@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+TC&display=swap');


/*共用*/
body,html {width:100%;overflow-x: hidden;}
ul,li { text-decoration: none;list-style: none; }
a:hover { text-decoration: none; }
#mtkContainer { position: relative; width: 100%;}
#mtkContainer,
#mtkContainer * { vertical-align: top; box-sizing: border-box; }

.mobile{display: none;}
.mapimgPark.mobile{display: none;}

.mheader {display: none;}

.header.index {background: url(../images/header0.jpg) top center no-repeat;height: 810px;}
.header {background: url(../images/header1.jpg) top center no-repeat;height: 810px;}
.header.westfun{background: url(../images/header2a.jpg) top center no-repeat;}
.header.westpark{background: url(../images/header3.jpg) top center no-repeat;}
.header h1{margin:0;}

.pcheader {width: 60%;margin:0 auto;text-align: center;padding:5% 0 0 0;}
.pcheadertitle1{max-width: 760px; display: block; margin:auto;}
.pcheadertitle2{max-width: 379px;}
.pcheader img{width: 100%;}

/*版頭三顆按鈕*/
.topMenu {width: 80%;margin: 0 auto;text-align: center;z-index: 100;}
.topMenu .top {width: 16%;max-width: 160px;display: inline-block;margin: 1% 2%;vertical-align: bottom !important;position: relative; }
.topMenu .top h3{color:#FFF;font:24px/1 "微軟正黑體";text-shadow: 1px 1px 5px #000,1px 1px 6px #000;text-align: center;margin:0 0 9px 0;}
.topMenu .top > img{width: 80%; border-radius: 99em; ;box-shadow: rgba(255,255,255,1) 3px 3px 0px, rgba(0,0,0,0.5) 9px 7px 13px; }
.topMenu .here{position: absolute;bottom: 8%;left:40%;}
.topMenu .here img{width: 100%;}

/*上方選單*/
.menu2 {position: absolute;width: auto; top: 0;left:40%; background: rgba(0,0,0,0.8); border-radius: 0 0 30px 30px;text-align: center;margin: 0 auto;z-index: 100;padding:0 30px;}
.menu2 .fmenu {display: inline-block;padding: 5px 0 5px 0; z-index: 999;text-align: center;}
.menu2 .fmenu > a {color:#FFF;font:bold 18px/1.2 "微軟正黑體";}
.menu2 .fmenu > a::after{content: '｜';}
.menu2 .fmenu.lastfmenu > a::after{content: '';}
.menu2 .fmenu .secMenu{position: absolute;top:31px;background: #fff;padding: 5px 5px 5px 5px;z-index: 998; border-radius: 0 0 15px 15px;display: none;}
.menu2 .fmenu:nth-of-type(1) .secMenu {transform: translateX(-4px);}
.menu2 .fmenu:nth-of-type(2) .secMenu {transform: translateX(-4px);}
.menu2 .fmenu .secMenu > a {font:bold 18px/1.2 "微軟正黑體";padding: 2px 2px 2px 2px;color:#343434;display: block;}

/*右邊選單*/
.rightMenu{position: fixed;right: 5%;bottom:30%;background: #FFF;border: 1px solid #000;z-index: 9999; width: 150px;}
.rightMenu ul {padding:10px 5px;text-align: center;} 
.rightMenu ul::before{content: "";background: url(../images/menutitle2.png);width: 173px;height: 125px;position: absolute;top:-110px;left:-13px;}
.rightMenu li {font:bold 18px/1.8 "微軟正黑體";color:#383838;cursor: pointer;padding:0 5px;border-radius: 20px;}
.rightMenu .rightTop {font:bold 18px/1.8 "微軟正黑體";color:#383838;cursor: pointer;padding:0 10px;text-align: center; border-radius: 20px;}
.rightMenu li:hover{background:#383838;color:#FFF; }
.line{width: 80%;border-top:1px solid #383838;margin: 16px auto 8px auto ;}


 /*下方footer*/
.footerEvent {background: #222222;padding:1% 0;}
.footerEvent > div {width: 60%;margin: 0 auto;text-align: center;}
.footerEvent > div > a > div {display: inline-block;margin: 0 auto;text-align: center;margin: 1% 5%;}
.footerEvent > div > a > div img{max-width: 126px;width: 100%;display: block;margin: 0 auto; }
.footerEvent > div > a > div p {display: block;font:18px/1.4 "微軟正黑體"; color:#FFF; text-align: center;word-break:keep-all;}
.footerEvent > div > a > div:hover{transform: scale(0.96);transition: 0.3s;}
.footerEvent > p {display: block;font:18px/1.4 "微軟正黑體"; color:#FFF; text-align: center; }

/*共用元件*/
.boxBase{width: 70%;margin: 0 auto;max-width: 1400px;}
.box2 .boxBase {width: 80%;}
.box {text-align: center;padding: 3% 0 3% 0;}
.boxBase h2 {margin: 2% auto; text-align: center;}
.boxBase h2.h204{max-width: 468px;}
.boxBase h2.h205{max-width: 528px;}
.boxBase h2.h206{max-width: 612px;}
.boxBase h2.h208{max-width: 765px;}
.boxBase h2 img{width: 100%;}
.intro.white{color:#FFF;}
.intro {width: 80%;color:#343434;font:bold 17px/1.8 "微軟正黑體";text-align: left;margin:0 auto;letter-spacing: 1px;position: relative;}


/*west*/
.box1 {background: url(../images/bg1-1.jpg) top center no-repeat;}
.map {background: rgba(255,255,255,0.7);width: 100%;position: relative;margin: 2% auto;padding: 3% 1% 6% 1%;}
.map .mapimg{max-width: 728px;position: relative;right:-18%;width: 100%;}
.city{width: 40%;position: absolute;transition: 0.3s;}
.city img {position:relative; border-radius: 99em;border: 2px solid #FFF;box-shadow: rgba(0,0,0,0.3) 1px 1px 10px;display: inline-block;}
.cityText {width: 36%;display: inline-block;padding: 20px 5px;}
.city h3{font:20px/1.4 "微軟正黑體";color:#FFF;margin: 0 0 0 0;z-index: 5;padding:0 3px;width: 150px;}
.city p{color:#343434;font:bold 16px/1.2 "微軟正黑體";text-align: left;margin: 3px 0 0 0;}

.city1 {top:8%;left:5%;}
.city1 h3{background: #343434;}
.city2 {top:30%;left:2%;}
.city2 h3{background: #d45e3c;}
.city3 {top:52%;left:-2%;}
.city3 h3{background: #343434;}
.city4 {top:52%;left:26%;}
.city4 h3{background: #d45e3c;}
.city5 {top:74%;left:35%;}
.city5 h3{background: #343434;}
.city6 {top:74%;left:6%;}
.city6 h3{background: #d45e3c;}
.city:hover{transform:scale(0.94) ;}


.box2 {background: url(../images/bg1-2.jpg) top center no-repeat;}
.cityPicBase{margin:2% auto;}
.cityPicBox{margin:4px; display: inline-block;position: relative;}
.cityPicBox img{width: 100%;-webkit-filter: brightness(50%);filter: brightness(50%);transition: 0.5s;}
.cityPicBox1{max-width: 600px;}
.cityPicBox2,.cityPicBox3{max-width: 290px;}
.cityPicBox4 {max-width: 500px;}
.cityPicBox5 {max-width: 690px;}
.cityPicBox6,.cityPicBox7,.cityPicBox8,.cityPicBox9{max-width: 292px;}
.cityPicBoxText{position: absolute;top: 34%;width: 80%;left: 10%;}
.cityPicBoxText h3{font:bold 32px/1.6 "微軟正黑體";color:#FFF;text-shadow: 1px 1px 5px #000,1px 1px 5px #000;}
.cityPicBoxLine {width: 50%;background: #FFF;height: 1px;margin: 0 auto;box-shadow: 1px 1px 5px #000,1px 1px 5px #000;}
.cityPicBoxText b{font:bold 22px/1.6 "微軟正黑體";color:#FFF;text-shadow: 1px 1px 5px #000,1px 1px 5px #000;}
.cityPicBoxText p{font:bold 14px/1.6 "微軟正黑體";color:#343434;background: rgba(255,255,255,0.8);margin-top: 40px;display: none;}

.box3 {background: url(../images/bg1-3a.jpg) top center no-repeat;}
.themeparkPic{display: block;margin: 2% auto;background: rgba(255,255,255,0.9);width: 82%; text-align: center;padding: 3%;}
.themeparkImg img{width: 100%;max-width: 1079px;}
.themeparkTitle{color:#343434;font:bold 32px/1.5 "微軟正黑體"; background:url(../images/h3bg.png) top center repeat-x;margin:10px auto;padding:3px;position: relative;width: 50%;}
.themeparkTitle::before{content: "";height:52px;position: absolute;top: 0;left:-22px; width: 23px; background:url(../images/h3bgleft.png) top center no-repeat;}
.themeparkTitle::after{content: "";height:52px;position: absolute;top: 0;right:-22px; width: 23px; background:url(../images/h3bgright.png) top center no-repeat;}
.themeparkText{ margin: 0 auto;}
.themeparkText p{color:#383838;font:16px/1.7 "微軟正黑體";text-align: left;}


.box4 {background: url(../images/bg1-4.jpg) top center no-repeat,#fff6d9;}
.parkBase1 {position: relative; margin:0 auto;padding: 3% 0;}
.parkBase1 .mapimg2 {width: 100%;max-width: 696px;position: relative;left:120px;} 

.parkCircleLine{border-radius: 99em; padding: 3px; border: 1px solid #343434; width: 20%;position: absolute;}
.parkCircle {border-radius: 99em;position: relative; overflow: hidden;}
.parkCircle img {width: 100%;}
.parkCircleText{background: rgba(0,0,0,0.6);bottom: 0;left: 0;font: bold 24px/1.2 "微軟正黑體";  color: #FFF;width: 100%;position: absolute;padding: 5px 5px 15px 5px;}
.parkCircleLine1 {top:4%;left:13%;}
.parkCircleLine2 {top:41%;left:5%;}
.parkCircleLine3 {top:70%;left:20%;}
.parkCircleText p {font: 16px/1.2 "微軟正黑體";color:#FFF;width: 70%;margin: 5px auto 0 auto;display: none;}



.parkBase2{position: relative; margin:2% auto 0 auto;padding: 3% 0 1.5% 0;}
.parkBaseBox {margin: 15px 0;position: relative;}
.parkBaseBoxPic {width:65%;display: inline-block;position: relative;left:-18%;}
.parkBaseBoxPic img {width: 100%;max-width: 800px;}
.parkBaseBoxTextOutSide{width: 35%;display: inline-block;position: absolute;right:16%;top:16%;text-align: left;border: 1px #FFF solid;padding: 3px;}
.parkBaseBoxText{background: rgba(255,255,255,0.8);font: bold 24px/1.8 "微軟正黑體";color:#343434;padding: 15px;}
.parkBaseBoxText .parkBaseBoxLine{width: 95%;height: 1px;background: #343434;margin:2px 0; }
.parkBaseBoxText p {font: 16px/2 "微軟正黑體";}
.parkBaseBoxText span{font: 14px/3.2 "微軟正黑體";color:#343434;}


.parkBaseBox.right {right: -15%;}
.parkBaseBox.right .parkBaseBoxTextOutSide{right:68%;border: 1px #ca5b3d solid;}
.parkBaseBox.right .parkBaseBoxTextOutSide .parkBaseBoxText {background: rgba(202,91,61,0.8);color:#FFF;}
.parkBaseBox.right .parkBaseBoxTextOutSide .parkBaseBoxText .parkBaseBoxLine {background: #FFF;}






/*westcity*/
.box1City{background: url(../images/bg2-1.jpg) top center no-repeat;}
.box2City{background: url(../images/bg2-2.jpg) top center no-repeat;}
.box3City{background: url(../images/bg2-3.jpg) top center no-repeat;}
.box4City{background: url(../images/bg2-4a.jpg) top center no-repeat;}
.box5City{background: url(../images/bg2-5.jpg) top center no-repeat;}
.box6City{background: url(../images/bg2-6.jpg) top center no-repeat;}
.mapCity{position: relative;width: 75%;margin: 0 auto;text-align: left;}
.mapimgCity {width: 100%;max-width: 1189px; margin: 0 auto; position: relative;right: -8%;}
.mapCityText{position: absolute;left:-28px;bottom: 4%;font: bold 40px/1.3 "微軟正黑體";color:#343434;width: 48%;}
.mapCityText p {font: bold 16px/1.4 "微軟正黑體";}

.h2City{width:95%;font: bold 42px/1.3 "微軟正黑體"; color:#FFF;text-align: left; margin:1% auto;}
.h2City p {font: 26px/1.3 "微軟正黑體"; }
.boxCityLeft{width: 33%;display: inline-block;margin: 5px;background: rgba(255,255,255,0.7);}
.boxCityRight{width: 64%;display: inline-block;}
.boxCityRightBase img{width: 100%;max-width: 400px;}
.boxCityRightBase{position: relative;width: 47.7%;display: inline-block;margin: 5px;transition: 0.3s;}
.boxCityBase{width: 90%;margin: 0 auto;}
.boxCityLeftText{text-align: left;font: bold 32px/1.3 "微軟正黑體"; color:#343434;padding: 20px;}
.boxCityLeftText p{font: 18px/1.5 "微軟正黑體";}
.boxCityLeftLine{height: 2px;width: 100%;background: #343434;margin: 10px 0;}
.boxCityRightText{position: absolute;bottom: 0;text-align: left;font: bold 24px/1.4 "微軟正黑體";color:#343434;background: rgba(255,255,255,0.8); padding: 5px;width: 100%;}
.boxCityRightP{font:18px/1.4 "微軟正黑體";display: none;}
.boxCityRightBase:hover{transform: scale(0.95);}

.boxCityBase.cityWhite .boxCityLeft{background: rgba(0,0,0,0.7);}
.boxCityBase.cityWhite .h2City{color:#343434;}
.boxCityBase.cityWhite .boxCityLeftLine {background: #FFF;}
.boxCityBase.cityWhite .boxCityLeftText{color:#FFF}
.boxCityBase.cityWhite .boxCityRight .boxCityRightBase .boxCityRightText {color:#FFF;background: rgba(0,0,0,0.4);}

b.red{color:#c50120;}
.boxCityLeftText .cityHotel{font:16px/1.4 "微軟正黑體"; margin:10px auto;}



/*westfun*/

.box1Fun{background: #e9e9e9;}
.box2Fun{background: url(../images/bg3-1a.jpg) top center no-repeat;}
.box3Fun{background: url(../images/bg3-2a.jpg) top center no-repeat;}
.funIntro {width: 100%;background: #FFF;padding: 20px;margin: 0 auto;}
.funIntroPic img {max-width: 800px;width:47%;margin: 10px;}
.funIntroPic img:nth-child(2){margin-top: 50px;}
.funIntroPic {display: inline-block;width: 70% ;}
.funIntroText{width: 28%;display: inline-block;text-align: left;font: bold 40px/1.3 "微軟正黑體";color:#343434;margin-top: 40px;}
.funIntroText p {font: bold 16px/1.4 "微軟正黑體";}

.boxFunBase{background: rgba(255,255,255,0.9);padding: 30px; text-align: left;}

.h2Fun{font: bold 42px/1.3 "微軟正黑體";color:#343434;text-align: center;}
.boxFunBase p {font: 18px/1.4 "微軟正黑體"; }
.boxFunTopIntro {width: 70%;margin: 0 auto;}
.boxFunPic {width: 80%;margin: 20px auto;position: relative;}
.boxFunPic img{width: 65%;max-width: 1000px;}
.boxFunPicText{position: absolute;right: 0;top: 40px;background:#FFF;border:1px solid #000; padding: 30px;width: 41%;}

.boxFunTextBase {width:80%;margin: 40px auto;}
.boxFunTextBase ul {margin: 0 auto; width: 100%;text-align: center;}

.boxFunTextBase ul li {background: #343434;color:#FFF;font: 24px/1.4 "微軟正黑體";margin: 0 10px;display: inline-block;padding: 3px 10px;transition: 0.3s;}
.boxFunText {margin: 20px auto;}
.boxFunText div p b {color:#df603d;}
.boxFunTextBase ul li:hover{background: #df603d;cursor: pointer;}
.boxFunTextBase ul li.boxFunOn{background: #df603d;}

.boxfunPartD {display: none;}

.boxFunTitle{color:#df603d;font: bold 24px/1.4 "微軟正黑體";}
.boxFunLeftP {width: 49%;display: inline-block;}
.boxFunTitleTwo {color:#343434;font: bold 24px/1.4 "微軟正黑體";margin: 5px 0;}





/*westpark*/
.box1Park {background: url(../images/bg4-1.jpg) top center no-repeat;}
.box3Park {background: url(../images/bg4-2.jpg) top center no-repeat , #dfe3e2;}
.mapPark{position: relative;width: 90%; margin: 5% auto 1% auto;text-align: left;}
.mapimgPark {width: 69%; max-width:758px; margin: 0 auto; position: relative;display: inline-block;}
.mapParkText {font: bold 40px/1.3 "微軟正黑體";color:#343434;width: 29%;display: inline-block;margin-top: 30px;}
.mapParkText p {font: 18px/1.4 "微軟正黑體";}
.mapimgPic {position: absolute;top:25%;width: 30%;}

.mapimgPic img{width: 80%;max-width:400px;border-radius: 99em;border:2px solid #FFF;position: relative; }
.mapimgPic img:nth-child(2){left:40%;}
.box2Park{position: relative;}
.bgParkImg {position: relative;z-index: 5;}
.box2Park h2.h206{position: absolute;top:5%;z-index: 10;left: 35%;}
.menuPark{position: absolute;bottom: 5%;z-index: 20;left: 22%;text-align: center;font: bold 18px/1.6 "微軟正黑體"; }
.menuPark ul{width: 1000px;margin:0 auto;}
.menuPark ul li{width: 246px;display: inline-block;transition: 0.3s;cursor: pointer;background: rgba(255,255,255,0.7);margin-left: -4.5px;}
/*.menuPark ul li:nth-child(1){background: rgba(0,0,0,0.7);color:#FFF;}*/
.menuPark ul li:hover{background: rgba(0,0,0,0.7);color:#FFF;}

.menuPark ul li.ing {background: rgba(0,0,0,0.7);color:#FFF;}






.box2ParkBase{position: absolute;top: 32%;left:10%;z-index: 10;width: 80%;}
.box2ParkBaseName{font: bold 46px/1.6 "微軟正黑體";color:#FFF;text-shadow: 1px 1px 5px #000;letter-spacing: 18px;text-align: center;}
.box2ParkBase p{font:18px/1.6 "微軟正黑體";letter-spacing: 0px;text-shadow: 1px 1px 5px #000, 1px 1px 5px #000;color:#FFF;width: 77%;margin:30px auto;}

.box2ParkPic{background: rgba(255,199,149,0.5);z-index: 10;width: 50%;margin: 20px auto;padding: 15px;}
.box2ParkPicTitile {width: 60%;display: inline-block;color:#000;font:bold 22px/1.6 "微軟正黑體";}
.box2ParkPicText{font:16px/1.6 "微軟正黑體";}
.box2ParkPic img{width: 100%;max-width: 700px;}
.box2ParkPicImg{border:5px solid #FFF; width: 35%;display: inline-block;transform: rotate(5deg) translateX(20px);box-shadow: 3px 3px 5px #333333;}

.box2ParkB{display: none;}
.box2ParkB.box2ParkBshow{display: block;}

.box3ParkBase{width: 90%;margin: 2% auto 0 auto;position: relative;}
.box3ParkAct{ position:absolute;bottom:0;left:0;background:rgba(255,255,255,0.8);font:bold 20px/1.2 "微軟正黑體" ;color:#000;width: 100%;padding: 5px 0;}




/*c23*/

.box-head{display: none;}
.intro-anchors{font-size: 0px;}
.carrier{margin: 10px auto 10px auto;}

.carrier h4 {display: inline-block;position: relative; color:#343434; font:bold 32px/1.6 "微軟正黑體"; margin:0.5% auto;}
.carrier > ul {background: #FFF; width: 85%;margin: 0 auto; padding:5px 20px;box-shadow: 1px 1px 4px rgba(0,0,0,0.5);}
.carrier > ul > li{list-style: none; text-align: left; position: relative; border-bottom: 1px dashed #5b5b5b; margin:10px 10px 0 10px;padding-bottom: 44px;transition: 0.3s;}
.carrier > ul > li:hover{transform: scale(0.96);}
.carrier > ul > li > a{text-decoration: none; color:#5b5b5b; font:16px/1.4 "微軟正黑體"; text-align: justify;}
.carrier > ul > li > a > strong{display: block; color:#d45e3c; font:bold 20px/1.4 "微軟正黑體"; text-align: justify;}
.price{font:20px/1.6 "Century Gothic","微軟正黑體";display: block; color:#FFF; position: absolute; right: 0px; bottom: 5px;background: #343434;border-radius: 30px;padding: 0 15px;}
.price > span{font: 20px/1.6 "Century Gothic","微軟正黑體";}
.more {background: #d45e3c; border-radius: 30px;padding: 5px 10px;font:bold 26px/1.4 "Century Gothic","微軟正黑體";color:#FFF;box-shadow: 1px 3px 0px #9c2806;width: 300px; margin: 0 auto;-webkit-animation: up 1.8s  infinite alternate; animation: up 1.8s  infinite alternate;}
.more:hover{-webkit-animation: none; animation:none;}

.showLess.blackBG .carrier h4 { color:#FFF;}
.showLess.blackBG .carrier > ul {background: none;box-shadow: none;}
.showLess.blackBG .carrier > ul > li > a > strong {color:#ffd943;}
.showLess.blackBG .carrier > ul > li > a {color:#fFF;}
.showLess.blackBG .price{color:#343434; background: #ffd943;}
.showLess.blackBG .price > span {color:#343434;}
.showLess.blackBG .carrier > ul > li{border-bottom: 1px dashed #FFF;}
.more.yellow {background: #FFF;box-shadow: 1px 3px 0px #838383;color:#343434;}

.c23city .carrier{background: #FFF;box-shadow: 1px 1px 4px rgba(0,0,0,0.5);width: 85%;padding:20px 0;}
.c23city .carrier > ul {box-shadow: none;width: 100%;}
.c23city .carrier > ul > li{border-bottom: 1px dashed #cfcfcf; }
.c23city .carrier > ul > li > a > strong {color:#343434;}
.c23city .carrier > ul > li > a  {color:#3c87d4;}
.c23city .carrier .price {background: #d45e3c;}


.c23fun .carrier{background: none;box-shadow: none;padding:20px 0;}
.c23fun .carrier > ul {box-shadow: none;background: none;}
.c23fun .carrier > ul > li{border-bottom: 1px dashed #cfcfcf; }
.c23fun .carrier > ul > li > a > strong {color:#343434;}
.c23fun .carrier > ul > li > a  {color:#3c87d4;}
.c23fun .carrier .price {background: #d45e3c;}

.c23park .carrier{background: rgba(255,255,255,0.4);box-shadow: 1px 1px 4px rgba(0,0,0,0.5);width: 85%;padding:20px 0;}
.c23park .carrier > ul {box-shadow: none;width: 100%;background: none;}
.c23park .carrier > ul > li{border-bottom: 1px dashed #949494; }
.c23park .carrier > ul > li > a > strong {color:#343434;}
.c23park .carrier > ul > li > a  {color:#3c87d4;}
.c23park .carrier .price {background: #d45e3c;}


@keyframes up{

  0% {transform:  translate(0px,0px);}
  50% {transform:  translate(0px,7px);}
  100% {transform:  translate(0px,0px);}
}

@-moz-keyframes up{
  0% {-moz-transform:  translate(0px,0px);}
  50% {-moz-transform:  translate(0px,7px);}
  100% {-moz-transform:  translate(0px,0px);}
}

@-webkit-keyframes up {
  0% {-webkit-transform:  translate(0px,0px);}
  50% {-webkit-transform:  translate(0px,7px);}
  100% {-webkit-transform:  translate(0px,0px);}
}

@-o-keyframes up {
  0% {-o-transform:  translate(0px,0px);}
  50% {-o-transform:  translate(0px,7px);}
  100% {-o-transform:  translate(0px,0px);}
}

@-ms-keyframes up {
  0% {-ms-transform:  translate(0px,0px);}
  50% {-ms-transform:  translate(0px,7px);}
  100% {-ms-transform:  translate(0px,0px);}
}  








@media only screen and (max-width: 1680px) {
.boxFunPicText {top:20px;}

}
 
@media only screen and (max-width: 1650px) {
/*.menu{position: absolute;width: 38%;}*/
.map .mapimg{max-width: 728px;position: relative;right:-18%;width: 60%;}
.parkBaseBoxTextOutSide {top:9%;}
}

@media only screen and (max-width: 1600px) {
/*/.menu{width: 40%; }*/
.boxBase{width: 80%;}

.city1 {top:6%;left:5%;}
.city2 {top:28%;left:2%;}
.city3 {top:50%;left:-2%;}


.city4 {top:50%;left:26%;}
.city5 {top:72%;left:35%;}
.city6 {top:72%;left:6%;}

.parkCircleLine {width: 20%;}



.mapPark{width: 100%;}
}



@media only screen and (max-width: 1500px) {
.map .mapimg {width:58%;}
.menuPark{left:15%;}
.box2ParkPic{width: 65%;}
.box2Park h2.h206{left:32%;}
.boxFunPicText{width: 45%;}

}


@media only screen and (max-width: 1420px) {
.mapimgPic {top:37%;}

.box3ParkBase{width: 100%;}
.parkBaseBoxTextOutSide{width: 40%;}
}


@media only screen and (max-width: 1410px) {
.funIntroText{font: bold 38px/1.3 "微軟正黑體";}
.funIntroPic img {width:45%;}
}
@media only screen and (max-width: 1400px) {

/*.menu{width: 46%; }*/
.pcheader{width: 80%;padding:10% 0 0 0;}
.parkBaseBoxTextOutSide {width: 45%;right: -1%;}
.parkBaseBox.right .parkBaseBoxPic {left:0;}
.parkBaseBox.right{right:0;}
.parkBaseBox.right .parkBaseBoxTextOutSide {right:57%;}

.boxFunPicText{top:5px;width: 45%;}
}




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

.boxBase{width: 90%;}
.box2 .boxBase {width: 90%;}
}

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

.menuPark{left:11%;}
}




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

.funIntroPic img {width:45%;margin: 10px;}
.funIntroPic {width: 60% ;}
.funIntroText{width: 32%;font: bold 40px/1.3 "微軟正黑體";}
.funIntroText p {font: bold 16px/1.4 "微軟正黑體";}


}

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

.boxCityLeftText p {font:16px/1.4 "微軟正黑體";}
.boxCityLeftText {font:bold 26px/1.3 "微軟正黑體";}
.boxCityRightP {font:16px/1.4 "微軟正黑體";}

}	

@media only screen and (max-width: 1200px) {
/*.menu{width: 50%;left:28%; }*/
.topMenu .top {width: 20%;}
.city p{font:bold 14px/1.2 "微軟正黑體";}
.cityText {width: 30%;}
.city h3{font:16px/1.4 "微軟正黑體";width: 100px;}
.city img {width: 90%;max-width: 150px;}
.parkCircleLine{width: 22%;}
.parkCircleLine2 {top:39%;left:-1%;}
.parkCircleLine1{left:6%;}
.parkCircleLine3 {left: 13%;}
.parkBase1 .mapimg2 {width: 70%;}
.parkBaseBoxPic img{width: 90%;}
.parkBaseBoxTextOutSide {width: 50%;top:11%;}
.parkBaseBox.right .parkBaseBoxTextOutSide{right:47%;}
.parkBaseBoxText p {font: 16px/1.6 "微軟正黑體";}
.parkCircleText p {font: 14px/1.2 "微軟正黑體";}
.boxFunPic img{width: 100%;}
.boxFunPicText{width: 100%;position: relative;top:10px;}
.boxFunTopIntro{width: 80%;}
.menuPark{left:6%;}


}


@media only screen and (max-width: 1160px) {
.box3ParkAct {font:bold 16px/1.2 "微軟正黑體";}

}

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

.cityPicBox1{width:55.8%;}
.cityPicBox2,.cityPicBox3{width: 27%;}
.cityPicBox4 {width: 46.6%;}
.cityPicBox5 {width: 63.4%;}
.cityPicBox6,.cityPicBox7,.cityPicBox8,.cityPicBox9{width: 26.9%;}
.cityPicBoxText p{margin-top: 30px;}

.parkBaseBoxTextOutSide{top:8%;right: 5%;width: 55%;}
.parkBaseBox.right .parkBaseBoxTextOutSide{right: 40%;}

.mapCityText {font:bold 30px/1.3 "微軟正黑體";}


.funIntroPic img {width:45%;margin: 10px;}
.funIntroPic {width: 60% ;}
.funIntroText{width: 32%;font: bold 34px/1.3 "微軟正黑體";}
.funIntroText p {font: bold 16px/1.4 "微軟正黑體";}
.mapimgPark{width: 65%;}
.box2Park h2.h206{left:25%;}

}


@media only screen and (max-width: 1100px) {
/*.menu{width: 60%; left:20%;}*/
.city img {width: 35%;}
.cityText {width: 38%;}
.mapParkText{font:bold 34px/1.3 "微軟正黑體";}
.menuPark{left:10%;}
.menuPark ul {width: 836px;}
.menuPark ul li{width: 208px;}

}

@media only screen and (max-width: 1010px) {
.boxCityBase{width: 100%;}
}


@media only screen and (max-width: 1000px) {
.footerEvent > div {width: 80%;}
.cityText {width: 40%;}
.map {padding: 3% 1% 17% 1%;}
.city1 {top:6%;left:5%;}
.city2 {top:28%;left:2%;}
.city3 {top:51%;left:-2%;}
.city4 {top:51%;left:29%;}
.city5 {top:75%;left:38%;}
.city6 {top:75%;left:6%;}

.cityPicBoxText h3{font:bold 24px/1.6 "微軟正黑體";}
.cityPicBoxLine {background: #FFF;height: 1px;}
.cityPicBoxText b{font:bold 18px/1.6 "微軟正黑體";}
.cityPicBoxText p{font:bold 14px/1.6 "微軟正黑體";margin-top: 20px;}
.parkBaseBoxTextOutSide{right: 5%;width: 62%;}
.parkBaseBox.right .parkBaseBoxTextOutSide{right: 32%;}

.mapimgCity{width: 86%;right: -25%;}
.funIntroPic img {width:80%;margin: 10px;}
.funIntroPic {width: 60% ;}
.funIntroText{width: 39%;font: bold 32px/1.3 "微軟正黑體";}
.funIntroText p {font: bold 16px/1.4 "微軟正黑體";}
.funIntroPic img:nth-child(2){margin-top: 10px;margin-left: 38%;}

.boxFunTopIntro,.boxFunPic,.boxFunTextBase{width: 100%;}
.boxFunTextBase ul li{font:20px/1.4 "微軟正黑體";}

.mapParkText{width: 90%;display: block;margin:15px auto; }

.mapimgPark{left:32%;}
.menuPark{left: 5%;}
.box2ParkBase p{width: 100%;}

.box3Park .boxBase{width: 95%;}
}



@media only screen and (max-width: 920px) {
/*.menu{width: 70%; left:16%;}*/
.menu2{left:30%;}
.header{height: 768px;}
.topMenu {width: 100%;}

.parkBaseBoxText p{font:14px/1.6 "微軟正黑體";}
.boxCityRightBase {width: 46%;}

.box2Park h2.h206{left:18%;}

}

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

.box2ParkPic{width: 95%;}
.menuPark ul li{width: 173px;}
.parkCircleLine{width: 25%;}

}


@media only screen and (max-width: 850px) {
.map .mapimg {width: 46%;right: -21%;}
.city{width: 53%;}
.city img{width: 29%;}
.map{padding:3% 1% 33% 1%;}
.city4{left:35%;}
.menuPark{left:0%;}
}	


@media only screen and (max-width: 768px) {
.mobile{display: block;}
.pc{display: none;}

.mapimgPark.mobile{display: inline-block;}

.pcheader{display:none;}
.mheader{display: block;}
.mheader img {width: 100%;}
.header ,.header.index{background: none;height: auto;position: relative;}


.menu2{width: 100%;left:0;top:0;border-radius: 0;background: rgba(0,0,0,0.6 );}
.menu2 .fmenu .secMenu{border-radius: 0 0 0 0;}
.menu2 .fmenu > a {font:16px/1.2 "微軟正黑體";}
.menu2 .fmenu .secMenu > a {font:16px/1.2 "微軟正黑體";}
.menu2 .fmenu .secMenu{top:30px; }
.topMenu {display: none;}


.rightMenu{position: fixed;right: 0;bottom:0;background: rgba(255,255,255,1);border: 0px;z-index: 9999;width: 100%;display: none;}
.rightMenu li{display: inline-block;font:16px/1.2 "微軟正黑體";padding: 5px ;background: #383838;color:#FFF;}
.rightMenu .rightTop{display: inline-block;font:16px/1.2 "微軟正黑體";padding: 5px ;background: #383838;color:#FFF;}
.rightMenu ul::before{content: none;display: inline-block;}
.rightMenu ul {padding: 3px;overflow-y:hidden;overflow-x:auto;-webkit-overflow-scrolling:touch;overflow-scrolling:touch;white-space:nowrap;}
.rightMenu .line{display: none;}
.rightMenu li:hover{background:#383838;color:#FFF; }

/*.mobileTopRight {position: fixed;background: rgba(0,0,0,0.7);width: 33px;height: 45px;border-radius: 20px 0 0 20px;font:20px/1 "微軟正黑體";color:#FFF;text-align: center;right:0 ;bottom: 10%;z-index: 999;padding:3px 0 0 1px;cursor: pointer;display: none;}
.mobileTopRight p {font:14px/1.2 "微軟正黑體";}*/
.footerEvent > div {width: 100%;}
.footerEvent {padding: 30px 0;}

h2 img {width: 70%;}
.intro{width: 90%;font:bold 15px/1.4 "微軟正黑體";margin: 20px auto;}


.map {padding:3% 1% 0% 1%;}
.map .mapimg{width: 90%;position: static;margin: 0 auto;}
.city{width: 47%;display: inline-block;position: static;}
.city img{width: 45%;}
.cityText{width: 52%;}

.box2 {background: url(../images/bg1-2m.jpg) top center no-repeat;}

.cityPicBox1,.cityPicBox2,.cityPicBox3,.cityPicBox4,.cityPicBox5,.cityPicBox6,.cityPicBox7,.cityPicBox8,.cityPicBox9{width: 48%;max-width: 600px;}
.cityPicBoxLine {display: none;}
.cityPicBoxText { position: static;top: 60%;width: 100%;left: 0%;background: #343434;text-align: left; padding: 10px;}
.cityPicBoxText h3 {font: bold 20px/1.4 "微軟正黑體";text-shadow: none;color:#ffdd6e;}
.cityPicBoxText b {font: 18px/1.4 "微軟正黑體";text-shadow: none;}
.cityPicBoxText p {font: 14px/1.6 "微軟正黑體"; margin-top: 0px; display: block; color: #FFF;background: none;text-shadow: none;}
.cityPicBox img{-webkit-filter: brightness(100%);filter: brightness(100%);}

.themeparkTitle{font:bold 24px/2 "微軟正黑體"; width:80%;}
.parkBase1 .mapimg2{width: 100%;left:0;}
.parkCircleLine{position: static;width: 45%;display: inline-block;margin:0 2px;}
.parkCircleLine.parkCircleLine2 {margin-left:20px;}
.parkCircleText p{font:16px/1.4 "微軟正黑體";width: 60%;display: block;}
.parkBaseBoxText p {font:16px/1.6 "微軟正黑體";}
.parkBaseBoxTextOutSide{position: static;width: 100%;background:#FFF;}
.parkBaseBoxPic{position: static;width: 100%;}
.parkBaseBoxPic img{width: 100%;}
.parkBaseBox.right .parkBaseBoxTextOutSide{background: rgba(202,91,61,1);transform:translateY(-1px);}
.parkBaseBox.right .parkBaseBoxTextOutSide .parkBaseBoxText{background: rgba(202,91,61,1);}



/*westcity*/
.mapimgCity { width: 100%; right: -8%;margin:0 auto -69px auto;}
.mapCityText {left: -28px; bottom: 4%; width: 100%; position: relative;}
.mapCity{margin: 30px auto;}
.boxCityLeft{width: 96%;margin: 0 auto;}
.boxCityRight{width: 100%; margin: 7px auto;}
.boxCityRightBase{width: 47%;}
.h2City {font:bold 36px/1.3 "微軟正黑體";}
.box2City{background: url(../images/bg2-2m.jpg) top center no-repeat;}
.box3City{background: url(../images/bg2-3m.jpg) top center no-repeat;}
.box4City{background: url(../images/bg2-4am.jpg) top center no-repeat;}
.box5City{background: url(../images/bg2-5m.jpg) top center no-repeat;}
.box6City{background: url(../images/bg2-6m.jpg) top center no-repeat;}




/*westfun*/
.box2Fun{background: url(../images/bg3-1am.jpg) top center no-repeat , #000 ;}
.box3Fun{background: url(../images/bg3-2am.jpg) top center no-repeat;}
.funIntroText {width:88%;}
.funIntroPic img{width: 95%;}
.funIntroPic img:nth-child(1){margin-left:-38%;}
.funIntroPic img:nth-child(2){margin-left:24%;}
.h2Fun{font:bold 36px/1.3 "微軟正黑體";}
.boxFunBase p {font: 16px/1.4 "微軟正黑體"; }
.boxFunTextBase ul li{width: 65%;margin:5px 10px;}
.boxFunPicText{padding: 15px;}
.boxFunLeftP{width: 100%;display: block;}


/*westpark*/
.mapimgPark{width: 100%;left:0;}
.mapimgPic{top:81%;width: 63%;}
.mapimgPic img{width: 41%;display: inline-block;margin:0 3px; }
.mapimgPic img:nth-child(2){left:0%;}
.mapParkText {font:bold 28px/1.3 "微軟正黑體";margin:40px auto;}
.mapParkText p{font:16px/1.4 "微軟正黑體"}
.menuPark ul{width: 587px;}
.menuPark ul li{width: 121px;}
.menuPark{left:11%;}
.box2ParkBase{top:21%;}
.bgParkImg{width: 1800px;transform: translateX(-900px);}
.box2ParkBaseName{font:bold 40px/1.6 "微軟正黑體";}


.menuPark{font: bold 16px/1.6 "微軟正黑體"; }
.box2ParkBase p{font:16px/1.4 "微軟正黑體";}
.box2Park h2.h206{left:11%;}
.box2Park h2.h206 img{width:80%;}
.box2ParkPicOtherImg img{width: 100%;max-width: 1920px;}
.box2ParkPicOther{width:90%;margin: 10% auto;border:5px solid #FFF;box-shadow: 3px 3px 5px #343434;}

.box3ParkAct {font:bold 20px/1.2 "微軟正黑體";}
.box3Park h2 img {width: 90%;}
.box3Park .boxBase{width: 90%;}
.box3ParkBase{margin: 9% auto 0 auto;}

/*c23*/
.carrier > ul {width: 100%;}
.carrier {margin:0px auto 20px auto;}
.c23city .carrier {width: 100%;}
.c23park .carrier {width: 100%;}
}



@media only screen and (max-width: 700px) {
.menuPark{left:5%;}
}

@media only screen and (max-width: 630px) {
.menuPark {left:0;}
}



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

.cityPicBox1,.cityPicBox2,.cityPicBox3,.cityPicBox4,.cityPicBox5,.cityPicBox6,.cityPicBox7,.cityPicBox8,.cityPicBox9{width: 90%;max-width: 600px;}
.parkCircleText{font:bold 20px/1.2 "微軟正黑體";}

.mapCity{width: 100%;}
.mapimgCity{right: 0;margin:0 auto;}
.mapCityText{position:static;font:bold 24px/1.3 "微軟正黑體";}
.mapCityText p {font:bold 15px/1.4 "微軟正黑體";}
.boxCityRightText{font:bold 20px/1.4 "微軟正黑體";}
.boxFunTextBase ul li{width: 100%; margin: 5px auto;}
.h2Fun{font:bold 30px/1.3 "微軟正黑體";}
.mapimgPic{top: 82%;}
.parkCircleLine{width: 60%;margin: 10px;}
.parkCircleText p{font:16px/1.2 "微軟正黑體";width: 60%;}
.parkCircleLine.parkCircleLine2{margin-left:0;}

.box2ParkPic{width: 100%;position: relative;padding: 0px;margin: 0 auto;border: 5px solid #FFF;}
.box2ParkPicTitile{width: 100%;z-index: 11;padding: 10px;bottom:0;position: absolute;font:bold 18px/1.6 "微軟正黑體";color:#FFF;background: rgba(0,0,0,0.4);}
.box2ParkPicText{font:14px/1.4 "微軟正黑體";}
.box2ParkPicImg{width: 100%;transform: rotate(0deg) translateX(0px);border:none;box-shadow:none;}
.box2ParkPic img{width: 100%;}

.menuPark ul li{margin-left: -4px;width: 94px;}
.menuPark ul{width: 387px;}
.menuPark{left:18%;}
.box2ParkBaseName{font:bold 32px/1.6 "微軟正黑體";}
.box2ParkPicOther{width:100%;}


}

@media only screen and (max-width: 550px) {
.menuPark {left:12%;}
.box2ParkBaseName{letter-spacing:10px;}
.menuPark ul{width: 100%;}
.menuPark ul li{width: 48%;}
.menuPark{left:14%;}
.box2ParkPic{width: 100%;}
}





@media only screen and (max-width: 500px) {
.footerEvent > div > a > div {display: block;margin: 0% auto;width: 27%;padding:2% 0;}
.map .mapimg{width: 91%;}
.city{width: 45%;}
.city img{width: 74%;}
.cityText{width: 97%;}
.city h3{margin:0 auto;}
.menuPark{left:11%;}
}






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

.menu2 .fmenu > a {font:14px/1.2 "微軟正黑體";}
.menu2 .fmenu .secMenu > a {font:14px/1.2 "微軟正黑體";}
.menu2 .fmenu .secMenu{top:27px;}
.rightMenu li,.rightMenu .rightTop {font:14px/1.4 "微軟正黑體";}


.box{padding:3% 0 50px 0;}
.boxCityRightBase{width: 100%; margin: 5px auto;}
.boxCityLeft {width: 100%;}

.funIntroText {width:100%;margin:0 auto;font:bold 28px/1.4 "微軟正黑體";}
.funIntroPic img{width: 100%;}
.funIntroPic img:nth-child(1){margin-left:0px;}
.funIntroPic img:nth-child(2){margin-left:0px;}
.funIntroPic {width: 100%;margin: 0 auto;}
.bgParkImg{width: 1920px;}
.parkCircleLine{width: 80%;}
.box.box2Fun{padding: 50px 0 50px 0;}

}	


@media only screen and (max-width: 440px) {
.more {width: 260px;}
.boxFunTextBase ul li{font:16px/1.4 "微軟正黑體";}
.box2ParkBaseName{font:bold 24px/1.6 "微軟正黑體";}
.box2ParkBase{top:13%;}
.box2ParkPicTitile{position: relative;width: 100%;background:rgba(0,0,0,0.7);}
.box2ParkPicImg{background: rgba(0,0,0,0.7);padding: 10px;}
.box2ParkPic {border:none;}
.menuPark {left:6%;}
.h2City {margin: 6% auto 5% auto;}

}

@media only screen and (max-width: 400px) {
.menu2 .fmenu .secMenu{top:26px; }
.menu2 .fmenu {padding: 5px 3px;}
.menu2 .fmenu > a {font:12px/1.2 "微軟正黑體";}
.menu2 .fmenu .secMenu > a {font:12px/1.2 "微軟正黑體";}
.menu2 .fmenu > a::after{content: '';}
.menu2 .fmenu:nth-of-type(1) .secMenu {transform: translateX(-8px);}
.menu2 .fmenu:nth-of-type(2) .secMenu {transform: translateX(2px);}
.footerEvent > div > a > div {width: 39%;}
.h2Fun{font:bold 26px/1.3 "微軟正黑體";}
.menuPark{left:2%;}
.parkCircleLine{width:80%;margin: 2% 2px;}
}	




@media only screen and (max-width: 340px) {
.themeparkTitle{font:bold 20px/2.4 "微軟正黑體";}
}




.search , .mobileTopRight{display: block; position: fixed;  right: 5px; bottom: 20px; transition: 0.2s; z-index: 99; cursor: pointer;}
.search:hover , .mobileTopRight:hover{transform: translateY(3px);}
.search img , .mobileTopRight img{max-width: 25vw;}
.mobileTopRight{display: none;}

@media only screen and (max-width: 768px) {
.search{bottom: 1vw;}
.mobileTopRight{bottom: 19vw;}
}





.poi{padding: 50px 0;background:  url(../images/bg1-2.jpg) top center no-repeat;}
/* .poiAutoTemplate .ph-menu{display: none;}
.poiAutoTemplate .ph-group-title{font: 700 40px/1 "Noto Serif TC" ,"微軟正黑體";color: #df603d;}
.poiAutoTemplate .ph-group-content{width: calc(30% - 10px);margin: 5px;}
.poiAutoTemplate .ph-group-content-tag{background: #df603d;}
.poiAutoTemplate .ph-group-content-text-sale {padding: 0;background:#ffe686;}
.poiAutoTemplate .ph-group-content-text-sale a{padding: 0 5px;font:500 16px/1.5 "微軟正黑體";background:#ffe686;color: crimson;}
.poiAutoTemplate .ph-group-content .ph-group-content-text {padding: 0 0 40px 0;text-align: left;}
.poiAutoTemplate .ph-group-content-text-price {position: absolute; left: 50%; bottom: 9px; transform: translateX(-50%);background: crimson;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:#000;font:14px/1.6 "微軟正黑體";}
.poiAutoTemplate .ph-group-content-text-price span{font-size: 0.8em; line-height: 2;}
.poiAutoTemplate .ph-group, .poiAutoTemplate.poiAutoTemplate-scrollTab .ph-group{justify-content: center;}

@media only screen and (max-width: 768px) {
  .poi{padding:  50px 10px;}
  } */