* {
    box-sizing: border-box;
}

.fix {
    letter-spacing: -0.31em;
    /* Webkit: collapse white-space between units */
    *letter-spacing: normal;
    /* reset IE < 8 */
    *word-spacing: -0.43em;
    /* IE < 8: collapse white-space between units */
    text-rendering: optimizespeed;
    /* Webkit: fixes text-rendering: optimizeLegibility */
}

/*Label*/
.areaLabel {
    position: fixed;
    top: 45%;
    right: 1%;
    z-index: 10;
}

.areaLabel img {
    width: auto;
}





header.header {
    position: relative;
    height: 920px;
    background: url(../images/bgHeaderPc.jpg)top center no-repeat;
}

h3.h3date {
    font: bold 34px/1.6 "微軟正黑體";
    color: #0858ff;
    margin: -18% auto 14% auto;
    text-align: center;
}





.onlyM {
    display: none;
}

/*about開始*/
.areaAbout {
    background: url(../images/aboutBg.jpg)top center repeat-y;
}

.about {
    margin: 0 auto;
    padding: 3% 0 26% 0;
    max-width: 800px;
    width: 100%;
    text-align: center;
}

.aboutimg {
    width: 50%;
    display: inline-block;
    max-width: 500px;
}

.aboutText {
    width: 49%;
    display: inline-block;
    text-align: left;
    padding: 1%;
}

.aboutText>h2 {
    padding: 15px;
    font-size: 40px;
    font-weight: bold;
}

.aboutText>p {
    padding: 5px;
    font: 17px/1.5em "微軟正黑體";
    font-weight: bold;
}

/*about結束*/
/*曼谷開始*/
#areaBangkokBg {
    margin-top: -31%;
}

#areaBangkokBg>img {
    width: 100%;
}

.areaBangkok {
    margin-top: -7%;
    background: url(../images/bangkokBg2.png)top center no-repeat, #c8eefc;
}

.titleBangkok {
    height: auto;
    text-align: center;
    width: 70%;
    margin: 5% auto;
}

.titleBangkok>img {
    margin-top: -38%;
    width: 95%;
}

.bangkokContent1 {
    margin: -14% auto 0 auto;
    max-width: 1200px;
    width: 100%;
    text-align: center;
}

.bangkokImg1 {
    margin: 3% 0 0 -5%;
    width: 51%;
    display: inline-block;
    max-width: 650px;
}

.bangkokText1 {
    width: 33%;
    margin: 12% 0 8% 0;
    display: inline-block;
    text-align: left;
    padding: 1%;
}

.bangkokText1 h2 {
    font-size: 35px;
    font-weight: bold;
}

.bangkokText1 strong {
    font-size: 35px;
}

.bangkokText1>p {
    padding: 5px;
    font: 17px/1.5em "微軟正黑體";
    font-weight: bold;
}

.bangkokContent2 {
    margin: -3% auto 0 auto;
    max-width: 1200px;
    width: 100%;
    text-align: center;
}

.bangkokImg2 {
    margin: -3% 0 0 41%;
    width: 51%;
    display: inline-block;
    max-width: 650px;
}

.bangkokText2 {
    width: 33%;
    display: inline-block;
    text-align: left;
    padding: 1%;
    margin: -38% 44% 0 0;
}

.bangkokText2 h2 {
    font-size: 35px;
    font-weight: bold;
}

.bangkokText2 strong {
    font-size: 35px;
}

.bangkokText2>p {
    padding: 5px;
    font: 17px/1.5em "微軟正黑體";
    font-weight: bold;
}

.bangkokContent3 {
    margin: -9% auto 0 auto;
    max-width: 1200px;
    width: 100%;
    text-align: center;
}

.bangkokImg3 {
    margin: 3% 0 0 -5%;
    width: 51%;
    display: inline-block;
    max-width: 650px;
}

.bangkokText3 {
    width: 33%;
    margin: 15% 0 8% 0;
    display: inline-block;
    text-align: left;
    padding: 1%;
}

.bangkokText3 h2 {
    font-size: 35px;
    font-weight: bold;
}

.bangkokText3 strong {
    font-size: 35px;
}

.bangkokText3>p {
    padding: 5px;
    font: 17px/1.5em "微軟正黑體";
    font-weight: bold;
}

.bangkokContent4 {
    margin: 0% auto 0 auto;
    max-width: 1200px;
    width: 100%;
    text-align: center;
}

.bangkokImg4 {
    margin: -3% 0 0 41%;
    width: 51%;
    display: inline-block;
    max-width: 650px;
}

.bangkokText4 {
    width: 33%;
    display: inline-block;
    text-align: left;
    padding: 1%;
    margin: -38% 44% 0 0;
}

.bangkokText4 h2 {
    font-size: 35px;
    font-weight: bold;
}

.bangkokText4 strong {
    font-size: 35px;
}

.bangkokText4>p {
    padding: 5px;
    font: 17px/1.5em "微軟正黑體";
    font-weight: bold;
}

.bt {
    margin: -1% auto 3% auto;
    max-width: 1200px;
    width: 100%;
    text-align: center;
}

.chiangMaibtGroup {
    margin-top: 3%;
    width: 45%;
    display: inline-block;
    max-width: 400px;
}

.btGroup {
    margin-top: 3%;
    width: 45%;
    display: inline-block;
    max-width: 400px;
}

.btFree {
    margin-top: 3%;
    width: 45%;
    display: inline-block;
    max-width: 400px;
}

.chiangMaibtGroup img {
    width: 90%;
}

.btGroup img {
    width: 90%;
}

.btFree img {
    width: 90%;
}


/*C26開始*/
.bangkokC26 {
    padding: 0% 0 26% 0;
    margin: 0 auto 6% auto;
    text-align: center;
    max-width: 1400px;
    width: 90%;
}

.group-type-ph {
    letter-spacing: -0.31em;
    /* Webkit: collapse white-space between units */
    *letter-spacing: normal;
    /* reset IE < 8 */
    *word-spacing: -0.43em;
    /* IE < 8: collapse white-space between units */
    text-rendering: optimizespeed;
    /* Webkit: fixes text-rendering: optimizeLegibility */
}

.group-type-ph {
    display: inline-block;
    margin: 0 auto;
    max-width: 1200px;
    width: 100%;
}

.ph-title {
    padding: 3%;
    font: 22px/1em "微軟正黑體";
    font-weight: bold;
    color: #000;
    text-align: center;
}

.ph-detail {
    padding: 10px;
    color: #808080;
    font: 16px/1.4em "微軟正黑體";
}

.ph-detail li {
    text-align: left;
    list-style: disc;
}

.ph-feature {
    padding: 10px;
    color: #000;
    font: 16px/1.4em "微軟正黑體";
}

.price {
    padding: 2% 12%;
    font-size: 30px;
    color: #ff0000;
    border-radius: 2em;
    background: #fff000;
}

.price span {
    font-size: 38px;
    vertical-align: -3px;
}

.price i {
    font-size: 23px;
    vertical-align: baseline;
}


#bangkokGroup {
    display: block;
    margin: 0 auto;
    background: #7aaaf9;
    border-radius: 1em;
    opacity: 0.9;
}

#bangkokFree {
    display: none;
    background: #94cc99;
    border-radius: 1em;
    opacity: 0.9;
}


#chiangMaiGroup {
    display: none;
    background: #7aaaf9;
    border-radius: 1em;
    opacity: 0.9;
}

#chiangMaiFree {
    display: block;
    background: #94cc99;
    border-radius: 1em;
    opacity: 0.9;
}

#pattayaGroup {
    display: none;
    background: #7aaaf9;
    border-radius: 1em;
    opacity: 0.9;
}

#pattayaFree {
    display: block;
    background: #94cc99;
    border-radius: 1em;
    opacity: 0.9;
}

/*C26結束、曼谷結束*/
/*清邁開始*/
#areaChiangMaiBg {
    margin-top: -25%;
}

#areaChiangMaiBg>img {
    width: 100%;
}

.areaChiangMai {
    margin-top: -7%;
    background: url(../images/chiangMaiBg2.png)top center no-repeat, #72d1fc;
}

.titleChiangMai {
    height: auto;
    text-align: center;
    width: 70%;
    margin: 5% auto;
}

.titleChiangMai>img {
    margin-top: -38%;
    width: 89%;
}

.chiangMaiContent1 {
    margin: -16% auto 0 auto;
    max-width: 1200px;
    width: 100%;
    text-align: center;
}

.chiangMaiImg1 {
    margin: 3% 0 0 -5%;
    width: 51%;
    display: inline-block;
    max-width: 650px;
}

.chiangMaiText1 {
    width: 33%;
    margin: 12% 0 8% 0;
    display: inline-block;
    text-align: left;
    padding: 1%;
}

.chiangMaiText1 h2 {
    font-size: 35px;
}

.chiangMaiText1 strong {
    font-size: 35px;
}

.chiangMaiText1>p {
    padding: 5px;
    font: 17px/1.4em "微軟正黑體";
    font-weight: bold;
}

.chiangMaiContent2 {
    margin: -3% auto 0 auto;
    max-width: 1200px;
    width: 100%;
    text-align: center;
}

.chiangMaiImg2 {
    margin: -3% 0 0 41%;
    width: 51%;
    display: inline-block;
    max-width: 650px;
}

.chiangMaiText2 {
    width: 33%;
    display: inline-block;
    text-align: left;
    padding: 1%;
    margin: -38% 44% 0 0;
}

.chiangMaiText2 strong {
    font-size: 35px;
}

.chiangMaiText2>p {
    padding: 5px;
    font: 17px/1.5em "微軟正黑體";
    font-weight: bold;
}

.chiangMaiC26 {
    padding: 0% 0 26% 0;
    margin: 0 auto;
    text-align: center;
    max-width: 1400px;
    width: 90%;
}

/*清邁結束*/
/*芭達雅開始*/
#areaPattaya {
    margin-top: -25%;
}

#areaPattaya>img {
    width: 100%;
}

.areaPattaya {
    margin-top: -7%;
    background: url(../images/pattayaBg2.png)top center no-repeat, #c7eefc;
}

.titlePattaya {
    height: auto;
    text-align: center;
    width: 70%;
    margin: 5% auto;
}

.titlePattaya>img {
    margin-top: -40%;
    width: 95%;
}

.pattayaContent1 {
    margin: -16% auto 0 auto;
    max-width: 1200px;
    width: 100%;
    text-align: center;
}

.pattayaImg1 {
    margin: 3% 0 0 -5%;
    width: 51%;
    display: inline-block;
    max-width: 650px;
}

.pattayaText1 {
    width: 45%;
    margin: 1% 0 8% 0;
    display: inline-block;
    text-align: left;
    padding: 1%;
}

.pattayaText1 strong {
    font-size: 35px;
}

.pattayaText1>p {
    padding: 5px;
    font: 17px/1.4em "微軟正黑體";
    font-weight: bold;
}

.pattayaC26 {
    padding: 0% 0 26% 0;
    margin: 0 auto;
    text-align: center;
    max-width: 1400px;
    width: 90%;
}

/*芭達雅結束*/
/*潑水節禁忌開始*/
.areaTabooBg {
    margin-top: -28%;
}

.areaTabooBg>img {
    width: 100%;
}

.areaTaboo {
    margin-top: -6%;
    background: url(../images/tabooBg2.png)top center no-repeat, #72d1fc;
}

.titleTaboo {
    height: auto;
    text-align: center;
    width: 70%;
    margin: 5% auto;
}

.titleTaboo>img {
    margin-top: -26%;
    width: 95%;
}

.tabooContent1 {
    margin: -11% auto 0 auto;
    max-width: 1200px;
    width: 100%;
    text-align: center;
}

.tabooImg1 {
    width: 16%;
    display: inline-block;
    max-width: 500px;
}

.tabooText1 {
    width: 25%;
    margin: -1% 0 8% -5%;
    display: inline-block;
    text-align: left;
    padding: 1%;
}

.tabooText1>h3 {
    opacity: 0.2;
    margin: 0 0 -13% 0;
    font-size: 85px;
    color: #fff;
}

.tabooText1>strong {
    font-size: 25px;
    color: #fff;
}

.tabooText1>p {
    padding: 5px;
    font: 17px/1.4em "微軟正黑體";
    color: #fff;
}

.tabooContent2 {
    margin: -3% auto 0 auto;
    max-width: 1200px;
    width: 100%;
    text-align: center;
}

.tabooImg3 {
    width: 20%;
    display: inline-block;
    max-width: 500px;
}

.tabooText3 {
    width: 25%;
    margin: -1% 0 8% -5%;
    display: inline-block;
    text-align: left;
    padding: 1%;
}

.tabooText3>h3 {
    opacity: 0.2;
    margin: 0 0 -13% 0;
    font-size: 85px;
    color: #fff;
}

.tabooText3>strong {
    font-size: 25px;
    color: #fff;
}

.tabooText3>p {
    padding: 5px;
    font: 17px/1.4em "微軟正黑體";
    color: #fff;
}

.tabooContent3 {
    padding: 0 0 12% 0;
    margin: -3% auto 0 auto;
    max-width: 1200px;
    width: 100%;
    text-align: center;
}

.tabooImg5 {
    width: 20%;
    display: inline-block;
    max-width: 500px;
}

.tabooText5 {
    width: 25%;
    margin: -1% 0 8% -5%;
    display: inline-block;
    text-align: left;
    padding: 1%;
}

.tabooText5>h3 {
    opacity: 0.2;
    margin: 0 0 -13% 0;
    font-size: 85px;
    color: #fff;
}

.tabooText5>strong {
    font-size: 25px;
    color: #fff;
}

.tabooText5>p {
    padding: 5px;
    font: 17px/1.4em "微軟正黑體";
    color: #fff;
}

/*禁忌結束*/
/*更多行程*/
.areaStrokeBg {
    margin-top: -15%;
}

.areaStrokeBg>img {
    width: 100%;
}

.areaStroke {
    margin-top: -6%;
    background: #069fe4;
}

.titleStroke {
    height: auto;
    text-align: center;
    width: 70%;
    margin: 5% auto;
}

.titleStroke>img {
    margin-top: -19%;
    width: 95%;
}

.strokeText1 {
    padding: 0 0 3% 0;
    margin: -6% auto 0 auto;
    max-width: 1200px;
    width: 100%;
    text-align: center;
}

.strokeImg {
    width: 22%;
    transition: 0.5s;
}

.strokeImg:hover {
    transform: scale(0.95);
    filter: drop-shadow(7px 7px 7px rgba(0, 0, 0, 0.7))
}

/*更多行程結束*/
@media only screen and (max-width: 1100px) {
    .bangkokText1 {
        margin: 7% 0 8% 0;
    }

    .bangkokText2 {
        margin-top: -40%;
    }

    .bangkokText3 {
        margin: 7% 0 8% 0;
    }

    .bangkokText4 {
        margin-top: -40%;
    }

    .chiangMaiText2 {
        margin-top: -36%;
    }

}

@media only screen and (max-width: 900px) {
    .bangkokText2 {
        margin-top: -47%;
    }

    .bangkokText4 {
        margin-top: -47%;
    }

    .chiangMaiText2 {
        margin-top: -44%;
    }

    h3.h3date {
        font: bold 28px/1.6 "微軟正黑體";
        margin: -20% auto 14% auto;
    }


}

@media only screen and (max-width: 800px) {
    .onlyM {
        display: block;
        width: 100%;
        max-width: 800px;
    }

    header.header {
        background: none;
        height: auto;
    }

    .aboutimg {
        width: 45%;
    }

    .aboutText {
        width: 70%;
        text-align: center;
    }

    h3.h3date {
        margin: -10% auto 1% auto;
    }

    #areaBangkokBg {
        margin-top: -25%;
    }

    #areaBangkokBg>img {
        width: 100%;
    }

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

    .titleBangkok>img {
        margin-top: -27%;
    }

    .bangkokContent1 {
        margin: -4% auto 0 auto;
    }

    .bangkokImg1 {
        width: 70%;
    }

    .bangkokText1 {
        width: 90%;
        text-align: center;
        margin-top: 0%;
    }

    .bangkokImg2 {
        width: 70%;
        margin-left: -5%;
        margin-top: 2%;
    }

    .bangkokText2 {
        width: 90%;
        text-align: center;
        margin: 0 0 8% 0;
        margin-right: 0%;
    }

    .bangkokContent3 {
        margin: -4% auto 0 auto;
    }

    .bangkokImg3 {
        width: 70%;
    }

    .bangkokText3 {
        width: 90%;
        text-align: center;
        margin-top: 0%;
    }

    .bangkokImg4 {
        width: 70%;
        margin-left: -5%;
    }

    .bangkokText4 {
        width: 90%;
        text-align: center;
        margin: 0 0 8% 0;
        margin-right: 0%;
    }

    .chiangMaibtGroup {
        width: 100%;
        margin: 0 auto;
        margin-top: 8%;
    }

    .btGroup {
        width: 100%;
        margin: 0 auto;
        margin-top: 8%;
    }

    .btFree {
        width: 100%;
        margin: 0 auto;
        margin-top: 0%;
    }


    #areaChiangMaiBg {
        margin-top: -25%;
    }

    #areaChiangMaiBg>img {
        width: 100%;
    }

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

    .titleChiangMai>img {
        margin-top: -27%;
    }

    .chiangMaiContent2 {
        margin-top: -10%;
    }

    .chiangMaiImg1 {
        padding-top: 5%;
        width: 70%;
        margin: 3% 0 0 5%;
    }

    .chiangMaiText1 {
        width: 90%;
        text-align: center;
        margin-top: 0%;
    }

    .chiangMaiImg2 {
        width: 70%;
        margin-left: -5%;
        margin-top: 6%;
    }

    .chiangMaiText2 {
        width: 90%;
        text-align: center;
        margin-top: 0%;
        margin-right: 0%;
    }

    #areaPattaya {
        margin-top: -25%;
    }

    #areaPattaya>img {
        width: 100%;
    }

    .pattayaContent1 {
        margin: -4% auto 0 auto;
    }

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

    .titlePattaya>img {
        margin-top: -27%;
    }

    .pattayaImg1 {
        padding-top: 5%;
        width: 70%;
        margin: 3% 0 0 5%;
    }

    .pattayaText1 {
        width: 90%;
        text-align: center;
    }


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

    .titleTaboo>img {
        margin-top: -14%;
    }

    .tabooContent1 {
        margin-top: 5%;
    }

    .tabooImg1 {
        width: 30%;
    }

    .tabooText1 {
        width: 50%;
        margin-top: 1%;
    }

    .tabooContent2 {
        margin: -4% auto -9% auto;
    }

    .tabooImg3 {
        width: 30%;
    }

    .tabooText3 {
        width: 50%;
        margin-top: 1%;
    }

    .tabooContent3 {
        margin-top: 3%;
    }

    .tabooImg5 {
        width: 30%;
    }

    .tabooText5 {
        width: 50%;
        margin-top: 1%;
    }

    .areaStroke {
        margin-top: 0%;
    }

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

    .titleStroke>img {
        margin-top: -14%;
    }

    .strokeImg {
        width: 50%;
    }

    .strokeText1 {
        margin: 2% auto 0 auto;
    }

}

@media only screen and (max-width: 600px) {
    .areaLabel {
        display: none;
    }

    .areaLabel_600 {
        display: block;
        text-align: center;
        position: fixed;
        bottom: 0%;
        width: 100%;
        z-index: 10;
    }

    .areaLabel_600 a {
        display: inline-block;
        margin: 0 auto;
        padding: 2% 5%;
        background-color: #000;
        opacity: 0.7;
        border-radius: 3em;
    }

    .areaLabel_600 p {
        font: 20px "微軟正黑體";
        color: #fff;
        font-weight: bold;
    }
}


@media only screen and (max-width:400px) {
    h3.h3date {
        font: bold 18px/1.6 "微軟正黑體";
        margin: -14% auto 5% auto;
    }
}