@import url("fonts-google.css");

* {
    box-sizing: border-box;
    /* outline: 1px solid #f00; */
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline;
}

html {
    line-height: 1;
}

table {
    border-collapse: collapse;
}

/*back to top start*/

#button {
  display: inline-block;
  /*background-color: #FF9800;*/
  background-color: #666666;
  width: 40px;
  height: 40px;
  text-align: center;
  border-radius: 4px;
  position: fixed;
  bottom: 90px;
  right: 30px;
  transition: background-color .3s, 
  opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}
#button::after {
  content: "\f077";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: 2em;
  line-height: 38px;
  color: #fff;
}
#button:hover {
  cursor: pointer;
  background-color: #333;
}
#button:active {
  background-color: #555;
}
#button.show {
  opacity: 1;
  visibility: visible;
}

/* Styles for the content section */

.wrap {
    width: 100%;
    margin: auto;
    display: flex;
    flex-flow: wrap row;
}

.ui-mobile-margin_top {
    margin-top: 6px;
}

.ui-mobile-margin_bottom {
    margin-bottom: 6px;
}

.ui-page-theme-a td {
    /*background-color: #f9f9f9;*/
    background-color: red;
}

.ui-p10 {
    padding: 10px;
}

.ui-margin-left {
    margin-left: 12px;
}

.flag-img {
    width: 25px; 
    margin-right: 10px; 
    border: 1px solid #d0d0d0;
}

.card_rwd {
    border: 1px solid rgba(0,0,0,.04);
    background-color: white;
    border-radius: 3px;
    margin: 8px;
    margin-bottom: 10px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.card_rwd:nth-last-child(1) {
    margin-bottom: 0px;
} 

.card_rwd .card_check {

}

.card_rwd .card_subcheck {

}

    .card_rwd div {
        /*float: left;*/
        /*background-color: skyblue;*/
        width: 50%;
        /*border: 1px solid white;*/
        display: inline-block;
        padding: 12px 15px;
    }

#BANKINFO1, #BANKINFO3, #BANKINFO5, #BANKINFO7, #BANKINFO9 {
    background-color: rgba(0,0,0,.04);
}

/* Login button start */
.loginBtn {
    box-sizing: border-box;
    /*position: relative;*/
    margin: 0.2em;
    /*padding: 0 15px 0 46px;*/
    padding: 0 15px 0 38px;
    border: none;
    text-align: left;
    line-height: 34px;
    white-space: nowrap;
    border-radius: 3px;
    font-size: 16px;
    color: #FFF;
}

    .loginBtn:before {
        content: "";
        box-sizing: border-box;
        position: absolute;
        top: 0;
        left: 0;
        width: 34px;
        height: 100%;
    }

    .loginBtn:focus {
        outline: none;
    }

    .loginBtn:active {
        box-shadow: inset 0 0 0 32px rgba(0,0,0,0.1);
    }

/* TSB */
.loginBtn-TSB {
    background: #C90207;
}

    .loginBtn-TSB:before {
        /*border-right: #BB3F30 1px solid;*/
        border-right: rgba(255,255,255,0.8) 1px solid;
        background: url('images/icon_TSB.png') 6px 6px no-repeat;
    }

    .loginBtn-TSB:hover,
    .loginBtn-TSB:focus {
        background: #E74B37;
        /*background-color: #666;*/
        cursor: pointer;
        /*font-weight: 700;*/
        /*border-right: #000000 1px solid;*/
    }

    #loginBtn-TSB {
        background: url('images/icon_TSB.png') 6px 6px no-repeat;
        /*background-size: 23px 23px;*/
        /*padding-right: 15px;*/
        padding-right: 10px;
        padding-left: 35px;
        background-color: #C90207;
        /*border-right: rgba(255,255,255,0.8) 1px solid;*/
        /*border-right: rgba(255,255,255,0.8) 10px solid;*/
        margin-top: 40px;
        /*border: 1px solid #C90207;*/
    }
/* Login button end */

.col_1 {
    width: 8.333333%;
}

.col_2 {
    width: 16.666667%;
}

.col_3 {
    width: 25%;
}

.col_4 {
    width: 33.333333%;
}

.col_5 {
    width: 41.666666%;
}

.col_6 {
    width: 50%;
}

.col_7 {
    width: 58.333333%;
}

.col_8 {
    width: 66.666666%;
}

.col_9 {
    width: 75%;
}

.col_10 {
    width: 83.333333%;
}

.col_11 {
    width: 91.666666%;
}

.col_12 {
    width: 100%;
}

/*.tbl td, .rwdTd span , :not(.rwdTd span){*/
.tbl td, .rwdTd span{
    word-break: break-all;
}

/*.rwdTh[data-title="刪除"]{*/
.rwdTh, div[data-th="序"] span, div[data-th="資料保留至"] span, #BANKINFO1 th, .ac1 {
    white-space:nowrap;
}

.rwd_block_480, .phone_view, .ipad_view_r {
    display: none;
}

.pc_view, .ipad_view {
    display: block;
}

.no_data table, .no_data th, .no_data td {
  border: 1px solid #d0d0d0;
  border-collapse: collapse;
  padding: 10px;
  background-color: #eee;
}
.no_data [rowspan="7"], .no_data [rowspan="6"], .no_data [rowspan="5"]{
  background-color: #F9F9F9;
  text-align: center;
}

.no_data td {
  /*width:38%;*/
  min-width: 120px;
  /*max-width: 190px;*/
}

@media screen and (min-width:768px) {
    .col_ml_1 {
        width: 8.333333%;
    }

    .col_ml_2 {
        width: 16.666667%;
    }

    .col_ml_3 {
        width: 25%;
    }

    .col_ml_4 {
        width: 33.333333%;
    }

    .col_ml_5 {
        width: 41.666666%;
    }

    .col_ml_6 {
        width: 50%;
    }

    .col_ml_7 {
        width: 58.333333%;
    }

    .col_ml_8 {
        width: 66.666666%;
    }

    .col_ml_9 {
        width: 75%;
    }

    .col_ml_10 {
        width: 83.333333%;
    }

    .col_ml_11 {
        width: 91.666666%;
    }

    .col_ml_12 {
        width: 100%;
    }
}


@media screen and (max-width:992px) {
    .card_rwd div {
        /*float: left;*/
        /*background-color: pink;*/
        width: 100%;
        /*border: 1px solid white;*/
        padding: 5px 15px;
    }
}



    @media screen and (min-width:992px) {
        .col_lg_1 {
            padding: 10px;
            box-sizing: border-box;
            width: 8.333333%;
        }

        .col_lg_2 {
            padding: 10px;
            box-sizing: border-box;
            width: 16.666667%;
        }

        .col_lg_3 {
            padding: 10px;
            box-sizing: border-box;
            width: 25%;
        }

        .col_lg_4 {
            padding: 10px;
            box-sizing: border-box;
            width: 33.333333%;
        }

        .col_lg_5 {
            padding: 10px;
            box-sizing: border-box;
            width: 41.666666%;
        }

        .col_lg_6 {
            padding: 10px;
            box-sizing: border-box;
            width: 50%;
        }

        .col_lg_7 {
            padding: 10px;
            box-sizing: border-box;
            width: 58.333333%;
        }

        .col_lg_8 {
            padding: 10px;
            box-sizing: border-box;
            width: 66.666666%;
        }

        .col_lg_9 {
            padding: 10px;
            box-sizing: border-box;
            width: 75%;
        }

        .col_lg_10 {
            padding: 10px;
            box-sizing: border-box;
            width: 83.333333%;
        }

        .col_lg_11 {
            padding: 10px;
            box-sizing: border-box;
            width: 91.666666%;
        }

        .col_lg_12 {
            padding: 10px;
            box-sizing: border-box;
            width: 100%;
        }
    }

    @media screen and (min-width:1200px) {
        .col_xl_1 {
            padding: 10px;
            box-sizing: border-box;
            width: 8.333333%;
        }

        .col_xl_2 {
            padding: 10px;
            box-sizing: border-box;
            width: 16.666667%;
        }

        .col_xl_3 {
            padding: 10px;
            box-sizing: border-box;
            width: 25%;
        }

        .col_xl_4 {
            padding: 10px;
            box-sizing: border-box;
            width: 33.333333%;
        }

        .col_xl_5 {
            padding: 10px;
            box-sizing: border-box;
            width: 41.666666%;
        }

        .col_xl_6 {
            padding: 10px;
            box-sizing: border-box;
            width: 50%;
        }

        .col_xl_7 {
            padding: 10px;
            box-sizing: border-box;
            width: 58.333333%;
        }

        .col_xl_8 {
            padding: 10px;
            box-sizing: border-box;
            width: 66.666666%;
        }

        .col_xl_9 {
            padding: 10px;
            box-sizing: border-box;
            width: 75%;
        }

        .col_xl_10 {
            padding: 10px;
            box-sizing: border-box;
            width: 83.333333%;
        }

        .col_xl_11 {
            padding: 10px;
            box-sizing: border-box;
            width: 91.666666%;
        }

        .col_xl_12 {
            padding: 10px;
            box-sizing: border-box;
            width: 100%;
        }
    }

    ol, ul {
        list-style: none;
    }

    table {
        border-collapse: collapse;
        border-spacing: 0;
    }

    caption, th, td {
        text-align: left;
        font-weight: normal;
        vertical-align: middle;
    }

    q, blockquote {
        quotes: none;
    }

        q:before, q:after, blockquote:before, blockquote:after {
            content: "";
            content: none;
        }

    a img {
        border: none;
    }

    article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
        display: block;
    }

    .steps, .steps ol, .msg ol li {
        display: block;
    }

        .steps:after, .steps ol:after, .msg ol li:after {
            content: '.';
            display: block;
            clear: both;
            visibility: hidden;
            overflow: hidden;
            line-height: 0;
            height: 0;
        }

    .steps1, .steps1 ol, .msg ol li {
        display: block;
    }

        .steps1:after, .steps1 ol:after, .msg ol li:after {
            content: '.';
            display: block;
            clear: both;
            visibility: hidden;
            overflow: hidden;
            line-height: 0;
            height: 0;
        }

    body, [class^="btn_"], .ui-btn, .lightbox h5 {
        font-family: 'Calibri','\5FAE\8EDF\6B63\9ED1\9AD4', 'Microsoft JhengHei';
    }

    .text_justify {
        text-align: justify;
        text-justify: distribute-all-lines;
        text-align-last: justify;
        -moz-text-align-last: justify;
        -webkit-text-align-last: justify;
        max-height: 18px;
        display: inline-block;
        width: 100%;
    }

    @media screen and (-webkit-min-device-pixel-ratio: 0) {
        .text_justify:after {
            content: ".";
            display: inline-block;
            width: 100%;
            overflow: hidden;
            height: 0;
        }
    }

    body {
        font-size: 100%;
        line-height: 1.5;
        color: #666;
        overflow-x: hidden;
        background-color: #f9f9f9;
    }

    #container {
        width: 100%;
    }

    #main_content {
        width: 970px;
        margin: 0 auto;
        padding: 50px 0;
    }

    /*#main_content {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 50px 0;
}*/

    #header {
        border-bottom: 5px solid #C90207;
    }

        #header .hd_content {
            width: 970px;
            margin: 0 auto;
            padding: 20px 0;
        }

        /*    #header #logo {
        width: 200px;
        height: 42px;
        display: inline-block;
        text-indent: -9999px;
        background-image: url(data:image/png;base64,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);
        background-repeat: no-repeat;
        background-position: 0 0;
        background-image: url("images/steps-bg1.png");
    } */

        #header #logo {
            width: 200px;
            /*height: 42px;*/
            height: 45px;
            display: inline-block;
            text-indent: -9999px;
            background-image: url( "images/Logo.png" );
            background-repeat: no-repeat;
            background-position: 0 0;
        }

    #footer {
        background-color: #d80c18;
        background-image: url(data:image/png;base64,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);
        background-repeat: no-repeat;
        background-position: center center;
        padding: 5px 0;
    }

        #footer .ft_content {
            width: 970px;
            margin: 0 auto;
            color: #fff;
            font-size: 75%;
            text-shadow: none;
            white-space: normal;
            overflow: hidden;
            text-overflow: ellipsis;
        }

    ::-webkit-input-placeholder { /* WebKit browsers */
        color: #999;
    }

    :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
        color: #999;
    }

    ::-moz-placeholder { /* Mozilla Firefox 19+ */
        color: #999;
    }

    :-ms-input-placeholder { /* Internet Explorer 10+ */
        color: #999;
    }


    .text_left {
        text-align: left;
    }

    .text_right {
        text-align: right;
    }

    .text_center {
        text-align: center;
    }

    .m_auto {
        margin: 0 auto;
    }

    .mb_10 {
        margin-bottom: 10px;
    }

    .mb_15 {
        margin-bottom: 15px;
    }

    .mb_20 {
        margin-bottom: 20px;
    }

    .pb_50 {
        padding-bottom: 50px;
    }

    .w_20 {
        width: 20%;
    }

    .w_35 {
        width: 35%;
    }

    .w_40 {
        width: 40%;
    }

    .w_50 {
        width: 50%;
    }

    .w_70 {
        width: 70%;
    }

    .w_300 {
        width: 300px;
    }

    .fz_15 {
        font-size: 15px;
    }

    .fz_18 {
        font-size: 112.5%;
    }

    .bg_gray {
        background-color: #eee;
    }

    [class^='icon_'] {
        display: inline-block;
        vertical-align: middle;
        *display: inline;
        *zoom: 1;
        background-repeat: no-repeat;
        background-position: 0 0;
        -moz-background-size: 100%;
        -o-background-size: 100%;
        -webkit-background-size: 100%;
        background-size: 100%;
    }

    .icon_loc {
        background-image: url("images/icon-loc.png");
    }

    .icon_arrow {
        background-image: url("images/icon-arrow.png");
    }

    .red {
        color: #C90207;
    }

    .underline {
        text-decoration: underline;
        color: #333;
    }

    .fwb {
        font-weight: bold;
    }

    .small {
        font-size: 12px;
        color: #aaa;
        display: block;
    }

    .alert {
        color: #C90207;
        font-size: 125%;
        font-weight: bold;
        margin-bottom: 30px;
        padding: 10px 0;
    }

    input[type=checkbox] {
        vertical-align: middle;
    }


    /*導致IE input裡的字下移，需移除*/
    /*input[type=text] {
    vertical-align: middle;
    line-height: 31px;  
}*/


    /*導致IE input裡的字下移，需移除*/
    /*input[type=tel] {
    vertical-align: middle;
    line-height: 31px;  
}*/


    /*外幣幣別國旗下拉選單start*/
    div.mm-dropdown, div.mm-dropdown2 {
        /*border: 1px solid #ddd;*/
        width: 100%;
        border-radius: 3px;
    }

        div.mm-dropdown > ul, div.mm-dropdown2 > ul {
            list-style: none;
            padding: 0;
            margin: 0;
            border: 0;
            background-color: white;
            border-top: 1px solid #ddd;
            border-bottom: 1px solid #ddd;
            position: absolute;
            z-index: 2;
            margin: 6px 0 0 -13px;
            height: 300px;
            overflow: auto;
        }

            div.mm-dropdown ul li, div.mm-dropdown2 ul li,
            div.mm-dropdown div.textfirst, div.mm-dropdown2 div.textfirst2 {
                padding: 0;
                color: #333;
                /*border-bottom: 1px solid #ddd;*/
                /*padding: 5px 15px;*/
            }

                /*div.mm-dropdown div.textfirst>li>img {
        width: 25px;
        margin-right: 10px;
        border: 1px solid #d0d0d0;
    }*/

                div.mm-dropdown div.textfirst img.down, div.mm-dropdown2 div.textfirst2 img.down {
                    float: right;
                    margin-top: 5px
                }

                div.mm-dropdown ul li:last-child, div.mm-dropdown2 ul li:last-child {
                    border-bottom: 0;
                }

            div.mm-dropdown ul li, div.mm-dropdown2 ul li {
                display: none;
                /*padding-left: 25px;*/
                padding: 5px 15px 5px 25px;
            }

                div.mm-dropdown ul li.main, div.mm-dropdown2 ul li.main{
                    display: block;
                }

                div.mm-dropdown ul li img, div.mm-dropdown2 ul li img {
                    width: 25px;
                    /*height: 20px;*/
                    margin-right: 10px;
                    border: 1px solid #d0d0d0;
                }
    /*外幣幣別國旗下拉選單end*/

    .textDollarH {
        /*float: right;*/
        position: absolute; 
        right:12px; 
        top:8px;
        font-size: 95%;
    }

    .forexAmount {
        width: 90%;
        border: 0px;
    }

    .searchbk {
        background-color: #C90207;
        padding: 3px 8px;
        display: inline-block;
        margin-left: 10px;
        color: #fff;
        text-decoration: none;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        text-shadow: none;
    }

        .searchbk .icon_loc {
            width: 13px;
            height: 19px;
            display: inline-block;
            margin-right: 5px;
        }

        .searchbk:hover {
            background-color: #666;
        }

    .add, .actionAdd {
        text-decoration: none;
        color: #C90207;
        padding: 3px 8px;
        display: inline-block;
        background-color: #ccc;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        text-shadow: none;
    }

        .add:hover, actionAdd:hover {
            color: #000;
            background-color: #aaa;
        }

    .del {
        text-decoration: none;
        color: #C90207;
        padding: 2px 8px;
        display: inline-block;
        background-color: #ccc;
        -moz-border-radius: 15px;
        -webkit-border-radius: 15px;
        border-radius: 15px;
        text-shadow: none;
    }

        .del:hover {
            color: #000;
        }

        .del:hover {
            background-color: #aaa;
        }

    .buttons {
        padding: 5px 0;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

        .buttons span {
            margin: 5px 10px;
            display: inline-block;
        }

    [class^="btn_"] {
        display: inline-block;
        padding: 5px 30px;
        line-height: 25px;
        text-align: center;
        text-decoration: none;
        cursor: pointer;
        border: none;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        font-size: 100%;
    }


[class^="small_btn_"] {
    display: inline-block;
    padding: 2px 12px;
    line-height: 25px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    border: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-size: 100%;
}

    .btn_red, .ui-btn input.btn_red, .ui-input-btn input.btn_red {
        background-color: #C90207;
        color: #fff;
    }

        .btn_red:hover, .ui-btn input.btn_red:hover, .ui-input-btn input.btn_red:hover {
            background-color: #666;
        }

    .btn_BRed {
        background-color: #fff;
        border: 2px solid #C90207;
        border-radius: 5px;
        color: #C90207;
        box-sizing: border-box;
    }

        .btn_BRed:hover {
            background-color: #C90207;
            color: #fff;
        }

    .btn_gray {
        background-color: #ccc;
        color: #000;
    }

.small_btn_red {
    background-color: #C90207;
    color: #fff;
}

.btn_red2 {
    background-color: #C90207;
    color: #fff;
    margin: 0 5px 0 5px;
}

.btn_gray2 {
    background-color: #ccc;
    color: white;
    margin: 0 5px 0 5px;
}

.small_btn_gray {
    background-color: #ccc;
    color: white;
    /*color: #000;*/
}

.small_btn_gray2 {
    background-color: #ccc;
    color: white;
}

        .btn_gray:hover {
            background-color: #999;
        }

    .btn_green {
        background-color: #93c903;
        color: #000;
    }

        .btn_green:hover {
            background-color: #666;
        }

    .ui-btn input.btn_red, .ui-input-btn input.btn_red {
        opacity: 1;
        text-indent: 0;
        font-size: 100%;
    }

    .ui-page-theme-a a, .ui-page-theme-a a:visited {
        color: #C90207;
    }

        .ui-page-theme-a a.searchbk, .ui-page-theme-a a:visited.searchbk {
            color: #fff;
        }



    #main_content {
        width: 100%;
        margin: 0 auto;
        text-align: center;
        padding: 50px 0;
    }

    #main_content2 {
        width: 100%;
        margin: 0 auto;
        text-align: center;
        padding: 30px 0;
    }

    .steps {
        width: 800px;
        margin: 0 auto 60px auto;
        margin-bottom: 0px;
    }

        .steps .item {
            font-size: 150%;
            font-weight: bold;
            margin-right: 15px;
            float: none;
            line-height: 60px;
            color: #333;
            text-align: center;
        }

        .steps ol {
            float: left;
        }

            .steps ol li {
                float: left;
                display: inline-block;
                width: 100px;
                position: relative;
                text-align: center;
            }

                .steps ol li span {
                    width: 35px;
                    height: 35px;
                    display: block;
                    margin: 0 auto;
                    background-position: 0 0;
                    background-repeat: no-repeat;
                    background-color: transparent;
                    background-image: url("images/steps-bg1.png");
                }

                    .steps ol li span i {
                        color: #fff;
                        font-size: 18px;
                        font-weight: bold;
                        line-height: 35px;
                    }

                    .steps ol li span + span {
                        width: auto;
                        height: auto;
                        display: block;
                        margin-top: 5px;
                        background: none;
                        font-weight: bold;
                        color: #ccc;
                    }

                .steps ol li:before {
                    content: '';
                    display: block;
                    position: absolute;
                    left: 67px;
                    top: 16px;
                    z-index: 0;
                    width: 85px;
                    height: 1px;
                    background-color: #ccc;
                }

                .steps ol li.last i {
                    display: none;
                }

                .steps ol li.last span {
                    background-image: url(images/steps-bg2.png);
                }

                    .steps ol li.last span + span {
                        background: none;
                    }

                .steps ol li.last:before {
                    display: none;
                }

                .steps ol li.active span {
                    background-position: 0 -35px;
                }

                    .steps ol li.active span + span {
                        color: #666;
                    }

                .steps ol li.over span {
                    background-position: 0 -70px;
                }

                    .steps ol li.over span i {
                        display: none;
                    }

                    .steps ol li.over span + span {
                        color: #999;
                    }

                .steps ol li.over:before {
                    background-color: #8e8e8e;
                }


    @media screen and (min-width:768px) {

	.rwdTable {
        display: table;
        width: 100%;
        /*border-collapse: separate;*/
        border-collapse: collapse;
        border: 1px solid #d0d0d0;
        /*border-spacing: 5px;*/
    }

    .rwdTr, .rwdTitle_gorup {
        display: table-row;
    }

    .rwdTh, .rwdTd {
        display: table-cell;
        vertical-align: top;
        text-align: center;
        /*padding: 5px 10px;*/
        padding: 10px;
        border: 1px solid #d0d0d0;
        vertical-align: middle;
    }

    /* 表格單雙行顏色變化 */
    .rwdTr:nth-of-type(odd), .rwdTitle_gorup:nth-of-type(odd) {
        /*background-color: #eaeaea;*/
    }

    /* 表頭背景藍色 */
    .rwdTh {
        background-color: #eee;
        /*color: #ffffff;*/
    }

    .rwdBtn {
        display: none;
    }


        .steps1 {
            width: 700px;
            margin: 0 auto 60px auto;
            margin-bottom: 0px;
            display: flex;
            justify-content: center;
        }

        .steps {
            width: 800px;
            margin: 0 auto 60px auto;
            margin-bottom: 0px;
            display: flex;
            justify-content: center;
        }
    }


    .steps1 {
        width: 700px;
        margin: 0 auto 60px auto;
        margin-bottom: 0px;
    }

        .steps1 .item {
            font-size: 150%;
            font-weight: bold;
            float: left;
            margin-right: 20px;
            line-height: 60px;
            color: #333;
        }

        .steps1 ol {
            float: left;
        }

            .steps1 ol li {
                float: left;
                display: inline-block;
                width: 120px;
                position: relative;
                text-align: center;
            }

                .steps1 ol li span {
                    width: 35px;
                    height: 35px;
                    display: block;
                    margin: 0 auto;
                    background-position: 0 0;
                    background-repeat: no-repeat;
                    background-color: transparent;
                    background-image: url("images/steps-bg1.png");
                }

                    .steps1 ol li span i {
                        color: #fff;
                        font-size: 18px;
                        font-weight: bold;
                        line-height: 35px;
                    }

                    .steps1 ol li span + span {
                        width: auto;
                        height: auto;
                        display: block;
                        margin-top: 5px;
                        background: none;
                        font-weight: bold;
                        color: #ccc;
                    }

                .steps1 ol li:before {
                    content: '';
                    display: block;
                    position: absolute;
                    left: 77px;
                    top: 16px;
                    z-index: 0;
                    width: 85px;
                    height: 1px;
                    background-color: #ccc;
                }

                .steps1 ol li.last i {
                    display: none;
                }

                .steps1 ol li.last span {
                    background-image: url(images/steps-bg2.png);
                }

                    .steps1 ol li.last span + span {
                        background: none;
                    }

                .steps1 ol li.last:before {
                    display: none;
                }

                .steps1 ol li.active span {
                    background-position: 0 -35px;
                }

                    .steps1 ol li.active span + span {
                        color: #666;
                    }

                .steps1 ol li.over span {
                    background-position: 0 -70px;
                }

                    .steps1 ol li.over span i {
                        display: none;
                    }

                    .steps1 ol li.over span + span {
                        color: #999;
                    }

                .steps1 ol li.over:before {
                    background-color: #8e8e8e;
                }

    .tbl {
        width: 100%;
        border: 1px solid #d0d0d0;
        border-collapse: collapse;
    }

        .tbl th, .tbl td {
            background-color: #f9f9f9;
            padding: 10px;
            border: 1px solid #d0d0d0;
        }

        .tbl th {
            width: 20%;
            background-color: #eee;
            color: #333;
            text-align: left;
        }

            .tbl th i {
                color: #C90207;
                margin-right: 3px;
            }

        .tbl td {
            background-color: #f9f9f9;
            width: 100%;
        }

    .tbla {
        width: 100%;
        border: 1px solid #d0d0d0;
    }

        .tbla th, .tbla td {
            padding: 10px;
            border: 1px solid #d0d0d0;
        }

        .tbla th {
            width: 40%;
            background-color: #eee;
            color: #333;
            text-align: right;
        }

            .tbla th i {
                color: #C90207;
                margin-right: 3px;
            }

        .tbla td {
            width: 60%;
        }

    .form_title {
        background-color: #eee;
        padding: 6px 8px;
        border-left: 5px solid #C90207;
    }

        .form_title h4 {
            font-size: 112.5%;
            line-height: 1.5;
            color: #333;
        }

            .form_title h4 i {
                font-size: 100%;
                color: #C90207;
            }

    .form_body {
        padding: 15px 10px 30px 10px;
    }

        .form_body span {
            /*margin-right: 15px;*/
        }

        .form_body p {
            position: relative;
        }

        .form_body .icon_info {
            width: 40px;
            height: 40px;
            padding: 0 5px;
            vertical-align: middle;
            cursor: pointer;
            position: absolute;
            z-index: 10;
            right: 0;
            top: 2px;
            background-position: center center;
            -moz-background-size: 16px;
            -o-background-size: 16px;
            -webkit-background-size: 16px;
            background-size: 16px;
        }


    .sublist {
        padding-left: 0px;
        display: none;
    }


    .msg {
        margin: 0 auto;
        text-align: center;
    }

        .msg li {
            margin-bottom: 5px;
            text-align: left;
        }

        .msg .rule_title {
            margin-top: 20px;
        }

        .msg .red {
            font-weight: bold;
        }

        .msg ul li {
            position: relative;
        }

            .msg ul li:before {
                content: '';
                position: absolute;
                left: -15px;
                top: 3px;
                width: 6px;
                height: 6px;
                display: inline-block;
                margin-right: 10px;
                vertical-align: top;
                margin-top: 7px;
                background-color: #666;
                -moz-border-radius: 10px;
                -webkit-border-radius: 10px;
                border-radius: 10px;
            }

        .msg ol {
            width: 350px;
            margin: 0 auto;
        }

            .msg ol label {
                float: left;
                width: 30px;
                height: 30px;
                display: block;
                background-position: 0 0;
                background-repeat: no-repeat;
                background-color: transparent;
                background-image: url("images/steps2.png");
                vertical-align: middle;
                margin-right: 10px;
            }

            .msg ol .text {
                float: left;
                display: inline-block;
                margin-top: 5px;
                width: 87%;
            }

            .msg ol .l1 label {
                background-position: 0 0;
            }

            .msg ol .l2 label {
                background-position: 0 -30px;
            }

            .msg ol .l3 label {
                background-position: 0 -60px;
            }

            .msg ol .l3a label {
                background-position: 0 -60px;
            }

            .msg ol .l4 label {
                background-position: 0 -90px;
            }

            .msg ol .l3 .text {
                margin-top: 0;
            }

            .msg ol .l3a .text {
                margin-top: 0;
            }

            .msg ol li {
                position: relative;
                margin-bottom: 20px;
            }

                .msg ol li:before {
                    content: '';
                    width: 5px;
                    /*height: 24px;*/
                    height: 63px;
                    display: inline-block;
                    background-position: center 0;
                    background-repeat: no-repeat;
                    background-color: transparent;
                    background-image: url("images/line.png");
                    position: absolute;
                    left: 13px;
                    /*top: -26px;*/
                    top: -45px;
                    z-index: -1000;
                }

                .msg ol li.l3a:before {
                    height: 64px;
                    top: -65px;
                }

                .msg ol li:first-child:before {
                    display: none;
                }



    .rule {
        display: none;
        width: 75%;
        height: 150px;
        margin: 0 auto;
        overflow: scroll;
        padding: 15px;
        border: 1px solid #d0d0d0;
    }

    .icon_arrow {
        width: 17px;
        height: 17px;
        margin-left: 5px;
        vertical-align: middle;
        cursor: pointer;
        /*-moz-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        -webkit-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;*/
    }

        .icon_arrow.open {
            -moz-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
        }

    .bk_account table th, .bk_account table td {
        padding: 5px;
    }

    .bk_account table th {
        width: 12%;
        text-align: right;
    }

    .bk_account table td {
        width: 30%;
    }

    .lightbox {
        opacity: 0;
        visibility: hidden;
    }

        .lightbox .bg {
            position: fixed;
            z-index: 999;
            left: 0;
            top: 0;
            right: 0;
            bottom: 0;
            background-color: transparent;
            /*-moz-transition: all 0.3s ease-out;
            -o-transition: all 0.3s ease-out;
            -webkit-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;*/
        }

        .lightbox .content {
            opacity: 0;
            position: fixed;
            z-index: 1000;
            padding: 0 0 20px 0;
            top: 20%;
            left: 50%;
            width: 400px;
            margin-left: -225px;
            background-color: #fff;
            color: #666;
            /*-moz-transition: all 0.3s ease-out;
            -o-transition: all 0.3s ease-out;
            -webkit-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;*/
        }

        .lightbox.show {
            opacity: 1;
            visibility: visible;
        }

            .lightbox.show .bg {
                background-color: rgba(0, 0, 0, 0.6);
            }

            .lightbox.show .content {
                opacity: 1;
            }

        .lightbox h5 {
            text-shadow: none;
            font-size: 125%;
            font-weight: bold;
            color: #fff;
            text-align: center;
            margin-bottom: 20px;
            padding: 15px;
            letter-spacing: 1px;
            background-color: #C90207;
        }

        .lightbox p {
            margin: 0 50px 10px 50px;
        }

        .lightbox .close {
            position: absolute;
            right: 15px;
            top: 17px;
            text-decoration: none;
            width: 24px;
            height: 24px;
            background-position: center center;
            background-repeat: no-repeat;
            background-color: transparent;
            background-image: url("images/close.png");
        }

        .lightbox .lblist {
            padding: 15px;
            margin: 0 40px 0 55px;
            list-style-type: decimal;
        }

        .lightbox b {
            font-weight: bold;
            color: #333;
        }









    /*--KYC--*/

    .css_table {
        /*display: table;*/
    }

    .css_th {
        /*display: table-cell;*/
        border: 1px solid #d0d0d0;
        background-color: #eee;
    }

    .css_td {
        /*display: table-cell;*/
        border: 1px solid #d0d0d0;
    }





    /*--AgreedAccount--*/

    .bk_account .table-stripe {
        width: 100%;
    }

    .form_body .sublist {
        padding-left: 5px;
    }

    .form_body .btn-group label, .btn-group2 p {
        background-color: #F6F6F6;
        border: 1px solid #ddd;
        padding: 10px 24px;
        cursor: pointer;
        display: block;
    }

        .form_body .btn-group label:not(:last-child), .btn-group2 p:not(:last-child) {
            border-bottom: none;
        }

        .form_body .btn-group label:hover, .btn-group2 p:hover {
            background-color: #EDEDED;
        }

        .form_body .btn-group label:first-of-type, .btn-group2 p:first-of-type {
            margin-top: 5px;
            border-radius: 5px 5px 0px 0px;
        }

        .form_body .btn-group label:last-of-type, .btn-group2 p:last-of-type {
            border-radius: 0px 0px 5px 5px;
        }

    .bk_account table th, .bk_account table td {
        padding: 5px;
    }

    .bk_account table .bkth {
        width: 15%;
        text-align: center;
    }

    .bk_account table .bk {
        /*width: 20%;*/
    }

    .bk_account table .bktd {
        /*width: 20%;*/
    }

    .bk_account table .accth {
        width: 10%;
        text-align: center;
    }

    .bk_account table .acc {
        width: 35%;
    }

    .bk_account table .acctd {
        width: 35%;
    }

    .bk_account table .action {
        width: 15%;
    }


    /*-- forex --*/


    .tdw_100 {
        width: 100%;
        display: flex;
    }

    .tdw_6 {
        width: 6%;
        text-align: center;
        vertical-align: middle;
        margin: 0 auto;
    }

        .tdw_6 span {
            line-height: 50px;
        }

    .tdw_10 {
        width: 10%;
        text-align: center;
        vertical-align: middle;
        margin: 0 auto;
    }

        .tdw_10 img {
            width: 24px;
            padding-top: 13px;
        }

    .tdw_25 {
        width: 25%;
        margin-right: 3%;
    }

    tbl td.tdw_32 {
        width: 32%;
    }

    .tdw_37 {
        width: 37%;
    }

    .tdw_36 {
        width: 36%;
    }

    tdw_37_90 {
        width: 37%;
    }

    .tdw_40 {
        width: 40%;
        margin-right: 3%;
    }

    .tdw_45 {
        width: 45%;
    }

    .tdw_57 {
        width: 57%;
    }

    .tdw_72 {
        width: 72%;
    }

    .tdw_90 {
        width: 90%;
    }


    tbl .thw_18 {
        width: 18%;
    }

    .tdw_57_100 {
        width: 57%;
    }

    .input_p[placeholder] {
      /*background-color: yellow;*/
      padding-right: 40px;
    }


    .Amount {
        position: relative;
        /*display: flex;
    align-items: center;*/
    }

        .Amount .AmountBox {
            width: 100%;
            padding-left: 3%;
            position: absolute;
            top: 10%;
        }

        .Amount .AmountBoxSame {
            width: 100%;
            position: absolute;
            top: 7%;
        }

    span.textDollar {
        position: absolute;
        right: 15px;
        bottom: 19px;
    }

    span.textDollarTwo {
        position: absolute;
        right: 15px;
        bottom: 55px;
    }

    .Amount .red {
        position: absolute;
        padding-left: 3%;
        bottom: 15px;
    }

    .CarryAmount {
        width: 95%;
        border-radius: .3125em;
        background-color: #f6f6f6;
        border: 1px solid #ddd;
        color: #333;
        text-shadow: 0 1px 0 #f3f3f3;
        margin-top: 8px;
        font-weight: 800;
    }

        .CarryAmount span {
            vertical-align: middle;
            line-height: 40px;
            padding: 8px 15px;
            color: #C90207;
        }


    .ui-radio .ui-btn.ui-radio-on:after {
        background-image: none;
        background-color: #fff;
        width: 16px;
        height: 16px;
        border-width: 8px;
        border-style: solid;
    }

    label.LBNoBorder {
        background-color: none;
        border-style: none;
    }

    .form_title {
        position: relative;
        height: 50px;
    }

        .form_title h4 {
            line-height: 36px;
        }

    #CommonTrans {
        position: absolute;
        right: 12px;
        bottom: 10px;
    }

    .tdw_BankC {
        width: 82%;
        /*width: 395px;*/
    }

    .tdw_BankCSearch {
        margin-left: 15px;
    }


    .BankC {
        width: 100%;
        border-radius: .3125em;
        background-color: #f6f6f6;
        border: 1px solid #ddd;
        color: #333;
        text-shadow: 0 1px 0 #f3f3f3;
        margin-top: 8px;
        font-weight: 800;
    }

        .BankC input.button {
            vertical-align: middle;
            line-height: 40px;
            padding: 8px 15px;
            color: #C90207;
        }








    /*@media screen and (min-width: 0px) and (max-width: 768px) {*/
    @media only screen and (max-width: 768px) {
        html, body {
            height: auto;
        }

        #container {
            width: 100%;
            height: auto;
            margin: 0;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }

        #header, #footer {
            height: auto;
        }

            #header .hd_content {
                width: auto;
                padding: 10px 0;
                text-align: center;
            }

        #main_content {
            width: auto;
            padding: 30px 10px;
        }

        #footer .ft_content {
            width: auto;
            padding: 10px;
        }

        .w_50, .w_35, .w_70 {
            width: auto;
        }

        .w_300 {
            width: 100%;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }

        .rule {
            width: auto;
        }

        input[type=text] {
            font-size: 95%;
        }

        input[type=tel] {
            font-size: 95%;
        }

        .tbl th {
            width: 28%;
        }

        .tbl td {
            background-color: #f9f9f9;
            width: 72%;
        }

        .rwd_block_480 {
            display: block;
        }

        .rwd_block_768 {
            display: block;
        }

        .ui-mobile-margin_bottom_768 {
            margin-bottom: 6px;
        }

        .tdw_57_100 {
            width: 100%;
        }

        .form-control {
            width: 100%;
            /*line-height: 44px;*/
        }

        .line-height {
            margin: 6px 0px 12px 0px;
        }

        td.tdw_100 {
            width: 100%;
        }

        td.tdw_flex {
            display: flex;
        }

        .tdw_37_90 {
            width: 90%;
        }

        td.tdw_40 {
            width: 35%;
        }

        td.tdw_57 {
            width: 55%;
        }

        .msg {
            padding-top: 0;
        }

            /*.msg ol {
                width: auto;
            }*/

                .msg ol li .text {
                    width: 85%;
                }

            .msg ul {
                margin-left: 20px;
            }

        .LBNoBorder {
            border-style: none;
            background: #fff;
        }


        .steps {
            width: auto;
            margin-bottom: 0px;
            text-align: center;
        }

            .steps .item {
                float: none;
                line-height: 35px;
                margin-bottom: 10px;
                margin-right: 0 auto;
                text-align: center;
            }

            .steps ol {
                width: 340px;
                margin: 0 auto;
                float: none;
            }

                .steps ol li {
                    font-size: 87.5%;
                    width: 60px;
                    margin-left: 10px;
                }

                    .steps ol li:first-child {
                        margin-left: 0;
                    }

                    .steps ol li:before {
                        left: 48px;
                        width: 60px;
                    }

                    .steps ol li span + span {
                        /*line-height: 1;*/
                        line-height: 1.2;
                    }

        .steps1 {
            width: 330px;
            margin-bottom: 0px;
        }

            .steps1 .item {
                float: none;
                line-height: 35px;
                margin-bottom: 10px;
                margin-right: 0;
                text-align: center;
            }

            .steps1 ol {
                width: 230px;
                margin: 0 auto;
                float: none;
                padding-left: 20px;
            }

                .steps1 ol li {
                    font-size: 87.5%;
                    width: 60px;
                    margin-left: 10px;
                }

                    .steps1 ol li:first-child {
                        margin-left: 0;
                    }

                    .steps1 ol li:before {
                        left: 48px;
                        width: 60px;
                    }

                    .steps1 ol li span + span {
                        /*line-height: 1;*/
                        line-height: 1.2;
                    }

        .lightbox .content {
            width: 90%;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            margin-left: -45%;
            top: 20%;
        }

        .lightbox p {
            /*margin: 10px;*/
            margin: 0 25px;
        }

        .lightbox .lblist {
            margin: 0 10px 0 15px;
        }

        /*.lightbox .close {
            right: 0;
            top: -40px;
        }*/

        .buttons span {
            margin: 5px;
        }

        .bk_account table {
            width: 100%;
        }

        #BANKINFO1, #BANKINFO3, #BANKINFO5, #BANKINFO7, #BANKINFO9 {
            background-color: rgba(0,0,0,.04);
        }

        .bk_account table th, .bk_account table td {
            display: inline-table;
            background-color: rgba(0,0,0,0);
            /*width: 100%;
        padding: 0;*/
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }

        .bk_account table th {
            text-align: left;
            width: 16%;
            line-height: 30px;
            margin-left: 10px;
        }

        .bk_account table .bkth {
            text-align: left;
            width: 100%;
            line-height: 30px;
            /*line-height: 40px;*/
            margin-left: 10px;
        }

        .bk_account table .accth {
            text-align: left;
            width: 100%;
            line-height: 30px;
            margin-left: 10px;
        }

        .table-stripe tbody tr:nth-child(odd) td, .table-stripe tbody tr:nth-child(odd) th {
            background-color: #eee;
            background-color: rgba(0,0,0,0);
            /*margin: 10px;*/
        }

        .bk_account table .bk {
            width: 76%;
        }

        .bk_account table .acc {
            width: 60%;
            /*margin-right: 2%;*/
        }

        .bk_account table .bktd {
            width: 95%;
        }

        .bk_account table .acctd {
            width: 83%;
        }

        .bk_account table td.action .add_ {
            width: 15%;
            position: absolute;
            top: 35px;
            right: 10px;
        }


        .bk_account table td.action .ac2 {
            width: 15%;
            margin-left: 10px;
            text-align: right;
            /*position: absolute;
            top: 75px;
            right: 22px;*/
        }

        .bk_account table td.action .actionAdd {
            /*width: 50px;
        position: absolute;
        top: 70px;
        right: 10px;*/
            /*width: 15%;*/
            /*position: absolute;*/
            position: relative;
            /*top: 137px;
            right: 30px;*/
            color: #C90207;
            text-decoration: none;
        }

        .bk_account table td.action .actionAddOpen {
            /*width: 50px;
        position: absolute;
        top: 70px;
        right: 10px;*/
            /*width: 15%;*/
            /*position: absolute;
            top: 75px;
            right: 26px;*/
            color: #C90207;
            text-decoration: none;
        }

        .bk_account table td.action .ac22 {
            width: 15%;
            margin-left: 2px;
            text-align: right;
            /*position: absolute;
            top: 140px;
            right: 32px;*/
        }

        .bk_account table tr {
            height: 122px;
            padding-left: 10px;
            margin-top: 0px;
            margin-bottom: 0px;
            position: relative;
            display: block;
        }

        .bk_account table .bk_account_tr {
            height: 190px;
            padding: 10px;
            margin-top: 0px;
            margin-bottom: 0px;
            position: relative;
            display: block;
        }

        span.textDollar {
            right: 5px;
        }

        span.textDollarTwo {
            right: 5px;
        }

        .Amount .red {
            bottom: 10px;
            font-size: 8px;
        }

	/* 增加外框線 */
    .rwdTable {
        /*border: 1px solid #eee;*/
    }

    /* 將表格中間的空間刪掉 */
    .rwdTable {
        border-spacing: 0px;
    }

    /* 隱藏表頭列 */
    .rwdTr:first-of-type {
        display: none;
    }

    /*  .rwdTd {
    display: table;
    padding: 0;
  }*/

    .rwdTd {
        display: table;
        /*padding: 0;*/
        /*display: table-cell;*/
        vertical-align: top;
        text-align: center;
        /* padding: 5px 10px; */
        /*padding: 10px;*/
        border: 1px solid #d0d0d0; 
        /*background-color: pink;*/
        width: 100%;
        text-align: left;
    }

        .rwdTd:not(:last-child) {
            border-bottom: none;
        }



        .rwdTd:before {
            content: attr(data-th);
            display: table-cell;
            /*font-weight: bold;*/
            color: #333;
            /*padding: 3px 10px;*/
            padding: 10px;
            white-space: nowrap;
            text-align: left !important;
            width: 190px;
            background-color: #eee;
            vertical-align: top;
        }

        .rwdTd span {
            /*padding: 3px 10px;*/
            padding: 10px;
            display: inline-block;
            border-left: 1px solid #d0d0d0;
        }

    .rwdTr:nth-of-type(odd), .rwdTitle_gorup:nth-of-type(odd) {
        /*background-color: #f9f9f9;*/
    }

    .rwdTr:after {
        content: '';
        display: inline-block;
        padding-bottom: 30px;
    }

    div[data-title="匯出PDF"], div[data-th="匯出PDF"], div[data-title="刪除"], div[data-th="刪除"], div[data-title="匯入"], div[data-th="匯入"], div[data-title="匯出交易表單"], div[data-th="匯出交易表單"], .rwd_none_768, .ipad_view {
        display: none;
    }

    .rwdBtn, .ipad_view_r {
        display: block;
    }

    }

    /*@media screen and (min-width: 0px) and (max-width: 480px) {*/
    @media only screen and (max-width: 480px) {
        html, body {
            height: auto;
        }

        #container {
            width: 100%;
            height: auto;
            margin: 0;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }

        #header, #footer {
            height: auto;
        }

            #header .hd_content {
                width: auto;
                padding: 10px 0;
                text-align: center;
            }

        #main_content {
            width: auto;
            padding: 30px 10px;
        }

        #footer .ft_content {
            width: auto;
            padding: 10px;
        }

        .w_50, .w_35, .w_70 {
            width: auto;
        }

        .w_300 {
            width: 100%;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }

        .rule {
            width: auto;
        }

        input[type=text] {
            font-size: 95%;
        }

        input[type=tel] {
            font-size: 95%;
        }

        .tbl th {
            width: 28%;
        }

        .tbl td {
            background-color: #f9f9f9;
            width: 72%;
        }

        .tbl th.rwd_wider_480{
            width: 42%;
        }

        .rwd_block_480 {
            display: block;
        }

        .phone_view {
            display: block;
        }

        .pc_view {
            display: none;
        }

        .ui-mobile-margin_bottom_480 {
            margin-bottom: 6px;
        }

        .form-control {
            width: 100%;
            /*line-height: 44px;*/
        }

        .line-height {
            margin: 6px 0px 12px 0px;
        }

        td.tdw_100 {
            width: 100%;
        }

        td.tdw_flex {
            display: flex;
        }

        .tdw_37_90 {
            width: 90%;
        }

        td.tdw_40 {
            width: 35%;
        }

        td.tdw_57 {
            width: 55%;
        }

        .msg {
            padding-top: 0;
        }

            .msg ol {
                /*width: auto;*/
            }

                .msg ol li .text {
                    width: 85%;
                }

            .msg ul {
                margin-left: 20px;
            }

        .LBNoBorder {
            border-style: none;
            background: #fff;
        }


        .steps {
            width: auto;
            margin-bottom: 0px;
            text-align: center;
        }

            .steps .item {
                float: none;
                line-height: 35px;
                margin-bottom: 10px;
                margin-right: 0 auto;
                text-align: center;
            }

            .steps ol {
                width: 340px;
                margin: 0 auto;
                float: none;
            }

                .steps ol li {
                    font-size: 87.5%;
                    width: 60px;
                    margin-left: 10px;
                }

                    .steps ol li:first-child {
                        margin-left: 0;
                    }

                    .steps ol li:before {
                        left: 48px;
                        width: 60px;
                    }

                    .steps ol li span + span {
                        /*line-height: 1;*/
                        line-height: 1.2;
                    }

        .steps1 {
            width: 330px;
            margin-bottom: 0px;
        }

            .steps1 .item {
                float: none;
                line-height: 35px;
                margin-bottom: 10px;
                margin-right: 0;
                text-align: center;
            }

            .steps1 ol {
                width: 230px;
                margin: 0 auto;
                float: none;
                padding-left: 20px;
            }

                .steps1 ol li {
                    font-size: 87.5%;
                    width: 60px;
                    margin-left: 10px;
                }

                    .steps1 ol li:first-child {
                        margin-left: 0;
                    }

                    .steps1 ol li:before {
                        left: 48px;
                        width: 60px;
                    }

                    .steps1 ol li span + span {
                        /*line-height: 1;*/
                        line-height: 1.2;
                    }

        .lightbox .content {
            width: 90%;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            margin-left: -45%;
            top: 20%;
        }

        .lightbox p {
            /*margin: 10px;*/
            margin: 0 25px;
        }

        .lightbox .lblist {
            margin: 0 10px 0 15px;
        }

        /*.lightbox .close {
            right: 0;
            top: -40px;
        }*/

        .buttons span {
            margin: 5px;
        }

        .bk_account table {
            width: 100%;
        }



        #BANKINFO1, #BANKINFO3, #BANKINFO5, #BANKINFO7, #BANKINFO9 {
            background-color: rgba(0,0,0,.04);
        }

        .bk_account table th, .bk_account table td {
            display: inline-table;
            background-color: rgba(0,0,0,0);
            /*width: 100%;
        padding: 0;*/
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }

        .bk_account table th {
            text-align: left;
            width: 100%;
            /*line-height: 30px;*/
            /*margin-left: 10px;*/
            /*display: block;*/
            margin: 7px 0px 0px 10px;
        }

        .bk_account table .bkth {
            text-align: left;
            width: 100%;
            line-height: 30px;
            margin-left: 10px;
        }

        .bk_account table .accth {
            text-align: left;
            width: 100%;
            line-height: 30px;
            margin-left: 10px;
        }

        .table-stripe tbody tr:nth-child(odd) td, .table-stripe tbody tr:nth-child(odd) th {
            background-color: #eee;
            background-color: rgba(0,0,0,0);
            /*margin: 10px;*/
        }

        .bk_account table .bk {
            width: 95%;
        }

        .bk_account table .acc {
            width: 77%;
        }

        .bk_account table .bktd {
            width: 100%;
        }

        .bk_account table .acctd {
            width: 75%;
        }

        .bk_account table td.action .add_ {
            width: 15%;
            position: absolute;
            top: 35px;
            right: 10px;
        }


        .bk_account table td.action .ac2 {
            width: 15%;
            /*margin-left: 2px;*/
            /*text-align: right;*/
            /*position: absolute;
            top: 147px;
            right: 7px;*/
        }

        .bk_account table td.action .actionAdd {
            /*width: 15%;*/
            /*position: absolute;
            top: 149px;
            right: 10px;*/
        }

        /*.bk_account table td.action .actionAddOpen {
        
    }*/

        .bk_account table td.action .ac22 {
            width: 15%;
            margin-left: 2px;
            text-align: right;
            /*position: absolute;
            top: 155px;
            right: 0px;*/
        }

        .bk_account table tr {
            height: 202px;
            padding-left: 10px;
            margin-top: 0px;
            margin-bottom: 0px;
            position: relative;
        }

        .bk_account table .bk_account_tr {
            height: 202px;
            padding: 10px;
            margin-top: 0px;
            margin-bottom: 0px;
            position: relative;
        }

        span.textDollar {
            right: 5px;
        }

        span.textDollarTwo {
            right: 5px;
        }

        .Amount .red {
            bottom: 10px;
            font-size: 8px;
        }

	.rwdTd:before {
        content: attr(data-th);
        display: table-cell;
        /* font-weight: bold; */
        color: #333;
        /* padding: 3px 10px; */
        padding: 10px;
        white-space: nowrap;
        text-align: left !important;
        /*width: 120px;*/
        width: 160px;
        background-color: #eee;
        vertical-align: top;
    }

        .ui-mobile-margin_left_480 {
            margin-left: 12px;
        }

        .ui-mobile-margin_bottom_480 {
            margin-bottom: 6px;
        }      
    }

    @media screen and (max-width: 969px) and (min-width: 768px){
        #header .hd_content {
        width: 720px;
        margin: 0 auto;
        padding: 20px 0;
    }    


    @media screen and (min-width: 480px) and (max-width: 768px) {
        .msg ol {
            width: 350px;
        }

            .msg ol li .text {
                width: 87%;
            }

        .lightbox .close {
            right: 15px;
            top: 17px;
        }
    }


    .selectLeft {
        text-align: left;
    }

    .ui-select .ui-btn select {
        padding-left: 10px;
    }