@charset "utf-8";
/* common */
html,body{width:100%;height:100%;margin:0;padding:0}
#skip{top:0;right:0;position:absolute;width:100%;height:15px;text-align:center}
#skip li a{display:block;left:-10000px;position:absolute;top:0;width:100%;text-align:center;z-index:0;height:1px}
#skip li a:hover, #skip li a:focus, #skip li a:active {background:#363636;position:absolute;top:0px;left:0;z-index:5;color:#fff;width:100%;height:25px;padding:5px 0 0 0}

.blind{display:block;overflow:hidden;position:absolute;top:0;left:-5000px;font-size:1.8em}
.hide{display:none !important;margin:0;padding:0}



.visual{min-height:350px; position:relative;}
.visual ul li{display:none;}
.visual ul li.on{display:block;}
.visual img{width:100%;min-height:350px;}
.visual P{position:absolute; bottom:0; right:0;}
.visual button{background: url('/images/05_seed/main/visual_btn.png') no-repeat;width:45px;height:0;padding:45px 0 0 0;margin:0 0 0 1px;overflow:hidden;float: left;}
.visual button.prev{background-position: -52px 0;}
.visual button.stop{background-position: -102px 0;}
.visual button.play{background-position: -2px 0;}
.visual button.next{background-position: -151px 0;}


.bbs div{padding:30px 20px; position:relative;}
.bbs h2{font-size:22px;margin-bottom: 30px; font-weight:600;}
.bbs ul li{background:url("/images/05_seed/main/bbs_bot.png") no-repeat 0 center; padding-left: 18px; margin-top: 9px;font-size:13px;} 
.bbs ul li a{display:inline-block;width:auto;max-width: 70%;text-overflow:ellipsis; white-space:nowrap; overflow:hidden; color:#222;}
.bbs ul li a:hover{text-decoration:underline;}
.bbs ul li span{float:right; color:#666;}
.bbs p {position:absolute;top:30px;right: 30px;}
.bbs p a{display:block; width:26px; height:0; padding-top:25px; overflow:hidden; background:url("/images/05_seed/main/bbs_btn.png") no-repeat 0 center;}
.bbs_notice h2{color:#0054a6;}
.bbs_data{background:url("/images/05_seed/main/bbs_bg.gif");border-bottom:1px #d7d7d7 solid;border-top:1px #d7d7d7 solid;}
.bbs_data h2{color:#108c7d;}


.infozone{min-height: 319px;position:relative;border-bottom: 1px #d7d7d7 solid;}
.infozone img{width:100%;min-height: 320px;}
.infozone ul li{display:none;}
.infozone ul li.on{display:block;}
.infozone p{position:absolute; bottom:0;right:0;}
.infozone span{display:inline-block;padding:8px 10px 0 10px;height:27px;background:rgba(0, 0, 0, .7);color:#fff;float:left;}
.infozone button{background: url('/images/05_seed/main/info_btn.png') no-repeat;width: 39px;height:0;padding: 35px 0 0 0;margin:0 0 0 1px;overflow:hidden;float: left;}
.infozone button.prev{background-position: -41px 0;}
.infozone button.stop{background-position: -80px 0;}
.infozone button.play{background-position: 0px 0;}
.infozone button.next{background-position: -120px 0;}


.photo {padding: 30px 20px;position:relative;border-bottom: 1px #d7d7d7 solid; border-right: 1px #d7d7d7 solid; border-left: 1px #d7d7d7 solid;}
.photo h2{font-size:22px; margin-bottom: 30px; color:#0054a6; font-weight:600;}
.photo p {position:absolute;top: 30px;right: 20px;}
.photo p a{display:block; width:26px; height:0; padding-top:25px; overflow:hidden; background:url("/images/05_seed/main/bbs_btn.png") no-repeat 0 center;}
.photo ul li{display:none; text-align:center;}
.photo ul li:first-child{display:block;}
.photo ul li img{width:auto;border:1px #d7d7d7 solid;max-width: 100%;}
.photo ul li span{display:block;width:auto;max-width:95%;margin:15px auto 0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:#222;}
.photo ul li em{font-style: normal;margin-top: 14px;display: block;font-size: 14px;}
.photo ul li a{display:block;}
.photo ul li a:hover{text-decoration:underline;}


/* Tablet */
@media all and (min-width:768px) {

.visual{width:100%;}

.m_conin{overflow:hidden;}

.bbs{width: 49.87%;float:left;border-right:1px #d7d7d7 solid;border-bottom: 1px #d7d7d7 solid;height: 339px;}
.bbs div{padding: 38px 30px;}
.bbs .bbs_data{border-bottom:none;padding: 37px 30px;}
.bbs p {top:38px;}

.infozone{width: 50%;float:left;}
.infozone img{height: 339px;}

.photo {padding: 30px; clear: both;}
.photo ul{overflow:hidden;}
.photo ul li{display:block;width: 45%; float:right;}
.photo ul li:first-child{float:left; width:45%;margin-right: 10%;}
.photo p {right: 30px;}

}

/* Desktop */
@media (min-width: 1023px) {

#content{margin-left:230px; overflow:hidden;}

.visual{width:60%;float:left; height:670px; border-bottom: 1px #d7d7d7 solid;}
.visual img{width:100%; height: 670px;}


.bbs{float:left;width: 100%;height: 50%;}
.bbs div{padding: 36px 30px;}

.infozone{float:left; width:100%;max-height: none;height: 50%; }
.infozone img{height: 334px;}

.photo{clear:both;width: 88%;padding: 60px 6% 59px;height: 320px;}
.photo p {top:60px;right: 40px;}


footer{margin-left:230px;}
footer .footer_in .bt_logo{display:block; margin-bottom:10px;}




}

/* Desktop */
@media all and (min-width:1600px) {
.visual{width: 45%; height:840px; border-bottom:none;}
.visual img{height: 840px;}

.m_con{float:left; width: 55%; height:auto; border-bottom:none;}
.bbs{width: 49.869%;height: auto; border-top:1px #d7d7d7 solid;}
.infozone{width:50%; border-top:1px #d7d7d7 solid;}
.infozone img{height:398px;}

.bbs div{padding: 50px 50px 0; height:148px;}
.bbs .bbs_data{padding: 49px 50px 0px; height:150px;}
.bbs p {top:50px; right:50px;}
.bbs ul li a{font-size: 15px;}
.bbs ul li span{font-size: 13px;}

.photo ul li{display:block;width: 43%;}
.photo ul li:first-child{ width:43%; margin-right: 14%;}
.photo ul li img{height: 218px;}
.photo p {left: 172px;}

}