/*create by designonshop.com*/
body { margin:0; padding:0; padding-top: 117px; font-family:'Kanit'; /*font-family:Tahoma, Geneva, sans-serif;*/ font-size:14px; background-color: #e9ecef; color:#525252;}
a:hover { text-decoration: none;}
a { color: #222; }
a:hover { text-decoration: none; }
a.orange { color: #e25f3f; }
a.orange:hover { text-decoration: none; color: #222;}
img.img-fluid-full{ width: 100%;}
p { margin: 0; padding: 0;}
h1.productTitle { font-size: 25px;}
h4.Title1 { margin-bottom: 0;}
.none { display:none;}
.fix { clear:both; }
.mt_xll { margin-bottom: 5px;}
.mt_xl { margin-bottom: 10px;}
.mt_sm { margin-bottom: 15px;}
.mt_md { margin-bottom: 20px;}
.mt_mdd { margin-bottom: 25px;}
.mtt_xl { margin-top: 10px;}
.mtt_sm { margin-top: 15px;}
.mtt_md { margin-top: 20px;}
.mtt_mdd { margin-top: 25px;}
.mtb_sm { margin-top: 15px; margin-bottom: 15px;}
.mtb_md { margin-top: 25px; margin-bottom: 25px;}
.mtb_sm { margin-top: 30px; margin-bottom: 30px;}
.mtb_lg { margin-top: 40px; margin-bottom: 40px;}
.mtb_xl { margin-top: 50px; margin-bottom: 50px;}
.font_sm { font-size: 13px;}
.font_smm { font-size: 14px;}
.font_md { font-size: 16px;}
.font_lg { font-size: 20px;}
.font_xl { font-size: 30px;}
.container_page { margin-top: 15px; margin-bottom: 15px; }
.fixed-top {position: fixed;top: 0;right: 0;left: 0;z-index: 1030;}
.header_content_page_top {background: #007bff; padding-top: 3px; padding-bottom: 0; font: 14px / 20px "Tahoma", Helvetica, Arial, Verdana, sans-serif;}
.header_content_page_top a { text-decoration:none;}
.header_content_page_top .nav-link-def a{ color: #1f1f1f;}
.header_content_page_top .nav-link-def a:hover { color: #fff;}
.header_content_page_top .item-link-dropdown-menu a:hover { color: #007bff;}
.header_content_page_top .nav-link-dropdown a{ color: #1f1f1f;}
.header_content_page_top .user_login_image { margin-top: -5px;}
.header_content_page_top .user_login_image img{width: 30px;}
.header_content_page_menu { background-color: #fff;}
.header_content_page_menu a { font-size: 16px;}
.header_content_page_menu a.nav-link2 { color: #1f1f1f; }
.header_content_page_menu .dropdown-item-font { font-size: 14px;}
.slide-full { background-color:#fff; min-height: 100px;}
.container_footer { background-color: #007bff; padding: 15px 0; color: #fff;}
.container_footer ul { list-style: none; margin: 0; padding: 0; }
.container_footer a { color: #555; font-family: Tahoma, Verdana, Segoe, sans-serif; font-size: 13px;}
.container_footer a:hover { color: #ffc107; }
.container_mt { margin-top: 15px; margin-bottom: 15px;}
.container_sm { margin-top: 20px; margin-bottom: 20px;}
.container_md { margin-top: 25px; margin-bottom: 25px;}
.navbar-brand img{ max-height: 30px;}
.imageMaxsize_smmm { max-width: 50px;}
.imageMaxsize_smm { max-width: 100px;}
.imageMaxsize_sm { max-width: 200px;}
.content_list_table { color: #777777; font-size: 15px;}
small.footerDIV { font-size: 11px;}
.head_shadow {-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.25);
    -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,.25);
                -box-shadow: 0 2px 5px 0 rgba(0,0,0,.25);
                -webkit-touch-callout: none; /* iOS Safari */
                -webkit-user-select: none; /* Safari */
                -khtml-user-select: none; /* Konqueror HTML */
                -moz-user-select: none; /* Firefox */
                -ms-user-select: none; /* Internet Explorer/Edge */
                user-select: none; /* Non-prefixed version, currently
                                          supported by Chrome and Opera */
}
.dropdown-divider {
    border-top: 1px solid #e1ebee;
}
.wrapper { padding-top: 25px;}

.fieldset {width: 100%;min-height:310px;border: 1px solid #BBB;clear: left;padding: 15px 20px;-khtml-border-radius: 3px;-moz-border-radius: 3px;-opera-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}
.fieldset legend {letter-spacing: .7px;padding: 0 5px 3px;border-bottom: black;width: initial;margin-bottom: 0px !important;}
.fieldset p { padding: 0; margin: 0;}

.trackTop { height: 300px;width: 100%;background: url(../../images/banner_track.jpg) center no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;-ms-background-size: cover;background-size: cover;text-align: center;}
.trackTop .boxTrack {color: #ffffff;margin-top: 100px; }
.trackTop .input-w { width: 500px;}

.section-status  { padding:40px 20px; }
.section-status > .warpper { max-width:1100px;margin:0px auto; }
.section-status .row { position:relative;display:table;min-height:300px;width:100%; }
.section-status .row > .col { display:table-cell;vertical-align:top;width:40%;position:relative; }
.section-status .row > .colStatus { border-left:1px #c8c8c8 solid;width:60%; }
.tstatus { font-size:16px;/*width:580px;*/position:relative;overflow:auto;padding-bottom:20px;  }
.tstatus > .date { color:#808080;text-align:right;width:150px;float:left;margin-top:4px;margin-right:95px;padding-left:10px;   }
.tstatus > .icon { width:45px;margin:0px 25px;background:url(../../images/line.png) center repeat-y;height:100%;position:absolute;left:150px;top:0px;height:100%;overflow:hidden }
.tstatus > .icon > .img {height:45px;width:45px;background-image: url(../../images/wait.png);background-repeat: no-repeat;}
.tstatus > .desc { float:left;width:320px; }
.tstatus > .desc > .d1 { color:#e96514;margin-bottom:2px; }
.tstatus:last-child > .icon { background:none!important}


/*.success > .icon {background-image:url(../img/page_track/status/line.png)}*/
.normaly-success > .icon > .img {background:url(../../images/normaly-success.png) no-repeat; }
.normaly-process > .icon > .img {background:url(../../images/normaly-process.png) no-repeat; }
.normaly-warning > .icon > .img {background:url(../../images/normaly-warning.png) no-repeat; }
.normaly-return > .icon > .img {background:url(../../images/normaly-return.png) no-repeat; }

.piority-success > .icon > .img {background:url(../../images/piority-success.png) no-repeat; }
.piority-process > .icon > .img {background:url(../../images/piority-process.png) no-repeat; }
.piority-warning > .icon > .img {background:url(../../images/piority-warning.png) no-repeat; }
.piority-return > .icon > .img {background:url(../../images/piority-return.png) no-repeat; }


/*
.modal-open .modal.modal-center {
    display: flex!important;
    align-items: center!important;
    .modal-dialog {
        flex-grow: 1;
    }
}
*/
/*.modal-open .container-fluid, .modal-open .container {filter: blur(2px);-webkit-filter: blur(2px);-moz-filter: blur(2px);-o-filter: blur(2px);-ms-filter: blur(2px);}*/
.modal-center .modal-dialog {
    -webkit-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    transform: translate(0,-50%);
    top: 20%;
    margin: 0 auto;
}

input::-webkit-input-placeholder {color: #c9c9c9 !important;font-family:Tahoma, Geneva, sans-serif; font-size: 14px;}
input::-moz-placeholder {color: #c9c9c9 !important;font-family:Tahoma, Geneva, sans-serif;font-size: 14px;}
input:-moz-placeholder {color: #c9c9c9 !important;font-family:Tahoma, Geneva, sans-serif;font-size: 14px;}
input:-ms-input-placeholder {color: #c9c9c9 !important;font-family:Tahoma, Geneva, sans-serif;font-size: 14px;}
textarea::-webkit-input-placeholder {color: #c9c9c9 !important;font-family:Tahoma, Geneva, sans-serif; font-size: 14px;}
textarea::-moz-placeholder {color: #c9c9c9 !important;font-family:Tahoma, Geneva, sans-serif;font-size: 14px;}
textarea:-moz-placeholder {color: #c9c9c9 !important;font-family:Tahoma, Geneva, sans-serif;font-size: 14px;}
textarea:-ms-input-placeholder {color: #c9c9c9 !important;font-family:Tahoma, Geneva, sans-serif;font-size: 14px;}
.card { border-radius:5px; }
.card:hover { }
.card h2 { font-size: 16px; margin-bottom: 5px; white-space: nowrap;text-overflow: ellipsis;max-height: 22px;color: #4b67ca; overflow: hidden;}
.card .item-location { font-size: 12px; color: #9b9b9b;}
.card-img-top {border-top-left-radius: 5px;border-top-right-radius: 5px;}
.card-body-padding {padding: 10px;}
.card-footer { padding-top: 5px; padding-bottom: 5px;}
.divider {overflow: visible;border-bottom: 1px solid #dddddd;text-align: center;height: 13px;margin-bottom: 25px;margin-top: 15px;}
.divider > span {background-color: #fff;font-size: 18px;line-height: 100%;text-transform: lowercase;padding: 0 10px;}
.breadcrumb-item+.breadcrumb-item::before {content: ">"; font-size: 13px;}
.list-group-item:first-child {border-top-left-radius: 0;border-top-right-radius: 0;}
.list-group-item:last-child {border-bottom-right-radius: 0;border-bottom-left-radius: 0;}

.btn,label,select,input[type="checkbox"] { cursor: pointer;}
.form-control:focus {border-color:#898989;outline: 0;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 0 rgba(102, 175, 233, .6);box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 0 rgba(102, 175, 233, .6);}
.breadcrumb_head {padding: 0;background-color: #fff;border-radius:0; font-size: 13px;}
.breadcrumb-row { background-color: transparent; margin-bottom: 0; border-radius: 0; font-family: Tahoma, Verdana, Segoe, sans-serif; font-size: 13px; padding-left: 0; padding-right: 0;}
.breadcrumb-item-row+.breadcrumb-item-row::before {content: ">";}
.tab-content-border { border: 1px solid #dee2e6; border-top: 0;}
.breadcrumb-m { padding-left: 5px; padding-right: 5px; margin-bottom:0;}

.table-font { font-family:Tahoma, Geneva, sans-serif; font-size: 14px;}
.scrollable-menu {height: auto;max-height: 200px;overflow-x: hidden;}
.row-plr { padding-left: 5px; padding-right: 5px; }
.navbar-brand { padding-top: 0; padding-bottom: 0;}
.bg-inverse {background-color: #fff!important;}
.nav-item-img img { width: 100%;}

.page-title-row { font-size: 18px; }
.page-title-row h1,.page-title-row h2,.page-title-row h3,.page-title-row h4{ margin-bottom: 0;}
.border-left-list {border-left: 1px solid #ebebeb!important; border-top: 1px solid #ebebeb!important;}
.grid-row { border-radius:0; position: relative; border: 0; border-bottom: 1px solid #ebebeb; border-right: 1px solid #ebebeb; }
.grid-image { overflow: hidden; }
.grid-image img { -moz-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s; }
.grid-image:hover img { -moz-transform: scale(1.1);-webkit-transform: scale(1.1);transform: scale(1.1); }
.grid-top-image { border-radius:0; }

.media-row-main a:hover { text-decoration: none; color: #B31E8D!important;}
.media-row { margin-top: 15px;padding: 5px;background-color: #fff; transition: border-radius: 2px; -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.25);-moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.25);box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.25);  }
.media-row:hover { background-color: #ffe5f8; }
.media-row img { width: 100px;}
.media-row .media-body h5 { font-size: 17px;}
.media-row .media-body .dec{ font-size: 12px; color: #999; height: 45px; overflow: hidden;}

.items-grid { position: relative; min-height: 310px; background-color: #fff;}
.items-grid .card-body {padding: 10px;}
.items-grid:hover { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); transition: box-shadow .3s; }
.items-image { overflow: hidden; }
.items-image img { -moz-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s; }
.items-image:hover img { -moz-transform: scale(1.1);-webkit-transform: scale(1.1);transform: scale(1.1); }
.items-title {margin-bottom: 2px; white-space: nowrap;text-overflow: ellipsis;max-height: 22px; overflow: hidden;}
.items-title a {line-height: 1.5em;font-weight: 400;display: inline-block;zoom: 1;font-size: 16px;color: #222;}
.items-title a:hover { color: #28a745;}
.items-title2 {margin-bottom: 2px; height: 50px; -webkit-line-clamp: 2;-webkit-box-orient: vertical; overflow: hidden;}
.items-title2 a {line-height: 1.5em;font-weight: 400;display: inline-block;zoom: 1;font-size: 16px;color: #222;}
.items-title2 a:hover { color: #28a745;}
.items-price { font-size: 20px;background-color: transparent; }
.items-price .price_sale { color: #000; padding-right: 5px;}
.items-price .price_compare { font-size: 14px; color: rgba(0,0,0,.54);font-weight: 300; }
.items-desc {font-size: .8em;color: #888;display: -webkit-box;height: 50px;-webkit-line-clamp: 3;-webkit-box-orient: vertical;line-height: 1.4;overflow: hidden;text-overflow: ellipsis;margin-bottom: 5px;}
.items-brand { text-align: center;}
.items-brand img { max-width: 100px;}
.items-bookmark { }
.items-bookmark:hover a { color: #ff0000;}
h1.cateleft { font-size: 25px; color: #000;}
.page-title-row { font-size: 25px;font-weight: 400;margin-bottom: 0; color: #000; }
.listing-title {font-size: 20px;font-weight: 400;margin-bottom: 16px; color: #000;}
.listing-title>span {padding: 8px 0;border-bottom: 4px solid #dbdbdb;}
.link-hit { font-size: 13px;}
.product-image{width: 100%;object-fit: cover;height: 300px;}