*,
*::after,
*::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent
}

html,
body {
    margin: 0;
    padding: 0
}

html {
    font-size: 62.5%;
    overflow-x: hidden
}

body {
    font-size: 1.6rem;
    color: #2e3233;
    background-color: #fff;
    font-family: db_heavent_cond, sans-serif;
    overflow-x: hidden
}

body.overflow-hidden {
    overflow: hidden
}

a {
    color: #b2d233;
    text-decoration: none
}

a.menu__header {
    color: #b2d233;
    text-decoration: none
}

a.menu__header:hover,
a.menu__header:focus {
    color: #fff;
    text-decoration: none
}

img {
    vertical-align: middle;
    border: 0;
    max-width: 100%;
    height: auto
}

ul {
    list-style: none none outside;
    margin: 0;
    padding: 0
}

em {
    font-style: normal
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0
}

input {
    font-family: sans-serif;
    font-size: 1.6rem
}

input[type=search]::-ms-clear {
    display: none
}

input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
    display: none
}

#ais_topbar {
    width: 100%;
    top: 0;
    position: fixed;
    z-index: 30;
    -webkit-transition: top .35s ease-out;
    -moz-transition: top .35s ease-out;
    -o-transition: top .35s ease-out;
    transition: top .35s ease-out
}

#ais_topbar.nav-up {
    top: -50px
}

#ais_topbar_wrapper {
    margin: 0 auto;
    max-width: 1140px
}

#ais_topbar_top {
    background-color: #fff;
    border-bottom: solid #eee 0;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    height: 43px;
    width: 100%;
    position: relative;
    z-index: 29
}

#ais_topbar-main-wrapper {
    height: 50px;
    width: 100%;
    background-color: #fff;
    border-bottom: 1px solid #efefef;
    z-index: 10
}

#ais_topbar-sub-wrapper {
    overflow-y: hidden;
    width: 100%;
    background: rgba(9, 9, 9, .8);
    display: block
}

#ais_myais-sub-wrapper {
    overflow-y: hidden;
    width: 100%;
    background: rgba(9, 9, 9, .8);
    display: block
}

#ul-main-menu {}

#ul-main-menu.navinvester {
    height: 64px
}

#container {
    padding-top: 114px
}

@media(max-width:1000px) {
    #container {
        padding-top: 50px
    }
}

.mini-menu+#container {
    padding-top: 50px
}

#box-demo,
.box-demo {
    height: 65vh;
    padding-top: 15vh;
    width: 100%;
    max-width: 1366px;
    margin: 0 auto;
    background-color: #626366;
    color: #fff;
    text-align: center;
    font-size: 10vw
}

#ais_topbar .ul-sub-lv1 {
    text-align: center;
    width: 980px;
    margin: auto
}

#ais_topbar .ais_logo {
    float: left;
    margin-left: 32px;
    width: 95px;
    height: 50px
}

#ais_topbar.mini-menu .ais_logo {
    width: 75px;
    padding: 6px 10px 0 0;
    float: left;
    cursor: pointer;
    margin-left: 0;
    margin-right: 0
}

#ais_topbar .ais_logo.one2call_logo {
    float: left;
    margin-left: 32px;
    padding-top: 5px
}

#ais_topbar.mini-menu .ais_logo.one2call_logo {
    width: 65px;
    padding: 6px 10px 0 0;
    float: left;
    cursor: pointer;
    margin-left: 0;
    margin-right: 0
}

.ais_personal-sub {
    color: #c8c7c7;
    font-family: db_heavent_cond;
    font-size: 13px;
    display: inline-block;
    height: 64px;
    width: auto;
    margin: 0 15px
}

.ais_personal-sub.ais_personal-en {
    color: #c8c7c7;
    font-family: db_heavent_cond;
    font-size: 12px;
    display: inline-block;
    height: 64px;
    width: auto;
    margin: 0 12px
}

.ais_personal-sub:hover,
.ais_personal-sub.active {
    color: #b4d237;
    cursor: pointer
}

.ac-gn-bagview-caret {
    overflow: hidden;
    position: absolute;
    bottom: -1px;
    left: 5px;
    width: 20px;
    height: 10px;
    z-index: 999999
}

.ac-gn-bagview-caret:after {
    left: 50%;
    border: 1px solid #676767;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    width: 15px;
    height: 15px;
    background-color: #414141;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 0% 0;
    -ms-transform-origin: 0% 0;
    transform-origin: 0% 0;
    z-index: 1
}

#pp_onlinestore {
    right: 0;
    position: absolute;
    top: 50px;
    z-index: 99999;
    width: 280px;
    border: 1px solid #676767;
    border-radius: 2px;
    background: #414141;
    font-size: 15px;
    line-height: 1.16667;
    font-weight: 400;
    color: #fefefe
}

#pp_onlinestore ul.first li {
    text-align: right;
    border: none
}

#pp_onlinestore ul.first li.name {
    font-size: 20px;
    color: #acc837
}

#pp_onlinestore ul.first span {
    float: left;
    margin: 5px 0 0 20px
}

#pp_onlinestore ul.last {
    width: 100%;
    background: #000;
    display: none
}

.order-progress {
    position: relative;
    line-height: 45px
}

.order-progress .store-status {
    background-color: red;
    color: #fff;
    font-size: 12px;
    line-height: 15px;
    top: -18px;
    right: 15px;
    position: absolute;
    padding: 0 8px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px
}

.pp_onlinestore {
    display: none
}

.pp_onlinestore.expand {
    display: block
}

#pp_onlinestore ul {
    border-bottom: 1px solid #676767;
    padding: 10px 0
}

#pp_onlinestore li {
    height: 35px;
    line-height: 45px;
    padding: 0 10px;
    font-size: 14px
}

#pp_onlinestore li.ais_store-sub-icon1 {
    border-top: 0 solid #676767
}

#pp_onlinestore a {
    color: #fefefe
}

#pp_onlinestore a:hover li {
    color: #b4d237
}

.ais_balance-sub-icon,
.ais_store-sub-icon,
.ais_contact-sub-icon {
    background-image: url(https://www.ais.co.th/base_interface_v3/images/icon_myais30.png);
    background-size: 180px 180px;
    float: left;
    margin: 5px 5px 0 0;
    height: 30px;
    width: 30px;
    cursor: pointer
}

.ais_balance-sub-icon1 {
    background-position: 0 0
}

.ais_balance-sub-icon2 {
    background-position: -30px 0
}

.ais_balance-sub-icon3 {
    background-position: -60px 0
}

.ais_balance-sub-icon4 {
    background-position: -90px 0
}

.ais_balance-sub-icon5 {
    background-position: -120px 0
}

#pp_onlinestore a:hover .ais_balance-sub-icon1 {
    background-position: 0 -30px
}

#pp_onlinestore a:hover .ais_balance-sub-icon2 {
    background-position: -30px -30px
}

#pp_onlinestore a:hover .ais_balance-sub-icon3 {
    background-position: -60px -30px
}

#pp_onlinestore a:hover .ais_balance-sub-icon4 {
    background-position: -90px -30px
}

#pp_onlinestore a:hover .ais_balance-sub-icon5 {
    background-position: -120px -30px
}

.ais_store-sub-icon1 {
    background-position: 0 -60px
}

.ais_store-sub-icon2 {
    background-position: -30px -60px
}

.ais_store-sub-icon3 {
    background-position: -60px -60px
}

.ais_store-sub-icon4 {
    background-position: -90px -60px
}

.ais_store-sub-icon5 {
    background-position: -120px -60px
}

#pp_onlinestore a:hover .ais_store-sub-icon1 {
    background-position: 0 -90px
}

#pp_onlinestore a:hover .ais_store-sub-icon2 {
    background-position: -30px -90px
}

#pp_onlinestore a:hover .ais_store-sub-icon3 {
    background-position: -60px -90px
}

#pp_onlinestore a:hover .ais_store-sub-icon4 {
    background-position: -90px -90px
}

#pp_onlinestore a:hover .ais_store-sub-icon5 {
    background-position: -120px -90px
}

.ais_contact-sub-icon1 {
    background-position: 0 -120px
}

.ais_contact-sub-icon2 {
    background-position: -30px -120px
}

.ais_contact-sub-icon3 {
    background-position: -60px -120px
}

.ais_contact-sub-icon4 {
    background-position: -90px -120px
}

.ais_contact-sub-icon5 {
    background-position: -120px -120px
}

.ais_contact-sub-icon6 {
    background-position: -150px -120px
}

#pp_onlinestore a:hover .ais_contact-sub-icon1 {
    background-position: 0 -150px
}

#pp_onlinestore a:hover .ais_contact-sub-icon2 {
    background-position: -30px -150px
}

#pp_onlinestore a:hover .ais_contact-sub-icon3 {
    background-position: -60px -150px
}

#pp_onlinestore a:hover .ais_contact-sub-icon4 {
    background-position: -90px -150px
}

#pp_onlinestore a:hover .ais_contact-sub-icon5 {
    background-position: -120px -150px
}

#pp_onlinestore a:hover .ais_contact-sub-icon6 {
    background-position: -150px -150px
}

@media screen and (max-width:400px) {
    #pp_onlinestore {
        right: 0;
        width: 100%;
        top: 50px
    }
    .ac-gn-bagview-caret {
        bottom: -1px
    }
}

.ais_personal-sub-icon,
.ais_customer-sub-icon,
.ais_about-sub-icon,
.ais_investor-sub-icon {
    background-image: url(https://www.ais.co.th/base_interface_v2/images/icon_topbar40.png);
    background-repeat: no-repeat;
    background-size: 400px 320px;
    height: 40px;
    width: 40px;
    margin: 0 auto;
    background-position: 0 2px;
    cursor: pointer
}

.ais_personal-sub .ais_personal-sub-icon9 {
    background-position: 0 0
}

.ais_personal-sub .ais_personal-sub-icon1 {
    background-position: -40px 0
}

.ais_personal-sub .ais_personal-sub-icon2 {
    background-position: -80px 0
}

.ais_personal-sub .ais_personal-sub-icon3 {
    background-position: -120px 0
}

.ais_personal-sub .ais_personal-sub-icon4 {
    background-position: -160px 0
}

.ais_personal-sub .ais_personal-sub-icon5 {
    background-position: -200px 0
}

.ais_personal-sub .ais_personal-sub-icon6 {
    background-position: -240px 0
}

.ais_personal-sub .ais_personal-sub-icon7 {
    background-position: -280px 0
}

.ais_personal-sub .ais_personal-sub-icon8 {
    background-position: -320px 0
}

.ais_personal-sub .ais_personal-sub-icon10 {
    background-position: -360px 0
}

.ais_personal-sub:hover .ais_personal-sub-icon9,
.ais_personal-sub.active .ais_personal-sub-icon9 {
    background-position: 0 -40px
}

.ais_personal-sub:hover .ais_personal-sub-icon1,
.ais_personal-sub.active .ais_personal-sub-icon1 {
    background-position: -40px -40px
}

.ais_personal-sub:hover .ais_personal-sub-icon2,
.ais_personal-sub.active .ais_personal-sub-icon2 {
    background-position: -80px -40px
}

.ais_personal-sub:hover .ais_personal-sub-icon3,
.ais_personal-sub.active .ais_personal-sub-icon3 {
    background-position: -120px -40px
}

.ais_personal-sub:hover .ais_personal-sub-icon4,
.ais_personal-sub.active .ais_personal-sub-icon4 {
    background-position: -160px -40px
}

.ais_personal-sub:hover .ais_personal-sub-icon5,
.ais_personal-sub.active .ais_personal-sub-icon5 {
    background-position: -200px -40px
}

.ais_personal-sub:hover .ais_personal-sub-icon6,
.ais_personal-sub.active .ais_personal-sub-icon6 {
    background-position: -240px -40px
}

.ais_personal-sub:hover .ais_personal-sub-icon7,
.ais_personal-sub.active .ais_personal-sub-icon7 {
    background-position: -280px -40px
}

.ais_personal-sub:hover .ais_personal-sub-icon8,
.ais_personal-sub.active .ais_personal-sub-icon8 {
    background-position: -320px -40px
}

.ais_personal-sub:hover .ais_personal-sub-icon10,
.ais_personal-sub.active .ais_personal-sub-icon10 {
    background-position: -360px -40px
}

#ais_customer-sub-icon1,
.ais_customer-sub-icon1 {
    background-position: 0 -80px
}

#ais_customer-sub-icon2,
.ais_customer-sub-icon2 {
    background-position: -40px -80px
}

#ais_customer-sub-icon3,
.ais_customer-sub-icon3 {
    background-position: -80px -80px
}

#ais_customer-sub-icon4,
.ais_customer-sub-icon4 {
    background-position: -120px -80px
}

#ais_customer-sub-icon5,
.ais_customer-sub-icon5 {
    background-position: -160px -80px
}

#ais_customer-sub-icon6,
.ais_customer-sub-icon6 {
    background-position: -200px -80px
}

#ais_customer-sub-icon7,
.ais_customer-sub-icon7 {
    background-position: -240px -80px
}

#ais_customer-sub-icon8,
.ais_customer-sub-icon8 {
    background-position: -280px -82px
}

.ais_customer-sub:hover #ais_customer-sub-icon1,
.ais_customer-sub.active #ais_customer-sub-icon1 {
    background-position: 0 -120px
}

.ais_customer-sub:hover #ais_customer-sub-icon2,
.ais_customer-sub.active #ais_customer-sub-icon2 {
    background-position: -40px -120px
}

.ais_customer-sub:hover #ais_customer-sub-icon3,
.ais_customer-sub.active #ais_customer-sub-icon3 {
    background-position: -80px -120px
}

.ais_customer-sub:hover #ais_customer-sub-icon4,
.ais_customer-sub.active #ais_customer-sub-icon4 {
    background-position: -120px -120px
}

.ais_customer-sub:hover #ais_customer-sub-icon5,
.ais_customer-sub.active #ais_customer-sub-icon5 {
    background-position: -160px -120px
}

.ais_customer-sub:hover #ais_customer-sub-icon6,
.ais_customer-sub.active #ais_customer-sub-icon6 {
    background-position: -200px -120px
}

.ais_customer-sub:hover #ais_customer-sub-icon7,
.ais_customer-sub.active #ais_customer-sub-icon7 {
    background-position: -240px -120px
}

.ais_customer-sub:hover #ais_customer-sub-icon8,
.ais_customer-sub.active #ais_customer-sub-icon8 {
    background-position: -280px -122px
}

.ais_customer-sub-aiap {
    line-height: 11px;
    font-size: 13px;
    margin-top: -4px
}

.ais_about-sub .ais_about-sub-icon1 {
    background-position: 0 -240px
}

.ais_about-sub .ais_about-sub-icon2 {
    background-position: -40px -240px
}

.ais_about-sub .ais_about-sub-icon3 {
    background-position: -80px -240px
}

.ais_about-sub .ais_about-sub-icon4 {
    background-position: -120px -240px
}

.ais_about-sub .ais_about-sub-icon5 {
    background-position: -160px -240px
}

.ais_about-sub .ais_about-sub-icon6 {
    background-position: -200px -240px
}

.ais_about-sub .ais_about-sub-icon7 {
    background-position: -240px -240px
}

.ais_about-sub:hover .ais_about-sub-icon1 {
    background-position: 0 -280px
}

.ais_about-sub:hover .ais_about-sub-icon2 {
    background-position: -40px -280px
}

.ais_about-sub:hover .ais_about-sub-icon3 {
    background-position: -80px -280px
}

.ais_about-sub:hover .ais_about-sub-icon4 {
    background-position: -120px -280px
}

.ais_about-sub:hover .ais_about-sub-icon5 {
    background-position: -160px -280px
}

.ais_about-sub:hover .ais_about-sub-icon6 {
    background-position: -200px -280px
}

.ais_about-sub:hover .ais_about-sub-icon7 {
    background-position: -240px -280px
}

.ais_customer-sub {
    color: #c8c7c7;
    font-family: db_heavent_cond;
    font-size: 13px;
    display: inline-block;
    margin: 0;
    height: 64px;
    width: 105px;
    cursor: pointer
}

.ais_about-sub {
    color: #c8c7c7;
    font-family: db_heavent_cond;
    font-size: 13px;
    display: inline-block;
    margin: 0;
    height: 66px;
    width: 111px
}

.ais_about-sub .menu__link,
.ais_about-sub a.menu__link {
    font-family: db_heavent_cond;
    color: #c8c7c7;
    font-size: 13px;
    display: block
}

.ais_about-sub:hover .menu__link,
.ais_about-sub:hover a.menu__link {
    color: #b2d233
}

.ais_customer-sub:hover,
.ais_customer-sub.active {
    color: #b4d237
}

.ais_topbar_lang {
    float: right
}

#ais_topbar-primary {
    width: 100%;
    margin: 0 auto;
    height: 100%;
    max-width: 923px;
    color: #000;
    font-family: db_heavent_cond
}

.ais_topbar-primary-menu {
    display: block;
    line-height: 46px;
    margin-top: 4px;
    padding: 0 17px
}

li:nth-child(1) .ais_topbar-primary-menu,
li:nth-child(2) .ais_topbar-primary-menu,
li:nth-child(4) .ais_topbar-primary-menu {
    display: block;
    line-height: 42px;
    margin-top: 8px;
    padding: 0 10px 0 17px
}

#ais_topbar-primary li {
    float: left;
    list-style: none;
    font-size: 16.5px
}

#ais_topbar-primary li a {
    float: left;
    list-style: none;
    color: #000
}

#ais_topbar-primary li:hover a,
#ais_topbar-primary li a.active {
    background: url(https://www.ais.co.th/base_interface_v3/images/ais_topbar-primary-bg.jpg);
    color: #fff
}

#ais_topbar #topbar_search {
    float: left;
    height: 34px;
    width: 300px;
    background-color: #efefef;
    margin-left: 25px;
    position: relative;
    margin-top: 8px;
    overflow: hidden
}

.ul-ais_topbar-primary {
    float: left;
    width: auto
}

.no-en .ul-ais_topbar-primary {
    float: left;
    width: auto;
    margin-left: 40px
}

#ais_topbar .top_search_btn {
    height: 34px;
    cursor: pointer;
    position: absolute;
    z-index: 40;
    right: 0;
    width: 45px;
    background-color: #e4e4e4
}

#ais_topbar .top_search_input .top_search_btn input {
    width: 40px;
    height: 31px;
    border: none;
    outline: none;
    position: absolute;
    top: 0;
    right: 0;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden
}

#ais_topbar .top_search_input .textbox {
    width: 100%;
    height: 34px;
    text-indent: 10px;
    border: none;
    background-color: #efefef;
    color: #423530;
    font-size: 16px;
    font-family: db_heavent_cond;
    padding: 0 10px 0 0;
    border-collapse: separate;
    overflow: hidden;
    position: relative;
    z-index: 35;
    outline: none
}

#ais_topbar .topbar_lang {
    margin: 11px 10px 0 0;
    display: block;
    float: right
}

.footer .form-language,
.footer .currency-switcher,
.footer .store-switcher {
    clear: both;
    margin-bottom: 10px
}

.footer .form-language,
.footer .currency-switcher {
    display: none
}

.select-box-wrap {
    border: 1px solid transparent;
    margin-top: 0;
    position: relative
}

.select-box-dropdown-toggler {
    cursor: pointer;
    display: block;
    overflow: hidden
}

.select-box-selected {
    border: 0 dotted red;
    float: left;
    font-size: 20px;
    margin: 0;
    padding: 0;
    width: 75%
}

.select-box-selected span.th,
.select-box-selected span.en {
    display: block;
    font-size: 0;
    height: 22px;
    margin-top: 2px
}

.select-box-arrow {
    background: url("https://www.ais.co.th/base_interface_v3/images/sprite2x.png") no-repeat scroll -828px -49px/900px 1008px;
    color: #624f48;
    display: list-item;
    float: right;
    font-size: 11px;
    height: 6px;
    list-style: outside none none;
    margin: 11px 0 0;
    width: 9px
}

.select-box-dropdown {
    background: #f9fcef none repeat scroll 0 0;
    border: 1px dotted #ccc;
    border-radius: 4px;
    overflow: hidden;
    position: absolute;
    right: 0;
    z-index: 10555
}

.select-box-option-list {
    list-style: outside none none;
    margin: 0;
    overflow: hidden;
    padding: 0
}

.select-box-option {
    display: list-item
}

span.en {
    background: url("https://www.ais.co.th/base_interface_v3/images/sprite2x.png") no-repeat scroll 0 -76px/900px 1008px;
    padding-left: 30px
}

span.th {
    background: url("https://www.ais.co.th/base_interface_v3/images/sprite2x.png") no-repeat scroll 0 -98px/900px 1008px;
    padding-left: 30px
}

.select-box-option span {
    display: block;
    font-size: 20px;
    padding-left: 0;
    width: 100%
}

.select-box-option:nth-child(1)>span {
    background: rgba(0, 0, 0, 0) url("https://www.ais.co.th/base_interface_v3/images/sprite2x.png") no-repeat scroll 10px -71px/900px 1008px
}

.select-box-option:nth-child(2)>span {
    background: rgba(0, 0, 0, 0) url("https://www.ais.co.th/base_interface_v3/images/sprite2x.png") no-repeat scroll 10px -96px/900px 1008px
}

.select-box-option:nth-child(3)>span {
    background: rgba(0, 0, 0, 0) url("https://www.ais.co.th/base_interface_v3/images/sprite2x.png") no-repeat scroll 10px -96px/900px 1008px
}

.select-box-option:nth-child(1)>span a {
    padding: 5px 10px 0 40px
}

.select-box-option:nth-child(2)>span a {
    padding: 5px 10px 0 40px
}

.select-box-option:nth-child(3)>span a {
    padding: 5px 10px 0 40px
}

.select-box-option span>a {
    border: 0 solid green;
    display: block;
    font-size: 12px;
    line-height: 25px;
    margin: 0;
    overflow: hidden;
    width: 100%;
    color: #666;
    text-align: left
}

.select-box-option span>a:hover {
    color: #78ba29;
    text-decoration: underline
}

#ais_topbar.custom-menu #ais_topbar_top .menu__link {
    color: #fff
}

#ais_topbar.custom-menu #ais_topbar_top .menu__link:hover,
#ais_topbar.custom-menu #ais_topbar_top .menu__link:active,
#ais_topbar.custom-menu #ais_topbar_top .menu__link:focus,
#ais_topbar.custom-menu #ais_topbar_top .menu__link.current {
    color: #000
}

#ais_topbar #topbar_search {
    -webkit-transition: right .35s ease-out;
    -moz-transition: right .35s ease-out;
    -o-transition: right .35s ease-out;
    transition: right .35s ease-out
}

#ais_topbar-st-eservice-lang {
    width: 250px;
    float: right;
    height: 50px;
    background-color: #000
}

#ais_topbar-right {
    width: auto;
    height: 50px;
    position: absolute;
    top: 0;
    right: 0;
    color: #000;
    text-align: right
}

#ais_topbar-eservice {
    float: right;
    line-height: 50px;
    margin-right: 15px;
    transition: all .2s ease;
    cursor: pointer
}

#ais_topbar-eservice:hover {
    float: right;
    line-height: 50px;
    margin-right: 15px
}

.ais_topbar-eservice-logo {
    float: right;
    line-height: 50px;
    width: 32px;
    height: 50px;
    background: url(../images/logo_eservice.png) no-repeat;
    background-position: -60px -2px
}

.ais_topbar-eservice-logo .store-status {
    background-color: red;
    color: #fff;
    font-size: 12px;
    line-height: 15px;
    top: 5px;
    right: 95px;
    position: absolute;
    padding: 0 8px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px
}

.ais_topbar-eservice-text {
    float: right;
    line-height: 50px;
    color: #000;
    margin-left: 0;
    font-family: db_heaventmed_cond
}

#ais_topbar-store {
    float: right;
    line-height: 50px;
    margin-right: 15px;
    transition: all .2s ease
}

#ais_topbar-store:hover {
    float: right;
    line-height: 50px;
    margin-right: 15px;
    margin-top: -3px
}

.ais_topbar-store-logo {
    float: right;
    line-height: 50px;
    width: 30px;
    height: 50px;
    position: relative;
    background: url(../images/logo_eservice.png) no-repeat;
    background-position: -30px -2px
}

.ais_topbar-store-text {
    float: right;
    line-height: 50px;
    color: #000;
    margin-left: 0;
    font-family: db_heaventmed_cond
}

#ais_topbar .store-status {
    background-color: red;
    color: #fff;
    font-size: 12px;
    line-height: 15px;
    top: 10px;
    right: -10px;
    position: absolute;
    padding: 0 8px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    display: none
}

#ais_topbar-sub2-wrapper {
    background: rgba(8, 8, 8, .9);
    display: block
}

#ul-sub-menu {
    width: 960px;
    margin: auto
}

.menu-box {
    display: inline-block;
    vertical-align: top;
    width: 24.5%
}

.menu-box30 {
    display: inline-block;
    vertical-align: top;
    width: 30%
}

.menu-box30 li {
    list-style: none;
    padding: 2px 0
}

.menu-box.sub-postpaid {
    display: inline-block;
    vertical-align: top;
    width: 100%
}

#helpdesk {
    font-family: db_heavent_cond!important
}

.menu-box.sub-postpaid .menu__header {
    border-bottom: 1px solid #676767;
    line-height: 42px;
    padding-left: 35px;
    font-size: 17px;
    font-family: db_heavent_cond
}

.menu-box.sub-postpaid li {
    padding-top: 0;
    padding-bottom: 0
}

.menu-box.sub-postpaid .submenu__item {
    border-bottom: 1px solid #676767;
    line-height: 42px;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 35px;
    font-size: 17px;
    font-family: db_heavent_cond
}

.menu-box.sub-postpaid ul .submenu__item {
    border-bottom: 1px solid #676767;
    line-height: 42px;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 50px;
    font-size: 17px;
    font-family: db_heavent_cond
}

.menu-box.sub-postpaid .submenu__item a.menu__link,
.menu-box.sub-postpaid ul .submenu__item a.menu__link {
    font-family: db_heavent_cond;
    color: #fff;
    font-size: 17px;
    line-height: 42px;
    display: block
}

.menu-box.sub-postpaid .submenu__item:hover a.menu__link,
.menu-box.sub-postpaid ul .submenu__item:hover a.menu__link {
    color: #b2d233;
    font-family: db_heavent_cond;
    font-size: 17px;
    line-height: 42px;
    display: block
}

.menu-group-title {}

.menu-group-desc {
    color: #fff
}

.menu__link,
a.menu__link {
    font-family: db_heavent_cond;
    color: #fff;
    font-size: 15px;
    line-height: 1.4
}

.menu__link:hover,
.menu__link:active,
.menu__link:focus {
    color: #b2d233;
    text-decoration: none
}

.menu__link.about,
a.menu__link.about {
    font-family: db_heavent_cond;
    color: #c8c7c7;
    font-size: 15px;
    line-height: 50px;
    display: block
}

a:hover.menu__link.about {
    color: #b2d233;
    text-decoration: none
}

.menu__header a,
.menu__header a:hover,
.menu__header a:active,
.menu__header a:focus {
    color: #b2d233;
    text-decoration: none
}

.menu-box li {
    list-style: none;
    padding: 2px 0
}

.menu-box li .menu__header {
    color: #b2d233;
    font-family: db_heaventmed_cond;
    font-size: 16px
}

.menu-box.sub-postpaid li .menu__header {
    color: #fff
}

.menu-group+.menu-group {
    margin-top: 15px
}

.menu-box-wrap {
    padding-top: 20px;
    padding-bottom: 30px
}

.menu-box-wrap.active {
    display: block
}

.menu-network-group {
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center
}

.menu-network-group .submenu__item:first-child {}

.menu-network-group .submenu__item {
    padding: 0 20px;
    display: block;
    display: inline-block
}

.menu-box-wrap {
    display: none
}

.ul-sub-lv1 {
    display: none
}

#ais_topbar .topbar_menu {
    width: 45px;
    height: 50px;
    float: left;
    cursor: pointer;
    display: none
}

.nav-icon {
    width: 45px;
    height: 50px;
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-out;
    -moz-transition: .5s ease-out;
    -o-transition: .5s ease-out;
    transition: .5s ease-out;
    cursor: pointer
}

.nav-icon span {
    display: block;
    position: absolute;
    height: 1px;
    width: 17px;
    background: #423530;
    border-radius: 3px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-out;
    -moz-transition: .25s ease-out;
    -o-transition: .25s ease-out;
    transition: .25s ease-out
}

.nav-icon span:nth-child(1) {
    top: 18px;
    left: 13px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center
}

.nav-icon span:nth-child(2) {
    top: 24px;
    left: 13px;
    width: 12px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center
}

.nav-icon span:nth-child(3) {
    top: 30px;
    left: 13px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center
}

.nav-icon.open span {
    width: 20px
}

.nav-icon.open span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 17px;
    left: 15px
}

.nav-icon.open span:nth-child(2) {
    width: 0;
    opacity: 0
}

.nav-icon.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 32px;
    left: 15px
}

.ul-sub-lv1-mobile {
    display: none
}

.primary-nav {
    list-style: none none outside;
    position: fixed;
    top: 50px;
    left: 0;
    margin: 0;
    width: 100%;
    max-width: 320px;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    z-index: 29;
    height: 0;
    transition: all .5s ease
}

.bottom-nav {
    background: #000;
    height: 100px;
    width: 100%;
    display: none
}

.expand_stat {
    line-height: 40px;
    font-size: 26px;
    float: right;
    margin-right: 20px
}

#ais_topbar .primary-link,
#ais_topbar .primary-link ul {
    background-color: #000;
    font-family: db_heavent_cond;
    font-size: 17px
}

#ais_topbar .primary-link a {
    color: #b2d233;
    text-decoration: none
}

#ais_topbar.mini-menu .primary-link a {
    color: #fff;
    text-decoration: none
}

#ais_topbar.mini-menu .primary-link a:hover {
    color: #b2d233;
    text-decoration: none
}

.primary-link li.primary-link-lv1 {
    color: #fff;
    border-bottom: 1px solid #676767;
    line-height: 42px;
    padding-left: 20px
}

@media only screen and (min-width:1025px) {
    .primary-link li.primary-link-lv1:hover {
        color: #b4d237;
        border-bottom: 1px solid #676767;
        line-height: 42px;
        padding-left: 20px
    }
}

.primary-link li.primary-link-lv1.active {
    color: #b4d237;
    border-bottom: 1px solid #676767;
    line-height: 42px;
    padding-left: 20px
}

#aisfooter .footer_content {
    background-color: #484947;
    font-family: db_heavent_cond
}

#ais_footer-nav_tab {
    border-bottom: 1px solid #5c5d58;
    color: #fff;
    height: 50px;
    width: 100%;
    padding-top: 5px
}

ul.ul_ais_footer-nav_tab {
    display: block;
    max-width: 1070px;
    height: 44px;
    margin: 0 auto;
    font-size: 1.6rem
}

ul.ul_ais_footer-nav_tab li {
    float: left;
    display: block;
    padding: 0 16px;
    height: 100%;
    color: #a1a1a1;
    line-height: 44px
}

ul.ul_ais_footer-nav_tab li:hover,
.ul_ais_footer-nav_tab li.active {
    background-color: #5c5d58;
    color: #b2d234;
    cursor: pointer
}

ul.ul_ais_footer-nav_tab li .ic_sitemap {
    background: url(https://www.ais.co.th/base_interface_v2/images/icon_sitemap.png);
    width: 11px;
    height: 11px;
    display: inline-block;
    margin-top: 16px;
    margin-right: 10px
}

ul.ul_ais_footer-nav_tab li:hover .ic_sitemap1,
ul.ul_ais_footer-nav_tab li.active .ic_sitemap1 {
    background-position: 0 -11px
}

ul.ul_ais_footer-nav_tab li .ic_sitemap2 {
    background-position: -11px 0
}

ul.ul_ais_footer-nav_tab li .ic_sitemap3 {
    background-position: -22px 0
}

ul.ul_ais_footer-nav_tab li:hover .ic_sitemap2,
ul.ul_ais_footer-nav_tab li.active .ic_sitemap2 {
    background-position: -11px -11px
}

#ais_footer-wrapper {
    color: #cacaca;
    font-family: db_heavent_cond;
    font-size: 15px
}

.ais_footer-nav {
    padding: 25px 0;
    color: #a1a1a1;
    text-align: center;
    width: 100%;
    font-size: 12px;
    clear: both
}

#ais_footer-contact {
    width: 100%;
    max-width: 1070px;
    margin: 30px auto;
    font-size: 13px;
    color: #a1a1a1;
    clear: both;
    position: relative;
    height: 40px
}

.contact-call,
.contact-search,
.contact-community,
.contact-pr {
    display: block;
    height: auto;
    float: left;
    padding: 0;
    padding-right: 23px;
    border-right: 1px solid #5c5d58;
    transition: all .2s ease
}

.contact-pr {
    border-right: 0 solid #5c5d58
}

.contact-call:hover,
.contact-search:hover,
.contact-community:hover,
.contact-pr:hover {
    margin-top: -3px
}

.contact-newletter {
    display: none;
    height: auto;
    float: left;
    padding: 0;
    padding-right: 25px;
    border-right: 1px solid #5c5d58
}

.contact-social {
    display: block;
    height: auto;
    float: right;
    margin-left: 10px;
    padding: 0
}

.ais_footer-contact-ul li {
    display: inline-block;
    border-right: 1px solid #5c5d58;
    padding-right: 25px;
    vertical-align: top
}

.ais_footer-contact-ul li:last-child {
    border-right: none;
    padding-right: 0;
    padding-left: 15px
}

.ic_footer-callcenter {
    background: url(../images/icon_contact.png)
}

.ic_footer-callcenter.ic_footer-call1 {
    float: left;
    width: 70px;
    height: 40px
}

.ic_footer-callcenter.ic_footer-call2 {
    float: left;
    width: 44px;
    height: 40px;
    background-position: 0 -40px;
    margin-left: 20px
}

.ic_footer-callcenter.ic_footer-call3 {
    float: left;
    width: 44px;
    height: 40px;
    background-position: 0 -80px;
    margin-left: 20px
}

.ic_footer-callcenter.ic_footer-call4 {
    float: left;
    width: 44px;
    height: 40px;
    background-position: 0 -120px;
    margin-left: 20px
}

.ic_footer-callcenter.ic_footer-call5 {
    float: left;
    width: 44px;
    height: 40px;
    background-position: 0 -160px;
    margin-left: 20px
}

.ic_footer-callcenter.ic_footer-call6 {
    float: left;
    width: 44px;
    height: 40px;
    background-position: 0 -200px;
    margin-left: 20px
}

.contact-newletter-std,
.contact-social-std {
    display: none
}

.ais_footer-call-txt {
    float: left;
    margin-left: 15px;
    line-height: 1.2;
    padding-top: 5px;
    text-align: left;
    color: #a1a1a1
}

.ais_footer-call-txtnew {
    float: left;
    margin-left: 15px;
    line-height: 1.2;
    padding-top: 5px;
    text-align: left;
    color: #a1a1a1
}

.ais_footer-call-col1,
.ais_footer-call-col1new {
    display: block
}

.ais_footer-search {
    display: inline-block;
    border-right: 1px solid #5c5d58;
    padding-right: 26px
}

.ais_footer-search-txt {
    float: left;
    margin-left: 15px;
    line-height: 1.2;
    padding-top: 5px
}

.form-mail {
    float: left;
    margin-top: 6px;
    width: 200px;
    height: 28px;
    text-indent: 10px;
    background-color: #636363;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-left: 20px;
    overflow: hidden
}

#form-mail {
    width: 140px;
    height: 26px;
    margin-top: 1px;
    background-color: #636363;
    border: none;
    font-family: db_heavent_cond;
    font-size: 15px;
    color: #cfcfcf;
    border-right: 1px solid #555
}

#form-mail-btn {
    width: 50px;
    background-color: #636363;
    border: none;
    font-family: db_heavent_cond;
    font-size: 15px;
    color: #cfcfcf;
    height: 28px;
    text-decoration: none
}

#form-mail-btn:hover {
    width: 50px;
    background-color: #636363;
    border: none;
    font-family: db_heavent_cond;
    font-size: 15px;
    color: #cfcfcf;
    height: 28px;
    text-decoration: underline
}

.ic_footer_social {
    background-image: url(https://www.ais.co.th/base_interface_v3/images/icon_fallow40.png);
    width: 40px;
    height: 40px;
    background-size: 240px 80px;
    float: left;
    margin-left: 7px;
    cursor: pointer
}

#ic_footer_social1:hover {
    background-position: 0 -40px
}

#ic_footer_social2:hover {
    background-position: -40px -40px
}

#ic_footer_social3:hover {
    background-position: -80px -40px
}

#ic_footer_social4:hover {
    background-position: -120px -40px
}

#ic_footer_social5:hover {
    background-position: -160px -40px
}

#ic_footer_social6:hover {
    background-position: -200px -40px
}

.ic_footer_social-share-wrap {
    display: none
}

.ic_footer_social-share-text {
    line-height: 40px;
    display: block;
    font-size: 15px
}

.ic_footer_social1.ic_footer_social {
    margin-left: 0;
    display: inline-block
}

.ic_footer_social2.ic_footer_social {
    display: block;
    margin-left: 7px;
    background-position: 200px 0
}

#ic_footer_social2,
.ic_footer_social2 {
    background-position: -40px 0
}

#ic_footer_social3,
.ic_footer_social3 {
    background-position: -80px 0
}

#ic_footer_social4,
.ic_footer_social4 {
    background-position: -120px 0
}

#ic_footer_social5,
.ic_footer_social5 {
    background-position: -160px 0
}

#ic_footer_social6,
.ic_footer_social6 {
    background-position: -200px 0
}

#ic_footer_share-wrapper {
    float: right;
    height: 44px;
    margin-right: 3px
}

.ic_footer_social-share {
    background-image: url(https://www.ais.co.th/base_interface_v3/images/icon_share28.png);
    background-size: 84px 56px;
    width: 28px;
    height: 28px;
    margin-top: 8px;
    float: right;
    display: inline-block
}

.ic_footer_social-share:hover {
    cursor: pointer
}

#ic_footer_social-share1 {
    margin-left: 10px;
    background-position: 0 0
}

#ic_footer_social-share2 {
    margin-left: 2px;
    background-position: -28px 0
}

#ic_footer_social-share3 {
    margin-left: 2px;
    background-position: -56px 0
}

#ic_footer_social-share1.ic_footer_social-share:hover {
    margin-left: 10px;
    background-position: 0 -28px
}

#ic_footer_social-share2.ic_footer_social-share:hover {
    margin-left: 2px;
    background-position: -28px -28px
}

#ic_footer_social-share3.ic_footer_social-share:hover {
    margin-left: 2px;
    background-position: -56px -28px
}

#ic_footer_social-share_text {
    margin-top: 10px;
    float: right;
    display: inline-block;
    color: #a1a1a1
}

.ais_footer-contact-wrapper-std {
    display: inline-block;
    float: left
}

.ais_footer-contact-wrapper-std a {
    text-decoration: none
}

#ic_footer_social0 {
    display: none
}

.contact-newletter-close,
.contact-social-close {
    display: none;
    cursor: pointer
}

#footer_sub_menu3 {
    display: none
}

.contact-social-mobile {
    display: none;
    color: #ffff;
    width: 100%;
    text-align: center
}

#aisfooter .footer_radius {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden
}

#aisfooter .footer_top {
    background: #b2d234;
    padding-bottom: 15px
}

#aisfooter .footer_top .footer_top_gap {
    padding: 15px 0 0;
    display: inline;
    float: left
}

#aisfooter ul.footer_res_social {
    width: 270px;
    margin-top: -5px
}

#aisfooter .footer_icon_facebook,
.footer_icon_line,
.footer_icon_instagram,
.footer_icon_youtube,
.footer_icon_twitter {
    max-width: 79%
}

#aisfooter .email_input {
    background: #b9bb1e;
    border-radius: 4px
}

#aisfooter #email_topic {
    float: left;
    padding-right: 10px;
    font-size: 13px;
    margin-top: 5px
}

#aisfooter #email_form {
    float: left
}

#aisfooter .email_input {
    height: 34px
}

#aisfooter .email_input .textbox {
    height: 34px;
    max-width: 800px;
    padding-left: 17px;
    border: none;
    background-color: #b9bb1e;
    color: #f2f462;
    font-size: 16px;
    font-family: db_heavent_cond;
    width: auto
}

#aisfooter .email_input .btn {
    float: right;
    color: #fff;
    font-family: db_heavent_cond;
    line-height: 24px;
    padding: 0 10px;
    border-left: solid 1px #b2d234;
    height: 24px;
    margin-top: 6px;
    cursor: pointer;
    border-radius: 0
}

#aisfooter .head_menu li,
#aisfooter .head_menu li a,
#aisfooter .head_menu li {
    color: #231f20;
    float: left;
    list-style: none;
    font-family: db_heavent_cond;
    margin-right: 13px;
    font-size: 18px;
    line-height: 40px;
    cursor: pointer
}

#aisfooter .head_menu li a:hover,
#aisfooter .head_menu .current a,
#aisfooter .head_menu .current a {
    color: #fff
}

#aisfooter .sub_menu li,
#aisfooter .sub_menu li:hover,
#aisfooter .sub_menu li.current {
    color: #231f20;
    font-family: db_heavent_cond;
    list-style: none;
    font-size: 15px;
    line-height: 20px
}

#aisfooter .sub_menu li a {
    color: #fff;
    font-family: db_heavent_cond;
    list-style: none;
    font-size: 14px;
    line-height: 20px;
    cursor: pointer
}

#aisfooter .sub_menu li a:hover {
    color: #a1a1a1
}

#aisfooter .sub_menu .head,
#aisfooter .sub_menu .head a,
#aisfooter .sub_menu .head a:hover,
#aisfooter .sub_menu .head a:active {
    font-size: 17px;
    color: #b4d237;
    line-height: 32px;
    cursor: auto;
    font-family: db_heaventmed_cond
}

#aisfooter .sub_menu li:hover,
#aisfooter .sub_menu li.current {
    color: #fff
}

#aisfooter .sub_menu .linesub {
    border-bottom: none;
    margin-bottom: 0
}

#aisfooter .footer_shotcut,
#aisfooter .footer_sitemap {
    clear: both;
    padding-top: 10px;
    border-top: 0 solid #555;
    max-width: 880px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px
}

#aisfooter .sub_menu ul {
    margin-left: 0;
    padding-bottom: 20px
}

#aisfooter .link_set1,
#aisfooter .link_set2,
#aisfooter .link_set3,
#aisfooter .link_set4,
#aisfooter .site_set1,
#aisfooter .site_set2,
#aisfooter .site_set3,
#aisfooter .site_set4,
#aisfooter .site_set5 {
    width: 64px;
    height: 64px;
    float: left;
    margin-top: 5px
}

#aisfooter .link_set1 {
    background: url(https://www.ais.co.th/base_interface_v2/images/footer/link_icon_01.svg);
    background-size: 100%;
    width: 64px;
    height: 64px;
    float: left;
    margin-top: 5px
}

#aisfooter .link_set2 {
    background: url(https://www.ais.co.th/base_interface_v2/images/footer/link_icon_02.svg);
    background-size: 100%;
    width: 64px;
    height: 64px;
    float: left;
    margin-top: 5px
}

#aisfooter .link_set3 {
    background: url(https://www.ais.co.th/base_interface_v2/images/footer/link_icon_03.svg);
    background-size: 100%;
    width: 64px;
    height: 64px;
    float: left;
    margin-top: 5px
}

#aisfooter .link_set4 {
    background: url(https://www.ais.co.th/base_interface_v2/images/footer/link_icon_04.svg);
    background-size: 100%;
    width: 64px;
    height: 64px;
    float: left;
    margin-top: 5px
}

#aisfooter .site_set1 {
    background: url(https://www.ais.co.th/base_interface_v2/images/footer/link_icon_05.svg);
    background-size: 100%;
    width: 64px;
    height: 64px;
    float: left;
    margin-top: 5px
}

#aisfooter .site_set2 {
    background: url(https://www.ais.co.th/base_interface_v2/images/footer/link_icon_06.svg);
    background-size: 100%;
    width: 64px;
    height: 64px;
    float: left;
    margin-top: 5px
}

#aisfooter .site_set3 {
    background: url(https://www.ais.co.th/base_interface_v2/images/footer/link_icon_07.svg);
    background-size: 100%;
    width: 64px;
    height: 64px;
    float: left;
    margin-top: 5px
}

#aisfooter .site_set4 {
    background: url(https://www.ais.co.th/base_interface_v2/images/footer/link_icon_08.svg);
    background-size: 100%;
    width: 64px;
    height: 64px;
    float: left;
    margin-top: 5px
}

#aisfooter .site_set5 {
    background: url(https://www.ais.co.th/base_interface_v2/images/footer/link_icon_03.svg);
    background-size: 100%;
    width: 64px;
    height: 64px;
    float: left;
    margin-top: 5px
}

#aisfooter .footer_sitemap,
#aisfooter .footer_shotcut {
    display: none
}

#aisfooter .footer_copy {
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    color: #463b3b;
    font-family: Tahoma, Geneva, sans-serif;
    padding: 0 10px;
    clear: both;
    background: #b2d234
}

#aisfooter .footer_top_gap.social_link {
    margin-top: -3px
}

#aisfooter .link_set_arrow,
#aisfooter .footer-arrow {
    display: none;
    cursor: pointer
}

#aisfooter .footer_email {
    margin-right: 30px
}

.truehits-bg {
    background-color: #484947;
    width: 100%;
    height: 25px;
    position: absolute
}

#aisfooter #social_link_bottom {
    display: none
}

#aisfooter .t_inline {
    display: inline-block
}

#aisfooter .font-share {
    font-size: 14px;
    padding-bottom: 5px;
    color: #5a463f;
    font-family: db_heaventmed_cond
}

#aisfooter .footer-max-width {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0
}

#aisfooter .group:before,
.group:after {
    content: " ";
    display: table
}

#aisfooter .group:after {
    clear: both
}

#aisfooter .sub_menu .linesub {
    display: block;
    height: auto;
    float: left;
    padding: 0;
    list-style: none;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px
}

#aisfooter .footer_shotcut,
#aisfooter .footer_sitemap {
    clear: both;
    padding-top: 20px;
    border-top: 0 solid #555;
    max-width: 880px;
    margin: 0 auto;
    padding-left: 0;
    padding-right: 0
}

#ul-personal-sub {
    display: block
}

.ic_footer_social-share-wrap-mobile {
    display: inline-block;
    padding-right: 15px;
    position: relative
}

.ic_footer_social-share-mobile-line {
    position: absolute;
    height: 65px;
    width: 1px;
    background-color: #5c5d58;
    right: -2px;
    top: 15px
}

.contact-social-wrapper-mobile {
    display: inline-block;
    margin-left: 15px
}

.topbar_lang_mobile {
    line-height: 42px;
    border-bottom: 1px solid #676767;
    text-align: right;
    height: 46px;
    background-color: #414141
}

.topbar_lang_mobile .lang {
    margin-right: 25px;
    line-height: 46px;
    display: inline-block;
    float: right;
    color: #fff
}

@media screen and (max-width:1140px) {
    .contact-newletter-std,
    .contact-social-std {
        display: inline-block;
        float: left;
        padding: 0;
        padding-right: 25px;
        padding-left: 25px;
        cursor: pointer;
        border-right: 1px solid #5c5d58
    }
    .contact-newletter-std {
        display: none!important
    }
    .ais_footer-call-col1 {
        display: inline-block
    }
    .ic_footer-callcenter.ic_footer-call1 {
        float: none;
        width: 70px;
        height: 40px;
        margin: 0 auto
    }
    .ic_footer-callcenter.ic_footer-call2 {
        float: none;
        width: 44px;
        height: 40px;
        margin: 0 auto
    }
    .ic_footer-callcenter.ic_footer-call3 {
        float: none;
        width: 44px;
        height: 40px;
        margin: 0 auto
    }
    .ic_footer-callcenter.ic_footer-call5 {
        float: none;
        width: 44px;
        height: 40px;
        margin: 0 auto
    }
    .ic_footer-callcenter.ic_footer-call6 {
        float: none;
        width: 44px;
        height: 40px;
        margin: 0 auto
    }
    #ais_footer-contact-768 {
        width: 675px;
        margin: 0 auto
    }
    .contact-social-std {
        border-right: 0 solid #5c5d58
    }
    .contact-social-wrapper,
    .contact-newletter-wrapper {
        width: 360px;
        margin: 0 auto
    }
    #ic_footer_social0 {
        line-height: 40px;
        width: 40px;
        height: 40px;
        float: left;
        display: block;
        margin-left: 7px;
        font-size: 15px
    }
    #ais_footer-contact {
        width: 100%;
        max-width: 1140px;
        margin: 30px auto;
        font-size: 13px;
        color: #a1a1a1;
        clear: both;
        position: relative;
        text-align: center
    }
    .form-mail {
        float: left;
        margin-top: 6px;
        width: 220px;
        height: 28px;
        text-indent: 10px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        margin-left: 0
    }
    #form-mail {
        width: 160px
    }
    #form-mail-btn {
        background-color: #b4d234;
        color: #000
    }
    .contact-call,
    .contact-search,
    .contact-community,
    .contact-pr {
        display: inline-block;
        height: auto;
        float: none;
        padding: 0;
        padding-right: 25px;
        padding-left: 25px;
        border-right: 1px solid #5c5d58
    }
    .ais_footer-call-txt {
        float: none;
        margin-left: 0;
        clear: both
    }
    .contact-social,
    .contact-newletter {
        display: block;
        clear: both;
        height: auto;
        top: -30px;
        padding: 30px 0;
        float: left;
        background-color: #3a3a3a;
        width: 100%;
        text-align: center;
        position: absolute;
        border-right: 0 solid #5c5d58;
        z-index: 3;
        margin-left: 100%;
        transition: all .5s ease;
        opacity: 0
    }
    .contact-newletter-close,
    .contact-social-close {
        float: right;
        height: 40px;
        display: block;
        margin-right: 20px
    }
    .contact-social.moveleft,
    .contact-newletter.moveleft {
        margin-left: 0;
        opacity: 1;
        width: 100%
    }
    .ic_footer_social {
        background-size: auto 200%;
        float: left;
        display: block;
        margin-left: 7px
    }
}

@media screen and (max-width:640px) {
    .primary-nav {
        max-width: 100%
    }
}

@media screen and (max-width:630px) {
    #aisfooter .footer_shotcut,
    #aisfooter .footer_sitemap {
        padding-top: 0
    }
    .ic_footer_social-share-wrap {
        display: inline-block
    }
    .contact-social,
    .contact-newletter {
        display: block;
        clear: both;
        height: auto;
        top: -20px;
        padding: 30px 0;
        float: left;
        background-color: #3a3a3a;
        width: 100%;
        text-align: center;
        position: absolute;
        border-right: 0 solid #5c5d58;
        z-index: 3;
        margin-left: 100%;
        transition: all .5s ease;
        opacity: 0
    }
    .ais_footer-call-col1.callshow-hide {
        display: none
    }
    .contact-social-std {
        display: none
    }
    .contact-newletter-std,
    .contact-social-std {
        padding-right: 10px;
        padding-left: 10px;
        border-right: 0 solid #5c5d58
    }
    .contact-call,
    .contact-search,
    .contact-community,
    .contact-pr {
        padding-right: 10px;
        padding-left: 10px;
        border-right: 1px solid #5c5d58
    }
    .contact-pr {
        border-right: 0 solid #5c5d58
    }
    .ais_footer-call-txt {
        font-size: 11px
    }
    #ais_footer-contact-768 {
        width: 375px;
        margin: 0 auto;
        position: relative
    }
    .contact-social {
        display: none;
        clear: both;
        height: auto;
        padding: 0;
        float: none;
        background-color: transparent;
        width: 100%;
        text-align: center;
        border-right: 0 solid #5c5d58;
        z-index: 3;
        opacity: 1;
        position: relative;
        margin-left: 0;
        top: 0
    }
    .contact-social-close {
        display: none
    }
    #ais_footer-contact {
        height: auto;
        margin: 20px auto 0
    }
    .ais_footer-contact-wrapper-std {
        display: inline-block;
        float: left;
        height: 90px
    }
    #ic_footer_social0 {
        text-align: center;
        width: 100%;
        margin-left: 0
    }
    .contact-social-wrapper {
        width: 300px;
        margin: 0 auto
    }
    .contact-newletter-close,
    .contact-social-close {
        margin-right: 10px
    }
    .ul_ais_footer-nav_tab li {
        padding: 0 10px
    }
    #footer_sub_menu3 {
        display: block
    }
    #ic_footer_share-wrapper {
        display: none
    }
}

@media screen and (max-width:1250px) {
    .ais_topbar-store-text {
        display: none
    }
    .ul-ais_topbar-primary {
        width: auto;
        margin-left: 10px
    }
}

@media screen and (max-width:1080px) {
    .ais_logo {
        margin-left: 15px;
        margin-right: 20px
    }
    #ais_topbar #topbar_search {
        width: auto;
        margin-left: 5px;
        float: right;
        margin-right: 150px
    }
}

@media screen and (max-width:1000px) {
    #ais_topbar .primary-link a {
        color: #fff;
        text-decoration: none
    }
    #ais_topbar .primary-link a:hover {
        color: #b4d237;
        text-decoration: none
    }
    #ais_topbar-sub-wrapper {
        display: none
    }
    #ais_topbar-sub2-wrapper {
        background: rgba(8, 8, 8, .9);
        display: none
    }
    .ul-ais_topbar-primary {
        display: none
    }
    #ul-personal-sub {
        display: none
    }
    #ais_topbar #topbar_search {
        max-width: 600px;
        max-width: 350px;
        position: absolute;
        top: 0;
        left: 120px;
        left: 0;
        margin-left: auto;
        margin-right: 130px;
        margin-right: auto;
        right: 0;
        z-index: 35;
        -webkit-transition: right .35s ease-out;
        -moz-transition: right .35s ease-out;
        -o-transition: right .35s ease-out;
        transition: right .35s ease-out;
        border: 1px #ddd solid
    }
    #ais_topbar.no-en #topbar_search {
        max-width: 600px;
        position: absolute;
        top: 0;
        left: 0;
        margin-left: auto;
        margin-right: auto;
        right: 0;
        z-index: 35;
        -webkit-transition: right .35s ease-out;
        -moz-transition: right .35s ease-out;
        -o-transition: right .35s ease-out;
        transition: right .35s ease-out;
        border: 1px #ddd solid
    }
    #ais_topbar .ais_logo,
    #ais_topbar.mini-menu .ais_logo {
        width: 75px;
        padding: 6px 10px 0 0;
        float: left;
        cursor: pointer;
        margin-left: 0;
        margin-right: 0
    }
    #ais_topbar .ais_logo.one2call_logo {
        width: 65px;
        padding: 5px 10px 0 0;
        float: left;
        cursor: pointer;
        margin-left: 0;
        margin-right: 0
    }
    #ais_topbar .ais_logo img {
        width: 100%;
        height: auto
    }
    #ais_topbar .topbar_lang {
        display: none
    }
    .ais_personal-sub {
        color: #fff;
        font-family: db_heavent_cond;
        font-size: 17px;
        display: table;
        margin: 0;
        height: auto;
        width: 100%;
        border-bottom: 1px solid #676767
    }
    .ais_customer-sub {
        color: #fff;
        font-family: db_heavent_cond;
        font-size: 17px;
        display: table;
        margin: 0;
        height: auto;
        width: 100%;
        border-bottom: 1px solid #676767
    }
    .ais_about-sub {
        color: #fff;
        font-family: db_heavent_cond;
        font-size: 17px;
        display: table;
        margin: 0;
        height: auto;
        width: 100%;
        padding-left: 35px;
        border-bottom: 1px solid #676767
    }
    .ais_investor-sub {
        color: #fff;
        font-family: db_heavent_cond;
        font-size: 17px;
        display: table;
        margin: 0;
        height: auto;
        width: 100%;
        border-bottom: 1px solid #676767
    }
    .menu__link.about,
    a.menu__link.about {
        font-family: db_heavent_cond;
        color: #fff;
        font-size: 17px;
        line-height: 40px;
        display: block
    }
    .ul-sub-lv1-mobile {
        text-align: left;
        width: 100%;
        margin: auto;
        background-color: #282828
    }
    .ais_personal-sub-icon,
    .ais_customer-sub-icon,
    .ais_about-sub-icon {
        background-image: url(https://www.ais.co.th/base_interface_v2/images/icon_topbar30.png);
        background-repeat: no-repeat;
        background-size: 300px 240px
    }
    .ais_personal-sub-icon {
        float: left;
        margin: 5px 0 0 13px;
        height: 30px;
        width: 30px
    }
    .ais_customer-sub-icon,
    .ais_about-sub-icon,
    .ais_investor-sub-icon,
    .mini-menu .ais_personal-sub-icon,
    .mini-menu .ais_investor-sub-icon {
        float: left;
        margin: 5px 0 0 30px;
        height: 30px;
        width: 30px
    }
    .ais_about-sub-icon {
        float: left;
        margin: 5px 0 0 -5px;
        height: 30px;
        width: 30px
    }
    .ais_personal-sub .ais_personal-sub-icon {
        background-position: -30px 0
    }
    .ais_personal-sub .ais_personal-sub-icon2 {
        background-position: -60px 0
    }
    .ais_personal-sub .ais_personal-sub-icon3 {
        background-position: -90px 0
    }
    .ais_personal-sub .ais_personal-sub-icon4 {
        background-position: -120px 0
    }
    .ais_personal-sub .ais_personal-sub-icon5 {
        background-position: -150px 0
    }
    .ais_personal-sub .ais_personal-sub-icon6 {
        background-position: -180px 0
    }
    .ais_personal-sub .ais_personal-sub-icon7 {
        background-position: -210px 0
    }
    .ais_personal-sub .ais_personal-sub-icon8 {
        background-position: -240px 0
    }
    .ais_personal-sub .ais_personal-sub-icon10 {
        background-position: -270px 0
    }
    .ais_personal-sub .ais_personal-sub-icon9 {
        background-position: 0 0
    }
    .ais_personal-sub:hover .ais_personal-sub-icon {
        background-position: -30px -30px
    }
    .ais_personal-sub:hover .ais_personal-sub-icon2 {
        background-position: -60px -30px
    }
    .ais_personal-sub:hover .ais_personal-sub-icon3 {
        background-position: -90px -30px
    }
    .ais_personal-sub:hover .ais_personal-sub-icon4 {
        background-position: -120px -30px
    }
    .ais_personal-sub:hover .ais_personal-sub-icon5 {
        background-position: -150px -30px
    }
    .ais_personal-sub:hover .ais_personal-sub-icon6 {
        background-position: -180px -30px
    }
    .ais_personal-sub:hover .ais_personal-sub-icon7 {
        background-position: -210px -30px
    }
    .ais_personal-sub:hover .ais_personal-sub-icon8 {
        background-position: -240px -30px
    }
    .ais_personal-sub:hover .ais_personal-sub-icon10 {
        background-position: -270px -30px
    }
    .ais_personal-sub:hover .ais_personal-sub-icon9 {
        background-position: 0 -30px
    }
    .ais_customer-sub .ais_customer-sub-icon7 {
        background-position: 0 -60px
    }
    .ais_customer-sub .ais_customer-sub-icon1 {
        background-position: -30px -60px
    }
    .ais_customer-sub .ais_customer-sub-icon2 {
        background-position: -60px -60px
    }
    .ais_customer-sub .ais_customer-sub-icon3 {
        background-position: -90px -60px
    }
    .ais_customer-sub .ais_customer-sub-icon4 {
        background-position: -120px -60px
    }
    .ais_customer-sub .ais_customer-sub-icon5 {
        background-position: -150px -60px
    }
    .ais_customer-sub .ais_customer-sub-icon6 {
        background-position: -180px -60px
    }
    .ais_customer-sub .ais_customer-sub-icon8 {
        background-position: -210px -60px
    }
    .ais_customer-sub:hover .ais_customer-sub-icon7 {
        background-position: 0 -90px
    }
    .ais_customer-sub:hover .ais_customer-sub-icon1 {
        background-position: -30px -90px
    }
    .ais_customer-sub:hover .ais_customer-sub-icon2 {
        background-position: -60px -90px
    }
    .ais_customer-sub:hover .ais_customer-sub-icon3 {
        background-position: -90px -90px
    }
    .ais_customer-sub:hover .ais_customer-sub-icon4 {
        background-position: -120px -90px
    }
    .ais_customer-sub:hover .ais_customer-sub-icon5 {
        background-position: -150px -90px
    }
    .ais_customer-sub:hover .ais_customer-sub-icon6 {
        background-position: -180px -90px
    }
    .ais_customer-sub:hover .ais_customer-sub-icon8 {
        background-position: -210px -90px
    }
    .ais_about-sub .ais_about-sub-icon1 {
        background-position: 0 -180px
    }
    .ais_about-sub .ais_about-sub-icon2 {
        background-position: -30px -180px
    }
    .ais_about-sub .ais_about-sub-icon3 {
        background-position: -60px -180px
    }
    .ais_about-sub .ais_about-sub-icon4 {
        background-position: -90px -180px
    }
    .ais_about-sub .ais_about-sub-icon5 {
        background-position: -120px -180px
    }
    .ais_about-sub .ais_about-sub-icon6 {
        background-position: -150px -180px
    }
    .ais_about-sub .ais_about-sub-icon7 {
        background-position: -180px -180px
    }
    .ais_about-sub:hover .ais_about-sub-icon1 {
        background-position: 0 -210px
    }
    .ais_about-sub:hover .ais_about-sub-icon2 {
        background-position: -30px -210px
    }
    .ais_about-sub:hover .ais_about-sub-icon3 {
        background-position: -60px -210px
    }
    .ais_about-sub:hover .ais_about-sub-icon4 {
        background-position: -90px -210px
    }
    .ais_about-sub:hover .ais_about-sub-icon5 {
        background-position: -120px -210px
    }
    .ais_about-sub:hover .ais_about-sub-icon6 {
        background-position: -150px -210px
    }
    .ais_about-sub:hover .ais_about-sub-icon7 {
        background-position: -180px -210px
    }
    .ais_personal-sub-text,
    .ais_investor-sub-text {
        float: left;
        line-height: 45px;
        margin-left: 10px
    }
    .ais_personal-sub-text.noicon-sub-text {
        float: left;
        line-height: 42px;
        margin-left: 20px
    }
    .ais_personal-sub span {
        vertical-align: middle;
        display: table-cell
    }
    .secondary-link {
        background-color: #414141
    }
    #ais_topbar .topbar_lang_mobile span.lang-img {
        width: 33px;
        display: inline-block;
        height: 33px;
        overflow: hidden;
        margin-top: 2px;
        float: right;
        margin-right: 15px
    }
    .primary-nav.nav-slidedown {
        height: 100%;
        background-color: #000
    }
    .primary-nav.nav-slidedown:hover {
        overflow: auto
    }
    .bottom-nav {
        display: block
    }
    #ais_topbar .topbar_menu {
        display: block
    }
    #ais_topbar.no-en #topbar_search {
        left: 0
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:1) {
    .primary-nav.nav-slidedown {
        overflow: auto
    }
}

@media screen and (max-width:767px) {
    .primary-nav.nav-slidedown {
        overflow: auto
    }
}

@media screen and (max-width:850px) {
    #ais_topbar.no-en #topbar_search {
        left: 140px;
        margin-right: 90px
    }
}

@media screen and (max-width:479px) {
    #ais_topbar #topbar_search.is-focus {
        margin-right: 10px
    }
}

@media screen and (max-width:1200px) {
    #aisfooter .footer_top,
    #aisfooter .footer_content {}
    #aisfooter .footer_top .footer_top_gap {
        padding: 10px 0;
        width: 100%
    }
    #aisfooter #email_form {
        width: 100%
    }
    #aisfooter #email_topic {
        margin: 10px 0
    }
    #aisfooter .email_input {
        width: auto
    }
    #aisfooter .footer_icon_facebook,
    .footer_icon_line,
    .footer_icon_instagram,
    .footer_icon_youtube,
    .footer_icon_twitter {
        margin: 0 8px 0 0
    }
    #aisfooter .email_input .textbox {
        height: 34px;
        max-width: 800px;
        padding-left: 17px;
        border: none;
        background-color: #b9bb1e;
        color: #f2f462;
        font-size: 16px;
        font-family: db_heavent_cond;
        width: 80%
    }
}

@media screen and (max-width:767px) {
    #pp_onlinestore li {
        height: 35px;
        line-height: 45px;
        padding: 0 10px;
        font-size: 18px
    }
    #pp_onlinestore ul.last {
        width: 100%;
        background: #000;
        display: block;
        height: auto
    }
    #pp_onlinestore {
        width: 100%
    }
    .pp_onlinestore-warp {
        overflow: auto;
        height: 100%;
        position: fixed;
        width: 100%;
        background: #414141;
        display: block
    }
    .ais_topbar-eservice-logo .store-status {
        background-color: red;
        color: #fff;
        font-size: 12px;
        line-height: 15px;
        top: 5px;
        right: 45px;
        position: absolute;
        padding: 0 8px;
        -webkit-border-radius: 16px;
        -moz-border-radius: 16px;
        border-radius: 16px
    }
    #aisfooter .footer_copy {}
    #aisfooter .footer-arrow {
        display: block;
        float: right;
        margin-top: 12px;
        font-size: 18px;
        font-weight: 700;
        color: #fff
    }
    #aisfooter .link_set_arrow {
        display: block;
        float: right;
        background: url(https://www.ais.co.th/base_interface_v2/images/footer/plus_icon_01.png) center no-repeat;
        width: 11px;
        height: 20px;
        margin: 11px 0
    }
    #aisfooter .link_set,
    #aisfooter .link_set_current {
        display: block;
        cursor: pointer
    }
    #aisfooter .link_set li {
        overflow: hidden;
        height: 0;
        transition: all .5s ease;
        -webkit-overflow-scrolling: touch
    }
    #aisfooter .link_set_current li {
        height: auto
    }
    #aisfooter .link_set_current .link_set_arrow {
        background: url(https://www.ais.co.th/base_interface_v2/images/footer/plus_icon_02.png) center no-repeat
    }
    #aisfooter .sub_menu ul {
        padding-bottom: 10px
    }
    #aisfooter .footer_shotcut,
    #aisfooter .footer_sitemap {
        display: none
    }
    #aisfooter .link_set .head,
    #aisfooter .link_set .head .current {
        display: block;
        height: 32px;
        line-height: auto
    }
    #aisfooter .link_set .head .current {
        background-position: 0 32px
    }
    #aisfooter .link_set .head .current a:hover {
        color: #fff
    }
    #aisfooter .link_set_current .head a {
        display: block;
        height: 38px;
        line-height: 38px
    }
    #aisfooter .link_set_current .head a:hover {
        line-height: 38px;
        color: #fff
    }
    #aisfooter .link_set .head a {
        display: block;
        height: 32px;
        line-height: 64px
    }
    #aisfooter .link_set .head a:hover {
        line-height: 32px;
        color: #fff
    }
    #aisfooter .link_set1,
    #aisfooter .link_set2,
    #aisfooter .link_set3,
    #aisfooter .link_set4,
    #aisfooter .site_set1,
    #aisfooter .site_set2,
    #aisfooter .site_set3,
    #aisfooter .site_set4,
    #aisfooter .site_set5 {
        margin-top: 0
    }
    #aisfooter .sub_menu .linesub {
        border-bottom: 1px solid #5c5d58
    }
    #aisfooter .footer_shotcut,
    #aisfooter .footer_sitemap {
        padding-top: 0
    }
    #aisfooter .head_menu li,
    #aisfooter .head_menu li a,
    #aisfooter .head_menu li {
        color: #231f20;
        float: left;
        list-style: none;
        font-family: db_heavent_cond;
        margin-right: 13px;
        font-size: 15px;
        line-height: 40px;
        cursor: pointer;
        padding: 1px 0
    }
    #aisfooter .sub_menu .head,
    #aisfooter .sub_menu .head a,
    #aisfooter .sub_menu .head a:hover,
    #aisfooter .sub_menu .head a:active {
        font-size: 15px;
        color: #fff;
        line-height: 40px;
        cursor: pointer
    }
    #aisfooter .sub_menu .link_set_current .head,
    #aisfooter .sub_menu .link_set_current .head a,
    #aisfooter .sub_menu .link_set_current .head a:hover,
    #aisfooter .sub_menu .link_set_current .head a:active {
        font-size: 15px;
        color: #b4d237;
        line-height: 40px;
        cursor: pointer
    }
    #aisfooter .sub_menu li a {
        line-height: 30px
    }
    #aisfooter .sub_menu li a:hover {
        line-height: 30px
    }
    #aisfooter .sub_menu ul {
        margin-left: 0;
        padding-bottom: 0
    }
    #aisfooter .footer_top .footer_top_gap.social_link {
        width: 100%;
        position: fixed;
        height: 50px
    }
    #aisfooter #social_link_bottom {
        width: 100%;
        position: fixed;
        height: auto;
        bottom: 0;
        float: none!important;
        background-color: #b2d234;
        z-index: 300;
        padding-top: 5px;
        display: block
    }
    #aisfooter .email_input .textbox {
        height: 34px;
        max-width: 800px;
        padding-left: 17px;
        border: none;
        background-color: #b9bb1e;
        color: #f2f462;
        font-size: 16px;
        font-family: db_heavent_cond;
        width: 70%
    }
}

@media screen and (max-width:480px) {
    #aisfooter .email_input .textbox {
        height: 34px;
        max-width: 800px;
        padding-left: 17px;
        border: none;
        background-color: #b9bb1e;
        color: #f2f462;
        font-size: 16px;
        font-family: db_heavent_cond;
        width: auto
    }
}

@media screen and (min-width:768px) {
    #aisfooter .footer_shotcut .sub_menu .linesub {
        width: 50%
    }
    #aisfooter .footer_shotcut .sub_menu .linesub:nth-of-type(1n) {
        clear: none
    }
    #aisfooter .footer_shotcut .sub_menu .linesub:nth-of-type(2n+1) {
        clear: both
    }
    #aisfooter .footer_sitemap .sub_menu .linesub {
        width: 33.33333%
    }
    #aisfooter .footer_sitemap .sub_menu .linesub:nth-of-type(1n) {
        clear: none
    }
    #aisfooter .footer_sitemap .sub_menu .linesub:nth-of-type(3n+1) {
        clear: both
    }
}

@media screen and (min-width:1024px) {
    #aisfooter .footer_shotcut .sub_menu .linesub {
        width: 20%
    }
    #aisfooter .footer_shotcut .sub_menu .linesub:nth-of-type(1n) {
        clear: none
    }
    #aisfooter .footer_shotcut .sub_menu .linesub:nth-of-type(5n+1) {
        clear: both
    }
    #aisfooter .footer_sitemap .sub_menu .linesub {
        width: 20%
    }
    #aisfooter .footer_sitemap .sub_menu .linesub:nth-of-type(1n) {
        clear: none
    }
    #aisfooter .footer_sitemap .sub_menu .linesub:nth-of-type(5n+1) {
        clear: both
    }
}

#ais_topbar.mini-menu #topbar_search {
    left: 120px
}

#ais_topbar.mini-menu .topbar_menu {
    display: block
}

#ais_topbar.mini-menu .primary-nav.nav-slidedown {
    height: 100%;
    background-color: #000
}

#ais_topbar.mini-menu .primary-nav.nav-slidedown:hover {
    overflow-y: auto
}

#ais_topbar.mini-menu .bottom-nav {
    display: block
}

#ais_topbar.mini-menu .topbar_menu {
    display: block
}

#ais_topbar.mini-menu #topbar_search {
    margin-right: 90px
}

#ais_topbar.mini-menu .ais_logo img {
    width: 100%;
    height: auto
}

#ais_topbar.mini-menu .ul-ais_topbar-primary {
    display: none
}

#ais_topbar.mini-menu #ul-personal-sub {
    display: none
}

#ais_topbar.mini-menu #topbar_search {
    max-width: 600px;
    position: absolute;
    top: 0;
    margin-left: auto;
    left: 0;
    margin-right: auto;
    right: 90px;
    z-index: 35;
    -webkit-transition: right .35s ease-out;
    -moz-transition: right .35s ease-out;
    -o-transition: right .35s ease-out;
    transition: right .35s ease-out;
    border: 1px #ddd solid
}

.mini-menu .secondary-link, .mini-menu .secondary-link-custom {
    background-color: #414141;
}
.mini-menu .topbar_lang_mobile {
    line-height: 42px;
    border-bottom: 1px solid #676767;
    text-align: right;
    height: 46px;
	display:none;
}
.mini-menu .ais_personal-sub, .mini-menu .ais_investor-sub {
    color: #fff;
    font-family: 'db_heavent_cond';
    font-size: 17px;
    display: table;
    margin: 0;
    height: auto;
    width: 100%;
    border-bottom: 1px solid #676767;
}
.mini-menu .ais_personal-sub:hover, .mini-menu .ais_personal-sub.active,
.mini-menu .ais_investor-sub:hover, .mini-menu .ais_investor-sub.active{
    color: #b4d237;
    cursor: pointer;
}
.mini-menu .ais_personal-sub-text, .mini-menu .ais_investor-sub-text {
    float: left;
    line-height: 45px;
    margin-left: 10px;
}
.mini-menu .ais_about-sub {
    color: #fff;
    font-family: 'db_heavent_cond';
    font-size: 17px;
    display: table;
    margin: 0;
    height: auto;
    width: 100%;
    padding-left: 35px;
    border-bottom: 1px solid #676767;
}
.mini-menu .menu__link.about, a.menu__link.about {
        font-family: 'db_heavent_cond';
        color: #fff;
        font-size: 17px;
        line-height: 40px;
        display: block;
    }
.mini-menu .ais_customer-sub {
    color: #fff;
    font-family: 'db_heavent_cond';
    font-size: 17px;
    display: table;
    margin: 0;
    height: auto;
    width: 100%;
    border-bottom: 1px solid #676767;
}
.mini-menu .ais_personal-sub-icon{
    float: left;
    margin: 5px 0 0 13px;
    height: 30px;
    width: 30px;
}
.mini-menu .ais_customer-sub-icon,
.mini-menu .ais_investor-sub-icon {
    float: left;
    margin: 5px 0 0 30px;
    height: 30px;
    width: 30px;
}
.mini-menu .ais_personal-sub-icon,
.mini-menu .ais_customer-sub-icon,
.mini-menu .ais_about-sub-icon {
background-image: url(https://www.ais.co.th/base_interface_v2/images/icon_topbar30.png);
/*background-image: url(http://www.dnacampaign.com/base_interface_v3/images/icon_topbar30.png);*/
background-repeat: no-repeat;
background-size: 300px 240px;}

.mini-menu .ais_personal-sub .ais_personal-sub-icon {background-position: -30px 0px;}
.mini-menu .ais_personal-sub .ais_personal-sub-icon2 {background-position: -60px 0px;}
.mini-menu .ais_personal-sub .ais_personal-sub-icon3 {background-position: -90px 0px;}
.mini-menu .ais_personal-sub .ais_personal-sub-icon4 {background-position: -120px 0px;}
.mini-menu .ais_personal-sub .ais_personal-sub-icon5 {background-position: -150px 0px;}
.mini-menu .ais_personal-sub .ais_personal-sub-icon6 {background-position: -180px 0px;}
.mini-menu .ais_personal-sub .ais_personal-sub-icon7 {background-position: -210px 0px;}
.mini-menu .ais_personal-sub .ais_personal-sub-icon8 {background-position: -240px 0px;}
.mini-menu .ais_personal-sub .ais_personal-sub-icon9 {background-position: 0px 0px;}
.mini-menu .ais_personal-sub .ais_personal-sub-icon10 {background-position: -270px 0px;}
.mini-menu .ais_personal-sub .ais_personal-sub-icon11 {background-position: -300px 0px;}
.mini-menu .ais_personal-sub:hover .ais_personal-sub-icon {background-position: -30px -30px;}
.mini-menu .ais_personal-sub:hover .ais_personal-sub-icon2 {background-position: -60px -30px;}
.mini-menu .ais_personal-sub:hover .ais_personal-sub-icon3 {background-position: -90px -30px;}
.mini-menu .ais_personal-sub:hover .ais_personal-sub-icon4 {background-position: -120px -30px;}
.mini-menu .ais_personal-sub:hover .ais_personal-sub-icon5 {background-position: -150px -30px;}
.mini-menu .ais_personal-sub:hover .ais_personal-sub-icon6 {background-position: -180px -30px;}
.mini-menu .ais_personal-sub:hover .ais_personal-sub-icon7 {background-position: -210px -30px;}
.mini-menu .ais_personal-sub:hover .ais_personal-sub-icon8 {background-position: -240px -30px;}
.mini-menu .ais_personal-sub:hover .ais_personal-sub-icon9 {background-position: 0px -30px;}
.mini-menu .ais_personal-sub:hover .ais_personal-sub-icon10 {background-position: -270px -30px;}
.mini-menu .ais_personal-sub:hover .ais_personal-sub-icon11 {background-position: -300px -30px;}
.mini-menu .ais_customer-sub .ais_customer-sub-icon7 {background-position: 0px -60px;}
.mini-menu .ais_customer-sub .ais_customer-sub-icon1 {background-position: -30px -60px;}
.mini-menu .ais_customer-sub .ais_customer-sub-icon2 {background-position: -60px -60px;}
.mini-menu .ais_customer-sub .ais_customer-sub-icon3 {background-position: -90px -60px;}
.mini-menu .ais_customer-sub .ais_customer-sub-icon4 {background-position: -120px -60px;}
.mini-menu .ais_customer-sub .ais_customer-sub-icon5 {background-position: -150px -60px;}
.mini-menu .ais_customer-sub .ais_customer-sub-icon6 {background-position: -180px -60px;}
.mini-menu .ais_customer-sub .ais_customer-sub-icon8 {background-position: -210px -60px;}/*20181221 aiap*/
.mini-menu .ais_customer-sub:hover .ais_customer-sub-icon7 {background-position: 0px -90px;}
.mini-menu .ais_customer-sub:hover .ais_customer-sub-icon1 {background-position: -30px -90px;}
.mini-menu .ais_customer-sub:hover .ais_customer-sub-icon2 {background-position: -60px -90px;}
.mini-menu .ais_customer-sub:hover .ais_customer-sub-icon3 {background-position: -90px -90px;}
.mini-menu .ais_customer-sub:hover .ais_customer-sub-icon4 {background-position: -120px -90px;}
.mini-menu .ais_customer-sub:hover .ais_customer-sub-icon5 {background-position: -150px -90px;}
.mini-menu .ais_customer-sub:hover .ais_customer-sub-icon6 {background-position: -180px -90px;}
.mini-menu .ais_customer-sub:hover .ais_customer-sub-icon8 {background-position: -210px -90px;}/*20181221 aiap*/
.mini-menu .ais_about-sub .ais_about-sub-icon1 {background-position: 0px -180px;}
.mini-menu .ais_about-sub .ais_about-sub-icon2 {background-position: -30px -180px;}
.mini-menu .ais_about-sub .ais_about-sub-icon3 {background-position: -60px -180px;}
.mini-menu .ais_about-sub .ais_about-sub-icon4 {background-position: -90px -180px;}
.mini-menu .ais_about-sub .ais_about-sub-icon5 {background-position: -120px -180px;}
.mini-menu .ais_about-sub .ais_about-sub-icon6 {background-position: -150px -180px;}
.mini-menu .ais_about-sub .ais_about-sub-icon7 {background-position: -180px -180px;}
.mini-menu .ais_about-sub:hover .ais_about-sub-icon1 {background-position: 0px -210px;}
.mini-menu .ais_about-sub:hover .ais_about-sub-icon2 {background-position: -30px -210px;}
.mini-menu .ais_about-sub:hover .ais_about-sub-icon3 {background-position: -60px -210px;}
.mini-menu .ais_about-sub:hover .ais_about-sub-icon4 {background-position: -90px -210px;}
.mini-menu .ais_about-sub:hover .ais_about-sub-icon5 {background-position: -120px -210px;}
.mini-menu .ais_about-sub:hover .ais_about-sub-icon6 {background-position: -150px -210px;}
.mini-menu .ais_about-sub:hover .ais_about-sub-icon7 {background-position: -180px -210px;}
.mini-menu .ais_personal-sub-text, .mini-menu .ais_investor-sub-text {
    float: left;
    line-height: 45px;
    margin-left: 10px;
}
.mini-menu .ais_about-sub {
    color: #fff;
    font-family: 'db_heavent_cond';
    font-size: 17px;
    display: table;
    margin: 0;
    height: auto;
    width: 100%;
    padding-left: 35px;
    border-bottom: 1px solid #676767;
}
.mini-menu .menu__link.about, a.menu__link.about {
    font-family: 'db_heavent_cond';
    color: #fff;
    font-size: 17px;
    line-height: 42px;
    display: block;
}
.mini-menu .ais_about-sub-icon {
    float: left;
    margin: 5px 0 0 -5px;
    height: 30px;
    width: 30px;
}
.mini-menu .ais_personal-sub-text, .mini-menu .ais_investor-sub-text {
    float: left;
    line-height: 45px;
    margin-left: 10px;
}
.mini-menu .ais_personal-sub-text.noicon-sub-text{
	float: left;
    line-height: 45px;
    margin-left: 20px;
}
.mini-menu .ais_customer-sub:hover, .mini-menu .ais_customer-sub.active {
    color: #b4d237;
}
.mini-menu .menu__item{border-bottom: 1px solid #676767; padding-left: 20px; line-height: 42px;}
.mini-menu .menu__item.customer{border-bottom: 0px solid #676767; padding-left: 20px; line-height: 42px;}
.mini-menu .menu__item h2{ font-weight:normal;}
.mini-menu .menu__link, .mini-menu a.menu__link {
    font-family: 'db_heavent_cond';
    color: #fff;
    font-size: 17px;
    line-height:42px;
     display: block;
}
.mini-menu a:hover.menu__link {
    font-family: 'db_heavent_cond';
    color: #b4d237;
    font-size: 17px;
    line-height:42px;
     display: block;
}
#ais_topbar.mini-menu .js-custom-header, #ais_topbar.custom-menu .js-custom-header {
    display: block;
    width: 100%;
    height: auto;
    background-color: rgba(0,0,0,0.7);
}
.mini-menu .js-custom-header .secondary-link-custom {
	background:none;
max-width: 1140px;
    margin: 0 auto;
    clear: both;
    text-align: center;
}
.mini-menu .js-custom-header .secondary-link-custom .menu__item{
    border-bottom: 0px solid #676767;
    padding-left: 0px;
	margin:0 10px;
    line-height: 42px;
    display: inline-block;
}
.mini-menu a.menu__link.current {
    font-family: 'db_heavent_cond';
    color: #b2d233;
    font-size: 17px;
    line-height: 42px;
    display: block;
}

@media screen and (max-width:1250px) {
    .mini-menu .ais_topbar-eservice-text,
    .mini-menu .ais_topbar-store-text {
        display: block
    }
}

@media screen and (max-width:1080px) {
    #ais_topbar.mini-menu #topbar_search {
        width: 350px
    }
    #ais_topbar.mini-menu .topbar_lang {
        display: block
    }
}

@media screen and (max-width:920px) {
    #ais_topbar.mini-menu #topbar_search {
        left: 0;
        margin-right: auto;
        max-width: 590px;
        right: 0
    }
    #ais_topbar-store {
        margin-right: 7px
    }
    #ais_topbar-store:hover {
        margin-right: 7px
    }
}

@media screen and (max-width:768px) {
    #ais_topbar.mini-menu #topbar_search {
        left: 120px;
        width: auto;
        margin-right: 160px
    }
    #ais_topbar #topbar_search {
        left: 120px;
        width: auto;
        margin-right: 130px
    }
    #ais_topbar.mini-menu.no-en #topbar_search {
        left: 120px;
        width: auto;
        margin-right: 90px
    }
    #ais_topbar.mini-menu .js-custom-header,
    #ais_topbar.custom-menu .js-custom-header {
        display: none
    }
}

@media screen and (max-width:480px) {
    #ais_topbar #topbar_search,
    #ais_topbar.mini-menu #topbar_search {
        margin-right: 100px
    }
    #ais_topbar.mini-menu .topbar_lang {
        display: none
    }
    .mini-menu .topbar_lang_mobile {
        display: block;
        background-color: #414141
    }
}

.smartbanner {
    position: absolute;
    top: 0;
    left: 0;
    overflow-x: hidden;
    width: 100%;
    height: 84px;
    background: #f3f3f3;
    font-family: Helvetica, sans, sans-serif;
    z-index: 999
}

.smartbanner__exit {
    position: absolute;
    top: calc(50% - 6px);
    left: 9px;
    display: block;
    margin: 0;
    width: 12px;
    height: 12px;
    border: 0;
    text-align: center
}

.smartbanner__exit::before,
.smartbanner__exit::after {
    position: absolute;
    width: 1px;
    height: 12px;
    background: #767676;
    content: ' '
}

.smartbanner__exit::before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.smartbanner__exit::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.smartbanner__icon {
    position: absolute;
    top: 10px;
    left: 30px;
    width: 64px;
    height: 64px;
    border-radius: 15px;
    background-size: 64px 64px
}

.smartbanner__info {
    position: absolute;
    top: 10px;
    left: 104px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow-y: hidden;
    width: 60%;
    height: 64px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.smartbanner__info__title {
    font-size: 14px
}

.smartbanner__info__author,
.smartbanner__info__price {
    font-size: 12px
}

.smartbanner__button {
    position: absolute;
    top: 32px;
    right: 10px;
    z-index: 1;
    display: block;
    padding: 0 10px;
    min-width: 10%;
    border-radius: 5px;
    background: #f3f3f3;
    color: #1474fc;
    font-size: 18px;
    text-align: center;
    text-decoration: none
}

.smartbanner__button__label {
    text-align: center
}

.smartbanner.smartbanner--android {
    background: #3d3d3d url(data:image/gif;base64,R0lGODlhCAAIAIABAFVVVf///yH5BAEHAAEALAAAAAAIAAgAAAINRG4XudroGJBRsYcxKAA7);
    box-shadow: inset 0 4px 0 #88b131
}

.smartbanner.smartbanner--android .smartbanner__exit {
    left: 6px;
    margin-right: 7px;
    width: 17px;
    height: 17px;
    border-radius: 14px;
    background: #1c1e21;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .8) inset, 0 1px 1px rgba(255, 255, 255, .3);
    color: #b1b1b3;
    font-family: arialroundedmtbold, Arial;
    font-size: 20px;
    -webkit-font-smoothing: subpixel-antialiased;
    line-height: 17px;
    text-shadow: 0 1px 1px #000
}

.smartbanner.smartbanner--android .smartbanner__exit::before,
.smartbanner.smartbanner--android .smartbanner__exit::after {
    top: 3px;
    left: 8px;
    width: 2px;
    height: 11px;
    background: #b1b1b3
}

.smartbanner.smartbanner--android .smartbanner__exit:active,
.smartbanner.smartbanner--android .smartbanner__exit:hover {
    color: #eee
}

.smartbanner.smartbanner--android .smartbanner__icon {
    background-color: transparent;
    box-shadow: none
}

.smartbanner.smartbanner--android .smartbanner__info {
    color: #ccc;
    text-shadow: 0 1px 2px #000
}

.smartbanner.smartbanner--android .smartbanner__info__title {
    color: #fff;
    font-weight: 700
}

.smartbanner.smartbanner--android .smartbanner__button {
    top: 30px;
    right: 20px;
    padding: 0;
    min-width: 12%;
    border-radius: 0;
    background: 0 0;
    box-shadow: 0 0 0 1px #333, 0 0 0 2px #dddcdc;
    color: #d1d1d1;
    font-size: 14px;
    font-weight: 700
}

.smartbanner.smartbanner--android .smartbanner__button:active,
.smartbanner.smartbanner--android .smartbanner__button:hover {
    background: 0 0
}

.smartbanner.smartbanner--android .smartbanner__button__label {
    display: block;
    padding: 0 10px;
    background: #b2d234;
    background: linear-gradient(to bottom, #b2d234, #b2d234);
    box-shadow: none;
    line-height: 24px;
    text-align: center;
    text-shadow: none;
    text-transform: none;
    color: #fff
}

.smartbanner.smartbanner--android .smartbanner__button__label:active,
.smartbanner.smartbanner--android .smartbanner__button__label:hover {
    background: #b2d234
}

.overlay {
    z-index: 4;
    height: 100%;
    height: 100vh;
    width: 100%;
    top: 0;
    left: 0;
    cursor: pointer;
    display: none
}

.overlay.is-visible {
    background: rgba(0, 0, 0, .5);
    display: block
}

.mnp-balloon {
    position: fixed;
    right: 25px;
    bottom: 20px;
    z-index: 999;
    width: 110px;
    animation-name: example;
    animation-duration: 1.8s;
    animation-iteration-count: infinite
}

.mnp-balloon img {
    width: 100%
}

@keyframes example {
    0% {
        margin-top: -9px
    }
    50% {
        margin-bottom: -9px
    }
    100% {
        margin-top: -9px
    }
}

@media screen and (max-width:480px) {
    ul.ul_ais_footer-nav_tab {
        font-size: 13px
    }
    .share-3social {
        height: 50px
    }
    .contact-social-mobile {
        text-align: left
    }
    .ic_footer_social-share-wrap-mobile {
        display: block;
        padding-right: 15px;
        position: relative;
        margin-left: 15px
    }
    .mnp-balloon {
        position: fixed;
        right: 0;
        bottom: 60px;
        z-index: 999;
        width: 110px;
        animation-name: example;
        animation-duration: 1.8s;
        animation-iteration-count: infinite
    }
    .mnp-balloon img {
        width: 70%
    }
}

@media screen and (max-width:400px) {
    ul.ul_ais_footer-nav_tab li {
        padding: 0 7px
    }
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min--moz-device-pixel-ratio:1.5),
only screen and (min-resolution:240dpi) {
    .mini-menu .ais_personal-sub-icon,
    .mini-menu .ais_customer-sub-icon,
    .mini-menu .ais_about-sub-icon,
    .ais_personal-sub-icon,
    .ais_customer-sub-icon,
    .ais_about-sub-icon {
        background-image: url(https://www.ais.co.th/base_interface_v2/images/icon_topbar60.png)
    }
    .ais_balance-sub-icon,
    .ais_store-sub-icon,
    .ais_contact-sub-icon {
        background-image: url(https://www.ais.co.th/base_interface_v3/images/icon_myais60.png)
    }
    .ic_footer_social-share {
        background-image: url(https://www.ais.co.th/base_interface_v3/images/icon_share56.png)
    }
    .ic_footer_social {
        background-image: url(https://www.ais.co.th/base_interface_v3/images/icon_fallow80.png)
    }
}

#ais_personal-mobile-sub-insurance {
    border: none
}

.menu__item.customer a.menu__link.fibre.customer {
    display: block;
    padding-left: 53px;
    font-size: 16px;
    color: #fff;
    background-color: #414141;
    border: none;
    line-height: 35px
}

.menu__item.customer a:hover.menu__link.fibre.customer {
    color: #b4d237
}