body { overflow-x: hidden !important; background: url(../images/bodyFooterBg.jpg) bottom center no-repeat }

.allBase { width: 100%; height: auto; background: url(../images/topBg.jpg) top center no-repeat; }
.contentBase { margin: 0 auto; width: 1280px; height: auto; }

.contentBase header { position: relative; margin: 0 auto; width: 100%; height: 580px; }
.contentBase header h1 { position: absolute; top:71px; left: 47px; display: inline-block; width: 628px }
.contentBase header h1 img { width: 100%; }
.contentBase h3 { margin: 10px 0;  font: bold 28px/36px "arial","微軟正黑體"; color:#2e79c6; text-align: center;}

.content { margin: 20px 0 60px 0; padding: 0 0 20px 0 ; width: 100%; height: auto; text-align: center;border-bottom:1px dotted #bbb; }

.content div {display: inline-block;text-align: left;}


.content div.txt { margin: 0 1% 0 1%; width: 48%; background: rgba(0,0,0,0.0) }
.content div h2,
.content div h2 span { font: bold 70px/1.2em "arial","微軟正黑體"; color: #545454; }
.content div h2 span { color: #2e79c6 }
.content div h5 {font: bold 16px/24px "arial","微軟正黑體"; color: #545454;}


.content div.img { width: 30%; background: rgba(0,0,0,0.5) }
.content div.img img { width: 100%; }

.movBase { width: 100%; text-align: center; margin: 0 0 40px 0 ; padding: 10px 0; background: url(../images/movBaseBg.jpg) top center no-repeat }
.movBase iframe { width: 800px; height:480px; }
/*C26*/

.group-type-ph { width: 100%; text-align: center; }
.group-type-ph .ph { display: inline-block; position: relative; margin:0 2% 4% 2%; width:34%; vertical-align: top; background: #fff ; overflow: hidden;}

.ph-title { padding:2% 1%; width: 100% ; font: 22px/28px "arial","微軟正黑體"; color: #fff; letter-spacing: 0px; white-space:nowrap;}
.ph-detail { margin: 0 8%; padding:1%; width: 84% ; font: bold 14px/20px "arial","微軟正黑體"; color: #fff; letter-spacing: 1px; overflow: hidden;}
.ph-feature { margin: 2% 0 2% 2%; width:96%; text-align: left;font: 14px/18px "arial","微軟正黑體"; color: #757575; }
.ph em { font: bold 16px/30px "arial","微軟正黑體"; color: #fff200; letter-spacing: -2px;}
.ph em span{ margin: 0 0 0 -5px ; font: 30px/30px "arial","微軟正黑體"; color: #fff200;}
.ph em i { margin: 0 0 0 -5px ; line-height: 40px}
.ph-img img { width: 100%; }

.ph .phText { position: absolute; top: 84%; left: 0; padding: 0 0 200px 0; width: 100%; background: rgba(0,0,0,0.8) }

/*C23 use*/
.carrier {  width:100%; margin: 0; padding: 0 0 20px 0; height: auto; vertical-align: bottom;text-align: left;}
.carrier .box-head { display: none; }
.carrier h4  { text-align: center; margin: 20px 0 0 0; width: 100% ;height:auto; font:bold 34px/34px "arial","微軟正黑體"; color: #fff200;}
.carrier ul {margin: 0 auto; width: 60%;  }
.carrier ul li { position: relative; padding: 5px 0 10px 0; width: 100%; height: auto;}
.carrier ul li a {font:16px/24px "arial","微軟正黑體"; color: #fff;}
.carrier ul li a strong { font-size:20px;  font-weight: bold; display: block; }
.carrier ul li em { position: absolute;bottom: 10px; right: 0;font: bold 20px/20px "arial","微軟正黑體";color:#fff200; }
.carrier ul li em span {font: bold 20px/20px "arial","微軟正黑體";}
.carrier ul li em span small {font: bold 20px/20px "arial","微軟正黑體";}
.intro-anchors { display: none; }


.pc { display: block; }
.mobile {display: none;}

/* 
.ph-group-title { margin-bottom: 20px; font: bold 30px/1.2em "arial","微軟正黑體"; color: #2e79c6; text-align: center; }
.ph-menu { display: none;}
.ph { margin: 0 auto 100px auto; padding-bottom: 50px; width: 95%; max-width: 1400px; border-bottom: 1px solid rgba(0,0,0,0.15);}
.ph img { width: 100%;}

.ph-group-content-text-name { padding: 10px 0; font: 19px/1.7em "arial","微軟正黑體"; color: #2e79c6; }
.ph-group-content-text-sale { padding-bottom: 10px; font: 15px/1.7em "arial","微軟正黑體"; color: #000;}
.ph-group-content-text-detail { padding-bottom: 10px; font: 15px/1.7em "arial","微軟正黑體"; color: #000;}
a.ph-group-content-text-price { display: block; font: 19px/1.7em "arial","微軟正黑體"; color: #ff4f66;}


.poiSale .ph-group { display: flex; flex-wrap:  wrap; align-items: center; justify-content: center;}
.poiSale .ph-group-content { display: inline-block; margin: 0 1% 30px 1%; padding: 10px; width: 23%; flex-shrink: 0; background: white; box-shadow: 0 10px 20px rgba(0,0,0,0.15);}

.poiYoutube .ph-group { margin: 0 auto; max-width: 800px; padding: 10px;}
.poiYoutube .ph-group-content-photo { position: relative; overflow: hidden;}
.poiYoutube .ph-group-content-photo img { transition: .5s;}
.poiYoutube .ph-group-content-photo::after {content: ""; position: absolute; top: calc(50% - 40px); left: calc(50% - 40px); width: 80px; height: 80px; pointer-events:none; background: rgba(0,0,0,0.7); border-radius: 99em; z-index: 10;}
.poiYoutube .ph-group-content-photo::before {content: ""; position: absolute; top: calc(50% - 40px); left: calc(50% - 40px); width: 60px; height: 60px;
 z-index: 11; border-top: 30px solid white;border-right: 30px solid white; border-bottom: 30px solid transparent; border-left: 30px solid transparent;
 transform: scale(0.5) rotate(45deg) translate(16px,8px); pointer-events:none; }


.poiYoutube .ph-group-content-photo:hover img { transform: scale(1.2);}


.poiBlog .ph-group { margin: 0 auto; max-width: 800px; padding: 10px;}


.poiInfor .ph-group { margin: 0 auto; max-width: 1000px; padding: 10px;}
.poiInfor .ph-group-content { display: flex; margin-bottom: 100px;}
.poiInfor .ph-group-content:last-child { margin-bottom: 0;}
.poiInfor .ph-group-content-photo { display: inline-block; width: 40%; flex-shrink: 0; }
.poiInfor .ph-group-content-text { position: relative; display: inline-block; width: 60%; height: auto; flex-shrink: 0; flex-grow: 0; z-index: 1; transform: translate(-20px,20px);}
.poiInfor .ph-group-content-text-name,
.poiInfor .ph-group-content-text-sale,
.poiInfor .ph-group-content-text-detail { padding-left: 20px; padding-right: 20px; display: block; background: #2e79c6; color: white;}

.poiInfor .ph-group-content-text-price { display: none;} */


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

.contentBase { margin: 0 auto; width: 100%; height: auto; }
.contentBase header { height: 500px; }

}


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

.content div h2,
.content div h2 span { font-size: 50px }

.ph-title {font-size: 18px}


.movBase { width: 100%; text-align: center; margin: 0 0 40px 0 ; padding: 10px 0; background: url(../images/movBaseBg.jpg) top center no-repeat }
.movBase iframe { width: 80% ;height:auto; }
}


@media only screen and (max-width: 768px) {
.allBase { background: none }	
.contentBase header { position: relative; margin: 0 auto; width: 100%; height:auto }
.contentBase header h1 { position: static; top:0; left:0; display: inline-block; width:100% }

.contentBase { margin: 0 }
.content { margin: 10% ; padding: 0 0 5% 0 ; width: 80%; }
.content div.txt { margin: 0 10%; width:80%; background: rgba(0,0,0,0.0) }
.content div h2,
.content div h2 span { font-size: 30px }
.content div.img { margin: 0 10%; width:80%; background: rgba(0,0,0,0.5) }

.content div h5 {font-size:14px;}

.group-type-ph .ph { margin: 0 2% 5% 2%; padding: 0; width: 43%;  overflow:visible;  }
.ph .phText { position: static; top: 0; left: 0; padding: 0; width: 100%; background: rgba(0,0,0,0.8) }
/* .ph-title {font-size: 18px} */

.carrier ul li { position: relative; padding: 5% 0 5% 0; width: 100%; height: auto;}
.movBase {background: #5f9efb}

.pc { display: none; }
.mobile {display: block;}

}


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

.group-type-ph .ph { margin: 0 10% 5% 10%; padding: 0; width: 79%;  }
.ph-title {font-size: 16px}
.ph-detail {font-weight: normal;}
.carrier ul {margin: 0 auto; width: 90%;  }
.carrier ul li { position: relative; padding: 5% 0 8% 0; width: 100%; height: auto;}


/* .poiSale .ph-group { display: flex; flex-wrap:  nowrap; align-items: start; justify-content: start; overflow-x: scroll;}
.poiSale .ph-group-content { display: inline-block; margin: 0 5vw 30px 0; padding: 10px; width: 70%; flex-shrink: 0; background: white; box-shadow: 0 10px 20px rgba(0,0,0,0.15);}

.poiInfor .ph-group { display: block;}
.poiInfor .ph-group-content { display: block;}
.poiInfor .ph-group-content-photo { display: block; width: 100%; flex-shrink: 0; }
.poiInfor .ph-group-content-text { position: relative; display: block; width: 100%; height: auto; flex-shrink: 0; flex-grow: 0; z-index: 1; transform: translate(0,0);} */



}




/*animation*/
.toMov1 {
animation-name: toMov1;animation-duration: 0.5s;animation-fill-mode: both;}


@keyframes toMov1 {
  
  0% {
	 
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform:scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    ;
  }
 
 
	
100% {
	
	 -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform:scale(1.05);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    
    
  }	
}


.toOrg {
animation-name: toOrg;animation-duration: 0.5s;animation-fill-mode: both;
}


@keyframes toOrg {
  
  0% {
	 
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform:scale(1.05);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
 
 
	
100% {
	
	 -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform:scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    
  }	
}










/*POI*/


.poi{padding: 50px 0 0 0;}
.poiAutoTemplate .ph-group{padding: 50px 10px;justify-content: center;margin:  0 auto;}
.poiAutoTemplate .ph-group-title{font: bold 30px/1 "微軟正黑體";text-align: center;color: #2e79c6;}
.poiAutoTemplate .slidecontain{display: none;}


.poiType1 .poiAutoTemplate .ph-group-content{width: calc(25% - 10px);box-shadow: none;margin: 5px 10px;background: none;border: 1px solid #2e79c6;padding: 0;box-shadow:none}
.poiType1 .poiAutoTemplate .ph-group-content-text-name{font: 700 18px/1.5 "微軟正黑體";}
.poiType1 .poiAutoTemplate .ph-group-content-tag{background: #fff14d;left: 0%;border-radius: 0 0 13px 13px;color: #2e79c6;padding: 5px 10px;font: 500 16px/1 "微軟正黑體";}
.poiType1 .poiAutoTemplate .ph-group-content-text-sale {padding: 0;background:none;}
.poiType1 .poiAutoTemplate .ph-group-content-text-sale a{padding: 5px;font:500 16px/1.5 "微軟正黑體";background:none;color: #ff501b;}
.poiType1 .poiAutoTemplate .ph-group-content .ph-group-content-text {padding: 10px 10px 40px 10px;text-align: left;}
.poiType1 .poiAutoTemplate .ph-group-content-text-price {position: absolute; left: 50%; bottom: 9px; transform: translateX(-50%);background: #0c7edb;color: #FFF;font: 400 22px/1.5 "Century Gothic";padding: 0px 10px;border-radius: 20px;width: 70%;}
.poiType1 .poiAutoTemplate .ph-group-content-text-detail, .poiAutoTemplate .ph-group-content-text-detail a{ color:##202020;font:14px/1.6 "微軟正黑體";}
.poiType1 .poiAutoTemplate .ph-group-content-text-price span{font-size: 0.8em; line-height: 2;}
.poiType1 .poiAutoTemplate.poiAutoTemplate-itemScroll .ph-group, .poiAutoTemplate.poiAutoTemplate-scrollTab.poiAutoTemplate-itemScroll .ph-group{justify-content: center;margin: 40px auto 100px auto;overflow: auto;}



/*景點*/
.poiSpotsBase{ background: url(../images/bg.jpg) top center no-repeat; margin: 0 auto;}

.poiYoutube{background: url(../images/bg.jpg) top center repeat-y;padding: 20px 0;}
.poiInfor{background: url(../images/bg2.jpg) top center repeat-y;padding: 20px 0;}

.poiType2 .ph-group-title{display: block;}
.poiType2 .poiAutoTemplate .ph-group-content{width: 80%;display: inline-flex;margin: 5px;background: rgba(255,255,255,0.9);border:2px solid #cfe7ff;box-shadow: none;transition: 0.3s;padding: 0;}
.poiType2 .poiAutoTemplate .ph-group-content-text-name{font:700 23px/1.5 "Noto Sans TC", "微軟正黑體";color:#0373cf;border-bottom: 1px solid #0c7edb;}
.poiType2 .poiAutoTemplate .ph-group-content .ph-group-content-photo{width: 40%;box-shadow:-12px -12px 0 #cfe7ff;z-index: 2;}
.poiType2 .poiAutoTemplate .ph-group-content .ph-group-content-photo a {display: block;width: 100%; height:100%;}
.poiType2 .poiAutoTemplate .ph-group-content .ph-group-content-photo img{width: 100%; object-fit: cover; height:100%;}
.poiType2 .poiAutoTemplate .ph-group-content .ph-group-content-text{width: 55%;flex-grow: 1;padding:25px 25px 40px 25px;position: relative;background: #fff;box-shadow:12px 12px 0 #cfe7ff;}
.poiType2 .poiAutoTemplate .ph-group-content-text-detail,.poiType2  .poiAutoTemplate .ph-group-content-text-detail a {color: #01070a;font:16px/1.6 "微軟正黑體";}
.poiType2 .poiAutoTemplate .ph-group-content-text-sale,.poiType2 .poiAutoTemplate .ph-group-content-text-sale a {background: none;color: #ff4c34;}
.poiType2 .poiAutoTemplate .ph-group-content-text-sale {border-radius: 20px;padding: 0px 0px;border:#ff4c34 1px solid ;display: inline-block;display: none;}
.poiType2 .poiAutoTemplate .ph-group-content-text-sale a{border: none;}
.poiType2 .poiAutoTemplate .ph-group-content-text-price {position: absolute; right: 5%; bottom: 15px;background: #FFF;color: #ff4c34;font: 400 22px/1.5 "Century Gothic";padding: 0px 20px;border-radius: 20px;border:1px solid  #ff4c34;}
.poiType2 .poiAutoTemplate .ph-group-content:hover .ph-group-content-text-price{font: 700 22px/1.5 "Century Gothic";}


.poiType3 .poiAutoTemplate .ph-menu{display: none;}
.poiType3 .ph-group-title{display: block;}
.poiType3 .ph-group-title span{color: #FFF;}
.poiType3 .poiAutoTemplate .ph-group-content{width: calc(50% - 10px);display: inline-flex;margin: 5px;background: rgba(255,255,255,0.9);}
.poiType3 .poiAutoTemplate .ph-group-content-text-name{font:700 18px/1.5 "Noto Sans TC", "微軟正黑體";color: #0d5ec3;border-bottom: 1px solid #5d8dc9;}
.poiType3 .poiAutoTemplate .ph-group-content .ph-group-content-photo{width: 45%;}
.poiType3 .poiAutoTemplate .ph-group-content .ph-group-content-photo img {object-fit: cover; width:100%;height:100%;}
.poiType3 .poiAutoTemplate .ph-group-content .ph-group-content-text{width: 55%;flex-grow: 1;padding: 5px;}
.poiType3 .poiAutoTemplate .ph-group-content-text-detail,.poiType3 .poiAutoTemplate .ph-group-content-text-detail a {color: #01070a;}
.poiType3 .poiAutoTemplate .ph-group-content-text-sale,.poiType3 .poiAutoTemplate .ph-group-content-text-sale a {background: none;color: #d1250e;display: none;}
.poiType3 .poiAutoTemplate .ph-group-content-text-sale a{border: none;}
.poiType3 .poiAutoTemplate .ph-group-content-text-price {display: none;}



@media screen and (max-width:1280px){
.poiAutoTemplate.poiAutoTemplate-itemScroll .ph-group, .poiAutoTemplate.poiAutoTemplate-scrollTab.poiAutoTemplate-itemScroll .ph-group{justify-content: flex-start;overflow-x: scroll;}

}


@media screen and (max-width:1024px){
.ph-group-title span {font-size: 32px;}

}

@media screen and (max-width:768px){
.poiAutoTemplate .ph-group{margin-bottom: 0;}
.poi{padding: 50px 10px 0 10px;}
.poiType2 .poiAutoTemplate .ph-group-content {display:flex;flex-wrap: wrap ;}
.poiType2 .poiAutoTemplate .ph-group-content-text-name{font:700 20px/1.5 "Noto Sans TC", "微軟正黑體";}
.poiType2 .poiAutoTemplate .ph-group-content .ph-group-content-photo{width: 100%;}
.poiType2 .poiAutoTemplate .ph-group-content .ph-group-content-text{width: 100%;flex-grow: 0;}

.poiType3 .poiAutoTemplate .ph-group-content {display:flex;flex-wrap: wrap ;}
.poiType3 .poiAutoTemplate .ph-group-content .ph-group-content-photo{width: 100%;}
.poiType3 .poiAutoTemplate .ph-group-content .ph-group-content-text{width: 100%;flex-grow: 0;}

}

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

}

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