/* kanit-regular - thai_latin */
@font-face {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/kanit-v2-thai_latin-regular.eot'); /* IE9 Compat Modes */
    src: local('Kanit Regular'), local('Kanit-Regular'),
    url('../fonts/kanit-v2-thai_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/kanit-v2-thai_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/kanit-v2-thai_latin-regular.woff') format('woff'), /* Modern Browsers */
    url('../fonts/kanit-v2-thai_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/kanit-v2-thai_latin-regular.svg#Kanit') format('svg'); /* Legacy iOS */
}

/* kanit-italic - thai_latin */
@font-face {
    font-family: 'Kanit';
    font-style: italic;
    font-weight: 400;
    src: url('../fonts/kanit-v2-thai_latin-italic.eot'); /* IE9 Compat Modes */
    src: local('Kanit Italic'), local('Kanit-Italic'),
    url('../fonts/kanit-v2-thai_latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/kanit-v2-thai_latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/kanit-v2-thai_latin-italic.woff') format('woff'), /* Modern Browsers */
    url('../fonts/kanit-v2-thai_latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/kanit-v2-thai_latin-italic.svg#Kanit') format('svg'); /* Legacy iOS */
}

/* kanit-500 - thai_latin */
@font-face {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: bold;
    src: url('../fonts/kanit-v2-thai_latin-500.eot'); /* IE9 Compat Modes */
    src: local('Kanit Medium'), local('Kanit-Medium'),
    url('../fonts/kanit-v2-thai_latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/kanit-v2-thai_latin-500.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/kanit-v2-thai_latin-500.woff') format('woff'), /* Modern Browsers */
    url('../fonts/kanit-v2-thai_latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/kanit-v2-thai_latin-500.svg#Kanit') format('svg'); /* Legacy iOS */
}

body { background: #fff; font-family: 'Kanit',Roboto,Arial,sans-serif; }
#content { background: #70CAE3 !important; }

.bg-white { background: #fff; }

.top_nav .logo { padding: 10px 0; }
.top_nav .logo a img { height: 90px; }

.top_bar_member a:hover, .top_bar_member a:focus { color: inherit !important; text-decoration: none !important; }
.top_bar_member .login-text { font-size: 0.8em; }

.language_selector { float: right; height: auto; padding: 15px 7px; }
.language_selector a { display: inline-block; font-weight: bold; color: #B2B2B2; width: auto; height: 100%; padding: 6px 10px 0; }
.language_selector a.active { color: #70CAE3; }

.carousel-control { background: none !important; width: 80px; opacity: 1; }
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { left: 0; margin-left: 0; }
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { right: 0; margin-right: 0; }
.carousel-control span { background: #70CAE3; padding: 30px; width: auto !important; height: auto !important; text-align: center; }
@media (max-width:767px) {
    .language_selector a { padding-left: 5px; }
    .top_bar_member { border-right: 0 !important; border-left: 0 !important; }
    .top_bar_member .login-text { font-size: 0.7em; }
    .carousel-control span { background: transparent; color: #70CAE3; }
}

.section { padding-top: 20px; padding-bottom: 25px; position: relative; }
.section-title { font-size: 2.0em; text-align: center; margin-top: 20px; color: #34494E; margin-bottom: 30px; }
.section-title::after { content: '      '; white-space: pre; text-decoration: underline; color: #70CAE3; }
.section .card:hover { box-shadow: 0 4px 10px rgba(0, 0, 0, 0.4);}
.section .item a { text-decoration: none; color: inherit; }
.section .item .content { padding: 10px 20px; }
.section .item .brief { margin-top: 10px; line-height: 20px; }
.section-list .panel { padding: 20px; }
/*@media (min-width:480px) {*/
    /*.section-list .content {*/
        /*height: 148px;*/
        /*overflow: hidden;*/
        /*text-overflow: ellipsis;*/
        /*position: relative;*/
    /*}*/
/*}*/
@media (max-width:480px) {
    .section-list .item { margin-bottom: 10px; }
}
.section-list .row { margin-bottom: 10px; }
.section-list .product-content { height: auto; margin-bottom: 15px; }
.section-list .product-content .brief { height: 100px; overflow: hidden; margin-bottom: 10px; }

.page-panel { margin-top: 20px; padding: 20px; background: #fff; }


#article .item h4 { line-height: 1.4em; margin-top: 5px; padding-bottom: 10px; text-align: center; border-bottom: 1px solid #70CAE3;  }
.detail { }
.detail .detail-title { margin: 20px 0 15px !important;  }
.detail .panel { background: #fff; box-shadow: none !important; }
.detail .panel-body { margin: 0; padding-top: 0; }
.detail .panel-bordered { border: 1px solid #efefef; }
.detail .panel .panel-heading { background: #303555; color: #fff; }
.detail .img-center img { margin: 0 auto; }
.detail .nav { overflow: hidden; }
.detail .nav > li > a { border-left: 1px solid #efefef !important; border-top: 0 !important;  background: rgba(0,0,0,.06); }
.detail .nav > li.active > a { background: #303555; color: #fff; }
.detail-footer {  }
.item-list { background: #fff; }
.item-list .item { overflow: hidden; }

#review-list .row { -moz-column-gap: 0em; -webkit-column-gap:0em; column-gap:0em; }
#review-list .item { display: block; width: 98%; box-sizing: border-box; margin: 10px auto 0; }
#review .well-item { position:relative; display: block; }

#review .item { padding-left: 8px; padding-right: 8px; }


@media only screen and (min-width: 700px) {
    #review-list .row {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
    }
}

@media only screen and (min-width: 900px) {
    #review-list .row {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }
}

@media only screen and (min-width: 1100px) {
    #review-list .row {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }
}

#content { background: #70CAE3; }

#promotion .item { margin-bottom: 10px; }
#promotion .item .content { height: 160px; overflow: hidden; }

#appointment { padding: 20px 0; }
#appointment .container-fluid { background: #fff; margin: 20px; padding: 40px 0; }
#appointment .appointment-container { border: 2px solid #DCE8EF; }
#appointment .appointment-container h5 { margin: -8px auto 0; text-align: center; background: #fff; display: block; width: 150px; color: #537AA9; font-weight: bold; }
#appointment h1 { text-align: center; margin: 10px 0 20px; }
#appointment h1, #appointment input { color: #515D5F; }
input, textarea { border: 0 !important; box-shadow: none !important; border-bottom: 2px solid #DCE8EF !important; }


#loginModal .nav-tabs > li.active > a { background: #70CAE3 !important; color: #fff; }
.link-member-profile { color: #70CAE3 !important; }
#loginModal .modal-title { background: #70CAE3 !important; color: #fff; padding: 10px; text-align: center; }
.input-group-addon { border: none !important;; background: none !important; padding: 0;}
input[readonly].date-picker { background: none; }
#message-login { margin-top: -20px; margin-bottom: 10px; font-size: 1.2em; color: #f00; }

.top_nav ul.top_nav_menu > li { font-size: 16px; }


#page-gallery #light-slider { margin: 0 auto 10px; }
#page-gallery #light-slider li { text-align: center; }
#page-gallery #light-slider li img { margin: 0 auto; }
#page-gallery .lSAction > a { background-color: #70CAE3 !important; border-radius: 15px; width: 24px; height: 24px; }
#page-gallery .lSAction > .lSPrev { background-position: -3px -4px !important; }
#page-gallery .lSAction > .lSNext { background-position: 26px -4px !important; }
#page-gallery .lSPager { margin-left: auto !important; margin-right: auto !important; margin-bottom: 30px !important; }
#page-gallery .lSPager li.active { border: 1px solid #70CAE3; }
#page-gallery .gallery-image-wrap { display: inline-block; position: relative; }
#page-gallery .gallery-image-wrap a { display: block; position: absolute; bottom: 20px; right: 20px; width: 24px; height: 24px; text-align: center; padding: 1px 0; font-size: 16px; border-radius: 12px; border: 0; background-color: #ffffffbb; }

.text-editor-content img { margin: 0 auto; }

@media (max-width:480px) {
    .card { border: 1px solid #efefef; margin-bottom: 10px; }
    #footer .footer_widgets { display: none; }
}
#footer-toggle { background: #4C6575; color: #fff; padding: 10px 0; text-decoration: none; }
.captcha { border: 1px solid #ccc; margin-bottom: 5px; }

@media (min-width: 768px) {
    .video .item { height: 166px; overflow: hidden; margin-bottom: 20px;}
}


.flex { display: flex; flex-wrap: wrap; }
.flex .flex-item { width: calc(100% - 1rem); padding: 10px; margin: 0.5rem; }
@media (min-width:768px) {
    .flex .flex-item { width: calc((100% / 2) - 1rem); }
}
@media (min-width:992px) {
    .flex .flex-item { width: calc((100% / 3) - 1rem); }
}