* {margin:0; padding:0;}
 ul {list-style-type:none;}
 a {text-decoration:none; margin:0; padding:0; color:#0099FF; }
img {border:0;}

body {font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#333333;}

#wrapped {width:1000px; padding:0px; margin:0 auto; }
#tpan {width:990px; float:left; height:80px; background:#272727; padding:0 5px;}
#tpan ul {font-size:11px; width:990px; height:55px; margin-top:25px; font-weight:bold;}
#tpan li {display:inline; width:96px; text-align:center; height:32px; float:left; margin:0 1px; }
#tpan li a {color:#fff; display:block; width:96px; position:relative;}
#tpan li a:hover {background:url(images/menu-b.jpg) no-repeat top left; color:#FFFFFF;}
#tpan li a:active {background:url(images/menu-b.jpg) no-repeat top left;}
.ma-top {padding-top:9px; width:96px; height:23px;}
.ma-two {padding-top:1px; width:96px; height:31px;}
#logingb {width:490px; height:47px; float:right; background:url(images/login-back.jpg) no-repeat top right; display:block;}
#content1 {width:950px; padding:0 25px; height:350px; float:left;}
#content1 .logo {height:100px; width:910px; float:left; margin:15px 0;}
#content1 .logo2 {height:100px; width:630px; float:left; margin:15px 0;}
#content1 .matter {width:460px; float:left; letter-spacing:1px; line-height:24px; text-align:justify; padding-left:10px;}
#content1 .matter2 {width:605px; float:left; letter-spacing:1px; line-height:28px; text-align:justify; padding-left:10px; font-size:17px;}
.mattercont {float:left; margin-top:25px; text-align:justify; width:935px; line-height:19px; padding-left:10px;}
.mattercont-left {float:left; text-align:justify; width:450px; line-height:19px;}
.mattercont-right {float:left; text-align:justify; width:450px; line-height:19px; margin-left:25px;}

#content1 a {color:#666666; text-decoration:underline;}
#content1 .read {width:460px; float:left; margin-top:20px;}
#content1 .book {width:auto; height:auto; float:right; margin:-40px -15px 0 0; position:relative; display:block;}
#content2  {width:950px;  padding:0 25px; background:url(images/back-news.jpg) repeat-x top; float:left;}
#content2 .latestnews {width:950px; height:50px; float:left; margin:10px 0;}
#content2 .box {float:left; width:304px;}
#content2 .box p{ padding:0 2px; height:135px; text-align:justify; color:#FFFFFF; line-height:17px;}
#content2 .readmore {width:300px; margin:0px 4px 10px 0; float:left;}
#content2 .readmore2 {width:300px; margin:0px 4px 10px 0; float:left; }
#content2 .readmore3 {width:300px; padding:0px 4px 0 0;}
.title {font-size:17px; color:#113a8a; width:300px; float:left; font-weight:bold; margin:5px 0; text-align:justify;}
.colorblue {font-size:15px; color:#0070c0; float:left; font-weight:bold;}
.titlemater {padding:0 2px 10px 2px; text-align:justify; line-height:17px; height:100px;  float:left; }
#footer {width:940px; padding:0 30px; height:220px;  float:left; background:#2c2c2c; margin-top:25px;}
#footer ul {color:#CCCCCC; width:205px; float:left; margin-top:25px;}
#footer ul li {margin:10px 0; width:220px; padding-left:20px; background:url(images/bullet.png) no-repeat top left;}
#footer ul li a {color:#FFF; font-size:14px; }
#footer ul li a:hover {color:#FFF;}
.blog {float:right; width:330px; height:84px; margin-top:-10px;}
.sitemap {float:left; font-size:18px; font-weight:bold; color:#FFF; margin-bottom:10px; display:block; height:25px; width:200px; position:relative;}
.cont {width:120px; float:left; margin-left:20px; margin-top:25px;}
.contact {float:left; font-size:18px; font-weight:bold; color:#FFF; margin-bottom:10px;}
.cont p{font-size:14px; color:#FFF; line-height:19px;}
.black {font-weight:bold; color:#000;}
.blue {font-weight:bold; color:#4872ae;}
.skyblue {color:#93cddd; font-size:16px;}
.skybluei {color:#93cddd; font-size:14px; font-style:italic;}
.b-bullet {background:url(images/b-bullet.png) no-repeat; height:14px; width:14px; float:left; margin-top:2px; margin-right:5px; }


#foot {width:1000px; height:25px; font-weight:bold; font-size:11px; padding-top:5px; float:left; }
.right {float:right; padding-right:15px; width:auto;}
.left {float:left; padding-right:15px; width:auto; padding-left:15px;}
#foot ul{ float:right; display:inline; }
#foot ul li { float:right; color:#999; text-align:center;}
#foot ul li a { float:right; padding:0 10px; color:#333; float:left;}

/*

#form {float:left; font-size:12px; padding:5px; width:480px; height:47px; }
#form .flabel {width:65px; float:left; margin:2px 3px; text-align:right; padding-top:8px; color:#FFFFFF;}
#form .finput {width:132px; border: none; margin:8px 0 0 4px; padding:3px 0 0 3px; height:20px; float:left; background:none; color:#FFF; }
#form .login {background:url(images/login.png) no-repeat; float:right; margin:10px 8px 0 0px;  width:74px; height:26px; border:0;}*/

#ss {width:448px; height:145px; float:left; text-align:center; }
.rc  {width:85px; background:#adccfa; float:left; height:24px; border:1px solid #fff; padding-top:2px; font-weight:bold;}
.rc1 {width:85px; background:#ddebff; float:left; height:24px; border:1px solid #fff; padding-top:2px;}
.rc2 {width:85px; background:#cce0fe; float:left; height:24px; border:1px solid #fff; padding-top:2px;}
.rc3 {width:85px; background:#bad5fc; float:left; height:24px; border:1px solid #fff; padding-top:2px;}
.rc4 {width:85px; background:#adccfa; float:left; height:24px; border:1px solid #fff; padding-top:2px;}

.shopping {width:520px; height:200px; float:left; padding-top:5px; padding-left:5px; margin-top:10px; font-size:14px;}
.sc1 {width:190px; float:left; height:50px;}
.sc2 {width:60px; float:left; height:50px; text-align:center; color:#0033CC; font-size:16px;}
.sc3 {width:100px; float:left; height:50px; text-align:center; margin-left:25px; margin-top:-10px;}
.sc4 {width:60px; float:left; height:50px; text-align:center;}
.shopping1 {width:200px; height:100px; float:right; padding-top:5px; padding-left:5px; font-size:14px; margin-right:50px;}

.bookdown {width:295px; height:125px; float:left; text-align:center; color:#93cddd; font-size:14px;}
.border {float:left; height:auto; width:auto; border-left:5px solid #385d8a; padding:3px 0 3px 10px; margin-bottom:15px;}

.blog-box {width:350px; height:auto; float:left;}
.blog-box-hadding {font-size:16px; color:#FFFFFF; float:left; width:330px; padding-bottom:10px; font-weight:bold;}
.blog-box-top {width:350px; height:11px; float:left; background:url(images/blog_b_top.gif) no-repeat;}
.blog-box-cont {width:330px; padding:0 10px; height:auto; float:left; background-color:#7496bc; text-align:justify; color:#FFFFFF;}
.blog-box-bot {width:350px; height:11px; float:left; background:url(images/blog_b_bot.gif) no-repeat;}
.blog-box-v-hadding {font-size:14px; color:#fff; float:left; width:330px; padding-bottom:10px; background-color:#000; font-weight:bold; padding-top:5px;}

.blog-mt {width:350px; height:auto; float:left;}
.blog-mt-hadding {font-size:16px; color:#FFFFFF; float:left; width:330px; padding-bottom:10px; font-weight:bold;}
.blog-mt-top {width:350px; height:11px; float:left; background:url(images/mt_top.gif) no-repeat;}
.blog-mt-cont {width:330px; padding:0 10px; height:auto; float:left; background-color:#6e8fb4; text-align:justify; color:#FFFFFF;}
.blog-mt-bot {width:350px; height:11px; float:left; background:url(images/mt_bot.gif) no-repeat;}
.blog-mt-v-hadding {font-size:14px; color:#fff; float:left; width:330px; padding-bottom:10px; background-color:#000; font-weight:bold; padding-top:5px;}

.sblog-box {width:165px; height:auto; float:left;}
.sblog-box-hadding {font-size:16px; color:#FFFFFF; float:left; width:145px; padding-bottom:10px; font-weight:bold;}
.sblog-box-top {width:165px; height:11px; float:left; background:url(images/sb_top.gif) no-repeat;}
.sblog-box-cont {width:145px; padding:0 10px; height:auto; float:left; background-color:#7496bc; text-align:justify; color:#FFFFFF;}
.sblog-box-bot {width:165px; height:11px; float:left; background:url(images/sb_bot.gif) no-repeat;}

.s2blog-box {width:165px; height:11px; float:left;}
.s2blog-box-hadding {font-size:16px; color:#FFFFFF; float:left; width:155px; padding-left:10px; padding-bottom:5px; font-weight:bold; background-color:#7496bc;}
.s2blog-box-top {width:165px; height:5px; float:left; background:url(images/sb_top.gif) no-repeat;}
.s2blog-box-cont {width:145px; padding:0 10px; height:auto; float:left; background-color:#e8fbf8; text-align:justify; color:#666;}
.s2blog-box-bot {width:165px; height:11px; float:left; background:url(images/2sb_bot.gif) no-repeat;}


.cont6-box {width:585px; height:auto; float:left; margin-left:0px;}
.cont6-box-top {width:585px; height:31px; float:left; background:url(images/cont6_box-top.png) no-repeat;}
.cont6-box-cont {width:565px; padding:0 10px; height:auto; float:left; text-align:justify; color:gray; background:url(images/cont6_box_mid.gif) repeat-y;}
.cont6-box-bot {width:585px; height:9px; float:left; background:url(images/cont6_box_bot.gif) no-repeat;}


.form {float:left; font-size:12px; width:400px; }
.flabel {width:100px; float:left; text-align:left; margin-right:5px; padding-top:3px; color:#706C80; height:17px;}
.finput {width:217px; border:1px solid gray; margin:1px 0px; background-color:#EFEFEF; height:17px; }
.msgcontent {display:block; background:#efefef; border:1px solid gray; min-width:180px; height:70px;  margin-top:1px;}
.form .submit { float:left; margin:5px 5px 0 105px; background-color:#000000; color:white; border:1px solid gray; }

#resize-box{ border:1px solid #555;
			background-color:#f0f0f0;
			border:1px dashed #a0a0a0;
			float:right; position:relative;	}
		
		#resize-box:hover{ float:right;
			background-color:#e0e0e0;
		}		

		#resize-box a{ float:right;
			font-size:18px;
			font-family:Arial,sans-serif;
			text-decoration:none;
			color:#909090;
			display:block;
			float:left;
			padding:2px 5px;
		}

		#resize-box a:hover{
			/*color:#303030;*/
			color:#FFF;
		}