*{
  margin: 0;
  padding: 0;
}
body {
  font-family: Arial, Helvetica, sans-serif, sans-serif;
  font-size: 15px;
  background: #fff;
  color: #333;
  line-height: 1.42857143;
  width: 100%;
  overflow: hidden;
}
#wrapper {
  padding-left: 0;
  padding-right: 0;
}
.line {
  display: inline-block;
  width: 100%;
}
.container {
  width: 1024px;
}
.alert-success {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}
.top {
  background: #73a7a3;
  background-image: linear-gradient(to right, #498699 , #8abea8);
  padding: 25px 0;
  width: 100%;
}
.btn-buy{
  display: inline-block;
  width: 33%;
  float: left;
  margin-top: 15px;
}
.btn-buy a {
  background: #5f3b19;
  color: #fff;
  border-radius: 12px;
  padding: 8px 15px;
  border: 1px solid #5f3b19;
  white-space: nowrap;
}
.btn-buy a:hover {
  background: #5f3b19;
  background-image: linear-gradient(180deg, #573311, #5f3b19);
  color: #fff;
  border-radius: 12px;
  padding: 8px 15px;
  border: 1px solid #573311;
}
.logo {
  width: 33%;
  display: inline-block;
  float: left;
  text-align: center;
}
.logo img{
  width: 110px;
  position: relative;
}
.hotline{
  width: 33%;
  display: inline-block;
  float: left;
  text-align: right;
}
.hotline .icon-hotline{
  background: url("../img/icon-hotline-buy.png") no-repeat;
  height: 35px;
  min-width: 35px;
  padding-left: 45px;
  color: #5a2805;
  line-height: 35px;
  font-weight: bold;
  font-size: 20px;
  display: inline-block;
}
.hotline .line{
  margin-top: 5px;
}
.hotline a{
  color: #5a2805;
  font-weight: bold;
  font-size: 20px;
}
.menu{
  background: #5f3b19;
  width: 100%;
}
.menu ul.menu-top {
  position: relative;
  margin-bottom: 0;
}
.menu ul li{
  display: inline-block;
  position: relative;
  margin-right: 42px;
}
.menu ul.menu-top li:last-child{
  position: absolute;
  right: 0;
  margin-right: 15px;
}
.menu ul li ul {
  display: none;
  position: absolute;
  width: 250px;
  background: #5f3b19;
  z-index: 10;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  overflow: hidden;
}
.menu ul li:hover ul{
  display: block;
}
.menu ul li a {
  color: #fff;
  padding: 10px 10px 10px 15px;
  display: inline-block;
  font-weight: bold;
}
.menu ul li a:hover,
.menu ul.menu-top > li > a.act{
  color: rgb(216, 199, 85);
}
.menu ul li ul li{
  display: inline-block;
  width: 100%;
}
.menu ul li ul li a{
  font-weight: normal;
}
.menu ul li ul li:hover a,
.menu ul li ul li a.act{
  display: inline-block;
  width: 100%;
  background: #5a2600;
}
.box-index-intro {
  padding: 15px 0;
  display: inline-block;
  width: 100%;
}
.line-b{
  background: #498699;
  background: linear-gradient(90deg, #498699 0%, #649ba0 60%, #8abea8 100%);
  width: 100%;
  height: 8px;
  display: inline-block;
}
.box-post{
  display: inline-block;
  width: 100%;
}
.head-line{
  color: #4c2401;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  padding-top: 20px;
  padding-bottom: 5px;
}
.post-content{
  display: inline-block;
  width: 100%;
}
.post-content .item {
  margin-bottom: 10px;
  display: inline-block;
  width: 100%;
  border-top: 1px solid #c3d8db;
  padding-top: 18px;
}
.post-content .item-no-bd{
  border-top: 1px solid transparent
}
.post-content .thumbI {
  height: 265px;
  overflow: hidden;
  background: #c5baa6;
  border-radius: 10px;
}
.post-content .item:hover .thumbI img {
  opacity: 0.8;
}
.post-content .thumbI img {
  min-height: 100%;
  min-width: 100%;
}
.post-content a .titlex {
  color: #461d00;
  font-weight: bold;
}
.post-content .titlex {
  font-size: 14px;
  line-height: 20px;
  height: 40px;
  overflow: hidden;
  margin-top: 10px;
  text-align: left;
  padding-bottom: 0px;
}
.post-content .overx, .post-content a .overx {
  color: #461d00;
  font-size: 15px;
  height: 45px;
  overflow: hidden;
}
.post-content-ext .thumbI{
  border-radius: 0;
}
.post-content-ext .titlex {
  text-align: left;
}
.frm-support {
  background: #e3f1e2 url("../img/bg-support.png") no-repeat top right;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  overflow: hidden;
  padding: 20px 20px 60px 20px;
  border-top: 1px solid #5d9798;
  color: #5d3615;
}
.btn-support{
  background: #4b8599;
  padding: 10px 20px;
  border: 1px solid #4b8599;
}
.btn-support:hover{
  background: #3C768A;
  border: 1px solid #3C768A;
}
.form-action{
  text-align: center;
  display: inline-block;
  width: 100%;
  margin-top: 10px;
}
.line-bm{
  background: #498699;
  background: linear-gradient(90deg, #498699 0%, #649ba0 60%, #8abea8 100%);
  width: 100%;
  height: 8px;
}
.box-links{
  display: inline-block;
  width: 100%;
  padding: 20px 0 20px 0;
}
.box-links li{
  display: inline-block;
  width: 100%;
  margin-bottom: 10px;
}
.box-links li a{
  color: #015c5d;
}
.box-links  .box-link-1 li,
.box-links  .box-link-1 li a{
 font-weight: bold;
 color: #2d0100;
}
.box-links  .box-link-1 li a:hover{
  color: #015c5d;
}
.footer{
  background: #4b8599;
  min-height: 100px;
  width: 100%;
  padding: 20px 0;
  display: inline-block;
  color: #fff;
}
.footer a{
  color: #fff;
}
.line-bt{
  background: #528d9d;
  background: linear-gradient(90deg, #528d9d 0%, #6ea0a1 60%, #86b9a6 100%);
  width: 100%;
  height: 8px;
}
.footer img{
  height: 80px;
  width: auto;
}
.footer p {
  display: inline-block;
  width: 100%;
}
label span{
  color: #2a0001;
}
.top .btnMenu {
  background: transparent;
  color: #fff;
  border: none;
  vertical-align: top;
  float: right;
  position: absolute;
  right: 12px;
  top: 28px;
  display: none;
}
.top .btnMenu span {
  position: relative;
  top: -5px;
}
.head-title {
  text-align: center;
  color: #200121;
  font-size: 22px;
  margin-bottom: 25px;
  display: inline-block;
  width: 100%;
  margin-top: 25px;
}
.frm-contact {
  background: #e4f2e1 url("../img/bg-support.png") no-repeat top right;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  overflow: hidden;
  padding: 20px 20px 85px 20px;
  border-top: 1px solid #5d9798;
}
.btn-contact {
  background: #4b8599;
  padding: 10px 20px;
  border: 1px solid #4b8599;
}
.btn-contact:hover{
  background: #457F93;
  border: 1px solid #457F93;
}
.form-action-ext {
  text-align: right;
}
.frm-map{
  display: inline-block;
  width: 100%;
  padding: 20px 0 5px;
}
.frm-map .address-map{
  border-top: 2px solid #457F93;
}
.frm-map .address-map img{
  width: 100%;
}
.address-intro {
  padding: 5px 0 15px;
}
.address-intro strong{
  color: #200121;
}
.head-breadcrumb .breadcrumb {
  background: none!important;
}
.head-breadcrumb .breadcrumb a{
  color:#3f043e
}
.head-breadcrumb .breadcrumb .breadcrumb-item{
  color:#4c4b50
}
.head-title-ext {
  text-align: left;
  color: #56300d;
  font-size: 22px;
  margin-bottom: 15px;
  display: inline-block;
  width: 100%;
  margin-top: 0;
}
.list-focus-post{
  display: inline-block;
  width: 100%;
  margin-top: 15px;
}
.list-focus-post li {
  border-bottom: 1px solid #c7accd;
  padding-bottom: 8px;
  margin-bottom: 2px;
  position: relative;
}
.list-focus-post li:last-child{
  border-bottom: none;
}
.list-focus-post li a {
  color: #1d1003;
  font-size: 15px;
}
.list-focus-post li h3 {
  margin-bottom: 0;
  margin-top: 0;
  padding-left: 15px;
  background: url("../img/arrow.png") no-repeat 0 13px;
}
.line-post-data h2{
  margin: 0;
  padding: 0;
}
.line-post-data .post-title{
  color: #3e1400;
  font-size: 15px;
  font-weight: bold;
}
.line-post-data .post-content{
  color: #3d1200!important;
  font-size: 15px;
  margin-top: 5px;
  text-align: justify;
}
.views-section .item-post {
  display: inline-block;
  width: 100%;
  border-bottom: 1px solid #f4c0e6;
  padding-bottom: 15px;
  margin-bottom: 12px;
}
.views-section .item-post:last-child{
  border-bottom: none;
}
.views-section .post-img {
  max-height: 150px;
  overflow: hidden;
  border-radius: 2px;
  overflow: hidden;
}
.views-section .max-post .post-img{
  max-height: 200px;
}
.list-same-post{
  display: inline-block;
  width: 100%;
  margin-top: 15px;
}
.list-same-post li{
  clear: both;
  line-height: 18px;
  margin-top: 5px;
  width: 100%;
  padding-bottom: 15px;
  font-weight: 700;
  font-size: 15px;
  border-bottom: 1px solid #f4f4f4;
  display: inline-block;
  text-align: justify;
}
.list-same-post .img {
  display: inline-block;
  float: left;
  overflow: hidden;
  width: 80px;
  margin-right: 10px;
}
.list-same-post a {
  font-size: 14px;
  position: relative;
  top: -3px;
  color: #222;
}
.list-same-post h3 {
  margin: 0;
  line-height: 16px;
}
.list-same-post a {
  font-size: 14px;
  position: relative;
  top: -3px;
  color: #320400;
}
.box-action-buy .btn-buy-one{
  background: #5f3b19;
  padding: 10px 20px;
  border: 1px solid #5f3b19;
  color: #fff;
  cursor: pointer;
  border-radius: 10px;
  width: 100%;
  display: inline-block;
}
.box-action-buy{
  display: inline-block;
  width: 100%;
  margin-top: 15px;
  text-align: center;
}
.box-content-view{
  padding-top: 20px;
  padding-bottom: 20px;
  display: inline-block;
  width: 100%;
}
.head-line-view{
  color: #461d00;
  font-size: 18px;
  font-weight: bold;
  text-align: left;
  text-transform: uppercase;
  padding-top: 20px;
  padding-bottom: 5px;
}
.mgt10{
  margin-top: 10px;
  display: inline-block;
  width: 100%;
}
.main {
  background: url("../img/bg-main.png") no-repeat bottom right;
  min-height: 400px;
}
.address-intro strong{
  color: #240000;
}
.frm-buy {
  background: #73a7a3;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  overflow: hidden;
  padding: 20px;
  border-top: 1px solid #73a7a3;
}
.btn-buy {
  background: none;
  padding: 10px 20px;
}
.btn-buy:hover{
  background: #5C275B;
  border: 1px solid #5C275B;
}
.frm-buy-ext{
   background: #e3f1e2;
   border-top: 1px solid #e3f1e2;
}
.form-action-ext {
  text-align: right;
}
.table-buy{
  width: 100%;
}
.table-buy th{
  background: #4b8599;
  color: #fff;
  padding: 5px;
  font-weight: normal;
}
.table-buy th:nth-child(1){
  border-top-left-radius: 5px;
}
.table-buy th:nth-child(4){
  border-top-right-radius: 5px;
}
.table-buy td{
  color: #4f280d;
  padding: 5px;
  font-weight: normal;
  border: 1px solid #b1b0b5;
}
.table-buy td input{
  border: 1px solid #ddd;
  padding: 3px;
  width: 80px;
}
.table-buy td i{
  color: #717171;
  font-size: 12px;
}
.btn-buy-item{
  background: #4b8599;
  padding: 10px 20px;
  border: 1px solid #4b8599;
  float: right;
}
.hotline-buy {
  text-align: left;
}
.hotline-buy .icon-hotline{
  color: #21002b;
  font-size: 15px;
}
.text-hotline{
  font-weight: bold;
  color: #21002b;
  font-size: 18px;
}
.text-hotline span{
  color: #4b8599;
}
.hotline-buy{
  background: url("../img/icon-hotline-buy.png") no-repeat 0 5px;
  height: 58px;
  min-width: 35px;
  padding-left: 45px;
  color: #d8c755;
  font-weight: bold;
  font-size: 20px;
  display: inline-block;
}
.show-box-paging {
  display: inline-block;
  width: 100%;
  text-align: center;
}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
  background-color: #320033;
  border-color: #320033;
}
.btn-buy-head{
  padding: 10px 0px;
}
.btn-buy-head:hover{
  background: none!important;
  border: none!important;
}
.intro-view,
.content-view{
  text-align: justify;
}
.ZChats {
  position: fixed;
  right: 0;
  bottom: 100px;
  width: 80px;
}
.FHotline {
  position: fixed;
  right: 10px;
  bottom: 200px;
  width: 64px;
}
.ZFacebook {
  position: fixed;
  right: 12px;
  bottom: 35px;
  width: 60px;
}
.bnDesktop{
  display: block;
}
.bnMobile{
  display: none;
}
#wrapper .breadcrumb {
  margin-bottom: 7px;
}
.content-view .h1, .content-view .h2, .content-view .h3, .content-view h1, .content-view h2, .content-view h3 {
  margin-top: 10px!important;
  margin-bottom: 10px!important;
}
.menu ul.menu-top ul li:last-child{
  position: relative;
}