@charset "utf-8";
@import url(reset.css);
@import url(../font/fontface.css);
@import url(ui.css);


/*
 |*******************************************************************************************
 | POPUP
 |*******************************************************************************************
*/
.section-popup { position:fixed; width:100%; height:100%; top:0px; left:0px; color:#000; text-align:center; display:none; z-index:2;}
.popup-bg { position:absolute; top:0px; left:0px; width:100%; height:100%;  background-color:rgba(0,0,0,0.9);}
.container-popup { width:300px; height:auto; position:absolute; top:50%; left:50%; margin-left:-150px; transform:translateY(-50%); -webkit-transform:translateY(-50%); background-color:#fff; padding:20px 30px;}
.popup-close { position:absolute; right:-30px; top:0px; width:20px; height:20px; cursor:pointer; z-index:1;}
.popup-close svg { fill:#fff;}
.box-popup h2 { font-weight:bold; font-size:18px; color:#999}
.box-popup p { font-size:15px; color:#aaa;}

/*
 |*******************************************************************************************
 | GANERAL
 |*******************************************************************************************
*/
.box-title { float:left; width:100%; text-align:center;  margin-bottom:40px; }
.box-title h1 { font-weight:500; font-size:1.5rem}
.title-line { border-bottom:1px solid #fed73d; padding-bottom:20px;}
.arrow-scroll { margin-bottom:.5rem}

.grab-line { width:50px; height:4px; background-color:#000; margin:0 auto 4rem;display: flex;display:-webkit-flex;}
.space-top { margin:20px;}

/*
 |*******************************************************************************************
 | LOADING
 |*******************************************************************************************
*/
.loading { position:fixed; width:100%; height:100%; top:0px; left:0px; background:#fed73b; opacity:0.95;z-index: 20;}
.loading > .d-flex { position:absolute; width:100%; height:100%; top:0px; left:0px;}
.load-text { text-transform:uppercase; margin:auto;}
.loader10 {width: 28px;height: 28px;border-radius: 50%;position: relative;animation: loader10-uba7e1836 0.9s ease alternate infinite;  animation-delay: 0.36s;  top: 50%;margin: -42px auto 0; }
.loader10::after, .loader10::before { content: '';position: absolute;width: 28px;height: 28px;border-radius: 50%;animation: loader10-uba7e1836 0.9s ease alternate infinite; }
.loader10::before {left: -40px;animation-delay: 0.18s; }
.loader10::after {right: -40px;animation-delay: 0.54s; }

@keyframes loader10-uba7e1836 {
  0% {
    box-shadow: 0 28px 0 -28px #fff; }
  100% {
    box-shadow: 0 28px 0 #fff; }
}
/*
 |*******************************************************************************************
 | HEADER
 |*******************************************************************************************
*/
.section-header { float:left; width:100%; left:0px; top:0px; z-index:9; position:fixed!important;}
.leaf-l { left:-23px; top:-15px; width:70px; height:82px; z-index:3;}
.leaf-r { right:-35px; top:-10px; width:100px; height:65px; z-index:3;}
.navbar-yellow { float:left; width:100%; background-color:#fed73b; color:#0e67a8; padding:3px 50px 3px 70px;}
.navbar { padding:.5rem 50px .5rem 70px; z-index:2; border-bottom:1px solid rgba(0,0,0,0.07); background-color:rgba(255,255,255,0.95);}
.navbar-nav { margin-left:120px;}
.navbar-brand { position:absolute; top:0px; left:70px; width:130px;}
.navbar-brand span { display:none;}
.navbar-nav .nav-link { position:relative; margin-right:1rem}
.navbar-nav .nav-link.m-dropdown { padding-right:1rem}
.navbar-nav .nav-link.m-dropdown:before {}
.navbar-nav .nav-link.m-dropdown .icon-dropdown { position:absolute; right:0px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%);  }
.navbar-nav .nav-link.m-dropdown .icon-dropdown svg {width:10px; height:7px; fill:rgba(0,0,0,.5);}
/*.navbar-nav .active>.nav-link { font-weight:500;}
.navbar-nav .active>.nav-link:before { content:""; position:absolute; width:calc(100% - 1rem); height:1px; bottom:5px; left:.5rem; background-color:#fed73b; }*/
.navbar-nav .nav-link.active {}
.submenu { display:none;}

.page-home .menu-home > .nav-link,
.page-product .menu-product > .nav-link,
.page-howtopay .menu-howtopay > .nav-link,
.page-submit_payment .menu-submit_payment > .nav-link,
.page-contact .menu-contact > .nav-link { font-weight:500; color:#000;}
.page-home .menu-home> .nav-link:before,
.page-product .menu-product> .nav-link:before,
.page-howtopay .menu-howtopay > .nav-link:before,
.page-submit_payment .menu-submit_payment > .nav-link:before,
.page-contact .menu-contact > .nav-link:before { content:""; position:absolute; width:calc(100% - 1rem); height:1px; bottom:5px; left:.5rem; background-color:#fed73b; }

.nav-tools .nav-link { float:left;}
.nav-tools ul { float:left; position:relative; }
.nav-tools ul:before { position:absolute; top:50%; height:20px; left:0px; width:1px; background-color:rgba(0,0,0,0.3); content:""; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.nav-tools ul li { float:left; }
.nav-tools ul li a { float:left; }
.nav-tools ul li a svg { float:left; width:16px; height: 16px; z-index:2; position:relative;}
.nav-tools ul li a { padding-right:0px;}
.nav-tools ul li a .b-count { float:left; position:relative;}
.nav-tools ul li a .count { width:17px; height:17px; background-color:#fed73d; position:relative; left:-2px; top:-1px; z-index:1; align-items:center; -webkit-align-items:center;}
.nav-tools ul li a .count span { display:inline-block; margin:auto; font-size:0.6rem}
.user-login {width: 30px;height: 30px;position: relative;top: 2px;overflow: hidden;border-radius: 100%;padding: 0px;margin-right: 15px;}
.user-login img { background-position:center center; background-repeat:no-repeat; background-size:contain;}
.count-ani { position:absolute; width:100%; height:100%; background-color:#fed73b; border-radius:100%;top: -1px;left: -2px;}

.nav-link.nav-cart .b-count { float:left; position:relative;}
.nav-link.nav-cart .count-ani {top: 1px;left: -2px;}

.box-navsearch { position:relative;}
.nav-search { position:absolute; right:30px; top:0px; width:200px; display:none;}
.nav-search .form-control { padding:.375rem .75rem;}
.nav-search:before { position:absolute; content:""; width:6px; height:6px; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); right:-3px; border-bottom:1px solid #ced4da;border-right:1px solid #ced4da; top:50%; margin-top:-3px; background-color:#fff; }
.nav-search .navsearch-submit { border:none; padding:0px; right:9px; top:8px; position:absolute; background:none;}
.nav-search .navsearch-submit svg { width:16px; height: 16px; position:relative;}
.nav-search .navsearch-close { width:20px; height:20px; background-color:#fed73d; border-radius:100%; position:absolute; right:-32px; top:7px; z-index:2; padding:6px;}


.nav-cart { position:absolute; right:50px; top:6px;}
.nav-cart svg { float:left; width:19px; height: 19px; z-index:2; position:relative;}
.nav-cart .count { width:17px; height:17px; background-color:#fed73d; position:relative; left:-2px; top:1px; z-index:1; }
.nav-cart .count span { display:inline-block; margin:auto; font-size:0.6rem}


.box-submenu { position:absolute; top:73px; background-color:rgba(255,255,255,1.00); width:100%; padding:3rem; z-index:1; box-shadow:0 0 30px 0 rgba(0,0,0,0.2); display:none;}
.menugroup-cate { padding-top:1.5rem; border-top:1px solid #fed73d;}
.menugroup-cate li { width:50%; float:left; margin-bottom:1rem;}
.menugroup-cate li a { position:relative; color:#666;}
.menugroup-cate li a:hover,
.menugroup-cate li a.active { color:#000;}
.menugroup-cate li a.active:before,
.menugroup-cate li a:hover:before { content:""; position:absolute; width:100%; height:1px; bottom:2px; left:0; background-color:#fed73b;}

.menugroup-sort img { margin-bottom:.5rem; border:1px solid #fff; transition:all .4s ease;}
.menugroup-sort a:hover img { border:1px solid #fed73d;}
/*
 |*******************************************************************************************
 | FOOTER
 |*******************************************************************************************
*/
.section-footerinfo { float:left; width:100%; position:relative; background-color:#fdf8ec; padding:3rem 0; overflow:hidden;}
.section-footerinfo:before { position:absolute; content:""; top:0px; left:0px; height:180px; width:303px; background:url(../img/skin/tree-pattern-1.png) no-repeat;}
.section-footerinfo:after { position:absolute; content:""; top:0px; right:0px; height:180px; width:287px; background:url(../img/skin/tree-pattern-2.png) no-repeat;}

.footerinfo { text-align:center;}
.footerinfo-icon { width:50px; display:inline-block; margin-bottom:5px;}
.footerinfo-text { font-size:1rem}

.section-footer { float:left; width:100%; position:relative; background-color:#4e5758; padding:2rem 0; overflow:hidden; color:#fff;}
.section-footer a { color:#fff;}
.box-follow {}
.box-follow h4 { float:left;}
.box-follow ul { float:left; margin-left:15px;}
.box-follow ul li { float:left;}
.box-follow ul li + li { margin-left:15px;}
.box-follow ul li a { float:left;}
.box-follow ul li a svg { float:left; width:16px; height:16px; fill:#fff; transition:all .4s ease;}
.box-follow ul li a svg.icon-line { width:19px; height:19px; position:relative; top:-1px;}
.box-follow ul li a svg:hover { fill:#fed73b;}

.box-link li { margin-bottom:.3rem;}

.box-subscribe h4 { font-size:1rem; margin-bottom:.5rem}
.box-subscribe input { width:100%; border:medium none; padding:8px 15px; margin-bottom:.5rem}

.box-copyright { float:left; width:100%; margin-top:1rem}
.box-copyright .cr-linkweb { color:#fed73b; float:left; margin-bottom:.3rem}
.box-copyright .cr-callcenter { clear:both; float:left; margin-bottom:.4rem}
.box-copyright .cr-callcenter span { font-size:1.1rem ;}
.box-copyright p { clear:both; float:left; font-size:0.7rem; opacity:0.6;}





/*
 |*********************************************************************************************
 | BREADCRUMB
 |*********************************************************************************************
*/
.section-breadcrumb { float:left; width:100%; margin-top:90px; margin-bottom:10px; padding:0px 50px 0px 70px; position:relative; z-index:1;}
.section-breadcrumb ul { float:left; width:100%; }
.section-breadcrumb ul li { float:left;  margin-right:15px;}
.section-breadcrumb ul li a { position:relative; float:left; padding-right:15px;}
.section-breadcrumb ul li a:before { content:""; position:absolute; top:50%; margin-top:-4px; right:0px;width: 0;height: 0;border-style: solid;border-width: 4px 0 4px 6px;border-color: transparent transparent transparent #fed73d;}


/*
 |*********************************************************************************************
 | THUMB
 |*********************************************************************************************
*/
.box-rating { display:inline-block; }
.box-rating ul { float:left;}
.box-rating ul li { float:left; position:relative;}
.box-rating ul li + li { margin-left:5px;}
.box-rating ul li span { width:100%; float:left; position:absolute; display:none; overflow:hidden;}
.box-rating ul li span > svg { fill:#fed73b;width:15px; height:15px; float:left;  }
.box-rating ul li > svg { width:15px; height:15px; float:left; fill:#dfdfdf}
.box-rating > span { float:left; margin-left:10px; font-weight:200; font-size:0.7rem;position: relative;top: 2px; color:#8F8F8F;}
.box-rating.star-1 li:nth-of-type(1) span { display:block;}
.box-rating.star-1-5 li:nth-of-type(2) span { width:50%;display:block;}
.box-rating.star-2 li:nth-of-type(1) span,
.box-rating.star-2 li:nth-of-type(2) span { display:block;}
.box-rating.star-2-5 li:nth-of-type(3) span { width:50%;display:block;}
.box-rating.star-3 li:nth-of-type(1) span,
.box-rating.star-3 li:nth-of-type(2) span,
.box-rating.star-3 li:nth-of-type(3) span { display:block;}
.box-rating.star-3-5 li:nth-of-type(4) span { width:50%;display:block;}

.box-rating.star-4 li span { display:block}
.box-rating.star-4 li:nth-of-type(5) span { display:none;}
.box-rating.star-4-5 li:nth-of-type(5) > span { width:50%; display:block;}
.box-rating.star-5 li span { display:block;}

.addto { display:inline-block; width:20px; height:20px; position:relative; margin:5px;}
.add-to-fav.active svg { fill:#fed73d;}
.add-to-fav.active .heart-full  { display:inline-table;}
.add-to-fav .heart-full { position:absolute; left:0px; top:0px; display:none;}


.thumb { float:left; width:100%; position:relative;}
.thumb .thumb-img { float:left; width:100%; position:relative;}
.thumb .thumb-img img { display:inline-block;}
.thumb .thumb-img > img  { height:190px;}
.thumb .tag-product { position:absolute; right:20px; bottom:30px;}
.thumb .thumb-text { float:left; width:100%; margin-top:10px;}
.thumb .thumb-text-price { font-weight:700; color:#fe6a1c; font-size:1.2rem}
.thumb .thumb-tools {float:left; width:100%; }
.post-date { margin-top:5px; float:left; width:100%; color:#666; font-size:12px; display:flex; align-items:center;}
.post-date i { float:left; margin-right:10px;}
.post-date span { line-height:1;}
.post-date i svg,.post-date i img { width:13px; height:13px; fill:#666;}


.discount { font-size:0.8rem; color:#666; font-weight:200; position:relative;}
.discount:before { position:absolute; content:""; width:100%; height:1px; background-color:#333; top:50%;}

.thumb-cate { float:left; width:100%; position:relative; margin-bottom:30px;}
.thumb-cate .thumb-img { float:left; width:100%; position:relative;}
.thumb-cate .thumb-img img { display:inline-block;}
.thumb-cate .thumb-text { position:absolute; top:55px; left:30px; width:50%; z-index:1;}
.thumb-cate .thumb-text h2 { font-weight:900; font-size:1.6rem; text-transform:uppercase; }
.thumb-cate .thumb-text p { font-size:1rem; }


.thumb-borderproduct { padding:30px 30px; border:1px solid #eeeeee; margin-bottom:30px;}
.thumb-borderproduct:hover { border-radius:5px; box-shadow:0 0 0 2px #fed73d inset; border:1px solid #fed73d;}
.thumb-borderproduct .thumb-text { float:left; width:calc(100% - 110px); margin-right:10px; margin-top:0px; text-align:left;}
.thumb-borderproduct .thumb-text .box-rating { margin-bottom:5px;}
.thumb-borderproduct .thumb-text .thumb-text-name { color:#0b66a4; font-weight:900; font-size:1.38rem; text-transform:uppercase; line-height:0.9; margin-bottom:5px;}
.thumb-borderproduct .thumb-text .thumb-text-desc { font-size:1rem;}
.thumb-borderproduct .thumb-img { float:left; width:100px; height:250px;}
.thumb-borderproduct .thumb-img > img { float:right; height:auto; max-width:none; max-height:100%;}
.thumb-borderproduct .thumb-tools { position:absolute; bottom:25px; left:30px; width:calc(100% - 60px);}
.thumb-borderproduct .thumb-text-price { font-size:1.4rem;}
.thumb-borderproduct .tag-product { right:-40px;}


.thumb-default { margin-bottom:30px;}
.thumb-default .thumb-img { border:1px solid #eeeeee; margin-bottom:10px; overflow:hidden; position:relative;}
.thumb-default .thumb-img img { height:auto; transition:all .4s ease;}
.thumb-default:hover .thumb-img { border-radius:5px; box-shadow:0 0 0 1px #fed73d; border:1px solid #fed73d;}
.thumb-default .thumb-text {}
.thumb-default .thumb-text-name { color:#0b66a4; font-size:1.2rem; margin-bottom:5px;}
.thumb-default .thumb-text-desc { line-height:1.5;font-size:0.9rem;}

.thumb-soldout > div,
.thumb-soldout > a,
.thumb-soldout > span { -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity:0.5;}
.thumb-soldout:before { content:"SOLD OUT"; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); background-color:#B80E11; color:#fff; z-index:5; padding:5px 15px; font-weight:600; }
/*
 |*********************************************************************************************
 | BANNER
 |*********************************************************************************************
*/
.sec { float:left; width:100%; margin-bottom:5rem}
.section-banner { float:left; width:100%; margin-bottom:3rem}

.banner-img { background-size:cover; background-position:center center;}
.banner-img .container { position:relative;}
.slide-img img { width:100%;}
.slide-detail { position:absolute; top:50%;left:50%; padding-top:50px; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); color:#fff; text-align:center; width:100%;}
.slide-grp { position:absolute; left:100px; width:40%;}
.slidegrp-btn { position:absolute;bottom: 50px;left: 143px;}
.slide-title { position:absolute; left:13%; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:30%;}
.slide-title h1 { font-size:3.5rem; line-height:0.85; font-weight:900; color:#0b66a4; margin-bottom:.5rem; text-transform:uppercase;}
.slide-title h2 { font-size:1.2rem;}

.banner-promotion { margin-top:-55px;}

/*
 |*********************************************************************************************
 | RECCOMMEND
 |*********************************************************************************************
*/
.section-recommend { float:left; width:100%;}
.product-slide { float:left; width:100%; position:relative; padding-bottom:40px;}

/*
 |*********************************************************************************************
 | NAV CATEGORIES
 |*********************************************************************************************
*/
.section-navcate { float:left; width:100%; }
.navcate { float:left; width:50%; position:relative; }
.navcate img { float:left; width:100%; }
.navcate .navcate-arrow { position:absolute; bottom:25px; width:24px; height:47px; z-index:1;left:20px;}
.navcate .navcate-arrow svg { width:100%; }
.navcate .navcate-text { position:absolute; bottom:20px; left:60px; z-index:1;}
.navcate .navcate-text h3 { color:#0b66a4; font-weight:900; font-size:1.9rem; text-transform:uppercase;}
.navcate .navcate-text p { font-size:1.2rem;}
.navcate-prev .navcate-arrow  { left:20px;}
.navcate-next .navcate-arrow  { }

/*
 |*********************************************************************************************
 | PRODUCT DEATAIL
 |*********************************************************************************************
*/
.box-product-title { float:left; width:100%; text-align:center; margin-bottom:2rem;}
.box-product-title h1 { font-size:2rem; font-weight:900; line-height:0.9; text-transform:uppercase; color:#0061aa; margin-bottom:.5rem}
.box-product-title h2 { font-size:1.4rem;}

.section-productdetail { float:left; width:100%; padding-bottom:176px; position:relative;}
.section-productdetail .col { position:static}
.pd-imgproduct { float:left; width:100%;position:relative; background: rgb(239,186,193);background: linear-gradient(150deg, rgba(239,186,193,1) 0%, rgba(103,160,199,1) 100%); text-align:center; padding:50px;}
.pd-imgproduct > img { float:left; width:100%; }
.pd-imgproduct .imgproduct-abs { position:absolute; top:0; left:0px; width:100%; height:100%; display:flex; align-items:center; display:-webkit-flex; -webkit-align-items:center; padding:30px;}
.pd-imgproduct .imgproduct-abs img { margin:auto; max-height:100%;}
.pd-textdetail { float:left; width:100%; margin-bottom:3rem}
.pd-textdetail > h2 { font-size:1.4rem; font-weight:500; margin-bottom:10px; color:#0061aa;}

.style-cate-1 .pd-imgproduct {background: rgb(239,186,193);background: linear-gradient(150deg, rgba(239,186,193,1) 0%, rgba(103,160,199,1) 100%);}
.style-cate-2 .pd-imgproduct {background: rgb(255,224,80);background: linear-gradient(150deg, rgba(255,224,80,1) 0%, rgba(254,193,62,1) 100%);}
.style-cate-3 .pd-imgproduct {background: rgb(244,231,91);background: linear-gradient(150deg, rgba(244,231,91,1) 0%, rgba(204,223,113,1) 100%);}
.style-cate-4 .pd-imgproduct {background: rgb(71,137,191);background: linear-gradient(150deg, rgba(71,137,191,1) 0%, rgba(210,173,192,1) 100%);}
.style-cate-5 .pd-imgproduct {background: rgb(127,210,220);background: linear-gradient(150deg, rgba(127,210,220,1) 0%, rgba(192,220,136,1) 100%);}
.style-cate-6 .pd-imgproduct {background: rgb(244,188,194);background: linear-gradient(150deg, rgba(244,188,194,1) 0%, rgba(0,149,216,1) 100%);}
.style-cate-1 .wrapper:before,
.style-cate-2 .wrapper:before,
.style-cate-3 .wrapper:before,
.style-cate-4 .wrapper:before,
.style-cate-5 .wrapper:before,
.style-cate-6 .wrapper:before { content:""; position:absolute; left:50%; margin-left:450px; top:-130px; width:471px; height:429px; }
.style-cate-1 .wrapper:before {background:url(../img/skin/graphic-1.png) no-repeat center center; background-size:contain;}
.style-cate-2 .wrapper:before {background:url(../img/skin/graphic-2.png) no-repeat center center; background-size:contain;}
.style-cate-3 .wrapper:before {background:url(../img/skin/graphic-3.png) no-repeat center center; background-size:contain;}
.style-cate-4 .wrapper:before {background:url(../img/skin/graphic-4.png) no-repeat center center; background-size:contain;}
.style-cate-5 .wrapper:before {background:url(../img/skin/graphic-5.png) no-repeat center center; background-size:contain;}
.style-cate-6 .wrapper:before {background:url(../img/skin/graphic-6.png) no-repeat center center; background-size:contain;}

.tabChen { float:left; width:100%;}
.tButtonBox { float:left; width:100%; display:flex;display:-webkit-flex; }
.tButtonBox .tButton {-ms-flex-preferred-size: 0;flex-basis: 0;-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;max-width: 100%; cursor:pointer; }
.tContentBox { float:left; width:100%;}

.tabstyle-1 .tButtonBox .tButton { color:#a5a5a5; font-weight:500; border-bottom:2px solid #dedede; padding-bottom:5px; font-size:1.2rem;}
.tabstyle-1 .tButtonBox .tButton.this { color:#0061aa; border-bottom:2px solid #fed73d;}
.tabstyle-1 .tContentBox { padding:20px 0;}

.section-producttools { position:fixed; bottom:0px; left: 0px; top:auto; width:100%; background-color:#fff; box-shadow: 0 0 50px 0 rgba(0,0,0,0.3); padding:30px 0; z-index:1; border-top: 1px solid rgba(0,0,0,0.1);border-bottom: 1px solid rgba(0,0,0,0.1); float:left;}
.section-producttools.fixedContent { position:absolute; box-shadow:none;}

.pdf-name { float:left; width:100%; font-size:1.2rem; margin-bottom:10px;}
.pdf-totlereview  { float:left; width:100%;}
.pdf-totlereview > span { float:left; margin-right:10px;}
.pdf-totlereview .box-rating { float:left;}
.pdf-group { float:left; width:100%; margin-top:20px;}
.pdf-list-nl { float:left; width:100%; position:relative;}
.pdf-list-nl:before { position:absolute; content:""; right:-10px; top:0px; height:40px; width:1px; background-color:#D2D2D2;}
.pdf-list-sp { float:left; width:100%; display:flex; display:-webkit-flex;}
.pdf-list-sp .pdf-head { float:left; margin-right:10px;}
.pdf-list-sp .pdf-body { margin-top:4px; width:100%;}
.pdf-button { float:left; width:50%; padding:0 5px;}
.pdf-button .pdf-body { margin-top:4px; width:100%;}
.pdf-button .btn { padding-left:10px; padding-right:10px; width:100%;}
.pdf-head { margin-bottom:5px;}

.detail-price { font-weight:700;color: #ff0000;font-size: 1.2rem;}
.detail-price .discount {font-size: 0.8rem;color: #666;font-weight: 200;position: relative;}
.detail-price .discount:before {position: absolute;content: "";width: 100%;height: 1px;background-color: #333;top: 50%;}
.detail-size {font-size: 0.8rem;color: #666;font-weight: 200;}
.detail-size span { font-size:1.2rem; font-weight:700; color:#000;}

.detail-status { float:left; margin-top:3px;}
.detail-status .icon-status { float:left; width:15px; height:15px; border-radius:100%; margin-right:10px; padding:4px; }
.detail-status .icon-status svg { fill:#fff;}
.detail-status span { width:auto!important;}
.detail-status.status-in .icon-status { background-color:#81c52d;}
.detail-status.status-out .icon-status { background-color:#F14649;}
/*
 |*********************************************************************************************
 | BOARD
 |*********************************************************************************************
*/
.section-board { float:left; width:100%;}
.box-board { padding:0 80px; margin-bottom:30px;}
.board-list { float:left; width:100%;}
.board-list .board-list-img { border:1px solid #fed73d; float:left; margin-right:15px; width:45px; height:45px; border-radius:100%; overflow:hidden; background-size:contain; background-position:center center; background-repeat:no-repeat;}
.board-list .board-list-detail { float:left; width:calc(100% - 60px); }
.board-list .board-list-detail h4 { float:left; width:100%; margin-bottom:3px; margin-top:3px; font-weight:100; font-size:0.8rem  }
.board-list .box-rating { margin-bottom:10px;}

#page_navigation { display:block!important; float:left; width:100%; text-align:center; margin-top:20px;}
.page_link { display:inline-block; color:#c4c4c4; margin:0 4px;}
.page_link.active_page { color:#000;}
.prev_link { display:inline-block; margin-right:10px; position:relative; top:1px;}
.prev_link img { height:12px; float:left;}
.next_link { display:inline-block; margin-left:10px; position:relative; top:1px;}
.next_link img { height:12px; float:left;}

.box-formboard { float:left; width:100%; text-align:center;}
.formboard { width:450px; display:inline-block;}
.countdown-board {}
.js-choose_star .icon-star { cursor:pointer;}


.board-rating { float:left; width:100%; margin-bottom:10px;}
.board-rating .boardrating-text { float:left;}
.board-rating .box-rating { float:left; margin-left:10px;}

.board-field { float:left; width:100%;position:relative;  display:inline-block;}
.board-field textarea { height:100px; width:100%; resize:none; border:1px solid #ccc; border-radius:5px; padding:10px 15px;}
.board-field .countdown-board { position:absolute; right:5px; bottom:5px; background-color:#ccc; padding:3px 8px 1px;; border-radius:30px; font-size:0.7rem}
.review-note { color:#aaa; margin-top:5px; float:left; width:100%; text-align:center; font-size:0.7rem}
.board-group { display:none; position:relative; padding-bottom:20px; float:left; width:100%; text-align:center;}
.board-buton { position:relative; display:inline-block;}
.board-buton a { opacity:0; position:absolute; width:100%; height:100%; left:0px; top:0px;}

/*
 |*********************************************************************************************
 | CART
 |*********************************************************************************************
*/

.cart-none { float:left; width:100%; padding:100px 0; text-align:center; font-size:1.3rem; color:#888888;}
.section-cart .box-title { border-bottom:2px solid #ededed;}
.section-cart .box-title h1 { float:left; width:50%;}
.section-cart .box-title a { float:right; text-align:right;}
.section-cart .box-title a svg { background-color:#000; fill:#fff; width:30px; height:30px; padding:10px; margin-right:10px; transition:all .4s ease;}
.section-cart .box-title a:hover { color:#fed73b;}
.section-cart .box-title a:hover svg { background-color:#fed73b;}

.tb-main { float:left; width:100%;}
.tb-row { float:left; width:100%; padding-bottom:20px; padding-top:20px; border-bottom:1px solid #ededed;}
.tb-head { float:left; width:100%; font-size:.9rem; color:#666666;}
.cart-product { float:left; width:100%;}
.cp-img { float:left; width:95px; height:95px; border:1px solid #ededed; padding:5px; text-align:center; margin-right:10px;}
.cp-img img { max-height:100%;}
.cp-txt { float:left; width:calc(100% - 105px);}
.cp-txt h1 { line-height:1.5;}
.cp-txt span { float:left; width:100%; color:#666;}
.cp-delete { text-decoration:underline;}
.cd-size span {font-weight:500; }
.cd-price { color:#000; font-weight:500;}
.cd-totle { color:#fe6a1c; }
.cd-count .quantity { margin-bottom:5px;}

.box-cartsum { float:left; width:100%;  padding-top:40px; box-shadow:0 -20px 20px 0 rgba(0,0,0,0.05)}
.box-cartsum .container { border-bottom:1px solid #ededed; padding-bottom:30px;}
.form-procode { float:left; width:100%; margin-bottom:20px;}
.procode-title { float:left; margin-right:10px;font-size:1rem; width:90px; }
.procode-input { float:left; margin-right:10px; width:50%;}
.group-cartsum {font-size:1rem; }
.cartsum-row { float:left; width:100%; padding-bottom:10px;}
.cartsum-title { float:left; width:60%; color:#4f585a;}
.cartsum-sum { float:left; width:40%; text-align:right; font-weight:600; font-size:1rem; color:#4f585a;}
.cartsum-total  { border-top:1px solid rgba(0,0,0,0.1); padding-top:10px;}
.cartsum-total .cartsum-sum { color: #ff0000;  font-weight:800;font-size:1.2rem}
.cartsum-button { float:left; width:100%; margin-top:10px;}
.cartsum-button .btn { width:100%;}


/*
 |*********************************************************************************************
 | LOGIN
 |*********************************************************************************************
*/
.icon-withtext-left svg { margin-left:5px; }
.icon-withtext svg { fill:#666; width:15px; height:15px;}

.box-loginimg { position:relative;}
.login-img { position:absolute; top:0px; right:0px; width:auto; max-width:none; overflow:hidden;}
.login-img img { width:auto; max-width:none; position:relative}
.login-fail { color:#FF3A3E; margin-top:10px;}
.box-login { min-height:908px; padding:110px 0 60px 60px;float: left;width: 100%;position: relative;}
.button-forgetpass { color:#666; position:absolute; right:0px; top:6px;}
.button-forgetpass svg  { fill:#666;}

.signin-first { float:left; width:100%; margin-bottom:40px;}
.guest-firsttime { float:left; width:100%; border-top:1px solid #ccc; padding-top:30px;}

.log-control { float:left; width:100%; }



.box-stepnav { float:left; width:100%; text-align:center; margin-top:20px;}
.box-stepnav ul { display:inline-block;}
.box-stepnav li { float:left; position:relative; margin:0 50px;}
.box-stepnav li:before { position:absolute; content:""; width:50px; height:1px; background-color:#ccc; left:-50px; top:50%;}
.box-stepnav li:after { position:absolute; content:""; width:50px; height:1px; background-color:#ccc; right:-50px; top:50%;}
.box-stepnav li:first-child:before  { display:none;}
.box-stepnav li:last-child:after  { display:none;}
.box-stepnav li span { position:relative; width:26px; height:26px; background-color:#fed73b; border-radius:100%; float:left;display:grid;display:-webkit-grid;align-items: center;-webkit-align-items: center;text-align: center; font-size:12px; padding-top:1px;}
.box-stepnav li span:before { position:absolute; content:""; top:50%; left:50%; border-radius:100%; width:35px; height:35px; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); background-color:rgba(254,215,59,0.3); border:1px solid #fed73b; display:none;}
.box-stepnav li span.active:before { display:block;}


.regis-step { display:none; float:left; width:100%;}

.regis-complate { float:left; width:100%; text-align:center; padding:50px 0;}
.regis-complate-info { display:inline-block; margin-bottom:30px;}
.regis-complate-info img { margin-right:15px;}



/*
 |*********************************************************************************************
 | PAYMENT
 |*********************************************************************************************
*/
.section-allcheck { float:left; width:100%; padding:120px 0 50px;}
.section-payment {text-align:center; float:left; width:100%; position:relative;}
.foot-payment { float:left; width:100%; text-align:center; bottom:0px; left:0px; padding:50px 0 10px; font-size: 11px;opacity: 0.7;}

.payment-head { text-align:center; margin-bottom:40px;}
.payment-head .logo-p {  display:inline-block; width:20%;}
.payment-head .logo-p img { float:left;padding-left:23%;}

.payment-step { float:left; width:100%; text-align:center; border-bottom:2px solid rgba(0,0,0,0.1); padding-bottom:20px; margin-bottom:20px;}
.payment-step ul { display:inline-block; }
.payment-step ul li { float:left; padding-right:5px;}
.payment-step ul li + li { margin-left:100px;}
.payment-step ul li svg { opacity:0;width: 15px;height: 15px; display:none;}
.payment-step ul li .paystep { position:relative; float:left; width:100%;}
.payment-step ul li .paystep span { position:relative; z-index:1;}
.payment-step ul li .paystep.active:before { position:absolute; content:""; left:0px; height:3px; width:100%; bottom:0px; background-color:#fed73b; }
.payment-step ul li .paypass svg  { display:block; opacity:1; width:15px; height:15px; background-color:#000; fill:#fff; padding:3px; border-radius:100%; margin-right:5px;}

.checkorder { display:inline-block;text-align:left;}
.check-title { float:left; width:100%; text-align:center; margin-bottom:30px; }
.check-title img { width:40px; height:40px; display:inline-block; opacity:0.4; margin-bottom:10px;}
.check-title h1 { font-size:1.2rem; font-weight:400;}

.checkinfo-address-shipping { float:left; width:100%; margin-bottom:10px;}
.checkinfo-address-shipping p { line-height:1.6;}
.checkinfo-address-shipping .as-name { font-size:1.2rem; display:flex; align-items:baseline;display:-webkit-flex; -webkit-align-items:baseline;}
.checkinfo-address-shipping .as-name span { margin-left:0px; }
.checkinfo-address-shipping .as-name a { float:right; font-size:0.8rem; margin-right:0px; margin-left:auto; text-decoration:underline;}
.checkinfo-address-shipping .as-name a:hover { color:#fed73b;}
.checkinfo-address-shipping .as-tel span { font-size:1.1rem}
.radio-group label .d-flex .float-right { margin-left:auto; margin-right:0px; font-weight:700; }

.checkinfo-choose-payment { float:left; width:100%; position:relative;}
.checkinfo-choose-payment ul { float:left; width:100%;}
.checkinfo-choose-payment ul li  { float:left; width:100%; position:relative;}
.checkinfo-choose-payment ul li a { display:flex; align-items:center;display:-webkit-flex; -webkit-align-items:center; border-bottom:2px solid rgba(0,0,0,0.1); position:relative; padding:10px 0}
.checkinfo-choose-payment ul li:before { position:absolute; content:""; right:0px; top:50%; width: 0;height: 0;border-style: solid;border-width: 5px 0 5px 7px;border-color: transparent transparent transparent #000000; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.checkinfo-choose-payment ul li a:hover { color:#000; border-bottom:2px solid #fed73b;}
.checkinfo-choose-payment ul li .choose-payment-title { margin-left:0px; }
.checkinfo-choose-payment ul li .choose-payment-img { float:right; font-size:0.8rem; margin-right:20px; margin-left:auto; }

.checkinfo-bank-transfer { float:left; width:100%; position:relative;}
.checkinfo-bank-transfer ul { float:left; width:100%;}
.checkinfo-bank-transfer ul li { float:left; width:100%; border-bottom:2px solid rgba(0,0,0,0.1); position:relative; padding:10px 0}
.checkinfo-bank-transfer ul li .bank-transfer-txt { float:left; width:calc(100% - 50px); color:#666;}
.checkinfo-bank-transfer ul li .bank-transfer-txt span { font-weight:600; color:#0965a5;}
.checkinfo-bank-transfer ul li .bank-transfer-img { float:left; width:35px; margin-right:10px; }

.checkinfo-confirm { float:left; width:100%;}
.confirm-group { float:left; width:100%; margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid rgba(0,0,0,0.1)}
.confirm-title { float:left; width:100%; margin-bottom:15px;}
.confirm-title h2 { font-size:1.2rem}
.confirm-title h2 a { font-size:0.9rem; font-weight:200; float:right; text-decoration:underline; }

.checkinfo-sumary { border:1px solid rgba(0,0,0,0.1); float:left; width:100%; padding:30px;}
.checkinfo-sumary .confirm-group  { padding:0px; margin:0px; border:none;}
.box-sumary { float:left; width:100%; position:relative;}
.box-sumary > div { width:100%!important;}
.confirm-group .checkinfo-address-shipping { margin-bottom:0px;}

.confirm-group .checkinfo-type-shipping .radio-group .radio-list:last-child { margin-bottom:0px;}

.confirm-group .checkinfo-choose-payment { margin-bottom:10px;}
.confirm-group .checkinfo-choose-payment ul li  { margin-bottom:0px;}
.confirm-group .checkinfo-choose-payment ul li:before { display:none;}
.confirm-group .checkinfo-choose-payment ul li a { border-bottom:none; padding:0px;}
.confirm-group .checkinfo-choose-payment ul li .choose-payment-img { margin-right:0px;}

.confirm-group .checkinfo-bank-transfer ul li { border-bottom:0px; padding:0px; margin-bottom:10px;}
.confirm-group .checkinfo-bank-transfer ul li:last-child { margin-bottom:0px;}
.confirm-group .checkinfo-bank-transfer ul li .bank-transfer-img { width:20px;}
.confirm-group .checkinfo-bank-transfer ul li .bank-transfer-txt { font-size:0.9rem}
.confirm-group .checkinfo-bank-transfer ul li .bank-transfer-txt span { color:#000; font-weight:normal;}
.confirm-group .checkinfo-bank-transfer ul li .bank-transfer-txt br { display:none;}
.fill-creditcard { padding-right:50px;}


.checkinfo-product { float:left; width:100%;}
.checkinfo-product-list { float:left; width:100%;}
.checkinfo-product-list + .checkinfo-product-list { margin-top:20px;}
.checkinfo-product-list .cp-txt { width: calc(100% - 175px);}
.checkinfo-product-list .cp-txt h1 font  { overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.checkinfo-product-list .cp-txt h1 span { overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.checkinfo-product-list .cd-price { float:right; font-size:1rem}

.cpl-detail { float:left; width:100%; margin-top:7px;}
.cpl-detail li { float:left; width:33.3333%; padding-right:10px;}
.cpl-detail-title { float:left; width:100%; font-size:0.7rem}
.cpl-detail-info { color:#000; font-weight:500;}

.checkinfo-conplete  { float:left; width:100%;}
.checkinfo-conplete .confirm-title { text-align:center; }
.checkinfo-conplete .confirm-title h2 { font-weight:600;}
.checkinfo-conplete .confirm-title h3 { font-weight:400; font-size:1rem; margin-top:10px;}


/*
 |*********************************************************************************************
 | DASHBOARD : PROFILE
 |*********************************************************************************************
*/
.section-dashboard { float:left; width:100%;}

.box-board { padding:0 80px; margin-bottom:30px;}
.dash-me { float:left; width:100%; display:flex; align-items:center; display:-webkit-flex; -webkit-align-items:center; padding-bottom:20px;}
.dash-me-img { border:1px solid #fed73d; float:left; margin-right:15px; width:45px; height:45px; border-radius:100%; overflow:hidden;}
.dash-me-img img { background-position:center center; background-size:contain; background-repeat:no-repeat;}
.dash-me-txt { float:left; width:calc(100% - 60px); }
.dash-me-txt p { font-size:0.8rem; color:#666;}
.dash-me-txt h2 { float:left; width:100%; margin-top:3px; font-weight:100; font-size:0.9rem; color:#000; font-weight:400;  }

.dash-menu { text-align:center;float:left; width:100%;}
.dash-menu ul {float:left; width:100%;}
.dash-menu ul li {float:left; width:100%; text-align:center; margin-bottom:15px;}
.dash-menu ul li a { position:relative; display:inline-block;}
.dash-menu ul li a.active:before { position:absolute; content:""; left:0px; bottom:-1px; height:1px; width:100%; background-color:#fed73b;}

.page-dsh_profile .menu-dsh_profile:before,
.page-dsh_shipping .menu-dsh_shipping:before,
.page-dsh_mycredit .menu-dsh_mycredit:before,
.page-dsh_or_history .menu-dsh_or_history:before,
.page-dsh_or_approve .menu-dsh_or_approve:before,
.page-dsh_or_payment .menu-dsh_or_payment:before,
.page-dsh_or_shipping .menu-dsh_or_shipping:before,
.page-dsh_or_cancel .menu-dsh_or_cancel:before { position:absolute; content:""; left:0px; bottom: -6px;height: 2px; width:100%; background-color:#fed73b;}

.section-dashdetail { float:left; width:100%; text-align:center;}
.box-dashdetail { width:60%; display:inline-block;}

.box-orderstatus { float:left; width:100%;}
.box-orderstatus .box-cartsum { box-shadow:none;  border-top:2px solid rgba(0,0,0,0.1); margin-top:20px;}
.orderstatus-head { float:left; width:100%; border-bottom:2px solid rgba(0,0,0,0.1); padding-bottom:10px; margin-bottom:20px;}
.orderstatus-head a { position:relative;}
.orderstatus-head a.active:before { position:absolute; content:""; width:100%; bottom:1px; left:0px; height:3px; background-color:#fed73b;}
.orderstatus-body { float:left; width:100%;}

.box-oslist { float:left; width:100%; border-bottom:2px solid rgba(0,0,0,0.1); padding:20px 0;}
.oslist-title { cursor:pointer;}
.oslist-title .col.float-right { margin-left:auto; text-align:right; display:flex; align-items:flex-end; display:-webkit-flex; -webkit-align-items:flex-end;}
.oslist-title .col.float-right .oslist-b-title { margin-left:auto;float:right}
.oslist-title .col.float-right .btn { margin-left:auto;}
.oslist-title .oslist-h-title { font-size:0.7rem;}
.oslist-title .oslist-b-title { font-weight:600;  position:relative; float:left; }
.oslist-title .oslist-b-title.oslist-code { padding-right:20px;}
.oslist-title .oslist-code-arrow { position:absolute; right:0px; top:50%; margin-top:-4px;width: 0;height: 0;border-style: solid;border-width: 6px 5px 0 5px;border-color: #000000 transparent transparent transparent; transition:all .4s ease;}
.oslist-title.active .oslist-code-arrow { transform:rotate(-90deg); -webkit-transform:rotate(-90deg);}
.box-oslist:hover .oslist-b-title { color:#005db0;}

.box-oslist .oslist-detail { display:none;}
.oslist-detail .tb-row:last-child { padding-bottom:0px; border-bottom:0px;}
.oslist-detail .cpl-detail { margin-top:0px;}
.oslist-detail .cpl-detail li { width:100%; padding:0;}
.oslist-detail .cd-totle { color:#000;}



/*
 |*********************************************************************************************
 | CONTACT
 |*********************************************************************************************
*/
#map { height:530px; float:left; width:100%;}
.box-contact { text-align:center; float:left; width:100%;}
.contact-form { width:50%; display:inline-block;}
.contact-form textarea { height:100px;}

.section-map {float: left;width: 100%;margin-bottom: 3rem; position:relative;}
.contact-detail { position:absolute; width:400px; left:50%; top:50%; margin-left:100px; transform:translateY(-50%); -webkit-transform:translateY(-50%); background-color:rgba(0,90,166,0.85); padding:20px;color:#fff;}
.contact-detail h1 { font-size:1.2rem; color:#fed73b; font-weight:600; margin-bottom:15px;}
.contact-detail p { font-size:0.9rem; color:#fff; margin-bottom:15px;}
.contact-detail ul { float:left; width:100%; }
.contact-detail ul li { float:left; width:100%;}
.contact-detail ul li span { width:70px; margin-right:20px; float:left;}
.contact-detail ul li a { float:left; width:calc(100% - 90px); color:#fff;}

/*
 |*********************************************************************************************
 | HOW TO PAYMENT
 |*********************************************************************************************
*/

.section-howtopay { margin-top:30px;}
.howtopay-list { float:left; width:100%; position:relative; margin-bottom:50px;}
.howtopay-img { position:relative; float:left; width:100%; margin-bottom:10px;}
.howtopay-img:before { position: absolute;content: "";width: 60%;height: 1px;border-bottom: 2px dotted rgba(0,0,0,0.2);left: -64%;top: 40%;}
.howtopay-img.line-none:before { display:none;}
.howtopay-img img {width: 70px;position: absolute;bottom: 0px;right: calc(100% - 60px);}
.howtopay-img span { font-size:3.5rem; font-weight:800; color:#fed73b; line-height:0.6; padding-left:30px;}
.howtopay-txt { float:left; width:100%; padding-left:30px;}
.howtopay-txt span { color:#006c9c; }



/*
 |*********************************************************************************************
 | SHIPPING
 |*********************************************************************************************
*/
.section-shipping .check-title img { width:60px; opacity:1;}
.section-shipping .form-title-2 { border-bottom:0px; padding-bottom:0px;}
.table td, .table th { border-bottom:0px;border-top:0px; border-left:1px solid #fff; border-right:1px solid #fff; text-align:center;}
.table thead th {border-bottom:2px solid #fff; vertical-align: middle;}


/*
 |*********************************************************************************************
 | ABOUT
 |*********************************************************************************************
*/
.about-graph { position:relative;}
.about-bg-1 { position:absolute; right: -60px;top: -90px;width: 670px; z-index:-1;}
.about-bg-2 { position:absolute; left: -300px;top: -10px; z-index:-1;}
.about-bg-3 { position:absolute; right: -340px;top: -10px; z-index:-1;}
.about-bg-4 { position:absolute; left: -185px;top: 60px; z-index:-1;}





/*
 |*********************************************************************************************
 | POST
 |*********************************************************************************************
*/

.section-post{float: left; width: 100%; position:relative}
.post-review-slide { float:left; width:100%; position:relative}
.post-review-slide .swiper-slide {  border: 1px solid #eeeeee; height:auto; transition:all ease .5s;}
.post-review-slide .swiper-slide:hover{ border:1px solid #fed73d; border-radius: 5px; overflow:hidden}
.post-review-slide .swiper-slide:before{ border-radius: 5px;  box-shadow: 0 0 0 2px #fed73d inset; border: 1px solid #fed73d; position: absolute; width:100%; height:100%; content:"";  transition:all ease .5s; top:0; left:0; z-index:2; opacity:0}
.post-review-slide .swiper-slide:hover:before{opacity:1 }
.post-review-slide .swiper-pagination-bullets{ bottom:-30px}

.post-article-slide { float:left; width:100%; position:relative}
.post-article-slide .swiper-slide {  border: 1px solid #eeeeee; height:auto; transition:all ease .5s; background-color:#ffffff}
.post-article-slide .swiper-slide:hover{ border:1px solid #fed73d; border-radius: 5px; overflow:hidden}
.post-article-slide .swiper-slide:before{ border-radius: 5px;  box-shadow: 0 0 0 2px #fed73d inset; border: 1px solid #fed73d; position: absolute; width:100%; height:100%; content:"";  transition:all ease .5s; top:0; left:0; z-index:2; opacity:0}
.post-article-slide .swiper-slide:hover:before{opacity:1 }
.post-article-slide .swiper-pagination-bullets{ bottom:-30px}

.thumb-post a{ background-color:#ffffff; width:100%; float:left; position:relative;}
.thumb-post-text { padding:15px; width:100%; float:left}
.thumb-post-text h2 { font-size: 1rem; font-weight: 500; margin-bottom:5px; color: #0061aa; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.thumb-post-text p{ color:#666666; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.thumb-post a:hover img{ border-radius: 5px;}
.row-eq-height {display: flex;flex-wrap: wrap;}
.slidegrp-post-title { width:auto; max-width:50%; padding:10px; background-color:#fed73b; color: #0061aa; font-size:1.6rem; text-align:left; float:left; padding-bottom:5px }
.slidegrp-post-detail { width:auto; max-width:40%; float:left; padding:10px; background-color:#fed73b; color: #666666; font-size:1rem; text-align:left; position:relative; top:-1px; clear:both}
.title-more{ position:relative}

a.more{ margin-left:auto; position:absolute; right:0; bottom:20px}
.title-more h1{ margin: 0 auto}
a.banner{ padding:10px; background-color:#005aa6; color:#ffffff; width:auto; float:left; margin-top:15px; clear:both}

.section-post-all {float: left; width: 100%; position:relative}

.postall a{border: 1px solid #eeeeee; height:auto; transition:all ease .5s; margin-bottom:30px }
.postall a:hover{border:1px solid #fed73d; border-radius: 5px; overflow:hidden }
.postall a:before{border-radius: 5px;  box-shadow: 0 0 0 2px #fed73d inset; border: 1px solid #fed73d; position: absolute; width:100%; height:100%; content:"";  transition:all ease .5s; top:0; left:0; z-index:2; opacity:0}
.postall a:hover:before{opacity:1}


.section-post-detail{float: left; width: 100%;}
.title-post h1{ font-size: 1.8rem;font-weight: 900;line-height: 0.9;text-transform: uppercase;color: #0061aa; }
.box-post-content{float: left; width: 100%; margin-bottom:20px; color:#666666}
.section-producttools.post-detail{ position:relative; box-shadow:none; background-color:#f4f4f4;}
.section-producttools.post-detail .quantity-button { background-color:#fff;}
.section-producttools.post-detail .btn-light { background-color:#fff;}
.section-producttools.post-detail .btn-light:hover { background-color:#fed73b}
.post-detail .pdf-image{ width:25%; float:left; padding:20px 90px}
.post-detail .pdf-image img{ width:100%; }
.post-detail .pdf-group{ width:75%; float:left; margin-top:0}

.section-pagination{ float: left; width: 100%; text-align:center;}
.pagination { display:inline-block; width:auto;}
.pagination li { float:left;}
.pagination>.page-item>.page-link, .pagination>.page-item>span {
    border: 0;border-radius: 30px!important;transition: all .3s; padding: 0 11px !important; margin: 0 3px !important;min-width: 30px;height: 30px; line-height: 30px;color: #c4c4c4; font-weight: 400;font-size: 13px;text-transform: uppercase;background: 0 0;text-align: center;}

.pagination>.page-item.active>a, .pagination>.page-item.active>a:focus, .pagination>.page-item.active>a:hover, .pagination>.page-item.active>span, .pagination>.page-item.active>span:focus, .pagination>.page-item.active>span:hover {border: #fed73d 1px solid; color: #000;}
.bg-yellow{ width:382px; height:276px; background-image:url(../img/post/bg-yellow.png); background-size:100%; position:absolute; right:5%; top:-250px }
.bg-green{ width:401px; height:421px; background-image:url(../img/post/bg-green.png); background-size:100%;position:absolute; left:-300px}
.bg-blue{ width:336px; height:237px; background-image:url(../img/post/bg-blue.png); background-size:100%;position:absolute; bottom: 0px; right:15%}
.section-post .bg-green { width:264px; height:277px; left:auto; right:12%; bottom:-70px}
.section-post .bg-blue { left:8%; width:300px; height:212px; bottom:-70px}


.post-share { float:left; width:100%; text-align:center;}
.post-share p { font-size:18px; font-weight:600; margin-bottom:20px; float:left; width:100%; position:relative;}
.post-share p:before { position:absolute; content:""; height:1px; width:100%; background-color:#eee; left:0px; top:50%;}
.post-share p span { position:relative; background-color:#fff; padding:0 20px; color:#0061aa;}
.post-share ul { display:inline-block;}
.post-share ul li { float:left; margin:0 10px;}
.post-share ul li a { width:40px; height:40px; float:left; border-radius:100%; background-color:#ccc; display:flex; align-items:center; justify-content:center; transition:all .4s ease;}
.post-share ul li a i svg { width:20px; height:20px; fill:#fff; }
.post-share ul li a.icon-facebook { background-color:#38559c;}
.post-share ul li a.icon-twitter { background-color:#00a9f3;}
.post-share ul li a.icon-line { background-color:#47b328;}
.post-share ul li a:hover { transform:scale(1.1)}

.box-title .post-date { display:inline-block; float:none; width:auto; margin-top:10px;}

.tt-menu {
    max-height: 300px;
    overflow: scroll;
}

@media screen and (max-width: 1199px) {

	.slidegrp-btn { bottom:30px; left:120px;}

	/*
	 |*********************************************************************************************
	 | PREFOOTER
	 |*********************************************************************************************
	*/

	.section-footerinfo:before { left:-110px;}
	.section-footerinfo:after { right:-90px;}

	/*
	 |*********************************************************************************************
	 | THUMB
	 |*********************************************************************************************
	*/
	.thumb-borderproduct { padding:15px;}
	.thumb-borderproduct .tag-product { right:-30px;}
	.thumb-borderproduct .thumb-tools { left: 15px; bottom:10px; width:calc(100% - 30px);}
	.thumb-borderproduct .thumb-text .thumb-text-name { font-size:1.4rem;}

	/*
	 |*********************************************************************************************
	 | PRODUCT
	 |*********************************************************************************************
	*/

	/*
	 |*********************************************************************************************
	 | LOGIN
	 |*********************************************************************************************
	*/
	.login-img img { right:-100px;}

	/*
	 |*********************************************************************************************
	 | PAYMENT
	 |*********************************************************************************************
	*/
	.checkorder.w-50 { width:60%!important}
	.checkorder.w-75 { width:100%!important}

	/*
	 |*********************************************************************************************
	 | DASHBOARD
	 |*********************************************************************************************
	*/
	.box-dashdetail { width:70%;}

	/*
	 |*********************************************************************************************
	 | CONTACT
	 |*********************************************************************************************
	*/
	.section-map #map { height: 400px;}

	/*
	 |*********************************************************************************************
	 | PTOMOTION
	 |*********************************************************************************************
	*/
	.banner-promotion { margin-top:-45px;}

	/*
	 |*********************************************************************************************
	 | ABOUT
	 |*********************************************************************************************
	*/
	.about-bg-1 { width:570px;}
}


@media screen and (max-width: 991px) {


	/*
	 |*********************************************************************************************
	 | HEADER
	 |*********************************************************************************************
	*/
	.navbar-collapse { position:relative;}
	.navbar-toggler { margin-left:auto;}
	.navbar-nav { margin-left:0px; padding-top:90px;}
	.navbar-nav .nav-link { float:left; padding-top:.3rem;padding-bottom:.3rem;}
	.navbar-toggler { border:none; padding:0rem 0.2rem; }
	.nav-cart { right:80px; width:auto;}
	.submenu { display:block; float:left; width:100%; padding-left:20px;}
	.submenu li { float:left; width:100%; position:relative;}
	.submenu li:before { position:absolute; content:""; height:1px; width:8px; background-color:#fed73d; left: -19px;top: 13px;}
	.nav-tools { position:absolute; top:50px; width:100%;}
	.nav-tools ul { width:100%;}
	.nav-search { position:relative; top:0px; right:0px; width:100%; display:block!important;}
	.nav-search:before { display:none;}
	.box-navsearch { width:calc(100% - 50px); }
	.box-navsearch > a { display:none;}
	.navsearch-close { display:none;}
	.user-login {position: absolute;right: 130px;top: 12px;width: 25px;height: 25px;}
	/*
	 |*********************************************************************************************
	 | BANNER
	 |*********************************************************************************************
	*/
	.slide-grp {position: absolute;left: 10%;width: 38%;}
	.slidegrp-btn {bottom: 10px;left: 86px;}

	.slide-title h1 { font-size:2.5rem;}
	.slide-title h2{ font-size:1rem;}

	/*
	 |*********************************************************************************************
	 | PREFOOTER
	 |*********************************************************************************************
	*/
	.section-footerinfo:before { left:-140px;}
	.section-footerinfo:after { right:-90px;}

	/*
	 |*********************************************************************************************
	 | PRODUCT ALL
	 |*********************************************************************************************
	*/

	.navcate .navcate-text { bottom:10px; left:50px;}
	.navcate .navcate-text h3 { font-size:1.3rem}
	.navcate .navcate-text p { font-size:0.9rem}
	.navcate .navcate-arrow {bottom: 14px;width: 17px;height: 33px;}

	/*
	 |*********************************************************************************************
	 | PRODUCT
	 |*********************************************************************************************
	*/
	.pd-imgproduct {}
	.pd-imgproduct img {}
	.box-board { padding:0px; float:left;}

	/*
	 |*********************************************************************************************
	 | PRODUCT
	 |*********************************************************************************************
	*/
	.pdf-list-sp { display:block;}
	.pdf-wishlist { width:38px; height:38px;}
	.pdf-wishlist .btn {  width:38px; height:38px; display:flex; display:-webkit-flex; padding:0px;}
	.pdf-wishlist .btn > span { margin:auto;}
	.pdf-wishlist .btn > span > span{ display:none;}
	.pdf-wishlist .btn > span > svg { margin:0px;}
	.pdf-addtocart { width:calc(100% - 53px); margin-left:15px;}
	.pdf-list-sp .pdf-head { display:none;}

	/*
	 |*********************************************************************************************
	 | CART
	 |*********************************************************************************************
	*/
	.cp-img { width:60px; height:60px;}
	.cp-txt { width:calc(100% - 70px);}


	/*
	 |*********************************************************************************************
	 | LOGIN
	 |*********************************************************************************************
	*/
	.login-img img { right:0px;}

	/*
	 |*********************************************************************************************
	 | PAYMENT
	 |*********************************************************************************************
	*/
	.checkinfo-product-list .cp-txt { width:calc(100% - 135px)}

	/*
	 |*********************************************************************************************
	 | DASHBOARD
	 |*********************************************************************************************
	*/
	.box-dashdetail { width:100%;}
	.orderstatus-head .col-3 { flex:none; max-width:none; float:left; margin-right:0px; width:auto; padding-right:0px; }

	.oslist-title .col.float-right .btn { padding-left:0px; padding-right:0px; width:100%;}

	.oslist-detail-cart .cart-product { margin-bottom:10px;}
	.oslist-detail-cart .cp-img { width:80px; height:80px;}
	.oslist-detail-cart .cp-txt { width:calc(100% - 100px); position:relative; padding-right:30px;}
	.oslist-detail-cart .cp-delete { position:absolute; right:0px; top:0px;}
	.oslist-detail-cart .cpl-detail-info { font-size:1.2rem;}
	.oslist-detail-cart .cp-txt .detail-size { float:left; margin-left:20px;}
	.oslist-detail-cart .cp-txt .detail-size span { width:auto; float:none;}
	.oslist-detail-cart .cp-each { float:left;}
	.oslist-detail-cart .cp-col-price { float:left; width:auto;flex: none;}
	.oslist-detail-cart .cp-col-quantity { float:left; width:auto;flex: none; margin-top:2px;}
	.oslist-detail-cart .cp-col-total {flex: none;float: right;margin-left: auto;}


	/*
	 |*********************************************************************************************
	 | CONTACT
	 |*********************************************************************************************
	*/
	.section-map #map { height: 320px; width:calc(100% + 400px); margin-left:-400px;}
	.contact-form { width:100%;}
	.contact-detail { margin-left:-60px;}

	/*
	 |*********************************************************************************************
	 | PTOMOTION
	 |*********************************************************************************************
	*/
	.banner-promotion { margin-top:-35px;}

	/*
	 |*********************************************************************************************
	 | SHIPPING
	 |*********************************************************************************************
	*/
	.section-shipping .table td { padding:.4rem}

	/*
	 |*********************************************************************************************
	 | ABOUT
	 |*********************************************************************************************
	*/
	.about-bg-1 { width:460px;}

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

	.wrapper { padding-top:53px;}
	.sec { margin-bottom:3rem}

	.box-title h1 { font-size:1.2rem;}
	/*
	 |*********************************************************************************************
	 | HEADER
	 |*********************************************************************************************
	*/
	.head-leaf { display:none;}
	.navbar-yellow { padding:3px .5rem 3px }

	.navbar { padding:.5rem 1rem}
	.navbar-brand { left:10px; width:86px;}
	.navbar-brand span { display:block;position: absolute;font-size: .7rem;font-weight: 600;top: 18px;left: 74px;color: #0064a6;text-transform: uppercase;}
	.navbar-nav { padding-top:70px;}
	.nav-cart { right:45px;}
	.nav-tools  { top:25px;}
	.user-login { right:95px;}

	/*
	 |*********************************************************************************************
	 | PREFOOTER
	 |*********************************************************************************************
	*/
	.section-footerinfo:before { left:-150px; top:40px;}
	.section-footerinfo:after { right:-120px;}

	/*
	 |*********************************************************************************************
	 | FOOTER
	 |*********************************************************************************************
	*/
	.box-subscribe { text-align:center; margin-bottom:30px;}
	.box-subscribe button { width:100%;}

	/*
	 |*********************************************************************************************
	 | BREAD CRUMB
	 |*********************************************************************************************
	*/
	.section-breadcrumb { margin-top:70px; padding-left:10px; display:none;}
	/*
	 |*********************************************************************************************
	 | BANNER
	 |*********************************************************************************************
	*/
	.banner-img .container { width: 100%; max-width: none; padding: 0px;}
	.slidegrp-btn { top: 75%;left: 31%;}

	/*
	 |*********************************************************************************************
	 | NAV CATEGORIES
	 |*********************************************************************************************
	*/
	.navcate { width:100%;}

	/*
	 |*********************************************************************************************
	 | THUMB
	 |*********************************************************************************************
	*/
	.thumb-borderproduct .thumb-img { margin-bottom:60px; height:170px;}
	.thumb-borderproduct .thumb-text .thumb-text-name { font-size:1.2rem}
	.thumb-borderproduct .thumb-text .thumb-text-desc { font-size:0.8rem}

	/*
	 |*********************************************************************************************
	 | PRODUCT
	 |*********************************************************************************************
	*/
	.product-slide .swiper-slide { width:200px;}
	.section-producttools { position:relative!important; box-shadow:none;}
	.section-productdetail { padding-bottom:0px;}

	.box-product-title { margin-bottom:1rem;}
	.box-product-title h1 { font-size:1.4rem; line-height:1;}
	.box-product-title h2 { font-size:1rem;}

	.section-producttools { border-top:none; margin-bottom:30px; margin-left:15px; margin-right:15px; width:calc(100% - 30px);}
	.section-producttools .container { padding:0px;}
	.pdf-addtocart { float:right;margin:0px; width:50%; margin-right:-5px; margin-top:15px;}
	.pdf-wishlist { float:left; width:50%; height:auto; margin-left:-5px; margin-top:15px;}
	.pdf-wishlist .btn { width:100%; height:auto; padding:.375rem .75rem;}
	.pdf-wishlist .btn > span > svg { margin-right:10px;}
	.pdf-wishlist .btn > span > span { display:block;}

	.pd-textdetail { margin-bottom:20px; border-bottom:1px solid rgba(0,0,0,0.1);}
	.pd-textdetail > h2 { position:relative;}
	.pd-textdetail > h2:before { position:absolute; content:""; width:15px; height:10px; opacity:0.3; background:url(../img/skin/icon-arrow-bottom.svg) no-repeat; right:0px; top:10px; transition:all .4s ease;}
	.pd-textdetail > h2.active:before { transform:rotate(-180deg); -webkit-transform:rotate(-180deg); top:7px;}
	.pd-textdetail .box-content { display:none;}

	.box-board .col + .col { margin-top:30px;}

	/*
	 |*********************************************************************************************
	 | CATE PRODUCT
	 |*********************************************************************************************
	*/
	.thumb-cate .thumb-text {position: absolute;top: 5px;left: 0px;}
	.thumb-cate .thumb-text h2 { font-size:1.4rem}

	/*
	 |*********************************************************************************************
	 | CART
	 |*********************************************************************************************
	*/
	.title-line { padding-bottom:10px;}

	.section-cart .box-title { margin-bottom:0px;}
	.section-cart .box-title h1 { width:100%; font-size:1.2rem}
	.section-cart .box-title a  { display:none;}
	.table-cart .cart-product { margin-bottom:20px;}
	.cp-img { width:90px; height:90px;}
	.cp-txt { width:calc(100% - 100px); position:relative; padding-right:30px;}
	.cp-delete { position:absolute; right:0px; top:0px;}
	.cp-txt .detail-size { float:left; margin-left:20px;}
	.cp-txt .detail-size span { width:auto; float:none;}
	.cp-each { float:left;}
	.cp-col-price { float:left; width:auto;flex: none;}
	.cp-col-quantity { float:left; width:auto;flex: none; margin-top:2px;}
	.cp-col-total {flex: none;float: right;margin-left: auto;}

	.form-procode { margin-bottom:20px; width:100%;}
	.procode-title { display:none;}
	.procode-input { width:60%;}
	.procode-button { width:calc(40% - 10px);}
	.procode-button .btn { width:100%;}

	.cart-product{}

	/*
	 |*********************************************************************************************
	 | LOGIN
	 |*********************************************************************************************
	*/
	.box-login { min-height:0; height:auto; padding-left:0px; padding-top:40px;}
	.box-stepnav li { margin:0 30px;}
	.form-title h2 { font-size:1;}
	/*
	 |*********************************************************************************************
	 | PAYMENT
	 |*********************************************************************************************
	*/
	.page-payment .wrapper { padding-top:20px;}
	.payment-head { margin-bottom:20px;}
	.checkorder.w-50 {width: 100%!important;}
	.checkinfo-product-list .cp-txt {width: calc(100% - 175px);}


	/*
	 |*********************************************************************************************
	 | DASHBOARD
	 |*********************************************************************************************
	*/
	.dash-menu { display:none; margin-bottom:30px; width:calc(100% + 30px); margin-left:-15px;}
	.dash-me { padding-bottom:8px; margin-bottom:10px; position:relative;border-bottom:2px solid rgba(0,0,0,0.1);}
	.dash-me:before { position:absolute; content:""; width:15px; height:10px; opacity:0.3; background:url(../img/skin/icon-arrow-bottom.svg) no-repeat; right:0px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); transition:all .4s ease;}
	.dash-me.active:before { transform:rotate(-180deg); -webkit-transform:rotate(-180deg); margin-top:-5px;}
	.dash-menu ul li {border-bottom: 1px solid rgba(0,0,0,0.1);padding-bottom: 10px;padding-top: 10px;margin-bottom: 0px; position:relative;}
	.dash-menu ul li a {position:static; width:100%;text-align: left;padding-left: 75px;}
	.page-dsh_profile .menu-dsh_profile:before,
	.page-dsh_shipping .menu-dsh_shipping:before,
	.page-dsh_mycredit .menu-dsh_mycredit:before,
	.page-dsh_or_history .menu-dsh_or_history:before,
	.page-dsh_or_approve .menu-dsh_or_approve:before,
	.page-dsh_or_payment .menu-dsh_or_payment:before,
	.page-dsh_or_shipping .menu-dsh_or_shipping:before,.page-dsh_or_cancel .menu-dsh_or_cancel:before { position:absolute; content:""; left:0px; top:0;height:100%; width:100%; z-index:-1; background-color:#fed73b;}


	.orderstatus-head  { margin-bottom:0px; border-bottom:none;}
	.orderstatus-head .col-3 { float:left; width:100%; text-align:center; font-size:1.2rem }

	.oslist-detail .cart-product { margin-bottom:0px;}
	.oslist-detail .cart-product .cp-txt { padding-right:0px;}
	.oslist-detail-cart .cart-product { margin-bottom:15px;}

	/*
	 |*********************************************************************************************
	 | CONTACT
	 |*********************************************************************************************
	*/
	.contact-detail { width:340px; margin-left:-80px;}

	/*
	 |*********************************************************************************************
	 | PTOMOTION
	 |*********************************************************************************************
	*/
	.banner-promotion { margin-top:-36px;}

	/*
	 |*********************************************************************************************
	 | HOW TO PAY
	 |*********************************************************************************************
	*/
	.section-howtopay { margin-top:0px; text-align:center;}
	.howtopay-list { text-align:center; margin-bottom:100px;width:220px; display:inline-block; float:none;}
	.howtopay-img { float:none; width:auto; position:relative; display:inline-block;}
	.howtopay-txt { padding-left:0px; }
	.howtopay-img:before { display:none;}
	.howtopay-list:before { position:absolute; content:""; width:1px; height:50px; top:auto; bottom:-65px; left:50% ; border-left:2px dotted rgba(0,0,0,0.2)}
	/********************************************************************************************** */

	.mobileShow { display:block;}
	.mobileHide { display:none;}

	.section-producttools.post-detail.sec .container{ display:block!important}
	.post-detail .pdf-image{ width:100%;}
	.post-detail .pdf-group{ width:100%;}
	.post-detail .pdf-image { padding:20px 120px}
	.section-producttools.post-detail { border-top: 1px solid rgba(0,0,0,0.1)}

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

	.sec { margin-bottom:3rem}
	.grab-line { margin:3rem auto;}
	/*
	 |*********************************************************************************************
	 | SLIDE PRODUCT
	 |*********************************************************************************************
	*/
	.product-slide .swiper-container { margin-left:-15px; margin-right:-15px;}

	/*
	 |*********************************************************************************************
	 | BANNER
	 |*********************************************************************************************
	*/
	.slide-title { left:7%; margin-top:10%;}
	.slide-title h1 { font-size:9vw;}
	.slide-title h2 { font-size:4vw;}


	/*
	 |*********************************************************************************************
	 | CATE PRODUCT
	 |*********************************************************************************************
	*/
	.thumb-cate .thumb-text {position:relative; width:100%; top:0px; left: 0;}
	.thumb-cate .thumb-text h2 { font-size:1rem;word-wrap: break-word;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
	.thumb-cate .thumb-text h2 br { display:none;}
	.thumb-cate .thumb-text p { font-size:0.8rem;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
	/*
	 |*********************************************************************************************
	 | PREFOOTER
	 |*********************************************************************************************
	*/
	.section-footerinfo:before { background:url(../img/skin/tree-pattern-1-m.png) no-repeat bottom left; background-size:contain; width:10%; height:307px; left:0px; top:auto; bottom:0px;}
	.section-footerinfo:after { background:url(../img/skin/tree-pattern-2-m.png) no-repeat  top  right; background-size:contain; width:27%; height:310px; right:0px; top:0px;}
	.footerinfo { width:auto; display:flex; align-items:center; display:-webkit-flex; -webkit-align-items:center; width:320px; margin:auto auto 20px; }
	.footerinfo-icon { float:left; margin-right:20px;}
	.footerinfo-text { float:left; width:calc(100% - 70px); text-align:left;}
	.footerinfo-text br { display:none;}
	/*
	 |*********************************************************************************************
	 | FOOTER
	 |*********************************************************************************************
	*/
	.box-follow { margin-bottom:20px; float:left; width:100%;}
	.box-copyright { text-align:center; padding-top:30px; border-top:1px solid rgba(255,255,255,0.1);}
	.box-copyright a { width:100%;}
	.box-copyright p { width:100%;}


	/*
	 |*********************************************************************************************
	 | PRODUCT ALL
	 |*********************************************************************************************
	*/
	.section-product .col:last-child .thumb{ margin-bottom:0px;}

	.thumb-borderproduct .thumb-text { width:60%;}
	.thumb-borderproduct .thumb-img { width:calc(40% - 20px); height:220px; float:right; margin-bottom:40px;}
	.thumb-borderproduct .thumb-text .thumb-text-name {font-size: 8vw;}
	.thumb-borderproduct .thumb-text .thumb-text-desc {font-size: 4vw;}
	.thumb-borderproduct .thumb-text-price { float:left; width:calc(100% - 60px);}
	.thumb-borderproduct .addto { float:left;}

	/*
	 |*********************************************************************************************
	 | PRODUCT
	 |*********************************************************************************************
	*/
	.section-producttools { padding-bottom:20px;}

	.pdf-list { border-bottom:1px solid rgba(0,0,0,0.1); padding:5px 0; display:flex; align-items:center; display:-webkit-flex; -webkit-align-items:center; min-height:40px;}
	.pdf-head { width:50%; float:left; margin-bottom:0px;}
	.pdf-body { width:50%; float:left; text-align:right;}

	.pdf-body .detail-status { float:right; width:auto;}
	.pdf-list-sp .pdf-head { display:block;}
	.pdf-list-sp .pdf-body { margin-top:0px;}
	.pdf-list-nl:before { display:none;}

	.formboard { width:100%;}

	/*
	 |*********************************************************************************************
	 | PAYMENT
	 |*********************************************************************************************
	*/
	.payment-step ul li { margin:0 5px;}
	.payment-step ul li + li { margin-left:5px;}
	.checkinfo-product-list .cp-txt{ padding-right:0px;}
	.checkinfo-sumary { padding:10px;}

	/*
	 |*********************************************************************************************
	 | DASHBOARD
	 |*********************************************************************************************
	*/

	.oslist-detail .cart-product .cp-txt h1 font {overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
	.oslist-detail .cart-product .cp-txt h1 span {overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
	.oslist-detail .cart-product .cp-txt h1  { float:left; width:calc(100% - 70px);}
	.oslist-detail .cp-txt .cpl-detail { margin-top:3px;}
	.oslist-detail .cp-txt .cpl-detail li { width:33.3333%;}
	.oslist-detail .cp-txt .detail-price { position:absolute; right:0px; font-weight:600; font-size:1rem; top:0px;}

	.oslist-title .col.float-right .btn { margin-top:10px;}


	/*
	 |*********************************************************************************************
	 | CONTACT
	 |*********************************************************************************************
	*/
	.section-map #map { height: 250px; width:100%; margin-left:0;}

	.contact-detail { float:left; margin-left:0px; width:100%; position:relative; top:0px; left:0px; transform:translate(0,0); -webkit-transform:translate(0,0);}

	/*
	 |*********************************************************************************************
	 | PTOMOTION
	 |*********************************************************************************************
	*/
	.banner-promotion { margin-top:0;}

	/*
	 |*********************************************************************************************
	 | SHIPPING
	 |*********************************************************************************************
	*/
	.section-shipping .table {font-size: 0.75rem;}
	.section-shipping .table td { padding:.4rem}


}