@charset "UTF-8";
/* CSS Document */
:root{
  --fontcolor: black;
  --highlight-color: #007bff;
  /* --background-color: white #FAF2DE; */
  --background-color: #824295;
  --defaultfontfamily: "Noto Sans TC","正黑體", "黑體", "微軟正黑體", Helvetica, Arial, "sans-serif";
}
body {
  background-color: var(--background-color);
  font-family: "Noto Sans TC","正黑體", "黑體", "微軟正黑體", Helvetica, Arial, "sans-serif";
  font-weight: 400;
  color: var(--fontcolor);
  overflow-x: hidden;
}
a{
  color: #007bff;
}
a:hover{
  color: var(--highlight-color);
  text-decoration: underline;
}
:focus{
  outline: none;
}
.foot_bg {
	position: relative;
	width: 100%;
	background: #fff;
}
footer {
  position: relative;
    margin: 0px auto 0 auto;
    padding: 10px;
    width: 100%;
    max-width: 1200px;
    background: #fff;
    font-size: 11px;
    text-align: center;
    
}
footer span {
  white-space: nowrap;
}
.footer01 {
  position: relative;
    float: left;
  margin-right: 3%;
    width: 12%;
    max-width: 141px;
}
.footer02 {
  position: relative;
    float: left;
    padding-top: 12px;
    width: 25%;
    text-align: left;
    font-size: 12px;
    color: #666;
    line-height: 14px;
    font-weight: 300;
}
.footer03 {
  position: relative;
    float: right;
    width: 50%;
    max-width: 590px;
    text-align: right;
}
.m768, .m576{
  display: none;
}
.mt0{
  margin-top: 0 !important;
}
.pb0{
  padding-bottom: 0 !important;
}
.align-left{
  text-align: left !important;
}
.align-center{
  text-align: center !important;
}
.align-right{
  text-align: right !important;
}

/**/
.main-container{
  max-width: 100%;
  width: 1920px;
  margin: 0 auto;
}
.main-container *{
  box-sizing: border-box;
}
.event-time,.title-label,.event, .menu
{
  position: relative;
}
.main-container img{
  width: 100%;
  height: auto;
  position: relative;
  z-index: 2;
  border: 0;
  outline: none;
  box-shadow: none;
}
.header{
  position: relative;
}
/* h1,h2,h3,h4,h5, .text-label{
  position: absolute !important;
  top: 0;
  left: 0;
  color: var(--background-color);
  line-height: 0;
} */
.main-container h1,.main-container h2,.main-container h3,.main-container h4,.main-container h5, .text-label{
  position: absolute !important;
  top: 0;
  left: 0;
  color: var(--background-color);
  line-height: 0;
}
.egl-logo-link{
  position: absolute;
  top: 0;
  left: 0;
  width: 16vw;
  height: 7.4vw;
  z-index: 3;
  /* border: 2px solid red; */
}
.menu-link{
  /* position: absolute;
  z-index: 3;
  top: 6.25vw;
  left: 9.375%;
  width: 81.25vw;
  height: 7.44vw;
  display: flex; */
  position: absolute;
  z-index: 3;
  top: -0.75vw;
  left: 6vw;
  width: 88vw;
  height: 7.44vw;
  display: flex;
}
.menu-link a{
  flex: 0 0 25%;
  height: 100%;
  display: block;
}

.event div{
  position: relative;
}
.evt-01{
  /* display: flex; */
}
/*.evt-01 img{
  width: 50%;
}*/
.evt-01-a-link{
  position: absolute;
  z-index: 3;
  top: 0;
  right: 50%;
  width: 31.7vw;
  /* height: 100%; */
  height: 60%;
}
.evt-01-b-link{
  position: absolute;
  z-index: 3;
  top: 0;
  left: 57%;
  width: 27.6vw;
  /* height: 100%; */
  height: 60%;
}
.evt-03-link{
  position: absolute;
  z-index: 3;
  /* top: 2.7vw; */
  top: -1vw;
  left: 29.7%;
  width: 40.5vw;
  height: 6.66vw;
  /* border: 2px solid red; */
}
/*d*/
.schedule-timetable-img{
  display: flex;
  justify-content: center;
}
.schedule-timetable-img img{
  /*width: 50%;*/
}

.menu-link {
    /* position: absolute;
    z-index: 3;
    top: -0.75vw;
    left: 6vw;
    width: 88vw;
    height: 7.44vw;
    display: flex; */
    position: absolute;
    z-index: 3;
    max-width: 1200px;
    height: 7.44vw;
    display: flex;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

a {
    color: white !important;
}
a:visited {
  color: white !important;
}
a:active {
  color: white !important;;
}
:focus {
  color: white !important;
}

.nav-link{
  font-size: 36px;
  /* font-size: 1rem; */
}

h3>.sub_result_title{
  font-size: 30px;
}

.nav-link:hover{
  color: white;
  font-weight: bold;
}

.nav-link.current{
  text-decoration: underline;
  color: white;
}

.tourDisplay-f{
  margin: 0 auto;
}

.discounts-p2{
  width: 95%;
  max-width: 1440px;
  margin: 0 auto;
  background-color: white;
  border-radius: 20px;
  padding: 2% 0;
  margin-bottom: 100px;
}

.wrapper.row{
  width:95%;
  margin: 0 auto;
  /* border: 2px solid red; */
}

.tsd-cruiseCard > .tsd-card-img > img{
    max-height: 250px !important;
}
.sub_result_title-f.nav-link {
    width: 100%;
    position: relative !important;
    line-height: initial;
    margin: 0 auto;
    text-align: center;
}


@media only screen and (min-width: 1920px) {
  .menu-link{
    /* top: 120px;
    left: 180px;
    width: 1560px;
    height: 143px; */
  }
  .egl-logo-link{
    width: 308px;
    height: 142px;
  }
  .evt-01-a-link{
    width: 608px;
  }
  .evt-01-b-link{
    width: 530px;
    left: calc(50% + 135px);
  }
  .evt-03-link{
    width: 778px;
    height: 128px;
    left: 571px;
    top: 52px;
  }
  .desktop-width{
    max-width: 1200px;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 1280px){

}
@media (max-width: 1200px) {
  .footer02 {
    position: relative;
    float: left;
    padding-top: 5px;
    width: 25%;
    text-align: left;
    font-size: 10px;
    color: #666;
    line-height: 12px;
    font-weight: 300;
  }
}
@media (max-width: 1024px) {
}
@media (max-width: 768px) {
	
	.footer01 {
    display: none;
  }
  .footer02 {
    position: relative;
    float: none;
    padding-top: 12px;
    width: 100%;
    text-align: left;
    font-size: 12px;
    color: #666;
    line-height: 14px;
    font-weight: 300;
    text-align: center;
  }
  .footer03 {
    position: relative;
    float: none;
    width: 100%;
    margin: 0 auto;
    max-width: 590px;
    text-align: center;
  }
  :root{
    --detailfont: 15px;
  }

  .desktop-width{
    max-width: 100%;
  }

  .nav-link{
    font-size: 20px;
  }

  h3>.sub_result_title{
    font-size: 19px;
  }
}
@media (max-width: 576px) {
	body {
		width: 100vw;
		height: 100vh;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		margin: 0;
	}
  /*.menu{
    width: 115%;
    transform: translateX(-6.5%);
  }*/
  .menu-link{
    transform: translateX(-50%) scale(1.15);
    left: 50%;
    /* top: 7.5vw; */
    top: 0vw;
    width: 80%;
  }
  .egl-logo-link{
    width: 25vw;
    height: 11.4vw;
  }
  .schedule-timetable-img{
    display: block;
  }
  .schedule-timetable-img img{
    width: 100%;
  }
  .venue-p1{
    transform: translateX(0%) scale(1.75);
    height: 80vw;
    transform-origin: top center;
  }
  .discounts-p1{
    transform: translateX(0%) scale(1.35);
    height: 48vw;
    transform-origin: top center;
  }
  .evt-01-a-link{
    width: 42.7vw;
  }
  .evt-01-a-link{
    width: 39.6vw;
  }
  .evt-03-link{
    top: 0.7vw;
    left: 15.7%;
    width: 68.5vw;
    height: 10.66vw;
  }
	
}