table thead tr th{text-align: center}
table .icon{max-width: 80px}
h1,h2,h3,h4,h5{margin: 10px 0px}
.show-767 .search-top{width: 100%;margin-top: 10px}
.top-logo{float: left}
.top-search{float: left}
.top-button{float: right}
.top-page{padding: 12px 0px}
.logo img{max-height: 34px;float: left; margin-right: 10px}
.top-search{max-width: 300px;float: left}
.bt-exit-auto{text-align: center; cursor: pointer; color: red; padding: 8px}
.show-auto{display: none;position: absolute; background: #fff; min-height: 35px; width: 100%; left: 0px; top:34px; z-index: 3;border: 1px solid #ccc; border-top: 0px}
.show-auto .item{padding: 10px; border-top: 1px solid #ccc}
.show-auto .item:first-child{border-top: none}
.show-auto .item .left{float: left; width: 30%}
.show-auto .item .right{float: right; width: 67%}
.show-auto .item .right .name{font-weight: bold; font-size: .9em; margin-bottom: 10px}
.show-auto .item .right .price{font-weight: bold; color: red}
.remove-cart{margin-right: 0px; margin-left: 4px; cursor: pointer; font-size: .8em; color: red}
.table-bordered>tbody>tr>td{vertical-align: middle}
.bt-number-detail{float:left;width:40px}
.input-number-detail{float:left;width:70px;margin-left:4px;margin-right:4px}
.td-number{max-width: 85px; margin: 0 auto}
.td-number .bt-number-detail{width: 25px}
.td-number .bt-number-detail button{padding: 3px 5px; border-radius: 0px}
.td-number .input-number-detail{width:35px; border-radius: 0px;margin-left:0px;margin-right:0px}
.td-number .input-number-detail input{padding: 0px; height: 28px; border-radius: 0px; border-left: none; border-right: none}
.div-paging{margin-top: 20px; margin-bottom: 20px; text-align: center}
.div-paging button{margin-left: 2px; margin-right: 3px}
.div-paging .active{background: #008848; color: #fff; border: none}
.div-paging .active:hover{background: #008848}
.div-paging i{margin-right: 0px}
.main-container{width: 100%; max-width: 1200px; margin: 0 auto}
.main-container:after{clear: both}
.mgt-section{margin-top: 20px}
.search-top input{border-radius: 0px;border-right: none}
.search-top button{border-radius: 0px;border-left: none; color: #ddd}
.search-top button:hover{background: #fff; border-color: #ccc; color: #ddd}
.top-right{float: right; padding: 0px; text-align: right}
.bt-top{border-radius: 0px;background: #ddd; border-color: #ddd; color: #000}
.bt-top:hover{background:#adadad;border-color:#adadad}
.div-cate{margin-top: 10px}
.div-cate .div-parent{cursor: pointer; text-transform: uppercase; padding-right: 10px}
.div-cate .div-parent i{margin-top: 3px}
.div-cate .div-child{list-style: none; padding-left: 15px; transition-duration: 1s}
.div-cate .div-child li{padding-top: 3px; padding-bottom: 3px}
.div-cate .div-child li a:hover{color: #008848}
.content-left-cate .div-cate:first-child{margin-top:20px}
.right-content{margin-top: 10px}
.home-slider .carousel-inner{border-radius: 0px}
.product-group{background: #fff; min-height: 250px}
.pg-title{position: relative;text-transform: uppercase;font-size: 1.2em;font-weight: bold;text-align:center;padding-top: 15px; margin:0px}
.product-item{border-left: 0; border-top: 0; padding: 15px}
.product-item .title{line-height: 1.5em; margin-top: 10px; font-size: .9em; height: 2.7em; overflow-y: hidden}
.product-item .price{color: #c10017; font-weight: bold}
.product-item .btn{margin-top: 10px; text-align: center; color: #fff; border-color: #BF3473; background: #BF3473}
.product-item button:hover{background: #BF3473; opacity: .8; color: #fff}
.view-more{padding: 10px; color: #0064c2; text-align: center; cursor: pointer; line-height: 30px}
.home-news{padding: 15px; background: #fff; min-height: 50px}
.title-one{color: #288ad6; font-weight: 700; text-transform: uppercase}
.right-news{padding-left: 15px; padding-right: 10px; margin-left: 0px; margin-right: 0px}
.right-news .line-news{border-bottom: 1px solid #f3f3f3; padding-bottom: 10px; margin-bottom: 15px}
.right-news .line-news:last-child{border-bottom: none; margin-bottom: 0px}
.line-news .col-lg-3{padding-left: 0px; padding-right: 0px}
.line-news .col-lg-9{padding-left: 15px;padding-right: 0px}
.view-more-news{color: #0064c2; font-weight: 400}
.footer{background: #fff; padding: 15px; min-height: 50px}
.footer-call, .footer-call a{color: #008848; font-weight: 700}
.list-menu{margin-top: 10px;margin-bottom: 10px}
.list-menu a{color: #288ad6; font-size: .9em; height: 30px}
.list-menu i{margin-left: 5px}
.copyright{margin-top: 10px; text-align: center; font-size: .9em; margin-bottom: 10px}
.breadcrumb{background: #e9edf0; padding: 0px; margin-bottom: 0px; margin-top: 10px}
.breadcrumb{font-weight: 400}
.breadcrumb i{margin: 0px}
.breadcrumb .fa-angle-right{margin: 2px 5px 0px 5px}
.product-detail{min-height: 50px; background: #fff; padding-top: 20px}
.product-detail .col-lg-7{padding-left: 0px; padding-right: 0px}
.product-detail .col-lg-5{padding-right: 0px}
.title-detail{font-size: 1.1em; margin-top: 0px; font-weight: bold; line-height: 1.5em}
.detail-price{margin-top: 10px; color: #c10017; font-weight: bold; font-size: 1.3em}
.product-button{margin-top: 15px; width: 100%; text-align: center; font-weight: bold; border-color: #BF3473; background: #BF3473; text-transform: uppercase; padding: 10px 0px}
.btn-success:hover, .product-button:hover{border-color: #BF3473; background: #BF3473; color: #fff}
.btn-success{border-color: #BF3473; background: #BF3473;color: #fff}
.order-des{padding: 10px; background: #f6f8fa; margin-top: 15px}
.order-des p{margin-top: 5px; margin-bottom: 5px}
.order-des i{color: #999}
.product-detail .nav-tabs{margin: 15px 10px}
.product-detail .tab-content{padding: 15px}
.nav-tabs>li.active>a{font-weight: bold}
.icon-left-cate{cursor: pointer; text-align: center; padding-top: 6px; padding-bottom: 6px; text-transform: uppercase; font-weight: bold}
.left-content{position: unset}
.hide-menu-767{margin-top: 10px; cursor: pointer; text-align: center}
.carousel{border-radius: 0px}
.page-content{min-height:390px}
.input-right{padding-left:0px}
.mobile-web-form{padding: 20px 15px}
.mobile-web-form .checkbox-inline{padding-left:20px}
.mobile-web-form .col-sm-6:first-child{width:43%}
.mobile-web-form .col-sm-6:last-child{width:57%}
.color-red{color:red}
.border-red{border-color:red}
.note-require{display: none}
.account-content{padding:15px}
.center-title{text-align:center;font-size:1.3em;font-weight:bold}
.modal-info{max-width:360px}
.modal-form-small{max-width:390px}
.modal-form-medium{max-width:630px}
.content-min{min-height:80px}
.table-img{width:87px;height:58px}
.div-p-img-thumb{text-align:center;background-position:center center;background-repeat:no-repeat;background-size:contain}
.div-p-img-thumb img{margin-bottom: -3px}
.show-auto .div-p-img-thumb,.right-news .div-p-img-thumb{height:70px !important}
.top-search input,.top-search .btn{border-color:#adadad}
.top-search .btn{color:#000;background:#ddd}
.top-search .btn:hover{background:#adadad;border-color:#adadad;color:#000}
.home-pg-title{padding: 7px 10px 12px;background: #e9edf0;position: relative;text-transform: uppercase;font-size: 1.1em;font-weight: bold;margin-bottom: 0px}
.home-pg-title:before {content: "";border-left: 4px solid #008848;position: absolute;left: 0;top: 0;height: 32px}
.cate-thumb img{width:70px;height:70px}
.cate-banner img{width:120px;height:40px}
.is-small-form{max-width:360px;margin: 0 auto; width: 100%}
.property-select{margin:5px;float:left;border-radius:0px}
.form-horizontal .no-input{padding-top: 7px}
.cate-view-more{color: #BF3473; font-size: 14px; text-transform: capitalize; font-weight: normal}

.tbt-right-action{
    padding: 10px 0;
    text-align: right;
}
.div-image-thumb-upload {
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    border: 1px solid #ddd;
    position: relative;
    border-radius: 3px;
}
.div-image-thumb-upload .img {
    width: 84px;
    height: 56px;
}
.div-image-thumb-upload .del {
    position: absolute;
    right: 0;
    bottom: 0;
    color: red;
    cursor: pointer;
    background: #fff;
    padding: 1px 3px;
}
.input-right-two input {
    float: left;
    width: 100px;
}
.input-right-two .text {
    float: left;
    font-weight: bold;
    padding: 7px;
}
.input-right-two input {
    float: left;
    width: 100px;
}
fieldset {
    padding: 15px;
    margin: 0 2px;
    border: 1px solid silver;
}
legend {
    display: block;
    width: auto;
    padding: 0 10px;
    font-size: 1.1em;
    line-height: inherit;
    border: 0;
    font-weight: bold;
    margin-bottom: 0;
}
.property-detail-name {
    width: 80%;
    float: left;
}
.property-detail-delete {
    width: 15%;
    float: right;
    margin-right: 0;
    margin-top: 7px;
    cursor: pointer;
    font-size: 1.2em;
    color: red;
}
.add-sub-action{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 120px;
}
.add-sub-action button{
    padding: 6px 9px;
}
.add-sub-action button:focus,.add-sub-action button:visited,.add-sub-action button:focus-visible,.add-sub-action button:focus-within{
    outline: none;
}
.add-sub-action button:first-child{
    border-top-right-radius: unset;
    border-bottom-right-radius: unset;
}
.add-sub-action button:last-child{
    border-top-left-radius: unset;
    border-bottom-left-radius: unset;
}
.add-sub-action input{
    border-radius: 0;
    border-left: 0;
    border-right: 0;
    padding-left: 3px;
    padding-right: 3px;
    text-align: center;
    font-weight: bold;
}
.add-sub-action i{
    margin-right: unset;
}

@media (max-width:1205px){
    .main-container{padding-left: 8px; padding-right: 8px}
}
@media (min-width:1025px){
    .div-p-img-thumb{height:150px}
}
@media only screen and (min-width:768px) and (max-width:1024px){
    .div-p-img-thumb{height:120px}
}
@media only screen and (min-width:768px) and (max-width:991px){
    .product-item{width:31.33%;margin: 1%;float: left}
}
@media (min-width:768px){
    .show-767{display: none}
    .icon-left-cate, .hide-menu-767{display: none}
    .mobile-web-form .col-sm-6:last-child{border-left: 2px #ddd dotted}
    .form-inline .form-control{width:100px;text-align:center}
}
@media (max-width:767px){
    .show-768{display: none}
    .div-cate .div-child{display: none}
    .right-news{display: none}
    table .icon{width: 60px}
    .content-left-cate{display: none; position: fixed; top: 0px; left: 0px; width: 100%; z-index: 999999; background: #fff; padding-left: 10px; padding-right: 10px; min-height: 100%; border-bottom: 1px solid #f2f2f2}
    .content-left-cate .div-cate{margin-top: 10px}
    .right-content{margin-top: 0px}
    .top-search{width:100%;max-width:none;padding-top:10px}
    .page-content{min-height:240px}
    .mobile-web-form .col-sm-4{width:40% !important;padding-top:7px;float:left;text-align:right}
    .mobile-web-form .col-sm-8{width:60% !important;float:left}
    .mobile-web-form .col-sm-offset-4{margin-left:40%}
    .mobile-web-form .col-sm-6:first-child{border-bottom:2px #ddd dotted}
    .mobile-web-form .div-captcha .col-sm-4{display:none}
    .mobile-web-form .div-captcha .col-sm-8{width:100% !important; padding-left:10px}
    .mobile-web-form .checkbox-inline{width:100% !important; padding-left:30px; margin-left: 0px}
    .mobile-web-form .col-sm-6:first-child{width:100%}
    .mobile-web-form .col-sm-6:last-child{width:100%}
    .product-item .btn{padding:4px 8px;margin-top:7px;border-radius:3px}
    .footer .col-sm-5{padding-left:0px}
}
@media only screen and (min-width:451px) and (max-width:767px){
    .product-item{width:31.33%;margin: 1%;float: left}
    .div-p-img-thumb{height:100px}
}
@media (max-width:370px){
    .show-767 .bt-top{padding-left: 4px;padding-right: 4px; font-size: .9em}
    .logo img{height: 32px}
    .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{padding:6px 2px}
}
@media only screen and (min-width:320px) and (max-width:450px){
    .product-item{width:48%;margin: 1%;float: left}
    .div-p-img-thumb{height:90px}
}
@media (max-width:319px){
    .div-p-img-thumb{height:120px}
    .product-item{border-bottom:1px solid #ddd}
}