/** 自定义样式 */

* {margin:0; padding:0; -webkit-tap-highlight-color:rgba(0,0,0,0);}
html {height:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; -webkit-font-smoothing: antialiased!important; -webkit-tap-highlight-color: transparent}
body {background-color:transparent; min-height:100%; height:auto !important; overflow-x: hidden; font: 12px/1 "Microsoft YaHei","微软雅黑","arial","tahoma","MicrosoftJhengHei", "sans-serif";  -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; -webkit-font-smoothing: antialiased!important;} /* 用 ascii 字符表示，使得在任何编码下都无问题 */
img {border:0; vertical-align:middle; -ms-interpolation-mode:bicubic;}

a {text-decoration:none; background-color: transparent; color: #333; -webkit-text-decoration-skip: objects;}
a:hover {text-decoration:none; transition:box-shadow .3s, border .3s, background-color .3s, color .3s;}
a:active,a:visited{text-decoration:none;outline:0;}
a.focus, a:focus{outline:0;}

/*scrollbar*/
::-webkit-scrollbar{width:8px;height: 6px;}
::-webkit-scrollbar-track-piece{margin-right:10px; background-color:#EEE; -webkit-border-radius:8px;}
::-webkit-scrollbar-thumb:vertical{height:8px; background-color:#DDD; -webkit-border-radius:8px;}
::-webkit-scrollbar-thumb:horizontal{ width:6px; background-color:#EEE; -webkit-border-radius:8px;}

.content-area {
	background-color: #fff;
	background-image: none;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: auto;
	position: relative;
	width: 1000px;
	height: 100%;
	min-height: 500px;
	margin: 0 auto;
}

.header-area {
	background-image: url(/assets/images/header.jpeg);
	height: 210px;
}

.header-logo {
	position: absolute;
	height: 72px;
	width: 120px;
	left: 27px;
	top: 24px;
	z-index: 3;
}

.header-title {
	position: absolute;
	height: 60px;
	width: 644px;
	left: 190px;
	top: 46px;
	z-index: 4;
	color: #ff6600;
	font-family: SimHei;
	font-size: 40px;
	text-align: center;	
	line-height: 1.5;
}

.header-slogan {
	position: absolute;
	height: 32px;
	width: 740px;
	left: 146px;
	top: 116px;
	z-index: 4;
	color: #800080;
	font-family: KaiTi;
	font-size: 24px;
	text-align: center;	
	line-height: 1.5;
}

.body-area {
	position: relative;
	overflow: hidden;
	padding: 2px 0;
	width: 100%;
}

.footer-area {
	background-color: #fff;
	padding-bottom: 20px;
	width: 100%;
}

.footer-line {
	width: 100%;
	border-bottom: #4880db solid 2px;
}

.footer-text {
	width: 100%;
	padding: 20px 0;
	opacity: 1.0;
	font-family: Tahoma;
	text-align: center;
	color: #989898;
}

.footer-text a {
	color: #989898;
}

.menu-bar {
	background-image: url(/assets/images/menubar.jpeg);
	position: absolute;
	overflow: visible;
	height: 31px;
	width: 1000px;
	left: 0;
	top: 168px;
	z-index: 5;
}

.menu-bar ul {
	height: 31px;
	width: 1000px;
	list-style: none;
}

.menu-bar li {
	display: inline;
	height: 31px;
	line-height: 31px;
	width: 11.11%;
	float: left;
	cursor: pointer;
	color: white;
}

.menu-item {
	margin: 0;
	padding: 0;
	height: 100%;
	line-height: inherit;
	text-align: center;
	font-size: 13px;
}

.menu-item-active, .menu-bar li:hover {
	background-image: url(/assets/images/menu-this.png);
	color: navy;
}

.panel-box {
	border: #b2cdff solid 1px;
	border-radius: 3px 3px 0 0;
	box-shadow: 1px 1px 5px rgba(0,100,256,.45);
	margin-bottom:12px;
}
	
.panel-title {
	width: calc(100% - 9px);
	height: 28px;
	line-height: 28px;
	margin-left: -1px;
	padding-left: 10px;
	font-size: 14px;
	vertical-align: middle;
	background-color: #b2cdff;
	border-bottom: #99bdff solid 2px;
	border-radius: 3px 3px 0 0;
}	

.panel-content {
	width: calc(100% - 10px);
	padding: 5px;
}	

.panel-nav {
	width: calc(100% - 40px);
	height: 26px;
	line-height: 26px;
	padding-left: 40px;
	vertical-align: middle;			
}	

.panel-nav-active, .panel-content .panel-nav:hover {
	background-color: #4880db;
	cursor: pointer;
	color: white;
}	

.panel-line {
	width: 100%;
	height: 20px;
	line-height: 20px;
	padding-left: 5px;
	vertical-align: middle;			
}	

.panel-link {
	cursor: pointer;
}

.panel-content .panel-link:hover {
	text-decoration: underline;	
	color: blue;
}

.panel-text {
	background-color: #edf6ff; 
	height: calc(100% - 20px); 
	text-align: justify;
	line-height: 30px; 
	padding: 10px;
	font-size: 15px;
	color: #333;
}