@charset "utf-8";
/* CSS Document */

.bg{background-image: url("../img/bg.png"); background-position:center top; background-repeat: no-repeat; background-size: 1920px; background-attachment: fixed; }

.page{max-width: 950px; margin: 0 auto 80px auto;}

@media screen and (max-width: 980px) {
    
.page{padding: 0 16px; margin-bottom: 60px;}
    
 .bg{background-size: 1380px;}
    
}

@media screen and (max-width: 736px) {

.page{ overflow: hidden; margin-bottom: 8px;}
    
 .bg{background-image:none;}

}



.box01{width: 100%; height: 380px; position: relative; border-bottom: 2px solid #2d9ae6;}


.logo{max-width: 430px; position: absolute; top:135px; left: 20px; z-index: 6;}

.logo h1{ font-size: 70px; font-weight: bold; color: #2d9ae6; margin-bottom: 24px;}

.logo h2{font-size: 50px; font-weight: bold; color: #898989;}


.iconb{width: 384px; height: 401px; position: absolute; top:-46px; right: -20px; background-image: url("../img/iconb.png"); background-position:center; background-repeat: no-repeat; background-size: cover; z-index: 0;}


@media screen and (max-width: 980px) {
    
    .box01{height: 300px;}
    
    .iconb{right: 16px; width: 300px; height: 313px; top:-20px;}
    
    .logo{top:88px; left: 24px;}
    
.logo h1{ font-size: 60px; margin-bottom: 24px;}

.logo h2{font-size: 42px; }
    
}

@media screen and (max-width: 736px) {
    
    .box01{height: 140px;}
    
    .iconb{right: 0px; width: 130px; height: 136px; top:-10px;}
    
    .logo{top:29px; left: 3px;}
    
.logo h1{ font-size: 35px; margin-bottom:8px;}

.logo h2{font-size: 24px; }


}

@media screen and (max-width: 320px) {
    
    .logo h1{ font-size: 34px}

    .iconb{right: 0px; width: 100px; height: 104px; top:10px}

}


.box02{width: 100%; height: 50px; position: relative; z-index: 2; margin-top: -25px; margin-bottom: 40px; }

.box02 ul{overflow: hidden}

.box02 li{width: 180px; height: 50px; text-align: center; line-height: 50px; background-color: #fff; 
    color: #2d9ae6; font-size: 24px; letter-spacing: 8px; text-indent: 8px; border: 2px solid #2d9ae6; border-radius: 8px; float: left; transition:all .3s; margin-right: 28px; overflow: hidden; 
    cursor: pointer;}

.meun{color: #2d9ae6; transition:all .3s; }

.box02 li:hover{color: #ffffff; background-color: #2d9ae6; }

.box02 li:hover .meun{color: #ffffff;}

.box02 li:first-child{margin-left: 15px;}

.meun_ok{color: #ffffff; background-color: #2d9ae6;}


@media screen and (max-width: 736px) {
    
    .box02{margin-top: -18px; margin-bottom: 24px; height: 36px;}
    
    .box02 li:first-child{margin-left:8px;}
    
    .box02 li{width: calc(33.3% - 16px); margin: 0 8px; height: 36px; line-height: 36px; font-size: 16px; letter-spacing: 0; text-indent: 0;}



}




.box03{width: 100%; line-height: 1.5; font-size: 30px; font-weight: bold; color:#2d9ae6; text-align: left; margin-bottom: 20px; text-indent: -10px;}



@media screen and (max-width: 980px) {
    
    .box03{font-size: 26px;}
    
}

@media screen and (max-width: 736px) {
    
.box03{font-size: 24px; margin-bottom: 10px;}


}




.box04{width: 100%; padding: 20px; border: 1px solid #bfbfbf; margin-bottom: 40px; background-color: #ffffff; transition: all .3s;}

.box04:hover{ border: 1px solid #2d9ae6;}



.box04_up{width: 100%; margin-bottom: 15px;}

.box04_up ul{overflow: hidden}

.box04_up li{float: right;}

.box04_up li h1{font-size: 26px; font-weight: bold; color:#000; margin-bottom: 20px; line-height: 1.5; overflow : hidden;
text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.box04_up li p{font-size: 18px; color:#313131;  line-height: 1.8; overflow : hidden;
text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical;}

.box04_up li p:after{ 
content:"...《詳全文》";
}

.box04_up li:last-child{width: calc(100% - 400px);  padding-right: 20px;}

.box04_up li:first-child{width: 400px;}


@media screen and (max-width: 980px) {
    
.box04_up li:last-child{width: calc(100% - 300px); }
.box04_up li:first-child{width: 300px;}
    
}

@media screen and (max-width: 736px) {

    .box04{padding:10px; margin-bottom: 24px;}
    
    .box04_up{margin-bottom: 16px;}
    
    .box04_up li:last-child{width: 100%; padding-right: 0;}
    .box04_up li:first-child{width: 100%; margin-bottom: 8px;}
    
    .box04_up li h1{font-size: 20px; margin-bottom: 10px; }
    
    .box04_up li p{font-size: 15px; line-height: 1.6;}

}





.box04_down{width: 100%;}

.box04_down ul{overflow: hidden;}


.box04_down li{width:292px;  float: left; margin-right: 15px; background-color: #eeeeee; /*padding:12px 16px 8px;*/ padding-bottom: 8px;}

.box04_down li:nth-child(3n+3){margin-right:0;}


.box4_s h2{color: #000; font-size: 18px; line-height: 1.5; text-align: left;overflow : hidden; min-height:66px;
text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; margin-bottom: 12px; padding: 12px 16px 0;}


.box4_s{width: 100%; text-align: center; min-height:198px;}

.box4_s ul{overflow: hidden;}

.box4_s li{width: 80px; padding: 0; display: inline-block; float: none; position: relative; margin:0 4px; vertical-align: top;}

.box4_s li:nth-child(3n+3){margin-right:4px;}

.circlef{width: 100%; text-align: center; font-size: 15px; color: #313131; margin-bottom: 4px; line-height: 1.5; /*overflow:hidden;white-space: nowrap;text-overflow: ellipsis;*/}

.circlef2{width: 100%; height: 44px; text-align: center; font-size: 15px; color: #313131; margin-bottom: 4px; line-height: 1.5; overflow: hidden;}

@media screen and (max-width: 980px) {
    
    .box04_down li{width:220px;}
    .box4_s li{width:80px; }
    .box4_s li:nth-child(3n+3){display: none;}
    
}

@media screen and (max-width: 736px) {

   .box04_down li{width:100%; margin-right: 0; margin-bottom: 10px;}
    .box04_down li:last-child{margin-bottom: 0px;}
    
    .box4_s li{width:80px; margin:0 6px;}
    .box4_s li:nth-child(3n+3){display:inline-block; margin-right:6px;}
    
    .box4_s{min-height:auto;}
    .box4_s h2{min-height:auto;}

}


@media screen and (max-width: 320px) {

   .box4_s li:nth-child(3n+3){display: none;}

}




.box05{width: 100%; margin-bottom: 8px; }


.box05 h4{font-size: 24px; font-weight: bold; color: #898989; margin-bottom: 24px;}

.box05 ul{overflow: hidden;}

.box05 li{width: 306px; margin-right: 16px; margin-bottom: 16px; border: 1px solid #bfbfbf; transition:all .3s; float: left; background-color: #ffffff;}

.box05 li:nth-child(3n+3){margin-right:0;}

.box05 li:hover{border: 1px solid #2d9ae6;}

.box05_s{width: 100%; padding: 16px;}

.box05_s img{margin-bottom: 0px;}

.dataicon{ width: 80px; height: 30px; background-color:#2d9ae6; font-size: 14px; color: #fff; text-align: center; line-height: 30px; margin-top: -15px; position: relative; z-index: 3; margin-bottom: 15px; }

.box05_s h5{font-size: 18px; font-weight: bold; color: #000000;  line-height: 1.5; overflow : hidden;
text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; }

.box05_s p{font-size: 14px; color:#313131;  line-height: 1.5; overflow : hidden;
text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}




@media screen and (max-width: 980px) {
    
.box05 li:nth-child(3n+3){margin-right:16px;}
    
.box05 li:nth-child(2n+2){margin-right:0px;}
    
    .box05 li{width:calc(50% - 8px);}
    
}

@media screen and (max-width: 736px) {

    .box05 h4{margin-bottom: 8px;}
    
    .box05 li:nth-child(3n+3){margin-right:0px;}
    
    .box05 li{width:100%; margin-right: 0;}
    
    .box05_s{padding: 10px;}
    
    .dataicon{margin-bottom: 12px;}
    .box05_s h5{margin-bottom: 8px;}
    

}







.list_box{width: 100%; height: 30px; text-align: center; margin-bottom: 30px; }

ul.pagination {
    display: inline-block;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

ul.pagination li {display: inline;}

ul.pagination li a {
    color: #818181;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    transition: all .3s;
	margin: 0 3px;
	background-color: #efefef;
}

.pagination li:first-child a {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.pagination li:last-child a {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;	
}

ul.pagination li a.active {
    background-color: #818181;
    color: #fff;
}

ul.pagination li a:hover:not(.active) {background-color: #dddddd;}







.box04_a{width: 100%; padding:14px 20px 0; border: 1px solid #bfbfbf; margin-bottom: 40px; background-color: #ffffff; transition: all .3s; position: relative;}


.box04_a h1{font-weight: bold; font-size: 24px; margin-bottom: 10px; line-height: 1.5;}

.box04_a img{margin-bottom: 16px;}

.box04_a p{font-size:18px; margin-bottom: 32px; line-height: 1.5; color: #313131;}

.box04_a h2{font-size:20px; font-weight: bold; margin-bottom: 16px; line-height: 1.5; color: #000;}

.box04_a b{font-size:20px; font-weight: bold; margin-bottom: 16px; line-height: 1.5; color: #000;}


.open_a{width: 100%; padding-bottom: 30px; border-bottom: 1px solid #bfbfbf; margin-bottom: 32px; position: relative;}

.open_name{position: absolute; left: 0; bottom: 8px; color: #707070; font-size: 16px;}

.fb{min-width: 90px; height:20px; position: absolute; right: 0; bottom: 8px;}

.open_sbox{width: 100%; margin-bottom:16px;}

.open_sbox h2{font-size:18px; margin-bottom: 16px; line-height: 1.5; color: #535353; font-weight: normal;}

.open_sbox ul {overflow: hidden;}

.open_sbox li{ width: calc(14.2% - 32px); float: left; text-align: center; margin: 0 16px; margin-bottom: 16px;}



.back{position: absolute; bottom: -26px; right: 0; color: #2d9ae6; text-decoration: underline;}


@media screen and (max-width: 980px) {
    
.open_sbox li{ width: calc(14.2% - 18px); margin: 0 9px; margin-bottom: 16px;}

    .box04_a h1{font-size: 20px;}
    
    .box04_a{padding: 10px 16px 0;}
    
}

@media screen and (max-width: 736px) {


.open_sbox li{ width: calc(50% - 18px); margin: 0 9px; margin-bottom: 16px;}   
    
    .box04_a{ margin-bottom: 80px; border:0; padding: 0; border-top:1px solid #bfbfbf; padding-top: 10px;}
    
    .back{bottom: -48px;}
    
    
    .box04_a h1{font-size: 20px;}

}






.gift{ width: 100%; margin-top: 32px;  margin-bottom: 24px; }

.gift ul{overflow: hidden;}

.gift li{ float: left; font-size: 22px; margin-right: 40px; color: #313131;}

@media screen and (max-width: 980px) {
    
    .gift li{font-size: 20px; } 
}

@media screen and (max-width: 736px) {


    .gift li{width: 100%; margin-right: 0; font-size: 18px; margin-bottom: 16px;}  
    
    .gift li:last-child{ margin-bottom: 0px;}
    
    .gift{ margin-bottom: 18px; margin-top: 16px;}

}



.form_open{width: 100%; padding: 16px; background-color: #fffcd2; font-size: 22px; line-height: 1.5; margin-bottom: 20px; font-weight: bold; color: #000000}

@media screen and (max-width: 980px) {
    
    .form_open{padding: 16px; font-size: 20px;} 
}

@media screen and (max-width: 736px) {


    .form_open{padding: 16px; font-size: 16px; margin-bottom: 10px;}  

}



.form_name{width: 100%; margin-bottom: 32px; border-bottom: 1px solid #bfbfbf; padding-bottom: 8px;}

.form_name ul{overflow: hidden;}


.form_name li{  height: 40px; line-height: 40px; margin-bottom: 15px;}

.form_name li:after{content:''; display: block; clear: both;}


.namef{width: 80px; float: left; height: 40px; font-size: 18px;}

div.justify {
    text-align: justify;
    text-justify: inter-ideograph;
    -ms-text-justify: inter-ideograph; /*IE9*/
    -moz-text-align-last:justify; /*Firefox*/
    -webkit-text-align-last:justify; /*Chrome*/
}
div.justify:after {
    content: '';
    display: inline-block;
    width: 100%;
}


.namef2{float: left; margin: 0 10px; height: 40px;}


.inbox01{float: left; height: 40px; line-height: 40px; font-size: 16px; margin-right: 32px;}

.inbox01 input[type=checkbox]{width: 18px;  height: 40px; vertical-align: middle; margin:0 10px 0 0; line-height: 40px; }
.inbox01 input[type=radio]{width: 18px;  height: 40px; vertical-align: middle; margin:0 10px 0 0; line-height: 40px; }


.inbox02{float: left; height: 40px; line-height: 40px; font-size: 20px; }
.inbox02 select{height: 30px; vertical-align: middle; margin: 0; padding: 3px; box-sizing: border-box; font-size: 16px; border-radius: 4px;}


.w200{width: 200px;}




.form_q{width: 100%; margin-bottom: 32px;}

.form_q h2{font-size: 18px; color:#2d9ae6; line-height: 1.5; margin-bottom: 8px; font-weight: bold;}

.form_q h3{font-size: 18px; color:#2d9ae6; line-height: 1.5; margin-bottom: 8px; font-weight: bold;}

.form_q h3::after{content: "";}

.inbox03{height: 40px; line-height: 40px; font-size: 20px; }
.inbox03 select{height: 30px; vertical-align: middle; margin: 0; padding: 3px; box-sizing: border-box; font-size: 16px; border-radius: 4px;}

.inbox03 input[type=text]{height: 30px; vertical-align: middle; margin: 0; padding: 8px; box-sizing: border-box; font-size: 16px; border-radius: 4px; }

.w500{width: 500px;}


.inbox04{max-width: 600px ;}

.inbox04 ul{overflow: hidden;}

.inbox04 li{width:calc(50% - 8px); float: left; margin-right: 16px;}

.inbox04 li:nth-child(even){margin-right: 0;}

.inbox0a{line-height: 1.8; font-size: 16px; }

.inbox0a input[type=checkbox]{width: 18px;  height: 40px; vertical-align: middle; margin:0 10px 0 0; line-height: 40px; }




.terms{width:100%;  font-size:18px; padding:8px 16px; background-color:#fffcd2; position: relative; margin-bottom: 40px;}

.gogoform{width: 180px; height: 40px; text-align: center; line-height: 40px; background-color: #2d9ae6; font-weight: bold;
    color: #fff; font-size: 22px; letter-spacing: 2px; text-indent: 2px;  border-radius: 8px; transition:all .3s; position: absolute; right: 8px; top:8px;
    box-shadow: 0 2px 2px rgba(0,0,0,0.16); cursor: pointer;}

.gogoform:hover{background-color: #0069b2;}


@media screen and (max-width: 980px) {
    
    
}

@media screen and (max-width: 736px) {


.form_q h2{font-size: 16px;}  
    
.w500{width: 100%;}
    
.w200{width:222px ;}
    
  .inbox04 li{width:100%;margin-right: 0}
    
    .gogoform{width: 100%; right: 0; top:inherit; bottom: -60px;}
    
    .terms{margin-bottom: 120px; }
    
    .namef{font-size: 16px;}
    
    
    .inbox02{width: calc(100% - 116px);}
    .inbox02 select{width: 100%!important;}
    
    
    .form_name{padding-bottom: 0; margin-bottom: 24px;}
    
    
    .form_name li:first-child{margin-bottom: 2px;}

}





.gift2{ width: 100%; margin-top: 23px;  margin-bottom: 8px; }

.gift2 ul{overflow: hidden;}

.gift2 li{ float: left; font-size: 22px; width: 50%; line-height: 40px; color: #313131;}

.fr{float: right;}
.mr16{margin-right: 16px;}


.inbox06{float: left; height: 40px; line-height: 40px; font-size: 20px; }
.inbox06 select{height: 30px; vertical-align: middle; margin: 0; padding: 3px; box-sizing: border-box; font-size: 16px; border-radius: 4px;}


@media screen and (max-width: 980px) {

    .gift2 li{font-size: 20px;} 
    
    .gift2 li:first-child{width: 40%;}
    .gift2 li:last-child{width: 60%;}
    
}

@media screen and (max-width: 736px) {
    
    .gift2 {margin-top: 16px}
    
    .gift2 li{font-size: 18px; line-height: 1;} 

    .gift2 li:first-child{width: 100%; margin-bottom: 8px;}
    .gift2 li:last-child{width: 100%; margin-bottom: 0px;}
    
    .inbox06{width: 100%; }
    .inbox06 select{width: 100%!important;}
    .fr{float: none;}

}



.list_man{width: 100%; margin-bottom: 32px;}


.bga{background-color: #eeeeee; border-top:1px solid #818181; }


.list{ width: 100%; height:30px;  overflow: hidden; display: table;}
.list ul{overflow: hidden;}
.list li{ float: left; font-size: 14px; height: 30px; line-height: 30px; color: #000000; border-right: 1px solid #818181; text-align: center; border-bottom:1px solid #818181; display: table-cell;}
.list li:nth-child(1){width: 15%; border-left: 1px solid #818181;}
.list li:nth-child(2){width: 30%;}
.list li:nth-child(3){width: 25%;}
.list li:nth-child(4){width: 30%;}



.list_say{width: 100%; margin-bottom: 40px;}

.list_say h5{font-size: 22px; margin-bottom: 16px;}

.list_say li{font-size: 15px; margin-bottom: 16px; line-height: 1.8; list-style: disc; margin-left: 24px;}

.list_say li a{color: #2d9ae6; text-decoration: underline;}


@media screen and (max-width: 980px) {

.list_say h5{font-size: 20px; }
    
}

@media screen and (max-width: 736px) {
    
.list_say h5{font-size: 18px; }

}

/*20181102*/
.form_ok{width: 100%; font-size: 22px; margin-top: 23px; margin-bottom:24px; line-height: 1.5;}


.form_ok ul{overflow: hidden;}

.form_ok li{float: left;}

.form_ok li:nth-child(1){width: 400px; text-align: right;}

.form_ok li:nth-child(1) img{width: 380px;}

.form_ok li:nth-child(2){width:calc(100% - 400px); color: #2d9ae6; font-size: 30px; padding-top: 80px; padding-left: 40px; font-weight: bold;}





.terms2{width: 100%; position: relative; height: 50px; margin-top: -16px;}

.gogoform2{width: 240px; height: 40px; text-align: center; line-height: 40px; background-color: #2d9ae6; font-weight: bold;
    color: #fff; font-size: 22px; letter-spacing: 0px; text-indent: 0px;  border-radius: 8px; transition:all .3s; margin: 0 auto;
    box-shadow: 0 2px 2px rgba(0,0,0,0.16); cursor: pointer;}

.gogoform2:hover{background-color: #0069b2;}

.gogoform3{width: 180px; height: 40px; text-align: center; line-height: 40px; background-color: #2d9ae6; font-weight: bold;
    color: #fff; font-size: 22px; letter-spacing: 2px; text-indent: 2px;  border-radius: 8px; transition:all .3s; float: right;
    box-shadow: 0 2px 2px rgba(0,0,0,0.16); cursor: pointer;}

.gogoform3:hover{background-color: #0069b2;}





@media screen and (max-width: 980px) {

.form_ok li:nth-child(1){width: 330px;}
    .form_ok li:nth-child(2){width:calc(100% - 330px);padding-top: 80px; padding-left: 28px;}
    
    .form_ok li:nth-child(1) img{width: 320px;}
    
}

@media screen and (max-width: 736px) {
    
.form_ok li:nth-child(1){width: 100%; text-align: center;}
    
    .form_ok li:nth-child(1) img{width: 60%;}    
.form_ok li:nth-child(2){width:100%;padding-top: 16px; padding-left: 0px;font-size: 26px; }
    
    
    .form_ok{ font-size: 18px; margin-bottom: 24px;}
    
    .gogoform2{width: 100%; }
    .gogoform3{width: 100%;}
    
    .terms2{margin-top: -8px}

}




.form_p{width: 100%; margin-bottom: 32px;}

.form_p h5{font-size: 22px; margin-bottom: 16px;}

.form_p  p{font-size: 18px; margin-bottom: 16px; line-height: 1.8;}



@media screen and (max-width: 980px) {

.form_p h5{font-size: 20px;}
    
    
}

@media screen and (max-width: 736px) {
    
.form_p h5{font-size: 18px;}
    
.form_p  p{font-size: 15px;}

}






.form_ok_man{width: 100%; margin-top: 32px; margin-bottom: 32px; font-size: 22px; line-height: 40px; color: #313131; position: relative;}


.form_ok_man ul{overflow: hidden;}

.form_ok_man li{ float: left; font-size: 22px; line-height: 40px; color: #313131; width: 100%;}


.form_ok_man li:nth-child(1){width: 100%;}

.form_ok_man li:nth-child(2){width: 220px;}

.form_ok_man li:nth-child(2):hover .login_b{color:#0069b2;}

.form_ok_man li:nth-child(2):hover .login{border: 1px solid #0069b2;}

.form_ok_man li:nth-child(2):hover .login_n{background-color: #0069b2; }


.inbox02 input[type=text]{height: 30px; vertical-align: middle; margin: 0; padding:0 8px; box-sizing: border-box; font-size: 16px; border-radius: 4px;}


.btd{border-bottom: 1px solid #bfbfbf; }


.bd{border-bottom: 1px solid #bfbfbf;}

.bbbp{position: relative;}

.login{width: 220px; text-align: center; font-size: 20px; color: #2d9ae6; font-weight: normal; border: 1px solid #2d9ae6;  position: absolute; right: 0; overflow: hidden; border-radius: 0px;  transition:all .3s; }

.login_n{font-size: 22px; width: 100%; height: 42px; line-height: 42px; background-color: #2d9ae6; color: #fff; transition:all .3s; /*font-weight: bold; letter-spacing:1px; text-indent: 1px;*/}

.login_b{font-size: 20px; width: 100%; height: 40px; line-height: 40px; color: #2d9ae6; transition:all .3s;}


.w400{width: 300px;}


@media screen and (max-width: 980px) {

.form_ok_man li:nth-child(1){width: calc(100% - 240px); font-size: 20px; line-height: 1.6;}

.form_ok_man li:nth-child(2){width: 240px;}
    
    
}

@media screen and (max-width: 736px) {
    
.form_ok_man li:nth-child(1){width:100%; font-size: 18px;}

.form_ok_man li:nth-child(2){width:100%;}
    
    .mb15{margin-bottom: 15px!important;}
    
    .w400{width: 222px;}
    
    
    .login{width: 100%; position: inherit; margin-top: 16px;}
    
    .login_n,.login_b{font-size: 18px; height: 32px; line-height: 32px;}
    
    .form_ok_man{margin-bottom: 16px;}
    
    .bd{margin-bottom: 16px; border: 0;}
    
    .btd{border: 0}

}



.box05_simg{width:100%; height:162px; overflow:hidden;}

.box05_h5{width:100%; height:54px; margin-bottom: 8px; overflow:hidden;}

.box05_p{width:100%; height:40px;overflow:hidden;}


@media screen and (max-width: 980px) {
    
.box05_simg{height:180px;}
    
}

@media screen and (max-width: 736px) {


.box05_simg{height:190px;}    

}