/* all text */
body, table, tr, td, select, input, div, form, textarea {
	font-family: Tahoma;
	font-size: 12px;
	line-height: 140%;
	color: #666666;
}

body, p, ul ,form {
	margin: 0;
	padding: 0;
}

/* scrollbar color*/
body {
	scrollbar-face-color:#f7f7f7;
	scrollbar-highlight-color:#cccccc;
	scrollbar-3dlight-color:#ffffff;
	scrollbar-shadow-color:#cccccc;
	scrollbar-darkshadow-color:#ffffff;
	scrollbar-track-color:#fafafa;
	scrollbar-arrow-color:#b3b3b3;
}

.input {
	border:1px solid #A5ACB2;
	height: 16px;
	padding-top: 1px;
	padding-bottom: 1px;
	vertical-align: middle;
}

.inputerr {
	border:1px solid #ff6666;
	height: 16px;
	padding-top: 1px;
	padding-bottom: 1px;
	vertical-align: middle;
}

.inputclick {
	border:1px solid #A5ACB2;
	background-color: #ffffdc;
	height: 16px;
	padding-top: 1px;
	padding-bottom: 1px;
	vertical-align: middle;
}

.errtext {
	background: url(/images/icon/ico_error_01.gif) no-repeat 0 3px;
	text-indent: 15px;
	margin-top: 2px;
	color: #FF6666;
}

.cnbackground {
	background: #F6F6F6 url(/images/cn/bg_hompymain.gif) repeat-y left top;
}

.common_footer {width:849px; height:30px; line-height:30px; color: #b8bcbd; text-align:center; border-top: 1px solid #e6eced; margin-bottom:10px; clear: both;}
a.links2:link {text-decoration:none; color: #888888; border-bottom:1px solid #888888;}
a.links2:visited {text-decoration:none; color: #888888; border-bottom:1px solid #888888;}
a.links2:active {text-decoration:none; color: #888888; border-bottom:1px solid #888888;}
a.links2:hover {text-decoration:none; color:#333333; border-bottom:1px solid #333333;}

a.links5:link {text-decoration:none; color:#888888;}
a.links5:visited {text-decoration:none; color:#888888;}
a.links5:active {text-decoration:none; color:#888888;}
a.links5:hover {text-decoration:none; color:#333333;}

a.links6:link {text-decoration:none; color:#ff9933;  border-bottom:1px solid #ff9933;}
a.links6:visited {text-decoration:none; color:#ff9933;  border-bottom:1px solid #ff9933;}
a.links6:active {text-decoration:none; color:#ff9933; border-bottom:1px solid #ff9933;}
a.links6:hover {text-decoration:none; color:#ffffff; background-color:#ff9933;}

.float_left {float: left;}
.float_right {float: right;}

.hspace5 {height: 5px; font-size:1px; line-height:5px; clear: both;}
.hspace8 {height: 8px; font-size:1px; line-height:1px; clear: both;}
.hspace10 {height: 10px; font-size:1px; line-height:1px; clear: both;}
.hspace15 {height: 15px; font-size:1px; line-height:1px; clear: both;}
.hspace20 {height: 20px; font-size:1px; line-height:1px; clear: both;}

.text000000 {color: #000000;}
.textbbbbbb {color: #bbbbbb;}

.fb {font-weight: bold;}

.bm204 {margin-left: 204px;}
.bm185 {margin-left: 185px;}
.bm150 {margin-left: 150px;}
.bm114 {margin-left: 114px;}
.bm82 {margin-left: 82px;}
.bm39 {margin-left: 39px;}
.bm15 {margin-left: 15px;}
.bm7 {margin-left: 7px;}
.mauto {width:380px; margin: auto;}
.mauto input {width: 201px;}

.clearer {clear: both;}

.input48{width: 44px;}

.b_extxt {text-indent:11px; color:#888888; background:url(/images/icon/ico_explain.gif) no-repeat 0px 5px; margin-top:5px;}
.successtips { height:29px; text-align:center; color:#339900; background-color:#fefff8; clear:both;}

.b_nav {width: 173px; float: right; color: #b8bcbd; margin-top:31px;}

.middle_area {width:849px;}

.contentsarea {width:729px; margin:auto;}

.morefunction {width:200px; float:left;}

.contentsarea .title {width:729px; height: 37px; border-bottom: 3px solid #f0f2f2;}
.contentsarea .title .forgetpw {height: 37px; background: url(/images/cn/title_b_fogetpw.v1.gif) no-repeat left center;}
.contentsarea .title .learnmore1 {height: 37px; background: url(/images/cn/title_b_learnmore_01.v1.gif) no-repeat left center;}
.contentsarea .title .learnmore2 {height: 37px; background: url(/images/cn/title_b_learnmore_02.v1.gif) no-repeat left center;}
.contentsarea .title .learnmore3 {height: 37px; background: url(/images/cn/title_b_learnmore_03.v1.gif) no-repeat left center;}
.contentsarea .title .learnmore4 {height: 37px; background: url(/images/cn/title_b_learnmore_04.v1.gif) no-repeat left center;}
.contentsarea .title .learnmore5 {height: 37px; background: url(/images/cn/title_b_learnmore_05.v1.gif) no-repeat left center;}
.contentsarea .title .contact {height: 37px; background: url(/images/cn/title_b_contact.v1.gif) no-repeat left center;}
.contentsarea .title .byebye {height: 37px; background: url(/images/cn/title_b_byebye.v1.gif) no-repeat left center;}

.contentsarea .middlearea {height:414px;}
.contentsarea .middlearea .forgetid {width:197px; height:160px; background-color:#f8f8f8; margin-left:20px; float:left; clear:right;}
.contentsarea .middlearea .forgetid .text {width:157px; margin:auto;} 
.contentsarea .middlearea .explainarea {width:693px; height:80px; background-color:#f8f8f8; clear:both; padding:18px; font-size:14px; }
.contentsarea .footarea {height:35px;}
.contentsarea .footarea .nextlink {height:25px; font-size:14px; float:right; margin-top:10px;}

.main {width:880px; height:590px; background: url(/images/cn/img_bmain_01_1.v1.jpg) no-repeat; position:relative;}
.main .b_logo {width:503px; height:52px; position:absolute; top:25px; left:31px;}
.main .mouseover {width:533px; height:413px; position:absolute; top:41px; left:223px; z-index:10;}
.main .cet_mail {width:164px; height:41px; position:absolute; top:539px; left:23px;}
.main .whatishompy {width:658px; height:124px; position:absolute; top:456px; left:206px;}
.main .whatishompy .area {width:658px; height:96px; background: url(/images/cn/box_bexplain_bg.v1.gif) repeat-y;}
.main .whatishompy .area .contents {width:598px; height:76px; margin: auto;}
.main .whatishompy .area .contents .left {width:196px; height:76px; float:left;}
.main .whatishompy .area .contents .line {width:1px; height:76px; float:left; background-color: #e7e7e7;}
.main .whatishompy .area .contents .right {width:388px; height:76px; margin-left: 13px; float: left; clear: right;}
.main .login {width: 179px; margin-bottom:10px; float: left; border: 1px solid #E7E7E7; background-color:#FAFAFA; position:absolute; top:116px; left:15px;}

/* popup */
.popup_size {width: 648px; height: 538px;}
.popup_size .title {width: 648px; height: 37px; border-bottom: 3px solid #f0f2f2;}
.popup_size .title .privacy {height: 37px; background: url(/images/cn/title_b_privacy.v1.gif) no-repeat 15px center;}
.popup_size .title .service {height: 37px; background: url(/images/cn/title_b_service.v1.gif) no-repeat 15px center;}
.popup_size .content {height: 501px; padding-left: 30px; padding-right: 30px; overflow-x: hidden; overflow-y: auto;}

#ol {width:162px;  margin:7px 7px 25px 7px;}
#ol .infobox {width:162px; background-color:#ffffff; border:solid 1px #bebebe;}
#ol .infobox .title {width:148px; height:16px; margin: 7px 7px 0px 7px; clear: both;}
#ol .infobox .line {width:148px; height:1px;border-bottom:solid 1px #e7e7e7; margin: 3px 7px 7px 7px;clear: both;}
#ol .infobox .loginarea {width: 148px; margin: auto;}
#ol .infobox .loginarea .info {width: 39px; height: 20px; line-height: 20px; float: left; }
#ol .infobox .loginarea .infoinput {width: 109px; height: 24px; float: left; clear: right;}
#ol .infobox .loginarea .infoinput .input2 {width: 105px;}
#ol .infobox .loginarea .infotips {margin-bottom: 5px; margin-left: 39px; clear: both;}
#ol .infobox_b {width:164px; height:10px; background: url(/images/cn/img_myinfobox.gif) no-repeat 0; margin-top:-1px; }

#bf {width:510px; height:370px; background-color:#ffffff; border:solid 1px #bebebe; float:left;}
#bf .bfcontents {width:470px; margin:auto;}
#bf .bfcontents .txt {text-indent: 11px; background: url(/images/icon/arow_02.gif) no-repeat center left; text-align: left; margin-bottom:10px;}

#bo {width:407px; height:273px; background: url(/images/cn/img_byebye.gif) no-repeat; margin:auto;}
#bo .botext {width:317px; height:173px; padding:15px; font-size:14px; margin:auto;}

img {border: 0;}
img.link {cursor: pointer;}