@charset "utf-8";
* {
	padding:0px;
	margin:0px;
}
html, body {
	height:100%;
}
body {
	font-family:Arial, Tahoma, Helvetica, sans-serif;
	font-size:13px;
	color: #555566;
	line-height:1.2em;
	background:url(../images/bg.jpg) repeat;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	_zoom: 1;     /* triggers hasLayout */
	_display: block;     /* resets display for IE/Win */
}  /* for IE/Mac */
.clear {
	clear: both;
}
h1, h2, h3, h4, h5, h6 {
	font-family:Arial, Tahoma, Helvetica, sans-serif;
}
h1, h2, h3 {
	font-size:14px;
}
a {
	color:#1c488f;
	text-decoration:none;
}
a:hover, active {
	color:#EB7601;/*text-decoration: underline;*/
}
a img {
	border:none;
}
input {
>margin:2px;
>color: #000000;
>font-size:12px;
}
select, textarea {
	margin:2px;
	color: #000000;
	border:1px solid #99BDDB;
	font-size:12px;
}
input[type=text], input[type=password], input[type=file] {
	margin:2px;
	color: #000000;
	border:1px solid #99BDDB;
	font-size:12px;
}
input[type=checkbox], input[type=radio] {
	/*position:absolute;
clip: rect(6,17,17,6);*/
margin:2px;
	background: transparent;
	border: none;
	vertical-align:middle;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	_zoom: 1;     /* triggers hasLayout */
	_display: block;     /* resets display for IE/Win */
}  /* for IE/Mac */
.clear {
	clear: both;
}
#body_wrap {
	background:url(../images/body_bg.jpg) repeat-y center;
}
#footer_wrap {
	background:url(../images/footer_bg.jpg) no-repeat bottom center;
}
#wrap {
	position: relative;
	width:966px;
	margin:0px auto;
	min-height:760px;
	_height:100%;
}
#header {
	position:relative;
	width:966px;
	height:136px;
	background:url(../images/header.jpg) no-repeat -1px 0;
#background:url(../images/header.jpg) no-repeat 0px 0;
	_background:url(../images/header.jpg) no-repeat 1px 0;
}
#header #logo {
	position:absolute;
	left:30px;
	top:30px;
	width:180px;
	height:103px;
}
#header #menu {
	font-weight:700;
	left:200px;
	position:absolute;
	top:50px;
	width:800px;
}
#header #menu ul li {
	float:left;
	list-style-type:none;
	display:block;
	width:80px;
	height:60px;
}
#header #menu ul li.fourm {
	float:left;
	list-style-type:none;
	display:block;
	width:80px;
}
#header #menu ul li.fourm {
	width:75px;
}
#header #menu ul li.news {
	width:106px;
}
#header #menu ul li.shopping {
	width:123px;
}
#header #menu ul li.member {
	width:120px;
}
#header #menu ul li.download {
	width:100px;
}
#header #menu ul li a {
	color:#ebc452;
	display:inline-block;
 #display:block;
	text-indent:-9999em;
	width:100%;
	height:100%;
}
#header #lang {
	position:absolute;
	right:28px;
	top:1px;
}
#header #lang a {
	color:#494949;
	font-family:arial;
	font-weight:bold;
}
#header #submenu {
	position:absolute;
	left:184px;
	top:78px;
	width:570px;
	float:left;
}
#header #submenu a, span {
	height: 21px;
	display:block;
	float:left;
	padding:0px 3px;
}
#header #submenu #myon9_btn {
	width: 72px;
	background:url("../images/myon9_btn03.png") no-repeat 3px 0;/*
background:url("../images/myon9_btn03.png") no-repeat 3px 0!important;
background: url("../images/myon9_btn03.gif") no-repeat 3px 0;
not working here cause effect :hover
*/
}
/*
* html #header #submenu #myon9_btn
{
background: url("../images/myon9_btn03.gif");
}
*/
#header #submenu #myon9_btn:hover, active {
	background: url("../images/myon9_btn03_roll.png") no-repeat 3px 0;
}
#header #submenu #news_forum_btn {
	width: 100px;
	background: url("../images/news_forum_btn01.png") no-repeat 3px 0;
}
#header #submenu #news_forum_btn:hover, active {
	background: url("../images/news_forum_btn01_roll.png") no-repeat 3px 0;
}
#header #submenu #seeads_btn {
	width: 100px;
	background: url("../images/seeads_btn02.png") no-repeat 3px 0;
}
#header #submenu #seeads_btn:hover, active {
	background: url("../images/seeads_btn02_roll.png") no-repeat 3px 0;
}
#header #search {
	bottom:30px;
	position:absolute;
	right:60px;
	vertical-align:middle;
}
#header #search input.search_txt {
	background: url("../images/search_txt.jpg") no-repeat 0;
	height:24px;
	width:99px;
	border:none;
	line-height:24px;
	padding:4px 0 0 0;
	text-indent:8px;
	vertical-align:middle;
	margin:0;
}
#header #search input.search_btn {
	vertical-align:middle;
	margin:0;
	border:none;
	background:none;
}
#content_wrap {
	float:left;
	width:950px;
	padding:0 0 0 8px;
#padding:0 0 0 10px;
	height:auto;
}
/*
* html #content_wrap
{
magin-bottom:0px;
padding-bottom:38px;
}
*+html #content_wrap
{
magin-bottom:0px;
padding-bottom:38px;
}
*/

#footer {
	width:950px;
	height:80px;
	margin:38px auto 0;
	overflow:hidden;
	color: #494949;
	text-align:center;
}
.footer_nav {
	background:url(../images/footer_nav.jpg) no-repeat 0 center;
	height:26px;
	line-height:26px;
	margin:4px 0 12px 200px;
	#margin:4px 0 12px 80px;
	width:580px;
	text-align:left;
}
#footer .footer_nav a {
	display:inline-block;
#display:block;
	float:left;
	text-indent:-9999em;
}
.footer_nav a.vhome {
	width:30px;
}
.footer_nav a.vabout {
	width:60px;
}
.footer_nav a.vcontent {
	width:60px;
}
.footer_nav a.vp {
	width:60px;
}
.footer_nav a.vc {
	width:60px;
}
.footer_nav a.va {
	width:60px;
}
/*
* html #footer
{
padding-top:-38px;
}
*+html #footer
{
padding-top:-38px;
}
*/
#footer a {
	margin:0 0.2em;
	padding:0 10px;
	font-size:12px;
	color:#ffffff;
}
#footer #copyright {
	padding-top:3px;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
}
#footer #copyright a {
	font-size:10px;
	color: #FD992B;
}
#footer #copyright a:hover, active {
	color:#00aafd;
}
#footer a:hover, active {
	color:#474747;
}
#left {
	position: relative;
	float:left;
	width:151px;
	padding:0 0 0 2px;
	overflow:hidden;
}
#right {
	position: relative;
	float:left;
	width:795px;
}
#login {
	padding:0px 12px 0;
	position:relative;
	width:130px;
	height:173px;
	background:url(../images/login.png) no-repeat;
}
#login .login_txt {
	width:115px;
	height:16px;
	border:1px solid #474747;
}
#login .login_btn {
	background:#254666 url(../images/login_btn.jpg) no-repeat;
	width:68px;
	height:23px;
	border:none;
	margin:0 32px;
}
#login .button {
	padding:4px 0 0 5px;
	width:140px;
	height:47px;
}
#login .pass {
	padding:4px 0 0 4px;
}
#login .pass a {
	color:#FFFFFF;
	font-size:11px;
}
#login .pass a:hover, active {
	color: #00FFFF;
}
#login_member {
	position:relative;
	width:150px;
	height:156px;
	background:#254666;
	margin-bottom:5px;
}
#login_member h3 {
	color:#FFFFFF;
	margin:2px 0;
}
#login_member .pagetxt {
	font-size:12px;
	color:#FFFFFF;
	padding-left:5px;
}
#login_member .page_date {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	color:#FFFFFF;
	padding-right:5px;
}
#login_member .button {
	padding:4px 0 0 5px;
	width:140px;
	height:47px;
}
#left .border {
	width:148px;
	background-color:#FFFFFF;
	border:1px solid #99BDDB;
	margin-bottom:5px;
	overflow:hidden;
}
.border_line {
	border-bottom:1px solid #99BDDB;
	border-right:1px solid #99BDDB;
	background:url(../images/border_line_bg.jpg) repeat-x;
	height:23px;
	text-align:left;
}
#left .border_pic {
	width:124px;
	height:64px;
	border:1px solid #99BDDB;
	margin:2px 0;
	margin-left:8px;
}
#left .border_pic2 {
	width:75px;
	height:75px;
	border:1px solid #99BDDB;
	margin:2px 0;
	margin-left:32px;
}
.border_title {
	clear:both;
	width:97%;
	font-size: 14px;
	font-weight: bold;
	padding:3px;
}
.border_text {
	clear:both;
	width:97%;
	font-size:12px;
	margin:0 auto;
}
#left .border_date {
	margin:0 4px 2px 0;
	font-family: Arial, Helvetica, sans-serif;
	color:#7F7F7F;
	font-size:11px;
	text-align:right;
}
#left .border_more {
	width:100%;
	height:12px;
	background:#d7edff;
}
#left .border_more img {
	float:right;
	padding-right:10px;
}
#left #shop {
	width:148px;
	background-color:#4F85B7;
	border:1px solid #99BDDB;
	margin-bottom:5px;
	overflow:hidden;
}
#left #shop #head_pic {
	width:150px;
	padding-bottom:6px;
}
#left #shop .product {
	width:150px;
}
#left #shop .product img {
	width:140px;
	border:1px solid #99BDDB;
	margin:0 3px 3px;
}
#left #shop hr {
	width:90%;
	height:1px;
	color:#6c9cc2;
	background-color:#6c9cc2;
	border:none;
	margin-left:auto;
	margin-right:auto;
	margin-top:8px!important;
	margin-bottom:8px!important;
>margin-top:0px!important;
>margin-bottom:0px!important;
>margin-top:0px;
>margin-bottom:0px;
}
#left #shop .product a {
	display:block;
	width:90%;
	color:#FFFFFF;
	margin:0 auto 2px auto;
	text-align:left;
}
#left #shop .product :hover, active {
	color:#FD992B;
}
#left #google_border {
	width:148px;
	overflow:hidden;
	text-align:center;
}
#left #google_border img {
	padding:3px 0;
}
#left .google_line {
	border-bottom:1px solid #99BDDB;
	height:24px;
}
#left .google_text {
	width:140px;
	padding:5px;
	font-size:11px;
}
.banner_big {
	width:950px;
	height:180px;
	overflow:hidden;
	margin-bottom:5px;
	padding:0 0 0 8px;
}
.banner_small {
	width:598px;
	height:64px;
	overflow:hidden;
}
.banner_right {
	width:192px;
	height:auto;
	overflow:hidden;
	margin-bottom:5px;
}
#center_left {
	position:relative;
	float:left;
	width:600px;
}
#center_right {
	position:relative;
	float:right;
	width:192px;
	margin-left:3px;
}
.bg_shadow {
	position:relative;
	margin-left:5px;
	margin-top:3px;
	padding-bottom:3px;
	width:595px;
	background:url("../images/bg_shadow.png") right bottom no-repeat;
}
.border_shadow {
	position:relative;
	width:593px;
	background-color:#9fd6eb;
	border:1px solid #99BDDB;
	margin-left:-5px;
	margin-top:-3px;
	overflow:hidden;
}
.bg_shadow_big {
	position:relative;
	margin-left:5px;
	margin-top:3px;
	padding-bottom:3px;
	width:790px;
	background:url("../images/bg_shadow.png") right bottom no-repeat;
	text-align:left;
}
.border_shadow_big {
	position:relative;
	width:787px;
	background-color:#9fd6eb;
	border:1px solid #99BDDB;
	margin-left:-5px;
	margin-top:-3px;
	overflow:hidden;
	line-height:24px;
}
#right #hot_topic {
	width:190px;
	background-color:#ffffff;
	border:1px solid #99BDDB;
	overflow:hidden;
}
#right #hot_topic .color1 {
	width:182px;
	height:auto;
	background-color:#ffe1e1;
	padding:8px 4px;
	border-bottom: 1px #cb9e9e dashed;
}
#right #hot_topic .color2 {
	width:182px;
	height:auto;
	background-color:#ffffff;
	padding:8px 4px;
	border-bottom: 1px #cb9e9e dashed;
}
#right #hot_topic .no_border {
	border-bottom: none;
}
#right .btn {
	position:relative;
	margin-left:3px;
	margin-right:3px;
	height:25px;
	overflow:hidden;
}
.barbtn {
	display:none;
}
#right .btn .icon {
	float:right;
}
#right .btn .pages {
	float:left;
	margin:4px 0 auto 0;
	background:none;
	border:none;
	height:24px;
	line-height:26px;
	padding:0 1px;
}
#right .btn .pages img {
	vertical-align: text-top;
}
#right .btn .pages a {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin:0 2px;
	float:none;
	padding:0 1px;
}
#right .btn .pages .active {
	color:#FF00FF;
	text-decoration:underline;
}
.space_h5 {
	clear:both;
	width:100%;
	height:5px;
	overflow:hidden;
}
.personal {
	width:95%;
}
.subtitle {
	background:#40a7d3;
	color:#3b4b6f;
}
.logout {
	background:#FFF8C5 none repeat scroll 0 0;
	border-color:#FFFDEE #FDB939 #FDB939 #FFFDEE;
	border-style:solid;
	border-width:1px;
	color:#009900;
	margin-right:1em;
	padding:0 10px;
	display:none;
}
#login .login_type {
	height:40px;
	line-height:40px;
	padding:0;
}
#login .login_type a {
	color:#e2ce0a;
}
.login {
	text-align:left;
	text-indent:0.2em;
}
.dot {
	width:90%;
}
.download_icon {
	width:100px;
}
.download_icon img {
	border:1px solid #999;
	padding:0;
	margin:0 6px;
}
.download_site table {
	width:100%;
	border-left:1px solid #9fd6eb;
}
.download_site table td {
	height:40px;
	line-height:40px;
	padding:0 0 0 3px;
}
.download_site table td img {
	vertical-align:middle;
}
.download_info {
	width:300px;
}