/* =================================================================== */
/*	 GENERAL    */
/* =================================================================== */

body {font-family: "Kanit"}
.likeido {
    display: none;
}

 .content-detail ol {padding-bottom: 10px;padding-top: 10px;}
.content-detail ol {list-style-type: none;counter-reset: item;margin: 0;padding: 0;}
.content-detail ol > li {display: table;counter-increment: item;margin-bottom: 0.6em;margin-top: 1.2em;}
.content-detail ol > li:before {content: counters(item, ".") ". ";display: table-cell;padding-right: 0.6em;}
.content-detail li ol > li {margin: 0;}
.content-detail li ol > li:before {content: counters(item, ".") " ";}

a { color:#009be4}

.mb-0{ margin-bottom:0}
.mb-10{ margin-bottom:10px}
.mb-15{ margin-bottom:15px}
.mb-20{ margin-bottom:20px}
.mb-30{ margin-bottom:30px}
.mb-40{ margin-bottom:40px}
.mb-50{ margin-bottom:50px}
.mb-60{ margin-bottom:60px}
.mb-80{ margin-bottom:80px}
.mt-0{ margin-top:0}
.mt-10{ margin-top:10px}
.mt-15{ margin-top:15px}
.mt-20{ margin-top:20px}
.mt-30{ margin-top:30px}
.mt-40{ margin-top:40px}
.mt-50{ margin-top:50px}
.mt-60{ margin-top:60px}
.mt-80{ margin-top:80px}

.text-uppercase { text-transform:uppercase;}

.gab { height:30px; float:left; width:100%;}
.flex {display: flex;align-items: center;display: -webkit-flex;-webkit-align-items: center;}
.d-flex { display:flex;display:-webkit-flex;}
.align-item-center { align-items:center; -webkit-align-items:center;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-weight:normal;}
h1, .h1 {font-family: "Kanit", serif}
h2, .h2 {font-family: "Kanit", serif}
h3, .h3 {font-family: "Kanit", serif}
h4, .h4 {font-family: "Kanit", serif}
h5, .h5 {font-family: "Kanit", serif;font-size: 1.4rem;}
h6, .h6 {font-family: "Kanit", serif;}

button:focus { box-shadow:none; outline:0; }

.button {font-family: "Kanit", serif; transition:all .4s ease; -webkit-transition:all .4s ease; height:auto; font-size:14px; margin:0px;border: 3px solid #009be4;}
.button:hover { background-color: #009be4; color:#fff; box-shadow: 0px 0px 20px rgba(0,0,0,0.1);transform: translateY(0px);}
.btn:focus, .btn-template-outlined:focus, .btn.focus, .focus.btn-template-outlined { box-shadow:none; outline:0; }
.btn-square { border-radius:0;}
.btn-tag { padding:2px 10px; background-color:#009be4; color:#fff; font-size:12px; border-radius:30px;}
.btn-tag:hover { background-color:#fd590f; color:#fff; }
.btn-circle { padding:10px 40px; border-radius:50px; color:#fff; background-color:#009be4; box-shadow:none;}
.btn-circle:hover  { background-color:#fd590f; border:1px solid #fd590f; color:#fff;}
.btn-soldout { background-color:#B5B5B5; border: 1px solid #B5B5B5;}
.btn-soldout:hover { background-color:#B5B5B5; border: 1px solid #B5B5B5; }
.btn-lightgrey{ background:#f7f5f4;border:1px solid #f7f5f4; color:#000000}
.btn-lightgrey:hover {}
.btn-orange { background-color:#fd590f; border:1px solid #fd590f; color:#fff;}
.btn-orange:hover  { background-color:#009be4; border:1px solid #009be4; color:#fff;}
.btn-black { background-color:rgba(0,0,0,0.5);}
.btn-blue { background-color:#009be4; border:1px solid #009be4; color:#fff;}
.btn-blue:hover { background-color:#fd590f; border:1px solid #fd590f; color:#fff;}
a.btn-fb { background-color:#3B5998; border:1px solid #3B5998; color:#fff;}
a.btn-fb:hover { background-color:#293E6A; border:1px solid #293E6A; color:#fff;}
a.btn-gg { background-color:#DD4B39; border:1px solid #DD4B39; color:#fff;}
a.btn-gg:hover { background-color:#942719; border:1px solid #942719; color:#fff;}
.btn-textlink { color:#009be4;border-radius: 5px; }

.text-link { color:#009be4;border-radius: 5px; }
.text-link:hover { color:#fd590f}

.breadcrumb{  padding:20px 1px; }
.breadcrumb-item {font-family: "Kanit", serif}
.breadcrumb_title {font-size: 1.3rem !important;}
.breadcrumb a:hover { color:#fff;}

section { padding:0px;}
.wrapper { margin-top:60px; float:left; width:100%; overflow:hidden;}
.wrapper-content { padding-top:60px; float:left; width:100%; background-color:#f0f1f5;}

.iframe16_9 {position: relative;width: 100%;height: 0;padding-bottom: 56.25%;}
.iframe16_9 iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

.box-no_result { float:left; width:100%;}
.no_result {height: 180px; justify-content:center; background-color:#f0f1f5; border:1px solid rgba(0,0,0,0.2); border-radius:10px; }

.alert p { margin-bottom: 5px;}
.alert p:last-child { margin-bottom:0px;}
.wrapper .alert  { margin:20px;}


/* =================================================================== */
/*	 THUMB    */
/* =================================================================== */

.date-post { float:left; color:#868686;}

.text-icon { float:left; width:100%; margin-left:15px; color:#868686;}
.text-icon i { padding:0px; margin:0px; width:auto; margin-right:10px;}

.thm-cate { position:absolute; bottom:10px; left:10px; background-color:#FFFFFF;padding: 2px 13px;font-size: 14px; border-radius:30px;}
.thm-imgslide { background-repeat:no-repeat; background-position:center center; background-size:contain;}
.thumb-inner { float:left; width:100%;}

.thumb-style { width:100%; float:left; background-color:#fff; margin-bottom: 30px;}
.thumb-style .thm-img { position: relative; overflow: hidden;}
.thumb-style .thm-img img { float:left; width:100%;}
.thumb-style .thm-img a { float:left; width:100%;}
.thumb-style .thm-detail { background-color:#fff; padding:15px 20px; border-radius:0; float:left; width:100%;}
.thumb-style .thm-detail-text { color:#868e96; float:left; width:100%;}
.thumb-style .thm-detail-tool {  align-items:center;-webkit-align-items:center; float:left; width:100%; display:flex; display:-webkit-flex; margin-top:10px;}
.thumb-style .thm-detail-text h3 { float:left; width:100%; margin-bottom:0;}
.thumb-style .thm-detail-text p { float:left; width:100%; margin-bottom:0px;}
.thumb-style .thm-detail-text a { color:#333; float:left; width:100%;}
.thumb-style .thm-detail-text a p { color:#868e96}
.thumb-style .thm-detail-text a:hover { color:#009be4}
.thumb-style .thm-detail-text .date { margin-bottom:5px;}

.thumb-style-1 { float:left; background-color:#fff;}
.thumb-style-1 .thm-img { position: relative; overflow: hidden;max-height:197px;}
.thumb-style-1 .thm-detail { background-color:#fff; padding:15px 20px; border-radius:0; float:left;}
.thumb-style-1 .thm-detail-text { color:#868e96;}
.thumb-style-1 .thm-detail-tool {  align-items:center;-webkit-align-items:center;}
.thumb-style-1 .thm-detail-text a { color:#333; float:left; width:100%;}
.thumb-style-1 .thm-detail-text a p { color:#868e96}
.thumb-style-1 .thm-detail-text a:hover { color:#009be4}

.thumb-style-2 { margin-bottom:30px;}
.thumb-style-2:last-child { margin-bottom:0px;}
.thumb-style-2 .thm-detail { padding:20px;}

.thumb-style-3 .box-text-icon { margin-right:0px; margin-left:auto;}
.thumb-style-3 .thm-detail-tool { border-top:1px solid #eee; padding-top:10px; margin-top:15px;}
.thumb-style-3 .thm-detail-text p { height:48px; position:relative; overflow:hidden;}

.text-h3-1 { max-height:36px; overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.text-h3-2 { max-height:72px; overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.text-h3-3 { max-height:108px; overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.text-p-1 { max-height:24px; overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.text-p-2 { max-height:48px; overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.text-p-3 { max-height:72px; overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.text-p-4 { max-height:96px; overflow: hidden;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.text-p-5 { max-height:120px; overflow: hidden;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;}

.thumb-fixheight-143 .thm-detail-text { height:143px }
.thumb-fixheight-173 .thm-detail-text { height:173px }
.thumb-fixheight-216 .thm-detail-text { height:216px }

.videoWrapper {position: relative;padding-bottom: 54%; /* 16:9 */padding-top: 25px;height: 0;}
.videoWrapper iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

.section-listthumb .tab,.section-listthumb .item  { margin-bottom:30px;  }


.thumb-product { float:left; width:100%; margin-bottom:40px; color:#333}
.pd-img { float:left; width:100%; position:relative; margin-bottom:20px; border-radius:15px; overflow:hidden;}
.pd-img-swipe {  float:left; width:100%;}
.pd-img-swipe img { display:none; max-width:100%;}
.pd-img-swipe img:first-child { display:block;}
.pd-img-swipe img:last-child { display:none;}
.thumb-product:hover .pd-img-swipe img:first-child { display:none;}
.thumb-product:hover .pd-img-swipe img:last-child { display:block;}
.pd-txt { text-align:center;}
.pd-txt h2 { font-size:20px; float:left; width:100%; text-align:center; line-height:1; margin-bottom:5px; }
.pd-price { display:inline-block; margin-bottom:0px;}
.pd-price .pd-price-default { color:#009be4;}
.pd-price .pd-price-discount { position:relative;color:#999;}
.pd-price .pd-price-discount:before { content:""; position:absolute; top:50%; left:0px; width:100%; background-color:#999; height:1px;}
.pd-wishlist { position:absolute; right:10px; bottom:10px; width:30px; height:30px; border-radius:100%; padding:6px 7px; background-color:#fff; cursor:pointer;}
.pd-wishlist svg { fill:#fd590f;}
.pd-wishlist.active { background-color:#fd590f;}
.pd-wishlist.active svg { fill:#fff;}
.thumb-product.onblack .pd-txt h2 { color:#000;}
.thumb-product.onblack .pd-txt .pd-price .pd-price-default { color:#fff;}
.thumb-product.onblack .pd-txt .pd-price .pd-price-discount { color:rgba(255,255,255,0.5)}
.thumb-product.onblack .pd-txt .pd-price .pd-price-discount:before {background-color:rgba(255,255,255,0.5);}



/* =================================================================== */
/*	 TAB    */
/* =================================================================== */
.nav-tabs .nav-link {border:1px solid #fff; border-bottom-color: transparent;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus { border: 1px solid #ddd;border-bottom-color: transparent;}
.tab-content .tab-pane { border-radius:0 0 5px 5px;border: 1px solid #ddd;padding: 20px; margin-top:-1px; background-color:#fff;}


/* =================================================================== */
/*	 FORM    */
/* =================================================================== */

.form-control,.form-control::placeholder,.form-control::-webkit-placeholder {font-family: "Kanit"}
.form-control:focus {border-color: #fd590f;}
.form-control { padding:.5rem .75rem;}
.form-control::placeholder,
.form-control::-webkit-placeholder {color: #999;}
.form-control { color:#333;}
.form-title p {font-size: 15px}

.form-label{ width:100%; font-size:12px; padding: 0 .75rem .3rem 0rem; color:#666 }
.bootstrap-select .dropdown-toggle { border-radius:3px!important;}
.bootstrap-select.show>.dropdown-menu>.dropdown-menu { max-height:250px!important;}

.checkbox, .radio { display:inline-block;margin-top: 7px; margin-bottom: 7px;}
.check-group { float:left; width:100%; text-align:left;font-size: 16px;}
.check-group .check-list { float:left; width:100%; margin-bottom:10px; }
.check-group label { display: inline-block;cursor: pointer;position: relative;padding-left: 25px;margin-right: 15px;	margin-bottom:0px;	font-weight:normal;}
.check-group input[type=checkbox] { display:none;}
.check-group label:before { content: "";	display: inline-block; width:20px; height:20px;position:absolute; left:0; top:3px; background-color:#fff; border:2px solid #009be4; border-radius:3px;}
.check-group label:after { content:"";top:8px; left: 4px; position:absolute;}
.check-group input[type=checkbox]:checked + label:after {  background:url(../img/icon-check.svg) no-repeat center center; background-size:100%;  width: 12px;height: 10px;}
.check-group input[type=checkbox]:checked + label:before { background-color: #009be4; border:1px solid #009be4;}
.check-group.check-right label { padding-left: 0; padding-right: 20px;}
.check-group.check-right label:before { left:auto; right: 0; margin-right: 0px;}
.check-group.check-right label:after { left:auto; right: 2px;}

.radio-group { float:left; width:100%; text-align:left;font-size: 16px;}
.radio-group .radio-list { float:left; width:100%; margin-bottom:10px; }
.radio-group label { display: inline-block;cursor: pointer;position: relative;padding-left: 25px;margin-right: 15px;	margin-bottom:0px;font-weight:normal;}
.radio-group label .sub-radio { font-size:16px; opacity:0.7; margin-top:0px; display:block;}
.radio-group input[type=radio] { display:none;}
.radio-group label:before { content: "";	display: inline-block; width:20px; height:20px;position:absolute; left:0; top:7px; background-color:#fff; border:2px solid #009be4; border-radius:100%;    margin-top: -1px;}
.radio-group label:after { content:"";top:11px; left: 4px; position:absolute;}
.radio-group input[type=radio]:checked + label:after {  background:url(../img/icon-check.svg) no-repeat center center; background-size:100%;  width: 12px;height: 10px;}
.radio-group input[type=radio]:checked + label:before { background-color: #009be4; border:1px solid #009be4;}

.radio-group.radioinline .radio-list { width:auto;}
.radio-list-icon label { display:flex; align-items:center; display:-webkit-flex; -webkit-align-items:center;}
.radio-list-icon label img { width:30px; height:30px; margin-right:5px;}

.check-hoz .radio-list,.check-hoz .check-list { float:left; width:auto; margin-right:20px;}
.check-hoz .radio-list:last-child,.check-hoz .check-list:last-child { margin-right:0px;}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button{-webkit-appearance: none; margin: 0;}
input[type=number]{ -moz-appearance: textfield;}
.quantity {position: relative; display:inline-block; padding-left:46px; padding-right:46px;}
.quantity input { position:relative; z-index:1;width: 45px;height: 46px;line-height: 1.65;float: left; text-align:center;display: block;padding: 0;margin: 0;border: 1px solid #eee; border-bottom-color:#fd590f;border-top-color:#fd590f;}
.quantity input:focus {outline: 0;}
.quantity-nav {position:absolute;height: 46px; width:100%; top:0; left:0;}
.quantity-button {position: relative;cursor: pointer;border: 1px solid #fd590f;width: 20px;text-align: center;color: #333;font-size: 13px;font-family: "Trebuchet MS", Helvetica, sans-serif !important; line-height: 1.7;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;-o-user-select: none;user-select: none; display:flex; align-items:center; display:-webkit-flex; -webkit-align-items:center; transition:all .4s ease; background-color:#fff;}
.quantity-button svg,.quantity-button img { margin:auto; width:12px; height:12px;}
.quantity-button:hover { background-color:#fd590f;}
.quantity-button:hover svg { fill:#fff;}
.quantity-button.quantity-up { position:absolute; height:100%;top: 0;right:1px; width:46px; border-radius:0 50px 50px 0;}
.quantity-button.quantity-down { position:absolute; height:100%;top: 0;left:1px; width:46px; border-radius:50px 0 0 50px;}

label.form-label { padding-left:0px; }
.showpass-btn { position:absolute; right:0px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); background:none; border:none; cursor:pointer;}
.showpass-btn:hover { color:#000;}
.right-col .headRight_click { margin:0 5px; font-size:1.2rem; }
.headRight_detail { font-size:14px;}
.headRight_detail a.forgetpass,.headRight_detail a.newaccount { padding:0px; color:#009be4;}
.headRight_detail a.forgetpass:hover,.headRight_detail a.newaccount:hover { color:#fd590f; background-color:transparent;}

.help-block { font-size:12px; font-weight:normal; padding:0 .75rem .3rem 0rem; color:#9b9b9b}

/* =================================================================== */
/*	 BUTTON UPLOAD   */
/* =================================================================== */
.box-upload .btn { font-weight: 400;text-transform: uppercase; font-size:14px; padding:0.9rem 1.2rem; }
.input-group {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}
/*.btn { font-weight: 400;text-transform: uppercase; font-size:14px; padding:0.9rem 1.2rem; }*/
.img-upload { max-height:200px;width:auto;max-width: 100%; margin:auto;}
.input-img { background-color:#f2f4f8; padding:10px; border-radius:5px; text-align:center; margin-bottom:10px;min-height: 220px;display: flex;align-items: center;display:-webkit-flex;-webkit-align-items: center;}
.btn-file {	position: relative;	overflow: hidden;background-color:#0073ff;color:#fff;line-height: 14px;font-size: 14px;border-radius:0 5px 5px 0;}
.btn-file input[type=file] {position: absolute;	top: 0;	right: 0;min-width: 100%;min-height: 100%;font-size: 100px;text-align: right;filter: alpha(opacity=0);opacity: 0;	outline: none;background: white;cursor: inherit;display: block;}
.input-group-addon, .input-group-btn{width:100px!important;}
.input-group-btn {position: relative;font-size: 0;white-space: nowrap;}

/* =================================================================== */
/*	 TITLE    */
/* =================================================================== */

.box-title { margin-bottom:20px;}
.box-title h1, .box-title h2, .box-title h3, .box-title h4, .box-title h5 { line-height:1; font-weight:800; }
.box-title h1 { font-size:45px;}
.box-title h2 { font-size:40px;}
.box-title h3 { font-size:35px;}
.box-title h4 { font-size:30px;}
.box-title h5 { font-size:30px;}

.box-title h3.blue {
  background-color: #FF6620;
      padding: 5px 0;
      color: #fff;
}

.menu-hide{ display: none;}

/* =================================================================== */
/*	 BANNER    */
/* =================================================================== */
.box-banner { float:left; width:100%; position:relative;}
.banner-bg { float:left; width:100%; position:relative; background-position:center center; background-repeat:no-repeat; background-size:cover;}

.slick-slide {transition: ease-in-out all .15s ease;transform: scale(1, 1);position: relative;}
.slick-slide img {display: block;width: 100%;}
.slick-dots li.slick-active button::before {color: #fd590f;opacity: 1;}
.slick-dots li button:before{font-size: 9px;color: #D6D6D6; opacity: 1;}
.slick-dots{bottom: 5px;}
.slick-dotted.slick-slider {margin-bottom:0px;}
.fa.fa-angle-left,.fa.fa-angle-right {display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; }
i.fa.fa-angle-left{font-size:35px;color:#FFF;}
i.fa.fa-angle-right{font-size:35px;}
/* =================================================================== */
/*	 HEADER    */
/* =================================================================== */

header { height: 60px;background: #FFF;position: fixed;top: 0;transition: top 0.2s ease-in-out;width: 100%;z-index: 20;box-shadow:0px 0px 20px rgba(0,0,0,0.1);}

nav.navbar a.nav-link { color:#999;}
.nav-item {font-family: "Kanit", serif;font-size:1.2rem;}
nav.navbar .nav-item { position:static;}
.navbar-expand-lg .navbar-nav .dropdown-menu { width: 100%;top: 30px;left: 0; box-shadow:none;}
.navbar-expand-lg .navbar-nav .dropdown-menu:before { position:absolute; content:""; left:-100%; width:1000%; height:100%; background-color:#fff; top:0;box-shadow:0px 20px 20px rgba(0,0,0,0.05) inset; }
nav.navbar .cart .dropdown-menu {padding: 0px;}
nav.navbar .cart-no { width:20px; height:20px; line-height:20px;}
.box-lang .dropdown-item:hover { color:#fd590f; }

/* ----- SUBMENU ----- */
.box_submenu_shop { padding:2rem 2rem; display:none;}
.submenu_shop { float:left; width:100%;}
.submenu_shop h3 { font-size:18px;}
.submenu_shop ul { padding-left:20px;}
.submenu_shop li { font-size:14px;}
.submenu_shop a { padding:4px 0; color:#999;}
.submenu_shop a:hover { background:none; color:#fd590f}

nav.navbar .right-col .search,
nav.navbar .right-col a.dropdown-toggle,
nav.navbar .right-col .user-link { margin:0 5px;}
.notification { position:relative;font-size: 1.1em; }
.user { position:relative;font-size: 1.1em; }

.overlay_underhead { position:fixed; top:0px; left:0px; width:100%; height:100%; display:none;background-color: rgba(255,255,255,0.8);z-index: 19;}

/* =================================================================== */
/*	 SEARCH    */
/* =================================================================== */

.box-headTool {display:none;position:absolute;top: 17px;right: 60px;}
.searchMobile { float:left;}
.search-area { position:relative; z-index:20;}
nav.navbar .search-area-inner .form-group { float:left; width:100%;}
nav.navbar .search-area-inner input { background-color:#f4f4f4; border:1px solid #ebebeb; text-align:center; padding:10px 0; font-size:16px;}
nav.navbar .search-area-inner button { right:10px; top:10px; bottom:auto; color:#999;}
nav.navbar .search-area-inner button:hover { color:#009be4;}

.box-searchresult { float:left; width:100%;}
.box-searchresult .searchresult-topic { padding-bottom:15px; border-bottom:1px solid #ddd; margin-bottom:30px;}
.box-searchresult .searchresult-topic h3 { margin-bottom:0px;}
.box-searchresult .searchresult-topic p { color:#999; font-weight:normal;}

.box-groupResult { float:left; width:100%; margin-bottom:50px;}
.box-groupResult .box-title h3 { color:#009be4; margin-bottom:0px; text-transform:uppercase;}
.box-groupResult .box-title p { text-align:right; margin-bottom:0px;margin-top: auto; margin-left: auto;}
.box-groupResult .col-md-4 { display:flex; align-items:baseline;}

.groupResult .col-12 { margin-bottom:30px;}


/* =================================================================== */
/*	 HEAD NOTIFICATION    */
/* =================================================================== */
.notiTitle { float:left; width:100%;}
.notiTitle h3 { margin-bottom:0px; line-height:1; font-size:20px;}
.notiTitle svg { width:20px; height:20px; fill:#fff; margin-right:15px;}
.notiTitle span { color:#fff; }

.box-notiList { float:left; width:100%;}
.box-notiList a { padding:10px;}
.box-notiList a:hover h4 { color:#fff;}
.box-notiList a:hover p { color:#fff;}
.box-notiList a:hover .notiDate { color:#fff;}
.notiList { float:left; width:100%; position:relative; border-bottom:1px dotted #ccc; padding:10px;}
.notiList h4 { line-height:1.2; margin-bottom:5px; font-size:20px; color:#fd590f; padding-right:100px; margin-bottom:0px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.notiList p { color:#666; font-size:14px; margin-bottom:0px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.notiList .notiDate { position:absolute; right:10px; top:16px; font-size:12px; color:#aaa;}
.notiList.noread { background-color:#ffe8de;}


/* =================================================================== */
/*	 FOOTER    */
/* =================================================================== */
.footer-infocontact { float:left; width:100%;}
.infocontact-list { float:left; width:100%;}
.infocontact-icon { float:left; width:20px; margin-right:10px; text-align:center;}
.infocontact-text { float:left; width:calc(100% - 30px);}
.section-footer { float:left ; width:100%;}
footer.main-footer .main-block { padding:60px 0;}

.social-list { position:relative; float:left; padding:10px;font-size:15px;width:34px; height:34px;text-align:center;text-decoration:none;margin:5px 2px;border-radius:25px; margin-right:5px; }
.social-list:hover { color:#fff; opacity:1; transform:scale(1.1); -webkit-transform:scale(1.1); }
.social-list img { position:absolute; width:16px; height:16px; left:50%; top:50%; margin-left:-8px; margin-top:-8px;}

.box-fixed_contact { position:fixed; display:none;bottom: 0px;right: 100px; width:270px;}
.fixed_contact-detail { float:left; width:100%; background-color:#ffffff;}
.fcd-close { width:40px; height:40px; background-color:#fd590f; padding:10px; position:absolute; top:-20px; right:10px; }
.fcd-close svg { fill:#fff;}
.fcd-head { background-color:#e1e1e1; padding:10px 10px; float:left; width:100%;}
.fcd-body { float:left; width:100%; padding:10px;}
.fcd-body h4 { font-size:14px; margin-bottom:0px;}
.fcd-body .fcd-ul { float:left; width:100%; list-style:none; padding:0; margin:0;}
.fcd-body .fcd-ul li { float:left;}
.fcd-body .fcd-list { float:left; width:100%;}
.fcd-body .fcd-list .fcd-list-left {font-size:14px; float:left; width:80px; margin-right:10px;}
.fcd-body .fcd-list .fcd-list-right {font-size:14px; float:left; width:calc(100% - 90px);}


/* ICON FOR FOOTER*/

.fa-facebook {background: #3B5998;color: white;}
.fa-twitter {background: #55ACEE;color: white;}
.fa-google {	background: #dd4b39;	color: white;}
.fa-linkedin {background: #007bb5;color: white;}
.fa-youtube {background: #bb0000;color: white;}
.fa-instagram {background: #125688;color: white;}
.fa-pinterest {background: #cb2027;color: white;}
.fa-snapchat-ghost {background: #fffc00;color: white;text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;}
.fa-skype {background: #00aff0;color: white;}
.fa-android {background: #a4c639;color: white;}
.fa-dribbble {background: #ea4c89;color: white;}
.fa-vimeo {background: #45bbff;color: white;}
.fa-tumblr {background: #2c4762;color: white;}
.fa-vine {background: #00b489;color: white;}
.fa-foursquare {background: #45bbff;color: white;}
.fa-stumbleupon {background: #eb4924;color: white;}
.fa-flickr {background: #f40083;color: white;}
.fa-yahoo {background: #430297;color: white;}
.fa-soundcloud {background: #ff5500;color: white;}
.fa-reddit {background: #ff5700;color: white;}
.fa-rss {background: #ff6600;color: white;}
.fa-lineapp {background: #00c300;}
.footer-instagram {background: #125688;}
.footer-youtube {background: #bb0000;}
.footer-twitter {background: #55ACEE;}
.footer-facebook {background: #3B5998;}
.footer-tiktok {background: #FFF;}
/* =================================================================== */
/*	 LOADING    */
/* =================================================================== */

.box-loading { position:fixed; width:100%; height:100%; top:0px; left:0px; background:#009be4; opacity:0.95; z-index: 21;}
.box-loading > .flex {position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;display: flex;align-items: center;display: -webkit-flex;-webkit-align-items: center;}
.loading-container {position: relative;width: 450px;height: auto;text-align: center;margin: 0 auto;z-index: 1;}
.load-text { text-transform:uppercase;}
.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 #009be4; }
  100% {
    box-shadow: 0 28px 0 #fff; }
}

/* =================================================================== */
/*	 WIDGET    */
/* =================================================================== */
.widget { float:left; width:100%; background-color:#fff; padding:20px; margin-bottom:20px;}
.widget h4 { font-size:20px; line-height:1;}
.widget ul { padding-left:20px; list-style:none; margin-bottom:0px; }
.widget ul li { position:relative}
.widget ul li:before { position:absolute; content:"";top: 11px;left: -16px; width:5px; height:5px; border-radius:100%; background-color:#009be4;}
.widget ul li a { color:#868e96}
.widget ul li a:hover { color:#009be4;}
.tag-cloud-link {font-size: 12px;border-color: #dfe5e9;color: #8799a3;border-radius: 20px;display: inline-block;padding: 5px 15px;border: 2px solid;margin: 0 5px 5px 0;}


/* =================================================================== */
/*	 CONTENT HIGHLIGHT    */
/* =================================================================== */

.content-highlight { float:left; width:100%; margin-bottom:50px;}
.section-listthumb { float:left; width:100%;}



/* =================================================================== */
/*	 FILM    */
/* =================================================================== */

.box-herocontent { float:left; width:100%;}
.box-listfilm { float:left; width:100%; padding-bottom:60px;}
.box-listfilm .item { margin-bottom:30px;}

.box-film-filter { float:left; width:100%; background-color:#fff; padding:15px 20px; margin:0px; border-bottom:3px solid #009be4; margin-bottom:30px;}
.film-title { display:flex; align-items:center; display:-webkit-flex; -webkit-align-items:center; height:100%;}
.film-title h3 { margin-bottom:0px; line-height:1; }
.film-filter { float:right; width:auto;}
.film-filter .btn-default { margin-top:0px; border:1px solid #eee; border-radius:5px; padding-right:25px; padding-left:20px;}
.film-filter .dropdown-menu { margin-top:0px; left:auto!important; right:0px!important}
.film-filter .dropdown-menu>li a { width:100%;}

.box-productList { float:left; width:100%;}
.carousel-control-next, .carousel-control-prev{width: 35px;}
.carousel-control-next-icon, .carousel-control-prev-icon{margin-top: -188px;}

.right-col .dropdown-menu {left: auto;right: -135px;margin-top: 14px;}
.swiper-slide{ border:3px solid #fff; cursor:pointer}
.swiper-slide.orange-border{ border-color: #FD590E; }


/* =================================================================== */
/*	 SLIDE COLLECTION    */
/* =================================================================== */
.section-slidecollection {  display: block; width:100%; float:left; padding:10px 0;background-color:#fff; }
.section-slidecollection .slick-slide { padding:0 5px; margin:0px;}
.section-slidecollection .slick-slide a { float:left; }

.slick-dots li { width:13px;}

/* =================================================================== */
/*	 SECTION HOME BLOG    */
/* =================================================================== */
.section-homeblog { background-image:url(../../../../../temp-pic/hbb2.png); background-repeat: repeat-x ;background-color: #f2f2f2; display:block; float:left; width:100%; padding-top:60px; padding-bottom:60px;}
.section-homeblog .box-title {margin-bottom:24px;}
.section-homeblog .box-title h1 { color:#fff; font-size:45px; line-height:1;}




/* =================================================================== */
/*	 SECTION LASTED NEW    */
/* =================================================================== */

.section-latestnew { float:left; width:100%;background-color: #f2f2f2; padding-bottom:60px;}
.force-overflow a { text-decoration: none;}

.box-newsscroll { float:left; width:100%; background-color:#fff; padding:20px;}
.box-newsscroll .newsscroll { float: left;height:400px;overflow-y: scroll;}
.box-newsscroll .thm-detail-text h3 { font-size:18px; margin-bottom:2px;}
.box-newsscroll .thm-detail-text p { font-size:15px;}

.newshome-single { height:440px; float:left; width:100%; position:relative; overflow:hidden; background-color:#fff;}


/* =================================================================== */
/*	 SECTION HOME INFO    */
/* =================================================================== */

.section-homeinfo { float:left; width:100%;background-color: #f2f2f2; padding-bottom:60px;}
.homeinfo-img { float:left; width:100%;}
.homeinfo-img img { width:100%;}
.homeinfo-button { position:absolute; bottom:50px; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%);}





/* =================================================================== */
/*	 SECTION HOME INFO    */
/* =================================================================== */

#cate-button { }
.catbtn{background-color:#f0f4f7; color:#009be4!important; padding: .3rem .75rem; border:0px;font-size: 0.8rem;}
.catbtn:hover {background-color:#fd590f;color:#FFF!important;border-color:#fd590f;}

.card_index_news { transition:all .5s ease; -webkit-transition:all .5s ease;}
.card_index_news:hover  ~ .catbtn {}
.card_index_news:hover,
.card_index_news:active {-webkit-transform:translateY(0px);transform:translateY(0px)}
.card_index_news:hover .cross-sell__image{-webkit-filter:brightness(120%) hue-rotate(45deg);filter:brightness(120%) hue-rotate(45deg)}
.cross-sell__text-container{color:#454545;padding:16px}

.card-footer2 { padding:0px;}
#love-button { margin-right:0px; float:right; margin-left:auto;}
#love-button a { padding:0px; color:#868686;}
#love-button a i {padding: 0;width: auto;margin-right: 10px;}
#love-button a:hover { color:#009be4;}





/* =================================================================== */
/*	 CONTACT    */
/* =================================================================== */
.box-mapimg { margin-bottom:30px; float:left; width:100%; padding:20px;background-color:#FFF;border-radius: 10px; box-shadow:0 0 20px 0 rgba(0,0,0,0.05)}
.mapimg { float:left; width:100%;}
.mapimg img { max-width:100%;}

.box-contactlist { float:left; width:100%; margin-bottom:30px;}
.contactlist { float:left; width:100%; text-align:center; padding:20px;min-height: 178px;background-color:#FFF;border-radius: 10px; box-shadow:0 0 20px 0 rgba(0,0,0,0.05)}
.contactlist svg {color:#009be4;font-size: 27px;margin-bottom: 6px;display: inline-block;fill: currentColor;width: 1em;height: 1em;vertical-align: -0.05em;}
.contactlist p { font-size:12px;margin-top:10px; margin-bottom:0px;}

.box-contact { margin-bottom:30px; float:left; width:100%;background-color:#FFF; padding:30px 0px;padding-bottom: 17px;border-radius: 10px; box-shadow:0 0 20px 0 rgba(0,0,0,0.05)}
.contact-form { float:left; width:100%; padding:30px 100px;}

.box-mapgoogle { float:left; width:100%; border-top:1px solid #CECECE; margin-top:30px; }
.box-mapgoogle iframe { float:left;}




/* =================================================================== */
/*	 ABOUT    */
/* =================================================================== */

.aboutcontent-txt { height:100%;}

.box-aboutdetail { float:left; width:100%; padding:60px 0; background-color:#f2f2f2;}
.box-missiondetail { float:left; width:100%; padding:60px 0; box-shadow:0 0 100px 0 rgba(0,0,0,0.05); position:relative; z-index:2; }
.box-teamdetail { float:left; width:100%; padding:60px 0 0; background-color:#f2f2f2; }
.box-teamdetail .aboutcontent-txt { margin-bottom:30px;}
.box-meandetail { float:left; width:100%; padding:60px 0; background-color:#f2f2f2;}
.box-partner{ float:left; width:100%; padding:60px 0; box-shadow:0 0 100px 0 rgba(0,0,0,0.05); position:relative; z-index:2; }
.box-partner .swiper-button-next,
.box-partner .swiper-button-prev,
.box-partner .swiper-container-rtl .swiper-button-prev,
.box-partner .swiper-container-rtl .swiper-button-next{fill: #fd590f;}



/* =================================================================== */
/*	 CONTENT    */
/* =================================================================== */

.content-main { float:left; width:100%;}
.content-image { float:left; width:100%;}
.content-topic { float:left; width:100%;}
.content-detail { float:left; width:100%; margin-bottom:50px;}


.cnt-img { float:left; width:100%; margin-bottom:30px; padding:10px; border-radius:10px; background-color:#fff;}
.cnt-topic { float:left; width:100%; border-bottom:1px solid rgba(0,0,0,0.1); padding:20px 30px; background-color:#fff; margin-top:-80px; border-radius:10px;z-index: 1;position: relative;}
.cnt-topic h1 { float:left; width:100%; padding:0px; margin:0px; color:#009be4; font-size:32px; line-height:1.2; margin-bottom:10px;}
.cnt-topic p { float:left; width:100%;  padding:0px; margin:0px; font-weight:normal;}
.cnt-topic .date-post i { padding:0px; margin:0px; width:auto; margin-right:5px;}

.content-text-wrapper { float:left; width:100%;}
.box-centent { float:left; width:100%; margin:30px 0 30px; padding-bottom:30px; border-bottom:1px solid rgba(0,0,0,0.1);}
.box-centent {}

.content-tool { float:left; width:100%;}

.groupTag { float:left; margin-bottom:20px; width:100%; width: calc(100% + 20px); margin-left: -10px;}
.groupTag a { margin-left:5px;}
.groupShare .at-resp-share-element .at-share-btn { margin-bottom:0px; float:left;}
.groupShare { float:left; display:flex; align-items:center; display:-webkit-flex; -webkit-align-items:center; text-transform:uppercase;}
.groupShare .gs-title { float:left;}
.groupShare .addthis_inline_share_toolbox { float:left; width:auto; clear:none!important; margin-left:10px;}

.box-relate { float:left; width:100%; margin-bottom:50px;}
.box-relate .box-title { padding:20px 0 0; text-align:center; }

.box-teaser { float:left; width:100%; padding:15px; background-color:#fff;  border-radius:10px; margin-bottom:30px;}


.box-ytslide { float:left; width:100%; margin-top:15px;}
.box-ytslide .swiper-slide img { max-width:100%; width:100%;}

.box-filminfo { float:left; width:100%;}
.film-listdetail { float:left; width:100%; background-color:#fff; padding:15px; border-radius:10px;}
.film-tools { float:left; width:100%; margin-top:20px; padding-top:15px; border-top:1px solid #f0f1f5}
.film-gallery { float:left; width:100%; }
.film-gallery .flexslider { padding:15px; box-shadow:none; border-radius:10px;}
.film-gallery-slide { background-size:contain; background-position:center center; background-repeat:no-repeat;}
.group_imdb { padding:15px; width:150px; height:150px; float:right; background-color:#f0f1f5; border-radius:5px; }
.group_imdb .imdb-logo { background-size:contain; background-position:center center; background-repeat:no-repeat; width:120px; height:120px;}

a .imdb-logo{ transition:all .5s ease; -webkit-transition:all .5s ease; opacity: 1.0;   }
a .imdb-logo:hover{  opacity: 0.6; }
.wpb_wrapper p { line-height:1.6;}



/*
 |*******************************************************************************************
 | POPUP
 |*******************************************************************************************
*/
.section-popup { position:fixed; width:100%; height:100%; top:0px; left:0px; color:#fff; text-align:center; z-index:20; display:none;}
.popup-bg { position:absolute; top:0px; left:0px; width:100%; height:100%;  background-color:rgba(0,0,0,0.85);}
.popup-container { width:600px; height:auto; position:absolute; top:50%; left:50%; margin-left:-300px; transform:translateY(-50%); -webkit-transform:translateY(-50%);/*  box-shadow:0 0 10px 0 rgba(0,213,255,1.00);*/  border-radius:10px 0 10px 10px; background-color:#fff; padding:10px;display:flex; align-items:center; display:-webkit-flex; -webkit-align-items:center;}

.popup-close { position:absolute; right:0px;top:-36px; width:126px; height:36px; cursor:pointer; z-index:4; background:url(../img/popup-close.png) no-repeat top left;}
.popup-close:hover { background-position: 0 -36px;}
.popup-close svg { fill:#fff; width:20px; height:20px; position:absolute; right:10px; top:10px; }
.popup-button { float:left; width:100%; margin-top:20px; margin-bottom:10px;}
.popup-button .button { margin:0 5px;}
.box-popup { float:left; width:100%;}
.box-popup h2 { font-weight:bold; font-size:36px; color:#00f2f2; margin-bottom:10px;}
.box-popup p { font-size:22px; color:#999;}

.box-popup .video-container { float:left; width:100%;}
.box-popup .pop-img { max-width:100%; width:100%;}
.box-popup img { max-width:100%;}
.box-popup .popup-txtdetail { float:left; width:100%; color:#575757;font-size: 20px;}

.popup-video .popup-container { width:70%;margin-left:-35%;}

.popup-warning .popup-container { width:450px; margin-left:-225px;}
.popup-warning .popup-body { height:250px; display:flex; align-items:center; justify-content:center; display:-webkit-flex; -webkit-align-items:center; -webkit-justify-content:center; font-size:16px;}
.popup-warning .popup-body p { font-size:16px;}
.popup-warning .popup-body p:last-child { margin-bottom:0px;}

.bannertop .header { float:left; width:100%;}
.bannertop .wrapper { margin-top:0px;}
.box-adstop { float:left; width:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; z-index: 20;position: relative;}
.adstop-img { float:left; width:100%;}
.adstop-img a { float:left; width:100%;}
.adstop-img img { float:left; width:100%;}
.adstop-m { display:none;}
/* =================================================================== */
/*	 VIDEO    */
/* =================================================================== */


.video-container {	display:inline-block;cursor:pointer;	margin:auto;	 position: relative;}

.video-space { float:left; width:100%; position:relative; transition:all .5s ease;z-index:1;}
.video-space img { float:left; max-width:100%; width:100%;}
/*.video-button { position:absolute; bottom:20px; left:20px; top:auto; transform:translate(0%,0%); -webkit-transform:translate(0%,0%); transition:all .5s ease; z-index:2;}*/
.video-button { position:absolute;  bottom:50%; left:50%; transform:translate(-50%,50%); -webkit-transform:translate(-50%,50%); z-index:2; opacity:0.4; transition:all .4s ease;}
/*.video-button .v-btn { float:left; width:50px; height:50px; background-color:#000; border-radius:100%; display:flex; align-items:center; }*/
.video-button .v-btn { float:left; width:100px; height:100px;  display:flex; align-items:center; }
.video-button .v-btn svg { fill:#fff;width: 100px;height: 100px; margin:auto; position:relative; border-radius:100%; background-color:#009be4;}
.video-button .v-txt { float:left; font-size: 50px;font-weight: bold;position: relative;top: -7px;margin-left: 15px;}
.video-button:hover { opacity:1;}
.video-put { position:absolute; top:0px; left:0px; width:100%; height:100%;z-index:3; cursor:pointer;}
.video-put .player { position:absolute; top:0px; left:0px; width:100%; height:100%;}

.inactive-state {background-repeat: no-repeat;background-size: 100%;}
.inactive-state:hover .video-button {opacity:1;}
.inactive-state:hover .video-space { }

.video-abs { position:absolute; top:0px; left: 0; width:100%; height:100%;}




/* =================================================================== */
/*	 OWL    */
/* =================================================================== */

#demos .owl-carousel .item {background-color: #fff;background-position: center;background-repeat: no-repeat; background-size: cover;}
#demos .owl-carousel .item > .container { height:530px; padding:0px; max-width:1200px;}
#demos .owl-carousel .item > .container .banner-blank { float:left; width:100%; max-width:100%;}
.owl-carousel .owl-stage-outer { display:inline-block;}

.owl-carousel {position: relative;}
.owl-nav .owl-prev, .owl-nav .owl-next {background: none;font-size: 2em;}
.owl-nav .owl-next {color: #FFF;}
.owl-nav .owl-prev {color: #FFF;}
.owl-nav .fa { font-size:50px;}
.owl-prev,.owl-next {position: absolute;top: 50%;margin-top: -24px; cursor:pointer; }
.owl-next {right: 30px;}
.owl-prev {left: 30px;}
.owl-carousel.owl-loaded { overflow:hidden;}
.owl-theme .owl-nav.disabled + .owl-dots {margin-top: 10px; }
.owl-theme .owl-dots {text-align: center;-webkit-tap-highlight-color: transparent;margin-top: -30px;position: inherit;}
.owl-theme .owl-dots .owl-dot {display: inline-block;zoom: 1;*display: inline; }
.owl-theme .owl-dots .owl-dot span {width: 8px;height: 8px;margin: 5px 7px;background: #D6D6D6;display: block;        -webkit-backface-visibility: visible;-webkit-transition: opacity 200ms ease;-moz-transition: opacity 200ms ease;        -ms-transition: opacity 200ms ease;-o-transition: opacity 200ms ease;transition: opacity 200ms ease;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 11px; }


@media screen and (min-width: 768px) {

   .btn_width{    width: 158px;}
   .paddingzero{ padding-right:0px !important;  padding-left:0px !important;}
   .head_title_r{  padding-top: 50px;padding-bottom: 40px;}

}
@media only screen and (max-width: 500px) {
   .btn_width{ width:110px !important; font-size: 12px !important;margin:auto; }
   .mobile_desc{  padding-left:20px;padding-right:20px;  }
}


@media all and (min-width:0px) and (max-width: 600px) {
}

@media all and (min-width:0px) and (max-width: 750px) {
	.side_menu_left{overflow: hidden;height: 100%;}
	.side_menu_left_inside{overflow-y: scroll !important;overflow-scrolling: touch !important;-webkit-overflow-scrolling:touch; height: 100%;  box-sizing: content-box;   right: 0;bottom: 0; top:0px;}
}







/* =================================================================== */
/*	 MENU MOBILE    */
/* =================================================================== */

.menu-wrap {background-color: #FFF;padding:0px 0;overflow: hidden;transition: all 0.3s;position: fixed;width: 100%;top: 60px;right: -100%;bottom: 0;z-index: 1;color:#000; border-top:1px solid #eee;}
.menu-wrap:hover .box-menu {overflow-y: auto;}
.menu-overlay {background: rgba(0, 0, 0, 0.4);display: none;position: fixed;left: 0;right: 0;top: 0;bottom: 0;z-index: 900;}
.menu-close {background: url(http://i.imgur.com/iHYRssG.png) no-repeat scroll center center transparent;opacity: 0;position: absolute;width: 45px;height: 45px;right: 0;top: 0;text-indent: -9999px;transition: all 0.3s;}
.menu-close:hover {background-color: rgba(236, 69, 69, 1);cursor: pointer;}
.menu-wrap:hover .menu-close {opacity: 1;}
.menu-toggle {display: none;}
.menu-toggle:checked + .menu-wrap {right: 0;}
.menu-toggle:checked ~ .menu-overlay {display: block;}
.menu-title {color: #000;padding-left: 5px;font-weight: 300;}

.btn-menu { position:relative; z-index:1; display:flex; align-items:center; -webkit-display:flex; -webkit-align-items:center; width:30px; height:30px; cursor:pointer; transition:ease-in-out .2s;-webkit-transition:ease-in-out .2s; margin-left:10px; margin-right:10px; float:right; display:none;}
.btn-menu .groupMenu {margin: 0 auto;width: 20px; cursor:pointer; height:17px; position:relative;}
.btn-menu .groupMenu span { position:absolute;width: 20px;height: 3px;border-radius:6px;background-color:#fd590f;float: left;margin-bottom: 4px; overflow:hidden;-webkit-transition:ease .4s; transition:ease .4s;}
.btn-menu .groupMenu span:last-child {margin-bottom: 0px;}
.btn-menu .groupMenu span:before { position:absolute; content:""; width:100%; height:100%; background-color:#fd590f; left:-100%; transition:ease .4s;-webkit-transition:ease .4s;}
.btn-menu:hover span:before { left:0px; }
.btn-menu .groupMenu .pan1 { top:0px; left:0; transform-origin:center center;-webkit-transform-origin:center center;}
.btn-menu .groupMenu .pan2 { width:15px; top:7px; left:0; transform-origin:center center;-webkit-transform-origin:center center;}
.btn-menu .groupMenu .pan3 { top:14px; left:0; transform-origin:center center;-webkit-transform-origin:center center;}
.menuClick .groupMenu .pan1 { transform:rotate(45deg)!important;-ms-transform:rotate(45deg)!important;-webkit-transform:rotate(45deg)!important; top:6px!important;}
.menuClick .groupMenu .pan2 { width:0px!important; top:6px!important;}
.menuClick .groupMenu .pan3 { transform:rotate(-45deg)!important;-ms-transform:rotate(-45deg)!important;-webkit-transform:rotate(-45deg)!important; top:6px!important;}

.closeMenu { position:absolute; top:20px; right:20px; width:50px; height:50px; z-index:-1; cursor:pointer;}
.menuClick .closeMenu { z-index:12;}

.box-menu {top:0px;left:0;width: 100%;height: inherit;display: block;overflow: hidden;}
.box-menu ul {list-style-type: none;}
.box-menu li {display: block;border-bottom: 1px solid #e9ecef;}
.box-menu li:first-child {border-top: medium none;}
.box-menu li a { display: block;padding: 10px 5px;font-size: 18px;color: #000;text-decoration: none;}
.box-menu li a:hover {background: #fd590f;}
.box-menu li a:active {background: #666;}
.menu-list {float:left; width:100%; padding:10px 10px; border-bottom:1px solid #eee;}

.box-menu .box_submenu_shop { float:left; width:100%; padding:10px;}

.dropdown-toggle2::after{content: '\f067' !important;}

.menu-wrap.active { right:0; }

.btn-menuMobile { position:absolute; right:10px; top:10px; z-index:2;}





.padding-fullwidth { padding:0 60px;}

/* =================================================================== */
/*	 SHOP : FLASHSALE    */
/* =================================================================== */
.section-flashsale { float:left; width:100%; background:url(../img/bg-flashsale.jpg) repeat-x center top; padding:40px 0;}
.section-flashsale > .flex { }

.section-flashsaleHome { float:left; width:100%; background:url(../img/bg-flashsale.jpg) repeat-x center top; min-height:474px; margin-bottom:60px;padding-top:40px;padding-bottom:40px;background-size: cover;}
.section-flashsaleHome > .flex { height:474px;}
.section-flashsaleHome.mb-0 { margin-bottom:0px; }
.topic-flashsale { float:left; width:100%; padding-right:30px;}
.topic-flashsale h1 { float:left; width:100%; margin-bottom:30px; text-align:center;}
.topic-flashsale h1 img  { max-width:100%;}
.flashsale-countdown { float:left; width:100%; text-align:center;  }
.flashsale-countdown > .d-flex { margin:0 auto; justify-content:center;}
.countdown-title { color:#fff; font-size:20px; font-weight:normal; margin-right:20px; }
.countdown-title svg { width:20px; fill:#fff; margin-right:10px;}
.countdown-now { float:left;}
.countdown-now ul { padding:0px; margin:0px;}
.countdown-now ul li {  float:left; background-color:#fd590f; padding:13px 5px; margin-right:17px; list-style:none; border-radius:10px; line-height:1; font-size:28px; min-width:50px; text-align:center; color:#fff; position:relative;}
.countdown-now ul li:before { content:":"; color:#fff; font-size:20px; position:absolute; right:-10px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.countdown-now ul li:last-child { margin-right:0px;}
.countdown-now ul li:last-child:before { display:none;}
.countdown-now ul li.countdown-days:after { display:block!important; content:"days"; color:#fff; font-size:12px; position:absolute; top:-15px; left:0px; width:100%; text-align:center; opacity:0.7;}
.countdown-now ul li.countdown-hours:after { display:block!important; content:"hrs"; color:#fff; font-size:12px; position:absolute; top:-15px; left:0px; width:100%; text-align:center; opacity:0.7;}
.countdown-now ul li.countdown-minutes:after { display:block!important; content:"mins"; color:#fff; font-size:12px; position:absolute; top:-15px; left:0px; width:100%; text-align:center; opacity:0.7;}
.countdown-now ul li.countdown-seconds:after { display:block!important; content:"secs"; color:#fff; font-size:12px; position:absolute; top:-15px; left:0px; width:100%; text-align:center; opacity:0.7;}


.flashsale-button { float:left; width:100%; text-align:center;margin-top:30px;}


.section-flashsaleHome .thumb-product { margin-bottom:0px;}
.section-flashsaleHome .box-productList .owl-carousel.owl-loaded { overflow:visible; position:relative;}
.section-flashsaleHome .box-productList .owl-next { right:-20px;}
.section-flashsaleHome .box-productList .owl-prev { left:-20px;}

/* =================================================================== */
/*	 SHOP : BANNER    */
/* =================================================================== */
.box-bannerShop { float:left; width:100%; margin-bottom:60px;}
.box-bannerImage { float:left; width:100%;}
.box-bannerVideo { float:left; width:100%;}


/* =================================================================== */
/*	 SHOP : PRODUCT LIST    */
/* =================================================================== */
.section-productList { float:left; width:100%; margin-bottom:60px; margin-top:30px }

/* =================================================================== */
/*	 SHOP : INSTAGRAM    */
/* =================================================================== */
.box-instagram { float:left; width:100%;}
.box-instagram iframe {width:100%;border:0;overflow:hidden; float:left;}

/* =================================================================== */
/*	 SHOP : INSTAGRAM    */
/* =================================================================== */
.box-infofooter { display:none; float:left; width:100%; padding:40px 0;}

/* =================================================================== */
/*	 SHOP : BEFORE FOOTER    */
/* =================================================================== */
.box-infofooter {background-color: #f7f7f7; float:left; width:100%;}
.infofooter-list { float:left; width:100%; text-align:center;}
.infofooter-icon { line-height:32px;font-size:32px;width:32px;height:32px;color:#343538; display:inline-block; margin-bottom:15px;}
.infofooter-icon img {width:26px;}
.infofooter-text { float:left; width:100%;}
.infofooter-text h5 { line-height:1; margin-bottom:0px;}
.infofooter-text p {}

/* =================================================================== */
/*	 SHOP : BEFORE FOOTER    */
/* =================================================================== */
.section-productInfo { float:left; width:100%;}

/* =================================================================== */
/*	 SHOP : ALL    */
/* =================================================================== */

.box-collective { float:left; width:100%;}
.collective-img { float:left; width:100%;}
.collective-img img { float:left; width:100%;}

/* =================================================================== */
/*	 SHOP : DETAIL    */
/* =================================================================== */
.section-productInfo { float:left; width:100%; margin-top:60px; margin-bottom:60px;}
.section-productInfo .tab-content img{width:100% !important; height: auto !important;}
.pd-detail-group { float:left; width:100%; margin-bottom:20px;}

.pd-gallery { float:left; width:100%;}
.pd-gallery-preview { float:left; width:calc(100% - 30px); background-color:#fff; overflow:hidden; border-radius:10px; box-shadow:0 0 50px 0 rgba(0,0,0,0.05);border:1px solid rgba(0,0,0,0.1); margin-bottom:10px; position:relative;}
.pd-gallery-preview img { width:100%;}
.pd-gallery-preview .pd-tag-flashsale  {width:87px;}
.pd-gallery-each { float:left; width:calc(100% - 30px);}
.pd-gallery-each ul { padding:0; margin:0; list-style:none; float:left; width:100%;}
.pd-gallery-each ul li { cursor:pointer; background-repeat:no-repeat; background-size:contain; background-position:center center; float:left; width:100%; border:1px solid rgba(0,0,0,0.1); border-radius:10px; transition:all .4s ease;}
.pd-gallery-each ul li:hover,.pd-gallery-each ul li.active {  box-shadow:0 0 0 3px #fd590f inset;}
.pd-gallery-each ul li img { width:100%;}

.pd-soldout { position:absolute; top:0px; left:0px; width:100%; height:100%; background-color:rgba(255,255,255,0.8); z-index:4;}
.pd-soldout-text { position: absolute;
    top: 50%;
    left: 0px;
    width: 100%;
    padding: 10px;
    text-align: center;
    color: #fd590f;
    text-transform: uppercase;
    font-size: 30px; }

.pd-tag-flashsale { position:absolute; top:0px; left:0px; z-index:1; width:60px;}
.pd-tag-flashsale img { width:100%;}
.pd-tag  {right:10px;top:10px; background-color:#009be4; text-transform:uppercase;position: absolute;z-index: 3;font-size: 14px;padding: 7px 20px 5px;color: #fff;line-height: 20px;border-radius: 30px;}
.pd-tag-orange { background-color:#fd590f;}
.pd-tag-red { background-color:#dd2804;}

.pd-arriveship { border-radius:5px; float:left; width:100%;}
.pd-arriveship h4 { font-size:18px; color:#fd590f; margin-bottom:0px;}
.pd-arriveship p { margin-bottom:0px; font-size:15px;}

.pd-preordertext { border-radius:5px; background-color:#fff; padding:20px; float:left; width:100%;}
.pd-preordertext h4 { font-size:16px; color:#000;}
.pd-preordertext p { margin-bottom:5px;color:#666; font-size:15px;}
.pd-screen { float:left; width:100%;}
.pd-screenList { margin-bottom:10px;}
.pd-screenList:last-child { margin-bottom:0px;}

.pd-title { line-height:1; border-bottom:1px solid #D3D3D3; padding-bottom:20px; margin-bottom:20px; float:left; width:100%;}
.pd-title h1 { font-size:36px; line-height:1;}
.pd-title p { font-size:16px; color:#999;}
.pd-title .pd-price { color:#333; font-size:18px;}
.pd-title .pd-price .pd-price-default { font-size:26px; color:#fd590f; }

.pd-size { float:left; width:100%; list-style:none; margin:0px; padding:0px;}
.pd-size li { margin-bottom:5px; width:40px; height:40px; border-radius:100%; border:1px solid #DDDDDD; float:left; margin-right:10px; cursor:pointer; background-color:#fff; position:relative;}
.pd-size li span { margin:auto;}
.pd-size li:hover  { border:1px solid #fd590f;  box-shadow:0 0 0 1px #fd590f inset;}
.pd-size li.active  { background-color:#fd590f; color:#fff;}
.pd-color { float:left; width:100%; list-style:none; margin:0px;padding:0px;}
.pd-color li { width:40px; height:40px; border-radius:100%; border:1px solid #DDDDDD; float:left; margin-right:10px; cursor:pointer; position:relative; margin-bottom:5px;}
.pd-color li svg { width:16px; fill:#fd590f; margin:auto; stroke:#fd590f; display:none;}
.pd-color li:hover,.pd-color li.active { border:1px solid #fd590f;  box-shadow:0 0 0 1px #fd590f inset;}
.pd-color li.active svg { display:block;}

.pd-size-list.soldout:before { content:""; position:absolute; top:0px; left:50%; width:2px; height:100%; transform:rotate(45deg); background-color:#aaa;}
.pd-size-list.soldout { border: 1px solid #aaa; box-shadow: 0 0 0 1px #aaa inset; color:#aaa;}
.pd-size-list.soldout:hover { border: 1px solid #aaa; box-shadow: 0 0 0 1px #aaa inset; color:#aaa;}
.pd-color-list.soldout:before { content:""; position:absolute; top:0px; left:50%; width:2px; height:100%; transform:rotate(45deg); background-color:#aaa;}
.pd-color-list.soldout { border: 1px solid #aaa; box-shadow: 0 0 0 1px #aaa inset; color:#aaa;}
.pd-color-list.soldout:hover { border: 1px solid #aaa; box-shadow: 0 0 0 1px #aaa inset; color:#aaa;}

.pd-flashsale { background-color:#fd590f; float:left; width:100%; padding:20px 20px; margin-bottom:30px; border-radius:10px;}
.pd-flashsale .flashsale-countdown { margin-bottom:0px;}
.pd-flashsale .countdown-now ul li { padding:5px; min-width:30px; font-size:22px; background-color:#fff; color:#fd590f}
.pd-flashsale .countdown-title { display:flex; align-items:center;}

.pd-detail-group h5 { font-size:18px; font-weight:normal;}
.pd-detail-group .quantity { float:left; margin-right:20px; margin-bottom:10px;}

.pd-detail-list { float:left; width:100%; margin-bottom:5px; font-size:15px;}
.pd-detail-list-l { float:left; width:90px; margin-right:20px; text-transform:uppercase;}
.pd-detail-list-r { float:left; width:calc(100% - 110px);}
.pd-detail-other .box-content p { font-size:16px;}

.pd-forcheckout { margin-bottom:50px;}






/* =================================================================== */
/*	 CART : HEADER    */
/* =================================================================== */
.right-col .headerCart { width:450px;left: auto;right: -30px;margin-top: 16px;border-radius: 10px;box-shadow: 0 0 30px 0 rgba(0,0,0,0.3);}
.right-col .userLogDetail { width:300px;}
.headerCart:before { content:""; position:absolute; top: -5px;right: 46px;width: 10px;height: 10px;background-color:#fd590f; transform:rotate(-45deg); -webkit-transform:rotate(-45deg);}
.hdCart-head { background-color:#fd590f; color:#fff; padding:20px 20px; float:left; width:100%;border-radius: 10px 10px 0 0; position:relative; overflow:hidden;}
.hdCart-head-userloged { padding:10px 20px;}
.hdCart-head h2 { font-size:25px; line-height:1; margin-bottom:0px;}
.hdCart-head h4 { font-size:18px; line-height:1; margin-bottom:0px;}
.hdCart-body {  padding:20px 20px; float:left; width:100%; background-color:#fff;}
.hdCart-footer { float:left; width:100%; padding:20px 20px;background-color:#fff;}

.headuser-img { width:45px; height:45px; margin-right:10px; border-radius:100%; overflow:hidden; background-position:center center; background-repeat:no-repeat; background-size:cover; border:2px solid #fff;}
.user-listmenu { padding-left:20px; margin-bottom:0px; font-size:16px;}
.user-listmenu a { padding:0px; }
.user-listmenu a:hover { color:#009be4; background-color:transparent;}

#userLogDetail { width:320px;}

/* =================================================================== */
/*	 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:#fd590f;}
.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;}
.tb-head h3 { font-size:17px; margin-bottom:0px;}

.cart-product { float:left; width:100%; position:relative; padding-left:30px;}
.cp-img { float:left; width:95px; height:95px; border:1px solid #ededed; padding:5px; text-align:center; margin-right:10px; background-color:#fff;}
.cart-product .checkbox { position:absolute; left:0px; top:-12px; }
.cart-product .checkbox label {text-indent:-9999999px;}
.cp-img img { max-height:100%;}
.cp-txt { float:left; width:calc(100% - 105px);}
.cp-txt h1 { font-size:18px; margin-bottom:0px;}
.cp-txt font { margin-bottom:5px; display:inline-block; float:left; width:100%;}
.cp-txt span { float:left; width:100%; color:#666; font-size:15px;}
.cp-txt .span-pre-order { background-color:#fd590f; padding:2px 10px; font-size:12px; float:left; color:#fff; width:auto; display:inline-block; border-radius:10px; margin-bottom:5px;}
.cp-txt .span-pretext { font-size:12px; float:left; clear:both; text-decoration:underline;}
.cp-delete { text-decoration:underline; cursor:pointer; color:#aaa; display:inline-block; float:left; clear:both; margin-top:5px;position: absolute;left: 4px;top: 18px;}
.cp-delete button { padding:0px; margin:0px; color:#666;}
.cp-delete button i { color:#666!important;}
.cp-delete button:hover i { color:#fd590f!important;}
.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:70%; color:#4f585a;}
.cartsum-sum { float:left; width:30%; 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: #fe6a1c;  font-weight:800;font-size:1.2rem}
.cartsum-button { float:left; width:100%; margin-top:10px;}
.cartsum-button .btn { width:100%;}

.detail-price { font-weight:700;color: #fe6a1c;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:18px; font-weight:700; color:#000;}





/* =================================================================== */
/*	 CHECKOUT : ALL    */
/* =================================================================== */

.sc-checkout{ width:100%; text-align:center; margin-bottom:50px; margin-top:30px}
.box-contentCheckout{ width:600px; display:inline-block}
.content-title{ float: left; width: 100%; text-align: center; margin-bottom: 30px;}
.content-title svg,.content-title img { width:40px; height:40px; fill:#9d9d9d}
.content-title h1{ font-size:21px}
.content-subtitle{ float:left; width:100%; text-align:left; border-bottom:2px dotted #e9e9e9; margin-bottom:30px; color:#009be4;}
.content-subtitle h2{ font-weight: normal; font-size:20px; margin-bottom:10px ; color:#009be4;}
.content-subtitle h3 { font-weight: normal; font-size:18px; margin-bottom:5px; color:#009be4;}
.row-10 { margin-left: -10px; margin-right: -10px; clear: both;}
.row-10 .col { padding-left: 10px; padding-right: 10px;}
.row-bottom { margin-top:30px;}
.form-list { position: relative; float: left; width: 100%; margin-bottom: 15px; text-align: left;}
.form-list .form-input{ width:100%; position:relative; float:left}
.required { position: absolute; right: -15px; top: 10px; color: #fd590f; font-size: 1.2rem;}

.sc-checkout .form-control:focus{ border-color: #fd590f; }



.content-description {float:left; width:100%; text-align:left; margin-bottom:15px; display:block }
.content-description p{ margin-bottom:0}

.sc-checkout .checkbox, .radio { margin-top: 0px; margin-bottom: 0px; }
.sc-checkout .check-group label { font-size:16px}
.sc-checkout .check-group label:before { border: 1px solid #ababab;}
.sc-checkout .check-group label:after { top:8px}

.sc-checkout .check-list-bottom{ margin-bottom: 0px;}

.checkinfo-address-shipping { display:block; float: left; width: 100%; text-align: left; margin-bottom:15px }
.checkinfo-address-shipping p { margin-bottom:0}
.checkinfo-address-shipping .as-name { font-size:20px; margin-bottom:10px}
.js-editaddress {float: right; font-size: 0.8rem; margin-right: 0px; margin-left: auto;text-decoration: underline; color:#009be4;}
.js-editaddress:hover {color: #fd590f;}


.radio-list-icon label img { width:auto; height:30px; margin-right:0px;}
.radio-group label .d-flex .float-right { margin-left:auto; margin-right:0px; font-weight:700; font-size:20px }

.checkinfo-type-shipping{  width:100%; float:left;}
.shipping-type-list { float:left; width:100%; cursor:pointer;}
.shipping-type-list:hover .stl-vendor-txt h3 { color:#009be4;}
.shipping-type-list:hover .stl-price { color:#009be4;}
.stl-vendor { float:left; width:70%}
.stl-vendor-img { float:left; width:100px; margin-right:20px; margin-left:10px;}
.shipping-type-list .stl-vendor-img img { width:100%; height:auto; border-radius:5px;}
.stl-vendor-txt { float:left; width:calc(100% - 130px);}
.stl-vendor-txt h3 { float:left; width:100%; font-size:18px; margin-bottom:0px;}
.stl-vendor-txt span { float:left; clear:both; color:#999; font-size:15px;}
.stl-price { float:right; width:30%; text-align:right;}



.choose-payment-title { float:left}
.checkinfo-type-payment{  width:100%; float:left;}
.checkinfo-type-payment .radio-group label { display: inline-block;cursor: pointer;position: relative;padding-left:25px;margin-right:15px;margin-bottom:0px;font-weight:normal;font-size:18px}
.checkinfo-type-payment .radio-group .radio-list { float:left; width:100%; margin-bottom:0; border-bottom:2px dotted #e9e9e9; padding:15px 0; }
.checkinfo-type-payment .radio-group label .choose-payment-img{ margin-left: auto;  margin-right: 0px; float:right}

.checkinfo-choose-payment { float:left; width:100%; position:relative; padding:0 15px}
.checkinfo-choose-payment ul { float:left; width:100%; padding:0}
.checkinfo-choose-payment ul li  { float:left; width:100%; position:relative; list-style:none}
.checkinfo-choose-payment ul li a { display:flex; align-items:center;display:-webkit-flex; -webkit-align-items:center; border-bottom:2px dotted #e9e9e9; position:relative; padding:10px 0; color:#000000}
.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 dotted #ff5001;}
.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; }



.box-sumary { float: left; width: 100%;}
.box-sumary > div { width: 100%!important;}

.checkinfo-confirm { float:left; width:100%; margin-bottom:40px;}
.confirm-group { float:left; width:100%; margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid rgba(0,0,0,0.1)}
.confirm-group:last-child { margin-bottom:0px;}
.confirm-title { float:left; width:100%; margin-bottom:15px;}
.confirm-title h2 { font-size:18px; text-align:left}
.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;}

.checkinfo-address-shipping { margin-bottom:0px;}
.checkinfo-type-shipping .radio-group .radio-list:last-child { margin-bottom:0px;}
.checkinfo-type-shipping .radio-group .radio-list .d-flex  { width:100%;}
.checkinfo-type-shipping .radio-group label { display: inline-block;cursor: pointer;position: relative;padding-left: 25px;margin-right: 15px;	margin-bottom:0px;	font-weight:normal; font-size:18px}

.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); float:left}
.checkinfo-product-list .cp-txt h1 font  { overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;  text-align:left}
.checkinfo-product-list .cp-txt h1 span { overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; font-weight:400;  text-align:left }
.checkinfo-product-list .cd-price { float:right; font-size:16px; font-weight:800; line-height:1;}



.cpl-detail { float:left; width:100%; margin-top:7px;padding:0; margin-bottom:0}
.cpl-detail li { float:left; width:25%; padding-right:10px; list-style:none; text-align:left}
.cpl-detail-title { float:left; width:100%; font-size:14px;}
.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;}


.cp-img { float: left; width: 95px; height: 95px; border: 1px solid #ededed; padding: 5px; text-align: center; margin-right: 10px;}
.confirm-group .radio-group .radio-list{ border-bottom:none; padding:0}
.group-cartsum {font-size:1rem; }
.cartsum-row { float:left; width:100%; padding-bottom:10px; border-bottom: 1px solid rgba(0,0,0,0.1); padding-top:10px}
.cartsum-row:last-child { border-bottom:none; }
.cartsum-title { float:left; width:70%; color:#000000; text-align:left}
.cartsum-sum { float:left; width:30%; text-align:right; font-weight:600; font-size:1rem; color:#000000;}
.cartsum-total  { border-bottom:none; margin-bottom:0px}
.cartsum-total .cartsum-sum { color: #fe6a1c;  font-weight:800;font-size:1.2rem}
.cartsum-button { float:left; width:100%; margin-top:10px;}
.cartsum-button .btn { width:100%;}

a.paystep{ color:#000000}
.payment-step { float:left; width:100%; text-align:center; border-bottom:2px dotted rgba(0,0,0,0.1); padding:20px 0; margin-bottom:20px;}
.payment-step ul { display:inline-block; margin:0; padding:0 }
.payment-step ul li { float:left; list-style:none}
.payment-step ul li + li { margin-left:100px;}
.payment-step ul li svg, .payment-step ul li img { opacity:0;width: 15px;height: 15px; display:none;}
.payment-step ul li svg.menu { width: 30px; height: 30px; display:block; opacity:100; float:none; margin-right:10px; fill: #9d9d9d;}
.payment-step ul li .paystep { position:relative; float:left; width:100%; padding-bottom:10px}
.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:#ff5001; }
.payment-step ul li .paypass span { color:#fd590f}


.payment-step ul li .paypass svg.menu{ display:block; opacity:100;  width: 30px; height: 30px; background: none; fill:#fd590f; padding:0; margin-right:10px; border-radius: 0 }
p.order-code{ font-weight: 800; font-size:18px}
p.order-code span{ color:#0089d1}
a.btn-back-page{ color:#000000; border-bottom:1px solid #000000; margin:0 auto}

.omise-container { width:500px; margin:50px auto; padding:20px; background-color:#fff; border-radius:10px; box-shadow:0 0 30px 0 rgba(0,0,0,0.1)}


/* =================================================================== */
/*	 REGISTER    */
/* =================================================================== */

.panel-hilight { padding:20px; background-color:#D9E1E4; border-radius:10px;}


/* =================================================================== */
/*	 PROFILE    */
/* =================================================================== */


.box-contentProfile { width: 100%;display: inline-block; margin-bottom: 50px;}

.sc-profile { width:100%;text-align: center; margin-bottom: 50px; padding-top:40px}
.sc-profile .form-control.placeholder:focus{ border-color: #fd590f; }
.sc-profile .check-group label { font-size:16px}
.sc-profile .check-group label:after {top: 8px;}
.sc-profile .check-group label:before { border: 1px solid #ababab;}

.box-profile-left { width:100%; float:left}
.menu-profile-left{ width:100%; float:left;}
.menu-profile-left ul{ padding:0; margin:0; width:100%; float:left}
.menu-profile-left ul li{ list-style:none}
.menu-profile-left ul li a{ color:#000; position:relative; margin-bottom:10px; font-size:18px; transition:all .5s ease}
.menu-profile-left ul li a:hover{ color: #ff5001 }
.menu-profile-left ul li a.active:before { position: absolute; content: "";left: 0px; height: 3px; width: 100%;
bottom: 0px; background-color: #ff5001; }
.image-profile{ width:100%; float:left; margin-bottom:15px}

.img-rounded{ border-radius: 50%;}
.image-profile p{ font-size:20px; font-weight:500}
.profile-img { position:relative; display:inline-block; overflow:hidden; border-radius:100%; border:1px solid rgba(0,0,0,0.1);}
.profile-img img { margin-bottom:0px;}
.profile-img-edit { position:absolute; bottom:0px; left:0px; width:100%; text-align:center; z-index:2; background-color:rgba(0,0,0,0.5); color:#fff; padding:5px 0; cursor:pointer; font-size:14px; transition:ease all .4s;}
.profile-img-edit span { margin-left:5px; font-size:16px;}
.profile-img-edit:hover { color:#009be4; background-color:rgba(0,0,0,0.5); }
.profile-img-tips { position:absolute; bottom:0px; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); background-color:#009be4; border-radius:3px; padding:5px 10px; transition:all ease .4s;white-space: nowrap; opacity:0; color:#fff;}
.profile-img-tips:before { position:absolute; content:""; width:10px; height:10px; left:50%; margin-left:-10px; background-color:#009be4; transform:rotate(45deg); bottom:-4px; }
.profile-img-edit:hover .profile-img-tips { opacity:1; bottom:40px;}
.box-orderstatus{ width:100%; float:left; text-align:left}
.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; text-align:left}
.oslist-title .oslist-b-title { font-weight:600;  position:relative; float:left; }
.oslist-title .oslist-b-title.oslist-code { padding-right:20px; color:#1093f1}
.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;}


.status-order .oslist-h-title{ font-weight: 600; font-size: 1rem; text-align:right; color:#ff5001}
.oslist-title .col.status-order.float-right {  }
.box-status-order { width:100%; float:left; }
.flex-end{ align-items: flex-end; -webkit-align-items: flex-end; }

.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;}


.box-contentProfile .cart-product { padding-left:0}
.box-contentProfile .tb-main { margin-top:15px}
.order-status { font-size:13px; color:#000000; font-weight:normal}
.order-status a{ text-decoration:underline; color:#ff5a00; }


/* =================================================================== */
/*	 ARTICLE    */
/* =================================================================== */
article.content-text-wrapper img{ max-width:100%; height:auto!important}


/* ========= COOKIE ======== */
.cookie-bar{position: fixed;bottom: 0;left: 0;width: 100%;background-color: #fff;z-index: 20;box-shadow:0 0 5px 0 rgba(0,0,0,.1);display:none;}
.cookie-bar .cookie-body{padding: 20px;position: relative;}
.cookie-bar .cookie-body .cookie-title{color: #0056b3; font-size: 1.2em;font-weight: bold ; }
.cookie-bar .cookie-body .cookie-text{}
.cookie-bar .cookie-body .cookie-text ul{padding-left: 20px;list-style: disc;}
.cookie-bar .cookie-body .cookie-sub-text a{color: #0056b3;}
.cookie-bar .cookie-body .cookie-button {width: 100%;height: 100%;float: left;}
.cookie-bar .cookie-body .cookie-button button{    outline: none;}
.cookie-bar .cookie-body .cookie-button .btn{background: #ffffff;border: 1px solid #1a5aa6;border-radius: 50px;padding: 8px 40px;color: #1a5aa6;font-size: 16px;transition: all ease .4s;min-width: 120px;margin-bottom: 10px;}
.cookie-bar .cookie-body .cookie-button  button.btn.btn-accept{background-color: #0056b3;color: #fff;position: absolute;right: 20px;bottom: 0;}
.cookie-bar .cookie-body .cookie-button  button.btn.btn-accept:hover{background-color: #fff;color: #0056b3;}
.cookie-bar .cookie-body .cookie-button .close{position: absolute;top: 0;right: 20px;font-size: 1em;}
.cookie-bar .cookie-sub-text {padding-top: 10px;}

/* ========= Legal Policy ======== */
.tbl-legal-policy tr td {
  padding: 5px;
}

.tbl-legal-policy thead tr{
  text-align: center;
}