@charset "utf-8";
/* Elements
============= */
body {min-width:1349px; background-color:#000; margin:0; padding:0; }





/* Paragraph Style
============= */
h1, h2, h3, h4, h5, h6 {margin:0; line-height:1.4em; }

h1 {font-size:36px; }
h2 {font-size:30px; }
h3 {font-size:24px; }
h4 {font-size:18px; }
h5 {font-size:14px; }
h6 {font-size:12px; }

ul, ol {margin-top:0; }

body, p, td, th, li {font:14px/1.4em Arial, Helvetica, sans-serif; color:#000; }

blockquote {margin:0 0 18px 18px; color:#666; font-style:italic; }

strong {font-weight:bold; }
em {font-style:italic; }

p {margin:20px 0 0; }
p:first-child {margin-top:0; }

a:link, a:visited {color:#000; text-decoration:none; }
a:hover, a:active {color:#666; }
/* End Paragraph Style ------------- */





/* Standard Style
============= */
.bold {font-weight:600; }
.italic {font-style:italic; }
.soft {color:#d3d3d3; }
.small {font-size:.625em; }
.large {font-size:1em; }

.left {float:left; }
.right {float:right; }

.img-left {float:left; margin:20px 20px 20px 0; }
.img-right {float:right; margin:20px 0 20px 20px; }

.align-right {text-align:right; }
.align-left {text-align:left; }
.align-center {text-align:center; }
.align-justify {text-align:justify; }

.hide {display:none; }
.block {display:block !important; }
.inline {display:inline !important; }

.clear {height:0px; display:block; padding:0; margin:0; line-height:0; clear:both; overflow:hidden; visibility:hidden; }

.clear-float::after {content:''; height:0px; display:block; padding:0; margin:0; line-height:0; clear:both; overflow:hidden; visibility:hidden; }
/* End Standard Style ------------- */





/* Standard Layout
============= */
.page-center {min-width:1349px; max-width:1366px; height:100%; position:relative; margin:0 auto; }
/* End Standard Layout ------------- */





/* Wrapper Style
============= */
#wrapper {width:100%; height:100%; position:relative; margin:0 auto; }





/* Header Style
============= */
#header {width:100%; height:56px; background-color:#000; border-bottom:1px solid #fff; position:fixed; left:0; top:0; margin:0 auto; overflow:hidden; z-index:999; }


#header .logo {width:150px; height:44px; display:block; background:url('../img/share/logo.png') no-repeat; position:absolute; left:12px; top:4px; }
#header .logo a {width:100%; height:100%; display:block; text-indent:-9999px; }


#header .mainmenu {position:absolute; right:15px; top:0; }
#header .mainmenu ul {padding:0; margin:0; list-style:none; }
#header .mainmenu ul li {float:left; margin-left:60px; }
#header .mainmenu ul li:first-child {margin-left:0; }
#header .mainmenu ul li a {font-size:14px; line-height:56px; color:#fff; text-transform:uppercase; transition:color 0.3s ease; }
#header .mainmenu ul li a:hover,
#header .mainmenu ul li.active a {color:#c90205; }
/* End Header Style ------------- */





/* Container Style
============= */
#container {width:100%; position:relative; padding-bottom:60px; margin:0 auto; }
/* End Container Style ------------- */





/* Footer Style
============= */
#footer {width:100%; height:60px; background-color:#000; border-top:1px solid #222; position:fixed; left:0; bottom:0; margin:0 auto; overflow:hidden; }
#footer p {font-size:14px; line-height:60px; color:#fff; text-align:center; }
/* End Footer Style ------------- */


/* End Wrapper Style ------------- */

/* End Elements ------------- */





/* Share */
.page {padding:80px 0 68px; }


.title {text-align:center; }
.title h1 {font-size:30px; color:#fff; }
.title p {font-size:14px; color:#fff; }
.title p i {font-size:16px; }


a.btn-back {background:url('../img/icon/back.png') no-repeat; float:left; padding-left:24px; font-weight:bold; font-size:18px; line-height:18px; clear:both; color:#000; transition:margin-left 0.3s ease; }
a.btn-back:hover {margin-left:-10px; }





/* Home */
#home {padding-top:56px; }

.highlight-banner {width:100%; position:relative; }
.highlight-banner .slide {padding:0; margin:0; list-style:none; }
.highlight-banner .slide li {line-height:0; }
.highlight-banner .slide li + li {display:none; }
.highlight-banner .bx-wrapper .slide li {display:block; }
.highlight-banner img {width:100%; }

.highlight-banner .nav-num {width:100%; position:absolute; left:0; bottom:-40px; text-align:center; }
.highlight-banner .nav-num .bx-pager-item {width:12px; height:12px; display:inline-block; margin:0 9px; }
.highlight-banner .nav-num .bx-pager-item a {width:100%; height:100%; display:block; background-color:#757575; border-radius:100%; text-indent:-9999px; transition:background-color 0.3s ease; }
.highlight-banner .nav-num .bx-pager-item a:hover,
.highlight-banner .nav-num .bx-pager-item a.active {background-color:#fff; }


.section-introduction {width:1150px; margin:90px auto 0; }
.section-introduction .title {margin-bottom:35px; }

.section-introduction .left,
.section-introduction .right {width:47.5%; }
.section-introduction p {padding:0 14%; font-size:16px; color:#fff; text-align:center; }

.section-introduction p.highlight {position:relative; padding-left:65px; }
.section-introduction p.highlight span {position:absolute; left:0; top:22px; font-size:70px; }





/* Product */
#product {height:738px; background:#74797d url('../img/product/bg.jpg') 50% 0 no-repeat; position:relative; }

#product .title h1,
#product .title p {color:#000; }


.cat-product {padding:0; margin:30px 0 0; list-style:none; text-align:center; }
.cat-product li {width:280px; height:410px; display:inline-block; background-color:#000; box-shadow:0 4px 10px rgba(35, 31, 32, 0.7); margin-left:20px; overflow:hidden; text-align:center; }
.cat-product li:first-child {margin-left:0; }
.cat-product li a {width:100%; height:100%; display:block; position:relative; }
.cat-product li a span {position:relative; font-size:30px; line-height:410px; color:#fff; text-shadow:0 0 10px rgba(0, 0, 0, 0.8); }

.cat-product li a img {position:absolute; left:0; top:0; transition:all 0.5s ease; }
.cat-product li:nth-of-type(1) img {left:-160px; top:-46px; }
.cat-product li:nth-of-type(2) img {left:-130px; }
.cat-product li:nth-of-type(3) img {left:-72px; }
.cat-product li:nth-of-type(4) img {left:-36px; }

.cat-product li a:hover img {transform:translate(-140px, 0); }


#product .load-content {width:100%; height:100%; background:#74797d url('../img/product/bg.jpg') 50% 0 no-repeat; position:absolute; left:0; top:0; padding-top:40px; opacity:0; visibility:hidden; }
#product .load-content .page-center {overflow:hidden; }

#product .load-content .section-listing {width:100%; display:block; position:absolute; left:0; top:85px; }
#product .load-content .section-listing .img {float:left; margin-left:200px; }
#product .load-content .section-listing .detail {width:460px; float:right; margin-right:120px; }
#product .load-content .section-listing .detail p {font-size:16px; }

#product .load-content .section-listing .detail .group-btn {margin-top:20px; }
#product .load-content .section-listing .detail .group-btn a {display:block; float:left; margin-top:15px; font-weight:bold; font-size:14px; text-transform:uppercase; color:#917a4e; clear:both; transition:color 0.3s ease; }
#product .load-content .section-listing .detail .group-btn a::before {content:''; width:10px; height:10px; display:inline-block; background-color:#917a4e; margin-right:5px; transition:background-color 0.3s ease; }
#product .load-content .section-listing .detail .group-btn a:hover {color:#423724; }
#product .load-content .section-listing .detail .group-btn a:hover::before {background-color:#423724; }

#product .load-content .section-listing.diningroom .detail .group-btn div {margin:10px 0 0; overflow:hidden; }
#product .load-content .section-listing.diningroom .detail .group-btn p {display:block; font-weight:bold; font-size:16px; color:#917a4e; }
#product .load-content .section-listing.livingroom .detail .group-btn a,
#product .load-content .section-listing.diningroom .detail .group-btn a,
#product .load-content .section-listing.accessories .detail .group-btn a {width:115px; margin-top:5px; clear:none; }



#product .load-content .section-type {width:100%; display:block; position:absolute; left:100%; top:85px; }
#product .load-content .section-type .slide-img {width:500px; height:485px; border:1px solid #e3e3e3; position:relative; float:left; margin-left:200px; }
#product .load-content .section-type .slide-img .slide {padding:0; margin:0; list-style:none; overflow:hidden; }
#product .load-content .section-type .slide-img .slide li {line-height:0; }
#product .load-content .section-type .slide-img .slide li + li {display:none; }
#product .load-content .section-type .slide-img .bx-wrapper .slide li {display:block; }

#product .load-content .section-type .slide-img .nav-num {width:100%; position:absolute; left:0; bottom:-40px; text-align:center; }
#product .load-content .section-type .slide-img .nav-num .bx-pager-item {width:12px; height:12px; display:inline-block; margin:0 9px; }
#product .load-content .section-type .slide-img .nav-num .bx-pager-item a {width:100%; height:100%; display:block; background-color:#fff; border-radius:100%; text-indent:-9999px; transition:background-color 0.3s ease; }
#product .load-content .section-type .slide-img .nav-num .bx-pager-item a:hover,
#product .load-content .section-type .slide-img .nav-num .bx-pager-item a.active {background-color:#757575; }
#product .load-content .section-type .detail {width:440px; float:right; margin-right:138px; }
#product .load-content .section-type .detail .btn-back {display:block; margin-top:20px; }

#product .load-content .section-type .detail h1 {border-bottom:1px solid #000; padding-bottom:10px; margin:34px 0 20px; font-size:24px; text-transform:uppercase; }
#product .load-content .section-type .detail div {margin-top:20px; }
#product .load-content .section-type .detail div::after {content:''; height:0px; display:block; padding:0; margin:0; line-height:0; clear:both; overflow:hidden; visibility:hidden; }
#product .load-content .section-type .detail div h2,
#product .load-content .section-type .detail div p {width:38%; display:block; float:left; font-weight:bold; font-size:16px; text-transform:uppercase; }
#product .load-content .section-type .detail div p {width:60%; float:right; margin:0; font-weight:normal; font-size:15px; }

#product .load-content .section-type .detail div.clear {margin:0; }





/* Promotion */
#promotion {height:670px; background:url('../img/promotion/bg.jpg') 50% 0 no-repeat; }
#promotion h1 {color:#fff; }

.slide-promotion {width:1180px; position:relative; margin:70px auto 0; }
.slide-promotion .slide {padding:0; margin:0; list-style:none; overflow:hidden; }
.slide-promotion .slide li {width:580px; display:block; float:left; margin-left:20px; transition:filter 0.3s ease; }
.slide-promotion .slide li:first-child {margin-left:0; }
.slide-promotion .slide li + li + li {display:none; }
.slide-promotion .bx-wrapper .slide li {margin-left:0; }
.slide-promotion .bx-wrapper .slide li + li + li {display:block; }
.slide-promotion .slide h2 {margin-top:30px; font-size:18px; color:#c90205; }
.slide-promotion .slide p {margin-top:15px; font-size:14px; color:#fff; }

.slide-promotion .slide:hover li {filter:grayscale(80%); -webkit-filter:grayscale(80%); -moz-filter:grayscale(80%); }
.slide-promotion .slide:hover li:hover {filter:grayscale(0%); -webkit-filter:grayscale(0%); -moz-filter:grayscale(0%); }

.slide-promotion .btn-prev,
.slide-promotion .btn-next {width:45px; height:69px; display:block; position:absolute; left:-70px; top:110px; }
.slide-promotion .btn-next {left:auto; right:-70px; }

.slide-promotion .btn-prev a,
.slide-promotion .btn-next a {width:100%; height:100%; display:block; background:url('../img/icon/prev.png') 10px 0 no-repeat; transition:all 0.3s ease; text-indent:-9999px; }
.slide-promotion .btn-next a {background-image:url('../img/icon/next.png'); background-position:0 0; }
.slide-promotion a.disabled {opacity:0.2; }

.slide-promotion .btn-prev:hover a {background-position:0 0; }
.slide-promotion .btn-next:hover a {background-position:10px 0; }





/* Stores */
#stores {height:710px; background:url('../img/upload/bg-siam-paragon.jpg') 50% 0 no-repeat; transition:background-image 0.5s ease; }

.section-location {margin-top:46px; }
.section-location .show-img {width:520px; height:350px; background:url('../img/upload/store-siam-paragon.jpg') no-repeat; float:left; margin-left:130px; transition:background-image 0.5s ease; }
.section-location .list-location {width:580px; float:right; padding:0; margin:0 60px 0 0; list-style:none; }
.section-location .list-location * {color:#fff; }

.section-location .list-location li {border-bottom:1px solid #252525; padding-bottom:2px; margin-bottom:14px; overflow:hidden; cursor:pointer; transition:opacity 0.3s ease; }
.section-location .list-location h2 {margin-bottom:10px; font-size:18px; }
.section-location .list-location p {width:60%; float:left; padding-left:30px; margin-top:0; font-size:0; line-height:2em; transition:all 0.3s ease; }
.section-location .list-location .location {background:url('../img/icon/location.png') 0 5px no-repeat; }
.section-location .list-location .tel {width:38%; background:url('../img/icon/tel.png') 0 2px no-repeat; float:right; }

.section-location .list-location li.active p {font-size:14px; }
.section-location .list-location li.active {padding-bottom:14px; }

.section-location .list-location:hover li {opacity:0.3; }
.section-location .list-location:hover li:hover {opacity:1; }