@charset "utf-8";
body,html{
	margin: 0px;
	padding:0px;
	font-family:  Arial;
	font-size: 12px;
	color:#333333;
	background:url(images/topbg.jpg) left top repeat-x;
}
img{ border:none;}
a{ color:#333333; text-decoration:none;}
a:hover{ color:#2273BE; text-decoration:none;}
#content{ width:981px; margin:0 auto; position: relative; z-index:999;}
#topmain{ height:102px; width:981px; margin-bottom:21px; position: relative; z-index:999;}
#top{
	margin:0px;
	padding:0px;
	padding-left:302px;
	padding-top: 20px;
	
}
#top ul{ margin:0px; padding:0px; list-style:none;}
#top ul li{ margin-left:9px; float:left; }
#top ul li a{
	color:#FFFFFF;
	text-decoration:none;
	background:url(images/icon1.gif) left no-repeat;
	padding-left: 8px;
	line-height:18px;
}
#top ul li a:hover{color:#CCE0FF;}
#topmeau{ height:41px;}
#topmeau ul{ padding:0px; margin:0px; list-style:none;}
#topmeau li{
	margin:0px;
	padding:0px;
	background:url(images/meaubg.jpg) right top no-repeat; 
	float: left;
}
#topmeau li a{
	color:#333333;
	text-decoration:none;
	padding-left:15px;
	padding-right:15px;
	height:41px;
	line-height:41px;
	display:block;float: left;
	font-weight: bold;
}
#topmeau li a:hover{ background-color:#CCE0FF; color:#000066;}
#flash{ width:981px; height:414px; margin-bottom:14px; position: relative; z-index:-999;}

#about{ background-color:#F6F6F6; width:943px; padding-top:14px; padding-left:19px; padding-right:19px; height:131px; padding-bottom:10px; margin-bottom:11px; }
#aboutleft{
	float:left;
	margin-right:34px;
	width:642px;
}
#aboutleftimg{
	float:left;
	margin-right:21px;
	padding-top: 6px;
}
#aboutright{ float:right;}
.title{
	background:url(images/icon4.gif) left no-repeat;
	padding-left:31px;
	color:#2273BE;
	font-size:14px;
	line-height:33px;
}
#br{
	background:url(images/br.gif) left bottom repeat-x;
	margin-left:0px;
	float:left;
	width:505px;
	margin-bottom:6px;
}
.wenzi{
	line-height:18px;
	color:#333333;
}
#br2{
	background:url(images/br.gif) left bottom repeat-x;
	margin-left:0px;
	width:263px;
	margin-bottom:6px;
}
.title2{ background:url(images/onlineicon.jpg) left no-repeat; padding-left:23px; color:#2273BE; font-size:14px; line-height:30px;}
#aboutright ul{ padding:0px; margin:0px; list-style:none;}
#aboutright li{
	margin:0px;
	padding:0px; 
	float: left;
	margin-left:6px;
	margin-right:6px;
	margin-top:18px;
}
#main{ width:981px; padding-bottom:28px;}
#maindiv{ float:left; background:url(images/boder3.jpg) right top repeat-y; padding:20px; padding-top:14px; margin-bottom:28px;}
#fotter{
	width:100%;
	clear:both;
	background:url(images/br.gif) left top  repeat-x;
	text-align: center;
	border-bottom:#82898F solid 3px;
	margin-bottom:1px;
	padding-bottom: 8px;
}
#fotter a{ text-decoration:none;}
#fotter1{
	width:100%;
	clear:both;
	background:#F5F5F5;
	text-align: center;
	line-height: 30px;
	padding-top: 8px;
	padding-bottom: 70px;
}
#maindiv1{ float:left; width:116px; margin-right:21px;}
#maindiv1 ul{ margin:0px; padding:0px; list-style:none;}
#maindiv1 ul li{ display:block; width:116px; height:77px; margin-bottom:8px;}
#maindiv1right{
	float:left;
	width:200px;
}
#brnonne{
	background:url(images/br.gif) left bottom repeat-x;
	margin-left:0px;
	float:left;
	margin-bottom:6px;
	width: 100%;
}
.blue{
	color:#003399;
	font-weight:bold;
	display:block;
	line-height: 19px;
	padding-left: 8px;
}
#list{
	width:100%;
	padding-left:8px;
	margin-top:28px;
	font-size: 13px;
}
#list ul{ margin:0px; padding:0px; list-style:none;} 
#list ul li{ display:block; background:url(images/icon2.gif) left no-repeat;padding-left:11px; line-height:22px;}
#list ul li a{ color:#333333;}
#list ul li a:hover{ color:#2273BE;}
.textcenter{ text-align:center;}
#maindiv2{
	float:left;
	padding:20px;
	padding-top:14px;
	margin-bottom:28px;
	width:190px;
}
#list2{ width:100%; padding-left:8px; margin-top:23px;}
#list2 ul{ margin:0px; padding:0px; list-style:none;} 
#list2 ul li{ display:block; background:url(images/icon2.gif) left top no-repeat;padding-left:11px; line-height:20px; margin-bottom:32px;}
#list2 ul li a{ color:#333333; text-decoration:none;}
#list2 ul li a:hover{ color:#2273BE;}
#list2 ul li span{ color:#003399;
	font-weight:bold; display:block;}
#aboutpic{ width:981px; height:151px; margin-bottom:22px;}
#aboutmain1{
	width:529px;
	float: left;
	margin-right: 11px;
}
#aboutdiv1{ float:left; width:202px; margin-right:11px; padding:10px; padding-top:0px; padding-right:0px;}
#aboutdiv1 a{ text-decoration:none;}
#aboutdiv2{
	float:left;
	width:519px;
	padding-top:0px;
	background:url(images/boder3.jpg) right top repeat-y;
	padding-left:0px;
	padding-right:10px;
	margin-bottom: 23px;
}
#aboutdivmain{
	float:left;
	width:509px;
	background:url(images/boder3.jpg) left top repeat-y;
	padding-left:10px;
	line-height:20px;
	text-transform:none;
	padding-bottom:20px;
	
}
#aboutdiv3{
	float:left;
	padding:0px;
	padding-top:0px;
	margin-bottom:28px;
	width:200px;
}
.lefttitle{
	background:url(images/icon4.gif) left no-repeat;
	padding-left:31px;
	color:#003399;
	font-size:15px;
	line-height:33px;
	font-weight: bold;
}
.lefttitle a{color:#003399;}
.lefttitle a:hover{ background-color:#CCE0FF;}
#leftlist{
	width:93%;
	padding-left:8px;
	float:left;
	margin-top:5px;
	margin-left:8px;
	background:url(images/br.gif) left bottom repeat-x;
	padding-bottom:16px;
}
#leftlist ul{ margin:0px; padding:0px; list-style:none;} 
#leftlist ul li{ display:block; background:url(images/icon2.gif) left no-repeat;padding-left:11px; line-height:20px;}
#leftlist ul li a{ color:#333333; text-decoration:none;}
#leftlist ul li a:hover{ color:#2273BE;}
#abouimg{
	
	
	clear: both;
	height: 154px;margin-bottom:25px;
}
.imgMiddle {
	width:150px;
	height:150px;
	float:left;
	margin:0 20px 6px 4px;
	padding:2px;
	background-color:#fff;
	border:1px solid #b9b9b9;
}

#abouimg ul{ margin:0px; padding:0px; list-style:none;}
#abouimg li{ float:left; width:152px; height:154px;margin-top:10px;}
#aboutcontent{
	font-size:13px;
	clear:both;
	padding-top:10px;text-align: justify; 
}
#topimg{ text-align:right; margin-bottom:16px;}
#aboutcontent1{
	clear:both;
	padding-top:10px;
}
#aboutcontent1 p {
	font-size:12px;
	color:#333;
	line-height:20px;
	margin:0 5px 20px 5px;
	padding:0;
}
#aboutcontent2{
	clear:both;
	padding-top:10px;
}
#aboutcontent2 p {
	font-size:13px;
	color:#333;
	line-height:20px;
	margin:0 5px 20px 5px;
	padding:0;
}
.imgMiddle {
	width:150px;
	height:150px;
	float:left;
	margin:0 20px 6px 4px;
	padding:2px;
	background-color:#fff;
	border:1px solid #b9b9b9;
}
.space {clear:both;}
h3 {
	font-size:13px;
	color:#3a6b50;
	line-height:18px;
	margin:0 5px 20px 5px;
	padding:0;
}
h5 {
	font-size:13px;
	color:#3a6b50;
	line-height:18px;
	margin:0 5px 6px 5px;
	padding:0;
}
#aboutcontent1 th {
	font-size:12px;
	color:#0033FF;
	background-color:#F8F8F8;
	text-align:left;
	padding-left: 8px;
}

#aboutcontent1 td {
	font-size:12px;
	color:#333;padding-left: 8px;
}
#aboutcontent1 ul {
	font-size:12px;
	font-weight:bold;
	line-height:20px;
	margin:0 0 20px 5px;
	padding:0;
	color:#3e4528;
}

#aboutcontent1 li {
	font-size:12px;
	font-weight:normal;
	line-height:20px;
	margin:4px 0 0 20px;
	list-style:url(images/icon_arrowLi.gif) outside;
	color:#333;
}
#aboutcontent1 a {
	color:#497f02;
	text-decoration:underline;
}
#aboutcontent2 a {
	color:#497f02;
	text-decoration:underline;
}
/** for page Production Video ************************************************/
.video {
	font-size:12px;
	color:#333;
}

#videoWrappwr {
	margin-bottom:10px;
	text-align:left;
}

#videoWrappwr p{
	font-size:11px;
	color:#333;
	line-height:14px;
	margin:6px 5px 8px 5px;
}

#videoWrappwr img{
	border:none;
}

.V120img img {
	border:1px solid #999;
	width:120px;
	height:90px;
	padding:1px;
	margin:20px 0 0 0;
}
.imgButton {
	border:none;
	margin:10px 8px 10px 5px;
	display: block;
}
#SubjectBox {
	text-align:left;
	margin:0 5px 20px 5px;
	border:1px solid #aab9bb;
	padding:4px;
}
#SubjectBox ul {
	font-size:12px;
	font-weight:bold;
	line-height:20px;
	margin:0 0 20px 5px;
	padding:0;
	color:#445b01;
}

#SubjectBox li {
	font-size:11px;
	font-weight:normal;
	line-height:14px;
	margin:4px 4px 0 20px;
	list-style:url(images/icon_arrow.gif) outside;
	color:#333;
	border-bottom:1px dashed #999;
	padding:0 0 2px 0;
}
.imgSmall {
	width:80px;
	height:80px;
	float:left;
	margin:0 14px 6px 4px;
	padding:2px;
	background-color:#fff;
	border:1px solid #b9b9b9;
}
#translate-this{
	position: absolute;
	z-index:999;
	left: 804px;
}
/** video ************************************************/
#movie {
	height: 335px;
}
#PageNav {
	text-align:left;
	margin:0 0 20px 0;
	border-left:2px solid #fff;
	border-right:2px solid #fff;
	background-color:#003399;
	padding:6px 20px;
}
#video_container {
	text-align:center;
	margin:20px;
	padding:2px;
	border-bottom:1px solid #ccc;
}
#window_wrapper {
	width: 700px;
	background: #fff;
	text-align: left;
	margin:0 auto;
}

#window_wrapper h1 {
	margin:0;
	padding:0;
	position:absolute;
	top:-10000px;
}

#window_wrapper #container {
	margin:10px 15px;
	padding: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666666;
}

#window_wrapper h3 {
	font-size:14px;
	color:#003399;
	line-height:18px;
	margin:0 5px 20px 5px;
	padding:0;
}

#window_wrapper h6 {
	color:#666666;
	font-size:10px;
	font-weight:normal;
	margin:0 15px;
	padding:0 10px 20px 10px;
	text-align:center;
}

#window_footer {
	padding:20px 20px 0 20px;
	text-align:center;
	background-image:url(../images/bg_footer.gif);
	background-position:top;
	background-repeat:repeat-x;
	border-top:1px solid #ccc;
}

#window_footer p{
	font-size:11px;
	margin:0 0 16px 0;
	padding:0;
	color:#445b01;
}

#window_footer a {
	color:#003872;
	text-decoration:none;
}

#window_footer a:hover {
	color:#006633;
	text-decoration:none;
}

#video_container {
	text-align:center;
	margin:20px;
	padding:2px;
	border-bottom:1px solid #ccc;
}

.window_video {
	text-align:center;
	margin:0 auto;
	padding:4px;
	border:2px solid #aab9bb;
}
#video_container a {color:#497f02;
	text-decoration:underline;}
#video_container p {
	font-size:11px;
	color:#333;
	line-height:16px;
	margin:20px;
	padding:0;
}
#PageNav h4 {
	font-size:13px;
	margin:0;
	padding:0;
	color:#fff;
}

#PageNav a {
	color:#fff000;
	text-decoration:none;
}

#PageNav a:hover {
	color:#030;
	text-decoration:none;
}

#sitemap_o
{
	line-height: 1.6;
}
#sitemap_o a
{
	color: #000;
}
#sitemap_o h3
{
	padding-top: 15px;
	clear: both;
}
#sitemap_o h3 a
{
	font-size: 14px;
}
#sitemap_o ul
{
	list-style-type: none;
}
#sitemap_o ul li
{
	padding-left: 5px;
	width: 320px;
	float: left;
	background:url(images/icon_arrowLi.gif) no-repeat 7px 30px;
}
#sitemap_o ul ul
{
	list-style-type: circle;
	margin-left: 20px;
}
#sitemap_o ul ul li
{
	padding: 0;
	width: 280px;
	float: none;
	background: none;
	color: #333;
}
#sitemap_o ul ul li a
{
	font-size: 11px;
	font-family: tahoma;
	color: #333;
}