@charset "utf-8";

.mainviewArea {
    margin: 0 auto;
    padding: 0;
    position: relative;
}

.cycle-slideshow {
    margin: 0 auto;
    padding: 0;
    position: relative;
}

.cycle-slideshow>img {
    display: block;
    width: 100%;
    margin: 0 auto;
}

.topicArea {
    /* position: absolute;
z-index: 200;
left: 0;
bottom: 15px;
width: 100%; */
}

.topicBox {

    margin: 0 auto;
    height: 647px;
    background: url(img1/header-pc2.jpg) top center no-repeat;
}

.topicBox img {
    display: none;
    width: 100%;
}

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


        height: auto;
        background: none;
    }

    .topicBox img {
        display: block;
        width: 100%;
    }
}



body {
    background: white;
    position: relative;
}

.wraperBox {
    background: white;
    background-size: 100%;
    margin: 0 auto;

}

.max1400Box {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0;
}

.max1200Box {
    /* max-width: 1200px; */
    margin: 0 auto;
    padding: 0;

}

.refPos {
    width: 100%;
    height: 1px;
    margin: 0;
    padding: 0;
}

.all_pageA {
    background: #f8f8f8;
    margin: 0 auto;
    padding: 0;
    /*border: 1px solid #8f6d2e;*/


}

.all_pageA:after {
    content: "";
    display: block;
    overflow: hidden;
    clear: both;
}

.rightArea {
    width: 100%;
    max-width: 1050px;
    margin: 0 auto;
    padding: 15px 0;
    box-sizing: border-box;
    background: white;
    box-shadow: 0 5px 10px rgba(128, 128, 128, .15);
}

.leftArea-spr {
    width: 40%;
    background-color: #ff97c3;

    padding: 15px;
    box-sizing: border-box;
    float: left;
}

.leftArea-fall {
    width: 40%;

    background: #f4ce1b;
    background: #f0eadd;
    padding: 15px;
    box-sizing: border-box;
    float: left;
}

.intro1Box {
    margin: 0 auto 15px;
    padding: 0;
}

.intro1Box .introImg {
    display: block;
    width: 100%;
    margin: 0 auto 3px;

}

.intro1Box h3 {
    font: bold 18px/1.4 Arial, "微軟正黑體", "Microsoft JhengHei", sans-serif;
    color: #493c37;
    margin: 0 auto 2px;
    padding: 0 8px 0;
}

.intro1Box p {
    font: normal 14px/1.6 Arial, "微軟正黑體", "Microsoft JhengHei", sans-serif;
    color: #333;
    margin: 0 auto 5px;
    padding: 0 8px;
}

.intro2Box {
    margin: 0 auto 15px;
    padding: 0;
    overflow: hidden;
}

.intro2Box .introImg {
    display: block;
    width: 40%;
    margin: 0 5px 3px auto;
    float: left;
}

.intro2Box h3 {
    font: bold 18px/1.4 Arial, "微軟正黑體", "Microsoft JhengHei", sans-serif;
    color: #493c37;
    margin: 0 auto 2px;
    padding: 8px 8px 0;
}

.intro2Box p {
    font: normal 14px/1.6 Arial, "微軟正黑體", "Microsoft JhengHei", sans-serif;
    color: #333;
    margin: 0 auto 5px;
    padding: 0 8px;
}



/*moreBtn*/
.moreBtn {
    display: block;
    margin: 10px auto;
    text-align: center;
    padding-bottom: 10px;
    transform: translateY(-10px);
    cursor: pointer;
    width: 100%;
}

.moreBtn a {
    font: bold 20px/1.2 "微軟正黑體";
    text-align: center;
    background: #3aaeff;
    border-radius: 50px;
    color: #fff;
    padding: 1% 0;
    transition: all .5s;
    width: 260px;
    display: block;
    margin: 0 auto;
}

.moreBtn.pink a {

    background: #fe4493;

}


.moreBtn:hover a {
    text-decoration: none;
    filter: brightness(110%);
}


#portfolio {
    margin: 0 auto;
    padding: 0;
    width: 928px;
}

.titleBar1 {
    max-width: 446px;
    display: block;
    margin: 0 10px 10px;
}

.titleBar {
    max-width: 329px;
    display: block;
    margin: 0 10px 10px;
}

.titleBar1 img,
.titleBar img {
    display: block;
    width: 100%;
}


/* c23模組專用 */

q:before,
q:after {
    content: "";
}

*+html .carrier li {
    min-height: 1%;
}

.carrier li:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.intro-anchors {
    display: none;
}




.ancArea {
    position: sticky;
    top: 48px;
    display: block;
    margin: 0 auto;
    padding: 7px 0;
    width: auto;
    text-align: left;
    background-color: white;
    z-index: 20;
    margin-bottom: 14px;
}

.ancArea.stick {
    left: 0;
    top: 0;
    width: 100%;
    text-align: center;
    background-color: #fff;
    padding: 5px 0;
    z-index: 1000;
    position: fixed;
}

.ancArea ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.ancArea ul li {
    display: inline-block;
    margin: 8px 2px;
    padding: 0;

}

.ancArea ul li a {
    background-color: #c30000;
    font: normal 16px/1 Arial, "微軟正黑體", "Microsoft JhengHei", sans-serif;
    color: #fff;
    padding: 5px 10px;
    text-decoration: none;
    border-radius: 30px;
}

@media only screen and (max-width: 992px) {
    .ancArea {
        top:52px;
    }
}
@media only screen and (max-width: 768px) {
    .ancArea {
        top:48px;
    }
}
@media only screen and (max-width: 600px) {
.ancArea {
   
    padding: 3px 0;

}
.ancArea ul li a {

    padding: 5px 2px;
    font-size: 14px;

}
}

.carrier {
    font-family: Verdana, Geneva, sans-serif, "新細明體";
    margin: 0 auto 24px;
}

.carrier h4 {
    font: bold 30px/1 Arial, "微軟正黑體", "Microsoft JhengHei", sans-serif;
    padding: 30px 0 8px 0;
    color: #625851;
    margin: 0 auto 15px;
    border-bottom: 1px dotted #cb8e12;
}

.carrier h4:before,
.carrier h4:after {
    content: '';
    display: inline-block;
    width: 60px;
    height: 30px;
    background: url(img1/titleimg.png) left top no-repeat;
    background-size: cover;
    vertical-align: -3px;
    margin-right: 5px;
}

.carrier h4:after {
    background: url(img1/titleimg1.png) left top no-repeat;
    background-size: cover;
    margin-left: 5px;
    margin-right: 0px;
}

.carrier ul {
    padding: 0 15px;
    margin: 0;
}

.carrier li {
    list-style-type: none;
    border-bottom: 1px dotted #aaa;
    margin: 2px 0 0 4px;
    padding: 6px 2px;
    width: 97.8%;
}

.carrier li:hover {
    background: none;
}


/*.carrier li:last-child{border:none;}*/
.carrier li a {
    overflow: hidden;
    display: block;
}

.carrier li a:link,
.carrier li a:visited {
    text-decoration: none;
    font: normal 13px/1.4 Arial, "微軟正黑體", "Microsoft JhengHei", sans-serif;
    color: #4f4f4f;
    display: block;
}

.carrier li a strong {
    display: block;
    font: bold 18px/1.4 "微軟正黑體", "Microsoft JhengHei", sans-serif;
    color: #392b13;
    margin-bottom: 8px;
}

.carrier li a:hover strong {
    color: #0066CC;
    text-decoration: none;
}

.carrier .box-head {
    display: none;
    /*border-bottom:2px solid #800033; margin-top:-4px;*/
}

.carrier .box-head:hover {
    background: #fff;
}

.carrier .box-head a:link,
.carrier .box-head a:visited {
    margin: -15px 0;
    cursor: default;
}

.carrier .box-head a strong,
.carrier .box-head a img,
.carrier .box-head p span {
    display: none;
}

.carrier .box-head q {
    display: block;
    font-weight: bold;
    padding-left: 13px;
    color: #e5735c;
}

.carrier li em.price {
    font: normal 16px/1.2 Verdana, Geneva, sans-serif;
    color: #c00;
    float: right;
    margin-top: -1.2em;
    padding-top: 6px;
}

.carrier li em.price span,
.carrier li em.price var {
    font: bold 20px/1.2 Verdana, Geneva, sans-serif;
}

.btnBox {
    margin: 0 auto;
    padding: 10px 15px 0 0;
    text-align: right;
    overflow: hidden;
}

a.newbtn {
    display: block;
    width: 112px;
    height: 31px;
    background: url(img/newbtn.png) no-repeat;
    float: right;
}

a.newbtn:hover {
    background-position: 0 -31px;
}

.pad {
    padding-top: 50px;
}

.wifiBtn {
    display: block;
    float: left;
    max-width: 482px;
    margin: 0 auto 8px;
}

.wifiBtn img {
    display: block;
    width: 100%;
    border: 0;
}

.eventBn {
    margin: 10px;
}

.A {
    display: block;
    width: 100%;
}


.navBox {
    margin: 0 auto;
    padding: 8px;
    background-color: #00487b;
}

.mBtn {
    border: 1px solid #675a50;
    padding: 8px;
    cursor: pointer;
    color: #ffc71d;
    background-color: #00487b;
    display: none;
    text-align: center;
    font: bold 18px/1.4 Arial, "微軟正黑體", "Microsoft JhengHei", sans-serif;
}

.mBtn .arraw {
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url(img1/arraw.png) center center no-repeat;
    background-size: 15px;
    margin-left: 5px;
    vertical-align: 0;
}

.mBtn .arraw.rotate {
    transform: rotate(180deg);

}

.navList {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
    display: block;
}

.navList li {
    display: inline-block;
}

.navList li a {
    border: 1px solid rgba(255, 255, 255, 0.5);
    padding: 8px 24px;
    font: bold 18px/1.4 Arial, "微軟正黑體", "Microsoft JhengHei", sans-serif;
    color: #fff;
    display: block;
    text-decoration: none;
}

.navList li a:hover,
.navList li .act {
    font: bold 18px/1.4 Arial, "微軟正黑體", "Microsoft JhengHei", sans-serif;
    color: #675a50;
    background-color: #fff;
}

/* scroll to top */
.scroll2top:link,
.scroll2top:visited,
.scroll2top:hover {
    position: fixed;
    margin-right: 10px;
    margin-bottom: 5%;
    /*margin-left:951px; */
    display: block;
    width: 40px;
    height: 40px;
    right: 0;
    background: url(img1/top.png) no-repeat 0 0;
    z-index: 999;
}

.scroll2top span {
    visibility: hidden;
}

.group-type-ph .ph {
    width: 25%;
    position: relative;
    display: block;
    float: left;
    box-sizing: border-box;
    padding: 0 10px 10px;
}

.group-type-ph {
    margin: 0 auto;
    padding: 0 10px;
}

.group-type-ph:after {
    content: "";
    display: block;
    clear: both;
    line-height: 0;
    height: 1px;
    visibility: hidden;
    padding: 0;
}

.ph.left {
    margin-left: 0px;
}

.ph-img {
    margin: 0 auto 8px;
    display: block;
    width: 100%;
}

.ph-img img {
    width: 100%;
    display: block;
    border: 0;
    border-radius: 10px;
}

.group-type-ph .ph a {
    background-color: #fff;
    display: block;
    box-sizing: border-box;
    padding: 10px;
    box-shadow: 0 0 0 1px #fff;
    border-radius: 10px;
    border: 1px solid #d2b2a1;
    margin: 0 auto 5px;
    transition: all .3s ease-out;
    box-sizing: border-box;
    text-decoration: none;
}

.group-type-ph .ph a:hover {
    box-shadow: 0 2px 7px 5px rgba(128, 128, 128, .4);
    text-decoration: none;
}

.group-type-ph .ph a img {
    border: none;
    display: block;
    width: 100%;
}

.group-type-ph .ph-title {
    display: block;
    font: bold 18px/1.2 Arial, "微軟正黑體", "Microsoft JhengHei", sans-serif;
    padding: 0;
    margin: 0 auto 5px;
    color: #333;
    box-sizing: border-box;
}

.ph-detail {
    font: normal 13px/1.4 Arial, "微軟正黑體", "Microsoft JhengHei", sans-serif;
    text-align: left;
    background-color: #927c70;
    padding: 5px;
    color: #fff;
    box-sizing: border-box;

}

.ph-feature {
    display: none;
    /*
	color:#666;
	font-size:15px; 
	line-height:1.4em; 
	padding:4px 8px 5px 5px; 
	overflow:hidden;
	font-family:"敺株��迤暺煾��",sans-serif;
	height:100px; 
	border-color:#494949;
	text-align:justify;
	margin-left:8px;*/
}

.group-type-ph .ph .price {
    display: block;
    clear: both;
    margin: 0 auto;
    font: bold 14px/1.2 Arial, "微軟正黑體", "Microsoft JhengHei", sans-serif;
    color: #c00;
    /* letter-spacing: -2px; */
    text-align: right;
    padding-top: 15px;

    font-style: italic;
   
}

.group-type-ph .ph .price *{
    vertical-align: baseline !important;
}

.group-type-ph .ph .price span {
    font-size: 26px;
    font-weight: bold;
    letter-spacing: -3px;
  
}

.group-type-ph ph .price i {
    display: none;
}

.group-type-ph .ph:hover .ph-title {
    color: #333;
}

.group-type-ph .ph:hover .ph-detail {
    background-color: #c00;
}

.group-type-ph .ph .price span:after {
    content: "元";
    display: inline;
    font-size: 15px;
    position: relative;
    top: 0px;
    font-weight: 700;
    left: -2px;
}


/*poi*/

/* 
.poiAutoTemplate * {
    vertical-align: top;
}

.itemBase {}

.poi {
    width: 95%;
    margin: 0 auto;
    padding: 0px 0;
}

.poiAutoTemplate .ph-group-content {
    padding: 5px 0px 5px 0px;
    margin: 5px;
    box-shadow: none;
    background: none;
    border-bottom: 1px dashed #aaaaaa;
}

.poiAutoTemplate .ph-group-content:hover .ph-group-content-text-name {
    color: #325ab1;
}

.poiAutoTemplate .ph-group-title {
    text-align: left;
    padding: 50px 0 10px 0;
}

.poiAutoTemplate .ph-group-title span {
    font: bold 30px/1 Arial, "微軟正黑體", sans-serif;
    padding: 30px 0 8px 0;
    color: #c30000;
    margin: 0 auto 15px;
}

.poiAutoTemplate .ph-group-title span:before,
.poiAutoTemplate .ph-group-title span:after {
    content: '';
    display: inline-block;
    width: 60px;
    height: 30px;
    background: url(img1/titleimg.png) left top no-repeat;
    background-size: cover;
    vertical-align: -3px;
    margin-right: 5px;
}

.poiAutoTemplate .ph-group-title span:after {
    background: url(img1/titleimg1.png) left top no-repeat;
    background-size: cover;
    margin-left: 5px;
    margin-right: 0px;
}

.poiAutoTemplate .ph-group-content {
    display: flex;
}

.poiAutoTemplate .ph-group-content-photo {
    display: inline-block;
    width: 25%;
}

.poiAutoTemplate .ph-group-content-text {
    display: inline-block;
    width: 75%;
}

.poiAutoTemplate .ph-group-content-text-name {
    color: #49312c;
    font: 700 18px/1.4 "微軟正黑體";
    padding: 5px 0;
}

.poiAutoTemplate .ph-group-content-tag {
    background: #0f8879;
}

.poiAutoTemplate .ph-group-content-text-detail {
    font: 16px/1.4 "微軟正黑體";
}

.poiAutoTemplate .ph-group-content-text-price {
    position: relative;
    bottom: 0;
    text-align: right;
    right: 0;
    width: 100%;
}

.poiAutoTemplate .ph-group-content-text-price span {
    font: 14px/3 "微軟正黑體";
}

.poiAutoTemplate .ph-group-content-text-sale {
    display: block;
    padding: 0px 5px;
    font: 700 15px/2 "微軟正黑體";
    color: black;
    background: #ffe49d;
}

.poiAutoTemplate .ph-group-content-text-detail {
    display: block;
    padding: 5px 0px;
    font: 14px/1.8 "微軟正黑體";
    color: black;
}

.poiAutoTemplate .ph-group-content-text-sale a {
    color: black;
    background: #ffdc36;
    padding: 0 5px;
}

.poiAutoTemplate {
    position: relative;
    padding: 0 0 10px 0;
}

.poiAutoTemplate .link-right {
    background: #daa55f;
    padding: 7px 29px 7px 15px;
    font: 18px/1.4 "微軟正黑體";
    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 "微軟正黑體";
    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);
}
 */


.ancArea.stick #localPage {
    justify-content: center;
}

#localPage {
    background: none;
    box-shadow: none;
    justify-content: center;
}

#localPage a.poiAutoTemplate-on {
    border-bottom: 0;
}

#localPage a {
    background-color: #ffeb7e;
    font:  18px/1 Arial, "微軟正黑體", "Microsoft JhengHei", sans-serif;
    color: #c41717;
    padding: 5px 10px;
    text-decoration: none;
    border-radius: 30px;

    transition: 0.3s;
}
/* 
.poiAutoTemplate .ph-group,
.poiAutoTemplate.poiAutoTemplate-scrollTab .ph-group {
    justify-content: center;
    margin-bottom: 0px;
} */

#localPage a:hover {
    background-color: #ffeb7e;
    color: #c41717;
    transform: translateY(5px);
}

/*
@media only screen and (max-width: 1024px) {
     .poiAutoTemplate .ph-group-content-photo {
        display: none;

    }

    .poiAutoTemplate .ph-group-content-text {
        display: block;
        width: 100%;
    }
} */


@media only screen and (max-width: 600px) {
    /* .poiAutoTemplate .ph-group-title {
        font-size: 22px;
    } */
/* 
    .poiAutoTemplate .ph-group-content-text-name {
        font-size: 18px;
    } */
    #localPage {
        justify-content: center;
    }
    #localPage a {
        font: 14px/1 "微軟正黑體";
        padding: 5px;
    }

    /* .poiAutoTemplate .link-right {
        bottom: 50px;
    } */


} 


/* 
.goTop {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    bottom: 5%;
    right: 15%;
    width: 50px;
    height: 50px;
    font: 14px/1 "微軟正黑體";
    color: white;
    border-radius: 99em;
    background: black;
    z-index: 50;
}

@media only screen and (max-width: 1400px) {
    .goTop {
        right: 5%;
    }

}

@media only screen and (max-width: 1120px) {
    .goTop {
        display: flex;
        justify-content: center;
        align-items: center;
        position: fixed;
        bottom: 5%;
        right: 2%;
        width: 50px;
        height: 50px;
        font: 14px/1 "微軟正黑體";
        color: white;
        border-radius: 99em;
        background: rgba(0, 0, 0, 0.75);
    }

}
 */




/* 第一個POI顯示首圖，其他條列樣式*/


#indexpage .rightArea{max-width: 1300px;}

.poi .poiAutoTemplate * { vertical-align: top;}

.poi {width: 95%; margin: 0 auto; padding: 0px 0;}
.poi .poiAutoTemplate {margin: 0 auto;max-width: 1400px;}
.poi .poiAutoTemplate .ph-group-title {text-align: center;font: bold 30px/1.2 "微軟正黑體", sans-serif; color: #c30000;margin-top: 30px; }
.poi .poiAutoTemplate .ph-group-title > span {color: #c30000;}
.poi .poiAutoTemplate .ph-group-content-text-name{color:#8d5e32;}
.poi .poiAutoTemplate .ph-group-content-tag{background: #3b8cb3;color: #fff;}

.poi .poiAutoTemplate .ph-group {padding:0;background: #FFF;margin: 0px auto;}
.poi .poiAutoTemplate .ph-group-content{margin: 5px auto;transition: 0.2s;padding: 10px; width:100%;position: relative;flex-shrink: 0;box-shadow: none;border-bottom: 3px dotted #ffdd61;}
.poi .poiAutoTemplate .ph-group-content:nth-of-type(1) {margin: 0px;background: #e6f3ff;}
.poi .poiAutoTemplate .ph-group-content:nth-of-type(1) .ph-group-content-photo {display: inline-block;width: 28%;}
.poi .poiAutoTemplate .ph-group-content:nth-of-type(1) .ph-group-content-photo a{display: block;}
.poi .poiAutoTemplate .ph-group-content:nth-of-type(1) .ph-group-content-photo .ph-group-content-tag {position: absolute;left: 0%; top: 15px;}
.poi .poiAutoTemplate .ph-group-content:nth-of-type(1) .ph-group-content-text{padding: 10px 5px 40px 10px;width:70%;display: inline-block;}
.poi .poiAutoTemplate .ph-group-content:nth-of-type(1) .ph-group-content-text-name{display: block;margin: 5px auto;font:bold 22px/1.4 "微軟正黑體";padding: 0;}
.poi .poiAutoTemplate .ph-group-content:nth-of-type(1) .ph-group-content-text-sale{display: inline-block;margin: 0px auto;}
.poi .poiAutoTemplate .ph-group-content:nth-of-type(1) .ph-group-content-text-sale a{color: #ff0004;font:20px/1.4 "微軟正黑體";display: block;background: none;}

.poi .poiAutoTemplate .ph-group-content:nth-of-type(1) .ph-group-content-text-detail {color:#000;font:18px/1.5 "微軟正黑體";margin: 3px auto ;display: block;padding: 0;}
.poi .poiAutoTemplate .ph-group-content:nth-of-type(1) .ph-group-content-text-detail a {color:#000;font:18px/1.5 "微軟正黑體";padding:5px 0;}
.poi .poiAutoTemplate .ph-group-content:nth-of-type(1) .ph-group-content-text-price {bottom: 10px;}

.poi .poiAutoTemplate .ph-group-content:last-of-type {border-bottom: none;}
.poi .poiAutoTemplate .ph-group-content .ph-group-content-photo {width: auto;display: inline-block;}
.poi .poiAutoTemplate .ph-group-content .ph-group-content-photo a {display: none;}
.poi .poiAutoTemplate .ph-group-content .ph-group-content-text{padding: 0px;display: inline-block;width: auto;}

.poi .poiAutoTemplate .ph-group-content-photo img{width:100%;}
.poi .poiAutoTemplate .ph-group-content-text-name{color:#522f0e;font:bold 18px/1.4 "微軟正黑體";display: inline-block;padding: 0;}
.poi .poiAutoTemplate .ph-group-content-text-detail {display: none;}

.poi .poiAutoTemplate .ph-group-content-text-price {color:#cd1d1f;;position: absolute;padding: 0px 10px;font:bold 24px/1.4 "微軟正黑體";text-align: center;display: block;right: 10px;bottom: 0px;}
.poi .poiAutoTemplate .ph-group-content-text-price span{font-size: 80%;line-height: 2;}
.poi .poiAutoTemplate .ph-group-content-tag { position: static;background: #1d72bb;font:15px/1.4 "微軟正黑體";color:#FFF;padding: 3px 10px;border-radius: 0 20px 20px 0;}
.poi .poiAutoTemplate .ph-group-content-text-sale{display:inline-block;margin: 3px auto 0 auto; font: 16px/1 "微軟正黑體"; color: red;background: none;padding: 0;}
.poi .poiAutoTemplate .ph-group-content-text-sale a{ color: #ff0004;font: 14px/1.4 "微軟正黑體";background: none;padding: 0;}
.poi .poiAutoTemplate .ph-group-content-otherlink a {background: none;padding: 0;}

@media only screen and (max-width: 1300px) {
.poi .poiAutoTemplate .ph-group-content {padding:  10px 10px 40px 10px;}
   }
   
   
 @media only screen and (max-width: 800px) {
.poi .poiAutoTemplate .ph-group-content:nth-of-type(1) .ph-group-content-photo {width: 100%;}
.poi .poiAutoTemplate .ph-group-content:nth-of-type(1) .ph-group-content-text {width: 100%;}
.poi .poiAutoTemplate .ph-group-content:nth-of-type(1) .ph-group-content-text-name{font:bold 18px/1.4 "微軟正黑體";}
.poi .poiAutoTemplate .ph-group-content:nth-of-type(1) .ph-group-content-text-sale a{font:14px/1.4 "微軟正黑體";}
.poi .poiAutoTemplate .ph-group-content:nth-of-type(1) .ph-group-content-text-detail {font:14px/1.5 "微軟正黑體";}
.poi .poiAutoTemplate .ph-group-content:nth-of-type(1) .ph-group-content-text-detail a{font:14px/1.5 "微軟正黑體";}
.poi .poiAutoTemplate .ph-group-content-text-name {display: block; font:bold 18px/1.2 "微軟正黑體"; margin: 5px auto;}
.poi .poiAutoTemplate .ph-group-content .ph-group-content-text {width: 100%;}
.poi .poiAutoTemplate .ph-group-content-text-sale{margin: 5px auto;}
.poi .poiAutoTemplate .ph-group-content-text-price { font: bold 20px/1.4 "微軟正黑體";}
     
     
     
 }
     
 @media only screen and (max-width: 600px) {
.poi .poiAutoTemplate .ph-group-title{font-size: 22px;}
.poi .poiAutoTemplate .ph-group-content {padding: 0;}
.poi .poiAutoTemplate .ph-group-content:nth-of-type(1) .ph-group-content-text-price{bottom: 0;}
.poi .poiAutoTemplate .ph-group-content-text-price{position: relative;text-align: right;}
.poi .poiAutoTemplate .ph-group-content:nth-of-type(1) .ph-group-content-text {padding: 10px 5px 0px 10px;}
.poi .poiAutoTemplate .ph-group-content:nth-of-type(1) .ph-group-content-text-price{right: 0;}
.poi .poiAutoTemplate .ph-group-content-text-sale a {display: inline-block;}
}
     



/*index選單*/
#localPage { position: sticky;  width: 100%;  top: 0px;  left: 0;  background: var(--orange);  text-align: center;  height: auto;  z-index: 5;  padding: 0px 0;display: flex;flex-wrap: nowrap;justify-content: center;}
.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: 0px;margin: 0 10px;font-size: 20px;font-weight: 400;}
.indexPoiMenu-sec-text li {cursor: pointer;color: #FFF;font-size: 18px;}
.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;}

@media screen and (max-width:900px) {
#localPage{top: 49px;padding: 8px;}
.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:700px) {
#localPage{ white-space: nowrap;  -webkit-overflow-scrolling: touch; overflow-scrolling: touch; overflow-x: scroll;justify-content: left;}
}



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) {
header.kv-banner .container-fluid.pin-header-banner,header.kv-banner .container-fullbg.pin-header{margin-top: 0;}
}