﻿@charset "utf-8";
@import url("jq/ytb-theme/jquery-ui.css");

/* CSS Document */
/*************************************
*		Reset Element
**************************************/
html, body, ul, li, dl, dt, dd, form ,img{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
**************************************/
/*for IE9 - 微軟正黑體*/
:root body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, select, textarea, p, blockquote, th, td {
	font-family:微軟正黑體 !important;
}
/*for IE7 - 微軟正黑體*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, select, textarea, p, blockquote, th, td {
	*font-family:微軟正黑體 !important;
}
/*for 所有瀏覽器 - 微軟正黑體*/
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:微軟正黑體;
	font-size:14px;
	color:#484848;
	-webkit-text-size-adjust:none; /*解決Chrome 12px以下字級*/
}

table{border-collapse:collapse; border-spacing:0;}
td{ line-height:18px; word-break:break-all;}
label { margin:2px 10px 2px 0; display:inline-block; *display:inline; *zoom:1;}
label input{ vertical-align:middle; margin:-2px 4px 0 0;}

#wrapper{
	min-width:978px;
	width:auto !important;
	width:978px;
	max-width:1440px;
	background:#ffffff;
	padding:0 8px;
	margin:0 auto;}

/*		#footer
------------------------------------ */	
#footer {
	clear: left;
	width: 100%;
    text-align: center;
	background:#dbdbdb;
    padding:10px 0 10px 0;
    color:#5a5a5a;
    font-size: 14px;
    line-height: 1.7;

}
/*************************************
*		index  登入前
**************************************/
.login_body{
    margin:0 auto;
    padding:0;
    background:#fff;
    width:980px;
    /*box-shadow:0px 0px 10px #333;*/
}
.login_area{
    /*border:1px solid #ff0000;*/
    /*clear: both;*/
    margin:0;
    padding-top:24px;
    width:980px;
    background:#ffffff url(../img/index/login_body_bg.gif) no-repeat left top;
}
.login_wrap{
    border: 1px solid #d2d2d2;
    margin:0 auto 20px auto;
    padding:0;
    /*margin-top: 18px;*/
    width:938px;
    background:url(../img/index/login_ad.jpg) no-repeat left top;
}

/*login 欄位開始*/
.login_section{
    background:#fff;
    width:270px;
    position: relative;
    left:20px;
    background: transparent;
    min-height: 340px;
    /*float:left;*/
    /*display: inline;*/
}
.login_section .tit{
    padding-top: 10px;
    padding-bottom: 8px;
    padding-left: 20px;
    margin-left: 5px;
    /*border: 1px solid #ff0000;*/
    background: url(../img/index/login_tit_icon.png) no-repeat left center ;

}
.login_section .tit span{
    background: url(../img/index/login_tit.png) no-repeat left center ;
    padding:8px 15px 8px 15px;
    width: 205px;
    display:inline-block;

    line-height:16px;

}
.login_section .login_content .hd1{
    /*vertical-align:top;*/
    text-align:right;
    font-size:14px;
    color:#4a4b4b
}
.login_section .login_content td{
    padding:6px 3px;
}
.login_section .btn{ height:33px; background:#fff url(../img/layout/login_btnbg.gif) no-repeat top;}
.login_section .login_err{
    background: url(../img/icon/msg_alert.gif) no-repeat 4px center #feffcc;
    color:#FF0000;
    line-height:16px;
    margin:0 15px;
    padding:2px 4px 2px 20px;
}

.login_btn{
    background:#191919 url(../img/btn/login_btn.gif) repeat-x top;
    color:#fff;
    height:22px;
    border:1px solid #545454;
    text-decoration:none;
    font-size:14px;
    font-weight:bold;
    cursor:pointer;
    padding:6px 102px 0px 102px;
    display:inline-block;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
}
.login_btn:hover{ background:#191919 url(../img/btn/login_btn.gif) repeat-x bottom;
    border:1px solid #545454;}

.login_QA_btn{
    background:#B7DEF6;
    color:#00509b;
    height:22px;
    border:none;
    text-decoration:none;
    font-size:14px;
    font-weight:bold;
    cursor:pointer;
    padding:9px 77px 6px 77px;
    display:inline;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
}

.login_QA_btn:hover{
	text-decoration: underline;
}

.login_QA_img{
	background:no-repeat center;
	width:26px;
	height:26px;
	vertical-align: middle;
}

.code_p{
    float:left;
    margin-right:5px;
    border:1px solid #95b1bb;
    background:#fff;
}
.code_wrap{ margin:0; overflow:hidden;}
.code_a{
    display: inline-block;
    *display:inline;
    *zoom:1;
    /*height:28px;*/
    font-size:14px;
    /*color:#9d4611;*/
    text-decoration:none;
    margin-top: 1px;
    margin-left: 5px;
    padding:5px 12px 5px 12px;
    background:url(../img/btn/login_refresh.png) no-repeat top left;
}
.code_a:hover{
    background:url(../img/btn/login_refresh.png) no-repeat bottom left;

}

/*login_link1&login_link2 使用說明＆服務總覽*/
.login_link1{
    background:url(../img/layout/topNav_icon.png) no-repeat left center;
    padding:2px 5px 2px 15px;
    color:#00509b;
    text-decoration:none;
}
.login_link1:hover,.login_link2:hover{ color:#00509b; text-decoration:underline;}

.login_link2{
    background:url(../img/layout/topNav_icon.png) no-repeat left center;
    padding:2px 5px 2px 15px;
    color:#00509b;
    text-decoration:none;
}

/*************************************
*		眼睛顯示功能
**************************************/
.input-combine {
	position:relative;
	width:152px;
	height:20px;
	border-width:1px;
	margin:0 4px 0 0;
}

.input-combine input {
	border-width:1px;
	background-color:#fff;
	display:block;
	width:100%;
	height:100%;
	box-sizing: border-box;
}

.input-combine img {
	position:absolute;
	top:0px;
	right:5px;
}



/*************************************
*		銀行公告 login_post
**************************************/
.login_post{
    float:left;
    width:618px;
    height:215px;
    margin-left:20px;
    margin-right: 20px;
    /* border: 1px solid #ff0000; */
    border:1px solid #bad2e5;

}
.login_post .tit{
    background:url(../img/icon/icon_msgnews_tit_bg.gif) repeat-x top;


}
.login_post .tit .tit-inner{
    background:url(../img/icon/icon_msgnews.gif) no-repeat left center;
    margin-left: 10px;
    padding-left: 26px;
    display: inline-block;
}
.login_post .tit .tit-inner span{
    background:url(../img/icon/icon_msgnews_tit.gif) no-repeat left center;
    line-height: 21px;
    display: block;
    width: 65px;
    padding: 7px 0;
}
.login_post ul{ margin:10px 10px 10px 18px;}
.login_post ul li{
    margin-top:10px;
    line-height:1.6em;
    list-style: url(../img/icon/msgEvent.gif);
}
.login_post a{ color:#575757; text-decoration:none;}
.login_post a:hover{  text-decoration:underline;}

.login_post ul li a span.date{
    color:#0992d3;
    font-weight: bold;
}


/*************************************
*		login aside_right
**************************************/
.login_aside_right{
    float:right;
    width:300px;
    height:215px;
    margin-right: 20px;
    /*border: 1px solid #ff0000;*/
}

/*金融資訊*/
.finance_section{
    border:1px solid #bad2e5;
    height:150px;
    margin-bottom: 15px;
}

.finance_section .tit{
    background:url(../img/icon/icon_msgnews_tit_bg.gif) repeat-x top;
}
.finance_section .tit .tit-inner{
    background:url(../img/icon/icon_finance.gif) no-repeat left center;
    margin-left: 10px;
    padding-left: 26px;
    display: inline-block;
}
.finance_section .tit .tit-inner span{
    background:url(../img/icon/icon_finance_tit.gif) no-repeat left center;
    line-height: 21px;
    display: block;
    width: 65px;
    padding: 7px 0;
}
.finance_section .tit .btn_more{ margin-top: 7px;}

.flag-table{ padding: 10px;}
.flag-table .fname{
    /*color:#0992d3;*/
    /*font-weight: bold;*/
}
.flag-table span.usa_flag{
    font-weight: bold;
    background:url(../img/icon/icon_flag_usa.gif) no-repeat left center;
    padding-left: 35px;
}
.flag-table span.eur_flag{
    font-weight: bold;
    background:url(../img/icon/icon_flag_eur.gif) no-repeat left center;
    padding-left: 35px;
}
.flag-table span.cna_flag{
    font-weight: bold;
    background:url(../img/icon/icon_flag_cna.gif) no-repeat left center;
    padding-left: 35px;
}
.flag-table td{
    padding: 2px 0;
}


.middle_btn_right{
    position: relative;
    background:url(../img/btn/middle_btn_bg.png) no-repeat top right;
     /*color:#fff;*/
     height:51px;
     text-decoration:none;
     font-size:14px;
     /*font-weight:bold;*/
     cursor:pointer;
     padding:0px 72px 0px 72px;
     display:block;
 }
.middle_btn_left{
    position: relative;
    background:url(../img/btn/middle_btn_bg.png) no-repeat top left;
    /*color:#fff;*/
    height:51px;
    text-decoration:none;
    font-size:14px;
    /*font-weight:bold;*/
    cursor:pointer;
    padding:0px 72px 0px 72px;
    display:block;
}
.middle_btn_right:hover{
    background:url(../img/btn/middle_btn_bg.png) no-repeat bottom right;
}
.middle_btn_left:hover{
    background:url(../img/btn/middle_btn_bg.png) no-repeat bottom left;
}
.btn_download_tit{
     /*clear: both;*/
     position: absolute;
     left:10px;
     top:10px;
     display: block;
     background:url(../img/btn/btn_download_txt.png) no-repeat center left;
     width: 62px;
     height: 26px;
     /*float: left;*/
 }
.btn_download_icon{
    /*clear: both;*/
    position: absolute;
    right:4px;
    top:-5px;
    display: block;
    background:url(../img/btn/btn_download_icon.png) no-repeat center left;
    width: 49px;
    height: 29px;
    /*float: left;*/
}
.btn_service_tit{
    /*clear: both;*/
    position: absolute;
    left:10px;
    top:10px;
    display: block;
    background:url(../img/btn/btn_service_txt.png) no-repeat center left;
    width: 62px;
    height: 28px;
    /*float: left;*/
}
.btn_service_icon{
    /*clear: both;*/
    position: absolute;
    right:4px;
    top:-5px;
    display: block;
    background:url(../img/btn/btn_service_icon.png) no-repeat center left;
    width: 52px;
    height: 28px;
    /*float: left;*/
}
/*************************************
*		main  登入後
**************************************/
/*		body
------------------------------------ */
.main{background:#ffffff;}
.index{background:#C2C2C2;}
.home{width:806px;}
.home2{width:980px;}/*for儀表板*/
.popup{background:#d0d0d0; min-width:640px;}
/*		#header
------------------------------------ */
#header {
	background:#000000 url(../img/layout/header_bg.gif) no-repeat left top;
	height: 64px;
	/*border:1px solid #d9d9d9;*/
	/*border-top:0px;*/
    clear: both;
}

#header .logo_container {
	margin: 0;
	padding:0;
    position: relative;
    overflow: hidden;
	float:left;
    height:64px;
    width: 480px;
    /*border: 1px solid #ff0000;*/

}
#header a#logo_link {
	display:block;
    width: 480px;
    height:64px;
	cursor:default;
	font-size:1px;
    float:left;

    /*text-indent: -9999px;*/
    /*border: 1px solid #ff0000;*/
	/*set*/
	/*padding-top:15px;*/
	/*height:64px;*/
	color:#fff;
	/*background: url(../img/layout/main_header_logo.gif) no-repeat 20px center;*/
	}
.logo_container div{
    position: absolute;
}

.logo_container a{
    position: absolute;
}

.logo_container #ani0{
    top: -20px;
    left: 336px;
}
.logo_container #ani1{
    top: 28px;
    left: 15px;
}
.logo_container #ani2{
    top: 15px;
    left: 112px;
}
.logo_container #ani3{
    top: 22px;
    left: 285px;
}

/*		#pageBody
------------------------------------ */	
#pageBody {
	float: left;
	width: 100%;
	background:#fff;}

.logout_area{
    float: right;
    padding-right: 10px;
}



/*		#topNav
------------------------------------ */
#topNav{
	margin:13px 0px 0 0;
    clear:right;
	float:right;
	font-size:14px;
}
#topNav dt, #topNav dd{float:left;}	
#topNav dt{
	height:31px;
    width: 102px;
    color: #ffffff;
    line-height: 31px;
	background:url(../img/layout/topNav_tit.png) no-repeat left 6px;
    padding-right: 10px;
	vertical-align:middle;
}
#topNav dt.last{ background:url(../img/layout/topNav_R.gif) no-repeat right top;}
#topNav dd{
    font-size: 14px;
	padding:0 10px 0 15px;
	background:url(../img/layout/topNav_icon.png) no-repeat left 10px;
	line-height:31px;
}
#topNav dd a{ color:#ffffff;}
#topNav dd a:hover{
	color:#ffffff;
	text-decoration:underline;
}
#topNav dd.language{
	background:none;
	padding:0px 10px 0 5px;
	padding:5px 10px 0 5px \9;
}
@media screen and (-webkit-min-device-pixel-ratio:0){ #topNav dd.language{padding:5px 10px 0 5px;} }  /*chrome and safari*/
#topNav .language select{color:#494949;}

#topNav .ft{
	background:none;
	padding:4px 0px 2px 0;
	line-height:normal;}
/*logout_btn*/
.logout_btn{
    display:inline-block;
    color:#ffffff !important;
	font-size:14px;
    border:1px #032a68 solid;
    border-top:none;
    background:url(../img/btn/logout.png) #04569d repeat-x top;
    margin:0px 4px;
    padding:2px 15px 2px 15px;
    line-height:16px;
}
.logout_btn_none{
    display:inline-block;
    margin:0px 4px;
    padding:3px 15px 3px 15px;
    line-height:16px;
}
.logout_btn span{
	padding:3px 0 0px 6px;
	padding:5px 0 0px 6px \9;
	font-size:14px;color:#fff;cursor:pointer;
	display:inline-block;
}
.logout_btn:hover{
    color:#fff;
    background-position:bottom;
}
/*		#menu
------------------------------------ */
#menu{
    position: relative;
	display:block;
	height:38px;
	padding:0;
	background:url(../img/menu/menu_start.gif) no-repeat top left;
}
#menu .menu_body{
    margin-left: 15px;
    background:url(../img/menu/menu_repeat.gif) repeat-x;
}
#menu #menu_end{
    background:url(../img/menu/menu_end.gif) no-repeat top right;
    line-height: 16px;
    height: 38px;
    font-weight:bold;
    display: block;
    position: relative;
}
#menu a{
	text-decoration:none;
	display:block;
	cursor:pointer;
}
#menu dt,#menu dd{ float:left; height:38px;}
#menu dt{ width:12px;}
#menu dd{ margin:0;}	
/*一般*/	
#menu a{
    text-align: center;
    color:#003b8d;
    font-weight:bold;
    min-width:110px;
}
#menu a.single{
	font-size:15px;
	padding:11px 10px 11px 10px;
	display:block;
	font-weight:bold;
    position: relative;
    z-index: 10;
	margin-right:10px;
}
#menu a.double{
    width:95px;
    font-size:15px;
    display:block;
    padding:3px 10px 3px 10px;
    display:block;
    font-weight:bold;
    position: relative;
    z-index: 10;
}
#move {
    position: absolute;
    z-index: 1;
    display: block;
    height:38px;
    background:url(../img/menu/menu_move.gif) no-repeat;
    background-size: 115px 38px;
    word-break: break-all;
    word-wrap: break-word;
    border-radius: 0px 0px 4px 4px;
}
#menu_end a.menu_current{ color:#ffffff;}
/*current*/	
#menu dd.current a,
#menu dd.current a:hover{
	background:url(../img/menu/menu_current_sprite.gif) no-repeat left top;
}
#menu dd.current a span,
#menu dd.current a:hover span{
	color:#ffffff;
	background:url(../img/menu/menu_current_sprite.gif) no-repeat right top;
}
	
/*		#sideLeft 左側選單
---------------------------------*/
#sideLeft{
    position: relative;
    z-index: 1;
	border-left:1px solid #d9d9d9;
	float:left;
	width:195px;
	min-height:760px;
	background:#f0f0f0 url(../img/menu/menuLv2_bg.gif) repeat-y right;
}
/*		#menuSub
---------------------------------*/		
/*menuSub setting*/

#menuSub { padding-top: 7px;}
#menuSub_inner{
    position: absolute;
    left:-1px;
    top:0px;
    z-index: 11;
    background:url(../img/menu/sub_menu_top.gif) no-repeat;
    background-position: top right;
    width: 195px;height:10px;
    padding:0px 0 0 0;
}
#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:15px;
	font-weight:bold;
	text-decoration:none;
}
/*一般*/
#menuSub a{	
	padding:0 0 0 26px;
    border-bottom:1px #94b2d2 dashed;
    margin-left: 5px;
}
#menuSub a b{
	display:block;
	color:#003b8d;
    /*撐開側邊按鈕高度*/
	padding:10px 4px 9px 0;
	/*background:#c8d7e3 url(../img/menu/subr.gif) no-repeat right center;*/}
#menuSub a:hover{ background:#e1e2dc;}
#menuSub a:hover b{
	color:#003b8d;
	background:#e1e2dc url(../img/menu/sub_hover.gif) no-repeat right top;
}	
/*single*/
#menuSub span:nth-child(1){ display: block;}
#menuSub .single a b{ background:none;}
#menuSub .single a:hover{ background:#e1e2dc;}
#menuSub .single a:hover b{
	color:#292623;
	background:#e1e2dc;
}
#menuSub dt.current .single a{ background:#fff url(../img/menu/sub_menu_head.gif) no-repeat top left;}
#menuSub dt.current .single b,
#menuSub dt.current .single a:hover b{
    background:#fff;
    color:#E35000; font-weight:bold;}
/*第二層展開*/
#menuSub dt.current a,
#menuSub dt.current a:hover{
    background:#fff url(../img/menu/sub_menu_head_Lv2.gif) no-repeat top left;
}
#menuSub dt.current a b,
#menuSub dt.current a:hover b{
	color:#E35000;
	background:#f0f0f0 url(../img/menu/menuLv2_bg.gif) repeat-y right;
}
#menuSub dt.current .sub_wp a{display:block;}
/*第三層*/
#menuSub .current .sub_wp a,
#menuSub .current .sub_wp a b{
	font-weight:normal;
	color:#666664;
    background:#f0f0f0 url(../img/menu/menuLv2_bg.gif) repeat-y right;
}
#menuSub .current .sub_wp a.current{}
#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:#E35000;
	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:#666664;
	background:#e1e2dc;
}
/*		#content
---------------------------------*/
#content {
	margin: 0 0 0 194px;
	min-height:500px;
	_height:542px;
	background:#fff;
    border:none;
	padding:0px 1px 0px 0;
}
/*		.cont_header
------------------------------------ */
.cont_header{
    background:#ffffff;
    margin: 0;
    padding:6px 0 0px 0;
    line-height:18px;
}

/*		.popup_logo
------------------------------------ */	
.popup_logo{
    margin: 0;
    padding:0;
    position: relative;
    overflow: hidden;
    height:60px;
    width: 100%;
    background:#000000 url(../img/layout/header_bg.gif) no-repeat left top;
    border-bottom: 7px solid #7a7a7a;
}
.popup_logo h1{
	display:block;
	cursor:default;
	font-size:1px;
	text-indent: -9999px;
	/*set*/
	width:330px; padding-top:15px;
	height:50px;
	color:#fff;
	background: url(../img/layout/main_header_logo.gif) no-repeat 20px center;
}
.popup_logo div{ position: absolute;}

.popup_logo #ani0{
    top: -20px;
    left: 336px;
}
.popup_logo #ani1{
    top: 28px;
    left: 15px;
}
.popup_logo #ani2{
    top: 15px;
    left: 112px;
}
.popup_logo #ani3{
    top: 22px;
    left: 285px;
}
/*		.popup_body
------------------------------------ */	
.popup_body{
	padding:10px;
	background:#fff;
	border:none;
}
/*		.popup_cont
------------------------------------ */
.popup_cont{ padding:0px 10px 10px 10px;}
/*		#popup_footer
------------------------------------ */	
.popup_footer {
	clear: left;
    display:block;height:8px;
    padding:0;
    background:url(../img/layout/pop_bottom.gif) no-repeat top left;
}
.popup_footer .popup_footer_body{ background-color: #ffffff;}
.popup_footer .popup_footer_body .popup_footer_end{
    background:url(../img/layout/pop_bottom.gif) no-repeat top right;
    height: 8px;
    display: block;
    position: relative;
}
/*		.cont_body
------------------------------------ */	
.cont_body{
	padding:0 10px 10px 10px;
	background:#fff;
}
/*		.path
------------------------------------ */	
.path{ padding:0px 0 6px 0; float:left;}
.path dt{
	float:left;
	color:#6c6e71;
	font-size:14px;
	display:block;
}
.path dt.last{}
.path dt a, .path dt a:visited{ color:#868686;}
.path dt a:hover{ color:#5f5f5f;}

.home_bd{ width:773px;}
/*		welcome
------------------------------------ */
.welcome{ clear:both;}
.welcome .wel_tit{
	width:100%;
    height:111px;
    background:url(../img/layout/welcome_header.png) no-repeat 0px 0px;
}
.welcome .wel_tit span{
    display:inline-block;
	*display:inline;
	*zoom:1;
    line-height:20px;
    width:326px;
	padding:68px 0 0px 100px;
    background:url(../img/layout/welcome_tit.png) no-repeat 60px 60px;
}
.welcome .wel_con{
    background:url(../img/layout/welcome_body.png) repeat-y 0 0;
    min-height:125px;
}
.welcome .con_L{
	float:left;
    position:relative;
    display:inline-block;
    width:187px;
	padding:0px 10px 0px 10px;
    margin-top: 13px;
	line-height:2em;
}
.welcome .con_L ul{
    list-style:none;
    font-size:13px;
    word-wrap: break-word;
    word-break: break-all;    
}
.welcome .con_L .title{
    color:#4a4b4b;
    font-weight:bold;
    display:inline-block;
    text-align: left;
    *display:inline;
	*zoom:1;
}
.welcome .con_R{
    color:#6c6e71;
	line-height:1.6em;
    margin-top:13px;
    padding-left: 10px;
	float:left;
	display:inline-block;
	width:554px;
    border-left:1px dashed #94b2d2;
	*display:inline;
	*zoom:1;
}
.welcome .con_R .ffail{ color:#e21818;}
.welcome .wel_btm{
    height:6px;
    background:url(../img/layout/welcome_bottom.png) no-repeat left bottom;}

.wel_company{ color:#868686;}

.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;}

/*		.pagehd
------------------------------------ */	
.pagehd{
	margin:0;
	position:relative;
	overflow:hidden;
}
.page_tit{
    color:#00398c;
    font-size:14px;
	line-height:20px;
    font-weight:bold;
    cursor:default;
    display:inline-block;
    *display:inline;
    *zoom:1;
    padding:0 0 0 16px;
    margin:2px 0 5px 0;
    background:url(../img/layout/page_tit1.gif) no-repeat left center;
}
.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;
}
.pagebd_pop{}

/*		step
------------------------------------ */	
#step{
	display:block;
	clear:both;
	cursor:default;
	margin:10px 0 5px 0;
	overflow:hidden;
}
#step dt{
	float:left;
	background:url(../img/layout/step2.gif) no-repeat left top;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 22px;
}
#step span{
	padding:2px 8px 3px 0;
	*padding:5px 5px 2px 0;
	display:block;
	color:#b7b7b7;
	background:url(../img/layout/step2.gif) no-repeat right top;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 0;
}
#step #step1,#step #step1 span{background-image:url(../img/layout/step1.gif);}
#step #step2,#step #step2 span{background-image:url(../img/layout/step2.gif);}
#step #step3,#step #step3 span{background-image:url(../img/layout/step3.gif);}
#step #step4,#step #step4 span{background-image:url(../img/layout/step4.gif);}
#step #step5,#step #step5 span{background-image:url(../img/layout/step5.gif);}
#step #step6,#step #step6 span{background-image:url(../img/layout/step6.gif);}
#step .current{
	background-position:left -27px;
	color:#C30;
}	
#step .current span{
    background-position:right -27px;
    color:#4a4a4a;
    font-weight:bold;
}
#step .old{
	background-position:left -55px;
	color:#4a4a4a;
}	
#step .old span{ background-position:right -55px; color:#4a4a4a;}
/*************************************
*		table
**************************************/
/*		tb1
------------------------------------ */
.tb1{
    margin:0 0 10px 0;
    border:1px #92ced3 solid;
    border-bottom:2px #92ced3 solid;
}
.tb1 td{
    text-align:left;
    color:#484848;
    border:1px #c9e4e6 solid;
    padding:5px;
}
.tb1 .hd1{
    color:#194463;
    font-weight:bold;
    text-align:right;
    border-right:1px #ddf4ff solid;
    background:#ddf4ff;
}
.tb1 .hd2{
    color:#194463;
    padding:5px;
    font-weight:bold;
    background:#91ccea;
    border:1px #BFD8DF solid;
}
.tb1 .tbtitle .title11 {
color:#FFFFFF;
text-align:right;
font-weight:bold;
vertical-align:middle;
border:1px #92ced3 solid;
/*border-left:2px #61add5 solid;*/
background:#61add5;
/*background:#61add5 url(../img/table/msg_list_hd.gif) repeat-x right bottom;*/
border-bottom:1px #1d79a8 solid;
}
.tb1 .tbtitle .title12 {
text-align:left;
border:1px #92ced3 solid;
vertical-align:middle;
}
.tb1 .tbtitle .newstitle {
color:#FFFFFF;
font-weight:bold;
text-align:right;
border:1px #92ced3 solid;
vertical-align:middle;
background:#61add5 url(../img/table/msg_list_hd.gif) repeat-x right bottom;
}
.tb1 .tbtitle .title11{
/*border-top: 3px double #92ced3;*/
}
.print .tbtitle .title11{
	background:#61add5;
	color:#000;
	border:1px #000 solid;
}

.print .tb1 .tbtitle .title12 {
	background:none;
	color:#000;
	border:1px #000 solid;
}


.tb1_srh{ margin:0 0 10px;}
.tb1_srh .hd1,.tb1_srh .cont{
    color:#484848;
    background-color:#ddf4ff;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-color: #92ced3;
    border-bottom-color: #92ced3;
    padding:5px 5px 7px 10px;
}
/*		tb1_1
------------------------------------ */
.tb1_1{
    margin:0 0 10px;
    border-top:2px #BFD8DF solid;
    border-bottom:1px #BFD8DF solid;
}
.tb1_1 td{
    color:#484848;
    padding:3px;
    border:1px #d7e7ef solid;
    padding:5px 3px 4px 3px;
    border-right:none;
}
.tb1_1 .hd1{
    color:#194463;
    font-weight:bold;
    text-align:right;
    background:#f5f9fc;
    border-right:1px #d7e7ef solid;
    border-left:none;
}
.tb1_1 .hd2{
    color:#194463;
    padding:5px;
    font-weight:bold;
    background:#f1f4f1;
    border:none;
    border-top:1px #d7e7ef solid;
    border-bottom:1px #d7e7ef solid;
}
.tb1_1 .hd3{
    color:#292823;
    padding:5px;
    font-weight:bold;
    background:#f1f1ee;
    border:none;
    border-top:1px #d7e7ef solid;
    border-bottom:1px #d7e7ef solid;
    text-align:center;
}
/*		tb2_s   單筆內表格
------------------------------------ */
.tb2_s{
	border:1px #fff solid;
	border-top:1px #d7e7ef solid;
    border-bottom:1px #d7e7ef solid;
}
.tb2_s .hd1{
    font-weight:bold;
    text-align:center;
    color:#59584b;
    background:#fffdf0;
}
.tb2_s .hd2{
    font-weight:bold;
    color:#59584b;
    text-align:right;
    background:#FCFCFA;
    border:1px #d7e7ef dotted;
}
.tb2_s td{
    border:1px #d7e7ef dotted;
    color:#59584b;
    padding:3px;
	line-height:20px;
}
.tb2_s .odd td{ background:#fafafa;}
.tb2_s .even td{ background:#fff;}

/*		tb2  多筆表格
------------------------------------ */
.tb2{
    border:1px #77b1bd solid;
    margin:1px 0;
}
.tb2 td{
    border-right:1px #77b1bd solid;
    border-top:1px #92ced3 solid;
    color:#484848;
    padding:5px 3px;
    line-height:18px;
    vertical-align: top;
}
.tb2 .hd1_sub{
    color:#fff;
    font-weight:bold;
    text-align:center;
    background:#1f87bc;
    border-bottom:1px solid #1d79a8;
}
.tb2 .hd1{
    color:#FFFFFF;
    text-align:center;
    font-weight:bold;
    vertical-align:middle;
    background:#61add5 url(../img/table/msg_list_hd.gif) repeat-x right bottom;
    border-bottom:1px #1d79a8 solid;
}
.tb2 .hd2{ font-weight:bold; text-align:center; background:#DDF4FF;}
.tb2 .hd3{ font-weight:bold; text-align:right; background:#DDF4FF;}
.tb2 .hd4{ text-align:center; background:#DDF4FF;}
.tb2 .hd5{ font-weight:bold; text-align:left; background:#DDF4FF;}
.tb2 .hd6{ font-weight:bold; text-align:center; background:#f6f7f1;}
.tb2 .hd7{ font-weight:bold; text-align:left; background:#F1F1EE;}
.tb2 .hd8{ color:#fff; font-weight:bold; text-align:left; background:#77b1bd;}
/*    reflush 為交易明細 沖正與被沖正  灰底紅字 */
.tb2 tr td.reflush{background-color: #ededed;color: red;}

.tb2 .group td{ background:#fef8f4;}
.tb2 .odd td{ background:#f9fefe;}
.tb2 .even td{ background:#fff;}

/*		fee_table 基金通路報酬表格
------------------------------------ */
.fee_table{
    border:1px #77b1bd solid;
    margin:1px 0 10px 0;
}
.fee_table td{
    border-right:1px #77b1bd solid;
    border-top:1px #92ced3 solid;
    color:#484848;
    padding:5px;
    line-height:18px;
    vertical-align:middle;
}
.fee_table .hd1_sub{
    color:#fff;
    font-weight:bold;
    text-align:left;
    background:#1f87bc;
    border-bottom:1px solid #8DCBEB;
}
.fee_table .hd1{
    color:#fff;
    text-align:center;
    font-weight:bold;
    vertical-align:middle;
    border-right:1px #8dcbeb solid;
    background:#61add5 url(../img/table/msg_list_hd.gif) repeat-x right bottom;
    border-bottom:1px #1d79a8 solid;
}
.fee_table .hd2{ font-weight:bold; text-align:right; background:#fafafa;}
.fee_rem{
	border:1px solid #77B1BD;
	margin:10px 0;
	padding:8px;
	background:#fafafa;
	color:#EC290F;
	line-height:20px;
}

/*		基金倒數計時樣式
------------------------------------ */
.timer{
	background:#fffaeb;
	border-bottom:2px dashed #fcdc85;
	text-align:center;
}
.timer p{
	background: url(../img/icon/timer_clock.png) no-repeat left 0;
	color:#645540;
	display:inline-block;
	*display:inline;
	*zoom:1;
	padding:0 0 0 22px;
	line-height:18px;
	margin:3px 0;
}
.timer_mm{
	color:#f3721b;
	font-weight:bold;
	margin:0 4px;
}

input, select{margin:0 4px 0 0; vertical-align:middle;}

/*		sum_table  總計表格
------------------------------------ */
.sum_table{ border:1px #77b1bd solid; margin-bottom:10px;}
.sum_table td{
    color:#484848;
    padding:5px 3px;
    line-height:18px;
    border:1px #FFC89B solid;
	vertical-align:middle;
}
.sum_table .sum_tit{
    color:#FD3716;
    font-weight:bold;
    text-align:center;
    background:#FFDCC3;
}
.sum_table .hd1{
    color:#FD3716;
    font-weight:bold;
    text-align:right;
    background:#FFDCC3;
}
.sum_table .group td{ background:#fef8f4;}
.sum_table .odd td{ background:#FFFCF8;}
.sum_table .even td{ background:#fff;}

/*checkbox 選取highLight*/
.tb2 .checkHighLight td{ background:#f5faff;}
.tb2 .radioHighLight td{ background:#f5faff;}


/*		tb2_1  代辦事項
------------------------------------ */
.tb2_1{
    border:1px #77b1bd  solid;
}
.tb2_1 td{
    padding:5px 3px;
    border:1px #77b1bd  solid;
    color:#ff8a00;
    line-height:18px;
}
.tb2_1 .hd1{
    font-weight:bold;
    text-align:center;
    background:#f6f7f1;
}
.tb2_1 .hd2{
    border-top:1px #dddcd6 solid;
    border-bottom:1px #dddcd6 solid;
    color:#194463;
    font-weight:bold;
    background:#f1f1ee;
}
.tb2_1 .hd3{
    color:#FFFFFF;
    font-weight:bold;
    background:#f8fbfc url(../img/table/msg_list_hd.gif) repeat-x right bottom;
    border-bottom:1px #1d79a8 solid;
    text-align:center;
}
.tb2_1 .hd4{
    border-top:1px #dddcd6 solid;
    border-bottom:1px #dddcd6 solid;
    color:#292823;
    font-weight:bold;
    background:#f6f7f1;
}
.tb2_1 .hd5{
    text-align:left;
    color:#496a3b;
    font-weight:bold;
    background:#fef8f4;
}

.tb2_1 .odd td{ background:#fff;}
.tb2_1 .even td{ background:#f8f8f5;}

.noborder, .noborder td{border:0px !important; border:none !important;}

/*總覽*/
.tb2_1 .tb2_1_lv1{ background:#fef8f4;}
.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:#ff8a00;
    padding-left: 20px;
}
.tb2_1 .lv2 .hover,.tb2_1 .lv2 .hover .hd{ background:#feffed;}
.tb2_1 .lv2 .link1{ display:block;}

/*		tb_lay1
------------------------------------ */
.tb_lay1 { padding:15px 0px 5px 0; overflow:hidden;}

/*		tb_lay2
------------------------------------ */
.tb_lay2 { background:#e8f8ff; 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;}
/*		@title
------------------------------------ */


.welcome_tit1{
	margin:0 0 20px;
	font-size:16px;
	font-weight:bold;
	color:#333;}
.welcome_tit1 span{
	color:#cc0001;}	
/*		@lay1
------------------------------------ */
.lay1{ list-style-type:none; overflow:hidden;}
.lay1 .fleft{ float:left; padding:0 0 0 10px;}
.lay1 .fright{ float:right; padding:0 10px 0 0;}


/*		@msg_alert
------------------------------------ */
.msg_alert{
	color:#F00;
	list-style:none;
	padding:2px 0 0 18px;
	background: url(../img/icon/msg_alert.gif) 0 center no-repeat;
}
.ps{
	margin:0 0 10px 0;
	color:#666;
	line-height:18px;
}
.ps_tit1{
	font-weight:bold;
	color:#333;
	text-align:left;
	padding: 5px 0 5px 11px;
	margin:10px 0 0 0;
}
.ps_normal{font-weight:normal;}
.ps2{
	margin:0;
	padding:0 0 8px 40px;
}
.ps2 li, .ps2 td{
	list-style:decimal;
	color:#666;
}
.ps3{
	margin:0;
	padding:0 0 8px 20px;
}
.ps3 li, .ps3 td{ list-style:decimal; line-height:20px; margin-bottom:5px;}
 /*---以下---注意事項 第二層文字---*/
.ps2 ul, .ps3 ul { padding-left:20px; margin-top:4px;}
.ps2 ul li, .ps3 ul li{ list-style-type: disc;}
ol.ps2, ol.ps3{ line-height:16px;}
ol.ps2 li, ol.ps3 li{ margin-bottom:4px;}

/*表格內說明table_note*/
.table_note{
	color:#00872e;
	margin:0 4px;
	font-weight:normal;
}
/*		@calendar
------------------------------------ */
/*		@type=text
------------------------------------ */
.login_txt{
    width:150px;
    border-width: 1px;
}
/*		@type=select
------------------------------------ */
/*		@color
------------------------------------ */
.star{color:#f00;}
.fred1{color:#ed0906;}
.highlight{color:#fff;}
.fdate{
	color:#888;
	display:inline-block;
	*display:inline;
	*zoom:1;
	line-height:20px;
	vertical-align:middle;
}
/*		@font
------------------------------------ */
.fbold{font-weight:bold;}
/*		@btn
------------------------------------ */
.btnBlock{
	text-align:center;
	margin:10px 0;}

/*selectTemplate 取用範本*/
.selectTemplate,.selectTemplate span{
	background:url(../img/btn/selectTemplate.gif) no-repeat left top;
	color:#0057A0;
	cursor:pointer;
	text-decoration:none;
	font-size:14px;
	line-height:15px;
	display:inline-block;
	padding:0 0 0 20px;
	*display:inline;
	*zoom:1;
}
.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:#ededed !important; font-size:14px;
    border:1px #5b6673 solid;
    background:url(../img/btn/btn1.gif) #04569d repeat-x top;
    margin:2px 4px;
    padding:4px 15px 4px 15px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    line-height:16px;
	*display:inline;
	*zoom:1;
}
.btn1:hover{
    color:#fff7f7;
    background-position:bottom;
}
/*btn2*/
.btn2{
    display:inline-block;
    font-weight:normal;
    color:#ffffff;
    border:1px #a02f08 solid;
    background:url(../img/btn/btn2.gif) #f46803 repeat-x top;
    line-height:16px;
    margin:2px;
    padding:3px 6px 3px 6px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	*display:inline;
	*zoom:1;
}
.btn2:hover{
    color:#fff;
    background-position:bottom;
}
/*btn2 disabled*/
.btn2_disabled, .btn2_disabled:hover{
    display:inline-block;
    background-color:#f0f0f0;
    color:#8d8d8d;cursor:default;
    border:1px #d3d3d3 solid;
    margin:2px 4px;
    padding:3px 8px 3px 8px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	*display:inline;
	*zoom:1;
	cursor:default !important;
}
/*btn3*/
.add1,.add1:hover{
    height:16px;
    line-height:16px;
    padding:0 6px 0 16px;
    margin:2px 4px;
    display:inline-block;
    color:#ff8a00;
    font-weight:normal;
    border:1px #F0A06C solid;
    background:url(../img/btn/btn3.gif) no-repeat left top;
	*display:inline;
	*zoom:1;
}
.add1:hover{
    text-decoration:none;
    background-position:left -16px;
}
.delete1,.delete1:hover{
    height:16px;
    line-height:16px;
    padding:0 6px 0 16px;
    margin:2px 4px;
    display:inline-block;
    color:#ff8a00;
    font-weight:normal;
    border:1px #F0A06C solid;
    background:url(../img/btn/btn3.gif) no-repeat left top;
    background-position:left -32px;
	*display:inline;
	*zoom:1;
}
.delete1:hover{
    text-decoration:none;
    background-position:left -48px;
}
.btn4{
    color:#FF8A00;
    border:1px solid #f29d5f;
    background:#fff1e6;
    padding:2px 5px;
}
.btn4:hover{ background:#fff;}
/*btn5  add_one*/
.btn5,.btn5 span{
    background:url(../img/btn/btn5.gif) no-repeat left top;
    color:#0057a0;
    cursor:pointer;
    text-decoration:none;
    font-size:14px;
    display:inline-block;
    padding:0 0 0 20px;
    line-height:15px;
	*display:inline;
	*zoom:1;
}
.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(../img/btn/btn6.gif) no-repeat left top;
    color:#0057a0;
    cursor:pointer;
    text-decoration:none;
    font-size:14px;
    display:inline-block;
    padding:0 0 0 20px;
    line-height:15px;
	*display:inline;
	*zoom:1;
}
.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;}

/*btn_download*/
.btn_download,.btn_download span{
    background:url(../img/btn/btn_download.gif) no-repeat left top;
    color:#0057a0;
    cursor:pointer;
    text-decoration:none;
    font-size:14px;
    display:inline-block;
    padding:0 0 0 20px;
    line-height:15px;
	*display:inline;
	*zoom:1;
}
.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;}
/*btn_reset*/
.btn_reset{
    border:1px solid #747474;
    display:inline-block;
    padding:0 0 0 23px;
    margin:0 4px;
    line-height:21px;
    *line-height:21px;
    vertical-align:middle;
    height:21px;
    background:url(../img/btn/btn_reset.gif) no-repeat left top;
    cursor:pointer;
	*display:inline;
	*zoom:1;
}
.btn_reset span{
    color:#ffffff;
    padding:0 10px 0 0;
    background:url(../img/btn/btn_reset.gif) no-repeat right top;
    cursor:pointer;
}
.btn_reset:hover, .btn_reset:hover span{
    background:url(../img/btn/btn_reset.gif) no-repeat left bottom;
}
.btn_reset:hover span{
    color:#fff;
    background-position:right bottom;
}

/*del1  全選*/
.del1{
    padding:2px 6px 0 18px;
	margin:0 5px;
    display:inline-block;
    background:url(../img/icon/icon_all.gif) no-repeat left top;
    font-weight: normal;
    color:#ff8a00;
    text-decoration:underline;
	*display:inline;
	*zoom:1;
}
.del1:hover{ color:#ff761b; text-decoration:none;}
/*del2  清除*/
.del2{
    padding:2px 8px 0 18px;
	margin:0 5px;
    display:inline-block;
    background:url(../img/icon/icon_clean.gif) no-repeat left top;
    font-weight: normal;
    color:#ff8a00;
    text-decoration:underline;
	*display:inline;
	*zoom:1;
}
.del2:hover{ color:#ff761b; text-decoration:none;}

/*btn_addfav*/
.btn_addfav,
.btn_addfav span{
	display:inline-block;
	*display:inline;
	*zoom:1;
	padding:0 0 0 23px;
	line-height:21px;
	*line-height:21px;
	height:21px;
	background:url(../img/btn/btn_addfav.gif) no-repeat left top;
	cursor:pointer;
	*display:inline;
	*zoom:1;
}	
.btn_addfav span{
	color:#fffed4;
	padding:0 10px 0 0;
	background-position:right top;
	cursor:pointer;}
.btn_addfav:hover,
.btn_addfav:hover span{
	background:url(../img/btn/btn_addfav.gif) no-repeat left bottom;}
.btn_addfav:hover span{
	color:#fffed4;
	background-position:right bottom;}

/*Show*/
.btn_show,.btn_show:hover{
	display:inline-block;
	font-weight:normal;
	color:#fff;
	border:1px #6185b0 solid;
	background:url(../img/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(../img/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{
	width:20px;
	height:20px;
	line-height:20px;
	background:url(../img/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:url(../img/btn/btn_help.png) no-repeat 0 -20px;}

/*		@alink
------------------------------------ */	
/*link1*/
.link1{
	font-size:14px;
	color:#FF8A00 !important;}
.link1:hover{
	color:#ff4e00;
	text-decoration:underline;}
/*link2*/
.link2{
	font-size:14px;
	color:#016599;}
.link2:hover{
	text-decoration:underline;}
/*link3*/
.link3{
	font-size:14px;
	font-weight:bold;
	text-decoration:underline;
	color:#0199ca;
}
.link3:hover{ color:#ff6600;}

/*		titleBlock
---------------------------------*/
.titleBlock{
	display:block;
	clear:both;
	padding:0 0 0px 5px;
	overflow:hidden;
	line-height:20px;
}
.titleBlock dt{ float:left; display:block; margin:5px 0;}
.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;}
/* alpha & opacity
---------------------------------- */
.alpha50{
	filter:alpha(opacity=50);   /* IE */
	-moz-opacity:0.5;          /* Moz + FF */
	opacity:0.5;               /* 支持CSS3的瀏覽器(FF1.5也支持) */}
/*************************************
*		print page
**************************************/		
.print{ padding:16px 20px; min-width:640px;}
.print .wrap{}
/*		common
---------------------------------*/
.print .hide{display:table-row;}
.print .line{border-bottom:1px #000 solid;}
/*		print_logo
---------------------------------*/
.print_logo{
	margin:0 0 10px;
	border-bottom:2px #000 solid;}
.print_logo img{	
	margin:0 0 13px;
	display: block;
	/*background: url(../img/print/print_logo.gif) no-repeat left center;*/
	list-style-image:url(../img/print/print_logo.gif);
	padding:10px;
	margin:0;
	text-indent: -9999px;}

/*		table
---------------------------------*/	
.print .tb1,
.print .tb1 td,
.print .tb1 .hd,
.print .tb1 .odd,
.print .tb1 .even,
.print .tb2 .sum_top,
.print .tb2 .sum,
.print .tb2 .sum_top td,
.print .tb2 .sum td,
.print .tb2 .sum_top .bold,
.print .tb1_1,
.print .tb1_1 td,
.print .tb1_1 .hd,
.print .tb1_1 .hd1,
.print .tb2,
.print .tb2 td,
.print .tb2 .hd,
.print .tb3 td,
.print .sum_table td{
	background:none;
	color:#000;
	border:1px #000 solid;}
.print .even{background:none;}	
.print .tb4,
.print .tb4 td,
.print .tb4 .paybox,
.print .tb4 .paybox .hd,
.print .tb4 .payboxHeader,
.print .tb4 .payboxHeader td,
.print .tb4 .incomebox,
.print .tb4 .incomebox td,
.print .tb4 .incomeboxHeader,
.print .tb4 .incomeboxHeader td{
	background:none;
	color:#000;
	border:1px #000 solid;
}
.print a.close_btn3, .print a.close_btn3:hover, .print .trans_fail, .print .trans_succ{
	color:#000;
}

/* CAAAG table*/
.print .tb1_c,
.print .tb1_c td,
.print .tb1_c .hd,
.print .tb1_c .odd,
.print .tb1_c .even,
.print .tb2_c .sum_top,
.print .tb2_c .sum,
.print .tb2_c .sum_top td,
.print .tb2_c .sum td,
.print .tb2_c .sum_top .bold,
.print .tb1_1_c,
.print .tb1_1_c td,
.print .tb1_1_c .hd,
.print .tb1_1_c .hd1,
.print .tb2_c,
.print .tb2_c .odd,
.print .tb2_c .even,
.print .tb2 .odd,
.print .tb2 .even,
.print .tb2_c td{
	background:none;
	color:#000;
	border:1px #000 solid;}
.print .tb2_c .hd,
.print .tb2_c .hd1,
.print .tb2_c .hd3,
.print .tb2_c .defult,
.print .tb3_c td{
	background:none;
	color:#000;
	border:1px #000 solid;}
.print .even{background:none;}
.print .tb4_c,
.print .tb4_c td,
.print .tb4_c .paybox,
.print .tb4_c .paybox .hd,
.print .tb4_c .payboxHeader,
.print .tb4_c .payboxHeader td,
.print .tb4_c .incomebox,
.print .tb4_c .incomebox td,
.print .tb4_c .incomeboxHeader,
.print .tb4_c .incomeboxHeader td{
	background:none;
	color:#000;
	border:1px #000 solid;
}
.print .redtxt{color:#000;}
.print .tb_branch,
.print .tb_branch td,
.print .tb_branch .hd{
	background:none;
	color:#000;
	border:1px #000 solid; }
.print .flowhd1{padding:5px 2px 7px;}
.print .flowhd2{padding:5px 2px 7px;}
.print .flowhd3{padding:5px 2px 7px;}
.print legend,
.print .head,
.print .hl2{color:#000;background:none;padding-left:0;}

/*print_btn*/
.printBtn{
	background:url(../img/icon/print_icon.gif) no-repeat;
	padding:0 0 0 20px;
	line-height:20px;
	color:#0092c8;
}
.printBtn:hover{ color:#3db8db; text-decoration:underline;}
/*download_btn*/
.downloadBtn{
	background:url(../img/icon/xlsx_icon.gif) no-repeat;
	padding:0 0 0 20px;
	line-height:20px;
	color:#0092c8;
}
.downloadBtn:hover{ color:#3db8db; text-decoration:underline;}
/*btn2*/
.print .btn2, .print .btn2:hover{
	display:inline-block;
	font-weight:normal;
	color:#fff;
	border:none;
	background:#000 repeat-x left top;
	margin: 2px;
	padding:3px 4px 2px;
	line-height:12px;
	*display:inline;
	*zoom:1;
}
.print .btn2:hover{
	text-decoration:none;}
.print_tabs{
	margin:10px 0;
	padding:5px 0 0 0;
	color:#000;
	text-align:center;
}
.print_tabs .tit1{
	display:block;
	font-weight:bold;
	color:#000;
	margin:0 0 5px 3px;
}
.print_tabs a{
	display:inline-block;
	*display:inline;
	*zoom:1;
	color:#0099CC;
	text-decoration:none;
	border:1px solid #b3dce9;
	margin:0 2px;
	padding:2px;
}
.print_tabs a:hover{ background:#d8eff7;}
.print .text_highlight{color:#000; background:none;}

/*注意事項*/
.print .ps2 li, .ps2 td{
	list-style:decimal;
	color:#000;
}
.print .ps_tit1{
	font-weight:bold;
	color:#000;
	text-align:left;
	padding: 5px 0 5px 11px;
	margin:10px 0 0 0;
}

/*tb2 > 小計*/
.tb2 .sum,.tb2 .sum_top{ background: #ffdcc3;}
.tb2 .sum td,.tb2 tr.sum_top td{ color:#ff4a2c;}
.tb2 td.sum_tit{ text-align:right; font-weight:bold;}
.total_red{ color:#9C6;}
.line{
    margin:2px 0 4px;
    display:block;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #8dcbeb;
}
.tb2_lv2 .line{ border-bottom-color: #ccc;}

/*		tabBlock
------------------------------------ */	
.tabBlock{
	background:url(../img/tabBlock/tabBlock_bd.gif) repeat-x left top;
	clear:both;
	margin-bottom: 10px;
}
.tabBlock div{height:26px;} 
.tabBlock .lt{background:url(../img/tabBlock/tabBlock_lt.gif) no-repeat left top;padding:0 0 0 10px;}
.tabBlock .rt{background:url(../img/tabBlock/tabBlock_rt.gif) no-repeat right top;}
/*tabs*/
.tabs dt{float:left;padding:0 2px 0;}
.tabs a,.tabs a span{
	display:block;
	text-decoration:none;
	padding:0 0 0 13px;
	background:url(../img/tabBlock/tabs_bg.gif) no-repeat left top;}
.tabs a span{
	color:#605b55;
	font-size:14px;
	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:0% 50%;}
.tabs .current a span,
.tabs .current a:hover span{
	font-weight:bold;
	color:#605b55;
	text-decoration:none;
	background-position:center right;}
	
.tabs .disabled a,
.tabs .disabled a:hover{background-position:0% bottom;}
.tabs .disabled a span,
.tabs .disabled a:hover span{
	color:#9f9c9c;
	text-decoration:none;
	background: url("../img/tabBlock/tabs_bg.gif") no-repeat scroll right bottom rgba(0, 0, 0, 0);
	background-position:bottom bottom;
	cursor:default;
	}

.tabs_cont{background:url(../img/tabBlock/tabs_cont_lt.gif) no-repeat left top;padding:0 0 0 5px;}
.tabs_cont .bd{
	background:url(../img/tabBlock/tabs_cont_rt.gif) no-repeat right top;
	padding:6px 12px 0 6px;}


/*tbStatus 上下頁*/
.tbStatus_wrap{
    padding:5px;
    background: #e8f8ff;
    line-height:20px;
    text-align:right;
}
.print .tbStatus_wrap{ background: #f3f3f3;}
.tbStatus{
	display:inline-block;
	overflow:hidden;
	*display:inline;
	*zoom:1;
}
.tbStatus .page_select{
    float:left;
    display:block;
    margin:0 2px;
    line-height:20px;
    color:#484848;
    padding:2px 4px;
}

.tbStatus [name ^= cboCurrentPage ]{
    float:left;
    position:relative;
    margin:0 2px;
    line-height:20px;
    color:#484848;
    padding:2px 4px;
}

.tbStatus p{
    float:left;
    position:relative;
    padding:2px 0 0 0;
    margin:0 2px;
    color:#3e3e3e;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
}
.tbStatus .first_btn{
    float:left;
    display:block;
    position:relative;
    width:30px;
    height:20px;
    margin:0 5px 0 10px;
    text-indent:999px;
    overflow:hidden;
    border:#aaa 1px solid;
    border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    background:url(../img/btn/page_first.png) #fff no-repeat 5px 0;
}

.tbStatus .prev_btn{
    float:left;
    display:block;
    position:relative;
    margin:0 2px;
    line-height:20px;
    color:#484848;
    padding:2px 4px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
}

.tbStatus .prev_btn:visited { color: blue;}

.tbStatus .next_btn{
    float:left;
    display:block;
    position:relative;
 		margin:0 2px;
    line-height:20px;
    color:#484848;
    padding:2px 4px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
}

.tbStatus .next_btn:visited { color: blue;}


.tbStatus .last_btn{
    float:left;
    display:block;
    position:relative;
    width:30px;
    height:20px;
    margin:0 0 0 5px;
    text-indent:999px;
    overflow:hidden;
    border:#aaa 1px solid;
    border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    background:url(../img/btn/page_last.png) #fff no-repeat 5px 0;
}
.tbStatus .last_btn:hover{ background:url(../img/btn/page_last.png) #fff no-repeat 5px -20px;}

/*PopUp title*/
.pop_tit1{
	font-size:14px;
	font-weight:bold;
	color:#444;
	display:inline-block;
	background-image: url(../img/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:14px;
	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;}
	
/*close_btn2 & open_btn2*/
.close_btn2,.open_btn2{
    cursor:pointer;
    font-weight:bold;
    background:url(../img/icon/close_btn2.gif) no-repeat left center;
    padding:0 0 0 14px;
    margin-left: 4px;
    font-size:14px;
    color:#ff8a00;text-decoration:underline;
}
.open_btn2{ background:url(../img/icon/open_btn2.gif) no-repeat left center;}
.close_btn2{ background:url(../img/icon/close_btn2.gif) no-repeat left center;}
a.close_btn2:hover, a.open_btn2:hover{ text-decoration:none;}

/*close_btn3 & open_btn3*/
.close_btn3,.open_btn3{
	cursor:pointer;
	text-decoration:none;
	color:#292823;
	background:url(../img/icon/close_btn2.gif) no-repeat left center;
	padding-left: 14px;
}
.open_btn3{background:url(../img/icon/open_btn2.gif) no-repeat left center;}
.close_btn3{background:url(../img/icon/close_btn2.gif) no-repeat left center;}
a.close_btn3:hover, a.open_btn3:hover{text-decoration:underline;}

.ct, .ct input{text-align:center;}
.lt, .lt input{text-align:left !important;}

/*tb1 奇偶列*/
.tb2 .odd{background:none;}
.tb2 .even{background:#F8F8F5;}
.tb2 .hover{background:#FFF2FC;}
/*Page title*/
.pg_tit1{
    font-size:14px;
	font-weight:bold;
	color:#3e3e3e;
    vertical-align:middle;
    display:inline-block;
    background:url(../img/layout/tit1.gif) no-repeat 2px 4px;
	*background:url(../img/layout/tit1.gif) no-repeat 2px 2px;
    padding:0 0 0 18px;
	line-height:20px;
	*display:inline;
	*zoom:1;
}
.print .pg_tit1{
	color:#000;
    background:none;
	border-left:5px solid #000;
	padding:0 0 0 5px;
	line-height:15px;
}
/*Fail TB*/
.tb_fail{
    margin:0 0 10px;
    border-top:1px #77b1bd  solid;
    border-bottom:1px #77b1bd  solid;
}
.tb_fail td{
    color:#666;
    border:1px #dddcd6 solid;
    background-color: #FFC;
    border-right:none;
    padding-top: 5px;
    padding-right: 3px;
    padding-bottom: 3px;
    padding-left: 3px;
}
.tb_fail .hd1{
    color:#59584b;
    font-weight:bold;
    text-align:right;
    border-right:1px #dddcd6 dotted;
    border-left:none;
    background-color: #FFC;
}

/*************************************
*		CAAAG 授權中心
**************************************/
/*選擇角色*/
.sel_notice{ width:100%;}
.select1{ margin:0 5px 0 0; line-height:20px; color:#484848; padding:2px 4px;}
.select2{ vertical-align:top;}
.sel2box{ width:100%;}

.btn_listOrder_rgt_all,
.btn_listOrder_rgt,
.btn_listOrder_lft_all,
.btn_listOrder_lft{
	background:url(../img/btn/btn_roleSelect.gif);
	color:#fff;
	display:inline-block;
	*display:inline;
	*zoom:1;
	padding:0;
	margin:2px;
	line-height:20px;
	*line-height:20px;
	width:26px;
	height:20px;
	cursor:pointer;
}
.btn_listOrder_rgt_all{ background-position:left 0;}
.btn_listOrder_rgt_all:hover{ background-position:left -20px;}
.btn_listOrder_rgt{ background-position:left -40px;}
.btn_listOrder_rgt:hover{ background-position:left -60px;}
.btn_listOrder_lft_all{ background-position:left -120px;}
.btn_listOrder_lft_all:hover{ background-position:left -140px;}
.btn_listOrder_lft{ background-position:left -80px;}
.btn_listOrder_lft:hover{ background-position:left -100px;}
/*************************************
*		table
**************************************/
/*		tb1_c
------------------------------------ */
.tb1_c{
	margin:0 0 10px;
	border-top:2px #c0cfb9 solid;
	border-bottom:1px #c0cfb9 solid;	
	border-collapse:collapse;}
.tb1_c td{
	color:#666;
	border:1px #c0cfb9 solid;
	border-right:none;
	padding:5px 3px 4px 3px;}
.tb1_c .hd1{
	color:#475342;
	font-weight:bold;
	text-align:right;
	background:#f0f7f1;
	border-right:1px #dddcd6 solid;
	border-left:none;}
.tb1_c_srh{
	margin:0 0 10px;
	border-collapse:collapse;}
.tb1_c_srh .hd1,.tb1_c_srh .cont{
	color:#59584b;
	font-weight:bold;
	background-color: #f6f7f1;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #dddcd6;
	border-bottom-color: #dddcd6;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 7px;
	padding-left: 10px;
}	
	
/*		tb1_1_c
------------------------------------ */
.tb1_1_c{
	margin:0 0 10px;
	border-top:1px #dddcd6 solid;
	border-bottom:1px #dddcd6 solid;	
	border-collapse:collapse;}
.tb1_1_c td{
	color:#333;
	padding:3px;
	border:1px #dddcd6 dotted;
	border-right:none;}
.tb1_1_c .hd1{
	color:#59584b;
	font-weight:bold;
	text-align:right;
	background:#f6f7f1;
	border-right:1px #dddcd6 dotted;
	border-left:none;}
.tb1_1_c .hd2{
	color:#292823;
	padding:5px;
	font-weight:bold;
	background:#f1f1ee;
	border:none;
	border-top:1px #dddcd6 solid;
	border-bottom:1px #dddcd6 solid;}
.tb1_1_c .hd3{
	color:#292823;
	padding:5px;
	font-weight:bold;
	background:#f1f1ee;
	text-align:center;
	border:none;
	border-top:1px #dddcd6 solid;
	border-bottom:1px #dddcd6 solid;}

.td_money{text-align:right;}
.td_currency{
	text-align:center;
}

.tb2_c .ct{text-align:center;}

/*checkbox 選取highLight*/
.tb2_c .checkHighLight td{background:#f5faff;}
.tb2_c .radioHighLight td{background:#f5faff;}

/*		@type=select
------------------------------------ */

/*小圖樣式-*/
.img_style1{
	vertical-align: middle;
	margin-top: 1px;
	margin-right: 1px;
	margin-bottom: 2px;
	margin-left: 1px;
}

/*		tree1 for chkeckbox
------------------------------------ */
.tree1{ width:100%; margin-bottom:10px;}
.tree1 td{ padding:2px; vertical-align:top;}
.tree1 label { margin:0 10px 0 0;}
.tree1 .funList{
    border:1px solid #92ced3;
    padding:2px 2px 0 2px;
    margin:0 0 10px 0;
    overflow:hidden;
}
.tree1 dt.treeCheck{
    padding:2px 0 4px 1px;
    margin:0 0 2px 0;
    color:#194463;
    font-weight:bold;
    font-size:14px;
    background:#91ccea;
}
.tree1 dt.treeCheck input{ vertical-align:middle;}
.tree1 dt.treeCheck a{
	background:url(../img/layout/expand1.gif) no-repeat right center;
	padding:0 0 0 7px;
	text-decoration:none;}
.tree1 dt.treeCheck a.current{
	background:url(../img/layout/collapse1.gif) no-repeat right center;
	padding:0 0 0 7px;
	text-decoration:none;}	
/*reset*/
.tree1 .treeCheck,.treeCheck dl{ margin:0; clear:both;}
.tree1 .treeCheck{ margin:0;}
.tree1 .treeCheck input{
	display:inline-block;
	vertical-align:middle;
	*display:inline;
	*zoom:1;
}
.tree1 .treeCheck a{ text-decoration:none;}
/*第一層*/
.tree1 .treeCheck dt{
	padding:2px 0 4px 3px;
	margin:0 0 2px 0;
	display:block;
	background:#ddf4ff;
	color:#194463;
	overflow:hidden;
}
.tree1 .treeCheck dt a{background:url(../img/layout/expand1.gif) no-repeat left 3px;padding:0px 0 0 7px;}
.tree1 .treeCheck dt a .disabled{background:url(../img/layout/expand1_disabled.gif) no-repeat left 3px;padding:0px 3px;}
.tree1 .treeCheck dt.current a{background:url(../img/layout/collapse1.gif) no-repeat left 3px;}
.tree1 .treeCheck dt.single{
	padding:2px 0 4px 17px;
	margin:0 0 2px 0;
	display:block;
	background:#f5f9fc;
	color:#194463;
	overflow:hidden;
}
/*第二層*/
.tree1 .treeCheck dd{margin:0 0 4px 33px; display:none;}
.tree1 .treeCheck dd label{display:block;color:#717171; line-height:20px;}
.tree1 .treeCheck dd dl{margin:0;}
.tree1 .treeCheck dd.current{display:block;}

/*		tree2 for sitemap
------------------------------------ */
.tree2{ width:100%;}
.tree2 td{ padding:2px; vertical-align:top;}
.tree2 a{ color:#666664; text-decoration:none;}
.tree2 a:hover{ text-decoration:underline !important; color:#FF8A00;}
.tree2 .funList{
	border:1px solid #92ced3;
	padding:2px 2px 0 2px;
	margin:0 0 10px 0;
	overflow:hidden;
}
.tree2 dt.treeCheck{
	padding:2px 0 4px 4px;
	margin:0 0 2px 0;
	color:#194463;
	font-weight:bold;
	font-size:14px;
	background:#91ccea;
}
.tree2 dt.treeCheck input{ vertical-align:middle;}
.tree2 .treeCheck a.node{
	background:url(../img/layout/expand1.gif) no-repeat left center;
	padding:0 0 0 12px;
	text-decoration:none;
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:middle;
	margin:0 4px 0 0;
	color:#194463;
	text-decoration:none;
}
.tree2 .treeCheck .current a.node{ background:url(../img/layout/collapse1.gif) no-repeat left center;}	
/*reset*/
.tree2 .treeCheck,.treeCheck dl{ margin:0; clear:both;}
.tree2 .treeCheck{ margin:0;}
.tree2 .treeCheck a{ text-decoration:none;}
/*第一層*/
.tree2 .treeCheck dt{
	padding:2px 0 4px 4px;
	margin:0 0 2px 0;
	display:block;
	background:#ddf4ff;
	color:#194463;
	overflow:hidden;
}
.tree2 .treeCheck dt a.node{background:url(../img/layout/expand1.gif) no-repeat left 3px;padding:0px 0 0 14px;}
.tree2 .treeCheck dt a.node .disabled{background:url(../img/layout/expand1_disabled.gif) no-repeat left 3px;padding:0px 3px;}
.tree2 .treeCheck dt.current a.node{background:url(../img/layout/collapse1.gif) no-repeat left 3px;}
.tree2 .treeCheck dt.single a{
	background:#ddf4ff;
	color:#194463;
}
/*第二層*/
.tree2 .treeCheck dd{margin:0 0 4px 18px; display:none; line-height:22px;}
.tree2 .treeCheck dd dl{margin:0;}
.tree2 .treeCheck dd.current{display:block;}

.ie .deal{
	background:#FF4D0C;
	display:inline;
	padding:1px;margin:0 0 0 2px;}
.gecko .deal{
	background:#FF4D0C;
	display:inline-block;
	margin:0 0 0 3px;
	*display:inline;
	*zoom:1;
}
.chrome .deal{display:inline;background:#f00;padding:0;margin:0 0 0 2px;vertical-align:top;}
.deal .input{margin:0;padding:0;width:15px;height:15px;}
/*		@flow_icon
------------------------------------ */
.flowBox{padding:0;}
.flowBox span{
	width:50px;
	height:52px;
	display:inline-block;
	color:#333;
	margin:0 4px;
	*display:inline;
	*zoom:1;
}
.flowBox b{
	padding:33px 0 0 10px;
	display:inline-block;
	font-weight:normal;
	*display:inline;
	*zoom:1;
}
.flow_icon1{
	background:url(../img/flow/flow_icon1.png) no-repeat;
}
.flow_icon2{
	background:url(../img/flow/flow_icon2.png) no-repeat;
}
.flow_icon3{
	background:url(../img/flow/flow_icon3.png) no-repeat;
}
.flow_icon4{
	background:url(../img/flow/flow_icon4.png) no-repeat;
}
.flow_icon4 b{
	padding:0px 0 45px 10px;
}
	
/*Action Title*/
.act_tit1{
	background:url(../img/layout/ex_tit1.gif) no-repeat left center;
	*background-position:left middle;
	background-position:left middle \9;
	font-size:14px;
	color:#B1894E;
	display:inline-block;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin-left: 6px;
	*display:inline;
	*zoom:1;
}
/*notes TB*/
.tb_notes {
	margin-bottom:5px;
	background-color: #F3F2EB;
}
.tb_notes td{padding:5px;}
.tb_notes .flow_left{}
/*		fieldset
------------------------------------ */

.fieldset1{
	margin:0 15px 15px 15px;
	_margin:0;
	border:1px solid #77b1bd;
}
.fieldset1 legend{
	color:#475342;
	font-weight:bold;
	font-size:14px;
	padding:4px 8px;
}
.fieldset1 legend label{
	margin:0;
}
.fieldset1 .head{
	color:#484848;
	list-style:none;
	*padding:6px 5px 8px 27px;
	*background-position:12px center;
	background-image: url(../img/layout/act_tit1.gif);
	background-repeat: no-repeat;
	background-position: 4px 4px;
	padding: 6px 5px 8px 24px;
}
.fieldset1 .cont{
	padding:0 6px;
	*padding:0 11px;}
	
.tit1{
	font-family: Arial, Helvetica, sans-serif, "新細明體";
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	padding-left:3px;
	color: #59584b;
}
.td_bg{
	background-color:#Fafafa
}

/*show & hide btn*/
.close_btn1,.open_btn1{
    cursor:pointer;
    padding: 3px 0 4px 20px;
    background: url(../img/icon/hide_btn.gif) no-repeat left 2px;
    display: inline;
    font-size:14px;
    color:#ff8a00;
    text-decoration:underline;
}
.open_btn1{ background:url(../img/icon/show_btn.gif) no-repeat left 2px;}
a.close_btn1:hover, a.open_btn1:hover{ text-decoration:none;}

/*search_link*/
.srhLink{
    background:url(../img/layout/search.gif) no-repeat;
    padding:0 0 1px 18px;
    font-size:14px;
    font-weight:bold;
    color:#ff8a00;
    text-decoration:underline;
}
.srhLink:hover{ color:#ff761b; text-decoration:none;}
/*tb9*/
.tb9{border-collapse:collapse;
	border-top:1px #dddcd6 solid;
	border-bottom:1px #dddcd6 solid;
}
.tb9 th, .tb9 td{
	border-bottom:1px #ccc solid;
	line-height:20px;
    padding:6px 10px 3px ;
	*padding:5px 3px 1px;}

.table_tit{
    background:#fef8f4;
    border-top:1px solid #77b1bd ;
    border-bottom:1px solid #77b1bd ;
    color:#475342;
    font-weight:bold;
    padding:5px 3px 5px 6px;
    line-height:18px;
}

/*		@home_tit{   
------------------------------------ */	
.home_tit{
	display:block;
	margin:0px 0 5px 5px;
	padding:3px 0 3px 25px;
	color:#3e3e3e;font-weight:bold;
	background:url(../img/icon/img_2tit.gif) no-repeat left 0px;}

/*		@msg_tit{   
------------------------------------ */	
.msg_tit{
    font-size: 14px;
	margin:0px 0 5px 0px;
	padding:3px 0 3px 20px;
	color:#4a4a4a;
	font-weight:bold;
	background:url(../img/icon/mailll.gif) no-repeat left center;
	line-height:18px;
}
.btn_more{
	text-decoration:none;
    width: 44px;
    height:18px;
	line-height:18px;
	vertical-align:middle;
	display:inline-block;
	margin:0;
	background:url(../img/icon/morebtn_18H.png) no-repeat top center;
	*display:inline;
	*zoom:1;
}
.btn_more:hover{ background:url(../img/icon/morebtn_18H.png) no-repeat bottom center;}

/*		@msg_list 訊息通知
------------------------------------ */
.msg_list{
    border:1px solid #eeb485;
    margin:0px;
	width:100%;
}
.msg_list td{
    font-size:14px;
    vertical-align:top;
    border:1px #eeb485 solid;
    padding:4px 8px;
	color:#696151;
	height:82px;
	line-height:20px;
}
.msg_list td:hover{ background:#f2fcff;}
.msg_list td.hd1{
    padding:6px 0;
    color:#722817;
    text-align:center;
    font-weight:bold;
	font-size:14px;
    border-bottom:1px #eeb485 solid;
    background:#f8fbfc url(../img/table/ymsg_hd1.gif) repeat-x right bottom;
	height:auto;
}
.msg_list td.today{ background: #fffed0;}
.msg_list td.otherday{ background: #f2f2f2; color:#aaa;}
.msg_list a.btn_prev, .msg_list a.btn_next{
	display:inline-block;
	*display:inline;
	*zoom:1;
	margin:0 8px;
	vertical-align:middle;
	width:20px;
	height:20px;
}
.msg_list a.btn_prev{
	background:url(../img/btn/btn_prev.png) no-repeat center 2px;
	*background-position: center 4px;
}
.msg_list a.btn_next{
	background:url(../img/btn/btn_next.png) no-repeat center 2px;
	*background-position: center 4px;
}
.msg_list a.msgEvent{
    color:#fb7600;
    display: block;
    padding-left: 10px;
    background:url(../img/icon/msgEvent.gif) no-repeat 0px 8px;
}
a.msgEvent:hover{ text-decoration:underline;}
.msg_unread{
	display:inline-block;
	width:22px;
	height:18px;
	background:url(../img/icon/img_unread.gif) no-repeat center center;
	*display:inline;
	*zoom:1;
}
.msg_content{
	border:1px solid #77B1BD;
	padding:20px;
}
.msg_content p{
	font-size:14px;
	line-height:20px;
	margin-bottom:10px;
}
.msg_content p.msg_header{ font-weight:bold;}
.msg_content p.msg_footer{
	text-align:right;
	font-weight:bold;
	margin-top:20px;
}

/*		@post    公告
------------------------------------ */	
.ad_area{width:370px;}
.ad_area .ad{ margin-bottom:10px;}
.post_tit{
	margin:0px 0 5px 0px;
	padding:1px 0 2px 22px;
	color:#3e3e3e;font-weight:bold;
	background:url(../img/icon/img_2tit.gif) no-repeat left 0px;}
.post{
	height:95px; width:338px;
	padding:8px 10px 0 17px;
	clear:both;
	overflow-y:auto;
	background:url(../img/layout/post_bg.gif) no-repeat left top;}
.post ul{ line-height:2em; margin-bottom:10px;}
.post ul li{ margin-left:10px;list-style-image:url(../img/icon/icon_blue_r.gif);}

/*		jmask浮動遮罩
------------------------------------ */
.mask {
  position: absolute;
  left: -99999px;
  top: -99999px;
}
#js_overLayer {
  display: none;
  background: #000;
  width: 100%;
  top: 0;
  left: 0;
  position: fixed;
  _position: absolute;
  filter: alpha(opacity=60);
  -moz-opacity: 0.7;
  opacity: 0.7;
  z-index: 99;
}
#js_container {
  background:#fff;
  width: 300px;
  height: 300px;
  z-index: 100;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -150px;
  margin-left: -150px;
  border: 3px #666 solid;
  display: none;
  overflow: scroll;
}
* html #js_container {
  position: absolute;
}

/* 操作逾時提醒畫面
---------------------------------*/
.timeout_area{text-align:left;background-color:#f5f5f5;height:100%;}
.timeout_area img{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:14px; font-weight:bold;}

/*		tabs2
------------------------------------ */	
.tabs2, .tabs2 li{ list-style:none;}
.tabs2{
	margin:5px 0 5px 0;
	background:#fff;
	line-height:20px;
	height:30px;
	border-bottom:1px solid #aaa;
}
.tabs2 li{ float:left; margin:0 0 0 4px;}	
.tabs2 a{
	display:inline-block;	
	color:#ec6600;
	text-decoration:none;
	letter-spacing:2px;
	padding:4px 15px;
	background:#fff;
	*display:inline;
	*zoom:1;
}
.tabs2 a:hover{ background:#eee;}
.tabs2 .current a{
	margin-bottom:-1px;
	color:#3e3e3e;
	background:#fff;
	border:1px solid #aaa;
	border-top:3px solid #ec6600;
	border-bottom:none;}
	

/*DW*/
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/* 交易結果(popup)
------------------------------------ */
.trans_info{
	text-align:center;
	padding:20px;
}

.confirm_check{
	border-top:1px dashed #77B1BD;
	display:block;
	padding:5px 0;
	margin:20px 0;
	color:#005089;
}

/* 送呈類型
------------------------------------ */
.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:2px 4px 2px 0;
	line-height:18px;
	padding:2px;
	color:#484848;}

/* 交易狀態
------------------------------------ */
.trans_succ{
	color:#0081cc;
}
.trans_fail{
	color:#e12905;
}

/* 文字
------------------------------------ */
.text_imp{ color:#ec290f;}
.text_highlight{
	background:#fff3dc;
	padding:0 5px;
}
.alert_box{
	border:1px solid #f7d8d8;
	background:#ffeeee;
	padding:6px 10px;
	margin:4px 0;
}
.msg_box{
	border:1px solid #77b1bd;
	margin:10px 0;
	padding:8px 10px 8px 26px;
	color:#475342;
	line-height:14px;
	background: url(../img/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:10px 0;
}
.msg_box_2 ol{ margin-left:20px;}
.msg_box_2 ol li{ list-style:decimal; color:#645540;}

.minus{
	color:#f3721b;
	font-weight:bold;
	margin:0 4px;
	font-size:14px;
}
.plus{
	color:#f3721b;
	font-weight:bold;
	margin:0 4px;
	font-size:14px;
}
.equal{
	color:#f3721b;
	font-weight:bold;
	margin:0 4px;
	font-size:14px;
}
.txt_symbol1{
	display:inline-block;
	*display:inline;
	*zoom:1;
	background:url(../img/icon/txt1.gif) no-repeat center 0;
	width:18px;
	height:18px;
	vertical-align: text-top;
}
.guide .title{
	font-weight:bold;
	font-size:14px;
	line-height:16px;
	letter-spacing:1px;
	margin:4px 10px 4px 2px;
	padding:0 0 0 10px;
	color:#3E3E3E;
	background: url(../img/icon/icon_guide.gif) no-repeat left 1px;
	display:inline-block;
	*display:inline;
	*zoom:1;
}
.guide .title span{
	display:block;
	background: url(../img/icon/icon_guide.gif) no-repeat right 1px;
	padding:0 8px 0 0;
}
.guide .content{
	margin:4px 10px 6px 2px;
	color:#484848;
	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;}
.td_func{ text-align:left;/*功能*/}
.td_rb{ vertical-align:bottom !important; text-align:right;}

/*check 樣式*/
.check_style{
	background:url(../img/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:2px 4px 2px 0;
	line-height:18px;
	padding:2px;
	color:#484848;
}
.text_select{
	margin:2px 4px 2px 0;
	line-height:20px;
	color:#484848;
	padding:2px;
}
.text_input:disabled, .text_select:disabled{
	background:#eaeaea;
	border:1px solid #ccc;
}

.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:14px;
	font-weight:bold;
}
.help_content img{ vertical-align:middle; margin:0 4px;}
.help_content .txt{ color:#484848;}

/**條款**/
.agreement{}
.agreement2{}
.agreement h1{
	background: url(../img/layout/agreement_title_bg.gif) repeat-x;
	border:1px solid #ccc;
	border-bottom:none;
	font-size:14px;
	letter-spacing:1px;
	line-height:20px;
	padding:5px;
	text-align:center;
}
.agreement_con{
	border:1px solid #ccc;
	color:#484848;
	height:300px;
	line-height:20px;
	padding:10px 15px 0 15px;
	overflow-y:scroll;
}
.agreement2 .agreement_con { overflow:auto; height:auto;}
.agreement_con dl{ margin-bottom:20px;}
.agreement_con dt{ font-weight:bold;}
.agreement_con dd{ margin-left:25px; margin-top:-20px; margin-bottom:8px;}
.agreement_con ol.list_num{ margin-left:50px;}
.agreement_con .list_num li{ list-style:decimal;}
.agreement_con ol.list_num ul{ margin-left:20px;}
.agreement_con .list_num ul li{ list-style: disc;}
.agreement_con .mm{ margin-left:40px;}

/**存入範本**/
.template_save{ margin:5px 0; padding:5px;}
.template_save h6{
	background:url(../img/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(../img/table/msg_list_hd.gif) repeat-x scroll left bottom #61add5;
	border-bottom:1px #1d79a8 solid;
}
.list_order td{ border-top:1px #dddcd6 solid; padding:4px; vertical-align:middle;}
.list_content{
	border:1px solid #dddcd6;
	color:#484848;
	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(../img/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;}


/*時間倒數*/
.timer{
    color:#eee;
    clear:both;
    font-size:14px;
    color:#999;
    padding:2px 0 0 01px;
}
.time1{
    color:#3e86bb;
    font-weight:bold;
    margin:0 4px;
}

.result_box{ border-top:1px dashed #ccc; margin:10px 0 0 0;}

/**dialog**/
.ui-dialog .ui-dialog-title{ font-size:15px;}
.dialog_con{
	margin:15px 0;
	line-height:20px;
	color:#484848;
	font-size:14px;
}

.kyc_table{
	margin:0 0 10px 0;
    border:1px #92ced3 solid;
    border-bottom:2px #92ced3 solid;
}
.kyc_table td{
	text-align:left;
    color:#484848;
    border-bottom:1px #c9e4e6 solid;
    padding:5px;
}
.kyc_table .hd1{
    color:#194463;
    font-weight:bold;
    background:#ddf4ff;
}
.kyc_table .hd2{
    color:#194463;
    padding:5px;
    font-weight:bold;
    background:#ddf4ff;
}
.kyc_table .hd3{
	border-bottom:1px solid #91ccea;
    color:#fff;
    padding:5px;
    font-weight:bold;
	text-align:center;
    background:#5698d1;
}

/**下載區塊**/
.download_box{
	border:1px #92ced3 solid;
    border-bottom:2px #92ced3 solid;
	color:#484848;
    padding:5px;
	line-height:20px;
}

/**申報書樣式**/
.declaration { border:1px solid #fff;}
.declaration h1 {
	font-size:20px;
	font-weight:bold;
	text-align:center;
	letter-spacing:2px;
	line-height:26px;
	padding:10px 0;
	border-bottom:1px solid #000;
}
.declaration h1 sub {
	display:block;
	font-size:60%;
	letter-spacing:0;
	margin:8px 0 0 0;
}
.declaration .type_check{ width:100%;}
.declaration .type_check td{ font-size:14px; padding:3px;}
.declaration .type_check td, .declaration .type_check div{ font-size:14px;}
.declaration .type_check .en { font-size:85%;}
.declaration .declaration_con {
	vertical-align:top;
	width:100%;
}
.declaration .declaration_con td { padding:0 3px;}
.declaration .declaration_con .en { font-size:90%;}
.declaration .signature{ padding:20px 40px 0 40px;}
.declaration .signature2 td{ border:1px solid #000; font-size:15px; padding:4px; text-align:center;}
.declaration .plus_con { width:100%; border-top:1px dashed #000; margin:10px 4px;}
.declaration .plus_con td{ padding:10px 0 0 0;}
.declaration .note, .declaration .note td{ font-size:11px; vertical-align:top; line-height:14px; color:#EC290F;}
.declaration .en { font-size:80%;}
.input_text {
	height:18px;
	border:none;
	border-bottom:1px solid #000;
	text-align:left;
}

.nobreak, .nobreak td{ word-break: normal !important; word-wrap:normal !important;}

.scroll-x{ overflow-x:auto;}

/**IE8畫面的INPUTTEXT disable灰底的效果問題**/
input[type='text'][disabled] {
	border: 1px solid #999;
	background-color: #ddd;
}

input[type='text'][readonly] {
	border: 1px solid #999;
	background-color: #ddd;
	pointer-events: none; 
    cursor: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjbQg61aAAAADUlEQVQYV2P4//8/IwAI/QL/+TZZdwAAAABJRU5ErkJggg=='),none;
}
.index_txt{line-height: 20px;}
.download_con{
	border:1px solid #ccc;
	color:#484848;
	height: 190px;
	width:95%;
	line-height:20px;
	padding:10px 15px 0 15px;
    text-align: center;
    width: 87%;
}
.ui-weight.ui-weight-content.new-ui-dialog {
	border: none;
	border-radius: 10px;
	background: #fff;
	border: 1px solid #c5c4c4;
	padding: 0px;
}
.new-ui-dialog {
	border: none;
}
.new-ui-dialog .hr-line {
	width: 100%;
	height: 1px;
	background: #c5c4c4;
	margin: 0px 0 20px 0;
}
.new-ui-dialog .ui-widget-header {
	color: #0067b3;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-itmes: center;
	background-color: #fff;
	border: 0px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	padding: 24px 24px 0 24px;
}
.new-ui-dialog .ui-widget-header:after {
	content: '';
	height: 1px;
	background-color: #c5c4c4;
	display: block;
	width: calc(100% - 48px);
	clear: none;
	position: absolute;
	bottom: 0px;
}
.new-ui-dialog .ui-dialog-title {
	color: #0067b3;
	text-align: center;
	font-size: 28px;
	font-weight: 700;
	overflow: initial;
	margin: 0px;
	width: 100%;
	display: flex;
	justify-content: center;
	margin-bottom: 20px;
	align-items: center;
}
.new-ui-dialog .ui-dialog-title:before,
.new-ui-dialog .ui-dialog-title:after {
	content: '';
	display: block;
	width: 8px;
	height: 28px;
	background-color: #ea7e30;
	border-radius: 8px;
}
.new-ui-dialog .ui-dialog-title:before {
	margin-right: 16px;
}
.new-ui-dialog .ui-dialog-title:after {
	margin-left: 16px;
}
.new-ui-dialog .ui-dialog-content {
	margin: 0px;
	padding: 0;
}
.new-ui-dialog table td {
	font-size 16px;
	line-height: 1.5;
}
.new-ui-dialog table tr > td:first-child {
	vertical-align: baseline;
}
.new-ui-dialog .text_input {
	box-sizing: border-box;
	display: block;
	width: 100%;
	padding: 0.375rem 0.75rem;
	font-weight: 400;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: 0.25rem;
	-webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
	transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}
.new-ui-dialog .text_input:focus {
	border: 1px solid #ea7e30;
	-webkit-box-shadow: 0 3px 5px rgba(80, 80, 80, 0.2);
	box-shadow: 0 3px 5px rgba(80, 80, 80, 0.2);
}
.new-ui-dialog .text_input:focus-visible {
	outline: none;
}
.new-ui-dialog .msg_alert {
	background-image: none;
	margin-to: 10px;
	color: #cc0000;
	padding: 0px;
	display: inline-block;
}
.new-ui-dialog .dialog-body {
	padding: 24px;
}
.new-ui-dialog .btn1 {
	border: 0;
	color: #fff;
	background: #d34805;
	background: -webkit-gradient(linear, left top , right top, from(#d34805), to(#ec6000));
	background: linear-gradient(90deg, #d34805, #ec6000);
	-wekkit-transition: all 0.2s linear;
	opacity: 1;
	cursor: pointer;
	text-decoration: none;
	text-align: center;
	min-width: 140px;
	padding: 1px 16px;
	margin: 0 12px;
	border-radius: 140px;
	display: inline-block;
	font-size: 18px;
	line-height: 30px;
}
.new-ui-dialog .btn1:hover {
	color: #fff;
	opacity: 0.8;
}
.new-ui-dialog .news {
	height: 480px;
	overflow-y: scroll;
}
.new-ui-dialog .news-detail {
	height: 330px;
	overflow-y: scroll;
}
.new-ui-dialog .news-board {
	padding: 24px;
	border-top: none;
	border-bottom: none;
}
.new-ui-dialog .btnBlock {
	margin: 24px 0;
}
.new-ui-dialog .info-date {
	margin: 16px 0;
	color: #636363;
	font-size: 16px;
}
.new-ui-dialog .list-disc,
.new-ui-dialog .list.dot {
	padding-left: 24px;
}

.new-ui-dialog .list-disc,
.new-ui-dialog .list-disc > li {
	list-style-type: disc
}
.new-ui-dialog .list-disc > li {
	font-size: 16px;
	color: #333;
	margin-top: 4px;
}
.new-ui-dialog .list-dot
.new-ui-dialog .list-dot > li {
	font-size:16px;
	color: #333;
	margin-top": 4px;
}

.new-ui-dialog .txt-red {
	color: #cc0000;
}

.new-ui-dialog .news-ad {
	margin-bottom: 24px;
}
.new-ui-dialog .info-title {
	display: flex;
	font-size: 18px;
	color: #065ba3;
	font-weight: 700;
}
.new-ui-dialog  li a {
	color: #007vff;
	text-decoration: none;
}
.new-ui-dialog .dialog-body > .news-ad {
	margin-bottom: 0px;
}
.new-ui-dialog .w-full {
	width:100%;
}
.new-ui-dialog img {
	width: 100%;
}
.new-ui-dialog .icon-announce{
	display: flex;
	justify-content: center;
	margin: 20px 0;
}
.new-ui-dialog .icon-announce img {
	width: auto;
}
.new-ui-dialog .overflow-auto {
	overflow: auto;
}
.new-ui-dialog .h-300 {
	max-height: 300px;
}
.new-ui-dialog .form-otp {
	margin: 0px;
}
.new-ui-dialog .form-otp label {
	font-size: 16px;
}
.new-ui-dialog .text_select {
	border: 1px solid #1b1b1b;
	border-radius: 5px;
	width: 100%;
	height: 30px;
	display: block;
	font-size: 16px;
}
.new-ui-dialog .sub-title {
	margin: 24px 0 10px 0;
	font-size: 18px;
	font-weight: 700;
}
.new-ui-dialog .device-list {
	display: flex;
	justify-content: flex-start;
	align-items: baseline;
}
.new-ui-dialog .device-list .btn1 {
	min-width: 100px;
	width: 100px;
	margin-right: 0px;
}
.new-ui-dialog .captcha-txt {
	display: inline-block;
	margin-right: 12px;
	font-size: 16px;
}
.new-ui-dialog .info-text {
	margin-top: 6px;
	font-size: 16px;
	color: #666;
}
.new-ui-dialog .input-row {
	flex-grow: 1;
}
.new-ui-dialog .count-list {
	display: flex;
	justify-content: center;
	font-size: 16px;
	margin-top: 24px;
}
.new-ui-dialog .count-text {
	font-size: 16px;
}
.new-ui-dialog .count-time {
	display: inline-block;
	margin: 0 2px;
	color: #cc0000;
}
.checkbox-list {
	display: flex;
	align-items: center;
	margin-top: 4px	
}
.checkbox-list label {
	margin: 0px;
}
.mb-0 {
	margin-bottom: 0px !important;
}
/* 企網暫停服務設定_文字編輯器問題 */
.new-ui-dialog ul li{
	list-style-type: disc;
}

.new-ui-dialog ol li{
	list-style-type: decimal;
}

.mt-0 {
	margin-top: 0px !important;
}
.txt-normal {
	font-size: 16px;
}
.mb-10 {
	margin-bottom: 10px;
}
.new-ui-dialog .btn1:disabled {
	background: #eef0f0;
	color: #0204167a !important;
	cursor: none;
	pointer-events: none;
}