#mtkContainer{overflow-y: hidden;}
#mtkContainer * {vertical-align: top;}
.wrapper {
    position: relative;
    width: 100%;
    text-align: left;
    overflow: hidden;
    font-family:"Noto Sans TC","Microsoft JhengHei","Apple LiGothic Medium", Arial, Helvetica, sans-serif;
    transition: all 0.2s;
    /* background:url(../images/bgwrapper.jpg) center top repeat; */
    background: #dee0ed;
}

.wrapper img {
    border: 0;
    vertical-align: top;
}

.wrapper .bgdec{position: absolute; top: 0; left: 50%; margin-left: -1000px; padding-top: 850px;}
@media screen and (max-width:1120px){
    .wrapper .bgdec{display: none;}
}/*media*/



/*section*/

.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }

.work-section {
    position: relative;
    z-index: 10;
    /* background:url(../images/bgwrapper3.jpg) center top repeat; */
    background: #dee0ed;
    font-family:"Noto Sans TC","Microsoft JhengHei","Apple LiGothic Medium", Arial, Helvetica, sans-serif;
}
.work-section .section-header {
    position: relative;
    z-index: 10;
}
.work-section .section-header > .inner {
    margin: 0 auto;
    max-width: 1020px;
    width: 92%;
}



.work-section .tabs-nav {
   text-align: center;
}
.work-section .tabs-nav li {
    display:inline-block;
    position: relative;
    width: 24%;
    max-width: 223px;
    margin: 0 14px;
}
.work-section .tabs-nav a {
    display: block;
    position: relative;
}
.work-section .tabs-nav a img{width: 100%;}
.work-section .tabs-nav a img.on{opacity: 0; position: absolute; left: 0; top: 0; transition: all 0.2s;}
.work-section .tabs-nav a:hover img.on,
.work-section .tabs-nav a.active img.on {
    opacity: 1;
}



.work-section .section-body {
    position: relative;
    background:url(../images/infobg.jpg) center top repeat-y;
    padding-bottom: 50px;
}

.work-section .section-body .tabs-panel{width: 96%; max-width: 1200px; margin:0 auto; position:relative; }
.section-body h2 img{width: 100%;}
.section-body .con{    border: dotted 7px #1f4f85;
    margin: 18px 7%;
    text-align: center;

}
.section-body .con .rowww{ width: 49.5%;
    display: inline-block;
    vertical-align: top;
}
.section-body .con .rowww img{width: 100%;}
.section-body .con .rowww:first-child{border-right: dotted 7px #1f4f85;}

.section-body .con .rowww dl{padding: 15px 3%;}
.section-body .con .rowww dl dt{color:#f39a00; font-size: 24px; font-weight: bold; line-height: 1;
    padding: 7px 0;}
.section-body .con .rowww dl dd p{ text-align: left; font-size: 15px; line-height: 1.5;     padding: 7px 14px;}





@media screen and (max-width:1120px){
.work-section .tabs-nav li {
    margin: 0;
}
.section-body .con {border: dotted 5px #1f4f85;}
.section-body .con .rowww:first-child{border-right: dotted 5px #1f4f85;}
.section-body .con .rowww dl dt{font-size: 20px;}
.section-body .con .rowww dl dd p{    font-size: 13px; padding-right: 7px;}
}/*media*/


@media screen and (max-width:768px){
.work-section .section-header > .inner {
    width: 100%;
}	
.section-body .con {
    margin: 18px 2%;
}
.section-body .con {border: dotted 2px #1f4f85;}
.section-body .con .rowww:first-child{border-right: dotted 2px #1f4f85;}
.section-body h2 img {
    width: 112%;
    margin-left: -6%;
}
}/*media*/


@media screen and (max-width:400px){
.section-body .con .rowww {
    width: 49%;
}
}/*media*/


.tabs-panel .dec{position: absolute; left: 50%; bottom: 5px; width: 168px; margin-left: -55%;}
.tabs-panel .dec img{width: 100%;}
@media screen and (max-width:1120px){
	.tabs-panel .dec{display: none;}
}


.tabs-panel h6 {
    text-align: center;
    margin-bottom: -69px;
    position: relative;
}
@media screen and (max-width:1120px){
	.tabs-panel h6{    margin-bottom: -6%;}
	.tabs-panel h6 img{    width: 25%;}
}
@media screen and (max-width:500px){
	.tabs-panel h6{    margin-bottom: -10%;}
	.tabs-panel h6 img{    width: 40%;}
}



.c23group , .c26htl{position: relative;     margin: 40px 0 90px 0;}


.mobileHeader {display: none;}
/* 
.head h1 {height: 743px;background: url(../images/header202304.jpg) center top no-repeat; z-index:20;display: block;} */

/* .kv-banner{
    position: relative;
    height: 450px; 
    background: url(../images/header20240906.jpg) top center no-repeat;
    max-width: 1920px;
    overflow: hidden;
    margin: 0 auto;


}

  

    .kv-banner h1{
      display: none;
  
    }

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

    .kv-banner .mo{
     
        width: 100%;
    }
    .kv-banner h1 img{
        width: 100%;
    }
  

    .kv-banner h1{
        display: block;
  
      }

      .kv-banner { 
        background:none; 
        height: auto;
    } 
} */
 /*版頭*/

.head header.kv-banner { position: relative; height: 450px; background-position: top center;background-repeat:no-repeat;}
.head header.kv-banner h1{opacity: 0;}

@media screen and (max-width:1024px) {
.head header.kv-banner { background-size: 178%; height: 42vw; }
}
@media screen and (max-width:768px) {
.head header.kv-banner .container-fluid.pin-header-banner,head .kv-banner .container-fullbg.pin-header{margin-top: 0;}
}




/* 
@media screen and (max-width:1400px){
.head h1 {height: auto;background:none;min-height: none;}
.head {min-height: none;}
.mobileHeader {display: block;width: 100%;}

} */



.head{ text-align: center; }  


.head .slideShow {
    width: 92%;
    max-width:1426px;
    position: relative;
    display: inline-block;
    margin: 42px auto;
    
}

.head .slideShow ul {
    width: 100%;
}

.head .slideShow ul li {
    top: 0;
    left: 0;
    width: 100%;
    display: none;
    position: absolute;
}

.head .slideShow ul li img {
    width: 100%;
    border:solid #53b3be 5px;
}
/*
.head h1{z-index: 100; position: absolute; left: 50%; top: 2px;
    margin-left: -156px; }
.head h2{z-index: 100; position: absolute; left: 50%;     top: 663px;
    margin-left: -233px;}
.head span.dd{z-index: 100; position: absolute; left: 50%;     top: 202px;
    margin-left: 600px;}
*/

@media screen and (max-width:1426px){
    /*
.head{min-height: inherit;     background-size: 137%;}    

.head h1 img{width: 100%;  max-width: 683px;}
.head h2 img{width: 100%;  max-width: 430px;   }
*/
.head span.dd{display:none;}
/*
.head h1 {
    top: 1vw;
    margin-left: inherit;
    width: 60%;
    transform: translateX(-50%);

}
*/
.head .slideShow {
    margin: 21vw auto 8vw auto;
}
.head h2 {
    top: 62.5vw;
    margin-left: inherit;
    width: 43%;
    transform: translateX(-50%);
}
}/*media*/





/*客製化*/
.poi{width: 90%;margin: 0 auto;}

.poi .ph-menu  {display: none;}
.poiAutoTemplate .ph-group{margin-bottom:80px;}
.poiAutoTemplate .ph-group-content{padding: 10px 10px 50px 10px;margin: 5px;border:solid 6px #d87013;} 
.poiAutoTemplate .ph-group-content:hover .ph-group-content-text-price{background:#23508c;}
.poiAutoTemplate .ph-group-title { background: url(../images/title1.png) center top no-repeat;  height: 76px; text-align: center;  font-size: 44px; font-weight: bold;  padding-top: 12px;
    margin:10px auto; text-shadow: 1px 1px 5px rgba(255, 255, 255, 1), 1px 1px 5px rgba(255, 255, 255, 1), 1px 1px 5px rgba(255, 255, 255, 1), 1px 1px 5px rgba(255, 255, 255, 1);}
.poiAutoTemplate .ph-group, .poiAutoTemplate.poiAutoTemplate-scrollTab .ph-group {justify-content: center;}
.poiAutoTemplate .ph-group-title span{margin: 0 auto; display: inline-block; text-align: center; padding: 0 25px; color: #000; font: 500 34px/1.6 "Noto Sans TC"; position: relative;  }
.poiAutoTemplate .ph-group-title  img{display: none;}
.poiAutoTemplate .ph-group-content-text-name{color: #49312c;font:500 18px/1.4 "Noto Sans TC";}
.poiAutoTemplate .ph-group-content-tag{background:rgba(0,0,0,0.5);}
.poiAutoTemplate .ph-group-content-text-sale , .poiAutoTemplate .ph-group-content-text-sale a {display: block; padding: 0px 3px; font: 500 15px/1.4 "Noto Sans TC"; background:none; border-radius: 20px;color: #bf6a2e;}
/*.poiAutoTemplate .ph-group-content-text-sale a{ color: #FFF;background:#d87013; border-radius: 20px;}*/
.poiAutoTemplate .ph-group-content-text-detail {display: block; padding: 0px 0px; font: 15px/1.8 "Noto Sans TC"; color: black; }
.poiAutoTemplate .ph-group-content-text-price{position: absolute;bottom: 10px;text-align: center;right: 10%;width: 80%;background: #f02f00;padding:5px 0;color: #fff;font:500 20px/1.2 "Noto Sans TC";}
.poiAutoTemplate .ph-group-content-text-price span{font: 16px/1.2 "Noto Sans TC";color: #FFF;}
.poiAutoTemplate{position: relative;padding: 0 0 10px 0;}
.poiAutoTemplate .link-right{background:#daa55f;padding: 7px 29px 7px 15px;font:18px/1.4 "Noto Sans TC";color: #FFF;text-align: center;display: inline-block;position: absolute;bottom: 0;right: 20px;clip-path: polygon(0 0, 86% 0, 100% 100%, 0% 100%);transition: 0.3s;}
.poiAutoTemplate .link-right::after{content: ">>" ;display: inline-block;font:10px/1 "Noto Sans TC";transform:translateY(-5px);-webkit-animation: gogo 0.3s  infinite alternate;animation: gogo 0.3s  infinite alternate;}
.poiAutoTemplate .link-right:hover{padding: 7px 39px 7px 15px;color: #e8fe51;transform: translateX(10px);}

.poi.onlyText .poiAutoTemplate .ph-group-content-photo{width: 20%;}
.poi.onlyText .poiAutoTemplate .ph-group-content-text{width: 75%;flex-grow: 1;padding: 5px;}
.poi.onlyText .poiAutoTemplate .ph-group-content-photo img{object-fit: cover;width: 100%;height: 100%;}
.poi.onlyText .poiAutoTemplate .ph-group-content{border:none;border-bottom:dotted #FFF 5px;background: none;box-shadow: none;width: 70%;padding: 10px;display: inline-flex;flex-wrap: nowrap;}

.poi.onlyText .poiAutoTemplate .ph-group-content-text-sale ,.poi.onlyText .poiAutoTemplate .ph-group-content-text-sale a  {font: 400 18px/1.4 "Noto Sans TC"; color:red; background:none; border-radius: 0px;text-align: left;}
.poi.onlyText .poiAutoTemplate .ph-group-content:hover .ph-group-content-text-price {color:#ff8342;}
.poi.onlyText .poiAutoTemplate .ph-group-content:hover .ph-group-content-text-price span {color: #ff8342;}
.poi.onlyText .poiAutoTemplate .ph-group-content-text-name{font:600 20px/1.3 "Noto Sans TC";padding: 5px 0;}
.poi.onlyText .poiAutoTemplate .ph-group-content-text-detail {font: 16px/1.8 "Noto Sans TC";width: 87%;color: #1b5eb7;}
.poi.onlyText .poiAutoTemplate .ph-group-content-text-detail a {color: #1b5eb7;font: 16px/1.8 "Noto Sans TC";}
.poi.onlyText .poiAutoTemplate .ph-group-content-text-price {background:none;color: #000;font:500 24px/1.2  "Noto Sans TC";width: auto;right: 0%;position: absolute;padding: 0;}
.poi.onlyText .poiAutoTemplate .ph-group-content-text-price span{color: #000; transform: translateY(8px);}

.poiAutoTemplate .ph-menu {display: none;}

#localPage{background:#49312c;}
#localPage a.poiAutoTemplate-on {border-bottom:0;}
#localPage a{font:20px/1.4 "Noto Sans TC";margin: 0px 5px;color: #FFF;position: relative;transition: 0.3s;}
#localPage a:hover{background: #ffeb7e;color:#000;}




@media only screen and (max-width: 1200px) {
.poi.onlyText .poiAutoTemplate .ph-group-content{width: 100%;padding: 0;margin: 5px;}
.poi.onlyText .poiAutoTemplate .ph-group-content-text-name{font:700 18px/1.3 "Noto Sans TC";}
.poi.onlyText .poiAutoTemplate .ph-group-content-text-sale ,.poi.onlyText .poiAutoTemplate .ph-group-content-text-sale a {font-size: 16px;}
.poi.onlyText .poiAutoTemplate .ph-group-content-text-detail{font: 14px/1.6 "Noto Sans TC";}
.poi.onlyText .poiAutoTemplate .ph-group-content-text-price{font:500 18px/1.2  "Noto Sans TC";}
.poi.onlyText .poiAutoTemplate .ph-group-content-text{padding: 10px 10px 50px 10px;}
}

@media only screen and (max-width: 1200px) {
.poi.onlyText .poiAutoTemplate .ph-group-content-photo{display: none;}
}

@media only screen and (max-width: 600px) {
    
#localPage a{font:16px/1 "Noto Sans TC";padding: 10px 5px;}
.poiAutoTemplate .ph-group-title{font-size:22px;}
.poiAutoTemplate .link-right{bottom: 50px;}
.poiAutoTemplate .ph-group-title span{font-size: 26px; }
.poiAutoTemplate .ph-group-title{height: 65px;padding-top:15px;background-size: 100%;}
.poi.onlyText .poiAutoTemplate .ph-group-content-text-detail{width: 100%;}


}





.bnAD{margin: 50px auto 50px auto;text-align: center;}
.bnAD img.pc{width: 90%;max-width: 1200px;margin: 0 auto;}
/* .bnAD img.m{width: 90%;max-width: 768px;display: none;margin: 0 auto;} */

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

/* .bnAD img.pc{display: none;} */
/* .bnAD img.m{display: block;} */

}



.swiper{
    width:100%;
    max-width: 1200px;
    height: auto;
    margin: 20px auto 20px auto;

}
.swiper-slide {
    height: auto !important;
  }
.swiper-slide img{
    max-width: 1200px;
    width: 100%;

}
.swiper-wrapper {
    align-items: stretch;
  }

  .swiper-button-next, .swiper-button-prev{
    color: #FFF;
  }



  /*index選單*/


.indexPoiMenu { position: sticky;  width: 100%;  top: 54px;  left: 0;  background: var(--orange);  text-align: center;  height: auto;  z-index: 5;  padding: 15px 0;display: flex;flex-wrap: nowrap;justify-content: center;/*box-shadow: 0px 0px 10px rgba(31, 114, 93, 0.2);*/}
.indexPoiMenu-sec{display: flex;flex-wrap: nowrap;align-items: center;gap:0 5px;font-size: 20px;font-weight: 600;}
.indexPoiMenu-sec-text{display: flex;flex-wrap: nowrap;gap: 10px;margin: 0 10px;font-size: 20px;font-weight: 400;}
.indexPoiMenu-sec-text li {cursor: pointer;color: #FFF;font-size: 18px;background: #f09904;padding: 5px 10px;border-radius: 20px;}
.indexPoiMenu-sec-text li a {color: #FFF;display: block;}
.indexPoiMenu-sec-text li:hover{color: #fff3cd;}
.indexPoiMenu-sec-title{color: #a81900;padding: 0px 8px;border-left: 1px solid #a81900; border-right: 1px solid #a81900; cursor: pointer;}

@media screen and (max-width:1200px) {
  .indexPoiMenu{padding: 10px 0;}
}
@media screen and (max-width:992px) {
.indexPoiMenu{top: 67px;}
.indexPoiMenu-sec{font:400 16px/1.2 'Noto Sans TC';}
.indexPoiMenu-sec-text{font:400 16px/1.2 'Noto Sans TC';}
.indexPoiMenu-sec-text li {font-size: 14px;}
.indexPoiMenu-sec-title{font:600 16px/1.2 'Noto Sans TC';}
}


@media screen and (max-width:768px) {
.indexPoiMenu{ white-space: nowrap;  -webkit-overflow-scrolling: touch; overflow-scrolling: touch; overflow-x: scroll;justify-content: left;top: 53px;}
}