/*body { background: url(../images/repeatBg.jpg) top center repeat-y; }*/
body {background: url(../images/hearderBg.jpg) top center no-repeat; background-attachment: fixed;}
.baseBg { background: url(../images/repeatBg.jpg) top center repeat-y; padding: 0;margin: 0 auto;}

.width1100px { margin: 0 auto; width: 1100px; }

header .headerTitleContent { position: relative; height: 469px; }
header .headerTitleContent h1 { position: absolute;top:15%; left: 15%; display: inline-block;}
header .headerTitleContent .pc { display: inline-block; }
header .headerTitleContent .mobile { display: none; }

.buttonBase { text-align: center; background: #6a4826 }
.buttonBase li { display: inline-block; padding: 0px 10px; margin: 12px 0; font: 16px/22px "arial","微軟正黑體"; color: #ebded2; border-right: 1px solid  #ebded2; cursor: pointer;}
.buttonBase li:last-child { border-right: none }
.buttonBase li a {color: #ebded2;}

.contentBase * {letter-spacing: 1px;}
.contentBase {text-align: center;}



.contentBase h6 { margin: 0 0 20px 0; font: 16px/22px "arial","微軟正黑體"; color: #545454; letter-spacing: 4px}
.contentBase h6 b { padding: 0 10px; font-size:30px; line-height: 60px; border:1px solid #545454; }


.contentBase .photoInformation { position: relative; display: inline-block; width: 25%; height: auto; background: rgba(0,0,0,0.1); background-size: 10%; }
.contentBase .photoInformation h3 { display: inline-block; margin: 20vh 0; padding: 5px 20px; font: 16px/22px "arial","微軟正黑體"; color: #fff; letter-spacing: 4px; background: rgba(0,0,0,0.8)}
.contentBase .photoInformation h3 small { font-size: 8px }
.contentBase .photoInformation h5 { display: none; position: absolute; top: 0; left:0; padding: 10%; width: 100%; height: 100%;font: 16px/22px "arial","微軟正黑體"; color: #fff; letter-spacing: 2px;background: rgba(0,0,0,0.8); z-index:1}

.contentBase .photoInformation:nth-child(1) {background: url(../images/photoInformation_giza.jpg) top center no-repeat;background-size: 115%;}
.contentBase .photoInformation:nth-child(2) {background: url(../images/photoInformation_saqqara.jpg) top center no-repeat;background-size: 115%;}
.contentBase .photoInformation:nth-child(3) {background: url(../images/photoInformation_egyptianMuseum.jpg) top center no-repeat;background-size: 115%;}
.contentBase .photoInformation:nth-child(4) {background: url(../images/photoInformation_thebes.jpg) top center no-repeat;background-size: 115%;}



/*C23 use*/
.contentBase .carrier {  width:100%; margin: 0; padding: 0 0 20px 0; height: auto;background:url(../images/ulBgRight.jpg) bottom right no-repeat; }
.contentBase .carrier .box-head,
.intro-anchors { display: none; }

.contentBase .carrier ul {margin: 0 auto 100px auto; width: 100%;  }
.contentBase .carrier ul li { position: relative; width: 100%; margin: 20px 0 0px 0; text-align: left; }
.contentBase .carrier ul li:hover { background:#fff3dd }
.contentBase .carrier ul li:hover a,
.contentBase .carrier ul li:hover a strong { color: #f25804 !important; }
.contentBase .carrier ul li a {font:14px/28px "arial","微軟正黑體"; color: #444;}
.contentBase .carrier ul li a strong {font: bold 22px/28px "arial","微軟正黑體"; color: #000; display: block; letter-spacing: 2px }
.contentBase .carrier ul li em { position: absolute;bottom: 0; right: 0;font: bold 16px/28px "arial","微軟正黑體"; }
.contentBase .carrier ul li em span {font: bold 22px/28px "arial","微軟正黑體";}
.contentBase .carrier h4 { margin: 0; padding: 10px 0; font: bold 30px/30px "arial","微軟正黑體";}


@media only screen and (max-width: 1100px) {
.width1100px { margin: 0 auto; width: 100%; }
header .headerTitleContent .pc { width: 90% }

.contentBase .photoInformation h3 { margin: 25vh 0;}
.contentBase .photoInformation:nth-child(1) { background-size: 150%;}
.contentBase .photoInformation:nth-child(2) { background-size: 150%;}
.contentBase .photoInformation:nth-child(3) { background-size: 150%;}
.contentBase .photoInformation:nth-child(4) { background-size: 150%;}
}

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

.width1100px { margin: 0 auto; width: 80%; }

header .headerTitleContent { position: relative;height: auto; width: 100%; }
header .headerTitleContent h1 { position: static;display: inline-block; margin: 0; padding: 0}
header .headerTitleContent .pc { display:none ; }
header .headerTitleContent .mobile { display: inline-block; width: 100%; }


.contentBase .photoInformation { position: relative; display: inline-block; width: 50%; height: auto; background: rgba(0,0,0,0.1); background-size: 100%; }
.contentBase .photoInformation h3 {  margin: 15vh 0; }
.contentBase .carrier ul li { padding: 0 0 10% 0 }

.contentBase .carrier ul li a {font:14px/28px "arial","微軟正黑體"; color: #444;}
.contentBase .carrier ul li a strong {font: bold 16px/28px "arial","微軟正黑體"; color: #000; display: block; letter-spacing: 2px }
.contentBase .carrier ul li em { position: absolute;bottom: 0; right: 0;font: bold 16px/28px "arial","微軟正黑體"; }
.contentBase .carrier ul li em span {font: bold 22px/28px "arial","微軟正黑體";}
.contentBase .carrier h4 { margin: 0; padding: 10px 0; font: bold 30px/30px "arial","微軟正黑體";}


}

@media only screen and (max-width: 414px) {
.contentBase .photoInformation h3 { letter-spacing: 0px; }
.contentBase .photoInformation h5 { font-size:14px; letter-spacing: 0px; }




}

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

.contentBase .photoInformation { position: relative; display: inline-block; width: 100%; height: auto; background: rgba(0,0,0,0.1); background-size: 100%; }

}





.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;}
.poiAutoTemplate .ph-group-content{width: calc(25% - 10px);box-shadow: none;margin: 5px;background: none;border: 1px solid #856326;padding: 0;}

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



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

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

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

}

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