body{
    font: 18px/32px "abacaxi-latin-variable","Noto Sans TC", sans-serif;
    background: linear-gradient(180deg, #1D1D1D 0%, #190B03 100%);
    padding-top: 90px;
    color: #EDEDED;
}
h1, h2, h3, h4, h5, h6{
    color: #FFFFFF;
    font-family: "abacaxi-latin-variable","Noto Sans TC", sans-serif;
}
h1{
    font-size: 72px;
    line-height: 1.6em;
    font-weight: 500;
}
h2{
    font-size: 60px;
    line-height: 1.6em;
    font-weight: 500;
}
h3{
    font-size: 40px;
    line-height: 1.6em;
    font-weight: 500;
}
h4{
    font-size: 32px;
    line-height: 1.6em;
    font-weight: 500;
}
/* modal */
.modal{
    z-index: 10002;
}
.modal .html_edit *{
    color: #1D1D1D;
}
/*loading*/
.loading-overlay{
    background: linear-gradient(180deg, #1D1D1D 0%, #190B03 100%);
}
.loading{
    width: 200px;
    left: calc(50% - 100px);
    top: calc(50% - 100px);
    position: absolute;
}
/*header*/
.header,
.mainnav{
    background-color: #1D1D1D;
    position: fixed;
    top: 0;
    z-index: 10001;
    width: 100%; 
}
.header .mainnav{
    position: relative;
}
#mainnav > ul > li > a:hover{
    color: #FF7626;
}
#mainnav ul.submenu > li > a:hover{
    background-color: initial;
    color: #FF9659;
}
.btn-menu{
    margin: 37px 0px 37px 20px;
}
.btn-menu:before, 
.btn-menu:after, 
.btn-menu span{
    background-color: #FFF;
}
#mainnav-mobi{
    background: linear-gradient(180deg, #1D1D1D 0%, #190B03 100%);
    top: 90px;
    position: fixed;
}
#mainnav-mobi ul li{
    border-top: none;
}
.btn-submenu{
    right: 0;
    top: 10px;
}
#mainnav-mobi ul > li.has-sub.active > a,
.has-sub.active > .btn-submenu:before{
    color: #FF7626;
}
#mainnav-mobi > ul{
    max-height: calc(100vh - 90px);
    overflow: scroll;
}
/*footer*/
.footer{
    padding: 0;
}
.footer-content{
    background-color: #FF7626;
    margin: 0;
    height: 38px;
    padding: 6px 30px;
}
.footer-content *{
    color: #FFFFFF;
    font-size: 14px;
    line-height: 25px;
    font-weight: 400;
}
.footer_link{
    float: right;
}
.footer_copyright{
    float: left
}
.footer_link a{
    margin-left: 60px;
}
.footer_link a:first-child{
    margin-left: 0;
}
.footer_link a:hover{
    color: #1D1D1D;
}
/* common style */
.title_block .title{
    font-weight: 500;
}
.title_block.en_style{
    background-color: #FF7626;
    display: inline-block;
    padding: 8px 24px;
    border-radius: 24px;
}
.title_block.en_style .title{
    font-size: 16px;
    line-height: 1.8em;
    display: inline-block;
}
.title_block.zh_style .title{
    font-size: 28px;
    line-height: 1.4em;
    display: inline-block;
}
.title_block.zh_style .title > span{
    display: inline-block;
}
.title_block.en_style .title_line{
    width: 80px;
    height: 1px;
    background-color: #FFFFFF;
    display: inline-block;
    margin-bottom: 5px;
    margin-left: 7px;
}
@media only screen and (max-width: 991px){
    .title_block.zh_style .title > span{
        display: block;
    }
}
/* Tab */
.flat-tabs ul.menu-tab{
    height: 48px;
    /* white-space: nowrap;
    overflow: scroll; */
    margin-top: 0;
    margin-bottom: 120px;
    overflow-x: auto;
    white-space: nowrap;
}
.flat-tabs ul.menu-tab li{
    margin: 0 14px;
}
.flat-tabs ul.menu-tab li:first-child{
    margin-left: 0;
}
.flat-tabs ul.menu-tab li:last-child{
    margin-right: 0;
}
.flat-tabs ul.menu-tab li a{
    font-size: 24px;
    line-height: 1.6em;
    font-weight: 400;
    color: #DCDCDC;
    padding: 6px 0;
    text-transform: none;
}
.flat-tabs ul.menu-tab li.active a{
    color: #FF7626;
    border-bottom: 1px solid #FF7626;
    font-weight: bold;
}
/* btn */
.up_btn{
    display: inline-block;
    font-size: 18px;
    line-height: 1.8em;
    font-weight: 500;
    color: #FFFFFF;
    border: 1px solid #FFFFFF;
    border-radius: 12px;
    padding: 12px 40px;
}
.up_btn:after{
    content: '';
    display: inline-block;
    width: 62px;
    height: 9px;
    background: url('/images/btn_vector.png') no-repeat center center;
    margin: 0 0 4px 16px;
}
.up_btn:hover{
    color: #FFFFFF;
    background-color: rgba(255, 255, 255, 0.15);
}
.up_btn:focus,
.up_btn:active{
    color: #FFFFFF;
    background-color: rgba(255, 255, 255, 0.4);
}
.up_btn.dark{
    background-color: #1D1D1D;
    border: none;
}
.up_btn.dark:hover{
    background-color: #636363;
}
.up_btn.orange{
    background-color: #FF7626;
    border: none;
}
.up_btn.orange:hover{
    background-color: #FF9659;
}
/* Scrollbar */
.scrollbar{
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
}
.scrollbar::-webkit-scrollbar {
    display: none;
}
.scrollbar:hover::-webkit-scrollbar,
.scrollbar:focus::-webkit-scrollbar {
    display: block;
    height: 4px;
}
.scrollbar::-webkit-scrollbar-track{
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 10px;
}
.scrollbar::-webkit-scrollbar-thumb{
    border-radius: 10px;
    background-color: rgba(255, 255, 255, 0.3);
}
/* loop image */
.image_carosuel.owl-theme .owl-dots{
    text-align: center;
}
.image_carosuel.owl-theme .owl-dots .owl-dot span{
    width: 8px;
    height: 8px;
}
.image_carosuel.owl-theme .owl-dots .owl-dot.active span, 
.image_carosuel.owl-theme .owl-dots .owl-dot:hover span{
    background-color: #FF7626;
}
/* booking btn */
.booking_btn{
    display: none;
    position: fixed;
    bottom: 32px;
    right: 32px;
    z-index: 10000;
    background: url('/images/booking_btn.svg') no-repeat center center;
    background-size: cover;
    width: 160px;
    height: 160px;
}
/* Memnu */
.flat-tab-menu .title_section{
    margin-bottom: 40px;
}
.flat-tab-menu .title_block.en_style{
    margin-bottom: 24px;
}
.flat-tab-menu .content_section > p{
    font-size: 16px;
    line-height: 1.8em;
    font-weight: 400;
}
.flat-tab-menu .img_block > img{
    border-radius: 12px;
}
/* News */
.news_block{

}
.news_block .img_block{
    display: inline-block;
    width: 300px;
    height: 400px;
    margin-left: 20px;
    border: 1px solid;
    border-image: linear-gradient(90deg, #EC6C22, #AC4407) 1;
}
.news_block .img_block > img{
    margin: -20px;
}
.news_block .content_block{
    display: block;
}
.news_block .content_block > .date{
    font-size: 16px;
    line-height: 1.8em;
    font-weight: 500;
    color: #FF9659;
}
.news_block .content_block > .title{
    font-size: 20px;
    line-height: 1.8em;
    font-weight: 500;
}
.news_block .content_block > .content{
    font-size: 18px;
    line-height: 1.8em;
    font-weight: 400;
    margin-top: 40px;
    color: #EDEDED;
}
/*Store*/
.store_content_block .title{
    font-size: 40px;
    line-height: 1.6em;
    font-weight: 500;
    margin-bottom: 32px;
}
.store_content_block .content h5,
.store_content_block .content h6,
.store_content_block .content p,
.store_content_block .content a{
    color: #FFFFFF;
    margin-bottom: 20px;
    font-weight: 500;
}
.store_content_block .content h5{
    font-size: 24px;
    line-height: 1.6em;
}
.store_content_block .content h6{
    font-size: 20px;
    line-height: 1.8em;
}
.store_content_block .content p,
.store_content_block .content a{
    font-size: 18px;
    line-height: 1.8em;
}
.store_content_block .content h5 > i,
.store_content_block .content h6 > i,
.store_content_block .content p > i,
.store_content_block .content a > i{
    margin-right: 8px;
    padding: 0 4px;
    font-size: 24px;
}
.store_content_block .content hr{
    margin-top: 40px;
    margin-bottom: 40px;
}
/* Html Edit */
.html_edit *{
    color: #FFFFFF;
}
.html_edit p{
    font-size: 16px;
    line-height: 1.8em;
    font-weight: 400;
    color: #FFFFFF;
}
.html_edit a,
.html_edit a:link{
    color: #FF9659;
}
/* PC */
@media only screen and (min-width: 992px){
    /* modal */
    .modal-dialog {
        width: 900px;
    }
    /*header*/
    #mainnav > ul > li > a{
        color: #FFFFFF;
        line-height: 32px;
        padding: 30px;
        font-size: 18px;
        font-weight: 500;
    }
    #mainnav > ul > li:first-child > a{
        padding-left: 0;
    }
    .logo_pc{
        width: 240px;
        float: left;
        margin: 15px 0 15px 45px;
    }
    .menu{
        width: calc(100% - 285px);
        float: left;
        text-align: right;
        padding-right: 20px;
    }
    #mainnav ul.submenu{
        width: 132px;
        border-radius: 0 0 12px 12px;
    }
    #mainnav ul.right-sub-menu.end_submenu{
        left: auto;
    }
    #mainnav ul.submenu > li > a{
        font-size: 18px;
        padding: 16px 0;
        text-align: center;
        margin: 0 20px;
        border-bottom: 1px solid #636363;
        line-height: 32px;
    }
    #mainnav ul.submenu > li:last-child > a{
        border-bottom: none;
    }
    /* Tab */

    /* Memnu */
    .flat-tab-menu .flex_container{
        display: flex;
        flex-wrap: nowrap;
        gap: 120px;
        justify-content: space-between;
        flex-direction: row-reverse;
    }
    .flat-tab-menu .text_block{
        flex-grow: 1;
    }
    .flat-tab-menu .img_block {
        width: 50%;
        max-width: 468px;
    }
    /* News */
    .news_block{
        width: 870px;
        margin: 0 auto;
        display: table;
        padding-top: 20px;
    }
    .news_block .content_block{
        display: table-cell;
        width: 450px;
        vertical-align: middle;
    }
    .owl-theme .owl-controls .owl-nav div{
        width: 60px;
        height: 60px;
    }
    .owl-carousel-services.owl-theme .owl-controls .owl-nav div.owl-prev,
    .owl-carousel-services.owl-theme .owl-controls .owl-nav div.owl-next{
        top: calc(50% - 30px);
    }
    .owl-carousel-services.owl-theme .owl-controls .owl-nav div.owl-prev{
        left: -30px;
    }
    .owl-carousel-services.owl-theme .owl-controls .owl-nav div.owl-next{
        right: -30px;
    }
}
/* Smaller than standard 1200 */
@media only screen and (max-width: 1199px) {
    #mainnav > ul > li > a{
        padding: 30px 20px;
    }
}
/* Mobile */
@media only screen and (max-width: 991px){
    .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{
        padding-left: 24px;
        padding-right: 24px;
    }
    /*header*/
    .logo_pc{
        display: none;
    }
    #mainnav-mobi ul > li > a{
        font-size: 16px;
        padding: 0 24px;
        line-height: 1.8em;
    }
    #mainnav-mobi > ul > li{
        padding: 16px 0;
    }
    #mainnav-mobi > ul > li > ul > li, 
    #mainnav-mobi > ul > li > ul > li > ul > li{
        background: none;
        border: none;
    }
    #mainnav-mobi ul.submenu > li{
        padding: 10px 0;
    }
    #mainnav-mobi ul > .has-sub.active > a{
        display: inline-block;
        height: 44px;
    }
    /*footer*/
    .footer-content{
        padding: 6px 0px;
    }
        .title_block.zh_style .title{
        font-size: 24px;
    }
    /* common style */
    .title_block.en_style{
        padding: 0px 24px;
    }
    .title_block.en_style .title{
        font-size: 14px;
        line-height: 38px;
    }
    .title_block.en_style .title_line{
        width: 50px;
        margin-left: 4px;
        margin-bottom: 4px;
    }
    .home_title_block .title{
        font-size: 20px;
        line-height: 1.6em;
    }
    .home_title_block .desc{
        font-size: 14px;
        line-height: 1.8em;
    }
    .flat-tabs ul.menu-tab{
        margin-bottom: 40px;
    }
    /* Tab*/
    .flat-tabs ul.menu-tab li a{
        font-size: 20px;
    }
    /* btn */
    .up_btn{
        font-size: 16px;
    }
    .up_btn:after{
        width: 42px;
        height: 9px;
        background: url('/images/btn_vector_m.png') no-repeat center center;
        margin: 0 0 1px 8px;
    }
    /* booking btn */
    .booking_btn{
        width: 100px;
        height: 100px;
        right: 16px;
        bottom: 16px;
    }
    /* Memnu */
    .flat-tab-menu .flex_container{
        display: block;
    }
    .flat-tab-menu .title_section{
        margin-bottom: 20px;
    }
    .flat-tab-menu .content_section > p{
        font-size: 14px;
    }
    .flat-tab-menu .title_block.en_style{
        margin-bottom: 16px;
    }
    .flat-tab-menu .img_block {
        margin-top: 60px;
    }
    .flat-tab-menu .img_block img {
        width: 100%;
        height: auto;
    }
    /* News */
    .news_block{
        width: 320px;
        padding-top: 20px;
        display: block;
        margin: 0 auto;
    }
    .owl-theme .owl-controls .owl-nav div{
        width: 40px;
        height: 40px;
    }
    .owl-carousel-services.owl-theme .owl-controls .owl-nav div.owl-prev,
    .owl-carousel-services.owl-theme .owl-controls .owl-nav div.owl-next{
        top: 190px;
    }
    .news_block .content_block{
        margin-top: 28px;
    }
    .news_block .content_block > .title{
        font-size: 18px;
    }
    .news_block .content_block > .content{
        font-size: 16px;
        margin-top: 20px;
    }
    /*Store*/
    .store_content_block .title{
        font-size: 24px;
    }
    .store_content_block .content p, 
    .store_content_block .content a{
        font-size: 14px;
    }
}
@media only screen and (max-width: 767px){
    /*header*/
    .logo-mobi{
        width: 180px;
    }
    /*footer*/
    .footer-content{
        height: auto;
        padding: 23px 30px;
    }
    .footer_link,
    .footer_copyright{
        float: none;
        text-align: center;
    }
    .footer_copyright{
        margin-top: 10px;
    }
    /* Memnu */

}