/* INITIAL CSS */
body {font-family: 'GeneralFont', Arial, Verdana; color: #2f3847;}

h1, h2, h3, h4, h5, h6 {font-family: 'TitleFont', Arial, Verdana;}
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong,
h1 b, h2 b, h3 b, h4 b, h5 b, h6 b {font-family: 'TitleBoldFont', Arial, Verdana;}
h1 em, h2 em, h3 em, h4 em, h5 em, h6 em,
h1 i, h2 i, h3 i, h4 i, h5 i, h6 i {font-family: 'TitleItalicFont', Arial, Verdana;}
h1 b i, h1 i b, h1 b em, h1 em b, h1 strong i, h1 i strong, h1 strong em, h1 em strong, 
h2 b i, h2 i b, h2 b em, h2 em b, h2 strong i, h2 i strong, h2 strong em, h2 em strong, 
h3 b i, h3 i b, h3 b em, h3 em b, h3 strong i, h3 i strong, h3 strong em, h3 em strong, 
h4 b i, h4 i b, h4 b em, h4 em b, h4 strong i, h4 i strong, h4 strong em, h4 em strong, 
h5 b i, h5 i b, h5 b em, h5 em b, h5 strong i, h5 i strong, h5 strong em, h5 em strong, 
h6 b i, h6 i b, h6 b em, h6 em b, h6 strong i, h6 i strong, h6 strong em, h6 em strong {font-family: 'TitleBoldItalicFont', Arial, Verdana;}

h1 {font-size: 36px; line-height: 42px; margin-bottom: 15px;}
h2 {font-size: 32px; line-height: 38px; margin-bottom: 15px;}
h3 {font-size: 28px; line-height: 34px; margin-bottom: 15px;}
h4 {font-size: 24px; line-height: 30px; margin-bottom: 15px;}
h5 {font-size: 20px; line-height: 26px; margin-bottom: 15px;}

@media only screen and (min-width: 768px) {
	h1 {font-size: 34px; line-height: 40px;}
	h2 {font-size: 30px; line-height: 36px;}
	h3 {font-size: 26px; line-height: 32px;}
	h4 {font-size: 22px; line-height: 28px;}
	h5 {font-size: 18px; line-height: 24px;}	
}

@media only screen and (min-width: 500px) {
	h1 {font-size: 32px; line-height: 38px;}
	h2 {font-size: 28px; line-height: 34px;}
	h3 {font-size: 24px; line-height: 30px;}
	h4 {font-size: 20px; line-height: 26px;}
	h5 {font-size: 16px; line-height: 22px;}	
}

p, p a {font-size: 15px; line-height: 23px; color: #2f3847;}
p a:hover {text-decoration: underline; color: #2f3847; }

a {color: #2f3847; font-size: 15px; line-height: 23px; text-decoration: none;
transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
a:hover {color: none; text-decoration: none;}

b, strong {font-family: 'BoldFont', Arial, Verdana;}
i, em {font-family: 'ItalicFont', Arial, Verdana;}
b i, i b, b em, em b, strong i, i strong, strong em, em strong {font-family: 'BoldItalicFont', Arial, Verdana; font-style: italic;}
.cl-secondary {color: #ffc400;}
a.cl-secondary:hover {color: #ffc400; text-decoration: underline;}

.ta-center {text-align: center;}
.ta-left {text-align: left;}
.ta-right {text-align: right;}
.fl-left {float: left;}
.fl-right {float: right;}
.fl-clear {clear: both;}

img {display: block; max-width: 100%; max-height: 100%;}
.gen-img-wrap {position: relative;}
.gen-img-wrap img.centered {margin: 0 auto;}
/* /INITIAL CSS */


/* GENERAL LAYOUT CSS */
.sfw {float: left; width: 100%; position: relative;}
.wrap {width: 95%; margin: 0 auto; position: relative;}

@media only screen and (min-width: 1700px) {
	.wrap {width: 1600px;}
}
/* /GENERAL LAYOUT CSS */


/* WYSIWYG CONTENT */
.wysiwyg-content, .wysiwyg-content p, .wysiwyg-content a, .wysiwyg-content ul li, .wysiwyg-content ol li {font-size: 15px; color: #2f3847; line-height: 23px; font-family: 'GeneralFont', Arial, Verdana;}
.wysiwyg-content.medium, .wysiwyg-content.medium p, .wysiwyg-content.medium a, .wysiwyg-content.medium ul li, .wysiwyg-content.medium ol li {font-size: 15px; line-height: 23px;}
.wysiwyg-content.big, .wysiwyg-content.big p, .wysiwyg-content.big a, .wysiwyg-content.big ul li, .wysiwyg-content.big ol li {font-size: 18px; line-height: 28px; font-family: 'GeneralFont', Arial, Verdana;}
.wysiwyg-content.white, .wysiwyg-content.white p, .wysiwyg-content.white a, .wysiwyg-content.white ul li, .wysiwyg-content.white ol li {color: #fff;}
.wysiwyg-content img {}
.wysiwyg-content img.fr-dib {display: block; margin: 0 auto;}
.wysiwyg-content img.fr-dib.fr-fil {text-align: left;}
.wysiwyg-content img.fr-dib.fr-fir {text-align: right;}
.wysiwyg-content img.fr-dii {}
.wysiwyg-content img.fr-dii.fr-fil {float: left; margin-right: 30px;}
.wysiwyg-content img.fr-dii.fr-fir {float: right; margin-left: 30px;}

.wysiwyg-content a {color: #000;}
.wysiwyg-content a:hover {color: #c30d23; text-decoration: underline;}
.wysiwyg-content p a {color: #000;}
.wysiwyg-content p a:hover {color: #000;}
.wysiwyg-content.white a {color: #fff;}
.wysiwyg-content.white a:hover {color: #fff; text-decoration: underline}
.wysiwyg-content.white h1, .wysiwyg-content.white h2, .wysiwyg-content.white h3, .wysiwyg-content.white h4, .wysiwyg-content.white h5 {color: #fff;}
/* .wysiwyg-content ul li {padding-left: 0px; padding-bottom: 3px; margin-left: 40px; padding-left: 15px; float: none; display: block; background: url(../images/icon/black-dot.png) no-repeat left 10px; background-size: 4px auto;} */
.wysiwyg-content ul li {list-style-type: disc; margin-left: 55px;}
.wysiwyg-content ol li {list-style-type: decimal; margin-left: 55px;}
.wysiwyg-content.list-flat ol li {margin-left: 15px;}

.wysiwyg-content img.feat-img {float: left; max-width: 50%; margin-right: 20px; margin-bottom: 20px;}
.wysiwyg-content img {max-width: 100% !important;}

.wysiwyg-content table {width: 100%;}
.wysiwyg-content table tbody tr {border-top: 1px solid #eaeaea;}
.wysiwyg-content table tbody tr:last-child {border-bottom: 1px solid #eaeaea;}
.wysiwyg-content table tbody tr td {padding: 15px 20px; font-size: 15px; line-height: 23px; border-left: 1px solid #eaeaea; vertical-align: middle;} 
.wysiwyg-content table tbody tr td:last-child {border-right: 1px solid #eaeaea;}
.wysiwyg-content table.fr-alternate-rows tr:nth-child(odd) td {background: #fff;}
.wysiwyg-content table.fr-alternate-rows tr:nth-child(even) td {background: #f5f5f5;}

@media only screen and (max-width: 500px) {
	.wysiwyg-content, .wysiwyg-content p, .wysiwyg-content a, .wysiwyg-content ul li, .wysiwyg-content ol li {font-size: 14px; line-height: 23px;}
}
/* /WYSIWYG CONTENT */


/* FORM */
::-webkit-input-placeholder, ::placeholder {color: #bfbfbf;}

input[type=text], input[type=email], input[type=password], input[type="number"], textarea {font-family: 'GeneralFont', Arial, Verdana; box-sizing: border-box; height: 45px; padding: 10px 15px; font-size: 15px; line-height: 20px; color: #222832; width: 100%; border: 1px solid #e6e6e6; background: #ffffff;
transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
input[type=text]:hover, input[type=text]:focus, input[type=email]:hover, input[type=email]:focus, input[type=password]:hover, input[type=password]:focus, input[type="number"]:hover, input[type="number"]:focus, textarea:hover, textarea:focus {outline: 0; background: #fcfcfc;}
input[type=text]:read-only, input[type=email]:read-only, input[type=password]:read-only, input[type="number"]:read-only, textarea:read-only {background: #f0f0f0; cursor: not-allowed;}
textarea.no-resize {resize: none;}

select {font-family: 'GeneralFont', Arial, Verdana; font-size: 15px; line-height: 23px; color: #222832; box-sizing: border-box;}
select:hover, select:focus {outline: 0;}
.styled-select-wrapper {width: 100%; box-sizing: border-box; overflow: hidden; border: 1px solid #e6e6e6; height: 45px; background: url(../images/icon/arrow-down.png) no-repeat right 15px center #fff; background-size: auto 7px;}
.styled-select-wrapper select {display: block; width: 120%; border: none; background: transparent; height: 45px; padding: 10px;}
.styled-select-wrapper select option {background: none;}

input[type="checkbox"] {font-family: 'GeneralFont', Arial, Verdana; font-size: 15px; line-height: 23px;}
.styled-checkbox-wrapper {}
.styled-checkbox-wrapper input[type="checkbox"] {display: none;}
.styled-checkbox-wrapper label {font-family: 'GeneralFont'; font-size: 15px; line-height: 23px; padding-top: 3px; color: #222832; display: inline-block; padding-left: 35px; background: url(../images/icon/checkbox.png) no-repeat left top; background-size: 25px auto;}
.styled-checkbox-wrapper label:hover {cursor: pointer;}
.styled-checkbox-wrapper input[type="checkbox"]:checked + label {background: url(../images/icon/checkbox-checked.png) no-repeat left top; background-size: 25px auto;}

input[type="radio"] {font-family: 'GeneralFont', Arial, Verdana;font-size: 15px; line-height: 23px;}
.styled-radio-wrapper input[type="radio"] {display:none;}
.styled-radio-wrapper label {display:inline-block; padding: 1px 0px 0px 31px; font-size: 15px; line-height: 23px; font-family: 'GeneralFont', Arial, Verdana; background: url(../images/icon/radio-off.png) no-repeat left top 0px; cursor: pointer;}
.styled-radio-wrapper input[type="radio"]:checked + label {background: url(../images/icon/radio-on.png) no-repeat left top 0;}

input[type="file"] {font-family: 'GeneralFont', Arial, Verdana;}
.styled-input-file-wrapper {cursor: pointer; font-size: 15px; line-height: 23px; display: inline-block; color: #222832; font-family: 'GeneralFont', Arial, Verdana; box-sizing: border-box; padding: 10px 15px; height: 45px; border: 1px solid #e6e6e6; background: url(../images/icon/file-upload.png) no-repeat 99% center; background-size: 16px 16px;}
.styled-input-file-wrapper:hover {background: #fcfcfc;}
.styled-input-file-wrapper input[type="file"] {display: none;}
.styled-input-file-wrapper label {}

input[type="submit"], button, a.btn {display: inline-block; background: #ffc400; border: none; outline: 0; box-sizing: border-box; cursor: pointer;
font-family: 'SemiBoldFont', Arial, Verdana; color: #222832; font-size: 14px; line-height: 14px; height: 45px; padding: 10px 20px; color: #ffffff; text-align: center;
border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -o-border-radius: 50px;
transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
a.btn {line-height: 25px; min-width: 160px;}
input[type="submit"]:hover, input[type="submit"]:focus, button:hover, button:focus, a.btn:hover, a.btn:focus {color: #ffffff; background: #2f3847;}
/* /FORM */


/* HEADER */
#header {}

#header-top-sfw {padding: 30px 0; background: #fafafa;}

#hlogo-ct {float: left; width: 25%; box-sizing: border-box; margin-top: 9px;}
img#logo {height: 26px;}

#hsearch-ct {float: left; width: 50%; box-sizing: border-box; padding-left: 50px; padding-right: 50px;}
.search-form {position: relative;}
.search-form input[type="text"] {border: 1px solid #e6e6e6; height: 44px; padding-left: 25px; padding-right: 60px; background: #ffffff;
border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -o-border-radius: 30px;}
.search-form input[type="text"]::-webkit-input-placeholder, .search-form input[type="text"]::placeholder{color: #bfbfbf;}
.search-form input[type="text"]:hover, .search-form input[type="text"]:focus {background: #ffffff;}
.search-form input[type="submit"] {background: none; border: none; width: 18px; height: 18px; background: url(../images/icon/lup.png) no-repeat center; background-size: 18px 18px; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); cursor: pointer;
transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
.search-form input[type="submit"]:hover {background: url(../images/icon/lup-hover.png) no-repeat center; background-size: 18px 18px;}

#hicon-ct {float: left; width: 25%; margin-top: 10px;}
ul#hicon-list {float: right;}
ul#hicon-list > li {float: left; margin-right: 25px;}
ul#hicon-list > li:last-child {margin-right: 0;}
ul#hicon-list > li > a {display: inline-block; background-size: 100% 100%; cursor: pointer;
transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
ul#hicon-list > li > a:hover {background-size: 100% 100%;}
a#hic-login {width: 23px; height: 24px; background: url(../images/icon/hic-login.png);}
a#hic-login:hover {background: url(../images/icon/hic-login-hover.png);}
a#hic-register {width: 24px; height: 24px; background: url(../images/icon/hic-register.png);}
a#hic-register:hover {background: url(../images/icon/hic-register-hover.png);}
a#hic-my-account {width: 24px; height: 24px; background: url(../images/icon/hic-my-account.png);}
a#hic-my-account:hover {background: url(../images/icon/hic-my-account-hover.png);}
a#hic-my-password {width: 26px; height: 24px; background: url(../images/icon/hic-my-password.png);}
a#hic-my-password:hover {background: url(../images/icon/hic-my-password-hover.png);}
a#hic-my-order {width: 20px; height: 24px; background: url(../images/icon/hic-my-order.png);}
a#hic-my-order:hover {background: url(../images/icon/hic-my-order-hover.png);}
a#hic-payment-confirmation {width: 23px; height: 24px; background: url(../images/icon/hic-payment-confirmation.png);}
a#hic-payment-confirmation:hover {background: url(../images/icon/hic-payment-confirmation-hover.png);}
a#hic-logout {width: 27px; height: 24px; background: url(../images/icon/hic-logout.png);}
a#hic-logout:hover {background: url(../images/icon/hic-logout-hover.png);}

#header-bottom-sfw {padding: 20px 0 15px 0;}
ul#header-nav-list {}
ul#header-nav-list > li {float: left; margin-right: 50px; position: relative;}
ul#header-nav-list > li:last-child {margin-right: 0;}
ul#header-nav-list > li.dresp {display: none;}
ul#header-nav-list > li > a {font-family: 'TitleMediumFont', Arial, Verdana; color: #222832; font-size: 14px; line-height: 30px; cursor: pointer;}
ul#header-nav-list > li > a:hover {color: #ffc400;}
ul#header-nav-list > li > a.active, ul#header-nav-list > li > a.active:hover {color: #ffc400;}
ul#header-nav-list > li.shcart {float: right; padding-left: 40px;}
ul#header-nav-list > li.shcart p, ul#header-nav-list > li.shcart p a {text-align: right; font-size: 13px; line-height: 30px;}
ul#header-nav-list > li.shcart p b, ul#header-nav-list > li.shcart p a b {font-size: 18px;}
ul#header-nav-list > li.shcart p a:hover {color: #ffc400;}
ul#header-nav-list > li.shcart .bag-icon {position: absolute; left: 0;}
ul#header-nav-list > li.shcart .bag-icon img {height: 30px;}
ul#header-nav-list > li.shcart .bag-icon span {position: absolute; bottom: -10px; right: -10px; width: 24px; height: 24px; background: #ffc400; color: #ffffff; font-size: 10px; line-height: 24px; text-align: center; font-family: 'TitleBoldFont', Arial, Verdana;
border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%;}
.header-subnav-container {position: absolute; padding-top: 17px; margin-left: -50px; z-index: 1650; display: none;}
.header-subnav-container.type-2 {margin-left: -25px;}
.header-subnav-container .inner {width: 600px; box-sizing: border-box; padding: 50px; padding-bottom: 0; background: #ffffff; max-height: 450px; overflow-y: scroll;
box-shadow: 0px 0px 10px #e6e6e6; -webkit-box-shadow: 0px 0px 10px #e6e6e6; -moz-box-shadow: 0px 0px 10px #e6e6e6; -o-box-shadow: 0px 0px 10px #e6e6e6;}
.header-subnav-container .inner::-webkit-scrollbar {display: none;}
.header-subnav-container .inner.no-record {width: 350px; padding: 30px; padding-bottom: 30px;}
.header-subnav-container.type-2 .inner {width: 250px; padding: 0;}
ul.header-subnav-list {}
ul.header-subnav-list > li {float: left; width: 45%; margin-right: 10%; margin-bottom: 60px;}
ul.header-subnav-list > li:nth-child(2n) {margin-right: 0;}
ul.header-subnav-list > li:nth-child(2n + 1) {clear: both;}
ul.header-subnav-list.full-width > li {float: none; width: 100%; margin: 0;}
ul.header-subnav-list > li h3 {font-family: 'TitleBoldFont', Arial, Verdana; color: #222832; border-bottom: 1px solid #e6e6e6; font-size: 16px; line-height: 24px; padding-bottom: 10px; margin-bottom: 10px;}
ul.header-subnav-list > li h3.active {color: #ffc400;}
ul.header-subnav-list.full-width > li > a {font-size: 14px; line-height: 22px; display: block; padding: 10px 20px; border-bottom: 1px solid #efefef;}
ul.header-subnav-list.full-width > li > a:hover {padding-left: 30px; color: #ffc400;}
ul.header-subnav-list.full-width > li > a.active, ul.header-subnav-list.full-width > li > a.active:hover {padding-left: 20px; color: #ffc400; font-family: 'BoldFont', Arial, Verdana;}
ul.header-subnav-item-list {}
ul.header-subnav-item-list > li {margin-bottom: 10px;}
ul.header-subnav-item-list > li:last-child {margin-bottom: 0;}
ul.header-subnav-item-list > li > a {color: #333333; font-size: 14px; line-height: 20px;}
ul.header-subnav-item-list > li > a:hover {color: #ffc400;}
ul.header-subnav-item-list > li > a.active, ul.header-subnav-item-list > li > a.active:hover {color: #ffc400; font-family: 'BoldFont', Arial, Verdana;}

#header-resp {display: none;}
#header-nav-resp {display: none;}

@media only screen and (max-width: 1024px) {
	#hicon-ct {display: none;}
	#hsearch-ct {float: right; padding: 0;}
	
	ul#header-nav-list > li {margin-right: 40px;}
	ul#header-nav-list > li.dresp {display: block;}
}

@media only screen and (max-width: 768px) {
	#header {display: none;}
	
	#header {display: none;}
	
	#header-resp {display: block; position: fixed; top: 0; z-index: 1700; background: #fafafa; padding: 15px 0; height: 30px;
	transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;
	box-shadow: 0px 0px 10px #dfdfdf; -webkit-box-shadow: 0px 0px 10px #dfdfdf; -moz-box-shadow: 0px 0px 10px #dfdfdf; -o-box-shadow: 0px 0px 10px #dfdfdf;}	
	#hresp-logo-ct {float: left;}
	#hresp-logo-ct img {height: 26px;}
	#hresp-nav-ct {float: right;}
	ul#hresp-nav-list {}
	ul#hresp-nav-list > li {float: left; margin-right: 10px; position: relative; width: 30px; height: 30px;}
	ul#hresp-nav-list > li:last-child {margin-right: 0;}
	ul#hresp-nav-list > li img {height: 30px; width: auto; cursor: pointer; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
	transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;
	-webkit-backface-visibility: hidden;}
	img#hnav-icon {height: 16px !important;}
	ul#hresp-nav-list > li img:hover {opacity: 0.7;}
	ul#hresp-nav-list > li .shcart-num {position: absolute; top: -10px; right: -10px; width: 24px; height: 24px; font-size: 11px; line-height: 24px; font-family: 'BoldFont', Arial, Verdana; text-align: center; background: #ffc400; color: #fff; z-index: 100;
	border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%;}
	
	#header-nav-resp {position: fixed; display: block; top: 0; left: 100%; width: 100%; height: 100vh; z-index: 2000; background: #fafafa;
	transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in;}
	#header-nav-resp.displayed {left: 0;}
	#header-nav-resp-close-btn {position: absolute; top: 10px; right: 10px; z-index: 102; width: 20px; height: 20px; cursor: pointer; background: url(../images/icon/close.png) no-repeat center; background-size: 20px 20px;
	transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;
	-webkit-backface-visibility: hidden;}
	#header-nav-resp-close-btn:hover {opacity: 0.7;}
	#header-nav-resp-inner {width: 75%; margin: 0 auto; height: 100%; box-sizing: border-box; padding: 60px 0; overflow-y: scroll;}
	#header-nav-resp-inner::-webkit-scrollbar {display: none;}
	#header-nav-resp-search-ct {width: 100%; box-sizing: border-box; position: relative; margin-bottom: 30px;}
	#header-nav-resp-search-ct img {margin: 0 auto; max-height: 30px; margin-bottom: 20px;}
	#header-nav-resp-list-ct {width: 100%; height: 75%; box-sizing: border-box; overflow-y: scroll;}
	#header-nav-resp-list-ct::-webkit-scrollbar {display: none;}
	ul#header-nav-resp-list > li {padding: 10px 0; border-bottom: 1px solid #e6e6e6;}
	ul#header-nav-resp-list > li a {display: inline-block; color: #2f3847; font-family: 'TitleMediumFont'; cursor: pointer; font-size: 14px;
	transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
	ul#header-nav-resp-list > li a:hover {color: #ffc400; text-decoration: none;}
	ul#header-nav-resp-list > li a.active, ul#header-nav-resp-list > li a.active:hover {font-family: 'TitleBoldFont' !important; color: #ffc400;}
	ul#header-nav-resp-list > li a.has-sub, ul#header-nav-resp-list > li a.has-sub-sub {padding-right: 23px; background: url(../images/icon/arrow-down.png) no-repeat right top 9px; background-size: 10px auto;}
	ul#header-nav-resp-list > li a.has-sub.opened, ul#header-nav-resp-list > li a.has-sub-sub.opened {background: url(../images/icon/arrow-up.png) no-repeat right top 9px; background-size: 10px auto;}
	.header-subnav-resp-ct, .header-sub-subnav-resp-ct {padding-left: 30px; padding-right: 30px; display: none;}
	ul.header-subnav-resp-list > li > a {font-family: 'TitleFont' !important;}
	ul.header-subnav-resp-list > li > a.has-sub-sub {font-family: 'TitleMediumFont' !important;}
	ul.header-sub-subnav-resp-list > li > a {font-family: 'TitleFont' !important;}
}

@media only screen and (max-width: 500px) {
	#header-nav-resp-inner {width: 85%;}
	#header-nav-resp-search-ct .search-form input[type="text"] {padding-left: 20px; padding-right: 50px;}
	.search-form input[type="submit"] {right: 10px;}
}
/* /HEADER */


/* HOME */
#home-slideshow-sfw {margin-bottom: 50px;}
#home-slideshow-sfw .slick-dots {bottom: auto; left: auto; right: auto; right: 20px; top: 50%; transform: translateY(-50%); width: auto;}
#home-slideshow-sfw .slick-dots li {width: 20px; height: 20px; display: block; margin-bottom: 15px;}
#home-slideshow-sfw .slick-dots li:last-child {margin-bottom: 0;}
#home-slideshow-sfw .slick-dots li button { width: 20px; height: 20px; background: url(../images/icon/bullet.png) no-repeat center; background-size: 20px auto;
transition: background 0.2s linear; -webkit-transition: background 0.2s linear; -moz-transition: background 0.2s linear; -o-transition: background 0.2s linear;}
#home-slideshow-sfw .slick-dots li button::before {content: "";}
#home-slideshow-sfw .slick-dots li.slick-active button {background: url(../images/icon/bullet-active.png) no-repeat center; background-size: 20px auto;}
.slideshow-item {}
.slideshow-item img.featured {display: block; width: 100%;}
.slideshow-item img.thumb {display: none;}

#home-product-new-sfw {margin-bottom: 50px;}
h2.section-title {font-family: 'TitleThinFont', Arial, Verdana; margin-bottom: 50px; text-align: center;}
h2.section-title b {font-family: 'TitleBoldFont', Arial, Verdana;}
ul.new-product-list {}
ul.new-product-list > li {float: left; width: 25%; box-sizing: border-box; border-right: 1px dashed #e6e6e6; border-top: 1px dashed #e6e6e6;}
ul.new-product-list > li:nth-child(4n) {border-right: 1px solid transparent;}
ul.new-product-list > li:nth-child(-n + 4) {border-top: 1px solid transparent;}

ul.new-product-list > li .product-item .desc-wrap {min-height: 175px;}
.product-item {position: relative;}
.product-item .img-wrap {position: relative;}
.product-item .img-wrap img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 80%; max-height: 80%;}
.prd-ribbon-ct {position: absolute; top: 0; right: 0; z-index: 1600;}
.prd-ribbon-ct .prd-ribbon {display: block; width: 75px; box-sizing: border-box; padding: 5px 12px; font-size: 14px; line-height: 20px; color: #fff; text-align: center; margin-bottom: 5px;}
.prd-ribbon-ct .prd-ribbon:last-child {margin-bottom: 0;}
.prd-ribbon-ct .prd-ribbon.ribbon-new {background: #77a464;}
.prd-ribbon-ct .prd-ribbon.ribbon-sale {background: #2659cf;}
.prd-oos-ct {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.8); z-index: 1700;}
.prd-oos-ct span {position: absolute; top: 0; left: 0; z-index: 1800; font-size: 12px; line-height: 12px; display: inline-block; padding: 5px 12px; background: #ca0036; color: #fff;}
.product-item .desc-wrap {padding: 20px; box-sizing: border-box;}
.product-item .desc-wrap h3, .product-item .desc-wrap h3 a {font-family: 'TitleBoldFont', Arial, Verdana; font-size: 16px; line-height: 22px; color: #444444; margin-bottom: 5px;}
.product-item .desc-wrap h3 a:hover {color: #ffc400;}
.product-item .desc-wrap p.price {font-family: 'BoldFont', Arial, Verdana; color: #ffc400; font-size: 20px; line-height: 26px;}
.product-item .desc-wrap p.price span {font-family: 'GeneralFont', Arial, Verdana; display: inline-block; font-size: 12px; color: #c4c4c4; margin-right: 5px; text-decoration: line-through;}
a.add-to-cart-btn {font-size: 13px; line-height: 13px; display: inline-block; padding: 10px 20px; background: #ffc400; color: #fff; cursor: pointer; text-align: center; border: 1px solid #ffc400;
border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -o-border-radius: 50px;}
a.add-to-cart-btn:hover {background: #ffffff; color: #ffc400;}
a.add-to-cart-btn.oos-btn, a.add-to-cart-btn.oos-btn:hover {background: #cfcfcf; border: 1px solid #cfcfcf; color: #fff; cursor: not-allowed;}
.product-item .desc-wrap a.add-to-cart-btn {margin-top: 10px;}
.product-item.inline {box-sizing: border-box; padding: 12px;}
.product-item.inline .inner {background: #fff; position: relative;
box-shadow: 0px 0px 10px #e6e6e6; -webkit-box-shadow: 0px 0px 10px #e6e6e6; -moz-box-shadow: 0px 0px 10px #e6e6e6; -o-box-shadow: 0px 0px 10px #e6e6e6;}
.product-item.inline .img-wrap {float: left; width: 40%;}
.product-item.inline .desc-wrap {float: left; width: 60%;}

#home-banner-top-sfw {margin-bottom: 50px;}

#home-product-sale-sfw {margin-bottom: 50px;}
#home-product-sale-sfw .product-item.inline .img-wrap, #prd-other-sfw .product-item.inline .img-wrap {height: 200px;}
#home-product-sale-sfw .product-item.inline .desc-wrap, #prd-other-sfw .product-item.inline .desc-wrap {padding-top: 45px;}
.product-slick-list {padding-top: 30px;}
.product-slick-list .slick-prev, .product-slick-list .slick-next {width: 35px; height: 35px; z-index: 1000; top: -5px;
transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
.product-slick-list .slick-prev:before, .product-slick-list .slick-next:before {content: "";}
.product-slick-list .slick-prev, .product-slick-list .slick-prev:focus {background: url(../images/icon/button-left.png) no-repeat center ; background-size: 35px 35px; left: 47%;}
.product-slick-list .slick-prev:hover {background: url(../images/icon/button-left-hover.png) no-repeat center ; background-size: 35px 35px;}
.product-slick-list .slick-next, .product-slick-list .slick-next:focus {background: url(../images/icon/button-right.png) no-repeat center ; background-size: 35px 35px; left: 50.5%;}
.product-slick-list .slick-next:hover {background: url(../images/icon/button-right-hover.png) no-repeat center ; background-size: 35px 35px;}

#home-banner-bottom-sfw {margin-bottom: 50px;}

@media only screen and (max-width: 1200px) {
	.product-slick-list .slick-prev, .product-slick-list .slick-prev:focus {left: 46.5%;}
	.product-slick-list .slick-next, .product-slick-list .slick-next:focus {left: 50.5%;}
}

@media only screen and (max-width: 1024px) {
	ul.new-product-list > li:nth-child(4n) {border-right: 1px dashed #e6e6e6;}
	ul.new-product-list > li:nth-child(-n + 4) {border-top: 1px dashed #e6e6e6;}	
	ul.new-product-list > li {width: 33.333%;}
	ul.new-product-list > li:nth-child(3n) {width: 33.334%; border-right: 1px solid transparent;}
	ul.new-product-list > li:nth-child(-n + 3) {border-top: 1px solid transparent;}
	
	.product-slick-list .slick-prev, .product-slick-list .slick-prev:focus {left: 44.5%;}
	.product-slick-list .slick-next, .product-slick-list .slick-next:focus {left: 51%;}		
	#home-product-sale-sfw .product-item.inline .img-wrap, #prd-other-sfw .product-item.inline .img-wrap {float: none; width: 100%; height: 250px;}
	#home-product-sale-sfw .product-item.inline .desc-wrap, #prd-other-sfw .product-item.inline .desc-wrap {float: none; width: 100%; padding-top: 20px; min-height: 175px;}
	
}

@media only screen and (max-width: 768px) {
	#mt-top-resp {height: 60px;}	
	
	.slideshow-item img.featured {display: none;}
	.slideshow-item img.thumb {display: block;}
	
	ul.new-product-list > li:nth-child(3n) {border-right: 1px dashed #e6e6e6;}
	ul.new-product-list > li:nth-child(-n + 3) {border-top: 1px dashed #e6e6e6;}	
	ul.new-product-list > li, ul.new-product-list > li:nth-child(3n) {width: 50%;}
	ul.new-product-list > li:nth-child(2n) {border-right: 1px solid transparent;}
	ul.new-product-list > li:nth-child(-n + 2) {border-top: 1px solid transparent;}
}

@media only screen and (max-width: 500px) {
	#home-slideshow-sfw .slick-dots {right: 5px;}
	#home-slideshow-sfw .slick-dots li {width: 16px; height: 16px; margin-bottom: 10px;}
	#home-slideshow-sfw .slick-dots li button { width: 16px; height: 16px; background-size: 16px auto;}
	#home-slideshow-sfw .slick-dots li.slick-active button {background-size: 16px auto;}
	
	.product-item .desc-wrap h3, .product-item .desc-wrap h3 a {font-size: 15px; line-height: 21px;}
	.product-item .desc-wrap p.price {font-size: 16px; line-height: 22px;}
	.product-item .desc-wrap p.price span {font-size: 11px;}
	.prd-ribbon-ct .prd-ribbon {font-size: 13px; line-height: 18px; width: 65px;}
	
	.product-slick-list .slick-prev, .product-slick-list .slick-prev:focus {left: 41.5%;}
	.product-slick-list .slick-next, .product-slick-list .slick-next:focus {left: 51%;}
	#home-product-sale-sfw .product-item.inline, #prd-other-sfw .product-item.inline {padding: 12px 8px;}
	#home-product-sale-sfw .product-item.inline .img-wrap, #prd-other-sfw .product-item.inline .img-wrap {float: none; width: 100%; height: 225px;}
}

@media only screen and (max-width: 360px) {
	ul.new-product-list > li .product-item .desc-wrap {min-height: 200px;}
	ul.new-product-list > li .product-item .desc-wrap p.price span {display: block; margin-right: 0; line-height: 18px;}
	ul.new-product-list > li .product-item .desc-wrap p.price {font-size: 14px;}
	
	.product-slick-list .slick-prev, .product-slick-list .slick-prev:focus {left: 38.5%;}
	#home-product-sale-sfw .product-item.inline .img-wrap, #prd-other-sfw .product-item.inline .img-wrap {height: 180px;}
	#home-product-sale-sfw .product-item  .desc-wrap p.price span, #prd-other-sfw .product-item  .desc-wrap p.price span  {display: block; margin-right: 0; line-height: 18px;}
	#home-product-sale-sfw .product-item  .desc-wrap p.price, #prd-other-sfw .product-item  .desc-wrap p.price {font-size: 14px;}
}
/* /HOME */


/* ABOUT */
#content {min-height: 300px;}
#breadcrumb-sfw {padding: 30px 0;}

ul#breadcrumb-list {}
ul#breadcrumb-list > li {float: left; margin-right: 15px;}
ul#breadcrumb-list > li:last-child {margin-right: 0;}
ul#breadcrumb-list > li > a {font-size: 13px; line-height: 21px; color: #bcbcbd; display: inline-block;}
ul#breadcrumb-list > li > a:hover {color: #222832;}
ul#breadcrumb-list > li > a.active, ul#breadcrumb-list > li > a.active:hover {font-family: 'BoldFont', Arial, Verdana; color: #222832;}
ul#breadcrumb-list > li > a.sep, ul#breadcrumb-list > li > a.sep:hover {color: #bcbcbd; font-size: 12px;}

#about-content-sfw {margin-bottom: 50px;}
ul#about-point-list {}
ul#about-point-list > li {margin-bottom: 100px;}
ul#about-point-list > li:last-child {margin-bottom: 0;}
ul#about-point-list > li .img-wrap {float: left; width: 55%;}
ul#about-point-list > li .img-wrap img {}
ul#about-point-list > li .desc-wrap {float: right; width: 42%;}
ul#about-point-list > li:nth-child(even) .img-wrap {float: right;}
ul#about-point-list > li:nth-child(even) .desc-wrap {float: left;}
ul#about-point-list > li .desc-wrap.full-width {float: none !important; width: 100%;}
h3.abp-title {font-family: 'TitleBoldFont', Arial, Verdana; margin-bottom: 20px; margin-top: -5px;}

@media only screen and (max-width: 768px) {
	ul#about-point-list > li  {padding-bottom: 50px; margin-bottom: 50px; border-bottom: 1px dashed #e6e6e6;}
	ul#about-point-list > li:last-child {padding-bottom: 0; margin-bottom: 0; border-bottom: none;}
	ul#about-point-list > li .img-wrap, ul#about-point-list > li .desc-wrap {float: none !important; width: 100% !important;}
	ul#about-point-list > li .img-wrap {margin-bottom: 30px;}
}
/* /ABOUT */


/* PAGES */
#pages-content-sfw {margin-bottom: 50px;}
h2.main-title {margin-bottom: 20px;}

@media only screen and (max-width: 500px) {
	h2.main-title {}
}
/* /PAGES */


/* FAQ */
#faq-content-sfw {margin-bottom: 50px;}

ul#faq-list {}
ul#faq-list > li {padding: 20px 0; border-top: 1px solid #e6e6e6;}
ul#faq-list > li:last-child {border-bottom: 1px solid #e6e6e6;}
ul#faq-list > li .question {padding-right: 30px; background: url(../images/icon/arrow-down.png) no-repeat right 5px center; background-size: 16px auto;}
ul#faq-list > li .question.opened {background: url(../images/icon/arrow-up.png) no-repeat right 5px center; background-size: 16px auto;}
ul#faq-list > li .question h3 {font-family: 'TitleBoldFont', Arial, Verdana; font-size: 18px; line-height: 24px; cursor: pointer; margin-bottom: 0;
transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
ul#faq-list > li .question h3:hover {color: #ffc400;}
ul#faq-list > li .question.opened h3, ul#faq-list > li .question.opened h3:hover {font-family: 'TitleBoldFont', Arial, Verdana; color: #ffc400;}
ul#faq-list > li .answer {margin-top: 30px; display: none;}

@media only screen and (max-width: 768px) {
	ul#faq-list > li .question, ul#faq-list > li .question.opened {background-size: 12px auto;}
}
@media only screen and (max-width: 500px) {
	ul#faq-list > li .question h3 {font-size: 16px; line-height: 22px;}
}
/* /FAQ */


/* PRODUCT */
#product-content-sfw {padding: 50px 0; background: #f7f8f9;}

#product-sidebar-ct {float: left; width: 22%;}
.sidebar-ct .sidebar-section-ct {margin-bottom: 30px;}
.sidebar-ct .sidebar-section-ct:last-child {margin-bottom: 0;}
.sidebar-section-ct h3 {font-size: 20px; line-height: 26px; font-family: 'TitleBoldFont', Arial, Verdana; margin-bottom: 20px;}
ul.sidebar-nav-list {}
ul.sidebar-nav-list > li {}
ul.sidebar-nav-list > li > a {font-family: 'BoldFont', Arial, Verdana; display: block; font-size: 15px; line-height: 21px; border-top: 1px solid #e6e6e6; padding: 10px 0; cursor: pointer;}
ul.sidebar-nav-list > li:last-child > a {border-bottom: 1px solid #e6e6e6;}
ul.sidebar-nav-list > li > a:hover {color: #ffc400;}
ul.sidebar-nav-list > li > a.active, ul.sidebar-nav-list > li > a.active:hover {font-family: 'BoldFont', Arial, Verdana; color: #ffc400;}
ul.sidebar-nav-list > li > a.has-sub {padding-right: 30px; background: url(../images/icon/arrow-down.png) no-repeat right center; background-size: 12px auto;}
ul.sidebar-nav-list > li > a.has-sub.opened {background: url(../images/icon/arrow-up.png) no-repeat right center; background-size: 12px auto;}
.sidebar-subnav-container {display: none;}
.sidebar-subnav-container.displayed {display: block;}
ul.sidebar-subnav-list {}
ul.sidebar-subnav-list > li {padding-left: 30px;}
ul.sidebar-subnav-list > li > a {display: block; font-size: 14px; line-height: 20px; border-top: 1px solid #e6e6e6; padding: 10px 0;}
ul.sidebar-nav-list > li:last-child ul.sidebar-subnav-list > li:first-child > a {border-top: none;}
ul.sidebar-subnav-list > li > a:hover {color: #ffc400;}
ul.sidebar-subnav-list > li > a.active, ul.sidebar-subnav-list > li > a.active:hover {font-family: 'BoldFont', Arial, Verdana; color: #ffc400;}

ul.gen-list {}
ul.gen-list > li {margin-bottom: 20px;}
ul.gen-list > li:last-child {margin-bottom: 0;}

#product-list-ct {float: right; width: 75%;}
#product-filter-ct {margin-bottom: 30px;}
.gen-filter-form .gfr-ct-section {float: left; margin-right: 35px;}
.gen-filter-form .gfr-ct-section.no-mr {margin-right: 0;}
.gen-filter-form .gfr-ct {float: left; margin-right: 15px; margin-bottom: 10px;}
.gen-filter-form .gfr-ct.no-mr {margin-right: 0;}
.gen-filter-form .gfr-ct.mr-wide {margin-right: 30px;}
.gen-filter-form .gfr-ct:last-child, .gen-filter-form .gfr-ct.mr-wide:last-child {margin-right: 0;}
.gen-filter-form label.label-inline {font-family: 'BoldFont', Arial, Verdana; font-size: 14px; line-height: 45px;}
.gen-filter-form label.label-inline.xl {font-size: 24px;}
.gen-filter-form label.label-inline.xl span.ltr {font-size: 14px; display: inline-block; margin-right: 5px; text-decoration: line-through; color: #c4c4c4; font-family: 'GeneralFont', Arial, Verdana;}
.gen-filter-form .styled-select-wrapper {display: inline-block; width: 250px; background-position: right 20px center;
border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -o-border-radius: 50px;}
.gen-filter-form .styled-select-wrapper select {font-size: 14px; padding: 10px 15px;}
.gen-filter-form input[type="text"], .gen-filter-form input[type="number"] {width: 90px; font-size: 14px;
border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -o-border-radius: 50px;}
.gen-filter-form input[type="number"] {text-align: center;}
.gen-filter-form input[type="submit"] {min-width: 100px;}

ul.gen-product-list {}
ul.gen-product-list > li {float: left; width: 24%; margin-right: 1.333%; margin-bottom: 15px;}
ul.gen-product-list > li:nth-child(4n) {margin-right: 0;}
ul.gen-product-list > li:nth-child(4n + 1) {clear: both;}
ul.gen-product-list > li .product-item {background: #fff;}
ul.gen-product-list > li .product-item .desc-wrap  {min-height: 170px;}
ul.gen-product-list > li .product-item .desc-wrap p.price {font-size: 16px;}

#prdet-content-sfw {padding: 50px 0;}
#prdet-content-sfw .wrap {width: 85%;}

#prdet-detail-ct {float: left; width: 35%;}
#prdet-title-ct {margin-bottom: 30px;}
#prdet-title-ct h2 {font-family: 'TitleBoldFont', Arial, Verdana; font-size: 22px; line-height: 30px; margin-bottom: 0;}
#prdet-title-ct small {display: block; margin-top: 10px;}
#prdet-title-ct small, #prdet-title-ct small a {font-size: 12px; line-height: 16px; color: #666666;}
#prdet-title-ct small a:hover {color: #ffc400;}
#prdet-description-ct {margin-bottom: 30px;}
#prdet-price-ct {margin-bottom: 20px;}
#prdet-price-ct input[type="text"] {text-align: center; width: 80px;}
#prdet-detail-ct a.add-to-cart-btn {font-size: 13px; line-height: 13px; padding: 12px 20px; width: 110px;}

#prdet-mainimg-ct {float: right; width: 62.5%;}

#prdet-curimg-ct {float: left; width: 77%; position: relative;}
#prdet-curimg-ct img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 90%; max-height: 90%;}

#prdet-imglist-ct {float: right; width: 18%;}
ul#prdet-imglist-list {}
ul#prdet-imglist-list > li {text-align: center; margin-bottom: 20px;}
ul#prdet-imglist-list > li:last-child {margin-bottom: 0;}
ul#prdet-imglist-list > li .img-wrap {margin: 0 auto; width: 75%; height: 300px; border: 2px solid #f5f5f5; cursor: pointer; overflow: hidden;
border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%;
transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;
-webkit-backface-visibility: hidden;}
ul#prdet-imglist-list > li .img-wrap:hover {border: 2px solid #e6e6e6;}
ul#prdet-imglist-list > li .img-wrap.active, ul#prdet-imglist-list > li .img-wrap.active:hover {opacity: 1.0; border: 2px solid #ffc400;}
ul#prdet-imglist-list > li .img-wrap img {width: 100%; height: 100%; object-fit: cover;}

#prd-other-sfw {padding: 50px 0; background: #f7f8f9;}

@media only screen and (max-width: 1200px) {	
	ul.gen-product-list > li {width: 32.5%; margin-right: 1.25%;}
	ul.gen-product-list > li:nth-child(4n) {margin-right: 1.25%;}
	ul.gen-product-list > li:nth-child(4n + 1) {clear: none;}
	ul.gen-product-list > li:nth-child(3n) {margin-right: 0;}
	ul.gen-product-list > li:nth-child(3n + 1) {clear: both;}
	
	#prdet-content-sfw .wrap {width: 95%;}
	#prdet-detail-ct {width: 40%;}
	#prdet-mainimg-ct {width: 57.5%;}
}

@media only screen and (max-width: 1024px) {	
	#product-sidebar-ct {display: none;}
	#product-list-ct {float: none; width: 100%;}
	
	#prdet-detail-ct .gen-filter-form label.label-inline.xl {font-size: 20px;}
	.gen-filter-form label.label-inline.xl span.ltr {font-size: 12px;}
}

@media only screen and (max-width: 768px) {
	.gen-filter-form .gfr-ct-section {float: none; width: 100%; margin-right: 0; margin-bottom: 10px;}
	
	ul.gen-product-list > li {width: 49%; margin-right: 2%;}
	ul.gen-product-list > li:nth-child(3n) {margin-right: 2%;}
	ul.gen-product-list > li:nth-child(3n + 1) {clear: none;}
	ul.gen-product-list > li:nth-child(2n) {margin-right: 0;}
	ul.gen-product-list > li:nth-child(2n + 1) {clear: both;}		
	
	#prdet-mainimg-ct, #prdet-detail-ct {float: none; width: 100%; margin: 0;}
	#prdet-mainimg-ct {margin-bottom: 50px;}
	
	ul#prdet-imglist-list > li {margin-bottom: 10px;}
}
@media only screen and (max-width: 360px) {
	.gen-filter-form input[type="text"] {width: 92px;}
	
	ul.gen-product-list .product-item .img-wrap {height: 180px;}
	ul.gen-product-list > li .product-item .desc-wrap  {min-height: 200px;}
	ul.gen-product-list .product-item  .desc-wrap p.price span  {display: block; margin-right: 0; line-height: 18px;}
	ul.gen-product-list .product-item  .desc-wrap p.price {font-size: 14px;}
	
}
/* /PRODUCT */


/* CONTACT */
#contact-form-sfw {padding: 400px 0px 60px 0; background: #f7f8f9; position: relative; z-index: 900;}
#contact-form-sfw.no-map {padding-top: 60px !important;}

#contact-gmap-ct {position: absolute; z-index: 950; top: 0; width: 100%;}
#contact-gmap-ct iframe {width: 100% !important; height: 650px !important;}

#contact-container-ct {background: #f0f5f8; height: 780px; box-sizing: border-box; position: relative; z-index: 1000;
box-shadow: 0px 0px 15px #dfdfdf; -webkit-box-shadow: 0px 0px 15px #dfdfdf; -moz-box-shadow: 0px 0px 15px #dfdfdf; -o-box-shadow: 0px 0px 15px #dfdfdf;}
#contact-detail-ct {float: left; width: 32%; height: 100%; box-sizing: border-box; padding: 60px; background: #ffc400;}
#contact-detail-ct .ct-point {margin-bottom: 40px;}
#contact-detail-ct .ct-point:last-child {margin-bottom: 0;}
.ct-point .img-wrap {margin-bottom: 15px;}
.ct-point.location img {height: 36px;}
.ct-point.email img {height: 27px;}
.ct-point.phone img {height: 27px;}
.ct-point.whour img {height: 30px;}
.ct-point h3 {font-family: 'TitleBoldFont', Arial, Verdana; font-size: 18px; line-height: 24px; margin-bottom: 5px;}
.ct-point p, .ct-point p a {font-size: 13px; line-height: 20px;}

#contact-form-ct {float: right; width: 68%; box-sizing: border-box; padding: 60px;}
.gen-form-row {float: left; width: 100%; position: relative; margin-bottom: 15px;}
.gen-form-row label {font-family: 'SemiBoldFont', Arial, Verdana; font-size: 16px; line-height: 45px; color: #333333;}
.gen-form-row .gfr-label {float: left; width: 25%; margin-right: 2%;}
.gen-form-row .gfr-sep {float: left; width: 3%; margin-right: 2%;}
.gen-form-row .gfr-form {float: left; width: 68%;}
#contact-form textarea {height: 120px;}
#contact-form {margin-top: 50px;}
#contact-form ::-webkit-input-placeholder, #contact-form ::placeholder {color: transparent;}
#contact-form input[type="text"], #contact-form input[type="email"], #contact-form textarea {width: 100%; border: 1px solid transparent;}
#contact-form input[type="submit"] {min-width: 180px;}

@media only screen and (max-width: 1200px) {
	#contact-detail-ct, #contact-form-ct  {padding: 40px;}
	#contact-detail-ct {width: 37%;}
	#contact-form-ct {width: 63%;}
}

@media only screen and (max-width: 1024px) {
	#contact-form-sfw  {padding-top: 300px;}
	#contact-gmap-ct iframe {height: 500px !important;}
	
	#contact-detail-ct, #contact-form-ct {float: left; width: 100%;}
	#contact-container-ct {height: auto;}
	#contact-detail-ct  {height: auto;}
	
	#contact-detail-ct .ct-point {float: left; text-align: center; width: 45%; margin-right: 10%;}
	#contact-detail-ct .ct-point:nth-child(2n) {margin-right: 0;}
	#contact-detail-ct .ct-point img {margin-left: auto; margin-right: auto; height: 40px !important; width: auto !important;}
}

@media only screen and (max-width: 768px) {
	.gen-form-row.half-resp {width: 48%; margin-right: 4%;}
	.gen-form-row.half-resp.no-mr {margin-right: 0;}
	
	#contact-form  {margin-top: 30px;}
	#contact-form ::-webkit-input-placeholder, #contact-form ::placeholder {color: #bfbfbf;}
	#contact-form .gen-form-row .gfr-label, #contact-form .gen-form-row .gfr-sep {display: none;}
	#contact-form .gen-form-row .gfr-form {width: 100%;}
	
	#contact-form-sfw  {padding-top: 250;}
	#contact-gmap-ct iframe {height: 450px !important;}
}

@media only screen and (max-width: 500px) {
	#contact-detail-ct .ct-point  {float: none; width: 100%; margin-right: 0; text-align: left; clear: both;}
	#contact-detail-ct .ct-point .img-wrap {float: left; width: 10%;}
	#contact-detail-ct .ct-point .img-wrap img {height: 30px !important; width: auto !important;}
	#contact-detail-ct .ct-point .desc-wrap {float: right; width: 85%;}
	
	.gen-form-row.half-resp {width: 100%; margin-right: 0;}	
}

@media only screen and (max-width: 360px) {
	#contact-detail-ct, #contact-form-ct  {padding: 20px;}	
}
/* /CONTACT */


/* FOOTER */
#footer {}

#footer-top-sfw {padding: 50px 0; background: #fafafa;}
.no-mb {margin-bottom: 0;}
.mb-10 {margin-bottom: 10px;}
.mb-20 {margin-bottom: 20px;}
.mb-30 {margin-bottom: 30px;}
.mt-10 {margin-top: 10px;}
.mt-20 {margin-top: 20px;}

#footer-col-1, #footer-col-2, #footer-col-3, #footer-col-4, #footer-col-5 {float: left; width: 20%; box-sizing: border-box; padding-right: 50px;}
#footer-col-5 {padding-right: 0;}

#footer img {max-height: 30px;}
#footer h2 {font-family: 'BoldFont', Arial, Verdana; color: #2f3847; font-size: 17px; line-height: 24px; margin-bottom: 20px;}
#footer p {font-size: 18px; line-height: 24px; color: #333333;}
#footer p.big {font-family: 'TitleFont', Arial, Verdana;}
#footer small {display: block; font-size: 12px; line-height: 18px; color: #9ca0aa;}

ul.footer-nav-list {}
ul.footer-nav-list > li {margin-bottom: 8px;}
ul.footer-nav-list > li > a {font-size: 13px; line-height: 19px; color: #666666; cursor: pointer;}
ul.footer-nav-list > li > a:hover {color: #ffc400;}

ul.socmed-list {}
ul.socmed-list > li {float: left; margin-right: 5px;}
ul.socmed-list > li:last-child {margin-right: 0;}
ul.socmed-list > li > a {display: inline-block; width: 30px; height: 30px; background-size: 100% 100% !important; cursor: pointer;
transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
ul.socmed-list > li > a.facebook {background: url(../images/icon/ct-facebook.png) no-repeat center;}
ul.socmed-list > li > a.facebook:hover {background: url(../images/icon/ct-facebook-hover.png) no-repeat center;}
ul.socmed-list > li > a.instagram {background: url(../images/icon/ct-instagram.png) no-repeat center;}
ul.socmed-list > li > a.instagram:hover {background: url(../images/icon/ct-instagram-hover.png) no-repeat center;}
ul.socmed-list > li > a.youtube {background: url(../images/icon/ct-youtube.png) no-repeat center;}
ul.socmed-list > li > a.youtube:hover {background: url(../images/icon/ct-youtube-hover.png) no-repeat center;}

#footer-bottom-sfw {background: #2f3847; padding: 15px 0; text-align: center;}
#footer-bottom-sfw p, #footer-bottom-sfw p a {color: #ffffff; font-size: 11px; line-height: 16px;}
#footer-bottom-sfw p a:hover {text-decoration: underline;}
#copyright {float: left;}
#powered {float: right;}

@media only screen and (max-width: 1200px) {
	#footer-col-1, #footer-col-2, #footer-col-3, #footer-col-4, #footer-col-5 {padding-right: 40px;}
}

@media only screen and (max-width: 1024px) {
	#footer-col-1 {display: none;}
	#footer-col-2, #footer-col-3, #footer-col-4, #footer-col-5 {width: 25%;}
	#footer h2 {font-size: 16px;}
}

@media only screen and (max-width: 768px) {
	#footer-col-2, #footer-col-3 {display: none;}
	#footer-col-4, #footer-col-5 {width: 50%;}
	#footer-col-4 {padding-right: 50px;}
}

@media only screen and (max-width: 500px) {
	#footer-top-sfw {padding: 40px 0;}
	#footer-col-1, #footer-col-4, #footer-col-5 {display: block; float: none; width: 100%; padding-right: 0; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px dashed #e6e6e6;}
	#footer-col-5 {margin-bottom: 0; padding-bottom: 0; border-bottom: none;}
	
	#footer-bottom-sfw  {padding: 12px 0;}
	#copyright, #powered {float: none; width: 100%; text-align: center;}
}
/* /FOOTER */



/* SIGN UP & SIGN IN */
#gen-popup-bg-ct {position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.75); width: 100%; height: 100%; z-index: 2500; display: none;}

.popup-ct {position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); box-sizing: border-box; width: 800px; height: 550px; overflow-y: scroll; overflow-x: visible; background: #f0f5f8; display: none;}
.popup-ct::-webkit-scrollbar {display: none;}
.popup-ct h2 {font-size: 30px; line-height: 36px;}
.popup-form {margin-top: 20px;}
.popup-form .gen-form-row {margin-bottom: 15px;}
.popup-form input[type="text"], .popup-form input[type="email"], .popup-form input[type="password"] {border: none;}
.popup-form ::-webkit-input-placeholder, .popup-form ::placeholder {color: #bfbfbf;}
.popup-form input[type="submit"] {min-width: 150px;}
.popup-img-ct {float: left; width: 40%; height: 100%; box-sizing: border-box; position: relative;}
.popup-img-ct img {width: 100%; height: 100%; object-fit: cover; object-position: top;}
.popup-form-ct {float: right; width: 60%; height: 100%; box-sizing: border-box; padding: 40px 50px; position: relative;}
.popup-close-btn {width: 20px; height: 20px; position: absolute; top: 15px; right: 15px; background: url(../images/icon/close.png) no-repeat center; background-size: 20px 20px; cursor: pointer;
transition: opacity 0.2s linear; -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear;
-webkit-backface-visibility: hidden;}
.popup-close-btn:hover {opacity: 0.5;}
.popup-caption-ct {position: absolute; bottom: 30px; left: 0; width: 100%; text-align: center; box-sizing: border-box; padding: 0 50px;}
.popup-caption-ct p a  {cursor: pointer;
transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
.popup-caption-ct p a:hover {color: #ffc400; text-decoration: none;}
.form-note {color: #2f3847; font-size: 16px; line-height: 16px; font-family: 'SemiBoldFont', Arial, Verdana;}
a.form-note {cursor: pointer;
transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
a.form-note:hover {color: #ffc400;}

@media only screen and (max-width: 1024px) {
	.popup-ct {width: 600px;}
	.popup-img-ct {display: none;}
	.popup-form-ct {float: none; width: 100%;}
}

@media only screen and (max-width: 768px) {	
	.popup-ct {width: 95%;}
}

@media only screen and (max-width: 500px) {
	.popup-caption-ct {padding: 0 30px;}
	.popup-ct h2 {font-size: 26px; line-height: 32px;}
	.popup-caption-ct p, .popup-caption-ct p a  {font-size: 13px; line-height: 18px;}
}

@media only screen and (max-width: 360px) {
	.popup-form-ct {padding: 50px 30px;}s
}
/* /SIGN UP & SIGN IN */


/* SHOPPING CART */
#shcart-content-sfw {padding: 50px 0; background: #f7f8f9;}


/* SHOPPING CART */
#shcart-content-sfw {padding: 50px 0; background: #f5f5f5;}

#shcart-step-1-sfw {margin-bottom: 50px;}
h3.with-icon {font-family: 'SemiBoldFont'; font-size: 18px; line-height: 24px; color: #2f3847;}
h3#protect-icon {padding-left: 40px; background: url(../images/icon/protect.png) no-repeat left center; background-size: 25px auto;}
.shcart-bg-ct {background: #fff; box-sizing: border-box; padding: 30px; position: relative;}
.shcart-bg-ct .inner-pd {padding-right: 60px;}
.shcart-bg-ct h4 {font-family: 'SemiBoldFont'; font-size: 18px; line-height: 24px;}
.shcart-bg-ct a.float-href {display: inline-block; position: absolute; top: 30px; right: 30px; color: #ffc400; font-family: 'SemiBoldFont';}
.shcart-bg-ct a.float-href:hover {text-decoration: underline;}
table.shcart-table {width: 100%;}
table.shcart-table tr td {vertical-align: middle; padding: 10px 15px; font-size: 14px; line-height: 19px; color: #2f3847; font-family: 'GeneralFont'; position: relative; z-index: 50;}
table.shcart-table tr td:first-child, table.shcart-table tr td:last-child {padding-left: 0; padding-right: 0;}
table.shcart-table tr td span.cl-caption {display: block; margin-top: 5px; color: #ffc400; font-size: 13px; line-height: 18px; font-family: 'SemiBoldFont';}
table.shcart-table tr.thead td, table.shcart-table tr.tfoot td {font-family: 'SemiBoldFont'; font-size: 14px; line-height: 19px; color: #2f3847; border-bottom: 1px solid #e6e6e6; padding-top: 0;}
table.shcart-table tr.thead td b, table.shcart-table tr.tfoot td b {font-family: 'BoldFont';}
table.shcart-table tr.tfoot td {padding-top: 10px; border-bottom: none; border-top: 1px solid #e6e6e6;}
table.shcart-table tr.tfoot.no-brd td {border-top: none;}
table.shcart-table tr td img.prd-img {
border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px;}
table.shcart-table tr td .qty-float {position: absolute; top: 5px; right: -8px; width: 25px; height: 25px; border: 2px solid #ffc400; text-align: center; font-family: 'SemiBoldFont'; color: #fff; font-size: 11px; line-height: 25px; background: #ffc400;
border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%;}
table.shcart-table tr td .remove {position: absolute; top: 5px; right: -10px; width: 20px; height: 20px; background: url(../images/icon/remove.png) no-repeat center; background-size: 20px auto; cursor: pointer; z-index: 51;}
table.shcart-table tr td .minus {display: inline-block; margin-right: 5px; width: 16px; height: 16px; background: url(../images/icon/minus-2.png) no-repeat center; background-size: 16px auto; cursor: pointer;}
table.shcart-table tr td .plus {display: inline-block; margin-left: 5px; width: 16px; height: 16px; background: url(../images/icon/plus-2.png) no-repeat center; background-size: 16px auto; cursor: pointer;}
table.shcart-table tr td .qty-input {border: none; width: 50px; text-align: center; border-bottom: 1px solid #e6e6e6; height: 40px;}
#shcart-step-1-table tr td span.prd-code {display: none;}
#shcart-step-1-table-resp {display: none;}

#shcart-table-content {}
#shcart-table-header {padding-bottom: 10px; border-bottom: 1px solid #adb5aa;}
#shcart-table-footer {margin-top: 20px; padding-top: 10px; border-top: 1px solid #adb5aa;}
.shtable-col {float: left; font-size: 14px; line-height: 19px; color: 2f3847; font-family: 'GeneralFont'; box-sizing: border-box; position: relative;}
#shcart-table-header .shtable-col, #shcart-table-footer .shtable-col {font-family: 'BoldFont';}
.shtable-col.prd-img-col {width: 7%; margin-right: 3%;}
.shtable-col.prd-name-col {width: 36%; margin-right: 3%;}
#shcart-table-header .shtable-col.prd-name-col span, #shcart-table-footer .shtable-col.prd-name-col span {display: none;}
.shtable-col.prd-name-col .prd-code {display: none;}
.shtable-col.prd-code-col {text-align: center; width: 14%; margin-right: 3%;}
.shtable-col.prd-qty-col {text-align: center; width: 15%; margin-right: 3%;}
.shtable-col.prd-subtotal-col {text-align: right; width: 16%;}
ul#shcart-content-list {}
ul#shcart-content-list > li {float: left; width: 100%; position: relative; margin-top: 15px; display: flex; align-items: center;}
.shtable-col .remove {position: absolute; top: -5px; right: -10px; width: 20px; height: 20px; background: url(../images/icon/remove.png) no-repeat center; background-size: 20px auto; cursor: pointer; z-index: 51;}
.shtable-col .remove-resp {display: none;}
.shtable-col .minus {display: inline-block; margin-right: 5px; width: 16px; height: 16px; background: url(../images/icon/minus-2.png) no-repeat center; background-size: 16px auto; cursor: pointer;}
.shtable-col .plus {display: inline-block; margin-left: 5px; width: 16px; height: 16px; background: url(../images/icon/plus-2.png) no-repeat center; background-size: 16px auto; cursor: pointer;}
.shtable-col .qty-input {border: none; width: 70px; text-align: center; border: 1px solid #e6e6e6; height: 45px; text-align: center; font-size: 14px;
border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -o-border-radius: 50px;}
.shtable-col .qty-input:hover, .shtable-col .qty-input:focus {background: #fcfcfc;}

#shcart-step-3-sfw {margin-bottom: 50px;}
#shcart-step-3-billing-ct {float: left; width: 48.5%;}
#shcart-step-3-cart-ct {float: right; width: 48.5%;}
.shcart-form label.form-label {color: #2f3847;}
.shcart-form input[type="text"], .shcart-form input[type="email"], .shcart-form textarea {border: 1px solid #e6e6e6; color: #2f3847;}
.shcart-form textarea {height: 125px;}
.shcart-form .styled-select-wrapper {border: 1px solid #e6e6e6;}
.shcart-form .styled-select-wrapper select {color: #2f3847;}
p.small-note {font-family: 'SemiBoldFont';}

#shcart-step-4-sfw {margin-bottom: 50px;}
#shcart-step-4-summary-ct {float: left; width: 48.5%;}
#shcart-step-4-cart-ct {float: right; width: 48.5%;}
#shcart-step-4-sfw .styled-radio-wrapper label {margin-bottom: 10px; font-family: 'MediumFont';}

#shcart-step-5-sfw {margin-bottom: 50px;}
#shcart-step-5-sfw .wrap {width: 80%;}
#shcart-step-5-sfw .shcart-bg-ct {padding: 50px;}

#shcart-prev-next-sfw {}
#shcart-prev-step {float: left;}
#shcart-next-step {float: right;}
#shcart-prev-next-sfw a.gen-btn, #shcart-prev-next-sfw input[type="submit"] {display: inline-block; background: #ffc400; font-size: 15px; line-height: 15px; font-family: 'SemiBoldFont'; color: #fff; padding: 15px 30px; cursor: pointer; border: 1px solid #ffc400; box-sizing: border-box;
transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;
border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -o-border-radius: 50px;}
#shcart-prev-next-sfw a.gen-btn:hover, #shcart-prev-next-sfw input[type="submit"]:hover {background: #ffffff; color: #ffc400;}

@media only screen and (max-width: 1024px) {	
	ul#shcart-step-list > li {width: 25%;}
	ul#shcart-step-list > li:first-child, ul#shcart-step-list > li:last-child {display: none;}
	
	#shcart-step-1-table td:nth-child(3) {display: none;}
	#shcart-step-1-table tr td span.prd-code {display: block; margin-top: 5px;}
	table.shcart-table tr td, table.shcart-table tr.thead td, table.shcart-table tr.tfoot td, table.shcart-table tr td .qty-input {font-size: 13px; line-height: 18px;}
	
	.shcart-form label.form-label {font-size: 15px;}
	.shtable-col {font-size: 13px; line-height: 18px;}
	.shtable-col .qty-input {width: 50px; font-size: 13px;}
	
	#order-step-4-form .gen-form-row {margin-bottom: 0;}
	#order-step-4-form .gfr-half, #order-step-4-form .gfr-full {width: 100%; margin: 0; margin-bottom: 30px;}
	.shcart-form input[type="text"], .shcart-form input[type="email"], .shcart-form input[type="password"], .shcart-form textarea, .shcart-form .styled-select-wrapper select {font-size: 14px;}
}
@media only screen and (max-width: 768px) {	
	#shcart-step-sfw {display: none;}
	table.shcart-table tr td .minus, table.shcart-table tr td .plus {display: none;}
	table.shcart-table tr td, table.shcart-table tr.thead td, table.shcart-table tr.tfoot td, table.shcart-table tr td .qty-input {font-size: 14px; line-height: 20px;}
	
	.shtable-col.prd-img-col {width: 12%; margin-right: 3%;}
	.shtable-col.prd-name-col {width: 40%; margin-right: 3%;}
	.shtable-col.prd-name-col .prd-code {display: block; margin-top: 5px;}
	.shtable-col.prd-code-col {display: none;}
	.shtable-col.prd-qty-col {width: 17%; margin-right: 3%;}
	.shtable-col .minus, .shtable-col .plus {display: none;}	
	.shtable-col .qty-input {width: 60px;}
	.shtable-col.prd-subtotal-col {width: 22%;}
	
	#shcart-step-3-billing-ct, #shcart-step-3-cart-ct {width: 100%; margin: 0;}
	#shcart-step-3-billing-ct {margin-bottom: 50px;}
	#order-step-4-form .gen-form-row {margin-bottom: 30px;}
	#order-step-4-form .gfr-half {width: 48%; margin-right: 4%; margin-bottom: 0;}
	#order-step-4-form .gfr-half:nth-child(2) {margin-right: 0;}
	#order-step-4-form .gfr-full {width: 100%; margin-bottom: 0;}
	
	#shcart-step-4-summary-ct, #shcart-step-4-cart-ct {width: 100%; margin: 0;}
	#shcart-step-4-summary-ct {margin-bottom: 50px;}
	
	.shcart-form input[type="text"], .shcart-form input[type="email"], .shcart-form input[type="password"], .shcart-form textarea, .shcart-form .styled-select-wrapper select {font-size: 13px;}
	
	#shcart-step-5-sfw .wrap  {width: 95%;}
}
@media only screen and (max-width: 600px) {	
	.shtable-col.prd-img-col {display: none;}
	#shcart-table-header .shtable-col.prd-name-col span, #shcart-table-footer .shtable-col.prd-name-col span {display: inline;}
	.shtable-col .remove-resp {display: inline-block; margin-top: 8px; margin-bottom: 20px; font-size: 12px; line-height: 12px; color: #fff; padding: 10px 15px; background: #ffc400; cursor: pointer;
	transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;
	border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -o-border-radius: 50px;}
	.shtable-col .remove-resp:hover {background: #2f3847;}
	
	.shtable-col.prd-name-col {width: 40%; margin-right: 5%;}
	.shtable-col.prd-qty-col {width: 20%; margin-right: 5%;}
	.shtable-col.prd-subtotal-col {width: 30%;}
}
@media only screen and (max-width: 500px) {	
	table.shcart-table tr td, table.shcart-table tr.thead td, table.shcart-table tr.tfoot td, table.shcart-table tr td .qty-input {font-size: 11px; line-height: 16px;}
	#shcart-step-3-table tr td, #shcart-step-3-table tr.thead td, #shcart-step-3-table tr.tfoot td, #shcart-step-3-table tr td .qty-input,
	#shcart-step-4-table tr td, #shcart-step-4-table tr.thead td, #shcart-step-4-table tr.tfoot td, #shcart-step-4-table tr td .qty-input	{font-size: 13px; line-height: 18px;}
	
	.shcart-form label.form-label {font-size: 14px;}
		
	#order-step-3-form .gen-form-row, #order-step-4-form .gen-form-row {margin-bottom: 0;}
	#order-step-3-form .gfr-half, #order-step-3-form .gfr-full,
	#order-step-4-form .gfr-half, #order-step-4-form .gfr-full {width: 100%; margin: 0; margin-bottom: 15px;}
	
	#shcart-next-step, #shcart-prev-step {float: none; width: 100%;}
	#shcart-next-step a, #shcart-prev-step a {display: block; text-align: center; width: 100%;}
	#shcart-next-step a {margin-bottom: 10px;}
	#shcart-next-step input[type="submit"] {margin-top: 0; margin-bottom: 10px; width: 100%;}
	
	#shcart-step-5-sfw .shcart-bg-ct {padding: 50px 25px;}
}

@media only screen and (max-width: 360px) {
	.shcart-bg-ct {padding: 20px;}
	#shcart-step-1-table {display: none;}
	#shcart-step-1-table-resp {display: block;}
	#shcart-step-1-table-resp tr td {vertical-align: middle;}
	#shcart-step-1-table-resp tr td span.prd-code {display: block; margin-top: 5px;}
	#shcart-step-1-table-resp tr td .remove {position: absolute; top: 5px; right: 0;}
	
	.shcart-bg-ct p {font-size: 14px; line-height: 22px;}
	.shcart-bg-ct .inner-pd {padding-right: 0;}
	.shcart-bg-ct a.float-href {position: relative; top: auto; right: auto; margin-top: 30px; background: #ffc400; color: #fff; padding: 7px 25px;
	transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;
	border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -o-border-radius: 50px;}
	.shcart-bg-ct a.float-href:hover {background: #2f3847; color: #fff;}
}
/* /SHOPPING CART */


/* ACCOUNT */
#account-content-sfw {padding: 50px 0; background: #f7f8f9;}

.gen-form-row .gfr-half {float: left; width: 48%; margin-right: 4%; position: relative;}
.gen-form-row .gfr-half:nth-child(2n) {margin-right: 0;}
.gen-form-row .gfr-full {width: 100%; position: relative;}

#account-sidebar-ct {float: left; width: 27%;}

.account-section-ct {box-sizing: border-box; background: #fff; padding: 40px;}
#my-pic-outer-ct {margin-bottom: 30px;}
#my-pic-ct {margin: 0 auto; margin-bottom: 15px; width: 150px; height: 150px; overflow: hidden; position: relative;
border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%;}
#my-pic-ct .cover {position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); display: none;
border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%;}
#my-pic-ct .cover img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: auto; height: 30px; cursor: pointer;}
img#my-pic {width: 100%; height: 100%; object-fit: cover;}
#my-pic-outer-ct h3 {text-align: center; font-size: 16px; line-height: 22px; color: #181818; font-family: 'BoldFont';}
#my-pic-form input[type="reset"], #my-pic-form input[type="submit"], #my-pic-form a.btn {font-size: 14px; line-height: 14px; min-width: 90px; height: 35px; padding: 7px 20px;}
#my-pic-form a.btn {height: 38px; padding-top: 12px; padding-bottom: 12px;}
#my-pic-form input[type="file"] {width: 0; height: 0;}

ul#account-sidebar-nav-list {}
ul#account-sidebar-nav-list > li {margin-bottom: 10px;}
ul#account-sidebar-nav-list > li:last-child {margin-bottom: 0;}
ul#account-sidebar-nav-list > li > a {display: block; background: #fff; padding: 15px 20px; font-family: 'SemiBoldFont'; font-size: 16px; line-height: 22px;
transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
ul#account-sidebar-nav-list > li > a:hover {color: #ffc400;}
ul#account-sidebar-nav-list > li > a.active, ul#account-sidebar-nav-list > li > a.active:hover {color: #ffc400; font-family: 'BoldFont';}
#my-pic-form input[type="reset"] {margin-right: 5px;}

#account-content-ct {float: right; width: 70%; box-sizing: border-box;}
.account-section-title {padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #adb5aa;}
.account-section-title h3{font-family: 'SemiBoldFont'; color: #000; font-size: 26px; line-height: 32px; margin-bottom: 5px;}
.account-section-title p {color: #000; font-size: 15px; line-height: 23px; margin-bottom: 5px;}

.my-account-form label.form-label {font-family: 'SemiBoldFont', Arial, Verdana; font-size: 15px;}
.my-account-form textarea {height: 130px;}
.my-account-form input[type="submit"] {min-width: 200px;}
.my-account-form .gen-form-row {margin-bottom: 35px;}
.my-account-form .gen-form-row label {line-height: 23px; display: inline-block; margin-bottom: 10px;}

ul#my-order-list {}
ul#my-order-list > li {margin-bottom: 20px;
box-shadow: 0px 0px 10px #efefef; -webkit-box-shadow: 0px 0px 10px #efefef; -moz-box-shadow: 0px 0px 10px #efefef; -o-box-shadow: 0px 0px 10px #efefef;}
ul#my-order-list > li:last-child {margin-bottom: 0;}
ul#my-order-list > li h3.title {font-family: 'SemiBoldFont', Arial, Verdana; padding: 20px 25px; background: #fff; font-size: 16px; line-height: 22px; color: #2f3847; padding-right: 50px; background: url(../images/icon/arrow-down.png) no-repeat right 25px center #fff; background-size: 16px auto; cursor: pointer; margin-bottom: 0;
transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
ul#my-order-list > li h3.title:hover {color: #ffc400; background: url(../images/icon/arrow-down.png) no-repeat right 25px center #fff; background-size: 16px auto;}
ul#my-order-list > li h3.title.opened {background: url(../images/icon/arrow-up.png) no-repeat right 25px center #fff; background-size: 20px auto; color: #ffc400;}
.order-detail-list-ct {padding: 25px; background: #f0f5f8; display: none;}
ul.my-order-detail-list {}
ul.my-order-detail-list > li {padding: 20px; background: #fff; font-size: 15px; line-height: 23px; color: #2f3847; font-family: 'SemiBoldFont'; margin-bottom: 30px;}
ul.my-order-detail-list > li:last-child {margin-bottom: 0;}
.order-detail-header {font-family: 'SemiBoldFont'; font-size: 14px;}
.order-detail-header .no {float: left; width: 30%; margin-right: 3%;}
.order-detail-header .date {float: left; width: 20%; margin-right: 3%; text-align: center;}
.order-detail-header .status {float: right; width: 44%; text-align: right;}
.sep-line {height: 1px; background: #e6e6e6; margin-top: 15px; margin-bottom: 15px;}
.order-detail-product {margin-bottom: 20px; display: flex; align-items: center;}
.order-detail-product.no-mb {margin-bottom: 0;}
.order-detail-product .prd {float: left; width: 15%; margin-right: 3%; position: relative; height: 110px;}
.order-detail-product .prd img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 95%; max-height: 95%; z-index: 100;}
.order-detail-product .prd .qty {position: absolute; top: -10px; right: -10px; width: 25px; height: 25px; text-align: center; background: #ffc400; color: #fff; font-size: 11px; line-height: 25px; font-family: 'SemiBoldFont'; z-index: 150;
border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%;}
.order-detail-product .prd-name {float: left; width: 55%; margin-right: 3%;}
.order-detail-product .prd-name span {display: block; font-size: 13px; line-height: 18px; color: #ffc400; font-family: 'SemiBoldFont';}
.order-detail-product .prd-subtotal {float: right; width: 24%; text-align: right;}
.order-detail-footer {font-size: 15px; line-height: 23px; color: #181818;}
.order-detail-footer .caption {float: left; width: 50%; font-family: 'BoldFont';}
.order-detail-footer .value {font-family: 'SemiBoldFont';}
.order-detail-footer .caption.full-width {width: 100%;}
.order-detail-footer .caption p {font-size: 14px; line-height: 20px; color: #2f3847; font-family: 'GeneralFont';}
.order-detail-footer .caption p b {font-size: 15px; line-height: 23px;}
.order-detail-footer .value {float: right; width: 50%; text-align: right;}

#payment-confirmation-form #example1 > div {margin: 0 auto;}
#payment-confirmation-form .styled-input-file-wrapper {width: 200px; text-align: center;}
label.upload-file-info {display: inline-block !important; font-size: 14px !important; line-height: 22px !important; color: #afafaf !important; font-family: 'GeneralFont', Arial, Verdana !important; margin-left: 10px;}
label.upload-file-info.no-ml {margin-left: 0;}
label.upload-file-info.dis-bl {display: block !important;}

@media only screen and (max-width: 1200px) {
	#account-sidebar-ct {width: 32%;}
	#account-content-ct {width: 65%;}
	
	ul#my-order-list > li h3.title {padding: 20px 25px;}
	ul.my-order-detail-list > li {font-size: 14px; line-height: 20px;}
	.order-detail-header .no, .order-detail-header .date {width: 50%; margin: 0;}
	.order-detail-header .date {text-align: right; color: #2f3847;}
	.order-detail-header .status {float: none; width: 100%; margin: 0; text-align: left;}
	.order-detail-product .prd  {height: 90px;}
	.order-detail-product .prd-name {margin-top: 0; width: 45%;}
	.order-detail-product .prd-name span {margin-top: 3px;}
	.order-detail-product .prd-subtotal {width: 34%; margin-top: 0;}
	.order-detail-footer {font-size: 14px; line-height: 20px;}
	.order-detail-footer .caption p {font-size: 13px; line-height: 18px;}
	.order-detail-footer .caption p b {font-size: 14px; line-height: 20px;}
}
@media only screen and (max-width: 1024px) {
	#account-sidebar-ct {width: 33%;}
	#account-content-ct {width: 64%;}
	
	.account-section-ct  {padding: 30px;}
	.order-detail-product .prd {display: none;}
	.order-detail-product .prd-name {width: 55%; margin-right: 5%}
	.order-detail-product .prd-subtotal {width: 40%;}
}
@media only screen and (max-width: 768px) {
	.account-section-ct {padding: 20px;}
	
	#account-sidebar-ct, #account-content-ct {width: 100%; margin: 0;}
	#account-content-ct {margin-bottom: 30px;}
	#account-sidebar-nav-ct {display: none;}
}

@media only screen and (max-width: 500px) {
	.account-section-title h3 {font-size: 22px; line-height: 30px;}
	.account-section-title p {font-size: 15px; line-height: 21px;}
	
	.my-account-form .gen-form-row {margin-bottom: 0;}
	.my-account-form .gfr-half, .my-account-form .gfr-full {width: 100%; margin: 0; margin-bottom: 30px;}
	.my-account-form label.form-label, .upload-file-info, .my-account-form input[type="text"], .my-account-form input[type="email"], .my-account-form input[type="password"], .my-account-form textarea, .my-account-form .styled-select-wrapper select, .my-account-form .styled-input-file-wrapper   {font-size: 14px; line-height: 20px;}
	.my-account-form .styled-input-file-wrapper {line-height: 23px;}
	
	ul#my-order-list > li h3.title {font-size: 16px; line-height: 22px; padding: 15px 20px;}
	.order-detail-list-ct {padding: 20px;}
	ul.my-order-detail-list > li {padding: 18px;}
	ul.my-order-detail-list > li, .order-detail-footer {font-size: 13px; line-height: 18px;}
}

@media only screen and (max-width: 360px) {
	ul#my-order-list > li h3.title {font-size: 14px; line-height: 20px; padding: 15px 20px;}
	ul#my-order-list > li h3.title, ul#my-order-list > li h3.title:hover, ul#my-order-list > li h3.title.opened {background-size: 12px auto;}
	.order-detail-header {font-size: 12px;}
	.order-detail-header .no, .order-detail-header .date  {width: 100%; margin: 0;}
	.order-detail-header .date {text-align: left;}
	
	.order-detail-footer {font-size: 14px; line-height: 20px;}
	.order-detail-footer .caption p {font-size: 12px; line-height: 17px;}
	.order-detail-footer .caption p b {font-size: 14px; line-height: 20px;}
	
	#payment-confirmation-form .styled-input-file-wrapper {width: 150px;}
	label.upload-file-info {font-size: 12px; line-height: 16px;}
}
/* /ACCOUNT */


/* PAGINATION */
.pagination-sfw {}
.pagination-container {}
.pagination-list {}
.pagination-list.centered {display: inline-block; margin: 0 auto;}
.pagination-list li {float: left; margin-bottom: 5px; margin-right: 8px;}
.pagination-list li:last-child {margin-right: 0px;}
.pagination-list li a {font-size: 14px; line-height: 14px; color: #2f3847; background: #ffffff; display: inline-block; padding: 12px 15px; cursor: pointer; border: 1px solid #e6e6e6;
transition: all 0.2s linear; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear;
border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px;}
.pagination-list li a:hover {background: #f5f5f5; text-decoration: none; color: #444444;}
.pagination-list li a.active, .pagination-list li a.active:hover {background: #ffc400; color: #fff; text-decoration: none; border: 1px solid #ffc400; font-family: 'BoldFont', Arial, Verdana;}

@media only screen and (max-width: 768px) {
	.pagination-list li {margin-right: 7px;}
	.pagination-list li a {font-size: 14px; line-height: 14px; padding: 9px 12px;}
}

@media only screen and (max-width: 500px) {
	.pagination-list li a  {font-size: 13px; line-height: 13px;}
	.pagination-list li a.edge {display: none;}
	.pagination-container.fl-right, .pagination-container.fl-left {float: none !important;}
	.pagination-container {text-align: center;}
	.pagination-list {display: inline-block; margin: 0 auto;}
}
/* /PAGINATION */


/* OVERLAY NOTIFICATION */
.overlay-bg, .overlay-bg2  { width: 100%; height: 100%; background: #7f7f7f; opacity: 0.5; z-index: 9000; left: 0; top: 0; position: fixed;}
.notification-content, .notification-content2 {width: 40%; box-sizing: border-box; padding: 40px; background: #ffffff; z-index: 10000; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center;}
.notification-content h3, .notification-content2 h3 {font-size: 30px; line-height: 36px; font-family: 'BoldFont', Arial, Verdana; color: #333333; margin-bottom: 20px;}
.notification-content p, .notification-content2 p {font-size: 18px; line-height: 26px; margin-bottom: 0px; font-family: 'GeneralFont', Arial, Verdana; color: #333333;}
.notification-content small, .notification-content2 small {padding-left: 3px; font-size: 13px; color: #222; font-family: 'GeneralFont', Arial, Verdana;}

.notif-success h3, .notif-success2 h3 {padding-top: 100px; background: url(../images/icon/success-notif.png) no-repeat top center; background-size: auto 72px;}
a.notification-close-btn {margin-top: 20px; cursor: pointer; display: inline-block;}
a.notification-close-btn.gen-btn {font-size: 14px; line-height: 14px; padding: 12px 25px; background: #ffc400; border: none; color: #fff; border: 1px solid #ffc400; font-family: 'BoldFont', Arial, Verdana;
transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;
border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -o-border-radius: 50px;}
a.notification-close-btn.gen-btn:hover {background: #2f3847; border: 1px solid #2f3847;}

.overlay-bg2, .notification-content2 {display: none;}
.form-control.type2 {display: inline; width: 60%;}

@media only screen and (max-width: 1024px) {
	.notification-content, .notification-content2 {width: 450px;}
	.notification-content h3, .notification-content2 h3 {font-size: 28px;}
	.notification-content p, .notification-content2 p {font-size: 15px; line-height: 23px;}
}

@media only screen and (max-width: 500px) {
	.notification-content, .notification-content2 {width: 280px; padding: 30px;}
	.notification-content h3, .notification-content2 h3 {font-size: 24px; line-height: 32px;}
	a.notification-close-btn.gen-btn {font-size: 13px; line-height: 13px;}
}
/* /OVERLAY NOTIFICATION */


/* ADDITIONAL */
#fp-waiting {background: #fff; position: fixed; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.7; z-index: 9000; display: none;}
#fp-waiting img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}

#not-found-sfw {min-height: 200px; padding: 50px 0;}

#go-to-top {position: fixed; bottom: 60px; left: -50px; z-index: 2000; width: 50px; height: 50px; background: url(../images/icon/go-to-top.png) no-repeat center; background-size: 100% 100% !important; cursor: pointer;
transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
#go-to-top.displayed {left: 0;}
#go-to-top:hover {background: url(../images/icon/go-to-top-hover.png) no-repeat center;}
/* /ADDITIONAL */


/* FLOATING WA */
.sticky-wa {position: fixed; right: 0; bottom: 60px; z-index: 2000; height: 70px; width: 100px;}
.sticky-wa img {width: 70px; height: 70px; position: absolute; right: 10px; z-index: 2001;
transition: all 0.25s linear; -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; -o-transition: all 0.25s linear;}
.sticky-wa img.opened {right: 100px;}
.ste-text {position: absolute; right: 0; margin-top: 12px; z-index: 1000;}
.ste-text a {font-family: 'GeneralFont'; display: inline-block; color: #fff; width: 0; font-size: 14px; line-height: 45px; background: #1bd741; text-align: center; padding-left: 0; padding-right: 0;
transition: all 0.25s linear; -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; -o-transition: all 0.25s linear;}
.ste-text a:hover {text-decoration: underline;}
.ste-text a.opened {padding-left: 40px; padding-right: 30px; width: 60px;}

@media only screen and (max-width: 500px) {
	.sticky-wa img {width: 60px; height: 60px;}
	.sticky-wa img.opened {right: 90px;}
	.ste-text {margin-top: 13px;}
	.ste-text a {font-size: 13px; line-height: 35px;}
	.ste-text a.opened  {width: 60px; padding-left: 20px; padding-right: 20px;}
}
/* /FLOATING WA */