@charset "utf-8";
.centerwrap{  width:1200px;  margin:0 auto;}

/* header */
header{z-index:3;position:fixed;top:0;left:0;width:100%;padding:10px 0;background:#226699;height:40px;}
header h1{font-size:20px;line-height:36px;color:#fff;font-weight:bold;display:inline-block;}
#mainwrap{z-index:1;position:relative;padding:70px 0 90px 0;min-height:calc(100% - 150px);overflow:auto;min-width:1200px;}
/* 主內容 */
#blockintro{margin:10px 0;padding:10px;border:2px dotted #cccccc;font-size:14px;line-height:21px;}
#mainblockwrap{padding:10px;min-height:300px;font-size:16px;line-height:24px;padding:30px 0;}
#mainblock{  position:relative;}
#moveblock{  position:relative;  display:inline-block;  width:400px;  height:400px;  margin-right:40px;  border:1px solid #999;  float:left;}
#selectblock{ position:relative;  display:inline-block;width:200px;min-height:400px;float:left;margin:0 20px;}
#controlblock{  position:relative;  display:inline-block;  width:calc(100% - 710px);  padding:0 10px;  float:left;}

.logout{background: #226699;
    margin: 0;
    height: 30px;
    line-height: 30px;
    padding: 5px 20px;
    color: #fff;
    border-radius: 6px;} 

.allbtns1{
    float: right;
    display: inline-block;
    height: 20px;
    font-size: 16px;
    line-height: 22px;
    background: #226699;
    color: #FFF;
    text-align: center;
    margin: 0 auto;
    padding: 5px 20px;
    cursor: pointer;
}
/* header */
.topgameselect{display:inline-block;margin:0 8px;width:30px;height:30px;border-radius:15px;text-align:center;font-size:14px;line-height:30px;color:rgba(0,0,0,0.3);;background:rgba(255,255,255,0.3);}
a.topgameselect{background:rgba(255,255,255,0.7);color:#777;font-size:16px;line-height:30px;}
.topgameselect.on{background:rgba(255,255,255,1);color:#222;font-weight:bold;font-size:16px;line-height:30px;}
.logbox{display:inline-block;float:right;height:30px;}
.logbox span{font-size:14px; color:#fff;margin-right:10px;}
.logbox .sitebutton{margin:0;height:30px;line-height:30px;padding:5px 20px;background:#fff;color:#666;border-radius: 6px;}
.logbox .sitebutton:hover{background:#cdd;}



/* buttons */
.nextbtnwrap{
  padding:30px 0;
}
.allbtns{
  display:inline-block;
  height:40px;
  font-size:16px;
  line-height:40px;
  background:#666;
  color:#fff;
  text-align:center;
  margin:0 auto;
  padding:5px 20px;
  cursor:pointer;
}
/* MAIN */
#exmtype{font-size:14px;color:666;line-height:20px;margin:10px 0;}
#exmquestion{font-size:16px;line-height:24px;color:333;padding-bottom:20px;margin:10px 0;border-bottom:1px solid #999;}
#exmanswerbox{padding:10px 0;}
#exmanswerbox .ansline{padding:15px 0;border-bottom:1px dotted #999;font-size:16px;line-height:24px;min-height:30px;}
#exmanswerbox .ansline:last-child{border-bottom:none;}
#exmanswerbox .ansline span{display:inline-block;float:left;min-height:30px;}
#exmanswerbox .ansline span:first-child{width:60px;color:#000;font-weight:bold;}
#exmanswerbox .ansline span:first-child input{margin-right:5px;}
#exmanswerbox .ansline span:nth-child(2){width:calc( 100% - 80px);}
#exmsubmitbox{position:relative;text-align:center;padding:15px 0;}
.ansline  input[type=text]{width:99%;padding:0 0.5%;color:#595959!important;font-size:16px;line-height:30px;background:none!important;border:1px solid #ccc;}
.ansline textarea{width:99%;padding:0 0.5%;color:#595959!important;font-size:16px;line-height:30px;border:1px solid #ccc;min-height:150px;}

/* footer */
footer{z-index:3;position:fixed;bottom:0;left:0;width:100%;height:30px;padding:20px 0 30px 0;background:#226699;}
footer p{font-size:13px;line-height:18px;color:#fff;}
footer .centerwrap{position:relative;}
footer .allbtns{height:30px;}
.footnextbtnwrap{position:absolute;top:0;height:30px;z-index:2;}
#footgoleft{left:0;}
#footgoright{right:0;}
#footpagelistoutwrap{margin:0 90px; position:relative; z-index:1;height:30px;}
footer .allbtns{font-size:16px;line-height:30px;display:inline-block;padding:0 15px;min-width:10px;}
.fpagebtns{position:absolute;top:0;height:30px;z-index:2;}
.fpagebtns i{font-size:20;line-height:30px}
#fpagelistleft{left:0;}
#fpagelistright{right:0;}
#footpagelistinwrap{margin:0 50px; position:relative; z-index:1;height:30px;overflow:hidden;}
#footpagelist{position:absolute;top:0;left:0;height:30px;z-index:2;width:3000px;}
#footpagelist .allbtns{position:relative;float:left;margin:0 10px 0 0;min-width:30px;padding:0 5px;}
#footpagelist .allbtns.did{background:#789ABC;}
/* form */
.formwrap{position:relative;border:1px solid #999;margin:2vw auto;padding:20px;text-align:left;width:500px;}
.formwrap .formline {min-height:1.8vw;position:relative;padding:0.5vw 0;}
.formwrap .formline span{display:inline-block;font-size:1.1vw;line-height:1.8vw;color:#595959;vertical-align: top;}
.formwrap .formline  input[type=text],.formwrap .formline  input[type=password],.formtable td input[type=password]{width:99%;padding:0 0.5%;color:#595959!important;font-size:1.1vw;line-height:1.8vw;background:none!important;border:1px solid #ccc;}
.formline select{width:100%;padding:0 0.5%;color:#595959!important;font-size:1.1vw;line-height:1.8vw;background:none!important;border:1px solid #ccc;}
.formwrap .formline  input[type=checkbox]{width:1.3vw;height:1.3vw;margin:0;font-size:1.1vw;line-height:1.3vw;float:right;}
.formwrap .formline  textarea{width:99%;padding:0 0.5%;height:10vw;color:#595959;font-size:1.1vw;line-height:1.8vw;background:none!important;border:1px solid #ccc;}
.formwrap .formline  input[type=submit]{padding:0;font-size:1.1vw;color:#fff;line-height:1.8vw;color:#fff;background:#666;border:1px solid #ccc;float:right;margin:0 10%;width:80%;}
.formwrap .formline  input[type=image]{padding:0 1%;float:right;width:20%;}
.formwrap.style1 .formline span{padding:0 0.5vw;}
.formwrap.style1 .formline span:first-child{width:25%;margin-right:5%;font-weight:400;}
.formwrap.style1 .formline span:nth-child(2){width:60%;}
.formwrap.style1 .formline .fbbox{background:#3a5998;color:#fff;margin:0 10%;width:80%;font-size:1.1vw;line-height:1.8vw;text-align:center;}

@media screen and (max-width: 1200px) {
  .centerwrap{  width:80%;  margin:0 auto;}
  /* header */
  header{z-index:3;position:fixed;top:0;left:0;width:100%;padding:10px 0;background:#226699;height:40px;}
  header h1{font-size:20px;line-height:36px;color:#fff;font-weight:bold;display:inline-block;}
  #mainwrap{z-index:1;position:relative;padding:70px 0 120px 0;min-height:calc(100% - 150px);overflow:auto;min-width:auto;}


}

@media screen and (max-width: 1000px) {
  .centerwrap{  width:90%;  margin:0 auto;}
  /* 主內容 */
  #blockintro{margin:10px 0;padding:10px;border:2px dotted #cccccc;font-size:14px;line-height:21px;}
  #mainblockwrap{padding:10px;min-height:300px;font-size:16px;line-height:24px;padding:30px 0;}
  footer{height:auto;min-height:30px;}
  footer .allbtns{font-size:16px;line-height:30px;display:inline-block;padding:0 10px;min-width:10px;}
  #footpagelistoutwrap{margin:0;z-index:1;padding-top:40px;height:30px;position:relative; }
  #footpagelistinwrap{margin:0 40px; position:relative; z-index:1;height:30px;overflow:hidden;}
  #footpagelist{position:absolute;top:0;left:0;height:30px;z-index:2;width:3000px;}
  #footpagelist .allbtns{position:relative;float:left;margin:0 10px 0 0;min-width:20px;padding:0 5px;}

  #fpagelistleft{left:0;top:40px;}
  #fpagelistright{right:0;top:40px;}


  /* form */
  .formwrap{width:calc(100% - 50px);}
  .formwrap .formline {min-height:5.4vw;position:relative;padding:1vw 0;}
  .formwrap .formline span{font-size:3.6vw;line-height:5.4vw;}
  .formwrap .formline  input[type=text],.formwrap .formline  input[type=password],.formtable td input[type=password]{font-size:3.6vw;line-height:5.4vw;}
  .formline select{font-size:3.6vw;line-height:5.4vw;}
  .formwrap .formline  input[type=checkbox]{width:5vw;height:5vw;margin:0;font-size:3.6vw;line-height:5.4vw;}
  .formwrap .formline  textarea{height:40vw;font-size:3.6vw;line-height:5.4vw;}
  .formwrap .formline  input[type=submit]{font-size:3.6vw;line-height:5.4vw;}
  .formwrap .formline  input[type=image]{width:40%;}
  .formwrap.style1 .formline span{padding:0 2vw;}
  .formwrap.style1 .formline span:first-child{width:30%;margin-right:5%;}
  .formwrap.style1 .formline span:nth-child(2){width:50%;}
  .formwrap.style1 .formline .fbbox{font-size:3.6vw;line-height:5.4vw;}


}