/* [D01-1371-H60008][香港客戶登入LOGO一律為O-BANK][Eric, 2017/01/16] */

@charset "utf-8";
@import url("jq/custom-theme/jquery-ui.1.12.1.custom.css");
@import url("jq/custom-theme/jquery-ui.structure.min.css");

/* CSS Document */
/*************************************
*		Reset Element
**************************************/
html, body, ul, li, dl, dt, dd, form ,image{margin:0;border:0;padding:0; list-style:none}
a, a:hover{text-decoration:none;outline: none; /* for Firefox */
	hlbr:expression(this.onFocus=this.blur());
	cursor:pointer !important;
}

/*************************************
*		base
**************************************/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, select, textarea, p, blockquote, th, td{
    margin:0;
    padding:0;
    font-family:'微軟正黑體',Helvetica,Arial,sans-serif,'STHeiti Light','儷黑 Pro','LiHei Pro','Microsoft Yahei','Microsoft JhengHei',新細明體;
	color:#000;
    font-size:12px;
    -webkit-text-size-adjust:none; /*解決Chrome 12px以下字級*/
}
table{
    border-collapse:collapse;
    border-spacing:0;
}
td{ line-height:18px; word-break:break-all;}
label{ margin:0 15px 0 0; display:inline-block; *display:inline; *zoom:1;}
td input{ margin:4px 0 0 0;}
/*.hd1 input{ margin:0;}*/
label input{ vertical-align:middle; margin:-2px 4px 0 0;}

#wrapper{
	min-width:960px;
	width:auto !important;
	width:960px;
	max-width:960px;
	background:#ffffff url(../image/header/header_bg.gif) repeat-x 0 100px;
	padding:0 10px;
	margin:0 auto;
}

/*************************************
*		#footer
**************************************/
#footer{
    border-top: 1px solid #CCC;
	clear: left;
	width: 100%;
    text-align: center;
	/*background:#aaa193;*/
    padding:10px 0 10px 0;
    color:#333;
    font-size: 12px;
    line-height: 1.7;
}
#footer a{ color:#36C; margin:0 4px;}
#footer a:hover{  text-decoration: underline;}
#footer.login{
	clear: left;
	width: 940px;
    height: 105px;
    text-align: center;
	background:#fff;
    color:#fff;
    font-size: 12px;
    line-height: 1.7;
    position: relative;
    margin: 0 auto;
}
#footer.login .inner{
    margin:0px 15px 0px 15px;
    padding-top: 15px;
    text-align: right;
}
#footer.login .inner div{ color:#333;}
.anti-logo{
    width: 133px;
    height:175px;
    position: absolute;
    top:2px;
    left: 0;
 
}

/*************************************
*		index  登入前
**************************************/
.bg_group{
    width: 100%;
    background: #f2f2ea;
    display: inline-block;
    padding: 25px 0 15px
}
.login_body{
    margin:0 auto;
    padding:0;
    background:#fff;
    width:100%;
}
.login_wrap{
    position: relative;
    margin:0 auto;
    padding:0;
    width:900px;
    background:url(../image/login/login_center_img.jpg) no-repeat right top;
}
.login_wrap .indexwords{
    position: absolute;
    width: 669px;
    height: 30px;
    bottom: 16px;
    left: 0;
    background: url(../image/layout/index_words.png) no-repeat;
}
.login_infowrap{
    position: relative;
    margin:0px auto 20px auto;
    padding:30px 0;
    width:900px;
	min-height:200px;
	border-top:1px solid #ccc;
	position:relative;
}
.login_infowrap .msg_content{
	width:420px;
	margin:0 auto;
    color: #000;
    font-size: 14px;
	line-height:22px;
	padding:10px 0;
}
.login_infowrap .edit_content{
	width:600px;
	margin:0 auto;
    color: #000;
    font-size: 14px;
	line-height:22px;
	padding:10px 0;
}
.login_infowrap .enable_code{
    width:360px;
    margin:0 auto;
    color: #000;
    line-height:22px;
    padding:10px 0;
}

.login_infowrap .enable_code #loginForm{
    background-color: #f7f7f7;
    color: #000;
    font-size: 14px;
    vertical-align:top;
    margin:0;
    min-height: inherit;
    border-radius: 4px;
    width: 274px;
padding: 40px 40px;
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
border: none;

}
.login_infowrap .enable_code #loginForm .arrow2{
    display:block;
    position:absolute;
    width:10px;
    height:23px;
    background:url(../image/layout/otp_arrow2.gif) no-repeat 0 0;
    left:-3px;
    top:15px;
}
.login_infowrap .enable_code fieldset#bg{ padding:0;}
.login_infowrap .enable_code fieldset#bg fieldset label{
    color: #fb5c00;
    font-size:15px;
    margin-top:15px;
    margin-bottom:10px;
}
.login_infowrap .enable_code #loginForm input{ width:97%; margin: 0px; height: 30px}
.login_infowrap .enable_code .activation_code_img{
    margin: 0 auto 25px;
display: block;
}
.login_infowrap .enable_code #submitArea{
    margin-top: 0;
}
.login_infowrap .enable_code .tit{
    text-align: center;
    font-size: 16px;
    color: #555
}
.login_infowrap .otp_content{
	width:878px;
	margin:0 auto;
    color: #000;
	line-height:22px;
	padding:20px 10px;
	border:1px solid #e6e6e6;
	background:#f8f8f8;
}
.login_infowrap .otp_content p{
	display:inline-block;
	*display:inline;
	*zoom:1;
	font-size:15px;
	width:180px;
	border-right:1px solid #e6e6e6;
	height:300px;
	padding:0 15px;
	vertical-align:top;
	line-height:22px;
	position:relative;
}
.login_infowrap .otp_content p .arrow1{
	display:block;
	position:absolute;
	width:10px;
	height:23px;
	background:url(../image/layout/otp_arrow1.gif) no-repeat 0 0;
	right:-9px;
	top:15px;
}
.login_infowrap .otp_content p img{ text-align:center;}
.login_infowrap .otp_content p.last{ border-right:none;}
.login_infowrap .otp_content .step{
	color: #fb5c00;
	font-style:italic;
	display:block;
	margin-top:15px;
	margin-bottom:10px;
}
.login_infowrap .otp_content .step_txt{
	display:block;
	min-height:80px;
}
.login_infowrap .otp_content #loginForm{
	display:inline-block;
	*display:inline;
	*zoom:1;
	border:1px solid #e6e6e6 !important;
	background:#fff;
    width:228px;
	height:250px;
    color: #000;
    font-size: 14px;
	padding:0;
	vertical-align:top;
	box-shadow:0 1px 2px rgba(0,0,0,0.1);
	position:relative;
}
.login_infowrap .otp_content #loginForm .arrow2{
	display:block;
	position:absolute;
	width:10px;
	height:23px;
	background:url(../image/layout/otp_arrow2.gif) no-repeat 0 0;
	left:-3px;
	top:15px;
}
.login_infowrap .otp_content fieldset#bg{ padding:0 20px;}
.login_infowrap .otp_content fieldset#bg fieldset label{
	color: #fb5c00;
	font-size:15px;
	margin-top:15px;
	margin-bottom:10px;
}
.login_infowrap .otp_content #loginForm input{ width:180px;}
.login_infowrap .link1{
	color:#3366CC;
    font-size: 13px;
	text-decoration:underline;
	margin:0 4px;
}
.login_infowrap a:hover{ text-decoration:none;}
.login_infowrap .tit{
    color: #000;
	font-weight:bold;
    font-size: 15px;
	line-height:22px;
	margin-bottom:10px;
}
.login_infowrap .linkbox{
	width:420px;
	display:block;
	text-align:center;
	position:absolute;
	bottom:30px;
}
/*login 欄位開始*/
.login_section{
    background:#fff;
    /*padding-top: 35px;*/
    /*padding-right: 6px;*/
    width:270px;
    background: transparent;
    min-height: 300px;
    float:left;
}
.login_section .tit{
    background-color: #fff;
color: #ff5d00;
font-size: 16px;
line-height: 45px;
height: 45px;
position: relative;
padding: 5px 23px 0;
/*border-top: 1px #cfd0ce solid;
border-left: 1px #cfd0ce solid;
letter-spacing: 0.1em;*/
text-align: justify;
text-justify: inter-ideograph;
letter-spacing: 1px;
}
.login_section .tit_line{
    height: 1px;
    display: inline-block;
    background: #ff5d00;
    position: relative;
top: -6px;
width: 98%;
}

/* Login Form */
#loginForm{
    background: #fff;
    width:220px;
    min-height:233px;
    padding:15px 25px 10px 24px;
    /*border-style:none none solid solid;*/
    border-color: #cccccc;
    border-width: 1px;
}
.system_maintenance{
    margin-top: 25px;
}
#loginForm h2, .system_maintenance h2{
    color: #fc5f07;
    font-size: 16px;
    font-weight: bold;
}
#loginForm p, .system_maintenance p{
    font-size: 13px;
    line-height: 1.5em;
}
#loginForm p span, .system_maintenance p span{
    font-size: 13px;
    font-weight: bold;
    color: #555
}
#loginForm fieldset{
    margin:0 0 10px 0;
    display:block;
    border:0;
    padding:0;
}
fieldset#bg{
    padding:0px 0 5px 0;
    margin:0;
}
#loginForm #checkbox{
    width:auto;
    margin:1px 9px 0 0;
    float:left;
    padding:0;
    border:0;
    *margin:-3px 9px 0 0; /* IE7 Fix */
}
fieldset#bg fieldset label{
    display:block;
    float:none;
    margin:0 0 4px 0;
    color:#000;
    font-size:13px;
}
#loginForm input{
    width:212px;
    border:1px solid #cacacc;
    color:#000;
    padding:3px 3px;
    font-size:13px;
}
#submitArea{
    margin-top: 10px;
    position: relative;
}

#submitArea .keyboard_box{
    display: inline-block;
    float: right;
    padding-top: 8px;
}
#submitArea .keyboard_box input{
    display: inline-block;
    float: left;
    width: auto;
}
/* Sign In Button */
#loginForm #login{
    width:100%;
    float:right;
    background:#3079ed;
    color:#fff;
    padding:14px 0 16px ;
    cursor:pointer;
    border:1px solid #3079ed;
    font-size: 13px;
	text-decoration:none;
	line-height:18px;
	border-radius:3px;
    text-align: center;
}
#loginForm #login:hover{
	background:#3366cc;
	border:1px solid #3366CC;
}
#loginForm .reset{
    width:auto;
    float:right;
    color:#3366CC;
    padding:6px 0 5px 0;
    margin:0 12px 0 0;
    cursor:pointer;
    font-size: 13px;
	text-decoration:underline;
}
.login_link1{
    color: #3366cc;
	font-size: 13px;
	padding: 6px 0 5px 0;
	margin: 5px 12px 0 0;
	display: inline-block;
}
.login_link1:hover,.login_link2:hover{
    color:#3366cc;
    text-decoration:underline;
}
.login_link2{
    background:url(../image/layout/topNav_icon.png) no-repeat left center;
    padding:2px 5px 2px 15px;
    color:#00509b;
    text-decoration:none;
}
.login_error{
	color:#E60000;
	list-style:none;
	padding:0 0 0 20px;
	background: url(../image/icon/msg_alert.png) 0 0 no-repeat;
	margin:4px 0;
}
#indexbottomArea{
    width: 900px;
    padding: 11px 40px 11px 40px;
    margin: 0 auto;

}
/*銀行公告 login_post*/
.login_post{
    float:right;
    width:100%;
    height:auto;
    padding: 0px;
    /*background-color: #ffffff;*/
}
.popup .login_post{
    float:none;
    width:auto;
	border:1px solid #ddd;
	border-radius:4px;
}
.popup .login_post_inner{ padding:20px;}
.popup .login_post h1{
	font-size:16px;
	font-weight:bold;
	margin-bottom:10px;
}
.popup .login_post .article{ line-height:22px;}
.popup .login_post .article p{ margin-bottom:10px;}
.login_post .tit{ float: left; display: inline-block;}
.login_post .tit .tit-inner{
    padding: 10px 0px;
    font-size: 15px;
	line-height:17px;
    color: #e93225;
	position:relative;
}
.login_post .tit .tit-inner span{
    background:url(../image/icon/icon_msgnews_tit.gif) no-repeat left center;
    line-height: 21px;
    display: block;
    width: 65px;
    padding: 7px 0;
}
.login_post ul{ margin:0px 0px 10px 10px; float: left;}
.login_post ul li{
    font-size: 13px;
    margin-top:10px;
    line-height:15px;
    padding-left: 15px;
    background: url(../image/icon/listdot.png) no-repeat 0 0;
}
.login_post li a{ color:#000; text-decoration:none;}
.login_post span.listword{
    width:600px;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.login_post li a:hover span.listword{  text-decoration:underline;}
.login_post ul li a span.date{
    color:#8d8d8d;
    display: block;
    float: right;
}
/*廣告區塊*/
#ad_area{
    float: left;
    /*margin-right: 20px;*/
    width: 270px;
    height: 150px;
    padding: 10px 0 0 0;
    /*border: 1px solid red;*/
    /*background-color: #ffffff;*/
    position: relative;
}
.infiniteCarousel{
    width: 230px;
    height: 150px;
    position: relative;
    margin: 0 auto;
    /*border: 1px solid red;*/

}
.infiniteCarousel .adwrapper{
    width: 230px;
    overflow: hidden;
    height: 130px;
    position: relative;
    margin: 0 auto;
}

.infiniteCarousel .adwrapper ul{
    width: 9999px;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin:0;
    padding:0;
    position: absolute;
    top: 0;
}
.adwrapper ul li{
    float:left;
}
.adwrapper ul li a{
    display:block;
    width: 230px;
    height: 130px;

}
.adwrapper ul li a img{ border:1px solid #e6e6e6;}
.adwrapper ul li a.image1{
    background:url(../image/ad/ad1.jpg) 0 0 no-repeat;
}
.adwrapper ul li a.image2{
    background:url(../image/ad/ad2.jpg) 0 0 no-repeat;
}
.adwrapper ul li a.image3{
    background:url(../image/ad/ad3.jpg) 0 0 no-repeat;
}
.adwrapper ul li a.image4{
    background:url(../image/ad/ad4.jpg) 0 0 no-repeat;
}



div.pagination{

    position: absolute;
    bottom:0px;
    left: 0;
    width: 100%;
    text-align: center;
    height: 15px;
    z-index: 10000;
}
div.pagination a.indicator{
    background: url(../image/ad/indicate.gif) 0px 0px no-repeat transparent;
    width: 6px;
    height: 6px;
    margin: 0 5px 0 0;
    display: inline-block;
}
div.pagination a.indicator.active{
    background: url(../image/ad/indicate_active.gif) 0px 0px no-repeat transparent;
    cursor: default;
}
div.pagination a span{ display: none;}

/*************************************
*		main  登入後
**************************************/
/*		body
------------------------------------ */
.main{ background:#ffffff url(../image/header/header_bg.gif) repeat-x 0 100px;}
.index{ background:#ffffff;}
.home{ width:780px;}
.home2{ width:780px;}/*for儀表板*/
.popup{ background:#fff;}
.home_bd{ width:770px; overflow:hidden;}

/*		#header
------------------------------------ */
#header{
    background-color: #ffffff;
	height: 74px;
    clear: both;
    /*設relative，使absolute logout-menu 依據header來定位，跟著header min-width定位*/
    position: relative;
	z-index: 2;
}
#header.login{
    /*border-top:4px solid #ff9900;*/
    height: 98px;
    width:900px !important;
    min-width:900px !important;
    margin: 0 auto;
}
#header a#logo_link{
	background: url(../image/header/logo_non_HK.png) no-repeat left top;
    display:block;
    width: 240px;
    height:74px;
    cursor:default;
    font-size:1px;
    /*靠左*/
    float:left;
    /*置中*/
    /*margin: 0 auto;*/
    color:#fff;
	position: relative;
}
#header.login a#logo_link{
    height: 98px;
}
.index #header a#logo_link{ background: url(../image/header/index_logo_nonHK.png) no-repeat 0;}
#header a .logo_container{
	margin: 0;
	padding:0;
    position: absolute;
    left: 290px;
    top:3px;
}
#header a .logo_container.index{}
/*下拉選單*/
.dropmenu{
    position: absolute;
    top: 22px;
    right: 21px;
    border: 1px solid #c8c8c8;
    border-radius: 3px;
    width:58px;
    height:auto;
    background-color: #ffffff;
    cursor: pointer;
}
/*下拉 語言選單*/
.lang-dropmenu{
    position: relative;
    top: 2px;
    left: 0;
    border: 1px solid #3a3a3a;
    border-radius: 3px;
    width:85px;
    height:auto;
    background-color: #3a3a3a;
    cursor: pointer;
}
.dropmenu .dropmenu-current{ color: #000000;}
.lang-dropmenu .dropmenu-current{ color: #fff;}
/*下拉選單箭頭icon*/
.dropmenu-arrow{
    height:14px;
    width: 7px;
    position: absolute;
    top: 7px;
    right:5px;
    z-index: 1601;
    background: url(../image/header/langdropmenu_arrow.gif) no-repeat;
}
.lang-dropmenu-arrow{
    height:14px;
    width: 7px;
    position: absolute;
    top: 12px;
    right:3px;
    z-index: 1601;
    background: url(../image/header/langdropmenu_arrow_b.png) no-repeat;
}
.dropmenu-option{
    line-height: 21px;
    font-size: 12px;
    padding-left: 5px;
}
.dropmenu-content{
    z-index: 1601;
}
.dropmenu-content .dropmenu-option{
    line-height: 22px;
    font-size: 12px;
    padding-left: 5px;
    z-index: 1601;
    color: #aaa
}
.dropmenu-current{}
.dropmenu .dropmenu-content{
    color: #000000;
    display: none;
}
.lang-dropmenu .dropmenu-content{
    color: #6c6e71;
    display: none;
}
/*下拉式選項滑過樣式*/
.dropmenu-content-hover{
    background-color: #938674;
    color: #ffffff !important;
}
.lang-dropmenu-content-hover{
    background-color: #938674;
    color: #ffffff !important;
}

/*		#pageBody
------------------------------------ */	
#pageBody{
	float: left;
	width: 100%;
	background-color:#f7f7f7;
    margin-top: 3px;

}
.logout_area{
    float: right;
    padding-right: 10px;
}

/*		#quick-menu
------------------------------------ */
#header.login .quick-menu li{ color:#ffffff;}
.quick-menu{
    position: absolute;
    right: 0;
    top: 9px;
    /**top: 2px; */
}
.quick-menu li{
    float: left;
    padding: 0px 2px;
    background-position: right 6px;
}
.quick-menu li a.zoom_in{
    border: 1px solid #fff;
    border-radius: 3px;
    display: inline-block;
    background: url(../image/header/zoom_in.png) no-repeat 0 0;
    width: 24px;
    height: 20px;
    background-color: #fff;
}
.quick-menu li a.zoom_out{
    border: 1px solid #fff;
    border-radius: 3px;
    display: inline-block;
    background: url(../image/header/zoom_out.png) no-repeat 0 0;
    width: 24px;
    height: 20px;
    background-color: #fff;
}
.quick-menu li a.favor{
    border: 1px solid #fff;
    border-radius: 3px;
    display: inline-block;
    background: url(../image/header/quick_favor.png) no-repeat 0 0;
    width: 24px;
    height: 20px;
    background-color: #fff;
}
.quick-menu li a.financial{
    border: 1px solid #fff;
    border-radius: 3px;
    display: inline-block;
    background: url(../image/header/quick_rate.png) no-repeat 0 0;
    width: 24px;
    height: 20px;
    background-color: #fff;
}
.quick-menu li a.navlist{
    border: 1px solid #fff;
    border-radius: 3px;
    display: inline-block;
    background: url(../image/header/quick_list.png) no-repeat 0 0;
    width: 24px;
    height: 20px;
    background-color: #fff;
}
.quick-menu li a.financial:hover, .quick-menu li a.zoom_in:hover, .quick-menu li a.zoom_out:hover, .quick-menu li a.favor:hover, .quick-menu li a.navlist:hover{
	border: 1px solid #ccc;
	background-position:0 -20px;
}

.quick-menu li.last{ background: none;}
.quick-menu li.menu-item{
    position: relative;
    padding: 1px 0 0;
}
.quick-menu li b.leftline{
    width: 1px;
    position: absolute;
    border-left: 1px solid #bfbfbf;
    height: 12px;
    display: block;
    top: 6px;
    left: 0;
    overflow: hidden;
}
/*加上divider ，li內就可以加入絕對定位，如下拉式選單和 分隔直線*/
/*有divider 就沒有padding*/
.quick-menu li.divider{
    position: relative;
    padding: 0 0 0 2px;
}
/*有divider 改為 內部的a有padding*/
.quick-menu li.divider a{
    padding-left: 5px;
    padding-right: 5px;
}
.quick-menu.login{
    position: absolute;
    right: 0px !important;
    top: 37px;
    /**top: 2px; */
}
/*只有文字和連結*/
.quick-menu li.wordlink a,
.quick-menu li.nolink a{
    display: block;
    color: #c6c6c6;
    height: 17px;
    line-height: 17px;
    margin-top: 6px;
    *margin-top: 5px;
	margin-right:4px;
}
/*擁有小圖icon和連結*/
.quick-menu li a{
    display: block;
    color: #c6c6c6;
    height: 17px;
    line-height: 17px;
    margin-top: 3px;
    *margin-top: 2px;
}
/*連結為icon*/
.quick-menu li a.iconlink{
    background: url(http://image04.taobaocdn.com/tps/i4/T1kGpvXxtaXXcRBXTa-20-40.gif) no-repeat;
    width: 20px;
    height: 20px;
}
.quick-menu li .sel_language{
    width: 80px;
    height:18px;
    /*border: 1px solid red;*/
}
.quick-menu #mc-menu-hd s{ top: -2px;}
.quick-menu .hover #mc-menu-hd s, .quick-menu .cart #mc-menu-hd:hover s{
    background-position: 0 -20px;
}
.quick-menu .cart #mc-menu-hd:hover b{
    border-color: #666666 white white white;}

/*		#logout-menu
------------------------------------ */
.logout-menu{
    position: absolute;
    right: 0;
    top: 42px;
}
.logout-menu li{
    float: left;
    background-position: right 6px; 
}
.logout-menu li.last{ background: none;}
.logout-menu li.menu-item{
    position: relative;
    padding: 1px 0 0;
}
.logout-menu li b.leftline{
    width: 1px;
    position: absolute;
    border-left: 1px solid #bfbfbf;
    height: 12px;
    display: block;
    top: 4px;
    left: 0;
    overflow: hidden;
}
/*有直線，li就用divider*/
/*有divider 就沒有padding*/
.logout-menu li.divider{
    position: relative;
    padding: 0;
}
/*有divider 改為 內部的a有padding*/
.logout-menu li.divider a{
    padding-left: 10px;
    padding-right: 10px;
}
.logout-menu li:last-child.divider a{
    padding-left: 10px;
    padding-right: 0px;
}
.logout-menu li a:hover{ text-decoration: underline;}
.logout-menu li.nolink,
.logout-menu li a{
    display: block;
    color: #000000;
    height: 17px;
    line-height: 17px;
    margin-top: 2px;
    *margin-top: 1px;
}
.logout-menu li a.userlink{
    padding-left: 20px;
	letter-spacing: 1px;
    display: inline-block;
    background: url(../image/header/icon_user.png) no-repeat left center;
}

/*logout_btn*/
.logout-menu li a.logout_btn{
    color:#3366cc !important;
    font-size:12px;
    margin-left: 5px;
    padding-left: 25px !important;
     background: url(../image/icon/logout_icon.png) no-repeat 0 0;
}
.logout-menu li a.logout_btn:hover{ color:#3366cc;
    background: url(../image/icon/logout_icon.png) no-repeat 0 -16px;
}

/*連結為icon*/
.logout-menu li a.iconlink{
    background: url(http://image04.taobaocdn.com/tps/i4/T1kGpvXxtaXXcRBXTa-20-40.gif) no-repeat;
    width: 20px;
    height: 20px;
}
.logout-menu li .sel_language{
    width: 80px;
    height:18px;
    /*border: 1px solid red;*/
}

/*		#menu
------------------------------------ */
#menu{
	display:block;
    height:26px;
	padding:0;
    z-index: 1;
    position: relative;
	border-bottom:2px solid #998f81;
}
#menu .menu-head,
#menu .menu-head .fixedmenu,
#menu_end,
#menu dd{
    float:left;
    line-height: 20px;
}
#menu .fixedmenu, #menu_end dd{ border-bottom:2px solid #998f81;}
#menu .fixedmenu:hover, #menu_end dd:hover{ border-bottom-color:#FC5F07;}
#menu .fixedmenu:hover a, #menu_end dd:hover a{ color:#FC5F07;}

/*當menu外型為圓角或不規則時才需要加入menu_body*/
/*
#menu .menu_body{
    margin-left: 15px;
    background-color: red;
    background:url(../image/menu/menu_repeat.gif) repeat-x;
}
*/
#menu a{
	color:#685c53;
    text-decoration:none;
    display:block;
    cursor:pointer;
    text-align: center;
	font-weight:bold;
	font-size:15px;
	padding:2px 20px 4px 20px;
}
#menu .menu-head{
    position: relative;
    top:0;
    left:0;
    z-index: 1600;
}
#menu_end{
    position: relative;
    top:0;
    left: 0;
    z-index: 1501;
    overflow: hidden;
}
#menu .menu-head .fixedmenu{}
#menu .menu-head .fixedmenu.last{}
#menu .menu-head .fixedmenu.first{ border-left: none;}
#menu_end dd{}
#menu a.single-fixed{
    /* 若有動畫才需要固定寬度*/
    /*width:75px;*/
    display:block;
    z-index: 10;
}
#menu a.single{
    /* 若有動畫才需要固定寬度*/
    /*width:75px;*/
    display:block;
    z-index: 10;
}
#menu a.double{
    display:block;
    border-bottom: 3px solid #ff8f00;
    line-height: 1;
    display:block;
    z-index: 10;
}

/*針對menu 程式使用的current樣式*/
#menu #menuhead div a{}
#menu #menuhead div.current a,
#menu #menuhead div.current a:hover{
    color: #ffffff;
}
#menu #menuhead div.current{
    /*background:url(../image/menu/menu_bg_active.png) repeat-x left bottom;*/
	background:#fc5f07;
}

/*針對menu 程式使用的current樣式*/
#menu #menu_end dd.current a,
#menu #menu_end dd.current a:hover{
    color: #ffffff;
}
#menu #menu_end dd.current{ background:#fc5f07;}

/*		menu > dd 下面還有span時 ,不規則按鈕需切圖使用
---------------------------------*/
/*
#menu dd.current a span,
#menu dd.current a:hover span{
	color:#ffffff;
	background:url(../image/menu/menu_current_sprite.gif) no-repeat right top;}
*/

/*		menu_end 動態選單
---------------------------------*/
.dynamic-menu{ display:none;}
.dynamic-menu.current{ display: block;}

/*		#sideLeft 左側選單
---------------------------------*/
#sideLeft{
    position: relative;
    z-index: 1;
	border-right: none;
	float:left;
    width:150px;
	_height:500px;
	min-height:500px;margin-left: -100%;
    background-color: #ffffff;
}
#sideLeft .demoLink{
	position:absolute;
	bottom:10px;
}

/*		#menuSub
---------------------------------*/		
/*menuSub setting*/
#menuSub{ 
    position:absolute;
    padding-top: 7px;
    overflow: hidden;
}
#menuSub_inner{
    position: absolute;
    left:-500px;
    top:0px;
    z-index: 11;
    background-color: #ffffff;
    /*background:url(../image/menu/sub_menu_top.gif) no-repeat;*/
    background-position: top right;
    width: 100%;
    height:100%;
    padding:0px 0 0 0;
    display:block;
}
#menuSub dl,
#menuSub dt{
    margin:0; padding:0;
}
#menuSub dl,
#menuSub .sub_wp a{
    display:none;
}
#menuSub dl.current{ display:block;}
#menuSub{ cursor:pointer;}

/*menuSub style*/	
#menuSub a{	
	display:block;
	cursor:pointer;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}

/*一般*/
#menuSub dt span a{
	padding:0 0 0 20px;
    /*border-bottom:1px #cdcdcd solid;*/
    margin-left: 0px;
}
#menuSub dt span.sub_wp a{
    padding:0 0 0 27px;
    border-bottom:none;
    background-color: #ffffff;
    margin-left: 0px;
}
#menuSub dl.current dt span.sub_wp a:last-child{
    /*border-bottom:1px #cdcdcd solid;*/
}
#menuSub a b{
    font-weight: bold;
	display:block;
	color:#685C53;
    /*撐開側邊按鈕高度*/
	padding:6px 4px 4px 0;
	/*background:#c8d7e3 url(../image/menu/subr.gif) no-repeat right center;*/
}
#menuSub a:hover{ background:#f2f2ea;}
#menuSub a:hover b{ display: block;}
#menuSub dt.current span.multi a{ position: relative;}
#menuSub dt.current span.multi a b:before,
#menuSub span.multi a:hover b:before{
	color:#000;
    content: "";
    position: absolute;
    width: 10px;
    height:14px;
    display: block;
    left:10px;
    background: url(../image/icon/sidemenu_arrow.gif) no-repeat 0px 4px;
}
/*single*/
#menuSub span:nth-child(1){ display: block;}
#menuSub .single a b{
    background:none;
    font-weight: normal;
}
#menuSub .single a:hover{ background:#f2f2ea ;}
#menuSub .single a:hover b{ background:#f2f2ea;}
#menuSub dt.current .single a{
	/*background:#fff url(../image/menu/sub_menu_head.gif) no-repeat top left;*/
}
#menuSub dt.current span.multi a,
#menuSub dt.current span.multi a:hover{
    /*background: url("../image/icon/sidemenu_arrow.gif") no-repeat 8px center;*/
}
#menuSub dt.current .single b,
#menuSub dt.current .single a:hover b{
    color:#4b4240;
    font-weight:bold;
}
#menuSub dt.current span.single a b:before,
#menuSub span.single a:hover b:before{
	color:#000;
    content: "";
    position: absolute;
    width: 10px;
    height:14px;
    display: block;
    left:10px;
    background: url(../image/icon/sidemenu_arrow.gif) no-repeat 0px 4px;
}

/*第二層展開*/
#menuSub dt.current a,
#menuSub dt.current a:hover{}
#menuSub dt.current a b
{
    color:#4B4240;
    font-weight: bold;
}
#menuSub dt.current .sub_wp a{ display:block;}

/*第三層*/
#menuSub .current .sub_wp a,
#menuSub .current .sub_wp a b{
	font-weight:normal;
	color:#685C53;
	/*background:#ededed;*/
    /*background:#f0f0f0 url(../image/menu/menuLv2_bg.gif) repeat-y right;*/
}
#menuSub .current .sub_wp a.current{
    display: block;
    position: relative;
}
#menuSub .current .sub_wp a.current b:before{
    content: "";
    top:10px;
    left: 20px;
    position: absolute;
    display: block;
    width: 0px;
    height: 14px;
	border-left: 3px solid #ff6a34;
}
#menuSub .sub_wp a.current,
#menuSub .current .sub_wp a.current:hover,
#menuSub .sub_wp a.current b,
#menuSub .current .sub_wp a.current:hover b{
	color:#F3721B;
	/*background:#fff;*/
}
#menuSub .sub_wp a:hover,
#menuSub .current .sub_wp a:hover,
#menuSub .sub_wp a:hover b,
#menuSub .current .sub_wp a:hover b{
	color:#4B4240;
	background:#f2f2ea;
}

/*		#content
---------------------------------*/
#content{	
	margin: 0 0 0 170px;
	min-height:500px;
	_height:542px;
	background:#fff;
    border:none;
	padding:0px 1px 0px 0;
}

/*		.cont_header
------------------------------------ */
.cont_header{
    background:#ffffff;
    margin:10px 0;
    line-height:18px;
}

/*		.cont_body
------------------------------------ */	
.cont_body{
	padding:0 0 20px 10px;
	background:#fff;
}

/*		.path
------------------------------------ */	
.path{ padding:0px; float:left;}
.path dt{
	float:left;
	color:#888888;
	font-size:12px;
    font-weight: normal;
	display:block;
	padding:0px 0 6px;
	*padding:0px 0 2px;
}
.path dt.last{}
.path dt a, .path dt a:visited{ color:#929191;}
.path dt a:hover{ color:#5f5f5f;}

/*		welcome
------------------------------------ */
.welcome{
    margin-top: 10px;
    clear:both;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding-top: 13px;
    padding-bottom: 13px;
}
.welcome_ad{
    margin-top: 10px;
    clear:both;
    border: none;
    border-radius: 4px;
    overflow:hidden;
}

/*廣告區塊 START */

#abgneBlock {
		width: 770px;
		height: 150px;
		position: relative;
		overflow: hidden;
	}
	#abgneBlock ul.list {
		padding: 0;
		margin: 0;
		list-style: none;
		position: absolute;
		width: 9999px;
		height: 100%;
	}
	#abgneBlock ul.list li {
		float: left;
		width: 770px;
		height: 100%;
	}
	#abgneBlock .list img{
		width: 100%;
		height: 100%;
		border: 0;
	}
	#abgneBlock ul.playerControl {
		margin: 0;
		padding: 0;
		list-style: none;
		position: absolute;
		bottom: 0px;
		right: 5px;
		height: 14px;
	}
	#abgneBlock ul.playerControl li {
		float: left;
		width: 8px;
		height: 8px;
		cursor: pointer;
		margin: 0px 4px;
        background: url(../image/icon/cir_ctrl.png) no-repeat -8px 0;
	}
	#abgneBlock ul.playerControl li.current { 
		background-position: 0 0;
	}

/*廣告區塊 END */

.welcome li,
.welcome .con_R{
	font-size: 14px;
}
.welcome .wel_con{
    /*background:url(../image/layout/welcome_body.jpg) repeat-y left;*/
    min-height:50px;
}
.welcome .con_L{
	float:left;
    color: #000000;
    position:relative;
    display:inline-block;
    width:260px;
	padding:0px 10px 0px 20px;
    /*margin-top: 13px;*/
    /*margin-bottom: 13px;*/
    line-height:2em;
	/*background:url(../image/layout/wel_number.gif) no-repeat left top;*/
}
.welcome .con_L ul{
    list-style:none;
}
.welcome .con_L .title{
    color:#000;
    display:inline-block;
    text-align: left;
    *display:inline;
	*zoom:1;
}
.welcome .con_R{
    color:#000000;
	line-height:1.6em;
    /*margin-top:13px;*/
    padding-left: 10px;
	float:left;
	display:inline-block;
	width:440px;
    /*border-left:1px dashed #94b2d2;*/
	*display:inline;
	*zoom:1;
}
.welcome .con_R .ffail{ color:#ac6303;}

.Dotted_line{ margin-top:8px;padding:4px 8px 4px 8px;border-top: 1px dotted #d3d3d3;}
.spaceline{ margin-top:8px;padding:4px 8px 4px 8px;}

/*		font_size 字級大小
------------------------------------ */
.font_size{color:#868686;}
.font_size a{display:inline-block;cursor:pointer; padding:0 4px; vertical-align:bottom;}
.font_size .font_s{ font-size:10px;}
.font_size .font_n{ font-size:13px;}
.font_size .font_b{ font-size:16px;}
.font_size .current{border:1px solid #66b2d8; color:#038dd3; background:#FFF; font-weight:bold; vertical-align:middle;}

/*		navtool功能列
------------------------------------ */
.navtool{ float: right;}
.navtool ul{
    background: #fff;
    padding: 0px;
    border-radius: 3px;
    border: 1px solid #c3c3c3;
    position: relative;
    display: inline-table;
	height:20px;
}
.navtool ul li{
	width:29px;
	height:20px;
	float: left;
	border-right: 1px solid #c3c3c3;
	text-align:center;
}
.navtool ul li:hover{ background: #eaeaea;}
.navtool ul li:hover a{ color: #fff;}
.navtool ul li a{
    display: inline-block;
	*display: inline;
	*zoom:1;
    width:22px;
    height:16px;
	margin:2px 0;
    color: #757575;
	text-decoration: none;
}
.navtool ul li.last{ border-right: none;}

.fontsize-icon, .fontsize-icon:hover{ background: url(../image/icon/fontSize_icon.png) no-repeat 0 0;}
.favor-icon, .favor-icon:hover{ background: url(../image/icon/favor_icon.png) no-repeat 0 0;}
.print-icon, .print-icon:hover{ background: url(../image/icon/print_icon.png) no-repeat 0 0;}
.fontsize-icon:hover, .fontsize-icon.active:hover, favor-icon:hover, .print-icon:hover{
	background-position:0 -16px;
}
.fontsize-icon.active{ background: url(../image/icon/fontSize_icon_active.png) no-repeat 0 0;}
.favor-icon.active{ background: url(../image/icon/favor_icon_active.png) no-repeat 0 0;}
.print-icon.active{ background: url(../image/icon/print_icon_active.png) no-repeat 0 0;}

/*		.pagehd
------------------------------------ */
.pagehd{
	margin:0;
	position:relative;
	overflow:hidden;
	display:none;
}
.page_tit{
	color:#000;
	font-size:18px;
	padding: 0 7px;
	display:inline-block;
    *display:inline;
    *zoom:1;
    border-left: 6px solid #ff6a34;
	line-height:20px;
}
.pagehd .ft{ position:absolute; right:0; top:0;}
.home .pagehd .ft{ position:absolute; right:10px; top:0;}
.pagehd .sel_Myfav{
	background-color:#fff;
	padding:1px 0px 1px 5px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border:1px solid #f98d11;
}
/*		.pagebd
------------------------------------ */	
.pagebd{
	zoom:1;
	display:inherit;
	padding:0px 1px 1px;
	/*border:1px #dddcd6 solid;
	border-top:none;*/
}
.pagebd_pop{}

/*		step
------------------------------------ */	
#step{
	display:block;
	clear:both;
	cursor:default;
	margin:10px 0 5px 0;
	overflow:hidden;
}
#step dt{
	background:url(../image/layout/step1.gif) no-repeat 0px 0px;
	float:left;
	margin:0 10px 0 0;
	padding: 0 0 0 30px;
	line-height:26px;
	height:26px;
}
#step span{
	padding:0;
	display:block;
	color:#aaa;
}
#step #step1{ background-image:url(../image/layout/step1.gif);}
#step #step2{ background-image:url(../image/layout/step2.gif);}
#step #step3{ background-image:url(../image/layout/step3.gif);}
#step #step4{ background-image:url(../image/layout/step4.gif);}
#step #step5{ background-image:url(../image/layout/step5.gif);}
#step #step6{ background-image:url(../image/layout/step6.gif);}
#step #step7{ background-image:url(../image/layout/step6.gif);}
#step .current{ background-position:left -26px;}	
#step .current span{
    color:#333;
    font-weight:bold;
}
#step .old{ background-position:0 0;}	
#step .old span{ color:#666;}

/*************************************
*		table
**************************************/
/*		tb1
------------------------------------ */
.tb1{ margin:0 0 10px 0;}
.tb1 td{
    text-align:left;
    color:#000;
	vertical-align:top;
    padding:5px;
	line-height:20px;
}
.tb1 .hd1{
    color:#000;
    font-weight:normal;
    text-align:right;
    border-left:none;
	vertical-align:top;
	border-left:none; 
	word-break: keep-all; 
}
.tb1 .hd2{ /*表格內標題*/
	font-size:13px;
    color:#000;
    padding:7px 3px;
    font-weight:bold;
}
.tb1 .extend{ /*收合標題時使用*/
	font-size:13px;
    padding:5px 3px;
    font-weight:bold;
}

/*交易流程(退件、安全機制)表格*/
.tb_process_box{
	border-radius:4px;
	padding:4px;
	background:#EFEFEF;
	margin:8px 0;
}
.tb_process{ margin:0;}
.tb_process td{
    text-align:left;
    color:#000;
	vertical-align:top;
    padding:5px;
	background:#EFEFEF;
	line-height:20px;
}
.tb_process .hd1{
    color:#000;
    font-weight:normal;
    text-align:right;
	vertical-align:middle;
}

/*		tb2  多筆表格
------------------------------------ */
.tb2{
    margin-top:1px;
    border-bottom: 1px solid #ccc;
	border-top:2px solid #fff;
}
.tb2 td{
    border-top:1px #ccc solid;
    color:#000;
    padding:4px 3px;
    line-height:20px;
	height:26px;
    vertical-align: middle;
}
.tb2.hover tr:hover{ background-color:#f2f2ea;}
.tb2 .hd1_top{
    color:#000;
    text-align:center;
	background:url(../image/table/tb2_hd1.gif) #f9f9f9 repeat-x left top;
    border-bottom:1px solid #ccc;
}
.tb2 .hd1{
	color:#000;
    font-weight:normal;
    border-left:none;
	vertical-align:top;
	word-break: keep-all; 
    text-align:center;
    vertical-align:middle;
    background:url(../image/table/tb2_hd1.gif) #f9f9f9 repeat-x left bottom;
	border-bottom:1px solid #99cc33;
}
.tb2 .hd_lt{
    color:#000;
    text-align:left;
	padding-left:30px;
    vertical-align:middle;
    background:url(../image/table/tb2_hd1.gif) #f9f9f9 repeat-x left bottom;
	border-bottom:1px solid #99cc33;
}
.tb2 .hd_rt{
    color:#000;
    text-align:right;
	padding-right:30px;
    vertical-align:middle;
    background:url(../image/table/tb2_hd1.gif) #f9f9f9 repeat-x left bottom;
	border-bottom:1px solid #99cc33;
}
.tb2 .hd2{
	text-align:right;
	background:#f2f2f2;
	color:#000;
	padding:0 4px;
	vertical-align:middle;
}
.tb2 .hd3{
	text-align:left;
	background:#f2f2f2;
	color:#000;
	padding:0 4px;
	vertical-align:middle;
}

.tb2 .extend{ /*收合標題時使用*/
	font-size:13px;
    padding:5px 3px;
    font-weight:bold;
}
.tb2 .group td{ background:#f4ffed;}

/*		tb2_s   單筆內表格
------------------------------------ */
.tb2_s{ margin-top:1px; border-bottom:1px #ccc solid;}
.tb2_s.hover tr:hover{ background-color:#f2f2eb;}
.tb2_s .hd_title{
    color:#000;
    text-align:center;
    vertical-align:middle;
    background: #ccc;
	border-bottom:1px solid #aaa;
}
.tb2_s .hd1{
    color:#000;
    text-align:center;
    vertical-align:middle;
    background:url(../image/table/tb2_hd1.gif) #f9f9f9 repeat-x left bottom;
	border-bottom:1px solid #99cc33;
}
.tb2_s .hd2{
    color:#000;
    text-align:right;
    vertical-align:middle;
    background: #f2f2f2;
	padding:0 3px;
}
.tb2_s td{
    border-top:1px #ccc solid;
    color:#000;
    padding:4px 3px;
	height:26px;
	line-height:20px;
}
.tb2_s .hd_rt{
	color:#000;
    text-align:right;
	padding-right:30px;
    vertical-align:middle;
    background:url(../image/table/tb2_hd1.gif) #f9f9f9 repeat-x left bottom;
	border-bottom:1px solid #99cc33;
}
.tb2_s .hd_lt{
	color:#000;
    text-align:left;
	padding-left:30px;
    vertical-align:middle;
    background:url(../image/table/tb2_hd1.gif) #f9f9f9 repeat-x left bottom;
	border-bottom:1px solid #99cc33;
}
/*		sum_table  總計表格 for 外幣
------------------------------------ */
.sum_table{ border-right:2px #ffffff solid;}
.sum_table td{
    color:#ff6600;
    padding:5px 3px;
    line-height:18px;
    border-right:1px #ffffff solid;
}
.sum_table .sum_tit{
    color:#ffffff;
    text-align:center;
    vertical-align:middle;
    background: #3a3a3a;
    border-bottom:1px #3a3a3a solid;
}
.sum_table .group td{ background:#fef8f4;}

/*checkbox 選取highLight*/
.tb2 .checkHighLight td{ background:#f5faff;}
.tb2 .radioHighLight td{ background:#f5faff;}

/*		tb2_1  代辦事項
------------------------------------ */
.tb2_1{
	margin-top:1px;
    border-right: 2px solid #fff;
    border-bottom:1px solid #ccc;
}
.tb2_1 td{
    border-bottom:1px #ccc solid;
    color:#000;
    padding:5px 3px;
    line-height:18px;
    vertical-align: top;
}
.tb2_1 .hd1{
	color:#000;
    font-weight:bold;
    text-align:center;
    background:url(../image/table/tb2_hd1.gif) #f9f9f9 repeat-x left bottom;
	border-bottom:1px solid #99cc33;
}
.tb2_1 .hd2{
    border-top:1px #dddcd6 solid;
    border-bottom:1px #99cc33 solid;
    color:#000;
    font-weight:bold;
    background:url(../image/table/tb2_hd1.gif) #f9f9f9 repeat-x left bottom;
}
.tb2_1 .hd3{
    color:#000;
    font-weight:bold;
    border-bottom:1px solid #99cc33;
	background:url(../image/table/tb2_hd1.gif) #f9f9f9 repeat-x left bottom;
    text-align:center;
}
.tb2_1 .hd4{
    border-top:1px #dddcd6 solid;
    border-bottom:1px #dddcd6 solid;
    color:#000;
    font-weight:bold;
    background:#f6f7f1;
}
.tb2_1 .hd5{
    text-align:left;
    color:#000;
    font-weight:bold;
    background:#fff;
	font-size:13px;
}
.tb2_1 .cont1{ text-align:center; font-size:15px; font-weight:bold;}
.tb2_1 .odd td{ background:#fff;}
.tb2_1 .even td{ background:#f8f8f5;}
/*總覽*/
.tb2_1 .tb2_1_lv1{ background:#fff;}
.tb2_1 .tb2_1_lv2{ padding:0; background:#fff;}
.tb2_1 .tb2_1_lv2 table td{ border:none;}
.tb2_1 .lv2 .odd{ background:#fff;}
.tb2_1 .lv2 .even{ background:#fff;}
.tb2_1 .lv2 .hd{
    text-align:left;
    color:#000;
    padding-left: 20px;
}
.tb2_1 .lv2 .hover,.tb2_1 .lv2 .hover .hd{ background:#f9ffee;}
.tb2_1 .lv2 .link1{ display:block; font-size:15px;}

/*待辦事項new*/
.tabs2_container { 
    position : absolute;
    display:block;
    overflow : auto;
    width : 100% ;
    padding:0px;
    margin: 12px 8px 8px 8px;
    overflow: hidden;
}
.todo_list{
    position:relative;
}
.todo_list li { 
    border:1px solid #FFF;
}
.todo_list h1{
	font-size:18px;
	margin:20px 0 20px 0; 
	font-weight:normal;
}
.todo_list table{ width:100%;}
.todo_list table td{
	line-height:24px;
	text-align:left;
}
.todo_list a{
	font-size:16px;
	width:140px;
	height:90px;
	display:inline-block;
	*display:inline;
	*zoom:1;
	padding:20px 0;
	margin:0;
	color:#000;
	text-align:center;
	border:1px solid #ddd;
	border-radius:4px;
	word-wrap: break-word; word-break: normal;
}
.todo_list a:hover{ border:1px solid #ff965b;
	-moz-box-shadow: 1px 1px 3px #ccc;
	-webkit-box-shadow: 1px 1px 3px #ccc;
	box-shadow:1px 1px 3px #ccc;
}
.todo_list .todotit{
	display:block;
	height:30px;
	text-align:center;
	margin-top:10px;}
.todo_list .todotit_en{
	padding:0 7px;
	display:block;
	height:50px;
	text-align:center;
	margin-top:0px;}
.todo_list .unread{
	display:block;
	font-size:40px;
	color:#e4001b;
	text-align:center;
	margin-top:10px;
}
/*切版2*/
.todo_list ul{ overflow:hidden;}
.todo_list ul a{
	margin:0 10px 10px 0;
	float:left;
}
.todo_list ul .unread{ margin-top:6px;}

/*		tb_lay1
------------------------------------ */
.tb_lay1{
	padding:0;
	overflow:hidden;
	margin-bottom:8px;
}

/*		tb_lay2
------------------------------------ */
.tb_lay2{ background:#fff; padding:5px; overflow:hidden;}

/*************************************
*		common
**************************************/
.cmnag_1 .tb_b1{margin:0 auto 10px;}
.cmnag_2 .tb_b2{margin:0 auto 10px;}
/*		@other
------------------------------------ */
.disabled{ color:#bbb;}
.hide{ display:none;}
.show{ display:block;}
.vtop, .vtop td{ vertical-align:top !important;}
.vmiddle, .vmiddle td{ vertical-align:middle !important;}
.lt, .lt td{ text-align:left !important;}
.ct, .ct td{ text-align:center !important;}
.rt, .rt td{ text-align:right !important;}

/*		@lay1
------------------------------------ */
.lay1{ list-style-type:none; overflow:hidden;}
.lay1 .fleft{ float:left; padding:0 0 0 10px;}
.lay1 .fright{ float:right; padding:0;}

/*		@msg_alert
------------------------------------ */
.msg_alert{
	color:#ff0000;
	list-style:none;
	padding:0 0 0 20px;
	background: url(../image/icon/msg_alert.png) 0 center no-repeat;
	margin-left:14px;
}
.msg_alert2{
	display:inline-block;
	*display:inline;
	*zoom:1;
	color:#E60000;
	list-style:none;
	padding:0;
	background: url(../image/icon/msg_alert.png) 0 center no-repeat;
	vertical-align:middle;
	width:16px;
	height:16px;
}
.ps{
	margin:0 0 10px 0;
	color:#666;
	line-height:18px;
}
.ps2{
	margin:0;
	margin:20px 0 0 0;
	color:#333;
}
.ps2 h6{
	display:block;
	font-weight:bold;
	text-align:left;
	padding:0 0 5px 0;
	margin:10px 0 0 0;
}
.ps2 ol{ margin-left:25px;}
.ps2 ol li{
	list-style:decimal;
	color:#666;
	margin-bottom:4px;
}
 /*---以下---注意事項 第二層文字---*/
.ps2 ol ul{ margin-left:25px; margin-top:4px;}
.ps2 ol ul li{ list-style-type: disc;}

.ps_normal{font-weight:normal;}

/*表格內說明table_note*/
.table_note{
	color:#005643;
	margin:0 4px;
	font-weight:normal;
}

/*		@calendar
------------------------------------ */
/*		@type=text
------------------------------------ */
.login_txt{
    width:150px;
    border-width: 1px;
}
/*		@type=select
/*		@font
------------------------------------ */
.fbold{ font-weight:bold;}
/*		@btn
------------------------------------ */
.btnBlock{
	text-align:center;
	margin:10px 0;
}
/*selectTemplate 取用範本*/
.selectTemplate,.selectTemplate span{
	background:url(../image/btn/selectTemplate.gif) #777 no-repeat left top;
	color:#fff;
	cursor:pointer;
	text-decoration:none;
	font-size:12px;
	line-height:15px;
	display:inline-block;
	padding:0 0 0 20px;
	*display:inline;
	*zoom:1;
	border-radius:4px;
}
.selectTemplate span{
	background-position:right top;
	padding:4px 5px 2px 3px;
	*padding:5px 5px 3px 3px;
}
.selectTemplate:hover{ background-position:left bottom;}
.selectTemplate:hover span{ color:#fff; background-position:right bottom;}

/*btn1*/
.btn1{
    display:inline-block;
    color:#fff !important;
	font-size:13px;
    border:1px #3079ed solid;
    border-radius: 3px;
	background:url(../image/btn/btn1_bg.png) repeat-x 0 0;
    margin:2px 4px;
    padding:0 14px;
    line-height:27px;
	height:27px;
	*display:inline;
	*zoom:1;
    font-size: 13px;
    font-weight: normal;
	vertical-align:middle;
}
.btn1:hover{ border:1px solid #3366cc; background:url(../image/btn/btn1_bg.png) repeat-x 0 -27px;}
/*btn2*/
.btn2, .btn2:hover{
    display:inline-block;
    font-weight:bold;
    color:#666;
    border:1px #d9d9d9 solid;
    background: url(../image/btn/btn2_bg.gif) repeat-x 0 0 #f1f1f1;
    line-height:16px;
    margin:1px 2px;
    padding:3px 6px 3px 6px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	*display:inline;
	*zoom:1;
	vertical-align:middle;
}
.btn2:hover{
	border:1px solid #c6c6c6;
	background: url(../image/btn/btn2_bg.gif) repeat-x 0 -23px #f1f1f1;
	color:#333;
	box-shadow:0 1px 1px rgba(0,0,0,0.1);
}
/*btn2 disabled*/
.btn2_disabled, .btn2_disabled:hover{
    display:inline-block;
    font-weight:bold;
    color:#aaa;
    border:1px #d9d9d9 solid;
    background: url(../image/btn/btn2_bg.gif) repeat-x 0 0 #f1f1f1;
    line-height:16px;
    margin:1px 2px;
    padding:3px 6px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	*display:inline;
	*zoom:1;
	vertical-align:middle;
	cursor:default !important;
}
.extend .btn2, .extend .btn2_disabled{ margin:0 2px;}

.btn_cancel{
	display:inline-block;
    color:#3079ed !important;
	font-size:13px;
    border:1px #3079ed solid;
    border-radius: 3px;
    background:#fff;
    margin:2px 4px;
    padding:0 14px;
    line-height:27px;
	height:27px;
	*display:inline;
	*zoom:1;
    font-size: 13px;
    font-weight: normal;
	vertical-align:middle;
}
.btn_cancel:hover{ border:1px solid #005399; font-weight:bold;}
.btn_ok, .btn_ok:hover, .btn_back, .btn_back:hover, .btn_save,  .btn_save:hover, .btn_download2, .btn_download2:hover, .btn_del, .btn_del:hover,
.btn_search, .btn_search:hover, .btn_next, .btn_next:hover, .btn_returns, .btn_returns:hover, .btn_print, .btn_print:hover,
.btn_edit, .btn_edit:hover{
    display:inline-block;
    color:#fff !important;
	font-size:13px;
    border:1px #3079ed solid;
    border-radius: 3px;
    margin:2px 4px;
    padding:0 14px 0 27px;
    line-height:27px;
	height:27px;
	*display:inline;
	*zoom:1;
    font-size: 13px;
    font-weight: normal;
	vertical-align:middle;
}
.btn_returns, .btn_returns:hover, { padding:0 14px 0 36px;}
.btn_ok:hover, .btn_back:hover, .btn_save:hover, .btn_del:hover,
.btn_search:hover, .btn_next:hover, .btn_returns:hover, .btn_print:hover,
.btn_edit:hover, .btn_download2:hover{
	border:1px solid #3366cc;
	background-position:0 -27px;
}
.btn_ok{ background:url(../image/btn/ok_w.png) #4b8df9 no-repeat 0 0;}
.btn_save{ background:url(../image/btn/save_w.png) #4b8df9 no-repeat 0 0;}
.btn_download2{ background:url(../image/btn/download_w.png) #4b8df9 no-repeat 0 0;}
.btn_search{ background:url(../image/btn/search_w.png) #4b8df9 no-repeat 0 0;}
.btn_back{ background:url(../image/btn/back_w.png) #4b8df9 no-repeat 0 0;}
.btn_del{ background:url(../image/btn/del_w.png) #4b8df9 no-repeat 0 0;}
.btn_next{ background:url(../image/btn/next_w.png) #4b8df9 no-repeat 0 0;}
.btn_returns{ background:url(../image/btn/returns_w.png) #4b8df9 no-repeat 0 0;}
.btn_print{ background:url(../image/btn/print_w.png) #4b8df9 no-repeat 0 0;}
.btn_edit{ background:url(../image/btn/edit_w.png) #4b8df9 no-repeat 0 0;}
/*btn3*/
.add1, .add1:hover, .delete1, .delete1:hover, .edit1, .edit1:hover{
    height:18px;
    line-height:18px;
    padding:0 8px 0 16px;
    margin:2px;
    display:inline-block;
    color:#666;
    font-weight:bold;
    border:1px #D9D9D9 solid;
    background:url(../image/btn/btn3.gif) #f1f1f1 no-repeat 0 0;
	*display:inline;
	*zoom:1;
	border-radius:3px;
	text-decoration:none;
}
.delete1{ background-position:0 -36px;}
.edit1{ background-position:0 -72px;}

.add1:hover{ border:1px #c6c6c6 solid; background-position:0 -18px; color:#333; box-shadow:0 1px 1px rgba(0,0,0,0.1);}
.delete1:hover{ border:1px #c6c6c6 solid; background-position:0 -54px; color:#333; box-shadow:0 1px 1px rgba(0,0,0,0.1);}
.edit1:hover{ border:1px #c6c6c6 solid; background-position:0 -90px; color:#333; box-shadow:0 1px 1px rgba(0,0,0,0.1);}

.btn4{
    color:#FF8A00;
    border:1px solid #f29d5f;
    background:#fff1e6;
    padding:2px 5px;
}
.btn4:hover{ background:#fff;}
/*btn5  add_one*/
.btn5,.btn5 span{
	background:url(../image/btn/btn5.gif) no-repeat #777 left top;
    color:#fff;
    cursor:pointer;
    text-decoration:none;
    font-size:12px;
    display:inline-block;
    padding:0 0 0 20px;
    line-height:15px;
	*display:inline;
	*zoom:1;
	border-radius:4px;
}
.btn5 span{
    background-position:right top;
    padding:4px 5px 2px 3px;
    *padding:5px 5px 3px 3px;
}
.btn5:hover{ background-position:left bottom;}
.btn5:hover span{ color:#fff; background-position:right bottom;}
/*btn6*/
.btn6,.btn6 span{
    background:url(../image/btn/btn6.gif) #777777 no-repeat left top;
    color:#fff;
    cursor:pointer;
    text-decoration:none;
    font-size:12px;
    display:inline-block;
    padding:0 0 0 20px;
    line-height:15px;
	*display:inline;
	*zoom:1;
	border-radius:4px;
}
.btn6 span{
    background-position:right top;
    padding:4px 5px 2px 3px;
    *padding:5px 5px 3px 3px;
}
.btn6:hover{ background-position:left bottom;}
.btn6:hover span{ color:#fff; background-position:right bottom;}
/*print*/
.btn_print2,.btn_print2 span{
    background:url(../image/btn/btn_print.gif) #777 no-repeat left top;
    color:#fff;
    cursor:pointer;
    text-decoration:none;
    font-size:12px;
    display:inline-block;
    padding:0 0 0 20px;
    line-height:15px;
	*display:inline;
	*zoom:1;
	border-radius:4px;
}
.btn_print2 span{
    background-position:right top;
    padding:4px 5px 2px 3px;
    *padding:5px 5px 3px 3px;
}
.btn_print2:hover{ background-position:left bottom;}
.btn_print2:hover span{ color:#fff; background-position:right bottom;}
/*download 下載*/
.btn_download,.btn_download span{
    background:url(../image/btn/btn_download.gif) #777 no-repeat left top;
    color:#fff;
    cursor:pointer;
    text-decoration:none;
    font-size:12px;
    display:inline-block;
    padding:0 0 0 20px;
    line-height:15px;
	*display:inline;
	*zoom:1;
	border-radius:4px;
}
.btn_download span{
    background-position:right top;
    padding:4px 5px 2px 3px;
    *padding:5px 5px 3px 3px;
}
.btn_download:hover{ background-position:left bottom;}
.btn_download:hover span{ color:#fff; background-position:right bottom;}
/*upload 上傳*/
.btn_upload,.btn_upload span{
    background:url(../image/btn/btn_upload.gif) #777 no-repeat left top;
    color:#fff;
    cursor:pointer;
    text-decoration:none;
    font-size:12px;
    display:inline-block;
    padding:0 0 0 20px;
    line-height:15px;
	*display:inline;
	*zoom:1;
	border-radius:4px;
}
.btn_upload span{
    background-position:right top;
    padding:4px 5px 2px 3px;
    *padding:5px 5px 3px 3px;
}
.btn_upload:hover{ background-position:left bottom;}
.btn_upload:hover span{ color:#fff; background-position:right bottom;}
/*del1  全選*/
.del1{
    background:url(../image/btn/check_all.png) no-repeat left top;
    padding:0 0 0 20px;
	margin:0 6px;
    font-size:12px;
    color:#3366CC;
    text-decoration:underline;
}
.del1:hover{ text-decoration:none;}
/*del2  清除*/
.del2{
    background:url(../image/btn/del_all.png) no-repeat left top;
    padding:0 0 0 20px;
	margin:0 6px;
    font-size:12px;
    color:#3366CC;
    text-decoration:underline;
}
.del2:hover{ text-decoration:none;}

/*Show*/
.btn_show,.btn_show:hover{
	display:inline-block;
	font-weight:normal;
	color:#fff;
	border:1px #6185b0 solid;
	background:url(../image/btn/btn2.gif) #5e92c6 repeat-x left top;
	margin: 2px;
	padding:3px 4px 2px;
	line-height:12px;
	*display:inline;
	*zoom:1;
}
.btn_show:hover{
	text-decoration:none;
	background-position:left bottom;
}
/*Hide*/
.btn_hide,.btn_hide:hover{
	display:inline-block;
	font-weight:normal;
	color:#fff;
	border:1px #6185b0 solid;
	background:url(../image/btn/btn2.gif) #5e92c6 repeat-x left top;
	margin: 2px;
	padding:3px 4px 2px;
	line-height:12px;
	*display:inline;
	*zoom:1;
}
.btn_hide:hover{
	text-decoration:none;
	background-position:left bottom;
}
.btn_help,.btn_help:hover{
	width:16px;
	height:16px;
	line-height:16px;
	background:url(../image/btn/btn_help.png) no-repeat 0 0;
	text-indent:-999px;
	overflow:hidden;
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:middle;
	margin:0 5px;
}
.btn_help:hover{ background-position:0 -16px;}

/*		@alink
------------------------------------ */	
/*link1*/
.link1{
	color:#3366cc !important;
	text-decoration:underline;
}
.link1:hover{ text-decoration:none;}
.link2{
    margin-left: 3px;
    color:#3366cc;
    text-decoration:underline;
}
.link2:hover{ text-decoration:none;}
a.link3{
    color:#3366cc!important;
    text-decoration:underline;
}
.link3:hover{ text-decoration:underline;}
a.link4{
    color:#333 !important;
    text-decoration:none;
}
.link4:hover{ text-decoration:underline;}
.link5{
	color:#E60000 !important;
	text-decoration:underline;
}
.link5:hover{ text-decoration:none;}

/*		titleBlock
---------------------------------*/
.titleBlock{
    display:block;
    clear:both;
    padding:0 0 5px 0px;
    overflow:hidden;
    border-bottom: 2px solid #998F81;
}
.titleBlock dt{ float:left;}
.titleBlock .fr{ float:right;}
.print .titleBlock .tit1{
	font-size:15px;
    color:#000;
    font-weight:bold;
    background:none;
    padding:0;
}
/************************************Css End**********************************************/
/*************************************
*		Css Tool
**************************************/
/* Font
------------------------------------ */
.bold{ font-weight:bold;}
.italic{ font-style:italic;}
.f12px{ font-size:12px;}
.f14px{ font-size:14px;}
.f16px{ font-size:16px;}
.strEnd{ text-align:justify; text-justify:inter-ideograph;}/*齊頭尾*/
.wordbreak{ word-wrap: break-word; word-break: normal;}/*自動換行*/
.enwrap{ word-break:break-all;}/*強制英文換行*/
.nowrap{ white-space:nowrap;}/*強制不換行*/

/* Color
---------------------------------- */
.bred{ background:#f00;}
.byellow{ background:#ff0;}
.bblue{ background:#00f;}
.fred{ color:#f00;}
.fyellow{ color:#ff0;}
.bblue{ color:#00f;}

/* Align
---------------------------------- */
.tleft{ text-align:left}
.tcenter {text-align:center}
.tright{ text-align:right}

/* Float
---------------------------------- */
.fleft{ float:left !important;}
.fright{ float:right !important;}

/* Block
---------------------------------- */
.clear{ clear:both; height:0; overflow:hidden;}
.border{ border:1px #f00 solid;}

/* Cursor
---------------------------------- */
.cursorHand{ cursor:pointer;}

/* Clear Fix
---------------------------------- */
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix{display:block;}

/*DW*/
.clearfloat{ 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/*************************************
*		print page
**************************************/		
.print{ padding:15px;}
.print .wrap{}
.print .wrap .tb2, .print .wrap .tb2_s{ border-bottom:none;}

/*		common
---------------------------------*/
.print .hide{display:table-row;}
.print .line{border-bottom:none;}

/*		print_logo
---------------------------------*/
.print_logo{ margin:0 0 15px 0;}
.print_logo image{	
	margin:0 0 13px;
	display: block;
	list-style-image:url(../image/print/print_logo.gif);
	padding:10px;
	margin:0;
	text-indent: -9999px;
}

/*		table
---------------------------------*/
.print .tb1_box{ border:1px solid #000;}
.print .tb1, .print .tb2{
	background:none;
	color:#000;
	border-color:#000;
	border-top-color:#fff;
}
.print .tb1 td, .print .tb2 td{
	background:none;
	color:#000;
	border-color:#000;
}
.print .tb1 .hd1, .print .tb2 .hd1, .print .tb2 .hd_lt, .print .tb2 .hd_rt{ font-weight:bold;}
.print .text_imp, .print .table_note, .print .sum-money, .print .sum-count,
.print .ps, .print .trans_fail2, .print .trans_succ2 {
	color:#000 !important;
}

/*tb2 > 小計*/
.tb2 .sum,.tb2 .sum_top{
    background: #ffffff;
    border-right: 2px solid #ffffff;
}
.tb2 .sum,.tb2 .sum_top.sum_top_bottomline{
    border-bottom: 2px solid #ff6600;
}
.tb2 .sum td,.tb2 tr.sum_top td{ color:#ff6600;}
.tb2 td.sum_tit{ text-align:right;}
.total_red{ color:#9C6;}
.line{
   /* margin:1px 0;*/
    display:block;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #f4f4f4;
}
.tb2_lv2 .line{ border-bottom-color: #ccc;}

/*		tabBlock
------------------------------------ */	
.tabBlock{
	background:url(../image/tabBlock/tabBlock_bd.gif) repeat-x left top;
	clear:both;
	margin-bottom: 10px;
}
.tabBlock div{height:26px;} 
.tabBlock .lt{background:url(../image/tabBlock/tabBlock_lt.gif) no-repeat left top;padding:0;}
.tabBlock .rt{background:url(../image/tabBlock/tabBlock_rt.gif) no-repeat right top;}
/*tabs*/
.tabs dt{float:left;padding:0 0px 0;}
.tabs a,.tabs a span{
	display:block;
	text-decoration:none;
	padding:0 0 0 13px;
	background:url(../image/tabBlock/tabs_bg.gif) no-repeat left top;
}
.tabs a span{
	color:#605b55;
	font-size:12px;
	line-height:15px;
	padding:7px 13px 4px 0;
	*padding:7px 13px 5px 0;
	background-position:right top;
}
.tabs a:hover span{ text-decoration:underline;}	
.tabs .current a,
.tabs .current a:hover{ background-position:left bottom;}
.tabs .current a span,
.tabs .current a:hover span{
	font-weight:bold;
	color:#605b55;
	text-decoration:none;
	background-position:right bottom;
}
.tabs_cont{ background:url(../image/tabBlock/tabs_cont_lt.gif) no-repeat left top; padding:0 0 0 5px;}
.tabs_cont .bd{
	background:url(../image/tabBlock/tabs_cont_rt.gif) no-repeat right top;
	padding:6px 12px 0 6px;
}
/*tbStatus 上下頁*/
.tbStatus_wrap{
    padding:5px;
    background: #fff;
    line-height:20px;
    text-align:right;
    border-right: 2px solid #ffffff;
	overflow:hidden;
}
.print .tbStatus_wrap{ background: #f3f3f3;}
.tbStatus{
	display:inline-block;
	*display:inline;
	*zoom:1;
	overflow:hidden;
}
.tbStatus_left{ float:left;}
.tbStatus .page_select{
    float:left;
    display:block;
    margin:0 2px;
    line-height:20px;
    color:#333;
    padding:2px 4px;
}
.tbStatus p{
    float:left;
    padding:2px 0 0 0;
    margin:0 2px;
    color:#3e3e3e;
}
.tbStatus .first_btn{
    float:left;
    display:block;
    position:relative;
    width:30px;
    height:20px;
    margin:0 5px 0 10px;
    text-indent:999px;
    overflow:hidden;
    border:#c1c1c1 1px solid;
    border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    background:url(../image/icon/page_first.png) #fff no-repeat 0 0;
}
.tbStatus .prev_btn{
    float:left;
    display:block;
    position:relative;
    width:30px;
    height:20px;
    text-indent:999px;
    overflow:hidden;
    border:#c1c1c1 1px solid;
    border-right:none;
    border-radius:2px 0px 0px 2px;
    -moz-border-radius:2px 0px 0px 2px;
    -webkit-border-radius:2px 0px 0px 2px;
    background:url(../image/icon/page_prev.png) #fff no-repeat 0 0;
}
.tbStatus .next_btn{
    float:left;
    display:block;
    position:relative;
    width:30px;
    height:20px;
    text-indent:999px;
    overflow:hidden;
    border:#c1c1c1 1px solid;
    border-radius:0px 2px 2px 0px;
    -moz-border-radius:0px 2px 2px 0px;
    -webkit-border-radius:0px 2px 2px 0px;
    background:url(../image/icon/page_next.png) #fff no-repeat 0 0;
}
.tbStatus .last_btn{
    float:left;
    display:block;
    position:relative;
    width:30px;
    height:20px;
    margin:0 0 0 5px;
    text-indent:999px;
    overflow:hidden;
    border:#c1c1c1 1px solid;
    border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    background:url(../image/icon/page_last.png) #fff no-repeat 0 0;
}
.tbStatus .first_btn:hover, .tbStatus .prev_btn:hover, .tbStatus .next_btn:hover, .tbStatus .last_btn:hover{
	background-color:#eaeaea;
}

/*PopUp title*/
.pop_tit1{
	font-size:12px;
	font-weight:bold;
	color:#444;
	display:inline-block;
	background-image: url(../image/layout/tit1.gif);
	background-repeat: no-repeat;
    *background-position:left top;
	background-position:left top;
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 20px;
	*display:inline;
	*zoom:1;
}
.redtxt{
	color:#d42a2a;
	font-weight:normal;
}
.redhd{ color:#305978;}

/*timeout*/
.pop_timeout{
	font-size:12px;
	color:#dc5252;
	text-align:center;
}

/*demolink*/
.demoLink{ padding:2px; text-align:center; line-height:18px;}	
.demoLink a,.demoLink{
	color:#666;
	margin:0 3px;
	text-decoration: underline;
}

/*show & hide btn*/
.close_btn1,.open_btn1{
    cursor:pointer;
    padding: 0 20px 0 0;
    background: url(../image/btn/hide_btn.png) no-repeat right center;
    display: inline;
    color:#000;
    text-decoration:none;
}
.open_btn1{ background:url(../image/btn/show_btn.png) no-repeat right center;}

/*close_btn3 & open_btn3*/
.close_btn3,.open_btn3{
	cursor:pointer;
	text-decoration:none;
	color:#000;
	padding-left: 14px;
}
.open_btn3{ background:url(../image/btn/open_btn3.png) no-repeat left center;}
.close_btn3{ background:url(../image/btn/close_btn3.png) no-repeat left center;}
.close_btn3:hover, .open_btn3:hover{ text-decoration:underline;}

.ct, .ct input{text-align:center;}
.lt, .lt input{text-align:left !important;}

/*tb2 奇偶列*/
.tb2 .odd{background:#ffffff;}
.tb2 .even{background:#f5f5f5;}
.tb2 .hover{background:#FFF2FC;}

/*Page title*/
.pg_tit1{
    font-size:13px;
	font-weight:bold;
	color:#222;
    vertical-align:middle;
    display:inline-block;
    background:url(../image/icon/tit1.gif) no-repeat 2px 9px;
    padding:5px 0 5px 18px;
	line-height:20px;
	*line-height:13px;
	*display:inline;
	*zoom:1;
}
.print .pg_tit1{
	color:#000;
    background:none;
	padding:0 0 0 5px;
	line-height:15px;
	border-left:5px solid #ffffff;
	margin-top:5px;
}

/*		tree1 for chkeckbox
------------------------------------ */
.tree1{ width:100%;}
.tree1 td{ padding:2px; vertical-align:top;}
.tree1 .extend{ /*收合標題時使用*/
	font-size:13px;
    padding:5px 3px;
    font-weight:bold;
}
.tree1 label{ margin:0 10px 0 0;}
.tree1 .funList{
    border:1px solid #BCB8B5;
    padding:2px 2px 0 2px;
    margin:0 0 4px 0;
    overflow:hidden;
}
.tree1 dt.treeCheck{
    padding:2px 0 4px 3px;
    margin:0 0 2px 0;
    color:#222;
    font-weight:bold;
    font-size:13px;
	background:url(../image/table/tb2_hd1.gif) repeat-x left bottom;
}
.tree1 dt.treeCheck input{ vertical-align:middle;}
.tree1 dt.treeCheck a{
	background:url(../image/btn/open_btn2.png) no-repeat right center;
	padding:0 0 0 7px;
	text-decoration:none;
}
.tree1 dt.treeCheck a.current{
	background:url(../image/btn/close_btn2.png) no-repeat right center;
	padding:0 0 0 7px;
	text-decoration:none;
}	
/*reset*/
.tree1 .treeCheck,.treeCheck dl{ margin:0; clear:both;}
.tree1 .treeCheck input{
	display:inline-block;
	vertical-align:middle;
	*display:inline;
	*zoom:1;
}
.tree1 .treeCheck a{ text-decoration:none; color:#3366cc;}
.tree1 .treeCheck a:hover{ text-decoration:underline;}
/*第一層*/
.tree1 .treeCheck dt{
	padding:2px 0 4px 3px;
	margin:0 0 2px 0;
	display:block;
	background:#f5f5f5;
	color:#222;
	overflow:hidden;
}
.tree1 .treeCheck dt a{background:url(../image/btn/open_btn2.png) no-repeat left 3px;padding:0px 0 0 14px;}
.tree1 .treeCheck dt a .disabled{background:url(../image/layout/open_btn2.png) no-repeat left 3px;padding:0px 3px;}
.tree1 .treeCheck dt.current a{background:url(../image/btn/close_btn2.png) no-repeat left 3px;}
.tree1 .treeCheck dt.single{
	padding:2px 0 4px 16px;
	margin:0 0 2px 0;
	display:block;
	background:#f5f5f5;
	color:#222;
	overflow:hidden;
}
/*第二層*/
.tree1 .treeCheck dd{margin:0 0 4px 17px; display:none;}
.tree1 .treeCheck dd label{display:block;color:#333; line-height:20px;}
.tree1 .treeCheck dd dl{margin:0;}
.tree1 .treeCheck dd.current{display:block;}

/*		tree2 for sitemap
------------------------------------ */
.tree2{ width:100%;}
.tree2 a{ color:#3366cc; text-decoration:none;}
.tree2 a:hover{ text-decoration:underline !important;}
.tree2 .funList{
	border:1px solid #BCB8B5;
    padding:2px 2px 0 2px;
    margin:0 0 4px 0;
    overflow:hidden;
	background:#fff;
}
.tree2 dt.treeCheck{
	padding:0 0 4px 4px;
    margin:0 0 2px 0;
    color:#000;
    font-weight:bold;
    font-size:13px;
	line-height:24px;
	background:url(../image/table/tb2_hd1.gif) repeat-x left bottom;
}
.tree2 dt.treeCheck input{ vertical-align:middle;}
.tree2 dt.treeCheck a.node{
	background:url(../image/btn/open_btn2.png) no-repeat right center;
	padding:0 0 0 7px;
	text-decoration:none;
}
.tree2 dt.treeCheck a.current{
	background:url(../image/btn/close_btn2.png) no-repeat right center;
	padding:0 0 0 7px;
	text-decoration:none;
}	
/*reset*/
.tree2 dl.treeCheck{
	width:24%;
	margin:0 4px 0 0;
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:top;
}
.tree2 .treeCheck input{
	display:inline-block;
	vertical-align:middle;
	*display:inline;
	*zoom:1;
}
.tree2 .treeCheck a{ text-decoration:none;}
/*第一層*/
.tree2 .treeCheck dt{
	margin:0 0 4px 4px;
	display:block;
	color:#000;
	overflow:hidden;
}
.tree2 .treeCheck dt a, .tree2 .treeCheck dd a{
	background:url(../image/icon/list_icon.gif) no-repeat left center;
	padding:0 0 0 10px;
	margin-left:2px;
}
.tree2 .treeCheck dt.single{
	padding:2px 0 4px 17px;
	margin:0 0 2px 0;
	display:block;
	background:#F0F7F1;
	color:#475342;
	overflow:hidden;
}
/*第二層*/
.tree2 .treeCheck dd{margin:0 0 4px 4px; display:block; line-height:22px;}
.tree2 .treeCheck dd dl{margin:0;}

/*search_link*/
.srhLink{
    background:url(../image/btn/search.png) no-repeat 0px center;
    padding:0 0 0 20px;
	margin:0 6px;
    font-size:12px;
    color:#3366CC;
    text-decoration:underline;
	font-weight:normal;
}
.srhLink:hover{ text-decoration:none;}

/*		@msg_tit{   
------------------------------------ */
.msg_Container_left {

    margin:20px 0px 0px 0px;
    width: 385px;
    float: left;
}
/*首頁未讀訊息*/
.msg_unread ,
.msg_unread2 {
    background: url(../image/icon/msg_unread.png) no-repeat 5px center;
    vertical-align: middle;
}
/*訊息通知未讀訊息*/
.msg_unread_list span{
    background: url(../image/icon/msg_unread.png);
    vertical-align: middle;
    display: inline-block;
    width: 28px;
    height: 17px;
}


.msg_Container_left li {
    padding: 8px 36px;
    cursor: pointer;
    color: #3366cc;
}
.msg_Container_left li a {
    color: #3366cc;
}
.msg_Container_left li:hover {
    background-color: #f2f2ea;
}


.msg_Container_right {
    margin: 20px 0px 0px 0px;
    width: 385px;
    float: left;
}

.msg_Container_right li {
    padding:8px 20px 8px 36px;
}
.msg_tit{
    font-size: 15px;
    font-weight: bold;
	margin:0px 0 5px 0px;
	padding:3px 0 3px 0px;
	color:#ff9933;
	line-height:18px;
    position: relative;
}
.msg_tit .unread{
    font-size: 12px;
	line-height:16px;
    position: absolute;
    top:5px;
    left:64px;
    display: inline-block;
    padding: 0 2px;
    color: #e4001b;
    background: #fff;
}
/*for index*/
.btn-more-container{
	float: right;
}
.btn_more{
    text-decoration:none;
    color:#36C !important;
    font-size: 12px;
    margin-left: 30px;
    position: relative;
    top: 4px;
}
.btn_more:hover{
    color:#3366cc;
    text-decoration: underline;
}
.btn-more-container .btn_more{
	background-color: #000;
	border-radius:0;
    color: #fff !important;
    padding: 0px 5px 3px;
    position: inherit !important;
    top: 0 !important;
}
.btn-more-container .btn_more:hover{ background-color: #333;color: #fff !important; text-decoration: none !important;}

/*		@msg_list
------------------------------------ */
.msg_list{
    margin:0px;
	clear:both;
    width:100%;
}
.msg_list .hd_lt{
    color:#000;
    text-align:left;
	padding-left:30px;
    vertical-align:middle;
    background:url(../image/table/tb2_hd1.gif) #f9f9f9 repeat-x left bottom;
	border-bottom:1px solid #99cc33;
}
.msg_list .hd_rt{
    color:#000;
    text-align:right;
	padding-right:30px;
    vertical-align:middle;
    background:url(../image/table/tb2_hd1.gif) #f9f9f9 repeat-x left bottom;
	border-bottom:1px solid #99cc33;
}
/*奇偶列*/
.msg_list tr:hover{ background-color:#f2f2ea;}
.msg_list td{
    font-size:12px;
    vertical-align:middle;
    /*border-bottom: 1px #cccccc solid;*/
    padding:2px 0px;
	height:26px;
	color:#000;
    line-height: 20px;
}
.msg_list td.hd2{ background-color: #fffed0;}
.msg_list .hd1{
    color:#000;
    text-align:center;
    font-size:12px;
    background:url(../image/table/tb2_hd1.gif) repeat-x scroll left bottom #f9f9f9;
	border-bottom:1px #99CC33 solid;
}
.msg_list .hd1_last{ border-right-color:#deb594;}
.msg_list a{
	color:#3366cc;
	text-decoration:none;
}
.msg_list a:hover{ text-decoration:underline;}
.msg_unread td{}


/*		@post    公告
------------------------------------ */	
.ad_area{ width:370px;}
.ad_area .ad{ margin-bottom:10px;}
.post_tit{
    font-size: 14px;
    margin:0px 0 5px 0px;
    padding:3px 0 3px 0px;
	color:#121212;
    line-height:18px;
}
.post{
	height:180px; width:368px;
	padding:8px 10px 0 6px;
	clear:both;
	overflow-y:auto;
    border-top:1px solid #e8e8e8
}
.post ul{ line-height:2.2em; margin-bottom:10px;}
.post ul li{
    margin-left:10px;
    list-style-image:url(../image/icon/list_icon.gif);
}

/* 操作逾時提醒畫面
---------------------------------*/
.timeout_area{ text-align:left; background-color:#f5f5f5; height:100%;}
.timeout_area image{ padding:20px 10px 10px 10px;}
.timeout_area .txt{ background-color:#FFF; margin:0 10px 10px 10px; padding:10px;color:#333; line-height:1.6em;}
.timeout_area .second{ color:#007DBA; font-size:15px; font-weight:bold; padding:0 2px;}

/* 倒數秒數
---------------------------------*/
.countdown{
	position:absolute;
	color:#FFF;
	right:16px;
	top:58px;
	display:inline-block;
	*display:inline;
	*zoom:1;
}
.countdown .num{ font-size:13px; font-weight:bold;}

/* 交易結果(popup)
------------------------------------ */
.confirm_check{
	display:block;
	padding:3px;
	margin:0 0 10px 0;
}

/* 送呈類型
------------------------------------ */
.pass_type{
	border-top:1px solid #DDDCD6;
	margin:10px 0;
}
.pass_type .hd1{
	text-align:right;
	font-weight:bold;
	color:#59584B;
}
.pass_type td{
	padding:4px;
	color:#59584B;
}

/* 小月曆
------------------------------------ */
.ui-datepicker-trigger{
	vertical-align:middle;
	cursor:pointer;
	margin-right:4px;
}
.ui-datepicker-prev, .ui-datepicker-next{
	cursor:pointer;
}
.date_txt{
	width:80px;
	margin:0 4px 0 0;
	line-height:20px;
	padding:2px;
	color:#000;
}

/* 交易狀態
------------------------------------ */
.trans_succ{
	color:#000;
	background:url(../image/icon/trans_succ.png) no-repeat 0 center;
	padding:12px 0 12px 60px;
}
.trans_fail{
	color:#e60000;
	background:url(../image/icon/trans_fail.png) no-repeat 0 center;
	padding:12px 0 12px 60px;
}
.trans_fail2{ color:#e60000;}

/* 文字
------------------------------------ */
.star{color:#ff0000;}
.fred1{color:#ed0906;}
.highlight{color:#fff;}
.fdate{
	color:#666;
	display:inline-block;
	*display:inline;
	*zoom:1;
	line-height:20px;
	vertical-align:middle;
}
.text_imp{ color:#E60000;}
.text_default{ color:#6ba709;}
.text_highlight{ padding:0 4px; font-weight:bold;}
.account_balance{ color:#ff6600; font-size:13px; line-height:20px;}

.tips_box{
	font-size:13px;
	border:1px solid #ccc;
	border-radius:4px;
	background:#EFEFEF;
	padding:6px 10px;
	margin:8px 0;
	color:#000;
}
.tips_box ol{ margin-left:25px; margin-top:5px;}
.tips_box li{
	list-style:decimal;
	margin-bottom:4px;
	font-size:13px;
}
.alert_box{
	font-size:13px;
	border:1px solid #ffe3a8;
	border-radius:4px;
	background:#fff8d9;
	padding:12px 14px 12px 0px;
	margin:8px 0;
}
.msg_box{
	border:1px solid #77b1bd;
	margin:10px 0;
	padding:8px 10px 8px 26px;
	color:#475342;
	line-height:14px;
	background: url(../image/icon/icon_process.gif) #ddf4ff no-repeat 6px center;
}
.msg_box_2{
	border:1px solid #fcdc85;
	background:#fff5d9;
	color:#645540;
	padding:6px 10px;
	line-height:18px;
	margin:4px 0;
}
.msg_box_3 {
    border: none;
    border-radius: 4px;
    padding-top: 13px;
    padding-bottom: 13px;
    height:100%;
    overflow:hidden;
}
.minus{
	color:#ff6600;
	font-weight:bold;
	margin:0 4px;
	font-size:14px;
}
.plus{
	color:#ff6600;
	font-weight:bold;
	margin:0 4px;
	font-size:14px;
}
.equal{
	color:#ff6600;
	font-weight:bold;
	margin:0 4px;
	font-size:14px;
}
.guide .title{
	font-weight:bold;
	font-size:13px;
	line-height:16px;
	margin:4px 10px 4px 2px;
	padding:0 0 0 20px;
	color:#333;
	background: url(../image/icon/icon_guide.png) no-repeat 0 0;
	display:inline-block;
	*display:inline;
	*zoom:1;
}
.guide .title span{
	display:block;
	padding:0 8px 0 0;
}
.guide .content{
	margin:4px 10px 6px 22px;
	color:#333;
	line-height:18px;
}

/* 表格特殊欄位設定
------------------------------------ */
.td_sn{ text-align:center !important;/*序號,編號*/}
.td_money, .td_money input{text-align:right !important; word-break:keep-all;}
.td_currency{ text-align:center !important;}
.td_func{ text-align:center !important;/*功能*/}

/*check 樣式*/
.check_style{
	background:url(../image/icon/ok.gif) left center no-repeat;
	display:inline-block;
	height:16px;
	width:16px;
	*display:inline;
	*zoom:1;
}

/* 表格線條設定
------------------------------------ */
.noborder, .noborder td{ border:0px; border:none;}
.border_top, .border_top td{ border-top:2px solid #aedaa1;}

/* 表單
------------------------------------ */
.text_input{
	margin:1px 4px 1px 0;
	line-height:18px;
	padding:2px;
	color:#000;
	vertical-align:middle;
	border:1px solid #bbb;
}
.text_select{
	margin:0 4px 0 0;
	line-height:20px;
	color:#000;
	padding:2px;
	vertical-align:middle;
	border:1px solid #bbb;
}
.help_content{
	border:1px solid #AEDAA1;
	margin:10px 0;
	overflow:hidden;
	padding:1px;
}
.help_content h1{
	background:#EBFCE0;
	color:#46762E;
	font-size:15px;
	letter-spacing:2px;
	line-height:20px;
	padding:4px 6px;
	position:relative;
	margin:0 0 4px 0;
}
.help_content .close{
	background:#0092c8;
	border:1px solid #0076a1;
	color:#fff;
	cursor:pointer;
	font-weight:bold;
	height:15px;
	line-height:15px;
	position:absolute;
	right:6px;
	text-align:center;
	top:6px;
	width:15px;
}
.help_content .close:hover{ background:#4ab2d8;}
.help_content table{ margin:0 0 10px 0;}
.help_content table td{ padding:2px 10px; vertical-align:top;}
.help_content .step{
	color:#46762E;
	font-size:13px;
	font-weight:bold;
}
.help_content image{ vertical-align:middle; margin:0 4px;}
.help_content .txt{ color:#333;}

/**條款**/
.agreement{}
.agreement h1{
	border:1px solid #ccc;
	border-bottom:none;
	font-size:13px;
	letter-spacing:1px;
	line-height:20px;
	padding:5px;
	text-align:center;
}
.agreement_con{
	border:1px solid #ccc;
	color:#333;
	height:300px;
	line-height:20px;
	padding:10px 15px 0 15px;
	overflow-y:scroll;
}
.agreement_con dl{ margin-bottom:20px;}
.agreement_con dt{ font-weight:bold;}
.agreement_con dd{ margin-left:28px; margin-top:-20px;}
.agreement_con ol.list_num{ margin-left:50px;}
.agreement_con .list_num li{ list-style:decimal;}

/**存入範本**/
.template_save{ margin:5px 0; padding:5px;}
.template_save h6{
	background:url(../image/icon/icon_save.gif) no-repeat left center;
	color:#3e3e3e;
	display:inline-block;
	font-weight:bold;
	line-height:16px;
	margin-right:5px;
	padding:2px 0 0 22px;
	*display:inline;
	*zoom:1;
}

/*列表順序編輯*/
.list_order{
	border:1px solid #77b1bd;
	margin:0 0 10px 0;
}
.list_order .hd1{
	background:url(../image/table/tb2_hd1.gif) repeat-x scroll left bottom #f9f9f9;
	border-bottom:1px #99CC33 solid;
}
.list_order td{ border-top:1px #dddcd6 solid; padding:4px; vertical-align:middle;}
.list_content{
	border:1px solid #dddcd6;
	color:#333;
	width:100%;
	padding:2px;
}
.list_content option{ padding:2px;}

.btn_listOrder_add,
.btn_listOrder_add span,
.btn_listOrder_up,
.btn_listOrder_up span,
.btn_listOrder_down,
.btn_listOrder_down span,
.btn_listOrder_del,
.btn_listOrder_del span{
	background:url(../image/btn/btn_listOrder.gif);
	color:#fff;
	display:inline-block;
	*display:inline;
	*zoom:1;
	padding:0 0 0 25px;
	margin:2px;
	line-height:20px;
	*line-height:20px;
	height:20px;
	cursor:pointer;
}

.btn_listOrder_add,
.btn_listOrder_add span{ background-position:left 0;}	
.btn_listOrder_add span{ background-position:right 0; padding:0 10px 0 0; margin:0;}
.btn_listOrder_add:hover,
.btn_listOrder_add:hover span{ background-position:left -20px;}
.btn_listOrder_add:hover span{ background-position:right -20px;}

.btn_listOrder_up,
.btn_listOrder_up span{ background-position:left -40px;}	
.btn_listOrder_up span{ background-position:right -40px; padding:0 10px 0 0; margin:0;}
.btn_listOrder_up:hover,
.btn_listOrder_up:hover span{ background-position:left -60px;}
.btn_listOrder_up:hover span{ background-position:right -60px;}

.btn_listOrder_down,
.btn_listOrder_down span{ background-position:left -80px;}	
.btn_listOrder_down span{ background-position:right -80px; padding:0 10px 0 0; margin:0;}
.btn_listOrder_down:hover,
.btn_listOrder_down:hover span{ background-position:left -100px;}
.btn_listOrder_down:hover span{ background-position:right -100px;}

.btn_listOrder_del,
.btn_listOrder_del span{ background-position:left -120px;}	
.btn_listOrder_del span{ background-position:right -120px; padding:0 10px 0 0; margin:0;}
.btn_listOrder_del:hover,
.btn_listOrder_del:hover span{ background-position:left -140px;}
.btn_listOrder_del:hover span{ background-position:right -140px;}


/*Mspace-10*/
.m0{ margin:0 !important;}
.p0{ padding:0 !important;}
.m5{ margin-bottom:5px !important;}
.m10{ margin-bottom:10px !important;}
.mt10{ margin-top:10px !important;}
.L10{ padding-left: 10px !important;}
.L15{ padding-left: 15px !important;}
.mL3{ margin-left: 3px !important;}
.mL10{ margin-left: 10px !important;}
.mL20{ margin-left: 20px !important;}
.mL30{ margin-left: 30px !important;}
.mL40{ margin-left: 40px !important;}
.mL44{ margin-left: 44px !important;}
.padding-right20{
    padding-right: 20px;
}

/*時間倒數*/
.timer{
    color:#eee;
    clear:both;
    font-size:12px;
    color:#999;
    padding:2px 0 0 01px;
}
.time1{
    color:#3e86bb;
    font-weight:bold;
    margin:0 4px;
}

.result_box{ margin:10px 0 0 0;}
.tb1_box{
	padding:5px;
	border:1px solid #ddd;
	border-radius:4px;
	margin:0 0 8px 0;
}
.tb1_box .tb1{ margin:0;}
.result_box .tb2, .tb1_box .tb2{ border-bottom:none;}

/**dialog**/
.ui-dialog .ui-dialog-title{ font-size:15px;}
.dialog_con{
	margin:15px 0;
	line-height:20px;
	color:#333;
	font-size:13px;
}

/*查詢區塊*/
.qry-section{
    margin: 0 0 10px 0;
    border:1px solid #ddd;
    padding: 10px 5px;
    position:relative;
    border-radius: 3px;
	min-height:33px;
}
.qry-section .tb1{ margin:0;}
/*按鈕區塊*/
.submit-section{
    position:absolute;
    bottom:10px;
    right:8px;
    color: #ffffff;
}
.qry-section-info{
	display:block;
	width:80%;
	padding:0 9px;
	line-height:1.8em;
}
.qry-section-info .tb1{ margin-bottom:0;}
.qry-section-info .tb1 td{ padding:2px 5px; padding-right:20px;}
.qry-section-info .tb1 .hd1{ padding-right:5px;}
.qry-info {
    margin: 0 30px 6px 0;
	font-size:11px;
	display:inline-block;
	*display:inline;
	*zoom:1;
}
.qry-info_ov { background:#ece9d8;}
.qi_tit {
	font-weight:bold;
	margin:0 4px 0 0;
}
.qi_cont {
	margin:0;
	padding:0;
}
.result_box fieldset.inner {
    padding:10px;
    margin-bottom:10px;
    border:1px solid #ddd;
    border-radius: 3px;
}
.result_box fieldset.inner legend {
    color:#000000;
    font-size:16px;
    background:#efefef;
    border-radius: 3px;
    padding:2px 6px;
}
.sum-section{
	margin:0;
	font-weight: bold;
	margin-bottom:10px;
}
.sum-section .title{}
.sum-section div{
    font-weight: bold;
    font-size: 13px;
}
.txt-total{
    font-size: 18px;
    font-weight: normal;
    display: inline-block;
    color:#ff6600;
    text-align: right;
    padding: 0 2px;
}
.sum-money{
    font-size: 28px;
    display: inline-block;
    color:#cc0000;
    margin:0 0 0 4px;
}
.sum-count{
    font-size: 18px;
    display: inline-block;
    color:#ff6600;
	margin:0 4px;
}
.searchBtn{
    display: inline-block;
	*display:inline;
	*zoom:1;
    background: url(../image/icon/search.png) no-repeat right top;
    width: 20px;
    height: 18px;
    padding:0;
}

/*		tabs2
------------------------------------ */	
.tabs2, .tabs2 li{ list-style:none;}
.tabs2{
	margin:5px 0 5px 0;
	background:#fff url(../image/layout/gradient_line.gif) no-repeat left bottom;
	line-height:25px;
	height:26px;
}
.tabs2 li{ float:left; margin:0 10px 0 0;}	
.tabs2 a{
	font-size:13px;
	display:inline-block;	
	color:#666;
	text-decoration:none;
	padding:0 15px;
	*display:inline;
	*zoom:1;
	border:1px solid #aaa193;
	/*border-top-left-radius:4px;
	border-top-right-radius:4px;*/
	position:relative;
	background:#f5f4f2;
	min-width:60px;
	text-align:center;
    border-bottom: none;
    margin-top: -1px
}
.tabs2 a:hover{ line-height:24px;
	border:1px solid #b5cad6;
	padding-top:1px;
	-moz-box-shadow: 0px 0px 2px 0px  #ccc inset;
	-webkit-box-shadow: 0px 0px 2px 0px  #ccc inset;
	box-shadow:0px 0px 2px 0px  #ccc inset;
}
.tabs2 .current a{
	color:#FC5F07;
	background:#fff;
	font-weight:bold;
	border-bottom:1px solid #fff;
	font-size:14px;
}
.tabs2 .current a:hover{ 
    border-top-width:1px;
    line-height:24px;	
	padding-top:2px;
	-moz-box-shadow: 0px 0px 2px 0px  #ccc inset;
	-webkit-box-shadow: 0px 0px 2px 0px  #ccc inset;
	box-shadow:0px 0px 2px 0px  #ccc inset;
}
.tabs2 .unread{
	display:inline-block;
	*display:inline;
	*zoom:1;
	position:absolute;
	background:#cdc8bd;
	font-size:11px;
	color:#fff;
	text-align:center;
	vertical-align:middle;
	border-radius:10px;
	padding:1px 3px;
	line-height:18px;
	top:-4px;
	right:-6px;
	min-width:14px;
}
.tabs2 .current .unread{ background:#e4001b;}

/*選擇角色*/
.sel_notice{ width:100%;}
.select1{ margin:0 5px 0 0; line-height:20px; color:#333; padding:2px 4px;}
.select2{ vertical-align:top;}
.sel2box{ width:100%;}

.btn_roleSelect_rgt, .btn_roleSelect_rgt_all, .btn_roleSelect_lft, .btn_roleSelect_lft_all, .btn_roleSelect_down, .btn_roleSelect_up, .btn_roleSelect_add, .btn_roleSelect_del{
	width:30px;
	height:18px;
	display:inline-block;
	*display:inline;
	*zoom:1;
	margin:2px;
	border:1px solid #bbb;
	border-radius:3px;
	vertical-align:middle;
}
.btn_roleSelect_rgt, .btn_roleSelect_rgt:hover { background:url(../image/btn/roleSelect_rgt.gif) no-repeat 0 0;}
.btn_roleSelect_rgt:hover { background-position:0 -18px; border:1px solid #999;}
.btn_roleSelect_rgt_all, .btn_roleSelect_rgt_all:hover { background:url(../image/btn/roleSelect_rgt_all.gif) no-repeat 0 0;}
.btn_roleSelect_rgt_all:hover { background-position:0 -18px; border:1px solid #999;}
.btn_roleSelect_lft, .btn_roleSelect_lft:hover { background:url(../image/btn/roleSelect_lft.gif) no-repeat 0 0;}
.btn_roleSelect_lft:hover { background-position:0 -18px; border:1px solid #999;}
.btn_roleSelect_lft_all, .btn_roleSelect_lft_all:hover { background:url(../image/btn/roleSelect_lft_all.gif) no-repeat 0 0;}
.btn_roleSelect_lft_all:hover { background-position:0 -18px; border:1px solid #999;}

.btn_roleSelect_add, .btn_roleSelect_add:hover { background:url(../image/btn/roleSelect_add.gif) no-repeat 0 0;}
.btn_roleSelect_add:hover { background-position:0 -18px; border:1px solid #999;}
.btn_roleSelect_del, .btn_roleSelect_del:hover { background:url(../image/btn/roleSelect_del.gif) no-repeat 0 0;}
.btn_roleSelect_del:hover { background-position:0 -18px; border:1px solid #999;}
.btn_roleSelect_up, .btn_roleSelect_up:hover { background:url(../image/btn/roleSelect_up.gif) no-repeat 0 0;}
.btn_roleSelect_up:hover { background-position:0 -18px; border:1px solid #999;}
.btn_roleSelect_down, .btn_roleSelect_down:hover { background:url(../image/btn/roleSelect_down.gif) no-repeat 0 0;}
.btn_roleSelect_down:hover { background-position:0 -18px; border:1px solid #999;}


/*		jmask浮動遮罩
------------------------------------ */
.mask_tit {
    color: #ffffff;
    margin: 0 0 5px;
    padding: 5px 3px 3px 20px;
    background-color: #928574;
}
.mask {
    display: none;
    position: absolute;
}
.maskslider {
    display: none;
    position: absolute;
}
#js_overLayer {
    display: none;
    background: #000;
    width: 100%;
    top: 0;
    left: 0;
    position: fixed;
    _position: absolute;
    filter: alpha(opacity=30);
    -moz-opacity: 0.3;
    opacity: 0.3;
    z-index: 99;
}
#js_container {
    background: #fff;
    width: 640px;
    height: 360px;
    z-index: 100;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -320px;
    margin-left: -180px;
    display: none;
    overflow: scroll;
}
* html #js_container { position: absolute;}
#hiddenContent { display: none;}
#jmask_tit {
    background: #eee;
    padding: 5px;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 112;
    display: none;
}
.pop_close, .pop_close:hover{
    float: right;
    background: url(../image/icon/pop_close.png) no-repeat 0 0;
    display: inline-block;
	*display:inline;
	*zoom:1;
    width: 22px;
    height:22px;
	vertical-align:middle;
}
.pop_close:hover{ background-position:0 -22px;}
.pop_tit {
    color: #fff;
    padding: 4px 14px;
    background: #FC5F07;
    font-size: 15px;
    line-height: 22px;
	font-weight:bold;
}
.pop_tit_sn { margin-left:8px;}
.arrow_L, .arrow_L:hover{
    display: none;
    position: fixed;
    top:50px;
    left: 0px;
    width: 50px;
    height: 50px;
    cursor: pointer;
    z-index: 200;
    background:url(../image/icon/btnPrevious.png) no-repeat 0 0;
}
.arrow_L:hover{ background-position:0 -50px;}
.arrow_R, .arrow_R:hover{
    display: none;
    position: fixed;
    top:50px;
    left: 0px;
    width: 50px;
    height: 50px;
    cursor: pointer;
    z-index: 200;
    background:url(../image/icon/btnNext.png) no-repeat 0 0;
}
.arrow_R:hover{ background-position:0 -50px;}

/*		.popup_body
------------------------------------ */
.pop-iframe{
    overflow-x: hidden;
    overflow-y: auto;
}
.popup_body{
    /*padding:10px;*/
    background:#fff;
    /*border:1px solid red;*/
}
.popup_wrapper{
    background-color: #ffffff;
	padding:11px 15px;
	line-height:20px;
}
.popup_wrapper .tb2, .popup_wrapper .tb2_s{ border-bottom:none;}
.popup_content{
	height:100%;
    background-color: #ffffff;
    border: 1px solid #DDD;
}
.popup_wrapper .trans_status{
	margin-bottom:10px;
	border:1px solid #ccc;
	background:#f9f9f9;
	padding:10px;
	border-radius:4px;
}
.popup_wrapper .trans_status .trans_succ,
.popup_wrapper .trans_status .trans_fail{
	font-size:13px;
	line-height:20px;
}
.popup_wrapper .trans_info {
	border:1px solid #ccc;
	border-radius:4px;
	padding:4px;
	margin:0 0 4px 0;
}
.popup_wrapper .trans_info .tb1 { margin:0;}
.popup_wrapper .trans_info .tb1 td{
	font-size:13px;
	line-height:20px;
}
.popsubmit-section{
    float: right;
    margin-top: 15px;
}


/*我的最愛*/
.tit2{
    margin-top: 10px;
    font-size: 13px;
    line-height: 13px;
    padding-left: 16px;
    background: url(../image/icon/tit2.png) no-repeat left center;
}
.indexfn-section, .favorlist{ padding: 0 0 15px 20px; overflow:hidden;}
.indexfn-section .item{
    margin-right: 25px;
    float: left;
}
.indexfn-section .item label{ margin-right:5px;}
.adv-link{
    color:#3366cc;
    text-decoration:underline;
    display: inline-block;
    margin-right: 10px;
}
.favorlist{ width:506px;}
.favorlist .item{
    margin-right: 13px;
    margin-bottom: 8px;
    padding-left: 7px;
    float: left;
    width: 151px;
    background-color: #ffffff;
    position: relative;
    font-size: 12px;
    line-height: 30px;
    text-align: left;
    border: 1px solid #999999;
}
.favorlist .item.remove{ border:1px dashed #bbb; background:#eee;}
.favorlist .item.last{ margin-right: 0px;}
.favorlist .item .minuslist{
    position: absolute;
    right: 0;
    top: 0;
    display: inline-block;
    width: 19px;
    height: 30px;
    line-height: 30px;
    background-color: #737373;
    background: #777 url(../image/icon/favor_minus.png) no-repeat center center;
}
.favorlist .item .minuslist:hover{
    background: #555 url(../image/icon/favor_minus.png) no-repeat center center;
}
.favorlist .item .addlist{
    position: absolute;
    right: 0;
    top: 0;
    display: inline-block;
    width: 19px;
    height: 30px;
    line-height: 30px;
    background-color: #737373;
    background: #777 url(../image/icon/favor_add.png) no-repeat center center;
}
.favorlist .item .addlist:hover{
    background: #555 url(../image/icon/favor_add.png) no-repeat center center;
}

/*		@flow_icon
------------------------------------ */
.flowBox{padding:0;}
.flowBox span{
	width:50px;
	height:50px;
	display:inline-block;
	*display:inline;
	*zoom:1;
	color:#000;
	margin:0 4px;
}
.flowBox b{
	padding:28px 0 0 8px;
	display:inline-block;
	*display:inline;
	*zoom:1;
	font-weight:normal;
}
.flow_icon1{ background:url(../image/flow/flow_icon1.png) no-repeat;}
.flow_icon2{ background:url(../image/flow/flow_icon2.png) no-repeat;}
.flow_icon3{ background:url(../image/flow/flow_icon3.png) no-repeat;}
.flow_icon4{ background:url(../image/flow/flow_icon4.png) no-repeat;}
span.flow_icon4{
	width:41px;
	margin:0;
}
.flow_icon4 b{ padding:0 0 42px 0;}

.flow_hd1, .flow_hd2, .flow_hd3{
	display:inline-block;
	width:36px;
	height:36px;
	*display:inline;
	*zoom:1;
}
.flow_hd1 { background:url(../image/flow/flow_hd1.gif) no-repeat;}
.flow_hd2 { background:url(../image/flow/flow_hd2.gif) no-repeat;}
.flow_hd3 { background:url(../image/flow/flow_hd3.gif) no-repeat;}

/*		分頁下拉式選單
------------------------------------ */
.select-widget{
    float: left;
    background-color: #ffffff;
    position: relative;
    display: inline-block;
    border-radius: 3px;
    border: 1px solid #c1c1c1;
    width: 50px;
    height:20px;
    cursor: pointer;
    text-align: right;
}
.select-widget .value{
    position: absolute;
    right: 16px;
    top: 0;
    display: inline-block;
}
.select-widget select{
    opacity: 0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    z-index: 2000;
    width: 50px;
    position: absolute;
    left: 0px;
    top: 0px;
    cursor: pointer;
}

/*流程套餐*/
/*		fieldset
------------------------------------ */
.fieldset1{
	margin:0 0 8px 0;
	border:1px solid #ccc;
	border-radius:4px;
	color:#000;
}
.fieldset1 legend{
	font-weight:bold;
	font-size:13px;
	padding:0 4px;
	margin:0 8px;
}
.fieldset1 legend label{ margin:0;}
.fieldset1 .head{ padding: 4px 0 4px 29px;}
.fieldset1 .cont{ padding: 0 0 8px 29px;}

.txt_check, .txt_X{
	display:inline-block;
	*display:inline;
	*zoom:1;
	background-repeat:no-repeat;
	background-position:0 3px;
	padding:0 0 0 18px;
	margin:0 5px;
	line-height:20px;
}
.txt_check{ background-image:url(../image/icon/txt_check.png);}
.txt_X{ background-image:url(../image/icon/txt_X.png);}

/**密碼檢查**/
.pwd_check {
	border:1px solid #ccc;
	border-radius:2px;
	padding:2px;
	width:210px;
	margin-top:4px;
	line-height:15px;
}
.pwd_check .weak, .pwd_check .medium, .pwd_check .strong{
	display:inline-block;
	*display:inline;
	*zoom:1;
	width:70px;
	color:#999;
	text-align:center;
	background:#eee;
}
.pwd_check .weak.current{
	background:#E60000;
	color:#fff;
}
.pwd_check .medium.current{
	background:#e5d412;
	color:#fff;
}
.pwd_check .strong.current{
	background:#6ba709;
	color:#fff;
}

.nobreak, .nobreak td{ word-break: normal !important; word-wrap:normal !important;}

.file_format{
	padding:7px 0;
	text-align:center;
}
.file_label{
    display:inline-block;
    color:#3079ed !important;
	background:url(../image/btn/filelabel.png) no-repeat 0 0;
    margin:0 15px;
    padding:0;
    line-height:63px;
	width:58px;
	height:63px;
	*display:inline;
	*zoom:1;
    font-size: 14px;
	font-weight:bolder;
	text-align:center;
}
.file_label:hover{ background-position: 0 -63px; color:#3366cc !important;}

.file_label_s{
    display: inline-block;
    color: #3079ED !important;
    background: url('../image/btn/filelabel_s.png') no-repeat scroll 2px 0px transparent;
    margin: 0px 3px;
    padding: 0px;
    line-height: 39px;
    width: 36px;
    height: 40px;
    font-size: 12px;
    *display:inline;
    *zoom:1;
    font-weight:normal;
    text-align:center;
}
.file_label_s:hover{ background-position: 2px -42px; color:#3366cc !important;}

/* @btn Back div class 浮動式 回上一頁 按鈕 */
.btnBack{
   display: black;
   position: fixed;
   right: 10px;
   bottom: 10px;   
   cursor: pointer;	
}
.btn_back_fix{
	display:block;
	background: url(../image/btn/backfix_w.png) no-repeat 0 0;
	width: 27px;
	height: 27px;
	border-radius:3px;
}
.btn_back_fix:hover{ background-position:0 -27px;}

/* -- 浮動式 至頂端 */
#go_top{
   display: none;
   position: fixed;
   right: 10px;
   bottom: 62px;
   cursor: pointer;
   background: url(../image/btn/top_w.png) no-repeat 0 0;
   width: 37px;
   height: 37px;
   border-radius:3px;
}
#go_top:hover{ background-position:0 -37px;}

/*帳號拖曳-受款人群組管理編輯頁*/
.bsmList {
	/* html list that contains selected items */
	margin: 0.25em 0 1em 0;
	position: relative;
	display: block;
	padding-left: 0;
	list-style: none;
}
.bsmListItem {
	/* li item from the html list above */
	position: relative;
	list-style: none;
	line-height:20px;
	background: #fff;
	border: 1px solid #bbb;
	border-radius:4px;
	margin: 3px 0;
	padding:2px;
	line-height: 1em;
}
.bsmSelect{
	margin:0 4px 0 0;
	line-height:20px;
	color:#000;
	padding:2px;
	vertical-align:middle;
}
.bsmListItem:hover {
	cursor: move;
	background: #e5e5e5;
}
.bsmListItemLabel {
	/* this is a span that surrounds the text in the item, except for the remove link */
	padding: 5px;
	display: block;
}
.bsmListItem .delete1{ 
	background-position:0 -36px;
	right: 1px;
	top: 1px;
	position:absolute;
}

/*表單下載*/
.forms_download td{ line-height:22px;}
.forms_download tr:hover td{ background:#f2f2ea;}
.forms_download a{
	font-size:12px;
	display:inline-block;
	*display:inline;
	*zoom:1;
	padding:0 0 0 30px;
	margin:6px 0;
	position:relative;
	background:url(../image/icon/forms_download.png) no-repeat left 0;
	color:#3366cc;
	text-decoration:none;
	line-height:17px;
}
.forms_download a:hover{ text-decoration:underline;}

/*多筆表格checkbox TR變色*/
.chked { background-color:#ECE9D8;}


.phoneBtn{
    display: inline-block;
	*display:inline;
	*zoom:1;
    background: url(../image/icon/phone.png) no-repeat right top;
    padding:2px 0;
    width: 16px;
    height: 16px;
	vertical-align: middle;
}

.Securitytips{
	border:1px solid #ccc;
	border-radius: 4px;
	color:#333;
	line-height:20px;
	padding:10px 15px 0 15px;
}
.Securitytips dl{ margin-bottom:20px;}
.Securitytips dt{ font-weight:bold;}
.Securitytips dd{ margin-left:28px; margin-top:-20px;}

/* point info */
.point_info{
    width: 900px !important;
	min-width: 900px !important;
	margin: 0 auto;
}
.point_info h2{
    width: 100%;
    text-align: center;
    color: #000;
    font-size: 46px;
    padding-top: 50px;
    padding-bottom: 40px;
    font-weight: normal;
}
.point_info ul.point_info_ul{
    display: inline-block;
}
.point_info ul.point_info_ul li { 
    float: left;
    
    min-height: 150px;
	position: relative;
}
.point_info ul.point_info_ul >li{
    width: 284px;
    padding: 0 8px;
}

.point_info ul.point_info_ul li img { 

}
ul.sfs_info_box{
    padding-right: 25px;
    padding-left: 15px;
}
.point_info .sfs_info .sfs_info_box li{
    list-style-image:url(../image/login/point_info_p.gif) !important ;
    font-size: 14px;
    padding-bottom: 10px;
    line-height: 160%;
    float: inherit;
    width: 100%;
    min-height: inherit;
    color: #000
}
.point_info p.sub_title{
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 24px;
    color: #9f9f9f;
    font-weight: normal;
    padding-bottom: 32px;
    line-height: 160%;
}
.sfs_info .sfs_info_pic{
    padding: 10px 0 50px;
}
.sfs_info .point_info_ul h3{
    font-size: 22px;
    font-weight: normal;
    padding-bottom: 10px;
}
.loading_gif{
    position: absolute;
	margin-top: -150px;
	margin-left: -74px;
}
.bg_main{
    width: 1000px;
    background: #fff;
    margin: 0 auto;
    border-bottom: 1px solid #c1c1c1;
}
.bg_main.bg_main_gp{
    background: #fff url(../image/login/bg_main_gp.png) no-repeat bottom center;
}
.bg_main.bg_main_gp_top{
    background: #fff url(../image/login/bg_main_gp_top.png) no-repeat top center;
}

/*滿足您的需求*/
.demand_table{
    padding-bottom: 50px;
}
.demand_table table, {
position: relative;
border-spacing: 0;
font-size: 14px;
display: block;
}
.demand_table table th, .demand_table table td {
padding: 20px 16px 15px;
width: 200px;
border: 1px solid #fff;
vertical-align: top;
background: #fafafa;
}
.demand_table table tr.heading {
      font-size: 16px;
      font-weight: bold; }
.demand_table table tr.heading th {
        text-align: center;
        background: #e5e7e8;
        color: #000;
        font-size: 16px;
        font-weight: normal;
    }
.demand_table table tr.heading th.color1 {
          background: #ffe6cd; }
.demand_table table tr.heading th.color2 {
          background: #ffcf9f; }
.demand_table table tr.heading th.color3 {
          background: #ffaf5f; }
.demand_table table tr.heading th.color4 {
          background: #ff9933; }
.demand_table table .img-content {
      width: 47%;
      display: inline-block;
      *display: inline;
      zoom: 1;
      vertical-align: top;
      text-align: center; }
.demand_table table tr td span{
    font-size: 16px;
    line-height: 160%;
}
.demand_table table tr td .sub_title{
    font-size: 16px;
    line-height: 160%;
    padding: 0px 0px 10px 30px;
}
.sub_title.user1{
    background: url('../../inc/image/login/user1.png') no-repeat left 0px ;
}
.sub_title.user_double{
    background: url('../../inc/image/login/user-double.png') no-repeat left 0px ;
    padding-left: 40px !important;
}
.sub_title.user_customized{
    background: url('../../inc/image/login/user-customized.png') no-repeat left 0px ;

}
.demand_table table .img-content .image-title {
        font-weight: bold; }
.demand_table table .img-content.alt {
        width: 100%; }
.demand_table .hint {
    font-size: 14px;
    color: #666666; }
.demand_table .number {
    font-size: 24px; }
.demand_table .tooltip {
    width: 200px;
    position: absolute;
    display: none;
    background: url("../images/triangle-up.jpg") no-repeat scroll center top transparent;
    padding-top: 10px; }
    .demand_table .tooltip .text-box {
      background: #ececec;
      padding: 10px;
      border: 1px solid #e0e0e0;
      color: #333; }
    .demand_table .tooltip.col2 {
      left: 260px; }
    .demand_table .tooltip.col3 {
      left: 500px; }
    .demand_table .tooltip.col4 {
      left: 740px; }
  .demand_table ul li {
    list-style-type: disc;
    list-style-position: outside;
    margin-left: 17px; }
 ul.tick li {
    list-style: url(../image/login/point_info_p.gif) !important;
    list-style-position: outside;
    margin-left: 14px;
    margin-bottom: 8px; 
line-height: 160%;
font-size: 14px;
color: #000}
  .demand_table ul.bullet li {
    list-style-type: disk;
    list-style-image: none;
    color: #333; }
  .demand_table .center-align {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 13px; }
ul.tick li.link{
    list-style: none !important;
}
.tick .link a{
    color: #3366cc;
    /*text-decoration: underline;*/
    margin-left: 0;
}
.tick .link a:hover{
    text-decoration: underline;
}
.apply_step ul.tick{
    margin-left: 0;
    position: relative;
    z-index: 1;
    margin-top: 28px;
}
.apply_step ul.tick li.link{
    list-style: url(../image/login/point_info_p.gif) !important;
    float: left;
}
/*Emma add 140728*/
p.tick  {
	text-align:center;
line-height: 160%;
font-size: 15px;
color: #000;
margin:0 0 8px 0px;}
.link{
    color: #3366cc;
    margin-left: 0;
}
.link:hover{
	text-decoration: underline;
}

.demand_table img{
}
  .demand_table .roles {
    background: #f6f6f6;
margin: 10px -5px 10px 0px;
padding: 15px 20px 5px 20px;}
ul.tick{
        display: inline-block;
        margin-top: 8px;
        margin-left: 5px;
    }
  .demand_table .role {
    padding: 0px; text-align: left;}
    .demand_table .role .image-title {
        font-weight: bold;
      font-size: 14px;
      display: inline-block; }
    .demand_table .role .number {
      font-size: 16px;
      font-weight: bold; }
    .demand_table .role .text {
      width: 145px;
      padding-top: 4px;
      padding-left: 5px;
      display: inline-block;
      *display: inline;
      zoom: 1;
      vertical-align: top; }
  .demand_table .strong {
    font-weight: bold;
    margin-bottom: 5px; }
  .demand_table .hasTooltip:hover .tooltip {
    display: block; }
  .demand_table span.hasTooltip {
    color: blue; }
  .demand_table .plus-img {
    width: 100%; }

.demand_ul {
    display: inline-block;
    width: 100%;
}
.demand_ul > li{
    width: 210px;
    display: inline-block;
    float: left;
    min-height: 405px;
background: #fff;
padding-bottom: 5px;
margin: 0 17px 0 0 !important;
text-align: center;
}
.demand_ul .demand_last{
    margin-right: 0 !important;
}
.demand_ul li .demand_box{
    border: 1px solid #d3d3d3;
    padding: 13px;
     border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  min-height: 320px;
  margin-top: 2px;
}
.demand_ul > li h3{
    padding: 20px 16px 15px;
    text-align: center;
    color: #fff;
    font-size: 24px;
    font-weight: normal;
}
.demand_ul > li h3.color1 {
          background: #c6bfb9;
		  /*background: #feaf77;*/
}
.demand_ul > li h3.color2 {
          background: #b8b1a9;
		  /*background: #fd9d58;*/
}
.demand_ul > li h3.color3 {
          background: #aba398;
		  /*background: #fd8c37;*/
}
.demand_ul > li h3.color4 {
          background: #988f80;
		  /*background: #fc5f07;*/
}
.demand_ul .demand_sub_title{
    font-size: 16px;
    line-height: 160%;
    padding: 0px 0px 0px 0px;
    margin: 10px 12px 20px;
	text-align: center;
	}
.demand_sub_title.user1{
    /*background: url('../../inc/image/login/user1.png') no-repeat left 0px ;*/
}
.demand_sub_title.user_double{
    /*background: url('../../inc/image/login/user-double.png') no-repeat left 0px ;
    padding-left: 40px !important;*/
}
.demand_sub_title.user_customized{
    /*background: url('../../inc/image/login/user-customized.png') no-repeat left 0px ;*/

}
.demand_ul .roles{
    margin: 0px 0px 0px;
}
.demand_ul ul.tick li{
    padding-right: 5px;
    text-align: left;
}
/*如何申請*/
.apply_infowrap{
    position: relative;
    width:900px;
    position:relative;
    padding-bottom: 50px;
}
.apply_infowrap .otp_content{
    width:898px;
    margin:0 auto;
    color: #000;
    line-height:22px;
    padding:20px 0px;
    border:1px solid #e6e6e6;
    background:#f8f8f8;
}
.apply_infowrap .otp_content div.apply_step{
    display:inline-block;
    *display:inline;
    *zoom:1;
    font-size:15px;
    width:220px;
    border-right:1px solid #e6e6e6;
    height:160px;
    padding:0 35px 0 45px;
    vertical-align:top;
    line-height:22px;
    position:relative;
}
.apply_infowrap .otp_content div.apply_step .arrow1{
    display:block;
    position:absolute;
    width:10px;
    height:23px;
    background:url(../image/layout/otp_arrow1.gif) no-repeat 0 0;
    right:-9px;
    top:15px;
}
.apply_infowrap .otp_content div.apply_step img{ text-align:center;}
.apply_infowrap .otp_content div.apply_step.last{ border-right:none; padding-right: 0; width: 170px}
.apply_infowrap .otp_content div.apply_step.first{
    width: 255px;
}

.apply_infowrap .otp_content .step{
    display:inline-block;
    position: absolute;
left: 13px;
top: -6px;
}
.apply_infowrap .otp_content .step_txt{
    display:block;
    font-size: 17px;
    line-height: 160%;
    color: #000;
    position: relative;
z-index: 1;
margin-top: 30px;
padding-left: 28px;
}
.apply_infowrap .otp_content #loginForm{
    display:inline-block;
    *display:inline;
    *zoom:1;
    border:1px solid #e6e6e6 !important;
    background:#fff;
    width:228px;
    height:250px;
    color: #000;
    font-size: 14px;
    padding:0;
    vertical-align:top;
    box-shadow:0 1px 2px rgba(0,0,0,0.1);
    position:relative;
}
.apply_infowrap .otp_content #loginForm .arrow2{
    display:block;
    position:absolute;
    width:10px;
    height:23px;
    background:url(../image/layout/otp_arrow2.gif) no-repeat 0 0;
    left:-3px;
    top:15px;
}
.apply_infowrap .otp_content fieldset#bg{ padding:0 20px;}
.apply_infowrap .otp_content fieldset#bg fieldset label{
    color: #fb5c00;
    font-size:15px;
    margin-top:15px;
    margin-bottom:10px;
}
.apply_infowrap .otp_content #loginForm input{ width:180px;}
a.btn_application_download{
    background: #e96e57;
    color: #fff !important;
    text-decoration: none !important;
    padding:14px 36px;
    border-radius: 3px;
    display: inline-block;
    margin-left: 10px !important;
}
a.btn_application_download:hover{
    background: #d5645a
}
.apply_step ul.tick li.link.listyle_none{
    list-style: none !important;
}
/*開始使用*/
.startuse_table{
    padding-bottom: 50px;
}
.startuse_table table tr td{
    padding: 0px 35px !important;
    text-align: center;
    vertical-align: top;
}
.startuse_table table tr td img{
    display: inline-block;
    margin-bottom: 25px;
}
.startuse_table table tr td:first-child{
    border-right: 1px solid #ada294
}
.startuse_table table tr td span{
    font-size: 20px;
}
.startuse_table table tr td p{
    font-size: 14px;
    line-height: 180%;
    padding-left: 28px;
    color: #000
}

/*最低系統需求*/
.system_table img{
    padding: 10px 0 50px;
}
.border_top_none{
    border-top: none !important;
}






/*20140724修改*/
#abgneBlock-nav { 
    font-family: Arial, Helvetica, sans-serif;
    font-size  : 12px;
    position   : absolute;  
    overflow   : hidden;
    padding    : 0px;
    width      : 66px;
    height     : auto;
    top        : 190px;
    left       : 50%;
    margin     : 0px 0px 0px -33px;
    z-index    : 9999 !important;
}

#abgneBlock-nav a {
    width       : 8px;
    height      : 8px;
    float       : left;
    margin-right: 5px;
    background  : url(../image/icon/cir_ctrl.png) right center no-repeat;
    text-indent : -999em;
}

#abgneBlock-nav a.activeSlide { 
    background: url(../image/icon/cir_ctrl.png) left center no-repeat;
}

#abgneBlock-nav a:focus { 
    background: url(../image/icon/cir_ctrl.png) left center no-repeat;
}
.contactus_pic{
    width: 270px;
    height:270px;
    left: 0;
    background: url(../image/login/contactus_pic.jpg) no-repeat ;
	 margin: 0 0 -280px 390px;
	display: inline-block;
}
.contactus{
	border:1px solid #ccc;
	border-radius: 4px;
	color:#333;
	line-height:20px;
	padding:10px 15px 0 15px;
}
.contactus dl{ margin-bottom:20px; line-height:26px;font-size:14px;}
.contactus dt{ font-weight:bold; margin-bottom: 0px; font-size:14px;}
.contactus dd{ margin-left:20px; margin-top:-26px; margin-bottom: 3px;font-size:14px;}
.cutitle{font-weight:bold;font-size:22px;display: inline-block;margin-bottom: 15px;margin-top: 20px;}
.cutitle2{font-weight:nomal;font-size:18px;display: inline-block;margin-top: 10px;}