@charset "utf-8";
/*
Theme Name: Buzzebees
Theme URI: https://www.buzzebees.com/
Author: inspire2designs
Author URI: http://www.inspire2designs.com/
Version: 1.0
*/
/* Ton seo tag h category*/

.cat_h1 {
    font: 17px/42px 'robotocondensed', sans-serif;
}

.thai .cat_h1 {
    font: 21px/28px 'supermarket', sans-serif;
}

.cat_h2 {
    color: #e77111;
    font: 15px 'robotocondensed', sans-serif;
}

.thai .cat_h2 {
    color: #e77111;
    font: 19px/1.1 'supermarket', sans-serif;
}

.cat_h3 {
    color: #fff;
    font: 14px/1.1 'robotocondensed', sans-serif;
}

    .cat_h3:hover {
        color: #e77111;
    }

.thai .cat_h3 {
    color: #fff;
    font: 17px/1.1 'supermarket', sans-serif;
}

    .thai .cat_h3:hover {
        color: #e77111;
    }

.cat_h1_mobile {
    font: 17px/40px 'robotocondensed', sans-serif;
    color: #e77111;
    padding-left: 10px;
}

.thai .cat_h1_mobile {
    font: 19px/40px 'supermarket', sans-serif;
    color: #e77111;
    padding-left: 10px;
}

.cat_h2_mobile {
    color: #313131;
    font: 14px/30px 'robotocondensed', sans-serif;
}

.thai .cat_h2_mobile {
    color: #313131;
    font: 16px/30px 'supermarket', sans-serif;
}

.cat_h3_mobile {
    float: left;
    color: #626262 !important;
    font: 14px/30px 'robotocondensed', sans-serif !important;
}

.img_cat_mobile {
    float: left;
    margin-top: 7px !important;
}

.thai .cat_h3_mobile {
    float: left;
    color: #626262 !important;
    font: 16px/30px 'supermarket', sans-serif !important;
}


.hero {
    padding-left: 85px;
}

.border_transparent article {
    border: 4px solid transparent;
}

.border-gold {
    border-image: url(../images/border-gold.gif) 4 4 4 4 repeat stretch !important;
    -moz-border-image: url(../images/border-gold.gif) 4 4 4 4 repeat stretch !important;
    -webkit-border-image: url(../images/border-gold.gif) 4 4 4 4 repeat stretch !important;
}

#main {
    background-color: none;
}

#caption_header_fb_friends {
    display: none;
}

#caption_header_fb_invite_friends {
    display: none;
}

/*
.border-gold {
	border-image: url(../images/border-gold.png) 4 4 4 4 repeat stretch!important;
	-moz-border-image: url(../images/border-gold.png) 4 4 4 4 repeat stretch!important;
	-webkit-border-image: url(../images/border-gold.png) 4 4 4 4 repeat stretch!important;
}
*/
@media (min-width: 1290px) {
    #main {
        background-color: white;
    }
}

.fbLogin {
    width: 54px;
    height: 28px;
    background: url(../Images/login-out_btn.png) 0 0px;
}

    .fbLogin:hover {
        background: url(../Images/login-out_btn.png) 0 27px;
    }

.fbLogout {
    width: 54px;
    height: 28px;
    background: url(../Images/login-out_btn.png) 55px 0px;
}

    .fbLogout:hover {
        background: url(../Images/login-out_btn.png) 55px 27px;
    }

/* Ton : review */

.fblike {
    width: 14px;
    height: 14px;
    background-image: url(../Images/Facebook/icon_like_active.png);
    background-repeat: no-repeat;
    background-size: 14px 14px;
}

.fbunlike {
    width: 14px;
    height: 14px;
    background-image: url(../Images/Facebook/icon_like_inactive.png);
    background-repeat: no-repeat;
    background-size: 14px 14px;
}

.facebook_user_name {
    margin-top: 15px;
    /*font-size: @sizeMedium;*/
    color: #5d78cf;
    font-weight: bold;
}

.facebook_time {
    margin-top: 2px;
    /*font-size: @sizeSmallest;*/
    color: #969696;
}

.facebook_content {
    margin-top: 15px;
    /*font-size: @sizeSmall;*/
    color: #525151;
}

.fbMessage {
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
}

/* end review */

/* Ton : location */
.location_wrapper {
    margin-top: 10px;
    border: 1px solid #cccccc;
    height: 288px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.location_header {
    width: 100%;
    height: 40px;
    background-color: Black;
}

.list_location {
    width: 100%;
    height: 245px;
    border: 1px solid #cccccc;
    border-top-style: none;
    border-left-style: none;
    border-right-style: none;
    overflow: auto;
}

.list_location_seemore {
    width: 100%;
    height: 20px;
}

.search {
    margin-top: 3px;
}
.mg-t {
    margin-top: 10px;
}

.search-left {
    width: 20px;
    height: 23px;
    background-image: url(../Images/Dialog/bg_search_left.png);
    background-size: 20px 23px;
    background-repeat: no-repeat;
    float: left;
}

.search-mid {
    height: 23px;
    background-image: url(../Images/Dialog/bg_search_middle.png);
    background-size: 1px 23px;
    background-repeat: repeat-x;
    float: left;
}

.search-input {
    /*width: 100%;*/
    border: 0px;
    background: transparent;
    color: black;
    height: 24px;
}

.search-right {
    width: 32px;
    height: 23px;
    background-image: url(../Images/Dialog/bg_search_right.png);
    background-size: 32px 23px;
    background-repeat: no-repeat;
    float: left;
}

.image_profile {
    margin-top: 1px;
    margin-left: 2px;
    margin-right: 2px;
    margin-bottom: 5px;
    width: 28px;
    border-bottom: 1px solid #999;
    float: left;
}

.name_profile {
    left: 30px;
    right: 0;
    width: 600px;
    height: 35px;
    margin-left: 8px;
    line-height: 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px;
    float: left;
}

.sidemenuitem {
    border: 1px solid #cccccc;
    border-top-style: none;
    border-left-style: none;
    border-right-style: none;
    padding-top: 5px;
    padding-left: 5px;
}

.icon_chk_selected {
    background-image: url(../Images/Dialog/checkbox-en.png);
    width: 20px;
    height: 20px;
    float: left;
    margin-top: 3px;
    cursor: pointer;
}

.icon_chk_non_selected {
    background-image: url(../Images/Dialog/checkbox.png);
    width: 16px;
    height: 16px;
    float: left;
    margin-top: 7px;
    cursor: pointer;
}

.removeTag {
    background: #e2e6f0;
    border: 1px solid #9daccc;
    -webkit-border-radius: 2px;
    color: #1c2a47;
    cursor: default;
    display: block;
    float: left;
    height: 14px;
    margin: 0 4px 4px 0;
    padding: 0 3px;
    position: relative;
    white-space: nowrap;
    font-size: 12px;
    padding-right: 15px;
}

.removeIcon {
    width: 13px;
    height: 13px;
    background-image: url(../Images/Dialog/cancel.png);
    background-size: 13px 13px;
    background-repeat: no-repeat;
    position: absolute;
    cursor: pointer;
}

/* end tag location */

/* Ton : begin sticker */
.list_sticker {
    width: 100%;
    height: 203px;
    border: 1px solid #cccccc;
    border-top-style: none;
    overflow: auto;
    margin-left: auto;
    margin-right: auto;
}

.list_sticker_wrapper {
    /* Ton : 475 �Ҩҡ�ٻ 5 �ٻ ��Ҵ 95*95 */
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.emo-pic {
    padding-top: 3px;
    padding-bottom: 3px;
    float: left;
    height: 95px;
    width: 95px;
    cursor: pointer;
}

.emosize {
    max-height: 95px;
    max-width: 95px;
}

.list_sticker_set {
    width: 100%;
    height: 45px;
    overflow: auto;
    border: 1px solid #cccccc;
    border-top-style: none;
    margin-left: auto;
    margin-right: auto;
}

.list_sticker_set_wrapper {
}

.emo-pic-set {
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 1px;
    padding-right: 1px;
    float: left;
    height: 40px;
    width: 50px;
    cursor: pointer;
    border: 1px solid #cccccc;
    border-top-style: none;
    border-left-style: none;
    border-bottom-style: none;
}

.emo-pic-set_wrapper {
    width: 40px;
    margin-left: auto;
    margin-right: auto;
}

.emosetsize {
    max-height: 40px;
    max-width: 40px;
    margin-left: auto;
    margin-right: auto;
}
/* end sticker */

/* begin dialog review */
.review-zone {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

#dialog-overlay-review {
    width: 100%;
    height: 100%;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.0;
    background: white;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 3000;
    display: none;
}

.dialog_review_content {
    background: #FFF;
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    max-width: 700px;
    width: 96%;
    height: 600px;
    top: 0;
    bottom: 0;
    position: absolute;
    z-index: 9999;
    left: 0;
    right: 0;
    margin-bottom: auto;
    margin-left: auto;
    margin-right: auto;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-top: 180px;
}

/* end dialog review */

/* begin dialog share */
.button_share {
    background: #e77111;
    width: 120px;
    height: 40px;
    margin-left: auto;
    margin-right: 15px;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
    padding-top: 9px;
    font-weight: bold;
    color: white;
}

.share-content {
    margin-top: 15px;
}

.shareinfo {
    border: 1px solid rgb(204, 204, 204);
    border-left-style: none;
    border-right-style: none;
}

.share_box {
    height: 310px;
    border: 1px solid rgb(204, 204, 204);
    width: 97%;
    margin-left: auto;
    margin-right: auto;
}

/* end dialog share */

/* begin dialog notification */
.dialog_notification {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

#dialog-overlay-notification {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 3000;
}

#dialog_notification_wrapper {
    /*background: url(../images/Dialog/bg_notification.png) no-repeat;*/
    background-color: White;
    width: 400px;
    height: 480px;
    margin-top: 90px;
    margin-right: 258px;
    padding-top: 10px;
    float: right;
}

#dialog_notification_container {
    width: 380px;
    margin-left: auto;
    margin-right: auto;
}

.line_notification {
    background: url(../images/line.png);
    height: 2px;
}

.listitem-newcampaign {
    position: relative;
    top: 0px;
    display: block;
    width: 100%;
    height: 80px;
    cursor: pointer;
}

.frame_notification {
    position: relative;
    height: 87px;
    margin-top: 10px;
}

.icon_count_noti {
    background: url(../images/Notification/bg_circle_noti.png) no-repeat;
    position: absolute;
    margin-left: 53px;
    margin-top: -7px;
    text-align: center;
    width: 20px;
    height: 20px;
    color: white;
    display: none;
}

.icon_noti_tri {
    position: absolute;
    margin-top: 28px;
    display: none;
}

.unread {
    background-color: #f2f2f2;
}

.listitem-left {
    position: absolute;
    left: 0px;
    width: 104px;
    height: 100%;
}

.listitem-icon {
    width: 70px;
    height: 70px;
    margin-top: 8px;
    margin-left: 6px;
    border-radius: 8px;
    box-shadow: 0px 2px 2px 0px rgba(128,128,128,0.5);
    border: 1px solid #e9e9e9;
}

.listitem-right {
    right: 0px;
    margin-left: 106px;
    height: 100%;
    color: #231F20;
}

.listitem-name {
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 17px;
    padding-top: 10px;
    height: 47px;
}

.listitem-bottom {
    margin-top: 5px;
}
/* end dialog notification */

/* begin Dialog Point */
#dialog-overlay-point {
    width: 100%;
    height: 100%;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.0;
    background: white;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 3000;
    display: none;
}

.dialog_point_gain {
    opacity: 0.5;
    background: #000;
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    width: 170px;
    height: 110px;
    top: 0;
    bottom: 0;
    position: absolute;
    z-index: 9999;
    left: 0;
    right: 0;
    margin-bottom: auto;
    margin-left: auto;
    margin-right: auto;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-top: 280px;
}

.icon_point_gain {
    margin-left: auto;
    margin-right: auto;
    height: 50px;
    width: 50px;
    background: url(../images/icon_point_gain.png);
    background-repeat: no-repeat;
    background-size: 50px 50px;
}
/* End Dialog Point */

/* Ton : Add Style */
.sizeTextLarge {
    font-size: 18px;
}

.sizeTextBig {
    font-size: 16px;
}

.sizeTextMedium {
    font-size: 14px;
}

.sizeTextSmall {
    font-size: 12px;
}

.fontSuper {
    font-family: 'supermarket';
}

.fontFirst {
    font-family: 'robotoregular' !important;
}

.thai .fontFirst {
    font-family: 'supermarket' !important;
}
/* ton add */
.showHeaderNews {
    display: none;
}

.iconLike {
    background: url(../images/icon_like_active.png) no-repeat right center;
    padding-right: 19px;
}

.iconUnLike {
    background: url(../images/icon_like_inactive.png) no-repeat right center;
    padding-right: 19px;
}

/* GENERAL */
/* ton change 
body, #sb-site {background: #e4e4e4 url(../images/body-bg.jpg) repeat;-webkit-font-smoothing: antialiased}*/
body, #sb-site {
    -webkit-font-smoothing: antialiased;
}

    body.bg_header, body.bg_header #sb-site {
        background: url(../images/bg_header_blank.jpg) center top no-repeat, url(../images/body-bg.jpg) repeat !important;
        -webkit-font-smoothing: antialiased;
    }


    body.contact, body.contact #sb-site {
        background: url(../images/bg_header_20171017_1456.jpg) center top no-repeat !important;
    }

#sb-site {
    box-shadow: 0 0 3px 3px rgba(0,0,0,.2);
}

p, li {
    color: #000;
    font: 13px/1.4 Tahoma;
    margin: 0;
}

a {
    text-decoration: none;
}

    a:hover {
        text-decoration: none;
    }

    a:focus {
        outline: 0;
    }

h1, h2, h3, h4, h5, h6 {
    color: #000;
    font-family: 'robotoregular', sans-serif;
    line-height: 1.4;
    margin: 0;
}

h1 {
    font-size: 25px;
}

h2 {
    font-size: 24px;
}

h3 {
    font-size: 23px;
}

h4 {
    font-size: 22px;
}

h5 {
    font-size: 20px;
}

h6 {
    font-size: 18px;
}

.form-control:focus {
    border: none;
    box-shadow: none;
}

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

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

.text-center {
    text-align: center;
}

.blue-btn {
    background: #5674d5;
    color: #fff;
    padding: 10px 20px;
    text-align: center;
}

.nobg {
    background: none !important;
}

.nomargin {
    margin: 0 !important;
}

/* BOOTSTRAP 5 COLUMN */
@media (min-width: 768px) {
    .fivecolumns .col-md-2, .fivecolumns .col-sm-2, .fivecolumns .col-lg-2 {
        width: 20%;
        *width: 20%;
    }
}

@media (min-width: 1200px) {
    .fivecolumns .col-md-2, .fivecolumns .col-sm-2, .fivecolumns .col-lg-2 {
        width: 20%;
        *width: 20%;
    }
}

@media (min-width: 768px) and (max-width: 979px) {
    .fivecolumns .col-md-2, .fivecolumns .col-sm-2, .fivecolumns .col-lg-2 {
        width: 20%;
        *width: 20%;
    }
}

/* FONTS */
@font-face {
    font-family: 'supermarket';
    src: url('../fonts/supermarket-webfont.eot');
    src: url('../fonts/supermarket-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/supermarket-webfont.woff') format('woff'), url('../fonts/supermarket-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

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

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

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

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

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

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

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

.supermarket {
    font-family: 'supermarket', Tahoma;
}

.robotolight {
    font-family: 'robotolight', sans-serif;
}

.robotomedium {
    font-family: 'robotomedium', sans-serif;
}

.robotoregular {
    font-family: 'robotoregular', sans-serif;
}

.robotocondensed {
    font-family: 'robotocondensed', sans-serif;
}

.robotoblack {
    font-family: 'robotoblack', sans-serif;
}

.robotobold {
    font-family: 'robotobold', sans-serif;
}

.robotothin {
    font-family: 'robotothin', sans-serif;
}

/* HEADER */
/* ton change 
.header {background: url(../images/header-bg.jpg) no-repeat center top;height: 104px}*/
.header {
    height: 104px;
}

    .header .logo {
        margin: 9px 0;
    }

.header-info, .microsite.customer .header-info {
    float: right;
    margin: 25px 0 0 0;
}

    .header-info img, .microsite.customer .header-info img {
        float: left;
        margin-right: 10px;
    }

    .header-info .point {
        float: left;
    }

        .header-info .point span {
            color: #000;
            float: left;
            font-size: 21px;
            margin: 0 5px;
            text-transform: uppercase;
        }

        .header-info .point ul {
            float: left;
            margin: 0;
            padding: 0;
        }

        .header-info .point li {
            background: #000;
            background: rgba(0,0,0,.6);
            color: #fff;
            list-style: none;
            display: inline;
            font: 20px 'robotocondensed', sans-serif;
            padding: 1px 5px;
        }

    .header-info .fb-like {
        float: left;
        margin: 0 0 0 10px;
    }

.microsite .header-info {
    float: none;
    text-align: center;
}

    .microsite .header-info img {
        float: none;
    }

/* NAVIGATION */
.main-navigation {
    background: #e7a257;
    background: rgba(221,122,16,.7);
}

    .main-navigation ul {
        list-style: none;
        margin-bottom: 0;
        padding-left: 0;
    }

    .main-navigation .leftnav {
        float: left;
    }

        .main-navigation .leftnav li {
            display: inline;
        }

            /* ton change */
            .main-navigation .leftnav li a {
                color: #fff;
                font: 17px/42px 'robotocondensed', sans-serif;
                padding: 0 20px;
                text-transform: uppercase;
                height: 42px;
            }
/* ton change */
.thai .main-navigation .leftnav li a {
    font: 21px/28px 'supermarket', sans-serif;
    padding-top: 10px;
    height: 42px;
}

.main-navigation .leftnav .active a {
    color: #000;
}

.main-navigation .rightnav {
    float: right;
}

    .main-navigation .rightnav li {
        display: inline;
    }

    .main-navigation .rightnav li {
        color: #fff;
        font: 17px/42px 'robotocondensed', sans-serif;
        text-transform: uppercase;
    }

.thai .main-navigation .rightnav li {
    font: 21px/28px 'supermarket', sans-serif;
    padding-top: 7px;
}

.main-navigation .rightnav .searchnav {
    float: left;
    position: relative;
    width: 210px;
}

.main-navigation .rightnav span, .main-navigation .rightnav .searchform {
    float: left;
}

.main-navigation .rightnav .searchform {
    margin: 10px 0 0 5px;
}

.thai .main-navigation .rightnav .searchform {
    margin: 3px 0 0 5px;
}

.main-navigation .rightnav .searchform input {
    background: #fff;
    background: rgba(256,256,256,.45);
    border: none;
    color: #000;
    font: 13px/22px 'supermarket', sans-serif;
    height: 22px;
    width: 147px;
    padding: 3px 25px 3px 6px;
    position: absolute;
}

.thai .main-navigation .rightnav .searchform input {
    width: 154px;
}

.main-navigation .rightnav .searchform .btn-link {
    position: absolute;
    top: 10px;
    right: 3px;
}

.thai .main-navigation .rightnav .searchform .btn-link {
    top: 10px;
    right: 14px;
}

.main-navigation .rightnav .searchform .glyphicon-search {
    color: #fff;
    font-size: 15px;
}

.main-navigation .rightnav .iconnav a {
    padding-left: 3px;
}

.thai .main-navigation .rightnav .iconnav a {
    line-height: 42px;
}

/* ON HOVER */
ul.nav li.dropdown:hover > ul.dropdown-menu.dropbar {
    display: block;
}

/* SUBMENU */
.main-navigation .leftnav .sf-menu li li.nolink {
    border-bottom: 1px solid #3b3b3b;
    color: #e77111;
    font: 15px 'robotocondensed', sans-serif;
    margin: 0 10px;
    padding: 5px;
    text-transform: uppercase;
    width: 190px;
}

.thai .main-navigation .leftnav .sf-menu li li.nolink {
    font: 19px/1.1 'supermarket', sans-serif;
}

/* ton change */
.main-navigation .leftnav .sf-menu li li a {
    border-bottom: 1px solid #3b3b3b;
    color: #e77111;
    font: 15px 'robotocondensed', sans-serif;
    margin: 0 10px;
    padding: 5px;
    height: auto;
}

.thai .main-navigation .leftnav .sf-menu li li a {
    font: 19px/1.1 'supermarket', sans-serif;
    height: auto;
}

.main-navigation .leftnav .sf-menu li li.sublink a {
    border: none;
    /*color: #626262; */
    color: #fff;
    font: 14px/1.1 'robotocondensed', sans-serif;
    margin: 0 5px 0 25px;
    padding: 5px;
}

.thai .main-navigation .leftnav .sf-menu li li.sublink a {
    font: 17px/1.1 'supermarket', sans-serif;
}

.main-navigation .leftnav .sf-menu li li a:hover { /*color: #fff*/
    color: #e77111;
}

/* MOBILE MENU */
.navbar {
    margin-bottom: 0;
}

.navbar-default {
    background: #ff920a;
    background: rgba(255, 146, 10, 0.8);
    border-bottom: none;
}

.navbar-left {
    background: url(../images/navtoggle-border.png) repeat-y top left;
    cursor: pointer;
    float: right !important;
    padding: 13px;
    width: 58px;
}

.navbar .icon-bar {
    background: #fce8c9;
    display: block;
    height: 5px;
    width: 30px;
    margin-bottom: 3px;
}

.navbar .header-info, .microsite.customer .navbar .header-info {
    margin: 10px 10px 0 0;
}

/* SIDENAV */
.sb-slidebar h4 {
    /* background: #000 url(../images/sidenavtop-bg.png) repeat-x; */
    /* border-bottom: 1px solid #434343; */
    color: #b0b0b0;
    line-height: 48px;
    height: 50px;
    /* text-align: center; */
    /* text-transform: uppercase; */
    /* background: #e77111; */
}

.thai .sb-slidebar h4 {
    font: 24px/48px 'supermarket', sans-serif;
}

.sidenav {
    background: #e4e4e4;
    padding-bottom: 40px;
    background-color: #FFA750;
}

    .sidenav hgroup {
        background: #101010;
        border-bottom: 1px solid #434343;
        overflow: hidden;
    }

    .sidenav h3 {
        color: #e77111;
        font: 17px/40px 'robotocondensed', sans-serif;
        float: left;
        padding-left: 10px;
        text-transform: uppercase;
        width: 70%;
    }

        .sidenav h3 a {
            color: #e77111;
            padding-left: 0;
        }

.thai .sidenav h3 {
    font: 19px/40px 'supermarket', sans-serif;
}

.sidenav hgroup .fb-like {
    float: right;
    margin: 10px 5px 0 0;
}

.sidenav ul {
    margin-bottom: 0;
    padding-left: 0;
}

.sidenav li {
    /* border-top: 1px solid #000000; */
    /* border-bottom: 1px solid #000000; */
    list-style: none;
    /* padding-left: 20px; */
    /* margin-left: 10px; */
    /* margin-right: 10px; */
}

    .sidenav li a, .sidenav li.nolink, .sidenav .btn-link {
        color: #313131;
        font: 14px/30px 'robotocondensed', sans-serif;
        text-transform: uppercase;
        /*text-shadow: 1px 0 0 #f3f2f2;*/
        cursor: pointer;
        display: block;
    }

.thai .sidenav li a, .thai .sidenav li.nolink, .thai .sidenav .btn-link {
    font: 16px/30px 'supermarket', sans-serif;
    display:block;
}

.sidenav li.sublink a {
    color: #626262;
    padding-left: 5px;
    /*text-shadow: 1px 0 0 #f3f2f2;*/
}

.sidenav li a img {
    margin: 0 5px 5px 0;
}

.sidenav .btn-link {
    background: url(../images/accordion-open.png) no-repeat center right;
    padding: 0;
    text-align: left;
    width: 90%;
    background-size: 15px;
}

    .sidenav .btn-link.collapsed {
        background: url(../images/accordion-close.png) no-repeat center right;
        background-size: 15px;
    }

    .sidenav .btn-link:hover {
        text-decoration: none;
    }

.sidenav li.droplink li {
    /* border-bottom: none; */
    /* border-top: 1px solid #c6c6c6; */
    padding-top: 3px;
    padding-bottom: 3px;
}

    .sidenav li.droplink li img {
        height: 20px;
        width: 20px;
        margin-top: 4px;
    }

/* FEATURED */
.featured-hero {
    position: relative;
}

.featured-unit {
    position: absolute;
    top: 50%;
    left: 20%;
}

    .featured-unit input {
        background: #fff url(../images/icon-magnify.png) no- border: none;
        color: #333;
        font: 20px/42px 'robotocondensed', sans-serif;
        height: 42px;
        text-align: center;
        border-radius: 6px;
    }

    .featured-unit .btn-default {
        background: #e3913f url(../images/btn-default-bg.png) repeat-x;
        border: none;
        color: #fff;
        font: 20px/42px 'robotocondensed', sans-serif;
        height: 42px;
        text-transform: uppercase;
        border-radius: 6px;
    }

.featured-bg {
    background-position: center top !important;
    background-repeat: no-repeat !important;
}

/* CONTENT */
.headline {
    background: url(../images/line.png) no-repeat center center;
    margin: 25px 0 10px;
}

    .headline h1 {
        color: #e77111;
        font-size: 14px;
        text-align: center;
        text-transform: uppercase;
        text-shadow: 1px 0 0 #fff;
    }

.box {
    background: #fff;
    margin-bottom: 30px;
    padding: 5px;
    overflow: hidden;
    box-shadow: 0 3px 3px 0 rgba(0,0,0,.2);
}

    .box .left {
        float: left;
        text-align: left;
    }

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

    .box .pic {
        margin-bottom: 10px;
    }

        .box .pic img {
            width: 100%;
        }

    .box .detail {
        font-size: 14px;
        padding: 0 5px 5px;
        overflow: hidden;
    }

        .box .detail .left {
            margin-top: 3px;
            width: 50%;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        /* ton add */
        .box .detail .agency {
            width: 85%;
        }

    .box p {
        color: #303030;
        font: 20px/24px 'supermarket', Tahoma;
        margin-bottom: 5px;
    }

    .box .btn-default {
        background: #ff920a;
        border: 1px solid #ffbe6c;
        color: #fff;
        font: 18px 'robotocondensed', sans-serif;
        padding: 1px 10px;
        border-radius: 0;
    }

        .box .btn-default:hover {
            background: #fca942;
        }

    .box .red {
        color: #b90009;
    }

    .box .orange {
        color: #e77111;
    }

    .box .info {
        background: url(../images/boxinfo-bg.png) no-repeat center top;
        border-top: 1px solid #e97d32;
        clear: both;
        overflow: hidden;
        margin-bottom: 5px;
        padding: 0 5px;
    }

    .box h2 {
        font: 24px 'robotobold', sans-serif;
        text-transform: uppercase;
    }

        .box h2 span {
            font-size: 15px;
        }

    .box h3 {
        color: #2a2929;
        font: 18px/21px 'supermarket', Tahoma;
    }

    .box.big .info .left, .box.big .info .right {
        width: 50%;
    }

    .box.big h2 {
        font-size: 24px;
    }

    .box.big h2, .box.big h3 {
        text-align: center;
    }

    .box.tall .pic {
        margin-bottom: 17px;
    }

.loader {
    display: none;
    margin-bottom: 20px;
    text-align: center;
}

/* MICROSITE */
/* ton change 
.microsite #sb-site {background: #fff url(../images/header-large-bg.jpg) no-repeat center top;height: auto;overflow: hidden}*/
.microsite #sb-site {
    height: auto;
    overflow: hidden;
}

.microsite .header {
    background: none;
    height: auto;
}

.microsite .main-navigation .leftnav li a { /*padding: 0 35px*/
}

.thai.microsite .main-navigation .leftnav li a {
    padding-top: 10px;
}

.slider {
    margin-bottom: 15px;
}

.service h1, .service h2, .service h3, .service h4, .service h5, .service h6 {
    font-family: 'robotobold', sans-serif;
    margin-bottom: 5px;
}

.service p {
    font: 20px/1.2 'supermarket', Tahoma;
}

.service h1 {
    font-size: 50px;
}

.service h2 {
    font-size: 45px;
}

.service h3 {
    font-size: 40px;
}

.service h4 {
    font-size: 35px;
}

.service h5 {
    font-size: 30px;
}

.service h6 {
    font-size: 25px;
}

.service .entry {
    background-repeat: no-repeat !important;
    background-position: center top !important;
    height: 540px;
    margin-bottom: 15px;
    position: relative;
}

    .service .entry .text-position {
        position: absolute;
    }

/* ton change
.microsite.customer #sb-site {background: #fff url(../images/header-page-bg.jpg) no-repeat center top;height: auto;overflow: hidden} */
.microsite.customer #sb-site {
    height: auto;
    overflow: hidden;
}

.customer .hero {
    margin: 35px 0;
}

.customer-list {
    padding-bottom: 40px;
}

    .customer-list .entry {
        background: #fff url(../images/dot-line.png) repeat-x bottom left;
        padding: 40px;
        position: relative;
    }

        .customer-list .entry .detail {
            position: absolute;
            top: 50px;
        }

            .customer-list .entry .detail h4 {
                color: #626262;
                font: 18px 'robotocondensed', sans-serif;
                margin-bottom: 5px;
            }

            .customer-list .entry .detail p {
                color: #626262;
                font: 14px 'roboto', sans-serif;
            }

.thai .customer-list .entry .detail p {
    color: #626262;
    font: 16px/20px 'supermarket', sans-serif;
}

.customer-list .entry .detail .more {
    background: #ff920a;
    color: #fff;
    display: inline-block;
    font: 20px 'robotocondensed', sans-serif;
    margin: 5px 0 20px;
    padding: 5px 15px;
}

    .customer-list .entry .detail .more:hover {
        background: #ef8603;
    }

.customer-list .entry .detail .app-link img {
    margin-right: 10px;
}

/* PAGE */
/* ton change
.page #sb-site {background: url(../images/header-page-bg.jpg) no-repeat center top;height: auto;overflow: hidden} */
.page #sb-site {
    height: auto;
    overflow: hidden;
}

.page .header {
    background: none;
    height: auto;
}

.page .hero {
    margin: 35px 0;
}

.hero h1 {
    color: #ffdd17;
    font-size: 57px;
    line-height: 60px;
    text-transform: uppercase;
}

.hero h2 {
    color: #fff;
    color: rgba(256,256,256,.8);
    font-size: 33px;
}

.content .box {
    padding: 0;
    overflow: inherit;
    margin: 0;
    box-shadow: none;
}

.content .topic {
    background: #3a3a3c;
    color: #c5c5c5;
    font: 18px 'robotoregular', sans-serif;
    padding: 10px 40px;
}

.thai .content .topic {
    font: 18px 'supermarket', sans-serif;
}

.content .box .tiny {
    padding: 40px;
}

.profile .content .box .topic {
    padding-left: 120px;
}

.profile .content .box .tiny .box-center {
    margin-bottom: 70px;
    width: 80%;
}

    .profile .content .box .tiny .box-center p {
        color: #c1c1c1;
        margin-bottom: 0;
    }

    .profile .content .box .tiny .box-center h2 {
        color: #aaabaf;
    }

.profile .content .box .tiny .avatar {
    background: #fff;
    padding: 10px;
    border-radius: 15px;
    width: 200px;
}

.profile .content .box .tiny {
    padding: 15px 120px 40px;
}

.profile .content .box label, .profile .content .box .form-control-static {
    color: #ff9609;
    font: 19px 'robotocondensed', sans-serif;
    text-align: left;
}

.thai.profile .content .box label {
    font: 20px 'supermarket', sans-serif;
}

.profile .content .box .form-control-static {
    margin-bottom: 0;
    padding-top: 0;
}

.profile .content .box input, .profile .content .box textarea {
    background: #f3f3f5;
    border: 1px solid #e7e7e7;
    color: #999;
    font: 15px 'robotoregular', sans-serif;
    box-shadow: none;
}

.thai.profile .content .box input, .thai.profile .content .box textarea {
    font: 17px 'supermarket', sans-serif;
}

.profile .content .box .form-group {
    margin-bottom: 25px;
}

.profile .content .box .btn {
    background: #eb7325;
    font: 15px 'robotoregular', sans-serif;
    padding: 7px 50px;
    text-transform: uppercase;
}

.thai.profile .content .box .btn {
    font: 18px 'supermarket', sans-serif;
}

.profileform {
    clear: both;
}

/* LOGIN */
.login .content .box {
    padding: 80px 10px;
    text-align: center;
}

    .login .content .box h2 {
        font: 36px 'robotolight', sans-serif;
        margin-top: 10px;
        text-transform: inherit;
    }

.thai.login .content .box h2 {
    font: 37px/40px 'supermarket', sans-serif;
}

.login .content .box h5 {
    color: #565656;
    font: 18px 'robotolight', sans-serif;
    margin-bottom: 50px;
}

.thai.login .content .box h5 {
    font: 19px 'supermarket', sans-serif;
}

.login .content .box h6 {
    color: #7793ed;
    font: 14px 'robotolight', sans-serif;
    margin-top: 5px;
}

.thai.login .content .box h6 {
    font: 15px 'supermarket', sans-serif;
}

.login .content .box .blue-btn {
    font: 16px 'robotoregular', sans-serif;
    padding: 10px 50px;
    border-radius: 0;
}

    .login .content .box .blue-btn:hover {
        background: #6784e2;
        color: #fff;
    }

.login .content .box .or {
    margin: 20px auto 50px;
}

.login .content .box hr {
    border-color: #fddaac;
    margin: 5px 0;
}

.login .content .box .loginbox {
    background: #fefbf8;
    border: 1px solid #fddaac;
    margin: 0 auto 25px;
    padding: 0 20px;
    width: 330px;
}

    .login .content .box .loginbox label {
        background: url(../images/orange-arrow.png) no-repeat right 10px;
        color: #242424;
        font: 16px 'robotobold', sans-serif;
        padding-right: 20px;
        text-align: left;
    }

.thai.login .content .box .loginbox label {
    font: 17px 'supermarket', sans-serif;
}

.login .content .box .loginbox input {
    background: #fefbf8;
    border: none;
    color: #a0a0a0;
    font: 16px 'robotoregular', sans-serif;
    text-align: right;
    box-shadow: none;
}

.thai.login .content .box .loginbox input {
    font: 17px 'supermarket', sans-serif;
}

.login .content .box .loginbox .form-group {
    margin-bottom: 0;
    padding: 15px 0;
}

.login .content .box .loginmeta {
    margin: 0 auto;
    padding: 0 13px;
    width: 330px;
}

    .login .content .box .loginmeta .checkbox {
        margin-top: 10px;
        padding: 0;
    }

    .login .content .box .loginmeta label {
        color: #6f7278;
        font: 14px 'robotoregular', sans-serif;
    }

.thai.login .content .box .loginmeta label {
    font: 15px 'supermarket', sans-serif;
}

.login .content .box .loginmeta .btn {
    font: 16px 'robotoregular', sans-serif;
    padding: 10px 50px;
    text-transform: uppercase;
}

.thai.login .content .box .loginmeta .btn {
    font: 17px 'supermarket', sans-serif;
}

.toggletab .nav-pills {
    margin: 0 auto;
    width: 230px;
}

    .toggletab .nav-pills > li > a {
        color: #fd9309;
        font: 14px 'robotoregular', san-serif;
        text-decoration: underline;
        border-radius: 0;
    }

.thai .toggletab .nav-pills > li > a {
    font: 15px 'supermarket', sans-serif;
}

.toggletab .nav > li > a:hover,
.toggletab .nav > li > a:focus,
.toggletab .nav-pills > li.active > a,
.toggletab .nav-pills > li.active > a:hover,
.toggletab .nav-pills > li.active > a:focus {
    background: none;
    color: #fd9309;
}

.toggletab .tab-pane {
    padding: 20px 0;
}

.toggletab .line {
    background: url(../images/orange-line.png) no-repeat center center;
    color: #fd9309;
    font: 16px 'robotobold', sans-serif;
    margin-bottom: 40px;
    text-align: center;
}

.thai .toggletab .line {
    font: 17px 'supermarket', sans-serif;
}

.toggletab .line span {
    background: #fff;
    padding: 0 5px;
}

.login .content .box .forgotbox {
    background: #fefbf8;
    border: 1px solid #fddaac;
    margin: 0 auto 25px;
    padding: 0 20px;
    width: 330px;
}

    .login .content .box .forgotbox label {
        background: url(../images/orange-arrow.png) no-repeat right 10px;
        color: #242424;
        font: 16px 'robotobold', sans-serif;
        padding-right: 20px;
        text-align: left;
    }

.thai.login .content .box .forgotbox label {
    font: 17px 'supermarket', sans-serif;
}

.login .content .box .forgotbox input {
    background: #fefbf8;
    border: none;
    color: #a0a0a0;
    font: 16px 'robotoregular', sans-serif;
    text-align: right;
    box-shadow: none;
}

.thai.login .content .box .forgotbox input {
    font: 17px 'supermarket', sans-serif;
}

.login .content .box .forgotbox .form-group {
    margin-top: 15px;
}

.login .content .box .forgotbox h6 {
    color: #fd9309;
    font: 14px 'robotobold', sans-serif;
    text-align: center;
}

.thai.login .content .box .forgotbox h6 {
    font: 15px 'supermarket', sans-serif;
}

.login .content .box .forgotmeta .btn {
    font: 16px 'robotoregular', sans-serif;
    padding: 10px 50px;
    text-transform: uppercase;
}

.thai.login .content .box .forgotmeta .btn {
    font: 17px 'supermarket', sans-serif;
}

.login .content .box .signupbox {
    background: #fefbf8;
    border: 1px solid #fddaac;
    margin: 0 auto 25px;
    padding: 0 20px 10px;
    width: 330px;
}

    .login .content .box .signupbox label {
        background: url(../images/orange-arrow.png) no-repeat right 10px;
        color: #242424;
        font: 15px 'robotobold', sans-serif;
        padding-right: 20px;
        text-align: left;
    }

.thai.login .content .box .signupbox label {
    font: 17px 'supermarket', sans-serif;
}

.login .content .box .signupbox input {
    background: #fefbf8;
    border: none;
    color: #a0a0a0;
    font: 16px 'robotoregular', sans-serif;
    text-align: right;
    box-shadow: none;
}

.thai.login .content .box .signupbox input {
    font: 17px 'supermarket', sans-serif;
}

.login .content .box .signupbox .inline-group {
    margin: 0 0 15px;
}

    .login .content .box .signupbox .inline-group label {
        margin: 0 0 5px 0;
        padding: 0;
    }

    .login .content .box .signupbox .inline-group input {
        border: 1px solid #fddaac;
        font: 13px 'robotoregular', sans-serif;
        float: left;
        margin-right: 3px;
        padding: 5px;
        text-align: center;
        border-radius: 0;
    }

.thai.login .content .box .signupbox .inline-group input {
    font: 14px 'supermarket', sans-serif;
}

.login .content .box .signupbox .form-group {
    margin-top: 15px;
}

.login .content .box .signupbox h6 {
    color: #fd9309;
    font: 14px 'robotobold', sans-serif;
    text-align: center;
}

.thai.login .content .box .signupbox h6 {
    font: 15px 'supermarket', sans-serif;
}

.login .content .box .signupmeta .btn {
    font: 16px 'robotoregular', sans-serif;
    padding: 10px 50px;
    text-transform: uppercase;
}

.thai.login .content .box .signupmeta .btn {
    font: 17px 'supermarket', sans-serif;
}

.login .content .box .checkbox {
    text-align: left;
}

    .login .content .box .checkbox label {
        color: #6f7278;
        font: 14px 'robotoregular', sans-serif;
    }

.thai.login .content .box .checkbox label {
    font: 15px 'supermarket', sans-serif;
}

.login .content .box .signupbox .checkbox {
    padding-left: 14px;
}

.icheckbox_square-orange {
    margin-right: 5px;
}

.checkgender {
    margin: 0 auto;
    overflow: hidden;
    width: 130px;
}

    .checkgender span {
        border: 1px solid #fddaac;
        color: #999;
        cursor: pointer;
        display: inline-block;
        float: left;
        height: 34px;
        font: 14px/34px 'robotoregular', sans-serif;
        padding: 0 12px;
    }

.thai .checkgender span {
    font: 15px/34px 'supermarket', sans-serif;
}

.checkgender span.active {
    background: #ff920a;
    border-color: #ff920a;
    color: #fff;
}

.login .content .box label.error {
    background: none;
    color: #f00;
    float: right;
    font: 12px Tahoma;
    margin: 0;
    padding: 0;
    text-align: right;
}

.thai.login .content .box label.error {
    font: 12px Tahoma;
}

.login .content .box .checkbox label.error {
    position: absolute;
    top: 43px;
    width: 187px;
}

.thai.login .content .box .checkbox label.error {
    width: 163px;
}

.login .content .box .signupmeta {
    color: #6f7278;
    font: 13px 'robotoregular', sans-serif;
    margin: 0 auto 25px;
    width: 300px;
}

.thai.login .content .box .signupmeta {
    font: 14px 'supermarket', sans-serif;
}

.login .content .box .signupmeta a {
    color: #fd9309;
    font: 14px 'robotoregular', san-serif;
    text-decoration: underline;
}

.thai.login .content .box .signupmeta a {
    font: 15px 'supermarket', sans-serif;
}

.login .content .box .signupmeta .captcha {
    margin-left: 20px;
}

.login .content .box .signupmeta .captchaimage {
    border: 1px solid #d7d6d6;
}

.login .content .box .signupmeta input {
    border: 1px solid #fddaac;
    font: 13px 'robotoregular', sans-serif;
    text-align: center;
    box-shadow: none;
    border-radius: 0;
}

.thai.login .content .box .signupmeta input {
    font: 14px 'supermarket', sans-serif;
}

/* CAREERS */
.careers .content .box {
    padding: 150px 10px;
    text-align: center;
}

    .careers .content .box h2 {
        color: #f69524;
        font: 36px 'robotoregular', sans-serif;
        margin-top: 10px;
        text-transform: inherit;
    }

.thai.careers .content .box h2 {
    font: 39px/40px 'supermarket', sans-serif;
}

.careers .content .box h4 {
    color: #565656;
    font: 22px 'robotolight', sans-serif;
    margin-bottom: 30px;
}

.thai.careers .content .box h4 {
    font: 24px 'supermarket', sans-serif;
}

.careers .content .box .btn {
    background: #eb7325;
    font: 16px 'robotoregular', sans-serif;
    margin: 15px auto;
    padding: 5px 0;
    text-transform: uppercase;
    width: 130px;
}

.thai.careers .content .box .btn {
    font: 18px 'supermarket', sans-serif;
}

.careers .content .careersform {
    padding: 100px 100px 100px 150px;
}

    .careers .content .careersform .control-label {
        color: #6d6e71;
        font: 17px 'robotoregular', sans-serif;
        text-align: left;
    }

.thai.careers .content .careersform .control-label {
    font: 19px 'supermarket', sans-serif;
}

.careers .content .careersform input, .careers .content .careersform textarea {
    background: #f3f3f4;
    border: 1px solid #dcddde;
}

.careers .content .careersform .form-group {
    margin-bottom: 30px;
}

.careers .content .careersform .bootstrap-filestyle .btn {
    background: #c7c9cb url(../images/browse-bg.png) repeat-x;
    border: none;
    color: #58585a;
    font: 17px 'robotobold', sans-serif;
    margin: 0;
}

.careers .content .careerstable {
    margin-top: 0px;
    padding: 0 0 50px;
}

    .careers .content .careerstable .table {
        border-bottom: 1px solid #ededed;
        width: 100%;
        box-shadow: 0 1px 3px rgba(0,0,0,.2);
    }

        .careers .content .careerstable .table tr th {
            background: #3a3a3c;
            border: none;
            color: #c6c6c8;
            font: 14px 'robotocondensed', sans-serif;
            padding: 7px 20px 7px 30px;
            text-align: center;
        }

.thai.careers .content .careerstable .table tr th {
    font: 16px 'supermarket', sans-serif;
}

.careers .content .careerstable .table tr td {
    background: #fff url(../images/careers-td-bg.png) repeat-x;
    color: #727274;
    font: 14px 'robotoregular', sans-serif;
    padding: 7px 20px 7px 30px;
    text-align: center;
}

.thai.careers .content .careerstable .table tr td {
    font: 16px 'supermarket', sans-serif;
}

.careers .content .careerstable .table tr td.highlight {
    background: #fdf1e1 url(../images/careers-td-highlight-bg.png) repeat-x;
}

.careers .content .careerstable .table tr td.text-center {
    text-align: center;
}

.careers .content .careerstable .table tr td a {
    color: #f56026;
}

.careerslist {
    background: #fff;
    margin: 20px 0 10px;
    padding-bottom: 10px;
    position: relative;
}

    .careerslist .careers-mark {
        background: url(../images/careers-mark.png) no-repeat;
        display: block;
        position: absolute;
        top: -10px;
        right: 20px;
        height: 32px;
        width: 24px;
    }

        .careerslist .careers-mark.red {
            background: url(../images/careers-mark-red.png) no-repeat;
        }

    .careerslist h2 {
        color: #e87011;
        font: 30px 'robotoregular', sans-serif;
        padding: 10px 50px 5px 20px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 100%;
    }

.thai .careerslist h2 {
    font: 32px 'supermarket', sans-serif;
}

.careerslist .topic {
    background: none;
    color: #626262;
    font: 16px 'robotoregular', sans-serif;
    padding: 0 60px 5px 20px;
}

.thai .careerslist .topic {
    font: 18px 'supermarket', sans-serif;
}

.careerslist .topic span {
    color: #313131;
    display: inline-block;
    font: 16px 'robotobold', sans-serif;
    width: 110px;
}

.thai .careerslist .topic span {
    font: bold 18px 'supermarket', sans-serif;
}

.careerslist .right {
    position: absolute;
    right: 5px;
    bottom: 45px;
}

.thai .careerslist .right {
    bottom: 60px;
}

.careerslist .right a {
    background: url(../images/careers-arrow.png) no-repeat center center;
    display: block;
    height: 100px;
    width: 50px;
}

/* LOCAL BUSINESS */
/*.local .hero {margin: 95px 0 80px}
.local .hero h1 {font-size: 60px;line-height: 60px}*/
.local .hero h1 {
    font-size: 50px;
    line-height: 50px;
}

.local .content .box {
    padding: 150px 10px;
    text-align: center;
}

    .local .content .box h2 {
        color: #f69524;
        font: 36px 'robotoregular', sans-serif;
        margin-top: 10px;
        text-transform: inherit;
    }

.thai.local .content .box h2 {
    font: 39px/40px 'supermarket', sans-serif;
}

.local .content .box h4 {
    color: #565656;
    font: 22px 'robotolight', sans-serif;
    margin-bottom: 30px;
}

.thai.local .content .box h4 {
    font: 24px 'supermarket', sans-serif;
}

.local .content .box .btn {
    background: #eb7325;
    font: 16px 'robotoregular', sans-serif;
    margin: 15px auto;
    padding: 5px 0;
    text-transform: uppercase;
    width: 130px;
}

.thai.local .content .box .btn {
    font: 18px 'supermarket', sans-serif;
}

.local .content .localform {
    padding: 100px 100px 100px 150px;
}

    .local .content .localform .control-label {
        color: #6d6e71;
        font: 17px 'robotoregular', sans-serif;
        text-align: left;
    }

.thai.local .content .localform .control-label {
    font: 19px 'supermarket', sans-serif;
}

.local .content .localform input, .local .content .localform textarea, .local .content .localform select {
    background: #f3f3f4;
    border: 1px solid #dcddde;
}

.local .content .localform .form-group {
    margin-bottom: 30px;
}

.local .content .localform .captchameta {
    color: #6f7278;
    font: 13px 'robotoregular', sans-serif;
    margin: 0 auto 15px;
    width: 300px;
}

.local .content .localform .captcha {
    margin-left: 20px;
}

.local .content .localform .captchaimage {
    border: 1px solid #d7d6d6;
}

/* JOIN */
.join .hero {
    margin: 35px 0 5px;
}

    .join .hero h1 {
        font: 57px/60px 'supermarket', sans-serif;
    }

    .join .hero h2 {
        font: 33px/40px 'supermarket', sans-serif;
    }

.join-section {
    margin-bottom: 80px;
}

.join-table-head {
    width: 100%;
}

    .join-table-head td {
        background: url(../images/join-head-bg.png) repeat-x;
        color: #fff;
        font: 16px/20px 'supermarket', sans-serif;
        padding: 40px 0 8px;
        text-align: center;
        width: 140px;
    }

        .join-table-head td span {
            font-size: 17px;
        }

    .join-table-head .left {
        background: url(../images/join-head-left.png) no-repeat right bottom;
        width: auto;
    }

    .join-table-head .right {
        background: url(../images/join-head-right.png) no-repeat right bottom;
        width: 8px;
    }

    .join-table-head .center {
        background: url(../images/join-head-center.png) no-repeat center bottom;
        width: 16px;
    }

/*.join-table {background: url(../images/join-bg.jpg) repeat-y;width: 100%}*/
.join-table {
    background: #333;
}

    .join-table td.text {
        background: #e5e5e4 url(../images/points-td-bg.png) repeat-x bottom center;
        border: 1px solid #cfcfcf;
        border-top: none;
        color: #333;
        font: 16px/20px 'supermarket',sans-serif;
        padding: 10px;
        text-align: center;
        width: 140px;
    }

    .join-table .left {
        color: #fff;
        font: 16px/20px 'supermarket', sans-serif;
        padding: 10px;
    }

    .join-table .right {
        width: 8px;
    }

    .join-table .center {
        width: 16px;
    }

#sb-site .content {
    background: white;
}

#sb-site {
    min-height: none !important;
    /* background:  white; */
}

.verify {
    background: white;
}
/*body.join section.content{margin-bottom:50px;}*/
body.join .footer { /*position:absolute; bottom:0;*/
    width: 100%;
}


.join-table-footer {
    margin-top: 10px;
    width: 100%;
}

    .join-table-footer .sign {
        background: #ff920a;
        font: 18px 'robotocondensed', sans-serif;
        padding: 5px 0;
        text-align: center;
        text-transform: uppercase;
        width: 140px;
    }

        .join-table-footer .sign a {
            color: #fff;
        }

    .join-table-footer .left {
        padding: 10px;
        width: auto;
    }

    .join-table-footer .right {
        width: 8px;
    }

    .join-table-footer .center {
        width: 16px;
    }

.mobile .nav {
    border-bottom: 2px solid #8b5401;
    margin-bottom: 15px;
}

    .mobile .nav > li {
        text-align: center;
        width: 31%;
    }

        .mobile .nav > li > a {
            color: #7c7c7c;
            font: 25px/30px 'supermarket', sans-serif;
            padding: 10px 15px 30px;
        }

            .mobile .nav > li > a:hover, .mobile .nav > li > a:focus {
                background: none;
            }

.mobile .nav-pills > li.active > a,
.mobile .nav-pills > li.active > a:hover,
.mobile .nav-pills > li.active > a:focus {
    background: url(../images/brown-arrow.png) no-repeat center bottom;
    color: #8b5401;
    font-size: 40px;
}

.mobile .box {
    padding: 10px 25px 20px;
}

    .mobile .box .entry {
        border-bottom: 1px solid #f8a034;
        color: #616161;
        font: 18px 'supermarket', sans-serif;
        margin-top: 10px;
        padding-bottom: 10px;
        overflow: hidden;
    }

    .mobile .box .sign {
        background: #ff920a;
        color: #fff;
        display: block;
        font: 18px 'robotocondensed', sans-serif;
        margin: 20px auto;
        padding: 10px 15px;
        text-align: center;
        text-transform: uppercase;
        width: 100px;
    }

    .mobile .box .entry .col-xs-4 {
        text-align: center;
    }

/* CONTACT */
.contact .hero {
    margin: 35px 0 320px;
}

.contact .content {
    background: #fff;
}

    .contact .content .map {
        background: #fff;
        padding: 10px;
        border-radius: 15px;
        box-shadow: 0 2px 3px rgba(0,0,0,.3);
    }

    .contact .content .contacttable {
        border: none;
    }

        .contact .content .contacttable tr td {
            color: #8f8b8b;
            font: 13px 'robotoregular',sans-serif;
            padding: 5px 30px 5px 0;
            text-align: left;
        }

.thai.contact .content .contacttable tr td {
    font: 15px 'supermarket', sans-serif;
}

.contact .google-maps {
    position: relative;
    padding-bottom: 50%;
    height: 0;
    overflow: hidden;
    margin-bottom: 40px;
    box-shadow: 0 2px 3px rgba(0,0,0,.3);
}

    .contact .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }

.contact .box .tiny h4 {
    font-size: 18px;
}

.contact .box .tiny h6 {
    font-size: 16px;
}

/* FAQ */
.faq .content .box .tiny {
    padding-top: 10px;
}

    .faq .content .box .tiny .panel-body figure {
        max-width: 100%;
    }

.faq .panel-group .panel {
    overflow: inherit;
}

.faq .panel {
    border: none;
    box-shadow: none;
}

.faq .panel-heading a:hover, .faq .panel-heading a:focus {
    text-decoration: none;
}

.faq .panel-title {
    margin: 0;
}

    .faq .panel-title > a {
        color: #3a3a3b;
        font-size: 20px;
        display: block;
        padding-right: 30px;
    }

        .faq .panel-title > a.collapsed {
            background: url(../images/toggle-right.png) no-repeat right center;
        }

    .faq .panel-title > a {
        background: url(../images/toggle-down.png) no-repeat right center;
    }

.thai.faq .panel-title > a {
    font-size: 21px;
}

.faq .panel-group .panel-heading + .panel-collapse .panel-body {
    border: none;
}

.faq .panel-body {
    padding: 10px 0;
}

/* PRESS */
.press .topmeta {
    background: #3a3a3c;
    overflow: hidden;
}

    .press .topmeta .topic {
        float: left;
    }

    .press .topmeta .social {
        float: right;
        margin: 12px 25px 0 0;
    }

        .press .topmeta .social div {
            color: #e77111;
            display: inline;
            font: 16px 'robotoregular', sans-serif;
            margin-left: 15px;
        }

            .press .topmeta .social div span {
                color: #a5a5a6;
                font-size: 14px;
                margin-right: 5px;
            }

            .press .topmeta .social div.like span {
                background: url(../images/icon-like.png) no-repeat right center;
                padding-right: 19px;
            }

            .press .topmeta .social div.comment span {
                background: url(../images/icon-comment.png) no-repeat right center;
                padding-right: 25px;
            }

            .press .topmeta .social div.share span {
                background: url(../images/icon-share.png) no-repeat right center;
                padding-right: 20px;
            }

.press .content .box {
    padding-bottom: 60px;
}

.press .content .entry {
    background: url(../images/dot.png) repeat-x bottom left;
    overflow: hidden;
    margin: 0 30px;
    padding: 30px 0;
}

    .press .content .entry h2 {
        font: 18px 'robotoregular', sans-serif;
        text-transform: inherit;
    }

.thai.press .content .entry h2 {
    font: 19px 'supermarket', sans-serif;
}

.press .content .entry h2 a {
    color: #525151;
}

    .press .content .entry h2 a:hover {
        color: #fd9309;
    }

.press .content .entry .meta {
    color: #6c6c6c;
    font: 12px 'robotoregular', sans-serif;
    margin-bottom: 15px;
}

.thai.press .content .entry .meta {
    font: 14px 'supermarket', sans-serif;
}

.press .content .entry figure img {
    border: 2px solid #bfc1c1;
}

.press .content .entry p {
    color: #8f8b8b;
    font: 14px 'robotoregular', sans-serif;
    margin-bottom: 15px;
}

.thai.press .content .entry p {
    font: 16px 'supermarket', sans-serif;
}

.press .content .entry .indent {
    text-indent: 40px;
}

.press .content .entry .tiny {
    padding: 2px;
}

    .press .content .entry .tiny figure img {
        border: 5px solid #fff;
    }

.press-detail .content .box {
    padding-bottom: 0;
}

.press-detail .content .entry {
    background: none;
}

/* MARKETPLACE */
.marketplace .topmeta {
    background: #3a3a3c;
    overflow: hidden;
}

    .marketplace .topmeta .topic {
        float: left;
    }

    .marketplace .topmeta .social {
        float: right;
        margin: 12px 25px 0 0;
    }

        .marketplace .topmeta .social div {
            color: #e77111;
            display: inline;
            font: 12px 'robotoregular', sans-serif;
            margin-left: 15px;
        }

            .marketplace .topmeta .social div span {
                color: #a5a5a6;
                font-size: 11px;
                margin-right: 5px;
            }
            /*Ton Change 
.marketplace .topmeta .social div.like span {background: url(../images/icon-like.png) no-repeat right center;padding-right: 19px}*/
            .marketplace .topmeta .social div.comment span {
                background: url(../images/icon-comment.png) no-repeat right center;
                padding-right: 25px;
            }

            .marketplace .topmeta .social div.share span {
                background: url(../images/icon-share.png) no-repeat right center;
                padding-right: 20px;
            }

.marketplace .content .tiny ul {
    padding-left: 0;
}

.marketplace .content .tiny li {
    background: url(../images/bullet-orange.png) no-repeat left center;
    color: #5a5a5a;
    font: 14px 'robotoregular', sans-serif;
    list-style: none;
    margin-left: 0;
    padding-left: 20px;
}

.thai.marketplace .content .tiny li {
    font: 16px 'supermarket', sans-serif;
}

.marketplace .content .tiny .has-bg {
    color: #e77111;
}
/* ton change */
.marketplace .buy {
    background: #ff920a;
    clear: both;
    color: #fff;
    display: block;
    font: 22px 'roboto', sans-serif;
    margin: 10px auto;
    padding: 10px 15px;
    text-align: center;
    width: 140px;
    letter-spacing: 1px;
}

body.thai.marketplace .buy {
    padding: 5px 15px;
}

.thai.marketplace .buy {
    font: 23px 'supermarket', sans-serif;
    letter-spacing: 1px;
}

.buy:hover {
    text-decoration: none !important;
}

.marketplace .deeplink {
    position: relative;
    margin-bottom: 40px;
}

.marketplace .mk-info {
    position: absolute;
    bottom: -10px;
    right: 0;
    width: 310px;
    z-index: 100;
}

.marketplace .box p {
    color: #5a5a5a;
    font: 20px/24px 'supermarket', sans-serif;
    margin-bottom: 5px;
}

.thai.marketplace .box p {
    margin-bottom: 0;
}

/*TON change */
.marketplace .mk-info .box .info {
    background: none;
    border-top: none;
    border-bottom: 1px solid #e97d32;
    clear: both;
    overflow: hidden;
    /*margin-bottom: 15px;*/
    padding: 0 5px;
}

    /* Ton Change */
    .marketplace .mk-info .box .info .left {
        padding-top: 13px;
    }


.marketplace .mk-info .box h6 {
    font-size: 15px;
    margin: 0;
}

.thai.marketplace .mk-info .box h6 {
    font-size: 19px;
}

.marketplace .mk-info .box h6 span {
    margin-left: 10px;
}

.marketplace .mk-info .box h2 {
    font: 34px 'robotobold', sans-serif;
    margin: 0;
    text-transform: uppercase;
    margin-top: 10px;
}

.marketplace .box .meta {
    text-align: center;
}

    .marketplace .box .meta h5 {
        font-size: 27px;
        color: black !important;
    }

body.thai.marketplace .box .meta h5 {
    font-size: 30px;
}

.marketplace .mobile .box {
    margin: -10px -10px 20px;
    padding: 5px;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
}
    /* ton change */
    .marketplace .mobile .box h2 {
        font: 28px 'robotobold', sans-serif;
    }

    .marketplace .mobile .box h3 {
        font-size: 14px;
    }

    .marketplace .mobile .box figure img {
        border: none;
        box-shadow: none;
    }

    .marketplace .mobile .box .info {
        margin: 0;
        padding: 0;
    }

.marketplace .mobile .meta {
    margin-bottom: 15px;
}

    .marketplace .mobile .meta .social {
        float: none;
        margin: 0;
    }

        .marketplace .mobile .meta .social div {
            color: #616161;
            display: inline;
            font: 22px 'robotoregular', sans-serif;
            margin: 0 3px;
        }

        /* Ton Change */
        .marketplace .mobile .meta .social .like {
            background: url(../images/icon-like-mobile.png) no-repeat left center;
            padding-left: 35px;
        }
/* Ton Add */
.actionUnlikeMobile {
    background: url(../images/icon-unlike-mobile.png) no-repeat left center;
    padding-left: 35px;
}

.marketplace .mobile .meta .social .comment {
    background: url(../images/icon-social-comment.png) no-repeat left center;
    padding-left: 35px;
}

.marketplace .mobile .meta .social .share {
    background: url(../images/icon-social-share.png) no-repeat left center;
    padding-left: 30px;
}

.marketplace .google-maps {
    border: 5px solid #fff;
    position: relative;
    padding-bottom: 50%;
    height: 0;
    overflow: hidden;
    margin-bottom: 40px;
    box-shadow: 0 0 3px rgba(0,0,0,.3);
}

    .marketplace .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }

/* POINTS */
.points .tiny p {
    margin-bottom: 10px;
}

.points-table {
    background: url(../images/points-bg-big.jpg) repeat;
    width: 100%;
}

.points-table {
    background: #333;
}

    .points-table .point-topic {
        background: url(../images/white-transparent.png) repeat;
        color: #ffdd18;
        font: 16px 'robotoregular',sans-serif;
        padding: 10px 10px 10px 30px;
        width: 70%;
    }

.thai .points-table .point-topic {
    font: 17px 'supermarket', sans-serif;
}

.points-table th {
    background: #e7d7ce;
    color: #f15a29;
    font: 20px 'robotoregular',sans-serif;
    padding: 10px 10px 10px 30px;
}

.thai .points-table th {
    font: 17px 'supermarket', sans-serif;
}

.points-table .point-list {
    background: none;
    color: #fff;
}

.points-table td {
    background: #e5e5e4 url(../images/points-td-bg.png) repeat-x bottom center;
    color: #919396;
    font: 14px 'robotoregular',sans-serif;
    padding: 10px 10px 10px 30px;
}

.thai .points-table td {
    font: 16px 'supermarket', sans-serif;
}

.points-table .icon-p {
    background: url(../images/icon-p.png) no-repeat left center;
    background-size: 18px 18px;
    padding-left: 30px;
}

/* PURCHASE */
.purchase .headline {
    background: url(../images/line-narrow.png) no-repeat center center;
}

.purchase .topmeta {
    background: #3a3a3c;
    overflow: hidden;
}

    .purchase .topmeta .topic {
        float: left;
    }

    .purchase .topmeta .sorting {
        float: right;
        margin: 6px 0px -6px 0;
        padding: 0 20px;
        width: 300px;
    }

        /*ton change */
        .purchase .topmeta .sorting label {
            color: #c5c5c5;
            font: 18px 'robotocondensed', supermarket;
            padding-top: 4px;
        }

#dd_filter {
    font: 18px 'robotocondensed', supermarket;
}

.purchase .topmeta .sorting .form-control {
    background: #79797b;
    border: none;
    color: #fffff5;
    font: 17px 'robotocondensed', sans-serif;
    height: 32px;
    padding: 4px 12px;
}

.purchase .purchase-list {
    padding: 0 20px;
}
/*.purchase-list .box {border: 4px solid #fff;margin-bottom: 15px;position: relative;box-shadow: 0 0 3px rgba(0,0,0,.3)}
.purchase-list .border-gold {
	border-image: url(../images/border-gold.png) 4 4 4 4 repeat stretch!important;
	-moz-border-image: url(../images/border-gold.png) 4 4 4 4 repeat stretch!important;
	-webkit-border-image: url(../images/border-gold.png) 4 4 4 4 repeat stretch!important;
}*/
.purchase-list .box .detail .left {
    overflow: visible;
}

.purchase-list .box .point-gold {
    margin-top: -7px;
}

.purchase-list .box .play {
    position: absolute;
    top: 15%;
    left: 35%;
}

.purchase-list .meta {
    border: 2px solid #f1ad7e;
    padding: 15px;
    overflow: hidden;
    height: 142px;
    margin-bottom: 50px;
}

    .purchase-list .meta.border-gold {
        border-width: 4px;
        box-shadow: 0 0 3px rgba(0,0,0,.3);
    }

    .purchase-list .meta p {
        color: #3a3a3c;
        font: 12px 'robotoregular', sans-serif;
        margin: 0 auto 10px;
        width: 240px;
    }

    .purchase-list .meta .text-center {
        color: #ff991a;
    }

    .purchase-list .meta .btn {
        margin: 5px 0 0;
        text-transform: uppercase;
    }

    .purchase-list .meta .car-gray {
        background: url(../images/car-gray.png) no-repeat 0 5px;
        padding: 0 0 10px 50px;
    }

    .purchase-list .meta .car-orange {
        background: url(../images/car-orange.png) no-repeat 0 5px;
        padding: 0 0 10px 50px;
    }

    .purchase-list .meta .hand-gray {
        background: url(../images/hand-gray.png) no-repeat 0 5px;
        padding: 0 0 10px 45px;
    }

    .purchase-list .meta table {
        margin: 0 auto;
    }

        .purchase-list .meta table td {
            color: #e98139;
            font: 13px 'robotoregular', sans-serif;
        }

            .purchase-list .meta table td.left {
                color: #3a3a3c;
                width: 110px;
            }

.purchase-list .more {
    background: #ff920a;
    clear: both;
    color: #fff;
    display: block;
    font: 20px 'robotocondensed', sans-serif;
    margin: 5px auto 80px;
    padding: 5px 15px;
    text-align: center;
    width: 110px;
}

/* STAT */
.stat {
    margin-bottom: 5px;
    text-align: center;
}

/* FOOTER */
.footer {
    background: #fd9309;
    padding: 40px 0 30px;
}

    .footer ul {
        padding-left: 0;
    }

    .footer h2 {
        font: 16px 'robotocondensed', sans-serif;
        margin-bottom: 20px;
        text-transform: uppercase;
    }

.thai .footer h2 {
    font: 16px 'supermarket', sans-serif;
    margin-bottom: 10px;
}

.footer .footnav li {
    list-style: none;
}

    .footer .footnav li a {
        color: #3a3a3a;
        font: 14px 'robotocondensed', sans-serif;
    }

.thai .footer .footnav li a {
    font: 15px/1.4 'supermarket', sans-serif;
}

.footer .footnav li a:hover {
    text-decoration: underline;
}

.footer p {
    color: #3a3a3a;
    font: 15px 'robotocondensed', sans-serif;
    margin-bottom: 15px;
}

.thai .footer p {
    font: 15px/1.4 'supermarket', sans-serif;
}

.footer .footer-social li {
    display: inline;
}

.footer .footer-social a {
    display: inline-block;
    height: 36px;
    width: 36px;
    margin: 10px 5px;
    text-indent: -9999px;
}

.footer .footer-social .icon-facebook a {
    background: url(../images/icon-facebook.png) no-repeat;
}

.footer .footer-social .icon-twitter a {
    background: url(../images/icon-twitter.png) no-repeat;
}

/* TINY */
.tiny h1, .tiny h2, .tiny h3, .tiny h4, .tiny h5, .tiny h6 {
    font-family: 'robotoregular', sans-serif;
    line-height: 1.2;
    float: none;
    margin: 0 0 10px 0;
    text-transform: none;
}

.tiny h1 {
    font-size: 35px;
}

.tiny h2 {
    font-size: 30px;
}

.tiny h3 {
    font-size: 28px;
}

.tiny h4 {
    font-size: 25px;
}

.tiny h5 {
    font-size: 21px;
}

body.thai.marketplace .tiny h5 {
    font-size: 25px;
    letter-spacing: 1px;
}

.tiny h6 {
    font-size: 20px;
}

.tiny p {
    color: #8f8b8b;
    font: 14px 'robotoregular', sans-serif;
    margin-bottom: 30px;
}

.tiny .indent {
    text-indent: 40px;
}

.tiny a {
    color: #fd9309;
}

    .tiny a:hover {
        text-decoration: underline;
    }

.tiny ul {
    margin-bottom: 30px;
}

.tiny .nobullet li {
    list-style: none;
    margin-left: 0;
}

.tiny li {
    color: #8f8b8b;
    font: 13px 'robotoregular', sans-serif;
    list-style: disc;
    margin-left: 20px;
}

.thai .tiny li {
    font: 15px 'supermarket', sans-serif;
}

.tiny ol {
    margin-bottom: 30px;
}

    .tiny ol li {
        list-style: decimal;
        margin-left: 20px;
    }

.tiny hr {
    background: #fff;
    border: none;
    clear: both;
}

.tiny figure {
    max-width: 100%;
}

    .tiny figure img {
        border: 5px solid #fff;
        display: block;
        height: auto;
        margin-bottom: 10px;
        max-width: 100%;
        box-shadow: 0 0 3px 0 rgba(0,0,0,.3);
    }

    .tiny figure figcaption {
        color: #8f8b8b;
        font: 12px 'robotoregular', sans-serif;
        margin-bottom: 20px;
    }

.thai .tiny figure figcaption {
    font: 13px 'supermarket', sans-serif;
}

.tiny .aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.tiny .alignleft {
    float: left;
    margin-right: 30px;
}

.tiny .alignright {
    float: right;
    margin-left: 30px;
}


.thai .tiny h1, .thai .tiny h2, .thai .tiny h3, .thai .tiny h4, .thai .tiny h5, .thai .tiny h6 {
    font-family: 'supermarket', sans-serif;
}
/*.thai .tiny p {font: 15px 'supermarket', sans-serif}*/

.thai .tiny p {
    font: 16px 'supermarket', sans-serif;
}

.tiny .has-bg {
    background: #fef2e2;
    margin: 0 -40px 10px;
    padding: 10px 40px;
}

#bzbs_promotion {
    margin-top: -25px;
}

.big_box .campaign_name {
    height: 24px;
    overflow: hidden;
}

body.home .col-md-4 img {
    width: 287px;
    height: 191px;
}

body.home .col-md-8 img {
    width: 616px;
    height: 411px;
}

body.purchase .col-md-4 img {
    width: 270px;
    height: 180px;
}
/* RESPONSIVE */
@media (max-width: 991px) {
    .body_margin_70px_when_less_or_equal_991 {
        margin-top: 70px !important;
    }


    body:not(.body_margin_70px_when_less_or_equal_991) {
        margin-top: 60px !important;
    }

    #bzbs_promotion {
        margin-top: -0px;
    }

    #sb-site {
        /*padding-top: 45px;
        margin-top: -55px;*/
    }

    .microsite #sb-site {
        background-image: none;
        /* padding-top: 50px; */
    }

    .box h2 {
        font-size: 24px;
    }

    .box h3 {
        font-size: 14px;
    }

    .box.big h2 {
        font-size: 24px;
    }

    .box.big h2, .box.big h3 {
        text-align: inherit;
    }

    .featured-unit {
        left: 0;
        right: 0;
    }

        .featured-unit .btn-default {
            font-size: 16px;
        }

    .service .entry .text-position {
        bottom: 0 !important;
        right: 0 !important;
        width: 100% !important;
        padding: 20px;
    }

    .service .col-md-12, .slider .col-md-12 {
        padding: 0;
    }

    .service p {
        background: rgba(256,256,256,.5);
        font: 16px/1.2 'supermarket', Tahoma;
        padding: 10px;
    }

    .service h1 {
        font-size: 40px;
    }

    .service h2 {
        font-size: 35px;
    }

    .service h3 {
        font-size: 30px;
    }

    .service h4 {
        font-size: 25px;
    }

    .service h5 {
        font-size: 20px;
    }

    .service h6 {
        font-size: 15px;
    }

    .customer-list .entry .detail {
        position: inherit;
        top: 0;
    }

    .customer .hero {
        margin: 95px 0 35px;
    }

    .login .content .box .signupbox .inline-group label {
        margin: 0 0 5px 0;
        text-align: center;
    }

    .page .hero {
        margin: 95px 0 35px;
    }

    .profile .content .box .topic {
        padding-left: 120px;
    }

    .profile .content .box .tiny .box-center {
        padding-left: 0;
        width: 70%;
    }

    .page .content .box .tiny .avatar {
        top: -130px !important;
        width: 200px;
        height: auto;
    }

    .careers .content .careersform {
        padding: 100px;
    }

    .marketplace .mk-info {
        clear: both;
        padding-top: 15px;
        position: relative;
        width: 100%;
    }

    /*.local .hero {margin: 187px 0 80px}*/
    .local .content .localform {
        padding: 100px;
    }

    .join .hero {
        margin: 95px 0 150px;
    }

        .join .hero h2 {
            font-size: 23px;
            line-height: 30px;
        }

    /* Ton Add */
    #caption_header_on_black_bar_mobile {
        display: inline;
    }

    #caption_header_on_black_bar {
        display: none;
    }

    #section_dashboard {
        display: none;
    }

    .feed {
        margin-top: 60px;
    }

    #box_show_detail {
        margin-top: 91px;
    }

    body.home .navbar-default {
        position: relative;
    }

    body.home #sb-site {
        padding-top: 45px;
        margin-top: -105px;
    }

    body.home .col-md-4 img {
        width: 330px;
        height: 220px;
    }

    body.home .col-md-8 img {
        width: 702px;
        height: 468px;
    }

    body.purchase .col-md-4 img {
        width: 305px;
        height: 203px;
    }
}
/* Ton Add */
@media (min-width: 992px) {

    #caption_header_on_black_bar {
        display: inline;
    }

    #caption_header_on_black_bar_mobile {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .box.big h2 {
        font-size: 24px;
    }

    .box.big h2, .box.big h3 {
        text-align: center;
    }

    .featured-unit .btn-default {
        font-size: 20px;
    }
}

@media (max-width: 767px) {
    /* ton add */
    .showHeaderNews {
        display: block;
    }

    body.home .col-md-4 img {
        width: 100%;
        height: auto;
    }

    body.home .col-md-8 img {
        width: 100%;
        height: auto;
    }

    body.purchase .col-md-4 img {
        width: 100%;
        height: auto;
    }
}

@media (max-width: 600px) {
    .inline-input {
        margin: 0 auto 10px;
        overflow: hidden;
        width: 124px;
    }

    .page .box .topic {
        text-align: left;
    }

    .profile .content .box .topic {
        padding-left: 40px;
    }

    .page .content .box .tiny {
        padding: 40px;
    }

    .profile .content .box .tiny .box-center {
        padding-left: 0;
    }

    .careers .content .careersform {
        padding: 50px;
    }

    .contact .content .box .tiny .img-responsive {
        margin: 0 auto 20px;
    }

    .press-detail .content .entry {
        margin: 0;
        padding: 10px;
    }

    .press-detail .content .box .tiny {
        padding: 0;
    }

    .faq .content .box .tiny {
        padding: 20px;
    }

    .faq .tiny .has-bg {
        margin: 0 -20px 10px;
        padding: 10px 20px;
    }

    .faq .box .topic {
        text-align: center;
    }

    .points .hero h1 {
        font-size: 65px;
        line-height: 65px;
    }

    .points .box .topic {
        text-align: center;
    }

    .purchase-list .box .play {
        left: 42%;
        top: 27%;
    }

    /*.local .hero {margin: 187px 0 106px}*/
    .local .hero h1 {
        font-size: 50px;
        line-height: 50px;
    }

    .local .hero h2 {
        font-size: 40px;
    }

    .local .content .localform {
        padding: 50px;
    }

    .page .content .box .tiny .avatar {
        top: -40px !important;
        width: 150px;
        height: auto;
    }

    .profile .content .box .tiny .box-center {
        margin-bottom: 40px;
        width: 70%;
    }
}

@media (max-width: 480px) {
    .tiny li {
        margin-left: 0;
    }

    .nopadding {
        padding: 0;
    }

    .featured-unit input {
        font-size: 17px;
        text-align: left;
    }

    .featured-unit .btn-default {
        font-size: 12px;
    }

    .customer .hero h1 {
        font-size: 40px;
        line-height: 40px;
    }

    .customer .hero h2 {
        font-size: 35px;
    }

    .customer-list .entry {
        padding: 20px 10px;
    }

    .login .content .box h2 {
        font-size: 30px;
    }

    .login .content .box .blue-btn {
        padding: 10px 15px;
    }

    .login .content .box .loginbox, .login .content .box .forgotbox, .login .content .box .signupbox {
        padding: 0 10px;
        width: auto;
    }

    .login .content .box .signupbox {
        padding-bottom: 10px;
    }

    .login .content .box .loginbox label, .login .content .box .forgotbox label {
        font-size: 13px;
    }

    .login .content .box .loginbox .form-group,
    .login .content .box .forgotbox .form-group,
    .login .content .box .signupbox .form-group {
        padding: 5px 0;
        margin-bottom: 5px;
        margin-top: 5px;
    }

    .login .content .box .signupbox label {
        font-size: 12px;
    }

    .login .content .box .loginmeta {
        width: auto;
    }

        .login .content .box .loginmeta label {
            font-size: 12px;
        }

    .login .content .box .signupmeta {
        width: auto;
    }

        .login .content .box .signupmeta .captcha {
            margin-left: 15px;
        }

    .page .content .box .topic {
        padding-left: 20px;
    }

    .page .content .box .tiny {
        padding: 20px;
    }

        .page .content .box .tiny .avatar {
            top: -40px !important;
            width: 150px;
            height: auto;
        }

    .profile .content .box label, .profile .content .box .form-control-static {
        font-size: 16px;
    }

    .profile .content .box .btn {
        padding: 5px 20px;
    }

    .profile .content .box .tiny .box-center {
        margin-bottom: 40px;
        width: 45%;
    }

    .careers .content .careersform {
        padding: 20px;
    }

        .careers .content .careersform .form-group {
            margin-bottom: 20px;
        }

    .contact .hero h1 {
        font-size: 55px;
    }

    .contact .content .box .tiny {
        padding: 20px 0;
    }

        .contact .content .box .tiny p {
            font-size: 14px;
        }

    .thai.contact .content .box .tiny p {
        font-size: 16px;
    }

    .contact .google-maps {
        padding-bottom: 100%;
    }

    .press .hero h1 {
        font-size: 35px;
        line-height: 30px;
    }

    .press .content .box {
        background: none;
    }

    .press .content .entry {
        background: #fff;
        margin: 10px 0;
        padding: 0;
    }

        .press .content .entry figure img {
            border: none;
        }

        .press .content .entry h2 {
            font-size: 18px;
        }

    .thai.press .content .entry h2 {
        font-size: 19px;
    }

    .press-detail .content .entry {
        margin: 0;
        padding-top: 10px;
    }

    .press-detail .content .box .tiny {
        padding: 0;
    }

    .faq .panel-title > a {
        font-size: 17px;
    }

    .thai.faq .panel-title > a {
        font-size: 17px;
    }

    .points .box .topic {
        font-size: 20px;
        padding: 20px;
    }

    .points .hero h1 {
        font-size: 35px;
        line-height: 35px;
    }

    .points-table .point-topic {
        font-size: 15px;
        padding: 5px;
    }

    .points-table th {
        font-size: 15px;
        padding: 5px;
    }

    .points-table td {
        font-size: 15px;
        padding: 5px;
    }

    .points-table .icon-p {
        background: url(../images/icon-p-small.png) no-repeat left center;
        padding-left: 25px;
    }

    .purchase .hero h1 {
        font-size: 48px;
    }

    .purchase-list .box .play {
        left: 35%;
        top: 15%;
    }

    .purchase-list .box .info h2 {
        font-size: 25px;
    }

    .marketplace .hero h1 {
        font-size: 48px;
        line-height: 50px;
    }

    .marketplace .content .topic {
        font-size: 27px;
    }

    .marketplace .tiny .has-bg {
        margin: 0 -20px 10px;
        padding: 10px 20px;
    }

    .marketplace .mobile .meta h6 {
        font-size: 15px;
    }

    .thai.marketplace .mobile .meta h6 {
        font-size: 16px;
    }

    .marketplace .google-maps {
        padding-bottom: 100%;
    }

    /*.local .hero {margin: 190px 0 140px}*/
    .local .hero h1 {
        font-size: 33px;
        line-height: 40px;
    }

    .local .hero h2 {
        font-size: 28px;
    }

    .local .content .localform {
        padding: 10px;
    }

        .local .content .localform .form-group {
            margin-bottom: 20px;
        }

    .local .content .box .captchameta {
        width: auto;
    }

        .local .content .box .captchameta .captcha {
            margin-left: 10px;
        }

    .join .hero {
        margin: 105px 0 110px;
    }

        .join .hero h1 {
            font-size: 30px;
            line-height: 35px;
        }

        .join .hero h2 {
            font-size: 21px;
            line-height: 25px;
        }

    .mobile .nav-pills > li.active > a,
    .mobile .nav-pills > li.active > a:hover,
    .mobile .nav-pills > li.active > a:focus {
        font-size: 25px;
    }



    /* BEER */
    .hero {
        padding-left: 0;
    }
}

/* ROYAL SLIDER */
.visibleNearby {
    padding: 15px 0 25px;
    width: 100%;
}

/* Non-linear resizing on smaller screens */
@media screen and (min-width: 0px) and (max-width: 1980px) {
    #gallery-nearby .rsOverflow,
    .royalSlider#gallery-nearby {
        height: 400px !important;
    }

    #gallery-nearby-mobile .rsOverflow,
    .royalSlider#gallery-nearby-mobile {
        height: 400px !important;
    }

    /*Ton Add */
    #gallery-ads .rsOverflow,
    .royalSlider#gallery-ads {
        height: 400px !important;
    }

    #dashboard-gallery .rsOverflow,
    .royalSlider#dashboard-gallery {
        height: 200px !important;
    }
}

@media screen and (min-width: 0px) and (max-width: 900px) {
    #gallery-nearby .rsOverflow,
    .royalSlider#gallery-nearby {
        height: 300px !important;
    }

    #gallery-nearby-mobile .rsOverflow,
    .royalSlider#gallery-nearby-mobile {
        height: 300px !important;
    }

    /*Ton Add */
    #gallery-ads .rsOverflow,
    .royalSlider#gallery-ads {
        height: 300px !important;
    }

    #dashboard-gallery .rsOverflow,
    .royalSlider#dashboard-gallery {
        height: 140px !important;
    }
}

@media screen and (min-width: 0px) and (max-width: 500px) {
    #gallery-nearby .rsOverflow,
    .royalSlider#gallery-nearby {
        height: 200px !important;
    }

    #gallery-nearby-mobile .rsOverflow,
    .royalSlider#gallery-nearby-mobile {
        height: 200px !important;
    }

    /*Ton Add */
    #gallery-ads .rsOverflow,
    .royalSlider#gallery-ads {
        height: 200px !important;
    }

    #dashboard-gallery .rsOverflow,
    .royalSlider#dashboard-gallery {
        height: 140px !important;
    }
}

#gallery-deeplink {
    width: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.rsDefaultInv,
.rsDefaultInv .rsOverflow,
.rsDefaultInv .rsSlide,
.rsDefaultInv .rsVideoFrameHolder,
.rsDefaultInv .rsThumbs {
    background: none;
}

#gallery-deeplink .rsThumb {
    cursor: pointer;
    float: left;
    overflow: hidden;
    width: 91px;
    height: 61px;
    margin: 0 0 15px 15px !important;
}

#gallery-deeplink .rsThumbs {
    cursor: inherit;
    width: 320px;
    height: 100%;
    position: absolute;
    top: 0;
    padding: 0 0 0 1px;
    right: 0;
}

@media screen and (min-width: 0px) and (max-width: 1024px) {
    .deeplink {
        padding-bottom: 30px;
    }
}

@media screen and (min-width: 0px) and (max-width: 800px) {
    #gallery-deeplink .rsThumb {
        margin: 10px 10px 0 0 !important;
    }

    #gallery-deeplink .rsThumbs {
        left: 0;
        position: relative;
        width: 100%;
        height: auto;
    }

    #gallery-deeplink .rsThumbsContainer {
        height: auto !important;
    }
}




/* TON RESPONSIVE */
@media (min-width: 1024px) {
    #dialog_notification_wrapper {
        margin-right: 0px;
        float: left;
        margin-left: 50%;
    }
}

@media (max-width: 450px) {
    #dialog_notification_wrapper {
        /*
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;
        width: 300px;
        position:absolute;
        */
        width: 85%;
    }

    #dialog_notification_container {
        width: 85%;
    }
}


.white-bg{

   background : white;
}










/* ==============BEeR============== */


/* GLOBAL */

@media (max-width: 991px) {
    .hero {
        padding-left: 0;
    }

        .hero h1 {
            font-size: 40px !important;
            line-height: 40px !important;
        }
}

@media (max-width: 480px) {
    .hero h1 {
        font-size: 35px !important;
        line-height: 30px !important;
    }
}



/* HOME */

body.home .featured .headline h1.robotobold {
    display: none;
}


/* MARKETPLACE */
.marketplace section.hero {
    display: none;
}

h3.topic {
    color: white !important;
    font-size: 17px;
}

body.marketplace.thai h3.topic {
    font-size: 21px;
    padding: 7px 40px;
}

.marketplace.thai .tiny p {
    font: 20px/24px 'supermarket', sans-serif;
}


/* CONTACT */

body.contact .visible-md .tiny img {
    position: absolute;
    left: 50px;
    top: -160px;
}

body.contact .visible-md .tiny .map {
    position: absolute;
    right: 50px;
    top: -210px;
}

/* POINTS */
.points h3.topic {
    padding: 10px 30px;
}



/* JOIN */

@media (max-width: 480px) {
    body.join, body.join #sb-site {
        -webkit-font-smoothing: antialiased;
    }
}

@media (max-width: 991px) {
    body.join, body.join #sb-site {
        -webkit-font-smoothing: antialiased;
    }
}



/* LOCAL */
body.local section.content {
    margin-top: -38px;
}

@media (max-width: 480px) {
    body.local, body.local #sb-site {
        -webkit-font-smoothing: antialiased;
    }
}

@media (max-width: 480px) {
    .dialog_content_center #dialog_first_information_center_ton {
        margin-top: 10px !important;
    }
}


/* ton adjust popup */
.addMaxHeight {
    overflow: auto;
    max-height: 265px;
}

/* button facebook login */
.btn-fb {
    background: url(../Images/Marketplace/btn-fb.png) no-repeat center center;
    opacity: 0.9;
    width: 260px;
    height: 58px;
    margin: 30px auto;
}

    .btn-fb:hover {
        opacity: 1;
    }

/* verify */
.verify_label, .be_friend_label {
    float: left;
    font: 18px 'supermarket', Tahoma;
    padding: 20px 5px;
}

#Certificate-banners {
    float: left;
    display: block;
    padding: 20px;
}

.share_link {
    overflow: hidden;
    padding: 10px 0px;
    float: left;
}

    .share_link ul {
        padding-left: 0px;
    }

        .share_link ul li {
            list-style: none;
            float: left;
            padding: 5px 3px;
        }

.share_link_wrapper {
    float: right;
}

.div_avatar {
    float: left;
    cursor: pointer;
    display: none;
}

.avatar-icon {
    width: 28px;
    height: 28px;
    border-radius: 50%;
}

.menu-profile {
    position: absolute;
    top: 64px;
    left: 80px;
    padding-bottom: 5px;
    width: 210px;
    z-index: 100000;
    background: white;
    display: none;
}

.menu-profile-mobile {
    position: absolute;
    top: 50px;
    right: 27px;
    padding-bottom: 5px;
    width: 150px;
    z-index: 100000;
    background: white;
    display: none;
}

.triangle-profile {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 7px 7px 7px;
    border-color: transparent transparent white transparent;
    position: absolute;
    left: 5px;
    top: -6px;
}

.menu-profile, .menu-profile-mobile ul {
    list-style: none;
    padding: 0;
}

    .menu-profile, .menu-profile-mobile ul li {
        list-style: none;
        padding: 5px;
        border-bottom: 1px solid #aaa;
    }

        .menu-profile, .menu-profile-mobile ul li a {
            color: rgba(221,122,16,.7);
        }

/*AboutUs*/
.aboutus-video {
    width: 100%;
    padding: 50px;
    padding-bottom: 0;
}

#video {
    width: 100%;
}


/*OurService*/
section#onlinesurveyth {
    margin-bottom: 15px;
}

section#dealprivilege {
    margin-bottom: 15px;
}

section#dealprivilegeth {
    margin-bottom: 15px;
}

section#fulfilmentth {
    margin-bottom: 15px;
}

section#ewalletth {
    margin-bottom: 15px;
}

section#onlinemediath {
    margin-bottom: 15px;
}

section#epaymentth {
    margin-bottom: 15px;
}

section#mcommerceth {
    margin-bottom: 15px;
}

section#crmth {
    margin-bottom: 15px;
}


.col-md-12.oursuccess {
    margin-bottom: 15px;
}


.col-md-12.dealprivilege {
    margin-bottom: 15px;
}

.col-md-12.dealprivilegeth {
    margin-bottom: 15px;
}


body.home.bg_header2, body.page.join, body.microsite.customer,
body.page.press, body.page.careers, body.page.purchase, body.page.points, body.page {
    background: url(../../images/bg_header_blank.jpg) center top no-repeat !important;
    -webkit-font-smoothing: antialiased;
}

img.icon_noti_tri.top {
    margin-left: 38px;
}

.text-content-mb.center {
    text-align: center;
}

h4.article-header {
    font-size: 2.2em;
    font-weight: bold;
}


.itemlist {
    /* margin-left: 30px; */
    border: none;
    background: #ffffff;
    padding-left: 30px !important;
    /* border: none !important; */
}

    .itemlist.li 
    {
        margin-top:10px;
        margin-bottom:10px
        

    }

button#caption_header_about_mobile,button#caption_header_aboutus_mobile,button#caption_header_section_our_service_mobile,button#caption_marketplace_mobile,button#caption_header_section_aboutus_mobile,button#caption_header_customer_service_mobile,button#caption_header_section_customer_services_mobile,button#caption_header_section_policies_mobile,a#btn_fb_login_out_mobile,.block-language,button#caption_header_business_mobile,button#caption_header_contact_mobile {
    color: black;
    /* font-size: 1.4em; */
    display: block;
    margin-left: 15px;
    margin-top: 5px;
    margin-bottom: 5px;
    /* border-bottom: 10px black; */
    /* border-top: 1px solid #000000; */ */
}

.sb-slidebar {
       background-color: #FFA750 !important;
}


img.nav_icon {
    margin: 13px;
    height: 39px;
    /* width: 39px; */
    float: none;
}

img.nav_icon.close{
    float: right;
    opacity: 1;
    padding: 9px;
    margin-right: 3px;
}

.nav-header {
    /* border-bottom: 1px solid #000000; */
}

a:focus, a:hover {

    text-decoration: none !important; 
}

.block-language {
    width: 90%;
    font: 14px/30px 'robotocondensed', sans-serif;
}

.block-login {
    width: 90%;
    font: 14px/30px 'robotocondensed', sans-serif;
    /* border-bottom: 1px solid #000000; */
    margin-left: 15px;
}
a#btn_fb_login_out_mobile {
    margin-left: 0;
}

.btn:focus, .btn:active:focus, .btn.active:focus {
    outline: none !important;
    /* outline: 5px auto -webkit-focus-ring-color; */
    /* outline-offset: -2px; */
}

.item-menu {
    border-top: 1px solid #505050;
    /* padding-top: 4px; */
    /* padding-bottom: 4px; */
    margin-left: 10px;
    margin-right: 10px;
}
.img-th{
        width: 23px;
    margin-right: 20px;
}
.img-en{
     width: 23px;
}

.line-menu{
    border-top: 1px solid #eeeeee;
}
.title-menu{
    color: #a5a5a5;
}
.li-padding
{
    padding-left :10px
}

a#caption_header_language_mobile ,a#btn_fb_login_out_mobile {
    color:black;
        text-transform: uppercase;
        font: 16px/30px 'supermarket', sans-serif;
}

img.nav_home {
    height: 50px;
    padding: 5px;
}




.home_menu 
{
    display:inline;
}

img.home_icon {
    height: 50px;
    padding: 5px;
}

body.opened-drawer {
    /*overflow: hidden;
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 0;*/
}