@import "custom/setup.css";
.container {
    float: left;
    display: inline;
    position: relative;
    left: 50%;
    width: 1070px;
    margin-left: -535px
}
@media screen and (max-width: 639px) {
    .container {
        width: 100%;
        left: 0;
        margin-left: 0!important;
        padding: 0 10px
    }
}
@media (min-width: 640px) and (max-width: 1023px) {
    .container {
        width: 100%;
        left: 0;
        margin-left: 0!important;
        padding: 0 20px
    }
}
.col-md-20 {
    width: 20%;
    float: left;
    display: inline
}
@media screen and (max-width: 1023px) {
    .col-md-20 {
        width: 100%;
        padding: 0
    }
}
.col-md-25 {
    width: 25%;
    float: left;
    display: inline
}
@media screen and (max-width: 1023px) {
    .col-md-25 {
        width: 100%;
        padding: 0
    }
}
.col-md-33 {
    width: 33.33333%;
    float: left;
    display: inline
}
@media screen and (max-width: 1023px) {
    .col-md-33 {
        width: 100%;
        padding: 0
    }
}
.col-md-50 {
    width: 50%;
    float: left;
    display: inline
}
@media screen and (max-width: 1023px) {
    .col-md-50 {
        width: 100%;
        padding: 0
    }
}
.col-md-75 {
    width: 75%;
    float: left;
    display: inline
}
@media screen and (max-width: 1023px) {
    .col-md-75 {
        width: 100%;
        padding: 0
    }
}

/*ADDING 26-09-2016 BY MANH HUNG START*/
#main .container .content .products .row .search-result {
    width: 100% !important;
}

#main .container .content .products .row .search-result .border {
    border:1px solid #e4e3e2 !important;
}

.button {
    width: 100%;
    float: left;
    background-color: #26c739;
    border-radius: 4px;
    padding: 20px 0;
    text-align: center;
    cursor: pointer;
    margin: 5px 0;
}

.button-tables {
    width: 100%;
    color: #fff;
    float: left;
    padding: 10px 0;
    font-size: 15px;
    border-radius: 4px;
    text-align: center;
    background-color: #f57f00;
}

.button-table {
    width: 90%;
    float: left;
    margin: 10px;
    padding: 10px 0;
    cursor: pointer;
    text-align: center;
    border-radius: 4px;
    background-color: #26c739;
}

.search-result .content-left {
    width: 35%;
    float: left;
}

.search-result .content-right {
    width: 65%;
    float: left;
}

.search-result .content-right .padd {
    margin: 5px;
}

.search-result .content-right .title span {
    color:#fff;
    padding: 5px;
    font-size: 15px;
    border-radius: 4px;
    background-color: #f57f00;
}

.search-result .content-right .contents {
    padding: 15px 0;
}

.search-result .content-right .contents span:first-child {
    font-size: 22px;
}

.search-result .content-right .contents span:last-child {
    font-size: 30px;
}

.search-result .content-right .footers p {
    padding: 10px;
    font-size: 15px;
    background-color: #f2f2f2;

}
/*ADDING 26-09-2016 BY MANH HUNG END*/

.overLock body {
    padding-right: 17px;
    position: relative;
    overflow: hidden;
    float: left;
    display: inline
}
.overLock body.no-scroll {
    padding-right: 0
}
.animation {
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    transition: all .2s linear
}
.fl-r,
.fl-w {
    float: left;
    display: inline;
    width: 100%
}
.fl {
    float: left;
    display: inline
}
.fr {
    float: right;
    display: inline
}
.upper {
    text-transform: uppercase
}
.center {
    text-align: center
}
.left {
    text-align: left
}
.right {
    text-align: right
}
.hover-img {
    width: 100%;
    height: 100%
}
.hover-img .animation-img {
    float: left;
    display: inline;
    width: 100%;
    height: 100%;
    line-height: 0;
    position: relative;
    overflow: hidden
}
.hover-img .animation-img:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, .8);
    width: 100%;
    height: 100%;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
    opacity: 0
}
.hover-img .animation-img .table-pos {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
.hover-img .animation-img .table-pos .table-ctn {
    float: left;
    width: 100%;
    height: 100%;
    display: table;
    text-align: center
}
.hover-img .animation-img .table-pos .table-ctn .table-item {
    display: table-cell;
    vertical-align: middle
}
.hover-img .animation-img .table-pos .table-ctn .table-item i {
    display: inline-block;
    font-size: 20px;
    color: #fff;
    opacity: 0;
    -webkit-transition: all .4s linear;
    -moz-transition: all .4s linear;
    transition: all .4s linear;
    width: 100%
}
.hover-img .animation-img .table-pos .table-ctn .table-item span {
    width: 100%;
    display: inline-block;
    font: normal normal normal 14px/1 RobotoRegular;
    color: #fff;
    line-height: 20px;
    opacity: 0;
    -webkit-transition: all .4s linear;
    -moz-transition: all .4s linear;
    transition: all .4s linear;
    font-size: 11px;
    margin-top: 5px
}
.hover-img .animation-img .table-pos .table-ctn .table-item span a {
    color: #fff
}
.hover-img .animation-img img {
    -webkit-transition: all .4s linear;
    -moz-transition: all .4s linear;
    transition: all .4s linear
}
.hover-img .animation-img:hover:before {
    opacity: 1
}
.hover-img .animation-img:hover i {
    opacity: 1!important;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    transform: scale(1.2)
}
.hover-img .animation-img:hover span {
    opacity: 1!important
}
#popup {
    overflow-x: hidden;
    overflow-y: auto;
    opacity: 0;
    -webkit-transition: opacity .2s linear;
    -moz-transition: opacity .2s linear;
    transition: opacity .2s linear
}
#popup.in {
    opacity: 1
}
#popup {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    background-color: rgba(0, 0, 0, .8)
}
@media screen and (max-width: 639px) {
    #popup {
        padding: 10px
    }
}
@media screen and (min-width: 640px) and (max-width: 1023px) {
    #popup {
        padding: 20px
    }
}
#popup .popup-content {
    position: relative;
    z-index: 44;
    background-color: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-top: 30px;
    margin-bottom: 30px;
    top: 0;
    display: none;
    min-width: 300px;
    max-width: 800px;
    -webkit-transition: transform .3s ease-out;
    -moz-transition: transform .3s ease-out;
    transition: transform .3s ease-out
}
@media screen and (max-width: 1023px) {
    #popup .popup-content {
        max-width: 100%
    }
}
#popup .popup-content.out {
    transform: translate(0, -200%);
    -webkit-transform: translate(0, -200%);
    -moz-transform: translate(0, -200%);
    -o-transform: translate(0, -200%);
    -ms-transform: translate(0, -200%)
}
#popup .popup-content.in {
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0)
}
#popup .popup-content figure {
    float: left;
    display: inline;
    width: 100%;
    padding: 20px
}
.form-inline {
    float: left;
    display: inline;
    width: 100%
}
.form-inline .row {
    margin: 0 -15px;
    clear: both
}
@media screen and (max-width: 639px) {
    .form-inline .row {
        margin: 0 -10px
    }
}
.form-inline .form-group {
    float: left;
    display: inline;
    width: 100%;
    margin-bottom: 20px;
    position: relative
}
.form-inline .form-group.end {
    margin-bottom: 0
}
.form-inline .form-group.col-md-50,
.form-inline .form-group.col-sm-50 {
    width: 50%;
    padding: 0 15px
}
@media screen and (max-width: 639px) {
    .form-inline .form-group.col-md-50,
    .form-inline .form-group.col-sm-50 {
        padding: 0 10px
    }
}
.form-inline .form-group .cal-l {
    float: left;
    display: inline;
    width: 26.31578947%;
    line-height: 34px;
    padding-right: 10px;
    text-align: right
}
.form-inline .form-group .cal-r {
    float: left;
    display: inline;
    width: 73.02631579%;
    padding-left: 10px
}
.form-inline .form-group label {
    float: left;
    display: inline;
    width: 100%;
    margin-bottom: 3px
}
.form-inline .form-group label.col-md-25 {
    width: 25%;
    height: 34px;
    line-height: 34px;
    margin-bottom: 0;
    padding-right: 20px;
    text-align: right
}
@media screen and (max-width: 1023px) {
    .form-inline .form-group label.col-md-25 {
        text-align: left
    }
}
.form-inline .form-group label span {
    color: red
}
.form-inline .form-group input[type=text] {
    float: left;
    display: inline;
    width: 100%;
    height: 34px;
    border: 1px solid #aaa;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 0 12px;
    color: #827878
}
.form-inline .form-group input[type=text]::-webkit-input-placeholder {
    color: #827878
}
.form-inline .form-group input[type=text]:-moz-placeholder {
    color: #827878
}
.form-inline .form-group input[type=text]::-moz-placeholder {
    color: #827878
}
.form-inline .form-group input[type=text]:-ms-input-placeholder {
    color: #827878
}
.form-inline .form-group input[type=text]:focus {
    -webkit-box-shadow: 0 0 5px #a5a49f inset;
    -moz-box-shadow: 0 0 5px #a5a49f inset;
    box-shadow: 0 0 5px #a5a49f inset
}
.form-inline .form-group input[type=text].error {
    border: 1px solid red!important
}
.form-inline .form-group textarea {
    float: left;
    display: inline;
    width: 100%;
    height: 200px;
    border: 1px solid #aaa;
    margin-top: 3px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 6px 12px;
    color: #827878
}
.form-inline .form-group textarea:focus {
    -webkit-box-shadow: 0 0 5px #a5a49f inset;
    -moz-box-shadow: 0 0 5px #a5a49f inset;
    box-shadow: 0 0 5px #a5a49f inset
}
.form-inline .form-group textarea.error {
    border: 1px solid red!important
}
.form-inline .form-group textarea::-webkit-input-placeholder {
    color: #827878
}
.form-inline .form-group textarea:-moz-placeholder {
    color: #827878
}
.form-inline .form-group textarea::-moz-placeholder {
    color: #827878
}
.form-inline .form-group textarea:-ms-input-placeholder {
    color: #827878
}
.form-inline .form-group input[type=submit],
.form-inline .form-group input[type=reset] {
    display: inline-block;
    background-color: #fff;
    border: 1px solid #aaa;
    cursor: pointer;
    padding: 7px 15px;
    margin-right: 5px
}
.form-inline .form-group input[type=submit]:hover,
.form-inline .form-group input[type=reset]:hover {
    background-color: #eee
}
.form-inline .form-group input[type=reset] {
    margin-right: 0
}
.form-inline .form-group a {
    display: inline-block;
    background-color: #fff;
    border: 1px solid #aaa;
    cursor: pointer;
    padding: 7px 15px;
    color: #827878
}
.form-inline .form-group a:hover {
    background-color: #eee
}
.form-inline .form-group .error-close {
    position: absolute;
    right: 13px;
    top: 8px;
    color: red;
    font-size: 16px;
    display: none
}
.form-inline .div-error {
    float: left;
    width: 100%;
    margin-top: -10px;
    margin-bottom: 10px;
    color: red;
    display: none
}
.form-inline .div-error.visibi {
    font-size: 12px;
    display: inline;
    visibility: hidden
}
.form-inline .select2.error .select2-selection--single {
    border: 1px solid red
}
.ui-datepicker .ui-datepicker-prev-hover {
    left: 2px;
    top: 2px
}
.ui-datepicker .ui-datepicker-next-hover {
    right: 2px;
    top: 2px
}
.ui-widget {
    font-size: 13px
}
.select2 {
    width: 100%!important;
    height: 34px
}
.select2-container .select2-selection--single {
    height: 100%
}
.select2-container .select2-selection--single .select2-selection__rendered {
    padding-right: 29px
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 34px;
    color: #827878
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100%
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #777 transparent transparent;
    border-width: 7px 6px 0;
    margin-top: -3px;
    margin-left: -10px
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #777;
    border-width: 0 6px 7px;
    margin-top: -5px;
    margin-left: -10px
}
.select2-container--focus .select2-selection--single {
    -webkit-box-shadow: 0 0 5px #a5a49f inset;
    -moz-box-shadow: 0 0 5px #a5a49f inset;
    box-shadow: 0 0 5px #a5a49f inset
}
.select2-container--default .select2-selection--single {
    border: 1px solid #aaa
}
.list-chose .checkbox {
    width: auto;
    margin-right: 20px;
    height: 34px
}
.list-chose .checkbox label {
    line-height: 34px
}
.list-chose .radio {
    width: auto;
    margin-right: 20px;
    height: 34px
}
.list-chose .radio label {
    line-height: 34px
}
.checkbox-regular {
    float: left;
    display: inline;
    margin-right: 20px;
    margin-top: 5px
}
.checkbox-regular label {
    width: auto!important
}
.checkbox-regular input {
    float: left;
    display: inline;
    margin-right: 5px;
    margin-top: 1px
}
.radio-regular {
    float: left;
    display: inline;
    margin-right: 20px;
    margin-top: 5px
}
.radio-regular label {
    width: auto!important
}
.radio-regular input {
    float: left;
    display: inline;
    margin-right: 5px;
    margin-top: 1px
}
.scroll-inner {
    float: left;
    display: inline;
    width: 100%;
    height: 410px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    padding: 40px 3px 30px 25px;
    margin-top: 5px
}
.scroll-inner .mCSB_inside .mCSB_container {
    margin-right: 25px
}
.scroll-inner .mCSB_scrollTools {
    opacity: 1
}
.scroll-inner .mCSB_scrollTools .mCSB_dragger {
    height: 50px!important
}
.scroll-inner .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #ec1c23;
    width: 6px
}
.scroll-inner .mCSB_scrollTools .mCSB_draggerRail {
    display: block
}
.scroll-inner h1,
.scroll-inner h2,
.scroll-inner h3,
.scroll-inner h4,
.scroll-inner h5,
.scroll-inner h6 {
    float: left;
    display: inline;
    width: 100%;
    margin-bottom: 10px;
    font-weight: 700
}
.scroll-inner p {
    float: left;
    display: inline;
    width: 100%;
    margin-bottom: 10px
}
.scroll-inner ul {
    float: left;
    display: inline;
    width: 100%;
    margin-bottom: 10px;
    padding-left: 40px
}
.scroll-inner ul li {
    margin-bottom: 5px;
    list-style-type: circle
}
#scrollTop {
    position: fixed;
    bottom: 13px;
    right: 0;
    z-index: 999;
    display: none;
    cursor: pointer;
    opacity: .7;
    filter: alpha(opacity=70)
}
#scrollTop:hover {
    opacity: 1;
    filter: alpha(opacity=100)
}
@media screen and (max-width: 639px) {
    #scrollTop {
        margin-right: 20px!important
    }
}
.Tab {
    float: left;
    display: inline;
    width: 100%;
    position: relative
}
.Tab .headTab {
    float: left;
    display: inline;
    width: 100%;
    font-size: 18px
}
.Tab .headTab div {
    float: left;
    display: inline;
    border: solid #ccc;
    background-color: #fff;
    border-width: 1px 1px 0;
    padding: 10px 20px;
    cursor: pointer;
    color: #333;
    margin-right: 15px;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -ms-border-radius: 3px 3px 0 0;
    -o-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0
}
.Tab .headTab div.active,
.Tab .headTab div:hover {
    background-color: #e6e6e6;
    border-color: #adadad;
    z-index: 2;
    position: relative
}
.Tab .tab-content {
    float: left;
    display: inline;
    border: 1px solid #ccc;
    position: relative;
    width: 100%;
    padding: 20px;
    z-index: 1;
    margin-top: -1px
}
.Tab .tab-content .tab-pane {
    display: none
}
.Tab .tab-content .tab-pane:first-child {
    display: block
}
.accordion {
    float: left;
    display: inline;
    width: 100%
}
.accordion .item {
    float: left;
    display: inline;
    width: 100%;
    margin-bottom: 5px;
    position: relative
}
.accordion .item .title {
    float: left;
    display: inline;
    width: 100%;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    border: 1px solid #ccc;
    height: 30px;
    line-height: 30px;
    padding: 0 15px;
    background-color: #eee;
    cursor: pointer
}
.accordion .item .title span {
    float: left;
    display: inline
}
.accordion .item .title i {
    float: right;
    display: inline;
    font-size: 16px;
    margin-top: 6px;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
    color: #aaa
}
.accordion .item .content {
    float: left;
    width: 100%;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    border: solid #ccc;
    border-width: 0 1px 1px;
    padding: 15px;
    display: none
}
.accordion .item:first-child .content {
    display: block
}
.accordion .item.show .title i {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg)
}
.banner {
    overflow: hidden;
    float: left;
    display: inline;
    width: 100%
}
.banner .banner-content {
    float: left;
    display: inline;
    width: 100%;
    position: relative;
    line-height: 0
}
@media screen and (max-width: 639px) {
    .banner .banner-content .button-owl {
        display: none!important
    }
}
.banner .banner-content .button-owl button {
    position: absolute;
    top: 50%;
    margin-top: -17px;
    border: none;
    height: 34px;
    width: 18px;
    z-index: 10;
    cursor: pointer
}
.banner .banner-content .button-owl button.owl-prev {
    left: 35px;
    background: url(../images/btn_prev.png) no-repeat
}
.banner .banner-content .button-owl button.owl-next {
    right: 35px;
    background: url(../images/btn_next.png) no-repeat
}
.banner .banner-content .owl-carousel {
    overflow: hidden
}
.lang-dek {
    float: right;
    display: inline;
    margin-top: 10px
}
.lang-dek .parentTxt {
    float: left;
    display: inline;
    position: relative;
    width: 170px;
    color: #0c223d;
    top: 50%
}
.lang-dek .parentTxt dt {
    float: left;
    display: inline;
    width: 100%;
    height: 36px;
    line-height: 36px;
    border: 1px solid #c2c2c2;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 0 35px 0 55px;
    cursor: pointer;
    position: relative;
    background: #f7f7f7
}
.lang-dek .parentTxt dt.lang.en {
    background: url(../images/flag-en.jpg) 10px center no-repeat #f7f7f7
}
.lang-dek .parentTxt dt.lang.jp {
    background: url(../images/flag-jp.jpg) 10px center no-repeat #f7f7f7
}
.lang-dek .parentTxt dt.lang.vi {
    background: url(../images/flag-vi.jpg) 10px center no-repeat #f7f7f7
}
.lang-dek .parentTxt dt:after {
    content: "";
    position: absolute;
    right: 12px;
    top: 50%;
    margin-top: -4px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 0 solid #00a651;
    border-bottom: 8px solid #00a651
}
.lang-dek .parentTxt dt.arrow:after {
    border-top: 8px solid #00a651;
    border-bottom: 0 solid #00a651
}
.lang-dek .parentTxt dd {
    position: absolute;
    width: 100%;
    background-color: #f7f7f7;
    border: 1px solid #c2c2c2;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
    top: 38px;
    left: 0;
    z-index: 29;
    display: none
}
.lang-dek .parentTxt dd ul {
    float: left;
    display: inline;
    width: 100%
}
.lang-dek .parentTxt dd ul li {
    float: left;
    display: inline;
    width: 100%;
    height: 38px;
    line-height: 39px;
    padding-left: 55px
}
.lang-dek .parentTxt dd ul li:first-child {
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0
}
.lang-dek .parentTxt dd ul li:last-child {
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px
}
.lang-dek .parentTxt dd ul li.lang-en {
    background: url(../images/flag-en.jpg) 10px center no-repeat #f7f7f7
}
.lang-dek .parentTxt dd ul li.lang-jp {
    background: url(../images/flag-jp.jpg) 10px center no-repeat #f7f7f7
}
.lang-dek .parentTxt dd ul li.lang-vi {
    background: url(../images/flag-vi.jpg) 10px center no-repeat #f7f7f7
}
@media screen and (max-width: 1023px) {
    html.ov-h {
        overflow: hidden;
        width: 100%;
        height: 100%
    }
    .lang-dek,
    header nav {
        display: none!important
    }
    #menu-device {
        display: block;
        position: fixed;
        top: 0;
        height: 100%;
        width: 270px;
        background-color: #483f54;
        z-index: 999;
        overflow: auto;
        font-size: 15px
    }
    #menu-device.opc {
        opacity: 0
    }
    #menu-device .warp-menu-header {
        float: left;
        display: inline;
        width: 100%;
        position: relative;
        z-index: 5
    }
    #menu-device .warp-menu-header .search {
        float: left;
        display: inline;
        width: 100%;
        padding: 10px 15px;
        position: relative
    }
    #menu-device .warp-menu-header .search input {
        float: left;
        display: inline;
        width: 100%;
        border: 1px solid #332f40;
        background-color: #332f40;
        height: 26px;
        padding: 0 15px 0 27px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        color: #95899d;
        font-size: 12.3px
    }
    #menu-device .warp-menu-header .search input::-webkit-input-placeholder {
        color: #95899d
    }
    #menu-device .warp-menu-header .search input:-moz-placeholder {
        color: #95899d
    }
    #menu-device .warp-menu-header .search input::-moz-placeholder {
        color: #95899d
    }
    #menu-device .warp-menu-header .search input:-ms-input-placeholder {
        color: #95899d
    }
    #menu-device .warp-menu-header .search i {
        position: absolute;
        top: 50%;
        margin-top: -6px;
        left: 25px;
        color: #95899d;
        font-size: 11px
    }
    #menu-device .warp-menu-header .search-txt {
        float: left;
        display: inline;
        width: 100%;
        padding: 10px 15px;
        position: relative;
        position: absolute;
        top: 0;
        left: 0;
        cursor: text
    }
    #menu-device .warp-menu-header .search-txt div {
        float: left;
        display: inline;
        width: 100%;
        border: 1px solid #332f40;
        background-color: #332f40;
        height: 26px;
        line-height: 24px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        color: #95899d;
        padding-left: 10px
    }
    #menu-device .warp-menu-header .search-txt div p {
        float: left;
        display: inline;
        position: relative;
        left: 50%;
        transition: all .2s linear;
        -webkit-transition: all .2s linear;
        -moz-transition: all .2s linear;
        -ms-transition: all .2s linear;
        -o-transition: all .2s linear;
        font-size: 13px
    }
    #menu-device .warp-menu-header .search-txt div p i {
        font-size: 11px;
        position: relative;
        top: -1px
    }
    #menu-device .warp-menu-header .search-txt div p span {
        position: relative;
        left: 5px
    }
    #menu-device .warp-menu {
        position: absolute;
        height: 100%;
        width: 100%;
        padding-top: 50px;
        top: 0;
        left: 0
    }
    #menu-device .warp-menu .profile {
        float: left;
        display: inline;
        width: 100%;
        height: 40px;
        position: relative;
        z-index: 2;
        margin-top: -5px
    }
    #menu-device .warp-menu .profile .profile-info {
        float: left;
        display: inline;
        height: 40px;
        line-height: 39px;
        padding-left: 15px
    }
    #menu-device .warp-menu .profile .profile-info img {
        float: left;
        display: inline;
        position: relative;
        top: 50%;
        margin-top: -13px;
        width: 24px;
        height: 24px
    }
    #menu-device .warp-menu .profile .profile-info span {
        float: left;
        display: inline;
        margin-left: 10px;
        color: #fff
    }
    #menu-device .warp-menu .profile .profile-setting {
        float: right;
        display: inline;
        height: 40px;
        position: relative
    }
    #menu-device .warp-menu .profile .profile-setting p {
        float: right;
        display: inline;
        color: #7a7281;
        font-size: 16px;
        cursor: pointer;
        margin-right: 15px;
        height: 40px;
        line-height: 39px
    }
    #menu-device .warp-menu ol {
        float: left;
        display: none;
        width: 100%
    }
    #menu-device .warp-menu ol li {
        float: left;
        display: inline;
        width: 100%;
        font-size: 13px;
        border-bottom: 1px solid #58526a
    }
    #menu-device .warp-menu ol li:last-child {
        border-bottom: none
    }
    #menu-device .warp-menu ol li a {
        float: left;
        display: inline;
        width: 100%;
        height: 36px;
        line-height: 36px;
        padding-left: 15px;
        color: #f2e7f8
    }
    #menu-device .warp-menu .menu-title {
        float: left;
        display: inline;
        width: 100%;
        height: 30px;
        background-color: #413853;
        padding: 0 15px
    }
    #menu-device .warp-menu .menu-title h4 {
        float: left;
        display: inline;
        width: 100%;
        text-transform: uppercase;
        line-height: 30px;
        color: #847d8f
    }
    #menu-device .warp-menu ul {
        float: left;
        display: inline;
        width: 100%
    }
    #menu-device .warp-menu ul li {
        float: left;
        display: inline;
        width: 100%;
        border-bottom: 1px solid #58526a
    }
    #menu-device .warp-menu ul li h2 {
        font-family: RobotoRegular
    }
    #menu-device .warp-menu ul li:last-child {
        border-bottom: none
    }
    #menu-device .warp-menu ul li a {
        float: left;
        display: inline;
        width: 100%;
        height: 36px;
        line-height: 36px;
        padding-left: 15px;
        color: #f2e7f8
    }
    #menu-device .warp-menu ul li.sub {
        position: relative;
        cursor: pointer
    }
    #menu-device .warp-menu ul li.sub a {
        position: relative;
        z-index: 3
    }
    #menu-device .warp-menu ul li.sub ul {
        padding-top: 0;
        border-bottom: 0;
        display: none;
        position: relative;
        border-top: 1px solid #58526a
    }
    #menu-device .warp-menu ul li.sub ul li {
        font-size: 14px;
        border-bottom: none;
        border-bottom: 1px solid #58526a;
        font-family: RobotoRegular
    }
    #menu-device .warp-menu ul li.sub ul li:last-child {
        border-bottom: none
    }
    #menu-device .warp-menu ul li.sub ul li a {
        padding-left: 40px
    }
    #menu-device .warp-menu ul li.sub ul li h3 {
        font-family: RobotoRegular
    }
    #menu-device .warp-menu ul li.sub:after {
        position: absolute;
        top: 11px;
        right: 15px;
        color: #7a7281;
        content: "\f054";
        z-index: 1;
        transition: all .3s linear;
        -webkit-transition: all .3s linear;
        -moz-transition: all .3s linear;
        -ms-transition: all .3s linear;
        -o-transition: all .3s linear;
        transform: rotate(0deg);
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased
    }
    #menu-device .warp-menu ul li.sub.open:after {
        transform: rotate(90deg)
    }
    #menu-device .warp-menu ul.icon li i {
        background-image: url(../images/bg-icon-menu.png);
        background-repeat: no-repeat;
        width: 16px;
        height: 36px;
        float: left;
        display: inline;
        margin-right: 10px
    }
    #menu-device .warp-menu ul.icon li i.icon-home {
        background-position: -5px 3px
    }
    #menu-device .warp-menu ul.icon li i.icon-about,
    #menu-device .warp-menu ul.icon li i.icon-project {
        background-position: -31px 5px
    }
    #menu-device .warp-menu ul.icon li.sub li a {
        padding-left: 60px
    }
    #menu-device .warp-menu .lang {
        float: left;
        display: inline;
        width: 100%
    }
    #menu-device .warp-menu .lang ul {
        float: left;
        display: inline;
        width: 100%;
        padding: 3px 0 1px;
        border-bottom: 0
    }
    #menu-device .warp-menu .lang ul li {
        float: left;
        display: inline;
        width: 50%;
        border-bottom: none
    }
    #menu-device .warp-menu .lang ul li a {
        padding: 0;
        text-align: center
    }
    #menu-device .warp-menu .lang ul li a div {
        display: inline-block;
        height: 100%;
        min-width: 85px
    }
    #menu-device .warp-menu .lang ul li a div img {
        float: left;
        display: inline;
        position: relative;
        top: 50%;
        margin-top: -10px;
        margin-right: 5px
    }
    #menu-device .warp-menu .lang ul li a div span {
        float: left;
        display: inline
    }
    #menu-device .mCSB_scrollTools {
        width: 8px
    }
    #menu-device .mCSB_inside>.mCSB_container {
        margin-right: 0
    }
    #menu-device .mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,
    #menu-device .mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical {
        margin: 0
    }
    #menu-device .mCSB_dragger .mCSB_dragger_bar {
        background-color: rgba(91, 91, 91, .5)!important
    }
    #menu-device .mCSB_scrollTools .mCSB_draggerRail {
        display: none
    }
    header {
        height: 50px!important;
        background-color: #4a4a4a;
        position: relative
    }
    header.fixed {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 99
    }
    header .btn-menu-device {
        position: absolute;
        height: 22px;
        width: 31px;
        top: 50%;
        margin-top: -11px;
        z-index: 3;
        left: 20px;
        cursor: pointer;
        display: block!important;
        color: #fff
    }
    header .btn-menu-device article {
        float: left;
        display: inline;
        width: 100%;
        height: 22px;
        position: relative
    }
    header .btn-menu-device article:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 4px;
        background-color: #fff;
        transition: all .5s linear;
        -webkit-transition: all .5s linear;
        -moz-transition: all .5s linear;
        -ms-transition: all .5s linear;
        -o-transition: all .5s linear
    }
    header .btn-menu-device article:after {
        content: "";
        position: absolute;
        top: 18px;
        left: 0;
        width: 100%;
        height: 4px;
        background-color: #fff;
        transition: all .5s linear;
        -webkit-transition: all .5s linear;
        -moz-transition: all .5s linear;
        -ms-transition: all .5s linear;
        -o-transition: all .5s linear
    }
    header .btn-menu-device article span {
        float: left;
        display: inline;
        width: 100%;
        height: 4px;
        background-color: #fff;
        position: relative;
        top: 50%;
        margin-top: -2px;
        transition: all .3s linear;
        -webkit-transition: all .5s linear;
        -moz-transition: all .5s linear;
        -ms-transition: all .5s linear;
        -o-transition: all .5s linear;
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0)
    }
    header nav {
        display: none
    }
    header .img {
        width: 100%;
        margin-left: 0;
        position: relative;
        z-index: 2;
        float: left
    }
    body.show-menu-device {
        overflow: hidden;
        width: 100%;
        height: 100%
    }
    body.show-menu-device .bg-blocker,
    body.show-menu-device .warp-content,
    body.show-menu-device header {
        transform: translate3d(270px, 0, 0);
        -webkit-transform: translate3d(270px, 0, 0);
        -moz-transform: translate3d(270px, 0, 0);
        -ms-transform: translate3d(270px, 0, 0);
        -o-transform: translate3d(270px, 0, 0)
    }
    body.show-menu-device #menu-device {
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0)
    }
    body.show-menu-device .btn-menu-device span {
        transition: all .7s linear;
        -webkit-transition: all .7s linear;
        -moz-transition: all .7s linear;
        -ms-transition: all .7s linear;
        -o-transition: all .7s linear;
        transform: translate3d(-100px, 0, 0);
        -webkit-transform: translate3d(-100px, 0, 0);
        -moz-transform: translate3d(-100px, 0, 0);
        -ms-transform: translate3d(-100px, 0, 0);
        -o-transform: translate3d(-100px, 0, 0)
    }
    body.show-menu-device .btn-menu-device article:before {
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        top: 6px
    }
    body.show-menu-device .btn-menu-device article:after {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        top: 6px
    }
    body.show-menu-device .bg-blocker {
        display: none;
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 999999;
        background-color: rgba(0, 0, 0, .7)
    }
    body.show-menu-device #menu-device.a-left {
        box-shadow: 3px 0 8px rgba(0, 0, 0, .25);
        -webkit-box-shadow: 3px 0 8px rgba(0, 0, 0, .25);
        -moz-box-shadow: 3px 0 8px rgba(0, 0, 0, .25);
        -ms-box-shadow: 3px 0 8px rgba(0, 0, 0, .25);
        -o-box-shadow: 3px 0 8px rgba(0, 0, 0, .25)
    }
    body.show-menu-device #menu-device.a-right {
        box-shadow: -3px 0 8px rgba(0, 0, 0, .25);
        -webkit-box-shadow: -3px 0 8px rgba(0, 0, 0, .25);
        -moz-box-shadow: -3px 0 8px rgba(0, 0, 0, .25);
        -ms-box-shadow: -3px 0 8px rgba(0, 0, 0, .25);
        -o-box-shadow: -3px 0 8px rgba(0, 0, 0, .25)
    }
    body.show-menu-device.a-right .bg-blocker,
    body.show-menu-device.a-right .warp-content,
    body.show-menu-device.a-right header {
        transform: translate3d(-270px, 0, 0);
        -webkit-transform: translate3d(-270px, 0, 0);
        -moz-transform: translate3d(-270px, 0, 0);
        -ms-transform: translate3d(-270px, 0, 0);
        -o-transform: translate3d(-270px, 0, 0)
    }
    body.show-menu-device.a-right .btn-menu-device span {
        transform: translate3d(100px, 0, 0);
        -webkit-transform: translate3d(100px, 0, 0);
        -moz-transform: translate3d(100px, 0, 0);
        -ms-transform: translate3d(100px, 0, 0);
        -o-transform: translate3d(100px, 0, 0)
    }
    body.a-right .btn-menu-device {
        right: 20px;
        left: auto
    }
    #banner {
        padding-top: 70px
    }
}
@media screen and (max-width: 639px) {
    header .btn-menu-device {
        left: 10px
    }
    body.a-right .btn-menu-device {
        right: 10px
    }
}
body,
html {
    font-size: 12px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif!important;
    color: #4d4d4d;
    line-height: 23px
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 100
}
.warp {
    border: solid #f2f0ed;
    border-width: 0 1px
}
header {
    display: none
}
#main .container .btn-page {
    background-color: #b3875b;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    text-align: center;
    border: 1px solid #b3875b;
    color: #fff
}
#main .container .btn-page:hover {
    background-color: #96724e
}
#main .container .aside-title {
    float: left;
    display: inline;
    width: 100%;
    padding-left: 30px
}
#main .container .aside-title h4 {
    float: left;
    display: inline;
    width: 100%;
    height: 27px;
    color: #b3875b;
    font-size: 17px;
    border-bottom: 1px solid #b3875b;
    font-weight: 100
}
#main .container aside {
    float: left;
    display: inline;
    width: 240px;
    background-color: #fff;
    border-right: 1px solid #dedcdb
}
#main .container aside .logo {
    float: left;
    display: inline;
    width: 100%;
    text-align: center;
    margin-top: 5px;
    padding: 0 25px
}
#main .container aside nav {
    float: left;
    display: inline;
    width: 100%;
    margin-top: 16px
}
#main .container aside nav ul {
    float: left;
    display: inline;
    width: 100%
}
#main .container aside nav ul li {
    float: left;
    display: inline;
    width: 100%;
    position: relative;
    border-bottom: 2px solid #f2f0ed
}
#main .container aside nav ul li:after {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f105";
    position: absolute;
    right: 10px;
    top: 9px;
    color: #585554;
    font-size: 18px
}
#main .container aside nav ul li a {
    float: left;
    display: inline;
    width: 100%;
    height: 38px;
    line-height: 38px;
    color: #4d4d4d;
    padding-left: 20px;
    font-size: 13px
}
#main .container aside nav ul li a.active,
#main .container aside nav ul li a:hover {
    background-color: #ffe8c7
}
#main .container aside .search {
    float: left;
    display: inline;
    width: 100%;
    padding: 0 10px;
    margin-top: 20px
}
#main .container aside .search .head {
    background: url(../images/search-icon.png) 0 2px no-repeat;
    margin-bottom: 20px
}
#main .container aside .search .body .form-inline .form-group {
    margin-bottom: 10px
}
#main .container aside .search .body .form-inline .form-group .select2 .select2-selection--single {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: #f5f5f5;
    border: 1px solid #e1e1e1
}
#main .container aside .search .body .form-inline .form-group.sup-css {
    height: 34px;
    margin-bottom: 10px
}
#main .container aside .search .body .form-inline .form-group.sup-css .select2-selection__rendered {
    line-height: 34px
}
#main .container aside .search .body .form-inline .form-group input[type=submit] {
    height: 40px;
    font-size: 14px;
    padding: 0 40px;
    font-weight: 700
}
#main .container aside .search .body .form-inline .form-group:last-child {
    margin-top: 5px
}
#main .container aside .search .body .form-inline .form-group button {
    cursor: pointer
}
#main .container aside .category {
    float: left;
    display: inline;
    width: 100%;
    margin-top: 15px;
    padding: 0 10px
}
#main .container aside .category .head {
    background: url(../images/category-icon.png) no-repeat;
    margin-bottom: 15px
}
#main .container aside .category a {
    color: #4d4d4d
}
#main .container aside .category a:hover {
    text-decoration: underline
}
#main .container aside .category .body {
    float: left;
    display: inline;
    width: 100%
}
#main .container aside .category .body .item {
    float: left;
    display: inline;
    width: 100%;
    padding-bottom: 10px;
    margin-bottom: 10px;
    position: relative
}
#main .container aside .category .body .item:after {
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 120px;
    margin-left: -60px;
    content: "";
    height: 1px;
    background-color: #cbc6c6
}
#main .container aside .category .body .item:last-child:after {
    height: 0
}
#main .container aside .category .body .item .img {
    float: left;
    display: inline;
    width: 100%
}
#main .container aside .category .body .item h4 {
    float: left;
    display: inline;
    width: 100%;
    font-size: 13px;
    color: #4d4d4d;
    margin-top: 5px;
    text-transform: uppercase
}
#main .container aside .category .body .item p {
    float: left;
    display: inline;
    width: 100%;
    font-size: 13px;
    color: #4d4d4d
}
#main .container aside .news {
    float: left;
    display: inline;
    width: 100%;
    padding: 0 10px
}
#main .container aside .news a {
    color: #4d4d4d
}
#main .container aside .news .head {
    float: left;
    display: inline;
    width: 100%;
    background: url(../images/new-icon.png) 0 5px no-repeat;
    margin-bottom: 15px
}
#main .container aside .news .body {
    float: left;
    display: inline;
    width: 100%
}
#main .container aside .news .body .item {
    float: left;
    display: inline;
    width: 100%;
    padding-bottom: 13px;
    margin-bottom: 10px;
    position: relative
}
#main .container aside .news .body .item:last-child {
    margin-bottom: 0;
    padding-bottom: 0
}
#main .container aside .news .body .item:after {
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 120px;
    margin-left: -60px;
    content: "";
    height: 1px;
    background-color: #cbc6c6
}
#main .container aside .news .body .item:last-child:after {
    height: 0
}
#main .container aside .news .body .item h4,
#main .container aside .news .body .item p {
    float: left;
    display: inline;
    width: 100%;
    font-size: 12px
}
#main .container aside .contact {
    float: left;
    display: inline;
    width: 100%;
    padding: 0 10px;
    margin-top: 20px
}
#main .container aside .contact .head {
    float: left;
    display: inline;
    width: 100%;
    background: url(../images/tele-icon.png) 0 5px no-repeat;
    margin-bottom: 15px
}
#main .container aside .contact .body {
    float: left;
    display: inline;
    width: 100%
}
#main .container aside .contact .body p {
    float: left;
    display: inline;
    width: 100%;
    font-size: 12px
}
#main .container aside .contact .body h4 {
    float: left;
    display: inline;
    width: 100%;
    font-size: 11px;
    font-weight: 700;
    margin-top: 10px
}
#main .container aside .contact .body h4 strong {
    font-size: 15px
}
#main .container aside .contact .body a {
    float: left;
    display: inline;
    width: 100%;
    margin-top: 15px
}
#main .container aside .contact .body .mail {
    margin-top: 0;
    color: #4d4d4d
}
#main .container aside .contact .body .mail:hover {
    text-decoration: underline
}
#main .container .content {
    float: left;
    display: inline;
    width: 828px;
    background-color: #fefcfb
}
#main .container .content .banner {
    float: left;
    display: inline;
    width: 100%;
    overflow: hidden
}
#main .container .content .banner .left {
    float: left;
    display: inline;
    width: 650px
}
#main .container .content .banner .left #owl-demo .item {
    float: left;
    display: inline;
    width: 100%;
    background-size: cover
}
#main .container .content .banner .right {
    float: right;
    display: inline;
    width: 177px;
    padding-left: 5px;
    height: 259px;
    overflow: hidden
}
#main .container .content .banner .right .once {
    float: left;
    display: inline;
    width: 100%;
    height: 127px
}
#main .container .content .banner .right .once .bg-r {
    position: relative;
    float: left;
    display: inline;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}
#main .container .content .banner .right .once img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}
#main .container .content .banner .right .once:last-child {
    margin-top: 5px
}
#main .container .content .banner .right .once a {
    float: left;
    display: table;
    height: 100%;
    color: #fff;
    font-size: 16px;
    width: 100%;
    position: relative;
    z-index: 2
}
#main .container .content .banner .right .once a p {
    display: table-cell;
    vertical-align: middle
}
#main .container .content .banner .right .once a p span {
    float: left;
    display: inline;
    width: 100%;
    text-align: center
}
#main .container .content .products {
    float: left;
    display: inline;
    width: 100%;
    margin-top: 31px
}
#main .container .content .products .aside-title {
    float: left;
    display: inline;
    width: 100%;
    padding: 0 20px;
    margin-bottom: 30px
}
#main .container .content .products .aside-title h4 {
    float: left;
    display: inline;
    width: auto;
    height: 32px;
    color: #967157;
    font-size: 19px
}
#main .container .content .products .aside-title h4:after {
    width: 190px;
    height: 1px
}
#main .container .content .products .aside-title p {
    line-height: 28px
}
#main .container .content .products .list-item {
    float: left;
    display: inline;
    width: 100%;
    padding: 0 20px
}
#main .container .content .products .row {
    margin: 0 -10px
}

#main .container .content .products .row .item {
    float: left;
    display: inline;
    width: 25%;
    padding: 0 10px;
    margin-bottom: 30px
}
#main .container .content .products .row .item .border {
    float: left;
    display: inline;
    width: 100%;
    border: 1px solid #e0cdbb;
    /*padding-bottom: 22px;*/
    position: relative
}
#main .container .content .products .row .item .border:before {
    content: attr(data-cont);
    position: absolute;
    left: 7px;
    bottom: 0;
    color: #806d63;
    font-size: 15px
}
#main .container .content .products .row .item .img {
    width: 100%;
    overflow: hidden;
    text-align: center
}
#main .container .content .products .row .item .img a {
    float: left;
    display: inline;
    width: 100%;
    line-height: 0
}
#main .container .content .products .row .item .img img {
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    transition: all .2s linear
}
#main .container .content .products .row .item .img:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1)
}
#main .container .content .products .row .item h4 {
    float: left;
    display: inline;
    width: 100%;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 19px;
    margin-top: 6px;
    height: 38px;
    padding: 0 5px
}
#main .container .content .products .row .item h4 a {
    color: #9c5e33
}
#main .container .content .products .row .item h4 a:hover {
    color: #96724e
}
#main .container .content .products .row .item .inner {
    float: left;
    display: inline;
    width: 100%;
    margin-top: 5px;
    padding: 0 5px
}
#main .container .content .products .row .item .inner p {
    float: left;
    display: inline;
    width: 100%;
    color: #806d63;
    line-height: 20px;
    font-size: 12px
}
#main .container .content .products .row .item .inner p:nth-of-type(3) {
    margin-top: -3px
}
#main .container .content .products .w100 {
    float: left;
    display: inline;
    width: 100%;
    text-align: center
}
#main .container .content .products .w100 a {
    display: inline-block;
    height: 57px;
    line-height: 57px;
    padding: 0 66px;
    font-size: 18px
}
#main .container .content .social {
    float: left;
    display: inline;
    width: 100%;
    margin-top: 30px;
    padding: 0 18px
}
#main .container .content .social .row {
    margin: 0 -10px
}
#main .container .content .social .item {
    float: right;
    display: inline;
    width: 50%;
    padding: 0 10px;
    text-align: center
}
#main .container .content .social .item a {
    float: left;
    display: inline;
    width: 100%;
    line-height: 195px;
    color: #fff;
    text-align: left;
    font-size: 27px;
    padding-left: 20px;
    position: relative
}
#main .container .content .social .item a:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, .9)
}
#main .container .content .social .item a:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -10px;
    background: url(../images/home_icon_arrow.png) no-repeat;
    width: 11px;
    height: 20px
}
#main .container .content .social .item.bg-home-social a {
    height: 195px;
    background-image: url(../images/social_img.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}
#main .container .content footer {
    float: left;
    display: inline;
    width: 100%;
    margin-top: 20px;
    border-top: 1px solid #dedcdb;
    padding: 20px 18px 15px
}
#main .container .content footer .footer-device {
    display: none
}
#main .container .content footer .left,
#main .container .content footer .left nav,
#main .container .content footer .left nav ul {
    float: left;
    display: inline
}
#main .container .content footer .left nav ul li {
    float: left;
    display: inline;
    font-size: 12px;
    margin-right: 25px;
    padding-right: 25px;
    position: relative
}
#main .container .content footer .left nav ul li:after {
    position: absolute;
    content: "";
    right: 0;
    width: 1px;
    height: 16px;
    background-color: #4d4d4d;
    top: 3px
}
#main .container .content footer .left nav ul li:last-child:after {
    width: 0
}
#main .container .content footer .left nav ul li a {
    color: #4d4d4d
}
#main .container .content footer .left nav ul li a.active,
#main .container .content footer .left nav ul li a:hover {
    text-decoration: underline
}
#main .container .content footer .left p {
    float: left;
    display: inline;
    clear: both;
    margin-top: 15px;
    color: #989898;
    font-size: 13px
}
#main .container .content footer .right {
    float: right;
    display: inline;
    cursor: pointer
}
#main .container .content .aside-title {
    float: left;
    display: inline;
    width: 100%;
    padding: 20px
}
#main .container .content .aside-title h4 {
    float: left;
    display: inline;
    height: 40px;
    color: #967157;
    font-size: 19px;
    line-height: 26px;
    position: relative;
    border-bottom: none;
    font-weight: 100
}
#main .container .content .aside-title h4:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 2px;
    width: 195px;
    height: 1px;
    background-color: #b3875b
}
.link {
    float: left;
    display: inline;
    width: 100%;
    padding: 0 20px;
    color: #806d63;
    margin-top: 10px;
    margin-bottom: 15px;
    font-size: 12px
}
.link a {
    color: #806d63;
    margin-right: 10px
}
.link a:hover {
    text-decoration: underline
}
.link span {
    margin-left: 10px;
    position: relative;
    top: 1px
}
#contact {
    float: left;
    display: inline;
    width: 100%
}
#contact .aside-title h4 {
    height: 32px!important;
    font-size: 19px!important
}
#contact .notification {
    float: left;
    display: inline;
    width: 100%;
    padding: 0 20px;
    position: relative;
    margin-top: 20px
}
#contact .notification .alert {
    float: left;
    display: inline;
    width: 100%;
    height: 50px;
    line-height: 50px;
    padding: 0 20px
}
#contact .notification .alert strong {
    font-weight: 700
}
#contact .notification .alert.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border: 1px solid #dff0d8
}
#contact .notification .alert.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border: 1px solid #ebccd1
}
#contact .form-inline {
    padding: 0 95px;
    margin-top: 20px
}
#contact .form-inline .form-group {
    margin-bottom: 35px
}
#contact .form-inline .form-group .cal-l {
    text-align: left;
    width: 30%
}
#contact .form-inline .form-group .cal-r {
    width: 70%
}
#contact .form-inline .form-group label {
    font-size: 14px;
    color: #806d63
}
#contact .form-inline .form-group.note {
    margin-top: -22px;
    color: #806d63
}
#contact .form-inline input,
#contact .form-inline textarea {
    border: 1px solid #ddd;
    background-color: #fff;
    box-shadow: 0 0 2px rgba(0, 0, 0, .5);
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0
}
#contact .form-inline .end {
    margin-top: 10px
}
#contact .form-inline .end a,
#contact .form-inline .end input {
    height: 54px;
    line-height: 54px;
    font-size: 17px;
    padding: 0 60px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0
}
#contact .form-inline .div-error {
    margin: 0
}
#news-list {
    float: left;
    display: inline;
    width: 100%
}
#news-list .aside-title h4 {
    height: 32px!important;
    font-size: 19px!important
}
#news-list .content {
    float: left!important;
    display: inline!important;
    width: 100%!important;
    margin-top: 25px
}
#news-list .content .news-two {
    float: left;
    display: inline;
    width: 100%;
    padding: 0 20px
}
#news-list .content .news-two .row {
    margin: 0 -10px
}
#news-list .content .news-two .row .item {
    float: left;
    display: inline;
    width: 50%;
    padding: 0 10px;
    margin-bottom: 30px
}
#news-list .content .news-two .row .item .bg {
    float: left;
    display: inline;
    width: 100%;
    border: 1px solid #e0cdbb
}
#news-list .content .news-two .row .item .bg .img {
    width: 100%
}
#news-list .content .news-two .row .item .bg .description {
    float: left;
    display: inline;
    width: 100%;
    padding: 10px 10px 35px;
    position: relative
}
#news-list .content .news-two .row .item .bg .description span {
    float: left;
    display: inline;
    width: 100%;
    color: #806d63;
    font-size: 14px;
    font-weight: 100;
    line-height: 16px;
    margin-top: 0
}
#news-list .content .news-two .row .item .bg .description h4 {
    float: left;
    display: inline;
    width: 100%;
    margin-top: 10px;
    height: auto!important;
    color: #967157;
    font-weight: 100
}
#news-list .content .news-two .row .item .bg .description h4 a {
    float: left;
    display: inline;
    padding: 0;
    color: #967157;
    font-size: 17px
}
#news-list .content .news-two .row .item .bg .description p {
    float: left;
    display: inline;
    width: 100%;
    color: #4d4d4d;
    margin-top: 10px;
    height: 63px;
    font-size: 13px;
    line-height: 18px
}
#news-list .content .news-two .row .item .bg .description a.btn-page {
    float: right;
    display: inline;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    padding: 0 10px 0 15px;
    position: absolute;
    right: 0;
    bottom: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}
#news-list .content .list-item {
    float: left;
    display: inline;
    width: 100%;
    padding: 0 20px
}
#news-list .content .list-item .row {
    margin: 0 -10px
}
#news-list .content .list-item .row .border {
    border: 1px solid #e0cdbb;
    float: left;
    display: inline;
    width: 100%
}
#news-list .content .list-item .row .item {
    float: left;
    display: inline;
    width: 25%;
    padding: 0 10px;
    margin-bottom: 30px
}
#news-list .content .list-item .row .item .img {
    width: 100%;
    overflow: hidden
}
#news-list .content .list-item .row .item .img a {
    float: left;
    display: inline;
    width: 100%;
    line-height: 0
}
#news-list .content .list-item .row .item .img img {
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    transition: all .2s linear
}
#news-list .content .list-item .row .item .img:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1)
}
#news-list .content .list-item .row .item span {
    float: left;
    display: inline;
    width: 100%;
    color: #806d63;
    margin-top: 3px;
    padding: 0 5px;
    font-weight: 100
}
#news-list .content .list-item .row .item h4 {
    float: left;
    display: inline;
    width: 100%;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 19px;
    height: 38px;
    padding: 0 5px
}
#news-list .content .list-item .row .item h4 a {
    color: #9c5e33
}
#news-list .content .list-item .row .item h4 a:hover {
    color: #96724e
}
#news-list .content .list-item .row .item .inner {
    float: left;
    display: inline;
    width: 100%;
    margin-top: 5px;
    padding: 0 5px 10px
}
#news-list .content .list-item .row .item .inner p {
    float: left;
    display: inline;
    width: 100%;
    color: #4d4d4d;
    line-height: 26px;
    line-height: 18px;
    height: 55px
}
.pagination {
    float: left;
    display: inline;
    width: 100%;
    padding: 0 20px
}
.pagination .pagi-hidden {
    display: none
}
.pagination ul {
    float: left;
    display: inline;
    width: 100%;
    text-align: center
}
.pagination ul li {
    display: inline-block;
    margin-right: 10px
}
.pagination ul li.prev,
.pagination ul li:first-child {
    margin-right: 25px
}
.pagination ul li.prev a,
.pagination ul li:first-child a {
    background-color: #b3875b;
    width: auto;
    padding: 0 20px
}
.pagination ul li.prev a:hover,
.pagination ul li:first-child a:hover {
    background-color: #96724e
}
.pagination ul li.prev.disabled a,
.pagination ul li:first-child.disabled a {
    cursor: not-allowed!important;
    background-color: #b3875b
}
.pagination ul li.next,
.pagination ul li:last-child {
    margin-left: 15px;
    margin-right: 0
}
.pagination ul li.next a,
.pagination ul li:last-child a {
    background-color: #b3875b;
    width: auto;
    padding: 0 20px
}
.pagination ul li.next a:hover,
.pagination ul li:last-child a:hover {
    background-color: #96724e
}
.pagination ul li.next.disabled a,
.pagination ul li:last-child.disabled a {
    cursor: not-allowed!important;
    background-color: #b3875b
}
.pagination ul li a {
    float: left;
    display: inline;
    background-color: #eed2b5;
    color: #fff;
    height: 30px;
    width: 30px;
    line-height: 32px;
    font-size: 12px
}
.pagination ul li.active a,
.pagination ul li:hover a {
    background-color: #b3875b
}
#news-detail {
    float: left;
    display: inline;
    width: 100%
}
#news-detail .head h4 {
    height: auto!important;
    padding-bottom: 5px
}
#news-detail .head h4 strong {
    font-weight: 100
}
#news-detail .head strong {
    float: left;
    display: inline;
    width: 100%
}
#news-detail .head span {
    float: left;
    display: inline;
    width: 100%;
    font-size: 14px;
    color: #806d63
}
#news-detail .content {
    float: left;
    display: inline;
    width: 100%;
    padding: 0 20px;
    margin-top: 25px;
    font-size: 13px
}
#news-detail .content .img {
    width: 100%;
    text-align: center
}
#news-detail .content .img img,
#news-detail .content img {
    max-width: 100%;
    height: auto;
    margin: 0 auto
}
#news-detail .content .txt {
    float: left;
    display: inline;
    width: 100%;
    margin-top: 10px
}
#news-detail .content .txt p {
    float: left;
    display: inline;
    width: 100%;
    margin-bottom: 15px
}
#news-detail .content .w100 {
    float: left;
    display: inline;
    width: 100%;
    text-align: center;
    margin-top: 10px
}
#news-detail .content .w100 a {
    height: 50px;
    display: inline-block;
    line-height: 50px;
    font-size: 16px;
    padding: 0 40px
}
#about {
    float: left;
    display: inline;
    width: 100%
}
#about .aside-title h4 {
    height: 32px!important;
    font-size: 19px!important
}
#about .about-top {
    float: left;
    display: inline;
    width: 100%
}
#about .about-top .detail {
    float: left;
    display: inline;
    width: 100%;
    padding: 0 20px;
    margin-top: 25px
}
#about .about-top .detail .w-left {
    float: left;
    display: inline;
    width: 220px;
    text-align: center
}
#about .about-top .detail .w-left .img {
    width: 100%
}
#about .about-top .detail .w-left p {
    float: left;
    display: inline;
    width: 100%;
    font-size: 15px;
    color: #806d63;
    margin-top: 8px;
    line-height: 25px
}
#about .about-top .detail .w-right {
    padding-left: 240px
}
#about .about-top .detail .w-right h4 {
    float: left;
    display: inline;
    width: 100%;
    color: #9c5e33;
    font-size: 17px;
    font-weight: 700
}
#about .about-top .detail .w-right .des {
    float: left;
    display: inline;
    width: 100%;
    margin-top: 10px
}
#about .about-top .detail .w-right .des p {
    float: left;
    display: inline;
    width: 100%;
    color: #4d4d4d;
    margin-bottom: 10px;
    line-height: 23px;
    font-size: 13px;
    font-weight: 100
}
#about .about-bottom {
    float: left;
    display: inline;
    width: 100%;
    margin-top: 30px
}
#about .about-bottom .content {
    float: left;
    display: inline;
    width: 100%;
    padding: 0 20px;
    margin-top: 30px
}
#about .about-bottom .content .w-left {
    float: left;
    display: inline;
    width: 415px
}
#about .about-bottom .content .w-left table {
    width: 100%;
    border: solid #cbc4c4;
    border-width: 1px
}
#about .about-bottom .content .w-left table tr td {
    border-bottom: 1px solid #cbc4c4;
    color: #806d63;
    min-height: 30px;
    height: 47px;
    border-right: 1px solid #cbc4c4
}
#about .about-bottom .content .w-left table tr td:first-child {
    width: 95px;
    background-color: #f7f5f0;
    padding-left: 7px
}
#about .about-bottom .content .w-left table tr td:last-child {
    padding-left: 20px;
    padding-right: 10px;
    border-right: none;
    color: #4d4d4d
}
#about .about-bottom .content .w-left table tr:last-child td {
    border-bottom: none
}
#about .about-bottom .content .w-right {
    float: right;
    display: inline;
    max-width: 340px
}
#about .about-bottom:last-child img {
    max-width: 100%;
    height: auto
}
#special {
    float: left;
    display: inline;
    width: 100%
}
#special .content {
    float: left!important;
    display: inline!important;
    width: 100%!important;
    padding: 0 20px;
    margin-top: 20px
}
#special .content .once {
    float: left;
    display: inline;
    width: 100%;
    margin-bottom: 30px
}
#special .content .once p {
    margin-bottom: 15px;
    font-size: 12px;
    font-weight: 100;
    color: #4d4d4d
}
#special .content .once p:last-child {
    margin-bottom: 0
}
#special .content .once.w-right img {
    float: right;
    display: inline;
    width: 370px;
    height: auto;
    margin: 0 0 10px 30px!important
}
#special .content .once.w-right .img {
    float: right;
    display: inline;
    margin-left: 20px
}
#special .content .once.w-left img {
    float: left;
    display: inline;
    width: 390px;
    height: auto;
    margin: 0 25px 10px 0!important
}
#special .content .once.w-left .img {
    float: left;
    display: inline;
    margin-right: 25px
}
#special .full-width a {
    height: 60px;
    line-height: 60px;
    font-size: 17px;
    padding: 0 25px
}
#detail {
    float: left;
    display: inline;
    width: 100%
}
#detail .aside-title h4 {
    font-size: 17px!important;
    height: 32px!important
}
#detail .aside-title h4 strong {
    font-weight: 100
}
#detail .height h4 {
    height: auto!important;
    padding-bottom: 5px
}
#detail .height h4:after {
    width: 190px
}
#detail .height strong {
    float: left;
    display: inline;
    width: 100%
}
#detail .height span {
    float: left;
    display: inline;
    width: 100%;
    font-size: 12px;
    color: #806d63
}
#detail .h-detail h4:after {
    width: 140px!important
}

#detail .slider-banner {
    width: 55%;
    float: left;
}
#detail #banner-detail {
    padding: 0 25px;
    margin: 15px 0;
}
#detail #banner-detail .left {
    width: 100%
}
#detail #banner-detail .banner-content .button-owl button {
    width: 16px;
    height: 42px
}
#detail #banner-detail .banner-content .button-owl button.owl-prev {
    background: url(../images/detail_arrow_prev.png) no-repeat;
    left: -25px
}
#detail #banner-detail .banner-content .button-owl button.owl-next {
    background: url(../images/detail_arrow_next.png) no-repeat;
    right: -25px
}
#detail .info-content {
    float: left;
    display: inline;
    width: 100%;
    margin-top: 25px;
    padding: 0 20px
}
#detail .info-content .head {
    padding-left: 0!important
}
#detail .info-content .w-left {
    float: left;
    display: inline;
    width: 100%
}
#detail .info-content .w-left #sync2 {
    float: left;
    display: inline;
    width: 100%;
    margin-top: 20px
}
#detail .info-content .w-left #sync2 .owl-item {
    line-height: 0;
    padding: 0 3px
}
#detail .info-content .w-left #sync2 .owl-item img {
    cursor: pointer
}
#detail .info-content .w-left #sync2 .owl-item.synced img {
    border: 1px solid #967157;
    box-shadow: 0 0 15px rgba(0, 0, 0, .8) inset;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .8) inset;
    -moz-box-shadow: 0 0 15px rgba(0, 0, 0, .8) inset
}
#detail .info-content .w-left .info {
    float: left;
    display: inline;
    width: 100%;
    margin-top: 30px
}
#detail .info-content .w-left .info .head {
    margin-bottom: 8px
}
#detail .info-content .w-left .info .info-txt {
    float: left;
    display: inline;
    width: 100%;
    line-height: 22px
}
#detail .info-content .w-left .info .info-txt p {
    float: left;
    display: inline;
    width: 100%;
    margin-bottom: 15px;
    font-size: 13px
}
#detail .info-content .w-left .info .info-txt img {
    margin: 40px 0;
    max-width: 100%;
    height: auto
}
#detail .info-content .w-right {
    float: left;
    display: inline;
    width: 100%
}
#detail .info-content .w-right .head {
    margin-bottom: 10px
}
#detail .info-content .w-right table {
    float: left;
    width: 100%;
    border: solid #cbc4c4;
    border-width: 0 0 1px;
    margin-top: 10px
}
#detail .info-content .w-right table tr td {
    font-size: 13px;
    padding: 12px 0 9px;
    border-bottom: 1px solid #cbc4c4
}
#detail .info-content .w-right table tr td:first-child {
    width: 90px
}
#detail .info-content .w-right table tr td:last-child {
    padding-left: 10px
}
#detail .info-content .w-right table tr td .red {
    color: #fc3939
}
#detail .info-content .w-right table tr:last-child td {
    border-bottom: 0
}
#detail .info-content .w-right .block {
    float: left;
    display: inline;
    width: 100%
}
#detail .info-content .w-right .block a {
    float: left;
    display: inline;
    width: 100%;
    height: 56px;
    text-align: center;
    position: relative;
    color: #fff;
    background: #26c739;
    line-height: 58px;
    font-size: 16px;
    padding: 0 35px 0 20px
}
#detail .info-content .w-right .block a:after {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -10px;
    font: normal normal normal 20px/1 FontAwesome;
    content: "\f105"
}
#detail .info-content .w-right .block .block-phone {
    float: left;
    display: inline;
    width: 100%;
    margin-top: 20px;
    background: #ba926b;
    text-align: center;
    padding: 20px 10px 18px;
    color: #fff;
    font-size: 16px;
    font-weight: 700
}
#detail .info-content .w-right .block .block-phone p {
    float: left;
    display: inline;
    width: 100%
}
#detail .info-content .w-right .block .block-phone h4 {
    float: left;
    display: inline;
    width: 100%;
    font-size: 33px
}
#detail .list-detail {
    float: left;
    display: inline;
    width: 100%;
    margin-top: 7px
}
#detail .list-detail .line {
    float: left;
    width: 100%;
    padding: 0 120px;
    display: none
}
#detail .list-detail .line hr {
    float: left;
    display: inline;
    width: 100%;
    height: 1px;
    background-color: #cbc4c4
}
#detail .list-detail .aside-title h4:after {
    width: 140px!important
}
#detail .list-detail .banner-content {
    padding: 0 90px
}
#detail .list-detail .banner-content .button-owl button {
    width: 16px;
    height: 42px;
    margin-top: -32px
}
#detail .list-detail .banner-content .button-owl button.owl-prev {
    background: url(../images/detail_arrow_prev.png) no-repeat;
    left: 40px
}
#detail .list-detail .banner-content .button-owl button.owl-next {
    background: url(../images/detail_arrow_next.png) no-repeat;
    right: 40px
}
#detail .list-detail .head {
    margin-top: 20px
}
#detail .list-detail .row {
    margin: 0 -13px
}
#detail .list-detail .row #list-detail-inner {
    float: left;
    display: inline;
    width: 100%
}
#detail .list-detail .row #list-detail-inner .owl-item {
    padding: 0 13px;
    float: left;
    display: inline
}
#detail .list-detail .row #list-detail-inner .owl-item .img,
#detail .list-detail .row #list-detail-inner .owl-item .item {
    float: left;
    display: inline;
    width: 100%
}
#detail .list-detail .row #list-detail-inner .owl-item .img a {
    display: block;
    line-height: 0
}
#detail .list-detail .row #list-detail-inner .owl-item p {
    float: left;
    display: inline;
    width: 100%;
    line-height: 20px;
    margin-top: 5px;
    font-size: 12px;
    text-transform: uppercase
}
#detail .list-detail .row #list-detail-inner .owl-item p a {
    display: block;
    color: #9c5e33
}
@media screen and (max-width: 1023px) {
    header {
        display: inline;
        background-color: #fff;
        border-bottom: 1px solid #f2f0ed;
        box-shadow: 0 1px 5px rgba(0, 0, 0, .6)
    }
    header:before {
        content: "";
        position: absolute;
        height: 51px;
        top: 0;
        left: 0;
        width: 52px;
        background-color: #b3875b
    }
    header .logo-device {
        float: left;
        display: inline;
        width: 100%;
        margin: 16px 0 0 60px
    }
    .warp {
        position: relative;
        padding: 0
    }
    #main .container aside {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 10;
        width: 270px
    }
    #main .container aside .category,
    #main .container aside .contact,
    #main .container aside .news {
        display: none
    }
    #main .container aside .warp-menu {
        padding-top: 0
    }
    .warp-content {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 21
    }
}
#main .container .content .banner-house .left {
    width: 1140px
}
.noData {
    float: left;
    display: inline;
    width: 100%;
    text-align: center;
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 20px
}
.mail-sending .first,
.mail-sending .second,
.mail-sending .third {
    -webkit-animation: send-mail 1s infinite;
    -moz-animation: send-mail 1s infinite;
    animation: send-mail 1s infinite;
    position: relative
}
.mail-sending .first {
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .1s;
    animation-delay: .2s;
    -webkit-animation-direction: alternate;
    -moz-animation-direction: alternate;
    animation-direction: alternate
}
.mail-sending .second {
    -webkit-animation-delay: .4s;
    -moz-animation-delay: .2s;
    animation-delay: .4s;
    -webkit-animation-direction: alternate;
    -moz-animation-direction: alternate;
    animation-direction: alternate
}
.mail-sending .third {
    -webkit-animation-delay: .6s;
    -moz-animation-delay: .3s;
    animation-delay: .6s;
    -webkit-animation-direction: alternate;
    -moz-animation-direction: alternate;
    animation-direction: alternate
}
@-webkit-keyframes send-mail {
    0% {
        opacity: 0
    }
    50% {
        opacity: .5
    }
    100% {
        opacity: -5px
    }
}
@-moz-keyframes send-mail {
    0% {
        opacity: 0
    }
    50% {
        opacity: .5
    }
    100% {
        opacity: -5px
    }
}
@-o-keyframes send-mail {
    0% {
        opacity: 0
    }
    50% {
        opacity: .5
    }
    100% {
        opacity: -5px
    }
}
@keyframes send-mail {
    0%, 50% {
        top: 0
    }
    100% {
        top: -5px
    }
}
.full-width {
    text-align: center
}
.full-width a {
    padding: 0 30px;
    height: 75px;
    display: inline-block;
    line-height: 75px;
    font-size: 23px
}
.border-content {
    position: relative;
    float: left;
    display: inline;
    width: 100%
}
.border-content:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 1px;
    background-color: #dedcdb;
    top: 0;
    left: -1px
}
.page-404 {
    float: left;
    display: inline;
    width: 100%;
    padding: 110px 0
}
.page-404 .top {
    float: left;
    display: inline;
    width: 100%;
    margin-bottom: 80px;
    color: #6f6f6f
}
.page-404 .top h4 {
    float: left;
    display: inline;
    width: 100%;
    text-align: center;
    font-size: 36px
}
.page-404 .top p {
    float: left;
    display: inline;
    width: 100%;
    text-align: center;
    font-size: 25px
}
.page-404 .bottom {
    float: left;
    display: inline;
    width: 100%;
    text-align: center
}
.page-404 .bottom a {
    display: inline-block;
    height: 78px;
    line-height: 78px;
    font-size: 24px;
    padding: 0 60px
}
.top-detail img {
    cursor: pointer;
    float: left;
    display: inline
}
.top-detail .top-detail-info {
    width: 40%;
    float: right;
}
.top-detail .top-detail-info h4 {
    float: left;
    display: inline;
    width: 100%;
    font-size: 17px;
    color: #967157;
    position: relative;
    margin-top: 15px
}
.top-detail .top-detail-info h4:before {
    position: absolute;
    content: "";
    height: 1px;
    width: 140px;
    bottom: -5px;
    left: 0;
    background-color: #967157
}
.table-responsive {
    float: left;
    display: inline;
    width: 100%;
    margin-top: 30px;
    overflow: hidden
}
.table-responsive table {
    width: 788px!important;
    border-width: 1px!important
}
.table-responsive table tr td.first,
.table-responsive table tr td.third {
    width: 160px!important;
    padding: 12px 10px 9px 15px!important;
    background-color: #f5f5f5
}
.table-responsive table tr td.four,
.table-responsive table tr td.second {
    width: 300px!important;
    padding: 15px!important
}
.table-responsive table tr td.second {
    border-right: 1px solid #c4c4c4
}
.table-responsive table tr td.bg {
    background-color: #b3875b!important;
    color: #fff
}
.full-width {
    float: left;
    display: inline;
    width: 100%
}
.addrees {
    padding: 0 20px!important
}
.addrees .full-width {
    position: relative
}
.addrees .info {
    margin-top: 0!important
}
.addrees .info-left {
    float: left;
    display: inline;
    width: 530px;
    text-align: left;
    font-size: 15px;
    margin-top: 5px
}
.addrees .info-left p {
    font-size: 13px
}
.addrees .info-left p a {
    color: #4d4d4d;
    font-size: 15px!important;
    height: auto;
    padding: 0;
    line-height: 20px
}
.addrees .w-right {
    float: right!important;
    display: inline;
    width: auto!important;
    height: 100%;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -28px
}
.addrees .w-right .block {
    margin-top: 0
}
.table-responsive .mCSB_horizontal.mCSB_inside>.mCSB_container {
    margin-bottom: 0
}
.table-responsive .mCSB_draggerRail {
    display: none
}
.table-responsive .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #827878
}
.table-responsive .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    margin: 11px auto 0
}
.table-responsive .mCSB_scrollTools_horizontal {
    opacity: 1!important;
    filter: alpha(opacity=100)
}
#list-detail {
    margin-top: 25px
}
#list-detail .banner-content {
    padding: 0 60px!important
}
#list-detail .banner-content .button-owl button.owl-prev {
    left: 20px!important
}
#list-detail .banner-content .button-owl button.owl-next {
    right: 20px!important
}