@charset "utf-8";
/* CSS Document */
.box123123 {
border: 1px solid #696;
padding: 60px 0;
text-align: center; width: 200px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: #666 0px 2px 3px;
-moz-box-shadow: #666 0px 2px 3px;
box-shadow: #666 0px 2px 3px;
background: #EEFF99;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EEFF99), to(#66EE33));
background: -moz-linear-gradient(#EEFF99, #66EE33);
-pie-background: linear-gradient(#EEFF99, #66EE33);
behavior: url(pie/PIE.htc);
}
/* login page */
.logininput_box{
	width:100%;
	background-color:#EEEEEE;
	padding:30px 0px;
	min-height: 550px;
	font-family:Arial, "新細明體";
	min-width:1000px;
	}
.logininput_box .login_maincontent{
	width:300px;
	padding:27px 49px 27px 49px;
	border:1px solid #ccc;
	height:494px;
	margin:auto;
	background-image:url(../images/login/login_input_bg.gif);
	background-position:top;
	background-color:#fff;
	background-repeat:no-repeat;
	position:relative;
	}
.login_maincontent .title{
	width:300px;
	height:30px;
	}
.login_maincontent .login_en{
	background-image:url(../images/login/subhead_login_en.gif);
	background-repeat:no-repeat;
	}
.login_maincontent .login_zh_TW{
	background-image:url(../images/login/subhead_login_zh_TW.gif);
	background-repeat:no-repeat;
	}
.login_maincontent .employer_en{
	background-image:url(../images/login/subhead_employer_en.gif);
	margin-bottom:20px;
	background-repeat:no-repeat;
	}
.login_maincontent .employer_zh_TW{
	background-image:url(../images/login/subhead_employer_zh_TW.gif);
	margin-bottom:20px;
	background-repeat:no-repeat;
	}
.login_maincontent .member_en{
	background-image:url(../images/login/subhead_member_en.gif);
	margin-bottom:20px;
	background-repeat:no-repeat;
	}
.login_maincontent .member_zh_TW{
	background-image:url(../images/login/subhead_member_zh_TW.gif);
	margin-bottom:20px;
	background-repeat:no-repeat;
	}
.login_maincontent .forgetpw_en{
	background-image:url(../images/login/subhead_forgetpw_en.gif);
	margin-bottom:20px;
	background-repeat:no-repeat;
	}
.login_maincontent .forgetpw_zh_TW{
	background-image:url(../images/login/subhead_forgetpw_zh_TW.gif);
	margin-bottom:20px;
	background-repeat:no-repeat;
	}
.login_maincontent .acknowledgement_en{
	background-image:url(../images/login/subhead_acknowledgement_en.gif);
	margin-bottom:20px;
	background-repeat:no-repeat;
	}
.login_maincontent .acknowledgement_zh_TW{
	background-image:url(../images/login/subhead_acknowledgement_zh_TW.gif);
	margin-bottom:20px;
	background-repeat:no-repeat;
	}
.login_maincontent .role{
	background-image: url(../images/login/login_input_pic1.jpg);
	color:#FFF;
	font-weight:bold;
	height:50px;
	margin:20px 0;
	}
.login_maincontent .role div{
	float:left;
	text-align:center;
	padding:15px;
	height:20px;
	line-height:20px;
	width:120px;
	}

.login_maincontent .forget_box{
	position:absolute; bottom:20px; width:300px; text-align:center; font-size:11px;
	}
.login_maincontent .forget_box a{
	color:#000;
	}
.login_maincontent .firstlogin_btn{
	bottom: 40px;
    left: 0;
    padding: 30px 0;
    position: absolute;
	}
.login_maincontent .form .hasDatepicker {
	width:155px;
	}

/* callcentre page */
#callcentre{
	width: 100%; 
	font-family:Arial, '新細明體';
	}
#callcentre .topbanner{
	width:100%;
	background-color:#E8E8E8;
	position:static;
	height:auto;
	margin-top:0px;}
#callcentre .topbanner .box{
	width:1000px; margin:auto; height:30px; line-height:30px; font-size:15px; border-bottom:1px solid #CCCCCC; background-color:#E8E8E8}
#callcentre .topbanner .box .left{
	float:left; }
#callcentre .topbanner .box .right{
	float:right; color:#666;}
#callcentre .topbanner .box .right a{
	font-weight:bold;
	color:#666;}
#callcentre .content{
	width:100%;background-color:#E8E8E8; font-size:13px;box-shadow: 0 2px 3px #bbb;}
#callcentre .content .box{
	width:1000px;margin:auto;  line-height:30px; padding:10px 0; background-color:#E8E8E8;}
#callcentre .content .box label{
	padding-right:20px; font-weight:bold;}
#callcentre .content .box .search_box span{
	float:left; padding:0 5px 0 20px;}
#callcentre .content .box .search_box input{
	margin-top:5px;}

#callcentre #call_result_btn{
	width:190px; height:20px; background-image:url(../images/login/callcentre_resultshow_btn.png); background-position:0 -20px; cursor:pointer; margin:auto}


/* side menu */
.login_box .login_maincontent .login_sidemenu{
	width:220px;
	margin-right:20px;
	min-height:500px;
	float:left;
	}
.login_box .login_maincontent .login_sidemenu .top{
	width:180px;
	padding:20px;
	background-image:url(../images/login/side_topbg.gif);
	background-color:#0B8C1E;
	background-repeat:no-repeat;
	background-position:top center;
	height:auto;
	color:#FFF;
	}
.login_box .login_maincontent .login_sidemenu select{
	width:180px;
	}
.login_box .login_maincontent .login_sidemenu .content_sidemenu{
	width:180px;
	padding:20px;
	background-color:#EEEEEE;
	background-image:url(../images/login/side_bottombg.gif);
	background-position:bottom center;
	background-repeat:no-repeat;
	margin:0;
	min-height:0;
	}
.login_box .login_maincontent .login_sidemenu .content_sidemenu ul{
	margin:0;
	padding:0;
	}
.login_box .login_maincontent .login_sidemenu .content_sidemenu ul li{
	padding: 10px 0 10px 20px;
	width:160px;
	border-top:1px solid #CCCCCC;
	background-image:url(../images/login/side_list_pic.gif);
	background-repeat:no-repeat;
	list-style:none;
	}
.login_box .login_maincontent .login_sidemenu .content_sidemenu ul li:first-child{
	border-top:0px ;
	}
.login_box .login_maincontent .login_sidemenu .content_sidemenu ul li a{
	color:#333;
}

/* member content page */
.login_box{
	width:100%;
	padding:30px 0px;
	min-height: 550px;
	font-family:Arial, "新細明體";
	}
.login_box .login_maincontent{
	width:980px;
	padding:0 10px 0 10px;
	margin:auto;
	}
.login_box .bigtitle{
	font-size:25px; 
	color:#0B8C1E;
	text-shadow: 2px 1px 2px #CCCCCC;
	line-height:23px;
	margin-bottom:20px;
	position:relative;
	z-index:10;
	}
.login_box .subtitle{
	font-size:20px; 
	text-shadow: 2px 1px 2px #CCCCCC;
	margin-top:20px;
	margin-bottom:5px;
	}
.login_maincontent .content .bigtitle{
	margin-bottom:0px
	}
.AsDate{
	height:18px;
	font-size: 11px;
	}
.AsDate div{
	background-image: url("../images/login/as_date_bg.gif");
    background-position: right center;
    color: #FFFFFF;
    float: left;
    height: 11px;
    padding: 3px 20px 4px 5px;
	}
.AsDate2{
	height:18px;
	font-size: 11px;
	margin-top:-20px;
	margin-right:-20px
	}
.AsDate2 div{
	background-image: url("../images/login/as_date_bg2.gif");
    background-position: left center;
    color: #FFFFFF;
    float: right;
    height: 11px;
    padding: 3px 5px 4px 20px;
	}
.login_box .login_maincontent .content{
	width:740px;
	min-height:500px;
	float:left;
	margin-bottom:30px;
	}
.forgetpw_form{
	border:1px solid #DEE3C1;
	margin:20px auto 40px auto;
	
	}
.forgetpw_form th{
	background-image:url(../images/common/headbg2.gif);
	background-position:top;
	background-repeat:repeat-x;
	height:50px;
	}
.forgetpw_form td{
	background-color:#F8FBEE;
	}
.forgetpw_form .form{
	margin: 20px auto 0 auto;
	}
.forgetpw_form .form input[type="password"]{
	width:100%;
	}
.flow_heading{
	padding:10px 30px 0 20px;
	border:1px solid #DFDFDF;
	border-bottom:3px solid #DFDFDF;
	font-size:20px;
	vertical-align:bottom;
	height:50px;
	background-color:#EEEEEE;
	position:relative;
	}
.flow_heading div{
	position:absolute;
	bottom:0;
	}
.flow_content{
	border:1px solid #DFDFDF;
	padding:20px;
	min-height:500px;
	}
.rebalancing_btn_en{
	background: url(../images/login/investment_rebalancing_btn_en.gif);
	height:60px;
	width:135px;
	cursor:pointer;}
.rebalancing_btn_zh_TW{
	background: url(../images/login/investment_rebalancing_btn_zh_TW.gif);
	height:60px;
	width:135px;
	cursor:pointer;}
.rebalancing_btn_en:hover{
	background-position:0 -60px}
.rebalancing_btn_zh_TW:hover{
	background-position:0 -60px}
.future_btn_en{
	background: url(../images/login/investment_future_btn_en.gif);
	height:60px;
	width:135px;
	cursor:pointer; }
.future_btn_zh_TW{
	background: url(../images/login/investment_future_btn_zh_TW.gif);
	height:60px;
	width:135px;
	cursor:pointer; }
.future_btn_en:hover{
	background-position:0 -60px}
.future_btn_zh_TW:hover{
	background-position:0 -60px}
input.precent{
	width:60px; float:none; text-align:right}
a.deletefile{
	color: red;
    font-size: 11px;
    line-height: 20px;
    margin-left: 10px;}
a.addfile{
	color:#0B8C1E;
    font-size: 11px;
    }
.onlineinput{
	cursor:pointer;
	color:#FFF;
	text-shadow:1px 1px 3px black;
	text-align:center;
	border:0px;
	font-family:Arial, "新細明體";	
	line-height:22px;
	background-color:transparent;
	height:22px;
	vertical-align:text-top;
	padding:0 0 2px 0;
	margin:0px;
	}
.onlineinput:hover{
	background-position:0 -22px;
	}
.RetriveLatest{
	background-image: url(../images/login/green_btn3.gif);
	width:210px}
.AddMember{
	background-image: url(../images/login/green_btn4.gif);
	width:120px}
.DeleteMember{
	background-image: url(../images/login/red_btn.gif);
	width:120px}
.DownloadDetails{
	background-image: url(../images/login/blue_btn.gif);
	width:210px;
	margin:50px 245px;
	height:20px;}
#AddMemberBox {
	width:100%;
	height:100%; 
	max-height:100% ;
	position: fixed ;
	z-index:60;
	left:0;
	top:0; 
	display:none;} 
#AddMemberBox .content{
	border:1px solid #999999; 
	background:#FFF; 
	width:750px; 
	height:auto; 
	padding:30px 25px ;
	box-shadow: 0 0 5px 0 #666666;
	margin:auto; 
	position:relative; 
	top:10%;
	}
#AddMemberBox .content .MemberInfo .form_en tr td:first-child{
	width:170px;}
#AddMemberBox .content .MemberInfo .form_zh_TW tr td:first-child{
	width:115px;}
#AddMemberBox .content .TerminatedForm {
	background-color:#EFEFEF; 
	}
#AddMemberBox .content .TerminatedForm tr td{
	padding-bottom:10px;
	vertical-align: middle;
	padding:5px;
	}
#AddMemberBox .content .form_en tr td:first-child {
	width:155px;}
#AddMemberBox .content .form_zh_TW tr td:first-child {
	width:100px;}
.onlineinput_summary{
	width:100%;
	padding:20px;
	background-image: url(../images/login/onlineinput_summary_bg.jpg);
	background-repeat:repeat-x;
	margin-bottom:10px;
	}
.onlineinput_summary tr td{
	padding-bottom:10px;
	text-align:left;
	vertical-align:top;
	}
/* search area */
.flow_content .search_box{
	width:70%;
	margin:auto;
	margin-bottom:10px;}
.flow_content .search_box .form tr td{
	padding-bottom:10px;}

/* step menu */
.Login_stepmenu{
	width:auto;
	height:50px;
	line-height:18px;
	font-size:15px;
	font-weight: bold;
	margin-bottom:30px;
	color:#666666;}
.Login_stepmenu div{
	background-image:url(../images/onlineservice/onlineapp-stepbg3.gif);
	background-position:right top;
	text-align:center;
	height:30px;
	float:left;
	position:relative;
	line-height:16px;
	padding-top:19px;
	}
.three_steps div{
	width:260px;
	}
.three_steps .step1{
	padding-right:5px;
	z-index:5
	}
.three_steps .step2{
	padding-left:10px;
	margin-left:-27px;
	z-index:4;}
.three_steps .step3{
	padding:19px 0px 0px 25px;
	background-image:url(../images/onlineservice/onlineapp-stepbg4.gif);
	width:190px;
	border-right:1 solid #FFF;
	margin-left:-27px ;
	z-index:1;}
.four_new_steps div{
	width:190px;
	}
.four_new_steps .step1{
	padding-right:5px;
	z-index:5
	}
.four_new_steps .step2{
	padding-left:10px;
	margin-left:-27px;
	z-index:4;}

.four_new_steps .step3{
	padding-left:10px;
	margin-left:-27px;
	z-index:3;}

.four_new_steps .step4{
	padding:19px 0px 0px 25px;
	background-image:url(../images/onlineservice/onlineapp-stepbg4.gif);
	width:158px;
	border-right:1 solid #FFF;
	margin-left:-27px ;
	z-index:1;}
.Login_stepmenu .on{
	background-position:right -50px;
	color:#FFF;}
.Login_stepmenu .done{
	background-position:right -100px;
	color:#FFF;}

.Login_stepmenu .on a, .Login_stepmenu .done a{
	color:#FFF;}
table.form input[type="text"].ForgetPW_Contactinput1, table.form input[type="text"].ForgetPW_Contactinput2{
	width:40px;}
table.form input[type="text"].ForgetPW_Contactinput3{
	width:84px}
table.forgetPW_er_remark1{
font-size:10px; line-height:1em; color:#666; width:100%; padding-top:3px;
}
table.forgetPW_er_remark1 tr td:first-child, table.forgetPW_er_remark1 tr td{
width:47px ; padding-bottom:0px
}
table.forgetPW_er_remark1 tr td+td+td{
width:auto ; padding-bottom:0px
}