.empty {
    padding: 50px 0;
    text-align: center;
}

.pagination{margin:15px 0;font-size:13px;text-align:right;clear:both}
.pagination a{display:inline-block;margin-left:2px;padding:8px 15px;background-color:#f4f4f4;border-radius:3px}
.pagination a:hover{background-color:#fe7600;color:#fff}
.pagination a.current{color:#fff;background-color:#fe7600}
.pagination span{display:inline-block;padding:0 6px}

.menu {
    display: block;
    overflow: visible;
    clear: both;
    margin: auto;
    width: 100%;
    max-width: 1200px
}

.menu li {
    display: inline-block;
    margin: 10px 0;
    position: relative
}

.menu li a {
    display: block;
    padding: 6px 10px;
    font-size: 15px;
    color: #333;
    text-transform: uppercase;
    font-weight: 600;
    background: #fff;
    border-radius: 2px
}

.menu li a:hover {
    color: #4a90e2
}

.menu li a.actmenu {
    background: #fed701
}

.menu li a.actmenu:hover {
    color: #333
}
/*table */
table{width: 100%; max-width: 100%;border-collapse: collapse; }
table>thead>tr>th {border-bottom: 1px solid #bbb; text-align: left; font-weight: 600; }
table>tbody>tr>td, table>tbody>tr>th, table>tfoot>tr>td, table>tfoot>tr>th, table>thead>tr>td, table>thead>tr>th {
    padding: 8px 10px; line-height: 1.5384616; vertical-align: middle; border-top: 1px solid #ddd
}
table td, table th, table tr{transition: background-color .15s ease-in-out }
table tbody>tr:nth-of-type(odd) {background-color: #fcfcfc; }
table>tbody>tr:hover, table>tbody>tr.active>td, table>tbody>tr.active>th, table>tbody>tr>td.active, table>tbody>tr>th.active, table>tfoot>tr.active>td, table>tfoot>tr.active>th, table>tfoot>tr>td.active, table>tfoot>tr>th.active, table>thead>tr.active>td, table>thead>tr.active>th, table>thead>tr>td.active, table>thead>tr>th.active {
    background-color: #f6f6f6;
}
table td {border: 1px solid #ddd}

article, .bottom {
    display: block;
    overflow: hidden;
    width: 800px;
    margin: auto;
}

article p,
article h2,
article h3,
article h4 {
    margin: 20px auto;
    font-size: 16px;
    color: #333;
    line-height: 28px
}

article h3, article h2 {
    font-size: 18px;
    line-height: 30px;
    font-weight: bold;
}

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

article a, article a:hover, article a:active {color: #288ad6}
article h3, article h3 a {color:#1d71ab}
article h2, article h2 a {color:#1d71ab}
article h4, article h4 a{color:#1d71ab}

article ul,
article ol {
    margin: 10px auto;
}

article ul li {
    list-style-type: disc;
    margin-left: 15px;
    line-height: 25px;
    font-size: 16px
}

article table {
    margin: 10px auto;
    border-collapse: collapse;
    max-width: 100%;
    font-weight: 300;
    width: 100%
}

article table+table {
    margin-top: 15px
}

article table ul,
article table ol {
    width: auto
}

article td,
article th {
    padding: .3em;
    border: 1px #ccc solid;
    width: auto
}

article td p,
article th p {
    width: auto
}

article .fbiframe {
    text-align: center
}

.wrapvideo h1 {
    color: #fff
}

.titledetail {
    color: #333;
    display: block;
    font-family: "Roboto Condensed",sans-serif;
    font-size: 32px;
    font-weight: 600;
    line-height: 43px;
    margin: auto;
    overflow: hidden;
}
.userdetail {
    display: block;
    overflow: hidden;
    margin: 0 10px 0 0;
    padding: 15px 0 0
}
.userdetail a , .userdetail a:hover{
    color: #333;
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    margin: 0;
    overflow: hidden;
    vertical-align: middle;
}

.userdetail span {
    color: #b10000;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    margin: -2px 5px 0;
    vertical-align: middle;
}
.userdetail span::before {
    color: #555;
    content: "•";
    display: inline-block;
    font-size: 18px;
    margin-right: 8px;
    vertical-align: middle;
}

/* comment box */

#btnrank {
    padding: 6px 10px;
    border: 1px solid #288ad6;
    background: #288ad6;
    font-size: 13px;
    color: #fff;
    border-radius: 4px;
    text-align: center;
    float: left;
    cursor: pointer;
}
.comment_box .bd {padding: 10px 0;}
.comment_box .pagination{padding-top:10px}
.comment_box .empty{min-height: 10px}
.comment_box div.req{top:20px;right:20px}
.comment_box .action-comment{margin: 10px 0}
.comment_box textarea{
    width:320px;padding: 10px;
    border:1px solid #ddd;box-sizing: border-box;
    display: inline-block;
    float: left;
    margin-right: 10px;
    height: 85px;
}
.comment_box .col-input{
    width: 450px;
    float: left;
    display: inline-block;
    box-sizing: border-box;

}
.comment_box .col-input .input-text{
    width: 48%;display: inline-block;
    float: left;
    padding: 10px;
    box-sizing: border-box;
}
.comment_box .col-input input[type='text'], .comment_box .col-input input[type=tel]{
    border:1px solid #ddd;
    margin: 0 2px 5px
}
.comment_box .action-comment .button{text-transform: uppercase;height:40px}
.action-comment .captcha{vertical-align: middle}

.btn-comment {
    background: #288ad6;
    padding: 11px;
    width: 47%;
    margin-left: 5px;
    border-radius: 5px;
    text-transform: uppercase;
}

.wrapcomment {
    position: relative;
    display: block;
}
.form_upload {
    width: 320px;
    position: absolute;
    padding: 5px;
    bottom:10px;
    height: 40px;
    left: 0;
    z-index: 5;
    box-sizing: border-box;
    background: #f7f7f7;
    border-top: 1px solid #ddd;
    display: none
}

.form_upload form input {
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    font-size: 14px;
    color: #999;
    padding: 5px;
    margin: 5px 0;
    height: 28px;
    width: 43%;
    display: inline-block;
    float: left;
    margin-right: 10px;
    color: #333
}
.form_upload form label {
    height: 35px;
    width: 160px;
    display: block;
    cursor: pointer;
}
.form_upload form label span{
    padding-left: 26px;
    display: inline-block;
    background: url('../img/camera.png') no-repeat;
    background-size: 23px 20px;
    margin: 5px 0 0 10px;
}

.upload_preview {
    display: block;
    margin: 20px 0 0;
}
.upload_preview li {
    float: left;
    margin-right: 20px;
    position: relative;
}
.upload_preview li img {
    max-width: 100px;
}
.upload_preview li i {
    border: solid 1px #4d4d4d;
    background: #4d4d4d;
    height: 25px;
    width: 25px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    position: absolute;
    color: #fff;
    font-size: 16px;
    text-align: center;
    padding-top: 2px;
    padding-left: 1px;
    cursor: pointer;
    font-style: normal;
    box-sizing: border-box;
    right: -10px;
    top: -10px;
}

.comment_list{margin-top: 10px}
.comment_list li{padding:5px 0;list-style: none}
.comment_list li .info{margin-bottom:5px;padding:5px 10px;font-size:14px;line-height:20px}
.comment_list li .name{font-size:14px;padding-right:10px;font-weight: bold}
.comment_list li .drop{float:right;display:inline-block;padding:2px 8px;white-space:nowrap;color:rgba(255,255,255,1);text-shadow:0 1px 1px rgba(0,0,0,0.3);background-color:#333;background-image:-webkit-linear-gradient(top, #666, #333);background-image:-moz-linear-gradient(top, #aaa, #666);background-image:-o-linear-gradient(top, #666, #333);background-image:-ms-linear-gradient(top, #666, #333);border-radius:3px;opacity:0.8}
.comment_list li  .drop:hover{opacity:1}
.comment_list li .name .comment_buy {color: #2ba832;font-size: 13px;font-weight: normal}
.comment_list li .name .comment_buy:before {
    content: "✓";
    background: #3fb846;
    border: 1px solid #3fb846;
    color: #fff;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    margin:0 5px;
    text-align: center;
    padding: 0;
    line-height: 10px;
    display: inline-block;
    vertical-align: middle;
    font-size: 8px;
}
.comment_list li .talk{
    padding: 8px 0;
    font-size: 14px;
    line-height: 18px;
}
.comment_list li .talk .time{font-size:12px;color:#b10000}
.comment_list li .talk .title{padding:5px 0}
.comment_list li .talk .type{padding-right:5px}
.comment_list li .talk .text{display:block;padding:0;font-size: 14px;line-height: 1.3}
.comment_list li .talk .reply{
    display: block;
    position: relative;
    margin: 10px 0 0 0;
    padding: 10px 15px 0 12px;
    clear: both;
    font-size: 14px;
    color: #333;
    line-height: 24px;
    background: #f8f8f8;
    border: 1px solid #dfdfdf;
}
.reply:after, .reply:before {
    top: -20px;
    left: 18px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.reply:before {
    border-color: rgba(238,238,238,0);
    border-bottom-color: #f8f8f8;
    border-width: 11px;
    margin-left: -11px;
    z-index: 1;
}
.reply:after {
    border-color: rgba(255,255,255,0);
    border-bottom-color: #dfdfdf;
    border-width: 10px;
    margin-left: -10px;
}
.comment_list li .talk .reply p{padding:5px 0}
.comment_list li .talk .reply .name{color:#333;font-weight: normal}
.comment_list li .talk .reply .name font{color: #fff;background: #39b54a;padding: 5px;border-radius: 3px;text-transform: uppercase;font-size: 12px;font-weight: normal}
.btnreply {color: #288ad6;font-size: 12px;margin-right: 10px;cursor: pointer}
.rating {
    color: #288ad6;
    padding: 0;
    display: inline-block;
}
.rank{display:inline-block;height:12px;width:70px;text-indent:-999em;background:url('../img/stars.gif') no-repeat left top;vertical-align: middle;background-size: 65px 67px}

.rank_2{background-position:0 -14px}
.rank_3{background-position:0 -27px}
.rank_4{background-position:0 -40px}
.rank_5{background-position:0 -52px}

.user_photos li {
    display: inline-block;
    float: left;
    margin-right: 5px;
}
.user_photos li img {height: 50px;width: auto}


.star-rank>span{line-height: 24px;height:24px;display: inline-block;float: left;vertical-align: middle}
.star-rank>span.star-rating-control{margin-left: 20px;padding-top: 5px}
.star-rating{float:left;width:19px;height:15px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden}
.star-rating, div.star-rating a{background:url('../img/stars.gif') no-repeat -19px 0}
.star-rating a{display:block;width:17px;height:15px;background-position:-19px 0 !important;border:0}
.rating-cancel, div.rating-cancel a{display:none}
.star-rating-on a, .star-rating-hover a{background-position:0 0 !important}
.star-rating-readonly a{cursor:default !important}
.star-rating{background:transparent!important;overflow:hidden!important}
 #star_tip{
    display: none;
    margin-left: 10px;
    position: relative;
    background: #52b858;
    color: #fff;
    padding: 2px 8px;
    box-sizing: border-box;
    font-size: 12px;
    border-radius: 2px;
}

.iconcom-user {
    background-color: #ccc;
    color: #444;
    font-size: 12px;
    font-style: normal;
    height: 24px;
    line-height: 24px;
    margin-right: 7px;
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
    width: 24px;
}



/* reviews */
.comment_box .toprt {
    border: solid 1px #ddd;
    border-radius: 5px;
    padding: 5px 15px;
    margin-bottom: 20px;
}
.comment_box.crt {
    height: 120px;
    box-sizing: border-box;
}
.comment_box .crt .lcrt {
    width: 17%;
    float: left;
    border-right: solid 1px #eee;
    padding-top: 31px;
    height: 90%;
    text-align: center;
     display: inline-block;
    box-sizing: border-box;
    margin: 5px 10px 5px 5px;
}
.comment_box .crt .rank_start{
    background-position:0 0;
    width: 12px;
}
.comment_box .crt .number_star {
    font-size: 18px;
    display: block;
}
.comment_box .crt .rank_text {padding: 5px 0;}
.comment_box .crt .lcrt b {
    font-size: 40px;
    color: #fd9727;
    line-height: 40px;
}
.comment_box .crt .rcrt {
    font-size: 13px;
    overflow: hidden;
    box-sizing: border-box;
    padding: 10px 0;
    width: 45%;
    float: left;
    display: inline-block;
    border-right: solid 1px #eee;
}
.comment_box .crt .rcrt .r {
    padding: 1px 20px;
}
.comment_box .crt .rcrt span.t {
    display: inline-block;
    color: #333;
}
.comment_box .crt .rcrt .bgb {
    width: 55%;
    background-color: #e9e9e9;
    height: 5px;
    display: inline-block;
    margin: 0 10px;
    border-radius: 5px;
}
.comment_box .crt .rcrt .bgb .bgb-in {
    background-color: #f25800;
    background-image: linear-gradient(90deg,#ff7d26 0%,#f25800 97%);
    height: 5px;
    border-radius: 5px 0 0 5px;
    max-width: 100%;
}
.comment_box .crt .rcrt span.c {
    display: inline-block;
    color: #288ad6;
    cursor: pointer;
}
.comment_box .crt .bcrt {
    overflow: hidden;
    float: left;
     display: inline-block;
}
.comment_box .crt .bcrt a {
    display: block;
    width: 200px;
    margin: 41px auto 0 40px;
    padding: 10px;
    color: #fff;
    background-color: #288ad6;
    border-radius: 5px;
    text-align: center;
    box-sizing: border-box;
}

.comment_box .txtEditor {
    height: 60px;
    width: 100%;
    margin-bottom: 20px;
}

/* end comment reviews */


/* Tin lien quan */
.titlerelate {
    display: block;
    overflow: hidden;
    font-size: 18px;
    font-weight: 600;
    color: #333;
    font-family: 'Roboto Condensed',sans-serif;
    line-height: 26px;
    text-transform: uppercase;
    padding: 30px 20px 10px;
    margin: 0 20px;
    border-top: 1px solid #eee;
}
.newsrelate {
    display: block;
    overflow: hidden;
}
.newsrelate li {
    float: left;
    overflow: hidden;
    width: 30%;
    margin-left: 2.5%;
    margin-bottom: 15px;
}
.newsrelate li:nth-child(3n+1) {
    clear: both;
}
.newsrelate li a {
    display: block;
    overflow: hidden;
}
.newsrelate li .tempvideo {
    display: block;
    position: relative;
    height: 105px;
    overflow: hidden;
}
.newsrelate li img {
    display: block;
    width: 100%;
    max-height: 135px;
    margin: 0 auto;
}
.newsrelate li h3 {
    display: block;
    overflow: hidden;
    line-height: 1.3em;
    font-size: 16px;
    color: #333;
    line-height: 22px;
    font-weight: 300;
    font-family: Arial,Helvetica,sans-serif;
    width: auto;
    margin: 5px auto;
}
.newsrelate li .timepost {
    margin-top: 2px;
    display: block;
    overflow: hidden;
    font-size: 13px;
    color: #b10000;
}

.homeproduct {
    clear: both;
    display: block;
    background: #fff;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    flex: 1 100%;
    border-top: 1px solid #eee;
    margin: 20px 0;
}
.homeproduct li {
    float: left;
    overflow: hidden;
    width: 25%;
    padding: 0 5px;
    box-sizing: border-box
}
.goods_related_cate .homeproduct li {
    width: 20%;
}
.homeproduct li h3 {
    display: block;
    color: #333;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    padding-top: 10px;
    font-size:14px;
    line-height: 20px;
    margin: 0;
}

.homeproduct li .desc {
    color: #333;
    line-height: 1.5;
    padding: 10px 10px 0 0
}

.homeproduct li .desc span {
    display: block
}

.homeproduct li a {
    display: block;
    overflow: hidden;
    color: #288ad6
}

.homeproduct li a img {
    width: 150px
}
.homeproduct li .price {
    display: block;
    overflow: hidden;
    padding: 5px 10px 10px 10px
}
.homeproduct li .price strong {
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    font-size: 14px;
    color: #e10c00;
    line-height: 15px
}
.homeproduct li .price span, .homeproduct li del {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    font-weight: normal;
    text-decoration: line-through;
    margin-left: 5px;
    color: #222
}