@charset "utf-8";
											.TimeLabPlayVote{		 } .TimeLabPlayVote>.outBox{ } @media screen and (max-width:768px){ .TimeLabPlayVote{		 } .TimeLabPlayVote>.outBox{ } }												 .TimeLabPlayVote{		 position:relative;		 padding-top:60px;		 padding-bottom:1px;		 width:100%;		 color:#1B1B1B;		 background-color: #f4f4f4;		 }		 		 .TimeLabPlayVote > .outBox{		 position:relative;		 color:#1B1B1B;		 width:100%;		 max-width:1120px;		 margin:0 auto;		 text-align:center;		 }		 		 .TimeLabPlayVote .cBox { width:100%; }		 		 .TimeLabPlayVote .listBoard{		 text-align:center;		 }		 		 /*===BEGIN__Q區塊===*/		 .TimeLabPlayVote .qUnit{		 width:100%;		 padding: 70px 0 0 0;		 text-align:left;		 position:relative;		 }		 		 .TimeLabPlayVote .qUnitA{		 display:none;		 }		 		 .TimeLabPlayVote .qUnit .qNumber{ width: 75px; height: 65px;		 background-position:center top;		 background-repeat: no-repeat;		 background-size:contain;		 background-image:url(/tw/images/common/shield.svg);		 color:#e7cead;		 font-size:18px;		 line-height:3em;		 display:inline-block;		 vertical-align:top;		 text-align:center;		 }		 		 .TimeLabPlayVote .qUnit .qSubject{		 display:inline-block;		 vertical-align:top;		 margin-left:15px;		 }		 		 .TimeLabPlayVote .qUnit .qSubject .qText{		 padding-top:25px;		 }		 		 .TimeLabPlayVote .qUnit .qProc{		 position:absolute;		 top:70px;		 left:90px;		 width:60%;		 height:4px;		 background-color:#FFF;		 }		 		 .TimeLabPlayVote .qUnit .qProc .qBar{		 position:absolute;		 top:0px;		 left:0px;		 background-color:#cc0000;		 height:4px;		 width:0%;		 }		 		 .TimeLabPlayVote .qUnit .qProc .qPercent{		 position:absolute;		 top:calc(-0.5em - 2px);		 right:-50px;		 color:#CC0000;		 font-size:18px;		 }		 		 .TimeLabPlayVote .aBox {		 margin: 0 auto 0 -35px; padding: 70px 0 0 0; } .TimeLabPlayVote .aBox .container{ width: 100%; text-align: left; } .TimeLabPlayVote .aBox .containerA{ text-align: center; } .TimeLabPlayVote .ans .frame{ position:relative; border:10px #FFF solid; background-color:#FFF; } .TimeLabPlayVote .ans .frame:hover{ border:10px #C00 solid; } .TimeLabPlayVote .ans .frameB:hover{ border:10px #FFF solid; } .TimeLabPlayVote .ans .frameA{ border:10px #C00 solid; } .TimeLabPlayVote .ans .frameA:hover{ border:10px #C00 solid; } .TimeLabPlayVote .ans .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 */ } .TimeLabPlayVote .ans .frameC,.TimeLabPlayVote .ans .frameC:hover{ border:10px #fffc00 solid; } .TimeLabPlayVote .ans .imgBox{ position: relative; width: 100%; height: auto; background-repeat: no-repeat; background-position:center; background-size:cover; border-top:2px #1b1b1b solid;		 border-left:2px #1b1b1b solid;		 border-right:2px #1b1b1b solid;		 -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size:0; cursor:pointer; } .TimeLabPlayVote .ans .checkOB, .TimeLabPlayVote .ans .signOB{ position: absolute; top:0; left:0; width:100%; height:100%; background-repeat: no-repeat; background-position:center; background-size:40%; background-color:rgba(0,0,0,0.6); display:none; } .TimeLabPlayVote .ans .checkBox, .TimeLabPlayVote .ans .checkBox_1{ position: absolute; top:9px; right:9px; width:24px; height:24px; background-color:#FFF; border:1px #9c9c9c solid; } .TimeLabPlayVote .ans .checkBox_1{ display:none; } .TimeLabPlayVote .ans .checkBoxA{ display:none; } .TimeLabPlayVote .ans .checkOB{ background-image:url(/tw/images/common/check.svg); } .TimeLabPlayVote .ans .signOB{ background-image:url(/tw/images/common/circle.svg); } .TimeLabPlayVote .ans .checkOBA, .TimeLabPlayVote .ans .signOBA{ display:block; } .TimeLabPlayVote .ans img{ width: 100%; height: auto; visibility: hidden; } .TimeLabPlayVote .ans .aSubject{ border:2px #1b1b1b solid; padding: 15px; font-size: 18px; text-align: justify; min-height:3.5em; position:relative; } .TimeLabPlayVote .ans .aSubBox{ cursor:pointer; margin-top:10px; overflow:hidden; } .TimeLabPlayVote .ans .shareBox{ position:absolute; top:14px; right:14px; } .TimeLabPlayVote .ans .cus_pic, .TimeLabPlayVote .ans .iconShare, .TimeLabPlayVote .ans .iconDelete, .TimeLabPlayVote .ans .iconCrown, .TimeLabPlayVote .ans .iconRank{ display:inline-block; vertical-align:middle; width: 35px; height: 35px; line-height: 35px; text-align:center; color:#d92315; font-size:20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 50%; /*background-repeat: no-repeat;*/ background-position:center; background-size:contain; } .TimeLabPlayVote .ans .iconShare, .TimeLabPlayVote .ans .iconDelete, .TimeLabPlayVote .ans .iconCrown, .TimeLabPlayVote .ans .iconRank{ display:none; cursor:pointer; float:right; border-radius: 0; background-size:60%; background-repeat:no-repeat; } .TimeLabPlayVote .ans .iconShare{ opacity:0.4; background-image:url(/tw/images/common/share.svg); } .TimeLabPlayVote .ans .iconDelete{ opacity:1; display:block; background-image:url(/tw/images/common/trash-can.svg); } .TimeLabPlayVote .ans .iconRank{ opacity:1; display:none; border-radius:50%; background-color:#FFF; } .TimeLabPlayVote .ansB .iconRankA, .TimeLabPlayVote .ans .iconCrownA{ position:absolute; top:1.6vw; right:1.6vw; } .TimeLabPlayVote .ansB .iconRankA{ display:none; } .TimeLabPlayVote .ans .iconRankB{ display:block; } .TimeLabPlayVote .ans .iconRankC{ display:none; } .TimeLabPlayVote .ansB .iconRankC{ display:block; } .TimeLabPlayVote .ans .iconCrown{ opacity:1; display:block; background-image:url(/tw/images/common/crown_red.svg); } .TimeLabPlayVote .ans .iconCrownA{ display:none; } .TimeLabPlayVote .ansB .iconCrownA{ display:block; } .TimeLabPlayVote .ans .cus_name{ display:inline-block; vertical-align:middle; font-size:16px; padding-left:5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width:calc(100% - 35px); word-wrap: break-word; } .TimeLabPlayVote .ans .likeBox{ width:100%; text-align:center; padding:10px 0; position:relative; } .TimeLabPlayVote .ans .likeBoxA{ background-color:#282828; } .TimeLabPlayVote .ans .likeInfo{ display:inline-block; vertical-align:bottom; font-size:16px; } .TimeLabPlayVote .ans .likeInfoA{ color:#FFF; } .TimeLabPlayVote .ans .iconLike{ position: absolute; top:0; left:0; width:20px; height:100%; background-repeat: no-repeat; background-position:center; background-size:contain; background-image:url(/tw/images/common/thumb.svg); margin:0 0 0 6px; } .TimeLabPlayVote .ans .iconLikeA{ background-image:url(/tw/images/common/thumb-white.svg); } .TimeLabPlayVote .ans .likeCount{ display:none; } 		 /*===END__Q區塊===*/		 		 /*===BEGIN__A區塊===*/		 .TimeLabPlayVote .ans, .TimeLabPlayVote .ansUser, .TimeLabPlayVote .joinUser{ position: relative; display: inline-block; vertical-align: top; width: 25%; color: #282828; padding-left: 35px; padding-bottom: 50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .TimeLabPlayVote .btnSensor{ position:absolute; top:0; left:0; cursor:pointer; width:100%; height:100%; } .TimeLabPlayVote .ans .readMore{ color:#AAA; } 		 /*===END__A區塊===*/		 		 /*===BEGIN__nextBtn===*/		 .TimeLabPlayVote .btnNext{ cursor: pointer; width: 500px; height: 50px; margin: 30px auto 85px auto; background-color: #C00; color: #e7cead; text-align: center; } .TimeLabPlayVote .btnNext .vAlign { display: inline-block; vertical-align: middle; width: 1px; height: 100%; } .TimeLabPlayVote .btnNext .text { display: inline-block; vertical-align: middle; margin-left: 26px; margin-right: 26px; font-size: 18px; line-height: 16px; letter-spacing:0.3em; } /*===END__nextBtn===*/ /*===BEGIN__goResultsBtn===*/ .TimeLabPlayVote .btnGoResults{ margin:0 auto; width: 400px; padding: 15px 0; background-color: #e7cead; text-align: center; } .TimeLabPlayVote .btnGoResults .vAlign { display: inline-block; vertical-align: middle; width: 0px; height: 100%; } .TimeLabPlayVote .btnGoResults .text { display: inline-block; vertical-align: middle; font-size: 18px; color: #282828; } /*===END__goResultsBtn===*/		 		 @media screen and (max-width: 1280px){		 		 .TimeLabPlayVote > .outBox{ width:90%; }		 .TimeLabPlayVote .ans, .TimeLabPlayVote .ansUser, .TimeLabPlayVote .joinUser{ width: 25%; padding-left: 2.73vw; }		 }		 		 @media screen and (max-width: 920px){ .TimeLabPlayVote .ans, .TimeLabPlayVote .ansUser, .TimeLabPlayVote .joinUser{ width: 50%; padding-left: 4vw; } .TimeLabPlayVote .ans img{ width:38.17vw; height:31.81vw; }		 }		 		 @media screen and (max-width: 768px){		 .TimeLabPlayVote .aBox { margin: 0 auto 0 -4vw; padding: 5vw 0 0 0; } .TimeLabPlayVote .qUnit{ padding: 4vw 0 0 0; } .TimeLabPlayVote .qUnit .qSubject{ width: calc(100% - 90px); } .TimeLabPlayVote .qUnit .qProc{ top:4vw; } .TimeLabPlayVote .qUnit .qProc .qPercent{ color:#CC0000; } 		 /*===BEGIN__A區塊===*/ .TimeLabPlayVote .ans, .TimeLabPlayVote .ansUser, .TimeLabPlayVote .joinUser{ padding-left: 4vw; padding-bottom: 4vw; } .TimeLabPlayVote .ansA{ width:100%; } .TimeLabPlayVote .ansA .imgBox{ display:inline-block; vertical-align:top; width: 20vw; height: auto; border-top:1px #1b1b1b solid; border-left:1px #1b1b1b solid; border-right:none; border-bottom:1px #1b1b1b solid; } .TimeLabPlayVote .ansA img{ width: 20vw; height: 20vw; } /*===END__A區塊===*/ .TimeLabPlayVote .ans .aSubject{ padding: 1.5vw; font-size: 3.3vw; min-height: 3em; letter-spacing: 0.01em; } .TimeLabPlayVote .ansA .aSubject{ display:inline-block; vertical-align:top; border:1px #1b1b1b solid; width: 45vw; height:calc(20vw + 2px); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .TimeLabPlayVote .ans .aSubBox{ margin-top:1.3vw; } .TimeLabPlayVote .ans .shareBox{ top:0.875vw; right:0.875vw; } .TimeLabPlayVote .ans .cus_pic, .TimeLabPlayVote .ans .iconShare, .TimeLabPlayVote .ans .iconDelete, .TimeLabPlayVote .ans .iconCrown, .TimeLabPlayVote .ans .iconRank{ width: 7vw; height: 7vw; line-height: 7vw; font-size:4.83vw; } .TimeLabPlayVote .ans .iconShare{ display:inline-block; } .TimeLabPlayVote .ans .cus_name{ font-size:3.5vw; padding-left:0.7vw; width:calc(100% - 7vw); } .TimeLabPlayVote .ans .likeBox{ padding:2.5vw 0; } .TimeLabPlayVote .ans .likeInfo{ font-size:3.3vw; } .TimeLabPlayVote .ans .iconLike{ width:4vw; margin:0 0 0.4vw 0.8vw; } .TimeLabPlayVote .ansA .bSubject{ display:none; vertical-align:top; width:calc(90vw - 20vw - 45vw - 20px); height:calc(20vw + 2px); padding: 1.5vw; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color:#C00; position: relative; } .TimeLabPlayVote .ansA .frameD:hover .bSubject{ display:inline-block; } .TimeLabPlayVote .ansA .frameA:hover .bSubject{ display:inline-block; } .TimeLabPlayVote .ansA .bSubjectA{ display:inline-block; } .TimeLabPlayVote .ansA .checkOB, .TimeLabPlayVote .ansA .signOB{ display:none; } .TimeLabPlayVote .ansA .checkOB_white, .TimeLabPlayVote .ansA .signOB_white{ position: absolute; top:0; left:0; width:100%; height:100%; background-repeat: no-repeat; background-position:center; background-size:40%; display:none; } .TimeLabPlayVote .ansA .checkOB_white{ background-image:url(/tw/images/common/check-white.svg); } .TimeLabPlayVote .ansA .signOB_white{ background-image:url(/tw/images/common/circle-white.svg); } .TimeLabPlayVote .ansA .checkOB_whiteA, .TimeLabPlayVote .ansA .signOB_whiteA{ display:block; } .TimeLabPlayVote .ans .checkBox, .TimeLabPlayVote .ans .checkBox_1{ top:2.17vw; right:2.17vw; width:5.79vw; height:5.79vw; } .TimeLabPlayVote .ans .checkBox_1{ top:9vw; right:7.5vw; width:5.79vw; height:5.79vw; } .TimeLabPlayVote .ans .checkBoxA_1{ display:block; } /*===BEGIN__nextBtn===*/ .TimeLabPlayVote .btnNext{ width: 100%; max-width: 500px; } .TimeLabPlayVote .btnNext .text { font-size: 4.5vw; line-height: 4.5vw; } /*===END__nextBtn===*/ /*===BEGIN__goResultsBtn===*/ .TimeLabPlayVote .btnGoResults{ width: 50%; padding: 2vw 0; } .TimeLabPlayVote .btnGoResults .text { font-size: 3.6vw; } /*===END__goResultsBtn===*/		 }