.inlineBlockSpacing {
     letter-spacing: -0.31em; /* Webkit: collapse white-space between units */
    *letter-spacing: normal; /* reset IE < 8 */
    *word-spacing: -0.43em; /* IE < 8: collapse white-space between units */
    text-rendering: optimizespeed; /* Webkit: fixes text-rendering: optimizeLegibility */
    
}


#mtkContainer,
#mtkContainer * { box-sizing: border-box; }
#mtkContainer {  }
/*.centerall { overflow-x:hidden;  }
*/




/*goTop*/

#goTop {
    display: none;
    position: fixed;
    z-index: 99;
    right: 1%;
    bottom: 24%;
    padding: 10px 10px 2px 10px;
    border-radius: 5em;
    font-size: 12px;
    line-height: 3em;
    text-align: center;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.5);
    transition: padding 0.2s;
    text-decoration: none;
}

#goTop:hover {
    padding-top: 30px;
    background-color: rgba(0, 0, 0, 7);
}

#goTop::before {
    content: "";
    position: absolute;
    top: 7px;
    left: 18px;
    width: 0;
    height: 0;
    border: 4px solid #000;
    border-color: transparent transparent #fff;
}





.fa{display: none;}


/* 版頭 */

header.header { position: relative; height: 95vh; background: url(../images/islands_bg1_2.jpg) #e9e9e8 top center no-repeat; }
header.header h1 { display: none; }

header.header2 { position: relative; height: 95vh; background: url(../images/islands_bg2.jpg) #e9e9e8 top center no-repeat; }
header.header2 h5 { display: none; }

header.header3 { position: relative; height: 95vh; background: url(../images/islands_bg3.jpg) #e9e9e8 top center no-repeat; }
header.header3 h5 { display: none; }

header.header4 { position: relative; height: 95vh; background: url(../images/islands_bg4.jpg) #e9e9e8 top center no-repeat; }
header.header4 h5 { display: none; }

header.header5 { position: relative; height: 95vh; background: url(../images/islands_bg5.jpg) #e9e9e8 top center no-repeat; }
header.header5 h5 { display: none; }

header.header6 { position: relative; height: 95vh; background: url(../images/islands_bg6.jpg) #e9e9e8 top center no-repeat; }
header.header6 h5 { display: none; }

header.header7 { position: relative; height: 95vh; background: url(../images/islands_bg7.jpg) #e9e9e8 top center no-repeat; }
header.header7 h5 { display: none; }


/* 增加左滑動再多上層 */
header.header ,
header.header2,
header.header3,
header.header4,
header.header5, 
header.header6,
header.header7 { display: inline-block; width: 100%; }

.allheader { white-space: nowrap; overflow: hidden; overflow-x: scroll; }
/* 因為加了list滑動，所以有bug在text區，要改成white-space: normal */





/* 內頁版頭 */

header.header1-2 { position: relative; height: 705px; background: url(../images/islands_bg1-22.jpg) #e9e9e8 top center no-repeat; }
header.header1-2 h1 { display: none; }

header.header1-3 { position: relative; height: 755px; background: url(../images/islands_bg1-31.jpg) #e9e9e8 top center no-repeat; }
header.header1-3 h1 { display: none; }

/* header.header1-4 { position: relative; height: 557px; background: url(../images/islands_bg1-4-4.jpg) #080d2a top center no-repeat; }
header.header1-4 h2 img.mobileHeader{ display: none; } */

header.header1-4 { position: relative; height: 557px; background: url(../images/islands_bg1-4-5.jpg) #080d2a top center no-repeat; }
header.header1-4 h2 img.mobileHeader{ display: none; }

header.header2-2 { position: relative; height: 705px; background: url(../images/islands_bg2-22.jpg) #e9e9e8 top center no-repeat; }
header.header2-2 h1 { display: none; }

header.header3-2 { position: relative; height: 705px; background: url(../images/islands_bg3-22.jpg) #e9e9e8 top center no-repeat; }
header.header3-2 h1 { display: none; }

header.header4-2 { position: relative; height: 705px; background: url(../images/islands_bg4-22.jpg) #e9e9e8 top center no-repeat; }
header.header4-2 h1 { display: none; }

header.header5-2 { position: relative; height: 705px; background: url(../images/islands_bg5-22.jpg) #e9e9e8 top center no-repeat; }
header.header5-2 h1 { display: none; }

header.header6-2 { position: relative; height: 705px; background: url(../images/islands_bg6-22.jpg) #e9e9e8 top center no-repeat; }
header.header6-2 h1 { display: none; }

header.header6-3 { position: relative; height: 705px; background: url(../images/islands_bg6-22.jpg) #e9e9e8 top center no-repeat; }
header.header6-3 h1 { display: none; }

header.header7-2 { position: relative; height: 705px; background: url(../images/islands_bg8-2.jpg) #e9e9e8 top center no-repeat; }
header.header7-2 h1 { display: none; }



.left  { display: block;  cursor: pointer;position: absolute;top:50%;left: 3%;}


.right  { display: block;  cursor: pointer;position: absolute;top:50%; right: 3%;}


/* 選單 */
/* 首頁新增下拉選單 */

.list-content {width: 100%; height: 392px; position: fixed; top: 0; z-index: 50; background: url(../images/islands_listbg2.png) top center no-repeat; }
.content { padding: 46px 0 299px 0; }


.infor-button {text-align: center; width:100%; letter-spacing: normal; margin: 0 auto;}
.infor-button li { display: inline-block; padding: 3px 20px;border: solid 2px #fff;background: #2997b5ad; cursor: pointer; transition: .3s;border-radius: 90px;margin:10px 2px ; }
.infor-button a { color: #fff; font:19px/1.4 "微軟正黑體"; padding:4px 8px; }
.infor-button a:hover,
.infor-button a.now {color:#fff100;  }


/* 內頁選單 */
.list2 { margin: 0 auto; width: 100%;   position: sticky; top: 0; z-index: 10; background: rgba(0,0,0,0.3); padding: 4px 0; }

.list { margin: 0 auto; width: 100%;  position: sticky; top: 0; z-index: 10; background: rgba(16,234,237,0.7);  }
.infor-button2 {text-align: center; width:100%; letter-spacing: normal; }
.infor-button2 li { display: inline-block; padding:0 35px; font:21px/1.7 "微軟正黑體"; background: #fff; cursor: pointer; transition: .3s;border-radius: 90px;margin:10px 3px; }
.infor-button2 a { color: #2d8ab7; }
.infor-button2 li:hover,
.infor-button2 li.now {font: bold; background:  #fff100 ; }



.infor-button3 {text-align: center; width:100%; letter-spacing: normal; }
.infor-button3 li { display: inline-block; padding: 0 35px; font:21px/1.7 "微軟正黑體"; background: #fff; cursor: pointer; transition: .3s;border-radius: 90px;margin:10px 2px ; }
.infor-button3 a { color: #2d8ab7; }
.infor-button3 li:hover,
.infor-button3 li.now {font: bold; background:  #fff100 ; }



/* 內頁下拉式選單3 */

.thisHasSecButton { position: relative; }
.isSecButton { display: none; position: absolute; top:100%; left:0; width: 100%; background:  #fff100;border-radius: 10px; }
.isSecButton a { display: block;}
.isSecButton a:hover {color: #ffffff;  background: #2d8ab7; }

.isSecButton a.anchor{
    display: block;
    position: relative;
    top: -92px;
    visibility: hidden;
}

/* 內頁公版金門選單 */

.infor-button2-2 {margin: 0 auto; text-align: center;  max-width:1400px;letter-spacing: normal;width: 40%; border-bottom: 1px solid #d40000;  }
.infor-button2-2 li { display: inline-block; padding: 10px 9px; font:18px/1 "微軟正黑體";color: #d40000;  cursor: pointer; }
.infor-button2-2 a { color: #d40000; }
.infor-button2-2 li:hover,
.infor-button2-2 li.now {font: bold; border-bottom: 4px solid #d40000; color: #d40000 ; }




/* text */

.infor-area .text{position: absolute; right: -2%; top:36%;  letter-spacing: normal; text-align: justify; white-space: normal; }/* 因為加了list滑動，所以有bug要改成white-space: normal */
.infor-area .text h2{ display: inline-block;  font: bold 41px/1.5 "微軟正黑體";color: #fff; background-color: rgba(0,0,0,0.7);  margin-right:48%; padding: 0 20px; }
.infor-area .text .p1{display: inline-block; font:28px "微軟正黑體"; color: #fff; background-color: rgba(0,0,0,0.7);padding: 5px 15px;margin:10px 33% 0 0 ; }
.infor-area .text .p2{ display: inline-block; font:28px "微軟正黑體"; color: #fff; background-color: rgba(0,0,0,0.7);padding: 10px 20px;margin:10px 30% 0 0 ; }
.infor-area .text a{display: inline-block; font:26px "微軟正黑體"; color: #064665; background: #fff100;padding: 5px 16px;margin:10px 20px 0 0 ; border-radius: 90px; cursor: pointer;}
.infor-area .text .p3{ display: block; font: 8px "微軟正黑體"; color: #fff; background-color: rgba(0,0,0,0.7);padding: 5px 16px;margin:10px 20px 0 0 ; }



/* 內頁公版抬頭 */
.in-title img{ display: block; text-align: center; margin: 0 auto; }

.in-title{ display: block; text-align: center; margin: 0 auto; }
.in-title p{font: 40px/1.2 "微軟正黑體"; color: #102f41;  }

.in-title2{  display: block; text-align: center; margin-top: 10px;padding-top: 40px;}
.in-title2 p{font: 40px/1.2 "微軟正黑體"; color: #102f41;  }


.in-title2-2{  text-align: center; margin: 0 auto;}
.in-title2-2 p{ display: inline-block; color: #2d8ab7;  font: bold 34px/1.5 "微軟正黑體";margin-top:  3% ;}

.in-title2-3{  text-align: center; margin: 0 auto;}
.in-title2-3 p{ display: inline-block; color: #2d8ab7;  font:bold 34px/1.5 "微軟正黑體";  margin: 6% 22px 10px 22px; }




/* 內頁公版背景 */

.in-bg{ background: url(../images/islands_inside_bg.jpg) #f7f5ec top center no-repeat;}
.in-bg2{ background: url(../images/islands_inside_bg1-2.jpg) #f7f5ec top center no-repeat;}
.in-bg3{ background: url(../images/islands_inside_bg3-2.jpg) #fff top center no-repeat;}
.in-bg4{ background: url(../images/islands_inside_bg4.jpg) #fff top center no-repeat;}
.in-bg3-1{ background: url(../images/islands_inside_bg3-1.jpg) #fff top center no-repeat;}




/* 金門內頁公版抬頭 */

.c23Base2 {margin: 0 auto; width: 95%; text-align: center; max-width: 1300px;}
.c23Base2 .carrier  { display: block; }
.box-head { display: none; }
.c23Base2 .intro-anchors {   display: inline-block;  margin: 0 auto;padding: 20px 0; }
.c23Base2 .intro-anchors a{   padding: 2px 10px; margin: 0 auto; font: 24px /1.6 "微軟正黑體"; color: #259581 ;border: 1px solid #259581; }
.c23Base2 .intro-anchors a:hover{  cursor: pointer; color: #3e6acc ;border: 1px solid #3e6acc; }

.c23Base2 .carrier h4 { display: inline-block;text-align: left;color: #fff;background-color: #589cc1 ;padding: 0px 20px;font: 24px / 2 "微軟正黑體"; border-radius: 50px; margin-top: 30px;}





/* 內頁公版 1*/

.c23Base {margin: 0 auto; width: 95%; text-align: center; max-width: 1200px; }
.carrier .box-head ,
.intro-anchors { display: none;}
.carrier h4 { display: none;}
.carrier li { width:100% ;  margin: 0 auto; padding: 20px;  transform: scale(0.98); border-bottom:solid 1px #1c6891; text-align: left; }
.carrier li strong { display: block;font:bold 24px /1.6 "微軟正黑體"; color: #1c6891; }
.carrier li a { font: 18px /1.6 "微軟正黑體"; color: #696969;  }
.carrier li .price { font: 30px /1.6 "微軟正黑體"; color: #d40000 ;position: absolute; right: 20px; bottom: 0; }
.carrier li:hover { transform: scale(0.95); }




/* 內頁公版 2*/

.c23Base2 {display: block;margin: 0 auto;   text-align: center;}

.c23Base2 .group-type-ph {  display: block; padding: 30px 0;}
.c23Base2 .ph {  display: inline-block; background: #fff; margin: 10px 7px;  transition: all .3s ease-out; font: normal;}

.c23Base2 .ph img {width:  100%;   }

.c23Base2 .ph-title {  display: block; font:bold 17px/1.5 "微軟正黑體" ; color: #102f41;  padding: 10px 12px; text-align: left; }
.c23Base2 .ph-detail { display: block;font: 14px/1.5 "微軟正黑體"," Arial";text-align: left;color: #717171; padding: 0 5%;}
.c23Base2 .ph .price {   padding: 2% 2%; font: 20px/1.4 Verdana, Geneva, "微軟正黑體", sans-serif;display: block; color: #d40000;  
    text-align: right; }

.c23Base2 .ph:hover { transform: scale(0.98); }
.c23Base2 .price i{ font-style: normal; }




/* tab */
.wrapper {
    position: relative;
    width: 100%; max-width: 1600px;
    margin: 0 auto;
}

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

a {
    text-decoration: none;
}

*{transition: all 0.2s;}




/*navArea*/
.navArea{width: 85%;margin: 0 auto;}
.tabs-nav{    margin-top: 2%;display: flex; justify-content: space-around;  align-items: flex-end; font:bold 26px/1 "微軟正黑體";letter-spacing: 0.05em; border-bottom: solid 2px black;  }
.tabs-nav li{ width: 50%; color: #2d8ab7; text-align: center; line-height: 2; border-bottom: solid 8px white; cursor: pointer;}
.tabs-nav li.on , .tabs-nav li:hover{ border-color:#0ebecd; }



/*section-body*/
.section-body{ padding: 30px 15px;  }
.tabs-panel{display: none;}
.tabs-panel.on{display: block;}


/*離島立榮區y*/

.uni-all{ width: 100%; margin: 0 auto; display: block; }

.panelbox .uni1  {   width: 100%;  margin-top: 9%;  display: inline-block; }
.panelbox .uni1 .uni1-2{ display: inline-block; width: 45%; margin-right: 6%;}
.panelbox .uni1 img{ width: 48%; float: right; height: auto;display: block; border-radius: 8px;  border: solid 2px #fff;}
.uni1 h2{  font:bold 24px/1.8"微軟正黑體" ; color: #1d9aa5; display: block;  }
.uni1 p{ font: 18px/1.5 "微軟正黑體" ;display: block; color: #777777;  text-align: justify; }
.uni2{ margin-top: 3%;  width: 100%;  display:block; }
.uni1 h5{  font: bold 24px/1.4"微軟正黑體";text-align: right;color: #e42043;  }

/*澎湖護唇膏專區*/
.story{ margin: 0 auto; text-align: center;  width: 100%; background: #f0f3fa; }
.phpd{ display: inline-block; }
.phpd img{width: 579px; }
.storytext{ display: inline-block;  width: 30%;    margin: 5% 1% 0 1%; text-align: justify;}

.storytext h3{ font:bold 22px/2"微軟正黑體" ; color: #102f41; display: block;  }
.storytext p{ font:  16px/1.8"微軟正黑體" ; color: #596874; display: block;  }


.incouldpd{background: #fff; display: block;}
.slog1 { margin: 0 auto;text-align: center; }
.slog1 p{ font:  24px/1.8"微軟正黑體" ; color: #6f6f6f; display: block; padding: 4% 0;  letter-spacing: 5px; }
.lillabanner{ margin: 1% auto;text-align: center;display: block;width: 100%;  }
.lillabanner img{ border-radius: 2em;border:solid 5px #4de5fa; }

.slog2 { margin: 0 auto;text-align: center; }
.slog2 p{ font:  24px/1.8"微軟正黑體" ; color: #6f6f6f; display: block;  letter-spacing: 4px; }

.slog3 { margin: 0 auto;text-align: center; padding-bottom: 4%;}
.slog3 p{ font:  16px/1.8"微軟正黑體" ; color: #fff; display: inline-block; background: #e59db8; letter-spacing: 5px;padding: 0 1%;}

/*澎湖護唇膏圖文*/
.lillpicall{ margin: 0 auto; text-align: center; max-width: 1200px; width: 100%;   }
.lillpic{display: inline-block; margin:1% 0.5% 6% 0.5%; text-align: center;  }
.lillpic img{  width: 385px; border-radius: 10px; border: solid 1px #e1e1e1;  }
.lilltext{font:bold 22px/1.8"微軟正黑體" ; color: #6e6876; display: block;  text-align: justify;  }
.lilltext2{font:  16px/1.5"微軟正黑體" ; color: #6f6f6f; display: block;  text-align: justify;   }

.lillpic-content { margin: 0 auto; background: url(../images/lillbg.jpg) #e0e0e1 top center no-repeat;padding: 0.3% 0 2% 20%;}
.lillpic-content2 {  margin: 0 auto; max-width:1000px; padding-top: 1.5% ;}
.lillpic-content2 li{  font:  20px/2"微軟正黑體" ; color: #6f6f6f; display: block;  text-align: justify;   }

.lillpic-content2 li ol li{ margin-left: 20px; list-style-type: disc; font:  16px/1.8"微軟正黑體" ; color: #6f6f6f; }










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




}


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




/* 內頁公版 3 */

.in-title img{ width: 90%; }


}




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

/* 內頁公版 2*/

.c23Base2 .ph { margin: 10px 2px;}


/*離島立榮區y*/
.uni1 h2{  font:bold 21px/1.8"微軟正黑體" ; padding-top: 0;  }
.uni1 p{ font: 17px/1.5 "微軟正黑體" ; }
.panelbox .uni1 img{width: 48% ; }
}






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

/* text */

.infor-area .text { top:42%; right: -9%; }


}


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

/* 內頁公版 2*/

.c23Base2 .ph { margin: 10px 6px;}

.carrier li { padding: 36px;}


}





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






}





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







/* text */
.infor-area .text{right: -22%; top:44%;    }

 .section-body{padding: 15px 2%;}

}

@media only screen and (max-width: 950px) {
.list{display: none;}

/*離島立榮區y*/
.uni-all{ width: 100%; margin: 0 auto; display: block; }

.panelbox .uni1{   width: 100%;  margin-top:13%;  display: block; }
.panelbox .uni1 img{ width: 80%;    float: none; border-radius: 8px;  border: solid 2px #fff; margin: 0 auto;}
.uni1 h2{  font:bold 20px/2"微軟正黑體" ;  padding-top: 15px;     }
.uni1 p{ font: 16px/1.6 "微軟正黑體" ;display: block; color: #777777;  text-align: justify;     margin: 1% 15% 2% 15%;}
.panelbox .uni1 .uni1-2{ width: 100%;margin: 0 auto;text-align: center; }
.uni2{   width: 100%;  display: block; }
.uni2 .carrier{display: block;width: 100%;}
.uni1 h5{ text-align: center ;  }

.section-body{padding: 15px 2%;}


/* 金門內頁公版抬頭 */
.c23Base2 .intro-anchors a{   font:20px /2.5 "微軟正黑體";  }


/*澎湖護唇膏圖文*/

.lillabanner img{ width: 90%; border-radius: 0.8em;    border: solid 3px #4de5fa;}
.lillabanner { margin: 0 auto;}
/* 煙火選單 */
.centerall2 { margin-top: 0; overflow-x:hidden;  }
.listfirework{display: none;}

/*內頁2*/
.c23Base2 .group-type-ph { display: inline-block; padding: 20px 0;}


}

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

.c23Base2 .group-type-ph {  padding: 30px 0;}

/* 金門內頁公版抬頭 */
.c23Base2 .intro-anchors a{  font:20px /2.5 "微軟正黑體"; }



/*澎湖護唇膏圖文*/

.list2 {border-radius: 0 ;}
.infor-button3 li {font: 20px/1.5 "微軟正黑體";}

header.header1-3 h2{ display: block; }
header.header1-3 h2 img { width: 100%; }
header.header1-3 {height: auto; background: #ffffff ; }
.phpd { width: 50%;}
.storytext { display: inline-block; width: 44%; margin: 0;}

/*煙火圖文*/
header.header1-4 h2 img.mobileHeader{ display: block; }
header.header1-4 h2 img { width: 100%; }
header.header1-4 {height: auto; background: #ffffff ; }


}





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


/*澎湖護唇膏圖文*/

.storytext {width: 48%; margin: 0 2% 2% 0; padding: 0 1% 2% 1%;}


.phpd { width: 48%;}
.phpd img { width: 92%; margin: 10% 0;}


.c23Base2 .ph {width: 80%;}

}


/* 平板 */

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

/* 版頭 */
header.header h1 { display: block; }
header.header h1 img { width: 100%; }

header.header2 h5 { display: block; }
header.header2 h5 img { width: 100%; }

header.header3 h5 { display: block; }
header.header3 h5 img { width: 100%; }

header.header4 h5 { display: block; }
header.header4 h5 img { width: 100%; }

header.header5 h5 { display: block; }
header.header5 h5 img { width: 100%; }

header.header6 h5 { display: block; }
header.header6 h5 img { width: 100%; }

header.header7 h5 { display: block; }
header.header7 h5 img { width: 100%; }

header.header ,
header.header2,
header.header3,
header.header4,
header.header5,
header.header6,
header.header7, {height: auto; background: #ffffff ; }


/* 內頁版頭 */
header.header1-2 h1 { display: block; }
header.header1-2 h1 img { width: 100%; }

header.header2-2 h1 { display: block; }
header.header2-2 h1 img { width: 100%; }

header.header3-2 h1 { display: block; }
header.header3-2 h1 img { width: 100%; }

header.header4-2 h1 { display: block; }
header.header4-2 h1 img { width: 100%; }

header.header5-2 h1 { display: block; }
header.header5-2 h1 img { width: 100%; }

header.header6-2 h1 { display: block; }
header.header6-2 h1 img { width: 100%; }

header.header6-3 h1 { display: block; }
header.header6-3 h1 img { width: 100%; }

header.header7-2 h1 { display: block; }
header.header7-2 h1 img { width: 100%; }


header.header1-2,
header.header2-2,
header.header3-2,
header.header4-2,
header.header5-2,
header.header6-2,
header.header6-3,
header.header7-2 {height: auto; background: #ffffff ; }


/* 選單 */

.list-content {  background: url(../images/islands_listbg2-2.png)top center no-repeat ; }

.infor-button a {color: #fff;font: 16px/1.4 "微軟正黑體"; padding: 4px 0px;}


.infor-button li {    font: 16px/1 "微軟正黑體";padding: 0px 23px; margin: 2px 0; border: solid 1px #fff; }

.isSecButton a:hover { color: #fff;  font:18px/1 "微軟正黑體"; background:  #2d8ab7 ; padding: 10px  0 ;}
.isSecButton2 a:hover { color: #fff;  font:16px/1 "微軟正黑體"; background:  #2d8ab7 ; padding: 10px  0 ;}


/* text */
.infor-area .text h2{  font: bold 36px/1.5 "微軟正黑體";color: #fff; background-color: rgba(0,0,0,0.7);  margin-right:48%; padding: 0 20px; }
.infor-area .text .p1{ font: 24px "微軟正黑體";margin:5px 30% 0 0 ; }
.infor-area .text .p2{ font: 24px "微軟正黑體";margin:5px 40% 0 0 ; }
.infor-area .text h4{font: 20px "微軟正黑體";}


/* 內頁公版1 */
.carrier li {  padding: 20px 0 45px 0 ; width: 100%; width:90%; }



/* 內頁公版2 */
.c23Base2 .group-type-ph {padding: 30px 0; }




/*離島立榮區y*/
.uni-all{ width: 100%; margin: 0 auto; display: block; }
.panelbox .uni1{   width: 100%;  margin-top: 13%;  display: block; }
.panelbox .uni1 img{ width:95%;height: auto; display: block; border-radius: 8px;  border: solid 2px #fff; margin: 0 auto;}
.uni1 h2{  font:bold 17px/1.4"微軟正黑體" ;  }
.uni1 p{   margin:0 2%;}
.uni1 .uni1-2{ width: 90%;margin: 0 auto;text-align: center; }


.uni2{    display: block; }
.uni2 .carrier{display: block;width: 100%;}


/*navArea*/

.tabs-nav{font:bold 22px/1 "微軟正黑體";}
.tabs-nav li{ margin-top: 2%;line-height: 2;     border-bottom: solid 5px white; }
.navArea {width: 100%;}




/*澎湖護唇膏圖文*/

.list2{background: #565555;}

.storytext {width: 48%; margin: 0 2% 2% 0; padding: 0 1% 2% 1%;}


.phpd { width: 48%;}
.phpd img { width: 92%; margin: 10% 0;}

.lillpic { width: 86%;}
.lillpic img{ width: 100%;}
.lillpic-content{ background-position-x: 40%; background-size: cover; }
}


/* 手機 */

@media only screen and (max-width: 560px) {
.uni1  {   margin-top: 22%;   }

/*navArea*/
.tabs-nav{font:bold 15px/1 "微軟正黑體";}
.tabs-nav li{ margin-top: 2%; line-height: 2; }

/*地圖banner*/
.lillabanner img{ width: 95%; border-radius: 0.8em;    border: solid 3px #4de5fa;}


/* 選單 */
.list-content {display: block;  height:  auto;  margin: 34px 0 0 0; background: url(../images/islands_listbg2m.png)top center no-repeat ; background-size: contain; }
.content {padding: 0 0 200px 0;}
.infor-button li { font:18px/1 "微軟正黑體"; margin: 11px 0; }
.infor-button { margin: 0;}
.infor-button2 li{ margin: 10px 8px;font:18px/1 "微軟正黑體";padding: 3px 8px;}
.infor-button3 li{ margin: 10px 1px;font:16px/1 "微軟正黑體";padding: 5px 8px;}
.infor-button a { font: 13px/1.4 "微軟正黑體"; padding: 2px 0px;}



/* text */
.infor-area .text{ right: -35%; top:50%; }

.infor-area .text h2{ font: bold 24px/1.5 "微軟正黑體"; }
.infor-area .text .p1{font: 18px "微軟正黑體";  }
.infor-area .text .p2{font: 18px "微軟正黑體"; padding: 10px 9px; }
.infor-area .text a{ font: 16px "微軟正黑體"; padding: 7px 18px;}
.infor-area .text .p3{ font: 18px "微軟正黑體"; }


.right {display: none;}
.left {display: none;}


/* 內頁公版抬頭 */
.in-title{ right:calc(47% - 60px); }
.in-title p{font: 30px/1.2 "微軟正黑體";  }
.in-title2 p{font: 30px/1.2 "微軟正黑體";  }
.in-title3 p {padding: 0.5% 4%;}

/* 金門內頁公版1 */
.c23Base2 .intro-anchors { letter-spacing: normal;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    overflow-y: hidden;
    overflow-x: scroll;  }

/* 內頁公版1 */

.carrier li {  padding: 20px 0 45px 0 ; width: 100%; width:95%; }
.carrier li strong { font: bold 18px /1.6 "微軟正黑體"; }
.carrier li a { font: 14px /1.6 "微軟正黑體";  }
.carrier li .price { font: 24px "微軟正黑體"; text-align: end;}



/* 內頁公版2 */

.c23Base2 .group-type-ph{  display: block; padding: 2% 0;}
.c23Base2 .ph{   width: 93%}
.c23Base2 .ph img {width:  100%;   }

.ph-title{  font:bold 17px/1.5 "微軟正黑體" ; color: #102f41; padding: 6px 12px;width: 100%; text-align: left;}
.ph-detail{ font: 14px/1.5 "微軟正黑體"," Arial";}
.price{  font: normal 20px/1.4 Verdana, Geneva, "微軟正黑體", sans-serif;width: 100%; }



/* 內頁公版3 */
.ph2{  margin: 10px 2px;   } 

.ph-feature2 img{width:  100%; border-radius: 10px;  }

.detail-all{ position: absolute; bottom: 0; background: rgba(0,0,0,0.7); width: 100%;   height: auto; padding: 3% 3%;  white-space: normal; border-radius: 0 0 10px 10px;}


/* 內頁背景 */
.in-bg2{  background-position-x: -10%;}
.in-bg4{  background-position-x:-4%;}



/*澎湖護唇膏圖文*/

.infor-button3 li {  margin: 9px 1px;padding: 5px 16px; font: 18px/1 "微軟正黑體";}


.phpd { width: 100%;}
.phpd img {  width: 100%; margin:  0;}
.storytext { width: 85%;}
.storytext h3 {  font: bold 20px/2"微軟正黑體";}
.storytext p { font: 15px/1.5"微軟正黑體";}

.slog1 p {  font: 18px/1.8"微軟正黑體"; padding: 8% 0; letter-spacing: 3px;}
.slog2 p {  font: 18px/1.8"微軟正黑體";padding: 8% 0 1% 0; letter-spacing: 3px;}
.slog3{padding-bottom: 12%;}
.slog3 p { font: 15px/1.8"微軟正黑體";letter-spacing: 3px;}

.lillpic-content { padding: 1% 0 6% 3%;}
.lillpic-content { background-position-x: 44%;}
.lillpic-content2 { padding: 7% 2%;}
.lillpic-content2 li {font: 18px/2"微軟正黑體";}
.lillpic-content2 li ol li { font: 14px/1.8"微軟正黑體";}

.uni1 p{ font: 15px/1.4 "微軟正黑體" ;}



}






header.header1-4::after {
    content: "";
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 100%;
    height: 5px;
    background: #037fa9;}



/*globalMenu START 貫穿所有頁面的MENU*/
.globalMenu { /*position: -webkit-sticky; position: sticky;*/ top: 0; display: flex; padding: 0px 0; justify-content: center; z-index: 10;position: relative;
background: #0abbc7;margin-top:3px;}
.globalMenu a { position: relative; display: inline-block; margin: 0; padding: 15px 35px; font:20px/1 "微軟正黑體"; color: #fff;  text-shadow: 1px 1px 0 rgba(0,0,0,0.40);
    transition: .5s; z-index: 2; }
.globalMenu a:first-child { border-left:none; }
.globalMenu .secButton { position: relative; }
.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: #ff5618; text-shadow: 1px 1px 0 rgba(255,255,255,0.75);}
.globalMenu a::after { content:"" ; position: absolute; top: -15px; left: 0; width: 100%; height: 0 ; z-index: -1; background: transparent; transition: .5s; }



/*localMenu  START 單頁面的MENU*/
.localMenu { position: -webkit-sticky; position: sticky;  top: 0; display: flex; margin-top: 28px; padding: 0px 0; justify-content: center; z-index: 10;background: #FFF;height: auto;}
.localMenu a { display: inline-block; margin: 0 10px 0 10px; padding: 15px 25px; font:20px/1 "微軟正黑體"; color: gray; border:1px solid gray; border-radius: 10px;
    background: #fff; transition: .5s;}
.localMenu a:hover,
.localMenu a.on { color: white; border: 1px solid transparent; background: #ff5618; }
.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 #ff5618;
    border-top:5px solid #ff5618;    transform: rotate(-135deg);    
}

/*localMenu  END 單頁面的MENU*/



.introArea{position: relative; background: url(../images/ph_bg0.jpg) #fefdfc top center no-repeat;text-align: center;color: #464646;}
.introArea h1 {font:18px/1.4 "微軟正黑體";width: 50%;margin: 0 auto;padding: 100px 0 70px 0 ;text-shadow: 0px 0px 5px #FFF,0px 0px 5px #FFF,0px 0px 5px #FFF,0px 0px 5px #FFF;}
.introArea h1 span{color:#ff5618;font-weight: bold;}
.introArea h1 p{font:bold 22px/1.4 "微軟正黑體";color: #1cb3bd;}



@media only screen and (max-width: 1500px) {
.introArea h1 {width: 80%;}
}

@media only screen and (max-width: 1024px) {
    .globalMenu { overflow-x: scroll; justify-content: start;}
    .globalMenu a { padding: 10% 3%; flex-shrink: 0; font-size: 16px;}
    .globalMenu .secButton{width: 100%;text-align: center;}

    .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;}

    .introArea h1 {width: 80%;}
}




@media only screen and (max-width: 768px) {
    .globalMenu { position: static;}
    .localMenu a:hover { color: gray; background: #fff;}

    .introArea h1{padding: 50px 0;font:16px/1.4 "微軟正黑體";}
    .introArea h1 p{font:bold 16px/1.4 "微軟正黑體";}


}



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

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

    .localMenu a { color: white; background: #ff9974;width:auto;font:16px/1.4 "微軟正黑體";height:auto;padding: 5px 15px; }
    .localMenu a.on { color: #ff9974; background: white ;}


  
}   










.bnAD {margin: 30px auto 30px auto;text-align: center;}
.bnAD img.pc{width: 100%;max-width: 1200px;margin: 0 auto;}
.bnAD img.m{width: 95%;max-width:694px;display: none;margin: 0 auto;}

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

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

}