@charset "utf-8";
body,html{position:relative;width:100%;height:100%;background:#ccc;}
.centerwrap{ width:84%; min-width:1200px;  margin:0 auto;}
.hide400{display:block!important;}
.show400{display:none!important;}
.hcenter{position:absolute;top:50%;left:0;width:100%;transform:translateY(-50%);}
/* frame */
#mainwrap{z-index:60;position:fixed;top:0;left:0;width:100%;height:100%;background:#000;}
.pagewrap{position:absolute;top:50%;left:0;width:100%;transform:translateY(-50%);z-index:1;transition: all 0.5s}
.pagewrap .bgimg{position:relative;width:100%;z-index:1;}
.w100 img{width:100%;}
.hide{opacity:0;z-index:0;}

.rdata{    top: 100px;left: 50px;position: fixed;z-index:100;opacity:0}
/* indx */
.indexbtn{position:absolute;left:33%;top:71%;width:30%;z-index:8;}
/* quest */
.nextbtn{position:absolute;left:39%;top:74%;width:20%;z-index:8;}
.queswrap{position:absolute;left:24%;top:34%;width:47%;z-index:5;}
.qbox{position:relative;padding-bottom:1.5vw;}
.qnumber{position:absolute;top:0;left:0;width:4vw;font-size:1.2vw;line-height:2vw;padding:0;text-align:left;padding:0 0.5vw;border-radius:0.3vw;background:#ffd52d;color:#000;z-index:3;}
.qtitle{position:relative;width:calc(100% - 6vw);z-index:2;font-size:1.6vw;line-height:2vw;font-weight:bold;color:#000;padding-left:6vw;}
.abox{position:relative;padding-bottom:1.5vw;}
.alistbox{position:relative;width:calc(100% - 6vw);z-index:2;padding-left:6vw;}
.aline{position:relative;font-size:1.5vw;line-height:2vw;color:#000;margin-bottom:0.8vw;}
.aline span{display:inline-block;float:left;width:1.6vw;height:1.6vw;text-align:center;font-size:1vw;line-height:1.6vw;border-radius:0.8vw; background:#ffd52d;color:#000;margin:0.2vw 0.5vw 0 0;}
.selectbox{position:relative;}
.selecttext{position:absolute;top:0;left:0;width:4vw;font-size:1.1vw;line-height:2vw;padding:0;text-align:left;padding:0 0.5vw;border-radius:0.3vw;background:#ffd52d;color:#000;z-index:3;}
.selectnbox{position:relative;width:calc(100% - 6vw);z-index:2;font-size:1.6vw;line-height:2vw;font-weight:bold;color:#000;padding-left:6vw;}
.selectitem{position:relative;margin-right:0.5vw;width:4vw;}
/* 其他頁 */
.reswrap{position:absolute;left:27%;top:32%;width:40%;height:38%;z-index:5;}
.reswrap h3{font-size:2.5vw;line-height:3vw;color:#e01c1c;letter-spacing: 0.2vw;}
.errbox{position:relative;}
.errtitle{position:absolute;top:0;left:0;margin-top:2vw;width:5vw;font-size:1.2vw;line-height:2vw;padding:0;text-align:left;padding:0 0.5vw;border-radius:0.3vw;background:#ffd52d;color:#000;z-index:3;}
.errans{position:relative;width:calc(100% - 7vw);z-index:2;font-size:4vw;line-height:5vw;font-weight:bold;color:#e01c1c;padding-left:7vw;text-align:left;}
.errtext{font-size:1.4vw;line-height:2vw;color:#000;text-align:left;}
/* timer */
.timerbox{position:absolute;right:22%;bottom:15%;width:12vw;z-index:9;}
.timerbox .timebg{position:relative;width:100%;z-index:1;}
.timetext{position:absolute;z-index:2;width:100%;height:100%;font-size:7.6vw;line-height:12vw;color:#ff8401;font-family: arial!important;text-align:center;font-weight:bold;}
@media (max-aspect-ratio: 1280/800) {
  .pagewrap{top:0;left:50%;width:auto;height:100%;transform:translateX(-50%);}
  .pagewrap .bgimg{position:relative;width:auto;height:100%;z-index:1;}
}