/* Global */

/** Generated by FG **/
@font-face {
    font-family: KrungsriSimple;
    src: url('../../../fonts/KrungsriSimple.eot');
    src: local('☺'), url('../../../fonts/KrungsriSimple.eot?#iefix') format('embedded-opentype'), url('../../../fonts/KrungsriSimple.woff') format('woff'), url('../../../fonts/KrungsriSimple.ttf') format('truetype'), url('../../../fonts/KrungsriSimple.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: KrungsriSimpleMedium;
    src: url('../../../fonts/KrungsriSimpleMedium.eot');
    src: local('☺'), url('../../../fonts/KrungsriSimpleMedium.eot?#iefix') format('embedded-opentype'), url('../../../fonts/KrungsriSimpleMedium.woff') format('woff'), url('../../../fonts/KrungsriSimpleMedium.ttf') format('truetype'), url('../../../fonts/KrungsriSimpleMedium.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: KrungsriSimpleBold;
    src: url('../../../fonts/KrungsriSimpleBold.eot');
    src: local('☺'), url('../../../fonts/KrungsriSimpleBold.eot?#iefix') format('embedded-opentype'), url('../../../fonts/KrungsriSimpleBold.woff') format('woff'), url('../../../fonts/KrungsriSimpleBold.ttf') format('truetype'), url('../../../fonts/KrungsriSimpleBold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body {
    font-family: Tahoma,Sans-Serif;
    font-weight: normal;
    font-size: 12px;
    color: #58595b;
    background-color: #fff;
    position: relative;
}

/* workaround ie problem */
.lt-ie7 html, .lt-ie7 body {
    width: 100%;
    height: 100%;
}

.lt-ie7 img, .lt-ie7 input {
    behavior: url(js/iepngfix.htc) url(js/csshover3.htc);
}

/*body.menu-open { overflow-x: hidden; }
.wrapper { overflow-y: scroll; overflow-x: hidden; width: 100%; height: 100%; -webkit-overflow-scrolling: touch; }
.menu-open .wrapper { overflow-y: hidden; position: fixed; }
html, body { margin: 0; overflow: hidden; height: 100%;}*/
.header,
.content_left_topbar_settingbutton,
.mainmenu_button,
.yp_button,
.home_button,
.logout_button,
.more_button,
.inbox_button,
.inbox_button_badge_bg,
.download_button_badge_bg,
.calculator_button,
.download_button,
.interestrate_button,
.content_left_mainmenu .menu_expanded,
.content_left_mainmenu .menu_collapsed,
.main_menu_submenu .menu_expanded,
.main_menu_submenu .menu_collapsed,
.content_acclist_button,
.content_acclist_addbutton,
.content_acclist_previousbutton,
.content_acclist_nextbutton,
.content_acclist_acc_menubutton,
.accmenu_editbutton,
.progress_header,
.balloon_head,
.myport_addaccount_popup,
.myport_addaccount_popup_closebutton,
.summary_error_icon,
.validation_error_box_head,
.creditcard_limitbox_centerpoint,
.creditcard_limitbox_body,
.waitingsign,
.bigcalendar_table,
.yellowpoints_button_search,
.yellowpoints_button_clear,
.yellowpoints_button_clear_long,
.yellowpoints_button_print_long,
.yellowpoints_itembox_pointrow,
.yellowpoints_itembox_resultrow,
.yellowpoints_cartbox,
.billpayment_viewdetail_button,
.billpayment_add_button,
.add_transfer_button,
.rolling,
.rolling_content,
.rolling_instruction a,
.rolling_bar_button_previous input,
.rolling_bar_button_next input,
a.fundtransfer_notes,
.fundtransfer_terms_popup_headerrow,
.mutualfund_info_popup_headerrow,
.mutualfund_valid_card_popup_headerrow,
.howto_column_left,
.howto_column_right,
.howto_column_head_footer,
.howto_column_head_footer,
.howtoapply_itembox_indicator,
.faqs_item_title,
.faqs_subitem_title,
.ksecal_item_title,
.ksecal_resultbox_body,
.service_tabs,
.service_tab.service_selected,
.securityalert_otpbox,
.crmbanner_moreinfo,
.widget_yellowpoints,
.widget_yellowpoints_button,
.sidebar_hotpromotion,
.sidebar_crmbanner_moreinfo,
.sidebar_box_navigation_previousbutton,
.sidebar_box_navigation_nextbutton,
.sidebar_widget_transfer,
.myacc_card_previous_button,
.myacc_card_next_button,
.myacc_menubutton,
.cr_button_search,
.printer_alert_icon,
.exchange_lastrate_button,
.exchange_time_button,
.inbox_delete_button,
.inbox_delete_button {
    behavior: url(js/iepngfix.htc);
}

a:link, a:hover, a:visited {
    text-decoration: none;
}

*:focus {
    outline: none;
}

a, a:hover, a:active, a:focus {
    outline: 0;
}

.aligncenter {
    text-align: center !important;
}

.alignleft {
    text-align: left !important;
}

.alignright {
    text-align: right !important;
}

.right_float_element {
    float: right;
}

.boldtext {
    font-weight: bold;
}

.boldtext_imp {
    font-weight: bold !important;
}

.bigtext {
    font-size: 15px;
}

.bigrow {
    margin: 10px 0px;
}

.krungsribold {
    font-family: KrungsriSimpleBold,Sans-Serif;
}

.mobile_only {
    display: none;
}

input, select {
    box-sizing: border-box;
}

.unbreakable {
    display: inline-block;
}

.nowrap {
    white-space: nowrap;
}

.header {
    background-image: url(../images-register/grey_tone.jpg);
    background-repeat: repeat-y;
    background-size: cover;
    width: 100%;
    height: 142px;
    overflow: visible;
}

.lt-ie9 .header {
    background: #f4f4f4;
    /* 
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#fff4f4f4,endColorstr=#ffe8e8e8);
	zoom: 1;
 */
}

.header_printbg {
    display: none;
}

.header_wrapper {
    width: 1120px;
    height: 120px;
    overflow: visible;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.lt-ie9 .header_wrapper {
    background: #f4f4f4;
    height: 142px;
}

.header_logo {
    width: 92px;
    height: 142px;
    float: left;
    z-index: 10;
}

    .header_logo img {
        width: 92px;
        height: 142px;
    }

.header_title {
    font-family: KrungsriSimple,Sans-Serif;
    font-size: 23px;
    position: absolute;
    margin-left: 110px;
    margin-top: 65px;
    color: rgb(72,72,74);
}

.header_links {
    float: right;
    margin-top: 35px;
    margin-right: 10px;
}

.header_sociallinks {
    display: inline;
}

.header_sociallink {
    margin-left: 3px;
    margin-right: 3px;
    width: 22px;
    height: 22px;
}

.header_mainlinks {
    display: inline;
    font-family: Sans-Serif;
    font-size: 20px;
    color: #ffd44f;
    line-height: 20px;
}

.header_mainlink {
    margin-left: 10px;
    margin-right: 10px;
    width: 22px;
    height: 22px;
}

.header_lastlogin {
    float: right;
    clear: right;
    margin-top: 15px;
    margin-right: 20px;
    font-family: KrungsriSimple,Sans-Serif;
    font-size: 11px;
    color: rgb(109,110,113);
    text-align: right;
}

.header_userlogin {
    float: right;
    clear: right;
    margin-top: 10px;
    margin-right: 20px;
    font-family: KrungsriSimple, Sans-Serif;
    font-size: 12px;
    color: rgb(109, 110, 113);
    text-align: right;
    height: 25%;
}

    .header_userlogin span {
        font-family: KrungsriSimpleMedium, Sans-Serif;
    }

.header_userlogin_mobile {
    display: none;
}

.header_languages {
    display: inline;
    font-family: KrungsriSimpleBold,Sans-Serif;
    font-size: 14px;
    margin-right: 10px;
    color: white;
    position: relative;
    top: -4px;
}

.header_language {
    display: inline;
    color: #ffd847;
    margin-left: 3px;
    margin-right: 3px;
}

    .header_language a {
        font-family: KrungsriSimpleMedium,Sans-Serif;
        color: #6d6f71;
    }

        .no-touch .header_language a:hover, .header_language a:active {
            color: #ffd847;
        }

.footer {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
    border-top: solid 1px #ccc;
    font-family: KrungsriSimple,Sans-Serif;
    font-size: 10px;
    color: #58595b;
    clear: both;
}

.footer_wrapper {
    width: 1120px;
    margin-left: auto;
    margin-right: auto;
    text-align: right;
    position: relative;
}

.lt-ie9 .footer_wrapper {
    border-top: solid 1px #ccc;
    margin-top: -1px;
}

.footer_image {
    text-align: right;
    margin-top: 10px;
    margin-bottom: 10px;
}

.footer_text {
    text-align: center;
    float: left;
}

.footer_link {
    display: inline;
    margin-left: 12px;
}

    .footer_link a {
        color: #58595b;
        white-space: nowrap;
    }

        .no-touch .footer_link a:hover, .footer_link a:active {
            color: rgb(225,210,0);
        }

    /** TODO remove verisign image from footer */
    .footer_link img {
        display: none;
    }

.footer_linksep {
    display: inline;
    margin-left: 12px;
}

.content {
    width: 100%;
}

.content_container {
    width: 1120px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: visible;
}

.content_left {
    width: 210px;
    float: left;
}

.content_right {
    margin-left: 225px;
}

.layout_sidebar .content_right {
    float: left;
    width: 700px;
    margin-left: 15px;
}

.content_sidebar {
    width: 180px;
    margin-top: 55px;
    float: right;
}

.lt-ie8 .content_sidebar {
    /*width: 175px;*/
}

.content_left_profile {
    height: 130px;
    overflow: hidden;
    position: relative;
}

.content_left_profile_image {
    width: 210px;
    height: 130px;
}

.content_left_topbar {
    background: #726658;
    height: 45px;
    overflow: hidden;
}

.content_left_topbar_title {
    font-family: KrungsriSimpleMedium,Sans-Serif;
    font-size: 12px;
    color: #fff;
    line-height: 44px;
    margin-left: 10px;
    width: 155px;
    float: left;
    letter-spacing: -1px;
}

.kbol_title {
    line-height: 18px;
    padding-top: 4px;
}

.content_left_topbar_title div {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

    .content_left_topbar_title div:only-child {
        line-height: 44px;
        padding-top: 0;
    }

    .content_left_topbar_title div:nth-child(2) {
        font-family: KrungsriSimple,Sans-Serif;
    }

.lt-ie7 .content_left_topbar_title {
    margin-left: 5px;
}

.content_left_topbar_iconrow {
    float: right;
}

.content_left_topbar_settingbutton {
    border: none;
    width: 45px;
    height: 45px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(../../retail/images-main/icon_editProfile_inact.png);
    background-size: cover;
    transition-property: all;
    transition-duration: 0.6s;
}

.kbol_menu {
    width: 25px;
    height: 25px;
    background-image: url(../../sme/images-main/arrow_down.svg);
    margin-top: 10px;
    margin-right: 15px;
}

.no-touch .content_left_topbar_settingbutton:hover, .content_left_topbar_settingbutton:active {
    background-image: url(../../retail/images-main/icon_editProfile_act.png);
}

.content_left_topbar_settingbutton.setting_menu_selected {
    background-color: #d2c7c1;
}


    .no-touch .content_left_topbar_settingbutton.setting_menu_selected:hover, .content_left_topbar_settingbutton.setting_menu_selected:active {
        background-image: url(../../retail/images-main/icon_editProfile_act.png);
    }

.kbol_menu.setting_menu_selected {
    background-color: transparent;
}

.no-touch .kbol_menu:hover, .kbol_menu:active {
    background-image: url(../../sme/images-main/arrow_down.svg);
}


.no-touch .kbol_menu.setting_menu_selected:hover, .kbol_menu.setting_menu_selected:active {
    background-image: url(../../sme/images-main/arrow_down.svg);
}

.content_left_menubar {
    height: 45px;
    width: 100%;
    background: #ffd300;
    position: relative;
}

.content_left_menubar_left {
    float: left;
    margin-left: 8px;
}

.lt-ie9 .content_left_menubar_left {
    margin-left: 0px;
    position: relative;
    left: 8px;
}

.content_left_menubar_mobile {
    position: relative;
    float: right;
    margin-right: 8px;
    text-align: right;
    display: none;
}

.content_left_menubar_right {
    position: relative;
    float: right;
    margin-right: 8px;
    text-align: right;
}

.lt-ie9 .content_left_menubar_right {
    margin-right: 0px;
    position: relative;
    right: 8px;
}

.mainmenu_button,
.yp_button,
.home_button,
.logout_button,
.more_button,
.inbox_button,
.calculator_button,
.download_button,
.interestrate_button {
    border: none;
    width: 44px;
    height: 44px;
    position: relative;
    background-color: transparent;
    background-size: cover;
}

.language_en_button, .language_th_button {
    display: none;
}

.mainmenu_button {
    background-image: url(../images-main/icon_mainmenu_inact.png);
}

    .no-touch .mainmenu_button:hover, .mainmenu_button:active {
        background-image: url(../images-main/icon_mainmenu_act.png);
    }

.yp_button {
    background-image: url(../images-main/icon_YP_inact.png);
}

    .no-touch .yp_button:hover, .yp_button:active {
        background-image: url(../images-main/icon_YP_act.png);
    }

.home_button {
    background-image: url(../images-main/icon_home_mobile_inact.png);
}

    .no-touch .home_button:hover, .home_button:active {
        background-image: url(../images-main/icon_home_mobile_act.png);
    }

.logout_button {
    background-image: url(../images-main/icon_unlock_mobile_inact.png);
}

    .no-touch .logout_button:hover, .logout_button:active {
        background-image: url(../images-main/icon_unlock_mobile_act.png);
    }

.more_button {
    background-image: url(../images-main/icon_more_mobile_inact.png);
}

    .no-touch .more_button:hover, .more_button:active {
        background-image: url(../images-main/icon_more_mobile_act.png);
    }

.inbox_button {
    background-image: url(../images-main/icon_inbox_inact.png);
}

    .no-touch .inbox_button:hover, .inbox_button:active {
        background-image: url(../images-main/icon_inbox_act.png);
    }

.calculator_button {
    background-image: url(../images-main/icon_calculator_inact.png);
}

    .no-touch .calculator_button:hover, .calculator_button:active {
        background-image: url(../images-main/icon_calculator_act.png);
    }

.download_button {
    background-image: url(../images-main/download_white.png);
}

    .no-touch .download_button:hover, .download_button:active {
        background-image: url(../images-main/icon-download@2x.png);
    }

.interestrate_button {
    background-image: url(../images-main/icon_InterestRate_inact.png);
}

    .no-touch .interestrate_button:hover, .interestrate_button:active {
        background-image: url(../images-main/icon_InterestRate_act.png);
    }

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi) {
    .mainmenu_button {
        background-image: url(../images-main/icon_mainmenu_inactx2.png);
    }

        .no-touch .mainmenu_button:hover, .mainmenu_button:active {
            background-image: url(../images-main/icon_mainmenu_actx2.png);
        }

    .yp_button {
        background-image: url(../images-main/icon_YP_inactx2.png);
    }

        .no-touch .yp_button:hover, .yp_button:active {
            background-image: url(../images-main/icon_YP_actx2.png);
        }

    .home_button {
        background-image: url(../images-main/icon_home_mobile_inactx2.png);
    }

        .no-touch .home_button:hover, .home_button:active {
            background-image: url(../images-main/icon_home_mobile_actx2.png);
        }

    .logout_button {
        background-image: url(../images-main/icon_unlock_mobile_inactx2.png);
    }

        .no-touch .logout_button:hover, .logout_button:active {
            background-image: url(../images-main/icon_unlock_mobile_actx2.png);
        }

    .more_button {
        background-image: url(../images-main/icon_more_mobile_inactx2.png);
    }

        .no-touch .more_button:hover, .more_button:active {
            background-image: url(../images-main/icon_more_mobile_actx2.png);
        }

    .inbox_button {
        background-image: url(../images-main/icon_inbox_inactx2.png);
    }

        .no-touch .inbox_button:hover, .inbox_button:active {
            background-image: url(../images-main/icon_inbox_actx2.png);
        }

    .calculator_button {
        background-image: url(../images-main/icon_calculator_inactx2.png);
    }

        .no-touch .calculator_button:hover, .calculator_button:active {
            background-image: url(../images-main/icon_calculator_actx2.png);
        }

    .download_button {
        background-image: url(../images-main/download_white@2x.png);
    }

        .no-touch .download_button:hover, .download_button:active {
            background-image: url(../images-main/icon-download@2x.png);
        }

    .interestrate_button {
        background-image: url(../images-main/icon_InterestRate_inactx2.png);
    }

        .no-touch .interestrate_button:hover, .interestrate_button:active {
            background-image: url(../images-main/icon_InterestRate_actx2.png);
        }

    .content_left_topbar_settingbutton {
        background-image: url(../../retail/images-main/icon_editProfile_actx2.png);
    }

    .no-touch .content_left_topbar_settingbutton:hoverm .content_left_topbar_settingbutton:active {
        background-image: url(../../retail/images-main/icon_editProfile_actx2.png);
    }

    .no-touch .content_left_topbar_settingbutton.setting_menu_selected:hover, .content_left_topbar_settingbutton.setting_menu_selected:active {
        background-image: url(../../retail/images-main/icon_editProfile_actx2.png);
    }

    .kbol_menu {
        background-image: url(../../sme/images-main/arrow_down.svg);
    }

    .no-touch .kbol_menu:hoverm .kbol_menu:active {
        background-image: url(../../sme/images-main/arrow_down.svg);
    }

    .no-touch .kbol_menu.setting_menu_selected:hover, .kbol_menu.setting_menu_selected:active {
        background-image: url(../../sme/images-main/arrow_down.svg);
    }
}

.inbox_button_badge_bg {
    display: inline-block;
    position: absolute;
    right: 0px;
    top: 4px;
    pointer-events: none;
    background: red;
    min-width: 5px;
    padding: 0px 5px;
    height: 15px;
    border-radius: 8px;
    line-height: 15px;
    text-align: center;
    color: white;
    font-family: KrungsriSimpleMedium,Sans-Serif;
    behavior: url(js/PIE.htc);
    z-index: 10;
}

.download_button_badge_bg {
    display: inline-block;
    position: absolute;
    right: 48px;
    top: 4px;
    pointer-events: none;
    background: red;
    min-width: 5px;
    padding: 0px 5px;
    height: 15px;
    border-radius: 8px;
    line-height: 15px;
    text-align: center;
    color: white;
    font-family: KrungsriSimpleMedium,Sans-Serif;
    behavior: url(js/PIE.htc);
    z-index: 10;
}

.menu_main {
    background-color: #f6f6f6;
    background-position: 125px 11px;
    background-repeat: no-repeat;
    border-bottom: solid 1px #cccccc;
    font-family: KrungsriSimpleMedium,Sans-Serif;
    font-size: 13px;
    padding: 4px 20px 4px 10px;
    line-height: normal;
    color: #48433f;
    cursor: pointer;
    cursor: hand;
}

.lt-ie7 .menu_main {
    background-position-x: 130px;
    background-position-y: 11px;
}

.content_left_mainmenu {
    position: relative;
    overflow: hidden;
    width: 100%;
}

    .content_left_mainmenu .menu_expanded {
        background-image: url(../../retail/images-main/rolling_arrow_up.png);
    }

    .content_left_mainmenu .menu_collapsed {
        background-image: url(../../retail/images-main/rolling_arrow_down.png);
    }

.menu_sub {
    background: rgba(255,255,255,0.2);
    background-position: 10px 6px;
    background-repeat: no-repeat;
    font-family: KrungsriSimpleMedium,Sans-Serif;
    font-size: 12px;
    color: #808285;
    cursor: pointer;
    cursor: hand;
    border-bottom: solid 1px #eeeeee;
    padding: 4px 24px 4px 24px;
}

.lt-ie7 .menu_sub {
    background-position-x: 10px;
    background-position-y: 6px;
}

.no-touch .menu_sub:hover, .menu_sub:active {
    color: #231f20;
}

.main_menu_submenu .menu_expanded {
    background-image: url(../../retail/images-main/mainmenu_sub_arrow_act.png);
}

.main_menu_submenu .menu_collapsed {
    background-image: url(../../retail/images-main/mainmenu_sub_arrow_inact.png);
}

.main_menu_submenu2 {
    border-bottom: solid 1px #eeeeee;
}

.menu_sub2,
.menu_sub3 {
    background: rgba(255,255,255,0.2);
    font-family: KrungsriSimple,Sans-Serif;
    font-size: 12px;
    color: #808285;
    cursor: pointer;
    cursor: hand;
    padding: 4px 24px 4px 36px;
}

.menu_sub3 {
    background-image: url(../../retail/images-main/mainmenu_bullet.png);
    padding-left: 52px;
    background-size: 6px 6px;
    background-repeat: no-repeat;
    background-position: 38px 8px;
}

    .no-touch .menu_sub2:hover, .menu_sub2:active,
    .no-touch .menu_sub3:hover, .menu_sub3:active {
        color: #231f20;
    }

.menu_sub2.menu_expanded {
    background-image: none;
    cursor: default;
}

    .no-touch .menu_sub2.menu_expanded:hover, .menu_sub2.menu_expanded:active {
        color: #808285;
    }

.content_acclist {
    height: 130px;
    margin-left: 210px;
    overflow: visible;
    position: relative;
    z-index: 2000;
}

.content_acclist_crmbanner {
    width: 0%;
    height: 130px;
    position: absolute;
    right: 0px;
    overflow: hidden;
    /* 	background-color: #b7b2af; */
}

.acclist_collapsed .content_acclist_crmbanner {
    width: 100%;
}

.content_acclist_crmbanner_image {
    width: 768px;
    height: 130px;
    float: left;
    margin-left: 40px;
    position: relative;
    /* 	background: #f3f3f3; */
}

.lt-ie7 .content_acclist_crmbanner_image {
    margin-left: 10px;
}

.crmbannertop_image {
    width: 730px;
    height: 130px;
    float: left;
    overflow: hidden;
}

.crmbannertop_head {
    background: #ffd203;
    margin: 0px 300px 0px 10px;
    padding: 5px 10px;
    font-family: KrungsriSimpleMedium,Sans-Serif;
    font-size: 18px;
    overflow: hidden;
}

.crmbannertop_body {
    margin: 5px 20px;
    font-size: 13px;
}

.crmbannertop_foot {
    position: absolute;
    bottom: 0px;
    margin: 5px 20px;
    font-family: KrungsriSimpleMedium,Sans-Serif;
    font-size: 14px;
}

    .crmbannertop_foot a {
        color: #87736a;
    }

.content_acclist_crmbanner_image img, .crmbannertop_image img {
    width: 100%;
    height: 100%;
}

.crmbannertop_foot a img {
    width: 8px;
    height: 13px;
    position: relative;
    top: 1px;
}

.content_acclist_bar {
    height: 130px;
    width: 100%;
    overflow: visible;
    background: #fff;
    background: rgba(255,255,255,0.6);
    position: relative;
    z-index: 2000;
    border-bottom: solid 1px #ccc;
    font-family: KrungsriSimple,Sans-Serif;
}

.acclist_collapsed .content_acclist_bar {
    width: 40px;
    overflow: hidden;
}

.content_acclist_button {
    width: 40px;
    height: 130px;
    float: right;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 0px;
    right: 0px;
    cursor: pointer;
    cursor: hand;
    display: none;
}

.acclist_expanded .content_acclist_button {
    background-image: url(../images-main/tab_myaccounts_E_show.png);
}

.acclist_collapsed .content_acclist_button {
    background-image: url(../images-main/tab_myaccounts_E_hide.png);
}

.content_acclist_addbutton {
    width: 80px;
    height: 130px;
    float: right;
    background-repeat: no-repeat;
    background-image: url(../images-main/button_addAccount_inact.png);
    background-position: 0px 30px;
    background-size: 80px 50px;
    position: absolute;
    top: 0px;
    right: 40px;
    cursor: pointer;
    cursor: hand;
    color: #867877;
}

.content_acclist_addbutton_text {
    text-align: center;
    margin-top: 80px;
    line-height: 12px;
    font-size: 11px;
}

.no-touch .content_acclist_addbutton:hover, .content_acclist_addbutton:active {
    background-image: url(../images-main/button_addAccount_act.png);
    color: #c2bbbb;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .content_acclist_addbutton {
        background-image: url(../images-main/button_addAccount_inact@2x.png);
    }

        .no-touch .content_acclist_addbutton:hover, .content_acclist_addbutton:active {
            background-image: url(../images-main/button_addAccount_act@2x.png);
        }
}

.content_acclist_previousbutton {
    width: 20px;
    height: 30px;
    float: right;
    background-repeat: no-repeat;
    background-image: url(../images-main/myaccount_arrow_L_inact.png);
    position: absolute;
    top: 50px;
    left: 10px;
    cursor: pointer;
    cursor: hand;
    z-index: 10;
}

    .no-touch .content_acclist_previousbutton:hover, .content_acclist_previousbutton:active {
        background-image: url(../images-main/myaccount_arrow_L_act.png);
    }

.content_acclist_nextbutton {
    width: 20px;
    height: 30px;
    float: right;
    background-repeat: no-repeat;
    background-image: url(../images-main/myaccount_arrow_R_inact.png);
    position: absolute;
    top: 50px;
    right: 120px;
    cursor: pointer;
    cursor: hand;
    z-index: 10;
}

    .no-touch .content_acclist_nextbutton:hover, .content_acclist_nextbutton:active {
        background-image: url(../images-main/myaccount_arrow_R_act.png);
    }

.content_acclist_previousbutton.disabled,
.no-touch .content_acclist_previousbutton.disabled:hover, .content_acclist_previousbutton.disabled:active {
    background-image: url(../images-main/myaccount_arrow_L_act.png);
    opacity: 0.2;
    filter: alpha(opacity=20);
    cursor: auto;
}

.content_acclist_nextbutton.disabled,
.no-touch .content_acclist_nextbutton.disabled:hover, .content_acclist_nextbutton.disabled:active {
    background-image: url(../images-main/myaccount_arrow_R_act.png);
    opacity: 0.2;
    filter: alpha(opacity=20);
    cursor: auto;
}

.acclist_collapsed .content_acclist_addbutton,
.acclist_collapsed .content_acclist_previousbutton,
.acclist_collapsed .content_acclist_nextbutton {
    display: none;
}

.content_acclist_window {
    margin-left: 40px;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    width: 720px;
    height: auto;
}

.content_acclist_acclist {
    width: 10000px;
    white-space: nowrap;
}

.lt-ie9 .content_acclist_acclist {
    position: relative;
}

.content_acclist_acc {
    display: block;
    float: left;
    width: 144px;
    height: 130px;
    overflow: visible;
    margin: 0px;
    padding: 0px;
    text-align: center;
    font-size: 11px;
    line-height: 12px;
    cursor: pointer;
    cursor: hand;
    vertical-align: top;
    color: #6f5f5e;
    opacity: 1;
    filter: alpha(opacity=100);
}

    .content_acclist_acc.acclist_unselected {
        opacity: 0.65;
        filter: alpha(opacity=65);
    }

    .no-touch .content_acclist_acc:hover, .content_acclist_acc:active,
    .content_acclist_acc.acclist_selected {
        opacity: 1;
        filter: alpha(opacity=100);
        background: #48484a;
        color: #fff;
    }

    .content_acclist_acc.acclist_selected {
        height: auto;
    }

.content_acclist_acc_acctype {
    margin-top: 4px;
    margin-bottom: 4px;
}

.content_acclist_acc_accimage img {
    width: 90px;
    height: 58px;
}

.content_acclist_acc_menubutton {
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../images-main/arrow_show_shortcutmenu_inact.png);
    height: 20px;
    margin: 0px;
    /*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=theme/retail/images-main/blank.gif,sizingMethod='crop');	*/
}

.content_acclist_acc.acclist_selected .content_acclist_acc_menubutton {
    background-image: url(../images-main/arrow_hide_shortcutmenu_inact.png);
    background-color: #48484a;
    height: 30px;
    /* 	margin-left: 4px; */
    filter: progid:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff48484a, endColorstr=#ff48484a);
}

    .no-touch .content_acclist_acc.acclist_selected .content_acclist_acc_menubutton:hover, .content_acclist_acc.acclist_selected .content_acclist_acc_menubutton:active {
        background-image: url(../images-main/arrow_hide_shortcutmenu_act.png);
    }

.content_acclist_acc_menu {
    width: 144px;
    overflow: visible;
    position: relative;
    display: none;
}

.accmenu {
    width: 144px;
    margin-left: auto;
    margin-right: auto;
    background: #48484a;
    margin-top: 10px;
}

.accmenu_editbutton {
    height: 30px;
    background-image: url(../images-main/icon_setAC_shortmenu_inact.png);
    background-repeat: no-repeat;
    background-position: right;
    border-bottom: solid 1px #ccc;
    border-bottom: solid 1px rgba(255,255,255,0.5);
    cursor: pointer;
    cursor: hand;
}

    .no-touch .accmenu_editbutton:hover, .accmenu_editbutton:active {
        background-image: url(../images-main/icon_setAC_shortmenu_act.png);
        background-color: #ccc;
        background-color: rgba(255,255,255,0.5);
    }

.accmenu_menuitem {
    padding: 9px 4px;
    border-bottom: solid 1px #ccc;
    border-bottom: solid 1px rgba(255,255,255,0.5);
    text-align: left;
    font-family: KrungsriSimpleMedium,Sans-Serif;
    font-size: 11px;
    color: #fff;
    cursor: pointer;
    cursor: hand;
    white-space: normal;
}

    .no-touch .accmenu_menuitem:hover, .accmenu_menuitem:active {
        background-color: #ccc;
        background-color: rgba(255,255,255,0.5);
    }

.accmenu_editpanel {
    display: none;
    background: #d2c7c1;
}

.accmenu_editpanel_header {
    height: 30px;
    line-height: 30px;
    font-family: KrungsriSimpleMedium,Sans-Serif;
    color: #88746a;
    text-align: left;
    padding-left: 8px;
    border-bottom: solid 1px #898586;
}

.accmenu_editpanel .accmenu_menuitem {
    color: #58595b;
    padding-left: 8px;
    border-bottom: solid 1px #898586;
}

    .no-touch .accmenu_editpanel .accmenu_menuitem:hover, .accmenu_editpanel .accmenu_menuitem:active {
        background: #e4dcd7;
    }


.content_wrapper {
    width: 700px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 60px;
    min-height: 660px;
    overflow: visible;
    position: relative;
}

/* 
.breadcrumb {
	width: 100%;
	text-align: right;
	margin-top: 30px;
	margin-bottom: 30px;
	line-height: normal;
}

.loggedin .breadcrumb {
	margin-top: 20px;
}
 */

.breadcrumb {
    width: 100%;
    text-align: left;
}

.lt-ie7 .breadcrumb {
    margin-top: 0px;
}

.breadcrumb_item {
    display: inline;
    font-size: 12px;
    color: #414042;
}

    .breadcrumb_item:last-child, .breadcrumb_item_last {
        font-size: 14px;
        color: #939598;
    }

.breadcrumb_image {
    margin-left: 4px;
    margin-right: 2px;
}

.breadcrumb_item a {
    color: #414042;
}

    .no-touch .breadcrumb_item a:hover, .breadcrumb_item a:active {
        color: rgb(225,210,0);
    }

.top_header {
    display: none;
    /* 
	font-family: KrungsriSimpleMedium,Sans-Serif;
	font-size: 22px;
	color: rgb(114,118,117);
	text-align: right;
	margin-bottom: 0px;
 */
}

.page_header {
    font-family: KrungsriSimpleMedium,Sans-Serif;
    font-size: 18px;
    color: rgb(136,116,106);
    margin: 10px 0px;
}

    .page_header br {
        display: none;
    }

.page_subheader {
    font-size: 15px;
    color: #58595b;
    margin-bottom: 10px;
    margin-top: 10px;
    font-weight: bold;
}

.printform_header {
    font-size: 16px;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 20px;
}

.progressrow {
    display: block;
    margin-top: 20px;
    /* 	margin-bottom: 30px; */
    height: 85px;
    /* 	clear: both; */
    width: 100%;
    overflow: hidden;
}

.progressrowPDPA {
    display: block;
    margin-top: 20px;
    /* 	margin-bottom: 30px; */
    height: 85px;
    /* 	clear: both; */
    width: 100%;
    overflow: hidden;
}

@media only screen and (min-width: 767px) {
    .progressrowPDPA {
        display: block;
        margin-top: 20px;
        /* 	margin-bottom: 30px; */
        height: 85px;
        /* 	clear: both; */
        width: 100%;
        overflow: hidden;
        width: 900px;
    }
}

    

    .lt-ie9 .progressrow {
        height: 90px;
        overflow: visible;
    }

    .progress_margin {
        width: 0px;
    }

    .lt-ie7 .progress_margin {
        float: left;
        width: 51px;
        height: 58px;
    }

    .progress_previous, .progress_current, .progress_next {
        float: left;
        width: 140px;
        height: 58px;
        text-align: center;
    }

    .lt-ie7 .progress_previous, .lt-ie7 .progress_current, .lt-ie7 .progress_next {
        margin-left: -51px;
    }

    .progress_header {
        width: 38px;
        height: 38px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 5px;
        line-height: 38px;
        font-family: KrungsriSimpleMedium,Sans-Serif;
        font-size: 18px;
        background-size: cover;
    }

    .progress_text {
        width: 200px;
        margin-left: -30px;
        margin-right: -30px;
        overflow: visible;
        line-height: 14px;
        font-family: KrungsriSimpleMedium,Sans-Serif;
        font-size: 11px;
    }

    .lt-ie7 .progress_text {
        height: 18px;
    }

    .progress_previous .progress_header {
        background-image: url(../images-register/circle_maroon.png);
        color: #fff;
    }

    .progress_previous .progress_text {
        color: rgb(136,116,106);
    }

    .progress_current .progress_header {
        background-image: url(../images-register/circle_yellow.png);
        color: #fff;
    }

    .progress_current .progress_text {
        color: rgb(255,210,0);
    }

    .progress_next .progress_header {
        background-image: url(../images-register/circle_line.png);
        color: rgb(179,179,179);
    }

    .progress_next .progress_text {
        color: rgb(179,179,179);
    }

    .progress_line {
        position: relative;
        float: left;
        width: 0px;
        height: 58px;
        text-align: center;
    }

    .progress_line_line {
        position: relative;
        top: 18px;
        left: -51px;
        width: 102px;
        height: 3px;
        overflow: hidden;
        background-color: rgb(179,179,179);
    }

    .lt-ie7 .progress_line_line {
        left: 0px;
        margin-left: -51px;
    }

    .progress_approve {
        float: left;
        width: 140px;
        height: 58px;
        text-align: center;
    }

    .lt-ie7 .progress_approve {
        margin-left: -51px;
    }

    .progress_approve .progress_header {
        width: 75px;
        height: 30px;
        line-height: 14px;
        margin-left: 0px;
        margin-right: auto;
        margin-bottom: 5px;
        background: #fff;
        border-radius: 8px;
        border: solid 1px #bcbec0;
        font-family: KrungsriSimpleMedium,Sans-Serif;
        font-size: 11px;
        color: #fdb913;
        padding-top: 3px;
        position: relative;
    }

    .section_header {
        font-family: KrungsriSimpleMedium,Sans-Serif;
        font-size: 14px;
        color: rgb(136,116,106);
        margin-top: 30px;
        margin-bottom: 10px;
        /* 	clear: both; */
    }

        .section_header.utilities_form {
            font-size: 16px;
            margin-top: 20px;
            margin-bottom: 20px;
            padding-bottom: 5px;
            border-bottom: solid 1px #58595b;
        }

        .section_header img {
            position: relative;
            top: 3px;
        }

.section_subheader {
    font-size: 15px;
    color: rgb(0,0,0);
    margin-top: 10px;
    margin-bottom: 10px;
}

    .framebox {
        /* 	width: 100%; */
        height: 236px;
        overflow-y: scroll;
        overflow-x: hidden;
        border: solid 1px #e0e0e0;
        margin-bottom: 10px;
    }

    .framebox_short {
        /* 	width: 100%; */
        height: 94px;
        overflow-y: scroll;
        overflow-x: hidden;
        border: solid 1px #e0e0e0;
    }

    .receipt_header {
        /* 	clear: both; */
        height: 142px;
        overflow: auto;
        position: relative;
        margin-bottom: 40px;
    }

    .receipt_header_logo {
        float: left;
    }

        .receipt_header_logo img {
            width: 90px;
        }

    .receipt_header_body {
        position: absolute;
        left: 110px;
        bottom: 0;
        font-size: 14px;
    }


    /** sme yellowbox is a normal text */

    .graybox {
        width: 100%;
        background: #f6f6f6;
        overflow: hidden;
    }

    .yellowbox {
        width: 100%;
    }

    .yellowbox_header {
        font-family: KrungsriSimpleMedium,Sans-Serif;
        font-size: 14px;
        color: rgb(136,116,106);
        margin-top: 30px;
        margin-bottom: 20px;
        /* 	clear: both; */
    }

    .yellowbox_body {
        font-size: 14px;
        margin-left: 20px;
        margin-right: 20px;
    }

    .yellowheadbox {
        /* 	width: 100%; */
        border: solid 1px #e9e9e9;
        text-indent: 20px;
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 20px;
    }

    .yellowheadbox_header {
        background: #ffd047;
    }

    .inputbox {
        width: 100%;
        overflow: hidden;
        /* 	clear: both; */
        margin: 10px 0px;
        position: relative;
    }

    .inputbox_margin {
        margin: 5px 0px;
    }

    .inputbox .inputbox_full {
        /* 	width: 100%; */
        /* 	clear: both; */
    }

    .inputbox .inputbox_half {
        float: left;
        width: 50%;
    }

    .inputbox .inputbox_label {
        float: left;
        width: 50%;
    }

    .inputbox .inputbox_short {
        float: left;
        width: 60px;
    }

    .inputbox .inputbox_label_half {
        float: left;
        width: 22%;
    }

    .inputbox .inputbox_label_pdp {
        float: left;
        width: 400px;
    }

    .inputbox .labelpdpa {
        font-size: 14px;
        margin-right: 10px;
        margin-top: 30px;
    }

    .imgpdpa {
        width: 100px;
    }

    .inputbox .inputbox_label_half_and_more {
        float: left;
        width: 28%;
    }

    .inputbox .inputbox_input_half_and_less {
        float: left;
        width: 22%;
    }

    .inputbox .inputbox_input {
        float: left;
        width: 50%;
    }

    .inputbox .inputbox_input_half {
        float: left;
        width: 28%;
    }

    .inputbox .inputbox_instruction {
        float: right;
        width: 50%;
        /* 	clear: right; */
    }

    .inputbox .label {
        font-size: 14px;
        margin-left: 30px;
        margin-right: 10px;
    }

    .inputbox .label_inline_half {
        display: inline-block;
        width: 150px;
    }

    .lt-ie9 .inputbox .label_inline_half {
        display: inline;
        width: 165px;
    }

    .inputbox .input {
        margin-left: 10px;
        font-size: 14px;
        word-break: break-all;
    }

    /* 
.inputbox .inputbox_input_half .input {
	margin-left: 0px;
	margin-right: 0px;
}

.inputbox .inputbox_label_half .label {
	margin-left: 0px;
	margin-right: 0px;
}

.inputbox .inputbox_half .input {
	margin-left: 0px ;
	margin-right: 0px;
}

.inputbox .inputbox_half .label {
	margin-left: 0px ;
	margin-right: 0px;
}
 */

    .inputbox .instruction {
        font-size: 14px;
        margin-left: 10px;
        margin-right: 90px;
    }

    .input_text {
        border: 1px solid #cccccc;
        background-color: #fff;
        background-size: 100%;
        width: 238px;
        height: 25px;
        margin: 5px 0px;
    }

    .input_text_grey {
        border: 1px solid #cccccc;
        background-color: #f6f6f6;
        background-size: 100%;
        width: 238px;
        height: 25px;
        margin: 5px 0px;
    }

    .input_text_half {
        border: 1px solid #cccccc;
        background-color: #fff;
        background-size: 100%;
        width: 174px;
        height: 25px;
        margin: 5px 0px;
    }



    .input_text_half_grey {
        border: 1px solid #cccccc;
        background-color: #f6f6f6;
        background-size: 100%;
        width: 174px;
        height: 25px;
        margin: 5px 0px;
    }

    .input_text_half.calendar,
    .inputbox .inputbox_input_half .calendar {
        width: 149px;
    }

    .input_text_short {
        border: 1px solid #cccccc;
        background-color: #fff;
        background-size: 100%;
        width: 80px;
        height: 25px;
        margin: 5px 0px;
    }

    .input_text_wide {
        border: 1px solid #cccccc;
        background-color: #fff;
        background-size: 100%;
        width: 340px;
        height: 25px;
    }

    input[type=text] {
        padding-left: 5px;
    }

    .lt-ie9 input[type=text] {
        padding-left: 0px;
    }

    .input_label_half {
        font-size: 14px;
        color: rgb(35,31,32);
        margin-left: 10px;
        width: 120px;
        float: left;
    }

    .inputbox_half_center {
        overflow: auto;
        max-width: 320px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 10px;
        margin-bottom: 10px;
        clear: both;
    }

    .lt-ie9 .inputbox .inputbox_label_oldiefull,
    .lt-ie9 .inputbox .inputbox_input_oldiefull {
        float: none;
        width: 100%;
        margin-top: 5px;
    }

    .input_example {
        padding: 5px;
        font-size: 13px;
        margin-left: 10px;
        margin-right: 10px;
    }

    /* 
.inputbox.sme_half .inputbox_label {
	float: left;
	width: 20%;
}

.inputbox.sme_half .inputbox_input {
	float: left;
	width: 30%;
}

.inputbox.sme_half .inputbox_input .input_text {
	border: 1px solid #cccccc;
	background-color: #fff;
	background-size: 100%;
	width: 182px;
	height: 25px;
}
 */

    .keepleft {
        margin-left: 0px !important;
    }

    .centeralign {
        text-align: center;
    }

    .keeptop {
        margin-top: 0px;
    }

    .moveleft {
        margin-left: -20px;
    }

    .signaturerow {
        width: 75%;
        height: 32px;
        clear: both;
    }

    .signaturedaterow {
        width: 100%;
        height: 32px;
        clear: both;
    }

        .signaturedaterow .staffbox_underline_space {
            width: 72%;
            float: left;
        }

        .signaturedaterow .signaturerow_suffix {
            padding-top: 10px;
        }

    .signaturerow_label {
        float: left;
        font-size: 14px;
        color: rgb(35,31,32);
        height: 32px;
        line-height: 32px;
    }

    .signaturerow_space {
        height: 32px;
        overflow: hidden;
        border-bottom: dotted black 1px;
    }

    .signaturerow_suffix {
        float: right;
        font-size: 14px;
        color: rgb(35,31,32);
        height: 32px;
        line-height: 32px;
    }

    .signaturePersonRow {
        width: 75%;
        height: 24px;
        clear: both;
    }

        .signaturePersonRow .prefix {
            float: left;
            padding-left: 80px;
            line-height: 24px;
        }

        .signaturePersonRow .personName {
            float: left;
            text-align: center;
            width: 50%;
            line-height: 24px;
            word-break: break-all;
            min-height: 24px;
        }

        .signaturePersonRow .subfix {
            float: left;
            line-height: 24px;
        }

    .balloon_head {
        /* 	clear: both; */
        background-image: url(../../retail/images-register/balloon_head.png);
        background-repeat: no-repeat;
        background-position: left top;
        height: 4px;
        width: 240px;
        margin-left: 10px;
        margin-top: 4px;
    }

    .balloonbox {
        background-color: #d1d2d4;
        width: 237px;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 5px;
        padding-bottom: 5px;
        font-size: 13px;
    }

    .staffbox, .rmbox {
        /* 	width: 100%; */
        clear: both;
        overflow: auto;
        border: solid #cccccc 1px;
        margin-top: 20px;
        margin-bottom: 20px;
        page-break-inside: avoid;
    }

    .staffbox_header, .rmbox_header {
        width: 100%;
        background-color: #ffd847;
        text-align: center;
        font-size: 14px;
        height: 32px;
        line-height: 32px;
        margin-bottom: 20px;
    }

    .staffbox_beforeindent {
        float: left;
        width: 60px;
        margin-left: 20px;
        height: 32px;
    }

    .staffbox_indent {
        margin-left: 80px;
    }

    .staffbox_row, .rmbox_row {
        clear: both;
        font-size: 14px;
        line-height: 32px;
        margin-right: 20px;
    }

    .staffbox_underline {
        width: 70%;
        height: 32px;
        margin-left: 10%;
    }

    .staffbox_underline_label {
        float: left;
        font-size: 14px;
        height: 32px;
        line-height: 32px;
    }

    .staffbox_underline_space {
        height: 32px;
        overflow: hidden;
        border-bottom: dotted black 1px;
    }

    .staffbox_keepright {
        width: 100%;
        text-align: center;
    }

    .staffbox_numberbox {
        display: inline;
        float: left;
        width: 20px;
        height: 24px;
        margin-left: 5px;
        margin-right: 5px;
        border: solid #cccccc 1px;
    }

    .rmbox {
        padding-bottom: 10px;
    }

    .rmbox_underline {
        margin-left: 5%;
        width: 80%;
        height: 32px;
    }

    .rmbox_underline_label {
        float: left;
        font-size: 14px;
        height: 32px;
        line-height: 32px;
        width: 110px;
    }

    .rmbox_underline_space {
        height: 32px;
        overflow: hidden;
        border-bottom: dotted black 1px;
    }

    .rm_signaturePersonRow {
        width: 100%;
        margin: 10px 0;
        height: 24px;
        clear: both;
    }

        .rm_signaturePersonRow .prefix {
            float: left;
            padding-left: 160px;
            line-height: 24px;
        }

        .rm_signaturePersonRow .personName {
            float: left;
            text-align: center;
            width: 57%;
            line-height: 24px;
            word-break: break-all;
            min-height: 24px;
        }

        .rm_signaturePersonRow .subfix {
            float: left;
            line-height: 24px;
        }

    .calendar_button {
        position: relative;
        top: 4px;
        width: 25px;
        height: 21px;
    }

    /* TODO: remove all calendar_format from HTML */
    .calendar_format {
        display: none;
        font-size: 13px;
    }

    .header_error {
        font-size: 16px;
        color: red;
        border-bottom: solid 1px #cccccc;
        padding-bottom: 10px;
        line-height: 30px;
        margin-top: 30px;
    }

        .header_error img {
            vertical-align: middle;
        }

    .notes_header {
        font-size: 14px;
        color: #ffc043;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .notes {
        font-size: 14px;
        margin-top: 10px;
        margin-bottom: 10px;
        line-height: 20px;
        /* 	clear: both; */
    }

    .bignotes {
        font-size: 16px;
        margin-top: 20px;
        margin-bottom: 10px;
        /* 	clear: both; */
    }

    .grayborder {
        border: solid #cacaca 1px;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .redtext {
        color: #ed1c24 !important;
    }

    .asterisk {
        color: #ff0000;
    }

    .yellowline {
        width: 100%;
        height: 1px;
        background: rgb(255,210,0);
        overflow: hidden;
        margin-top: 20px;
        margin-bottom: 20px;
        clear: both;
    }

    .grayline {
        width: 100%;
        height: 1px;
        background: #cacaca;
        overflow: hidden;
        margin-top: 5px;
        margin-bottom: 5px;
        clear: both;
    }

    .otpbox {
        border: solid #dddddd 1px;
        width: 60%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 30px;
        overflow: hidden;
    }

    .otpbox_header {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
        background: #ffd84a;
        border-radius: 6px;
        position: relative;
        top: -6px;
        text-align: center;
        font-family: KrungsriSimpleMedium,Sans-Serif;
        font-size: 13px;
        padding-top: 12px;
        padding-bottom: 6px;
        padding-left: 10px;
        padding-right: 10px;
        color: rgb(136,116,106);
    }

    .otpbox_instruction {
        text-align: center;
        font-size: 14px;
        color: rgb(35,31,32);
        max-width: 380px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px;
    }

    .otpbox_note {
        text-align: center;
        font-size: 11px;
        color: rgb(35,31,32);
        max-width: 380px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px;
    }

    .otpbox .input_label_half {
        width: 150px;
    }

    .otpbox .input_input_half {
        color: #888888;
        font-size: 14px;
        font-family: Tahoma,Sans-Serif;
        float: left;
        width: 100px;
    }

    .otpbox .input_text_half {
        width: 90%;
    }

    .buttonrow {
        margin-top: 40px;
        margin-bottom: 20px;
        text-align: center;
        overflow: auto;
        /* 	clear: both; */
        width: 100%;
    }

    .buttonlinkPDPA {
        font-weight: bold;
    }

    .buttonrow_center {
        margin-top: 40px;
        margin-bottom: 20px;
        text-align: center;
        overflow: auto;
        /* 	clear: both; */
        width: 100%;
    }

    .otpbox .buttonrow_center {
        margin-top: 20px;
    }

    .buttonrow_right {
        margin-top: 40px;
        margin-bottom: 20px;
        text-align: right;
        overflow: auto;
        /* 	clear: both; */
        width: 100%;
    }

    /* == NEW FLAT BUTTON == */


    .button_yellow,
    .button_yellow_long,
    .button_yellow_wide,
    .button_yellow_wider,
    .button_yellow_big,
    .button_yellow_bigger {
        border: solid 1px #c08c0c;
        border-radius: 2px;
        background: #fbd00b;
        background-image: linear-gradient(to bottom, #fdb415 0%, #fad30a 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fffdb415,endColorstr=#fffad30a);
        margin: 5px 0px;
        font-family: KrungsriSimpleMedium,Sans-Serif;
        font-size: 11px;
        color: rgb(35,31,32);
    }

        .no-touch .button_yellow:hover, .button_yellow:active,
        .no-touch .button_yellow_long:hover, .button_yellow_long:active,
        .no-touch .button_yellow_wide:hover, .button_yellow_wide:active,
        .no-touch .button_yellow_wider:hover, .button_yellow_wider:active,
        .no-touch .button_yellow_big:hover, .button_yellow_big:active,
        .no-touch .button_yellow_bigger:hover, .button_yellow_bigger:active {
            border: solid 1px #7c695f;
            background: #bfaea1;
            background-image: linear-gradient(to bottom, #a28f84 0%, #cfc0b1 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffa28f84,endColorstr=#ffcfc0b1);
            color: white;
        }

        .button_yellow_disabled,
        .no-touch .button_yellow_disabled:hover, .button_yellow_disabled:active,
        .button_yellow:disabled,
        .button_yellow_long:disabled,
        .button_yellow_wide:disabled,
        .button_yellow_wider:disabled,
        .button_yellow_big:disabled,
        .button_yellow_bigger:disabled {
            border: solid 1px #e0c686;
            background: #fde985;
            background-image: linear-gradient(to bottom, #feda8a 0%, #fde985 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fffeda8a,endColorstr=#fffde985);
            color: #8e8e8e;
        }

.button_yellow_main,
.button_yellow_main_long,
.button_yellow_main_wide,
.button_yellow_main_wider,
.button_yellow_main_big,
.button_yellow_main_bigger {
    border: solid 1px #c08c0c;
    border-radius: 2px;
    background: #fbd00b;
    background-image: linear-gradient(to bottom, #fdb415 0%, #fad30a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fffdb415,endColorstr=#fffad30a);
    margin: 5px 0px;
    font-family: KrungsriSimpleMedium,Sans-Serif;
    font-size: 11px;
    color: rgb(35,31,32);
}

    .no-touch .button_yellow_main:hover, .button_yellow_main:active,
    .no-touch .button_yellow_main_long:hover, .button_yellow_main_long:active,
    .no-touch .button_yellow_main_wide:hover, .button_yellow_main_wide:active,
    .no-touch .button_yellow_main_wider:hover, .button_yellow_main_wider:active,
    .no-touch .button_yellow_main_big:hover, .button_yellow_main_big:active,
    .no-touch .button_yellow_main_bigger:hover, .button_yellow_main_bigger:active {
        border: solid 1px #7c695f;
        background: #bfaea1;
        background-image: linear-gradient(to bottom, #a28f84 0%, #cfc0b1 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffa28f84,endColorstr=#ffcfc0b1);
        color: white;
    }

    .button_yellow_main_disabled,
    .no-touch .button_yellow_main_disabled:hover, .button_yellow_main_disabled:active,
    .button_yellow_main:disabled,
    .button_yellow_main_long:disabled,
    .button_yellow_main_wide:disabled,
    .button_yellow_main_wider:disabled,
    .button_yellow_main_big:disabled,
    .button_yellow_main_bigger:disabled {
        border: solid 1px #e0c686;
        background: #fde985;
        background-image: linear-gradient(to bottom, #feda8a 0%, #fde985 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fffeda8a,endColorstr=#fffde985);
        color: #8e8e8e;
    }

.button_white,
.button_white_long,
.button_white_wide,
.button_white_wider,
.button_white_big,
.button_white_bigger,
.myport_accountimage_crop_selectlabel {
    border: solid 1px #bcbdc0;
    border-radius: 2px;
    background: #f6f6f6;
    background-image: linear-gradient(to bottom, #f3f3f4 0%, #f7f8f8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fff3f3f4,endColorstr=#fff7f8f8);
    margin: 5px 0px;
    font-family: KrungsriSimpleMedium,Sans-Serif;
    font-size: 11px;
    color: rgb(35,31,32);
}

        .no-touch .button_white:hover, .button_white:active,
        .no-touch .button_white_long:hover, .button_white_long:active,
        .no-touch .button_white_wide:hover, .button_white_wide:active,
        .no-touch .button_white_wider:hover, .button_white_wider:active,
        .no-touch .button_white_big:hover, .button_white_big:active,
        .no-touch .button_white_bigger:hover, .button_white_bigger:active,
        .no-touch .myport_accountimage_crop_selectlabel:hover, .myport_accountimage_crop_selectlabel:active {
            border: solid 1px #7c695f;
            background: #bfaea1;
            background-image: linear-gradient(to bottom, #a28f84 0%, #cfc0b1 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffa28f84,endColorstr=#ffcfc0b1);
            color: white;
        }

        .button_white_disabled,
        .no-touch .button_white_disabled:hover, .button_white_disabled:active,
        .button_white:disabled,
        .button_white_long:disabled,
        .button_white_wide:disabled,
        .button_white_wider:disabled,
        .button_white_big:disabled,
        .button_white_bigger:disabled,
        .myport_accountimage_crop_selectlabel:disabled {
            border: solid 1px #dedee0;
            background: #fbfcfc;
            background-image: linear-gradient(to bottom, #f9f9fa 0%, #fbfcfc 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fff9f9fa,endColorstr=#fffbfcfc);
            color: #8e8e8e;
        }

    .button_yellow,
    .button_white,
    .myport_accountimage_crop_selectlabel {
        height: 24px;
        width: 92px;
    }

    .button_yellow_long,
    .button_white_long {
        height: 24px;
        width: 110px;
    }

    .button_yellow_wide,
    .button_white_wide {
        height: 24px;
        width: 170px;
    }

    .button_yellow_wider,
    .button_white_wider {
        height: 24px;
        width: 250px;
    }

    .button_yellow_big,
    .button_white_big {
        vertical-align: middle;
        height: 42px;
        width: 170px;
    }

    .button_yellow_bigger,
    .button_white_bigger {
        vertical-align: middle;
        height: 42px;
        width: 226px;
    }

    /* == END FLAT BUTTON == */

    .button_check {
        border: solid 1px #c08c0c;
        border-radius: 2px;
        background: #fbd00b;
        background-image: linear-gradient(to bottom, #fdb415 0%, #fad30a 100%);
        height: 25px;
        width: 50px;
        font-family: KrungsriSimpleMedium,Sans-Serif;
        font-size: 11px;
        color: rgb(35,31,32);
    }

    .lt-ie9 .button_check {
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fffdb415,endColorstr=#fffad30a);
        line-height: 25px;
    }

    .no-touch .button_check:hover, .button_check:active {
        border: solid 1px #7c695f;
        background: #bfaea1;
        background-image: linear-gradient(to bottom, #a28f84 0%, #cfc0b1 100%);
        color: white;
    }

    .no-touch.lt-ie9 .button_check:hover, .lt-ie9 .button_check:active {
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffa28f84,endColorstr=#ffcfc0b1);
    }

    .button_edit {
        border: solid 1px #c08c0c;
        border-radius: 2px;
        background: #fbd00b;
        background-image: linear-gradient(to bottom, #fdb415 0%, #fad30a 100%);
        height: 24px;
        width: 92px;
        margin: 0px 10px 10px;
        font-family: KrungsriSimpleMedium,Sans-Serif;
        font-size: 11px;
        color: rgb(35,31,32);
    }

    .lt-ie9 .button_edit {
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fffdb415,endColorstr=#fffad30a);
    }

    .no-touch .button_edit:hover, .button_edit:active {
        border: solid 1px #7c695f;
        background: #bfaea1;
        background-image: linear-gradient(to bottom, #a28f84 0%, #cfc0b1 100%);
        color: white;
    }

    .no-touch.lt-ie9 .button_edit:hover, .lt-ie9 .button_edit:active {
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffa28f84,endColorstr=#ffcfc0b1);
    }

    .button_addaccount_white {
        border: solid 1px #bcbdc0;
        border-radius: 2px;
        background: #f6f6f6;
        background-image: linear-gradient(to bottom, #f3f3f4 0%, #f7f8f8 100%);
        height: 24px;
        width: 92px;
        margin: 0px 10px 10px;
        font-family: KrungsriSimpleMedium,Sans-Serif;
        font-size: 11px;
        color: rgb(35,31,32);
    }

    .lt-ie9 .button_addaccount_white {
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fff3f3f4,endColorstr=#fff7f8f8);
    }

    .no-touch .button_addaccount_white:hover, .button_addaccount_white:active {
        border: solid 1px #7c695f;
        background: #bfaea1;
        background-image: linear-gradient(to bottom, #a28f84 0%, #cfc0b1 100%);
        color: white;
    }

    .no-touch.lt-ie9 .button_addaccount_white:hover, .lt-ie9 .button_addaccount_white:active {
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffa28f84,endColorstr=#ffcfc0b1);
    }

    .field_account_running_no {
        float: left;
        width: 10px;
        overflow: auto;
    }

    .field_account_label {
        float: left;
        width: 90px;
        overflow: auto;
        text-align: left !important;
    }


    .field_account_number {
        float: left;
        width: 230px;
        overflow: auto;
    }

    .field_account_number_print_req {
        float: left;
        width: 160px;
        overflow: auto;
    }

    .field_account_number_short {
        float: left;
        width: 180px;
        overflow: auto;
    }

    .field_account_number input {
        width: 220px;
    }

    .field_account_number_print_req input {
        width: 150px;
    }

    .field_account_type_print_req {
        float: left;
        width: 160px;
        overflow: auto;
    }

        .field_account_type_print_req input {
            width: 150px;
            border: 0px none !important;
        }

    .field_account_name {
        float: left;
        width: 150px;
        overflow: auto;
    }

        .field_account_name input {
            width: 140px;
        }

    .field_account_name_print_req {
        float: left;
        width: 130px;
        overflow: auto;
    }

        .field_account_name_print_req input {
            width: 120px;
        }

    .field_account_nickname {
        float: left;
        width: 102px;
        overflow: auto;
        /* 	text-align: center; */
    }

        .field_account_nickname input {
            width: 92px;
        }

    .field_account_nickname_print_req {
        float: left;
        width: 130px;
        overflow: auto;
    }

        .field_account_nickname_print_req input {
            width: 120px;
        }

    .field_account_currency {
        float: left;
        width: 68px;
        overflow: auto;
        /* 	text-align: center; */
    }

        .field_account_currency input {
            width: 58px;
        }

    .field_account_signature {
        float: left;
        overflow: auto;
        text-align: center;
    }

    .field_account_type {
        float: left;
        width: 100px;
        overflow: auto;
    }

        .field_account_type select {
            width: 90px;
            height: 30px;
            border: 1px solid #cccccc;
            background-color: #fff;
            background-size: 100%;
            height: 25px;
            line-height: 25px;
            font-size: 14px;
        }

    @media only screen and (max-width : 667px) {
        .field_account_label_large {
            float: left;
            width: 100%;
            overflow: auto;
            text-align: left !important;
        }

        .field_account_info_medium {
            float: left;
            width: 100%;
            overflow: auto;
        }

            .field_account_info_medium input {
                width: 98%;
            }

        .input_text_half_small {
            border: 1px solid #cccccc;
            background-color: #fff;
            background-size: 100%;
            width: 98%;
            height: 25px;
            margin: 0px;
        }

        .field_account_info_small {
            float: left;
            width: 100%;
            overflow: auto;
        }

            .field_account_info_small input {
                width: 98%;
            }

        .field_account_currency_short {
            width: 98%;
        }

        .account_title {
            font-weight: 600;
        }

        .fill_in_account_data {
            padding-left: 6px;
            box-sizing: border-box;
        }

        .field_account_delete {
            float: right;
            width: auto;
            overflow: auto;
        }

        .req_extra_limit_mobile, .req-maker-approver, .notes-container {
            padding-left: 10.75px;
        }

        .lt_limit_per_day {
            display: block;
        }

        .lt_currency {
            display: inline-block;
        }
    }

    @media only screen and (min-width : 668px) {
        .center_large_screen {
            text-align: center;
        }

        .field_account_label_large {
            float: left;
            width: 120px;
            overflow: auto;
            text-align: left !important;
        }

        .field_account_info_medium {
            float: left;
            width: 140px;
            overflow: auto;
            padding-left: 5px;
        }

            .field_account_info_medium input {
                width: 150px;
            }

        .input_text_half_small {
            border: 1px solid #cccccc;
            background-color: #fff;
            background-size: 100%;
            width: 135px;
            height: 25px;
            margin: 0px;
        }

        .field_account_info_small {
            float: left;
            width: 110px;
            overflow: auto;
        }

            .field_account_info_small input {
                width: 105px;
            }

        .field_account_currency_short {
            float: left;
            width: 48px;
            overflow: auto;
            text-align: center;
        }

        .single-button-row {
            /*margin-top: 40px;
        margin-bottom: 20px;*/
            text-align: center;
            overflow: auto;
            /* 	clear: both; */
            width: 100%;
        }

        .float_right {
            float: right;
        }

        .field_account_delete {
            float: left;
            width: auto;
            overflow: auto;
        }

        .textFilterCurrency {
            width: 140px;
            text-align: right;
        }
    }

    .table_wrapper {
        width: 100%;
        overflow: auto;
        /*clear: both;*/
    }

    .table_general {
        /* 	line-height: 30px; */
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
    }

        .table_general thead {
            border-bottom: 1px solid #e3e3e3;
            font-size: 15px;
            font-weight: bold;
            color: rgb(35,31,32);
            text-align: left;
        }

        .table_general tbody {
            font-size: 14px;
        }

        .table_general td, .table_general th {
            padding-top: 8px;
            padding-bottom: 8px;
        }

    .table_account {
        width: 100%;
        overflow: scroll;
        margin-bottom: 20px;
    }

        .table_account thead {
            border-top: 1px solid #58595b;
            border-bottom: 1px solid #58595b;
            font-size: 14px;
            font-weight: normal;
            color: #58595b;
            text-align: center;
        }

        .table_account th {
            padding-top: 5px;
            padding-bottom: 5px;
        }

        .table_account td {
            padding-top: 5px;
            padding-bottom: 5px;
            padding-left: 3px;
            padding-right: 3px;
            white-space: nowrap;
        }

        .table_account tbody {
            font-size: 14px;
        }

            .table_account tbody tr {
                border-bottom: 1px solid #cccccc;
            }

                .table_account tbody tr:hover {
                    background-color: #f3f3f3;
                }

    .table_approvelimit {
        width: 100%;
        overflow: scroll;
        margin-bottom: 20px;
    }

        .table_approvelimit thead {
            border-top: 1px solid #58595b;
            border-bottom: 1px solid #58595b;
            font-size: 14px;
            font-weight: normal;
            color: #58595b;
            text-align: center;
        }

        .table_approvelimit th {
            padding-top: 5px;
            padding-bottom: 5px;
        }

        .table_approvelimit img {
            vertical-align: bottom;
        }

        .table_approvelimit td {
            padding-left: 3px;
            padding-right: 3px;
            line-height: 30px;
            vertical-align: bottom;
            white-space: nowrap;
        }

        .table_approvelimit tbody {
            font-size: 14px;
            border-bottom: 1px solid #cccccc;
        }

            .table_approvelimit tbody.row-changed {
                color: red;
            }

            .table_approvelimit tbody:hover {
                background-color: #f3f3f3;
            }

    .table_approvelevel {
        width: 100%;
    }

        .table_approvelevel td {
            line-height: 22px;
            white-space: nowrap;
            padding-top: 5px;
            padding-bottom: 5px;
        }

    .text_approvelimit {
        width: 150px;
        text-align: right;
    }

    .account_table_head {
        text-align: center;
    }

    .accountrow {
        width: 100%;
        /* 	clear: both; */
    }

    .accountrow_labelrow {
        clear: both;
    }

    .accountrow_inputrow {
        line-height: 30px;
        /* 	clear: both; */
        font-size: 13px;
        color: rgb(35,31,32);
        margin-top: 5px;
        margin-bottom: 5px;
        overflow: auto;
        text-align: left;
    }

        .accountrow_inputrow input[type=text] {
            border: 1px solid #cccccc;
            background-color: #fff;
            background-size: 100%;
            height: 25px;
            line-height: 25px;
            font-size: 14px;
        }

        .accountrow_inputrow input[type=radio] {
            height: auto;
        }

        .accountrow_inputrow input[type=checkbox] {
            height: auto;
        }

    .accountrow_half {
        width: 40%;
        float: left;
        margin-left: 20px;
    }

        .accountrow_half input[type=checkbox] {
            margin-left: 20px;
        }

    .acctable_header {
        width: 100%;
        background: #ffd847;
        overflow: hidden;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .utilities_form .acctable_header {
        background: #f1f1f2;
    }

    .acctable_header .acctable_head {
        float: left;
        text-align: center;
        font-size: 12px;
    }

    .acctable_head br {
        display: none;
    }

    .accounttable {
        border-collapse: collapse;
        overflow: scroll;
        margin-bottom: 20px;
    }

        .accounttable tr {
            line-height: 30px;
        }

        .accounttable thead {
            background: #ffd847;
        }

        .accounttable th {
            text-align: center;
            font-family: KrungsriSimpleMedium,Sans-Serif;
            font-size: 14px;
            font-weight: normal;
            color: #58585a;
        }

        .accounttable td {
            text-align: center;
            font-size: 14px;
            font-weight: normal;
            color: #58585a;
        }

    .accounttable_yellow {
        border-collapse: collapse;
        overflow: scroll;
        margin-bottom: 20px;
    }

        .accounttable_yellow tr {
            line-height: 30px;
        }

        .accounttable_yellow thead {
            background: #ffd847;
        }

        .accounttable_yellow th {
            text-align: center;
            font-family: KrungsriSimpleMedium,Sans-Serif;
            font-size: 14px;
            font-weight: normal;
            color: #58585a;
        }

        .accounttable_yellow td {
            text-align: center;
            font-size: 14px;
            font-weight: normal;
            color: #58585a;
        }

    .accounttable_confirm {
        border-collapse: collapse;
        overflow: scroll;
        width: 100%;
        margin-bottom: 10px;
    }

        .accounttable_confirm thead {
            background: #ffd847;
        }

        .accounttable_confirm.utilities_form thead {
            background: #f1f2f2;
        }

        .accounttable_confirm tbody {
            background-color: #f1f1f2;
        }

        .accounttable_confirm.utilities_form tbody {
            background-color: transparent;
        }

        .accounttable_confirm th {
            text-align: center;
            font-size: 12px;
            font-weight: normal;
            padding: 8px 5px;
            vertical-align: top;
        }

        .accounttable_confirm td {
            text-align: center;
            font-size: 12px;
            font-weight: normal;
            color: rgb(35,31,32);
            padding: 8px 5px;
            vertical-align: top;
        }


    .yellowtext {
        color: #ff9933;
    }

    .indent {
        margin-left: 20px;
    }

    .desktop_paddingleft {
        padding-left: 20px;
    }

    .textline {
        line-height: 20px;
    }

    .checkbox_left {
        display: inline;
    }

    .lt-ie9 .checkbox_left {
        margin-top: 10px;
    }

    .checkbox_label {
        display: inline;
    }

    .profile_image_editbox {
        float: right;
        z-index: 100;
    }

    .inputbox .profile_image_editbox {
        position: absolute;
        right: 0px;
        top: 0px;
        overflow: visible;
    }

    .profile_image_editbox_image,
    .profile_image_editbox_image img {
        width: 210px;
        height: 130px;
    }

    .profile_image_editbox_links {
        width: 210px;
        height: 24px;
        background: rgba(0,0,0,0.6);
        text-align: right;
        position: relative;
        top: -28px;
        padding: 2px 0px;
    }

    .lt-ie9 .profile_image_editbox_links {
        background: transparent;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);
    }

    .profile_image_editbox_links img {
        width: 32px;
        height: 24px;
        margin: 0px 10px 0px 0px;
    }

    /** FOR SME */

    .retail_only {
        display: none !important;
    }

    .yellowbox.sme_center {
        text-align: center;
        margin-top: 60px;
    }

    .sme_indent {
        margin-left: 20px !important;
    }

    .sme_keepleft {
        margin-left: 0px !important;
    }

    .buttonrow.sme_keepleft {
        text-align: left;
    }

    .retail_yellow_box_printbg {
        display: none;
    }

    .content_topbar {
        overflow: hidden;
        height: 45px;
        position: relative;
        z-index: 1000;
    }

    .content_topbar_wrapper {
        width: 700px;
        margin-left: auto;
        margin-right: auto;
        padding: 10px;
        overflow: hidden;
        min-height: 25px;
    }

    .lt-ie7 .content_topbar_wrapper {
        height: 25px;
    }

    .inbox .content_topbar_wrapper {
        background: #c9bcb5;
        color: #6f5f5e;
    }

    .content_topbar_left {
        float: left;
        line-height: 25px;
        display: none;
    }

    .content_topbar_right {
        float: left;
        line-height: 25px;
    }

    .content_topbar_title {
        font-family: KrungsriSimpleMedium,Sans-Serif;
        font-size: 18px;
        color: #727675;
    }

    .content_topbar_date {
        font-family: KrungsriSimple,Sans-Serif;
        font-size: 12px;
        color: #fff;
    }

    .content_topbar_account_name {
        font-family: KrungsriSimpleMedium,Sans-Serif;
        font-size: 11px;
        color: #727675;
        display: none;
    }

    .content_topbar_currency_select {
        font-family: KrungsriSimpleMedium,Sans-Serif;
        font-size: 11px;
        color: #87736a;
    }

        .content_topbar_currency_select img {
            vertical-align: center;
            margin-right: 5px;
            position: relative;
            top: 1px;
        }

    .content_topbar_currency_label {
        font-family: KrungsriSimpleMedium,Sans-Serif;
        font-size: 11px;
    }

    .content_topbar_currency_flag {
        vertical-align: center;
        position: relative;
        top: 1px;
        margin-left: 10px;
    }

    .content_topbar_head {
        font-family: KrungsriSimpleMedium,Sans-Serif;
        font-size: 18px;
    }

    .myport_detail_link {
        margin-left: auto;
        margin-right: auto;
        text-align: right;
        font-family: KrungsriSimpleBold,Sans-Serif;
        font-size: 14px;
        color: #fff;
        margin-top: 10px;
        overflow: hidden;
        background: #6e605f;
        padding: 4px 0px;
    }

        .myport_detail_link a {
            margin-right: 10px;
        }

    .myport_detail_link_yellow {
        color: #fff;
        display: inline;
    }

    .myport_detail_link_black {
        color: #fff;
        display: inline;
    }

        .no-touch .myport_detail_link_black:hover, .myport_detail_link_black:active {
            color: orange;
        }

    .myport_box {
        width: 100%;
        margin: 0px auto;
        overflow: hidden;
        /* 	clear: both; */
    }

    .myport_box_wrapper {
        width: 660px;
        margin: 0px auto;
    }

    .myport_box_separator {
        width: 100%;
        height: 1px;
        overflow: hidden;
        background: #bfbfbf;
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .myport_headrow {
        width: 100%;
        margin-bottom: 5px;
        overflow: visible;
        height: 24px;
    }

    .myport_headrow_title {
        font-family: KrungsriSimpleBold,Sans-Serif;
        font-size: 16px;
        color: #727675;
        height: 100%;
        float: left;
    }

    .myport_headrow_buttonrow {
        float: right;
        height: 100%;
    }

        .myport_headrow_buttonrow img {
            width: 25px;
            height: 25px;
            margin-left: 5px;
            margin-right: 5px;
        }

    .myport_headrow_button_add,
    .myport_headrow_button_delete {
        width: 25px;
        height: 25px;
        margin: 0px 5px;
        border: none;
        background-color: transparent;
        background-size: cover;
    }

    .myport_headrow_button_add {
        background-image: url(../images-main/button_add_inact.png);
    }

        .no-touch .myport_headrow_button_add:hover, .myport_headrow_button_add:active {
            background-image: url(../images-main/button_add_act.png);
        }

    .myport_headrow_button_delete {
        background-image: url(../images-main/button_delete_inact.png);
    }

        .no-touch .myport_headrow_button_delete:hover, .myport_headrow_button_delete:active {
            background-image: url(../images-main/button_delete_act.png);
        }

    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        .myport_headrow_button_add {
            background-image: url(../images-main/button_add_inact@2x.png);
        }

            .no-touch .myport_headrow_button_add:hover, .myport_headrow_button_add:active {
                background-image: url(../images-main/button_add_act@2x.png);
            }

        .myport_headrow_button_delete {
            background-image: url(../images-main/button_delete_inact@2x.png);
        }

            .no-touch .myport_headrow_button_delete:hover, .myport_headrow_button_delete:active {
                background-image: url(../images-main/button_delete_act@2x.png);
            }
    }

    .myport_groupbox {
        margin-bottom: 10px;
    }

    .myport_groupbox_title {
        font-family: KrungsriSimple,Sans-Serif;
        font-size: 14px;
        color: #231f20;
        margin-bottom: 5px;
    }

    .myport_table_wrapper {
        width: auto;
        border-left: solid 1px #bfbfbf;
        border-right: solid 1px #bfbfbf;
        border-top: solid 1px #7f7f7f;
        box-sizing: border-box;
        /* 	overflow-y: hidden; */
        /* 	overflow-x: scroll; */
        overflow: auto;
    }

    .myport_table {
        width: 100%;
        margin-bottom: 5px;
        color: #414042;
    }

        .myport_table thead {
            height: 22px;
        }

        .myport_table th {
            font-family: KrungsriSimpleMedium,Sans-Serif;
            font-size: 10px;
            height: 22px;
            padding: 1px 10px;
            border-bottom: solid 1px #e7e8ea;
            padding: 4px 10px;
        }

        .myport_table td {
            padding: 6px 10px;
            font-family: KrungsriSimple,Sans-Serif;
            font-size: 11px;
            vertical-align: top;
        }

    .remark_box {
        padding: 5px 0;
        color: red;
    }

    .myport_table_column_1 {
        width: 25%;
        text-align: left;
    }

    .myport_table_column_2 {
        width: 25%;
        text-align: left;
    }

    .myport_table_column_1_2 {
        width: 50%;
        text-align: left;
    }

    .myport_table_column_3 {
        width: 25%;
        text-align: right;
    }

    .myport_table_column_4 {
        width: 25%;
        text-align: right;
    }

    .myport_table_column_3_4 {
        width: 50%;
        text-align: right;
    }

    .myport_table_column_remove {
        width: 60px;
        max-width: 60px;
        display: none;
        text-align: right;
    }

    .myport_table td a {
        color: #58595b;
        word-break: break-word;
        -ms-word-break: break-all;
    }

        .no-touch .myport_table td a:hover, .myport_table td a:active {
            color: #e0861a;
        }

    .myport_table_mainac {
        float: right;
    }

    .myport_detail_table {
        width: 100%;
    }

        .myport_detail_table thead {
            height: 22px;
        }

        .myport_detail_table th {
            font-family: KrungsriSimpleMedium,Sans-Serif;
            font-size: 10px;
            height: 22px;
            border-bottom: solid 1px #e7e8ea;
        }

        .myport_detail_table td {
            padding-top: 3px;
            padding-bottom: 3px;
            font-family: KrungsriSimple,Sans-Serif;
            font-size: 11px;
            vertical-align: top;
            border-bottom: solid 1px #e7e8ea;
        }

            .myport_detail_table td a {
                color: #58595b;
            }

    .myport_detail_table_column_1 {
        text-align: left;
        padding-left: 10px;
    }

    .myport_detail_table_column_2,
    .myport_detail_table_column_3,
    .myport_detail_table_column_4,
    .myport_detail_table_column_5 {
        text-align: center;
    }

    .myport_detail_table_column_6 {
        text-align: right;
        padding-right: 10px;
    }

    .myport_button_removeaccount {
        border: none;
        height: 18px;
        width: 60px;
        font-family: KrungsriSimple,Sans-Serif;
        font-size: 11px;
        color: #fff;
        background-color: #ed1c24;
        border-radius: 2px;
    }

        .no-touch .myport_button_removeaccount:hover, .myport_button_removeaccount:active {
            background-color: #cd060b;
        }

    /*.myport_maroontext {
	color: #87736a;
}
*/

    .myport_totalbox {
        background: #e7e7e8;
        width: 100%;
        position: relative;
        overflow: auto;
        color: #231f20;
        box-sizing: border-box;
        border-left: solid 1px #bfbfbf;
        border-right: solid 1px #bfbfbf;
        border-bottom: solid 1px #bfbfbf;
    }

    .myport_totalbox_left {
        float: left;
        margin: auto;
    }

    .myport_totalbox_right {
        float: right;
    }

    .myport_totalbox_label {
        font-family: KrungsriSimpleMedium,Sans-Serif;
        font-size: 12px;
        color: #1f1f1f;
        margin-left: 10px;
        line-height: 22px;
        padding: 6px 0px;
    }

    .myport_totalbox_summary {
        text-align: right;
        font-family: KrungsriSimpleBold,Sans-Serif;
        font-size: 11px;
        color: #1f1f1f;
        line-height: 22px;
        margin-right: 10px;
        padding: 6px 0px;
    }

    .myport_graphtab_head {
        height: 30px;
        background-position: top right;
        background-size: cover;
        background-image: url(../../retail/images-main/myport_graphtab1.png);
        padding-right: 14px;
    }

    .myport_graphtab_bygroup .myport_graphtab_head {
        background-image: url(../../retail/images-main/myport_graphtab2.png);
    }

    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        .myport_graphtab_head {
            background-image: url(../../retail/images-main/myport_graphtab1@2x.png)
        }

        .myport_graphtab_bygroup .myport_graphtab_head {
            background-image: url(../../retail/images-main/myport_graphtab2@2x.png);
        }
    }

    .myport_graphtab_tab {
        width: 128px;
        height: 30px;
        float: right;
        cursor: pointer;
        cursor: hand;
        font-family: KrungsriSimpleMedium,Sans-Serif;
        font-size: 12px;
        line-height: 30px;
        text-align: center;
    }

    .myport_graphtab_body {
        border: solid 1px #ccc;
        border-top: none;
        overflow: hidden;
        padding: 10px;
    }

    .myport_graphbox {
        width: 100%;
        overflow: hidden;
        position: relative;
    }

    .myport_graphbox_bygroup {
        display: none;
    }

    .myport_graphtab_bygroup .myport_graphbox_byacc {
        display: none;
    }

    .myport_graphtab_bygroup .myport_graphbox_bygroup {
        display: block;
    }

    .myport_graphbox {
        width: 100%;
        height: auto;
        overflow: hidden;
        position: relative;
    }

    .myport_graph {
        float: right;
        height: 180px;
        width: 180px;
    }

    .myport_legends {
        float: left;
        width: 440px;
        overflow: hidden;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .myport_legend {
        float: left;
        width: 210px;
        margin-right: 10px;
    }

    .myport_legend_sample {
        width: 10px;
        height: 10px;
        float: left;
        margin-right: 10px;
        margin-top: 8px;
        overflow: hidden;
    }

    .myport_legend_label {
        font-family: KrungsriSimple,Sans-Serif;
        font-size: 11px;
        float: left;
        padding: 6px 0px;
    }

    .myport_legend_value {
        font-family: KrungsriSimple,Sans-Serif;
        font-size: 11px;
        text-align: right;
        /*float: right;*/
        margin-right: 20px;
        padding: 6px 0px;
    }

    .myport_graph_summary {
        overflow: hidden;
        clear: both;
        font-family: KrungsriSimpleBold,Sans-Serif;
        font-size: 15px;
        width: 50%;
    }

    .myport_graph_summary_nograph {
        position: static;
        margin-top: 0px;
    }

    .myport_graph_summary_title {
        float: left;
    }

    .myport_graph_summary_text {
        float: right;
        text-align: right;
    }

    .myport_assets .myport_graph_summary {
        color: #00a552;
    }

    .myport_liabilities .myport_graph_summary {
        color: #ed1d24;
    }

    .myport_addaccount_popup {
        width: 300px;
        background-color: transparent;
        background-image: url(../images-main/arrow_selectPD.png);
        background-position: right top;
        background-repeat: no-repeat;
        z-index: 10;
        display: none;
        position: absolute;
        margin-left: 310px;
    }

    .content_wrapper .myport_addaccount_popup {
        margin-top: -6px;
    }

    .myport_addaccount_popup_acclist {
        margin-left: 0px;
        margin-top: 0px;
        right: 120px;
        top: 45px;
    }

    .myport_addaccount_popup_left {
        width: 288px;
        background: #aaaaaa;
        position: relative;
    }

    .myport_addaccount_popup_topbar {
        position: absolute;
        right: 16px;
        top: 10px;
        text-align: right;
    }

    .myport_addaccount_popup_closebutton {
        border: none;
        background-color: transparent;
        background-image: url(../../retail/images-main/icon_close.png);
        background-repeat: no-repeat;
        width: 12px;
        height: 10px;
    }

    .myport_addaccount_popup_title {
        font-family: KrungsriSimpleBold,Sans-Serif;
        font-size: 14px;
        background: #d2c7c1;
        color: #87736a;
        height: 40px;
        line-height: 40px;
        text-indent: 10px;
    }

    .myport_addaccount_popup_choice {
        font-family: KrungsriSimple,Sans-Serif;
        font-size: 11px;
        background: #d2c7c1;
        color: #58585a;
        padding-left: 10px;
        margin-top: 1px;
        padding-top: 10px;
        padding-bottom: 10px;
        border-top: solid 1px #fff;
    }

        .no-touch .myport_addaccount_popup_choice:hover, .myport_addaccount_popup_choice:active {
            background: #e4dcd7;
        }

    .myport_accountimage_editbox {
        margin-left: auto;
        margin-right: auto;
        margin-top: 40px;
        width: 210px;
    }

    .myport_accountimage_editbox_image,
    .myport_accountimage_editbox_image img {
        width: 210px;
        height: 134px;
    }

    .myport_accountimage_editbox_links {
        width: 210px;
        height: 24px;
        background: #000;
        background: rgba(0,0,0,0.6);
        text-align: right;
        position: relative;
        top: -28px;
        padding: 2px 0px;
        overflow: hidden;
    }

    .lt-ie9 .myport_accountimage_editbox_links {
        background: transparent;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);
    }

    .myport_accountimage_editbox_links img {
        width: 32px;
        height: 24px;
        margin: 0px 10px 0px 0px;
    }

    .myport_accountimage_editbox_selectlabel,
    .myport_accountimage_editbox_selectbutton,
    .myport_accountimage_editbox_resetbutton {
        width: 32px;
        height: 24px;
        padding: 0px;
        margin: 0px 10px 0px 0px;
        border: none;
        background-color: transparent;
        background-size: cover;
    }

    .myport_accountimage_editbox_selectlabel {
        cursor: pointer;
        display: inline-block;
        vertical-align: top;
        overflow: hidden;
    }

    label .myport_accountimage_editbox_selectbutton {
        position: absolute;
        top: -500px;
    }

    .myport_accountimage_editbox_selectlabel, .myport_accountimage_editbox_selectbutton {
        background-image: url(../../retail/images-main/button_gallery_inact.png);
    }

        .no-touch .myport_accountimage_editbox_selectlabel:hover, .myport_accountimage_editbox_selectlabel:active, .no-touch .myport_accountimage_editbox_selectbutton:hover, .myport_accountimage_editbox_selectbutton:active {
            background-image: url(../../retail/images-main/button_gallery_act.png);
        }

    .myport_accountimage_editbox_resetbutton {
        background-image: url(../../retail/images-main/button_default_inact.png);
    }

        .no-touch .myport_accountimage_editbox_resetbutton:hover, .myport_accountimage_editbox_resetbutton:active {
            background-image: url(../../retail/images-main/button_default_act.png);
        }

    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        .myport_accountimage_editbox_selectlabel, .myport_accountimage_editbox_selectbutton {
            background-image: url(../../retail/images-main/button_gallery_inact@2x.png);
        }

            .no-touch .myport_accountimage_editbox_selectlabel:hover, .myport_accountimage_editbox_selectlabel:active, .no-touch .myport_accountimage_editbox_selectbutton:hover, .myport_accountimage_editbox_selectbutton:active {
                background-image: url(../../retail/images-main/button_gallery_act@2x.png);
            }

        .myport_accountimage_editbox_resetbutton {
            background-image: url(../../retail/images-main/button_default_inact@2x.png);
        }

            .no-touch .myport_accountimage_editbox_resetbutton:hover, .myport_accountimage_editbox_resetbutton:active {
                background-image: url(../../retail/images-main/button_default_act@2x.png);
            }
    }

    .myport_accountimage_editbox_inputbox {
        width: 250px;
        margin-left: auto;
        margin-right: auto;
        font-size: 14px;
        margin-bottom: 5px;
    }

    .myport_accountimage_crop_selectlabel {
        height: 22px;
    }

    .myport_accountimage_crop_selectlabel {
        cursor: pointer;
        display: inline-block;
        vertical-align: top;
        overflow: hidden;
    }

    .myport_accountimage_crop_selectlabel_text {
        text-align: center;
        margin-top: 3px;
    }

    .myport_accountimage_crop_selectbutton {
        position: absolute;
        top: -500px;
    }

    .setting_popup {
        width: 210px;
        background: #aaaaaa;
        z-index: 10000;
        display: none;
        position: absolute;
        margin-left: 210px;
    }

    .lt-ie9 .setting_popup {
        margin-left: 0px;
        left: 210px;
    }

    .setting_popup .myport_addaccount_popup_title {
        height: 44px;
        line-height: 44px;
    }

    .deposit_graybox {
        width: 100%;
        padding-top: 2px;
        padding-bottom: 2px;
    }

    .deposit_alerttable {
        width: 100%;
    }

        .deposit_alerttable th {
            text-align: center;
            font-size: 14px;
            font-weight: normal;
            color: #323232;
            padding: 9px 5px;
            border-top: solid 2px #bfbfbf;
            border-bottom: solid 1px #c6c6c6;
            vertical-align: top;
        }

        .deposit_alerttable tbody td {
            border-bottom: solid 1px #c6c6c6;
        }

        .deposit_alerttable tbody tr:hover {
            background: #f3f3f5;
        }

        .deposit_alerttable td {
            text-align: center;
            font-size: 14px;
            font-weight: normal;
            color: #58585a;
            padding: 5px;
            vertical-align: top;
        }

    .deposit_alerttable_column_1 {
        width: 30%;
        padding-left: 10px;
        text-align: left !important;
    }

    .deposit_alerttable_column_2 {
        width: 25%;
        text-align: left !important;
    }

    .deposit_alerttable_column_3 {
        width: 15%;
        text-align: left !important;
    }

    .deposit_alerttable_column_4 {
        width: 15%;
    }

    .deposit_alerttable_column_5 {
        width: 7%;
    }

    .deposit_alerttable_column_6 {
        width: 7%;
    }

    .deposit_bigtext {
        font-family: KrungsriSimpleMedium,Sans-Serif;
        font-size: 15px;
        color: rgb(136,116,106);
    }

    .deposit_confirmtable {
        width: 75%;
    }

        .deposit_confirmtable thead {
            font-size: 14px;
            font-weight: normal;
            color: #3b3b3b;
        }

            .deposit_confirmtable thead td, .deposit_confirmtable thead th {
                border-top: solid 1px #6c6c6c;
            }

        .deposit_confirmtable tbody {
            font-size: 14px;
            font-weight: normal;
            color: #58585a;
        }

        .deposit_confirmtable td,
        .deposit_confirmtable th {
            border-bottom: solid 1px #c6c6c6;
        }

        .deposit_confirmtable th {
            width: 50%;
            text-align: left;
            padding-left: 20px;
            padding-top: 9px;
            padding-bottom: 9px;
            font-weight: normal;
        }

        .deposit_confirmtable td {
            width: 50%;
            padding-left: 20px;
            padding-top: 9px;
            padding-bottom: 9px;
        }

        .deposit_confirmtable .notes {
            width: 100%;
            text-align: center;
            margin-top: 30px;
            margin-bottom: 30px;
            clear: both;
            font-family: KrungsriSimpleMedium,Sans-Serif;
            font-size: 15px;
            color: rgb(136,116,106);
        }

    .deposit_accsumbox {
        /* 	width: 100%; */
        /* 	clear: both; */
        margin-top: 40px;
        overflow: hidden;
        border: solid 1px #b6b6b6;
        padding-top: 20px;
        padding-bottom: 20px;
        border-radius: 10px;
        margin-bottom: 10px;
    }

    .deposit_accsumbox_row {
        width: 100%;
        clear: both;
    }

    .deposit_accsumbox_touple {
        width: 50%;
        float: left;
    }

    .deposit_accsumbox_label {
        width: 60%;
        float: left;
        font-family: KrungsriSimple,Sans-Serif;
        font-size: 12px;
        text-indent: 20px;
    }

    .deposit_accsumbox_value {
        width: 40%;
        float: left;
        font-family: KrungsriSimple,Sans-Serif;
        font-size: 12px;
    }

    .deposit_accsum_head {
        font-size: 16px;
        text-indent: 20px;
        margin-bottom: 6px;
    }

    .deposit_accsum_table,
    .creditcard_statement_table,
    .mutualfund_buy_transaction_table,
    .mutualfund_history_table {
        width: 100%;
    }

        .deposit_accsum_table th,
        .creditcard_statement_table th,
        .mutualfund_buy_transaction_table th,
        .mutualfund_history_table th {
            font-size: 14px;
            font-weight: normal;
            padding-top: 6px;
            padding-bottom: 6px;
            color: #333;
            border-top: solid 1px #7f7f7f;
            vertical-align: top;
        }

        .deposit_accsum_table td,
        .creditcard_statement_table td,
        .mutualfund_buy_transaction_table td,
        .mutualfund_history_table td {
            font-size: 14px;
            padding-top: 6px;
            padding-bottom: 6px;
            vertical-align: top;
        }

        .deposit_accsum_table td, .deposit_accsum_table th,
        .creditcard_statement_table td, .creditcard_statement_table th,
        .mutualfund_buy_transaction_table td, .mutualfund_buy_transaction_table th,
        .mutualfund_history_table td, .mutualfund_history_table th {
            border-bottom: solid 1px #d3d3d3;
        }

    .deposit_accsum_table_column_1 {
        text-align: left;
        padding-left: 20px;
    }

    td.deposit_accsum_table_column_2 {
        text-align: center;
    }

    td.deposit_accsum_table_column_3 {
        text-align: right;
        padding-right: 10px;
        color: #ff0000;
    }

    td.deposit_accsum_table_column_4 {
        text-align: right;
        padding-right: 10px;
    }

    td.deposit_accsum_table_column_5 {
        text-align: right;
        padding-right: 10px;
    }

    td.deposit_accsum_table_column_6 {
        text-align: center;
    }

    .deposit_accsum_table tfoot {
        background: #e7e8ea;
    }

        .deposit_accsum_table tfoot td.deposit_accsum_table_column_5 {
            padding-top: 10px;
            padding-bottom: 10px;
        }

    .deposit_accsum_terminate {
        margin-top: 10px;
        font-size: 12px;
        font-weight: bold;
        background: #ddd;
        padding: 6px 10px;
    }

    .deposit_statement_form {
        background: #ddd;
        border-radius: 5px;
        margin-top: 20px;
        padding: 10px 20px;
        font-size: 13px;
    }

    .deposit_statement_form_header {
        font-weight: bold;
        margin-bottom: 10px;
    }

    .deposit_statementsumbox {
        clear: both;
        margin-top: 40px;
        overflow: hidden;
        border: solid 1px #b6b6b6;
        padding-top: 10px;
        padding-bottom: 10px;
        border-radius: 10px;
        margin-bottom: 10px;
    }

    .deposit_statementsumtable {
        width: 70%;
    }

        .deposit_statementsumtable th {
            text-align: left;
            font-size: 14px;
            font-weight: normal;
            padding-top: 8px;
            padding-bottom: 8px;
            padding-left: 20px;
            color: #333;
        }

        .deposit_statementsumtable td {
            text-align: left;
            font-size: 14px;
            font-weight: normal;
            padding-top: 8px;
            padding-bottom: 8px;
        }

    .deposit_statement_head {
        width: 100%;
        /* 	clear: both; */
        overflow: hidden;
        margin-top: 20px;
        padding: 9px 0px;
        border-bottom: solid 1px #333;
        font-size: 16px;
    }

    .deposit_statement_head_left {
        float: left;
        margin-left: 20px;
    }

    .deposit_statement_head_right {
        float: right;
        margin-right: 20px;
        text-align: right;
    }

    .deposit_statement_table,
    .loan_statement_table {
        width: 100%;
        margin-bottom: 10px;
    }

        .deposit_statement_table tbody td,
        .loan_statement_table tbody td {
            border-top: solid 1px #d4d4d4;
        }

        .deposit_statement_table th,
        .loan_statement_table th {
            font-size: 14px;
            font-weight: normal;
            padding: 8px 5px;
            vertical-align: top;
        }

        .deposit_statement_table td,
        .loan_statement_table td {
            font-size: 14px;
            padding-top: 8px;
            padding: 8px 5px;
            vertical-align: top;
        }

        .deposit_statement_table tfoot,
        .loan_statement_table tfoot {
            background: #e7e8ea;
        }

    .deposit_statement_table_column_1 {
        text-align: center;
        padding-left: 10px;
    }

    .deposit_statement_table_column_2 {
        text-align: center;
    }

    .deposit_statement_table_column_3 {
        text-align: right;
        padding-right: 10px;
    }

    .deposit_statement_table_column_4 {
        text-align: right;
        padding-right: 10px;
    }

    .deposit_statement_table_column_5 {
        text-align: right;
        padding-right: 10px;
    }

    .deposit_statement_table_column_6 {
        text-align: right;
        padding-right: 10px;
    }

    .deposit_statement_table_column_7 {
        text-align: center;
    }

    .deposit_statement_table_column_8 {
        text-align: center;
    }

    .deposit_formatbutton {
        border: solid 1px #ff9933;
        border-radius: 6px;
        background: #fff;
        padding: 4px 8px;
        margin-left: 2px;
        margin-bottom: 2px;
        color: #58595b;
    }

        .no-touch .deposit_formatbutton:hover, .deposit_formatbutton:active {
            background: #ff9933;
        }

    .deposit_accounttable {
        width: 100%;
    }

        .deposit_accounttable th {
            text-align: center;
            font-size: 14px;
            font-weight: normal;
            color: #323232;
            padding: 9px 5px;
            border-top: solid 2px #bfbfbf;
            border-bottom: solid 1px #c6c6c6;
            vertical-align: top;
        }

        .deposit_accounttable td {
            border-bottom: solid 1px #c6c6c6;
        }

        .deposit_accounttable tbody tr:hover {
            background: #f3f3f5;
        }

        .deposit_accounttable td {
            text-align: center;
            font-size: 14px;
            font-weight: normal;
            color: #58585a;
            padding: 5px;
            vertical-align: top;
        }

    .deposit_accounttable_column_1 {
        width: 20%;
        padding-left: 10px !important;
        text-align: left !important;
    }

    .deposit_accounttable_column_2 {
        width: 20%;
        text-align: left !important;
    }

    .deposit_accounttable_column_3 {
        width: 25%;
        text-align: left !important;
    }

    .deposit_accounttable_column_4 {
        width: 20%;
        text-align: left !important;
    }

    .deposit_accounttable_column_5 {
        width: 15%;
        text-align: center !important;
    }

    .deposit_resultbox {
        width: 100%;
        margin-top: 10px;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .deposit_resultbox_head {
        text-align: center;
        font-family: KrungsriSimpleMedium,Sans-Serif;
        font-size: 16px;
        color: rgb(136,116,106);
        margin-left: 20px;
        margin-bottom: 20px;
    }

    .summary_error_box {
        width: 100%;
        border-radius: 15px;
        padding-top: 10px;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }

        .summary_error_box.notice {
            background: #daeff2;
        }

        .transaction_summary_body.error,
        .summary_error_box.error,
        .summary_error_box.x-error {
            background: #fbd8d4;
        }

        .summary_error_box.gray {
            background: #ddd;
        }

    .summary_error_box_head {
        font-family: KrungsriSimpleBold,Sans-Serif;
        font-size: 16px;
        margin-left: 12px;
        float: left;
    }

    .x-error-box {
        color: #555555 !important;
        font-weight: lighter !important;
    }

    .error .summary_error_box_head,
    .x-error .summary_error_box_head {
        color: #d71f27;
    }

    .summary_error_icon {
        display: block;
        float: left;
        width: 18px;
        height: 18px;
        position: relative;
        top: 3px;
        margin-left: 15px;
        overflow: hidden;
    }

    .lt-ie7 .summary_error_icon {
        margin-left: 8px;
    }

    .notice .summary_error_icon {
        background-image: url(../images-main/icon_notice.png);
        background-size: cover;
        background-repeat: no-repeat;
    }

    .error .summary_error_icon,
    .x-error .summary_error_icon {
        background-image: url(../images-main/icon_error.png);
        background-size: cover;
        background-repeat: no-repeat;
    }

    .summary_error_box_body {
        margin-left: 45px;
        margin-right: 20px;
        margin-top: 28px;
        font-size: 14px;
        /* 	clear: both; */
    }

    .summary_error_box ul {
        margin-left: 18px;
        margin-right: 20px;
        margin-top: 28px;
        padding-left: 0px;
        font-size: 14px;
    }


    .validation_error_box {
        position: relative;
        z-index: 100;
        margin-left: 2px;
    }

    .rolling_value .validation_error_box {
        margin: auto;
    }

    .validation_error_box_head {
        height: 7px;
        width: 100%;
        background-image: url(../images-main/validation_box_topbg.png);
        background-position: top center;
        background-repeat: no-repeat;
    }

    .validation_error_box_body {
        background: #cd0000;
        font-family: Tahoma,Sans-Serif;
        font-size: 13px;
        color: #fff;
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 5px;
        padding-top: 5px;
    }

    .validate_floatright .validation_error_box_head {
        float: left;
        width: 7px;
        height: 15px;
        background-image: url(../images-main/validation_box_leftbg.png);
    }

    .validate_floatright .validation_error_box_body {
        margin-left: 7px;
    }

    .validate_floatleft .validation_error_box_head {
        float: right;
        width: 7px;
        height: 15px;
        background-image: url(../images-main/validation_box_rightbg.png);
    }

    .validate_floatleft .validation_error_box_body {
        margin-right: 7px;
    }

    .creditcard_statement_row {
        margin: 10px 0px;
    }

    .creditcard_statement_touple {
        width: 100%;
        /* 	clear: both; */
        margin-bottom: 10px;
    }

    .creditcard_statement_touple_label,
    .creditcard_statement_touple_input,
    .creditcard_statement_touple_label_short,
    .creditcard_statement_touple_input_short {
        font-size: 14px;
        float: left;
        width: 40%;
        margin-bottom: 20px;
    }

    .creditcard_summary_table {
        width: 100%;
        margin-bottom: 20px;
    }

        .creditcard_summary_table th {
            width: 50%;
            text-align: left;
            padding-left: 10px;
            font-size: 14px;
            font-weight: normal;
            padding-top: 6px;
            padding-bottom: 6px;
        }

        .creditcard_summary_table td {
            width: 50%;
            text-align: right;
            padding-right: 10px;
            font-size: 14px;
            font-weight: normal;
            padding-top: 6px;
            padding-bottom: 6px;
        }

        .creditcard_summary_table thead td,
        .creditcard_summary_table thead th {
            border-bottom: solid 1px #808080;
        }

        .creditcard_summary_table tbody td,
        .creditcard_summary_table tbody th {
            border-bottom: solid 1px #d3d3d3;
        }

    .duedate_green {
        color: #009a4e;
    }

    .duedate_red {
        color: #f04e23;
    }

    .creditcard_statement_head {
        font-size: 16px;
        text-indent: 20px;
        margin-bottom: 6px;
        /* 	clear: both; */
    }

    .creditcard_statement_table_column_1 {
        text-align: left;
        padding-left: 20px;
    }

    td.creditcard_statement_table_column_2 {
        text-align: center;
    }

    .creditcard_statement_table_column_4 {
        text-align: right;
        padding-right: 20px;
    }

    .creditcard_summary_footer {
        width: 100%;
        border-bottom: solid 1px #d3d3d3;
        overflow: hidden;
        margin-bottom: 20px;
    }

    .creditcard_summary_footer_touple {
        width: 50%;
        float: left;
        overflow: hidden;
        padding-bottom: 10px;
    }

    .creditcard_summary_footer_label {
        float: left;
        font-size: 14px;
        margin-left: 10px;
        width: 180px;
    }

    .creditcard_summary_footer_input {
        float: right;
        font-weight: bold;
        font-size: 14px;
        text-align: right;
        margin-right: 10px;
    }

    .creditcard_limitbox {
        width: 400px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 20px;
        margin-bottom: 20px;
        overflow: hidden;
    }

    .creditcard_limitbox_head {
        width: 100%;
        clear: both;
    }

    .creditcard_limitbox_foot {
        width: 100%;
        clear: both;
        margin-top: 8px;
    }

    .creditcard_limitbox_head_left,
    .creditcard_limitbox_foot_left {
        float: left;
        font-weight: bold;
        font-size: 12px;
    }

    .creditcard_limitbox_head_right,
    .creditcard_limitbox_foot_right {
        float: right;
        font-weight: bold;
        font-size: 12px;
    }

    .creditcard_limitbox_centerpoint {
        margin-left: auto;
        margin-right: auto;
        width: 14px;
        height: 7px;
        clear: both;
        background-image: url(../images-main/icon_center.png);
        background-position: top center;
        background-repeat: no-repeat;
    }

    .creditcard_limitbox_body {
        background: #d1d3d4;
        height: 12px;
        background-image: url(../images-main/icon_center_bar.png);
        background-position: top center;
        background-repeat: repeat-y;
    }

    .creditcard_limitbox_bar {
        background: #87736a;
        height: 12px;
    }

    .extended_limitbox_foot {
        width: 100%;
        clear: both;
        overflow: hidden;
        font-weight: bold;
        font-size: 12px;
        color: #87736a;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .extended_limitbox_foot_left {
        float: left;
    }

    .extended_limitbox_foot_right {
        float: right;
    }


    .creditcard_balance_table {
        width: 100%;
    }

        .creditcard_balance_table th {
            text-align: left;
            padding-left: 20px;
            font-size: 14px;
            font-weight: normal;
            padding-top: 6px;
            padding-bottom: 6px;
        }

        .creditcard_balance_table thead th {
            text-align: right;
            padding-right: 20px;
        }

        .creditcard_balance_table td {
            text-align: right;
            padding-right: 20px;
            font-size: 14px;
            font-weight: normal;
            padding-top: 6px;
            padding-bottom: 6px;
        }

        .creditcard_balance_table thead td,
        .creditcard_balance_table thead th {
            border-bottom: solid 1px #808080;
        }

        .creditcard_balance_table tbody td,
        .creditcard_balance_table tbody th {
            border-bottom: solid 1px #d3d3d3;
        }

    .waitingsign_background {
        background: rgba(0,0,0,0.5);
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 10000;
        overflow: hidden;
    }

    .lt-ie9 .waitingsign_background {
        background: url(../images-main/blank.gif);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000,endColorstr=#80000000);
    }

    .lt-ie7 .waitingsign_background {
        position: absolute;
        top: expression(0+((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+'px');
        left: expression(0+((e=document.documentElement.scrollLeft)?e:document.body.scrollLeft)+'px');
    }

    .waitingsign {
        width: 200px;
        height: 120px;
        margin: auto;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }

    .lt-ie9 .waitingsign {
        width: 100%;
        top: expression(0 + Math.max(document.documentElement.clientHeight, window.innerHeight || 0)/2 - 60 + 'px');
    }

    .waitingsign_imagerow {
        text-align: center;
    }

    .waitingsign_image {
        width: 48px;
        height: 48px;
    }

    .waitingsign_text {
        font-size: 14px;
        color: #fff;
        text-align: center;
    }

    .bigcalendar_box {
        width: 100%;
        border: solid 1px #999999;
        border-radius: 6px;
        overflow: hidden;
        background: #fff;
        position: relative;
    }

    .bigcalendar_box_left {
        float: left;
        width: 450px;
        margin-left: 8px;
        margin-right: 8px;
        overflow: hidden;
    }

    .lt-ie7 .bigcalendar_box_left {
        margin-left: 4px;
    }

    .bigcalendar_box_right {
        float: right;
        width: 225px;
        margin-right: 8px;
        margin-top: 10px;
        margin-bottom: 10px;
        overflow-x: auto;
        overflow-y: scroll;
        background: #f1f1f2;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
    }

    .lt-ie7 .bigcalendar_box_right {
        height: 420px;
    }

    .bigcalendar_head {
        width: 100%;
        background: #e1e5e7;
        border-radius: 6px;
        overflow: hidden;
        line-height: 40px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

        .bigcalendar_head img {
            vertical-align: middle;
            position: relative;
            top: -2px;
        }

    .lt-ie7 .bigcalendar_head img {
        top: 10px;
    }

    .bigcalendar_head_left {
        float: left;
        width: 10%;
        margin-left: 2%;
        height: 40px;
    }

    .bigcalendar_head_center {
        width: 70%;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        font-family: KrungsriSimpleMedium,Sans-Serif;
        font-size: 18px;
        color: #6d6e71;
    }

    .bigcalendar_head_right {
        float: right;
        width: 10%;
        margin-right: 2%;
        text-align: right;
        height: 40px;
    }

    .bigcalendar_table {
        width: 100%;
        margin-bottom: 10px;
        border-collapse: separate;
        border-spacing: 4px;
        background-image: url(../images-main/calendar_line_whitebg.png);
        background-position: center 5px;
        background-repeat: repeat-x;
    }

        .bigcalendar_table thead {
            margin-bottom: 10px;
        }

        .bigcalendar_table th {
            font-family: KrungsriSimpleMedium,Sans-Serif;
            font-size: 15px;
            font-weight: normal;
            color: #fdb913;
            line-height: 60px;
        }

        .bigcalendar_table td {
            width: 60px;
            height: 38px;
            text-align: center;
            font-family: KrungsriSimpleMedium,Sans-Serif;
            font-size: 15px;
            color: #6d6e71;
            vertical-align: top;
            padding-top: 20px;
            line-height: 18px;
        }

    .bigcalendar_dateinfo {
        display: none;
    }

    .bigcalendar_table td:hover {
        cursor: pointer;
    }

    .bigcalendar_table td.calendar_sunday {
        color: #fdb913;
    }

    .bigcalendar_table td.calendar_saturday {
        color: #a7a9ac;
    }

    .bigcalendar_table td.calendar_currentmonth {
        background: #f1f1f2;
    }

    .bigcalendar_table td.calendar_selected {
        background: #fed900;
    }

    .bigcalendar_dot_blue {
        color: #00aeef;
        padding: 0px 2px;
    }

    .bigcalendar_dot_red {
        color: #ed1c24;
        padding: 0px 2px;
    }

    .bigcalendar_dot_green {
        color: #00a651;
        padding: 0px 2px;
    }

    .bigcalendar_infobox {
        margin-top: 10px;
    }

    .bigcalendar_infobox_head {
        margin-left: 10px;
        margin-right: 10px;
        left: 10px;
        right: 10px;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        font-family: KrungsriSimpleMedium,Sans-Serif;
        font-size: 11px;
        color: #fff;
        text-indent: 5px;
    }

    .bigcalendar_infobox_red .bigcalendar_infobox_head {
        background-color: #ed1c24;
        background-image: -ms-linear-gradient(top, #920608 0%, #ed1c24 100%);
        background-image: -moz-linear-gradient(top, #920608 0%, #ed1c24 100%);
        background-image: -o-linear-gradient(top, #920608 0%, #ed1c24 100%);
        background-image: -webkit-gradient(linear, top, bottom, color-stop(0, #920608), color-stop(1, #ed1c24));
        background-image: -webkit-linear-gradient(top, #920608 0%, #ed1c24 100%);
        background-image: linear-gradient(to bottom, #920608 0%, #ed1c24 100%);
    }

    .lt-ie9 .bigcalendar_infobox_red .bigcalendar_infobox_head {
        background: #ed1c24;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff920608,endColorstr=#ffed1c24);
    }

    .bigcalendar_infobox_blue .bigcalendar_infobox_head {
        background-color: #00aeef;
        background-image: -ms-linear-gradient(top, #006184 0%, #00aeef 100%);
        background-image: -moz-linear-gradient(top, #006184 0%, #00aeef 100%);
        background-image: -o-linear-gradient(top, #006184 0%, #00aeef 100%);
        background-image: -webkit-gradient(linear, top, bottom, color-stop(0, #006184), color-stop(1, #00aeef));
        background-image: -webkit-linear-gradient(top, #006184 0%, #00aeef 100%);
        background-image: linear-gradient(to bottom, #006184 0%, #00aeef 100%);
    }

    .lt-ie9 .bigcalendar_infobox_blue .bigcalendar_infobox_head {
        background: #00aeef;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff006184,endColorstr=#ff00aeef);
    }

    .bigcalendar_infobox_green .bigcalendar_infobox_head {
        background-color: #00a651;
        background-image: -ms-linear-gradient(top, #006a31 0%, #00a651 100%);
        background-image: -moz-linear-gradient(top, #006a31 0%, #00a651 100%);
        background-image: -o-linear-gradient(top, #006a31 0%, #00a651 100%);
        background-image: -webkit-gradient(linear, top, bottom, color-stop(0, #006a31), color-stop(1, #00a651));
        background-image: -webkit-linear-gradient(top, #006a31 0%, #00a651 100%);
        background-image: linear-gradient(to bottom, #006a31 0%, #00a651 100%);
    }

    .lt-ie9 .bigcalendar_infobox_green .bigcalendar_infobox_head {
        background: #00a651;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff006a31,endColorstr=#ff00a651);
    }

    .bigcalendar_infobox_body {
        margin-top: 10px;
        margin-left: 10px;
        margin-right: 10px;
        left: 10px;
        right: 10px;
        font-family: KrungsriSimple,Sans-Serif;
        font-size: 10px;
        color: #6d6e71;
    }

    .bigcalendar_infobox_foot {
        margin-top: 10px;
        margin-bottom: 10px;
        margin-left: 10px;
        margin-right: 10px;
        left: 10px;
        right: 10px;
        height: 1px;
        overflow: hidden;
        background-color: #b3b1b2;
    }

    .yellowpoints_button_search {
        width: 100px;
        height: 24px;
        border: none;
        background-color: transparent;
        background-size: cover;
        background-image: url(../images-main/button_search_grey.png);
        font-family: KrungsriSimple,Sans-Serif;
        font-size: 14px;
        padding-left: 20px;
        line-height: 20px;
        margin-right: 10px;
    }

        .no-touch .yellowpoints_button_search:hover, .yellowpoints_button_search:active {
            background-image: url(../images-main/button_search_maroon.png);
            color: #fff;
        }

    .yellowpoints_button_clear {
        width: 100px;
        height: 24px;
        border: none;
        background-color: transparent;
        background-size: cover;
        background-image: url(../images-main/button_clear_grey.png);
        font-family: KrungsriSimple,Sans-Serif;
        font-size: 14px;
        padding-left: 20px;
        line-height: 20px;
        margin-right: 10px;
    }

        .no-touch .yellowpoints_button_clear:hover, .yellowpoints_button_clear:active {
            background-image: url(../images-main/button_clear_maroon.png);
            color: #fff;
        }

    .yellowpoints_button_clear_long {
        width: 140px;
        height: 24px;
        border: none;
        background-color: transparent;
        background-size: cover;
        background-image: url(../images-main/button_clear_long_grey.png);
        font-family: KrungsriSimple,Sans-Serif;
        font-size: 14px;
        text-indent: 20px;
        line-height: 20px;
        margin-right: 10px;
    }

        .no-touch .yellowpoints_button_clear_long:hover, .yellowpoints_button_clear_long:active {
            background-image: url(../images-main/button_clear_long_maroon.png);
            color: #fff;
        }

    .yellowpoints_button_print_long {
        width: 140px;
        height: 24px;
        border: none;
        background-color: transparent;
        background-size: cover;
        background-image: url(../images-main/button_print_long_grey.png);
        font-family: KrungsriSimple,Sans-Serif;
        font-size: 14px;
        line-height: 20px;
        margin-right: 10px;
    }

        .no-touch .yellowpoints_button_print_long:hover, .yellowpoints_button_print_long:active {
            background-image: url(../images-main/button_print_long_maroon.png);
            color: #fff;
        }

    .yellowpoints_category_head {
        border-bottom: solid 1px #bcbdc0;
        margin-left: 20px;
        margin-top: 20px;
        overflow: hidden;
    }

    .yellowpoints_category_head_section {
        font-family: KrungsriSimpleMedium,Sans-Serif;
        font-size: 16px;
        color: rgb(136,116,106);
        display: inline;
    }

    .yellowpoints_category_head_totalpoints {
        font-size: 14px;
        color: #58595b;
        margin-left: 10px;
        display: inline;
    }

    .yellowpoints_category_body {
        width: 680px;
        overflow: auto;
        margin: 0px 0px 10px 20px;
    }

    .yellowpoints_confirm .yellowpoints_category_body,
    .yellowpoints_edit .yellowpoints_category_body {
        height: auto;
        overflow: hidden;
        padding-bottom: 10px;
    }

    .yellowpoints_itembox {
        width: 150px;
        float: left;
        border: solid 1px #bcbdc0;
        margin-left: 5px;
        margin-right: 5px;
        margin-top: 10px;
        background: #fff;
    }

    .yellowpoints_itembox_closebutton {
        overflow: visible;
        width: 0px;
        height: 0px;
        z-index: 10;
        position: absolute;
    }

    .yellowpoints_itembox_image {
        width: 135px;
        height: 86px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 8px;
        margin-bottom: 8px;
    }

        .yellowpoints_itembox_image img {
            width: 135px;
            height: 86px;
        }

    .yellowpoints_itembox_namerow {
        height: 50px;
        overflow: visible;
    }

    .yellowpoints_cash .yellowpoints_itembox_namerow {
        height: 60px;
    }

    .yellowpoints_confirm .yellowpoints_cash .yellowpoints_itembox_namerow,
    .yellowpoints_edit .yellowpoints_cash .yellowpoints_itembox_namerow {
        height: 65px;
    }

    .yellowpoints_itembox_name {
        font-size: 11px;
        text-align: center;
        color: #333;
    }

    .yellowpoints_itembox_accselect {
        width: 135px;
        margin-left: auto;
        margin-right: auto;
        padding-top: 18px;
    }

    .yellowpoints_confirm .yellowpoints_itembox_accselect,
    .yellowpoints_edit .yellowpoints_itembox_accselect {
        font-size: 12px;
        text-align: center;
        padding-top: 5px;
    }

    .yellowpoints_itembox_accselect select {
        width: 135px;
        height: 24px;
        border: 1px solid #cccccc;
        background-color: #fff;
        font-size: 14px;
        line-height: 24px;
    }

    .yellowpoints_itembox_qtyrow {
        font-size: 12px;
        text-align: center;
        color: #333;
        margin-bottom: 4px;
    }

    .yellowpoints_confirm .yellowpoints_itembox_qtyrow {
        font-size: 14px;
        text-align: center;
        color: #333;
        background: #ffd044;
        padding-top: 5px;
        padding-bottom: 5px;
        margin-top: 5px;
        margin-bottom: 0px;
    }

    .inputbox.yellowpoints_confirm {
        min-height: 120px;
    }

    .yellowpoints_itembox_qtyrow input {
        width: 40px;
        height: 24px;
        border: 1px solid #cccccc;
        background-color: #fff;
    }

    .yellowpoints_itembox_pointrow {
        width: 100%;
        height: 26px;
        background-image: url(../images-main/yellowpoints_pointrowbg.png);
        font-size: 14px;
        color: #fff;
        text-align: center;
        margin-bottom: 10px;
    }

    .result_success .yellowpoints_itembox_pointrow,
    .result_success .yellowpoints_itembox_resultrow {
        background-color: #00a651;
    }

    .result_error .yellowpoints_itembox_pointrow,
    .result_error .yellowpoints_itembox_resultrow {
        background-color: #ed1c24;
    }

    .yellowpoints_itembox_resultrow {
        margin-top: -10px;
        background-position: 5px center;
        background-repeat: no-repeat;
        color: #fff;
        padding-left: 30px;
        padding-top: 6px;
        padding-bottom: 6px;
    }

    .result_success .yellowpoints_itembox_resultrow {
        background-image: url(../../retail/images-main/yp_success.png);
    }

    .result_error .yellowpoints_itembox_resultrow {
        background-image: url(../../retail/images-main/yp_error.png);
    }

    .yellowpoints_itembox_buttonrow {
        margin-left: auto;
        margin-right: auto;
        overflow: visible;
        width: 108px;
        margin-bottom: 5px;
    }

    .yellowpoints_cartbox {
        width: 116px;
        height: 150px;
        background-image: url(../images-main/yellowpoints_cart.png);
        background-repeat: no-repeat;
        background-position: center top;
        font-size: 20px;
        color: #fff;
        text-align: center;
        line-height: 70px;
        text-indent: -10px;
        position: absolute;
        right: 120px;
    }

        /* 
.yellowpoints_cartbox.yellowpoints_confirm,
.yellowpoints_cartbox.yellowpoints_edit {
	height: 100px;
}
 */

        .yellowpoints_cartbox a {
            color: #fff;
        }

    .yellowpoints_totalbox {
        width: 40%;
        font-size: 16px;
        margin-left: 20px;
        margin-top: 10px;
    }

    .yellowpoints_totalbox_userow {
        width: 100%;
        background: #e9e9ea;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        line-height: 30px;
        /*clear: both;*/
        overflow: hidden;
    }

    .yellowpoints_totalbox_remainrow {
        width: 100%;
        background: #d1d3d4;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
        line-height: 30px;
        /*clear: both;*/
        overflow: hidden;
    }

    .yellowpoints_totalbox_label {
        float: left;
        margin-left: 20px;
    }

    .yellowpoints_totalbox_input {
        float: right;
        margin-right: 20px;
    }

    .yellowpoints_addressbox {
        margin-top: 20px;
        border: solid 1px #6f6f5e;
        border-radius: 4px;
        width: 97%;
    }

    .yellowpoints_addressbox_headrow {
        background-repeat: no-repeat;
        background-position: top left;
        margin-bottom: 10px;
        margin-left: 30px;
        margin-right: 30px;
        margin-top: 10px;
        border-bottom: solid 1px #6f6f5e;
    }

    .yellowpoints_addressbox_head {
        display: inline;
        font-family: KrungsriSimpleMedium,Sans-Serif;
        font-size: 16px;
        color: rgb(136,116,106);
    }

    .yellowpoints_addressbox_subhead {
        display: inline;
        font-size: 11px;
        color: rgb(136,116,106);
    }

    .yellowpoints_addressbox_body {
        margin-left: 30px;
        font-size: 16px;
        color: #1a1a1a;
        line-height: 24px;
        margin-bottom: 10px;
    }

    .yellowpoints_address_edit {
        margin-left: -20px;
    }


    .yellowpoints_historytable {
        width: 100%;
    }

        .yellowpoints_historytable th {
            font-size: 14px;
            font-weight: normal;
            color: #333;
            border-top: solid 1px #7f7f7f;
        }

        .yellowpoints_historytable td {
            font-size: 14px;
        }

        .yellowpoints_historytable td, .yellowpoints_historytable th {
            border-bottom: solid 1px #d3d3d3;
            text-align: center;
            padding-top: 10px;
            padding-bottom: 10px;
            vertical-align: top;
        }

    .yellowpoints_historytable_column_1 {
        width: 10%;
    }

    .yellowpoints_historytable_column_2 {
        text-align: left !important;
    }

    .yellowpoints_historytable_column_1 {
        font-weight: bold;
        font-size: 15px;
    }

    .yellowpoints_historytable_button {
        border: solid 1px #c08c0c;
        border-radius: 2px;
        background: #fbd00b;
        background-image: linear-gradient(to bottom, #fdb415 0%, #fad30a 100%);
        height: 24px;
        width: 92px;
        margin: 0px 10px 10px;
        font-family: KrungsriSimpleMedium,Sans-Serif;
        font-size: 11px;
        color: rgb(35,31,32);
    }

    .lt-ie9 .yellowpoints_historytable_button {
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fffdb415,endColorstr=#fffad30a);
    }

    .no-touch .yellowpoints_historytable_button:hover, .yellowpoints_historytable_button:active {
        border: solid 1px #7c695f;
        background: #bfaea1;
        background-image: linear-gradient(to bottom, #a28f84 0%, #cfc0b1 100%);
        color: white;
    }

    .no-touch.lt-ie9 .yellowpoints_historytable_button:hover, .lt-ie9 .yellowpoints_historytable_button:active {
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffa28f84,endColorstr=#ffcfc0b1);
    }

    .yellowpoints_pagination {
        float: right;
        font-size: 13px;
        margin-top: 10px;
        /* 	clear: both; */
        text-align: right;
    }

        .yellowpoints_pagination .pagination_previous,
        .yellowpoints_pagination .pagination_next {
            color: #58595b;
            font-size: 15px;
            padding: 0px 5px;
        }

        .yellowpoints_pagination .pagination_other {
            color: #58595b;
            padding: 0px 5px;
        }

        .yellowpoints_pagination .pagination_current {
            font-size: 18px;
            font-weight: bold;
            color: #231f20;
            padding: 0px 5px;
        }

    .table_pagesizerow {
        float: right;
        font-size: 14px;
        overflow: hidden;
        margin-bottom: 10px;
    }

    .table_pagesize {
        float: left;
        margin-left: 10px;
        line-height: 24px;
        text-align: right;
    }

        .table_pagesize select {
            border: 1px solid #cccccc;
            background-color: #fff;
            background-size: 100%;
            height: 25px;
            line-height: 30px;
            font-size: 14px;
        }

    .table_totalrecord {
        float: left;
        margin-left: 10px;
        line-height: 24px;
        text-align: right;
    }

    .table_accnorow {
        float: left;
        font-size: 13px;
        overflow: hidden;
        font-weight: bold;
        margin-bottom: 10px;
        line-height: 24px;
        color: #87736a;
    }

    .billpayment_notes, .billalert_notes {
        font-size: 11px;
        color: #999999;
        margin: -10px 0px -10px;
    }

    .table_pagination {
        font-size: 13px;
        margin-top: 10px;
        /* 	clear: both; */
        text-align: right;
    }

    .table_pagination_left {
        float: left;
        margin-left: 10px;
    }

    .table_pagination .pagination_previous,
    .table_pagination .pagination_next {
        color: #58595b;
        font-size: 15px;
        padding: 0px 5px;
    }

    .table_pagination .pagination_other {
        color: #58595b;
        padding: 0px 5px;
    }

    .table_pagination .pagination_current {
        font-size: 18px;
        font-weight: bold;
        color: #231f20;
        padding: 0px 5px;
    }

    .table_legend {
        color: #333;
        margin-right: 20px;
        float: left;
    }

        .table_legend img {
            margin-right: 5px;
            vertical-align: bottom;
        }

.egp_listtable,
.egp_audittable,
.egp_approve_table,
.billpayment_billertable,
.billpayment_history_listtable,
.billpayment_listtable,
.loan_listtable,
.cheque_listtable,
.history_log_list_table,
.statement_history_download_listtable,
.wu_listtable {
    width: 100%;
}

    .egp_listtable thead th,
    .egp_audittable thead th,
    .billpayment_billertable thead th,
    .billpayment_history_listtable thead th,
    .billpayment_listtable thead th,
    .loan_listtable thead th,
    .cheque_listtable thead th,
    .statement_history_download_listtable thead th,
    .history_log_list_table thead th,
    .wu_listtable thead th {
        font-weight: normal;
        font-size: 14px;
        padding: 15px 5px;
        border-top: solid 1px #7f7f7f;
        border-bottom: solid 1px #bfbfbf;
        vertical-align: top;
    }

    .egp_listtable tbody,
    .egp_audittable tbody,
    .egp_approve_table tbody,
    .billpayment_billertable tbody,
    .billpayment_listtable tbody,
    .loan_listtable tbody,
    .cheque_listtable tbody,
    .statement_history_download_listtable tbody,
    .history_log_list_table tbody,
    .wu_listtable tbody {
        font-size: 13px;
    }

        .egp_listtable tbody tr:hover,
        .egp_audittable tbody tr:hover,
        .billpayment_billertable tbody tr:hover,
        .billpayment_history_listtable tbody tr:hover,
        .billpayment_listtable tbody tr:hover,
        .loan_listtable tbody tr:hover,
        .cheque_listtable tbody tr:hover,
        .statement_history_download_listtable tbody tr:hover,
        .history_log_list_table tbody tr:hover,
        .wu_listtable tbody tr:hover {
            background: #f1f1f1;
        }


        .egp_listtable tbody td,
        .egp_audittable tbody td,
        .egp_approve_table tbody td, .egp_approve_table thead th,
        .billpayment_billertable tbody td,
        .billpayment_history_listtable tbody td,
        .billpayment_listtable tbody td,
        .loan_listtable tbody td,
        .cheque_listtable tbody td,
        .statement_history_download_listtable tbody td,
        .history_log_list_table tbody td,
        .wu_listtable tbody td {
            text-align: center;
            border-bottom: solid 1px #bfbfbf;
            padding: 15px 5px;
            font-size: 14px;
            vertical-align: top;
        }

        .egp_listtable tr td, .egp_listtable tr th, .egp_audittable tr td, .egp_audittable tr th {
            white-space: nowrap;
        }

        .egp_approve_table thead th {
            font-weight: normal;
        }

    .billpayment_billertable_column_1 {
        font-weight: bold;
        width: 10%;
        display: none;
    }

    .billpayment_billertable tbody .billpayment_billertable_column_5 {
        text-align: right;
        padding-right: 10px;
    }

    .billpayment_billertable_button {
        border: solid 1px #c08c0c;
        border-radius: 2px;
        background: #fbd00b;
        background-image: linear-gradient(to bottom, #fdb415 0%, #fad30a 100%);
        height: 24px;
        width: 76px;
        margin: 0px 10px 10px;
        font-family: KrungsriSimpleMedium,Sans-Serif;
        font-size: 11px;
        color: rgb(35,31,32);
    }

    .lt-ie9 .billpayment_billertable_button {
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fffdb415,endColorstr=#fffad30a);
    }

    .no-touch .billpayment_billertable_button:hover, .billpayment_billertable_button:active {
        border: solid 1px #7c695f;
        background: #bfaea1;
        background-image: linear-gradient(to bottom, #a28f84 0%, #cfc0b1 100%);
        color: white;
    }

    .no-touch.lt-ie9 .billpayment_billertable_button:hover, .lt-ie9 .billpayment_billertable_button:active {
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffa28f84,endColorstr=#ffcfc0b1);
    }


    .billpayment_listtable_column_2 {
        font-weight: bold;
    }

    .billpayment_listtable_column_3, .billpayment_listtable_column_4 {
        white-space: nowrap;
    }

    .billpayment_listtable tbody .billpayment_listtable_column_5 {
        text-align: right;
        padding-right: 10px;
    }

    .billpayment_listtable_button {
        border: solid 1px #c08c0c;
        border-radius: 2px;
        background: #fbd00b;
        background-image: linear-gradient(to bottom, #fdb415 0%, #fad30a 100%);
        height: 24px;
        width: 76px;
        margin: 0px 10px 10px;
        font-family: KrungsriSimpleMedium,Sans-Serif;
        font-size: 11px;
        color: rgb(35,31,32);
    }

    .lt-ie9 .billpayment_listtable_button {
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fffdb415,endColorstr=#fffad30a);
    }

    .no-touch .billpayment_listtable_button:hover, .billpayment_listtable_button:active {
        border: solid 1px #7c695f;
        background: #bfaea1;
        background-image: linear-gradient(to bottom, #a28f84 0%, #cfc0b1 100%);
        color: white;
    }

    .no-touch.lt-ie9 .billpayment_listtable_button:hover, .lt-ie9 .billpayment_listtable_button:active {
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffa28f84,endColorstr=#ffcfc0b1);
    }

    .billpayment_viewdetail_button {
        background: transparent;
        background-image: url(../images-main/button_viewdetail_inact.png);
        background-size: cover;
        border: none;
        height: 27px;
        width: 27px;
        margin-right: 5px;
        margin-bottom: 5px;
    }

        .no-touch .billpayment_viewdetail_button:hover, .billpayment_viewdetail_button:active {
            background-image: url(../images-main/button_viewdetail_act.png);
        }

    .fss_accInfo_table,
    .billpayment_favorite_table,
    .billpayment_schedule_table,
    .transfer_alerttable {
        width: 100%;
    }

        .fss_accInfo_table th,
        .billpayment_favorite_table th,
        .billpayment_schedule_table th,
        .transfer_alerttable th {
            text-align: center;
            font-size: 14px;
            font-weight: normal;
            padding: 9px 5px;
            border-top: solid 1px #7f7f7f;
            border-bottom: solid 1px #bfbfbf;
            vertical-align: top;
        }

        .fss_accInfo_table tbody tr:hover,
        .billpayment_favorite_table tbody tr:hover,
        .billpayment_schedule_table tbody tr:hover,
        .transfer_alerttable tbody tr:hover {
            background: #f3f3f5;
        }

        .fss_accInfo_table tbody td,
        .billpayment_favorite_table tbody td,
        .billpayment_schedule_table tbody td,
        .transfer_alerttable tbody td {
            text-align: center;
            font-size: 14px;
            font-weight: normal;
            color: #58585a;
            border-bottom: solid 1px #e1e1e1;
            padding: 9px 5px;
            vertical-align: top;
        }

        .billpayment_favorite_table img,
        .billpayment_schedule_table img,
        .transfer_alerttable img,
        .deposit_alerttable img,
        .deposit_accounttable img,
        .wu_receiver_table img,
        .userlist_table img,
        .userrole_table img,
        .group_listtable img,
        .group_acctable img,
        .transfer_multiacc_table img,
        .cardlist_listtable img {
            width: 26px;
            height: 27px;
            position: relative;
            top: -3px;
        }

    .billpayment_favorite_table_column_1 {
        width: 7%;
    }

    .billpayment_favorite_table_column_2 {
        width: 7%;
    }

    .billpayment_favorite_table_column_3 {
        width: 30%;
        padding-left: 10px;
        text-align: left !important;
    }

    .billpayment_favorite_table_column_4 {
        width: 15%;
        text-align: left !important;
    }

    .billpayment_favorite_table_column_5 {
        width: 15%;
        text-align: left !important;
    }

    .billpayment_favorite_table_column_6 {
        width: 20%;
    }



    .billpayment_schedule_table_column_1 {
        width: 7%;
    }

    .billpayment_schedule_table_column_2 {
        width: 7%;
    }

    .billpayment_schedule_table_column_3 {
        width: 20%;
        text-align: left !important;
    }

    .billpayment_schedule_table_column_4 {
        width: 13%;
    }

    .billpayment_schedule_table_column_5 {
        width: 13%;
    }

    .billpayment_schedule_table_column_6 {
        width: 10%;
    }

    .billpayment_schedule_table_column_7 {
        width: 15%;
        text-align: right !important;
        padding-right: 10px;
    }

    .billpayment_schedule_table_column_8 {
        width: 15%;
    }



    .billpayment_history_listtable tbody .billpayment_history_listtable_column_2 {
        font-weight: bold;
        white-space: nowrap;
    }

    .billpayment_history_listtable tbody .billpayment_history_listtable_column_5 {
        text-align: right;
        padding-right: 10px;
    }

    .billpayment_add_button {
        width: 25px;
        height: 25px;
        background-color: transparent;
        background-image: url(../images-main/button_add_inact.png);
        background-size: 100%;
        border: none;
    }

        .no-touch .billpayment_add_button:hover, .billpayment_add_button:active {
            background-image: url(../images-main/button_add_act.png);
        }

    .add_transfer_button {
        width: 25px;
        height: 25px;
        background-color: transparent;
        background-image: url(../images-main/button_add_inact.png);
        background-size: 100%;
        border: none;
    }

        .no-touch .add_transfer_button:hover, .add_transfer_button:active {
            background-image: url(../images-main/button_add_act.png);
        }

    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        .add_transfer_button {
            background-image: url(../images-main/button_add_inact@2x.png);
        }

            .no-touch .add_transfer_button:hover, .add_transfer_button:active {
                background-image: url(../images-main/button_add_act@2x.png);
            }
    }

    .transfer_money_button {
        border: solid 1px #c08c0c;
        border-radius: 2px;
        background: #fbd00b;
        background-image: linear-gradient(to bottom, #fdb415 0%, #fad30a 100%);
        height: 24px;
        width: 80px;
        margin: 0px 10px 10px;
        font-family: KrungsriSimpleMedium,Sans-Serif;
        font-size: 11px;
        color: rgb(35,31,32);
    }

    .lt-ie9 .transfer_money_button {
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fffdb415,endColorstr=#fffad30a);
    }

    .no-touch .transfer_money_button:hover, .transfer_money_button:active {
        border: solid 1px #7c695f;
        background: #bfaea1;
        background-image: linear-gradient(to bottom, #a28f84 0%, #cfc0b1 100%);
        color: white;
    }

    .no-touch.lt-ie9 .transfer_money_button:hover, .lt-ie9 .transfer_money_button:active {
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffa28f84,endColorstr=#ffcfc0b1);
    }

    .loan_summary_table {
        width: 100%;
        margin-bottom: 20px;
    }

        .loan_summary_table th {
            width: 50%;
            text-align: left;
            padding-left: 10px;
            font-size: 14px;
            font-weight: normal;
            padding-top: 6px;
            padding-bottom: 6px;
        }

        .loan_summary_table td {
            width: 50%;
            text-align: right;
            padding-right: 10px;
            font-size: 14px;
            font-weight: normal;
            padding-top: 6px;
            padding-bottom: 6px;
        }

        .loan_summary_table thead td,
        .loan_summary_table thead th {
            border-bottom: solid 1px #808080;
        }

        .loan_summary_table tbody td,
        .loan_summary_table tbody th {
            border-bottom: solid 1px #d3d3d3;
        }

    .loan_statement_table_column_1 {
        text-align: left;
        padding-left: 20px !important;
    }

    .loan_statement_table_column_2 {
        text-align: center;
    }

    .loan_statement_table_column_3 {
        text-align: right;
        padding-right: 10px;
    }

    .loan_statement_table_column_4 {
        text-align: right;
        padding-right: 10px;
    }

    .loan_statement_table_column_5 {
        text-align: right;
        padding-right: 10px;
    }

    .loan_statement_table_column_6 {
        text-align: right;
        padding-right: 10px;
    }

    .loan_statement_table_column_7 {
        text-align: right;
        padding-right: 10px !important;
    }


    .loan_listtable_column_2 {
        font-weight: bold;
    }

    .loan_listtable tbody .loan_listtable_column_5 {
        text-align: right;
        padding-right: 10px;
    }

    .maker_header {
        font-family: KrungsriSimpleMedium,Sans-Serif;
        font-size: 18px;
        color: #333;
        margin-bottom: 10px;
    }

    .maker_group_header {
        font-family: KrungsriSimpleBold,Sans-Serif;
        font-size: 14px;
        color: rgb(136,116,106);
        margin-left: 10px;
        margin-bottom: 10px;
    }

    .maker_pending_table {
        width: 100%;
    }

        .maker_pending_table th {
            text-align: left;
            font-size: 14px;
            font-weight: normal;
            color: #414042;
            padding-top: 9px;
            padding-bottom: 9px;
            border-top: solid 1px #7f7f7f;
            border-bottom: solid 1px #bfbfbf;
            vertical-align: top;
        }

        .maker_pending_table tbody tr:hover {
            background: #f1f1f1;
        }

        .maker_pending_table tbody td {
            text-align: left;
            font-size: 14px;
            font-weight: normal;
            color: #6d6e71;
            border-bottom: solid 1px #e1e1e1;
            padding-top: 9px;
            padding-bottom: 9px;
            vertical-align: top;
        }

    .maker_pending_table_column_1 {
        padding-left: 10px;
    }

    .maker_pending_table_column_4 {
        text-align: right !important;
        padding-right: 10px;
    }

    .maker_pending_table_column_6 {
        width: 50px;
    }

    .approval_result_history_table {
        width: 100%;
    }

        .approval_result_history_table th {
            text-align: left;
            font-size: 14px;
            font-weight: normal;
            color: #414042;
            padding-top: 9px;
            padding-bottom: 9px;
            border-top: solid 1px #7f7f7f;
            border-bottom: solid 1px #bfbfbf;
            vertical-align: top;
        }

        .approval_result_history_table tbody tr:hover {
            background: #f1f1f1;
        }

        .approval_result_history_table tbody td {
            text-align: left;
            font-size: 14px;
            font-weight: normal;
            color: #6d6e71;
            border-bottom: solid 1px #e1e1e1;
            padding-top: 9px;
            padding-bottom: 9px;
            vertical-align: top;
        }

    .approval_result_history_table_column_1 {
        padding-left: 10px;
    }

    .approval_result_history_table_column_4 {
        text-align: right !important;
        padding-right: 10px;
    }

    .approval_result_history_table_column_7 {
        width: 50px;
    }


    .approval_pending_table {
        width: 100%;
    }

        .approval_pending_table th {
            text-align: left;
            font-size: 14px;
            font-weight: normal;
            color: #414042;
            padding-top: 9px;
            padding-bottom: 9px;
            border-top: solid 1px #7f7f7f;
            border-bottom: solid 1px #bfbfbf;
            vertical-align: top;
        }

        .approval_pending_table tbody tr:hover {
            background: #f1f1f1;
        }

        .approval_pending_table tbody td {
            text-align: left;
            font-size: 14px;
            font-weight: normal;
            color: #6d6e71;
            border-bottom: solid 1px #e1e1e1;
            padding-top: 9px;
            padding-bottom: 9px;
            vertical-align: top;
        }

    .approval_pending_table_column_0 {
        text-align: center !important;
    }

    .approval_pending_table_column_1 {
        padding-left: 10px;
    }

    .approval_pending_table_column_5 {
        text-align: right !important;
        padding-right: 10px;
    }

    .approval_pending_table_column_7 {
        width: 50px;
    }

.approval_reason_field {
    width: 80%;
    height: 5em;
}

.transaction_approval_reason_field {
    width: 100%;
    height: 5em;
}

    .approval_alert {
        width: 18px;
        height: 18px;
    }

    .tracking_table {
        width: 100%;
        min-width: 1500px;
    }

        .tracking_table th {
            text-align: left;
            font-size: 14px;
            font-weight: normal;
            color: #414042;
            padding-top: 9px;
            padding-bottom: 9px;
            border-top: solid 1px #7f7f7f;
            border-bottom: solid 1px #bfbfbf;
            vertical-align: top;
        }

        .tracking_table tbody tr:hover {
            background: #f1f1f1;
        }

        .tracking_table tbody td {
            text-align: left;
            font-size: 14px;
            font-weight: normal;
            color: #6d6e71;
            border-bottom: solid 1px #e1e1e1;
            padding-top: 9px;
            padding-bottom: 9px;
            vertical-align: top;
        }

    .tracking_table_column_1 {
        padding-left: 8px;
        width: 8%;
    }

    .tracking_table_column_2 {
        padding-left: 8px;
        width: 8%;
    }

    .tracking_table_column_3 {
        padding-left: 20px;
        width: 40%;
        word-break: break-all;
    }

    .tracking_table_column_4 {
        padding-left: 10px;
        width: 9%;
    }

    .tracking_table_column_5 {
        padding-left: 10px;
        width: 9%;
    }

    .tracking_table_column_6 {
        padding-left: 10px;
        width: 30%;
    }

    .tracking_table_column_7 {
        padding-left: 10px;
        width: 15%;
    }

    .tracking_table_column_8 {
        padding-left: 10px;
        width: 15%;
    }

    .tracking_table_column_9 {
        padding-left: 10px;
        width: 12%;
    }

    .tracking_table_column_10 {
        padding-left: 10px;
        width: 13%;
    }

    .tracking_table_column_11 {
        padding-left: 10px;
        width: 32%;
    }

    .tracking_table_column_12 {
        padding-left: 10px;
        width: 18%;
    }

    .tracking_form {
        background: #ddd;
        border-radius: 5px;
        margin-top: 20px;
        padding: 10px 20px;
        font-size: 13px;
        margin-bottom: 30px;
    }

    .audit_trail_table {
        width: 100%;
    }

        .audit_trail_table th {
            text-align: left;
            font-size: 14px;
            font-weight: normal;
            color: #414042;
            padding-top: 9px;
            padding-bottom: 9px;
            border-top: solid 1px #7f7f7f;
            border-bottom: solid 1px #bfbfbf;
            vertical-align: top;
        }

        .audit_trail_table tbody tr:hover {
            background: #f1f1f1;
        }

        .audit_trail_table tbody td {
            text-align: left;
            font-size: 14px;
            font-weight: normal;
            color: #6d6e71;
            border-bottom: solid 1px #e1e1e1;
            padding-top: 9px;
            padding-bottom: 9px;
            vertical-align: top;
        }

    .audit_trail_table_column_1 {
        padding-left: 10px;
        width: 10%;
    }

    .audit_trail_table_column_2 {
        padding-left: 10px;
        width: 20%;
    }

    .audit_trail_table_column_3 {
        padding-left: 10px;
        width: 10%;
    }

    .audit_trail_table_column_4 {
        padding-left: 10px;
        width: 15%;
    }

    .audit_trail_table_column_5 {
        padding-left: 10px;
        width: 15%;
    }

    .audit_trail_table_column_6 {
        padding-left: 10px;
        width: 30%;
    }

    .audit_trail_form {
        background: #ddd;
        border-radius: 5px;
        margin-top: 20px;
        padding: 10px 20px;
        font-size: 13px;
        margin-bottom: 30px;
    }

    .uploadcomplete_clickherelink {
        color: #6f5f5e;
        font-size: 14px;
        font-weight: bold;
    }

    .upload_filebrowse {
        margin-left: 80px;
    }

        .upload_filebrowse div a {
            margin-left: -30px;
        }


    .upload_table {
        width: 100%;
    }

        .upload_table th {
            text-align: left;
            font-size: 14px;
            font-weight: normal;
            color: #414042;
            padding-top: 9px;
            padding-bottom: 9px;
            border-top: solid 1px #bfbfbf;
            border-bottom: solid 1px #bfbfbf;
            vertical-align: top;
        }

        /*.upload_table tbody tr:hover {
        background: #f1f1f1;
    }*/

        .upload_table tbody td {
            text-align: left;
            font-size: 14px;
            font-weight: normal;
            color: #6d6e71;
            border-bottom: solid 1px #e1e1e1;
            padding-top: 9px;
            padding-bottom: 9px;
            vertical-align: top;
        }

    .upload_table_column_1 {
        padding-left: 10px;
        width: 40%;
    }

    .upload_table_column_2 {
        padding-left: 10px;
        width: 26%;
    }

    .upload_table_column_3 {
        padding-left: 10px;
        width: 30%;
    }

    .upload_table_column_4 {
        padding-left: 10px;
        width: 10%;
    }

    .upload_line {
        border-top: solid 1px #bfbfbf;
    }


    .upload_section {
        margin-left: 30px;
    }

    .upload_notes {
        font-size: 10px;
        color: blue;
        margin-top: 5px;
    }

    .upload_topic {
        text-align: left;
        font-size: 14px;
        font-weight: normal;
        color: #414042;
        padding-top: 9px;
        padding-bottom: 9px;
        vertical-align: top;
        margin-left: 10px;
        float: left;
    }

    .upload_form {
        font-size: 15px;
        float: right;
        padding-left: 30px;
    }

    .upload_inline {
        display: flex;
    }

    .uploadconfirm_table {
        width: 100%;
        margin-bottom: 13px;
    }

        .uploadconfirm_table th {
            text-align: left;
            font-size: 14px;
            font-weight: normal;
            color: #414042;
            padding-top: 9px;
            padding-bottom: 9px;
            border-top: solid 1px #bfbfbf;
            border-bottom: solid 1px #bfbfbf;
            vertical-align: top;
            padding-left: 20px;
        }

        .uploadconfirm_table tbody td {
            text-align: left;
            font-size: 14px;
            font-weight: normal;
            color: #6d6e71;
            padding-left: 20px;
            padding-top: 9px;
            padding-bottom: 9px;
            vertical-align: top;
        }

    .uploadconfirmtable_column_1 {
        padding-left: 20px;
        width: 40%;
    }

    .uploadconfirm_table_column_2 {
        padding-left: 10px;
        width: 25%;
    }

    .uploadconfirm_table_column_3 {
        padding-left: 10px;
        width: 34%;
    }


    .uploadfile .inputbox_label_half_and_more {
        float: left;
        width: 30%;
    }

    .uploadfile_detail_body {
        overflow: auto;
        font-size: 14px;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    #uploadNoData {
        text-align: center;
        color: red;
    }

    .lt-ie7 .uploadfile_detail_body {
        overflow: hidden;
    }

    .uploadfile_detail_row {
        vertical-align: top;
    }

    .uploadfile_detail_row_title {
        display: inline-block;
        width: 31%;
        word-break: break-word;
        vertical-align: top;
    }

    .uploadfile_detail_row_size {
        display: inline-block;
        width: 16%;
        text-align: right;
    }

    .uploadfile_detail_row_valid {
        display: inline-block;
        width: 25%;
        margin-left: 141px;
    }

    .red {
        color: red;
    }

    .uploadfile_detail_row_delete {
        display: inline;
    }

    .upload_detail_header {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        overflow: hidden;
        font-size: 15px;
        border-top: solid 1px #7f7f7f;
        border-bottom: solid 1px #bfbfbf;
        color: #87736a;
    }

    .upload_detail_body {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        overflow: auto;
        font-size: 13px;
        padding-top: 5px;
        padding-bottom: 5px;
        border-bottom: solid 1px #bfbfbf;
    }

    .lt-ie7 .upload_detail_body {
        overflow: hidden;
    }

    .upload_detail_column_title {
        min-height: 25px;
        padding: 5px 0px;
        padding-left: 20px;
    }

    .upload_detail_row {
        clear: both;
        overflow: hidden;
    }

    .upload_detail_row_title,
    .upload_detail_row_title_long,
    .upload_detail_row_title_short,
    .upload_detail_row_full {
        float: left;
        margin-left: 20px;
        padding: 6px 0px;
    }


    .upload_detail_row_value,
    .upload_detail_row_value_long,
    .upload_detail_row_value_short,
    .upload_detail_row_full {
        float: right;
        margin-right: 40px;
        padding: 6px 0px;
        width: 40%;
    }

    .voluntary_table {
        width: 100%;
        min-width: 1500px;
    }

        .voluntary_table th {
            text-align: center;
            font-size: 14px;
            font-weight: normal;
            color: #414042;
            padding-top: 9px;
            padding-bottom: 9px;
            border-top: solid 1px #7f7f7f;
            border-bottom: solid 1px #bfbfbf;
            vertical-align: top;
            white-space: nowrap;
        }

        .voluntary_table tbody tr:hover {
            background: #f1f1f1;
        }

        .voluntary_table tbody td {
            text-align: center;
            font-size: 14px;
            font-weight: normal;
            color: #6d6e71;
            border-bottom: solid 1px #e1e1e1;
            padding-top: 9px;
            padding-bottom: 9px;
            vertical-align: top;
        }

    .ca_instruction_table {
        width: 100%;
    }

        .ca_instruction_table th {
            text-align: left;
            font-size: 14px;
            font-weight: normal;
            color: #414042;
            padding-top: 9px;
            padding-bottom: 9px;
            vertical-align: central;
        }

        .ca_instruction_table tbody tr:hover {
            background: #f1f1f1;
        }

        .ca_instruction_table tbody td {
            text-align: left;
            font-size: 14px;
            font-weight: normal;
            color: #6d6e71;
            padding-top: 9px;
            padding-bottom: 9px;
            vertical-align: top;
        }

        .ca_instruction_table label {
            display: inline-block;
            width: 20px;
        }

    .meeting_instruction_table {
        width: 100%;
    }

        .meeting_instruction_table th {
            text-align: left;
            font-size: 14px;
            font-weight: normal;
            color: #414042;
            padding-top: 9px;
            padding-bottom: 9px;
            vertical-align: top;
            border-top: solid 1px #7f7f7f;
            border-bottom: solid 1px #bfbfbf;
        }

        .meeting_instruction_table tbody tr:hover {
            background: #f1f1f1;
        }

        .meeting_instruction_table tbody td {
            text-align: left;
            font-size: 14px;
            font-weight: normal;
            color: #6d6e71;
            padding-top: 9px;
            padding-bottom: 9px;
            vertical-align: top;
            border-bottom: solid 1px #e1e1e1;
        }

        .meeting_instruction_table label {
            display: inline-block;
            width: 20px;
        }

    .maker_view_button {
        border: solid 1px #c08c0c;
        border-radius: 2px;
        background: #fbd00b;
        background-image: linear-gradient(to bottom, #fdb415 0%, #fad30a 100%);
        height: 24px;
        width: 90px;
        margin: 0px 10px 10px;
        font-family: KrungsriSimpleMedium,Sans-Serif;
        font-size: 11px;
        color: rgb(35,31,32);
    }

    .lt-ie9 .maker_view_button {
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fffdb415,endColorstr=#fffad30a);
    }

    .no-touch .maker_view_button:hover, .maker_view_button:active {
        border: solid 1px #7c695f;
        background: #bfaea1;
        background-image: linear-gradient(to bottom, #a28f84 0%, #cfc0b1 100%);
        color: white;
    }

    .no-touch.lt-ie9 .maker_view_button:hover, .lt-ie9 .maker_view_button:active {
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffa28f84,endColorstr=#ffcfc0b1);
    }

    .transaction_infobox {
        background: #f6f6f6;
        border-radius: 8px;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 10px;
        margin-bottom: 10px;
    }

        .transaction_infobox .section_header {
            margin-left: 30px;
            font-family: KrungsriSimpleBold,Sans-Serif;
            font-size: 18px;
        }

        .transaction_infobox .section_subheader {
            margin-left: 30px;
            font-family: KrungsriSimpleBold,Sans-Serif;
            font-size: 14px;
            color: #333;
            clear: both;
            margin-top: 30px;
        }

    .history_icon {
        width: 26px;
        height: 27px;
        /*position: relative;*/
        top: -3px;
    }

    .card_editbox {
        margin-bottom: 10px;
    }

    .card_image {
        width: 126px;
        height: 80px;
        margin: 0px 0px 0px 30px;
    }

    .card_image_editbox_links {
        display: inline;
        position: relative;
        top: 5px;
        margin-left: 5px;
    }

    .rolling_topbar {
        width: 700px;
        background: #f7f9f8;
        height: 55px;
    }

    .rolling_topbar_bar {
        display: none;
    }

    .rolling_topbar_title {
        display: none;
    }

    .rolling_tabs {
        float: right;
    }

    .rolling_tab {
        width: 95px;
        height: 55px;
        float: left;
        cursor: pointer;
    }

        .rolling_tab.rolling_selected {
            background: #fff;
            background: rgba(255,255,255,0.4);
        }

    .lt-ie9 .rolling_tab.rolling_selected {
        background: none;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66ffffff,endColorstr=#66ffffff);
    }

    .rolling_tab_image {
        text-align: center;
    }

    .rolling_tab_name {
        font-family: KrungsriSimple,Sans-Serif;
        font-size: 11px;
        text-align: center;
        line-height: 11px;
    }

    .lt-ie9 .rolling_tab_name {
        margin-top: 2px;
    }

    .rolling {
        width: 700px;
        height: 324px;
        margin-left: auto;
        margin-right: auto;
        /* 	clear: both; */
        overflow: visible;
    }

    .rolling_menu {
        display: none;
    }

    .rolling_bar_both {
        background-image: url(../images-main/bg_rolling.png);
    }

    .rolling_bar_left {
        background-image: url(../images-main/bg_rolling.png);
    }

    .rolling_bar_right {
        background-image: url(../images-main/bg_rolling_2.png);
    }

    .rolling_bar_none {
        background-image: url(../images-main/bg_rolling_2.png);
    }

    .rolling_bar_left_full {
        background-image: url(../images-main/bg_rolling_3.png);
    }

    .rolling_left {
        width: 50%;
        float: left;
    }

    .rolling_right {
        width: 50%;
        float: right;
    }

    .rolling_full {
        width: 100%;
    }

    .rolling_bar {
        width: 154px;
        height: 324px;
    }

    .rolling_left .rolling_bar {
        float: left;
    }

    .rolling_right .rolling_bar {
        float: right;
    }

    .rolling_bar_both .rolling_left .rolling_content,
    .rolling_bar_left .rolling_left .rolling_content {
        background-image: url(../images-main/rolling_lineL.png);
        background-repeat: no-repeat;
        background-position: center left;
    }

    .rolling_bar_both .rolling_right .rolling_content,
    .rolling_bar_right .rolling_right .rolling_content {
        background-image: url(../images-main/rolling_lineR.png);
        background-repeat: no-repeat;
        background-position: right center;
    }

    .rolling_content {
        width: 196px;
        height: 324px;
    }

    .rolling_content_whole {
        /* 	height: 324px; */
        margin-left: 20px;
        margin-right: 20px;
    }

        .rolling_content_whole .rolling_label {
            text-align: center;
            margin-left: 0px;
        }

    .rolling_left .rolling_content {
        float: right;
    }

    .rolling_right .rolling_content {
        float: left;
    }

    .rolling_full .rolling_content {
        width: 546px;
    }

    .rolling_bigcontent_selectionrow {
        margin-bottom: 5px;
        padding-top: 5px;
        padding-bottom: 5px;
        clear: both;
        line-height: 20px;
        border-bottom: solid 1px #cccccc;
    }

    .lt-ie9 .rolling_bigcontent_selectionrow {
        width: 100%;
    }

    .rolling_bigcontent_selectionrow_column_1 {
        width: 30px;
        text-align: center;
        float: left;
    }

    .rolling_bigcontent_selectionrow_column_2 {
    }

    .rolling_bigcontent_selectionrow input {
        margin-right: 5px;
    }

    .rolling_bigcontent_selection_head {
        font-family: KrungsriSimpleMedium,Sans-Serif;
        font-size: 16px;
    }

    .rolling_head {
        font-family: KrungsriSimpleBold,Sans-Serif;
        font-size: 18px;
        color: #000;
        text-align: center;
        margin-top: 25px;
        margin-bottom: 40px;
    }

    .rolling_inputrow {
        text-align: center;
        margin-bottom: 10px;
    }

    .rolling_input_value {
        line-height: 30px;
        height: 30px;
    }

    .rolling_input_email_notes_textarea {
        width: 247px;
        height: 5em;
    }

    .rolling_head_left {
        font-family: KrungsriSimpleBold,Sans-Serif;
        font-size: 20px;
        color: #000;
        margin-top: 25px;
        margin-bottom: 20px;
    }

    .rolling_bigcard,
    .rolling_bigcard_always {
        text-align: center;
        margin-bottom: 10px;
        position: relative;
    }

        .rolling_bigcard img,
        .rolling_bigcard_always img {
            width: 126px;
            height: 80px;
        }

    .rolling_full .rolling_bigcard img {
        width: 188px;
        height: 122px;
    }

    .rolling_bigcard_layer {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        color: #000;
        text-align: center;
    }

    .lt-ie7 .rolling_bigcard_layer {
        width: 188px;
        height: 122px;
    }

    .rolling_bigcard_layer .aycal_licenseno {
        font-family: KrungsriSimpleBold,Sans-Serif;
        font-size: 24px;
        line-height: 24px;
        margin: 15px 0px 0px;
    }

    .rolling_bigcard_layer .aycal_province {
        font-family: KrungsriSimpleMedium,Sans-Serif;
        font-size: 15px;
        line-height: 26px;
    }

    .rolling_bigcard_layer .aycal_brand {
        font-family: KrungsriSimpleMedium,Sans-Serif;
        font-size: 14px;
        line-height: 22px;
    }

    .rolling_bigcard_layer .aycal_expiry {
        color: #fff;
        font-family: KrungsriSimpleMedium,Sans-Serif;
        font-size: 11px;
        line-height: 19px;
        margin: 5px 0px 0px;
    }

    .rolling_bigcard_layer .aycal_licensegroup_bike {
        font-family: KrungsriSimpleBold,Sans-Serif;
        font-size: 24px;
        line-height: 24px;
        margin: 10px 0px 0px;
    }

    .rolling_bigcard_layer .aycal_province_bike {
        font-family: KrungsriSimpleMedium,Sans-Serif;
        font-size: 14px;
        line-height: 19px;
    }

    .rolling_bigcard_layer .aycal_licenseno_bike {
        font-family: KrungsriSimpleBold,Sans-Serif;
        font-size: 20px;
        line-height: 20px;
    }

    .rolling_bigcard_layer .aycal_brand_bike {
        font-family: KrungsriSimpleMedium,Sans-Serif;
        font-size: 12px;
        line-height: 17px;
    }

    .rolling_bigcard_layer .aycal_expiry_bike {
        color: #fff;
        font-family: KrungsriSimpleMedium,Sans-Serif;
        font-size: 9px;
        letter-spacing: -0.7px;
        line-height: 17px;
        margin: 5px 0px 0px;
    }

    .lt-ie8 .rolling_bigcard_layer .aycal_expiry_bike {
        letter-spacing: -1px;
    }

    .rolling_accnickname {
        font-family: KrungsriSimple,Sans-Serif;
        font-size: 14px;
        color: #000;
        text-align: center;
    }

    .rolling_accno {
        font-family: KrungsriSimple,Sans-Serif;
        font-size: 14px;
        color: #000;
        text-align: center;
    }

    .rolling_accbalance {
        font-family: KrungsriSimpleBold,Sans-Serif;
        font-size: 14px;
        color: #000;
        text-align: center;
    }

    .rolling_unit {
        font-family: KrungsriSimpleBold,Sans-Serif;
        font-size: 14px;
        color: #000;
        text-align: center;
    }

    .rolling_label {
        font-family: KrungsriSimple,Sans-Serif;
        font-size: 13px;
        color: #000;
        text-align: left;
        margin-bottom: 5px;
        margin-left: 19px;
    }

    .rolling_value {
        font-family: KrungsriSimple,Sans-Serif;
        font-size: 14px;
        color: #000;
        text-align: center;
        margin-bottom: 5px;
    }

    .rolling_buttonrow {
        text-align: center;
    }

    .rolling_value select, .rolling_value input {
        width: 170px;
        font-size: 14px;
        border: solid 1px #cccccc;
        background: #fff;
    }

    .rolling_instruction {
        width: 170px;
        margin: 10px auto 0px;
        font-size: 14px;
    }

        .rolling_instruction a {
            color: #716060;
            padding-left: 20px;
            padding-bottom: 5px;
            background-image: url(../../retail/images-main/icon-condition.png);
            background-repeat: no-repeat;
            background-position: center left;
        }

    .rolling_bar_button_previous {
        width: 100%;
        height: 25px;
    }

        .rolling_bar_button_previous input {
            background-color: transparent;
            background-image: url(../images-main/rolling_arrow_up.png);
            background-repeat: no-repeat;
            background-position: center center;
            border: none;
            width: 100%;
            height: 25px;
            margin: auto;
        }

    .rolling_bar_button_next {
        width: 100%;
        height: 25px;
    }

        .rolling_bar_button_next input {
            background-color: transparent;
            background-image: url(../images-main/rolling_arrow_down.png);
            background-repeat: no-repeat;
            background-position: center center;
            border: none;
            width: 100%;
            height: 25px;
            margin: auto;
        }

    .rolling_bar_cardlist {
        width: 120px;
        margin: auto;
    }

    .rolling_bar_cardlist_window {
        width: 100%;
        height: 274px;
        overflow: hidden;
        position: relative;
    }

    .rolling_bar_cardbox,
    .rolling_bar_dummybox {
        width: 100%;
        height: 91px;
        overflow: hidden;
        text-align: center;
        font-family: KrungsriSimple,Sans-Serif;
        font-size: 9px;
        cursor: pointer;
    }

        .no-touch .rolling_bar_cardbox:hover, .rolling_bar_cardbox:active {
            color: #000;
        }

    .rolling_bar_cardbox_card {
        margin-top: 10px;
        position: relative;
    }

        .rolling_bar_cardbox_card img {
            width: 54px;
            height: 34px;
            opacity: 0.4;
            filter: alpha(opacity=40);
        }

    .lt-ie9 .rolling_left .rolling_bar_cardbox_card img {
        background: #e7e4e4;
    }

    .lt-ie9 .rolling_right .rolling_bar_cardbox_card img, .lt-ie9 .rolling_bar_right .rolling_left img, .lt-ie9 .rolling_bar_none .rolling_left img {
        background: #fff;
    }

    .rolling_bar_cardbox_card .rolling_bar_cardbox_layer {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        overflow: hidden;
    }

    .lt-ie7 .rolling_bar_cardbox_card .rolling_bar_cardbox_layer {
        width: 54px;
        height: 34px;
    }

    .rolling_bar_cardbox_layer .aycal_licenseno {
        font-family: KrungsriSimpleBold;
        font-size: 8px;
        margin: 8px 0px 0px;
        line-height: 10px;
    }

    .rolling_bar_cardbox_layer .aycal_province {
        font-family: KrungsriSimpleMedium;
        font-size: 5px;
        line-height: 10px;
    }

    .rolling_bar_cardbox_layer .aycal_licensegroup_bike {
        font-family: KrungsriSimpleBold;
        font-size: 8px;
        margin: 5px 0px 0px;
        line-height: 10px;
    }

    .rolling_bar_cardbox_layer .aycal_province_bike {
        font-family: KrungsriSimpleMedium;
        font-size: 5px;
        line-height: 7px;
    }

    .rolling_bar_cardbox_layer .aycal_licenseno_bike {
        font-family: KrungsriSimpleBold;
        font-size: 8px;
        line-height: 10px;
    }

    @-moz-document url-prefix() {
        .rolling_bar_cardbox_layer .aycal_licenseno {
            font-size: 24px;
            font-size-adjust: 0.17;
        }

        .rolling_bar_cardbox_layer .aycal_province {
            font-size: 15px;
            font-size-adjust: 0.17;
        }

        .rolling_bar_cardbox_layer .aycal_licensegroup_bike {
            font-size: 24px;
            font-size-adjust: 0.17;
        }

        .rolling_bar_cardbox_layer .aycal_province_bike {
            font-size: 15px;
            font-size-adjust: 0.17;
        }

        .rolling_bar_cardbox_layer .aycal_licenseno_bike {
            font-size: 24px;
            font-size-adjust: 0.17;
        }
    }

    .rolling_bar_cardbox,
    .rolling_bar_cardbox_card,
    .rolling_bar_cardbox_card img,
    .aycal_licenseno,
    .aycal_province,
    .aycal_licensegroup_bike,
    .aycal_licenseno_bike,
    .aycal_province_bike,
    .rolling_text_over_default_card {
        -webkit-transition: all .2s ease-in;
        -moz-transition: all .2s ease-in;
        -o-transition: all .2s ease-in;
        transition: all .2s ease-in;
    }

        .rolling_bar_cardbox.rolling_selected {
            font-size: 11px;
            color: #000;
        }

        .rolling_bar_cardbox .rolling_bar_cardbox_accbalance {
            font-size: 9px;
            white-space: nowrap;
        }

        .rolling_bar_cardbox.rolling_selected .rolling_bar_cardbox_card {
            margin-top: 5px;
        }

            .rolling_bar_cardbox.rolling_selected .rolling_bar_cardbox_card img {
                width: 74px;
                height: 47px;
                opacity: 1;
                filter: alpha(opacity=100);
            }

    .lt-ie7 .rolling_bar_cardbox_card.rolling_selected .rolling_bar_cardbox_layer {
        width: 74px;
        height: 47px;
    }

    .rolling_bar_cardbox.rolling_selected .rolling_bar_cardbox_layer .aycal_licenseno {
        font-size: 12px;
        line-height: 18px;
    }

    .rolling_bar_cardbox.rolling_selected .rolling_bar_cardbox_layer .aycal_province {
        font-size: 8px;
        line-height: 12px;
    }

    .rolling_bar_cardbox.rolling_selected .rolling_bar_cardbox_layer .aycal_licensegroup_bike {
        font-size: 12px;
        line-height: 14px;
    }

    .rolling_bar_cardbox.rolling_selected .rolling_bar_cardbox_layer .aycal_province_bike {
        font-size: 7px;
        line-height: 9px;
    }

    .rolling_bar_cardbox.rolling_selected .rolling_bar_cardbox_layer .aycal_licenseno_bike {
        font-size: 12px;
        line-height: 14px;
    }

    @-moz-document url-prefix() {
        .rolling_bar_cardbox.rolling_selected .rolling_bar_cardbox_layer .aycal_licenseno {
            font-size: 36px;
        }

        .rolling_bar_cardbox.rolling_selected .rolling_bar_cardbox_layer .aycal_province {
            font-size: 24px;
        }

        .rolling_bar_cardbox.rolling_selected .rolling_bar_cardbox_layer .aycal_licensegroup_bike {
            font-size: 36px;
        }

        .rolling_bar_cardbox.rolling_selected .rolling_bar_cardbox_layer .aycal_province_bike {
            font-size: 21px;
        }

        .rolling_bar_cardbox.rolling_selected .rolling_bar_cardbox_layer .aycal_licenseno_bike {
            font-size: 36px;
        }
    }

    .rolling_bar_cardbox_maincontent {
        display: none;
    }

    .rolling_text_over_maincard_image {
        color: #fff;
        font-weight: bold;
        position: relative;
        top: -40px;
        left: -8px;
        height: 0px;
        overflow: visible;
    }

    .rolling_text_over_default_card {
        color: #fff;
        position: relative;
        top: -18px;
        left: -4px;
        height: 0px;
        overflow: visible;
        font-size: 5px;
    }

    .rolling_input_headerline {
        width: 100%;
        background: #f1f2f2;
        /* 	clear: both; */
        overflow: hidden;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .rolling_input_headerline_darkgray {
        width: 100%;
        background: #dcdddf;
        clear: both;
        overflow: hidden;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .rolling_input_header {
        width: 50%;
        float: left;
        font-size: 16px;
        margin-left: 30px;
    }

    .rolling_input_notes {
        color: #777777;
        margin-bottom: 20px;
    }

    .rolling_input_right {
        float: left;
        font-size: 14px;
        margin-left: -20px;
    }

    .rolling_input_textareaheaderline {
        width: 100%;
        /* 	clear: both; */
        overflow: hidden;
        margin-top: 25px;
    }

    .rolling_input_textareaheader {
        display: inline;
        font-size: 16px;
        margin-left: 30px;
    }

    .rolling_input_textareasubheader {
        display: inline;
        font-size: 14px;
    }

    .rolling_input_textarealine {
        margin-top: 5px;
        margin-left: 30px;
    }

        .rolling_input_textarealine textarea {
            width: 65%;
            height: 115px;
            font-size: 14px;
        }

    .transaction_summary_header {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        overflow: hidden;
        font-size: 16px;
        border-top: solid 1px #7f7f7f;
        border-bottom: solid 1px #bfbfbf;
        color: #87736a;
        word-wrap: break-word;
    }

        .transaction_summary_header .transaction_summary_column_accrole,
        .transaction_summary_header .transaction_summary_column_accnickname,
        .transaction_summary_header .transaction_summary_column_accnickname_accname,
        .transaction_summary_header .transaction_summary_column_acccurrency,
        .transaction_summary_header .transaction_summary_column_accname,
        .transaction_summary_header .transaction_summary_column_accinfo,
        .transaction_summary_header .transaction_summary_column_title {
            padding: 8px 0px;
        }

    .transaction_summary_column_accnickname,
    .transaction_summary_column_accnickname_accname,
    .transaction_summary_column_acccurrency,
    .transaction_summary_column_accname,
    .transaction_summary_column_accinfo {
        text-align: center;
    }

        .transaction_summary_column_accname .button_white {
            margin-left: 0px;
        }

    .transaction_summary_body {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        overflow: auto;
        font-size: 13px;
        padding-top: 5px;
        padding-bottom: 5px;
        word-wrap: break-word;
    }

    .transaction_summary_row {
        clear: both;
        overflow: auto;
        padding: 5px 0px;
    }

    .transaction_summary_column_icon {
        float: left;
        width: 20px;
        height: 30px;
    }

        .transaction_summary_column_icon img {
            margin-left: 5px;
            width: 35px;
            height: 35px;
            display: none;
        }

    .transaction_summary_column_accrole {
        float: left;
        width: 120px;
        height: 17px;
    }

    .transaction_summary_column_accnickname,
    .transaction_summary_column_accnickname_accname {
        float: left;
        width: 220px;
    }

    .transaction_summary_column_acccurrency {
        float: left;
        width: 80px;
    }

    .transaction_summary_column_accname {
        float: left;
        width: 220px;
    }

    .transaction_summary_column_accinfo {
        float: left;
        width: 440px;
    }

    .transaction_summary_column_title {
        float: left;
    }

    .transaction_detail_header {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        overflow: hidden;
        font-size: 15px;
        border-top: solid 1px #7f7f7f;
        border-bottom: solid 1px #bfbfbf;
        color: #87736a;
    }

.transaction_summary_header + .transaction_detail_header {
    border-top: none;
}

.transaction-detail-remark {
    font-size: 12px;
    background: #eee;
    padding: 20px 35px;
    margin-top: 10px;
}

    .transaction-detail-remark ul {
        margin: 0px;
        text-indent: 0;
    }

.transaction-detail-remark li {
    /*padding-left: 10px;*/
}

.stl-transaction-status {
    margin-top: 10px;
    font-family: KrungsriSimpleMedium,Sans-Serif;
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
    padding: 4px 16px;
    display: flex;
    align-items: center;
    height: 40px;
}
.stl-transaction-status-detail {
    padding: 15px 24px;
    font-size: 14px;
}

.pending-stl-transaction .stl-transaction-status {
    background: #d99808;
}

.pending-stl-transaction .stl-transaction-status-detail {
    background: #fef7e6;
}

.success-stl-transaction .stl-transaction-status {
    background: #09ba7d;
}

.success-stl-transaction .stl-transaction-status-detail {
    background: #e1f3ed;
}

.failure-stl-transaction .stl-transaction-status {
    background: #d0021b;
}

.failure-stl-transaction .stl-transaction-status-detail {
    background: #feece6;
}

.stl-transaction-status-icon {
    display: inline-block;
    padding-right: 10px;
}

.transaction-detail-sub-header {
    margin-top: 10px;
    font-family: KrungsriSimpleMedium,Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    background: #eee;
    padding: 6px 10px;
}

.transaction_detail_body_no_border_bottom {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    overflow: auto;
    font-size: 13px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.lt-ie7 .transaction_detail_body_no_border_bottom {
    overflow: hidden;
}

    .transaction_detail_body {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        overflow: auto;
        font-size: 13px;
        padding-top: 5px;
        padding-bottom: 5px;
        border-bottom: solid 1px #bfbfbf;
    }

    .transaction_detail_body_global_history {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        overflow: auto;
        font-size: 13px;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .transaction_detail_netamount {
        border-top: solid 1px #bfbfbf;
        border-bottom: solid 1px #bfbfbf;
        padding: inherit;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .lt-ie7 .transaction_detail_body {
        overflow: hidden;
    }

    .transaction_detail_column_icon {
        float: left;
        width: 40px;
        height: 30px;
    }

        .transaction_detail_column_icon img {
            /*margin-left: 5px;*/
        }

    .transaction_detail_column_title {
        min-height: 25px;
        padding: 5px 0px;
    }

    .transaction_detail_column_full {
        margin-left: 20px;
        padding: 6px 0px;
        margin-right: 20px;
        overflow: hidden;
    }

        .transaction_detail_column_full .half_left {
            width: 50%;
            float: left;
        }

        .transaction_detail_column_full .half_right {
            width: 50%;
            float: right;
            text-align: right;
        }

    .transaction_detail_row {
        clear: both;
        overflow: hidden;
    }

        .transaction_detail_row.indent {
            margin-left: 30px;
        }

    .transaction_detail_row_gray {
        background: #e1e1e1;
        overflow: hidden;
    }

    .transaction_detail_row_line {
        border-bottom: solid 1px #ccc;
        margin: 0px 20px;
    }

    .transaction_detail_row_graybox {
        background: #f1f2f2;
        border-top: solid 1px #ccc;
        border-bottom: solid 1px #ccc;
        margin: 20px 0px 10px;
    }

    .transaction_detail_row_line .transaction_detail_row_title_long {
        margin: 0px 0px 0px 20px;
    }

.transaction_detail_row_line .transaction_detail_row_value_short {
    margin: 0px 20px 0px 0px;
}

.transaction_detail_row_reason_title {
    padding: 6px 0px;
}

    .transaction_detail_row_title,
    .transaction_detail_row_title_long,
    .transaction_detail_row_title_short,
    .transaction_detail_row_full {
        float: left;
        margin-left: 40px;
        padding: 6px 0px;
    }

    .transaction_detail_row_value,
    .transaction_detail_row_value_long,
    .transaction_detail_row_value_short,
    .transaction_detail_row_full {
        float: right;
        margin-right: 40px;
        padding: 6px 0px;
    }

.transaction_detail_row_full {
    float: none;
}

.transaction_detail_row_full_width {
    padding: 6px 0px;
}

    .transaction_detail_row_title, .transaction_detail_row_value {
        width: 40%;
    }

    .transaction_detail_row_title_short {
        width: 30%;
    }

    .transaction_detail_row_value_short {
        width: 20%;
    }

    .transaction_detail_row_title_long {
        width: 60%;
    }

    .transaction_detail_row_value_long {
        width: 50%;
    }

        .transaction_detail_row_value_long .button_yellow {
            margin-left: 10px;
        }

    .transaction_detail_row {
        clear: both;
        overflow: hidden;
    }

        .transaction_detail_row .notes {
            margin-left: 40px;
        }

    .transaction_detail_row_value_prefix {
        width: 80%;
        float: left;
    }

    .transaction_detail_row_value_suffix {
        width: 20%;
        float: left;
    }

    .transaction_result_headline {
        font-family: KrungsriSimpleMedium,Sans-Serif;
        font-size: 20px;
        text-align: center;
        margin-bottom: 30px;
        /* 	clear: both; */
    }

    .transaction_summary_body .transaction_result_headline {
        margin-top: 20px;
    }

    .summary_error_box .transaction_result_headline {
        margin-top: 20px;
        margin-bottom: 10px;
    }

    .transaction_result_headline br {
        display: none;
    }

    .transaction_result_headline img {
        vertical-align: middle;
        margin-right: 10px;
    }

    .transaction_result_green {
        color: #00a651;
    }

    .transaction_result_red {
        color: #ed1c24;
    }

    .transaction_result_orange {
        color: #fdb813;
    }

    .transaction_result_darkorange {
        color: #f15a29;
    }

    .transaction_result_errorbox {
        font-family: KrungsriSimple,Sans-Serif;
        font-size: 15px;
        color: #f00;
        text-align: center;
        margin-bottom: 20px;
    }

    .transaction_result_errorbox_title {
        font-family: KrungsriSimpleBold,Sans-Serif;
    }

    .transaction_resultbox {
        max-width: 600px;
        margin-left: auto;
        margin-right: auto;
        font-size: 15px;
        margin-bottom: 10px;
    }

    .lt-ie9 .transaction_resultbox {
        width: 600px;
    }

    .summary_error_box .transaction_resultbox {
        margin-bottom: 20px;
    }

    .transaction_resultbox_bold {
        font-family: KrungsriSimpleMedium,Sans-Serif;
        font-size: 15px;
        margin-bottom: 10px;
    }

    .transaction_detail_row_value.bigtext {
        font-size: 15px;
    }

    .transaction_approval_link {
        color: #6f5f5e;
        font-size: 14px;
        font-weight: bold;
    }

    .maroonlink {
        color: #87736a;
        font-family: KrungsriSimpleBold,Sans-Serif;
    }

    .codetable {
        width: 100%;
        /* 	clear: both; */
        padding-top: 20px;
        margin-bottom: 10px;
        overflow: hidden;
    }

    .codetable_group_left {
        width: 49%;
        float: left;
        border-bottom: solid 1px #9d9fa2;
        overflow: visible;
    }

    .codetable_group_right {
        width: 49%;
        float: right;
        border-bottom: solid 1px #9d9fa2;
        overflow: visible;
    }

    .codetable_header {
        width: 100%;
        font-size: 13px;
        text-indent: 10px;
        color: #6f5f5e;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .codetable table {
        font-size: 12px;
        color: #333;
        border-left: solid 1px #9d9fa2;
        border-right: solid 1px #9d9fa2;
    }

    .codetable thead td {
        text-align: center;
        padding-top: 3px;
        padding-bottom: 3px;
        border-top: solid 1px #9d9fa2;
        border-bottom: solid 1px #9d9fa2;
    }

    .codetable tbody td {
        vertical-align: top;
        padding: 3px 5px;
    }

    .codetable table .codetable_column_1 {
        width: 20%;
    }

    .codetable table .codetable_column_2 {
        width: 40%;
    }

    .codetable table .codetable_column_3 {
        width: 40%;
    }

    .codetable table tbody .codetable_column_1 {
        font-weight: bold;
    }

    .codetable table tbody .codetable_column_2 {
        border-left: solid 1px #9d9fa2;
    }

    .codetable table tbody .codetable_column_3 {
        border-left: solid 1px #9d9fa2;
    }


    .transfer_alerttable_column_1 {
        width: 30%;
        padding-left: 10px;
        text-align: left !important;
    }

    .transfer_alerttable_column_2 {
        width: 25%;
        text-align: left !important;
    }

    .transfer_alerttable_column_3 {
        width: 15%;
        text-align: left !important;
    }

    .transfer_alerttable_column_4 {
        width: 15%;
    }

    .transfer_alerttable_column_5 {
        width: 7%;
    }

    .transfer_alerttable_column_6 {
        width: 7%;
    }

    .fundtransfer_notes {
        font-size: 14px;
        color: #716060;
        margin-bottom: 20px;
    }

    a.fundtransfer_notes {
        padding-left: 20px;
        background-image: url(../../retail/images-main/icon-condition.png);
        background-repeat: no-repeat;
        background-position: center left;
    }

    .fundtransfer_notes_bullet {
        font-family: KrungsriSimpleBold,Sans-Serif;
        font-size: 19px;
        margin-left: 20px;
    }

    .fundtransfer_terms_popup {
        width: 600px;
        position: absolute;
        overflow: hidden;
        z-index: 10;
        margin-top: -20px;
    }

    .fundtransfer_terms_popup_right {
        left: 20px;
        margin-top: 0px;
    }

    .fundtransfer_terms_popup_headerrow {
        height: 15px;
        width: 100%;
        margin-left: 40px;
        background-image: url(../../retail/images-main/mutualfund_popup_topbg.png);
        background-position: top left;
        background-repeat: no-repeat;
    }

    .fundtransfer_terms_popup_right .fundtransfer_terms_popup_headerrow {
        margin-left: 340px;
    }

    .fundtransfer_terms_popup_body {
        border: solid #bcbec0 5px;
        background: #fff;
        padding: 10px 5px 10px 10px;
    }

    .fundtransfer_terms_table {
        width: 100%;
        font-size: 12px;
    }

        .fundtransfer_terms_table th {
            background: #ffe35e;
            font-weight: normal;
            padding: 5px;
            border-right: solid 5px #fff;
        }

        .fundtransfer_terms_table td {
            background: #ffeda9;
            padding: 5px;
            border-right: solid 5px #fff;
        }

    .service_terms_popup {
        min-height: 120px;
        width: 600px;
        margin: 0px 70px;
        z-index: 10;
        position: absolute;
        display: none;
        background-color: #fff;
        text-align: center;
        border: solid #bcbec0 5px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .service_terms_popup_head {
        margin: 2px 2px 0px 2px;
        background-color: #ffe35e;
        font-size: 14px;
        height: 34px;
    }

    .service_terms_column_1 {
        float: left;
        margin: 2px 2px 0px 2px;
        width: 15%;
    }

    .service_terms_column_2 {
        float: left;
        margin: 2px 2px 0px 2px;
        width: 15%;
    }

    .service_terms_column_3 {
        float: left;
        width: 36%;
        margin: 2px 2px 0px 2px;
    }

    .service_terms_column_3_main {
        background-color: #ffe35e;
        font-size: 14px;
    }

    .service_terms_column_3_sub {
        background-color: #ffeda9;
        font-size: 11px;
        height: 17px;
        margin: 1px 1px 0px 1px;
    }

    .service_terms_popup_combobody {
        float: left;
        width: 33.33%;
    }

    .service_terms_column_4 {
        float: left;
        margin: 2px 2px 0px 2px;
        width: 13%;
    }

    .service_terms_column_5 {
        float: left;
        margin: 2px 2px 0px 2px;
        width: 16%;
    }

    .service_terms_popup_body {
        clear: both;
        background-color: #fffde9;
        font-size: 12px;
        margin: 0px 2px 2px 2px;
    }

    .service_terms_popup_body_height {
        min-height: 68px;
    }


    .mutualfund_summary_box {
        width: 450px;
        /* 	clear: both; */
        margin-top: 20px;
        margin-left: 20px;
        margin-bottom: 10px;
        overflow: hidden;
        font-size: 14px;
    }

    .mutualfund_summary_box_head {
        border-bottom: solid #c0c0c0 1px;
        color: #6f5f5e;
        height: 30px;
    }

    .mutualfund_summary_box_head_col_1,
    .mutualfund_summary_box_row_col_1 {
        float: left;
        width: 170px;
    }

    .mutualfund_summary_box_head_col_2,
    .mutualfund_summary_box_row_col_2 {
        float: left;
        margin-left: 30px;
        width: 250px;
    }

    .mutualfund_summary_box_row {
        color: #414042;
        font-weight: normal;
        margin: 5px 0px;
        overflow: hidden;
    }

    .mutualfund_pl_head {
        font-family: KrungsriSimpleBold,Sans-Serif;
        font-size: 12px !important;
        text-indent: 20px;
        color: #6f5f5e !important;
        padding-bottom: 5px;
        padding-top: 20px !important;
        text-align: left;
        background: #fff !important;
        border: none !important;
    }

    thead:first-of-type .mutualfund_pl_head {
        padding-top: 0px !important;
    }

    .mutualfund_pl_table {
        width: 100%;
    }

        .mutualfund_pl_table thead {
            background: #f6f6f6;
        }

        .mutualfund_pl_table th {
            font-size: 13px;
            font-weight: normal;
            padding-top: 4px;
            padding-bottom: 4px;
            border-right: solid 1px #dddddd;
            color: #333;
            border-top: solid 1px #dddddd;
            border-bottom: solid 1px #dddddd;
            vertical-align: top;
        }

            .mutualfund_pl_table th.mutualfund_pl_table_column_7 {
                border-right: none;
            }

        .mutualfund_pl_table td {
            font-size: 11px;
            padding-top: 5px;
            padding-bottom: 5px;
            border-bottom: solid 1px #dddddd;
            vertical-align: top;
        }

    .mutualfund_table_tbody_head {
        padding-left: 20px;
        border-bottom: solid 1px #dddddd;
        color: #6f5f5e;
        font-size: 12px !important;
    }

    .mutualfund_pl_table_column_1 {
        text-align: left;
        padding-left: 20px;
    }

    td.mutualfund_pl_table_column_2,
    td.mutualfund_pl_table_column_3,
    td.mutualfund_pl_table_column_4,
    td.mutualfund_pl_table_column_5,
    td.mutualfund_pl_table_column_6 {
        text-align: right !important;
    }

    td.mutualfund_pl_table_column_7 {
        text-align: right !important;
        padding-right: 20px;
    }

    .mutualfund_pl_table_column_7.profit {
        color: #00a651;
    }

    .mutualfund_pl_table_column_7.loss {
        color: #ed1c24;
    }

    .mutualfund_pl_table_foot .mutualfund_pl_table_column_1 {
        font-weight: bold;
        font-size: 11px;
    }

    .mutualfund_pl_table_foot_column_4,
    .mutualfund_pl_table_foot_column_5 {
        text-align: right !important;
        font-weight: bold !important;
    }

    .mutual_pl_table_foot_column_final {
        background: #e6e7e8;
    }

        .mutual_pl_table_foot_column_final .mutualfund_pl_table_column_1 {
            font-weight: bold;
        }


    .mutualfund_info_popup {
        height: 0px;
        width: 630px;
        margin-left: 40px;
        margin-top: -20px;
        overflow: visible;
        position: relative;
        z-index: 100;
    }

        .mutualfund_info_popup .table_wrapper {
            width: auto;
        }

    .mutualfund_info_popup_body {
        width: 100%;
        height: 400px;
        overflow: scroll;
        padding: 2px 2px 0px 2px;
        z-index: 10;
        background: #fff;
        border: solid #bcbec0 8px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .mutualfund_info_popup_headerrow {
        height: 15px;
        width: 30px;
        margin-left: 20px;
        background-image: url(../../retail/images-main/mutualfund_popup_topbg.png);
        background-position: top left;
        background-repeat: no-repeat;
    }

    .mutualfund_info_popup .mutualfund_info_popup_header {
        padding: 5px;
        overflow: hidden;
    }

        .mutualfund_info_popup .mutualfund_info_popup_header .title {
            font-family: KrungsriSimple,Sans-Serif;
            font-size: 15px;
            font-weight: normal;
            float: left;
        }

        .mutualfund_info_popup .mutualfund_info_popup_header .action_button {
            float: right;
            margin-right: 10px;
        }

    .mutualfund_info_popup .table_head {
        font-family: KrungsriSimple,Sans-Serif;
        font-size: 12px;
        background: #6f5f5e;
        text-indent: 10px;
        color: #fff;
        padding-top: 5px;
        clear: both;
        height: 25px;
    }

    .mutualfund_info_popup .info_table thead tr {
        background: #e6e7e8;
    }

    .mutualfund_info_popup .info_table th {
        font-size: 12px;
        font-weight: bold;
        height: 25px;
        border-right: solid 1px #cccccc;
        vertical-align: top;
    }

    .mutualfund_info_popup .info_table tbody tr {
        font-size: 11px;
    }

    .mutualfund_info_popup .info_table tbody td {
        padding-left: 10px;
        padding-top: 5px;
        border-bottom: solid #d1d3d4 1px;
        vertical-align: top;
    }

    .info_table_column_head_1,
    .info_table_column_head_2,
    .info_table_column_head_3,
    .info_table_column_head_4 {
        text-align: center;
    }

    .info_table_column_1 {
        width: 20%;
        text-align: left;
    }

    .info_table_column_2 {
        width: 15%;
        text-align: center;
    }

    .info_table_column_3 {
        width: 45%;
        text-align: left;
    }

    .info_table_column_4 {
        width: 20%;
        text-align: center
    }

    .info_table_2_column_1 {
        width: 12%;
        text-align: center;
    }

    .info_table_2_column_2 {
        width: 15%;
        text-align: left;
    }

    .info_table_2_column_3 {
        width: 18%;
        text-align: left;
    }

    .info_table_2_column_4 {
        width: 50%;
        text-align: left
    }

    .mutualfund_result_listtable {
        width: 100%;
    }

        .mutualfund_result_listtable thead th {
            font-weight: normal;
            font-size: 13px;
            border-top: solid 1px #7f7f7f;
            border-bottom: solid 1px #bfbfbf;
            padding: 9px 5px;
            vertical-align: top;
        }

        .mutualfund_result_listtable tbody {
            font-size: 14px;
            color: #777777;
        }

            .mutualfund_result_listtable tbody tr:hover {
                background: #f1f1f1;
            }

        .mutualfund_result_listtable td {
            text-align: center;
            border-bottom: solid 1px #bfbfbf;
            font-size: 13px;
            vertical-align: top;
            padding: 9px 5px;
        }

    .mutualfund_result_listtable_column_1 {
        display: none;
    }

    .mutualfund_result_listtable tbody .mutualfund_result_listtable_column_5 {
        text-align: right;
        padding-right: 10px;
    }

    .mutualfund_result_listtable_row_blank {
        height: 20px;
    }

    .mutualfund_result_listtable_column_1 {
        font-weight: bold;
        font-size: 15px;
        width: 10%
    }

    .mutualfund_result_listtable_column_2 {
        width: 45%
    }

    .mutualfund_result_listtable_column_3 {
        width: 10%
    }

    .mutualfund_result_listtable_column_4 {
        width: 10%
    }

    .mutualfund_result_listtable_column_5 {
        width: 5%
    }

    .mutualfund_result_listtable_column_6 {
        width: 20%
    }

    td.mutualfund_result_listtable_tbody_head {
        font-size: 13px;
        color: #6f5f5e;
        text-align: left;
        text-indent: 20px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .mutualfund_listtable_button {
        border: solid 1px #d3a20f;
        border-radius: 2px;
        background: #fbd00b;
        background-image: linear-gradient(to bottom, #fcc410 0%, #fee000 100%);
        height: 24px;
        width: 76px;
        margin: 5px 5px 5px 0px;
        font-family: KrungsriSimpleMedium,Sans-Serif;
        font-size: 11px;
        color: rgb(35,31,32);
    }

    .lt-ie9 .mutualfund_listtable_button {
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fffcc410,endColorstr=#fffee000);
    }

    .no-touch .mutualfund_listtable_button:hover, .mutualfund_listtable_button:active {
        border: solid 1px #7c695f;
        background: #bfaea1;
        background-image: linear-gradient(to bottom, #a28f84 0%, #cfc0b1 100%);
        color: white;
    }

    .no-touch.lt-ie9 .mutualfund_listtable_button:hover, .lt-ie9 .mutualfund_listtable_button:active {
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffa28f84,endColorstr=#ffcfc0b1);
    }

    .mutualfund_assest_mgmt_info p {
        text-indent: 20px;
        font-size: 14px;
    }

    .mutualfund_timeinfo_table {
        width: 100%;
    }

        .mutualfund_timeinfo_table thead th {
            background: #ffda00;
            text-indent: 30px;
            font-size: 16px;
            text-align: left;
            font-weight: normal;
            padding: 10px 0px;
        }

        .mutualfund_timeinfo_table tbody td {
            font-size: 13px;
            text-indent: 30px;
            text-align: left;
            padding: 5px 0px;
            background: #f1f2f2;
        }

        .mutualfund_timeinfo_table tfoot td {
            font-size: 13px;
            margin-left: 30px;
            text-align: left;
            padding: 5px 0px;
            background: #f1f2f2;
            font-weight: bold;
        }

    .mutualfund_timeinfo_header {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        background: #b6acab;
        overflow: hidden;
        font-size: 16px;
    }

    .mutualfund_timeinfo_column_desc,
    .mutualfund_timeinfo_column_time {
        float: left;
        margin-left: 30px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .mutualfund_timeinfo_column_desc {
        width: 55%;
    }

    .mutualfund_timeinfo_column_time {
        width: 35%;
    }

    .mutualfund_timeinfo_body {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        background: #f1f1f2;
        overflow: auto;
        font-size: 13px;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .mutualfund_timeinfo_row {
        clear: both;
        overflow: auto;
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .mutualfund_timeinfo_footer {
        margin: 0px 30px;
    }

    .mutualfund_timeinfo_footer_inputbox {
        border-top: solid rgb(179,179,179) 1px;
        padding: 10px 0px;
    }

    .mutualfund_agreement_warning {
        font-size: 16px;
        margin-top: 20px;
        margin-bottom: 20px;
        color: #000;
    }

    .mutualfund_agreementbox {
        width: 100%;
        margin: 10px auto;
        clear: both;
        overflow: hidden;
    }

    .agreement_checkbox_column {
        width: 8%;
        float: left;
        position: relative;
    }

    .agreement_description_column {
        width: 80%;
        float: left;
        font-size: 13px;
        margin-left: 5px;
    }

    .mutualfund_click_here {
        color: #f58220;
        font-weight: bold;
        font-size: 14px;
    }

    .mutualfund_agreement_inputbox {
        font-size: 14px;
    }

    .mutualfund_valid_card_popup {
        width: 640px;
        clear: both;
        overflow: hidden;
        position: absolute;
        z-index: 10;
        margin-top: -10px;
        margin-left: 30px;
        margin-right: 30px;
    }

    .mutualfund_valid_card_popup_headerrow {
        height: 15px;
        width: 30px;
        margin-left: 340px;
        background-image: url(../../retail/images-main/mutualfund_popup_topbg.png);
        background-position: top left;
        background-repeat: no-repeat;
    }

    .mutualfund_valid_card_popup_body {
        background: #fff;
        border: solid #bcbec0 12px;
        overflow: auto;
        height: 500px;
    }

    .mutualfund_valid_card_popup .mutualfund_valid_card_popup_header {
        overflow: hidden;
        background: #404040;
    }

        .mutualfund_valid_card_popup .mutualfund_valid_card_popup_header .title {
            font-size: 14px;
            font-weight: normal;
            float: left;
            text-indent: 20px;
            color: #fff;
            margin: 5px;
        }

        .mutualfund_valid_card_popup .mutualfund_valid_card_popup_header .action_button {
            font-weight: normal;
            float: right;
            margin-right: 10px;
            margin-top: 5px;
        }

    .mutualfund_valid_card_popup .section_head {
        clear: both;
        background: #dddddd;
        height: 30px;
    }

        .mutualfund_valid_card_popup .section_head .title {
            font-size: 14px;
            padding: 5px;
            text-indent: 20px;
        }

    .mutualfund_valid_card_popup .section_body {
        margin-left: 30px;
    }

    .mutualfund_valid_card_popup .body {
        width: 100%;
        overflow-y: scroll;
        overflow-x: hidden;
        margin-bottom: 10px;
    }

    .mutualfund_valid_card_popup .cardbox {
        height: 80px;
        width: 126px;
        margin: 5px;
        float: left;
    }

        .mutualfund_valid_card_popup .cardbox img {
            height: 80px;
            width: 126px;
        }

    .epaymentbox {
        display: block;
        max-width: 600px;
        margin: 20px auto;
    }

    .mutualfund_history_listtable_header {
        margin-top: 30px;
        font-size: 16px;
        padding: 6px 10px;
        overflow: hidden;
    }

        .mutualfund_history_listtable_header .header_left {
            float: left;
        }

        .mutualfund_history_listtable_header .header_text {
            float: right;
        }

    .mutualfund_history_listtable {
        width: 100%;
    }

        .mutualfund_history_listtable th {
            text-align: center;
            font-size: 14px;
            font-weight: normal;
            border-top: solid 1px #7f7f7f;
            border-bottom: solid 1px #bfbfbf;
            vertical-align: top;
            padding: 9px 5px;
        }

        .mutualfund_history_listtable tbody tr:hover {
            background: #f1f1f1;
        }

        .mutualfund_history_listtable tbody td {
            font-size: 14px;
            color: #58585a;
            vertical-align: top;
            padding: 9px 5px;
        }

    .mutualfund_history_tbody_head {
        padding-left: 20px;
        font-weight: bold;
        font-size: 14px;
        height: 25px;
        color: #87736a !important;
        text-align: left;
        padding-top: 5px;
        padding-bottom: 5px;
        border-bottom: solid 1px #bfbfbf;
    }

    .mutualfund_history_listtable_column_3,
    .mutualfund_history_listtable_column_3,
    .mutualfund_history_listtable_column_4,
    .mutualfund_history_listtable_column_5,
    .mutualfund_history_listtable_column_6,
    .mutualfund_history_listtable_column_7_1,
    .mutualfund_history_listtable_column_7_2 {
        text-align: right;
        padding-right: 10px;
    }

    .mutualfund_history_listtable_column_1,
    .mutualfund_history_listtable_column_2,
    .mutualfund_history_listtable_column_4 {
        text-align: center !important;
    }

    .mutualfund_history_listtable_column_3,
    .mutualfund_history_listtable_column_6 {
        text-align: right !important;
    }

    .mutualfund_history_tbody_foot td {
        border-top: solid 1px #bfbfbf;
        border-bottom: solid 1px #bfbfbf;
    }

    .mutualfund_history_listtable_foot_column_desc {
        text-align: left;
        padding-left: 10px;
        font-weight: bold;
    }

    .mutualfund_history_listtable_foot_column_num {
        text-align: right;
        padding-right: 10px;
        font-size: 14px;
        font-weight: bold;
    }

    .mutualfund_history_listtable_column_1 {
        padding-left: 10px;
    }

    .mutualfund_buy_transaction_head {
        font-size: 16px;
        text-indent: 20px;
        margin-bottom: 6px;
        /* 	clear: both; */
    }

    .mutualfund_buy_transaction_table_column_1 {
        text-align: center;
    }

    .mutualfund_buy_transaction_table_column_2 {
        text-align: center;
    }

    .mutualfund_buy_transaction_table_column_3 {
        text-align: center;
    }

    .inputbox .summary_style {
        font-size: 14px;
        margin-left: 30px;
        margin-right: 20px;
    }

    .tab_space {
        padding: 0 15px;
    }

    .currency_space {
        padding: 0 12px;
    }

    .mutualfund_summary_column_1,
    .mutualfund_summary_column_3,
    .mutualfund_summary_column_4,
    .mutualfund_summary_column_5 {
        text-align: right !important;
        white-space: nowrap;
    }

    .mutualfund_summary_column_1 {
        width: 25%;
    }

    .mutualfund_summary_column_2 {
        text-align: left !important;
        white-space: nowrap;
    }

    .mutualfund_summary_foot_column_desc {
        padding-left: 20px;
    }

    tfoot .mutualfund_summary_foot_column_desc {
        text-align: left !important;
        font-weight: bold;
        font-size: 14px;
        color: #333;
        height: 30px;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .mutualfund_history_listtable tfoot {
        background: #bfbfbf;
    }

    .mutualfund_history_listtable td, .mutualfund_history_listtable th {
        padding-right: 5px;
        padding-left: 5px;
    }

    .mutualfund_nav_table {
        width: 100%;
    }

        .mutualfund_nav_table thead {
            background: #c0b6b5;
        }

            .mutualfund_nav_table thead th {
                font-weight: normal;
                font-size: 13px;
                height: 35px;
                border: solid #e3dadb 1px;
            }

                .mutualfund_nav_table thead th:first-child {
                    border-left: none;
                }

                .mutualfund_nav_table thead th:last-child {
                    border-right: none;
                }

    .mutualfund_nav_tbody_head {
        padding-left: 10px;
        height: 30px;
        font-size: 14px;
        color: #87736a;
        font-weight: bold;
    }

    .mutualfund_nav_table_column_1,
    .mutualfund_nav_table_column_2,
    .mutualfund_nav_table_column_3,
    .mutualfund_nav_table_column_5,
    .mutualfund_nav_table_column_6 {
        width: 16%;
    }

    .mutualfund_nav_table_column_4 {
        width: 20%;
    }

    .mutualfund_nav_table .nested_table {
        margin: 5px 0px;
        width: 100%;
    }

        .mutualfund_nav_table .nested_table thead th {
            background: #fff;
            border: solid #c5c5c5 1px;
            color: #231f20;
            font-size: 13px;
            font-weight: bold;
            padding-left: 10px;
            padding-right: 10px;
        }

        .mutualfund_nav_table .nested_table tbody td {
            border: solid #d8d8d8 1px;
            height: 25px;
        }

    .nested_table_column_1,
    .nested_table_column_2,
    .nested_table_column_3,
    .nested_table_column_5,
    .nested_table_column_6 {
        width: 16%;
        padding-right: 5px;
    }

    .nested_table_column_4 {
        width: 20%;
        padding-right: 5px;
    }

    .mutualfund_questionnaire {
        font-size: 14px;
        padding: auto 10px;
        margin-top: 20px;
    }

    .mutualfund_questionnaire_item {
        margin-bottom: 20px;
    }

    .mutualfund_questionnaire_question {
        padding-bottom: 5px;
        border-bottom: solid 1px #414042;
    }

    .mutualfund_info_table {
        margin-top: 20px;
        /* 	clear: both; */
        overflow: hidden;
        padding: 2px 2px 0px 2px;
    }

        .mutualfund_info_table .header {
            padding: 5px;
            overflow: hidden;
        }

            .mutualfund_info_table .header .title {
                font-family: KrungsriSimple,Sans-Serif;
                font-size: 15px;
                font-weight: normal;
                float: left;
                width: 510px;
                text-indent: 10px;
            }

            .mutualfund_info_table .header .action_button {
                float: left;
                width: 85px;
                text-align: right;
            }

        .mutualfund_info_table .table_head {
            font-weight: bold;
            font-size: 14px;
            color: #87736a;
            padding-left: 15px;
            padding-top: 5px;
            padding-bottom: 5px;
            clear: both;
            /* 	height: 25px; */
            margin-top: 10px;
        }

        .mutualfund_info_table .info_table th {
            font-size: 10px;
            font-weight: bold;
            height: 25px;
            border-top: solid 1px #333;
            border-bottom: solid 1px #d1d3d4;
        }

        .mutualfund_info_table .info_table tbody tr {
            font-size: 11px;
            border-bottom: solid #d1d3d4 1px;
        }

        .mutualfund_info_table .info_table tbody td {
            padding-left: 10px;
            padding-top: 5px;
            padding-bottom: 5px;
        }

    .mutualfund_history_table_column_1 {
        width: 35%;
        padding-left: 40px !important;
    }

    .mutualfund_history_table_column_2 {
        width: 30%;
    }

    .mutualfund_history_table_column_3 {
        width: 35%;
    }

    .confirmdialog_background {
        background: rgba(0,0,0,0.5);
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 10000;
        overflow: hidden;
    }

    .lt-ie9 .confirmdialog_background {
        background: url(../images-main/blank.gif);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000,endColorstr=#80000000);
    }

    .lt-ie7 .confirmdialog_background {
        position: absolute;
        top: expression(0+((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+'px');
        left: expression(0+((e=document.documentElement.scrollLeft)?e:document.body.scrollLeft)+'px');
    }

.confirmdialog {
    background: rgba(255,255,255,0.9);
    width: 350px;
    height: auto !important;
    min-height: 150px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /* ลบ: bottom: 0; right: 0; margin: auto; */
}


    .confirmdialogPDPA {
        background: rgba(255,255,255,0.9);
        width: 650px;
        height: 270px;
        margin: auto;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }

    .confirmdialog_UrlPDPA {
        font-weight: bold;
        font-family: 'KrungsriSimple';
        margin-left: 25px;
    }

    .confirmdialog_bodyPDPA {
        margin-left: 20px;
        margin-right: 20px;
        margin-top: 10px;
        height: 200px;
        clear: both;
    }

    .lt-ie9 .confirmdialog {
        background: none;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E6FFFFFF,endColorstr=#E6FFFFFF);
        position: static;
        margin-top: 200px;
    }

    .confirmdialog_head {
        font-size: 22px;
        margin-left: 20px;
        margin-right: 20px;
        margin-top: 10px;
        padding-bottom: 10px;
        border-bottom: solid 1px rgb(255,210,0);
    }

    .confirmdialog_headPDPA {
        font-size: 16px;
        margin-left: 20px;
        margin-right: 20px;
        margin-top: 10px;
        padding-bottom: 10px;
        border-bottom: solid 1px rgb(255,210,0);
        font-family: 'KrungsriSimple';
        text-align: center;
        color: black;
    }

.confirmdialog_body {
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 10px;
    height: auto !important; 
    display: flex; 
    align-items: flex-start;
    padding-bottom: 15px;
}
.confirmdialog_icon {
    flex-shrink: 0;
    width: 40px;
    text-align: center;
    padding-top: 2px;
}
    .confirmdialog_message {
        font-family: 'KrungsriSimple';
        font-size: 14px;
        line-height: 20px;
        
        width: 270px;
    }

    .confirmdialog_messagePDPA {
        width: 100px;
        height: 130px;
        margin-left: 25px;
        font-family: 'KrungsriSimple';
        font-size: 12px;
    }

    .text_bodyPDPA {
        font-family: 'KrungsriSimple';
        width: 556px;
        height: 130px;
        resize: none;
        font-size: 13px;
        line-height: 1.4;
        border: none;
    }

    .confirmdialog_buttonrow {
        width: 100%;
        text-align: center;
        margin-bottom:10px;
    }

    .confirmdialog_buttonrowPDPA {
        width: 100%;
        margin-top: 10px;
        text-align: center;
    }

    .securities_doc_link {
        font-size: 14px;
        border-bottom: solid 2px #dbdbdb;
        overflow: hidden;
        clear: both;
        width: 90%;
        padding: 20px 0px;
    }

    .securities_doc_link_icon_col {
        float: left;
        width: 60px;
    }

    .securities_doc_link_desc_col {
        float: left;
        width: 75%;
    }

    .doc_links {
        color: #005593;
        font-size: 14px;
    }

    .securities_br_line {
        line-height: 80px;
    }

    .billpayment_infobox {
        font-size: 12px;
        border: solid 1px #dbdbdb;
        overflow: hidden;
        /* 	clear: both; */
        margin: 10px 30px;
        line-height: 16px;
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 5px;
        padding-top: 5px;
    }

    .cropbox {
        max-width: 100%;
    }

    .lt-ie7 .cropbox {
        width: 600px;
    }

    .cropbox_preview {
        width: 210px;
        height: 130px;
    }

    .howto_header {
        font-family: KrungsriSimpleBold,Sans-Serif;
        font-size: 36px;
        color: #6f5f5e;
    }

    .howto_instruction {
        font-family: KrungsriSimple,Sans-Serif;
        font-size: 14px;
    }

    .howto_columns {
        clear: both;
        overflow: hidden;
        margin-top: 10px;
    }

    .howto_column {
        width: 49.5%;
        overflow: hidden;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: top center;
    }

    .howto_column_left {
        float: left;
        background-image: url(../images-main/BG_Howtoregis_1.jpg);
    }

    .howto_column_right {
        float: right;
        background-image: url(../images-main/BG_Howtoregis_2.jpg);
    }

    .howto_column_head {
        font-family: KrungsriSimpleMedium,Sans-Serif;
        font-size: 18px;
        padding-left: 40px;
        color: #fff;
    }

    .howto_column_left .howto_column_head {
        background: #f3b90e;
    }

    .howto_column_right .howto_column_head {
        background: #705f5f;
    }

    .howto_column_head_footer {
        width: 100%;
        float: left;
        height: 11px;
        background-repeat: no-repeat;
        background-position: left top;
    }

    .howto_column_left .howto_column_head_footer {
        background-image: url(../../retail/images-main/howto_arrowdown_bg_yellow.png);
    }

    .howto_column_right .howto_column_head_footer {
        background-image: url(../../retail/images-main/howto_arrowdown_bg.png);
    }

    .howto_body {
        width: 260px;
        background-color: #443434;
        background-color: rgba(57,44,43,0.5);
        padding-bottom: 0px;
        height: 380px;
        overflow: hidden;
    }

    .lt-ie9 .howto_body {
        background: transparent;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff392C2B,endColorstr=#ff392C2B);
        zoom: 1;
    }

    .howto_head {
        font-family: KrungsriSimpleBold,Sans-Serif;
        font-size: 22px;
        margin: 30px 30px 10px;
        color: #fff;
        border-bottom: solid 2px #fdb819;
    }

    .howto_head_right {
        font-family: KrungsriSimple,Sans-Serif;
        float: right;
    }

    .howto_link {
        font-family: KrungsriSimple,Sans-Serif;
        font-size: 12px;
        margin: 10px 30px;
        color: #fff;
    }

    .howto_bottom {
        background: #fff;
        background: rgba(255,255,255,0.6);
        margin-top: 40px;
    }

    .no-touch .howto_head:hover, .howto_head:active,
    .no-touch .howto_link:hover, .howto_link:active {
        color: #ffd847;
    }

    .howto_notes_head {
        font-family: KrungsriSimpleMedium,Sans-Serif;
        font-size: 14px;
    }

    .howtoapply_headbox {
        overflow: hidden;
        margin-top: 20px;
    }

    .howtoapply_headbox_icon {
        display: none;
    }

    .howtoapply_headbox_title {
        float: left;
        font-family: KrungsriSimpleMedium,Sans-Serif;
        font-size: 18px;
        margin-top: 10px;
    }

    .howtoapply_headbox_body {
        clear: both;
        font-size: 14px;
    }

    .howtoapply_itembox {
        margin-bottom: 20px;
        cursor: pointer;
        cursor: hand;
    }

    .howtoapply_itembox_icon {
        display: none;
    }

    .howtoapply_itembox .howtoapply_itembox_indicator {
        float: left;
        width: 20px;
        height: 20px;
        margin-top: 10px;
        background-image: url(../../retail/images-main/arrow_yellow_hide.png);
    }

    .howtoapply_itembox.item_expanded .howtoapply_itembox_indicator {
        background-image: url(../../retail/images-main/arrow_yellow_show.png);
    }

    .howtoapply_itembox_itemno {
        float: left;
        font-size: 14px;
        color: #6f5f5e;
        padding-top: 10px;
        margin-left: 25px;
        margin-right: 5px;
    }

    .howtoapply_itembox_title {
        font-size: 14px;
        color: #fdb913;
        padding-top: 10px;
        margin-left: 100px;
    }

    .howtoapply_item {
        margin-left: 50px;
        padding: 0px 20px 10px 20px;
        font-size: 14px;
        line-height: 20px;
        display: none;
    }

    .howtoapply_casebox {
        margin-bottom: 20px;
    }

    .howtoapply_casebox_title {
        padding: 4px 0px 4px 50px;
        margin-bottom: 10px;
        color: #fdb913;
    }

    .howtoapply_casebox_body {
        margin-left: 50px;
    }

    .faqs_header {
        height: 50px;
        font-family: KrungsriSimpleMedium,Sans-Serif;
        font-size: 23px;
        line-height: 40px;
        margin-bottom: 10px;
        margin-top: 20px;
    }

    .faqs_item .faqs_item_title {
        background-image: url(../images-main/arrow_yellow_hide.png);
        background-position: 0px 2px;
        background-repeat: no-repeat;
        padding-left: 30px;
        font-size: 20px;
        margin-bottom: 20px;
        cursor: pointer;
        cursor: hand;
    }

    .faqs_item.item_expanded .faqs_item_title {
        background-image: url(../images-main/arrow_yellow_show.png);
    }

    .faqs_subitems {
        margin-left: 40px;
        margin-bottom: 10px;
        display: none;
    }

    .faqs_subitem .faqs_subitem_title {
        background-image: url(../images-main/arrow_yellow_hide.png);
        background-position: top left;
        background-repeat: no-repeat;
        margin-left: -5px;
        font-size: 15px;
        color: #fdb913;
        padding: 0px 0px 15px 25px;
        cursor: pointer;
        cursor: hand;
    }

    .faqs_subitem.item_expanded .faqs_subitem_title {
        background-image: url(../images-main/arrow_yellow_show.png);
    }

    .no-touch .faqs_item_title:hover, .faqs_item_title:active,
    .no-touch .faqs_subitem_title:hover, .faqs_subitem_title:active {
        color: #ffd847;
    }

    .faqs_subitem_body {
        margin-left: 20px;
        padding: 5px 0px;
        font-size: 15px;
        color: #58595b;
        margin-bottom: 10px;
        display: none;
        border-top: solid 1px #ccc;
    }

        .faqs_subitem_body h3 {
            font-size: 14px;
            font-weight: bold;
        }


    .ksecal_header {
        height: 50px;
        font-family: KrungsriSimpleMedium,Sans-Serif;
        font-size: 23px;
        line-height: 40px;
        margin-bottom: 10px;
        margin-top: 20px;
    }

    .ksecal_item {
        margin-left: 50px;
    }

        .ksecal_item .ksecal_item_title {
            background-image: url(../images-main/arrow_yellow_hide.png);
            background-position: 0px 2px;
            background-repeat: no-repeat;
            padding-left: 30px;
            font-family: KrungsriSimpleBold,Sans-Serif;
            font-size: 14px;
            color: #58595b;
            margin-bottom: 20px;
            cursor: pointer;
            cursor: hand;
        }

    .no-touch .ksecal_item_title:hover, .ksecal_item_title:active {
        color: #ffd847;
    }

    .ksecal_resultbox {
        border: solid 1px #ccc;
        margin: 20px 0px;
    }

    .ksecal_resultbox_header {
        font-family: KrungsriSimple,Sans-Serif;
        font-size: 14px;
        font-weight: bold;
        padding: 8px 0px;
        text-align: center;
        background: #feda00;
    }

    .ksecal_resultbox_icon {
        display: none;
    }

    .ksecal_resultbox_body {
        font-size: 14px;
        text-align: center;
        padding: 30px 10px 20px 10px;
        background-image: url(../images-main/kse-icon4.png);
        background-repeat: no-repeat;
        background-position: center top;
    }

    .ksecal_resulttable {
        width: 100%;
        border: 0px;
    }

        .ksecal_resulttable td {
            padding: 6px 0px;
            vertical-align: top;
            text-align: left;
        }

            .ksecal_resulttable td:first-child {
                padding-left: 5px;
            }

            .ksecal_resulttable td:last-child {
                padding-right: 5px;
            }

        .ksecal_resulttable tr:nth-child(odd) {
            background: #f3f3f3;
        }

        .ksecal_resulttable tr:nth-child(even) {
            background: #e7e8ea;
        }

    .ksecal_resulttable_column_2 {
        text-align: right !important;
        padding-right: 5px !important;
        white-space: nowrap;
    }

    .service_tabs {
        width: 700px;
        height: 75px;
        background-size: cover;
        background-repeat: no-repeat;
        background-image: url(../../retail/images-main/tab_service.png);
        margin-top: 20px;
    }

    .service_tab {
        width: 234px;
        height: 70px;
        float: left;
        margin-right: -1px;
        margin-top: 1px;
        cursor: pointer;
        cursor: hand;
    }

        .service_tab.service_selected {
            background-size: cover;
            background-repeat: no-repeat;
            background-image: url(../images-main/tab_service_selected.png);
        }

    .service_tab_icon {
        display: none;
    }

    .service_tab_title {
        width: 100%;
        font-family: KrungsriSimpleMedium,Sans-Serif;
        font-size: 13px;
        color: #808285;
        line-height: 60px;
        text-align: center;
    }

    .service_tab.service_selected .service_tab_title {
        font-size: 16px;
        color: #fff;
    }

    .service_tab_body {
        font-size: 14px;
        margin-left: 20px;
        display: none;
    }

    .service_header {
        font-family: KrungsriSimple,Sans-Serif;
        font-size: 23px;
        color: #fdb913;
    }

        .service_header img {
            display: none;
        }

    .service_body {
        padding: 5px 20px 5px 20px;
        font-size: 14px;
        margin-bottom: 10px;
    }

        .service_body ul,
        .service_body ol {
            padding-left: 15px;
            margin-left: 0px;
        }

            .service_body ol li {
                margin-bottom: 20px;
            }

    .service_notes {
    }

        .service_notes h4 {
            color: #fdb913;
            font-weight: normal;
            margin: 10px 0px 0px;
        }

    .service_fee_table {
        width: 100%;
    }

        .service_fee_table thead th {
            font-family: KrungsriSimple,Sans-Serif;
            font-weight: normal;
            font-size: 23px;
            text-align: left;
            padding: 6px 10px;
            color: #fdb913;
            vertical-align: top;
        }

        .service_fee_table tbody {
            border-bottom: solid 1px #eee;
        }

            .service_fee_table tbody td {
                padding: 6px 0px 6px 10px;
                vertical-align: top;
            }

                .service_fee_table tbody td.service_indent {
                    padding-left: 40px;
                }

    .securityalert_headbox {
        margin-top: 20px;
    }

    .securityalert_headbox_title {
        font-family: KrungsriSimpleMedium,Sans-Serif;
        font-size: 16px;
        padding-bottom: 10px;
        margin-bottom: 10px;
        border-bottom: solid 2px #ccc;
        color: #fdb913;
    }

    .securityalert_headbox_body {
        font-size: 12px;
        line-height: 180%;
        margin-bottom: 20px;
    }

    .securityalert_head {
        font-family: KrungsriSimpleMedium,Sans-Serif;
        font-size: 18px;
        color: #fdb913;
    }

    .securityalert_subhead {
        font-family: KrungsriSimpleMedium,Sans-Serif;
        font-size: 15px;
        color: #6f5f5e;
    }

    .securityalert_step_headbox {
        width: 100%;
        overflow: hidden;
        margin: 10px 0px 10px 0px;
    }

    .securityalert_step_headbox_number {
        font-family: KrungsriSimpleMedium,Sans-Serif;
        font-size: 15px;
        color: #fdb913;
        display: inline;
        margin-right: 5px;
    }

    .securityalert_step_headbox_title {
        font-family: KrungsriSimple,Sans-Serif;
        font-size: 14px;
        display: inline;
    }

        .securityalert_step_headbox_title strong {
            font-family: KrungsriSimpleBold,Sans-Serif;
            font-weight: normal;
            font-size: 14px;
            color: #fdb913;
        }

    .securityalert_stepbox {
        overflow: hidden;
        margin-bottom: 15px;
    }

    .securityalert_stepbox_number {
        font-family: KrungsriSimpleBold,Sans-Serif;
        font-size: 16px;
        color: #fdb913;
        margin: 0px 20px 0px 40px;
    }

    .securityalert_stepbox_title {
        font-family: KrungsriSimpleMedium,Sans-Serif;
        font-size: 14px;
        line-height: 180%;
        margin: 0px 20px 0px 40px;
    }

    .lt-ie9 .securityalert_stepbox_title {
        height: auto;
        margin-bottom: 20px;
    }

    .securityalert_stepbox_title div {
        display: inline;
    }

    .securityalert_stepbox_head {
        margin: 10px 0px 0px 40px;
        font-family: KrungsriSimpleBold,Sans-Serif;
        font-size: 14px;
        color: #fdb913;
    }

    .securityalert_stepbox_prevention {
        overflow: hidden;
        clear: both;
    }

    .securityalert_stepbox_prevention_icon {
        display: none;
    }

    .securityalert_stepbox_prevention_body {
        font-size: 12px;
        margin: 10px 20px 10px 40px;
        line-height: 180%;
    }

        .securityalert_stepbox_prevention_body h3 {
            font-family: KrungsriSimpleMedium,Sans-Serif;
            font-weight: normal;
            font-size: 12px;
            color: #fdb913;
        }

    .securityalert_stepbox_headtext {
        margin: 10px 0px 0px 40px;
        font-family: KrungsriSimple,Sans-Serif;
        font-size: 14px;
        color: #fdb913;
    }

        .securityalert_stepbox_headtext strong {
            font-family: KrungsriSimpleBold,Sans-Serif;
            font-weight: normal;
        }

    .securityalert_stepbox hr {
        margin-left: 40px;
        margin-right: 20px;
    }

    .securityalert_stepbox_body {
        font-size: 12px;
        margin: 10px 20px 10px 40px;
        line-height: 180%;
    }

    .securityalert_stepbox_compare {
        margin-left: 40px;
        overflow: hidden;
    }

    .securityalert_stepbox_compare_icon {
        width: 64px;
        height: 40px;
        float: left;
    }

    .securityalert_stepbox_compare_title {
        height: 40px;
        font-size: 12px;
        margin-left: 70px;
        margin-right: 20px;
        display: table;
    }

        .securityalert_stepbox_compare_title div {
            display: table-cell;
            vertical-align: middle;
            line-height: 180%;
        }

    .securityalert_stepbox_image {
        margin-left: 60px;
    }

        .securityalert_stepbox_image img {
            max-width: 100%;
        }

    .securityalert_notes_intro {
        font-family: KrungsriSimpleMedium,Sans-Serif;
        font-size: 12px;
        color: #fdb913;
    }

    .securityalert_notes_header {
        font-family: KrungsriSimpleMedium,Sans-Serif;
        font-weight: normal;
        font-size: 14px;
        color: #fdb913;
    }

    .securityalert_notes {
        margin: 10px 20px 30px 40px;
        font-size: 12px;
        line-height: 180%;
    }

        .securityalert_notes h3 {
            font-weight: normal;
            font-size: 14px;
            color: #fdb913;
        }

        .securityalert_notes ol li {
            list-style-type: upper-roman;
        }

    .securityalert_otpbox {
        margin: 20px 0px 10px 40px;
        max-width: 570px;
        background-repeat: no-repeat;
        background-image: url(../../retail/images-main/otpbox.png);
        background-position: top left;
        min-height: 170px;
    }

    .securityalert_otpbox_body {
        float: right;
        margin-right: 2px;
        margin: 0px 2px 0px 243px;
        padding: 20px;
        background: #e2e3e4;
        font-family: KrungsriSimpleMedium,Sans-Serif;
        font-size: 11px;
        line-height: 180%;
    }

    .securityalert_storebox {
        margin: 0px 0px 20px 100px;
        clear: both;
    }

    .securityalert_storebox_screenshot,
    .securityalert_storebox_body {
        width: 50%;
        box-sizing: border-box;
    }

    .securityalert_storebox_left {
        float: left;
        clear: left;
    }

    .securityalert_storebox_right {
        float: right;
        clear: right;
    }

    .securityalert_storebox_screenshot img {
        max-width: 100%;
        margin-bottom: -60px;
    }

    .securityalert_storebox_body img {
        max-width: 100%;
        margin-top: 90px;
    }

    .securityalert_storebox_body_head {
        font-family: KrungsriSimpleBold,Sans-Serif;
        font-size: 15px;
        color: #fdb913;
        margin-top: 10px;
    }

    .securityalert_storebox_body_text {
        font-family: KrungsriSimpleMedium,Sans-Serif;
        font-size: 11px;
    }

    .securityalert_storebox_body_bold {
        font-family: KrungsriSimpleBold,Sans-Serif;
        font-size: 15px;
        margin-bottom: 90px;
    }

    .crmbanner {
        margin: 20px auto 0px;
        border: solid 1px #ccc;
        overflow: hidden;
        width: 660px;
        position: relative;
    }

    .crmbanner_image {
        width: 440px;
        height: 300px;
        float: left;
    }

        .crmbanner_image img {
            width: 440px;
            height: 300px;
        }

    .crmbanner_head {
        margin: 0px 0px 0px 440px;
        background: #f8d509;
        font-family: KrungsriSimpleMedium,Sans-Serif;
        font-size: 16px;
        text-align: center;
        padding: 10px 0px 10px;
    }

    .crmbanner_body {
        margin: 10px 10px 0px 450px;
        height: 210px;
        overflow: hidden;
        font-size: 13px;
    }

    .crmbanner_moreinfo {
        width: 198px;
        height: 22px;
        position: absolute;
        bottom: 46px;
        right: 0px;
        background-image: url(../../retail/images-main/crmbanner_footerbar_inact.png);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        font-family: KrungsriSimpleMedium,Sans-Serif;
        font-size: 12px;
        text-align: right;
        color: #5a4a42;
        padding: 4px 22px 0px 0px;
        cursor: pointer;
        cursor: hand;
    }

        .no-touch .crmbanner_moreinfo:hover, .crmbanner_moreinfo:active {
            background-image: url(../../retail/images-main/crmbanner_footerbar_act.png);
            color: #aca4a0;
        }

    .crmbanner_buttonrow {
        position: absolute;
        bottom: 0px;
        right: 0px;
        width: 220px;
        padding-top: 10px;
        text-align: right;
        height: 36px;
    }

    .crmbanner_form {
        width: 660px;
        margin: 0px auto;
        font-family: KrungsriSimple,Sans-Serif;
        font-size: 14px;
        padding-top: 12px;
        text-align: center;
        border: solid 1px #ccc;
        border-top: none;
    }

    .crmbanner_form_label {
        display: inline;
    }

    .crmbanner_form input {
        margin-right: 20px;
    }

    .crmbanner_nobutton .crmbanner_moreinfo {
        bottom: -1px;
    }

    .crmbanner_nobutton .crmbanner_buttonrow {
        display: none;
    }

    .crmbanner_yellowbg {
        background: #f8d509;
    }

        .crmbanner_yellowbg .crmbanner_head {
            margin-left: 390px;
            margin-right: 10px;
            border-bottom: solid 3px white;
            background: transparent;
        }

    .aycal_myacc_head {
        color: #fff;
        background: #3e3e3f;
        padding: 4px 0px 4px 20px;
        font-family: KrungsriSimpleMedium,Sans-Serif;
        font-size: 12px;
        margin-top: 20px;
    }

    .aycal_myacc_subhead {
        color: #333;
        background: #e6e7e9;
        padding: 4px 0px 4px 20px;
        font-family: KrungsriSimpleMedium,Sans-Serif;
        font-size: 12px;
    }

    .aycal_redtext {
        color: #be1e2d;
    }

    .aycal_bluetext {
        color: #1C75BC;
    }

    .aycal_myacc_table {
        font-size: 14px;
        color: #000;
        width: 100%;
        margin-bottom: 20px;
    }

        .aycal_myacc_table th {
            font-weight: normal;
            font-size: 12px;
            padding: 6px 5px;
            background: #fec210;
            width: 25%;
            border-right: solid 1px #eee;
        }

        .aycal_myacc_table td {
            text-align: center;
            padding: 6px 5px;
        }

        .aycal_myacc_table a {
            color: #000;
        }

            .no-touch .aycal_myacc_table a:hover, .aycal_myacc_table a:active {
                color: #716557;
            }

    th.aycal_myacc_table_column_3_4,
    th.aycal_myacc_table_column_4,
    th.aycal_myacc_table_column_4_blank {
        border-right: none;
    }

    .aycal_closeborder {
        border-left: solid 1px #aaa;
        border-right: solid 1px #aaa;
        box-sizing: border-box;
        margin: 0px 10px;
    }

    .aycal_addressborder {
        border: solid 1px #aaa;
        box-sizing: border-box;
        padding: 10px;
        margin: 10px;
    }

    .aycal_yellowbox {
        float: right;
        width: 286px;
        margin-bottom: 10px;
    }

    .aycal_yellowbox_head {
        background-image: url(../../retail/images-main/aycal_yellowbox_head.png);
        background-repeat: no-repeat;
        background-position: right top;
        height: 5px;
        width: 100%;
    }

    .aycal_yellowbox_body {
        text-align: left;
        background: #fcd605;
        padding: 8px 16px;
    }

    .aycal_nobill_box {
        background: #ccc;
        padding: 20px;
        font-size: 13px;
    }

        .aycal_nobill_box img {
            width: 100%;
            height: 220px;
        }

    .aycal_nobill_title {
        font-family: KrungsriSimpleMedium,Sans-Serif;
        font-size: 16px;
    }

    .aycal_nobill_subtitle {
        font-family: KrungsriSimpleMedium,Sans-Serif;
        font-size: 14px;
    }

    .aycal_nobill_dialog {
        background: #ccc;
        width: 700px;
        height: 470px;
        max-width: 90%;
        margin: auto;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }

    .lt-ie9 .aycal_nobill_dialog {
        position: static;
        margin-top: 100px;
    }

    .aycal_offerbox_content {
        background: #eee;
        text-align: center;
        padding: 10px;
        font-family: KrungsriSimple,Sans-Serif;
        font-size: 12px;
        color: #726658;
    }

        .aycal_offerbox_content input {
            width: 80%;
        }

    .aycal_offer_dialog {
        background: #eee;
        width: 700px;
        height: 210px;
        max-width: 90%;
        margin: auto;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 0px 10px;
    }

    .lt-ie9 .aycal_offer_dialog {
        position: static;
        margin-top: 100px;
        height: auto;
    }

    .aycal_nobill_dialog_closebutton {
        background-image: url(../../retail/images-main/close_window.png);
        background-repeat: no-repeat;
        background-color: transparent;
        width: 20px;
        height: 20px;
        border: none;
        float: right;
        margin: 10px;
    }

    .aycal_nobill_buttonrow {
        float: right;
    }

    .floatno {
        position: relative;
        left: -20px;
        float: left;
        width: 0px;
    }


    .widepage_line {
        width: 100%;
        height: 2px;
        background: #ffd200;
        overflow: hidden;
        margin-top: 10px;
        margin-bottom: 40px;
    }

    .widepage_head {
        font-family: KrungsriSimpleBold,Sans-Serif;
        font-size: 19px;
        text-align: center;
        color: #ed1c24;
        margin-bottom: 20px;
    }

        .widepage_head img {
            vertical-align: bottom;
        }

    .widepage_head {
        font-family: KrungsriSimpleBold,Sans-Serif;
        font-size: 19px;
        text-align: center;
        color: #ed1c24;
        margin: 0px 10px 20px;
    }

    .widepage_message {
        font-size: 16px;
        text-align: center;
        margin: 0px 10px 20px;
    }

    .widepage_buttonrow {
        text-align: center;
        margin: 10px 0px 40px;
    }

    body.logout_background {
        /* 	background: #ffcccc; */
    }

        body.logout_background .content_container {
            background: transparent;
        }

    .logout_box {
        max-width: 700px;
        margin: 40px auto 80px;
        background: #fff;
        background: rgba(255,255,255,0.6);
        overflow: hidden;
    }

    .lt-ie9 .logout_box {
        width: 700px;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff,endColorstr=#99ffffff);
    }

    .logout_message {
        text-align: center;
        font-family: KrungsriSimpleBold,Sans-Serif;
        font-size: 30px;
        margin: 20px 10px 20px;
    }

    .logout_buttonrow {
        width: 100%;
        text-align: center;
        margin-bottom: 40px;
    }

    .widget_yellowpoints {
        position: absolute;
        right: 0px;
        top: 130px;
        width: 162px;
        height: 43px;
        padding: 0px 16px 0px 0px;
        background-color: #fff;
        background-size: cover;
        background-repeat: no-repeat;
        background-image: url(../images-main/bg_yellowPoints.png);
        behavior: url(js/backgroundsize.min.htc);
        font-family: KrungsriSimple,Sans-Serif;
        color: #6d6e71;
        text-align: right;
        font-size: 9px;
        line-height: 10px;
        z-index: 1100;
        border: solid 1px #ccc;
    }

    .widget_yellowpoints_value {
        padding-top: 4px;
        font-family: KrungsriSimpleBold,Sans-Serif;
        line-height: 21px;
        font-size: 18px;
    }

    .widget_yellowpoints_button {
        width: 40px;
        height: 40px;
        border: none;
        background: transparent;
        background-image: url(../images-main/icon_goYP_inact.png);
        float: right;
        margin-top: 10px;
        margin-right: 10px;
        display: none;
    }

        .no-touch .widget_yellowpoints_button:hover, .widget_yellowpoints_button:active {
            background-image: url(../../retail/images-main/icon_goYP_act.png);
        }

    .widget_yellowpoints_button {
        width: 40px;
        height: 40px;
        border: none;
        background-color: transparent;
        background-image: url(../images-main/icon_goYP_inact.png);
        background-size: cover;
        float: right;
        margin-top: 10px;
        margin-right: 10px;
        display: none;
    }

        .no-touch .widget_yellowpoints_button:hover, .widget_yellowpoints_button:active {
            background-image: url(../images-main/icon_goYP_act.png);
        }

    @media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi) {
        .widget_yellowpoints_button {
            background-image: url(../images-main/icon_goYP_inactx2.png);
        }

            .no-touch .widget_yellowpoints_button:hover, .widget_yellowpoints_button:active {
                background-image: url(../images-main/icon_goYP_actx2.png);
            }
    }

    .sidebar_hotpromotion {
        width: 160px;
        padding-top: 48px;
        padding-bottom: 16px;
        background-color: #4d4d4f;
        background-image: url(../../retail/images-main/bg_hotPromotion.png);
        background-position: top;
        background-repeat: no-repeat;
        color: #fff;
        font-size: 10px;
        padding-left: 10px;
        padding-right: 10px;
        border-radius: 2px;
        margin-top: 8px;
    }

    .sidebar_hotpromotion_title {
        color: #ffd847;
    }

    .sidebar_box {
        /* 	width: 179px; */
        border: solid 1px #ccc;
        margin-bottom: 8px;
        position: relative;
    }

    .sidebar_box_title {
        font-family: KrungsriSimpleMedium,Sans-Serif;
        font-size: 17px;
        text-align: center;
        color: #0073bd;
        overflow: hidden;
        padding: 6px 0px;
    }

    .sidebar_box_title_foot {
        display: none;
    }

    .sidebar_box_body {
        margin: 8px;
        font-size: 13px;
    }

    .sidebar_crmbanner_image {
        background-size: cover;
        background-position: center center;
        width: 100%;
    }

        .sidebar_crmbanner_image img {
            width: 100%;
            height: 100%;
        }

    .sidebar_crmbanner_moreinfo {
        height: 16px;
        background-image: url(../../retail/images-main/crmbanner_sidebar_inact.png);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        font-family: KrungsriSimpleMedium,Sans-Serif;
        font-size: 11px;
        text-align: right;
        color: #5a4a42;
        padding: 3px 16px 2px 0px;
        margin-bottom: -1px;
        cursor: pointer;
        cursor: hand;
    }

        .no-touch .sidebar_crmbanner_moreinfo:hover, .sidebar_crmbanner_moreinfo:active {
            background-image: url(../../retail/images-main/crmbanner_sidebar_act.png);
            color: #aca4a0;
        }

    .sidebar_crmbanner_buttonrow {
        text-align: right;
        margin-top: 10px;
    }

    .sidebar_crmbanner_button {
        border: solid 1px #c08c0c;
        border-radius: 2px;
        background: #fbd00b;
        background-image: linear-gradient(to bottom, #fdb415 0%, #fad30a 100%);
        height: 24px;
        width: 92px;
        margin: 0px 10px 10px;
        font-family: KrungsriSimpleMedium,Sans-Serif;
        font-size: 11px;
        color: rgb(35,31,32);
    }

    .lt-ie9 .sidebar_crmbanner_button {
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fffdb415,endColorstr=#fffad30a);
    }

    .no-touch .sidebar_crmbanner_button:hover, .sidebar_crmbanner_button:active {
        border: solid 1px #7c695f;
        background: #bfaea1;
        background-image: linear-gradient(to bottom, #a28f84 0%, #cfc0b1 100%);
        color: white;
    }

    .sidebar_crmbanner_form {
        text-align: center;
        margin: 10px 0px;
    }

        .sidebar_crmbanner_form input {
            margin: 5px 0px;
        }

    .sidebar_fund_title {
        font-family: KrungsriSimpleMedium,Sans-Serif;
        font-size: 14px;
        line-height: 16px;
        padding: 6px 0px;
        text-align: center;
        overflow: hidden;
        border-bottom: solid 1px #ccc;
        margin-bottom: 10px;
    }

    .sidebar_fund_box {
        background: #fff;
        background: rgba(255,255,255,0.80);
        margin-bottom: 8px;
        padding-top: 8px;
    }

    .sidebar_fund_name {
        margin: 0px 10px;
        font-family: KrungsriSimpleMedium,Sans-Serif;
        font-size: 11px;
        line-height: 15px;
    }

    .sidebar_fund_buttonrow {
        padding: 8px 10px;
    }

    .sidebar_fund_button {
        font-family: KrungsriSimpleMedium,Sans-Serif;
        font-size: 10px;
        color: #fff;
        background: #404040;
        border: none;
        width: 72px;
    }

    .sidebar_box_navigation {
        text-align: right;
        margin-right: 10px;
        font-family: KrungsriSimpleMedium,Sans-Serif;
        font-size: 11px;
        margin-top: 4px;
        margin-bottom: 4px;
    }

    .sidebar_box_navigation_previousbutton,
    .sidebar_box_navigation_nextbutton {
        width: 20px;
        height: 20px;
        border: none;
        background: transparent;
        position: relative;
        top: 2px;
    }

    .sidebar_box_navigation_previousbutton,
    .sidebar_box_navigation_nextbutton {
        width: 20px;
        height: 20px;
        border: none;
        background: transparent;
        position: relative;
        top: 2px;
    }

    .sidebar_box_navigation_previousbutton {
        background-image: url(../../retail/images-main/widget_navigation_prev.png);
    }

    .sidebar_box_navigation_nextbutton {
        background-image: url(../../retail/images-main/widget_navigation_next.png);
    }

    .sidebar_newsfeed_title {
        line-height: 40px;
        font-family: KrungsriSimpleMedium,Sans-Serif;
        font-size: 14px;
        text-align: center;
        overflow: hidden;
        border-bottom: solid 1px #ccc;
    }

    .sidebar_newsfeed_subtitle {
        padding: 8px 0px;
        background: #eee;
        border-top: solid 1px #ccc;
        border-bottom: solid 1px #ccc;
    }

    .sidebar_newsfeed_box {
        font-size: 11px;
        text-align: center;
        margin-bottom: 10px;
        border-bottom: solid 1px #ccc;
    }

    .sidebar_newsfeed_link {
        margin: 10px;
        font-family: KrungsriSimpleMedium,Sans-Serif;
        font-size: 11px;
        color: #4d4d4f;
    }

        .sidebar_newsfeed_link a {
            color: #4d4d4f;
        }

    .sidebar_widget_transfer {
        background-image: url(../../retail/images-main/BGwidget_FAV_transfer.png);
        background-position: top;
        background-repeat: no-repeat;
        background-size: 100% auto;
        border: solid 1px #ccc;
        margin-bottom: 8px;
    }

        .sidebar_widget_transfer.widget_payment {
            background-image: url(../../retail/images-main/BGwidget_FAV_billpay.png);
        }

    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        .sidebar_widget_transfer {
            background-image: url(../../retail/images-main/BGwidget_FAV_transfer@2x.png);
        }

            .sidebar_widget_transfer.widget_payment {
                background-image: url(../../retail/images-main/BGwidget_FAV_billpay@2x.png);
            }
    }

    .sidebar_widget_transfer_tabrow {
        width: 100%;
        height: 48px;
    }

    .sidebar_widget_transfer_tabbutton {
        width: 50%;
        height: 22px;
        float: left;
        cursor: pointer;
        cursor: hand;
        text-align: center;
        padding: 26px 0px 0px;
        font-size: 10px;
        color: #555;
    }

    .sidebar_widget_transfer_body {
        padding: 8px;
        display: none;
        color: #fff;
        /*font-family: KrungsriSimpleMedium;*/
    }

    .widget_transfer .sidebar_widget_transfer_body.widget_transfer,
    .widget_payment .sidebar_widget_transfer_body.widget_payment {
        display: block;
    }

    .sidebar_widget_transfer_title {
        margin: 8px 0px;
        color: #4d4d4f;
        font-size: 12px;
    }

    .sidebar_widget_transfer_label {
        font-size: 12px;
        color: #808285;
        margin-top: 4px;
    }

    .sidebar_widget_transfer_value select,
    .sidebar_widget_transfer_value input {
        width: 95%;
        margin-bottom: 4px;
        border: none;
        background-color: #e6e7e8;
        background-size: 100%;
        height: 20px;
        line-height: 20px;
        font-size: 12px;
    }

    .sidebar_widget_transfer_buttonrow {
        margin-top: 4px;
    }

    .sidebar_widget_transfer_submitbutton {
        font-family: KrungsriSimpleMedium,Sans-Serif;
        color: #333;
        font-size: 9px;
        background: #ffd205;
        border: none;
    }

    .sidebar_widget_transfer_resetbutton {
        font-family: KrungsriSimpleMedium,Sans-Serif;
        color: #333;
        font-size: 9px;
        background: #eee;
        border: none;
    }

    .myacc_card {
        width: 300px;
        /* 	margin-top: 60px; */
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }

    .myacc_card_image {
        margin-left: 30px;
        margin-right: 30px;
    }

        .myacc_card_image img {
            width: 210px;
            height: 134px;
        }

    .myacc_card_previous {
        float: left;
        width: 30px;
    }

    .myacc_card_next {
        float: right;
        width: 30px;
    }

    .myacc_card_previous_button,
    .myacc_card_next_button {
        width: 20px;
        height: 130px;
        background-color: transparent;
        background-position: center;
        background-repeat: no-repeat;
        border: none;
        display: none;
    }

    .myacc_card_previous_button {
        background-image: url(../../retail/images-main/myaccount_arrow_L_mobile_inact.png);
    }

        .no-touch .myacc_card_previous_button:hover, .myacc_card_previous_button:active {
            background-image: url(../../retail/images-main/myaccount_arrow_L_mobile_act.png);
        }

    .myacc_card_next_button {
        background-image: url(../../retail/images-main/myaccount_arrow_R_mobile_inact.png);
    }

        .no-touch .myacc_card_next_button:hover, .myacc_card_next_button:active {
            background-image: url(../../retail/images-main/myaccount_arrow_R_mobile_act.png);
        }

    .myacc_acctype, .myacc_accnickname {
        font-family: Tahoma,Sans-Serif;
        font-size: 13px;
        font-weight: bold;
        text-align: center;
        margin-bottom: 5px;
    }

    .myacc_accinfo {
        max-width: 400px;
        margin: 20px auto;
        overflow: hidden;
        font-size: 13px;
    }

        .myacc_accinfo table {
            width: 100%;
        }

            .myacc_accinfo table th {
                font-weight: normal;
                text-align: left;
            }

            .myacc_accinfo table td {
                text-align: right;
            }

    .myacc_menu {
        clear: both;
        width: 206px;
        height: 1px;
        margin: auto;
        z-index: 500;
        overflow: visible;
        position: relative;
        display: none;
    }

        .myacc_menu.myacc_menu_selected {
            display: block;
            border-top: solid 1px #cccccc;
        }

    .myacc_menu_text {
        font-family: KrungsriSimpleMedium,Sans-Serif;
        font-size: 13px;
        color: #414042;
        text-align: center;
        display: none;
        /*margin-top: 10px;*/
    }

        .no-touch .myacc_menu_text:hover, .myacc_menu_text:active {
            cursor: pointer;
            cursor: hand;
        }

    .myacc_menu .accmenu {
        width: 192px;
        display: none;
        margin-top: 0px;
    }

    .myacc_menu.myacc_menu_selected .accmenu {
        display: block;
    }

    .myacc_menubutton {
        background-repeat: no-repeat;
        background-image: url(../images-main/go_shortcutmenu.png);
        background-position: center;
        width: 206px;
        height: 20px;
        cursor: pointer;
        cursor: hand;
    }

    .myacc_menu_selected .myacc_menubutton {
        margin: auto;
        background: #48484a;
        background-position: center;
        background-repeat: no-repeat;
        background-image: url(../images-main/arrow_hide_shortcutmenu_inact.png);
        width: 192px;
        height: 30px;
    }

        .no-touch .myacc_menu_selected .myacc_menubutton:hover, .myacc_menu_selected .myacc_menubutton:active {
            background-image: url(../images-main/arrow_hide_shortcutmenu_act.png);
        }

    .group_listtable {
        width: 100%;
    }

        .group_listtable th {
            text-align: left;
            font-size: 14px;
            font-weight: normal;
            color: #414042;
            padding-top: 9px;
            padding-bottom: 9px;
            border-top: solid 1px #7f7f7f;
            border-bottom: solid 1px #bfbfbf;
            vertical-align: top;
        }

        .group_listtable tbody tr:hover {
            background: #f1f1f1;
        }

        .group_listtable tbody td {
            text-align: left;
            font-size: 14px;
            font-weight: normal;
            color: #6d6e71;
            border-bottom: solid 1px #e1e1e1;
            padding-top: 9px;
            padding-bottom: 9px;
            vertical-align: top;
        }

    .group_listtable_column_1 {
        padding-left: 30px;
    }

    .group_listtable_column_2 {
        text-align: right !important;
    }

    .group_listtable_column_4 {
        width: 15%;
    }

    .group_listtable_column_3, .group_listtable_column_4, .group_listtable_column_5, .group_listtable_column_6, .group_listtable_column_7 {
        text-align: center !important;
    }

    .group_listtable_column_8 a {
        font-family: KrungsriSimpleBold,Sans-Serif;
        font-size: 13px;
        color: rgb(136,116,106);
    }


    .group_acctable {
        width: 100%;
    }

        .group_acctable th {
            text-align: left;
            font-size: 14px;
            font-weight: normal;
            color: #414042;
            padding-top: 9px;
            padding-bottom: 9px;
            border-top: solid 1px #7f7f7f;
            border-bottom: solid 1px #bfbfbf;
            vertical-align: top;
        }

        .group_acctable tbody tr:hover {
            background: #f1f1f1;
        }

        .group_acctable td {
            text-align: left;
            font-size: 14px;
            font-weight: normal;
            color: #6d6e71;
            border-bottom: solid 1px #e1e1e1;
            padding-top: 9px;
            padding-bottom: 9px;
            vertical-align: top;
        }

        .group_acctable tfoot td {
            color: #333;
        }

    .group_acctable_column_1 {
        width: 15%;
        padding-left: 30px;
    }

    .group_acctable_column_2 {
        width: 20%;
        text-align: center !important;
    }

    .group_acctable_column_3 {
        width: 15%;
        text-align: right !important;
        padding-right: 20px;
    }

    .group_acctable_column_4 {
        width: 25%;
    }

    .group_acctable_column_5 {
        text-align: center !important;
    }

    .group_acctable_column_6 {
        text-align: center !important;
    }


    .transfer_multiacc_table {
        width: 100%;
    }

        .transfer_multiacc_table th {
            text-align: left;
            font-size: 14px;
            font-weight: normal;
            color: #414042;
            padding-top: 9px;
            padding-bottom: 9px;
            border-top: solid 1px #7f7f7f;
            border-bottom: solid 1px #bfbfbf;
            vertical-align: top;
        }

        .transfer_multiacc_table tbody tr:hover {
            background: #f1f1f1;
        }

        .transfer_multiacc_table td {
            text-align: left;
            font-size: 14px;
            font-weight: normal;
            color: #6d6e71;
            border-bottom: solid 1px #e1e1e1;
            padding-top: 9px;
            padding-bottom: 9px;
            vertical-align: top;
        }

        .transfer_multiacc_table tfoot td {
            color: #333;
        }

    .transfer_multiacc_table_column_1 {
        width: 15%;
        padding-left: 30px;
    }

    .transfer_multiacc_table_column_2 {
        width: 20%;
        text-align: center !important;
    }

    .transfer_multiacc_table_column_3 {
        width: 15%;
        text-align: right !important;
        padding-right: 20px;
    }

    .transfer_multiacc_table_column_4 {
        width: 15%;
        text-align: center !important;
    }

    .transfer_multiacc_table_column_5 {
        width: 15%;
        text-align: center !important;
    }

    .transfer_multiacc_table_column_6 {
        text-align: center !important;
    }

    .transfer_multiacc_table_column_7 {
        text-align: center !important;
    }

    .transfer_multiacc_header {
        font-size: 16px;
        font-weight: bold;
        margin-left: 40px;
        margin-bottom: 10px;
    }

    .transfer_multiacc_listtable {
        width: 100%;
        border-bottom: solid 1px #e1e1e1;
    }

        .transfer_multiacc_listtable th {
            text-align: left;
            font-size: 16px;
            font-weight: normal;
            padding-top: 9px;
            padding-bottom: 9px;
            vertical-align: top;
            border-top: solid 1px #7f7f7f;
            border-bottom: solid 1px #bfbfbf;
            color: #87736a;
        }

        .transfer_multiacc_listtable td {
            text-align: left;
            font-size: 14px;
            font-weight: normal;
            color: #6d6e71;
            padding-top: 9px;
            padding-bottom: 9px;
            vertical-align: top;
        }

        .transfer_multiacc_listtable tfoot td {
            font-weight: bold;
        }

    .transfer_multiacc_listtable_column_1 {
        padding-left: 40px;
    }

    .transfer_multiacc_listtable_column_2,
    .transfer_multiacc_listtable_column_3,
    .transfer_multiacc_listtable_column_4,
    .transfer_multiacc_listtable_column_5,
    .transfer_multiacc_listtable_column_6 {
        text-align: center !important;
    }

    .group_infobox {
        width: 100%;
        padding-top: 10px;
        padding-bottom: 10px;
        /* 	padding-left: 10px; */
        margin-bottom: 10px;
    }

        .group_infobox .label {
            font-weight: bold;
        }

        .group_infobox .inputbox_label_half_and_more {
            width: 280px;
        }

    .group_header {
        font-family: KrungsriSimpleBold,Sans-Serif;
        font-size: 14px;
        color: rgb(136,116,106);
        margin-left: 30px;
        margin-bottom: 10px;
    }

    .group_subheader {
        font-size: 14px;
        font-weight: bold;
        margin-left: 30px;
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .userlist_table {
        width: 100%;
    }

        .userlist_table th {
            text-align: center;
            font-size: 14px;
            font-weight: bold;
            padding-top: 9px;
            padding-bottom: 9px;
            border-top: solid 1px #7f7f7f;
            border-bottom: solid 1px #bfbfbf;
            vertical-align: top;
        }

        .userlist_table tbody tr:hover {
            background: #f1f1f1;
        }

        .userlist_table tbody td {
            text-align: center;
            font-size: 14px;
            font-weight: normal;
            border-bottom: solid 1px #e1e1e1;
            padding: 6px 0px;
            vertical-align: top;
        }

    .userlist_table_column_1 {
        border-left: solid 1px #e1e1e1;
    }

    .userlist_table_column_1,
    .userlist_table_column_2,
    .userlist_table_column_3,
    .userlist_table_column_4,
    .userlist_table_column_5,
    .userlist_table_column_6,
    .userlist_table_column_7,
    .userlist_table_column_8,
    .userlist_table_column_9,
    .userlist_table_column_10 {
        border-right: solid 1px #e1e1e1;
    }

    .userlist_table_column_7,
    .userlist_table_column_8,
    .userlist_table_column_9,
    .userlist_table_column_10 {
        text-align: center;
    }

    .maroondot {
        width: 12px;
        height: 12px;
        background-color: rgb(136,116,106);
        border-radius: 6px;
        overflow: hidden;
        display: inline-block;
    }

    .userlist_timestamptable {
        border: solid 1px #ccc;
        border-radius: 6px;
        border-collapse: initial;
        width: 80%;
        overflow: hidden;
    }

        .userlist_timestamptable th {
            font-weight: bold;
            font-size: 14px;
            color: #6f5f5e;
            text-align: left;
            padding: 6px 0px 6px 20px;
            border-bottom: solid 1px #ccc;
        }

        .userlist_timestamptable td {
            font-size: 14px;
            color: #1a1a1a;
            text-align: right;
            padding: 6px 20px 6px 0px;
            border-bottom: solid 1px #ccc;
        }

    .userrole_table {
        width: 100%;
    }

        .userrole_table th {
            text-align: center;
            font-size: 14px;
            font-weight: bold;
            padding-top: 9px;
            padding-bottom: 9px;
            border-top: solid 1px #7f7f7f;
            border-bottom: solid 1px #7f7f7f;
        }

        .userrole_table th,
        .userrole_table td {
            border-right: solid 1px #e1e1e1;
        }

            .userrole_table th.userrole_table_column_10,
            .userrole_table th.userrole_table_column_8_9_10 {
                border-right: none;
            }

        .userrole_table tbody tr:hover {
            background: #f1f1f1;
        }

        .userrole_table tbody td {
            text-align: center;
            font-size: 14px;
            font-weight: normal;
            color: #58585a;
            border-bottom: solid 1px #e1e1e1;
            padding: 6px 0px;
            vertical-align: top;
        }

            .userrole_table tbody td.userrole_table_column_2 {
                text-align: left;
                padding-left: 5px;
            }

            .userrole_table tbody td.userrole_table_column_8,
            .userrole_table tbody td.userrole_table_column_9,
            .userrole_table tbody td.userrole_table_column_10 {
                text-align: left;
                padding-left: 10px;
                padding-right: 10px;
            }

        .userrole_table tbody tr.row-changed td {
            color: red;
        }

            .userrole_table tbody tr.row-changed td .maroondot {
                background-color: red;
            }

    .makerrole_table {
        width: 100%;
    }

        .makerrole_table thead th {
            font-size: 14px;
            font-weight: normal;
            border-bottom: solid 1px #7f7f7f;
            padding: 6px 10px;
        }

        .makerrole_table tbody td {
            font-size: 14px;
            border-bottom: solid 1px #e1e1e1;
            padding: 6px 10px;
        }

        .makerrole_table thead th.makerrole_table_column_1,
        .makerrole_table thead th.makerrole_table_column_2 {
            text-align: left;
        }

        .makerrole_table tbody td.makerrole_table_column_3,
        .makerrole_table tbody td.makerrole_table_column_4 {
            text-align: center;
        }

    .approverole_table {
        width: 100%;
    }

        .approverole_table thead th {
            font-size: 14px;
            font-weight: normal;
            border-bottom: solid 1px #7f7f7f;
            padding: 6px 10px;
        }

        .approverole_table tbody td {
            font-size: 14px;
            border-bottom: solid 1px #e1e1e1;
            padding: 6px 10px;
        }

        .approverole_table thead th.approverole_table_column_1,
        .approverole_table thead th.approverole_table_column_5 {
            text-align: left;
        }

    .approverole_table_column_2 {
        text-align: right;
    }

    .approverole_table_column_3 {
        text-align: center;
    }

    .cr_button_search {
        width: 100px;
        height: 24px;
        border: none;
        background-color: transparent;
        background-size: cover;
        background-image: url(../images-main/button_search_yellow.png);
        font-family: KrungsriSimple,Sans-Serif;
        font-size: 14px;
        padding-left: 20px;
        line-height: 20px;
        margin-right: 10px;
    }

        .no-touch .cr_button_search:hover, .cr_button_search:active {
            background-image: url(../images-main/button_search_maroon.png);
            color: #fff;
        }

    .wu_receiver_table {
        width: 100%;
        border: solid 1px #777;
    }

        .wu_receiver_table thead th {
            text-align: left;
            border-bottom: solid 1px #777;
            font-size: 13px;
            padding-top: 6px;
            padding-bottom: 6px;
            vertical-align: top;
        }

        .wu_receiver_table tbody td {
            font-size: 13px;
            padding-top: 6px;
            padding-bottom: 6px;
            vertical-align: top;
        }

    .wu_receiver_table_column_1 {
        text-align: center !important;
        width: 50px;
    }

    .wu_receiver_table_column_8 {
        width: 30px;
    }

    .wu_listtable tbody .wu_listtable_column_3 {
        text-align: right !important;
        padding-right: 10px;
    }

    .wu_resultbox {
        border: solid 1px #58595b;
        border-radius: 8px;
        color: #58595b;
        padding: 0px 20px;
    }

    .utilities_steps_head {
        font-family: KrungsriSimpleMedium,Sans-Serif;
        font-size: 16px;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .utilities_steps {
        font-size: 15px;
        line-height: 20px;
        width: 90%;
    }

    .utilities_head {
        font-family: KrungsriSimpleMedium,Sans-Serif;
        font-size: 16px;
        margin-top: 20px;
        padding-bottom: 5px;
        border-bottom: solid 1px #58595b;
        color: rgb(136,116,106);
    }

    .utilities_subhead {
        font-size: 14px;
        font-weight: bold;
        color: rgb(136,116,106);
        border-bottom: dotted 2px #58595b;
        padding: 6px 0px;
    }

    .utilities_bold {
        font-weight: bold;
        font-size: 13px;
        display: inline;
        position: relative;
    }

        .utilities_bold img {
            vertical-align: middle;
        }

    .printer_alert {
        background: #d9f0f6;
        border-radius: 10px;
        overflow: hidden;
        padding: 20px;
    }

    .printer_alert_icon {
        background-image: url(../../retail/images-main/printer.png);
        background-size: 100%;
        width: 50px;
        height: 42px;
        float: left;
        margin-right: 20px;
    }

    .printer_alert_head {
        font-family: KrungsriSimpleMedium,Sans-Serif;
        font-size: 15px;
        margin: 0px 0px 5px 70px;
    }

    .printer_alert_body {
        font-size: 13px;
        margin: 0px 0px 0px 70px;
    }

    .exchange_lastrate_button {
        width: 210px;
        height: 30px;
        border: none;
        background-color: transparent;
        background-size: cover;
        background-image: url(../../retail/images-main/button_LatestFXrate_inact.png);
        font-size: 14px;
        color: #58595b;
        margin-right: 10px;
    }

        .no-touch .exchange_lastrate_button:hover, .exchange_lastrate_button:active {
            background-image: url(../../retail/images-main/button_LatestFXrate_act.png);
        }

    .exchange_time_button {
        width: 62px;
        height: 30px;
        border: none;
        background-color: transparent;
        background-size: cover;
        background-image: url(../../retail/images-main/button_timeFXrate_inact.png);
        font-size: 14px;
        color: #58595b;
        margin-right: 10px;
    }

        .no-touch .exchange_time_button:hover, .exchange_time_button:active,
        .exchange_time_button.selected {
            background-image: url(../../retail/images-main/button_timeFXrate_act.png);
            font-weight: bold;
            color: #000;
        }

    .exchange_time_title {
        font-weight: bold;
        font-size: 14px;
        color: #000;
        text-align: center;
        margin: 20px 0px 10px;
    }

    .exchange_table,
    .exchange_history_table {
        width: 100%;
    }

        .exchange_table thead,
        .exchange_history_table thead {
            background: #87736a;
            color: #fff;
        }

            .exchange_table thead th,
            .exchange_history_table thead th {
                height: 30px;
                font-weight: normal;
                font-size: 13px;
                border-bottom: solid 1px #aaa;
                border-right: solid 1px #aaa;
            }

        .exchange_table tbody,
        .exchange_history_table tbody {
            color: #1a1a1a;
        }

        .exchange_table td {
            text-align: center;
            border-bottom: solid 1px #aaa;
            padding-top: 6px;
            padding-bottom: 6px;
            border-right: solid 1px #aaa;
            font-size: 13px;
            white-space: nowrap;
        }

        .exchange_history_table td {
            text-align: center;
            border-bottom: solid 1px #aaa;
            padding-top: 15px;
            padding-bottom: 15px;
            font-size: 13px;
        }

        .exchange_table .firstcolumn,
        .exchange_history_table .firstcolumn {
            border-left: solid 1px #aaa;
            padding-left: 10px;
            text-align: left;
        }

        .exchange_table td.alignright,
        .exchange_history_table td.alignright {
            padding-right: 10px;
        }

    .exchange_history_table_graybg {
        background: #e1e1e2;
        color: #1a1a1a;
        line-height: 20px;
    }

    .exchange_flag {
        width: 24px;
        margin-right: 10px;
    }

    .exchange_flag_big {
        width: 48px;
        margin-right: 10px;
        margin-top: 5px;
    }

    .contactus_box {
        width: 97%;
        margin: 0px 0px 10px;
        overflow: hidden;
        border: solid 1px #aaa;
    }

    .contactus_image {
        float: left;
        margin: 0px 22px 0px 0px;
        height: 130px;
    }

    .contactus_head {
        color: #87736a;
        font-size: 16px;
        margin-top: 4px;
        margin-bottom: 4px;
    }

    .contactus_address {
        font-size: 14px;
        min-height: 40px;
    }

    .contactus_phone {
        font-size: 14px;
        font-weight: bold;
    }

    .contactus_buttonrow img {
        margin-right: 5px;
        width: 40px;
        height: 40px;
    }

    .inbox_stripe {
        width: 100%;
        height: 12px;
    }

    .inbox_headbox {
        height: 44px;
        margin: 0px auto 20px;
        max-width: 720px;
        border-bottom: solid 1px #ccc;
    }

    .inbox_headbox_icon {
        float: left;
        width: 50px;
        text-align: center;
    }

        .inbox_headbox_icon img {
            margin-top: 7px;
        }

    .inbox_headbox_title {
        float: left;
        font-weight: bold;
        font-size: 14px;
        padding-top: 12px;
    }

    .inbox_table_head {
        width: 100%;
        overflow: hidden;
        font-size: 14px;
        font-weight: bold;
        padding: 12px 0px;
        border-bottom: solid 1px #ccc;
    }

    .inbox_table_head_left {
        float: left;
        margin-left: 60px;
    }

    .inbox_table_head_right {
        float: right;
        margin-right: 40px;
    }

    .inbox_edit_button, .inbox_deleteall_button {
        border: none;
        background: transparent;
        font-size: 14px;
        font-weight: bold;
    }

    .inbox_delete_button {
        width: 26px;
        height: 27px;
        border: none;
        background: transparent;
        background-image: url(../images-main/alertList_icon_delete_inact.png);
        background-size: cover;
        display: none;
    }

    .lt-ie9 .inbox_delete_button {
        background-image: none;
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/BAY.KOL.Corp.WebSite/theme/sme/images-main/alertList_icon_delete_inact.png', sizingMethod='scale');
    }

    .no-touch .inbox_delete_button:hover, .inbox_delete_button:active {
        background-image: url(../images-main/alertList_icon_delete_act.png);
    }

    .lt-ie9 .inbox_delete_button:hover {
        background-image: none;
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/BAY.KOL.Corp.WebSite/theme/sme/images-main/alertList_icon_delete_act.png', sizingMethod='scale');
    }

    .inbox_icon {
        display: block;
        width: 21px;
        height: 21px;
        margin: auto;
    }

    .inbox_table {
        width: 100%;
    }

        .inbox_table tr {
            border-bottom: solid 1px #ccc;
        }

        .inbox_table thead th {
            padding-top: 6px;
            padding-bottom: 6px;
            /*background: #bebec0;*/
        }

        .inbox_table td {
            padding-top: 12px;
            padding-bottom: 12px;
        }

        .inbox_table .inbox_unread td {
            background: #ebeced;
        }

    .inbox_table_column_1 {
        text-align: center;
        width: 60px;
        vertical-align: top;
    }

    .inbox_table_column_2 {
        text-align: left;
        font-size: 14px;
        vertical-align: top;
    }

    .inbox_table_column_3 {
        font-size: 14px;
        text-align: right;
        vertical-align: top;
        padding-right: 40px;
    }

    .inbox_table_column_4 {
        text-align: right;
        vertical-align: top;
        height: 100%;
    }

    .inbox_deleteconfirm_button {
        width: 78px;
        height: 78px;
        border: none;
        text-align: center;
        background: #f00;
        font-weight: bold;
        color: #fff;
        display: none;
    }

        .no-touch .inbox_deleteconfirm_button:hover, .inbox_deleteconfirm_button:active {
            background: #c00;
        }

    .inbox_table_subject {
        font-weight: bold;
    }

    .inbox_head_subject {
        font-size: 13px;
        padding: 0px 0px 20px;
        margin: 20px 40px 20px;
    }

    .inbox_body_row {
        overflow: hidden;
        /* 	clear: both; */
        margin: 10px 40px;
        font-size: 13px;
    }

    .inbox_body_left {
        float: left;
        width: 40%;
    }

    .inbox_body_right {
        float: left;
        width: 50%;
    }

    .inbox_buttonrow {
        margin: 30px 36px;
    }


    .transactionlimit_table {
        width: 100%;
        font-size: 14px;
        color: #58585a;
    }

        .transactionlimit_table th {
            padding-top: 12px;
            padding-bottom: 12px;
        }

        .transactionlimit_table td {
            padding-top: 6px;
            padding-bottom: 6px;
        }

        .transactionlimit_table thead th {
            font-weight: bold;
            font-size: 14px;
            border-top: solid 1px #7f7f7f;
        }

        .transactionlimit_table tbody {
            border-top: solid 1px #bfbfbf;
        }

    .transactionlimit_table_txntype {
        font-weight: bold;
        padding-left: 20px;
    }

    .transactionlimit_table_subtxntype {
        padding-left: 40px;
    }

    .transactionlimit_table_subtxntype2 {
        padding-left: 60px;
    }

    .transactionlimit_table_amount {
        text-align: right;
    }

    .transactionlimit_table_day {
        text-align: right;
        padding-right: 20px;
    }

    .browsebutton_label {
        cursor: pointer;
        cursor: hand;
    }

    .browsebutton {
        position: absolute;
        top: -500px;
    }

    .browsebutton_text {
        line-height: 24px;
        text-align: center;
        display: inline-block;
    }

    .lt-ie8 .browsebutton_text {
        display: inline;
    }

    .aycal_renew_text {
        font-family: KrungsriSimpleBold,Sans-Serif;
        font-size: 15px;
        margin-top: 30px;
    }

    .aycal_renew_bigtext {
        font-family: KrungsriSimple,Sans-Serif;
        font-size: 42px;
        margin-top: 8px;
        margin-bottom: 8px;
    }

    .aycal_renew_summary {
        font-family: KrungsriSimple,Sans-Serif;
        font-size: 21px;
        margin-top: 15px;
    }

    .aycal_renew_box {
        background: #fff;
        border: solid 1px black;
        padding: 0px 8px;
    }

    .aycal_offer_box {
        background: #eee;
        padding: 10px 20px;
        margin: 10px 0px;
        overflow: hidden;
    }

        .aycal_offer_box .rolling_bar_cardbox {
            width: 74px;
            height: 70px;
            cursor: auto;
        }

    .aycal_offer_box_ads img {
        width: 100%;
        height: auto;
    }

    .aycal_offer_box_buttonrow {
        text-align: right;
        margin-top: 10px;
    }

    .extra_table {
        width: 100%;
    }

        .extra_table thead {
            background: #414042;
            color: #fff;
        }

            .extra_table thead th {
                height: 45px;
                font-weight: normal;
                font-size: 13px;
            }

        .extra_table tbody {
            font-size: 13px;
            color: #1a1a1a;
            background: #fff;
        }

        .extra_table td {
            text-align: left;
            border-bottom: solid 1px #ccc;
            padding: 15px 10px;
            font-size: 12px;
        }

    .merge .content_container {
        background: #fff;
        background: rgba(255,255,255,0.5);
        margin-top: 5px;
        padding: 0px;
        overflow: hidden;
    }

    .merge .content_wrapper {
        overflow: hidden;
        padding-bottom: 50px;
    }

    .merge_header {
        margin-top: 30px;
        overflow: hidden;
    }

    .merge_intro1 {
        font-family: KrungsriSimple,Sans-Serif;
        font-size: 18px;
        color: #414042;
        margin-left: 60px;
    }

    .merge_intro2 {
        font-family: KrungsriSimpleMedium,Sans-Serif;
        font-size: 28px;
        color: #be1e2d;
        margin-left: 110px;
    }

    .merge_intro3 {
        font-family: KrungsriSimpleMedium,Sans-Serif;
        font-size: 15px;
        color: #414042;
        margin-left: 150px;
    }

    .merge_introbold {
        font-family: KrungsriSimpleBold,Sans-Serif;
        color: #594A42;
    }

    .merge_header img,
    .merge_image img {
        max-width: 100%;
        width: 100%;
    }

    .merge_image_step1, .merge_image_step6 {
        max-width: 600px;
        margin: 0px auto;
    }

    .lt-ie7 .merge_image_step1, .lt-ie7 .merge_image_step6 {
        width: 600px;
    }

        .lt-ie7 .merge_image_step1 img, .lt-ie7 .merge_image_step6 img {
            height: 375px;
        }

    .lt-ie7 .merge_header_left img {
        height: 100px;
    }

    .lt-ie7 .merge_image_step2 img {
        height: 347px;
    }

    .lt-ie7 .merge_image_step3 img {
        height: 200px;
    }

    .merge_buttonrow {
        text-align: center;
        margin-top: 10px;
    }

    .merge_buttonrow_left {
        text-align: left;
        margin-top: 10px;
    }

    .merge_header_left {
        float: left;
        width: 49%;
    }

    .merge_header_right {
        float: right;
        width: 49%;
        margin-top: 10px;
    }

    .merge_header_left_short {
        float: left;
        width: 29%;
        margin-top: 20px;
        margin-left: 10%;
    }

    .lt-ie7 .merge_header_left_short {
        float: left;
        margin-left: 30px;
    }

    .merge_header_right_long {
        float: right;
        width: 59%;
    }

    .merge_header_step2 .merge_header_left {
        width: 43%;
    }

    .merge_header_step2 .merge_header_right {
        width: 57%;
    }

    .merge_indent {
        margin-left: 20px;
    }

    .merge_headtext {
        font-family: KrungsriSimpleBold,Sans-Serif;
        font-size: 24px;
        color: #be1e2d;
    }

    .merge_redtext {
        color: #be1e2d;
    }

    .merge_yellowtext {
        color: #fdb813;
    }

    .merge_bigtext, .merge_bigtext_light {
        font-family: KrungsriSimpleMedium,Sans-Serif;
        font-size: 17px;
    }

    .merge_bigtext_light {
        padding-left: 10px;
        border-left: solid 2px #ccc;
    }

    .merge_instructiontext {
        font-family: KrungsriSimpleMedium,Sans-Serif;
        font-size: 15px;
        color: #414042;
    }

    .merge_normaltext {
        font-family: KrungsriSimple,Sans-Serif;
        font-size: 15px;
        color: #414042;
        margin-top: 30px;
    }

    .merge_column {
        width: 100%;
        overflow: hidden;
        margin-top: 10px;
        color: #414042;
    }

    .merge_column_left {
        float: left;
        width: 49%;
    }

    .merge_column_left_alignright {
        float: left;
        width: 49%;
    }

    .merge_column_right {
        float: right;
        width: 49%;
    }

    .merge_alignright_desktop {
        text-align: right;
    }

    .merge_acclist_header {
        font-family: KrungsriSimpleMedium,Sans-Serif;
        font-size: 14px;
        color: #fff;
        background: #414042;
        padding: 4px 10px;
    }

    .merge_acclist_window {
        overflow-y: scroll;
        height: 280px;
    }

    .merge_accbox {
        background: #e4e4e3;
        font-size: 13px;
        padding: 5px 0px 5px;
        overflow: hidden;
        border-bottom: solid 1px #ccc;
        cursor: pointer;
        cursor: hand;
        transition-property: all;
        transition-duration: 0.3s;
    }

    .merge_accbox_selected {
        background: #cbcccb;
    }

    .merge_accbox_radio {
        width: 25px;
        float: left;
        text-align: center;
    }

    .merge_accbox_icon {
        width: 95px;
        height: 62px;
        float: left;
        background-image: url(../images-register/03a1.png);
        background-size: cover;
    }

    .merge_accbox_selected .merge_accbox_icon {
        background-image: url(../images-register/03a2.png);
    }

    .merge_accbox_left {
        float: left;
        margin-top: 5px;
    }

    .merge_accbox_right {
        margin: 0px 10px 0px 130px;
        width: auto;
    }

    .merge_accbox_acctype {
        color: #6d6e71;
        margin-left: 5px;
    }

    .merge_accbox_accno {
        font-size: 14px;
        margin-left: 5px;
    }

    .merge_accbox_whitebg {
        background: #f1f1f2;
        padding: 5px 0px 5px 5px;
        margin-top: 5px;
        border-top: solid 1px #ccc;
    }

    .merge_separator {
        width: 100%;
        height: 1px;
        background: #999;
        margin: 15px 0px 10px;
        overflow: hidden;
    }

    .merge_note {
        font-size: 15px;
    }

        .merge_note a {
            color: #ff9933;
        }

    .merge_userbox {
        overflow: hidden;
        cursor: pointer;
        cursor: hand;
        transition-property: all;
        transition-duration: 0.3s;
    }

    .merge_userbox_unselected {
        opacity: 0.5;
        filter: alpha(opacity=50);
    }

    .merge_userbox_body {
        overflow: hidden;
        border: solid 1px #ccc;
    }

    .merge_userbox_selected .merge_userbox_body {
        background: #d1d3d4;
    }

    .merge_userbox_headrow {
        background: #e8e9ea;
        overflow: hidden;
        font-family: KrungsriSimpleMedium,Sans-Serif;
        font-size: 15px;
        padding: 6px 0px;
    }

    .merge_userbox_selected .merge_userbox_headrow {
        background: #f2b818;
    }

    .merge_userbox_headrow_radio {
        width: 30px;
        float: left;
        text-align: center;
    }

    .merge_userbox_arrowrow {
        height: 9px;
        background-image: url(../images-register/merge_arrow2.png);
        background-repeat: no-repeat;
        background-position: 30px 0px;
        background-size: 20px 9px;
    }

    .merge_userbox_selected .merge_userbox_arrowrow {
        background-image: url(../images-register/merge_arrow1.png);
    }

    .merge_userbox_columns {
        overflow: hidden;
    }

    .merge_userbox_column_left {
        float: left;
        width: 100px;
    }

        .merge_userbox_column_left img {
            width: 100%;
        }

    .merge_userbox_column_right {
        margin-left: 100px;
        margin-right: 5px;
    }

    .lt-ie7 .merge_userbox_columns, .lt-ie7 .merge_userbox_column_left img {
        height: 92px;
    }

    .merge_userbox_username {
        font-size: 15px;
        font-weight: bold;
        margin-top: 5px;
    }

    .merge_userbox_email {
        font-size: 14px;
        word-wrap: break-word;
    }

    .merge_userbox_otp {
        background: #f4f3f3;
        margin: 0px 15px 10px;
        text-align: center;
        padding: 10px 0px;
        font-size: 15px;
    }

    .merge_userbox_otp_title {
        font-family: KrungsriSimpleMedium,Sans-Serif;
    }

    .merge_userbox_otp_value {
        font-size: 16px;
    }

    .merge_userbox_pwdbox {
        background: #221F1F;
        overflow: hidden;
        color: #fff;
        text-align: center;
        display: none;
    }

    .merge_userbox_pwdbox_title {
        font-size: 13px;
        margin: 10px 0px;
    }

    .merge_userbox_pwdbox_buttonrow {
        margin: 5px 0px;
    }

    .merge_image_step5 {
        width: 100%;
        min-height: 200px;
        background-image: url(../images-register/05-d.png);
        background-size: 700px 200px;
        background-repeat: no-repeat;
    }

    .merge_result {
        margin: 0px 0px 0px 384px;
    }

    .merge_result_title {
        font-family: KrungsriSimpleMedium,Sans-Serif;
        font-size: 24px;
        line-height: 42px;
        color: #5a4a42;
        padding: 5px;
    }

    .merge_resultbox {
        margin-right: 15px;
        background: #fdb713;
        overflow: hidden;
        padding-bottom: 8px;
    }

    .merge_resultbox_username {
        font-size: 15px;
        font-weight: bold;
        margin: 5px 0px 0px 16px;
    }

    .merge_resultbox_email {
        font-size: 14px;
        margin: 5px 0px 0px 16px;
        line-height: 18px;
    }

    .merge_resultbox_otp {
        margin: 5px 8px 8px 8px;
        background: #f8d38c;
        font-size: 15px;
        padding: 4px 8px;
    }

    .merge_resultbox_otp_title {
        font-family: KrungsriSimpleMedium,Sans-Serif;
    }

    .merge_acctable {
        width: 100%;
        font-size: 13px;
        background: #fdfbf6;
        border: solid 1px #ccc;
        white-space: nowrap;
    }

        .merge_acctable th, .merge_acctable td {
            padding: 6px 6px;
        }

    .merge_acctable_typerow th {
        background: #999;
        color: #fff;
        font-weight: bold;
        text-align: left;
        padding-left: 10px;
        font-size: 14px;
    }

    .merge_acctable_headrow th {
        background: #e4e4e3;
        border-right: solid 1px #eee;
    }

    .merge_acctable_headrow .merge_acctable_column_3,
    .merge_acctable_headrow .merge_acctable_column_4 {
        border-right: none;
    }

    .merge_acctable .merge_acctable_column_1 {
        text-align: left;
        padding-left: 50px;
        width: 25%;
    }

    .merge_acctable .merge_acctable_column_2 {
        text-align: center;
        width: 20%;
    }

    .merge_acctable .merge_acctable_column_3 {
        text-align: center;
        width: 40%;
    }

    .merge_acctable .merge_acctable_column_4 {
        padding: 6px 0px;
    }

    .merge_welcome1 {
        font-family: KrungsriSimple,Sans-Serif;
        font-size: 24px;
        color: #594A42;
        margin-left: 40px;
    }

    .merge_welcome2 {
        font-family: KrungsriSimpleMedium,Sans-Serif;
        font-size: 40px;
        color: #FFC20E;
        margin-left: 160px;
        display: inline;
    }

    .merge_welcome3 {
        font-family: KrungsriSimpleMedium,Sans-Serif;
        font-size: 24px;
        color: #594A42;
        display: inline;
    }

    .merge_header_step6 {
        margin-bottom: -10px;
    }

    .anyid_dialog {
        background: #fff;
        width: 700px;
        height: 350px;
        max-width: 90%;
        margin: auto;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }

    .lt-ie9 .anyid_dialog {
        position: static;
        margin-top: 100px;
    }

    .anyid_box {
        padding: 10px 16px;
        color: #666;
        font-size: 16px;
    }

    .anyid_dialog_closebutton {
        background-image: url(../../sme/images-main/dialog-close-inact.png);
        background-repeat: no-repeat;
        background-color: transparent;
        background-size: 20px 20px;
        width: 20px;
        height: 20px;
        border: none;
        float: right;
        margin: 10px;
    }

        .anyid_dialog_closebutton:hover, .anyid_dialog_closebutton:active {
            background-image: url(../../sme/images-main/dialog-close-act.png);
        }

    @media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi) {
        .anyid_dialog_closebutton {
            background-image: url(../../sme/images-main/dialog-close-inactx2.png);
        }

            .anyid_dialog_closebutton:hover, .anyid_dialog_closebutton:active {
                background-image: url(../../sme/images-main/dialog-close-actx2.png);
            }
    }

    .anyid_dialog_title {
        font-family: KrungsriSimpleMedium,Sans-Serif;
        font-size: 18px;
        color: rgb(136,116,106);
        ;
    }

    .anyid_dialog .merge_userbox_column_left {
        margin: 10px 0px 10px 10px;
    }

    .anyid_dialog .merge_userbox_column_right {
        margin-top: 24px;
        text-align: center;
    }

    #powerOfAttorney .clear {
        clear: both;
    }

    #powerOfAttorney.page_container {
        font-size: 14px;
        color: black;
        line-height: 18px;
    }

    #powerOfAttorney .logo_container .img_logo {
        float: left;
    }

        #powerOfAttorney .logo_container .img_logo img {
            width: 50px;
            height: 77px;
        }

    #powerOfAttorney .logo_container .logo_name {
        float: left;
        height: 77px;
        line-height: 60px;
        padding-left: 15px;
        font-family: KrungsriSimple,Sans-Serif;
    }

    #powerOfAttorney .inputbox .inputbox_label_half {
        width: 23% !important;
    }

    #powerOfAttorney .inputbox .inputbox_input_half {
        width: 27% !important;
    }

    #powerOfAttorney .title_paper {
        text-align: center;
        font-weight: bold;
    }

    #powerOfAttorney .left_box {
        float: left;
    }

        #powerOfAttorney .left_box.border {
            border: 1px solid #9f9f9f;
            padding: 5px 15px;
            margin-left: -10px;
        }

    #powerOfAttorney .right_box {
        float: right;
        width: 25%;
    }

    #powerOfAttorney .row_input {
        margin-bottom: 8px;
    }

        #powerOfAttorney .row_input.dot {
            border-bottom: 1px dotted #000;
        }

        #powerOfAttorney .row_input .left {
            float: left;
            margin-bottom: -2px;
            background-color: white;
            padding-right: 2px;
        }

        #powerOfAttorney .row_input .right {
            float: right;
            margin-bottom: -2px;
            background-color: white;
            padding-left: 2px;
        }

        #powerOfAttorney .row_input .box-input {
            border: 1px solid #000;
            width: 28px;
            height: 30px;
            display: inline-block;
        }

        #powerOfAttorney .row_input .box-dash {
            display: inline;
            height: 30px;
            vertical-align: super;
        }

    #powerOfAttorney .subrow_input {
        height: 16.5px;
        margin-bottom: 4px;
    }

        #powerOfAttorney .subrow_input.dot {
            border-bottom: 1px dotted #000;
        }

        #powerOfAttorney .subrow_input .left {
            float: left;
            margin-bottom: -2px;
            background-color: white;
            padding-right: 2px;
        }

    #powerOfAttorney .row_input .box-dash:after {
        content: "-";
    }

    #powerOfAttorney .row_paragraph {
        text-indent: 40px;
        padding-top: 10px;
    }

    #powerOfAttorney .padtop2 {
        padding-top: 10px;
    }

    #powerOfAttorney .padtop3 {
        padding-top: 20px;
    }

    #powerOfAttorney .padtop4 {
        padding-top: 30px;
    }

    #powerOfAttorney .margintop1 {
        margin-top: 5px;
    }

    #powerOfAttorney .margintop2 {
        margin-top: 10px;
    }

    #powerOfAttorney .padleft2 {
        padding-left: 15px;
    }

    #powerOfAttorney .padleft4 {
        padding-left: 50px;
    }

    #powerOfAttorney .marginleft4 {
        margin-left: 40px;
    }

    #powerOfAttorney .marginleft45 {
        margin-left: 45px;
    }

    #powerOfAttorney .marginright40 {
        margin-right: 40%;
    }

    #powerOfAttorney .marginright35 {
        margin-right: 35%;
    }

    #powerOfAttorney .signature_container .col-left {
        width: 47.5%;
        float: left;
        padding-top: 100px;
    }

    #powerOfAttorney .signature_container .col-right {
        width: 47.5%;
        float: right;
    }

    #powerOfAttorney .box-signature {
        border: 1.5px solid #000;
        text-align: center;
        padding-top: 150px;
        margin-bottom: 13px;
    }

    .voting_table_column_1 {
        padding-left: 10px;
        width: 10%;
    }

    .voting_table_column_2 {
        padding-left: 10px;
        width: 20%;
    }

    .voting_table_column_3 {
        padding-left: 10px;
        width: 10%;
    }

    .voting_table_column_4 {
        padding-left: 10px;
        width: 15%;
    }

    .voting_table_column_5 {
        padding-left: 10px;
        width: 15%;
    }

    .voting_table_column_6 {
        padding-left: 10px;
        width: 30%;
    }

    .voting_table_column_7 {
        padding-left: 10px;
        width: 30%;
    }

    .voting_table_column_8 {
        padding-left: 10px;
    }

    .voting_table_column_9 {
        padding-left: 10px;
    }

    .voting_table_column_10 {
        padding-left: 10px;
    }

    @media print {
        .breadcrumb {
            display: none;
        }

        .progressrow {
            display: none;
        }

        .header {
            display: none;
        }

        .content_left {
            display: none;
        }

        .content_right {
            margin-left: 0px;
        }

        .framebox {
            height: auto;
            overflow: hidden;
        }

        .framebox_short {
            height: auto;
            overflow: hidden;
        }

        .buttonrow {
            display: none;
        }

        .footer {
            display: none;
        }

        .accounttable_confirm {
            border: solid 1px #ccc;
        }

            .accounttable_confirm thead th {
                border-bottom: solid 1px #ccc;
            }

        .header_printbg {
            display: block;
        }

            .header_printbg img {
                width: 100%;
            }

        .rolling_input_headerline {
            border: solid 1px #ccc;
        }
    }

    @page {
        size: A4;
        margin-top: 0.5in;
        margin-bottom: 0.5in;
    }

    @media print {
        body {
            margin: 0;
        }

        .header_printbg {
            display: block;
            width: 210mm;
            padding: 0 20mm;
            margin: 0 auto;
        }

        .header {
            display: none;
        }
    }

    @media print {

        .page-break {
            page-break-before: always;
        }

        .page-break-after {
            page-break-after: always;
        }
    }

    .loan_pn_table td {
        width: 160px;
    }

    .loan_pn_font {
        font-size: 14px;
    }

    .loan_pn_font_btn {
        font-family: KrungsriSimpleMedium,Sans-Serif;
        font-size: 11px;
    }

    .loan_pn_form {
        border-radius: 5px;
        margin-top: 20px;
        padding: 10px 20px;
        font-size: 13px;
    }

        .loan_pn_form tr {
            line-height: 20px;
        }

    .loan_pn_form_tier3 {
        border-radius: 5px;
        margin-top: 20px;
        padding: 5px 5px 10px 5px;
        font-size: 13px;
    }

        .loan_pn_form_tier3 tr {
            line-height: 20px;
        }

    .loan_pn_table_detail td {
        width: 150px;
    }

    .loan_pn_td {
        width: 330px;
    }

    .loan_pn_td_inbox {
        width: 170px;
        padding-right: 20px;
        font-size: 14px;
    }

    .loan_pn_td_2 {
        width: 300px;
    }

    .loan_pn_table_list {
        width: 900px;
    }

    .verticalaligntop {
        vertical-align: text-top;
    }

    /* not widescreen mode */
    @media screen and (max-width: 1119px) {

        .header_wrapper {
            width: 990px;
        }

        .footer_wrapper {
            width: 990px;
        }

        .content_container {
            width: 990px;
        }

        .layout_sidebar .content_right {
            width: 768px;
            margin-right: 0px;
            margin-left: 0px;
        }

        .content_acclist_window {
            width: 576px;
            margin-left: 47px;
        }

        .content_right {
            margin-right: 0px;
        }

        .content_sidebar {
            width: 100%;
            margin: 0px;
            display: block;
        }

        .sidebar_box {
            width: auto;
            margin: 10px;
            border: solid 1px #ccc;
        }

        .sidebar_crmbanner_moreinfo {
            background-image: url(../../retail/images-main/crmbanner_widget_arrow_inact.png);
            background-size: 18px 18px;
            background-position: right 2px;
            border-top: solid 1px #5a4a42;
            border-bottom: solid 1px #5a4a42;
        }

            .no-touch .sidebar_crmbanner_moreinfo:hover, .sidebar_crmbanner_moreinfo:active {
                background-image: url(../../retail/images-main/crmbanner_widget_arrow_act.png);
                border-top: solid 1px #aca4a0;
                border-bottom: solid 1px #aca4a0;
            }

        .sidebar_widget_transfer {
            display: none;
        }

        .sidebar_kse,
        .sidebar_mobile {
            display: block;
            margin-top: 8px;
        }

        .sidebar_box_title_foot {
            width: 100%;
        }

        .deposit_statementsumtable .notes {
            display: none;
        }
    }

    /* ipad mode */
    @media screen and (max-width: 989px) {

        .header_wrapper {
            width: 768px;
        }

        .footer_wrapper {
            width: 768px;
            text-align: left;
        }

        .footer_link, .footer_linksep {
            margin-left: 0px;
            margin-right: 12px;
        }

        .content_acclist {
            margin-left: auto;
            position: relative;
            top: 44px;
        }

        .content_acclist_window {
            margin-left: 40px;
        }

        .content_container {
            width: 768px;
        }

        .content_left {
            width: 100%;
            height: 0px;
            overflow: visible;
        }

        .content_left_profile {
            display: none;
        }

        .content_left_topbar {
            display: none;
        }

        .content_left_menubar {
            display: block;
            width: 100%;
            height: 44px;
        }

        .content_left_mainmenu {
            display: none;
            background: #fff;
            background: rgba(255,255,255,0.95);
            width: 210px;
            z-index: 2100;
            position: absolute;
            left: 0px;
        }

        .content_left_mainmenu_wrapper {
            border-right: solid 1px #ccc;
        }

        .content_right {
            margin-left: 0px;
            margin-top: 44px;
        }

        .widget_yellowpoints {
            top: 174px;
        }
    }

    /* ipad portrait */
    @media screen and (max-width: 768px) {
        .header_logo {
            margin-left: 10px;
        }
    }

    /* mobile mode */
    @media screen and (max-width: 767px) {

        .header {
            height: 44px;
            background-image: none !important;
            background: #6f5f5e;
            position: fixed;
            top: 0px;
            left: 0px;
            z-index: 1000;
        }

        .header_wrapper {
            width: 100%;
            height: 44px;
        }

        .header_logo {
            position: absolute;
            width: 109px;
            height: 44px;
            margin-left: 0px;
            background-image: url(../../retail/images-register/logo_horizontal.png?version=20251112);
            background-size: cover;
        }

            .header_logo img {
                width: 92px;
                height: 44px;
                display: none;
            }

        .header_title {
            position: static;
            float: right;
            font-size: 20px;
            margin: 10px 16px 0px 0px;
            color: rgb(72,72,74);
            font-family: KrungsriSimpleMedium,Sans-Serif;
            font-size: 12px;
            color: #fff;
        }

        .header_links {
            display: none;
        }

        .header_lastlogin {
            display: none;
        }

        .header_userlogin {
            display: none;
        }

        .header_userlogin_mobile {
            display: inline;
            float: left;
            padding-top: 5px;
            width: 45%;
            height: 44px;
            line-height: 15px;
            font-size: 11px;
            color: rgb(109, 110, 113);
            font-family: KrungsriSimple, Sans-Serif;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
        }

        .header_userlogin_mobile_onlyusername {
            line-height: 44px !important;
            padding-top: 0px !important;
        }

        .header_userlogin_mobile span {
            font-family: KrungsriSimpleMedium, Sans-Serif;
            line-height: normal;
        }

        .loggedin .content_right {
            padding-top: 44px;
        }

        .content_right,
        .layout_sidebar .content_right {
            width: 100%;
            margin-top: 0px;
        }

        .content_left_menubar {
            position: fixed;
            top: 44px;
            left: 0px;
            z-index: 1000;
            background: #e6e7e8;
        }

        .content_left_menubar_left {
            margin-left: 0px;
        }

        .mainmenu_button.menu_expanded {
            background-color: #fff;
        }

        .content_left_mainmenu {
            position: fixed;
            top: 0px;
            left: 0px;
            height: 360px;
            overflow: hidden;
            width: auto;
            background: transparent;
        }

        .content_left_mainmenu_wrapper {
            width: 210px;
            height: 100%;
            overflow: scroll;
            -webkit-overflow-scrolling: touch;
            background: #fff;
        }

            .content_left_mainmenu_wrapper::-webkit-scrollbar {
                display: none;
                width: 0 !important;
            }

        .content_left_menubar_mobile {
            display: block;
        }

        .content_left_menubar_right {
            position: fixed;
            right: -4px;
            top: -9px;
            float: right;
            margin-right: 0px;
            margin-top: 88px;
            padding: 10px 20px 1px 0px;
            background-image: url(../images-main/popup_moremenux2.png);
            background-repeat: no-repeat;
            background-position: top right;
            background-size: 100% 100%;
            height: 44px;
            width: 158px;
            display: none;
        }

        .content_acclist {
            display: none;
        }

        .inbox_button_badge_bg {
            right: 20px;
            top: 16px;
        }

        .download_button_badge_bg {
            right: 65px;
            top: 16px;
        }

        .mainmenu_button {
            background-image: url(../images-main/icon_mainmenu_mobile_inact.png);
        }

            .no-touch .mainmenu_button:hover, .mainmenu_button:active {
                background-image: url(../images-main/icon_mainmenu_mobile_act.png);
            }

        .interestrate_button {
            background-image: url(../../retail/images-main/icon_InterestRate_inact.png);
        }

            .no-touch .interestrate_button:hover, .interestrate_button:active {
                background-image: url(../../retail/images-main/icon_InterestRate_act.png);
            }

        .calculator_button {
            background-image: url(../../retail/images-main/icon_calculator_inact.png);
        }

            .no-touch .calculator_button:hover, .calculator_button:active {
                background-image: url(../../retail/images-main/icon_calculator_act.png);
            }

        .download_button {
            background-image: url(../../retail/images-main/icon-download-1.png);
        }

            .no-touch .download_button:hover, .download_button:active {
                background-image: url(../../retail/images-main/icon-download-2.png);
            }

        .inbox_button {
            background-image: url(../../retail/images-main/icon_inbox_inact.png);
        }

            .no-touch .inbox_button:hover, .inbox_button:active {
                background-image: url(../../retail/images-main/icon_inbox_act.png);
            }

        @media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi) {
            .mainmenu_button {
                background-image: url(../images-main/icon_mainmenu_mobile_inactx2.png);
            }

                .no-touch .mainmenu_button:hover, .mainmenu_button:active {
                    background-image: url(../images-main/icon_mainmenu_mobile_actx2.png);
                }

            .interestrate_button {
                background-image: url(../../retail/images-main/icon_InterestRate_inactx2.png);
            }

                .no-touch .interestrate_button:hover, .interestrate_button:active {
                    background-image: url(../../retail/images-main/icon_InterestRate_actx2.png);
                }

            .calculator_button {
                background-image: url(../../retail/images-main/icon_calculator_inactx2.png);
            }

                .no-touch .calculator_button:hover, .calculator_button:active {
                    background-image: url(../../retail/images-main/icon_calculator_actx2.png);
                }

            .download_button {
                background-image: url(../../retail/images-main/icon-download-1.png);
            }

                .no-touch .download_button:hover, .download_button:active {
                    background-image: url(../../retail/images-main/icon-download-2.png);
                }

            .inbox_button {
                background-image: url(../../retail/images-main/icon_inbox_inactx2.png);
            }

                .no-touch .inbox_button:hover, .inbox_button:active {
                    background-image: url(../../retail/images-main/icon_inbox_actx2.png);
                }
        }

        .logout_button {
            display: inline;
        }

        .footer_wrapper {
            width: 100%;
        }

        .footer_image {
            margin-right: 10px;
        }

        .footer_text {
            display: block;
            margin-right: 0px;
            margin-left: 10px;
            margin-top: 10px;
            margin-bottom: 20px;
            text-align: left;
        }

        .footer_link {
            margin-left: 10px;
            display: block;
        }

        .footer_linksep {
            display: none;
        }

        .content_container {
            width: 100%;
            padding-top: 44px;
        }

        .content_topbar {
            z-index: 0;
            height: auto;
        }

        .content_wrapper {
            width: 95%;
            /*min-height: 480px;*/
        }

        .breadcrumb {
            text-align: right;
        }

        .page_header {
            font-size: 16px;
            margin-bottom: 0px;
        }

        .billpayment_notes {
            margin: 0px;
        }

        .progressrow {
            margin-top: 0px;
            margin-bottom: 0px;
            height: 38px;
        }

        .progress_previous,
        .progress_current,
        .progress_next,
        .progress_approve {
            width: 48px;
            height: 38px;
        }

        .progress_header {
            width: 24px;
            height: 24px;
            background-size: cover;
            border-radius: 12px;
            line-height: 24px;
            font-size: 10px;
            margin-top: 7px;
        }

        .progress_text {
            display: none;
        }

        .progress_line {
            position: relative;
            float: left;
            width: 0px;
            height: 38px;
            text-align: center;
            top: 7px;
        }

        .progress_line_line {
            position: relative;
            top: 11px;
            left: -12px;
            width: 24px;
            height: 3px;
            overflow: hidden;
            background-color: rgb(179,179,179);
        }

        .progress_approve .progress_header {
            width: 70px;
            margin-top: 1px !important;
        }

        .inputbox {
            margin-top: 0px;
            margin-bottom: 0px;
        }

            .inputbox .inputbox_half,
            .inputbox .inputbox_half_right,
            .inputbox .inputbox_label,
            .inputbox .inputbox_label_half,
            .inputbox .inputbox_input,
            .inputbox .inputbox_input_half,
            .inputbox .inputbox_label_half_and_more,
            .inputbox .inputbox_input_half_and_less,
            .inputbox .inputbox_instruction,
            .inputbox.sme_half .inputbox_label,
            .inputbox.sme_half .inputbox_input {
                float: none;
                width: 100%;
            }

            .inputbox .input,
            .inputbox .label,
            .inputbox .instruction {
                margin-left: 0px;
                margin-right: 0px;
                padding-top: 2px;
                padding-bottom: 2px;
            }

            .inputbox .label,
            .inputbox .input {
                margin-top: 5px;
            }

                .inputbox .label br {
                    display: none;
                }

        .input_text,
        .input_text_half,
        .input_text_wide {
            width: 85%;
        }

            .input_text.calendar,
            .input_text_half.calendar {
                width: 80%;
            }

        .input_text_short {
            width: 30%;
        }

        .schedule_recurring_input .label,
        .schedule_once_input .label {
            text-align: left !important;
        }

        /* 
	.schedule_recurring_input .input_text_half,
	.schedule_once_input .input_text_half {
		display: block;
	}
 */

        .calendar_format {
            margin-left: 0px;
        }

        .grayborder {
            padding-left: 10px;
            padding-right: 10px;
        }

        .otpbox {
            width: 98%;
        }

            .otpbox .input_input_half {
                margin-left: 10px;
            }

        .buttonrow,
        .buttonrow_indent,
        .buttonrow.indent {
            margin-top: 20px;
            margin-left: 0px;
            text-align: center;
        }

            .inbox_buttonrow input,
            .buttonrow input,
            .buttonrow_center input,
            .buttonrow_right input,
            .single-button-row input,
            .single-button-row button {
                display: block;
                width: 95%;
                margin-left: auto;
                margin-right: auto;
                padding: 0px;
            }

        .otpbox .buttonrow input,
        .otpbox .buttonrow_center input,
        .otpbox .buttonrow_right input {
            display: inline;
            margin-left: 0px;
            margin-right: 0px;
            width: 90px;
        }

        .desktop_only {
            display: none;
        }

        .mobile_only {
            display: inherit;
        }

        .notmobile {
            display: none;
        }

        .desktop_paddingleft {
            padding-left: 0px;
        }

        .profile_image_editbox {
            float: none;
        }

        .inputbox .profile_image_editbox {
            float: none;
            position: static;
        }

        .content_topbar_wrapper {
            width: 95%;
        }

        .content_topbar_left {
            float: none;
            width: 100%;
            clear: both;
            line-height: normal;
        }

        .content_topbar_right {
            float: right;
            width: 100%;
            clear: both;
            line-height: normal;
        }

        .content_topbar_currency_label {
            float: right;
        }

        .content_topbar_currency_select {
            background-image: url(../images-main/icon_dollar_gray.png);
            background-position: 0px -3px;
            width: 280px;
            margin: auto;
        }

        .myport_box {
            width: auto;
            /*margin: 10px;*/
        }

        .myport_box_wrapper {
            width: auto;
        }

        .myport_table_mainac {
            float: none;
        }

        .myport_headrow_title {
            font-size: 14px;
        }

        .myport_graph {
            float: none;
            margin: auto;
        }

        .myport_legends {
            float: none;
            width: 100%;
            overflow: hidden;
            margin-bottom: 0px;
        }

        .myport_legend {
            float: none;
            width: 100%;
            clear: both;
        }

        .myport_legend_value {
            margin-right: 10px;
        }

        .myport_graph_summary {
            width: 100%;
        }

        .myport_graph_summary_title {
            display: block;
            float: left;
            margin-right: 0px;
        }

        .myport_graph_summary_text {
            float: right;
            display: inline;
            text-align: right;
        }

        .myport_addaccount_popup {
            background-image: none;
            margin-left: auto;
            margin-right: auto;
            position: relative;
            height: 0px;
            overflow: visible;
        }

        .setting_popup {
            display: none;
        }

        .deposit_graybox {
            padding-left: 5%;
            padding-right: 5%;
        }

            .deposit_graybox .inputbox .inputbox_half,
            .deposit_graybox .inputbox .inputbox_label,
            .deposit_graybox .inputbox .inputbox_label_half,
            .deposit_graybox .inputbox .inputbox_input,
            .deposit_graybox .inputbox .inputbox_input_half,
            .deposit_graybox .inputbox .inputbox_label_half_and_more,
            .deposit_graybox .inputbox .inputbox_input_half_and_less,
            .deposit_graybox .inputbox .inputbox_instruction {
                float: left;
                width: 45%;
            }

        .inputbox.singleline .inputbox_half,
        .inputbox.singleline .inputbox_label,
        .inputbox.singleline .inputbox_label_half,
        .inputbox.singleline .inputbox_input,
        .inputbox.singleline .inputbox_input_half,
        .inputbox.singleline .inputbox_label_half_and_more,
        .inputbox.singleline .inputbox_input_half_and_less,
        .inputbox.singleline .inputbox_instruction {
            float: left;
            width: 45%;
        }

        .deposit_confirmtable {
            width: 100%;
        }

        .deposit_accsumbox_touple {
            width: 100%;
            float: none;
            clear: both;
        }

        .deposit_accsumbox_label {
            clear: left;
        }

        .deposit_statement_head {
            font-size: 14px;
        }

        .deposit_statement_head_left,
        .deposit_statement_head_right {
            float: left;
            margin-left: 10px;
            margin-right: 0px;
            text-align: left;
        }

        .deposit_statementsumtable {
            width: 100%;
        }

        .creditcard_statement_touple_label,
        .creditcard_statement_touple_input,
        .creditcard_statement_touple_label_short,
        .creditcard_statement_touple_input_short {
            float: none;
            width: 100%;
            margin-bottom: 10px;
        }

        .creditcard_limitbox {
            width: 80%;
        }

        .creditcard_summary_footer_touple {
            width: auto;
            float: none;
            margin-right: 0px;
        }

        .creditcard_balance_table thead th,
        .creditcard_balance_table tbody td {
            padding-left: 0px;
            padding-right: 10px;
        }

        .creditcard_balance_table tbody th {
            width: 40%;
            padding-left: 10px;
            padding-right: 0px;
        }

        .bigcalendar_box {
            border: none;
        }

        .bigcalendar_box_left,
        .bigcalendar_box_right {
            clear: both;
            float: none;
            width: 100%;
            margin-right: 0px;
            margin-left: 0px;
            height: auto;
        }

        .bigcalendar_dot_blue,
        .bigcalendar_dot_red,
        .bigcalendar_dot_green {
            padding: 0px;
        }

        .bigcalendar_table {
            background-position: center -10px;
        }

            .bigcalendar_table th {
                line-height: 32px;
            }

            .bigcalendar_table td {
                width: 14.28%;
                height: 28px;
                vertical-align: top;
                line-height: 14px;
                padding-top: 14px;
            }

        .bigcalendar_box_right {
            position: relative;
            height: auto;
            top: 0;
            bottom: 0;
            right: 0;
        }

        .yellowpoints_category_head {
            margin-left: 5px;
            margin-right: 5px;
        }

        .yellowpoints_category_body {
            width: 100%;
            margin: 0px 0px 10px;
        }

        .yellowpoints_category_head_totalpoints {
            float: right;
            margin-right: 10px;
        }

        .yellowpoints_itembox {
            margin-left: 0px;
            margin-right: 0px;
        }

        .yellowpoints_cartbox {
            width: 100%;
            height: 101px;
            position: static;
        }

        .yellowpoints_totalbox {
            width: 100%;
            margin-left: 0px;
        }

        .yellowpoints_addressbox_subhead {
            display: block;
        }

        .yellowpoints_address_edit {
            margin-left: 0px;
        }

        .rolling_input_header {
            width: 100%;
            float: none;
            margin-left: 0px;
        }

        .rolling_input_right {
            width: 100%;
            float: none;
            margin-top: 5px;
            margin-left: 0px;
        }

        .rolling_input_textareaheader {
            display: block;
            margin-left: 0px;
        }

        .rolling_input_textareasubheader {
            display: block;
        }

        .rolling_input_textarealine {
            margin-left: 0px;
        }

            .rolling_input_textarealine textarea,
            .rolling_input_email_notes_textarea {
                width: 95%;
            }

        .transaction_detail_header,
        .transaction_summary_header {
            font-size: 14px;
        }

            .transaction_detail_header .transaction_detail_column_icon {
                width: 20px;
                float: left;
            }

            .transaction_summary_header .transaction_summary_column_icon {
                width: 10px;
                float: left;
            }

            .transaction_summary_header .transaction_summary_column_accrole {
                width: 20%;
                float: left;
            }

            .transaction_summary_header .transaction_summary_column_accnickname {
                width: 30%;
                float: left;
            }

            .transaction_summary_header .transaction_summary_column_accnickname_accname {
                width: 65%;
                float: left;
            }

            .transaction_summary_header .transaction_summary_column_accname {
                width: 35%;
                float: left;
            }

            .transaction_summary_header .transaction_summary_column_accinfo {
                width: 65%;
                float: left;
            }

            .transaction_summary_header .transaction_summary_column_acccurrency {
                width: 10%;
                float: left;
            }

            .transaction_summary_header .transaction_summary_column_title {
                width: 80%;
                float: left;
                margin-left: 30px;
            }

        .transaction_summary_body .transaction_summary_row .transaction_summary_column_icon {
            width: 10px;
        }

        .transaction_summary_body .transaction_summary_row .transaction_summary_column_accrole {
            width: 20%;
            float: left;
        }

        .transaction_summary_body .transaction_summary_row .transaction_summary_column_accnickname {
            width: 30%;
            float: left;
        }

        .transaction_summary_body .transaction_summary_row .transaction_summary_column_accnickname_accname {
            width: 65%;
            float: left;
        }

        .transaction_summary_body .transaction_summary_row .transaction_summary_column_accname {
            width: 35%;
            float: left;
        }

        .transaction_summary_body .transaction_summary_row .transaction_summary_column_accinfo {
            width: 65%;
            float: left;
        }

        .transaction_summary_body .transaction_summary_row .transaction_summary_column_acccurrency {
            width: 10%;
            float: left;
        }

        .transaction_detail_row_title,
        .transaction_detail_row_title_short,
        .transaction_detail_row_title_long,
        .transaction_detail_row_value,
        .transaction_detail_row_value_short,
        .transaction_detail_row_value_long,
        .transaction_detail_row_full {
            margin-left: 10px;
            margin-right: 10px;
        }

        .transaction_detail_column_indent {
            display: none;
        }

        .transaction_detail_column_full {
            margin: 0px 10px;
        }

            .transaction_detail_column_full .half_left,
            .transaction_detail_column_full .half_right {
                float: none;
                width: auto;
                text-align: left;
            }

        .transaction_detail_row_title_long {
            width: 40%;
        }

        .transaction_detail_row_title_short {
            width: 30%;
        }

        .transaction_detail_row_value_long {
            width: 50%;
        }

        .transaction_detail_row_value_short {
            width: 40%;
        }

        .transaction_detail_row_value_prefix,
        .transaction_detail_row_value_suffix {
            width: auto;
        }

        .transaction_detail_row_line {
            margin: 0px 10px;
        }

            .transaction_detail_row_line .transaction_detail_row_title_long,
            .transaction_detail_row_line .transaction_detail_row_value_short {
                margin: 0px 0px;
            }

        .transaction_summary_column_icon {
            width: 10px;
        }

        .table_pagesize {
            float: none;
        }

        .table_totalrecord {
            float: none;
        }

        .table_legend {
            display: none;
        }

        .codetable_group_left {
            width: 100%;
            float: none;
            border-bottom: none;
        }

        .codetable_group_right {
            width: 100%;
            float: none;
        }

        .mutualfund_timeinfo_column_desc,
        .mutualfund_timeinfo_column_time {
            width: 40%;
            margin-left: 10px;
            margin-right: 10px;
        }

        .mutualfund_timeinfo_footer {
            margin: 0px 10px;
        }

        .agreement_checkbox_column {
            width: 30px;
        }

        .mutualfund_info_popup {
            width: 80%;
        }

        .mutualfund_summary_box {
            width: 100%;
            margin-left: auto;
            margin-right: auto;
        }

        .mutualfund_summary_box_head {
            height: auto;
            padding-bottom: 10px;
        }

        .mutualfund_summary_box_head_col_1,
        .mutualfund_summary_box_head_col_2 {
            float: none;
            width: 100%;
            margin-left: 0px;
        }

        .mutualfund_summary_box_row_col_1 {
            width: 55%;
            margin-right: 0px;
        }

        .mutualfund_summary_box_row_col_2 {
            width: 40%;
            margin-left: 10px;
        }

        .mutualfund_info_popup {
            margin-left: auto;
            margin-right: auto;
            width: 100%;
            height: auto;
            position: static;
            overflow: hidden;
            margin-bottom: 20px;
        }

            .mutualfund_info_popup .header .title {
                text-indent: 0px;
            }

        .mutualfund_info_popup_body {
            height: auto;
            overflow: hidden;
        }

        .mutualfund_pl_table_column_1 {
            padding-left: 10px;
        }

        td.mutualfund_pl_table_column_7 {
            padding-right: 10px;
        }

        .mutualfund_pl_head {
            text-indent: 10px;
        }

        .mutualfund_table_tbody_head {
            padding-left: 10px;
        }

        .mutualfund_valid_card_popup {
            margin-left: auto;
            margin-right: auto;
            width: 100%;
            position: static;
            overflow: auto;
            margin-bottom: 20px;
        }

        .mutualfund_valid_card_popup_headerrow {
            height: 15px;
            width: 30px;
            margin-left: auto;
            margin-right: auto;
            background-image: url(../../retail/images-main/mutualfund_popup_topbg.png);
            background-position: top left;
            background-repeat: no-repeat;
        }

        .mutualfund_valid_card_popup_body {
            overflow: hidden;
            height: auto;
        }

        .mutualfund_nav_table_column_1,
        .mutualfund_nav_table_column_2,
        .mutualfund_nav_table_column_3,
        .mutualfund_nav_table_column_5,
        .nested_table_column_1,
        .nested_table_column_2,
        .nested_table_column_3,
        .nested_table_column_5,
        .mutualfund_nav_table_column_6, .nested_table_column_6 {
            min-width: 90px;
            max-width: 90px;
            width: 90px;
        }

        .mutualfund_nav_table_column_4, .nested_table_column_4 {
            min-width: 120px;
            max-width: 120px;
            width: 120px;
        }

        .mutualfund_questionnaire_item {
            margin-bottom: 10px;
        }

        .mutualfund_history_listtable_header .header_text {
            float: left;
        }

        .transfer_money_button {
            margin-right: 0px;
        }

        .mutualfund_listtable_button,
        .billpayment_billertable_button,
        .billpayment_listtable_button {
            width: 50px;
            margin-right: 0px;
        }

        .confirmdialog {
            width: 90%;
        }

        .billpayment_infobox {
            margin-left: 0px;
            margin-right: 0px;
            padding-left: 0px;
            padding-right: 0px;
        }

        .transaction_detail_row .notes {
            margin-left: 10px;
        }

        /* rolling */
        .rolling_topbar {
            position: absolute;
            left: 0px;
            right: 0px;
            top: 400px;
            width: 270px;
            height: 280px;
            margin: auto;
            background: #6e5e5d;
            border-radius: 5px;
            z-index: 200;
        }

        .rolling_topbar_bar {
            display: block;
            text-align: right;
            margin-right: 16px;
            margin-top: 10px;
        }

        .rolling_topbar_bar_button {
            border: none;
            background-color: transparent;
            background-image: url(../../retail/images-main/icon_close.png);
            background-repeat: no-repeat;
            width: 12px;
            height: 10px;
        }

        .rolling_topbar_title {
            display: block;
            font-family: KrungsriSimpleMedium,Sans-Serif;
            font-size: 13px;
            color: #fed900;
            margin-left: 40px;
            margin-right: 40px;
            margin-top: 20px;
            padding-bottom: 5px;
            border-bottom: solid 1px #99898a;
        }

        .rolling_tabs {
            float: none;
            margin-left: 40px;
            margin-right: 40px;
        }

        .rolling_tab {
            width: auto;
            height: 36px;
            float: none;
            clear: both;
            border-bottom: solid 1px #99898a;
        }

            .rolling_tab.rolling_selected {
                background: none;
            }

        .lt-ie9 .rolling_tab.rolling_selected {
            filter: none;
        }

        .rolling_tab_image {
            float: left;
            margin: 0px 8px 0px 0px;
        }

        .rolling_tab_name {
            font-family: KrungsriSimpleMedium,Sans-Serif;
            font-size: 12px;
            text-align: left;
            line-height: 14px;
            height: auto;
            color: #f1f2f2;
            margin-top: 8px;
            margin-left: 8px;
            vertical-align: center;
        }

        .rolling_menu {
            display: block;
            position: relative;
            left: 10px;
            top: 10px;
            float: left;
            z-index: 100;
        }

        .rolling_menu_button {
            width: 34px;
            height: 34px;
            border: none;
            background: url(../../retail/images-main/icon_pop_up.png);
        }

        .rolling {
            width: 300px;
            height: auto;
            background: #fff;
            margin-bottom: 40px;
        }

        .rolling_left {
            float: none;
            width: 100%;
            position: relative;
            padding-bottom: 10px;
            height: auto;
            border-bottom: solid 1px #cccccc;
        }

        .rolling_right {
            margin-top: 10px;
            float: none;
            width: 100%;
            position: relative;
            /* 		height: 224px; */
        }

        .rolling_bar {
            width: 100%;
            height: 90px;
            overflow: hidden;
        }

        .rolling_left .rolling_bar {
            float: none;
            position: absolute;
            top: 40px;
        }

        .rolling_right .rolling_bar {
            float: none;
            position: absolute;
            top: 40px;
        }

        .rolling_content {
            width: 100%;
            height: auto;
            padding-bottom: 10px;
            /* 		height: 224px; */
        }

        .rolling_content_whole {
            /* 		height: 224px; */
            height: auto;
            padding-bottom: 10px;
            margin-left: 20px;
            margin-right: 20px;
        }

        .rolling_left {
            height: auto;
        }

            .rolling_left .rolling_content {
                float: none;
            }

        .rolling_right .rolling_content {
            float: none;
        }

        .rolling_full .rolling_content {
            float: none;
            width: auto;
        }

        .rolling_bar_both .rolling_left .rolling_content,
        .rolling_bar_left .rolling_left .rolling_content,
        .rolling_bar_both .rolling_right .rolling_content,
        .rolling_bar_right .rolling_right .rolling_content {
            background-image: none;
        }

        .rolling_bigcontent {
            padding-top: 140px;
        }

        .rolling_content_whole .rolling_bigcontent {
            padding-top: 0px;
        }

        .rolling_content_whole .rolling_head {
            position: static;
        }

        .rolling_bigcard {
            display: none;
        }

        .rolling_head {
            position: absolute;
            width: 100%;
            top: 0px;
            height: 32px;
            margin-top: 0px;
            margin-bottom: 10px;
        }

        .rolling_bar_button_previous {
            position: absolute;
            width: 18px;
            height: 33px;
            left: 60px;
            top: 35px;
            z-index: 100;
        }

            .rolling_bar_button_previous input {
                background-image: url(../images-main/rolling_arrow_left.png);
            }

        .rolling_bar_button_next {
            position: absolute;
            width: 18px;
            height: 33px;
            right: 60px;
            top: 35px;
            z-index: 100;
        }

            .rolling_bar_button_next input {
                background-image: url(../images-main/rolling_arrow_right.png);
            }

        .rolling_bar_cardlist {
            width: auto;
            height: 90px;
        }

        .rolling_bar_cardlist_window {
            height: 90px;
            width: auto;
            white-space: nowrap;
        }

        .rolling_bar_cardbox,
        .rolling_bar_dummybox {
            width: 150px;
            height: 90px;
            display: inline-block;
        }

        .rolling_bar_cardbox_card {
            margin-top: 0px;
        }

            .rolling_bar_cardbox_card img {
                width: 104px;
                height: 68px;
                margin-top: 10px;
            }

        .rolling_bar_cardbox.rolling_selected .rolling_bar_cardbox_card img {
            width: 128px;
            height: 84px;
            margin-top: 0px;
        }

        .rolling_bar_cardbox_layer .aycal_licenseno {
            font-family: KrungsriSimpleBold,Sans-Serif;
            font-size: 12px;
            margin: 20px 0px 0px;
            line-height: 18px;
            font-size-adjust: none;
        }

        .rolling_bar_cardbox_layer .aycal_province {
            font-size: 10px;
            margin: 5px 0px 0px;
            line-height: 14px;
            font-size-adjust: none;
        }

        .rolling_bar_cardbox_layer .aycal_licensegroup_bike {
            font-family: KrungsriSimpleBold,Sans-Serif;
            font-size: 12px;
            margin: 15px 0px 0px;
            line-height: 18px;
            font-size-adjust: none;
        }

        .rolling_bar_cardbox_layer .aycal_province_bike {
            font-size: 8px;
            line-height: 14px;
            font-size-adjust: none;
        }

        .rolling_bar_cardbox_layer .aycal_licenseno_bike {
            font-family: KrungsriSimpleBold,Sans-Serif;
            font-size: 12px;
            line-height: 18px;
            font-size-adjust: none;
        }

        .rolling_bar_cardbox.rolling_selected .rolling_bar_cardbox_layer .aycal_licenseno {
            font-size: 16px;
            margin: 15px 0px 0px;
            line-height: 20px;
        }

        .rolling_bar_cardbox.rolling_selected .rolling_bar_cardbox_layer .aycal_province {
            font-size: 10px;
            line-height: 16px;
        }

        .rolling_bar_cardbox.rolling_selected .rolling_bar_cardbox_layer .aycal_licensegroup_bike {
            font-size: 16px;
            margin: 10px 0px 0px;
            line-height: 20px;
        }

        .rolling_bar_cardbox.rolling_selected .rolling_bar_cardbox_layer .aycal_province_bike {
            font-size: 10px;
            line-height: 16px;
        }

        .rolling_bar_cardbox.rolling_selected .rolling_bar_cardbox_layer .aycal_licenseno_bike {
            font-size: 16px;
            line-height: 20px;
        }

        .rolling_bar_cardbox_accno {
            display: none;
        }

        .rolling_bar_cardbox_accnickname {
            display: none;
        }

        .rolling_bar_cardbox_accbalance {
            display: none;
        }

        .rolling_label {
            margin-left: 65px;
            /* 		text-align: center; */
        }

        .group_listtable_column_1 {
            padding-left: 10px;
        }

        .group_acctable_column_1 {
            padding-left: 10px;
        }

        .group_header {
            margin-left: 0px;
        }

        .group_subheader {
            margin-left: 0px;
        }

        .howto_header, .howto_instruction {
            font-size: 24px;
            margin-left: 10px;
            margin-right: 10px;
        }

        .howto_instruction {
            font-size: 16px;
        }

        .howto_column {
            width: 100%;
        }

        .howto_column_left, .howto_column_right {
            float: none;
            margin-top: 10px;
            margin-bottom: 10px;
        }

        .howto_column_head {
            padding-left: 20px;
        }

        .howto_column_head_footer {
            margin-left: -20px;
        }

        .howto_body {
            width: 100%;
            height: 260px;
        }

        .howto_head {
            margin-left: 20px;
        }

        .howto_link {
            margin-left: 20px;
            margin-right: 20px;
        }

        .howto_bottom {
            padding-left: 20px;
            padding-right: 20px;
        }

        .widget_yellowpoints {
            position: fixed;
            top: 80px;
            right: 46px;
            width: 223px;
            height: 55px;
            background-color: transparent;
            background-position: 0px 0px;
            background-image: url(../images-main/popup_YP.png);
            border: none;
            z-index: 1000;
            color: #4d4d4f;
            padding: 0px;
            display: none;
        }

        .fixfixed .header_wrapper,
        .fixfixed .content_left_menubar,
        .fixfixed .content_left_mainmenu,
        .fixfixed .content_left_menubar_right,
        .fixfixed .widget_yellowpoints {
            position: absolute;
        }

        .widget_yellowpoints_value {
            float: left;
            margin-left: 8px;
            margin-top: 16px;
        }

        .widget_yellowpoints_unit {
            float: left;
            margin-top: 28px;
            margin-left: 8px;
        }

        .widget_yellowpoints_button {
            display: block;
        }

        .myacc_card {
            margin-top: 20px;
        }

        .myacc_card_previous_button,
        .myacc_card_next_button {
            display: block;
        }

        .myacc_menu {
            display: block;
        }

        .myacc_menu_text {
            display: block;
        }

        .fundtransfer_terms_popup {
            width: 100%;
            left: 0px;
        }

        .userlist_timestamptable {
            width: 100%;
        }

        .transfer_multiacc_header {
            margin-left: 10px;
        }

        .transfer_multiacc_listtable_column_1 {
            padding-left: 10px;
        }

        .transaction_infobox .section_subheader,
        .transaction_infobox .section_header {
            margin-left: 0px;
        }

        .contactus_image {
            margin: 0px 10px 0px 0px;
        }

            .contactus_image img {
                width: 50px;
            }

        .contactus_buttonrow img {
            margin: 0px;
        }

        .inbox_headbox {
            width: 95%;
            padding: 0px 10px;
        }

        .inbox_headbox_icon {
            margin-left: 10px;
            width: 40px;
        }

        .inbox_table_head_right {
            margin-right: 10px;
        }

        .inbox_table_column_3 {
            padding-right: 10px;
        }

        .inbox_head_subject {
            margin: 0px 10px;
        }

        .inbox_body_row {
            margin: 10px 10px;
        }

        .inbox_buttonrow {
            margin: 20px 10px;
        }

        .howtoapply_itembox_itemno {
            margin-left: 5px;
        }

        .howtoapply_itembox_title {
            margin-left: 70px;
        }

        .howtoapply_item {
            margin-left: 0px;
            padding-left: 10px;
        }

        .howtoapply_casebox_title {
            padding-left: 40px;
        }

        .howtoapply_casebox_body {
            margin-left: 40px;
        }

        .ksecal_item {
            margin-left: 0px;
        }

        .service_tabs {
            width: 100%;
            height: 32px;
            background: none;
            border: solid 1px #eee;
            box-sizing: border-box;
        }

        .service_tab {
            width: 30%;
            height: 44px;
            margin-top: 0px;
        }

            .service_tab.service_tab_2 {
                width: 40%;
            }

            .service_tab.service_selected {
                background-size: auto;
                background-position: center bottom;
            }

        .service_tab_title {
            margin-left: 0px;
            font-size: 12px;
            text-align: center;
            line-height: 30px;
        }

        .service_tab.service_selected .service_tab_title {
            font-size: 12px;
        }

        .service_header {
            font-size: 16px;
        }

        .service_body {
            padding-left: 0px;
        }

        .service_fee_table thead th {
            font-size: 14px;
        }

        .securityalert_stepbox_number,
        .securityalert_stepbox_title,
        .securityalert_stepbox_head,
        .securityalert_stepbox_prevention,
        .securityalert_stepbox hr,
        .securityalert_stepbox_headtext,
        .securityalert_stepbox_body,
        .securityalert_stepbox_compare,
        .securityalert_stepbox_image,
        .securityalert_notes,
        .securityalert_stepbox_prevention_body,
        .securityalert_otpbox,
        .securityalert_storebox {
            margin-left: 0px;
        }

        .securityalert_otpbox {
            width: auto;
            background-size: 100% auto;
        }

        .securityalert_otpbox_body {
            margin-left: 42.5%;
            padding: 10px;
        }

        .securityalert_storebox_screenshot img {
            margin-bottom: -20px;
        }

        .securityalert_storebox_body img {
            margin-top: 40px;
        }

        .securityalert_storebox_body_bold {
            margin-bottom: 40px;
        }

        .table_scrollable_left {
            position: absolute;
            left: -8px;
            width: 8px;
            height: 23px;
            background-image: url(../../retail/images-main/table_arrow_left.png);
            background-size: cover;
            background-repeat: no-repeat;
        }

        .table_scrollable_right {
            position: absolute;
            right: -8px;
            width: 8px;
            height: 23px;
            background-image: url(../../retail/images-main/table_arrow_right.png);
            background-size: cover;
            background-repeat: no-repeat;
        }

        .crmbanner, .crmbanner_form {
            width: auto;
            max-width: 300px;
        }

        .crmbanner_image {
            float: none;
            width: auto;
            height: auto;
        }

            .crmbanner_image img {
                width: 100%;
                height: auto;
            }

        .crmbanner_head {
            margin-left: 0px;
        }

        .crmbanner_yellowbg .crmbanner_head {
            margin-left: 10px;
        }

        .crmbanner_body {
            margin: 20px;
            height: auto;
            max-height: 70px;
        }

        .crmbanner_moreinfo {
            width: auto;
            position: static;
            padding-right: 30px;
        }

        .crmbanner_buttonrow {
            width: auto;
            position: static;
        }

        .crmbanner_form {
            text-align: left;
        }

        .crmbanner_form_label {
            margin: 0px 10px 0px;
        }

        .crmbanner_form input {
            margin: 5px 10px 5px;
            display: block;
        }

        .accountrow {
            margin-bottom: 20px;
        }

        .accountrow_half {
            width: auto;
            float: none;
        }

        .accountrow_inputrow .field_account_label {
            float: none;
        }

        .accountrow_labelrow {
            line-height: 25px;
        }

        .moveleft {
            margin-left: 0px;
        }

        .table_general {
            margin-left: 0px;
            margin-right: 0px;
        }

        .validate_floatright .validation_error_box_head,
        .validate_floatleft .validation_error_box_head {
            float: none;
            width: auto;
            height: 7px;
            background-image: url(../images-main/validation_box_topbg.png);
        }

        .validate_floatright .validation_error_box_body,
        .validate_floatleft .validation_error_box_body {
            margin: 0px;
        }

        .yellowbox {
            margin: 20px 0px 0px;
        }

        .summary_error_box {
            margin: 0px 0px 10px;
        }

        .aycal_closeborder {
            margin: 0px;
        }

        .aycal_nobill_box img {
            height: auto;
        }

        .aycal_nobill_buttonrow {
            float: none;
        }

        .aycal_addressborder {
            margin: 10px 0px;
        }

        .transaction_detail_body, .retail_gray_box {
            padding-left: 10px;
            padding-right: 10px;
            width: auto;
        }

        .floatno {
            display: inline;
            position: static;
            width: auto;
            float: none;
        }

        .aycal_renew_text, .aycal_renew_bigtext, .aycal_renew_summary {
            margin: 0px 10px 10px;
            text-align: center;
        }

        .aycal_offer_box .rolling_bar_cardbox.rolling_selected .rolling_bar_cardbox_card img {
            width: 74px;
            height: 47px;
        }

        .aycal_offer_box .rolling_bar_cardbox.rolling_selected .rolling_bar_cardbox_layer .aycal_licenseno {
            font-size: 12px;
            margin: 8px 0px 0px;
            line-height: 18px;
        }

        .aycal_offer_box .rolling_bar_cardbox.rolling_selected .rolling_bar_cardbox_layer .aycal_province {
            font-size: 8px;
            margin: 0px;
            line-height: 12px;
        }

        .aycal_offer_box .rolling_bar_cardbox.rolling_selected .rolling_bar_cardbox_layer .aycal_licensegroup_bike {
            font-size: 12px;
            margin: 5px 0px 0px;
            line-height: 14px;
        }

        .aycal_offer_box .rolling_bar_cardbox.rolling_selected .rolling_bar_cardbox_layer .aycal_province_bike {
            font-size: 7px;
            line-height: 9px;
        }

        .aycal_offer_box .rolling_bar_cardbox.rolling_selected .rolling_bar_cardbox_layer .aycal_licenseno_bike {
            font-size: 12px;
            line-height: 14px;
        }

        .aycal_offer_dialog {
            height: 280px;
        }

        .aycal_nobill_dialog {
            width: 100%;
            max-width: 100%;
            height: 100%;
            overflow: scroll;
        }

        .mutualfund_result_listtable_column_2 {
            text-align: left !important;
            padding-left: 10px;
        }

        .mutualfund_result_listtable_tbody_head {
            text-indent: 0px !important;
        }

        .signaturerow_suffix {
            clear: both;
            height: auto;
            text-align: right;
        }

        .confirmdialog_headPDPA {
            font-size: 14px;
            margin-left: 20px;
            margin-right: 20px;
            margin-top: 10px;
            padding-bottom: 10px;
            border-bottom: solid 1px rgb(255,210,0);
            font-family: 'KrungsriSimple';
            text-align: center;
            color: black;
        }

        .confirmdialogPDPA {
            background: rgba(255,255,255,0.9);
            width: 350px;
            height: 270px;
            margin: auto;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
        }

        .confirmdialog_bodyPDPA {
            margin-right: 20px;
            margin-top: 10px;
            height: 200px;
            clear: both;
        }

        .confirmdialog_messagePDPA {
            width: 100px;
            height: 130px;
            font-family: 'KrungsriSimple';
            font-size: 12px;
            margin-left: 5px;
        }

        .text_bodyPDPA {
            font-family: 'KrungsriSimple';
            width: 300px;
            height: 120px;
            resize: none;
            font-size: 10px;
            border: none;
        }

        .confirmdialog_UrlPDPA {
            font-weight: bold;
            font-family: 'KrungsriSimple';
            margin-left: 0px;
        }

        #powerOfAttorney .clear {
            clear: both;
        }

        #powerOfAttorney.page_container {
            font-size: 14px;
            color: black;
            line-height: 18px;
        }

        #powerOfAttorney .logo_container .img_logo {
            float: left;
        }

            #powerOfAttorney .logo_container .img_logo img {
                width: 50px;
                height: 77px;
            }

        #powerOfAttorney .logo_container .logo_name {
            float: left;
            height: 77px;
            line-height: 60px;
            padding-left: 15px;
            font-family: KrungsriSimple,Sans-Serif;
        }

        #powerOfAttorney .inputbox .inputbox_label_half {
            width: 23% !important;
        }

        #powerOfAttorney .inputbox .inputbox_input_half {
            width: 27% !important;
        }

        #powerOfAttorney .title_paper {
            text-align: center;
            font-weight: bold;
        }

        #powerOfAttorney .left_box {
            float: left;
        }

            #powerOfAttorney .left_box.border {
                border: 1px solid #9f9f9f;
                padding: 5px 15px;
                margin-left: -10px;
            }

        #powerOfAttorney .right_box {
            float: right;
            width: 25%;
        }

        #powerOfAttorney .row_input {
            margin-bottom: 8px;
        }

            #powerOfAttorney .row_input.dot {
                border-bottom: 1px dotted #000;
            }

            #powerOfAttorney .row_input .left {
                float: left;
                margin-bottom: -2px;
                background-color: white;
                padding-right: 2px;
            }

            #powerOfAttorney .row_input .right {
                float: right;
                margin-bottom: -2px;
                background-color: white;
                padding-left: 2px;
            }

            #powerOfAttorney .row_input .box-input {
                border: 1px solid #000;
                width: 28px;
                height: 30px;
                display: inline-block;
            }

            #powerOfAttorney .row_input .box-dash {
                display: inline;
                height: 30px;
                vertical-align: super;
            }

        #powerOfAttorney .subrow_input {
            height: 16.5px;
            margin-bottom: 4px;
        }

            #powerOfAttorney .subrow_input.dot {
                border-bottom: 1px dotted #000;
            }

            #powerOfAttorney .subrow_input .left {
                float: left;
                margin-bottom: -2px;
                background-color: white;
                padding-right: 2px;
            }

        #powerOfAttorney .row_input .box-dash:after {
            content: "-";
        }

        #powerOfAttorney .row_paragraph {
            text-indent: 40px;
            padding-top: 10px;
        }

        #powerOfAttorney .padtop2 {
            padding-top: 10px;
        }

        #powerOfAttorney .padtop3 {
            padding-top: 20px;
        }

        #powerOfAttorney .padtop4 {
            padding-top: 30px;
        }

        #powerOfAttorney .margintop1 {
            margin-top: 5px;
        }

        #powerOfAttorney .margintop2 {
            margin-top: 10px;
        }

        #powerOfAttorney .padleft2 {
            padding-left: 15px;
        }

        #powerOfAttorney .padleft4 {
            padding-left: 50px;
        }

        #powerOfAttorney .marginleft4 {
            margin-left: 40px;
        }

        #powerOfAttorney .marginleft45 {
            margin-left: 45px;
        }

        #powerOfAttorney .marginright40 {
            margin-right: 40%;
        }

        #powerOfAttorney .marginright35 {
            margin-right: 35%;
        }

        #powerOfAttorney .signature_container .col-left {
            width: 47.5%;
            float: left;
            padding-top: 100px;
        }

        #powerOfAttorney .signature_container .col-right {
            width: 47.5%;
            float: right;
        }

        #powerOfAttorney .box-signature {
            border: 1.5px solid #000;
            text-align: center;
            padding-top: 150px;
            margin-bottom: 13px;
        }
    }

    @media screen and (max-width: 320px) {
        .confirmdialogPDPA {
            background: rgba(255,255,255,0.9);
            width: 300px;
            height: 270px;
            margin: auto;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
        }

        .text_bodyPDPA {
            font-family: 'KrungsriSimple';
            width: 250px;
            height: 130px;
            resize: none;
            font-size: 10px;
            border: none;
        }

        .confirmdialog_UrlPDPA {
            font-weight: bold;
            font-family: 'KrungsriSimple';
            margin-left: 0px;
            font-size: 10px;
        }

        .header_userlogin_mobile {
            width: 30%;
        }

        .header_userlogin_mobile_none {
            display: none;
        }
    }

    @media print {
        .breadcrumb {
            display: none;
        }

        .progressrow {
            display: none;
        }

        .header {
            display: none;
        }

        .content_left {
            display: none;
        }

        .content_right {
            margin-left: 0px;
        }

        .framebox {
            height: auto;
            overflow: hidden;
        }

        .framebox_short {
            height: auto;
            overflow: hidden;
        }

        .buttonrow {
            display: none;
        }

        .footer {
            display: none;
        }

        .accounttable_confirm {
            border: solid 1px #ccc;
        }

            .accounttable_confirm thead th {
                border-bottom: solid 1px #ccc;
            }

        .header_printbg {
            display: block;
        }

            .header_printbg img {
                width: 100%;
            }

        .rolling_input_headerline {
            border: solid 1px #ccc;
        }
    }

    /** Jcrop */

    .jcrop-holder {
        direction: ltr;
        text-align: left;
    }
    /* Selection Border */
    .jcrop-vline,
    .jcrop-hline {
        background: #ffffff url("../../../css/Jcrop.gif");
        font-size: 0;
        position: absolute;
        overflow: hidden;
    }

    .jcrop-vline {
        height: 100%;
        width: 1px !important;
    }

        .jcrop-vline.right {
            right: 0;
        }

    .jcrop-hline {
        height: 1px !important;
        width: 100%;
    }

        .jcrop-hline.bottom {
            bottom: 0;
        }
    /* Invisible click targets */
    .jcrop-tracker {
        height: 100%;
        width: 100%;
        /* "turn off" link highlight */
        -webkit-tap-highlight-color: transparent;
        /* disable callout, image save panel */
        -webkit-touch-callout: none;
        /* disable cut copy paste */
        -webkit-user-select: none;
    }
    /* Selection Handles */
    .jcrop-handle {
        background-color: #333;
        border: 1px #eeeeee solid;
        width: 7px;
        height: 7px;
        font-size: 1px;
    }

        .jcrop-handle.ord-n {
            left: 50%;
            margin-left: -4px;
            margin-top: -4px;
            top: 0;
        }

        .jcrop-handle.ord-s {
            bottom: 0;
            left: 50%;
            margin-bottom: -4px;
            margin-left: -4px;
        }

        .jcrop-handle.ord-e {
            margin-right: -4px;
            margin-top: -4px;
            right: 0;
            top: 50%;
        }

        .jcrop-handle.ord-w {
            left: 0;
            margin-left: -4px;
            margin-top: -4px;
            top: 50%;
        }

        .jcrop-handle.ord-nw {
            left: 0;
            margin-left: -4px;
            margin-top: -4px;
            top: 0;
        }

        .jcrop-handle.ord-ne {
            margin-right: -4px;
            margin-top: -4px;
            right: 0;
            top: 0;
        }

        .jcrop-handle.ord-se {
            bottom: 0;
            margin-bottom: -4px;
            margin-right: -4px;
            right: 0;
        }

        .jcrop-handle.ord-sw {
            bottom: 0;
            left: 0;
            margin-bottom: -4px;
            margin-left: -4px;
        }
    /* Dragbars */
    .jcrop-dragbar {
        display: none;
    }
    /* Simple macro to turn off the antlines */
    .solid-line .jcrop-vline,
    .solid-line .jcrop-hline {
        background: #fff;
    }
    /* Fix for twitter bootstrap et al. */
    .jcrop-holder img,
    img.jcrop-preview {
        max-width: none;
    }

    /* Fix IE */
    .lt-ie9 select {
        height: auto;
    }

    /* fix button in table */
    .mutualfund_listtable_button,
    .billpayment_billertable_button,
    .transfer_money_button,
    .billpayment_listtable_button,
    .yellowpoints_historytable_button {
        margin-top: -9px;
        margin-bottom: -9px;
    }

    .billpayment_viewdetail_button { /*margin-top: -5px;*/
    }

    .exchange_table .billpayment_viewdetail_button {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    table img {
        margin-bottom: -5px;
    }

    .transaction_summary_body, .inputbox, .transaction_detail_body {
        line-height: 1.35;
    }

    .maker_reject_button {
        border: solid 1px #bcbdc0;
        border-radius: 2px;
        background: #f6f6f6;
        background-image: linear-gradient(to bottom, #f3f3f4 0%, #f7f8f8 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fff3f3f4,endColorstr=#fff7f8f8);
        height: 24px;
        width: 90px;
        margin: 0px 10px 10px;
        font-family: KrungsriSimpleMedium,Sans-Serif;
        font-size: 11px;
        color: rgb(35,31,32);
    }

    .lt-ie9 .maker_reject_button {
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fffdb415,endColorstr=#fffad30a);
    }

    .no-touch .maker_reject_button:hover, .maker_reject_button:active {
        border: solid 1px #7c695f;
        background: #bfaea1;
        background-image: linear-gradient(to bottom, #a28f84 0%, #cfc0b1 100%);
        color: white;
    }

    .no-touch.lt-ie9 .maker_reject_button:hover, .lt-ie9 .maker_reject_button:active {
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffa28f84,endColorstr=#ffcfc0b1);
    }

    .search_container {
        padding: 10px 0 30px 0;
    }

    .search_box {
        display: inline-block;
        padding-left: 5%;
    }

    .search_submit {
        display: inline-block;
    }

        .search_submit input {
            height: 25px;
        }

    .userlist_table tr.inactive_row {
        color: #989898;
    }

    .userlist_table tr.active_row {
        color: #58585a;
    }

    .userlist_table tr.inactive_row .maroondot {
        background-color: #989898;
    }

    .margin_top_10 {
        margin-top: 10px;
    }


    .clearnone {
        clear: none;
    }

    .switch {
        position: relative;
        display: inline-block;
        width: 55px;
        height: 20px;
    }

        .switch input {
            display: none;
        }

    .slider {
        position: absolute;
        cursor: pointer;
        overflow: hidden;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #f2f2f2;
        -webkit-transition: .4s;
        transition: .4s;
    }

        .slider:before {
            position: absolute;
            z-index: 2;
            content: "";
            height: 16px;
            width: 16px;
            left: 3px;
            bottom: 3px;
            background-color: white;
            -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.22);
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.22);
            -webkit-transition: .4s;
            transition: all 0.4s ease-in-out;
        }

        .slider:after {
            position: absolute;
            left: 0;
            z-index: 1;
            content: "ON";
            font-size: 12px;
            text-align: left !important;
            line-height: 20px;
            padding-left: 0;
            width: 60px;
            color: #fff;
            height: 20px;
            border-radius: 20px;
            background-color: #ffd300;
            -webkit-transform: translateX(-46px);
            -ms-transform: translateX(-46px);
            transform: translateX(-46px);
            transition: all 0.4s ease-in-out;
        }

    input:checked + .slider:after {
        -webkit-transform: translateX(0px);
        -ms-transform: translateX(0px);
        transform: translateX(0px);
        /*width: 235px;*/
        padding-left: 8px;
    }

    input:checked + .slider:before {
        background-color: #fff;
    }

    input:checked + .slider:before {
        -webkit-transform: translateX(34px);
        -ms-transform: translateX(34px);
        transform: translateX(34px);
    }

    /* Rounded sliders */
    .slider.round {
        border-radius: 20px;
    }

        .slider.round:before {
            border-radius: 50%;
        }

    .absolute-no {
        position: absolute;
        left: 0;
        color: darkslategrey;
        text-align: right !important;
        font-size: 12px;
        width: calc(100% - 8px);
        height: 20px;
        line-height: 20px;
        cursor: pointer;
    }

    .informationdialog_background {
        background: rgba(0,0,0,0.5);
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 10000;
        overflow: hidden;
    }

    .lt-ie9 .informationdialog_background {
        background: url(../images-main/blank.gif);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000,endColorstr=#80000000);
    }

    .lt-ie7 .informationdialog_background {
        position: absolute;
        top: expression(0+((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+'px');
        left: expression(0+((e=document.documentElement.scrollLeft)?e:document.body.scrollLeft)+'px');
    }

    .informationdialog {
        background: rgba(255,255,255,0.9);
        width: 80%;
        height: 80%;
        margin: auto;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }

    .lt-ie9 .informationdialog {
        background: none;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E6FFFFFF,endColorstr=#E6FFFFFF);
        position: static;
        margin-top: 200px;
    }

    .informationdialog_head {
        font-size: 22px;
        margin-left: 20px;
        margin-right: 20px;
        margin-top: 10px;
        padding-bottom: 10px;
        border-bottom: solid 1px rgb(255,210,0);
    }

    .informationdialog_body {
        margin-left: 20px;
        margin-right: 20px;
        margin-top: 10px;
        height: calc(100% - 110px);
        clear: both;
        overflow: scroll;
    }

    .informationdialog_icon {
        float: left;
        height: 100%;
        width: 40px;
        text-align: center;
    }

    .informationdialog_message {
        font-family: 'KrungsriSimple';
        font-size: 14px;
        line-height: 20px;
        float: left;
    }

    .informationdialog_buttonrow {
        width: 100%;
        text-align: center;
    }

    .dots-menu {
        position: absolute;
        top: 5%;
        right: 3%;
    }

    .dots-menu-icon {
        width: 10px;
        height: 20px;
        background-image: radial-gradient(circle, white 2px, transparent 2px);
        background-size: 100% 33.33%;
    }

    .content_top_left_mainmenu_wrapper {
        background-color: #ffec94;
        position: relative;
        height: 44px;
        border-bottom: solid 1px #cccccc;
        width: 210px;
    }

        .content_top_left_mainmenu_wrapper .content_title {
            font-family: KrungsriSimpleMedium,Sans-Serif;
            font-size: 13px;
            width: 155px;
            line-height: 18px;
            padding: 4px 30px 4px 10px;
        }

            .content_top_left_mainmenu_wrapper .content_title div {
                text-overflow: ellipsis;
                overflow: hidden;
                white-space: nowrap;
            }

                .content_top_left_mainmenu_wrapper .content_title div:only-child {
                    line-height: 34px;
                }

                .content_top_left_mainmenu_wrapper .content_title div:nth-child(2) {
                    font-family: KrungsriSimple;
                }

    .content_left_mainmenu_iconrow {
        position: absolute;
        top: 0;
        right: 0;
    }

    @media screen and (min-width: 989px) {
        .content_top_left_mainmenu_wrapper {
            display: none;
        }
    }

    .btn_size_wide {
        min-width: 170px;
        width: auto;
    }

    /*global transfer*/
    .input_text_long {
        border: 1px solid #cccccc;
        background-color: #fff;
        background-size: 100%;
        width: 281px;
        height: 25px;
        margin: 5px 0px;
    }

    .header_transaction {
        font: KrungsriSimpleMedium,Sans-Serif;
        background: #FEF7E6;
        border-radius: 8px;
        padding-top: 10px;
        padding-right: 0px;
        padding-bottom: 10px;
        padding-left: 10px;
        margin-bottom: 10px;
    }

    .infobox_title {
        background: antiquewhite;
        border-radius: 8px;
    }

    .border_hide {
        border-top: none;
        border-bottom: none;
    }

    .header_background-color {
        background-color: #d5d4d4;
    }

    .transaction_global_transfer_note {
        border-bottom: solid 1px #bfbfbf;
    }

    .transaction_global_transfer_netamount {
        border-top: solid 1px #bfbfbf;
        border-bottom: solid 1px #bfbfbf;
    }

    .transaction_note {
        font-size: 12px;
        width: 100%;
        padding-top: 0px
    }

    .inputbox_label_address {
        float: left;
        width: 35%;
        margin-top: 7px
    }

    .label_global_address {
        font-size: 14px;
        margin-left: 30px;
    }

    .header_global_transfer {
        background-color: #FFFBE3;
        padding: 4px;
    }

    .header_global_transfer_history {
        background: #EEEEEE;
        padding: 4px;
    }

    .header_global_transfer_text {
        padding: 4px 0px 4px 12px;
        font-family: 'KrungsriSimpleBold';
        font-size: 14px;
    }

    .headline_global_transfer_history {
        padding: 6px 0px 6px 0px;
        gap: 6px;
        font-family: KrungsriSimpleMedium;
        font-size: 16px;
        color: #FFFFFF;
        text-align: center;
        /* margin-bottom: 24px;*/
    }

    .transaction_global_transfer_result_orange {
        background: #D99808;
    }

    .transaction_global_transfer_result_green {
        background: #00a651;
    }

    .transaction_global_transfer_result_red {
        background: #ed1c24;
    }

    .global_transfer_info_box_red {
        background: #fee7e0;
        border-radius: 8px;
    }

    .global_transfer_info_box_green {
        background: #ebffe0;
        border-radius: 8px;
    }

    .global_transfer_info_box_orange {
        background: #f7e2c8;
        border-radius: 8px;
    }

    .label_msg_red {
        color: #D30000;
    }



    .no_margin {
        margin: 0px;
    }



/* Short Term Loan Page */
/* Section Account  */
.column .inputbox {
    width: 100%;
    overflow: hidden;
    margin: 5px 0px 0px -15px;
    position: relative;
    min-height: 20px;
    float: left;
}

    .column .inputbox .inputbox_label_half {
        float: left;
        width: 45%;
    }

        .column .inputbox .inputbox_label_half .label .boldtext {
            font-size: 14px;
            font-weight: bold;
            float: left;
            width: 40%;
        }

    .column .inputbox .inputbox_input_half {
        float: right;
        width: 55%;
    }

    .column .inputbox .input {
        font-size: 14px;
        text-align: right;
    }

    .column .inputbox .inputbox_input_half .input {
        margin-left: 0px;
    }
/* ------------------ */

.transaction_detail_row_value.stl_transaction_value {
    text-align: right;
}

.attached_file_value {
    color: #f76f00;
}