@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%);
}
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;
   } */
}


@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;
   } */
}
@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);}
   .nav-tabs .nav-item{width: 50%;}
   .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) {}