@charset "utf-8";

#maincontent .content .calculators_en  {
	background-image:url(../images/onlineservice/subhead_calculators_en.gif);
}
#maincontent .content .calculators_zh_TW  {
	background-image:url(../images/onlineservice/subhead_calculators_zh_TW.gif);
}
#maincontent .content .Download_en  {
	background-image:url(../images/onlineservice/subhead_download_en.gif);
}
#maincontent .content .Download_zh_TW  {
	background-image:url(../images/onlineservice/subhead_download_zh_TW.gif);
}
#maincontent .content .UsefulLink_en  {
	background-image:url(../images/onlineservice/subhead_usefullink_en.gif);
}
#maincontent .content .UsefulLink_zh_TW  {
	background-image:url(../images/onlineservice/subhead_usefullink_zh_TW.gif);
}
#maincontent .content .PersonalAcc_en  {
	background-image:url(../images/onlineservice/subhead_personalacc_en.gif);
}
#maincontent .content .PersonalAcc_zh_TW  {
	background-image:url(../images/onlineservice/subhead_personalacc_zh_TW.gif);
}
#maincontent .content .SelfEmployed_en  {
	background-image:url(../images/onlineservice/subhead_selfemployed_en.gif);
}
#maincontent .content .SelfEmployed_zh_TW  {
	background-image:url(../images/onlineservice/subhead_selfemployed_zh_TW.gif);
}
#maincontent .content .SmartEasy_en  {
	background-image:url(../images/onlineservice/subhead_smarteasy_en.gif);
}
#maincontent .content .SmartEasy_zh_TW  {
	background-image:url(../images/onlineservice/subhead_smarteasy_zh_TW.gif);
}
.calculators_lspsp_top {
	width:630px;
	padding:70px 35px 0 35px;
	background-image: url(../images/onlineservice/calculators_lspsp_topbg.jpg);
	color:#fff;
	height:240px;
}
.calculators_lspsp_input {
	width:700px;
	padding:20px 0;
	background-image:url(../images/onlineservice/calculators_lspsp_bg.jpg);
	color:#fff;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
}
.calculators_lspsp_input tr td:first-child{
	text-align:right;
	height:40px;
	line-height:40px;
}
.calculators_lspsp_input tr td:nth-child(2){
	text-align:center;
}
.calculators_lspsp_input input{
	width:150px
}
.calculators_lspsp_input .check_message{
	width:500px
}
.calculators_lspsp_result{
	width:700px;
	background-image:url(../images/onlineservice/calculators_lspsp_bg.jpg);
	color:#fff;
}
.calculators_lspsp_tandc{
	width:700px;
}
.calculators_lspsp_result .resultcontent{
	width:480px; 
	background-color:#5CA251; 
	padding:20px 10px;
	font-size:16px;
	font-weight:bold;
	margin:auto;
	text-align:center;
}
.calculators_lspsp_result .resultcontent .price{
	color:#FFCC00;
	font-size:30px;
}
.calculators_lspsp_bottom{
	width:700px;
	background-image:url(../images/onlineservice/calculators_lspsp_bottombg.jpg);
	height:40px;
}
/**Useful Link & Download Centre**/
.UsefulLink_List p , .DownloadCentre_List p {
	background-image:url(../images/common/sidemenu/sidemenu_arrow2.gif);
	vertical-align:middle;
	padding-left:20px;
	background-repeat:no-repeat;
	line-height:18px;
	margin:5px 0px;
	}
.DownloadCentre_content table.clio_style tr td a{
	background-image:url(../images/common/orange_download_bg.gif);
	background-repeat:no-repeat; 
	background-position:left 3px;
	color: #333;
	font-weight:normal;
	padding:5px 25px;
	display:block;
	
	}
.DownloadCentre_content table.clio_style tr td {
	padding:10px;}
/**Calculators**/
.Calculators_Contert a img{
	width:205px;
	height:205px;
	border:0px;
	float:left;
	margin-right:20px;
	}
.Calculators_Contert a img:hover{
	box-shadow: 0px 0px 3px #aaa;
	opacity:0.8;
	filter: alpha(opacity=80);
	border-radius:10px;
	}
/**Online Application**/
.OnlineApl_stepmenu{
	width:auto;
	height:50px;
	line-height:18px;
	font-size:15px;
	font-weight: bold;
	margin-bottom:30px;
	color:#666666;}
.OnlineApl_stepmenu div{
	background-image:url(../images/onlineservice/onlineapp-stepbg.gif);
	background-position:right top;
	text-align:center;
	height:30px;
	float:left;
	position:relative;
	line-height:16px;
	padding:10px 0;
	width:150px;
	}
.five_steps_en .step1{	padding-right:5px;	z-index:5	}
.five_steps_en .step2{	padding-left:10px;	margin-left:-27px;	z-index:4;}
.five_steps_en .step3{	padding-left:10px;	margin-left:-27px;	z-index:3;}
.five_steps_en .step4{	padding:17px 0 3px 0;	padding-left:10px;	margin-left:-27px;	z-index:2}
.five_steps_en .step5{	padding:17px 0px 3px 25px;	background-image:url(../images/onlineservice/onlineapp-stepbg2.gif);	width:147px;	border-right:1 solid #FFF;	margin-left:-27px ;	z-index:1}
.four_steps_en .step1{	padding-right:5px;	z-index:5;	width:180px;	}
.four_steps_en .step2{	padding-left:10px;	margin-left:-27px;	z-index:4;	width:180px;}
.four_steps_en .step3{	padding:17px 0 3px 0;	padding-left:10px;	margin-left:-27px;	z-index:2;	width:180px;}
.four_steps_en .step4{	padding:17px 0px 3px 25px;	background-image:url(../images/onlineservice/onlineapp-stepbg2.gif);	width:147px;	border-right:1 solid #FFF;	margin-left:-27px ;	z-index:1;	width:190px;}

.five_steps_zh_TW  .step1{	padding-right:5px;	z-index:5; padding-top:17px; padding-bottom:3px;	}
.five_steps_zh_TW  .step2{	padding-left:10px;	margin-left:-27px;	z-index:4; padding-top:17px; padding-bottom:3px;}
.five_steps_zh_TW  .step3{	padding-left:10px;	margin-left:-27px;	z-index:3; padding-top:17px; padding-bottom:3px;}
.five_steps_zh_TW  .step4{	padding:17px 0 3px 0;	padding-left:10px;	margin-left:-27px;	z-index:2; padding-top:17px; padding-bottom:3px;}
.five_steps_zh_TW  .step5{	padding:17px 0px 3px 25px;	background-image:url(../images/onlineservice/onlineapp-stepbg2.gif);	width:147px;	border-right:1 solid #FFF;	margin-left:-27px ;	z-index:1; padding-top:17px; padding-bottom:3px;}
.four_steps_zh_TW  .step1{	padding-right:5px;	z-index:5;	width:180px; padding-top:17px; padding-bottom:3px;}
.four_steps_zh_TW  .step2{	padding-left:10px;	margin-left:-27px;	z-index:4;	width:180px; padding-top:17px; padding-bottom:3px;}
.four_steps_zh_TW  .step3{	padding:17px 0 3px 0;	padding-left:10px;	margin-left:-27px;	z-index:2;	width:180px;}
.four_steps_zh_TW  .step4{	padding:17px 0px 3px 25px;	background-image:url(../images/onlineservice/onlineapp-stepbg2.gif);	width:147px;	border-right:1 solid #FFF;	margin-left:-27px ;	z-index:1;	width:190px;}


.OnlineApl_stepmenu .on{
	background-position:right -50px;
	color:#FFF;}
.OnlineApl_stepmenu .done{
	background-position:right -100px;
	color:#FFF;}

.OnlineApl_stepmenu .on a, .OnlineApl_stepmenu .done a{
	color:#FFF;}


	
	
/*****input page****/

.OnlineApl_Form .title_blue_box{
	background-image:url(../images/common/title_blue_box_bg2.gif);
	margin-bottom:0px;
}
.OnlineApl_Form .form_content{
	background-color:#F2F2F2;
	padding:10px;
	width:680px;
	display:table;
	margin-bottom:20px
}
.OnlineApl_Form .form_content hr{
	border-style:dashed;
	*width:680px;
	*border:#ccc 1px dashed;
	*margin-bottom:0px;
	}
.OnlineApl_Form .form_content .remark2{
	padding-top:0px;
	margin-top:0px;
	
}
.OnlineApl_Form .form_content h5{
	margin-top:0px;
}
.OnlineApl_Form .form_content .address input{
	margin-bottom:10px;
}
.OnlineApl_Form .form_content .phoneremark tr td{
	padding-bottom:0px;
}
.OnlineApl_Form .form_content .precent{
	width:60px;
	float:none;
}
.OnlineApl_Form .form_content table.form_en tr td:first-child{
	width:130px;}

.OnlineApl_Form .form_content table{
	margin:0px
}
.OnlineApl_Form .form_content .name_input input{
	width:80px;
	float:left;
}
.OnlineApl_Form .form_content .name_input div{
	font-size:10px; 
	width:90px;
	float:left;
	font-size:10px;
	margin-bottom:10px;
	color:#666666;
}
.OnlineApl_Form .form_content .subhead{
	padding:5px;
	background-color:#E0E0E0;
	font-weight:bold;
	}
.OnlineApl_Form .form_content .subcontent{
	padding-left:30px;
	margin-bottom:30px;
	}
.OnlineApl_Form .form_content  h3{
	font-size:13px;
	margin:15px 0 5px 0;
	font-weight:normal;
	text-decoration:none;
	}
.OnlineApl_Form  div.choice{
	margin-top:5px; display:table;
	}
.OnlineApl_Form  div.choice div{
	float:left;
	min-height:20px;
	}
.OnlineApl_Form  div.choice div:first-child{
	width:25px;
	}
.OnlineApl_Form  div.choice div:first-child~div{
	width:617px;
	}
.OnlineApl_Form  div.choice div:first-child~div~div{
	width:100%; padding:5px 0 0 25px;
	}
	
.OnlineApl_Form  div.choice input{
	float:left;
	}
.OnlineApl_Form .form_content #bankDetailDIV{
	border:1px solid #ccc; padding:10px 20px; margin-left:25px; float:left; margin-top:5px; display:none;
	}
.OnlineApl_Form .form_content #vcSectionDIV{
	display:none;
	}
.OnlineApl_Form .Transfer_Intro{
	padding:10px 20px;
	border:1px solid #C4E8D9;
	margin-bottom:40px;}

.OnlineApl_Form .table_header_blue{
	font-size:15px;
	padding:10px;
	text-align:left;}
	
.OnlineApl_Form .Verification{
	height: 20px;
    margin: 50px 195px;
    text-align: center;
	}
.OnlineApl_Form .Verification div{
	float:left; margin-right:10px; text-align:right;
	}
.OnlineApl_Form a.note_s{
	color:#25ACA9;
	font-size:11px;
	vertical-align:super;
	cursor:pointer;
	}
.OnlineApl_Form a.note_s_green{
	color:#0B8C1E;
	font-size:11px;
	vertical-align:super;
	cursor:pointer;
	}
.OnlineApl_Form a.note_b{
	color:#FFFF00;
	font-size:13px;
	vertical-align:super;
	cursor:pointer;
	}
.OnlineApl_Form .size_en, .OnlineApl_Form .size_en div, .OnlineApl_Form .size_en tr td{
	font-size:9px !important;
	font-family:" " !important;
	}
.OnlineApl_Form .size_zh_TW, .OnlineApl_Form .size_zh_TW div, .OnlineApl_Form .size_zh_TW tr td{
	font-size:11px !important;
	}
	
/*****comfirmation page****/

.OnlineApl_Form .tabmenu{
	width:auto;
	background-image:url(../images/onlineservice/onlineapl_tabmenu_bg.gif);
	color:#fff;
	background-position:0 0;
	background-repeat:no-repeat;
	display:table;
	font-weight:bold;
	float:left;
	}
.OnlineApl_Form .tabmenu_green{
	background-image:url(../images/onlineservice/onlineapl_tabmenu_bg2.gif);}
.OnlineApl_Form .tabmenu div{
	width:155px;
	width:154px \9;
	*width:155px ;
	padding:23px 10px 7px 10px;
	float:left;
	cursor:pointer;
	text-align:center;
	line-height:20px;
	background-color:transparent;
	
	}
.OnlineApl_Form .tabmenu .on{
	padding:15px 10px;
	}
.OnlineApl_Form .form_content .edit_btn{
	padding:5px 20px;
	background-color:#25ACA9;
	border:1px solid #1E8C89;
	color:#fff;
	cursor:pointer;
	margin:20px auto;
	display:inherit;
	max-width:100px;
	text-align:center;
	}
.OnlineApl_Form .form_content .edit_btn:hover{
	background-color:#34BBB8
	}
.OnlineApl_Form .form_content .edit_btn_green{
	padding:5px 20px;
	background-color:#0B8C1E;
	border:1px solid #096616;
	color:#fff;
	cursor:pointer;
	margin:20px auto;
	display:inherit;
	max-width:100px;
	text-align:center;
	}
.OnlineApl_Form .form_content .edit_btn_green:hover{
	background-color:#1A9B2D;
	}
.OnlineApl_Form #apltab2_content, .OnlineApl_Form #apltab3_content, .OnlineApl_Form #apltab4_content{
	display:none;}