@charset "utf-8";
/* CSS Document */

#header{ margin-bottom:30px; }
#header #nav-top .nav-main{ width:auto; }
#header .mobile-download{ display:none; }
#header #logo{ padding:20px 0; }
#header #nav-top .nav-main a{ margin:0 5px; }
#header .best-offer{ display:none; }

#homepage .wrap{ width:100%; }

#slider .flexslider .slides > li .desc .inner h3{ font-size:30px; }
#slider .flexslider .slides > li .desc .inner p{ font-size:14px; }

.explore{ width:85%; margin:30px auto; }
.explore h2, #posts .explore h2{ font-size:20px; }
.explore ul li{ width:25%; margin-left:12.5%; }
.explore ul li .photo{ width:100%; margin-bottom:10px; }
.explore ul li .right{ width:100%; }

.banner{ width:85%; }
#homepage .banner{ margin:40px auto; }

.box-preview{ display:block; padding-top:50px; }
.box-preview .left, .box-preview .right{ display:block; width:100%; }
.box-preview .left:after{ content:'.'; clear:both; display:block; height:0; visibility:hidden; }
/*.box-preview .left .nav{ top:-50px; background:none; }
.box-preview .left .nav:after{ content:'.'; clear:both; display:block; height:0; visibility:hidden; }
.box-preview .left .nav h1{ display:inline-block; }
.box-preview .left .nav h2{ display:inline-block; margin-left:10px; }
.box-preview .left .nav ul{ float:right; width:50%; text-align:right; }
.box-preview .left .nav ul li{ float:none; display:inline-block; }*/
.box-preview .left img{ float:left; width:50%; }
.box-preview .left a.desc{ left:50%; width:50%; height:100%; opacity:1; background:#000; text-align:center; }
.box-preview .left a.desc div{ color:#FFF; }
.box-preview .left a.desc p{ color:#FFF; }
.box-preview .right ul li{ width:50%; }
.box-preview .right ul li .inner{ padding:0; }
.box-preview .right a.desc{ top:70%; height:30%; opacity:1; }
.box-preview .right a.desc i{ display:none; }

#popular{ margin:40px 0 0; }
#popular .wrap{ width:100%; }
#popular ul{ margin:0; }
#popular ul li{ width:33.33%; }
#popular .go-top{ right:10%; width:80%; padding:10px 0; text-align:center; }

.posts-list ul li{ width:50%; }

#posts-detail .back{ top:-24px; }
#posts-detail .back a img{ width:55px; }
#posts-detail .content .heading{ padding:40px 0; }
#posts-detail .content .detail h2, #posts-detail .content .detail h2 span{ font-size:26px; }
#posts-detail .content .detail{ font-size:20px; padding:40px 0 0; }

#posts-detail .content .detail table.twocolumn,
#posts-detail .content .detail table.twocolumn tbody,
#posts-detail .content .detail table.twocolumn tbody tr,
#posts-detail .content .detail table.twocolumn tbody tr td{ display:block; width:100%; }
#posts-detail .content .detail table.twocolumn tbody tr td{ margin-bottom:15px; }
#posts-detail .content .detail table.twocolumn tbody tr td:nth-child(2){ margin:0; }
#posts-detail .content .detail p{ padding:0; }
#posts-detail .content .detail table.twocolumn tbody tr td p{ }
#posts-detail .content .credit{ margin:20px 0 0; }

#posts-detail .content .detail table.threecolumn,
#posts-detail .content .detail table.threecolumn tbody,
#posts-detail .content .detail table.threecolumn tbody tr,
#posts-detail .content .detail table.threecolumn tbody tr td{ display:block; width:100%; }
#posts-detail .content .detail table.threecolumn tbody tr td{ margin-bottom:15px; }
#posts-detail .content .detail table.threecolumn tbody tr td:nth-child(3){ margin:0; }

#download .box,
#download .box .left,
#download .box .right{ display:block; width:100%; }
#download .box .right{ margin-top:40px; }
#download .box .left{ position:relative; }
#download .box .left .logo{ position:absolute; left:0; top:0; width:80px; }
#download .box .left h1{ display:block; height:65px; padding:15px 0 0 100px; font-size:20px; margin:0; }
#download .box .left p{ margin:20px 0 0; }
#download .box .left .link{ margin:20px 0 0; text-align:center; }
#download .box .left .link a{ width:100px; margin:0 5px; }

#floor .box .info .row{ width:45%; margin:0 2.5% 20px; }
#floor .box .info .inner { padding: 20px 30px; }

#floor .location .map{ width:100%; }
#floor .location .info{ float:none; width:100%; }

#homepage .banner{ margin:40px auto; }

main .back-to-happening{ top:-24px; }
main .back-to-happening a img{ width:55px; }

#privacy #policy{ width:100%; }
#privacy #experiment{ width: 100%; margin:40px 0; text-align: left; }

#happening-gallery #slider ul li img{ width: 100%; }

.privilege-tour .thumb-list ul { padding: 0 10px;}
.privilege-tour .thumb-list ul li { width: 100%; margin: 0 0 30px;}



#body-happening > .wrapper{
  position: static;
}
#header #search-field .close{
  top: auto;
  bottom: 10px;
  right: 10px;
}
#header #search-field .searchform .result{
  display: none;
}
.happening-nav ul li{
  display: list-item;
  margin-bottom: 10px;
  border: none;
}
.site-wrapper{
  overflow: visible;
}
.program-flash{
  top: -30px !important;
}

/*menu-mobile*/
body{
  padding-top: 90px !important;
}
body.disable-scroll{
  position: fixed;
  background-color: transparent;
}
#nav-top,#nav-bottom,#logo{
  display: none;
}
#header{
  position: fixed; top: 0;
  width: 100%;
  z-index: 999;
  background-color: transparent;
  text-align: center;
}
#header .mobile-header{
  display: block !important;
  position: absolute; left: 0; top: 0;
  width: 100%; height: height: 54px;
  background-color: #000;
}
#header .mobile-header .logo-wrapper{
  display: inline-block;
  padding: 10px 0;
}
#header .mobile-header .logo-wrapper a{
  display: inline-block;
  width: 90px;
}
#header .mobile-header .logo-wrapper a img{
  max-width: 100%;
}
#header .mobile-header .hamberger,
#header .mobile-panel .header .close{
  position: absolute; left: 15px; top: 50%;
  padding: 0;border: none;
  width: 32px;height: 32px;
  margin-top: -16px;
  outline: none;
  background-color: transparent;
  opacity: 1;
}
#header .mobile-header .hamberger span,
#header .mobile-header .hamberger span:before,
#header .mobile-header .hamberger span:after{
  position: absolute;
  width: 100%; height: 2px;
  background-color: #fff;
  left: 0;
  margin-top: -1px;
}
#header .mobile-header .hamberger span{
  top: 50%;
}
#header .mobile-header .hamberger span:before{
  content: '';
  margin-top: -8px;
}
#header .mobile-header .hamberger span:after{
  content: '';
  margin-top: 8px;
}
#header .mobile-header .action-wrapper{
  display: inline-block;
  font-size: 24px;
  position: absolute; right: 15px; top: 15px;
}
#header .mobile-header .action-wrapper a{
  color: #fff;
  margin: 0 5px;
}
#header .mobile-panel{
  width: 100%;
  min-height: 100%;
  background-color: #f2f2f2;
  position: fixed; top: 0; right: 0; bottom: 0; left: 0;
  overflow-y: scroll;
  overflow-x: hidden;
  z-index: 1001;

  top: 150%;

  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);

  display: block !important;
}
#header .mobile-panel.is-open{
  -webkit-transform: translate3d(0,-150%,0);
  -moz-transform: translate3d(0,-150%,0);
  -ms-transform: translate3d(0,-150%,0);
  transform: translate3d(0,-150%,0);
}
#header .mobile-panel,
#header .mobile-panel.is-open,
#header .mobile-panel .tab-content .sub-menu,
#header .mobile-panel .tab-content .sub-menu.is-open
{
  -webkit-transition: -webkit-transform .6s cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: -moz-transform .6s cubic-bezier(0.23, 1, 0.32, 1);
  -ms-transition: -ms-transform .6s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform .6s cubic-bezier(0.23, 1, 0.32, 1);
}
#header .mobile-panel .header{
  background-color: #000;
  width: 100%; height: 54px;
  position: relative;
}
#header .mobile-panel .header .close span{
  position: absolute; left: 0; top: 0;
  width: 100%; height: 100%;
}
#header .mobile-panel .header .close span:before,
#header .mobile-panel .header .close span:after{
  content: '';
  position: absolute; left: 0; top: 50%;
  width: 100%; height: 2px; margin-top: -1px;
  background-color: #fff;

  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
}
#header .mobile-panel .header .close span:before{
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
#header .mobile-panel .header .close span:after{
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#header .mobile-panel .tab-trigger{
  background-color: transparent;
  font: 500 14px 'sweet_sansregular';
  color: #9E9E9E;
  line-height: 54px;
  padding: 0 20px;
  margin: 0;
  border: 0;
  position: relative;
}
#header .mobile-panel .tab-trigger.is-active{
  color: #fff;
  font-family: 'sweet_sansbold';
}
#header .mobile-panel .tab-trigger.is-active:after{
  content: '';
  position: absolute; left: 50%; bottom: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #fff;
  margin-left: -10px;
}
#header .mobile-panel .content{
  max-width: 400px;
  padding: 50px 0px;
  margin: 0 auto;
}
#header .mobile-panel .tab-content{
  display: none;
}
#header .mobile-panel .tab-content .mobile-menu{

}
#header .mobile-panel .tab-content li{
  background: #fff;
  margin-bottom: 2px;
}
#header .mobile-panel .tab-content li img{
  max-width: 100%;
}
#header .mobile-panel .tab-content li.has-sub > a{
  position: relative;
}
#header .mobile-panel .tab-content li.has-sub > a:before,
#header .mobile-panel .tab-content li.has-sub > a:after{
  content: '';
  background-color: #fff;
  width: 10px; height: 2px;
  position: absolute; top: 50%;
  right: 10px;
  margin-top: -1px;

  -webkit-transform-origin: 9px center;
  -moz-transform-origin: 9px center;
  -ms-transform-origin: 9px center;
  transform-origin: 9px center;
}
#header .mobile-panel .tab-content li.has-sub > a:before{
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

#header .mobile-panel .tab-content li.has-sub > a:after{
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#header .mobile-panel .tab-content .sub-menu{
  background-color: #f2f2f2;
  color: #fff;
  position: absolute; left: 0; top: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  display: none;

  padding-bottom: 40px;

  -webkit-transform: translate(100%,0);
  -moz-transform: translate(100%,0);
  -ms-transform: translate(100%,0);
  transform: translate(100%,0);
}
#header .mobile-panel .tab-content .sub-menu.is-open{
  -webkit-transform: translate(0%,0);
  -moz-transform: translate(0%,0);
  -ms-transform: translate(0%,0);
  transform: translate(0%,0);
}
#header .mobile-panel .tab-content .sub-menu li{
  max-width: 400px;
  margin: 0 auto 2px;
  list-style: disc inside;
}
#header .mobile-panel .tab-content .sub-menu li:first-child{
  max-width: none;
  list-style: none;
}
#header .mobile-panel .tab-content .sub-menu li:nth-child(2){
  margin-top: 50px;
}
#header .mobile-panel .tab-content a{
  font: 500 12px 'Circularstd-Black';

  color: #fff;
  background-color: #000;
  padding: 15px 20px;
  display: block;
  text-align: left;
}
#header .mobile-panel .tab-content a.active{
  color: #d8ed37;
}
#header .mobile-panel .tab-content .back-trigger a{
  padding: 12px 5px 11px;
  background-color: #000;
  color: #fff;
  padding-left: 5px;
}
#header .mobile-panel .tab-content li.sub-cat,
#header .mobile-panel .tab-content li.is-img{
  list-style: none;
}
#header .mobile-panel .tab-content li.sub-cat a{
  font-family: 'sweet_sansbold';
  background-color: #f2f2f2;
}
#header .mobile-panel .footer a{
  font: 500 14px 'sweet_sansbold';
  color: #484c55;
  margin: 15px 20px;
  display: inline-block;
}

/*absolute*/
.absolute-wrapper .grid .grid-6{
  width: 100%;
}
.absolute-wrapper .grid .grid-3{
	width: 50%;
}
.absolute-wrapper .voucher-article .article-detail{
  margin: 40px auto;
}
.absolute-wrapper .voucher-article .article-detail .tinymce-voucher{
  margin-bottom: 20px;
}
.absolute-wrapper .voucher-article .article-detail .social{
  position: static;
}
.absolute-wrapper .voucher-article .article-detail .social ul li{
  margin-right: 12px;
  display: inline-block;
}
.absolute-wrapper .voucher-article .article-detail .social ul li:last-child{
  margin-right: 0;
}
.absolute-wrapper #signin #login,
.absolute-wrapper #signin #register{
	width: 100%;
  float: none;
  padding: 0;
  border: 0;
}
.absolute-wrapper #signin{
  padding: 20px 10px;
}
.absolute-wrapper #signin .wrap{
  width: 100%; min-width: auto;
}
.absolute-wrapper #signin #login{
  margin-bottom: 60px;
}
.absolute-wrapper #voucher-modal .content{
  padding: 20px 10px;
}

.absolute-wrapper .grid-6 .overlay .title{
	font-size: 6vw;
}
.absolute-wrapper .grid-6 .overlay .title strong{
	font-size: 8vw;
}
.absolute-wrapper .grid-3 .overlay .title{
	font-size: 3vw;
}
.absolute-wrapper .grid-3 .overlay .title strong{
	font-size: 4vw;
}