/* http://meyerweb.com/eric/tools/css/reset/
   v2.0b1 | 201101
   NOTE: WORK IN PROGRESS
   USE WITH CAUTION AND TEST WITH ABANDON */

@import url("fonts.css?v=1.5");
@import url("footer.css?v=1.0");

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
table, tbody, tfoot, thead, tr, th, td{ vertical-align:top; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
html { /*overflow-y:scroll;*/ }
body {
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	font:12px normal Arial, Helvetica, sans-serif;
}

* {
  -webkit-box-sizing: inherit !important;
     -moz-box-sizing: inherit !important;
          box-sizing: inherit !important;
}
*:before,
*:after {
  -webkit-box-sizing: inherit !important;
     -moz-box-sizing: inherit !important;
          box-sizing: inherit !important;
}

/*h1, h2, h3, h4, h5, h6, p {
	margin-bottom:0.7em;
}*/
h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
}
ol, ul { list-style: none; }
a { text-decoration:none; color:#007eb2; }

.clear{ clear:both; }
.clearfix:after{ content:''; display:block; clear:both; visibility:hidden; height:0; }
.wrap{ width:69%; margin:auto;}
.text-right{ text-align:right; }

#wrap-trigger{ display:none; position:fixed; top:45px; left:0; width:100%; height:100%; background:url(../images/fancybox_overlay.png); z-index:100; }

#page { width:100%; max-width:1344px; margin:auto; }

#header{ width:100%; margin-bottom:50px; position:relative; }
body#body-shoprecommend #header{ margin-bottom:0; }
#header #logo{ text-align:center; padding:20px 0; }
#header #logo img { width:289px;}
#header .best-offer{ position:absolute; right:40px; top:50px; width:150px; }
#header .best-offer img{ width:100%; }
#header #nav-top i.fa-search{ position:absolute; right:10px; top:6px; font-size:16px; color:#FFF; cursor:pointer; }
#header #nav-top{ text-align:center; position:relative;  background: #4b3921;}
#header #nav-top a{ color:#fff; font:500 14px 'sweet_sansregular';  font-size: 12px;}
#header #nav-top .nav-sign{ position:absolute; top:7px; left:10px; vertical-align:middle; }
#header #nav-top .nav-sign a{ margin:0 8px; display:inline-block; }
#header #nav-top .nav-sign a img{ width:16px; position:relative; top:1px; }
#header #nav-top .nav-main{ width:800px; margin:auto;}
#header #nav-top .nav-main a{ display:inline-block; margin:0 28px; padding:7px; }
#header #nav-top .nav-main a:hover{ text-decoration:underline; }
#header #nav-top .nav-main a.current{ /*background:#aeb3b6;*/  color:#dbc14a; }
#header #nav-top br.clear{ display:none; }

#header #search-field{ display:none; position:absolute; top:100%; left:0; width:100%; background:#f8f8f8; padding:20px 0 5px; z-index:9999; }
#header #search-field .inner{ position:relative; }
#header #search-field .close{ cursor: pointer; position: absolute; right:20px; top:20px;     font:500 80px 'db_helvethaica_x47_licond'; line-height:0.5em; color:#000; opacity:1; float:none; width: 35px;height: 35px; }
#header #search-field .close:before,#header #search-field .close:after{
	content: '';
	background-color: #4b3921;
	position: absolute; left: 0; top: 50%;
	width: 100%; height: 2px;
	margin-top: -1px;
	-webkit-transform-origin: center center;
	-moz-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
}
#header #search-field .close:before{
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
}
#header #search-field .close:after{
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
#header #search-field .searchform{ display:block; max-width:660px; margin:auto; }
#header #search-field .searchform input[type=text]{ padding:5px 10px; border:1px solid #000;     font: 500 14px 'Circularstd-Book'; width:180px; }
#header #search-field .searchform input[type=submit]{ background:#4b3921; border:none; font: 500 14px 'Circularstd-Book'; padding:5px 10px; color:#FFF; margin:0 15px 0 5px; }
#header #search-field .searchform .result{ font: 500 14px 'sweet_sansregular'; color:#999; }
#header #search-field .searchform .total{ font: 500 14px 'Circularstd-Black'; color:#000; margin:0 3px; }
#header #search-field .searchform p{ padding-bottom:15px; font: 500 15px 'sweet_sansregular'; }
#header #search-field .searchform .pagination{ background:none; text-align: left; padding:0;}
#header #search-field .searchform .pagination .direct{ display:none; }
#header #search-field .searchform .pagination a{ color:#999; }
#header #search-field .searchform .pagination span.current{ color:#000; }



.banner{ width:48%; margin:auto; text-align:center; }
.banner img{ max-width:100%; }

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

.box-preview{ display:table; }
.box-preview-margin{ margin-top:70px; }
.box-preview .col{ display:table-cell; vertical-align:top; }
.box-preview .left{ width:40%; position:relative; }
.box-preview .left img{ width:100%; }
.box-preview .left .nav{ position:absolute; left:0; top:0; width:92%; padding:10px 4%; background:url(../images/bg-opacity.png?v=1.0) repeat; }
.box-preview .left .nav h1{ font: 500 18px 'Circularstd-Black'; color: #4b3921;}
.box-preview .left .nav h2{ font: 500 16px 'Circularstd-Book'; margin:5px 0; }
.box-preview .left .nav hr{ width:20px; height:2px; background:#4b3921; border:none; margin:4px 0 6px; }
.box-preview .left .nav ul{ display:block; }
.box-preview .left .nav ul:after{ content:'.'; clear:both; display:block; height:0; visibility:hidden; }
.box-preview .left .nav ul li{ display:block; float:left; margin:0 5px 0 0; }
.box-preview .left .nav ul li a{ display:inline-block; padding:3px 7px; font: 500 12px 'sweet_sansbold'; color:#79818c; }
.box-preview .left .nav ul li a.current{ border:2px #000 solid; padding:1px 5px; color:#000; }
.box-preview .right{ width:60%; height:100%; }
.box-preview .right ul{ display:block; width:100%; height:100%; }
.box-preview .right ul:after{ content:'.'; clear:both; display:block; height:0; visibility:hidden; }
.box-preview .right ul li{ display:block; float:left; width:33.33%; height:50%; overflow:hidden; position:relative; }
.box-preview .right ul li .inner{
	/*padding:1px 0 0 1px; */
	background:#FFF;
}
.box-preview-swap .right ul li .inner{ padding:1px 1px 0 0;  }
.box-preview .right ul li:nth-child(-n+3) .inner{ padding-top:0; }
.box-preview .right ul li img{ width:100%; }

.box-preview a.desc{ display:table; width:101%; height:100%; opacity:0; position:absolute; top:0; left:0; font:500 24px 'DBOzoneX-Bold'; color:#fff; background:rgba(75, 57, 33,0.75); }
.box-preview .left a.desc{ background:rgba(75, 57, 33,0.75);color:#FFF; }
.box-preview a.desc div{ display: table-cell; vertical-align: middle; text-align:center; }
.box-preview a.desc h3{ padding:0 10px 10px; font: 500 30px 'psl_sirintrextra_proregular'; line-height:1em; }
.box-preview a.desc p{ display:none; padding:10px; font: 500 26px 'psl_sirintrextra_proregular'; color:#010101;  }
.box-preview .left a.desc p{ color:#FFF; }
.box-preview a.desc i{ display:block; width:24px; height:24px; margin:auto; background:url(../images/icon-plus-white.png) no-repeat; background-size:cover; }
.box-preview .left a.desc i{ width:30px; height:30px; background-image:url(../images/icon-plus-white.png); }

.box-preview .left:hover a.desc,
.box-preview ul li:hover a.desc{
	opacity: 1;
}
.box-preview .left a.desc,
.box-preview ul li a.desc,
.box-preview .left:hover a.desc,
.box-preview ul li:hover a.desc{
	-webkit-transition: opacity 0.5s ease;
    -moz-transition: opacity 0.5s ease;
    -o-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
}

#wowslider-container1 .ws_bullets{ width:100%; padding:0; top:15px; }
#wowslider-container1 .ws_bullets div{ width:100%; text-align:center; }

#wowslider-container1 .ws_bullets a{ padding:6px !important; }


#popular{
	background:url(../images/popular-bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	margin:70px 0 0;
}
#popular .wrap{ position:relative; padding:0 0 70px; }
#popular .go-top{ position:absolute; right:0; bottom:20px; display:inline-block; font:500 11px 'Circularstd-Book'; background:#FFF; border:1px #471b1d solid; padding:10px 20px; color:#471b1d; font-family: 'romain_bp_text_regularregular';}
#popular h1{ background:#4b3921; display:block; width:100%; padding:20px 0; font:500 16px 'Circularstd-Book'; color:#FFF; text-align:center; font-family: 'romain_bp_text_regularregular';}
#popular h1 strong{ font-family:'Circularstd-Black'; font-family: 'romain_bp_text_boldbold';}
#popular ul{ display:block; width:100%; margin:40px 0 0; }
#popular ul:after{ content:'.'; clear:both; display:block; height:0; visibility:hidden; }
#popular ul li{ display:block; float:left; width:16.66%; background:#FFF; }
#popular ul li a.photo{ display:table-cell; vertical-align:middle; overflow:hidden; display:block;}
#popular ul li a.photo img{ width:100%; }
#popular ul li .desc{ background:#FFF; padding:10px 10px 15px; }
#popular ul li .desc a{ font: 500 17px 'db_helvethaica_x47_licond'; color:#471b1d; }
#popular ul li .desc p{ font: 500 17px 'db_helvethaica_x47_licond';color:#aeaeae; }

.explore{ margin:70px auto 50px; }
.explore h2{ text-align:center; font:500 24px 'romain_bp_text_regularregular'; margin-bottom:30px; color: #4b3921;}
.explore h2 strong{ font-family:'romain_bp_text_boldbold'; }
.explore ul{ display:block; }
.explore ul:after{ content:'.'; clear:both; display:block; height:0; visibility:hidden; }
.explore ul li{ float:left; display:block; width:30%; margin-left:5%; }
.explore ul li:first-child{ margin:0; }
.explore ul li:after{ content:'.'; clear:both; display:block; height:0; visibility:hidden; }
.explore ul li .photo{ display:block; width:27%; float:left; }
.explore ul li .photo img{ width:100%; }
.explore ul li .right{ float:right; width:65%; overflow:hidden; }
.explore ul li .right a{ color: #4b3921; font-family: psl_sirintrextra_proregular; font-size: 24px; line-height: 1em;}
.explore ul li .right p{ font:500 17px 'db_helvethaica_x47_licond'; color:#000000; line-height:1.1em; letter-spacing:0.05em; margin-top:5px; }

#posts .explore h2{ font-size:22px; }
.posts-list{ margin:50px auto; }
.posts-list .pagination{ margin:40px 0 0; }
.posts-list h2{ text-align:center; font:500 22px 'sweet_sansregular'; margin-bottom:30px; }
.posts-list h2 strong{ font-family:'sweet_sansbold'; }
.posts-list ul{ display:block; }
.posts-list ul:after{ content:'.'; clear:both; display:block; height:0; visibility:hidden; }
.posts-list ul li{ display:block; float:left; width:25%; margin-bottom:20px; }
.posts-list ul li .photo{ display:block; }
.posts-list ul li .photo img{ width:100%; }
.posts-list ul li .name{ display:inline-block; font:500 15px 'Circularstd-Black'; color:#0A0A0A; padding:0 10px; margin:10px 0; }
.posts-list ul li p{ font:500 17px 'db_helvethaica_x47_licond'; color:#79818c; line-height: 1.1em; letter-spacing: 0.05em; padding:0 10px; }

#posts-detail{ position:relative; }
#posts-detail .back{ position:absolute; left:10px; top:-35px; }
#posts-detail .back a{ display:inline-block; }
#posts-detail .back a img{ width:71px; opacity:0.2; }
#posts-detail .back a:hover img{ opacity:1; }

#posts-detail .content .heading{ background:#f7f7f7; padding:50px 0 40px; }
#posts-detail .content .heading img{ width:100%; }
#posts-detail .content .heading h1{ font:500 30px 'psl_sirintrextra_proregular'; line-height:0.9em; text-align:center; margin:20px 0; }
#posts-detail .content .heading p{ font:500 21px 'db_helvethaica_x47_licond'; line-height:1.3em; line-height:1.3em;	letter-spacing:0.03em; }
#posts-detail .content .detail{ padding:50px 0 100px; font:500 21px 'db_helvethaica_x47_licond'; }
#posts-detail .content .detail h2, #posts-detail .content .detail h2 span{ font:500 30px 'psl_sirintrextra_proregular'; line-height:0.9em; text-align:center; margin:20px 0; padding:0 20px; }
#posts-detail .content .detail p{ margin-bottom:15px; padding:0 20px; line-height:1.3em; }
#posts-detail .content .detail img{ max-width:100%; margin-bottom:20px; }
#posts-detail .content .detail strong{ font-family:'psl_sirintrextra_proregular'; }
#posts-detail .content .detail .mce-gallery{ margin:20px 0 40px; }
#posts-detail .content .detail .mce-gallery .large{ width:100%; }
#posts-detail .content .detail .mce-gallery .large img{ width:100%; }
#posts-detail .content .detail .mce-gallery .thumb{ width:100%; margin:15px 0 0; }
#posts-detail .content .detail .mce-gallery .thumb a{ display:inline-block; margin-right:10px; }
#posts-detail .content .detail .mce-gallery .thumb a img{ display:block; height:40px; width:auto; margin-bottom:0; }

#posts-detail .content .detail table.twocolumn{ width:100%; padding:0; border:none; border-collapse: separate;border-spacing: 0; }
#posts-detail .content .detail table.twocolumn td{ width:50%; vertical-align:middle; }
#posts-detail .content .detail table.twocolumn td img{ max-width:none; width:100%; height:auto; margin-bottom:0; }

#posts-detail .content .detail table.threecolumn{ width:100%; padding:0; border:none; border-collapse: separate;border-spacing: 0; }
#posts-detail .content .detail table.threecolumn td{ width:33.33%; vertical-align:top; }
#posts-detail .content .detail table.threecolumn td img{ max-width:none; width:100%; height:auto; margin-bottom:0; }

#posts-detail .content .credit{ padding:0 20px; font:500 19px 'db_helvethaica_x47_licond'; margin:50px 0 0; }
#posts-detail .content .credit h5{ display:inline-block; margin-right:10px; font:500 19px 'psl_sirintrextra_proregular'; }
#posts-detail .button-field{ text-align:right; margin:60px 0; }
#posts-detail .button-field a{
	display: inline-block;
	padding: 7px 0;
	margin: 0 1%;
	width: 200px;
	font: 500 18px 'DBOzoneX';
	color: #AAA;
	border: 1px #AAA solid;
	text-align: center;
}
.also-like{ padding-bottom:20px; }
.also-like .text-right{ margin-top:10px; }
.also-like .text-right a{ font:500 28px 'db_helvethaica_x47_licond'; color:#7b828b; }
.also-like .text-right a strong{ font-family:'db_helvethaica_x77_bdcond'; }

#download .box{ display:table; width:100%; }
#download .box .left{ display:table-cell; width:40%; padding-right:7%; vertical-align:middle; }
#download .box .right{ display:table-cell; width:53%; vertical-align:middle; }
#download .box .left .logo{ width:27%; max-width:149px; }
#download .box .left h1{ font:500 22px 'sweet_sansbold'; line-height:1.2em; color:#737373; margin:25px 0 7px; }
#download .box .left p{ font:500 14px 'sweet_sansregular'; line-height:1.4em; color:#737373; }
#download .box .left .link{ margin:30px 0 0; }
#download .box .left .link a{ display:inline-block; width:25%; margin-right:15px; }
#download .box .left .link a img{ width:100%; }
#download .box .right img{ width:100%; }

#floor .wrap{ width:69%; }
#floor .box{ width:100%; display:block; }
#floor .box .map{ display:table-cell; width:60%; padding-right:10%; vertical-align:top; }
#floor .box .info{ display:table-cell; width:30%; background:#79818c; vertical-align:top; }
#floor .box .map-responsive{ display:none; }
#floor .box:after{ content:'.'; clear:both; display:block; height:0; visibility:hidden; }
#floor .box .map img, #floor .box .map-responsive img{ max-width:100%; }
#floor .box .info .inner{ padding:40px; }
#floor .box .info .inner:after{ content:'.'; clear:both; display:block; height:0; visibility:hidden; }
#floor .box .info img.icon{ display:block; width:100%; max-width:247px; margin:0 0 25px; }
#floor .box .info .row{ color:#FFF; font:500 16px 'db_helvethaica_x47_licond'; margin:0 0 20px; }
#floor .box .info h1{ font:500 22px 'sweet_sansbold'; line-height:1em; color:#182d88; margin:0 0 7px; }
#floor .box .info h2{ display:inline-block; border-bottom:1px #FFF solid; font-size:18px; line-height:0.8em; margin:0 0 5px; }
#floor .box .info ul{ list-style:disc !important; padding:0 0 10px 15px; }

iframe[name=google_conversion_frame] { height: 0; visibility: hidden; }
.iframe-code{ height:0; visibility:hidden; overflow:hidden; }

.autostart-wrap .fancybox-close{ background:url(../images/autostart-close.png); background-size:cover; width:27px; height:27px; right:10px; top:10px; }

#signin .wrap{ width:60%; min-width: 600px; }
#signin #login{ float:left; width:40%; padding-right:10%; }
#signin #register{ float: left; width:39%; padding-left: 9%; border-left: 1px #CCC solid; }
#signin h1{ font: 500 16px 'sweet_sanslight'; margin-bottom: 30px; color:#79818c;}
#signin h1 strong{ font-family: 'sweet_sansbold';}
#signin p{ display: block; margin-bottom: 15px;  font: 500 14px 'sweet_sansregular'; }
#signin p label{ display: none; margin-bottom: 15px; font: 500 14px 'sweet_sansbold';  }
#signin p input[type=text], #signin p input[type=password]{ padding: 5px 3%; border:1px #CCC solid;  width: 94%; font: 500 14px 'sweet_sansregular'; }
#signin p input[type=submit]{ text-align: center; width:247px; border: none; padding:10px 0; font: 500 16px 'sweet_sansregular';  color:#FFF; background: #79818c; }
#signin p input[type=submit]:hover{ opacity: 0.8;}
#signin p .forget{ font: 500 12px 'sweet_sansregular'; color:#000; text-decoration: underline;}
#signin p.social a{ display: inline-block; margin-right:5px;}

#privacy #policy{ float: left; width:55%; }
#privacy #policy h2{  font: 500 24px 'sweet_sansbold'; }
#privacy #policy .date{ font:500 21px 'db_helvethaica_x47_licond'; color:#79818c; }
#privacy #policy hr{ display: block; width:30px; height: 2px; background: #000; border: none; text-align: left; margin:15px 0 30px;}
#privacy #policy h1{color:#010101; }
#privacy #policy h1.en{ font:500 21px 'Circularstd-Medium'; margin:0 0 5px; }
#privacy #policy h1.th{ font:500 24px 'db_helvethaica_x57_cond'; }
#privacy #policy ul{ list-style: decimal; margin:30px 0 0; padding:0 0 0 12px;}
#privacy #policy ul li{ color:#79818c; margin:0 0 15px; padding:0 0 0 7px; font:500 22px 'db_helvethaica_x47_licond'; }
#privacy #experiment{ float: right; width:45%; text-align: right;}
#privacy #experiment img{ width: 100%; max-width: 287px; }

#happening-gallery #gallery{ width:100%; margin-bottom:30px; }
#happening-gallery #slider-wrap{ position: relative;}

.news-detail .related-news .best-offer{ margin-bottom:25px; }
.news-detail .related-news .best-offer img{ width:100%; }
.gallery-news:before, .gallery-news:after{
	background:none !important;
}
.news-detail .related-news .related-headline{
	background-color: #4b3921;
	font-family: 'romain_bp_text_boldbold';
	font-size: 14px;
}
#happening-gallery #slider-wrap:before, #happening-gallery #slider-wrap:after {
    position: absolute;
    top: 0;
    width: 20px;
    height: 100%;
    /*background-image: url(../assets/img/pattern.jpg);
    background-repeat: repeat-y;
    background-position: left top;*/
	 background:none;
    content: "";
	 z-index: 1;
}
#happening-gallery #slider-wrap:before{ left: -20px; }
#happening-gallery #slider-wrap:after{ right: -20px; }
#happening-gallery #slider{ margin:auto; overflow:hidden; position:relative; }
#happening-gallery #slider ul{ display: block;}
#happening-gallery #slider ul li{ float:left; display:none; width:100%; height: 100%; text-align:center; overflow:hidden; }
#happening-gallery #slider ul li.current{ display:block; position:relative; }
#happening-gallery #slider ul li a{ display: block; width: 100%;}
#happening-gallery #slider ul li img{ width: 100%;}
#happening-gallery #slider .direct-nav{ display:block; width:49px; height:50px; position:absolute; top:50%; margin-top:-25px; opacity: 0.7; z-index: 2;}
#happening-gallery #slider #prev{ background:url(../images/gallery-prev.jpg); left:0; }
#happening-gallery #slider #next{ background:url(../images/gallery-next.jpg); right:0; }
#happening-gallery #thumbnail{ display:block; margin:10px 0; width:100%; padding:0; height:60px; overflow:hidden; position:relative; }
#happening-gallery #thumbnail ul{ display:block; height:66px; }
#happening-gallery #thumbnail ul:after{ content:'.'; clear: both; display:block; height: 0; visibility: hidden;}
#happening-gallery #thumbnail ul li{ float:left; display:block; width:70px; height:60px; border:3px solid #fff; text-align:center; overflow:hidden; background:#CCC; }
#happening-gallery #thumbnail ul li img{ height:60px; opacity:0.6; }
#happening-gallery #thumbnail ul li img:hover, #happening-gallery #thumbnail ul li.current img{ opacity:1; }
#happening-gallery #thumbnail .direct-nav{ display:block; width:20px; height:60px; position:absolute; top:0; opacity:0.4; }
#happening-gallery #thumbnail .direct-nav:hover{ opacity:1; }
#happening-gallery #thumbnail #prev{ background:#FFF url(../images/thumb-prev.png) left center no-repeat; left:0; }
#happening-gallery #thumbnail #next{ background:#FFF url(../images/thumb-next.png) right center no-repeat; right:0; }
#happening-gallery #control ul{ margin:15px 0 0; }
#happening-gallery #control ul li{ float:left; margin-right:15px; font: 500 14px "Circularstd-Book"; color:#9898a2; }
#happening-gallery #control ul li#sequence{ padding:2px 0 0; }

.fullscreen-wrap .fancybox-skin{ box-shadow: none !important;}
.fullscreen-wrap .fancybox-close{ position: fixed; top: 20px; right: 30px; width: 23px; height: 24px; background: url(../images/fullscreen-close.png?v=1.0)}

.modal-dialog{ width:400px !important; }
.modal-title{ font: 500 17px 'Circularstd-Black'; }
.modal-body{ font: 500 14px 'Circularstd-Book'; }

#member{ width:80%; margin:0 auto 100px; }
#member .sidebar{ float:left; width:15%; }
#member .content{ float:right; width:80%; }
#member .sidebar ul{ display:block; }
#member .sidebar ul li{ display:block; border-bottom:1px #CCC solid; padding:10px 0; }
#member .sidebar ul li a{ font: 500 12px 'Circularstd-Book'; color:#000; }
#member .sidebar ul li a:hover, #member .sidebar ul li a.current{ color:#AAA; }
#member h1.title{ font: 500 17px 'Circularstd-Book'; margin:0 0 20px; }
#member #account p{ font: 500 20px 'db_helvethaica_x47_licond'; }
#member #account ul{ display: block; margin:40px 0 20px; border-top:1px #CCC solid; padding:40px 0 0; }
#member #account ul:after{ content:'.'; clear:both; display: block; height: 0; visibility: hidden;}
#member #account ul li{ float: left; display: block; width:30%; margin:0 3% 20px 0; height:200px; position: relative; }
#member #account ul li h2{ font: 500 14px 'Circularstd-Book'; margin:0 0 20px; }
#member #account ul li h3{ font: 500 20px 'db_helvethaica_x47_licond'; margin:0 0 10px; }
#member #account ul li p{ font: 500 18px 'db_helvethaica_x47_licond'; color:#777; margin:0 0 10px; }
#member #account ul li a{ font: 500 16px 'db_helvethaica_x47_licond'; color:#000; position: absolute; bottom:0; left: 0; display: block; width:110px; text-align: center; padding:8px 0; border: 1px #CCC solid; }

#member #profile form{ display:block; width:100%; max-width: 600px; margin:30px 0 0; }
#member #profile form p{ display:block; float: left; width:48%;  margin:0 2% 20px 0; }
#member #profile form p label{ display:block; font: 500 11px 'Circularstd-Book'; margin:0 0 5px; }
#member #profile form p input, #member #profile form p select{ width:90%; padding:5px 4%; border:1px #CCC solid; font: 500 18px 'db_helvethaica_x57_cond'; }
#member #profile form p input.warning, #member #profile form p select.warning{ border-color: #F00; }
#member #profile form p select#day, #member #profile form p select#year{ width:18%; }
#member #profile form p select#month{ width:34%; }
#member #profile form .submit-field{ padding:20px 0 0; }
#member #profile form input[type=submit]{ font: 500 14px 'Circularstd-Book'; padding:8px 0; border:2px #333 solid; width:200px; text-align: center; background: #FFF; }

#my-favorite ul li .right{ margin-top:3px; }
#my-favorite ul li .right div{ font:500 13px 'Circularstd-Book'; margin-top:7px; }
#favorite-list ul li{ margin-bottom:30px !important; }
#favorite-list ul li div{ font:500 13px 'Circularstd-Book'; margin-top:7px; padding:0 10px; }

.happening-nav{ margin:0 0 40px;  white-space: nowrap;}
.happening-nav ul{ display:block; width:100%; text-align:center; }
.happening-nav ul li{ display:inline-block; padding:0 20px; border-left:1px #cbc9c6 solid;}
.happening-nav ul li:first-child{ border-left:none;}
.happening-nav ul li a{ font: 500 28px 'db_helvethaica_x47_licond'; color:#cbc9c6;  line-height:0.6em; font: 500 14px 'romain_bp_text_regularregular'}
.happening-nav ul li a.current{ font-family:'db_helvethaica_x77_bdcond'; color:#4b3921; line-height:0.6em; font-family: 'romain_bp_text_boldbold';}
.happening-nav ul li a:hover {text-decoration: underline;}

.banner-hero{ width:100%; text-align:center; }
.banner-hero img{ width:100%; max-width:100%; }

.privilege-tour .banner{ margin:50px auto; }
.privilege-tour .thumb-list{ margin:60px 0 40px; }
.privilege-tour .thumb-list ul{ display:block; }
.privilege-tour .thumb-list ul li{ float:left; width:31.33%; margin-right:3%; }
.privilege-tour .thumb-list ul li:nth-child(3n+3){ margin-right:0; }
.privilege-tour .thumb-list ul li .photo{ display:block; width:100%; text-align:center; overflow:hidden; }
.privilege-tour .thumb-list ul li .photo img{ width: 100%;}
.privilege-tour .field-pagination{ margin-bottom:40px; }


.privilege-tour .thumb-list ul li .date{ font: 500 18px 'db_helvethaica_x57_cond'; color:#dbc14a;  margin: 18px auto; line-height: 0.8em;}
.privilege-tour .thumb-list ul li hr{ display:block; width:18px; height:3px; background-color:#503c02; border:none; margin:17px 0;}
.privilege-tour .thumb-list ul li a.photo{ background-image:url(../images/bg-img-product.png); background-size:cover;}
.privilege-tour .thumb-list ul li a.name{font: 500 27px 'db_helvethaica_x77_bdcond'; color:#503c02; line-height: 0.8em; letter-spacing:0.017em;}
.privilege-tour .thumb-list ul li p{ font: 500 20px 'db_helvethaica_x47_licond'; color:#95999b;  margin: 9px auto; line-height: 1em; letter-spacing:0.017em;}
.privilege-tour .thumb-list ul li a.readmore{font: 500 18px 'db_helvethaica_x57_cond'; color:#9e8543; line-height: 0.8em; letter-spacing:0.017em;}

.privilege-tour .thumb-list ul li .social a.share-facebook{ background-image: url(../assets/img/icon-facebook.png); display:inline-block; width:12px; height:20px; margin:18px 0;}
.privilege-tour .thumb-list ul li .social a.share-twitter{ background-image: url(../assets/img/icon-twitter.png); display:inline-block; width:24px; height:20px; margin:18px 12px;}
.privilege-tour .thumb-list ul li .social a.share-twiiter{ background-image: url(../assets/img/icon-pinterest.png); display:inline-block; width:16px; height:20px;  margin:18px 0;}


.privilege-tour .thumb-list ul li .social a.share-facebook:hover{ background-image: url(../assets/img/icon-facebook-hover.png); display:inline-block; width:12px; height:20px; margin:18px 0;}
.privilege-tour .thumb-list ul li .social a.share-twitter:hover{ background-image: url(../assets/img/icon-twitter-hover.png); display:inline-block; width:24px; height:20px; margin:18px 12px;}
.privilege-tour .thumb-list ul li .social a.share-twiiter:hover{ background-image: url(../assets/img/icon-pinterest-hover.png); display:inline-block; width:16px; height:20px;  margin:18px 0;}

#floor .location .map{ float:left; width:57%; }
#floor .location .map img{ width:100%; }
#floor .location .info{ float: right; width:25%; margin-right:13%; }
#floor .location .info h1{ border-bottom:1px #9e8543 solid; padding-bottom: 7px; font: 500 16px 'Circularstd-Black'; color: #412d00;}
#floor .location .info .row{ margin: 7px 0 20px; color: #503c02; }
#floor .location .info .row h2{ color:#e6f631; padding-bottom:7px; margin-bottom:7px; border-bottom:1px #cccccc solid; font: 500 16px 'db_helvethaica_x77_bdcond'; letter-spacing: 0.02em; line-height:1.2em; }
#floor .location .info .row p{ font: 500 18px 'db_helvethaica_x57_cond'; line-height:1.2em; }
#floor .location .info .row p .text-bold{font: 500 18px 'db_helvethaica_x77_bdcond';}
#floor .location .info .row p label{font: 500 16px 'db_helvethaica_x77_bdcond';}
#floor .location .info .row p.label-padding{ padding-left:40px; position:relative; }
#floor .location .info .row p.label-padding label{ position:absolute; top:0; left:0; }

#search{ margin-top:150px; }
#search .posts-list ul li{ margin-bottom:25px; }
#search .posts-list ul li .photo{ overflow: hidden;}

/* phase 1 */

.box-preview .left .nav ul{ display:none; }
#posts-detail .content .detail{ padding-bottom:0; }

/* phase 2 */

#header #nav-bottom ul li .sub .inner{ text-align: center; max-width:80%; width:65%; }
#header #nav-bottom ul li .sub .category, #header #nav-bottom ul li .sub .feature{ float:none; display: inline-block; width:auto; vertical-align: top; }
#header #nav-bottom ul li .sub .feature{ width:350px; }
#header #nav-bottom ul li .sub .feature ul li{ width:47%; margin-left:6%;}

/*UPDATE COLOR : 2016-08-17*/

._article-readmore, .article .article-content a.readmore, .news-3-col .col-item .article-item .readmore,
.privilege-tour .thumb-list ul li .date,
.privilege-tour .thumb-list ul li a.readmore,
.article-detail.no-sidebar a.readmore,
.news-detail .related-news .related-item{
	color: #4b3921;
}
._article-date, article date, .news-3-col .col-item .article-item date{
	color: #cbc9c6
}
.article{
	border-color: #4b3921;
}

.article-headline h2{
	color: #503c02;
	border-color: #503c02;
	font-family: 'romain_bp_text_boldbold';
}
.tourist-header{
	text-align: center;
  margin: 60px 0;
  font: 500 14px 'romain_bp_text_regularregular';
  text-transform: uppercase;
  font-size: 24px;
  color: #4b3921;
}
.tourist-header strong{
	font-family: 'romain_bp_text_boldbold';
}

.news-detail .related-news .related-title span{
	font-size: 18px;
	color: #4b3921;
}

article h2.h2-latest,
.news-3-col .col-item .article-item p,
article p, article ul li{
	color: #000;
}

#program-info{
	margin-top: 0;
}

/*absolute*/
.absolute-wrapper * {
  -webkit-box-sizing: border-box !important;
     -moz-box-sizing: border-box !important;
          box-sizing: border-box !important;
}
.absolute-wrapper *:before,
.absolute-wrapper *:after {
  -webkit-box-sizing: border-box !important;
     -moz-box-sizing: border-box !important;
          box-sizing: border-box !important;
}
.absolute-wrapper .text-center{
	text-align: center;
}
.absolute-wrapper .btn-wrapper{
	margin: 25px 0;
	text-align: center;
}
.absolute-wrapper .btn{
	display: inline-block;
	color: #000;
	font-size: 21px;
	padding: 0 10px;
	border: 2px solid #000;
	font-family: 'db_helvethaica_x77_bdcond';
	text-transform: uppercase;

	-webkit-transition-property: background-color,color;
	-moz-transition-property: background-color,color;
	transition-property: background-color,color;

	-webkit-transition-duration: .3s;
	-moz-transition-duration: .3s;
	transition-duration: .3s;
}
.absolute-wrapper .btn:hover{
	background-color: #4b3921;
	color: #fff;

	-webkit-transition-property: background-color,color;
	-moz-transition-property: background-color,color;
	transition-property: background-color,color;

	-webkit-transition-duration: .3s;
	-moz-transition-duration: .3s;
	transition-duration: .3s;
}
.absolute-wrapper .space-80{
	margin: 80px 0 !important;
}
.absolute-wrapper .mb-80{
	margin-bottom: 80px !important;
}
.absolute-wrapper .mb-40{
	margin-bottom: 40px !important;
}
.absolute-wrapper .grid{
	font-size: 0;
}
.absolute-wrapper .grid a{
	display: block;
}
.absolute-wrapper .grid img{
	width: 100%;
}
.absolute-wrapper .grid .grid-3,
.absolute-wrapper .grid .grid-6{
	margin-bottom: 20px;
}
.absolute-wrapper .grid .grid-6{
	display: inline-block;
	width: 50%;
	vertical-align: top;
}
.absolute-wrapper .grid .grid-3{
	display: inline-block;
	width: 25%;
	vertical-align: top;
}
.absolute-wrapper [sp-control]{
	top: auto;
	bottom: 30px;
}
.absolute-wrapper [sp-control] a{
	background-color: #fff;
	opacity: 0.2;
}
.absolute-wrapper [sp-control] a.current{
	background-color: #fff;
	box-shadow: none;
	opacity: 1;
}
.absolute-wrapper .info-wrapper{
	background-color: #eee;
	text-align: center;
	font-family: sweet_sansbold;
	font-size: 13px;
	letter-spacing: 0.05em;
	padding: 10px;
}
.absolute-wrapper .info-wrapper a{
	color: #101214;
}
.absolute-wrapper .brand-wrapper{
	background-color: #f7f7f7;
}
.absolute-wrapper .brand-carousel{
	position: relative;
	padding: 0 50px;
}
.absolute-wrapper .slick-track{
	margin: 0 auto;
}
.absolute-wrapper .slick-slide{
	height: auto;
}
.absolute-wrapper .slick-slide img{
	margin: 0 auto;
}
.absolute-wrapper .brand-carousel .slick-arrow{
	position: absolute; z-index: 1;
	display: block; font-size: 0;
	background-color: transparent; border: none; outline: none;
	padding: 0; margin: 0;
	width: 30px; height: 30px;
	margin-top: -15px;
	top: 50%;
	cursor: pointer;
	opacity: 0.7;

	-webkit-transition: opacity .3s;
	-moz-transition: opacity .3s;
	transition: opacity .3s;

}
.absolute-wrapper .brand-carousel .slick-arrow:hover{
	opacity: 1;

	-webkit-transition: opacity .3s;
	-moz-transition: opacity .3s;
	transition: opacity .3s;
}
.absolute-wrapper .brand-carousel .slick-arrow:before,
.absolute-wrapper .brand-carousel .slick-arrow:after{
	content: '';
	background-color: #231f20;
	position: absolute;
	width: 20px; height: 4px;
}
.absolute-wrapper .brand-carousel .slick-arrow:before{
	transform: rotate(45deg);
}
.absolute-wrapper .brand-carousel .slick-arrow:after{
	transform: rotate(-45deg);
}
.absolute-wrapper .brand-carousel .slick-prev{
	left: 15px;
}
.absolute-wrapper .brand-carousel .slick-prev:before,
.absolute-wrapper .brand-carousel .slick-prev:after{
	-webkit-transform-origin: 2px center;
	-moz-transform-origin: 2px center;
	transform-origin: 2px center;
	left: 0;
}
.absolute-wrapper .brand-carousel .slick-next{
	right: 15px;
}
.absolute-wrapper .brand-carousel .slick-next:before,
.absolute-wrapper .brand-carousel .slick-next:after{
	-webkit-transform-origin: 18px center;
	-moz-transform-origin: 18px center;
	transform-origin: 18px center;
	right: 0;
}

.absolute-wrapper .hr{
	background-color: #4b3921;
	margin: 20px 0;
	width: 100%;
	height: 1px;
}
.absolute-wrapper .header{
	text-align: center;
	margin-bottom: 30px;
}
.absolute-wrapper .header h2{
	color: #000;
	font-size: 22px;
	letter-spacing: 0.05em;
	font-family: 'Gotham-Bold';
	text-transform: uppercase;
}
.absolute-wrapper .header h2 strong{
	font-family: 'Gotham-Bold';
}
.absolute-wrapper .banner{
	margin: 80px 0;
	width: 100%;
}
.absolute-wrapper .header p{
	font-size: 23px;
	letter-spacing: 0.05em;
	font-family: db_helvethaica_x47_licond;
}

.absolute-wrapper .campaign p{
	font-family: db_helvethaica_x57_cond;
	font-weight: bold;
	color: #000;
	font-size: 17px; letter-spacing: 0.05em;
}
.absolute-wrapper .campaign p{
	font-weight: normal;
}

.absolute-wrapper .explore .name,
.absolute-wrapper .update-list .name{
	font: 500 15px 'Circularstd-Black';
	color: #0a0a0a;
}

.absolute-wrapper .explore ul li .right p,
.absolute-wrapper .update-list p{
	font: 500 17px 'db_helvethaica_x47_licond';
  color: #79818c;
  line-height: 1.1em;
  letter-spacing: 0.05em;
}

.absolute-wrapper .explore .cat,
.absolute-wrapper .update-list .cat{
	color: #767676;
	font-family: db_helvethaica_x77_bdcond;
	font-size: 18px;
	letter-spacing: 0.05em;
}
.absolute-wrapper .explore .cat,
.absolute-wrapper .update-list .cat{
	text-transform: uppercase;
	display: block;
	margin: 10px 0;
}
.absolute-wrapper .update-list{
	text-align: left;
	margin-bottom: 80px;
}
.absolute-wrapper .update-list .img-wrapper{
	margin-bottom: 15px;
}

.absolute-wrapper .overlay-wrapper{
	position: relative;
	margin-bottom: 30px;
}
.absolute-wrapper .overlay-wrapper .overlay:before{
	content: '';
	position: absolute; left: 0; top: 0;
	width: 100%; height: 100%;
	background-color: #402d02;
	opacity: 0.5;
}

.absolute-wrapper .overlay .center-box{
	position: absolute;
	top: 50%;
	padding: 0 30px;
	text-align: left;
	-webkit-transform: translate(0,-50%);
	-moz-transform: translate(0,-50%);
	transform: translate(0,-50%);
}
.absolute-wrapper .overlay .view-more{
	text-transform: uppercase;
	font-size: 30px;
	font-family: db_helvethaica_x77_bdcond;
}
.absolute-wrapper .overlay .plus{
	width: 37px; height: 37px;
	display: inline-block;
	position: relative;
}
.absolute-wrapper .overlay .plus:before,
.absolute-wrapper .overlay .plus:after{
	content: '';
	display: block;
	background-color: #a3dd18;
	width: 100%; height: 2px;
	margin-top: -1px;
	position: absolute; left: 0; top: 50%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.absolute-wrapper .overlay .plus:after{
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	transform: rotate(90deg);
}
.absolute-wrapper .campaign .img-wrapper{
	text-align: center;
	margin-bottom: 20px;
}
.absolute-wrapper .campaign .name{
	font-size: 36px;
	font-family: psl_sirintrextra_proregular;
	color: #4b3921;
	line-height: 1em;
}
.absolute-wrapper .campaign p{
	color: #868583;
}
.absolute-wrapper .latest-box{
	padding-right: 15px;
}
.absolute-wrapper .voucher-bt{
	font-family: db_helvethaica_x77_bdcond;
	text-transform: uppercase;
	font-size: 18px;
	color: #000;
	letter-spacing: 0.05em;
	margin: 15px 0;
}
.absolute-wrapper .voucher-bt:hover{
	text-decoration: underline;
}
.absolute-wrapper .hr~.voucher-bt{
	margin-top: -5px;
}

#posts-detail.absolute-wrapper .content .heading{
	background-color: #4b3921;
}
#posts-detail.absolute-wrapper .content .heading img{
	margin-bottom: 20px;
}
#posts-detail.absolute-wrapper .content .heading h1,
#posts-detail.absolute-wrapper .content .heading p{
	color: #fff;
}
#posts-detail.absolute-wrapper .content .heading .cat{
	font-family: db_helvethaica_x47_licond;
	color: #a7a7a7;
	font-size: 18px;
	text-transform: uppercase;
	text-align: center;
	display: block;
}
#posts-detail.absolute-wrapper .content .detail{
	text-align: center;
}

.absolute-wrapper .voucher-banner{
	margin: 40px 0;
	text-align: center;
}
.absolute-wrapper .voucher-banner img{
	max-width: 100%;
}
.absolute-wrapper .voucher-article{
	font-size: 0;
}
.absolute-wrapper .voucher-article article{
	display: inline-block; vertical-align: top;
	width: 65%;
	border: none;
	padding: 0 10px;
}
.absolute-wrapper .voucher-article .related-wrapper{
	display: inline-block; vertical-align: top;
	width: 35%;
	padding: 0 10px;
	margin: 0 0 80px;
}
.absolute-wrapper .voucher-article .related-wrapper .related-headline{
	background-color: #4b3921;
	color: #fff;
	text-align: center;
	font-family: 'romain_bp_text_boldbold';
	font-size: 14px;
	line-height: 20px;
	padding: 9px 0;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}
.absolute-wrapper .voucher-article .related-wrapper .related-item{
	font-size: 0;
	display: block;
	position: relative;
}
.absolute-wrapper .voucher-article .related-wrapper .related-thumb{
	display: inline-block; vertical-align: top;
	width: 40%;
  overflow: hidden;
}

.absolute-wrapper .related-item .wrapper-scale{
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	transform: scale(1);

	-webkit-transition: transform .3s;
	-moz-transition: transform .3s;
	transition: transform .3s;
}
.absolute-wrapper .related-item:hover .wrapper-scale{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	transform: scale(1.1);

	-webkit-transition: transform .3s;
	-moz-transition: transform .3s;
	transition: transform .3s;
}

.absolute-wrapper .voucher-article .related-wrapper .related-thumb img{
	max-width: 100%;
	display: block;
	margin: 0 auto;
}
.absolute-wrapper .voucher-article .related-wrapper .related-title{
	width: 60%;
	color: #000;
	padding: 20px 0;
	position: absolute; left: 0; top: 0;
	margin-left: 40%;
	height: 100%;
	padding: 10px;
	text-align: left;
}
.absolute-wrapper .voucher-article .related-wrapper .related-title .name{
	font-size: 22px;
	font-family: db_helvethaica_x77_bdcond;
	color: #4b3921;
}
.absolute-wrapper .voucher-article .related-wrapper .related-title span{
	font-size: 18px;
	font-family: db_helvethaica_x47_licond;
	line-height: 1em;
	height: 2em;
	overflow: hidden;
	display: block;
}
.absolute-wrapper .voucher-article .related-wrapper .related-item{
	border-bottom: 1px solid #9e8543;
}
.absolute-wrapper .voucher-article #slider-wrap{
	position: relative;
}
.absolute-wrapper #happening-gallery #slider ul li{
	height: auto;
}
.absolute-wrapper .voucher-article #slider-wrap .badge-bt{
	position: absolute; right: 0; bottom: -100px;
	z-index: 10;

	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	transform: scale(1);

	-webkit-transition: transform .3s;
	-moz-transition: transform .3s;
	transition: transform .3s;
}
.absolute-wrapper .voucher-article #slider-wrap .badge-bt:hover{
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	transform: scale(1.05);

	-webkit-transition: transform .3s;
	-moz-transition: transform .3s;
	transition: transform .3s;

	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.absolute-wrapper .voucher-article .article-detail{
	position: relative;
	margin-left: 140px;
	margin-top: 40px;
	text-align: left;
	padding-bottom: 60px;
	margin-bottom: 60px;
}
.absolute-wrapper .voucher-article .article-detail:after{
	content: "";
	position: absolute; left: 0; top: 100%;
	width: 100%; height: 1px;
	background-color: #838588;
}
.absolute-wrapper .voucher-article .article-detail .article-title{
	color: #503c02;
	position: relative;
	font-size: 32px;
	font-family: psl_sirintrextra_proregular;
	padding-bottom: 20px;
	margin-bottom: 23px;
}
.absolute-wrapper .voucher-article .article-detail .article-title:after{
	content: ""; display: block;
	position: absolute; left: 0; top: 100%;
	width: 18px;
	height: 3px;
	background-color: #503c02;
}
.absolute-wrapper .voucher-article .article-detail h2{
	color: #503c02;
	font-size: 26px;
	font-family: psl_sirintrextra_proregular;
	margin: 21px 0;
}
.absolute-wrapper .voucher-article .article-detail .tinymce-voucher{
	font-family: "db_helvethaica_x47_licond";
	color: #78808b;
	font-size: 21px;
	font-weight: normal;
	line-height: 21px;
	letter-spacing: 0.03em;
}
.absolute-wrapper .voucher-article .article-detail .social{
	position: absolute; right: 100%; top: 0;
	width: 140px;
}
.absolute-wrapper .voucher-article .article-detail .social ul li{
	display: block;
	margin-left: 0;
	margin-top: 20px;
	vertical-align: bottom;
}
.absolute-wrapper .voucher-article .article-detail .social ul li:first-child{
	margin-top: 0;
}
.absolute-wrapper .voucher-article .article-detail .social ul li a{
	display: inline-block;
	opacity: 1;
	-webkit-transition: opacity .3s;
	-moz-transition: opacity .3s;
	transition: opacity .3s;
}
.absolute-wrapper .voucher-article .article-detail .social ul li a:hover{
	opacity: 0.5;
	-webkit-transition: opacity .3s;
	-moz-transition: opacity .3s;
	transition: opacity .3s;
}
.absolute-wrapper .parallax{
	padding: 100px 0;
	text-align: center;
	position: relative;
	overflow: hidden;
}
.absolute-wrapper .parallax .parallax-bg{
	position: absolute; width: 100%; height: 150vh;
	top: -100vh;
	z-index: -1;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.absolute-wrapper .parallax h1,
.absolute-wrapper .parallax p{
	color: #fff;
	letter-spacing: 0.05em;
	font-family: psl_sirintrextra_proregular;
}
.absolute-wrapper .parallax h1{
	font-size: 100px;
}
.absolute-wrapper .parallax p{
	font-size: 26px;
	font-family: sweet_sanslight;
}
.absolute-wrapper .parallax-banner{ cursor: pointer; }

.absolute-wrapper #signin {
	display: none;
	position: absolute;
	width: 100%;
	z-index: 1000;
	background: #fff;
	padding: 40px 0;
	border-bottom: solid 1px #11100f;
}
.absolute-wrapper #signin .wrap{
	width: 69%;
}
.absolute-wrapper #signin p input[type=text],
.absolute-wrapper #signin p input[type=password]{
	width: 100%;
}
.absolute-wrapper #signin #login,
.absolute-wrapper #signin #register{
	width: 50%;
}

body.ovh{
	overflow: hidden;
}

.absolute-wrapper #voucher-modal{
	position: fixed; left: 0; top: 0;
	width: 100%; height: 100%;
	z-index: 1001;
}
.absolute-wrapper #voucher-modal .overlay-bg{
	position: absolute; left: 0; top: 0;
	width: 100%; height: 100%;
	background-color: rgba(0,0,0,0.8);
}
.absolute-wrapper #voucher-modal .content-wrapper{
	position: relative;
	width: 100%; height: 100%;
	overflow: auto;
}
.absolute-wrapper #voucher-modal .content-wrapper .outer{
	width: 100%; height: 100%;
	display: table;
}
.absolute-wrapper #voucher-modal .content-wrapper .outer .inner{
	width: 100%; height: 100%;
	display: table-cell;
	vertical-align: middle;
}
.absolute-wrapper #voucher-modal .content{
	background-image: url(../images/absolute/voucher/modal-bg.png);
	background-size: cover;
	background-repeat: no-repeat;
	color: #fff;
	max-width: 1024px;
	padding: 50px;
	margin: 0 auto;
	position: relative;

	opacity: 0;
}

.absolute-wrapper #voucher-modal.active .content{
	opacity: 1;

	-webkit-transition: opacity .3s;
	-moz-transition: opacity .3s;
	transition: opacity .3s;
}

.absolute-wrapper #voucher-modal .content .close-bt{
	position: absolute;
	right: 10px; top: 10px;
	width: 44px; height: 44px;
	background-color: transparent; border: none; outline: none;
	cursor: pointer;
	opacity: 0.5;

	-webkit-transition: opacity .3s;
	-moz-transition: opacity .3s;
	transition: opacity .3s;
}
.absolute-wrapper #voucher-modal .content .close-bt:hover{
	opacity: 1;

	-webkit-transition: opacity .3s;
	-moz-transition: opacity .3s;
	transition: opacity .3s;
}
.absolute-wrapper #voucher-modal .content .close-bt:before,
.absolute-wrapper #voucher-modal .content .close-bt:after{
	content: '';
	width: 100%;
	position: absolute;
	background-color: #fff;
	height: 1px;
	left: 0; top: 50%;
}
.absolute-wrapper #voucher-modal .content .close-bt:before{
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
}
.absolute-wrapper #voucher-modal .content .close-bt:after{
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.absolute-wrapper #voucher-modal .content .heading{
	font-family: psl_sirintrextra_proregular;
	font-size: 23px;
}
.absolute-wrapper #voucher-modal .content .heading a{
	color: #4b3921;
	font-family: 'romain_bp_text_boldbold';
	font-size: 14px;
}
.absolute-wrapper #voucher-modal .content .title{
	font-size: 40px;
	line-height: 1em;
	font-family: romain_bp_text_regularregular;
}
.absolute-wrapper #voucher-modal .content .title b{
	font-weight: bold;
}
.absolute-wrapper #voucher-modal .content .msg{
	color: #fff;
	font-family: psl_sirintrextra_proregular;
	font-size: 24px;
	text-align: center;
	letter-spacing: 0.05em;
}
.absolute-wrapper #voucher-modal .content .gray-color{
	color: #929292;
}
.absolute-wrapper #voucher-modal .content .brand-color{
	color: #4b3921;
}
.absolute-wrapper #voucher-modal .content .badge-bt{
	display: block;
	margin: 0 auto;
	background-color: transparent; border: none; outline: none;
	cursor: pointer;
}
.absolute-wrapper #voucher-modal .content .note{
	color: #fff;
	font-size: 18px;
	font-family: db_helvethaica_x57_cond;
}
.absolute-wrapper #voucher-modal .content .submit-bt{
	text-transform: uppercase;
	font-size: 14px;
	font-family: 'romain_bp_text_boldbold';
	background-color: #fff;
	color: #4b3921;
	border: solid 1px #4b3921;
	display: block; outline: none;
	cursor: pointer;
	font-weight: bold;
	padding: 7px 40px;
	margin: 20px auto;

	-webkit-transition-property: background-color,color;
	-moz-transition-property: background-color,color;
	transition-property: background-color,color;

	-webkit-transition-duration: .3s;
	-moz-transition-duration: .3s;
	transition-duration: .3s;
}
.absolute-wrapper #voucher-modal .content .submit-bt:hover{
	background-color: #4b3921;
	color: #fff;

	-webkit-transition-property: background-color,color;
	-moz-transition-property: background-color,color;
	transition-property: background-color,color;

	-webkit-transition-duration: .3s;
	-moz-transition-duration: .3s;
	transition-duration: .3s;
}
.absolute-wrapper #voucher-modal .content .spin-box{
	position: relative;
	width: 100%;
	margin: 0 auto;

	-webkit-perspective: 500px;
				perspective: 500px;
-webkit-perspective-origin: 50% 50%;
				perspective-origin: 50% 50%;
}

.absolute-wrapper #voucher-modal .content .spin-box .box{
	position: relative;
  margin: 20px auto;
  width: 300px;
  height: 126px;;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;

	-webkit-animation: rotateX 4s 1 ease;
	animation: rotateX 4s 1 ease;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

@keyframes rotateX{
	0%{
		transform: rotateX(0deg);
	}
	100%{
		transform: rotateX(-2070deg);
	}
}
@-webkit-keyframes rotateX{
	0%{
		-webkit-transform: rotateX(0deg);
	}
	100%{
		-webkit-transform: rotateX(-2070deg);
	}
}

.absolute-wrapper #voucher-modal .content .spin-box .box .face{
	display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 300px;
  height: 126px;
}
.absolute-wrapper #voucher-modal .content .spin-box .box .face img{
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;

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

.absolute-wrapper #voucher-modal .content .spin-box .box .front{
	-webkit-transform: translateZ(63px);
          transform: translateZ(63px);
}

.absolute-wrapper #voucher-modal .content .spin-box .box .back {
  -webkit-transform: translateZ(-63px) rotateY(-180deg) rotateZ(180deg);
          transform: translateZ(-63px) rotateY(-180deg) rotateZ(180deg);
}

.absolute-wrapper #voucher-modal .content .spin-box .box .top {
  -webkit-transform: translateY(-63px) rotateX(90deg);
          transform: translateY(-63px) rotateX(90deg);
}

.absolute-wrapper #voucher-modal .content .spin-box .box .bottom {
  -webkit-transform: translateY(63px) rotateX(-90deg);
          transform: translateY(63px) rotateX(-90deg);
}
.absolute-wrapper #voucher-modal .content #result{
	position: relative;
	padding-top: 10%;
}
.absolute-wrapper #voucher-modal .content #result .result-msg{
	position: absolute; width: 100%; top: 0;
}
.absolute-wrapper #voucher-modal .content #result .msg,
.absolute-wrapper #voucher-modal .content #result .submit-bt{
	opacity: 0;
}
.absolute-wrapper #voucher-modal .content #result.active .msg{
	opacity: 1;
	-webkit-transition: opacity .6s ease;
	-moz-transition: opacity .6s ease;
	transition: opacity .6s ease;
}
.absolute-wrapper #voucher-modal .content #result.active .submit-bt{
	opacity: 1;
	/*-webkit-transition: opacity .6s .1s ease;
	-moz-transition: opacity .6s .1s ease;
	transition: opacity .6s .1s ease;*/
}

.absolute-wrapper #voucher-modal .content .result-wrapper img{
	margin: 0 auto;
	display: block;
	max-width: 100%;
}
.absolute-wrapper #voucher-modal .content .badge-bt img{
	-webkit-animation: voucher-pulse  1s infinite;
	animation: voucher-pulse  1s infinite;

	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
@-webkit-keyframes voucher-pulse {
	0%,100%{
		-webkit-transform: translate3d(0,0,0) scale(1);
	}
	50%{
		-webkit-transform: translate3d(0,0,0) scale(1.04);
	}
}
@keyframes voucher-pulse {
	0%,100%{
		transform: translate3d(0,0,0) scale(1);
	}
	50%{
		transform: translate3d(0,0,0) scale(1.04);
	}
}

.absolute-wrapper #voucher-modal .content #step3 > *{
	opacity: 0;
}
.absolute-wrapper #voucher-modal .content #step3.active > *{
	opacity: 1;
	transition: opacity .6s;
}
.absolute-wrapper #voucher-modal .content #step3.active > *:nth-child(1){
	transition-delay: .1s;
}
.absolute-wrapper #voucher-modal .content #step3.active > *:nth-child(2){
	transition-delay: .2s;
}
.absolute-wrapper #voucher-modal .content #step3.active > *:nth-child(3){
	transition-delay: .3s;
}
.absolute-wrapper #voucher-modal .content #step3.active > *:nth-child(4){
	transition-delay: .4s;
}

.absolute-wrapper .shop-recommend .heading{
	background-color: #000;
	color: #fff;
	font-size: 28px;
	font-family: 'romain_bp_text_regularregular';
	text-align: center;
	padding: 0.25em 0;
}
.absolute-wrapper .shop-recommend .tab-header{
	background-color: #e8e8e8;
	text-align: center;
	padding: 5px 0;
}
.absolute-wrapper .shop-recommend .tab-header li,
.absolute-wrapper .shop-recommend .tab-content li{
	display: inline-block;
	margin: 4px 10px;
}
.absolute-wrapper .shop-recommend .tab-header a{
	font-size: 14px;
	font-family: 'sweet_sansbold';
	color: #adadad;

	-webkit-transition: color .3s;
	-moz-transition: color .3s;
	transition: color .3s;
}
.absolute-wrapper .shop-recommend .tab-header a:hover,
.absolute-wrapper .shop-recommend .tab-header a.active{
	color: #000;
	-webkit-transition: color .3s;
	-moz-transition: color .3s;
	transition: color .3s;
}
.absolute-wrapper .shop-recommend .tab-content{
	text-align: center;
	padding: 15px 10px;
	margin-bottom: 70px;
}
.absolute-wrapper .shop-recommend .tab-content.hide{
	display: none;
}
.absolute-wrapper .shop-recommend .tab-content a{
	font-family: 'sweet_sansregular';
	font-size: 14px;
	color: #7f7f7f;
	-webkit-transition: color .3s;
	-moz-transition: color .3s;
	transition: color .3s;
}
.absolute-wrapper .shop-recommend .tab-content a:hover,
.absolute-wrapper .shop-recommend .tab-content a.active{
	font-family: 'sweet_sansbold';
	color: #000;
	-webkit-transition: color .3s;
	-moz-transition: color .3s;
	transition: color .3s;
}
.absolute-wrapper .shop-recommend-grid{
	font-size: 0;
}
.absolute-wrapper .shop-recommend-grid .item{
	width: 50%;
	display: inline-block;
	margin-bottom: 80px;
}
.absolute-wrapper .shop-recommend-grid .item .item-thumb{
	position: relative;
	width: 100%;
	padding-top: 102%;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}
.absolute-wrapper .grid >.promotion-item{
	margin-bottom: 60px;
}
.absolute-wrapper .grid >.no-overlay .overlay{
	display: none;
}
.absolute-wrapper .overlay-wrapper .overlay:before{
	opacity: 0.5;

	-webkit-transition: opacity .3s;
	-moz-transition: opacity .3s;
	transition: opacity .3s;
}
.absolute-wrapper .overlay-wrapper:hover .overlay:before{
	opacity: 0;
	display: block;

	-webkit-transition: opacity .3s;
	-moz-transition: opacity .3s;
	transition: opacity .3s;
}
.absolute-wrapper .overlay-wrapper .overlay .center-box > *{
	opacity: 1;
	-webkit-transform: translate(0,0);
	-moz-transform: translate(0,0);
	transform: translate(0,0);

	-webkit-transition-duration: .3s;
	-moz-transition-duration: .3s;
	transition-duration: .3s;

	-webkit-transition-property: opacity,transform;
	-moz-transition-property: opacity,transform;
	transition-property: opacity,transform;
}
.absolute-wrapper .overlay-wrapper:hover .overlay .center-box > *{
	opacity: 0;
	-webkit-transform: translate(0,-10px);
	-moz-transform: translate(0,-10px);
	transform: translate(0,-10px);

	-webkit-transition-duration: .3s;
	-moz-transition-duration: .3s;
	transition-duration: .3s;

	-webkit-transition-property: opacity,transform;
	-moz-transition-property: opacity,transform;
	transition-property: opacity,transform;
}
.absolute-wrapper .promotion-item .overlay .cat{
	font-family: 'db_helvethaica_x77_bdcond';
	text-transform: uppercase;
	font-size: 22px;
	color: #fff;
	letter-spacing: 0.05em;
}
.absolute-wrapper .promotion-item .overlay .title{
	font-family: 'Gotham-Book';
	text-transform: uppercase;
	font-size: 3vw;
	color: #fff;
	line-height: 1;
	margin-bottom: 0.5em;
}
.absolute-wrapper .promotion-item .overlay .title strong{
	font-family: 'Gotham-Bold';
}
.absolute-wrapper .promotion-item.grid-6 .overlay .title{
	font-size: 3vw;
}
.absolute-wrapper .promotion-item.grid-6 .overlay .title strong{
	font-size: 4vw;
}
.absolute-wrapper .promotion-item.grid-3 .overlay .title{
	font-size: 1.5vw;
}
.absolute-wrapper .promotion-item.grid-3 .overlay .title strong{
	font-size: 2vw;
}
.absolute-wrapper .promotion-item .overlay p{
	color: #fff;
}
.absolute-wrapper .promotion-item p{
	font-family: 'db_helvethaica_x57_cond';
	font-size: 21px;
	color: #5e5e5e;
	line-height: 1em;
	max-height: 3em;
	overflow: hidden;
}
.absolute-wrapper .promotion-item .latest-box .name{
	font-size: 22px;
	letter-spacing: 0.05em;
	font-family: db_helvethaica_x77_bdcond;
	color: #000;
	line-height: 1em;
	text-transform: uppercase;
	margin-bottom: 10px;
}
.absolute-wrapper .promotion-item .bt-wrapper a{
	display: inline-block;
	font-size: 16px;
	font-family: 'db_helvethaica_x77_bdcond';
	background-color: transparent;
	color: #000;
	padding: 0 10px;
	border: solid 1px #000;
	margin: 0 10px 10px 0;
	letter-spacing: 0.05em;
	-webkit-transition-property: background-color,color;
	-moz-transition-property: background-color,color;
	transition-property: background-color,color;
	-webkit-transition-duration: .3s;
	-moz-transition-duration: .3s;
	transition-duration: .3s;
}

.absolute-wrapper .promotion-item .bt-wrapper a:hover{
	background-color: #4b3921;
	color: #fff;
	-webkit-transition-property: background-color,color;
	-moz-transition-property: background-color,color;
	transition-property: background-color,color;
	-webkit-transition-duration: .3s;
	-moz-transition-duration: .3s;
	transition-duration: .3s;
}

#promotion-wrap{ margin-bottom: 60px; }

#fullscreen{ display:none; position:fixed; left:0; top:0; background:#FFF; width:100%; height:100%; z-index:5555; }
#fullscreen #left{ float:left; width:25%; }
#fullscreen #left #content{ padding:20px; }
#fullscreen #right{ float:right; width:75%; height:100%; position:relative; }
body.fullscreen-open{ height:100%; overflow:hidden; }
#fullscreen #left h1{ font:600 13px 'twentytwelve_regular'; line-height:1.1em; margin-bottom:20px; }
#fullscreen #left #desc{ font:500 16px 'DBOzoneX'; color:#555; }

#fullscreen #control{ position:absolute; top:0; right:0; background:#FFF; padding:20px; }
#fullscreen #control ul{ }
#fullscreen #control ul li{ float:left; margin:0 8px; font: 500 18px "DBOzoneX-Medium"; color:#9898a2; line-height:1.3em; }

#fullscreen #fslider{ width:100%; height:100%; overflow:hidden; position:relative; background:#FCFCFC; vertical-align:middle; }
#fullscreen #fslider ul{ display:block; width:100%; height:100%; overflow:hidden; }
#fullscreen #fslider ul li{ float:left; display:block; width:100%; height:100%; text-align:center; /*visibility:hidden;*/ }
#fullscreen #fslider ul li.current{ visibility:visible; }
#fullscreen #fslider ul li img{ display:inline-block; max-width:100%; max-height:100%; vertical-align:middle; }
#fullscreen #fslider ul li:before { content: ' '; display: inline-block; vertical-align: middle; height: 100%; }

#fullscreen #fthumbnail{ display:none; width:100%; height:100%; overflow:hidden; background:#FFF; }
#fullscreen #fthumbnail ul{ margin:75px 0 0 0; }
#fullscreen #fthumbnail ul li{ float:left; display:block; width:180px; height:120px; margin:0 20px 20px 0; text-align:center; }
#fullscreen #fthumbnail ul li img{ height:100%; opacity:0.6;  }
#fullscreen #fthumbnail ul li:hover img, #fullscreen #fthumbnail ul li.current img{ opacity:1; }


/*SOCIAL : 2017-01-28*/
/*post-detail*/
#posts-detail .social{
  text-align: right;
}
#posts-detail .social ul{
  text-align: right;
	margin: 20px 0;
}
#posts-detail .social li{
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
}
#posts-detail .social li a{
  width: 24px; height: 20px;
  font-size: 0; line-height: 0;
  display: block;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  -webkit-transition: background 0.6s cubic-bezier(0.125, 0.75, 0.415, 1);
  -moz-transition: background 0.6s cubic-bezier(0.125, 0.75, 0.415, 1);
  transition: background 0.6s cubic-bezier(0.125, 0.75, 0.415, 1);
}

#posts-detail .social li a.facebook{
  background-image: url(../assets/img/icon-facebook.svg);
}
#posts-detail .social li a.facebook:hover{
  background-image: url(../assets/img/icon-facebook-hover.svg);
}
#posts-detail .social li a.twitter{
  background-image: url(../assets/img/icon-twitter.svg);
}
#posts-detail .social li a.twitter:hover{
  background-image: url(../assets/img/icon-twitter-hover.svg);
}
#posts-detail .social li a.pinterest{
  background-image: url(../assets/img/icon-pinterest.svg);
}
#posts-detail .social li a.pinterest:hover{
  background-image: url(../assets/img/icon-pinterest-hover.svg);
}