#mtkContainer,
#mtkContainer * {
    box-sizing: border-box;
}

#mtkContainer {
    position: relative;
}

:root {
    --type2-color: #425190;
    --type2-background-color: #425190;
    --type1-color: #ff622d;
    --type1-background-color: #ff622d;
    --item-max-width: 1150px;
}

header.header {
    position: relative;
    width: 100%;
    height: 600px;
    background: url(../images/header_pc-20251124.webp) top center no-repeat;
    overflow: hidden;
}

header.header h1 {
    position: absolute;
    top: 20%;
    left: 0;
    width: 100%;
}

header.header .logo {
    margin: 0 auto 20px auto;
    width: 200px;
}

header.header .logo img {
    width: 100%;
}

header.header h1 {
    vertical-align: baseline;
}

header.header h1 strong {
    display: block;
    font: bold 50px/1 "微軟正黑體";
    color: white;
    text-align: center;
    letter-spacing: 3px;
    text-shadow: 0 0 25px rgba(0, 0, 0, 0.9);
}

header.header h1 small {
    display: block;
    margin-bottom: 20px;
    font: 20px/1 "微軟正黑體";
    color: black;
    text-align: center;
    letter-spacing: 3px;
}

header.header h1 small span {
    padding: 5px 10px;
    display: inline-block;
    background: white;
    border-radius: 99em;
}


header.header .poiMenu{
    position: absolute;
    bottom: 22%;
    text-align: center;
    left: 0;
    width: 100%;
}

header.header .poiMenu a{  
    /* box-shadow: 0px 0px 20px #ff7ead; */
    border-radius: 20px;
    font: 20px/1.4 "微軟正黑體";
    color: #FFF;
    background: #ff5534;
    padding: 7px 15px;
    margin: 5px;
    display: inline-block;
}

@media only screen and (max-width: 1400px) {
 header.header .poiMenu  {bottom: 25%;} 
}

@media only screen and (max-width: 1200px) {
header.header .poiMenu  {bottom: 12%;}
header.header .poiMenu a {padding: 3px 15px;}
}


@media only screen and (max-width:800px) {
header.header .poiMenu  {bottom: 5%;}
header.header .poiMenu a {font: 16px/1.4 "微軟正黑體";}

}


@media only screen and (max-width:800px) {

}
@media only screen and (max-width: 1460px) {

}

.mOnly {
    display: none;
}

.mOnly img {
    width: 100%;
}




.ph {
    margin: 0 auto;
    width: 90%;
    max-width: 1400px;
}

.ph-menu {
    display: none;
}

.ph .ph-group {
    display: flex;
    flex-wrap: wrap;
}

.ph .ph-group-content {
    position: relative;
    display: inline-block;
    margin: 0 1% 3% 1%;
    width: 30%;
    flex-shrink: 0;
    flex-grow: 0;
}

.ph .ph-group-content img {
    width: 100%;
}

.ph .ph-group-content .ph-group-content-photo a {
    display: block;
}

.ph .ph-group-content-text {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 10px;
    width: 100%;
    background: rgba(0, 0, 0, 0.75);
}

.ph .ph-group-content-text-name {
    font: 18px/1.1 "微軟正黑體";
    color: white;
}

.ph .ph-group-content-text-price {
    display: block;
    width: 100%;
    text-align: right;
    font: 18px/1.1 "微軟正黑體";
    color: white;
}

.ph .ph-group-content-text-detail {
    display: none;
}



.poi .link-right {
    background: #fdaa2c;
    border-radius: 30px;
    font: 18px/1.8 "arial", "微軟正黑體";
    text-align: center;
    color: #FFF;
    margin: 15px auto 3% auto;
    width: 20%;
    min-width: 320px;
    padding: 7px 10px;
    display: block;
    float: none;
    border: none;
}
.poi .link-right:active,.poi .link-right:focus, .poi .link-right:hover{background: #ff802b;color: #FFF;} 
.poi .link-right i {display: none;}


.fastNewe,
.infor {
    margin: 20px auto;
    padding: 0 20px;
    max-width: 1400px;
}

.fastNewe h2,
.infor h2,
.ph-group-title {
    margin-bottom: 10px;
    font: bold 30px/1.8 "微軟正黑體";
    color: #4faeff;
    text-align: left;
}

.infor li {
    margin-bottom: 20px;
    margin-left: 20px;
    list-style-type: decimal;
    font: 16px/1.8 "微軟正黑體";
    color: #555
}

.infor li a {
    display: inline-block;
    padding: 0 10px;
    color: white;
    vertical-align: baseline;
    border-radius: 99em;
    background: #4faeff;
}

.fastNewe {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.fastNewe p,
.fastNewe li {
    font: 16px/1.8 "微軟正黑體";
    color: #555
}

.fastNewe p.des_tit,
.fastNewe p.ele_tit {
    font: bold 20px/1.8 "微軟正黑體";
    color: #4faeff;
}

.fastNewe li {
    margin-left: 20px;
    list-style: decimal;
}

.fastNewe h4 {
    margin: 0;
    font: bold 20px/1.8 "微軟正黑體";
    color: #fff;
    text-align: center;
    background: #4faeff;
}

.fastNewe .se_tit {
    font: bold 16px/2.4 "微軟正黑體";
    color: #4faeff;
    text-align: center;
    background: #dbeeff;
}

.fastNewe .rg-table {
    width: 100%;
}

.fastNewe tr:nth-child(even) {
    background: #f7fbff;
}

.fastNewe td {
    padding: 0;
    font: 16px/2.4 "微軟正黑體";
    color: #555;
    text-align: center;
    border: 1px solid rgba(0, 0, 0, 0.2);
    width: 16%;
}

.fastNewe .rg-container {
    margin-bottom: 100px;
}

.fastNewe td small {
    display: block;
    color: #e66620;
    font: 14px/2 "微軟正黑體";
    text-align: left;
    padding: 0 5px 0 5px;
}

/*活動BN*/

.bnBg {
    width: 70%;
    max-width: 1370px;
    margin: 0 auto;
}

.bnBox {
    text-align: center;
    display: block;
    position: relative;
    width: 100%;
    cursor: pointer;
}

.bnBox img.pc {
    width: 100%;
    max-width: 1370px;
}

.bnBox img.m {
    display: none;
}

@media only screen and (max-width:1400px) {

    header.header {

        /* height: 470px; */

    }
}


@media only screen and (max-width:1200px) {

}


@media only screen and (max-width:900px) {
    .bnBg {
        width: 90%;
    }

    .bnBox.slick-slide {
        margin: 0 20px;
    }


        
}

@media only screen and (max-width:768px) {
    .bnBg {
        width: 95%;

    }

    .bnBox img.pc {
        display: none;
    }

    .bnBox img.m {
        display: block;
        width: 100%;
    }

    .bnBg .slick-next,
    .bnBg .slick-prev {
        top: calc(50% - -1px);
    }
}

@media only screen and (max-width:980px) {

    header.header {
        height: 53vw;
        background-size: 185% !important;
    }

    header.header h1 {
        top: 10%;
    }

    .ph .ph-group-content {
        width: calc( 100%/2 - 10px );
        margin:1% auto;
    }

}

@media only screen and (max-width:550px) {



    header.header h1 small {
        font-size: 15px;
        letter-spacing: 1px;
    }

    header.header h1 strong {
        font-size: 35px;
        letter-spacing: 1px;
    }

    .ph .ph-group-content {
        width: 100%;
    }

    .fastNewe td {
        display: block;
        width: 100%;
        border: none;
        border-top: 1px solid rgba(0, 0, 0, 0.2);
        border-left: 1px solid rgba(0, 0, 0, 0.2);
        border-right: 1px solid rgba(0, 0, 0, 0.2);
    }


}


/*燈箱*/

.blackbg {
    position: fixed;
    top: 0%;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    display: none;
    z-index: 999;
}

.lightbox {
    position: fixed;
    top: 10%;
    width: 80%;
    max-height: 80%;
    z-index: 999;
    background: rgba(255, 255, 255, 1);
    padding: 2% 5%;
    text-align: left;
    display: block;
    left: 13%;
    max-width: 1400px;
    border-radius: 0px;
    overflow-y: auto;
}

.lightbox b {
    font: 18px/1.6 "arial", "微軟正黑體";
    margin: 5px auto;
    text-align: left;
    color: #383838;
    display: block;
}

.lightbox b span.green {
    color: #249118;
}

.lightbox b span.orange {
    color: #ff8d06;
}

.lightbox b span.yellowBG {
    background: #ffef64;
    color: #000;
    padding: 0 5px;
}

.lightbox b span {
    color: #fe6930;
    font-weight: bold;
}

.lightbox p {
    font: 20px/1.4 "arial", "微軟正黑體";
    margin: 0px auto 0px auto;
    text-align: left;
    color: #249118;
}

.lightbox p.gray {
    color: #505050;
    font-weight: bold;
}

.lightbox p.gray span {
    font-weight: normal;
    font: 16px/1.4 "arial", "微軟正黑體";
}

.lightbox small {
    font: bold 16px/1.6 "arial", "微軟正黑體";
    color: #fe6930;
    text-align: center;
    display: block;
}

.lightbox .title {
    font: bold 36px/1.4 "arial", "微軟正黑體";
    color: #000;
    margin: 0 auto;
    text-align: left;
    padding: 0px 0px 0 0px;
    position: relative;
}

/* .lightbox .title:before{content: "";background: url(../images/notice.svg) top center;width: 40px;height: 40px;position: absolute;top: 0;left: 0;}*/
.lightbox ul {
    margin-left: 20px;
}

.lightbox ul li {
    font: 18px/1.8 "arial", "微軟正黑體";
    color: #383838;
    margin: 0 auto;
    text-align: left;
    list-style-type: Decimal;
}

.lightbox ul li span {
    color: #fe6930;
}

.lightbox a {
    color: #FFF;
    text-decoration: underline;
}

.lightbox ul li a {
    color: #276bda;
    text-decoration: underline;
}

.closeBtn {
    position: fixed;
    right: 16%;
    top: 12%;
    z-index: 1000;
}

.closeBtn svg g .st0 {
    fill: #096a98;
}

.closeBtn svg {
    width: 40px;
    height: 40px;
    opacity: 1;
    transition: .3s;
    cursor: pointer;
}

.closeBtn svg:hover g .st0 {
    fill: #e04141;
}

.lightBoxBtn {
    background: #fdaa2c;
    border-radius: 30px;
    font: 18px/1.8 "arial", "微軟正黑體";
    padding: 5px 20px;
    text-align: center;
    color: #FFF;
    margin: 15px;
    width: 20%;
    display: inline-block;
    cursor: pointer;
}

.lightBoxBtn:hover {
    color: #FFF;
}

a.lightBoxBtn:visited {
    color: #FFF;
}

.lightBoxBtnBase {
    text-align: center;
}


.lightbox .lightboxImg {
    width: 100%;
    margin: 10px auto;
}

.lightbox .lightboxImg.pc {
    display: block;
}

.lightbox .lightboxImg.m {
    display: none;
}

@media only screen and (max-width: 680px) {
    .lightbox .lightboxImg.pc {
        display: none;
    }

    .lightbox .lightboxImg.m {
        display: block;
    }
}




/*活動表格*/
.lightbox table.bike {
    text-align: center;
    width: 100%;
    border: 1px #b2d2d3 solid;
}

.lightbox table.bike tr td {
    padding: 10px;
    border: 1px #b2d2d3 solid;
}

.lightbox table.bike tr:nth-of-type(1) {
    background: #36bec0;
    color: #FFF;
    font: bold 24px/1.8 "arial", "微軟正黑體";
    padding: 20px;
    text-align: center;
}

.lightbox table.bike tr:nth-of-type(1) p {
    color: #000;
    font: 16px/1.6 "arial", "微軟正黑體";
    text-align: center;
}

/* .lightbox table.bike tr:nth-of-type(2) {background: #d9f4f5;color:#000;font:bold 16px/1.6 "arial","微軟正黑體";}*/
.lightbox table.bike tr td.routeNoTitle {
    width: 40%;
}

.lightbox table.bike tr td.routeTitle {
    width: 60%;
}

.lightbox table.bike tr td.routeNo b {
    color: #139244;
    font: bold 18px/1.6 "arial", "微軟正黑體";
}

.lightbox table.bike tr td.veteran {
    width: 30%;
}

.lightbox table.bike tr td.smallTitle {
    background: #d9f4f5;
    color: #000;
    font: bold 16px/1.6 "arial", "微軟正黑體";
    letter-spacing: 2px;
}

.lightbox table.bike tr td.superTitle {
    background: #d9f4f5;
    font: bold 24px/1.6 "arial", "微軟正黑體";
    color: #000;
}

.lightbox table.bike tr td.superTitle b {
    background: #d9f4f5;
    font: bold 20px/1.5 "arial", "微軟正黑體";
    color: #f94150;
    margin: 0px auto;
}

.lightbox table.bike tr td.superTitle p {
    font: 16px/1.4 "arial", "微軟正黑體";
    margin: 0px auto 0px auto;
    text-align: center;
}

.lightbox table.bike tr td span.blue {
    color: #3f7dc3;
    font-weight: bold;
}

.lightbox table.bike tr td.width30 {
    width: 30%;
}

.lightbox table.bike tr td.width20 {
    width: 20%;
}

.lightbox table.bike tr td ul li {
    font: 14px/1.4 "arial", "微軟正黑體";
}

.lightbox table.bike tr td ul {
    margin: 0 0 0 20px;
}

.lightbox table.bike tr td span {
    color: #fe6930;
    font: 16px/1.3 "arial", "微軟正黑體";
    padding: 0 5px;
}

#lightbox08 table tr td ul li {
    list-style-type: none;
}

#lightbox01 .lightbox {
    padding: 0% 5% 2% 5%;
    display: block;
}

#lightbox01 .lightbox .title {
    margin-top: 5%;
}

#lightbox01 .lightbox .tourText p>a {
    color: #004ea2;
    transition: 0.3s;
}

#lightbox11 .lightbox,
#lightbox12 .lightbox {
    padding: 0% 5% 2% 5%;
    display: block;
}

#lightbox11 .lightbox .title,
#lightbox12 .lightbox .title {
    margin-top: 5%;
}

#lightbox15 .lightbox table.tour {
    width: 100%;
    margin: 0 auto;
    text-align: left;
    max-width: 1000px;
}

.tourBase .tourBtn {
    background: #01aef2;
    margin: 0 auto;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    font-size: 16px;
    top: 0%;
    width: 100%;
    left: 0%;
    position: sticky;
    height: auto;
}

.tourBase .tourBtn a {
    background: #FFF;
    color: #01aef2;
    border-radius: 20px;
    margin: 10px 5px;
    padding: 5px 10px;
    font-weight: bold;
    transition: 0.3s;
}

.tourBase .tourBtn a:hover {
    background: #feffbb;
}

.tourPic {
    display: inline-flex;
    text-align: center;
    margin: 10px auto;
    flex-wrap: wrap;
}

.tourPic img {
    width: 24%;
    margin: 5px;
    flex-grow: 1;
}

.tourBase small {
    margin: 10px auto 5px auto;
}

.tourText {
    display: block;
    padding: 5% 0 0 0;
    text-align: center;
}

.tourText b {
    color: #139244;
    font: bold 18px/1.6 "arial", "微軟正黑體";
    text-align: center;
}

.tourText p {
    color: #505050;
    font: 16px/1.6 "arial", "微軟正黑體";
    text-align: center;
}

.tourText h6 {
    color: #139244;
    font: 14px/1.6 "arial", "微軟正黑體";
    text-align: center;
    margin: 0 auto;
}

.tourText p span.yellowBG {
    background: #fff59d;
    padding: 3px 5px;
}

.lightbox table.tour {
    text-align: center;
    width: 100%;
    border: 1px #b2d2d3 solid;
    width: 100%;
}

.lightbox table.tour tr td {
    padding: 10px;
    border: 1px #b2d2d3 solid;
    font-size: 16px;
}

.lightbox table.tour tr:nth-of-type(1) {
    background: #d9f4f5;
    color: #000;
    font: bold 16px/1.6 "arial", "微軟正黑體";
}

/*.lightbox table.tour tr:nth-of-type(2) {background: #FFF;color:#000;font:16px/1.4 "arial","微軟正黑體";}*/
.lightbox table.tour tr:nth-of-type(even) {
    background: #f6f6f6;
}

.tourText p span.orangeColor {
    color: #d33f2f;
    font-weight: bold;
}

.tourText h3 {
    border-bottom: 2px solid #fe6930;
    color: #fe6930;
    font: bold 24px/1.6 "arial", "微軟正黑體";
}

.mazuHotelBase {
    width: 100%;
    margin: 0 auto;
}

.mazuHotelBase h4 {
    font: bold 24px/1.2 "arial", "微軟正黑體";
    background: #36bec0;
    color: #FFF;
    text-align: center;
    margin: 10px auto 5px auto;
    padding: 5px 0;
}

.mazuHoteGoods {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
}

.mazuHotel {
    width: 30%;
    margin: 15px;
    flex-grow: 1;
    border: 1px solid #919191;
}

.mazuHotel img {
    width: 100%;
}

.mazuHotel .mazuHotelText {
    margin-top: 10px;
    text-align: left;
    padding: 15px;
}

.mazuHotel .mazuHotelText small {
    background: #36bec0;
    font: bold 14px/1.2 "微軟正黑體";
    color: #FFF;
    padding: 5px 10px;
}

.mazuHoteGoods.bold .mazuHotel .mazuHotelText b {
    font-weight: bold;
}

.mazuHotel .mazuHotelText b {
    font: 20px/1.6 "微軟正黑體";
    color: #555;
}

.mazuHotel .mazuHotelText p {
    font: bold 14px/1.6 "微軟正黑體";
    color: #139244;
}

.mazuHotel .mazuHotelText .mazuHotelPrice {
    color: #fd5a2c;
    font: 16px/2.4 "微軟正黑體";
    text-align: right;
}

.mazuHotel .mazuHotelText .mazuHotelPrice span {
    font: bold 24px/1.4 "微軟正黑體";
    margin: 0 5px;
}



/*lightbox16*/
.tabBase .tabBtn {
    text-align: center;
    margin-bottom: -10px;
    position: relative;
}

.tabBase .tabBtn a {
    background: #22ab73;
    font: bold 22px/1.4 "arial", "微軟正黑體";
    color: #FFF;
    padding: 10px;
    text-align: center;
    border: #000 2px solid;
    display: inline-block;
    min-width: 150px;
}

.tabBase .tabBtn a:hover,
.tabBase .tabBtn a.on {
    background: #FFF;
    color: #000;
}

.tabBase {
    margin: 0px auto;
}

.tabGoodsBase {
    border: #000 2px solid;
}

.tabGoods {
    display: none;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0px;
    width: 100%;
}

.tabGoods.on {
    display: inline-flex;
}

.tabHotel {
    width: 30%;
    margin: 10px;
    padding: 0px 0 40px 0;
    position: relative;
}

.tabHotel img {
    width: 100%;
}

.tabHotel .tabHotelText {
    margin-top: 10px;
    text-align: left;
    padding: 5px;
}

.tabHotel .tabHotelText small {
    background: #36bec0;
    font: bold 14px/1.2 "微軟正黑體";
    color: #FFF;
    padding: 5px 10px;
}

.tabHotel .tabHotelText b {
    font: 600 20px/1.6 'Noto Sans TC', sans-serif;
    color: #22ab73;
}

.tabHotel .tabHotelText p {
    font: 16px/1.6 "微軟正黑體";
    color: #000;
}

.tabHotel .tabHotelText .tabHotelPrice {
    color: #fd5a2c;
    font: 16px/2.4 "微軟正黑體";
    position: absolute;
    bottom: 5px;
    right: 0;
}

.tabHotel .tabHotelText .tabHotelPrice span {
    font: 700 24px/1.4 'Noto Sans TC', sans-serif;
    margin: 0 5px;
}

.tabGoods table.tour td span {
    font: 700 18px/1 'Noto Sans TC', sans-serif;
    color: #fd5a2c;
    margin: 0 5px;
}

#lightbox16 .orange {
    font: 700 30px/1 'Noto Sans TC', sans-serif;
    text-align: center;
    display: block;
    margin: 20px auto;
    color: #fd5a2c;
}


.line {
    height: 30px;
}

@media only screen and (max-width: 1000px) {
    .tabBase .tabBtn {
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
    }

    .tabBase .tabBtn a {
        margin: 0 3px;
        font: bold 16px/1.4 "arial", "微軟正黑體";
        padding: 5px 3px;
        min-width: 0px;
    }

    .tabHotel {
        width: 45%;
    }
}

@media only screen and (max-width: 680px) {
    .tabHotel {
        width: 85%;
    }

    .tabHotel .tabHotelText .tabHotelPrice span {
        font: 700 22px/1.4 'Noto Sans TC', sans-serif;
    }

    #lightbox16 .orange {
        font: 700 24px/1 'Noto Sans TC', sans-serif;
    }
}





/*lightbox18*/
.specialPart {
    background: #ffdb60;
    text-align: center;
    padding: 20px;
}

.specialTitle {
    font: 700 30px/1.4 'Noto Sans TC';
    color: #000;
    margin: 5px auto;
    text-align: center;
}

.specialBox img {
    display: inline-block;
    width: 30%;
    max-width: 500px;
}

.specialPart b span {
    color: red;
}

@media only screen and (max-width: 1200px) {
    .specialBox img {
        width: 45%;
    }
}


@media only screen and (max-width: 800px) {
    .specialBox img {
        width: 100%;
    }
}


/*活動表格*/


@media only screen and (max-width: 1800px) {
    .closeBtn {
        right: 9%;
    }
}

@media only screen and (max-width: 1600px) {
    .lightbox {
        width: 80%;
        left: 15%;
    }

    .lightbox .title {
        padding: 0px 0px 0 1%;
    }

}

@media only screen and (max-width: 1460px) {
    .lightbox {
        left: 10%;
    }

    .lightbox .title {
        font: bold 24px/1.6 "arial", "微軟正黑體";
    }

    .tourPic img {
        width: 48%;
    }

    .closeBtn {
        right: 12%;
    }

}

@media only screen and (max-width: 1330px) {
    .lightbox .title {
        padding: 0px 0px 0 30px;
        margin: 10px auto;
    }

    .lightbox .title:before {
        left: -10px;
    }

    .mazuHotel {
        width: 45%;
        flex-grow: 0;
    }

}

@media only screen and (max-width: 1030px) {
    .tourBase .tourBtn a {
        font-size: 14px;
        padding: 5px 3px;
        margin: 10px 2px;
    }

}

@media only screen and (max-width: 1000px) {
    .lightBoxBtn {
        width: 180px;
    }

}

@media only screen and (max-width: 900px) {
    .mazuHotel {
        width: 42%;
    }

    .mazuHotel .mazuHotelText b {
        font: bold 18px/1.6 "微軟正黑體";
    }

    .mazuHotel .mazuHotelText .mazuHotelPrice span {
        font: bold 20px/1.8 "微軟正黑體";
    }





}

@media only screen and (max-width: 800px) {
    .tourBase .tourBtn {
        overflow-x: scroll;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
        overflow-scrolling: touch;
        flex-wrap: nowrap;
        justify-content: left;
    }

}


@media only screen and (max-width: 768px) {
    .lightbox .title {
        font: bold 20px/1.6 "arial", "微軟正黑體";
    }

    .closeBtn svg {
        width: 30px;
        height: 30px;
    }

    .closeBtn {
        right: 3px;
        top: 3px;
        z-index: 1000;
    }

    .closeBtn svg g .st0 {
        fill: #FFF;
    }

    .lightbox {
        top: 15%;
    }

    .lightbox b,
    .lightbox p,
    .lightbox ul li {
        font: 18px/1.8 "arial", "微軟正黑體";
    }

    .lightbox table.bike tr:nth-of-type(1) p {
        font: 14px/1.6 "arial", "微軟正黑體";
    }

    .lightbox table.bike tr:nth-of-type(1) {
        font: bold 20px/1.4 "arial", "微軟正黑體";
    }

    .lightbox table.bike tr td.superTitle {
        font: bold 20px/1.4 "arial", "微軟正黑體";
    }

    .lightbox table.bike tr td.superTitle b {
        font: bold 18px/1.4 "arial", "微軟正黑體";
    }

    .lightbox table.bike tr td.superTitle p {
        font: 14px/1.4 "arial", "微軟正黑體";
    }

    .lightbox table.tour {
        width: 100%;
    }

    .lightbox table.rwdTable tr td {
        display: block;
        padding: 0;
        border: 0;
    }

    .lightbox table.rwdTable tr td:before {
        content: attr(data-name);
        display: inline-block;
        background: #d9f4f5;
        width: 100%;
        padding: 0;
        font: bold 18px/1.8 "微軟正黑體";
    }

    .lightbox table.rwdTable tr:nth-of-type(odd) td:before {
        background: #ffd5b2;
    }

    .lightbox table.rwdTable tr:nth-of-type(even) {
        background: #FFF;
    }

    .lightbox table.rwdTable tr {
        margin: 20px auto;
        display: block;
        border: 1px solid #30aaaf;
        padding: 5 0px;
    }

    .lightbox table.rwdTable tr:nth-of-type(odd) {
        border: 1px solid #e0a368;
    }

    .lightbox table.rwdTable .rwdTable-Title {
        display: none;
    }

    .lightbox table.rwdTable {
        border: 0;
    }

    .tourText p {
        font: 14px/1.6 "arial", "微軟正黑體";
    }

    .tourBase .tourBtn a {
        margin: 3px 5px;
        padding: 5px;
        font-size: 14px;
    }

    .tourBase {
        position: relative;
    }

    .tourPic img {
        width: 45%;
        margin: 5px;
    }

    .tourText {
        padding: 80px 0 2% 0;
    }

    #lightbox01 .lightbox b,
    #lightbox01 .lightbox p,
    #lightbox01 .lightbox ul li,
    #lightbox01 .lightbox small {
        font: 14px/1.8 "arial", "微軟正黑體";
    }

    #lightbox01 .lightbox .tourText b {
        font: bold 16px/1.8 "arial", "微軟正黑體";
    }

    #lightbox01 .lightbox table.tour tr:nth-of-type(1) {
        font: bold 16px/1.4 "arial", "微軟正黑體";
    }

    .tourText h3 {
        font: bold 20px/1.4 "arial", "微軟正黑體";
    }

    .mazuHotel {
        width: 100%;
        margin: 5px;
    }


}

@media only screen and (max-width: 500px) {
    .lightbox {
        top: 8%;
    }

    .bnBg .slick-next:before,
    .bnBg .slick-prev:before {
        font-size: 20px;
        line-height: 20px;
        width: 30px;
        height: 30px;
    }

    .lightBoxBtn {
        font: 16px/1.8 "arial", "微軟正黑體";
        margin: 5px auto;
        width: 90%;
    }

    .tourBase .tourBtn {
        padding: 0 1px;
        justify-content: space-between;
    }

    .tourBase .tourBtn a {
        margin: 3px 5px;
        padding: 5px 8px;
    }

    .lightbox .title {
        width: 90%;
    }

    .tourText {
        padding: 30px 0 2% 0;
    }

    #lightbox01 .lightbox .title {
        padding: 0;
    }

    .lightbox .title.nopadding {
        padding: 0;
    }

    .mazuHotel .mazuHotelText .mazuHotelPrice.smallPrice {
        font: 14px/3 "微軟正黑體";
    }

    .mazuHotel .mazuHotelText .mazuHotelPrice.smallPrice span {
        font: bold 18px/2 "微軟正黑體";
    }
}



.goBtn {
    background: #fdaa2c;
    border-radius: 30px;
    font: 18px/1.8 "arial", "微軟正黑體";
    text-align: center;
    color: #FFF;
    margin: 15px auto 3% auto;
    width: 20%;
    min-width: 320px;
    padding: 7px 10px;

}