﻿/*body {
	background: #FFF url(../../Images/zh-tw/login/bg_login.jpg) repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	padding:0px;
	margin:0px;
}

img {border:0px solid #fff;}
h1, h2, h3, h4, h5, p, ul, ol, li, div, blockquote {padding:0; margin:0;}
a:link, a:visited {color:#306caf; text-decoration:none;  }
a:hover, a:active {color:#E68b2C; text-decoration:none;  }

.disclaimer {font-size:9px; color:#363636; width:803px; margin-left: auto; margin-right: auto;}
.disclaimer a:link, .disclaimer a:visited {color:#666; font-size:9px; text-decoration:none;}
.disclaimer a:hover, .disclaimer a:active {color:#666; font-size:9px; text-decoration:none;}

	 Header 

#header {width: 800px;  margin: 0 auto; overflow:hidden; height:1%;}
#accountHeader {margin:35px 0 0 0px;}
#accountHeader h4 {font-size:14px; border-bottom:1px solid #cacaca; margin-bottom:10px;}
#accountHeader h4 span{font-size:9px; font-family:Verdana; color:#3B3B3B; background-color:#f5f8e3; border-style: none; border-width: 1px; padding:1px 4px 1px 4px;font-weight:normal; margin-top:-18px;}
#livechat { margin:5px; float:right; cursor:pointer;}
#logoSogo {margin:2px 0 0 7px; padding-bottom:14px;}*/
#lock { margin:-7px; padding:6px 10px 3px 10px;}
#justopenacc { float:right; margin:-21px 25px 0 0;}

.headermessage {font-size: 12px; color: #ff0000; font-weight: bold;}



	/* Content */

#mainContent {width:900px; margin:10px auto; overflow:hidden; height:1%;} 


#content {
	width: 760px;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	border: 0px solid #3d7dc5;
	font-size: 12px;
}



#colOne {
	background: #FFF;
	float: left;
	margin:30px 0 0 50px;

}

#colOneLogin {
	background: #FFF url(../../Images/zh-tw/login/bg_loginbox.jpg) repeat-x scroll center top;
	padding: 0 5px 5px 5px;
	width: 370px;
	border: 3px solid #3d7dc5; 

}


#colTwo {
	float: right;
	width: 372px;
	margin:30px 50px 0 0;
	padding-right: 0px;
	padding-left: 0px;
	border: 1px solid #a9c6e5;
}


#content h2 { color: #333; font-size:14px; font-weight:bold;}
#content h3 { color: #333; font-size:13px; font-weight:bold;}
#content h4 { color: #333; font-size:12px; font-weight:bold;}
.h20px { height:20px;}
.h30px { height:30px;}
.h40px { height:40px;}




	/* login box */

#loginbox {
	background: #FFF url(../../Images/zh-tw/login/bg_loginbox.jpg) repeat-x scroll center top;
	width: 400px;
	margin: 0px auto;
	padding: 8px 0px 0px 0px;
	font-size: 12px;
}


	/* Footer */
#footer { margin: 0px auto; padding:5px 5px 5px 5px; text-align:center; width: 990px; clear:left;}
#footer p { font-size:12px; font-weight:normal;}
#footer a {text-decoration:none; font-size:12px; color:#306caf; margin:5px 0px 5px 0px;}
#footer a:hover {text-decoration:none; color:#E68B2C;  margin:5px 0px 5px 0px;}
#footerContent {border-top:0px solid #cacaca; margin:10px 0;}
#footerContent p {margin:10px 0; clear:left;}
.securityCenter {background: url(../../images/zh-tw/footer/securitycenter.png) top left no-repeat; width:225px; height:72px; display:block; float:left; margin:0 0 0 160px;}
.SIPC {background: url(../../images/zh-tw/footer/SIPC.png) top left no-repeat; width:355px; height:72px; display:block; float:left;}
.SIPC2 {background: url(../../images/zh-tw/footer/protection.png) top left no-repeat; width:325px; height:72px; display:block; float:left;}


	/*security help */
#securityContainer {margin:0px; padding:0px; width:550px; float:left;}
#securityHelp {float:left; width:200px; margin:6px 20px;}
#securityHelp h1 {background-color:#EFEFEF; border:1px solid #cacaca; padding:3px; font-size:11px;}
#securityHelp ul {padding:0;}
#securityHelp ul li {margin:5px 0 3px 0; list-style:none;}
#securityHelp ul li a {text-decoration:underline;}
.helpContent {background-color:#EFEFEF; padding:5px;}


	/* button */
.Form-ButtonLogin{color:#474747;font-size: 11px; font-style: normal; font-weight: bold; background-color: #306CAF; border: medium none; width: 82px;height: 27px; background: url(../../Images/zh-tw/Account/LogIn_btn.png) no-repeat;  cursor: pointer; TEXT-ALIGN: center; margin-left:100px;}
input.Form-ButtonLogin:hover {color:#474747;font-size: 11px; font-style: normal; font-weight: bold; background-color: #306CAF; border: medium none; width: 82px;height: 27px; background: url(../../Images/zh-tw/Account/LogIn_btn_hover.png) no-repeat;  cursor: pointer; TEXT-ALIGN: center;}
.Form-ButtonBg{color:#363636;font-size: 12px; font-style: normal; font-weight: bold; background-color: #306CAF; border: medium none; width: 82px;height: 31px; background: url(../../Images/en-us/buttons/Form_Button.gif) no-repeat;  cursor: pointer; TEXT-ALIGN: center;}
input.Form-ButtonBg:hover{color:#fff; font-size: 12px; font-style: normal; font-weight: bold; background-color: #306CAF; border: medium none; width: 82px;height: 31px; background: url(../../Images/en-us/buttons/Form_Button_hover.gif) no-repeat;  cursor: pointer; TEXT-ALIGN: center;}
	

	/* secure access */
.tdBgBlueImage{background-color:#e5f6fe; padding: 0px; border-style: solid; border-color: #78b6d4; border-width: 1px; width:549px;}	


	/* pin */
.tableBgGray{background-color:#fff; border-style: solid; border-color: #CCCCCC; border-width: 1px; text-align:center; padding: 3px 3px 3px 3px;}
#ctl00_ContentPlaceHolder1_Smallkeypad1_KeypadTable tr td {border:solid 2px #fff; padding:0px;}
#ctl00_ContentPlaceHolder1_Smallkeypad1_KeypadTable tr td:hover {border:solid 2px #24be10; background-color:#fff; padding:0px;}
	/* Following hack for IE6 or below only */
* html #ctl00_ContentPlaceHolder1_Smallkeypad1_KeypadTable tr td a {border:solid 2px #fff; background-color:#fff; display:block; padding:0px;}
* html #ctl00_ContentPlaceHolder1_Smallkeypad1_KeypadTable tr td a:link {border:solid 2px #fff; background-color:#fff; display:block; padding:0px;}
* html #ctl00_ContentPlaceHolder1_Smallkeypad1_KeypadTable tr td a:hover {border:solid 2px #24be10; background-color:#fff; display:block; padding:0px;}
	/* End hack */
.TextBoxAccPIN {font-size: 33px; letter-spacing:7px; font-weight:bold; color: #000; background-color:#E8FBE9; border:1px solid #666666; padding:2px 0 0 8px; width:126px; cursor:pointer;}
.TextBoxAccPhrase {font-size: 15px; color: #000; background-color:#E8FBE9; border:1px solid #666666; padding:5px 3px 5px 3px; width:170px; cursor:pointer;}
.TextBoxAccPhraseLogin {font-size: 14px; color: #000; font-weight:bold; border-style:none; background-color:Transparent; padding:5px 3px 5px 3px; width:260px;}


/* Error Varidate */
.rederror {text-decoration:none; font-size:9px; color:#ED1C24; font-weight:normal;}
.rederror-va {text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif;   color:#ED1C24; font-weight:bold}
.tderror{   color:#ED1C24; font-weight:normal; border-style:none;}



/* Date & Time */
.dateTime {font-size:10px; color:#333; font-weight:normal; float:left; clear:left; margin:12px 0 0 20px; width:500px;}

/* LanguageSwitcher */
.LanguageSwitcher
{
	margin:5px;
	text-align:left;
	float:right;
	background-color:#ebebea;
	border: solid 1px #4c76a7;	 
	font-weight:600;
	color:#5f5f5e;
	text-align:center;
}
.wangSIPC2 {
    background: url("../../s1/images/zh-tw/footer/protection.png") no-repeat scroll left top transparent;
    display: block;
    float: left;
    height: 72px;
    width: 220px;
}

/* New Login styles 03-09 */
.headerLogo {float:left; margin:15px 15px 25px 15px;}
.loginLanguage {float:left; margin:30px 0 15px 20px;}
.info {margin:0 0 0 120px;}
.loginMain {background-color:#ebeef0; margin:0; /*overflow:hidden;*/ border:1px solid #b2b2b2; height:1%; float:left; width:428px; /*For Firefox 3 and Webkit*/-moz-border-radius: 3px; -webkit-border-radius: 3px;}
.loginInner {border:1px solid #fff; float:left; /*overflow:hidden;*/ height:1%; width:426px; /*For Firefox 3 and Webkit*/ -moz-border-radius: 3px; -webkit-border-radius: 3px;}
fieldset.loginContent {margin:0; padding:0; border-style:none; float:left; clear:left; width:100%;}
fieldset.loginContent legend {margin-left:10px; color:#000; font-weight:bold;}
fieldset.loginContent ol {padding:1.3em 1em 0 2.5em; list-style:none; float:left; margin:0;}
fieldset.loginContent li {float:left; clear:left; width:100%; padding-bottom:.5em;}
fieldset.loginContent label {float:left; width:6em; margin-right:1em; font-weight:bold; font-size:14px;}
fieldset.loginContent input#ctl00_ContentPlaceHolder1_Ctluserpass2_btnLogon {margin:0 0 0 100px;}
.loginLinks {float:left; width:340px; margin:10px 0 10px 15px;}
.loginOpenAcct {float:left; width:396px; padding:10px 15px; background-color:#ddedff;}
.loginDivider {width:408px; height:2px; margin:2px 10px; padding:0; background:url(../../Images/en-us/trade/Hdivider.gif) repeat-x top left; float:left;}

.loginBanner2 { overflow: hidden; width: 415px;height: 365px; padding-left: 10px;margin: 0px 40px 10px 454px;}