/* CSS Document */

/* css reset */
body{color:#000;background:#fff;font-size:12px;line-height:166.6%;text-align:center;}
body,input,select,button{font-family:verdana}
h1,h2,h3,select,input,button{font-size:100%}
body,h1,h2,h3,ul,li,form,p,img{margin:0;padding:0;border:0}
input,button,select,img{margin:0;line-height:normal}
select{padding:1px}
ul{list-style:none}
select,input,button,button img,label{vertical-align:middle}
header,footer,section,aside,nav,hgroup,figure,figcaption{display:block;margin:0;padding:0;border:none}
a{text-decoration:none;color:#959595}
a:hover{color:#626262}
.fontWeight{font-weight:700;}
/* global */
.unvisi{visibility:hidden}
.txt-suc{color: #22AC38}
.txt-err{color: #e60012}
.txt-yixin{color: #279C7B;}

/* backgroundImage */
.themeCtrl a,
.loginFormIpt,
.loginFormSmallIpt,
.headerIntro,
.loginIcoCurrent,
.loginIcoNew,
.verify-input-line,
.themeText li,
.btn,
.btn-moblogin,
.ico,
.locationTestTitle,
.verSelected,
.servSelected,
.locationTestTitleClose,
#extText li,
#mobtips_arr,
#mobtips_close{background-image:url(../images/bg_v2.png)}
.headerLogo,
.headerIntro,
.headerNav,
.footerLogo,
.footerNav,
.loginIcoCurrent,
.loginIcoNew,
.formIpt,
#whatAutologinTip,
#mobtips,
#mobtips_arr,
#mobtips_close{position:absolute}

/* ico */
.ico-uid{width:14px;height:16px;background-position: -154px -64px}
.ico-pwd{width:14px;height:16px;background-position: -178px -64px}

/* header */
.header{width:1000px;height:64px;position:relative;margin:0 auto;z-index:2;overflow:hidden;}
.headerLogo{top:17px;left:50px}
.headerIntro{height:28px;width:144px;display:block;background-image:url(../images/logo_title.png);top:17px;left:194px}
.headerNav{top:21px;right:100px;text-align:right;color:#cfd0d0;}
.headerNav a{margin-left:13px}
.headerNav .last{margin-left: 0;}

/* main */
.main{height:600px;background:#fff;position: relative; min-width: 1000px;}
.main-other{background-color: rgb(105, 140, 194); background-image: url(../images/pic0_bg.png); background-position: 0% 0%; background-repeat: repeat no-repeat;}
.main-inner{background-image: url(../images/pic0_cnt.png); background-position: 50% 0%; background-repeat: no-repeat no-repeat;}

#mainCnt{width:1000px;height:600px;overflow:visible;margin:0 auto;position:relative;clear:both}
#theme{height:600px;width:1000px;position:absolute;overflow:hidden;/*z-index:1;*/background-position:top right;background-repeat:no-repeat;text-align:left;top:0;left:0;}
/* ä¸»é¢˜æŽ§åˆ¶æ ?*/
.themeCtrl{position:absolute;right:100px;bottom:12px;}
.themeCtrl a{float:left;display:inline;}
#musicLink,
#prevTheme,
#nextTheme{width:25px;height:25px;margin-right:7px;}
#prevTheme{background-position:0 -457px;}
#prevTheme:hover{background-position:0 -492px;}
#nextTheme{margin-right:0;background-position:-35px -457px;}
#nextTheme:hover{background-position:-35px -492px;}

.login{width:295px;height:400px;padding:13px 14px 15px;top:62px;left:50%;margin-left:90px;text-align:left;position:absolute;z-index:2;background:url(../images/login_v1.png) no-repeat;}
.unishadow{box-shadow:0px 1px 3px 0 rgba(0,0,0,0.2);-webkit-box-shadow:0px 1px 3px 0 rgba(0,0,0,0.2);-moz-box-shadow:0px 1px 3px 0 rgba(0,0,0,0.2);}
.loginFunc{width:100%;height:47px;overflow:hidden;clear:both; line-height: 46px;font-size: 14px;color: #626262; padding-left:10px;vertical-align:central;}

/* form */
.loginForm{position:relative;height:313px;padding-top:40px;}
#login163{height: 249px;}
.loginFormIpt{position:relative;width:240px;height:42px;line-height:42px;margin:0 0 20px 25px;padding-right:5px;clear:both;background-position:0 -352px;z-index:2}
.loginFormIpt .ico{position:absolute;left:9px;top:13px;z-index:1;}
.loginFormIpt-over{}
.loginFormIpt-focus{box-shadow:0 0 5px rgba(2,145,252,.5);}
.loginFormIpt-focus .placeholder{color:#C9C9C9;}
.loginFormSmallIpt{position:relative;width:145px;height:42px;line-height:42px;margin:0 0 20px 25px;padding-right:5px;clear:both;background-position:0 -405px;z-index:2}

.loginFormBtn{position:relative;width:245px;height:38px;margin:18px 0 0 25px}
.formIpt{width:205px;padding: 10px 0 10px;ime-mode:disabled;height:40px;top:1px;left:28px;color:#333;font-size:14px;font-weight:700;border:none;font-family:verdana;line-height:21px;background:transparent!important;}
.formIpt:focus{outline:0;}
.showPlaceholder .placeholder{visibility:visible;cursor:text;}
.placeholder{color:#C9C9C9;;font-size:14px;position:absolute;left:30px;top:14px;line-height:14px;visibility:hidden;background:none;}
#idInput::-ms-clear{display:none;}
#idInputTest{visibility: hidden; position: absolute; font-size: 14px; font-weight: 700;}
.loginFormCheck{height:14px;line-height:14px;color:#555;margin-left:25px;clear:both;width:245px;position:relative;z-index:1;}
.loginFormCheckInner{line-height:13px;width:150px;float:left;position: relative;}
#dynPwInput{width:110px;}
#dynPwLoginHint{margin-left:25px;height:14px;line-height:14px;color:#959595;}
.forgetPwdLine{text-align: right}
#capsLockHint{position: absolute; top: 42px; left: 0px;padding: 4px 8px; line-height: 12px; background-color: #ffffcc; border: 1px solid #d7d7d7; color: #555; z-index: 2;}
#remAutoLogin{visibility:hidden; position: absolute;left:0;}
.ico-checkbox{display: inline-block; width: 13px; height: 13px; background-position: -40px -160px; vertical-align: middle; cursor: pointer;}
.autoLogin-checked .ico-checkbox{background-position: -40px -180px;}
#remAutoLoginTxt,
.forgetPwd{color:#848585;}
#remAutoLoginTxt:hover,
.forgetPwd:hover{color:#626262;}
.loginFormCbx{width:13px;height:13px;padding:0;overflow:hidden;margin:0; vertical-align: middle;}	
.btn{width:110px;height:38px;float:left;text-align:center;cursor:pointer;border:0;padding:0;font-weight:700;font-size:14px;display:inline-block;vertical-align:baseline;line-height:38px;outline:0;background-color:transparent;}
.btn-main{color:#fff;box-shadow:0 2px 5px rgba(0,28,88,.3);}
.btn-side{color:#6d798c;box-shadow:0 2px 5px rgba(0,0,0,.1);}
.btn-login{background-position:0 -208px;}
.btn-login:hover{background-position:0 -256px;}
.btn-login:active{background-position:0 -304px;color:#b5d1ee;}
.btn-reg{background-position:-117px -208px;float:right;}
.btn-reg-hover{background-position:-117px -256px;color:#347bc7;}
.btn-reg-active{background-position:-117px -304px;color:#6d798c;}
.btn-login2{width:245px;height:38px;background-position:0 -710px;}
.btn-login2:hover{background-position:0 -758px;}
.btn-login2:active{background-position:0 -806px;color:#b5d1ee;}
.btn-showDynPwWrap{position:absolute;top:0;right:0;_right:-1px;display:block;width:101px;height:42px;font-size:14px;font-weight:normal;text-align:center;line-height:42px;color:#6d798c;background-position:-195px -405px;}
.btn-showDynPwWrap-hover{color:#347bc7;background-position:-195px -455px;}
.btn-showDynPwWrap-active{color:#6d798c;background-position:-195px -505px;}
.btn-getDynPw{width:150px;background-position:0 -565px;}
.btn-getDynPw-hover{background-position:0 -613px;}
.btn-getDynPw-active{background-position:0 -661px;}
.btn-cancel{width:124px;background-position:-160px -565px;}
.btn-cancel-hover{background-position:-160px -613px;color:#347bc7;}
.btn-cancel-active{background-position:-160px -661px;color:#6d798c;}
.loginFormConf{height:14px;line-height:14px;margin-left:25px;margin-top:18px;clear:both;width:245px;position:relative;color:#848585;z-index:1;}
.loginFormVer{float:left;width:160px;}
.loginFormService{float:right;text-align:right;}
.loginFormVerList{width:140px;position:absolute;padding:1px;background:#fff;border:1px solid #b7c2c9;top:-5px;top:-4px\9;left:33px;display:none;}
.loginFormVerList li a{height:22px;line-height:22px;width:140px;overflow:hidden;color:#848585;display:block;text-indent:22px;}
.loginFormVerList li a:hover{background-color:#eef3f8;}
.loginFormVerList li a.verSelected{color:#5B8CCA;background-position:-250px -58px;background-repeat:no-repeat;}

input::-webkit-input-placeholder{
	color: #C9C9C9;
	font-size: 14px;
	font-weight:normal;
}

/* ext */
.ext{padding:13px 55px 13px 25px; height: 38px; overflow: hidden;}
#extText{line-height:20px;}
#extText li{padding-left:7px;background-position:-240px -118px;background-repeat:no-repeat;}
#extText li a{color:#9bacc6;}
#extText li a:hover{color:#5B8CCA;}
#extVerSelect{line-height:40px;font-size:12px;font-weight:700;}
#extVerSelect a{color:#005590;text-decoration:underline;}

/* footer */
.footer{height:65px;margin:0 auto;}
.footer-inner{width:1000px;height:63px;overflow:visible;margin:0 auto;color:#848585;position:relative;}
.footerLogo{top:11px;left:35px}
.footerNav{top:25px;right:123px;}
.footerNav a{margin-left:12px}
.copyright{margin-left:12px}


.btn_login1 {
	-moz-box-shadow: 0px 1px 0px 0px #f0f7fa;
	-webkit-box-shadow: 0px 1px 0px 0px #f0f7fa;
	box-shadow: 0px 1px 0px 0px #f0f7fa;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #33bdef), color-stop(1, #019ad2));
	background:-moz-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:-webkit-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:-o-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:-ms-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:linear-gradient(to bottom, #33bdef 5%, #019ad2 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bdef', endColorstr='#019ad2',GradientType=0);
	background-color:#33bdef;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #057fd0;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:arial;
	font-size:18px;
	font-weight:bold;
	padding:9px 71px;
	text-decoration:none;
	text-shadow:0px -1px 0px #5b6178;
}
.btn_login1:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #019ad2), color-stop(1, #33bdef));
	background:-moz-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:-webkit-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:-o-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:-ms-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:linear-gradient(to bottom, #019ad2 5%, #33bdef 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#019ad2', endColorstr='#33bdef',GradientType=0);
	background-color:#019ad2;
}
.btn_login1:active {
	position:relative;
	top:1px;
}
