@charset "UTF-8";

@font-face {
	font-family: 'Roboto';
	src: url('../webfonts/roboto-regular-webfont.woff2') format('woff2'),
		 url('../webfonts/roboto-regular-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'SF-Pro-Display-Regular';
    src:url('../webfonts/SF-Pro-Display-Regular.woff') format('woff'),
        url('../webfonts/SF-Pro-Display-Regular.woff2') format('woff2'),
        url('../webfonts/SF-Pro-Display-Regular.svg#SF-Pro-Display-Regular') format('svg'),
        url('../webfonts/SF-Pro-Display-Regular.eot'),
        url('../webfonts/SF-Pro-Display-Regular.eot?#iefix') format('embedded-opentype'),
        url('../webfonts/SF-Pro-Display-Regular.otf') format('truetype');

    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
	src: url("../webfonts/Snell Roundhand.eot?#iefix");
	src: url("../webfonts/Snell Roundhand.eot?#iefix") format("eot"), url("../webfonts/Snell Roundhand.woff2") format("woff2"), url("../webfonts/Snell Roundhand.woff") format("woff"), url("../webfonts/Snell Roundhand.ttf") format("truetype");
	font-family: "Snell Rndhand";
  }
/* -----------------------------------------------
Table of Contents (common css)
--------------------------------------------------
[1. Foundation]
		1-1. Reset
		1-2. Config
[2. Object]
		2-1. Utility
				 2-1-1. clearfix [ModernType]
				 2-1-2. margin,padding [mb10,pt20]
				 2-1-3. Object-Oriented CSS [OOCSS]
				 2-1-4. Grid System [grid-***]
				 2-1-5. CSS Animation [act-***]
		2-2. WebFont
		2-3. State [is-***]
		2-4. Component a.k.a Module
				 2-4-1. Wrapper     [wrp-***]
				 2-4-2. Headings [hdg-lv*]
				 2-4-3. Text     [txt-***]
				 2-4-4. Button   [btn-***]
				 2-4-5. Anchor   [acr-***]
				 2-4-6. Icon     [icn-***]
				 2-4-7. Label    [lbl-***]
				 2-4-8. List     [lst-***]
				 2-4-9. Table    [tbl-***]
				 2-4-10. Nav      [nav-***]
				 2-4-11. Box      [box-***]
				 2-4-12. Panel    [pnl-***]
				 2-4-13. Media    [mda-***]
				 2-4-14. Form     [frm-***]
				 2-4-15. Error    [err-***]
				 2-4-16. UI
[3. Layout]
		3-1. #l-document
		3-2. #l-header
		3-3. #l-container
				 3-3-1. #l-main
				 3-3-2. #l-sub
		3-4. #l-footer
		3-4. OverLayerConfig [z-index]
		3-5. Project
[4. Print Style]


-------------------------------------------------- */

/* -----------------------------------------------
*> [1. Foundation]
-------------------------------------------------- */

/*>> 1-1. Reset
-------------------------------------------------- */
html{
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}
body{
	margin: 0;
	padding: 0;
}
a{
	background-color: transparent;
}
a:focus{
	outline: thin dotted;
}
a:active,
a:hover{
	outline-width: 0;
}
html,div,span,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,code,del,em,img,strong,
dl,dt,dd,ol,ul,li,
fieldset,form,label,
table,caption,tbody,tfoot,thead,tr,th,td{
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
pre{
	font-family: monospace, monospace;
	font-size: 1em;
}
code,
kbd,
samp{
	font-family: monospace, monospace;
	font-size: 1em;
}
article,aside,footer,header,small,nav,section,figure,figcaption,main{
	margin: 0;
	padding: 0;
	display: block;
	list-style: none;
	background-color: transparent;
	outline: none;
}
small{
	font-size: 80%;
}
audio,canvas,progress,video{
	display: inline-block;
}
audio:not([controls]){
	display: none;
	height: 0;
}
progress{
	vertical-align: baseline;
}
template,
[hidden]{
	display: none;
}
ul,ol{
	list-style-type: none;
}
table{
	border: none;
	border-collapse: collapse;
	border-spacing: 0;
}
img{
	line-height: 1;
	vertical-align: baseline;
	outline: none;
	border-style: none;
}
a img{
	border: none;
	outline: none;
}
sub,sup{
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sub{
	bottom: -0.25em;
}
sup{
	top: -0.5em;
}
hr{
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}
abbr[title]{
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}
dt,dd,li,
th,td,
input,textarea{
	text-align: left;
	vertical-align: top;
}
button{
	border: none;
}
input,textarea,button{
	margin: 0;
	padding: 0;
}
input{
	border: 0.1rem solid #dad7d3;
	height: auto;
	padding: 0.2rem 0.5rem;
}
textarea{
	border: 0.1rem solid #dad7d3;
	height: 7.8rem;
	resize: none;
	overflow: auto;
}
button,label{
	background-color: transparent;
	cursor: pointer;
}
button,select{
	text-transform: none;
}
[type="checkbox"],
[type="radio"]{
	box-sizing: border-box;
	padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button{
	height: auto;
}
[type="search"]{
	-webkit-appearance: textfield;
	outline-offset: -0.2rem;
}
[type="search"]::-webkit-search-decoration{
	-webkit-appearance: none;
}
::-webkit-file-upload-button{
	-webkit-appearance: button;
	font: inherit;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"]{
	-webkit-appearance: button;
	cursor: pointer;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner{
	border-style: none;
	padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring{
	outline: 0.1rem dotted ButtonText;
}
button[disabled],
input[disabled]{
	cursor: default;
}
input[type="checkbox"],
input[type="radio"]{
	box-sizing: content-box;
	padding: 0;
}
input[type="search"]{
	-webkit-appearance: textfield;
	box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration{
	-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner{
	padding: 0;
	border: 0;
}
textarea{
	overflow: auto;
	vertical-align: top;
}
:focus{
	outline: none;
}
fieldset{
	padding: 0.35em 0.75em 0.625em;
}
legend{
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}
details{
	display: block;
}
summary{
	display: list-item;
}
audio,
canvas,
iframe,
img,
svg,
video{
	vertical-align: middle;
}
main{
	display: block;
}
h1{
	margin: 0.67em 0;
}
h1,h2,h3,h4,h5,h6{
	font-size: 100%;
	font-weight: bold;
}
table{
	width: 100%;
}
button,
input,
optgroup,
select,
textarea{
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}
button,
input{
	overflow: visible;
}
button,
select{
	text-transform: none;
}
b,
strong,
em{
	font-weight: bolder;
}
hr{
	display: block;
	height: 0.1rem;
	border: 0;
	border-top: 0.1rem solid #ccc;
	margin: 1em 0;
	padding: 0;
}


/*>> 1-2. Config
-------------------------------------------------- */
html{
	overflow-x: hidden;
	overflow-y: scroll;
	font-size: 10px;
	height: 100%;
}
body{
	font-size: 1.6rem;
	color: #424245;
	background-color: #fff;
	line-height: 1.4;
	letter-spacing: 0;
	font-family: "SF-Pro-Display-Regular", sans-serif;
	height: 100%;
}
html.no-scroll,
body.no-scroll{
	overflow: hidden;
	position: fixed;
	width: 100%;
}
a{
	color: #fd8002;
	text-decoration: none;
}
a:focus{
	outline: none;
}
.no-touchevents a:hover{
	color: #fd8002;
	/* text-decoration: underline; */
}
a[href="tel"]{
	color: #a4002c;
}
::-moz-selection{
	background: #b3d4fc;
	text-shadow: none;
}
::selection{
	background: #b3d4fc;
	text-shadow: none;
}
h1,h2,h3,h4,h5,h6{
	line-height: 1.4;
}
p{
	line-height: 1.7;
}
dt,dd,li,
th,td,
input,
textarea,
button{
	line-height: 1.6;
}
input{
	font-size: 1.6rem;
	box-sizing: border-box;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
select{
	display: block;
}
textarea{
	width: 100%;
	display: block;
	font-size: 1.6rem;
	box-sizing: border-box;
}

.en--script{
	font-family: 'Snell Rndhand', sans-serif;
	letter-spacing: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.seo-optimate{
	overflow:hidden;
	height: 0px;
	visibility: hidden;
	font-size: 0
}

/* hover effect */
.hover-effect01 {
	overflow: hidden;
	position: relative;
	display: block;
}
.hover-effect01::before, .hover-effect01::after {
	background-color: rgba(255, 255, 255, 0.6);
	content: "";
	height: 100%;
	left: 0;
	opacity: 1;
	position: absolute;
	top: 0;
	transition: all 0.9s ease 0s;
	width: 100%;
	z-index: 1;
}
.hover-effect01::before {
	border-top: 1px solid rgba(255, 255, 255, 0.4);
	-webkit-transform: translate(105%, 0%);
	transform: translate(105%, 0%);
}
.hover-effect01::after {
	border-bottom: 1px solid rgba(255, 255, 255, 0.4);
	-webkit-transform: translate(-105%, 0%);
	transform: translate(-105%, 0%);
}
.hover-effect01:hover:before, .hover-effect01:hover:after {
	opacity: 0;
	-webkit-transform: translate(0px, 0px);
	transform: translate(0px, 0px);
}

/* hover-effect-button */
.hover-effect-button {
	background-color: transparent;
	border: 1px solid #fd8002!important;
	color: #fff;
	position: relative;
	overflow: hidden;
	z-index: 1;
}
.hover-effect-button::before,
.hover-effect-button::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	background-color: #fd8002;
	z-index: -1;
	transition: all 0.3s ease-in-out;
	width: 51%;
}
.hover-effect-button::after {
	right: 0;
	left: auto;
}
@media only screen and (min-width: 960px){
	.hover-effect-button:hover:before,
	.hover-effect-button:hover:after {
		width: 0;
	}
	.hover-effect-button:hover {
		color: #fd8002 !important;
	}
}

.zoom-in{
	overflow: hidden;
	display: block;
}
.zoom-in img {
	transition: linear 0.3s;
	-webkit-transition: linear 0.3s;
	-moz-transition: linear 0.3s;
	-ms-transition: linear 0.3s;
	-o-transition: linear 0.3s;
}
@media only screen and (min-width: 960px){
	.zoom-in:hover img {
		transform: scale(1.1) rotate(0.05deg);
		-webkit-transform: scale(1.1) rotate(0.05deg);
		-moz-transform: scale(1.1) rotate(0.05deg);
		-ms-transform: scale(1.1) rotate(0.05deg);
		-o-transform: scale(1.1) rotate(0.05deg);
	}
}

.arrow-icon-animate01{
	animation: arrowIconAnimate01 1.2s ease-in-out infinite;
}
@keyframes arrowIconAnimate01 {
	0%,
	100% {
	  transform: translate(0, 0);
	}
	50% {
	  transform: translate(10px, 0);
	}
}

/* custom slick dot */
.slick-dots{
	bottom: 1rem;
}
.slick-dotted.slick-slider{
	margin-bottom: 0;
}
.slick-dots li{
	width: 1rem;
	height: 1rem;
}
.slick-dots li button{
	background: #999;
	width: 1rem;
	height: 1rem;
	border-radius: 50%;
}
.slick-dots li.slick-active button{
	background: #fd8002;
}
.slick-dots li button::before{
	display: none;
}

/* custom slick arrow */
.slick-arrow{
	width: 5.5rem;
	height: 5.5rem;
	border-radius: 50%;
	background: #fd8002;
	color: #fff;
	z-index: 5;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.slick-prev::before, .slick-next::before{
	font-family: "Font Awesome 5 Free";
	font-weight: 600;
	opacity: 1;
}
.slick-prev::before{
	content: '\f30a';
}
.slick-next::before{
	content: '\f30b';
}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus{
	background: #000;
	color: #fff;
}
.slick-prev:focus, .slick-next:focus{
	background: #fd8002;
	color: #fff;
}
@media only screen and (max-width: 959px){
	.slick-arrow{
		width: 3.5rem;
		height: 3.5rem;
	}
}

.bg-gray{
	background: #f9f9f9;
}

/* -----------------------------------------------
*> [2. Object]
-------------------------------------------------- */

/*>> 2-1. Utility
-------------------------------------------------- */
/*>>> 2-1-1. clearfix [ModernType]*/
#l-header:after, #l-container:after, #l-main:after, #l-sub:after, #l-footer:after, .grid-row:after,
.clearfix:after{
	display: block;
	clear: both;
	content: "";
}


/*>>> 2-1-2. margin,padding [mb10,pt20]*/
/* margin  */.m0{margin:0!important;}.m5{margin: 0.5rem!important;}.m10{margin: 1rem!important;}.m15{margin: 1.5rem!important;}.m20{margin: 2rem!important;}.m25{margin: 2.5rem!important;}.m30{margin: 3rem!important;}.m35{margin: 3.5rem!important;}.m40{margin: 4rem!important;}.m45{margin: 4.5rem!important;}.m50{margin: 5rem!important;}.m55{margin: 5.5rem!important;}.m60{margin: 6rem!important;}.m65{margin: 6.5rem!important;}.m70{margin: 7rem!important;}.m75{margin: 7.5rem!important;}.m80{margin: 8rem!important;}.m85{margin: 8.5rem!important;}.m90{margin: 9rem!important;}.m95{margin: 9.5rem!important;}.m100{margin: 10rem!important;}/* margin-top */.mt0{margin-top:0!important;}.mt5{margin-top: 0.5rem!important;}.mt10{margin-top: 1rem!important;}.mt15{margin-top: 1.5rem!important;}.mt20{margin-top: 2rem!important;}.mt25{margin-top: 2.5rem!important;}.mt30{margin-top: 3rem!important;}.mt35{margin-top: 3.5rem!important;}.mt40{margin-top: 4rem!important;}.mt45{margin-top: 4.5rem!important;}.mt50{margin-top: 5rem!important;}.mt55{margin-top: 5.5rem!important;}.mt60{margin-top: 6rem!important;}.mt65{margin-top: 6.5rem!important;}.mt70{margin-top: 7rem!important;}.mt75{margin-top: 7.5rem!important;}.mt80{margin-top: 8rem!important;}.mt85{margin-top: 8.5rem!important;}.mt90{margin-top: 9rem!important;}.mt95{margin-top: 9.5rem!important;}.mt100{margin-top: 10rem!important;}/* margin-right */.mr0{margin-right:0!important;}.mr5{margin-right: 0.5rem!important;}.mr10{margin-right: 1rem!important;}.mr15{margin-right: 1.5rem!important;}.mr20{margin-right: 2rem!important;}.mr25{margin-right: 2.5rem!important;}.mr30{margin-right: 3rem!important;}.mr35{margin-right: 3.5rem!important;}.mr40{margin-right: 4rem!important;}.mr45{margin-right: 4.5rem!important;}.mr50{margin-right: 5rem!important;}.mr55{margin-right: 5.5rem!important;}.mr60{margin-right: 6rem!important;}.mr65{margin-right: 6.5rem!important;}.mr70{margin-right: 7rem!important;}.mr75{margin-right: 7.5rem!important;}.mr80{margin-right: 8rem!important;}.mr85{margin-right: 8.5rem!important;}.mr90{margin-right: 9rem!important;}.mr95{margin-right: 9.5rem!important;}.mr100{margin-right: 10rem!important;}/* margin-bottom */.mb0{margin-bottom:0!important;}.mb5{margin-bottom: 0.5rem!important;}.mb10{margin-bottom: 1rem!important;}.mb15{margin-bottom: 1.5rem!important;}.mb20{margin-bottom: 2rem!important;}.mb25{margin-bottom: 2.5rem!important;}.mb30{margin-bottom: 3rem!important;}.mb35{margin-bottom: 3.5rem!important;}.mb40{margin-bottom: 4rem!important;}.mb45{margin-bottom: 4.5rem!important;}.mb50{margin-bottom: 5rem!important;}.mb55{margin-bottom: 5.5rem!important;}.mb60{margin-bottom: 6rem!important;}.mb65{margin-bottom: 6.5rem!important;}.mb70{margin-bottom: 7rem!important;}.mb75{margin-bottom: 7.5rem!important;}.mb80{margin-bottom: 8rem!important;}.mb85{margin-bottom: 8.5rem!important;}.mb90{margin-bottom: 9rem!important;}.mb95{margin-bottom: 9.5rem!important;}.mb100{margin-bottom: 10rem!important;}/* margin-left */.ml0{margin-left:0!important;}.ml5{margin-left: 0.5rem!important;}.ml10{margin-left: 1rem!important;}.ml15{margin-left: 1.5rem!important;}.ml20{margin-left: 2rem!important;}.ml25{margin-left: 2.5rem!important;}.ml30{margin-left: 3rem!important;}.ml35{margin-left: 3.5rem!important;}.ml40{margin-left: 4rem!important;}.ml45{margin-left: 4.5rem!important;}.ml50{margin-left: 5rem!important;}.ml55{margin-left: 5.5rem!important;}.ml60{margin-left: 6rem!important;}.ml65{margin-left: 6.5rem!important;}.ml70{margin-left: 7rem!important;}.ml75{margin-left: 7.5rem!important;}.ml80{margin-left: 8rem!important;}.ml85{margin-left: 8.5rem!important;}.ml90{margin-left: 9rem!important;}.ml95{margin-left: 9.5rem!important;}.ml100{margin-left: 10rem!important;}.mb200{margin-bottom: 20rem!important;}
/* padding */.p0{padding:0!important;}.p5{padding: 0.5rem!important;}.p10{padding: 1rem!important;}.p15{padding: 1.5rem!important;}.p20{padding: 2rem!important;}.p25{padding: 2.5rem!important;}.p30{padding: 3rem!important;}.p35{padding: 3.5rem!important;}.p40{padding: 4rem!important;}.p45{padding: 4.5rem!important;}.p50{padding: 5rem!important;}.p55{padding: 5.5rem!important;}.p60{padding: 6rem!important;}.p65{padding: 6.5rem!important;}.p70{padding: 7rem!important;}.p75{padding: 7.5rem!important;}.p80{padding: 8rem!important;}.p85{padding: 8.5rem!important;}.p90{padding: 9rem!important;}.p95{padding: 9.5rem!important;}.p100{padding: 10rem!important;}/* padding-top */.pt0{padding-top:0!important;}.pt5{padding-top: 0.5rem!important;}.pt10{padding-top: 1rem!important;}.pt15{padding-top: 1.5rem!important;}.pt20{padding-top: 2rem!important;}.pt25{padding-top: 2.5rem!important;}.pt30{padding-top: 3rem!important;}.pt35{padding-top: 3.5rem!important;}.pt40{padding-top: 4rem!important;}.pt45{padding-top: 4.5rem!important;}.pt50{padding-top: 5rem!important;}.pt55{padding-top: 5.5rem!important;}.pt60{padding-top: 6rem!important;}.pt65{padding-top: 6.5rem!important;}.pt70{padding-top: 7rem!important;}.pt75{padding-top: 7.5rem!important;}.pt80{padding-top: 8rem!important;}.pt85{padding-top: 8.5rem!important;}.pt90{padding-top: 9rem!important;}.pt95{padding-top: 9.5rem!important;}.pt100{padding-top: 10rem!important;}/* padding-right */.pr0{padding-right:0!important;}.pr5{padding-right: 0.5rem!important;}.pr10{padding-right: 1rem!important;}.pr15{padding-right: 1.5rem!important;}.pr20{padding-right: 2rem!important;}.pr25{padding-right: 2.5rem!important;}.pr30{padding-right: 3rem!important;}.pr35{padding-right: 3.5rem!important;}.pr40{padding-right: 4rem!important;}.pr45{padding-right: 4.5rem!important;}.pr50{padding-right: 5rem!important;}.pr55{padding-right: 5.5rem!important;}.pr60{padding-right: 6rem!important;}.pr65{padding-right: 6.5rem!important;}.pr70{padding-right: 7rem!important;}.pr75{padding-right: 7.5rem!important;}.pr80{padding-right: 8rem!important;}.pr85{padding-right: 8.5rem!important;}.pr90{padding-right: 9rem!important;}.pr95{padding-right: 9.5rem!important;}.pr100{padding-right: 10rem!important;}/* padding-bottom */.pb0{padding-bottom:0!important;}.pb5{padding-bottom: 0.5rem!important;}.pb10{padding-bottom: 1rem!important;}.pb15{padding-bottom: 1.5rem!important;}.pb20{padding-bottom: 2rem!important;}.pb25{padding-bottom: 2.5rem!important;}.pb30{padding-bottom: 3rem!important;}.pb35{padding-bottom: 3.5rem!important;}.pb40{padding-bottom: 4rem!important;}.pb45{padding-bottom: 4.5rem!important;}.pb50{padding-bottom: 5rem!important;}.pb55{padding-bottom: 5.5rem!important;}.pb60{padding-bottom: 6rem!important;}.pb65{padding-bottom: 6.5rem!important;}.pb70{padding-bottom: 7rem!important;}.pb75{padding-bottom: 7.5rem!important;}.pb80{padding-bottom: 8rem!important;}.pb85{padding-bottom: 8.5rem!important;}.pb90{padding-bottom: 9rem!important;}.pb95{padding-bottom: 9.5rem!important;}.pb100{padding-bottom: 10rem!important;}/* padding-left */.pl0{padding-left:0!important;}.pl5{padding-left: 0.5rem!important;}.pl10{padding-left: 1rem!important;}.pl15{padding-left: 1.5rem!important;}.pl20{padding-left: 2rem!important;}.pl25{padding-left: 2.5rem!important;}.pl30{padding-left: 3rem!important;}.pl35{padding-left: 3.5rem!important;}.pl40{padding-left: 4rem!important;}.pl45{padding-left: 4.5rem!important;}.pl50{padding-left: 5rem!important;}.pl55{padding-left: 5.5rem!important;}.pl60{padding-left: 6rem!important;}.pl65{padding-left: 6.5rem!important;}.pl70{padding-left: 7rem!important;}.pl75{padding-left: 7.5rem!important;}.pl80{padding-left: 8rem!important;}.pl85{padding-left: 8.5rem!important;}.pl90{padding-left: 9rem!important;}.pl95{padding-left: 9.5rem!important;}.pl100{padding-left: 10rem!important;}


/*>>> 2-1-3. Object-Oriented CSS [OOCSS]*/
.no-display{
	display: none;
}
.no-br{
	white-space: nowrap;
}
.no-line-height{
	line-height: 1!important;
}
.pull-left{
	float: left!important;
}
.pull-right{
	float: right!important;
}
.right{
	text-align: right!important;
}
.center{
	text-align: center!important;
}
.left{
	text-align: left!important;
}
.top{
	vertical-align: top!important;
}
.middle{
	vertical-align: middle!important;
}
.bottom{
	vertical-align: bottom!important;
}
.block{
	display: inline-block;
}
/* for RWD */
.fluid-image{
	max-width: 100%;
	height: auto;
}

/* width */
.w1per{ width:1% !important;}.w2per{ width:2% !important;}.w3per{ width:3% !important;}.w4per{ width:4% !important;}.w5per{ width:5% !important;}.w6per{ width:6% !important;}.w7per{ width:7% !important;}.w8per{ width:8% !important;}.w9per{ width:9% !important;}.w10per{ width: 10% !important;}.w11per{ width: 11% !important;}.w12per{ width: 12% !important;}.w13per{ width: 13% !important;}.w14per{ width: 14% !important;}.w15per{ width: 15% !important;}.w16per{ width: 16% !important;}.w17per{ width: 17% !important;}.w18per{ width: 18% !important;}.w19per{ width: 19% !important;}.w20per{ width: 20% !important;}.w21per{ width: 21% !important;}.w22per{ width: 22% !important;}.w23per{ width: 23% !important;}.w24per{ width: 24% !important;}.w25per{ width: 25% !important;}.w26per{ width: 26% !important;}.w27per{ width: 27% !important;}.w28per{ width: 28% !important;}.w29per{ width: 29% !important;}.w30per{ width: 30% !important;}.w31per{ width: 31% !important;}.w32per{ width: 32% !important;}.w33per{ width: 33% !important;}.w34per{ width: 34% !important;}.w35per{ width: 35% !important;}.w36per{ width: 36% !important;}.w37per{ width: 37% !important;}.w38per{ width: 38% !important;}.w39per{ width: 39% !important;}.w40per{ width: 40% !important;}.w41per{ width: 41% !important;}.w42per{ width: 42% !important;}.w43per{ width: 43% !important;}.w44per{ width: 44% !important;}.w45per{ width: 45% !important;}.w46per{ width: 46% !important;}.w47per{ width: 47% !important;}.w48per{ width: 48% !important;}.w49per{ width: 49% !important;}.w50per{ width: 50% !important;}.w51per{ width: 51% !important;}.w52per{ width: 52% !important;}.w53per{ width: 53% !important;}.w54per{ width: 54% !important;}.w55per{ width: 55% !important;}.w56per{ width: 56% !important;}.w57per{ width: 57% !important;}.w58per{ width: 58% !important;}.w59per{ width: 59% !important;}.w60per{ width: 60% !important;}.w61per{ width: 61% !important;}.w62per{ width: 62% !important;}.w63per{ width: 63% !important;}.w64per{ width: 64% !important;}.w65per{ width: 65% !important;}.w66per{ width: 66% !important;}.w67per{ width: 67% !important;}.w68per{ width: 68% !important;}.w69per{ width: 69% !important;}.w70per{ width: 70% !important;}.w71per{ width: 71% !important;}.w72per{ width: 72% !important;}.w73per{ width: 73% !important;}.w74per{ width: 74% !important;}.w75per{ width: 75% !important;}.w76per{ width: 76% !important;}.w77per{ width: 77% !important;}.w78per{ width: 78% !important;}.w79per{ width: 79% !important;}.w80per{ width: 80% !important;}.w81per{ width: 81% !important;}.w82per{ width: 82% !important;}.w83per{ width: 83% !important;}.w84per{ width: 84% !important;}.w85per{ width: 85% !important;}.w86per{ width: 86% !important;}.w87per{ width: 87% !important;}.w88per{ width: 88% !important;}.w89per{ width: 89% !important;}.w90per{ width: 90% !important;}.w91per{ width: 91% !important;}.w92per{ width: 92% !important;}.w93per{ width: 93% !important;}.w94per{ width: 94% !important;}.w95per{ width: 95% !important;}.w96per{ width: 96% !important;}.w97per{ width: 97% !important;}.w98per{ width: 98% !important;}.w99per{ width: 99% !important;}.w100per{ width: 100% !important;}.wauto { width: auto !important; }
@media only screen and (max-width: 959px){ /* SP */
	.w1per-sp{width:1% !important;}.w2per-sp{width:2% !important;}.w3per-sp{width:3% !important;}.w4per-sp{width:4% !important;}.w5per-sp{width:5% !important;}.w6per-sp{width:6% !important;}.w7per-sp{width:7% !important;}.w8per-sp{width:8% !important;}.w9per-sp{width:9% !important;}.w10per-sp{ width: 10% !important;}.w11per-sp{ width: 11% !important;}.w12per-sp{ width: 12% !important;}.w13per-sp{ width: 13% !important;}.w14per-sp{ width: 14% !important;}.w15per-sp{ width: 15% !important;}.w16per-sp{ width: 16% !important;}.w17per-sp{ width: 17% !important;}.w18per-sp{ width: 18% !important;}.w19per-sp{ width: 19% !important;}.w20per-sp{ width: 20% !important;}.w21per-sp{ width: 21% !important;}.w22per-sp{ width: 22% !important;}.w23per-sp{ width: 23% !important;}.w24per-sp{ width: 24% !important;}.w25per-sp{ width: 25% !important;}.w26per-sp{ width: 26% !important;}.w27per-sp{ width: 27% !important;}.w28per-sp{ width: 28% !important;}.w29per-sp{ width: 29% !important;}.w30per-sp{ width: 30% !important;}.w31per-sp{ width: 31% !important;}.w32per-sp{ width: 32% !important;}.w33per-sp{ width: 33% !important;}.w34per-sp{ width: 34% !important;}.w35per-sp{ width: 35% !important;}.w36per-sp{ width: 36% !important;}.w37per-sp{ width: 37% !important;}.w38per-sp{ width: 38% !important;}.w39per-sp{ width: 39% !important;}.w40per-sp{ width: 40% !important;}.w41per-sp{ width: 41% !important;}.w42per-sp{ width: 42% !important;}.w43per-sp{ width: 43% !important;}.w44per-sp{ width: 44% !important;}.w45per-sp{ width: 45% !important;}.w46per-sp{ width: 46% !important;}.w47per-sp{ width: 47% !important;}.w48per-sp{ width: 48% !important;}.w49per-sp{ width: 49% !important;}.w50per-sp{ width: 50% !important;}.w51per-sp{ width: 51% !important;}.w52per-sp{ width: 52% !important;}.w53per-sp{ width: 53% !important;}.w54per-sp{ width: 54% !important;}.w55per-sp{ width: 55% !important;}.w56per-sp{ width: 56% !important;}.w57per-sp{ width: 57% !important;}.w58per-sp{ width: 58% !important;}.w59per-sp{ width: 59% !important;}.w60per-sp{ width: 60% !important;}.w61per-sp{ width: 61% !important;}.w62per-sp{ width: 62% !important;}.w63per-sp{ width: 63% !important;}.w64per-sp{ width: 64% !important;}.w65per-sp{ width: 65% !important;}.w66per-sp{ width: 66% !important;}.w67per-sp{ width: 67% !important;}.w68per-sp{ width: 68% !important;}.w69per-sp{ width: 69% !important;}.w70per-sp{ width: 70% !important;}.w71per-sp{ width: 71% !important;}.w72per-sp{ width: 72% !important;}.w73per-sp{ width: 73% !important;}.w74per-sp{ width: 74% !important;}.w75per-sp{ width: 75% !important;}.w76per-sp{ width: 76% !important;}.w77per-sp{ width: 77% !important;}.w78per-sp{ width: 78% !important;}.w79per-sp{ width: 79% !important;}.w80per-sp{ width: 80% !important;}.w81per-sp{ width: 81% !important;}.w82per-sp{ width: 82% !important;}.w83per-sp{ width: 83% !important;}.w84per-sp{ width: 84% !important;}.w85per-sp{ width: 85% !important;}.w86per-sp{ width: 86% !important;}.w87per-sp{ width: 87% !important;}.w88per-sp{ width: 88% !important;}.w89per-sp{ width: 89% !important;}.w90per-sp{ width: 90% !important;}.w91per-sp{ width: 91% !important;}.w92per-sp{ width: 92% !important;}.w93per-sp{ width: 93% !important;}.w94per-sp{ width: 94% !important;}.w95per-sp{ width: 95% !important;}.w96per-sp{ width: 96% !important;}.w97per-sp{ width: 97% !important;}.w98per-sp{ width: 98% !important;}.w99per-sp{ width: 99% !important;}.w100per-sp{ width: 100% !important;}.wauto-sp{width: auto !important;}
}


/*>>> 2-1-4. Grid System [grid-***] */
.grid-row{
	margin-right: -1rem;
	margin-left: -1rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.grid-col,
.grid-col--1,
.grid-col--2,
.grid-col--3,
.grid-col--4,
.grid-col--5,
.grid-col--6,
.grid-col--7,
.grid-col--8,
.grid-col--9,
.grid-col--10,
.grid-col--11,
.grid-col--12{
	position: relative;
	min-height: 0.1rem;
	padding-right: 1rem;
	padding-left: 1rem;
	box-sizing: border-box;
}
.grid-col--1{width: 8.33333333333%}
.grid-col--2{width: 16.6666666667%;}
.grid-col--3{width: 25%;}
.grid-col--4{width: 33.3333333333%;}
.grid-col--5{width: 41.6666666667%;}
.grid-col--6{width: 50%;}
.grid-col--7{width: 58.3333333333%;}
.grid-col--8{width: 66.6666666667%;}
.grid-col--9{width: 75%;}
.grid-col--10{width: 83.3333333333%;}
.grid-col--11{width: 91.6666666667%;}
.grid-col--12{width: 100%;}

@media only screen and (max-width:599px){
	.grid-row{
		margin-left: -0.5rem;
		margin-right: -0.5rem;
	}
	.grid-col--1, .grid-col--2, .grid-col--3, .grid-col--4, .grid-col--5, .grid-col--6, .grid-col--7, .grid-col--8, .grid-col--9, .grid-col--10, .grid-col--11, .grid-col--12{
		width: 100%;
		padding-right: 0.5rem;
		padding-left: 0.5rem;
	}
	.grid-col--3.__isSP,
	.grid-col--4.__isSP,
	.grid-col--6.__isSP{
		width: 50%;
	}
}/* endMedia */


@media only screen and (min-width:600px) and (max-width:959px){
	.grid-row{
		margin-left: -1rem;
		margin-right: -1rem;
	}
	.grid-col--1, .grid-col--2, .grid-col--3, .grid-col--4, .grid-col--5, .grid-col--6, .grid-col--7, .grid-col--8, .grid-col--9, .grid-col--10, .grid-col--11, .grid-col--12{
		width: 100%;
		padding-right: 1rem;
		padding-left: 1rem;
	}
	.grid-col--3.__isTablet,
	.grid-col--4.__isTablet,
	.grid-col--6.__isTablet{
		width: 50%;
	}
}/* endMedia */



/*>>> 2-1-5. CSS Animation [act-***] */


/*>> 2-2. WebFont [is-***]
-------------------------------------------------- */


/*>> 2-3. State [is-***]
-------------------------------------------------- */
.is-error{
	background-color: #f9eceb;
}
.is-disabled{
	opacity: 0.3;
	pointer-events: none;
	cursor: default;
}
.is-inline-block span{
	margin-bottom: 1rem;
	display: inline-block;
}
.is-visiblePc{
	display: block!important;
}
.is-visibleSp{
	display: none!important;
}
.is-visibleTablet{
	display: none!important;
}
@media only screen and (max-width:959px){
	.is-visiblePc{
		display: none!important;
	}
	.is-visibleTablet{
		display: none!important;
	}
	.is-visibleSp{
		display: block!important;
	}
}
@media only screen and (min-width:600px) and (max-width:959px){
	.is-visibleTablet{
		display: block!important;
	}
}



/*>> 2-4. Component a.k.a Module
-------------------------------------------------- */
/*>>> 2-4-1.  Wrapper     [wrp-***]*/
.wrp-container{
	max-width: 168rem;
	padding: 0 1.5rem;
	margin: 0 auto;
	box-sizing: border-box;
}
@media only screen and (max-width:1600px){
	.wrp-container{
		max-width: 144rem;
	}
}
@media only screen and (max-width:1400px){
	.wrp-container{
		max-width: 123rem;
	}
}

.wrp-container--sm{
	max-width: 123rem;
}
.wrp-container:after{
	content: "";
	display: block;
	clear: both;
}

.wrp-button{
	text-align: center;
}
.wrp-button .btn{
	margin: 2rem 1rem 0;
}

.wrp-video{
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 3rem;
	height: 0;
	overflow: hidden;
}
.wrp-video iframe,
.wrp-video object,
.wrp-video embed{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}


/*>>> 2-4-2.  Headings [hdg-lv*] */
.hdg-lv1{
	position: relative;
	margin: 0 0 3rem;
	padding: 0.9rem 1.5rem 0.9rem 2.2rem;
	border-left: 4px solid #fd8002;
	color: #fd8002;
	font-size: 2rem;
	font-weight: bold;
}
@media only screen and (max-width: 559px){
	.hdg-lv1{
		padding: 0.5rem 1rem 0.5rem 1.5rem;
		font-size: 1.8rem;
	}
}
.hdg-lv2{
	position: relative;
	margin: 0 0 3rem;
	padding: 0 0 0 1.5rem;
	border-left: 2px solid #fd8002;
	color: #424245;
	font-size: 1.8rem;
	font-weight: bold;
}
.hdg-lv2--primary{
	border-left: 0;
	padding: 0 0 1rem;
	border-bottom: solid 1px #fd8002;
}
@media only screen and (max-width: 559px){
	.hdg-lv2{
		font-size: 1.6rem;
	}
}
.hdg-lv3{
	position: relative;
	margin: 0 0 3rem;
	padding: 0 0 0 1.5rem;
	border-left: 2px solid #fd8002;
	color: #424245;
	font-size: 1.6rem;
	font-weight: bold;
}
@media only screen and (max-width: 559px){
	.hdg-lv3{
		font-size: 1.4rem;
	}
}
.hdg-lv4{
	font-size: 1.4rem;
	margin: 2rem 0 1rem;
	color: #1d1d1f;
	font-weight: bold;
}


/*>>> 2-4-3.  Text     [txt-***]*/
.txt-copyright{
	letter-spacing: 0.1em;
	text-align: center;
	font-size: 1.2rem;
}
.txt-copyright small{
	font-size: 100%;
}
.txt-note{
	color: #666;
	font-size: 1.2rem;
	text-indent: -1em;
	padding-left: 1em;
	margin-top: 0.5rem;
}
.txt-note:before{
	content: "※";
}

/*>>> 2-4-4.  Button   [btn-***]*/
.btn{
	background-color: transparent;
	border-radius: 2rem;
	border: 0;
	box-sizing: border-box;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 1.4rem;
	line-height: 1;
	padding: 1.5rem;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	overflow: hidden;
	min-width: 28rem;
}
.no-touchevents .btn:hover{
	text-decoration: none;
	color: #fff;
	opacity: 0.7;
}
.btn--primary{
	background-color: #f44336;
}
.btn--secondary{
	background-color: #fff;
	border: 0.1rem solid #000;
	color: #000;
}

/*>>> 2-4-5.  Anchor   [acr-***]*/
.arc-primary{
	font-weight: bold;
	color: #f44336;
}

/*>>> 2-4-6. Icon     [icn-***]*/

/*>>> 2-4-7. Label    [lbl-***]*/

/*>>> 2-4-8. List     [lst-***]*/
.lst-mastercard{
	display: flex;
}
.lst-mastercard li{
	padding: 0 0.2rem;
}
@media only screen and (max-width:959px){
	.lst-mastercard{
		justify-content: center;
	}
}

.lst-social{
	display: flex;
	flex-wrap: wrap;
	margin-top: 3rem;
}
.lst-social li{
	padding: 0 0.6rem 0.6rem 0;
}
.lst-social li a{
	width: 4.5rem;
	height: 4.5rem;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 2rem;
	border-radius: 50%;
	border: solid 1px #fd8002;
	background: #fff;
}
.lst-social li.zalo a{
	padding: 0.8rem;
	box-sizing: border-box;
	border-color: #0180c7;
}
.lst-social li.facebook a{
	border-color: #3b5998;
	color: #3b5998;
}
.lst-social li.twitter a{
	border-color: #00acee;
	color: #00acee;
}
.lst-social li.youtube a{
	border-color: #c4302b;
	color: #c4302b;
}
.lst-social li.instagram a{
	border-color: #3f729b;
	color: #3f729b;
}
.lst-social li.tiktok a{
	border-color: #333;
	color: #333;
}
@media only screen and (min-width:960px){
	.lst-social li a{
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
	.lst-social li.zalo a:hover{
		border-color: #0180c7;
		opacity: 0.7;
	}
	.lst-social li.facebook a:hover{
		border-color: #3b5998;
		color: #fff;
		background: #3b5998;
	}
	.lst-social li.twitter a:hover{
		border-color: #00acee;
		color: #fff;
		background: #00acee;
	}
	.lst-social li.youtube a:hover{
		border-color: #c4302b;
		color: #fff;
		background: #c4302b;
	}
	.lst-social li.instagram a:hover{
		border-color: #3f729b;
		color: #fff;
		background: #3f729b;
	}
}
@media only screen and (max-width:959px){
	.lst-social{
		justify-content: center;
		margin-top: 2rem;
	}
	.lst-social li a{
		width: 4rem;
		height: 4rem;
	}
}

.lst-additional-info{}
.lst-additional-info li{
	border-top: solid 1px #e3e3e3;
}
.lst-additional-info li:last-child{
	border-bottom: solid 1px #e3e3e3;
}
.lst-additional-info__content{
	display: flex;
}
.lst-additional-info__label,
.lst-additional-info__text{
	padding: 1.2rem 1rem;
	box-sizing: border-box;
}
.lst-additional-info__label{
	width: 30rem;
	background: #f9f9f9;
	font-weight: bold;
}
.lst-additional-info__label i{
	width: 1.5rem;
	text-align: center;
	font-size: 1.4rem;
	color: #fd8002;
	margin-right: 0.5rem;
}
.lst-additional-info__label img{
	color: #fd8002;
	height: 1.4rem;
	margin-right: 0.5rem;
}
.lst-additional-info__text{
	width: calc(100% - 30rem);
}
.lst-additional-info__text a{
	display: inline-block;
	color: #388e3c;
	transition: .3s ease;
}
.no-touchevents .lst-additional-info__text a:hover{
	color: #fd8002;
}
@media only screen and (max-width:559px){
	.lst-additional-info__content{
		flex-direction: column;
	}
	.lst-additional-info__label,
	.lst-additional-info__text{
		width: 100%;
		padding: 1rem;
	}
}

/*>>> 2-4-9. Table    [tbl-***]*/
.tbl-base{
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	margin-top: 2.5rem;
}
.tbl-base th{
	padding: 0.7rem 1rem;
	box-sizing: border-box;
	color: #313538;
	font-weight: 600;
}
.tbl-base td{
	padding: 0.7rem 1rem;
	box-sizing: border-box;
	color: #464749;
}
.tbl-base tbody tr:nth-child(odd){
	background: #fff;
}
.tbl-base tbody tr:nth-child(even){
	background: #f4f3ef;
}

/*>>> 2-4-10. Nav      [nav-***]*/

/*Menu button*/
.nav-global-menu {
	position: absolute;
	width: 5rem;
	height: 5rem;
	right: 0;
	top: 0;
	display: none;
}
.nav-global-menu span {
	display: block;
	width: 2.4rem;
	height: 0.1rem;
	position: absolute;
	left: 1.1rem;
	background: #336699;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.nav-global-menu span.b1 {
	top: 1.7rem;
}
.nav-global-menu span.b2 {
	top: 2.6rem;
}
.nav-global-menu span.b3 {
	top: 3.5rem;
}
.nav-global-menu.is-active{
	position: fixed;
}
.nav-global-menu.is-active span{
	background: #fff;
}
.nav-global-menu.is-active span.b1 {
	transform: translateY(0.9rem) rotate(315deg);
	-webkit-transform: translateY(0.9rem) rotate(315deg);
}
.nav-global-menu.is-active span.b2 {
	opacity: 0;
}
.nav-global-menu.is-active span.b3 {
	transform: translateY(-0.9rem) rotate(-315deg);
	-webkit-transform: translateY(-0.9rem) rotate(-315deg);
}

/*Menu button*/
.nav-global {
	display: flex;
	overflow: hidden;
}
.nav-global > li {
	padding: 0 3rem;
}
.nav-global > li > a {
	position: relative;
	font-size: 1.4rem;
	font-weight: bold;
	display: flex;
	height: 4rem;
	align-items: center;
}
.nav-global > li:last-child {
	padding-right: 0;
}
.nav-global > li > a:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 0;
	border-bottom: 0.3rem solid #2065c0;
	visibility: hidden;
	transition: all 0.3s ease;
	transform: translateX(-50%);
	-webkit-transition: all 0.3s ease;
	-webkit-transform: translateX(-50%);
}
.no-touchevents .nav-global > li a,
.no-touchevents .nav-global > li > a:hover {
	opacity: 1;
	text-decoration: none;
}
.no-touchevents .nav-global > li:hover > a::after,
.nav-global > li.is-hover > a::after,
.nav-global > li.current > a::after {
	width: 60%;
	visibility: visible;
}
.nav-parent-wrap {
	display: block;
	position: absolute;
	left: 0;
	top: 100%;
	width: 100%;
	width: 100vw;
	background: #2065c0;
	visibility: hidden;
	opacity: 0;
	pointer-events: none;
}
.no-touchevents .nav-parent-wrap {
	transition: all 0.1s ease;
	-webkit-transition: all 0.1s ease;
}
.nav-global > li.is-hover .nav-parent-wrap {
	visibility: visible;
	opacity: 1;
	pointer-events: auto;
	z-index: 1;
}
.nav-parent {
	display: flex;
}
.nav-parent__title {
	width: 33.33vw;
	color: #fff;
	box-sizing: border-box;
	font-size: 2.2rem;
	text-align: center;
	padding: 0 2rem;
	margin: 4.6rem 0;
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	letter-spacing: 0.12em;
}
.nav-parent__title a {
	color: #fff;
}
.nav-parent__title a:hover {
	text-decoration: none;
}
.nav-parent__title:after {
	position: absolute;
	content: "";
	height: 100%;
	width: 0;
	right: 0;
	top: 0;
	border-right: 0.1rem solid #fff;
	opacity: 0.5;
}
.nav-global__sub {
	position: relative;
	width: 33.33vw;
	box-sizing: border-box;
	padding: 3.2rem 0 2.7rem 5%;
	font-size: 1.6rem;
}
.nav-global__sub > li > a {
	padding: 1rem 4rem 1rem 2rem;
	display: block;
	color: #fff;
	transition: background 0.3s ease;
	position: relative;
	font-weight: bold;
	-webkit-transition: background 0.3s ease;
}
.no-touchevents .nav-global__sub > li > a:hover {
	color: #fff;
}
.nav-global__sub__title:after {
	content: '';
	display: inline-block;
	width: 0.8rem;
	height: 0.8rem;
	border-top: 0.1rem solid #fff;
	border-right: 0.1rem solid #fff;
	transform: translate(-50%, -45%) rotate(45deg);
	transform-origin: center;
	position: absolute;
	top: 50%;
	right: 2rem;
	visibility: hidden;
	-webkit-transform: translate(-50%, -45%) rotate(45deg);
}

.nav-global__sub > li.is-active > a,
.no-touchevents .nav-global__sub > li:hover > a {
	background: #3378d3;
	text-decoration: none;
}
.nav-global__sub > li.is-active > a:after,
.no-touchevents .nav-global__sub > li:hover > a:after {
	visibility: visible;
}
.nav-global__sub__child {
	position: absolute;
	background: #3378d3;
	min-height: 100%;
	left: 100%;
	top: 0;
	width: 33.333vw;
	box-sizing: border-box;
	display: block;
	padding: 3.2rem 0 2.7rem 10%;
	visibility: hidden;
	opacity: 0;
	pointer-events: none;
	font-size: 1.4rem;
	font-weight: bold;
}
.nav-global__sub__child > li {
	padding: 1.2rem 3rem 1.1rem 1rem;
}
.nav-global__sub__child > li > a {
	display: inline;
	color: #fff;
	position: relative;
	background-image: linear-gradient(#fff,#fff);
	background-position: 0 100%;
	background-repeat: no-repeat;
	background-size: 0 0.1rem;
	transition: background-size 0.3s;
	padding-bottom: 0.4rem;
	-webkit-transition: background-size 0.3s;
}
.no-touchevents .nav-global__sub__child > li > a:hover {
	color: #fff;
	text-decoration: none;
	background-size: 100% 0.1rem;
	opacity: 1;
}
.nav-global__sub > li.is-active .nav-global__sub__child,
.no-touchevents .nav-global__sub > li:hover .nav-global__sub__child {
	display: block;
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

@media only screen and (max-width:960px){
	.is-opened-menu {
		overflow: hidden;
	}
	.nav-global-menu{
		display: block;
	}
	.nav-global-wrap {
		visibility: hidden;
		left: 100%;
		position: fixed;
		width: 100%;
		top: 0;
		height: 100%;
		overflow-y: auto;
		transition: all 0.3s ease-in-out;
		background-color: #2065c0;
		-webkit-transition: all 0.3s ease-in-out;
	}
	.nav-global-wrap.is-active {
		left: 0;
		display: block;
		visibility: visible;
	}
	.nav-global {
		display: block;
		padding: 3.5rem 4% 5rem;
	}
	.nav-global > li {
		padding: 0;
	}
	.nav-global > li + li {
		margin-top: 2rem;
	}
	.nav-global > li.nav_special {
		margin-bottom: 3rem;
	}
	.nav-global > li > a {
		color: #fff !important;
		font-size: 1.8rem;
		border-bottom: 0.1rem solid #90b2e0;
		height: auto;
		display: block;
		margin-bottom: 0.8rem;
		padding-bottom: 0.7rem;
		letter-spacing: 0.06em;
		font-weight: bold;
	}
	.nav-global > li > a:after{
		display: none;
	}
	.nav-parent-wrap {
		position: static;
		visibility: visible;
		opacity: 1;
		background: none;
		width: auto;
		pointer-events: auto;
	}
	.nav-parent {
		display: block;
	}
	.nav-parent__title {
		display: none;
	}
	.nav-parent__title:after {
		display: none;
	}
	.nav-global__sub {
		width: auto;
		padding: 0;
	}
	.nav-global__sub > li > a {
		padding: 0.6rem 0 0.6rem 1.4rem;
		font-weight: normal;
	}
	.nav-global__sub > li:hover > a,
	.nav-global__sub > li.is-active > a {
		background: none;
	}
	.nav-global__sub__title:after {
		transform: translate(-50%, -50%) rotate(135deg);
		transition: all 0.3s ease;
		visibility: visible;
		right: 1.3rem;
		-webkit-transform: translate(-50%, -50%) rotate(135deg);
		-webkit-transition: all 0.3s ease;
	}
	.nav-global__sub__child {
		position: static;
		visibility: visible;
		opacity: 1;
		width: auto;
		padding: 0;
		background: none;
		min-height: 0;
		height: 0;
		overflow: hidden;
		pointer-events: auto;
	}
	.nav-global__sub > li.is-active .nav-global__sub__child {
		height: auto;
	}
	.nav-global__sub > li.is-active .nav-global__sub__title:after {
		transform: translate(-50%, -50%) rotate(-45deg);
		-webkit-transform: translate(-50%, -50%) rotate(-45deg);
	}
	.nav-global__sub__child > li {
		padding: 0;
	}
	.nav-global__sub__child > li > a {
		padding: 0.5rem 0 0.5rem 5rem;
		position: relative;
		display: block;
		font-weight: normal;
	}

	.nav-global__sub__child > li:last-child {
		padding-bottom: 0.7rem;
	}
	.nav-global__sub__child > li > a:before {
		position: absolute;
		content: '';
		width: 1rem;
		border-bottom: 0.1rem solid #fff;
		top: 1em;
		left: 2.9rem;
	}
}/* endMedia */

/*Footer navi*/

/*Back to Top*/
.nav-backtotop{
	position: relative;
}
.nav-backtotop__btn{
	display: block;
	line-height: 1;
	cursor: pointer;
}
.nav-backtotop__text{
	display: none;
}
.nav-backtotop__icon{
	width: 5.5rem;
	height: 5.5rem;
	background: #fd8002;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.3rem;
	position: absolute;
	bottom: -5.5rem;
	right: 1.5rem;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	z-index: 1;
}
.no-touchevents .nav-backtotop__icon:hover{
	background: #424245;
}
@media only screen and (max-width:959px){
	.nav-backtotop{
		padding: 1.6rem 0;
		text-align: center;
		border-top: solid 1px#eee;
	}
	.nav-backtotop__icon{
		display: none;
	}
	.nav-backtotop__text{
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 1.4rem;
	}
	.nav-backtotop__text i{
		font-size: 1.2rem;
		margin-right: 0.5rem;
	}
}


/*>>> 2-4-11. Box      [box-***]*/
.box-breadcrumb{
	position: relative;
	border-bottom: solid 1px #e3e3e3;
}
.box-breadcrumb__content{
	padding: 1.5rem 0;
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.box-breadcrumb__heading{

}
.box-breadcrumb__heading h1{
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
	margin: 0;
	color: #fd8002;
}
.box-breadcrumb__list{

}
.lst-breadcrumb{
	display: flex;
	flex-wrap: wrap;
}
.lst-breadcrumb__item{
	font-size: 1.4rem;
}
.lst-breadcrumb__item + .lst-breadcrumb__item{
	padding-left: 0.7rem;
}
.no-touchevents .lst-breadcrumb__item a{
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.no-touchevents .lst-breadcrumb__item a:hover{
	color: #424245;
}
.lst-breadcrumb__item + .lst-breadcrumb__item::before{
	content: "\f054";
	font-family: "Font Awesome 6 Free";
	font-weight: 600;
	font-size: 1rem;
	float: left;
	margin-top: 0.3rem;
	padding-right: 0.7rem;
	color: #999;
}

@media only screen and (max-width:959px){}


.box-blog{
	-webkit-box-shadow: 0 0 10px rgb(0 0 0 / 10%);
	box-shadow: 0 0 10px rgb(0 0 0 / 10%);
	margin-bottom: 2rem;
}
.box-blog__image{
	text-align: center;
	display: block;
	padding-bottom: 56.26%;
	background-size: 100%!important;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.no-touchevents .box-blog__image:hover{
	background-size: 110%!important;
}
.box-blog__content{
	padding: 1.5rem;
}
.box-blog__link{
	display: block;
}
.box-blog__link h2{
	font-size: 1.6rem;
	font-weight: bold;
	color: #424245;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.box-blog__link:hover h2{
	color: #fd8002;
}
.box-blog__time{
	font-size: 1.4rem;
	color: #999;
	margin-top: 1.5rem;
}
.box-blog__des{
	margin-top: 1.5rem;
	line-height: 1.5;
}
@media only screen and (max-width:559px){
	.box-blog__time{
		margin-top: 1rem;
	}
	.box-blog__des{
		margin-top: 1rem;
	}
}

.box-pagination{
	margin-top: 1.5rem;
}
.box-pagination__content{
	display: flex;
	justify-content: center;
	align-items: center;
}
.box-pagination__item{
	margin-right: 0.5rem;
}
.box-pagination__item a{
	border: 2px solid #e3e3e3;
	border-radius: 0 !important;
	color: #424245;
	margin-left: 0;
	line-height: 3.6rem;
	height: 4rem;
	width: 4rem;
	text-align: center;
	position: relative;
	display: block;
}
.box-pagination__item.active a{
	background-color: #fd8002;
	border-color: #fd8002;
	color: #fff;
}
@media only screen and (max-width:559px){
	.box-pagination__item a{
		height: 3.5rem;
		width: 3.5rem;
		line-height: 3.5rem;
		border-width: 1px;
	}
}

/*Custom pagination of laravel*/
.box-pagination nav > div:nth-child(1){
	display: none;
}
.box-pagination nav > div:nth-child(2){
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.box-pagination nav > div:nth-child(2) svg{
	width: 2rem;
}
.box-pagination nav > div:nth-child(2) > div:nth-child(2) > span{
	display: flex;
}
.box-pagination nav > div:nth-child(2) > div:nth-child(2) > span > a,
.box-pagination nav > div:nth-child(2) > div:nth-child(2) > span > span{
	border: 1px solid #e3e3e3;
	border-radius: 0 !important;
	color: #424245;
	margin-left: 0;
	line-height: 4rem;
	height: 4rem;
	width: 4rem;
	text-align: center;
	position: relative;
	display: block;
	margin-left: 0.5rem;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.box-pagination nav > div:nth-child(2) > div:nth-child(2) > span > a:hover,
.box-pagination nav > div:nth-child(2) > div:nth-child(2) > span > span[aria-current='page']{
	background-color: #fd8002;
	border-color: #fd8002;
	color: #fff;
}
.box-pagination nav > div:nth-child(2) > div:nth-child(2) > span > span[aria-disabled='true']{
	color: #e3e3e3;
}
@media only screen and (max-width:559px){

}

.box-noscript{
	border: 0.2rem solid #FF324D;
	padding: 2rem;
	margin: 1rem;
}
.box-newsletter{
	padding: 3rem 0;
	background: #e6fbfe;
	position: relative;
}
.box-newsletter__text{
	position: relative;
	padding-left: 8rem;
	color: #fd8002;
}
.box-newsletter__text::before{
	content: "\f1d8";
	position: absolute;
	left: 0;
	color: #fd8002;
	font-family: "Font Awesome 5 Free";
	font-size: 5.5rem;
	line-height: normal;
	opacity: 0.4;
}
.box-newsletter__text h3{
	font-size: 2.4rem;
}
.box-newsletter__text p{
	font-size: 1.6rem;
}
.box-newsletter__form form{
	position: relative;
}
.box-newsletter__form .form-control{
	border: 0;
	border-radius: 0;
	height: 6rem;
}
.box-newsletter__form .btn{
	position: absolute;
	right: 5px;
	top: 4px;
	border-radius: 0;
	min-width: 15rem;
	height: 5.1rem;
	background-color: #fd8002;
	font-size: 1.6rem;
	display: flex;
	justify-content: center;
	align-items: center;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
@media only screen and (min-width:960px){
	.box-newsletter__form .btn:hover{
		background-color: #000;
		opacity: 1;
	}
}
@media only screen and (max-width:959px){
	.box-newsletter{
		padding: 2rem 0;
	}
	.box-newsletter__text{
		padding-left: 6rem;
	}
	.box-newsletter__text::before{
		font-size: 5rem;
	}
	.box-newsletter__text h3{
		font-size: 2rem;
	}
	.box-newsletter__text p{
		font-size: 1.4rem;
		line-height: 1.5;
		margin-top: 0.5rem;
	}
	.box-newsletter__form{
		margin-top: 1.5rem;
	}
	.box-newsletter__form .form-control{
		height: 4.8rem;
		border-radius: 2.4rem;
		font-size: 1.4rem;
	}
	.box-newsletter__form .btn{
		height: 3.9rem;
		min-width: 12rem;
		border-radius: 19.5rem;
		font-size: 1.4rem;
	}
}

.sec-filter{
	border-bottom: solid 1px #ddd;
	padding: 1rem 0 1rem;
}
.box-filter-list{
	display: flex;
	align-items: center;
}
.lst-filter-list{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	width: 100%;
}
.box-filter-list__label{
	font-size: 1.4rem;
	font-weight: bold;
	min-width: 14rem;
}
.lst-filter-list li{
	margin: 0 1.5rem;
	width: 18%;
}
@media only screen and (max-width:1199px){
	.lst-filter-list li{
		width: 19rem;
	}
}
@media only screen and (max-width:559px){
	.box-filter-list{
		flex-direction: column;
	}
	.box-filter-list__label{
		width: 100%;
		min-width: auto;
		text-align: left;
		margin-bottom: 1.5rem;
	}
	.lst-filter-list li{
		width: 100%;
	}
}

.box-policy{}
.box-policy__item{
	padding: 5rem 0
}
.box-policy__item:nth-child(1){
	padding-top: 0;
}
.box-policy__item:nth-of-type(even){
	background: #f8f8f8;
}
.box-policy .hdg-lv2 i{
	color: #fd8002;
}
@media only screen and (max-width:559px){
	.box-policy__item{
		padding: 3rem 0
	}
}

.box-mainvisual{
	margin-top: 2rem;
}
.box-mainvisual .offset--2{
	margin-left: 16.6666666667%;
}
.box-mainvisual{}
.box-mainvisual{}
.main-slider__item{
	position: relative;
}
.box-mainvisual .main-slider__image{
	height: 50rem;
	background-size: cover;
}
.main-slider__option{
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	padding: 3rem;
	z-index: 1;
}
.main-slider__title{
	font-size: 3.4rem;
	font-weight: bold;
	color: #000;
}
.main-slider__price{
	font-weight: bold;
	margin-top: 1rem;
}
.main-slider__price span{
	color: #fd8002;
	font-size: 2.4rem;
	margin-right: 1rem;
}
.main-slider__price del{
	color: #999;
	font-size: 2rem;
}
.main-slider__button{
	height: 5rem;
	min-width: 18rem;
	border-radius: 2.5rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	font-size: 1.6rem;
	margin-top: 1.8rem;
	background-color: transparent;
}
.main-slider__button span{
	position: absolute;
	right: 1.5rem;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.sub_main-slider{
	height: 23.5rem;
	background: #fbdd99;
	overflow: hidden;
	position: relative;
	z-index: 1;
}
.sub_main-slider--01{
	margin-bottom: 3rem;
}
.sub_main-slider--01::before{
	content: "";
	position: absolute;
	left: 50%;
	bottom: -80px;
	background-color: rgba(255,255,255,0.2);
	width: 25rem;
	height: 25rem;
	border-radius: 100%;
	z-index: -1;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.sub_main-slider--01 .sub_main-slider__image{
	/* padding-left: 50px; */
}
.sub_main-slider--01 .sub_main-slider__image img{
	/* max-width: 31rem; */
	margin: 0 auto;
}
.sub_main-slider--02 .sub_main-slider__image{
	/* padding-right: 50px; */
}
.sub_main-slider--02 .sub_main-slider__image img{
	/* max-width: 31rem; */
	margin: 0 auto;
}
.sub_main-slider--02{
	background: #53C0E9;
	text-align: right;
	margin-top: 3rem;
}
/* .sub_main-slider--02::before{
	content: "";
	position: absolute;
	right: -5rem;
	bottom: -5rem;
	background-color: rgba(255,255,255,0.15);
	width: 25rem;
	height: 25rem;
	border-radius: 100%;
	z-index: -1;
} */
.sub_main-slider__item{
	/* padding: 1.5rem; */
	display: block;
}
.sub_main-slider__title{
	/* color: #424245; */
	color: #fff;
	position: absolute;
	top: 0;
	background: rgba(0, 0, 0, 0.3);
    padding: 15px 0;
	width: 100%;
	display: flex;
	justify-content: space-around;
}
.sub_main-slider__title h2{
	font-size: 1.6rem;
}
.sub_main-slider__title p{
	font-size: 2rem;
}
.sub_main-slider__sale{
	display: inline-block;
	width: 70px;
	position: absolute;
	left: 1.5rem;
	bottom: 7rem;
}
.sub_main-slider--02 .sub_main-slider__sale{
	left: auto;
	right: 1.5rem;
}
@media only screen and (min-width:960px){
	.main-slider__button:hover{
		background-color: #fff;
	}
}
@media only screen and (max-width:959px){
	.box-mainvisual{
	}
	.box-mainvisual .offset--3{
		margin-left: 0;
	}
	.main-slider__option{
		padding: 1.5rem 8rem 1.5rem 1.5rem;
	}
	.main-slider__title{
		font-size: 2.4rem;
	}
	.box-mainvisual .main-slider__image{
		height: auto;
		padding-bottom: 66.6666%;
	}
	.main-slider__price span{
		font-size: 1.8rem;
	}
	.main-slider__price del{
		font-size: 1.4rem;
	}
	.main-slider__button{
		height: 4rem;
		min-width: 12.5rem;
		font-size: 1.4rem;
	}
	.sub_main-slider--01{
		margin-top: 2rem;
	}
	.sub_main-slider--02{
		margin-top: 2rem;
	}
	.box-mainvisual .slick-dots{
		bottom: 0;
	}
}

/* .box-static-media */
.box-static-media__wrap{
	margin: 3rem auto 3rem;
	border: solid 1px #e3e3e3;
	padding: 1.3rem 2rem;
}
.box-static-media__item{
	display: flex;
	border-right: solid 1px #e3e3e3;
	color: #424245;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.no-touchevents .box-static-media__item:hover .box-static-media__des{
	color: #fd8002;
}
.box-static-media__icon{
	font-size: 3rem;
	margin-right: 1rem;
}
.box-static-media__title{
	font-size: 1.6rem;
	font-weight: bold;
}
.box-static-media__des{
	font-size: 1.4rem;
	color: #666;
}
.box-static-media__wrap .grid-col--3:last-child .box-static-media__item{
	border-right: 0;
}
@media only screen and (max-width:1200px){
	.box-static-media__icon{
		font-size: 1.8rem;
	}
	.box-static-media__title{
		font-size: 1.3rem;
	}
}
@media only screen and (max-width:959px){
	.box-static-media__wrap{
		padding: 2rem;
	}
	.box-static-media__item{
		border-right: 0;
		margin-bottom: 2.5rem;
	}
	.box-static-media__icon{
		font-size: 2rem;
	}
	.box-static-media__title{
		font-size: 1.6rem;
	}
	.box-static-media__des{
		font-size: 1.4rem;
		line-height: 1.5;
	}
	.box-static-media__wrap .grid-col--3{
		width: 50%;
	}
}
@media only screen and (max-width:559px){
	.box-static-media__wrap .grid-col--3{
		width: 100%;
	}
}

/* .box-top-product */
.box-options{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-top: 1.5rem;
}
.box-options__item{
	width: 50%;
	display: flex;
	align-items: center;
	font-size: 1.2rem;
	margin-bottom: 1rem;
}
.box-options__label{
	display: flex;
	align-items: center;
	width: 4.8rem;
}
.box-options__label i{
	width: 1.5rem;
	text-align: center;
	font-size: 1.2rem;
	color: #fd8002;
	margin-right: 0.5rem;
}
.box-options__label img{
	color: #fd8002;
	height: 1.3rem;
	margin-right: 0.5rem;
}
.box-options__value{
	font-size: 1.2rem;
	font-weight: bold;
}
@media only screen and (min-width:1025px) and (max-width:1400px){
	.box-options__item,
	.box-options__value{
		font-size: 1rem;
	}
}
@media only screen and (max-width:959px){
	.box-options__item{
		width: 100%;
		margin-bottom: 0.7rem;
	}
	.box-options__label{
		width: 2rem;
	}
	.box-options__label span{
		display: none;
	}
	.box-options__value{
		font-size: 1rem;
	}
}
/* ----------- iPad 1, 2, Mini and Air ----------- */
/* Portrait and Landscape */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (-webkit-min-device-pixel-ratio: 1) {
	.box-options{
		flex-direction: column;
	}
	.box-options__item{
		width: 100%;
		text-align: left;
	}
}

.box-top-product{
	padding: 3rem 0;
	background: #f8f8f8;
}
.box-product{
	-webkit-box-shadow: -4px -4px 8px 0 rgb(255 255 255 / 70%), 4px 4px 8px 0 rgb(166 171 189 / 40%);
	box-shadow: -4px -4px 8px 0 rgb(255 255 255 / 70%), 4px 4px 8px 0 rgb(166 171 189 / 40%);
	margin-bottom: 2rem;
}
.box-product__inner{
	position: relative;
}
.box-product__photo{
	font-size: 0;
	display: block;
	text-align: center;
}
.box-product__info{
	padding: 0 1rem 0.5rem;
}
.box-product__title{
	padding-top: 1.5rem;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1.5;
	display: block;
	color: #424245;
	border-top: solid 1px #e3e3e3;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.box-product__smalldes{
	line-height: 1.5;
	margin-top: 5px;
}
.box-product__label{
	position: absolute;
	top: 1rem;
}
.box-product__label.sale{
	background: #fd8002;
	color: #fff;
	width: 4rem;
	height: 4rem;
	border-radius: 50%;
	font-size: 1.6rem;
	display: flex;
	align-items: center;
	justify-content: center;
	left: 1rem;
	-webkit-box-shadow: rgba(255, 0, 0, 0.2) 0px 4px 16px, rgba(255, 0, 0, 0.2) 0px 8px 24px, rgba(255, 0, 0, 0.2) 0px 16px 56px;
	box-shadow: rgba(255, 0, 0, 0.2) 0px 4px 16px, rgba(255, 0, 0, 0.2) 0px 8px 24px, rgba(255, 0, 0, 0.2) 0px 16px 56px;
}
.box-product__label.new{
	right: 1rem;
	padding: 0.3rem 1rem;
	background: #f00;
	color: #fff;
	letter-spacing: 0.08em;
	-webkit-box-shadow: rgba(253, 128, 2, 0.8) 0px 2px 4px, rgba(253, 128, 2, 0.3) 0px 7px 13px -3px, rgba(253, 128, 2, 0.2) 0px -3px 0px inset;
	box-shadow: rgba(253, 128, 2, 0.8) 0px 2px 4px, rgba(253, 128, 2, 0.3) 0px 7px 13px -3px, rgba(253, 128, 2, 0.2) 0px -3px 0px inset;
}
.box-product__price{
	border-top: solid 1px #e3e3e3;
	margin-top: 1rem;
	padding: 1rem 0;
	text-align: center;
}
.box-product__price span{
	font-size: 1.8rem;
	font-weight: bold;
	color: #fd8002;
}
.box-product__price del{
	color: #666;
}
.box-product__bottom{
	display: flex;
	border-top: solid 1px #e3e3e3;
	padding: 1rem 0;
	color: #666;
}
.box-product__zin{
	width: 60%;
}
.box-product__zin span{
	margin: 0 0.3rem;
}
.box-product__zin .fa-gift{
	color: #40c1df;
}
.box-product__call{
	width: 40%;
	text-align: right;
}
.no-touchevents .box-product:hover .box-product__info a{
	color: #fd8002;
}
.no-touchevents .box-product:hover .box-product__inner .box-product__photo.zoom-in img{
	transform: scale(1.1) rotate(0.05deg);
	-webkit-transform: scale(1.1) rotate(0.05deg);
	-moz-transform: scale(1.1) rotate(0.05deg);
	-ms-transform: scale(1.1) rotate(0.05deg);
	-o-transform: scale(1.1) rotate(0.05deg);
}

@media only screen and (min-width:960px) and (max-width:1400px){
	.box-product__title,
	.box-product__smalldes{
		font-size: 1.3rem;
	}
}
@media only screen and (min-width:960px) and (max-width:1300px){
	.box-product__bottom{
		flex-direction: column;
	}
	.box-product__zin,
	.box-product__call{
		width: 100%;
	}
	.box-product__call{
		text-align: left;
	}
}
@media only screen and (max-width:959px){
	.box-top-product{
		padding: 3rem 0;
	}
	.box-product{
		-webkit-box-shadow: -2px -2px 4px 0 rgb(255 255 255 / 70%), 2px 2px 4px 0 rgb(166 171 189 / 40%);
		box-shadow: -2px -2px 4px 0 rgb(255 255 255 / 70%), 2px 2px 4px 0 rgb(166 171 189 / 40%);
	}
	.box-product__title{
		font-size: 1.2rem;
		padding-right: 1rem;
	}
	.box-product__smalldes{
		font-size: 1.2rem;
		padding-right: 1rem;
	}
	.box-product__info{
		padding: 0 0 0.5rem;
	}
	.box-product__price span{
		font-size: 1.4rem;
	}
	.box-product__price del{
		font-size: 1rem;
	}
	.box-product__bottom{
		flex-wrap: wrap;
	}
	.box-product__bottom > *{
		width: 100%;
	}
	.box-product__call{
		text-align: left;
	}
	.box-product__label.sale{
		font-size: 1.2rem;
		left: 0;
		top: 0;
		width: 3rem;
		height: 3rem;
	}
	.box-product__label.new{
		font-size: 1.2rem;
		padding: 0.2rem 0.5rem;
		right: 0;
		top: 0;
	}
}
@media only screen and (max-width:559px){
	.box-product__title{
		font-size: 1.3rem;
	}
}

/* box-news */
.box-news{

}
.box-news__link{
	display: block;
}
.box-news__wrap{
	display: flex;
	margin-bottom: 2rem;
}
.box-news__image{
	height: 100%;
	width: 18rem;
	background-size: cover;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.box-news__content{
	width: calc(100% - 18rem);
	background: #fff;
	padding: 1.5rem 2rem;
	box-sizing: border-box;
	position: relative;
}
.box-news__title{
	color: #424245;
	font-size: 1.6rem;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.no-touchevents .box-news:hover .box-news__title{
	color: #fd8002;
}
/* .no-touchevents .box-news:hover .box-news__image{
	background-size: 110%!important;
} */
.box-news__date{
	color: #999;
	position: absolute;
	right: 2rem;
	bottom: 1.5rem;
	line-height: 1;
	font-size: 1.2rem;
}
.box-news__des{
	color: #424245;
	line-height: 1.4;
	font-size: 1.4rem;
	margin-top: 1.5rem;
}
@media only screen and (max-width:959px){
	.box-news__wrap{
		margin-bottom: 1.5rem;
		display: table;
		width: 100%;
	}
	.box-news__image{
		width: 140px;
		display: table-cell;
	}
	.box-news__content{
		width: calc(100% - 140px);
		padding: 1rem 1rem;
		display: table-cell;
	}
	.box-news__title{
		font-size: 1.4rem;
	}
	.box-news__date{
		line-height: 1;
		font-size: 1.2rem;
	}
}

.lst-new-product{
	margin: 5rem auto 0;
}
.lst-new-product__item{
	padding: 0 0.75rem 0;
}
.lst-new-product .slick-arrow{
	opacity: 0;
	visibility: hidden;
}
.lst-new-product .slick-dots{
	bottom: -2rem;
}
.no-touchevents .lst-new-product:hover .slick-arrow{
	opacity: 1;
	visibility: visible;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
@media only screen and (max-width:959px){
	.lst-new-product{
		padding: 0;
		margin-top: 3rem;
	}
	.lst-new-product .slick-prev:before, .lst-new-product .slick-next:before{
		font-size: 1.4rem;
	}
	.lst-new-product .slick-prev{
		left: -1rem;
	}
	.lst-new-product .slick-next{
		right: -1rem;
	}
}

.box-thumbnails{
	border: solid 1px #e3e3e3;
	box-sizing: border-box;
	position: relative;
}
.box-thumbnails__item{
	font-size: 0;
}
.box-thumbnails__item img{
	margin: 0 auto;
}
.box-subthumbnails{
	margin-top: 1rem;
	position: relative;
}
.box-thumbnails__sale{
	color: #388e3c;
	position: absolute;
	top: 1.5rem;
	right: 3rem;
	font-size: 1.8rem;
}
.box-subthumbnails__item{
	padding: 0 5px ;
}
.box-subthumbnails__content{
	margin: 0 -5px;
}
.box-subthumbnails__item{
	border: solid 1px #e3e3e3;
	padding: 5px;
	box-sizing: border-box;
	margin: 0 5px;
	font-size: 0;
}
.box-subthumbnails__item.slick-current{
	border-color: #fd8002;
}
.box-subthumbnails__item:hover{
	cursor: pointer;
}
.box-subthumbnails .slick-arrow{
	width: 2.5rem;
	height: 2.5rem;
}
.box-subthumbnails .slick-prev::before, .box-subthumbnails .slick-next::before{
	font-size: 1.3rem;
}
.box-subthumbnails .slick-prev{
	left: 0;
}
.box-subthumbnails .slick-next{
	right: 0;
}

.box-promotion{
	position: relative;
	margin-top: 2rem;
	border: 2px solid #fd8002;
	color: #424245;
	font-size: 15px;
}
.box-promotion::before {
	position: absolute;
	top: 3px;
	right: 3px;
	bottom: 3px;
	left: 3px;
	border: 1px solid #fd8002;
	content: "";
	pointer-events: none;
}
.box-promotion__title {
	margin-top: -1.5rem;
	text-align: center;
}
.box-promotion__title span {
	display: inline-block;
	z-index: 1;
	position: relative;
	margin: 0 auto;
	padding: 0 2.5rem 0;
	background: #fff;
	color: #fd8002;
	font-size: 1.8rem;
}
.box-promotion__content{
	padding: 0 2.5rem 2rem;
	font-size: 1.4rem;
	box-sizing: border-box;
}
.box-promotion ul{}
.box-promotion ul li{
	line-height: 2;
}
.box-promotion ul li i{
	margin-right: 0.5rem;
	font-size: 1rem;
}
.box-promotion--user{
	margin-top: 5rem;
}
.box-promotion__content img{
	max-width: 100%;
	height: auto;
}
.box-thumbnails__overlay{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	background: rgba(255, 255, 255, 0.75);
	pointer-events: none;
}
.box-thumbnails__overlay p{
	transform: rotate(-30deg);
	background: #fff;
	padding: 0.5rem 2.5rem;
	border-radius: 1rem;
	-webkit-box-shadow: -0.8rem -0.8rem 1.6rem 0 rgba(255, 255, 255, 0.9), 0.8rem 0.8rem 1.6rem 0 rgba(208, 211, 220, 0.5);
	box-shadow: -0.8rem -0.8rem 1.6rem 0 rgba(255, 255, 255, 0.9), 0.8rem 0.8rem 1.6rem 0 rgba(208, 211, 220, 0.5);
}
.animate-charcter{
	text-transform: uppercase;
	background-image: linear-gradient(-225deg, #fff800 0%, #ff1361 29%, #44107a 67%, #231557 100%);
	background-clip: border-box;
	background-size: 200% auto;
	color: #fff;
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	animation: textclip 2s linear infinite;
	display: inline-block;
	font-size: 4rem;
	font-weight: bold;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}
@keyframes textclip {
	to {
		background-position: -200% center;
	}
}
@media only screen and (max-width:559px){
	.box-promotion__content{
		padding: 0 1.5rem 1.5rem;
		font-size: 1.3rem;
	}
	.animate-charcter{
		font-size: 3.2rem;
	}
}

.box-details{
	padding-left: 4rem;
}
.box-details__title{
	font-size: 2.2rem;
	position: relative;
	margin: 0;
	padding-bottom: 1rem;
}
.box-details__title::before{
	content: "";
	background: #fd8002;
	width: 6rem;
	height: 2px;
	position: absolute;
	bottom: 0;
	left: 0;
}
.box-details .box-product__price{
	text-align: left;
	border-top: 0;
	padding: 0;
	margin-top: 1rem;
}
.box-details .box-product__price span{
	font-size: 2rem;
}
.box-details .box-product__price del{
	font-size: 1.4rem;
}
.box-product__status{
	margin-top: 0.5rem;
}
.box-product__status span{
	font-weight: bold;
}
.box-product__status em{
	font-style: normal;
	font-weight: normal;
}
.box-product__status em.green{
	color: #388e3c;
}
.box-product__status em.red{
	color: #f00;
}
.box-details__des{
	margin-top: 1rem;
}
.box-details__button{
	margin-top: 1.5rem;
}
.box-details__button .btn{
	font-weight: bold;
	display: inline-block;
	min-width: auto;
	padding: 1.5rem 2rem;
}
.btn--installment.hover-effect-button{
	border-color: #000!important;
	margin-left: 0.8rem;
}
.btn--trial.hover-effect-button{
	border-color: #1877f2!important;
	margin-left: 0.8rem;
}
.btn--trial.hover-effect-button:hover,
.btn--installment.hover-effect-button:hover{
	border-color: #fd8002!important;
}
.btn--installment.hover-effect-button::before, .btn--installment.hover-effect-button::after{
	background-color: #000;
}
.btn--trial.hover-effect-button::before, .btn--trial.hover-effect-button::after{
	background-color: #1877f2;
}
.box-details__social{
	border-top: solid 1px #e3e3e3;
	margin-top: 1.5rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.box-details__social .lst-social{
	margin-top: 1.5rem;
	justify-content: flex-end;
}
.box-details__gift{
	margin-top: 1.5rem;
	font-size: 1.6rem;
	display: flex;
	align-items: center;
	background: #e6fbfe;
	padding: 0.3rem 3rem 0.3rem 0.5rem;
}
.box-details__gift img{
	width: 3.5rem;
}
.box-details__gift span{
	color: #fd8002;
	font-style: italic;
	padding-left: 1rem;
}
.box-details__gift i{
	color: #00acee;
	margin-right: 0.5rem;
}
@media only screen and (max-width:1400px){
	.box-details__social{
		flex-direction: column;
	}
}
@media only screen and (max-width:959px){
	.box-details{
		margin-top: 2rem;
		padding-left: 0;
	}
	.box-details .box-product__price span{
		font-size: 1.8rem;
	}
	.box-details .box-product__price del{
		font-size: 1.4rem;
	}
	.box-details__button{
		margin-top: 1.5rem;
	}
	.box-details__button .btn{
		display: block;
	}
	.btn--trial.hover-effect-button,
	.btn--installment.hover-effect-button{
		margin: 1.5rem 0 0;
	}
	.box-details__social{
		flex-direction: column;
	}
}

.box-related{
	padding: 3rem 0;
	background: #f8f8f8;
}
.box-related .grid-row{
	justify-content: center;
}
.box-related .index-hdg{
	margin-bottom: 3rem;
}
@media only screen and (max-width:959px){
	.box-related .grid-col--3{
		width: 50%;
	}
}

.box-blog-form{
	/* background: #f9f9f9; */
	padding: 2rem 0;
}
.box-blog-form form{
	display: flex;
	align-items: center;
	max-width: 64rem;
	margin: 0 auto;
}
.box-blog-form .form-control{
	border-radius: 0.25rem 0 0 0.25rem;
	border-color: #fd8002;
}
.box-blog-form .btn{
	background: #fd8002;
	min-width: 15rem;
	height: 5rem;
	border-radius: 0;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	letter-spacing: 0.04em;
}
@media only screen and (max-width:959px){
	.box-blog-form .btn{
		height: 4rem;
		padding: 0;
	}
}
@media only screen and (max-width:559px){
	.box-blog-form .btn{
		min-width: 6rem;
	}
	.box-blog-form .btn span{
		display: none;
	}
}

.box-search-ajax-result{
	position: absolute;
	top: 4.9rem;
	left: 0;
	right: 0;
	background: #f9f9f9;
	padding: 1rem 1.5rem;
	height: 26rem;
	border: solid 1px #e3e3e3;
	border-top: none;
	overflow-y: auto;
	opacity: 0;
	visibility: hidden;
}
.box-search-ajax-result.showed{
	opacity: 1;
	visibility: visible;
	z-index: 1;
}
.box-search-ajax-result li{
	padding: 6px 0;
}
.box-search-ajax-result li:not(:last-child){
	border-bottom: solid 1px #e3e3e3;
}
.box-search-ajax-result a{
	display: flex;
	align-items: center;
}
.box-search-ajax-result img{
	width: 50px;
	height: auto;
	border: solid 1px #999;
	margin-right: 1rem;
	border-radius: 3px;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
.box-search-ajax-result a:hover img{
	opacity: 0.7;
}
.box-search-ajax-result__title{
	margin: 0;
	font-size: 1.4rem;
	color: #434345;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
.box-search-ajax-result__des{
	font-size: 1.3rem;
	color: #777;
	line-height: 1.3;
}
.box-search-ajax-result a:hover .box-search-ajax-result__title{
	color: #fd8002;
}
@media only screen and (max-width:559px){
	.box-search-ajax-result{
		top: 3.9rem;
	}
}

.box-sticky-blog{
	padding: 3rem 0 3rem;
	background: #f9f9f9;
}
.box-sticky-blog__inner{
	margin: 3rem -1rem 0;
}
.box-sticky-blog__item{
	padding: 0 1rem;
	box-sizing: border-box;
}
.box-sticky-blog .slick-dots{
	bottom: -2rem;
}
.box-sticky-blog .slick-arrow {
	opacity: 0;
	visibility: hidden;
}
.no-touchevents .box-sticky-blog:hover .slick-arrow{
	opacity: 1;
	visibility: visible;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
@media only screen and (max-width:1599px){
	.box-sticky-blog .slick-next{
		right: 0;
	}
	.box-sticky-blog .slick-prev{
		left: 0;
	}
}

.box-video{
	max-width: 96rem;
	margin: 0 auto;
	padding-bottom: 5rem;
}
.box-video__short{
  	display: flex;
    justify-content: center;
}
.box-video__embed{
	padding: 2px;
	border: solid 2px #fd8002;
}
.box-video a{
	display: block;
	position: relative;
}
.box-video__icon{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 8rem;
	height: 8rem;
	font-size: 3.4rem;
	border-radius: 50%;
	border: solid 5px #fff;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
}
.box-video__caption{
	text-align: center;
	margin-top: 1rem;
	font-style: italic;
}
#tiktok{
  	margin-bottom: 5rem;
  	display: flex;
    justify-content: center;
}
@media only screen and (max-width:959px){
	.box-video__icon{
		width: 5rem;
		height: 5rem;
		font-size: 2.4rem;
		border: solid 2px #fff;
	}
}

button.mfp-close{
	width: 5rem;
	height: 5rem;
	line-height: 5rem;
	background: #fd8002;
	color: #fff;
	position: absolute;
	top: 0;
	right: 0;
	opacity: 1;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.no-touchevents button.mfp-close:hover{
	opacity: 0.7;
}
.mfp-close-btn-in .mfp-close{
	color: #fff;
	font-size: 3.5rem;
}
@media only screen and (max-width:559px){
	button.mfp-close{
		width: 4rem;
		height: 4rem;
		line-height: 4rem;
	}
	.mfp-close-btn-in .mfp-close{
		font-size: 2.4rem;
	}
}

.box-modal{
	max-width: 80rem;
	margin: 0 auto;
	position: relative;
}
.box-modal__inner{
	max-width: 80rem;
	margin: 0 auto;
	background: #f9f9f9;
	color: #424245;
	padding: 4rem;
}
.box-modal__title{
	font-size: 2.4rem;
	font-weight: bold;
	text-align: center;
	color: #fd8002;
	margin: 0 auto 1rem;
	text-transform: uppercase;
}
.box-modal__content p{
	line-height: 1.5;
}
@media only screen and (max-width:559px){
	.box-modal__inner{
		padding: 6rem 2rem 2rem;
	}
	.box-modal__title{
		font-size: 1.6rem;
		line-height: 1.5;
	}
}

.box-form-cart{
	max-width: 65rem;
	margin: 4rem auto;
	padding: 2rem 3rem;
	position: relative;
	background: #fff;
	box-sizing: border-box;
}
.box-form-cart__title{
	font-size: 2rem;
	line-height: 1.5;
	font-weight: bold;
	margin-bottom: 1.2rem;
	padding-bottom: 1.2rem;
	text-align: center;
	border-bottom: solid 1px #eee;
}
.box-form-cart__product{
	display: flex;
	align-items: center;
	margin-bottom: 1rem;
}
.box-form-cart__product > *{
	padding: 0 1rem;
	box-sizing: border-box;
}
.box-form-cart__photo{
	font-size: 0;
	width: 7rem;
	padding-left: 0;
}
.box-form-cart__name span{
	font-weight: bold;
	color: #fd8002;
}
.box-form-cart__price span{
	font-weight: bold;
	color: #fd8002;
}
.box-form-cart .form-group{
	margin-bottom: 1.5rem;
}
.box-form-cart__button{
	text-align: center;
}
.box-form-cart__warning{
	font-size: 1.5rem;
	color: #FF324D;
	margin-bottom: 1rem;
}
.box-form-cart__warning a{
	color: #1877f2;
}
.box-form-cart__warning a i{
	font-size: 12px;
}
.form-group-inline{
	display: flex;
	align-items: center;
}
.radio-button{
	display: flex;
	align-items: center;
	margin: 0 2rem 0 0;
}
.radio-button label{
	margin-left: 0.5rem;
}
@media only screen and (max-width:559px){
	.form-group-inline{
		flex-direction: column;
		align-items: flex-start;
	}
	.radio-button{
		margin: 0 0 0.8rem 0;
	}
	.box-form-cart{
		padding: 2rem 1.5rem 5rem;
		height: 50rem;
		overflow-y: auto;
	}
	.box-form-cart__product > *{
		padding: 0 0.5rem;
	}
	.box-form-cart__photo{
		padding-left: 0;
	}
	.box-form-cart__name label,
	.box-form-cart__price label{
		display: none;
	}
}

.box-accordion{}
.box-accordion__title{
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	color: #000;
	cursor: pointer;
	line-height: 1.4;
	font-size: 1.6rem;
	padding-top: 1.5rem;
	position: relative;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.box-accordion__title::before{
	content: "Lọc Nâng Cao";
	display: inline-block;
}
.box-accordion__title::after{
	content: "\f103";
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	display: inline-block;
}
.box-accordion__title.is-active::before{
	content: "Thu Gọn";
}
.box-accordion__title.is-active::after{
	content: "\f102";
}
.box-accordion__title:hover{
	color: #fd8002;
}
.box-accordion__panel{
	display: none;
}

.box-product-config{
	max-width: 116rem;
    margin: 6rem auto;
    border: solid 2px #fd8002;
    position: relative;
    padding: 2rem 2rem 1rem;
}
.box-product-config::before {
    position: absolute;
    top: 3px;
    right: 3px;
    bottom: 3px;
    left: 3px;
    border: 1px solid #fd8002;
    content: "";
    pointer-events: none;
}
.box-product-config .row{
	margin: 0 -0.5rem;
}
.box-product-config .grid-col--3{
	padding: 0 0.5rem;
}
.box-product-config .grid-row{
	justify-content: center;
}
.box-product-config__item{
	background: #f9f9f9;
	border: solid 1px #e3e3e3;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    padding: 1rem 1rem;
	margin-bottom: 1rem;
	transition: all .3s ease;
}
.box-product-config__item:hover{
	background: #e6fbfe;
}
.box-product-config__title{
	font-size: 1.6rem;
	color: #000;
	line-height: 1.4;
}
.box-product-config__price{
	font-size: 1.6rem;
	color: #fd8002;
	font-weight: bold;
	line-height: 1.4;
}
.box-product-config__price del{
	color: #666;
	font-size: 1.2rem;
}
@media only screen and (max-width:959px){
	.box-product-config .grid-col--3{
		width: 50%;
	}
}
@media only screen and (max-width:559px){
	.box-product-config{
		margin: 3rem auto;
		padding: 2rem 1.5rem 1rem;
	}
	.box-product-config .grid-col--3{
		width: 50%;
	}
	.box-product-config__title{
		font-size: 1.4rem;
	}
	.box-product-config__price{
		font-size: 1.4rem;
		margin-top: 3px;
	}
}


/*>>> 2-4-12. Panel    [pnl-***]*/

/*>>> 2-4-13. Media    [mda-***]*/

/*>>> 2-4-14. Form     [frm-***]*/
.form-control{
	display: block;
	width: 100%;
	height: 5rem;
	padding: 1rem 2rem;
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 1.5;
	color: #424245;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: 0.25rem;
}
textarea.form-control{
	height: auto;
}
@media only screen and (max-width:959px){
	.form-control{
		height: 4rem;
		font-size: 1.6rem;
		padding: 1rem 1.5rem;
	}
}

/*>>> 2-4-15. Error    [err-***]*/

/*>>> 2-4-16. UI*/


/* -----------------------------------------------
*> [3. Layout]
-------------------------------------------------- */

/*>> 3-1. #l-document
-------------------------------------------------- */
#l-document{
	min-height: 100%;
	box-sizing: border-box;
	position: relative;
}
@media only screen and (max-width:959px){
	#l-document{

	}
}/* endMedia */

/*>> 3-2. #l-header
-------------------------------------------------- */
.l-header{
	background: #f5f5f7;
}
.l-header__top{
	padding: 2rem 0;
	background: url(../images/bg_gray.jpg) no-repeat center center;
	background-size: cover;
}
.l-header__content{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.l-header__logolink{
	display: inline-block;
}
.l-header__logo{
	width: 26rem;
	margin: 0;
	font-size: 0;
	line-height: 1;
	display: flex;
	align-items: center;
}
.l-header__contact{
	display: flex;
	justify-content: center;
	flex-direction: column;
}
.l-header__contact .lst-social{
	margin: 0 auto;
}
.l-header__contact .lst-social li a{
	width: 2.8rem;
	height: 2.8rem;
}
.l-header__contact .lst-social li.zalo a{
	padding: 0.4rem;
	border-color: #fff;
	background-color: #fff;
}
.l-header__contact .lst-social li.facebook a{
	border-color: #fff;
	background: #fff;
	color: #3b5998;
}
.l-header__contact .lst-social li.twitter a{
	border-color: #fff;
	background: #fff;
	color: #00acee;
}
.l-header__contact .lst-social li.youtube a{
	border-color: #fff;
	background: #fff;
	color: #c4302b;
}
.l-header__contact .lst-social li.instagram a{
	border-color: #fff;
	background: #fff;
	color: #3f729b;
}
.l-header__contact .lst-social li.tiktok a{
	border-color: #fff;
	background: #fff;
	color: #000;
}
.l-header__phone{
	font-size: 1.8rem;
	font-weight: bold;
	display: flex;
	align-items: center;
	padding: 0.8rem 4rem;
	border: solid 1px #fd8002;
	margin-top: 0.5rem;
	box-sizing: border-box;
	pointer-events: none;
}
.l-header__phone i{
	font-size: 3rem;
	margin-right: 1rem;
}
.l-header__form{
	width: 45rem;
}
.l-header__form form{
	position: relative;
}
.l-header__form .form-control{
	background-color: transparent;
	color: #fff;
}
.l-header__form .btn{
	position: absolute;
	top: 50%;
	right: 1px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 4.8rem;
	height: 4.8rem;
	min-width: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: transparent;
	color: #fd8002;
}
.nav-categories{
	position: relative;
}
.nav-categories__button{
	background: #fd8002;
	color: #fff;
	font-weight: bold;
	width: 100%;
	text-align: left;
	font-size: 1.6rem;
	height: 6rem;
	padding: 0 2rem;
}
.nav-categories__button i{
	margin-right: 1rem;
}
.nav-mainmenu{

}
.nav-mainmenu__menu{
	display: flex;
	align-items: center;
	height: 6rem;
}
.nav-mainmenu__menu li{
	margin: 0 2rem;
}
.nav-mainmenu__menu li a{
	font-size: 1.4rem;
	color: #424245;
	text-transform: uppercase;
	position: relative;
	padding: 0.8rem 0;
}
.nav-mainmenu__menu li.is-current a{
	font-weight: bold;
}
.nav-mainmenu__menu li a::after,
.nav-mainmenu__menu li a::before{
	position: absolute;
	-webkit-transition: all 0.35s ease;
	transition: all 0.35s ease;
}
.nav-mainmenu__menu li a::before{
	bottom: 0;
	display: block;
	height: 3px;
	width: 0%;
	content: "";
	background-color: #fd8002;
}
/* .nav-mainmenu__menu li a::after{
	left: 0;
	top: 0;
	padding: 0.8rem 0;
	position: absolute;
	content: attr(data-hover);
	color: #000;
	white-space: nowrap;
	max-width: 0%;
	overflow: hidden;
} */
.nav-mainmenu__close,
.nav-categories__close,
.nav-mainmenu__sub,
.nav-mainmenu__logosp{
	display: none;
}
.nav-categories__content{
	opacity: 0;
	visibility: hidden;
	background: #fff;
	position: absolute;
	padding: 0.5rem 0 0;
	top: 100%;
	width: 100%;
	left: 0;
	right: 0;
	min-height: 51.5rem;
	-webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
	z-index: 999;
}
.nav-categories__content .lst-social{
	display: none;
}
.nav-categories__content.is-showed{
	opacity: 1;
	visibility: visible;
}
.nav-categories__list > li{
	border-bottom: solid 1px #ccc;
	position: relative;
}
.nav-categories__list > li:last-child{
	border-bottom: 0;
}
.nav-categories__list > li a{
	padding: 1.1rem 1.5rem;
	display: flex;
	align-items: center;
	color: #424245;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.nav-categories__list > li a i{
	font-size: 2rem;
	width: 2.5rem;
	margin-right: 1rem;
	text-align: center;
}
.nav-categories__loadmore{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}
.nav-categories__loadmore p{
	padding: 1.5rem 1.5rem;
	border-top: solid 1px #e3e3e3;
	color: #fd8002;
}
.nav-categories__loadmore i{
	position: absolute;
	top: 50%;
	right: 1.5rem;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
@media only screen and (max-width:959px){
	.nav-categories__loadmore{
		display: none;
	}
}

/* mega menu */
.nav-dropdown-menu{
	display: block;
	position: absolute;
	top: 0;
	left: 100%;
	min-width: 80rem;
	/* min-height: 49.3rem; */
	background: #fff;
	right: 0;
    border-radius: 0;
    padding: 0;
	margin-top: 2rem;
	opacity: 0;
	visibility: hidden;
	z-index: 999;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	-webkit-box-shadow: 10px 16px 49px 0px rgb(38 42 46 / 5%);
	box-shadow: 10px 16px 49px 0px rgb(38 42 46 / 5%);
}
.nav-categories__list > li:hover .nav-dropdown-menu{
	opacity: 1;
	visibility: visible;
	margin-top: 0;
}
.mega-menu{
	padding: 1.5rem 0;
}
.mega-menu__label{
	padding-left: 1.5rem;
	font-weight: bold;
	color: #fd8002;
	font-size: 1.4rem;
}
.mega-menu__list li a{
	padding: 0.7rem 1.5rem;
}
.mega-menu__list .box-checkbox{
	padding: 0.7rem 1.5rem;
}
.mega-menu__list img{
	width: 7.5rem;
	margin: 0 auto;
}
.mega-menu__list--col2{
	display: flex;
	flex-wrap: wrap;
}
.mega-menu__list--col2 li{
	width: 50%;
}
@media only screen and (min-width:960px){
	.l-header__logo img{
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
	.l-header__contact .lst-social li.facebook a:hover{
		border-color: #3b5998;
		color: #fff;
		background: #3b5998;
	}
	.l-header__contact .lst-social li.twitter a:hover{
		border-color: #00acee;
		color: #fff;
		background: #00acee;
	}
	.l-header__contact .lst-social li.youtube a:hover{
		border-color: #c4302b;
		color: #fff;
		background: #c4302b;
	}
	.l-header__contact .lst-social li.instagram a:hover{
		border-color: #3f729b;
		color: #fff;
		background: #3f729b;
	}
	.l-header__form .btn:hover{
		color: #fff;
	}
	.nav-mainmenu__menu li a:hover{
		color: unset;
	}
	.nav-mainmenu__menu li a:hover::before,
	.nav-mainmenu__menu li.is-current a::before{
		opacity: 1;
		width: 100%;
	}
	.nav-mainmenu__menu li a:hover::after,
	.nav-mainmenu__menu li.is-current a::after{
		max-width: 100%;
	}
	.l-header__nav.is-fixed{
		width: 100%;
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
		background: #f5f5f7;
		z-index: 99;
	}
}
@media only screen and (min-width:960px) and (max-width:1199px){
	.l-header__logo {
		width: 25rem;
	}
	.l-header__form {
		width: 35rem;
	}
	.nav-mainmenu__menu li{
		margin: 0 1rem;
	}
}
@media only screen and (max-width:1399px){
	.l-header__nav .grid-col--2,
	.box-mainvisual .grid-col--2{
		width: 25%;
	}
	.l-header__nav .grid-col--10,
	.box-mainvisual .grid-col--10{
		width: 75%;
	}
	.box-mainvisual .offset--2{
		margin-left: 25%;
	}
	.box-mainvisual .grid-col--7{
		width: 50%;
	}
	.box-mainvisual .grid-col--3{
		width: 25%;
	}
	.nav-mainmenu__menu li{
		margin: 0 0.7rem;
	}
	.nav-mainmenu__menu li a{
		font-size: 1.2rem;
	}
}
@media only screen and (max-width:959px){
	.l-header__top{
		padding: 1.5rem 0;
	}
	.l-header__content{
		flex-direction: column;
	}
	.l-header__logo{
		width: 17rem;
	}
	.l-header__form{
		width: 100%;
		margin-top: 2rem;
	}
	.l-header__contact{
		margin-top: 2rem;
		width: 100%;
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
	}
	.l-header__contact.is-fixed{
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		height: 5.5rem;
		margin-top: 0;
		background: #f5f5f7;
		border-bottom: solid 1px #e3e3e3;
		padding-left: 0.5rem;
		box-sizing: border-box;
		z-index: 9999;
	}
	.l-header__contact .lst-social{
		display: none;
	}
	.l-header__phone{
		pointer-events: all;
		margin-top: 0;
		height: 4.5rem;
		padding: 0 3rem;
	}
	.l-header__nav .grid-col--2,
	.l-header__nav .grid-col--10,
	.box-mainvisual .grid-col--2,
	.box-mainvisual .grid-col--7,
	.box-mainvisual .grid-col--3{
		width: 100%;
	}
	.box-mainvisual .offset--2{
		margin-left: 0;
	}
	.nav-categories,
	.nav-categories__button span,
	.nav-categories__content{
		display: none;
	}
	.nav-categories__content .lst-social{
		display: flex;
	}
	.nav-mainmenu{
		display: none;
	}
	.nav-mainmenu__close{
		display: flex;
		justify-content: center;
		align-items: center;
		width: 6rem;
		height: 6rem;
		background: #fd8002;
		color: #fff;
		font-size: 1.8rem;
		position: absolute;
		top: 0;
		right: 0;
	}
	.nav-mainmenu__logosp{
		display: block;
		position: absolute;
		top: 1rem;
		left: 1rem;
	}

	/* mobile menu */
	.l-header__nav.is-active .nav-mainmenu{
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		background: url("../images/bg_gray.jpg") no-repeat center center;
		padding: 6rem 0;
		z-index: 999;
		-webkit-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	.l-header__nav.is-active .nav-mainmenu__menu{
		height: auto;
		flex-wrap: wrap;
	}
	.l-header__nav.is-active .nav-mainmenu__menu li{
		width: 50%;
		margin: 0;
		border-bottom: solid 1px #e3e3e3;
		box-sizing: border-box;
	}
	.l-header__nav.is-active .nav-mainmenu__menu li:nth-child(2n){
		border-right: solid 1px #e3e3e3;
	}
	.l-header__nav.is-active .nav-mainmenu__menu li:first-child{
		width: 100%;
		border-top: solid 1px #e3e3e3;
	}
	.l-header__nav.is-active .nav-mainmenu__menu li.last-full{
		width: 100%;
		border-right: 0;
	}
	.l-header__nav.is-active .nav-mainmenu__menu li a{
		color: #fff;
		font-size: 1.4rem;
		display: block;
		padding: 1.8rem 0;
		line-height: 1;
		text-align: center;
	}
	.nav-mainmenu__sub{
		display: block;
		padding: 0 1.5rem;
		margin: 2rem 0;
	}
	.nav-mainmenu__sublist{
		display: flex;
		align-items: center;
		flex-wrap: wrap;
	}
	.nav-mainmenu__sublist li{
		width: 50%;
		margin-bottom: 0.5rem;
	}
	.nav-mainmenu__sublist li a{
		font-size: 1.4rem;
		display: flex;
		align-items: center;
		line-height: 1;
		padding: 0.5rem 0;
		color: #fff;
	}
	.nav-mainmenu__sublist li a i{
		font-size: 1rem;
		margin-right: 0.5rem;
	}

	/* mobile category */
	.l-header__nav.is-active-category .nav-categories,
	.l-header__nav.is-active-category .nav-categories__content{
		display: block;
	}
	.l-header__nav.is-active-category .nav-categories__content{
		opacity: 1;
		visibility: visible;
	}
	.l-header__nav.is-active-category .nav-categories__button span{
		display: inline-flex;
	}
	.l-header__nav.is-active-category .wrp-container{
		padding: 0;
	}
	.l-header__nav.is-active-category{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		background: url("../images/bg_gray.jpg") no-repeat center center;
		height: 100vh;
		z-index: 999;
	}
	.l-header__nav.is-active-category .nav-categories__content{
		background: transparent;
		box-shadow: none;
		padding-top: 0;
	}
	.l-header__nav.is-active-category .nav-categories__list > li{
	}
	.l-header__nav.is-active-category .nav-categories__list > li:last-child{
		border-bottom: solid 1px #ccc;
	}
	.l-header__nav.is-active-category .nav-categories__list > li a{
		padding: 1.5rem;
		color: #fff;
	}
	.nav-categories__close{
		display: flex;
		justify-content: center;
		align-items: center;
		width: 6rem;
		height: 6rem;
		background: #424245;
		color: #fff;
		font-size: 1.8rem;
		position: absolute;
		top: 0;
		right: 0;
	}

	/* disable scroll when menu open */
	html.is-opened-menu,
	html.is-opened-category,
	html.is-opened-menu body,
	html.is-opened-category body{
		overflow: hidden;
		position: fixed;
		height: 100vh;
	}
}

/*>> 3-3. #l-container
-------------------------------------------------- */
#l-container{

}

/*>>> 3-3-1. #l-main
-------------------------------------------------- */
#l-main{

}

/*>>> 3-3-2. #l-sub
-------------------------------------------------- */


/*>> 3-4. #l-footer
-------------------------------------------------- */
#l-footer{
	background: url("../images/bg_gray.jpg") no-repeat top left;
	background-size: cover;
	position: relative;
}
#l-footer::before{
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.8);
	pointer-events: none;
}
.l-footer__wrapper{
	padding: 2rem 0;
	margin: 0 4vw;
}
.l-footer__content{
	padding: 3rem 0;
	color: #fff;
}
.l-footer__logo{
	width: 200px;
	display: inline-block;
}
.l-footer__contact{
	margin-top: 20px;
}
.l-footer__contact li + li{
	margin-top: 1.2rem;
}
.l-footer__contact i{
	display: inline-block;
	margin-right: 1rem;
	margin-top: 0.4rem;
	font-size: 1.8rem;
	vertical-align: top;
}
.l-footer__contact i + *{
	overflow: hidden;
	font-size: 1.6rem;
	color: #fff;
	line-height: 1.5;
	margin: 0;
	vertical-align: middle;
	max-width: 78%;
	display: inline-block;
}
.l-footer__contact a{
	color: #fff;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.l-footer__box .hdg-lv3{
	color: #fff;
	font-size: 1.8rem;
}
.l-footer__nav{
	display: flex;
	flex-wrap: wrap;
}
.l-footer__nav li{
	width: 50%;
}
.l-footer__nav--full li{
	width: 100%;
}
.l-footer__nav li i{
	font-size: 1rem;
	margin-right: 0.5rem;
}
.l-footer__nav li a{
	color: #fff;
	display: inline-block;
	padding-bottom: 1rem;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.l-footer__license + .l-footer__license{
	margin-top: 1rem;
}
.l-footer__license span{
	font-weight: bold;
}
.l-footer__copyright{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 1.5rem 0;
	color: #999;
	border-top: solid 1px #3a3a3a;
	position: relative;
	z-index: 1;
}
.l-footer__map{

}
.l-footer__map a{
	display: block;
	height: 18rem;
	background-size: 100%!important;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.no-touchevents .l-footer__map a:hover{
	background-size: 110%!important;
}
@media only screen and (min-width:960px){
	.l-footer__logo img{
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
	.l-footer__contact a:hover{
		text-decoration: none;
	}
	.l-footer__nav a:hover{
		text-decoration: none;
		margin-left: 0.5rem;
	}
	.l-footer__contact a[href^="tel:"]{
		pointer-events: none;
	}
	.l-footer__contact a[href^="tel:"]:hover{
		color: #424245;
	}
}
@media only screen and (max-width:1400px){
	.l-footer .grid-col--4,
	.l-footer .grid-col--2{
		width: 50%;
	}
	.l-footer__box{
		padding-bottom: 30px;
	}
}
@media only screen and (max-width:992px){
	.l-footer__nav li{
		width: 100%;
	}
}
@media only screen and (max-width:959px){
	#l-footer{
		padding-bottom: 5.2rem;
	}
	.l-footer .grid-col--4,
	.l-footer .grid-col--2{
		width: 100%;
	}
	.l-footer__logo{
		margin-top: 2.5rem;
	}
	.l-footer__content{
		padding: 2rem 0 2rem;
	}
	.l-footer__box{
		border-bottom: solid 1px #d2d2d7;
		padding-bottom: 2.5rem;
	}
	.l-footer__box.last{
		border-bottom: 0;
		padding-bottom: 0;
	}
	.l-footer__box .hdg-lv3{
		margin: 2.5rem 0 2rem;
	}
	.l-footer__nav li{
		width: 100%;
	}
	.l-footer__nav li:last-child a{
		margin-bottom: 0;
	}
	.l-footer__copyright{
		justify-content: center;
		flex-direction: column;
		padding: 1.5rem 0;
	}
	.l-footer__copyright .lst-mastercard{
		margin-top: 10px;
	}
}


/*>> 3-4. OverLayerConfig [z-index]
-------------------------------------------------- */
.nav-global-menu {
	z-index: 100;
}
.nav-global{
	z-index: 100;
}
#l-header{
	z-index: 100;
}
/*>> 3-5. Project
-------------------------------------------------- */
/* top page */
.top_page .l-header__nav .nav-categories__content{
	visibility: visible;
	opacity: 1;
}
.top_page .l-header__nav.is-fixed .nav-categories__content{
	visibility: hidden;
	opacity: 0;
}
.top_page .l-header__nav.is-fixed .nav-categories__content.is-showed{
	visibility: visible;
	opacity: 1;
}
/* .top_page .l-header__nav.is-fixed .nav-categories__content{
	visibility: hidden;
	opacity: 0;
} */
/* .l-header__nav.is-fixed .nav-categories{
	display: none;
} */

.index-hdg{
	text-align: center;
}
.index-hdg__en{
	font-size: 5rem;
	line-height: 1;
	color: #fd8002;
}
.index-hdg__vi{
	font-size: 1.8rem;
	color: #666;
}
@media only screen and (max-width:959px){
	.index-hdg__en{
		font-size: 3.8rem;
	}
	.index-hdg__vi{
		font-size: 1.4rem;
	}
}

.top-categories__products{
	margin-top: 3rem;
}
.top-categories{
	padding: 3rem 0;
}
.top-title{
	border-bottom: solid 1px #fd8002;
	display: flex;
	align-items: flex-end;
}
.top-title h2{
	display: inline-block;
}
.top-title h2 a{
	display: flex;
	align-items: center;
	padding: 0 2rem;
	height: 5rem;
	min-width: 21rem;
	background: #fd8002;
	color: #fff;
	font-size: 1.8rem;
	letter-spacing: 0.04em;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	border-radius: 85% 15% 100% 0% / 0% 100% 0% 100%;
}
.no-touchevents .top-title h2 a:hover{
	color: #fff;
	background: #424245;
}
@media only screen and (max-width:959px){
	.top-title{
	}
	.top-title h2 a{
		font-size: 1.6rem;
		height: 4rem;
		min-width: 18rem;
	}
	.top-categories{
		padding: 3rem 0;
	}
	.top-banner + .top-categories{
		border-top: solid 1px #e3e3e3;
	}
}

.top-title__sub{}
.top-subcategory{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.top-subcategory li{
	margin: 0 0;
}
.top-subcategory li a{
	height: 3.5rem;
	font-size: 1.6rem;
	font-weight: bold;
	background: #e9e9e9;
	color: #424245;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	border-radius: 75% 25% 100% 0% / 0% 100% 0% 100%;
	display: flex;
	align-items: center;
	padding: 0 1.5rem;
	min-width: 10rem;
}
.no-touchevents .top-subcategory li a:hover{
	background: #fd8002;
	color: #fff;
}
.top-categories__row{
	margin: 0 -1rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.top-categories__col{
	padding: 0 1rem;
	box-sizing: border-box;
	width: 20%;
}
.top-categories__button{
	text-align: center;
	margin-top: 2rem;
}
.top-categories__button .btn{
	font-size: 1.6rem;
	letter-spacing: 0.04em;
	height: 4.8rem;
	border-radius: 2.4rem;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	min-width: 23rem;
}
.top-categories__button .btn span{
	position: absolute;
	right: 2rem;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
@media only screen and (max-width:1680px){
	.top-categories__col{
		width: 25%;
	}
}
@media only screen and (max-width:1200px){
	.top-categories__col{
		width: 33.3333333333%;
	}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px){
	.top-subcategory li a{
		min-width: 8.5rem;
		padding: 0 1rem;
	}
}
@media only screen and (max-width: 1199px){
	.top-title__sub{
		display: none;
	}
}
@media only screen and (max-width:959px){
	.top-categories__button .btn{
		font-size: 1.4rem;
		height: 4rem;
		border-radius: 2rem;
		min-width: 17rem;
	}
}
@media only screen and (max-width:559px){
	.top-categories__col{
		width: 50%;
	}
}

.top-banner{
	background: transparent;
}
.top-banner__content{
	height: 234px;
}
@media only screen and (max-width:959px){
	.top-banner{
		padding: 1.5rem 0;
	}
	.top-banner__content{
		height: auto;
		padding-bottom: 51.7241%;
	}
	.top-banner{
		display: none;
	}
}

.top-news{
	background: #f8f8f8;
	padding: 3rem 0 1.5rem;
}
.top-news .index-hdg__vi{
	margin-top: 1rem;
}
.top-news__content{
	margin-top: 5rem;
}
@media only screen and (min-width:768px) and (max-width:1199px){
	.top-news__content .grid-col--4{
		width: 50%;
	}
}
@media only screen and (max-width:959px){
	.top-news{
		padding: 3rem 0;
	}
	.top-news__content{
		margin-top: 3rem;
	}
}

.mobile-category,
.mobile-menu{
	display: none;
}
@media only screen and (max-width:959px){
	.mobile-category,
	.mobile-menu{
		display: block;
	}
	.mobile-category span{
		width: 4.5rem;
		height: 4.5rem;
		border: solid 1px #e3e3e3;
		color: #fff;
		display: flex;
		justify-content: center;
		align-items: center;
		box-sizing: border-box;
	}
	.mobile-menu span{
		display: inline-block;
		padding: 1rem 1rem;
		box-sizing: border-box;
		color: #fff;
	}
	.l-header__contact.is-fixed .mobile-category span,
	.l-header__contact.is-fixed .mobile-menu span{
		color: #424245;
	}
}


.box-blog-list{
	padding: 3rem 0 3rem;
}
.box-blog-list .hdg-lv1 span{
	font-size: 1.3rem;
	color: #999;
}
@media only screen and (max-width:959px){
	.box-blog-list .grid-col--3{
		width: 33.3333333%;
	}
}
@media only screen and (min-width:560px) and (max-width:767px){
	.box-blog-list .grid-col--3{
		width: 50%;
	}
}
@media only screen and (max-width:559px){
	.box-blog-list{
		padding: 4rem 0;
	}
	.box-blog-list .grid-col--3{
		width: 100%;
	}
}

.box-banner{}
.box-banner__image{
	height: 23.4rem;
	background-size: cover;
}

.box-checkbox{}
.box-checkbox__input{
	display: none;
}
.box-checkbox__label{
	position: relative;
	cursor: pointer;
	color: #424245;
	padding: 0;
	vertical-align: middle;
}
.box-checkbox__label::before{
	content: "";
	border: 2px solid #ced4da;
	height: 1.7rem;
	width: 1.7rem;
	margin: 0px 6px 0 0;
	display: inline-block;
	vertical-align: middle;
	box-sizing: border-box;
}
.box-checkbox input[type="checkbox"]:checked + .box-checkbox__label::after {
	content: "";
	width: 11px;
	position: absolute;
	top: 50%;
	left: 3px;
	opacity: 0;
	height: 6px;
	border-left: 2px solid #fff;
	border-bottom: 2px solid #fff;
	-moz-transform: translateY(-65%) rotate(-45deg);
	-webkit-transform: translateY(-65%) rotate(-45deg);
	transform: translateY(-65%) rotate(-45deg);
	box-sizing: border-box;
}
.box-checkbox input[type="checkbox"]:checked + .box-checkbox__label::after {
	opacity: 1;
}
.box-checkbox input[type="checkbox"]:checked + .box-checkbox__label::before {
	background-color: #fd8002;
	border-color: #fd8002;
}
.box-checkbox__label::after{}
.box-checkbox__label span{
	vertical-align: middle;
}

.box-widget{
	padding: 1.5rem 1.5rem;
	border: 1px solid #e3e3e3;
}
.box-widget:not(:last-child){
	border-bottom: 0;
}
.box-widget__title{
	font-size: 1.4rem;
	font-weight: bold;
	color: #000;
}
.box-widget__content{
	padding: 1rem 0 0;
}
.box-widget__list{}
.box-widget__list li{

}
.box-widget__list i{
	margin-right: 0.5rem;
	color: #fd8002;
	width: 1.7rem;
	text-align: center;
}
.box-widget__list li a{
	color: #424245;
	display: block;
	padding: 0.5rem 0;
}
.box-widget__form li{
	margin-bottom: 1rem;
}

.box-blog-detail{
	padding: 3rem 0;
}
.box-blog-detail .wrp-container{
	max-width: 120rem;
}
.box-blog-detail img{
	max-width: 100%;
	height: auto;
	margin: 0 auto;
}
.box-blog-detail__photo{
	text-align: center;
	margin-top: 1.5rem;
}
.box-blog-detail__time{
	margin-top: 1.5rem;
	color: #999;
}
.box-blog-detail__title{
	font-size: 2.4rem;
	color: #fd8002;
	margin: 0;
}
.box-blog-detail__content{
	padding-top: 3rem;
}
.box-blog-detail__content p{
	font-size: 1.6rem;
}
.box-blog-detail__share{
	position: relative;
  	margin-bottom: 3rem;
}
@media only screen and (max-width:559px){
	.box-blog-detail{
		padding: 3rem 0;
	}
	.box-blog-detail__title{
		font-size: 1.8rem;
		margin-top: 1rem;
	}
	.box-blog-detail__photo{
		margin-top: 1rem;
	}
	.box-blog-detail__content iframe{
		width: 100%!important;
		height: 300px!important;
	}
	.box-blog-detail img{
		max-width: 100%!important;
		height: auto!important;
	}
}

.box-contact-info{
	margin-bottom: 3rem;
	box-shadow: 0 0 1rem rgb(0 0 0 / 10%);
	padding: 2rem 2rem;
	border-radius: 1rem;
}
.box-contact-info__heading{
	font-size: 2rem;
	color: #fd8002;
	text-transform: uppercase;
	margin-bottom: 2rem;
}
.box-contact-info__item{
	display: flex;
}
.box-contact-info__item + .box-contact-info__item{
	margin-top: 1rem;
}
.box-contact-info__item i{
	display: inline-block;
	margin-right: 1rem;
	margin-top: 0.4rem;
	font-size: 1.6rem;
	vertical-align: top;
	color: #fd8002;
}
.box-contact-info__item i + *{
	overflow: hidden;
	font-size: 1.6rem;
	line-height: 1.5;
	margin: 0;
	vertical-align: middle;
	display: inline-block;
}
.box-contact-info__custom p{
	line-height: 1.5;
	margin-bottom: 1.2rem;
}
@media only screen and (max-width:959px){
	.box-contact-info{
		margin-bottom: 1.5rem;
		border-radius: 0.5rem;
	}
	.box-contact-info__heading{
		font-size: 1.6rem;
	}
}

.box-contact-form{}
.box-contact-form__heading{
	font-size: 2.4rem;
	margin: 0;
}
.box-contact-form__lead{
	color: #999;
	margin-top: 1.5rem;
}
.box-contact-form__content{
	margin-top: 2rem;
}
.box-contact-form .form-group{
	margin-bottom: 1.5rem;
}
.box-contact-form__button{
}
.box-contact-form__button .btn{
	font-size: 1.6rem;
	border-radius: 0.5rem;
	min-width: 20rem;
}

.box-map{}
.box-map iframe{
	width: 100%!important;
	height: 46.8rem!important;
}
@media only screen and (max-width:959px){
	.box-map{
		margin-top: 3rem;
	}
}

.box-sort{
	display: flex;
	align-items: center;
	justify-content: flex-end;
	margin: 2rem 0 0;
}
.box-sort__label{
	color: #666;
}
.box-sort__content{
	margin-left: 1rem;
}
.box-sort .form-control{
	height: 4rem;
	padding: 0 1rem;
	line-height: 1;
}


/* Page product */
.section{
	padding: 3rem 0;
}
.main-product{
	display: flex;
	flex-wrap: wrap;
	margin: 0 -1rem;
}
.main-product__sidebar{
	width: 26rem;
	padding: 0 1rem;
	box-sizing: border-box;
}
.main-product__list{
	width: 100%;
	padding: 2rem 1rem 0;
	box-sizing: border-box;
}
@media only screen and (min-width:1600px){
	.main-product__list .grid-col--3{
		width: 20%;
	}
}
@media only screen and (max-width:1280px){
	.main-product__list .grid-col--3{
		width: 33.3333333%;
	}
}
@media only screen and (max-width:959px){
	.main-product__sidebar,
	.main-product__list{
		width: 100%;
	}
	.sidebar .box-widget{
		padding: 0;
		border: 0;
	}
	.sidebar .box-widget + .box-widget{
		margin-top: 2rem;
	}
	.sidebar .box-widget__list{
		display: flex;
		flex-wrap: wrap;
	}
	.sidebar .box-widget__list li{
		margin-right: 0.8rem;
	}
	.sidebar .box-widget__list li a{
		background: #f7f7f7;
		padding: 0.8rem;
		margin-bottom: 0.8rem;
		line-height: 1;
	}
	.main-product__list{
		margin-top: 3rem;
	}
}
@media only screen and (max-width:559px){
	.main-product__list .grid-col--3{
		width: 50%;
	}
}
.scrollmagic-pin-spacer .main-product__sidebar{
	top: 2rem!important;
}

.box-post{
	max-width: 120rem;
	margin: 6rem auto 0;
}
.box-post p{
	font-size: 1.6rem;
}
.tabs{}
.tabs__nav{
	display: flex;
	align-items: center;
	border-bottom: solid 1px #fd8002;
}
.tabs__nav li{}
.tabs__nav li a{
	display: inline-block;
	padding: 1rem 5rem 1rem 1.5rem;
	font-size: 1.5rem;
	color: #424245;
	background: #e9e9e9;
	border-radius: 75% 25% 100% 0% / 0% 100% 0% 100%;
	min-width: 10rem;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.no-touchevents .tabs__nav li a:hover,
.tabs__nav li.active a{
	color: #fff;
	background: #fd8002;
}
.tabs__wrap{
	padding: 5rem 0 0;
}
@media only screen and (max-width:1200px){
	#tabsdetail img{
		max-width: 100%!important;
		height: auto!important;
		margin: 0 auto;
	}
}
@media only screen and (max-width:559px){
	.tabs__nav li a{
		font-size: 1.2rem;
		padding: 1rem 3rem 1rem 1.5rem;
		font-weight: bold;
	}
	.box-post{
		margin-top: 3rem;
	}
}

/* contact page */
.section-form{
	padding-top: 0;
}

.nav-mobile-bottom{
	display: none;
	position: fixed;
	width: 100%;
	bottom: 0;
	left: 0;
	right: 0;
	background: #f5f5f7;
	border-top: solid 2px #ebebeb;
	z-index: 1;
}
.nav-mobile-bottom__list {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 5rem;
}
.nav-mobile-bottom__list li{
	flex: 1 1 25%;
}
.nav-mobile-bottom__list li a,
.nav-mobile-bottom__list li button{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color: #666;
}
.nav-mobile-bottom__list li.home a{
	color: #40c1df;
}
.nav-mobile-bottom__list li.category a,
.nav-mobile-bottom__list li.category button{
	color: #000;
}
.nav-mobile-bottom__list li.phone a{
	color: #fd8002;
}
.nav-mobile-bottom__list li.zalo a{
	color: #0180C7;
}
@media only screen and (max-width:959px){
	.nav-mobile-bottom{
		display: block;
	}
}

.blockquote{
	background: #e6fbfe;
	padding: 15px 20px;
	font-style: italic;
}
.blockquote p + p{
	margin-top: 0.8rem;
}
.blockquote span{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0.3rem 1rem;
	line-height: 1;
	background: #fd8002;
	color: #fff;
	border-radius: 0.3rem;
}

.ajax-load{
	display: none;
}

/* 404 page */
.error-section{
	padding: 13rem 0;
	text-align: center;
}
.error-section h1{
	font-size: 20rem;
	font-weight: bold;
	margin: 0;
	line-height: 1;
	color: #424245;
}
.error-section h2{
	color: #333333;
	font-size: 2.2rem;
	font-weight: bold;
	letter-spacing: 3px;
	margin: 4rem 0;
	text-transform: uppercase;
}
.error-section .btn{
	text-transform: uppercase;
}
@media only screen and (max-width:559px){
	.error-section{
		padding: 8rem 0;
	}
	.error-section h1{
		font-size: 10rem;
	}
	.error-section h2{
		font-size: 1.8rem;
	}
}

.coming-soon-section{
	background: url(../images/bg_coming_soon.jpg);
	background-size: cover;
	height: 100vh;
	background-blend-mode: overlay;
	background-color: #82c2db;
}
.coming-soon-section__content{
	height: 100vh;
	max-width: 60rem;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
.coming-soon-section__logo{
	max-width: 23rem;
	margin: 0;
	font-size: 0;
}
.coming-soon-section__text{
	text-align: center;
	margin-top: 4rem;
}
.coming-soon-section__text p{
	font-size: 1.6rem;
}
.coming-soon-section__text h2{
	color: #fd8002;
	font-size: 3rem;
	font-weight: bold;
	line-height: 1.3;
	margin-top: 1.5rem;
}
.coming-soon-section__text h2 span{
	display: block;
	font-size: 1.4rem;
	color: #424245;
	margin-top: 3rem;
	font-weight: normal;
}
.coming-soon-section__text .btn{
	margin-top: 1rem;
	font-size: 2.8rem;
	border-radius: 0;
}
.coming-soon-section__text .btn span{
	font-size: 3rem;
	font-weight: bold;
	letter-spacing: 0.08em;
}
.coming-soon-section__copy{
	position: absolute;
	bottom: 0.5rem;
	left: 0;
	right: 0;
}
.coming-soon-section__copy p{
	font-size: 1.4rem;
	text-align: center;
	color: #999;
}
@media only screen and (max-width:559px){
	.coming-soon-section__text{
		margin-top: 2.5rem;
	}
	.coming-soon-section__text h2{
		font-size: 2.2rem;
		line-height: 1.5;
	}
	.coming-soon-section__text h2 span{
		margin-top: 1.5rem;
	}
	.coming-soon-section__text .btn{
		font-size: 2rem;
	}
	.coming-soon-section__text .btn span{
		font-size: 2.4rem;
	}
	.coming-soon-section__copy p{
		font-size: 1.2rem;
		line-height: 1.4;
		padding: 0 20px;
	}
}
.shop_page .hdg-lv1{
	margin-bottom: 1rem;
}


	/* keyboard-test */
.keybord,
.keybord *{
	-webkit-text-size-adjust:none;-webkit-tap-highlight-color:transparent;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;outline:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:0;margin:0;box-sizing: border-box;font-family: sans-serif;
}
.key{border:1px solid #fff;border-radius:26px;color:#fff;display:inline-block;font-size:15px;height:53px;text-align:center;vertical-align:top;width:52px;margin:5px 0.23rem;box-sizing:border-box;}
.keybord{height:510px;margin:0 auto;width:1264px;position:relative;background:#424245;border-radius:22px;font-size: 1.4rem;}
.keybord p{line-height: 1;display: flex;align-items: center;justify-content: center;height: 100%;}
.top-block{width:1264px;margin:0 auto;text-align:center;padding:16px 0 0}
.top-block>div{display:inline-block;margin:0 90px}
.content{height:100%;position:absolute;width:100%;z-index:3}
.keybord-top{background-color:#333;color:#fff;font-size:16px;margin:0 0 14px;height:42px;padding:9px 12px 0;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;border-radius:23px 23px 0 0;box-sizing:border-box}
.vh{visibility:hidden}
.dl{font-size:14px;line-height:.9}
.dl>p{line-height: 1;margin: 0;}
.t16{font-size:16px}
.t16>p{}
.key.dl.smin>p{font-size:17px;}
.key.dl.splus>p{font-size:17px;line-height:.7}
.brackets{margin-left:8px;margin-right:8px;box-sizing:border-box}
.half{width:22px}
.key-block{padding:0 22px}
.key.bs>p{}
.key.bs{font-size:35px;width:112px}
.key.tab{width:83px}
.key.ds>p{font-size:16px;line-height: 1}
.key.ds.sum{width:81px}
.key.plus{float:right;height:116px}
.key.plus>p{}
.key.caps{font-size:16px;width:105px}
.key.caps>p{}
.key.enter{width:119px}
.key.shift1{width:132px}
.key.shift1>p,.key.shift2>p{font-size:16px}
.key.shift2{width:152px}
.key.enter2{float:right;height:116px}
.key.enter2>p{font-size:16px;}
.key.enter span{background:rgba(0,0,0,0) url(../images/wk.png) repeat scroll -24px 0;display:inline-block;height:12px;vertical-align:-1px;width:24px}
.key.ctrl1,.key.ctrl2{width:70px}
.cblock>span{border-bottom:1px solid #fff;display:block;margin:5px 3px 0}
.cblock{border:1px solid #fff;height:25px;margin:12px auto 0;width:25px}
.key.cont{width:66px}
.key.arup>p{font-size:17px;margin-left:2px;transform:rotate(-90deg)}
.key.wndw>p{margin:0 auto 0;text-align:center}
.key.wndw span{background:rgba(0,0,0,0) url(../images/wk.png) no-repeat scroll 0 0;display:block;height:23px;margin:0 auto;width:24px}
.key.wndw{width:70px}
.key.alt{width:70px}
.key.space{width:428px}
.key.zero{width:112px}
.key.lclick{border-radius:0 0 0 15px;height:40px;vertical-align:bottom;width:96px}
.key.rclick{border-radius:0 0 15px 0;height:40px;vertical-align:bottom;width:96px}
.key.cclick{border-radius:0;height:40px;vertical-align:bottom;width:24px}
.m-block{display:inline-block;text-align:center;vertical-align:bottom;width:846px}
.key.arleft>p,.key.arright>p{font-size:17px;}
.key.ardown>p{font-size:17px;margin:0 3px 18px 0;transform:rotate(90deg)}
.key.press{background-color:#fd8002;border:1px solid #fff;color:#424245}
.key.active{background-color:#fff;border:1px solid #fff;color:#424245}
.fdesc{font-size:16px;margin:0 0 15px}
.key.wndw.active span,.key.wndw.press span{background-position:0 -23px}
.key.cont.active .cblock,.key.cont.press .cblock,.key.cont.active .cblock>span,.key.cont.press .cblock>span{border-color:#424245}
.key.enter.active span,.key.enter.press span{background-position:-24px -13px}
.keybord-top>p{display:inline-block;margin:0 5px;padding:3px 0}
.keybord-top>p:first-child{color:#fd8002}
.keybord-top>p:nth-child(2){color:#388e3c}
.keybord-top>p:nth-child(3){color:#e6fbfe}
.keybord-top>p>span{font-weight:700}
.keyboard_page .nav-categories{
	display: none;
}
.fb_iframe_widget{
	position: absolute!important;
	top: 0;
	right: 0;
}
@media only screen and (max-width:959px){
	.fb_iframe_widget{
		position: relative!important;
		display: inline-block!important;
		margin: 2rem 0 0 -0.7rem;
	}
}

.icn-chat{
    position: fixed;
    bottom: 4rem;
    right: 4rem;
    z-index: 1;
}
.icn-chat__url{
    width: 6rem;
    height: 6rem;
    border-radius: 50%;
    background: #fd8002;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 2rem;
    line-height: 1;
    color: #fff;
    box-shadow: 0 2rem 3.2rem rgba(0, 0, 0, 0.25);
    transition: all .5s ease;
}
.icn-chat__url span{
    font-size: 1.2rem;
    margin-top: 0.4rem;
}
.icn-chat__act{
    width: 1px;
    height: 0;
    margin: 0 auto;
}
.icn-chat__act::before,
.icn-chat__act::after{
    content: '';
    display: block;
    position: absolute;
    opacity: 0;
    width: 12rem;
    height: 12rem;
    top: 50%;
    border-radius: 50%;
    border: 2px solid #fd8002;
    animation: zoomBig 3.25s linear infinite;
    pointer-events: none;
}
.icn-chat__act::before{
    animation-delay: 0.8s;
}
.no-touchevents a.icn-chat__url:hover {
    color: #000;
}
@media only screen and (max-width:959px){
    .icn-chat{
        bottom: 6rem;
        right: 2rem;
    }
}
@keyframes zoomBig {
	0% {
		transform: translate(-50%, -50%) scale(0);
		opacity: 1;
	}
	100% {
		transform: translate(-50%, -50%) scale(1);
		opacity: 0;
	}
}

/* -----------------------------------------------
*> [4. Print Style]
-------------------------------------------------- */
@media print{
*,
*::before,
*::after{
	background: #fff !important;
	color: #000 !important;
	box-shadow: none !important;
	text-shadow: none !important;
}
a,
a:visited{
	text-decoration: underline;
}
a[href]::after{
	content: " (" attr(href) ")";
}
abbr[title]::after{
	content: " (" attr(title) ")";
}
a[href^="#"]::after,
a[href^="javascript:"]::after{
	content: "";
}
pre{
	white-space: pre-wrap !important;
}
pre,
blockquote{
	border: 0.1rem solid #999;
	page-break-inside: avoid;
}

thead{
	display: table-header-group;
}
tr,
img{
	page-break-inside: avoid;
}
p,
h2,
h3{
	orphans: 3;
	widows: 3;
}
h2,
h3{
	page-break-after: avoid;
}

}/* endMedia */