.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{
  max-width: 1920px;
  width: 100%;
  margin: 0 auto;
  position:relative;
}
#mtkContainer,
#mtkContainer * { box-sizing: border-box; font-family: 'Noto Serif TC', "微軟正黑體";}


header.header { position: relative; width: 100%;  }
#indexpage header.header{height: calc( 62vw + 100px ); background:url(../images/header20250630.jpg) top center no-repeat,#fbf5e7;background-size: cover;max-height: 1338px;}
#amcaPage header.header {height: calc( 58vw + 100px ); background:url(../images/header20250630-usa.jpg) top center no-repeat,#fbf5e7;background-size: cover;max-height: 1278px;}


.mHeader { display: none; }



.contentBase { margin: 0 auto; width: 95%; max-width: 1400px; }

h1 { font-size: 0; display: none; opacity: 0; }

.pageMenu {display: flex;justify-content:center;flex-wrap: nowrap;position: relative; text-align: center;width: 100%;position: absolute;left: 0;bottom: 30px;}
.pageMenu a {background:url(../images/btn01.png) top center no-repeat;font:30px/1.2 "Noto Serif TC" , "微軟正黑體";min-width:326px; color: #FFF; padding:20px 0;text-align: center;margin: 0 20px;text-shadow: 1px 1px 0px rgba(0,0,0,0.2);transition: 0.3s;position: relative;}
.pageMenu a#amca {background:url(../images/btn03.png) top center no-repeat;}

.pageMenu a:hover{transform: translateY(-5px);}

.pageMenu a.on:after{content: "";width: 81px;position: absolute;left: 0px;top: -35px;height:65px;background-size: 100%;background: url(../images/here.png) top center no-repeat;z-index: 1; }

@media only screen and (max-width: 1200px) {
.pageMenu {bottom: 10px;} 
.pageMenu a{font:2.5vw/1 "Noto Serif TC" , "微軟正黑體";background-size: contain;min-width: unset;padding: 2vw 11vw;margin: 0 12px;}
.pageMenu a#amca{background-size: contain;}
.pageMenu a.on:after{content:unset;}
}
@media only screen and (max-width: 576px) {
    .pageMenu a{font-size: 4vw;padding: 2vw 8vw;}
}

/*poi模組*/
.poi{width: 100%;margin: 0 auto;border-radius: 20px;padding: 0 0 50px 0;background:url(../images/bg3.jpg) top center repeat-y,#FFF;}
#amcaPage .poi{background:url(../images/bg2.jpg) top center repeat-y,#FFF;}

.poi .item {padding: 0px 0; }
.ph-group  {width: 80%;margin: 0 auto 0px auto;padding: 10px 10px;position: relative;display: inline-flex;justify-content:center;flex-wrap: wrap;}
.poi .ph{margin: 0 auto;border-radius: 20px;width: 100%;text-align: center;}
.poi .ph:hover{transform: none;}

.slidecontain {width: 100%; text-align: center;top:0px; left: 0; height: auto;z-index:90; background: #ffedd0;padding: 0 10px;margin: 0 auto;display: inline-block;box-shadow: 3px 0px 10px rgba(0,0,0,0.2);}
.slidecontain li {display: inline-block;  margin: 5px 5px;font:24px/1.2 "Noto Serif TC" , "微軟正黑體";  padding: 5px 10px;cursor: pointer;}
.slidecontain li:hover  a div{color:#2c539d;}
.slidecontain li a div{color:#846e1b;font:24px/1.2 "Noto Serif TC" , "微軟正黑體"; }
.slidecontain.sticky{position: fixed; padding: 0;top:0px; left: 0;width: 100%;}


.ph-group-title { text-align: center;margin: 30px auto 10px auto ;border-radius: 20px 20px 0 0; }
.ph-group-title > span {font:bold 32px/1.6 "Noto Serif TC" , "微軟正黑體"; color:#262626;/*border-bottom: 1px solid #cd1d1f;*/padding: 5px 10px;letter-spacing: 0px;position: relative;}
.ph-group-title > span:before{content: "";background:url(../images/h2right.png) top center no-repeat;position: absolute;right: 100%;top: 50%;width:160px;height: 22px;transform: rotateY(180deg);background-size: 100%;}
.ph-group-title > span:after{content: "";background:url(../images/h2right.png) top center no-repeat;position: absolute;left: 100%;top: 50%;width:160px;height: 22px;background-size: 100%;}

.ph .ph-group-content{border: 50px solid #991717; border-image: url(../images/poibg.jpg) 62 repeat;margin: 10px 10px;transition: 0.2s;padding: 10px; width:45%;position: relative;flex-shrink: 1;background: #FFF;box-shadow: 0 0 10px rgba(0,0,0,0.3);text-align: left;}
.ph .ph-group-content-photo {display: inline-block;width: 48%;}
.ph .ph-group-content-photo img{width:100%;}
.ph .ph-group-content-text{padding: 10px 5px 40px 10px;width: 49%;display: inline-block;}
.ph .ph-group-content-text-name{color:#262626;font:bold 18px/1.4 "Noto Serif TC" , "微軟正黑體"; /*margin: 10px auto;*/display: block;/*padding: 10px 0;*/}
.ph .ph-group-content-text-detail{color:#000;font:14px/1.4 "Noto Serif TC" , "微軟正黑體"; margin: 5px auto ;}
.ph .ph-group-content-text-detail a {color:#000;}

.ph .ph-group-content-text-price {color:#cd1d1f;;position: absolute;border-radius:10px 10px 0 0;padding: 5px 10px;font:bold 24px/1.4 "Noto Serif TC" , "微軟正黑體"; text-align: center;display: block;right: 10px;bottom: 5px;}
/*.ph-group-content-text-sale{background: rgb(250, 223, 182);display: table; color:#5b5b5b;font:bold 16px/2 "微軟正黑體";padding: 0px 10px;margin: 5px 0;}*/
.ph .ph-group-content-text-price span{font-size: 80%;line-height: 2;}
.ph .ph-group-content-tag {position: absolute;left: 5px; top: 10px; font:16px/1.4 "Noto Serif TC" , "微軟正黑體"; color:#FFF;padding: 3px 10px;border-radius: 0 20px 20px 0;text-shadow:0px 0px 3px rgba(0,0,0,0.5); }
.ph .ph-group-content-text-sale{margin: 5px auto; font: 16px/1.6 "Noto Serif TC" , "微軟正黑體";  color: #FFF;background: rgb(205,135,78); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(205,135,78,1) 0%, rgba(201,193,144,1) 63%, rgba(183,173,112,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(205,135,78,1) 0%,rgba(201,193,144,1) 63%,rgba(183,173,112,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(205,135,78,1) 0%,rgba(201,193,144,1) 63%,rgba(183,173,112,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cd874e', endColorstr='#b7ad70',GradientType=1 ); /* IE6-9 */;letter-spacing: 1.2px;}

.ph .ph-group-content-text-sale a {color: #FFF;}





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

.ph-group{width: 100%;}

}




@media only screen and (max-width: 1000px) {
.ph .ph-group-content-photo{width: 100%;display: block;}
.ph .ph-group-content-text{ width: 100%; display: block;}
.ph .ph-group-content-text-price{bottom: 0;}

}


@media only screen and (max-width: 800px) {
#indexpage header.header,#amcaPage header.header { height: auto; background:none;margin-top: 0; }
.mHeader { display: block;  width: 100%;}


.ph .ph-group-content{ width:85%;flex-shrink: 0;border:29px solid #991717;border-image: url(../images/poibg.jpg) 62 repeat;}
.ph-group{flex-wrap: nowrap;justify-content: left;padding: 0 0px 0 10%;overflow-y: hidden; overflow-x:auto;-webkit-overflow-scrolling: touch;overflow-scrolling: touch;}
/* .pageMenu a {min-width: 0px;background-size:100%;width: 45%;margin: 0 3px;font:4vw/1 "Noto Serif TC" , "微軟正黑體";padding: 3% 0;}
.pageMenu a#amca {background:url(../images/btn02.png) top center no-repeat;background-size:100%;}
.pageMenu a.on:after {width: 27%;  left: 0px; top: -59%; background-size: 100%;height: 100%;}
.pageMenu {bottom: 10px;} */



}






@media only screen and (max-width: 500px) {
.slidecontain{ }
.slidecontain li{padding: 5px;}
.slidecontain li a div {font:18px/1.2 "Noto Serif TC" , "微軟正黑體";}
.ph-group-title > span:before{content: none;}
.ph-group-title > span:after{content: none;}
}