/*******************End Reset Css**********************/
/*:root {
  --color: #a6acbc;
  --color_hover: #fff;
  --background: #cb0000;
  --background-body: #edf1f5;
  --background-error: #0091ea;
  --background-menu-top: #4f5467;
  --bghover: #e43b3b;
  --border-solid: 1px solid #03a9f4;
  --border-solid-grey: 1px solid #f4f5f6;
  --while: #fff;
  --bggradient: #329cd9;
  --bggradient-web: #329cd9;
  --font-hel: "Roboto";
  --button-success: #4caf50;
  --btn-button: #cb0000;
  --btn-hover: #e43b3b;
  --font-normal: 14px;
  --font-medium: 18px;
  --font-large: 20px;
  --font-menu: 15px;
  --btn-tags-button: #cb0000;
  --btn-tags-hover: #e43b3b;
}*/
.row{
  max-width: 75rem;
}
ul {
    margin: 0px;
}
a, [href] {
  color: inherit;
}
p { position: relative; margin-bottom: 0px !important;}
.general-detail li p, span { display: inline !important; }
/*******************Reset Css**********************/
.btn-DivCount, .btn-AddCount {line-height: 30px;
line-height: 30px;
width: 30px;
height: 30px;
text-align: center;
background: var(--background);
color: #fff;
cursor: pointer;
}
.btn-DivCount:hover, .btn-AddCount:hover {
background: #635a5a;
}
.image_ytb{
  cursor: pointer;
}
.video-s:hover {
  background-position: 0 -73px;
}
.video-s {
  background-image: url('../img/video.png');
  background-repeat: no-repeat;
  background-size: auto;
  background-position: 0 0;
  border-radius: 50%;
  display: block !important;
  cursor: pointer;
  height: 72px;
  left: 50%;
  margin: -36px 0 0 -36px;
  position: absolute;
  top: 50%;
  width: 72px;
}
.nav-bar { background-color: #fff; }
.padding-0-0{padding:0px}
.padding-10{padding:10px}
.padding-20{padding:20px}
.padding-30{padding:30px}
.padding-40{padding:40px}
.padding-50{padding:50px}
.padding-10-0{padding:10px 0px}
.padding-20-0{padding:20px 0px}
.padding-30-0{padding:30px 0px}
.padding-40-0{padding:40px 0px}
.padding-50-0{padding:50px 0px}
.padding-0-10{padding:0px 10px}
.padding-0-20{padding:0px 20px}
.padding-0-30{padding:0px 30px}
.padding-0-40{padding:0px 40px}
.padding-0-50{padding:0px 50px}
.padding-left-10{padding-left:10px}
.padding-left-20{padding-left:20px}
.padding-left-30{padding-left:30px}
.padding-left-40{padding-left:40px}
.padding-left-50{padding-left:50px}
.padding-right-10{padding-right:10px}
.padding-right-20{padding-right:20px}
.padding-right-30{padding-right:30px}
.padding-right-40{padding-right:40px}
.padding-right-50{padding-right:50px}
.padding-top-10{padding-top:10px}
.padding-top-20{padding-top:20px}
.padding-top-30{padding-top:30px}
.padding-top-40{padding-top:40px}
.padding-top-50{padding-top:50px}
.padding-bottom-10{padding-bottom:10px}
.padding-bottom-20{padding-bottom:20px}
.padding-bottom-30{padding-bottom:30px}
.padding-bottom-40{padding-bottom:40px}
.padding-bottom-50{padding-bottom:50px}
.margin-0-0{margin:0px auto}
.margin-10{margin:10px}
.margin-20{margin:20px}
.margin-30{margin:30px}
.margin-40{margin:40px}
.margin-50{margin:50px}
.margin-10-0{margin:10px 0px}
.margin-20-0{margin:20px 0px}
.margin-30-0{margin:30px 0px}
.margin-40-0{margin:40px 0px}
.margin-50-0{margin:50px 0px}
.margin-0-10{margin:0px 10px}
.margin-0-20{margin:0px 20px}
.margin-0-30{margin:0px 30px}
.margin-0-40{margin:0px 40px}
.margin-0-50{margin:0px 50px}
.margin-left-10{margin-left:10px}
.margin-left-20{margin-left:20px}
.margin-left-30{margin-left:30px}
.margin-left-40{margin-left:40px}
.margin-left-50{margin-left:50px}
.margin-right-10{margin-right:10px}
.margin-right-20{margin-right:20px}
.margin-right-30{margin-right:30px}
.margin-right-40{margin-right:40px}
.margin-right-50{margin-right:50px}
.margin-top-10{margin-top:10px}
.margin-top-20{margin-top:20px}
.margin-top-30{margin-top:30px}
.margin-top-40{margin-top:40px}
.margin-top-50{margin-top:50px}
.margin-bottom-10{margin-bottom:10px}
.margin-bottom-20{margin-bottom:20px}
.margin-bottom-30{margin-bottom:30px}
.margin-bottom-40{margin-bottom:40px}
.margin-bottom-50{margin-bottom:50px}
.font-size-10{font-size:10px}
.font-size-15{font-size:15px}
.font-size-20{font-size:20px}
.font-size-25{font-size:25px}
.font-size-30{font-size:30px}
.font-size-35{font-size:35px}
.font-size-40{font-size:40px}
.font-size-45{font-size:45px}
.font-size-50{font-size:50px}
.font-size-55{font-size:55px}
.font-size-60{font-size:60px}
.font-italic{font-style:italic}
.font-normal{font-weight:normal}
.font-bold{font-weight:bold}
.font-bolder{font-weight:bolder}
.border-radius-05{border-radius:5px}
.border-radius-10{border-radius:10px}
.border-radius-15{border-radius:15px}
.border-radius-20{border-radius:20px}
.border-radius-25{border-radius:25px}
.border-radius-30{border-radius:30px}
.border-radius-35{border-radius:35px}
.border-radius-40{border-radius:40px}
.border-radius-45{border-radius:45px}
.border-radius-50{border-radius:50px}
.line-height-20{line-height:20px}
.line-height-30{line-height:30px}
.line-height-40{line-height:40px}
.line-height-50{line-height:50px}
.line-height-100{line-height:100px}
.line-height-200{line-height:200px}
.line-height-300{line-height:300px}
.line-height-400{line-height:400px}
.disableevent{pointer-events:none; opacity: 0.5; cursor: no-drop;}
.disable{pointer-events:none; opacity: 0.5; cursor: no-drop;}
.letter-spacing-0{letter-spacing:0px}
.letter-spacing-1{letter-spacing:0.1px}
.letter-spacing-2{letter-spacing:0.2px}
.letter-spacing-3{letter-spacing:0.3px}
.letter-spacing-4{letter-spacing:0.4px}
.letter-spacing-5{letter-spacing:0.5px}
.letter-spacing-6{letter-spacing:0.6px}
.letter-spacing-7{letter-spacing:0.7px}
.letter-spacing-8{letter-spacing:0.8px}
.letter-spacing-9{letter-spacing:0.9px}
.letter-spacing-10{letter-spacing:1px}
.opacity-1{opacity:0.1}
.opacity-2{opacity:0.2}
.opacity-3{opacity:0.3}
.opacity-4{opacity:0.4}
.opacity-5{opacity:0.5}
.opacity-6{opacity:0.6}
.opacity-7{opacity:0.7}
.opacity-8{opacity:0.8}
.opacity-9{opacity:0.9}
.opacity-10{opacity:1}
.position-relative, .relative{position:relative;}
.position-absolute{position:absolute}
.position-fixed{position:fixed}
.cursor-no-drop{cursor:no-drop}
.cursor-point{cursor:pointer}
.cursor-move{cursor:move}
.cursor-copy{cursor:copy}
.display-block{display:block}
.display-none{display:none}
.line-thought{text-decoration:line-through}
.color-black{color:black}
.color-red{color:red}
.border-1-solid{border:1px solid #e0e0e0}
.border-2-solid{border:2px solid #e0e0e0}
.border-3-solid{border:3px solid #e0e0e0}
.border-4-solid{border:4px solid #e0e0e0}
.border-5-solid{border:5px solid #e0e0e0}
.border-top-1{border-top:1px solid #306b97}
.border-top-2{border-top:2px solid #306b97}
.border-top-3{border-top:3px solid #306b97}
.border-top-4{border-top:4px solid #306b97}
.border-top-5{border-top:5px solid #306b97}
.border-bottom-1{border-bottom:1px solid #306b97}
.border-bottom-2{border-bottom:2px solid #306b97}
.border-bottom-3{border-bottom:3px solid #306b97}
.border-bottom-4{border-bottom:4px solid #306b97}
.border-bottom-5{border-bottom:5px solid #306b97}
.text-up{text-transform:uppercase}
.text-cap{text-transform:capitalize}
.text-low{text-transform:lowercase}
.text-center{text-align:center}
.text-right{text-align:right}
.text-left{text-align:left}
.float-left{float:left}
.float-l { float: left; }
.float-r { float: right; }
.float-right{ float:right }
.font-b { font-weight: bold; }
.overflow-hidden{ overflow:hidden }
.product-detail{ display:table-cell }
.product-table{display:tablewidth:100% }
.vertical-center{display:flex;flex-direction:column;justify-content:center;}
.vertical-left{display:flex;flex-direction:column;justify-content:left;}
.vertical-right{display:flex;flex-direction:column;justify-content:right;}
.horizontal-center{display:flex;flex-direction:row;justify-content:center;}
.horizontal-right{display:flex;flex-direction:row;justify-content:right;}
.horizontal-left{display:flex;flex-direction:row;justify-content:left;}
.full{top:0;left:0;width:100%;height:100%;}
.clear-fix:before, .clear-fix:after {
    content: "";
    display: table;
}

.clear-fix:after {
    clear: both;
}

.clear-fix {
    *zoom: 1;
}
/*******************End Reset Css**********************/
/*******************Background color**********************/
.background-button,.insert_image{background-color:#19af1a;}
.background-button:hover,.insert_image:hover{background-color:#ff5722;color:#fff;}
.color-button{color:#fff;}
.color-button:hover{color:#fff;}
.background-success{background:#f2fff0;}
.color-success{color:#19af1a;}
.short_url_copy{background:#1982af!important;color:#fff!important;}
.short_url_share{background:rgba(175,35,25,0.75)!important;color:#fff!important;}
.insert_image{background:#19af1a;padding:10px 20px;}

/*******************Background color**********************/
.show_image_list,.choose_image_list{width:100px;overflow:hidden;max-height:100px;padding:5px;border:1px solid #f2f3f4;margin:10px;position:relative;margin-left:0px!important;min-height:100px;line-height:88px;}
.show_image_list.actived{border:2px solid #4caf50;}
.show_display{line-height:40px;height:40px;width:40px;font-size:20px;border:2px solid #343434;text-align:center;margin:0 auto;}
.red{background-color:red!important;margin-left:2px;}
.mw-none { max-width: 10000px !important; }
/*******************Effects Css**********************/

/*******************livechat**********************/
div#operator_avatar{width:4em;height:4em;line-height:4em;}
.avatar-loaded #operator_avatar img{width:4em;height:4em;}

/*******************livechat**********************/
.scale-image{overflow:hidden;}
.scale-image img{width:100%;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;}
.scale-image img:hover{-webkit-transform:scale(1.25); /* Safari and Chrome */-moz-transform:scale(1.25); /* Firefox */-ms-transform:scale(1.25); /* IE 9 */-o-transform:scale(1.25); /* Opera */transform:scale(1.25);}

.img2 {
    position: relative;
    overflow: hidden;
}
.img2:before {
	content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    bottom: 15px;
    right: 15px;
    z-index: 9;
    border-top: 1px solid rgba(255,255,255,0.8);
    border-bottom: 1px solid rgba(255,255,255,0.8);
    transform: scale(0, 1);
}
.img2::after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    bottom: 15px;
    right: 15px;
    z-index: 9;
    border-left: 1px solid rgba(255,255,255,0.8);
    border-right: 1px solid rgba(255,255,255,0.8);
    transform: scale(1, 0);
}
.img2:hover:before, .img2:hover:after {
    transform: scale(1);
    -webkit-transition: all 0.5s ease-out 0.3s;
    -moz-transition: all 0.5s ease-out 0.3s;
    -o-transition: all 0.5s ease-out 0.3s;
    transition: all 0.5s ease-out 0.3s;
}
.img2 img { width: 100%; }
/* 05/07/2017 - NGOC */
.fill{width:100%}
.shadow-none,.shadow-none:focus,.shadow-none:hover,.shadow-none:active{box-shadow:none!important}
.shadow,.shadow-on-hover:hover,.shadow-on-hover:focus,.shadow-on-hover:active{-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}
.text-nowrap{white-space:nowrap}
.text-truncate{max-width:100%!important;overflow:hidden!important;-ms-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap!important}
.text-underline{text-decoration:underline}
.text-overline{text-decoration:overline}
.text-throughline{text-decoration:line-through}
.radius-0{border-radius:0!important}
.radius-top-0{border-top-left-radius:0!important;border-top-right-radius:0!important}
.radius-right-0{border-top-right-radius:0!important;border-bottom-right-radius:0!important}
.radius-bottom-0{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}
.radius-left-0{border-top-left-radius:0!important;border-bottom-left-radius:0!important}
.radius-top-left-0{border-top-left-radius:0!important}
.radius-top-right-0{border-top-right-radius:0!important}
.radius-bottom-left-0{border-bottom-left-radius:0!important}
.radius-bottom-right-0{border-bottom-right-radius:0!important}
.rounded{border-radius:5000px}
/*******************Database Css color**********************/
.color-text { color: #333333; }
.color-text:hover { color: #ff5722; }
.color-link { color: #333333; }
.color-link:hover { color: #ff5722; }
.wrapcode { background-color: #fff; }
header { background-color: #fff; }
footer { background-color: #fff; }
.background-topbar { background-color: #fff; }
.background-menu-first { background-color: #fff; }
.button-click { background:#ff5722; color: #fff; border: 2px solid #ff5722;  }
.button-click:hover { background:#fff; color: #ff5722;  }
.bttop {  }


/*******************End Effects Css**********************/
.tags {
	background: var(--btn-tags-button);
    position: relative;
    display: inline-block;
    font-size: 11px;
    line-height: 18px;
    color: #fff;
    font-weight: 300;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 0 5px 0 8px;
    margin: 0 0 5px 5px;
    height: 18px; }
.tags:before {
    content: '';
    width: 0;
    height: 0;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    border-right: 7px solid var(--btn-tags-button);
    position: absolute;
    top: 0;
    left: -6px;
}
.tags::after {
    content: "•";
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
/*    font-size: 16px;*/
    position: absolute;
    top: 1px;
    left: 0;
}
.tags:hover { color: #fff; background-color: var(--btn-tags-hover); }
.tags:hover.tags:before {  border-right: 7px solid var(--btn-tags-hover); }
.orbit-prev, .orbit-next {transition: .5s;display: none;}
.orbit-prev:hover, .orbit-next:hover { background-color: #607D8B!important;; }
.orbit-container:hover >.orbit-prev , .orbit-container:hover >.orbit-next { transition: .5s; display: block; }



/*******************share & fb comment Css**********************/
.fb-comments{width:100%!important;}
.fb-comments iframe[style]{width:100%!important;}
.fb-like-box{width:100%!important;}
.fb-like-box iframe[style]{width:100%!important;}
.fb-comments span{width:100%!important;}
.fb-comments iframe span[style]{width:100%!important;}
.fb-like-box span{width:100%!important;}
.fb-like-box iframe span[style]{width:100%!important;}
.td-social-but-text{display:inline-block;position:relative;top:-1px;line-height:16px;padding-left:10px;margin-left:12px;}
.td-social-facebook{background-color:#516eab;}
.td-social-facebook:hover,.td-social-twitter:hover,.td-social-google:hover,.td-social-pinterest:hover{color:#fff!important;}
.td-social-twitter{background-color:#29c5f6;}
.td-social-google{background-color:#eb4026;width:40px;}
.td-social-pinterest{background-color:#ca212a;margin-right:0;}
.td-default-sharing{
  line-height:40px;
  padding: 20px;
    margin-bottom: 20px;
    border: 1px dashed var(--bghover);
}
.td-social-sharing-buttons{font-size:11px;color:#fff;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;padding:10px 13px 8px 13px;margin-right:10px;height:40px;min-width:40px;text-align:center;}

/*******************end share Css**********************/

/*******************Send Button**********************/
@media screen and (max-width:515px){

}
/*******************Send Button**********************/
@media only screen and (max-width:40em){
  .scale-image img{}
  .scale-image img:hover{-webkit-transform:none;}
  input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea, select {
    font-size: 1rem !important;
}
}

/* max-width 640px, mobile-only styles, use when QAing mobile issues */
@media only screen and (min-width:40.063em) and (max-width:50em){
}

/* min-width 641px, medium screens */
@media only screen and (min-width:40.063em) and (max-width:63em){
}
@media only screen and (min-width:63.063em){
}

/* min-width 1025px, large screens */
@media only screen and (min-width:63.063em) and (max-width:90em){
}

/* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */
@media only screen and (min-width:90.063em){
}

/* min-width 1441px, xlarge screens */
@media only screen and (min-width:90.063em) and (max-width:120em){
}

/* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */
@media only screen and (min-width:120.063em){
}

/* min-width 1921px, xxlarge screens */