/** Reset Css **/
body, div, p, span, h1, h2, h3, h4, strong, ul, li, img, a { margin: 0;padding: 0;border: 0; outline: none;vertical-align: baseline;background: transparent; }

body { line-height: 1;font-family: tahoma, helvetica, sans-serif;width: 100%;line-height: 1.5;background: #fff url("../images/bg_body.jpg") no-repeat top center; }

/**
@font-face {
    font-family: 'UTM Bebas';
    src: url('../css/font/utm_bebas/utm_bebas-webfont.eot');
    src: url('../css/font/utm_bebas/utm_bebas-webfont.eot?#iefix') format('embedded-opentype'),
         url('../css/font/utm_bebas/utm_bebas-webfont.woff') format('woff'),
         url('../css/font/utm_bebas/utm_bebas-webfont.ttf') format('truetype'),
         url('../css/font/utm_bebas/utm_bebas-webfont.svg#utm_bebas') format('svg');
    font-weight: normal;
    font-style: normal;
}
**/
@font-face {
    font-family: 'UVNAiCap';
    src: url('../UVNAiCap/uvnaicapnhe.eot');
    src: url('../UVNAiCap/uvnaicapnhe.eot?#iefix') format('embedded-opentype'),
         url('../UVNAiCap/uvnaicapnhe.woff2') format('woff2'),
         url('../UVNAiCap/uvnaicapnhe.woff') format('woff'),
         url('../UVNAiCap/uvnaicapnhe.ttf') format('truetype'),
         url('../UVNAiCap/uvnaicapnhe.svg#uvn_ai_cap_nheregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'RobotoBoldCondensed';
    src: url('../RobotoBoldCondensed/RobotoBoldCondensed.eot');
    src: url('../RobotoBoldCondensed/RobotoBoldCondensed.eot') format('embedded-opentype'),
         url('../RobotoBoldCondensed/RobotoBoldCondensed.woff2') format('woff2'),
         url('../RobotoBoldCondensed/RobotoBoldCondensed.woff') format('woff'),
         url('../RobotoBoldCondensed/RobotoBoldCondensed.ttf') format('truetype'),
         url('../RobotoBoldCondensed/RobotoBoldCondensed.svg#RobotoBoldCondensed') format('svg');
}

a { text-decoration: none; }
a:hover { text-decoration: none; }
a img { border: none; }
.clear { clear: both; }
.border_radius { -moz-border-radius: 7px;-webkit-border-radius: 7px;-khtml-border-radius: 7px;border-radius: 7px; }
.hidden { display: none; }
/** End Reset Css **/

/** Container **/
#container { width: 100%; margin: 0px auto; }

/** Header **/
#header 
{ 
    width: 100%;
    height: 140px;
    /* margin-top: 106px; */
    margin: 0px auto;
    background: url("../image/header.png") no-repeat top center;
    background-size: 100% 100%;
}

#header #welcome { width: 1349px; height: 30px; margin: 0px auto;
/*  background: url("../image/top_header.png"); */
  position:relative; 
  background: #94d60a;
}
#welcome .txt_welcome { float: left; width: 400px; line-height: 33px; }
.txt_welcome span { color: #333; font-size: 12px; font-weight: bold; display: inline-block; padding-left: 20px; }

#welcome .right_welcome { float: right; width: 600px; margin-right: 40px;}
.right_welcome ul { list-style: none; }
.right_welcome ul li { float: left; margin-left: 8px; }

.right_welcome ul li.login { line-height: 31px; position: relative; z-index: 9999; padding: 0px 10px; border: 1px solid #9ECCB2; border-bottom: none; }
.right_welcome ul li.login span { color: #333; font-size: 13px; font-weight: bold; }
.right_welcome ul li.login i { background: url("../images/arrows_dangnhap.png") no-repeat top left; width: 16px; height: 16px; display: inline-block;}
.right_welcome ul li.login:hover { cursor: pointer; }
.right_welcome ul li.active { background-color: #C1EFD5; border: 1px solid #C6C6C6; border-bottom: none;
    -moz-border-radius: 5px 5px 0px 0px; -webkit-border-radius: 5px 5px 0px 0px; -khtml-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; }

.right_welcome ul li.login_fb img { width: 65px; margin-top:5px; }
.right_welcome ul li.login_fb img:hover { opacity: 0.8; }

.right_welcome .giohang { line-height: 31px; background: url("../image/ico_giohang.png") no-repeat top left; width: 77px; padding-left: 36px; }
.right_welcome .giohang a { color: #fff; font-size: 12px; text-transform: uppercase;}

.right_welcome .box_login { padding: 10px; position: absolute; top: 32px; left: -1px; display: none; background-color: #C1EFD5; border: 1px solid #C6C6C6; border-top: none; height: 200px !important;
    -moz-border-radius: 0px 0px 5px 5px; -webkit-border-radius: 0px 0px 5px 5px; -khtml-border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px; 
    z-index: 9000; }

#welcome ul { list-style: none; }

#welcome ul li { float: left;  }
#welcome ul li a { color: #333333; font-size: 12px; }
#welcome ul li a:hover { color: #DA0300; }

#header #banner { width: 1000px; height: 105px; margin: 0px auto; position: relative; }
#banner .chiase_banner { position: absolute; top: 34px; right: 0px; }
.chiase_banner p { color: #333; font-size: 12px; font-weight: bold; }
.chiase_banner ul { list-style: none; }
.chiase_banner ul li { float: left; margin-left: 5px; }
.chiase_banner ul li img { width: 20px; }
.chiase_banner ul li img:hover { opacity: 0.8; }

#banner .hotline_banner { position: absolute; top: 34px; right: 140px; }
.hotline_banner span { color: #333; font-size: 12px; font-weight: bold; }
.hotline_banner strong { color: #b60000; font-size: 18px; }

/** User **/
.user_login { color: #333; font-size: 12px; text-align: center; margin: 1px 10px 0px; }
.user_login a.border_right { border-right: 1px solid #000; padding: 1px 6px; }
.user_login a.inline { border-right: none; }
  
.kichhoatmail { padding: 10px 20px; font-size: 14px; }
.kichhoatmail a { color: #00A1E6; }
.kichhoatmail a:hover { color: #DA0300; }

.box_login .dangnhap .input {  height: 25px; margin-bottom: 5px; padding-left: 10px; width: 271px; }
.box_login .dangnhap .txt_label { color: #000; font-size: 13px; }
.box_login .dangnhap .ghinho { float: left; margin-right: 78px; font-size: 14px; }
.box_login .dangnhap .nutdang { float: left; }
.box_login .dangnhap .txt_label_dk { float: left; margin-right: 10px; }
.box_login .dangnhap .txt_label_dk a { color: #00A1E6 !important; }
.box_login .dangnhap .txt_label_dk a:hover { text-decoration: underline; }

.login_success { color: #2D2D2D; font-weight: bold; font-size: 13px; line-height: 33px; }
.login_success a { font-size: 13px; }
   
#frm_dangnhap { }
#frm_dangnhap .img_logo { text-align: center; margin-top: 25px; margin-left: 45px; }

.dangky_thanhvien { background:url("../images/bg_box_primary.png") repeat top left; }
.dangky_thanhvien .dangnhap_thanhvien { text-align: center; height: 35px; line-height: 35px; }
.dangky_thanhvien .dangnhap_thanhvien p { color: #333; font-size: 12px; }
.dangky_thanhvien .dangnhap_thanhvien p a { color: #6699FF; }
.dangky_thanhvien .dangnhap_thanhvien p a:hover { text-decoration: underline; }
.dangky_thanhvien form { background-color: #FBFBFB; padding: 10px; }
.dangky_thanhvien .left_dktv { float: left; width: 345px; padding-right: 10px; border-right: 1px dashed #C0C0C0; }
.dangky_thanhvien .right_dktv { float: left;width: 248px; padding-left: 10px; }
.dangky_thanhvien .right_dktv p { font-size: 13px; margin-bottom: 20px; }
.dangky_thanhvien .right_dktv .dktv_facebook { background: url("../images/btn_login_fb.png") no-repeat top left; width: 232px; height: 39px; line-height: 39px; }
.dangky_thanhvien .right_dktv .dktv_facebook:hover { opacity: 0.8; }
.dangky_thanhvien .right_dktv .dktv_facebook a { color: #fff; font-size: 12px; text-transform: uppercase; padding-left: 60px; display: block; }

.dangky_thanhvien .dkt {  }
.dangky_thanhvien .dkt:hover { opacity: 0.8; cursor: pointer; }

.dangnhapp { background:url("../images/bg_box_primary.png") repeat top left; }
.dangnhaptv .input , .dangnhapp .input 
{
    height: 25px;
    margin-bottom: 5px;
    margin-left: 10px;
    padding-left: 10px;
    width: 175px;
}
.dangnhaptv label 
{     
    color: #373737;
    float: left;
    width: 135px;
    font-size: 13px;
    font-weight: bold;
}

.dangnhapp .dn2 {background-color: #FBFBFB; padding: 10px; }
.dangnhapp .dn2 .left_dntv { float: left; width: 300px; padding-right: 10px; border-right: 1px dashed #C0C0C0; }
.dangnhapp .dn2 .right_dntv { float: left; width: 290px; padding-left: 10px; }
.dangnhapp .dn2 .right_dntv p { font-size: 13px; margin-bottom: 20px; }
.dangnhapp .dn2 .right_dntv .dntv_facebook { background: url("../images/btn_login_fb.png") no-repeat top left; width: 232px; height: 39px; line-height: 39px; }
.dangnhapp .dn2 .right_dntv .dntv_facebook:hover { opacity: 0.8; }
.dangnhapp .dn2 .right_dntv .dntv_facebook a { color: #fff; font-size: 12px; text-transform: uppercase; padding-left: 50px; display: block; }
.dangnhapp .dangky_thanhvien { text-align: center; height: 35px; line-height: 35px; }
.dangnhapp .dangky_thanhvien p { color: #333; font-size: 12px; }
.dangnhapp .dangky_thanhvien p a { color: #00A1E6 ; }
.dangnhapp .dangky_thanhvien p a:hover { text-decoration: underline; }
.dangnhapp .tendang { color: #000; font-size: 13px;float: right; }
.dangnhapp .tendang b { display: inline-block; width: 150px; }
.dangnhapp .tendang a { color: #00A1E6; font-size: 13px; }
.dangnhapp .tendang a:hover { text-decoration: underline !important; }
.dangnhapp .ghinho { float: left; margin-left: 105px; }
.dangnhapp .nutdang img:hover { opacity: 0.8; }

.dangky11 { margin: 10px 0px; }
.dangky11 a { background-color: #00A1E6; display: inline-block; padding: 5px 10px; color: #fff; font-size: 14px; font-weight: bold;  }
.thvv { color: #2D2D2D; float: right; font-weight: bold; font-size: 13px; }
.thvv a { font-size: 13px; }

/** End User **/

/** Main Menu **/
.divimgmenu
{
    width: 21px;
    height: 21px;
    float: left;
}
#main_menu {   
    width: 625px;
    height: 61px;
    float: right;
    margin-top: -50px;
    margin-right: -20px;
   }
#main_menu .menu { position: relative; height: 33px; line-height: 33px; }
.menu ul { list-style: none; }
.menu ul li { float: left; }
.menu ul li a { display: block; color: #fff; font-size: 14px; text-transform: uppercase; padding: 0px 30px; font-weight: bold; }
.menu ul li a:hover {/*  background-color: #007a60;  */
    -webkit-transition: all 0.25s ease-in-out 0s;
    -moz-transition: all 0.25s ease-in-out 0s;
    -o-transition: all 0.25s ease-in-out 0s;
    transition: all 0.25s ease-in-out 0s; 
}
/* .menu_active { background-color: #007a60; } */

.menu ul li:hover .box_menu { display: block; }
.box_menu { 
    display: none;
    position: absolute;
    top: 35px;
    right: 19px;
    border: 2px solid #00A380;
    border-top: none;
    width: 976px;
    z-index: 1000;
    background-color: #fff;
    padding: 10px;
}
.box_menu .cuahang_all { float: left; width: 674px; margin-right: 1px; }
.box_menu p { color: #f9f9f9; font-size: 12px; font-weight: bold; background: #00A380; padding-left: 10px; text-transform: uppercase; font-family: 'Arial';}
.box_menu ul { list-style: none; padding-top: 5px;}
.box_menu ul li { float: none; width: 150px; line-height: 25px; }
.box_menu ul li a { color: #000; font-size: 11px; text-transform: uppercase; font-weight: normal; padding: 0px 15px; }
.box_menu ul li a:hover { color: #00A380; background: none; }
.box_menu .box_cuahang { float: left; width: 168px; }

.box_menu .cuahang_noibat { float: left; width: 150px; margin-right: 1px; }
.box_menu .cuahang_diamond { float: left; width: 150px; }


#main_menu .menu_list { position: relative; height: 28px; line-height: 28px; }
.menu_list ul { list-style: none;float: right; }
.menu_list ul li { float: left; text-transform: uppercase;font-family: 'UVNAiCap'; }
.menu_list ul li a { font-family: 'Arial'; display: inline-block; color: #313131; font-size: 13px; padding: 0px 18px; font-weight: bold; border-right: 1px solid #fff; }
.last-child { border-right: none !important; }
.menu_list ul li a:hover { color: #001EA2; }
.menu_list_active { color: #fff; }
.danhmuc p>a {color: #fff !important;}

.menu_list ul li:hover .box_menu { display: block; }
.box_menu_list { border: 2px solid #9ECCB2; top: 28px; border-top: none; }
.box_menu_list .danhmuc { width: 325px; float: left; }
.box_menu_list p { background: #94d60a; color: #fff; }
.box_menu_list p a { font-size: 11px !important; text-transform: none; display: inline-block; float: right; font-weight: normal; }
.box_menu_list ul { list-style: none; padding-top: 5px; }
.box_menu_list ul li { float: none; width: 150px; line-height: 25px; }
.box_menu_list ul li img { float: left; }
.box_menu_list ul li a { color: #333;
    font-size: 13px;
    text-transform: none;
    font-weight: normal;
    padding: 0px 15px 0px 5px;
    font-family: 'Arial'; }
.box_menu_list ul li a:hover { color: #00A380; background: none; }
.box_menu .box_danhmuc { float: left; width: 161px; margin-right:1px; }
.box_menu .box_danhmuc img.img_list { width: 150px; } 

.search { 
    position: absolute;
    top: 25px;
    right: 0px;
    /* background: url("../images/bg_search.jpg") no-repeat center left; */
    width: 250px;
    border: 1px solid #ccc;
    height: 25px;
    line-height: 25px;
}
.search input.text_search { 
    float: left;
    border: none;
    margin: 5px 5px;
    outline: none;
    width: 215px;
    background: none;
    padding-left: 5px;
 }
.search input.button_search {
    /* margin-top: 2px; */
    width: 13px;
    height: 13px;
    font-weight: bold; 
}

/**
.search_menu { right: 0px; top: 5px; background-image: none; background-color: #f2f2f2; width: 319px; position: absolute;
            -moz-border-radius: 3px;-webkit-border-radius: 3px;-khtml-border-radius: 3px;border-radius: 3px; }
            
.search_menu select { width: 120px; float: left; margin-top: 1px; padding-top: 4px; height: 25px; background: none; border: none; color: #666; }
.search_menu input.text_search { float: left; border: none; margin: 6px 5px; outline: none; width: 279px; background: none; }
.search_menu input.button_search { margin-top:2px; width: 28px; height: 28px; font-weight: bold; }
**/
            
/** End Main Menu **/

.link_share { margin-top: 35px; }
.link_share ul { list-style: none; }
.link_share ul li { float: left; margin-right: 5px; }
.link_share ul li img { margin-top: 15px; }
.link_share ul li img:hover { opacity: 0.8; }

.tukhoa { color: #0056a6; font-weight: bold; font-size: 16px; }
/** End Header **/

/** Slider - Sale **/
#slide_sale { width: 745px; margin: 0px auto 10px; padding:10px; background: url("../images/bg_box_primary.png") repeat top left; }
.slide { width: 745px; height: 340px; }
/** End Slider - Sale **/

/** dk_nhantin **/
#dk_nhantin { width: 765px; margin: 10px auto; }
#dk_nhantin ul { list-style: none; }
#dk_nhantin ul li { float: left; height: 38px; line-height: 34px; }
#dk_nhantin ul li.boxdk { background: url("../images/bg_dk_nhantin.png") no-repeat top left; width: 203px; }
#dk_nhantin ul li.boxdk:hover { background: url("../images/bg_dk_nhantin_active.png") no-repeat top left; }
#dk_nhantin ul li.boxdk a { color: #fff; font-size: 12px; padding-left: 45px; display: inline-block; }
#dk_nhantin ul li.boxdk1 a { background: url("../images/icon_vanchuyen.png") no-repeat 11% 50%; }
#dk_nhantin ul li.boxdk2 a { background: url("../images/icon_doitra.png") no-repeat 11% 50%; }
#dk_nhantin ul li.boxdk3 a { background: url("../images/icon_vanchuyen.png") no-repeat 11% 50%; } 

#dk_nhantin ul li.boxdk4 { background: url("../images/bg_dknhantin.png") no-repeat top left; width: 389px; }
#dk_nhantin ul li.boxdk4 a { color: #333; font-size: 12px; padding-left: 20px; display: inline-block; }

#dk_nhantin ul li.boxdk4 form { display: inline; }
#dk_nhantin ul li.boxdk4 form .txt_email { border: none; width: 180px; margin: 6px 0px; font-size: 11px; outline: none; padding:5px; }
#dk_nhantin ul li.boxdk4 form .btn_email { margin: -6px 0px; }
.txt_dangky { margin-top: 10px; font-size: 13px; color: #2e2e2e; }

/** End dk_nhantin **/

/** Content_container **/
#content_container { width: 1000px; margin: 10px auto 0px; background-color: #fff; }

/** Left **/
#left { float: left; width: 215px; margin-right: 10px; overflow: hidden; }
.box_left { width: 100%;margin-bottom: 10px; }
.box_left .title_box_left { background-color: #94d60a; height: 30px; line-height: 30px; position: relative; }
.box_left .title_box_left p { color: #fff; font-size: 11px; text-align: center; text-transform: uppercase; font-weight: bold; }
.box_left .content_box_left { }
.box_left ul.menu_box_left { list-style: none; }
.box_left ul.menu_box_left li { line-height: 1.5;}
.box_left ul.menu_box_left li a{ color: #333; font-size: 13px; display: block; padding: 6px 5px; }
.box_left ul.menu_box_left li a:hover { color: #00A380; background-color: #F8F8F8; 
    -webkit-transition: all 0.25s ease-in-out 0s;
    -moz-transition: all 0.25s ease-in-out 0s;
    -o-transition: all 0.25s ease-in-out 0s;
    transition: all 0.25s ease-in-out 0s; 
}
.box_left ul.menu_box_left li a.active { color: #00A380; background-color: #F8F8F8; }

.box_left ul.menu_box_left li.khuyenmai a { background: url("../images/icon-total.png") no-repeat 3% 50%; padding-left: 25px; }
.box_left ul.menu_box_left li.khuyenmai a:hover { background: #F8F8F8 url("../images/icon-total.png") no-repeat 3% 50%; }

.box_left ul.menu_box_left li.cuahang a { background: url("../images/bg_next.png") no-repeat 3% 50%; padding-left: 25px; }
.box_left ul.menu_box_left li.cuahang a:hover { background: #F8F8F8 url("../images/bg_next.png") no-repeat 3% 50%; }
.box_left ul.menu_box_left ul { margin-left: 20px; list-style: none; }

ul.thongke { list-style: none; margin: 10px 28px 0px; }
ul.thongke li { color: #000; font-size: 12px; line-height: 2.2; }
ul.thongke li img { float: left; }
ul.thongke .text_thongke { width: 90px; margin: 0px 5px 0px 10px; display: inline-block; }
ul.thongke .number_thongke { font-weight: bold; }

.facebook { width: 200px; overflow: hidden; }

.btn_dangky { display: inline-block; background: url("../images/btn_dangky.png") no-repeat top left; width: 100px; height: 34px; line-height: 34px; color: #fff !important; font-size: 11px !important; font-weight: bold; text-align: center; text-transform: uppercase; margin-right: 9px; }
.btn_dangnhap { display: inline-block; background: url("../images/btn_dangnhap.png") no-repeat top left; width: 100px; height: 34px; line-height: 31px; color: #fff; font-size: 11px; font-weight: bold; text-align: center; text-transform: uppercase; }
.btn_dangky:hover { cursor: pointer; opacity: 0.8; }
.btn_dangnhap:hover { cursor: pointer; opacity: 0.8; }

ul.camket_left { list-style: none; }
ul.camket_left li { padding: 15px; border: 1px solid #9ECCB2; margin: 5px 0px; }
ul.camket_left li:hover { border: 1px solid #00A380; }
ul.camket_left li a { color: #333; font-size: 14px; display: block; background: url("../images/arrows_left.png") no-repeat 0% 50%; padding-left: 10px; }
ul.camket_left li a:hover { color: #00A380; }

ul.camket_left_menu { list-style: none; }
ul.camket_left_menu li { padding: 2px; /* border: 1px solid #9ECCB2; */ margin: 5px 0px; }
ul.camket_left_menu li:hover { border: 1px solid #313131; }
ul.camket_left_menu li a { color: #333; font-size: 14px; display: block; background: url("../images/arrows_left.png") no-repeat 0% 50%; padding-left: 10px; }
ul.camket_left_menu li a:hover { color: #00A380; }


/** End Left **/
    
/** Right **/
#right { float: right; width: 340px; background: url("../images/bg_box_primary.png") repeat top left; margin-top: 37px; }
#right .slider_quangcao_dky { width: 340px; height: 374px; }
/** End Right **/

/** Primary **/
#primary { width: 100%; position: relative; }
.box_primary { width: 100%; }
.box_primary .title_box_primary { width: 100%; height: 30px; line-height: 30px; background:#94d60a url("../images/selection_tab.png") no-repeat 5% 100%; }
.title_box_primary h2 { color: #fff; font-size: 11px; padding-left: 20px; text-transform: uppercase; }
.title_box_primary h2 a { color: #e0e0e0; font-size: 13px; font-weight: bold; }
.title_box_primary h2 a:hover { color: #fff; }
.title_box_primary h2 span { font-size: 10px; }
.box_primary .content_box_primary {  }
.border_bottom { border-bottom: 1px solid #ccc; margin-bottom: 20px; padding-bottom: 10px; }

/** Index **/
.box_left_index { float: left; width: 637px; }
.box_left_index .title_box_left_index { width: 100%; background: url("../images/bg_box_primary.png") repeat-x bottom left; height: 35px; line-height: 35px; }
.box_left_index .title_box_left_index h1 { color: #686868; font-size: 15px; text-transform: uppercase; text-align: center; font-weight: normal; }

.box_right_index { float: left; width:  }
.box_right_index .quangcao { float: left; margin-bottom: 20px; }
.box_right_index .slide_quangcao { width: 360px; height: 210px; }

.img_logo { float: left; width: 176px; margin-right: 10px; }
.info_company { float: left; width: 500px; padding-top: 10px; }
.info_company h3 { color: #747474; font-size: 16px; text-transform: uppercase; }
.info_company p { color: #747474 ; font-size: 13px; }
.like_fb { float: left; width: 294px; background-color: #fff; height: 54px; overflow: hidden; padding-top: 20px; padding: 20px 10px 0px; }
/** End Index **/

/** Cua hang Bottom **/
#cuahang { width: 1000px; margin: 10px auto 0px; }
.box_item_cuahang { float: left; width: 195px; height: 292px; margin-right: 6px; position: relative; margin-top:3px; }
.box_item_cuahang .logo { position: absolute; bottom: 0px; left: 0px; background: url("../images/tran.png") repeat top left; width: 100%; height: 60px; line-height: 60px; text-align: center; }
.box_item_cuahang .logo img { max-width: 150px; max-height: 50px; }
.box_item_xuhuong h3 { color: #fff; font-weight: bold; font-size: 12px; }
.box_item_xuhuong h3:hover { color: #9ECCB2; }
/** End Cua hang Bottom **/

/** Bottom **/
#bottom { width: 1000px; margin: 20px auto 0px; }
#bottom .box_bottom 
{     
    float: left;
    margin-right: 13px;
    /* border: 1px solid #ccc;
    border-radius: 20px 20px; */
}
.box_bottom .title_box_bottom { 
    /* background: url("../image/title_thongtin.png") no-repeat top center;
    height: 97px;
    margin-top: 10px;
 */        
 background: none;
    margin-top: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
}
.box_bottom .title_box_bottom h3 { 
/*     color: #000;
    font-size: 13px;
    text-transform: uppercase;
    text-align: center;
    padding-top: 65px; */
    color: #000;
    font-size: 13px;
    text-transform: uppercase;
    text-align: center;
    padding: 10px 10px;
}
.box_bottom .content_box_bottom { padding: 10px; min-height: 256px; font-weight: bold; }

.hotro_kh { color: #737373; font-size: 10px;font-weight: bold; }
.hotro_kh p.label { color: #E44775; font-size: 12px; text-transform: uppercase; }
.hotro_kh .hotline { float: left; width: 200px; margin-right: 5px; }
.hotro_kh .time_work { float: left; width: 170px; }
.hotro_kh .email { padding-top: 5px; }

ul.camket { list-style: none; }
ul.camket li { margin: 3px 0px; }
ul.camket li.camket1 { background: url("../image/ico_lienket.png") no-repeat 1% 50%; -webkit-transition: all 0.25s ease-in-out 0s; -moz-transition: all 0.25s ease-in-out 0s; -o-transition: all 0.25s ease-in-out 0s; transition: all 0.25s ease-in-out 0s; }
ul.camket li.camket1:hover { background: url("../image/ico_lienket.png") no-repeat 1% 50%; }
ul.camket li.camket2 { background: url("../image/ico_trungtamhoivien.png") no-repeat 1% 50%; }
ul.camket li.camket2:hover { background: url("../image/ico_trungtamhoivien.png") no-repeat 1% 50%; }
ul.camket li.camket3 { background: url("../image/ico_cohoihoptac.png") no-repeat 1% 50%; }
ul.camket li.camket3:hover { background: url("../image/ico_cohoihoptac.png") no-repeat 1% 50%; }
ul.camket li.camket4 { background: url("../image/ico_thongtinthanhtoan.png") no-repeat 1% 50%; }
ul.camket li.camket4:hover { background: url("../image/ico_thongtinthanhtoan.png") no-repeat 1% 50%; }
ul.camket li.camket5 { background: url("../image/ico_huongdanmuahang.png") no-repeat 1% 50%; }
ul.camket li.camket5:hover { background: url("../image/ico_huongdanmuahang.png") no-repeat 1% 50%; }
ul.camket li.camket6 { background: url("../image/ico_haumai.png") no-repeat 1% 50%; }
ul.camket li.camket6:hover { background: url("../image/ico_haumai.png") no-repeat 1% 50%; }
ul.camket li.camket7 { background: url("../image/ico_doitra.png") no-repeat 1% 50%; }
ul.camket li.camket7:hover { background: url("../image/ico_doitra.png") no-repeat 1% 50%; }
ul.camket li a { color: #737373; font-size: 11px; padding-left: 35px; }
ul.camket li a:hover { color: #000; }
i.note { color: #737373; font-size: 11px; margin-top: 10px; display: block; }

.box_httt { }
.box_httt p { color: #000; font-size: 12px; text-transform: uppercase; padding-bottom: 27px; }
.box_httt ul { list-style: none; }
.box_httt ul li { float: left; }
.box_httt1 a, .box_httt2 a, .box_httt3 a, .box_httt4 a {
    background: url("../images/cod.png") no-repeat top left;
    display: block;
    height: 50px;
    overflow: hidden;
    width: 65px;
}
.box_httt1 a { background-position: 0px 0px; }
.box_httt1 a:hover { background-position: 0px -53px; }
.box_httt2 a { background-position: -65px 0px; }
.box_httt2 a:hover { background-position: -65px -53px; }
.box_httt3 a { background-position: -130px 0px; width: 83px; }
.box_httt3 a:hover { background-position: -130px -53px; }
.box_httt4 a { background-position: -212px 0px; width: 129px; }
.box_httt4 a:hover { background-position: -212px -53px; }

.box_httt5 a, .box_httt6 a, .box_httt7 a, .box_httt8 a, .box_httt9 a {
    background: url("../images/online_payment.png") no-repeat top left;
    display: block;
    height: 56px;
    overflow: hidden;
    width: 65px;
}
.box_httt5 a { background-position: 0px 0px; }
.box_httt5 a:hover { background-position: 0px -55px; }
.box_httt6 a { background-position: -63px 0px; width: 77px; }
.box_httt6 a:hover { background-position: -63px -55px; }
.box_httt7 a { background-position: -140px 0px; width: 62px; }
.box_httt7 a:hover { background-position: -140px -55px; }
.box_httt8 a { background-position: -201px 0px; width: 85px; }
.box_httt8 a:hover { background-position: -201px -55px; }
.box_httt9 a { background-position: -286px 0px; width: 61px; }
.box_httt9 a:hover { background-position: -286px -55px; }
/** End Bottom **/

/** Menu_Bar **/
.menu_bar { margin: 10px 0px 10px; color: #333; font-size: 11px; font-weight: bold; }
.menu_bar a { color: #666; font-size: 11px; }
.menu_bar a:hover { color: #333; }
.menu_bar span { font-size: 8px; }
.menu_bar img:hover { opacity: 0.8; }
/** End Menu_Bar **/

/** List Product **/
.list_product { width: 745px; margin: 0px auto 10px; padding:10px; background: url("../images/bg_box_primary.png") repeat top left; }
.list_product h1 { float: left; padding: 0px 10px; width: 130px; }
.list_product h1 a { color: #00A380; font-size: 14px; text-transform: uppercase; }
.list_product h1 a:hover { color: #9ECCB2; }
.list_product ul { list-style: none; float: right; width: 585px; border-left: 1px dotted #999999; padding-left: 5px; }
.list_product ul li { float: left; margin: 2px 2px; }
.list_product ul li a { color: #333; font-size: 14px; padding: 3px 8px;/*  border: 1px solid #999;  */}
.list_product ul li a.active { color: #fff; background-color: #000; }
.list_product ul li a:hover { color: #fff; background-color: #00A380;  }
/** End List Product **/

/** Box muasam **/
.box_muasam { width: 980px; background: url("../images/bg_box_primary.png") repeat top left; padding:10px; margin: 10px 0px;}
.box_muasam .title_box_muasam { width: 100%; height: 30px; }
.box_muasam .title_box_muasam .left_title_box_muasam { float: left; width: 300px; line-height: 30px; }
.box_muasam .title_box_muasam .left_title_box_muasam img { float: left; margin-right: 10px; width: 30px; overflow: hidden; }
.box_muasam .title_box_muasam .left_title_box_muasam h2 { color: #00A380; font-size: 12px; text-transform: uppercase; }
.box_muasam .title_box_muasam .left_title_box_muasam h2:hover { color: #007A60; }
.box_muasam .title_box_muasam .right_title_box_muasam { float: right; margin-top: 5px; }
.box_muasam .title_box_muasam .right_title_box_muasam ul { list-style: none; }
.box_muasam .title_box_muasam .right_title_box_muasam ul li { float: left; margin-left: 5px; }
.box_muasam .title_box_muasam .right_title_box_muasam ul li a { 
    background-image: url("../images/search_sort_icon.png");
    background-repeat: no-repeat;
    color: #666666;
    display: block;
    font-size: 11px;
    height: 20px;
    line-height: 20px;
    margin-right: 10px;
    padding-left: 25px;
    transition: all 0.25s ease-in-out 0s;
}
.box_muasam .title_box_muasam .right_title_box_muasam ul li a.moinhat { background-position: 0 0; }
.box_muasam .title_box_muasam .right_title_box_muasam ul li a.banchay { background-position: 0 -100px; }
.box_muasam .title_box_muasam .right_title_box_muasam ul li a.giacaonhat { background-position: 0 -60px; }
.box_muasam .title_box_muasam .right_title_box_muasam ul li a.giathapnhat { background-position: 0 -40px; }
.box_muasam .title_box_muasam .right_title_box_muasam ul li a.khuyenmai { background-position: 0 -80px; }

.box_muasam .title_box_muasam .right_title_box_muasam ul li a:hover { color: #000; }

.box_muasam .content_box_muasam { width: 100%; background-color: #fff; }
.box_muasam .content_box_muasam .boxsmall_muasam { float: left; width: 175px; margin-right: 1px; }
.boxsmall_muasam .title_boxsmall_muasam { background-color: #9ECCB2; height: 25px; line-height: 25px; }
.boxsmall_muasam .title_boxsmall_muasam h3 { color: #fff; font-size: 12px; text-transform: uppercase; padding-left: 10px; }
.boxsmall_muasam .content_boxsmall_muasam { padding: 10px; }
.boxsmall_muasam .content_boxsmall_muasam img.promotion { width: 165px; height: 210px; transition: all 0.25s ease-in-out 0s; }
.boxsmall_muasam .content_boxsmall_muasam img.promotion:hover { opacity: 0.9; }
.boxsmall_muasam .content_boxsmall_muasam ul { list-style: none; }
.boxsmall_muasam .content_boxsmall_muasam ul li { float: left; width: 140px; margin: 2px 0px; }
.boxsmall_muasam .content_boxsmall_muasam ul.dm_cat li img { width: 21px; }
.boxsmall_muasam .content_boxsmall_muasam ul li a { color: #8C8C8C; font-size: 11px; } 
.boxsmall_muasam .content_boxsmall_muasam ul li a:hover { color: #00A380; }
.boxsmall_muasam .content_boxsmall_muasam ul.dm_cuahang li a { text-transform: uppercase; }
/** End Box muasam **/

/** Back Top - Back Bottom **/
#back-top { position: fixed; bottom: 45px; right: 110px; text-align:center; }
#back-top a { width: 50px; height:70px; display: block; text-align:center; background: url("../images/top.png") no-repeat top left; -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; }
#back-top a:hover { opacity: 0.9; }
/** End Back Top - Back Bottom **/
    
/** End Primary **/

/** Box Item **/
.box_item { float: left; width: 174px; height: 270px; margin: 10px 18px 5px; position: relative; }
.box_item .info_box_item { padding: 2px; }
.box_item img { width: 170px; height: 187px; padding: 1px; border: 1px solid #fff; }
.box_item img:hover { border: 1px solid #00A380; 
    -webkit-transition: all 0.25s ease-in-out 0s;
    -moz-transition: all 0.25s ease-in-out 0s;
    -o-transition: all 0.25s ease-in-out 0s;
    transition: all 0.25s ease-in-out 0s; 
}
.box_item h4 { color: #010101; font-size: 11px; height: 37px; }
.box_item h4:hover { color: #00A380; }
.box_item .giakm { color: #d40000; font-size: 11px; font-weight: bold; }
.box_item .giakm a { color: #d40000; font-size: 11px; }
.saleoff { background-color: #82b5e0; position: absolute; top: 168px; right: 1px; padding: 2px 6px; color: #fff; font-size: 11px; font-weight: bold; text-align: center; }

.box_item .giakm a:hover { text-decoration: underline; }
.box_item .giagoc { color: #787878; font-size: 12px; text-decoration: line-through; }

.box_item .donvi { font-size: 11px; }

.box_item .icon_moi { background: url("../images/new_bagget.png") no-repeat top left; position: absolute; top: 0px; left: 0px; width: 31px; height: 31px; }
.box_item .icon_hot { background: url("../images/hot_bagget.png") no-repeat top left; position: absolute; top: 0px; left: 0px; width: 31px; height: 31px; }
.box_item .icon_banchay { background: url("../images/icon_banchay.png") no-repeat top left; position: absolute; top: 0px; left: 0px; width: 50px; height: 26px; }
.box_item .icon_khuyenmai { background: url("../images/icon_khuyenmai.png") no-repeat top left; position: absolute; top: 10px; left: 140px; width: 29px; height: 29px; }

.box_item .btn_muahang { border: 1px dotted #CCCCCC; padding: 1px; }
.box_item .btn_muahang a { background: url("../images/small_cart_btn.png") no-repeat top left; color: #6C8090; font-size: 11px; text-transform: uppercase; display: block; padding-left: 30px; 
    -webkit-transition: all 0.25s ease-in-out 0s;
    -moz-transition: all 0.25s ease-in-out 0s;
    -o-transition: all 0.25s ease-in-out 0s;
    transition: all 0.25s ease-in-out 0s;  
    }
.box_item .btn_muahang a:hover { background: url("../images/small_cart_btn.png") no-repeat top left; color: #00A380; cursor: pointer; }

.box_item .loading { display: none; background: url("../images/loading-small.gif") no-repeat top left; width: 32px; height: 32px; position: absolute; z-index: 9999; bottom: 36px; left: 75px; }

.box_item .option_box_item { margin:5px 0px; display: none; }
.box_item .option_box_item .mausac { height: 17px; line-height: 17px; }
.box_item .option_box_item .mausac p { float: left; width: 60px; color: #666; font-size: 11px; }
.box_item .option_box_item .mausac ul { list-style: none; float: left; }
.box_item .option_box_item .mausac ul li { float: left; margin: 0px 2px 0px 0px; }
.box_item .option_box_item .mausac ul li img { width: 13px; height: 13px; border: 1px solid #999; border-radius: 50% 50%; }
.box_item .option_box_item .mausac ul li img:hover { cursor: pointer; border:  1px solid #000; }
.box_item .option_box_item .mausac ul li img.active { border:  1px solid #000; }
.box_item .option_box_item .mausac ul li a { color: #666; font-size: 11px; border: 1px solid #999; display: inline-block; min-width: 15px; max-height: 15px; text-align: center; }
.box_item .option_box_item .mausac ul li a:hover { border:  1px solid #000; cursor: pointer; }
.box_item .option_box_item .mausac ul li a.active { border:  1px solid #000; }


.box_item1 { margin: 10px 8px; height: 335px; } 
.box_item2 { margin: 10px 13px; }
/** End Box Item **/

/** Box Huong dan **/
.box_huongdan { margin: 10px 0px; }
.box_huongdan .title_box_huongdan {}
.box_huongdan .title_box_huongdan h3 { cursor: pointer; float: left; margin: 0; padding-bottom: 5px; position: relative;
        width: 100%; border-bottom: 1px solid #666666; }
.box_huongdan .title_box_huongdan h3 i { background: url("../images/bg_character.png") no-repeat top left;
            color: #FFFFFF; float: left; font-size: 14px; font-style: normal; font-weight: bold; height: 36px;
            line-height: 35px; opacity: 0.7; text-align: center; width: 36px; }
.box_huongdan .title_box_huongdan h3.select i { opacity: 1; }            
.box_huongdan .title_box_huongdan h3 p {font-size: 11px; font-weight: bold; line-height: 35px; margin-left: 12px; text-transform: uppercase; float: left; }
.box_huongdan .title_box_huongdan h3.select p { color: #00A380; }
.box_huongdan .title_box_huongdan h3 span.dropdown { background: url("../images/hotline1.png") no-repeat top left;
            cursor: pointer; float: left; height: 15px; position: absolute; right: 0; top: 8px; width: 15px; }
.box_huongdan .title_box_huongdan h3 span.dropup { background: url("../images/hotline2.png") no-repeat top left;
            cursor: pointer; float: left; height: 15px; position: absolute; right: 0; top: 8px; width: 15px; }            
.box_huongdan .content_box_huongdan { font-size: 13px; color: #333; padding: 10px 0px; display: none; }       
/** End Box huong dan **/

/** Top seller **/
.top_seller { width: 100%; background-color: #F2FBFF; margin: 10px 0px 20px; }
.top_seller .title_top_seller { background-color: #fff; border-bottom: 3px solid #00A1E6; display: block; height: 30px; }
.top_seller .title_top_seller h1 { color: #333; font-size: 16px; }
.top_seller .content_top_seller { padding: 10px; border: 1px solid #CCCCCC; }

.content_top_seller .box_item_seller { background-color: #FFFFFF; border: 2px solid #D8D8D8; float: left; height: 227px; margin: 10px; overflow: hidden; padding: 5px; position: relative; width: 435px; }
.box_item_seller h3 { color: #333; font-size: 16px; font-weight: normal; height: 25px; overflow: hidden; }
.box_item_seller h3:hover { color: #00A1E6; }
.box_item_seller .giakm { color: #FF8400; font: bold 22px/25px Arial; position: relative; padding-right: 70px; text-align: right;  }
.box_item_seller .giakm a { color: #ff0000; font-size: 18px; }
.giakm .saleoff { background-color: #FF0000; -moz-border-radius: 3px;-webkit-border-radius: 3px;-khtml-border-radius: 3px;border-radius: 3px; position: absolute; top: 12px; right: 15px; padding: 0px 6px; color: #fff; font-size: 13px; font-weight: bold; text-align: center; }
.box_item_seller .giakm a:hover { text-decoration: underline; }
.box_item_seller .giagoc { color: #666; font: 12px/20px Arial; text-decoration: line-through; padding-right: 70px; text-align: right; }
.box_item_seller .donvi { font-size: 14px; }
.box_item_seller .image_item_seller { float :left; max-width: 150px; margin-right: 20px; }
.image_item_seller img { width: 150px; height: 150px; }
.image_item_seller img:hover { opacity: 0.8; }
.box_item_seller .mota { color: #333; float: left; width: 250px; height: 135px; overflow: hidden; font-size: 13px; margin-top: 10px; }
.box_item_seller .mota ul { padding-left: 15px; } 

.box_item_seller .icon_moi { background: url("../images/icon_moi.png") no-repeat top left; position: absolute; top: 65px; left: 145px; width: 50px; height: 26px; }
.box_item_seller .icon_hot { background: url("../images/icon_hot.png") no-repeat top left; position: absolute; top: 65px; left: 145px; width: 50px; height: 26px; }
.box_item_seller .icon_banchay { background: url("../images/icon_banchay.png") no-repeat top left; position: absolute; top: 65px; left: 145px; width: 50px; height: 26px; }
.box_item_seller .icon_khuyenmai { background: url("../images/icon_khuyenmai.png") no-repeat top left; position: absolute; top: 155px; left: 145px; width: 29px; height: 29px; }
/** End Top Seller **/

/** Product Detail **/
.box_product_detail { margin: 20px 0px; }
.box_product_detail .cotphai { float: left; width: 570px; }
.cotphai { float: right; width: 220px; }
.cotphai .hsx { padding-bottom: 12px; margin-bottom: 10px; border-bottom: 1px solid #ccc; }
.cotphai .chiase { border-bottom: 1px solid #ccc; margin-bottom: 10px; padding-bottom: 6px; }
.cotphai .chiase p { color: #333; font-size: 13px; margin-bottom: 5px; }
.cotphai .chiase ul { list-style: none; }
.cotphai .chiase ul li { float: left; margin-right: 5px; }
.cotphai .chiase ul li img:hover { opacity: 0.8; }
.cotphai .camket { border-bottom: 1px solid #ccc; margin-bottom: 10px; padding-bottom: 6px; }
.cotphai .camket ul { list-style: none; }
.cotphai .camket ul li { line-height: 2.2; }
.cotphai .camket ul li img { float: left; margin-right: 10px; }
.cotphai .camket ul li p { color: #333; font-size: 13px; }
.cotphai .hotline { border-bottom: 1px solid #ccc; margin-bottom: 10px; padding-bottom: 10px; }
.cotphai .hotline img { float: left; margin-right: 20px; }
.cotphai .hotline strong { color: #FF0000; font-size: 24px; }

    /** Tabs Menu Product Detail **/
    #tabs_ul { overflow: hidden; width: 100%; margin-top: 5px; padding: 0; list-style: none; background: url("../images/bg_box_primary.png") repeat top left; }
    #tabs_ul li { float: left; margin: 0 2px 0 0; border-right: 1px solid #333; }
    #tabs_ul a { position: relative; padding: 5px 10px; float: left; text-decoration: none; color: #000; font-size: 12px; text-transform: uppercase; font-weight: bold; }
    
    #tabs_ul a:hover,
    #tabs_ul a:hover::after,
    #tabs_ul a:focus,
    #tabs_ul a:focus::after { border-bottom: 2px solid #333; }
    
    #tabs_ul a:focus { outline: 0; }
    #tabs_ul a::after { content:''; position:absolute; z-index: 1; top: 0; right: -.5em; bottom: 0; background-color: #00A1E6; border-top: 2px solid #FBDB36; color: #FFFF00; }
    #tabs_ul #current a,
    #tabs_ul #current a::after { z-index: 3; border-bottom: 2px solid #333; }
    #content_tab { padding: 10px; position: relative; z-index: 2; color: #373737; font-size: 13px; }
    
    #content_tab #tab1 .left_tab1 { float: left; width: 245px; margin-right: 5px; }
    #content_tab #tab1 ul { list-style: none; }
    #content_tab #tab1 h1 { color: #010101; font-size: 14px; text-transform: uppercase; margin-bottom: 5px; }
    #content_tab #tab1 .left_tab1 ul li { padding: 2px 0px; }
    #content_tab #tab1 .left_tab1 ul li span { font-size: 12px; display: inline-block; }
    #content_tab #tab1 .left_tab1 ul li span.label { color: #666; width: 82px; }
    #content_tab #tab1 .left_tab1 ul li span.thuonghieu { font-weight: bold; }
    #content_tab #tab1 .left_tab1 ul li span.giagoc { color: #666; text-decoration: line-through; }
    #content_tab #tab1 .left_tab1 ul li span.giakm { color: #D40000; font-weight: bold; }
    #content_tab #tab1 .left_tab1 ul li span.tietkiem { color: #00A380; font-weight: bold; }
    
    #content_tab #tab1 .right_tab1 { float: left; width: 300px; position: relative; }
    #content_tab #tab1 .right_tab1 { margin: 5px 0px; }
    #content_tab #tab1 .right_tab1 .loading { display: none; background: url("../images/loading-small.gif") no-repeat top left; width: 32px; height: 32px; position: absolute; z-index: 9999; bottom: 12px; left: 85px; }
    #content_tab #tab1 .right_tab1 .label { color: #666; font-size: 12px; font-weight: bold; float: left; margin: 5px 5px 5px 0px; width: 100px; }
    #content_tab #tab1 .right_tab1 ul { float: left; }
    #content_tab #tab1 .right_tab1 ul li { float: left; margin-right: 3px; }
    #content_tab #tab1 .right_tab1 ul.mausac li img { border: 1px solid #cecece; padding: 1px; width: 15px; height: 15px; border-radius: 50% 50%; }
    #content_tab #tab1 .right_tab1 ul.mausac li img:hover { cursor: pointer; border: 1px solid #000; }
    #content_tab #tab1 .right_tab1 ul.mausac li img.active { border: 1px solid #000;    border-radius: 50% 50%; }
    #content_tab #tab1 .right_tab1 ul.kichco li a {  padding: 1px; display: inline-block; width: 15px; height: 15px; text-align: center; line-height: 15px; }
    #content_tab #tab1 .right_tab1 ul.kichco li a:hover { cursor: pointer;border: 1px solid #000;  }
    #content_tab #tab1 .right_tab1 ul.kichco li a.active {border: 1px solid #cecece;}
    
    #tab1  .damua {     
        float: left;
        background: #313131 url("../images/bg_damua_detail.png") no-repeat 9% 50%;
        height: 51px;
        width: 88px;
        margin-top: 10px;
     }
    #tab1  .damua p { color: #fff; text-align: center; padding: 7px 0px 0px 30px; }
    #tab1  .damua p:first-child { font-size: 18px; font-weight: bold; }
    #tab1  .damua p:last-child { font-size: 12px; margin-top: -15px; }
    
    #tab1  .btn_muahang { 
        float: left;
        background: #313131;
        margin-right: 10px;
        margin-top: 10px;
        text-align: center;
    }
    #tab1  .btn_muahang:hover { background: #171616; cursor: pointer; }
    #tab1  .btn_muahang a {    
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    display: block;
    padding: 11px 20px;
}

    .max_width table,.max_width td ,.max_width tr,.max_width img { max-width: 550px !important; }
    /** End Tabs Menu Product Detail **/

.left_product_detail { float: left; width: 720px; }
.left_product_detail .title_left_product_detail { background: url("../images/bg_box_primary.png") repeat top left; height: 30px; line-height: 30px; }
.left_product_detail .title_left_product_detail h3 { color: #333; font-size: 12px; text-transform: uppercase; padding-left: 20px; }
.left_product_detail .chitiet_product_detail { color: #000; font-size: 12px; padding: 5px 0px 15px; border-bottom: 1px dotted #cecece; }
.left_product_detail .chitiet_product_detail img { max-width: 700px; }

    /** Comments **/
    #box_comment { margin: 10px 0px; }
    #box_comment .title_comment { background-color: #F8F8F8; padding: 10px; font-size: 12px; color: #000; margin-top:10px; }
    .title_comment b { color: #00A380; font-size: 16px; }
    .title_comment span { font-weight: bold; }
    
    .comment_item { border: 1px solid #cecece; background-color: #efefef; padding: 10px; margin:5px 0px; position: relative; }
    .name_comment { color: #666666; font-size: 11px; }
    .name_comment span.reply_cmt { font-size: 12px; color: #00A1E6; }
    .name_comment span.reply_cmt:hover { color: #DA0300; cursor: pointer; }
    .noidung_comment { color: #000; font-size: 12px; text-align: justify; margin-bottom: 5px; }
    
    .tool_cmt { position: absolute; top: 5px; right: 20px; }
    .tool_cmt img:hover { cursor: pointer; }
    
    .comment_item2 { margin:5px 0px 5px 40px; position: relative; }
    
    .form_comment { border: 1px solid #cecece; padding: 10px; }
    .form_comment .input_comment { margin: 3px 0px; padding: 5px; }
    .form_comment textarea { width: 600px; }
    
    .form_comment2 { display: none; margin-left: 40px; }
    
    .button { background-color: #313131; border: none; color: #fff; padding: 5px 10px; margin: 5px; font-weight: bold; font-size: 14px; }
    .button:hover { cursor: pointer; opacity: 0.8; }
   .dkt {
    background-color: #313131;
    border: none;
    color: #fff;
    padding: 5px 10px;
    margin: 5px 5px 5px 205px;
    font-weight: bold;
    font-size: 14px;
}
    /** End Comments **/
.right_product_detail { float: right; width: 250px; }
.box_right { width: 100%;margin-bottom: 10px; }
.box_right .title_box_right { background: url("../images/bg_box_primary.png") repeat top left;height: 30px;line-height: 30px;position: relative; }
.box_right .title_box_right p { color: #333; font-size: 12px; padding-left: 20px; text-transform: uppercase; font-weight: bold; }
.box_right .content_box_right { padding: 10px 0px 20px; }
.box_product_right { padding: 10px; position: relative; }
.box_product_right .name { color: #000; font-size: 12px; font-weight: bold; margin-bottom: 15px; }
.box_product_right .name:hover { color: #1986C0; }
.box_product_right img { width: 70px; float: left; margin-right: 10px; }
.box_product_right img:hover { opacity: 0.8; }
.box_product_right .gia { color: #3B3B3B; font-size: 12px; text-decoration: line-through; font-weight: bold; }
.box_product_right .giakm { color: #D40000; font-size: 12px; font-weight: bold; }
.box_product_right .damua1 { color: #3b3b3b; font-size: 12px; }
.box_product_right .damua1 span { color: #000; font-weight: bold; }
.box_product_right .tietkiem { position: absolute; top: 95px; left: 60px; background-color: #f51e01; -moz-border-radius: 12px;-webkit-border-radius: 12px;-khtml-border-radius: 12px;border-radius: 12px; color: #fff; font-size: 13px; font-weight: bold; padding: 4px; }
.box_product_right .icon_hot { background: url("../images/icon_hot1.png") no-repeat top left; position: absolute; right: 10px; bottom: 78px; width: 30px; height: 16px; }    

/** End Product Detail **/

/** Zoom Product **/
.cottrai { margin: 10px 20px 10px 0px; float: left; width: 400px; }
div.thumb ul {position: relative;list-style: none;}
div.thumb ul li {position: absolute;z-index: 0;display: none; left: 20px; }
div.thumb ul li.active {z-index: 10;display: block;}
/** End Zoom Product **/

/** Gio Hang - Thanh toan **/
.step { border-bottom: 1px dotted #666666; height: 52px; overflow: hidden; padding: 10px 0; width: 100%; margin-bottom: 10px; }
.step a { color: #333333; text-decoration: none; transition: all 100ms linear 0s; }
.step .text { color: #666666; float: left; font-size: 20px; font-weight: 700; line-height: 52px; padding-left: 82px; position: relative; }
.step .icon { background-image: url("../images/icon_step.png"); background-position: 0 -60px; background-repeat: no-repeat; color: #FFFFFF; font-size: 25px; height: 52px; left: 2px; line-height: 47px; position: absolute; padding-left: 15px; top: 0; width: 52px; }
.step .next { background: url("../images/icon_step.png") no-repeat scroll right -120px rgba(0, 0, 0, 0); float: left; height: 52px; margin: 0 11px; width: 19px; }
.step .check { float: left; position: relative; }
.step .check .icon { background-image: url("../images/icon_step.png"); background-position: 0 -182px; background-repeat: no-repeat; color: #FFFFFF; font-size: 25px; height: 52px; left: 4px; line-height: 52px; position: absolute; text-align: center; top: 0; width: 52px; }
.step .check .icon2 { background-image: url("../images/icon_step.png"); background-position: 0 -242px; background-repeat: no-repeat; color: #FFFFFF; font-size: 25px; height: 52px; left: 4px; line-height: 52px; position: absolute; text-align: center; top: 0; width: 52px; }
.step .active .icon { background-image: url("../images/icon_step.png"); background-position: 0 0px; background-repeat: no-repeat; }

    /** Box Pay **/
    .title_infoDH { color: #00A1E6; border-bottom: 3px solid #FBDB36; font-size: 18px; margin-top: 20px; background: url("../images/icon_muiten.png") no-repeat center left; padding-left: 24px; }
    .title_box_pay { margin: 25px 0px 10px; background: url("../images/icon_hinhthucthanhtoan.png") no-repeat 34% 50%; color: #666; font-size: 18px; font-weight: 700; }
    .box_pay { background: #f2f2f2 url("../images/bg_pay.png") no-repeat 50px 20px; margin: 0px auto; overflow: hidden; padding: 20px; }
    .box_pay ul { list-style: none; }
    .box_pay ul li { color: #39729D; font-size: 15px; height: 55px; line-height: 50px; margin-bottom: 28px; }
    .box_pay ul li label { cursor: pointer; display: block; height: 100%; width: 100% }
    .box_pay ul li input { margin-right: 30px; }
    
    .hinhthucthanhtoan { border: 1px solid #E7E7E7; margin: 10px 0px; padding: 10px; }
    .hinhthucthanhtoan  strong { display: inline-block; width: 265px; font-size: 13px; }
    .hinhthucthanhtoan img {  width: 66px; }
    .hinhthucthanhtoan input:hover { cursor: pointer; }
    .hinhthucthanhtoan .nganhang_chuyenkhoan { margin: 20px 80px; }
    .hinhthucthanhtoan .nganhang_chuyenkhoan h3 { color: #00A1E6; font-size: 13px; margin-bottom: 5px; }
    .hinhthucthanhtoan .nganhang_chuyenkhoan img { width: 100px; }
    .hinhthucthanhtoan .nganhang_chuyenkhoan h4 { font-size: 13px; border-top: 1px solid #E7E7E7;margin-top: 10px; color: #333; padding-top: 5px;  }
    .hinhthucthanhtoan .nganhang_chuyenkhoan h4.lienhe { border-top: none; font-weight: normal; }
    .hinhthucthanhtoan .nganhang_chuyenkhoan h4.lienhe b { color: #ff0000; }
    .info_nganhang { margin: 5px 0px; border: 1px solid #E7E7E7; padding: 10px; }
    .info_nganhang .left_info_nganhang { float: left; width: 550px; }
    .info_nganhang .left_info_nganhang p { font-size: 13px; }
    .info_nganhang .left_info_nganhang .label { display: inline-block; width: 100px; }
    .info_nganhang .left_info_nganhang .ten { font-weight: bold; }
    .info_nganhang .left_info_nganhang .sotk { color: #ff0000; font-weight: bold; }
    .info_nganhang .logo_info_nganhang { float: right; border-left: 1px solid #E7E7E7; }
    .info_nganhang .logo_info_nganhang img { width: 200px; }
    
    /** End Box Pay **/
/** End Gio Hang - Thanh Toan **/

/** New **/
.title_box_new { background: url("../images/bg_box_primary.png") repeat top left !important; }
.title_box_new h2 { color: #333 !important; background: url("../images/icon_news_fashion.png") no-repeat 1% 50%; padding-left: 38px; 
        -webkit-transition: all 0.25s ease-in-out 0s;
    -moz-transition: all 0.25s ease-in-out 0s;
    -o-transition: all 0.25s ease-in-out 0s;
    transition: all 0.25s ease-in-out 0s;  
}
.title_box_new h2:hover { color: #00A380 !important; text-shadow: 1px -1px 1px #C0C0C0; }

.box_left_new { float: left; width: 740px; }
.box_left_new .box_new { padding: 10px; background-color: #fff; border-bottom: 1px dotted #cecece; }
.box_left_new .box_new:last-child { border-bottom: none; }
.box_left_new .box_new img { width: 200px; padding: 2px; float: left; margin-right: 20px; border: 1px solid #fff;
            -webkit-transition: all 0.25s ease-in-out 0s;
    -moz-transition: all 0.25s ease-in-out 0s;
    -o-transition: all 0.25s ease-in-out 0s;
    transition: all 0.25s ease-in-out 0s;  
}
.box_left_new .box_new img:hover { border: 1px solid #00A380; }
.box_left_new .box_new h3 { color: #333; font-size: 14px; }
.box_left_new .box_new h3:hover { color: #00A380; text-decoration: underline; }
.box_left_new .box_new .small { color: #777; font-size: 11px; }
.box_left_new .box_new .mota { color: #333; font-size: 13px; text-align: justify; float: left; width: 490px; }

.box_left_new .box_new .xemthem { color: #00A380; font-size: 12px; }
.box_left_new .box_new .xemthem:hover { text-decoration: underline; }

.chitiet { color: #00A380; font-size: 12px; font-weight: bold; }
.chitiet:hover { color: #000; }

.box_right_new { float: right; width: 235px; }
.box_right_new h2 { color: #000; font-size: 14px; text-align: center; }
.box_right_new .box_new { padding: 10px; }
.box_right_new .box_new img { width: 208px; padding: 2px; border: 1px solid #fff;
            -webkit-transition: all 0.25s ease-in-out 0s;
    -moz-transition: all 0.25s ease-in-out 0s;
    -o-transition: all 0.25s ease-in-out 0s;
    transition: all 0.25s ease-in-out 0s;  
}
.box_right_new .box_new img:hover { border: 1px solid #00A380; }
.box_right_new .box_new h3 { color: #333; font-size: 13px; font-weight: normal; }
.box_right_new .box_new h3:hover { color: #00A380; }
/** End New **/
    
/** Detail News **/
.box_new_detail { padding: 10px; }
.box_new_detail h1 { color: #000; font-size: 20px; text-transform: uppercase;margin-bottom: 3px; }
.box_new_detail .small { color: #777; font-size: 11px; }
.box_new_detail .mota { color: #333; font-size: 12px; font-weight: bold; text-align: justify; }
.box_new_detail .image { text-align: center; margin: 10px 0px; max-width: 940px; }
.box_new_detail .noidung { color: #000; font-size: 13px; text-align: justify; }
.box_new_detail .noidung img { max-width: 940px;}

.box_new_detail .other_new { margin: 10px 0px;}
.other_new p { color: #000; font-size: 14px; font-weight: bold; }
.other_new ul { margin-left:  30px; list-style: url("../images/bg_next.png"); }
.other_new ul li a { color: #333; font-size: 12px; }
.other_new ul li a:hover { color: #00A380; }
.small { font-size: 10px; color: #555; font-weight: bold; padding-bottom: 10px; }

.tags { background-color: #F2F2F2; padding: 5px;}
.tags p { float: left; color: #000; font-size: 12px; font-weight: bold; padding: 5px 10px 5px 5px; }
.tags a { color: #000; font-size: 12px; background-color: #fff; padding: 2px 10px; margin-right: 5px; display: inline-block; }
.tags a:hover { color: #fff; font-size: 12px; background-color: #000; }
/** End Detail News **/
    
/** Contact **/
table ,table tr,table td { border-collapse: collapse; font-size: 13px; }
.thongbao { border: 1px solid #0C0; border-radius: 5px 5px 5px 5px; margin: 0 auto; overflow: hidden; padding:15px; }
.tablelienhe span { color:#F00; }
.tablelienhe td { height:25px; }
.tablelienhe .input,.tablelienhe textarea { border: 1px solid #ccc; azimuth:center; width:300px; padding: 3px; }
.tablelienhe .title { text-transform:uppercase; color:#FFF; background:#0066FF; text-align:center }

.contact_left { float: left; width: 45%; padding: 10px 0px; }
.contact_left .thongtinlienhe { padding: 10px; font-size: 13px; color: #333; }
.contact_left .thongtinlienhe h3 { color: #00A1E6; font-size: 18px; font-weight: bold; text-transform: uppercase; text-align: center; }
.contact_right { float: right; width: 50%; padding: 10px 0px; }
.contact_right .bando { padding: 5px; box-shadow: 0px 0px 5px #333; margin: 10px 0px; }
/** End Contact **/

/** End Content_container **/

/** Footer **/
#footer { 
    width: 1329px;
    margin: 10px auto 0px;
    text-align: center;
    padding: 10px;
    background: #94d60a;
    color: #fff;
}
#footer .info_footer {
     /* color: #666; */
    font-size: 12px;
    width: 1000px;
    margin: 0 auto;
}
/** End footer **/

/** Phan trang **/
.phantrang { text-align:center; padding: 10px 0px; }
.phantrang a { color: #00A1E6; padding-left:5px; padding-right:5px; padding-bottom:2px; padding-top:2px; margin-right:5px; text-decoration:none; font-size: 13px; }
.phantrang span { color: #fff; padding-left:5px; padding-right:5px; padding-bottom:2px; padding-top:2px; margin-right:5px; font-weight:bold; font-size: 13px; background-color: #00A1E6; }
.phantrang a:hover { color:#FFF; background-color:#00A1E6; }
a.check { color:#FFF; background-color:#00A1E6; font-weight:bold; }
/** End Phan trang **/

/** Map **/
#map_canvas { height: 380px; width: 590px; margin: 0px auto; }
.map_description { color: #000000; overflow: auto; width: 300px; }
.map_description .default { color: #FF0000; }
.map_description div { line-height: 18px; margin: 3px; }
.map_list_address { float: left; height: 500px; overflow: hidden; width: 300px; }
.map_list_address .list { line-height: 18px; margin-bottom: 5px; }
.map_list_address span { color: #FCFF46; }
.map_title { color: #ED1B24; font-weight: bold !important; }
.navigate .C { width: 970px; }
/** End Map **/

/** Support form **/
.support_form { position: fixed; right:0px; bottom:0px; width:250px; background-color: #FDF9EE; z-index: 9000;}
.support_form .title_support{ display:block; background-color: #00A380; height:40px; text-align: center; line-height: 40px; border-top: 2px solid #9ECCB2; }
.support_form .title_support .inner{ position: relative;  }
.support_form .title_support .inner .image { position: absolute; right: 0px; top: -156px; z-index: -1; }
.support_form .title_support .inner .image img { width: 100px; }
.support_form .title_support span { color:white; font-size:17px; font-weight:bold; }
.support_form .content_support { display: none; }
.content_support .box_content_support { padding:10px 5px; border-bottom: 1px dotted #f9f9f9; position: relative; }

.box_content_support .image { float: left; width: 72px; margin-right: 20px; }
.box_content_support .image img { width: 72px; height: 72px; -moz-border-radius: 25px;-webkit-border-radius: 25px;-khtml-border-radius: 25px;border-radius: 25px; }

.box_content_support .info { float: left; width: 140px; }
.box_content_support .info .name { color: #00A380; font-size: 14px; font-weight: bold; }
.box_content_support .info .vitri { color: #333; font-size: 12px; font-style: italic; }
.box_content_support .info .dienthoai { color: #00A380; font-size: 14px; }
.box_content_support .info .chat { margin: 5px 0px; }
.box_content_support .info .chat a:hover { opacity: 0.8; }
.box_content_support .info .chat a img { margin-right: 10px; }

.box_content_support .slogan { position: absolute; z-index: 9000; display: none; background: url("../images/bg_slogan.png") no-repeat top left; width: 270px; height: 103px; left: -270px; top: 0px; }
.box_content_support .slogan p { color: #fff; font-size: 12px; position: relative; z-index: 9000; margin-top: 26px; margin-left: 10px; }
.content_support .box_content_support:hover .slogan  { display: block; }
/** End Support form **/


/*Is me*/
/* welcome */
.boxlogin
{    
    /* position: absolute; */
    width: 155px;
    /* top: 0px; */
    /* right: 116px; */
    color: #fff;
    height: 30px;
    font-size: 12px;
    background: url(../image/ico_dangnhap.png) no-repeat top 7px left 0px;
    padding-left: 20px;
    line-height: 30px;
    float: left;
}
.divlogin
{
    float: left;
    line-height: 33px;
}
.divlogin a
{
    color: #fff;
    margin-top: 7px;
    text-transform: uppercase;
    font-size: 12px;
}
.divlogin a:hover
{
    color: red;
}

.titletitago 
{
    float: left;
    width: 60px;
    height: 30px;
    line-height: 30px;
}
.titletinthoitrang 
{
    float: left;
    width: 120px;
    height: 30px;
    line-height: 30px;  
}
.titletitago a, .titletinthoitrang a
{
    font-size: 12px;
    color: #fff;
}
.titletitago a:hover, .titletinthoitrang a:hover
{
    color: red;
}
.giohang
{
    width: 150px;
    float: left;
}
.box_slider
{
    width: 1000px;
    height: 495px;
    margin-bottom: 20px;
    padding: 15px 0px 0px 0px;
    border: 1px solid #ccc;
    background-color: #F9F9F9;
}
.prolistnb
{
    width:310px;
    height: 345px;
    float: left;
    background: #00A9E0;
    margin:0px 20px 20px 0px;
    position: relative;
}
.picsafeoff
{
    width: 79px;
    height: 79px;
    background: url(../image/safe_off.png) no-repeat;
    position: absolute;
    top:15px;
    right:15px;
    transition: all 1s;
}
.picsafeoff:hover
{
    transform:rotateX(360deg) ;
}
.picnamelist
{
    width: 100%;
    height: 66px;
   /*  background: url(../image/bg_listnb.png) no-repeat; */
    background:rgba(148,214,10,0.6);
    text-align: center;
    position: absolute;
    bottom:60px;
    left: 0px;
    line-height:66px;
    font-family: 'RobotoBoldCondensed';
    font-size: 22px;
    text-transform: uppercase;
}
.picnamelist a
{
    /* color:#000; */
    color:#fff;
    transition: all 1s;
}
.picnamelist a:hover
{
    color:#000;
}
.picnamelisttran
{
    width: 0px;
    height: 66px;
    transition: all 3s;
     position: absolute;
    bottom: 0px;
    left: 0px;
}
.picnamelist a:hover .picnamelisttran
{
    width: 100%;
    height: 66px;
   background: rgba(213, 127, 153, 0.4);
    position: absolute;
    bottom: 0px;
    left: 0px;
}

.titleabout
{
    width: 1000px;
    height: 91px;
    background: url(../image/content_giua.png) no-repeat;
    margin-bottom: 20px;
}
.share_tpl
{
    width: 200px; 
    float: right;
    padding-top:30px;
}