@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:100px;text-align:left;  }
header img{max-height:100%;margin-left:0;margin:0;}
header .centerwrap{ height:90px; border-bottom: 2px solid;    border-image-slice: 1;    border-width: 2px;    border-image-source: linear-gradient(to right, #5c4f2e ,#dccc9b , #5c4f2e,#5c4f2e,#5c4f2e);}

/*#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;}*/
#mainwrap{z-index:1;position:relative;width:84%; min-width:1200px;padding-top:100px ;height:calc(100% - 160px);min-height:450px;overflow:hidden;margin:0 auto;}
#videoblock{position:relative;width:60%;float:left;height:100%;}
#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%;}
#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:80px 0;}
#quesnumber{position:relative;text-align:Center;}
#quesnumber .numtext{display:inline-block;font-size:16px;line-height:26px;color:#222;background:#fff;border-radius: 10px;padding:0 30px;}
#quesques{position:relative;text-align:Center;margin:30px 50px;}
#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:50px;}
.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;top:10px;left:0;width:100%;font-size:50px; line-height:80px;color:#fff;z-index:2;text-align:center;text-shadow: 1px 1px 10px rgba(0,0,0,0.3);}
.quesans p{position:absolute;top:90px;left:0;width:100%; font-size:32px; line-height:46px;color:#fff;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:#00696c;}
#talkbox .bg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);min-width:100%;min-height:100%;z-index:1;}
/* talk 內容框  */
#talkcontents{position:absolute;top:0;left:0;width:100%;height:calc(100% - 50px);overflow:auto;background:rgba(255,255,255,0.8);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:#666666;color:#fff;font-weight:bold;text-align: center;}
.talkline .tlineright{position:relative;padding-left:70px;min-height:50px;font-size:16px;line-height: 20px;text-align: left;}
.talkline .tlineright h6{font-size:16px;line-height: 20px;margin-bottom:5px;}
.talkline img{max-width:50%;}
/* 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 50px;min-height:100px;background:rgba(255,255,255,0.7);}
#talkimgbox img{display:inline-block;width:22%;margin:0.5vw 1%;cursor:pointer;}
#talkimgbox.on{display:block;opacity:1;bottom:50px;}
#talkimgbtn.submiton i{opacity:1;}

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

#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;}
@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:16vw;text-align:center;}
  header img{max-height:16vw;max-width:100%;margin:0 auto;}
  header .centerwrap{height:15vw;}
  /* 主內容 */
  #mainwrap{z-index:1;position:relative;padding:16vw 0 0 0;min-height:calc(100% - 16vw);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:Center;padding:3vw 0;}
  #quesnumber .numtext{display:inline-block;font-size:4vw;line-height:6vw;color:#222;background:#fff;border-radius: 2vw;padding:0 5vw;}
  #quesques{position:relative;text-align:Center;margin:0 8vw;}
  #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;top:2vw;left:0;width:100%;font-size:12vw; line-height:16vw;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:18vw;left:0;width:100%; font-size:6vw; line-height:8vw;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;background:rgba(255,255,255,0.8);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:40%;}
  /* 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 50px;min-height:100px;background:rgba(255,255,255,0.7);}
  #talkimgbox img{display:inline-block;width:22%;margin:0.5vw 1%;cursor:pointer;}
  #talkimgbox.on{display:block;opacity:1;bottom:50px;}
  #talkimgbtn.submiton i{opacity:1;}
  /* 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;}
  #overno{display:block;}
}