/* CSS Document */


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 15px; 
    line-height: 28px;
	color: #000000;
}

body {
	margin: 0px;
	background-attachment: scroll;
	background-position: center top;
    -webkit-text-size-adjust: 100%;
}

* {
	font-family: "微軟正黑體", Arial, Verdana, Helvetica, sans-serif;
}

.all_bg {
	background-image: url(../../images/P/bg.jpg);
	background-repeat: repeat;
}
.container {
	margin: 0 auto;
	background-color: #FFF;
	width: 100%;
	width: 980px !important;
	position:relative;
	padding-bottom:1px;
}
.header {
	background-image: url(../../images/P/header_bg.jpg);
	height: 91px;
	background-repeat: no-repeat;
	background-position: center top;
	min-width: 980px;
}
.header * { font-size: 13px; }

.header_w {
	float: left;
	margin-right: 12px;
	margin-top: 42px;
	color: #545454;
	line-height: 18px;
	letter-spacing: 0.14em;
}    

/* footer */
.footer {
	text-align: center; /*bottom:0px; position:fixed; left:0%; width:100%;*/
	background-color: #FFF;
	position: relative;
	background-image: url(../../images/P/footer_bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	min-width: 980px;
}
    .footer * {
        font-size: 13px;
    }
.footer_top {
	letter-spacing: 0.2em;
	height: 45px;
	line-height: 45px;
	color: #FFFFFF;
}
.footer_bottom {
	background-color: #FFF;
}
.footer .footer_container { 
	margin: 0 auto;
	height: 31px; 
	/*padding-top: 10px;
	margin-bottom: 15px;*/
	width: 980px;
	position: relative;

}
.f-last-link2 {
	display: block;
	position: absolute;
	top: 15px;
	left: 60px;
	line-height: 18px;
	color: #FFFFFF;
	width: 767px;
	height: 25px;
}
.f-last-link {
	display: block;
	position: absolute;
	z-index: 2;
	right: 90px;
	top: -35px;
	width: 100px;
	padding-top: 50px;
}
.f-last-link >  a {
	display: block;
	width: 100%;
}
.f-subnav {
	display: none;
	position: absolute;
	top: -200px;
	left: -25px;
	z-index: 1;
}

.footer_container_w {
	margin: 0 auto;
	width: 980px;
	padding-top: 15px;
	line-height: 25px;
	color: #616161;
	background-color: #FFF;
	height: 100px;
}
.footer_form {
	position: relative;
	margin: 0 auto;
	width: 980px;
}
.footer_pic {
	position: absolute;
	width: 85px;
	height: 76px;
	top: 20px;
	left: 861px;
}
.footer .footer_w {
	font-size:inherit;
	color: #FFFFFF;
	line-height: 16px;
}
.footer_w:link, .footer_w:visited {
	text-decoration: none;
}
.footer_w:hover {
	text-decoration: underline;
}

/* 企業選單 */
.crumb_top {
	width: 154px;
	height: 10px;
	display: block;
}
.crumb_w {
	/*padding-left: 19px;*/
	line-height: 30px;
	padding-bottom: 8px;
	padding-top: 5px;
}
.crumb_content {
	background-image: url(../../images/P/crumb_content.png);
	background-repeat: repeat-y;
	line-height: 30px;
	width: 154px;
	text-align: center;
	box-shadow: rgba(0, 0, 0, 0.15) -5px 10px 30px 0px;
}
.crumb_bottom {
	background-image: url(../../images/P/crumb_bottom.png);
	width: 154px;
	height: 17px;
	display: block;
}
.crumb_wa {
	color: #505050;
	line-height: 20px;
}
.crumb_wa:link {
	text-decoration: none;
}
.crumb_wa:visited {}
.crumb_wa:hover {
	color: #DC232B;
	text-decoration: none;
}

/* 共用 */
/*.kv { width: 980px; height: 468px; display: block; }
.logo_kv { display: block; width: 168px; height: 47px; float: right; top: 0px; }*/
.logo { display: block; width: 290px; margin-top: 12px; margin-left: 18px; float: left; height: 46px; }
.logo img { display: block; height: 46px; }
.c { clear: both; }
.float_left { float: left; }
.hidden { display: none; }

.wa { font-size:inherit; color: #505050; line-height: 18px; }
.wa:link, .wa:visited, .wa:hover { text-decoration: none; }
/* 在網站地圖頁面時, 我的首頁加強顯示 */
.wa_WM0101:link, .wa_WM0101:visited { color: #DC232B; }
.wa_WM0101:hover { color: #505050; }

.tab_wa {
    font-size: inherit;
	color: #505050;
	line-height: 22px;
}
.tab_wa:link, .tab_wa:visited {	
	text-decoration: none;
}
.tab_wa:hover {
	color: #DC232B;
	text-decoration: none;
}

.tab_wa_blue {
    font-size:inherit;
	color: #4F7ABB;
    line-height: 22px;
}
.tab_wa_blue:link {
	text-decoration: underline;
}
.tab_wa_blue:visited, .tab_wa_blue:hover {
	text-decoration: none;
}
.tab_wa_red {
    color: red;
    font-size:inherit;
}
.tab_wa_red:link, .tab_wa_red:visited, .tab_wa_red:hover  {
	text-decoration: underline;
}

.wa_blue {
    font-size: inherit;
	color: #4F7ABB;
	line-height: 18px;
}
.wa_blue:link {
	text-decoration: underline;	
}
.wa_blue:visited, .wa_blue:hover {
	text-decoration: none;
}

/* 按鈕 */
.btn-wrap {
    margin:15px;
    display: flex;
    flex-direction: row;
    justify-content: center;

}
.btn-wrap .btn {
    margin-left:15px;
    margin-right:15px;
}

/* 路徑 */
.tab {
	padding-left: 17px;
	margin-bottom: 15px;	
	color: #E52029;
	float: left;
}
    .tab * { font-size: 15px; }
.tab_icon {
	margin-right: 4px;
}
/*welcome*/
.tab2 {
	margin-bottom: 15px;
	font-weight: bold;
	color: #000;
	float: right;
	margin-right: 17px;
	text-align: right;
}
    .tab2 * { font-size: 15px; }

    
/* 視窗title */
.title { position:relative; }
.title2 {
	height: 44px;
	border-top: 1px solid #e31b1b;
	border-right: 1px solid #e31b1b;
	border-left: 1px solid #e31b1b;
	border-top-left-radius: 22px;
	display: flex;
	align-items: flex-start;
	position: relative;
}
    .title2 * {
        color:#f7f7f7;
        font-size:17px;
        letter-spacing: 1px;
        font-weight:bold;
    }
	.title2 .box {
		padding: 7px 15px;
		padding-left: 20px;
		padding-right: 20px;
		background-image: linear-gradient(to top,#b7060c,#ce1115,#e52125);
		/*box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.7);*/
		border-top-left-radius: 20px;
		border-bottom-right-radius: 20px;
	}

/*我的首頁 - 資產配置*/
.login_title1 {
	float: left;
	width: 560px; /*//2017.07.06,201707058694 資產配置/總覽/信託契約資料 Wording 更改*/
	margin-left: 16px;
	margin-bottom: 12px;
	overflow: hidden;
}
/*我的首頁 - 資產配置圖*/
.login_title2_A {
	float: left;
	width: 370px; /*//2017.07.06,201707058694 資產配置/總覽/信託契約資料 Wording 更改*/
	margin-left: 16px;
	margin-bottom: 12px;
}

/*登入首頁 - 熱門基金組合*/
.login_title2 {
	float: left;
	width: 465px; /*//2017.07.06,201707058694 資產配置/總覽/信託契約資料 Wording 更改*/
	margin-left: 16px;
	margin-bottom: 12px;
}


/*帳務管理相關視窗框*/
.login_title3 {
	width: 948px;
	margin-left: 16px;
	margin-bottom: 12px;
	display: block;
	overflow: hidden;
}

/* .login_title3_total { width: 948px; margin-left: 20%; margin-bottom: 12px; display: block; overflow: hidden; } */

/*我的首頁 - 資產配置*/
.login_title_bg {
	height: 370px; /*//2017.07.06,201707058694 資產配置/總覽/信託契約資料 Wording 更改*/
	/*width: 495px;*/
	padding-top: 5px;
	border-left: 1px solid #E31B1B;
	border-right: 1px solid #E31B1B;
	border-bottom: 1px solid #E31B1B;
}
/*我的首頁 - 資產配置圖*/
.login_title_bg1 {
	height: 375px; /*//2017.07.06,201707058694 資產配置/總覽/信託契約資料 Wording 更改*/
	text-align: center;
	padding-top: 5px;
	border-left: 1px solid #E31B1B;
	border-right: 1px solid #E31B1B;
	border-bottom: 1px solid #E31B1B;
}

.from_c {
	background-color: #AFC2E0;
	/*height: 60px;*/
	font-size: 15px;
	line-height: 37px;
	color: #E4EBF1;
    border-radius: 2px;
    margin:auto;
}
.from_c * {
    font-size: 15px;
}
.from_c td{
    padding-left:3px;
    padding-right:3px;
}
.from_c > tbody > tr > td{
    padding-left:3px;
    padding-right:3px;
    /*background-color:#FFFFFF;*/
}
.from_c th {
    padding:7px;
    padding-left:3px;
    padding-right:3px;
    background-color:#E4EBF1;
    text-align:center;
    font-weight: bold;
	font-size:inherit;
	color: #000;
	line-height: 30px;
    vertical-align:middle;
}

.from_c.tdp5lH20 > tbody > tr > td{
    padding:5px;
    line-height: 20px;
}
.from_c.tdp5lH20 > tbody > tr > td *{
    line-height: 20px;
}
.from_c.tdp10lH20 > tbody > tr > td{
    padding:5px 10px 5px 10px;
    line-height: 20px;
}
.from_c.tdp10lH20 > tbody > tr > td *{
    line-height: 20px;
}
.from_c.thp5lH20 th{
    padding:5px;
    line-height: 20px;
}
.from_c.thp3lH20 th{
    padding:3px;
    line-height: 20px;
}
.from_c.thp5NoBoldBgLightBlue th{
    padding:5px;
    font-weight:normal;
    background-color:#F3F7FA;
}

.from_c.from_WM101 {
    /*margin-left:5px;*/
}
.from_c.from_WM101 *{
    font-size: 14px;
}
.from_c.from_WM101 th {
    padding:3px;
    line-height: 20px;
    font-size: 14px;
}

.from_c td.tdmemo{
    padding:10px; font-size: 13px; line-height: 20px;
}

.from_d {
	background-color: #AFC2E0;
	font-size: 15px;
	line-height: 37px;
	color: #E4EBF1;
    border-radius: 2px;
    margin:auto;
}
.from_d * {
    font-size: 15px;
}
.from_d > tbody > tr > td{
    padding:5px;
    padding-left:15px;
    padding-top:8px;
    padding-bottom:8px;
    background-color:#FFFFFF;
    
}
    .from_d th {
        padding:5px;
        padding-top:8px;
        padding-bottom:8px;
        background-color:#F3F7FA;
        text-align:right;
        font-weight: bold;
	    font-size:inherit;
	    color: #000;
	    line-height: 30px;
    }
    .from_d th.title {
        background-color:#E4EBF1;
        text-align:center;
	    color: #000;
    }
    .from_d .row {
        margin-bottom:5px;
        display:flex;
        /*align-items: baseline;*/
    }
    .from_d .row.first {
        margin-top:0px;
    }
		.from_d .row.last {
			margin-bottom: 0px;
		}

.from_d .tdnote {
	background-color:#F3F7FA;
    color:red;
}
.from_d td label {
    margin-right:20px;font-size:inherit;
}
.from_d td select {
    margin-right:15px;
}
.from_d .blue {
	color: #4F7ABB;
}
.from_d .red {
	color:red;
}

.from_e {
	background-color: #AFC2E0;
	font-size: 15px;
	color: #E4EBF1;
    border-radius: 2px;
    margin:auto;
}
.from_e * {
    font-size: 15px;
}
.from_e > tbody > tr > td{
    padding:5px;
    padding-left:10px;
    background-color:#FFFFFF;
    
}
    .from_e th {
        padding:5px;
        background-color:#F3F7FA;
        text-align:right;
        font-weight: bold;
	    font-size:inherit;
	    color: #000;
    }
    .from_e th.title {
        background-color:#E4EBF1;
        text-align:center;
	    color: #000;
    }
    .from_e th.titlebig {
        background-color:#E4EBF1;
        text-align:center;
	    color: #000;
        font-size: 25px;
        padding:10px;
    }
    .from_e .row {
        margin-top:5px;
        display:flex;
        align-items: baseline;
    }
    .from_e .row.first {
        margin-top:0px;
    }
.from_e label {
    margin-right:20px;font-size:inherit;
}
.from_e .blue {
	color: #4F7ABB;
}
.from_e .red {
	color:red;
}
.from_e .tdnote {
	background-color:#E4EBF1;
    color:blue;
}

.from_g {
    margin-left: 5px;
    border-top:1px solid #AFC2E0;
    border-left:1px solid #AFC2E0;
}
.from_g * {
    font-size: 15px;
}
.from_g > tbody > tr > td {
    border-bottom:1px solid #AFC2E0;
    border-right:1px solid #AFC2E0;
    background-color:#FFFFFF;
    padding:5px;
    padding-left:10px;
	font-size: 15px;
	line-height: 37px;
	/*color: #E4EBF1;*/
}
    .from_g th {
        border-bottom:1px solid #AFC2E0;
        border-right:1px solid #AFC2E0;
        background-color:#F3F7FA;
        padding:5px;
        text-align:right;
        font-weight: bold;
	    font-size:inherit;
	    color: #000;
    }
    .from_g th.title {
        background-color:#E4EBF1;
        text-align:center;
	    color: #000;
    }
    .from_g th.titlebig {
        background-color:#E4EBF1;
        text-align:center;
	    color: #000;
        font-size: 25px;
        padding:10px;
    }
.from_g .red {
	color:red;
}
.from_g .tdnote {
	line-height: 25px;
	background-color:#F3F7FA;
    color:red;
}
.from_g .tdnote2 {
	background-color:#E4EBF1;
    color:blue;
}

.from_f_w {
	margin: 5px;
}
    .from_f_w * {
        FONT-SIZE: 14px;
        line-height: 25px;
    }
    .from_f_w table td {
        vertical-align: top;
        COLOR: #000000;
    }


/* 帳務管理 */
.project3_title2_bg {
    padding-left: 5px;
    padding-right: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-right: 1px solid #E31B1B;
	border-bottom : 1px solid #E31B1B;
	border-left : 1px solid #E31B1B;
}
.query-wrap {
	padding-left: 37px;
	padding-bottom: 13px;
    overflow:auto;
}
/*.project_new { padding-left: 10px; padding-bottom: 13px; }*/

.query-item {
	display: inline-flex;
	align-items: center;
	margin-right: 8px;
	/*float: left; margin-right: 8px;*/
}
	.query-item.column {
		align-items: flex-start;
		flex-direction: column;
	}
	.query-item.end {
		align-items: flex-end;
	}
	/*.project_w_f {
	margin: 10px;
	font-size: 13px;
	line-height: 20px;
}
.project_w_f_4_4 {
	margin: 10px;
	font-size: 14px;
	line-height: 20px;
}*/
	ol.ol-item-m10F14Lh20 li {
		margin: 10px;
		font-size: 14px;
		line-height: 20px;
	}
.gray {
	color: #999999;
}
/*.gray13{ color: #999999; margin-left: 5px; margin-right: 5px; }*/


/* 首頁 */
.home_left{ float:left; margin-left:16px; width:684px; height:285px; margin-bottom:24px;}
.home_banner{ position:relative; width:684px; height:285px; z-index: 1; }
.home_banner_btn_f{
	position: absolute;
	top: 251px;
	left: 522px;
	z-index: 3;
	width: 145px;
}
.banner_pic{}

.fromBox3 {
	width:135px;
	height:20px;
	display:block;
	border:1px solid #CCC; float:left; 
}
/*.fromBox31 { width:135px; height:20px; border:1px solid #CCC; }*/

.black13{font-size: 13px;}

.home_banner_btn{ width:18px; height:19px; float:right; margin-left:6px;}

/*登入框*/
.home_right{float:left; margin-left:10px; background-image:url(../../images/P/login_bg.jpg); width:252px; height:285px; display:block; position:relative; }

.home_right_f{
	position: absolute;
	left: 90px;
	top: 77px;

    overflow:hidden; float: left;
}
/*.home_right_f {position: absolute;left: 90px;top: 57px;}*/
.home_right_f_ae {
	position: absolute;
	left: 90px;
	top: 77px;
}
.home_right_f2{
	position: absolute;
	left: 90px;
	top: 132px;
}
/*.home_right_f2 {
	position: absolute;
	left: 90px;
	top: 100px;
}*/
.home_right_f2_ae {
	position: absolute;
	left: 90px;
	top: 132px;
}
/*.home_right_f6{
	position: absolute;
	left: 90px;
	top: 140px;
}
.home_right_f6 {
	position: absolute;
	left: 0px;
	top: 140px;
}
.home_right_f7 {
	position: absolute;
	left: 20px;
	top: 188px;
}
.home_right_no{
	position: absolute;
	left: 130px;
	width: 83px;
	height: 26px;
	top: 171px;
}
.home_right_f3{
	position: absolute;
	left: 20px;
	top: 220px;
}
.home_right_f4{
	position: absolute;
	left: 43px;
	top: 216px;
}*/
/*登入視窗 - 忘記密碼 / 預約開戶*/
.home_right_f5 {
	text-align: center;
	position: absolute;
	/*width: 150px;*/
	height: 25px;
	right: 0px;
	left: 0px;
	top: 170px;
	display: flex;
	align-items: center;
	flex-direction: row;
	justify-content: center;
}/*
	.home_right_f5 a {
		width:50%;
	}*/
	.home_right_f5 * {
		font-size: 12px;
	}
.login_btn {
	/*width: 100%;*/
	/*height: 36px;*/
	/*position: relative;*/
	position: absolute;
	right: 30px;
	left: 30px;
	/*top: 206px;*/
	/*top: 191px;*/
	top: 210px;
}
	.login_btn > div {
		width: 100% !important;
		padding-left: unset;
		padding-right: unset;
		display: flex;
		justify-content: center;
	}
		.login_btn a {
			display: block;
			width: 98px;
			height: 36px;
			background-image: url(../../images/P/login_btn.png);
			background-repeat: no-repeat;
			background-position: left top;
		}
.login_btn a:hover{background:url(../../images/P/login_btn.png) no-repeat bottom left;}

/*首頁-熱門基金組合*/
.more_btn2{width: 57px;height: 23px;position:relative;left: 398px;}	
.more_btn2 a{display: block;width: 57px;height: 23px;background-image: url(../../images/P/more.jpg);background-repeat: no-repeat;background-position: left top;}
.more_btn2 a:hover{background:url(../../images/P/more.jpg) no-repeat bottom left;}

.fundPromo_tab {float:left; margin-left:0.5px; margin-right:0.5px; width:230px; height:37px;}
.fundPromo_tab a{display: block;width:230px;height:37px;background-repeat: no-repeat;background-position: left top;}
.fundPromo_tab[data-seq='1'] a{background-image: url(../../images/P/choice_btn1.jpg);}
.fundPromo_tab[data-seq='2'] a{background-image: url(../../images/P/choice_btn2.jpg);}
.fundPromo_tab a:hover,.fundPromo_tab.on a{background-position: bottom left;}
.fundPromo_contain{display:none;width:463px;height:195px;overflow-y:auto;overflow-x:hidden; }
.fundPromo_contain.on{display:block;}

/*.choice_btn1{width:230px; margin-right:1px; float:left; margin-left:1px; height:37px;}
.choice_btn1 a{ display: block; width:230px; height:37px; background-image: url(../../images/P/choice_btn1.jpg); background-repeat: no-repeat; background-position: left top; }
.choice_btn1 a:hover{background:url(../../images/P/choice_btn1.jpg) no-repeat bottom left;}
.choice_btn1_on{float:left; background:url(../../images/P/choice_btn1.jpg) no-repeat bottom left; display:block; margin-right:1px; margin-left:1px; width:230px; height:37px;}
.chart{ padding:5px;}
.choice_btn2{float:left; width:230px;height:37px;}
.choice_btn2 a{display: block; width:230px;height:37px;background-image: url(../../images/P/choice_btn2.jpg);background-repeat: no-repeat;background-position: left top;}
.choice_btn2 a:hover{background:url(../../images/P/choice_btn2.jpg) no-repeat bottom left;}
.choice_btn2_on{float:left; background:url(../../images/P/choice_btn2.jpg) no-repeat bottom left; display:block;width:230px;height:37px;}*/


.fundPromo_contain table {
    width:99%; background-color:#C7B38E; border:2px solid #C7B38E; border-collapse: collapse;
	text-decoration: none;
	line-height: 20px;
}
.fundPromo_contain table * {
	font-size: 12px;
	line-height: 20px;
}
.fundPromo_contain table th {
    text-align:center;
	font-weight: bold;
    background-color:#F1E9D4; 
    border:2px solid #C7B38E;
}
.fundPromo_contain table td {
    padding-left:3px;
    padding-right:3px;
	color: #000000;
    border:2px solid #C7B38E;
    background-color:#FFFFFF;
}

/*首頁-活動快訊*/
.more_btn{width: 57px;height: 23px;position: absolute;left: 398px;top: 10px;}
.more_btn a{display: block;width: 57px;height: 23px;background-image: url(../../images/P/more.jpg);background-repeat: no-repeat;background-position: left top;}
.more_btn a:hover{background:url(../../images/P/more.jpg) no-repeat bottom left;}
.home_title1{width:465px; height:44px; display:block; overflow:hidden; background-image:url(../../images/P/home_left_bar.jpg); position:relative;}
/*.home_title2{width:465px; height:44px; display:block; overflow:hidden; background-image:url(../../images/P/home_right_bar.jpg); position:relative;}*/
.home_left_f{ float:left; width:465px; margin-left:16px; margin-bottom:12px; overflow:hidden;}

.new_tab {float:left; margin-left:0.5px; margin-right:0.5px; width:153px; height:37px;}
.new_tab a{display: block;width:153px;height:37px;background-repeat: no-repeat;background-position: left top;}
.new_tab[data-seq='1'] a{background-image: url(../../images/P/new_btn1.jpg);}
.new_tab[data-seq='2'] a{background-image: url(../../images/P/new_btn2.jpg);}
.new_tab[data-seq='3'] a{background-image: url(../../images/P/new_btn3.jpg);}
.new_tab a:hover,.new_tab.on a{background-position: bottom left;}
.new_contain{display:none;width:463px;height:195px;overflow-y:auto;overflow-x:hidden; }
.new_contain.on{display:block;}

/*.new_btn1 {float: left;margin-left: 1px;margin-right: 1px;width: 153px;height: 37px;}
.new_btn1 a{display: block;width:153px;height:37px;background-image: url(../../images/P/new_btn1.jpg);background-repeat: no-repeat;background-position: left top;}
.new_btn1 a:hover{background:url(../../images/P/new_btn1.jpg) no-repeat bottom left;}
.new_btn1_on{display:block; float:left;  margin-left:1px; margin-right:1px;width:153px;height:37px;background:url(../../images/P/new_btn1.jpg) no-repeat bottom left;}
.new_btn2{ float:left; margin-right:1px; width:153px; height:37px;}
.new_btn2 a{display: block;width:153px;height:37px;background-image: url(../../images/P/new_btn2.jpg);background-repeat: no-repeat;background-position: left top;}
.new_btn2 a:hover{background:url(../../images/P/new_btn2.jpg) no-repeat bottom left;}
.new_btn2_on{display:block; float:left; margin-right:1px;width:153px;height:37px;background:url(../../images/P/new_btn2.jpg) no-repeat bottom left;}
.new_btn3{ float:left; margin-right:1px; width:153px; height:37px;}
.new_btn3 a{display: block;width:153px;height:37px;background-image: url(../../images/P/new_btn3.jpg);background-repeat: no-repeat;background-position: left top;}
.new_btn3 a:hover{background:url(../../images/P/new_btn3.jpg) no-repeat bottom left; }
.new_btn3_on{display:block; float:left;width:153px;height:37px;background:url(../../images/P/new_btn3.jpg) no-repeat bottom left;}
.new_from1{} .new_from2{} .new_from3{} .new_w{ } .point{}*/

.new_w {background:url(../../Images/P/point.jpg) no-repeat bottom left;display:flex;}
.new_w * {font-size: 13px; }
.new_icon{ background-image:url(../../images/P/icon1.jpg); width:6px; height:7px; margin-right:8px; margin-top:15px; margin-bottom:10px; margin-left:24px;}
.new_w_f{margin-top:12px; width:410px; margin-bottom:12px;}
.new_w_f a { font-size:inherit; color: #000000; line-height: 14px; }
.new_w_f a:link { text-decoration: none;	}
.new_w_f a:visited {}
.new_w_f a:hover {color: #DC232B;text-decoration: none;}
.new_title_bg{ height:235px; padding-top:1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #E31B1B;
	border-bottom-color: #E31B1B;
	border-left-color: #E31B1B;
}

/*input*/
.from_w{
	font-size: 13px;
	color: #000;
}
.from_w1
{
	font-size: 15px;
	color: #000;
}

/* 登入跳窗 */
.login_from{}

.login_close{
	width: 29px;
	height: 29px;
	position: absolute;
	left: 481px;
	top: 14px;
	}
	
.login_close a{
	display: block;
	width: 29px;
	height: 29px;
	background-image: url(../../images/P/login_close.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.login_close a:hover{
	background-image: url(../../images/P/login_close.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}

.login_from_top{ position:relative; background-image:url(../../images/P/login_01.jpg); width:527px; height:53px; display:block; }
.login_from_bottom{ position:relative; background-image:url(../../images/P/login_02.png); width:527px; height:180px;  display:block;}
.login_from_f1{
	position: absolute;
	top: 30px;
	left: 190px;
}
.login_from_f2{
	position: absolute;
	top: 83px;
	left: 189px;
}

.login_from_f3{
	position: absolute;
	left: 58px;
	top: 133px;
}
.login_from_f4{
	position: absolute;
	left: 81px;
	top: 130px;
}
.login_from_f5{
	position: absolute;
	left: 322px;
	top: 132px;
}
.login_from_btn{ position:absolute; top:60px; left:60px;}

.login_btn2{width: 98px; height: 36px; position: absolute; left: 355px; top: 80px;}
.login_btn2 a{
	display: block;
	width: 98px;
	height: 36px;
	background-image: url(../../images/P/login_btn.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.login_btn2 a:hover{background:url(../../images/P/login_btn.png) no-repeat bottom left;}


/* 更新密碼 */
/*.update_password{ padding-left:255px; width:465px; padding-bottom:20px;}*/
.update_password{ display: flex; flex-direction: column; align-items: center; margin-bottom:20px;}
.update_bg { 
	width:463px;
	padding-top: 5px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #E31B1B;
	border-bottom-color: #E31B1B;
	border-left-color: #E31B1B; 
}

.btn-send{width: 98px; height: 36px; margin-top:15px; margin-bottom:10px;}
.btn-send a{
    display:block;
	width: 98px;
	height: 36px;
	background-image: url(../../images/P/send_btn.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.btn-send a:hover{background:url(../../images/P/send_btn.jpg) no-repeat bottom left;}

.btn-clear{width:98px; height:36px; margin-top:15px; margin-bottom:10px;}
.btn-clear a{
    display:block;
	width: 98px;
	height: 36px;
	background-image: url(../../images/P/clear_btn.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.btn-clear a:hover{background:url(../../images/P/clear_btn.jpg) no-repeat bottom left;}


/* map */
/*.map{ text-align:center; margin-top:20px; margin-bottom:40px;}*/

/* 客戶服務 */

.client_box{
	width: 874px; overflow:hidden;
	margin-left: 35px;
	color: #000000;
}
.client1_f1{
	font-size: 18px;
	color: #e21f23;
	text-align: center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #505050;
	padding-bottom: 18px;
	font-weight: bold;
}
.client1_f2_2{
	font-size: 16px;
	line-height: 30px;
	color: #000;
	margin-top: 16px;
}
.client1_f2_2 td, .client1_f2_2 span, .client1_f2_2 label{
	font-size: 16px;
	line-height: 30px;
	color: #000;
}
.client_line{ padding-bottom:16px; padding-top:5px; margin-bottom:15px; 	border-bottom-style: solid; border-bottom-color: #505050; border-bottom-width: 1px;}


/* menu2 */
/*.clear_btn_f{ margin-top:20px; margin-left:430px; margin-bottom:20px; }
.clear_btn_f2{  margin-top:15px; margin-left:310px; margin-bottom:15px; }

.index_f13 {
	font-size: 13px;
	padding: 5px;
	color: #505050;
}
.index_f13b {
	color: #FFFFFF;
	font-size: 13px;
	font-weight: bold;
	padding: 5px;
}*/

/* 20150414新增 */
/*
.project_f2{ margin-left:4px; margin-bottom:4px; width:35px; float:left;}
.login_title4 {
	float: left;
	width: 465px;
	margin-left: 16px;
	margin-bottom: 12px;

}
.login_title_bg3 {
	padding-top: 5px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #E31B1B;
	border-bottom-color: #E31B1B;
	border-left-color: #E31B1B;
}
.login_title_bg4 {
	height:335px;
	padding-top: 5px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #E31B1B;
	border-bottom-color: #E31B1B;
	border-left-color: #E31B1B;
}
.btn_top{ float:right; margin-right:5px; margin-top:4px;}
.btn_bottom{float:right; margin-right:5px; margin-left:5px; margin-top:4px;}

.btn_unfold{width:23px; height:23px; float:right; margin-right:5px; margin-top:4px; }
.btn_unfold a{
	display: block;
	width: 23px;
	height:23px;
	background-image: url(../../images/P/btn_unfold.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.btn_unfold a:hover{background:url(../../images/P/btn_unfold.jpg) no-repeat bottom left;}

.collapse_title{ position:relative;	width: 948px; height:44px; background-image:url(../../images/P/title10.jpg);
	display: block;
	overflow: hidden;}

.btn_collapse{width:23px; height:23px;   margin-left:913px; margin-top:12px;  }
.btn_collapse a{
	display: block;
	width: 23px;
	height:23px;
	background-image: url(../../images/P/btn_collapse.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.btn_collapse a:hover{background:url(../../images/P/btn_collapse.jpg) no-repeat bottom left;}

.login_title2_bg { width: 465px; height:44px; background-image:url(../../images/P/title8.jpg);}*/

/*20201019 add*/
.wrapper_Detail {
	/*width: 95%;*/
	/*margin-left: 16px;*/
	padding-left: 16px;
	padding-right: 16px;
	margin-bottom: 12px;
	display: block;
	overflow: hidden;
}
.header_Detail {
    border-right: 1px solid #E31B1B;
    overflow:hidden;
}
.content_Detail {
	/*padding-top: 5px;*/
    padding:20px;
	padding-bottom: 15px;
    border-right: 1px solid #E31B1B;
    border-bottom: 1px solid #E31B1B;
    border-left: 1px solid #E31B1B;
}

.wa_13b {
    font-size: 12px;
	color: #000000;
	line-height: 18px;
}
.wa_13b:link {
	text-decoration: underline;	
}
.wa_13b:visited {
	color: #505050;
	text-decoration: none;
}
.wa_13b:hover {
	color: #DC232B;
	text-decoration: none;
}

.red15{
	font-size: 15px; 
	line-height: 30px; 
	color: #e21f23; margin-top:10px;
}
.red15_left{
	font-size: 15px;
	color: #E21F23;
	font-weight: bold; text-align:left;
}

.black_memo {
	position: relative;
	font-size:14px;
	padding:5px;
    padding-left: 10px;
}
.f13 {
	font-size: 13px;
	line-height:20px;
}
.f15 {
	font-size: 15px;
}
.black_15_b {
	font-weight: bold;
	font-size: 15px;
	color: #000;
}
.black_15 {
	font-size: 15px;
	color: #000000;
	font-weight: normal;
}
.black_15_b2 {
	font-weight: bold;
	font-size: 15px;
	color: #000;
	line-height: 45px;
}

.black_15_f {
	font-size: 15px;
	color: #000;
	line-height: 45px; padding:5px;
}
.black_15_f1 {
	font-size: 15px;
	color: #000;
	line-height: 30px; padding:10px;
}
.black_15_f2 {
	font-size: 15px;
	color: #000;
	line-height: 20px; padding:5px;
}
.black_15_f3 {
	font-size: 15px;
	color: #000;
	line-height: 20px; padding:10px;
}
.black_15_f3s {
	font-size: 15px;
	color: #000;
	line-height: 25px; padding:10px;
}


/*.black15_left{
	font-size: 15px;
	color: #505050;
	font-weight: bold;
	text-align: left;
	margin-left: 22px;
}
.black15_left2{
	font-size: 15px;
	color: #505050;
	font-weight: bold;
	text-align: left;
}
    .black_new_b2 {
	font-weight: bold;
	font-size: 25px;
	color: #000;
	line-height: 45px;
}
.black_15_f_red {
	font-size: 15px;
	color: red;
	line-height: 45px; padding:5px;
}

.p_15_f_red {
	font-size: 15px;
	color: red;
}
.black_15_f2_1 {
	font-size: 15px;
	color: #000;
	line-height: 20px; padding:5px;
}
    .black_15_f2_1 label {
        padding-right:10px;
    }
.black_15_f2_blue {
	font-size: 15px;
	color: #4F7ABB;
	line-height: 30px; padding:5px;
}.black_15_f4 {
	font-size: 15px;
	color: #000;
	line-height: 0px; padding:5px;
}
.black_15_f_blue {
	font-size: 15px;
	color: #4F7ABB;
	line-height: 45px; padding:5px;
}

#Popup {
	display:none;
	position:fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	width: 100%;
	height:100%;
	background:url(../../images/P/bg_popup.png) repeat;
	display: table-cell;
	overflow:scroll;
}

.pp_con {
	width: 948px;
	margin: 0 auto;
	display: block; 
	overflow: hidden;
}

.pp_con_bg {
	padding-top: 5px;
	padding-bottom: 5px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #E31B1B;
	border-bottom-color: #E31B1B;
	border-left-color: #E31B1B; 
	background-color:#FFF;
}
.pp_con_title{ position:relative;	width: 948px; height:44px; background-image:url(../../images/P/title10.png);display: block;overflow: hidden;}
*/

/* 4_4 */
/*.send_btn4_4{width: 98px; height: 36px; margin-right:40px; margin-top:10px; margin-bottom:0px; margin-left:820px; }
.send_btn4_4 a{
	display: block;
	width: 98px;
	height: 36px;
	background-image: url(../../images/P/send_btn.jpg);
	background-repeat: no-repeat;
}
.send_btn4_4 a:hover{background:url(../../images/P/send_btn.jpg) no-repeat bottom left;}

	*/
/* 2_1 */
/*.send_btn2_1{width: 98px; height: 36px; margin-right:40px; margin-top:20px; margin-bottom:18px; margin-left:270px; }
.send_btn2_1 a{
	display: block;
	width: 98px;
	height: 36px;
	background-image: url(../../images/P/send_btn.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.send_btn2_1 a:hover{background:url(../../images/P/send_btn.jpg) no-repeat bottom left;}*/

/*下一步*/
.btn_NEXT{width: 98px; height: 36px; margin-top:15px; margin-bottom:10px; }
.btn_NEXT a{
	display: block;
	width: 98px;
	height: 36px;
	background: url(../../images/P/btn2_1_2b_NEXT.jpg) no-repeat left top;
}
.btn_NEXT a:hover{background:url(../../images/P/btn2_1_2b_NEXT.jpg) no-repeat bottom left;}
.btn_NEXT.disbale {opacity: 0.5;}
.btn_NEXT.disbale a {cursor:default;}
.btn_NEXT.disbale a:hover{background: url(../../images/P/btn2_1_2b_NEXT.jpg) no-repeat left top;}

/*確認送出*/
.btn_ConfirmSend{	width:98px; height: 36px; margin-top:15px; margin-bottom:10px; }
.btn_ConfirmSend a{
	display: block;
	width: 98px;
	height: 36px;
	background-image: url(../../images/P/btn2_1_2b.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.btn_ConfirmSend a:hover{
	background-image: url(../../images/P/btn2_1_2b.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.btn_ConfirmSend.disbale {opacity: 0.5;}
.btn_ConfirmSend.disbale a {cursor:default;}
.btn_ConfirmSend.disbale a:hover{background: url(../../images/P/btn2_1_2b.jpg) no-repeat left top;}

/*至委託查詢*/
.btn_QueryOrder{ width:120px; height: 36px; margin-top:15px; margin-bottom:10px;}
.btn_QueryOrder a{
	display: block;
	width: 120px;
	height: 36px;
	background-image: url(../../images/P/btn2_1_3a.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.btn_QueryOrder a:hover{
	background-image: url(../../images/P/btn2_1_3a.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}

/*刪除委託*/
.btn_CancelOrder{width:98px; height:36px; text-align:center; }
.btn_CancelOrder a{
	display: block;
	width: 98px;
	height: 36px;
	background-image: url(../../images/P/clear_btn2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.btn_CancelOrder a:hover{background:url(../../images/P/clear_btn2.jpg) no-repeat bottom left;}

/*修改內容*/
.btn_BackModify{width:98px; height: 36px; margin-top:15px; margin-bottom:10px; }
.btn_BackModify a{
	display: block;
	width: 98px;
	height: 36px;
	background-image: url(../../images/P/btn2_1_2a.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.btn_BackModify a:hover{
	background-image: url(../../images/P/btn2_1_2a.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}

/*基本資料*/
.basic_btn2_1{width: 74px; height: 25px; margin-right:20px; }
.basic_btn2_1 a{
	display: block;
	width: 74px;
	height: 25px;
	background-image: url(../../images/P/basic_btn.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.basic_btn2_1 a:hover{
	background-image: url(../../images/P/basic_btn.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}

/*
.btn2_1_2a{	width:98px; height: 36px; margin-top:15px; margin-bottom:10px; }
.btn2_1_2a a{
	display: block;
	width: 98px;
	height: 36px;
	background-image: url(../../images/P/btn2_1_2a.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.btn2_1_2a a:hover{
	background-image: url(../../images/P/btn2_1_2a.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}

.btn2_1_3a{	width:120px; height: 36px; float:left; margin-right:30px; margin-top:15px; margin-bottom:10px; margin-left:35%;}
.btn2_1_3a a{
	display: block;
	width: 120px;
	height: 36px;
	background-image: url(../../images/P/btn2_1_3a.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.btn2_1_3a a:hover{
	background-image: url(../../images/P/btn2_1_3a.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}*/

/*再次申購*/
.btn2_1_3b{	width:98px; height: 36px; margin-top:15px; margin-bottom:10px; }
.btn2_1_3b a{
	display: block;
	width: 98px;
	height: 36px;
	background-image: url(../../images/P/btn2_1_3b.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.btn2_1_3b a:hover{
	background-image: url(../../images/P/btn2_1_3b.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
/* 20151123 jack
.btn2_3{width:98px; height:36px; text-align:center; }
.btn2_3 a{ display: block; width: 98px; height: 36px; background-image: url(../../images/P/send_btn.jpg); background-repeat: no-repeat; background-position: left top; }
.btn2_3 a:hover{background:url(../../images/P/send_btn.jpg) no-repeat bottom left;}


.btn2_3 {width:98px; height:36px; text-align:center; }
.btn2_3 a{
	display: block;
	width: 98px;
	height: 36px;
	background-image: url(../../images/P/btn2_1_2b_NEXT.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.btn2_3 a:hover{background:url(../../images/P/btn2_1_2b_NEXT.jpg) no-repeat bottom left;}


.btn2_3_4a{ width:120px; height: 36px; margin-top:15px; margin-bottom:10px;}
.btn2_3_4a a{
	display: block;
	width: 120px;
	height: 36px;
	background-image: url(../../images/P/btn2_1_3a.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.btn2_3_4a a:hover{
	background-image: url(../../images/P/btn2_1_3a.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
*/


/*append 20151123 jack */
/*.send_btn2_6{width: 98px; height: 36px; margin-right:40px; margin-top:20px; margin-bottom:18px; margin-left:43%; }
.send_btn2_6 a{
	display: block;
	width: 98px;
	height: 36px;
	background-image: url(../../images/P/btn2_1_2b_NEXT.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.send_btn2_6 a:hover{background:url(../../images/P/btn2_1_2b_NEXT.jpg) no-repeat bottom left;}*/

/*出金申請*/
.btn2_6_3b{ width:120px; height: 36px; margin-top:15px; margin-bottom:10px;}
.btn2_6_3b a{
	display: block;
	width: 120px;
	height: 36px;
	background-image: url(../../images/P/btn2_6_3b.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.btn2_6_3b a:hover{
	background-image: url(../../images/P/btn2_6_3b.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}


/* 2_11 */
/*.send_btn2_11 {width: 98px; height: 36px; margin-right:40px; margin-top:20px; margin-bottom:18px; margin-left:43%; }
.send_btn2_11 a{
	display: block;
	width: 98px;
	height: 36px;
	background-image: url(../../images/P/btn2_1_2b_NEXT.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.send_btn2_11 a:hover{background:url(../../images/P/btn2_1_2b_NEXT.jpg) no-repeat bottom left;}

.btn2_11_2a{ width:98px; height: 36px; margin-top:15px; margin-bottom:10px;}
.btn2_11_2a a{
	display: block;
	width: 98px;
	height: 36px;
	background-image: url(../../images/P/btn2_1_2a.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.btn2_11_2a a:hover{
	background-image: url(../../images/P/btn2_1_2a.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}


.btn2_11_2b{ width:98px; height: 36px; margin-top:15px; margin-bottom:10px; }
.btn2_11_2b a{
	display: block;
	width: 98px;
	height: 36px;
	background-image: url(../../images/P/btn2_1_2b.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.btn2_11_2b a:hover{
	background-image: url(../../images/P/btn2_1_2b.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}

.btn2_11_3a{ width:120px; height: 36px; margin-top:15px; margin-bottom:10px;}
.btn2_11_3a a{
	display: block;
	width: 120px;
	height: 36px;
	background-image: url(../../images/P/btn2_1_3a.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.btn2_11_3a a:hover{
	background-image: url(../../images/P/btn2_1_3a.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}*/

/*豐易扣入金申請*/
.btn2_11_3b{ width:120px; height: 36px; margin-top:15px; margin-bottom:10px;}
.btn2_11_3b a{
	display: block;
	width: 120px;
	height: 36px;
	background-image: url(../../images/P/btn2_11_3b.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.btn2_11_3b a:hover{
	background-image: url(../../images/P/btn2_11_3b.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}


/* 2_3 */
/*
.btn2_3_2a{	width:98px; height: 36px; float:left; margin-right:30px; margin-top:15px; margin-bottom:10px; margin-left:350px;}
.btn2_3_2a a{
	display: block;
	width: 98px;
	height: 36px;
	background-image: url(../../images/P/btn2_1_2a.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.btn2_3_2a a:hover{
	background-image: url(../../images/P/btn2_1_2a.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}

.btn2_3_3a{	width:120px; height: 36px;  margin-right:30px; margin-top:15px; margin-bottom:10px; margin-left:250px;}
.btn2_3_3a a{
	display: block;
	width: 120px;
	height: 36px;
	background-image: url(../../images/P/btn2_1_3a.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.btn2_3_3a a:hover{
	background-image: url(../../images/P/btn2_1_3a.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}*/


/* 2_5 */

.btn-goback{ width:98px; height: 36px; margin-top:15px; margin-bottom:10px;}
.btn-goback a{
	display: block;
	width: 98px;
	height: 36px;
	background-image: url(../../images/P/btn2_5_2a.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.btn-goback a:hover{background-position: left bottom;}

/*
.btn2_5_2a_m{	width:98px; height: 36px; margin-top:15px; margin-bottom:10px; }
.btn2_5_2a_m a{
	display: block;
	width: 98px;
	height: 36px;
	background-image: url(../../images/P/btn2_5_2a.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.btn2_5_2a_m a:hover{
	background-image: url(../../images/P/btn2_5_2a.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}

.btn2_5_3a{	width:120px; height:36px; margin-top:15px; margin-bottom:10px;}
.btn2_5_3a a{
	display: block;
	width: 120px;
	height: 36px;
	background-image: url(../../images/P/btn2_1_3a.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.btn2_5_3a a:hover{
	background-image: url(../../images/P/btn2_1_3a.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}

.fromBox4 {
	width:135px;
	height:20px;
	display:block;
	border:1px solid #CCC; margin-top:5px; 
}
*/

/* 6_5 */
/*
.btn6_5a{width:200px; height: 36px; margin-right:40px; margin-top:20px; margin-bottom:18px; margin-left:440px; }
.btn6_5a a{
	display: block;
	width: 200px;
	height: 36px;
	background-image: url(../../images/P/btn6_5a.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.btn6_5a a:hover{background:url(../../images/P/btn6_5a.jpg) no-repeat bottom left;}
*/
.btn6_5a{ width: 220px; margin: 20px auto 0px auto; padding-top: 3px;padding-bottom: 3px; background-image: linear-gradient(to top,#a70105,#c81116,#e8373c); box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.7); pointer-events: none;}
.btn6_5a a{
        color:#f7f7f7;
        font-size:17px;
        letter-spacing: 1px;
        font-weight:bold;
    text-decoration:none;
    pointer-events: auto;
}
.btn6_5a:hover{background-image: linear-gradient(to top,#d3040a,#fe1d21,#fc2223);}

/*.btn6_5b{width:200px; height: 36px; margin-right:15px; margin-top:20px; margin-bottom:18px; float:left; }
.btn6_5b a{
	display: block; 
	width: 200px;
	height: 36px;
	background-image: url(../../images/P/btn6_5b.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.btn6_5b a:hover{background:url(../../images/P/btn6_5b.jpg) no-repeat bottom left;}*/

.List {
	padding: 0px;
	width: 220px;
	margin: auto;
    margin: 20px auto 0px auto;
}
.List .btn_list {
	color: #000;
	background-color: #FFF;
	border: 1px solid #c61116;
	padding: 5px;
	margin-top: -1px;
	cursor: pointer;
	text-decoration: underline;
}
.List .btn_list:hover {
	color: #c61116;
}
.List .btn_list[disabled],
.List .btn_list[disabled]:hover {	
	cursor:default;
	text-decoration:none;
	color: #7b7b7b;
}
.List .list_title {
	color: #FFF;
	background-color: #c61116;
	font-size: 17px;
	font-weight: bold;
}
	.List select {
		visibility:hidden;
	}
/*.List select {
    width: 100%;
	color: #000;
	background-color: #FFF;
	border: 1px solid #c61116;
	padding: 7px;
	cursor: pointer;
	text-decoration: underline;
    font-size:16px;
    text-align:center;
}
.List select option { font-size:16px; }
.List select:focus { outline: none; }*/

.btn6_5c{width:200px; height: 36px; margin-right:15px; margin-top:20px; margin-bottom:18px; float:left; }
.btn6_5c a{
	display: block; 
	width: 200px;
	height: 36px;
	background-image: url(../../images/P/btn6_5c.jpg);
	background-repeat: no-repeat;
	background-position: left top;
    margin-left:15px;
}
.btn6_5c a:hover{background:url(../../images/P/btn6_5c.jpg) no-repeat bottom left;}

.btn6_5d{width:200px; height: 36px; margin-right:15px; margin-top:20px; margin-bottom:18px; float:left; }
.btn6_5d a{
	display: block;
	width: 200px;
	height: 36px;
	background-image: url(../../images/P/btn6_5d.jpg);
	background-repeat: no-repeat;
	background-position: left top;
    margin-left:15px;
}
.btn6_5d a:hover{background:url(../../images/P/btn6_5d.jpg) no-repeat bottom left;}

.from6_5{float:left; margin-top:25px; margin-left:307px; margin-right:15px; }

.btn6_5_2a{	width:98px; height: 36px; margin-top:15px; margin-bottom:10px;}
.btn6_5_2a a{
	display: block;
	width: 98px;
	height: 36px;
	background-image: url(../../images/P/btn6_5_2a.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.btn6_5_2a a:hover{
	background-image: url(../../images/P/btn6_5_2a.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}

.btn6_5_2b{	width: 98px; height:36px;  margin-top:15px; margin-bottom:10px; }
.btn6_5_2b a{
	display: block;
	width: 98px;
	height: 36px;
	background-image: url(../../images/P/btn6_5_2b.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.btn6_5_2b a:hover{
	background-image: url(../../images/P/btn6_5_2b.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.from6_5_3{ margin-top:15px; margin-bottom:15px;}


.btn6_5_3a{	width:133px; height: 36px; margin-top:20px; margin-bottom:18px;}
.btn6_5_3a a{
	display: block;
	width: 133px;
	height: 36px;
	background-image: url(../../images/P/btn8.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.btn6_5_3a a:hover{
	background-image: url(../../images/P/btn8.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}

.btn6_5_3b{width:200px; height: 36px;  margin-top:20px; margin-bottom:18px; }
.btn6_5_3b a{
	display: block; 
	width: 200px;
	height: 36px;
	background-image: url(../../images/P/btn6_5_3b.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.btn6_5_3b a:hover{background:url(../../images/P/btn6_5_3b.jpg) no-repeat bottom left;}

.btn6_5_4{width:200px; height: 36px; margin-top:20px; margin-bottom:18px; }
.btn6_5_4 a{
	display: block; 
	width: 200px;
	height: 36px;
	background-image: url(../../images/P/btn6_5_4.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.btn6_5_4 a:hover{background:url(../../images/P/btn6_5_4.jpg) no-repeat bottom left;}


/*.btn6_5_5a{	width:98px; height: 36px; margin-top:15px; margin-bottom:10px;}
.btn6_5_5a a{
	display: block;
	width: 98px;
	height: 36px;
	background-image: url(../../images/P/send_btn.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.btn6_5_5a a:hover{
	background-image: url(../../images/P/send_btn.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.btn6_5_5b{	width:98px; height: 36px; margin-top:15px; margin-bottom:10px; }
.btn6_5_5b a{
	display: block;
	width: 98px;
	height: 36px;
	background-image: url(../../images/P/btn2_5_2a.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.btn6_5_5b a:hover{
	background-image: url(../../images/P/btn2_5_2a.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}

.btn6_5_6{width:98px; height:36px; text-align:center; }
.btn6_5_6 a{
	display: block;
	width: 98px;
	height: 36px;
	background-image: url(../../images/P/btn6_5_6.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.btn6_5_6 a:hover{background:url(../../images/P/btn6_5_6.jpg) no-repeat bottom left;}*/

.btn-backhome{width:98px; height:36px; text-align:center; }
.btn-backhome a{
	display: block;
	width: 98px;
	height: 36px;
	background-image: url(../../images/P/btn6_5_7.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.btn-backhome a:hover{background:url(../../images/P/btn6_5_7.jpg) no-repeat bottom left;}

/* 6_6 */
/*訊息通知彙總
.title6_6{ width:948px; height:44px; background-image:url(../../images/P/title19.jpg); display:block; overflow:hidden;}
.title6_6_w{ margin-left:200px; margin-top:10px; }*/

/*訊息通知設定*/
.btn-notify-Tabs-wrap {
    display: flex;
    justify-content: center;
}
/*Email通知設定*/
.btn-notify-tab-email{ width:166px; height: 41px; margin-top:10px; margin-bottom:10px;}
.btn-notify-tab-email a{
 display: block;
 width: 166px;
 height: 41px;
 background-image: url(../../images/P/6_6btn_off1.jpg);
 background-repeat: no-repeat;
 background-position: left top;
}
.btn-notify-tab-email a:hover{
 background-position: left bottom;
}
.btn-notify-tab-email.on a { background-position: left bottom; }

.btn-notify-tab-stoploss{ width:167px; height: 41px; margin-top:10px; margin-bottom:10px;  }
.btn-notify-tab-stoploss a{
 display: block;
 width: 167px;
 height: 41px;
 background-image: url(../../images/P/6_6btn_off2.jpg);
 background-repeat: no-repeat;
 background-position: left top;
}
.btn-notify-tab-stoploss a:hover{
 background-position: left bottom;
}
.btn-notify-tab-stoploss.on a{
 background-position: left bottom;
}

.btn-notify-tab-net{width:148px; height: 41px; margin-top:10px; margin-bottom:10px; }
.btn-notify-tab-net a{
 display: block; width:148px; height: 41px;
 background-image: url(../../images/P/6_6btn_off3.jpg);
 background-repeat: no-repeat;
 background-position: left top;
}
.btn-notify-tab-net a:hover{
 background-position: left bottom;
}

.btn-notify-tab-net.on a{
 background-position: left bottom;
}

.btn-notify-tab-bottomline{margin-top:10px;}

/*.btn6_6_2{width:140px; height:36px; text-align:center; }
.btn6_6_2 a{
	display: block;
	width: 140px;
	height: 36px;
	background-image: url(../../images/P/btn6_6_2.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.btn6_6_2 a:hover{background:url(../../images/P/btn6_6_2.png) no-repeat bottom left;}*/

/*.from6_6_2{ margin-left:50px;}
.from6_6_2a{ margin-left:10px;}
.from6_6_2w{ margin-left:4px;}
.from6_6_2w2{ margin-left:5px;}
.from6_6_2w3{ margin-left:4px; margin-bottom:10px;}*/

.btn-notify-insert{width:98px; height:36px; text-align:center; }
.btn-notify-insert a{
	display: block;
	width: 98px;
	height: 36px;
	background-image: url(../../images/P/btn6_6_3b.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.btn-notify-insert a:hover{background:url(../../images/P/btn6_6_3b.png) no-repeat bottom left;}

.btn-notify-update{width:98px; height:36px; text-align:center; }
.btn-notify-update a{
	display: block;
	width: 98px;
	height: 36px;
	background-image: url(../../images/P/update.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.btn-notify-update a:hover{background:url(../../images/P/update.jpg) no-repeat bottom left;}

.from6_6_2bg1 { /*background-image:url(../../images/P/6_6_2bg1.jpg);*/
	width: 578px;
	height: 232px;
	display: block;
	margin: 15px auto;
	background-color: #EDEDED;
	border: 2px solid #CCCCCC;
	border-radius: 10px;
}
.from6_6_2bg2 { /*background-image:url(../../images/P/6_6_2bg2.jpg);*/
	width: 614px;
	height: 256px;
	display: block;
	margin: 15px auto;
	background-color: #EDEDED;
	border: 2px solid #CCCCCC;
	border-radius: 10px;
}
.from6_6_2bg2b { /*background-image:url(../../images/P/6_6_2bg2b.jpg);*/
	width: 750px;
	/*height: 179px;*/
	display: block;
	margin: 15px auto;
	background-color: #EDEDED;
	border: 2px solid #CCCCCC;
	border-radius: 10px;
}
	.from6_6_2bg2b table td, .from6_6_2bg2b table th {
		padding: 0px 5px 5px 5px;
	}
.from6_6_2bg2b_1 {
	/*background-image: url(../../images/P/6_6_2bg2b_1.jpg);*/
	width: 760px;
	/*height: 244px;*/
	display: block;
	margin: 15px auto;
	background-color: #EDEDED;
	border: 2px solid #CCCCCC;
	border-radius: 10px;
}
	.from6_6_2bg2b_1 table td, .from6_6_2bg2b_1 table th {
		padding: 0px 5px 5px 5px;
	}

/* 2_5_3  6.29增加修改 */
/* 至定期定額異動查詢 */
.btn_SipModify{width:200px; height: 36px; margin-top:15px; margin-bottom:10px; }
.btn_SipModify a{
	display: block; 
	width: 200px;
	height: 36px;
	background-image: url(../../images/P/btn7.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.btn_SipModify a:hover{background:url(../../images/P/btn7.jpg) no-repeat bottom left;}

/*

.from6_6_2_f1{  margin-left:180px; margin-bottom:15px; margin-top:15px; }

.btn6_6_2a{width:98px; height:36px; text-align:center; float:left; }
.btn6_6_2a a{
	display: block;
	width: 98px;
	height: 36px;
	background-image: url(../../images/P/btn6_6_3b.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.btn6_6_2a a:hover{background:url(../../images/P/btn6_6_3b.png) no-repeat bottom left;}


.btn6_6_2b{width:98px; height:36px; text-align:center; float:left; margin-left:40px; }
.btn6_6_2b a{
	display: block;
	width: 98px;
	height: 36px;
	background-image: url(../../images/P/btn6_6_2b.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.btn6_6_2b a:hover{background:url(../../images/P/btn6_6_2b.png) no-repeat bottom left;}

.btn2_5_3d{	width:98px; height: 36px; float:left; margin-top:15px; margin-bottom:10px; }
.btn2_5_3d a{
	display: block;
	width: 98px;
	height: 36px;
	background-image: url(../../images/P/btn2_5_2a.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.btn2_5_3d a:hover{
	background-image: url(../../images/P/btn2_5_2a.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.set-width { width: 190px; }*/



/* Jquery alert  --- Start */
#popup_container {
	font-size: 12px;
	min-width: 300px; /* Dialog will be no smaller than this */
	max-width: 600px; /* Dialog will wrap after this width */
	background: #FFF;
	border: solid 2px #999;
	color: #000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	overflow:auto;
}

#popup_title {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	line-height: 1.75em;
	color: #666;
	background: #CCC url(../../images/P/title.gif) top repeat-x;
	border: solid 1px #FFF;
	border-bottom: solid 1px #999;
	cursor: default;
	padding: 0em;
	margin: 0em;
}

#popup_content {
	background: 16px 16px no-repeat url(../../images/P/info.gif);
	padding: 1em 1.75em;
	margin: 0em;
}

#popup_content.alert {
	background-image: url(../../images/P/info.gif);
}

#popup_content.confirm {
	background-image: url(../../images/P/important.gif);
}

#popup_content.prompt {
	background-image: url(../../images/P/help.gif);
}

#popup_message {
	padding-left: 48px;
}

#popup_panel {
	text-align: center;
	margin: 1em 0em 0em 1em;
}

#popup_prompt {
	margin: .5em 0em;
}


/* Jquery alert  --- End */
/*
.WM0403_N_2_Query_rightAlert 
{
  width:500px;
  line-height:15px;
  padding:10px;
  border-collapse:collapse;
  float:right;
  color:red
}

.WM0403_J_2_Query_rightAlert 
{
  width:400px;
  line-height:15px;
  padding:10px;
  border-collapse:collapse;
  float:right;
  color:red
}

.btn-info {
    color: #fff;
    background-color: #DC143C;
    border-color: #FF0000;
}

.btn-info:hover {
    color: #fff;
    background-color: #800000;
    border-color: #DC143C;
}
.btnlong {
        display: inline-block;
        padding: 26px 41px;
        margin-bottom: 0;
        font-size: 20px;
        font-weight: 400;
        line-height: 1.42857143;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
    }
.custitle{
    font-weight:bold;
    font-family: "微軟正黑體", Arial, Verdana, Helvetica, sans-serif;
    font-size: 15px;
}*/
    
popup_content.alert {
	background-image: url(../../images/P/info.gif);
}

/*checkbox樣式*/
input[type="checkbox"]{width: 1.3em;height:1.3em;vertical-align:middle;margin-left:0px;}
input[type="checkbox"] + label {text-decoration: none;cursor: pointer;font-size: 15px;padding-left: 3px;padding-right: 1.5em;position: relative;vertical-align:middle}

/*radio樣式*/
input[type="radio"] {width: 1.2em;height:1.2em;vertical-align:middle;margin-left:0px;margin-bottom: 3px;}
input[type="radio"] + label {text-decoration: none;cursor: pointer;position: relative;vertical-align:middle;}

.chkRdoBox {display: inline-flex;align-items: center;}
.chkRdoBox.right {justify-content: flex-end;}

	.chkRdoBox.chkLblRed input[type="radio"]:checked + span {
		color: #DC232B;
		font-weight:bolder;
	}

label.disbale {opacity: 0.5;cursor:default;}

/*text readonly 樣式*/
input[type="text"][readonly] { background-color: #f8f8f8; color: rgb(84, 84, 84); border: 1px solid #d4d4d4 ; }
input[type="text"][readonly]:focus { outline: none; }

/*按鈕 樣式*/
.btn-red {
	width: fit-content;
	padding: 20px;
	padding-top: 3px;
	padding-bottom: 3px;
	background-image: linear-gradient(to top,#a70105,#c81116,#e8373c);
	box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.7);
	border-radius: 2px;
	pointer-events: auto;
	cursor:pointer;
}
.btn-red span {
	color: #f7f7f7;
	font-size: 17px;
	letter-spacing: 1px;
	font-weight: bold;
	text-decoration: none;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.btn-red:hover {background-image: linear-gradient(to top,#d3040a,#fe1d21,#fc2223);}
.btn-red.disbale { opacity: 0.5; cursor: default; }
.btn-red.disbale:hover { background-image: linear-gradient(to top,#a70105,#c81116,#e8373c); }

.btn-gray {
	width: fit-content;
	padding: 20px;
	padding-top: 3px;
	padding-bottom: 3px;
	background-image: linear-gradient(to top, #f0f0f0, #f7f7f7, #ffffff);
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.4);
	border-radius: 2px;
	pointer-events: auto;
	cursor: pointer;
}

	.btn-gray span {
		color: #505050;
		font-size: 17px;
		letter-spacing: 1px;
		font-weight: bold;
		text-decoration: none;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}

	.btn-gray:hover {
		background-image: linear-gradient(to top, #f0f0f0, #f7f7f7, #ffffff);
	}

/*說明 樣式*/
.i-info {
	display: inline-flex;
	align-items: center;
	margin-left: 3px;
	height: 23px;
	width: 25px;
	background: url(../../images/P/ic-info.svg) no-repeat;
	cursor: pointer;
	position: relative;
}



.i-info-message {
	display: none;
	z-index: 99;
	position: absolute;
	left: -310%;
	top: -910%;
	/*right: -450%;*/
	margin-top: 10px;
	width: 400px;
	height: auto;
	border-radius: 2px;
	opacity: 0.97;
	box-shadow: 0 2px 15px 0 rgba(13, 22, 35, 0.16);
	text-align: left;
	background-color: #0d1623;
	white-space: break-spaces;
	padding: 10px 10px;
}
	.i-info-message, .i-info-message * {
		font-size: 14px;
		font-style: normal;
		color: #ffffff;
		letter-spacing: 0.35px;
		line-height: 25px;
	}
.i-info-message:after {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border: 6px solid transparent;
	border-top: 0;
	margin-left: -6px;
	margin-top: -6px;

	top: 103%;
    left: 21%;
	border-bottom-color: #0d1623;
    transform: rotate(180deg);
}
	.i-info-message ul, .i-info-message ol {
		margin: 0px;
		padding: 0px;
		padding-left: 1.5em;
	}