/* Component */
.compContentBox{
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin-top: 8vh;
  margin-right: 1vw;
  width: 26vw;
}
.compContentBanner{
  background: url('https://up-thamrinnine.com/wp-content/themes/up-thamrinnine/assets/images/newsletter-background.jpg');
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: cover !important;
  border-radius: 3.2vw;
}
.compDividerFT{
  margin-bottom:-39.8vh;
  height: 40vh;
}
.compDivider10vh{
  width: 100%;
  height: 10vh;
}
.compDivider20vh{
  width: 100%;
  height: 20vh;
}
@media screen and (max-width: 846px){
  .compContentBox{}
  .compContentBanner{
    background-position: center right !important;
    border-radius: 5vw;
  }
}

/* Navigation */
.csnav .burgercontent,
.csnavside .closecontent{
  transition: all .5s;
}
.csnav .burgercontent:hover,
.csnavside .closecontent:hover{
  background: #1973D7 !important;
  transition: all .5s;
}
.csnav .burgercontent:hover i,
.csnavside .closecontent:hover i{
  color: #FCFBFB !important;
  transition: all .5s;
}
.csnavside{
  top: 100%;
  transition-duration: 0.8s;
  transition-delay: 0.3s;
  transition-timing-function: ease;
  overflow: hidden;
}
.csnavside.active{
  top: 0;
  transition-duration: 0.8s;
  transition-delay: 0.3s;
  transition-timing-function: ease;
}
.csnavside .csbtn-white::after{
  display: none;
}
.csnavside .menucontent{
  margin: 5vh auto !important;
}
.csnavside .menucontent .item{}
.csnavside .menucontent .item p{
  font-family: "SFTSchriftedSansTRIAL-ExtraBold";
  font-size: 6vw !important;
  line-height: 12vh !important;
  transition: all 0.5s;
}
.csnavside .menucontent .item.active p,
.csnavside .menucontent .item:hover p,
.csnavside .itemtnc:hover{
  color: #1973D7 !important;
}
.csnavside .menucontent .item:hover p:first-child{
  margin-top: -12vh;
  transition: all 0.5s;
}
.csnavside .menucontent .item p:first-child{}
.csnavside .menucontent .item p:last-child{}
.csnav.csnavchange{}
.csnav .csnavlogo-01{
  opacity: 1;
  transition: all .5s;
}
.csnav.csnavchange .csnavlogo-01{
  opacity: 0;
  transition: all .5s;
}
.csnav .csnavlogo-02{
  opacity: 0;
  transition: all .5s;
}
.csnav.csnavchange .csnavlogo-02{
  opacity: 1;
  transition: all .5s;
}
@media screen and (max-width: 846px){  
  .csnav .burgercontent,
  .csnavside .closecontent{}
  .csnav .burgercontent:hover,
  .csnavside .closecontent:hover{}
  .csnav .burgercontent:hover i,
  .csnavside .closecontent:hover i{}
  .csnavside{}
  .csnavside.active{}
  .csnavside .csbtn-white::after{}
  .csnavside .menucontent{
    margin: 2vh auto !important;
  }
  .csnavside .menucontent .item{}
  .csnavside .menucontent .item p{
    font-size: 12vw !important;
    line-height: 8vh !important;
  }
  .csnavside .menucontent .item.active p,
  .csnavside .menucontent .item:hover p{
    color: #1973D7 !important
  }
  .csnavside .menucontent .item:hover p:first-child{
    margin-top: -8vh;
  }
  .csnavside .menucontent .item p:first-child{}
  .csnavside .menucontent .item p:last-child{}
}
/* End Navigation */

/* Footer */
.csft{
  /*margin-top: -30vh; */
  /* background: url('https://up-thamrinnine.com/preview/wp-content/themes/up-thamrinnine/assets/images/footer-background.jpg'); */
  background: url('https://up-thamrinnine.com/preview/wp-content/themes/up-thamrinnine/assets/images/footer-background-20250613.jpg');
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: cover !important;
  border-top-left-radius: 3.2vw;
  border-top-right-radius: 3.2vw;
  /* border: 0.1vw solid #EAEADE; */
  border: 0.1vw solid transparent;
}
.csft .logocontent{}
.csft .menucontent a{}
.csft .menucontent a:hover,
.csft .menucontent a.active,
.csft .itemtnc:hover{
  color: #FF9B00 !important;
}
.csft .informationcontent{}
.csft .informationcontent p b{
  font-size: 1.3vw !important;
  font-family: "SFTSchriftedSansTRIAL-Bold";
}
.csft .addresscontent{}
.csft .addresscontent tr{}
.csft .addresscontent tr td{}
.csft .addresscontent p{
  font-size: 0.86vw !important;
  line-height: 2.5vh !important;
}
.csft .addresscontent ul{
  margin: 0;
  padding: 0;
  list-style: none;
}
.csft .buttoncontent{}
.csft .buttoncontent a{
  display: block;
  margin-bottom: 2vh;
  padding: 1.5vh 1vw;
  text-align: center;
  font-size: 0.9vw !important;
}
.csft .buttoncontent a::after{
  display: none;
}
.csft .linecontent{
  border: 0.1vw solid #FCFBFB;
}
.csft .copyrightcontent{}
.csft .copyrightcontent p:first-child{
  font-family: "NotoSans-ExtraBold";
}
.csft .copyrightcontent p{
  font-size: 0.7vw !important;
  line-height: 2.5vh !important;
}
.csft .backtopcontent{}
.csft .socialcontent{}
.csft .csbtn-subscribe{}
.csft .csbtn-subscribe::after{
  display: none;
}
.csft .csbtn-subscribeclose{}
.subscribecontent{
  top: 100%;
  transition-duration: 0.4s;
  transition-delay: 0.2s;
  transition-timing-function: ease;
  overflow: hidden;
}
.subscribecontent.active{
  top: 0;
  transition-duration: 0.4s;
  transition-delay: 0.2s;
  transition-timing-function: ease;
}
.subscribecontent .overlay{
  opacity: 0;
  transition-duration: 0.25s;
  transition-delay: 0.075s;
  transition-timing-function: ease;
}
.subscribecontent.active .overlay{
  opacity: 0.5;
  transition-duration: 0.5s;
  transition-delay: 0.6s;
  transition-timing-function: ease;
}
.subscribecontent .wrap{
  top: 100%;
  transition-duration: 0.4s;
  transition-delay: 0.2s;
  transition-timing-function: ease;
}
.subscribecontent.active .wrap{
  top: 25vh;
  transition-duration: 0.4s;
  transition-delay: 0.7s;
  transition-timing-function: ease;
}
.subscribecontent .wrap .imagesection{
  margin-bottom: 0.3vh;
  object-fit: cover;
  border-radius: 3.2vw;
}
.subscribecontent .wrap .newslettersection{
    background: url('https://up-thamrinnine.com/preview/wp-content/themes/up-thamrinnine/assets/images/newsletter-background.jpg');
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: cover !important;
    border-radius: 3.2vw;
}
@media screen and (max-width: 846px){
  .csft{
    margin-top: 0;
    background: url('https://up-thamrinnine.com/preview/wp-content/themes/up-thamrinnine/assets/images/footer-background-mobile.jpg');
    background-repeat: no-repeat !important;
    background-position: right !important;
    background-size: cover !important;
    border-top-left-radius: 5vw;
    border-top-right-radius: 5vw;
  }
  .csft .logocontent{}
  .csft .menucontent a{
    font-size: 6vw !important;
  }
  .csft .menucontent a:hover,
  .csft .menucontent a.active,
  .csft .itemtnc:hover{}
  .csft .informationcontent{}
  .csft .informationcontent p b{
    font-size: 4vw !important;
    line-height: 3.5vh !important;
  }
  .csft .addresscontent{}
  .csft .addresscontent tr{}
  .csft .addresscontent tr td{
    display: inline-block;
  }
  .csft .addresscontent p{
    font-size: 4vw !important;
    line-height: 3.5vh !important;
  }
  .csft .addresscontent ul{}
  .csft .buttoncontent{}
  .csft .buttoncontent a{
    font-size: 4vw !important;
    line-height: 3.5vh !important;
  }
  .csft .buttoncontent a::after{}
  .csft .linecontent{}
  .csft .copyrightcontent{}
  .csft .copyrightcontent p:first-child{}
  .csft .copyrightcontent p{
    font-size: 3.5vw !important;
    line-height: 3vh !important;
  }
  .csft .backtopcontent{}
  .csft .socialcontent{}
  .csft .csbtn-subscribe{}
  .csft .csbtn-subscribe::after{}
  .csft .csbtn-subscribeclose{}
  .subscribecontent{}
  .subscribecontent.active{}
  .subscribecontent .overlay{}
  .subscribecontent.active .overlay{}
  .subscribecontent .wrap{}
  .subscribecontent.active .wrap{
    top: 0;
  }
  .subscribecontent .wrap .imagesection{
    border-radius: 5vw;
  }
  .subscribecontent .wrap .newslettersection{
    background-position: center right !important;
    border-radius: 5vw;
  }
}
/* End Footer */

/* Home Page */
.cspg-home .headersection{}
.cspg-home .headersection .overlay{
  height: 30vh;
  background: #FCFBFB ;
  background: linear-gradient(180deg, rgba(252, 251, 251, 0) 0%, rgba(252, 251, 251, 1) 90%);
}
.cspg-home .buildingsection{
  margin-top: -102vh;
}
.cspg-home .buildingsection .descriptioncontent{
  border-top-left-radius: 1vw;
  border-top-right-radius: 1vw;
  background: url('https://up-thamrinnine.com/wp-content/themes/up-thamrinnine/assets/images/building-description.webp');
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 100% 100% !important;
}
.cspg-home .experiencesection{
  margin-top: -15vh;
  border-radius: 3.2vw;
}
.cspg-home .ticketingsection{}
.cspg-home .ticketingsection .itemcontent{
  border: 0.1vw solid #EAEADE;
}
.cspg-home .ticketingsection .itemcontent .imagecontent{}
.cspg-home .ticketingsection .itemcontent h4{
  font-size: 1.5vw !important;
}
.cspg-home .ticketingsection .itemcontent h5{
  text-align: left;
  font-size: 0.8vw !important;
  line-height: 1.7vh !important;
}
.cspg-home .ticketingsection .itemcontent h3{
  font-size: 3.2vw !important;
}
.cspg-home .ticketingsection .itemcontent h6{
  font-size: 1.5vw !important;
}
.cspg-home .ticketingsection .itemcontent h6 span{
  font-size: 1vw !important;
  color: #1973D7 !important;
}
.cspg-home .ticketingsection .itemcontent p{}
.cspg-home .ticketingsection .itemcontent a{}
.cspg-home .ticketingsection .itemcontent a::after{
  display: none;
}
.cspg-home .bannersection{
  margin-top: -5vh;
  background: url('https://up-thamrinnine.com/wp-content/themes/up-thamrinnine/assets/images/home-banner.webp');
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: cover !important;
  border-radius: 3.2vw;
  border: 0.1vw solid #EAEADE;
}
.cspg-home .bannersection p{
  font-size: 0.8vw !important;
  line-height: 2.5vh !important;
}
.cspg-home .informationsection{
  /* margin-top: -5vh; */
  background: url('https://up-thamrinnine.com/wp-content/themes/up-thamrinnine/assets/images/information-background.webp');
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: cover !important;
  border-radius: 3.2vw;
  border: 0.1vw solid #EAEADE;
}
.cspg-home .informationsection .tabsContentOpening{}
.cspg-home .informationsection .tabsContentOpening h3{
  font-size: 2vw !important;
}
.cspg-home .informationsection .tabsContentOpening p{}
.cspg-home .informationsection .tabsContentOpening a{}
.cspg-home .informationsection .tabsContentOpening .imagecontent{}
.cspg-home .informationsection #tabsTar-item02 .csbtn-white{
  width: 14.5vw;
}
.cspg-home .galsubsection{}
.cspg-home .galsubsection .buttoncontent{
  background: url('https://up-thamrinnine.com/wp-content/themes/up-thamrinnine/assets/images/gallery-title.webp');
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 100% 100% !important;
}
.cspg-home .galsubsection .wrapndcontent h2{
  font-size: 2.8vw !important;
}
.cspg-home .galsubsection .buttoncontent .csbtn-def{
  width: 14.5vw;
}
.cspg-home .mediasection{
  margin-top: -25vh;
  background: url('https://up-thamrinnine.com/wp-content/themes/up-thamrinnine/assets/images/media-background.webp');
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: cover !important;
  border-radius: 3.2vw;
  border: 0.1vw solid #EAEADE;
}
.cspg-home .newssection{
  margin-top: -25vh;
}
.cspg-home .newssection .itemcontent{
  background: #F8F8F1;
}
.cspg-home .newssection .descriptioncontent{}
.cspg-home .newssection .descriptioncontent .owlstagepadding{}
.cspg-home .newssection .descriptioncontent .owlstagepadding::after{
  content: '';
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  width: 20%;
  height: 100%;
  background: url('https://up-thamrinnine.com/wp-content/themes/up-thamrinnine/assets/images/news-background.webp');
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 100% 100% !important;
}
.cspg-home .newssection .descriptioncontent .owlstagepadding .owl-nav,
.cspg-home .newssection .descriptioncontent .owlstagepadding .owl-dots{
  z-index: 3;
}
.cspg-home .newssection .descriptioncontent .owlstagepadding .owl-dots{
  bottom: 0 !important;
  left: 6.5vw !important;
  width: 65vw;
}
.cspg-home .newssection .descriptioncontent .owlstagepadding .owl-dots .owl-dot{}
.cspg-home .newssection .descriptioncontent .owlstagepadding .owl-dots .owl-dot.active{
  width: 78%;
}
.cspg-home .newssection .descriptioncontent .owlstagepadding .owl-dots .owl-dot span{
  background: #EAEADE !important;
}
.cspg-home .newssection .descriptioncontent .owlstagepadding .owl-dots .owl-dot.active span,
.cspg-home .newssection .descriptioncontent .owlstagepadding .owl-dots .owl-dot:hover span{
  background: #1973D7 !important;
}
.cspg-home .newssection .descriptioncontent .owlstagepadding .owl-nav{
  top: unset;
  transform: unset;
  bottom: 9vh;
  right: 5vw;
  width: 18.5vw;
}
.cspg-home .newssection .descriptioncontent .owlstagepadding .owl-nav button{}
.cspg-home .newssection .descriptioncontent .owlstagepadding .owl-nav button:hover{}
.cspg-home .newssection .descriptioncontent .owlstagepadding .owl-nav button span{}
.cspg-home .newssection .descriptioncontent .owlstagepadding .owl-nav button span::after{}
.cspg-home .newssection .descriptioncontent .owlstagepadding .owl-nav button span.owlarrowleft{}
.cspg-home .newssection .descriptioncontent .owlstagepadding .owl-nav button span.owlarrowright{}
.cspg-home .newssection .descriptioncontent .owlstagepadding .owl-nav button span.owlarrowleft::after{}
.cspg-home .newssection .descriptioncontent .owlstagepadding .owl-nav button span.owlarrowright::after{}
@media screen and (max-width: 846px){
  .cspg-home .headersection{}
  .cspg-home .buildingsection{}
  .cspg-home .buildingsection .descriptioncontent{
    border-top-left-radius: 5vw;
    border-top-right-radius: 5vw;
  }
  .cspg-home .experiencesection{
    margin-top: -5vh;
    border-radius: 5vw;
  }
  .cspg-home .experiencesection .owloneslider .owl-nav{
    top: 40%;
  }
  .cspg-home .experiencesection .owloneslider .owl-dots{
    display: none;
  }
  .cspg-home .ticketingsection{}
  .cspg-home .ticketingsection .itemcontent{}
  .cspg-home .ticketingsection .itemcontent .imagecontent{}
  .cspg-home .ticketingsection .itemcontent h4{
    font-size: 4.5vw !important;
  }
  .cspg-home .ticketingsection .itemcontent h5{
    font-size: 2.5vw !important;
  }
  .cspg-home .ticketingsection .itemcontent h3{
    font-size: 8vw !important;
  }
  .cspg-home .ticketingsection .itemcontent h6{
    font-size: 5vw !important;
  }
  .cspg-home .ticketingsection .itemcontent h6 span{
    font-size: 4.5vw !important;
  }
  .cspg-home .ticketingsection .itemcontent p{}
  .cspg-home .ticketingsection .itemcontent a{}
  .cspg-home .ticketingsection .itemcontent a::after{}
  .cspg-home .bannersection{
    background-position: 15% !important;
    border-radius: 5vw;
  }
  .cspg-home .bannersection p{
    font-size: 3vw !important;
    line-height: 2.5vh !important;
  }
  .cspg-home .informationsection{
    border-radius: 5vw;
  }
  .cspg-home .informationsection .itemcontent{
    border: 0.5vw solid transparent !important;
  }
  .cspg-home .informationsection .itemcontent .tabsContent{
    display: block !important;
    border: 0.5vw solid #1973D7 !important;
    border-radius: 5vw !important;
    overflow: hidden;
  }
  .cspg-home .informationsection .tabsContentOpening{}
  .cspg-home .informationsection .tabsContentOpening h3{
    font-size: 4.5vw !important;
    line-height: 3.5vh !important;
  }
  .cspg-home .informationsection .tabsContentOpening p{}
  .cspg-home .informationsection .tabsContentOpening a{}
  .cspg-home .informationsection .tabsContentOpening .imagecontent{}
  .cspg-home .informationsection #tabsTar-item02 .csbtn-white{}
  .cspg-home .galsubsection{}
  .cspg-home .galsubsection .buttoncontent{}
  .cspg-home .galsubsection .wrapndcontent h2{
    font-size: 7vw !important;
  }
  .cspg-home .galsubsection .buttoncontent .csbtn-def{}
  .cspg-home .mediasection{
    margin-top: -5vh;
    border-radius: 5vw;
  }
  .cspg-home .newssection{
    margin-top: -5vh;
  }
  .cspg-home .newssection .itemcontent{}
  .cspg-home .newssection .descriptioncontent{}
  .cspg-home .newssection .descriptioncontent .csbtn-def{
    bottom: -1.5vh;
  }
  .cspg-home .newssection .descriptioncontent .owlstagepadding{}
  .cspg-home .newssection .descriptioncontent .owlstagepadding::after{
    display: none;
  }
  .cspg-home .newssection .descriptioncontent .owlstagepadding .owl-nav,
  .cspg-home .newssection .descriptioncontent .owlstagepadding .owl-dots{}
  .cspg-home .newssection .descriptioncontent .owlstagepadding .owl-dots{
    display: none;
  }
  .cspg-home .newssection .descriptioncontent .owlstagepadding .owl-dots .owl-dot{}
  .cspg-home .newssection .descriptioncontent .owlstagepadding .owl-dots .owl-dot.active{}
  .cspg-home .newssection .descriptioncontent .owlstagepadding .owl-dots .owl-dot span{}
  .cspg-home .newssection .descriptioncontent .owlstagepadding .owl-dots .owl-dot.active span,
  .cspg-home .newssection .descriptioncontent .owlstagepadding .owl-dots .owl-dot:hover span{}
  .cspg-home .newssection .descriptioncontent .owlstagepadding .owl-nav{
    bottom: 9vh;
    right: unset;
    width: 100%;
  }
  .cspg-home .newssection .descriptioncontent .owlstagepadding .owl-nav button{}
  .cspg-home .newssection .descriptioncontent .owlstagepadding .owl-nav button:hover{}
  .cspg-home .newssection .descriptioncontent .owlstagepadding .owl-nav button span{}
  .cspg-home .newssection .descriptioncontent .owlstagepadding .owl-nav button span::after{}
  .cspg-home .newssection .descriptioncontent .owlstagepadding .owl-nav button span.owlarrowleft{}
  .cspg-home .newssection .descriptioncontent .owlstagepadding .owl-nav button span.owlarrowright{}
  .cspg-home .newssection .descriptioncontent .owlstagepadding .owl-nav button span.owlarrowleft::after{}
  .cspg-home .newssection .descriptioncontent .owlstagepadding .owl-nav button span.owlarrowright::after{}
}
/* End Home Page */

/* News Page */
.cspg-news .headersection{
  background: url('https://up-thamrinnine.com/wp-content/themes/up-thamrinnine/assets/images/news/news-header.jpg');
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: cover !important;
  border-bottom-left-radius: 3.2vw;
  border-bottom-right-radius: 3.2vw;
}
.cspg-news .contentsection{}
.cspg-news .contentsection .titlecontent h2{
  font-size: 2vw !important;
}
.cspg-news .contentsection .tagcontent ul{
  margin: 0;
  padding: 0;
  list-style: none;
}
.cspg-news .contentsection .tagcontent ul li{}
.cspg-news .contentsection .tagcontent ul li a{
  display: block;
  margin: 0 0.1vw;
  padding: 1vh 1vw;
  font-size: 0.8vw !important;
  color: #1973D7;
  border: 0.1vw solid #1973D7;
  border-radius: 50vw;
}
.cspg-news .contentsection .tagcontent ul li.active a,
.cspg-news .contentsection .tagcontent ul li a:hover{
  color: #FCFBFB !important;
  background: #1973D7;
}
.cspg-news .newslettersection{
  background: url('https://up-thamrinnine.com/wp-content/themes/up-thamrinnine/assets/images/newsletter-background.jpg');
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: cover !important;
  border-radius: 3.2vw;
}
@media screen and (max-width: 846px){
  .cspg-news .headersection{
    background-position: center right !important;
    border-bottom-left-radius: 5vw;
    border-bottom-right-radius: 5vw;
  }
  .cspg-news .contentsection{}
  .cspg-news .contentsection .titlecontent h2{
    font-size: 4.5vw !important;
    line-height: 3.5vh !important;
  }
  .cspg-news .contentsection .tagcontent ul{}
  .cspg-news .contentsection .tagcontent ul li{}
  .cspg-news .contentsection .tagcontent ul li a{
    margin: 0 0.1vw 1vh;
    padding: 1vh 3vw;
    font-size: 3.2vw !important;
  }
  .cspg-news .contentsection .tagcontent ul li.active a,
  .cspg-news .contentsection .tagcontent ul li a:hover{}
  .cspg-news .newslettersection{
    background-position: center right !important;
    border-radius: 5vw;
  }
}
/* End News Page */

/* News Detail Page */
.cspg-news-detail .headersection{
  background: url('https://up-thamrinnine.com/wp-content/themes/up-thamrinnine/assets/images/news/news-detail-header.jpg');
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: cover !important;
  border-bottom-left-radius: 3.2vw;
  border-bottom-right-radius: 3.2vw;
  border: 0.1vw solid #EAEADE !important;
}
.cspg-news-detail .headersection .informationcontent a{
  display: block;
  margin: 0 0.1vw;
  padding: 1vh 1vw;
  font-size: 0.8vw !important;
  color: #1973D7;
  border: 0.1vw solid #1973D7;
  border-radius: 50vw;
}
.cspg-news-detail .headersection .informationcontent a:hover{
  color: #FCFBFB !important;
  background: #1973D7;
}
.cspg-news-detail .contentsection{}
.cspg-news-detail .contentsection .bodycontent{}
.cspg-news-detail .contentsection .bodycontent figure{
  margin: 8vh 0;
  max-width: 100% !important;
  width: auto !important;
  height: auto !important;
  text-align: center !important;
}
.cspg-news-detail .contentsection .bodycontent figure:first-child{
  margin-top: 0 !important;
}
.cspg-news-detail .contentsection .bodycontent figure img{
  max-width: 100% !important;
  width: auto !important;
  height: auto !important;
}
.cspg-news-detail .contentsection .bodycontent h2{
  margin: 8vh 0 3vh;
  font-size: 2.4vw !important;
  line-height: 5.5vh !important;
}
.cspg-news-detail .contentsection .bodycontent h3{
  margin: 8vh 0 3vh;
  font-size: 2.1vw !important;
  line-height: 5vh !important;
}
.cspg-news-detail .contentsection .bodycontent h4{
  margin: 8vh 0 3vh;
  font-size: 1.8vw !important;
  line-height: 4.5vh !important;
}
.cspg-news-detail .contentsection .bodycontent h5{
  margin: 8vh 0 3vh;
  font-size: 1.5vw !important;
  line-height: 4vh !important;
}
.cspg-news-detail .contentsection .bodycontent h6{
  margin: 8vh 0 3vh;
  font-size: 1.2vw !important;
  line-height: 3.5vh !important;
}
.cspg-news-detail .contentsection .bodycontent p{
  margin-bottom: 3vh;
}
.cspg-news-detail .contentsection .bodycontent img{
  object-fit: cover;
}
.cspg-news-detail .contentsection .othercontent{}
.cspg-news-detail .contentsection .othercontent h2{
  font-size: 2vw !important;
}
.cspg-news-detail .contentsection .othercontent .otheritem{}
.cspg-news-detail .contentsection .othercontent .otheritem .tag{
  left: 12px;
  padding: 2vh 1vw;
  text-transform: uppercase;
  color: #FCFBFB;
  background: #1973D7;
}
.cspg-news-detail .contentsection .othercontent .otheritem h3{
  font-size: 0.9vw !important;
  line-height: 2.2vh !important;
  text-transform: uppercase;
}
.cspg-news-detail .contentsection .othercontent .otheritem p{
  font-size: 0.8vw !important;
}
.cspg-news-detail .nextsection{
  background: url('https://up-thamrinnine.com/wp-content/themes/up-thamrinnine/assets/images/news/next-article.webp');
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: cover !important;
  border-radius: 3.2vw;
}
@media screen and (max-width: 846px){
  .cspg-news-detail .headersection{
    background-position: center left !important;
    border-bottom-left-radius: 5vw;
    border-bottom-right-radius: 5vw;
  }
  .cspg-news-detail .headersection .informationcontent a{
    margin: 0 0.1vw 1vh;
    padding: 1vh 3vw;
    font-size: 3.2vw !important;
  }
  .cspg-news-detail .headersection .informationcontent a:hover{}
  .cspg-news-detail .contentsection{}
  .cspg-news-detail .contentsection .bodycontent{}
  .cspg-news-detail .contentsection .bodycontent figure{
    margin: 3vh 0 !important;
    height: auto !important;
  }
  .cspg-news-detail .contentsection .bodycontent figure img{
    height: auto !important;
  }
  .cspg-news-detail .contentsection .bodycontent h2{
    margin-bottom: 2vh;
    font-size: 6.3vw !important;
    line-height: 4.2vh !important;
    letter-spacing: 0 !important;
  }
  .cspg-news-detail .contentsection .bodycontent h3{
    margin-bottom: 2vh;
    font-size: 6vw !important;
    line-height: 4.5vh !important;
    letter-spacing: 0 !important;
  }
  .cspg-news-detail .contentsection .bodycontent h4{
    margin-bottom: 2vh;
    font-size: 5.7vw !important;
    line-height: 4vh !important;
    letter-spacing: 0 !important;
  }
  .cspg-news-detail .contentsection .bodycontent h5{
    margin-bottom: 2vh;
    font-size: 5.4vw !important;
    line-height: 3.5vh !important;
    letter-spacing: 0 !important;
  }
  .cspg-news-detail .contentsection .bodycontent h6{
    margin-bottom: 2vh;
    font-size: 5.1vw !important;
    line-height: 3vh !important;
    letter-spacing: 0 !important;
  }
  .cspg-news-detail .contentsection .bodycontent p{
    margin-bottom: 2vh;
  }
  .cspg-news-detail .contentsection .bodycontent h4{}
  .cspg-news-detail .contentsection .bodycontent h5{}
  .cspg-news-detail .contentsection .bodycontent h6{}
  .cspg-news-detail .contentsection .bodycontent p{}
  .cspg-news-detail .contentsection .othercontent{}
  .cspg-news-detail .contentsection .othercontent h2{
    font-size: 7vw !important;
    line-height: 5vh !important;
  }
  .cspg-news-detail .contentsection .othercontent .otheritem{}
  .cspg-news-detail .contentsection .othercontent .otheritem .tag{
    padding: 2.5vh 4vw;
    font-size: 3.2vw !important;
  }
  .cspg-news-detail .contentsection .othercontent .otheritem h3{
    font-size: 4.5vw !important;
    line-height: 3.5vh !important;
  }
  .cspg-news-detail .contentsection .othercontent .otheritem p{
    font-size: 4vw !important;
    line-height: 3.5vh !important;
  }
  .cspg-news-detail .nextsection{
    background-position: center right !important;
    border-radius: 5vw;
  }
}
/* End News Detail Page */

/* Link Page */
.cspg-link .contentsection .descriptioncontent{
  border: 0.2vw solid #EAEADE;
}
.cspg-link .contentsection .descriptioncontent .csbtnlink{
  position: relative;
  margin-bottom: 2vh;
  padding: 1.8vh 1.8vw;
  border-radius: 50vw;
  width: 95%;
}
.cspg-link .contentsection .descriptioncontent .csbtnlinkr{
  float: right;
}
.cspg-link .contentsection .descriptioncontent .csbtnlinkiconloket{
  margin-top: -0.5vh;
  width: 5vw;
}
.cspg-link .contentsection .descriptioncontent .csbtnlinkicon{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: unset;
  right: 1.8vw;
  width: 1.6vw;
  height: 1.6vw;
  text-align: center;
}
.cspg-link .contentsection .descriptioncontent .csbtnlinkiconup{
  width: 2.2vw;
  height: 2.2vw;
}
@media screen and (max-width: 846px){
  .cspg-link .contentsection .descriptioncontent{}
  .cspg-link .contentsection .descriptioncontent .csbtnlink{
    padding: 2vh 5vw;
    width: 100%;
  }
  .cspg-link .contentsection .descriptioncontent .csbtnlinkr{
    float: unset;
  }
  .cspg-link .contentsection .descriptioncontent .csbtnlinkiconloket{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: unset;
    right: 5vw;
    width: 20vw;
    height: unset !important;
  }
  .cspg-link .contentsection .descriptioncontent .csbtnlinkicon{
    right: 5vw;
    width: 7vw;
    height: 7vw;
  }
  .cspg-link .contentsection .descriptioncontent .csbtnlinkiconup{
    height: 11vw;
  }
}
/* End Link Page */

/* Experience Page */
.cspg-experience{
  background: #000F2D;
}
.cspg-experience .headersection{}
.cspg-experience .headersection .overlay{
  position: relative;
  margin-top: -28vh;
  width: 100%;
  height: 30vh;
  background: #FFFFFF;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 15, 45, 1) 90%);
}
/* Wrapper */
.cspg-experience .buildingsection{
  margin-top: -48vh;
  height: 362vh;
}
.cspg-experience .buildingsection .wrap{
  height: 362vh;
}
/* Target */
.cspg-experience .buildingsection .tar{
  position: absolute;
  z-index: 5;
  left: 0;
  width: 100%;
  height: 1px;
}
.cspg-experience .buildingsection .tar.csepbs-tar01{
  top: 0;
}
.cspg-experience .buildingsection .tar.csepbs-tar02{
  top: 121vh;
}
.cspg-experience .buildingsection .tar.csepbs-tar03{
  top: 242vh;
}
/* Shape */
.csshape{
  position: absolute;
  z-index: 2; 
  background: #FF9B00;
  opacity: 0.5;
  transition: all .3s;
}
.csshape.gon01{
  top: 34vh;
  left: 12vw;
  width: 7vw;
  height: 16vh;
  clip-path: polygon(
    100% 0%,
    100% 70%,
    0% 100%,
    0% 30%
  );
  transition: all .3s;
}
.csshape.gon01.gon02{
  top: 13vh;
  left: 13.5vw;
  width: 12vw;
  height: 15vh;
  clip-path: polygon(
    50% 0%, 
    100% 45%, 
    100% 100%, 
    50% 65%, 
    0% 100%, 
    0% 45%
  );
  transition: all .3s;
}
.csshape.gon01.gon02.gon03{
  top: 6vh;
  left: 14.5vw;
  width: 5vw;
  height: 15vh;
  clip-path: polygon(
    50% 0%, 
    50% 60%, 
    100% 45%, 
    100% 70%, 
    45% 90%, 
    0% 100%, 
    0% 0%
  );
  transition: all .3s;
}
/* Dots */
.cspg-experience .buildingsection .csepbs-dots{
  top: 55%;
  left: 0.55vw;
  width: 0.5vw;
}
.cspg-experience .buildingsection .csepbs-dots .csdot{
  display: block;
  margin-bottom: 1.5vh;
  width: 100%;
  height: 12vh;
  border-radius: 50vw;
  background: #01508F;
  cursor: pointer;
}
.cspg-experience .buildingsection .csepbs-dots .csdot:hover{
  background: #FCFBFB;
}
.cspg-experience .buildingsection .csepbs-dots .csdot.active{
  height: 40vh;
  background: #FCFBFB;
}
.cspg-experience .buildingsection .descriptioncontent{
  width: 46.5vw;
}
.cspg-experience .buildingsection .descriptioncontent.bsdc-01{
  top: 0;
}
.cspg-experience .buildingsection .descriptioncontent.bsdc-02{
  top: 121vh;
}
.cspg-experience .buildingsection .descriptioncontent.bsdc-03{
  top: 242vh;
}
.cspg-experience .buildingsection .descriptioncontent .wrapcontent{}
.cspg-experience .buildingsection .descriptioncontent .wrapcontent h2{}
.cspg-experience .buildingsection .descriptioncontent .wrapcontent .comingsoon{
  margin: 0 0.5vw;
  padding: 0.5vh 1.2vw;
  font-family: "NotoSans-Bold";
  font-size: 0.9vw !important;
  line-height: 2.8vh !important;
  border-radius: 50vw;
  background: #FF9B00;
}
.cspg-experience .buildingsection .descriptioncontent .wrapcontent h6{
  font-size: 1.5vw !important;
  line-height: 3.5vh !important;
}
.cspg-experience .buildingsection .descriptioncontent .wrapcontent p{}
.cspg-experience .buildingsection .descriptioncontent .wrapcontent .text-01{}
.cspg-experience .buildingsection .descriptioncontent .wrapcontent .text-01 p{}
.cspg-experience .buildingsection .descriptioncontent .wrapcontent .text-02{}
.cspg-experience .buildingsection .descriptioncontent .wrapcontent .text-02 h6{}
.cspg-experience .buildingsection .descriptioncontent .wrapcontent .text-02 .comingsoon{}
.cspg-experience .buildingsection .descriptioncontent .wrapcontent .text-02 .floor{}
.cspg-experience .buildingsection .descriptioncontent .wrapcontent .text-02 .desc{}
.cspg-experience .buildingsection .descriptioncontent .wrapcontent .text-02 .desc p{}
.cspg-experience .informationsection{}
.cspg-experience .termssection{}
.cspg-experience .termssection .compContentBox{
  border: 0.1vw solid #DEE2EA !important;
}
.cspg-experience .termssection .compContentBox .icon::before{
  content:'';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('https://up-thamrinnine.com/wp-content/themes/up-thamrinnine/assets/images/experience/up-thamrinnine-experience-terms-background-box.png');
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 100% 100% !important;
  border-radius: 1vw !important;
  border: 0.1vw solid #DEE2EA !important;
}
.cspg-experience .termssection .compContentBox p b{
  font-family: "NotoSans-Bold";
}
.cspg-experience .gallerysection{}
.cspg-experience .gallerysection .buttoncontent{
  background: url('https://up-thamrinnine.com/wp-content/themes/up-thamrinnine/assets/images/gallery-title.webp');
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 100% 100% !important;
}
.cspg-experience .gallerysection .wrapndcontent h2{
  font-size: 2.8vw !important;
}
.cspg-experience .gallerysection .buttoncontent .csbtn-def{
  width: 14.5vw;
}
.cspg-experience .newslettersection h2{}
.cspg-experience .newslettersection h2 span{
  font-family: "SFTSchriftedSansTRIAL-Bold" !important;
  font-size: 3.1vw !important;
  line-height: 6vh !important;
  color: #68D1FF !important;
}
.cspg-experience .newslettersection .csbtn-def{
  padding: 3vh 1.5vw;
  color: #000F2D;
  background: transparent;
  box-shadow: unset;
}
.cspg-experience .newslettersection .csbtn-def::after{
  width: 4vw;
  height: 4vw;
  background: url(https://up-thamrinnine.com/wp-content/themes/up-thamrinnine/assets/images/arrow-right.svg);
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 50% 50% !important;
  background-color: #012C4F !important;
  border-radius: 50vw;
}
.cspg-experience .newslettersection .csbtn-def:hover{
  color: #FCFBFB !important;
  background: #1973D7;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 846px){
  .cspg-experience{}
  .cspg-experience .headersection{}
  .cspg-experience .headersection .overlay{
    margin-top: -98vh;
    height: 100vh;
  }
  .cspg-experience .headersection h1{
    font-size: 10vw !important;
    line-height: 6vh !important;
  }
  /* Wrapper */
  .cspg-experience .buildingsection{
    height: 376vh;
  }
  .cspg-experience .buildingsection .wrap{}
  /* Target */
  .cspg-experience .buildingsection .tar{}
  .cspg-experience .buildingsection .tar.csepbs-tar01{}
  .cspg-experience .buildingsection .tar.csepbs-tar02{
    top: 100vh;
  }
  .cspg-experience .buildingsection .tar.csepbs-tar03{
    top: 260vh;
  }
  /* Shape */
  .csshape{}
  .csshape.gon01{
    top: 17vh;
    left: 22vw;
    width: 11vw;
    height: 8vh;
  }
  .csshape.gon01.gon02{
    top: 7vh;
    left: 23.5vw;
    width: 22vw;
    height: 7vh;
  }
  .csshape.gon01.gon02.gon03{
    top: 3vh;
    left: 26.5vw;
    width: 7vw;
    height: 8vh;
  }
  /* Dots */
  .cspg-experience .buildingsection .csepbs-dots{
    left: 4vw;
    width: 2vw;
  }
  .cspg-experience .buildingsection .csepbs-dots .csdot{}
  .cspg-experience .buildingsection .csepbs-dots .csdot:hover{}
  .cspg-experience .buildingsection .csepbs-dots .csdot.active{}
  .cspg-experience .buildingsection .descriptioncontent{
    width: 88vw;  
    border-radius: 10vw;
    overflow: hidden;
    border: 1px solid #012C4F;
  }
  .cspg-experience .buildingsection .descriptioncontent.bsdc-01{
    top: 50vh;
    height: 75vh !important;
  }
  .cspg-experience .buildingsection .descriptioncontent.bsdc-02{
    top: 126vh;
    height: 165vh !important;
  }
  .cspg-experience .buildingsection .descriptioncontent.bsdc-03{
    top: 291vh;
    height: 85vh !important;
  }
  .cspg-experience .buildingsection .descriptioncontent .wrapcontent{}
  .cspg-experience .buildingsection .descriptioncontent .wrapcontent h2{}
  .cspg-experience .buildingsection .descriptioncontent .wrapcontent .comingsoon{
    font-size: 3.5vw !important;
    line-height: 3.5vh !important;
  }
  .cspg-experience .buildingsection .descriptioncontent .wrapcontent h6{
    font-size: 5vw !important;
    line-height: 3.5vh !important;
  }
  .cspg-experience .buildingsection .descriptioncontent .wrapcontent p{}
  .cspg-experience .buildingsection .descriptioncontent .wrapcontent .text-01{}
  .cspg-experience .buildingsection .descriptioncontent .wrapcontent .text-01 p{}
  .cspg-experience .buildingsection .descriptioncontent .wrapcontent .text-02{}
  .cspg-experience .buildingsection .descriptioncontent .wrapcontent .text-02 h6{}
  .cspg-experience .buildingsection .descriptioncontent .wrapcontent .text-02 .comingsoon{}
  .cspg-experience .buildingsection .descriptioncontent .wrapcontent .text-02 .floor{}
  .cspg-experience .buildingsection .descriptioncontent .wrapcontent .text-02 .desc{}
  .cspg-experience .buildingsection .descriptioncontent .wrapcontent .text-02 .desc p{}
  .cspg-experience .informationsection{}
  .cspg-experience .termssection{}
  .cspg-experience .termssection .owl-dots{
    margin: 0 auto !important;
    bottom: -4vh !important;
    left: 0 !important;
    right: 0 !important;
    width: 45vw;
  }
  .cspg-experience .termssection .owl-dots .owl-dot,
  .cspg-experience .termssection .owl-dots .owl-dot.active,
  .cspg-experience .termssection .owl-dots .owl-dot span{
    margin: 0 1vw !important;
    width: 2.5vw !important;
    height: 2.5vw !important;
  }
  .cspg-experience .termssection .owl-dots .owl-dot span{
    background: #C9C9BF !important;
  }
  .cspg-experience .termssection .owl-dots .owl-dot.active span,
  .cspg-experience .termssection .owl-dots .owl-dot:hover span{
    background: #1973D7 !important;
  }
  .cspg-experience .termssection .owl-nav{
    position: relative;
    top: unset;
    transform: unset;
    height: auto;
  }
  .cspg-experience .termssection .owl-nav button{}
  .cspg-experience .termssection .owl-nav button:hover{}
  .cspg-experience .termssection .owl-nav button span{}
  .cspg-experience .termssection .owl-nav button span::after{}
  .cspg-experience .termssection .owl-nav button span.owlarrowleft{}
  .cspg-experience .termssection .owl-nav button span.owlarrowright{}
  .cspg-experience .termssection .owl-nav button span.owlarrowleft::after{}
  .cspg-experience .termssection .owl-nav button span.owlarrowright::after{}
  .cspg-experience .gallerysection{}
  .cspg-experience .newslettersection.compContentBanner{
    background: url(https://up-thamrinnine.com/wp-content/themes/up-thamrinnine/assets/images/experience/ticket-banner-mobile.jpg);
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: cover !important;
  }  
  .cspg-experience .newslettersection h2,
  .cspg-experience .newslettersection h2 span{
    font-size: 10vw !important;
    line-height: 7vh !important;
  }  
  .cspg-experience .newslettersection .csbtn-def{
    display: block;
    position: relative !important;
    padding: 0;
    top: unset;
    transform: unset;
    right: unset !important;
    text-align: center !important;
    font-size: 5vw !important;
  }
  .cspg-experience .newslettersection .csbtn-def::after{
    display: block;
    position: relative;
    margin: 1vh auto;
    top: unset;
    transform: unset;
    left: 0;
    right: 0;
    width: 15vw;
    height: 15vw;
  }
  .cspg-experience .newslettersection .csbtn-def:hover{
    color: #000F2D !important;
    background: transparent;
    -webkit-box-shadow: unset;
    -moz-box-shadow: unset;
    box-shadow: unset;
  }
}
/* End Experience Page */