@charset "utf-8"; /*@PF*/

* {
    font-family: "微軟正黑體", Arial, sans-serif; /*@PF*/
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
}

body {
    position: inherit!important;
}

img {
    border: none;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
select,
textarea,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0;
    font-family: "微軟正黑體", Arial, sans-serif !important;
    color: #333;
    font-size: 14px;
    -webkit-text-size-adjust: none;
    /*解決Chrome 12px以下字級*/
}

/*加入中央存款保險股份有限公司footer文字置左*/
.rwd-wsize {
    position: relative;
    max-width: 1024px;
    margin: 0 auto;
    /* padding-bottom: 5px */
    /* text-align: left; */
}

.rwd-wrapper {
    padding: 0 10px;
}


/*自訂button*/

button {
    color: #333333;
    cursor: pointer;
    text-decoration: none;
    outline: 0;
}

button:focus {
    outline: 0;
}

a,
a:hover {
    color: #333333;
    cursor: pointer;
    text-decoration: none;
    outline: medium none;
}

.btn_box a.btn,
.btn_box button,.btn_box button.gree { /*@PF*/
    background: none;
    text-align: center;
    line-height: 40px;
    vertical-align: middle;
    display: inline-block;
    font-size: 16px;
    height: 40px;
    min-width: 60px;
    /*width: 100%;*/
    border-radius: 3px;
    border: none;
    background-color: #e1e1e1;
}

.btn_box a.btn:hover,
.btn_box button:hover {
    background-color: #cfcfcf;
    text-decoration: none;
}


/*.orange a.btn,
.orange button {
    background-color: #f18200;
    color: white
}
*/

.btn_box a.orange,
.btn_box button.orange {
    background: none!important;
    background-color: #f18200 !important;
    color: white;
}

a.green, button.green { /*@PF*/
    background: #1a8868 url("../../inc/img/btn_bg.gif") repeat-x scroll center bottom !important;
    color: #fff;
    height: 35px !important;
    transition: all 0.4s ease-in-out 0s;
    padding: 0 15px; /*@PF*/
    line-height: 35px !important;
}

a.green:hover, button.green:hover { /*@PF*/
    background: #059d70 url("../../inc/img/btn_hover_bg.gif") repeat-x scroll center bottom !important;
    transition: all 0.4s ease-in-out 0s;
    height: 35px !important;
    padding: 0 15px; /*@PF*/
    line-height: 35px !important;
}


/*.orange a.btn:hover,
.orange button:hover {
    background-color: #e76f00;
}*/

.btn_box a.orange:hover,
.btn_box button.orange:hover {
    background-color: #e76f00 !important;
}


/* IE 10+ */

.row input:-ms-input-placeholder {
    color: #545454;
}


/* Standard one last! */

.row input:placeholder-shown {
    color: #545454;
}

.row input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #545454;
}

.row input::-moz-placeholder {
    /* Firefox 19+ */
    color: #545454;
    opacity: 1;
}

.row input:-ms-input-placeholder {
    /* IE 10+ */
    color: #545454;
}

.row input:-moz-placeholder {
    /* Firefox 18- */
    color: #545454;
}


/*-----------------1.header-----------------*/

#rwd-header {
    position: fixed;
    top: 0px;
    min-height: 90px;
    max-height: 90px;
    min-width: 870px;
    display: inline-block;
    width: 100%;
    background: #ffffff;
    z-index: 100;
    box-shadow: 1px 0px 10px gray;
}

@media \0screen {
    #rwd-header {
        border-bottom: 1px solid #cccccc;
    }
}

.header_ribbon {
    height: 5px;
    background-image: url(../img/header_bg.gif);
    background-repeat: no-repeat;
    background-position: top right;
    background-color: #005c41;
}

#rwd-header .logo {
    position: relative;
    top: -15px;
    /*    top: 20px;
    left: 0px;*/
    /* float: left;*/
    display: inline-block;
    width: 368px;
}

#rwd-header .logo a {
    color: white;
}

#rwd-header .logo img.logo_fcb {
    width: 247px;
    height: 44px;
    margin-right: 10px;
    /* background: url(../img/desktop/fcb_logo@2x.png) no-repeat;*/
    background-size: contain;
    float: left;
    display: inline-block;
}

#rwd-header .logo img.logo_net {
    position: relative;
    display: inline-block;
    width: 111px;
    height: 38px;
    top: 4px;
    /*  background: url(../img/desktop/fcb_logo_e@2x.png) no-repeat;*/
    background-size: contain;
}

.header_menu {
    position: relative;
    width: 100%;
    z-index: 200;
    /* margin: 14px 0;*/
    margin: 12px 0 8px 0;
    float: right;
    display: block;
}

.header_menu a {
    font-size: 13px;
}

.header_menu a:hover {
    padding-bottom: 1px;
    text-decoration: underline;
}

.header_menu .close {
    position: relative;
    top: 10px;
    color: #067a5c;
    font-size: 20px;
    background-color: white;
    /*z-index: 200;*/
    display: none;
    transition: 0.1s;
    line-height: 30px;
    cursor: pointer;
    padding: 2px;
    border-radius: 3px;
    height: 34px;
    width: 34px;
}

.header_menu .close:hover {
    background-color: #067a5c;
    color: #fff;
    transition: 0.1s;
}

.header_menu .close i {
    font-size: 30px;
}

.header_menu ul {
    position: relative;
    min-width: 50px;
    list-style: none;
    float: right;
    top: -5px;
}

.header_menu ul li {
    float: left;
    letter-spacing: 1px;
    padding: 0px 5px 0px 5px;
    margin-top: 1px;
    border-right: 1px solid #d6d6d6;
    line-height: 1em;
}

.header_menu ul li:last-child {
    border-right: none;
    padding: 0px 0px 0px 5px;
}

#rwd-header .box {
    position: relative;
    bottom: 2px;
    float: right;
    clear: both;
    display: inline-block;
}

.menu_btn {
    position: relative;
    vertical-align: middle;
    width: 35px;
    float: left;
    display: none;
    border-radius: 2px;
    text-align: center;
}

.menu_btn i {
    color: #116f54;
    height: 30px;
    font-size: 23px;
    font-weight: 400;
    background: #fff;
    border-radius: 3px;
    padding: 1px 3px;
    position: relative;
    top: 3px;
}

.menu_btn i:hover {
    color: #fff;
    background: #116f54;
    border-radius: 3px;
}

.language {
    float: left;
    position: relative;
}

.language .small {
    position: absolute;
    right: 0px;
    visibility: hidden;
    float: right;
}


/* language_box */

#rwd-header .language_box {
    position: absolute;
    width: 100%;
    height: 0px;
    top: 10px;
    left: 0;
    display: block;
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    overflow: hidden;
}

#rwd-header .language_box.on {
    height: auto;
    top: -2px;
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
}

#rwd-header .language_box ul {
    display: inline-block;
    position: relative;
    width: 100%;
    background: #fff;
    margin-top: 28px;
    z-index: 999;
    padding: 3px;
    border: #188464 1px solid;
    box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.2);
}

#rwd-header .language_box ul:after {
    content: "";
    width: 0px;
    height: 0px;
    border: 5px solid;
    transition: all 0.4s;
    opacity: 1;
    position: absolute;
    overflow: hidden;
    z-index: 13;
    border-color: transparent transparent #fff transparent;
    top: -10px;
    left: 44%;
}

#rwd-header .language_box ul li {
    float: left;
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 0;
    margin: 0;
    height: inherit;
    border: none;
    line-height: normal;
}

#rwd-header .language_box ul li a {
    color: #188464;
    text-decoration: none;
    display: inline-block;
    width: 100%;
    padding: 3px 0 5px 0;
}

#rwd-header .language_box ul li a:hover {
    color: #fff;
    text-decoration: none;
    background: #188464;
    padding: 3px 0 5px 0;
}


/*language_dropdown*/

#rwd-header .language_dropdown {
    display: inline-block;
    position: relative;
    float: left;
    padding: 0 5px;
    margin-left: -5px;
    margin-right: 5px;
}

#rwd-header .language_dropdown .language_btn {
    float: left;
    background: #efefef !important;
    height: 26px;
    line-height: 1.7em;
    padding-right: 0px;
    padding-left: 5px;
    border: 1px #dddddd solid !important;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    overflow: hidden;
    position: relative;
    top: 2px;
}

#rwd-header .language_dropdown .language_btn span {
    padding: 4px 15px 4px 4px;
    height: auto;
    font-size: 12px;
    color: #888888 !important;
    position: relative;
    top: -1px;
}

#rwd-header .language_dropdown .language_btn i.fa {
    width: 16px;
    height: 16px;
    color: #156D52;
    background: #f3f3f3 url(../img/func_area_btn_bg.gif) repeat-x top;
    border-left: 1px #dddddd solid;
    color: #1b8a69;
    padding: 5px 8px;
    width: 26px;
    height: 27px;
    position: relative;
    right: -1px;
    /*  top: -2px;*/
    border-radius: 0 3px 3px 0;
}


/*
@-moz-document url-prefix() {
    #rwd-header .language_dropdown .language_btn i.fa {
        padding: 7px 8px;
    }
}*/

#rwd-header .language_dropdown .language_btn:hover i.fa {
    color: rgb(255, 255, 255);
    background: rgb(20, 131, 100);
}

#rwd-header .language_dropdown .language_box {
    padding: 0 5px;
    position: absolute;
    top: 0;
}

#rwd-header .language_dropdown .language_box ul {
    display: inline-block;
    /*position: relative;*/
    width: 100%;
    background: #fff;
    /*margin-top: 30px;*/
    z-index: 999;
    color: #111;
    border: 1px solid #eee;
    padding: 0;
    box-shadow: 0px 2px 8px rgba(100, 100, 100, 0.1);
}

#rwd-header .language_dropdown .language_box ul:after {
    display: none;
}

#rwd-header .language_dropdown .language_box ul li a {
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    padding: 8px 10px;
    margin: 0;
    font-size: 12px;
    color: #333;
    text-align: left;
}

#rwd-header .language_dropdown .language_box ul li a:hover {
    background: #f6f6f6;
}

#rwd-header .language_dropdown .language_box ul li a.on {
    color: #148364;
    background: #f1f1f1;
}


/*
.language .small .ui-selectonemenu {
    width: 50px !important;
}

.language .big {}

.language .ui-selectonemenu {
    height: 26px;
}

.language .ui-inputfield {
    padding: 3px 0;
}

.language .fa-caret-down {
    color: #067a5c;
}

.language span.ui-icon {
    left: 10px;
}*/

.social_box {
    float: left;
    position: relative;
    display: inline-block;
    margin-right: 8px;
}

.social_box i {
    font-size: 26px;
    color: #3b5998;
    position: relative;
    top: 2px;
}

@-moz-document url-prefix() {
    .social_box {
        top: 2px;
    }
    .menu_btn i {
        font-size: 22px;
        padding: 0 3px;
        position: relative;
        top: 4px;
    }
}


/*-----------------2.Main slider-----------------*/

#main_slider {
    min-height: 500px;
    z-index: 2;
}

#content {
    margin: 0 auto;
    /*max-width: 1440px;*/
    min-width: 320px;
    margin-top: 90px;
    overflow: hidden;
    position: relative;
}

#main_slider #jssor_1 {
    display: none;
}

#main_slider .flexslider {
    margin: 0;
    border: 0px;
}

#main_slider .main_slide {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 525px;
}

/*@PF 移除 #main_slider 相關圖檔 */

#main_slider .flexslider .flex-control-nav {
    min-height: 130px;
    position: relative;
    width: 90%;
    max-width: 1024px;
    margin: 0 auto;
    margin-top: -64px;
}

#main_slider .flex-control-thumbs img {
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.2);
    opacity: 0.5;
}

#main_slider .flex-control-thumbs img::before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 20px;
    height: 20px;
    background-color: yellow;
    transition: width 0.3s ease-out;
}

#main_slider .flex-control-thumbs img.flex-active {
    position: relative;
    width: 110%;
    /*z-index: 990;*/
    z-index: 2;
    opacity: 1;
}

#main_slider .flexslider .flex-control-nav li {
    width: 16.6%;
    float: none;
    height: 106px;
    background: #fff
}

#login {
    position: absolute;
    float: right;
    width: 380px;
    right: 40px;
    top: 22px;
    text-align: right;
    z-index: 1;
}

.login {
    position: relative;
    z-index: 3;
    width: 100%;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.1);
    display: inline-block;
    width: 330px;
}


/*silder*/

#main_slider {
    display: inline-block;
    width: 100%;
}


/*-----------------3.info-----------------*/

.info {
    margin-top: 45px;
    display: inline-block;
    width: 100%;
    min-height: 400px;
}

.info .title_box {
    position: relative;
    border-bottom: 1px solid #e7ebec;
    margin: 10px 0;
}

.info .title_box span {
    color: gray;
    right: 0;
    position: absolute;
    bottom: 10px;
    padding: 3px;
}

.info .title_box span a {
    padding-right: 5px;
    color: #777;
}

    /*XML ICON*/
.icon-XML_icon:before {
    content: '';
}

.icon-XML_icon {
    display: inline-block;
    background: url(../img/icon/ie8/XML_icon.gif) center center no-repeat !important;
    width: 40px;
    height: 40px;
    background-position: center center;
}

.icon-XML_icon:hover {
    background: url(../img/icon/ie8/XML_icon_hover.gif) center center no-repeat !important;
}


.info .title_box span a:hover {
    text-decoration: underline;
}

.info .title_box .title {
    display: inline-block;
    border-bottom: 1px solid #116f54;
    padding-bottom: 8px;
    font-size: 22px;
    font-weight: bolder;
    color: #116f54;
    position: relative;
    bottom: -1px;
    word-spacing: 1px;
}

.info .flexslider {
    margin: 0 0 0px;
}

.info #jssor_2,
.info #jssor_3 {
    display: none;
}

.info .flexslider .flex-control-nav {
    bottom: 0;
    position: relative;
    margin-top: 25px;
}

.announcement .flex-control-paging li a.flex-active,
.exchange .flex-control-paging li a.flex-active {
    background-color: #017256;
}

.announcement {
    width: 48%;
    float: left;
    overflow: hidden;
}

.announcement ul li .news {
    padding: 6px 4px 6px 0;
    display: inline-block;
    width: 100%;
}

.announcement ul li .news:first-child {
    padding: 0px 4px 7px 0;
}

.announcement ul li .news:last-child {
    padding: 7px 4px 0px 0;
}

.announcement ul li .news .news_text p {
    display: inline;
}

.announcement ul li .news .news_text .news_txtline {
    display: inline;
    font-weight: 500!important;
}

.announcement ul .news:before {
    font-family: icomoon;
    content: "\e905";
    float: left;
    color: #178b6b;
    position: relative;
    top: 4px;
}

.announcement ul li .news .news_text {
    position: relative;
    font-size: 15px;
    /*  white-space: nowrap;*/
    width: 70%;
    float: left;
    overflow: hidden;
    line-height: 1.4em;
    height: 2.8em;
    /* text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -moz-line-clamp: 2;
    -webkit-box-orient: vertical;*/
}

.announcement ul li .news .news_text:before {
    content: '';
    /*調整銀行公告不要出現兩層字*/
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0 15px 1px 60px;
    background-repeat: repeat-y;
}

.announcement ul li .news .news_text:after {
    content: '';
    /*調整銀行公告不要出現兩層*/
    position: absolute;
    right: 0;
    padding: 0 40px 1px 19px;
    background-repeat: repeat-y;
}

.announcement ul li .news .news_text a {
    /*color: #333333;
*/
    font-size: 14px;
    color: #111;
}

.announcement ul li .news .news_text a:hover {
    text-decoration: underline;
}

.announcement ul li .news .news_text .tag {
    color: #fff;
    padding: 1px 5px;
    margin: 0 5px;
    border-radius: 3px;
}

.announcement ul li .news .news_text .hot {
    background-color: #f04000;
    font-size: 12px;
}

.announcement ul li .news .news_text .new {
    background-color: #ef8209;
    font-size: 12px;
}

.announcement ul li .news .news_text:hover {
    color: #fc8200;
    text-decoration: none;
}

.announcement ul li .news .news_time {
    color: #777;
    float: right;
    font-size: 14px;
}

.announcement .flex-control-nav {
    /*  top: -30px;
    right: 0px;
    bottom: auto;*/
    /*  display: inline-block;*/
}

.exchange {
    width: 48%;
    float: right;
    /* min-width: 320px;*/
    color: #333333;
}

.exchange .box {
    width: 100%;
    display: inline-block;
    padding: 7px 0 7px 0;
}

.exchange .box .title {
    /*padding: 0 0 0 8px;*/
    font-weight: bolder;
    font-size: 16px;
    float: left;
    padding: 0 0 0 2px;
}

.exchange .box .time {
    position: relative;
    top: 3px;
    font-size: 12px;
    /*padding-right: 12px;*/
    color: #777;
    padding-right: 10px;
}

.exchange .box .time {
    float: right;
}


/*.exchange .flex-control-nav {
    bottom: -48px;
}*/

.exchange table {
    width: 100%;
    border-collapse: collapse;
}

.exchange table tr td,
.exchange table tr th {
    width: 17%;
    height: 40px;
    border-bottom: 1px solid #e6e6e6;
    text-align: right;
}

.exchange tr td.currency,
.exchange tr th.currency {
    text-align: left;
}

.exchange table tr td.currency {
    width: 20%;
}

.exchange table tr td:last-child,
.exchange table tr th:last-child {
    width: 19%;
    padding-right: 10px;
}

.exchange table tr td {
    padding: 10px 0px;
}

.exchange table tr th {
    background: #f6f6f6;
    color: #333;
    font-weight: normal;
    border-top: 1px solid #ccc;
}

.exchange table tr th:first-child {
    text-align: center;
    padding-left: 10px;
    width: 25%;
}

.exchange tr td:first-child {
    width: 8%;
}

.exchange table .hidden_thead {
    display: none;
}

.exchange .flag {
    margin: 0 auto;
    width: 22px;
    height: 22px;
}

.exchange tr:nth-of-type(even) {
    /*Zebra striping*/
    background: #fafafa;
}

.exchange .more_box {
    display: none;
}

.exchange .more_info,
.exchange .less_info {
    background-color: white;
    text-align: center;
    margin: 0px auto;
}

.exchange .more_box a {
    padding: 10px;
    font-size: 11px;
    color: #7c7c7c;
    position: relative;
    top: -10px;
    background: white;
}

.exchange .more_box .fa {
    color: #067A5D;
}

.exchange .divide {
    /*手機板收合*/
    position: relative;
    width: 99%;
    margin: 0 auto;
    height: 17px;
    /*background: url(../img/divide.png) repeat;*/
    border-bottom: 1px solid #eee;
}


/*-----------------4.help----------------*/

.help_A {
    background-color: #f4f4f4;
    margin-top: 30px;
    background-image: url(../img/desktop/pic_newhand.png);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: 25%;
}

.help_A .help {
    position: relative;
    width: 100%;
    min-height: 387px;
}

.help_A .help .help_box {
    position: absolute;
    right: 3px;
    width: 400px;
    top: 50px;
    /* margin: 5% 2% 0 0;*/
}

.help .help_box .title {
    font-weight: bold;
    font-size: 38px;
    color: #1f8063;
}

.help .help_box p {
    margin: 4% 0;
    line-height: 30px;
    /* font-size: 17px;*/
}

.help .wsize:last-child {
    /* min-height: 150px;*/
    /*position: static;*/
}

.help_B .btn_box {
    position: absolute;
    min-width: 310px;
    width: 400px;
    min-height: 75px;
    /*margin: 0 auto;*/
    bottom: 35px;
    right: 3px;
}

.help_B .help_btn {
    cursor: pointer;
    display: inline-block;
    min-height: 110px;
    padding: 10px 0;
    width: 30%;
    text-align: center;
    margin: 10px 0;
    color: #3b3b3b;
    background-color: #ffffff;
    border-radius: 5px;
    float: left;
    margin-right: 3.33%;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}

.help_B .help_btn i {
    font-color: #1f8063;
    font-size: 40px;
}

.help_B .help_btn i:hover,
.help_B .help_btn:hover {
    color: #178969;
    background: #ffffff;
}

.help_B .help_btn span {
    position: relative;
    display: inline-block;
    line-height: 20px;
    vertical-align: middle;
    width: 100%;
    top: 10px;
}


/*-----------------5.service slider-----------------*/

#icon_slider {
    margin: 55px 20px;
    position: relative;
}

#icon_slider .customNavigation .btn {
    transition: 0.3s;
    position: absolute;
    top: 25%;
    cursor: pointer;
    display: inline-block;
    font-size: 50px;
}

#icon_slider .customNavigation .btn:hover {
    text-shadow: 0px 0px 3px #868383;
    transition: 0.2s;
}

#icon_slider .customNavigation .btn i {
    font-size: 50px;
    color: #e1e1e1;
}

#icon_slider .customNavigation .prev {
    left: -25px;
}

#icon_slider .customNavigation .next {
    right: -25px;
}

#icon_slider .icon_btn {
    /*height: 150px;*/
    padding: 10px;
    cursor: pointer;
}

#icon_slider .icon_btn .circle {
    margin: 0 auto;
    margin-top: 2px;
    width: 85px;
    height: 85px;
    border-radius: 50px;
    box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.1);
    clear: both;
    transition: 0.2s;
	border:3px solid #e0e887;
}

#icon_slider .icon_btn .circle:hover {
    /* 改以js scaleCircleIcon()控制*/
    /* box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2);*/
    /* transform: scale(1.08, 1.08);*/
    transition: 0.3s;
    clear: both;
}

#icon_slider .icon_btn .icon {
    transition: 0.2s;
    position: relative;
    margin: 0 auto;
    top: 20%;
    background-size: 49px 49px;
    height: 49px;
    width: 49px;
}

#icon_slider .icon_btn .icon.icon_12{
    width: 52px;
}

#icon_slider .icon_btn span {
    font-size: 18px;
    margin-top: 20px;
}

#icon_slider .icon_btn .icon img {
    height: 100%;
    width: 100%;
}

#icon_slider .icon_btn span {
    text-align: center;
    display: block;
    color: #056e50;
    font-weight: bolder;
}


/*-----------------6.advertisement-----------------*/

.ad_bg {
    background-color: #f4f4f4;
    padding: 28px 0 20px 0;
}

.ad ul {
    /* table-layout: fixed;*/
    list-style: none;
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 0;
    height: 100%;
}

.ad ul li {
    list-style: none;
    padding: 10px;
    float: left;
    width: 33.3%
}

.ad ul li a {
    padding: none;
    border: none;
}

.ad ul li img {
    max-width: 324px;
    width: 100%;
    border: 0; /*@PF*/
}


/*-----------------7.footer-----------------*/

#footer {
    overflow: hidden;
    text-align: center;
}

#footer .consumer_hotline {
    display: inline-block;
    width: 100%;
    background: #1b8c6b url(../img/consumer_hotline_bg.gif) repeat-y left top;
    height: 40px;
    color: #fff;
    line-height: 2.8em;
}

#footer .consumer_hotline i {
    color: #81b8a7;
    margin-right: 8px;
    font-size: 26px;
    position: relative;
    top: 7px;
    left: 2px;
}
#footer .consumer_hotline a, #footer .consumer_hotline a:hover{
    color: #ffffff;
}

.footer_info {
    color: #333333;
    line-height: 16px;
    padding: 6px 0;
    display: inline-block;
    min-height: 60px;
}

.footer_info span {
    font-size: 12px;
    padding: 0 10px;
}

/*加入中央存款保險股份有限公司footer文字置左*/
.footer_info span.rights,
.footer_info span.suggestion
{
    display: block;
}

.footer_info a {
    color: #333333;
    font-size: 12px;
    display: inline-block;
    
}

.footer_info a:hover {
    color: #333333;
    text-decoration: underline;
}

.footer_info ul {
    display: inline-block;
}

.footer_info .link_box span {
    list-style: none;
    padding: 0px 5px;
    text-align: center;
    border-right: 1px solid gray;
}

/*加入中央存款保險股份有限公司縮排*/
.footer_info .link_box span:first-child{
    padding-left: 0px;
}

.footer_info .link_box span:last-child {
    border-right: 0px;
}

/*加入中央存款保險股份有限公司圖檔*/
.footer_pic{
    position: absolute;
    top: 15px;
    right: 0;
    padding: 0px 10px;
}
.footer_pic img{
    display: inline-block;
    width: 45px;
    height: 45px;
    
}

/*-----------------8.other-----------------*/

#menu_overLayer {
    display: none;
    height: 100% !important;
    width: 100%;
    top: 0;
    left: 0;
    position: fixed;
    filter: alpha(opacity=40);
    -moz-opacity: 0.4;
    opacity: 0.4;
    z-index: 998;
    background: #a6a6a6 50% 50% repeat;
}


/*-----------------9.線上客服-----------------*/

.online {
    cursor: pointer;
    z-index: 999;
    position: fixed;
    opacity: 0.8;
    top: 100px;
    right: 0;
    display: inline-block;
    transition: 0.3s;
    max-height: auto;
}

.online .services {
    position: relative;
    display: inline-block;
}

.online .online_head {
    width: 60px;
    height: 76px;
    background-size: 100%;
}
.online .services .service{
    width: 60px;
    height: 62px;
    background-size: 100%;
}

.online .services .service a {
    width: 100%;
    height: 100%;
    display: inline-block;
    cursor: pointer;
}

.online_head {
    background: url(../img/service/icon00@2x.png) no-repeat;
}

.online_call {
    background: url(../img/service/icon01@2x.png) #ddddde no-repeat;
}

.online_message {
    background: url(../img/service/icon02@2x.png) #b9baba no-repeat;
}

.online_video {
    background: url(../img/service/icon03@2x.png) #9fa0a0 no-repeat;
}

@media \0screen {
    .online_head {
        background: url(../img/service/icon00.png) no-repeat;
    }
    .online_call {
        background: url(../img/service/icon01.png) #ddddde no-repeat;
    }
    .online_message {
        background: url(../img/service/icon02.png) #b9baba no-repeat;
    }
    .online_video {
        background: url(../img/service/icon03.png) #9fa0a0 no-repeat;
    }
}


/* demolink */

.demo_box {
    display: inline-block;
    text-align: center;
}

.demo_box a {
    line-height: 1.2em;
    color: #1591dd;
}

.demo_box a:hover {
    line-height: 1.2em;
    text-decoration: underline;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
    .wsize {
        min-width: 930px;
    }
	body.pane {
		min-width: 930px;
	}
}

@media screen and (min-width: 481px) and (max-width: 768px) {
    .wsize {
        min-width: 580px;
    }
    body {
        min-width: 580px;
    }
}


/*-----------------9.Prime UI 的樣式-----------------*/

#rwd-header .ui-selectonemenu.ui-widget.ui-state-default {
    float: left;
    background: #efefef !important;
    height: 28px;
    line-height: 1.7em;
    padding-right: 0px;
    padding-left: 5px;
    border: 1px #dddddd solid !important;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    overflow: hidden;
    margin-right: 1px;
    position: relative;
}

#rwd-header .ui-selectonemenu .ui-selectonemenu-label {
    width: 100% !important;
    line-height: 19px !important;
    font-size: 12px;
    color: #888888 !important
}

#rwd-header .ui-selectonemenu .ui-selectonemenu-trigger span {
    margin: 0;
    top: 0px;
}

.ui-state-default .ui-icon,
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
    background-image: url(../lib/jquery/images/ui-icons_156d52_256x240.png);
}

.ui-selectonemenu .ui-selectonemenu-trigger {
    background: #f3f3f3 url(../img/func_area_btn_bg.gif) repeat-x top;
    border-left: 1px #dddddd solid;
    color: #1b8a69;
    padding: 5px 4px 5px;
    width: 26px;
}

.ui-selectonemenu-panel .ui-selectonemenu-items-wrapper ul {
    background: #fff !important;
    border: none !important;
}

.ui-shadow {
    border: 1px #dedede solid;
    -moz-box-shadow: 0px 2px 8px rgba(100, 100, 100, 0.1);
    -webkit-box-shadow: 0px 2px 8px rgba(100, 100, 100, 0.1);
    box-shadow: 0px 2px 8px rgba(100, 100, 100, 0.1);
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    background: #f1f1f1;
    color: #363636;
    box-shadow: none !important;
    font-size: 14px;
}

.ui-selectonemenu .ui-selectonemenu-trigger .ui-icon {
    position: relative;
    /* top: 6px;
   */
}

.ui-selectonemenu-panel .ui-selectonemenu-list {
    padding: 0;
}

.ui-selectonemenu-panel .ui-selectonemenu-list-item.ui-state-highlight {
    background: #f1f1f1;
}


/*.ui-selectonemenu-panel .ui-selectonemenu-items li[data-label^="Language"]{
    display: none;
}*/

.ui-selectonemenu-panel .ui-selectonemenu-list-item {
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    padding: 8px 10px;
    margin: 0;
    font-size: 12px;
}

html body div.ui-selectonemenu-panel.panel_zindex {
    /*  z-index: 999 !important;*/
    z-index: 9 !important;
}


/* ----------  10. jQuery UI general---------------- */

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border: none;
}

.ui-button-icon-only .ui-icon,
.ui-button-text-icon-left .ui-icon,
.ui-button-text-icon-right .ui-icon {
    margin-top: 0 !important;
    position: relative !important;
    top: 0 !important;
    border: none!important;
}

.ui-button-icon-only .ui-icon {
    left: 0 !important;
    margin-left: 0 !important;
}

.ui-chkbox .ui-chkbox-box {
    border: 1px solid #d8dcdf;
}


/* ----------  11. jqueryUI - dialog---------------- */

.ui-dialog {
    border-radius: 4px;/*@PF*/
    padding: 0px !important;
    border: none!important;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3);
}

.ui-dialog-titlebar {
    border-radius: 0px;
    color: #fff;
    background: #1a8868 url(../../inc/img/btn_bg.gif) repeat-x scroll center bottom !important;
    padding: 4px 20px!important;
}

.ui-dialog .ui-widget-header {
    border: 0px solid #107256 !important;
    background: #1a8868 url(../../inc/img/btn_bg.gif) repeat-x scroll center bottom !important;
    color: #fff !important;
}

.ui-dialog .ui-dialog-title {
    font-size: 20px;
}

.ui-dialog .ui-dialog-titlebar-close {
    height: 25px!important;
    width: 25px!important;
    background: none!important;
	/*margin: -13px 7px 0 0 !important;*/ /*@PF*/	
}

.ui-dialog .ui-icon-closethick {
    background: url(../lib/jquery/images/icon-del@2x.png) !important;
    background-size: 23px 23px !important;
    width: 100%;
    height: 100%;
}

.ui-dialog .ui-icon-closethick:hover {
    background: url(../lib/jquery/images/icon-del-over@2x.png) !important;
    background-size: 23px 23px !important;
}

@media \0screen { /*@PF*/
    .ui-dialog .ui-icon-closethick {
         background: url(../lib/jquery/images/icon-del.png) !important;
    }
    .ui-dialog .ui-icon-closethick:hover {
        background: url(../lib/jquery/images/icon-del-over.png) !important;
    }
}

.ui-dialog .ui-corner-all {
    border-bottom-right-radius: 0px!important;
    border-bottom-left-radius: 0px!important;
}

.ui-dialog .ui-dialog-content {
    padding: 1em!important;
    background: #fff !important; /*@PF*/
    border: 1px solid #999 \0;
}

.ui-widget-overlay {
    background: url(../lib/jquery/images/ui-bg_dots-small_50_000_2x2.png) repeat!important;
    opacity: 1!important;
    position: fixed;
}

#loading {
    width: 100%;
    height: 500px;
    top: 0px;
    left: 0px;
    position: relative;
    display: block;
    opacity: 0.9;
    background-color: #fff;
    z-index: 99999999;
    text-align: center;
}

.load-icon {
    height: 100px;
    height: 100px;
    position: relative;
    top: 40%;
    opacity: 1;
    font-size: 60px;
    background: url(../../inc/img/loader.gif ) no-repeat center;
}


/*//提示輸入框，大小寫*/
.warning_box {
    padding: 10px;
    color: white;
    line-height: 18px;
    background: #333333;
    font-size: 14px !important;
    box-shadow: 0px 2px 3px rgba(100, 100, 100, 0.2) !important;
    border-radius: 3px !important;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    position: absolute;
    z-index: 4;
    left: -212px;
    margin-top: -35px;
    width: 200px;
    float: left;
    display: none;
}

.warning_box:before {
    content: "";
    width: 0px;
    height: 0px;
    border: 11px solid;
    position: absolute;
    /* bottom: -15px;*/
    border-color: transparent transparent transparent #333333;
    right: -20px;
}


/*有強弱檢測 + 大小寫檢測之WARNING BOX*/

.doubleCheck {
    position: relative;
}

.doubleCheck .warning_box {
    position: absolute;
    margin-top: 0px;
    left: 1%;
    width: 18%;
    min-width: 150px;
}

table.tb_visible {
    overflow: visible;
}


/*///////////////QA/////////////////////*/

.panel {
    margin-bottom: 20px;
    background-color: #ffffff;
    border: 1px solid transparent;
}

.panel-body {
    padding: 15px;
}

.panel-default > .panel-heading {
    padding: 15px;
    border-bottom: 1px solid transparent;
}

.panel-default .panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
    display: inline-block;
    width: 100%;
}

.panel-default > .panel-heading > .panel-title:before {
    display: inline-block;
    content: "\e903";
    font-family: "icomoon";
    float: left;
    font-size: 20px;
    /*line-height: 25px;*/
    margin-right: 10px;
    color: #ccc;
    font-weight: lighter !important;
}

.panel-default > .panel-notice-heading > .panel-notice-title:before {
    display: inline-block;
    content: "\e905";
    font-family: "icomoon";
    float: left;
    font-size: 16px;
    /*line-height: 25px;*/
    margin-right: 6px;
    margin-top: 2px;
    color: #ccc;
    font-weight: lighter !important;
}

.panel-default > .panel-heading > .panel-title > a {
    color: #000;
    font-size: 16px;
    font-weight: normal;
    display: block;
}

.panel-default > .panel-heading > .panel-title > a.collapsed:after {
    display: inline-block;
    content: "\e909";
    font-family: "icomoon";
    float: right;
    font-size: 20px;
    line-height: 25px;
    margin-right: 10px;
    color: #666;
}

.panel-default > .panel-heading > .panel-title > a:after {
    display: inline-block;
    content: "\e908";
    font-family: "icomoon";
    float: right;
    font-size: 20px;
    line-height: 25px;
    margin-right: 10px;
    color: #666;
}

.panel > .list-group,
.panel > .panel-collapse > .list-group {
    margin-bottom: 0;
}

.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
    border-width: 1px 0;
    border-radius: 0;
}

.panel > .list-group:first-child .list-group-item:first-child,
.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
    border-top: 0;
}

.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
    border-bottom: 0;
}

.panel-heading + .list-group .list-group-item:first-child {
    border-top-width: 0;
}

.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
    border-top: 1px solid #dddddd;
}

.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
    border: 0;
}

.panel > .table-responsive {
    border: 0;
    margin-bottom: 0;
}

.panel-group {
    margin: -11px;
    position: relative;
}

.no-top {
    border-top: 0;
}

.panel-group .panel {
    margin-bottom: 0;
}

.panel-group .panel + .panel {
    margin-top: -1px;
}

.panel-group .panel-heading {
    border-bottom: 0;
    display: inline-block;
    width: 100%;
}

.panel-group > .panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top: 1px solid #dddddd;
}

.panel-group .panel-footer + .panel-collapse .panel-body {
    border-bottom: 1px solid #dddddd;
}

.panel-default {
    border-color: #dddddd;
}

.panel-default > .panel-heading {
    background-color: #fff;
    border-color: #dddddd;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #dddddd;
}

.panel-default > .panel-heading .badge {
    color: #f5f5f5;
    background-color: #333333;
}

.panel-default > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #dddddd;
}

.collapse {
    display: none;
    visibility: hidden;
}

.collapse.in {
    display: block;
    visibility: visible;
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-property: height, visibility;
    transition-property: height, visibility;
    -webkit-transition-duration: 0.35s;
    transition-duration: 0.35s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
}

ul.qa-list {
    list-style: none;
    padding-left: 30px;
}

ul.qa-list > li {
    list-style: decimal;
    color: #0e8162;
    position: relative;
    line-height: 30px;
}

ul.qa-list > li:before {
    display: inline-block;
    content: "Q";
    color: #0e8162;
    position: absolute;
    left: -28px;
    left: -34px \0;
    top: -1px;
}

ul.qa-list > li.two:before {
    left: -36px;
    left: -40px\9;
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    /* IE10+ specific styles go here */
    ul.qa-list > li:before {
        left: -33px;
    }
    ul.qa-list > li.two::before {
        left: -41px;
    }
}

ul.qa-list > li .panel-body {
    background: #f7f7f7;
    border-bottom: 1px solid #e8e8e8;
    /*margin-left: -30px;*/
    font-weight: normal;
}

ul.qa-list > li .panel-body ul {
    padding-left: 20px;
    list-style: lower-alpha;
}

ul.qa-list > li .panel-body ul .list_num {
    position: relative;
    padding-left: 20px;
}

ul.qa-list > li .panel-body ul .list_num span {
    display: inline-block;
    width: 20px;
    text-align: center;
    position: absolute;
    top: -2px;
    left: -2px;
}

li .panel-body .notice {
    padding-left: 60px;
    position: relative;
}

li .panel-body .notice span {
    display: inline-block;
    position: absolute;
    width: 60px;
    left: -42px;
    top: -1px;
}

li .panel-body table p {
    float: none;
}

ul.qa-list > li .panel-body table ol {
    margin: 10px 0;
}

ul.qa-list > li .panel-body a {
    color: #1591dd;
}

ul.qa-list > li .panel-body ol {
    padding-left: 20px;
}

ul.qa-list > li .panel-body ol.txtImp li {
    color: #c80d0d;
}

ul.qa-list > li .panel-body table ul {
    list-style: disc;
    clear: both;
    margin: 10px 0;
}

ul.qa-list > li .panel-body img {
    max-width: 100%;
    margin: 10px 0;
}

.system_msg_box.qa-style p {
    font-weight: normal;
    padding: 0;
    line-height: 25px;
}

.system_msg_box.qa-style .title {
    margin-bottom: 60px;
}

.system_msg_box.qa-style .title i {
    font-size: 35px;
    color: #0e8162;
    float: left;
    margin: 10px 10px 0 5px;
}

.system_msg_box.qa-style .title h1 {
    display: inline-block;
    float: left;
    margin-top: 10px;
}

.system_msg_box.newToFCB_msg_box {
    display: block !important;
}

.system_msg_box.newToFCB_msg_box .main {
    display: block !important;
}


/*///////////////END QA/////////////////////*/


/*///////////////BEGIN 公告/////////////////////*/

.panel-default .panel-notice-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 15px;
    color: #333;
    font-weight: 700;
}

.panel-default > .panel-notice-heading {
    padding: 10px 15px 0;
    border-bottom: 1px solid transparent;
}

.panel-default > .panel-notice-body {
    padding: 10px 37px;
}

.panel-default > .panel-notice-body a:hover {
    text-decoration: underline;
    color: #333;
}

/*/////////////// XML /////////////////////*/
/*20190904新增XML icon*/
.icon-XML_icon:before {
    content: '';
}

.icon-XML_icon {
    display: inline-block;
    background: url(../img/desktop/XML_icon.png) center center no-repeat;
    width: 40px;
    height: 40px;
    background-size: 100% !important;

}

.help_B .help_btn i.icon-XML_icon:hover {
    background: url(../img/desktop/XML_icon_hover.png) center center no-repeat;
    width: 40px;
    height: 40px;
    background-size: 100% !important;
    background-color: transparent;
}

.system_msg_box.qa-style .title i.icon-XML{
    display: inline-block;
    background: url(../img/desktop/XML_icon_hover.png) center center no-repeat;
    width: 40px;
    height: 40px;
    background-size: 100% !important;
    margin: 4px;
}


/*///////////////END 公告/////////////////////*/


 /*@PF BEGIN */
.ui-icon-check {
    background-position: -64px -144px;
}

.ui-icon {
    width: 16px;
    height: 16px;
}
.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}

.ui-widget-content {
    border: 1px solid #aaaaaa;
    background: #ffffff;
    color: #222222;
}

/*下拉icon*/
.ui-icon-triangle-1-s {
    background-position: -64px -16px;
}

/*-- 表格內錯誤訊息 --*/

.ui-message-error {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    display: inline-block;
    margin-left: 5px;
    padding: 0 0 7px;
    position: relative;
    float: left;
}

.ui-message-error span.ui-message-error-detail {
    color: #fd516b;
    float: left;
    font-size: 12px;
    margin-left: 5px;
    padding-left: 23px;
    position: relative;
    top: 8px;
}

.ui-message-error span.ui-message-error-icon {
    background: url("../../inc/img/ui.png") no-repeat scroll -3px -5px;
    float: left;
    font-size: 15px;
    height: 21px;
    left: 0;
    position: absolute;
    top: 8px;
    width: 25px;
}

.ui-messages.ui-widget {
    display: inline-block;
    margin-top: 5px;
    padding-bottom: 6px;
    position: relative;
    width: 100%;
}


/*.ui-messages-error.ui-corner-all {
    background: #fefff2 !important;
    border: 1px solid #c7402e;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: 3px 3px 3px 0 rgba(0%, 0%, 0%, 0.1), 1px 1px 1px #fff inset;
    line-height: 1.8em;
    margin: 0 4px;
    padding: 10px 20px 10px 45px;
    position: relative;
}
*/

.ui-messages-error.ui-corner-all {
    background: #FFFEF7 !important;
    border: 1px solid #cccccc;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    line-height: 1.8em;
    margin: 0 4px;
    padding: 10px 20px;
    position: relative;
}

.ui-messages.ui-widget .ui-messages-error-icon,
.ui-messages-error-icon {
    background: url("../../inc/img/ui.png") no-repeat scroll -2px -5px rgba(0, 0, 0, 0);
    display: inline-block;
    float: left;
    height: 20px;
    left: 5px;
    margin: 0 0 0 10px;
    position: absolute;
    top: 12px;
    width: 26px;
}

.ui-messages-error.ui-corner-all ul li span {
    color: #bf311a;
    font-size: 15px;
}

.ui-messages-error-summary {
    margin: 0 !important;
}

.ui-messages-caution {
    background: #fffaf2 !important;
    border: 1px solid #FD516B;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: 3px 3px 3px 0 rgba(0%, 0%, 0%, 0.1), 1px 1px 1px #fff inset;
    line-height: 1.8em;
    margin: 0 4px;
    padding: 10px 20px 10px 40px;
    text-align: center;
    color: #EB133A;
}

.ui-messages-caution .formGroup_txt {
    color: #333;
}

.ui-messages-caution .ui-chkbox .ui-chkbox-box {
    top: 3px;
    position: relative;
    float: left;
}

.ui-messages ul {
    margin: 0 !important;
}

.ui-message-prompt-icon {
    background: url("../img/ui_message_prompt_icon.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    font-size: 15px;
    height: 16px;
    left: 0;
    position: absolute;
    top: 10px;
    width: 16px;
}

.ui-message-prompt-detail {
    color: #00c0b4;
    float: left;
    font-size: 12px;
    padding-left: 20px;
    position: relative;
    top: 8px;
}

.owl-wrapper a, .owl-wrapper img {
    border:none !important;
    outline:none !important;
}

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
    border: 1px solid #f14649 !important;
}


#content_box_common .time .ui-widget-header {
	border: none !important;
	background-image: none !important;
	background: #fff !important;
	margin-left: 0 0 0 3px;
	font-weight: 400
}

.ui-clock {
	color: #777;
	font-size: 13px;
	padding: 0
}

.tipHide {
	display: none
}

.tipShow {
	position: absolute;
	font-size: 12px;
	line-height: 21px;
	border: #CCC 2px solid;
	background-color: #FCEFF4;
	width: 210px;
	padding: 5px;
	color: #C00;
	cursor: pointer
}

.txt_lt{
    text-align: left;
}

 /*@PF END */