@charset "utf-8";
											.TimeLabPlayQuiz{		 padding:0; background-color: #f4f4f4; } .TimeLabPlayQuiz>.outBox{ padding:0 0 175px 0; } @media screen and (max-width:768px){ .TimeLabPlayQuiz{		 padding:0; } .TimeLabPlayQuiz>.outBox{ padding:0 0 18.12vw 0; } }												 .TimeLabPlayQuiz{		 width:100%;		 }		 		 .TimeLabPlayQuiz .vAlign{		 width:0;		 height:100%;		 }		 		 .TimeLabPlayQuiz .disabled{		 pointer-events:none;		 }		 		 .TimeLabPlayQuiz .outBox{		 position:relative;		 }		 		 .TimeLabPlayQuiz .header{		 position:relative;		 }		 		 .TimeLabPlayQuiz .sceneLayer{		 position:relative;		 z-index:1;		 background-color:#f4f4f4;		 }		 		 .TimeLabPlayQuiz .cacheLayer{		 pointer-events:none;		 position:absolute;		 left:0;		 top:0;		 z-index:0;		 width:100%;		 height:100%;		 }		 		 .TimeLabPlayQuiz .cacheLayer img{		 position:absolute;		 left:0;		 top:0;		 width:100%;		 height:100%;		 }		 		 .TimeLabPlayQuiz .questionnaire{		 width:100%;		 }		 		 .TimeLabPlayQuiz .questionnaire .aBox{		 text-align: right; background-color: #FFF; position: relative;		 }		 		 .TimeLabPlayQuiz .questionnaire .lBox { position: absolute; top: 0; left: 0; width: 33.79%; height: 100%; } .TimeLabPlayQuiz .questionnaire .aid { position: absolute; bottom: 0; left: 0; width: 100%; height: 65px; text-align: left; padding-top: 10px; /* padding-left: 10px; */ } .TimeLabPlayQuiz .questionnaire .classify, .TimeLabPlayQuiz .questionnaire .classify { font-size: 16px; min-width: 15%; border: 2px #1b1b1b solid; padding: 5px 15px; text-align: center; background-color: #1b1b1b; color: #FFF; } .TimeLabPlayQuiz .questionnaire .classifyA{ display: none; } .TimeLabPlayQuiz .questionnaire .popularity, .TimeLabPlayQuiz .questionnaire .popularity { font-size: 16px; min-width: 15%; border: 2px #1b1b1b solid; padding: 5px 10px; text-align: center; background-color: #FFF; color: #1b1b1b; } .TimeLabPlayQuiz .questionnaire .popularityA{ display: none; } .TimeLabPlayQuiz .questionnaire .dateCountDown { margin-left: 8%; height: 100%; opacity: 1; //show it anyway: ; transition: opacity 0.6s; -moz-transition: opacity 0.6s; -webkit-transition: opacity 0.6s; -o-transition: opacity 0.6s; } .TimeLabPlayQuiz .questionnaire .triangle { position: absolute; top: 0; right: -13.0%; width: 13.11%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: right center; background-image: url(/hk/images/common/triangle.svg); } .TimeLabPlayQuiz .questionnaire .info { text-align: left; width: 27.59%; height: 70%; margin: 0 3.1% 5.2% 3.1%; } .TimeLabPlayQuiz .questionnaire .infoB { display: none; } .TimeLabPlayQuiz .questionnaire .tBox { width: 98%; } .TimeLabPlayQuiz .questionnaire .subject { margin-top: 20px; font-size: 36px; } .TimeLabPlayQuiz .questionnaire .description { margin-top: 10px; font-size: 16px; color: #787878; } .TimeLabPlayQuiz .questionnaire .imgBox{ width: 66.21%; max-width: 1200px; font-size: 0; } .TimeLabPlayQuiz .questionnaire .imgBox img { width: 100%; height: auto; opacity: 1; } .TimeLabPlayQuiz .questionnaire .listBoard{ width:100%; max-width:1120px; margin:0 auto; } .TimeLabPlayQuiz .questionnaire .line{ width:100%; height:1px; background-color:#ddd; margin: 80px 0 20px 0; } .TimeLabPlayQuiz .questionnaire .clock{ width:80px; height:120px; background-image:url(/hk/images/common/icon_quiz.svg); } .TimeLabPlayQuiz .questionnaire .rulesBox{ padding:25px 0 0 0; } .TimeLabPlayQuiz .questionnaire .btnStart{ cursor: pointer; padding: 2px 80px; background-color: #d71507; color: #fff; font-size: 36px; } .TimeLabPlayQuiz .questionnaire .rules{ font-size:24px; color:#222; padding:0 20px; } .TimeLabPlayQuiz .highLight{ color:#d41111; } .TimeLabPlayQuiz .topic{ width:100%; height:auto; max-width:1120px; margin:0 auto; background-color:#fff; } .TimeLabPlayQuiz .topic .lBox{ float:left; width:36%; height:100%; position:relative; text-align:center; } .TimeLabPlayQuiz .topic .rBox{ width:64%; height:100%; height:405px; } .TimeLabPlayQuiz .topic .qProc { width:80%; height: 4px; background-color: #f4f4f4; position:relative; margin-top:40px; } .TimeLabPlayQuiz .topic .qBar { position: absolute; top: 0px; left: 0px; background-color: #cc0000; height: 4px; width: 0%; } .TimeLabPlayQuiz .topic .qNumber { width:100%; height: 65px; background-position: center top; background-image: url(/hk/images/common/shield.svg); color: #e7cead; font-size: 18px; line-height: 3em; margin-top:35px; } .TimeLabPlayQuiz .topic .qText { padding-top: 50px; font-size:28px; } .TimeLabPlayQuiz .option{ padding: 45px 0 0 0; margin: 0 auto 0 -35px; background-color:#f4f4f4; } .TimeLabPlayQuiz .option .container { width: 100%; text-align: center; position:relative; } .TimeLabPlayQuiz .option .ans, .TimeLabPlayQuiz .option .ansUser, .TimeLabPlayQuiz .option .joinUser { position: relative; width: 25%; color: #282828; padding-left: 35px; padding-bottom: 50px; } .TimeLabPlayQuiz .ans .imgBox{ border-top: 2px #1b1b1b solid; border-left: 2px #1b1b1b solid; border-right: 2px #1b1b1b solid; } .TimeLabPlayQuiz .option .frame { position: relative; border: 10px #FFF solid; background-color: #FFF; } .TimeLabPlayQuiz .option .frame:hover{ border:10px #C00 solid; } .TimeLabPlayQuiz .option .frameB:hover{ border:10px #FFF solid; } .TimeLabPlayQuiz .option .frameA{ border:10px #C00 solid; } .TimeLabPlayQuiz .option .frameA:hover{ border:10px #C00 solid; } .TimeLabPlayQuiz .option .frameC{ transition: border-color 0.6s; -moz-transition: border-color 0.6s; /* Firefox 4 */ -webkit-transition: border-color 0.6s; /* Safari 和 Chrome */ -o-transition: border-color 0.6s; /* Opera */ } .TimeLabPlayQuiz .option .frameC,.TimeLabPlayQuiz .option .frameC:hover{ border:10px #fffc00 solid; } .TimeLabPlayQuiz .option .imgBox { position: relative; width: 100%; height: auto; font-size: 0; cursor: pointer; } .TimeLabPlayQuiz .option .checkOB, .TimeLabPlayQuiz .option .signOB { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: 40%; background-color: rgba(0,0,0,0.6); display: none; } .TimeLabPlayQuiz .option .checkOB { background-image: url(/hk/images/common/check.svg); } .TimeLabPlayQuiz .option .signOB { background-image: url(/hk/images/common/circle.svg); } .TimeLabPlayQuiz .option .checkOBA, .TimeLabPlayQuiz .option .signOBA{ display:block; } .TimeLabPlayQuiz .option .checkBox, .TimeLabPlayQuiz .option .checkBox_1 { position: absolute; top: 9px; right: 9px; width: 24px; height: 24px; background-color: #FFF; border: 1px #9c9c9c solid; } .TimeLabPlayQuiz .option .aSubject, .TimeLabPlayQuiz .option .bSubject{ display:none; } .TimeLabPlayQuiz .ans .aSubject { display:block; border: 2px #1b1b1b solid; padding: 15px; font-size: 18px; text-align: justify; min-height: 3.5em; position: relative; } .TimeLabPlayQuiz .option .checkBox, .TimeLabPlayQuiz .option .checkBox_1 { position: absolute; top: 9px; right: 9px; width: 24px; height: 24px; background-color: #FFF; border: 1px #9c9c9c solid; } .TimeLabPlayQuiz .option .btnSensor { position: absolute; top: 0; left: 0; cursor: pointer; width: 100%; height: 100%; } .TimeLabPlayQuiz .clockCD{ /*position:absolute;*/ padding-left:35px; right:0; bottom:50px; } @media screen and (max-width: 1600px){ .TimeLabPlayQuiz .questionnaire .classify { font-size: 1.1vw; } .TimeLabPlayQuiz .questionnaire .popularity { font-size: 1.1vw; } .TimeLabPlayQuiz .questionnaire .subject { font-size: 2.25vw; } .TimeLabPlayQuiz .questionnaire .description { font-size: 1vw; }		 }		 		 @media screen and (max-width: 1280px){		 .TimeLabPlayQuiz .questionnaire .listBoard, .TimeLabPlayQuiz .topic .container{		 width:90%;		 margin:0 auto;		 }		 		 .TimeLabPlayQuiz .topic .rBox{ height:31.64vw; } .TimeLabPlayQuiz .topic .qNumber { height: 5.08vw; font-size: 1.41vw; margin-top: 2.73vw; } .TimeLabPlayQuiz .topic .qText { padding-top: 3.91vw; font-size:2.19vw; }		 }		 		 @media screen and (max-width: 1024px){		 .TimeLabPlayQuiz .questionnaire .lBox { width: 100%; } .TimeLabPlayQuiz .questionnaire .aid { text-align: left; background-color: rgba(0,0,0,0.3); } .TimeLabPlayQuiz .questionnaire .classify { min-width: initial; padding: 5px 15px; } .TimeLabPlayQuiz .questionnaire .classifyA { font-size: 16px; min-width: initial; padding: 5px 15px; /* display: inline-block; */ } .TimeLabPlayQuiz .questionnaire .popularityA { font-size: 16px; display: inline-block; margin-left: 5vw; } .TimeLabPlayQuiz .questionnaire .dateCountDown { float: right; margin-right: 5vw; margin-left: 0; } .TimeLabPlayQuiz .questionnaire .triangle { display: none; } .TimeLabPlayQuiz .questionnaire .infoA { display: none; } .TimeLabPlayQuiz .questionnaire .infoB { margin: auto; display: block; width: 90%; padding: 3% 5%; text-align: left; background-color: transparent; background-color: #f4f4f4; } .TimeLabPlayQuiz .questionnaire .subjectA { margin-top: auto; font-size: 3.5vw; } .TimeLabPlayQuiz .questionnaire .descriptionA { font-size: 2vw; display: block; } .TimeLabPlayQuiz .questionnaire .imgBox { width: 100%; } .TimeLabPlayQuiz .questionnaire .line { margin: 7.81vw 0 1.95vw 0; } .TimeLabPlayQuiz .questionnaire .clock { width: 7.81vw; height: 11.72vw; } .TimeLabPlayQuiz .questionnaire .rules { font-size: 2.34vw; padding: 0 1.95vw; } .TimeLabPlayQuiz .questionnaire .btnStart { padding: 0.2vw 7.81vw; font-size: 3.52vw; }		 }		 		 @media screen and (max-width: 920px){		 .TimeLabPlayQuiz .topic { 		 width: 100%; height: auto; background-color: transparent; } .TimeLabPlayQuiz .questionnaire .listBoard{		 width:100%;		 }		 		 .TimeLabPlayQuiz .topic .container{		 width:90%;		 } .TimeLabPlayQuiz .topic{ width:100%; height:auto; background-color: transparent; } .TimeLabPlayQuiz .topic .lBox{ display:block; float:none; width: 90%; height:15.7vw; text-align:left; margin:4.35vw auto 0 auto; } .TimeLabPlayQuiz .topic .rBox{ width:100%; height: 56.28vw; } .TimeLabPlayQuiz .topic .qProc { position: absolute; width:74%; height: 1vw; margin-top:0; margin-left:4.35vw; background-color: #fff; } .TimeLabPlayQuiz .topic .qBar { height: 1vw; } .TimeLabPlayQuiz .topic .qNumber { float:left; width: 18.12vw; height: 15.7vw; font-size: 4.35vw; margin-top:0; text-align:center; } .TimeLabPlayQuiz .topic .qSubject { width:74%; margin-left:4.35vw; } .TimeLabPlayQuiz .topic .qText { padding-top: 6.04vw; font-size:3.04vw; } .TimeLabPlayQuiz .option { margin: 0 auto 0 -4vw; padding: 6vw 0 0 0; } .TimeLabPlayQuiz .option .ans, .TimeLabPlayQuiz .option .ansUser, .TimeLabPlayQuiz .option .joinUser { padding-left: 4vw; padding-bottom: 4vw; } .TimeLabPlayQuiz .option .checkBox, .TimeLabPlayQuiz .option .checkBox_1 { top: 2.17vw; right: 2.17vw; width: 5.79vw; height: 5.79vw; }		 		 .TimeLabPlayQuiz .option .ans, .TimeLabPlayQuiz .option .ansUser, .TimeLabPlayQuiz .option .joinUser { width: 50%; padding-left: 4vw; } .TimeLabPlayQuiz .option img { width: 38.17vw; height: 31.81vw; } .TimeLabPlayQuiz .clockCD{ position:static; right:auto; bottom:auto; padding-left: 4vw; }		 }		 		 @media screen and (max-width: 768px){		 .TimeLabPlayQuiz .questionnaire .listBoard{		 text-align:center;		 }		 		 .TimeLabPlayQuiz .questionnaire .aid { height: 48px; }		 		 .TimeLabPlayQuiz .questionnaire .subjectA { font-size: 6.5vw; } .TimeLabPlayQuiz .questionnaire .descriptionA { font-size: 4.5vw; display: block; } .TimeLabPlayQuiz .questionnaire .classify { font-size: 16px; } .TimeLabPlayQuiz .questionnaire .popularity { font-size: 16px; } .TimeLabPlayQuiz .questionnaire .line { margin: 0.0vw 0 0vw 0; } .TimeLabPlayQuiz .questionnaire .rulesBox { padding: 3.2vw 0 0 0; } .TimeLabPlayQuiz .questionnaire .clock{ display:none; width:100%; height:16.18vw; } .TimeLabPlayQuiz .questionnaire .rules{ width: 100%; padding-bottom: 6.04vw; font-size: 4.2vw; } .TimeLabPlayQuiz .questionnaire .timeRules{ display:block; } .TimeLabPlayQuiz .questionnaire .btnStart { padding: 1.5vw 16.87vw; font-size: 6vw; } .TimeLabPlayQuiz .clockCD{ position:static; right:auto; bottom:auto; padding-left: 4vw; } .TimeLabPlayQuiz .topic .qText { font-size:5.0vw; line-height: 1.3em; text-align: justify; padding-top: 2.8vw; } .mainMenu, .UserStatusPanel, .bottomMenu{ display:none !important; }		 }