* { box-sizing: border-box; font-family: "微軟正黑體","思源黑體","arial"; transition: 0.2s;}
#mtkContainer {}

a{text-decoration: none; }
/*版頭*/

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

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




/* header.header{position: relative; height: 580px; background: url(../images/header20230817.jpg) top center no-repeat;}
header.header h1{display: none;} */

.topBtn {position: fixed;width: 50px;height: 50px;background: rgba(0,0,0,0.8);color:#FFF;font: 16px/1.2 "微軟正黑體";right: 3%;bottom: 10%;border-radius: 99em;padding-top: 22px;text-align: center;cursor: pointer;z-index: 100;}    
.topBtn::before{content: '▲';position: absolute;top: 8px;left: 19px;font: 12px/1.2 "微軟正黑體";}
/* 
.pageMenu{position: sticky; width: 100%; top: 0; left: 0; background:#039847; text-align: center;height: auto;z-index: 99;padding: 0px 0;} */
.pageMenu.sticky{position: fixed; top: 0px; left: 0;}
.pageMenu{ width: 100%; top: 0; left: 0; background:#039847; text-align: center;height: auto;z-index: 99;padding: 0px 0;}
.pageMenu li{display: inline-block;  margin: 0px -2px; position: relative;}
.pageMenu li:after{content: ""; height:100%;  width: 0;  position: absolute; left: 0; top: 0; background: #ff7f90; z-index: -1;transition: 0.3s;}
.pageMenu li:hover:after{ width: 100%;}

/*.pageMenu li.on{background:#ff7f90;}*/



/*旅展用*/
.pageMenu li.on{background: #ffe342;color: #000;}
.pageMenu li.on a{background: #ffe342;color: #000;}








.pageMenu li.on:after{content: "";width: 81px;position: absolute;left: -50px;top: -55px;height:65px;background-size: 100%;background: url(../images/here.png) top center no-repeat;z-index: 1; }
.pageMenu.sticky li.on:after {content: none;}
.pageMenu li a{font:24px/1.2 "微軟正黑體" ; color: #FFF;padding: 8px 30px;display: inline-block;transition:0.3s;position: relative;}

.morePoiMenu{width: 100%; text-align: center;position: sticky;top:53px; left: 0; height: auto;z-index:90;background: #FFF;padding: 5px 0;}
.morePoiMenu div{display: inline-block;  margin: 0px 5px;background: #FFF;font:18px/1.2 "微軟正黑體" ; color: #000;padding: 5px 10px;cursor: pointer;}



.poiMenu {width: 100%; text-align: center;top:53px; left: 0; height: auto;z-index:90;background: #FFF;padding: 0 10px;margin: 0 auto;display: inline-block;}
.poiMenu li {display: inline-block;  margin: 5px;background: #FFF;font:20px/1.2 "微軟正黑體" ; color: #000;padding: 5px 10px;cursor: pointer;}
.poiMenu li:hover  a{color:#2c539d;}
.poiMenu.sticky {position: fixed; padding: 0;top: 45px; left: 0;width: 100%;}



/* .slidecontain {width: 100%; text-align: center;top:53px; left: 0; height: auto;z-index:90;background: #FFF;padding: 0 10px;margin: 0 auto;display:none;}
.slidecontain li {display: inline-block;  margin: 0px 5px;background: #FFF;font:16px/1.2 "微軟正黑體" ; color: #000;padding: 5px 10px;cursor: pointer;}
.slidecontain li:hover  a div{color:#2c539d;}
.slidecontain li a div{color:#000;font:20px/1.2 "微軟正黑體"; }
.slidecontain.sticky{position: fixed; padding: 0;top: 45px; left: 0;width: 100%;} */

.spcialText{margin: 12px auto; color:#000;font:bold 24px/1.2 "微軟正黑體"; display: inline-block;width: 100%; text-align: center;    white-space: nowrap;}
.spcialText span{ color: #ee0c41;position: relative;z-index: 1;}
.spcialText span::before{ 
    
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1135' height='126' viewBox='0 0 1135 126' fill='none'%3E%3Cpath d='M1125.63 56.6796L1134.77 108.202L1107.32 113.489L1093.61 115.928C1076.72 118.983 1055.71 118.067 1035.25 116.015L1005.85 112.962L976.043 109.885C957.728 108.048 939.431 107.168 921.161 106.899L891.611 106.303L861.625 106.091C843.64 105.833 825.667 106.243 807.693 107.685L777.965 109.954L748.211 112.633C727.216 114.325 706.194 115.12 685.172 115.307L625.969 115.752C604.956 115.939 583.794 115.606 562.773 114.307L503.414 110.633C485.594 109.532 467.803 109.308 450.018 110.205L390.663 113.107C371.848 114.058 352.911 115.444 334.098 117.414L304.728 120.528L274.949 123.616C251.853 126.034 228.605 126.282 205.461 124.247L176.037 121.604L146.204 118.936C130.182 117.527 103.328 117.614 64.3837 119.625L5.41268 122.961L2.95645 122.809L2.51504 70.1816L2.33368 66.4719L0.00142594 17.8366L58.9471 14.9096C98.9914 12.8417 131.956 12.6501 155.53 14.7228L184.979 16.9564L214.813 19.6246C231.255 21.0687 247.744 21.1068 264.14 19.3899L293.51 16.2762L323.289 13.1879C343.921 11.0274 364.571 9.43837 385.227 8.3914L444.582 5.48975C466.312 4.39131 488.152 4.48996 509.9 5.83374L569.259 9.50739C587.821 10.6543 606.525 11.0706 625.061 10.9062L684.264 10.4607C702.775 10.2959 721.406 9.23135 739.909 7.74044L769.228 5.44553L798.956 3.17596C820.32 1.45462 841.8 0.6786 863.198 0.987708L893.184 1.19971L922.735 1.79575C944.001 2.10895 965.361 3.20577 986.622 5.33872L1016.43 8.41633L1045.83 11.4686C1054.71 12.3594 1061.88 12.7274 1067.12 12.7861C1069.59 12.8114 1071.49 12.8161 1072.87 12.7314C1074.17 12.6491 1074.95 12.448 1074.95 12.4487L1116.08 5.13195L1120.25 4.15718L1124.78 4.0265L1125.63 56.6796Z' fill='white'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    width: 100%;
    background-size:100% ;
    height: 11px;
    position: absolute;
    z-index: -1;
    left: 50%;
    bottom: -2px;
    transform: translateX(-50%);

}
    @media screen and (max-width:1024px){
    .spcialText{font:bold 18px/1.2 "微軟正黑體";}
    }


.slidecontain{display: none;}
.poiGoods:has(.spcialText){
    padding-top: 50px;
}
.poiGoods:has(.spcialText) .ph{
    padding-top: 0;
}


.poi{margin: 0 auto;padding: 0px 0 80px 0;background:  #ffe9c7;background-position-y:300px;}
.ph-group  {width: 100%;margin: 0 auto 0px auto;padding: 10px 10px;position: relative;display: inline-flex;flex-wrap: wrap;max-width: 1600px;justify-content: center;}
.ph{margin: 0 auto;width: 100%;padding: 50px 0 0 0;text-align: center;}
.ph:hover{transform: none;}

.ph .ph-group-content{margin: 7px;transition: 0.2s;padding: 10px 10px 40px 10px; width:20%;position: relative;flex-shrink: 1;background: #FFF;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.ph .ph-group-content-photo {width: 100%;display: block;}
.ph .ph-group-content-photo img{width: 100%;vertical-align: top;}

.ph .ph-group-content:hover .ph-group-content-photo img{transform: scale(1.03);}
.ph .ph-group-content-text{padding: 10px;text-align: left;}
.ph .ph-group-content-text-name{color:#333;font:bold 18px/1.4 "微軟正黑體";/*margin: 10px auto;*/display: block;/*padding: 10px 0;*/}
.ph .ph-group-content-text-detail{color:#6d6d6d;font:16px/1.6 "微軟正黑體";}
.ph .ph-group-content-text-detail a{color:#6d6d6d;}
.ph .ph-group-content-text-price {color:#ff4470;position: absolute;border-radius:10px 10px 0 0;padding: 5px 10px;font:bold 26px/1 "Century Gothic","微軟正黑體";text-align: center;display: block;right: 10px;bottom: 10px;}
.ph .ph-group-content-text-price span{font-size: 70%;line-height: 1.8;}
.ph .ph-group-content-tag {position: absolute; top: 20px;left: 0px; color: #fff; letter-spacing: 2px; padding: 5px 10px; font:18px / 1 "微軟正黑體";background: #319fff;border-radius: 0 20px 20px 0;}
.ph .ph-group-content-text-sale{margin: 5px auto;font: bold 16px/1.6 "微軟正黑體"; color:#FFF; background:#ff4470;letter-spacing: 0px;display: block;}
.ph .ph-group-content-text-sale a {color: #FFF;}
.ph-group-title {text-align: center;margin: 0px auto 0 auto;border-radius: 20px 20px 0 0;display:block;}


/*舊的*/
/*.ph-group-title span {font:bold 36px/1.6 "微軟正黑體";color:#567f70;padding: 5px 10px;background: url(../images/title.png) top center repeat-x;background-position-y:33px; position: relative;z-index: 0;}
.ph-group-title span::before{content: "";background: url(../images/left.png) top center no-repeat;width: 100px;height:43px;position: absolute;background-size: 100%;bottom: -3px;left: -110px;z-index: -1;}
.ph-group-title span::after{content: "";background: url(../images/right.png) top center no-repeat;width: 100px;height:43px;position: absolute;background-size: 100%;bottom: -3px;right: -110px;z-index: -1;}*/
/*.ph-group-title{width: 100%;}*/



/*旅展用*/
.ph-group-title span {font:bold 36px/1.6 "微軟正黑體";color:#039847;padding: 5px 10px;background-position-y:33px; position: relative;z-index: 0;}
.ph-group-title span::before{content: "";background: url(../images/left2.png) top center no-repeat;width: 60px;height:59px;position: absolute;background-size: 100%;bottom: -3px;left: -50px;z-index: -1;}
.ph-group-title span::after{content: "";background: url(../images/right2.png) top center no-repeat;width: 64px;height:59px;position: absolute;background-size: 100%;bottom: -3px;right: -60px;z-index: -1;}
.ph-group-title{width: 100%;}



.morePoiBox b{color: #000;text-align: center;text-align: center;font:bold 36px/1.2 "微軟正黑體";display: block;}
.morePoiBox{padding: 30px 0;}




.moreAnc{padding: 50px 0 0px 0;}
.moreAnc .ph{padding: 0px 0;}
.moreAnc .slidecontain {text-align: center;height: auto;z-index:90;padding: 0 10px;margin: 0 auto;display:block;}
.moreAnc .slidecontain li {display: inline-block;  margin: 5px;background: #FFF;font:16px/1.2 "微軟正黑體" ; color: #000;padding: 5px 10px;cursor: pointer;}
.moreAnc .slidecontain li:hover  a div{color:#2c539d;}
.moreAnc .slidecontain li.on{background: #449ce9;}
.moreAnc .slidecontain li.on a div {color: #FFF;}
.moreAnc .slidecontain li a div{color:#000;font:20px/1.2 "微軟正黑體"; }
.moreAnc .ph-group {display: none;}
.moreAnc .ph-group.on{display:inline-flex;}
.moreAnc .ph-group-title{display: none;}
.moreAnc .ph-group-title.on{display: block;}





@media screen and (max-width:1024px){
/* 
header.header{height: auto; background: none;}
header.header h1{display: block;}
header.header h1 img{width: 100%;} */

.pageMenu li a{font:18px/1.2 "微軟正黑體" ;}
.slidecontain.sticky{top: 40px;}


.ph .ph-group-content{width: 45%;}

.poiMenu li,.poiMenu.sticky li {margin:0px 3px;font:18px/1.4 "微軟正黑體";}
}



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

.poi {padding: 0 0 100px 0;background-size: 260%;}
/* .slidecontain,.slidecontain.sticky{white-space:nowrap;-webkit-overflow-scrolling: touch; overflow-scrolling: touch;overflow-x: scroll;border: none;transition: 0s;}
.slidecontain.sticky{top: 39px;}
.slidecontain li,.slidecontain.sticky li {margin:0px 3px;}
.slidecontain li a div,.slidecontain.sticky li a div{font:18px/1.4 "微軟正黑體"; } */

.pageMenu{position: sticky; width: 100%; top: 0; left: 0;  text-align: center;height: auto;z-index: 99;padding:  0;}
.pageMenu li{display: inline-block;  padding: 5px 0px;border-radius: 0px;position: relative;margin: 0;}
.pageMenu li a{font:16px/1.2 "微軟正黑體" ;padding: 5px 10px;}


.morePoiMenu div{font-size: 16px;padding: 0;}
.morePoiMenu{top: 39px;}
.morePoiBox{padding: 5px 0;}
.morePoiBox b {font-size: 28px;}

.poiMenu,.poiMenu.sticky{white-space:nowrap;-webkit-overflow-scrolling: touch; overflow-scrolling: touch;overflow-x: scroll;border: none;transition: 0s;}
.poiMenu.sticky{top: 39px;}

.poiMenu li,.poiMenu.sticky li {margin:0px 3px;font:18px/1.4 "微軟正黑體";}





}

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

.moreAnc .slidecontain li a div{font:15px/1.2 "微軟正黑體";}
.ph .ph-group-content-text-name{font:bold 18px/1.4 "微軟正黑體";}
.ph .ph-group-content-text{padding: 10px ;}
.ph .ph-group-content-text-detail{font:14px/1.4 "微軟正黑體";margin: 0 auto;}
.ph .ph-group-content-text-sale{font: 16px/1.4 "微軟正黑體";}
.ph-group-title span{font:bold 28px/1.6 "微軟正黑體";background-position-y:23px;}
.ph-group{padding: 1% 3%;}
.ph-group{width: 100%;}
.ph-group-title{width: 90%;}
.poi .ph{width: 100%;}

/*.ph-group-title span::before{content: "";background: url(../images/left.png) top center no-repeat;width: 60px;height:43px;position: absolute;background-size: 100%;bottom: -10px;left: -70px;z-index: -1;}
.ph-group-title span::after{content: "";background: url(../images/right.png) top center no-repeat;width: 60px;height:43px;position: absolute;background-size: 100%;bottom: -10px;right: -70px;z-index: -1;}*/
.ph .ph-group-content{width: 92%;flex-shrink:0;margin: 10px;}

.pageMenu li:after{content: none;}
.pageMenu li.on:after{content: none;}

.poiMenu li,.poiMenu.sticky li {font:15px/1.4 "微軟正黑體";}


}


@media screen and (max-width:600px) { 
.pageMenu li a{font:15px/1.2 "微軟正黑體" ;padding: 5px 8px;}

}

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


.pageMenu{white-space:nowrap;-webkit-overflow-scrolling: touch; overflow-scrolling: touch;overflow-x: scroll;}


.topBtn {width: 38px;height: 38px;font: 14px/1.2 "微軟正黑體";right: 0%;bottom: 10%;border-radius: 99em;padding-top: 16px;}
.topBtn::before{content: '▲';position: absolute;top: 1px;left: 13px;font: 13px/1.2 "微軟正黑體";}
/*
.ph-group{justify-content: left;-webkit-overflow-scrolling: touch; overflow-scrolling: touch;overflow-x: scroll;flex-wrap: nowrap;padding: 1% 10%;}*/

}



.bn{text-align: center; padding: 25px 0; width: 90%; margin: 0 auto; } .bn:hover{ filter: brightness(1.1); transform: scale(1.01); }
.bn img{width: 100%; max-width: 1320px;}
@media screen and (max-width:800px) {
	.bn{ padding: 10px 0; } 
}