*{font-family: "微軟正黑體", Arial, Helvetica, sans-serif;}
.topBanner{width: 100%; position: relative;}
.topBanner > .bannerBG{width: 100%;}
.topBanner > .bannerBG.mBn{display: block;}
#title{position: absolute; width:80%; top:8%; left: 10%;}
.section1{background-color: #009845; width: 100%; text-align: center;padding: 20px 10px;}
.section1{background-image: url(../img/bg.jpg);background-size: 100%; background-position-y: bottom;background-repeat: no-repeat;}
.section1 h2{position: relative; color:#fff; font-size: 24px; font-family: "微軟正黑體", Arial, Helvetica, sans-serif; width: 220px; margin:10px auto; padding: 8px 10px;}


.max1400 > .menu2 {position: relative; color:#fff; font-size: 24px; font-family: "微軟正黑體", Arial, Helvetica, sans-serif; background-color: #ea580c; width: 90%; margin:10px auto; padding: 8px 10px; border-radius: 50px; border:1px solid #fff;}
.max1400 > .menu2 > .firstMenu > a {cursor: pointer; padding: 0px 10px; border-radius: 50px; color: #fff;text-decoration: none;}
.max1400 > .menu2 > .firstMenu:hover > a{background-color:#ff0; color:#333;}
.max1400 > .menu2:before{content: ''; background-image: url(../img/plane.png);width: 40px; height: 34px; display: block; position: absolute; left: 5px;top:5px;}
.max1400 > .menu2:after{content: ''; background-image: url(../img/plane.png);width: 40px; height: 34px; display: block; position: absolute; right: 5px;top:5px;}
.max1400{width: 100%; max-width: 1400px; margin:auto;}

.max1400 > .menu2 > .firstMenu {display: inline-block;position: relative;}
.firstMenu .secMenu{position: absolute;display: none;}
.firstMenu .secMenu a {border-radius: 50px;background: #FFF;cursor: pointer; padding: 5px 10px;text-decoration: none;display: block;}
.firstMenu .secMenu a:link,.firstMenu .secMenu a:visited,.firstMenu .secMenu a:active{color:#000;}

.max1400.page1 > .menu2 > .firstMenu:nth-child(1) > a {background-color:#ff0; color:#333;}
.max1400.page2 > .menu2 > .firstMenu:nth-child(2) > a {background-color:#ff0; color:#333;}

.group-type-ph{font-size: 0px;}
.ph{position: relative; width: 98%; margin:1%; display:inline-block; overflow: hidden; font-size: 16px; background-color: #f3efea; border-radius: 5px; box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3); transition: .5s;}
.carrier li:hover,.ph:hover{box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.3);}
.ph > a{text-decoration: none;}
.ph-img,.ph-img > img{width: 100%;}
.ph-title,.ph-detail{padding:10px 10px 0px; text-align: justify; line-height: 1.5em;}
.ph-title{font-size: 18px; color:#333; font-weight: 600;}
.ph-detail{font-size:14px; color:#4c7c6b; font-weight: 200; padding-bottom: 35px;}
.ph .price{position: absolute; color:#ea580c; bottom:10px; right:10px; font-size: 20px;}
.price > span{font-size: 20px;}
.pcBn{display: none;}
.max1400{overflow: hidden;}
.max1400 > .intro-anchors,.box-head{display: none; }
.menuArea{padding: 5px; text-align: center;width: 90%;margin:auto;white-space: nowrap;}
.menuArea > a{padding: 5px 10px;font-size: 16px;cursor: pointer;background-color: #ffdd1b;margin:0px 5px;border-radius: 50px;transition: .5s;}
.menuArea > a:hover{background-color: #fff894;}
h4{color:#fff;font-size: 18px; padding: 5px 20px; border-radius: 50px;display: inline-block;border:1px solid #fff;margin:10px auto;}
.carrier li{cursor: pointer; position: relative;;background-color: #f3efea;margin:10px auto; width:95%; list-style: none;padding: 10px 20px 30px; border-radius: 5px;text-align: justify; }
.carrier li a{text-decoration: none;font-size: 14px;color: #4c7c6b;}
.carrier li a strong{display: block;font-size: 18px; margin:10px auto;color: #333;}
.carrier li a .price{display: block;position: absolute;right: 10px;bottom: 10px;}

@media only screen and (min-width:767px){
    .carrier li a strong,.ph-title{font-size: 20px;}
    .carrier li a,.ph-detail{font-size:16px;}
    .price > span{font-size: 24px;}
    .ph{width:31%;}
    .topBanner > .bannerBG.mBn{display: none;}
    .pcBn{display: block;}
    .max1400 > .menu2{width: 80%;}
}
@media only screen and (min-width:1000px){
    #title{ max-width: 712px; left: calc(50% - 356px); top:calc(50% - 238px); }
    .ph{width: 23%;}
}
@media only screen and (min-width:1400px){
    /* .ph{width: 23%;} */
}