/* 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");

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, em, img, ins, kbd, q, s, samp,
small, strike, strong, 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:''; clear: both; display:block; height:0; visibility: hidden; }
.wrap{ width:69%; margin:auto; display: block;}
.text-right{ text-align:right; }

.modal-loading {
    display:    none;
    position:   fixed;
    z-index:    9999;
    top:        0;
    left:       0;
    height:     100%;
    min-height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 )
                url('../images/loading.gif')
                50% 50%
                no-repeat;

    -webkit-transition: opacity 2s ease-in-out;
    -moz-transition: opacity 2s ease-in-out;
    -ms-transition: opacity 2s ease-in-out;
    -o-transition: opacity 2s ease-in-out;
     opacity: 0;
}
body.loading {
    overflow: hidden; height:100%;
}
body.loading .modal-loading {
    opacity: 1;
    display: block;
}

#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; }
#header #logo{ text-align:center; padding:40px 0; }
#header .mobile-download{ position:absolute; right:20px; top:13px; }
#header #nav-top{ text-align:center; position:relative; }
#header #nav-top a{ color:#9E9E9E; font:500 14px 'Circularstd-Book'; }
#header #nav-top .nav-sign{ position:absolute; top:7px; left:10px; vertical-align:middle; }
#header #nav-top .nav-sign a{ margin:0 7px; 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 14px; padding:7px; }
#header #nav-top .nav-main a:hover{ text-decoration:underline; }
#header #nav-top .nav-main a.current{ font-family:'Circularstd-Black'; color:#78808a; }
#header #nav-top br.clear{ display:none; }

#header #nav-bottom{ background:#484c55; margin:5px 0 0; text-align:center; position:relative; }
#header #nav-bottom i.fa-search{ position:absolute; right:10px; top:6px; font-size:16px; color:#FFF; cursor:pointer; }
#header #nav-bottom ul{ display:block; width:100%; text-align:center; position:relative; }
#header #nav-bottom ul li{ display:inline-block; margin:0 15px; }
#header #nav-bottom ul li a{ color:#FFF; font:500 14px 'sweet_sansregular'; display:inline-block; padding:7px 0; }
#header #nav-bottom ul li a:hover{ text-decoration:underline; }
#header #nav-bottom ul li a.current{ font-family:'sweet_sansbold'; color:#F2F2F2; }
#header #nav-bottom ul li .sub{
	visibility:hidden;
	max-height:0;
	width:80%;
	background:#FFF;
	position:absolute;
	left:10%;
	top:100%;
	overflow:hidden;
	z-index:9999;
	-webkit-transition: all 0.5s ease-out;
       -moz-transition: all 0.5s ease-out;
        -ms-transition: all 0.5s ease-out;
         -o-transition: all 0.5s ease-out;
            transition: all 0.5s ease-out;
}
/*#header #nav-bottom ul li:nth-child(1) .sub{
	visibility:visible;
	max-height:2000px;
}*/
#header #nav-bottom ul li:hover .sub{
	visibility:visible; max-height:2000px;
	-webkit-transition: all 1s ease-in;
       -moz-transition: all 1s ease-in;
        -ms-transition: all 1s ease-in;
         -o-transition: all 1s ease-in;
            transition: all 1s ease-in;
}
#header #nav-bottom ul li .sub a{ color:#000; }
#header #nav-bottom ul li .sub .inner{ display:table; width:96%; padding: 10px 2%;
	border:1px #EEE solid; border-top:none;
}
#header #nav-bottom ul li .sub .category, #header #nav-bottom ul li .sub .feature{
	float:none; display: table-cell; width:auto; vertical-align: top;
}
#header #nav-bottom ul li .sub .feature h2{ text-align: right; font:500 14px 'sweet_sansbold'; padding:10px 0; }
#header #nav-bottom ul li .sub .col{ float:left; text-align:left; margin:0 40px 20px 0; }
#header #nav-bottom ul li .sub .col a.parent{ font: 500 14px 'sweet_sansbold'; }
#header #nav-bottom ul li .sub .col ul{ width:auto; text-align:left; }
#header #nav-bottom ul li .sub .col ul li{ display:block; margin:0; }
#header #nav-bottom ul li .sub .col ul li a{ font-size:11px; padding:2px 0; }
#header #nav-bottom ul li .sub .feature{ width:350px; }
#header #nav-bottom ul li .sub .feature ul li{ width:47%; margin-left:6%; }
#header #nav-bottom ul li .sub .feature ul{ text-align:left; }
#header #nav-bottom ul li .sub .feature ul:after{ content:'.'; clear:both; display:block; height:0; visibility:hidden; }
#header #nav-bottom ul li .sub .feature ul li{ float:left; display:block; width:45%; margin:0 0 0 10%; }
#header #nav-bottom ul li .sub .feature ul li:first-child{ margin:0; }
#header #nav-bottom ul li .sub .feature ul li .photo{ display:block; padding:0; }
#header #nav-bottom ul li .sub .feature ul li .photo img{ width:100%; }
#header #nav-bottom ul li .sub .feature ul li .name{ font:500 13px 'Circularstd-Book'; color:#aeaeae; display:block; margin:5px 0; }
#header #nav-bottom ul li .sub .feature ul li p{ font:500 13px 'Circularstd-Book'; }

#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: #484c55;
	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:#484c55; 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 span.current{ color:#000; }

#footer{ width:100%; padding:50px 0 30px; background:#79818c; color:#FFF; text-align:left; }
#footer .wrap{ display:block; width:48%; }
#footer .wrap .mobile-download{ display:none; }
#footer a{ color:#FFF; }
#footer .col{ float:left; width:30%; margin-left:5%; }
#footer .first{ margin:0; }
#footer .first a.find{ display:inline-block; padding:2px 5px; border:2px #FFF solid; font:500 12px 'sweet_sansbold'; }
#footer .first a.admin-link{ font:500 11px 'sweet_sansbold'; }
#footer .first p{ font: 500 12px 'Circularstd-Book'; line-height:1.5em; margin:10px 0 0; }
#footer .first a.ask, #footer .first a.privacy{ font:500 24px 'db_helvethaica_x77_bdcond'; }
#footer .first a.ask img{ margin:10px 0 0; width:55px; }
#footer .second h3{ font:500 12px 'Circularstd-Black'; margin-bottom:5px; }
#footer .second p{ font: 500 12px 'Circularstd-Book'; line-height:1.5em; margin-bottom:15px; }
#footer .second p a{ font-size:13px; }
#footer .second label{ font: 500 11px 'Circularstd-Book'; line-height:1.5em; }
#footer .third{ width:36%; }
#footer .third ul{ display:block; width:48%; }
#footer .third ul.left{ float:left; }
#footer .third ul.right{ float:right; }
#footer .third ul li{ display:block; margin:0 0 7px; }
#footer .third ul li a{ font:500 11px 'sweet_sansbold'; }
#footer .col-floor h3{ margin-bottom: 8px; }
#footer .col-floor h3 a{ font: 500 12px 'Circularstd-Black'; }
#footer .col-floor ul li{ display:block; margin:0 0 10px; vertical-align:middle; }
#footer .col-floor ul li a{ font:500 11px 'sweet_sansbold'; color:#FFF; position:relative; padding-left:50px; display:inline-block; }
#footer .col-floor ul li a span{ position:absolute; left:33px; top:0; }
#footer .col-floor ul li a img{ position:absolute; left:0; top:-3px; width:18px; }


#footer .bottom{ text-align:center; font:500 13px 'Circularstd-Book'; margin:40px 0 0; line-height:1.6em; }
#footer .bottom strong{ font-size:15px; }
#footer .bottom a{ display:inline-block; vertical-align:middle; margin-left:7px; position:relative; top:-2px; }

.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:100%; padding:10px 4%; background:url(../images/bg-opacity.png?v=1.0) repeat; }
.box-preview .left .nav h1{ font: 500 18px 'Circularstd-Black'; }
.box-preview .left .nav h2{ font: 500 16px 'Circularstd-Book'; margin:5px 0; }
.box-preview .left .nav hr{ width:20px; height:2px; background:#000; border:none; margin:4px 0 6px; display: inline-block;}
.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:100%; height:100%; opacity:0; position:absolute; top:0; left:0; font:500 24px 'DBOzoneX-Bold'; color:#000; background:url(../images/bg-opacity.png?v=1.0) repeat; }
.box-preview .left a.desc{ background-image:url(../images/bg-opacity-gray.png?v=1.0); color:#FFF; }
.box-preview a.desc div{ display: table-cell; vertical-align: middle; text-align:center; }
.box-preview a.desc h3{ padding:0 10px;  line-height:1em; }
.box-preview a.desc p{ padding:10px; font: 500 20px 'db_helvethaica_x47_licond'; 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.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;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
#wowslider-container1 {margin-bottom: 70px;}
#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:#f3f3f3; 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 #e5e5e5 solid; padding:10px 20px; color:#000; }
#popular h1{ background:#484c55; display:block; width:100%; padding:20px 0; font:500 16px 'Circularstd-Book'; color:#FFF; text-align:center; }
#popular h1 strong{ font-family:'Circularstd-Black'; }
#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; }
#popular ul li a.photo img{ width:100%; }
#popular ul li .desc{ background:#FFF; padding:10px 10px 15px; /*height: 4em !important;*/ text-align: left; }
#popular ul li .desc a{ font:500 13px 'Circularstd-Book'; color:#aeaeae; }
#popular ul li .desc p{ font:500 13px 'Circularstd-Book'; color:#aeaeae; }

.explore{ margin:70px auto 50px; }
.explore h2{ text-align:center; font:500 24px 'sweet_sansregular'; margin-bottom:30px; }
.explore h2 strong{ font-family:'sweet_sansbold'; }
.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{ font:500 21px 'db_helvethaica_x77_bdcond'; color:#0a0a0a; }
.explore ul li .right p{ font:500 17px 'db_helvethaica_x47_licond'; color:#79818c; line-height:1.1em; letter-spacing:0.05em; margin-top:5px; }

#product-detail{ margin:0 0 40px; position:relative; }
#product-detail .back{ position:absolute; left:10px; top:-35px; }
#product-detail .back a{ display:inline-block; }
#product-detail .back a img{ width:71px; opacity:0.2; }
#product-detail .back a:hover img{ opacity:1; }
#product-detail .left{ width:50%; float:left; }
#product-detail .left .zoomWrapper{ text-align:center; overflow:hidden; }
#product-detail .left img.preview{ width:100% !important; height:auto !important; position:static !important; }
#product-detail .left .note{ font:500 18px 'db_helvethaica_x47_licond'; color:#000; margin:10px 0; }
#product-detail .left #gallery img{ width:100px; }
#product-detail .right{ width:35%; float:right; }
#product-detail .right h1{ font:500 24px 'sweet_sansbold'; }
#product-detail .right .brand, #product-detail .right .color, #product-detail .right .size, #product-detail .right .floor, #product-detail .right .shop{ font:500 20px 'db_helvethaica_x47_licond'; letter-spacing:0.02em; }

.color-circle{ display: inline-block; width:16px; height:16px; vertical-align: middle;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	-o-border-radius: 16px;
	border-radius: 16px;
	border:1px #AAA solid;
	overflow: hidden;
}
.color-circle div{ display:inline-block; height: 24px; }
.color-1 div{ width:100%; }
.color-2 div{ width:50%; margin-right:-4px; }
.color-3 div{ width:33.33%; margin-right:-4px; }

#product-detail .color-circle{margin-left:15px;}

#product-detail .right .ui-accordion .ui-accordion-header .ui-accordion-header-icon{ left:auto; right:10px; }
#product-detail .right .ui-accordion .ui-accordion-content{ font:500 18px 'db_helvethaica_x47_licond'; padding:15px 20px; }
#product-detail .right .ui-accordion .ui-accordion-icons{ padding-left:20px; }
#product-detail .right .ui-accordion .ui-accordion-header{ font:500 14px 'Circularstd-Black'; background:none; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0; margin:0; border-top:none; }
#product-detail .right .ui-corner-bottom{ -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0; }
#product-detail .right .ui-widget{ border-top:1px #AAA solid; margin-top:20px; }
#product-detail .right .special{ margin:20px 0 0; }
#product-detail .right .special img{ width: 25px; margin-right:5px; }
#product-detail .right .button{ margin:20px 0 0; text-align:center; }
#product-detail .right .button a{ display:inline-block; padding:7px 0; margin:0 1%; width:46.5%; font:500 18px 'DBOzoneX'; color:#AAA; border:1px #AAA solid; text-align:center; }
#product-detail .right .button a.hasfavorite i{ color:red; }
#product-detail .right .button a.hasfavorite i:before{ content:"\f004"; }
#product-detail .right .button a#btn-favorite i{ font-size:13px; margin:0 7px 0 0; }

#product-detail .inspiration{ margin:70px 0; }
#product-detail .inspiration h2{ font:500 24px 'sweet_sansregular'; text-align:center; margin-bottom:30px; }
#product-detail .inspiration h2 strong{ font-family:'sweet_sansbold'; }
#product-detail .inspiration ul{ display:block; }
#product-detail .inspiration ul:after{ content:'.'; clear:both; display:block; height:0; visibility:hidden; }
#product-detail .inspiration ul li{ float:left; width:25%; display:block; }
#product-detail .inspiration ul li a.photo{ display:block; overflow:hidden; }
#product-detail .inspiration ul li a.photo img{ width:100%; }
#product-detail .inspiration ul li .desc{ background:#FFF; padding:10px; }
#product-detail .inspiration ul li .desc a{ font:500 22px 'psl_sirintrextra_proregular'; color:#0A0A0A; line-height: 0.8em; }
#product-detail .inspiration ul li .desc p{ margin:10px 0 0; font:500 17px 'db_helvethaica_x47_licond'; color:#79818c; line-height: 1.1em; letter-spacing: 0.05em; }

#hilight h1{ text-align:center; font:500 24px 'sweet_sansregular'; }
#hilight h1 strong{ font-family:'sweet_sansbold'; }
#hilight ul{ display:block; margin:30px 0 0; }
#hilight ul:after{ content:'.'; clear:both; display:block; height:0; visibility:hidden; }
#hilight ul li{ float:left; display:block; width:25%; margin:0 0 25px; }
#hilight ul li .photo{ display:block; }
#hilight ul li .photo img{ width:100%; }
#hilight ul li .name{ font:500 24px 'psl_sirintrextra_proregular'; line-height:0.8em; color:#79818c; display:block; margin:10px 0 7px; padding-right:5px; }
#hilight ul li p{ font:500 20px 'db_helvethaica_x47_licond'; color:#000; line-height:0.9em; height:36px; overflow:hidden; padding-right:5px; }

#product .explore{ margin:70px auto 50px; background:#F2F2F2; padding:40px; }
#product .category{ margin:70px 0 0; }
#product .category .nav{ float:left; width:14.5%; }
#product .category .list{ float:right; width:80.5%; }
#product .category .nav h2{ font: 500 18px 'Circularstd-Black'; }
#product .category .nav ul{ display:block; margin:15px 0 0; }
#product .category .nav ul li{ display:block; border-bottom:1px #CCC solid; }
#product .category .nav ul li:first-child{ border-top:1px #CCC solid; }
#product .category .nav ul li a{ display:block; font:500 12px 'Circularstd-Black'; color:#000; padding:7px 0; }
#product .category .nav ul li a:hover, #product .category .nav ul li a.current{ color:#CCC; }
#product .category .nav ul li ul{ display:none; margin:0 0 0 15px; }
#product .category .nav ul li ul li{ border:none; }
#product .category .nav ul li ul li:first-child{ border:none; }
#product .category .nav ul li ul li:last-child{ margin-bottom:10px; }
#product .category .list .tool{ padding:10px 0 0; }
#product .category .list .tool .left{ display:none; float:left; width:40%; }
#product .category .list .tool .left label{ display:block; font:500 12px 'sweet_sansbold'; margin-bottom:10px; }
#product .category .list .tool .left select{ padding:3px 10px; border:1px #CCC solid; font:500 13px 'sweet_sansbold'; }
#product .category .list .tool .right{ float:right; width:50%; }
#product .category .list .tool .right label{ display:block; font:500 12px 'Circularstd-Black'; margin-bottom:10px; text-align:right; }
#product .category .list .grid{ margin:10px 0 20px; }
#product .category .list .grid ul{ display:block; }
#product .category .list .grid ul:after{ content:'.'; clear:both; display:block; height:0; visibility:hidden; }
#product .category .list .grid ul li{ display:block; float:left; width:25%; }
#product .category .list .grid ul li a{ display:block; }
#product .category .list .grid ul li a img{ width:100%; }
#product .category .list .grid ul li .box{ border:1px #CCC solid; border-top-color:#FFF; border-right-color:#FFF; position:relative; border-color:#FFF !important; }
#product .category .list .grid ul li .box .desc{ display:table !important; width:100%; height:100%; position:absolute; top:0; left:0; text-align:center; visibility:hidden; }
#product .category .list .grid ul li .box .desc div{ display:table-cell; vertical-align:middle; }
#product .category .list .grid ul li .box .desc h4{ font:500 24px 'psl_sirintrextra_proregular'; color:#000; line-height: 0.9em; margin-bottom: 5px;}
#product .category .list .grid ul li .box .desc p{ font:500 16px 'psl_sirintrextra_proregular'; color:#000; }
#product .category .list .grid ul li:hover .box .photo{ opacity:0.2; }
#product .category .list .grid ul li:hover .box .desc{ visibility:visible; }
#product .category .list .grid ul li:nth-child(-n+3) .box{ border-top-color:#CCC; }
#product .category .list .grid ul li:nth-child(3) .box,
#product .category .list .grid ul li:nth-child(5) .box,
#product .category .list .grid ul li:nth-child(6) .box,
#product .category .list .grid ul li:nth-child(13) .box,
#product .category .list .grid ul li:nth-child(15) .box{ border-right-color:#CCC; }
#product .category .list .grid ul li:nth-child(n+6):nth-child(-n+10){ float:right; }
#product .category .list .grid ul li:nth-child(1),
#product .category .list .grid ul li:nth-child(6),
#product .category .list .grid ul li:nth-child(11){ width:50%; }
#product .category .list .grid ul li:nth-child(1),
#product .category .list .grid ul li:nth-child(6),
#product .category .list .grid ul li:nth-child(11){ width:50%; }

#product .recent{ margin:60px 0 0; }
#product .recent h2{ font:500 20px 'sweet_sansbold'; width:69%; margin:0 auto 15px; }
#product .recent .content{ background:#F2F2F2; padding:40px 0; }
#product .recent .content ul{ display:block; }
#product .recent .content ul:after{ content:'.'; clear:both; display:block; height:0; visibility:hidden; }
#product .recent .content ul li{ float:left; display:block; width:14%; margin-left:3.2%; }
#product .recent .content ul li:first-child{ margin:0; }
#product .recent .content ul li img{ width:100%; }
#product .recent .content ul li .photo{ display:block; margin-bottom:15px; }
#product .recent .content ul li .photo img{ width:100%; }
#product .recent .content ul li .name{ font:500 16px 'sweet_sansbold'; color:#000; }
#product .recent .content ul li .desc{ font:500 14px 'sweet_sansregular'; color:#AAA; line-height:1em; margin:5px 0; }
#product .recent .content ul li .price{ font:500 14px 'sweet_sansregular'; color:#000; }

#grouplist{ width:69%; margin:40px auto 70px; }
#grouplist .nav{ font:500 18px 'DBOzoneX'; color:#CCC; margin-bottom:20px; }
#grouplist .nav a{ font:500 18px 'psl_sirintrextra_proregular'; color:#CCC; margin:0 10px; }
#grouplist .nav a.current, #grouplist .nav a:hover{ color:#000; }
#grouplist #recent, #grouplist #recommend{ overflow:hidden; }
#grouplist .flexslider .slides{ z-index:3; }
#grouplist .flexslider .slides > li{ position:relative; }
#grouplist .flexslider .slides > li .photo{ display:block; margin-bottom:15px; }
#grouplist .flexslider .slides > li .photo img{ width:100%; }
#grouplist .flexslider .slides > li .name{ font:500 16px 'psl_sirintrextra_proregular'; color:#000; padding-right:5px; }
#grouplist .flexslider .slides > li .desc{ font:500 12px 'sweet_sansregular'; color:#AAA; line-height:1em; margin:5px 0; padding-right:5px; }
#grouplist .flexslider .slides > li .price{ display:none; font:500 16px 'psl_sirintrextra_proregular'; color:#000; }
#grouplist .flexslider{ border:none; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0; margin:0; box-shadow:none; }
#grouplist .flex-direction-nav a{ opacity:1; width: 30px; height: 60px; margin: -30px 0 0; }
#grouplist .flex-direction-nav a::before{ font-family:'FontAwesome'; font-size:60px; }
#grouplist .flex-direction-nav .flex-prev{ left:10px; }
#grouplist .flex-direction-nav .flex-prev::before{ content:"\f104"; }
#grouplist .flex-direction-nav .flex-next{ right:10px; }
#grouplist .flex-direction-nav .flex-next::before{ content:"\f105"; }
#grouplist .flex-direction-nav .flex-disabled{ opacity:0.3 !important; }

#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 .shop{ position:relative; margin:100px 0 60px; }
#posts-detail .shop h2{ font:500 16px 'sweet_sansbold'; padding-bottom:15px; border-bottom:1px #CCC solid; }
#posts-detail .shop .new-arrials{ position:absolute; top:0; right:0; display:inline-block; border:1px #CCC solid; font:500 13px 'sweet_sansbold'; padding:3px 50px; color:#000; }
#shop-new-in{ text-align:right; }
#shop-new-in a{ text-decoration:underline; font:500 20px 'Circularstd-Book'; color:#000; }

#posts-detail .shop ul{ display:block; margin:30px 0 0; }
#posts-detail .shop ul:after{ content:'.'; clear:both; display:block; height:0; visibility:hidden; }
#posts-detail .shop ul li{ float:left; display:block; width:16.66%; margin:0 0 10px; }
#posts-detail .shop ul li img{ width:100%; }
#posts-detail .shop ul li .photo{ display:block; margin-bottom:15px; }
#posts-detail .shop ul li .photo img{ width:100%; }
#posts-detail .shop ul li .name{ font:500 16px 'sweet_sansbold'; color:#000; }
#posts-detail .shop ul li .desc{ font:500 14px 'sweet_sansregular'; color:#AAA; line-height:1em; margin:5px 0; }
#posts-detail .shop ul li .price{ font:500 14px 'sweet_sansregular'; color:#000; }

#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%; margin-bottom:0; }
#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; }

#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:100%; height:auto; margin-bottom:0; }
#posts-detail .content .detail table.twocolumn td:nth-child(1){ padding-right:10px; }
#posts-detail .content .detail table.twocolumn td:nth-child(2){ padding-left:10px; }

#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: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'; }

#newin{ margin:0 0 50px; }
#newin .wrap{ width:90%; max-width:1240px; position:relative; }
#newin .nav{ float:left; width:14.5%; }
#newin .nav .menu-mobile{ display:none; }
#newin .list{ float:right; width:80.5%; }
#newin .nav h2{ font:500 18px 'Circularstd-Black'; }
#newin .nav h3{ font:500 14px 'Circularstd-Book'; border-width:5px; margin:0 0 3px; padding:10px 0 8px; position:relative; }
#newin .nav h3:after{ content:''; display:block; width:20px; height:1px; background:#CCC; position:absolute; left:0; bottom:0;  }
#newin .nav ul{ display:block; }
#newin .nav ul li{ display:block; border-bottom:1px #CCC solid; }
#newin .nav ul.ul-all li:first-child{ border-top:1px #CCC solid; }
#newin .nav ul li a{ display:block; font:500 12px 'Circularstd-Black'; color:#000; padding:7px 0; }
#newin .nav ul li a:hover, #newin .nav ul li a.current{ color:#CCC; }
#newin .list ul{ display:block; }
#newin .list ul.left{ float:left; width:66%; }
#newin .list ul.right{ float:right; width:30%; padding-top:55px; }
#newin .list ul li{ display:block; margin-bottom:30px; }
#newin .list ul li img{ width:100%; }
#newin .list ul li .desc{ margin:15px 0 0; display:block; font:500 20px 'db_helvethaica_x47_licond'; color:#000; }
#newin .list ul li .desc p{ margin:1px 0 0; }
#newin .banner{ margin:70px auto 0; }
#newin .filter{ position:absolute; top:0; right:0; background:#FFF; width:24.5%; }
#newin .filter-type{ text-align:center; }
#newin .filter-type h4{ cursor: pointer; display:inline-block; width:46%; padding:7px 0; font:500 20px 'db_helvethaica_x47_licond'; color:#8d8d8d;  text-align:center; border:1px #CCC solid; margin:0 0.5%; }
#newin .filter-box{ display:none; margin-top:10px; border:1px #CCC solid; padding:30px 10px 30px 20px; position:relative; }
#newin .filter-box .fa-remove{ position:absolute; right:5px; top:5px; color:#999; }
#newin .filter-box .scrollbar-wrap{ height:300px; position:relative; overflow:hidden; }
#newin .filter-box ul{ display:block; padding-right:30px; }
#newin #color-box ul li{ display:block; float:left; width:33.33%; text-align: center; margin-bottom:10px; cursor:pointer; }
#newin #color-box ul li.active{ color:#CCC; }
#newin #color-box ul li p{ font:500 24px 'db_helvethaica_x77_bdcond'; margin-top:5px;  text-transform: uppercase;}
#newin #brand-box ul li{ display:block; margin-bottom:10px; font:500 24px 'db_helvethaica_x77_bdcond'; cursor:pointer; }
#newin #brand-box ul li.active{ color:#CCC; }

.ps-container > .ps-scrollbar-x-rail,
.ps-container > .ps-scrollbar-y-rail { opacity: 1 !important; }
.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y{ width:4px !important; border-radius: 0 !important; }
.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y{ background-color:#FFF; }
.ps-container.ps-active-x > .ps-scrollbar-x-rail, .ps-container.ps-active-y > .ps-scrollbar-y-rail{
	background-color:#FFF !important; border-radius: 0 !important; width:4px !important; border:1px #333 solid;
}

#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 18px '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 h3{ font-size:24px; font-family:'db_helvethaica_x77_bdcond'; line-height:0.8em; margin:5px 0 5px; }
#floor .box .info ul{ display:block; padding:10px 0 10px 0; }
#floor .box .info ul li{ display:inline-block; margin:0 10px 10px 0; padding-left:13px; position: relative; }
#floor .box .info ul li:after{ content:''; display:block; width:7px; height:7px; background:#FFF; position: absolute; left:0; top:7px; border-radius:7px; }
#floor .location .absolute{ float:left; width:25%; }
#floor .location .absolute img{ max-width:100%; }
#floor .location .map{ float:left; width:30%; margin-left:5%; }
#floor .location .map img{ max-width:100%; }
#floor .location .info{ float:right; width:35%; }
#floor .location .info h1{ font:500 22px 'sweet_sansbold'; line-height:1em; color:#182d88; margin:0 0 30px; }
#floor .location .info h2{ font:500 22px 'sweet_sansbold'; line-height:1.1em; color:#79818c; margin:0 0 30px; }
#floor .location .info p{ font:500 15px 'sweet_sansregular'; color:#79818c; margin:0 0 25px; }

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: 100%; font: 500 14px 'sweet_sansregular';
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	box-sizing: border-box !important;
}
#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;}

#playtheme{ margin-bottom: 70px; }
#playtheme .keyvisual{ width: 100%; margin-bottom: 70px; }
#playtheme .keyvisual img{ width: 100%; }
#playtheme h2.name{  font:500 18px 'Circularstd-Book'; color:#999; margin: 0 0 20px;}
#playtheme h1.name{ margin:70px 0 20px; }
#playtheme h1.name a{ font: 500 18px 'Circularstd-Book'; color: #484c55; }
#playtheme .eco .left{ width: 50%; float: left;}
#playtheme .eco .left img{ width: 100%; }
#playtheme .eco .right{ width: 50%; float: right;}
#playtheme .eco .right img{ width: 100%; }
#playtheme #wowslider-container1 .ws_bullets{ width:100%; padding:0; top:15px; }
#playtheme #wowslider-container1 .ws_bullets div{ width:100%; text-align:center; }
#playtheme #wowslider-container1 .ws_bullets a{ padding:6px; }
#playtheme #promotion{ margin:70px auto; width:70%; }
#playtheme #promotion .flexslider{ border:none; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0; margin:0; }
#playtheme .box-preview{ margin-top:70px; }
#playtheme .product-more{ text-align:right; margin:15px 0 0; }
#playtheme .product-more a{ opacity: 0.6; }
#playtheme .product-more a img{ width:71px; }
#playtheme .product-more a:hover{opacity: 1;}
#playtheme .product-list ul{ display:block; }
#playtheme .product-list ul.left{ float:left; width:66%; }
#playtheme .product-list ul.right{ float:right; width:30%; }
#playtheme .product-list ul li{ display:block; margin-bottom:30px; }
#playtheme .product-list ul li img{ width:100%; }
#playtheme .product-list ul li .desc{ margin:15px 0 0; display:block; font:500 20px 'db_helvethaica_x47_licond'; color:#000; }
#playtheme .product-list ul li .desc p{ margin:1px 0 0; }
#playtheme #hilight{ margin-top:70px; }
#playtheme #hilight h1{ word-spacing:8px; }

#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;}
#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;
    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)}

#playtheme-landing .banner{ margin:70px auto; width:65%; }

/*.box-playtheme{ display:table; }
.box-playtheme .col{ display:table-cell; vertical-align:top; }*/
.box-playtheme:after{ content:'.'; clear: both; display: block; height:0; visibility: hidden;}
.box-playtheme .large{ float: left; width:66.75%; position:relative; }
.box-playtheme .large img{ width:100%; }
.box-playtheme .large .name{ display: block; position: absolute; top: 0; left: 0; width:94%; padding:2% 3%; background-image:url(../images/bg-opacity.png); font: 500 20px 'Circularstd-Book'; color:#000; }
.box-playtheme .thumb{ float: right; width:33.25%; height:100%; }
.box-playtheme .thumb .row{ padding:0 0 0 1px; position: relative; overflow: hidden;}
.box-playtheme .thumb .row img{ width:100%; }
.box-playtheme .thumb .above{ padding-bottom: 1px;}
.box-playtheme-second .large{ float: right; }
.box-playtheme-second .thumb{ float: left; }
.box-playtheme-second .thumb .row{ padding:0 1px 0 0; }
.box-playtheme-second .thumb .above{ padding-bottom: 1px;}

.box-playtheme a.desc{ display:table; width:101%; height:100%; opacity:0; position:absolute; top:0; left:0; font:500 24px 'DBOzoneX-Bold'; color:#000; background:url(../images/bg-opacity.png?v=1.0) repeat; }
.box-playtheme a.desc div{ display: table-cell; vertical-align: middle; text-align:center; }
.box-playtheme a.desc h3{ padding:0 10px; font: 500 17px 'sweet_sansbold'; line-height:1em; }
.box-playtheme a.desc i{ display:block; width:24px; height:24px; margin:10px auto 0; background:url(../images/icon-plus.png) no-repeat; background-size:cover; }
.box-playtheme .thumb .row:hover a.desc{
	opacity:1;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.modal-dialog{ max-width:400px; margin:10px auto !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; }

#favorite .topic{ text-align:center; margin-bottom:40px; }
#favorite .topic a{ color:#c0c0c0; display:inline-block; padding:20px 30px; font:500 20px 'Circularstd-Book'; }
#favorite .topic a i{ margin-right:10px; }
#favorite .topic a.nav-favorite{ border-right:1px #343434 solid; }
#favorite .topic a.current{ color:#343434; }
#favorite .introduce{ text-align: center; padding:30px 100px; margin:0 auto 40px; width:500px; border:2px #b4b4b4 solid; }
#favorite .introduce h2{ font: 500 18px 'Circularstd-Black'; color:#343434; }
#favorite .introduce p{ font: 500 11px 'Circularstd-Book'; color:#b4b4b4; margin:10px 0 30px; line-height:1.6em; }
#favorite .introduce div a{ display:inline-block; background:#898989; font: 500 10px 'Circularstd-Book'; color:#FFF; padding:5px 0; margin:0 3px; width:150px; }

#favorite-list ul{ display:block; }
#favorite-list ul:after{ content:'.'; clear:both; display:block; height:0; visibility:hidden; }
#favorite-list ul li{ display:block; width:30%; float:left; margin:0 5% 30px 0; text-align:center; }
#favorite-list ul li:nth-child(3n+3){ margin-right:0; }
#favorite-list ul li .photo{ display:block; width:100%; height:100%; overflow: hidden; }
#favorite-list ul li .photo img{ width:100%; }
#favorite-list ul li .name{ font:500 18px 'Circularstd-Black'; color:#444; margin-top:10px; display:block; }
#favorite-list ul li p{ font:500 15px 'Circularstd-Book'; color:#444; margin:10px 0; }
#favorite-list ul li div{ font:500 14px 'Circularstd-Book'; margin-top:7px; padding:0 10px; }
#favorite-list ul li .button{ margin-top:25px; }
#favorite-list ul li .button a{ display:inline-block; padding:3px 7px; border:1px #000 solid; color:#000; font: 500 11px 'sweet_sansbold'; margin:0 2px; }
#favorite-list ul li .button a i{ margin-right:5px; }
#favorite-list ul li .button a.btn-wish-list{ background:#898989; color:#FFF; }

.happening-nav{ margin-bottom:40px; }
.happening-nav ul{ display:block; width:100%; text-align:center; }
.happening-nav ul li{ display:inline-block; padding:0 20px; margin:0; border-left:1px #000 solid;}
.happening-nav ul li:first-child{ border-left:none;}
.happening-nav ul li a{ font: 500 14px 'sweet_sansregular'; color:#000;}
.happening-nav ul li a.current{font: 500 14px 'sweet_sansbold'; color:#78808a;}
.happening-nav ul li a:hover {text-decoration: underline;}


.news-detail .related-news .best-offer{ margin-bottom:25px; }
.news-detail .related-news .best-offer img{ width:100%; }

#reservation-list{ margin-top:50px; margin-bottom:90px; }
#reservation-list h1{ font: 500 32px 'db_helvethaica_x47_licond'; color:#a6a6a6; }
#reservation-list ul{ display:block; width:100%; }
#reservation-list ul li{ display:block; width:100%; margin-top:30px; }
#reservation-list ul li img{ width:100%; }

.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; height:180px; overflow:hidden; }
.privilege-tour .thumb-list ul li .photo img{ height:100%; }


.privilege-tour .thumb-list ul li .date{ font: 500 18px 'db_helvethaica_x57_cond'; color:#c6c6c6;  margin: 18px auto; line-height: 0.8em;}
.privilege-tour .thumb-list ul li hr{ display:inline-block; width:18px; height:3px; background-color:#000; 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{display: block;font: 500 27px 'db_helvethaica_x77_bdcond'; color:#000; 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{display: block;font: 500 18px 'db_helvethaica_x57_cond'; color:#000; 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;}

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

/* phase 1 */

/*
#header #nav-top{ background:#79818c; }
#header #nav-top a{ color:#FFF; }
#header #nav-bottom ul{ display:none; }*/

#header #nav-top .nav-main a.forth, #header #nav-top .nav-main a.fifth{ display:none; }
.box-preview .left .nav ul{ display:none; }
#footer .third{ display:none; }
#product-detail .banner{ margin-top:70px; }
#posts-detail .content .detail{ padding-bottom:0; }
#product-detail .right .button{ text-align:left; }
#product-detail .banner{ display:none; }

/*happening-nav*/
#program-info{
	margin-top: 0;
}