@charset "utf-8";
@import url("base.css");

.container{width:100%;height:auto;background:url('../images/main_bg.jpg') no-repeat center 102px;}
.container>section{max-width:1015px;min-width:790px;width:100%;margin:0 auto;}
.container>section h2{display:none;}
.container>section.main{height:385px;padding-top:102px}
.container>section.main p{padding:130px 0 0 40px;font-size:16px;color:#444;/*text-shadow:0 0 10px rgba(0,0,0,.2);*/}
.container>section.main p span{font-size:40px;letter-spacing:-2px;}
.container>section.quick{height:auto;width:100%;}
.container>section.quick li{width:14.2857143%;height:auto;float:left;text-align:center;}
.container>section.quick li a{display:block;width:100%;height:120px;padding:25px 0 0 0;color:#fff;line-height:1.3;background-repeat:no-repeat, repeat;background-position:center bottom, right bottom;
-webkit-transition:none;-moz-transition:none;-o-transition:none;-ms-transition:none;transition:none;}
.container>section.quick li:nth-child(1) a{background-color:#eb866a;background-image:url('../images/quick01.png'), url('../images/quick_bg.png');}
.container>section.quick li:nth-child(2) a{background-color:#fff;background-image:url('../images/quick02.png'), url('../images/quick_bg.png');color:#333;height:119px;border-bottom:1px solid #ccc;}
.container>section.quick li:nth-child(3) a{background-color:#667bb8;background-image:url('../images/quick03.png'), url('../images/quick_bg.png');}
.container>section.quick li:nth-child(4) a{background-color:#cacaca;background-image:url('../images/quick04.png'), url('../images/quick_bg.png');color:#333;}
.container>section.quick li:nth-child(5) a{background-color:#8498d2;background-image:url('../images/quick05.png'), url('../images/quick_bg.png');}
.container>section.quick li:nth-child(6) a{background-color:#e67150;background-image:url('../images/quick06.png'), url('../images/quick_bg.png');}
.container>section.quick li:nth-child(7) a{background-color:#454545;background-image:url('../images/quick07.png'), url('../images/quick_bg.png');height:130px;padding:15px 0 0 0;}

.container>section.quick li:nth-child(1) a:hover{background-color:#e87150;}
.container>section.quick li:nth-child(2) a:hover{background-color:#eee;}
.container>section.quick li:nth-child(3) a:hover{background-color:#546db5;}
.container>section.quick li:nth-child(4) a:hover{background-color:#f2f2f2;}
.container>section.quick li:nth-child(5) a:hover{background-color:#728cd8;}
.container>section.quick li:nth-child(6) a:hover{background-color:#e96540;}
.container>section.quick li:nth-child(7) a:hover{background-color:#333;}
.container>section.board{clear:both;height:310px;width:100%;}
.container>section.board article{box-sizing:border-box;width:50%;height:auto;padding:30px 40px 35px 40px;border:1px solid #ccc;border-top:0;border-right:0;float:left;background:#fff;}
.container>section.board article h3{font-weight:normal;width:50%;text-align:left;float:left;padding-bottom:20px;}
.container>section.board article>p{width:50%;text-align:right;float:left;font-size:13px;}
.container>section.board article iframe{border:0;margin:0;padding:0;overflow:hidden;clear:both;width:100%;height:135px;}

@media all and (min-width:801px) and (max-width: 980px) {
.container>section.main{height:365px;padding-top:102px}
.container>section.quick li a{height:105px;padding:20px 0 0 0;line-height:1.2;background-position:center 55px;font-size:14px;}
.container>section.quick li:nth-child(1) a{background-color:#e7988a;background-image:url('../images/quick01.png'), url('../images/quick_bg.png');}
.container>section.quick li:nth-child(2) a{background-color:#fff;background-image:url('../images/quick02.png'), url('../images/quick_bg.png');height:104px;}
.container>section.quick li:nth-child(3) a{background-color:#667bb8;background-image:url('../images/quick03.png'), url('../images/quick_bg.png');}
.container>section.quick li:nth-child(4) a{background-color:#cacaca;background-image:url('../images/quick04.png'), url('../images/quick_bg.png');}
.container>section.quick li:nth-child(5) a{background-color:#8498d2;background-image:url('../images/quick05.png'), url('../images/quick_bg.png');}
.container>section.quick li:nth-child(6) a{background-color:#eb6c6c;background-image:url('../images/quick06.png'), url('../images/quick_bg.png');}
.container>section.quick li:nth-child(7) a{background-color:#454545;background-image:url('../images/quick07.png'), url('../images/quick_bg.png');height:110px;padding:15px 0 0 0;}
}
@media screen and (max-width:800px) { 
.container{clear:both;width:100%;height:auto;background-image:url('../images/main_bg.jpg');background-repeat:no-repeat;background-size:894px 300px;background-position:center 0;}
.container>section{max-width:auto;min-width:auto;width:100%;margin:0 auto;}
.container>section.main{height:180px;padding-top:0px;}
.container>section.main p{padding:71px 0 0 0;font-size:14px;color:#444;text-shadow:0 0 1px rgba(255,255,255,.8);text-align:center;}
.container>section.main p span{font-size:29px;letter-spacing:-2px;}

.container>section.quick{height:69px;background:none;width:98%;margin:5px auto;box-shadow:none;}
.container>section.quick li{box-sizing:border-box;width:25%;height:auto;float:left;text-align:center;padding:0 1px 1px 0;}
.container>section.quick li a{display:block;width:100%;height:24px;padding:10px 0 0 0;color:#fff;line-height:1.2;background:rgba(34,42,72,.75) !important;font-size:14px;}
.container>section.quick li:nth-child(2) a{height:24px;border-bottom:0;color:#fff;}
.container>section.quick li:nth-child(4) a{color:#fff;border-right:0;}
.container>section.quick li:nth-child(7){width:50%;}
.container>section.quick li:nth-child(7) a{height:24px;padding:10px 0 0 0;}
.container>section.quick li:nth-child(5) a, .container>section.quick li:nth-child(6) a, .container>section.quick li:nth-child(7) a{border-bottom:0;}

.container>section.board{clear:both;height:auto;width:100%;padding:0;}
.container>section.board article{box-sizing:border-box;width:100%;height:auto;padding:15px 25px 15px 25px;border:1px solid #ccc;border-top:0;border-right:0;border-left:0;float:none;}
.container>section.board article h3{font-weight:normal;width:50%;text-align:left;float:left;padding-bottom:15px;}
.container>section.board article>p{width:50%;text-align:right;float:left;font-size:13px;}
.container>section.board article iframe{margin:0 auto;display:block;}
}
@media all and (max-width: 500px) {
.container>section.main p{padding-top:51px;}
.container>section.main{height:155px;}
.container>section.quick{height:96px;}
.container>section.quick li{width:33.333333%;}
.container>section.quick li a{height:23px;padding:9px 0 0 0;color:#fff;line-height:1.2;background-image:none !important;background-repeat:no-repeat, repeat;background-position:center bottom;font-size:14px;letter-spacing:-1px;}
.container>section.quick li:nth-child(2) a{height:23px;}
.container>section.quick li:nth-child(7){width:100%;}
.container>section.quick li:nth-child(7) a{height:23px;padding:9px 0 0 0;}

.container>section.board article{box-sizing:border-box;padding:15px 15px 5px 15px}
.container>section.board article h3{padding-bottom:13px;font-size:16px;}
.container>section.board article>p{font-size:11px;}
.container>section.board iframe{width:100%;}
}