@charset "UTF-8";
/* CSS Document */
/**reset**/
/*防止手機或平板橫放時字體變大*/
html, body {
    字体
  -webkit-text-size-adjust: none !important;
  -webkit-text-size-adjust: 100% !important;
  -ms-text-size-adjust: none !important;
    }
@media only screen and (min-device-width : 320px) and (max-device-width : 1024px) {
 html {
  -webkit-text-size-adjust: none;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: none
    }
    /*.ui-dialog.apply_width{
        width: 90%!important;
        position: absolute!important;
        left: 5%!important;
        top: 10%!important;
    }*/
}
/*偵測IOS裝置*/
/*@media screen and (min-color-index:0)and(-webkit-min-device-pixel-ratio:0){
        @media{
        .ui-dialog.apply_width{
            width: 90%!important;
            position: absolute!important;
            top: 10%!important;
            left: 5%!important;

        }
    }
}*/
/*偵測平板寬度*/
/*@media (min-width: 719px) and (max-width: 959px) {
    .ui-dialog{
        width: 90%!important;
        margin: 0 auto!important;
        left: 5%!important;
        top: 10%!important;
    }
}*/
/*偵測手機寬度*/
/*@media (max-width: 719px) {
    .ui-dialog{
        width: 90%!important;
        margin: 0 auto!important;
        left: 5%!important;
        top: 10%!important;
    }
}*/
/*for IE9 - 微軟正黑體*/

:root 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: "微軟正黑體", "Microsoft JhengHei", 'LiHei Pro', Arial, Helvetica, sans-serif, \5FAE\8EDF\6B63\9ED1\9AD4 \9 !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: "微軟正黑體", "Microsoft JhengHei", 'LiHei Pro', Arial, Helvetica, sans-serif, \65B0\7D30\660E\9AD4 !important;
}
body {
    margin: 0;
}
/*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;*/
    box-sizing: border-box;
    padding: 0;
    font-family: "微軟正黑體", "Microsoft JhengHei", 'LiHei Pro', Arial, Helvetica, sans-serif, \65B0\7D30\660E\9AD4;
    color: #4C5141;
    font-size: 13px;
    line-height: 20px;
    -webkit-text-size-adjust: none;
    /*解決Chrome 12px以下字級*/
}
body {
    cursor: default;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
table .hd {
    padding: 4px;
}
fieldset, img {
    border: 0;
}
a, button {
    cursor: pointer !important;
}
img {
    vertical-align: middle;
    margin: 0 2px;
}
address, caption, cite, code, dfn, em, strong, th, var {
    font-style: normal;
    font-weight: normal;
}
ol, ul {
    list-style: none;
}
caption, th {
    text-align: left;
}
/*h1, h2, h3, h4, h5, h6 {
font-size:100%;
font-weight:normal;
}*/

q:before, q:after {
    content: '';
}
abbr, acronym {
    border: 0;
}
/**玉山銀行外框CSS**/

body.main {
	height: auto !important;
    height: initial !important;
}

#WRAPPER {
    width: 100%;
    position: relative;
}
@media \0screen { /*for css (IE8最為有用)*/
  #WRAPPER {
        min-width:1000px
    }
}
/**首頁**/

.index_logo {
    display: block;
    float: left;
    background: url(../images/index/logo_content.png) no-repeat;
    width: 292px;
    height: 36px;
    margin: 20px 0px 0px 0px;
}
.index_logo_r {
    display: block;
    float: left;
    background: url(../images/index/logo_content_r.png) no-repeat;
    width: 98px;
    height: 36px;
    margin: 25px 0px 0px 0px;
}
#index_HEADER_WRAP {
    width: 100%;
    height: 120px;
}
.inxex_utility {
    float: right;
    margin: 15px 2px 0px 0px;
    width: 465px;
    height: 63px;
    list-style: none;
    background: none;
}
.inxex_utility li {
    float: left;
    font-size: 12px;
    color: #333;
    line-height: 20px;
    text-indent: 5px;
    display: inline-block;
    margin-top: 32px;
}
.inxex_utility li a {
    text-decoration: none;
    color: #333;
}
.inxex_utility li a:hover {
    color: #007B90;
}
/*.main_nav .index{ padding-top:9px;}*/

.top_wrap {
    width: 998px;
    padding: 0px;
    border-radius: 0px 0px 0px 0px;
    margin: 15px auto 15px auto;
    position: relative;
    /*overflow:hidden;*/
    
    display: inline-block;
    background: #fff !important;
    *display: inline;
    *zoom: 1;
    -webkit-box-shadow: 0px 0px 7px -2px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 7px -2px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 7px -2px rgba(0, 0, 0, 0.3);
}
.login_box {
    float: left;
    width: 322px;
    margin: 0;
    -webkit-box-shadow: 3px 0px 3px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 3px 0px 3px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 3px 0px 3px 0px rgba(0, 0, 0, 0.15);
    min-height: 335px;
}
.login_tab {
    float: left;
    height: 35px;
    width: 50%;
    text-align: center;
    position: relative;
    background: #e3e3e3;
    z-index: 0;
    border-top: none;
}
.login_tab a {
    display: block;
    height: 35px;
    font-size: 15px;
    color: #898989;
    background-color: #e3e3e3;
    text-decoration: none;
    line-height: 33px;
}
.login_tab a:hover {
    color: #21231a;
}
.login_tab.left a {
    -webkit-box-shadow: inset -3px -3px 3px -3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset -3px -3px 3px -3px rgba(0, 0, 0, 0.3);
    box-shadow: inset -3px -3px 3px -3px rgba(0, 0, 0, 0.3);
}
.login_tab.right a {
    -webkit-box-shadow: inset 3px 0px 3px -3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 3px -3px 0px -3px rgba(0, 0, 0, 0.3);
    box-shadow: inset 3px -3px 3px -3px rgba(0, 0, 0, 0.3);
}
.login_tab_current {
    float: left;
    height: 35px;
    width: 50%;
    text-align: center;
    position: relative;
    z-index: 2;
    border-bottom: none;
}
.login_tab_current a {
    display: block;
    font-size: 15px;
    height: 35px;
    color: #009d97;
    border-top: 1px solid #fff;
    text-decoration: none;
    line-height: 33px;
    background: url(../images/index/tab_bg.gif) top repeat-x;
    -webkit-box-shadow: inset 0px -0px 0px -0px rgba(0, 0, 0, 0.0) !important;
    -moz-box-shadow: inset 0px -0px 0px -0px rgba(0, 0, 0, 0.0) !important;
    box-shadow: inset 0px -0px 0px -0px rgba(0, 0, 0, 0.0) !important;
}
.login_content {
    float: left;
    width: 310px;
    position: relative;
    z-index: 1;
}
.tab_content {
    width: 305px;
    margin: 10px 0px 0px 5px;
    min-height: 286px;
}
.log_table {
    width: 100%;
}
.log_table .hd {
    font-size: 14px;
    color: #555;
    text-align: right;
    line-height: 15px;
    height: 44px;
}
.log_table label {
    display: inline;
}
#switchPid2 .hd{
    height: 26px !important
}
#e_card .log_table .hd {
    height: 42px;
}
.log_table td .form-control {
    border-radius: 0px 0px 0px 0px;
    -moz-border-radius: 0px 0px 0px 0px;
    -webkit-border-radius: 0px 0px 0px 0px;
}
.log_table td select {
    width: 190px;
    margin-left: 1px;
}
.log_table td {
    padding: 4px 3px;
    *padding: 3px 3px;
    position: relative;
}
.log_table .input_single_line {
    position: relative;
    background: #FFF;
    border: 1px solid #dcdcdc;
    font-size: 14px;
    line-height: 30px;
    color: #666;
    padding: 0 8px;
    width: 100%;
    height: 30px;
    float: left;
    margin: 0;
}
.log_table .input_single_line.full {
    width: 100%;
}
.log_table .input_single_line.small {
    width: 100px;
}
.code_wrap {
    margin: 0;
    overflow: hidden;
}
.code_p {
    float: left;
    margin: 3px 10px 0 10px;
    border: 1px solid #95b1bb;
    background: #fff;
}
.code_a {
    display: inline-block;
    font-size: 12px;
    color: #9d4611;
    text-decoration: none;
    padding: 3px 14px 0 0;
    background: url(../images/index/reload_btn.png) no-repeat right 9px;
}
.login_content .log_table .code_a {
    padding: 5px 0px 0 0;
    background: none;
}
.code_a:hover {
    color: #900;
}
.login_btn_box {
    height: 36px;
    margin: 12px 5px 0 5px;
    position: relative;
}
#e_card .login_btn_box {
    margin-top: 5px;
}
.login_btn_box a {
    color: #009d97;
    text-decoration: none;
    line-height: 36px;
    font-size: 14px;
}
.login_btn_box a:hover {
    color: #0bb2a8;
}
a.login_btn {    
    position: absolute;
    top: 0;
    right: 0;
    width: 100px;
    height: 36px;
    background: #009d97;
    color: #fff;
    text-align: center;
    overflow: hidden;
    font-size: 15px;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -webkit-box-shadow: 3px 3px 3px -2px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 3px 3px 3px -2px rgba(0, 0, 0, 0.4);
    box-shadow: 3px 3px 3px -2px rgba(0, 0, 0, 0.4);
}
a.login_btn:hover {
    color: #fff;
    background: #3176a1;
}
.login_btn_box a.btn_disabled {
    background: url(../images/index/login_btn.png) no-repeat left -72px;
    cursor: default !important;
    height: 36px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    text-indent: -999px;
    width: 100px;
}
a.login_btn_sub {
    float: left;
    font-size: 13px;
    color: #288279;
    text-decoration: none;
    margin: 3px 16px 0 0;
    background: url(../images/icon/icon_dot.gif) 0 6px no-repeat;
    padding: 0 0 0 16px;
    padding: 3px 0 0 16px \9;
}
a.login_btn_sub:hover {
    color: #3c9e95;
    text-decoration: underline;
}
.login_note {
    text-align: right;
    font-size: 12px;
    clear: both;
    padding: 9px 18px;
}
.login_note a {
    color: #333;
    text-decoration: none;
}
.login_note a:hover {
    color: #007b90;
}
.sum_wrap {
    float: left;
    position: relative;
    height: 328px;
    width: 663px;
    margin: 3px 0px 0px 14px;
}
.ad_wrap {
    float: right;
    position: relative;
    height: 328px;
    margin: 3px 0px 0px 0;
    text-align: center;
    vertical-align: middle;
    width: 663px;
}
.ad_conetnt {
    position: absolute;
    height: auto;
    z-index: 0;
    top: 7px;
    left: -3px;
}
.ad_wrap .ad_img {
    width: auto;
    height: 314px;
    border: 1px solid #dedede;
}
.ad_wrap .ad_img_s {
    float: left;
    width: 90px;
    height: auto;
    border: 1px solid #dedede;
    margin:8px 0px 0px 10px;
}
.ad_conetnt a {
    float: left;
    display: block;
    border: none;
}
.ad_menu {
    position: absolute;
    width: 167px;
    height: 304px;
    z-index: 1;
    top: 7px;
    right: 12px;
}
ul.menutabs {
    list-style-type: none;
    /*width:120px;*/
    
    margin: 0;
    padding: 0;
    height: 304px;
}
ul.menutabs li {
    float: left;
    display: block;
    position: relative;
    width: 178px;
    height: 75px;
    border-bottom: #F6F6F6 1px solid;
    background-color: #fff;
    z-index: 0;
    margin-bottom: 7px;
    cursor: pointer;
    /*opacity:0.6;*/
    
    -moz-transition: all .4s ease-out;
    -webkit-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;
}
ul.menutabs li.current, ul.menutabs li:hover {
    /*width:120px;*/
    /*opacity:1;*/
    
    margin-left: -8px;
    display: block;
    z-index: 1;
    border: 2px solid #EEE;
    -moz-transition: all .4s ease-out;
    -webkit-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;
}
ul.menutabs li.current a img, ul.menutabs li a img:hover {
    /*border: 1px solid #3eb9b9;*/
}
ul.menutabs li a {
    display: block;
    text-decoration: none;
}
.ad_menu_title {
    float: left;
    width: 65px;
    font-size: 13px;
    line-height: 17px;
    color: #1f5159;
    margin: 4px 0px 0px 5px;
    text-align: left;
    word-wrap: break-word;
}
.ad_menu_des {
    float: left;
    width: 65px;
    font-size: 12px;
    color: #666;
    line-height: 14px;
    margin: 2px 0px 0px 5px;
}
.guide_box {
    float: left;
    width: 330px;
    height: 250px;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-box-shadow: 0px 0px 4px #CCC;
    -webkit-box-shadow: 0px 0px 4px #CCC;
    box-shadow: 0px 0px 4px #CCC;
    margin-left: 4px;
}
.guide_table {
    border: none;
    margin: 10px 15px 10px 15px;
    position: relative;
}
.guide_table td {
    padding: 5px;
}
.guide_table .head_title {
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    margin-bottom: 5px;
}
.guide_table .des {
    font-size: 12px;
    line-height: 16px;
    margin: 0 0 12px 0;
}
.guide_table .apply {
    width: 66px;
    height: 24px;
    overflow: hidden;
    margin: 0;
    cursor: pointer;
    *position: absolute;
    *top: 100px;
    *right: 5px;
}
.guide_table #apply .btn {
    background: url(../images/index/guide_dropdown_arrow.gif) right 0px no-repeat;
    padding: 0 12px 0 0;
    text-decoration: none;
    color: #007B90;
    line-height: 22px;
    border: 1px solid #8ec9d3;
}
.guide_table #apply .btn:hover {
    background: url(../images/index/guide_dropdown_arrow.gif) #0bb2a8 right -22px no-repeat;
    color: #fff;
}
/*20121207新增*/

.guide_table #apply .apply_current {
    background: url(../images/index/guide_dropdown_arrow.gif) #0bb2a8 right -22px no-repeat;
    color: #fff;
}
.guide_table .guide_btn {
    font-size: 12px;
    line-height: 22px;
    padding: 4px 12px 4px 4px;
    text-decoration: none;
}
.guide_table .guide_btn:hover {} .guide_table #apply ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.guide_table #apply li.sub a {
    display: block;
    font-size: 12px;
    line-height: 22px;
    padding: 0 5px;
    color: #fff;
    text-align: left;
    text-decoration: none;
    background: #0bb2a8;
    border-bottom: 1px solid #8ec9d3;
}
.guide_table #apply li.sub a:hover {
    color: #FFC;
}
.serve_box {
    float: right;
    width: 130px;
    height: 250px;
    background: #f0f1df;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fffdf9), to(#f0f1df));
    background: -webkit-linear-gradient(#fffdf9, #f0f1df);
    background: -ms-linear-gradient(#fffdf9, #f0f1df);
    background: -moz-linear-gradient(#fffdf9, #f0f1df);
    background: -o-linear-gradient(#fffdf9, #f0f1df);
    background: linear-gradient(#fffdf9, #f0f1df);
    -pie-background: linear-gradient(#fffdf9, #f0f1df);
    -moz-box-shadow: 0px 0px 4px #CCC;
    -webkit-box-shadow: 0px 0px 4px #CCC;
    box-shadow: 0px 0px 4px #CCC;
    margin-right: 4px;
}
.serve_box ul {
    list-style: none;
}
.serve_box li {
    font-size: 13px;
    font-weight: bold;
    border-bottom: 1px solid #CFD3B9;
    padding: 8px 0 7px;
}
.serve_box li a {
    margin: 0 12px;
    color: #b72303;
    height: 25px;
    line-height: 25px;
    padding: 0 0 0 34px;
    display: block;
}
.serve_box li.last {
    border-bottom: none;
}
.serve_box li a.serve01 {
    background: url(../images/index/web_atm.png) 0 0 no-repeat;
}
.serve_box li .serve01:hover {
    background: url(../images/index/web_atm.png) 0 bottom no-repeat;
    color: #007b90;
}
.serve_box li .serve02 {
    background: url(../images/index/mobile_serv_icon.png) 0 0 no-repeat;
    height: 28px;
    line-height: 28px;
}
.serve_box li .serve02:hover {
    background: url(../images/index/mobile_serv_icon.png) 0 bottom no-repeat;
    color: #007b90;
}
.serve_box li .serve03 {
    background: url(../images/index/e_news_icon.png) 0 0 no-repeat;
}
.serve_box li .serve03:hover {
    background: url(../images/index/e_news_icon.png) 0 bottom no-repeat;
    color: #007b90;
}
.serve_box li .serve04 {
    background: url(../images/index/e_board_icon.png) 0 0 no-repeat;
}
.serve_box li .serve04:hover {
    background: url(../images/index/e_board_icon.png) 0 bottom no-repeat;
    color: #007b90;
}
.serve_box li .serve05 {
    background: url(../images/index/serv_place_icon.png) 1px 0 no-repeat;
}
.serve_box li .serve05:hover {
    background: url(../images/index/serv_place_icon.png) 1px bottom no-repeat;
    color: #007b90;
}
.serve_box li .serve06 {
    background: url(../images/index/e_pp_icon.png) 0 0 no-repeat;
}
.serve_box li .serve06:hover {
    background: url(../images/index/e_pp_icon.png) 0 bottom no-repeat;
    color: #007b90;
}
.vtop, .vtop td {
    vertical-align: top !important;
}
.vmiddle, .vmiddle td {
    vertical-align: middle !important;
}
.vbottom, .vbottom td {
    vertical-align: bottom !important;
}
.space_line {
    height: 1px;
    background-color: #EEEEEE;
    margin: 10px 0px;
    clear: both;
}
.space_line_ver {
    display: none;
    float: left;
    height: 250px;
    width: 1px;
    background-color: #EEEEEE;
    margin: 0px 10px;
}
.err_message {
    background: #FB6C6C none repeat scroll 0px 0px;
    border-radius: 5px;
    color: #FFF !important;
    font-size: 12px !important;
    opacity: 0;
    display: none \0;
    padding: 5px 7px !important;
    position: absolute;
    text-align: left !important;
    top: -20px;
    left: 0px;
    width: 100%;
    z-index: 999999;
    transition: all 0.4s ease 0s;
}
.err_message:before {
    content: "";
    position: absolute;
    display: inline-block;
    z-index: 999;
    border-width: 8px;
    border-style: solid;
    border-color: #FB6C6C transparent transparent;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    left: 10px;
    bottom: -12px;
}
.err_message.active {
    opacity: 1;
    display: block;
    \0;
}
.verity_fail {
    display:inline-block;
 *display:inline;
 *zoom:1;
 color:#F60;
 background:url(../images/icon/alert_icon2.gif) left 2px no-repeat;
 line-height:14px;
 padding:1px 0 1px 17px;
 *padding:2px 0 0 17px;
 margin:0 5px;
}
/****/
/**登出頁**/

.log_out_box {
    float: left;
    width: 322px;
    margin: 0;
    -webkit-box-shadow: 3px 0px 3px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 3px 0px 3px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 3px 0px 3px 0px rgba(0, 0, 0, 0.15);
    min-height: 335px;
}
.log_out_content {
    width: 280px;
    margin: 30px auto;
	padding: 0 14px; 
}
.log_out_content .log_out_text {
    font-size: 12px;
    position: absolute;
    bottom: 100px;
    padding: 10px 0 0 0;
    width: 260px;
}
.log_out_box .time {
    color: #888;
    position: absolute;
    bottom: 70px;
    left: 21px;
	padding: 0 14px; 
}
.log_out_box .btn_block {
    position: absolute;
    bottom: 5px;
    width: 270px;
}
.log_out_box h1 {
    font-size: 20px !important;
    font-weight: bold;
    color: #02948c;
    letter-spacing: 2px;
    line-height: 30px;
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: auto;
}
.log_out_alert {
    color: #ff3300;
    font-size: 12px;
    line-height: 18px;
    font-weight: normal;
    padding: 4px 0;
    letter-spacing: 2px;
    margin: 10px 0;
}
.log_out_alert h6 {
    font-size: 15px;
    color: #ff3300;
    margin: 0 0 10px;
    font-weight: bold;
}
.login {
    display: inline-block;
    font-size: 13px;
    height: 20px;
    line-height: 20px;
    text-decoration: none;
    color: #FFF;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #38a9bd;
    margin-top: 10px;
}
.login:hover {
    background-color: #033;
}
/****/

#HEADER_WRAP {
    float: left;
    width: 100%;
    height: 120px;
    z-index: 10;
}
.logo {
    display: block;
    float: left;
    margin: 20px 0px 0px 0px;
    background: url(../images/index/logo_content.png) no-repeat;
    width: 292px;
    height: 36px;
}
.logo_r {
    display: block;
    float: left;
    margin: 20px 0px 0px 0px;
    background: url(../images/index/logo_content_r.png) no-repeat;
    width: 98px;
    height: 36px;
}
.guide {
    position: absolute;
    width: 92px;
    height: 27px;
    background: #009d97;
    top: 5px;
    right: 0px;
    z-index: 2;
}
#language {
    float: left;
    width: 92px;
    height: 27px;
    overflow: hidden;
    position: relative;
    letter-spacing: 0px;
}
#language:hover {} #language ul {
    float: left;
    width: 92px;
    margin: 0;
    padding: 0;
    list-style-type: none;
}
#language li {
    float: left;
    display: block;
    width: 92px;
    line-height: 23px;
    font-weight: normal;
    text-shadow: -1
    /*{b-body-shadow-x}*/    
    0px
    /*{b-body-shadow-y}*/ 
    0
    /*{b-body-shadow-radius}*/  
    #000
    /*{b-body-shadow-color}*/
    ;
    cursor: pointer;
}
#language li:hover {
    color: #FFC;
}
#language li.title {
    color: #fff; 
    background: url(../images/icon/arrow_w.gif) no-repeat 72px 7px; 
    padding: 0 10px; 
}
#language li.normal {
    font-size: 13px;
    text-align: center;
    color: #FFF;
}
#language li.last {
    font-size: 13px;
    text-align: center;
    color: #FFF;
    -moz-box-shadow: 0px 2px 4px #CCC;
    -webkit-box-shadow: 0px 2px 4px #CCC;
    box-shadow: 0px 2px 4px #CCC;
    /*border-radius:0px 0px 5px 5px;    
-moz-border-radius:0px 0px 5px 5px; 
-webkit-border-radius:0px 0px 5px 5px;*/
}
#language li.normal a {
    float: left;
    display: block;
    position: relative;
    width: 80px;
    height: 30px;
    line-height: 30px;
    font-size: 13px;
    font-weight: normal;
    text-decoration: none;
    text-align: center;
    color: #FFF;
    border-bottom: #FFF 1px solid;
}
#language li.normal a:hover {
    color: #FFC;
}
#language li.last a {
    float: left;
    display: block;
    position: relative;
    width: 80px;
    height: 30px;
    line-height: 30px;
    font-size: 13px;
    font-weight: normal;
    text-decoration: none;
    text-align: center;
    color: #FFF;
}
#language li.last a:hover {
    color: #FFC;
}
.home {
    position: absolute;
    display: block;
    width: 95px;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    text-align: center;
    color: #333;
    top: 0px;
    right: 105px;
    text-shadow: -1
    /*{b-body-shadow-x}*/
    
    0px
    /*{b-body-shadow-y}*/
    
    0
    /*{b-body-shadow-radius}*/
    
    #000
    /*{b-body-shadow-color}*/
    
    ;
    text-decoration: none;
}
.home:hover {
    color: #008aa2;
}
.utility {
    float: right;
    width: 350px;
    height: 20px;
    margin: 50px 8px 0px 0px;
}
.utility.index {
    width: auto;
}
.utility_list {
    height: 20px;
    margin: 0;
    padding: 0 0 0 0;
    list-style-type: none;
}
.utility_list li {
    float: right;
    font-size: 12px;
    text-align: center;
    color: #666;
    line-height: 20px;
    text-indent: 5px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
.utility_list li, .utility_list li a {
    text-decoration: none;
    color: #666;
}
.utility_list li a:hover {
    color: #007B90;
}
.log_out {
    float: right;
    height: 20px;
    text-align: left;
    text-decoration: none;
    color: #666;
    line-height: 20px;
    position: relative;
    padding-left: 18px;
    margin-left: 10px;
}
.log_out:hover {
    color: #007B90;
}
/**字型縮放樣式**/

.resizeFont {
    background: url(../images/icon/icon_resize_font.gif) no-repeat left center;
    background-position: left top \0;
    *background-position: left top;
    display: none;
    position: absolute;
    left: 0px;
    top: 7px;
    padding: 0 0 0 20px;
    margin: 3px 0 0 0;
}
.resizeFont li {
    font-size: 12px;
    line-height: 14px;
    float: left;
    color: #666;
}
.resizeFont li a {
    text-decoration: none;
    font-size: 12px;
}
.resizeFont li a.normal {
    color: #666;
}
.resizeFont li a.normal:hover {
    color: #007b90;
    text-decoration: underline;
}
.resizeFont li a.large {
    color: #666;
}
.resizeFont li a.large:hover {
    color: #007b90;
    text-decoration: underline;
}
.resizeFont li a.current {
    color: #007b90;
    cursor: default;
    text-decoration: none !important;
}
.shop {
    float: right;
    height: 20px;
    font-size: 12px;
    text-align: left;
    text-decoration: none;
    color: #494949;
    line-height: 20px;
    position: relative;
    padding-left: 18px;
    margin-left: 10px;
}
.shop:hover {
    color: #74933C;
}
#CONTENT_WRAP {
    float: left;
    width: 100%;
    z-index: 1;
    position: relative;
    padding-top: 10px;
    min-height: 280px;
}
.index-ad-bg{
    background: #FFF url(../images/index/content_bg_new.jpg) no-repeat top center;
}
.left_wrap {
    float: left;
    width: 164px;
    z-index: 11;
    position: relative;
}
.mid_wrap {
    float: left;
    width: 700px;
    margin-left: 14px;
    z-index: 10;
    position: relative;
}
.right_wrap {
    float: left;
    width: 280px;
    margin-left: 14px;
}
.right_wrap .top_function {
    z-index: 10;
}
.cross_wrap {
    float: left;
    margin-left: 14px;
}
.mid_wrap .cross_wrap {
    /*for 系統*/
    
    margin-left: 0 !important;
}
.mid_wrap .cross_wrap ul.column{
    display: inline-block;
    margin: 0;
}
.top_function {
    float: left;
    width: 100%;
    /*min-height: 90px;*/
    position: relative;
    z-index: 0;
}
.frame_wrap .top_function, .frame_col3_wrap .top_function {
    min-height: 85px !important;
}
.app_left {
    float: left;
    width: 610px;
    height: 200px;
    background-color: #FF0;
    margin-top: 10px
}
.app_right {
    float: left;
    width: 230px;
    height: 200px;
    background-color: #6F6;
    margin-top: 10px;
    margin-left: 7px;
}
.left_frame {
    float: left;
    width: 164px;
    position: relative;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-box-shadow: 0px 0px 4px #CCC;
    -webkit-box-shadow: 0px 0px 4px #CCC;
    box-shadow: 0px 0px 4px #CCC;
    margin-bottom: 10px;
}
.left_frame2 {
    float: left;
    width: 164px;
    position: relative;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-box-shadow: 0px 0px 4px #CCC;
    -webkit-box-shadow: 0px 0px 4px #CCC;
    box-shadow: 0px 0px 4px #CCC;
    margin-top: 10px;
}
.left_menu {
    float: left;
    width: 164px;
    position: relative;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-box-shadow: 0px 0px 4px #CCC;
    -webkit-box-shadow: 0px 0px 4px #CCC;
    box-shadow: 0px 0px 4px #CCC;
    margin-top: 10px;
    z-index: 5;
}
.count {
    color: #AD0011;
    padding-right: 2px;
    font-size: 14px;
}
.reset {
    float: left;
    border: none;
    position: relative;
    display: block;
    height: 20px;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    text-decoration: none;
    color: #FFF;
    padding: 0px 2px;
    margin: 0px 0px 0px 3px;
}
.timer {
    width: 100%;
    display: inline-block;
    text-align: left;
    color: #3F3F3F;
    background: #E5F5F7;
    padding: 5px;
    border: 1px solid #F0F0F0;
    border-radius: 0px;
    box-shadow: 0px !important;
}
.timer p {
    float: left;
    font-size: 12px;
}
.top_function .left_frame.left_frame2 {
    border-radius: 0px;
    box-shadow: 0px 0px 0px #CCC !important;
    margin: 3px 0 5px;
    padding: 0;
}
.top_function .left_frame.left_frame2 .reset {
    float: right;
}
.buttom_space {
    float: left;
    width: 100%;
    height: 0px;
}
.classify_mid {
    float: left;
    width: 150px;
    margin: 6px 0px 0px 6px;
}
.classify_header1 {
    float: left;
    font-size: 15px;
    line-height: 22px;
    margin: 0;
    padding: 5px 0 4px 28px;
    font-weight: bold;
}
.classify_header2 {
    float: left;
    width: 136px;
    height: auto;
    font-size: 15px;
    font-weight: bold;
    line-height: 30px;
    margin-top: 0;
    padding: 0px 0 0px 28px;
    border-bottom: 1px solid #ccc;
}
.classify_header3 {
    float: left;
    width: 136px;
    height: auto: ;
    font-size: 15px;
    font-weight: bold;
    line-height: 30px;
    margin-top: 0;
    padding: 0px 0 0px 28px;
    border-bottom: 1px solid #ccc;
}
/**左邊選單**/

.dropdown {
    float: left;
    display: block;
    position: relative;
}
.dropdown dt.current {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: 100% 100%;
}
.dropdown dt {
    width: 140px;
    height: auto;
    cursor: pointer;
    line-height: 16px;
    text-align: left;
    padding: 7px 5px;
    margin: 0;
}
.dropdown dt a, .dropdown dt a:active, .dropdown dt a:visited {
    text-decoration: none;
}
.dropdown dt a:hover, .dropdown dt:hover a {
    display: block;
    text-decoration: none;
}
.dropdown .upperdd {
    border-bottom: #E4E4E4 1px solid;
}
.dropdown dd {
    width: 200px;
    position: absolute;
    top: 0px;
    display: none;
}
.dropdown dd ul {
    list-style: none;
}
.dropdown dd li {
    width: 180px;
    float: left;
    display: block;
    margin: 0 10px;
}
.dropdown dd li a, .dropdown dd li a:active, .dropdown dd li a:visited {
    display: block;
    padding: 7px 0;
    color: #FFF;
    text-decoration: none;
    line-height: 16px;
    text-align: left;
}
.left_single {
    float: left;
    width: 100%;
    border-bottom: #CCC 1px solid;
}
.left_single a {
    float: left;
    display: block;
    width: 100%;
    line-height: 16px;
    padding: 5px 0px;
    text-align: left;
    color: #606060;
    text-decoration: none;
}
.left_single a:hover {
    text-decoration: underline;
}
.left_single_last {
    float: left;
    width: 100%;
    overflow: hidden;
}
.left_single_last a {
    float: left;
    display: block;
    width: 100%;
    font-size: 12px;
    line-height: 16px;
    text-align: left;
    color: #606060;
    text-decoration: none;
    padding: 5px 0;
}
.left_single_last a:hover {
    text-decoration: underline;
}
.left_multi {
    border-bottom: #CCC 1px solid;
    margin-bottom: 5px;
}
.left_multi .date {
    height: 15px;
    line-height: 15px;
    text-align: left;
    margin-bottom: 3px;
}
.left_multi a.des {
    display: block;
    line-height: 15px;
    text-align: left;
    color: #4C5141;
    text-decoration: none;
    padding-bottom: 5px;
}
.left_multi a.des:hover {
    color: #007b90;
}
.left_multi_last {} .left_multi_last .date {
    height: 15px;
    font-size: 12px;
    line-height: 15px;
    text-align: left;
    margin-bottom: 3px;
    margin-top: 10px;
}
.left_multi_last a.des {
    display: block;
    font-size: 12px;
    line-height: 15px;
    text-align: left;
    color: #4C5141;
    text-decoration: none;
    padding-bottom: 5px;
}
.left_multi_last a.des:hover {
    color: #007B90;
}
/**新增左邊廣告**/

.left_ad {
    display: block;
    width: 150px;
    border: none;
    margin-top: 5px;
}
.ad_left_text {
    display: none;
    text-decoration: none;
    font-size: 12px;
    line-height: 15px;
    color: #4C5141;
    text-align: left;
    margin-top: 5px;
}
.ad_left_text:hover {
    color: #007b90;
}
.path {
    height: 20px;
    margin: 6px 0px 8px 0px;
}
.path ul {
    float: left;
    margin: 0;
    padding: 0;
    list-style-type: none;
    white-space: nowrap;
    /* 不斷行 */
}
.path ul li {
    display: inline;
    line-height: 20px;
    text-align: left;
    color: #aaa;
    padding: 0px 2px 0px 2px;
}
.path ul li a {
    text-decoration: none;
    line-height: 20px;
    text-align: left;
    color: #aaa;
    display: inline-block;
}
.path ul li a:hover {
    text-decoration: underline;
    color: #F60;
}
.path ul li.current {
    cursor: default !important;
    font-weight: bold;
    color: #999;
}
.path ul li.current:hover {
    text-decoration: none;
    color: #999;
}
.unit {
    display: inline-block;
    font-size: 15px;
    line-height: 20px;
    text-align: left;
    color: #3B4710;
    margin: 0 0 5px;
}
.unit p {
    margin: 0;
    padding: 0;
    float: left;
    font-size: 15px;
    color: #333;
    display: none;
}
.fav_btn {
    float: left;
    border: none;
    position: relative;
    display: block;
    height: 24px;
    font-size: 12px;
    line-height: 24px;
    font-weight: normal;
    text-align: left;
    text-decoration: none;
    color: #fff;
    padding: 0 0 0 30px;
    margin-left: 0;
}
.fav_btn span {
    display: block;
    padding: 0 10px 0 0;
}
.fav_btn:hover, .fav_btn span:hover {
    background-position-y: -24px;
}
.fav_remove_btn {
    float: left;
    border: none;
    position: relative;
    display: block;
    height: 24px;
    font-size: 12px;
    line-height: 24px;
    font-weight: normal;
    text-align: left;
    text-decoration: none;
    color: #fff;
    padding: 0px 0 0px 30px;
    margin-left: 0;
}
.fav_remove_btn span {
    display: block;
    padding: 0 10px 0 0;
}
.fav_remove_btn:hover, .fav_remove_btn span:hover {
    background-position-y: -24px;
}
.rec {
    min-height: 20px;
    font-size: 12px;
    font-weight: normal;
    line-height: 20px;
    color: #7F7F7F;
    padding: 0px 0 4px 4px;
}
.rec .name {
    font-weight: bold;
    color: #111;
    padding-right: 5px;
}
.my_fav {
    cursor: pointer;
    display: block;
    height: 25px;
    left: 0px;
    overflow: hidden;
    position: relative;
    /*top: 58px;*/
    width: 100%;
    z-index: 2;
}
.fav_list {
    float: left;
    width: 100%;
    position: relative;
    list-style-type: none;
    background: #009d97 !important;
    color: #fff !important;
}
.fav_list ul {
    margin: 0;
}
/*.fav_list ul li{
margin:0;
*/
}
.fav_list:hover {
    position: relative;
}
.fav_list li.title {
    position: relative;
    height: 25px;
    font-size: 12px;
    line-height: 25px;
    letter-spacing: 1px;
    font-weight: bold;
    text-align: left;
    text-decoration: none;
    border-bottom: 1px solid #ccc;
    color: #fff !important;
    width: 100% !important;
}
.fav_list li.title img {
    position: absolute;
    left: 130px;
    top: 7px;
}
.fav_list li {
    float: left;
    display: inline;
    width: 260px;
    padding-left: 10px;
    border-bottom: #CCC 1px solid;
}
.fav_list li a {
    width: 150px;
    text-decoration: none;
    font-size: 12px;
    line-height: 15px;
    font-weight: normal;
    text-align: left;
    padding-top: 5px;
    padding-bottom: 5px;
    display: inline-block;
    /* 水平內顯示為區塊 */
    
    color: #fff !important;
}
.fav_list li a:hover {
    text-decoration: underline;
}
.fav_list li.last {
    border-bottom: none;
}
.sys_time {
    width: auto;
    padding-left: 15px;
    float: right;
    background: url(../images/icon/time_icon.png) 0 3px no-repeat;
}
.sys_time p {
    margin: 0 8px 0 0;
    /*padding:0 0 0 16px;*/
    
    float: right;
    font-size: 12px;
    line-height: 18px;
}
.sys_time img {
    float: right;
    margin: 4px 5px 0px 0px;
}
.page_set {
    float: left;
    border: none;
    position: relative;
    display: block;
    height: 24px;
    font-size: 12px;
    line-height: 24px;
    font-weight: normal;
    text-align: left;
    text-decoration: none;
    color: #FFF;
    padding: 0px 0 0px 30px;
    margin-left: 0;
}
.page_set span {
    display: block;
    padding: 0 10px 0 0;
}
.page_set:hover, .page_set span:hover {
    background-position-y: -24px;
}
.help_btn {
    background: url(../images/icon/help_btn2.gif) repeat-x left 0;
    float: left;
    display: block;
    font-size: 12px;
    line-height: 24px;
    height: 24px;
    color: #ff6000;
    text-decoration: none;
    padding: 0 0 0 8px;
    margin: 0 5px 0 0;
}
.help_btn span {
    display: block;
    padding: 0 8px 0 0;
    background: url(../images/icon/help_btn2.gif) repeat-x right 0;
}
.help_btn:hover, .help_btn span:hover {
    background-position-y: -24px;
}
.mid_ad {
    /*float:left; */
    display: inline-block;
    width: 100%;
    margin: 0 0 0px !important; 
}
.mid_ad a {
    display: block;
    text-align: center;
}
.mid_ad img {
    width: auto;
    height: auto;
}
.app_mid_frame img.mid_ad_E {
    width: 640px;
    height: 151px;
 margin-bottom:-20px;
}
.mid_ad .ad_rate_A {
    display: block;
    position: relative;
}
.mid_ad .ad_rate_A span {
    display: block;
    position: absolute;
    top: 27px; 
    right: 60px;
    font-size: 60px;
    line-height: 60px;
    color: #fff;
    width: 134px;
    text-align: center;
    font-weight: bold;
    letter-spacing: 0;
    text-decoration: none;
}
.right_ad {
    /*float:left; */
    
    margin: 0;
}
.right_wrap .right_ad{
    display: inline-block;
    width: 100%;
    margin: 5px 0 0px !important;
}
.right_ad a {
    display: block;
    text-align: center;
}
.right_ad img {
    width: auto;
    height: auto;
}
.right_ad img, .mid_ad img, .right_ad a img, .mid_ad a img, .classify_mid img {
    margin: 0 0 10px 0;
    border: 1px solid #ccc;
}
.right_ad .ad_rate_A {
    display: block;
    position: relative;
}
.right_ad .ad_rate_A span {
    display: block;
    position: absolute;
    top: 75px;
    right: 50px;
    font-size: 33px;
    line-height: 30px;
    color: #fff;
    width: 58px;
    text-align: center;
    font-weight: bold;
    letter-spacing: 0;
    text-decoration: none;
}
.classify_mid .ad_rate_A {
    display: block;
    position: relative;
    width: 150px;
    height: 74px;
}
.classify_mid .ad_rate_A img {
    width: 150px;
    height: 74px;
}
.classify_mid .ad_rate_A span {
    display: block;
    position: absolute;
    top: 36px;
    right: 12px;
    font-size: 22px;
    line-height: 22px;
    color: #fff;
    width: 58px;
    text-align: center;
    font-weight: bold;
    letter-spacing: 0;
    text-decoration: none;
}
#FOOTER_WRAP {
    /*border-top: 2px solid #3eb9b9;*/
    float: left;
    width: 100%;
    text-align: left;
    margin: 20px 0 0 0;
    position: relative;
    z-index: -1;
}
.footer_nav {
    /*float:left;
width:720px;*/
    
    margin: 0 auto;
    padding: 20px 0 0 0;
    line-height: 22px;
}
.footer_nav .copy_right {
    color: #b0b0b0;
    margin-top: 5px;
    font-size: 12px;
    display: block;
}
.footer_nav ul {
    margin: 0;
    padding: 0;
}
.footer_nav ul li {
    display: inline;
    padding: 0px 2px;
}
.footer_nav ul li a {
    color: #1bb2b2;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    text-decoration: none;
    font-size: 13px;
}
.footer_nav ul li.address a {
    color: #333 !important;
}
.footer_nav ul li a:hover {
    text-decoration: underline;
}
.device_frame {
    position: absolute;
    top: 20px;
    right: 140px;
    z-index: 2;
}
.device_btn1 {
    border: none;
    display: block;
    width: 66px;
    height: 20px;
    font-size: 12px;
    line-height: 20px;
    font-weight: normal;
    text-align: center;
    text-decoration: none;
    color: #fff !important;
    padding: 0 0 0 10px;
    background: url(../images/icon/device_btn1.gif) no-repeat 0 0;
    -moz-box-shadow: 0px 0px 4px #CCC;
    -webkit-box-shadow: 0px 0px 4px #CCC;
    box-shadow: 0px 0px 4px #CCC;
    margin: 0 0 0 10px;
}
.device_btn1:hover {
    background: url(../images/icon/device_btn1.gif) no-repeat 0 -20px;
}
.device_btn2 {
    border: none;
    display: block;
    width: 80px;
    height: 20px;
    font-size: 12px;
    line-height: 20px;
    font-weight: normal;
    text-align: center;
    text-decoration: none;
    color: #fff !important;
    padding: 0 0 0 0px;
    background: url(../images/icon/device_btn.gif) no-repeat 0 0;
    -moz-box-shadow: 0px 0px 4px #CCC;
    -webkit-box-shadow: 0px 0px 4px #CCC;
    box-shadow: 0px 0px 4px #CCC;
    margin: 0;
}
.device_btn2:hover {
    background: url(../images/icon/device_btn.gif) no-repeat 0 -20px;
}
.device_btn3 {
    border: none;
    display: block;
    width: 60px;
    height: 20px;
    font-size: 12px;
    line-height: 20px;
    font-weight: normal;
    text-align: center;
    text-decoration: none;
    color: #fff !important;
    padding: 0 0 0 0px;
    background: url(../images/icon/device_btn.gif) no-repeat 0 0;
    -moz-box-shadow: 0px 0px 4px #CCC;
    -webkit-box-shadow: 0px 0px 4px #CCC;
    box-shadow: 0px 0px 4px #CCC;
    margin: 0;
}
.device_btn3:hover {
    background: url(../images/icon/device_btn.gif) no-repeat 0 -20px;
}
li.current .device_btn3, li.current .device_btn2 {
    background: #b16c00 url(../images/icon/device_btn_curr.gif) no-repeat left center;
    border: 2px solid #b8710c;
    border-bottom: 1px solid #ee9f22;
    border-right: 1px solid #ee9f22;
    cursor: default;
    color: #5e3900 !important;
}
.center_wrap {
    position: relative;
    width: 998px;
    margin: 0 auto;
}
/**color box**/

.mysetting_big_wrap {
    width: 720px;
    height: 641px;
    position: relative;
    background: url(../images/icon/setting_bg.png) no-repeat;
}
.mysetting_wrap {
    float: left;
    width: 710px;
    height: 600px;
    position: relative;
    background: #FFF;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: #666 0px 0px 3px;
    -moz-box-shadow: #666 0px 0px 3px;
    box-shadow: #666 0px 0px 3px;
    margin: 33px 0px 0px 5px;
}
.mysetting_box {
    float: left;
    width: 682px;
    margin: 14px 0px 0px 14px;
}
/**content**/

#content {
    float: left;
    width: 834px;
}
.frame_wrap {
        position: relative;
    width: 1000px;
    overflow: hidden;
    margin: 0 auto;
}
.frame_col3_wrap {
    float: left;
    width: 1000px;
    position: relative;
}
/**中間內容**/

p {
    display: block;
    -webkit-margin-before: 0px;
    -webkit-margin-after: 0px;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    padding: 0;
    margin: 0;
}
strong {
    font-weight: bold;
}
/**中間panel**/

.app_mid_frame {
    float: left;
    width: 100%;
    background: #fff;
    position: relative;
    border: 1px solid #f0f0f0;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    padding: 0 14px;
    margin-bottom: 10px;
}
.app_mid_frame_on {
    border: 1px solid #b5cad6;
    -moz-box-shadow: 1px 1px 5px #ccc;
    -webkit-box-shadow: 1px 1px 5px #ccc;
    box-shadow: 1px 1px 5px #ccc;
}
.app_mid_frame .app_title {
    position: relative;
    height: auto;
    border-bottom: 1px solid #D2D2D2;
}
.app_mid_frame .app_title p {
    font-size: 15px;
    color: #4C5141;
    line-height: 22px;
    padding: 6px 16px 6px 20px;
}
.app_mid_frame .app_content {
    margin-top: 5px;
}
.app_content p {
    margin: 5px 0;
    font-size: 13px;
    line-height: 20px;
}
.app_content .title {
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 1px;
    margin-bottom: 5px;
}
.app_content .text {
    color: #666;
    line-height: 18px;
    letter-spacing: 1px;
    word-wrap: break-word;
}
/**右邊panel**/

.app_right_frame {
    float: left;
    width: 100%;
    padding: 0 5px;
    background: #fff;
    position: relative;
    border: 1px solid #f0f0f0;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    margin-bottom: 10px;
    z-index: 0;
}
.app_right_frame_on {
    border: 1px solid #b5cad6;
    -moz-box-shadow: -1px -1px 5px #ccc;
    -webkit-box-shadow: -1px -1px 5px #ccc;
    box-shadow: -1px -1px 5px #ccc;
}
.app_right_frame td {
    font-size: 13px !important;
    line-height: 15px !important;
    padding: 2px !important;
}
.app_right_frame td.hd {
    padding: 2px 0 !important;
}
.app_right_frame .trade_date {
    font-size: 10px;
    color: #666;
}
.app_right_frame .app_title {
    width: 212px;
    position: relative;
    height: auto;
    border-bottom: 1px solid #D2D2D2;
}
.app_right_frame .app_title p {
    font-size: 15px;
    color: #4C5141;
    line-height: 22px;
    padding: 6px 16px 6px 20px;
}
.app_right_frame .app_content {
    margin-top: 5px;
}
/**跨兩欄式panel**/

.app_cross_frame {
    float: left;
    width: 789px;
    padding: 0 14px 0 14px;
    background: #FFF;
    position: relative;
    border: 1px solid #ccc;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    margin-top: 10px;
    z-index: 0;
}
.app_cross_frame .app_title {
    position: relative;
    height: auto;
    border-bottom: 1px solid #D2D2D2;
}
.app_cross_frame .app_title p {
    font-size: 15px;
    line-height: 22px;
    padding: 6px 16px 6px 20px;
}
.func_title {
    font-size: 15px;
    line-height: 24px;
    padding: 0 0 0 16px;
    margin: 4px 0 7px 0;
    position: relative;
    font-weight: bold;
    color: #006083;
    background: url(../images/icon/func_title.gif) no-repeat 1px center;
}
.app_cross_frame .app_content {
    margin-top: 5px;
}
.app_cross_frame .app_content .title {
    font-size: 13px;
    line-height: 20px;
    margin: 5px 0;
}
.app_cross_frame .app_content .text {
    color: #666;
    line-height: 20px;
}
.app_cross_frame .table_hor .hd, .app_cross_frame .table_hor td {
    border-bottom: 1px solid #b3dc88;
}
.app_cross_frame .bd_lt, .app_cross_frame .bd_lt td {
    border-left: 2px solid #b3dc88 !important;
}
.winpop_content .table_hor td, #apply .table_hor td, #applyNbDialog .table_hor td {
    border-bottom: 1px solid #eee;
}
.winpop_content .table_ver td {
    border-left: 1px solid #ccc !important;
    border-right: 1px solid #ccc !important;
    border-top: 1px solid #ccc !important;
}
.winpop_content .table_ver .hd {
    border-bottom: #ccc 2px solid !important;
    border-bottom: 1px solid #009d97 !important;
}
.winpop_content .table_hor, #apply .table_hor, #applyNbDialog .table_hor {
    border-bottom: 2px solid #b3dc88;
    border-top: 1px solid #eee;
}
.trans_fail {
    color: #cd0000;
    padding: 1px 0 0 22px;
    line-height: 16px;
    background: url(../images/icon/result_fail.gif) no-repeat 2px 1px
}
.trans_succ {
    color: #004724;
    padding: 1px 0 0 22px;
    line-height: 16px;
    background: url(../images/icon/result_succ.gif) no-repeat 2px 1px;
}
.trans_cancel {
    color: #cd0000;
    padding: 1px 0 0 22px;
    line-height: 16px;
    background: url(../images/icon/result_fail.gif) no-repeat 2px 1px;
}
.trans_alert {
    color: #cd0000;
    padding: 1px 0 0 22px;
    line-height: 16px;
    background: url(../images/icon/result_fail.gif) no-repeat 2px 1px
}
/**多筆表格 交易資訊樣式**/

.table_ver .trans_fail, .table_ver_f .trans_fail, .table_oview .trans_fail {
    color: #cd0000;
    background: none;
    padding: 0;
}
.table_ver .trans_succ, .table_ver_f .trans_succ, .table_oview .trans_succ {
    color: #004724;
    background: none;
    padding: 0;
}
.table_ver .trans_cancel, .table_ver_f .trans_cancel, .table_oview .trans_cancel {
    color: #cd0000;
    background: none;
    padding: 0;
}
.table_ver .trans_alert, .table_ver_f .trans_alert, .table_oview .trans_alert {
    color: #cd0000;
    background: none;
    padding: 0;
}
/**表格_多筆**/

.table_ver {
    width: 100%;
    /*table-layout:fixed;*/
    word-wrap: break-word;
    border-bottom: 2px solid #2bbdca;
}
.table_ver .hd {
    /*background:url(../images/icon/table_ver_hd.gif) #eff9e2 repeat-x left bottom;*/
    background: #22c3c6;
    text-align: center;
    /*border-bottom:#b3dc88 2px solid;*/
    color: #333;
    font-size: 14px !important;
    font-weight: bold;
    padding: 10px 5px;
    vertical-align: middle;
}
.table_ver .hd_title2 {
    /*上下2層標題時,上層使用的樣式*/
    background: #ceeda5;
    text-align: center;
    border-bottom: #b3dc88 1px solid;
    font-size: 13px;
    vertical-align: middle;
}
.table_ver .hd_subtit {
    /*雙標題*/
    
    background: #f6fff0;
    text-align: center;
    font-size: 13px;
    vertical-align: middle;
}
.table_ver td {
    border: #eee 1px solid;
    text-align: center;
    padding: 2px 4px;
    line-height: 20px;
    /*word-wrap:break-word;
    word-break: break-all;*/
    vertical-align: top;
    font-size: 13px !important;
}
.table_ver .subtitle {
    font-size: 13px;
    line-height: 16px;
    padding: 8px 10px;
    text-align: center;
    vertical-align: middle;
    background: #f9faf5;
}
.table_ver .maintit {
    background: #fff;
    border-top: 1px solid #fff !important;
    border-left: 1px solid #fff !important;
    border-right: 1px solid #fff !important;
    text-align: left;
    padding: 2px 0;
}
.table_ver .table_ver_bt {
    border-top: 2px solid #b3dc88;
}
.table_ver .table_ver_bt td {
    *border-top: 2px solid #b3dc88;
}
/*黃金存摺投資表格*/

.invesReg_table .table_ver .hd {
    border-bottom: 3px double #b3dc88;
    border-top: 3px double #b3dc88;
}
.invesReg_table .table_ver .hd_main {
    border-bottom: 3px double #b3dc88;
    border-top: 3px double #b3dc88;
    background: #e5f5bf;
}
.invesReg_table .setting {
    font-weight: bold;
}
.invesReg_table td {
    white-space: nowrap;
}
.invesReg_table label.m0 {
    position: relative;
    width: 100%;
    text-align: left;
    padding-left: 50px;
}
.invesReg_table label.m0 input.radio_style {
    position: absolute;
    left: 30px;
    top:4px;
}
/**表格_單筆**/

.table_hor {
    width: 100%;
    word-wrap: break-word;
    margin-bottom: 5px;
    table-layout: ;
    border-bottom: 2px solid #22c3c6;
    border-top: 1px solid #eee;
}
.table_hor table {
    /*20130103清除第2個表格框線邊距*/
    
    margin-bottom: 0;
    border-bottom: none;
}
.table_hor .hd {
    word-break: break-word;
    word-wrap:break-word;
    background-color: #22c3c6;
    text-align: right;
    font-size: 13px;
    line-height: 20px;
    padding: 4px;
    vertical-align: middle;
    color: #fff;
}
.table_hor .hd label {
    display: inline;
    margin: 0;
}
.table_hor .hd2 {
    background: #eff9e2 url(../images/index/table_horhd2_bg.gif) repeat-x top;
    word-break: break-all;
    text-align: left;
    font-size: 13px;
    line-height: 20px;
    padding: 4px 8px;
    vertical-align: middle;
}
.table_hor .hd_title2 {
    background-color: #eff9e2;
    text-align: left;
    font-size: 13px;
    line-height: 20px;
    padding: 4px;
    vertical-align: middle;
}
.table_hor td {
    /*word-break: break-all;*/
    border-left: none;
    border-right: none;
    border-bottom: #eeeeee 1px solid;
    text-align: left;
    padding: 4px;
    line-height: 20px;
    word-wrap: break-word;
    vertical-align: middle;
    font-size: 13px !important;
}
.table_hor .maintit {
    background: #fff;
    border-top: 1px solid #fff !important;
    border-left: 1px solid #fff !important;
    border-right: 1px solid #fff !important;
    border-bottom: 1px solid #eee !important;
    text-align: left;
    padding: 2px 0;
}
.table_hor .maintit div {
    margin-top: 0;
}
.table_hor td.p0 {
    padding: 0;
}
.table_hor td .table_ver {
    margin: 0;
    border: none;
}
.table_hor td .table_ver td {
    text-align: center;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
}
.table_hor .current, .table_hor .current td {
    background: #fffcce;
}
.table_hor .subtitle {
    font-size: 13px;
    line-height: 18px;
    padding: 4px;
    text-align: left;
    font-weight: bold;
    background: #EFFFC8;
}
.table_hor .trans_fail {
    color: #cd0000;
    padding: 1px 0 0 30px;
    line-height: 24px;
    font-size: 16px;
    background: url(../images/icon/result_fail.gif) no-repeat 8px 6px
}
.table_hor .trans_succ {
    color: #004724;
    padding: 1px 0 0 30px;
    line-height: 24px;
    font-size: 16px;
    background: url(../images/icon/result_succ.gif) no-repeat 8px 6px;
}
.table_hor .trans_cancel {
    color: #cd0000;
    padding: 1px 0 0 30px;
    line-height: 24px;
    font-size: 16px;
    background: url(../images/icon/result_fail.gif) no-repeat 8px 6px;
}
.table_hor .trans_alert {
    color: #cd0000;
    padding: 1px 0 0 30px;
    line-height: 24px;
    font-size: 16px;
    background: url(../images/icon/result_fail.gif) no-repeat 8px 6px
}
.table_hor .InternationalMagneticStripe_succ {/**for磁條跨國交易設定成功用文案樣式**/
	color: #cd0000;
    padding: 1px 0 0 8px;
    line-height: 24px;
    font-size: 16px;
}
.hd_bg {
    background-color: #e2f6b2 !important;
}
.td_bg {
    background: #f6ffe0;
}
.bd_bott, .bd_bott td {
    border-bottom: 2px solid #b3dc88;
}
.bd_lt, .bd_lt td {
    border-left: 2px solid #e3ebd9;
}
.lt, .lt td {
    text-align: left !important;
}
.rt, .rt td {
    text-align: right !important;
}
.ct, .ct td {
    text-align: center !important;
}
/*20140403新增result顯示*/

.result_fail {
    color: #cd0000;
    padding: 1px 0 0 30px;
    line-height: 24px;
    font-size: 16px;
    background: url(../images/icon/result_fail.gif) no-repeat 8px 8px;
}
.result_fail_block {
    padding: 3px 10px 5px 27px;
    border: 2px solid #f9d5d5;
    background-color: #fef4f4;
    margin: 8px 0;
}
.result_succ {
    color: #004724;
    padding: 1px 0 0 30px;
    line-height: 24px;
    font-size: 16px;
    background: url(../images/icon/result_succ.gif) no-repeat 8px 8px;
}
.result_succ_block {
    padding: 3px 10px 5px 27px;
    border: 2px solid #B3DC88;
    background-color: #f7feee;
    margin: 8px 0;
}
/**小計樣式**/

.sum_single td {
    background: #e7f9f9;
    border-bottom: 2px solid #333 !important;
    font-size: 13px;
    padding: 4px;
}
.frame_col3_wrap .sum_single td {
    font-size: 12px;
}
.sum_multi {
    font-size: 12px;
    text-align: center;
    background: #fff;
    border-bottom: 2px solid #ffac08;
    text-align: center;
}
.sumTitle {
    font-size: 13px;
    line-height: 18px;
    color: #ffac08;
    background: url(../images/icon/icon_sumTitle.gif) no-repeat 0 5px;
    margin: 5px 0 3px 0;
    padding: 5px 0 0 16px;
    padding: 8px 0 0 16px \9;
    font-weight: bold;
}
.sumTitle h6{
    margin: 0
}
.sum_multi td {
    padding: 4px;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #ffdb94;
    border-left: 1px solid #eee;
}
.sum_tdtitle, .sum_tdtitle td {
    background: #ffeecc;
    font-size: 13px;
    border-bottom: 1px solid #ffdb94;
}
.sum_tdtitle2 {
    background: #fff8eb;
    font-size: 13px;
}
.sum_num {
    color: #ff3300;
}
.sum_units {
    color: #049b00;
    text-align: right;
}
.btn_block {
    margin: 20px 0;
    text-align: center;
    display: block;
    font-size: 12px;
}
.display_btn {
    font-size: 12px;
    color: #09F !important;
    text-decoration: none;
}
.display_btn:hover {
    color: #F30;
    text-decoration: underline;
}
a.btn {
    text-decoration: none !important;
}
a.btn, .foot-icons a, .online-web a,
a.btn:hover, .foot-icons a:hover, .online-web a:hover {
    text-decoration: none !important;
}
a.btn_tb {
    font-size: 12px;
    font-weight: normal;
    line-height: 16px;
    *line-height: 17px;
    padding: 2px 4px;
    *padding: 2px 4px 1px;
    color: #fff !important;
    text-decoration: none;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    text-align: center;
    margin: 3px auto;
}
a.btn_disabled {
    background: #ccc;
    font-size: 12px;
    line-height: 16px;
    padding: 2px 4px;
    color: #fff;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    margin: 3px auto;
    cursor: default !important;
}
input.btn_tb {
    font-size: 12px;
    line-height: 20px;
    height: 20px;
    text-align: center;
    margin: 2px 1px;
    color: #fff;
    cursor: pointer;
    border: none;
    padding: 0 5px;
    *padding: 0;
    *min-width: 60px;
}
input.btn_disabled {
    background: #ccc;
    font-size: 12px;
    line-height: 20px;
    height: 20px;
    text-align: center;
    margin: 2px 1px;
    color: #fff;
    cursor: default;
    border: none;
    padding: 0 5px;
    *padding: 0;
    *min-width: 60px;
}
.btn_block a.btn_disabled {
    background: #ccc;
    font-size: 16px;
    line-height: 18px;
    padding: 8px 10px;
    color: #fff;
    text-decoration: none;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    text-align: center;
    margin: 0 3px;
    cursor: default !important;
}
a.btn_tb span.arrow {
    background: url(../images/icon/icon_arrow.gif) no-repeat left center;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding: 0 0 0 15px;
}
.btn_sendSMS {
    background: url(../images/icon/btn_sendSMS.png) no-repeat;
    border: none;
    width: 123px;
    height: 37px;
    padding: 0 0 0 22px;
    margin: 0;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    cursor: pointer;
    vertical-align: middle;
    color: #fff;
    font-size: 13px;
    line-height: 37px;
}
.btn_sendSMS_disabled {
    background: url(../images/icon/btn_sendSMS_disabled.png) no-repeat;
    border: none;
    width: 123px;
    height: 37px;
    padding: 0 0 0 22px;
    margin: 0;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    cursor: pointer;
    vertical-align: middle;
    color: #fff;
    font-size: 13px;
    line-height: 37px;
}
.btn_sendSMS:hover, .btn_sendSMS_disabled:hover {
    padding: 1px 0 0 24px;
}
.btn_sendSMS:hover, .btn_sendSMS_disabled:hover {
    *padding: 0 0 0 22px;
}
.link_sendSMS {
    background: url(../images/icon/btn_sendSMS.png) no-repeat;
    border: none;
    height: 37px;
    padding: 0 10px 0 32px;
    margin: 0;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    cursor: pointer;
    vertical-align: middle;
    color: #fff;
    font-size: 13px;
    line-height: 37px;
}
.link_sendSMS_disabled {
    background: url(../images/icon/btn_sendSMS_disabled.png) no-repeat;
    border: none;
    height: 37px;
    padding: 0 10px 0 32px;
    margin: 0;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    cursor: pointer;
    vertical-align: middle;
    color: #fff;
    font-size: 13px;
    line-height: 37px;
}
.link_sendSMS:hover, .link_sendSMS_disabled:hover {
    padding: 0 10px 0 32px;
}
.link_sendSMS:hover, .link_sendSMS_disabled:hover {
    *padding: 0 10px 0 32px;
}
/*說明question mark*/

a.link_qmark {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    background: url(../images/icon/help_btn.gif) no-repeat 0 0;
    padding: 0;
    margin: 0 0 0 5px;
    text-indent: 999px;
    overflow: hidden;
    width: 16px;
    height: 16px;
    line-height: 18px;
    vertical-align: middle;
}
a.link_03011_qmark {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    background: url(../images/icon/help_btn.gif) no-repeat 0 0;
    padding: 0;
    margin: 0 0 0 0;
    text-indent: 999px;
    overflow: hidden;
    width: 16px;
    height: 16px;
    line-height: 18px;
    vertical-align: middle;
}
a.link_qmark:hover {
    background: url(../images/icon/help_btn.gif) no-repeat 0 -16px;
}
.formula_fund {
    /*20121211修改：column更名為formula_fund*/
    
    display: inline-block;
    padding: 2px 4px;
    margin: 2px 0;
    border: 1px solid #ccc;
}
.column_title {
    text-align: left;
    font-size: 13px;
    line-height: 26px;
    color: #5f3f14;
    background: url(../images/icon/notice_bg.gif) #fffae5 no-repeat left top;
    padding: 0px 12px;
}
.column_title a.link_style {
    color: #ffc;
    text-decoration: none;
    margin: 0 5px;
}
.column_title a.link_style:hover {
    text-decoration: underline;
}
.extra_confmsg {
    background: #ecfbff;
    padding: 4px 10px;
    font-size: 13px;
    line-height: 22px;
    margin: 4px 0;
    border: 1px dotted #358B9F;
}
.column_title_red {
    /*background:url(../images/icon/column_title_imp.gif) no-repeat 0 5px;
*background:url(../images/icon/column_title_imp.gif) no-repeat 0 3px;*/
    
    border: 1px solid #ffdfd7;
    font-size: 13px;
    color: #f30;
    padding: 5px 0;
    margin: 5px 0;
    text-align: center;
}
.table_title {
    width: 100%;
    height: 26px;
    font-size: 13px;
    line-height: 26px;
    color: #358B9F;
    margin-bottom: 5px;
}
.table_cus1_text {
    display: block;
    line-height: 16px;
    color: #4C5141;
    padding: 0px 5px 0px 5px;
    margin: 10px 0px 10px 0px;
    letter-spacing: 1px;
    word-wrap: break-word;
}
.table_text {
    display: block;
    line-height: 16px;
    color: #4C5141;
    padding: 0px 5px 0px 5px;
    margin: 5px 0px 5px 0px;
    letter-spacing: 1px;
    word-wrap: break-word;
}
.trade_date {
    color: #4C5141;
    line-height: 18px;
    margin: 3px 0 0 0;
}
.table_font {
    width: 100%;
    color: #4C5141;
    font-size: 12px;
    line-height: 16px;
    margin: 5px;
    word-wrap: break-word;
}
.column_alert {
    border-top: #b3dc88 1px solid;
    border-left: #b3dc88 1px solid;
    border-right: #b3dc88 1px solid;
    background-color: #FFE6E1;
}
.column_alert td {
    height: 36px;
    word-break: break-all;
    border-bottom: #b3dc88 1px solid;
}
.column_alert td.border_right {
    word-break: break-all;
    border-bottom: #b3dc88 1px solid;
    border-right: #b3dc88 1px solid;
}
.column_alert td.title {
    height: 36px;
    word-break: break-all;
    background-color: #eff9e2;
    border-bottom: #b3dc88 1px solid;
}
.column_alert td.title_border_right {
    height: 36px;
    word-break: break-all;
    background-color: #eff9e2;
    text-align: right;
    border-bottom: #b3dc88 1px solid;
    border-right: #b3dc88 1px solid;
}
.column_alert td.title_border_right span {
    float: right;
    font-size: 13px;
    line-height: 16px;
    color: #4C5141;
    margin: 5px 0px 5px 0px;
    padding: 0px 5px 0px 5px;
}
label {
    margin: 2px 15px 2px 0;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
/*for系統用*/

span.m0 label {
    padding: 0 !important;
    margin: 0 !important;
}
label.m0 {
    padding: 0;
    margin: 0;
}
label .radio_style {
    margin: -2px 3px 0 0;
    vertical-align: middle;
}
label .check_style {
    margin: -2px 3px 0 0;
    vertical-align: middle;
}
.radio_style {
    vertical-align: middle;
    margin: 2px 0;
}
.check_style {
    vertical-align: middle;
    margin: 2px 0;
}
.gap-10{
    margin-right: 5px;
    margin-left: 5px;
}
.td_check {
    vertical-align: middle !important;
}
.input_single_line {
    display: inline;
    height: 18px;
    border: 1px solid #D2D2D2;
    line-height: 18px;
    color: #333;
    padding: 0px 2px;
    margin-right: 5px;
    margin-top: 2px;
    margin-bottom: 2px;
    vertical-align: middle;
}
.input_single_line[disabled] {
    background: #eaeaea;
    border: 1px solid #ccc;
}
.input_cardno {
    display: inline;
    height: 18px;
    border: 1px solid #D2D2D2;
    line-height: 18px;
    color: #333;
    padding: 0px 1px;
    margin-right: 1px;
    margin-top: 2px;
    margin-bottom: 2px;
    vertical-align: middle;
}
.input_number {
    display: inline;
    height: 18px;
    border: 1px solid #D2D2D2;
    line-height: 18px;
    color: #333;
    padding: 0 1px;
    text-align: center;
    margin-right: 0;
    margin-top: 2px;
    margin-bottom: 1px;
    vertical-align: middle;
    width: 17px;
}
.input_multi_line {
    display: inline;
    position: relative;
    background-color: #FFF;
    border: 1px solid #D2D2D2;
    line-height: 16px;
    color: #333;
    padding: 5px 3px;
    overflow: hidden;
    margin-right: 5px;
    margin-top: 2px;
    margin-bottom: 2px;
}
.list_menu {
    display: inline;
    line-height: 33px;
    height: 33px;
    border: 1px solid #dcdcdc;
    margin: 2px 1px 2px 0;
    vertical-align: middle;
    height: auto !important;
    letter-spacing: -1px;  
}
.en_wd1 {
    width: 100% !important;
    font-size: 13px !important;
}
.list_menu[disabled] {
    color: #a7a7a7;
    background: #eaeaea;
    border: 1px solid #ccc;
}
.submit {
    display: inline-block;
    border: none;
    position: relative;
    height: 20px;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    text-decoration: none;
    color: #FFF;
    padding: 0px 5px 0px 5px;
    background: #8C9B50;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#B7C689), to(#8C9B50));
    background: -webkit-linear-gradient(#B7C689, #8C9B50);
    background: -ms-linear-gradient(#B7C689, #8C9B50);
    background: -o-linear-gradient(#B7C689, #8C9B50);
    background: linear-gradient(#B7C689, #8C9B50);
    -pie-background: linear-gradient(#B7C689, #8C9B50);
}
.submit:hover {
    background: #B7C689;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#B7C689), to(#B7C689));
    background: -webkit-linear-gradient(#B7C689, #B7C689);
    background: -ms-linear-gradient(#B7C689, #B7C689);
    background: -o-linear-gradient(#B7C689, #B7C689);
    background: linear-gradient(#B7C689, #B7C689);
    -pie-background: linear-gradient(#B7C689, #B7C689);
}
.table_submit {
    display: inline;
    border: none;
    position: relative;
    height: 20px;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    text-decoration: none;
    color: #FFF;
    padding: 0px 5px 0px 5px;
    background: #8C9B50;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#B7C689), to(#8C9B50));
    background: -webkit-linear-gradient(#B7C689, #8C9B50);
    background: -ms-linear-gradient(#B7C689, #8C9B50);
    background: -o-linear-gradient(#B7C689, #8C9B50);
    background: linear-gradient(#B7C689, #8C9B50);
    -pie-background: linear-gradient(#B7C689, #8C9B50);
}
.table_submit:hover {
    background: #B7C689;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#B7C689), to(#B7C689));
    background: -webkit-linear-gradient(#B7C689, #B7C689);
    background: -ms-linear-gradient(#B7C689, #B7C689);
    background: -o-linear-gradient(#B7C689, #B7C689);
    background: linear-gradient(#B7C689, #B7C689);
    -pie-background: linear-gradient(#B7C689, #B7C689);
}
.surplus_text {
    color: #036;
    line-height: 20px;
    margin-top: 5px;
}
.description_text {
    display: inline;
    font-size: 12px;
    color: #999;
    line-height: 15px;
}
.balance_text {
    display: none;
    color: #036;
    line-height: 20px;
    margin-top: 5px;
}
a.more_info {
    background: url(../images/icon/icon_more_info.gif) right 1px no-repeat;
    line-height: 20px;
    height: 20px;
    padding: 0 16px 0 0;
    color: #007B90;
    text-decoration: none;
}
a.more_info:hover {
    text-decoration: underline;
}
/*.verity_fail{
display:inline-block;
*display:inline;
*zoom:1;
color:#F60;
background:url(../images/icon/alert_icon2.gif) left 2px no-repeat;
line-height:14px;
padding:1px 0 1px 17px;
*padding:2px 0 0 17px;
margin:0 5px;
}*/

.table_print_btn {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    font-size: 12px;
    color: #036;
    height: 20px;
    line-height: 20px;
    text-decoration: none;
    padding: 0 0 0 16px;
    background: url(../images/icon/print_icon.png) left no-repeat;
    margin-left: 5px;
}
.table_print_btn:hover {
    text-decoration: underline;
    background: url(../images/icon/print_icon_hover.png) left no-repeat;
}
.table_help_btn {
    display: inline-block;
    font-size: 12px;
    color: #036;
    line-height: 20px;
    text-decoration: none;
    padding: 1px 0 0 15px;
    background: url(../images/icon/help_icon.gif) left no-repeat;
    margin-left: 5px;
}
.table_help_btn:hover {
    text-decoration: underline;
    background: url(../images/icon/help_icon_hover.gif) left no-repeat;
}
.table_looking_btn {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    font-size: 12px;
    color: #036;
    line-height: 16px;
    text-decoration: none;
    padding: 0 0 0 16px;
    background: url(../images/icon/search_icon.png) 0 0 no-repeat;
    margin-left: 5px;
    vertical-align: middle;
}
.table_looking_btn:hover {
    text-decoration: underline;
    background: url(../images/icon/search_icon_hover.png) 0 0 no-repeat;
}
/**float panel**/

.float_panel {
    z-index: 999;
    display: none;
    position: absolute;
    left: 420px;
    top: 170px;
    width: 360px;
    padding: 0 10px;
    background: #FFF;
    border: 1px solid #ccc;
}
.float_panel .app_title {
    position: relative;
    height: auto;
    border-bottom: none;
    background: none;
    width: auto;
}
.float_panel p {
    font-size: 15px;
    color: #4C5141;
    line-height: 34px !important;
    border-bottom: 1px solid #BECC9A;
    margin: 0 0 3px 0 !important;
    padding-left: 0 !important;
    text-align: left;
}
.float_panel .app_content {
    margin-top: 3px !important;
    overflow: hidden;
}
.float_panel .app_content .title {
    width: 100%;
    display: block;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 1px;
    margin-bottom: 5px;
}
.float_panel .app_content .text {
    width: 100%;
    font-size: 12px;
    color: #666;
    line-height: 15px;
    letter-spacing: 1px;
    word-wrap: break-word;
}
/**共用**/

.app_reload {
    display: block;
    position: absolute;
    width: 14px;
    height: 14px;
    top: 10px;
    right: 20px;
    background-image: url(../images/icon/app_reload_icon.png);
}
.app_close {
    display: block;
    position: absolute;
    width: 14px;
    height: 14px;
    top: 10px;
    right: 0px;
    background: url(../images/icon/app_close_icon.png) no-repeat left top;
}
.app_close:hover {
    background-position: left bottom;
}
.step {
    height: auto;
    overflow: hidden;
}
.step dt {
    float: left;
    display: inline-block;
    height: 26px;
    margin: 0px 5px 5px 0px;
    font-size: 13px;
    line-height: 25px;
    color: #888;
    background: #eee;
    text-align: left;
}
.step dt .app_step_icon {
    display: inline-block;
    color: #888;
    padding: 0 12px 0 5px;
}
.step dt span {
    display: inline-block;
    height: 25px;
    font-size: 13px;
    line-height: 25px;
    color: #888;
    padding: 0 5px 0 0;
}
.step dt.current {
    display: inline-block;
    font-size: 13px;
    line-height: 25px;
    color: #333;
    background: #39C5CE;
}
.step dt.current span {
    color: #fffee1;
}
.step dt.current .app_step_icon {
    color: #fffee1;
    background: url(../images/icon/step_curr.gif) no-repeat #839a4a right 0;
}
a.link_style {
    color: #009d97 !important;
    text-decoration: none;
}
a.link_style:hover {
    text-decoration: underline;
}
a.link_style_remind {
    color: #039 !important;
    text-decoration: underline !important;
    background: url(../images/icon/link_remind_icon.gif) no-repeat right center;
    padding-right: 20px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin: 20px 0;
    font-size: 14px;
    font-weight: bold;
}
a.link_style_remind:hover {
    text-decoration: underline;
}
a.link_panel {
    position: relative;
    color: #039;
    text-decoration: none;
}
a.link_panel:hover {
    text-decoration: underline;
}
a.link_cor {
    position: relative;
    color: #039;
    text-decoration: none;
}
a.link_cor:hover {
    text-decoration: underline;
}
.code_form {
    width: 100%;
    border-top: #033 1px solid;
    border-left: #033 1px solid;
    margin: 10px 0px 10px 0px;
}
.code_form th {
    height: 30px;
    border-right: #033 1px solid;
    border-bottom: #033 1px solid;
    background-color: #333;
    text-align: center;
    font-size: 13px;
    color: #FFF;
}
.code_form td {
    height: 30px;
    border-right: #033 1px solid;
    border-bottom: #033 1px solid;
    text-align: center;
    font-size: 13px;
    color: #333;
}
.buttom_height {
    width: 100%;
    height: 10px;
    clear: left;
}
/**提醒您樣式**/

.remind_box {
    margin-top: 10px;
}
.remind_title {
    font-size: 13px;
    line-height: 16px;
    color: #500f02;
    padding: 0 0 0 18px;
    margin: 5px 0;
    background: url(../images/icon/remind_icon.gif) 3px 2px no-repeat !important;
}
.remind_title_pl {
    /*單元首頁標題(展開)*/
    
    font-size: 13px;
    line-height: 16px;
    color: #500f02;
    padding: 0 0 0 18px;
    margin: 5px 0;
    cursor: pointer;
    background: url(../images/icon/remind_pl_icon.gif) 3px 2px no-repeat;
}
#remind_txt {
    height: 0px;
    overflow: hidden;
    padding-left: 25px;
}
/*  Seven 20121221 提醒你 隱藏功能樣式 */

#remind_txt.remind_txt_hidden {
    height: 0px;
    overflow: hidden;
    padding-left: 20px;
}
#remind_txt.remind_txt_hidden.open {
    height: auto;
}
.remind_txt {
    /*資訊來源提示語FFM01012*/
    
    margin: 10px 0;
}
/*提醒您-星星樣式*/

.remind_star {
    margin-top: 10px;
}
.remind_star ul, .remind_star ol {
    margin: 0 0 0 20px;
    padding: 0;
}
.remind_star li {
    list-style: url(../images/icon/icon_star.gif);
    padding: 0 0 2px 0px;
}
/*提醒您-星星樣式(半形)*/

.star_list {
    margin: 0 0 0 12px;
    padding: 0;
}
.star_list li {
    list-style: url(../images/icon/icon_star2.gif);
    padding: 0;
    line-height: 16px;
}
/*提醒您-表格樣式*/

.remind_box .remind_table {
    margin: 0 0 5px 0;
    border: 1px solid #eee;
}
.remind_box .hor .remind_table td {
    padding: 2px 3px;
    border: 1px solid #ccc;
    text-align: center;
    color: #666;
}
.remind_box .hor .remind_table .hd {
    background-color: #f0f0f0;
}
.remind_box .ver .remind_table td {
    padding: 2px 3px;
    border: 1px solid #ccc;
    text-align: left;
}
.remind_box .ver .remind_table .hd {
    background-color: #f0f0f0;
    text-align: right;
}
.remind_box .olist {
    margin: 5px 0 20px 26px;
    list-style-type: decimal;
    padding-left: 20px;
}
.remind_box .olist li {
    color: #666;
    line-height: 20px;
    margin-bottom: 3px;
}
.remind_box .ulist {
    margin: 0;
    /*20121213修改*/
    
    list-style-type: square;
}
.remind_box .ulist li {
    color: #666;
    line-height: 20px;
    margin-bottom: 0;
}
/** 增加收合功能 20121221 Seven**/

.mySlideFun {}
/**一般項目符號**/

.olist {
    margin: 5px 0 10px 15px;
    *margin: 5px 0 10px 20px;
    list-style-type: decimal;
    padding-left: 20px;
}
.olist li {
    margin-bottom: 4px;
}
.ulist {
    margin-left: 20px;
    list-style-type: square;
    padding-left: 20px;
}
.ulist li {
    margin-bottom: 0;
}
.img_style {
    vertical-align: middle;
    margin: 0 3px;
}
.alist {
    margin-left: 20px;
    list-style-type: lower-alpha;
}
.alist li {
    line-height: 20px;
    margin-bottom: 0;
}
/*trade2 表格內倒數秒數*/

.trade2 {
    overflow: hidden;
    background-color: #FFE6E1;
    padding: 2px 4px;
    margin: 0px 2px;
}
.trade {
    /*overflow: hidden; PIB00044277 IE10安控區塊高度跳動 */ 
    margin: 10px 0 0 0;
    background: url(../images/icon/safe_icon.gif) no-repeat 10px 10px #fffae3;
    padding: 10px 0;
    min-height: 99px;
}
.trade_add {
    overflow: hidden;
    margin: 0;
    background: #fffae3;
    padding: 0 0 10px 0;
}
.trade_mid {
    margin: 0 20px 0 130px;
    padding: 10px;
    color: #4C5141;
    line-height: 1.5em;
    margin-top: 5px;
    word-wrap: break-word;
    color: #666;
}
.trade_mid .title {
    color: #333;
    margin: 5px 0;
}
.card_verify {
    width: 100%;
}
.card_verify td {
    padding: 4px 2px;
    font-size: 13px;
    color: #333;
    vertical-align: middle;
}
.card_verify .hd {
    width: 95px;
    padding: 4px 2px 4px 0px;
    text-align: right;
    vertical-align: middle;
}
.mark_pay {
    color: #fff;
    background: #ff5a00;
    padding: 2px 5px;
    margin: 0 5px 0 0;
}
.mark_invStop {
    color: #ff5a00;
    background: #fff3ec;
    padding: 2px 5px;
    margin: 0 5px 0 0;
}
/**winpop**/

.winpop {
    background: #328BA4;
    padding: 10px;
    display: table; /*由內容決定DIV寬度*/
    width: 100%;
}
.winpop_help {
    background: #328BA4;
    padding: 10px;
}
.winpop a.btn_submit, .winpop a.btn_tb, .winpop_help a.btn_submit, .winpop_help a.btn_tb {
    background: #009d97;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
	}
.winpop a.btn_submit:hover, .winpop a.btn_tb:hover, .winpop_help a.btn_submit:hover, .winpop_help a.btn_tb:hover {
    background: #3176a1; !important;
    text-decoration: none !important;
}
.winpop_content {
    background: #fff;
    padding: 15px;
    color: #555;
    line-height: 18px;
}
.winpop_content dl {
    margin: 5px 0 10px 30px;
}
.winpop_content dt {
    font-weight: bold;
}
.winpop_content dd {
    margin: -18px 0 5px 0;
}
.winpop_content .m {
    margin-left: 26px !important;
}
.winpop_content .mm {
    margin-left: 40px !important;
}
.winpop_content dd ul {
    margin-left: 24px;
}
.winpop_content dd li {
    list-style-position: outside;
    list-style: decimal;
    padding: 3px 0 0px 0;
    margin-top: -3px;
}
.winpop .theme_demo {
    text-align: center;
    margin: 0 auto;
    padding: 0;
    border: 1px solid #ddd;
}
.winpop .inform_msg {
    padding: 0 40px;
    line-height: 22px;
}
.winpop .inform_msg h1 {
    font-size: 15px;
    color: #036;
    line-height: 26px;
    color: #358B9F;
    padding: 5px 0;
}
.winpop .inform_msg .title {
    font-size: 13px;
    font-weight: bold;
    padding: 5px 0;
    border-bottom: 1px solid #eee;
    margin: 0 0 10px 0;
}
.winpop .inform_msg p {
    font-size: 12px;
    margin: 0 0 5px 0;
}
.winpop .reg_wrap_mobile .css_hor_table{
    border-bottom: solid 2px #ccc !important;
}
.winpop_content .pop_img {
    display: inline-block;
    margin: 0 0 5px 16px;
    padding: 5px;
    border: 1px solid #ddd;
}
.winpop_content .col_1 {
    width: 8%;
    background: #f9f9f9;
    padding: 5px 0;
}
.winpop_content .b_logo {
    margin: 0 0 10px 0;
    overflow: hidden;
}
.winpop_content .b_logo a.logo_l {
    display: block;
    float: left;
    margin: 0;
    background: url(../images/index/logo_content.png) no-repeat;
    width: 292px;
    height: 36px;
}

/**2015/12/30新增_popup  **/
.winpop_content .b_logo a.logo_r {
    background: url(../images/index/logo_content_r.png) no-repeat ;
    display: block;
    float: left;
    height: 36px;
    margin: 0;
    width: 98px;
}

/**2015/12/11玉山保經logo_popup  **/
.winpop_content .b_logo span.logo_insure {
    display: block;
    float:center;
    margin: 0;
    background: url(../images/insure/logo_insure1.png) no-repeat;
    width: 348px;
    height: 36px;
    margin:0 auto;
}
/**2015/12/11玉山保經logo_header 右方   **/
span.logo_insure_r {
    display: block;
    float:left;
    margin: 0;
    background: url(../images/insure/logo_insure2.png) no-repeat;
    width: 210px;
    height: 21px;
    margin: 32px 0 0;
   
}

.winpop_content table {
    table-layout: inherit;
    /*word-break: break-all;*/
}
.winpop_content h1 {
    font-size: 15px;
    line-height: 26px;
    padding: 0;
    color: #009d97;
    margin: 0 0 5px 0;
}
.winpop_content p {
    font-size: 13px;
    color: #333;
    line-height: 20px;
    margin: 0 0 5px 0;
}
.winpop_content .pop_title {
    font-size: 13px;
    color: #003366;
    line-height: 15px;
    background: url(../images/icon/icon_popTitle.gif) no-repeat 0 4px;
    padding: 5px 0 0 16px;
    *+padding: 8px 0 0 16px;
    /*IE7*/
    
    padding: 6px 0 0 16px \0/;
    /*IE8.9*/
    
    margin: 0 0 5px 0;
}
.winpop_content .pop_subtitle {
    font-size: 13px;
    color: #333;
    font-weight: bold;
    line-height: 22px;
    padding: 5px 0;
}
.winpop_content .remind_box {
    margin: 10px 0;
    padding: 0;
    display: inline-block;
}
.winpop_content .boxlink {
    border: 1px solid #f1d8a5;
    border-bottom: 2px solid #f1d8a5;
    border-right: 2px solid #f1d8a5;
    padding: 3px 10px;
    text-decoration: none;
    background: #fff5e0;
    color: #333;
}
.winpop_content .boxlink:hover {
    border: 1px solid #f1d8a5;
    background: #ffe1a7;
    text-decoration: none;
}
/**黑白**/

.winpop_paper {
    padding: 10px;
    font-size: 12px;
}
.winpop_paper table, .winpop_paper .table_ver, .winpop_paper .table_hor, .winpop_paper .table_ver_f {
    width: 100%;
    border: none;
    margin: 0;
    table-layout: auto;
}
.winpop_paper p {
    margin: 5px 0;
}
.winpop_paper td, .winpop_paper .hd {
    border: 1px solid #000;
    padding: 3px;
}
.winpop_paper h1 {
    font-size: 20px;
    line-height: 36px;
}
.winpop_paper h6 {
    font-size: 15px;
    line-height: 22px;
}
.winpop_print {
    background-color: #000;
    padding: 10px;
}
.winpop_print div, .winpop_print a, .winpop_print td, .winpop_print .hd, .winpop_print h1, .winpop_print h6, .winpop_print li, .winpop_print .red, .winpop_print .green, .winpop_print .plus, .winpop_print .minus, .winpop_print .plus_fund, .winpop_print .minus_fund, .winpop_paper div, .winpop_paper p, .winpop_paper a, .winpop_paper td, .winpop_paper .hd, .winpop_paper h1, .winpop_paper h6, .winpop_paper li, .winpop_paper p, .winpop_print .td_ps_imp, .winpop_print .list_menu, .winpop_print .text_imp {
    color: #000 !important;
    background: #fff !important;
}
.winpop_print h6, .winpop_paper h6 {
    padding: 8px 0 0 0 !important;
}
.winpop_print .result_rem {
    font-size: 13px;
    color: #000;
    padding: 30px 10px;
    margin: 5px 0;
    border: 1px solid #000;
    border-bottom: 2px solid #000;
    background-color: #000;
    line-height: 22px;
}
.winpop_print .remind_title {
    padding: 0;
}
.winpop_print .table_ver_f .ps_txt {
    font-size: 12px;
    line-height: 16px;
    padding: 3px;
    text-align: left;
    vertical-align: middle;
    background: none;
}
.winpop_print .b_logo {
    margin-bottom: 5px;
    background: url(../images/list/winopop_print_header.gif) no-repeat !important;
    width: 430px;
    height: 42px;
    display: block;
}
.winpop_print .b_logo img {
    margin: 0;
}
.winpop_print .ext_title {
    font-size: 24px;
    font-weight: bold;
    line-height: 28px;
    margin: 5px 0 10px 0;
    text-align: center;
    display: block;
}
.winpop_print .table_ver, .winpop_print .table_hor, .winpop_print .table_ver_f {
    width: 100%;
    word-wrap: break-word;
    border-bottom: 2px solid #000;
}
.winpop_print .table_ver .hd,.winpop_print .table_ver .hd_normal .winpop_print .table_ver_f .hd {
    border: #000 1px solid;
    border-bottom: #000 2px solid !important;
    text-align: center;
    font-weight: bold;
    padding: 2px 0;
}
.winpop_print .table_ver .hd_title2, .winpop_print .table_ver_f .hd_title2 {
    border: #000 1px solid;
    text-align: center;
    font-weight: bold;
    padding: 2px 0;
}
.winpop_print .table_ver .hd_normal{
	background: none !important;
	font-weight: normal;
	border-bottom: 2px solid #000 !important;
}
.winpop_print .table_hor {
    margin: 0 0 5px 0;
    border-color: #000 !important;
    border-width: 1px !important;
}
.winpop_print .table_hor .hd {
    border: #000 1px solid;
    font-weight: bold;
    text-align: right;
    padding: 2px 4px;
}
.winpop_print .table_ver td, .winpop_print .table_ver_f td {
    border: #000 1px solid !important;
    text-align: center;
    padding: 2px 4px;
}
.winpop_print .table_hor td {
    border: #000 1px solid;
    text-align: left;
    padding: 2px 4px;
}
.winpop_print td {
    word-wrap: break-word;
    word-break: normal;
    vertical-align: top;
}
.winpop_print .basket_top td {
    border-top: #000 2px solid !important;
    border: #000 1px solid !important;
}
.winpop_print .basket td {
    border-top: #000 2px solid !important;
    border: #000 1px solid !important;
}
.winpop_print .sum_basket td {
    background: #fff !important;
    border: #000 1px solid !important;
    border-bottom: #000 2px solid !important;
}
.winpop_print .table_ver_f .subtitle, .winpop_print .table_ver.subtitle {
    border-bottom: #000 1px solid !important;
}
.winpop_print .tdline {
    border-bottom: 1px solid #000;
}
.winpop_print a.btn_submit {
    background: #000 !important;
    font-size: 12px;
    font-weight: normal;
    padding: 7px 18px;
    color: #fff !important;
    text-decoration: none;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    text-align: center;
    margin: 0 3px;
}
.winpop_print a.btn_submit:hover {
    background: #000;
    text-decoration: none;
}
.winpop_print a.btn_search {
    background: #000 !important;
    font-size: 12px;
    padding: 3px;
    color: #fff !important;
    text-decoration: none;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    text-align: center;
    margin: 3px 0;
}
.winpop_print a.btn_search:hover {
    text-decoration: none;
}
.winpop_print input {
    border: none;
    border-bottom: 1px solid #000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000;
}
.winpop_print .trans_succ, .winpop_print .trans_fail {
    padding: 0;
}
/* 風險承受等級評估 */

.winpop_print .table_qry_q h2 {
    background-image: none;
}
.winpop_print .table_qry_q p {
    background-image: none;
    background-color: #fff;
    font-weight: bold;
}
.winpop_print .table_qry_q .qry_content {
    border-bottom: 1px solid #333;
}
.winpop_print .table_qry .prod_suggest {
    border: 1px solid #333;
}
.winpop_print .table_qry .risk_style, .winpop_print .table_qry .risk_exp, .winpop_print .agree_check span {
    color: #000;
}
/*列印頁總計樣式*/

.winpop_print .sum_single td {
    background: #fff;
    border-top: 2px solid #000 !important;
    border-bottom: 2px solid #000 !important;
    font-size: 13px;
}
.winpop_print .sum_multi {
    color: #000;
    font-size: 12px;
    text-align: center;
    background: #fff;
    border-bottom: 2px solid #000;
    text-align: center;
}
.winpop_print .sumTitle {
    font-size: 13px;
    line-height: 18px;
    color: #000;
    margin: 5px 0 3px 0;
    padding: 5px 0 0 0;
    padding: 8px 0 0 0 \9;
    font-weight: bold;
}
.winpop_print .sum_multi td {
    padding: 4px;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
}
.winpop_print .sum_tdtitle, .winpop_print .sum_tdtitle td {
    background: #ffeecc;
    font-size: 13px;
    border-bottom: 1px solid #000;
}
.winpop_print .sum_tdtitle2 {
    background: #fff;
    font-size: 13px;
}
.winpop_print .sum_num {
    color: #000;
}
.winpop_print .sum_units {
    color: #000;
    text-align: right;
}
/*表格線條特別設定*/

.winpop_print .bd_top, .winpop_print .bd_top td {
    border-top: 2px solid #000;
}
.winpop_print .bd_bott, .winpop_print .bd_bott td {
    border-bottom: 2px solid #000;
}
.noneborder, .noneborder td, 
div.app_content table.table_hor .noneborder td,
.app_cross_frame .table_hor .noneborder td{
    border: none !important;
    padding: 3px 0 !important;
}
.noneborder_vt, .noneborder_vt td {
    border-top: none !important;
}
.noneborder_vb, .noneborder_vb td {
    border-bottom: none !important;
}
.notice {
    background: url(../images/icon/notice_bg.gif) #fffae5 no-repeat left top;
    padding: 0 5px;
    margin: 4px 0;
}
.notice .notice_txt {
    padding: 8px 12px 0 12px;
    margin: 0;
}
.notice .olist {
    padding: 5px 20px;
    margin: 0 10px;
}
.notice .olist li {
    margin: 0;
}
.star {
    color: #FF3300;
}
.td_title {
    display: block;
    float: left;
    width: 70px;
    text-align: left;
    padding-right:5px;
    word-wrap: normal;
}
.td_content {
    display: block;
    vertical-align: top;
    padding-left: 70px;
}
.td_ps {
    /*display:inline;*/
    
    color: #a0a765;
    line-height: 18px;
}
.td_ps_imp {
    color: #a0a765;
    line-height: 18px;
    color: #FF3300;
}
.app_right_frame .text_ps, .app_mid_frame .text_ps {
    font-size: 13px;
    line-height: 16px;
    margin: 4px 0 0 0;
    background: url(../images/icon/notice_bg.gif) #fffae5 no-repeat left top;
    padding: 5px 10px;
    color: #5b5b5b;
}
.text_imp {
    color: #FF3300;
}
.td_rem {
    font-size: 13px;
    line-height: 20px;
    color: #5f3f14;
    background: url(../images/icon/icon_td_rem.gif) no-repeat 6px 4px;
    padding: 2px 0 4px 24px;
}
a.pl_rem {
    display: block;
    font-size: 13px;
    line-height: 23px;
    text-align: right;
    color: #5f3f14;
    padding: 0 22px 0 0;
    margin: 4px 0;
    background: url(../images/icon/icon_pl_rem.gif) #fffae5 no-repeat right center;
    text-decoration: none;
}
a.pl_rem:hover {
    color: #824d07;
}
.trans_ps {
    padding: 12px 0;
}
.trans_ps_imp {
    color: #FF3300;
    padding: 12px 0;
    text-align: center;
}
.more_link {
    margin: 5px 0;
    text-align: right;
}
.more_link a {
    font-size: 12px;
    line-height: 16px;
    *line-height: 17px;
    padding: 2px 4px;
    *padding: 2px 4px 1px;
    color: #fff !important;
    text-decoration: none;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    text-align: center;
    margin: 2px 1px;
}
.result_rem {
    font-size: 13px;
    color: #ff6600;
    padding: 12px 10px;
    margin: 5px 0;
    border: 1px solid #b3a6a1;
    border-bottom: 2px solid #b3a6a1;
    background-color: #f6f0ee;
    line-height: 20px;
}
.td_money, .td_money input {
    word-break: normal !important;
    word-wrap: normal !important;
    text-align: right !important;
}
.td_announce {
    font-size: 13px;
    color: #4C5141;
    line-height: 22px;
    padding: 7px 0px 15px 60px;
    background: url(../images/icon/icon_announce.gif) no-repeat 10px 8px;
    margin-bottom: 5px;
}
.noservice {
    background: url(../images/icon/noservice_bg.gif) #e8e8e8 no-repeat left top;
    font-size: 15px;
    color: #333;
    line-height: 24px;
    font-weight: bold;
    text-align: center;
    margin: 20px 0;
    padding: 10px 20px;
}
.td_agreementbox {
    height: auto;
    padding: 10px;
    background: #F6F6F6;
    line-height: 20px;
    margin: 5px 0;
}
.td_agreementbox h1 {
    font-size: 15px;
    color: #358B9F;
    margin-bottom: 5px;
}
/*標題*/

.td_agreementbox h1.title {
    font-size: 15px!important;
    text-align: center;
}
/*標題加大*/

.td_agreementbox ol, .td_agreementbox ul {
    margin: 0;
    padding: 0 0 5px 25px;
}
.td_agreementbox ol li {
    list-style: decimal;
    margin-bottom: 2px;
}
.td_agreementbox ul.ulist li {
    list-style: square;
    margin-bottom: 2px;
}
/*20161011網路投保條款表頭*/
.td_agreementbox .logo_tokio{
    background: url(../images/logo_tokio.png) ;
    width:448px;
    height:63px;
    margin:8px auto 8px ;

} 
.td_agreementbox .logo_area_txt{
    font-size:11px;
    margin-left: 241px;
    line-height: 16px;
    letter-spacing: 0px;
    margin-bottom:8px;
}
.td_agreementbox .header_txt{
     font-size:12px;
}
.td_agreementbox h1.title{
    color:#333;
}
.td_agreementbox .txt_highlight{
    color:#3333ff;
}
.agree_content {
    height: 260px;
    border: 1px solid #ccc;
    padding: 10px;
    overflow: auto;
    background: #fff;
    width: 100%;
}
.agree_content h3 {
    font-size: 13px;
    color: #333;
    padding: 0;
    margin: 0 0 5px 0;
    font-weight: bold;
}
/*內文小標*/

.agree_content h6 {
    font-size: 13px;
    color: #333;
    padding: 4px 0 0 0;
    margin: 8px 0 4px 0;
    font-weight: bold;
    border-top: 1px solid #ccc;
}
/*分段標題*/

.agree_content p {
    font-size: 12px;
    padding: 0;
    margin: 10px 0 0 0;
    font-weight: bold;
}
/*條列標題*/

.agree_content dl {
    margin: 5px 0 10px 30px;
}
.agree_content dt {
    font-weight: bold;
}
.agree_content dd {
    margin: -20px 0 5px 0;
    *display: inline;
    *zoom: 1;
}
.agree_content .m {margin-left: 40px;}
.agree_content .mtab {margin-left: 60px; margin-top: -5px; margin-bottom: 20px;}
.agree_content .m dt{width: 38px;text-align: right;}
.agree_content .m1 dt{width: 38px;}
.agree_content .mm {
    margin-left: 40px;
}
/*無scrollbar*/

.td_agreementbox2 {
    height: auto;
    font-size: 12px;
    color: #666;
    padding: 10px;
    background: #F6F6F6;
    line-height: 20px;
    margin: 5px 0;
}
.td_agreementbox2 .agree_content {
    height: auto;
    border: 1px solid #ccc;
    padding: 10px;
    background: #fff;
    overflow-x: auto;
}
.td_agreementbox2 h1 {
    font-size: 15px;
    color: #358B9F;
    margin-bottom: 5px;
}
.agree_check {
    line-height: 20px;
    font-size: 12px;
    padding: 5px 0;
}
.agree_check span {
    color: #F30;
    margin: 0 3px;
}
td div {
    padding: 0;
}
.td_rt {
    display: block;
    float: right;
}
.td_lt {
    display: block;
    float: left;
}
.hd .td_rt {
    padding: 0 4px 0 0;
}
.hd .td_lt {
    padding: 0 0 0 4px;
}
.td_subtitle {
    margin: 10px 0 4px 0;
    overflow: hidden;
    line-height: 20px;
}
.underline {
    border-bottom: 2px solid #b3dc88;
    padding: 0 0 4px 0;
}
.td_subtitle h6 {
    border-left: 6px solid #009d97;
    font-size: 13px;
    color: #333;
    font-weight: bold;
    text-align: left;
    letter-spacing: 1px;
    padding: 0 0 0 6px;
    float: left;
    margin: 0 8px 0 0;
}
.form_subtitle {
    margin: 0 0 5px 0;
    overflow: hidden;
}
.form_subtitle h6 {
    font-size: 13px;
    line-height: 15px;
    color: #358B9F;
    padding: 5px 0 0 0;
    *+padding: 7px 0 0 0;
    /*IE7*/
    margin: 0;
    padding: 5px 0 0 0 \0/;
    /*IE8.9*/
    
    float: left;
}
.subcontent {
    line-height: 20px;
    margin-bottom: 5px;
}
.funt {
    float: left;
    margin: 0;
}
.funt .tit {
    display: inline-block;
    padding: 1px 2px;
}
.fr {
    float: right;
    margin: 0;
}
.fl {
    float: left;
    margin: 0;
}
/**表格外按鈕**/

a.btn_sample {
    padding: 3px 10px 3px 24px;
    *padding: 5px 10px 3px 24px;
    margin: 0 3px 0 0;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-decoration: none;
}
a.btn_sample:hover {
    background-position: 0 -22px;
}
.btn_resize {
    float: right;
    font-size: 12px;
    color: #358b9f;
    text-decoration: none;
    line-height: 18px;
    background: url(../images/icon/icon_resizeTable.gif) #efefef no-repeat right 3px;
    padding: 2px 20px 2px 5px;
}
a.btn_sort {
    padding: 3px 10px 3px 24px;
    padding: 5px 10px 3px 24px \9;
    margin: 0 3px 0 0;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-decoration: none;
}
a.btn_sort:hover {
    background-position: 0 -22px;
}
a.btn_add {
    padding: 3px 10px 3px 24px;
    *padding: 5px 10px 3px 24px;
    margin: 0 3px 0 0;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-decoration: none;
}
a.btn_add:hover {
    background-position: 0 -22px;
}
a.btn_del {
    padding: 3px 10px 3px 24px;
    margin: 0 3px;
    font-size: 12px;
    color: #fff;
    text-decoration: none;
}
a.btn_del:hover {
    background-position: 0 -22px;
}
a.btn_show {
    background: url(../images/icon/icon_show_hide.gif) no-repeat 0px 0px #378ca0;
    padding: 3px 10px 3px 24px;
    *padding: 5px 10px 3px 24px;
    margin: 0 3px 0 0;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-decoration: none;
}
a.btn_show:hover {
    background: url(../images/icon/icon_show_hide.gif) no-repeat 0px -22px;
}
a.btn_hide {
    background: url(../images/icon/icon_show_hide.gif) no-repeat 0px -44px #378ca0;
    padding: 3px 10px 3px 24px;
    *padding: 5px 10px 3px 24px;
    margin: 0 3px 0 0;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-decoration: none;
}
a.btn_hide:hover {
    background: url(../images/icon/icon_show_hide.gif) no-repeat 0px -66px;
}
a.btn_display {
    font-size: 12px;
    line-height: 16px;
    *line-height: 17px;
    padding: 2px 4px;
    *padding: 2px 4px 1px;
    margin: 0 3px;
    color: #fff;
    text-decoration: none;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    text-align: center;
}
a.btn_more {
    /*首頁 (more) link*/
    position: absolute;
    top: 6px;
    right: 8px;
    text-align: right;
    display: block;
    font-size: 12px;
    color: #4C5141;
    text-decoration: none;
    font-weight: normal;
    letter-spacing: 0;
}
a.btn_more:hover {
    text-decoration: underline;
}
.app_right_frame a.btn_more {
    color: #4C5141;
    position: static;
    text-decoration: none;
}
.app_right_frame a.btn_more:hover {
    text-decoration: underline;
}
a.btn_more2 {
    /*內頁表格標題旁 more按鈕*/
    
    background: url(../images/icon/btn_more2.gif) no-repeat left center;
    font-size: 12px;
    font-weight: bold;
    line-height: 15px;
    padding: 0 0 0 20px;
    margin: 3px 10px;
    color: #003399;
    text-decoration: none;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
a.btn_more2:hover {
    text-decoration: underline;
}
.col_list {
    display: block;
    float: left;
    width: 239px;
    font-size: 13px;
    color: #555;
    line-height: 22px;
    padding: 5px 0 0 0;
    background: url(../images/icon/icon_title.gif) no-repeat 20px 0;
    margin: 0 5px 10px 0;
}
.col_list h6 {
    background: url(../images/icon/icon_title.gif) 20px -5px no-repeat #ccf1a5;
    padding: 6px 0;
    text-align: center;
    font-size: 15px;
    margin: 0
}
.col_list ol {
    margin: 0;
    padding: 0 5px;
    background: #f5ffe9;
}
.col_list li {
    border-bottom: 1px solid #b3dc88;
    padding: 5px 10px;
}
.col_list li.bottom {
    border-bottom: none;
    padding: 5px 10px;
}
.col_list li a {
    text-decoration: none;
    color: #003366;
}
.col_list li a:hover {
    text-decoration: underline;
    color: #003366;
}
/**清除浮動**/

.clear {
    clear: both;
}
.clearfix:after {
    clear: both;
    content: "\200B";
    display: block;
    height: 0;
}
.clearfix {
    *zoom: 1;
}
/**padding margin設定**/

.pl15 {
    padding-left: 15px;
}
.pl20 {
    padding-left: 20px;
}
.pl26 {
    padding-left: 26px;
}
.pl45 {
    padding-left: 45px;
}
.pl47 {
    padding-left: 47px;
}
.pl50 {
    padding-left: 50px;
}
.pl55 {
    padding-left: 55px;
}
.pl60 {
    padding-left: 60px;
}
.pl70 {
    padding-left: 70px;
}
.pl75 {
    padding-left: 75px;
}
.pl79 {
    padding-left: 79px;
}
.pl90 {
    padding-left: 90px;
}
.pt15 {
    padding-top: 15px;
}
.ml5 {
    margin-left: 5px !important;
}
.mb5 {
    margin-bottom: 5px !important;
}
.mt3 {
    margin-top: 3px !important;
}
.mt5 {
    margin-top: 5px !important;
}
.mar_negR5 {
    margin-right: -5px !important;
}
.pw_orig {
    font-weight: bold;
    font-size: 15px;
}
.pw_new {
    font-weight: bold;
    font-size: 15px;
}
.funt_set {
    display: inline-block;
    background: url(../images/icon/trans_succ.gif) no-repeat;
    width: 16px;
    height: 16px;
}
/*排序按鈕*/

.sort_up, .sort_down {
    display: inline-block;
    font-size: inherit !important;
    color: #003399;
    padding: 0 10px 0 0;
    *display: inline;
    *zoom: 1;
    text-decoration: none;
}
.sort_up {
    background: url(../images/icon/icon_sort_up.gif) no-repeat right center;
}
.sort_down {
    background: url(../images/icon/icon_sort_down.gif) no-repeat right center;
}
.sort_up:hover, .sort_down:hover {
    text-decoration: underline;
}
a.btn_submit {
    font-size: 12px;
    font-weight: normal;
    line-height: 18px;
    padding: 5px 18px;
    margin: 0 3px;
    color: #fff !important;
    text-decoration: none;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    text-align: center;
}
a.btn_search {
    font-size: 12px;
    line-height: 16px;
    *line-height: 17px;
    padding: 2px 4px;
    *padding: 2px 4px 1px;
    color: #fff !important;
    text-decoration: none;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    text-align: center;
    margin: 2px 1px;
}
a.btn_pagego {
    border: 1px solid #999;
    background: #fff;
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
    *line-height: 17px;
    padding: 2px 4px;
    *padding: 2px 4px 1px;
    color: #96b240;
    text-decoration: none;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    text-align: center;
    margin: 0 0 0 2px;
}
a.btn_pagego:hover {
    color: #5f5f5f;
}
.tdline {
    padding: 1px 0 0 0;
    margin: 0;
    border-bottom: 1px solid #dddddd;
}
.tdline_rotate {
    background: url(../images/icon/tdline_rotate_bg.gif) #eff9e2 no-repeat !important;
    text-align: left !important;
}
/**0622新增table頁籤**/

.page_nav_wrap {
    width: 100%;
    height: 30px;
    background: #ffffec;
    font-size: 12px;
    color: #666;
    margin: 0;
    vertical-align: middle;
    display: block;
}
.page_nav_wrap2 {
    background: #fff;
    font-size: 12px;
    color: #666;
    margin: 0;
}
.page_nav_wrap2 td {
    padding: 4px;
}
.app_mid_frame .page_nav_wrap {
    width: 570px;
    height: 30px;
    background: #ffffec;
    font-size: 12px;
    color: #666;
    margin: 0;
    vertical-align: middle;
    display: table-cell;
}
.page_nav {
    float: right;
    padding: 0;
    text-align: right;
    vertical-align: middle;
    overflow: hidden;
    display: table-cell;
    margin: 2px 5px 0 0;
    *margin: 4px 5px 0 0;
}
.page_nav p {
    float: left;
    display: inline-block;
    line-height: 20px;
    padding-right: 5px;
    padding-left: 5px;
    margin: 0;
}
.page_nav .go2 {
    float: left;
    width: 25px;
    display: inline;
    height: 18px;
    background: #FFF;
    border: 1px solid #999;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    font-size: 12px;
    line-height: 18px;
    color: #333;
    padding: 0px 2px;
    margin-top: 1px;
    margin-bottom: 1px;
}
.page_nav input {
    /*float:left;*/
}
.page_nav select {
    float: left;
}
.first_btn {
    float: left;
    display: block;
    position: relative;
    width: 20px;
    height: 20px;
    border: #999 1px solid;
    border-radius: 2px 0px 0px 2px;
    -moz-border-radius: 2px 0px 0px 2px;
    -webkit-border-radius: 2px 0px 0px 2px;
    background: url(../images/icon/first_btn.png) #FFF no-repeat;
}
.first_btn:hover {
    background: url(../images/icon/first_btn_hover.png) #FFF no-repeat;
}
.prv_btn {
    float: left;
    display: block;
    position: relative;
    width: 20px;
    height: 20px;
    border-top: #999 1px solid;
    border-bottom: #999 1px solid;
    border-right: #999 1px solid;
    border-radius: 0px 2px 2px 0px;
    -moz-border-radius: 0px 2px 2px 0px;
    -webkit-border-radius: 0px 2px 2px 0px;
    background: url(../images/icon/prv_btn.png) #FFF no-repeat;
}
.prv_btn:hover {
    background: url(../images/icon/prv_btn_hover.png) #FFF no-repeat;
}
.next_btn {
    float: left;
    display: block;
    position: relative;
    width: 20px;
    height: 20px;
    border: #999 1px solid;
    border-radius: 2px 0px 0px 2px;
    -moz-border-radius: 2px 0px 0px 2px;
    -webkit-border-radius: 2px 0px 0px 2px;
    background: url(../images/icon/next_btn.png) #FFF no-repeat;
}
.next_btn:hover {
    background: url(../images/icon/next_btn_hover.png) #FFF no-repeat;
}
.last_btn {
    float: left;
    display: block;
    position: relative;
    width: 20px;
    height: 20px;
    border-top: #999 1px solid;
    border-bottom: #999 1px solid;
    border-right: #999 1px solid;
    border-radius: 0px 2px 2px 0px;
    -moz-border-radius: 0px 2px 2px 0px;
    -webkit-border-radius: 0px 2px 2px 0px;
    background: url(../images/icon/last_btn.png) #FFF no-repeat;
}
.last_btn:hover {
    background: url(../images/icon/last_btn_hover.png) #FFF no-repeat;
}
.page_status {
    float: left;
    display: block;
    width: 70px;
    height: 20px;
    *height: 18px;
    line-height: 20px;
    text-align: center;
    background-color: #FFF;
    border-top: #999 1px solid;
    border-bottom: #999 1px solid;
    padding: 0;
    *padding: 2px 0 0 0;
}
/**多筆表格奇偶數列顏色**/

.table_color tr:nth-child(even) {
    background: #f9fbf5;
}
.table_color tr:nth-child(odd) {
    background: #fff;
}
.table_color tr:hover {
    background: #efffc7;
}
/* common radio 隱藏功能
---------------------------------*/

.disabled, .disabled input, .disabled div, .disabled label {
    color: #aaa !important;
}
.hide, .hide td {
    display: none;
}
/*20121212修改*/
/**新增相關交易**/

.ref {
    margin: 50px 0 0 0;
    overflow: hidden;
    text-align: center;
    background: url(../images/icon/ref_bottom.gif) 50% 120px no-repeat;
    position: relative \9;
    z-index: 0 \9;
}
.ref ul {
    list-style: none;
    clear: both;
    margin: 0 0 20px 0;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    *position: relative;
}
.ref li {
    float: left;
    width: 135px;
    min-height: 102px;
    height: auto;
    height: 102px;
    font-size: 13px;
    letter-spacing: 0px;
    line-height: 16px;
    color: #333;
    background: url(../images/icon/ref_bg1.gif) no-repeat 0 0 #f6f9ed;
    margin: 0 6px;
    padding: 2px;
    border-radius: 5px;
    border: 1px solid #b3dc88;
}
.ref li.last {
    margin: 0 0 0 6px;
}
.ref li:hover {
    background: url(../images/icon/ref_bg2.gif) repeat-x 0 0 #f0f3e8;
    border: 1px solid #6fbbc8;
    color: #007b90;
}
.ref ul li a {
    display: block;
    padding: 57px 0px 3px 0px;
    color: #333;
    text-decoration: none;
	font-size:14px;
	line-height:18px;
	letter-spacing: 1px;
}
.ref li:hover a, .ref li:hover a:hover {
    color: #007b90;
}
.ref ul li a.oview {
    background: url(../images/icon/ref_icon_oview.png) center 3px no-repeat;
}
.ref ul li a.save {
    background: url(../images/icon/ref_icon_save.png) center 3px no-repeat;
}
.ref ul li a.trans {
    background: url(../images/icon/ref_icon_trans.png) center 3px no-repeat;
}
.ref ul li a.pay {
    background: url(../images/icon/ref_icon_pay.png) center 3px no-repeat;
}
.ref ul li a.inv {
    background: url(../images/icon/ref_icon_inv.png) center 3px no-repeat;
}
.ref ul li a.cards {
    background: url(../images/icon/ref_icon_cards.png) center 3px no-repeat;
}
.ref ul li a.fund {
    background: url(../images/icon/ref_icon_fund.png) center 3px no-repeat;
}
.ref ul li a.foreign {
    background: url(../images/icon/ref_icon_foreign.png) center 3px no-repeat;
}
.ref ul li a.check {
    background: url(../images/icon/ref_icon_check.png) center 3px no-repeat;
}
.ref ul li a.risk {
    background: url(../images/icon/ref_icon_risk.png) center 3px no-repeat;
}
/**新增接受推介設定**/
.ref ul li a.recommend {
    background: url(../images/icon/ref_icon_recommend.png) center 3px no-repeat;
}
/**行事曆**/

.calendar {
    overflow: hidden;
    margin: 5px 0 0 0;
}
.datebox {
    border-bottom: 2px solid #006083;
    text-align: center;
    float: left;
    width: 759px;
}
.date_content table {
    width: 100%;
    border: 1px solid #eee;
}
.date_content td {
    width: 14%;
    border: 1px solid #eee;
    background: #fff;
    font-size: 13px;
    text-align: left;
    vertical-align: top;
    height: 50px;
    padding: 0 0 5px 0;
}
.date_content .thisyear {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    font-size: 22px;
    line-height: 24px;
    font-weight: bold;
    color: #333;
    margin: 12px 30px 8px;
    vertical-align: middle;
}
.date_content .prev_month {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    background: url(../images/icon/date_prev.gif) no-repeat;
    width: 0;
    height: 10px;
    padding-left: 9px;
    overflow: hidden;
    vertical-align: middle;
    margin-top: 3px;
}
.date_content .prev_month:hover {
    background: url(../images/icon/date_prev.gif) no-repeat left -10px;
}
.date_content .next_month {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    background: url(../images/icon/date_next.gif) no-repeat;
    width: 0;
    height: 10px;
    padding-left: 9px;
    overflow: hidden;
    vertical-align: middle;
    margin-top: 3px;
}
.date_content .next_month:hover {
    background: url(../images/icon/date_next.gif) no-repeat left -10px;
}
.date_content .row_week td {
    text-align: center;
    vertical-align: bottom;
    font-weight: bold;
    font-size: 12px;
    padding: 0;
    height: auto;
    border: none;
}
.date_content span {
    float: left;
    padding: 3px;
    color: #006083;
}
.date_content .other_day span {
    float: left;
    padding: 3px;
    color: #ccc;
}
.date_content td ul {
    overflow: hidden;
    clear: both;
    margin: 0;
    padding: 0;
}
.date_content td li {
    background: url(../images/icon/dot_orange.gif) no-repeat 1px;
    padding: 0 0 0 15px;
    font-size: 12px;
    color: #ffac08;
    font-weight: normal;
    line-height: 16px;
    text-decoration: none;
    cursor: default;
}
.btn_edit {
    background: url(../images/icon/btn_edit.gif) no-repeat #d3edf0;
    width: 16px;
    height: 16px;
    float: right;
}
.btn_edit_hover {
    background: url(../images/icon/btn_edit.gif) no-repeat #ffb82c;
    width: 16px;
    height: 16px;
    float: right;
}
.date_content .today {
    color: #006083;
    border: 2px solid #69d1eb;
}
.date_content .today span {
    color: #000;
    font-weight: bold;
    font-size: 18px;
}
.date_content .selected_day {
    color: #006083;
    background: url(../images/icon/datebox_bg2.gif) repeat-x bottom;
}
.date_content .other_day {
    border: 1px solid #eee;
    background: #f9f9f9;
    color: #ccc;
}
.date_content .select {
    background: url(../images/icon/datebox_bg1.gif) repeat-x bottom;
}
.day_list_content{
    float: right;
    width: 220px;}
 
.day_list {
    border: 1px solid #eee;
    margin: 0 0 5px 7px;
}
.day_list_next {
    border: 1px solid #eee;
    margin: 0 0 5px 7px;
}
.day_list .title {
    font-weight: bold;
    background: #def4f7;
    font-size: 13px;
    color: #006083;
    padding: 5px 10px;
    margin: 0 !important;
    text-align: center;
}
.day_list_next .title_next {
    font-weight: bold;
    background: #def4f7;
    font-size: 13px;
    color: #006083;
    padding: 5px 10px;
    margin: 0 !important;
    text-align: center;
}
.list_content {
    padding: 10px 8px;
    font-size: 12px;
    color: #666;
    line-height: 19px;
}
.list_content a {
    color: #003399;
    text-decoration: none;
}
.list_content a:hover {
    text-decoration: underline;
}
.list_content li {
    margin-bottom: 5px;
}
.list_content .list_tit {
    background: #ffac08;
    padding: 1px 4px;
    color: #fff;
    float: left;
    margin: 0 5px 0 0;
}
.list_content .date {
    color: #4C9200;
}
/**右邊行事曆**/

.calendar_r {
    width: 100%;
    height: auto;
}
.right_wrap .year_month_wrap {
    text-align: center;
    margin: 5px 0;
    position: relative;
}
.right_wrap .year_month_wrap .thisyear {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    font-size: 13px;
    font-weight: bold;
    color: #333;
    margin: 5px 10px 3px;
    vertical-align: middle;
}
.right_wrap a.prev_month, .right_wrap a.next_month {
    position: absolute;
    cursor: pointer;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    width: 9px;
    height: 10px;
    text-indent: 999px;
    overflow: hidden;
}
.right_wrap a.prev_month {
    background: url(../datepicker/images/date_prev.gif) 0 0 no-repeat;
    top: 12px;
    left: 2px;
}
.right_wrap a.prev_month:hover {
    background-position: 0 -10px;
}
.right_wrap a.next_month {
    background: url(../datepicker/images/date_next.gif) 0 0 no-repeat;
    top: 12px;
    right: 2px;
}
.right_wrap a.next_month:hover {
    background-position: 0 -10px;
}
.calendar_table {
    width: 100%;
    background-color: #fff;
    border-bottom: 2px solid #eee;
}
.calendar_table .weekday td {
    font-size: 12px;
    height: 22px;
    color: #333;
    text-align: center;
    background-color: #c6e5e8;
}
.calendar_table td.weekend {
    font-size: 12px;
    height: 22px;
    color: #333;
    text-align: center;
    background-color: #FFF;
}
.calendar_table td.current a {
    border: #d1eaed 1px solid;
    background-color: #e5f5f7;
}
.calendar_table td a:hover {
    border: #eee 1px solid;
    background-color: #faffb2;
}
.calendar_table td a {
    display: block;
    line-height: 20px;
    font-size: 12px;
    height: 20px;
    border: #FFF 1px solid;
    color: #222222;
    text-align: center;
    text-decoration: none;
}
.calendar_table td a.out_month {
    display: block;
    line-height: 20px;
    font-size: 12px;
    height: 20px;
    color: #aaa;
    text-decoration: none;
    text-align: center;
    border: #E3E9F 1px solid;
}
.date_info {
    width: 100%;
}
.accesskey {
    font-size: 10px;
    margin-left: 0px;
    position: absolute;
    width: 0px;
    z-index: 99;
    left: 1px;
}
.accesskey a {
    color: #F9F9EA;
}
/*內頁頁籤*/

.content_tab {
    overflow: hidden;
}
.content_tab ul.tab_menu {
    height: 35px;
    list-style: none;
    border-bottom: 1px solid #eee;
    margin: 0 0 5px 0;
}
.content_tab .fr {
    *border-bottom: 1px solid #eee;
    *padding: 0 0 4px 0;
}
.content_tab ul.tab_menu li {
    display: block;
    float: left;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    margin-bottom: -1px;
    /* 讓 li 往下移來遮住 ul 的部份 border-bottom */
    
    background: url(../images/icon/content_tab_bg.gif) repeat-x left top;
    margin: 0 2px;
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    position: relative;
}
.content_tab ul.tab_menu li a {
    padding: 0 20px;
    color: #666;
    text-decoration: none;
}
.content_tab ul.tab_menu li a:hover {
    color: #333;
}
.content_tab ul.tab_menu li.active {
    background: #f6fff0;
    border-top: 1px solid #009d97;
}
.content_tab ul.tab_menu li.active a {
    color: #333;
    font-weight: bold;
}
.content_tab ul.tab_menu li.tab_rt {
    float: right;
    background: #fff;
    border: 0;
}
.content_tab div.tab_container {
    background: #fff;
}
.content_tab div.tab_area {
    width: auto;
}
.content_tab div.tab_container .tab_area {
    padding: 0;
}
/*小月曆樣式*/

.date_txt {
    font-size: 12px;
    width: 80px;
    height: 16px;
    display: inline;
    height: 18px;
    position: relative;
    background-color: #FFF;
    border: 1px solid #D2D2D2;
    font-size: 12px;
    line-height: 18px;
    color: #333;
    padding: 0px 2px;
    margin: 0 4px 0 0;
}
#ui-datepicker-div {
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -ms-box-shadow: none !important;
    -o-box-shadow: none !important;
    -webkit-box-shadow: none !important;
}
/**資產總覽頁籤**/

.menuTab {
    margin: 15px 0 10px 0;
    width: 100%;
}
#menuTab_menu {
    margin: 0
}
#menuTab_menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    clear: both;
}
#menuTab_menu li {
    display: block;
    float: left;
}
#menuTab_menu li a {
    display: block;
    width: 100px;
    height: 30px;
    background: url(../images/icon/content_tab_bg.gif) repeat-x left top;
    margin: 0 3px 0 0;
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    position: relative;
    text-align: center;
    line-height: 30px;
    color: #666;
    text-decoration: none;
}
#menuTab_menu li a:hover {
    color: #333;
}
a.currentTab {
    background: #f6fff0 !important;
    border-top: 1px solid #009d97 !important;
    height: 31px !important;
    margin: 0 3px -1px 0 !important;
    z-index: 100;
    color: #333 !important;
    font-weight: bold;
    cursor: default;
}
.submenuTab {
    list-style: none;
    margin: 0 0 5px 0;
    padding: 0;
    clear: both;
    text-align: center;
    overflow: hidden;
}
.submenuTab li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    height: 22px;
    line-height: 22px;
    margin: 3px;
}
.submenuTab li a {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding: 0 20px;
    background: url(../images/icon/submenuTab_bg.gif) repeat-x left bottom #fff;
    color: #666;
    text-decoration: none;
    border: 1px solid #c1dce4;
    border-bottom: 2px solid #c1dce4;
    text-align: center;
}
.submenuTab li a:hover {
    color: #328ba4;
}
.submenuTab li.current a {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    background: #328ba4;
    border: 1px solid #328ba4;
    border-bottom: 2px solid #328ba4;
    color: #fff;
    cursor: default;
}
.submenuTab li.current a:hover {
    color: #fff;
    cursor: default;
}
#menuTab_content {
    overflow: visible;
}
.boxs {
    border: 1px solid #eee;
    border-bottom: 2px solid #b3dc88;
    padding: 20px 15px;
    background: #fff;
    clear: both;
    text-align: center;
}
.app_mid_frame .boxs {
    /*for 基金首頁*/
    
    border: 1px solid #eee;
    border-bottom: 2px solid #b3dc88;
    padding: 0;
    background: #fff;
    clear: both;
    text-align: center;
}
.app_mid_frame .boxs .table_ver_f {
    /*for 基金首頁*/
    
    border-bottom: none !important;
}
#box2, #box3, #box4, #box5, #box6, #box7 {
    display: none;
}
/**總覽表格**/

.balance_sheet {
    background: #f5f5f5;
    padding: 5px;
}
.sheet_assets {
    background: #fff;
    height: 100%;
    border: 1px solid #339900;
}
.sheet_debt {
    background: #fff;
    height: 100%;
    border: 1px solid #ff9900;
}
.tit_assets {
    background: url(../images/icon/tit_assets_bg.gif) #e9f5cc repeat-x left bottom;
    border-bottom: 1px solid #339900;
}
.tit_assets_curr {
    background: url(../images/icon/tit_assets_bg.gif) #e9f5cc repeat-x left bottom;
    border-bottom: 1px solid #339900;
}
.tit_assets a, .tit_assets_curr a {
    display: block;
    text-decoration: none;
    color: #003399;
    font-size: 16px;
    font-weight: bold;
    line-height: 32px;
    height: 32px;
    text-align: center;
    padding: 0 0 0 15px;
}
.tit_assets a:hover {
    text-decoration: underline;
}
.tit_debt {
    background: url(../images/icon/tit_debt_bg.gif) #ffeac5 repeat-x left bottom;
    border-bottom: 1px solid #ff9900;
}
.tit_debt_curr {
    background: url(../images/icon/tit_debt_bg.gif) #ffeac5 repeat-x left bottom;
    border-bottom: 1px solid #ff9900;
}
.tit_debt a, .tit_debt_curr a {
    display: block;
    text-decoration: none;
    color: #003399;
    font-size: 16px;
    font-weight: bold;
    line-height: 32px;
    height: 32px;
    text-align: center;
    padding: 1px 0 0 15px;
}
.tit_debt a:hover {
    text-decoration: underline;
}
.table_oview {
    width: 100%;
}
.table_oview .hd {
    text-align: right;
    font-size: 13px;
    line-height: 20px;
    padding: 4px;
    vertical-align: middle;
}
.table_oview .hd_main {
    text-align: center;
    font-size: 13px;
    height: 20px;
}
.table_oview td {
    padding: 4px;
    background: #fff;
    line-height: 20px;
    word-wrap: break-word;
    vertical-align: middle;
    text-align: right;
}
.sheet_assets .table_oview .hd {
    background: #eff9e2;
}
.sheet_assets .table_oview .hd_main {
    background: #e5f5bf;
}
.sheet_assets .table_oview td {
    border-bottom: #339900 1px solid;
}
.sheet_assets .table_oview td.current {
    background: #e0f0b7 !important;
}
.sheet_debt .table_oview .hd {
    background: #f9f1e8;
}
.sheet_debt .table_oview .hd_main {
    background: #e5f5bf;
}
.sheet_debt .table_oview td {
    border-bottom: #ff9900 1px solid;
}
.sheet_debt .table_oview td.current {
    background: #ceeda5 !important;
}
.sheet_assets .sum_single td {
    border-bottom: 1px solid #339900 !important;
    text-align: right;
}
.sheet_debt .sum_single td {
    border-bottom: 1px solid #ff9900 !important;
    text-align: right;
}
/**註冊**/

#reg_HEADER_WRAP {
    width: 100%;
    height: 80px;
}
.reg_wrap {
    position: relative;
    width: 1000px;
    margin: 0 auto;
    padding: 20px 0;
    overflow: hidden;
}
.reg_wrap .table_hor .hd, .reg_wrap .table_hor td {
    border-bottom: solid 2px #eee ;
}
.reg_wrap .table_ver td {
    border: 1px solid #c6d2ab;
}
.reg_wrap .table_ver .hd {
    border-bottom: #b3dc88 2px solid;
}
.reg_wrap .table_ver {
    border: 1px solid #eee;
    border-bottom: #b3dc88 2px solid;
}
.reg_done {
    background: #fcfff5 url(../images/icon/reg_done.gif) no-repeat right center;
    border: 5px solid #d8f0d6;
    margin: 10px auto;
    padding: 10px 100px 10px 20px;
}
.reg_done .column_title {
    font-size: 15px;
    font-weight: bold;
    background: none;
    color: #4c5141;
    text-align: left;
    padding: 0 0 10px 0;
}
.reg_done .table_hor {
    border: none;
    margin: 10px 0 0 0;
}
.reg_done .table_hor td {
    border: none;
    vertical-align: top;
}
.reg_done .table_hor .hd {
    background: none;
    border: none;
    font-weight: bold;
}
.app_frame {
    float: left;
    width: 100%;
    padding: 20px 50px;
    background-color: #FFF;
    position: relative;
    border: 1px solid #eee;
    border-top: 1px solid #eee;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    z-index: 0;
}
.app_frame .app_title {
    position: relative;
    height: auto;
    border-bottom: 1px solid #D2D2D2;
}
.app_frame .app_title p {
    color: #009d97;
    font-size: 16px;
    font-weight: bold;
    padding: 6px 16px 6px 20px;
    letter-spacing: 1px;
}
.app_frame .app_content {
    margin-top: 5px;
}
.reg_wrap .step {
    display: inline-block;
    width: 100%;
    height: 40px;
    margin: 5px 0;
    padding: 0 10px;
    background: #eee;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    vertical-align: middle;
    overflow: visible;
}
.reg_wrap .step p {
    display: block;
    float: left;
    position: relative;
    height: 40px;
    width: 60px;
    padding: 0px 5px;
    font-size: 15px;
    font-style: italic;
    font-weight: bold;
    line-height: 40px;
    color: #4c5141;
    background: url(../images/icon/step_arrow.gif) no-repeat right;
}
.reg_wrap .step dt {
    display: block;
    float: left;
    height: 40px;
    position: relative;
    line-height: 40px;
    *line-height: 46px;
    color: #119F97;
    margin: 0 10px;
    background: none;
    font-size: 15px;
}
.reg_wrap .step dt span {
    display: block;
    float: left;
    height: 17px;
    width: 17px;
    line-height: 17px;
    text-align: right;
    margin: 12px 5px 0 0;
    color: #e4f0c7;
    background: url(../images/icon/icon_reg_step.png) no-repeat left -34px;
}
.reg_wrap .step dt.current {
    z-index: 100;
    line-height: 40px;
    *line-height: 46px;
    color: #4c5141;
    background: #fff;
    margin: -5px 0 0 0;
    height: 45px;
    padding: 3px 20px 0 20px;
    border-top: 2px solid #119F97;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
}
.reg_wrap .step dt.current span {
    display: block;
    float: left;
    height: 17px;
    width: 17px;
    line-height: 17px;
    text-align: right;
    margin: 12px 5px 0 0;
    color: #e4f0c7;
    background: url(../images/icon/icon_reg_step.png) no-repeat left -17px;
}
.reg_wrap .step dt.succ {
    line-height: 40px;
    *line-height: 46px;
    color: #4c5141;
    height: 40px;
    margin: 0 10px;
}
.reg_wrap .step dt.succ span {
    display: block;
    float: left;
    height: 17px;
    width: 0;
    padding: 0 0 0 17px;
    overflow: hidden;
    line-height: 17px;
    text-align: center;
    margin: 12px 5px 0 0;
    color: #e4f0c7;
    background: url(../images/icon/icon_reg_step.png) no-repeat left top;
}

@media \0screen { /*for css (IE8最為有用)*/
  .reg_wrap .step dt.current span,
  .reg_wrap .step dt span {
    text-align: center;
  }
}
/**主題設定**/

.change_theme {
    text-align: center;
}
.change_theme .btn_block {
    margin: 0;
}
.change_theme ul {
    margin: 10px auto;
    text-align: left;
    overflow: hidden;
    width: 784px;
}
.change_theme li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    *width: 370px;
    float: left;
    margin: 0 10px 10px 0;
    padding: 0 6px 6px 6px;
    background: #eff9e2;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F9FBF4), to(#eff9e2));
    background: -webkit-linear-gradient(#F9FBF4, #eff9e2);
    background: -ms-linear-gradient(#F9FBF4, #eff9e2);
    background: -moz-linear-gradient(#F9FBF4, #eff9e2);
    background: -o-linear-gradient(#F9FBF4, #eff9e2);
    background: linear-gradient(#F9FBF4, #eff9e2);
    -pie-background: linear-gradient(#F9FBF4, #eff9e2);
}
.change_theme li.last {
    margin-right: 0;
}
.change_theme .img_s {
    width: 368px;
    height: 322px;
    border: 1px solid #eee;
}
.change_theme .float_panel {
    z-index: 999;
    display: none;
    position: absolute;
    width: 420px;
    padding: 0 10px 10px 10px;
}
/**版面內容自訂**/

.custom_panel {
    float: left;
    width: 100%;
    background: #eff9e2;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F9FBF4), to(#eff9e2));
    background: -webkit-linear-gradient(#F9FBF4, #eff9e2);
    background: -ms-linear-gradient(#F9FBF4, #eff9e2);
    background: -moz-linear-gradient(#F9FBF4, #eff9e2);
    background: -o-linear-gradient(#F9FBF4, #eff9e2);
    background: linear-gradient(#F9FBF4, #eff9e2);
    -pie-background: linear-gradient(#F9FBF4, #eff9e2);
    overflow: hidden;
}
.custom_panel .panel_l {
    float: left;
    width: 64%;
    margin: 0 0 -500px 0;
    padding: 10px 10px 510px 10px;
    text-align: right;
    border-right: 6px solid #fff;
}
.custom_panel .panel_r {
    float: left;
    width: 36%;
    margin: 0 0 -500px 0;
    padding: 10px 10px 510px 10px;
    text-align: right;
}
.custom_panel .td_lt {
    font-size: 13px;
}
.custom_panel li {
    display: block;
    border: #d2d2d2 1px solid;
    padding: 7px 10px;
    margin: 0 0 5px 0;
    color: #4c5141;
    background: url(../images/icon/custom_panel_li_bg.gif) center repeat-x #f3f3f3;
}
.custom_panel li .btn_tb {
    width: 40px;
    margin: 0;
    background: url(../images/icon/btn_tb_gray_bg.gif) repeat-x top #a1a1a1;
}
.custom_panel li .btn_tb:hover {
    background: #a1a1a1;
}
.custom_panel li.panel_hide {
    color: #909389;
    border: #d2d2d2 1px dashed !important;
    background: #f5f5f5 !important;
}
.custom_panel li.panel_hide .btn_tb {
    width: 40px;
}
.custom_panel .placeHolder {
    background: none !important;
    border: dashed 2px #ddd !important;
}
/**修改帳號順序**/

.sort_order {
    width: 100%;
    background: #eff9e2;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F9FBF4), to(#eff9e2));
    background: -webkit-linear-gradient(#F9FBF4, #eff9e2);
    background: -ms-linear-gradient(#F9FBF4, #eff9e2);
    background: -moz-linear-gradient(#F9FBF4, #eff9e2);
    background: -o-linear-gradient(#F9FBF4, #eff9e2);
    background: linear-gradient(#F9FBF4, #eff9e2);
    -pie-background: linear-gradient(#F9FBF4, #eff9e2);
    overflow: hidden;
}
.sort_order .panel {
    width: 100%;
    margin: 0;
    padding: 10px;
    text-align: left;
}
.sort_order .acct_sort {
    font-size: 12px;
}
.sort_order li {
    display: block;
    border: #d2d2d2 1px solid;
    padding: 5px 10px;
    margin: 0 30px 5px 10px;
    color: #4c5141;
    background: url(../images/icon/custom_panel_li_bg.gif) center repeat-x #f3f3f3;
}
.sort_order .placeHolder {
    background: none !important;
    border: dashed 2px #ddd !important;
}
/**服務總覽**/

.sitemap {
    width: 790px;
    overflow: hidden;
    margin: 0 auto;
}
.sitemap .col {
    float: left;
    width: 190px;
    margin: 0 10px 0 0;
    padding: 0 0 0 0;
    display: block;
}
.sitemap .col_last {
    float: left;
    width: 190px;
    margin: 0;
    padding: 0;
    display: block;
}
.sitemap .serv_name {
    font-size: 13px;
    line-height: 15px;
    background: url(../../inc/images/icon/icon_tdTitle.gif) no-repeat 3px 3px #f8fbf1;
    padding: 4px 2px 4px 20px;
    margin: 5px 0 0 0;
}
.sitemap .serv_subtit {
    display: block;
    font-size: 13px;
    color: #fff;
    line-height: 17px;
    padding: 2px 5px 2px 25px;
    padding: 3px 5px 2px 25px \9;
    margin-top: 5px;
    background: url(../images/icon/serv_subtit_bg.gif) no-repeat 0 0;
    text-decoration: none;
}
.sitemap .serv_subtit:hover {
    background: url(../images/icon/serv_subtit_bg.gif) no-repeat 0 -22px;
}
.sitemap .serv_subtit_curr {
    display: block;
    font-size: 13px;
    color: #fff;
    line-height: 18px;
    padding: 2px 5px 2px 25px;
    margin-top: 5px;
    background: url(../images/icon/serv_subtit_bg.gif) no-repeat 0 -44px;
    text-decoration: none;
}
.sitemap .serv_subtit_curr:hover {
    background: url(../images/icon/serv_subtit_bg.gif) no-repeat 0 -66px;
    text-decoration: none;
}
.sitemap .serv_subtit_link {
    display: block;
    font-size: 13px;
    color: #fff;
    line-height: 18px;
    padding: 2px 5px 2px 25px;
    margin-top: 5px;
    background: url(../images/icon/serv_subtit_bg.gif) no-repeat 0 -88px;
    text-decoration: none;
}
.sitemap .serv_subtit_link:hover {
    background: url(../images/icon/serv_subtit_bg.gif) no-repeat 0 -110px;
    text-decoration: none;
}
.sitemap ul {
    padding: 3px 10px 3px 10px;
    line-height: 22px;
    border: 1px solid #eee;
    border-top: none;
    border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    -webkit-border-radius: 0px 0px 5px 5px;
}
.sitemap li {
    line-height: 18px;
    border-bottom: 1px solid #eee;
    padding: 1px 0;
}
.sitemap li a {
    color: #333;
    text-decoration: none;
}
.sitemap li a:hover {
    color: #666;
}
.sitemap li.last {
    border-bottom: none;
}
.display0 {
    display: none;
}
.display1 {
    display: ;
}
/**訊息通知icon**/

.mail_open {
    *display: inline;
    *zoom: 1;
    background: url(../images/icon/mail_open.png) 2px 0 no-repeat;
    line-height: 18px;
    padding: 2px 0 0 24px;
}
.mail {
    *display: inline;
    *zoom: 1;
    background: url(../images/icon/mail.png) 2px 2px no-repeat;
    line-height: 18px;
    padding: 2px 0 0 24px;
}
.news_clickme {
    background: url(../images/icon/icon_click.gif) left center no-repeat;
    line-height: 14px;
    height: 14px;
    padding: 0 0 0 13px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
}
/**變更密碼**/

.changePW {
    width: 100%;
    margin: 9px 0 0 0;
    background: #fff4f2;
    padding: 5px 3px;
    color: #ff3300;
}
/**招財點活動**/

.rolled_box {
    width: 720px;
    height: 220px;
    background: url(../images/icon/FMS01014_cat_bg.jpg) no-repeat;
    margin: 20px auto 10px auto;
    line-height: 22px;
}
.rolled_box .rolled_content {
    margin: 12px 0 0 50px;
    width: 520px;
    height: 220px;
}
.rolled_box .rolled_content td {
    padding: 0 50px 0 60px;
    vertical-align: middle;
    line-height: 20px;
}
.rolled_content .btn_block {
    text-align: center;
    margin: 10px 0 0 0;
}
.rolled_content .rolled_tit {
    color: #ffac08;
    font-weight: bold;
    font-size: 15px;
}
.rolled_content p {
    font-size: 15px;
    margin: 5px 0;
    background: url(../images/icon/icon_red_ball.gif) no-repeat;
    padding: 0 0 0 26px;
    line-height: 28px;
}
.rolled_content .count {
    color: #318897;
    font-weight: bold;
    padding: 0 5px;
}
.rolled_content .trans_fail {
    /*20121207修改*/
    
    font-size: 15px;
    background: url(../images/icon/trans_fail.gif) 0 4px no-repeat;
    padding: 0 0 0 20px;
    line-height: 24px;
}
.rolled_content .trans_succ {
    /*20121207修改*/
    
    font-size: 15px;
    background: url(../images/icon/trans_succ.gif) 0 4px no-repeat;
    padding: 0 0 0 20px;
    line-height: 24px;
}
.rolled_content .trans_alert {
    /*20121207修改*/
    
    font-size: 15px;
    background: url(../images/icon/trans_alert.gif) 0 4px no-repeat;
    padding: 0 0 0 20px;
    line-height: 24px;
}
/**申報書樣式**/
.formtop_tit{
    text-align: top;
    font-size: 14px;
    line-height: 34px;
}
.declaration {
    border: 5px solid #eee;
    padding: 10px;
}
.declaration table {
    width: 100%;
}
.declaration td {
    /*border-bottom: 1px solid #ccc;*/
    padding: 4px 5px;
}
.declaration table table td {
    border-bottom: none;
    padding: 2px 0;
    vertical-align: middle;
}
.declaration .last td {
    border-bottom: none !important;
}
.declaration .form_tit {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    padding: 10px 0;
    letter-spacing: 7px;
    /*border-bottom: 1px solid #ccc;*/
}
.declaration .form_tit .en{
    letter-spacing:0;
    font-size: 11px;
    line-height: 18px;
    margin-top: 5px;}
.declaration .form_ps {
    background: #f6f6f6;
    text-align: right;
    padding: 3px 5px 3px 0;
    border-bottom: 1px solid #ccc;
}
.declaration .note {
    padding: 3px 5px;
    border-bottom: 1px solid #ccc;
    line-height: 20px;
}
.declaration .note td {
    padding: 0 0 4px 0;
    border-bottom: none;
}
.declaration td.bd_rt {
    border-right: 1px solid #ccc;
}
.declaration .form_tit .en {

}
.input_text {
    border: none;
    border-bottom: 1px solid #ccc;
    text-align: left;
}
.declaration dl{position: relative; margin-bottom: 3px;}
.declaration dt{width: 30px; position: absolute;left: 0;top: 0;line-height: 30px;}
.declaration dd{
    margin-left: 35px;
    line-height: 26px;
}

@media screen and (-webkit-min-device-pixel-ratio:0){
    .declaration dd{
        line-height: 14px;
        padding-top: 0px;
    }
    .declaration dt{line-height: 18px;}
    .declaration dt .check_style{margin-top:0;}
}  /*chrome*/
.declaration .table_line,
.declaration .table_line td{border: 1px solid #ccc;}
.declaration .en{font-size: 12px; line-height: 16px;font-weight: normal;}
.declaration .vtop .check_style{ margin-top: 4px;}
/*右方注意事項*/
.declaration .notices dt,
.declaration .notices dd{line-height: 18px}
.declaration .notices dd{
    padding-top: 0;
    margin-left: 30px !important;}
.declaration .dec_checkbox{
    border: 1px solid #4C5141;
    display: inline-block;width: 13px;height: 13px;
    margin: 3px 0 -1px 0;
    line-height: 11px;
    font-size: 11px;text-align: center;}
.declaration dt.ct .dec_checkbox{
    line-height: 30px;
}
.declaration .dec_input{
    border-bottom: 1px solid #ccc;
    line-height: 22px;height: 22px;
    min-width: 50px;padding: 0 3px;
    display: inline-block; margin: 0 1px;
}
.declaration .dec_input.inline{display: inline;}
.declaration .dec_input.dis_block{
	width: 93%;
    width: calc(100% - 39px);
    height: auto;
    display: inline-block;
}
/*IE*/
.declaration dt.rt{top: 3px \0;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
/* IE10-specific styles go here */
    .declaration dt.rt{top: 3px;}
}

.declaration td br{display: inline;}
/*for_slayout*/
.declaration.for_slayout .dec_input.dis_block{width: 340px;}
.declaration.for_slayout .dec_input.dis_wamount{width: 157px;}
.declaration .dec_input.dis_wamount{width: 417px;}
/*chrome*/
@media screen and (-webkit-min-device-pixel-ratio:0){
    .declaration td br{display:block;}
}

/**基金專用樣式**/
.fix-width{
    min-width: 990px;
}
.fee .agree_check {
    border-top: 1px solid #ccc;
}
.fee p {
    padding: 4px 0;
    margin: 0;
    font-size: 13px;
}
.fee_rem {
    font-size: 13px;
    line-height: 22px;
    color: #ff3300;
    padding: 10px;
    margin: 5px 0;
    background: #f6f6f6;
}
.frame_col3_wrap .fund_warning {
    /*width:58%;*/
    
    float: left;
    font-size: 13px;
    line-height: 22px;
    margin: 10px 0;
    background: #f6f6f6;
    position: relative;
}
.fund_warning {
    /*width:58%;*/
    
    font-size: 13px;
    line-height: 22px;
    margin: 0 0 30px 0;
    background: #f6f6f6;
    position: relative;
}
.fund_warning .warning_title {
    font-size: 13px;
    color: #ff3300;
    padding: 5px 10px;
    background: #eee;
    letter-spacing: 1px;
}
.fund_warning a.btn_more {
    display: inline;
    position: absolute;
    top: 3px;
    right: 10px;
}
.fund_warning .warning_content {
    font-size: 12px;
    padding: 5px 10px;
}
ol.fund_warning {
    width: auto;
    border: none;
    background: none;
    list-style: url(../images/icon/fund_warning_icon.gif);
    margin: 0 0 0 20px;
    padding: 0;
}
ol.fund_warning li {
    margin: 0 0 4px 0;
}
ol.fund_warning li .title {
    font-weight: bold;
}
.conf_trans {
    padding: 0;
    margin: 5px 0;
    border: 1px solid #FFE6E1;
}
.conf_trans .title {
    font-size: 13px;
    padding: 2px 4px;
    margin: 0 !important;
    font-weight: bold;
    background: #FFE6E1;
}
.conf_trans .ulist {
    margin: 0;
}
.conf_trans .scroll {
    overflow-y: scroll;
    height: 200px;
}
.conf_trans .title_imp {
    font-size: 13px;
    color: #ff3300;
    padding: 0 0 5px 0;
    margin: 0 !important;
    letter-spacing: 1px;
    font-weight: bold;
}
.conf_trans .content {
    padding: 0 10px;
    margin: 4px 0 8px 0;
}
/*表格資料篩選*/

.fund_select {
    background: #E5F7F7;
    padding: 5px 6px;
    border: 1px solid #CCCCCC;
    margin-bottom: 5px;
}
.fund_select dl {
    overflow: hidden;
}
.fund_select dt {
    display: block;
    float: left;
    padding: 0 20px 0 0;
    *position: relative;
}
.fund_select select {
    *position: absolute;
    *top: 0;
}
.fund_select .fr select {
    *position: relative;
    *top: inherit;
}
.fund_select dt a {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    line-height: 20px;
    color: #484848;
    text-decoration: none;
    background: url(../images/icon/icon_select_fund.gif) 0 -20px no-repeat;
    padding: 0 0 0 18px;
    height: 20px;
}
.fund_select dt a:hover {
    background: url(../images/icon/icon_select_fund.gif) 0 -40px no-repeat;
}
.fund_select dt a.current {
    background: url(../images/icon/icon_select_fund.gif) 0 0 no-repeat;
    cursor: default;
}
.bott_bg {
    background: url(../images/icon/img_fund_select.gif) no-repeat;
    width: 7px;
    height: 5px;
    position: relative;
    top: -1px;
    left: 50px;
}
.bott_per_bg {
    background: url(../images/icon/img_fund_select.gif) no-repeat;
    width: 7px;
    height: 5px;
    position: relative;
    top: -1px;
    left: 644px;
}
/*err-未申請交易*/

.fund_err {
    width: 582px;
    height: 334px;
    margin: 30px auto 20px auto;
    background: url(../images/icon/fund_err_bg.gif) no-repeat;
    text-align: center;
}
.fund_err h1 {
    font-size: 16px;
    font-weight: normal;
    color: #cb1d00;
    padding: 70px 0 20px 0;
}
.fund_err .link_guide {
    /*20121207修改*/
    
    padding: 0 50px;
    font-size: 13px;
    line-height: 24px;
    font-weight: normal;
    text-align: left;
}
.fund_err .link_guide .tit {
    font-size: 13px;
    padding: 15px 0 4px 0;
    letter-spacing: 1px;
    color: #333;
}
/*風險承受等級評估*/

.risk_evaluate {
    width: 582px;
    height: 334px;
    margin: 30px auto 20px auto;
    background: url(../images/icon/fund_err_bg.gif) no-repeat;
    text-align: center;
}
.risk_evaluate .r_content {
    width: 480px;
    margin: 0 auto;
    padding: 70px 0 0 0;
    font-size: 13px;
    line-height: 24px;
    font-weight: normal;
    text-align: left;
}
.risk_evaluate .r_content_new {
    width: 480px;
    margin: 0 auto;
    padding: 50px 0 0 0;
    font-size: 13px;
    line-height: 24px;
    font-weight: normal;
    text-align: left;
}
.risk_evaluate .r_content h1 {
    font-size: 15px;
    font-weight: bold;
    margin: 0 0 8px 0;
    color: #333;
}
.risk_style {
    font-size: 16px;
    margin: 0 3px;
    color: #ff3300;
}
/**基金專用樣式 說明表格**/

.table_desc {
    width: 100%;
    word-wrap: break-word;
    border-bottom: 2px solid #b3dc88;
}
.table_desc .hd {
    background: url(../images/icon/table_ver_hd.gif) #eff9e2 repeat-x left bottom;
    text-align: center;
    border-bottom: #b3dc88 2px solid;
    font-size: 13px;
    line-height: 20px;
    padding: 4px 0;
    vertical-align: top;
}
.table_desc .hd_title2 {
    background: #ceeda5;
    text-align: center;
    border-bottom: #b3dc88 1px solid;
    font-size: 13px;
    line-height: 20px;
    padding: 4px 0;
    vertical-align: top;
}
.table_desc .hd_subtit {
    background: #efffc8;
    text-align: right;
    font-size: 13px;
    line-height: 20px;
    padding: 4px;
    vertical-align: middle;
}
.table_desc td {
    border: #eee 1px solid;
    text-align: center;
    padding: 4px;
    line-height: 20px;
    word-wrap: break-word;
    word-break: normal;
    vertical-align: top;
}
.table_desc .subtit {
    font-size: 13px;
    line-height: 16px;
    padding: 8px 10px;
    text-align: center;
    background: #f7f9e3;
}
.table_desc_hor {
    width: 100%;
    word-wrap: break-word;
    border-bottom: 2px solid #d8e08c;
    border-top: 1px solid #eee;
}
.table_desc_hor .hd {
    background: #f1f6c3;
    text-align: right;
    font-size: 13px;
    line-height: 20px;
    color: #4C5141;
    padding: 4px;
    vertical-align: middle;
}
.table_desc_hor td {
    border-bottom: #e8edbf 1px solid;
    text-align: left;
    padding: 4px;
    color: #4C5141;
    line-height: 20px;
    word-wrap: break-word;
    word-break: normal;
    vertical-align: middle;
}
.table_desc_hor .subtitle {
    font-size: 13px;
    line-height: 16px;
    padding: 8px 10px;
    text-align: left;
    background: #f7f9e3;
}
/**問卷表格**/

.table_qry {} .table_qry h1 {
    font-size: 15px;
    font-weight: normal;
    margin: 12px 0 8px 0;
}
.table_qry .qry_result {
    font-size: 13px;
    line-height: 24px;
}
.table_qry .qry_result span, .table_qry_q h6 span {
    padding: 0 8px;
}
.table_qry .qry_result div {
    font-size: 13px;
    margin: 5px 0;
}
.table_qry .risk_style {
    font-size: 15px;
    color: #ff3300;
    margin: 0 3px;
}
.table_qry .risk_exp {
    font-size: 13px;
    letter-spacing: 1px;
    padding: 0;
    color: #ff3300;
    margin: 0 3px;
}
.table_qry .risk_feature {
    color: #f30;
}
.table_qry .prod_suggest {
    border: 1px solid #b3dc88;
    padding: 4px 10px;
    margin: 10px 0;
    background: #eff9e2;
}
.table_qry ul li {
    list-style: none;
    color: #ff3300;
}
.table_qry .notify_box {
    background: #fcfeee;
    padding: 4px 10px;
    margin: 10px 0;
}
.table_qry .agree_check {
    border-top: 1px solid #ccc;
    margin: 12px 0 0 0;
    padding: 8px 0 0 0;
}
.table_qry_q {
    padding: 10px 12px 0px 12px;
    background: url(../images/icon/table_qry_title_bg.gif) no-repeat 0 0;
    position: relative;
}
.table_qry_q h1 {
    font-size: 20px;
    font-weight: bold !important;
    line-height: 22px;
    text-align: center;
    letter-spacing: 2px;
    padding: 12px 0 6px 0;
    margin: 0;
}
.table_qry_q h2 {
    font-weight: normal;
    text-align: center;
    margin: 0 0 20px 0;
    color: #666;
}
.table_qry_q h2 span {
    margin: 0 2px;
    font-weight: bold;
}
.table_qry_q h6 {
    font-weight: normal;
    margin: 5px 0;
}
.table_qry_q p {
    background: url(../images/icon/table_qry_title.gif) repeat-y #eff9e2;
    font-size: 13px;
    line-height: 20px;
    padding: 4px 10px;
    margin: 0;
}
.table_qry_q .qry_content {
    padding: 4px 4px 4px 12px;
    line-height: 20px;
    background: #fff;
    margin: 0 0 5px 0;
    border-bottom: 1px solid #b3dc88;
}
.table_qry_q dl {
    margin: 0;
}
.table_qry_q dt {
    position: relative;
    padding: 2px 0;
    z-index: 0;
}
.table_qry_q dd {
    position: relative;
    margin: -22px 0 2px 0;
    z-index: 1;
}
.table_qry_q .m {
    padding: 0 0 0 84px;
    *padding: 0 0 0 74px;
}
.table_qry_q .mm {
    padding: 0 0 0 94px;
    *padding: 0 0 0 44px;
}
/**基金表格_多筆(小字型)**/

.table_ver_f {
    width: 100%;
    /*table-layout:fixed;*/
    
    word-wrap: break-word;
    border-bottom: 2px solid #ccc;
}
.w_width {
    width: 1200px !important;
}
.table_ver_f .hd {
    background: #E5F5F7;
    text-align: center;
    border-bottom: #009d97 1px solid;
    font-size: 13px;
    line-height: 18px;
    padding: 2px 0;
    vertical-align: top;
}
.table_ver_f .hd_title2 {
    background: #BCE7E9;
    text-align: center;
    border-bottom: #98D2D4 1px solid;
    font-size: 13px;
    line-height: 18px;
    padding: 2px 0;
    vertical-align: middle;
}
.table_ver_f .hd_subtit {
    background: #efffc8;
    text-align: center;
    font-size: 13px;
    line-height: 18px;
    padding: 2px 0;
    vertical-align: middle;
}
.table_ver_f td {
    font-size: 13px;
    border: #eee 1px solid;
    text-align: center;
    padding: 2px;
    line-height: 18px;
    word-wrap: break-word;
    word-break: break-all;
    vertical-align: top;
}
.table_ver_f .maintit {
    background: #fff;
    border-top: 1px solid #fff !important;
    border-left: 1px solid #fff !important;
    border-right: 1px solid #fff !important;
    text-align: left;
    padding: 2px 0;
}
.table_ver_f .subtitle {
    /*20121207修改*/
    
    font-size: 12px;
    line-height: 16px;
    padding: 3px 0;
    text-align: center;
    vertical-align: middle;
    background: #f9faf5;
}
.table_ver_f .subtitle.lt {
    padding: 3px;
}
.table_ver_f .ps_txt {
    font-size: 12px;
    line-height: 16px;
    padding: 3px 0 3px 24px;
    text-align: left;
    vertical-align: middle;
    background: url(../images/icon/icon_pstxt.gif) #f9faf5 no-repeat 8px 3px;
    border-bottom: 1px solid #009d97 !important;
}
.table_ver_f .select_bg {
    background: #efffc8;
}
.table_ver_f .tdline {
    padding: 2px 0 0 0;
    margin: 0 0 1px 0;
}
.table_ver_f .basket td {
    background: #fff8e5;
    border: 1px solid #ffac08;
}
.table_ver_f .basket_top td {
    background: #fff8e5;
    border: 1px solid #ffac08;
    border-top: 2px solid #ffac08;
}
.table_ver_f .basket .subtitle {
    font-size: 12px;
    line-height: 16px;
    padding: 3px;
    text-align: left;
    background: #ffac08;
    color: #000;
    border: 1px solid #ffdc96;
}
.table_ver_f .sum_single td {
    background: #fff8e5;
    border-bottom: 1px solid #ffac08 !important;
    font-size: 13px;
    padding: 4px;
}
.table_ver_f .sum_basket td {
    background: #fff8e5;
    border: 1px solid #ffac08 !important;
    font-size: 13px;
    padding: 4px;
}
.sum_multi_f {
    font-size: 13px;
    text-align: center;
    background: #fff;
    border-bottom: 2px solid #ffac08;
    text-align: center;
}
.sum_multi_f td {
    font-size: 13px;
    line-height: 18px;
    padding: 2px;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #ffdb94;
    border-left: 1px solid #eee;
}
.sum_multi_f .sum_tdtitle, .sum_multi_f .sum_tdtitle td {
    background: #ffeecc;
    font-size: 13px;
    border-bottom: 1px solid #ffdb94;
}
.sum_multi_f .sum_tdtitle2 {
    background: #fff8eb;
    font-size: 13px;
}
/**基金-投資組合配置圖**/

div.graph {
    margin: 20px 0;
    /*width: 600px;*/

    height: 300px;
    /*float: left;*/

    border-top: none;
}
.invest {
    /*width: 600px;*/
}
.invest .money, .invest .title1 {
    padding: 5px;
    /*width: 600px;*/

    text-align: center;
}
.square1, .square2, .square3, .square4, .square5, .square6, .square7, .square8, .square9, .square10, .square11, .square12, .square13, .square14, .square15, .square16, .square17, .square18, .square19, .square20 {
    width: 10px;
    height: 10px;
    background: #cde87b;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
.square2 {
    background: #a3f7b0;
}
.square3 {
    background: #a0d6d9;
}
.square4 {
    background: #bbe2f2;
}
.square5 {
    background: #9db8ee;
}
.square6 {
    background: #b7a6f0;
}
.square7 {
    background: #dea5ee;
}
.square8 {
    background: #ec96eb;
}
.square9 {
    background: #f3aecf;
}
.square10 {
    background: #ff78a1;
}
.square11 {
    background: #f9b0ac;
}
.square12 {
    background: #f6cfb2;
}
.square13 {
    background: #ffe775;
}
.square14 {
    background: #FCAB70;
}
.square15 {
    background: #FCC770;
}
.square16 {
    background: #FCE370;
}
.square17 {
    background: #F8FB6F;
}
.square18 {
    background: #e8e1af;
}
.square19 {
    background: #a9c25b;
}
.square20 {
    background: #9fdc56;
}
/**基金首頁-資產配置建議**/

.pie_now {
    float: left;
    width: 49%;
    border: 1px solid #b3dc88;
    padding: 0;
    position: relative;
}
.pie_sugg {
    float: right;
    width: 49%;
    border: 1px solid #b3dc88;
    padding: 0;
    position: relative;
}
.pie_now h1, .pie_sugg h1 {
    background: url(../images/icon/table_ver_hd.gif) #eff9e2 repeat-x left bottom;
    border-bottom: #b3dc88 1px solid;
    text-align: center;
    font-weight: 700;
    padding: 4px 0;
    font-size: 14px;
    margin-top: 0;
}
.pie_now .graph, .pie_sugg .graph {
    margin: 10px auto;
    width: 230px;
    text-align: center;
}
.risk_level {
    position: absolute;
    top: 30px;
    right: 10px;
}
.risk_level .level {
    border-bottom: 1px solid #F30;
    padding: 0;
    margin: 0 0 0 4px;
    color: #F30;
}
.updated {
    font-size: 10px;
    color: #666;
}
/**文字顏色樣式**/

.red {
    color: #F30;
}
.green {
    color: #060;
}
.plus {
    color: #F30;
}
.minus {
    color: #4c5141;
}
.plus_fund {} .minus_fund {
    color: #F30;
}
.fund_pmo {
    font-weight: bold;
}
.tips {
    color: #500f02;
}
.tips img {
    vertical-align: middle;
}
.bold {
    font-weight: bold !important;
}
/**app_right_frame 小頁籤版**/

.app_right_frame .content_tab {
    margin: 0 auto;
}
.app_right_frame .content_tab ul.tab_menu {
    height: 20px;
}
.app_right_frame .content_tab ul.tab_menu li {
    height: 20px;
    line-height: 20px;
    margin: 0 3px 0 0;
}
.app_right_frame .content_tab ul.tab_menu li a {
    padding: 0 2px;
}
.app_right_frame .submenuTab {
    line-height: 15px;
    margin: 0 0 5px 0;
    padding: 1px 0;
}
.app_right_frame .submenuTab li {
    height: 15px;
    font-size: 13px;
    line-height: 15px;
    margin: 1px;
}
.app_right_frame .submenuTab li a {
    padding: 0 1px;
    border: 1px solid #c1dce4 !important;
    border-bottom: 1px solid #c1dce4;
}
/**基金首頁**/

.fund_menu {
    padding: 0 4px;
    background: #fff5e2;
    margin: 0 0 3px 0;
    border-bottom: 1px solid #dba81f;
}
.fund_menu a {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin: 0 2px;
    text-decoration: none;
    color: #4C5141;
    line-height: 20px;
}
.fund_menu a:hover {
    color: #007b90;
}
.fund_menu a.current {
    color: #fff;
    font-weight: bold;
    background: #dba81f;
    padding: 0 5px;
}
/**首頁-常見問題**/

.faq p {
    border-bottom: 1px solid #b9dde3;
    font-size: 12px;
    overflow: hidden;
}
.faq p a {
    display: block;
    padding: 4px 0 4px 30px;
    color: #333;
    text-decoration: none;
    background: url(../images/icon/icon_faq_bg.gif) no-repeat 4px 4px;
    line-height: 20px;
}
.faq p a:hover {
    color: #007b90;
    background: url(../images/icon/icon_faq_bg.gif) no-repeat 4px 4px #f4fdff;
}
.faq p a.top {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding: 0 5px;
    color: #fff;
    text-decoration: none;
    background: #007b90;
    line-height: 16px;
    float: right;
}
.faq p a.top:hover {
    background: #76c1cd;
}
.faq .faq_content {
    margin: 30px 0 0 0;
}
.faq .faq_more {
    margin: 5px 0;
    background: #f9f9f9;
    padding: 5px 10px;
}
/**我的優惠- 廣告**/

.myADs_new {
    background: #b3dde5;
    position: relative;
    margin: 30px 0 5px 0;
    padding: 2px 0 3px 0;
}
.myADs_new p {
    display: block;
    position: absolute;
    top: -24px;
    left: 8px;
    background: url(../images/icon/title_new.gif) no-repeat;
    width: 90px;
    height: 19px;
    text-indent: 999px;
    overflow: hidden;
}
.myADs_hot {
    background: #ffd698;
    position: relative;
    margin: 25px 0 5px 0;
    padding: 2px 0 3px 0;
}
.myADs_hot p {
    display: block;
    position: absolute;
    top: -24px;
    left: 8px;
    background: url(../images/icon/title_hot.gif) no-repeat;
    width: 90px;
    height: 19px;
    text-indent: 999px;
    overflow: hidden;
}
.myADs {
    background: url(../images/icon/bg_myADs.gif) #fff repeat-x bottom left;
    width: 783px;
    overflow: hidden;
    padding: 5px;
    margin: 0 auto;
    border: 1px solid #E4EDCE;
    text-decoration: none;
}
.myADs .myADs_img {
    float: left;
    border: 0;
}
.myADs .myADs_content {
    width: 590px;
    padding: 10px 20px 5px 0;
    float: right;
    text-decoration: none;
}
.myADs .myADs_content a {
    color: #039;
    text-decoration: none;
}
.myADs .myADs_content a:hover {
    text-decoration: underline;
}
.myADs .myADs_img {
    border: 1px solid #eee;
}
.myADs .myADs_title {
    font-size: 13px;
    letter-spacing: 2px;
    color: #4C9200;
    text-decoration: none;
    margin: 0 0 5px 0;
}
.myADs_normal {
    background: #fff;
    margin: 20px 0;
    padding: 10px 0;
    border-top: 1px dashed #ccc;
}
.myADs_normal .myADs {
    margin: 10px auto;
}
body:nth-of-type(1) a {
    /*解決Safari出現連結底線*/

    text-decoration: none;
}
.tab_content .card_verify td {
    padding: 4px 2px;
    color: #555;
    font-size: 12px;
}
.tab_content .card_verify .hd {
    width: 80px;
    padding: 4px 2px 4px 0px;
    text-align: right;
    vertical-align: middle;
}
/*展開節點樣式 20121212新增*/

.btn_switch {
    display: block;
    line-height: 15px;
    color: #333;
    padding: 0 16px 0 0;
    background: url(../images/icon/tbDropDown.gif) no-repeat right 0;
    *+background: url(../images/icon/tbDropDown.gif) no-repeat right -2px;
    /*IE7*/

    text-decoration: none;
}
.btn_switch:hover {
    text-decoration: underline;
}
.btn_switch_hide {
    display: block;
    line-height: 15px;
    color: #333;
    padding: 0 16px 0 0;
    background: url(../images/icon/tbDropDown.gif) no-repeat right -15px;
    *+background: url(../images/icon/tbDropDown.gif) no-repeat right -17px;
    /*IE7*/
    
    text-decoration: none;
}
/*展開節點樣式 20151201修改*/

.btn_switch01 {
    display: block;
    line-height: 15px;
    color: #333;
    padding: 0 16px 0 0;
    
    background: url(../images/icon/tbDropDown.gif) no-repeat right -15px;
    *+background: url(../images/icon/tbDropDown.gif) no-repeat right -17px;
    /*IE7*/

    text-decoration: none;
}
.btn_switch01:hover {
    text-decoration: underline;
}
.btn_switch01_hide {
    display: block;
    line-height: 15px;
    color: #333;
    padding: 0 16px 0 0;
    background: url(../images/icon/tbDropDown.gif) no-repeat right 0;
    *+background: url(../images/icon/tbDropDown.gif) no-repeat right -2px;
    /*IE7*/

    text-decoration: none;
}
/*登入訊息*/

#intro {
    width: 998px;
    margin: 0 auto;
    position: relative;
    z-index: 10;
}
/*體驗新功能*/

a.experience, a.experience:hover {
    position: absolute;
    top: 0px;
    *top: 3px;
    right: 126px;
    line-height: 20px;
    font-size: 13px;
    padding: 0 0 0 22px;
    color: #04988f;
    display: inline-block;
    text-decoration: none;
    background: url(../images/icon/icon_experience.gif) left center no-repeat;
    *background-position: left top;
}
.exp_dialog {
    position: absolute;
    top: 26px;
    right: 120px;
    display: none;
    padding: 4px 8px 6px 8px;
    line-height: 22px;
    color: #000;
    border: 1px solid #ccc;
    background: #fff;
    z-index: 2;
}
.exp_dialog a.funt_link {
    font-size: 12px;
    line-height: 16px;
    *line-height: 17px;
    padding: 2px 4px;
    *padding: 2px 4px 1px;
    color: #fff !important;
    text-decoration: none;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    text-align: center;
    margin: 2px 1px;
}
.exp_dialog .dialog_arrow {
    position: absolute;
    background: url(../images/icon/intro_dialog_arrow.png) no-repeat;
    width: 10px;
    height: 12px;
    top: -6px;
    left: 166px;
}
.background {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    display: block;
    z-index: 9;
}
.index_intro {
    display: none;
    position: absolute;
    top: 0;
    left: -20px;
    z-index: 10;
}
.index_intro .close_btn {
    background: url(../images/icon/intro_close_btn.png) no-repeat left top;
    width: 28px;
    height: 28px;
    text-indent: 999px;
    overflow: hidden;
    position: absolute;
    top: 164px;
    right: 230px;
    z-index: 12;
    text-decoration: none;
}
.index_intro .close_btn:hover {
    background-position: left bottom;
}
.index_intro .intro_content {
    position: relative;
}
.index_intro .cat {
    position: absolute;
    top: 144px;
    right: 260px;
    z-index: 11;
}
/*體驗新功能 end*/
/*首次登入引導*/

.index_intro2 {
    position: absolute;
    top: 130px;
    left: 220px;
    z-index: 10;
    width: 550px;
    padding: 0;
    background: #fff;
    border: 3px solid #fff;
    border-radius: 5px;
    background: #ffecb7;
    display: none;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#ffecb7));
    background: -webkit-linear-gradient(#ffffff, #ffecb7);
    background: -ms-linear-gradient(#ffffff, #ffecb7);
    background: -moz-linear-gradient(#ffffff, #ffecb7);
    background: -o-linear-gradient(#ffffff, #ffecb7);
    background: linear-gradient(#ffffff, #ffecb7);
    -pie-background: linear-gradient(#ffffff, #ffecb7);
}
.index_intro2, .index_intro2 div, .index_intro2 dd, .index_intro2 dt, .index_intro2 h1 {
    font-family: Arial, Helvetica, sans-serif, \5FAE\8EDF\6B63\9ED1\9AD4, \65B0\7D30\660E\9AD4 !important;
}
.index_intro2 .title {
    background: #fff;
    -moz-border-radius: 550px / 50px;
    -webkit-border-radius: 550px / 50px;
    border-radius: 550px / 50px;
    color: #318897;
    padding: 25px 60px 20px 50px;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
}
.index_intro2 h1 {
    color: #ffac08;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 1;
    margin: 0 0 6px 0;
}
.index_intro2 .btn_block {
    margin: 10px 0;
}
.index_intro2 .cat {
    position: absolute;
    top: -34px;
    right: 3px;
    z-index: 11;
}
.index_intro2 .close_btn {
    background: #fff;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    width: 20px;
    height: 20px;
    border: 4px solid #5ab8c1;
    font-size: 22px;
    text-align: center;
    font-family: Verdana;
    color: #5ab8c1;
    font-weight: bold;
    position: absolute;
    top: -13px;
    right: -16px;
    z-index: 12;
    text-decoration: none;
}
.index_intro2 .close_btn:hover {
    background: #5ab8c1;
    color: #fff;
}
.index_intro2 .btn_tb, .index_intro2 .btn_tb:hover {
    background: none;
    color: #318897 !important;
    font-size: 15px;
    margin: 0 3px;
}
.index_intro2 .content_ani {
    padding: 15px 45px 20px 45px;
}
.index_intro2 .content_ani dl {
    padding: 12px;
    border-radius: 4px;
    margin-bottom: 12px;
    background: #ffd01c;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffd01c), to(#ffab08));
    background: -webkit-linear-gradient(#ffd01c, #ffab08);
    background: -ms-linear-gradient(#ffd01c, #ffab08);
    background: -moz-linear-gradient(#ffd01c, #ffab08);
    background: -o-linear-gradient(#ffd01c, #ffab08);
    background: linear-gradient(#ffd01c, #ffab08);
    -pie-background: linear-gradient(#ffd01c, #ffab08);
}
.index_intro2 .content_ani dd {
    line-height: 28px;
    min-height: 28px;
    height: 28px;
    height: auto;
    font-size: 14px;
    color: #000;
    font-family: Arial, Helvetica, sans-serif, \5FAE\8EDF\6B63\9ED1\9AD4, \65B0\7D30\660E\9AD4 !important;
}
.index_intro2 .content_ani dd span {
    color: #318897;
    margin: 0 5px;
}
.index_intro2 .content_ani dt {
    float: left;
    width: 28px;
    height: 28px;
    line-height: 28px;
    background: #fff;
    text-align: center;
    margin: 0 10px 10px 0;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    border-radius: 14px;
    font-size: 22px;
    color: #ffac08;
    font-weight: bold;
    font-style: italic;
}
/*首次登入引導-動態*/

.index_intro2 h1 {
    opacity: 0;
    -webkit-animation: into 1s;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: 1s;
    -moz-animation: into 1s;
    -moz-animation-fill-mode: forwards;
    -moz-animation-delay: 1s;
    -o-animation: into 1s;
    -o-animation-fill-mode: forwards;
    -o-animation-delay: 1s;
    animation: into 1s;
    animation-fill-mode: forwards;
    animation-delay: 1s;
}
.index_intro2 .title {
    -webkit-animation: highlight 1s;
    -webkit-animation-fill-mode: forwards;
    -moz-animation: highlight 1s;
    -moz-animation-fill-mode: forwards;
    -o-animation: highlight 1s;
    -o-animation-fill-mode: forwards;
    animation: highlight 1s;
    animation-fill-mode: forwards;
}
.index_intro2 .content_ani dl#ONE {
    opacity: 0;
    opacity: 1 \9;
    -webkit-animation: into 1s;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: 2s;
    -moz-animation: into 1s;
    -moz-animation-fill-mode: forwards;
    -moz-animation-delay: 2s;
    -o-animation: into 1s;
    -o-animation-fill-mode: forwards;
    -o-animation-delay: 2s;
    animation: into 1s;
    animation-fill-mode: forwards;
    animation-delay: 2s;
}
.index_intro2 .content_ani dl#TWO {
    opacity: 0;
    opacity: 1 \9;
    -webkit-animation: into 1s;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: 4s;
    -moz-animation: into 1s;
    -moz-animation-fill-mode: forwards;
    -moz-animation-delay: 4s;
    -o-animation: into 1s;
    -o-animation-fill-mode: forwards;
    -o-animation-delay: 4s;
    animation: into 1s;
    animation-fill-mode: forwards;
    animation-delay: 4s;
}
.index_intro2 .content_ani dl#THREE {
    opacity: 0;
    opacity: 1 \9;
    -webkit-animation: into 1s;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: 6s;
    -moz-animation: into 1s;
    -moz-animation-fill-mode: forwards;
    -moz-animation-delay: 6s;
    -o-animation: into 1s;
    -o-animation-fill-mode: forwards;
    -o-animation-delay: 6s;
    animation: into 1s;
    animation-fill-mode: forwards;
    animation-delay: 6s;
}
.index_intro2 .content_ani dl#FOUR {
    opacity: 0;
    opacity: 1 \9;
    -webkit-animation: into 1s;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: 8s;
    -moz-animation: into 1s;
    -moz-animation-fill-mode: forwards;
    -moz-animation-delay: 8s;
    -o-animation: into 1s;
    -o-animation-fill-mode: forwards;
    -o-animation-delay: 8s;
    animation: into 1s;
    animation-fill-mode: forwards;
    animation-delay: 8s;
}
.index_intro2 .content_ani #BTN {
    opacity: 0;
    opacity: 1 \9;
    -webkit-animation: into 1s;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: 7s;
    -moz-animation: into 1s;
    -moz-animation-fill-mode: forwards;
    -moz-animation-delay: 7s;
    -o-animation: into 1s;
    -o-animation-fill-mode: forwards;
    -o-animation-delay: 7s;
    animation: into 1s;
    animation-fill-mode: forwards;
    animation-delay: 7s;
}
/* WebKit Animations */

@-webkit-keyframes into {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-webkit-keyframes highlight {
    0% {
        font-size: 30px;
    }
    60% {
        font-size: 24px;
    }
    100% {
        font-size: 24px;
    }
}
/* FireFox Animations */

@-moz-keyframes into {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-moz-keyframes highlight {
    0% {
        font-size: 30px;
    }
    60% {
        font-size: 22px;
    }
    100% {
        font-size: 22px;
    }
}
/* Opera Animations */

@-o-keyframes into {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-o-keyframes highlight {
    0% {
        font-size: 30px;
    }
    60% {
        font-size: 22px;
    }
    100% {
        font-size: 22px;
    }
}
/* IE Animations */

@-ms-keyframes into {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-ms-keyframes highlight {
    0% {
        font-size: 30px;
    }
    60% {
        font-size: 22px;
    }
    100% {
        font-size: 22px;
    }
}
/* Animations */

@keyframes into {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes highlight {
    0% {
        font-size: 30px;
    }
    60% {
        font-size: 22px;
    }
    100% {
        font-size: 22px;
    }
}
/*首次登入引導-動態 end*/
/*首次登入引導 end*/
/*登入訊息 end*/
/*下載行動通知服務*/

.app_download {
    margin: 10px 0;
    text-align: center;
}
.app_download a {
    font-size: 15px;
    line-height: 24px;
    color: #000;
    font-family: "微軟正黑體";
    text-decoration: none;
    text-align: left;
    margin: 0 8px;
}
.app_download a.ios {
    display: inline-block;
    background: url(../images/icon/download_app_ios.gif) no-repeat;
    width: 212px;
    height: 90px;
    padding: 16px 122px 16px 16px;
}
.app_download a.android {
    display: inline-block;
    background: url(../images/icon/download_app_android.gif) no-repeat;
    width: 212px;
    height: 90px;
    padding: 16px 122px 16px 16px;
}
.app_download .os_name {
    display: block;
    font-size: 13px;
    font-style: italic;
    color: #4C5141;
    margin-bottom: 10px;
}
.app_download .app_name {
    display: block;
    font-size: 16px;
    font-weight: bold;
    color: #318897;
}
/*表格框線設定20130104*/

.bd {
    border: 1px solid #b3dc88 !important;
}
.bd_top {
    border-top: 1px solid #b3dc88 !important;
}
.bd_rgt {
    border-right: 1px solid #b3dc88 !important;
}
.bd_btm {
    border-bottom: 1px solid #b3dc88 !important;
}
.bd_lft {
    border-left: 1px solid #b3dc88 !important;
}
.app_mid_frame .bd {
    border: 1px solid #eee !important;
}
.app_mid_frame .bd_top {
    border-top: 1px solid #eee !important;
}
.app_mid_frame .bd_rgt {
    border-right: 1px solid #eee !important;
}
.app_mid_frame .bd_btm {
    border-bottom: 1px solid #eee !important;
}
.app_mid_frame .bd_lft {
    border-left: 1px solid #eee !important;
}
/*基金資料popup 20130115*/

.chart {
    margin: 0 auto 10px auto;
    text-align: center;
}
.award_icon {
    vertical-align: middle;
    margin: 0 4px;
}
.search {
    padding: 6px;
    margin: 5px 0;
    background: #e3ebd9;
    border: 1px solid #ccc;
}
.search .search_title {
    font-weight: bold;
}
.search td {
    padding: 4px 0;
}
.search select {
    margin: 2px 0;
}
.search .btn_block {
    margin: 0;
    text-align: center;
}
.fund_warning2 {
    padding: 0 5px;
}
.fund_warning2 dt {
    font-weight: bold;
}
.fund_warning2 dd {
    margin: -20px 0 5px 0;
}
.fund_warning2 .m {
    margin-left: 26px;
}
.fund_warning2 .mm {
    margin-left: 40px;
}
/*連結樣式*/

a.back_btn {
    display: inline-block;
    font-size: 12px;
    line-height: 14px;
    color: #039;
    text-decoration: none;
    background: url(../images/icon/icon_oview.gif) no-repeat 0 0;
    padding: 0 0 0 16px;
}
a.back_btn:hover {
    text-decoration: underline;
    background: url(../images/icon/icon_oview.gif) no-repeat 0 -14px;
}
/*jquery dialog樣式(button)*/

.app_right_frame .ui-widget {
    border: none !important;
}
.ui-dialog {
    padding: 0 !important;
}
.ui-dialog .ui-dialog-titlebar {
    padding: 8px 14px !important;
}
.ui-dialog .ui-dialog-title {
    font-size: 15px !important;
    font-weight: bold !important;
    color: #fff !important;
    letter-spacing: 1px;
}
.ui-dialog .ui-dialog-titlebar-close {
    right: 10px !important;
}
.ui-dialog .ui-dialog-buttonpane {
    text-align: center !important;
    border-top: none !important;
    padding: 0 0 10px 0 !important;
    margin: 0 !important;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: none !important;
}
.ui-dialog-buttonset button {
    font-size: 16px;
    letter-spacing: 1px;
    padding: 8px 10px;
    line-height: 18px;
    margin: 3px;
    color: #fff !important;
    text-decoration: none;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    text-align: center;
    border: none !important;
    border-radius: 0;
}
.ui-icon-closethick {
    background: url(../images/icon/app_close_icon.png) no-repeat 0 0;
    width: 14px;
    height: 14px;
}
.ui-icon-closethick:hover {
    background-position: 0 -14px !important;
}
/**登入後首頁小月曆**/

.other_note {
    font-weight: bold !important;
    color: #f59024 !important;
}
/**繳費範例**/

.example_pay {
    overflow: hidden;
}
.example_pay .title_icon {
    background: url(../images/icon/icon_example_bg.jpg) left center no-repeat;
    color: #fff;
    float: left;
    font-weight: bold;
    height: 34px;
    letter-spacing: 2px;
    padding: 6px 0 0 0;
    text-align: center;
    width: 65px;
}
.example_pay .title {
    float: left;
    padding: 12px 0 0 8px;
}
.example_pay .content {
    clear: both;
    margin: 0 auto;
}
.example_pay .content td {
    overflow: hidden;
}
.example_pay h1 {
    color: #007b90;
    font-weight: normal;
}
.example_pay ol {
    margin: 4px 0 0 4px;
}
.example_pay ol li {
    margin-bottom: 0px;
}
.example_pay .box {
    background: #f9f9f9;
    border: 1px solid #cfdadc;
    display: block;
    float: left;
    margin: 0 2px;
    min-height: 125px;
    padding: 10px 15px;
    width: 350px;
}
.example_pay img {
    display: block;
    margin: 0 auto;
}
/*首頁舊戶轉新戶icon*/

a.btn_changeform {
    background: url(../images/index/btn_changeform.png) no-repeat 0 0;
    color: #fff;
    font-size: 13px;
    height: 36px;
    left: 190px;
    line-height: 34px;
    *line-height: 38px;
    padding: 0 0 0 40px;
    position: absolute;
    text-decoration: none;
    top: 48px;
    width: 78px;
    z-index: 2;
}
a.btn_changeform:hover {
    text-decoration: underline;
}
.change_fail {
    background: url(../images/index/icon_change.gif) no-repeat left top;
    color: #cd0000 !important;
    font-size: 16px;
    line-height: 30px;
    padding: 6px 0 20px 50px;
}
.change_succ {
    background: url(../images/index/icon_change.gif) no-repeat left top;
    color: #004724 !important;
    font-size: 16px;
    line-height: 30px;
    padding: 6px 0 20px 50px;
}
/**錯誤訊息頁**/

.err_page {
    min-height: 300px;
    position: relative;
}
.err_content {
    width: 100%;
    margin: 40px auto;
    padding: 40px 40px 40px 80px;
    font-size: 13px;
    color: #cd0000;
    background: #fffff7 url(../images/index/err_page.gif) no-repeat 40px 34px;
    border: 1px solid #e8e8e8;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    -webkit-border-radius: 4px;
}
.err_content h6 {
    margin: 15px 0 5px 0;
}
.err_content h2 {
    margin: 0 0 5px 0;
    font-size: 15px;
    color: #6b8529;
    padding: 0 0 0 25px;
}
.err_content h2.ie6 {
    background: url(../images/icon/ie6.png) no-repeat left center;
}
.err_content h2.ie7 {
    background: url(../images/icon/ie7.png) no-repeat left center;
}
.err_content h2.chrome {
    background: url(../images/icon/chrome.png) no-repeat left center;
}
.err_content h2.firefox {
    background: url(../images/icon/firefox.png) no-repeat left center;
}
.err_content h2.opera {
    background: url(../images/icon/opera.png) no-repeat left center;
}
.err_content h2.safari {
    background: url(../images/icon/safari.png) no-repeat left center;
}
.err_content .browser_menu {
    overflow: hidden;
}
.err_content .browser_menu ul {
    height: 30px;
    border-bottom: 1px solid #eee;
}
.err_content .browser_menu li {
    display: block;
    float: left;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    margin-bottom: -1px;
    background: url(../images/icon/content_tab_bg.gif) repeat-x left top;
    margin: 0 2px 0 0;
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    position: relative;
}
.err_content .browser_menu li a {
    display: block;
    padding: 0 10px 0 35px;
    color: #666;
    text-decoration: none;
}
.err_content .browser_menu li a.ie {
    background: url(../images/icon/ie7.png) no-repeat 10px center;
}
.err_content .browser_menu li a.chrome {
    background: url(../images/icon/chrome.png) no-repeat 10px center;
}
.err_content .browser_menu li a.firefox {
    background: url(../images/icon/firefox.png) no-repeat 10px center;
}
.err_content .browser_menu li a.opera {
    background: url(../images/icon/opera.png) no-repeat 10px center;
}
.err_content .browser_menu li a.safari {
    background: url(../images/icon/safari.png) no-repeat 10px center;
}
.err_content .browser_menu li a:hover {
    color: #333;
}
.err_content .browser_menu li.active {
    background: url(../images/icon/content_tab_active_bg.gif) #fff repeat-x left top;
}
.err_content .browser_menu li.active a {
    color: #333;
    font-weight: bold;
}
.err_content .browser_content {
    background: #fff;
    border: 1px solid #eee;
    border-top: none;
    padding: 20px;
}
.err_content .tdline {
    padding: 20px 0;
}
.err_content .link_style {
    padding: 5px 0;
    text-align: center;
    display: block;
}
/**首頁widget皆隱藏提示內容**/

.widget_tips {
    width: 100%;
    background: #f8f8f8;
    color: #7f7f7f;
    float: left;
    font-size: 13px;
    margin: 0 0 10px 0;
    padding: 5px 10px;
    line-height: 22px;
    border: 1px dashed #e6e6e6;
    border-radius: 0px;
    -o-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -webkit-border-radius: 0px;
}
.right_wrap .widget_tips {
    width: 100%;
}
.security_logo {
    background: url('../images/icon/hitrust_seal_s.png') no-repeat scroll 0% 0% transparent;
    display: block;
    position: absolute;
    width: 52px;
    height: 60px;
    top: 15px;
    left: 80px;
}
.font_size_s {
    font-size: 10px;
    font-weight: normal;
}
/*英文斷字*/

.content_en, .content_en td {
    word-wrap: break-word;
    word-break: normal;
}
/*餘額查詢提領showhide互動使用*/

.radio_showhide_target {
    display: none;
}
.radio_showhide_target.active {
    display: block;
}
/*查詢結果區塊*/

.qry_section {
    margin: 30px 0 0 0;
    border-top: 1px dashed #ccc;
    position: relative;
    padding: 20px 0 10px 0;
}
.qry_section .trade_date {
    color: #999;
    line-height: 20px;
    position: absolute;
    right: 0;
    top: -14px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    background: #fff;
    padding: 0 0 0 10px;
}
/*信用卡消費明細查詢 未入帳*/

.unrecorded td {
    color: #eb4800;
}
/*step1樣式*/

.step1 {
    height: auto;
    overflow: hidden;
}
.step1 dt {
    float: left;
    display: inline-block;
    height: 26px;
    margin: 0px 5px 5px 0px;
    font-size: 13px;
    line-height: 25px;
    color: #888;
    background: #eee;
    text-align: left;
}
.step1 dt .app_step_icon {
    display: inline-block;
    color: #888;
    padding: 0 12px 0 5px;
}
.step1 dt span {
    display: inline-block;
    height: 25px;
    font-size: 13px;
    line-height: 25px;
    color: #888;
    padding: 0 5px 0 0;
}
.step1 dt.current {
    display: inline-block;
    font-size: 13px;
    line-height: 25px;
    color: #333;
    background: #39C5CE;
}
.step1 dt.current span {
    color: #fffee1;
}
.step1 dt.current .app_step_icon {
    color: #fffee1;
    background: url(../images/icon/step_curr.gif) no-repeat #839a4a right 0;
}
/*轉帳繳費快捷--20140409*/

.table_fast {
    color: #cd0000;
    background: none;
    padding: 0;
    width: 100%;
    word-wrap: break-word;
    margin-bottom: 10px;
}
.table_fast .hd {
    background: url(../images/icon/table_ver_hd.gif) #eff9e2 repeat-x left bottom;
    text-align: left;
    border-bottom: #b3dc88 2px solid;
    font-size: 13px;
    vertical-align: top;
}
.table_fast td {
    border: #eee 1px solid;
    text-align: left;
    padding: 4px 6px;
    line-height: 20px;
    word-wrap: break-word;
    word-break: break-all;
    vertical-align: top;
}
.table_fast a.del {
    float: right;
    width: 25px;
    height: 20px;
    background: url(../images/icon/btn_fastdel.gif);
    background-position: 3px 1px;
    background-repeat: no-repeat;
}
.table_fast a:hover.del {
    float: right;
    width: 25px;
    height: 20px;
    background: url(../images/icon/btn_fastdel_ov.gif);
    background-position: 3px 1px;
    background-repeat: no-repeat;
}
.table_fast ol.fast_con {
    padding: 0;
    width: 100%;
}
.table_fast ol.fast_con li {
    display: inline;
    padding: 5px 5px 5px 0;
    float: left;
}
.table_fast ol.fast_con li input {
    margin-left: 10px;
}
.table_fast ol.fast_con li.last {
    text-align: right;
    float: right;
}
.table_fast_no {
    color: #aaa;
    background: none;
    padding: 0;
    width: 100%;
    word-wrap: break-word;
    margin-bottom: 10px;
}
.table_fast_no .hd {
    background-color: #EEE;
    text-align: left;
    font-size: 13px;
    vertical-align: top;
    color: #aaa;
    border-bottom: #EEE 2px solid;
}
.table_fast_no td {
    border: #eee 1px solid;
    text-align: left;
    padding: 4px 6px;
    line-height: 20px;
    word-wrap: break-word;
    word-break: break-all;
    vertical-align: top;
}
.table_fast_no a.del {
    float: right;
    width: 25px;
    height: 20px;
    background: url(../images/icon/btn_fastdel.gif);
    background-position: 3px 1px;
    background-repeat: no-repeat;
}
.table_fast_no a:hover.del {
    float: right;
    width: 25px;
    height: 20px;
    background: url(../images/icon/btn_fastdel_ov.gif);
    background-position: 3px 1px;
    background-repeat: no-repeat;
}
.table_fast_no ol.fast_con {
    padding: 0;
    width: 100%;
}
.table_fast_no ol.fast_con li {
    display: inline;
    padding: 5px 5px 5px 0;
    float: left;
    color: #aaa;
}
.table_fast_no ol.fast_con li input {
    color: #ccc;
    margin-left: 10px;
    background-color: #EEE;
}
.table_fast_no ol.fast_con li.last {
    text-align: right;
    float: right;
}
.table_fast_no a.btn_disabled {
    background: #ccc;
    font-size: 12px;
    line-height: 18px;
    padding: 5px 18px;
    color: #fff;
    text-decoration: none;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    text-align: center;
    margin: 0 3px;
    cursor: default !important;
}
.table_fast_select {
    color: #4C5141;
    background: none;
    padding: 0;
    width: 100%;
    word-wrap: break-word;
    margin-bottom: 10px;
}
.table_fast_select .hd {
    color: #4C5141;
    background: url(../images/icon/table_ver_hd.gif) #eff9e2 repeat-x left bottom;
    text-align: left;
    border-bottom: #b3dc88 2px solid;
    font-size: 13px;
    vertical-align: top;
}
.table_fast_select td {
    border: #eee 1px solid;
    text-align: left;
    padding: 4px 6px;
    line-height: 20px;
    word-wrap: break-word;
    word-break: break-all;
    vertical-align: top;
}
.table_fast_select a.del {
    float: right;
    width: 25px;
    height: 20px;
    background: url(../images/icon/btn_fastdel.gif);
    background-position: 3px 1px;
    background-repeat: no-repeat;
}
.table_fast_select a:hover.del {
    float: right;
    width: 25px;
    height: 20px;
    background: url(../images/icon/btn_fastdel_ov.gif);
    background-position: 3px 1px;
    background-repeat: no-repeat;
}
.table_fast_select ol.fast_con {
    padding: 0;
    width: 100%;
}
.table_fast_select ol.fast_con li {
    color: #4C5141;
    display: inline;
    padding: 5px 5px 5px 0;
    float: left;
}
.table_fast_select ol.fast_con li input {
    color: #333;
    margin-left: 10px;
    background-color: #FFF;
}
}
.table_fast_select ol.fast_con li.last {
    text-align:right;
    float:right;
}
.add_spl {
    text-align:center;
    border:1px solid #eee;
    margin-bottom:30px;
}
.add_spl a, .add_spl a:visited, {
    color:#f8a430;
    text-decoration:none!important;
}
.add_sample {
    display:block;
    height:30px;
    padding:10px;
    text-decoration: none !important;
}
.add_sample span {
    padding:9px 40px 9px 0;
    line-height:30px;
    background-image:url(../images/icon/add_sample.gif);
    background-position:right top;
    background-repeat:no-repeat;
    color:#f8a430;
}
.add_spl a:hover span {
    padding:9px 40px 9px 0;
    line-height:30px;
    background-image:url(../images/icon/add_sample_ov.gif);
    background-position:right top;
    background-repeat:no-repeat;
    color:#fab24f;
}
/*Login pics muti language start---140512*/

.ulogin, .ucard {
    border-bottom: 1px solid #dfdfdf;
    width: 100%;
    height: 33px;
    margin-bottom: 6px;
    font-size: 18px;
    margin-left: 5px;
    text-indent: 5px;
}
/*Login pics muti language end*/
/*paypal overview*/

.pp_account {
    background:#fcfff5 url(../images/icon/pp_title_bg.jpg) repeat-x left top;
    margin:10px auto;
    padding:10px 10px;
    font-size:18px!important;
    font-weight:bold;
    line-height:65px;
    color:#444;
    height:65px;
}
.pp_link {
    clear:both;
}
a.pp_btn {
    background:#fcfff5 url(../images/icon/pp_btn_bg.jpg) repeat-x left top;
    border:5px solid #d8f0d6;
    margin-right:10px;
    text-align:center;
    /*line-height:110px;*/
    width:110px;
    height:109px;
    display:inline-block;
    float:left;
    color:#4c5141;
    text-decoration:none;
    vertical-align: middle;
}
a.pp_btn::before,a.pp_btn.disable {
    content:"";
    height:51%;
    display: inline-block;
}
a.pp_btn:hover {
    border:5px solid #c4e5c1;
}
a.pp_btn.disable {
    background:#eee!important;
    border:5px solid #e8e8e8;
    margin-right:10px;
    text-align:center;
    line-height:110px;
    width:108px;
    height:109px;
    display:block;
    float:left;
    color:#aaa!important;
    text-decoration:none;
}
.pp_last {
    margin-right:0px!important;
}
.pp_welcome {
    height:45px;
    line-height:30px;
    width:300px;
}
.pp_timeout {
    margin-bottom:8px;
}
.pp_timeout a.btn_tb {
    margin-left:5px;
}
.pp_timeout a.pp_logout {
    background: url('../images/blue/log_out_icon.png') no-repeat scroll left center transparent;
    text-align:left;
    text-decoration:none;
    color:#666;
    line-height:20px;
    padding-left:16px;
    margin-left:10px;
}
.pp_logo_r {
    display:block;
    float:left;
    background:url(../images/pp_logo_r.png) no-repeat;
    width:178px;
    height:36px;
    margin:20px 0px 0px 0px;
}
.loan_ad {
    display:block;
    padding-bottom:20px;
    text-align:center;
}
.note_succ {
    color: #004724;
    padding: 1px 0 0 0;
    line-height:24px;
    font-size:16px;
}
.note_fail {
    color: #cd0000;
    padding: 1px 0 0 0;
    line-height:24px;
    font-size:16px
}
.acc_balance table {
    margin-bottom:5px;
    padding:0;
}
.acc_balance table td {
    padding:0 5px 0 0;
    color:#036;
    border-bottom:none!important;
}
.acc_balance {
    color:#036;
    line-height:20px;
    margin-top:5px;
}
.td_currency {
    word-break: normal !important;
    word-wrap: normal !important;
    text-align:left !important;
}
/*20141212 Mobile Index*/

@media (min-width: 200px) and (max-width: 639px) {
    .mobile_login {
        margin:30px auto 0;
        min-width:280px;
        background-image:url(../images/index/mobile_bg.png);
        background-position:left bottom;
        background-repeat:repeat-x;
        background-color:#FFF;
        background-color:#FFF;
        padding:10px;
        border:1px solid #CCC;
    }
}
@media (min-width: 640px) and (max-width: 1023px) {
    .mobile_login {
        margin:30px auto 0;
        min-width:280px;
        width:600px;
        background-image:url(../images/index/mobile_bg.png);
        background-position:left bottom;
        background-repeat:repeat-x;
        background-color:#FFF;
        background-color:#FFF;
        padding:10px;
        border:1px solid #CCC;
    }
}
@media (min-width: 1024px) {
    .mobile_login {
        margin:30px auto 0;
        min-width:280px;
        width:600px;
        background-image:url(../images/index/mobile_bg.png);
        background-position:left bottom;
        background-repeat:repeat-x;
        background-color:#FFF;
        background-color:#FFF;
        padding:10px;
        border:1px solid #CCC;
    }
}
.mobile_login {
    margin:30px auto 0;
    min-width:280px;
    max-width:600px;
    padding:10px;
    border:1px solid #CCC;
    background-image:url(../images/index/mobile_bg.png);
    background-position:left bottom;
    background-repeat:repeat-x;
    background-color:#FFF;
    background:-webkit-gradient(linear, 0 0, 0 bottom, from(#FFF), to(#eee));
    background:-webkit-linear-gradient(#FFF, #eee);
    background:-ms-linear-gradient(#FFF, #eee);
    background:-moz-linear-gradient(#FFF, #eee);
    background:-o-linear-gradient(#FFF, #eee);
    background: linear-gradient(#FFF, #EEE);
}
.mobile_body {
    background:#707070;
    font-family:Arial, "微軟正黑體";
}
.mobile_body DIV {
    font-size:15px!important;
}
.mlog_err {
    background:url(../images/index/mlog_err.png)center 10px no-repeat;
    padding-top:120px;
    color:#F30;
    margin-left:20px;
    margin-right:20px;
    text-align:center;
    padding-bottom:40px;
}
#mobile_WRAPPER {
    width:100%;
    min-width:320px;
    overflow:auto;
}
.mobile_headerwrap {
    overflow:auto;
    width:100%;
    min-width:320px;
    background-color:#FFF;
    padding:5px 0;
}
.mobile_logo {
    display:block;
    background:url(../images/index/mobile_logo.png) no-repeat;
    width:320px;
    height:35px;
    margin:0 auto;
}
.mobile_content {
    padding:10px 10px 20px 10px;
    min-width:300px;
    background-color:#0fa89f;
}
.mobile_login div {
    margin-bottom:15px;
    text-align:center;
}
.mobile_login input {
    display:block;
    font-size:18px;
    color:#999;
    width:97%;
    padding:0 5px;
    height:50px;
    border:1px solid #aecdcd;
    background-color:#e3e6e6;
    line-height:50px;
    font-family:Arial, "微軟正黑體";
}
.mobile_login h1 {
    display:block;
    font-size:18px;
    color:#666;
    width:97%;
    padding:0 5px;
    line-height:30px;
    text-align: left;
    font-family:Arial, "微軟正黑體";
}
.mlogin {
    width:58px;
    height:58px;
    background-image:url(../images/index/user_icon.png);
    background-position:left top;
    background-repeat:no-repeat;
    padding:0;
    margin:-40px auto 0;
}
.mobile_login_btn_box {
    margin-top:20px!important;
    margin:0 auto;
    text-align:center;
}
.mobile_login_btn_box a {
    color:#007b90;
    text-decoration:none;
    margin:0 auto;
}
a.mlogin_btn {
    /*display:block;*/
    
    width:272px;
    height:52px;
    background:url(../images/index/mlogin_btn.png) no-repeat left top;
    text-indent:-999px;
    overflow:hidden;
    margin-bottom:10px;
    display:inline-block;
    *display:inline;
    *zoom:1;
}
a.mlogin_btn:hover {
    background:url(../images/index/mlogin_btn.png) no-repeat left -52px;
}
.mlogin_btn_box a.mbtn_disabled {
    background:url(../images/index/mlogin_btn.png) no-repeat left -104px;
    cursor:default !important;
    height:36px;
    margin:0;
    overflow:hidden;
    padding:0;
    position:absolute;
    right:0;
    top:0;
    text-indent:-999px;
    width:100px;
}
.mlog_notify {
    padding-top:20px;
    color:#F30;
    margin-left:20px;
    margin-right:20px;
    text-align:center;
    padding-bottom:20px;
    line-height:36px;
}
.mlog_notify span {
    font-weight:bold;
    font-size:18px;
}
a.msubmit_btn {
    /*display:block;*/
    
    font-size:18px;
    font-weight:bold;
    color:#12737e;
    width:272px;
    height:52px;
    background:url(../images/index/mlogin_btn_bg.png) no-repeat left top;
    overflow:auto;
    margin-bottom:10px;
    display:inline-block;
    *display:inline;
    *zoom:1;
    line-height:52px;
    font-family:Arial, "微軟正黑體";
}
a.msubmit_btn:hover {
    color:#34a4b1;
}
.index_faq {
    padding:0 20px;
    font-weight:bold;
    text-decoration:underline!important;
}
.index_faq:hover {
    color:#34a4b1!important;
}
.mcode_wrap {
    margin:0;
    overflow:hidden;
}
.mcode_p {
    margin-right:5px;
    border:1px solid #95b1bb;
    background:#fff;
}
.mcode_a {
    display: inline-block;
    *display:inline;
    *zoom:1;
    font-size:13px;
    color:#12737e;
    text-decoration:underline!important;
    padding:10px 18px 0 0;
    background:url(../images/index/mreload_btn.png) no-repeat right 14px;
}
.mcode_a:hover {
    color:#34a4b1;
}
.mfooter {
    margin:0 auto;
    padding:10px;
    line-height:22px;
    text-align:center;
    background-color:#707070;
}
.mfooter .copy_right {
    font-size:13px!important;
    display:block;
    color:#FFF;
}
/* Wrote by 2014-ReLoad ------------------------------------------------------------------*/
/*table_ver_mobile START*/
#apply.apply_mobile .table_ver_mobile{
        padding: 0px;
display: inline-block;
width: 25%;
float: left;
min-height: 220px;
border: 1px solid #ccc !important;
margin: 0;
}
#apply.apply_mobile .css_hor_table{
    border-bottom: solid 2px #ccc !important;
}
#apply.apply_mobile .table_ver_mobile .hd_mobile{
    border: none !important;
    background: #f7f7f7 !important;
    border-bottom: 1px solid #009d97 !important;
    float: left;
    width: 100%;
    color: #333;
    font-size: 16px !important;
    font-weight: bold;
        padding: 10px 5px !important;
        text-align: center;
}
#apply.apply_mobile .table_ver_mobile .lt_mobile{
    
    border-top: none !important;
    float: left;
    width: 100%;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
#apply.apply_mobile .table_ver_mobile .lt_mobile ol.olist{
    width: 100%;
    margin: 0;
    padding: 10px;
        display: inline-block;
}
#apply.apply_mobile .table_ver_mobile .lt_mobile ol li{
    float: left;
    width: 50%;
}
/*table_ver_mobile END*/
/*css_table START*/
.css_hor_table {
      display:table;
      width: 100%;
    word-wrap: break-word;
    margin-bottom: 5px;
    border-bottom: solid 1px #eee;
    border-top: 1px solid #eee;
    margin-bottom: 5px;
  }
.css_table_tr {
      display: table-row;
  }
.css_table_td {
      display: table-cell;
      padding: 10px 5px;
  }
.css_table_td.css_td_hd{
    width: 20%;
    text-align: right;
    line-height: 20px;
    word-break: break-word;
    word-wrap: break-word;
    background: #f7f7f7 !important;
    font-size: 13px;
    font-weight: 700;
    border-bottom: solid 1px #eee;
}
.css_table_td.css_td_info{
    width: 80%;
    text-align: left;
    line-height: 20px;
    word-break: break-word;
    word-wrap: break-word;
    background: none !important;
    font-size: 13px;
    font-weight: normal;
    border-bottom: solid 1px #eee;
}
/*css_table END*/
/*css_card_verify_table START*/
.css_card_verify_table{
    display: inline-block;
    width: 100%;
    word-wrap: break-word;
}
.css_card_verify_table .css_table_td{
    border:none !important;
    padding: 4px 2px;
}
.css_card_verify_table .css_td_hd{
    width: 80px;
    padding: 4px 2px 4px 0px;
    text-align: right;
    vertical-align: middle;
    background: none !important
}
/*css_card_verify_table END*/

.table_ver .hd,.table_ver .hd_normal, .sum_single td, .esun_tr_row_bg, .esun_row_total td {
    background: #f7f7f7 !important;
    border-bottom: 1px solid #009d97;
}
.table_hor .hd {
    background: #f7f7f7 !important;
    border-bottom: 1px solid #eeeeee;
}
.esun_row_total td, .table_hor .hd {
    background: #d7d7d7;
}
.table_hor .hd {
    color: #333;
    font-weight: bold;
    padding: 10px 5px;
}
.table_ver, .sum_single td, .table_hor {
    border-bottom: solid 2px #ccc !important;
}
.app_cross_frame .table_hor .hd, .app_cross_frame .table_hor td {
    border-bottom: solid 2px #eee !important;
}
.table_ver tr td.esun_row_title {
    font-size: 13px;
    font-weight: bold;
    vertical-align: middle;
}
.table_ver tr td {
    font-size: 13px !important;
    letter-spacing: 1px;
    padding: 10px 5px !important;
}
.app_mid_frame .app_title p, .app_right_frame .app_title p, .app_cross_frame .app_title p {
    color: #009d97;
    font-size: 16px;
    font-weight: bold;
    padding: 6px 16px 6px 20px;
    letter-spacing: 1px;
}
.app_right_frame .app_title {
    width: 100%;
}
.app_right_frame td.hd {
    padding: 10px 5px !important;
}
.app_right_frame, .app_mid_frame {
    padding: 0px 10px;
}
.center_wrap, .frame_wrap {
    width: 1000px;
}
.mid_wrap, .cross_wrap {
   margin: 5px 0 0 0;
}
.right_wrap {
    float: right;
}
.right_wrap .left_frame {
    width: 100% !important;
    border: 1px solid #F0F0F0;
    border-radius:0px;
    -moz-border-radius:0px;
    -webkit-border-radius:0px;
    -moz-box-shadow: 0px 0px 0px #CCC;
    -webkit-box-shadow: 0px 0px 0px #CCC;
    box-shadow:0px 0px 0px #CCC;
    padding: 0 10px;
}
.right_wrap .left_frame.left_frame_on {
    border:1px solid #b5cad6;
    -moz-box-shadow: -1px -1px 5px #ccc;
    -webkit-box-shadow: -1px -1px 5px #ccc;
    box-shadow: -1px -1px 5px #ccc;
}
.right_wrap .table_ver .hd {
    font-size: 13px !important;
}
.right_wrap .left_frame .classify_header2, .right_wrap .left_frame .classify_header3 {
    background-color: #ffffff;
    width: 100% !important;
    color: #009d97;
    font-size: 16px;
    font-weight: bold;
    padding: 6px 36px 6px 20px;
    letter-spacing: 1px;
    line-height: 22px;
}
.right_wrap .left_frame .classify_mid {
    width: 257px !important;
}
.app_cross_frame {
    padding: 0px 5px;
    width: 1000px;
}
a.esun_check_button {
    background: #009d97 !important;
    padding: 5px 10px;
}
a.btn_submit {
    font-size: 16px;
    letter-spacing: 1px;
    padding: 8px 10px;
    margin: 3px;
}
.td_ps {
    color: #999;
}
div.app_content table.table_hor td {
    padding: 10px 5px !important;
}
.remind_box {
    background: none;
    padding: 10px;
}
.remind_box .olist {
    margin: 0px;
    padding: 5px 0px 0px 26px;
}
.step dt.current {
    background: #39C5CE;
}
.app_content div.step {
    padding: 0px;
}
#HEADER_WRAP {
    position: relative;
    background: none !important;
    height: auto !important;
    -webkit-box-shadow: 0px 5px 8px -6px rgba(0, 0, 0, 0.33);
    -moz-box-shadow: 0px 5px 8px -6px rgba(0, 0, 0, 0.33);
    box-shadow: 0px 5px 8px -6px rgba(0, 0, 0, 0.33);
    border-bottom: 3px solid #e8e8e8 \0;
}
div.menu_center_wrap {
    width: 100%;
    float: left;
    background: #fff;
}
div.top_link_area {
    width: 1000px;
    height: 80px;
    position: relative;
    overflow: visible;
    margin: 0px auto;
}
div.main_nav {
    width: 100%;
    float: left;
    background: #009d97;
}
div.main_nav a {
    text-decoration: none;
}
div.main_nav div.main_nav_frame {
    width: 1000px;
    height: 55px;
    position: relative;
    overflow: visible;
    margin: 0px auto;
}
div.main_nav_active_back {
    width: auto;
    height: auto;
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 0px;
    background: rgba(255, 255, 255, 0.5);
    position: absolute;
    overflow: hidden;
    z-index: -1;
    opacity: 0;
    cursor: default;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -ms-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;
}
@media \0screen { /*for css (最為有用)*/
  div.main_nav_active_back {
    background: #fff;
  }
}

/* Wrote by 2014-ReLoad //End ------------------------------------------------------------------*/
.table_ver {
    border-collapse: separate;
}
.main_nav_subframe .main-nav-hold .sub-menu {
    padding: 0 5px;
}
.main_nav_subframe .sub-menu h4 {
    font-size: 15px;
    margin: 0 0 5px;
    color: #373737;
    font-family: "微軟正黑體", "Microsoft JhengHei", 'LiHei Pro', Arial, "Arial Black", Verdana!important;
}
.main_nav_subframe .sub-menu .list li a {
    font-size: 14px;
    color: #373737;
    font-family: "微軟正黑體", "Microsoft JhengHei", 'LiHei Pro', Arial, "Arial Black", Verdana!important;
    line-height: 1.5em;
}
.main_nav_frame i.icon_home {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../images/index/icon_home.png) no-repeat;
    position: relative;
    top: 0px;
}
/*20150820補進來*/

.icon_lock, .icon_unlock {
    display:inline-block;
    *display:inline;
    *zoom:1;
    width:30px;
    height:30px;
    vertical-align:middle;
    position: absolute;
    right: 3px;
    z-index: 99;
    background: #fff;
    text-align: center;
    border: 1px solid #dcdcdc;
        box-sizing: border-box;
        text-decoration: none;
}
.icon_lock:hover i, .icon_unlock:hover i {
    color: #3176a1;
}
.icon_lock i, .icon_unlock i {
    color: #009d97;
    line-height: 30px;
    font-size: 15px;
}
.icon_lock:hover {
    background-position:0px -20px;
}
.icon_unlock {
    background-position:0px -40px;
}
.icon_unlock:hover {
    background-position:0px -60px;
}
.print_style {
    float:right;
    position:relative;
    word-spacing:1px;
    top:-50px;
    padding-right:10px;
}
/*  約定書tab*/

.td_agreementbox .content_tab ul.tab_menu {
    padding:5px 0px 0px 0px;
    margin-bottom:0px;
}
.td_agreementbox .content_tab ul.tab_menu li {
    background: #dedede;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
    display: block;
    float: left;
    height: 30px;
    line-height: 30px;
    margin: 0 2px;
    overflow: hidden;
    position: relative;
}
.td_agreementbox .content_tab ul.tab_menu li.active {
    background: #fff;
}
/* 20150602頁千未勾選提醒 */

.remind_att {
    display:inline-block;
    *display:inline;
    *zoom:1;
    background:url("../images/icon/icon_tab_rem.png") no-repeat scroll;
    width:17px;
    height:17px;
}
.remind_highlight {
    color:#000;
    padding-left:5px;
    border:2px solid #f30;
    background-color: #fff;
}
.date_list {
    word-wrap:normal !important;
    word-break:normal !important;
    font-size:inherit;
}
.no-under-line i {
    text-decoration: none !important;
}
/*///////////////首頁板新增///////////////*/
/*///////////////END 首頁板新增///////////////*/


/*20150901 for AK*/
.footer-hold{
        float: left;
    width: 100%;
    z-index: 1;
    position: relative;
    padding-top: 10px;
}
.footer-hold .container .site-map{
    width: 30% !important;
    display: table-cell !important;
    float: none !important;
}
.footer-hold .container .site-map.center{
    width: 40% !important;
    display: table-cell !important;
    float: none !important;
}
.footer-hold .container .site-map.right{
    width: 30% !important;
    display: table-cell !important;
    float: none !important;
}
#footer {
    background: #009d97;
    color: #FFF;
    margin-top: -15px;
    height: 55px;
}
#footer .foot-logo {
  margin: 8px 0px 3px;
  float: left;
  max-width: 232px !important
}
#footer .container {
  margin: 0px auto;
  margin-bottom: -10px ;
  position: relative;
  z-index: 20;
  padding: 0;
  background: #009d97;      color: #FFF;      margin-top: -15px;      height: 55px;
}
#footer .container a {
    float: left;
  color: #FFF;
  display: inline-block;
  border-left: 1px solid #8fbab3;
  padding-left: 7px;
  vertical-align: top;
  margin: 20px 0px 0px 8px;
  text-decoration: none;
}
/*20160615旅行平安險、保單條款 */
.travel_insurance{
    background: url(../images/icon/pic_insurance.gif) no-repeat;
    background-position: center;
    height: 180px;
}
/* 20150602頁千未勾選提醒 */
#footer .container .right {
  float: right;
}
#footer .container .right span.copyright {
  color: #FFF;
  margin-top: 18px;
  vertical-align: top;
  display: inline-block;
}
#footer .container .right span.copyright:before {
  content: "©";
  font-size: 16px;
  float: left;
  margin: 0px 4px 0px 0px;
}
.footer-hold .container .site-map ul li a{
    text-decoration: none;
}
/* 資產負債表格 硬改 */
table#tblTotalData{
    width: 100%;
    margin-bottom: 20px;
}
table#tblTotalData .pieChar_sugg{
    float: none;
    margin: 0 auto;
}
table#tblTotalData .pie_sugg{
    float: none;
    margin: 0 auto;
    width: 90%;
}
/*20150910 新增*/
.column.ui-sortable{
    margin: 0
}
.widget-content table td .clearfix .pie_now{
    width: 98% !important;

} 
.widget-content table td .clearfix .pie_sugg{
    width: 98% !important 
}
/** 以下為程式自訂CSS */

/** 性質別textarea*/
.input_multi_line2{
    overflow-y:auto;
    height:28px;
    background:#eaeaea;
    border:1px solid #ccc;  
}

div.ui-dialog, div.ui-dialog *{
    box-sizing:content-box;
}
:focus {
    outline: 0;
}
#index_CONTENT_WRAP3{
  margin-bottom: -20px !important;
}
.hd .hightlight{
    color:#000ac8;
}
td br{
  content: " ";
  display: block;
}
/* 保險商品  20151124 sean新增*/
.insure_area{
	display:block;
	padding:0;
	text-align:center;
	vertical-align:top;}
.insure_area .por_div{
	text-align:left;
	display:inline-block;
	width:300px;  min-height:500px;
	margin:15px 10px 10px 10px;
	background:#fafafa;
	border-bottom:1px solid #f1f1f1;
	vertical-align:top;}
.insure_area .por_div .tit_img{
	position:relative;
	height:500px;}
.insure_area .por_div .tit_img.img_01{
	background:url(../images/insure/insure_pic_01.jpg) no-repeat left bottom;}
.insure_area .por_div .tit_img.img_02{
	background:url(../images/insure/insure_pic_02.jpg) no-repeat left bottom;}
.insure_area .por_div .tit_img.img_03{
	background:url(../images/insure/insure_pic_03.jpg) no-repeat left bottom;}
.insure_area .por_div .tit_img .tit_b{
	position:absolute; bottom:0px;
	 width:100%;
	background-color:rgba(0,0,0, 0.7);}
.insure_area a.btn_tb{
	padding:5px 10px; margin:0 5px; font-size:13px;
}
.insure_area .txt_area .txt_s{
	font-size:12px; line-height:normal;}
.insure_area_btm{
	padding:10px 20px; font-size:11px; line-height: normal;}
/*商品明細*/
.insure_detail{padding:10px;}
.insure_detail .tit_img{
	float:left;
	display:inline-block;
	margin-right:20px;
	width:200px; height:160px;}
.insure_detail .tit_img.img_01{
	background:url(../images/insure/insure_pic_01.jpg) no-repeat left -122px
background-size: 100%}
.insure_detail .tit_img.img_02{
	background:url(../images/insure/insure_pic_02.jpg) no-repeat left -60px;
background-size: 100%}
.insure_detail .tit_img.img_03{
	background:url(../images/insure/insure_pic_03.jpg) no-repeat left -131px;
background-size: 100%}
.insure_detail .txt_area{ line-height:1.5em; margin-left:220px;}
.insure_detail .txt_area .part{ display:inline-block; width:45%; margin-bottom:10px;}
.insure_detail .txt_area .txt_tit{font-size:14px;font-weight:bold;display:block;padding:0 0 6px 0}
.insure_detail .btn_block{ text-align:left; margin:10px 0 0 0;}
.insure_detail .btn_block a.btn_tb{padding:5px 10px;font-size:13px;}
.insure_detail .content_tab{ clear:both; padding-top:20px; display:block;}
.insure_detail .txt_s{font-size:12px; line-height:normal;}
/**玉山保經網路投保-單筆表格，受益人多列 **/
.table_hor dl{
    
    margin:0px;
    padding:7px 0px;
}
.table_hor dl dt{
    margin:0px;
   display:inline-block;
    padding:0 10px 0px 0px;
    display:inline \9;
}
.table_hor dl {
    border-top:1px solid #eee;
}
.table_hor dl:first-child{
    border-top:none;
}

/* paypal style */
.tb_trans_succ {
    display:inline-block;
    color: #004724;
    padding: 1px 0 0 38px;
    line-height: 17px;
    background: url(../images/icon/result_succ.gif) no-repeat 17px 1px;
}
.pp_red{
    color:#ab1515;
}

/* 接受推介設定 */
.box_square{
    display:inline-block;
    width:15px;
    height:15px;
    border-top:1px solid #333;
    border-left:1px solid #333;
    border-bottom:1px solid #333;
}
.last_square{
    border-right:1px solid #333;
}
.title_message {
    color: #4C5141;
    line-height: 18px;
    margin: 3px 0 0 0;
}
.risk_evaluate_logner {
    width: 582px;
    height: 420px;
    margin: 30px auto 20px auto;
    background: url(../images/icon/fund_err_bg1.gif) no-repeat;
    text-align: center;
}
.risk_evaluate_logner .r_content {
    width: 480px;
    margin: 0 auto;
    padding: 70px 0 0 0;
    font-size: 13px;
    line-height: 24px;
    font-weight: normal;
    text-align: left;
}
.risk_evaluate_logner .r_content h1 {
    font-size: 15px;
    font-weight: bold;
    margin: 0 0 8px 0;
    color: #333;
}

/* 表格斜線 */
.table_ver .tdline_rotate{
	width: 30%;
	padding: 0 !important;
	background-color: #f7f7f7;
	text-align: left !important;
	font-size:14px !important;
	font-weight:bold;
	border-bottom:1px solid #009d97 !important;
}
/*css3線條 */
.diagonal{
	 height: 100%;
	 width: 100%;
	 border-top: solid #eee 2px;
	 transform: matrix(1, 0.240, 0, 1, 0, 27);
	 position: relative;
	 top: -26px;
}
.toright{
	text-align:right;
	font-size: 14px;
	padding-right:30px;
}
.toleft{
	text-align:left;
	font-size: 14px;
	padding-left:30px;
}
@media \0screen{
	.diagonal{
		display:none;
	}
}

/*表格超出寬度scroll*/
.scroll_area {
    overflow: auto;
}

/*修改表格合併欄位線條消失問題 for IE*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .table_ver_f, .table_ver {
        border-collapse: separate;
    }
}

.en-vtop {
    font-size: 12px;
    font-weight: normal;
    vertical-align: top;
}

.mb_10px{margin-bottom: 10px;}

.winpop_print td.hd {
    background: #fff !important;
}
/*共用*/
.mar_top0{margin-top: 0;}
.mar_top10{margin-top: 10px;}
.mar_btm10{margin-bottom: 10px;}