/*
Theme Name: Tea Plus 2025
Theme URI: https://robedung.com
Author: YoungAD xCore
Author URI: https://robedung.com
Description: Developed Since 2015
Version: 3.0.4
*/

/** -------------- 1.0 Reset -------------- **/
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed&subset=latin,vietnamese);
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

article, aside, details, figcaption, figure, footer, header, nav, section, summary { display: block; }
audio, canvas, video { display: inline-block; }
audio:not([controls]) {	display: none; height: 0; }
[hidden] { display: none; }

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: Verdana, Geneva, sans-serif; }

body { background:#f9f9f9; color: #141412; margin: 0; font-family: Quicksand, sans-serif; font-size:16px; }

a { color: #194a33; text-decoration: none;
-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease;
-ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }

a:visited { color: #28475f; }
a:active, a:hover { color: #018d67; outline: 0; }
a:hover { text-decoration: none; }

:root {
	--color01: #c31414;
	--color02: #018d67;
	--color-gia: #F33;
}

h1, h2, h3, h4, h5, h6 { line-height: 1.3; font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; }
h1 { font-size: 28pt; margin: 26px 0; }
h2 { font-size: 24pt; margin: 22px 0; }
h3 { font-size: 18px; margin: 22px 0; }
h4 { font-size: 17px; margin: 18px 0; }
h5 { font-size: 16px; margin: 30px 0; }
h6 { font-size: 15px; margin: 36px 0; }
address { font-style: italic; margin: 0 0 24px; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
dfn { font-style: italic; }
mark { background: #ff0; color: #000; }
p { margin: 0; }
code, kbd, pre, samp { font-family: monospace, serif; font-size: 14px;
 -webkit-hyphens: none; -moz-hyphens:    none; -ms-hyphens:     none; hyphens:         none; }
pre { background: #f5f5f5; color: #666; font-family: monospace; font-size: 14px; margin: 20px 0; overflow: auto;
padding: 20px; white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
blockquote, q { -webkit-hyphens: none; -moz-hyphens:    none; -ms-hyphens:     none; hyphens:         none; quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; }
blockquote { font-size: 18px; font-style: italic; font-weight: 300; margin: 24px 40px; }
blockquote blockquote { margin-right: 0; }
blockquote cite, blockquote small { font-size: 14px; font-weight: normal; text-transform: uppercase; }
blockquote em, blockquote i { font-style: normal; font-weight: 300; }
blockquote strong, blockquote b { font-weight: 400; }
small { font-size: smaller; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
dl { margin: 0 20px; }
dt { font-weight: bold; }
dd { margin: 0 0 20px; }
menu, ol, ul { margin: 0; padding: 0; }
ul { list-style-type: none; margin: 12px 0; padding-left: 1em; }
ul li { margin: 10px 0; line-height: 1.5; }
nav ul, nav ol { list-style: none; list-style-image: none; }
li > ul, li > ol { margin: 0; }
img { -ms-interpolation-mode: bicubic; border: 0; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }
form { margin: 0; }
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; max-width: 100%; vertical-align: baseline; }
button, input { line-height: normal; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { padding: 0; }
input[type="search"] { -webkit-appearance: textfield; padding-right: 2px; width: 270px; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner {	border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; }
table { background: #f2efe9; border: 1px solid #e5dfd8; border-collapse: collapse; border-spacing: 0; font-size: 14px;
line-height: 2; margin: 0 0 20px; width: 100%; }
tr:first-child { background: #ebe6df; color: #785627; }
tr:first-child td { font-weight: bold; }
caption, th, td { font-weight: normal; text-align: left; }
caption { font-size: 16px; margin: 20px 0; }
th { font-weight: bold; text-transform: uppercase; }
td { border-right: 1px solid #e5dfd8; border-bottom: 1px solid #e5dfd8; padding: 8px 10px; }
del { color: #333; }
ins { background: #fff9c0; text-decoration: none; font-size: 18px; }
hr { background: url(images/dotted-line.png) repeat center top; background-size: 4px 4px; border: 0; height: 1px; margin: 0 0 24px; }

/* ============ Body CSS ============ */

ul.bxslider li {margin: 0;}
#page, #fullpage, #dkContent, #dkContentSide, #dkFooter, .vi-banner { position:relative; }
#fullpage, .dk-page, .dk-catSp, .dk-breadcrumbs, .dk-regMail, .dk-section { width:1200px; margin:0 auto; clear:both; }
.vi-banner { width: 100%; padding: 10px 0; float: left; }
#dkFooter { width: 100%; float: left; clear: both; }
#masthead { background: #c31414; position: relative; z-index:99999; width: 100%; float: left; }
body.page .hentry { padding:0 10px }
body.page .hentry h1.entry-title { border-left: 3px solid var(--color02); color: var(--color01); background: #fff url(images/ft1_bg.jpg) no-repeat; background-size: cover; box-shadow: 0 2px 7px #ccc; padding: 18px 22px; font-size: 18pt; text-transform: uppercase; }
.dk-main { float:left; width:100%; position:relative; }
.dk-banner { width: 20%; float: left; z-index:99 }
.dk-banner img { max-width:100%; height:80px !important; }
.banner { background:#fff; width:100%; height:60px; position:relative; float:left; }
.dk-center { text-align:center; }
.topSeoH h1 { text-indent:-999999px; height:0; margin:0; }
.dk-logo { text-align:center; width:100%; margin:0; overflow:hidden; }
.dk-logo img { width:50%; height:auto; }
.dk-socil { background:#f9f9f9; width:100%; float:left; padding-bottom:20px; }
.dk-socilHl { background:#fdcc0d url(images/bg-tit.png) center top repeat-y; color:#1c8841; text-align:center; width:100%; font-size:32px; padding:6px 0; }
.dk-soBx { width:86%; margin:0 auto; }
.dk-soBx { padding-top:2%; }
.dk-soBx ul li { float:left; width:16%; text-align:center; }
.dk-soBx .dk-soBxIg { margin-bottom:5px; }
.dk-soBx .dk-soBxTi { font-size:18px; }
.page .acf-map { float:left; width:80%; height:300px; clear:both; }
.home .acf-map { float:left; width:100%; height:250px; clear:both; }
.dk-topbn { width: 1280px; margin: 0 auto; }
.dk-topbn-overlay { background-color: #002E51; opacity: 0.7; transition: background 0.3s, border-radius 0.3s, opacity 0.3s; mix-blend-mode: multiply; float: left; width: 100%; height: 100%; position: absolute; }
.top-cta { padding-bottom: 12px; color: #cae5de; display: grid; grid-template-columns: 1fr 1fr; font-size: 14px; width: 100%; }
.top-ctaB { text-align: right; }
.top-ctaB a { display: inline-block; color: #f4fd74; padding: 0 5px; }
.top-ctaB a:hover { color: #cfdd19; }

.dk-gtLn { background:#fff; width:100%; float:left }
.dk-gtLn p { margin:8px 0; line-height:1.4; font-size:16px }
.dk-gtLn_Le { padding:10px; width:72%; float:left }
.dk-gtLn_Ri { width:28%; float:left }
.dk-gtLn_Ri img { width:100%; height:auto }
.dk-gtLn_LeSo { width:100%; text-align:center; position:relative }
.dk-gtLn_LeLi { margin:0 8px; display:inline-block }

.dk-LhDk, .dk-LhFh { position:fixed; top:22%; }
.dk-LhDk { background:url(images/button-bgr.png) no-repeat; width:7%; height:38px; text-transform:uppercase; text-align:center; right:0; z-index:99999; }
.dk-LhDk a { color:#FFF; padding:9px 0; display:block; }
.dk-LhDk a:hover { color:#006; }

.dk-LhHlD { background:url(images/button-bgr.png) no-repeat; width:155px; height:38px; position:fixed; right:0; bottom:100px; font-size:140%; text-align:center; z-index:999999; }
.dk-LhHlD a { color:#006; padding:6px 0; display:block; }
.dk-pageBne { display: flex; width: 100%; margin: 2em 0; float: left; }
.dk-pageBneHn { width: 49%; margin-right: 2%; overflow: hidden; position: relative; }
.dk-pageBneHn:last-child { margin-right: 0; }
.dk-pageBneHn img { width: 100%; height: auto; }
.dk-pageBneHn-Ig { background-size: cover; width: 100%; height: 220px; transition:all 0.4s !important; }
.dk-pageBneHn a:hover .dk-pageBneHn-Ig { transform: scale(1.2); }
.dk-pageBneHnx { position: absolute; left: 10%; top: 2em; }
.dk-pageBneHn-Ti { font-size: 36px; font-weight: bold; margin-bottom: 10px; }
.dk-pageBneHn:last-child .dk-pageBneHn-Ti { color: #fff; }
.dk-pageBneHn:last-child .dk-pageBneHn-Ex { color: #fff; max-width: 60%; line-height: 1.6; font-size: 15px; }

.wp-block-woocommerce-cart { background: #fff; padding: 12px; }
.dk-ShCtnPo.woocommerce ul li { background: #f6f6f6; border: 1px solid #efefef; }
.dk-ShCtnPo.woocommerce ul.products li.product .woocommerce-loop-product__title { padding: 12px 8px; color: #194a33; overflow: hidden;
    text-overflow: ellipsis; white-space: nowrap; display: block; /* hoặc inline-block nếu cần */ width: 100%; /* hoặc giá trị cụ thể */ }
.dk-ShCtnPo.woocommerce ul.products li.product a:hover .woocommerce-loop-product__title { color: #018d67; }
.dk-ShCtnPo.woocommerce ul.products li.product .price { padding: 0 10px; }
.dk-ShCtnPo.woocommerce ul.products li.product .price ins, .woocommerce ul.products li.product .price ins, .woocommerce:where(body:not(.woocommerce-uses-block-theme)) ul.products li.product .price { font-size: 18px; color: #F33; }
.dk-ShCtnPo.woocommerce ul.products li.product .price del { font-size: 13px; }
.dk-ShCtnPo.woocommerce ul.products li.product .star-rating { position: absolute; right: 8px; }
.woocommerce ul.products li.product .button { background: #245f43; color: #fff; margin: 8px; float: right; }
.woocommerce ul.products li.product .button:hover { background: #4ca179; }
.dk-ShCtn .dk-ShCtnPo.woocommerce ul li:hover a.added_to_cart { background: #958e09; color: #fff; }
.woocommerce ul.products li.product .onsale { font-size: 12px; }
.dk-ShCtnPo.woocommerce .bx-wrapper { -webkit-box-shadow:none; box-shadow:none; background: none; }
.dk-ShCtnPo.woocommerce .bx-wrapper .bx-prev { left: -16px; }
.dk-ShCtnPo.woocommerce .bx-wrapper .bx-next { right: -16px; }
.dk-ShCtnPo.woocommerce .slick-slide { margin:0 10px; }
.dk-ShCtnPo.woocommerce .slick-prev, .dk-ShCtnPo.woocommerce .slick-next { background: var(--color02); }
.dk-ShCtnPo.woocommerce .slick-prev:hover, .dk-ShCtnPo.woocommerce .slick-next:hover { background: var(--color01); }
.dk-ShCtnPo.woocommerce .slick-prev { left: 0; }
.dk-ShCtnPo.woocommerce .slick-next { right: 0; }
.woocommerce div.product .product_title { color: var(--color01); font-size: 24px; }
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price { margin-bottom: 12px; }
.woocommerce-product-details__short-description { margin-bottom: 1em; color: #333; line-height: 1.5; }
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price { color: var(--color-gia); }
.woocommerce div.product form.cart div.quantity { display: flex; gap: 0; }
.woocommerce .dk-single-product div.product p.price ins { font-size: 28px; }
.woocommerce .dk-single-product div.product p.price del { font-size: 16px; }
.woocommerce .dk-single-product .quantity input.qty[type="number"]::-webkit-outer-spin-button, .woocommerce .dk-single-product .quantity input.qty[type="number"]::-webkit-inner-spin-button  { -webkit-appearance: none; }
.woocommerce .dk-single-product .quantity input.qty[type="number"] { -moz-appearance: textfield; }
.woocommerce .dk-single-product .quantity input.qty:focus-visible { background: #eee; border-color: var(--color01); outline: none; }
.woocommerce .dk-single-product .quantity .qty { border: 1px solid var(--color02); padding: 5px 0; }
.woocommerce .dk-single-product .quantity button { background: var(--wp--preset--gradient--pale-ocean); border: 1px solid var(--color02); padding:12px; min-width: 40px; }
.woocommerce .dk-single-product .quantity button:hover { background: var(--color02); color: #fff; }
.woocommerce .dk-single-product .quantity button.qty-minus { border-right: none; border-bottom-left-radius: 50%; border-top-left-radius: 50%; }
.woocommerce .dk-single-product .quantity button.qty-plus { border-left: none; border-bottom-right-radius: 50%; border-top-right-radius: 50%; }
.woocommerce .dk-single-product a.added_to_cart { position: relative; margin-left: 1em; padding: 16px 20px; top: inherit; right: inherit; }
.woocommerce div.product form.cart .button { background: var(--color01); color: #fff; padding: 16px 18px; transition: all 300ms; }
.woocommerce div.product form.cart .button:hover { background: var(--color02); }
.woocommerce .dk-single-product div.product form.cart .button { border-radius: 5px; margin-left: 1em; font-family: 'Roboto Condensed', sans-serif; font-weight: normal; }
.woocommerce table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text { width: 250px; }
.woocommerce .dk-single-product div.product .woocommerce-tabs ul.tabs { margin-bottom: 0; }
.woocommerce .dk-single-product div.product .woocommerce-tabs .panel { background: #fff; padding: 1em; border: 1px solid #cfc8d8; border-top: none; }
.woocommerce div.product div.images .flex-control-thumbs { margin-top: 6px; }
.woocommerce div.product div.images .flex-control-thumbs li { width: 24%; margin-right: 1%; border: 1px solid var(--color02); }
.woocommerce div.product div.images .flex-control-thumbs li:nth-child(4n+0) { margin-right: 0; }
.woocommerce div.product div.images .flex-control-thumbs li img { opacity: 1; }
.woocommerce div.product div.images .flex-control-thumbs li img.flex-active, .woocommerce div.product div.images .flex-control-thumbs li img:hover { border: 1px solid var(--color01); }
.related.products h2:first-child { color: var(--color02); font-size: 26px; text-align: center; padding-bottom: 12px; border-bottom: 1px solid #eee; }

.dk-singBxs { background:#fff; width: 100%; float: left; margin-bottom: 1em; box-shadow:3px 3px 0px rgba(0, 0, 0, .04); -webkit-box-shadow:3px 3px 0px rgba(0, 0, 0, .04); -moz-box-shadow:3px 3px 0px rgba(0, 0, 0, .04); }
.dk-singFx { display: grid; grid-template-columns: repeat(auto-fit, minmax(550px, 1fr)); gap: 2em; padding: 2em 0; }
.dk-singFxLe { padding-left: 1em; }
.dk-singFxLe img { max-width: 100%; height: auto; }
.dk-singFxRi { padding-right: 1em;}
.dk-singFxRi_Ti { text-transform: uppercase; color: #015061; font-size: 18pt; margin-bottom: 3px; }
.dk-singFxRi_Ti h1, .dk-singFxRi_Ti h2 { text-transform: none; margin: 0 0 12px; font-size: 18pt; }
.dk-singFxRi_Ex { color: #333; margin: 1em 0; line-height: 1.5; font-size: 14px; }
.dk-singFxRi_Pri { color: #C00; font-size: 18px; margin-bottom: 3px; }
.dk-singFxRi_Pri .dk-ShCtnPoPl { background-color: #fbf4df; color: #d5622e; border: 2px dashed #ffad4a; padding: 1em; border-radius: 8px; display: inline-block; }
.dk-singFxRi_Klu { margin-top: 1em; }
.dk-singFxRi_KluTi { margin-bottom: 10px; color: #002E51; display: inline-block; }
.dk-singFxRi_Klu span { border-radius: 5px; border: 1px solid #ddd; padding: 8px 10px; margin-right: 6px; color: #666; display: inline-block; }
.dk-singFxRi_Hl { background: #f3f3f3; margin-bottom: 1em; color: #0075ab; font-size: 20px; font-family: 'Times New Roman', Times, serif; font-weight: bold; padding: 10px 12px; text-transform: uppercase; margin-top: 1em; }
.dk-singFxRi_Hl a { color: #1968dd; padding: 12px 6px; }
.dk-singFxRi_Hl a:hover { color: #f57826; }
.dk-singFxRi_Lk { margin-bottom: 1em; }
.dk-singFxRi_Mtr { color: #000; line-height: 1.5; margin: 1em 0; }
.dk-singFxRi_Mtr p { margin: 10px 0; }
.dk-singFxRi_Mtr ul { list-style-type: initial; margin: 12px 0; padding-left: 8px; }
.dk-singFxRi_Mtr ol { margin: 10px 0; padding-left: 8px; }
.dk-singFxRi_Mtr ul li, .dk-singFxRi_Mtr ol li { list-style-position: inside; }
.dk-singFxRi_Lk a { background: #C00; color: #FFF; padding: 12px 16px; display: inline-block; }
.dk-singFxRi_Lk a:hover { background: #222;}
.dk-singDx { padding: 12px; }
.dk-singDx h2.dk-sing_title { margin: 0; background: #eee; color: #333; padding: 8px 12px; font-size: 16pt; font-weight: normal; text-transform: uppercase; display: block; }
.dk-singDxIm table { background: #f9f9f9; border: 1px solid #ddd; border-top: none; }
.dk-singDxIm table tr:first-child { background: #f9f9f9; }
.dk-singDxIm table tr:first-child td { font-weight: normal; }
.dk-singDxIm table td { padding: 8px 12px; border-right: 1px solid #ededed; color: #333; }
.dk-singDxIm table td:nth-child(1) { max-width: 40%; }
.kk-star-ratings .kksr-stars .kksr-star .kksr-icon, .kk-star-ratings:not(.kksr-disabled) .kksr-stars .kksr-star:hover ~ .kksr-star .kksr-icon { width: 16px; height: 16px; }
.kk-star-ratings .kksr-muted { font-size: 14px; }
.kk-star-ratings .kksr-legend { color: #555; }

.dk-ShFAQ { width: 100%; float: left; margin: 1em 0; }
.dk-faqHea { background: #f9f9f9 url(images/arches.png); margin-bottom: 10px; box-shadow: 0 2px 8px #d4d4d4; border-left: 4px solid var(--color01); padding: 12px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
.dk-faqHea h2 { text-transform: uppercase; color: var(--color01); margin: 0 0 6px; font-size: 18pt; }
.dk-faqHea p { font-size: 14px; color: #555; margin-bottom: 6px; }
.faq-list { margin-top: 3px; }
.faq-item { background: #fff; border: 1px solid #ddd; box-shadow: 0 2px 8px #b6b6b6; margin-bottom: 5px; }
.faq-item h3 { background: rgb(13 148 136 / 0.8); font-size: 15pt; color: #fff; margin: 0 0; padding: 10px 12px; transition:  background 200ms ease-in; }
.faq-item h3:hover { background: #01987a; }
.faq-question { cursor: pointer; }
.faq-icon { float: right; }
.faq-answer { padding: 10px 16px; font-size: 16px; line-height: 1.6; margin: 10px 0; display: none; }
.faq-answer p { font-size: 16px; line-height: 1.6; margin: 10px 0; }

.dk-blogNe { display: grid; grid-template-columns:1fr 1fr; gap:24px; }
.dk-blogNeBx { display: flex; flex-direction:column; position: relative; margin-bottom: 2em; }
.dk-blogNeBx:nth-child(2n+0) { margin-right: 0; }
.scrollup { background:#024e3a; color:#f9f9f9; position:fixed; bottom:1em; right:10px; text-align:center; width:44px; padding:12px 0; font-size:18px; box-shadow:0px 2px 6px #0a4154; cursor:pointer; display:none; z-index:9999; transition:background ease 300ms; }
.scrollup:hover { background: #0075ab; }

.site-infoFa { float:left; width:48%; margin-right:4%; padding:5px; }
.site-info h4 { margin:0 0 10px; padding-bottom:10px; font-weight:normal; text-transform:uppercase; border-bottom:1px solid #ddd }
.site-infoFa p, .site-infoFa ul li, .site-infoFb p { margin:5px 0; font-size:120%; line-height:1.4; }
.site-infoFb { float:left; width:44%; padding:5px; }
.site-infoFbx ul li { list-style-type:disc; list-style-position:inside; margin:8px 0; padding-left:1em; font-size:14px }
.site-footer .site-info .site-infoFbx ul li a { padding:0; display:inline-block }
.site-footer .site-info .site-infoFbx ul li a:hover { color:#C60 }
ul.dk-footBxUa li { width:100%; margin:5px 0; color:#FFF; float:left; }
.dk-footBxUa-1, .dk-footBxUa-2, .dk-footBxUa-3, .dk-footBxUa-4, .dk-footBxUa-5 { background:url(images/icon-bot.png) no-repeat; width:100%; padding:5px 0 5px 30px; }
.dk-footBxUa-1 { background-position:-7px -1px; }
.dk-footBxUa-2 { background-position:-7px -48px; }
.dk-footBxUa-3 { background-position:-7px -91px; }
.dk-footBxUa-4 { background-position:-7px -135px; }
.dk-footBxUa-5 { background-position:-7px -181px; }
.dk-footer .dk-page { display: grid; grid-template-columns: 34% 17% 18% 25%; gap: 20px; }
.dk-footA img { max-width: 38%; margin-bottom: 10px; height: auto; }
.site-footer .dk-footUl p { color: #333; margin: 6px 0; font-size: 13px; }
.dk-footA.dk-footUl { padding-right: 1em; }
.dk-footUl { margin: 2em 0; padding-right: 8px; }
.dk-footD img { max-width: 86%; height: auto; }
.dk-footUl h4 { color: var(--color01); margin-top: 0; }
.dk-footUl ul { padding-left: 6px; }
.dk-footUl ul li { font-size: 14px; margin: 1px 0; line-height: 1.5; }
.dk-footUl ul li a { color: #555; padding: 5px 0; display: block; }
.dk-footUl ul li a:hover { color: var(--color02); padding-left: 6px; }

.dk-LhFh { background:#FFF; border:3px solid #9c9159; border-right:none; padding:8px; width:300px; right:-300px; z-index:9999999; }
.dk-LhFhBx .wpcf7 .wpcf7-form { background:none; border:none; width:100%; }
.dk-LhFhBxS input, .dk-LhFhBxS textarea, .dk-LhFhBxS select { background:#e5e6e6; color:#555; border:none; padding:10px 6px; width:100%; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; }
.dk-LhFhBxS textarea { height:120px; }
.dk-LhFhBt { position:absolute; top:6px; left:6px; font-size:160%; font-family:cursive; }
.dk-LhFhBt:hover { cursor:pointer; }
.dk-LhFhBxP { padding-left:30px; padding-top:6px; }
.dk-LhFhBxP p { margin:12px 0; }
.dk-LhFhBxP img { max-width:100%; height:auto !important; }
.dk-ShCtb { width: 100%; float: left; }
.dk-StnSup { background:url(images/ft1_bg.jpg) no-repeat; background-size: cover; padding: 2em 0; }
.dk-regMailLe { width: 38%; margin-right: 5%; float: left;  }
.dk-regMailLe h4 { color: var(--color01); font-size: 22px; margin-top: 0; }
.dk-regMailLe p { color: var(--color01); }
.dk-regMailRi { width: 57%; float: left; }
.dk-regMail .wpcf7 .wpcf7-form { background: none; margin: 0; padding: 0; border:none; }
.dk-regMail .wpcf7 .wpcf7-form p { margin: 0; }
.dk-regMail .wpcf7 input[type="email"] { border: 1px solid #f9f9f9; border-right: none; padding: 22px 12px; color: #555; font-size: 13px; transition: all 400ms; width: 100%; }
.dk-regMail .wpcf7 input[type="email"]:focus-visible { border: 1px solid #d8c715; border-right: none; outline: none; }
.dk-regMail .wpcf7 input[type="email"]::placeholder { color: #666; }
.dk-lnhMail, .dk-sbmMail { float: left; }
.dk-lnhMail { width: 79%; }
.dk-sbmMail { width: 20%; position: relative; }
.wpcf7 .wpcf7-form .dk-sbmMail input[type="submit"] { padding: 21px 30px; border-radius: 0px 5px 5px 0px; }
.dk-sbmMail .wpcf7-spinner { margin: 0 8px; position: absolute; bottom: 16px; right: -14px; }
.dk-StnSupPoz { background: url(images/ft1_decor1.png) center no-repeat; width: 249px; height: 180px; position: absolute; left: -106px; top: -26px; }
.dk-spHox { background: #fff; padding: 2em 0; width: 100%; float:left; position: relative; }
.dk-spHoxFx { display: flex; flex-wrap: wrap; }
.dk-spHoxClm { flex: 0 0 25%; padding: 10px; text-align: center; border-right: 1px solid #ccc; }
.dk-spHoxClm:last-child { border-right: 0; }
.dk-spHoxClm i { font-size: 42pt; color: var(--color01); }
.dk-spHoxClm h5 { color: #333; text-transform: uppercase; margin-bottom: 5px; }
.dk-spHoxClm p { font-size: 12px; color: #555; }

#fp-nav ul li .fp-tooltip { background:#09C; padding:3px 5px; border-radius:3px; font-size:12px; }
.dk-social { width:100%; padding-bottom:6px; position:relative; float:left; }
.dk-socialF { width:7%; margin-right:2%; padding-top:5px; float:left; }
.dk-socialF:last-child { margin-right:0; }
.dk-socialC { font-size:14px; width:11%; float:left; text-align:right; }
.dk-socialC a { padding:1px 0; display:block; }
.dk-socialLo { width:80%; text-align:center; float:left; }

#section0 { background:#FFF; }
#section3 { background:#eee; }
#section4 { background:url(images/bg01.jpg) center bottom no-repeat; }
.dk-gioithieu { width:80%; margin:0 auto; font-size:16px; color:#333; }
.dk-gioithieu p { text-align:justify; margin:7px 0; }

.dk-sanpham { float:left; width:100%; padding:1% 3%; }
.dk-sanpham h3 { background:#00bcd4; text-align:center; font-size:26px; padding:10px 0; color:#FFF; margin:0 0 1%; clear:both;
border-radius:10px; }
.dk-sanpham ul li { float:left; width:24%; margin-right:1%; margin-bottom:1%; }
.dk-sanpham ul li:nth-child(4n+0) { margin-right:0; }
.dk-sanpham ul li img { width:100%; height:auto; padding:1px; border:2px solid #000; }
.dk-sanphamBx { float:left; width:100%; }
.dk-sanphamBx ul { float:left; width:100%; }
.dk-sanphamBx ul li { height:292px; overflow:hidden; }

.dk-doitac { width:80%; margin:0 auto; padding:2% 0; }
.dk-doitac h3 { background:#feea3a; margin:0 auto; width:20%; padding:10px 0; color:#555; text-align:center; text-transform:uppercase; }

	/* ------------ Menu CSS ------------ */
	
#menu-menus ul { display:none; }
.dtk-nav { width: 80%; float: left; }
.dtk-nav ul { text-align:right; margin: 0; padding: 0; z-index:333334; }
.dtk-nav ul li { display:inline-block; position:relative; font-size:18px; margin: 0; line-height: normal; }
.dtk-nav ul li a { color:#fff; padding:28px 20px; display:block; }
.dtk-nav ul li a:hover, .dk-breadcrumbs a:hover { color: #cfdd19; }
.dtk-nav ul li ul { background:rgba(255,255,255,0.95); width:200px; position:absolute; top:98%; text-align:left; z-index:333335; }
.dtk-nav ul ul li { font-size:16px; display:list-item; position:relative; }
.dtk-nav ul ul li a { color:#333; padding:12px 10px; }
.dtk-nav ul ul li a:hover { background:#FFF; color:#0075ab; }
.dtk-nav ul ul li ul { position:absolute; left:200px; top:0; z-index:333336; }
.top-menu { width: 100%; float: left; margin: 1em 0; border-bottom: 1px solid #f6f6f6; border-top: 1px solid #f6f6f6; }
.dk-introhome { position: absolute; width: 100%; top: 20vh; color: #fff; text-align: center; padding: 0 5vh; }

.dk-breadBx { width: 100%; margin-bottom: 2em; float: left; min-height: 100px; background: url(images/blog-bc-bg.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; position: relative; }
.tax-thuong_hieu .dk-breadBx { margin-bottom: 0; }
.dk-breadBx::before { background: #000; opacity: 0.5; position: absolute; left: 0; right: 0; bottom: 0; top: 0; content: ""; }
.dk-breadcrumbs { color: #fff; position: relative; }
.dk-breadcrumbs a { padding: 14px 2px; color: #fff; display: inline-block; }
.dk-breadcrumbs p { text-shadow: 1px 1px #024e3a; }
.dk-breadBx .rank-math-breadcrumb { position: absolute; left: 0; top: 1.3em; }

.dk-menu { width:70%; position:absolute; right:0; top:0; z-index:333333; }
.dk-menu ul { text-align:right; position:relative; }
.dk-menu ul li { font-size:16px; text-transform:uppercase; display:inline-block; }
.dk-menu ul li a { color:#111; padding:18px 10px; border-bottom:1px solid #fff; display:block; }
.dk-menu ul li a:hover { color:#000; border-bottom:1px solid #C66 }
.dk-menu ul ul { background:#fff; position:absolute; left:0; right:0; top:100%; z-index:999; display:none; }
.dk-menu ul ul li { width:20%; margin-right:0; font-size:14px; text-align:left; float:left; }
.dk-menu ul ul li a { padding:8px; border-bottom:none }
.dk-menu ul ul li a:hover { background:#f3f3f3; border-bottom:none }
.dk-menu ul li.dk-menu_subh { position:relative }
.dk-menu ul li.dk-menu_subh ul { width:200px; left:0; right:inherit }
.dk-menu ul li.dk-menu_subh ul li { width:100% }
.dk-menu ul li.dk-menu_subh ul li a { padding:10px }

.widget_categories ul { position:relative; z-index:222222; padding:0 !important; }
.widget_categories ul li { position:relative; margin:0; }
.widget_categories ul li a { background:url(images/icon_cat.png) no-repeat 7px 12px; display:block; padding:7px 0 7px 27px; }
.widget_categories ul li a:hover { background:#f1f1f1 url(images/icon_cat.png) no-repeat 7px 12px; padding:7px 0 7px 32px; text-decoration:none; }
.widget_categories ul ul { background:#FFF; border-top:1px solid #CCC; position:absolute; width:100%; left:100%; top:0; z-index:112001; display:none; }
.widget_categories .parent { background:url(images/arrow.png) no-repeat right 2px; }
.screen-reader-text { display:none; }

.dk-qShCat ul { padding-left: 0; }
.dk-qShCat ul li { margin: 0; margin-bottom: 1em; display: inline-block; }
.dk-qShCat ul li span { color: #fff; position: absolute; }
.dk-qShCat ul li a { background: url(images/bgtea2.jpg); background-size: cover; padding: 16px 20px; color: #fff; width: 138px; height: 56px; border-top-right-radius: 15px; border-bottom-right-radius: 15px; border-bottom-left-radius: 25px; display: block; position: relative; }
.dk-qShCat ul li a::before { background: #6a3737; border-top-right-radius: 15px; border-bottom-right-radius: 15px; border-bottom-left-radius: 25px; opacity: 0.5; position: absolute; left: 0; right: 0; bottom: 0; top: 0; content: ""; transition: all 300ms; }
.dk-qShCat ul li a:hover::before { opacity: 0.9; }
.dk-qShCat ul li.dk-qShCat01 a { background-image: url(images/bgtea1.jpg); }
.dk-qShCat ul li.dk-qShCat01 a::before { background: #01987a; }
.dk-qShCat ul li.dk-qShCat03 a { background-image: url(images/bgtea3.jpg); }
.dk-qShCat ul li.dk-qShCat03 a::before { background: #47901c; }
.dk-qShCat ul li.dk-qShCat04 a { background-image: url(images/bgtea4.jpg); }
.dk-qShCat ul li.dk-qShCat04 a::before { background: #173f7a; }

.dk-UpDtLeBxQc { width:100%; margin-bottom:6px; float:left }
.dk-UpDtLeBxQc p { margin:5px 0 }
.dk-UpDtLeBx_Ctn { background:#fff; width:100%; margin-bottom:5px; box-shadow:6px 6px 0px rgba(0, 0, 0, .04); -webkit-box-shadow:6px 6px 0px rgba(0, 0, 0, .04); -moz-box-shadow:6px 6px 0px rgba(0, 0, 0, .04); float:left }
.dk-UpDtLeBx_Ctn img, .dk-UpDtLeBxQc img { max-width:100%; height:auto !important }

	/* ------------ Menu CSS ------------ */

#dkContent { width:74%; margin-right: 2%; float:left; }
.home #dkContent, .page #dkContent { float:left; width:100%; }
#dkContentSide { float:left; width:24%; }
#dkFooter { clear:both; }
body.error404 .page-content { width:50%; margin:0 auto }

.dtk-slideshow, .dk-showPosCat { position:relative; clear:both; }
.tagcloud { padding:5px; border:1px solid #CCC; border-top:none; }

#dkContentSide h3 { background:var(--color01); margin:0; padding:10px; color:#FFF; }
#dkContentSide .widget { background:#FFF; margin-bottom:1em; clear:both; }
.sidebar-inner .widget_listcategorypostswidget h3 { display:none; }
.sidebar-inner .widget ul { border:1px solid #CCC; border-top:none; padding:6px; }
#dkContent aside span.widget-title { background:#015061; color:#f5f5f5; padding:12px 0; font-size:18px; font-weight:bold; text-transform:uppercase; text-align:center; display:block }
.custom-html-widget { background:#fff; padding:8px; box-shadow:1px 5px 5px #ccc }

	/* ------------ List Category CSS ------------ */
	
.dk-showPosCat h2, .sidebar-inner .widget_listcategorypostswidget h2 { background:#015061; color:#f3f3f3; text-align:center; font-size:20px; padding:10px 0; margin:0 0 1%; clear:both; }
.dk-ShCtn h3 { text-align: center; color: #b31d1d; font-size: 22pt; margin: 0 0 1em; }
.dk-ShCtn h3 a { color:#f9f9f9 }
.dk-ShCtn.dk-ShCtnNe h3 a { color: #333; }
.dk-ShCtn.dk-ShCtnNe h3 a:hover { color: #018d67; }
.dk-showPosCat h2 a { color:#FFF; display:block; padding:10px; }
.dk-showPosCat ul { border:1px solid #CCC; border-top:none; float:left; }
.dk-showPosCat ul li { border-bottom:1px dashed #CCC; padding:5px; float:left; width:100%; position:relative; }
.dk-showPosCat ul li:last-child { border-bottom:none; }
.dk-showPosCat ul li a:link { font-size:16px; margin-bottom:6px; font-weight:bold; }
.dk-showPosCat ul li p { margin-top:8px; }
.dk-showPosCat ul li img { background:#FFF; float:left; margin-right:8px; border:1px solid #CCC; padding:2px; width:150px; height:150px; }
.dk-showPosCat .dk-readmore { position:absolute; bottom:7px; right:7px; }
.dk-showPosCat .dk-readmore a { font-family:"Times New Roman", Times, serif; font-size:13px; font-style:italic; }
.sidebar-inner .widget_listcategorypostswidget h2 { font-size:18px; }
.sidebar-inner .widget_listcategorypostswidget h2 a { color:#FFF; padding:10px; display:block; }
.sidebar-inner .widget_listcategorypostswidget ul { float:left; }
.sidebar-inner .widget_listcategorypostswidget ul li { float:left; width:100%; border-bottom:1px dotted #CCC; padding-bottom:5px; }
.sidebar-inner .widget_listcategorypostswidget ul li a:first-child { background:url(images/title_dotted.png) no-repeat 3px 9px; float:left; padding:5px; padding-left:22px; }
.sidebar-inner .widget_listcategorypostswidget ul li a:link { text-decoration:underline; } 
.sidebar-inner .widget_listcategorypostswidget ul li a:hover { text-decoration:none; }
.sidebar-inner .widget_listcategorypostswidget ul li img { background:#FFF; float:left; margin-right:5px; width:80px; height:80px; padding:2px; margin-top:7px; }
.sidebar-inner .widget_listcategorypostswidget ul li p { margin-top:5px; } 

	/* ------------ List Category CSS ------------ */
	
	/* ------------ Footer CSS ------------ */
	
.site-footer { color:#f9f9f9; font-size:12px; }	
.site-footer .site-info { background:var(--color01); width:100%; padding:5px; float:left; }
.site-footer .site-info p { margin: 8px 0; line-height: 1.5; font-size: 14px; }
.site-footer .site-info a { padding:4px 0; color:#f9f9f9; display:inline-block; }

	/* ------------ Footer CSS ------------ */
	
	/* ------------ Content CSS ------------ */
		
.dk-ShCtn { position:relative; width:100%; float:left }
.dk-ShCtn .hentry { float:left; width:100%; margin:1.4% 4% 0 0; padding:5px; position:relative; }
.dk-ShCtn .hentry:nth-child(2n+0) { margin-right:0; }
.dk-ShCtn .entry-thumbnail, .dk-ShCtn .entry-nothumbnail { float:left; margin-right:12px; }
.dk-ShCtn .entry-thumbnail img, .dk-ShCtn .entry-nothumbnail img { background:#FFF; width:100%; height:auto; }
.dk-ShCtn .dk-blogIg .entry-thumbnail { width: 32%; margin-right: 1em; }
.dk-ShCtn h2.entry-title { font-size:20px; margin:0; }
.dk-ShCtn .entry-content, body.category .entry-content { font-size: 17px; color: #333; }
body.category .entry-content { margin-bottom: 12px; }
.dk-ShCtn .dk-ShCtnPo { width:1200px; margin:0 auto; }
.dk-ShCtn .dk-ShCtnPo p { margin:2% 0; font-size: 15px; }
.dk-ShCtn .dk-ShCtnPo p.text-gray-600 { font-size: 14px; line-height: 1.4; }
.dk-ShCtn .dk-ShCtnPo img { width:100%; height:auto; }
.dk-ShCtn .dk-ShCtnPo img:hover { opacity: 0.9; }
.dk-ShCtn.dk-ShCtnNe .dk-ShCtnPo img { height: 180px; }
.dk-ShCtn .dk-readmore, .site-category .dk-readmore, .site-search .dk-readmore { font-family:"Times New Roman", Times, serif; font-weight:bold; font-size:14px; text-align:right; margin:1em }
.dk-ShCtn .dk-readmore a, .site-category .dk-readmore a, .site-search .dk-readmore a { border:2px solid #194a33; padding:5px 12px; color:#194a33; display:inline-block }
.dk-ShCtn .dk-readmore a:hover, .site-category .dk-readmore a:hover, .site-search .dk-readmore a:hover { background:#eee; color:#018d67; border:2px solid #018d67; }

.dtk-nav .vi-wcaio-menu-cart-content-wrap>div { margin-bottom: 0; }
.dtk-nav .vi-wcaio-menu-cart-show .vi-wcaio-menu-cart-content-wrap .woocommerce-mini-cart__empty-message { margin: 7px 8px 0; font-size: 14px; }
.dtk-nav .vi-wcaio-menu-cart-show .widget_shopping_cart .widget_shopping_cart_content { padding: 5px 0; }

.dk-ShCtn .dk-ShCtnPo ul.columns-3 li { width:32%; margin-right:2%; margin-bottom:1em; box-shadow: 0 2px 8px #ddd; float:left; }
.dk-ShCtn .dk-ShCtnPo ul.columns-3 li:nth-child(3n+0) { margin-right:0; }
.dk-ShCtn .dk-ShCtnPo ul.columns-4 li { width:23.5%; margin-right:2%; margin-bottom:1em; float:left; }
.dk-ShCtn .dk-ShCtnPo ul.columns-4 li:nth-child(4n+0) { margin-right: 0; }
ul.products { padding-left: 0; }
.dk-ShCtn .dk-ShCtnPo .dk-ShCtnPo_Ti h2 { margin:0; font-size:100%; }
.dk-ShCtn .dk-ShCtnPo .dk-ShCtnPo_Ti a { background:#fff; color:#222; padding:6px; height:58px; box-shadow:1px 1px 3px #ccc; overflow:hidden; display:block; }
.dk-ShCtn .dk-ShCtnPo .dk-ShCtnPo_Ti a:hover, .dk-ShCtn .dk-ShCtnPo ul li:hover a { background:#f5f5f5; color:#444 }
.dk-ShCtn_Top { margin-top: 2em; }
.dk-ShCtnXn { padding: 5vh 0; }
h2.text-gray-900 { font-size: 20pt; }
.dk-ShCtnPo .text-2xl i { color: #666; font-size: 30pt; }
.dk-ShCtn.dk-ShCtnNe h3 { font-size: 16px; text-align: left; margin-bottom: 0; line-height: 1.4; display: -webkit-box;
  -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.dk-ShCtn.dk-ShCtnNe .dk-ShCtnPo p.text-gray-600 { font-size: 13px; }
.dk-ldqSing .dk-ShCtn.dk-ShCtnSp { background: none; padding: 0; }
.dk-ldqSing .dk-ShCtn h3 { background: #ededed; padding: 1em; text-align: left; margin: 0; font-size: 18px; color: #8fae1b; border-left: 3px solid #8fae1b; text-transform: uppercase; }

.dk-ShCtn.dk-ShCtnSp { background:#f7f7f7; padding:1em }
.dk-ShCtn .dk-ShCtn_Hr { background:#fdcc12; height:1px; width:12%; margin:0 auto 2em }
.dk-ShCtnPo_Link { text-align:center; width:100%; float:left }
.dk-ShCtnPo_Link a { background:#03668F; color:#FC0; padding:10px 22px; display:inline-block }
.dk-oneSp { width: 100%; float: left; }
.dk-oneSpBx { max-width: 70%; }
.dk-oneSpBx a { background: #f3f3f3; padding: 1em; display: inline-block; width: 100%; height: 100%; }
.dk-oneSpBx a:hover { background: #ddd; }
.dk-oneSp_Ig { width: 32%; margin-right: 2em; float: left; }
.dk-oneSp_Ig img { max-width: 100%; height: auto; }
.dk-oneSp_Ti h2 { font-size: 20pt; margin-top: 0; }
.dk-oneSp_Rta { margin-bottom: 1em; }
.dk-oneSp_Pri { color: #C00; font-size: 24px; margin-bottom: 12px; }

.sidebar-inner .dk-qGetSp ul.products li { background:#f1f1f1 !important; width:100% !important; margin:0 0 1em !important; padding:5px !important }
.dk-catS ul.products li { width:25%; margin:0; padding:8px }
.dk-ShCtnPoIg { position:relative; overflow:hidden }
.dk-ShCtnPoIg img { width:100%; height:auto; transition: all 300ms; }
.dk-ShCtnPoD a:hover .dk-ShCtnPoIg img { transform: scale(1.2); }
.dk-ShCtnPoTi h2 { color:#194a33; font-size:17px; margin:0; padding:8px; }
body.tag .dk-ShCtnPoTi h2 { padding: 12px; }
.dk-ldqSing .dk-ShCtnPoTi h2 { font-size: 16px; font-weight: normal; line-height: 1.5; }
.dk-ShCtnPoD a:hover .dk-ShCtnPoTi h2 { color: var(--color02); }
.woocommerce ul.products li.product a:hover .dk-ShCtnPoTi h2 { color: #015061; }
.dk-ShCtnPoPri { color:#e76227; padding: 0 8px 12px; font-weight: 400; font-size: 18px; margin-top:0px }
.dk-ShCtnPoCart a { background:#009bcc url(images/icon-cart.png) left 10px center no-repeat; color:#fff; padding:10px 14px 10px 36px; display:inline-block }
.dk-ShCtnPoCart a:hover { background:#0072aa url(images/icon-cart.png) left 10px center no-repeat }
.label-hot { background-color: red;position: absolute;top: 12px;left: -33px;z-index: 1;width: 120px;height: 30px;color: #FFFFFF;font-size: 14px;line-height: 30px;font-weight: 400;text-align: center;text-transform: uppercase;-moz-transform: scale(1) rotate(-45deg) translate(0px);-webkit-transform: scale(1) rotate(-45deg) translate(0px);-o-transform: scale(1) rotate(-45deg) translate(0px);transform: scale(1) rotate(-45deg) translate(0px) }
.label-chay { background:#e68f20; padding:8px 18px; color:#fff; position:absolute; left:0; top:0; z-index:1 }
.label-new { background:#690; padding:6px 16px; color:#fff; position:absolute; left:0; top:0; z-index:1 }
a.added_to_cart { background:#8fae1b; color:#fff; padding:10px 14px; font-size:14px; position:absolute; top:30%; right:25% }
a.added_to_cart:hover { background:#C00 }


.dk-UpDt { margin:0 auto; }
.dk-UpDtLe { width:30%; margin-right:1%; padding-left:1%; float:left; }
.single .dk-UpDtLe, .category .dk-UpDtLe, body.tag .dk-UpDtLe, body.search .dk-UpDtLe { width:26%; margin-right:2%; padding-left:0; box-shadow:6px 6px 0px rgba(0, 0, 0, .04); -webkit-box-shadow:6px 6px 0px rgba(0, 0, 0, .04); -moz-box-shadow:6px 6px 0px rgba(0, 0, 0, .04); float:left; }
.dk-UpDtLe ul { background:#fff; }
.dk-UpDtLe ul li { font-weight:bold; font-size:120%; text-align:center; }
.dk-UpDtLe ul li a { background:#015061; color:#f5f5f5; padding:12px 0; display:block; }
.dk-UpDtLe ul li a:hover { background:#ccc; color:#28475f; }
.dk-UpDtLe ul ul { list-style-type:disc; list-style-position:inside; }
.dk-UpDtLe ul ul li { font-weight:normal; font-size:90%; text-align:left; list-style-type:none; position:relative }
.dk-UpDtLe ul ul li a { background:url(images/icon_cat.png) no-repeat 7px 12px; padding:8px 0 8px 26px; color:#183246; border-bottom:1px solid #eee; }
.dk-UpDtLe ul ul li a:hover { background:#f3f3f3 url(images/icon_cat.png) no-repeat 7px 12px; padding:8px 0 8px 26px }
.dk-UpDtLe ul ul ul.sub-menu { position:relative; padding-left:1em }
.dk-UpDtLe ul ul ul li a { background:url(images/dot-title.png) no-repeat 7px 12px }
.dk-UpDtLe ul ul ul li a:hover { background:#f3f3f3 url(images/dot-title.png) no-repeat 7px 12px }
.dk-UpDtRi { width:69%; margin-top:1em; float:right; }
.dk-UpDtLeBxQc img { width:100% !important; height:auto !important; }
.dk-UpDtRi_Sl { margin-bottom:10px }
.dk-UpDtRi_Ul { background:#fff; width:49%; margin-right:2%; min-height:472px; margin-bottom:1em; box-shadow:6px 6px 0px rgba(0, 0, 0, .04); -webkit-box-shadow:6px 6px 0px rgba(0, 0, 0, .04); -moz-box-shadow:6px 6px 0px rgba(0, 0, 0, .04); float:left }
.dk-UpDtRi_Ul:nth-child(2n+1) { margin-right:0 }
.dk-UpDtRi_Hx { width:100%; padding:5px; margin-bottom:5px; border-bottom:1px solid #eee; float:left }
.dk-UpDtRi_HxIg { width:42%; margin-right:2%; float:left }
.dk-UpDtRi_HxIg img { width:100%; height:auto }
.dk-UpDtRi_HxTi h2 { margin:0; font-size:18px }
.dk-UpDtRi_HxTi h2 a { padding:1px 0 4px; color:#000; display:block }
.dk-UpDtRi_HxTi h2 a:hover { color:#C60 }
.dk-UpDtRi_HxEx { font-size:12px; color:#444 }
.dk-UpDtRi_UlLi { width:100%; float:left }
.dk-UpDtRi_UlLi a { padding:8px; width:100%; height:100%; display:block }
.dk-UpDtRi_UlLi a:hover { background:#f5f5f5; padding:8px 8px 8px 14px }
.dk-UpDtRi_UlLiIg { width:12%; margin-right:3%; float:left }
.dk-UpDtRi_UlLiIg img { width:100%; height:auto; border-radius:50% }
.dk-UpDtRi_UlLiTi h2 { font-family:Arial, Helvetica, sans-serif; font-size:14px; margin:0; color:#333; font-weight:normal }

.tab-wrapper ul li.active{ background: #Fff }
.tab-item { display: none }
.dk-SiTab { background:#fff; width:100%; padding:8px; margin:1em 0; box-shadow:6px 6px 0px rgba(0, 0, 0, .04); -webkit-box-shadow:6px 6px 0px rgba(0, 0, 0, .04); -moz-box-shadow:6px 6px 0px rgba(0, 0, 0, .04); float:left }
.dk-UpDtLe ul.tab { padding-bottom:6px; margin-bottom:6px; border-bottom:1px solid #eee; width:100%; float:left }
.dk-UpDtLe ul.tab li { font-size:15px; border-right:1px solid #fff; float:left }
.dk-UpDtLe ul.tab li a { background:#f5f5f5; color:#555; padding:10px 14px; text-transform:uppercase }
.dk-UpDtLe ul.tab li a:hover { background:#24798c; color:#f3f3f3 }
.dk-UpDtLe ul.tab li.active a { background:#015061; color:#f3f3f3 }
.tab-content ul, .tab-content ul li { width:100%; float:left }
.tab-content ul li { margin-bottom:8px; padding-bottom:8px; border-bottom:1px solid #f3f3f3 }
.tab-content ul li:last-child { margin-bottom:0; padding-bottom:0; border-bottom:none }
.dk-SiTab_Ig { width:12%; margin-right:2%; float:left }
.dk-SiTab_Ig img { width:100%; height:auto }
.dk-SiTab_Ti h2 { font-size:14px; margin:0; letter-spacing:1px; text-align:left }
.dk-UpDtLe ul li .dk-SiTab_Ti a { background:none; color:#015061; padding:1px 0 5px }
.dk-UpDtLe ul li .dk-SiTab_Ti a:hover { color:#C60 }
.nap-hkt { padding: 6px 12px; width: 100%; display: block; }
.dk-hkt_Hl a { background-color: var(--color-gia); color: #fff; padding: 16px 12px; border-radius: 8px; display: inline-block; }
.dk-hkt_Hl a:hover { background-color: var(--color02); }
.dk-call { text-align: center; margin: 1.3em 0; }
.dk-hkt_Sope { margin: 1em 0; background: url(images/logo-shopee.png) no-repeat; background-size: 28px; padding-left: 2.2em; color: #f53d2d; }
.dk-hkt_Sope a { padding: 8px 5px; color: #16ad39; display: inline-block; }
.dk-hkt_Sope a:hover { color: #169bad; }
.dk-call a { background-color: var(--color-gia); padding: 16px 20px; color: #fff; border-radius: 8px; box-shadow: 0 2px 6px #9e9e9e; display: inline-block; }
.dk-call a:hover { background-color: #018d67; }

	/* ------------ Content CSS ------------ */	
	
	/* ------------ Category CSS ------------ */		
	
.site-category h3.archive-title, .archive-header h1 { background:var(--color01); margin:0; padding:12px 8px; font-size:20px; color:#f9f9f9; }
.site-category .hentry { background:#fff; float:left; width:100%; margin:1em 0; padding: 10px; border-bottom:1px solid #eee; position:relative; }
.archive-header .archive-meta { background: #f5f5f5; padding: 1em; }
.archive-header .archive-meta p, .term-description p { line-height: 1.5; }
.site-category h2.entry-title { margin:0; padding-top: 10px; font-size:20px }
.site-category .entry-nothumbnail, .site-category .entry-thumbnail { width: 34%; margin-right: 1em; float: left; }
.site-category .entry-nothumbnail img, .site-category .entry-thumbnail img { background:#FFF; float:left; width:100%; height:auto; }
body.category .site-category .entry-content p { font-size: 16px; line-height: 1.5; }
.dk-ShCtn_Cat { margin: 2em 0; }
.dk-ShCtn_Cat ul { margin: 0; }

.dk-catWrap { background: #f2f2f2 url(images/brickwall.png); padding: 1em 0; width: 100%; float: left; }
body.archive .dk-catWrap h1 { color: var(--color02); margin: 0 0 1em; font-size: 20pt; padding: 0 10px 12px; border-bottom: 1px solid; display: inline-block; }
body.archive .dk-catWrap .dk-wrapProduct h1 { border-bottom: none; margin: 10px 0; padding: 0; }

	/* ------------ Category CSS ------------ */
	
	/* ------------ Pagenav CSS ------------ */	
	
.wp-pagenavi { float:lefr; width: 100%; margin:0 0 2em; text-align: center; position:relative; }
.wp-pagenavi .pages, .wp-pagenavi .page, .wp-pagenavi .current, .wp-pagenavi .previouspostslink, .wp-pagenavi .nextpostslink { background:#01987a; color: #f5f5f5; font-size: 14px; padding:8px 15px; margin:0 3px; border: none; display: inline-block; }
.wp-pagenavi .current { background: #002E51; }
.wp-pagenavi .page:hover { background:#002E51; color:#eee; }

	/* ------------ Pagenav CSS ------------ */		
	
.site-single, .site-search { background:#fff; width:1200px; margin: 0 auto;; box-shadow:4px 3px 5px rgba(0, 0, 0, .04); -webkit-box-shadow:4px 3px 5px rgba(0, 0, 0, .04); -moz-box-shadow:4px 3px 5px rgba(0, 0, 0, .04); }	
.site-single .entry-header { background:#fff; float:left; width:100%; padding:6px; margin-bottom:12px; border-bottom:1px solid #28475f; }
.site-single .entry-content { padding:12px; clear:both; }
.site-single .entry-content h2, .dk-wrapProduct h2 { font-size:20pt; color:#206c58; }
.site-single .entry-content h3, .dk-wrapProduct h3 { font-size:17pt; color:#6c8920; }
.site-single .entry-content h4, .dk-wrapProduct h4 { font-size:16pt; color:#0072aa; }
.site-single .entry-content img, .site-content .entry-content p img, .dk-wrapProduct p img { max-width:98% !important; height:auto !important; margin:0 auto; }
.site-single .entry-content p, .site-content .entry-content p, .dk-single-product .wc-tabs-wrapper p, body.category .entry-content p, .dk-wrapProduct p { margin:1em 0; color:#333; line-height:1.6 }
.site-single .entry-content p a, .dk-single-product .wc-tabs-wrapper p a, .dk-wrapProduct p a { color: #d11515; }
.site-single .entry-content p a:hover, .dk-single-product .wc-tabs-wrapper p a:hover, .dk-wrapProduct p a:hover { color: var(--color02); }
body.category.category-blog-tra .entry-content p { font-size: 15px; }
.site-single h1.entry-title, .site-search h3.page-title { margin:0 0 12px; font-size:24px; padding-left: 10px; }
.site-search h3.page-title { padding-bottom:10px; border-bottom:1px dashed #CCC; }
.site-single .entry-title a { display:block; }
.site-single .dk-eNtMe, .dk-tagLstUl { width:100%; margin:10px 0; font-size: 14px; }
.site-single .categories-links a { background:#333; color:#FFF; padding:4px 10px; }
.site-single .categories-links a:hover { background:#F30; color:#FFF; padding:4px 10px; }
.site-single .nav-links a { margin:0 10px; }
footer.entry-meta { padding: 0 1em; margin-bottom: 1em; }
.site-single .dk-tgList { padding:12px 5px; margin:12px 0; border-top: 1px solid #666; border-bottom: 1px solid #666; }
.site-single .dk-tgList a { background#f3f3f3; :#018d67; padding:8px; margin:2px0 5px; display:inline-block; }
.site-single .dk-tgList a:hover { color: #024e3a; }
.site-single .entry-content ul, .dk-wrapProduct ul, body.page .entry-content ul { list-style-type: initial; margin: 1em 0; }
.site-single .entry-content ol, .dk-wrapProduct ol, body.page .entry-content ol { margin: 1em 0; padding-left: 1em; }
.site-single .entry-content ul li, .dk-wrapProduct ul li, .site-single .entry-content ol li, .dk-wrapProduct ol li, body.page .entry-content ul li, body.page .entry-content ol li { margin:10px 0; list-style-position: inside; line-height: 1.5; }
body.page .entry-content { background: #fff; padding: 10px; }
.dk-copyRih { padding: 0 20px 0 16px; font-size: 14px; }
.entry-copyright { background: #f6f6f6; padding: 8px 12px; border-left: 2px solid #7bbd6f; }
.dk-copyRih a { display: inline-block; padding: 6px; color: #519813; }
.dk-copyRih a:hover { color: #0075ab; padding-left: 10px; }

body.archive .dk-catSp #primary { width: 73%; margin-right: 3%; float: left; }

.dk-tagLst { width:100%; padding:6px 8px 12px; margin-bottom:12px; border-bottom:1px solid #ddd; float:left }
.dk-tagLstUl a, .dk-eNtMe a, .dk-singDxIm td a { color:#096 }
.dk-tagLstUl a:hover, .dk-eNtMe a:hover, .dk-singDxIm td a:hover { color:#C60 }

.dk-singBx { width:45%; margin-right:1%; float:left }
.dk-singBxLe { width:100% }
.dk-singBxLe_NoThumb img, .dk-singBx .bx-wrapper img { width:100% !important; height:auto !important }
.dk-singBx .dtk-kHa ul { margin:0 } 
.dk-singBx .dtk-kHa ul li { margin:0 }
.dk-singBx .bx-wrapper .bx-prev { left:0 }
.dk-singBx .bx-wrapper .bx-next { right:0 }
.dk-singBx .bx-wrapper { margin-bottom:0 }
.dk-singBx .bx-wrapper .bx-viewport { left:0 }
.dk-singBx #bx-pager { width:100%; padding:5px 0 }
.dk-singBx #bx-pager a { width:19.2%; margin-right:1%; float:left }
.dk-singBx #bx-pager a:last-child { margin-right:0 }
.dk-singBx #bx-pager img { max-width:100%; height:auto; padding:3px; border:1px solid #999; opacity:0.6; }
.dk-singBx #bx-pager img:hover, .dk-singBx #bx-pager a.active img { opacity:1; border:1px solid #000 }
.dk-singBx #bx-pager a:focus { outline:none }

.dk-catSuAh_Lkm { padding:10px }
.dk-catSuAh_Lkm h4 { background: #ededed; /* Old browsers */
background: -moz-linear-gradient(top,  #ededed 0%, #f4f4f4 59%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ededed 0%,#f4f4f4 59%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ededed 0%,#f4f4f4 59%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
 color:#28475f; font-size:18px; text-transform:uppercase; margin:0 0 12px; padding:10px; border-top:2px solid #015061; border-bottom:1px solid #f3f3f3 }
.dk-catSuAh_LkmX { padding-left:1em }
.dk-catSuAh_LkmLi { margin:2px 0; border-bottom:1px solid #f5f5f5 }
.dk-catSuAh_LkmLi a { background:url(images/list.png) left center no-repeat; padding:7px 3px 7px 12px; display:block }
.dk-catSuAh_LkmLi a:hover { text-decoration:underline }

.dk-support { float:left; width:100%; }
.dk-support .dk-supportS { background:url(images/hotline.png) no-repeat 4px 10px; margin:2px; padding:6px 6px 6px 34px; font-size:24px; font-weight:bold; }
.dk-supHbxS { float:left; width:100%; margin:10px 0 0; }
.dk-supHbxS .fb-like { float:left; width:50%; text-align:center; }
.dk-supHbxS .dk-google { float:left; width:50%; }
.site-single .dk-supHbxS .fb-like, .site-single .dk-supHbxS .dk-google { float:right; width:auto; }

.site-search article { float:left; width:100%; position:relative; border-bottom:1px dashed #666; padding-bottom:5px; margin-bottom:5px; }
.site-search h1.page-title { background:#39C; padding:5px; color:#fff; font-size:18px; font-weight:normal; }
.site-search .entry-nothumbnail img, .site-search .entry-thumbnail img { float:left; margin-right:5px; width:150px; height:159px; }
.site-search h1.entry-title { font-size:16px; margin:0 0 5px; }

.site-notfound .page-title { text-align:center; }
.dk-nFouD { background:url(images/notfound.jpg) no-repeat; width:640px; height:293px; margin: 0 auto; clear:both; }
.site-notfound .page-content { margin:2em; text-align:center; }
.site-notfound .page-content p { font-size:18px; margin-bottom:1em; }
.site-notfound .search-form { width:100%; }


#comments { background:#fff; position:relative; margin:1em 0; padding:8px; border:1px solid #CCC; width: 100%; }
.woocommerce .dk-single-product #reviews #comments h2 { font-size: 22px; color: var(--color02); }
.woocommerce .dk-single-product .star-rating span { color: var(--color02); }
.woocommerce .dk-single-product #reviews #comments ol.commentlist li img.avatar { width: 66px; }
.woocommerce .dk-single-product #reviews #comments ol.commentlist li .comment-text { margin-left: 5em; }
.woocommerce #review_form #respond .form-submit input { background: var(--wc-highlight); color: #f3f3f3; }
.woocommerce #review_form #respond .form-submit input:hover, .woocommerce #review_form #respond .form-submit input:focus { background:var(--wp--preset--color--luminous-vivid-orange); }
.woocommerce #review_form #respond p.form-submit { text-align: right; }
.comments-area { width:100%; }
.comments-area .comment-respond { background:#FFF; margin-top:20px; padding:5px; border:1px solid #CCC; float:left; clear:both; }
.comments-area h3 { margin:5px 0; padding-bottom:5px; border-bottom:1px solid #CCC; }
.comments-area .logged-in-as { margin:5px 0; }
.comments-area .logged-in-as a { color:#000; border-bottom:1px dotted #666; }
.comments-area .comment-form-comment { position:relative; }
.comments-area .comment-form-comment label { float:left; width:100%; margin-top:10px; }
.comments-area .comment-form-comment textarea { background:#f9f9f9; width:98%; margin:10px auto; padding:8px; color:#666; border:3px solid #ccc; }
.comments-area .comment-form-comment textarea:focus { border:3px solid #69F; }
.comments-area .form-allowed-tags { color:#666; font-size:13px; }
.comments-area .form-submit { text-align:right; margin:5px 3em 1em 0; }
.comments-area .form-submit input[type="submit"] {
  position: relative;
  display: inline-block;
  vertical-align: top;
  height: 36px;
  line-height: 35px;
  padding: 0 20px;
  font-size: 13px;
  color: white;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 -1px rgba(0, 0, 0, 0.4);
  background-clip: padding-box;
  border: 1px solid;
  border-radius: 2px;
  cursor: pointer;
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 0 0 1px rgba(255, 255, 255, 0.08), 0 1px 2px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 0 0 1px rgba(255, 255, 255, 0.08), 0 1px 2px rgba(0, 0, 0, 0.25);
}
.comments-area .form-submit input[type="submit"]:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: none;
  background-image: -webkit-radial-gradient(center top, farthest-corner, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0));
  background-image: -moz-radial-gradient(center top, farthest-corner, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0));
  background-image: -o-radial-gradient(center top, farthest-corner, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0));
  background-image: radial-gradient(center top, farthest-corner, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0));
}

.comments-area .form-submit input[type="submit"]:hover:before {
  background-image: -webkit-radial-gradient(farthest-corner, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.03));
  background-image: -moz-radial-gradient(farthest-corner, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.03));
  background-image: -o-radial-gradient(farthest-corner, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.03));
  background-image: radial-gradient(farthest-corner, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.03));
}
.comments-area .form-submit input[type="submit"]:active {
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
}

.comments-area .form-submit input[type="submit"]:active:before {
  content: none;
}
.comments-area .form-submit input[type="submit"] {
  background: #1097e6;
  border-color: #0d78b6 #0d78b6 #0b689e;
  background-image: -webkit-linear-gradient(top, #25a5f0, #1097e6 66%, #0f8ad3);
  background-image: -moz-linear-gradient(top, #25a5f0, #1097e6 66%, #0f8ad3);
  background-image: -o-linear-gradient(top, #25a5f0, #1097e6 66%, #0f8ad3);
  background-image: linear-gradient(to bottom, #25a5f0, #1097e6 66%, #0f8ad3);
}

.comments-area .form-submit input[type="submit"]:active {
  background: #1097e6;
  border-color: #0b689e #0d78b6 #0d78b6;
}

.comment-notes, .comment-form-author, .comment-form-email, .comment-form-url { width:100%; margin:5px 0; }
.comment-notes label, .comment-form-author label, .comment-form-email label, .comment-form-url label { width:18%; float:left; }

#comments ol li { background:#fff; list-style-type:none; float:left; width:100%; border-bottom:1px solid #CCC; margin-bottom:8px; padding-bottom:10px; clear:both; position:relative; }
#comments .comment-body { position:relative; float:left; width:100%; }
#comments .comment-meta { float:left; padding:6px; width:28%; }
#comments .comment-meta .comment-metadata { font-size:12px; margin-top:2px; }
#comments .comment-author img { width:50px; height:auto; }
#comments .comment-meta .edit-link { position:absolute; right:5px; bottom:5px; }
#comments .comment-awaiting-moderation { color:#F00; font-size:11px; }
#comments .comment-content { float:right; width:70%; padding:10px 4px 4px; border-radius:5px; color:#666; }
#comments .reply { text-align:right; margin:6px 10px 0 0; float:right; }
#comments ol li ol.children li { background:#f8f8f8; width:94%; margin-left:40px; border-bottom:none; }
#comments ol li ol.children li .comment-content { width:70%; }

	/* ------------ Search CSS ------------ */

.search-form { background:#42454e; margin-bottom:1em; float:left; }
.search-form input[type="search"] { border:none; color:#666; padding: 8px 5px; margin:8px; width:94%; font-size:14px; 
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.search-form .search-submit { margin:5px; float:right; }
.search-form input[type="submit"] { background: #1bba9a; color: #fff; font-weight: bold; margin-left: 7px; padding: 6px 10px; border:none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.search-form input[type="submit"]:hover { background:#189e83; cursor:pointer; }

	/* ------------ Lightbox Pio ------------ */
	
.dk-mediaSlide { float:left; width:100%; clear:both; margin:4px; }	
.dk-mediaSlide p, .dk-mediaSlide div { float:left; width:32%; height:128px; margin:4px; overflow:hidden; position:relative; }
.site-single .entry-content .dk-mediaSlide p img, .dk-mediaSlide div img { width:100% !important; height:auto !important; }
.dk-mediaSlide p span, .dk-mediaSlide div span { background:url(images/bgimg-h.png); width:100%; height:100%; position:absolute; top:0; z-index:5; display:block; opacity:0; }

.dk-spRelated { background: #fff; position:relative; float:left; width:100%; }
.dk-spRelated h3 { background:#28475f; color:#f5f5f5; padding:12px; margin:0 0 1em; }
.dk-spRelatedKh { width:100%; margin: 0; float:left; }
.dk-spRelatedKh li { float:left; width:32%; margin:0 2% 1em 0; }
.dk-spRelatedKh li:nth-child(3n+0) { margin-right:0; }
.dk-spRelatedKh .dk-spRelatedKhIg { float:left; width:38%; margin-right:3%; }
.dk-spRelatedKh .dk-spRelatedKhIg img { width:100%; height:auto; }
.dk-spRelatedKh .dk-spRelatedKhTi a { display:block; }
.dk-spRelatedKh .dk-spRelatedKhTi h2 { font-size:18px; margin:0; font-weight: normal; line-height: 1.5; padding-right: 8px; }
.dk-spRelatedKh .dk-readmore { float:right; margin-top:10px; margin-right: 1em; }
.site-single .dk-spRelated ul { margin:0; }
.site-single .dk-spRelated ul li { margin:0 0 1em; list-style-type:none; }

.wpcf7 { float:left; width:100%; }
.wpcf7 .wpcf7-form { float:left; background:url(images/bg-form.png); width:92%; padding:10px; margin:10px 0 5px; border:1px solid #CCC; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
div.wpcf7-mail-sent-ng { clear:both }
.wpcf7 .wpcf7-form p { float:left; width:100%; margin:6px 0; }
.wpcf7 .dk-lienheA { float:left; width:22%; padding-top:6px; color:#444; }
.wpcf7 .dk-lienheB, .wpcf7 .dk-lienheBs { float:right; width:78%; font-size:14px; line-height:26px; }
.wpcf7 .dk-lienheB textarea { width:99%; }
.wpcf7 .dk-lienheB input { width:90%; }
.wpcf7 .dk-lienheBs input { width:32%; color:#F00 !important }
.wpcf7 .dk-lienheB input, .wpcf7 .dk-lienheBs input, .wpcf7 .dk-lienheB textarea { padding:6px; color:#555; border:1px solid #CCC; border-radius:3px;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 1%, #f7f7f7 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#f7f7f7)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 1%,#f7f7f7 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 1%,#f7f7f7 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 1%,#f7f7f7 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 1%,#f7f7f7 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */
 }
.wpcf7 .wpcf7-form input[type="submit"] { background:#b32424; border:none; padding:5px 12px; color:#FFF; border-radius:5px; transition:all 300ms; }
.wpcf7 .wpcf7-form input[type="submit"]:hover { background:var(--color01) }
.wpcf7 .wpcf7-form .dk-submit { text-align:right; }
div.wpcf7-validation-errors, div.wpcf7-mail-sent-ok, .div.wpcf7-mail-sent-ng, .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output, .wpcf7 form.sent .wpcf7-response-output { clear:both; }

.dk-SlFo .wpcf7 .wpcf7-form { width:100%; border:none; background:#fff; margin:0 0 10px; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; box-shadow:6px 6px 0px rgba(0, 0, 0, .04); -webkit-box-shadow:6px 6px 0px rgba(0, 0, 0, .04); -moz-box-shadow:6px 6px 0px rgba(0, 0, 0, .04); }

#idShowpop { background:rgba(0,0,0,0.7); position:fixed; top:0; left:0; right:0; max-width:100%; height:100%; text-align:center; z-index:9999999; display:none; }
.idShowpopBx { margin:0 auto; max-width:90%; max-height:80%; padding-top:8em; font-family:Verdana, Geneva, sans-serif; font-weight:bold; display:inline-block; }
.idShowpopCse { background:url(images/close-icon.png) no-repeat; text-indent:-999999px; padding:8px 17px; color:#FFF; position:absolute; top:-12px; right:-12px; }
.idShowpopCse:hover { cursor:pointer; }
.idShowpopBxC { width:100%; height:100%; display:block; }
.idShowpopBxH { width:100%; position:relative; display:inline-block; }
.idShowpopBxHle { width:100%; float:left; }
.idShowpopBxHle span { width:25%; height:8px; float:left; }
.idShowpopBxHle-1 { background-color:#ef3e36; }
.idShowpopBxHle-2 { background-color:#abb92e; }
.idShowpopBxHle-3 { background-color:#f57826; }
.idShowpopBxHle-4 { background-color:#17b4e9; }
.dk-idShPoBx, .dk-idShPoBxEx { width:100%; float:left; }
.dk-idShPoBxTi { margin-top:1em; font-size:22px; text-transform:uppercase; color:#C00; }
.dk-idShPoBxEx img { max-width:100%; height:auto !important; }
.idShowpopBxH .wpcf7 .wpcf7-form { background:#FFF; width:100%; margin:0; border:none; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; }
.idShowpopBxH .wpcf7 .dk-lienheB, .idShowpopBxH .wpcf7 .dk-lienheBs { width:100%; float:left; }
.idShowpopBxH .wpcf7 .dk-lienheB input, .idShowpopBxH .wpcf7 .dk-lienheBs input, .idShowpopBxH .wpcf7 .dk-lienheB textarea { background:#f1f1f1; width:92%; padding:10px; border:none; border-bottom:2px solid #F63; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; }
.idShowpopBxH .wpcf7 .dk-lienheB input:focus, .idShowpopBxH .wpcf7 .dk-lienheBs input:focus, .idShowpopBxH .wpcf7 .dk-lienheB textarea:focus { background:#ddd; outline:none; }
.idShowpopBxH .wpcf7 .wpcf7-form .dk-submit { text-align:center; text-transform:uppercase; }
.idShowpopBxH .wpcf7 .wpcf7-form input[type="submit"] { background:#dd3e3e; padding:10px 22px; border:none; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; }
.idShowpopBxH .wpcf7 .dk-lienheB textarea { height:100px; }

.dk-kapFom h3 { background:#28475f; margin:0; padding:10px; color:#f9f9f9; text-transform:uppercase; font-size:28px; letter-spacing:2px }
.dk-kapFom .wpcf7 .wpcf7-form { width:100%; margin:0 0 1em; border:1px solid #28475f; border-top:none; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; }
.dk-kapFom .wpcf7 .wpcf7-form input[type="submit"] { background:#F90; border:none; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0 }

.site-single.dk-kapFomS .entry-content div.wpcf7 h3 { background:#28475f; margin:0; padding:10px; color:#f9f9f9; text-transform:uppercase; font-size:18px; letter-spacing:2px }
.dk-kapFomS .wpcf7 .wpcf7-form { width:100%; margin:0 0 1em; border:1px solid #7c9eb9; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; }
.dk-kapFomS .wpcf7 .wpcf7-form input[type="submit"] { background:#F90; padding:10px 16px; border:none; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0 }
.dk-kapFomS .dk-kapFomSp { width:100%; margin:10px 0; float:left }
.dk-kapFomS .dk-LhFhBxSva { width:16%; margin-right:2%; padding-top:12px; text-transform:uppercase; float:left }
.dk-kapFomS .dk-LhFhBxSvb { width:82%; float:left }


@media (max-width: 1024px) {
	#fullpage, .dk-page, .dk-catSp, .dk-breadcrumbs, .dk-regMail, .dk-section, .site-single, .dk-topbn, .site-search, .dk-ShCtn .dk-ShCtnPo { width:990px; }
	.page #dkContent { width:100%; padding:0 2%;  }
	.dk-soBx { width:98%; padding-top:1%; }
	.dk-ShCtn .entry-content { font-size:16px; }
	.dk-showPosCat h2, .sidebar-inner .widget_listcategorypostswidget h2, .dk-ShCtn h3, .dk-UpDtLe ul li { font-size:18px }
	.dk-sanphamBx ul li { height:220px; }
	.dk-logo { height:26%; }
	.dk-socialNe img { max-width:100%; height:auto; }
	.dk-socialNe-3, .dk-socialNe-4 { font-size:90%; }
	.dk-regMailLe { width: 100%; margin: 0 0 2em; padding: 0 10% 0 20%; }
	.dk-regMailRi { width: 85%; padding-left: 20%; }
	.dk-StnSupPoz { top: 20px; left: -86px; }
	.dk-singFx { grid-template-columns: repeat(auto-fit, minmax(450px, 1fr));  }
}
@media (max-width: 850px) {
	#fullpage, .dk-page, .dk-catSp, .dk-breadcrumbs, .dk-regMail, .dk-section, .site-single, .dk-topbn, .site-search, .dk-ShCtn .dk-ShCtnPo { width:97%; }
	.dk-banner img { height: 60px !important; }
	.dk-breadcrumbs p { font-size: 14px; }
	.dk-menu { width:100%; }
	.dk-menu ul { text-align:center; }
	.dtk-nav ul li { font-size:17px; }
	.dtk-nav ul li a { padding:20px 8px; }
	.dtk-nav ul ul li { font-size:16px; }
	.dk-logo { margin:2.2% 0 1.2%; }
	.dk-logo img { width:64%; }
	.dk-ShCtnPoTi h2 { font-size: 16px; }
	.dk-socilHl { font-size:24px; }
	.dk-soBx { width:100%; }
	.dk-soBx ul li { width:16.5%; }
	.dk-sanpham { padding:1%; }
	.dk-ShCtn .entry-content { font-size:15px; }
	.dk-sanphamBx ul li { height:175px; }
	.dk-LhDk { width:100px; }
	.dk-UpDtLe { width:100%; }
	.dk-UpDtRi { width:100%; }
	.dk-oneSpBx { max-width: 85%; }
	.dk-regMailLe, .dk-regMailRi { padding-left: 25%; }
	.dk-footer .dk-page { grid-template-columns: 34% 19% 19% 19%; }
	.single .dk-UpDtLe, .category .dk-UpDtLe, body.tag .dk-UpDtLe, body.search .dk-UpDtLe, .dk-UpDtLe ul { width:100%; float:left }
	.dk-pageBneHn-Ig { height: 180px;}
	.dk-ShCtn h2.entry-title { font-size: 17px; }
	.dk-singFx { grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); }
	.dk-singFxRi_Hl { font-size: 15px; }
	.dk-singFxRi_Mtr p { font-size: 14px; }
	.dk-UpDtLe ul li { font-size:100%; padding:2px; float:left; }
	.dk-UpDtLe ul ul li { font-size:90%; width:100% }
	.dk-UpDtLe ul.tab li { width:33.33% }
	.dk-UpDtLeBxQc img { max-width:100%; }
	.dk-UpDtLeBxQc { width:100%; text-align:center; float:left; }
	.dk-gtLn p { font-size:14px; line-height:1.5 }
	.dk-socialC  { width:14%; }
	.dk-socialLo { width:76%; }
	.dk-socialNeLi { width:100%; }
	.site-single .entry-content p, .site-content .entry-content p { word-break: break-word; font-size: 15px; }
	.dk-kapFomS .dk-LhFhBxSva { width:20%; padding-top:14px }
	.dk-kapFomS .dk-LhFhBxSvb { width:78% }
	.dk-kapFomS h3 { font-size:22px }
}
@media (max-width: 480px) {
	.page .acf-map { width:100% !important; }
	.idShowpopBx { padding-top:3em }
	h2 { font-size:22px; }
	.page #dkContent { padding:0 0; }
	#dkContent, #dkContentSide { width: 100%; margin: 0 0 1em; }
	.top-menu { margin: 8px 0; }
	.dk-breadBx { min-height: 100px; }
	.dk-banner { width: 100%; text-align: center; margin-bottom: 10px; }
	.dk-UpDtLe, .dk-UpDtRi, .single .dk-UpDtLe, .category .dk-UpDtLe, body.tag .dk-UpDtLe { width:100%; float:left; }
	.single .dk-UpDtLe, .category .dk-UpDtLe, body.tag .dk-UpDtLe { background:#FFF }
	.dk-gioithieu { width:96%; padding-right:18px; }
	.dtk-nav { width: 100%; border-top: 1px solid #2a5c45; }
	.top-cta { display: block; }
	.top-ctaA { margin-bottom: 10px; }
	.top-ctaA, .top-ctaB { text-align: center; }
	.dk-menu { background:#f5f5f5 }
	.dtk-nav ul, .dk-menu ul { text-align:center; }
	.dtk-nav ul li, .dk-menu ul li { font-size:14px; font-family: Arial, Helvetica, sans-serif; }
	.dtk-nav ul li a, .dk-menu ul li a { padding:14px 5px 10px; }
	.dtk-nav ul li ul, .dk-menu ul ul { height:0; overflow:hidden; display:none !important; }
	.vi-banner { height:auto; width:100%; padding: 10px 0 5px; }
	.dk-logo img { width:90%; }
	.dk-logo { margin:0 0 1.2%; height:17%; }
	.dk-socialF { margin-right:6%; }
	.dk-socialF img { width:auto; height:auto; }
	.dk-soBx ul li { width:32.5%; }
	.dk-socil { height:60%; }
	.dk-socilHl { font-size:18px; }
	.dk-soBx { padding-top:3%; }
	.dk-soBx .dk-soBxTi { font-size:16px; }
	#fp-nav.right { right:0 !important; }
	.dk-gioithieu h2 { margin:10px 0; }
	.dk-oneSpBx { max-width: 100%; }
	.dk-oneSp_Ti h2 { margin-bottom: 12px; font-size: 14pt; }
	.dk-oneSp_Pri { font-size: 15px; }
	.dk-oneSp_Klg { font-size: 13px; }
	.dk-oneSp_Ig { margin-right: 1em; width: 38%; border: 1px solid #ddd; }
	.site-single .entry-content { padding: 10px 0; }
	.site-single .entry-content h2, .dk-wrapProduct h2, body.archive .dk-catWrap .dk-wrapProduct h1 { font-size: 15pt; }
	.site-single .entry-content h3, .dk-wrapProduct h3 { font-size: 14pt; }
	.site-single .entry-content h4, .dk-wrapProduct h4 { font-size: 13pt; }
	.site-single .entry-content p, .site-content .entry-content p, .dk-single-product .wc-tabs-wrapper p, body.category .entry-content p, .dk-wrapProduct p { font-size: 14px; }
	.site-single .entry-content ul li, .dk-wrapProduct ul li, .site-single .entry-content ol li, .dk-wrapProduct ol li, body.page .entry-content ul li, body.page .entry-content ol li { font-size: 14px; }
	.dk-regMailLe p { font-size: 13px; line-height: 1.5; }
	.archive-header .archive-meta p, .term-description p { font-size: 14px; }
	.dk-singFx { display: block; padding: 0 8px; }
	.dk-singFxLe { padding-left: 0; }
	.dk-singFxRi { padding: 0 3px; margin-top: 12px; }
	.dk-ShCtnPoPri, .dk-singFxRi_Pri .dk-ShCtnPoPl { font-size: 14px; }
	body.archive .dk-catWrap h1 { margin-top: 1em; }
	.dk-singDx h2.dk-sing_title { font-size: 16px; }
	.dk-singDxIm table td, .faq-answer { font-size: 13px; }
	.dk-singDxIm table td { padding: 6px 10px; }
	#toc_container ul li a { padding: 3px 0; display: block; }
	.faq-item h3 { font-size: 15px; }
	.dk-ShCtn .dk-ShCtnPo ul.columns-4 li, .dk-ShCtn .dk-ShCtnPo ul.columns-4 li:nth-child(4n+0) { width: 49%; margin-right: 2%; }
	.dk-ShCtn .dk-ShCtnPo ul.columns-4 li:nth-child(2n+0) { margin-right: 0; }
	.dk-singFxRi_Ti h1, .dk-singFxRi_Ti h2 { font-size: 16pt; }
	.site-single h1.entry-title, .site-search h3.page-title { font-size: 18px; padding-left: 0; }
	.dk-sanpham ul li { width:48%; height:170px; }
	.dk-sanpham ul li img { width:100%; height:100%; }
	.dk-ShCtn .hentry { width:96%; margin:2.4% 0 0 0; }
	.site-single .dk-tgList a { font-size:13px; }
	.dk-ShCtnPoTi h2, .dk-ldqSing .dk-ShCtnPoTi h2 { font-size: 14px; padding: 8px 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: Arial, Helvetica, sans-serif; }
	.dk-ShCtn .dk-ShCtnPo ul.columns-3 li { width: 49%; }
	.dk-ShCtn .dk-ShCtnPo ul.columns-3 li:nth-child(2n+0) { margin-right: 0 !important; }
	.dk-ShCtn .dk-ShCtnPo ul.columns-3 li:nth-child(3n+0) { margin-right: 2%; }
	.dk-ShCtn .dk-ShCtnPo ul.columns-3 li:last-child { margin-right: 0; }
	.dk-pageBne, .dk-blogNe { display: block; }
	.dk-catWrap { background-image: url(images/witewall_3.png); padding: 0 8px; }
	.dk-StnSupPoz { background-size: 60%; left: -106px; top: -24px; }
	.dk-spHoxClm { flex: 0 0 50%; border-right: none; }
	.dk-regMailLe, .dk-regMailRi { width: 100%; }
	.dk-regMailRi { padding-left: 2%; }
	.dk-pageBneHn { width: 100%; margin: 0 0 1em; }
	.dk-pageBneHn-Ex { max-width: 70%; line-height: 1.6; }
	.dk-footer .dk-page { display: block; }
	.dk-footUl { padding-left: 2em; }
	.wpcf7 .wpcf7-form { width:100%; }
	.wpcf7 .dk-lienheA { width:100%; }
	.wpcf7 .dk-lienheB, .wpcf7 .dk-lienheBs { width:100%; }
	.dk-soBx .dk-soBxIg { padding:0 10%; }
	.dk-soBx .dk-soBxIg img { width:100%; height:auto; }
	.dk-ShCtn .dk-ShCtnPo p { margin:3% 0; font-size:90%; }
	.dk-ShCtn .dk-readmore, .site-category .dk-readmore, .site-search .dk-readmore { display:none; }
	.site-category h2.entry-title { font-size: 15px; }
	body.category .site-category .entry-content p { font-size: 13px; }
	.dk-qShCat ul li { margin-left: 1em; }
	.dk-qShCat ul li a { width: 156px; height: 62px; }
	.site-infoFa { width:100%; text-align:center; }
	.site-infoFb { width:100%; }
	.dk-spRelatedKh .dk-spRelatedKhIg { width:40%; margin-right:2%; }
	.dk-spRelatedKh .dk-spRelatedKhTi, .dk-spRelatedKh .dk-spRelatedKhEx { width:auto; float:none; }
	.dk-socialF, .dk-socialC { text-align:center; }
	.dk-socialF, .dk-socialC, .dk-socialLo { width:100%; }
	.dk-socialNeLi.dk-socialNe-1, .dk-socialNeLi.dk-socialNe-2 { width:100%; text-align:center; }
	.dk-socialNeLi.dk-socialNe-3, .dk-socialNeLi.dk-socialNe-4 { width:100%; }
	.dk-ShCtn .dk-ShCtnPo ul li { width:100%; margin-right:0; }
	.dk-ShCtn .dk-ShCtnPo .dk-ShCtnPo_Ti a { height:auto; }
	.dk-UpDtLe ul li, .dk-socialNe, .dk-PaMap { width:100%; }
	.dk-UpDtLe ul ul li { font-size:90%; } { font-size:100%; }
	.dk-showPosCat h2, .sidebar-inner .widget_listcategorypostswidget h2, .dk-ShCtn h3 { font-size:20px; }
	.dk-spRelatedKh li { width:100% }
	.dk-spRelatedKh .dk-spRelatedKhIg { width:38% }
	.dk-spRelatedKh .dk-spRelatedKhTi h2 { font-size: 17px; }
	.dk-gtLn_Le, .dk-gtLn_Ri { width:100%; padding:8px }
	.dk-UpDtRi_Ul { width:100%; margin:0 0 10px; min-height:inherit }
	.dk-UpDtRi_HxIg { width:34% }
	.nap-hkt { padding: 0 2px; }
	.dk-hkt_Sope { font-size: 14px; }
	.dk-hkt_Sope a { font-size: 15px; }
	.dk-kapFomS .dk-LhFhBxSva { width:28%; font-size:13px; padding-top:12px }
	.dk-kapFomS .dk-LhFhBxSvb { width:70% }
	.dk-spHoxClm h5 { font-size: 14px; }
}
@media (max-width: 390px) {
	.dtk-nav ul li { font-size: 13px; }
	.dtk-nav ul li a { padding:15px 4px 10px; }
	.dk-socilHl { font-size:18px; }
	.dk-soBx .dk-soBxTi { font-size:14px; }
	.dk-soBx { padding-top:1%; }
	.dk-soBx .dk-soBxIg { padding:0 8%; }
	.dk-ShCtnPoTi h2 { font-size: 13px; }
}