.inlineBlockSpacing { letter-spacing: -0.31em; *letter-spacing: normal; *word-spacing: -0.43em;  text-rendering: optimizespeed; }
body { width: 100vw; overflow-x: hidden; background:#fff; }
#mtkContainer { width: 100vw; overflow-x: hidden; }
#mtkContainer,
#mtkContainer * { box-sizing: border-box; }

.mobileFirstDisplaySmall { position: relative;  height: auto; overflow: hidden; transition: .5s; }
.mobileFirstDisplaySmall.off {height: 45vh; }

.mobileFirstDisplaySmall .mobileFirstDisplaySmallIO { display: block; position: absolute; bottom:0; left: 0; width: 100%; height: 40px; text-align: center; z-index: 5; }
.mobileFirstDisplaySmallIO a { padding: 5px 10px;  font:16px/1 "微軟正黑體"; color: #000; border:1px solid #000; border-radius: 99em;
 text-decoration:none; background: rgba(255,255,255,0.5);transition: .5s;}
.mobileFirstDisplaySmallIO a:hover { background: #fff;  }
.mobileFirstDisplaySmall.blue::after { content: "" ; position: absolute; bottom:0; left: 0; width: 100%; height: 57px;z-index: 4;
background: url(../images/mobileFirstDisplaySmall-blue.png) bottom left repeat-x;  }

.lazyload { }


.bg-white-1 {  background: #fff ; }
.bg-blue-1 {  background: url(../images/bg-blue-1.jpg) #b24c38 top center repeat-y ; }
.w-type-1 { margin:0 auto; width: 90%; max-width: 1400px; }

.dec-top-1 { position: relative; z-index: 2; }
.dec-top-1:before { content: ""; position: absolute; top:-150px; left: 0; width: 100%; height: 150px; background: url(../images/de-footer-1.png) top center no-repeat; background-size: 100% 100%; z-index: 1; }
.dec-footer-1 { position: relative; z-index: 2; }
.dec-footer-1:after { content: ""; position: absolute; bottom:-150px; left: 0; width: 100%; height: 150px; transform: rotate(180deg); background: url(../images/de-footer-1.png) top center no-repeat; background-size: 100% 100%; z-index: 1; }


.dec-top-2 { position: relative; z-index: 2; }
.dec-top-2:before { content: ""; position: absolute; top:0px; left: 0; width: 100%; height: 150px; transform: rotate(180deg); background: url(../images/de-footer-1.png) top center no-repeat; background-size: 100% 100%; z-index: 1; }
.dec-footer-2 { position: relative; z-index: 2; }
.dec-footer-2:after { content: ""; position: absolute; bottom:0px; left: 0; width: 100%; height: 150px; background: url(../images/de-footer-1.png) top center no-repeat; background-size: 100% 100%; z-index: 1; }



.mainMenu {  position: sticky; top:0; left: 0; width: 100%;   text-align: center; background:#b24c38; z-index: 10; }
.mainMenu ul { position:relative; width: 100%; z-index: 10; padding: 0 0px;  }
.mainMenu ul li { display: inline-block; margin:0;padding:10px  15px; height: 40px;  cursor: pointer; transition: .5s;  }
.mainMenu ul li a { font: 18px/18px "arial","微軟正黑體"; color:#fff; text-decoration: none; }
.mainMenu ul li:hover ,
.mainMenu ul li.on { background: #f9c441; }
.mainMenu ul li:hover a,
.mainMenu ul li.on a { color: #000; }


.hasSecButton { position: relative; }
.secButton { display: none; position: absolute; top:30px; left: 0; width: 100%; }
.mainMenu ul li .secButton a { display: block; padding: 5px 0; font: 16px/16px "arial","微軟正黑體"; color:#000; background: #fff; transition: .5s; }
.hasSecButton:hover .secButton { display: block; }
.mainMenu ul li .secButton a:hover {background:#b24c38; color: #fff;  }

.pageMenu { position: fixed; top:20%; left: 100px; padding: 20px 0px;  width: auto; border-radius: 20px; background:#fff; z-index: 10; }
.pageMenu ul { position: relative; }
.pageMenu ul li { padding: 5px 10px;  transition: .5s; }
.pageMenu ul li a { display: block; font: 18px/18px "arial","微軟正黑體"; color:#b24c38; text-decoration: none; }
.pageMenu ul li:hover { background: #f9c441; }
.pageMenu ul li:hover a { color: #000; }
.pageMenu ul::before { content: ""; position: absolute; top:-95px; left: 0; width: 93px; height: 87px; background:url(../images/dec-pagemenu-1.png) top center no-repeat; }














header.header { height: auto; background: url(../images/bg-header-ski.jpg) top center no-repeat; }
header.header h1 { padding: 7vw 0 7vw 0; }
header.header h1 img { display: block; margin: 0 auto; width: 90%; max-width: 497px; transform: translateX(23px); }

.dec-text-1 { padding: 40px 0 0 0; text-align: center; }
.dec-text-img { position: relative;display: inline-block; z-index: 3; }
.dec-text-img img { width: 100%; max-width: 388px; }
.dec-text-img::before { content: ""; position: absolute; bottom:0; left: -12.97vw; width:11.97vw; height:9.84vw; background: url(../images/dec-text-1-1.png) bottom center no-repeat; z-index: 3; background-size: 100%; }
.dec-text-img::after { content: ""; position: absolute; bottom:0; right: -12.45vw; width: 12.45vw; height:8.8vw; background: url(../images/dec-text-1-2.png) bottom center no-repeat; z-index: 3; background-size: 100%; }



.skiInforBase { padding: 100px 0;   }
.skiInforContent { position: relative; z-index: 2 }
.skiInforContent h2 { text-align: center; }
.skiInforImg { padding: 10px; width: 35%; float: left; text-align: right;}
.skiInforImg img { width: 100%; max-width: 436px; }

.skiInforTalk { position: relative;   padding: 40px 0px 0px 0px; width: 65%; float: right; text-align: left; z-index: 3; }
.skiInforTalk ul { margin: 0 auto; width: 80%; }
.skiInforTalk li { position: relative; margin:0 0 30px 0; padding: 10px;  font:22px/1.6 "微軟正黑體";  }
.skiInforTalk li:nth-child(odd) { background:#f9c441;  text-align: right; border-radius: 20px 0 20px 20px; }
.skiInforTalk li:nth-child(even) { background:#fff;  text-align: left; border-radius: 0 20px 20px 20px;  }
.skiInforTalk li:nth-child(odd)::after { content: ""; position: absolute; top:-10px; right: -91px; width: 66px; height: 66px; background:url(../images/dec-ski-talk-1.png) top center no-repeat; }
.skiInforTalk li:nth-child(odd)::before { content: ""; position: absolute; top:0; right: -25px; width: 25px; height: 34px; background:url(../images/dec-ski-talk-4.png) top center no-repeat; }
.skiInforTalk li:nth-child(even)::after { content: ""; position: absolute; top:-10px; left: -91px; width: 66px; height: 66px; background:url(../images/dec-ski-talk-2.png) top center no-repeat; }
.skiInforTalk li:nth-child(even)::before { content: ""; position: absolute; top:0; left: -25px; width: 25px; height: 34px; background:url(../images/dec-ski-talk-3.png) top center no-repeat; }




.itemBase { padding: 40px 0; }
.itemContent h2 { text-align: center; }
.aItem { margin-bottom: 150px; }

.bg-white-1 .aItem h3 { padding-top: 40px; font:22px/1 "微軟正黑體"; color: #fff; text-align: center; text-shadow: 0 0 5px #b24c38,0 0 5px #b24c38; height: 77px; background: url(../images/bg-h3-blue-1.png) center center no-repeat }
.bg-white-1 .aItem:nth-child(odd) h3 { background: url(../images/bg-h3-blue-2.png) center center no-repeat }

.bg-blue-1 .aItem h3 { padding-top: 40px; font:22px/1 "微軟正黑體"; color: #b24c38; text-align: center;text-shadow: 0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff;  height: 77px; background: url(../images/bg-h3-white-1.png) center center no-repeat }
.bg-blue-1 .aItem:nth-child(odd) h3 { background: url(../images/bg-h3-white-2.png) center center no-repeat }

.itemInfor { margin: 40px 0 0px 0; position: relative;  }
.itemInfor .photo { width: 50%; float: left; text-align: right; }
.itemInfor .photo img { width: 100%; }
.itemInfor .text { padding:20px 0 0 20px; width: 50%; float: right; text-align: left;}
.itemInfor .text p { font:19px/1.5 "微軟正黑體"; color: #000; text-align: left;  }
.bg-blue-1 .itemInfor .text p { color: #fff;  }
.itemInfor .photo { position: relative; z-index: 2; }
.aItem:nth-child(even) .photo::before { content: "" ;position: absolute; bottom: 50px; left: -195px; width: 408px; height: 230px ; background: url(../images/dec-item-1.png) top center no-repeat; z-index: -1; }
.aItem:nth-child(odd) .photo::before { content: "" ;position: absolute; top: -50px; left: -100px; width: 218px; height: 172px ; background: url(../images/dec-item-2.png) top center no-repeat; z-index: -1; }
.aItem:nth-child(even) .itemInfor { background: url(../images/dec-aItem-2.png) bottom right no-repeat;  }
.aItem:nth-child(odd) .itemInfor { background: url(../images/dec-aItem-1.png) bottom right no-repeat;  }


.bg-blue-1 .aItem:nth-child(even) .itemInfor { background:none;  }
.bg-blue-1 .aItem:nth-child(odd) .itemInfor { background: none;  }






/*C23*/
.box-head,
.intro-anchors/*,
.carrier h4 */{ display: none; }
.carrier { margin-bottom: 50px; }

.carrier ul { position: relative; width: 100%; padding: 10px; background: #fff; }


.carrier li { position: relative;  padding: 25px 200px 5px 70px; border-bottom:1px dotted #cdcdcd; background:#fff; transition: .5s; z-index: 2; }
.carrier li:before { content: ""; position: absolute; top: 20px; left: 0px; width: 60px; height: 60px; background:url(../images/dec-sale-1.png) top center no-repeat; background-size: 100%; }
.carrier li a { font:18px/1.4 "arial","微軟正黑體"; color: #525252; text-decoration: none;  }
.carrier li a strong { display: block; font:22px/1.4 "arial","微軟正黑體";color: #b24c38;  }
.carrier li a .price { position: absolute; top:25px; right: 0; padding: 5px 0; width: 200px; font:22px/1.4 "arial","微軟正黑體";color: #fff; text-align: center; background: #b24c38; border-radius: 99em; }
.carrier ul::before { content: ""; position: absolute; bottom: -77px; right: -130px; width: 408px; height: 267px; background:url(../images/dec-item-3.png) top center no-repeat; z-index: 1;  }
.carrier li:hover { transform: translateY(-10px); background:#fff; }

.fit .carrier ul { letter-spacing: -0.31em; *letter-spacing: normal; *word-spacing: -0.43em;  text-rendering: optimizespeed; }
.fit .carrier li { display: inline-block; margin:10px 3%; width: 44%; letter-spacing: normal; }
.fit .carrier li.box-head { display: none; }

.cn .carrier { margin-bottom: 0px; }
.cn .carrier ul { padding: 0 10px;}
.cn .c23Base:first-child .carrier ul { padding-top: 10px; } 
.cn .c23Base:last-child .carrier ul { padding-bottom: 10px; } 
.cn .carrier ul::before { display: none; }
/*C23 END*/

.bg-white-1 .aItem h4 { padding-top: 40px; font:22px/1 "微軟正黑體"; color: #fff; text-align: center; text-shadow: 0 0 5px #b24c38,0 0 5px #b24c38; height: 77px; background: url(../images/bg-h3-blue-1.png) center center no-repeat }
.bg-white-1 .aItem:nth-child(odd) h4 { background: url(../images/bg-h3-blue-2.png) center center no-repeat }

.bg-blue-1 .aItem h4 { padding-top: 40px; font:22px/1 "微軟正黑體"; color: #b24c38; text-align: center;text-shadow: 0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff;  height: 77px; background: url(../images/bg-h3-white-1.png) center center no-repeat }
.bg-blue-1 .aItem:nth-child(odd) h4 { background: url(../images/bg-h3-white-2.png) center center no-repeat }


/*C26*/
/*c26*/
.group-type-ph { text-align: center;display: block; padding-top:0px; width: 100%;margin:0 auto 5% 0;}
.group-type-ph .ph {overflow: hidden; transition: 0.3s; display: inline-block; position: relative; margin:10px 5px; width:300px; text-align: left; vertical-align: top;
 cursor: pointer;transition: 0.5s; background: #b24c38; }
.group-type-ph .ph a { display: block; width: 100%; height:auto; text-decoration: none; }
.group-type-ph .ph .ph-img,.group-type-ph .ph .ph-img img{display: block;width:300px;height: 200px ; margin:0 auto;overflow: hidden;}
.group-type-ph .ph .ph-img { position:relative;width:300px;  z-index: 1;transition: 1s;  -webkit-transition: 1s;height:auto; overflow: hidden;}
.group-type-ph .ph .ph-img img{ -webkit-transition:1s all ease;transition: 1s all ease;}



.ph-title { position: static; bottom: 0; padding:2% 5%; width: 100% ; font: bold 16px/1.4 "arial","微軟正黑體"; text-align: center; color: #fff;  letter-spacing: 0px; z-index: 2}
.ph-detail { margin: 0 auto 0 auto; padding:1% 3% 1% 3%; width: 100% ; font: 14px/1.2 "arial","微軟正黑體"; letter-spacing: 1px; color: #fff; overflow: hidden;}
.ph-detail li {list-style: disc;}
.ph img { width: 100%; }
.ph-feature { display:block;margin: 0 auto; padding: 0 3%; width:100%; text-align: left;font: bold 14px/20px "arial","微軟正黑體"; color: #c00302;}
.ph em { display: block; width: 100%; font: bold 24px/30px "Century Gothic","微軟正黑體";text-align: center; letter-spacing: 0px; color: #FF0;padding: 3px 0 3px 0 ;transition: 0.5s;}
.ph em span{ margin: 0 0 0 -5px ; font:bold 26px/29px "Century Gothic","微軟正黑體"; color:  #FF0;}
.ph em i { margin: 0 0 0 -5px ;font: 16px/30px "Century Gothic","微軟正黑體";}
.ph a,
.ph a:link { color: #000 ;}

/*C26 END*/





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


}




@media only screen and (max-width: 1024px) {
header.header { height: auto; background: url(../images/bg-header-ski-m.jpg) top center no-repeat; }
header.header h1 { padding: 9.27vw 0 20vw 0; }

.dec-text-img::before { left: -13.25vw; width: 13.25vw;height: 15.45vw; }
.dec-text-img::after { right: -22.45vw;width: 22.45vw; height: 22.8vw;}

.skiInforContent { padding-top: 5%; }
.skiInforTalk { padding-top: 30px; }
.skiInforTalk li {  margin:0 0 20px 0; font:16px/1.6 "微軟正黑體";  }


}


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

.dec-text-img::before { left: -17.25vw; width: 17.25vw;height: 19.45vw; }
.dec-text-img::after { right: -23.45vw;width: 27.45vw; height: 23.8vw;}

.skiInforImg { padding: 10px; width: 100%; float: none; text-align: center; }
.skiInforImg img { width: 100%; max-width: 436px; }

.skiInforTalk { position: relative;   padding: 0% 0px 0px 0px; width: 100%; float: none; text-align: left; z-index: 3; }

.itemInfor .text p { font: 18px/1.5 "微軟正黑體"; }
.aItem:nth-child(even) .photo::before,
.aItem:nth-child(odd) .photo::before,
.aItem:nth-child(even) .itemInfor,
.aItem:nth-child(odd) .itemInfor { background: none;   }

.carrier li {padding: 15px 5px 5px 70px;  }
.carrier li a .price { position: static; top:0; right: 0;  display: block; margin:10px auto 0 auto; width: 200px; }



}





@media only screen and (max-width: 768px) {
.mobileMainPageIO { position: fixed; bottom: 5%; right: 5%; padding-top: 15px; width: 60px; height: 60px; border-radius: 99em; z-index: 20;background: rgba(249,196,65,0.8); }
.mobileMainPageIO .line { margin:0 auto 10px auto; width: 70%; height: 3px; background: #fff; transition: .5s; }
.mobileMainPageIO.on .line:first-child { transform: translateY(13px) rotate(45deg); }
.mobileMainPageIO.on .line:last-child { transform: translateY(-13px) rotate(-45deg); }
.mobileMainPageIO.on .line:nth-child(2) { opacity: 0; }

.mainMenu { display: none; position: fixed; top:0; height: 100vh; }
.mainMenu ul { padding-top: 10%; }
.mainMenu ul li { display: block; width: 100%; height: auto; }

.secButton { display: block; position: static; margin: 0;}
.mainMenu ul li .secButton a { background: rgba(255,255,255,0.6) }


.pageMenu { top:calc(100vh - 28px); left: 0; padding: 0; width: 100%; border-radius: 0; }
.pageMenu ul::before { display: none; }
.pageMenu ul li { display: inline-block; padding: 5px; width: 30%; text-align: center; }
}


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



.dec-top-1:before { top:-50px; height: 50px;  }
.dec-footer-1:after { bottom:-50px;  height: 50px;  }
.dec-top-2:before { height: 50px;  }
.dec-footer-2:after {  height: 50px;  }


header.header { background-size: 160%; }

header.header h1 { padding: 15vh 0 30vh 0; }
header.header h1 img { transform: translateX(0px); }
.dec-text-img { padding: 5% ; background:#fff; }
.dec-text-1 .bg { display: none; }


.skiInforTalk li:nth-child(odd)::after { top: -10px;right: -50px;width: 50px;height: 50px;background-size: 100%; }
.skiInforTalk li:nth-child(even)::after { top: -10px;left: -50px;width: 50px;height: 50px;background-size: 100%; }

.bg-white-1 .aItem h3,
.bg-white-1 .aItem:nth-child(odd) h3 { background-size: 100%; }
.itemInfor .photo,
.itemInfor .text { float: none; width: 100%; }
.itemInfor .text p { font: 15px/1.5 "微軟正黑體"; }


.carrier li {padding:  0% 0 10% 0;  }
.carrier li a .price { position: static; top:0; right: 0;  display: block;  width: 200px; }
.fit .carrier li a .price { width: auto; }
.carrier li:before { display: none; }
.carrier li a { font: 16px/1.4 "arial","微軟正黑體";   }
.carrier li a strong {  font: 18px/1.4 "arial","微軟正黑體"; }

.carrier ul::before {  background:none;  }


.bg-blue-1 .aItem h3:nth-child(odd),
.bg-blue-1 .aItem h3:nth-child(even),
.bg-blue-1 .aItem h4,
.bg-white-1 .aItem:nth-child(odd) h4,
.bg-white-1 .aItem:nth-child(even) h4 { background-size: 100%; }

}