@charset "utf-8";
@import url(fonts.css);

/*############# General Setting ##############*/
/*html:lang(zh-Hant) {font-family:Noto Sans TC!important;}
html:lang(zh-Hans) {font-family:Noto Sans SC!important;}
html:lang(en) {font-family:'DIN Regular'!important; font-stretch: condensed;}*/

/*############# Font Setting Start ##############*/
body,
h2,
h3,
p,
a,
ol,
ul,
em {
  font-family: 'DIN Regular' font-stretch: condensed;
}

h1 {
  font-family: 'DIN Bold' !important;
  font-stretch: condensed;
}

.progT20,
.msT20 {
  font-family: 'DIN Regular';
  font-stretch: condensed;
}

.price,
.price-orig,
.price-prom,
.price-cut,
.P20 {
  font-family: Helvetica !important;
  font-stretch: condensed;
}

#MFtext span,
#MFtextH span {
  font-family: Helvetica !important;
  font-stretch: condensed;
}
#MFtext strong,
#MFtextH strong {
  font-family: Helvetica !important;
  font-stretch: condensed;
}

#contpg p,
.collapsible,
.content,
.MFnotice {
  font-family: 'DIN Regular' !important;
  font-stretch: condensed;
}

.listprog3 .addTopMargin,#contpg .listprog3 .addTopMargin{
  font-family: Helvetica !important;
  font-stretch: condensed;
}

.addTopMargin span {
  font-family: 'DIN Regular' !important;
  font-stretch: condensed;
}

.listprog9 .P20 {
  font-family: Helvetica !important;
  font-stretch: condensed;
}
#contpg .listprog9 .P20 {
  font-family: Helvetica !important;
  font-stretch: condensed;
}

.fontX-2 {
  font-family: 'DIN Regular' !important;
  font-stretch: condensed;
}

.listprog6 p,#contpg .listprog6 p {
  font-family: Helvetica !important;
  font-stretch: condensed;
}

#listprog5 span {
  font-family: Helvetica !important;
  font-stretch: condensed;
}

.fontX3 {
  font-size: 130%;
}

.font_2 {
  font-size: 75%;
}

/*
.nav {font-family:'DIN Regular'!important; font-stretch: condensed;}
.boldtext {font-family:'DIN Bold'!important; font-stretch: condensed;}
.thb_title {font-family:'DIN Bold'!important; font-stretch: condensed;}
.btnViewAll {font-family:'DIN light'!important; font-stretch: condensed;}
.caption_title_line {font-family:'DIN Regular'!important; font-stretch: condensed;}
.more {font-family:'DIN Medium'!important; font-stretch: condensed;}
.store, .note {font-family:'DIN Regular'!important; font-stretch: condensed; letter-spacing: -0.8px;}
.prog_date, .prog_date2 {font-family:'DIN Medium'!important; font-stretch: condensed;}
.bookContent b, .venueTitle {font-family:'DIN Medium'!important; font-stretch: condensed;}
.bookContent p {font-family:'DIN light'!important; font-stretch: condensed; letter-spacing: -0.8px;}
.filter {font-family:'DIN Bold'!important; font-stretch: condensed;}
#pagetitle b, .prog b {font-family:'DIN Bold'!important; font-stretch: condensed;}
#pagetitle p, .prog p {font-family:'DIN Medium'!important; font-stretch: condensed;}
.listprog2 b {font-family:'DIN Medium'!important; font-stretch: condensed;}
.listprog2 p {font-family:'DIN light'!important; font-stretch: condensed; letter-spacing: -0.8px;}
.mbsVenue, .mbs100T {font-family:'DIN Bold'!important; font-stretch: condensed;}
.proginfo3 b {font-family:'DIN Black'!important; font-stretch: condensed;}
#proginfo6 b {font-family:'DIN bold'!important; font-stretch: condensed;}
#proginfo6 p {font-family:'DIN Regular'!important; font-stretch: condensed; letter-spacing: -0.8px;}
.footerID span {font-family:'DIN bold'!important; font-stretch: condensed;}
.footerID ul {font-family:'DIN Regular'!important; font-stretch: condensed;}*/
/*############# Font Setting End ##############*/
@media screen and (min-width:768.1px) {
  .CP_bg {
    min-height: 600px;
  }

  .CP_bg2 {
    min-height: 300px;
  }

  .content {
    padding: 3px 10px 0px 15px;
  }
}

@media screen and (max-width:768px)

/*and (orientation:landscape)*/
  {
  .CP_bg {
    min-height: 360px;
  }

  .CP_bg2 {
    min-height: 300px;
  }

  .fontX4 {
    font-size: 145%;
  }

  .content {
    padding: 3px 10px 0px 15px;
  }
}

@media screen and (min-width:993px) {
  .bookContent {
    width: 100%;
    padding-top: 5px;
    height: auto;
    min-height: 120px !important;
  }
}

@media screen and (min-width:601px) and (max-width:992.9px) {
  .bookContent {
    width: 100%;
    padding-top: 5px;
    height: auto;
    min-height: 80px !important;
  }
}

@media screen and (max-width:600.9px)

/*and (orientation:landscape)*/
  {
  .bookContent {
    width: 100%;
    padding-top: 5px;
    padding-bottom: 10px;
    height: auto;
    min-height: 80px !important;
  }
}

[class*="slideshow"] {
  width: 100%;
  height: 76vh;
  margin: 0 auto 0px;
  outline: none;
}

[class*="slideshow"] img {
  display: none;
}

.image_wrapper .text_content {
  position: absolute;
  bottom: 20%;
  left: 15%;
  width: 20%;
  color: #fff;
  text-shadow: 0 0 3px rgba(0, 0, 0, .5);
  opacity: 1;
}

.text_content * {
  margin: .1em 0;
}

@media screen and (min-width:993px) {
  [class*="slideshow"] {
    width: 100%;
    height: 76vh;
  }
}

@media screen and (min-width:601px) and (max-width:992.9px) {
  [class*="slideshow"] {
    width: 100%;
    height: 76vh;
  }
}

@media screen and (max-width:600.9px)

/*and (orientation:landscape)*/
  {
  [class*="slideshow"] {
    width: 100%;
    height: 100vh;
  }
}