@charset "utf-8";

img {max-width:100%;}
.videotag {position:relative;width:650px;height:650px;}
.videoplayer {position:absolute;width:100%;left:0;top:0;}
.videoplayer169 {position:absolute;width:100vw;height:57vw;left:0;top:0;}
.black_opy {width:100%;height:100%;position:absolute;background-color:#030303;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;}
.intro_quiz {position:absolute;width:100%;height:100%;}
.quiz_lay {position:relative;width:100%;height:100%;background:url('/images/duplex/intro_bg.png') no-repeat 0 0;background-size:100%;}
.quiz_lay .quiz_start {position:absolute;top:38%;left:30%;width:30%;height:30%;-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg); -ms-transform:rotate(45deg);transform:rotate(45deg); }
.quiz_lay .quiz_start img {max-width:100%;}
.quiz_lay .quiz_down {position:absolute;top:59%;left:51%;width:30%;height:30%;-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg); -ms-transform:rotate(45deg);transform:rotate(45deg);}
.quiz_lay .quiz_down img {max-width:100%;}
.quiz_lay .quiz_p {position:absolute;top:83%;left:10%;width:48%;font-size:0.9em;color:#fff;text-align:left;}
.white_bg {position:absolute;margin:5%;width:90%;height:90%;border-radius:6px;background:url('../../../duplex/white_bg.png') repeat 0 0;}
.white_bg .login_facebook {width:94%;height:19%;margin:4% auto 0;background-color:#fff;border-radius:6px;}
.white_bg .login_facebook p {text-align:center;font-size:0.875em;padding-top:2%;}
.white_bg .login_facebook a {width:50%;margin:2% auto 0;display:block;}
.white_bg .login_facebook a img {max-width:100%;}
.white_bg .log_agree {width:94%;margin:1% auto;text-align:left;font-size:0.875em;}
.white_bg .log_agree input {vertical-align:middle;}
.white_bg .log_agree label {font-size:0.875em;color:#000;}
.white_bg .quiz_exp_error {width:100%;height:18%;margin-top:7%;background:url('../../../duplex/quiz_exp_error.png') no-repeat 0 0;background-size:100%;}
.white_bg .quiz_exp_right {width:100%;height:22%;margin-top:4%;background:url('../../../duplex/quiz_exp_right.png') no-repeat 0 0;background-size:100%;}
.white_bg .quiz_exp_txt {width:90%;margin:0 auto;margin-top:4%;}
.white_bg .quiz_exp_txt div {overflow:hidden;}
.white_bg .quiz_exp_txt div img {float:left;width:26%;padding-right:5%;}
.white_bg .quiz_exp_txt div span {float:left;width:68%;text-align:left;font-size:1.2em;color:#cd0000;font-weight:bold;}
.white_bg .quiz_exp_txt p {margin-top:3%;font-weight:bold;text-align:left;color:#3e4243;font-size:0.95em;}
.white_bg .btn_lay {position:absolute;bottom:0;width:100%;text-align:center;padding-bottom:2%;}
.white_bg .btn_lay .btn01 img{width:26%;}
.white_bg .btn_lay .btn02 img{width:35%;}
.white_bg .btn_lay .btn03 img{width:26%;}
.white_bg .h_tit {padding:2% 0;}
.white_bg .fac_box {width:94%;height:21%;margin:0 auto 0;background-color:#fff;border-radius:6px;}
.white_bg .fac_box p {width:84%;margin:0 auto;text-align:center;font-size:0.875em;padding-top:5%;text-align:left;}
.white_bg .fac_box p span {color:#00a5ed;}
.white_bg .face_gong {margin-top:8%;}
.white_bg .face_gong .f_btn {}
.white_bg .face_gong .f_btn .btn01 {width:60%;vertical-align:middle;}
.white_bg .face_gong .f_btn .btn02 {width:10%;vertical-align:middle;}
.white_bg .face_gong p {text-align:left;padding-left:20%;}
.white_bg .face_gong span {color:#d30000;}
.white_bg .ranking {height:86%;overflow:auto;}
.white_bg .ranking .ranking_inner {}
.white_bg .ranking .ranking_inner .ranking_line {width:94%;height:50px;margin:2% auto 0;background-color:#fff;border-radius:6px;}
.white_bg .ranking .ranking_inner .ranking_line .img {float:left;width:40px;vertical-align:middle;padding:5px 0 0 10px;}
.white_bg .ranking .ranking_inner .ranking_line span {float:left;vertical-align:middle;padding:0 0 0 10px;line-height:50px;font-weight:bold;text-align:left;}
.white_bg .ranking .ranking_inner .ranking_line a {}
.white_bg .ranking .ranking_inner .ranking_line a img {float:right;width:40px;vertical-align:middle;padding:5px 10px 0 0;}
.white_bg .wl {width:90%;height:69%;background:url('../../../duplex/sb_bg.png') no-repeat 0 0;background-size:100%;margin:5% auto -2%;}
.white_bg .wl_inner {width:80%;height:50%;margin:0 auto;padding-top:25%;}
.white_bg .wl_inner .tct_box_left {float:left;width:44%;height:91%;background:#fff;-webkit-box-shadow: 3px 3px 3px;-moz-box-shadow: 3px 3px 3px;box-shadow: 3px 3px 3px;}
.white_bg .wl_inner .tct_box_left img {width:90%;height:90%;margin:5%;}
.white_bg .wl_inner .tct_box_right {float:right;width:44%;height:91%;background:#fff;-webkit-box-shadow: 3px 3px 3px;-moz-box-shadow: 3px 3px 3px;box-shadow: 3px 3px 3px;margin-right:3%;}
.white_bg .wl_inner .tct_box_right img {width:90%;height:90%;margin:5%;}
.white_bg .wl_bt {width:80%;margin:0 auto;}
.white_bg .wl_bt span {float:left;font-weight:bold;letter-spacing:-1px;vertical-align:middle;padding-top:2%;font-size:0.875em;}
.white_bg .wl_bt a {}
.white_bg .wl_bt a img {width:14%;vertical-align:middle;float:right;}
.white_bg .ic_gong {position:absolute;top:3%;right:3%;width:10%;height:10%;}
.white_bg .ic_gong img {width:100%;height:100%;}
.white_bg .yn_layout {width:90%;height:84%;margin:0 auto;padding-top:12%;}
.white_bg .yn_tit {overflow:hidden;}
.white_bg .yn_tit .lf {float:left;width:50%;font-weight:bold;font-size:1.2em;}
.white_bg .yn_tit .lr {float:right;width:50%;font-weight:bold;font-size:1.2em;}
.white_bg .yn_cont {width:94%;height:86%;overflow:auto;margin:0 auto;padding-top:2%;}
.white_bg .yn_cont .y_left {float:left;width:46%;}
.white_bg .yn_cont .y_left .y_line {width:100%;height:50px;margin-top:4%;background-color:#fff;border-radius:6px;}
.white_bg .yn_cont .y_left .y_line .img {float:left;width:40px;vertical-align:middle;padding:5px 0 0 10px;}
.white_bg .yn_cont .y_left .y_line span {float:left;vertical-align:middle;padding:0 0 0 10px;line-height:50px;font-weight:bold;text-align:left;}
.white_bg .yn_cont .n_right {float:right;width:46%;}
.white_bg .yn_cont .n_right .n_line {width:100%;height:50px;margin-top:4%;background-color:#fff;border-radius:6px;}
.white_bg .yn_cont .n_right .n_line .img {float:left;width:40px;vertical-align:middle;padding:5px 0 0 10px;}
.white_bg .yn_cont .n_right .n_line span {float:left;vertical-align:middle;padding:0 0 0 10px;line-height:50px;font-weight:bold;text-align:left;}

.m_layout {position:absolute;margin:4% 6% 8% 6%;width:88%;height:88%;border-radius:6px;}
.m_layout .quiz_tit {position:relative;width:100%;height:21%;background:url('../../../duplex/white_bg.png') no-repeat 0 0;border-radius:8px;background-size:100%;margin-bottom:8%;}
.m_layout .quiz_tit p {padding:3% 8% 0 14%;font-size:1.2em;color:#000;font-weight:bold;text-align:left;}
.m_layout .quiz_tit p.one {padding:6% 8% 0 14%;}
.m_layout .icon_qt {position:absolute;top:12%;left:3%;display:block;width:10%;height:70%;background:url('../../../duplex/quiztit_bg.png') no-repeat 0 0;background-size:100%;}
.m_layout .quiz_ans01 {position:relative;width:100%;height:14%;border-radius:8px;background:url('../../../duplex/white_bg.png') repeat 0 0;background-size:100%;margin-bottom:1%;}
.m_layout .quiz_ans01 a {display:block;text-align:left;padding:3% 5% 3% 15%;font-size:1.2em;color:#000;font-weight:bold;}
.m_layout .quiz_ans02 {position:relative;width:100%;height:14%;border-radius:8px;background:url('../../../duplex/white_bg.png') repeat 0 0;background-size:100%;margin-bottom:1%;}
.m_layout .quiz_ans02 a {display:block;text-align:left;padding:3% 5% 3% 15%;font-size:1.2em;color:#000;font-weight:bold;}
.m_layout .quiz_ans03 {position:relative;width:100%;height:14%;border-radius:8px;background:url('../../../duplex/white_bg.png') repeat 0 0;background-size:100%;margin-bottom:1%;}
.m_layout .quiz_ans03 a {display:block;text-align:left;padding:3% 5% 3% 15%;font-size:1.2em;color:#000;font-weight:bold;}
.m_layout .quiz_ans04 {position:relative;width:100%;height:14%;border-radius:8px;background:url('../../../duplex/white_bg.png') repeat 0 0;background-size:100%;}
.m_layout .quiz_ans04 a {display:block;text-align:left;padding:3% 5% 3% 15%;font-size:1.2em;color:#000;font-weight:bold;}
.m_layout .quiz_ans_on a {color:#0c90da;}
.m_layout .ans_choose {width:20px;height:20px;margin-left:3%;vertical-align:bottom;background:url('../../../duplex/ans_choose.png') no-repeat 0 0;background-size:100%;display:inline-block;}
.m_layout .plus {color:#a12237;float:right;display:inline-block;}
.m_layout .login_facebook {width:94%;height:26%;margin:22% auto 0;background-color:#fff;border-radius:6px;}
.m_layout .login_facebook p {text-align:center;font-size:0.875em;padding-top:2%;}
.m_layout .login_facebook a {width:50%;margin:2% auto 0;display:block;}
.m_layout .login_facebook a img {max-width:100%;}
.m_layout .login_facebook .log_agree {width:94%;margin:2% auto;text-align:left;font-size:0.875em;}
.m_layout .login_facebook .log_agree input {vertical-align:middle;}
.m_layout .login_facebook .log_agree label {font-size:0.875em;color:#000;}
.m_layout .quiz_tit_gong {width:100%;height:21%;background:url('../../../duplex/white_bg.png') no-repeat 0 0;border-radius:6px;background-size:100%;margin-bottom:8%;}
.m_layout .quiz_tit_gong p {float:left;padding:3% 8% 0 10%;font-size:1.2em;color:#000;font-weight:bold;text-align:left;}
.m_layout .quiz_tit_gong p.one {padding:6% 8% 0 10%;}
.m_layout .quiz_tit_gong a {}
.m_layout .quiz_tit_gong a img {float:right;width:12%;margin:5% 5% 0 0;}
.m_layout .lq_box {position:absolute;;width:72%;height:46%;background:#fff;-webkit-box-shadow: 3px 3px 3px #333;-moz-box-shadow: 3px 3px 3px #333;box-shadow: 3px 3px 3px #333;}
.m_layout .lq_box img {width:90%;height:90%;margin:5%;}
.m_layout .lq_box02 {position:absolute;;width:58%;height:60%;background:#fff;-webkit-box-shadow: 3px 3px 3px #333;-moz-box-shadow: 3px 3px 3px #333;box-shadow: 3px 3px 3px #333;}
.m_layout .lq_box02 img {width:90%;height:90%;margin:5%;}

.m_layout .ans_ver {position:relative;width:48%;height:48%;margin-bottom:2%;border-radius:8px;background:url('../../../duplex/white_bg.png') repeat 0 0;}
.m_layout .ans_ver a {display:block;height:100%;border-radius:8px;}
.m_layout .ans_ver .v_img02 {width:74%;margin:0 auto;padding:7% 0;}
.m_layout .ver_lay {position:relative;overflow:hidden;height:70%;}
.m_layout .ver_lay  .drag_lt {position:absolute;width:13%;height:20%;background:url('../../../duplex/drag_lt.png') no-repeat 0 0;background-size:100%;}
.m_layout .ver_lay  .drag_rt {position:absolute;width:13%;height:20%;background:url('../../../duplex/drag_rt.png') no-repeat 0 0;background-size:100%;}
.m_layout .ver_lay  .drag_lb {position:absolute;width:13%;height:20%;background:url('../../../duplex/drag_lb.png') no-repeat 0 0;background-size:100%;}
.m_layout .ver_lay  .drag_rb {position:absolute;width:13%;height:20%;background:url('../../../duplex/drag_rb.png') no-repeat 0 0;background-size:100%;}
.dr_yellow {background-color:#d5e265;}
.dr_blue {background-color:#b6deff;}
.dr_green {background-color:#9df4e1;}
.dr_pink {background-color:#f49dea;}

.m_layout .ans_ver.left {float:left;}
.m_layout .ans_ver.right {float:right;}
.m_layout .ver_vis {position:absolute;display:block;width:40px;height:40px;background:url('../../../duplex/ver_vis.png') no-repeat 0 0;background-size:100%;font-size:1.8em;color:#fff;font-weight:bold;}
.m_layout .ecn_txt {position:absolute;font-size:1.0em;color:#000;font-weight:bold;display:block;}
.m_layout .ecn_txt.on {color:#0c90da;}
.m_layout .ver_plus_txt {position:absolute;top:7%;left:48px;color:#a12237;font-size:1.4em;font-weight:bold;}
.m_layout .ver_plus {position:absolute;width:36px;height:36px;vertical-align:bottom;background:url('../../../duplex/ans_choose.png') no-repeat 0 0;background-size:100%;display:block;;}
.m_layout .red {color:#a12237;font-size:1.0em;margin-left:1%;}
.m_layout .quiz_error {position:absolute;top:40%;left:5%;width:90%;height:40%;background:url('../../../duplex/quiz_error_bg.png') no-repeat 0 0;background-size:100%;}
.m_layout .quiz_error .ptx {padding-top:30%;color:#1da2e0;font-size:1.2em;font-weight:bold;letter-spacing:-2px;}
.m_layout .quiz_right {position:absolute;top:40%;left:5%;width:90%;height:40%;background:url('../../../duplex/quiz_right_bg.png') no-repeat 0 0;background-size:100%;}
.m_layout .quiz_right .ptx {padding-top:30%;color:#1da2e0;font-size:1.2em;font-weight:bold;letter-spacing:-2px;}
.m_layout .btn_lay {position:absolute;bottom:0;text-align:center;padding-bottom:7%;}
.m_layout .btn_lay .btn01 img{width:26%;}
.m_layout .btn_lay .btn02 img{width:35%;}
.m_layout .btn_lay .btn03 img{width:26%;}
.m_layout .jiesuo {position:absolute;overflow:auto;bottom:6%;height:24%;border-radius:6px;background-color:#fff;font-weight:bold;font-size:0.875em;padding:10px;text-align:left;}
.m_layout .jiesuo .inner {}

.m_layout .yn {width:60%;height:25%;margin:0 auto;}
.m_layout .yn .yes {width:42%;height:100%;float:left;background:url('../../../duplex/yn_bg.png') no-repeat 0 0;background-size:100%;}
.m_layout .yn .yes .p01 {font-size:2.2em;color:#1195dd;font-weight:bold;padding-top:16%;line-height:1;}
.m_layout .yn .yes .p02 {font-size:1.2em;color:#1195dd;}
.m_layout .yn .no {width:42%;height:100%;float:right;background:url('../../../duplex/yn_bg.png') no-repeat 0 0;background-size:100%;}
.m_layout .yn .no .p01 {font-size:2.2em;color:#e53d3d;font-weight:bold;padding-top:16%;line-height:1;}
.m_layout .yn .no .p02 {font-size:1.2em;color:#e53d3d;}

.m_layout .ans_ver_img {position:relative;width:48%;height:58%;border-radius:8px;background:url('../../../duplex/white_bg.png') repeat 0 0;}
.m_layout .ans_ver_img a {display:block;height:100%;}
.m_layout .ans_ver_img.left {float:left;}
.m_layout .ans_ver_img.right {float:right;}
.m_layout .ans_ver_img .v_img {width:74%;margin:0 auto;padding-top:40%;}

.m_layout .pt00 {padding-top:0;}

.m_layout .ans_grasp {position:relative;width:100%;height:70%;margin-bottom:2%;border-radius:8px;background:url('../../../duplex/white_bg.png') repeat 0 0;}
.m_layout .ans_grasp .yes_lay {position:relative;width:100%;height:52%;}
.m_layout .ans_grasp .yes_lay span {position:absolute;top:20%;left:44%;color:#cc0043;font-size:2.0em;font-weight:bold;}
.m_layout .ans_grasp .yes_lay .drag_up {position:absolute;top:54%;left:44%;width:13%;height:20%;background:url('../../../duplex/drag_up.png') no-repeat 0 0;background-size:100%;}
.m_layout .ans_grasp .fen_line {width:100%;height:1%;background-color:#3f4343;}
.m_layout .ans_grasp .no_lay {position:relative;width:100%;height:47%;}
.m_layout .ans_grasp .no_lay span {position:absolute;top:48%;left:44%;color:#006972;font-size:2.0em;font-weight:bold;}
.m_layout .ans_grasp .no_lay .drag_down {position:absolute;top:30%;left:44%;width:13%;height:20%;background:url('../../../duplex/drag_down.png') no-repeat 0 0;background-size:100%;}
.m_layout .ans_grasp .drag_lay {position:absolute;top:42%;left:5%;width:14%;height:17%;background:url('../../../duplex/drag_bg.png') no-repeat 0 0;background-size:100%;text-align:left;}
.m_layout .ans_grasp .drag_ball {position:absolute;top:40%;left:42%;width:18%;height:18%;}

.m_layout .ans_grasp_lr {position:relative;width:100%;height:70%;margin-bottom:2%;border-radius:8px;background:url('../../../duplex/white_bg.png') repeat 0 0;}
.m_layout .ans_grasp_lr .yes_lay {position:relative;width:50%;height:100%;float:left;}
.m_layout .ans_grasp_lr .yes_lay .drag_left {position:absolute;top:44%;left:68%;width:13%;height:20%;background:url('../../../duplex/drag_left.png') no-repeat 0 0;background-size:100%;}
.m_layout .ans_grasp_lr .fen_line {width:1%;height:100%;background-color:#3f4343;float:left;}
.m_layout .ans_grasp_lr .no_lay {position:relative;width:49%;height:100%;float:right;}
.m_layout .ans_grasp_lr .no_lay .drag_right {position:absolute;top:44%;left:18%;width:14%;height:20%;background:url('../../../duplex/drag_right.png') no-repeat 0 0;background-size:100%;}
.m_layout .ans_grasp_lr .drag_lay {position:absolute;top:42%;left:5%;width:14%;height:17%;background:url('../../../duplex/drag_bg.png') no-repeat 0 0;background-size:100%;text-align:left;}
.m_layout .ans_grasp_lr .drag_ball {position:absolute;top:40%;left:41%;width:18%;height:18%;}

.wrong_view {position:absolute;width:44%;height:67%;text-indent:-9999px;background:url('../../../duplex/wrong_view.png') no-repeat 0 0;background-size:100%;}
.right_view {position:absolute;width:57%;height:85%;text-indent:-9999px;background:url('../../../duplex/right_view.png') no-repeat 0 0;background-size:100%;}
.wrong_view_tc {position:absolute;width:37%;height:77%;text-indent:-9999px;background:url('../../../duplex/wrong_view_tc.png') no-repeat 0 0;background-size:100%;}
.right_view_tc {position:absolute;width:33%;height:100%;text-indent:-9999px;background:url('../../../duplex/right_view_tc.png') no-repeat 0 0;background-size:100%;}

@keyframes blink{
  0%{opacity: 1;}
  50%{opacity: 1;}
  50.01%{opacity: 0;}
  100%{opacity: 0;} 
}
@-webkit-keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}
@-moz-keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}
@-ms-keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}
@-o-keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}
.blink{
    animation: blink .75s linear infinite;  
    -webkit-animation: blink .75s linear infinite;
    -moz-animation: blink .75s linear infinite;
    -ms-animation: blink .75s linear infinite;
    -o-animation: blink .75s linear infinite;
    color: #222;
	font-weight:bold;
	font-size:1.0em;
}

/* TIMER */
.countdown {width:50px;position:absolute;top:2%;right:2%;}
.countdown .inner {position:relative;top:2%;right:2%;}
.pie{width:50px;height:50px;background-color:blue;border-radius:100px;position:absolute;}
.pie1{clip:rect(0px,50px,50px,25px);-o-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);background-color:#7d36d4;}
.pie2{clip:rect(0px,25px,50px,0px);-o-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);background-color:#7d36d4;}
.hold{width:50px;height:50px;position:absolute;z-index:1;}
.bg{width:50px;height:50px;border-radius:50px;position:absolute;background-color:#ffbf00;}
.time{width:40px;height:40px;margin:5px 0 0 5px;background-color:#ffbf00;border-radius:80px;position:absolute;z-index:1;text-align:center;line-height:40px;font-size:32px;font-weight:bold;color:#47009f;}