@charset "utf-8";
body {
    margin: 0 auto;
    padding: 0 auto;
    font-size: 14px;
    line-height: 26px;
    font-family: Roboto, sans-serif
}

* {
    margin: 0 auto;
    padding: 0 auto;
    outline: 0;
    text-decoration: none
}

*,
::after,
::before {
    box-sizing: border-box
}

.clr {
    clear: both
}

ul {
    padding: 0
}

img {
    border: 0;
    max-width: 100%;
    height: auto
}

.pagewrap {
    position: relative;
    width: 1200px;
    margin: 0 auto
}

.pagewrap768 {
    position: relative;
    width: 768px;
    margin: 0 auto
}

.padding_pagewrap {
    padding: 10px;
    background: #fff
}

.showText p {
    padding-bottom: 15px;
    font-size: 17px;
    line-height: 30px
}

.showText img {
    display: block;
    margin: 0 auto;
    height: auto;
    max-width: 100%
}

.showText ul {
    padding-bottom: 15px
}

.showText ul li {
    font-size: 17px;
    line-height: 30px;
    list-style-position: inside
}

.header_top {
    padding-top: 5px;
    background: #825b39;
    color: #fff;
    padding-bottom: 5px
}

.company_time {
    padding-right: 10px
}

.company_time i,
.link_page ul li i,
.menu_left ul h3 i,
.right_top_id ul li i {
    /* margin-right: 7px; */
    /* font-size: 14px; */
}

.company_time h3 {
    margin-top: 0;
    border: solid #fff 1px;
    margin-right: 10px;
    float: left
}

.company_time h3:hover {
    opacity: .8
}

.company_time #info_header {
    float: left;
    list-style: none;
    margin-left: 0;
    color: #000;
    font-size: 16px;
    margin-right: 0;
    text-transform: none;
    padding: 0 20px;
    line-height: 24px;
    width: 415px;
    position: relative
}

.pulse-icon {
    float: left;
    position: absolute;
    display: inline-block;
    top: 10px;
    left: 0
}

.pulse-icon .icon-wrap {
    width: 6px;
    height: 6px;
    text-align: center;
    display: inline-block;
    border-radius: 6px;
    color: #ffe901;
    background: #ffe901;
    position: absolute;
    top: 3px;
    left: 3px
}

.pulse-icon .elements {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}

.pulse-icon .pulse-1 {
    border: solid 1px #ffe901;
    width: 14px;
    height: 14px;
    top: -1px;
    left: -1px
}

.pulse-icon .pulse {
    position: absolute;
    -webkit-animation: pulse-wave 1s linear infinite both;
    animation: pulse-wave 1s linear infinite both;
    border-radius: 50%
}

.company_time #info_header a {
    color: #fff;
    font-size: 14px;
    display: inline-block
}
.company_time #info_header ul {
    list-style: none;
}

.company_time #info_header ul li {
    float: left;
    list-style: none;
    margin-left: 0;
    color: #fff;
    font-size: 16px;
    margin-right: 0;
    text-transform: none;
    padding: 0 5px;
    line-height: 30px
}
.company_time ul.right_header {
    float: right
}

.company_time ul.right_header li {
    float: left;
    list-style: none;
    margin-left: 0;
    color: #fff;
    font-size: 16px;
    margin-right: 0;
    text-transform: none;
    padding: 0 5px;
    line-height: 30px
}

.company_time ul li span {
    font-weight: 500;
    font-size: 17px;
    color: #fff
}

.company_time ul li img {
    margin-right: 0;
    height: 20px;
    width: auto;
    border: solid #fff 2px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    line-height: 0;
    margin-top: 4px
}

.company_time ul li a {
    color: #000;
    font-size: 15px;
    font-weight: 400
}

.company_time ul li.bag_11 {
    background: 0 0;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    margin-left: 10px;
    border: solid #ffffffb5 1px
}

.company_time ul li a:hover {
    color: #825b39;
}

.company_time ul li img:hover {
    border: solid #ffdc98 2px
}

.right_top_id {
    float: right;
    /* flex: 1; */
}

.right_top_id ul {
    display: flex;
}

.right_top_id > ul > li {
    float: left;
    margin-left: 5px;
    list-style: none;
}
.right_top_id ul li.cart{position: relative;}
.right_top_id ul li a.a_right {
    display: block;
    color: #825b39;
    font-size: 18px;
    border: solid #825b39 1px;
    width: 35px;
    height: 35px;
    font-weight: 500;
    line-height: 35px;
    background: #fff;
    border-radius: 50%;
    text-align: center;
}
.right_top_id ul li a.a_right:hover{background-color: #825b39; color: #fff;}
.right_top_id ul li a.hotline {
    background: red;
    color: #fff;
    font-weight: 700;
    font-size: 16px
}

.right_top_id ul li a.buildpc {
    background: #825b39;
    color: #fff;
    font-weight: 700;
    font-size: 16px
}

.right_top_id ul li a span {
    color: #fff;
    font-weight: 400;
    position: absolute;
    background: #825b39;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    font-size: 16px;
    border-radius: 50%;
    top: -12px;
    right: -10px;
}

.tintuc_home_box {
    padding: 30px 0;
    background: #eee;
    /* margin-top: 20px; */
}

.tintuc_home_box_2 {
    padding: 30px 0;
    background: #f8f8f8
}

.tintuc_home_id ul {
    margin: 10px;
    float: left;
    text-align: center;
    width: calc(380px - 20px);
    background: #fff;
}

.tintuc_home_id ul li,
.tintuc_home_id ul li img {
    list-style: none;
    line-height: 0;
    position: relative;
    overflow: hidden;
    display: block;
    height: auto;
    width: 100%;
    webkit-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all 450ms cubic-bezier(.645, .045, .355, 1);
    -o-transition: all 450ms cubic-bezier(.645, .045, .355, 1);
    transition: all 450ms cubic-bezier(.645, .045, .355, 1);
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, .5);
    -moz-border-radius: 50%;
    background: #fff;
    padding: 5px;
}

.tintuc_home_id ul h3 a {
    color: #666;
    font-weight: 400;
    font-size: 17px;
    padding: 0 10px;
    /* text-transform: uppercase; */
    line-height: 26px;
    padding-bottom: 7px;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    display: block;
    height: 54px;
    overflow: hidden;
}

.tintuc_home_id ul:hover h3 a,
.tintuc_page_id ul:hover h3 a {
    color: #f60
}

.tintuc_home_id ul h4 {
    color: #ccc;
    font-weight: 400;
    font-size: 16px;
    padding: 10px;
    text-transform: uppercase;
    line-height: 30px;
}

.tintuc_home_id ul h4 i {
    padding-right: 5px
}

.tintuc_home_id ul p {
    color: #ccc;
    font-weight: 400;
    font-size: 16px;
    padding: 0 10px;
    text-transform: none;
    line-height: 25px
}

.placeNav_2,
.placeNav_3 {
    position: absolute;
    top: 30%;
    z-index: 3;
    color: #fff;
    font-size: 60px;
    width: 30px;
    height: 60px;
    line-height: 50px;
    text-align: center;
    opacity: 0
}

.placeNav {
    position: absolute;
    top: 40px;
    z-index: 3;
    color: #999;
    font-size: 20px;
    width: 15px;
    line-height: 20px;
    height: 25px;
    background: rgba(51, 51, 51, .69);
    text-align: center;
    opacity: 0
}

.placeNav.prev,
.placeNav_2.prev,
.placeNav_3.prev {
    left: 5px
}

.placeNav_2.next,
.placeNav_3.next {
    right: 5px;
    text-indent: 3px
}

.placeNav.next {
    right: 10px;
    text-indent: 3px
}

.placeSlide_main:hover .placeNav,
.placeSlide_main:hover .placeNav_2,
.placeSlide_main:hover .placeNav_3 {
    opacity: 1
}

.placeNav:hover,
.placeNav_2:hover,
.placeNav_3:hover {
    color: #fff
}

.placeSlide_main {
    position: relative;
    overflow: hidden
}

.placeSlide,
.placeSlide_3,
.placeSlide_doiac {
    width: 1300px
}

.placeSlide_cn {
    width: 1300px
}

.box_mail_home {
    padding: 30px 0;
    background: #fff
}

.box_doitac_home {
    background: #fff;
    padding: 30px 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}

.logo_doitac ul {
    width: 100%;
    padding: 10px;
    background: #fff;
    float: left;
    text-align: center;
    transition: all .3s;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
    border: 1px solid #ddd
}

.logo_doitac ul li,
.logo_doitac ul li img {
    width: 100%;
    height: auto;
    webkit-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all 450ms cubic-bezier(.645, .045, .355, 1);
    -ms-transition: all 450ms cubic-bezier(.645, .045, .355, 1);
    -o-transition: all 450ms cubic-bezier(.645, .045, .355, 1);
    transition: all 450ms cubic-bezier(.645, .045, .355, 1);
    position: relative;
    overflow: hidden;
    display: block
}

.logo_doitac ul h3,
.logo_doitac_page ul h3 {
    color: #495677;
    font-weight: 500;
    font-size: 18px;
    text-transform: capitalize;
    line-height: 26px;
    padding-top: 15px;
    transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s;
    -moz-transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s;
    position: relative
}

.logo_doitac_page ul {
    margin: 10px;
    width: 250px;
    padding: 15px;
    background: #fff;
    float: left;
    text-align: center;
    transition: all .3s;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .2)
}

.logo_doitac_page ul li,
.logo_doitac_page ul li img {
    width: 100%;
    height: auto;
    webkit-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all 450ms cubic-bezier(.645, .045, .355, 1);
    -ms-transition: all 450ms cubic-bezier(.645, .045, .355, 1);
    -o-transition: all 450ms cubic-bezier(.645, .045, .355, 1);
    transition: all 450ms cubic-bezier(.645, .045, .355, 1);
    position: relative;
    overflow: hidden;
    display: block
}

.title_id {
    padding-left: 20px;
    line-height: 35px;
    color: #825b39;
    font-size: 25px;
    text-transform: uppercase;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 20px;
    position: relative
}

.left_gt_video_home ul h3:after,
.right_gt_video_home ul h3:after,
.title_id:after {
    content: "";
    display: -webkit-inline-box;
    clear: both;
    width: 10px;
    background: #825b39;
    height: 35px;
    left: 0;
    position: absolute;
    top: 1px;
    z-index: 2
}

.logo_doitac ul:hover {
    transform: translateY(-10px);
    box-shadow: 0 22px 43px rgba(0, 0, 0, .15)
}

.mail_home {
    width: 80%
}

.mail_home li {
    float: left;
    list-style: none;
    line-height: 0
}

.mail_home li img {
    height: 53px;
    width: auto
}

.mail_home ul {
    float: left;
    padding-left: 30px
}

.mail_home h4 a {
    float: left;
    margin-left: 30px;
    display: block;
    color: #fff;
    background: #cdae7f;
    padding: 5px 30px;
    line-height: 35px;
    font-weight: 400;
    text-transform: capitalize;
    font-size: 17px;
    -webkit-transition: color .3s, background .3s, border .3s;
    -moz-transition: color .3s, background .3s, border .3s;
    -o-transition: color .3s, background .3s, border .3s;
    transition: color .3s, background .3s, border .3s;
    -webkit-border-radius: 0.25em;
    -moz-border-radius: .25em;
    border-radius: .25em;
    margin-top: 5px
}

.left_gt_video_home ul h4 a i,
.mail_home h4 a i {
    padding-left: 7px;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out
}

.mail_home h4 a:hover {
    color: #fff;
    background: #171c2b
}

.left_gt_video_home ul h4:hover a i,
.mail_home h4 a:hover i {
    padding-left: 20px
}

.mail_home ul h3 {
    line-height: 30px;
    color: #cdae7f;
    font-weight: 400;
    font-size: 20px;
    text-transform: none
}

.mail_home ul p {
    color: #666;
    font-size: 18px
}

.newsletter_home {
    float: right;
    width: 360px
}

.newsletter_home h3 {
    text-transform: uppercase;
    line-height: 40px;
    font-size: 30px;
    text-align: center;
    font-weight: 400;
    color: #f60;
    padding-bottom: 0
}

.newsletter_home p {
    line-height: 40px;
    font-size: 16px;
    font-weight: 400
}

.newsletter_home ul h2 a {
    /* float:left; */
    box-shadow: inset 0 -5px 0 0 rgba(0, 0, 0, .15);
    border-radius: 4px;
    margin-top: 0;
    vertical-align: middle;
    font-size: 18px;
    font-weight: 500;
    padding: 8px 38px;
    letter-spacing: .025em;
    color: #fff;
    background-color: #825b39;
    transition: .3s ease-out;
    text-transform: uppercase;
    display: block;
    text-align: center;
}

.box_title_banner ul h4 a:hover,
.home_out_services ul li a:hover,
.newsletter_home ul h2 a:hover {
    box-shadow: inset 0 -5px 0 0 rgba(0, 0, 0, .15);
    color: #fff;
    background-color: #c10707
}

.col-md-1 {
    margin-bottom: 15px
}

.col-md-1 textarea {
    height: 105px
}

.newsletter_row {
    width: 100%;
    /* float:left; */
    margin-bottom: 10px;
    color: #666
}

.form-control {
    display: block;
    width: 100%;
    height: 45px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    resize: vertical;
    box-sizing: border-box
}

.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}

.row-frm select {
    height: 48px !important;
    width: 100%;
    margin: 0
}

.footer_top {
    background: #f7f7f7;
    background-position: bottom center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    padding: 20px 0
}

.footer_top .col_footer {
    float: left;
    margin-right: 10px;
    width: 245px;
}

.footer_top .col_footer_2 {
    float: left;
    width: 560px
}

.footer_thanhtoan {
    background: #825b39;
    width: 360px;
    padding: 0 10px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 25px
}

.footer_thanhtoan h3 {
    color: #fff;
    padding: 0 5px
}

.footer_top .col_footer h3 {
    color: #000;
    font-weight: 700;
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 10px;
    position: relative;
    line-height: 35px
}

.footer_top .col_footer h3::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 85px;
    background: #825b39
}

.footer_top .col_footer li {
    list-style: none;
    border-bottom: dotted #ddd 1px;
    margin-bottom: 5px;
    padding-bottom: 5px
}

.footer_top .col_footer li a {
    color: #222;
    display: block;
    font-weight: 400;
    font-size: 16px
}

.footer_top ul li a:hover {
    color: #f60
}

#sharelink {
    -webkit-animation: blurFadeRight .4s ease-in .4s backwards;
    -moz-animation: blurFadeRight .4s ease-in .4s backwards;
    -ms-animation: blurFadeRight 0.4s ease-in .4s backwards;
    padding-top: 20px;
    margin-top: 20px;
    border-top: solid #ccc 1px;
    height: 35px
}

.sharelink {
    -webkit-animation: blurFadeRight .4s ease-in .4s backwards;
    -moz-animation: blurFadeRight .4s ease-in .4s backwards;
    -ms-animation: blurFadeRight 0.4s ease-in .4s backwards;
    text-align: center;
    padding-top: 10px;
    height: 35px
}

.sharelink a img {
    background: #303941;
    border: solid #aaa 1px;
    padding: 4px;
    margin-right: 10px;
    -moz-border-radius: 50%
}

.sharelink img:hover {
    background: #c10707;
    opacity: 10;
    border: solid #fff 1px
}

.bottom_id_copyright {
    text-align: center;
    padding: 20px 0;
    background: #edeef2;
    color: #000;
    font-size: 16px
}

.bottom_id_copyright a {
    color: #825b39;
    font-weight: 400
}

.bottom_id_copyright a:hover {
    color: #fff;
    text-decoration: underline
}

#back-top {
    position: fixed;
    bottom: 80px;
    right: 10px;
    z-index: 1
}

#back-top a {
    display: block;
    width: 40px;
    line-height: 40px;
    background: #f46717;
    outline: 0;
    color: #fff;
    font-size: 17px;
    text-align: center;
    transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s;
    -moz-transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s
}

#back-top a:hover {
    color: #fff;
    background: #c10707
}

.pro_id_page ul {
    float: left;
    width: calc(25% - 20px);
    padding: 10px;
    background: #fff;
    -webkit-box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, .15);
    box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, .15);
    -webkit-transition: all .3s ease;
    text-align: center;
    min-height: 392px;
    margin: 10px;
    border-radius: 10px;
    position: relative;
}
.pro_id_page ul li{
    
    display: block;
    height: auto;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    list-style: none;
    position: relative;
}
.pro_id_page ul li .watermark{
    background-image: url(../images/watermark.png);
    background-size: contain;
    position: absolute;
    width: 100%;
    height: 100%;
}
.pro_id_page ul li img {
    display: block;
    height: auto;
    width: 100%;
    webkit-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all 450ms cubic-bezier(.645, .045, .355, 1);
    -o-transition: all 450ms cubic-bezier(.645, .045, .355, 1);
    transition: all 450ms cubic-bezier(.645, .045, .355, 1);
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, .5);
    -moz-border-radius: 50%;
}

.pro_id_page ul h3 {
    color: #333;
    font-weight: 500;
    font-size: 14px;
    padding: 5px 5px;
    line-height: 22px;
    padding-bottom: 5px;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    /* height: 52px; */
    /* overflow: hidden; */
}

.pro_id_page ul h3 a {
    color: #333;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pro_id_page ul h3 a:hover {
    color: red
}

.pro_id_page ul h4 {
    color: red;
    font-weight: 400;
    font-size: 16px;
    padding: 0 0;
    line-height: 30px;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    line-height: 30px;
    display: block
}

.pro_id_page ul h4 span {
    color: #878787;
    font-weight: 400;
    font-size: 14px;
    text-decoration: line-through;
    line-height: 24px
}

.checked {
    color: #bc000b
}

.pro_id_page ul p {
    color: #999;
    font-size: 14px;
    line-height: 25px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.pro_id_page ul p span {
    font-size: 13px
}

.pro_id_page ul:hover {
    /* transform:translateY(-10px); */
    box-shadow: 0 22px 43px rgba(0, 0, 0, .15);
}

#product_id_menu li img:hover,
.banner_right ul li img:hover,
.pro_id_page ul li img:hover,
.tintuc_home_id ul li img:hover,
.tintuc_page_id ul li img:hover {
    transform: scale(1.2);
    opacity: 1;
    -webkit-filter: grayscale(0)
}

.pro_id_page ul.banner_sp {
    width: 450px
}

.pro_id_page ul.banner_sp img {
    width: 100%;
    height: 340px
}

.titBox .desc {
    display: block;
    font-size: 16px;
    color: #c800c8;
    line-height: 1.4;
    font-weight: 700;
    margin-bottom: 5px
}

.titBox .tit {
    font-size: 30px;
    color: #f60;
    line-height: 35px;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 500;
    padding-bottom: 5px
}

.titBox .tit_2 {
    font-size: 26px;
    color: #c10707;
    line-height: 35px;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 500;
    padding-bottom: 5px
}

.titBox:after {
    content: "";
    display: inline-table;
    margin: 0;
    height: 4px;
    width: 100px;
    background: #f60
}

.titBox.left {
    text-align: center;
    width: 100%
}

.titBox.left:after {
    margin-left: 0
}

.titBox .sub {
    color: #f5f5f5;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 22px;
    margin-bottom: 5px;
    line-height: 35px
}

.titBox .sub_2 {
    color: #888;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 20px;
    margin-bottom: 5px;
    line-height: 35px
}

.titBox .sub_1 {
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 22px;
    margin-bottom: 5px;
    line-height: 35px
}

.box_pro_home {
    padding-top: 20px;
    padding-bottom: 30px;
}
.box_pro_home.box_pro_half{background-color: #fff;}
.tieude_page {
    padding-bottom: 20px;
}

.tieude_page h3
 {
    font-size: 22px;
    color: #825b39;
    line-height: 35px;
    margin: 0;
    text-transform: uppercase;
    font-weight: 500;
    padding: 0 10px;
    position: relative;
    text-align: center;
}
.tieude_page h3 a{color: #825b39;position: relative;}
.tieude_hot h3
 {
    font-size: 22px;
    color: #fff;
    background: #825b39;
    line-height: 35px;
    margin: 0;
    text-transform: uppercase;
    font-weight: 500;
    padding: 0 10px;
    position: relative;
    text-align: left;
}
.tieude_hot h3 a{color: #fff;position: relative;}
.tieude_hot h3 a::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: -5px;
    left: 0px;
    right: 0px;
    border-bottom:3px solid #825b39;
    width: 100%;
}
.box_pro_hot{border: 1px solid #ddd;padding: 0 10px;}
.tieude_page .titles_home {
    float: right;
    position: relative
}

.tieude_page ul li {
    float: left;
    padding-left: 20px;
    list-style: none;
    padding-top: 5px
}

.tieude_page ul li a {
    display: block;
    font-size: 14px;
    color: #333;
    font-weight: 400;
    text-transform: uppercase
}

.m_title_home_a {
    display: inline-block;
    background: #825b39;
    padding: 5px 15px;
    color: #fff;
}

.tieude_page ul li a:hover {
    color: #f60
}

.header {
    padding: 10px 0;
    background: #fff
}

.header-item {
    -ms-flex-align: center !important;
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    flex-basis: 100%;
}

.logo_top {
    /* float: left; */
    /* margin-left: 10px; */
    width: 70px;
}

.logo_top ul li {
    float: left;
    line-height: 0;
    list-style: none
}

.logo_top ul h3 {
    float: left;
    padding-left: 30px;
    font-size: 30px;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 45px;
    padding-top: 10px;
    color: #cdae7f;
    font-style: italic;
    letter-spacing: 1px
}

.logo_top ul li img {
    width: auto;
    height: 70px
} 
.timkiem_top {/* display: none; */position: relative;background: #fff;/* margin-left: 0px; *//* right: 0px; */z-index: 99;/* top: 0px; *//* bottom: 0px; */width: 460px;}
.timkiem_top.active_search{display: block;}
.timkiem_top form{width: 100%;display: flex;align-items: center;}
.search {
    border: solid #ddd 1px;
    position: relative;
    width: 100%;
}

.input_search {
    padding: 0 10px;
    line-height: 40px;
    width: calc(100% - 175px);
    float: left;
    color: #999;
    border: none;
    font-size: 14px;
    background: #fff;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.header-fixed .input_search {
    width: 225px
}

.input_search:focus {
    color: #000
}

.search a {
    height: 40px;
    width: 40px;
    float: right;
    border-left: 0;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    color: #825b39;
    padding: 0 10px;
    text-align: center;
    line-height: 40px;
    font-size: 20px;
}

.banner_top {
    width: 100%
}

.bannerInside {
    height: auto;
    width: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

.bannerMain {
    position: relative;
    overflow: hidden;
    height: auto
}

.banner li {
    float: left;
    width: 100%;
    height: auto;
    list-style: none;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    cursor: default;
    position: relative;
    border-radius: 12px;
}

.banner li img {
    width: 100%;
    height: auto
}

.posBL {
    left: 0;
    bottom: 0
}

.pagiBanner {
    position: relative;
    left: 0;
    right: 0;
    bottom: 40px;
    margin: auto;
    width: auto;
    text-align: center;
    z-index: 10
}

.pagiBanner a {
    display: inline-block;
    vertical-align: text-top;
    width: 14px;
    height: 14px;
    background: #ccc;
    text-indent: -100000px;
    margin: 0 5px;
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, .5);
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .5);
    box-shadow: 0 0 8px rgba(0, 0, 0, .5);
    border: solid #fff 2px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%
}

.pagiBanner a.selected {
    background: #2b4153
}

.banner_right_top {
    float: left;
    margin-right: 10px;
    width: 320px
}

.banner_right_top img {
    width: 100%
}

.pageconten_load {
    padding-top: 20px;
    padding-bottom: 20px
}

.leftBox {
    padding-bottom: 20px;
    padding-top: 20px
}

.coment_face {
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 15px;
    padding-top: 15px;
    margin-bottom: 20px;
    border-top: solid #ccc 1px
}

.viewLeft {
    width: 35%;
    float: left
}

.viewRight {
    width: 40%;
    float: left;
    padding: 0 15px
}

.viewRight .giaban {
    font-size: 20px;
    color: red;
    line-height: 30px;
    font-weight: 500;
    background: #eee;
    padding: 10px;
    position: relative;
}

.viewRight .giaban .giagoc {
    font-size: 18px;
    font-weight: 400;
    color: #333;
    text-decoration: line-through;
    display: block
}

.viewRight .giaban span {
    color: #666;
    font-size: 16px
}

.viewRight .desc {
    margin-bottom: 2px;
    margin-left: 10px
}

.viewRight .desc p {
    display: block;
    margin-bottom: 5px;
    font-weight: 400;
    line-height: 22px
}

.viewRight .desc i {
    color: #825b39
}

a.buyBtn {
    position: relative;
    height: 50px;
    line-height: 50px;
    font-size: 20px;
    text-transform: uppercase;
    padding: 0 20px;
    color: #fff;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
    background: #f00;
    display: block;
    text-align: center
}

a.buyBtn:hover {
    color: #fff;
    background: #825b39;
}

#proView .link a {
    display: inline-block;
    height: 24px;
    line-height: 26px;
    padding-left: 30px;
    color: #333;
    position: relative
}

#proView .link a:hover {
    color: red
}

#proView .link a:first-child {
    margin-right: 22px
}

#proView .link {
    margin-bottom: 15px
}

#proView .link a:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    background-color: #646464;
    background-position: center center;
    background-repeat: no-repeat
}

#proView .link a.b_mail:after {
    background-image: url("../images/icon-mail.png")
}

#proView .link a.b_share:after {
    background-image: url("../images/icon-share.png")
}

#proCont {
    padding: 0 0
}

.listDesc {
    margin-bottom: 15px;
    box-shadow: inset 0 -5px #e6e6e6
}

.listDesc a {
    text-transform: uppercase;
    font-size: 20px;
    display: inline-block;
    line-height: 40px;
    margin-right: 20px;
    padding-bottom: 5px;
    box-shadow: inset 0 -5px #646464;
    color: #999
}

.titleView {
    background: url(../images/line-menu.png) repeat-x left bottom;
    position: relative;
    padding: 0 0 10px 0;
    margin-bottom: 10px;
    color: #000;
    font-weight: 500;
    text-transform: none
}

.titleView h1 {
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
    width: calc(100% - 65px);
    margin: 0
}

.viewRight h2 {
    font-size: 20px;
    position: relative;
    border-bottom: dotted 1px #ddd;
    margin-bottom: 15px;
    padding-bottom: 10px;
    color: red
}

.viewRight h2 span {
    font-size: 18px;
    padding-left: 10px;
    font-weight: 700;
    color: #333;
    text-decoration: line-through
}

#bridal_images {
    border: 1px solid #ccc;
    background: #fff;
    padding: 5px;
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-bottom: 12px
}

#bridal_images img {
    border: none;
    width: 100%;
    height: auto;
    margin: 0 auto
}

#bridal_images_list {
    display: block;
    width: 100%;
    position: relative
}

#bridal_images_list li {
    list-style: none;
    float: left;
    height: auto;
    width: 100%;
    background: #fff;
    padding: 5px;
    text-align: center;
    overflow: hidden
}

#bridal_images_list li:hover {
    border: 1px solid #999;
    background: #fff
}

#bridal_images_list img {
    width: auto;
    height: auto;
    width: 100%;
    border: 1px solid #ccc
}

.pro_slide_next,
.pro_slide_prev {
    position: absolute;
    width: 12px;
    border: solid 1px #ccc;
    bottom: 50%;
    height: 50px;
    margin-bottom: -25px;
    text-indent: -10000px
}

.pro_slide_prev {
    left: 0;
    border-radius: 5px 0 0 5px;
    background: url(../images/pro_slide_prev.png) no-repeat center center #f4f4f4
}

.pro_slide_next {
    right: 0;
    border-radius: 0 5px 5px 0;
    background: url(../images/pro_slide_next.png) no-repeat center center #f4f4f4
}

a.pro_slide_next.disabled,
a.pro_slide_prev.disabled {
    opacity: .5
}

a.pro_slide_next.disabled,
a.pro_slide_prev.disabled {
    cursor: default
}

.cloud-zoom-lens {
    cursor: move
}

.cloud-zoom-big {
    overflow: hidden
}

.cloud-zoom-loading,
img.loading {
    background: url(../images/loading.gif) no-repeat scroll center transparent
}

.sanpham_right {
    float: right;
    width: 25%;
}

.trogiupmuahang_id {
    width: 100%;
    padding: 15px;
    background: #fff;
    border: solid #ccc 1px
}

.trogiupmuahang_id h3 {
    text-align: center;
    padding: 5px 0;
    background: #825b39;
    text-transform: uppercase;
    color: #fff;
    font-size: 18px;
    margin-bottom: 15px;
    font-weight: 400;
    line-height: 30px
}

.trogiupmuahang_id ul {
    list-style-position: inside
}

.trogiupmuahang_id ul li {
    list-style: none
}

.trogiupmuahang_id ul li a {
    color: #333;
    font-size: 14px
}

.nums {
    table-layout: auto;
    text-align: center
}

.nums li {
    list-style: none;
    display: inline-table
}

.nums a {
    font-size: 17px;
    display: block;
    margin: 0 6px 0 0;
    line-height: 30px;
    height: 30px;
    width: 30px;
    table-layout: inherit;
    text-align: center;
    color: #999;
    background: #fff;
    border: #ccc 1px solid;
    text-decoration: none;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px
}

.nums a.active,
.nums a.stay:hover,
.nums a:hover {
    background: #ff7e00;
    color: #fff;
    border: #ff7e00 1px solid
}

ul.product-qty {
    margin-bottom: 12px;
    padding: 0;
    list-style: none
}

.product-qty span {
    padding-top: 3px;
    display: block;
    font-size: 14px;
    text-transform: none;
    float: left
}

.product-qty select {
    border: 1px solid #ccc;
    padding: .5em;
    font-size: 14px;
    outline: 0;
    cursor: pointer;
    float: left;
    margin-left: 10px
}

.product-qty option {
    border: 1px solid #eee
}

.title_page {
    border-bottom: double #ccc 4px;
    padding-bottom: 7px
}

.title_page h2,
.title_page h1 {
    float: left;
    font-size: 25px;
    font-weight: 400;
    border-bottom: solid #f60 5px;
    color: #f60;
    text-transform: uppercase;
    margin-bottom: -11px;
    padding-bottom: 10px;
    line-height: 30px
}

.title_inpage {
    border-bottom: double #ccc 4px;
    padding-bottom: 7px
}

.title_inpage h2 {
    float: left;
    font-size: 25px;
    font-weight: 400;
    padding: 10px;
    border-bottom: solid #f60 5px;
    color: #f60;
    text-transform: uppercase;
    margin-bottom: -11px;
    padding-bottom: 10px;
    line-height: 30px
}

.linn_page ul li {
    list-style: none;
    margin-bottom: 20px;
    color: #666;
    margin-left: 10px;
    margin-right: 10px;
    letter-spacing: 1px;
    font-size: 15px;
    text-transform: uppercase;
    background: url(../images/icon_home.png) center left no-repeat;
    padding-left: 22px
}

.linn_page ul li a {
    color: #666
}

.linn_page ul li a:hover {
    color: #c10707;
    text-decoration: underline
}

.box_header_id {
    background: #825b39;
    /* line-height:40px; */
}

.menu_id_load {
    width: 100%;
    text-align: center;
    background: #825b39;
}

.menu_id_load ul>li {
    float: left;
    list-style: none;
    border-right: solid #ffffff8a 1px;
}

.menu_id_load ul li .header-hotsale::before {
    content: '';
    background: url("../images/tag.png") center no-repeat;
    background-size: contain;
    margin-right: 5px;
    padding: 5px 13px
}

.menu_id_load ul li .header-baohanh::before {
    content: '';
    background: url("../images/icon_baohanh.png") center no-repeat;
    background-size: contain;
    margin-right: 5px;
    padding: 5px 13px
}

.menu_id_load ul li .header-vanchuyen::before {
    content: '';
    background: url("../images/icon_vanchuyen.png") center no-repeat;
    background-size: contain;
    margin-right: 5px;
    padding: 5px 13px
}

.menu_id_load ul li .header-cskh::before {
    content: '';
    background: url("../images/icon_cskh.png") center no-repeat;
    background-size: contain;
    margin-right: 5px;
    padding: 5px 13px
}

.menu_id_load ul li img {
    width: auto;
    height: 25px
}

.menu_id_load ul li a.menu_top_right {
    float: left;
    list-style: none;
    line-height: 45px;
    padding: 0 10px;
    display: flex;
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    position: relative;
    text-transform: uppercase;
}

#menu {
    text-align: center
}

#menu>li {
    display: inline-block;
    vertical-align: text-top;
    position: relative
}

#menu>li>a {
    padding: 0 22px;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase
}

#menu li:hover>a {
    color: #fff;
    background: #f60
}

#menu li a {
    display: block;
    height: 40px;
    line-height: 40px;
    position: relative;
    z-index: 5;
    color: #fff
}

#menu li ul {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 99999;
    margin-top: 15px;
    border-bottom: solid 4px #f60;
    border-left: solid 1px #f60;
    box-shadow: 2px 1px 2px rgba(0, 0, 0, .3);
    visibility: hidden;
    opacity: 0;
    padding-top: 15px;
    background: #fff
}

#menu li li {
    position: relative
}

#menu li:hover li ul {
    top: 0;
    left: 100%;
    opacity: 0;
    visibility: hidden;
    margin-left: 20px
}

#menu li:hover li:hover ul,
#menu li:hover ul {
    margin-top: 0;
    margin-left: 0;
    visibility: visible;
    opacity: 1
}

#menu li ul li {
    white-space: nowrap;
    text-align: left;
    display: block;
    background: #fff;
    padding: 0 15px
}

#menu li ul li:last-child {
    padding-bottom: 10px
}

#menu li ul li a {
    padding: 0 15px;
    border-bottom: solid 1px #f0f0f5;
    position: relative;
    color: #333;
    text-transform: capitalize;
    transition: padding .2s linear;
    -webkit-transition: padding .2s linear;
    -moz-transition: padding .2s linear;
    -o-transition: padding .2s linear;
    -ms-transition: padding .2s linear;
    height: 35px
}

#menu li ul li:first-child a {
    border-top: none
}

#menu li ul li:last-child a {
    border-bottom: none
}

#menu li ul li>a:before {
    content: attr(icons);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    font-size: 18px;
    line-height: 35px;
    transition: left .2s linear;
    -webkit-transition: left .2s linear;
    -moz-transition: left .2s linear;
    -o-transition: left .2s linear;
    -ms-transition: left .2s linear
}

#menu li ul li:hover>a {
    padding: 0 10px 0 20px
}

#menu li ul li:hover>a:before {
    left: 8px
}

#menu li ul li li:first-child {
    padding-top: 10px
}

#menu li ul li ul {
    padding: 0
}

#product_id_menu ul h2,
.product_list ul h2,
.thietbi_id ul h2 {
    padding: 10px;
    font-size: 17px;
    font-weight: 400;
    text-transform: uppercase;
    color: #333;
    line-height: 25px
}

#product_id_menu ul:hover h2,
.product_list ul:hover h2,
.thietbi_id ul:hover h2 {
    color: #393;
    transition: all .7s ease 0s;
    -moz-transition: all .7s ease 0s;
    -webkit-transition: all .7s ease 0s
}

#product_id_menu:hover,
.product_list ul:hover,
.thietbi_id ul:hover {
    box-shadow: 0 22px 43px rgba(0, 0, 0, .15)
}

#product_id_menu ul h3,
.product_list ul h3,
.thietbi_id ul h3 {
    padding: 0 10px;
    font-size: 18px;
    font-weight: 400;
    color: red;
    line-height: 22px
}

#product_id_menu ul h3 span,
.product_list ul h3 span,
.thietbi_id ul h3 span {
    font-size: 14px;
    padding-left: 10px;
    font-weight: 700;
    color: #333;
    text-decoration: line-through
}

#product_id_menu ul p,
.product_list ul p,
.thietbi_id ul p {
    padding: 0 10px 5px 10px;
    line-height: 25px;
    color: #666;
    float: none;
    text-transform: none;
    font-size: 15px
}

.discount-tag {
    position: absolute;
    background: #f60;
    width: 55px;
    height: 55px;
    color: #fff;
    font-weight: 400;
    text-align: center;
    line-height: 55px;
    margin-top: 10px;
    margin-left: 10px;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    cursor: default;
    z-index: 2;
    border-radius: 100%;
    font-size: 17px
}

#product_id_menu {
    float: left;
    width: 205px;
    text-align: center;
    margin-right: 10px;
    margin-bottom: 10px;
    list-style: none;
    padding: 5px;
    background: #fff;
    -webkit-box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, .15);
    box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, .15);
    -webkit-transition: all .3s ease
}

#product_id_menu li,
#product_id_menu li img {
    width: 205px;
    height: auto;
    list-style: none;
    line-height: 0;
    webkit-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all 450ms cubic-bezier(.645, .045, .355, 1);
    -o-transition: all 450ms cubic-bezier(.645, .045, .355, 1);
    transition: all 450ms cubic-bezier(.645, .045, .355, 1);
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, .5);
    -moz-border-radius: 50%;
    overflow: hidden;
    display: block
}

.left_conten {
    float: left;
    width: 890px
}

.right_conten {
    float: right;
    width: 310px;
}

.box_right_conten {
    border: solid #ccc 1px;
    padding: 10px;
    margin-bottom: 15px;
    background: #fff
}

.box_right_conten h2 {
    text-align: center;
    color: #fff;
    background: #f60;
    padding: 5px 0;
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 10px;
    line-height: 30px
}

.sp_right {
    margin-top: 15px;
    border-bottom: solid #ccc 1px;
    padding-bottom: 10px
}

.sp_right li {
    float: left;
    width: 85px;
    list-style: none;
    line-height: 0
}

.sp_right li img {
    width: 100%;
    height: auto;
    border: solid #ccc 1px;
    padding: 2px
}

.sp_right ul {
    float: right;
    width: calc(100% - 95px);
}

.sp_right ul h3 {
    color: #333;
    font-weight: 500;
    font-size: 14px;
    text-transform: none;
    line-height: 21px;
    padding-bottom: 5px;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    overflow: hidden;
}

.sp_right ul h4 {
    color: red;
    font-weight: 400;
    font-size: 16px;
    text-transform: uppercase;
    line-height: 30px;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    line-height: 20px
}

.banner_right ul li {
    list-style: none;
    line-height: 0;
    margin-bottom: 5px;
    overflow: hidden;
    display: block
}

.banner_right ul li img {
    height: auto;
    width: 100%;
    webkit-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all 450ms cubic-bezier(.645, .045, .355, 1);
    -o-transition: all 450ms cubic-bezier(.645, .045, .355, 1);
    transition: all 450ms cubic-bezier(.645, .045, .355, 1);
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, .5);
    -moz-border-radius: 50%
}

.company_contact ul {
    margin: 0 10px 30px 10px;
    float: left;
    width: 230px;
    background: #22282d;
    padding: 25px;
    min-height: 100px
}

.company_contact ul p {
    font-size: 16px;
    line-height: 27px;
    padding-top: 5px;
    color: #fff
}

.company_contact ul h3 {
    text-transform: uppercase;
    color: #fff;
    font-size: 20px;
    line-height: 35px;
    font-weight: 500;
    margin-bottom: 0
}

.company_contact ul h3 i {
    margin-right: 10px
}

.map_contact iframe {
    width: 100%;
    height: 500px
}

.contact h2 {
    text-transform: uppercase;
    font-size: 18px;
    line-height: 25px;
    font-weight: 400;
    color: #666;
    padding-bottom: 20px
}

.contact .left {
    width: 49%;
    float: left
}

.contact .right {
    width: 49%;
    float: right
}

.formBox li {
    display: block;
    position: relative;
    margin-bottom: 10px
}

.formBox li input,
.formBox li textarea {
    border: solid 1px #e1e1e1;
    height: 45px;
    color: #999;
    padding: 0 10px 0 45px;
    font-family: 'Open Sans', Arial, Helvetica, Tahoma, sans-serif;
    background: #fff
}

.formBox li textarea {
    padding: 10px 10px 10px 45px;
    height: 197px
}

.contact .left input {
    width: 100%
}

.contact .right input,
.contact .right textarea {
    width: 100%
}

.formBox li:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 45px;
    height: 50px;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 10
}

.formBox li.name:after {
    background-image: url("../images/contact/c_name.png")
}

.formBox li.phone:after {
    background-image: url("../images/contact/c_phone.png")
}

.formBox li.mail:after {
    background-image: url("../images/contact/c_mail.png")
}

.formBox li.local:after {
    background-image: url("../images/contact/c_local.png")
}

.formBox li.subject:after {
    background-image: url("../images/contact/c_subject.png")
}

.formBox li.mess:after {
    background-image: url("../images/contact/c_mess.png")
}

.formBox li.code:after {
    background-image: url("../images/contact/c_code.png")
}

.formBox li.day:after {
    background-image: url("../images/contact/day.png")
}

.formBox li.songuoi:after {
    background-image: url("../images/contact/songuoi.png")
}

.formBox .button {
    float: right;
    text-transform: uppercase;
    font-size: 18px;
    padding: 0 25px;
    margin-left: 10px;
    height: 40px;
    line-height: 40px;
    margin-top: 10px;
    color: #fff;
    background: #c10707;
    white-space: nowrap;
    webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.formBox .button:hover {
    color: #fff;
    background: #ff7e00
}

.formBox li span {
    position: absolute;
    right: 0;
    top: 0;
    line-height: 42px;
    padding: 0 10px;
    font-weight: 700;
    z-index: 2;
    letter-spacing: 1px;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none
}

.left_contact {
    float: left;
    width: 660px
}

.left_contact ul {
    float: left;
    width: 270px;
    background: #f6f6f6;
    padding: 20px;
    margin-bottom: 20px;
    color: #666;
    font-size: 16px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    margin-right: 20px;
    line-height: 25px;
    min-height: 85px;
    box-shadow: 5px 5px 0 rgba(0, 0, 0, .15)
}

.left_contact ul h3 {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 18px;
    color: #333;
    margin: 0 0 10px 0
}

.right_contact {
    float: right;
    width: 500px;
    border: solid #eee 5px
}

.right_contact iframe {
    display: block;
    width: 100%;
    height: 355px
}

.tintuc_page_id ul {
    margin: 0 10px 20px 10px;
    float: left;
    width: 380px
}

.tintuc_page_id ul li,
.tintuc_page_id ul li img {
    list-style: none;
    line-height: 0;
    position: relative;
    overflow: hidden;
    display: block;
    height: auto;
    width: 100%;
    webkit-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all 450ms cubic-bezier(.645, .045, .355, 1);
    -o-transition: all 450ms cubic-bezier(.645, .045, .355, 1);
    transition: all 450ms cubic-bezier(.645, .045, .355, 1);
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, .5);
    -moz-border-radius: 50%
}

.tintuc_page_id ul li {
    height: 215px;
    overflow: hidden;
}

.tintuc_page_id ul h3 a {
    color: #333;
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    padding-bottom: 7px;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    display: block;
    height: 56px;
    overflow: hidden;
    display: block
}

.tintuc_page_id ul h4 {
    color: #666;
    font-weight: 400;
    font-size: 17px;
    padding: 10px;
    text-transform: uppercase;
    line-height: 30px
}

.tintuc_page_id ul h4 i {
    padding-right: 5px
}

.tintuc_page_id ul p {
    color: #666;
    font-weight: 400;
    font-size: 18px;
    text-transform: none;
    line-height: 28px
}

.title_news {
    border-bottom: solid 1px #e6e6e6;
    margin-bottom: 15px
}

.title_news h2 {
    font-size: 27px;
    line-height: 35px;
    font-weight: 500;
    color: #c10707;
    text-transform: uppercase;
    margin-bottom: 10px
}

.title_news li {
    font-size: 17px;
    color: #666;
    list-style: none;
    list-style: none;
    background: url(../images/icon_day.png) center left no-repeat;
    padding-left: 25px;
    margin-bottom: 10px;
    font-style: italic
}

.title_news p {
    line-height: 35px;
    color: #000;
    font-size: 20px;
    font-style: italic;
    font-weight: 500;
    padding-bottom: 15px
}

.login_id_popup {
    padding: 20px
}

.login_id_popup label {
    margin-left: 5px;
    display: block;
    margin-top: 0;
    font-size: 16px;
    margin-bottom: 5px;
    line-height: 35px
}

.login_id_popup input[type=checkbox] {
    width: 18px;
    height: 18px;
    position: relative;
    top: 4px;
    margin-right: 7px
}

.bt-login {
    color: #333;
    list-style: none
}

.bt-login a {
    color: red;
    margin-bottom: 15px;
    padding-right: 15px
}

.bt-login a:hover {
    color: #ff8d00;
    text-decoration: underline
}

.quenmatkhau {
    display: inline-block;
    float: left;
    list-style: none;
    color: #f01111;
    padding-right: 20px
}

.quenmatkhau li {
    list-style: none;
    color: #333
}

.quenmatkhau li a {
    color: #f01111;
    font-size: 15px;
    float: right;
    font-style: italic;
    font-weight: 500
}

.quenmatkhau li a:hover {
    color: #f01111;
    text-decoration: underline
}

.box_dangnhap_popup h2 {
    float: right;
    margin-left: 20px
}

.box_dangnhap_popup h2 a {
    background: #c10707;
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    transition: color .3s;
    display: inline-block;
    font-size: 17px;
    font-weight: 500;
    cursor: pointer;
    width: auto;
    margin: auto 0;
    padding: 6px 30px;
    text-transform: uppercase;
    text-align: center;
    position: relative;
    z-index: 1;
    text-decoration: none;
    color: #fff;
    line-height: 30px;
    border-radius: 4px
}

.box_dangnhap_popup h2 a:hover {
    color: #fff;
    background: #ff7e00
}

.fancybox-overlay {
    z-index: 999999
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #825b39;
    min-width: 230px;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .2);
    z-index: 999;
    border: solid 1px #fff;
    border-bottom: unset;
    border-radius: 4px;
    right: 0
}

.dropdown-content a {
    display: block;
    color: #fff;
    padding: 5px 10px;
    border-bottom: solid 1px #fff;
}

.dropdown-content:before {
    content: "";
    border: solid 7px transparent;
    border-bottom-color: #825b39;
    width: 0;
    height: 0;
    position: absolute;
    top: -15px;
    right: 10px;
    z-index: 2
}

#myDropdown2 {
    width: 210px
}

.left_member {
    float: left;
    width: 300px;
    padding: 20px;
    background: #fff;
    border: 1px solid #eee
}

.right_member {
    float: right;
    width: 860px
}

.left_member ul li {
    list-style: none
}

.left_member ul li a {
    padding: 8px;
    color: #333;
    display: block
}

.left_member ul li.active a,
.left_member ul li:hover a {
    color: #fff;
    background: #825b39
}

.title_page h3 {
    text-transform: uppercase;
    color: #303941;
    font-size: 30px;
    line-height: 35px;
    position: relative;
    font-weight: 400;
    padding-left: 20px;
    margin-bottom: 20px;
    margin-left: 10px;
    margin-right: 10px
}

.title_page h3:after {
    content: "";
    display: -webkit-inline-box;
    clear: both;
    width: 5px;
    background: #825b39;
    height: 35px;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 2
}

.page_conten_page {
    padding-top: 30px;
    padding-bottom: 30px
}

.list-inline>li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
    margin-top: 0;
    margin-bottom: 0;
    min-height: 27px;
    margin: 0 40px 0 0
}

.option-reg input[type=radio] {
    display: none
}

.radio input[type=radio] {
    position: absolute;
    margin-left: -20px
}

.checkbox label,
.radio label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer
}

.option-reg input[type=radio]+label {
    background: url(../images/option-reg.png) no-repeat center left
}

.option-reg input[type=radio]:checked+label {
    background: url(../images/option-reg-active.png) no-repeat center left
}

.error {
    color: red
}

.btn {
    font-size: 15px;
    font-weight: 400;
    color: #fff;
    padding: 15px 15px;
    text-transform: uppercase;
    display: inline-block;
    background: #cdae7f;
    white-space: nowrap;
    transition: .3s ease-out;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    text-align: center;
    border: 0
}

.btn-register {
    margin-top: 10px
}

.table_ds_donhang {
    width: 100%;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background-color: #fff
}

.table_ds_donhang #head {
    background: #046250;
    display: flex;
    width: 100%
}

.table_ds_donhang #head .th {
    display: table-cell;
    padding: 10px;
    color: #fff;
    text-align: center
}

.table_ds_donhang #head:after {
    content: '';
    display: block;
    clear: both
}

.table_ds_donhang #tbody .tr {
    display: flex;
    width: 100%
}

.table_ds_donhang #tbody .td {
    display: table-cell;
    padding: 10px
}

.table_ds_donhang #head .th:nth-child(1) {
    width: 5%
}

.table_ds_donhang #head .th:nth-child(2) {
    width: 20%
}

.table_ds_donhang #head .th:nth-child(3) {
    width: 30%
}

.table_ds_donhang #head .th:nth-child(4) {
    width: 20%
}

.table_ds_donhang #head .th:nth-child(5) {
    width: 15%
}

.table_ds_donhang #head .th:nth-child(6) {
    width: 20%
}

.table_ds_donhang #tbody .td:nth-child(1) {
    width: 5%;
    text-align: center
}

.table_ds_donhang #tbody .td:nth-child(2) {
    width: 20%;
    text-align: center
}

.table_ds_donhang #tbody .td:nth-child(3) {
    width: 30%;
    text-align: center;
    color: red
}

.table_ds_donhang #tbody .td:nth-child(4) {
    width: 20%;
    text-align: center
}

.table_ds_donhang #tbody .td:nth-child(5) {
    width: 15%;
    text-align: center
}

.table_ds_donhang #tbody .td:nth-child(6) {
    width: 20%
}

.table_ds_donhang #tbody:after {
    content: '';
    display: block;
    clear: both
}

.table_ds_donhang #tbody .tr:nth-of-type(odd) {
    background-color: #f9f9f9
}

.table_ds_buildpc #head .th:nth-child(1) {
    width: 15%
}

.table_ds_buildpc #head .th:nth-child(2) {
    width: 20%;
    text-align: center
}

.table_ds_buildpc #head .th:nth-child(3) {
    width: 40%
}

.table_ds_buildpc #head .th:nth-child(4) {
    width: 15%
}

.table_ds_buildpc #head .th:nth-child(5) {
    width: 20%
}

.table_ds_buildpc #head .th:nth-child(6) {
    width: 20%
}

.table_ds_buildpc #tbody .td:nth-child(1) {
    width: 15%;
    text-align: center
}

.table_ds_buildpc #tbody .td:nth-child(2) {
    width: 20%;
    text-align: center
}

.table_ds_buildpc #tbody .td:nth-child(3) {
    width: 40%;
    text-align: center;
    color: red
}

.table_ds_buildpc #tbody .td:nth-child(4) {
    width: 15%;
    text-align: center
}

.table_ds_buildpc #tbody .td:nth-child(5) {
    width: 20%;
    text-align: center
}

.table_ds_buildpc #tbody .td:nth-child(6) {
    width: 20%
}

.table_ds_spbuild #head .th:nth-child(1) {
    width: 15%
}

.table_ds_spbuild #head .th:nth-child(2) {
    width: 40%
}

.table_ds_spbuild #head .th:nth-child(3) {
    width: 10%
}

.table_ds_spbuild #head .th:nth-child(4) {
    width: 15%
}

.table_ds_spbuild #head .th:nth-child(5) {
    width: 20%
}

.table_ds_spbuild #head .th:nth-child(6) {
    width: 20%
}

.table_ds_spbuild #tbody .td:nth-child(1) {
    width: 15%;
    text-align: center
}

.table_ds_spbuild #tbody .td:nth-child(2) {
    width: 40%
}

.table_ds_spbuild #tbody .td:nth-child(3) {
    width: 10%;
    text-align: center;
    color: red
}

.table_ds_spbuild #tbody .td:nth-child(4) {
    width: 15%;
    text-align: right
}

.table_ds_spbuild #tbody .td:nth-child(5) {
    width: 20%;
    text-align: center
}

.table_ds_spbuild #tbody .td:nth-child(6) {
    width: 20%
}

#watchlist table,
#watchlist td,
#watchlist th {
    border: 1px solid #f8f8f8
}

#watchlist th {
    background-color: #c40700;
    color: #fff;
    line-height: 45px
}

#watchlist td,
#watchlist th {
    padding: 5px 15px;
    text-align: left
}

#watchlist a.btn_watch {
    color: #fff;
    background: #c70700;
    font-weight: 400;
    font-size: 16px;
    padding: 10px;
    text-transform: uppercase;
    line-height: 30px;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    display: inline-block;
    margin-top: 5px;
    border-radius: 5px;
    margin-bottom: 5px;
    letter-spacing: 2px
}

.form-control {
    display: block;
    width: 100%;
    height: 45px;
    padding: 5px 10px;
    font-size: 17px;
    line-height: 45px;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    resize: vertical;
    box-sizing: border-box;
    font-family: 'Roboto Condensed', Arial, Helvetica, Tahoma, sans-serif
}

.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}

.left_giohang h2,
.right_giohang h2,
.tt_giohang h2 {
    text-transform: uppercase;
    color: #f58321;
    font-size: 23px;
    line-height: 30px;
    position: relative;
    font-weight: 400;
    padding-left: 15px;
    margin-bottom: 20px
}

.left_giohang h2:after,
.right_giohang h2:after,
.tt_giohang h2:after {
    content: "";
    display: -webkit-inline-box;
    clear: both;
    width: 5px;
    background: #f58321;
    height: 29px;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 2
}

#cart_list {
    background: #fff;
    margin-bottom: 20px
}

.danhsachdoonhang ul {
    border-bottom: solid #ccc 1px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    color: #666
}

.danhsachdoonhang ul .img {
    float: left;
    font-size: 16px;
    width: 10%
}

.danhsachdoonhang ul h3 {
    float: left;
    padding-left: 20px;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    width: 51%
}

.danhsachdoonhang ul .quanity_giohang {
    width: 10%;
    float: left
}

.danhsachdoonhang ul h3 a {
    color: #666;
    line-height: 22px;
    font-size: 14px
}

.danhsachdoonhang ul h3 a:hover {
    color: #84c442
}

.danhsachdoonhang ul h4 {
    text-align: right;
    float: left;
    font-size: 17px;
    font-weight: 400;
    width: 28%;
    color: red
}

.danhsachdoonhang ul li {
    float: right;
    list-style: none;
    padding-top: 5px;
    width: 5%;
    text-align: right
}

.danhsachdoonhang ul li a {
    font-size: 17px;
    font-weight: 400;
    display: block;
    color: #666
}

.total-cart ul {
    background-color: #f9f9f9;
    border-bottom: 1px solid #eee;
    padding: 8px 10px
}

.total-cart ul h3 {
    float: left;
    font-size: 17px;
    font-weight: 400;
    color: #666
}

.total-cart ul h4 {
    float: right;
    font-size: 20px;
    font-weight: 400;
    color: red
}

.btn-cart li {
    float: right;
    list-style: none;
    margin-left: 10px;
    margin-top: 20px
}

.btn-cart li a {
    display: block;
    font-size: 17px;
    line-height: 30px;
    padding: 5px 20px;
    text-transform: uppercase;
    font-weight: 400;
    color: #fff;
    background: #f58321
}

.btn-cart li a:hover {
    color: #fff;
    background: #84c442
}

.side {
    float: left;
    width: 8%;
    margin-top: 10px;
    font-size: 17px
}

.bar-container {
    width: 100%;
    background-color: #f1f1f1;
    text-align: center;
    color: #fff
}

.bar-5 {
    height: 18px;
    background-color: orange;
    float: left
}

.bar-4 {
    height: 18px;
    background-color: #2196f3;
    float: left
}

.bar-3 {
    height: 18px;
    background-color: #00bcd4;
    float: left
}

.bar-2 {
    height: 18px;
    background-color: #369a00;
    float: left
}

.bar-1 {
    height: 18px;
    background-color: #f44336;
    float: left
}

.right {
    text-align: right
}

.middle {
    float: left;
    width: 84%;
    margin-top: 17px;
    background: #f1f1f1
}

.row:after {
    content: "";
    display: table;
    clear: both
}

.boxComment_danhgia {
    background: #f4f4f4;
    padding: 20px;
    margin: 20px 0
}

.error {
    color: red
}

.boxComment_danhgia li {
    padding-bottom: 10px;
    font-size: 17px;
    color: #333;
    list-style: none;
    font-weight: 500
}

.boxComment_danhgia h4 a {
    float: right;
    display: block;
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 35px;
    padding: 5px 20px;
    margin-top: 20px;
    color: #fff;
    background: #ff7e00
}

.boxComment_danhgia h4 a:hover {
    color: #fff;
    background: #c10707
}

.boder_right_2 .title_page h2 {
    margin-top: 25px
}

.danhgia_tringbinh {
    font-size: 20px
}

.danhgia_tringbinh p {
    font-size: 17px;
    padding-bottom: 10px;
    padding-top: 10px
}

.mod-reviews .starCtn {
    margin-right: 6px
}

.mod-reviews .starCtn ul {
    display: inline-block;
    vertical-align: middle
}

a.upreply {
    display: inline-block;
    vertical-align: middle;
    color: #333;
    font-size: 14px
}

.box_input_reply_comment {
    display: flex;
    width: 100%
}

.img_c {
    border-radius: 25px;
    border: 1px solid #ccc;
    padding: 2px;
    box-sizing: border-box;
    width: 35px;
    height: 35px
}

.mod-reviews .container-star {
    float: left;
    width: 200px
}

.mod-reviews .item {
    color: gray;
    font-size: 13px;
    border-top: 1px solid #ddd;
    padding: 10px 0
}

.mod-reviews .top:after,
.mod-reviews .top:before {
    content: "";
    display: table
}

.mod-reviews .top:after {
    clear: both
}

.mod-reviews .title {
    font-size: 12px;
    display: inline-block;
    overflow: hidden;
    word-break: break-word;
    color: #757575;
    float: right
}

.mod-reviews .middle-text {
    margin: 0
}

.mod-reviews .content {
    color: #212121;
    font-size: 14px;
    white-space: pre-wrap;
    word-break: break-word
}

#star_user li {
    display: inline-block
}

#star_user li i {
    font-size: 1.5em
}

#star_user li i {
    color: #ccc
}

#star_user li.star.selected i {
    color: #ffcc36
}

.mobile {
    display: none
}

.desktop {
    display: block
}

.fix_tel {
    position: fixed;
    bottom: 12px;
    right: 0;
    z-index: 999;
    display: none
}

.fix_tel a {
    text-decoration: none
}

.tel {
    background: #fff;
    width: 205px;
    height: 40px;
    position: relative;
    overflow: hidden;
    background-size: 40px;
    border-radius: 28px;
    border: solid 1px #ccc
}

.bor-bottom,
.bor-left,
.bor-right,
.bor-top {
    position: absolute;
    background-color: #edcb67;
    -webkit-transition: all 5s ease-in-out;
    -moz-transition: all 5s ease-in-out;
    transition: all 5s ease-in-out
}

.bor-left {
    height: 50%;
    width: 3px;
    left: 0;
    bottom: -100%;
    animation: transtop 5s ease-in-out infinite
}

.bor-right {
    height: 50%;
    right: 0;
    top: -100%;
    width: 3px;
    animation: transbot 5s ease-in-out infinite
}

.bor-top {
    width: 50%;
    left: -100%;
    top: 0;
    height: 3px;
    animation: transleft 5s ease-in-out infinite
}

.bor-bottom {
    width: 50%;
    height: 3px;
    right: -100%;
    bottom: 0;
    animation: transright 5s ease-in-out infinite
}

.fone {
    font-size: 22px;
    color: red;
    line-height: 42px;
    font-weight: 700;
    padding-left: 25px;
    font-family: arial
}

.ring-alo-phone {
    background-color: transparent;
    cursor: pointer;
    height: 80px;
    position: fixed;
    transition: visibility .5s ease 0s;
    visibility: hidden;
    width: 80px;
    z-index: 200000 !important
}

.ring-alo-phone.ring-alo-show {
    visibility: visible;
    right: 20px;
    bottom: 20px
}

.ring-alo-phone.ring-alo-hover,
.ring-alo-phone:hover {
    opacity: 1
}

.ring-alo-ph-circle {
    animation: 1.2s ease-in-out 0s normal none infinite running ring-alo-circle-anim;
    background-color: transparent;
    border: 2px solid rgba(30, 30, 30, .4);
    border-radius: 100%;
    height: 70px;
    left: 10px;
    opacity: .1;
    position: absolute;
    top: 10px;
    transform-origin: 50% 50% 0;
    transition: all .5s ease 0s;
    width: 70px
}

.ring-alo-phone.ring-alo-active .ring-alo-ph-circle {
    animation: 1.1s ease-in-out 0s normal none infinite running ring-alo-circle-anim !important
}

.ring-alo-phone.ring-alo-static .ring-alo-ph-circle {
    animation: 2.2s ease-in-out 0s normal none infinite running ring-alo-circle-anim !important
}

.ring-alo-phone.ring-alo-hover .ring-alo-ph-circle,
.ring-alo-phone:hover .ring-alo-ph-circle {
    border-color: red;
    opacity: .5
}

.ring-alo-phone.ring-alo-green.ring-alo-hover .ring-alo-ph-circle,
.ring-alo-phone.ring-alo-green:hover .ring-alo-ph-circle {
    border-color: #baf5a7;
    opacity: .5
}

.ring-alo-phone.ring-alo-green .ring-alo-ph-circle {
    border-color: #63c05f;
    opacity: .5
}

.ring-alo-ph-circle-fill {
    animation: 2.3s ease-in-out 0s normal none infinite running ring-alo-circle-fill-anim;
    background-color: #000;
    border: 2px solid transparent;
    border-radius: 100%;
    height: 30px;
    left: 30px;
    opacity: .1;
    position: absolute;
    top: 30px;
    transform-origin: 50% 50% 0;
    transition: all .5s ease 0s;
    width: 30px
}

.ring-alo-phone.ring-alo-hover .ring-alo-ph-circle-fill,
.ring-alo-phone:hover .ring-alo-ph-circle-fill {
    background-color: rgba(0, 175, 242, .5);
    opacity: .75 !important
}

.ring-alo-phone.ring-alo-green.ring-alo-hover .ring-alo-ph-circle-fill,
.ring-alo-phone.ring-alo-green:hover .ring-alo-ph-circle-fill {
    background-color: rgba(117, 235, 80, .5);
    opacity: .75 !important
}

.ring-alo-phone.ring-alo-green .ring-alo-ph-circle-fill {
    background-color: rgba(0, 175, 242, .5);
    opacity: .75 !important
}

.ring-alo-ph-img-circle {
    animation: 1s ease-in-out 0s normal none infinite running ring-alo-circle-img-anim;
    border: 2px solid transparent;
    border-radius: 100%;
    height: 30px;
    left: 30px;
    opacity: 1;
    position: absolute;
    top: 30px;
    transform-origin: 50% 50% 0;
    width: 30px
}

.ring-alo-phone.ring-alo-hover .ring-alo-ph-img-circle,
.ring-alo-phone:hover .ring-alo-ph-img-circle {
    background-color: red
}

.ring-alo-phone.ring-alo-green.ring-alo-hover .ring-alo-ph-img-circle,
.ring-alo-phone.ring-alo-green:hover .ring-alo-ph-img-circle {
    background-color: #75eb50
}

.ring-alo-phone.ring-alo-green .ring-alo-ph-img-circle {
    background-color: #63c05f
}

@keyframes ring-alo-circle-anim {
    0% {
        opacity: .1;
        transform: rotate(0) scale(.5) skew(1deg)
    }
    30% {
        opacity: .5;
        transform: rotate(0) scale(.7) skew(1deg)
    }
    100% {
        opacity: .6;
        transform: rotate(0) scale(1) skew(1deg)
    }
}

@keyframes ring-alo-circle-img-anim {
    0% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    10% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    100% {
        transform: rotate(0) scale(1) skew(1deg)
    }
}

@keyframes ring-alo-circle-fill-anim {
    0% {
        opacity: .2;
        transform: rotate(0) scale(.7) skew(1deg)
    }
    50% {
        opacity: .2;
        transform: rotate(0) scale(1) skew(1deg)
    }
    100% {
        opacity: .2;
        transform: rotate(0) scale(.7) skew(1deg)
    }
}

.ring-alo-ph-img-circle a img {
    padding: 1px 0 0 1px;
    width: 25px
}

.tt_giohang .payment_method_input {
    list-style: none;
    float: left;
    width: 100%;
    margin-bottom: 0;
    line-height: 36px
}

.payIds {
    border: 1px solid #ccc;
    margin-left: 10px;
    padding: 10px;
    margin-bottom: 10px;
    line-height: 22px
}

.tt_giohang .payment_method_input .radio_check {
    float: left;
    width: 20px
}

.tt_giohang .payment_method_input .txt_payment {
    float: left;
    line-height: 35px
}

.payIds li {
    list-style-position: inside
}

.formBox #payment_method ul li input[type=text] {
    border: solid 1px #e1e1e1;
    height: 38px;
    color: #999;
    padding: 0 10px 0 45px
}

.tt_giohang .payment_method_input span {
    float: left;
    margin-left: 10px;
    width: 93%;
    background: 0 0;
    font-weight: 400;
    color: #333
}

#icon_quatang {
    text-align: center
}

#icon_quatang img {
    width: 250px;
    height: auto
}

#title_quatang {
    text-align: center
}

#title_quatang .title_quatang_bg {
    background: #c10707;
    display: inline-block;
    padding: 10px 20px;
    color: #fff
}

.title_box_text_quatang {
    display: inline-block;
    padding: 10px;
    background: #c10707;
    color: #fff
}

#btn_doiqua {
    text-align: center;
    padding: 5px 30px;
    background: #ff7e00;
    text-transform: uppercase;
    color: #fff;
    font-size: 18px;
    margin-bottom: 15px;
    font-weight: 400;
    line-height: 30px;
    display: inline-block
}

.table_ds_doiqua {
    width: 100%;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background-color: #fff
}

.table_ds_doiqua #head {
    background: #046250;
    display: flex;
    width: 100%
}

.table_ds_doiqua #head .th {
    display: table-cell;
    padding: 10px;
    color: #fff;
    text-align: center
}

.table_ds_doiqua #head .th:nth-child(1) {
    width: 5%
}

.table_ds_doiqua #head .th:nth-child(2) {
    width: 35%
}

.table_ds_doiqua #head .th:nth-child(3) {
    width: 20%
}

.table_ds_doiqua #head .th:nth-child(4) {
    width: 15%
}

.table_ds_doiqua #head .th:nth-child(5) {
    width: 20%
}

.table_ds_doiqua #head .th:nth-child(6) {
    width: 20%
}

.table_ds_doiqua #head:after {
    content: '';
    display: block;
    clear: both
}

.table_ds_doiqua #tbody .tr {
    display: flex;
    width: 100%
}

.table_ds_doiqua #tbody .td {
    display: table-cell;
    padding: 10px;
    text-align: center
}

.table_ds_doiqua #tbody .td:nth-child(1) {
    width: 5%;
    text-align: center
}

.table_ds_doiqua #tbody .td:nth-child(2) {
    width: 35%
}

.table_ds_doiqua #tbody .td:nth-child(3) {
    width: 20%;
    color: red
}

.table_ds_doiqua #tbody .td:nth-child(4) {
    width: 15%;
    text-align: center
}

.table_ds_doiqua #tbody .td:nth-child(5) {
    width: 20%;
    text-align: center
}

.table_ds_doiqua #tbody .td:nth-child(6) {
    width: 20%
}

.table_ds_doiqua #tbody:after {
    content: '';
    display: block;
    clear: both
}

.table_ds_doiqua #tbody .tr:nth-of-type(odd) {
    background-color: #f9f9f9
}

.banner_home_bottom {
    background: #fff;
    padding: 0  0 30px 0;
}

.banner_home_bottom .banner_home_qc {
    padding: 10px;
    float: left;
    width: calc(33.3333333% - 20px);
    border: 1px solid #dddd;
    background: #fff;
    border-radius: 12px;
    margin: 0 10px;
}
.banner_home_bottom .banner_home_qc a{display: block;}
.banner_home_bottom .banner_home_qc img {
    width: 100%;
    height: auto
}

.timkiem_top select {
    border: 0;
    width: 135px;
    height: 40px;
    padding-left: 3px;
    float: left
}

.right_top_id ul li:hover .suport-hover {
    display: block
}

.suport-hover {
    background: #f0f1f1;
    position: absolute;
    top: 55px;
    right: 0;
    z-index: 1000;
    border: 1px solid #b5b5b5;
    display: none;
    /* left: 0; */
    width: 475px;
}

.suport-hover p {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    line-height: 24px
}

.suport-head:hover .suport-hover {
    display: block
}

.suport-hover ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.suport-hover li {
    float: left;
    width: 50%;
    border-right: 1px solid #d0d0d0;
    padding: 10px
}

.suport-hover li a {
    text-transform: none
}

.suport-hover li:nth-of-type(3n+0) {
    /* border: none; */
}

.suport-hover li h3 {
    font-size: 14px;
    color: #d61f24;
    font-weight: 700;
    text-transform: uppercase
}

.suport-hover li .name {
    color: #333;
    font-weight: 700;
    font-size: 14px;
    line-height: 22px;
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 34px)
}

.suport-hover li .name a {
    color: #333
}

.suport-hover li .icon_zalo {
    color: #3b3b3b;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    line-height: 0
}

.suport-hover li:last-child {
    border: none
}

.suport-head .suporter {
    background: url(../images/icon-chat.png) 5px 7px no-repeat #333;
    color: #fff;
    text-transform: uppercase;
    padding: 10px 10px 10px 30px;
    font-weight: 700
}

.suport-head .suporter:hover {
    text-decoration: none;
    background: url(../images/icon-chat.png) 5px 7px no-repeat #221f48;
    cursor: pointer
}

.title-yahoo {
    display: inline-block;
    position: relative;
    top: -5px;
    margin: 0 5px;
    color: #000
}

.icon-fixed-right-group a:first-child {
    margin-top: 0
}

.icon-fixed-right-group a {
    width: 40px;
    height: 40px;
    text-align: center;
    color: #fff;
    border-radius: 50%;
    font-size: 16px;
    line-height: 40px;
    display: block;
    margin-top: 5px
}

.icon-fixed-right-group a i {
    line-height: inherit
}

.icon-fixed-right-group {
    width: 40px;
    position: fixed;
    right: -100%;
    transition: .45s all;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2
}

.icon-fixed-right-group.active {
    right: 5px;
    transition: .45s all
}

.icon-fixed-right-group a:nth-child(1),
.icon-fixed-right-group a:nth-child(3),
.icon-fixed-right-group a:nth-child(4),
.icon-fixed-right-group a:nth-child(5) {
    background: #4267b2
}

.icon-fixed-right-group a:nth-child(6) {
    background-color: #825b39;
}

.icon-fixed-right-group a:nth-child(2),
.icon-fixed-right-group a:nth-child(7) {
    background: red
}

.icon_zalo {
    background: url('../images/zalo-page.png') no-repeat;
    background-size: contain
}

.header-fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    /* background: #fff; */
    border-bottom: 1px solid #ddd;
}

.header-fixed .logo_top ul li img {
    height: 55px
}

.cat-child-last .cat-4-list {
    position: absolute;
    display: none;
    top: -30px;
    left: 25%;
    background: #fff;
    box-shadow: 0 0 4px 0 #b5b5b5;
    padding: 5px;
    z-index: 9;
    border-radius: 3px;
    width: 150px
}

.cat-child-last:hover .cat-4-list {
    display: block
}

.cat-child-last a {
    color: #000
}

.cat-child-last {
    position: relative;
    display: block
}

.cat-child-items a {
    line-height: 2.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 10pt;
    width: 100%;
    display: block
}

.cat-child-last .cat-4-list::before {
    content: '';
    position: absolute;
    width: 0;
    border: 5px solid transparent;
    border-right-color: #d2d2d2;
    left: -11px;
    top: 36px
}

.conten {
    background: #edeef2
}

.bg-white {
    background: #fff
}

.product-filter-container {
    padding: 10px;
    max-height: 300px;
    overflow: auto
}

.product-filter-container::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, .1);
    background-color: #fff;
    border-radius: 5px;
    box-sizing: border-box
}

.product-filter-container::-webkit-scrollbar {
    width: 2px;
    background-color: #fff;
    box-sizing: border-box
}

.product-filter-container::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: #000;
    box-sizing: border-box
}

.row-filter {
    margin-bottom: 0;
    position: relative;
    padding: 0 0 5px 0
}

.row-filter:hover {
    background: rgba(247, 247, 247, .5)
}

.row-filter .title-filter {
    width: 140px;
    font-weight: 700;
    display: inline-block;
    vertical-align: top
}

.row-filter .filter-list.show-filter {
    overflow: unset;
    height: auto !important;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.row-filter .filter-list {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 145px);
    overflow: hidden
}

.row-filter .filter-list .filter-item {
    display: inline-block;
    border: 1px solid #ddd;
    position: relative;
    margin-right: 5px;
    margin-top: 5px
}

.row-filter .filter-list .filter-item .icon_remove {
    color: #fff;
    background: red;
    position: absolute;
    top: -5px;
    right: -5px;
    display: block;
    padding: 2px;
    cursor: pointer;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center
}

.row-filter .filter-list .filter-item a {
    display: block;
    padding: 2px 10px;
    color: #000;
    font-size: 14px
}

.row-filter .filter-list .filter-item.active a,
.row-filter .filter-list .filter-item:hover a {
    color: #fff;
    background: #825b39
}

.row-filter .filter-list a.toggle-filter.active {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.row-filter .filter-list a.toggle-filter {
    color: #c2c2c2;
    border: 1px solid #c2c2c2;
    border-radius: 50%;
    font-size: 20px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    display: block;
    margin: auto 0 auto auto;
    position: absolute;
    right: 5px;
    top: 15px
}

.row-filter .filter-list a.toggle-filter i {
    line-height: unset
}

.pro_id_page {
    /* background:#fff; */
}

.loading_search {
    background-image: url("../images/loading.gif");
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 99;
    height: 100vh;
    background-repeat: no-repeat;
    background-position: center;
    background-color: rgba(255, 255, 255, .5);
    display: none
}

.loading_search.loading {
    display: block
}

.products_list:after {
    content: '';
    display: block;
    clear: both
}

.more_page {
    text-align: center;
    margin-top: 20px
}

.more_page a {
    display: inline-block;
    padding: 5px 25px;
    font-size: 16px;
    color: #fff;
    background: #825b39
}

.desc .item.hide {
    display: none
}

.desc .item.hide.d-block {
    display: block
}

#js-viewmore-summary {
    color: red
}

.pro-special-offer-container {
    border: 1px solid #ce0707
}

.pro-special-offer-container .spec-title {
    padding: 6px 8px 7px 0;
    border-bottom: 1px dashed #e1e1e1;
    position: relative
}

.pro-special-offer-container .spec-title::before {
    content: '';
    position: absolute;
    width: 10px;
    background: red;
    left: -10px;
    top: 6px;
    bottom: 0;
    height: 42px
}

.pro-special-offer-container .spec-title::after {
    content: '';
    position: absolute;
    border-top: 13px solid red;
    border-left: 10px solid transparent;
    left: -10px;
    bottom: -5px
}

.pro-special-offer-container .spec-price {
    background: red;
    color: #fff;
    font-weight: 700;
    padding: 6px 58px 6px 32px;
    display: inline-block;
    position: relative
}

.pro-special-offer-container .spec-price::before {
    content: '';
    background: url(../images/gift.png) no-repeat;
    position: absolute;
    left: 7px;
    top: 8px;
    bottom: 0;
    width: 20px;
    background-size: contain
}

.pro-special-offer-container .spec-price::after {
    content: '';
    position: absolute;
    right: -20px;
    top: 0;
    bottom: 0;
    width: 30px;
    height: 37px;
    background: #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.pro-special-offer-container .offer-container {
    padding: 15px 10px
}

.pro-special-offer-container ul {
    list-style-position: inside;
    list-style: none
}

.cauhinhmay {
    overflow: hidden;
    max-height: 500px;
    position: relative
}

.cauhinhmay::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100px;
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#fff));
    background: linear-gradient(transparent, #fff)
}

.box_xemcauhinh .item-button {
    display: block;
    text-align: center
}

.blue {
    color: #825b39
}

.fullbackground {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, .7);
    z-index: 1001;
    display: none
}

.taoweb_input {
    color: #000;
    font-size: 16px;
    width: 100%;
    border: 1px solid #999;
    background: #eee;
    padding: 10px;
    box-sizing: border-box;
    border-radius: 5px
}

.taoweb_class {
    max-width: 660px;
    max-height: 100%;
    border-radius: 20px;
    border: 0 solid #fff;
    box-sizing: border-box;
    margin: auto;
    position: fixed;
    top: 20px;
    bottom: 20px;
    left: 0;
    right: 0;
    z-index: 1001;
    border-radius: 15px;
    overflow: hidden;
    background: #fff
}

.taoweb_class_auto {
    background: 0 0;
    display: none;
    overflow: hidden;
    height: auto;
    max-width: 800px;
    box-sizing: border-box;
    padding: 10px;
    position: fixed;
    z-index: 9999;
    left: 0;
    right: 0
}

.taoweb_class1100 {
    max-width: 1100px;
    max-height: 100%;
    border-radius: 20px;
    border: 0 solid #fff;
    box-sizing: border-box;
    margin: auto;
    position: fixed;
    top: 20px;
    bottom: 20px;
    left: 0;
    right: 0;
    z-index: 1001;
    border-radius: 15px;
    overflow: hidden;
    background: #fff
}
.taoweb_class920 {
    max-width: 920px;
    height: 460px;
    border-radius: 20px;
    border: 0 solid #fff;
    box-sizing: border-box;
    margin: auto;
    position: fixed;
    left: 0;
    right: 0;
    z-index: 1001;
    border-radius: 15px;
    overflow: hidden;
    background: #fff
}
.fix1100 {
    width: 1100px
}

.taoweb_title {
    text-align: center;
    color: #0b8342;
    font-size: 30px;
    padding: 15px 0;
    line-height: 120%
}

.clear {
    clear: both
}

.fixed_height_10 {
    height: 10px
}

.indeeep {
    padding: 20px 10px;
    height: 100%;
    overflow: auto
}

.indeeep_auto {
    padding: 20px 10px;
    height: auto;
    overflow: auto
}

.indeeep::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, .1);
    background-color: #fff;
    border-radius: 5px;
    box-sizing: border-box
}

.indeeep::-webkit-scrollbar {
    width: 2px;
    background-color: #000;
    box-sizing: border-box
}

.indeeep::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: #000;
    box-sizing: border-box
}

.autohide {
    display: none
}

.closewindows {
    height: 30px;
    width: 30px;
    position: absolute;
    z-index: 14;
    top: 0;
    right: 0;
    background: red;
    cursor: pointer;
    text-align: center;
    font-size: 20px;
    line-height: 30px;
    border-radius: 50%;
    display: block;
    color: #fff
}

.closewindows i {
    line-height: unset
}

.show_sanpham {
    max-height: 600px;
    overflow: hidden;
    position: relative
}

.show_sanpham::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100px;
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#fff));
    background: linear-gradient(transparent, #fff)
}

.button-more {
    display: block;
    width: 250px;
    background: #825b39;
    color: #fff;
    text-align: center;
    margin: 0 auto;
    padding: 5px;
    font-size: 18px
}

.chonsp_khac .row_spkhac {
    border: 1px solid #ddd;
    padding: 10px;
    margin-bottom: 10px;
    font-weight: 700;
    line-height: 22px
}

.muahang_other {
    display: flex;
    justify-content: space-between;
    margin-top: 15px
}

.muahang_other a.buy_other1 {
    background: #825b39;
    margin: 0;
    width: calc(50% - 5px);
    color: #fff;
    text-align: center;
    border-radius: 5px;
    font-size: 20px;
    font-weight: 700
}

.muahang_other a.buy_other2 {
    border: #825b39 1px solid;
    margin: 0;
    width: calc(50% - 5px);
    text-align: center;
    color: #825b39;
    border-radius: 5px;
    font-size: 20px;
    font-weight: 700
}

.muahang_other a p {
    font-size: 13px;
    font-weight: 400
}

.dathang_other {
    display: flex;
    justify-content: space-between;
    margin-top: 15px
}

.dathang_other a.buy_other1 {
    background: #825b39;
    margin: 0;
    width: calc(50% - 5px);
    color: #fff;
    text-align: center;
    border-radius: 5px;
    font-size: 20px;
    font-weight: 700;
    height: 45px;
    line-height: 45px
}

.dathang_other a.buy_other2 {
    margin: 0;
    width: calc(50% - 5px);
    text-align: center;
    color: #fff;
    border-radius: 5px;
    font-size: 20px;
    font-weight: 700;
    height: 45px;
    line-height: 35px;
    background: #f90;
    display: inline-block;
    line-height: 45px
}

.sortby {
    display: flex;
    padding: 10px;
    border-bottom: 1px solid #ddd;
    background: #fff;
    margin-bottom: 15px;
}

.sortby p {
    width: 90px
}

.sortby .box_sort {
    width: calc(100% - 130px);
    display: flex;
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important
}

.sortby .sort-list {
    margin: 0
}

.sortby .sort-list a {
    display: block;
    margin: 0 0 0 10px;
    border: 1px solid #e1e1e1;
    padding: 6px 15px;
    float: left;
    font-weight: 300;
    color: #333
}

.sortby .sort-list a.active,
.sortby .sort-list a:hover {
    color: #fff;
    background: #825b39
}

.sortby .sort-list:after {
    content: '';
    display: block;
    clear: both
}

.sortbuild .sort-list {
    margin: 0
}

.sortbuild .sort-list a {
    display: block;
    margin: 0 0 0 10px;
    border: 1px solid #e1e1e1;
    padding: 0 15px;
    float: left;
    font-weight: 300;
    color: #333
}

.sortbuild .sort-list a.active,
.sortbuild .sort-list a:hover {
    color: #fff;
    background: #825b39
}

.sortbuild .sort-list:after {
    content: '';
    display: block;
    clear: both
}

.choose-price-holder {
    margin: 0;
    margin-left: 10px
}

.choose-price-holder input {
    height: 43px;
    border: 1px solid #ddd;
    width: 90px
}

.choose-price-holder .submit-filter {
    color: #fff;
    background: #825b39;
    display: inline-block;
    height: 42px;
    line-height: 42px;
    padding: 0 20px;
    border-radius: 5px;
    margin-left: 5px
}

.build-pc *,
.custom-pc * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.build-pc .build-pc_content .list-drive {
    list-style-type: none
}

.build-pc .build-pc_content .list-drive .item-drive:nth-of-type(odd) {
    background-color: #f9f9f9
}

.build-pc .build-pc_content .list-drive .item-drive {
    padding: 0 8px;
    border-bottom: 1px solid #e1e1e1
}

.build-pc .build-pc_content .list-drive .item-drive:after {
    content: '';
    display: block;
    clear: both
}

.build-pc .build-pc_content .list-drive .item-drive span.d-name {
    float: left;
    margin-bottom: 8px;
    margin-top: 8px;
    width: 240px;
    padding-left: 20px
}

.build-pc .build-pc_content .list-drive .item-drive>.d-name {
    font-weight: 700
}

.build-pc .build-pc_content .list-drive .item-drive .drive-checked {
    float: left;
    border-left: 1px solid #e1e1e1;
    width: 870px
}

.build-pc .build-pc_content .list-drive .item-drive span.span-last {
    margin-bottom: 8px;
    margin-top: 8px;
    font-size: 14px;
    color: #fff;
    background-color: #536be8;
    border-radius: 3px;
    line-height: 34px;
    display: inline-block;
    padding: 0 8px;
    margin-left: 10px;
    cursor: pointer;
    opacity: 1
}

.build-pc .build-pc_content .list-drive .item-drive span.span-last i {
    margin-right: 3px
}

.build-pc .build-pc_content .list-btn-action {
    list-style-type: none;
    margin-top: 40px;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #959595
}

.build-pc .build-pc_content .list-btn-action:after {
    content: '';
    display: block;
    clear: both
}

.build-pc .build-pc_content .list-btn-action li {
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    width: calc(100% / 6);
    float: left;
    text-align: center;
    padding: 0 2px;
    list-style: none
}

.list-btn-action li span {
    display: block;
    border-radius: 3px;
    background-color: #536be8;
    text-transform: uppercase;
    line-height: 40px;
    cursor: pointer;
    opacity: 1;
    font-size: 14px
}

.proCat-2-group {
    margin-bottom: 15px
}

.tab-sub-category {
    padding: 10px
}

.tab-sub-category a {
    display: inline-block;
    background: #eee;
    font-size: 15px;
    margin-right: 5px;
    padding: 8px 15px;
    margin-bottom: 8px;
    color: #666
}

.tab-sub-category a:hover {
    background: #825b39;
    color: #fff
}

.build-pc .popup-select {
    width: 1100px;
    background-color: #f1f1f1;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
    max-height: calc(100vh - 40px)
}

.build-pc .popup-select .header {
    background-color: #825b39;
    padding: 8px 10px
}

.build-pc .popup-select .header h4 {
    color: #fff;
    font-weight: 700;
    font-size: 22px;
    float: left;
    padding: 6px 0
}

.build-pc .popup-select .header form {
    float: right;
    width: 655px;
    margin-right: 80px;
    position: relative
}

.build-pc .popup-select .header form .input-search {
    line-height: 36px;
    width: 100%;
    border-radius: 5px;
    outline: 0;
    padding: 0 10px;
    border: none;
    height: 36px
}

.build-pc .popup-select .header form .btn-search {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    color: #825b39;
    font-size: 24px;
    padding: 0 10px;
    line-height: 36px
}

.icon-menu-filter-mobile {
    display: none
}

.build-pc .popup-select .header .close-popup {
    position: absolute;
    right: 0;
    top: 0;
    color: #fff;
    font-size: 26.4px;
    padding: 12px 10px;
    cursor: pointer
}

.w-30 {
    width: 30%
}

.float_l {
    float: left !important
}

.build-pc .popup-select .popup-main .popup-main_filter {
    padding: 10px
}

.build-pc .popup-select .popup-main .popup-main_filter h4 {
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    display: block;
    border: 1px solid #b7b7b7;
    line-height: 40px;
    text-align: center;
    margin-bottom: 10px
}

.list-filter {
    max-height: calc(100vh - 170px);
    overflow: auto
}

.build-pc .popup-select .popup-main .popup-main_filter .gr-filter {
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 1px solid #e1e1e1;
    overflow: hidden
}

.build-pc .popup-select .popup-main .popup-main_filter .gr-filter .title-filter {
    color: #000;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 10px
}

.build-pc .popup-select .popup-main .popup-main_filter .gr-filter ul {
    padding: 2px 0
}

.build-pc .popup-select .popup-main .popup-main_filter .gr-filter ul {
    overflow: hidden
}

.build-pc .popup-select .popup-main .popup-main_filter .gr-filter ul li {
    margin-bottom: 8px;
    font-size: 12px;
    width: 50%;
    display: inline-block;
    list-style: none;
    padding: 0 5px;
    position: relative;
    vertical-align: top
}

.build-pc .popup-select .popup-main .popup-main_filter .gr-filter ul li input {
    outline: 0;
    cursor: pointer;
    width: 20px;
    height: 16px;
    vertical-align: -4px
}

.build-pc .popup-select .popup-main .popup-main_filter .gr-filter ul li a span {
    color: #000;
    font-size: 12px
}

.build-pc .popup-select .popup-main .popup-main_content {
    background-color: #fff
}

.w-70 {
    width: 70%
}

.float_r {
    float: right
}

.build-pc .popup-select .popup-main .popup-main_content .sort-paging {
    padding: 3px 10px;
    background-color: #f8f8f8;
    position: relative
}

.build-pc .popup-select .popup-main .popup-main_content .sort-paging .sort-block {
    height: 42px;
    line-height: 42px
}

.build-pc .popup-select .popup-main .popup-main_content .sort-paging .sort-block span {
    font-weight: 700;
    font-size: 14px
}

.build-pc .popup-select .popup-main .popup-main_content .sort-paging .sort-block select {
    outline: 0;
    height: 32px;
    margin-left: 5px
}

.build-pc .popup-select .popup-main .popup-main_content .sort-paging .paging-block {
    height: 42px;
    line-height: 42px
}

.build-pc .paging-block,
.custom-pc .paging-block {
    clear: none
}

.build-pc .paging,
.build-pc .paging-block,
.custom-pc .paging,
.custom-pc .paging-block {
    text-align: right
}

.pagingIntact {
    padding: 0;
    background: 0 0;
    border: none
}

.pagingViewed {
    color: #ec0000;
    background: 0 0;
    font-weight: 700;
    height: 24px;
    padding: 0 10px
}

.clear:after {
    content: '';
    display: table;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    clear: both
}

.build-pc .popup-select .list-product-select {
    max-height: calc(100vh - 145px);
    overflow-y: scroll
}

.build-pc .popup-select .list-product-select .p-item {
    border-bottom: 1px solid #e1e1e1;
    padding: 25px 20px;
    position: relative
}

.build-pc .popup-select .list-product-select .p-item .p-img {
    float: left;
    width: 130px;
    padding: 0 !important
}

.p-item .p-img {
    display: block;
    position: relative;
    padding-bottom: 200px;
    margin-bottom: 5px
}

.p-img {
    display: block !important;
    position: relative;
    padding-top: 80%
}

.build-pc .popup-select .list-product-select .p-item .p-img img {
    max-width: 100%;
    position: relative
}

.p-img img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    max-width: 100%;
    max-height: 100%;
    width: auto !important;
    margin: auto;
    display: block
}

.build-pc .popup-select .list-product-select .p-item .info {
    padding: 0 170px 0 0;
    margin-left: 140px;
    font-size: 14px
}

.build-pc .popup-select .list-product-select .p-item .info .p-name {
    font-size: 14px;
    color: #222;
    display: block;
    font-weight: 700;
    line-height: 24px
}

.p-item .p-name {
    display: block;
    font-size: 13px;
    height: 46px;
    overflow: hidden
}

.build-pc .popup-select .list-product-select .p-item .info .p-price {
    color: #ec1b23;
    font-weight: 700;
    font-size: 18px
}

.build-pc .popup-select .list-product-select .p-item .btn-buy {
    position: absolute;
    right: 19px;
    top: 25px;
    display: block;
    border-radius: 3px;
    background-color: #536be8;
    text-transform: uppercase;
    line-height: 34px;
    cursor: pointer;
    color: #fff;
    padding: 0 10px;
    opacity: 1;
    transition: .8s cubic-bezier(.68, -.55, .265, 1.55)
}

.build-pc .build-pc_content .list-drive .item-drive:nth-of-type(odd) .drive-checked .contain-item-drive {
    background-color: #f9f9f9
}

.build-pc .build-pc_content .list-drive .item-drive .drive-checked .contain-item-drive {
    margin-top: -50px;
    padding: 10px;
    background-color: #fff;
    position: relative;
    display: flex;
    justify-content: space-around
}

.build-pc .build-pc_content .list-drive .item-drive .drive-checked .contain-item-drive .d-img {
    width: 90px;
    height: 90px;
    display: inline-block
}

.build-pc .build-pc_content .list-drive .item-drive .drive-checked .contain-item-drive .d-img img {
    max-width: 100%;
    max-height: 90px
}

.build-pc .build-pc_content .list-drive .item-drive .drive-checked .contain-item-drive .d-name {
    width: 50%;
    font-size: 15px;
    color: #000
}

.build-pc .build-pc_content .list-drive .item-drive .drive-checked .contain-item-drive .d-name a {
    font-size: 15px;
    color: #000;
    font-weight: 700
}

.build-pc .build-pc_content .list-drive .item-drive .drive-checked .contain-item-drive .d-price {
    margin-top: 10px;
    font-size: 15px;
    font-weight: 700
}

.build-pc .build-pc_content .list-drive .item-drive .drive-checked .contain-item-drive i {
    font-style: normal;
    margin-top: 11px
}

.build-pc .build-pc_content .list-drive .item-drive .drive-checked .contain-item-drive input {
    margin-top: 4px;
    height: 30px;
    outline: 0;
    padding: 0 5px;
    width: 50px
}

.build-pc .build-pc_content .list-drive .item-drive .drive-checked .contain-item-drive .sum_price {
    margin-top: 10px;
    font-size: 15px;
    font-weight: 700;
    color: #e51d24;
    margin-right: 15px
}

.build-pc .build-pc_content .list-drive .item-drive .drive-checked .contain-item-drive .btn-action_seclect {
    font-size: 15px;
    width: 30px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    cursor: pointer;
    color: #1d7be5
}

.build-pc .build-pc_content .list-drive .item-drive .drive-checked .contain-item-drive .btn-action_seclect.delete_select {
    color: #e51d24
}

.build-pc .popup-select .popup-main .popup-main_filter .gr-filter ul li a {
    line-height: 18px;
    display: block;
    background: #fff;
    padding: 5px 5px;
    color: #000
}

.build-pc .popup-select .popup-main .popup-main_filter .gr-filter ul li.active a {
    background: #536be8;
    color: #fff
}

.build-pc .popup-select .popup-main .popup-main_filter .gr-filter ul li.active a span {
    color: #fff
}

.build-pc .popup-select .popup-main .popup-main_filter .gr-filter ul li.active span.icon_remove {
    position: absolute;
    right: 6px;
    top: 0;
    z-index: 999;
    background: #f8f4f4;
    cursor: pointer;
    color: red;
    width: 15px;
    height: 15px;
    text-align: center;
    line-height: 15px;
    border-radius: 50%;
    display: block
}

.hidden {
    display: none
}

.btn_view {
    background: #3d52bf;
    color: #fff;
    display: inline-block;
    padding: 0 10px
}

a.a_link {
    color: #333
}

a.a_link:hover {
    color: #3d52bf
}

.giatong {
    text-align: right
}

.giatong .col-giatong {
    display: inline-block;
    color: red;
    font-weight: 700
}

.form-group {
    padding: 5px
}

.form-group:nth-of-type(odd) {
    background-color: #f9f9f9
}

.form-group .first_col {
    display: inline-block;
    width: 30%
}

.form-group .col-md {
    display: inline-block
}

.tragop_page .tragop-left {
    width: 250px;
    float: left
}

.tragop_page .tragop-left {
    width: 250px;
    float: left
}

.tragop_page .title-tab-tg {
    width: 100%;
    display: block;
    background: #626262;
    margin-bottom: 15px;
    height: auto
}

.tragop_page .title-tab-tg .td-title-name {
    color: #fff;
    background: #db0006;
    height: 74px;
    font-size: 16px;
    position: relative;
    width: 100%;
    text-align: center;
    padding-top: 14px;
    margin-bottom: 20px;
    line-height: 26px
}

.tragop_page .title-tab-tg>div {
    float: left;
    text-transform: uppercase;
    cursor: pointer;
    line-height: 22px
}

.tragop_page .td-title-name span {
    display: block;
    font-size: 30px
}

.tragop_page .card-wrap {
    background: #fff;
    padding: 10px;
    height: 60px;
    margin-top: 8px;
    border-radius: 4px;
    text-align: center;
    position: relative;
    margin: 0 10px;
    width: 230px;
    margin-bottom: 10px;
    opacity: .5
}

.tragop_page .card-wrap img {
    float: left;
    margin-right: 10px
}

.tragop_page .card-wrap.active {
    opacity: 1
}

.tragop_page .card-wrap.active:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #626262;
    position: absolute;
    bottom: -14px;
    left: 48%
}

.clearfix::after {
    content: '';
    clear: both;
    display: block
}

.tragop_page .tragop-banner-left {
    margin-bottom: 15px;
    padding: 50px 15px 0;
    font-size: 15px
}

.tragop-banner-left {
    width: 250px;
    height: 197px;
    position: relative;
    color: #fff;
    background: url(../images/banner-tg-left.jpg) no-repeat
}

.tragop_page .tragop-banner-left span {
    display: block
}

.tragop_page .tragop-banner-left b {
    display: block;
    font-size: 23px;
    margin: 10px 0
}

.tragop_page .tragop-banner-left a {
    color: #fff
}

.tragop_page .box-tg-left {
    background: #f6f6f6
}

.tragop_page .box-tg-title {
    font-size: 16px;
    color: #000;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 45px;
    padding: 0 15px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 0
}

.tragop_page .box-tg-left ul {
    padding: 0;
    list-style: none;
    margin: 0
}

.tragop_page .box-tg-left ul li a {
    color: #000;
    font-size: 14px;
    text-decoration: none;
    display: block;
    padding: 10px 15px;
    font-weight: 700
}

.tragop_page .tragop-right {
    width: 910px;
    float: right
}

.tragop_page #main-tragop-right {
    background: #fff
}

.tbl_select_install td {
    padding: 4px 0
}

.tbl_select_install select {
    width: 300px;
    height: 30px;
    border: solid 1px #ccc
}

.tbl_list_bank {
    border-collapse: collapse;
    margin-top: 20px;
    text-align: center
}

.tbl_list_bank .col_title {
    font-weight: 700;
    text-align: left
}

.tbl_list_bank td {
    border: solid 1px #ccc;
    padding: 8px 5px
}

.tbl_list_bank tr:nth-child(2n) {
    background: #f6f6f6
}

.btn_common {
    background: #38a3df;
    line-height: 30px;
    text-align: center;
    color: #fff;
    border-radius: 3px;
    box-shadow: 1px 1px 1px #333;
    text-transform: uppercase;
    font-weight: 700;
    width: 134px;
    display: block;
    margin: auto
}

.makm {
    padding: 10px 0
}

.makm input {
    border: 1px solid #ddd;
    border-radius: 5px;
    height: 30px
}

.makm a {
    height: 30px;
    display: inline-block;
    padding: 0 10px;
    background: #825b39;
    color: #fff;
    line-height: 30px;
    vertical-align: middle;
    border-radius: 5px
}

@-webkit-keyframes pulse-wave {
    0% {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(2);
        transform: scale(2)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(2.7);
        transform: scale(2.7)
    }
}

@keyframes pulse-wave {
    0% {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(2);
        transform: scale(2)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(2.7);
        transform: scale(2.7)
    }
}

.mobile {
    display: none
}

.desktop {
    display: block
}

.cart_mb {
    display: none
}

.cart_mb a {
    color: #fff
}

.marquee {
    width: 300px;
    overflow: hidden
}

#popup_order td {
    padding: 4px 0
}

.register_view_content_inner .fieldheader {
    font-weight: 700;
    background-color: #ccc;
    padding: 5px
}

.register_view_content_inner .font-red {
    color: red
}

.register_view_content_inner td.label {
    text-align: right;
    line-height: 30px
}

.register_view_content_inner input.input_text {
    width: 250px;
    border: 1px solid #ddd;
    border-radius: 5px
}

.register_view_content_inner select {
    border: 1px solid #ddd;
    width: 82px;
    border-radius: 5px
}

.register_view_content_inner input.register_submit {
    background: url(../images/register_submit.jpg) no-repeat;
    width: 80px;
    height: 27px;
    border: 0;
    cursor: pointer;
    float: left;
    margin-left: 37%
}

#popup_order {
    padding: 20px
}

.company_contact {
    background: #fff;
    padding: 0 10px
}

.register_view_content_inner a.register_submit {
    background: #825b39;
    color: #fff;
    width: 80px;
    height: 27px;
    border: 0;
    cursor: pointer;
    float: left;
    margin-left: 37%
}

.news_other {
    background: #fff;
    padding: 20px 0
}

.viewmore_home {
    padding: 0px 0;
    text-align: center;
    display: none;
}

.viewmore_home a {
    background: #825b39;
    color: #fff;
    display: inline-block;
    padding: 5px 15px;
    font-size: 16px;
    font-weight: 700
}

.parameter-all {
    background-color: #fff
}

.parameter-item {
    padding: 0 30px
}

.parameter-ttl {
    background-color: #f1f1f1;
    font-size: 16px;
    font-weight: 700;
    padding: 10px
}

.parameter-all .ulist li {
    border-bottom: 1px solid #f1f1f1;
    display: flex;
    padding: 10px
}

.parameter-all .ulist li:last-child {
    border-bottom: none
}

.parameter-all .ctLeft {
    font-weight: 700;
    line-height: 21px;
    width: 30%
}

.parameter-all .ctRight {
    line-height: 21px;
    padding-left: 10px;
    width: 70%
}

.parameter-all .ctRight a {
    color: #4a90e2
}

.title_popup {
    font-size: 18px;
    text-align: center;
    padding: 10px 0
}

.css-1csxzx1 {
    flex: 1 1 auto;
    padding: .5rem 2rem;
    position: relative
}

.css-1i3ajxp {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 12px 16px
}

.css-1i3ajxp:nth-of-type(even) {
    background-color: #f6f6f6
}

.css-cqifor {
    margin: 0;
    padding: 0;
    border-style: none;
    border-radius: 0;
    border-width: 1px;
    border-color: unset;
    opacity: 1;
    background-color: transparent;
    color: inherit;
    font-weight: 400;
    text-decoration: unset;
    font-size: 13px;
    line-height: 18px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: unset;
    max-width: unset;
    min-width: unset;
    transition: color .3s ease 0s
}

.css-1rl1b8g {
    margin: 0;
    border-style: none;
    border-radius: 0;
    border-width: 1px;
    border-color: unset;
    opacity: 1;
    background-color: transparent;
    padding: .75rem 1rem;
    color: #82869e;
    font-weight: 700;
    text-decoration: unset;
    font-size: 13px;
    line-height: 18px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: unset;
    max-width: unset;
    min-width: unset;
    transition: color .3s ease 0s
}

.cauhinhmay table,
.cauhinhmay td,
.cauhinhmay tr,
.item-content table,
.item-content td,
.item-content tr,
.popup-spec table,
.popup-spec td,
.popup-spec tr {
    border: 0
}

.cauhinhmay tr:nth-child(even),
.item-content tr:nth-child(even),
.popup-spec tr:nth-child(even) {
    background: #f2f3f7
}

.autocomplete-suggestions {
    position: absolute;
    width: 100%;
    border: solid 1px #ddd;
    right: 0;
    top: 40px;
    max-height: 300px;
    overflow: auto;
    display: none;
    background: #fff;
    z-index: 999
}

.autocomplete-suggestions a {
    display: block;
    padding: 10px;
    overflow: hidden
}

.autocomplete-suggestions a img {
    width: 60px;
    float: left
}

.autocomplete-suggestions a .info {
    display: block;
    margin-left: 65px
}

.autocomplete-suggestions a .info .name {
    display: block;
    color: #333;
    line-height: 22px
}

.autocomplete-suggestions a .info .price {
    color: #ec1c24
}

.autocomplete-suggestions::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
    background-color: #f1f1f1;
    border-radius: 10px
}

.autocomplete-suggestions::-webkit-scrollbar {
    width: 6px;
    background-color: #f1f1f1
}

.autocomplete-suggestions::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #ccc
}

.left-reviews {
    width: 220px;
    float: left
}

.right-reviews {
    width: 950px;
    float: right
}

.avartar_info {
    width: 35px;
    height: 35px;
    overflow: hidden;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle
}

.me_info {
    display: inline-block;
    vertical-align: middle;
    line-height: 22px
}

.icon_mb {
    display: none
}

#in_bannerhome_id img {
    width: 100%;
    height: auto
}

.box_qr {
    line-height: 0;
    position: absolute;
    bottom: 8px;
    right: 0
}

.box_qr img {
    width: 65px;
    height: auto
}

.input_reply_comment {
    display: inline-block;
    width: 100%;
    height: 35px;
    border: 1px solid #ddd;
    border-radius: 20px;
    vertical-align: middle;
    padding: 0 10px;
    outline: 0
}

.box_reply_comment {
    display: none
}

.img_comment_reply {
    margin: 0 5px 0
}

.cm_box_in1 {
    width: 100%;
    border-bottom: 1px solid #ccc;
    color: #000;
    padding: 7px 10px;
    line-height: 25px;
    border-radius: 10px;
    background: #ddd;
    box-sizing: border-box
}

.cm_box_in1 a {
    color: #333
}

.tienich_binhluan {
    display: inline-block;
    vertical-align: middle
}

a.ameup {
    font-size: 13px;
    background: #fff;
    border: 1px solid #090;
    padding: 1px 10px 1px 10px;
    border-radius: 15px;
    color: #000
}

.cm_box_in2 {
    width: 100%;
    box-sizing: border-box;
    margin-top: 10px
}

.cm_box_in2 .cm_box_in_left {
    display: inline-block;
    vertical-align: middle
}

.cm_box_in3 {
    width: 93%;
    height: auto;
    margin-left: 10px;
    padding-left: 10px;
    border-left: 1px solid #ccc;
    color: #000;
    display: inline-block;
    vertical-align: middle
}

.option_edit_reply {
    margin-left: 50px;
    font-size: 11px;
    display: none
}

.option_edit_reply a {
    cursor: pointer
}

.control_reply {
    position: relative;
    right: 5px;
    float: right
}

.control_reply a.btn_setup_reply {
    display: block;
    font-size: 16px;
    text-align: center
}

.open_control_comment {
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 3px;
    box-shadow: 0 3px 8px rgba(0, 0, 0, .3);
    width: 180px;
    display: none;
    padding: 10px;
    position: absolute;
    top: 35px;
    right: -15px;
    z-index: 99999
}

.control_reply {
    position: relative;
    right: 5px;
    float: right
}

.post-lock,
.post-user-lock {
    color: #2e6603;
    margin-right: 5px
}

.control_reply a.btn_setup_reply {
    display: block;
    color: #2e6503;
    font-size: 16px;
    text-align: center
}

.open_control_reply {
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 3px;
    box-shadow: 0 3px 8px rgba(0, 0, 0, .3);
    width: 180px;
    display: none;
    padding: 10px;
    position: absolute;
    top: 35px;
    right: -15px;
    z-index: 99999
}

.edit_input_reply {
    display: inline-block;
    width: 95%;
    border: 1px solid #ddd;
    border-radius: 20px;
    vertical-align: middle;
    padding: 5px 10px
}

.option_edit_reply a {
    cursor: pointer;
    color: red
}

.footer_bct {
    display: inline-block;
    vertical-align: middle;
    line-height: 0
}

.footer_bct img {
    width: 250px;
    height: auto
}

a.btn_delete_all {
    background: red;
    color: #fff;
    padding: 5px 10px;
    display: inline-block
}

.login_other .title_login_other {
    width: 100%;
    float: left;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 20px
}

.login_other .title_login_other::after {
    content: '';
    width: 100%;
    height: 1px;
    background: #d7d7d7;
    position: absolute;
    z-index: 0;
    left: 0;
    top: 50%
}

.login_other .title_login_other span {
    background: #fff;
    font-size: 15px;
    color: #787878;
    padding: 0 20px;
    z-index: 1
}

.login-with-social-plp {
    text-align: center
}

.login-with-social-plp a {
    display: inline-block;
    margin: 0 5px
}

.login-with-social-plp img {
    width: 45px;
    height: auto
}

.discount {
    width: 35px;
    height: 35px;
    position: absolute;
    left: 0;
    background: red;
    color: #fff;
    text-align: center;
    line-height: 35px;
    border-radius: 50%;
    z-index: 999
}

.sanpham_flashsale .item:nth-child(1) {
    border-right: 1px solid #f3f5f7
}

.sanpham_flashsale .item .img {
    width: 190px;
    padding: 10px;
    display: flex;
    display: -webkit-flex;
    align-items: flex-start
}

.sanpham_flashsale .img {
    position: relative;
    height: 100%
}

.sanpham_flashsale .img img {
    max-width: 100%
}

.sanpham_flashsale .item .desc {
    width: calc(100% - 95px);
    width: -webkit-calc(100% - 95px);
    padding: 19px 0 0 0
}

.sanpham_flashsale .item .desc h4.title {
    max-height: 32px
}

.sanpham_flashsale .item .desc h4.title {
    font-size: 14px;
    line-height: 1.2;
    color: #3f3f3f;
    overflow: hidden
}

.sanpham_flashsale .item .desc .container-price {
    margin-top: 10px
}

.sanpham_flashsale .item .desc .container-price .black-price {
    font-weight: 700;
    font-size: 18px;
    line-height: 1.2;
    color: #3f3f3f;
    margin-bottom: 3px
}

.sanpham_flashsale .item .desc .container-price .reduce-percent {
    display: inline-grid;
    justify-content: center;
    align-content: center;
    width: 46px;
    height: 22px;
    background: #ee1e25;
    border-radius: 4px;
    font-size: 14px;
    line-height: 14px;
    color: #fff
}

.sanpham_flashsale .item .desc .container-price .price-old {
    margin-left: 7px;
    font-size: 14px;
    line-height: 16px;
    color: #a6a6a6;
    text-decoration: line-through
}

.nk-top-stickers {
    padding-right: 4px;
    position: relative;
    height: 20px;
    overflow: hidden;
    margin-bottom: 3px;
    font-size: 10px;
    line-height: 14px
}

.nk-top-stickers .nk-sticker.nk-new {
    background: #1fb349;
    border-radius: 2px;
    color: #fff;
    z-index: 4
}

.nk-top-stickers .nk-sticker {
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 14px;
    margin-right: 4px;
    padding: 3px;
    float: left;
    position: relative
}

.box_flashsale {
    display: flex;
    display: -webkit-flex;
    background: #fff;
    width: 100%;
    border: 2px solid #fe0000;
    box-sizing: border-box
}

.box_flashsale .sanpham_flashsale {
    width: calc(100% - 256px);
    width: -webkit-calc(100% - 256px)
}

.col-flash-2 .item {
    float: left;
    width: 50%;
    display: flex;
    padding: 0 20px
}

.sanpham_flashsale .item .desc .nk-installment {
    background: #ffd600;
    border-radius: 4px;
    color: #000;
    width: 59px;
    height: 18px;
    display: flex;
    align-items: center;
    text-align: center;
    font-size: 10px;
    line-height: 10px;
    padding: 2px;
    margin-left: 7px
}

.sanpham_flashsale .item .desc .nk-sticker {
    font-size: 10px;
    line-height: 14px;
    margin-right: 4px;
    padding: 3px;
    float: left
}

.sanpham_flashsale .item .desc img {
    width: auto;
    max-width: 100%;
    height: 22px;
    margin-top: 10px
}

.sanpham_flashsale .item .desc .title-shock-price {
    margin-top: 6px;
    margin-bottom: 4px;
    font-weight: 700;
    font-size: 12px;
    line-height: 1.2;
    color: #3f3f3f;
    display: inline-block
}

.sanpham_flashsale .item .desc .price-new {
    font-weight: 700;
    font-size: 22px;
    line-height: 1.2;
    color: #ee1e25
}

.sanpham_flashsale .item .desc .container-timeline {
    display: block;
    align-items: center;
    margin: 15px 0 0 0;
    align-items: center
}

.sanpham_flashsale .col-flash-1 .item .desc .container-timeline p {
    margin-left: 17px;
    font-size: 18px;
    line-height: 1.2;
    color: #3f3f3f
}

.sanpham_flashsale .col-flash-2 .item .desc .container-timeline p {
    margin-left: 0;
    font-size: 14px;
    line-height: 1.2;
    color: #3f3f3f
}

.sanpham_flashsale .col-flash-1 .item .desc .countdown-flash-sale {
    margin-top: 9px
}

.sanpham_flashsale .col-flash-2 .item .desc .countdown-flash-sale {
    margin-top: 9px
}

.sanpham_flashsale .col-flash-2 .item .desc .countdown-flash-sale h4 {
    font-size: 16px;
    line-height: 1.2;
    color: #3f3f3f;
    font-weight: 400
}

.sanpham_flashsale .col-flash-2 .item .desc .countdown-flash-sale .time {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.sanpham_flashsale .col-flash-2 .item .desc .countdown-flash-sale .time span {
    display: block;
    background: #333;
    width: 40px;
    color: #fff;
    border-radius: 10px
}

.sanpham_flashsale .col-flash-2 .item .desc .review_product {
    display: flex;
    font-size: 12px;
    margin-top: 7px
}

.sanpham_flashsale .col-flash-2 .item .desc .review_product * {
    margin: 0
}

.sanpham_flashsale .col-flash-2 .item .desc .review_product .line_break {
    color: #c4c4c4;
    padding: 0 9px
}

.sanpham_flashsale .col-flash-2 .item .desc .review_product .reviewCount {
    color: #a6a6a6
}

.nki-Star-full-new:before {
    color: #ff6b00
}

.sanpham_flashsale .item .desc .container-timeline span.timeline {
    display: block;
    position: relative;
    width: 100%
}

.sanpham_flashsale .item .desc .container-timeline span.timeline::before {
    content: "";
    width: 100%;
    height: 10px;
    border-radius: 8px;
    background-color: #d4d7d9;
    display: block
}

.sanpham_flashsale .item .desc .container-timeline span.timeline span {
    height: 10px;
    border-radius: 8px;
    background: #fe0000;
    position: absolute;
    left: 0;
    top: 0
}

.sanpham_flashsale .item .desc .countdown-flash-sale {
    margin-top: 10px;
    margin-left: -40px;
    width: 120%
}

.sanpham_flashsale .item .desc .countdown-flash-sale .time-cd {
    width: 100%;
    text-align: center;
    display: flex;
    align-items: center
}

.timesale .countdown-flash-sale {
    margin-top: 9px
}

.timesale .countdown-flash-sale {
    margin-top: 9px
}

.timesale .countdown-flash-sale h4 {
    font-size: 16px;
    line-height: 1.2;
    color: #3f3f3f;
    font-weight: 400
}

.timesale .countdown-flash-sale .time {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.timesale .countdown-flash-sale .time span {
    display: block;
    background: #333;
    width: 40px;
    color: #fff;
    border-radius: 10px
}

.timesale .container-timeline span.timeline {
    display: block;
    position: relative;
    width: 100%
}

.timesale .container-timeline span.timeline::before {
    content: "";
    width: 100%;
    height: 10px;
    border-radius: 8px;
    background-color: #d4d7d9;
    display: block
}

.timesale .container-timeline span.timeline span {
    height: 10px;
    border-radius: 8px;
    background: #fe0000;
    position: absolute;
    left: 0;
    top: 0
}

.timesale .countdown-flash-sale {
    margin-top: 0;
    margin-left: 0;
    width: 100%
}

.timesale .countdown-flash-sale .time-cd {
    width: 100%;
    text-align: center;
    display: flex;
    align-items: center
}

#banner-flash-sale {
    line-height: 0
}

.home_flashsale {
    margin-bottom: 20px
}

.flash_sale_detail {
    background: red;
    padding: 10px
}

.flash_sale_detail .giasale {
    color: #fff;
    font-size: 18px;
    float: left
}

.flash_sale_detail .timesale {
    float: right
}
a.a_inbaogia{position: absolute;color: #f00;top: 5px;right: 5px;}
.gianhanggoiy_id{width: 305px;float: right;}
.gianhanggoiy_id h3{font-size: 18px;}
.gachxam{color: #878787;text-decoration: line-through;}
.showText iframe{width: 100%;}
.box_tuvansp{background-color: #eee;width: 100%;border-radius: 12px;padding: 5px;margin-top: 10px;}
.box_tuvansp input{border: none;height: 30px;width: calc(100% - 90px);background: transparent;padding: 0 20px;float: left;}
.box_tuvansp a{background-color: #825b39;color: #fff;float: right;width: 90px;border-radius: 12px;text-align: center;height: 30px;line-height: 30px;}
a.a_watchlist{color: #f00;font-size: 20px;}
.title_page_news {padding-bottom: 15px;text-align: center;}
.title_page_news h1 {font-size: 25px;font-weight: 400;border-bottom: solid #f60 5px;color: #f60;text-transform: uppercase;margin-bottom: 0px;padding-bottom: 10px;line-height: 22px;display: inline-block;}
.menu_news{margin-bottom: 15px;}
.menu_news a { color: #666; margin-bottom: 10px; height: 30px; display: inline-block; padding: 0 20px; line-height: 28px; border-radius: 4px; border: 1px solid #dddddd; }
.menu_news a:hover, .menu_news a.active{background-color: #3d52bf; color: #fff;}
.tin_page_left{width: 780px;float: left;}
.row_news{width: 100%; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #ddd;}
.row_news .img{width: 200px;float: left;}
.row_news .img img{width: 100%; height: auto;}
.row_news .info_news{float: right;width: 565px;}
.row_news .info_news .date_news{color: #9e9595;font-size: 14px;}
.row_news .info_news h3 a{color: #000;font-size: 18px;line-height: 30px;display: block;}
.row_news .info_news h3 a:hover{color: #b13830;}
.row_news .info_news p{font-size: 16px;line-height: 22px;}
.tin_page_right{width: 385px;float: right;margin-left: 15px;padding-left: 15px;}
.tintuc_right_id ul li {
    list-style: none;
    border-bottom: dotted #999 1px;
    padding-bottom: 5px;
    margin-bottom: 5px;
}
.tintuc_right_id ul li a {display: inline-block;line-height: 25px;color: #000;font-size: 16px;text-transform: none;font-weight: 500;transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;width: calc(100% - 34px);padding: 0 5px;vertical-align: top;}
.tintuc_right_id ul li .stt{display: inline-block;background-color: #ddd;border-radius: 5px;width: 30px;height: 30px;line-height: 30px;text-align: center;vertical-align: top;}
.tintuc_right_id ul li a:hover, .duan_id_right ul:hover h3 {color: #6c8d27;}
.widget-title {font-size: 18px;margin: 0 0 15px;padding-bottom: 10px;border-bottom: 2px solid #1c449c;color: #1c449c;text-transform: uppercase;}
.one_new_home ul p {
    font-size: 17px;
    color: #666;
    line-height: 27px;
}
.one_new_home li {
    /* float: left; */
    width: 100%;
    line-height: 0;
    list-style: none;
    position: relative;
    overflow: hidden;
    display: block;
}
.one_new_home li img {
    width: 100%;
    height: auto;
    webkit-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
}
.one_new_home ul {padding-top: 10px;}
.one_new_home ul h3 a, .tti_more ul h3 a {font-size: 20px;font-weight: 500;color: #990000;line-height: 28px;padding-bottom: 10px;display: block;transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;text-transform: none;}
.one_new_home {float: left;width: 680px;/* margin-left: 10px; */}
.one_new_home_right {float: right;width: 480px;padding-left: 20px;margin-left: 20px;border-left: solid #CCC 1px;height: 510px;overflow: auto;}
.one_new_home_right::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 2px rgba(0, 0, 0, 0.1);background-color:#fff;border-radius:5px; box-sizing: border-box;}
.one_new_home_right::-webkit-scrollbar{width:2px;background-color:#fff;box-sizing: border-box;}
.one_new_home_right::-webkit-scrollbar-thumb{border-radius:5px;background-color:#000;box-sizing: border-box;}
.one_new_home_right ul {
    padding-bottom: 13px;
}
.one_new_home_right li { float: left; width: 130px; list-style: none; line-height: 0; position: relative; overflow: hidden; display: block; }
.one_new_home_right li img {
    width: 100%;
    height: auto;
    webkit-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

.one_new_home_right ul h3 a {font-size: 16px;font-weight: normal;color: #000;line-height: 23px;display: block;float: right;width: calc(100% - 140px);transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;}
.one_new_home_right li img:hover, .one_new_home li img:hover {
    transform: scale(1.2);
    opacity: 1;
    -webkit-filter: grayscale(0);
}
.tintuc_page_top{margin-bottom: 15px;}
.row_sp .row_sp_img { float: left; width: 130px; list-style: none; line-height: 0; position: relative; overflow: hidden; display: block; }
.row_sp .row_sp_info{font-size: 14px;font-weight: normal;color: #000;line-height: 23px;display: block;float: right;width: calc(100% - 140px);transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;}
.row_sp .row_sp_info a{display: block;height: 50px;overflow: hidden;color: #000;}
.row_sp .row_sp_info h4 { color: red; font-weight: 400; font-size: 16px; padding: 0 0; line-height: 30px; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; line-height: 30px; display: block; }
.row_sp .row_sp_info h4 span { color: #878787; font-weight: 400; font-size: 14px; text-decoration: line-through; line-height: 24px; }
.m_gianhang{display: none;}
.title_copyright{font-size: 20px;}
.company_time ul li a.a_member{background-color: #825b39;color: #fff;padding: 5px 10px;border-radius: 12px;}
.menu_id_load ul{margin: 0px;list-style: none;line-height: 12px;}
.menu_id_load ul:after{content: '';display: block;clear: both;}
.menu_id_load ul>li{position: relative;}
.menu_id_load ul>li>ul>li{position: relative;display: block;float: unset;}
.menu_id_load ul ul {
    top: 130%;
    visibility: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-box-shadow: 0px 6px 15px rgb(0 0 0 / 12%);
    box-shadow: 0px 6px 15pxrgba(0,0,0,0.12);
    position: absolute;
    /* width: 100%; */
    background: #fff;
    z-index: 100;
    border-radius: 8px;
    left: 0;
    line-height: 26px;
    text-align: left;
    min-width: 160px;
}
.menu_id_load ul ul ul {
    top: 130%;
    visibility: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-box-shadow: 0px 6px 15px rgb(0 0 0 / 12%);
    box-shadow: 0px 6px 15pxrgba(0,0,0,0.12);
    position: absolute;
    /* width: 100%; */
    background: #fff;
    z-index: 100;
    border: 1px solid #ebebeb;
    left: 100%;
    line-height: 26px;
    text-align: left;
}
.menu_id_load ul li a.menu_top_right:hover{background-color: #825b39;color: #fdd017;}
.menu_id_load ul li:hover>a.menu_top_right i {
    transform: rotateX(180deg);
}
.menu_id_load ul li>a.menu_top_right>div {
    display: flex;
    margin-left: 2px;
    align-items: center;
}
.menu_id_load ul>li>ul>li a{display: block;white-space: nowrap;color: #000;padding: 5px 10px;text-transform: uppercase;}
.menu_id_load ul>li>ul>li a:hover{background-color: #825b39; color: #fff;}
.menu_id_load ul li:hover>ul {
    top: 100%;
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
}
.menu_id_load ul li ul li:hover>ul {
    top: 0px;
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
}
.footer_top .col_footer_info {float: left;margin-right: 10px;width: 320px;}
.suport-hover li .icon_zalo img{width: 25px;height: 25px;}
.tieude_page ul{display: none;position: absolute;background: #fff;z-index: 999;right: 0px;/* left: 0px; */box-shadow: 0 22px 43px rgb(0 0 0 / 15%);min-width: 110px;}
.tieude_page ul li{float: none;display: block;padding: 5px 10px;border-bottom: 1px solid #ddd;}
.tieude_page ul li a{font-size: 13px;white-space: nowrap;}
.grid4{margin-left: -10px;margin-right: -10px;}
.box_banner_top{padding-top: 25px;}
.company_time ul li a.a_social{color: #fff; width: 1.5rem; height: 1.5rem; display: inline-block;}
.home_danhmuc{padding: 30px 0; background-color: #fff;}
.box_danhmuc{float: left;width: calc(50% - 20px);margin: 10px;min-height: 250px;border: 1px solid #ddd;border-radius: 12px;overflow: hidden;}
.box_danhmuc:hover{box-shadow: 2px 4px 20px 1.4px rgba(45, 45, 45, 0.13);}
.box_danhmuc .img_danhmuc{float: left;width: 250px;}
.box_danhmuc .img_danhmuc a{display: block;line-height: 0px;}
.box_danhmuc .img_danhmuc img{width: 100%; height: auto;}
.box_danhmuc .list_danhmuc{float: right;width: calc(100% - 280px);padding: 10px 0;}
.box_danhmuc .list_danhmuc h3{font-size: 20px;padding: 10px 0;}
.box_danhmuc .list_danhmuc ul{list-style: none;}
.box_danhmuc .list_danhmuc ul li{display: block;}
.box_danhmuc .list_danhmuc ul li a{display: block;color: #000;position: relative;overflow: hidden;}
.hover-link:hover>span, .hover-link.active>span {
    transform: translateY(100%);
}
.hover-link>span {
    display: block;
    transform: translateY(0);
    transition: all 0.4s;
}
.hover-link:hover::after, .hover-link.active::after {
    transform: translateY(0);
}
.hover-link::after {
    content: attr(data-title);
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    transform: translateY(-100%);
    transition: all 0.4s;
    color: #825b39;
}
.closesearch{color: #825b39;font-size: 20px;display: flex;}
.card-actions {
    position: absolute;
    left: 50%;
    bottom: 1.25rem;
    transform: translateX(-50%) translateY(-10px);
    display: flex;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s;
}
.pro_id_page ul:hover .card-actions {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}
.card-actions a { position: relative; display: flex; width: 3rem; height: 3rem; margin-right: 0.25rem; padding: 0; border: none; color: #000; background-color: #fff; border: 1px solid #ddd; border-radius: 10px; overflow: hidden; cursor: pointer; transition: all 0.2s; align-items: center; }
.card-actions a:hover{background-color: #825b39; border-color: #825b39; color: #fff;}
.card-footer {position: absolute;left: 0;top: 100%;width: 100%;margin-top: -1.55rem;z-index: 3;}
.card-footer a { --ripple-width: 100%; --ripple-time: 0.4s;position: relative;display: inline-block;text-align: center;font-size: 0.9rem;font-weight: 600;color: #fff;fill: #825b39;background: var(--el-gradient2);background: #825b39;text-decoration: none;padding: 0.55em 1.55em;border-radius: 10px;outline: none;border: none;cursor: pointer;overflow: hidden;}
.card-footer a:hover {
    color: #fff;
    fill: #fff;
}
.viewLeft_popup { width: 50%; float: left; height: 460px; }
.viewRight_popup {width: 50%;float: left;padding: 15px;}
.viewRight_popup .desc i {
    color: #825b39;
}
.home_support{padding: 30px 0 0;background-color: #fff;}
.box_home_support{float: left;width: calc(25% - 20px);margin: 0 10px;/* min-height: 250px; */border: 1px solid #ddd;border-radius: 12px;overflow: hidden;display: flex;align-items: center;cursor: pointer;padding: 5px;}
.box_home_support:hover{box-shadow: 2px 4px 20px 1.4px rgba(45, 45, 45, 0.13);}
.box_home_support .img_support{float: left;width: 50px;height: 50px;background-color: #825b39;background: linear-gradient(to right,#825b39 0%,#a46f40 100%);line-height: 50px;text-align: center;color: #fff;font-size: 20px;border-radius: 50%;}
.box_home_support .img_support a{display: block;line-height: 0px;}
.box_home_support .list_support{float: right;width: calc(100% - 60px);}
.box_home_support .list_support h3{font-size: 20px;padding: 5px 0;}
#tencongty_mb{/* display: none; */color: #825b39;font-size: 20px;}
.box_timkiem_top{/* display: block; */flex: 1;}
.i_mobile_search{display: none;}
.closesearch{display: none;}
.head_right{display: flex;align-items: center;flex-direction: row;flex-wrap: wrap;flex-basis: calc(100% - 120px);}
/*mobile */
@media (max-width:1440px){}
@media (max-width:1366px){}
@media (max-width:1280px){*, *:before, *:after {box-sizing: border-box;}.pagewrap{width:100%;}nav{display: none;}.input_search{/* width: 45%; */}.logo_top{width: 115px;}.nav-main-box{width: 180px;}.nav-main-box .cate-title{padding-left: 20px;font-size: 13px;}.menu_id_load ul li a.menu_top_right{font-size: 13px;}.viewLeft{/* width: 355px; */}.viewRight{/* width: 470px; */}.menu_id_load{/* width: calc(100% - 180px); */}.tintuc_page_id ul{width: calc(33.33333% - 20px);}.right_top_id ul li a.hotline, .right_top_id ul li a.buildpc,.right_top_id ul li a{font-size: 15px;}.timkiem_top select{/* width: 125px; */}.search a{font-size: 14px;}.footer_top .col_footer_info{width: 30%;}.footer_top .col_footer{width: 22%;margin-right: unset;padding: 0 10px;}.newsletter_home{width: 25%;}.box_danhmuc{min-height: 250px;}.one_new_home{width: 60%;}.one_new_home_right{width: calc(40% - 20px);}.tin_page_left{width: 60%;}.tin_page_right{width: calc(40% - 15px);}.row_news .info_news{width: calc(100% - 210px);}#tencongty_mb{font-size: 18px;}}
@media (max-width:1024px){body{font-size:16px;}*, *:before, *:after {box-sizing: border-box;}.pagewrap{width:100%;}.header{padding: 10px 0;}.input_search{/* width: 62%; */}.logo_top{width: 115px;}.nav-main-box .cate-title{font-size: 13px;}.nav-main-box{width: 180px;}.menu_id_load{display: none;}.menu_id_load ul li a.menu_top_right{font-size: 13px;padding: 0 6px;white-space: nowrap;}.right_top_id ul li a.hotline{/* font-size: 13px; */}.right_top_id ul li a.buildpc{font-size: 14px;}.logo_top{width: 115px;flex: unset;}.pro_id_page ul{min-height: 359px;width: calc(25% - 20px);}.m_title_home_a{display: inline-block;}.tintuc_home_id.tintuc_slide ul{width: 100%; margin: 0px;}.timkiem_top select{/* width: 120px; */}.viewLeft{width: 32%;}.viewRight{/* width: 370px; */padding: 0 10px;}.sanpham_right{width: 28%;}.titleView h1{font-size: 18px; line-height: 25px;}.sub-cate{left: 210px;}.footer_top .col_footer{width: 245px; margin-right: 5px;}.newsletter_home{width: 270px;}.build-pc .popup-select{width: 100%;}.build-pc .build-pc_content .list-drive .item-drive span.d-name{width: 30%;}.build-pc .build-pc_content .list-drive .item-drive .drive-checked{width: 70%;}.sub-cate{display: none;}.box_home_support .list_support h3{font-size: 17px;}.box_home_support{min-height: 100px;}#tencongty_mb{display: block;}.header-item{padding: 0 10px;}#tencongty_mb{display: none;}}
@media (max-width:980px){.mobile{display:block;}.desktop{display:none;}.header_mobile{display:block;}#menu_mobile{visibility: visible;}.header_mobile{/* background: #811f20; */font-size: 16px;font-weight: bold;color: #fff;line-height: 40px;float: left;box-sizing: border-box;width: 42px;height: 30px;padding: 0 5px;}.header_mobile.fixed{position: fixed;top: 0;left: 0;}.header_mobile a{background: center center no-repeat transparent;background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi/P//PwOtARMDHQBdLGFBYtMq3BiHT3DRPU4YR4NrNAmPJuHRJDyahEeT8Ii3BCDAAF0WBj5Er5idAAAAAElFTkSuQmCC );display: block;width: 30px;height: 30px;/* position: absolute; *//* top: 0; *//* left: 10px; */}nav {display: none;position: fixed;}.box_header_id{display: none;}.taoweb_class{width: 98%;}.company_time ul.right_header li{/* display: none; */}.company_time ul.right_header li.bag_11{display: inline-block;}.header_top{background: #825b39;}.pagewrap768{width: 100%;}.build-pc .popup-select{width: 100%;}.build-pc .popup-select .popup-main .popup-main_content .sort-paging .sort-block span{display: none;}.pro_id_page ul{min-height: 350px;width: calc(25% - 20px);margin-bottom: 15px;}.menu_id_load ul li .header-hotsale::before{padding: 5px 10px;}.menu_id_load ul li .header-baohanh::before{padding: 5px 10px;}.menu_id_load ul li .header-vanchuyen::before{padding: 5px 10px;}.menu_id_load ul li .header-cskh::before{padding: 5px 10px;}.menu_id_load ul li a.menu_top_right{padding: 0 5px;}.banner_home_bottom .banner_home_qc{width: calc(33.3333333% - 20px);}.footer_top{padding: 20px;}.footer_top .col_footer_info{width: 50%;}.newsletter_home{width: calc(50% - 10px);}.right_top_id ul{display: block;}.suport-hover li{width: 50%;}.right_top_id ul li{/* margin-left: unset; */}}
@media (max-width:960px){.box_home_support{width: calc(50% - 20px); margin: 10px;}.box_danhmuc .img_danhmuc{width: 220px;}.box_danhmuc .list_danhmuc{width: calc(100% - 230px);}}
@media (max-width:900px){.mb696{display: none;}.viewRight{width: 50%;}.viewLeft{width: 50%;}.sanpham_right{width: 50%;padding: 0 10px;margin-top: 10px;}}
@media(max-width:854px){.box_danhmuc{min-height: 276px;}}
@media(max-width:818px){.viewLeft{width: 48%;}.viewRight{width: 52%;padding: 0px 0px 0px 10px;}.sanpham_right{width: 52%;padding: 0px 0px 0px 10px; margin-top: 15px;}}
@media(max-width:800px){.banner_home_bottom .banner_home_qc{width: 32.88888%;}.company_time #info_header{display: none;}}
@media(max-width:768px){.company_time ul.right_header{float: left;}.cart_mb{display: block;float: right;}.build-pc .popup-select{width: 100%;}.build-pc .popup-select .header form{width: 100%;margin: unset;}.list-sort{display: none;width: 230px;background: #fff;position: absolute;top: 39px;z-index: 99;}.sortbuild .sort-list a{display: block;width: 100%;margin: 0px;}.build-pc .build-pc_content .list-drive .item-drive span.d-name{width: 30%;padding-left: 0px;line-height: 22px;font-size: 14px;}.build-pc .build-pc_content .list-drive .item-drive .drive-checked{width: 70%;}.build-pc .popup-select .list-product-select .p-item .btn-viewsp{font-size: 14px;}.icon_sort_mb{display: inline-block;}.build-pc .popup-select .list-product-select .p-item .btn-buy{font-size: 14px;line-height: 28px;padding: 0 5px;text-align: center;}.build-pc .popup-select .list-product-select .p-item .btn-viewsp{line-height: 28px;font-size: 14px;padding: 0 5px;text-align: center;}.build-pc .build-pc_content .list-drive .item-drive .drive-checked .contain-item-drive{display: block;}.build-pc .build-pc_content .list-drive .item-drive .drive-checked .contain-item-drive .d-img{width: 25%;float: left;}.build-pc .build-pc_content .list-drive .item-drive .drive-checked .contain-item-drive .d-name{width: 75%;}.build-pc .build-pc_content .list-drive .item-drive .drive-checked .contain-item-drive .d-img img{max-height: 112px;}.banner_home_bottom .banner_home_qc{width: calc(33.3333333% - 20px);}.menu_id_load ul li .header-hotsale::before,.menu_id_load ul li .header-baohanh::before,.menu_id_load ul li .header-cskh::before, .menu_id_load ul li .header-vanchuyen::before{padding: 5px 12px;}.menu_id_load ul li a.menu_top_right{padding: 0px 16px;}.nav-main-box{display: none;}.menu_id_load{width: 100%;}.nav-main-box .cate-title:after{left: 5px;}.sanpham_right{width: 55%;padding: 0 0 0 10px;margin-top: 14px;}.viewLeft{width: 45%;}.viewRight{width: 55%;padding: 0 0 0 10px;}.chonsp_khac .row_spkhac{width: 49.555555%;display: inline-block;vertical-align: top;font-size: 14px;height: 60px;overflow: hidden;}.menu_id_load ul li a{white-space: nowrap; padding: 0 8px;}.build-pc .build-pc_content .list-btn-action li{width: calc(100% / 3); margin-bottom: 10px;}.one_new_home{width: 100%;}.one_new_home_right{padding-left: unset;margin-left: unset;border-left: unset;width: 100%;}.tin_page_left{width: 100%;}.tin_page_right{width: 100%; margin-left: unset;padding-left: unset;}.row_news .img{width: 150px;margin-right:10px;}.row_news .info_news{float: unset;width: 100%;}.box_danhmuc .img_danhmuc{width: 66%;text-align: center;float: unset;}.box_danhmuc .list_danhmuc{width: 100%;padding: 0 20px;}.box_danhmuc{min-height: 490px;}.pro_id_page ul{width: calc(33.333% - 20px)}}
@media(max-width:740px){}
@media(max-width:736px){}
@media(max-width:732px){}
@media(max-width:720px){.header-fixed .input_search{width: 170px;}.logo_top{width: 92px;}.menu_id_load ul li a.menu_top_right{padding: 0 13px;}.timkiem_top{width: 385px;}}
@media(max-width:696px){.mb696{display: none;}#tencongty_mb{font-size: 17px;}}
@media(max-width:668px){.company_time #info_header{display: none;}.header-item{display: flex;}.row-filter .title-filter{width: 100%;}.row-filter .filter-list{width: 100%;}.row-filter .filter-list a.toggle-filter{top: 2px;}.sortby{display: block;}.sortby p{width: 100%;}.sortby .box_sort{width: 100%;display: block;}.sortby .sort-list{white-space: nowrap;overflow: auto;padding: 10px 0;}.sortby .sort-list a{display: inline-block;float: none;}.choose-price-holder input{width: 130px;}.w-30{width: 100%;}.w-70{width: 100%;}.list-filter{max-height: 300px;overflow: auto;display: none;}.icon_mb{display: inline-block;}.tintuc_home_id ul{width: 98%;margin:10px 1%;}.pro_id_page ul{width: calc(50% - 20px);margin-bottom: 15px;}.viewLeft_popup{width: 100%;}.viewRight_popup{width: 100%;}.timkiem_top{width: 355px;}}
@media(max-width:641px){.timkiem_top{width: 320px;}}
@media(max-width:600px){.banner_home_bottom .banner_home_qc{width: 49.5555%;margin-bottom: 15px;}.box_danhmuc{width: calc(100% - 40px);margin: 10px 20px;}.timkiem_top{width: 320px;}.box_timkiem_top{position: relative;left: unset;right: unset;width: 100%;/* display: none; */}.closesearch{display: inline-block;}.timkiem_top{width: 100%;display: block;}.search{width: calc(100%);}.header-item{}.timkiem_top select{display: none;}.input_search { width: calc(100% - 40px); }}
@media(max-width:568px){.icon_header_pc{display: none;}.menu_id_load ul li{width: 50%;}.one_new_home{width: 100%;}.one_new_home_right{padding-left: unset;margin-left: unset;border-left: unset;width: 100%;}.tin_page_left{width: 100%;}.tin_page_right{width: 100%; margin-left: unset;padding-left: unset;}.row_news .img{width: 150px;margin-right:10px;}.row_news .info_news{float: unset;width: 100%;}.box_home_support{width: calc(100% - 40px);margin: 10px 20px;}.banner_home_bottom .banner_home_qc{width: calc(100% - 40px);margin: 10px 20px;}#tencongty_mb{display: none;}.suport-hover li{width: 100%; border-right: unset;}.autocomplete-suggestions{display: none !important;}}
@media(max-width:480px){.logo_top{width: 30%; margin-left: unset;padding: 0 10px;}.right_top_id{padding: 0px 10px;text-align: left;margin: 5px 0;}.right_top_id ul{display: block;}.right_top_id ul li{/* margin-left: unset; *//* float: right; *//* width: 200px; *//* text-align: center; */}.right_top_id ul li a.hotline{font-size: 16px;}.pro_id_page ul{width: calc(50% - 20px);min-height: 365px;}.banner_home_bottom .banner_home_qc{width: 100%;}.pro_id_page ul h4 span{display: block;}.tieude_page h3{font-size: 16px;}.newsletter_home{width: 100%;padding: 0 10px;}.menu_id_load{width: 100%;}.menu_id_load ul li{width: 50%;}.menu_id_load ul li li{width: 100%;}.tintuc_page_id ul{width: 100%; margin: 10px 0;padding: 0 10px}.viewLeft{width: 100%;}.viewRight{width: 100%; padding: 0px;}.sanpham_right{width: 100%; margin-top: 10px;}.side{width: 12%;}.middle{width: 76%;}.form-control{padding: 5px;}.danhsachdoonhang ul .img{width: 30%;}.danhsachdoonhang ul h3{width: 70%;padding-left: 0px;}.danhsachdoonhang ul h4{width: 35%;}.build-pc .build-pc_content .list-drive .item-drive span.d-name{width: 100%;}.build-pc .build-pc_content .list-drive .item-drive .drive-checked{width: 100%; border-left: unset;}.build-pc .build-pc_content .list-btn-action li{width:calc(100% / 2);float: left;margin-bottom: 10px;}.build-pc .popup-select .list-product-select .p-item .btn-buy{position: relative;bottom: 0px; right: 0px;}.build-pc .build-pc_content .list-drive .item-drive .drive-checked .contain-item-drive{display: block;}.build-pc .build-pc_content .list-drive .item-drive .drive-checked .contain-item-drive .d-img img{max-height: 165px;}.build-pc .build-pc_content .list-drive .item-drive .drive-checked .contain-item-drive .d-img{width: 100%;float: unset;}.build-pc .build-pc_content .list-drive .item-drive .drive-checked .contain-item-drive .d-name{width: 100%;}.build-pc .popup-select .list-product-select .p-item .info{padding: 0px;}.build-pc .popup-select .list-product-select{max-height: 100vh;}.footer_top .col_footer_2{width: 100%;}.footer_thanhtoan{width: 100%; margin-left: unset;}.pro_id_page ul p{font-size: 14px;}.footer_top .col_footer{width: 100%; padding: 0 10px;}.nav-main-box{display: none;}.icon_header_pc{display: none;}.m_gianhang{display: block;}.d_gianhang{display: block;}.head_right{width: calc(100% - 92px);flex: 1;justify-content: center;flex-direction: column;align-items: flex-end;}}
@media(max-width:414px){}
@media(max-width:376px){.right_top_id{padding: 0px;}}
@media(max-width:360px){}
@media(max-width:320px){}
@media(max-width:240px){}