@import url('https://fonts.googleapis.com/css2?family=Signika+Negative:wght@600&display=swap');
* {
    -webkit-tap-highlight-color: rgba(0,0,0,0) !important; /* make transparent link selection, adjust last value opacity 0 to 1.0 */
}

html,body {
    -webkit-touch-callout: none;                /* prevent callout to copy image, etc when tap to hold */
    -webkit-text-size-adjust: none;             /* prevent webkit from resizing text to fit */
    -webkit-user-select: none;                  /* prevent copy paste, to allow, change 'none' to 'text' */
}
html{
  touch-action: manipulation !important;
  -ms-touch-action: manipulation !important;
}
body{
  -webkit-overflow-scrolling: touch;  
  padding-top: constant(safe-area-inset-top);   /* 針對ios APP */
  padding-right: constant(safe-area-inset-right);  /* 針對ios APP */
  padding-bottom: constant(safe-area-inset-bottom); /* 針對ios APP */
  padding-left: constant(safe-area-inset-left); /* 針對ios APP */
}
.cover{background-size: cover}
.tp-bullet-inner{opacity: 0}
.table-bordered td,.table-bordered th{background-color: #fff;}
.bg-header th,.bg-header th:hover,.bg-header td,.bg-header td:hover{background-color: #102b48;color:#fff;}
th.border_bottom,td.border_bottom{border-bottom:5px double #9fbbdf !important;}
th.bg-blue-light{background-color: #edf3fb;color: #4076af;}
th.price_title{color: #26baf5;}
.table-hover tbody tr:hover {
    color: #e5007f;
    background-color: rgb(255 255 255 / 8%);
}
.header-appear .navbar-simple .navbar-nav .nav-link.active{color:#4f9dc8;font-weight: 600;}
.navbar-simple .navbar-nav .nav-link:hover{color:#26baf5;}
.header-appear .sidemenu_btn span{background-color:#797979;}
.rwd-table .bg-header th:last-child{width: 40%}
.scroll-top-arrow i{display: none}
.side-footer li a:hover i {color:#fff;}
.fb-page{display: block;text-align: center}
.testimonial-item iframe,.fb-page iframe{width: 100% !important;}
.hero1{
    position: absolute;
    left: 40px;
    width: 12%;
    bottom: 1%;
}
.hero2{
    position: absolute;
    right: 40px;
    top: 40%;
    width: 15%;
}
.hero4{
    position: absolute;
    left: -30%;
    top: 20%;
    width: 20%;
}
.tp-caption img {
    /* background-color: #e4017e; */
    padding: 10px !important;
    max-width: 40vw !important;
    height: auto !important;
}
.new1 .media{display: block}
.nav-tabs {
    border-bottom: 1px solid #eee;
}
html body .tabs .nav-tabs .nav-link,html.dark body .tabs .nav-tabs .nav-link,html body .tabs .nav-tabs .nav-link:hover,html.dark body .tabs .nav-tabs .nav-link:hover,html body .tabs .nav-tabs .nav-link.active,html.dark body .tabs .nav-tabs .nav-link.active {
    color: #666;
    background: #fefefe;
    border-bottom: none;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    border-top: 3px solid #eee;
}

html body .tabs .nav-tabs .nav-link:hover,html.dark body .tabs .nav-tabs .nav-link:hover,html body .tabs .nav-tabs .nav-link:focus,html.dark body .tabs .nav-tabs .nav-link:focus,html body .tabs .nav-tabs .nav-link.active,html.dark body .tabs .nav-tabs .nav-link.active,html body .tabs .nav-tabs.nav-justified .nav-link.active,html.dark body .tabs .nav-tabs.nav-justified .nav-link.active,html body .tabs .nav-tabs.nav-justified .nav-link:hover,html.dark body .tabs .nav-tabs.nav-justified .nav-link:hover,html body .tabs .nav-tabs.nav-justified .nav-link:focus,html.dark body .tabs .nav-tabs.nav-justified .nav-link:focus {
    border-top-color: #509dc8;
    background-color: #fff;
    color: #4076af;
    font-weight: 600;
    z-index: 2;
    position: relative;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #495057;
}
.tab-content{
    padding: 15px;
    background-color: #fff;
    border: 1px solid #eee;
    border-top: none;
    box-shadow: 0 0 25px rgb(0 100 155 / 20%);
}
.tab-content .news-content img,
.tab-content .tab-pane img{
    max-width: 100% !important;
    height: auto !important;
}
ol.cjk{list-style-type:cjk-ideographic;margin-top: 20px;text-align: left;}
ol.cjk > li{margin-top: 15px;}
ol.cjk li::marker{
    position: absolute;
    left: 0;
}
ol.cjk ul,ol.cjk ol{margin-left: 20px;}
.opacity_span{opacity:0;}
.rwd-table td small{display: block}
.h110{padding-bottom: 105%;}
.footer_company .logo-box{text-align: left; margin-bottom: 15px;}
.footer_company p{margin-bottom: 5px;color: #005394;text-align: left;}
.footer_company p a:hover{color:#26baf5;}
.border-right-dashed-1 {
    border-right: 1px dashed #00a0e9;
}
.index-2{
    position: relative;z-index: 2;
}
.navbar-simple.bg-white .navbar-nav .nav-link{color:#3a3a3a;filter:none;}
.col-lg-6 .new1 .media-body{
    min-height: 138px;
}
/* 20230522 */
.table.table-hover a {
    text-decoration: underline;
}
.sidemenu_btn{display: none;}
.float-box {
    position: fixed;
    top: 40%;
    right: 6px;
    display: block;
    text-decoration: none;
    transition: all 0.3s;
    z-index: 999;
}
.float-box .icon {
    display: block;
    width: 100px;
    height: 100px;
    background-image: url('../../football/img/btn.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.float-box .icon img {
    display: inline-block;
    width: 100%;
    max-width: 100%;
}

















:root{
    --font:'Signika Negative',-apple-system, "Helvetica Neue", Helvetica, "Nimbus Sans L", Arial, "Liberation Sans", "PingFang SC", "Hiragino Sans GB", "Source Han Sans CN", "Source Han Sans SC", "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif;
/*     --main:;
    --maindark:;
    --maindlight:;
    --second:;
    --seconddark:;
    --seconddlight:; */
}
::-webkit-scrollbar {
    -webkit-appearance: none;
}

::-webkit-scrollbar:vertical {
    width: 2px;
}

::-webkit-scrollbar:horizontal {
    height: 2px;
}

::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .5);
    border-radius: 10px;
    border: 2px solid transparent;
}

::-webkit-scrollbar-track {
    background-color: transparent; 
}

/*
| ----------------------------------------------------
| responsive
| ----------------------------------------------------
*/
@media (max-width: 1367px) {
   /*  #rev_slider_1_1_wrapper,#rev_slider_1_5{max-height: 525px; overflow-y: hidden;}
    .tp-bgimg.defaultimg {
        height: 100% !important;
        width: 100% !important;
        background-position: center !important;
   } */
}


/* 輪播圖會被裁切，改為 contain 讓整張圖完整顯示 */
#rev-slider .tp-bgimg.defaultimg,
#rev-slider .rev-slidebg {
    background-size: contain !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

@media (max-width: 1180px) {
  .header-appear .sidemenu_btn span{background-color: #797979}
  .table-bordered {
        border: 0;
    }

    .rwd-table th, table th,
    .rwd-table td, table td {
        display: block;
        text-align: left;
    }

    .rwd-table tr, table tr{
        margin-bottom: 1rem;
        display: block;
    }

    .rwd-table tr:first-child,
    table tr:first-child,
    .rwd-table .table-dn {
        display: none;
    }

    .rwd-table .day {
        background-color: #102b48;
        color: #fff;
    }

    .rwd-table th {
        color: #4076af;
        background-color: #edf3fb;
    }

    .rwd-table th:before {
        content: attr(data-th) " : ";
        color: #4076af;
        font-weight: bold;
        width: auto;
        display: inline-block;
    }
    th.border_bottom, td.border_bottom{border-bottom: none}

    .rwd-table th.day:before {
        content: none;
    }

    .rwd-table td:before {
        content: attr(data-th) " : ";
        color: #000;
        font-weight: bold;
        width: auto;
        display: inline-block;
    }
    .card{text-align: left}
    th.border_bottom, td.border_bottom{border-bottom: 1px solid #eee !important}
    .rwd-table .bg-header th:last-child{width: 100%}
    .opacity_span{opacity: 1}
    .rwd-table td small{display: inline-block;font-size: 100%;margin-right: 10px}
    .table td span{display: block;}
    .about-us .new1 .cover.h80{padding-bottom: 100%;background-image: url(../../football/img/news_cover.png) !important;background-position:center;}
    /* .tp-bgimg.defaultimg {
        height: 80% !important;
   } */

    /* 票價分頁內 CKEditor 表格不套用 .rwd-table 樣式（沒有 data-th），
       改為保留桌面版排版＋容器橫向捲動，避免 cell 變直條、表頭被隱藏 */
    .tab-content .news-content{
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        word-break: normal;
        overflow-wrap: normal;
    }
    .tab-content .news-content table{
        display: table !important;
        width: auto !important;
        min-width: 0 !important;
        margin-bottom: 1rem;
        table-layout: auto;
    }
    .tab-content .news-content table tr,
    .tab-content .news-content table tr:first-child{
        display: table-row !important;
        margin-bottom: 0 !important;
    }
    .tab-content .news-content table th,
    .tab-content .news-content table td{
        display: table-cell !important;
        text-align: center !important;
        vertical-align: middle !important;
        white-space: normal;
        word-break: normal !important;
        overflow-wrap: normal !important;
    }
    .tab-content .news-content table th:before,
    .tab-content .news-content table td:before{
        content: none !important;
    }
}
@media (max-width: 992px) {
  .about-us .new1 .cover.h80{padding-bottom: 100%;background-image: url(../../football/img/news_cover.png) !important;background-position:center;}
  .about-us .new1 .p-md-4{padding-left: 0!important}
  .tp-caption img{max-width: 50vw !important; padding: 5px !important;}
  .hero1{ left: -20px;width: 30%;bottom:-11vw;}
  .hero2{ right: -20vw;width: 40%;}
  .hero4{right: auto; left:0%;width: 20%; top: -10%;}
  .tp-kbimg-wrap {left: -50vw !important;}
  .sidemenu_btn{display: block;}
   #rev-slider{margin-top: 90px;}
}

@media (max-width: 769px) {
  .scroll-top-arrow, .scroll-top-arrow:focus{bottom:80px;}
  #myTab .nav-link{padding: .5rem;}
}


 /*iphone plus*/
@media (max-width: 430px) {
  .about-us .new1 .p-md-4{padding-left: 1.5rem!important}
  /* .logo{opacity: 0} */
  .tp-kbimg-wrap {display: none}
  .header-appear .logo{opacity: 1;text-align: center;}
  .border-right-dashed-1 { border-right: none;}
  .tp-caption img {
    max-width: 70vw !important;
    padding: 5px !important;
    /* background-color: #1f2545a6; */
    margin-top: 30px !important;
   }
   /* .tp-bgimg.defaultimg {
        height: 60% !important;
        margin-top: 90px;
   } */
   .sidemenu_btn span{
    background-color: #797979;
   }
   .nav-tabs {margin: 0 0px 0 1px; width: calc(100% - 2px); display: flex; flex-wrap: nowrap;}
   .nav-tabs .nav-item{flex: 1 1 0; width: auto; min-width: 0;}
   .nav-tabs .nav-link{padding: .5rem .25rem; font-size: 14px; white-space: nowrap; text-align: center;}
   .float-box{right: inherit;}
   .float-box .icon{width: 80px;height: 80px;}

}


/*iphone: 7px*/
@media (max-width: 400px) {}



/*iphone 5*/
@media (max-width: 321px) {}


/*iPhone XR*/
@media only screen 
    and (device-width : 414px) 
    and (device-height : 896px) 
    and (-webkit-device-pixel-ratio : 2) { 



}

/*iPhone XS*/
@media only screen 
    and (device-width : 375px) 
    and (device-height : 812px) 
    and (-webkit-device-pixel-ratio : 3) { 

}

/*iPhone XS Max*/
@media only screen 
    and (device-width : 414px) 
    and (device-height : 896px) 
    and (-webkit-device-pixel-ratio : 3) { 


}
/*橫拿*/
@media screen and  (orientation:landscape) {}
/*縱拿*/
@media screen and (orientation:portrait) {}
/*設備寬高比*/
@media screen and (device-aspect-ratio: 16/9) {}