#mtkContainer {
    text-align: left;
    font-family: "微軟正黑體", "Microsoft JhengHei", "Apple LiGothic Medium", Arial, Helvetica, sans-serif;
}

#mtkContainer * {
    transition: all 0.2s, font-size 0s;
}

.wrapper {
    width: 94%;
    margin: 0 auto;
}

img {
    width: 100%;
    border: 0;
    vertical-align: top;
}

a {
    text-decoration: none;
}


/*goTop*/
#goTop {
    display: none;
    position: fixed;
    z-index: 99;
    right: 10px;
    bottom: 10px;
    padding: 10px 10px 2px 10px;
    border-radius: 5em;
    font-size: 12px;
    line-height: 3em;
    text-align: center;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.5);
    text-decoration: none;
}

#goTop:hover {
    padding-top: 30px;
    background-color: rgba(0, 0, 0, 7);
}

#goTop::before {
    content: "";
    position: absolute;
    top: 7px;
    left: 18px;
    width: 0;
    height: 0;
    border: 4px solid #000;
    border-color: transparent transparent #fff;
}


@media screen and (min-width:980px) {}



/*all*/
.coupon , .taiwan , .contract , .sale{ padding: 50px 0; }
.space{height: 20px;}
.detail{text-align: center; font-weight: bold; font-size: 16px; letter-spacing: 0.05em;}
.detail.red{color: #e41f1f;}
@media screen and (min-width:1200px) {
    .coupon , .taiwan , .contract , .sale { padding: 30px 0; }
    .space{height: 30px;}
    .detail{font-size: 20px; }
}


/*header*/
.header{position: relative;}
.header h1 {
    background: url(../images/header.jpg?=0201) center top no-repeat;
    height: 45vw;
    background-size: 135%;
    text-indent: -9999px;
}


@media screen and (min-width:1200px) {
    .header h1 {
        height: 600px;
        background-size: auto;
    }
}

body{background: #ffc95e; }

.taiwan b{display: block;
    text-align: center;
    font-size: 22px;
    letter-spacing: 0.2em;}

@media screen and (min-width:768px) {
    .taiwan ul li > a{font-size: 30px;}
    .taiwan .tabs-nav{ font-size: 18px; }
}
@media screen and (max-width: 500px){
    .taiwan{padding: 15px 0;}
}


/*h2*/
.title{display: flex; justify-content: center;     flex-wrap: wrap;}
.title h2{    width: 100%; font-size: 50px; font-weight: bold; color: white; text-align: center; }
.title.green h2{color: #64bdc5;}
.title p{    text-align: center;     margin: 10px 0;}
.title p span{background: #96f7e8; border-radius: 5em; display: inline-block; width: 1.5em; height: 1.5em; padding-top: 0.2em; color: #256f63;    font-size: 27px;  font-weight: bold;}
.title.green p span{background:#64bdc5; color: white;}
.title p img{    display: block; width: auto;     margin: 5px;}

@media screen and (min-width:800px) {
    .title{     flex-wrap: nowrap; }
    .title h2{width: auto; font-size: 70px; margin-right: 10px; }
    .title p{    margin-top: 0px;}
    .title p span{ font-size: 30px; }

}

/*nav*/
.taiwan nav{padding: 1em 0;}
.taiwan ul{display: inline-flex; justify-content: center; width: 100%; text-align: center;}
.taiwan ul li{display:inline-block; width: 20%; margin:0 15px;}
.taiwan ul li > a{display: block; border-radius: 99em; font-size: 30px; color: #ffffff;  background:#d33c3c; padding: 15px 0;}
.taiwan ul li:hover a,
.taiwan ul li.on a{ background:#e46820; }

@media screen and (max-width: 768px){
    .taiwan nav{padding: 0;}
    .taiwan ul li{width: 30%; margin: 0 2%;}
    .taiwan ul li > a{font-size: 24px;}
}
@media screen and (max-width: 425px){
    .taiwan ul li > a{font-size: 20px;}
}


/*taiwan*/
.taiwan section.tabs-panel h6{ display: inline-block; font-size: 22px;color: #cd3834; text-align: center; border: 2px #cd3834 solid; padding:10px 15px; margin: 20px auto;}
.taiwan section.tabs-panel{text-align: center;}


/*contract*/
.contract{background: #ffffff;}
.contract ul{text-align: center;}
.contract ul li{display: inline-block; margin:5px;}
.contract ul li:hover{transform: scale(0.97); filter: brightness(1.1);}
.contract ul li a img{width: 80%;}

@media screen and (min-width:768px) {
    .contract ul li{margin:15px;}
    .contract ul li a img{width: auto;}
}




@media screen and (min-width:420px) {
    .saleWrap .box{width: 45%; margin: 0.8% 0.8% 50px;}
    .saleWrap .ticket .price b{
            display: block;
            writing-mode: inherit;
            margin-top: 0.3em;
    }
}

@media screen and (min-width:640px) {
    .saleWrap .ticket .price b{
            writing-mode: vertical-lr; display: inline; margin-top: 0;
    }
}

@media screen and (min-width:960px) {
    .saleWrap .date{    font-size: 27px;}
    .saleWrap .ticket a{font-size: 27px;}
    .saleWrap .ticket .detail span{display: inline;}
    .saleWrap .ticket .price{ font-size: 200%; }
    .saleWrap .ticket .cover p{font-size: 27px;}
    .sale hr{margin: 2% auto;}
}

@media screen and (min-width:1400px) {
    .saleWrap .box{width: 29%;}
}


section.tabs-panel{display: none;}
section.tabs-panel.on{display: block;}




.mobile-menu-level-1 img{width: auto;}

/*.taiwan ul li:nth-child(1) > a{ background: black; }*/