body, ul, ol, li{margin:0px; padding:0px; font-family:sans-serif; font-size:10pt;}
.layout{width:100%; margin:auto;}
@media(max-width:1000px){
.layout{width:100%; margin:auto;}
}
a{text-decoration:none !important; transition:background 0.5s, color 0.5s}

#header{position:fixed; z-index:1; top:0px; width:100%; background:rgba(255,255,255,0.9); overflow:hidden;}
#header .logo{float:left; font-weight:600; font-size:1.2em; padding:3px 0px 5px 20px; }
#header .logo span{color:#e52955;}
#header #navigation{overflow:hidden; }
#header #navigation .menu{overflow:hidden; float:right; list-style:none;}
#header #navigation .menu li{float:left;}
#header #navigation .menu li a{display:inline-block; padding:7px 20px 5px 20px; font-size:0.75em;}
#header #menutop{background-color:#e52955; margin-bottom:10px;}
#header #menutop .menu{overflow:hidden; list-style:none;}
#header #menutop .menu li{float:left; width:calc(100%/5);}
#header #menutop .menu li a{color:white; display:inline-block; text-align:center; width:100%; padding:10px 0px;}
#header #menutop .menu li a:hover{background:rgba(255,255,255,0.7); color:#961230; font-weight:600;}

#middler{background-color:rgba(254,254,254,1);  padding:20px 10px; box-shadow:0px 0px 5px rgba(0,0,0,0.3);margin:300px auto 60px auto; word-break:keep-all; text-align:justify; min-height:700px;}
#middler .partistion{overflow:hidden;}
#middler .partistion .part{float:left; width:calc(100%/2);}
#middler .partistion .part article{position:relative; margin:10px; box-shadow:0px 0px 3px rgba(0,0,0,0.1); background:white;}
#middler .partistion .part article .lat{}
#middler .partistion .part article .lat .lat_title a{color:#e52955; font-size:1.2em; font-weight:600;}
#middler .partistion .part article .lat ul{padding-top:10px;}
#middler .partistion .part article .lat ul li{padding:7px 0px 7px 10px; border-bottom:1px dashed #ddd;  transition:background 0.5s;}
#middler .partistion .part article .lat ul li:hover{background:#ffffcc; transition:background 0.5s color 0.5s;}
#middler .partistion .part article .lat ul li a{display: inline-block; width:80%; margin-right:80px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#middler .partistion .part article .lat ul li .lt_date {font-family:"tahoma"; font-size:0.75em; width:50px; line-height:2.5em; display: inline-block;}
#middler .partistion .part article .lt_more{position:absolute; top:10px; right:10px; }
@media(max-width: 1000px){
	#middler{margin:250px auto 50px auto;}
	#middler .partistion .part{float:left; width:calc(100%/1);}
}

#visual{position:fixed; z-index:-2; width:100%; height:100%; top:0px; left:0px; overflow:hidden;}
#visual .bg .slogun{color:white; position:absolute; top:130px; text-align:center; width:100%; text-shadow:0px 0px 5px rgba(0,0,0,0.3); }
#visual .bg .slogun h2{font-size:3em; font-weight:600; text-shadow:0px 0px 5px rgba(0,0,0,0.3); }
#visual .bg .slogun summary{font-size:1.6em; text-shadow:0px 0px 5px rgba(0,0,0,0.3); }
#visual .bg1{background:url('/images/bg1.jpg') top center no-repeat; width:100%; height:100%;}
@media(max-width: 1000px){
	#visual .slogun{font-size:0.75em;}
}
#footer{position:fixed; bottom:0px; width:100%; background:rgba(0,0,0,0.85); text-align:center; color:#999; padding:10px 5px; font-size:0.75em; z-index:-1;}


.btn{font-size:9pt; color:white !important;}
#bo_v_share .btn{color:#555 !important;}