nav.topnav .logo {
    min-width: 285px;
}

/* Banner Header Slide */
.banner-header{width:100%; position:relative; overflow:hidden; padding:2rem 0 0 0;}
.banner-header .subject{
    position:relative; display:block; width:280px; height:auto; margin:0 auto;
    transform:translateY(1rem);
}
.banner-header > .call-container{
    width:100%; padding:3rem 0 2rem 0; background-size:cover; background-position:center;
}
.banner-header .call-text{position:relative; margin:0; font-weight:300;}
.banner-header .call-text.title{font-size:2.125rem;}
.banner-header .call-text.desc{font-family:'TH Sarabun NEW'; font-size:1.625rem;}
.banner-header .call-text.desc.desc-lg{font-family:'TH Sarabun NEW'; font-size:2rem; line-height:1.1;}
.banner-header .slide-container{width:100%; margin:.625rem 0 0 0;}
.banner-header .slide > .wrapper{display:block; padding:0 .375rem;}
.banner-header .slide-container{position:relative;}
.banner-header .slide-container .slick-track{padding:1rem 0;}
.banner-header .slide-container .client{
    display:block; width:100%; height:50px; border-radius:1000em;
    background-size:cover; background-position:center;
}
.banner-header .slide-container .arrows{left:-4rem; right:-4rem; padding:0 1rem;}
.banner-header .slide-container  .arrows > .slick-prev, 
.banner-header .slide-container  .arrows > .slick-next{
    width:2.5rem; height:2.25rem; line-height:2.25rem;
}
.banner-header .slide-container  .slide-container:hover .arrows > .slick-prev, 
.banner-header .slide-container  .slide-container:hover .arrows > .slick-next{opacity:.8;}
.banner-header .slide-container  .arrows > .slick-prev::before, 
.banner-header .slide-container  .arrows > .slick-next::before{font-size:1.5rem;}
.banner-header .input-group{width:100%; max-width:26rem; margin:0 auto 2rem auto;}
.banner-header .input-group > input{
    border-radius:1000em!important; font-size:1rem; text-align:center; z-index:2;
}
.banner-header .input-group > .input-group-append{margin-left:-1rem; z-index:1;}
.banner-header .input-group > .input-group-append > button{
    border-radius:0 1000em 1000em 0!important; padding-left:1.5rem; font-size:1rem;
}

@media screen and (max-width:767.98px){
    .banner-header{padding:3rem 0 0 0;}
    .banner-header > .call-container{padding:3rem 0 2.5rem 0;}

    .banner-header > .slide-container{width: 360px;}
}

/* Banner Header Slide */
.banner-header .call-text{
    -webkit-background-clip:text; -webkit-text-fill-color:transparent;
    background-image:linear-gradient(to right,#d2bf73,#ddc256,#bb8a42,#f4efe7,
        #cfa74d, #ddc256, #d1ae65);
}
.banner-header .slide-container .client{box-shadow:0px 0px 6px 0px rgba(82,63,105,.75);}
.banner-header .slide-container  .arrows > .slick-prev::before, 
.banner-header .slide-container  .arrows > .slick-next::before{color:#6c757d;}

/* Banner Header Slide */
.banner-header > .call-container{background:transparent!important;}
.banner-header .slide-container  .arrows > .slick-prev::before, 
.banner-header .slide-container  .arrows > .slick-next::before{color:#fff;}

/* Banner Header Slide */
.banner-header > .call-container{background:transparent!important;}
.banner-header .slide-container  .arrows > .slick-prev::before, 
.banner-header .slide-container  .arrows > .slick-next::before{color:#6c757d;}

/* Banner Header Slide */
.banner-header .slide-container {
    margin: 0 auto !important;
}
/* Banner Footer Slide */
.call-02 .slide-container {
    margin: 0 auto !important;
}

/* Contact Popup */
.contact-container .popup-box  {
    display: block;
    position: relative;
    width: 100%;
    max-width: 560px;
    padding: 2rem;
    border-radius: .5rem;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
    margin: 0 auto;
    top: 7%;
    margin-bottom: 50px;
    height: 90% !important;
    overflow: scroll !important;
}

.contact-container .fa.fa-times {
    color: #6c109d;
}

.contact-container .icon.bg-color1 {
    border-radius: 7px;
    background: #6c109d;
}

.contact-container .icon.bg-color1 > .fas.fa-mail-bulk {
    color: #fff;
}

.contact-container input[type=text],
.contact-container input[type=email],
.contact-container input[type=password], input[type=date],
.contact-container  input[type=tel],
.contact-container  input[type=number],
.contact-container  input[type=phone],
.contact-container  input[type=submit],
.contact-container select,
.contact-container  textarea {
    background: #e0e0e0;
    width: 100%;
}

/* Tag em */
.btn.custom-btn-primary > em {
    color: #dbb84b;
}
.btn>em {
    font-size: 80%;
    transition: color .3s;
}

.btn.custom-btn-secondary > i {
    color: #fffefd;
}

.btn.custom-btn-secondary:hover > em, .btn.custom-btn-secondary:active > em {
    color: #dbb84b;
}

/* Intro Page */
.div-link {
    position: absolute !important;
    bottom: 20px !important;
    width: 100% !important;
    padding: 10px !important;
    z-index: 999 !important;
    color: #FFF !important;
    text-align: center !important;
}

/* Full Calendar */
.fullcalendar-container{width:100%;}
.fullcalendar-container .fullcalendar-wrapper{width:100%; overflow:hidden!important; margin:0;}
.fullcalendar-container .fullcalendar-header{
    width:100%; display:flex; align-items:center; justify-content:space-between; margin:0;
}
.fullcalendar-container .fc-day-header.fc-widget-header{color:transparent; height:2.75rem;}

.fullcalendar-container.month .fc-toolbar.fc-header-toolbar{display:none;}
.fullcalendar-container.month .fullcalendar-header > .calendar-title{
    margin:0; font-size:2.25rem; font-weight:300;color: var(--color4);
}
.fullcalendar-container.month .fullcalendar-header > .calendar-btn{
    display:flex; align-items:center; font-size:1.2rem; cursor:pointer; font-weight:400;
    transition:opacity .3s;
}
.fullcalendar-container.month .fullcalendar-header > .calendar-btn:hover{opacity:.75;}
.fullcalendar-container.month .fullcalendar-header > .calendar-btn i{font-size:1rem; margin:0 .5rem 0 0;}
.fullcalendar-container.month .fullcalendar-header > .calendar-btn:last-child i{margin:0 0 0 .5rem;}
.fullcalendar-container.month .fc .fc-row .fc-content-skeleton table .fc-day-number{
    color:transparent; height:3.5rem;
}
.fullcalendar-container.month .fc td{font-size:1.3rem; font-weight:300; text-align:center;}

.fullcalendar-container.week > .fullcalendar-wrapper{margin:0;}
.fullcalendar-container.week .fc-toolbar.fc-header-toolbar{margin:0 0 .5rem 0;}
.fullcalendar-container.week .fc-button{box-shadow:none!important;}
.fullcalendar-container.week .fc-toolbar.fc-header-toolbar h2{font-size:2rem; font-weight:300; color: var(--color4);}
.fullcalendar-container.week .fc-scroller{overflow:auto hidden!important; margin:.875rem 0 0 0;}
.fullcalendar-container.week th.fc-axis.fc-widget-header:first-child{display:none;}
.fullcalendar-container.week td.fc-axis.fc-widget-content:first-child{width:6rem!important;}
.fullcalendar-container.week td{font-size:1.75rem; font-weight:300; text-align:center;}
.fullcalendar-container.week .fc-bg > table{border-bottom:1px solid #eee;}
.fullcalendar-container.week .fc-bg td{border-bottom:1px solid #eee; vertical-align:middle;}
.fullcalendar-container.week hr{display:none;}
.fullcalendar-container.week .fc-content-skeleton{position:absolute; top:0; left:0; right:0; z-index:3;}
.fullcalendar-container.week .fc-timeGrid-view .fc-day-grid{position:relative; z-index:2;}
.fullcalendar-container.week .fc-timeGrid-view .fc-day-grid .fc-row{min-height:3rem;}
.fullcalendar-container.week .fc-timeGrid-view .fc-day-grid .fc-row .fc-content-skeleton{
    padding-bottom:1rem;
}
.fullcalendar-container.week .fc .fc-axis{vertical-align:middle; padding:0 .25rem; white-space:nowrap;}
.fullcalendar-container.week .fc-ltr .fc-axis{text-align:right;}
.fullcalendar-container.week .fc-rtl .fc-axis{text-align:left;}
.fullcalendar-container.week .fc-time-grid-container,
.fullcalendar-container.week .fc-time-grid{position:relative; z-index:1;}
.fullcalendar-container.week .fc-time-grid{min-height:100%;}
.fullcalendar-container.week .fc-time-grid table{border:0 hidden transparent;}
.fullcalendar-container.week .fc-time-grid > .fc-bg{z-index:1;}
.fullcalendar-container.week .fc-time-grid .fc-slats,
.fullcalendar-container.week .fc-time-grid > hr{position:relative; z-index:2;}
.fullcalendar-container.week .fc-time-grid .fc-content-col{position:relative;}
.fullcalendar-container.week .fc-time-grid .fc-content-skeleton{
    position:absolute; z-index:3; top:0; left:1.9375rem; right:0;
}
.fullcalendar-container.week .fc-time-grid .fc-business-container{position:relative; z-index:1;}
.fullcalendar-container.week .fc-time-grid .fc-bgevent-container{position:relative; z-index:2;}
.fullcalendar-container.week .fc-time-grid .fc-highlight-container{position:relative; z-index:3;}
.fullcalendar-container.week .fc-time-grid .fc-event-container{position:relative; z-index:4;}
.fullcalendar-container.week .fc-time-grid .fc-now-indicator-line{z-index:5;}
.fullcalendar-container.week .fc-time-grid .fc-mirror-container{position:relative; z-index:6;}
.fullcalendar-container.week .fc-time-grid .fc-slats td{height:1.5em; border-bottom:0;}
.fullcalendar-container.week .fc-time-grid .fc-slats .fc-minor td{border-top-style:dotted;}
.fullcalendar-container.week .fc-time-grid .fc-highlight-container{position:relative;}
.fullcalendar-container.week .fc-time-grid .fc-highlight{position:absolute; left:0; right:0;}
.fullcalendar-container.week .fc-ltr .fc-time-grid .fc-event-container{margin:0 2.5% 0 2px;}
.fullcalendar-container.week .fc-rtl .fc-time-grid .fc-event-container{margin:0 2px 0 2.5%;}

.fullcalendar-container.week .fc-time-grid .fc-event,
.fullcalendar-container.week .fc-time-grid .fc-bgevent{position:absolute; padding:1rem .0625rem;}
.fullcalendar-container.week .fc-time-grid .fc-bgevent{left:0; right:0;}
.fullcalendar-container.week .fc-time-grid-event{margin-bottom:1px;}
.fullcalendar-container.week .fc-time-grid-event-inset{
    -webkit-box-shadow:0px 0px 0px 1px #fff; box-shadow:0px 0px 0px 1px #fff;
}
.fullcalendar-container.week .fc-time-grid-event.fc-not-start{
    border-top-width:0; padding-top:1px; border-top-left-radius:0; border-top-right-radius:0;
}
.fullcalendar-container.week .fc-time-grid-event.fc-not-end{
  border-bottom-width:0; padding-bottom:1px; border-bottom-left-radius:0; border-bottom-right-radius:0;
}
.fullcalendar-container.week .fc-time-grid-event .fc-content{overflow:hidden; max-height:100%;}
.fullcalendar-container.week .fc-time-grid-event .fc-time,
.fullcalendar-container.week .fc-time-grid-event .fc-title{
    padding:0 1px; font-size:1.25rem; line-height:1.2;
}
.fullcalendar-container.week .fc-time-grid-event.fc-allow-mouse-resize .fc-resizer{
    left:0; right:0; bottom:0; height:.5rem; overflow:hidden; line-height:.5rem; font-size:.75rem;
    font-family:monospace; text-align:center; cursor:s-resize;
}
.fullcalendar-container.week .fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after{content:'=';}
.fullcalendar-container.week .fc-time-grid-event.fc-selected .fc-resizer{
    border-radius:.3125rem; border-width:1px; width:.5rem; height:.5rem; border-style:solid;
    border-color:inherit; background:#fff; left:50%; margin-left:-.3125rem; bottom:-.3125rem;
}
.fullcalendar-container.week .fc-time-grid .fc-now-indicator-line{border-top-width:1px; left:0; right:0;}
.fullcalendar-container.week .fc-time-grid .fc-now-indicator-arrow{margin-top:-.3125rem;}
.fullcalendar-container.week .fc-ltr .fc-time-grid .fc-now-indicator-arrow{
    left:0; border-width:.3125rem 0 .3125rem .3125rem;
    border-top-color:transparent; border-bottom-color:transparent;
}
.fullcalendar-container.week .fc-rtl .fc-time-grid .fc-now-indicator-arrow{
    right:0; border-width:.3125rem 0 .3125rem .3125rem;
    border-top-color:transparent; border-bottom-color:transparent;
}

@media screen and (max-width:1199.98px){
    .fullcalendar-container.month .fullcalendar-header > .calendar-title{font-size:2.75rem;}
    .fullcalendar-container.month .fullcalendar-header > .calendar-btn{font-size:1.75rem;}
    .fullcalendar-container.month .fullcalendar-header > .calendar-btn i{font-size:.9375rem;}
    .fullcalendar-container.month .fc-day-header.fc-widget-header{height:2.5rem;}
    .fullcalendar-container.month .fc td{font-size:1.5625rem;}
}
@media screen and (max-width:767.98px){
    .fullcalendar-container.month .fullcalendar-header > .calendar-title{font-size:2.5rem;}
    .fullcalendar-container.month .fullcalendar-header > .calendar-btn{font-size:1.625rem;}
    .fullcalendar-container.month .fullcalendar-header > .calendar-btn i{font-size:.875rem;}
    .fullcalendar-container.month .fc-day-header.fc-widget-header{height:2.25rem;}
    .fullcalendar-container.month .fc td{font-size:1.5rem; width:7rem;}
    /* .fullcalendar-container.week td{font-size:1.5rem;}
    .fullcalendar-container.week .fc-scroller{margin:3.375rem 0 0 0;} */
}

.fullcalendar-container .fullcalendar-header > .calendar-title{color:#000;}
.fullcalendar-container .fullcalendar-header > .calendar-btn{color:#0d838d; color:var(--color4);}
.fullcalendar-container .fc-day-header.fc-widget-header{
    background-color:#0d838d; background-color:var(--color4);
    border-color:#0d838d; border-color:var(--color4);
}
.fullcalendar-container .fc-unthemed td.fc-today{
    border-color:#0d838d!important; border-color:var(--color4)!important; color:#fff!important;
}
.fullcalendar-container.week .fc-button{
    background-color:#0d838d; background-color:var(--color4);
    border-color:#0d838d; border-color:var(--color4);
}

/* News Geo */
.content-01 .content .tab-container {
    margin: 0 !important;
}
/* WCAG Home */
.btn-action.btn-action-primary > em{background:#6c109d; color:#fff;}
.btn-action>em {
    width: 1.375rem;
    height: 1.375rem;
    line-height: 1.375rem;
    text-align: center;
    border-radius: 50%;
    font-size: .625rem;
    transform: translateY(-.125rem);
}
.btn-action.btn-action-white > em{background:#fff; color:#343a40;}
.btn-action.btn-action-dark > em{background:#343a40; color:#fff;}
nav.topnav .logo h2{
    font-size:.9375rem; margin:.25rem 0 0 0; line-height:1; font-weight:100; color:#fff;
}
.btn-website-intro {
    display: flex;
    justify-content: center;
    width: 100%;
    margin: 0 auto;
    position: absolute;
    bottom: 40px;
}
/*Hidden Credit Visited Couter*/
nav.footer > .footer-bottom .wrapper > .count-area {
    position: relative;
}

.count-area > a:nth-child(1) {
    font-size: 7px;
    color: #1f1e1e;
    position: absolute;
    z-index: -1;
}

@media screen and (max-width: 768px) {
    .intro-01 {
        height: 35vh;
    }
}

@media screen and (max-width: 450px) {
    .intro-01 {
        height: 35vh;
    }
    .btn-website-intro {
        flex-direction: column;
    }
}
@media screen and (max-width: 380px) {
    .intro-01 {
        height: 30vh;
    }
    .btn-website-intro {
        flex-direction: column;
    }
}

@media screen and (min-width:768px){
    .tab-container.tab-container-02 .slide.slick-current .btn-action > em{
        background:#8e5e9c!important; color:#fff!important;
    }
}