/*--- Fonts ---*/
@font-face {
    font-family: db_heavent_cond;
    src: local("DB Heavent Cond"),local("DB-Heavent-Cond"),url(../fonts/db_heavent_cond_v3.2-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/db_heavent_cond_v3.2-webfont.woff2) format("woff2"),url(../fonts/db_heavent_cond_v3.2-webfont.woff) format("woff"),url(../fonts/db_heavent_cond_v3.2-webfont.ttf) format("truetype"),url(../fonts/db_heavent_cond_v3.2-webfont.svg#db_heavent_cond);
    font-display: swap
}

@font-face {
    font-family: db_heaventmed_cond;
    src: url(../fonts/db_heavent_med_cond_v3.2-webfont.eot);
    src: url(../fonts/db_heavent_med_cond_v3.2-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/db_heavent_med_cond_v3.2-webfont.woff2) format('woff2'),url(../fonts/db_heavent_med_cond_v3.2-webfont.woff) format('woff'),url(../fonts/db_heavent_med_cond_v3.2-webfont.ttf) format('truetype'),url(../fonts/db_heavent_med_cond_v3.2-webfont.svg#db_heaventmed_cond) format('svg')
}

@font-face {
    font-family: db_heaventbold_cond;
    src: local("DB Heavent Bold Cond"),local("DB-Heavent-Bold-Cond"),url(../fonts/db_heavent_bd_cond_v3.2-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/db_heavent_bd_cond_v3.2-webfont.woff2) format("woff2"),url(../fonts/db_heavent_bd_cond_v3.2-webfont.woff) format("woff"),url(../fonts/db_heavent_bd_cond_v3.2-webfont.ttf) format("truetype"),url(../fonts/db_heavent_bd_cond_v3.2-webfont.svg#db_heaventbold_cond) format("svg");
    font-display: swap
}

@font-face {
    font-family: db_heaventblack_cond;
    src: local("DB Heavent Black Cond"),local("DB-Heavent-Black-Cond"),url(../fonts/db_heavent_blk_cond_v3.2-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/db_heavent_blk_cond_v3.2-webfont.woff2) format("woff2"),url(../fonts/db_heavent_blk_cond_v3.2-webfont.woff) format("woff"),url(../fonts/db_heavent_blk_cond_v3.2-webfont.ttf) format("truetype"),url(../fonts/db_heavent_blk_cond_v3.2-webfont.svg#db_heaventblack_cond) format("svg");
    font-display: swap
}

@font-face {
    font-family: akrobatregular;
    src: local("Akrobat"),local("Akrobat"),url(../fonts/akrobat-semibold-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/akrobat-semibold-webfont.woff2) format("woff2"),url(../fonts/akrobat-semibold-webfont.woff) format("woff"),url(../fonts/akrobat-semibold-webfont.ttf) format("truetype"),url(../fonts/akrobat-semibold-webfont.svg#akrobatregular) format("svg");
    font-display: swap
}

@font-face {
    font-family: akrobatbold;
    src: url(../fonts/akrobat-bold-webfont.eot);
    src: local("Akrobat Bold"),local("Akrobat-Bold"),url(../fonts/akrobat-bold-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/akrobat-bold-webfont.woff2) format("woff2"),url(../fonts/akrobat-bold-webfont.woff) format("woff"),url(../fonts/akrobat-bold-webfont.ttf) format("truetype"),url(../fonts/akrobat-bold-webfont.svg#akrobatbold) format("svg");
    font-display: swap
}

@font-face {
    font-family: akrobatextrabold;
    src: local("Akrobat ExtraBold"),local("Akrobat-ExtraBold"),url(../fonts/akrobat-extrabold-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/akrobat-extrabold-webfont.woff2) format("woff2"),url(../fonts/akrobat-extrabold-webfont.woff) format("woff"),url(../fonts/akrobat-extrabold-webfont.ttf) format("truetype"),url(../fonts/akrobat-extrabold-webfont.svg#akrobatextrabold) format("svg");
    font-display: swap
}
.db_heaventregular{font-family: 'db_heaventregular';}
.db_heaventmed{font-family: 'db_heaventmed';}
.db_heaventbold{font-family: 'db_heaventbold';}

body,.AkrobatRegular,.DB_HeaventCond,.DB_HeaventRegular,.akrobatregular,.db_heavent_cond,.ais_topbar-eservice-text {
    font-family: akrobatregular,db_heavent_cond!important
}

.AkrobatBold,.DB_HeaventMed_Con,.DB_HeaventMed_Cond,.akrobatbold,.db_heavent_med_cond,.db_heaventmed_cond {
    font-family: akrobatbold,db_heaventmed_cond!important
}

.AkrobatBlack,.AkrobatExtraBold,.DB_HeaventBlack_Cond,.DB_HeaventBold,.DB_HeaventBold_Cond,.akrobatblack,.db_heaventbold_cond {
    font-family: akrobatextrabold,db_heaventbold_cond!important
}



/*--- DNA Base ---*/
html {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
    overflow-y: scroll;
    text-rendering: optimizeLegibility;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%
}

body {
    margin: 0;
    overflow-x: hidden
}

img {
    max-width: fit-content;
    max-width: -moz-fit-content;
    height: auto
}

div,section,span {
    background-repeat: no-repeat;
    background-size: cover
}

section {
    display: block;
    position: relative
}

svg,svg.area {
    height: auto;
    width: 100%;
    display: inherit
}

input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover {
    -webkit-box-shadow: 0 0 0 30px #fff inset!important
}

bt,bt.active,bt:hover {
    display: inline-block;
    cursor: pointer;
    transition-duration: .2s
}

h1,h2,h3,h4,h5,h6,p {
    font-weight: normal;
    padding: 0;
    margin: 0;
    font-size: inherit
}

.h1 b,.h2 b,.h3 b,.h4 b,.h5 b,.h6 b,b,h1 b,h2 b,h3 b,h4 b,h5 b,h6 b {
    font-weight: normal;
    font-family: akrobatextrabold,db_heaventbold_cond
}

.table,.table-block {
    display: table;
    width: 100%
}

ol,ul {
    margin: 0
}

ul.dna-ul li {
    margin-left: 25px
}

.dna-ul ul {
    list-style: inherit;
    margin: auto;
    padding-inline-start:20px}

body ol,body ul,ol,ul {
    padding-top: 5px
}

ol {
    counter-reset: item;
    padding-left: 0
}

ol>li {
    display: table
}

ol>li:before {
    content: counters(item, ".") " ";
    counter-increment: item;
    padding-right: 5px;
    width: 25px;
    display: table-cell
}

.pos {
    position: absolute;
    pointer-events: auto
}

.pos_holder {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none
}

.width-full {
    width: 100%;
    max-width: 999%
}

.center {
    text-align: center
}

.right {
    text-align: right
}

.overflow {
    overflow: hidden
}

.inline {
    display: inline-block
}

[class^=width-] {
    display: inline-block;
    vertical-align: top
}

.show_mb,[class^=max-],[class^=min-],svg.area.show_mb,svg.show_mb {
    display: none
}

.show_pc,svg.area.show_pc,svg.show_pc {
    display: inherit
}

.width-90 {
    width: 89.5%
}

.width-80 {
    width: 79.5%
}

.width-75 {
    width: 74.5%
}

.width-70 {
    width: 69.5%
}

.width-60 {
    width: 59.5%
}

.width-50 {
    width: 49.5%
}

.width-40 {
    width: 39.5%
}

.width-33 {
    width: 33.2%
}

.width-30 {
    width: 29.5%
}

.width-25 {
    width: 24.5%
}

.width-20 {
    width: 19.5%
}

.width-0-pc {
    width: 0%
}

.width-20-pc {
    width: 20%
}

.width-25-pc {
    width: 25%
}

.width-33-pc {
    width: 33%
}

.width-50-pc {
    width: 50%
}

.width-66-pc {
    width: 66%
}

.width-75-pc {
    width: 75%
}

.width-80-pc {
    width: 80%
}

.width-100-pc {
    width: 100%
}

@media(max-width: 640px) {
    .width-0-mb {
        width:0%
    }

    .width-20-mb {
        width: 20%
    }

    .width-25-mb {
        width: 25%
    }

    .width-33-mb {
        width: 33%
    }

    .width-50-mb {
        width: 50%
    }

    .width-66-mb {
        width: 66%
    }

    .width-75-mb {
        width: 75%
    }

    .width-80-mb {
        width: 80%
    }

    .width-100-mb {
        width: 100%
    }
}

@media(max-width: 320px) {
    .max-320 {
        display:inherit
    }
}

@media(max-width: 375px) {
    .max-375 {
        display:inherit
    }
}

@media(max-width: 414px) {
    .max-414 {
        display:inherit
    }
}

@media(max-width: 480px) {
    .max-480 {
        display:inherit
    }
}

@media(max-width: 540px) {
    .max-540 {
        display:inherit
    }
}

@media(max-width: 600px) {
    .max-600 {
        display:inherit
    }
}

@media(max-width: 640px) {
    .max-640 {
        display:inherit
    }

    .show_mb,svg.area.show_mb,svg.show_mb {
        display: inherit
    }

    .show_pc,svg.area.show_pc,svg.show_pc {
        display: none
    }
}

@media(max-width: 768px) {
    .max-768 {
        display:inherit
    }
}

@media(max-width: 800px) {
    .max-800 {
        display:inherit
    }
}

@media(max-width: 900px) {
    .max-900 {
        display:inherit
    }
}

@media(max-width: 1000px) {
    .max-1000 {
        display:inherit
    }
}

@media(max-width: 1024px) {
    .max-1024 {
        display:inherit
    }
}

@media(min-width: 480px) {
    .min-480 {
        display:inherit
    }
}

@media(min-width: 540px) {
    .min-540 {
        display:inherit
    }
}

@media(min-width: 600px) {
    .min-600 {
        display:inherit
    }
}

@media(min-width: 640px) {
    .min-640 {
        display:inherit
    }
}

@media(min-width: 768px) {
    .min-768 {
        display:inherit
    }
}

@media(min-width: 800px) {
    .min-800 {
        display:inherit
    }
}

@media(min-width: 900px) {
    .min-900 {
        display:inherit
    }
}

@media(min-width: 1000px) {
    .min-1000 {
        display:inherit
    }
}

@media(min-width: 1024px) {
    .min-1024 {
        display:inherit
    }
}

@media(min-width: 1366px) {
    .min-1366 {
        display:inherit
    }
}

@media(min-width: 1600px) {
    .min-1600 {
        display:inherit
    }
}

/*--- Set Interface AIS ---*/
#aisfooter .sub_menu li a,#aisfooter .sub_menu .head, #aisfooter .sub_menu .head a,#aisfooter .sub_menu .head a:hover,#aisfooter .sub_menu .head a:active {
    font-family: akrobatregular,db_heavent_cond!important
}
/*Scroll bar nav*/
::-webkit-scrollbar {
    width: 12px!important;
}

/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background:#FFF;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: rgba(204,204,204,0.8);
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(204,204,204,0.4);
}
#ais_topbar .primary-link,#ais_topbar .primary-link ul, .mini-menu .menu__link, .mini-menu a.menu__link,.mini-menu div.menu__link body {
    font-family: akrobatregular,db_heavent_cond!important
}
.mini-menu div:hover.menu__link, .mini-menu div.menu__link.current {
    font-family: 'db_heavent_cond';
    color: #b4d237;
    font-size: 17px;
    line-height: 42px;
    display: block;
}

.mini-menu .js-custom-header .secondary-link-custom {
    padding: 0
}

#ais_topbar .menu__item.img {
    vertical-align: middle;
    height: 78px;
    padding-top: 18px;
    padding-right: 10px;
    background-color: #1e1e1e
}

#ais_topbar.custom-menu .js-custom-header,#ais_topbar.mini-menu .js-custom-header {
    height: 83px
}

#ais_topbar .submenu__item {
    padding: 9px 0 5px 35px;
    border-bottom: 1px solid #676767
}

.menu__item.customer a.menu__link.fibre.customer {
    padding-left: 33px!important
}

#ais_topbar a,#aisfooter a {
    text-decoration: none
}

#ais_topbar .primary-link-lv1 {
    cursor: default
}

#ais_topbar .ais_topbar-eservice-text {
    font-size: 16px
}

#ais_topbar .topbar_lang_mobile .lang {
    font-size: 16px;
    font-family: db_heavent_cond
}

#aisfooter div {
    background-repeat: repeat
}

.mini-menu .menu__link,.mini-menu a.menu__link {
    text-decoration: none!important;
    cursor: pointer
}

#videoCont,.truehits-bg {
    display: none
}

section ul {
    list-style-type: disc
}

#ais_topbar.mini-menu .js-custom-header,#ais_topbar.custom-menu .js-custom-header {
    display: block!important
}

@media screen and (max-width: 768px) {
    #ais_topbar.mini-menu .js-custom-header,#ais_topbar.custom-menu .js-custom-header {
        display:none!important
    }
}

.js-overlay.overlay {
    top: 50px;
    position: fixed
}

@media only screen and (max-width: 1022px){
  .ais_user-move.ais_top_ame, .ais_user-dealer.ais_top_ame{ padding: 0px 0 0px 0!important;}
}
@media only screen and (max-width: 992px){
  .ais_user-move.ais_top_ame, .ais_user-dealer.ais_top_ame{
    padding: 18px 0 18px 24px!important;
}
#ais_topbar { height: 72px!important;
}
.ais_topbar_mb-top-user { display: none;}
#ais_topbar .ais_top_ame {
    line-height: 32px;
    display: inline-block;
    font-size: 13.5px;
}
#ais_topbar .ais_top_ame.icon {
    vertical-align: text-top;
    height: 24px;
}


}

/*--- Set Interface AIS ---*/

/*--- Layout & Theme ---*/
body {
    line-height: 1.2;
    color: #000!important;
}

a,a:active,a:hover,a:visited {
    text-decoration: none
}

a:hover {
    color: #8dc63f
}

.content a,.content a:active,.content a:visited {
    color: #000;
    text-decoration: none
}

.content a:hover {
    color: #8dc63f
}

section.content {
    max-width: 1200px;
    padding: 40px 20px;
    margin: auto
}

h1,.h1 {
    font-size: calc(2.4rem + 3.8vw)
}

h2,.h2 {
    font-size: calc(2.1rem + 3.2vw)
}

h3,.h3 {
    font-size: calc(2rem + 2.3vw)
}

h4,.h4 {
    font-size: calc(1.9rem + 1.4vw)
}

h5,.h5 {
    font-size: calc(1.8rem + 1vw)
}

h6,.h6 {
    font-size: calc(1.7rem + .6vw)
}

html body,body,p {
    font-size: calc(1.6rem + .3vw)
}

note,.note {
    font-size: calc(1.4rem + .3vw)
}

spacer {
    display: block;
    height: 20px
}

bt {
    padding: 8px 25px;
    border: 1px solid #000;
    border-radius: 99px
}

bt:hover,bt.active {
    color: #a6cb16;
    border: 1px solid #000;
    background-color: #000
}

.green {
    color: #b2d429
}

/*--- Swiper ---*/
.swiper-slide {
    height: auto!important
}

.swiper-button-next:after,.swiper-button-prev:after {
    font-size: 0
}

.effect-howto {
    margin: auto;
    overflow: hidden;
    max-width: 640px
}

.effect-center .swiper-slide.swiper-slide {
    transform: scale(0.85);
    transition-duration: 0.5s
}

.effect-center .swiper-slide.swiper-slide-active {
    transform: scale(1);
    transition-duration: 0.2s
}

@media(min-width: 960px) {
    .effect-center .swiper-slide.swiper-slide,.effect-center .swiper-slide.swiper-slide-active {
        transform:scale(1)!important
    }
}

.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after,.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after {
    content: ''!important
}

.swiper-pagination-bullet.swiper-pagination-bullet {
    width: 7px;
    height: 7px;
    border-radius: 99px;
    background: #999;
    opacity: 0.3;
    margin: 0 4px!important;
    transition-duration: 0.5s
}

.swiper-pagination-bullet-active.swiper-pagination-bullet-active {
    width: 28px;
    opacity: 1;
    background: none;
    background: #b2d234;
    transition-duration: 0.2s
}

.swiper-button-prev,.swiper-button-next {
    width: 50px;
    height: 50px;
    border-radius: 999px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.3);
    background: #fff no-repeat center;
    background-size: 100%;
    transition-duration: 0.4s
}

.swiper-button-prev:hover,.swiper-button-next:hover {
    background-color: #b2d234;
    transition-duration: 0.2s
}

.swiper-button-prev {
    background-image: url(../images/asian_game/arrow-left-black.png)!important
}

.swiper-button-next {
    background-image: url(../images/asian_game/arrow-right-black.png)!important
}

.swiper-button-prev:hover {
    background-image: url(../images/asian_game/arrow-left-white.png)!important
}

.swiper-button-next:hover {
    background-image: url(../images/asian_game/arrow-right-white.png)!important
}

/*--- Popup ---*/
.popup {
    width: 100%;
    height: 0%;
    overflow: hidden;
    margin: 0 auto;
    position: fixed;
    z-index: 40;
    top: 0;
    text-align: center;
    vertical-align: middle;
    display: table;
    transition-duration: 0.6s
}

.popup.show {
    height: 100%;
    overflow: hidden;
    transition-duration: 0.4s
}

.popup.show .popup_container {
    margin-top: 0
}

.popup.show .popup_fader {
    opacity: 1;
    transition-duration: 0.2s
}

.popup .popup_fader {
    pointer-events: none;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    position: fixed;
    z-index: -1;
    background-color: rgba(0,0,0,.7);
    opacity: 0;
    transition-duration: 0.3s
}

.popup .popup_holder {
    vertical-align: middle;
    display: table-cell;
    width: 100%;
    max-width: 600px
}

.popup .popup_container {
    max-width: 900px;
    background-color: #fff;
    text-align: left;
    width: 90%;
    margin: -1000px auto 80px;
    position: relative;
    transition-duration: 0.5s
}

.popup .popup_close {
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    position: absolute;
    z-index: 2;
    cursor: pointer;
    font-size: 30px;
    text-align: center;
    background: center no-repeat #b2d234;
    background-image: url(../images/asian_game/ic-x-black.png);
    background-size: 50%;
    transition-duration: 0.3s
}

.popup .popup_close:hover {
    color: #c5d445;
    background-image: url(../images/asian_game/ic-x-white.png);
    background-color: #000;
    background-size: 70%;
    transition-duration: .2s
}

.popup .popup_data {
    padding: 40px;
    text-align: center
}

.popup .popup_data.popup_vdo {
    background: #000;
    padding: 0
}

/*--- Select ---*/
.dna-select textarea,.dna-select input,select[multiple=multiple] {
    -webkit-transition: border-color;
    -moz-transition: border-color;
    transition: border-color;
    border-radius: .5rem;
    padding: .425rem .425rem;
    width: 100%;
    outline: none
}

.dna-select textarea,.dna-select input,select[multiple=multiple] {
    background-color: white;
    border: 1px solid #ddd;
    box-shadow: inset 0 1px 3px rgba(0,0,0,0.06)
}

.dna-select textarea:hover,.dna-select input:hover,.dna-select select[multiple=multiple]:hover {
    border-color: #c4c4c4
}

.dna-select textarea:focus,.dna-select input:focus,.dna-select select[multiple=multiple]:focus {
    outline: none;
    border-color: #77c92d;
    box-shadow: inset 0 1px 3px rgba(0,0,0,0.06),0 0 5px rgba(126,235,90,0.7)
}

/*--- Table ---*/
table {
    border-spacing: 0
}

.table .td {
    display: table-cell;
    vertical-align: top
}

.table.middle>*>.td,.table.middle>.td {
    vertical-align: middle
}

.table>.tr {
    display: table-row
}

@media(min-width: 640px) {
    .table>.tr {
        display:contents
    }
}

@media(max-width: 640px) {
    .table>.tr {
        display:table;
        width: 100%
    }
}

@-moz-document url-prefix() {
    .table-block>*>div,.table-block>div {
        float: left
    }
}

.table-dup {
    position: absolute;
    z-index: 1;
    overflow: hidden
}

.table-relative {
    position: relative
}

.table-overflow {
    overflow: auto
}

.table-touch {
    position: absolute;
    z-index: 2;
    width: 5em;
    height: 5em;
    left: 50%;
    top: 50%;
    margin-left: -2.5em;
    margin-top: -1.5em;
    background: url(../images/asian_game/touch.gif) no-repeat center;
    background-size: cover;
    border-radius: 999px;
    opacity: 0;
    box-shadow: 2px 2px 6px rgba(0,0,0,.4);
    transform: scale(1.5);
    transition-duration: 0.3s
}

.table-touch.active {
    opacity: 0.8;
    transform: scale(1)
}

/*--- Youtube iFrame Responsive ---*/
.video-center {
    margin: 40px auto;
    max-width: 1200px;
    border-radius: 20px;
    overflow: hidden;
    border: 5px solid #888
}

.video-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    overflow: hidden
}

.video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

/*--- Dropdown ---*/
.dna-select {
    position: relative;
    margin: 0 auto;
    max-width: 300px;
    line-height: 1.2;
    font-size: 18px;
    cursor: pointer
}

.dna-select p {
    padding: 5px 10px;
    color: #fff
}

.dna-select input {
    margin: 10px;
    padding: 5px 10px;
    width: calc(100% - 20px)
}

.dna-select li {
    list-style: none;
    margin-left: 0;
    padding: 8px 20px;
    font-size: 18px;
    text-align: left;
    color: #fff
}

.dna-select li:hover {
    background-color: #333
}

.dna-select-display {
    padding: 10px 45px 8px 20px;
    background: url(../images/asian_game/arrow-down-black.png) no-repeat center right 15px #E9EF31;
    background-size: 25px auto;
    text-align: left;
    border-radius: 8px;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.2)
}

.dna-select-drop {
    position: absolute;
    z-index: 5;
    width: 100%;
    left: 0;
    background: #999;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
    border-radius: 0 0 8px 8px
}

.dna-select-drop .dna-scroll {
    max-height: 250px
}

.dna-select.active .dna-select-display {
    background-image: url(../images/asian_game/arrow-up-black.png);
    border-radius: 8px 8px 0 0
}

.dna-select.active .dna-select-drop {
    display: block
}

/*--- Data Table Fix Column ---*/
.table-cover {
    border-radius: 10px;
    box-shadow: 4px 4px 10px rgba(0,0,0,.1);
    position: relative;
    overflow: hidden
}

.table-style {
    width: 100%;
    min-width: 1000px!important
}

.table-style tr>* {
    vertical-align: top;
    text-align: left;
    padding: 10px;
    border-bottom: 1px solid #ddd
}

.table-style tr>*:first-child {
    background-color: #000;
    color: #fff;
    width: 150px
}

.table-style tr:nth-child(even) {
    background-color: #eee
}

.table-style tr th {
    background-color: #999
}

@media(max-width: 640px) {
    .table-style tr>*:first-child {
        width:100px
    }
}

/*--- Faq ---*/
.expand-qa {
    background: url(../images/asian_game/arrow-down-black.png) no-repeat;
    background-position: 99% 25px;
    background-size: 20px;
    border-bottom: 2px solid #b2d234
}

.expand-qa.active {
    background-image: url(../images/asian_game/arrow-up-black.png)
}

.expand-qa .q {
    padding: 22px 40px 20px 0;
    cursor: pointer;
    transition: color 0.3s ease-out
}

.expand-qa.active .q {
    padding-bottom: 0
}

.expand-qa.active .q,.expand-qa:hover .q {
    color: #b2d234;
    transition: color 0.1s
}

.expand-qa .a {
    height: 0px;
    padding-top: 0;
    overflow: hidden;
    transition-duration: 0.3s
}

.expand-qa .a,.expand-qa .a p {
    color: #666;
    line-height: 1.4
}

.expand-qa.active .a {
    padding: 20px 0 20px;
    height: auto;
    transition-duration: 0.3s
}

/*--- Condition ---*/
.expand-condition .q {
    padding: 4px 20px 4px 15px;
    cursor: pointer;
    border: 2px solid #00a200;
    border-radius: 50px;
    display: inline-block;
    transition: color 0.3s ease-out;
    font-family: akrobatbold,db_heaventmed_cond!important;
    font-size: 24px;
}
.expand-condition .q h6{}



.expand-condition.active .q {
    color: #000;
    transition: color 0.1s
}
.expand-condition .q:hover {
    color: #00a200;
    transition: color 0.1s
}
.expand-condition.active .q:hover {
    color: #00a200;
    transition: color 0.1s
}

.expand-condition .a {
    height: 0px;
    padding-top: 0;
    overflow: hidden;
    transition-duration: 0.3s
}

.expand-condition .a,.expand-condition .a p {
    color: #666;
    line-height: 1.4
}

.expand-condition.active .a {
    padding: 20px 10px 20px;
    height: auto;
    transition-duration: 0.3s
}

arrow {
    display: inline-block;
    height: 15px;
    width: 15px;
    vertical-align: baseline;
    background: url(../images/asian_game/arrow-down-green.png) no-repeat center;
    background-size: 15px;
    margin-left: 20px;
}

.active arrow {
    background-image: url(../images/asian_game/arrow-up-green.png);
    background-size: 15px;
}

/*--- SCROLLBAR BASE ---*/
.scroll-textarea {
    border: 1px solid #ccc;
    border-top-color: #999
}

.scroll-wrapper {
    overflow: hidden!important;
    padding: 0!important;
    position: relative;
}

.scroll-wrapper>.scroll-content {
    border: none!important;
    box-sizing: content-box!important;
    height: auto;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none!important;
    overflow: scroll!important;
    padding: 0;
    position: relative!important;
    top: 0;
    width: auto!important;
}

.scroll-wrapper>.scroll-content::-webkit-scrollbar {
    height: 0;
    width: 0
}

.scroll-element {
    display: none
}

.scroll-element,.scroll-element div {
    box-sizing: content-box
}

.scroll-element.scroll-x.scroll-scrollx_visible,.scroll-element.scroll-y.scroll-scrolly_visible {
    display: block
}

.scroll-element .scroll-bar,.scroll-element .scroll-arrow {
    cursor: default
}

.scroll-textarea>.scroll-content {
    overflow: hidden!important
}

.scroll-textarea>.scroll-content>textarea {
    border: none!important;
    box-sizing: border-box;
    height: 100%!important;
    margin: 0;
    max-height: none!important;
    max-width: none!important;
    overflow: scroll!important;
    outline: none;
    padding: 2px;
    position: relative!important;
    top: 0;
    width: 100%!important
}

.scroll-textarea>.scroll-content>textarea::-webkit-scrollbar {
    height: 0;
    width: 0
}

.dna-scroll>.scroll-element,.dna-scroll>.scroll-element div {
    border: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    z-index: 10
}

.dna-scroll>.scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%
}

/*--- SCROLLBAR OUTER ---*/
.dna-scroll>.scroll-element.scroll-x {
    bottom: 0;
    height: 10px;
    left: 0;
    width: 100%
}

.dna-scroll>.scroll-element.scroll-y {
    height: 100%;
    right: 0;
    top: 0;
    width: 12px
}

.dna-scroll>.scroll-element.scroll-x .scroll-element_outer {
    height: 10px;
    top: 0px
}

.dna-scroll>.scroll-element.scroll-y .scroll-element_outer {
    left: 2px;
    width: 8px
}

.dna-scroll>.scroll-element .scroll-element_outer {
    overflow: hidden
}

.dna-scroll>.scroll-element .scroll-element_track {
    background-color: #ddd
}

.dna-scroll>.scroll-element .scroll-element_outer,.dna-scroll>.scroll-element .scroll-element_track,.dna-scroll>.scroll-element .scroll-bar {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px
}

.dna-scroll>.scroll-element .scroll-bar {
    background-color: #b2d429
}

.dna-scroll>.scroll-element .scroll-bar:hover {
    background-color: #b2d429
}

.dna-scroll>.scroll-element.scroll-draggable .scroll-bar {
    background-color: #10b058
}

.dna-scroll>.scroll-content.scroll-scrolly_visible {
    left: -12px;
    margin-left: 12px
}

.dna-scroll>.scroll-content.scroll-scrollx_visible {
    top: -10px;
    margin-top: 10px
}

.dna-scroll>.scroll-element.scroll-x .scroll-bar {
    min-width: 10px
}

.dna-scroll>.scroll-element.scroll-y .scroll-bar {
    min-height: 10px
}

.dna-scroll>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
    left: -14px
}

.dna-scroll>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
    top: -14px
}

.dna-scroll>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
    left: -14px
}

.dna-scroll>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
    top: -14px
}

/*--- SCROLLBAR RAIL ---*/
/*
.dna-scroll>.scroll-element .scroll-element_size{background-color:rgba(0,0,0,.3)}
.dna-scroll>.scroll-element .scroll-element_outer:hover .scroll-element_size{background-color:rgba(0,0,0,.5)}
.dna-scroll>.scroll-element.scroll-x{bottom:0;height:15px;left:0;min-width:100%;width:100%}
.dna-scroll>.scroll-element.scroll-y{height:100%;min-height:100%;padding:0 2px 0 3px;right:0;top:0;width:12px}
.dna-scroll>.scroll-element .scroll-bar{background-color:#b2d429;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;box-shadow:1px 1px 3px rgba(0,0,0,.5)}
.dna-scroll>.scroll-element .scroll-element_outer:hover .scroll-bar{box-shadow:1px 1px 3px rgba(0,0,0,.6)}
.dna-scroll > .scroll-content.scroll-scrolly_visible{left:-17px;margin-left:17px}
.dna-scroll > .scroll-content.scroll-scrollx_visible{margin-top:17px;top:-17px}
.dna-scroll > .scroll-element.scroll-x .scroll-bar{height:10px;min-width:10px;top:1px}
.dna-scroll > .scroll-element.scroll-y .scroll-bar{left:1px;min-height:10px;width:10px}
.dna-scroll > .scroll-element.scroll-x .scroll-element_outer{height:15px;left:5px}
.dna-scroll > .scroll-element.scroll-x .scroll-element_size{height:2px;left:-10px;top:5px}
.dna-scroll > .scroll-element.scroll-y .scroll-element_outer{top:5px;width:15px}
.dna-scroll > .scroll-element.scroll-y .scroll-element_size{left:5px;top:-10px;width:2px}
.dna-scroll > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size{left:-25px}
.dna-scroll > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size{top:-25px}
.dna-scroll > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track{left:-25px}
.dna-scroll > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track{top:-25px}
*/
/*--- Sample ---*/
.sample {
    background-color: #ddd;
    text-align: center
}

.table.sample {
    margin-bottom: 20px
}

.table.sample>*>.td,.table.sample>.td {
    background-color: #ddd;
    padding: 10px;
    text-align: center;
    border: 1px solid #bbb
}

.box-temp {
    display: inline-block;
    width: 29%;
    height: 200px;
    background: #CCC;
    margin: 1%
}

.click-content {
    display: none
}

.click-content.active {
    display: block
}

/* ืnew interface 2022 */
/* sub menu set -------------------------------*/
.secondary-link-custom .menu__item a.menu__link {
    font-size: 24px;
}

.secondary-link-custom a.menu__link {
    padding: 4px 20px!important;
    font-family: akrobatregular,db_heaventmed_cond!important;
}


.row {
    position: relative;
    /* z-index: 2; */
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    max-width: 1180px;
}

.row:before,.row:after {
    content: " ";
    display: table;
}

.row:after {
    clear: both;
}

.row100 {
    max-width: none;
}

.panel {
    position: relative;
    margin: 0px 10px;
    padding: 0;
}

.panel6 {
    position: relative;
    margin: 6px;
    padding: 0;
}

.panel15 {
    position: relative;
    margin: 0 15px;
    padding: 0;
}

.mt-col {
    height: 100%;
    position: relative;
    display: block;
    float: left;
    min-height: 1px;
    padding: 0;
}
.col-lg-12 {
    height: 100%;
    position: relative;
    display: block;
    float: left;
    min-height: 1px;
    padding: 0;
}
html body,body,p {
    font-size: 0;
    user-select: text;
      -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}

/* start layout */
:root {
    --cms-color-white: #fff;
}
.sec-card .row{max-width: 980px;}
.package-card {font-family: 'db_heaventregular'!important;border: 1px solid #d9d9d9;border-radius: 8px;background-color: #fff;
/* width: 270px; */
}
.package-card-header {min-height: 110px;color: #fff;/* display: flex; */width: 100%;padding: 16px 24px;flex-direction: column;border-top-left-radius: 8px;border-top-right-radius: 8px;background: url(../images/asian_game/card-header-bg.png);background-size: cover;background-position: bottom center;background-repeat: no-repeat;}
.package-card-header-caption {
    padding-bottom: 8px;
    font-weight: 700;
    font-size: 14px;
    line-height: 24px;
    color: var(--cms-color-white);
}
.package-card-header-title {
    text-align: center;
}
.package-card-header-title p{font-weight: 700;font-size: 17px;}

.package-card-body {
    padding: 16px 24px;
}
.package-card-body-accessplan-logo{width: 48px;}
.package-card-body-coverage-logo{
    width: 57px;
    line-height: 10px;}
.package-card-body-accessplan-txt{width: calc(100% - 48px);
    float: right;}
.package-card-body-coverage-txt{width: calc(100% - 57px);
    float: right;}
.package-card-body-accessplan-logo img {
    width: 24px;
    height: 24px;
    min-height: unset;
}
/* .package-card-body-coverage-logo img {
    height: 24px;
    min-height: unset;
} */

.body-row1{/* padding-bottom: 16px; */}
.body-row2{padding-top: 16px;padding-bottom: 16px;border-bottom: 1px solid #d9d9d9;}
.body-row3{text-align: center;padding-top: 16px;}
.body-row3 img{background: #f5f5f5;
    padding: 8px;
    border-radius: 50px;
    vertical-align: bottom;
    }
.body-row2 .mt-col:nth-child(2n) { text-align: center; border-left: 1px solid #d9d9d9;}

.package-card-body-accessplan-des-caption {
    font-size: 12px;
    line-height: 1.3;
    color: #888;
}
.package-card-body-accessplan-des-body-medium {
    line-height: 1.1;
    font-weight: 700;
    font-size: 17px;
}

.package-card-body-data-speed-des-info-main{ color: #555;}
.package-card-body-data-speed-des-info-main h3{
    display: inline-block;
    font-weight: 700;
    font-size: 38px;
    margin-right: 5px;
}
.package-card-body-data-speed-des-info-main p{
    display: inline-block;
    font-size: 14px;
}
.package-card-body .remark {
padding-top: 10px;
    font-size: 13px;
    line-height: 20px;
    color: #888;
}
.package-card-footer {
    padding: 0 24px 24px 24px;
    background-color: var(--cms-bg-color-white);
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    margin-top: -1px;
}
.package-card .press {
    display: inline-block;
    position: relative;
    padding: 3px 10px;
    padding-top: 7px;
    margin-right: 6px;
    background-color: #eef8e8;
    border-radius: 50px;
    line-height: 28px;
    font-size: 17px;
    color: #25584f;
    margin-left: 26px;
    vertical-align: bottom;
    font-weight: 700;
}
.package-card .press span {
    position: absolute;
    top: 6px;
    left: -28px;
    color: #000;
}
.secondary-button {
    padding: 8px 24px;
    border-radius: 52px;
    width: 100%;
    background: #73c23a;
    font-weight: 700;
    line-height: 24px;
    color: #fff;
    display: inline-block;
    font-size: 17px;
    line-height: 24px;
    text-align: center;
}
.secondary-button:hover{ background: #4f9e28;color: #fff;}
.swiper-card{padding-bottom: 30px; position: relative;}

/* .all-contents{
margin-top: 124px;
background-image: url(../images/asian_game/pc-bg4.png), url(../images/asian_game/pc-bg3.png), url(../images/asian_game/pc-bg2.png);
background-position: center bottom 450px,center top 600px, center bottom 800px;
background-repeat: no-repeat,no-repeat, no-repeat;
background-size: 2000px 1124px, 2000px 770px, 2000px 757px;
  } */
.all-contents{
margin-top: 124px;
  }
.olympics_games-nav{
/* background-color: #012267; */
/* min-height: 140px;  */
color: #000;}
.row-olympics_games-nav {
    text-align: center;
    padding: 25px 0 20px 0;
}
.olympics_games-nav-col{
float: none;
    width: auto;
    display: inline-block
/* width: 25%; */
}
.olympics_games-nav-col .panel{
/* background-color: #fff1d2; */
margin: 0 5px;border-radius: 15px;padding: 15px 0px;}
.olympics_games-nav-col td{  vertical-align: middle;
}

.row-olympics_games-nav{padding: 25px 0 20px 0;}
.olympics_games-nav-col table{height: 100%; width: 100%;}
/* .row-olympics_games-nav{ width: 1180px;} */
.nav-icon-wrap{ width: 65px;text-align: left;}
.nav-icon-wrap1{background: url(../images/thammasat2025/icon_nav1.png) no-repeat center left 25px;background-size: 50px auto;width: 100%;padding-left: 100px;}
.nav-icon-wrap2{background: url(../images/thammasat2025/icon_nav2.png) no-repeat center left 25px;background-size: 50px auto;width: 100%;padding-left: 100px;}
.nav-icon-wrap3{background: url(../images/thammasat2025/icon_nav3.png) no-repeat center left 25px;background-size: 50px auto;width: 100%;padding-left: 100px;}
.nav-icon-wrap4{background: url(../images/thammasat2025/icon_nav4.png) no-repeat center left 25px;background-size: 50px auto;width: 100%;padding-left: 100px;}
.nav-text-wrap{}
.olympics_games-nav h6.olynav{
    font-size: 25px;
    line-height: 1.2;
    font-family: akrobatextrabold, db_heaventbold_cond;
    color: #35a015;
    }
.olympics_games-nav p{font-size: 18px;font-family: akrobatbold,db_heaventmed_cond!important}
.olympics_games-calendar{
background-image: url(../images/thammasat2025/bg_footer.png), url(../images/thammasat2025/bg_top.jpg), url(../images/thammasat2025/bg_repeat_mb.jpg);
background-position: center bottom, center top, center top;
background-repeat: no-repeat, no-repeat, repeat;
background-size: 2000px auto, 2000px auto, 2000px auto;
padding-bottom: 150px;
    padding-top: 30px;
    }
.olympics_games-hilight{
background:url(../images/hilight/bg_all.jpg) repeat center center;
}
@media only screen and (max-width: 1366px){
.olympics_games-hilight{/* background:url(../images/hilight/hero_bn-1366.jpg) no-repeat center center; */background-size: 100% auto;}
  /* .all-contents{
  background-image: url(../images/asian_game/pc-bg4-1366.png), url(../images/asian_game/pc-bg3-1366.png), url(../images/asian_game/pc-bg2-1366.png);
  background-position: center bottom 450px,center top 600px, center bottom 800px;
  background-repeat: no-repeat,no-repeat, no-repeat;
  background-size: 1366px 1124px, 1366px 780px, 100% auto;
    } */
}
@media only screen and (max-width: 640px){
.olympics_games-nav {
/* padding: 15px 0; */
}
  .all-contents{
/*background-image: url(../images/asian_game/mb-bg4.png), url(../images/asian_game/mb-bg3.png), url(../images/asian_game/mb-bg2.png);
background-position: right bottom 450px,left top 1200px, center bottom 675px;
    background-repeat: no-repeat,no-repeat, no-repeat;
    background-size: 80% auto, 100% auto, 100% auto;*/
    }
    .olympics_games-hilight{
    /* background:url(../images/hilight/hilight-mb.jpg) no-repeat center center; */
    background-size: 100% auto;}
.olympics_games-calendar {
    background-image: url(../images/thammasat2025/bg_footer_mb.png), url(../images/thammasat2025/bg_top_mb.jpg), url(../images/thammasat2025/bg_repeat_mb.jpg);
    background-position: center bottom, center top, center top;
    background-repeat: no-repeat, no-repeat, repeat;
    background-size: 100% auto, 100% auto, 100% auto;

    /* background-image: url(../images/olympicgames2024/bg_top-mb.jpg), url(../images/olympicgames2024/bg_footer-mb.jpg);
    background-position: center top, center bottom;
    background-repeat: no-repeat, no-repeat;
    background-size: 100% auto, 100% auto; */
    padding-bottom: 220px;
    padding-top: 30px;
}

}
@media only screen and (max-width: 500px){
.olympics_games-calendar {
    padding-bottom: 100px;
}
}
@media only screen and (max-width: 992px){
.all-contents{margin-top: 72px;}
}
.banner_click{
    border-radius: 50px;
    position: absolute;
    top: 70%;
    left: 44%;
    background-color: #000;
    color: #fff;
    font-size: 20px;
    font-family: akrobatbold, db_heaventmed_cond !important;
    text-align: center;
    width: 12%;
    padding: 8px 0;
-webkit-box-shadow: 5px 5px 5px 0px rgba(0,111,0,0.25);
-moz-box-shadow: 5px 5px 5px 0px rgba(0,111,0,0.25);
box-shadow: 5px 5px 5px 0px rgba(0,111,0,0.25);
transition: 0.2s;
    }
.banner_click span{font-family: akrobatextrabold, db_heaventbold_cond;
    color: #a0e600;
    }
.banner_click:hover{background-color: #0c9800;color: #000;
-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.25);
box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.25);
}
.banner_click:hover span{color: #fff;}
@media only screen and (max-width: 1600px){
.banner_click{font-size: 1.5vw;}
}
section.highlight{width: 100%; max-width: 1600px; margin: 0 auto;}
.olympics_games-vdo{/* background: url(../images/demo_03.png) center top no-repeat; *//* height: 678px; */}
.olympics_games-vdo .row{max-width: 1026px;padding-top: 44px;padding-bottom: 29px;}
.olympics_games-card{/* background: url(../images/demo_04.png) center top no-repeat; *//* height: 647px; */}
.olympics_games-condition{background: url(../images/asian_game/olympics_games-condition-bg.jpg) center top no-repeat;background-size: 100% 101%;/* height: 1332px; */padding: 30px 15px 25px 15px;}
.olympics_games-footer{background: url(../images/asian_game/asian_footer-bg.jpg) center bottom #dfdfdf no-repeat;/* height: 335px; */}
.olympics_games-calendar-wrap{
    text-align: center;
    width: 100%;
    max-width: 850px;
    margin: 0 auto;
    padding: 10px 15px 20px 15px;
        position: relative;
}
.olympics_games-calendar-wrap .detail{font-size: 35px;}
.olympics_games-card-wrap{
    text-align: center;
    width: 100%;
    max-width: 750px;
    margin: 0 auto;
    padding:75px 15px 20px 15px;
}
.olympics_games-calendar h1, .olympics_games-card h2{
font-size: 45px;
    line-height: 1.2;
    padding-bottom: 5px;
color: #000000;
/* background-image: -webkit-linear-gradient(0deg, #6da208 0%, #00a200 100%);
background-clip: text;
-webkit-background-clip: text;
text-fill-color: transparent;
-webkit-text-fill-color: transparent; */
}
.olympics_games-calendar h1 span.num{
font-size: 50px;
}
.play_logo{vertical-align: bottom;}
.olympics_games-table{
    text-align: center;
    width: 100%;
    max-width: 990px;
    margin: 0 auto;
}
.olympics_games-condition .row{max-width: 928px;}
.expand-condition h3{
    font-size: 23px;
    color: #00a200;
    font-family: akrobatbold,db_heaventmed_cond;
}

.olympics_games-condition ul li{
    font-size: 16px;
    list-style: disc;
    margin-left: 22px;
    text-align: left;
}
.olympics_games-condition ul{margin-bottom: 20px;
}
.vdo_holder{
  position: relative;
  cursor: pointer;
  background: url('../images/asian_game/vdo-border.png');
  padding: 2.3%;
  background-size:100% 100%
}
.vdo_holder img{
  width: 100%;
}
.bt_vdo_play{
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: auto;
  background: url('../images/asian_game/bt_play.png');
  background-size: 10%;
  background-repeat: no-repeat;
  background-position: center;
  transition: all 0.2s;
  top: 0;
  z-index: 10;
  cursor: pointer;
}
.bt_vdo_play:hover {
cursor: pointer;
  background: url('../images/asian_game/bt_play.png');
  background-size: 8%;
  background-repeat: no-repeat;
  background-position: center;
  /* background-color: rgba(0, 0, 0, 0.4); */
      border-radius: 15px;
}
.vdo_iframe {
    position: absolute;
    z-index: auto;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border: none;
    display: none;
}
.bt_vdo_play {
    z-index: 0;
}
em {
    display: inline-block;
}
/*--- banner_pc ---*/
#banner_pc {position:relative;margin:auto;width:100%;max-width:1600px;overflow:hidden}
#banner_pc .Background {top:0%;left:0%;width:100%;height:auto;}
#banner_pc .hl_bg1 {top:0%;left:2.62%;width:94.69%;height:auto;}
#banner_pc .hl_bg_r {top:22.59%;left:66.31%;width:27.69%;height:auto;}
#banner_pc .hl_bg_l {top:22.59%;left:5.94%;width:27.44%;height:auto;}
#banner_pc .hl_dot_r {top:-26.48%;left:63.88%;width:43.5%;height:auto;}
#banner_pc .hl_dot_l {top:-14.81%;left:-5.19%;width:43.5%;height:auto;}
#banner_pc .hl_bg_t {top:0%;left:31.56%;width:36.81%;height:auto;}
#banner_pc .hl_mascot2 {top:37.04%;left:70.12%;width:10.94%;height:auto;}
#banner_pc .hl_mascot1 {top:40.37%;left:19.25%;width:11.5%;height:auto;}
#banner_pc .hl_btn {top:70.74%;left:43.62%;width:13.25%;height:auto;}
#banner_pc .txt1_set3 {top:57.22%; left:59.31%; font-size:41px;font-size:2.46vw;color:#000}
#banner_pc .hl_logo_aisplay {top:58.5%;left:45.81%;width:13%;height:auto;}
#banner_pc .txt1_set2 {top:57.41%; left:32.19%; width:13%; font-size:41px;font-size:2.46vw;text-align: right;color:#000}
#banner_pc .txt1_set1 {top:42.85%; left:30.5%; width:39.19%; font-size:60px;font-size:3.6vw;text-align: center;color:#2A0}
#banner_pc .txt1_set1_1 {font-size:54px;font-size:3.24vw;color:#FFF;}
#banner_pc .hl_logo_tu {top:3.89%;left:40.31%;width:19.25%;height:auto;}

@media(min-width:1601px){
  #banner_pc .txt1_set3{font-size:41px;}
  #banner_pc .txt1_set2{font-size:41px;}
  #banner_pc .txt1_set1{font-size:60px;}
  #banner_pc .txt1_set1_1 {font-size:54px;}
}
/*-------- Media Query --------*/
/*--- Tablet ---*/

@media(min-width: 480px) {
}

@media(min-width: 641px) {
    section.content {
        padding:60px 30px
    }

    bt {
        padding: 8px 30px
    }
}

@media(min-width: 768px) {
}

/*--- Desktop PC */
@media(min-width: 1024px) {
}

@media(min-width: 1200px) {
    h1,.h1 {
        font-size:72px
    }

    h2,.h2 {
        font-size: 60px
    }

    h3,.h3 {
        font-size: 48px
    }

    h4,.h4 {
        font-size: 36px
    }

    h5,.h5 {
        font-size: 30px
    }

    h6,.h6 {
        font-size: 24px
    }

    html body,body,p {
        font-size: 20px
    }

    note,.note {
        font-size: 18px
    }
}

/*--- Large Desktop PC */
.eifelpos{
    top: 66.9%;
    left: 2.37%;
    width: 12.62%;
    height: auto;
}
.mascot1pos{
    top: 21.6%;
    left: 88%;
    width: 22.62%;
    height: auto;
    z-index: 9;
}
.eifelpos, .mascot1pos{}
.eifelpos.show, .mascot1pos.show{ display: block;}
	@media(max-width:1000px){
  .eifelpos, .mascot1pos{ display: none;}
  }
	#hilight { position:relative; margin:auto; width:100%; max-width:640px; line-height: 1.3; }

	/* #hilight .hl_btn_bg_en {top:74.3%;left:62.59%;width:14.28%;height:auto;} */
	#hilight .hl_btn_txt_en {top:77.09%; left:62.37%; width:13.62%; font-size:18px;font-size:1.27vw;text-align: center;color:#FFF}
	#hilight .hl_btn_arrow_en {top:77.47%;left:74.38%;width:1.54%;height:auto;}
	#hilight .hl_txt_en_1 {top: 45.37%;left:49.19%;width:41.51%;font-size:43px;font-size:3.02vw;line-height: 1.1;text-align: center;color:#2A0}
	#hilight .hl_txt_en_1_1 {font-size:34px;font-size:2.39vw;color:#000;}
	#hilight .hl_txt_en_2 {top:64.62%;left: 49.61%;width:10.76%;font-size:34px;font-size:2.39vw;text-align: center;color:#000}
	#hilight .hl_txt_en_3 {top:64.06%; left:69.99%; width:21.3%; font-size:34px;font-size:2.39vw;text-align: center;color:#000}
	#hilight .hl_txt_en_3_1 {font-size:37px;font-size:2.6vw;}
	#hilight .hl_txt_en_logo {top: 65%;left: 58.91%;width:13.03%;height:auto;}
	#hilight .hl_btn_bg_th {
    height: auto;
    top: 76.84%;
    left: 64.86%;
    width: 13.25%;
    font-size: 20px;
    font-size: 1.41vw;
    background: url(../images/hilight/hl_btn_arrow_th.png) #35a015 center right 15% no-repeat;
    /* background-color: #35a015; */
    border-radius: 50px;
    padding: 8px 35px 8px 5px;
    text-align: center;
    color: #FFF;

}
	#hilight .hl_btn_bg_th:hover {background: url(../images/hilight/hl_btn_arrow_th.png) #000000 center right 10% no-repeat;transition: all 0.5s;}
  	#hilight .hl_btn_bg_en{
      height: auto;
      top: 76.84%;
      left: 60.86%;
      width: 19.25%;
      font-size: 20px;
      font-size: 1.41vw;
      background: url(../images/hilight/hl_btn_arrow_th.png) #35a015 center right 15% no-repeat;
      border-radius: 50px;
      padding: 8px 35px 8px 5px;
      text-align: center;
      color: #FFF;
  }
  	#hilight .hl_btn_bg_en:hover {background: url(../images/hilight/hl_btn_arrow_th.png) #000000 center right 10% no-repeat;transition: all 0.5s;}
	#hilight .hl_btn_txt_th {top: 76.84%;left:64.86%;width:9.52%;font-size:20px;font-size:1.41vw;text-align: center;color:#FFF}
	#hilight .hl_btn_arrow_th {top: 76.58%;left:73.35%;width:1.54%;height:auto;}
	#hilight .hl_txt_th_1 {top: 43.13%;left:51.02%;width:37.55%;font-size:38px;font-size:2.67vw;text-align: center;color:#000}
	#hilight .hl_txt_th_1_1 {font-size:51px;font-size:3.58vw;color:#6A1;}
	#hilight .hl_txt_th_2 {top:64.6%; left:49.41%; width:5.2%; font-size:38px;font-size:2.67vw;text-align: center;color:#000}
	#hilight .hl_txt_th_3 {top: 64.11%;left: 65.62%;width:23.57%;font-size:38px;font-size:2.67vw;text-align: center;color:#000}
	#hilight .hl_txt_th_3_1 {font-size:41px;font-size:2.88vw;}
	#hilight .hl_txt_th_logo {    top: 65.3%;left:53.51%;width:13.69%;height:auto;}
	#hilight .hl_line_mid {top:0%;left:42.31%;width:80.89%;height:auto;}
	#hilight .hl_eifel_tower {top:0%;left:-23.21%;width:69.84%;height:auto;}
	#hilight .hl_human {top:13.41%;left:10.03%;width:34.92%;height:auto;}
	#hilight .hl_logo_aiisplay {top:12.85%;left:58.71%;width:21.96%;height:auto;}
	#hilight .hl_line_top {top:-0.56%;left:-23.21%;width:146.41%;height:auto;}
	#hilight .hl_line_bottom {top:94.41%;left:-23.21%;width:146.41%;height:auto;}

	@media(min-width:1367px){
  #hilight .hl_btn_bg_th {font-size:22px;}
  #hilight .hl_btn_bg_en {font-size:22px;}
		#hilight .hl_btn_txt_en{font-size:18px;}
		#hilight .hl_txt_en_1{font-size:43px;}
		#hilight .hl_txt_en_1_1 {font-size:34px;}
		#hilight .hl_txt_en_2{font-size:34px;}
		#hilight .hl_txt_en_3{font-size:34px;}
		#hilight .hl_txt_en_3_1 {font-size:37px;}
		#hilight .hl_btn_txt_th{font-size:20px;}
		#hilight .hl_txt_th_1{font-size:38px;}
		#hilight .hl_txt_th_1_1 {font-size:51px;}
		#hilight .hl_txt_th_2{font-size:38px;}
		#hilight .hl_txt_th_3{font-size:38px;}
		#hilight .hl_txt_th_3_1 {font-size:41px;}
	}
  @media(max-width:640px){
    	/* #hilight .hl_btn_bg_en {top:86.33%;left:28.12%;width:43.59%;height:auto;} */
    	#hilight .hl_btn_arrow_en {top:88.79%;left:64.06%;width:4.84%;height:auto;}
    	#hilight .hl_txt_en_1 {top: 24.17%;left:5.78%;line-height: 1.2;width:88.91%;height:auto;font-size: 7.02vw;}
      #hilight .hl_txt_en_1_1 {font-size:34px;font-size: 6.39vw;color:#000;}
    	#hilight .hl_txt_en_2 {top: 36.6%;left:0.62%;width:24.53%;font-size:37px;font-size: 4.75vw;text-align: center;color:#000}
    	#hilight .hl_txt_en_3 {top: 35.5%;left: 49.25%;width:49.38%;font-size:37px;font-size: 4.75vw;text-align: center;color:#000}
    	#hilight .hl_txt_en_3_1 {font-size:41px;font-size: 6.5vw;}
    	#hilight .hl_txt_en_logo {top: 36%;left: 22%;width: 31%;height:auto;}
      #hilight .hl_btn_bg_th {
        height: auto;
        top: 85.84%;
        left: 27.86%;
        width: 43.25%;
        font-size: 20px;
        font-size: 5.5vw;
        background: url(../images/hilight/hl_btn_arrow_th.png) #35a015 center right 15% no-repeat;
        border-radius: 50px;
        padding: 12px 35px 12px 5px;
        text-align: center;
        color: #FFF;
    }
    	  #hilight .hl_btn_bg_en {
        height: auto;
        top: 85.84%;
        left: 17.86%;
        width: 62.25%;
        font-size: 20px;
        font-size: 5.5vw;
        background: url(../images/hilight/hl_btn_arrow_th.png) #35a015 center right 9% no-repeat;
        border-radius: 50px;
        padding: 12px 35px 12px 5px;
        text-align: center;
        color: #FFF;
      }
    	#hilight .hl_btn_arrow_th {top:89.68%;left:61.09%;width:4.53%;height:auto;}
    	#hilight .hl_txt_th_1 {        top: 22.8%;
        line-height: 1.4;left:6.25%; width:87.97%; font-size:43px;font-size:6.45vw;text-align: center;color:#000}
    	#hilight .hl_txt_th_1_1 {font-size:56px;font-size:8.4vw;color:#2A0;}
    	#hilight .hl_txt_th_2 {top: 36.85%; left:2.5%; width:11.25%; font-size:42px;font-size:6.3vw;text-align: center;color:#000}
    	#hilight .hl_txt_th_3 {top: 35.9%;left: 44.28%;width:54.84%;font-size:42px;font-size:6.3vw;text-align: center;color:#000}
    	#hilight .hl_txt_th_3_1 {font-size:45px;font-size: 7.75vw;}
    	#hilight .hl_txt_th_logo {
                top: 36.69%;
        left: 11.72%;
        width: 35.5%;
        height: auto;
      }
    	#hilight .hl_eifel_tower {
                top: 44.95%;
                left: -74.69%;
                width: 152.5%;
                height: auto;
      }
    	#hilight .hl_line_mid {
        top: 44%;
        left: -19.53%;
        width: 200.62%;
        height: auto;
        }
    	#hilight .hl_human {top:42.77%;left:12.34%;width:74.53%;height:auto;}
    	#hilight .hl_logo_aiisplay {
                top: 5.8%;
                left: 25.38%;
                width: 51.41%;
                height: auto;
      }
    	#hilight .hl_line_top {top:0%;left:-106.25%;width:312.5%;height:auto;}
    	#hilight .hl_line_bottom {top:97.05%;left:-106.09%;width:312.5%;height:auto;}

  }
@media(min-width:641px){
	#hilight { position:relative; margin:auto; width:100%; max-width:1366px; line-height: 1.3;
   }

}



  	#asian_footer { position:relative; margin:auto; width:100%; max-width:1366px; line-height: 1.3; overflow: hidden; }
  	.asian-footer-bg1 { top:0%; left:0%; width:100%; height:100%; }
  	.asian-footer-bg2 { top:0.6%; left:16.98%; width:75.04%; height:99.4%; }
  	.asian-footer-bg3 {/* top: 73.73%; */bottom: 0;left:0%;width:100%;height: 25.7%;}
  	.asian-footer-img1 { top:34.93%; left:5.93%; width:87.55%; height:51.64%; }
  	.asian-footer-img2 { top:33.43%; left:6.66%; width:80.53%; height:62.69%; }

.remark{ font-size: 14px; padding: 15px; background-color: #ededed; width: 100%; text-align: left;}

  	@media(min-width:1366px){
  	}
#table_list{background-color: #fff;}
@media(max-width:640px){
.play_logo {
    vertical-align: bottom;
    width: 220px;
}
.olympics_games-calendar h1, .olympics_games-card h2 {
    font-size: 8.5vw;
}
.olympics_games-calendar h1 span.num {
    font-size: 9.5vw;
}
.olympics_games-calendar-wrap .detail {
    font-size: 7vw;
}
}
.ani_set {
    visibility: hidden;
}
/* table data */
.row_olympics_drop {
    line-height: 1.2;
    font-size: 16px;
    max-width: 1000px;
}
.col_olympics_day {
    float: left; width: 100%;
}
.col_olympics_day .panel {
text-align: center;
}
@media(max-width:480px){
.play_logo {
    vertical-align: bottom;
    width: 150px;
}
}
@media screen and (max-width: 1000px){
.row_olympics_drop {
    padding-top: 20px;
}
.row-olympics_games-nav {
    padding: 10px 0 0px 0;
}
.olympics_games-nav-col{ width: auto; margin: 5px 0; width: 50%;
/* height: 170px; */
}
.olympics_games-nav-col td {
    vertical-align: top;
}
/* .olympics_games-nav-col:nth-child(1){width: 48%; padding-left: 2%;}
.olympics_games-nav-col:nth-child(2){width: 48%; padding-left: 2%;}
.olympics_games-nav-col:nth-child(3){width: 48%; padding-left: 2%;}
.olympics_games-nav-col:nth-child(4){width: 48%; padding-left: 2%;} */
.nav-icon-wrap1,.nav-icon-wrap2,.nav-icon-wrap3,.nav-icon-wrap4{
margin-top: 5px;
margin-bottom: 15px;}
.nav-icon-wrap1 {
    background: url(../images/thammasat2025/icon_nav1.png) no-repeat center top;
        background-size: 50px auto;
        padding-right: 65px;
        width: 100%;
        padding-left: 1%;
        padding-right: 1%;
        padding-top: 65px;
        text-align: center;
}
.nav-icon-wrap2 {
    background: url(../images/thammasat2025/icon_nav2.png) no-repeat center top;
        background-size: 50px auto;
        padding-right: 65px;
        width: 100%;
        padding-left: 1%;
        padding-right: 1%;
        padding-top: 65px;
        text-align: center;
}
.nav-icon-wrap3 {
    background: url(../images/thammasat2025/icon_nav3.png) no-repeat center top;
        background-size: 50px auto;
        padding-right: 65px;
        width: 100%;
        padding-left: 1%;
        padding-right: 1%;
        padding-top: 65px;
        text-align: center;
}
.nav-icon-wrap4 {
    background: url(../images/thammasat2025/icon_nav4.png) no-repeat center top;
        background-size: 50px auto;
        padding-right: 65px;
        width: 100%;
        padding-left: 1%;
        padding-right: 1%;
        padding-top: 65px;
        text-align: center;
}

}
.olympics_select {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding: 10px 20px;
    /* border-radius: 8px; */
    border: solid 1px #60a20f;
    background: url(../images/ic_table_down.png) no-repeat center right 8px #ffffff;
    line-height: 32px;
    font-size: 20px;
    margin-right: 10px;
    min-width: 250px;
    text-align: left;
    border-radius: 50px;
}
.panel.olympics_table_box{min-height:300px; border-radius:15px; margin-top:35px; overflow: hidden;}
.olympics_table_sport_wrap{/* border-top-left-radius:10px; *//* border-top-right-radius:10px; */overflow:hidden;font-family: Tahoma, Arial, Helvetica, sans-serif;}
.olympics_table_sport_head{}
.olympics_table_sport_head tr td{
        padding: 20px 5px 20px 16px;
        text-align: center;
        background-color: #0c9801;
        /* font-family: 'db_heaventmed_cond'; */
        font-family: akrobatbold,db_heaventmed_cond;
        line-height: 1.4;
        font-size: 20px;
        color: #fff;
}
.olympics_table_sport_head tr td:nth-child(2){text-align:left; padding-left:20px;}

.olympics_table_sport{}
.olympics_table_sport tr td{padding:15px 5px 15px 12px; text-align:center; vertical-align: top;
  font-family: 'db_heaventbold_cond';
  font-family: akrobatbold,db_heaventmed_cond;
  line-height:1.4; font-size:20px; color:#000; border-bottom:solid 1px #fff; border-right:solid 1px #fff;}
.olympics_table_sport tr td:last-child{border-right:none;}
.olympics_table_sport tr td:nth-child(1){width:14%;background-color: #0c9801;color: #fff;  padding:12px 3px 12px 3px;}
.olympics_table_sport_head tr td:nth-child(1){width:14%;background-color: #00479f; padding:8px 3px 8px 3px;}
.olympics_table_sport tr td:nth-child(2){font-family: akrobatregular,db_heavent_cond; text-align:left; padding-left:20px;}
.olympics_table_sport tr td:nth-child(3){width:430px;font-family: akrobatregular,db_heavent_cond; padding:8px 3px 8px 3px;}
.olympics_table_sport_head tr td:nth-child(3){width:430px;font-family: akrobatbold,db_heaventmed_cond; padding:8px 3px 8px 3px;}
.olympics_table_sport tr:nth-child(odd) td{}
.olympics_table_sport tr.SPORT-LIST.tb_odd td:nth-child(1){background-color: #45ac3f;
}
.olympics_table_sport tr:first-child {}

.olympics_table_sport tr:first-child td{font-size:20px; color:#ffffff; text-align:left;  padding-left:16px;}
.olympics_table_sport tr:first-child td{
    background: url(../images/thammasat2025/bg_table.jpg) #01479d center no-repeat;
}

.olympics_table_sport tr td a:link, .olympics_table_sport tr td a:visited, .olympics_table_sport tr td a:active{ text-decoration: none; color:#000 !important;}
.olympics_table_sport tr td a:hover{text-decoration: underline; color:#333;}

.olympics_sec{transition: all .2s ease-in; -webkit-transition: all .2s ease-in;  -moz-transition: all .2s ease-in; -o-transition: all .2s ease-in;}


.SPORT-LIST {background-color: #ffffff;}
.SPORT-LIST.tb_odd {background-color: #cdead6;}
.olympics_table_sport tr.SPORT-LIST:first-child td{background-color: #122164;}

.bgblank {background-color:#f9f9f9;}
@media screen and (max-width: 700px) {
.col_olympics_head{width:100%; float: none; text-align:center;}
.col_olympics_head.bt_set{ width:100%; text-align:center;}
.olympics_sec{ margin-bottom:20px;}

.olympics_table_sport_head tr td{padding:10px 5px; font-size:18px;}
.olympics_table_sport_head tr td:nth-child(2){padding-left:20px;}

.olympics_table_sport tr td{padding:8px 3px 8px 10px; font-size:19px; line-height: 24px;}
.olympics_table_sport tr td:nth-child(1),
.olympics_table_sport_head tr td:nth-child(1){width:68px;}
.olympics_table_sport tr td:nth-child(2){padding-left:10px; font-size:19px; line-height: 24px;}
.olympics_table_sport tr td:nth-child(3),
.olympics_table_sport_head tr td:nth-child(3){width:30%;}
.olympics_table_sport tr:first-child td{font-size:18px; padding-left:10px;}

#asian_calendar_holder{padding-top:20px; background:url(../images/winter_bg_01_mob.jpg) no-repeat center bottom #fff; background-size:100% auto;}
}

@media screen and (max-width: 640px) {
    /* .row_olympics_drop {
        padding-top: 30%;
    } */
.olympics_table_sport tr:first-child td {
    background-size: cover;
}
.expand-condition .q {
    font-size: 21px;
}
.expand-condition h3 {
    font-size: 20px;
}
.olympics_table_sport tr:first-child {background: url(../images/asian_game/table-bg-pc.jpg) top right -200px;}
.asian_calendar_table_wrap .content_scroll{height:370px; }
/*.asian_calendar_table_head_wrap{ border-right: none;}*/

.col_olympics_day{  }
.col_olympics_sport{ width:50%;}
.olympics_select{padding:8px 20px; padding-right:10px; background:url(../images/ic_table_down.png) no-repeat center right 5px #ffffff;
  background-size:20px auto; font-size:19px;}

}
@media screen and (max-width: 600px) {
.olympics_select{width: 100%;
    margin-bottom: 10px;}
  .olympics_games-nav h6.olynav {
      font-size: 4.5vw;
      /* line-height: 1.4; */
      font-family: akrobatbold, db_heaventmed_cond;
  }
  .olympics_games-nav p {
      font-size: 3vw;
      /* line-height: 1.4; */
  }
}
@media screen and (max-width: 430px) {
#calendar_obj1{ display:none;}
#calendar_obj2{width:661px; right:-250px; top:0px;}
.asian_calendar_head{line-height:40px; font-size:30px;}
.olympics_games-nav h6.olynav {
    font-size: 5vw;
    /* line-height: 1.4; */
    font-family: akrobatbold, db_heaventmed_cond;
}
.olympics_games-nav p {
    font-size: 4vw;
    /* line-height: 1.4; */
}
}

@media screen and (max-width: 400px) {
.olympics_table_sport tr td{font-size: 14px; line-height: 20px;}
.olympics_table_sport tr td:nth-child(2){font-size: 14px; line-height: 20px;}
}
.font-green{color: #35a015;}