/*
 * Created: runner
 * LastChangedDate: 2010-05-11 19:58:00 +0800 (??, 11  2009) 
*/
/* margin padding */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* dom */
dl, dt, dd, ul, ol, li,/* list */
pre, /* code */
form, fieldset, legend, button, input, textarea, /* form */
th, td /* table */{ margin: 0; padding: 0; }
/* set fontsize */
body,
button, input, select, textarea { font: 12px/1.5 tahoma, arial, simsun, sans-serif; }
/* father font-size */
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
/* font-style format */
address, cite, dfn, em, var { font-style: normal; }
/* font width */
code, kbd, pre, samp { font-family: courier new, courier, monospace; }
/* for chinese clear */
small { font-size: 12px; }
/* list no style */
ul, ol { list-style: none; }
/* link */
a, a:visited{ text-decoration: none; color: #666; }
a:hover,a:active { text-decoration: underline; color: #0066cc; }
/* set row spacing */
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
/* form */
legend { /* for ie6 */ color: #000; }
fieldset, img { border: 0; }
button, input, select, textarea { font-size: 100%; }
/* table */
table { border-collapse: collapse; border-spacing: 0; }
/* useful */
.clear{ font-size: 0; line-height: 0; height: 0; clear: both; visibility: hidden; overflow: hidden; }
.clearfix:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix{ display: inline-block; }
.clearfix{ display: block; }
:focus{ outline: 0; }
/*a,area {blr:expression(this.onFocus=this.blur()) }  for IE 
:focus {-moz-outline-style: none; }  for Firefox   
*/
/* color */
.red,.red a{ color: #c00!important; text-decoration: none; }
.red a:hover{ color: #c00!important; text-decoration: underline; }
/* from  */
.i-text{ border: 1px solid #9C9C9C; color: #000000; font-size: 15px; height: 24px; line-height: 24px; padding: 3px 0 2px 3px; }
.i-text-index{ vertical-align: middle; height: 16px; line-height: 17px; padding: 2px; border: 1px solid #9C9C9C; }
.btn,.btn span,.btn input{ cursor: pointer; font-family: Tahoma; outline: medium none; display: inline-block; height: 32px; line-height: 32px; font-size: 14px; background: transparent; border: medium none; }
.btn-icon{ cursor: pointer; display: inline-block; font-size: 12px; line-height: 100%; text-align: left; text-decoration: none; vertical-align: middle; }
html{ overflow-y: scroll; }
.containter{ width: 950px; margin: 0 auto; }
.header{ height: 50px; position: relative; margin-top: 10px; }
	.header .logo h1 a{ width: 320px; height: 40px; background: url(../images/logo.gif) no-repeat 0 0; text-indent: -9999px; float: left; }
	.header .top-nav{ position: absolute; text-align: right; right: 0; }
/* nav */
.nav{ height: 70px; background: url(../images/nav_bg.gif) repeat-x 0 -140px; overflow: hidden; position: relative; }
	.nav-content{ background: url(../images/nav_bg.gif) no-repeat 0 0; }
		.nav-content ul{ background: url(../images/nav_bg.gif) no-repeat right -70px; height: 70px; }
	.nav-master{ float: left; margin-left: 20px; display: inline; position: relative; }
		.nav-master a.nav-master-a{ text-align: center; font-size: 14px; color: #FFF; margin-top: 7px; text-decoration: none; float: left; height: 31px; line-height: 31px; }
		.nav-master a.current{ background: url(../images/nav_bg.gif) no-repeat 0 -220px; color: #333; float: left; }
		.nav-master a.current strong{ background: url(../images/nav_bg.gif) no-repeat right -260px; display: block; padding: 0 30px; float: left; }
	ul.nav-sub{ background: none; height: 30px; position: absolute; margin: 36px 0 0 0; width: 600px; left: 0; }
		ul.nav-sub li{ float: left; margin: 8px 5px 0 0; }
		ul.nav-sub a.nav-sub-a{ height: 22px; text-decoration: none; color: #666; float: left; cursor: pointer; }
		ul.nav-sub a.nav-sub-a strong{ font-weight: normal; padding: 0 10px; float: left; height: 22px; line-height: 22px; }
		ul.nav-sub a.current{ background: url(../images/nav_bg.gif) no-repeat 0 -300px; }
		 ul.nav-sub a.current strong{ display: block; padding: 0 10px; background: url(../images/nav_bg.gif) no-repeat right -330px; height: 22px; line-height: 22px; }
			ul.nav-sub a.nav-sub-a:hover{ background: url(../images/nav_bg.gif) no-repeat 0 -360px; }
			ul.nav-sub a.nav-sub-a:hover strong{ background: url(../images/nav_bg.gif) no-repeat right -390px; padding: 0 10px; height: 22px; line-height: 22px; float: left; }
/* banner */
.banner{ height: 128px; margin: 10px 0; }
/* grids */
.col-main { float: left; width: 100%; }
.col-sub, .col-extra { float: left; position: relative; }
/* 2 Columns: .grid-c2-s5 */
.main-wrap { margin-left: 230px; }
.col-sub { width: 220px; margin-left: -100%; }
/***********************************************
 * Clearing
 ***********************************************/
.content:after,.main-wrap:after, .col-sub:after, .col-extra:after { content: '\0020'; display: block; height: 0; clear: both; }
.content,.main-wrap, .col-sub, .col-extra { zoom: 1; /* clearing float for ie */ }
/***********************************************
 * Misc
 ***********************************************/
/* bug fix: ????ffchrome???? */
.col-main { min-height: 1px; }
/* bug fix: ChromeSafari??????????bug */
body:first-of-type .main-wrap { position: relative; }
/* index-services */
.services{ background: url(../images/services-bg.jpg) repeat-x 0 1px; position: relative; height: 155px; overflow: hidden }
	.services-icon{ position: absolute; height: 152px; width: 712px; padding: 0 3px; border: 1px solid #CCC; border-width: 1px 1px 0 1px; background: none; }
	.services-icon li{ float: left; position: relative; }
	.services-icon li.current{ height: 122px; width: 90px; background: url(../images/services-bg-hover.jpg) no-repeat 0 0; _width: auto; _padding: 0 2px; }
	.services-icon li.current a{ color: #0066cc; }
		a.icon-1,a.icon-2,a.icon-3,a.icon-4,a.icon-5,a.icon-6,a.icon-7,a.icon-8{ float: left; background: url(../images/services-icon.gif) no-repeat 0 0; width: 88px; padding-top: 76px; text-align: center; margin-top: 10px; }
		a.icon-2{ background-position: -90px 0; }
		a.icon-3{ background-position: -180px 0; }
		a.icon-4{ background-position: -270px 0; }
		a.icon-5{ background-position: -360px 0; }
		a.icon-6{ background-position: -450px 0; }
		a.icon-7{ background-position: -540px 0; }
		a.icon-8{ background-position: -630px 0; }
	p.services-sub{ position: absolute; top: 125px; left: 0; width: 700px; }
		p.last-services-sub{ right: 0; left: auto; text-align: right; }
		p.services-sub a{ margin: 0 5px; }
/* news */
.news{ border: 1px solid #ccc; height: 32px; background-color: #fafafa; margin-top: 10px; line-height: 32px; padding: 0 10px; }
	.news-list{ float: left; width: 600px; }
		.news-list h2{ float: left; font-weight: normal; }
	.news-more{ float: right; width: 60px; text-align: right; }
	.news-more a{ color:#06C;}
	.news-dot{ float: right; width: 50px; padding: 13px 0; }
		.news-dot li{ float: left; width: 6px; height: 6px; background: url(../images/news-dot.gif) no-repeat -6px 0; cursor: pointer; margin: 0 2px; font-size: 0; }
		.news-dot li.select{ background-position: 0 0; }
/* index-login */
.index-login{ border: 1px solid #ccc; margin-top: 10px; }
	.index-login .title{ height: 25px; background: url(../images/bg-tab.gif) repeat-x 0 0; padding: 0 10px; }
	.index-login .title h2{ float: left; line-height: 25px; font-weight: normal; }
	.index-login .title-btn a{ float: right; display: block; cursor: pointer; height: 19px; margin: 3px 0 0 5px; background: url(../images/bg-tab.gif) no-repeat 0 -80px; }
	.index-login .title-btn span{ float: left; height: 19px; line-height: 19px; background: url(../images/bg-tab.gif) no-repeat right -80px; margin-left: 5px; padding-right: 5px; }
	.index-login-content{ padding: 10px; }
		.index-login-content ul li{ float: left; margin-right: 10px; }
			.index-login-content ul li label{ margin-right: 10px; }
			.i-text-cardid{ width: 160px; }
			.index-login-content .i-text-yzm{ width: 60px; }
			.index-login-content img.yzm{ float: left; }
			.index-login-content .i-text-index{ padding: 2px 2px; }
			.index-login-content .btn-icon{ background: url(../images/bg-btn.gif) no-repeat 0 0; width: 66px; height: 27px; border: medium none; text-align: center; color: #663300; font-weight: bold; line-height: 27px; font-size: 14px; }
/* special-services */
.special-services{ width: 218px; border: 1px solid #ccc; padding-bottom: 15px; }
	.special-services h2{ height: 29px; line-height: 29px; font-weight: normal; background: url(../images/bg-tab.gif) repeat-x 0 -120px; padding: 0 10px; }
	.special-services dl{ overflow: hidden; clear: both; height: 66px; margin: 13px 10px 0 10px; }
	.special-services dl dt{ height: 16px; line-height: 16px; padding-left: 70px; }
	.special-services dl .pic{ float: left; width: 60px; margin-top: -14px; }
		.special-services .pic a.sicon-1,.special-services .pic a.sicon-2,.special-services .pic a.sicon-3{ display: block; border: 1px solid #ccc; width: 60px; height: 60px; background: url(../images/special-1.gif) no-repeat 0 0; overflow: hidden; text-indent: -9999px; }
		.special-services .pic a.sicon-2{ background: url(../images/special-2.gif) no-repeat 0 0; }
		.special-services .pic a.sicon-3{ background: url(../images/special-3.gif) no-repeat 0 0; }
		.special-services .txt{ float: right; text-align: left; width: 130px; line-height: 16px; }
/* friends-links */	
.friends-links{ border: 1px solid #ccc; padding: 10px 0 10px 8px; clear: both; margin-top: 10px; }
	.friends-links li{ float: left; margin-right: 5px; }
/* footer */
.footer{ text-align: center; margin-top: 10px; }
	.footer-about{ height: 30px; line-height: 30px; background: #e9eaeb url(../images/footer-logo.gif) no-repeat 230px 2px; }
	.footer-about a{ color: #0066cc; }
	.footer p{ padding: 10px 0; }
/* crumbs */
.crumbs{ margin: 10px 0; }
.crumbs a { background: url(../images/crumb_bg.gif) no-repeat 100% 50%; padding-right: 8px; margin-right: 1px; }
	.crumbs span { display: none; }
/* aqinag css */
#slider1 { width: 950px; /* important to be same as image width */ position: relative; /* important */ overflow: hidden; /* important */ }
#slider1Content { width: 950px; /* important to be same as image width or wider */ position: absolute; top: 0; margin-left: 0; }
.slider1Image { float: left; position: relative; display: none; }
.slider1Image span { position: absolute; font-size:12px; padding: 10px 13px; width: 694px; background-color:#F4F4F4; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; color: #333; display: none; }
.clear { clear: both; }
.slider1Image span strong { font-size: 14px; }
.left { top: 0; left: 0; width: 110px !important; height: 128px; }
.right { right: 0; bottom: 0; width: 110px !important; height: 118px; }


#scrollDiv{width:550px;height:32px;line-height:32px;overflow:hidden}
#scrollDiv a{ text-decoration:underline}
#scrollDiv li{height:32px;padding-left:10px;}
#scrollDiv li span{ color:#666;}

#img_code a:hover{position:relative;}
#img_code a span{position: absolute;display:none;background-color: #FFFFFF;padding: 3px;}
#img_code a:hover span{position:absolute;right:25%;top:25%;margin-left:-125px;margin-top:-249px;display:block;z-index:100;}