@charset "utf-8";

#footer{border:0}

#container:before{ content:''; position:absolute;width:100%;height:100%;/*background-image:url(../image/main/bg.png);background-repeat:no-repeat;background-position:50% 100%;background-size:100% auto*/}
#container{min-height:500px;/*background:linear-gradient(55deg,#66b5e3, #1a0177);*/background:#ddd;padding:10px 0 30px 0}


.content_box{clear: both;}

section img{max-width:100%}
section{margin:20px 0;background:#fff;position:relative;border:1px solid rgba(0,0,0,0.1);padding:2em}
section:nth-of-type(1),.sec02{border-width:0;padding:0}

section h3,.recentHeader h3{display:block;font-size:170%;margin:0 0 3%;line-height:normal;position:relative;font-weight:600;}

.sec02{border-width:1px}
.sec02 ul{overflow:hidden;text-align:center;position:relative;}
.sec02 ul:before{content:'';position:absolute;left:0;right:0;top:50%;height:1px;background:rgba(0,0,0,0.1)}
.sec02 ul li{float:left;width:50%;position:relative;font-family:'Montserrat';letter-spacing:0}
.sec02 ul li:before{content:'';position:absolute;right:0;top:0;bottom:0;width:1px;background:rgba(0,0,0,0.1)}
.sec02 ul li:nth-child(even):before{content:normal}
.sec02 a{display:block;padding:1.5em 0.7em;font-size:140%;font-weight:600;}
.sec02 p{display:table;text-align:center;width:100%;margin-top:1em;height:55px;line-height:normal}
.sec02 p span{ display:table-cell;vertical-align:middle}

.sec02 li:nth-of-type(1) a{color:#1a7bb1}
.sec02 li:nth-of-type(2) a{color:#2232ac}
.sec02 li:nth-of-type(3) a{color:#a700c5}
.sec02 li:nth-of-type(4) a{color:#01786e;border:0}

.recentHeader{overflow:visible}
.recentHeader h3{}
.recentHeader h3:before{content:'';display:inline-block;width:30px;height:20px;background:url(../image/main/ico.png) no-repeat 0 -476px;}
.recentHeader .more{top:-10px;right:-10px;}
.recentHeaderBorder .more a{background:url(../image/main/ico.png) no-repeat -275px -51px;border:1px solid rgba(0,0,0,0.1);padding:17px}
.recentBody .more{display:none}

.sec03{padding: 2.80em !important; margin:0 0 0 15px;}
.sec03 .recentBody{overflow:hidden;height:210px;}
.sec03 .recentBody .title{font-weight:700;font-size:135%; display:block; margin-bottom:7px;}
.sec03 .recentBody .content{height:180px;overflow:hidden}
.paper{padding:0 0; }

#right section{padding:1.2em;}

.sec04{min-height:201px}
.sec04 p:nth-of-type(1){text-align:center;}
.loginBefore{position:relative; margin-top:7%;}
.loginBox dl{width:70%}
.loginBox dd{position:relative;margin-top:0.5em}
.loginBox dd input{background:#e9eaef; border:0}
.loginBox .loginbtn{position:absolute;right:0;top:5px;width:28%;display:table-cell;vertical-align:middle;height:8vh;color:#fff;border-radius:5px;font-weight:600;font-family:'Montserrat';font-size:115%}
.loginBox .submit{display:table;}
.loginBox .submit:nth-of-type(1){display:none;}
.loginBox ul{margin-top:1em;}
.loginBox ul li{font-size:0.9em;padding:0;float:left;color:#aaa;font-weight:600; text-transform:uppercase}
.loginBox ul li:last-child{float:right}


.loginAfter{text-align:center;margin:0 -1em -1.2em;}
.loginAfter ul li a{border:1px solid rgba(0,0,0,0.2);}
.loginAfter .txt{text-align:left !important;padding:1.5em 2em 0.5em;line-height:normal;font-size:95%;margin-top:1.05em}
.loginAfter strong{font-size:1.1em;}
.loginAfter ul{overflow:hidden}
.loginAfter ul li{width:50%;}
.loginAfter ul li a{display:block;line-height:40px; color:#333}
.loginAfter ul li:last-child a{border-left:1px solid rgba(0,0,0,0.2)}



.sec05{min-height:160px; margin:0 0 20px 0; padding: 2em !important;}
.sec05 h3{margin-top:0.8em; margin: 0 0 1%;}
.sec05 h3:nth-of-type(1){ margin-top:0em}
.sec05 h3:nth-of-type(1):before{content:'';display:inline-block;vertical-align:-0.07em;width:30px;height:20px;background:url(../image/main/ico.png) no-repeat 0 -385px;}
.sec05 fieldset{padding:0.5em;}
.sec05 article{font-weight:600;font-size:95%;margin-bottom:1.8em}
.sec05 input[type="text"]{width:calc(100% - 50px)}

.sec05 .btnsrch{width:50px;height:40px;font-size:0;line-height:0;background:url(../image/main/ico.png) no-repeat 15px -280px}

.sec05 .btnPack.srch{width:calc(100% - 12px);padding:0;height:50px;color:#fff;display:table;margin:0 auto}
.sec05 .btnPack.srch span{display:table-cell; vertical-align:middle}
.sec05 .btnPack.srch span:before{content:'';display:inline-block;vertical-align:-0.1em;width:30px;height:20px;background:url(../image/main/ico.png) no-repeat 0 -288px}

.video{position:relative;width:100%;height:0;padding-bottom:56.25%;}
.video > iframe{position:absolute;left:0;top:0;width:100% !important;height:100% !important;}

.k-image{background:#fff;padding: 2.85em !important;}
.k-image img{width:100%;}
.k-image a{border:1px solid;display: block; z-index:9999 !important;}


@media only screen and (max-width: 992px) {
	#container{padding-bottom:20px}

	.sec02 a{padding:0.7em}
	.sec02 img{float:left;margin-right:5%;max-height:70px}
	.sec02 p{overflow:hidden;width:auto;height:70px;margin:0}
	.sec04{margin-top:0; min-height: 167px;}

}
@media only screen and (min-width: 992px) {
	.sec02 ul:before{content:normal}
	.sec02 ul li{width:25%}
	.sec02 ul li:nth-child(even):before{content:''}
	#right > .row{margin-left:0}
	.video{padding-bottom:88%;}
}


@media only screen and (max-width: 760px) {
.sec05 {min-height: auto;}
.paper{padding:0 15px}
.sec03{margin:0 0 20px 0;}
.inforGroup img{width:100%;}

}

@media only screen and (max-width: 450px) {
.sec02 a {padding: 0.5em;}
.sec02 img {float: unset; margin-right:0%;    width:60%;max-height: none;}
.sec02 p{text-align:center;display: inline; font-size:70%;}
.recentHeader h3{font-size: 140%;}


}