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

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

.mheader {display: none;}
.header {background: url(../images/header1.jpg) top center no-repeat;height: 810px;}
.header.eastCityPage{background: url(../images/header2.jpg) top center no-repeat;}
.header.eastHotSpotPage{background: url(../images/header3.jpg) top center no-repeat;}
.header.eastParkPage{background: url(../images/header4.jpg) top center no-repeat;}

.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;margin: 0 0 25px 0;}
.pcheader img{width: 100%;}

/*版頭三顆按鈕*/
.topMenu {width: 80%;margin: 2% auto 0 auto;text-align: center;z-index: 100;}
.topMenu .top {width: 16%;max-width: 160px;display: inline-block;margin: 1% 2%;position: relative; transition: .4s; }
.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: 90%;}
.topMenu .top:hover{transform: translateY(-10px)  scale(1.15);}





/*上方選單*/
.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;}

h2.h2 {margin: 3% auto; text-align: center;font:bold 64px/1.4 "微軟正黑體"; border:#343434 1px solid;display: inline-block;padding:0 30px;position: relative;color:#343434;}
h2.h2::after{content: "";background: url(../images/h2.png);width: 134px;height: 54px;position: absolute;top:0px;right:-118px;}
.h2.white{ border:#FFF 1px solid;;color:#FFF;}
.h2.white::after{content: "";background: url(../images/h2-2.png);width: 134px;height: 54px;position: absolute;top:0px;right:-118px;}

.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,.box3,.box1City,.box1hotspot,.box1Park { background: repeating-linear-gradient(-45deg, #eaeaea 0, #FFF 3px, #fff 0, #eaeaea 6px);}
.map {width: 100%;position: relative;margin: 0% auto;padding: 3% 1% 3% 1%;}
.map .mapimg{max-width: 782px;position: relative;left:-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;max-width: 170px;width: 100%;}
.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:9%;right:1%;}
.city1 h3{background: #29869d;}
.city2 {top:26%;right:7%;}
.city2 h3{background: #343434;}
.city3 {top:43%;right:12%;}
.city3 h3{background: #29869d;}
.city4 {top:60%;right:25%;}
.city4 h3{background: #343434;}
.city5 {top:60%;right:-4%;}
.city5 h3{background: #29869d;}
.city6 {top:77%;right:22%;}
.city6 h3{background: #29869d;}
.city7 {top:77%;right:-7%;}
.city7 h3{background: #343434;}
.city:hover{transform:scale(0.94) ;}

.box2 ,.box4 {background: url(../images/bg01.jpg) top center no-repeat,#238ea5;padding: 3% 0 3% 0;}
.cityPic{margin: 40px auto;}

.hotSpotBase{margin:3% auto;}
.hotSpotBox{margin:4px; display: inline-block;position: relative;width: 22%;}
.hotSpotBox img{width: 100%;max-width: 350px;}

.hotSpotText{position: absolute;top: 10%;width: 80%;height:80%;left: 10%;background: rgba(255,255,255,0.7);}
.hotSpotText .one h3{font:bold 32px/1.6 "微軟正黑體";color:#343434;margin: 40% 0 0 0;} 
.hotSpotLine {width: 50%;background: #343434;height: 1px;margin: 0 auto;}
.hotSpotText .one b{font:bold 22px/1.6 "微軟正黑體";color:#343434;}
.hotSpotText .two p{font:bold 15px/1.4 "微軟正黑體";color:#343434;}
.hotSpotText .two {display: none;padding: 10px;text-align: left;}
.hotSpotText .one {display: block;}

.land{display: none;width: 100%;margin: 0 auto;position: relative;}
.bgLandImg{width: 100%;max-width: 1400px;}
.landshow{display: block;}
.landTextBase{position: absolute;right: 0;top: 35%;background: rgba(0,0,0,0.5);width: 40%;padding: 10px;}
.landTextBase p {font:18px/1.4 "微軟正黑體";color:#FFF;text-align: left;}
.landscapeBase{position: relative;margin: 2% auto;}

.landMenu{position: static;z-index: 20;text-align: center;font: bold 24px/1.8 "微軟正黑體"; }
.landMenu ul{margin:0 auto;}
.landMenu ul li{display: inline-block;transition: 0.3s;cursor: pointer;background: rgba(255,255,255,0.7);margin-left: -4.5px;padding: 0 10px;}
.landMenu ul li:hover{background: rgba(0,0,0,0.7);color:#FFF;}
.landMenu ul li.ing {background: rgba(0,0,0,0.7);color:#FFF;}

.havefunPic{display: block;margin: 2% auto;background: rgba(255,255,255,0.9);width: 82%; text-align: center;padding: 3%;}
.havefunImg img{width: 100%;max-width: 1079px;}
.havefunTitle{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%;}
.havefunTitle::before{content: "";height:52px;position: absolute;top: 0;left:-22px; width: 23px; background:url(../images/h3bgleft.png) top center no-repeat;}
.havefunTitle::after{content: "";height:52px;position: absolute;top: 0;right:-22px; width: 23px; background:url(../images/h3bgright.png) top center no-repeat;}
.havefunText{ margin: 0 auto;}
.havefunText p{color:#383838;font:16px/1.7 "微軟正黑體";text-align: left;}
.parkBase1 {position: relative; margin:0 auto;padding: 3% 0;}

/*havefun*/

.box2City{background: url(../images/bg2-1.jpg) top center no-repeat;}
.mapCity{position: relative;width: 75%;margin: 0 auto;text-align: left;}
.mapimgCity {width: 100%;max-width: 1160px; margin: 0 auto; position: relative;left: -16%;}
.mapCityText{position: absolute;right:-54px;bottom: 29%;font: bold 40px/1.3 "微軟正黑體";color:#29869d;width: 41%;}
.mapCityText p {font: bold 16px/1.4 "微軟正黑體";color:#343434;}
.eastCityPicBox{ 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;}

/*熱門地標打卡*/
.box2hotspot{background: url(../images/bg3.jpg) top center repeat-y;}
.hotspotIntro {width: 100%;background: #FFF;padding: 20px;margin: 0 auto;}
.hotspotIntroPic img {max-width: 800px;width:47%;margin: 10px;}
.hotspotIntroPic img:nth-child(2){margin-top: 50px;}
.hotspotIntroPic {display: inline-block;width: 70% ;}
.hotspotIntroText{width: 28%;display: inline-block;text-align: left;font: bold 40px/1.3 "微軟正黑體";margin-top: 40px;color:#29869d;}
.hotspotIntroText p {font: bold 16px/1.4 "微軟正黑體";color:#343434;}

.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;text-align: left;padding: 2px;}






/*westpark*/

.mapPark{position: relative;width: 90%; margin: 3% auto 1% auto;text-align: left; }
.mapimgPark {width: 69%; max-width:852px; margin: 0 auto; position: relative;display: inline-block;}
.mapParkText {font: bold 40px/1.3 "微軟正黑體";color:#29869d;width: 40%;display: inline-block;margin-top: 30px;position: absolute;bottom: 15%;right: 10%;}
.mapParkText p {font: 18px/1.4 "微軟正黑體";color:#343434;}
.mapimgPic {position: absolute;top:5%;width: 30%;right: 0;}
.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%;}
.box2ParkBase{position: absolute;top: 40%;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;}



.box3Park{background: url(../images/bg4-1.jpg) top center repeat-y;}
.box3ParkPlay{width: 90%;margin: 0 auto;}
.box3ParkTitle{color:#29869d;font:bold 34px/1.2 "微軟正黑體" ;padding: 40px 0 0 30px;}
.box3ParkText{display: inline-block;width: 66%;text-align: left;position: relative;margin: 20px;}
.box3ParkText::before{content: "";width: 15px;height: 40px;background:#29869d;position: absolute;top: 40px;}
.box3ParkText p {color:#343434;font:20px/1.2 "微軟正黑體" ;padding:20px 0;}
.box3ParkPlayImg{display: inline-block;border-radius: 99em;border:2px #FFF solid;overflow: hidden;width: 27%;}
.box3ParkPlayImg img{width: 100%;max-width: 800px;}



/*c23*/

.box-head{display: none;}
.intro-anchors{font-size: 0px;}
.carrier{margin: 20px auto 20px auto;background: rgba(255,255,255,0.7);width: 80%;padding:10px; }

.carrier h4 {display: inline-block;position: relative; color:#343434; font:bold 36px/1.4 "微軟正黑體"; margin:0.5% auto;}
.carrier > ul { width: 100%;margin: 0 auto; padding:5px 20px;}
.carrier > ul > li{list-style: none; text-align: left; position: relative; border-bottom: 1px dashed #c0c0c0; 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:#3c87d4; font:16px/1.4 "微軟正黑體"; text-align: justify;}
.carrier > ul > li > a > strong{display: block; color:#343434; 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: #d71f5c;border-radius: 30px;padding: 0 15px;}
.price > span{font: 20px/1.6 "Century Gothic","微軟正黑體";}
.more {background: #FFF; border-radius: 30px;padding: 5px 10px;font:bold 26px/1.4 "Century Gothic","微軟正黑體";color:#218491;box-shadow: 1px 3px 0px #0a5b67;width: 300px; margin: 10px auto;-webkit-animation: up 1.8s  infinite alternate; animation: up 1.8s  infinite alternate;}
.more:hover{-webkit-animation: none; animation:none;}
.more.greenmore{background: #1e8ca3;color:#FFF;box-shadow: 1px 3px 0px #0a5b67;}


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


.c23hotspot .carrier{background: none;}

.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: 1800px) {
.hotSpotBox{width: 29%;}
}


@media only screen and (max-width: 1680px) {
.mapParkText {bottom: 10%;}


}
 
@media only screen and (max-width: 1650px) {
.map .mapimg{max-width: 728px;position: relative;right:-18%;width: 60%;}

}

@media only screen and (max-width: 1600px) {
.hotSpotBox{width: 29%;}
.boxBase{width: 80%;}

.city1 {top:9%;right:1%;}
.city2 {top:26%;right:7%;}
.city3 {top:43%;right:12%;}
.city4 {top:60%;right:25%;}
.city5 {top:60%;right:-4%;}
.city6 {top:77%;right:22%;}
.city7 {top:77%;right:-7%;}

.mapPark{width: 100%;}





}



@media only screen and (max-width: 1500px) {
.map .mapimg {width:58%;}

.box3ParkPlay {width: 100%;}

}


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




}


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

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

.pcheader{width: 80%;padding:10% 0 0 0;}


}




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

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

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


}




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

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


}

@media only screen and (max-width: 1220px) {
.mapParkText{bottom:5%;width: 45%;}


}	

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

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



.carrier{width: 100%; }

}


@media only screen and (max-width: 1160px) {
.eastCityPicBox {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;}


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


.hotspotIntroPic img {width:45%;margin: 10px;}
.hotspotIntroPic {width: 60% ;}
.hotspotIntroText{width: 32%;font: bold 34px/1.3 "微軟正黑體";}
.hotspotIntroText p {font: bold 16px/1.4 "微軟正黑體";}
.mapimgPark{width: 65%;}

}


@media only screen and (max-width: 1100px) {
.pc1100 {display: none;}
.mobile1100 {display: block;}
.hotSpotBox{width: 35%;}

.landTextBase {top:19%;width: 50%;}

.city img {width: 35%;}
.cityText {width: 38%;}
.mapParkText{font:bold 34px/1.3 "微軟正黑體";}

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

.city{width: 45%;}
.city7{right:-11%;}
.city5{right:-9%;}

}

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


@media only screen and (max-width: 1000px) {
.footerEvent > div {width: 80%;}
h2.h2 {font:bold 40px/1.4 "微軟正黑體"; }
h2.h2::after{content: "";background: url(../images/h2.png);width: 88px;height: 35px;position: absolute;top:1px;right:-75px;background-size: cover;}
h2.h2.white::after{content: "";background: url(../images/h2-2.png);width: 88px;height: 35px;position: absolute;top:1px;right:-75px;background-size: cover;}



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

.city6 h3{background: #343434;}
.city7 h3{background: #29869d;}


.mapimgCity { width: 100%; right: -8%;margin:0 auto ;position: static;}
.mapCityText {width: 100%; position: static;}
.mapCity{margin: 30px auto;}
.hotspotIntroPic img {width:80%;margin: 10px;}
.hotspotIntroPic {width: 60% ;}
.hotspotIntroText{width: 39%;font: bold 32px/1.3 "微軟正黑體";}
.hotspotIntroText p {font: bold 16px/1.4 "微軟正黑體";}
.hotspotIntroPic img:nth-child(2){margin-top: 10px;margin-left: 38%;}

.mapParkText{width: 90%;display: block;margin:15px auto; position: static;}
.mapimgPic{width: 38%;top:10%;right: -8%;}

.box2ParkBase p{width: 100%;}



.box2hotspot{background: url(../images/bg3m.jpg) top center repeat-y;}

.box3ParkTitle{padding: 10px 0 0 30px;}
.box3ParkText::before{content: "";width: 15px;height: 40px;background:#29869d;position: absolute;top: 10px;}
}



@media only screen and (max-width: 920px) {
.hotSpotBox{width: 42%;}
.menu2{left:30%;}
.header{height: 768px;}
.topMenu {width: 100%;}





}

@media only screen and (max-width: 900px) {
.box3ParkPlayImg{width: 35%;}
.box3ParkText{width: 50%;}


}


@media only screen and (max-width: 850px) {
.landTextBase p{font:14px/1.4 "微軟正黑體";}
}	


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

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

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

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

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


.hotSpotLine{display: none;}

.hotSpotBox {border:1px solid #218491;width: 47%;}

.hotSpotText{position: static;width: 100%;height: auto;padding: 10px;background: rgba(255,255,255,1);}
.hotSpotText .one{display: block;text-align: left;padding: 0;}
.hotSpotText .two{display: block;padding: 0;}
.hotSpotText .one h3 {margin: 0;font:bold 32px/1.2 "微軟正黑體";color:#218491;}
.hotSpotText .one b {color:#218491;}
.hotSpotText .two p{font:15px/1.4 "微軟正黑體";}

.havefunTitle{font:bold 24px/2 "微軟正黑體"; width:80%;}


/*havefun*/

.eastCityPicBox {font:bold 20px/1.2 "微軟正黑體";}
.landMenu {width: 100%;font:bold 16px/1.8 "微軟正黑體";}
.landMenu ul li {display: inline;padding: 5px 10px;}
.mapCity {width: 100%;}



/*westfun*/
.hotspotIntroText {width:88%;}
.hotspotIntroPic img{width: 95%;}
.hotspotIntroPic img:nth-child(1){margin-left:-38%;}
.hotspotIntroPic img:nth-child(2){margin-left:24%;}
.h2Fun{font:bold 36px/1.3 "微軟正黑體";}



/*westpark*/
.mapimgPark{width: 100%;left:0;}
.mapimgPic{top:42%;width: 50%;right: -23%;}
.mapimgPic img{width: 51%;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 "微軟正黑體"}

.box2ParkBase{top:30%;}
.bgParkImg{width: 1800px;transform: translateX(-900px);}
.box2ParkBaseName{font:bold 40px/1.6 "微軟正黑體";}


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



.box3ParkPlayImg{width: 70%; margin: 0 auto;}
.box3ParkPlay{margin: 10px 0; border-bottom: 2px dashed #c3c3c3;padding: 10px 0;}
.box3ParkPlay:nth-child(5) {border-bottom: none;}
.box3ParkText{width: 100%;margin: 0 auto;}
.box3ParkText p {font:18px/1.2 "微軟正黑體";padding: 10px 0;}
.box3ParkTitle{font:bold 30px/1.2 "微軟正黑體";}
.box3ParkText::before{content: "";width: 12px;height: 34px;background:#29869d;position: absolute;top: 10px;}



/*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) {

}

@media only screen and (max-width: 630px) {
.city{width: 45%;}
.city img{width: 74%;}
.cityText{width: 97%;}
.city h3{margin:0 auto;width: 100%;}


}



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

.cityPicBox1,.cityPicBox2,.cityPicBox3,.cityPicBox4,.cityPicBox5,.cityPicBox6,.cityPicBox7,.cityPicBox8,.cityPicBox9 {width: 90%;max-width: 600px;}

.mapCity{width: 100%;}
.mapimgCity{right: 0;margin:0 auto;}
.mapCityText{position:static;font:bold 24px/1.3 "微軟正黑體";}
.mapCityText p {font:bold 15px/1.4 "微軟正黑體";}



.landTextBase{width: 100%;position: static;transform: translateY(-1px)}

.h2Fun{font:bold 30px/1.3 "微軟正黑體";}
.box2ParkBaseName{font:bold 32px/1.6 "微軟正黑體";}
.box2ParkPicOther{width:100%;}
.landTextBase p{font:16px/1.4 "微軟正黑體";}

}

@media only screen and (max-width: 550px) {
	
.carrier > ul > li > a > strong{font:bold 18px/1.4 "微軟正黑體";}
.box2ParkBaseName{letter-spacing:10px;}
.mapimgPic{top:38%;width: 55%;}
}





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



.footerEvent > div > a > div {display: block;margin: 0% auto;width: 27%;padding:2% 0;}
.map .mapimg{width: 100%;}




}






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


h2.h2{font:bold 32px/1.4 "微軟正黑體";margin:5% auto;}


.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 "微軟正黑體";}

.hotSpotBox {border:1px solid #218491;width: 100%;}
.hotSpotBox img {max-width: none;}
.landTextBase p{font:16px/1.4 "微軟正黑體";}	



.box{padding:3% 0 50px 0;}

.hotspotIntroText {width:100%;margin:0 auto;font:bold 28px/1.4 "微軟正黑體";}
.hotspotIntroPic img{width: 100%;}
.hotspotIntroPic img:nth-child(1){margin-left:0px;}
.hotspotIntroPic img:nth-child(2){margin-left:0px;}
.hotspotIntroPic {width: 100%;margin: 0 auto;}
.bgParkImg{width: 1920px;}
.box.box2Fun{padding: 50px 0 50px 0;}
.box3ParkTitle{font:bold 24px/1.2 "微軟正黑體";}
.mapimgPic{top:34%;}

}	


@media only screen and (max-width: 440px) {
.more {width: 260px;}
.box2ParkBaseName{font:bold 24px/1.6 "微軟正黑體";}



}

@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(-10px);}
.menu2 .fmenu:nth-of-type(2) .secMenu {transform: translateX(-4px);}
.footerEvent > div > a > div {width: 39%;}
.h2Fun{font:bold 26px/1.3 "微軟正黑體";}


}	




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




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