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

/*
ul::after,
ul:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;font-size:0;}
*::after,
*:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;font-size:0;}
*/

.fix::after,
.fix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;font-size:0;}

.site-head {
	padding:2em 0!important;
	max-width:1000px;
	margin:0 auto;
}
header a{
    text-decoration: none;
}
.site-head .site-img {
	float:left;
	width:160px;
}
.site-head .site-text {
	float:left;
	display:inline;
}
.site-head .site-name .site-img img{
	width:160px!important;
}

.site-head .site-text h1{
	font-size:30px;
	font-weight: bold;
    line-height: 36px;
	color: #111!important;
}
.site-head .site-text h2 {
	font-size: 14px;
	color: #7a7a7a!important;
}

.site-head .site-info {float:right;}
.site-head .site-info a{color:#373737!important;}
.site-head .site-info dl{width:340px;font-size:12px;background:#eee;padding:10px;border:1px solid #aaa;border-radius: 10px;}
.site-head .site-info dt,
.site-head .site-info dd{margin-bottom:2px !important;}
.site-head .site-info dt{float:left;background:#0055b8;color:#eee;margin-right:6px !important;padding:0 6px;}
.site-head .site-info dd{}
.site-head .site-info dd a:hover,
.site-head .site-info dd:hover{color:#0055b8!important;cursor:pointer;}
.site-head .site-info dt:before,
.site-head .site-info dt::before,
.site-head .site-info dd:after,
.site-head .site-info dd::after{clear:both;}

#ie8 .site-head{min-height:110px;}

/*


#ie8 .site-head {padding: 2em 0}
#ie8 .site-text h1 span{font-size:30px;font-weight:bold;line-height: 36px; color: #111!important;}
#ie8 .site-text h2{font-size:14px;color: #7a7a7a!important}

#ie8 .site-info a{color:#373737!important;}
#ie8 .site-info dl{width:340px;font-size:12px;background:#eee;padding:10px;border:1px solid #aaa;border-radius: 10px;}
#ie8 .site-info dt,
#ie8 .site-info dd{margin-bottom:2px !important;}
#ie8 .site-info dt{float:left;background:#0055b8;color:#eee;margin-right:6px !important;padding:0 6px;}
#ie8 .site-info dd{}
#ie8 .site-info dd a:hover,
#ie8 .site-info dd:hover{color:#0055b8!important;cursor:pointer;}
#ie8 .site-info dt:before,
#ie8 .site-info dt::before,
#ie8 .site-info dd:after,
#ie8 .site-info dd::after{clear:both;}
*/


/* =Menu
-------------------------------------------------------------- */
nav#navi {
	background: #f0f0f0;
	background: -moz-linear-gradient(#f5f5f5, #d0d0d0);
	background: -o-linear-gradient(#f5f5f5, #d0d0d0);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f5f5f5), to(#d0d0d0));
	background: -webkit-linear-gradient(#f5f5f5, #d0d0d0);
	clear: both;
	display: block;
	width: 100%;
	position: relative;
	min-height:40px;
	z-index: 99999;
}

nav#navi div.menu-main-container{
	max-width: 1000px;
	margin:0 auto;
}
nav#navi ul {
	font-size: 16px;
	list-style: none;
	margin:0;
	z-index: 99999;
}
nav#navi ul.sub-menu {
	font-size: 13px;
	display: none;
	-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	background: #f0f0f0;
	background: #fff;
	float: left;
	position: absolute;
	top: 45px;
	left: 0;
	z-index: 99999;
}
nav#navi ul.menu li:hover > ul.sub-menu {
	display: block;
}
nav#navi ul.menu li {
	float: left;
	position: relative;
	/*padding-left:20px;*/
	width:110px;
	line-height: 40px;
	height: 40px;
	z-index: 99999;
}
nav#navi ul.menu>li {
	font-weight: bold;
	background: url(images/menu_arrow_01.png) no-repeat 5px 16px;
	height: 45px;
	overflow-x: visible;
}

nav#navi ul.menu>li:hover {
	background: url(images/menu_arrow_03.png) no-repeat 5px 16px;
	height: 40px;
	border-bottom:5px solid #1982d1;
}
nav#navi ul ul {
	overflow:display;
	width:220px;
}

nav#navi ul.sub-menu>li {
	border-top:1px solid #fff;
	background: #f0f0f0 url(images/menu_arrow_02.png) no-repeat 5px 50%!important;
	width:100%!important;
}
nav#navi ul ul li:hover {
	background: #f0f0f0 url(images/menu_arrow_03.png) no-repeat 5px 50%!important;
}

nav#navi li a{
	color: #000000;
	line-height: 40px;
	text-decoration: none;
}

nav#navi li a:hover{
	color: #1982d1;
}

nav#navi li a div{
	height: 40px;
	margin-left:20px;
}

#branding nav #searchform {
	display:inline;
	/*position: relative;*/
	top:0!important;
	text-align: right;
	background-color: #f9f9f9 !important;
}

nav#navi ul.sub-menu ul.sub-menu {
	position: absolute;
	left: 221px;
	top: 0px;
}

/* =Title
-------------------------------------------------------------- */
h1.entry-title.line-bg {padding:0;background:url(images/entry-titlebar1.png) repeat-x 0 50%;text-align:center!important;}
h1.entry-title.line-bg>span{padding:0 100px;background:url(images/entry-titlebar2.png) repeat-x 0 50%;}
h1.entry-title.line-bg>span>span{padding:0 20px;background:#fff;}

#page {min-height:500px;}

@media (max-height: 800px) {
	#page {min-height:400px;}
}
@media (max-height: 1079px) {
	#page {min-height:600px;}
}
@media (min-height: 1080px) {
	#page {min-height:1080px;}
}

#page::after,
#page:after {content:".";display:block;height:0;clear:both;visibility:hidden;font-size:0;}


#page.error404 {
	min-height:600px;
}

/*search */

h1.search-title.line-bg {padding:0;background:url(images/entry-titlebar1.png) repeat-x 0 50%;text-align:center!important;}
h1.search-title.line-bg>span{padding:0 100px;background:url(images/entry-titlebar2.png) repeat-x 0 50%;}
h1.search-title.line-bg>span>span{padding:0 20px;background:#fff;}

.search-meta {
	color: #666;
	clear: both;
	font-size: 20px;
	line-height: 22px;
}

.search-title {
	padding:0cm 5cm 0cm 0cm;
	font-size: 10px!important;
}

.searchreply-title {
	color: #000;
	font-size: 25px;
	font-weight: 1000;
	text-transform: uppercase;
}

.searchreplyline-title {
	color: #000;
	font-size: 20px!important;
	font-weight: bold;
	line-height: 20px!important;
}

.searchreply-meta {
	color: #000;
	clear: both;
	font-size: 15px;
	line-height: 18px;
}

.singular.page .searchhentry {
	padding: 5px 0 0;
}

.searchcontent {
	margin:0px 0px 20px;
}

.searchlineheader {
	margin:2px 0px 0px;

}


/* =Footer
-------------------------------------------------------------- */

.site-generator {
	background: #0055b8;
	text-align: center;
	color: #ccc;
	padding: 10px 0;
	font-size: 12px;
	width:100%;
	min-height:70px;
}
.site-generator::after,
.site-generator:after {
	content: ".";display: block;height: 0;clear: both;visibility: hidden;font-size:0;
}

.site-generator div.site-info{
    width: 1000px;
    margin: 0 auto;
}

.site-generator div.site-info::after,
.site-generator div.site-info:after,
.site-generator div.site-name::after,
.site-generator div.site-name:after {
	content: ".";display: block;height: 0;clear: both;visibility: hidden;font-size:0;
}

.site-generator div.site-info>.block {
}

.site-generator div.site-info>.left {
	float:left;
	width:490px;
	height:60px;
	border-right:2px solid #ddd;
}
.site-generator div.site-info>.right {
	float:left;
	width:340px;
}

.site-generator div.site-name {
	float:left;
	width:400px;
	border-right:2px solid #ddd;
}
.site-generator div.site-name img{
	float:right;
	margin-right:20px;
}

.site-generator div.site-text {
	float:left;
	width:300px;
	padding-left:0px;
}
.site-generator div.site-text-en {
	float:left;
	width:290px;
	padding-left:0px;
}

.site-generator div.copyright {}
.site-generator div.icp {padding:5px 0;}
.site-generator div.icp a{font-size:12px;color:#aaa;}
.site-generator div.icp a:hover {color:#bbb;}


/* =Home Page
-------------------------------------------------------------- */
div.homecenter{
	height:700px;
	background: url(images/hcbk.png) 50% 0%;
}

div.homecenter #page{
	background:none!important;
	position:relative;
}

div.homecenter img {position:absolute;}
div.homecenter img.i01 {width:295px;height:215px;left:106px;top:35px;}
div.homecenter img.i02 {width:298px;height:210px;left:566px;top:55px;}
div.homecenter img.i03 {width:307px;height:248px;left:0px;top:364px;} 
div.homecenter img.i04 {width:273px;height:236px;left:348px;top:332px;} 
div.homecenter img.i05 {width:251px;height:256px;left:722px;top:334px;}

div.homecenter a .linkitem {
	-webkit-opacity: 0.8;
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;  
	opacity: 0.8;
	filter:alpha(opacity=80);
}
div.homecenter a:hover .linkitem {
	-webkit-opacity: 1;
	-moz-opacity: 1;
	-khtml-opacity: 1;  
	opacity: 1;
	filter:alpha(opacity=100);
}

#map.mapbody{
	font-size:12px;
    width: 720px;
    height: 600px;
	margin: 0 auto;
	border:#ccc solid 1px;
}

/*download current */
DIV.digg SPAN.current { 
	
	BORDER-RIGHT: #000099 1px solid; PADDING-RIGHT: 5px;
 BORDER-TOP: #000099 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold;
 PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #000099 1px solid;
 COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #000099 1px solid; 
}

.table_nogrid {
	border-top: 0px solid #ddd!important;
	border-left: 0px solid #ddd!important;
	border-right: 0px solid #ddd!important;
	border-bottom: 0px solid #ddd!important;
}
.td_nogrid {
	border-top: 0px solid #ddd!important;
	border-left: 0px solid #ddd!important;
} 

.td_nogrid_right{
	border-top: 0px solid #ddd!important;
	border-left: 0px solid #ddd!important;
	text-align:right;
} 


ul{border:0; margin:0; padding:0;}

.pagination-clean {
	list-style:none;
}
.pagination-clean::after,
.pagination-clean:after {
	content: ".";display: block;height: 0;clear: both;visibility: hidden;font-size:0;}
}

.pagination-clean li{
border:0; margin:0; padding:0;
font-size:11px;
list-style:none;
float:left;
}


.pagination-clean li, .pagination-clean a{
margin-right:2px;
}
.pagination-clean .previous-off,
.pagination-clean .next-off {
color:#888888!important
display:block;
float:left;
font-weight:bold;
padding:3px 4px;
}
.pagination-clean .next a,
.pagination-clean .previous a {
font-weight:bold;
border:solid 1px #FFFFFF;
} 
.pagination-clean .active{
color:#00000!important
font-weight:bold;
display:block;
float:left;
}
.pagination-clean a:link
{
color:#0033CC!important;
display:block;
float:left;
padding:3px 6px;
text-decoration:none;
}
.pagination-clean a:visited 
{
display:block;
float:left;
padding:3px 6px;
text-decoration:none;
}

.pagination-clean a:hover{
color:#ff33CC!important;
text-decoration:none;
}

.pagination_current {
	display:block;
	float:left;
	color:#ff33CC!important;
	padding:3px 4px!important;
}

.pagination_unselect  li{
	color:#000000!important;
	text-decoration:none!important;
}

.form_page {
color:#0033CC!important;
font-size:11px!important;
}

@media (max-width: 800px) {
	/*#branding .site-info {top:0;right:0;height:40px;margin:0 !important;position:relative;}*/

	.site-generator div.site-info{
	    width: 100%;
	    margin: 0 auto;
	}
	.site-generator .site-info>.block{
		float:none;
		margin:0 auto;
	}
	.site-generator .site-info>.left {
		width:390px;
		border-right:none;
	}
	
	.site-generator div{
		text-align: center;
		float:none;
	}
	.site-generator .site-info{
	    width: 100%;
	    margin: 0 auto;
	}
	.site-generator .site-info>div {
		float:none;
		margin:0 auto!important;
	}
	.site-generator .site-info>.site-name {
		width:390px;
		border-right:none;
	}
	.site-generator .site-text {
		padding-left:0;
	}
	#map.mapbody{
	    width: 600px;
	    height: 500px;
	}

	div.homecenter {height:auto!important;}
	div.homecenter img {position:relative;left:initial!important;;top:initial!important;;}
}

@media (max-width: 650px)
{
	#branding .site-name h1{
		font-size:24px;
	}
	#branding .site-info{float:left;}

	h1.entry-title.line-bg {padding:0;background:url(images/entry-titlebar1.png) repeat-x 0 23px;text-align:center!important;}
	h1.entry-title.line-bg>span{padding:0 60px;background:url(images/entry-titlebar2.png) repeat-x 0 18px;}
	h1.entry-title.line-bg>span>span{padding:0 20px;background:#fff;}

	.site-generator .site-info>.site-name {
		width:inherit!important;
		border-right:none;
	}
	.site-generator .site-name img {
		margin:0;
		width:100%;
	}
	#map.mapbody{
	    width: 440px;
	    height: 400px;
	}

	div.homecenter {height:auto!important;text-align:center;}
	div.homecenter img {position:relative;left:initial!important;top:initial!important;margin:10px auto;}
}


@media (max-width: 450px) {
	#branding .site-info{float:left;}
	#branding .site-info dl{font-size:10px!important;margin:0;width:120%}

	.site-generator .site-info>.left {
		width:100%;
	}
	.site-generator .site-info img {
		width:100%;
	}
	#map.mapbody{
	    width: 300px;
	    height: 300px;
	}
}