@font-face {
	font-family:'yxfont';
	font-style:normal;
	src:url("../font/yxfont.woff2") format("woff2");
	font-display:swap
}

* {
	word-wrap:break-word;
	outline:none
}
html,body,div,span,h1,h2,h3,h4,p,a,dl,dt,dd,ol,ul,li,fieldset,legend,label,form,input,select,option,textarea,button,table,tr,th,td {margin:0;padding:0;vertical-align:baseline;color:#121212;font-weight:400;font-size:15px;line-height:165%;font-family:'yxfont',Arial,sans-serif}
body {-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;overflow-x:hidden}
img {border:0;vertical-align:middle;max-width:100%}
p {margin:12px 0}
h1,h2,h3,h4,h5 {font-size:30px;line-height:normal;margin:0 0 16px;font-weight:700;font-family:'Avenir Next';color:#161618}
h2 {font-size:27px}
h3 {font-size:23px}
h4 {font-size:17px}
h5 {font-size:16px}
ul,li {list-style:none}
a {color:#333;text-decoration:none;outline:none}
a:hover {color:#c1a683;text-decoration:underline}
.clear {clear:both;width:100%;height:0;overflow:hidden}
.hide {display:none}
.center {text-align:center}
.right {text-align:right}
.fleft {float:left}
.fright {float:right}
.remark {color:#999;font-size:11px}
.red {color:red}
.blue {color:#06f}
.yellow {color:#ff0}
.checked,.green {color:#13c4a5}
del {color:#999;font-size:11px}
.pd20 {padding:20px}
.mt10 {margin-top:10px}
.mt20 {margin-top:20px}
.mt30 {margin-top:30px}
.fs16 {font-size:16px}
.fs18 {font-size:18px}
.fs24 {font-size:24px}
.if {display:inline-block}
.if-spin {-webkit-animation:if-spin 1s infinite linear;animation:if-spin 1s infinite linear}
.if-pulse {-webkit-animation:if-spin 1s infinite steps(8);animation:if-spin 1s infinite steps(8)}
@-webkit-keyframes if-spin {0% {-webkit-transform:rotate(0deg);transform:rotate(0deg)}
100% {-webkit-transform:rotate(359deg);transform:rotate(359deg)}
}
@keyframes if-spin {0% {-webkit-transform:rotate(0deg);transform:rotate(0deg)}
100% {-webkit-transform:rotate(359deg);transform:rotate(359deg)}
}
.row1,.row2 {overflow:auto}
.row1 li,.row2 li {list-style:none;overflow:hidden;white-space:nowrap;cursor:pointer;margin:2px 0}
.row1 li {display:inline-block;padding:2px 5px;margin-right:5px}
.row1 li.checked {background-color:#13c4a5;color:#fff}
.badge,.badge-green,.badge-gray,.badge-cyan,.badge-red {display:inline-block;height:16px;line-height:16px;padding:0 5px;color:#fff;font-size:10px;background-color:#ff5722;white-space:nowrap;font-weight:400 !important;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px}
.badge-green {background-color:#13c4a5}
.badge-cyan {background-color:#2f4056 !important}
.badge-gray {background-color:#eee;color:#666 !important}
.badge-red {background-color:#ed5565}
.badge-radius {display:inline-block;height:22px;line-height:22px;border:1px solid #eee;padding:0 10px;font-weight:300;font-size:14px;color:#999;border-radius:11px;-webkit-border-radius:11px;-moz-border-radius:11px}
.label-discount {display:inline-block;background-color:#e12c43;padding:5px;font-size:0}
.label-discount,.label-discount span {line-height:100%}
.label-discount span {display:inline-block;border:1px solid #fff;border-left:none;border-right:none;font-size:10px;color:#fff;padding:2px 0}
.status-best,.status-new,.status-rec,.status-hot,.status-discount {display:inline-block;font-size:12px;padding:5px 8px;color:#fff;line-height:100%;white-space:nowrap;border-radius:3px;-webkit-border-radius:3px}
.status-best {background-color:#1c84c6}
.status-new {background-color:#ed5565}
.status-rec {background-color:#fe7100}
.status-top {background-color:#9c27b0}
.status-hot {background-color:#0096e6}
.status-discount {background-color:#9c27b0;font-size:10px;padding:2px 4px}
input,select,option {vertical-align:middle}
select {-webkit-appearance:none;background:url("../images/arrow-down.png") #fff right center no-repeat;background-size:10px auto;background-position-x:-moz-calc(100% - 10px);background-position-x:-webkit-calc(100% - 10px);background-position-x:calc(100% - 10px)}
.txt,.txt-sort,.txt-price,.input-group,.input-wrapper .inp {position:relative;background-color:#fff;border:1px solid #dfdfdf;border-radius:5px;-webkit-border-radius:5px;color:#039}
.txt,.txt-price {padding:0 8px;height:42px;line-height:42px}
textarea.txt {line-height:145%}
.txt-s,.txt-sort,.txt-price {height:23px;line-height:23px}
.txt:hover,.txt-sort:hover,.txt-price:hover {border:1px solid #999;-webkit-box-shadow:1px 1px 2px rgba(0,0,0,.2);box-shadow:1px 1px 2px rgba(0,0,0,.24)}
.txt:focus,.txt-sort:focus,.txt-price:focus,.input-group:hover,.input-wrapper .inp:hover {border-width:1px;border-style:solid;border-color:rgba(0,0,0,.35);outline:0;transition:border linear .2s,box-shadow linear .5s;-moz-transition:border linear .2s,-moz-box-shadow linear .5s;-webkit-transition:border linear .2s,-webkit-box-shadow linear .5s;box-shadow:0 0 8px rgba(0,0,0,.35);-moz-box-shadow:0 0 8px rgba(0,0,0,.35);-webkit-box-shadow:0 0 8px rgba(0,0,0,.35)}
.input-wrapper {margin-bottom:26px}
.input-wrapper .inp input,.input-wrapper select,.input-wrapper textarea,.input-wrapper .inp .i-txt,.input-wrapper .inp .i-arrow,.input-group .i-label,.input-group .i-label-gray,.input-group input {color:#039;border:none;background-color:transparent;height:48px;line-height:48px}
.input-wrapper select {width:100%;padding-left:8px}
.input-wrapper .inp input,.input-wrapper textarea,.input-group input {padding:0 8px;width:-moz-calc(100% - 16px);width:-webkit-calc(100% - 16px);width:calc(100% - 16px)}
.input-wrapper textarea {padding:8px;min-height:120px;line-height:165%}
.input-wrapper .label {margin-bottom:12px}
.input-wrapper p {color:#999}
.input-wrapper .inp .i-txt {padding:0 8px}
.input-wrapper .inp .i-arrow {position:absolute;right:10px;top:0;z-index:1;color:#333}
.input-wrapper .inp-category-tree {display:none;position:absolute;width:100%;top:40px;left:0;z-index:9999}
.input-wrapper .inp-category-tree .category-tree {width:100%}
.input-wrapper-two .md {float:left;width:50%}
.input-wrapper-two .md .b {margin-right:30px}
.input-group {display:-webkit-box;display:-webkit-flex;display:flex}
.input-group .i-label {padding:0 8px;white-space:nowrap;background-color:#f1f1f1;color:#333;min-width:24px;text-align:center}
.input-group .i-label-gray {color:#999;padding-left:8px;white-space:nowrap}
.input-group .i-inp {flex:1;position:relative}
.input-submit {padding:20px 0}
.input-submit .btn-submit {padding:0;width:100%}
.btn-submit,.btn-submit-s,.btn-gray,.btn-gray-s,.btn-warm,.btn-alert,.btn-out {display:inline-block;border:none;padding:14px 30px;cursor:pointer;background-color:#c5afa1;color:#fff}
.btn-submit,.btn-out {padding:0 30px;height:52px;line-height:52px}
.btn-submit:hover,.btn-submit-s:hover {background-color:#ae1c16;text-decoration:none;color:#fff}
.btn-submit-s,.btn-gray-s {padding:8px 22px}
.btn-out {background-color:#979797;padding:0;width:100%;cursor:not-allowed}
.btn-gray,.btn-gray-s {background-color:#ccc;color:#fff}
.btn-gray:hover,.btn-gray-s:hover {background-color:#999;color:#fff;text-decoration:none}
.btn,.list-more button {display:inline-block;background-color:#f1f1f1;border:1px solid #ddd;padding:8px 20px;text-align:center;color:#333;cursor:pointer}
.btn:hover,.list-more button:hover {background-color:#fafafa;border:1px solid #666;color:#333;text-decoration:none}
.btn-alert,.btn-warm {padding:5px 10px}
.btn-alert {background-color:#ff5722}
.btn-alert:hover,.btn-warm:hover {background-color:#db4b1f;color:#fff;text-decoration:none}
.btn-warm {background-color:#ffb800;color:#fff !important}
.btn-warm:hover {background-color:#d69a0a}
.btn-radius,.btn-radius-fill {display:inline-block;border:1px solid #264653;color:#264653 !important;margin:10px auto;height:40px;line-height:40px;padding:0 36px;background-color:#fff;cursor:pointer;text-align:center;border-radius:25px;-webkit-border-radius:25px;-moz-border-radius:25px}
.btn-radius:hover {background-color:#111;border-color:#111;color:#fff !important;text-decoration:none}
.btn-radius-fill {background-color:#111;border-color:#111;color:#fff !important}
.btn-radius-fill:hover {background-color:#fff;border-color:#777;color:#333 !important;text-decoration:none}
.btn,.btn-s,.btn-submit,.btn-icon,.btn-alert,.btn-warm,.btn-copy,.btn-gray,.dialog-confirm .i-btn-ok,.dialog-confirm .i-btn-cancel,.dialog-bottom-btn .i-btn-ok,.dialog-bottom-btn .i-btn-cancel {display:inline-block;cursor:pointer;text-decoration:none;vertical-align:middle;overflow:hidden;border:none;font-style:normal !important;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;transition:all .5s ease 0s;-webkit-transition:all .5s ease 0s;-moz-transition:all .5s ease 0s;-o-transition:all .5s ease 0s}
.dialog-bottom-btn .i-btn-ok,.dialog-bottom-btn .i-btn-cancel {border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px}
.toast-title {font-weight:600}
.toast-message {-ms-word-wrap:break-word;word-wrap:break-word;color:#fff}
.toast-message a,.toast-message label {color:#fff}
.toast-message a:hover {color:#ccc;text-decoration:none}
.toast-close-button {position:relative;right:-.3em;top:-.3em;float:right;font-size:12px;font-weight:300;color:#fff;-webkit-text-shadow:0 1px 0 #fff;text-shadow:0 1px 0 #fff;opacity:.8;-ms-filter:alpha(opacity=80);filter:alpha(opacity=80);line-height:1}
.toast-close-button:focus,.toast-close-button:hover {color:#000;text-decoration:none;cursor:pointer;opacity:.4;-ms-filter:alpha(opacity=40);filter:alpha(opacity=40)}
.rtl .toast-close-button {left:-.3em;float:left;right:.3em}
button.toast-close-button {padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none}
.toast-top-center {top:0;right:0;width:100%}
.toast-bottom-center {bottom:0;right:0;width:100%}
.toast-top-full-width {top:0;right:0;width:100%}
.toast-bottom-full-width {bottom:0;right:0;width:100%}
.toast-top-left {top:12px;left:12px}
.toast-top-right {top:12px;right:12px}
.toast-bottom-right {right:12px;bottom:12px}
.toast-bottom-left {bottom:12px;left:12px}
#toast-container {position:fixed;z-index:9999999999;pointer-events:none}
#toast-container * {-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
#toast-container>div {position:relative;pointer-events:auto;overflow:hidden;margin:0 0 6px;padding:15px 15px 15px 50px;width:300px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-position:15px center;background-repeat:no-repeat;-moz-box-shadow:0 0 10px #999;-webkit-box-shadow:0 0 10px #999;box-shadow:0 0 10px #999;color:#fff;opacity:.8;-ms-filter:alpha(opacity=80);filter:alpha(opacity=80)}
#toast-container>div.rtl {direction:rtl;padding:15px 50px 15px 15px;background-position:right 15px center}
#toast-container>div:hover {-moz-box-shadow:0 0 12px #555;-webkit-box-shadow:0 0 12px #555;box-shadow:0 0 12px #555;opacity:9;-ms-filter:alpha(opacity=90);filter:alpha(opacity=90);cursor:pointer}
#toast-container.toast-bottom-center>div,#toast-container.toast-top-center>div {width:300px;margin-left:auto;margin-right:auto}
#toast-container.toast-bottom-full-width>div,#toast-container.toast-top-full-width>div {width:96%;margin-left:auto;margin-right:auto}
.toast-info:before,.toast-error:before,.toast-success:before,.toast-warning:before {position:absolute;font-family:"if" !important;top:13px;left:13px;font-size:23px}
.toast-error:before {content:"\e672"}
.toast-info:before {content:"\e618"}
.toast-warning:before {content:"\e682"}
.toast-success:before {content:"\e6d9"}
.toast {background-color:#030303}
.toast-success {background-color:#51a351}
.toast-error {background-color:#bd362f}
.toast-info {background-color:#2f96b4}
.toast-warning {background-color:#f89406}
.toast-progress {position:absolute;left:0;bottom:0;height:4px;background-color:#000;opacity:.4;-ms-filter:alpha(opacity=40);filter:alpha(opacity=40)}
@media all and (max-width:240px) {#toast-container>div {padding:8px 8px 8px 50px;width:11em}
#toast-container>div.rtl {padding:8px 50px 8px 8px}
#toast-container .toast-close-button {right:-.2em;top:-.2em}
#toast-container .rtl .toast-close-button {left:-.2em;right:.2em}
}
@media all and (min-width:241px) and (max-width:480px) {#toast-container>div {padding:8px 8px 8px 50px;width:18em}
#toast-container>div.rtl {padding:8px 50px 8px 8px}
#toast-container .toast-close-button {right:-.2em;top:-.2em}
#toast-container .rtl .toast-close-button {left:-.2em;right:.2em}
}
@media all and (min-width:481px) and (max-width:768px) {#toast-container>div {padding:15px 15px 15px 50px;width:25em}
#toast-container>div.rtl {padding:15px 50px 15px 15px}
}
.dialog-overlay .i-loading {position:absolute;width:100%;top:49%;left:0;width:100%;text-align:center;font-size:48px;color:#fff}
.dialog-overlay .i-loading .if {font-size:48px}
.dialog-close {position:absolute;z-index:10;right:25px;top:14px;cursor:pointer}
.dialog-close img {width:18px;height:18px}
.dialog-title {padding:15px 25px;border-bottom:1px solid #ddd}
.dialog-title h1 {margin:0;font-size:18px;font-weight:400}
.dialog-content {padding:25px}
.dialog,.dialog-confirm {position:relative;background-color:#fff;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:0 1px 50px rgba(0,0,0,.6);-webkit-box-shadow:0 1px 50px rgba(0,0,0,.6);box-shadow:0 1px 50px rgba(0,0,0,.6)}
.dialog-img .dialog-close {position:fixed;right:20px;top:20px}
.dialog-img .dialog-close img {width:40px;height:40px;filter:invert(100%)}
.dialog-img .dialog-content {padding:0}
.dialog-confirm .dialog-content {font-size:18px;line-height:165%}
.dialog-confirm .i-btn-ok,.dialog-confirm .i-btn-cancel,.dialog-bottom-btn .i-btn-ok,.dialog-bottom-btn .i-btn-cancel {height:34px;line-height:34px;padding:0 16px;border:1px solid #ddd;background-color:#f2f2f2;color:#333}
.dialog-confirm .i-btn-ok {background-color:#e13719;border-color:#e13719;margin-left:5px;color:#fff}
.dialog-confirm .i-btn-ok:hover {background-color:#b02b13;border-color:#b02b13}
.dialog-confirm .i-btn-cancel:hover,.dialog-bottom-btn .i-btn-cancel:hover {background-color:#ddd}
.dialog-confirm .i-btn-box {margin-top:20px;text-align:right}
.dialog-confirm .if-check {font-size:20px;color:#1c9b1c;font-weight:600;margin-right:8px}
.dialog-bottom-space {height:65px}
.dialog-bottom-btn {position:absolute;left:0;bottom:0;z-index:2;width:100%;background-color:#fff;overflow:hidden;-moz-border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px}
.dialog-bottom-btn .i-b {padding:15px 25px;border-top:1px solid #ddd;text-align:right}
.dialog-bottom-btn .i-btn-ok {background-color:#c1a683;border-color:#c1a683;margin-left:8px;color:#fff}
.dialog-bottom-btn .i-btn-ok:hover {background-color:#81ac09;border-color:#81ac09}
.dialog-bottom-btn .i-btn-ok,.dialog-bottom-btn .i-btn-cancel {height:40px;line-height:40px}
.wrap {margin:0 auto;width:1320px}
.top-bar {height:24px;line-height:24px;background-color:#c1a683}
.top-contact {text-align:right}
.top-contact span {display:inline-block;line-height:24rpx;font-size:11px;color:#fff;margin-left:10px}
.top-contact .if {font-size:11px}
#top {width:100%;position:relative;background-color:#fff}
#top .wrap {position:relative}
#logo {float:left}
#logo a {display:block}
#logo img {height:70px;margin:15px 0}
#top-nav {position:relative;float:right;padding-top:30px;}
.top-fixed {position:fixed !important;top:0;left:0;z-index:999;-moz-box-shadow:0 1px 10px rgba(0,0,0,.4);-webkit-box-shadow:0 1px 10px rgba(0,0,0,.4);box-shadow:0 1px 10px rgba(0,0,0,.4);-webkit-animation:top_anima .7s ease 0s;animation:top_anima .7s ease 0s}
@-webkit-keyframes top_anima {0% {top:-60px}
100% {top:0}
}
@keyframes top_anima {0% {top:-60px}
100% {top:0}
}
#nav-search {float:right}
#nav-search form {border:1px solid #ddd;border-radius:18px;-webkit-border-radius:18px}
#nav-search form {overflow:hidden}
#nav-search input,#nav-search button {display:inline-block;border:none;background-color:transparent;height:36px;line-height:36px;font-size:12px;color:#666}
#nav-search button {width:45px;text-align:center;cursor:pointer}
#nav-search button .if {font-size:16px}
#nav-search input {width:90px;padding:0 15px}
#nav-language {float:right;position:relative}
#nav-language i{color:red;}
#nav-language a{text-decoration:none;outline:none}
#nav-language .i-title {height:30px;line-height:30px;font-size:10px}
#nav-language img {height:15px;vertical-align:middle}
#nav-language .i {vertical-align:middle;font-size:10px}
#nav-language .i-menu {right:0;top:50px;z-index:3;min-width:100px}
#nav-language .i-menu,.nav-sub,.nav-sub .category-tree,.nav-category {border-radius:15px;-webkit-border-radius:15px}
#nav-language .i-menu a {display:block;font-size:11px;padding:4px 8px}
#nav-language:hover .i-menu {padding:5px 0}
#nav {float:left;margin-right:20px}
#nav li.n {display:inline-block;position:relative;margin:0 10px;height:40px}
#nav a.p {display:block;position:relative;height:40px;line-height:40px;text-align:center;color:#000;font-weight:600;text-transform:uppercase}
#nav a.p:hover,#nav li.on a.p {text-decoration:none;color:#111}
#nav a.p:after {position:absolute;content:'';margin:auto;width:0;bottom:0;left:0;height:2px;background-color:#111;overflow:hidden}
#nav a.p:hover:after,#nav li.on a.p:after {width:100%}
#nav a.p .if-arrow-down {font-size:12px;font-weight:300}

#language {float:right}
#language i{color:red;}
#language li.n {margin:0 10px;height:40px}
#language a.p {display:block;position:relative;height:40px;line-height:40px;text-align:center;color:#000;font-weight:600;}
#language a.p:hover,#nav li.on a.p {text-decoration:none;color:#111}
#language a.p:after {position:absolute;content:'';margin:auto;width:0;bottom:0;left:0;height:2px;background-color:#111;overflow:hidden}
#language a.p:hover:after,#nav li.on a.p:after {width:100%}
#language a.p .if-arrow-down {font-size:12px;font-weight:300}

#nav a.bt {display:inline-block;height:30px;line-height:30px;background-color:#111;color:#fff;padding:0 15px;font-size:14px;border-radius:15px;-webkit-border-radius:15px}
.nav-sub,#nav-language .i-menu {position:absolute;z-index:999;background-color:#fff;height:0;overflow:hidden;opacity:0;-ms-filter:alpha(opacity=0);filter:alpha(opacity=0)}
.nav-sub {top:62px;left:0}
#nav li.n:hover .nav-sub,#nav-language:hover .i-menu {display:block;top:40px;height:auto;opacity:1;-ms-filter:alpha(opacity=100);filter:alpha(opacity=100)}
#nav-language:hover .i-menu {top:30px}
.nav-sub a,#nav-language .i-menu a {white-space:nowrap}
.nav-sub a:hover,#nav-language .i-menu a:hover {color:#c1a683;text-decoration:none}
.nav-sub li {text-align:left}
.nav-sub .i-menu {padding:10px}
.nav-sub .i-menu a {display:block;padding:7px 10px}
.nav-sub .category-tree {min-width:120px}
#nav li.n-c:hover .nav-sub {overflow:visible}
.nav-custom {width:600px;padding:30px}
.nav-custom .i-left {float:left;width:58%}
.nav-custom .i-right {float:left;width:42%}
.nav-custom .i-col {float:left;width:33.33%}
.nav-custom .i-ch {height:40px;position:relative;margin:0 20px 15px 0}
.nav-custom .i-ch:after {position:absolute;content:'';z-index:1;left:0;bottom:0;height:1px;width:60px;background-color:#c1a683}
.nav-custom .i-ch a {font-size:17px;color:#111;font-weight:600}
.nav-custom .i-bn {margin-top:25px}
.nav-custom .i-child {margin-right:20px}
.nav-custom .i-child li {margin-bottom:5px}
.nav-custom .i-child li a {display:inline-block;position:relative}
.nav-custom .i-child li .i-tag {left:100% !important}
.nav-custom .i-bn-title {margin-top:10px}
#nav-toggle {display:none}
#nav-toggle i{font-size:24px;line-height:60px;}
#pos {position:relative;width:100%;clear:both;overflow:hidden;background-color:#fafafa}
#pos .wrap {position:relative}
#pos .i-box {position:relative;z-index:2;padding:35px 0;display:-webkit-flex;display:flex;align-items:center;align-content:center}
#pos .i-text {flex:1}
#pos h1 {margin:0;font-size:25px;text-transform:uppercase;font-weight:700}
#pos .i-text p {font-size:12px;margin:4px 0 0}
#pos .i-nav {text-align:right}
#pos .i-nav a {font-size:12px;font-weight:500}
#pos .i-nav .if {padding:0 3px;vertical-align:middle}
#main {padding:30px 0 30px}
.main-bg {padding:60px 0;background-color:#f3f3f3}
#footer {position:relative;overflow:hidden;padding-top:20px;border-top:1px solid #ddd}
.clist-line {width:100%;clear:both;height:1px;background-color:#eee;margin:60px 0}
.footer-newsletter {margin:0 auto;width:900px;text-align:center}
.footer-newsletter .i-h {margin-bottom:45px}
.footer-newsletter .i-h h4 {font-size:38px}
.footer-newsletter form {display:flex;align-items:center;align-content:center;border:1px solid #111;overflow:hidden;border-radius:28px;-webkit-border-radius:28px}
.footer-newsletter .i-inp {flex:1;height:55px}
.footer-newsletter .i-inp input {width:100%;height:55px;border:none;text-align:center;font-weight:700}
.footer-newsletter .i-btn {width:120px}
.footer-newsletter button {height:55px;width:100%;background-color:#111;color:#fff;border:none;cursor:pointer}
.footer-contact {position:relative;margin-top:80px}
.footer-contact .i-info {float:left;width:48%}
.footer-contact .i-contact {float:right;width:45%}
.footer-contact .i-h {margin-bottom:35px}
.footer-contact .i-h h4 {font-size:28px}
.footer-contact .i-hline {width:45px;height:2px;background-color:#c1a683}
.footer-contact .i-info li {margin-bottom:20px;display:flex}
.footer-contact .i-icon {width:60px}
.footer-contact .i-icon .if {font-size:26px;color:#111}
.footer-contact .i-val {flex:1}
.footer-contact .i-val a {color:#111}
.footer-contact .i-contact .i-summary {color:#fff;margin:0 !important}
.footer-contact .i-contact .i-btn {margin-top:25px}
.footer-help {border-top:1px solid #ddd;margin-top:50px;padding:50px 0;display:flex}
.footer-help .i-col {flex:1}
.footer-help li {padding:4px 0}
.footer-bottom {display:flex;margin-bottom:50px}
.footer-bottom .i-copyright {flex:1;text-align:center}
.footer-bottom .i-links {text-align:right}
.footer-bottom .i-links .s {display:inline-block;margin:0 5px;color:#ddd}
.footer-logo {margin-right:45px}
.footer-logo .i-logo {margin-bottom:15px}
.footer-logo .i-logo img {height:50px}
.footer-logo .sns-urls {margin-top:20px}
.footer-links {margin:0 45px}
.footer-links li {list-style:disc;float:left;margin:0 0 10px 14px;width:-moz-calc(50% - 14px);width:-webkit-calc(50% - 14px);width:calc(50% - 14px)}
.footer-links a {color:#000}
#footer-widget {position:fixed;right:0;bottom:140px;z-index:99;width:50px;background-color:#fff;border-radius:10px 0 0 10px;-webkit-border-radius:10px 0 0 10px}
#footer-widget .i-item {color:#fff;position:relative}
#footer-widget .i-sub-item {position:absolute;bottom:0;right:60px;width:0;overflow:hidden;z-index:2;background-color:#fff;opacity:0;-ms-filter:alpha(opacity=0);filter:alpha(opacity=0)}
#footer-widget .i-item:hover .i-sub-item {width:auto;right:50px;opacity:1;-ms-filter:alpha(opacity=100);filter:alpha(opacity=100)}
#footer-widget .i-sub-item-wrapper {padding:30px}
#footer-widget .i-icon {overflow:hidden;color:#333;cursor:pointer;height:50px;line-height:50px;text-align:center}
#footer-widget .i-icon .if {font-size:20px;line-height:50px}
#footer-widget .i-icon a {color:#333}
#footer-widget .i-item-form .i-icon {background-color:#c1a683;height:80px;padding-top:30px;line-height:100% !important}
#footer-widget .i-item-form .i-icon span {display:block;color:#fff;white-space:nowrap;font-size:13px;transform:rotate(90deg);-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg)}
#footer-widget .i-item-form .i-icon .if,#footer-widget .i-item-toggle .i-icon .if {font-size:14px;line-height:100%;color:#fff}
#footer-widget .i-item-form .i-sub-item {top:-30px;bottom:auto}
#footer-widget .i-item-form .i-sub-item-wrapper {width:400px}
#footer-widget .i-item-form .btn-radius-fill {width:100%;padding:0}
#footer-widget .i-item-form .input-wrapper textarea {min-height:80px}
#footer-widget .i-item-toggle .i-icon {background-color:#000;height:30px;line-height:30px;overflow:hidden;border-radius:10px 0 0;-webkit-border-radius:10px 0 0}
#footer-widget .i-item-toggle-on .i-icon {border-radius:10px 0 0 10px !important;-webkit-border-radius:10px 0 0 10px !important}
#footer-widget .sns-urls .icon {border:none;margin:0 4px 4px 0;width:20px;height:20px;line-height:20px}
#footer-widget h3 {font-size:18px}
#footer-widget .input-wrapper {margin-bottom:12px}
#footer-privacy,#footer-privacy-mask {display:none;position:fixed;bottom:0;left:0;width:100%;z-index:99;overflow:hidden}
#footer-privacy {z-index:999}
#footer-privacy .i-box {margin:30px;padding:40px;background-color:#fff;border-radius:10px;-webkit-border-radius:10px}
#footer-privacy .i-h {font-size:18px;font-weight:700}
#footer-privacy .i-summary {margin-top:15px;text-align: justify;}
#footer-privacy .i-summary-cut {text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-break:break-all}
#footer-privacy .i-more {display:none;margin-top:15px;text-align:right}
#footer-privacy .m-bt {color:#3685e3;cursor:pointer}
#footer-privacy .i-btns {margin-top:25px}
#footer-privacy .i-btns .btn-radius {margin-left:10px}
#footer-privacy-mask {height:100%;background-color:rgba(0,0,0,.65)}
.footer-privacy .i-h {display:flex;align-items:center;align-content:center}
.footer-privacy .i-t {flex:1;cursor:pointer}
.footer-privacy .i-label {width:50px}
.footer-privacy .i-arrow {cursor:pointer}
.footer-privacy .i-summary {display:none;background-color:#f2f2f2;padding:15px}
.footer-privacy li {margin-bottom:10px}
.footer-privacy .i-detail {padding-bottom:30px}
.label-wrap {display:inline-block}
.label-wrap input {display:none}
.label-wrap input:checked+.label-toggle:after,.label-toggle.on:after {left:calc(100% - 18px)}
.label-wrap input:checked+.label-toggle,.label-toggle.on {background-color:#c1a683}
.label-toggle {position:relative;width:36px;height:20px;display:inline-block;background-color:#e2e5e8;cursor:pointer;transition:.3s;-webkit-transition:.3s;border-radius:10px;-webkit-border-radius:10px}
.label-toggle:after {position:absolute;content:'';top:2px;left:2px;width:16px;height:16px;background-color:#fff;transition:.3s;-webkit-transition:.3s;border-radius:50%;-webkit-border-radius:50%}
.sns-urls .icon {display:inline-block;font-size:24px;width:34px;height:34px;line-height:34px;text-align:center;margin:0 4px 4px 0;color:#666;border:1px solid #666;}
.sns-urls a:hover .icon {color:#fff}
.sns-urls a:hover .icon-facebook {border-color:#3b5998;background-color:#3b5998}
.sns-urls a:hover .icon-Youtube-fill {border-color:#ff3132;background-color:#ff3132}
.sns-urls a:hover .icon-google {border-color:#00b85a;background-color:#00b85a}
.sns-urls a:hover .icon-instagram {border-color:#517fa4;background-color:#517fa4}
.sns-urls a:hover .icon-twitter {border-color:#2daae1;background-color:#2daae1}
.sns-urls a:hover .icon-blog {border-color:#f2861d;background-color:#f2861d}
.sns-urls a:hover .icon-whatsapp {border-color:#3AC34C;background-color:#3AC34C}
.sns-urls a:hover .icon-linkedin {border-color:#0073b2;background-color:#0073b2}
#totop {display:none;position:fixed;width:46px;height:46px;background-color:#000;opacity:.6;cursor:pointer;bottom:60px;right:30px;text-align:center;z-index:99}
#totop .if {line-height:46px;font-size:22px;color:#fff}
#totop:hover {opacity:1}
.content-desc {line-height:185%;font-size:18px}
.content-desc p {margin:25px auto}
.content-desc a {color:#069;text-decoration:underline}
.content-desc a:hover {text-decoration:none}
.content-desc h1 {margin:20px 0}
.content-desc h2 {margin:15px 0}
.content-desc h3 {margin:10px 0}
.content-desc ul {padding:0 25px;list-style:disc}
.content-desc ul li {list-style:disc}
.content-desc ol {padding:0 25px;list-style:decimal}
.content-desc ol li {list-style:decimal}
.content-desc li {margin-bottom:15px}
.content-desc table {margin-bottom:20px;border-collapse:collapse;display:table}
.content-desc td,.content-desc th {padding:5px 10px}
.content-desc th {border-top:1px solid #bbb;background-color:#f7f7f7}
.content-desc td p,.content-desc li p {margin:0;padding:0}
.content-desc span,.content-desc td,.content-desc p {font-family:inherit;font-size:inherit;color:inherit;line-height:185%;font-size:18px}
.content-desc .lazy {min-height:50px}
.content-desc a.btn-submit {color:#fff;text-decoration:none}
.content-desc hr {border:none;clear:both;width:100%;height:1px;background-color:#eee;overflow:hidden;margin:60px 0}
.htitle-line1 {position:relative;margin-bottom:90px;text-align:center}
.htitle-line1:after {position:absolute;content:'';width:100%;height:1px;background-color:#ddd;left:0;top:51%;z-index:-1}
.htitle-line1 .i-h {display:inline-block;max-width:600px;background-color:#fff;padding:0 25px}
.htitle-line1 h2 {font-size:35px;margin:0 0 15px}
.htitle-line1 p {margin:0;color:#666}
.category-tree {position:relative;display:inline-block}
.category-tree,.category-tree ul,.category-tree li {overflow:visible;background-color:#fff}
.category-tree .sub {position:absolute;display:none;z-index:999}
.category-tree a {display:block;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:50px;height:50px;padding:0 15px;color:#333}
.category-tree a .if {float:right;line-height:50px;color:#999;margin-left:12px;font-style:normal}
.category-tree a:hover {background-color:#f2f2f2;text-decoration:none}
.category-tree a.on {background-color:#c1a683;color:#fff}
.category-tree a .q {color:#777;font-size:10px}
.category-tree a.on .if,.category-tree a.on .q {color:#ddd}
.category-tree .sub a {padding-right:30px}
.category-tree .sub a i {position:absolute;float:inherit;margin:0;right:12px;top:0}
.selectTdClass {background-color:#edf5fa !important}
table.noBorderTable td,table.noBorderTable th,table.noBorderTable caption {border:1px dashed #ddd !important}
caption {border:1px dashed #ddd;border-bottom:0;padding:3px;text-align:center}
table tr.firstRow th {border-top-width:2px}
.ue-table-interlace-color-single {background-color:#fcfcfc}
.ue-table-interlace-color-double {background-color:#f7faff}
.list-paddingleft-1 {padding-left:0}
.list-paddingleft-2 {padding-left:30px}
.list-paddingleft-3 {padding-left:60px}
.box-col {margin-bottom:45px}
.box-col .h {position:relative;margin-bottom:30px;padding:2px 0;border-left:3px solid #c1a683}
.box-col .h:after {position:absolute;content:'';width:100%;top:50%;left:0;border-bottom:1px solid #e6e6e6}
.box-col .h h2,.box-col .h h3 {position:relative;z-index:1;display:inline-block;font-size:20px;font-weight:500;margin:0;background-color:#fff;padding:0 15px}
.box-col .h .if {display:none}
.box-col-radius {margin-bottom:15px;background-color:#fff;padding:35px;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;-moz-box-shadow:0 1px 10px rgba(0,0,0,.04);-webkit-box-shadow:0 1px 10px rgba(0,0,0,.04);box-shadow:0 1px 10px rgba(0,0,0,.04)}
.page {text-align:center;padding:60px 0}
.page span,.page a {display:inline-block;width:38px;height:38px;line-height:38px;border:1px solid #ddd;margin:0 4px;border-radius:100%;-webkit-border-radius:100%}
.page .off {color:#999;cursor:not-allowed}
.page .on {color:#fff;background-color:#111;border-color:#111}
.page a:hover {background-color:#eee;text-decoration:none}
.page1 span {color:#777}
.page1 a,.page1 span.off {display:inline-block;width:26px;height:26px;line-height:26px;text-align:center;background-color:#eee;color:#111}
.page1 a:hover {text-decoration:none;background-color:#ddd}
.page1 span.off {color:#aaa}
.page1 span.record {margin-right:10px;font-size:13px}
.tabs {overflow:visible;margin-bottom:20px;height:50px;border-bottom:1px solid #111}
.tabs li {float:left;border:1px solid #eaeaea;border-bottom:none;margin-right:15px;line-height:49px;padding:0 25px;cursor:pointer;border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0;overflow:hidden}
.tabs li:hover {background-color:#f2f2f2}
.tabs li.on {background-color:#111;color:#fff;border-color:#111}
.tabs1 {margin-bottom:30px;position:relative}
.tabs1 li {float:left;border:1px solid #eee;margin:0 15px 15px 0;overflow:hidden;border-radius:26px;-webkit-border-radius:26px;-moz-border-radius:26px}
.tabs1 li:hover {background-color:#f2f2f2}
.tabs1 a {display:inline-block;color:#222;height:42px;line-height:42px;padding:0 20px}
.tabs1 a:hover {text-decoration:none}
.tabs1 li.on {border-color:#c1a683;background-color:#c1a683}
.tabs1 li.on a {color:#fff}
a {-webkit-transition:color .2s ease-out;-webkit-transition-delay:.1s;-moz-transition:color .2s ease-out .1s;-o-transition:color .2s ease-out .1s;transition:color .2s ease-out .1s}
#footer-newsletter button,.page a,.tabs li {transition:background-color .5s ease 0s;-webkit-transition:background-color .5s ease 0s;-moz-transition:background-color .5s ease 0s;-o-transition:background-color .5s ease 0s}
.nav-sub,#nav-language .i-menu,.sns-urls .icon,#nav a.p,#nav a.p:after,.btn-radius,.btn-radius-fill,#footer-widget .i-sub-item {transition:all .5s ease 0s;-webkit-transition:all .5s ease 0s;-moz-transition:all .5s ease 0s;-o-transition:all .5s ease 0s}
.nav-sub,.category-tree .sub,#nav-language .i-menu,.product-list li:hover .i-img,#cart-slide .i-del-confirm,#footer-widget .i-sub-item,#footer-widget {-moz-box-shadow:0 1px 10px rgba(0,0,0,.15);-webkit-box-shadow:0 1px 10px rgba(0,0,0,.15);box-shadow:0 1px 10px rgba(0,0,0,.15)}
.sns-urls .icon,#totop {border-radius:100%;-webkit-border-radius:100%;-moz-border-radius:100%}
.cut {overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.img-hover {position:relative;overflow:hidden}
.img-hover:before {position:absolute;top:50%;left:50%;z-index:2;display:block;content:'';width:0;height:0;background:rgba(255,255,255,.2);border-radius:100%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:0}
.img-hover:hover:before {-webkit-animation:circle .75s;animation:circle .75s}
@-webkit-keyframes circle {0% {opacity:1}
40% {opacity:1}
100% {width:200%;height:200%;opacity:0}
}
@keyframes circle {0% {opacity:1}
40% {opacity:1}
100% {width:200%;height:200%;opacity:0}
}
.card1,.card2 {border:.0625rem solid rgba(220,224,229,.6);overflow:hidden;-moz-box-shadow:0 1rem 1.75rem 0 rgba(45,55,75,.1);-webkit-box-shadow:0 1rem 1.75rem 0 rgba(45,55,75,.1);box-shadow:0 1rem 1.75rem 0 rgba(45,55,75,.1);border-radius:.8125rem;-webkit-border-radius:.8125rem;-moz-border-radius:.8125rem;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out}
.card1:hover {-moz-box-shadow:0 1rem 1.75rem 0 rgba(45,55,75,.25);-webkit-box-shadow:0 1rem 1.75rem 0 rgba(45,55,75,.25);box-shadow:0 1rem 1.75rem 0 rgba(45,55,75,.25)}
@media screen and (max-width:1560px) {.wrap {width:1200px}
}
@media screen and (max-width:1320px) {.wrap {margin:0 auto;width:auto;padding-left:80px;padding-right:80px}
#top {height:60px;position:static}
#top .wrap {padding:0 18px}
#top-nav {position:fixed;top:0;left:0;overflow-y:scroll;overflow-x:hidden;width:0;height:100%;background-color:#fff;z-index:999;-moz-box-shadow:0 8px 15px rgba(0,0,0,.4);-webkit-box-shadow:0 8px 15px rgba(0,0,0,.4);box-shadow:0 8px 15px rgba(0,0,0,.4)}
#logo img {height:40px;margin:10px 0}


#nav-toggle {display:block;position:absolute;z-index:2;top:0;right:18px}
#nav-toggle .i {line-height:60px;font-size:32px}
#language {position:absolute;z-index:10;left:18px;top:0;margin:0}
#language .i-menu {display:none;height:auto;top:30px;opacity:1;-ms-filter:alpha(opacity=100);filter:alpha(opacity=100)}
#nav-search {float:inherit;clear:both;margin:13px 18px 0 0;width:260px;}
#nav-search form {white-space:nowrap;background-color:#f2f2f2;border-color:#f2f2f2}
#nav-search input {width:-moz-calc(100% - 80px);width:-webkit-calc(100% - 80px);width:calc(100% - 80px)}



#nav {float:inherit;height:auto;width:100%;margin:18px 0 0}
#nav li.n {float:none;width:100%;height:auto;margin:0;border-bottom:1px solid #eee}
#nav li.on {background-color:#c1a683}
#nav a.p {position:relative;text-align:left;height:50px;line-height:50px;padding:0 18px;margin:0;border-radius:0;-webkit-border-radius:0}
#nav a.p:hover,#nav li.on a.p {background-color:#c1a683;color:#fff}
#nav a.p .if {position:absolute;right:18px;top:0}
#nav a.p:after {display:none}
.nav-sub {display:none;position:static;height:auto;opacity:1;-ms-filter:alpha(opacity=100);filter:alpha(opacity=100);border-radius:0;-webkit-border-radius:0;-moz-border-radius:0}
.nav-sub .i-menu a {padding:8px 18px}
.nav-custom {width:auto}
#totop {right:18px}
.category-tree {width:100%}
.category-tree .sub {position:static;border-bottom:1px solid #eee}
.category-tree .sub li {background-color:#f2f2f2}
}
@media screen and (max-width:960px) {.footer-newsletter {width:auto}
.footer-contact .i-info,.footer-contact .i-contact {width:100%;float:none}
.footer-contact .i-contact {margin-top:45px}
#pos .i-box {display:block}
#pos .i-nav {text-align:left}
}
@media screen and (max-width:640px) {.wrap {padding-left:18px;padding-right:18px}
.nav-category {overflow:hidden}
.nav-custom {padding:20px}
.nav-custom .i-left,.nav-custom .i-right {float:none;width:100%}
#main {padding:30px 0 60px}
#pos h1 {font-size:21px}
#pos .i-box {padding:25px 0}
#pos .i-nav a {font-size:11px}
#pos .i-nav .if {font-size:10px;padding:0 2px}
#footer {padding-top:60px}
.footer-contact,.footer-contact .i-contact {margin-top:60px}
.footer-contact .i-h h4 {font-size:25px}
.footer-newsletter form {display:block;border:none;border-radius:none;-webkit-border-radius:none}
.footer-newsletter .i-inp,.footer-newsletter .i-btn {border:1px solid #c1a683;overflow:hidden;border-radius:28px;-webkit-border-radius:28px}
.footer-newsletter .i-btn {border:none;width:100%;margin-top:20px}
.footer-help {display:grid;grid-template-columns:46% 46%;grid-gap:30px}
}