@charset "utf-8";
*{box-sizing: border-box;}
/* CSS Document */
a { text-decoration: none; }
a:hover { text-decoration: underline; }
.clear { clear: both; }
.font-red { color: #ff0000; font-weight: bold; font-style: italic; }
.noborder { border: none !important; }
.hidden { display: none; }
.page { width: 1000px; margin: 0 auto; }
#wrap { margin: auto; }
#wrap_header {background: url(../images/bg-body.png) repeat-x;width: 100%;/* height: 147px; */}
#header {width: 1000px;/* height: 114px; */margin: auto;text-align: center;background: #fff;}
.timkiem { width: 1000px; margin: auto; position: relative; margin-top: 10px; }
.timkiem input {width: 955px;padding: 10px 20px 10px 20px;}
.timkiem button { width: 28px; height: 28px; background: url(../images/search.gif) no-repeat; position: absolute; top: 8px; right: 10px; border: 0px; background-size: 18px; cursor: pointer; opacity: 0.7; outline: none; }
#header > img { width: 1000px; height: 114px; }

.header_top{position: relative}
.user-header{position: absolute;right: 10px;bottom: 10px;}
.user-header a{display: inline-block;background: #DD3333;color: #fff;padding: 0 15px;line-height: 30px;text-transform: capitalize;border-radius: 5px;text-decoration: none;}
.user-header a:hover{color: yellow;background: #b52929;}

/*------------MENU----------*/
#menu { height: 33px; margin: auto; text-align: center; }
ul#nav { height: 33px; background: url(../images/bg-ul.png) no-repeat; display: inline-block; width: 100%; background-size: 100% 100%; }
ul#nav li.active a { color: #fffc00; }
ul#nav  > li { height: 33px; width: 122px; line-height: 33px; float: left; display: block; position: relative; text-align: center; }
.thanhdoc { position: absolute; right: 0; bottom: 0; }
ul#nav > li a, ul#nav > li a:visited {text-transform: uppercase;color: #fff;text-decoration: none;display: inline-block;font-size: 12px;line-height: 20px;padding: 0 !important;text-shadow: -1px 0 black, 0 1px #c90000, 1px 0 #c90000, 0 -1px #c90000;font-family: Arial, Helvetica, sans-serif;}
ul#nav > li > a:hover, ul#nav > li.active > a, ul#nav > li:hover > a { text-decoration: none; color: yellow; }
ul#nav li ul li:hover > a { text-decoration: none; color: yellow; }
#wrap_slider { background: #DD0000; height: 400px; position: relative; box-shadow: 2px 2px 5px #888; }
#slider { height: 380px; margin-bottom: 20px; margin: auto; text-align: center; border: 10px solid #fff; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; width: 970px; }
.bong { bottom: -30px; left: 185px; position: absolute; z-index: 999; }
#container { margin-top: 20px; }
#main { width: 970px; background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #f0f0f0 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f0f0f0)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%, #f0f0f0 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%, #f0f0f0 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%, #f0f0f0 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%, #f0f0f0 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f0f0f0', GradientType=0); /* IE6-9 */ border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; height: 250px; margin: auto; padding-bottom: 10px; margin-bottom: 10px; }
.block { width: 222px; float: left; margin: 10px 10px; }
.block-img { position: relative; }
.block-img .concun { width: 210px; height: 158px; border: 1px solid #cdcdcd; padding: 5px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; }
.block-img img { width: 210px; height: 158px; }
.block-title { bottom: 10px; height: 30px; width: 222px; }
.block-title h1, .block-title h2 { line-height: 30px; color: #333; text-indent: 10px; font-size: 12px; text-align: center; }

/*-----------FOOTER----------*/
.yt-icon-player { position: relative; }
.yt-icon-player .icon { position: absolute; width: 100%; height: 100%; top: -23px; left: 0; z-index: 1; background-image: url('../images/yt-icon-play.png'); background-repeat: no-repeat; background-position: center center; background-size: 50% 50%; }
#tintuc-footer {width: 100%;margin: 0 auto;}
#tintuc-footer * { box-sizing: border-box; }
#tintuc-footer h2.title-footer { background: #ed0000; color: white; padding-left: 10px; padding-top: 5px; padding-bottom: 5px; }
.block-tintuc-footer { margin-left: -11px; margin-right: -11px; }
.item-tintuc-footer { float: left; width: 25%; padding-left: 11px; padding-right: 11px; min-height: 1px; }
.item-tintuc-footer:nth-child(4n + 1) { clear: both; }
.tintuc-footer img { max-height: 185px; border: 1px solid #cdcdcd; padding: 5px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; }
.tintuc-footer h2 { margin-top: 5px; margin-bottom: 5px; }
.tintuc-footer h2 a { color: #333; font-size: 12px; text-align: center; }
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.boxivdeo { position: absolute; width: 240px; height: 130px; overflow: hidden; left: 410px; top: 0; z-index: 1; }
.w_100 { width: 100%; }
.footer { position: relative; width: 100%; float: left; }
#footer { margin-top: 10px; position: relative; text-align: left !important; }
#footer h3 { color: #ed0000; padding: 2px; margin-bottom: 5px; text-shadow: -1px 0 black, 0 1px #bcbcbc, 1px 0 #bcbcbc, 0 -1px #bcbcbc; }
#footer p { padding-bottom: 20px; line-height: 1.5; }
.thongke { position: absolute; top: 0; right: 110px; }
.tuvan { position: absolute; right: 10px; top: 10px; text-align: center; color: #ed0000; }
.tuvan  h4 { margin-bottom: 10px; width: 70px; font-size: 14px; line-height: 20px; border-bottom: 1px solid #dcdcdc; text-align: center; margin-left: 0 !important; padding-left: 0 !important; }
.tuvan p { color: #000 !important; }
.copyright { margin-top: 50px; color: #fff; text-align: center; background: red; width: 1000px; height: 30px; line-height: 30px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; font-weight: bold; }
.block-yahoo { float: left; margin-right: 10px; }

/*----------------TIN TUC-----------------*/
.box_news { border-bottom: 1px dotted #bc0000; clear: both; padding-bottom: 20px; padding-top: 5px; }
.box_news h2 { font-size: 12px; }
.box_news h2 a { color: #bc0000 !important; text-transform: capitalize; color: yellow; font-weight: bold; }
.box_news p { margin: 0; padding: 0; overflow: hidden; height: 23px; width: 800px; }
.box_news p.small { color: #666666; font-size: 11px; }
.box_news h2 a:hover { color: #3FA502; }
h1.text_title { color: #339900; font-size: 12px; }
.image_boder { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #E4E4E4; float: left; margin: 0 10px; padding: 5px; }
.noidung { height: 60px; width: 800px; overflow: hidden; display: inline; }

/*-------------CHI TIET (TIN TUC)--------------------*/
.title_news { color: #bc0000; font-size: 14px; font-weight: bold; padding: 20px; padding-left: 0 !important; }
.othernews { color: #6C0; padding-left: 10px; padding-top: 50px; }
.othernews h1 { color: #06C; font-size: 12px; font-weight: bold; text-transform: uppercase; }
.othernews ul { list-style: inside; }
.othernews ul li { padding-left: 10px; }

/* --------------------- Phan trang ------------------*/
.phantrang { text-align: center; padding-top: 5px; }
.phantrang a { color: red; padding-left: 5px; padding-right: 5px; padding-bottom: 2px; padding-top: 2px; margin-right: 5px; text-decoration: none; }
.phantrang span { color: green; padding-left: 5px; padding-right: 5px; padding-bottom: 2px; padding-top: 2px; margin-right: 5px; font-weight: bold; }
.phantrang a:hover { color: green; background-color: #fff }

/*STYLE FOR LIENHE*/
.tablelienhe td { }
.tablelienhe span { color: #FF0000; }
.tablelienhe td { height: 25px; }
.tablelienhe tr { height: 40px; }
.tablelienhe .input, .tablelienhe textarea { border: 1px solid #cacaca; width: 300px; }
.tablelienhe textarea { margin: 15px 0; }
.tablelienhe .title { font-size: 14px; font-weight: bold; text-transform: uppercase; }
.button { background-color: #fff; background-position: initial initial; background-repeat: initial initial; border: 1px solid #ccc; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; cursor: pointer; font-family: tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; padding: 5px 30px; font-weight: bold; }
.button:hover { color: red; }

/*-----------BAN DO-------------*/
.main_map {/* height: 620px; */}
.product_detail_pic {float: left;margin-right: 20px;width: 40%;}
.product_detail_pic img{width: 100%}
.detail { text-align: justify; padding: 10px 20px 10px 0; }
.product_info{width: calc(60% - 20px);float: right;}
#soluong{max-width: 70px;display: inline-block;}
.item_unit input {max-width: 150px;display: inline-block;font-size: 14px;height: 30px;}
.item_unit{margin: 5px 0;}
.item_unit b{min-width: 100px;display: inline-block;}

/**-----------------TRANG CON------------------*/
.title-menu-con { background: url(../images/nen-block.png) no-repeat; width: 300px; height: 30px; color: #fff; text-transform: uppercase; text-indent: 10px; line-height: 30px; font-size: 12px; }
.title-menu-con-1 { width: 200px !important; background: url(../images/nen-block.png) no-repeat; height: 30px; color: #fff; text-transform: uppercase; text-indent: 10px; line-height: 30px; font-size: 12px; }
.show-pro-con {margin: 10px 0;line-height: 1.5;margin-bottom: 20px;}
.show-pro-con .image_about { text-align: center; }
.show-pro-con .image_about img { max-width: 700px; }
.show-pro-con .image_about img:hover { opacity: 0.8; }
.show-pro-con .info_about { font-size: 13px; margin: 10px 0px 0px; }
.show-pro-con .info_about h4 { color: #ED0000; }
.show-pro-con .info_about h4:hover { color: #000; }
.show-pro {margin: 0 10px;display: flex;justify-content: space-between;}
.sanpham-left {width: 250px;float: left;}
.sanpham-right {width: calc(100% - 270px);float: right;}
ul.menu-left { background: #FDF2F2; }
ul.menu-left .drop-item{display:none}
ul.menu-left li { opacity: 0.9; line-height: 30px; padding-left: 10px; position:relative}
ul.menu-left li span.toggle{
    background: url(../images/arrow.png) no-repeat  center;
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    height: 30px;
    z-index: 1;
    cursor: pointer;
    transition: 0.6s ease;
    transform: rotate(-90deg);
}
ul.menu-left li span.toggle.active{transform: rotate(-270deg);}
ul.menu-left > li > a { color: red; font-weight: bold; font-size: 13px; text-transform: uppercase; text-decoration: none; }
ul.menu-left li ul li { margin-left: 9px; background: url(../images/arrow.png) no-repeat 2px 11px; height: 30px; overflow: hidden; }
div.pro { width: 33.33333333%; float: left; margin-bottom: 20px; text-align: center; line-height: 2; }
div.pro .block_img { position: relative; }
div.pro .block_img img { width: 220px; height: 180px; border: 1px solid #fff; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; }
div.pro .block_img .show_img_large { position: absolute; top: -30px; left: 100px; border: 1px solid #ccc; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; z-index: 110; width: 160px; height: auto; text-align: center; }
div.pro p.pro-name {/* padding-top: 20px; */color: #000;height: 20px;overflow: hidden;margin-bottom: 8px;}
div.pro p.pro-name a {color: #000;font-weight: bold;font-size: 14px;}
div.pro p.pro-name a:hover { text-decoration: none; color: red; }
div.pro p.pro-price {color: #3000ff;line-height: 20px;height: 20px;}
.share_link { margin: 30px 0px 0px; }
.share_link p { float: left; color: #000; font-size: 12px; font-weight: bold; background-color: #DFDFDF; padding: 2px 10px; margin-right: 10px; border: 1px solid #cecece; }
div.pro2 { width: 208px; margin: 10px 10px 25px 16px; text-align: center; float: left; }
div.pro2 .block_img { position: relative; border: thin solid #E7E3E3; }
div.pro2  p.pro-name2 { margin: 14px 0 10px 0; text-align: left; }
div.pro2  p.pro-name2 a { color: #2793e6; font-weight: bold; text-align: center; font-size: 11px; font-family: Verdana, Geneva, sans-serif; }
div.pro2  p.pro-name a:hover { text-decoration: underline; }
.col2.drop-item li a img { margin-left: 10px; width: 60px; display: inline-block; vertical-align: middle; }
.banggia-title { padding-left: 10px; margin-top: 10px; margin-bottom: 10px; text-transform: uppercase; font-size: 18px; }
.title-menu-con {/* margin-left: 10px; */}
.table-banggia { width: 100%; border-collapse: collapse; margin-left: 10px; }
.table-banggia > tbody > tr { background: #d8d8d8; }
.table-banggia > tbody > tr:nth-child(even) { background: #e4e4e4; }
.table-banggia > tbody > tr > td { display: table-cell; vertical-align: middle; padding: 10px; border: 2px solid #fff; }
.table-banggia > tbody > tr > td.cell-title { font-weight: bold; color: #007FFF; padding: 10px 20px; }
.table-banggia > tbody > tr > td  i { font-size: 15px; color: #333; }
.table-banggia > tbody > tr > td a { color: #007FFF; margin: 0 7px; white-space: nowrap; }


/* Toc */
.box-readmore{padding:8px 15px;border:1px solid #dedede;margin-bottom:2rem;border-radius:5px;background-color:#eeeeee;}
.box-readmore li ul>li{margin:0;margin-bottom:8px}
.box-readmore li ul>li:before{content:counters(item,".") " "}
.box-readmore ul{list-style-type:none;counter-reset:item;margin-bottom:0px;padding-left:0px!important;margin-top:8px;}
.box-readmore ul li{display:table;counter-increment:item;margin-bottom:5px}
.box-readmore ul li:before{content:counters(item,".") ". ";display:table-cell;padding-right:5px}
.box-readmore ul li a{color:#333333;cursor:pointer;font-weight:600;}
.box-readmore ul li a:hover{color:#767676;}

/* user */
.wrap-user label { display: inline-block; margin-bottom: 0.5rem; }
.input-group { position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: stretch; align-items: stretch; width: 100%; }
.input-group > .form-control, .input-group > .form-control-plaintext, .input-group > .custom-select, .input-group > .custom-file { position: relative; -ms-flex: 1 1 0%; flex: 1 1 0%; min-width: 0; margin-bottom: 0; }
.input-group > .form-control + .form-control, .input-group > .form-control + .custom-select, .input-group > .form-control + .custom-file, .input-group > .form-control-plaintext + .form-control, .input-group > .form-control-plaintext + .custom-select, .input-group > .form-control-plaintext + .custom-file, .input-group > .custom-select + .form-control, .input-group > .custom-select + .custom-select, .input-group > .custom-select + .custom-file, .input-group > .custom-file + .form-control, .input-group > .custom-file + .custom-select, .input-group > .custom-file + .custom-file { margin-left: -1px; }
.input-group > .form-control:focus, .input-group > .custom-select:focus, .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { z-index: 3; }
.input-group > .custom-file .custom-file-input:focus { z-index: 4; }
.input-group > .form-control:not(:last-child), .input-group > .custom-select:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.input-group > .form-control:not(:first-child), .input-group > .custom-select:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; }
.input-group > .custom-file { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.input-group > .custom-file:not(:first-child) .custom-file-label { border-top-left-radius: 0; border-bottom-left-radius: 0; }
.input-group-prepend, .input-group-append { display: -ms-flexbox; display: flex; }
.input-group-prepend .btn, .input-group-append .btn { position: relative; z-index: 2; }
.input-group-prepend .btn:focus, .input-group-append .btn:focus { z-index: 3; }
.input-group-prepend .btn + .btn, .input-group-prepend .btn + .input-group-text, .input-group-prepend .input-group-text + .input-group-text, .input-group-prepend .input-group-text + .btn, .input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .input-group-text + .input-group-text, .input-group-append .input-group-text + .btn { margin-left: -1px; }
.input-group-prepend { margin-right: -1px; }
.input-group-append { margin-left: -1px; }
.input-group-text {display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;padding: 0.375rem 0.75rem;margin-bottom: 0;font-size: 1rem;font-weight: 400;line-height: 1.5;color: #495057;text-align: center;white-space: nowrap;background-color: #e9ecef;border: 1px solid #ced4da;border-radius: 0.25rem;}
.input-group-text input[type="radio"], .input-group-text input[type="checkbox"] { margin-top: 0; }
.input-group-lg > .form-control:not(textarea), .input-group-lg > .custom-select { height: calc(1.5em + 1rem + 2px); }
.input-group-lg > .form-control, .input-group-lg > .custom-select, .input-group-lg > .input-group-prepend > .input-group-text, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-append > .btn { padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; }
.input-group-sm > .form-control:not(textarea), .input-group-sm > .custom-select { height: calc(1.5em + 0.5rem + 2px); }
.input-group-sm > .form-control, .input-group-sm > .custom-select, .input-group-sm > .input-group-prepend > .input-group-text, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-append > .btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; }
.input-group-lg > .custom-select, .input-group-sm > .custom-select { padding-right: 1.75rem; }
.input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text, .input-group > .input-group-append:not(:last-child) > .btn, .input-group > .input-group-append:not(:last-child) > .input-group-text, .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; }


.form-control {display: block;width: 100%;height: 35px;padding: 0 0.75rem;font-size: 1rem;font-weight: 400;line-height: 1.5;color: #495057;background-color: #fff;background-clip: padding-box;border: 1px solid #ced4da;border-radius: 0.25rem;transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;}
@media (prefers-reduced-motion:reduce) {
	.form-control { transition: none; }
}
.form-control::-ms-expand { background-color: transparent; border: 0; }
.form-control:-moz-focusring { color: transparent; text-shadow: 0 0 0 #495057; }
.form-control:focus { color: #495057; background-color: #fff; border-color: #80bdff; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
.form-control::-webkit-input-placeholder { color: #6c757d; opacity: 1; }
.form-control::-moz-placeholder { color: #6c757d; opacity: 1; }
.form-control:-ms-input-placeholder { color: #6c757d; opacity: 1; }
.form-control::-ms-input-placeholder { color: #6c757d; opacity: 1; }
.form-control::placeholder { color: #6c757d; opacity: 1; }
.form-control:disabled, .form-control[readonly] { background-color: #e9ecef; opacity: 1; }
select.form-control:focus::-ms-value { color: #495057; background-color: #fff; }

.btn { display: inline-block; font-weight: 400; color: #212529; text-align: center; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; border-radius: 0.25rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
@media (prefers-reduced-motion:reduce) {
	.btn { transition: none; }
}
.btn:hover { color: #212529; text-decoration: none; }
.btn:focus, .btn.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
.btn.disabled, .btn:disabled {opacity: 0.65;}
a.btn.disabled, fieldset:disabled a.btn { pointer-events: none; }
.btn-primary { color: #fff; background-color: #007bff; border-color: #007bff; }
.btn-primary:hover { color: #fff; background-color: #0069d9; border-color: #0062cc; }
.button-user:not(.d-flex) .btn{width: 100%;}

.btn-danger { color: #fff; background-color: #dc3545; border-color: #dc3545; }
.btn-danger:hover { color: #fff; background-color: #c82333; border-color: #bd2130; }
.btn-danger:focus, .btn-danger.focus { color: #fff; background-color: #c82333; border-color: #bd2130; box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5); }
.btn-danger.disabled, .btn-danger:disabled { color: #fff; background-color: #dc3545; border-color: #dc3545; }
.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { color: #fff; background-color: #bd2130; border-color: #b21f2d; }
.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5); }

.d-flex { display: -ms-flexbox !important; display: flex !important; }
.align-items-center { -ms-flex-align: center !important; align-items: center !important; }
.justify-content-between { -ms-flex-pack: justify !important; justify-content: space-between !important; }

.title-user a { color: #fff; font-size: 14px; }

.box_left{margin-bottom: 30px;}
.price_search{margin-top: 20px;display: inline-block;min-width: 40%;text-align: center;border: 1px solid #ccc;line-height: 27px;}

.checkbox {margin-bottom: 8px;margin-top: 8px;display: block;padding: 4px 0;}
.box_left input[type=checkbox],.box_left input[type="radio"] {display: none;}
.box_left input[type=checkbox] + label,.box_left input[type="radio"] + label {display: block;position: relative;padding-left: 30px;line-height: 20px;font-size: 14px;margin-bottom: 20px;color: #333;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;}
.box_left input[type=checkbox] + label:last-child,.box_left input[type="radio"] + label:last-child {margin-bottom: 0;}
.box_left input[type=checkbox] + label:before,.box_left input[type="radio"] + label:before {content: '';display: block;width: 20px;height: 20px;border: 1px solid #1b3618;position: absolute;left: 0px;top: 0px;opacity: .6;-webkit-transition: all .12s, border-color .08s;transition: all .12s, border-color .08s;}
.box_left input[type=checkbox]:checked + label:before,.box_left input[type="radio"]:checked + label:before {width: 10px;top: -5px;left: 5px;border-radius: 0;opacity: 1;border-top-color: transparent;border-left-color: transparent;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.title_left{font-size: 15px;text-transform: capitalize;font-weight: 700;border-bottom: 1px solid #ccc;margin-bottom: 15px;padding-bottom: 5px;}

.title_main {text-align: left;margin-bottom: 20px;border-bottom: 1px solid #E1E1E1;padding-bottom: 5px;position: relative;}
.title_main::before {content: "";width: 150px;bottom: -1px;left: 0;height: 2px;background: #de3333;position: absolute;}
.title_main span, .title_main h2 {color: #dd0000;font-size: 20px;text-transform: uppercase;font-weight: bold;}
.sub_main table,.sub_main th,.sub_main td {border: 1px solid black;border-collapse: collapse;}
.btn-success { color: #fff; background-color: #5cb85c; border-color: #4cae4c; }
.btn-success:focus, .btn-success.focus { color: #fff; background-color: #449d44; border-color: #255625; }
.btn-success:hover { color: #fff; background-color: #449d44; border-color: #398439; }
.btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success { color: #fff; background-color: #449d44; border-color: #398439; }
.btn-success:active:hover, .btn-success.active:hover, .open > .dropdown-toggle.btn-success:hover, .btn-success:active:focus, .btn-success.active:focus, .open > .dropdown-toggle.btn-success:focus, .btn-success:active.focus, .btn-success.active.focus, .open > .dropdown-toggle.btn-success.focus { color: #fff; background-color: #398439; border-color: #255625; }
.btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success { background-image: none; }
.btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled.focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success.focus { background-color: #5cb85c; border-color: #4cae4c; }
.btn-success .badge { color: #5cb85c; background-color: #fff; }

/*  */
.btn-warning { color: #fff; background-color: #f0ad4e; border-color: #eea236; }
.btn-warning:focus, .btn-warning.focus { color: #fff; background-color: #ec971f; border-color: #985f0d; }
.btn-warning:hover { color: #fff; background-color: #ec971f; border-color: #d58512; }
.btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning { color: #fff; background-color: #ec971f; border-color: #d58512; }
.btn-warning:active:hover, .btn-warning.active:hover, .open > .dropdown-toggle.btn-warning:hover, .btn-warning:active:focus, .btn-warning.active:focus, .open > .dropdown-toggle.btn-warning:focus, .btn-warning:active.focus, .btn-warning.active.focus, .open > .dropdown-toggle.btn-warning.focus { color: #fff; background-color: #d58512; border-color: #985f0d; }
.btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning { background-image: none; }
.btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled.focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning.focus { background-color: #f0ad4e; border-color: #eea236; }
.btn-warning .badge { color: #f0ad4e; background-color: #fff; }
/*  */
.scroll_giohang input.form-control{max-width: 70px;height: 30px;margin: 0 auto;font-size: 14px;}
.title_order {text-align: left;margin-bottom: 15px;border-bottom: 1px solid #E1E1E1;position: relative;padding-bottom: 5px;font-weight: 700;}
.title_order::before {content: "";width: 100px;bottom: -1px;left: 0;height: 2px;background: #e60000;position: absolute;}
.title_order span{color: #e50000;font-size: 15px;text-transform: uppercase;}

.payments{padding: 15px;border: 1px solid #ccc;border-radius: 5px;margin-bottom: 15px;}
.payments_info{font-size: 14px;margin-bottom: 8px;}
.payments_info input{float: left;margin-right: 10px;}
.payments_info label{line-height: normal !important;}
.payments_content{margin-left: 10px;margin-bottom: 15px;line-height: 22px;}
.payments label{font-size: 14px;line-height: 34px;text-transform: capitalize;color: #191515;font-weight: 100;font-weight: 700;}
.payments input{font-size: 15px;}
.button_pay{background: #D42333;line-height: 40px;margin: 0 auto;width: 200px;text-align: center;color: #fff;text-transform: uppercase;border: none;font-weight: 700;font-size: 17px;margin-bottom: 20px;cursor: pointer;}
.button_pay:hover{color: yellow}
.payments .form-group{margin-bottom: 5px;}
.row {display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-right: -15px;margin-left: -15px;}
.col-3, .col-9 { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; }
.col-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
.col-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
.contain_table_giohang{margin-bottom: 15px;}
.button_ac_cart{display: inline-block;padding: 5px 10px;}
.box_input_contact { position: relative; margin-bottom: 10px; }
.fa-contact { width: 33px; height: 32px; position: absolute; left: 0px; top: 0px; line-height: 32px !important; font-size: 18px !important; text-align: center; color: #CCC1C1; }
.fa-contact { position: absolute; left: 0px; top: 0px; }
.tablelienhe .input {height: 32px;padding: 5px;border: 1px solid #d1d1d1;line-height: 20px;color: #666;font-size: 13px;box-sizing: border-box;outline: none;background: #fdfdfd;padding-left: 35px;width: 100%;}
.tablelienhe select{font-size: 13px;}
.tablelienhe textarea.input { padding: 10px;margin: 0 }
.tablelienhe .input:focus { border-color: #33a3b3 }
.tablelienhe textarea { padding: 5px; }
.tablelienhe .title { font-size: 14px; font-weight: bold; text-transform: uppercase }
.button { display: inline-block; padding: 5px 20px; border: 1px solid #cdcdcd; cursor: pointer; background: #f0f0f0; color: #000; }
.button:hover { border: 1px solid #3399ff; }
.text-center{text-align: center;}
/* Cart fix */
.cart-fixed{position:fixed;right:20px;bottom: 40%;z-index:10;background: #ea1d1d;width:50px;height:50px;text-align:center;color:#fff!important;border-radius:100%;display:flex;align-items:center;justify-content:center;}
.cart-fixed img{max-height: 30px;}
.cart-fixed span{position:absolute;top:0px;right:-5px;color:#fff;width:25px;height:25px;background: #c32323;text-align:center;line-height:25px;font-size: 13px;border-radius:100%;}

/*  */
.user_left{width: 300px;float: left;position: static;top: 50px;}
.wrap-user_{width: calc(100% - 320px);max-width: 100%;float: right;}
/* post */
.left_user{border: thin solid #dfdfdf;border-radius: 4px;margin-bottom: 20px;overflow: hidden;}
.title_left_user{line-height: 40px;background: #dd3333;padding: 0 20px;height: 40px;color: #fff;text-transform: capitalize;font-weight: 700;font-size: 18px;}
.title_left_user span{color: #fff;font-size: 16px;padding-left: 10px;}
.box_left_user{padding: 10px;margin: 0;}
.box_left_user li{list-style: none;width: 100%;line-height: 25px;border-bottom: 1px solid #ccc;font-size: 14px;padding: 5px 0;color: #000;}
.box_left_user li:last-child{border-bottom: none}
.box_left_user li a{color: #000;text-decoration: none;}
.box_left_user li a i{margin-right: 5px;}
.box_left_user li:hover a{color: #dd3333;}
.box_post{border: thin solid #dfdfdf;border-radius: 0 0 5px 5px;margin-bottom: 20px;border-top: none;padding: 20px;}
.red{color: red}
.input-group-text{padding: 0 10px}
#map_canvas iframe {width: 100%;height: 400px;margin-bottom: 20px;}
#map_canvas iframe {width: 100%;height: 400px;margin-bottom: 20px;}

.meta-toc{
    position: relative;
  
}

.meta-toc.fiedx .mucluc-dropdown-list_button{
    display: block;
}


a.mucluc-dropdown-list_button:before {
    content: "\f03a";
    font-family: "FontAwesome";
    font-style: normal;
    font-weight: 400;
    background: #fff;
    color: #333 !important;
    font-size: 20px;
    width: 30px;
    height: 29px;
    display: inline-block;
    line-height: 30px;
    text-align: center;
    border: 1px solid #ddd;
}

.box-readmore ul{
    display: none;
}
.meta-toc .mucluc-dropdown-list_button{
    font-weight: bold;
    cursor: pointer;
    font-size: 15px;
}
.meta-toc .mucluc-dropdown-list_button:hover{text-decoration: none;}
.meta-toc.fiedx .mucluc-dropdown-list_button{
    display: block;
}