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

#mtkContainer,
#mtkContainer * { box-sizing: border-box; }
#mtkContainer { overflow-x:hidden;  }
body { background: #fff;  }


/* 版頭 */

header.header {  position: relative; height: 812px; background: url(../images/top_header2.jpg) #ffffff top center no-repeat; }
header.header h1 { display: none; }

/* 五心旅遊保證  標題 */
.title-base{ position: absolute; bottom: 20px; margin: 0 auto; width: 100%; }
.title-area{ display: block; margin:0 auto; width: 100%; max-width: 1200px; text-align: center; }
.title-area li { display: block; letter-spacing: normal; padding:  1% 0 0 0;}
.title-area li p{ font: 18px "微軟正黑體" ; color: #4d7295 ; }


/* 五心旅遊保證 */

.content{margin: 0 auto; width: 100%;  background: #ffffff ; }
.infor-content { text-align: center;  letter-spacing: normal; margin: 10px 0 30px 0 ;}
.infor-content li {display: inline-block ; padding: 40px 40px;   width: 220px; height: 203px; background: url(../images/title_bg.png) top center no-repeat ;    }
.infor-content li h2{ font: bold 30px/1 "微軟正黑體" ;color:  #4b7296 ;text-decoration:underline; padding: 0 0 10px 0 ;}
.infor-content li p{font:16px/1.2 "微軟正黑體" ;color:  #4b7296 ; }


/* 選單 */
.button-area {width: 100%; background: #ffffff  ;    }
.infor-button{ margin: 0 auto; text-align: center;  max-width:1400px;letter-spacing: normal;width: auto;white-space: nowrap;
    width: auto;
    overflow: hidden;
    overflow-y: hidden;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch; }
.infor-button li{ padding: 0 2%; display: inline-block; border-radius: 50px 50px ; background: #aa9667 ;cursor: pointer; margin: 0 20px 20px 0 ; }
.infor-button li a {font: 30px "微軟正黑" ;color: #fff ; }
.infor-button li:hover{  cursor: pointer; background: #75675b ;}





/* 產品區 標題*/
.title-first {  height: auto;background: url(../images/photo_title1.jpg) #ffffff top center no-repeat; padding: 48px 0 35px 0; z-index: -1}
.bg2 {   background: url(../images/photo_title2.jpg) #ffffff top center no-repeat; }
.bg3 {   background: url(../images/photo_title3.jpg) #ffffff top center no-repeat; }
.bg4 {   background: url(../images/photo_title4.jpg) #ffffff top center no-repeat; }
.bg5 {   background: url(../images/photo_title5.jpg) #ffffff top center no-repeat; }
.bg6 {   background: url(../images/photo_title6.jpg) #ffffff top center no-repeat; }


.title{  display: block; margin:0 auto; width: 100%; text-align: center;  }
.title h2{font: 70px "微軟正黑體" ; color: #000 ;}
.title p{ font: 24px "微軟正黑體" ; color: #000 ; }


/* 產品區 photo*/

.photo-area{  position: relative; width: 100%; height: auto;  background:  #ffffff top center ; }
.photo img {display: block; width: 100% ; }

.photo-title { position: absolute;bottom: 20px; display: block;width: 100%; text-align: center;   }
.text-title{letter-spacing: normal; width: 60%;max-width: 1400px; margin: 0 auto; background:#251a18; opacity:0.8; z-index: -1;}

.text-title h2{font: 25px "微軟正黑體" ; color: #fff ;text-decoration:underline; padding-top: 10px;}
.text-title p{font: 15px/1.3 "微軟正黑體" ; color: #fff ; padding: 15px 20px; }



/* 公版 */
.c23Base{ width: 100%;  background: #ffff ;   }
.carrier{margin:10px auto 40px auto ; width: 100%; max-width: 1100px;  border: solid 1px   #9b7032; border-radius: 10px ; }
.carrier  .box-head ,
.intro-anchors { display: none; }
.carrier h4 { display: none; }
.carrier li {  position: relative;  padding: 20px 30px ; transition: .5s; }
/*.carrier li strong { display: block;font: 25px /1.5 "微軟正黑體"; color: #9b7032;text-decoration:underline;    }*/
.carrier li a { font: 17px /1.5 "微軟正黑體"; color: #9b7032; }
.carrier li a strong { display: block; font-size: 25px; text-decoration: underline; }
.carrier li .price { position: absolute; right: 50px; bottom: 0px; font: bold 30px "微軟正黑體"; color: #d40000; }
.carrier li:hover { transform: scale(0.99); }





/* 平板 */	

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

/* 版頭 */	
header.header { padding: 0 0 6% 0 ; height: auto; background: #ffffff ; }
header.header h1 { display: block; }
header.header h1 img { width: 100%; }

/* 五心旅遊保證  標題 */
.title-base{margin: 0 auto; }
.title-area li img { width: 50%; }
.title-area li p{  font: 18px/2 "微軟正黑體" ;width: 90%; margin: 0 auto ;}

/* 五心旅遊保證 */

.infor-content {  margin: 0 0 20px 0 ;}
.infor-content li { display: inline-block; padding: 40px 40px;   }
.infor-content li h2{ font: bold 25px/1 "微軟正黑體" ;color:  #4b7296 ;text-decoration:underline; padding: 0 0 10px 0 ;}
.infor-content li p{font:16px/1.2 "微軟正黑體" ;color:  #4b7296 ; }




/* 產品區 title*/

.title h2{font: 60px "微軟正黑體" ; color: #000 ;}
.title p{ font: 24px "微軟正黑體" ; color: #000 ; }



/* 產品區 photo*/
.photo-area{background: #fff;}
.photo { width: 100%; overflow: hidden; }
.photo img {display: block; margin-left: -50%; width: 200% ; margin-bottom: 0;  }
.photo-title { position: static; }
.text-title {width: 100% ; margin-bottom: 0px;}
.text-title h2{font: 24px "微軟正黑體" ; }
.text-title p{font: 18px/1.6 "微軟正黑體" ;  }

/* 公版 */

.c23Base{ width: 95%;   margin: 0 auto;  }





}





@media only screen and (max-width: 500px){
header.header { padding: 0 0 18% 0 ; height: auto; background: #ffffff ; }

.infor-content { overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    width: auto; }
.infor-content li { white-space: normal; }
.button-base{margin: 0 auto;  }
.button-area li img { width: 50%; padding:  1% 0 0 0;}
.button-area li p{  font: 14px/1 "微軟正黑體" ; }

/* 五心旅遊保證  標題 */
.title-base{margin: 0 auto; }
.title-area li img { width: 60%;  }
.title-area li p{  font: 15px/1.2 "微軟正黑體" ;width: 90%; margin: 0 auto ;}





/* 產品區 */

.all-title{width: 100%;margin: 0 auto ;}

.title h2{font: 40px "微軟正黑體" ; color: #000 ;}
.title p{ font: 18px "微軟正黑體" ; color: #000 ; }

.text-title {  width: 100% ; margin-bottom: 0px;}

.text-title h2{font: 18px "微軟正黑體" ; }
.text-title p{font: 13px/1.5 "微軟正黑體" ;  }


/* 選單 */
.infor-button { padding-top: 5%; }
.infor-button li a {font: 22px "微軟正黑" ;color: #fff ;  }

.title-first{  background-size: cover; background-position-x: 56%;}
.bg2 { background-size: cover; }
.bg3 { background-size: cover; }
.bg4 { background-size: cover; }
.bg5 { background-size: cover; }
.bg6 {  background-size: cover; background-position-x: 50%;}





/* 公版 */
.c23Base{ width: 95%;  background: #ffff ; height: auto;  }
.carrier li {padding: 15px 10px ;}
.carrier li a strong {display: block; font-size: 20px;    }
.carrier li .price {  right: 10px; bottom: 0; font: bold 20px "微軟正黑體"; color: #d40000; }






}