@charset "UTF-8";
/* CSS Document */

/* General Reset start */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 15px; line-height: 1.231; }
body, button, input, select, textarea { font-family: sans-serif; color: #000; }

a { color: #6e65b2; text-decoration: none;font-style: normal;}
a:visited { color: #6e65b2; }
a:hover {text-decoration: underline;}
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }
a.current { color: #000;font-weight: normal; font-style: normal; }

b, strong { font-weight: bold; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

html, body, #container { margin: 0; padding: 0; height: 100%; }
h1, h2, h3, h4, p, ul, dl { margin: 0; }
ul, ol { }
/* General Reset End */

/* header: logo bar */
header {moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; display: block; overflow: none;background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #FFF), color-stop(100%, #d9f7dd)); background-image: -webkit-linear-gradient(#FFF, #d9f7dd); background-image: -moz-linear-gradient(#FFF, #d9f7dd); background-image: -o-linear-gradient(#FFF, #d9f7dd); background-image: -ms-linear-gradient(#FFF, #d9f7dd); background-image: linear-gradient(#FFF, #d9f7dd); -moz-box-shadow: 1px 2px 4px 0px rgba(255, 255, 255, 0.18) inset; -webkit-box-shadow: 1px 2px 4px 0px rgba(255, 255, 255, 0.18) inset; -o-box-shadow: 1px 2px 4px 0px rgba(255, 255, 255, 0.18) inset; box-shadow: 1px 2px 4px 0px rgba(255, 255, 255, 0.18) inset; outline: 1px solid #b7efbf; padding:10px}
header .header-shengji {float:right; text-align:center;line-height:14px;text-decoration:none; font-size:12px;font-weight:normal; } 
header .header-shengji a:link, a:visited {color:#6a0303; }
header .header-shengji a: hover {color:#6e65b2;}
/* header: logo bar end */

.bg {width:80%;height:50px;overflow-y: scroll; overflow-x:hidden;background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fff284), color-stop(100%, #e3bb5b)); background-image: -webkit-linear-gradient(#fff284, #e3bb5b); background-image: -moz-linear-gradient(#fff284, #e3bb5b); background-image: -o-linear-gradient(#fff284, #e3bb5b); background-image: -ms-linear-gradient(#fff284, #e3bb5b); background-image: linear-gradient(#fff284, #e3bb5b);}
/* Nav: top Navigation */

#topnav nav  {
	display: block;
	width: 80%;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fff284), color-stop(100%, #e3bb5b)); background-image: -webkit-linear-gradient(#fff284, #e3bb5b); background-image: -moz-linear-gradient(#fff284, #e3bb5b); background-image: -o-linear-gradient(#fff284, #e3bb5b); background-image: -ms-linear-gradient(#fff284, #e3bb5b); background-image: linear-gradient(#fff284, #e3bb5b);
}

#topnav nav ul {
	float: left;
	list-style: none;
}

#topnav nav li {
	float:left;
}

#topnav nav a {
	float:left;
	padding:8px 35px;
	text-decoration: none;
	color: #422A00;
	font-weight:normal;
font-size:110%;
	letter-spacing: 1px;
	text-transform: uppercase;
	border-width: 1px;
	border-style: solid;
	border-color: #fff #e3bb5b #ccc #fff284;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fff284), color-stop(100%, #e3bb5b)); background-image: -webkit-linear-gradient(#fff284, #e3bb5b); background-image: -moz-linear-gradient(#fff284, #e3bb5b); background-image: -o-linear-gradient(#fff284, #e3bb5b); background-image: -ms-linear-gradient(#fff284, #e3bb5b); background-image: linear-gradient(#fff284, #e3bb5b);
}
 
#topnav nav a:hover, nav a:focus {
	outline: 0;
	color: #fff;
	text-shadow: 0 1px 0 rgba(0,0,0,.2);
	background: #fac754;
	background: -moz-linear-gradient(#fac754, #f8ac00);
	background: -webkit-gradient(linear, left top, left bottom, from(#fac754), to(#f8ac00));
	background: -webkit-linear-gradient(#fac754, #f8ac00);
	background: -o-linear-gradient(#fac754, #f8ac00);
	background: -ms-linear-gradient(#fac754, #f8ac00);
	background: linear-gradient(#fac754, #f8ac00);
}

#topnav nav a:active {
	-moz-box-shadow: 0 0 2px 2px rgba(0,0,0,.3) inset;
	-webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,.3) inset;
	box-shadow: 0 0 2px 2px rgba(0,0,0,.3) inset;
}
 

#topnav nav  li.selected a {background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #FFF), color-stop(100%, #ffe19a)); background-image: -webkit-linear-gradient(#FFF, #ffe19a); background-image: -moz-linear-gradient(#FFF, #ffe19a); background-image: -o-linear-gradient(#FFF, #ffe19a); background-image: -ms-linear-gradient(#FFF, #ffe19a); background-image: linear-gradient(#FFF, #ffe19a)}

/* Nav: top Navigation End*/

/* Top Section: image */
section.hero { text-align: center; margin-top:-2px}
section.hero img { width:100%}
/* Top Section: image end */

/* News List Section: news list setup */
#newslist, #general{
	margin:0;
    padding: 0;
    width: 100%;
}
#newslist ul {
    list-style-type: none;
    margin: 0;
    overflow: auto;
    padding: 0;
}
#newslist ul li {
	margin: 0px;
}
#newslist ul li a {
	font-size:100%;
	font-weight:normal;
	color:#000;
    display: block;
    padding: 10px;
    text-decoration: none;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	border-bottom: 1px solid #ddd; 
}

#newslist ul li a:hover {
    background: none repeat scroll 0 0 #edfbeb;
    color: #52844a;
}
#newslist p {float:right; color:#c2c2c5; font-size:18px; font-weight:normal;margin-top:-5px}

#newslist article, #general article { padding:20px 10px 10px;}
#newslist h1, #general h1 {color:#891e1e; font-size:100%; font-weight:bold; border-bottom:3px solid #891e1e; padding-bottom:5px}
#newslist .icon {width:27px; float:left; margin:-5px 5px 0 0}

#newslist article table{
	font-size:100%;
	border-width: 1px;
	border-color: #ffd777;
	border-collapse: collapse;
	width:100%;
	margin-top:10px;
}
#newslist article table td {
	text-align:center;
	border-width: 1px;
	padding: 0px;
	border-style: solid;
	border-color: #ffd777;
	background-color: #ffffff;
}
#newslist article table td a{
   font-weight:normal;
   display: block;
   padding: 15px 0;
   text-decoration: none;
}
#newslist article table td a:link {
   color: #000;
   background-color: #fff;
}
#newslist a:visited {
   color: #6e65b2;
   background-color: #fff;   
   font-size:100%;
}

#newslist article table td a:hover, table td a:active {
   color: #fff;
   background-color: #dbb34c;
}

#newslist .video {margin:0; width:100%; height:72px; background-color:#856dae}
#newslist .video .icon-play{float:right; margin:20px 2px 20px 20px}
#newslist .video .left-img{margin-right:3px; float:left}
#newslist .video .nowrap {text-overflow:ellipsis;overflow:hidden;white-space:nowrap; width:145px;padding:20px 0; color:#FFF}
#newslist .video a:link,a:visited {display:block;height: 100%;color:#FFF;font-weight:normal;text-decoration:none;}
#newslist .video a:hover,a:active {background-color:#7A991A;}
#newslist .video .clear { clear:both}


#newslist article .tool { border-bottom:1px solid #ddd;border-top:1px solid #FFF;border-right:1px solid #FFF;border-left:1px solid #FFF; text-align:left; padding-left:5px}
#newslist article .tool span{color:#378a26; font-size:18px}
#newslist article .way {margin:10px 0 10px 0; padding-bottom:10px; line-height:20px; border-bottom:1px solid #ddd}
#newslist article .way a {display:inline; padding:0; background:#FFF;border-bottom:none}

#newslist article .img {align:center; width:100%;} 
#newslist article .img .top{margin:-20px 0 10px 0}
#newslist article .download { margin-top:20px;color:#000; font-size:100%;}
#newslist ul li .download-icon { float:right; margin-top:5px}
/* News List Section: news list setup end*/

/* General */

#general article a:link, a:active, a:visited {background:none; display:block;}
#general article .red {color:#891e1e; font-weight:bold}

/* General end */


/* Footer */
.footer{
	clear: both;
	margin:20px 0 0 0;
	padding:10px;
	background:#ecfcf3;
	border-top:1px solid #96c69d;
	text-align:center;
}

.footer ul {
    list-style-type: none;
    text-align: center;
    margin: 0 auto;
    padding: 0px;
    display:table;
    overflow: hidden;
}

.footer ul li {
	float: left;
	display:inline-block;
    margin-left: auto ;
    margin-right: auto ;
	padding:0 10px 0 10px;
}
.footer ul li a:link { color:#000; font-weight:normal;}
.footer ul li a:visited {color:#6e65b2; font-weight:normal;font-size:100%; }
.footer ul li a:hover {color:#96c69d; background:none; text-decoration: none; }
.footer p {color:#4a654e; line-height:18px; font-size:90%; font-weight:normal; text-align:center; padding:20px 0;  border-top:1px solid #96c69d; margin:10px 0 0 0px}
/* Footer End */
