@charset "utf-8";
											.TimeLabResults{		 padding:0; background-color:#F4F4F4; } .TimeLabResults>.outBox{ margin:0 auto; } @media screen and (max-width:768px){ .TimeLabResults{		 padding:0; } .TimeLabResults>.outBox{ } }										 .AdBannerO, .AdBannerS_A, .AdBannerV_A{ background-color:#F4F4F4 !important; } 		 .TimeLabResults{		 width:100%;		 position:relative;		 }		 		 .TimeLabResults .outBox{		 text-align:center;		 width:100%;		 max-width:1120px;		 position:relative;		 }		 		 .fbDebugger{		 width:100%;		 position:fixed;		 top:0;		 left:0;		 z-index:1000;		 background-color:#FFF;		 }		 		 .TimeLabResults .qHeader{		 position:relative;		 margin: 0 0 0 0;		 width:100%;		 height:225px;		 text-align:center;		 color:#FFF;		 }		 		 .TimeLabResults .qHeader .bg{		 position:absolute;		 top:0;		 left:0;		 width:100%;		 height:100%;		 background-repeat: no-repeat;		 background-position:center;		 background-size:cover;		 filter: grayscale(100%) brightness(30%) contrast(100%);		 z-index:0;		 }		 		 .TimeLabResults .qHeader .tBox{		 position:relative;		 z-index:1;		 display:inline-block; vertical-align:middle; max-width:60%;		 }		 		 .TimeLabResults .vAlign{		 display:inline-block; vertical-align:middle; width:1px; height:100%;		 }		 		 .TimeLabResults .qHeader .qSubject{		 font-size:32px;		 }		 		 .TimeLabResults .qHeader .qDescription{ margin-top:30px;		 font-size:16px;		 text-align:left;		 }		 		 .TimeLabResults .aBox{		 margin-top:30px;		 width:100%;		 height: 305px;		 background-color:#FFF;		 }		 		 .TimeLabResults .aBox .aImgBox{		 position:relative;		 display:inline-block;		 vertical-align:top;		 width:67%;		 height:100%;		 }		 		 .TimeLabResults .aBox .aImg{		 width:100%;		 height:100%;		 background-size:cover;		 background-position:center;		 background-repeat: no-repeat;		 -webkit-filter: grayscale(0%) brightness(70%) contrast(100%);		 filter: grayscale(0%) brightness(70%) contrast(100%);		 }		 		 .TimeLabResults .aBox .aSubject{		 position:absolute;		 left:0;		 bottom:0;		 width:100%;		 text-align:left;		 color:#FFF;		 padding:20px 30px;		 font-size:16px;		 }		 		 .TimeLabResults .aBox .aInfoBox{		 display:inline-block;		 vertical-align:top;		 width:33%;		 height:100%;		 padding:30px 35px;		 text-align:left;		 -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position:relative;		 }		 		 .TimeLabResults .aBox .auName{		 font-size:24px;		 }		 		 .TimeLabResults .aBox .auNameA{		 display:none;		 }		 		 .TimeLabResults .aBox .auDescription{		 margin-top:10px;		 font-size:16px;		 }		 		 .TimeLabResults .aBox .btnMore{		 position:absolute;		 left:35px;		 bottom:30px;		 padding:5px;		 border:1px #282828 solid;		 line-height: 0px;		 }		 		 .TimeLabResults .aBox .arrow{		 display:inline-block;		 vertical-align:middle;		 width:20px;		 height:20px;		 background-size:contain;		 background-position:center;		 background-repeat: no-repeat;		 background-image:url(/hk/images/common/arrow-down_black.svg);		 -ms-transform: rotate(90deg); /* IE 9 */ -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */ transform: rotate(90deg);		 }		 		 .TimeLabResults .aBox .txtMore{		 display:inline-block;		 vertical-align:middle;		 }		 		 .TimeLabResults .description_justify{ text-align:justify; }		 		 @media screen and (max-width: 768px){ .TimeLabResults .qHeader{ margin: 0; width:100vw; height:27.34vw; } .TimeLabResults .qHeader .qSubject{ font-size:5.5vw; } .TimeLabResults .qHeader .qDescription{ display:none; } .TimeLabResults .aBox{ width:90vw; height: auto; margin: 5.21vw auto 0 auto; } .TimeLabResults .aBox .aImgBox{ display:block; width:80vw; height: auto; margin: 0 auto; } .TimeLabResults .aBox .aImg{ height:39vw; } .TimeLabResults .aBox .aSubject{ position:relative; width:100%; text-align:left; color:#282828; padding:4.3vw 0; font-size:4.2vw; } .TimeLabResults .aBox .aInfoBox{ display:none; } .TimeLabResults .aBox .auName{ font-size:5.2vw; } .TimeLabResults .aBox .auNameA{ display:block; padding:5.2vw 0; } .TimeLabResults .aBox .auNameB{ display:none; } .mainMenu, .UserStatusPanel{ display:none !important; } }		 		 /*===BEGIN__計量條===*/		 .TimeLabResults .guage{		 display:inline-block;		 vertical-align: middle;		 width:90px;		 position: relative;		 -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;		 }		 		 .TimeLabResults .guageB{		 width:120px;		 }		 		 .TimeLabResults .guage canvas{		 display:inline-block;		 width:100%;		 height:100%;		 }		 		 .TimeLabResults .guage .progress{ position: absolute; top: 0; left: 0; width: 100%; height:100%; text-align: center; } .TimeLabResults .guage .pText{ display:inline-block; vertical-align:middle; font-size: 20px; color:#787878; font-family: 'Helvetica'; } .TimeLabResults .guage .pTextA{ color:#C00; } .TimeLabResults .guage .pTextA{ color:#C00; } 		 /*===END__計量條===*/		 		 .TimeLabResults .topic{		 width:100%;		 margin:30px auto 0 auto;		 background-color:#FFF;		 padding:35px 0 35px 0;		 position:relative;		 }		 		 .TimeLabResults .lBox{		 display:none;		 width:50%;		 }		 		 .TimeLabResults .rBox{		 display:block;		 width:100%;		 }		 		 .TimeLabResults .tSubject{		 font-size:24px;		 padding:0 0 30px 0;		 }		 		 .TimeLabResults .tSubjectA{		 display:none;		 }		 		 .TimeLabResults .selection{		 padding:0 0 0 25px; text-align: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;		 }		 		 .TimeLabResults .yourSelection{		 display:inline-block;		 vertical-align: top;		 width:26.78%;		 padding:0 25px;		 text-align:center;		 }		 		 .TimeLabResults .midLine{		 position:absolute;		 top:0;		 left:0;		 width:26.78%;		 height:calc(100% - 70px);		 margin:35px 0;		 padding:0 25px;		 border-right:1px #CCC solid;		 -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;		 }		 		 .TimeLabResults .allSelection{		 display:inline-block;		 vertical-align: top;		 width:73.22%;		 height:100%;		 }		 		 .TimeLabResults .yourSelection img{		 width:100%;		 height:auto;		 }		 		 .TimeLabResults .option{		 display:inline-block;		 vertical-align: middle;		 width:50%;		 padding:25px 25px 0 25px;		 -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;		 }		 		 .TimeLabResults .oSubject{		 display:inline-block;		 vertical-align: middle;		 color:#787878;		 padding-left:24px;		 -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width:calc(100% - 90px); font-size:16px; text-align:justify;		 }		 		 .TimeLabResults .oSubjectA{		 color:#C00;		 }		 		 .TimeLabResults .sTitle{		 text-align:center;		 font-size:24px;		 color:#282828;		 padding:5px 0 20px 0;		 }		 		 .TimeLabResults .uBox{		 margin:25px 0 50px 0;		 }		 		 .TimeLabResults .uPicture{		 width:100%;		 font-size:0;		 margin: 25px 0 0 0;		 }		 		 .TimeLabResults .uSubject{		 margin: 25px 0 0 0;		 font-size: 16px;		 color:#C00;		 text-align:justify;		 padding:0 5px;		 }		 		 @media screen and (max-width: 768px){ .TimeLabResults .topic{ width:90%; margin:5% 5% 0 5%; padding-top:0; } .TimeLabResults .selection{ padding:0 7%; text-align: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .TimeLabResults .yourSelection, .TimeLabResults .allSelection{ display:block; width:100%; } .TimeLabResults .allSelection{ } .TimeLabResults .midLine{ display:none; } .TimeLabResults .sTitle{ font-size:5.5vw; padding:0.65vw 0 5vw 0; } .TimeLabResults .sTitleA{ border-top:1px #CCC solid; padding-top:5vw; padding-bottom:0.65vw; } .TimeLabResults .sTitleB{ padding-top:5vw; padding-bottom:0.65vw; } .TimeLabResults .option{ display:block; width:100%; padding:5vw 0 0 0; } .TimeLabResults .guage{ width:12.5vw; } .TimeLabResults .guageB{ width:15.625vw; } .TimeLabResults .guage .pText{ font-size: 3vw; } .TimeLabResults .lBox{ display:inline-block; vertical-align: middle; width:50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .TimeLabResults .rBox{ display:inline-block; vertical-align: middle; width:48%; padding:0 2vw; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align:left; } .TimeLabResults .uPicture{ margin: 0; } .TimeLabResults .uPictureA{ display:none; } .TimeLabResults .tSubject{ font-size:4vw; padding:5vw 0 4vw 0; background-color:#e7cead; margin-bottom:5vw; } .TimeLabResults .oSubject{ width:calc(100% - 12.5vw); padding-left:2.6vw; font-size:4vw; } .TimeLabResults .uSubject{ margin: 3.25vw 0 0 0; font-size:4vw; }		 }