.inlineBlockSpacing {
     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 */   
}

body { overflow-x: hidden; background: #fff3da;}

#mtkContainer { position: relative;overflow-x: hidden;}
#mtkContainer,
#mtkContainer * { box-sizing: border-box; }

a,a:hover { text-decoration: none; }
ul,li{ list-style: none;}

header.header { position: relative; width: 100%; height: 660px; background: url(../images/line-up.png) bottom center no-repeat, url(../images/header_index.jpg) top center no-repeat;/*padding: 0; margin: 0;*/ }
header.header h1 img.mobile{display: none;}

.middle{ width: 100%; max-width: 1280px; margin: 0 auto; }


/*--nav 按鈕--*/
nav{position: relative; width: 100%; margin: 0 auto; text-align: center; z-index: 99;transform: translateY(-40px);}
nav ul{position: relative;}
nav ul li{display: inline-block;text-align: center;font:bold 30px/1 "arial","微軟正黑體";color:#ffffff;position: relative;cursor: pointer;transition: all 0.3s; z-index:50;}
nav ul li.kn{background:url(../images/menuBg_gn.png) no-repeat;width: 230px;margin: 0 10px; padding:20px 0; background-size:100%; }
nav ul li.mm{background:url(../images/menuBg_bn.png) no-repeat;width: 230px;margin: 0 10px; padding:20px 0; background-size:100%; }
nav ul li:hover{ -webkit-filter:brightness(115%);filter:brightness(115%); transform: translateY(-10px);}


/*--第二區--*/
.content{
  background: #fff3da; 
  position: relative;
  width: 100%;
  height: auto; /*height: 787px;*/
  background: url(../images/line-under.png) bottom center no-repeat, url(../images/bg01.jpg) top center no-repeat;
  text-align: left; 
  margin: 0 auto; 
  padding-bottom: 80px; }
.travelGoods{width: 90%;margin: 0 auto;}


/*--第二區-C23--*/
.intro-anchors{ display: none;} /*關*/
.carrier .box-head{ display: none;} /*關*/
.carrier{width:100%; font-family:"Microsoft JhengHei","Apple LiGothic Medium"; margin: 0 0 40px 0;}
.carrier h4{position: relative; width: 96%; max-width: 200px; text-align: center; font:bold 1.6em/1.4 "arial","微軟正黑體"; 
  letter-spacing: 0; color: #fff; display: block; background: #cf5555;margin: 0px auto 20px; padding: 5px;
}
.carrier h4:before{
  content: "";
  position: absolute;
  display: inline-block;
  background: url(../images/arrow.png);
  width: 29px;
  height: 45px;
  margin-left: -25px;
  top: 0;
  left: 0;
  z-index: 2;
}
.carrier h4:after{
  content: "";
  position: absolute;
  display: inline-block;
  background: url(../images/arrow.png);
  -moz-transform:scaleX(-1);
  -webkit-transform:scaleX(-1);
  -o-transform:scaleX(-1);
  transform:scaleX(-1);
  width: 29px;
  height: 45px;
  margin-right: -25px;
  top: 0;
  right: 0;
  z-index: 2;
}

/*.carrier ul {/*width: 96% /*94%; /*padding: 2% 0 2%;margin: 0 auto 35px; }*/
.carrier ul li{font-family: "Arial","Microsoft JhengHei","微軟正黑體";position: relative; width: 100%; margin: 0 0 40px 0; transition: all 0.3s;}
.carrier ul li a {
    display: block;
    width: 75%; /*width: calc(100% - 220px);*/
    text-decoration: none;
    color: #000;
    font-size: 18px;
    line-height: 1.4;
    transition: all 0.2s;
    position: relative;
}
.carrier ul li strong {
    display: block;
    width: 130%; /*calc(100% + 220px);*/
    font-size: 24px;
    line-height: 1.2;
    font-weight: bold;
    color: #000;
    padding: 10px 0;
    margin: 10px 0;
    border-bottom: dashed 1px #ad8a2c;
}
.carrier ul li .txt-pp{color: #ca1c1c;}
.carrier ul li .price{
    width: 24%;
    text-align: center;
    padding: 0;
    border-radius: 25px;
    border: solid 2px #ca1c1c;
    font-family: "Century Gothic","Helvetica","Microsoft JhengHei";
    font-weight: bold;
    font-size: 18px;
    color: #ca1c1c;
    transition: all 0.3s;
    display: inline-block;
    position: absolute;
    right: -30%;
    vertical-align: bottom !important;
    /*bottom: 0;*/
}

.carrier ul li em.price {font-style: normal;}
.carrier ul li .price span { font-size: 27px;font-weight: normal;}
/*.carrier ul li .price span i {font-size: 18px; font-style: normal;margin-left: 1px;}*/
.carrier ul li .price::before { content: "。"; position: absolute; left: 0px; top: 3px; font-size: 24px;}
.carrier ul li .price::after { content: "。"; position: absolute; right: 0px; top: 3px; font-size: 24px;}
.carrier ul li:hover .price{ background: #ca1c1c; color: #fff; border: solid 2px #ca1c1c;}
.carrier ul li:hover strong{ color: #ca1c1c;}




/*--第三區-景點--*/
.viewArea{position: relative; width: 100%; height: auto; /*height: 610px;*/margin: 0 auto; text-align: center; background:url(../images/bg02.jpg) top center no-repeat #ebce88; padding: 3% 0 1%;}
.goodsArea{ max-width: 1400px; margin: 0 auto; text-align: center;}

/*--切換按鈕--*/
.btnArea{width: 100%; margin: 0 auto 0; position: relative;}
.btnArea .titleBtn{display: inline-block; width: 26%; color: #fff; text-align: center; margin: 0 10px; max-width: 200px; position: relative;background: url(../images/btnBg.png) top center no-repeat;
  cursor: pointer; /*font-size: 30px; line-height: 1.4; background: #000; border-radius: 15px 15px 0 0; padding: 1% 1%; */ 
  -webkit-transition: all 0.3s;   
    -moz-transition: all 0.3s;  
      -o-transition: all 0.3s; 
         transition: all 0.3s;
}
.btnArea .titleBtn p{ font: bold 26px/1 "arial","微軟正黑體";padding: 9.5% 0; }
.btnArea .titleBtn img{width: 100%; }
.btnArea .titleBtn:hover{background: url(../images/btnBg-on.png) top center no-repeat;}
.btnArea .active{background: url(../images/btnBg-on.png) top center no-repeat;}
/*.btnArea .titleBtn img.on{display: none;top: 0;left: 0; position: absolute; transition: all 0.5s;}
.btnArea .titleBtn:hover img.on{display: block; transition: all 0.5s; /*background: #ac9148;}
.btnArea .active img.on{display: block; transition: all 0.5s; /*background: #ac9148; }*/



/*--景點-輪播--*/
.viewBox{background: rgba(255,255,255,0.85);margin: 0 0 50px;}
.informationBase {padding: 25px 0 30px 0;}
.informationBase .informationArea { position: relative; margin:0 auto;padding: 0px; width: 90%; max-width: 1400px; border-radius: 5px; overflow:; z-index: 1;}
.informationBase .informationArea img { width: 100%; vertical-align: top }
.informationBase .informationArea h3 { padding: 5px 0; width:100%; font:20px/16px "arial","微軟正黑體"; color: #fff; text-align: center; letter-spacing: normal;  background:#000}
.informationBase .informationArea p { padding: 5px ;width:100%; font:16px/24px "arial","微軟正黑體"; color: #555; text-align: center; letter-spacing: normal; }
.informationBase .informationArea .box3 { margin:0 5px; /*cursor: pointer;*/ }

/*.informationShow { display: none; position: fixed; top:0; left: 0; width: 100%; height: 100vh; text-align:center;  background: rgba(0,0,0,0.8); z-index: 99999 }
.informationShow .box3 { margin:20px auto 0 auto; width: 90%; max-width: 800px; }
.informationShow .box3 img { width: 100% }
.informationShow .box3 h3 { padding: 5px 0; width:100%; font:30px/36px "arial","微軟正黑體"; color: #fff; text-align: center; letter-spacing: normal;}
.informationShow .box3 p{ padding: 5px ;width:100%; font:18px/30px "arial","微軟正黑體"; color: #fff; text-align: center; letter-spacing: normal; }
.informationShow .closeInformationShow { display: inline-block; padding: 5px 10px; font:18px/18px "arial","微軟正黑體"; color: #fff; text-align: center; border: 1px solid #fff; letter-spacing: normal; cursor: pointer;}
*/


.slick-prev:before, .slick-next:before{color: #000;}

.informationBase{display: none;}
.informationBase.show{display: block;}


/*--goTop--*/
.goTop{display: none; position: fixed; bottom:8%; right: 2%; z-index: 48;text-align: center;}
.goTop a{color: #fff;}
.goTop li{display: block; cursor: pointer; font: 16px/1.1 "arial", "微軟正黑體"; color: #fff; background: #cd3838; border-radius: 99em; width: 60px; height: 60px; padding: 12px 10px;transition: all .5s;}
.goTop a:hover li{background: #ba8d20;}




/*-------------------------------Mobile-------------------------------*/

@media only screen and (max-width: 1650px) { 
nav {width:100%;} 
}

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

.carrier ul li .price:before{display: none;}
.carrier ul li .price:after{display: none;}
.carrier ul li .price{width: 150px; right: -160px; font-size: 15px;}
.carrier ul li a{ width: calc(100% - 160px); font-size: 15px;}
.carrier ul li strong{ width: calc(100% + 160px); font-size: 22px;} 
.carrier ul li .price span{font-size: 24px;}
/*.carrier ul li .price span i {font-size: 14px;}
.carrier h4{font-size: 2vw;}*/
}


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

header.header{position: relative; padding: 0; margin: 0; width: 100%; height:auto;background:none; }
header.header h1 img.mobile{display:block;max-width: 1300px;width: 100%;}
}


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

nav{transform: translateY(-20px); padding-bottom: 2%;}
nav ul li {font:bold 3.5vw/1 "arial","微軟正黑體";}
nav ul li.kn, nav ul li.mm{width: 28%; padding: 2.3% 0;}

.carrier ul li a{width: 100%;}
.carrier ul li strong{width: 100%;padding: 10px 0; margin: 10px 0;}
.carrier ul li .price{display: block; position: relative; width: 100%; right: 0; left: 0; margin-top: 15px;}

.carrier ul li .price:before{display:inline-block; top: 0;}
.carrier ul li .price:after{display:inline-block; top: 0;}
}


@media only screen and (max-width: 768px) {
.carrier h4{font: bold 1.2em/1.4 "arial","微軟正黑體"; max-width: 150px; padding: 7px; }
.carrier h4:before,
.carrier h4:after{height: 40px;}
}


@media only screen and (max-width: 740px) {
.btnArea .titleBtn{width: 40%; margin:0 3px; }
.btnArea .titleBtn p{font: bold 4vw/1 "arial","微軟正黑體"; padding: 9% 0;}
}


@media only screen and (max-width: 620px) {
nav{transform: translateY(0px); padding-bottom: 5%;}
nav ul li{font:bold 5vw/1 "arial","微軟正黑體";}
nav ul li.kn, nav ul li.mm{width: 33%; margin: 0 5px;}
}


@media only screen and (max-width: 500px) {
.btnArea .titleBtn p{font: bold 5vw/1 "arial","微軟正黑體";}
}


@media only screen and (max-width: 414px) {
nav{padding-bottom: 6%;}
nav ul li.kn, nav ul li.mm{width: 36%; padding: 3% 0;}
}