#mtkContainer,#mtkContainer * { box-sizing: border-box; }
#mtkContainer { position: relative; }


/*globalMenu START 貫穿所有頁面的MENU*/
/*.globalMenu { position: -webkit-sticky; position: sticky; top: 0; display: flex; padding: 0px 0; justify-content: center; z-index: 10;
    background: rgba(0,0,0,0.75);
}置頂*/

.globalMenu {position: relative; top: -80px; display: flex; padding: 0px 0; justify-content:center; z-index: 10;
    background:#448842;   /* border-bottom: 1px solid #046314;    border-top: 1px solid #046314;*/ width: 100%;margin: 0 auto;border-radius: 0px;overflow: hidden;
}


.globalMenu .secButton img{width: 26px;height: 26px;margin-right: 5px;transform: translateY(-3px);}
.globalMenu a { position: relative; display: inline-block; margin: 7px 20px; padding: 6px 20px 3px 20px; font:24px/1 "微軟正黑體"; color: #fff; /*text-shadow: 1px 1px 0 rgba(0,0,0,0.5);*/
    /*transition: .5s;*/ z-index: 2; }
.globalMenu a:first-child { border-left:none; }
.globalMenu .secButton { position: relative;   text-align: center; overflow: hidden;vertical-align: top;}
.globalMenu .secButton::after { content: ""; position: absolute; top: 20%; right: 0; width: 1px; height: 60%; background: rgba(255,255,255,0.7);}
.globalMenu .secButton:last-child::after { display: none;}
.globalMenu .secButton:hover,
.globalMenu .secButton.on { color: black; background: #d49425; /*text-shadow:1px 1px 0 rgb(0 0 0 / 75%);*//*border-radius: 0 0 20px 20px;*/}
.globalMenu a::after { content:"" ; position: absolute; top: -15px; left: 0; width: 100%; height: 0 ; z-index: -1; background: transparent; transition: .5s; }
/*.globalMenu a:hover::after,
.globalMenu a.on::after { height: calc(100% + 30px); border-radius: 0 0 20px 20px; background: #ff5618}*/
.secButton { display: block; position: relative; }
.secButton-button { display: none; position: absolute; top:100%; left:0; width: 100%; height: auto; background: rgba(0,0,0,0.5); }
.secButton-button a { display: block; padding: 3px 0; font:16px/1 "微軟正黑體"; color: #fff; text-align: center; text-shadow: none; border-left:none;}
.secButton-button a:hover::after { display: none;}
.secButton-button a:hover { color: #ff5618; text-shadow: none;}
/*.secButton:hover .secButton-button { display: block;}*/
/*globalMenu END 貫穿所有頁面的MENU*/


/*header START 版頭 */
header.header { position: relative; margin-top: 0px; height: 644px;}
/*header.header::after { content: ""; position: absolute; bottom:-5px; left: 0; width: 100%; height: 5px; background: #037fa9 ;}*/
h1 { display: none;}
h1 img { width: 100%; }
.index header.header { background: url(../images/header-n-pc-logo.jpg) top center no-repeat; }
.east header.header { background: url(../images/header-e-pc-logo.jpg) top center no-repeat; }
.south header.header { background: url(../images/header-s-pc-logo.jpg) top center no-repeat; }
.middle header.header { background: url(../images/header-m-pc-logo.jpg) top center no-repeat; }

/*header END 版頭*/




/*localMenu  START 單頁面的MENU*/
.localMenu { position: -webkit-sticky; position: sticky;  top: 0; display: flex; margin-top: -47px; padding: 0px 0; justify-content: center; z-index: 10;z-index: 50;background: #FFF;}
.localMenu a { display: inline-block; margin: 0 10px 0 10px; padding: 15px 25px; font:20px/1 "微軟正黑體"; color:#448842; border:1px solid #448842; border-radius: 10px;
    background: rgba(255,255,255,0.9); transition: .5s;}
.localMenu a:hover,
.localMenu a.on { color: white; border: 1px solid transparent; background: #448842; }
.localMenu a.on { position: relative; }
.localMenu a.on::after { content: ""; position: absolute; left: calc(50% - 10px); bottom:-5px; width:10px; height: 10px; border-left:5px solid #448842;
    border-top:5px solid #448842;    transform: rotate(-135deg);    
}
/*localMenu  END 單頁面的MENU*/

.goTop { position: fixed; bottom:5%; right: 20px; display: block; width: 50px; height: 50px; font:16px/50px "微軟正黑體"; color: white; text-align: center; z-index: 50;
    cursor: pointer;  background: rgba(0,0,0,0.5); border-radius: 99em;;}


/*poi*/
.poi {  position: relative;}
/*.poi::before { content: ""; position: absolute; bottom:0; left: 5%; width: 90%; height: 1px; background: rgba(0,0,0,0.15);}*/
.poi.type1 { position: relative; margin: 30px auto 100px auto; /*padding-bottom: 50px; */ width: 100%; max-width: 1400px;}
.poi.type1 h2 { padding: 5px 0; font: bold 24px/1 "微軟正黑體"; color: #448842; border-bottom: 2px solid #448842; }
.poi.type1 .ph { position: relative }
.poi.type1 .ph-menu { position: sticky; position: -webkit-sticky; top: 52px; z-index: 4; display: inline-block; padding: 5px 0 8px 0; background: white;  width: 100%;  text-align: center;}
.poi.type1 .slidecontain { display: flex; justify-content: center; }
.poi.type1 .slidecontain li { display: inline-block; margin: 10px 0; border-left:1px solid black;  }
.poi.type1 .slidecontain li:first-child {  border-left: none; }
.poi.type1 .slidecontain li a { display: block; padding: 5px 8px; font: 16px/1 "微軟正黑體"; color: black; letter-spacing: 2px; ; }
.poi.type1 .slidecontain li a:hover,
.poi.type1 .slidecontain li a.on { color: #000; background: #acdaab; }
.poi.type1 .slidecontain img ,
.poi.type1 .ph-group-title img { display: none;}
.poi.type1 .ph-group { margin-bottom: 30px; display: flex ; flex-wrap: wrap;   }
.poi.type1 .ph-group-title { display: flex; margin: 20px 0 40px 0; justify-content: center; }
.poi.type1 .ph-group-title span { position: relative; display: inline-block; font: bold 30px/1 "微軟正黑體"; color: #448842; letter-spacing: 2px; }
.poi.type1 .ph-group-title span::after,
.poi.type1 .ph-group-title span::before { content: ""; position: absolute; top: 49%;  width: 50px; height: 1px; background: #448842; }
.poi.type1 .ph-group-title span::after { left: -55px; }
.poi.type1 .ph-group-title span::before { right: -55px; }
.poi.type1 .ph-group-content { display: inline-flex; margin-bottom: 1%; padding: 0 0 15px 0; width: 49%;  flex-shrink: 1; background: white; box-shadow: 0 3px 15px rgba(0,0,0,0.2);  }



 

.poi.type1 .ph-group-content:nth-child(even) { margin-left: 1%;}
.poi.type1 .ph-group-content:nth-child(odd) { margin-right: 1%;}
.poi.type1 img { width: 100%;}
.poi.type1 .ph-group-content-photo { position: relative; display: inline-block; width: 40%; }
.poi.type1 .ph-group-content-tag { position: absolute; top:10px ; left: 10px; font: 14px/1 "微軟正黑體"; color: white; letter-spacing: 2px; text-shadow: 0 0 5px rgba(0,0,0,0.75); }
.poi.type1 .ph-group-content-text { position: relative; display: inline-block; padding: 15px; width: 60%;}
.poi.type1 .ph-group:nth-of-type(1) .ph-group-content-text {padding: 15px 15px 40px 15px;}
.poi.type1 .ph-group-content-text-name { display: inline-block; padding: 0px 0px; font: bold 20px/1.4 "微軟正黑體"; color: #448842; border-radius: 0px;}
.poi.type1 .ph-group-content-text-sale { padding: 3px 0; font: 16px/1.4 "微軟正黑體"; color: #666666; letter-spacing: 2px; background: #fff7d6;display: inline-flex;margin: 5px 0;}
.poi.type1 .ph-group-content-text-sale a{color: #666666;}
.poi.type1 .ph-group-content-text-detail { font: 14px/1.6 "微軟正黑體"; color: rgba(0,0,0,0.9); }
.poi.type1 .ph-group-content-text-detail a {color: rgba(0,0,0,0.9); }
.poi.type1 .ph-group-content-text-price { position: absolute; bottom: 0px; right: 10px; font: bold 24px/1 "arial","微軟正黑體"; color: #f02727;  }
.poi.type1 .ph-group-content-text-price span { font-size: 0.7em; font-weight: 100; line-height: 1.7;}
.poi.type1 .ph-group-content-text-sale.padding{padding:3px 5px;}

/*poi*/


.poi.type1 .ph-group:nth-of-type(2) { position: relative;align-items:stretch; justify-content: center;   }
.poi.type1 .ph-group:nth-of-type(2) .ph-group-content { width: 18%; flex-wrap: wrap ; align-content: flex-start;position: relative;padding: 0 0 30px 0;}
.poi.type1 .ph-group:nth-of-type(2) .ph-group-content:nth-child(even) { margin-right: 0.5%; margin-left:  0.5%;}
.poi.type1 .ph-group:nth-of-type(2) .ph-group-content:nth-child(odd) { margin-right:  0.5%;  margin-left:  0.5%;}
.poi.type1 .ph-group:nth-of-type(2) .ph-group-content-photo  { display: block; width: 100%; }
.poi.type1 .ph-group:nth-of-type(2) .ph-group-content-text-price { position: absolute; display: block; padding-top: 15px; width: 100%; bottom: 10px;right: 10px;text-align: right; }
.poi.type1 .ph-group:nth-of-type(2) .ph-group-content-text  { display: block; width: 100%; padding: 0; position: static;}

.poi.type1 .ph-group:nth-of-type(2) .ph-group-content-text-detail { padding: 0px 10px 10px 10px;margin-top: 5px;}
.poi.type1 .ph-group:nth-of-type(2) .ph-group-content-text-name { padding: 5px 10px; border-radius: 0; width: 100%; color: white;  background: #448842; font: 16px/1.4 "微軟正黑體"; letter-spacing: 1px;margin-bottom: 10px;}
.poi.type1 .ph-group:nth-of-type(2) .ph-group-content-text-sale {  font: 16px/1.6 "微軟正黑體"; color: #666666; letter-spacing: 2px; background: #fff7d6;display: inline-flex;margin: 0px 10px;}
.poi.type1 .ph-group:nth-of-type(2) .ph-group-content-text-sale a{color: #666666; }
.poi.type1 .ph-group:nth-of-type(2) .ph-group-content-text-sale.padding{padding:0px 5px;}


.poi.type1 .ph-group:nth-of-type(3) { position: relative;align-items:stretch; justify-content: center;   }
.poi.type1 .ph-group:nth-of-type(3) .ph-group-content { width: 20%; flex-wrap: wrap ; align-content: flex-start;position: relative;padding: 0 0 30px 0;}
.poi.type1 .ph-group:nth-of-type(3) .ph-group-content:nth-child(even) { margin-right: 2.5%; margin-left: 2.5%;}
.poi.type1 .ph-group:nth-of-type(3) .ph-group-content:nth-child(odd) { margin-right: 2.5%;  margin-left: 2.5%;}
.poi.type1 .ph-group:nth-of-type(3) .ph-group-content-photo  { display: block; width: 100%; }
.poi.type1 .ph-group:nth-of-type(3) .ph-group-content-text-price { position: absolute; display: block; padding-top: 15px; width: 100%;  bottom: 10px;right: 10px;text-align: right;}
.poi.type1 .ph-group:nth-of-type(3) .ph-group-content-text  { display: block; width: 100%; padding: 0; position: static;}

.poi.type1 .ph-group:nth-of-type(3) .ph-group-content-text-detail { padding: 0px 10px 10px 10px;margin-top: 5px;}
.poi.type1 .ph-group:nth-of-type(3) .ph-group-content-text-name { padding: 5px 10px; border-radius: 0; width: 100%; color: white;  background: #448842; font: 16px/1.4 "微軟正黑體"; letter-spacing: 1px;margin-bottom: 10px;}
.poi.type1 .ph-group:nth-of-type(3) .ph-group-content-text-sale {  font: 16px/1.6 "微軟正黑體"; color: #666666; letter-spacing: 2px; background: #fff7d6;display: inline-flex;margin: 0px 10px;}
.poi.type1 .ph-group:nth-of-type(3) .ph-group-content-text-sale a{color: #666666; }


.poi.type1 .ph-group:nth-of-type(3) .ph-group-content-text-sale.padding{padding:0px 5px;}




.poi.type2 { position: relative; margin: 30px auto 100px auto; padding-top: 50px;  width: 100%; max-width: 1400px;}
.poi.type2 h2 { padding: 5px 0; font: bold 24px/1 "微軟正黑體"; color: #d49425; border-bottom: 2px solid #d49425; }
.poi.type2 .ph { position: relative }
.poi.type2 .ph-menu { position: sticky; position: -webkit-sticky; top: 52px; z-index: 20; display: inline-block; padding: 5px 0 8px 0; background: #fff7e6; width: 100%;}
.poi.type2 .slidecontain { display: flex; justify-content: center; }
.poi.type2 .slidecontain li { display: inline-block; margin: 10px 0; border-left:1px solid black;  }
.poi.type2 .slidecontain li:first-child {  border-left: none; }
.poi.type2 .slidecontain li a { display: block; padding: 5px 8px; font: 16px/1 "微軟正黑體"; color: black; letter-spacing: 2px; ; }
.poi.type2 .slidecontain li a:hover,
.poi.type2 .slidecontain li a.on { color: #000; background: #fee1ae; }
.poi.type2 .slidecontain img ,
.poi.type2 .ph-group-title img { display: none;}
.poi.type2 .ph-group { margin-bottom:30px; display: flex ; flex-wrap: wrap; justify-content: center;  }
.poi.type2 .ph-group-title { display: flex; margin: 20px 0 40px 0; justify-content: center;color:#d49425; }
.poi.type2 .ph-group-title span { position: relative; display: inline-block; font: bold 30px/1 "微軟正黑體"; color: #d49425; letter-spacing: 2px; }
.poi.type2 .ph-group-title span::after,
.poi.type2 .ph-group-title span::before { content: ""; position: absolute; top: 49%;  width: 50px; height: 1px; background: #d49425; }
.poi.type2 .ph-group-title span::after { left: -55px; }
.poi.type2 .ph-group-title span::before { right: -55px; }
.poi.type2 .ph-group-content { display: inline-flex; margin-bottom: 1%; padding: 0 0 15px 0; width: 49%;  flex-shrink: 1; background: white;
    box-shadow: 0 3px 15px rgba(0,0,0,0.2);  }


.poi.type2 .ph-group-content:nth-child(even) { margin-left: 1%;}
.poi.type2 .ph-group-content:nth-child(odd) { margin-right: 1%;}
.poi.type2 img { width: 100%;}
.poi.type2 .ph-group-content-photo { position: relative; display: inline-block; width: 40%; }
.poi.type2 .ph-group-content-tag { position: absolute; top:10px ; left: 10px; font: 14px/1 "微軟正黑體"; color: white; letter-spacing: 2px; text-shadow: 0 0 5px rgba(0,0,0,0.75); }
.poi.type2 .ph-group-content-text { position: relative; display: inline-block; padding: 15px 15px 40px 15px; width: 60%;}

.poi.type2 .ph-group-content-text-name { display: inline-block; padding: 0px 0px; font: bold 20px/1.4 "微軟正黑體"; color: #d49425; border-radius: 0px;}
.poi.type2 .ph-group-content-text-sale { padding: 3px 0; font: 16px/1.2 "微軟正黑體"; color: #666666; letter-spacing: 2px; background: #fff7d6;display: inline-flex;margin: 5px 0;}
.poi.type2 .ph-group-content-text-sale a {color: #666666; }
.poi.type2 .ph-group-content-text-sale.padding{padding:3px 5px;}
.poi.type2 .ph-group-content-text-detail { font: 14px/1.6 "微軟正黑體"; color: rgba(0,0,0,0.9); }
.poi.type2 .ph-group-content-text-detail a { color: rgba(0,0,0,0.9); }
.poi.type2 .ph-group-content-text-price { position: absolute; bottom: 0px; right: 10px; font: bold 24px/1 "arial","微軟正黑體"; color: #f02727;  }
.poi.type2 .ph-group-content-text-price span { font-size: 0.7em; font-weight: 100; line-height: 1.7;}
/*poi*/


.poi.type3 { position: relative; margin: 30px auto 100px auto; padding-top: 50px;  width: 100%; max-width: 1400px;}
.poi.type3 h2 { padding: 5px 0; font: bold 24px/1 "微軟正黑體"; color:  #448842; border-bottom: 2px solid #448842; }
.poi.type3 .ph { position: relative }
.poi.type3 .ph-menu { position: sticky; position: -webkit-sticky; top: 52px; z-index: 20; display: inline-block;/* padding: 5px 0 8px 0;*/ width: 100%;}
.poi.type3 .slidecontain { display: flex; justify-content: center; background: #FFF;}
.poi.type3 .slidecontain li { display: inline-block; margin: 10px 0; border-left:1px solid black;  }
.poi.type3 .slidecontain li:first-child {  border-left: none; }
.poi.type3 .slidecontain li a { display: block; padding: 5px 8px; font: 16px/1 "微軟正黑體"; color: black; letter-spacing: 2px; ; }
.poi.type3 .slidecontain li a:hover,
.poi.type3 .slidecontain li a.on { color: #000; background:  #acdaab; }
.poi.type3 .slidecontain img ,
.poi.type3 .ph-group-title img { display: none;}
.poi.type3 .ph-group { margin-bottom:30px; display: flex ; flex-wrap: wrap; justify-content: center;  }
.poi.type3 .ph-group-title { display: flex; margin: 20px 0 40px 0; justify-content: center;color:#d49425; }
.poi.type3 .ph-group-title span { position: relative; display: inline-block; font: bold 30px/1 "微軟正黑體"; color: #448842; letter-spacing: 2px; }
.poi.type3 .ph-group-title span::after,
.poi.type3 .ph-group-title span::before { content: ""; position: absolute; top: 49%;  width: 50px; height: 1px; background:  #448842; }
.poi.type3 .ph-group-title span::after { left: -55px; }
.poi.type3 .ph-group-title span::before { right: -55px; }
.poi.type3 .ph-group-content { display: inline-flex; margin-bottom: 1%; padding: 0 0 15px 0; width: 49%;  flex-shrink: 1; background: white;
    box-shadow: 0 3px 15px rgba(0,0,0,0.2);  }


.poi.type3 .ph-group-content:nth-child(even) { margin-left: 1%;}
.poi.type3 .ph-group-content:nth-child(odd) { margin-right: 1%;}
.poi.type3 img { width: 100%;}
.poi.type3 .ph-group-content-photo { position: relative; display: inline-block; width: 40%; }
.poi.type3 .ph-group-content-tag { position: absolute; top:10px ; left: 10px; font: 14px/1 "微軟正黑體"; color: white; letter-spacing: 2px; text-shadow: 0 0 5px rgba(0,0,0,0.75); }
.poi.type3 .ph-group-content-text { position: relative; display: inline-block; padding: 15px 15px 40px 15px; width: 60%;}
.poi.type3 .ph-group-content-text-name { display: inline-block; padding: 0px 0px; font: bold 20px/1.4 "微軟正黑體"; color: #448842; border-radius: 0px;}
.poi.type3 .ph-group-content-text-sale { padding: 3px 0; font: 16px/1.2 "微軟正黑體"; color: #666666; letter-spacing: 2px; background: #fff7d6;display: inline-flex;margin: 5px 0;}
.poi.type3 .ph-group-content-text-sale {color: #666666;}
.poi.type3 .ph-group-content-text-sale.padding{padding:3px 5px;}
.poi.type3 .ph-group-content-text-detail { font: 14px/1.6 "微軟正黑體"; color: rgba(0,0,0,0.9); }
.poi.type3 .ph-group-content-text-detail a {color: rgba(0,0,0,0.9);}
.poi.type3 .ph-group-content-text-price { position: absolute; bottom: 0px; right: 10px; font: bold 24px/1 "arial","微軟正黑體"; color: #f02727;  }
.poi.type3 .ph-group-content-text-price span { font-size: 0.7em; font-weight: 100; line-height: 1.7;}


/*poi*/





.poi.type4 { position: relative; margin: 0px auto 100px auto; padding-top: 0px;  width: 100%; max-width: 1400px;}
.poi.type4 .ph { position: relative }
.poi.type4 .ph-menu { display: none;}
.poi.type4 .slidecontain img ,
.poi.type4 .ph-group-title img { display: none;}
.poi.type4 .ph-group { margin-bottom:30px; display: flex ; flex-wrap: wrap; justify-content: center;  }
.poi.type4 .ph-group-title { display: flex; margin: 20px 0 40px 0; justify-content: center;color:#d49425; }
.poi.type4 .ph-group-title span { position: relative; display: inline-block; font: bold 30px/1 "微軟正黑體"; color: #448842; letter-spacing: 2px; }
.poi.type4 .ph-group-title span::after,
.poi.type4 .ph-group-title span::before { content: ""; position: absolute; top: 49%;  width: 50px; height: 1px; background:  #448842; }
.poi.type4 .ph-group-title span::after { left: -55px; }
.poi.type4 .ph-group-title span::before { right: -55px; }
.poi.type4 .ph-group-content { display: inline-flex; margin:10px auto; padding: 0; width: 80%;  background: white;
    box-shadow: 0 3px 15px rgba(0,0,0,0.2);flex-wrap: wrap;  }


.poi.type4 img { width: 100%;}
.poi.type4 .ph-group-content-photo { position: relative; width: 40%; }
.poi.type4 .ph-group-content-tag { position: absolute; top:10px ; left: 10px; font: 14px/1 "微軟正黑體"; color: white; letter-spacing: 2px; text-shadow: 0 0 5px rgba(0,0,0,0.75); }
.poi.type4 .ph-group-content-text { position: relative;  padding: 2% 2% 45px 2%; width: 60%;flex-grow: 1;}
.poi.type4 .ph-group-content-text-name { display: inline-block; padding: 0px 0px; font: bold 24px/1.4 "微軟正黑體"; color: #448842; border-radius: 0px;margin: 10px auto;}
.poi.type4 .ph-group-content-text-sale { padding: 3px 0; font: 16px/1.2 "微軟正黑體"; color: #666666; letter-spacing: 2px; background: #fff7d6;display: inline-flex;margin: 5px 0;}
.poi.type4 .ph-group-content-text-sale a{color: #666666;}

.poi.type4 .ph-group-content-text-detail { font: 16px/1.6 "微軟正黑體"; color: rgba(0,0,0,0.9); }
.poi.type4 .ph-group-content-text-detail a{color: rgba(0,0,0,0.9);}
.poi.type4 .ph-group-content-text-price { position: absolute; bottom: 15px; right: 10px; font:  20px/1.4 "arial","微軟正黑體"; background: #ef6d3c; color: #FFF;width: 96%;text-align: center;}
.poi.type4 .ph-group-content-text-price span { font-size: 0.7em; font-weight: 100; line-height: 1.7;}





    
/*.poi.type2 .ph-group:nth-of-type(1) { display: flex; padding-top: 20px; }
.poi.type2 .ph-group-title:nth-of-type(1) { /* display: flex;*/ 

.infor { position: relative; margin: 0 auto 0px auto; width: 100%; max-width: 1400px;}
.infor h2 { padding: 5px 0; font: bold 24px/1 "微軟正黑體"; color: #448842; border-bottom: 2px solid #448842; }

.infor-content {margin: 30px auto;justify-content: center;display: flex;flex-wrap: wrap;}
.infor-box{width: 30%;display: inline-flex;flex-wrap: wrap;overflow: hidden;max-width: 600px;justify-content: center;margin:10px;position: relative; }
.infor-content-photo { display: block ; width:100%;}
.infor-content-photo img { width: 100%;}
.infor-content-text { display: block ; padding: 15px 20px; position: absolute;top: 80%;left: 0;background: rgba(0,0,0,0.7);color:#FFF;transition: 0.3s;}
.infor-content-text h3 { margin-bottom: 10px;font: 20px/1.4 "微軟正黑體";text-align: center;}

.infor-content-text p { font: 15px/1.6 "微軟正黑體"; color: #FFF; letter-spacing: 2px; }
.infor-box:hover .infor-content-text {top: 0;}

.ph ,
.poi { height: auto; overflow: visible}

.bgColor1 { background: #fff7e6;  }


@media only screen and (max-width: 1400px) {
.infor-box{width: 45%;}
.infor-content-text h3 {font:2vw/1.4 "微軟正黑體";}
.infor-content-text  {top:84%;}
}


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

.infor-box{display: block;border-bottom: 1px solid #6b6b6b;}

.infor-content-text{position: static;height: auto;background: #FFF;}
.infor-content-text h3 {color: #000; background: #FFF;font:bold 24px/1.6 "微軟正黑體";}
.infor-content-text p{color:#448842;}

}

@media only screen and (max-width: 500px) {
.infor-content-text h3 {font:bold 24px/1.2 "微軟正黑體";}
.infor-box{width: 80%;}
}


@media only screen and (max-width: 1024px) {
    .globalMenu { overflow-x: scroll; justify-content: start;}
    .globalMenu a {  flex-shrink: 0; font-size: 16px;}
    .globalMenu .secButton  {width: 100%;}
    .localMenu { position: fixed; top: calc(100% - 30px); margin-top:0; width: 100%;}
    .localMenu a { margin: 0;padding: 0; width: calc(100% / 3); font-size: 16px; line-height: 30px; height: 30px; border-radius: 0;
        border: none; text-align: center;
    }
    .localMenu a:after { display: none;}


    .poi.type1 .ph-menu,
    .poi.type2 .ph-menu,.poi.type3 .ph-menu { padding: 0; width: 100%;top: 0;}  
    .poi.type1 .ph-group:nth-of-type(2)::after { display: none;}
}




@media only screen and (max-width: 768px) {
    .globalMenu { /*position: static;*/}
    header.header {  height: auto; background: none;}  
    .guishan header.header { background: none ;} 
    h1 { /*margin-top: -53px;*/ display: block;}

    
    .localMenu a:hover { color: gray; background: #fff;}
    .poi.type1 .slidecontain li a:hover { color: black; background: transparent;}

    .poi.type1 .ph-menu ,
    .poi.type2 .ph-menu { position: relative; margin-bottom: 2%; width: 100%; /*background: none;*/ }
    .poi.type1 .ph-menu.on ,
    .poi.type2 .ph-menu.on,.poi.type3 .ph-menu.on { position: fixed; top: 0; left: 0;}




    .poi.type1 .ph-group:nth-of-type(1),
    .poi.type1 .ph-group:nth-of-type(2),
    .poi.type1 .ph-group:nth-of-type(3),
    .poi.type2 .ph-group,.poi.type3 .ph-group,
 
    .poi.type1 .ph-group:nth-of-type(1) .ph-group-content {  flex-wrap: wrap; align-content: flex-start; flex-shrink: 0;position: relative;}

    .poi.type1 .ph-group:nth-of-type(1) .ph-group-content-photo,
    .poi.type1 .ph-group:nth-of-type(1) .ph-group-content-text { display: block; width: 100%; align-self: start; vertical-align: top; position: static; }
    .poi.type1 .ph-group:nth-of-type(1) .ph-group-content-text-price { position: absolute; display: block; padding-top: 20px; width: 100%; text-align: center;bottom: 10px;right: 0;}

    .poi.type1 .ph-group:nth-of-type(2) { justify-content: center;  flex-shrink: 0; flex-grow: 1; }    
    .poi.type1 .ph-group:nth-of-type(2) .ph-group-content {  width: 30%; }

    .poi.type1 .ph-group:nth-of-type(3) { justify-content: center;}    
    .poi.type1 .ph-group:nth-of-type(3) .ph-group-content { width: 40%;}



    .poi.type1 .ph-group-content{padding:0 0 45px 0;} 


    .poi.type1 .ph-group:nth-of-type(2) .ph-group-content:nth-child(odd),
    .poi.type1 .ph-group:nth-of-type(2) .ph-group-content:nth-child(even) { margin: 0 1% 3% 1%;}

    .poi.type2 .ph-group-content,.poi.type3 .ph-group-content{padding:0 0 45px 0;} 
    .poi.type2 .ph-group .ph-group-content,.poi.type3 .ph-group .ph-group-content {  flex-wrap: wrap; align-content: flex-start; flex-shrink: 0; position: relative;}
    
    .poi.type2 .ph-group .ph-group-content-photo,.poi.type3 .ph-group .ph-group-content-photo,
    .poi.type2 .ph-group .ph-group-content-text,.poi.type3 .ph-group .ph-group-content-text { display: block; width: 100%; align-self: start; vertical-align: top; position: static; }
    .poi.type2 .ph-group .ph-group-content-text-price,.poi.type3 .ph-group .ph-group-content-text-price { position: absolute; display: block; padding-top: 20px; width: 100%; text-align: center;bottom: 10px;right: 0;}


    .poi.type4 .ph-group-content{display: flex;flex-wrap: wrap; }
    .poi.type4 .ph-group-content-photo {width: 100%;}
    .poi.type4 .ph-group-content-text{width: 100%;padding: 5%;}
    .poi.type4 .ph-group-content-text-price{position: static;width: 100%;display: block;margin: 10px auto;}
    .poi.type4 .ph-group-content-text-name{font:bold 20px/1.6 "微軟正黑體";}
    
}

@media only screen and (max-width: 600px) {
.globalMenu a {margin:7px 0;font-size: 12px;padding: 6px 7px 6px 7px;}
.globalMenu .secButton img{display: block;margin: 0 auto;width: 26px ;height: 26px;}
.globalMenu{top: -30px;}
}

@media only screen and (max-width: 500px) {
    .localMenu a { color: white; background: #ff9974;}
    .localMenu a.on { color: #ff9974; background: white ;}

    .poi.type1,
    .poi.type2,.poi.type3  { margin: 0 auto 0% auto; padding-bottom: 0%; }
    
    .poi.type1 .slidecontain,
    .poi.type2 .slidecontain,
     .poi.type3 .slidecontain { display: flex; width: 100%; justify-content: center;}
    .poi.type1 .slidecontain { background: #acdaab;}
    .poi.type1 .slidecontain li,
    .poi.type2 .slidecontain li,.poi.type3 .slidecontain li { margin: 0; flex-grow: 1; width: 33%;border-right: none; border-left: none;}
    .poi.type1 .slidecontain li a,.poi.type3 .slidecontain li a  {color:#448842;padding: 10px 0; font-size: 14px; letter-spacing: 1px; text-align: center;}
    .poi.type2 .slidecontain li a{color:#d49425; padding: 10px 0; font-size: 14px; letter-spacing: 1px; text-align: center;}
    .poi.type1 .slidecontain li a:hover,.poi.type3 .slidecontain li a:hover{color:#448842;}
    .poi.type2 .slidecontain li a:hover{color:#d49425;}    
    .poi.type1 .slidecontain li a.on,.poi.type3 .slidecontain li a.on { color: #FFF ;background: #448842;}
    .poi.type2 .slidecontain li a.on { color: #FFF ;background: #d49425;}

    .poi.type2 .slidecontain { background: #fee1ae;}
    
    .poi.type1 h2,.poi.type2 h2,.infor .localMenuLink,.poi.type3 h2 {padding: 5% 5%;}
 
    .poi.type1 .ph-group-title span,
    .poi.type2 .ph-group-title span,.poi.type3 .ph-group-title span { font-size: 24px; font-weight: normal;}



    .poi.type1 .ph-group-title,
    .poi.type2 .ph-group-title,.poi.type3 .ph-group-title{margin:20px 0 0px 0;}


    .poi.type1 .ph-group:nth-of-type(1) .ph-group-content-text-sale{margin:5px 11px;}
    .poi.type1 .ph-group:nth-of-type(1) { padding: 5% 5%; flex-wrap: nowrap; overflow-x: scroll;flex-grow: 0;align-items: stretch; }
    .poi.type1 .ph-group:nth-of-type(1) .ph-group-content { margin: 0 5% 0 0; width:300px; flex-wrap: wrap; align-content: flex-start; flex-shrink: 0; }
    .poi.type1 .ph-group:nth-of-type(1) .ph-group-content-photo,
    .poi.type1 .ph-group:nth-of-type(1) .ph-group-content-text { display: block; width: 100%; align-self: start; vertical-align: top;  }
    .poi.type1 .ph-group:nth-of-type(1) .ph-group-content-text { padding: 0;  }
    .poi.type1 .ph-group:nth-of-type(1) .ph-group-content-text-detail { padding: 0 10px;}
    .poi.type1 .ph-group:nth-of-type(1) .ph-group-content-text-name { padding: 5px 10px;  width: 100%; border-radius: 0; line-height: 1.4;}
    .poi.type1 .ph-group:nth-of-type(1) .ph-group-content-text-sale { font-size: 14px;}

    .poi.type1 .ph-group:nth-of-type(2) {  padding: 5% 5%; flex-wrap: nowrap; overflow-x: scroll;flex-grow: 1;align-items: stretch; justify-content:flex-start }
    .poi.type1 .ph-group:nth-of-type(2) .ph-group-content {  width: 45%;  flex-wrap: wrap; align-content: flex-start; flex-shrink: 0; flex-grow: 1;align-items: stretch; align-self:unset }
    .poi.type1 .ph-group:nth-of-type(2) .ph-group-content:nth-child(odd),
    .poi.type1 .ph-group:nth-of-type(2) .ph-group-content:nth-child(even) { margin-right: 5%; }
    

    .poi.type1 .ph-group:nth-of-type(3) { padding: 5% 5%; flex-wrap: nowrap; overflow-x: scroll; justify-content: start; }
    .poi.type1 .ph-group:nth-of-type(3) .ph-group-content { width: 70%; flex-wrap: wrap ; align-self: start; flex-shrink: 0; }
    .poi.type1 .ph-group:nth-of-type(3) .ph-group-content:nth-child(even) { margin-right: 1.5%; margin-left: 1.5%;}
    .poi.type1 .ph-group:nth-of-type(3) .ph-group-content:nth-child(odd) { margin-right: 1.5%;  margin-left: 1.5%;}
    .poi.type1 .ph-group:nth-of-type(3) .ph-group-content-photo  { display: block; width: 100%; }
    

    .poi.type2 .ph-group .ph-group-content-text-sale{margin:5px 11px;}
    .poi.type2 .ph-group { padding: 5% 5%; flex-wrap: nowrap; overflow-x: scroll;flex-grow: 0;align-items: stretch;  justify-content: start;}
    .poi.type2 .ph-group .ph-group-content { margin: 0 5% 0 0; width:300px; flex-wrap: wrap; align-content: flex-start; flex-shrink: 0; flex-grow: 0;}
    .poi.type2 .ph-group .ph-group-content-photo,
    .poi.type2 .ph-group .ph-group-content-text { display: block; width: 100%; align-self: start; vertical-align: top;  }
    .poi.type2 .ph-group .ph-group-content-text { padding: 0;  }
    .poi.type2 .ph-group .ph-group-content-text-detail { padding: 0 10px;}
    .poi.type2 .ph-group .ph-group-content-text-name { padding: 5px 10px;  width: 100%; border-radius: 0; line-height: 1.4;}
    .poi.type2 .ph-group .ph-group-content-text-sale { font-size: 14px;}


    .poi.type3 .ph-group .ph-group-content-text-sale{margin:5px 11px;}
    .poi.type3 .ph-group { padding: 5% 5%; flex-wrap: nowrap; overflow-x: scroll;flex-grow: 0;align-items: stretch;  justify-content: start;}
    .poi.type3 .ph-group .ph-group-content { margin: 0 5% 0 0; width:300px; flex-wrap: wrap; align-content: flex-start; flex-shrink: 0; flex-grow: 0;}
    .poi.type3 .ph-group .ph-group-content-photo,
    .poi.type3 .ph-group .ph-group-content-text { display: block; width: 100%; align-self: start; vertical-align: top;  }
    .poi.type3 .ph-group .ph-group-content-text { padding: 0;  }
    .poi.type3 .ph-group .ph-group-content-text-detail { padding: 0 10px;}
    .poi.type3 .ph-group .ph-group-content-text-name { padding: 5px 10px;  width: 100%; border-radius: 0; line-height: 1.4;}
    .poi.type3 .ph-group .ph-group-content-text-sale { font-size: 14px;}

    
    
    
}