﻿* { padding: 0; margin: 0; }
html { overflow-y: scroll; }
body { color: white; font-family: Arial; font-size: 12px; text-align: left; background-color: #26701B; }
a { color: #FF3300; text-decoration: none; }
a:hover { color: #0000FF; }

a img, img { border: none; }
td { vertical-align: top; }
.wrapper { color: #333; width: 1220px; text-align: left; margin: 0px auto; background-color: White; }
.vide { clear: both; line-height: 0px; font-size: 0px; height: 0%; display: block; }
.header_content { position: relative; min-height: 180px; height: auto !important; height: 180px;
                  background: url(../images/header_bg.jpg) repeat-x left top;
}
.box_language { position: absolute; top: 20px; left: 690px; height: 30px; }
.box_language .i-lang-vi { display: inline-block; margin-right: 10px; }
.box_language .i-lang-en { display: inline-block; }
.box_language img { width: 26px; }
.box_mnu_top { position: absolute; left: 10px; bottom: 23px; background: url(../images/bg_menu.gif) no-repeat left top; width: 980px; }
.w-content { padding-left: 10px;
             padding-right: 10px;
             padding-top: 0px;
             padding-bottom: 10px;
}
.w-left { float: left; width: 200px; }
.w-left .content { padding: 5px; }
.w-l1-right { float: right; width: 990px; }
.w-right { width: 190px; float: right; }
.w-center { float: left; width: 790px; }
.box_mnu_left { }
.box_mnu_left .header { background: url(../images/bg_mnu_h_left.gif) no-repeat left top; line-height: 34px; font-weight: bold; text-transform: uppercase; color: white; font-size: 14px; text-align: center; }
.box_mnu_left .header .l1 { }
.box_banner_intro { margin-bottom: 10px; }
.box_common { margin-top: 10px; }
.box_common .header { color: white; background: url(../images/bg_ctr_header.gif) repeat-x left top; }
.box_common .header span { background: url(../images/icon3.gif) no-repeat 10px center; line-height: 30px; font-weight: bold; font-size: 14px; display: block; padding-left: 30px; }
.box_common .content { padding-top: 15px; border: 1px solid #999; border-top: none; background: url(../images/bg_content_search.gif) repeat-x left bottom; }
.box_common .content span.RadInput_Telerik { display: block; overflow: hidden; width: 162px; margin: 0px auto; }
.box_common .content .RadComboBox_Telerik { width: 162px; margin: 0px auto; display: block !important; padding: 10px 0px; }
.box_common .content .i-search { background: url(../images/bg_search1.gif) no-repeat left top; border: none; height: 23px; width: 82px; text-align: center; color: White; margin-bottom: 15px; margin-left: 20px; font-family: Tahoma, Arial; font-size: 11px; font-weight: bold; cursor: pointer; }
.box_common .content .sp-item { text-align: center; margin-bottom: 5px; }
.box_common .content .tel-hotline { width: 85%; margin: auto; border-bottom: 1px solid #999; padding-top: 10px; margin-bottom: 5px; }
.box_common .content .c-hotline { background: url(../images/icon4.gif) no-repeat 10px 5px; padding: 10px 0px 20px 50px; color: Red; font-weight: bold; font-size: 16px; }
.box_left_adv { padding-top: 10px; width: 100%; overflow: hidden; }
.box_top_product .content { padding-bottom: 15px; }
.box_common .content #demo { overflow: hidden; max-height: 300px; width: 100%; }
.box_common .content #demo .item .img { display: block; overflow: hidden; text-align: center; }
.box_common .content #demo .item .img a { border: 1px solid #D7D7D7; padding: 8px; display: block; width: 120px; margin: auto; }
.box_common .content #demo .item .img a img { width: 100%; }
.box_common .content #demo .item .title { display: block; overflow: hidden; text-align: center; padding: 2px 0px; }
.box_common .content #demo .item .title a { font-weight: bold; line-height: 20px; color: #336600; font-size: 12px; }
.box_news_top .content { padding-bottom: 10px; }
.box_news_top .content .a_item { padding: 5px; background: url(../images/icon_li.gif) no-repeat 10px 10px; padding-left: 20px; }
.box_news_top .content .a_item a { color: #024B02; }
.box_news_top .content .a_item a:hover { color: #0000FF; text-decoration: underline; }
.w-bottom { background: url(../images/bg_main_footer.gif) repeat-x left top; }
.w-bottom .f_left { float: left; width: 380px; overflow: hidden; }
.w-bottom .f_center { width: 450px; float: left; overflow: hidden; }
.w-bottom .f_right { float: right; width: 380px; text-align: right; overflow: hidden; margin-right:10px; margin-top:10px;}
.w-bottom .f_right span { font-weight: bold; margin-top: 10px; color: white; display: inline-block; padding-right: 10px; }
.box_alexa { background: url(../images/icon5.gif) no-repeat 15px center; background: none; padding-left: 50px; line-height: 32px; }
.box_alexa span { color: Red; }
.box_footer { color: #444141; line-height: 30px; text-align: left; padding: 10px; margin-left:10px;}
.box_top_product_new .header, .box_lst_product .header { background: url(../images/bg_index_left.gif) no-repeat left top; padding-left: 10px; }
.box_top_product_new .header .l1, .box_lst_product .header .l1 { background: url(../images/bg_index_right.gif) no-repeat right top; padding-right: 10px; }
.box_top_product_new .header .l1 span, .box_lst_product .header .l1 span { background: url(../images/bg_index_center.gif) repeat-x left top; display: block; line-height: 33px; font-weight: bold; font-size: 14px; color: White; }
.box_top_product_new .content, .box_lst_product .content, .box_product .content { border: 1px solid #999; border-top: none; padding: 19px; }
.box_lst_product .content, .box_product .content { background: url("../images/bg_content_search.gif") repeat-x scroll left bottom transparent; }
.border_lstP { width: 100%; overflow: hidden; }
.border_lstP .lst_product { display: block; }
.border_lstP .lst_product br { clear: both; }
.border_lstP .lst_product .css_item_common { float: left; margin-right: 15px; margin-bottom: 20px; width: 172px; display: block; position: relative; }
.border_lstP .lst_product .css_item_common a.img { display: block; border: 1px solid #999; padding: 4px; }
.border_lstP .lst_product .css_item_common a.img img { width: 100%; height: 120px; }
.border_lstP .lst_product .css_item_common .title { padding: 15px 0px 5px 0px; text-align: center; display: block; height:30px; }
.border_lstP .lst_product .css_item_common .title a { font-weight: bold; font-size: 12px; color: #336600; }
.border_lstP .lst_product .css_item_common .price, .box_common .content #demo .item .x-price { font-weight: bold; text-align: center; display: block; }
.box_common .content #demo .item .x-price { padding-bottom: 10px; display: block; color: red; text-align: center; width: 100%; height: 15px; overflow: hidden; }
.box_product .content .box_c1 { overflow: hidden; width: 100%; }
.box_product .content .box_c1 .left { float: left; width: 350px; margin-right: 10px; margin-bottom: 10px; }
.box_product .content .box_c1 .left a { display: block; border: 1px solid #999; padding: 4px; }
.box_product .content .box_c1 .left a img { width: 100%; }
.box_product .content .box_c1 .right { display: block; }
.box_product .content .box_c1 .right .title { font-weight: bold; font-size: 26px; padding-bottom: 7px; color: Green; }
.box_product .content .box_c1 .right .shortcontent, .box_product .content .box_c1 .right .empty { padding-bottom: 5px; line-height: 20px; }
.box_product .content .box_c1 .right .shortcontent span { font-weight: bold; }
.other_product .header { padding-top: 10px; padding-bottom: 20px; background-image: none; }
.other_product .header span { background: url("../images/icon-header.gif") no-repeat scroll 10px center #07AA10; color: White; display: block; font-size: 14px; font-weight: bold; line-height: 30px; padding-left: 30px; }
.box_contact { margin-top: 0px; }
.box_contact .content { padding: 15px 10px 10px; }
.tbc_contact { margin-top: 20px; }
.tbc_contact td { padding: 5px 0px; }
.tbc_contact td.td_left { width: 120px; font-weight: bold; }
.tbc_contact td.td_right input { width: 250px; }

.tbc_contact td.td_left span { color: Green; }
.tbc_contact td.process span { color: Green; font-weight: bold; font-style: italic; }
.ibox_alexa .content { padding: 10px; line-height: 20px; }
.ibox_alexa .content span { color: Red; }
.border_lstP .lst_product .css_item_common .icon-basket { display: block; position: absolute; top: 98px; right: 5px; border: 1px solid #FFF; background-color: #DFDF00; padding: 2px; }
.border_lstP .lst_product .css_item_common a.icon-basket img { width: 26px; }
.border_lstP .lst_product .css_item_common a.icon-basket:hover { border-color: #075F06; background-color: Yellow; }
.border_lstP .lst_product .css_item_common .new
{
    display: block;
    position: absolute;
    top: 5px;
    left: 5px;
    width: 25px;
    height: 14px;
    background-color: #2d6bdb;
    color: #FFFFFF;
    font-size: 10px;
    padding: 2px;
}
.border_lstP .lst_product .css_item_common .sale
{
    display: block;
    position: absolute;
    top: 5px;
    left: 5px;
    width: 29px;
    height: 14px;
    background-color: #FF3300;
    color: #FFFFFF;
    font-size: 10px;
    padding: 2px;
}
.order-product { margin-top: 10px; display: block; line-height: 25px; }
.order-product a { font-weight: bold; color: Green; }
.order-product a:hover span { text-decoration: underline; }
.box-baseket, .box_ibaseket { margin-top: 0px; }
.box-baseket .content { border: none; }
.box_ibaseket .content { padding: 10px; }
.box_ibaseket .content a { color: #333; cursor: pointer; }
.box_ibaseket .content a:hover { color: Red; text-decoration: underline; }
.box-baseket .content span.RadInput_Telerik { width: 75px; }
.lst_product .box_more
{
    color: #d60c0c;
    font-size:20px;
    line-height: 20px;
    text-align: center;
    display: block;
    width: 100%;
    height: 24px;
    overflow: hidden;

}
.lst_product .oldprice
{
    float: left;
    width: 75px;
    height: 18px;
    padding-left: 0px;
    padding-right: 10px;
    margin-top: 5px;
    border-right: solid;
    border-right-width: 1px;
    border-right-color: #999;
    overflow: hidden;
    color: #444141;
    font-size: 16px;
    line-height: 16px;
    text-decoration: line-through;
    text-align: right;
    display: block;
}
.lst_product .saleoff
{
    float: left;
    width: 75px;
    height: 18px;
    padding-left: 10px;
    padding-right: 0px;
    margin-top: 5px;
    overflow: hidden;
    color: #d60c0c;
    font-size:16px;
    font-weight:bold;
    line-height: 16px;
    display: block;
}
.swapp { width: 100%; overflow: hidden; }
.swapp .box_pager { margin-bottom: 10px; }
.mor_item_search { padding: 0px 10px; margin-top: 10px; }
.mor_item_search .item { padding-bottom: 10px; }
.mor_item_search .left { float: left; width: 125px; margin-right: 15px; }
.mor_item_search .left a { display: block; margin-bottom: 2px; }
.mor_item_search .left a img { width: 100%; }
.mor_item_search .title { font-size: 14px; padding-bottom: 5px; font-weight: bold; }
.mor_item_search .title a { color: green; }
.mor_item_search .time { padding-bottom: 5px; font-style: italic; }
.mor_item_search .s_content { line-height: 150%; }
.mor_item_search .css_mess { font-weight: bold; padding-bottom: 10px; display: block; }
.mor_item_search .css_mess span { color: red; }
.sp_header_search { padding: 0px 10px; height: 30px; }
.sp_header_search .css_btn_search { margin-top: 0px; float: left; border: none; width: 81px; height: 23px; color: white; font-size: 11px; font-weight: bold; margin-left: 10px; background: url("../images/bg_search1.gif") no-repeat scroll left top rgba(0, 0, 0, 0); }
.sp_header_search span.RadInput { float: left; margin-top: 1px; }
.soption { padding: 10px; }
.soption span { display: block; }
.soption label { padding-right: 20px; }
.box_product .price
{
    color: #d60c0c;
    font-size:20px;
    line-height: 20px;
    margin-top: 5px;
}
.box_product .price span { color: black; }
.box_product .oldprice
{
    float: left;
    width: 75px;
    height: 18px;
    padding-left: 0px;
    padding-right: 10px;
    margin-top: 5px;
    border-right: solid;
    border-right-width: 1px;
    border-right-color: #999;
    overflow: hidden;
    color: #444141;
    font-size: 16px;
    line-height: 16px;
    text-decoration: line-through;
    text-align: right;
    display: block;
}
.box_product .saleoff
{
    float: left;
    width: 265px;
    height: 18px;
    padding-left: 10px;
    padding-right: 0px;
    margin-top: 5px;
    overflow: hidden;
    color: #d60c0c;
    font-size:16px;
    font-weight:bold;
    line-height: 16px;
    display: block;
}
.box_support_small { }
.box_support_small .grtitle { font-weight: bold; color: #FF3D3D; font-size: 14px; text-align: center; padding-bottom: 5px; }
.box_support_small .y_item, .box_support_small .s-item, .box_support_small .t-item, .box_support_small .name-item { text-align: center; padding-top: 3px; font-weight: bold; }
.box_support_small .sp_spc { border-bottom: 1px dotted #07AA10; margin: 10px 75px; }
.box_support_small .sp_sp { border-bottom: 1px dotted red; margin: 10px auto; width: 75%; }
.box_support_small .t-item { color: #1F468C; }
.box_support_small .d-item { width: 100%; overflow: hidden; margin-top: 7px; }
.grnick .y_item, .grnick .s-item { float: left; overflow: hidden; }
.grnick .s-item { text-align: left; width: 49%; }
.grnick .y_item { text-align: right; width: 49%; }
.grnick .s-item img { height: 35px; }
.grnick .y_item img { height: 17px; width: auto; margin-top: 6px; }
.m-link { text-align: right; border-top: 1px dotted #ccc; margin-top: -10px; padding-top: 10px; }
.m-link a { font-weight: bold; color: #336600; font-style: italic; }
.m-link a:hover { text-decoration: underline; }

.box_top_product_new .header a { color: white; }
.box_top_product_new .header a:hover { text-decoration: underline; }
.button-fixed {
    position: fixed;
    bottom: 80px;
    right: 25px;
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 1;
}