@charset "utf-8";
/* CSS Document */
html, body { 
	margin:0;
	padding:0;
	height: 100%; 
	font-size:12px;
	font-family: "Lucida Grande", '微軟正黑體','新細明體', sans-serif;
	background-color:#101B34;
    line-height: initial;
}
p {
    line-height: initial;
}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.clearfix{*zoom:1;}
.floatL{float:left; _display: inline;}
.floatR{float:right; _display: inline;}
.hoverFade{ background-position: 100% 68%; background-repeat: no-repeat; }
.hoverFade a{ display: block; background-position: 0 0; background-repeat: no-repeat; cursor: pointer; }
#gotop{
	width:125px;
	height:116px;
	position:absolute;
	top:0;
	right:0;
	z-index:1000;
}
#gotop div,
#gotop div a{
	width:125px;
	height:116px;
	display:block;
}

/*--------Basic Frame--------*/
#wrapper{
	position:relative;
	width:100%;
	height:auto !important;
	height:100%;
	min-height:100%; 
	background:url(../image/bg.jpg)/*tpa=http://bb6663.com/image/bg.jpg*/ no-repeat center top;
}
#containder{
	width:1000px;
	margin:0 auto;
}

/*--------Header--------*/
#header{
	width:1000px;
	margin:0 auto;
}
#logo{
	width:209px;
	height:69px;
	float:left;
}
#nav{
	height:69px;
	margin-left:45px;
	float:left;
}
#nav div{
	margin-left:5px;
}
#nav div,
#nav div a{
	width:127px;
	height:69px;
	display:block;
	float:left;
}

/*--------Language--------*/
#langWrap{
	width:152px;
	height:24px;
	float:right;
	margin-right:58px;
	background: -webkit-linear-gradient(top,  #ffffff 0%,#d5d5d5 100%);
}
#langBox{
	position:absolute;
	z-index:1000;
	width:152px;
	background: #ffffff url(../image/lang_arrow.png)/*tpa=http://bb6663.com/image/lang_arrow.png*/ no-repeat right top;
    cursor: pointer;
}
#langTxt{
	padding-left:13px;
	color:#000000;
	line-height:2em;
	cursor:pointer;
    text-decoration: none;
    display: block;
}
#langOpen{
	width:152px;
	background-color:#000000;
	padding:10px 0;
}
.langItem{
	display:block;
	width:122px;
	height:21px;
	color:#FFF;
	padding-left:30px;
	line-height:2em;
	background:url(../image/lang_link.png)/*tpa=http://bb6663.com/image/lang_link.png*/ no-repeat left top;
}
.langItem:hover{
	cursor:pointer;
	background:url(../image/lang_hover.png)/*tpa=http://bb6663.com/image/lang_hover.png*/ no-repeat left top;
}

/*--------Footer--------*/
#footer{
	position:absolute;
	width:100%;
	height:216px;
	bottom:0; 
	background:url(../image/footerBg.jpg)/*tpa=http://bb6663.com/image/footerBg.jpg*/ no-repeat center top;
}
#footerIn{
	width:1000px;
	margin:0 auto;
	position:relative;
}
.footerTop{
	background-repeat:no-repeat;
	background-position:left top;
	height:116px;
}
.systemData{
	width:275px;
	height:116px;
	float:left;
}
.systemData h1{
	width:85px;
	height:81px;
	display:block;
	font-size:13px;
	color:#90AFFF;
	float:left;
    line-height: initial;
}
.systemData p{
	width:190px;
	height:81px;
	display:block;
	font-size:12px;
	color:#5F7FD2;
	float:left;
}
.systemL{
	width:275px;
	height:81px;
	float:left;
	margin-left:247px;
	margin-top:35px;
}
.systemR{
	width:275px;
	height:81px;
	float:left;
	margin-top:35px;
	margin-left:30px;
}
#footerBottom{
	width:1000px;
	margin:0 auto;
	height:37px;
	margin-top:37px;
}
.footerData{
	height:37px;
	float:right;
	margin-top:37px;
	padding-left:233px;
	background:url(../image/footerLogo.png)/*tpa=http://bb6663.com/image/footerLogo.png*/ no-repeat left top;
}
.footerLink{
	text-align:left;
	color:#4790DC;
}
.footerLink a{
	text-decoration: none !important;
	color:#4790DC;
}	
.footerLink a:hover{
	color:#005580;
}	
.copyright{
	text-align:left;
	color:#294473;
}

/*--------上方內容--------*/
.con01{
	height:533px;
	background:url(../image/lang/zh-cn/browser_img.png)/*tpa=http://bb6663.com/image/lang/zh-cn/browser_img.png*/ no-repeat left top;
}
.con01 .data{
	width:335px;
	height:533px;
	float:right;
	background-repeat:no-repeat;
	background-position:left top;
}
.download{
	height:120px;
	margin-top:200px;
}
.download div,.download div a{
	width:335px;
	height:111px;
	display:block;
}

/*--------中間內容--------*/
.con02{
	width:1000px;
	height:365px;
	background:url(../image/features_bg.png)/*tpa=http://bb6663.com/image/features_bg.png*/ no-repeat left top;
}
.con02 div{
	float:left;
	height:365px;
	width:333px;
}

/*--------下方內容--------*/
.con03{
	height:833px;
	padding-bottom:216px;
}
.paragraph{
	height:205px;
}
.characteristic{
	height:628px;
	position:relative;
	background:url(../image/computer.png)/*tpa=http://bb6663.com/image/computer.png*/ no-repeat left top;
}
.characteristic div{
	position:absolute;
}
.characteristic01{
	top:52px;
	left:97px;
}
.characteristic02{
	top:168px;
	left:97px;
}
.characteristic03{
	top:289px;
	left:97px;
}
.characteristic04{
	top:52px;
	right:93px;
}
.characteristic05{
	top:185px;
	right:93px;
}
.characteristic06{
	top:305px;
	right:93px;
}

/*--------寰宇通道--------*/
.partners{
	padding-bottom: 216px;
}
.partners div{
	width:1000px;
	height:auto;
	position:relative;
}
.partners div input{
	display:block;
	padding-left:10px;
	padding-right:10px;
	color:#000000;
	font-size:18px;
	font-family:Arial;
	position:absolute;
	z-index:10;
	left:160px;
	cursor:text !important;
	background-color: transparent;
	box-shadow: none !important;
	border: 0;
}

/*--------重設密碼--------*/
.con04{
	height:450px;
	padding-bottom:216px;
	position:relative;
	background-repeat:no-repeat;
}
.con04.pwdBGform{
    background-image: url(../image/pwdBG01.png)/*tpa=http://bb6663.com/image/pwdBG01.png*/;
}
.con04.pwdBGok{
    background-image: url(../image/pwdBG02.png)/*tpa=http://bb6663.com/image/pwdBG02.png*/;
}
.con04.pwdBGerror{
    background-image: url(../image/error.png)/*tpa=http://bb6663.com/image/error.png*/;
}
.con04 .tit{
	color:#33C5FF;
	font-size:38px;
	text-align:center;
	padding-top:110px;
}
.con04 .tit span{
	color:#8CDFFF;
	font-size:15px;
	display:block;
}
.pwdBox{
	width:445px;
	position:absolute;
	top:240px;
	left:360px;
}
.pwdBox p{
	margin-bottom:10px;
}
.pwdUnit{
	width:300px;
	height:36px;
	position:relative;
	background-color:#FFF;
	border:1px solid #B9B9B9;
	border-radius: 5px;
	box-shadow:2px 3px 10px #B0B0B0 inset;
}
.redUnit{
	width:300px;
	height:36px;
	position:relative;
	background-color:#FFF;
	border:1px solid #FF0000;
	border-radius: 5px;
	box-shadow:2px 3px 10px #B0B0B0 inset;
}
.pwdUnit label{
	color: #A9A9AF;
	cursor: text;
	position: absolute;
	top: 9px;
	left: 30px;
	font-size:15px;
}
.pwdInput{
	background:none;
	border:none;
	width:260px;
	height:38px;
	outline: none;
	padding-left:30px;
	font-size:15px;
}
.joinPwd{
	background: url(../image/iconPwd.png)/*tpa=http://bb6663.com/image/iconPwd.png*/ no-repeat left top;
	background-color:#FFF;
}
.joinKey{
	background: url(../image/iconKey.png)/*tpa=http://bb6663.com/image/iconKey.png*/ no-repeat left top;
	background-color:#FFF;
}
.btnPwd{
	width:320px;
	height:65px;
	display:block;
	background: url(../image/pwdBtn.png)/*tpa=http://bb6663.com/image/pwdBtn.png*/ no-repeat left top;
	color:#FFF;
	font-weight:bold;
	text-align:center;
	margin-top:10px;
	margin-left:-9px;
	line-height:4.6em;
	font-size:15px;
}
.btnPwd:hover{
	background-position:left center;
}
.btnPwdGray{
	width:320px;
	height:65px;
	display:block;
	background: url(../image/pwdBtn.png)/*tpa=http://bb6663.com/image/pwdBtn.png*/ no-repeat left bottom;
	color:#FFF;
	font-weight:bold;
	text-align:center;
	margin-top:10px;
	margin-left:-9px;
	line-height:4.6em;
	font-size:15px;
}
.close{
    float:left;
    opacity:1;
    text-shadow: none;
}
.close:hover{
    color: #fff;
    opacity: 1;
}
.pwdIcon{
	height:24px;
	position:absolute;
	z-index:100;
	left:320px;
}
.pwdIcon img{
	vertical-align:middle;
}
.yesIcon{
    width: 36px;
    background: url(../image/iconYes.png)/*tpa=http://bb6663.com/image/iconYes.png*/ no-repeat left top;
}
.noIcon{
	color:#F00000;
    text-indent: 36px;
    line-height: 24px;
    white-space: nowrap;
    padding-right: 10px;
	background: white url(../image/iconNo.png)/*tpa=http://bb6663.com/image/iconNo.png*/ no-repeat left top;
}
.txtOK{
	text-align:center;
	font-size:16px;
	color:#FFF;
	padding-top:40px;
}
.noIcon:after {
    width: 0;
    height: 0;
    border-bottom: 12px solid transparent;
    border-right: 12px solid white;
    border-top: 12px solid transparent;
    content: '';
    position: absolute;
    left: -12px;
}
/*--------錯誤訊息--------*/
.error{
	position:absolute;
	left:370px;
	top:170px;
	width:465px;
	height:225px;
}
.error p.tit{
	padding-top:30px;
	text-align:left;
	color: #33C5FF;
	font-size: 38px;
}
.error p.txt{
	color: #8CDFFF;
	font-size: 15px;
}