/*共用*/
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;
}

.featureBase img.mobile440 {
  display: none;
}


.mheader {
  display: none;
}

.header {
  background: url(../images/header1.jpg) top center no-repeat;
  height: 810px;
}

.header.page2 {
  background: url(../images/header2.jpg) top center no-repeat;
}

.header.page3 {
  background: url(../images/header3.jpg) top center no-repeat;
}

.header.page4 {
  background: url(../images/header4.jpg) top center no-repeat;
}

.pcheader {
  max-width: 760px;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  padding: 7% 0 0 0;
}

.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: 32%;
  top: 0;
  left: 35%;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 0 0 30px 30px;
  text-align: center;
  margin: 0 auto;
  z-index: 999;
}

.menu2 ul {
  display: inline-block;
}

.menu2 ul a {
  display: inline-block;
  color: #FFF;
  font: bold 18px/1.2 "微軟正黑體";
  padding: 5px 0 5px 0;
}

.menu2 ul a:last-child::after {
  content: '';
}

.menu2 ul a::after {
  content: '｜';
}

.menu2 ul a li {
  display: inline-block;
}

.rightMenu {
  position: fixed;
  right: 5%;
  bottom: 30%;
  background: #FFF;
  border: 1px solid #000;
  z-index: 9999;
}

.rightMenu ul {
  padding: 10px;
  text-align: center;
}

.rightMenu ul::before {
  content: "";
  background: url(../images/menutitle2.png);
  width: 160px;
  height: 115px;
  position: absolute;
  top: -96px;
  left: -13px;
}

.rightMenu li {
  font: bold 18px/1.8 "微軟正黑體";
  color: #383838;
  cursor: pointer;
  padding: 0 10px;
  border-radius: 20px;
}

.rightMenu .top {
  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: 110px;
  margin: 0 auto;
  border-top: 1px solid #383838;
  margin: 16px 0 8px 0;
}


.footerCanada {
  background: #222222;
  padding: 1% 0;
}

.footerCanada>div {
  width: 60%;
  margin: 0 auto;
  text-align: center;
}

.footerCanada>div>a>div {
  display: inline-block;
  margin: 0 auto;
  text-align: center;
  margin: 1% 5%;
}

.footerCanada>div>a>div img {
  max-width: 126px;
  width: 100%;
  display: block;
}

.footerCanada>div>a>div p {
  display: block;
  font: 18px/1.4 "微軟正黑體";
  color: #FFF;
  text-align: center;
  word-break: keep-all;
}

.footerCanada>div>a>div:hover {
  transform: scale(0.96);
  transition: 0.3s;
}

.footerCanada>p {
  display: block;
  font: 18px/1.4 "微軟正黑體";
  color: #FFF;
  text-align: center;
}



/*index*/
.box1 {
  background: url(../images/bg1-1.jpg) top center no-repeat;
  text-align: center;
  padding: 0 0 3% 0;
}

.width1400 {
  max-width: 1400px;
  margin: 0 auto;
}

.boxBase h2 {
  width: 50%;
  margin: 0% auto 2% auto;
  text-align: center;
  max-width: 527px;
  padding-top: 5%;
}

.boxBase h2 img {
  width: 100%;
}

.intro {
  width: 65%;
  color: #17469c;
  font: bold 17px/1.8 "微軟正黑體";
  text-align: left;
  margin: 0 auto;
  letter-spacing: 1px;
  position: relative;
}

.map {
  position: relative;
  padding-bottom: 150px;
  width: 72%;
  margin: 0.5% auto;
}

.map .mapimg {
  width: 100%;
  max-width: 724px;
}

.city {
  width: 250px;
  position: absolute;
  transition: 0.3s;
}

.city h3 {
  font: bold 24px/1.4 "微軟正黑體";
  color: #FFF;
  width: 120px;
  margin: 0 0 0 0;
  z-index: 5;
  position: absolute;
  bottom: 50px;
}

.city p {
  color: #4e4e4e;
  font: bold 16px/1.2 "微軟正黑體";
  position: absolute;
  bottom: 0px;
  text-align: left;
  width: 100%;
}

.city img {
  position: absolute;
  bottom: 40px;
  left: 60px;
  border-radius: 99em;
  border: 2px solid #FFF;
  box-shadow: rgba(0, 0, 0, 0.3) 1px 1px 10px;
}

.city1 {
  top: 28%;
  left: 10%;
}

.city1 h3 {
  background: #0461b8;
}

.city2 {
  top: 58%;
  left: 5%;
}

.city2 h3 {
  background: #0490b8;
}

.city3 {
  top: 88%;
  left: 10%;
}

.city3 h3 {
  background: #dda202;
}

.city4 {
  top: 104%;
  left: 25%;
}

.city4 h3 {
  background: #bb0528;
}

.city4 p {
  bottom: -20px;
}

.city5 {
  top: 107%;
  right: 35%;
}

.city5 h3 {
  background: #bb0528;
}

.city6 {
  top: 95%;
  right: 15%;
}

.city6 h3 {
  background: #dda202;
}

.city7 {
  top: 62%;
  right: 5%;
}

.city7 h3 {
  background: #0490b8;
}

.city8 {
  top: 30%;
  right: 20%;
}

.city8 h3 {
  background: #0461b8;
}

.city8 p {
  bottom: -20px;
}

.city:hover {
  transform: scale(0.94);
}

.maple {
  margin: 260px auto 0 auto;
  max-width: 1080px;
  width: 100%;
  position: relative;
}

.maple p {
  position: absolute;
  top: 25%;
  width: 40%;
  right: 6%;
  font: bold 18px/1.8 "微軟正黑體";
  color: #000000;
  text-align: left;
}

.maple img {
  width: 100%
}

.box2 {
  background: url(../images/bg1-2.jpg) top center no-repeat, url(../images/bg1-22.jpg) top center repeat-y;
  text-align: center;
  padding: 0 0 3% 0;
}

.boxBase {
  width: 70%;
  margin: 0 auto;
}

.box2 .banf {
  background: #FFF;
  width: 78%;
  box-shadow: 1px 1px 4px rgba(118, 201, 225, 0.5);
  margin: 3% auto 0 auto;
  padding: 10px;
}

.banfImg {
  max-width: 1200px;
  display: inline-block;
  width: 60%;
}

.banfImg img {
  width: 100%;
}

.banfText {
  display: inline-block;
  width: 38%;
  text-align: left;
  margin: 1% 0.5%;
}

.banfTitle {
  color: #17469c;
  font: bold 20px/2 "微軟正黑體";
}

.banfText p {
  color: #383838;
  font: 16px/1.7 "微軟正黑體";
}

.banfText p:nth-of-type(1) {
  margin: 0 0 14px 0;
}

.park {
  width: 85%;
  margin: 2% auto 0 auto;
  position: relative;
}

.parkBase {
  width: 45%;
  display: inline-block;
  margin: 0 1%;
  position: relative;
  box-shadow: 1px 1px 4px rgba(118, 201, 225, 0.5);
}

.parkBase img {
  width: 100%;
  max-width: 550px;
}

.parkText {
  position: absolute;
  bottom: 0;
  background: rgba(23, 70, 156, 0.8);
  padding: 15px;
  text-align: left;
}

.parkTitle {
  color: #FFF100;
  font: bold 20px/2 "微軟正黑體";
}

.parkText p {
  color: #FFFFFF;
  font: 16px/1.7 "微軟正黑體";
}

.feature {
  width: 85%;
  margin: 2% auto 0 auto;
  position: relative;
}

.featureBase {
  width: 31%;
  display: inline-block;
  margin: 0.5% 1%;
}

.featureBase img {
  width: 100%;
  max-width: 377px;
  border-radius: 99em;
  box-shadow: rgba(0, 0, 0, 0.3) 1px 1px 10px;
}

.featureTitle {
  color: #17469c;
  font: bold 20px/2 "微軟正黑體";
}

.featureText p {
  color: #383838;
  font: 16px/1.7 "微軟正黑體";
  text-align: left;
}

.featureTitle span {
  color: #17469c;
  font: 16px/2.6 "微軟正黑體";
}

.box3 {
  background: url(../images/bg1-3.jpg) top center no-repeat;
  text-align: center;
  padding: 0 0 3% 0;
}

.white {
  color: #FFF;
}

.castle {
  display: block;
  margin: 3% auto;
  background: rgba(208, 224, 242, 0.8);
  width: 82%;
  text-align: center;
  padding: 3%;
}

.castleBox {
  margin: 0 auto;
}

.castleImg img {
  width: 100%;
  max-width: 1079px;
}

.castleTitle {
  color: #17469c;
  font: bold 20px/2 "微軟正黑體";
}

.castleText {
  width: 90%;
  margin: 0 auto;
}

.castleText p {
  color: #383838;
  font: 16px/1.7 "微軟正黑體";
  text-align: left;
}

.box4 {
  background: url(../images/bg1-4.jpg) top center repeat-y;
  text-align: center;
  padding: 0 0 3% 0;
}

.cityE {
  margin: 5% 0% 0% 0%;
}

.cityBase {
  width: 24%;
  position: relative;
  display: inline-block;
}

.cityBase img {
  width: 100%;
  max-width: 294px;
}

.cityBase2 img {
  width: 100%;
  max-width: 299px;
}

.cityELeft {
  position: absolute;
  top: 0;
  left: 0;
  margin: 19% auto;
  width: 92%;
}

.cityELeftCanada {
  color: #FFF;
  font: 56px/1.2 "微軟正黑體";
}

.cityELeftWhere {
  color: #FFF;
  font: bold 92px/1 "微軟正黑體";
}

.cityELeftMore {
  border-radius: 30px;
  background: #FFF;
  color: #0154ae;
  font: bold 22px/1.6 "微軟正黑體";
  margin: 4% auto;
  width: 60%;
  transition: 0.3s;
}

.cityELeftMore:hover {
  transform: translateY(-5px);
}

.cityBase2 {
  width: 19%;
  display: inline-block;
  margin: 0 1%;
}

.cityEText {
  background: #0154ae;
  padding: 8% 5% 10% 6%;
  transform: translateY(-1px);
  height: 183px;
}

.cityELeftTitle {
  color: #fff100;
  font: bold 20px/2 "微軟正黑體";
}

.cityEText p {
  color: #fff;
  font: 16px/1.7 "微軟正黑體";
  text-align: left;
  width: 94%;
  margin: 0 auto;
}

.box5 {
  background: url(../images/bg1-5.jpg) top center no-repeat, #062721;
  text-align: center;
  padding: 0 0 3% 0;
}

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

.auroraBase {
  width: 100%;
  margin: 0 auto;
  position: relative;
  margin: 5% 0;
}

.auroraText {
  width: 60%;
  border: 1px solid #FFF;
  position: relative;
  margin: 0 auto;
  padding-bottom: 300px;
}

.auroraText2 {
  width: 60%;
  margin: 0 auto;
}

.auroraStep {
  position: absolute;
  bottom: 20px;
  margin: 0 auto;
  width: 100%;
}

.auroraStepBase {
  display: inline-block;
  max-width: 244px;
  margin: 0 0.5%;
  width: 24%;
  position: relative;
  text-align: center;
}

.auroraStepBase img {
  position: relative;
  width: 100%;
}

.auroraStepText {
  position: absolute;
  top: 24px;
  font: bold 46px/1.4 "微軟正黑體";
  color: #11524e;
  display: block;
  width: 70%;
  margin: 0 auto;
  left: 41px;
}

.auroraStepText p {
  font: 18px/1.4 "微軟正黑體";
  text-align: left;
}



.auroraText h4,
.auroraText2 h4,
.auroraText h2,
.auroraText2 h2 {
  font: bold italic 40px/1.4 "微軟正黑體";
  color: #0b5241;
  margin: -30px auto 0 auto;
  background: #FFF;
  width: 60%;
  padding: 0;
}

.auroraText p {
  font: bold italic 18px/1.6 "微軟正黑體";
  color: #FFF;
  letter-spacing: 2px;
  margin: 1% 0;
}

.auroraBase2 {
  width: 100%;
  margin: 2% auto;
}

.auroraBase3 {
  width: 80%;
  margin: 2% auto 0 auto;
}



/*page1 rocky*/
.box1Rocky {
  background: url(../images/bg2-1.jpg) top center no-repeat;
  text-align: center;
  padding: 0 0 3% 0;
  margin: -0.5% 0 0 0;
}

.mapRocky {
  position: relative;
  width: 60%;
  margin: 0.5% auto;
}

.mapRocky .mapimg {
  width: 100%;
  max-width: 1000px;
}


.box2Rocky {
  position: relative;
}

.box2Rocky h2 {
  width: 50%;
  margin: 0% auto 2% auto;
  text-align: center;
  max-width: 527px;
  padding-top: 5%;
}

.box2Rocky {
  position: relative;
}

.parkRockyBase {
  display: none;
}

.parkRockyBase>img {
  margin-left: -2px;
}

.box2Rocky .blackground {
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  max-width: none;
  margin: 0 auto;
  padding: 15px 0;
  z-index: 99;
  position: absolute;
  top: 0;
}

.box2Rocky .blackground img {
  max-width: 600px;
  width: 100%;
}

.parkRockyText {
  background: rgba(1, 84, 176, 0.8);
  width: 30%;
  position: absolute;
  right: 20%;
  top: 27%;
  padding: 5px;
}

.parkRockyText .whiteLine {
  border: 1px solid #FFF;
  padding: 3%;
}

.parkRockyTitle {
  font: bold 22px/1 "微軟正黑體";
  color: #fff100;
  margin: 2% 0;
}

.parkRockyTitleBlue {
  font: 18px/1 "微軟正黑體";
  color: #afd8ff;
  margin: 2% 0;
}

.parkRockyText p {
  font: 16px/1.6 "微軟正黑體";
  color: #FFF;
  letter-spacing: 0px;
}

.menuRocky {
  position: absolute;
  bottom: 10%;
  left: 25%;
  width: 100%;
  cursor: pointer;
}

.menuRocky ul {
  border-radius: 30px;
  background: #FFF;
  display: inline-block;
  width: 962px;
  text-align: center;
  overflow: hidden;
}

.menuRocky ul li {
  display: inline-block;
  font: bold 20px/1.8 "微軟正黑體";
  color: #b50303;
  margin: 0;
  padding: 0px;
  width: 189.5px;
  overflow: hidden;
  transition: 0.3s;
}

.menuRocky ul li:hover {
  color: #FFF;
  background: #b50303;
}

.box3Rocky {
  background: url(../images/bg2-2.jpg) top center no-repeat;
  padding: 0 0 3% 0;
  margin: 0 0 0 0;
}

.featureRocky {
  width: 80%;
  background: rgba(176, 223, 255, 0.3);
  margin: 0 auto;
  padding: 2% 0;
}

.featureRockyBase {
  position: relative;
}

.featureRockyBase img {
  display: inline-block;
  width: 50%;
  max-width: 880px;
  margin: 1.5% 5% 1.5% 5%;
}

.featureRockyBase.right img {
  display: inline-block;
  width: 50%;
  max-width: 880px;
  margin: 1.5% 5% 1.5% 5%;
  text-align: right;
}

.featureRockyBase.right>div {
  display: inline-block;
  background: rgba(255, 255, 255, 0.8);
  width: 40%;
  position: absolute;
  left: 8%;
  top: 23%;
}

.featureRockyBase.right .featureRockyTitle {
  font: bold 22px/1 "微軟正黑體";
  color: #0154b0;
  margin: 2% 0;
}

.featureRockyBase.right .featureRockyText p {
  font: 16px/1.6 "微軟正黑體";
  color: #383838;
  letter-spacing: 0px;
}

.featureRockyBase.right .featureRockyText span {
  font: 16px/1.6 "微軟正黑體";
  color: #383838;
}

.featureRockyBase>div {
  display: inline-block;
  background: rgba(1, 84, 176, 0.8);
  width: 40%;
  position: absolute;
  left: 52%;
  top: 30%;
  text-align: left;
}

.featureRockyTitle {
  font: bold 22px/1 "微軟正黑體";
  color: #fff100;
  margin: 2% 0;
}

.featureRockyText p {
  font: 16px/1.6 "微軟正黑體";
  color: #FFF;
  letter-spacing: 0px;
}

.featureRockyText span {
  font: 16px/1.6 "微軟正黑體";
  color: #FFF;
}

.featureRockyText {
  padding: 2%;
}



/*城堡酒店*/
.box1Castle {
  background: url(../images/bg3-1.jpg) top center no-repeat;
  text-align: center;
  padding: 0 0 80px 0;
}

.box2Castle {
  padding: 0 0 0 0;
}

.threeCastle {
  position: relative;
  text-align: center;
}

.threeCastle img {
  max-width: 2000px;
}

.threeCastle.one {
  background: #bce8fa;
}

.threeCastle.two {
  background: #e7f0d1;
}

.threeCastle.three {
  background: #f6dec9;
}

.titleCastle {
  position: relative;
  bottom: 520px;
  font: 40px/1.8 "微軟正黑體";
  color: #FFF;
  letter-spacing: 5px;
  text-shadow: #000 2px 2px 10px, #000 2px 2px 10px;
}

.titleCastle>p {
  font: 20px/1.2 "微軟正黑體";
}

.threeCastle.one .textCastle p {
  font: bold 18px/1.6 "微軟正黑體";
  color: #6cb8e1;
  background: #FFF;
  width: 60%;
  padding: 30px;
  text-align: left;
  margin: -200px auto 0 auto;
  z-index: 99;
  position: relative;
  border: 1px solid #6cb8e1;
}

.threeCastle.two .textCastle p {
  font: bold 18px/1.6 "微軟正黑體";
  color: #6f8b3a;
  background: #FFF;
  width: 60%;
  padding: 30px;
  text-align: left;
  margin: -200px auto 0 auto;
  z-index: 99;
  position: relative;
  border: 1px solid #6f8b3a;
}

.threeCastle.three .textCastle p {
  font: bold 18px/1.6 "微軟正黑體";
  color: #967758;
  background: #FFF;
  width: 60%;
  padding: 30px;
  text-align: left;
  margin: -200px auto 0 auto;
  z-index: 99;
  position: relative;
  border: 1px solid #967758;
}

.textCastle {
  padding: 60px;
}

.box3Castle {
  background: url(../images/bg3-2.jpg) top center no-repeat;
  text-align: center;
  padding: 0 0 20px 0;
}

.box3Castle div h2 {
  padding-top: 1%;
  margin: -1% auto 0 auto;
}





/*page3城市週邊遊*/

.box1City {
  background: url(../images/bg4-1.jpg) top center no-repeat;
  text-align: center;
  padding: 0 0 3% 0;
  margin: -0.5% 0 0 0;
}

.mapCity {
  position: relative;
  width: 70%;
  margin: 0.5% auto;
}

.mapCity .mapimg {
  width: 100%;
  max-width: 797px;
}

.mapCity>div {
  background: #f3ac01;
  border-radius: 99em;
  box-shadow: #ed8301 3px 3px 0px;
  width: 100px;
  height: 100px;
  font: bold 28px/1.2 "微軟正黑體";
  text-align: center;
  padding: 26px 0;
  color: #FFF;
  text-shadow: #ed8301 1px 1px 0px;
  position: absolute;
  -webkit-animation: up 1.8s infinite alternate;
  animation: up 1.8s infinite alternate;
  cursor: pointer;
}

.mapCity>div>p {
  font: bold 18px/1.2 "微軟正黑體";
}

.mapEastCity {
  right: 50px;
  top: 70%;
}

.mapWastCity {
  left: 0;
  top: 60%;
}

.box2City {
  background: url(../images/bg4-2.jpg) top center no-repeat;
  text-align: center;
  padding: 0 0 3% 0;
  margin: -0.5% 0 0 0;
}

.box2City h2 {
  padding-top: 50px;
  width: 90%;
}

.box3City {
  background: url(../images/bg4-3.jpg) top center no-repeat;
  text-align: center;
  padding: 0 0 3% 0;
  margin: -0.5% 0 0 0;
}

.box4City {
  background: url(../images/bg4-4.jpg) top center no-repeat;
  text-align: center;
  padding: 0 0 3% 0;
  margin: -0.5% 0 0 0;
}

.box3City h2 {
  padding-top: 50px;
}

h2 img {
  width: 100%;
  max-width: 584px;
}

.baseCity {
  width: 70%;
  margin: 0 auto;
  position: relative;
}

.box4City div h2 {
  padding-top: 1%;
  margin: -1% auto 0 auto;
}


/*page4 黃刀鎮極光*/
.box1Aurora {
  background: url(../images/bg5-1.jpg) top center no-repeat;
  text-align: center;
  padding: 0 0 3% 0;
  margin: -0.5% 0 0 0;
}

.intro.greenAurora {
  color: #0b6c5c;
}

/*和index極光共用元件*/
.box2Aurora {
  background: url(../images/bg5-3.jpg) top center no-repeat, #021414;
  text-align: center;
  padding: 3% 0 3% 0;
}

.box2Aurora .boxBase .auroraBase {
  padding: 5% 0;
  margin: 0;
}

.box2Aurora .boxBase .auroraBase .auroraStep {
  bottom: 105px;
}

/*.box2Aurora .boxBase .auroraBase .auroraText h2{font:0px/0 "微軟正黑體";padding-top:0%;}*/
.actAuroraBase {
  width: 80%;
  margin: 0 auto;
}

.actAuroraBox {
  width: 45%;
  display: inline-block;
  text-align: left;
  position: relative;
  margin: 15px 15px;
  overflow: hidden;
}

.actAuroraBox img {
  width: 100%;
  max-width: 1000px;
}

.actAuroraText {
  font: bold 22px/1.8 "微軟正黑體";
  color: #fff100;
  position: absolute;
  bottom: -274px;
  padding: 6px 10px;
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
}

.actAuroraText p {
  font: 16px/1.4 "微軟正黑體";
  color: #fff;
  width: 100%;
  height: 270px;
}

.auroraBase2 .auroraText2 h2 {
  margin: 0 auto;
}

.box3Aurora {
  background: url(../images/bg5-2.jpg) top center no-repeat;
  text-align: center;
  padding: 0 0 3% 0;
  margin: -6% 0 0 0;
  background-size: cover;
}

.box3Aurora .boxBase h2 {
  font: 0px/0 "微軟正黑體";
  padding-top: 0%;
}



/*c23*/
.box-head {
  display: none;
}

.intro-anchors {
  font-size: 0px;
}

.carrier {
  margin: 20px auto 20px auto;
}

.carrier h4 {
  display: inline-block;
  position: relative;
  color: #17469c;
  font: bold 32px/1.6 "微軟正黑體";
  margin: 1% auto;
}

.carrier>ul {
  background: #FFF;
  width: 85%;
  margin: 0 auto;
  padding: 10px 20px;
  box-shadow: 1px 1px 4px rgba(118, 201, 225, 0.5);
}

.carrier>ul>li {
  list-style: none;
  text-align: left;
  position: relative;
  border-bottom: 1px dashed #76b09e;
  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: #000;
  font: 16px/1.4 "微軟正黑體";
  text-align: justify;
}

.carrier>ul>li>a>strong {
  display: block;
  color: #17469c;
  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: #c70000;
  border-radius: 30px;
  padding: 0 15px;
}

.price>span {
  font: 20px/1.6 "Century Gothic", "微軟正黑體";
}

.yellow .carrier h4 {
  color: #fff100;
}

.yellow .carrier>ul {
  background: none;
  box-shadow: none;
}

.yellow .carrier>ul>li>a {
  text-decoration: none;
  color: #acc9f0;
  font: 16px/1.4 "微軟正黑體";
  text-align: justify;
}

.yellow .carrier>ul>li>a>strong {
  display: block;
  color: #FFF;
  font: bold 20px/1.4 "微軟正黑體";
  text-align: justify;
}

.auroraWhite .carrier h4 {
  color: #FFF;
}

.c23Rocky {
  text-align: center;
  position: relative;
}

.c23Rocky h2 {
  position: absolute;
}

.c23Rocky .carrier h4 {
  display: inline-block;
  position: relative;
  color: #0154b0;
  font: bold 32px/1.6 "微軟正黑體";
  margin: 1% auto;
  text-align: center;
}

.c23Rocky .carrier>ul {
  background: none;
  width: 85%;
  margin: 0 auto;
  padding: 10px 20px;
  box-shadow: none;
}

.whiteAurora .carrier h4 {
  color: #0b5241;
  background: #FFF;
  padding: 0 10px;
}

.whiteAurora .carrier>ul {
  background: none;
  box-shadow: none;
}

.whiteAurora .carrier>ul>li>a {
  text-decoration: none;
  color: #fff100;
  font: 16px/1.4 "微軟正黑體";
  text-align: justify;
}

.whiteAurora .carrier>ul>li>a>strong {
  display: block;
  color: #FFF;
  font: bold 20px/1.4 "微軟正黑體";
  text-align: justify;
}

.whiteAurora .carrier>ul>li>a .price {
  font: 20px/1.6 "Century Gothic", "微軟正黑體";
  display: block;
  color: #c70000;
  position: absolute;
  right: 0px;
  bottom: 5px;
  background: #FFF;
  border-radius: 30px;
  padding: 0 15px;
}

.whiteAurora .carrier>ul>li>a .price>span {
  font: 20px/1.6 "Century Gothic", "微軟正黑體";
}



.more {
  background: #0154ae;
  border-radius: 30px;
  padding: 5px 10px;
  font: bold 26px/1.4 "Century Gothic", "微軟正黑體";
  color: #FFF;
  box-shadow: 1px 2px 0px rgba(255, 255, 255, 1);
  width: 300px;
  margin: 0 auto;
  -webkit-animation: up 1.8s infinite alternate;
  animation: up 1.8s infinite alternate;
}

.moreblue {
  background: #FFF;
  color: #0154ae;
  box-shadow: 1px 2px 0px #17469c;
}

.moreWhite {
  background: #FFF;
  color: #011f1a;
  box-shadow: 1px 2px 0px #949494;
}

.more:hover {
  -webkit-animation: none;
  animation: none;
}




@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) {
  .map {
    width: 84%;
  }

  .box2 .banf {
    width: 91%;
  }
}

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

  .menu2 {
    width: 50%;
    left: 30%;
  }

  .topMenu {
    width: 100%;
  }

  .map {
    width: 89%;
  }

  .boxBase {
    width: 90%;
  }

  .menuRocky {
    left: 19%;
  }


}

@media only screen and (max-width: 1500px) {
  .map {
    padding-bottom: 200px;
    width: 90%;
  }

  .mapCity {
    width: 80%;
  }


}

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

  .city7 {
    top: 66%;
  }

  .city. {
    width: 19%;
  }

  .map {
    width: 100%;
  }

  .park {
    width: 94%;
  }

  .cityBase2 {
    width: 22%;
  }

  .cityBase {
    width: 25%;
  }

  .threeCastle.one .textCastle p,
  .threeCastle.two .textCastle p,
  .threeCastle.three .textCastle p {
    width: 80%;
  }

  .threeCastle img {
    max-width: 1600px;
  }

  .titleCastle {
    bottom: 437px;
  }
}

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

  .city img {
    width: 60%;
    max-width: 160px;
  }

  .box2 .banf {
    width: 100%;
  }

  .park {
    width: 100%;
  }

  .parkBase {
    width: 47%;
  }

  .menuRocky {
    left: 12%;
  }

  .parkRockyText {
    width: 36%;
    position: absolute;
    right: 25%;
    top: 27%;
    padding: 5px;
  }

  .featureRocky {
    width: 93%;
  }

  .mapCity {
    width: 90%;
  }
}

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

  .pcheader {
    padding: 12% 0 0 0;
  }

  .map {
    padding-bottom: 115px;
    width: 105%;
  }

  .city img {
    width: 47%;
  }

  .city p {
    font: 14px/1.2 "微軟正黑體";
    width: 80%;
  }

  .city h3 {
    font: 21px/1.2 "微軟正黑體";
  }

  .city5 {
    right: 31%;
  }

  .banfTitle {
    font: bold 20px/1.6 "微軟正黑體";
  }

  .cityBase {
    width: 26%;
  }

  .cityEText {
    height: 168px;
    padding: 3% 5% 13% 6%;
  }

  /*
.auroraStep img {width: 23%;}
.auroraStep{bottom: 42px;}

*/


  .auroraStepBase img {
    width: 100%;
  }

  .auroraStepBase {
    width: 20%;
  }

  .auroraStep {
    bottom: 70px;
  }

  .auroraStepText {
    font: bold 34px/1.4 "微軟正黑體";
  }

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

  .rightMenu {
    right: 1%;
  }

  .box2Rocky .blackground img {
    max-width: 600px;
    width: 45%;
  }

  .menuRocky {
    left: 7%;
  }

  .mapRocky {
    width: 80%;
  }

  .featureRockyBase>div {
    top: 14%;
  }

  .featureRockyBase.right>div {
    top: 14%;
  }


  .threeCastle img {
    max-width: 1400px;
  }

  .titleCastle {
    bottom: 400px;
  }

  .baseCity {
    width: 90%;
  }

  .actAuroraBase {
    width: 90%;
  }

}


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

  .city img {
    width: 47%;
  }

  /* .city2 {
  top: 80%;
}

.city3 {
  top: 123%;
}

.city4 {
  top: 153%;
}

.city5 {
  top: 153%;
}

.city6 {
  top: 118%;
}

.city7 {
  top: 70%;
  right: 1%;
}

.city8 {
  right: 15%;
} */

  .cityELeftCanada {
    color: #FFF;
    font: 40px/1.2 "微軟正黑體";
  }

  .cityELeftWhere {
    color: #FFF;
    font: bold 64px/1 "微軟正黑體";
  }

  .cityELeft {
    width: 27% auto;
  }

  .auroraText {
    width: 100%;
  }

  .auroraText2 {
    width: 100%;
  }

  .auroraBase3 {
    width: 90%;
  }

  .auroraAct {
    font: bold 17px/1.2 "微軟正黑體";
  }

  .maple p {
    font: bold 16px/1.6 "微軟正黑體";
    top: 16%;
  }

  .menuRocky {
    left: 20%;
  }

  .menuRocky ul {
    width: 670px;
  }

  .menuRocky ul li {
    width: 130.7px;
    font: bold 17px/1.8 "微軟正黑體"
  }


  .box1Castle {
    padding: 0 0 40px 0;
  }

  .mapCity {
    width: 100%;
  }


  .actAuroraBase {
    width: 100%;
  }

  .auroraStepBase {
    width: 23%;
  }


}

@media only screen and (max-width: 1000px) {
  .topMenu .top h3 {
    font: 20px/1 "微軟正黑體";
  }

  .menu2 {
    width: 80%;
    left: 10%;
  }

  .city6 {
    right: 5%;
  }

  .city5 {
    right: 21%;
  }

  .intro {
    width: 80%;
    margin-bottom: 50px;
  }

  .box2 .banf {
    width: 100%;
  }

  .banfImg {
    max-width: 1200px;
    display: inline-block;
    width: 100%;
  }

  .banfText {
    display: block;
    width: 100%;
  }

  .parkText {
    position: static;
    background: rgba(23, 70, 156, 1);
    height: 240px;
  }

  .parkTitle {
    font: bold 20px/1.6 "微軟正黑體";
  }

  .feature {
    width: 100%;
  }

  .carrier>ul {
    width: 100%;
  }

  .cityEText {
    height: 180px;
    padding: 3% 5% 13% 6%;
  }

  .auroraStep {
    bottom: 33px;
  }

  .auroraText {
    padding-bottom: 248px;
  }

  .footerCanada>div {
    width: 80%;
  }

  .featureRocky {
    width: 100%;
  }

  .featureRockyBase>div {
    left: 40%;
    top: 9%;
    width: 50%;
  }

  .featureRockyBase.right>div {
    width: 50%;
    left: 12%;
    top: 9%;
  }


  .mapCity>div {
    width: 70px;
    height: 70px;
    font: bold 20px/1.2 "微軟正黑體";
    padding: 16px 0;
  }

  .mapCity>div>p {
    font: bold 14px/1.2 "微軟正黑體";
  }

  .mapEastCity {
    top: 60%;
    right: 0;
  }

}


@media only screen and (max-width:960px) {
  .cityBase {
    width: 29%;
  }

  .cityBase2 {
    width: 21%;
  }

  .menuRocky {
    left: 12%;
  }

  .parkRockyText {
    width: 56%;
    right: 21%;
    top: 24%;
  }

  .baseCity {
    width: 98%;
  }

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

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



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

  .auroraStepText {
    top: 12px;
    width: 78%;
    left: 31px;
    font: bold 24px/1.4 "微軟正黑體";
  }


}

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

  /* .city2 {
    top: 89%;
  }

  .city3 {
    top: 144%;
  }

  .city4 {
    top: 171%;
    left: 27%;
  }

  .city5 {
    top: 165%;
  }

  .city6 {
    top: 123%;
    right: 1%;
  }

  .city7 {
    top: 70%;
    right: 0%;
  }

  .city8 {
    right: 12%;
  } */

  .maple p {
    font: bold 16px/1.2 "微軟正黑體";
  }

  .featureBase {
    width: 100%;
    display: inline-block;
  }

  .featureBase img {
    width: 39%;
    display: inline-block;
  }

  .featureText {
    width: 50%;
    display: inline-block;
    margin-top: 3%;
  }

  .cityEText {
    height: 159px;
  }

  .featureRockyBase>div {
    width: 60%;
  }

  .featureRockyBase.right>div {
    width: 60%;
    left: 0%;
  }

}



@media only screen and (max-width: 800px) {
  .city img {
    width: 40%;
  }

  .cityBase {
    width: 30%;
  }

  .cityBase2 {
    width: 20%;
  }

  .cityEText {
    height: 165px;
  }

  .cityETitle {
    font: bold 20px/1.4 "微軟正黑體";
  }

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


}


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

  .mheader {
    display: block;
  }

  .mheader img {
    width: 100%;
  }

  .header {
    background: none;
    height: auto;
    position: relative;
  }

  .menu2 {
    width: 100%;
    left: 0;
    position: absolute;
    top: 0;
    border-radius: 0;
    background: rgba(0, 0, 0, 0.6);
  }

  .menu2 ul a {
    display: inline-block;
    color: #FFF;
    font: 16px/1.2 "微軟正黑體";
    padding: 5px 5px 5px 5px;
  }

  .menu2 ul a::after {
    content: none;
  }

  .topMenu {
    display: none;
  }

  .map .mapimg {
    display: none;
  }

  .map {
    width: 90%;
    margin: 0 auto;
  }

  .city {
    width: 49%;
    position: static;
    display: inline-block;
    text-align: center;
    margin: 0 auto;
  }

  .city h3 {
    font: bold 24px/1.4 "微軟正黑體";
    color: #FFF;
    width: 120px;
    margin: 0 0 0 0;
    z-index: 5;
    position: relative;
    bottom: -52px;
    right: -162px;
    text-align: center;
  }

  .city p {
    color: #4e4e4e;
    font: bold 16px/1.2 "微軟正黑體";
    position: relative;
    bottom: 18px;
    text-align: left;
    width: 51%;
    margin-top: -80px;
    left: 163px;
  }

  .city img {
    position: static;
    width: 50%;
    margin-right: 175px;
  }

  .city1 h3,
  .city2 h3 {
    background: #0461b8;
  }

  .city3 h3,
  .city4 h3 {
    background: #0490b8;
  }

  .city5 h3,
  .city6 h3 {
    background: #dda202;
  }

  .city7 h3,
  .city8 h3 {
    background: #bb0528;
  }

  .boxBase h2 {
    width: 100%;
    margin: 0% auto 2% auto;
    text-align: center;
    max-width: 527px;
    padding-top: 50px;
  }

  .box1 h2 {
    transform: translateX(31px);
  }

  .intro {
    width: 90%;
    font: bold 16px/1.6 "微軟正黑體";
    margin: 0 auto;
  }

  .mobile {
    display: block;
  }

  .pc {
    display: none;
  }

  .maple {
    margin: 40px auto 0 auto;
    max-width: 800px;
    width: 90%;
    position: relative;
  }

  .maple p {
    position: absolute;
    top: 10%;
    width: 80%;
    right: 9%;
    font: 18px/1.6 "微軟正黑體";
    color: #000000;
    text-align: left;
  }

  .parkTitle {
    font: bold 20px/1.6 "微軟正黑體";
  }

  .castleTitle {
    font: bold 20px/1.6 "微軟正黑體";
  }

  .cityBase {
    width: 100%;
  }

  .cityBase img {
    max-width: 768px;
    width: 100%;
  }

  .cityELeft {
    margin: 3% auto;
    width: 100%;
  }

  .cityELeftCanada {
    display: inline-block;
    font: 70px/1.2 "微軟正黑體";
  }

  .cityELeftWhere {
    display: inline-block;
    font: bold 70px/1.2 "微軟正黑體";
  }

  .cityELeftMore {
    margin: 1% auto;
    width: 60%;
  }

  .cityBase2 {
    width: 30.5%;
  }

  .auroraText {
    padding-bottom: 500px;
    width: 100%;
  }


  .auroraStepBase {
    width: 48%;
  }

  .auroraStepText {
    font: bold 40px/1.4 "微軟正黑體";
  }

  .auroraStep {
    bottom: 10px;
  }


  .auroraBase {
    margin: 10% 0;
  }

  .auroraBase3 {
    width: 100%;
  }

  .auroraAct {
    font: bold 20px/1.2 "微軟正黑體";
    bottom: calc(100% - 34px);
  }

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

  .footerCanada>div {
    width: 100%;
  }

  .box2Rocky .blackground img {
    max-width: 600px;
    width: 72%;
  }

  .menuRocky {
    left: 0;
    bottom: 10px;
  }

  .menuRocky ul {
    border-radius: 0px;
    width: 100%;
  }

  .menuRocky ul li {
    width: auto;
    font: bold 18px/1.8 "微軟正黑體";
    padding: 0px 20px;
  }

  .parkRockyBase>img {
    width: 1700px;
  }

  .parkRockyText {
    width: 73%;
    right: 13%;
    top: 21%;
  }

  .parkRockyTitle {
    font: bold 18px/1.2 "微軟正黑體";
  }

  .mapRocky {
    width: 100%;
  }

  .mapRocky img {
    width: 100%;
  }

  .featureRocky {
    width: 100%;
    margin: 0 auto;
    text-align: center;
  }

  .featureRockyBase img,
  .featureRockyBase.right img {
    width: 80%;
    margin: 1.5% auto 0 auto;
  }

  .featureRockyBase>div,
  .featureRockyBase.right>div {
    width: 80%;
    left: 0;
    top: 0;
    position: relative;
  }

  .featureRockyBase>div {
    background: rgba(1, 84, 176, 0.9);
  }

  .right {
    text-align: center;
  }

  .box3Rocky {
    background: url(../images/bg2-3.jpg) top center repeat-y;
    padding: 0 0 3% 0;
    margin: 0 0 0 0;
  }

  .threeCastle.one .textCastle p,
  .threeCastle.two .textCastle p,
  .threeCastle.three .textCastle p {
    width: 100%;
  }

  .threeCastle img {
    max-width: 1200px;
  }

  .titleCastle {
    bottom: 350px;
  }


  .box1Castle {
    background: url(../images/bg3-3.jpg) top center no-repeat;
  }

  .baseCity {
    width: 90%;
  }

  .mapCity>div {
    display: none;
  }

  .box2Aurora .boxBase .auroraBase .auroraStep {
    bottom: 41px;
  }

  .actAuroraBox {
    width: 90%;
    border: 1px solid #FFF;
  }

  .actAuroraText p {
    font: 14px/1.4 "微軟正黑體";
    height: auto;
  }

  .actAuroraText {
    bottom: 0px;
    position: relative;
    background: rgba(0, 0, 0, 1);
  }

  .footerCanada {
    padding: 30px 0;
  }

  .c23Rocky .carrier>ul {
    width: 100%;
  }

  .carrier>ul {
    width: 100%;
  }

  .carrier {
    margin: 0px auto 20px auto;
  }

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

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

  .parkText {
    height: 293px;
  }

}


@media only screen and (max-width: 681px) {
  .city p {
    bottom: 0;
    left: 148px;
  }

  .city h3 {
    right: -150px;
  }

  .auroraText h4,
  .auroraText2 h4,
  .auroraText h2,
  .auroraText2 h2 {
    font: bold italic 31px/1.4 "微軟正黑體";
  }

  .auroraText {
    padding-bottom: 96%;
  }

}

@media only screen and (max-width: 600px) {
  .city img {
    width: 46%;
  }

  .city h3 {
    right: -132px;
    bottom: -29px;
  }

  .city p {
    bottom: 1px;
    left: 127px;
  }

  .maple p {
    font: bold 18px/1.4 "微軟正黑體";
  }

  .cityEText {
    height: 190px;
  }

  .cityELeftCanada {
    color: #FFF;
    font: 54px/1.2 "微軟正黑體";
  }

  .cityELeftWhere {
    color: #FFF;
    font: bold 54px/1.2 "微軟正黑體";
  }

  .box2Rocky .blackground img {
    width: 86%;
  }

  .titleCastle {
    font: 36px/1.8 "微軟正黑體";
  }

  .threeCastle img {
    margin-left: -244px;
  }

  .parkText {
    height: 369px;
  }

}

@media only screen and (max-width: 540px) {
  .city h3 {
    right: -111px;
    bottom: -18px;
    font: bold 18px/1.4 "微軟正黑體";
    width: 45%;
  }

  .city img {
    width: 47%;
  }

  .city p {
    bottom: 1px;
    left: 112px;
  }

  .maple p {
    font: bold 16px/1.4 "微軟正黑體";
  }

  .featureTitle {
    font: bold 20px/1.4 "微軟正黑體";
  }

  .featureTitle {
    white-space: nowrap;
  }

  .featureTitle span {
    white-space: nowrap;
  }

  .cityBase2 {
    width: 100%;
    background: #0154ae;
    margin: 6px auto;
  }

  .cityBase2 img {
    width: 57%;
    margin: 3.5% 0;
  }

  .cityEText {
    width: 37%;
    display: inline-block;
    padding: 3% 3% 0 3%;
    height: auto;
    transform: translateX(0px);
  }

  .actAuroraBox {
    width: 100%;
    margin: 15px 0;
  }

}

@media only screen and (max-width: 500px) {
  .city h3 {
    right: -73px;
    bottom: -13px;
    font: bold 16px/1.4 "微軟正黑體";
    width: 51%;
  }

  .city p {
    font: bold 14px/1.2 "微軟正黑體";
    left: 9px;
    margin: 0;
    width: 89%;
    bottom: -9px;
  }

  .city img {
    width: 89%;
  }

  .castle {
    width: 91%;
  }

  .featureBase img {
    width: 49%;
  }

  .parkBase {
    width: 100%;
    margin: 11px auto;
  }

  .parkText {
    height: auto;
  }

  .auroraText h4,
  .auroraText2 h4,
  .auroraText h2,
  .auroraText2 h2 {
    width: 90%;
  }

  .auroraText {
    margin: 20px 0 0 0;
  }

  .auroraText p {
    font: bold italic 15px/1.6 "微軟正黑體";
    width: 90%;
    margin: 1% auto;
  }

  .footerCanada>div>a>div {
    display: block;
    margin: 0% auto;
    width: 27%;
    padding: 2% 0;
  }

  .cityELeftMore {
    font: bold 20px/1.2 "微軟正黑體";
  }

  .cityELeftCanada {
    color: #FFF;
    font: 40px/1.2 "微軟正黑體";
  }

  .cityELeftWhere {
    color: #FFF;
    font: bold 40px/1.2 "微軟正黑體";
  }

  .maple {
    width: 100%;
  }

  .parkRockyText {
    width: 84%;
    right: 8%;
    top: 17%;
  }

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

  .parkRockyBase>img {
    margin: 0 0 0 -500px;
  }

  .boxBase h2 {
    padding: 28px 0 20px 0;
  }

  .featureRockyTitle {
    font: bold 18px/1 "微軟正黑體";
  }

  .featureRockyBase>div,
  .featureRockyBase.right>div {
    margin: 0 0 20px 0;
  }

  .titleCastle>p {
    font: 12px/1.2 "微軟正黑體"
  }

  .textCastle {
    padding: 20px;
  }




}


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

  .box2,
  .box3,
  .box4,
  .box5 {
    padding: 0 0 5% 0;
  }

  .cityBase2 {
    width: 100%;
    margin: 6px auto;
  }

  .cityBase2 img {
    width: 100%;
    max-width: 400px;
    padding: 2%;
    margin: 0;
  }

  .cityEText {
    width: 100%;
    padding: 2%;
  }

  .cityELeftTitle {
    font: bold 20px/1.4 "微軟正黑體";
  }

  .menu2 {
    overflow-y: hidden;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    white-space: nowrap;
  }

  .menu2 ul a {
    font: 14px/1.4 "微軟正黑體";
  }

  .rightMenu li,
  .rightMenu .top {
    font: 14px/1.4 "微軟正黑體";
  }

  .auroraStepText {
    font: bold 30px/1.4 "微軟正黑體";
    left: 24px;
  }



}


@media only screen and (max-width: 440px) {
  .maple p {
    font: bold 14px/1.2 "微軟正黑體";
    top: 11%;
  }

  .featureText {
    width: 46%;
  }

  .featureTitle {
    white-space: normal;
  }

  .featureTitle span {
    white-space: normal;
    display: block;
  }

  .featureBase img {
    width: 80%;
    margin: 0 auto;
  }

  .featureText {
    width: 89%;
  }

  .featureBase img.mobile440 {
    display: block;
  }

  .featureBase img.pc440 {
    display: none;
  }

  .more {
    width: 260px;
  }

  .cityELeftCanada {
    color: #FFF;
    font: 30px/1.2 "微軟正黑體";
  }

  .cityELeftWhere {
    color: #FFF;
    font: bold 30px/1.2 "微軟正黑體";
  }

  .auroraBase {
    padding: 2% 0;
  }

  .auroraBase2 {
    padding: 2% 0;
  }

  .auroraText h4,
  .auroraText2 h4,
  .auroraText h2,
  .auroraText2 h2 {
    font: bold italic 26px/1.4 "微軟正黑體";
  }

  .menuRocky ul li {
    font: bold 15px/1.6 "微軟正黑體";
    padding: 0px 10px
  }

  .featureRocky {
    padding: 6% 0;
  }



}


@media only screen and (max-width: 400px) {
  .auroraText {
    padding-bottom: 290%;
  }

  .auroraStepBase {
    width: 70%;
  }

  .auroraStepText {
    font: bold 40px/1.4 "微軟正黑體";
    left: 28px;
  }

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

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

  .menu2 ul a {
    padding: 5px 0px 5px 5px;
  }

  .featureRockyText p {
    font: 16px/1.6 "微軟正黑體";
  }

  .footerCanada>div>a>div {
    width: 39%;
  }

}

.ph-group-content-text-sale {
  font: 16px/1.6 "微軟正黑體";
  color: white;
  background: #bb0528;
}