@charset "utf-8";
body,html{position:relative;width:100%;height:100%;background:url(../img/allbg.jpg);background-size: cover;}
.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%);}
/* header */
header{z-index:3;position:fixed;top:0;left:0;width:100%;height:160px;text-align:left;  }
header img{max-height:100%;margin-left:0;margin:0;}
/*header .centerwrap{ height:150px; border-bottom: 2px solid;    border-image-slice: 1;    border-width: 2px;    border-image-source: linear-gradient(to right, #5c4f2e ,#dccc9b , #5c4f2e,#5c4f2e,#5c4f2e);}*/
header .centerwrap{ height:150px; border-bottom: 2px solid; border-image: linear-gradient(to right, #5c4f2e ,#dccc9b , #5c4f2e,#5c4f2e,#5c4f2e) 1 0%;}
/*#mainwrap{z-index:1;position:relative;padding:100px calc(50% - 600px) 0 calc(50% - 600px);height:calc(100% - 160px);min-height:450px;overflow:hidden;background:#00696c;}*/
#headerholder{position:relative;height:160px; }
#mainwrap{z-index:1;position:relative;width:84%; min-width:1200px;margin:0 auto;height:calc(100% - 230px);min-height:450px;overflow:hidden;}
#videoblock{position:relative;width:60%;float:left;height:100%;z-index:3;}
#videoblock iframe{position:absolute;top:50%;left:0;width:100%;height:35vw;z-index:2;}
#vcover{position:absolute;top:0;left:0;width:100%;height:100%;z-index:4;}
#actionblock{position:relative;width:35.99%;margin-left:4%;float:left;height:100%;z-index:6;}
#actionwrap{position:relative;height:100%;}
#actionblock h3{font-size:32px; line-height:50px;color:#fff;text-align:center;font-weight:bold;}/* width:inherit!important; */
#actionblock p.ptext1{font-size:18px; line-height:27px;color:#fff;text-align:center;padding:0 50px;width:inherit!important;}

/* question */
#quesbox{position:relative;min-height:100%;background:#00696c;padding:20px 0;}
#quesnumber{position:relative;text-align:left;margin:0 30px;}
/*#quesnumber .numtext{display:inline-block;font-size:16px;line-height:26px;color:#222;background:#fff;border-radius: 10px;padding:0 30px;}*/
#quesnumber .numtext{font-size:20px;line-height:26px;color:#fff;text-align:left;margin-left:0;}
#quesques{position:relative;text-align:Center;margin:20px 30px;min-height:100px;}
#questext{position:relative;padding-right:100px;font-size:32px;line-height:48px;color:#fff;text-align:left;}
#questime{position:absolute;top:0;right:0;width:100px;height:100px; border-radius: 50px;font-size:60px;line-height:100px;color:#222;background:#fff;text-align:center;}
#quesanswrap{position:relative;padding:30px 0;}
.quesans{position:relative;float:left;width:calc(49.99% - 2px);border:1px solid #999;    cursor: pointer;}
.quesans .bg{position:relative;width:100%;z-index:1;}
.quesans h5{position:absolute;bottom:50%;left:0;width:100%;font-size:50px; line-height:60px;color:#fff;text-shadow: 1px 1px 1px 5px rgba(0,0,0,0.5);z-index:2;text-align:center;text-shadow: 1px 1px 10px rgba(0,0,0,0.3);}
.quesans p{position:absolute;top:50%;left:0;width:100%; font-size:22px; line-height:26px;color:#fff;text-shadow: 1px 1px 1px 5px rgba(0,0,0,0.5);z-index:2;text-align:center;text-shadow: 1px 1px 10px rgba(0,0,0,0.3);}
/* talkbox */
#talkbox{position:relative;min-height:100%;padding:0;margin:0 0 0 50px;overflow:hidden;background:none;}
#talkbox .bg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);min-width:100%;min-height:100%;z-index:1;opacity:0;}
/* talk 內容框  */
#talkcontents{position:absolute;top:0;left:0;width:100%;height:calc(100% - 50px);overflow:auto;background:none;z-index:2;}
#talkcontentin{ position:relative;  min-height:calc(100% - 16px);padding:8px 20px;}
.talkline{ position:relative; margin:10px 0;}
.talkline .tlineleft{position:absolute;top:0;left:0;width:50px;height:50px;border-radius: 25px;font-size:30px;line-height:50px;background:#fff;color:#00696c;font-weight:bold;text-align: center;}
.talkline .tlineright{position:relative;padding-left:70px;min-height:50px;font-size:16px;line-height: 20px;color:#fff;text-align: left;}
.talkline .tlineright h6{font-size:16px;line-height: 20px;margin-bottom:5px;}
.talkline img{max-width:25%;}
/* talk 發言框 */
#talkspeakbox{position:absolute;bottom:0;left:0;width:100%;height:50px;background:#fff;z-index:2;}
#talkspeak{position:relative;width:calc(100% - 122px);margin:9px 50px;padding:0 10px;font-size:16px;line-height:30px;height:30px;border:1px solid #ccc;border-radius: 10px;background:#efefef;color:#333;}
#talksubmit{position:absolute;cursor: pointer;top:0;right:15px;width:30px;height:50px;text-align:center;}
#talksubmit i{font-size:20px;line-height:40px;color:#00696c;opacity:0.2;}
#talksubmit.submiton i{opacity:1;}
#talktimeline{position:absolute;width:0%;bottom:10px;left:0;height:5px;background:#336699;opacity:0;}
#talktimeline.on{opacity:1;}
#talkimgbtn{position:absolute;cursor: pointer;top:0;left:15px;width:30px;height:50px;text-align:center;}
#talkimgbtn i{font-size:20px;line-height:50px;color:#00696c;opacity:0.2;}
#talkimgbox{position:absolute;display:flex;flex-wrap: wrap;flex-direction: row;display:none;opacity:0;bottom:0px;transition:all 0.3s;left:0;width:calc(100% - 100px);padding:10px 30px;min-height:100px;background:rgba(255,255,255,0.7);}
#talkimgbox img{display:inline-block;width:15%;margin:0.5vw 0.8%;cursor:pointer;}
#talkimgbox.on{display:block;opacity:1;bottom:50px;}
#talkimgbtn.submiton i{opacity:1;}

/* footer */
footer{z-index:3;position:fixed;height:50px;bottom:0;left:0;width:100%;display:block;padding-top:10px;}
footer .centerwrap{ border-top: 2px solid; border-image: linear-gradient(to right, #5c4f2e ,#dccc9b , #5c4f2e,#5c4f2e,#5c4f2e) 1 0%;}

#overno{z-index:9;position:fixed;top:0;left:0;width:100%;height:100%;background:#00696c;display:none;}
#overno .txt{position:absolute;top:50%;left:0;width:100%;transform:translateY(-50%);font-size:10vw;color:#fff;text-align:center;}
.loginwrap{width:400px;padding:50px 0;margin:0 auto;}
.loginwrap h2{padding:10px 20px;font-size:24px;line-height:32px;color:#fff;}
.loginwrap p{padding:10px 20px;font-size:16px;line-height:20px;color:#fff;}
.loginwrap .formtable{}
.loginwrap .myerr1{font-size:16px;color:#FFAA66;line-height:32px;}
.loginwrap .formtable tr td{min-height:26px;padding:5px 0;color:#fff;font-size:16px;line-height:26px;}
.loginwrap .formtable td:nth-child(1){width:100px;}
.loginwrap .formtable td:nth-child(2){width:300px;}
.loginwrap .formtable td input[type=text],.formtable td input[type=password]{        padding-left: 5px;        border: 1px solid #cccccc;        color:#222;height: 26px;        width: 90%;        background: #fff;		margin:0 auto;		max-width:500px;		border-radius: 4px;    }
.loginwrap .formtable .gray-btn{display:inline-block;color:#222;padding:5px 20px;background:#fff;font-size:16px;line-height:26px;}
.awardwrap{width:90%;margin:30px auto;}
.awardwrap .aline{display:block;margin:6px 0;}
.aline h3{font-size:22px;line-height:32px;}
.aline .acell{display:inline-block;float:left;min-height:26px;margin:0 3px;padding:2px 8px;color:#fff;font-size:16px;line-height:26px;background:rgba(255,255,255,0.1);border-radius: 3px;}
.aline .acell:nth-child(1){width:calc(15% - 24px);}
.aline .acell:nth-child(2){width:calc(55% - 24px);}
.aline .acell:nth-child(3){width:calc(30% - 24px);}
.awardwrapresult{text-align:center;position:absolute;top:50%;left:0;width:100%;transform: translateY(-50%);}
.awardwrapresult h4{padding:0 0 30px 0;font-size:40px;line-height:50px;color:#fff;}
.awardwrapresult p.awtxt{padding:0;color:#fff;font-size:20px;line-height:30px;}
.awardwrapresult h5{padding:0;font-size:120px;line-height:140px;color:#fff;}
.awardwrapresult p.awtxt2{padding:0;color:#fff;font-size:24px;line-height:30px;font-weight: bold;}

@media screen and (max-width: 1200px) {
  .hide400{display:none!important;}
  .show400{display:block!important;}
  .centerwrap{  width:94%;  margin:0 auto;min-width:200px;}
  /* header */
  header{z-index:3;position:fixed;top:0;left:0;height:20vw;text-align:center;}
  header img{max-height:16vw;max-width:100%;margin:0 auto;}
  header .centerwrap{height:18vw;}
  /* 主內容 */
  #headerholder{position:relative;height:20vw ; }
  #mainwrap{z-index:1;position:relative;margin:0;min-height:calc(100% - 20vw);overflow:hidden;width:100%;min-width:200px;}
  #videoblock{width:100%;float:none;height:56vw;padding:0; overflow:hidden;}
  #videoblock iframe{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;}
  #actionblock{width:100%;margin-left:0;padding:0;float:none;height:calc(100% - 56vw);overflow:auto;}
  #actionblock h3{font-size:6vw; line-height:9vw;color:#fff;font-weight:bold;padding:0 8vw;width:calc(100% - 16vw);}
  #actionblock p.ptext1{font-size:3.4vw; line-height:5.1vw;color:#fff;text-align:center;padding:5vw 8vw;width:inherit!important;}
  /* question */
  #quesbox{position:relative;min-height:100%;padding:3vw 0 0 0 ;}
  #quesnumber{position:relative;text-align:left;padding:2vw 0;margin:0 8vw;}
  #quesnumber .numtext{font-size:4vw;line-height:6vw;color:#fff;}
  #quesques{position:relative;text-align:center;margin:0 5vw;min-height:18vw;}
  #questext{position:relative;padding-right:20vw;font-size:6vw;line-height:8vw;color:#fff;text-align:left;}
  #questime{position:absolute;top:0;right:0;width:18vw;height:18vw; border-radius: 9vw;font-size:10vw;line-height:18vw;color:#222;background:#fff;text-align:center;}
  #quesanswrap{position:relative;padding:5vw 0;}
  .quesans{position:relative;float:left;width:calc(49.99% - 2px);border:1px solid #999;}
  .quesans .bg{position:relative;width:100%;z-index:1;}
  .quesans h5{position:absolute;bottom:55%;left:0;width:100%;font-size:12vw; line-height:14vw;color:#fff;z-index:2;text-align:center;text-shadow: 1px 1px 10px 10px rgba(0,0,0,0.5);}
  .quesans p{position:absolute;top:50%;left:0;width:100%; font-size:5vw; line-height:6vw;color:#fff;z-index:2;text-align:center;text-shadow: 1px 1px 10px 10px rgba(0,0,0,0.5);}
  /* talkbox */
  #talkbox{margin:0;}
  /* talk 內容框  */
  #talkcontents{position:absolute;top:0;left:0;width:100%;height:calc(100% - 50px);overflow:auto;z-index:2;}
  #talkcontentin{ position:relative;  min-height:calc(100% - 16px);padding:8px 20px;}
  .talkline{ position:relative; margin:6px 0;}
  .talkline .tlineleft{width:38px;height:38px;border-radius: 19px;font-size:22px;line-height:38px;}
  .talkline .tlineright{padding-left:46px;min-height:38px;font-size:14px;line-height: 17px;}
  .talkline .tlineright h6{font-size:14px;line-height: 17px;margin-bottom:3px;}
  .talkline img{max-width:20%;}
  /* talk 發言框 */
  #talkspeakbox{position:absolute;bottom:0;left:0;width:100%;height:50px;background:#fff;z-index:2;}
  #talkspeak{position:relative;width:calc(100% - 122px);margin:9px 50px;padding:0 10px;font-size:16px;line-height:30px;height:30px;border:1px solid #ccc;border-radius: 10px;background:#efefef;color:#333;}
  #talksubmit{position:absolute;cursor: pointer;top:0;right:15px;width:30px;height:50px;text-align:center;}
  #talksubmit i{font-size:20px;line-height:50px;color:#00696c;opacity:0.2;}
  #talksubmit.submiton i{opacity:1;}

  #talkimgbtn{position:absolute;cursor: pointer;top:0;left:15px;width:30px;height:50px;text-align:center;}
  #talkimgbtn i{font-size:20px;line-height:50px;color:#00696c;opacity:0.2;}
  #talkimgbox{position:absolute;display:flex;flex-wrap: wrap;flex-direction: row;display:none;opacity:0;bottom:0px;transition:all 0.3s;left:0;width:calc(100% - 100px);padding:10px 30px;min-height:80px;background:rgba(255,255,255,0.7);}
  #talkimgbox img{display:inline-block;width:15%;margin:2vw 0.8%;cursor:pointer;}
  #talkimgbox.on{display:block;opacity:1;bottom:50px;}
  #talkimgbtn.submiton i{opacity:1;}
  .loginwrap{width:94%;max-width:400px;padding:50px 0;margin:0 auto;}
  .aline .acell:nth-child(1){width:calc(20% - 24px);}
  .aline .acell:nth-child(2){width:calc(50% - 24px);}
  .aline .acell:nth-child(3){width:calc(30% - 24px);}
  .awardwrapresult h4{padding:0 0 30px 0;font-size:24px;line-height:30px;color:#fff;}
  .awardwrapresult p.awtxt{padding:0;color:#fff;font-size:16px;line-height:20px;}
  .awardwrapresult p.awtxt2{padding:0;color:#fff;font-size:18px;line-height:20px;font-weight: bold;}
  .awardwrapresult h5{padding:0;font-size:80px;line-height:90px;color:#fff;}
  /* footer */
  footer{z-index:3;position:fixed;background:#00696c;bottom:0;left:0;width:100%;display:none;}

}
@media only screen and (orientation: landscape) and (max-width: 1199px) {
  .hide400{display:none!important;}
  .show400{display:block!important;}
  header{z-index:3;display:none;}
  #headerholder{position:relative;height:0; }
  #mainwrap{z-index:1;position:relative;margin:0 0 0 0;height:100%;overflow:hidden;width:100%;}
  #videoblock{position:absolute;width:100%;height:100%;float:none;padding:0; overflow:hidden;z-index:2;}
  #actionblock{position:absolute;width:40%;right:0;top:0;z-index:5;margin-left:0;padding:0;float:none;height:100%;overflow:auto;background:rgba(255,255,255,0.6);box-shadow: 1px 1px 5px 5px rgba(0,0,0,0.5);}
  #actionblock h3{font-size:30px; line-height:40px;color:#000;font-weight:bold;padding:0 10px;width:calc(100% - 20px);}
  #actionblock p.ptext1{font-size:16px; line-height:22px;color:#fff;text-align:center;padding:10px 10px;width:inherit!important;}


  #quesbox{position:relative;min-height:100%;background:rgba(255,255,255,0.5);padding:20px 0;}
  #quesnumber{position:relative;text-align:left;padding:0 0 10px 0;margin:0 5%;}
  #quesnumber .numtext{font-size:16px;line-height:20px;color:#000;}
  #quesques{position:relative;text-align:center;margin:0 20px;min-height:60px;}
  #questext{position:relative;padding-right:60px;font-size:18px;line-height:22px;color:#000;text-align:left;}
  #questime{position:absolute;top:0;right:0;width:60px;height:60px; border-radius: 30px;font-size:30px;line-height:60px;color:#000;background:#fff;text-align:center;}
  #quesanswrap{position:relative;padding:10px 0;}
  .quesans{position:relative;float:left;width:calc(49.99% - 2px);border:1px solid #999;}
  .quesans .bg{position:relative;width:100%;z-index:1;}
  .quesans h5{position:absolute;bottom:55%;left:0;width:100%;font-size:24px; line-height:28px;color:#fff;z-index:2;text-align:center;text-shadow: 1px 1px 5px 5px rgba(0,0,0,0.7);}
  .quesans p{position:absolute;top:50%;left:0;width:100%; font-size:16px; line-height:18px;color:#fff;z-index:2;text-align:center;text-shadow: 1px 1px 5px 5px rgba(0,0,0,0.7);}
  /* talkbox */
  #talkbox{margin:0;background:none;}
  /* talk 內容框  */
  #talkcontents{position:absolute;top:0;left:0;width:100%;height:calc(100% - 50px);overflow:auto;background:rgba(255,255,255,0.3);z-index:2;}
  #talkcontentin{ position:relative;  min-height:calc(100% - 16px);padding:8px 5px 8px 10px;}
  .talkline{ position:relative; margin:6px 0;}
  .talkline .tlineleft{width:38px;height:38px;border-radius: 19px;font-size:22px;line-height:38px;background:#00696c;color:#fff;}
  .talkline .tlineright{padding-left:46px;min-height:38px;font-size:14px;line-height: 17px;color:#222;}
  .talkline .tlineright h6{font-size:14px;line-height: 17px;margin-bottom:3px;}
  .talkline img{max-width:20%;}
  /* talk 發言框 */
  #talkspeakbox{position:absolute;bottom:0;left:0;width:100%;height:50px;background:#fff;z-index:2;}
  #talkspeak{position:relative;width:calc(100% - 122px);margin:9px 50px;padding:0 10px;font-size:14px;line-height:30px;height:30px;border:1px solid #ccc;border-radius: 10px;background:#efefef;color:#000;}
  #talksubmit{position:absolute;cursor: pointer;top:0;right:15px;width:30px;height:50px;text-align:center;}
  #talksubmit i{font-size:20px;line-height:50px;color:#00696c;opacity:0.2;}
  #talksubmit.submiton i{opacity:1;}

  #talkimgbtn{position:absolute;cursor: pointer;top:0;left:15px;width:30px;height:50px;text-align:center;}
  #talkimgbtn i{font-size:20px;line-height:50px;color:#00696c;opacity:0.2;}
  #talkimgbox{position:absolute;display:flex;flex-wrap: wrap;flex-direction: row;display:none;opacity:0;bottom:0px;transition:all 0.3s;left:0;width:calc(100% - 100px);padding:5px 20px;min-height:50px;background:rgba(255,255,255,0.7);}
  #talkimgbox img{display:inline-block;width:15%;margin:0.5vw 0.8%;cursor:pointer;}
  #talkimgbox.on{display:block;opacity:1;bottom:50px;}
  #talkimgbtn.submiton i{opacity:1;}
  #actionwrap .aline h3{font-size:18px;line-height:24px;color:#000;}
  #actionwrap .aline .acell{min-height:18px;margin:0 2px;padding:5px 5px;color:#000;font-size:14px;line-height:18px;background:rgba(255,255,255,0.7);border-radius: 3px;}
  .aline .acell:nth-child(1){width:calc(20% - 14px);}
  .aline .acell:nth-child(2){width:calc(50% - 14px);}
  .aline .acell:nth-child(3){width:calc(30% - 14px);}
  .awardwrapresult h4{padding:0 0 30px 0;font-size:24px;line-height:30px;color:#000;}
  .awardwrapresult p.awtxt{color:#000;font-size:16px;line-height:20px;font-weight:bold;}
  .awardwrapresult p.awtxt2{color:#000;font-size:18px;line-height:20px;font-weight:bold;}
  .awardwrapresult h5{color:#222;font-size:30px;line-height:40px;}
}