@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+TC&display=swap");
@import url("https://fonts.googleapis.com/css?family=Rubik:300,400,400i,500,700");
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono&family=Nova+Mono&display=swap');
/* CSS Document */
:root {
	--h-notify:40px;
	--h-header-fixed:42px;
	--color-main:#FF1D7B;
	--color-main-border:#EB1B71;
	--btn-main:#ED0264;
	--btn-main-border:#DA025C;
	--shadow-main:#FF1D7B80;
	--swiper-theme-color:var(--color-main);
}
/* ----------------------------------*/
/* Basic */
/* ----------------------------------*/
body, html {height:100%; margin:0; padding:0; font-size:15px;}
/* () */
@font-face {
	font-family:MB;
	unicode-range: U+0028, U+0029;
	src:local(Helvetica),
		local(Arial);
}
body {/*line-height:24px; color:#323232; font-size:14px; font-weight:400;*/ font-family:'MB',"Rubik",'Noto Sans TC',sans-serif,"Open Sans",Arial,Helvetica,Sans-Serif; font-weight:300;}
:lang(zh-Hant) .page p:not(footer p), :lang(zh-Hans) .page p:not(footer p) {text-align:justify;}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {text-transform:none; font-weight:300;}
a {text-decoration:none; color:#212121; transition:all .3s ease-out; -moz-transition:all .3s ease-out; -o-transition:all .3s ease-out; -webkit-transition:all .3s ease-out;}
a:hover {color:var(--color-main);}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {-webkit-appearance: none;}
input[type=number] {-moz-appearance:textfield;}
.wrapper {position:relative; width:100%;}
.arrowL {padding-left:2.2rem!important; position:relative;}
.arrowR {padding-right:2.2rem!important; position:relative;}
.arrowL .bi-arrow-left, .arrowR .bi-arrow-right {transform-origin:0; position:absolute; top:53%; transition:all .15s ease-out; -moz-transition:all .15s ease-out; -o-transition:all .15s ease-out; -webkit-transition:all .15s ease-out;}
.arrowL .bi-arrow-left {left:0; -moz-transform:translate(1rem,-50%); -webkit-transform:translate(1rem,-50%); -o-transform:translate(1rem,-50%); -ms-transform:translate(1rem,-50%); transform:translate(1rem,-50%);}
*:hover>span.arrowL .bi-arrow-left, .arrowL:not(span):hover .bi-arrow-left {-moz-transform:translate(0.5rem,-50%); -webkit-transform:translate(0.5rem,-50%); -o-transform:translate(0.5rem,-50%); -ms-transform:translate(0.5rem,-50%); transform:translate(0.5rem,-50%);}
.arrowR .bi-arrow-right {right:0; -moz-transform:translate(-1rem,-50%); -webkit-transform:translate(-1rem,-50%); -o-transform:translate(-1rem,-50%); -ms-transform:translate(-1rem,-50%); transform:translate(-1rem,-50%);}
*:hover>span.arrowR .bi-arrow-right, .arrowR:not(span):hover .bi-arrow-right {-moz-transform:translate(-0.5rem,-50%); -webkit-transform:translate(-0.5rem,-50%); -o-transform:translate(-0.5rem,-50%); -ms-transform:translate(-0.5rem,-50%); transform:translate(-0.5rem,-50%);}
.d-grid span.arrowL {margin-left:-1.1rem;}
.d-grid span.arrowR {margin-right:-1.1rem;}
form {}
.mask {display: flex; display: -webkit-flex; height:100%; width:100%; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7); position:absolute; transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; top: 0; left: 0; opacity: 0; visibility: hidden; overflow: hidden;}
body>.mask {z-index:99990;}
body.hold, body.holdCart, body.holdUser {overflow:hidden;}
body>.mask, body>.mask, body>.mask {height:100vh; position:fixed;}
body.hold>.mask, body.holdCart>.mask, body.holdUser>.mask {opacity:1; visibility:visible;}
.badge {font-weight:300;}
th {font-weight:400}
.modal {z-index:99995;}
.modal-backdrop {z-index:99994;}
.fancybox-container {z-index:99996;}

/* ----------------------------------*/
/* Alert Box */
/* ----------------------------------*/
.alert {padding:0; margin:0;}
.alert>figure {padding:1rem; margin:0; border:5px solid #FFF; border-radius:.25rem;}
.alert>.edit {position:absolute; top:0px; right:0px;}
.alert>.alert-close {display: block; position: absolute; top: 5px; right:5px; text-align:center; width:22px; height:22px; line-height:22px; cursor: pointer;}
.alert-dismissible>figure {padding-right:3rem;}
/* Color */
.alert-info {background-color: rgba(33,150,243,0.11); color: #2196f3; border-color: rgba(33,150,243,0.3);}
.alert-info .edit, .alert-info .alert-close {color: #2196f3;}

/* ----------------------------------*/
/* Button Main & Pagination */
/* ----------------------------------*/
/* Main */
.btn-outline-main {color:var(--color-main); background-color:transparent; border-color:var(--color-main-border);}
.btn-main, .btn-outline-main:hover {color:#FFF; background-color:var(--color-main); border-color:var(--color-main-border); }
.btn-main:hover {color:#FFF; background-color:var(--btn-main); border-color:var(--btn-main-border); text-decoration:none;}
/* Added */
.btn-outline-added {color:#636363; background-color:transparent; border-color:#636363;}
.btn-added, .btn-outline-added:hover {color:#EDEDED; background-color:#636363; border-color:#636363;}
.btn-added:hover {color:#EDEDED; background-color:#4A4A4A; border-color:#434343; text-decoration:none;}
/* Facebook */
.btn-outline-facebook{border-color:#3B5998; background-color:transparent; color:#3B5998}
.btn-facebook, .btn-outline-facebook:hover{background-color:#3B5998; border-color:#36528D; color:#FFF}
.btn-facebook:hover {background-color:#36528D; border-color:#2F4983; color:#FFF; text-decoration:none;}
/* Google & Youtube */
.btn-outline-google, .btn-outline-youtube{border-color:#DD4D39; background-color:transparent; color:#DD4D39}
.btn-google, .btn-youtube, .btn-outline-google:hover, .btn-outline-youtube:hover{background-color:#DD4D39; border-color:#D64638; color:#FFF}
.btn-google:hover,.btn-youtube:hover {background-color:#D64638; border-color:#D23E31; color:#FFF; text-decoration:none;}
/* Instagram */
.btn-outline-instagram{border-color:#D40067; background-color:transparent; color:#D40067}
.btn-instagram, .btn-outline-instagram:hover{background-color:#D40067; border-color:#C50053; color:#FFF}
.btn-instagram:hover {background-color:#C50053; border-color:#B8004E; color:#FFF; text-decoration:none;}
/* Line */
.btn-outline-line{border-color:#1dcd57; background-color:transparent; color:#1dcd57}
.btn-line, .btn-outline-line:hover{background-color:#1dcd57; border-color:#14bb4b; color:#FFF}
.btn-line:hover {background-color:#14bb4b; border-color:#0da840; color:#FFF; text-decoration:none;}
/* Linkedin */
.btn-outline-linkedin{border-color:#2365B4; background-color:transparent; color:#2365B4}
.btn-linkedin, .btn-outline-linkedin:hover{background-color:#2365B4; border-color:#1957A2; color:#FFF}
.btn-linkedin:hover {background-color:#1957A2; border-color:#0F498E; color:#FFF; text-decoration:none;}
/* Telegram */
.btn-outline-telegram{border-color:#3A99E2; background-color:transparent; color:#3A99E2}
.btn-telegram, .btn-outline-telegram:hover{background-color:#3A99E2; border-color:#3693DE; color:#FFF}
.btn-telegram:hover {background-color:#3693DE; border-color:#2F8BDD; color:#FFF; text-decoration:none;}
/* Tiktok */
.btn-outline-tiktok{border-color:#1f1f1f; background-color:transparent; color:#1f1f1f}
.btn-tiktok, .btn-outline-tiktok:hover{background-color:#1f1f1f; border-color:#1b1b1b; color:#FFF}
.btn-tiktok:hover {background-color:#1b1b1b; border-color:#161616; color:#FFF; text-decoration:none;}
/* Twitter */
.btn-outline-twitter{border-color:#55ACEE; background-color:transparent; color:#55ACEE}
.btn-twitter, .btn-outline-twitter:hover{background-color:#55ACEE; border-color:#51A5E9; color:#FFF}
.btn-twitter:hover {background-color:#51A5E9; border-color:#489CE7; color:#FFF; text-decoration:none;}
.btn-outline-twitter-x{border-color:#1f1f1f; background-color:transparent; color:#1f1f1f}
.btn-twitter-x, .btn-outline-twitter-x:hover{background-color:#1f1f1f; border-color:#1b1b1b; color:#FFF}
.btn-twitter-x:hover {background-color:#1b1b1b; border-color:#161616; color:#FFF; text-decoration:none;}
/* Wechat */
.btn-outline-wechat{border-color:#3eb423; background-color:transparent; color:#3eb423}
.btn-wechat, .btn-outline-wechat:hover{background-color:#3eb423; border-color:#32a219; color:#FFF}
.btn-wechat:hover {background-color:#32a219; border-color:#278e0f; color:#FFF; text-decoration:none;}
/* Pagination */
.pagination {display:flex; justify-content:center; align-items:flex-end; padding:15px 0;}
.pagination .btn {min-width:37px; height: 37px; margin: 0 1px 0; line-height: 15px!important; padding: 10px 10px!important;}
/* Close for Alert */
.alert-dismissible .btn-close {width: 1rem; height: 1rem; padding:.5rem;}
/* Button Submit */
.btnAct .bi+b, .btn .spinner-border+b {margin-left:.35rem}
.btnAct, .btn.disabled {display:flex; align-items:center; justify-content:center;}
.btn .spinner-border {width:1.2rem; height:1.2rem; margin:0; visibility:hidden; display:none;}
.btn.disabled .spinner-border {visibility:visible; display:inline-block;}
.btn.disabled {opacity:.3}

/* ----------------------------------*/
/* FancyBox3 */
/* ----------------------------------*/
.fancybox-content {background-color:transparent;}

/* ----------------------------------*/
/* PreLoader */
/* ----------------------------------*/
.spinner-border {border-width:.1rem;}
#preloader {background-color:#FFF; display:block; -webkit-backface-visibility:hidden; height:100%; left:0; outline:none; position:fixed; -webkit-tap-highlight-color:transparent; top:0; -ms-touch-action:manipulation; touch-action:manipulation; transform:translateZ(0); width:100%; z-index:99999;}
#preloader .spinner-border {width:3rem; height:3rem; position:absolute; top:50%; left:50%; margin:-1.5rem 0 0 -1.5rem;}
/*inline*/
.preLoad {width:100%; height:100%; display:none;}
.preLoad .spinner-border {align-self:center;}
.wait .preLoad {display:flex; justify-content:center; position:absolute; left:0; top:0; background:rgba(255,255,255,.5); z-index:10;}

/* ----------------------------------*/
/* Notify */
/* ----------------------------------*/
.notify-box {width:100%; height:var(--h-notify); background-color:#FFF; display:none; position:relative;}
.notify-icon {position:absolute; left:0; top:0; z-index:2; width:40px; height:40px; line-height:40px; display:inline-block; text-align:center; background-color:#FFF; -webkit-box-shadow:6px -1px 4px -5px rgba(0,0,0,0.40); -moz-box-shadow:6px -1px 4px -5px rgba(0,0,0,0.40); box-shadow:6px -1px 4px -5px rgba(0,0,0,0.40);}
.notify-list {position:absolute; left:0; top:0; z-index:1; width:100%; height:40px; line-height:40px; font-size:0.9rem; display:block; overflow:hidden;}
.notify-list a {margin-left:20px;}
body.notify .notify-box {display:block;}

/* ----------------------------------*/
/* Preview Mode Border  */
/* ----------------------------------*/
*[class^="pmb"] { background-color:var(--color-main); position:fixed; z-index:99999; opacity:0; transition:.5s ; -webkit-transition:.5s ; -moz-transition:.5s ; -ms-transition:.5s ; -o-transition:.5s ; }
.pmb_t,
.pmb_b {width:100vw; height:5px; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); }
.pmb_r,
.pmb_l { width:5px; height:calc(100vh - 10px); top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); }
.pmb_b {bottom:0;}
.pmb_r {right:0;}
.pmb_tip {right:5px; padding:10px 5px; color:#FFF; writing-mode:vertical-rl; letter-spacing:3px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%);}
body:hover *[class^="pmb"] {opacity:1;}

/* ----------------------------------*/
/* Header */
/* header nav div.d-flex */
/* header nav div.d-flex div.logo */
/* header nav div.d-flex ul.menu */
/* header nav div.d-flex ul.tool */
/* header nav div.d-flex div.nbar */
/* ----------------------------------*/
header {position:absolute; width:100%; transition:all .3s ease-out; -moz-transition:all .3s ease-out; -o-transition:all .3s ease-out; -webkit-transition:all .3s ease-out; z-index:2000; background-color:rgba(0,0,0,0.00);}
header nav {line-height:89px;}
header ul {margin:0; padding:0; list-style:none;}
header li {display:inline-block; padding:0; margin:0; position:relative;}
header>nav>div>ul>li>a {font-size:1rem;}
/* Header Logo */
header .logo {display:flex; justify-content:flex-start; align-items:center; margin-right:auto;}
header .logo a {position:relative;}/*後台數據進行位移：header .logo a {} */
header .logo img {border:none; width:140px;}
header .logo img,
header .logo h3 {position:absolute; transform:translate(0, -50%); opacity:0;}
header .logo h3 {visibility:hidden; white-space:nowrap;}
header .logo img.dark,
header .logo.noimg h3 {opacity:1;}
header .logo.noimg h3 {visibility:visible;}
/* Header Menu & Clan */
header .menu>li>a {padding:0 1rem; margin:0; display:block;}
header .menu li i {position:absolute; top:50%; right:0; transform:translate(0, -50%) scale(0.5); opacity:0.8;}
header .clan ul {position:absolute; padding:.5rem 0; width:220px; background-color:#323232; visibility:hidden; opacity:0;}
header .menu>.clan>ul {top:100%;}
header .clan:hover>ul {visibility:visible; opacity:1; transition:all .15s ease-in; -moz-transition:all .15s ease-in; -o-transition:all .15s ease-in; -webkit-transition:all .15s ease-in;}
header .clan ul li {padding:0; margin:0; display:block; font-size:0.9rem; line-height:1rem;}
header .clan ul li a {padding:.5rem 1.2rem; margin:0; display:block; font-size:0.9rem; line-height:1.2rem;}
header .clan .clan>i {right:0.8rem; color:#B6B6B6; transform:translate(0, -50%) scale(0.5) rotate(270deg);}
header .clan>ul {left:0;}
header .clan>ul.right {left:auto; right:0px;}
header .clan .clan>ul {top:0; left:220px;}
header .clan .clan>ul.right {left:auto; right:220px;}
/* Header Tool */
header .tool {position:relative;}
header .tool>li {position:static;}
header .tool>li>a {padding:0 .6rem; margin:0; display:block;position:relative;}
header .tool>li:last-child>a {padding-right:0;}
header .tool .lang img {width:18px; border-radius:50%; margin-right:2px; vertical-align: middle;}
header .tool em {font-size:12px; font-style:normal;}
header .tool .badge {background-color:var(--color-main); color:#FFF; position:absolute; top:36%; left:1rem; transform:translate(0, -50%) scale(0.75); border-radius:10px;}
header .tool>li>form {position:absolute; top:100%; right:0; padding:20px; background-color:#FFF; visibility:hidden; opacity:0;}
header .tool .use>form {visibility:visible; opacity:1; transition:all .15s ease-in; -moz-transition:all .15s ease-in; -o-transition:all .15s ease-in; -webkit-transition:all .15s ease-in;}
header .tool .search form {width:300px;}
header .tool .lang form {width:250px;}
/* Header Tool Language */
header .tool .lang>form>ul {margin:0; padding:0; list-style:none; font-size:0.9rem; line-height:normal;}
header .tool .lang>form>ul>li {margin:0 0 3px; padding:0;}
header .tool .lang>form>ul>li:last-child {margin:0;}
header .tool .lang>form>ul>li>label {font-size:13px; display:block; margin:0; padding:7px 15px 7px; line-height:26px; border-radius:5px; border:1px solid transparent; overflow:hidden; cursor:pointer; position:relative; transition:all 0.25s ease 0s; -moz-transition:all 0.25s ease 0s; -webkit-transition:all 0.25s ease 0s; -o-transition:all 0.25s ease 0s; background-color:#f7f7f7;}
header .tool .lang>form>ul>li>label::before {content:""; position:absolute; bottom:0; right:0;z-index:1;}
header .tool .lang>form>ul>li>label::after {content:""; position:absolute; bottom:0; right:0;}
header .tool .lang>form>ul>li>label>input {position:absolute; left:-999px; top:0px; }
header .tool .lang>form>ul>li>label>img {width:26px; height:26px; border-radius:50%; border:none; margin-right:10px; float:left; }
header .tool .lang>form>ul>li>label:hover {background-color:#efefef; }
header .tool .lang>form>ul>li.active>label {border-color:var(--color-main-border); background-position:bottom 0px right 0px}
header .tool .lang>form>ul>li.active>label::before {width:15px; height:15px; background:url(../img/flags/_check.svg) no-repeat center; background-size:contain; z-index:1;}
header .tool .lang>form>ul>li.active>label::after {width:0; height: 0; border-style: solid; border-width: 0 0 25px 25px; border-color: transparent transparent var(--color-main) transparent;}
header .tool .lang>form li {display:block;}
/* Header Scroll Status */
header.fixed {position:fixed; top:-300px; background-color:rgba(255,255,255,.95);}
header.fixed nav {line-height:65px;}
body.rise header.fixed {top:0px;}
body.rise header.fixed nav {line-height:65px;}
/* Header Color*/
header.dark .logo .dark, header.light .logo .light {opacity:0;}
header.dark .logo .light, header.light .logo .dark {opacity:1;}
header.fixed .logo .light {opacity:0!important;}
header.fixed .logo .dark {opacity:1!important;}
header.dark:not(.fixed) .logo h3 {color:#FFF;}
header.dark .menu>li>*:not(ul), header.dark .tool>li>a>*:not(.badge) {color:#FFF;}
header.light .menu>li>*:not(ul), header.light .tool>li>a>*:not(.badge) {color:inhert;}
header.fixed .menu>li>*:not(ul), header.fixed .tool>li>a>*:not(.badge) {color:#121212!important;}
header .menu>li:hover>a, header .menu>li:hover>i, header .menu>li.now>a {color:var(--color-main)!important;}
header .clan ul li a {color:#B6B6B6;}
header .menu>li li.now>a, header .clan ul li:hover>a, header .clan ul li:hover>i {color:#FFF;}
header .tool .use>a {color:var(--color-main);}
/* Header Nav Bar Toggler */
header .nbar {display:none; position:relative;}
header .nbar .btn {vertical-align:inherit;}
header .nbar .bi-x,
header .open .nbar .bi-list {display:none;}
header .nbar .bi-list,
header .open .nbar .bi-x {display:block;}
header .nbar em {font-size:12px; font-style:normal;}
header .nbar .badge {background-color:var(--color-main); color:#FFF; position:absolute; top:24%; left:4.2rem; transform:translate(0, -50%) scale(0.75); border-radius:10px; z-index:1; box-shadow: 0 .15rem .15rem rgba(0,0,0,.3);}

/* ----------------------------------*/
/* Main Sliders */
/* ----------------------------------*/
.parallax-bg {position: absolute; left: 0; top: 0; width: 130%; height: 100%; -webkit-background-size: cover; background-size: cover; background-position: center;}
.sliders, .sliders .swiper-container, .sliders .swiper-wrapper {width:100%; height:calc(100vh - var(--h-notify)); min-height:576px; max-height:969px; }
.sliders {background-position:center; background-repeat:no-repeat; background-size:cover;}
.sliders .foto, .sliders .dusk, .sliders .info {position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%;}
.sliders .foto {background-position:center; background-size:cover; background-repeat:no-repeat;}
.sliders .info p {opacity:.8; line-height:1.3;}
.sliders .info .row {position: relative; visibility:hidden; transition:1.2s; padding-left:3vw; padding-right:3vw; opacity:0; top:50%; transform:translateY(-46%); -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center;}
.sliders .info.show .row {visibility:visible; opacity:1; top:50%;}
.sliders .info .base {margin-bottom:1.5rem; -webkit-transform: translateY(45px); -ms-transform: translateY(45px); transform: translateY(45px); transition: all .45s .3s ease-in-out; opacity: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden;}
.sliders .info .intro .base {text-align:center;}
.sliders .info.show .base {webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1;}
.sliders .info .sale .product {overflow:hidden; text-align:center;}
.sliders .info .sale .product img {max-width:100%;}
.sliders .info .sale .brand {width:150px; margin-bottom:1rem;}
.sliders .btn-zone {margin-top:-.2rem; margin-bottom:-.2rem; padding:0; list-style:none;}
.sliders .btn-zone>li {display:inline-block; margin:.2rem; transition: all .45s .3s ease-in-out; opacity: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8);}
.sliders .intro .btn-zone {display:flex; flex-wrap:wrap; justify-content:center;}
.sliders .show .btn-zone>li {-webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; transition-delay:.5s;}
/* Main Sliders Color */
.sliders.light h2, .sliders.light p {}
.sliders.dark h2, .sliders.dark p {color:#FFF;}
.sliders h2 b, .sliders p b {color:var(--color-main);}
.swiper-pagination-bullet{border-radius:5px; transition: all .3s ease;}
.swiper-pagination-bullet-active {width:30px;}
.sliders.dark .swiper-pagination-bullet:not(.swiper-pagination-bullet-active){background-color:#FFF;}
/* Ytplayer */
.mb_YTPBar .buttonBar {top:0; height:10px;}
.mb_YTPBar .buttonBar>* {position:absolute; top:-22px;}
.mb_YTPBar .mb_YTPPlayPause {left:5px;}
.mb_YTPBar .mb_YTPMuteUnmute {left:35px;}
.mb_YTPBar .mb_YTPVolumeBar {left:60px; top:-17px;}
.mb_YTPBar .mb_YTPTime {left:170px;}
.mb_YTPBar span.mb_OnlyYT {left:310px; right:auto; top:-22px;}
.mb_YTPBar span.mb_YTPUrl {left:auto; right:5px; top:-22px;}

/* Count Down */
.countdown em {font-family: 'JetBrains Mono', monospace; font-family: 'Nova Mono', monospace;}

/* ----------------------------------*/
/* Banner */
/* ----------------------------------*/
.banner {display: block; position: relative; z-index: 2; overflow: hidden;}
.banner .foto {display: block; position: relative; overflow: hidden; background-position:center; background-repeat:no-repeat; background-size:cover;}
.banner .foto img {transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); width: 100%; transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s; -moz-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s; -webkit-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s; -o-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;}
.banner:hover .foto img {transform: scale(1.1); transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s; width: 100%;}
.banner:hover .mask {opacity:.5; visibility:visible;}
.banner .info {display: inline-block; position: absolute; padding-top: .4rem; top: 50%; z-index: 2; transform: translateY(-50%); -ms-transform: translateY(-50%);}
.banner .info>* {text-align:inherit;}
/* Banner Color */
.banner.dark .mask {background-color:#212121;}
.banner.dark .info>*:not(.stress) {color:#FFF;}
.banner.light .mask {background-color:#FFF;}
.banner.light .info>*:not(.stress) {color:#212121;}
/* If Change Banner as Slider, Don't us .py-5, Just us .master */
.suit.master {padding-top:3rem; padding-bottom:1rem;}
/* Banner Limited Time Offer */
.bannerLTO {height:860px;}
.bannerLTO .foto, .bannerLTO .mask {height:70%;}
.bannerLTO .mask, .bannerLTO:hover .mask {opacity:.7; visibility:visible;}
.bannerLTO .info {width:100%; text-align:center;}
.bannerLTO h1 {padding-top:1.5rem; padding-bottom:1.5rem;}
.bannerLTO .countdown {margin:3rem 0 3rem; padding:0; list-style:none;}
.bannerLTO .countdown li {font-size:14px; text-align:center; margin-right:10px; border:none;}
.bannerLTO .countdown li:last-child {margin-right:0;}
.bannerLTO .countdown em {border:1px solid rgba(0,0,0,0.2); width: 48px; height: 48px; margin-bottom: 5px; border-radius:.25rem; font-size: 1.2rem; line-height: 46px; display:block; font-style:normal;}
.bannerLTO.dark .countdown li {color:rgba(255,255,255,0.8);}
.bannerLTO.dark .countdown em {border:1px solid rgba(255,255,255,0.2); background-color: transparent; color: #fff;}
.bannerLTO .brand {width:80%; max-width:200px;}
.bannerLTO .goods {width:90%; max-width:682px;}
/* Kind-01 */
.bKind-01 {}
/* Kind-02 */
.bKind-02>div {margin:0; padding:0!important; height:487px;}
.bKind-02 .banner .foto {height:490px;}
.bKind-02 .info {text-align:center;}
.bKind-02 h3 {font-size:2.7rem;}
.bKind-02 .btn {border:2px solid transparent; margin-top:2.5rem; border-radius:0; padding:1rem 2.4rem;}
.bKind-02 .banner.dark .btn {border-bottom-color:#FFF;}
.bKind-02 .banner.light .btn {border-bottom-color:#212121;}
.bKind-02 .banner.dark .btn:hover {background:#FFF; color:#212121; border-color:#FFF;}
.bKind-02 .banner.light .btn:hover {background:#212121; color:#FFF; border-color:#212121;}
/* Kind-03 */
.bKind-03>div.col-lg-4, .bKind-03>div.col-lg-4 .banner, .bKind-03>div.col-lg-4 .banner .foto {height:202px; border-radius:.25rem;}
.bKind-03 .banner:hover .mask {opacity:.2;}
.bKind-03>div.col-lg-4 .banner .info {display:flex; align-items:flex-end; flex-direction:column; height:202px; width:100%; padding:1.5rem; top:0; transform:none; -ms-transform:none;}
.bKind-03>div.col-lg-4 .banner .btn {margin-top:auto;}
.bKind-03>div.col-12 {height:930px;}
.bKind-03>div.col-12 .banner .foto, .bKind-03>div.col-12 .banner .mask {height:620px;}
.bKind-03 .banner.dark .btn {background:rgba(255,255,255,.30);}
.bKind-03 .banner.light .btn {background:rgba(33,33,33,.15);}
.bKind-03 .banner.dark .btn:hover {background:#FFF; color:#212121;}
.bKind-03 .banner.light .btn:hover {background:#212121; color:#FFF;}
/* Kind-04 */
.bKind-04 {position:relative;}
.bKind-04>div {float:left;}
.bKind-04>div:nth-child(1) {height:340px;}
.bKind-04>div:nth-child(2) {height:700px;}
.bKind-04>div:nth-child(3), .bKind-04>div:nth-child(4) {position:absolute; height:340px; top:50%;}
.bKind-04>div:nth-child(3) {left:0;}
.bKind-04>div:nth-child(4) {left:25%;}
.bKind-04 .banner, .bKind-04 .banner .foto {height:100%;}
.bKind-04>div, .bKind-04 .banner, .bKind-04 .banner .foto {border-radius:.25rem;}
.bKind-04 .banner:hover .mask {opacity:.2;}
.bKind-04 .info {text-align:center;}
.bKind-04 h3 {font-size:2.7rem;}
.bKind-04 .btn {border:2px solid transparent; margin-top:2.3rem; border-radius:0; padding:1rem 2.4rem;}
.bKind-04 .banner.dark .btn {border-bottom-color:#FFF;}
.bKind-04 .banner.light .btn {border-bottom-color:#212121;}
.bKind-04 .banner.dark .btn:hover {background:#FFF; color:#212121; border-color:#FFF;}
.bKind-04 .banner.light .btn:hover {background:#212121; color:#FFF; border-color:#212121;}
/* Kind-05 */
.bKind-05 .banner h3 {font-weight:700;}
.bKind-05 .banner h6, .bKind-05 .banner p {opacity:.7}
.bKind-05 .banner .btn-outline-main {color:var(--color-main)!important;}
.bKind-05 .banner .btn-outline-main:hover {color:#FFF!important;}
/* Kind-06 */
.bKind-06>div, .bKind-06 .banner .foto {height:420px;}
.bKind-06 .banner .info {display:flex; align-items:flex-start; flex-direction:column; height:100%; width:100%; padding:2.5rem; top:0; transform:none; -ms-transform:none;}
.bKind-06 .banner h6, .bKind-06 .banner p {opacity:.7}
.bKind-06 .btn {border:2px solid transparent; margin-top:auto; border-radius:0; padding:1rem 2.4rem; display:block; width:100%; line-height:1.3;}
.bKind-06 .banner.dark .mask {border:1px solid rgba(255, 255, 255, 0);}
.bKind-06 .banner.dark:hover .mask {border:1px solid rgba(255, 255, 255, .7);}
.bKind-06 .banner.light .mask {border:1px solid rgba(0, 0, 0, 0);}
.bKind-06 .banner.light:hover .mask {border:1px solid rgba(0, 0, 0, .5);}
.bKind-06 .banner:hover .mask {transform: scale(0.9); transition: all .8s cubic-bezier(0.23, 1, 0.32, 1) 0s; width: 100%;}
.bKind-06 .banner.dark .btn {border-bottom-color:#FFF;}
.bKind-06 .banner.light .btn {border-bottom-color:#212121;}
.bKind-06 .banner.dark .btn:hover {background:#FFF; color:#212121; border-color:#FFF;}
.bKind-06 .banner.light .btn:hover {background:#212121; color:#FFF; border-color:#212121;}
/* Kind-07 */
.bKind-07 .banner h3 {font-weight:700;}
.bKind-07 .banner h6, .bKind-07 .banner p {opacity:.7}
.bKind-07 .banner .btn-outline-main {color:var(--color-main)!important;}
.bKind-07 .banner .btn-outline-main:hover {color:#FFF!important;}
/* Kind-08 */
.bKind-08>div {height:260px; padding-left:.25rem; padding-right:.25rem; margin-bottom:.5rem;}
.bKind-08 .banner {border-radius:.25rem;}
.bKind-08 .banner .foto {height:260px;}
.bKind-08 .banner .info {display:flex; align-items:flex-start; flex-direction:column; height:260px; width:100%; padding:2rem; top:0; transform:none; -ms-transform:none;}
.bKind-08 .banner .stress {text-shadow: 0px 0px 3px #FFF; transition: all .8s}
.bKind-08 .banner.dark:hover .stress {color:#FFF; text-shadow: 0px 0px 3px var(--color-main);}
.bKind-08 .banner .btn {margin-top:auto;}
.bKind-08 .banner.dark .btn {background:rgba(255,255,255,.30);}
.bKind-08 .banner.light .btn {background:rgba(33,33,33,.15);}
.bKind-08 .banner.dark .btn:hover {background:#FFF; color:#212121;}
.bKind-08 .banner.light .btn:hover {background:#212121; color:#FFF;}

/* ----------------------------------*/
/* AdSense */
/* ----------------------------------*/
.ads {margin-left:auto; margin-right:auto;}
.ads>* {width:inherit;}
.W0980H0120 {width:980px; height:120px;}/*只有瑞典的ADS發布商可用*/
.W0970H0250 {width:970px; height:250px;}
.W0970H0090 {width:970px; height:90px;}
.W0728H0090 {width:728px; height:90px;}
.W0300H0278 {width:300px; height:278px;}
.W0300H0250 {width:300px; height:250px;}
.W0300H0600 {width:300px; height:600px;}

/* ----------------------------------*/
/* Suit Layout */
/* ----------------------------------*/
.suit {background-color:#FFF;}
.suit.hr {border-top-width:1px; border-top-style:solid; margin-top:-1px;}
.suit .card {background-color:#EBEBEB; -webkit-box-shadow: 0px 1px 2px 0px rgb(0 0 0 / 10%); box-shadow: 0px 1px 2px 0px rgb(0 0 0 / 10%); border:none;}
.suit .thumn {display:block; position:relative; z-index:2; overflow: hidden;}
.suit h3 {text-align:center;}
.suit h3 small {display:block; font-size:17px; opacity:.7;}
.suit .d-grid .w-516 {width:100%; max-width:516px; margin-left:auto; margin-right:auto;}
.suit h5 a {display:block;}
/* 1:1Img */
.square .card *[class*="card-img"], .square .foto img {width:100%; aspect-ratio:1/1; object-fit:cover;}
/* Background Image */
.bgImg {background-position:center; background-size:cover; background-repeat:no-repeat; background-attachment:fixed; border:0;}
.bgImg.light {color:#212529;}
.bgImg.light li:hover {border-color:#212529;}
.bgImg.dark {color:#FFF;}
.bgImg.dark li:hover {border-color:#FFF;}
/* Shop Filter */
.shop-filter {position:relative;}
.shop-filter .btn {margin:2px;}
.shop-filter .shell {position:absolute; background:transparent; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);; -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); left:50%; top:50%; width:100%; height:100%; display:none}
.shop-filter.wait {opacity:.8}
.shop-filter.wait .shell {display:block;}
/* Shop */
.shop {text-align:center;}
.shop .foto {display: block; position: relative; overflow: hidden;}
.shop .foto img {transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); width: 100%; transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s; -moz-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s; -webkit-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s; -o-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;}
.shop .card:hover .foto img {transform: scale(1.1); transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s; width: 100%;}
.shop .card:hover .mask {opacity:1; visibility:visible;}
.shop .mask nav {margin: auto auto; min-width:128px;}
.shop .mask nav .bi {margin-right:5px; float:left;}
.shop .mask .on-ec {color:rgba(255,255,255,0.80); border-color:rgba(255,255,255,0.60); }
.shop .mask .on-ec:hover {background-color:rgba(0,0,0,0.50); color:#FFF; border-color:rgba(255,255,255,0.80); }
.shop .mask .on-ec img {max-height:36px; margin-right:auto; margin-bottom:5px; margin-left:auto; display:block; }
.shop .card-body {padding:1.2rem 1rem;}
.shop .countdown {margin:0 0 .9rem; padding:0; list-style:none;}
.shop .countdown li {font-size:14px; text-align:center; margin-right:5px; border:none;}
.shop .countdown li:last-child {margin-right:0;}
.shop .countdown em {width:38px; padding:2px 0; margin:0 0 2px; display:block; font-style:normal; background-color:#FFF; border:1px solid #D9D9D9; border-radius: 5px;}
.shop h6 {color:var(--color-main); font-size:1.2em;}
.shop h6 em, .shop h6 del {margin-right:5px; opacity:.6; color:#212529; font-size:0.8em; font-style:normal;}
.shop mark {padding:3px 10px; border: 1px dashed #AAA; font-size:12px;}
.shop .mode {margin-top:1.5rem;}
.shop .mode>div {margin-bottom:.5rem;}
.shop .mode .form-label {margin-bottom:.1rem;}
.shop .mode ul {margin:0 -5px -5px 0; padding:0; list-style:none; overflow:hidden;}
.shop .mode li {padding:0; margin:0 5px 5px 0; float:left; display:inline-block;}
.shop .mode li>label {font-size:13px; line-height:1.3; min-width:38px; height:38px; display:flex; justify-content:center; align-items:center; margin: 0; padding: 5px 10px 5px; border-radius: 5px; border: 1px solid rgba(0,0,0,0.25); overflow: hidden; cursor: pointer; position: relative; transition: all 0.25s ease 0s; -moz-transition: all 0.25s ease 0s; -webkit-transition: all 0.25s ease 0s; -o-transition: all 0.25s ease 0s; background-color:#f7f7f7;}

.shop .mode li>label::before {content:""; position:absolute; bottom:0; right:0;z-index:1;}
.shop .mode li>label::after {content:""; position:absolute; bottom:0; right:0;}
.shop .mode li.set>label::before {width:12px; height:12px; background:url(../img/flags/_check.svg) no-repeat center; background-size:contain; z-index:1;}
.shop .mode li.set>label::after {width:0; height: 0; border-style: solid; border-width: 0 0 20px 20px; border-color: transparent transparent var(--color-main) transparent;}

.shop .mode li.lack>label {border: 1px dashed rgba(0,0,0,0.20);}
.shop .mode li.set>label {border-color:var(--color-main-border); color:var(--color-main); background-color:#FCF8E3;}
.shop .mode li>label>input {position: absolute; left: -999px; top: 0px;}
.shop .mode label a, .shop .mode label i:not(.bi) {width:34px; height:34px; border-radius:4px; margin:-4px 5px -4px -9px; background:rgba(64,81,137,.18);}
.shop .mode a {border-radius:4px; overflow:hidden; display:flex; align-items:center; justify-content:center;}
.shop .mode label a {cursor: url('../img/album/_cursorZoom.png') 5 5, zoom-in;}
.shop .mode a .bi {display:flex;}
.shop .mode a img {width:100%; height:100%; object-fit:cover;}
.shop .mode a.play {font-size:1.2rem; background-color:rgba(240,101,72,.18); color:rgba(240,101,72,1);}
.shop .mode a.link {font-size:1.1rem; background-color:rgba(10,179,156,.18); color:rgba(10,179,156,1);}
.shop.load .mode li:not(.set) {opacity:.5;}
.shop.load li:not(.set)>label, .shop.load li:not(.set) a {cursor:default;}
.shop [class^="stock"] {font-size:.9rem; opacity:.7; display:flex; align-items:center;}
.shop [class^="stock"] i {font-style:normal; margin-left:5px; margin-right:5px;}
.shop [class^="stock"] .spinner-border {width:20px; height:20px; margin-right:5px; display:none;}
.shop.load [class^="stock"] .spinner-border {display:inline-block;}

.qtyZone {width:100%; position:relative;}
.qtyZone .btn { height:calc(100%-4px); position:absolute; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); }
.qtyZone .qtyDash {left:3px;}
.qtyZone .qtyPlus {right:3px;}
.qtyZone input {background-color:transparent; text-align:center; font-weight:300; border-color:#636363;}
.qtyZone.change .btn {color:var(--color-main); background-color:transparent; border-color:var(--color-main-border);}
.qtyZone.change .btn:hover {color:#FFF; background-color:var(--color-main); border-color:var(--color-main-border);}
.qtyZone.change input {border-color:var(--color-main-border); color:var(--color-main);}

.shop .or {margin:30px 0 30px!important; padding:0; text-align:center; height:1px; background-color:rgba(0,0,0,0.10); position:relative;}
.shop .or i {min-width:30px; height:30px; padding-left:10px; padding-right:10px; border:1px solid rgba(0,0,0,0.10); border-radius:15px; background-color:#FFF; font-style:normal; line-height:30px; display:inline-block; position:absolute; top:50%; left: 50%; transform: translate(-50%, -50%);}
.shop .buy-on {padding: 0; margin:0; overflow:hidden;}
.shop .buy-on a {width:100%; display:block; margin-bottom:.3rem; float:left; cursor:pointer;}
.shop .buy-on a:last-child {margin:0;}
.shop .buy-on a img {height:30px; width:auto; display:block; margin-top: 5px; margin-left:auto; margin-right:auto;}
/* Shop @ Product Page */
.post .col-md-7 .shop {text-align:left;}
.post .col-md-7 .shop h6 {font-size:2rem;}
.post .col-md-7 .shop h6 em, .post .col-md-7 .shop h6 del {font-size:1.2rem;}
.post .col-md-7 .shop mark {displa:block;}
/* Product Page Quick Buy */
.ppqb {position:fixed; right:20px; bottom:90px; width:60px; padding:0px; border-radius:50%; box-shadow: 0px 0px 3px rgb(0 0 0 / 50%), 3px 3px 3px rgb(0 0 0 / 25%); display:none; z-index:99991;}
.ppqb .btn {width:60px; height:60px; border-radius:50%;}
.ppqb .bi {font-size:34px; margin-top:-3px; display:block;}
.ppqb span {display:none;}
.rise .ppqb {display:inline-block;}
/* Mall Style @ Index */
.mall {display:flex; height:420px;}
.mall .banner {margin:0 .5rem 0 0;}
.mall.flex-row-reverse .banner {margin:0 0 0 .5rem;}
.mall .banner, .mall .banner .foto {width:270px; height:420px;}
.mall .banner .info {display:flex; align-items:flex-start; flex-direction:column; height:100%; width:100%; padding:2.5rem; top:0; transform:none; -ms-transform:none;}
.mall .banner h6, .mall .banner p {opacity:.7}
.mall .banner .btn {border:2px solid transparent; margin-top:auto; border-radius:0; padding:1rem; display:block; width:100%; line-height:1.3;}
.mall .banner.dark .mask {border:1px solid rgba(255, 255, 255, 0);}
.mall .banner.dark:hover .mask {border:1px solid rgba(255, 255, 255, .7);}
.mall .banner.light .mask {border:1px solid rgba(0, 0, 0, 0);}
.mall .banner.light:hover .mask {border:1px solid rgba(0, 0, 0, .5);}
.mall .banner:hover .mask {transform: scale(0.9); transition: all .8s cubic-bezier(0.23, 1, 0.32, 1) 0s; width: 100%;}
.mall .banner.dark .btn {border-bottom-color:#FFF;}
.mall .banner.light .btn {border-bottom-color:#212121;}
.mall .banner.dark .btn:hover {background:#FFF; color:#212121; border-color:#FFF;}
.mall .banner.light .btn:hover {background:#212121; color:#FFF; border-color:#212121;}
.mall .shop {width:1020px; border:1px solid #EBEBEB;}
.mall .card {border:1px solid transparent; transition: all .3s;}
.mall .card, .mall .card-img-top {border-radius:0;}
.mall .card:hover {border-color:var(--color-main-border);}
.gray .mall .shop {border-color: #FFF;}







/* Shop @ Cart Page */
.cartHtag .bi {margin-right:5px;}
.cartHtag small {margin-left:5px; font-size:.9rem; opacity:.7;}
.cartHead {margin:0; padding:10px 10px; overflow:hidden; list-style:none; display:flex; border-top:1px solid rgba(0,0,0,0.15); border-bottom:1px solid rgba(0,0,0,0.15);}
.cartHead li {margin:0; padding:0; position:relative; float:left; line-height:35.25px; margin-left:10px;}
.cartHead li:nth-child(1) {margin:0; text-align:left; flex-grow:1;}
.cartHead li:nth-child(2), .inquiry .cartHead li:nth-child(3) {text-align:center; width:170px;}
.cartHead li:nth-child(3), .inquiry .cartHead li:nth-child(2) {text-align:right; width:150px;}
.inquiry .cartHead li:nth-child(2) {text-align:center;}
.cartHead li:nth-child(4) {width:40px; overflow:hidden;}
.cartClear {padding:0; width:40px; height:36px; display:flex; justify-content:center; align-items:center;}
.cartHead em, .cartList .box em, .cartStat em {font-style:normal; font-size:.9rem; opacity:.7; margin-left:5px;}
.cartHead li:nth-child(1) .btn-main {position:absolute; top:0; right:-95px; transform: translate(50%); z-index:1; width:170px; display:none;}
.inquiry .cartHead li:nth-child(1) .btn-main {right:-255px;}
.pendQty .cartHead li:nth-child(2), .pendQty .inquiry .cartHead li:nth-child(3) {opacity:0;}
.pendQty .inquiry .cartHead li:nth-child(2) {opacity:1;}
.pendQty .cartHead li:nth-child(1) .btn-main {display:flex; align-items:center; justify-content:center;}
.cartList {margin:0; padding:0; list-style:none;}
.cartList>li {margin:0; padding:10px 10px; border-bottom:1px solid rgba(0,0,0,0.15); position:relative;}
.cartList>li:nth-of-type(odd) {background-color:rgba(0,0,0,.02);}
.cartList>li:last-child {border:0;}
.cartList .img {width:88px; height:88px; position:absolute; left:10px; top:10px; overflow:hidden; display:inline-block; border-radius:5px;}
.cartList .img img {width:100%; height:100%; object-fit:cover;}
.cartList .shop {padding-left:103px; padding-right:380px; text-align:left; min-height:88px;}
.cartList .shop .h5 {display:inline-block;}
.cartList .shop .countdown, .cartList .shop h6 {display:block; margin-bottom:.25rem;}
.cartList .shop mark {display:inline-block; margin-bottom:.25rem;}
.suit.gray .cartList .shop .countdown em {background-color:#FFF;}
.cartList .type {max-width:200px; margin:0; padding:0px 20px 0px 5px; font-size:12px; line-height:24px; color:rgba(0,0,0,0.5); text-align:left; text-decoration:none; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; white-space: normal; border:1px solid rgba(0,0,0,0.25); ackground-color:rgba(0,0,0,0.05); position:relative;}
.cartList .type:hover {color:rgba(0,0,0,0.7); max-width:300px;}
.cartList .type .bi {position:absolute; top:1px; right:7px;}
.cartList .box {position:absolute; top:10px; right:60px; width:330px; padding-left:170px; overflow:hidden; z-index:1; text-align:right;}
.inquiry .cartList .box {padding-left:0; padding-right:180px; text-align:center;}
.cartList .box .th {display:none; margin-bottom:10px;}
.cartList .box h6, .cartTotal h6 {color:var(--color-main); font-size:1.2em; position:relative; display:inline-block; padding-left:15px; margin-bottom:0;}
.inquiry .cartList .box h6 {color:#212529; padding:0; line-height:37px;}
.cartList .box h6 em, .cartTotal h6 em {margin:0px; opacity:.6; color:#212529; font-size:0.8em; font-style:normal; position:absolute; left:0; bottom:1px;}
.cartList .box h6 del, .cartTotal h6 del {margin:0 0 2px 0; opacity:.6; color:#212529; font-size:0.8em; font-style:normal; display:block;}
.cartList .boxQty {width:170px; float:left; margin-left:-170px; padding:3px;}
.inquiry .cartList .boxQty {float:right; margin-right:-180px;}
.cartList .boxQty .th {text-align: center; float:left; width:inherit;}
.cartList .qtyZone {float:left;}
.cartList .listDel {position:absolute; top:13px; right:10px; padding:0; width:40px; height:36px; display:flex; justify-content:center; align-items:center;}
div.cartStat {overflow:hidden; border:1px solid #FFC226; padding:5px; background:#FFF; border-radius:.25rem;}
div.cartStat ul {margin:0; padding:10px 0 10px; overflow:hidden; list-style:none; display:flex; background-color:#FCF8E3;}
div.cartStat li {margin:0; padding:0;  position:relative; float:left; line-height:35.25px; margin-left:10px; text-align:center;}
div.cartStat li:nth-child(1) {margin:0; flex-grow:1;}
div.cartStat li:nth-child(2) {width:170px;}
div.cartStat li:nth-child(3) {width:150px; text-align:right;}
div.cartStat li:nth-child(4) {width:40px; overflow:hidden;}
div.cartStat h6, .cartTotal tfoot h6 {color:var(--color-main); font-size:1.4em; position:relative; display:inline-block; padding-left:15px; margin-bottom:0;}
div.cartStat h6 em, .cartTotal tfoot h6 em {margin:0px; opacity:.6; color:#212529; font-size:0.8em; font-style:normal; position:absolute; left:0; bottom:1px;}
div.cartStat h6 del, .cartTotal tfoot h6 del {margin:0 0 2px 0; opacity:.6; color:#212529; font-size:0.8em; font-style:normal; display:block;}
.logistics {position:relative;}
.logistics .logo {width:72px; height:72px; display:inline-block; margin-right:10px;}
.logistics .logo img {width:72px; height:72px;}
.logistics ul {margin:0; padding:0; list-style:none;}
.cartTotal, .cartTotal .table {margin:0;}
.cartTotal thead th {text-align:center;}
.cartTotal tbody td:last-child, .cartTotal tfoot th:last-child {text-align:right;}
.cartTotal tfoot th {background-color:rgba(255,255,255,0.50);}
.cartTotal th, .cartTotal td {vertical-align:middle;}
.cpqs {position:fixed; bottom:0; width:100%; padding:5px; z-index:10; display:none; background-color:#FFF; box-shadow:0 -.125rem .25rem rgba(0,0,0,.1);}
.pendQty .cpqs {display:grid;}
*[class*="rowLgt-"] {display:none;}
.isLgt, .rowBuyer {display:flex;}
.rowBuyer.asPickr {display:none!important;}
.rowInvGiv, .rowInvBar, .rowInvCom {display:none;}
.rowInvGiv.isInv,
.rowInvBar.isInv {display:block;}
.rowInvCom.isInv {display:flex;}

/* Header Tool Language */
#lgtPerson {margin:0; padding:0; list-style:none; line-height:normal;}
#lgtPerson>li {margin:3px 0 0; padding:0;}
#lgtPerson>li>label {display:flex; padding:12px 15px 12px; border-radius:5px; border:1px solid #dedede;; overflow:hidden; cursor:pointer; position:relative; transition:all 0.25s ease 0s; -moz-transition:all 0.25s ease 0s; -webkit-transition:all 0.25s ease 0s; -o-transition:all 0.25s ease 0s; background-color:#f7f7f7; }
#lgtPerson>li>label::before {content:""; position:absolute; bottom:0; right:0;z-index:1;}
#lgtPerson>li>label::after {content:""; position:absolute; bottom:0; right:0;}
#lgtPerson>li>label>input {position:absolute; left:-999px; top:0px; }
#lgtPerson>li>label>i {width:42px; height:42px; margin-right:1rem; border-radius:50%; border:none; background-color:var(--color-main); display:flex; justify-content:center; align-items:center;}
#lgtPerson>li>label>i>img {width:42px; height:42px;}
#lgtPerson>li>label>div {flex: 1 1 auto;}
#lgtPerson>li>label>div>h5 {margin-bottom:.1rem; color:var(--color-main);}
#lgtPerson>li>label>div>table {width:100%;}
#lgtPerson>li>label th {width:90px; padding-left:.5rem; white-space:nowrap;}
#lgtPerson>li>label th .bi {margin-right:.2rem;}
#lgtPerson>li>label:hover {background-color:#efefef; }
#lgtPerson>li.active>label {border-color:var(--color-main-border); background-position:bottom 0px right 0px}
#lgtPerson>li.active>label::before {width:15px; height:15px; background:url(../img/flags/_check.svg) no-repeat center; background-size:contain; z-index:1;}
#lgtPerson>li.active>label::after {width:0; height: 0; border-style: solid; border-width: 0 0 25px 25px; border-color: transparent transparent var(--color-main) transparent;}


/* Region Selects */
.regions {display: -webkit-box!important; display: -ms-flexbox!important; display: flex!important;}
.regions>div {-webkit-box-flex: 1!important; -ms-flex: 1 1 auto!important; flex: 1 1 auto!important;}
.regions>div.rID1 {display:flex; flex-direction: column; align-items: flex-start!important;}
.regions>div:not(.rID1,.first) {margin-left:.1rem; display:flex; align-items: flex-end!important;}
.regions .spinner-border {width:1rem; height:1rem; border-width:.1rem; display:none;}
.regions.load .spinner-border {display:inline-block;}

.regions.vertical {-webkit-box-orient: vertical!important; -webkit-box-direction: normal!important; -ms-flex-direction: column!important; flex-direction: column!important;}
.regions.vertical>div:not(.rID1,.first), .banks.vertical>div:not(.bankList) {margin-top:.1rem; margin-left:0;}
.regions.vertical .rID2 label, .regions.vertical .rID3 label, .regions.vertical .rID4 label, .regions.vertical>div:not(.rID1,.first,.bankList) label {display:none;}



/* Evaluate */
.evaluate {overflow:hidden; margin-bottom:1rem;}
.evaluate>i {margin-left:5px; font-size:1rem;}
.evaluate>i:first-child {margin-left:0px;}
.evaluate>* {float:left; opacity:.5}
.evaluate .bi-star-fill, .evaluate .bi-star-half {color:var(--color-main); opacity:1;}
.evaluate em {font-style:normal; margin-left: 10px; padding-left: 10px; border-left: 1px solid rgba(0,0,0,0.3);}
/* Album */
.album img {width:100%; height:100%; object-fit:cover;}
/* Blog */
.post .col {margin-bottom:1.5rem;}
.post .g-1 .col {margin-bottom:.1rem;}
.post .g-2 .col {margin-bottom:.15rem;}
.post .thumn {height:auto; max-height:390px; overflow:hidden;}
.post .thumn img {vertical-align:middle; display:block; max-width:100%; height:auto; border:none;}
.post .shop .thumn::before {border:none!important;}
.post .meta {margin:0 0 1rem; padding:0; list-style:none; display:flex; font-size:12px; opacity:.65}
.post .meta li {display:inline-block; flex:1 1 auto}
.post .meta li:last-child {text-align:right;}
.post .card-body {padding:1.4rem 1.4rem;}
.post .auth {margin:0 0 1rem; padding:0; list-style:none; display:flex; font-size:12px;}
.post .auth li {padding-right:1rem; margin-right:1rem; border-right:1px solid #333;}
.post .auth li:last-child {padding-right:0; margin-right:0; border-right:0;}
.post .auth li {opacity:.65;}
.post .auth li:hover {opacity:1;}
.post.row-cols-md-3 .auth li:last-child {max-width: 130px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: block; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.post.row-cols-md-3 .auth li:last-child:hover {max-width:200px !important; cursor:default;}
.post .card-body {position:relative;}
.post .type {display:block; position:absolute; z-index:2; width:56px; height:56px; line-height:56px; text-align:center; font-size:27px; color:#FFF; background-color:var(--color-main); border-radius:50%; right:22px; -webkit-box-shadow:0 4px 8px 0px rgb(0 0 0 / 21%); box-shadow:0 4px 8px 0px rgb(0 0 0 / 21%);}
.post.row-cols-1 {max-width:810px;}
.post.row-cols-1 .type {top:-80px;}
.post.row-cols-md-3 .type {top:-55px;}
.post h5 {margin-bottom:1.1rem;}
/* Side Bar Categories */
.bar {}
.bar .ads {margin-bottom:5px;}
.bar.right {padding-left:30px;}
.bar.left {padding-right:30px;}
.bar .categories {width:300px; background-color:#EBEBEB; margin-bottom:5px; -webkit-box-shadow: 0px 1px 2px 0px rgb(0 0 0 / 10%); box-shadow: 0px 1px 2px 0px rgb(0 0 0 / 10%); border: none;}
.bar .categories h3 {padding:24px 24px 10px; margin:0; font-size:1.2rem; text-align:left; border-bottom: 1px solid #CCC;}
.bar .categories h3 .bi {opacity:.7; margin-right:5px;}
.bar .categories ul, .bar .categories li {margin:0; list-style:none;}
.bar .categories li {border-bottom: 1px solid #CCC;}
.bar .categories li:last-child {border:none;}
.bar .categories>ul {padding:0px 26px 24px 26px; margin:0;}
.bar .categories>ul>li>ul {padding:0 0 0 20px; border-top: 1px solid #CCC;}
.bar .categories li>a {padding:10px 30px 10px 0; display:block; position:relative;}
.bar .categories li>a>.badge {font-style:normal; color:#636363; background-color:#CCC; border-radius:10px; position:absolute; right:0; top:10px;}
.bar .categories li>a:hover>.badge {color:#EDEDED; background-color:#636363;}
.categories li.now>a {color:var(--color-main)!important;}
.categories li.now>a>.badge {color:#FFF; background-color:var(--btn-main)!important; border-color:var(--btn-main-border)!important;}
.bar .categories .shop {text-align:left;}
.bar .categories .shop .countdown {margin:0 0 .5rem; padding:0;}
.bar .categories .shop .countdown li {margin:0 5px 0 0; padding:0; border:none;}
.bar .categories .shop .countdown li:last-child {margin-right:0;}
.bar .categories .shop h6 {margin-bottom:0;}
.bar .categories .list>li {overflow:hidden; padding:10px 0 10px;}
.bar .categories .list.shop>li {padding:15px 0 15px;}
.bar .categories .list div {width:185px; float:right;}
.bar .categories .list a {margin:0 0 10px 0; padding:0;}
.bar .categories .list .img {width:50px; margin:0 13px 0 0; float:left; overflow:hidden;}
.bar .categories .list .img img {width:100%; float:left; border:none; border-radius:5px;}
.bar .categories .list small {display:block; opacity:.65; overflow:hidden;}
.bar .categories .list small i {font-style:normal; float:right;}
.bar.news {padding-top:0;}
.bar.news .categories {width:100%;}
.bar.news .categories li {display:flex;}
.bar.news .categories div {flex-grow:1;}

/*Page Swiper*/
.pageSwiper {width:100%; aspect-ratio:16/9; border-radius:1rem;}
.pageSwiper img {width:100%; height:100%; object-fit:cover; object-position: center;}


.tags {text-align:center;}
.bar .tags {padding:10px 24px 24px; overflow:hidden; text-align:left;}
.tags a {display: inline-block; height: 30px; line-height: 28px; font-size: 14px; text-decoration: none; border: 1px solid #CCC; background-color:#FFF; border-radius: 15px; padding: 0 12px 0 12px; margin:2px 1px; word-wrap: no-wrap; overflow-wrap: no-wrap; -webkit-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s;}
.tags i {display: inline-block; height: 20px; line-height: 20px; border-radius: 10px; padding: 0 6px; margin-left: 5px; font-style:normal; color:#3d4652; background-color:#eee; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.bar .tags a {padding-right:5px; margin: 0 5px 10px 0;}
.tags a:hover i {color:#FFF; background-color:var(--color-main);}
/* Suit Color */
.suit.gray {background-color:#EBEBEB;}
.suit.gray .shop .countdown em {background-color:#EBEBEB;}
.suit.gray .card, .suit.gray .categories {background-color:#FFF;}
.suit.gray .post .thumn::before {border-bottom:68px solid #FFF;}
.suit.gray .categories h3, .suit.gray .categories ul, .suit.gray .categories li {border-color:#EBEBEB;}
.suit.gray .categories li>a>.badge {background-color:#EBEBEB;}
.suit.gray .categories li>a:hover>.badge {color:#EDEDED; background-color:#636363;}
.suit.gray .tags a {border-color:#DDD;}

.suit+.suit.hr,
.suit+.suit.gray.hr {border-top-color:rgba(0,0,0,.05);}
.suit.gray+.suit.hr,
.suit.gray+.suit.gray.hr {border-top-color:rgba(0,0,0,.12);}

/* ----------------------------------*/
/* Index Icon(Brand) Swiper */
/* ----------------------------------*/
.iis-01 {}
.iis-01 a {text-align:center;}
.iis-01 img {border:none; max-height:50px; margin:0 auto;}
.iis-02 {}
.iis-02 .bi {font-size:2rem; margin-right:10px;}
.iis-02 .swiper-slide {display:flex; justify-content: center;}
.iis-02 .swiper-slide>* {align-self: center;}
.iis-02 h4 {font-size:1.1rem; font-weight:500; text-align:left; margin:0;}
.iis-02 h4 small {display:block;font-size:.9rem; font-weight:300; opacity:.7;}

/* ----------------------------------*/
/* Index Icon Advantage */
/* ----------------------------------*/
.iia {}
.iia>div:first-child * {text-align:right;}
.iia>div:last-child * {text-align:left;}
.iia>div {display:flex;}
.iia>div>* {align-self: center;}
.iia ul {margin:0; padding:0; list-style:none;}
.iia li {margin-bottom:2.2rem;}
.iia li:last-child, .iia li p:last-child {margin-bottom:0;}
.iia img {width:100%;}
.iia p {opacity:.7;}
.iia h4 {margin-bottom:1rem; transition: all .2s;}
.iia h4 .bi {display:block; margin-bottom:.25rem; font-size:3rem; font-weight:700; color:var(--color-main); transition: all .2s;}
.iia li:hover h4 {color:var(--color-main);}
.iia li:hover h4 .bi {margin-top:-.25rem; margin-bottom:.5rem;}

/* ----------------------------------*/
/* Team @ Index */
/* ----------------------------------*/
.team {}
.team .swiper-slide {text-align:center; padding:0 .5rem;}
.team .foto {width:80%; aspect-ratio:1; border-radius:50%; border:1px solid rgba(0,0,0,0.15); margin:0 auto 1rem; transition: all .3s; overflow:hidden; position:relative;}
.team .foto::before {width:100%; height:100%; border-radius:50%; border:5px solid #FFF; display:inline-block; content:""; position:absolute; z-index:2;}
.team .foto img {width:100%; aspect-ratio:1; border-radius:50%; transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s; -moz-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s; -webkit-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s; -o-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;}
.team .swiper-slide:hover .foto {border-color:var(--color-main-border);}
.team .swiper-slide:hover .foto img {transform: scale(1.1); transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s; width: 100%;}
.team h4 {font-size:1.17rem; transition: all .3s}
.team .swiper-slide:hover h4 {color:var(--color-main);}
.team h4 small {display:block; font-size:.9rem; opacity:.7; color:#212529;}
.dark .team h4 small {display:block; font-size:.9rem; opacity:.7; color:#FFF;}
.team .social {display:inline-block; overflow:hidden; margin:0 auto -.2rem;}
.team .social .btn {border-radius:50%; width:34px; height:34px; line-height:32px; padding:0; margin:0 .1rem .2rem;}
.team .social .btn .bi::before {line-height:32px;}

/* ----------------------------------*/
/* News @ Index */
/* ----------------------------------*/
.ins h5 a {display:block; margin-bottom:1rem;}
.ins h5 small {font-size:.88rem;}
.ins .card { border-radius:.25rem ; -webkit-border-radius:.25rem ; -moz-border-radius:.25rem ; -ms-border-radius:.25rem ; -o-border-radius:.25rem ; }
/*.news {}
.news .swiper-slide {text-align:center; padding:0 .5rem;}
.news .foto {width:240px; height:240px; border-radius:50%; border:1px solid rgba(0,0,0,0.15); margin:0 auto 1rem; transition: all .3s; overflow:hidden; position:relative;}
.news .foto::before {width:100%; height:100%; border-radius:50%; border:5px solid #FFF; display:inline-block; content:""; position:absolute; z-index:2;}
.news .foto img {width:100%; border-radius:50%; transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s; -moz-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s; -webkit-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s; -o-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;}
.news .swiper-slide:hover .foto {border-color:var(--color-main-border);}
.news .swiper-slide:hover .foto img {transform: scale(1.1); transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s; width: 100%;}
.news h4 {font-size:1.17rem; transition: all .3s}
.news .swiper-slide:hover h4 {color:var(--color-main);}
.news h4 small {display:block; font-size:.9rem; opacity:.7; color:#212529;}
.dark .news h4 small {display:block; font-size:.9rem; opacity:.7; color:#FFF;}*/

/* ----------------------------------*/
/* Progress Box */
/* ----------------------------------*/
.progressBox h4 {font-size:1.2rem;}
.progressBox h4 span {float:right; font-size:1.4rem; color:var(--color-main);}
.progressBox h4 span i {font-size:.875rem; color:#212529; font-style:normal; margin-left:5px;}

/* ----------------------------------*/
/* Counter Box */
/* ----------------------------------*/
.counterBox {margin:-1rem 0 0; padding:0; list-style:none; display:flex; flex-wrap:wrap; justify-content:center;}
.counterBox li {width:212px; height:212px; border:2px solid transparent; border-radius:106px; position:relative; margin:1rem .5rem 0; transition:all .3s;}
.counterBox li>div {position:absolute; width:100%; left:50%; top:50%; transform: translate(-50%, -50%);}
.counterBox>li>div>h1, .counterBox>li>div>h5 {text-align:center;}
.counterBox>li>div>h5>small {opacity:.7; display:block;}

/* ----------------------------------*/
/* Pricing */
/* ----------------------------------*/
.pricing {text-align:center; justify-content:center;}
.pricing .card {-webkit-box-shadow: 0px 1px 2px 0px rgb(0 0 0 / 30%); box-shadow: 0px 1px 2px 0px rgb(0 0 0 / 30%);}
.pricing .card.focus {border:1px solid var(--color-main);}
.pricing .card-header {padding:0; overflow:hidden;}
.pricing .card-header>*:last-child {margin-bottom:2rem;}
.pricing .card-header h6 {padding:1rem; margin-bottom:2rem; background-color:#212529; color:#FFF;}
.pricing .focus .card-header h6 {background-color:var(--color-main);}
.pricing .card-header h3 {font-size:2rem; color:var(--color-main);}
.pricing .card-header h3 em, .pricing .card-header h3 del {font-size:1.2rem; opacity:.7; color:#212529; font-style:normal;}
.pricing .card-header h3>* {margin-right:5px;}
.pricing .card-header h3>*:last-child {margin-right:0;}
.pricing .countdown {margin:0 0 .9rem; padding:0; list-style:none;}
.pricing .countdown li {font-size:14px; text-align:center; margin-right:5px; border:none;}
.pricing .countdown li:last-child {margin-right:0;}
.pricing .countdown em {width:38px; padding:2px 0; margin:0 0 2px; display:block; font-style:normal; background-color:#FFF; border:1px solid #D9D9D9; border-radius: 5px;}
.pricing .table {margin:0;}

/* ----------------------------------*/
/* Index Big Foto (Swiper & Vertical */
/* ----------------------------------*/
.ibf {}
.ibf a {text-align:center;}
.ibf img {border:none; width:100%; height:auto; margin:0 auto;}


/* ----------------------------------*/
/* Footer */
/* ----------------------------------*/
footer {font-size:13px; padding-top:3rem; padding-bottom:3rem; position:relative;}
footer .container {padding: 0 var(--bs-gutter-x,3rem);}

footer .info {display:flex; justify-content:space-between; align-items:end;}
footer .organize {height:100%;}
footer .organize, footer .social{margin:0; padding:0; list-style:none;}

footer .social {display:flex; justify-content:flex-end; flex-wrap: wrap; margin-bottom:.5rem;}
footer .social li {margin:.15rem; padding:0;}
footer .social a {width:42px; height:42px; padding:0; margin:0; display:flex; justify-content:center; align-items:center; background-color:rgba(0, 0, 0, .05); border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; }
footer .social .bi {font-size:22px; margin-top:0.15rem; margin-left:0.04rem;}

footer .copyright,
footer .powered  {text-align:right; margin:.3rem 0 0;}

footer .powered a {text-decoration:underline;}
footer .powered a:hover {text-decoration:none;}
footer .powered a {display:inline; margin:0 0 0 5px; padding:0 0 0 5px; border-left:1px solid #D9D9D9;}
footer .powered a:first-child {margin:0; padding:0; border:0;}

/* ----------------------------------*/
/*Side Bar Aside*/
/* ----------------------------------*/
aside {position: fixed; top:0px; right:-320px; bottom:0; width:320px; margin:0; padding:0; line-height:normal; background-color:#323232; color:#fff; overflow-y:auto; transition:all 0.15s ease-in 0s; -webkit-transition:all 0.15s ease-in 0s; -moz-transition:all 0.15s ease-in 0s; -o-transition:all 0.15s ease-in 0s; visibility:hidden; opacity:0; display:block; z-index:99992; text-align:left; box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;}
aside>h6 {margin:1.2rem;}
aside .useNo {width:45px; height:100%; display:flex; color:rgba(255, 255, 255, .8); font-size:20px; justify-content:center; align-items:center;}
aside .useNo:hover {color:rgba(255, 255, 255, 1);}
aside hr {margin:2rem 0; opacity:.1; }
aside a {color:#FFF;}
aside a:hover {color:var(--color-main);}
aside form a:hover {text-decoration:underline;}
aside ul {margin:0 1.5rem 0; padding:0; list-style:0;}
aside li {margin:0 0 1rem; display:block;}
/* Aside Cart */
aside.cart>.switch {display:flex; padding:.6rem 0 1rem .6rem; width:100%;}
aside.cart>.switch>.btn-group {flex-grow:1}
aside.cart>.switch .badge {font-size: 12px;font-style: normal;border-radius:10px;transform:scale(0.75);}
aside.cart>.switch .btn-main .badge {background:#FFF; color:var(--color-main);}
aside.cart>.switch .btn-added .badge {background:var(--color-main); color:#FFF;}
aside.cart>.switch.list>div {display:grid; flex-grow:1; gap:.25rem;}
aside.cart>.switch.list>div>.btn {text-align:left;}
aside.cart>.switch.list>.useNo {height:35.75px;}
aside.cart .tcRes {width:100%; margin-bottom:auto;}
aside.cart .tcRes>.load {transform: translate(-50%,-50%); left:50%; top:50%; position:absolute; z-index:1; display: flex; width: 100%; height: 100%; background: #32323233; justify-content: center; align-items: center;}
aside.cart .tcRes>.load>.spinner-border {width:2rem; height:2rem; color:#FFF;}
aside.cart .tcRes>div {gap:.5rem; display:grid; background-color:rgba(255,255,255,0.05); padding:20px 15px 15px; margin:0 10px 2px; box-shadow: 0 .15rem .15rem rgba(0,0,0,.3)!important;}
aside.cart .d-flex>a {width:72px; height:72px; margin-right:10px; border-radius:5px; overflow:hidden; display:inline-block; flex-shrink:0;}
aside.cart .d-flex>a>img {width:100%; height:100%; object-fit:cover; object-position:center;}
aside.cart .trash {float:right; color:rgba(255,255,255,.5)!important; padding:0!important; margin:0 0 10px 10px!important; border:none!important;}
aside.cart .trash .spinner-border {width:18px; height:18px;}
aside.cart .title {font-size:1rem; font-weight:300; word-break: break-all;}
aside.cart .type {display:block; margin:10px 0 0; padding:0px 20px 0px 5px; overflow: hidden; font-size:12px; line-height:24px; color:#A1A1A1; text-align:left; text-decoration:none; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; white-space: normal; border:1px solid #636363; background-color:#4A4A4A; position:relative;}
aside.cart .type:hover {color:#EDEDED;}
aside.cart .type .bi {position:absolute; top:1px; right:7px;}
aside.cart .qtyZone input {background-color:transparent; color:#FFF; text-align:center; font-weight:300; border-color:#636363;}
aside.cart .qtyZone.change .btn {color:var(--color-main); background-color:transparent; border-color:var(--color-main-border);}
aside.cart .qtyZone.change .btn:hover {color:#FFF; background-color:var(--color-main); border-color:var(--color-main-border);}
aside.cart .qtyZone.change input {border-color:var(--color-main-border); color:var(--color-main);}
aside.cart .shop {text-align:right;}
aside.cart .shop em {color:#EDEDED;}
aside.cart .shop p {margin-bottom:.5rem;}
aside.cart .shop.d-flex h6.flex-grow-1 {text-align:right; font-size:1.25rem; font-weight:400;}
aside.cart .tcNext {padding:1rem .6rem; width:100%;}
aside.cart .tcNext>.qtySave {box-shadow:0px 1px 8px 4px var(--shadow-main); display:none;}
.waite aside.cart .tcNext>.qtySave {display:flex; align-items:center; justify-content:center;}
.waite aside.cart .tcNext>.shop {opacity:.5}
.waite aside.cart .tcNext>.d-grid {display:none!important;}

/* Aside User */
aside.user .useNo {position: absolute; top: 10px; right: 13px; width: 30px; height: 30px; display: block; text-align:center; line-height: 30px; z-index: 99993;}
aside.user small {display: block; font-size: .8em; font-weight:normal; color:#969696; margin-top:.25rem;}
aside.user form {padding-bottom: 1.5rem; border-bottom: 1px solid #3e3e3e; margin:0 1.5rem 1.5rem;}
aside.user .load {transform: translate(-50%,-50%); left:50%; top:50%; position:absolute; opacity:.5;}
aside.user nav {padding:0 1.5rem;}
aside.user nav a {padding:1.25rem 0 1.25rem 2.5rem; border-bottom:1px solid rgba(255,255,255,.125); position:relative; display:block;}
aside.user nav a i {position:absolute; left:.75rem; top:1.5rem; color:#FFF!important; opacity:.5; transition:.25s}
aside.user nav a:hover i {opacity:.85}
/* Aside Visabled */
body.holdCart>aside.cart, body.holdUser>aside.user {right:0; opacity:1; visibility:visible;}
body.holdCart>#quickView>.modal-dialog>.load>.spinner-border {color:rgba(255,255,255,0.30);}

/* ----------------------------------*/
/* Chat */
/* ----------------------------------*/
#chat {margin:0; padding:0; list-style:none; position:fixed; bottom:20px; right:20px; display:inline-block; transition:bottom 0.1s linear !important; z-index:99991;}
body.rise #chat{transition:bottom 0.1s linear !important; bottom:90px !important; }
#chat li {width:60px; height:60px; border-radius:50%; box-shadow:0px 0px 3px rgba(0, 0, 0, 0.5), 3px 3px 3px rgba(0, 0, 0, 0.25); }
#chat a {float:right; line-height:60px; position:relative; }
#chat i:not(.spinner-border) {width:60px; height:60px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; position:absolute; top:0px; right:0px; z-index:99; padding:0px; overflow:hidden; display:inline-block; }
#chat img {width:100%; height:100%; padding:0; margin:0; border:0; float:left; }
#chat span:not(.load) {font-size:16px; color:#323232; line-height:60px; float:right; margin:0; opacity:0; white-space:nowrap; vertical-align:middle; text-decoration:none; transition:.3s; min-width:50px; text-align:right; }
#chat li:hover span:not(.load) {margin-right:70px; opacity:1; }
#chat.act span:not(.load) { color:#fff; text-shadow:black 0.1em 0.1em 0.2em; }
#chat li:not(.switch):not(.fans) {display:none; opacity:0; }
#chat .switch img {-webkit-transition:-webkit-transform .3s ease-in-out; -ms-transition:-ms-transform .3s ease-in-out; transition:transform .3s ease-in-out; }
#chat.act .switch img {transform:rotate(-45deg); -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg);}
#chat .apps {background-color:var(--color-main);}
#chat .fold {background-color:var(--bs-gray);}
#chat .fold, #chat.act .apps {opacity:0; transition:.3s}
#chat .apps, #chat.act .fold {opacity:1; transition:.3s}
#chat .fans {margin-top:5px;}
#chat img.check {width:20px; height:20px; position:absolute; bottom:0px; right:0px; z-index:100;}
#chat .load {display:flex; justify-content:center; align-items:center; height:100%;}
#chat .spinner-border {color:#FFF;}
.scroll-top {width: 60px; height: 60px; line-height: 60px; border-radius: 50%; overflow: hidden; position: fixed; bottom: 20px; right: 20px; background:var(--bs-gray); z-index:99991; display: none; transition: none; -o-transition: none; -moz-transition: none; -webkit-transition: none;}
.pendQty #chat, .pendQty .scroll-top {margin-bottom:30px;}
.pro.rise #chat {margin-bottom:70px;}
/* 20250803 */
#chat .bgMarker {background-color:#FF1D7B}
#chat .bgPhone {background-color:#F87A10}
#chat .bgMessenger {background-color:#1877F2}
#chat .bgWhatsapp {background-color:#00E676}
#chat .bgLine {background-color:#01AAA2}
#chat .bgWetchat {background-color:#1AAD19}
#chat .bgQq {background-color:#0F57D8}


/* ----------------------------------*/
/* Post Page Article Typography */
/* ----------------------------------*/
.page .post {gap:3rem;}
.page .post .col {margin-bottom:0;}
.page .post .meta {display:block; font-size:.9rem; opacity:1; padding-bottom:.7rem; border-bottom:1px solid rgba(0,0,0,0.10); overflow:hidden;}
.page .post .meta li {margin-right:10px; padding-right:10px; border-right:1px solid rgba(0,0,0,0.10); text-align:left; float:left;}
.page .post .meta li:last-child {margin:0; padding:0; border:0;}
.page .post .meta .bi {margin-right:5px;}
.page h1 {font-size:2rem; color:var(--color-main);}
.page h1 small {color:#212529; display:block; font-size:1rem; margin-top:.25rem;}
#quickView .modal-header {padding:10px 40px 10px 92px; min-height:94px;}
#quickView .modal-header .album {width:72px; height:72px; display:inline-block; overflow:hidden; position:absolute; left:10px; top:10px;}
#quickView .modal-header .album a {display:none; float:left;}
#quickView .modal-header .album a:first-child { width:72px; height:72px; display:inline-block; background-repeat:no-repeat; background-position:center; background-size:cover; overflow:hidden; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; }
#quickView .modal-header h1 {font-size:1.2rem; margin-bottom:.25rem;}
#quickView .modal-header .evaluate, #quickView .modal-header .countdown {margin-bottom:.25rem;}
#quickView .modal-header .qvClose {width:30px; height:30px; display:inline-block; border:1px solid #636363; color:#636363; border-radius:50%; text-align:center; position:absolute; top:10px; right:10px; padding:4px;}
#quickView .modal-header .qvClose .bi {}
#quickView .shop {text-align:left;}
#quickView .shop .mode {margin-top:0;}
#quickView .shop [class^="stock"] {margin-bottom:.25rem; text-align:left;}

/* ----------------------------------*/
/* Trail */
/* ----------------------------------*/
.trail {width:100%; height:290px; padding-top:90px; background-position:center center; background-size:cover; background-attachment:fixed; background-repeat:no-repeat; position:relative;}
.trail * {align-self:center!important;}
.trail .dusk {position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%;}
.trail .container {position:relative; z-index:2; height:200px;}
.trail .d-lg-flex {height:inherit;}
.trail h1 {font-size:1.68rem; position:relative; padding-left:1.8rem; margin-right:auto; margin-bottom:0;}
.trail h1 small {font-size:14px; display:block; margin-top:6px; opacity:.6;}
.trail h1 a {position:absolute; left:0; top:6px; font-size:18px;}
.trail .share {margin-right:auto;}
.trail ul {margin:0; padding:0; list-style:none; font-size:13px; overflow:hidden;}
.trail ul li {display:inline-block; float:left;}
.trail ul li+li::before {display:inline-block; padding:0; content:"/"; opacity:.6;}
.trail ul li a {padding:0px 0.75rem 0px;}
/* Solid Status */
.trail.solid {padding:0px 0 0px; height:auto; background-color:#F6F6F6;}
.trail.solid .dusk {position:relative; height:90px; margin-bottom:0px;}
.trail.solid .container {height:auto; padding-top:20px; padding-bottom:20px;}
/* Color */
.trail.light * {}
.trail.dark h1, .trail.dark samll, .trail.dark a, .trail.dark li {color:#FFF;}
.trail.dark a:hover {color:var(--color-main)}
.trail.solid.light .dusk {background-color:#FFF;}
.trail.solid.dark .dusk {background-color:#343A40;}
.trail.solid.dark h1, .trail.solid.dark samll, .trail.solid.dark a, .trail.solid.dark li {color:#212529;}
.trail.solid.dark a:hover {color:var(--color-main)}

/* Tab Kits */
.tabNav {display:flex;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0, 0, 0, .15)), to(rgba(0, 0, 0, 0)1px));
background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .15), rgba(0, 0, 0, 0)1px);
background: -moz-linear-gradient(bottom, rgba(0, 0, 0, .15), rgba(0, 0, 0, 0)1px);
background: -o-linear-gradient(bottom, rgba(0, 0, 0, .15), rgba(0, 0, 0, 0)1px);
background: -ms-linear-gradient(bottom, rgba(0, 0, 0, .15), rgba(0, 0, 0, 0)1px);
background: linear-gradient(bottom, rgba(0, 0, 0, .15), rgba(0, 0, 0, 0)1px);
background-color: rgba(0, 0, 0, 0);
}
.tabNav a {font-size:1.1rem; padding:.5rem 1rem; display:inline-block; flex: 1 1 auto; text-align:center; border-bottom:2px solid transparent;}
.tabNav a.now {color:var(--color-main); border-color:var(--color-main-border);}
.tabZone {display:none;}
.tabZone.now {display:block;}
/* Folder */
.folder {margin:0; padding:0; list-style:none;}
.folder>li {-webkit-box-shadow: 0px 1px 2px 0px rgb(0 0 0 / 10%); box-shadow: 0px 1px 2px 0px rgb(0 0 0 / 10%); border: none; border-radius:.25rem; overflow:hidden; margin-bottom:.5rem;
}
.folder>li>h3 {font-size:1.1rem; line-height:1.3rem; margin:0; padding:.85rem 2.5rem .85rem 1.25rem; text-align:left; position:relative; cursor:pointer; border-bottom: 1px solid rgba(0,0,0,0.125); background-color:#F7F7F7;}
.folder>li>h3>i {position:absolute; top:50%; transform:translateY(-50%); right:.85rem;}
.folder>li>div {padding:1.25rem; height:0px; visibility:hidden; display:none; background-color:#EBEBEB;}
.folder>li.now>h3 {color:var(--color-main);}
.folder>li.now>h3>.bi {transform: rotate(180deg) translateY(50%);}
.folder>li.now>div {height:auto; visibility:visible; display:block;}
/* Folder Color */
.gray .folder>li>h3 {background-color:#FFF;}
.gray .folder>li>div {background-color:#F7F7F7;}

.gradient {
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255, 255, 255, 1)), to(rgba(255, 255, 255, 0)2rem));
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0)2rem);
background: -moz-linear-gradient(top, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0)2rem);
background: -o-linear-gradient(top, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0)2rem);
background: -ms-linear-gradient(top, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0)2rem);
background: linear-gradient(top, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0)2rem);
background-color: rgba(255, 255, 255, 0);

}
article {font-size:1.1rem; line-height:1.8rem;}
article .chapter {font-size:1.3rem; display:block; margin-bottom:1rem; padding-left:10px; border-left:5px solid rgba(0,0,0,0.40); text-align:left;}
article .media {}

blockquote {
position: relative;
margin: 0;
margin: 50px 0;
padding: 50px 30px 40px;
border: 0;
border-radius: 5px;
background-color: #f5f5f5;
color: #505050;
font-style: italic;
text-align: center;
}
blockquote::before {
position: absolute;
top: -24px;
left: 50%;
width: 50px;
height: 50px;
margin-left: -25px;
border-radius: 50%;
background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDk1LjMzMyA5NS4zMzIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDk1LjMzMyA5NS4zMzI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8Zz4KCQk8cGF0aCBkPSJNMzAuNTEyLDQzLjkzOWMtMi4zNDgtMC42NzYtNC42OTYtMS4wMTktNi45OC0xLjAxOWMtMy41MjcsMC02LjQ3LDAuODA2LTguNzUyLDEuNzkzICAgIGMyLjItOC4wNTQsNy40ODUtMjEuOTUxLDE4LjAxMy0yMy41MTZjMC45NzUtMC4xNDUsMS43NzQtMC44NSwyLjA0LTEuNzk5bDIuMzAxLTguMjNjMC4xOTQtMC42OTYsMC4wNzktMS40NDEtMC4zMTgtMi4wNDUgICAgcy0xLjAzNS0xLjAwNy0xLjc1LTEuMTA1Yy0wLjc3Ny0wLjEwNi0xLjU2OS0wLjE2LTIuMzU0LTAuMTZjLTEyLjYzNywwLTI1LjE1MiwxMy4xOS0zMC40MzMsMzIuMDc2ICAgIGMtMy4xLDExLjA4LTQuMDA5LDI3LjczOCwzLjYyNywzOC4yMjNjNC4yNzMsNS44NjcsMTAuNTA3LDksMTguNTI5LDkuMzEzYzAuMDMzLDAuMDAxLDAuMDY1LDAuMDAyLDAuMDk4LDAuMDAyICAgIGM5Ljg5OCwwLDE4LjY3NS02LjY2NiwyMS4zNDUtMTYuMjA5YzEuNTk1LTUuNzA1LDAuODc0LTExLjY4OC0yLjAzMi0xNi44NTFDNDAuOTcxLDQ5LjMwNywzNi4yMzYsNDUuNTg2LDMwLjUxMiw0My45Mzl6IiBmaWxsPSIjRkZGRkZGIi8+CgkJPHBhdGggZD0iTTkyLjQ3MSw1NC40MTNjLTIuODc1LTUuMTA2LTcuNjEtOC44MjctMTMuMzM0LTEwLjQ3NGMtMi4zNDgtMC42NzYtNC42OTYtMS4wMTktNi45NzktMS4wMTkgICAgYy0zLjUyNywwLTYuNDcxLDAuODA2LTguNzUzLDEuNzkzYzIuMi04LjA1NCw3LjQ4NS0yMS45NTEsMTguMDE0LTIzLjUxNmMwLjk3NS0wLjE0NSwxLjc3My0wLjg1LDIuMDQtMS43OTlsMi4zMDEtOC4yMyAgICBjMC4xOTQtMC42OTYsMC4wNzktMS40NDEtMC4zMTgtMi4wNDVjLTAuMzk2LTAuNjA0LTEuMDM0LTEuMDA3LTEuNzUtMS4xMDVjLTAuNzc2LTAuMTA2LTEuNTY4LTAuMTYtMi4zNTQtMC4xNiAgICBjLTEyLjYzNywwLTI1LjE1MiwxMy4xOS0zMC40MzQsMzIuMDc2Yy0zLjA5OSwxMS4wOC00LjAwOCwyNy43MzgsMy42MjksMzguMjI1YzQuMjcyLDUuODY2LDEwLjUwNyw5LDE4LjUyOCw5LjMxMiAgICBjMC4wMzMsMC4wMDEsMC4wNjUsMC4wMDIsMC4wOTksMC4wMDJjOS44OTcsMCwxOC42NzUtNi42NjYsMjEuMzQ1LTE2LjIwOUM5Ni4wOTgsNjUuNTU5LDk1LjM3Niw1OS41NzUsOTIuNDcxLDU0LjQxM3oiIGZpbGw9IiNGRkZGRkYiLz4KCTwvZz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K);
background-color:var(--color-main);
background-position: center;
background-repeat: no-repeat;
background-size: 18px 18px;
box-shadow: 0 5px 10px 0 rgb(0 0 0 / 25%);
content: '';
}
blockquote cite {
display: block;
color: #999;
font-size: 13px;
font-weight: normal;
}
blockquote.text-center>* {text-align:center!important;}
.comments {padding-top:3rem; margin-top:3rem; border-top: 1px solid rgba(0,0,0,0.10);}
.reviews {margin:0; padding:0; list-style:none;}
.reviews>li {display:flex; margin:0 0 1.5rem 0; padding:0 0 .5rem 0; border-bottom:1px solid rgba(0,0,0,0.10);}
.reviews>li:last-child {margin:0; padding:0; border:0;}
.reviews h6 {font-weight:400; font-size:1.1rem; display:flex; flex-wrap:wrap; gap:.25rem;}
.reviews .card-body h6 {justify-content:center;}
.reviews h6 q {border: 1px solid #55555555; font-size: .98rem; padding: 2px 5px; background-color: var(--bs-highlight-bg);}
.reviews h6 q::after, .reviews h6 q::before {content:none;}
.reviews .evaluate>i, .reviews .evaluate>em {font-size:13px;}
.review p {margin-bottom:0;}
.reviews .replay {background-color:rgba(0,0,0,0.05); padding:1rem; position:relative; border-radius:5px;}
.reviews .replay::before {position: absolute; content: ""; width: 0; height: 0; border-color: transparent; border-style: solid; top: -8px; left: 15px; border-width: 0 6px 8px; border-bottom-color:rgba(0,0,0,0.05);}
.reviews .replay cite {font-style:normal; display:block; opacity:.7;}
/* @index */
.reviews .card-body {text-align:center;}
.reviews .card-body .evaluate {display:flex; justify-content: center;}

/* ----------------------------------*/
/* Wiki Tables */
/* ----------------------------------*/
table.wiki {text-align:center;}
table.wiki ul {margin:.2rem 0 0; padding:0; list-style:none; display:flex; justify-content: flex-start;}
table.wiki li { display:inline-block; text-align:center; margin-top:.15rem; margin-right:.15rem; color:#FFF; background:#6c757d; width:2.5rem; padding:.1rem; border-radius:.25rem ; -webkit-border-radius:.25rem ; -moz-border-radius:.25rem ; -ms-border-radius:.25rem ; -o-border-radius:.25rem; opacity:.3; transition:.2s ease-out; -webkit-transition:.2s ease-out; -moz-transition:.2s ease-out; -ms-transition:.2s ease-out; -o-transition:.2s ease-out; }
table.wiki li:hover {opacity:.7;}
table.wiki th {white-space:nowrap;}
table.wiki dt a {font-size:1.08rem; font-weight:400; padding:.25rem 0; display:block;}
table.wiki dd {font-size: .9rem; opacity:.8;}
table.wiki th:nth-child(1), table.wiki td:nth-child(1) {width:50px; font-weight:400;}
table.wiki th:nth-child(2), table.wiki td:nth-child(2) {text-align:left; min-width:200px;}
table.wiki th:nth-child(3), table.wiki td:nth-child(3) {width:140px;}
table.wiki th:nth-child(4), table.wiki td:nth-child(4) {width:70px;}
table.wiki th, table.wiki td {padding-top:1rem; padding-bottom:1rem; vertical-align:middle;}

/* ----------------------------------*/
/* Msg */
/* ----------------------------------*/
.g-recaptcha {display:flex; justify-content:center;}

/* ----------------------------------*/
/* Branch Map */
/* ----------------------------------*/
#activmap-wrapper {
    min-height: 750px;
	height:100%;
    width: auto;
    overflow: hidden;
    position: relative;
    background: #fff;
}
#activmap-container, #activmap-canvas {
    position: relative;
    width: 100%;
    height: 100%;
    float: right;
}
#activmap-places {
    background: #fff;
    position: absolute;
    left: -320px;
    z-index: 10;
    height: 100%;
    width: 320px;
    padding: 0 20px;
    overflow: auto;
    box-shadow: 0 0 5px rgba(0,0,0,0.3);
}
/*
@media(max-width:767px){
    #activmap-places.hidden-xs {
        display: none!important;
    }
}
@media(min-width:768px){
    #activmap-places.hidden-xs {
        display: block!important;
    }
}
*/
#activmap-results-num {
    font-weight: 500;
    font-size: 18px;
    color:var(--color-main);
    text-transform: uppercase;
    padding: 10px 0;
}
.activmap-place {
    display: none;
    border-left: 5px solid var(--color-main);
    padding: 10px;
    margin: 10px 0;
    cursor: pointer;
    transition: 0.3s;
}
.activmap-place:hover,
.activmap-place.active {
    background: var(--color-main);
    color: #fff;
}
.activmap-place h3 {
    font-size:1.2rem;
    letter-spacing: -1px;
    margin: 0 0 10px 0;
    font-weight: 400;
	text-align:left;
}
.activmap-place h3 .bi {
    margin-right: 10px;
}
.activmap-infowindow {
    padding: 10px;
}
.activmap-brand {
    float: left;
    margin: 0 20px 10px 0;
    height: 80px;
    width: 80px;
}
.activmap-brand img {
    max-height: 100%;
    max-width: 100%;
}
.activmap-details {
    max-width: 240px;
    float: right;
}
h4.activmap-title {
    font-size: 1.1rem;
    margin: 0 10px 0 0;
}
.activmap-details a {
    color:var(--color-main);
}



/* ----------------------------------*/
/* Sign Page */
/* ----------------------------------*/
.user-form h3, .user-form h4 {text-align:left;}
.user-form.pass-forget, .user-form.pass-reset, .user-form.user-active {display:none;}
.iti-mobile .iti--container {width:90%; height:90%; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.iti_wide .iti {width:100%;}
.iti--container {z-index:99995;}
.iti__country-list {z-index:5;}


/* ----------------------------------*/
/* Emphasis */
/* ----------------------------------*/
.emphasis {display:none; margin:0; padding:2rem;}
.emphasis article {padding:0 0 2rem; margin:2rem 0 0; border-bottom:1px solid #CFCFCF; text-align:justify;}
.emphasis article p:last-child, .emphasis article ul:last-child {margin-bottom:0;}
.emphasis article:last-child {border:0; padding-bottom:0; margin-bottom:0;}
.emphasis.show {display:block;}

/* ----------------------------------*/
/* Height Light */
/* ----------------------------------*/
.highlight {padding-left:.1rem; padding-right:.1rem; border-bottom:1px solid #06F; background:#CFF;}
.stress {color:var(--color-main);}

/* ----------------------------------*/
/* SweetAlert2 */
/* ----------------------------------*/
.swal2-container {z-index:100000!important; }
.swal2-toast {background-color:rgba(54, 70, 93, .99)!important; }
.swal2-toast #swal2-title {color:#FFF; }

/* ----------------------------------*/
/* Get File */
/* ----------------------------------*/
.gfile {border-radius:12px; display:flex; flex-direction:row; flex-wrap:nowrap; overflow:hidden; align-items:stretch;}
.gfile-type {border-right:1px solid #dddfe2; display:flex; flex-basis:98px; flex-direction:column; flex-shrink:0; justify-content:center; pointer-events:none; width: 98px;}
.gfile-type img {border:none;}
.gfile-info {width:100%; min-width:148px;}
.gfile-info .card-title {margin: 0 0 7px 0!important;}
.gfile-info .url {color:#606770; font-size:12px; height:13px; line-height:11px; margin-top:0px; pointer-events:none;}
.gfile-info .ellipsis {overflow:hidden; height:13px; text-overflow:ellipsis; white-space:nowrap;}


/* ----------------------------------*/
/* Responsive */
/* 1400px */
/* 1200px */
/* 1140px */
/* 960px */
/* 720px */
/* 540px */
/* 375px */
/* ----------------------------------*/
@media (min-width: 1400px) {
	.post.row-cols-1 {max-width:990px;}
	.post.row-cols-1 .type {top:-88px;}
	.post.row-cols-md-3 .type {top:-55px!important;}
}

@media (max-width: 1399px) {
	.mall .shop {width:840px;}
}

@media (max-width: 1200px) {
	.mall .shop {width:660px;}
	.post.row-cols-1 {max-width:630px;}
	.post.row-cols-1 .type {top:-78px;}
	.post.row-cols-md-3 .type {top:-50px!important;}
}

@media (max-width:1140px) {
	/* Header Nav*/
	header.fixed {position:absolute; top:0px;}
	header.fixed nav {line-height:65px;}
	header.dark .menu>li>*:not(ul) {color:#232323;}
	header.dark .menu>li:hover>a {color:var(--color-main);}
	body.rise header.fixed {top:0px;}
	header nav, body.rise header.fixed nav {line-height:65px;}
	header .menu {position:absolute; top:calc(100% + var(--h-header-fixed)); right:auto; left:auto; width:960px; box-shadow: 0 0 15px 0 rgb(0 0 0 / 9%); -moz-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.09); -webkit-box-shadow: 0 0 15px 0 rgb(0 0 0 / 9%); display:none;}
	header .open .menu {display:block;}
	header .menu>li {display:block; width:inherit; background-color:#FFF; border-bottom:1px solid #EEE;}
	header .menu>li>a {width:inherit; padding:0 0 0 20px; margin:0 42px 0 0; height:42px; line-height:42px;}
	header .menu>li>i {width:42px; height:42px; text-align:center; line-height:42px; background-color:#EEE; border:1px solid #DDD; border-radius:5px; position: absolute; top:0; right:0; transform:translate(0) scale(.8); cursor:pointer;}
	header .menu>li>i:hover {background-color:#DDD; border-color:#CCC;}
	header .clan ul, header .clan li {position:relative; padding:0; margin:0; width:inherit; left:0!important;}
	header .clan a {width:inherit; padding:0px; margin:0; height:36px; line-height:36px;}
	header .clan>ul>li>a {padding-left:36px; margin-right:42px;}
	header .clan>ul>li.clan>ul>li>a {padding-left:52px;}
	header .clan .clan>i {width:42px; height:36px; text-align:center; line-height:36px; background-color:#212121; border:1px solid #101010; border-radius:5px; position: absolute; top:0; right:0; transform:translate(0) scale(.8) rotate(0deg); cursor:pointer;}
	header .clan .clan>i:hover {background-color:#101010; border-color:#000;}
	header .clan>ul, header .clan:hover>ul {visibility:hidden; opacity:0; height:0; overflow:hidden; transition:all .15s ease-in; -moz-transition:all .15s ease-in; -o-transition:all .15s ease-in; -webkit-transition:all .15s ease-in;}
	header .clan.open>ul {visibility:visible; opacity:1; height:auto; overflow:visible;}
	header .menu>li.open>ul {padding-top:10px; padding-bottom:10px;}
	header .clan.open>i {transform:translate(0) scale(.8) rotate(180deg)}
	header .tool {position:absolute; top:100%; right:auto; left:auto; width:960px; border-bottom:1px solid #EEE; box-shadow: 0 0 15px 0 rgb(0 0 0 / 9%); -moz-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.09); -webkit-box-shadow: 0 0 15px 0 rgb(0 0 0 / 9%); display:none;}
	header .open .tool {display:flex;}
	header.dark .tool>li>a>*:not(.badge) {color:#232323;}
	header.dark .tool>li>a:hover>*:not(.badge) {color:var(--color-main);}
	header .tool>li {flex:1 1 auto; line-height:42px; text-align:center; background-color:#FFF; border-left:1px solid #EEE;}
	header .tool>li:first-child {border:0;}
	header .tool>li>a {padding:0;}
	header .tool>li.cart {display:none;}
	header .tool .badge {left:inherit;}
	header .tool .search form, header .tool .lang form {width:960px;}
	header .nbar {display:inline-block;}
	/* Mall Style */
	.mall .banner {display:none;}
	.mall .shop {width:auto;}
	.post.row-cols-1 .type {top:-68px;}
	.post.row-cols-md-3 .type {top:-46px!important;}
	.trail {height:265px; padding-top:65px;}
	.trail.solid .dusk {height:65px;}
	/* Regions, Banks */
	.regions, .banks, .branch {
		-webkit-box-orient: vertical!important;
		-webkit-box-direction: normal!important;
		-ms-flex-direction: column!important;
		flex-direction: column!important;
	}
	.regions>div:not(.rID1,.first), .banks>div:not(.bankList) {margin-top:.1rem; margin-left:0;}
	.regions .rID2 label, .regions .rID3 label, .regions .rID4 label, .banks>div:not(.bankList) label {display:none;}

}

@media (max-width:991px) {
	header .menu, header .tool, header .tool .search form, header .tool .lang form {width:720px;}
	/* Banner */
	.bKind-02 .info {left:0!important; right:0!important;}
	.bKind-02>div, .bKind-02>div .banner {height:410px;}
	.bKind-02 {padding-top:410px; position:relative;}
	.bKind-02>div:nth-child(2) {position:absolute; top:0px;}
	.bKind-02>div:last-child, .bKind-02>div:last-child .banner {height:480px;}
	.bKind-08 {padding-bottom:260px; position:relative;}
	.bKind-08>div:nth-child(4) {position:absolute; bottom:-.5rem;}
	.bKind-08>div:last-child {margin-bottom:.5rem;}
	.team .foto {width:90%;}
	.shop .countdown em {width:32px;}
	.post.row-cols-1 {max-width:none;}
	.post.row-cols-1 .type {top:-73px;}
	.post.row-cols-md-3 .type {top:-40px!important;}
	.trail h1 {padding-left:0; margin-left:auto; margin-bottom:12px; text-align:center;}
	.trail h1 a {display:none;}
	.trail .share {margin-bottom:10px;}
	.trail ul {display:flex; justify-content:center; flex-wrap:wrap;}
	.trail ul li {float:none;}
	.trail ul li+li::before {content:">";}
	.trail .container {display: flex; justify-content: center}
	.trail .d-lg-flex {height:auto;}
	.trail.solid .container {padding-top:40px; padding-bottom:40px;}
	.page .trail.solid .container {padding-top:20px; padding-bottom:20px;}
	.bar {padding-top:30px;}
	.bar.right {padding-left:0px;}
	.bar.left {padding-right:0px;}
	.bar .categories {width:auto;}
	.bar .categories .list>li {display: flex;}
	.bar .categories .list div {flex: 1 1 auto;}
	/* Footer */
	footer {padding-bottom:5rem;}
	footer .info {display:block; text-align:center;}
	footer .organize {height:auto;}
	footer .organize li:not(.h5) {display:none;}
	footer .social {justify-content:center;}
	footer .copyright {text-align:inherit;}
	footer .powered {text-align:inherit; font-size:11px; position:absolute; width:100%; left:0; bottom:0; margin:0; padding:10px 0; background-color:rgba(0,0,0,.05);}

	/* Mobile Goods */
	.shop .card {position:relative; padding-bottom:3.1rem;}
	.shop .thumn, .shop .foto {position:static;}
	.shop .foto img, .shop .card:hover .foto img {transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); width: 100%; transition:none;}
	.shop .card .mask {opacity:1; visibility:visible; background-color:transparent; position:absolute; margin-top:auto; bottom:0px; height:3rem;}
	.shop .mask nav {margin:0; padding:.25rem; width:100%;}
	.shop .mask nav a:not(.quickCart) {display:none;}
	.shop .mask .quickCart {color:var(--color-main); background-color:transparent; border-color:var(--color-main-border);}
	.shop .mask .quickCart:hover {color:#FFF; background-color:var(--color-main); border-color:var(--color-main-border);}
	.shop .mask nav .bi {float:none;}
	/* End Mobile Goods*/
	.cartHead {border-bottom:0;}
	.cartHead li:nth-child(2), .cartHead li:nth-child(3) {display:none;}
	.cartHead li:nth-child(1) .btn-main {right:0px!important; transform:translate(0);}
	.cartHead li:nth-child(4) {margin-left:5px;}
	.cartList>li {border:1px solid rgba(0,0,0,0.2)!important; padding-top:15px; padding-bottom:0; border-radius:.25rem; margin-bottom:.1rem;}
	.cartList .shop {padding-right:60px; margin-bottom:10px;}
	.cartList .box {position:static; padding:10px 10px 15px 180px; margin:auto -10px 0 -10px; width:auto; background-color:rgba(0,0,0,0.05);}
	.inquiry .cartList .box {padding:10px 450px 15px 10px;}
	.inquiry .cartList .boxQty {margin-right: -440px;}
	.cartList .box .th {display:block;}
	.cartList .img, .cartList .listDel {top:15px;}
	.cartStat ul {padding-left:7px; padding-right:10px;}
	.cartStat li:nth-child(1), .cartStat li:nth-child(4) {display:none;}
	.cartStat li:nth-child(2) {width:170px; margin:0;}
	.cartStat li:nth-child(3) {flex-grow: 1}

}

@media (max-width:767px) {
	header .menu, header .tool, header .tool .search form, header .tool .lang form {width:516px;}
	/* Banner */
	.bannerLTO {height:800px;}
	.bannerLTO .foto, .bannerLTO .mask {height:70%;}
	.bKind-02 .info {left:0!important; right:0!important;}
	.bKind-02 {padding:0;}
	.bKind-02>div:nth-child(2) {position:static}
	.bKind-04>div:nth-child(1) {height:230px;}
	.bKind-04>div:nth-child(2) {height:475px;}
	.bKind-04>div:nth-child(3) {height:230px; left:auto; right:0; top:245px;}
	.bKind-04>div:nth-child(4) {height:230px; left:auto; right:0; top:auto; bottom:0;}
	.bKind-05 .banner {margin-bottom:.5rem;}
	.bKind-08 {padding-bottom:0px; margin-bottom:0;}
	.bKind-08>div:nth-child(4) {position:static;}
	/* Index Icon Advantage */
	.iia>div {margin-bottom:3rem;}
	.iia>div:last-child {margin-bottom:0;}
	.iia>div:first-child *, .iia>div:last-child * {text-align:center;}
	.user-sign .btn-main {width:100%;}
	.sliders .info .sale {text-align:center; padding-top:100px; padding-bottom:100px;}
	.sliders .info .sale .btn-zone {margin-bottom:1.5rem;}
	.sliders .info .sale .product {overflow:auto;}
	.sliders .info .sale .product img {max-width:100%;}
	.page .post {gap:1rem;}
	.post.row-cols-1 .type, .post.row-cols-md-3 .type {top:-61px!important;}
	#chat, .scroll-top, .ppqb {right:5px;}
	#chat.act span {margin-right:70px; opacity:1; }
	#activmap-places {width:100%; max-height:200px;}
	.inquiry .cartList .box {padding:10px 270px 15px 10px;}
	.inquiry .cartList .boxQty {margin-right: -260px;}
	.wrapper.page>.trail ~ section.suit.py-5 {padding-top: 1rem !important;}
	table.wiki th:nth-child(3), table.wiki td:nth-child(3) {display:none;}

	.pageSwiper {aspect-ratio:9/16;}

}

@media (max-width:575px) {
	header .menu, header .tool, header .tool .search form, header .tool .lang form {width:100%; left:0; right:0;}
	header .nbar {margin-right:1rem;}
	.suit.master {padding-top:.75rem;}
	/* Banner */
	.bannerLTO {height:700px;}
	.bannerLTO .foto, .bannerLTO .mask {height:75%;}
	.bKind-02>div, .bKind-08>div {padding-right: calc(var(--bs-gutter-x)/ 2)!important; padding-left: calc(var(--bs-gutter-x)/ 2)!important;}
	.bKind-04>div:nth-child(3), .bKind-04>div:nth-child(4) {position:static;}
	.bKind-06>div, .bKind-06 .banner .foto {height:360px;}
	.bKind-06 .arrowR {padding:1rem!important; text-align:center;}
	.bKind-06 .arrowR .bi {display:none;}
	.post.row-cols-1 .type, .post.row-cols-md-3 .type {top:-64px!important;}
	.logistics .logo, .logistics .logo img {width:70px; height:70px;}
	.pro.rise #chat, .pro.rise .scroll-top {margin-bottom:30px;}
	.rise .ppqb {right:0; bottom:0; left:0; width:100%; padding:5px; display:block; background-color:#FFF; box-shadow:0 -.125rem .25rem rgba(0,0,0,.1); border-radius:0;}
	.rise .ppqb .btn {width:auto; height:auto; border-radius:.25rem;}
	.rise .ppqb .bi {display:none;}
	.rise .ppqb span {display:block;}
	.rise .ppqb {display:grid;}
	.inquiry .cartList .box {padding:10px 210px 15px 10px;}
	.inquiry .cartList .boxQty {margin-right: -200px;}
	#quickView .modal-body {flex:unset;}
}

@media (max-width:414px) {
	.bannerLTO {height:630px;}
	.bannerLTO .foto, .bannerLTO .mask {height:77%;}
	.team .foto {width:100%;}
	.post.row-cols-1 .type, .post.row-cols-md-3 .type {top:-55px!important;}
	.inquiry .cartList .box {padding:10px 190px 15px 10px;}
	.inquiry .cartList .boxQty {margin-right: -180px;}

}

@media (max-width:375px) {
	.bannerLTO {height:600px;}
	.bannerLTO .foto, .bannerLTO .mask {height:80%;}
	.post.row-cols-1 .type, .post.row-cols-md-3 .type {top:-51px!important;}
	.post .shop .card-body {padding:1rem .25rem;}
	.logistics .logo, .logistics .logo img {width:50px; height:50px;}
}