/* All CSS Site */
*{margin:0;padding:0;}
body, div{font-family:arial, verdana, times new roman;font-weight:normal;}
body{background-color:#ffffff;margin:0;padding:0;}
center{width:100%;display:block;}
.c_left{clear:left;}
.c_right{clear:right;}
.c_both{clear:both;}
.left{float:left;}
.right{float:right;}
li{list-style:none !important;}
#dhtmltooltip,#dhtmlpointer,#sile_mobi{display:none;}

/* Banner */
.hearder_top{float:left;width:100%;}
#hearder_banner{width:100%;margin: 0 auto;height:51px;background-color:#C85858;}
.header_logo{width:1200px;height:50px;margin: 0 auto;background-color:#ffffff;border-bottom: 1px solid #f2f2f2;}
.der_logo{float:left;width:479px;height:50px;background-color:#FFFFFF;}
.der_logo_vi{float:left;width:36%;}
.der_sear_vi{float:left;width:62%;}
.logo_web{margin:5px 0 0;}
#box_common{display:none;}
#hearder_banner .banner_755x90 {margin:0px 0 0;}
.banner_755x90 {height:50px;}
.banner_320x90{width:100%;float:left;}

/* Search*/
.textbox_left{width:100% !important;height:30px;float:left;overflow:hidden;border-radius:2px;border:1px solid #d2d2d2;}
/*.selectbox_left{width:210px !important;height:28px;font-weight:normal;float:left;overflow:hidden;position:absolute}*/
#searchen{float:left;width:100%;margin:10px 0px 0px 0px;}
#esearch{width:100%;height:31px;}

/*Compoment*/
.wrapper_container{width:100%;float:left;}
.container,.vi_32,.bl_32,.bl_33 {width:1200px;margin:0 auto;}
.ex261{float:left;width:286px;border:1px solid #f2f2f2;}
.ex745{float:left;width:907px;margin:0px 5px 0px 0px;}
.w745{float:left;width:100%;}
.wn400{float:left;width:268px;}
.wn335{float:left;width:586px;}
.vi_a{float:left;width:100%;}
.vi_b{width:100%;}
.vi_le_a{float:left;width:100%;margin:0;background-color:#ffffff;}
/* Catnew */
.wn388{width:100%;}
h2.title-text-dv{font: 400 16px/22px arial;color:#000000;}
h2.title-text-dv a{font: 400 16px/22px arial;color:#000000;text-decoration:none;}
.box_net_dv{float:left;width:100%;}
.box_net_dv p{font: 400 13px/18px arial;color:#666666;text-align:left;}
div.box_img_home_dv{float:left;width:calc(25% - 12px);height:285px;margin:0px;padding:5px;border:1px solid #f2f2f2;}
.new_net_dv{width:100%;}
.new_net_dv a{width:100%;float:left;color:#000000;font:400 13px/18px arial;background:transparent url("../images/icon-black.gif") no-repeat 0px 5px !important;padding:0px 8px;}
.new_net_dv a:hover{color:#FC0;text-decoration:underline;}

.wn389{width:100%;}
h2.title-text-dx{font: 400 14px/22px arial;color:#000000;}
h2.title-text-dx a{font: 400 14px/22px arial;color:#000000;}
.box_net_dx{float:left;width:100%;}
.box_net_dx p{font: 400 12px/18px normal;color:#666;text-align:justify;}
div.box_img_home_dx{float:left;width:calc(50% - 34px);height:194px;margin:0 8px 5px 8px;padding:8px;border:1px solid #f2f2f2;}
.new_net_dx{width:100%;}
.new_net_dx a{width:100%;float:left;color:#000000;font:400 13px/18px arial;background:transparent url("../images/icon-black.gif") no-repeat 0px 5px !important;padding:0px 8px;}
.new_net_dx a:hover{color:#FC0;text-decoration:underline;}

div.cat_le_a{float:left;width:calc(100% - 10px);border:2px solid #f8f8f8;}
div.cat_pad_a{padding:3px;}
h2.title-text{width:100%;font: 400 16px/22px arial;text-align:left;}
h2.title-text a{font: 400 16px/22px arial;color:#000000;text-decoration:none;}
.box_net{float:left;width:100%;}
.box_net p{font: 400 13px/18px arial;color:#666;text-align:left;}
img.box_img{width:100%;}
div.box_img_home{float:left;width:100%;}
div.box_img_home a{width:100%;}
h2.title-text-le{font:400 14px/22px arial;color:#000000;}
h3.title-text-le{width:100%;}
h3.title-text-le a{font:400 14px/22px arial;color:#000000;float:left;}
h3.new_net{width:100%;text-align:left;}
h3.new_net a{width:100%;color:#000000;font: 400 12px/22px arial;background:transparent url("../images/icon-black.gif") no-repeat 0px 5px !important;padding:0px 0px 0px 10px;text-decoration:none;}
h3.new_net a:hover{color:#C85858;text-decoration:none;}

.cat_bo_a{width:calc(80% - 10px);margin:0 auto;}
.box_cat_imge{float:left;width:22%;}
.box_cat_text{float:left;width:78%;}
.box_cat_text p{width:100%;float:left;color:#000000;font:400 16px/28px arial;padding:60px 0px 0px 5px;text-align:justify;}

a.Tips2{width:100%;height:auto;}
/* detail SP */ 
#w-pl{width:100%} 
.w-p-detail{width:100%;}
.w-p-detail-l{float:left;width:436px;}
.w-p-detail-r{float:left;width:466px;padding:0px 0px 0px 5px;}
.w-p-detail-l-352{width:100%;}
.w-p-detail-r-393{width:100%;}
.pro-detail-image{width:100%;border:1px solid #f2f2f2;border-radius:3px;}
.pro-detail-image img{width:100%;}

/* mod_SP New */
div.new_pro{width:100%;}
div.new_tip_new{width:100%;}
div.new_pic_new{float:left;width:calc(25% - 4px);height:258px;background-color:#fff;border: 2px solid #f8f8f8;}
div.new_pic_n_1{float:left;width:calc(16.68% - 4.8px);height:213px;margin: 0.2em 0em 0em 0.2em;background-color:#fff;border:1px solid #f2f2f2}
div.new_pic_n_2{float:left;width:calc(12.6% - 6px);height:213px;margin: 0.2em 0em 0.5em 0.2em;background-color:#fff;border:1px solid #f2f2f2}
div#new_pic_hot{float:left;width:calc(50% - 5px);height:211px;margin: 0.2em 0em 0.2em 0.2em;background-color:#fff;border:1px solid #f2f2f2}

.new_pic_img{float:left;width:calc(100% - 10px);padding:5px;}
h3.new_pro_name{width:100%;text-align:center}
h3.new_pro_name a{color:#1c1e21;font: 400 13px/22px arial;text-decoration:none;}
h3.new_pro_name a:hover{color:#000000;font: 400 13px/22px arial}
div.pro_price{font:600 12px/18px arial;color:#000000;text-align:center;}
div.pro_price a{font:600 12px/18px arial;color:#000000;text-align:center;text-decoration:none;}
.pro_price1{font:400 12px/18px arial;color:#a70001;float:left}
.pro_price2{font-size:16px;font-weight:bold;color:#a70001;float:left}
.pro_tax{font-size:12px;color:#000000;text-align:center;text-decoration:line-through}
.pro_tax1, .pro_tax1 i{font: 400 13px/18px arial;color:#000000;margin-left:10px;text-decoration:line-through}

div.pro_box_de{float:left;width:calc(25% - 5.2px);height:258px;margin: 0.2em 0em 0em 0.2em;background-color:#ffffff;border:1px solid #f2f2f2}
div.pro_box_de_1{float:left;width:calc(25% - 5.2px);height:258px;margin: 0.2em 0em 0em 0.2em;background-color:#ffffff;border:1px solid #f2f2f2}
img.pic_img{float:left;width:100%}

.pro_quantity{font: 600 18px/18px arial;color:#799ED2;text-align:center}
.new_pic_pro_01{float:left;width:25%;height:294px}
div.new_des_pro{width:100%;float:left}
.new_des_pro p{float:left;color:#000000}

div.new_pic_pro_home_01{float:left;width:calc(50% - 5px);height:202px;margin: 0.2em 0em 0.2em 0.2em;background-color:#ffffff;border:0px solid #f2f2f2;}
div.new_pro_ns_more{font:400 12px/18px normal;color:#d6d6d6;text-align:center;}

/* Box while */
.box_while_tbg{width:100%;background-color:#ffffff;border-bottom:1px solid #f2f2f2;text-align:left;}
.box_while_tbg h1{color:#C85858;font:400 25px/68px Arial,Helvetica,sans-serif;letter-spacing:.02em;}
.box_while_tbg h2{font:400 16px/28px Arial,Helvetica,sans-serif;color:#000000;}
.W66{width:100%;}
.W88{width:100%;}
/* Box Home */
.box_while_hl9{width:100%;background-color:#ffffff;text-align:left;}
.box_while_hl9 h2{font:400 16px/35px Arial,Helvetica,sans-serif;color:#C85858;}
.box_while_hl9 h3{font:400 16px/35px Arial,Helvetica,sans-serif;color:#C85858;}
.N66{width:100%;}
.N88{width:100%;}
/* Box Left */
.box_while_ERH{width:100%;text-align:center;}
.box_while_ERH h3{font:400 16px/28px Arial,Helvetica,sans-serif;color:#000000;}
.ER66{width:100%;}
.ER88{width:100%;}
/* Box New */
.box_while_new{width:100%;background-color:#f8f8f8;}
.box_while_new h3{float:left;width:100%;font: 400 16px/28px Arial,Helvetica,sans-serif;color:#000000;text-align:left;}
.NE66{width:100%;}
.NE88{width:100%;}
/* Box List Cat */
.spmua{width:100%;}
.box_mua{float:left;width:auto;}
.box_while_de{width:100%;background-color:#ffffff;border-bottom:1px solid #f2f2f2;text-align:left;}
.box_while_de h1{color:#C85858;font:400 25px/68px Arial,Helvetica,sans-serif;letter-spacing:.02em;}
.De1{width:100%}
.De2{width:727px}

/* tab_products */
.tab_pro_mua{float:left;width:180px;}
.tab_sl{float:left;font: 400 13px/30px arial;color:#000;margin: 0px 0px 0px 5px;}
.w_tab_pro{float:left;width:100%;background-color:#ffffff;}
.w_tab_pro h3{float:left;font: 400 16px/24px arial;color:#C85858;padding:5px;}
.tab_pro_bg{float:left;width:185px;border-top:1px solid #f2f2f2;border-bottom:1px solid #f2f2f2;}
.tab_pro_out{float:left;width:100%;background:url(../images/tab_pro_out.png) no-repeat scroll 7px center;list-style:none;}
.tab_pro_out:hover, .tab_pro_out-here{float:left;list-style:none;/*background:url(../images/tab_pro_over.gif) left repeat-x;*/}
.tab_pro_out a, .tab_pro_out-here a{float:left;font: 400 13px/30px arial;color:#000;margin: 0px 0px 0px 15px;text-decoration:none;}
.tab_pro_out a:hover, .tab_pro_out-here a:hover{float:left;color:#C85858;/*background:url(../images/tab_pro_over.gif) left repeat-x;*/}

div.sotrang_sp{width:100%;float:left;text-align:center;}
div.sotrang_sp a{color:#000000;font: 400 16px/30px arial;text-decoration:none;}
div.sotrang_sp img{width:12px;height:12px;}
span.number{color:#000000;font: 400 16px/30px arial;}
span.number a{color:#C85858;font: 400 16px/30px arial;text-decoration:none;}
/* Login */
.login-user{font: 600 16px/38px arial;color:#000}
.login-pass{font: 600 16px/38px arial;color:#000}
#desc_login_text{font: 400 14px/28px arial;color:#000;text-align:center}
#com-form-login-remember{font: 400 12px/25px arial;color:#000}

.blogin{width:50%;float:left;box-shadow:0px 0px 60px #d6d6d6 inset;overflow:hidden}
.blogin a{font: 400 12px/40px arial;color:#000;margin: 0 35px}
.bdangki{width:50%;float:left;background-color:#F6CD38;overflow:hidden}
.bdangki a{font: 600 12px/40px arial;color:#FFF;margin: 0 40px}

li.text_reset{width:100%;text-align:center}
.text_reset a{font: 400 12px/28px arial;color:#000}
li.text_remind{width:100%;text-align:center}
.text_remind a{font: 400 12px/28px arial;color:#000}
li.text_register{width:100%;text-align:center}
.text_register a{font: 400 12px/28px arial;color:#000}
.L_62{height:62px}
.L_120{width:120px;float:left;height:62px}
.L_28{height:28px}

.tab_left_ececec{width:100%}
div.Lquanly{width:84px;float:left;box-shadow: 0px 0px 60px #d6d6d6 inset;overflow:hidden;border-radius:0px 0px 3px 3px}
.Lquanly_img{float:left}
.Ldonhang_img{float:left}
div.Ldonhang{width:84px;float:left;box-shadow: 0px 0px 60px #d6d6d6 inset;margin: 0px 5px;overflow:hidden;border-radius:0px 0px 3px 3px}
div.menu_pages_left{height:30px}
a.menu_pages_left{font: 400 12px/30px arial;color:#FFF;}
div.mainlevel_left{height:30px}
a.mainlevel_left{font: 400 12px/30px arial;color:#FFF;}

input.button_x{width:90px;height:30px;color:#5386F8;border:1px solid #F5CC38;box-shadow:0 0 60px #F5CC38 inset;border-radius:0px 0px 3px 3px;overflow:hidden}
div.button_id{width:91px;text-align:right;overflow:hidden}

button.button.validate{width:90px;height:30px;color:#5386F8;border:1px solid #F5CC38;border-radius:3px;overflow:hidden}

a.mainlevel{font: 400 12px/18px arial;padding:7px}

/* -------------- */
div.more{width:100%;text-align:center;}
.more_out, .more a{color:#000000;font:400 10px Arial;letter-spacing: .02em}
.more_over, .more a:hover {color:#000000;font:400 10px Arial;letter-spacing: .02em}

.title_more{font-size:11px;font-weight:bold;color:#007ed2;}
.title_more a{color:#007ed2;}
.title_more a:hover{color:#007ed2;text-decoration:underline;}

/* Support Foot */
#p320{float:left;width:100%;border:1px solid #f2f2f2;margin:1em 0em 1em 0em;background-color:#FFFFFF}
#p310{float:left;width:33.3333%;height:auto;background-color:#ffffff;}

/*end_footer*/
.footer{width:1200px}
.w960{float:left;width:100%;border-top:1px solid #f2f2f2;margin:1em 0em 1em 0em;background-color:#FFFFFF}
.center_f{width:100%;text-align:left}
.center_f p{font:400 13px/18px arial;color:#666666;}
.center_f h1{font:400 16px/28px Arial;}
.center_f h2{font:400 14px/25px Arial;color:#000000;}

.mn_cp{font-size:12px;color:#a70001;text-align:center;padding:0px 10px 0px 10px}
.mn_cp a{color:#a70001}
.mn_cp a:hover{color:#a70001;text-decoration:underline;}

.chung_khoan_table {border:0}
.chung_khoan_name {text-align:center;width:30px;}
.chung_khoan_value {text-align:right;margin-right:2px;width:60px;}
.chung_khoan_source {text-align:justify;font-style:italic;}

/*style for content 1*/
table{border-collapse:collapse;width:100%;}
table.contentpane{width:100%;background-color:#FFFFFF;}
div#article-layout{width:100%;margin:0;padding:0;}
td.article_column{padding:0px 5px 0px 0px;}
div.contentpaneopen{padding:0 0 5px 0;border-bottom:1px solid #f2f2f2;}
h2.contentheading{width:100%;background-color:#C85858;text-align:center;}
.contentheading a{color:#ffffff;font:400 16px/30px arial;text-decoration:none;}
.blog img, .blog img.caption {width:100%;margin:5px 5px 5px 0;border:1px #ddd solid;float:left;}
div.article-content{width:100%;}
.article-content h2{color:#555555;font:600 14px/28px arial;}
.article-content h3{color:#000000;font: 600 13px/28px arial;}
.article-content h4{color:#000000;font: 600 13px/28px arial;}
.article-content p{color:#000000;font: 400 13px/18px arial;}
div.blog_more {padding-top:6px;margin-bottom:6px;background-color:#f8f8f8;}
.blog_more div {margin-bottom:5px;}
.blog_more strong {font:600 16px/28px arial;color:#0066aa;padding-left:5px;}
.blog_more  ul li a{background:transparent url(../images/icon-black.gif) no-repeat scroll left center;display:block;padding:5px 0px 5px 10px;}
a.blogsection{font:400 14px/24px arial;color:#555555;text-decoration:none;}
span.pagenav{font:400 12px/28px arial;color:#555555;text-decoration:none;}
a.pagenav{font:400 14px/28px arial;color:#c85858;text-decoration:none;}
a.button {color:#0066CC;font-weight:bold;}
a.button:hover {color:#FF0000;}
div.article-tools{width:100%;}
div.article-meta {width:100%;}
.tab-page {width:100%;}
.createby, .createdate {font:400 12px/18px arial;color:#666666;}
table.contentpaneopen .small {color:#999;font:400 10px/24px arial;}
table.contentpaneopen .createdate {color:#999;font:400 10px/24px arial;}
table.contentpaneopen .modifydate {color:#999;font:400 10px/24px arial;}
table.contentpaneopen {width: calc(100% - 5px);margin: 0.2em 0em 0.2em 0.2em;}
table.contentpaneopen p{color:#000000;font:400 13px/18px arial;}
table.contentpaneopen a{color:#000000;font:400 13px/18px arial;text-decoration: none;}
table.contentpaneopen h2{color:#c85858;font:400 16px/30px arial;text-decoration: none;}
td.createdate{color:#999;font:400 10px/24px arial;}
td.contentheading{width:100%;font:400 16px/30px arial;background-color:#555555;text-align:center;}
td.content_sections{padding:0px 5px 0px 0px;}
td.modifydate{color:#999;font: 400 10px/24px arial;}
td.section-content{width:100%;}
.section-content h2{color:#555555;font:400 14px/28px arial;}
.section-content p{color:#000000;font: 400 13px/18px arial;}
tbody {display:table-row-group;vertical-align:middle;border-color:inherit;}

/*---style for content---ok*/
.componentheading {color:#c02b38;font:600 16px/28px arial;background-color:#F8F8F8;text-align:center;}
td.contentdescription{color:#666;font: 400 14px/18px arial;}
td.contentdescription h1{color:#c85858;font:600 16px/28px arial;}
ul.list_tailieu{width:100%;}
li.list_downtailieu{width:20%;float:left;}
a.category{font:600 14px/38px arial;color:#FF9900;}
td.sectiontableheader{background-color:#fff;border:1px solid #f2f2f2;text-align:center;}
td.sectiontableheader a{color:#c85858;font:400 16px/28px arial;text-decoration:none;}
td.sectiontableheader1{font:600 14px/28px arial;background-color:#fff;border:1px solid #f2f2f2;text-align:center;}
td.sectiontableheader2{font:600 14px/28px arial;background-color:#fff;border-bottom:1px solid #f2f2f2;border-top:1px solid #f2f2f2;}
td.sectiontableheader3{font:600 14px/28px arial;background-color:#fff;border:1px solid #f2f2f2;}
td.tt_sott{font-size:16px;background-color:#fff;border-bottom:1px solid #f2f2f2;border-right:1px solid #f2f2f2;border-left:1px solid #f2f2f2;text-align:center;color:#c02b38;}
td.tt_tentt{font-size:14px;background-color:#fff;border-bottom:1px solid #f2f2f2;border-right:1px solid #f2f2f2;padding:5px;}
td.tt_hittt{font-size:14px;background-color:#fff;border-bottom:1px solid #f2f2f2;border-right:1px solid #f2f2f2;text-align:center;}
tr.sectiontableentry1{width:100%;background-color:#fff;border:1px solid #f2f2f2;text-align:center;}
tr.sectiontableentry1 a{color:#000;font:400 14px/28px arial;text-decoration:none;}
tr.sectiontableentry2{width:100%;background-color:#fff;border:1px solid #f2f2f2;text-align:center;}
tr.sectiontableentry2 a{color:#000;font:400 14px/28px arial;text-decoration:none;}
td.sectiontablefooter{width:100%;}
td.pagecounter{font:400 14px/28px arial;}
select#limit.inputbox{font:400 12px/28px arial;border:1px solid #F2F2F2;}
img.caption {margin:0 5px 8px 0;}
div.Kd_art_layout {width:100%;}
div.Kd_fb_like{float:left}
div.Kd_art_date{width:100%;font:400 11px/22px arial;color:#888888;text-align:right;}
span.modifydate{color:#999;font: 400 10px/24px arial;}
div.content_art{float:left;width:calc(100% - 10px);padding:0px 5px 5px 5px;}
div.content_art h2{font: 600 16px/28px arial;color:#000000;text-align:left;}
div.content_art h3{font: 400 16px/28px arial;color:#000000;text-align:left;}
div.content_art h4{font: 400 16px/28px arial;color:#000000;text-align:left;}
div.content_art p{font: 400 13px/28px arial;color:#333333;text-align:justify;}
div.content_art a{font: 400 13px/28px arial;color:#666666;text-decoration:none;}
div.content_art a:hover {font: 400 13px/28px arial;color:#0066AA;}
div.content_art strong{color:#555555;font:600 13px/28px arial;}
div.content_art img {background:#FFFFFF;}
a.readon-si{background:url('../images/butt-more.png') #F2F2F2 no-repeat;display:block;width:68px;height:19px;}
a.readon { background:url('../images/butt-more.png') #F2F2F2 no-repeat;display:block;width:68px;height:19px;}
div.images_kido_45{width:45%;float:left;}
div.images_kido_50{width:50%;float:left;}
div.cat_images_kido{width:100%;float:left;}
div.video_kido{width:100%;height:450px;float:left;}
/*---style for contact---ok*/
#component-contact{background:#fff;padding:10px;border:1px solid #F9F9F9;}
#component-bd {background:#fff;border:1px solid #F9F9F9;margin-top:15px;padding:10px;}
.contact_email{background:#f8f8f8;padding:10px;text-align:center;}
label#contact_name{color:#0099CC;font: 400 14px/28px arial;}
label#contact_phone{color:#0099CC;font: 400 14px/28px arial;}
label#contact_emailmsg{color:#0099CC;font: 400 14px/28px arial;}
label#contact_subject{color:#0099CC;font: 400 14px/28px arial;}
label#contact_textmsg{color:#0099CC;font: 400 14px/28px arial;}
input#contact_name.inputbox{width:50%;height:30px;box-shadow: 0 0 3px #F2F2F2 inset;overflow:hidden;border:1px solid #F2F2F2;}
input#contact_phone.inputbox{width:50%;height:30px;box-shadow: 0 0 3px #F2F2F2 inset;overflow:hidden;border:1px solid #F2F2F2;}
input#contact_email.inputbox.required.validate-email{width:50%;height:30px;box-shadow: 0 0 3px #F2F2F2 inset;overflow:hidden;border:1px solid #F2F2F2;}
input#contact_subject.inputbox{width:70%;height:30px;box-shadow: 0 0 3px #F2F2F2 inset;overflow:hidden;border:1px solid #F2F2F2;}
#contact_text{width:80%;height:150px;}
textarea#contact_text.inputbox.required{box-shadow: 0 0 3px #F2F2F2 inset;border:1px solid #F2F2F2;}
input#contact_email_copy{}
.contact_email_copy{color:#666666;font: 400 14px/28px arial;}
/* contacts */
div.contact {margin:10px 0;}
address {font-style:normal;margin:10px 0;}
address p {line-height:1em;}
.contact label {float:left;font-weight:bold;width:14em;margin:10px 0 0;}
span.marker {margin:0 10px 0 0;}
.contact_email_checkbox label {float:none !important;}
.contact label.copy {width:90%;padding:0 0 0 10px;}
.contact form {color:#000;padding:5px;margin:0;}
.contact input {background:#fff;color:#000;padding:2px 2px 0;margin:10px 0 0;}
.contact .button {background:url(../images/pfeil.gif) #000 no-repeat;border:0;color:#fff;font-weight:bold;margin:20px 10px 0 0;padding:0 0 0 30px;cursor:pointer;}
label.textarea {float:none !important;margin:10px 0;display:block;width:100%;}
.contact input.invalid,.contact textarea.invalid {border:solid 2px red;}
.contact label.invalid {color:red;}

/* User */
table.contentpane_regigter{background:#f8f8f8}
label#namemsg{color:#0099CC;font: 400 14px/28px arial}
input#name.inputbox.required{width:50%;height:30px;box-shadow: 0 0 3px #F2F2F2 inset;overflow:hidden;border:1px solid #F2F2F2}
label#usernamemsg{color:#0099CC;font: 400 14px/28px arial}
input#username.inputbox.required.validate-username{width:50%;height:30px;box-shadow: 0 0 3px #F2F2F2 inset;overflow:hidden;border:1px solid #F2F2F2}
label#emailmsg{color:#0099CC;font: 400 14px/28px arial}
input#email.inputbox.required.validate-email{width:50%;height:30px;box-shadow: 0 0 3px #F2F2F2 inset;overflow:hidden;border:1px solid #F2F2F2}
label#pwmsg{color:#0099CC;font: 400 14px/28px arial}
input#password.inputbox.required.validate-password{width:50%;height:30px;box-shadow: 0 0 3px #F2F2F2 inset;overflow:hidden;border:1px solid #F2F2F2}
label#pw2msg{color:#0099CC;font: 400 14px/28px arial}
input#password2.inputbox.required.validate-passverify{width:50%;height:30px;box-shadow: 0 0 3px #F2F2F2 inset;overflow:hidden;border:1px solid #F2F2F2}
label.text_batboc{color:#666666;font: 400 14px/28px arial}

/*------------------------------------------------------------------------*/
ul.pagination {list-style:none;}
ul.pagination li {display:inline;}
ul.vmRecentDetail {list-style:none;}

/*-- cat-list --*/
.cat_list {margin:10px 0 20px 0;border:5px solid #ddd;padding:5px}
.cat_list table {color:#006699}
#cat_list_img a {color:#006699}
.cat_list table {color:#00CCFF;text-decoration:none}
#cat_list_img a:hover {color:#00CCFF;text-decoration:none}

/*---------------------------------------------------------------------------------*/
img_caption left {height:auto}
img_caption left p {display:block}

/* Default Menu */
ul.menu {float:left;width:100%;margin:0;padding:0;}
ul.menu li {width:100%;height:2.1em;}
ul.menu li a {width:100%;float:left;color:#666666;font:400 13px/25px arial;background:url(../images/icon-black.gif) no-repeat 0px center;padding:0px 0px 0px 10px;text-decoration:none;text-align:left;}
ul.menu li a span{color:#666666;font:400 13px/25px arial;}
ul.menu li a span:hover,
ul.menu li a span:active,
ul.menu li a span:focus {color:#C85858;}
ul.menu li a:hover,
ul.menu li a:active,
ul.menu li a:focus {background:#ffffff url(../images/icon-yell.gif) no-repeat 0px center;}
ul.menu li.active a {background:#f2f2f2 url(../images/icon-yell.gif) no-repeat 0px center;}
ul.menu li ul {list-style:none;margin:0;padding:0}
ul.menu li li {border:none}
ul.menu li li a {width:100%;background: url(../images/icon-yell.gif) no-repeat 5px center !important;padding:0px 0px 0px 15px /*need for ie6*/}
ul.menu li li a span{color:#000;font: 400 12px/20px arial}
ul.menu li li a:hover,
ul.menu li li a:active,
ul.menu li li a:focus {background:#none;}

/* mis */
div.moduletable ul,
div.moduletable_text ul{margin:0;padding:0}

div.moduletable li,
div.moduletable_text li,
div.moduletable_menu li {line-height:20px;margin:0;padding-left:0}

div.moduletable li a,
div.moduletable_text li a,
div.moduletable_menu li a {display:block;padding:5px 2px 5px 15px}
ul.ja-bullettin li a {display:inline;padding:0}

/* ---- # ------ */
#iti {color:#666;}
#iti a {color:#FF0000;font-weight:bold;text-decoration:none;}
#iti a:hover {color:#FF9900;}
#iti a font {color:#666666;}
#iti a:hover font{color:#FF9900;}
/*---style for Vmart---*/
#vmMainPage table a {color:#FF0000;text-decoration:none;font-weight:bold;}
#vmMainPage table a:hover {color:#FF9900;text-decoration:none;font-weight:bold;} 
#img-pro {text-align:center;border:1px dotted #BDBDBD;padding:5px;}			
#pro h2 {font-size:16px;text-align:center;color:#0099FF;font-weight:bold}
#pro #info-pro {margin:10px 0 0 0;border-top:1px dotted #BDBDBD;}
#pro #info-pro p {margin:4px 0 4px 0; font-size:13x;}
font.price-pro a {font-size:15px;color:red;font-weight:bold;}
font.price-pro {font-size:15px;color:red;font-weight:bold;}		
font.price-pro a:hover {color:#FF9900;}
#pro #info-pro p label {font-weight:bold;display:inline-block;width:70px;}
#pro #info-pro p.faq a {font-size:12px;color:#0099FF;font-weight:bold;}
#pro #info-pro p.faq a:hover {color:#FF9900;}
#pro #ct-pro  {margin:10px 0 0 0;border-top:1px dotted #BDBDBD;}
#pro #ct-pro h3 {font-size:15px; color:#0099FF; font-weight:bold; margin-bottom:20px;}		

/*---$---*/
.icon_gold{font: 400 12px/18px arial;color:#C85858;padding:0px;/*background:url(../images/icon-gold.jpg) left center no-repeat;*/}
.icon_dolar{font: 400 12px/18px arial;color:#C85858;padding:0px;/*background:url(../images/icon-dolar.jpg) left center no-repeat;*/}

.w60{width:60px;height:25px;text-align:center;border-bottom:1px solid #b3b3b3;border-right:1px solid #b3b3b3;}
.w50{width:50px;}
.w100{width:100px;}
.text10{font-size:10px;text-align:right;}
/*---taps---*/
#tabs{width: 555px;height: 30px;background: url("images/taps.png") repeat-x scroll 50% 50% #F6A828;}
.menutaps > li{float:left;border: 1px solid rgba(153,178,183,0.2);border-radius: 5px;margin:5px;list-style:none;background-color:#FFFFFF}

/*Styles for screen 600px and lower*/
@media screen and (min-width: 981px) and (max-width: 1199px)
{
}
@media screen and (min-width: 661px) and (max-width: 980px)
{
	#box_common {display:block;border-bottom:1px solid #f2f2f2;}	
	nav li {display:block;float:none;width:100%;}
	nav li a {width:100%;float:left;color:#ffffff !important;background: none repeat scroll 0% 0% #c85858;border-bottom:1px solid #f2f2f2;}
	nav ul {display:none;height:auto;}
	nav a#pull {display:block;background-color:#ffffff;width:100%;position:relative;}
	nav a#pull:after {float:left;content: '';background: url("../images/bg-vi-w.png") no-repeat -188px center;display:block;width:35px;height:35px;border-radius:50%;background-size:auto 25px;background-color:#c85858;border:5px solid #eb8125;margin-bottom:5px;margin-right:5px;margin-left:5px;margin-top:10px;}
	
	.header_logo,#hearder_banner,.wn400,.wn335,.ex261,.bl_32,.bl_33,#dhtmltooltip,#dhtmlpointer {display:none}
	#sile_mobi{display:block;}
	.container,.vi_le_a,.vi_32,.ex745,.De2,.tab_pro_mua{width:100%;margin:0px}
	.img_logo {float:none;margin:2px auto 0px;width:150px;display:block}
	
	.box_while_tbg h1{color:#C85858;font:400 25px/40px Arial,Helvetica,sans-serif;letter-spacing:.02em;}
	div.new_pic_new{float:left;width:calc(25% - 6px);height:236px;margin: 0.2em 0em 0em 0.2em;background-color:#fff;border:1px solid #f2f2f2;}	
	div.pro_box_de{float:left;width:calc(25% - 6px);height:275px;margin: 0.2em 0em 0em 0.2em;background-color:#fff;border:1px solid #f2f2f2;}
	div.pro_box_de_1{float:left;width:calc(25% - 6px);height:275px;margin: 0.2em 0em 0em 0.2em;background-color:#fff;border:1px solid #f2f2f2;}	
	div.box_img_home_dv{float:left;width:calc(50% - 12px);height:303px;margin:0px;padding:5px;border:1px solid #f2f2f2;}
	.nd_comment{width:100%}	
	.w-p-detail-l, .w-p-detail-r{width: 100%;margin:0px;padding:0px}
	.w-p-detail-l-352{width:100%}
	.pro-detail-image{width:100%;border:1px solid #f8f8f8}
	.pro-detail-image img{width:100%}	

	.tab_pro_bg{float:left;width:100%;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
	.box_while_tbg h2{text-align:center}

	.block_use{float:left;width:50%}
	.block_register{float:left;width:50%}
	
	.footer,.center_f {width:100%}
}


@media screen and (min-width: 569px) and (max-width: 660px)
{
	#box_common {display:block;border-bottom:1px solid #f2f2f2;}	
	nav li {display:block;float:none;width:100%;}
	nav li a {width:100%;float:left;color:#ffffff !important;background: none repeat scroll 0% 0% #c85858;border-bottom:1px solid #f2f2f2;}
	nav ul {display:none;height:auto;}
	nav a#pull {display:block;background-color:#ffffff;width:100%;position:relative;}
	nav a#pull:after {float:left;content: '';background: url("../images/bg-vi-w.png") no-repeat -188px center;display:block;width:35px;height:35px;border-radius:50%;background-size:auto 25px;background-color:#c85858;border:5px solid #eb8125;margin-bottom:5px;margin-right:5px;margin-left:5px;margin-top:10px;}
	
	.header_logo,#hearder_banner,.wn400,.wn335,.ex261,.bl_32,.bl_33,#dhtmltooltip,#dhtmlpointer {display:none}
	#sile_mobi{display:block;}
	.container,.vi_le_a,.vi_32,.ex745,.De2,.tab_pro_mua{width:100%;margin:0px}
	.img_logo {float:none;margin:2px auto 0px;width:150px;display:block}
	
	.box_while_tbg h1{color:#C85858;font:400 25px/40px Arial,Helvetica,sans-serif;letter-spacing:.02em;}
	div.new_pic_new{float:left;width:calc(33.3333% - 6px);height:236px;margin: 0.2em 0em 0em 0.2em;background-color:#fff;border:1px solid #f2f2f2;}	
	div.pro_box_de{float:left;width:calc(50% - 6px);height:275px;margin: 0.2em 0em 0em 0.2em;background-color:#fff;border:1px solid #f2f2f2;}
	div.pro_box_de_1{float:left;width:calc(50% - 6px);height:275px;margin: 0.2em 0em 0em 0.2em;background-color:#fff;border:1px solid #f2f2f2;}	
	div.box_img_home_dv{float:left;width:calc(50% - 12px);height:303px;margin:0px;padding:5px;border:1px solid #f2f2f2;}
	.nd_comment{width:100%}	
	.w-p-detail-l, .w-p-detail-r{width: 100%;margin:0px;padding:0px}
	.w-p-detail-l-352{width:100%}
	.pro-detail-image{width:100%;border:1px solid #f8f8f8}
	.pro-detail-image img{width:100%}	

	.tab_pro_bg{float:left;width:100%;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
	.box_while_tbg h2{text-align:center}

	.block_use{float:left;width:50%}
	.block_register{float:left;width:50%}
	
	.footer,.center_f {width:100%}
}


@media screen and (min-width: 481px) and (max-width: 568px) 
{
	#box_common {display:block;border-bottom:1px solid #f2f2f2;}	
	nav li {display:block;float:none;width:100%;}
	nav li a {width:100%;float:left;color:#ffffff !important;background: none repeat scroll 0% 0% #c85858;border-bottom:1px solid #f2f2f2;}
	nav ul {display:none;height:auto;}
	nav a#pull {display:block;background-color:#ffffff;width:100%;position:relative;}
	nav a#pull:after {float:left;content: '';background: url("../images/bg-vi-w.png") no-repeat -188px center;display:block;width:35px;height:35px;border-radius:50%;background-size:auto 25px;background-color:#c85858;border:5px solid #eb8125;margin-bottom:5px;margin-right:5px;margin-left:5px;margin-top:10px;}
	
	.header_logo,#hearder_banner,.wn400,.wn335,.ex261,.bl_32,.bl_33,#dhtmltooltip,#dhtmlpointer {display:none}
	#sile_mobi{display:block;}
	.container,.vi_le_a,.vi_32,.ex745,.De2,.tab_pro_mua{width:100%;margin:0px}
	.img_logo {float:none;width:150px;margin:2px auto 0px;display:block;}	
	
	.box_while_tbg h1{color:#C85858;font:400 25px/40px Arial,Helvetica,sans-serif;letter-spacing:.02em;}
	div.new_pic_new{float:left;width:calc(33.3333% - 6px);height:236px;margin: 0.2em 0em 0em 0.2em;background-color:#fff;border:1px solid #f2f2f2;}	
	div.pro_box_de{float:left;width:calc(50% - 6px);height:275px;margin: 0.2em 0em 0em 0.2em;background-color:#fff;border:1px solid #f2f2f2;}
	div.pro_box_de_1{float:left;width:calc(50% - 6px);height:275px;margin: 0.2em 0em 0em 0.2em;background-color:#fff;border:1px solid #f2f2f2;}	
	div.box_img_home_dv{float:left;width:calc(50% - 12px);height:303px;margin:0px;padding:5px;border:1px solid #f2f2f2;}
	.nd_comment{width:100%}	
	.w-p-detail-l, .w-p-detail-r{width: 100%;margin:0px;padding:0px}
	.w-p-detail-l-352{width:100%}
	.pro-detail-image{width:100%;border:1px solid #f8f8f8}
	.pro-detail-image img{width:100%}	

	.tab_pro_bg{float:left;width:100%;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
	.box_while_tbg h2{text-align:center}

	.block_use{float:left;width:50%}
	.block_register{float:left;width:50%}
	
	.footer,.center_f {width:100%}
}

@media screen and (min-width: 361px) and (max-width: 480px) 
{
	#box_common {display:block;border-bottom:1px solid #f2f2f2;}	
	nav li {display:block;float:none;width:100%;}
	nav li a {width:100%;float:left;color:#ffffff !important;background: none repeat scroll 0% 0% #c85858;border-bottom:1px solid #f2f2f2;}
	nav ul {display:none;height:auto;}
	nav a#pull {display:block;background-color:#ffffff;width:100%;position:relative;}
	nav a#pull:after {float:left;content: '';background: url("../images/bg-vi-w.png") no-repeat -188px center;display:block;width:35px;height:35px;border-radius:50%;background-size:auto 25px;background-color:#c85858;border:5px solid #eb8125;margin-bottom:5px;margin-right:5px;margin-left:5px;margin-top:10px;}
	
	.header_logo,#hearder_banner,.wn400,.wn335,.ex261,.bl_32,.bl_33,#dhtmltooltip,#dhtmlpointer {display:none}
	#sile_mobi{display:block;}
	.container,.vi_le_a,.vi_32,.ex745,.De2,.tab_pro_mua{width:100%;margin:0px}
	.img_logo {float:none;width:150px;margin:2px auto 0px;display:block;}	
	
	.box_while_tbg h1{color:#C85858;font:400 25px/40px Arial,Helvetica,sans-serif;letter-spacing:.02em;}
	div.new_pic_new{float:left;width:calc(50% - 6px);height:236px;margin: 0.2em 0em 0em 0.2em;background-color:#fff;border:1px solid #f2f2f2;}
	div.pro_box_de{float:left;width:calc(50% - 6px);height:275px;margin: 0.2em 0em 0em 0.2em;background-color:#fff;border:1px solid #f2f2f2;}
	div.pro_box_de_1{float:left;width:calc(50% - 6px);height:275px;margin: 0.2em 0em 0em 0.2em;background-color:#fff;border:1px solid #f2f2f2;}	
	div.box_img_home_dv{float:left;width:calc(50% - 12px);height:303px;margin:0px;padding:5px;border:1px solid #f2f2f2;}
	.nd_comment{width:100%;}	
	.w-p-detail-l, .w-p-detail-r{width: 100%;margin:0px;padding:0px;}
	.w-p-detail-l-352{width:100%;}
	.pro-detail-image{width:100%;border:1px solid #f8f8f8;}
	.pro-detail-image img{width:100%}	

	.tab_pro_bg{float:left;width:100%;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
	.box_while_tbg h2{text-align:center;}

	.block_use{float:left;width:50%;}
	.block_register{float:left;width:50%;}	
	.footer,.center_f {width:100%;}
	
}

@media screen and (min-width: 321px) and (max-width: 360px) 
{
	#box_common {display:block;border-bottom:1px solid #f2f2f2;}	
	nav li {display:block;float:none;width:100%;}
	nav li a {width:100%;float:left;color:#ffffff !important;background: none repeat scroll 0% 0% #c85858;border-bottom:1px solid #f2f2f2;}
	nav ul {display:none;height:auto;}
	nav a#pull {display:block;background-color:#ffffff;width:100%;position:relative;}
	nav a#pull:after {float:left;content: '';background: url("../images/bg-vi-w.png") no-repeat -188px center;display:block;width:35px;height:35px;border-radius:50%;background-size:auto 25px;background-color:#c85858;border:5px solid #eb8125;margin-bottom:5px;margin-right:5px;margin-left:5px;margin-top:10px;}
	
	.header_logo,#hearder_banner,.wn400,.wn335,.ex261,.bl_32,.bl_33,#dhtmltooltip,#dhtmlpointer {display:none}
	#sile_mobi{display:block;}
	.container,.vi_le_a,.vi_32,.ex745,.De2,.tab_pro_mua{width:100%;margin:0px;}
	.img_logo {float:none;width:150px;margin:2px auto 0px;display:block;}	
	
	.box_while_tbg h1{color:#C85858;font:400 25px/40px Arial,Helvetica,sans-serif;letter-spacing:.02em;}
	div.new_pic_new{float:left;width:calc(50% - 6px);height:215px;margin: 0.2em 0em 0em 0.2em;background-color:#fff;border:1px solid #f2f2f2;}	
	div.pro_box_de{float:left;width:calc(50% - 6px);height:158px;margin: 0.2em 0em 0em 0.2em;background-color:#fff;border:1px solid #f2f2f2;}
	div.pro_box_de_1{float:left;width:calc(50% - 6px);height:158px;margin: 0.2em 0em 0em 0.2em;background-color:#fff;border:1px solid #f2f2f2;}	
	div.box_img_home_dv{float:left;width:calc(50% - 12px);height:303px;margin:0px;padding:5px;border:1px solid #f2f2f2;}
	.nd_comment{width:100%;}	
	.w-p-detail-l, .w-p-detail-r{width: 100%;margin:0px;padding:0px;}
	.w-p-detail-l-352{width:100%;}
	.pro-detail-image{width:100%;border:1px solid #f8f8f8;}
	.pro-detail-image img{width:100%;}	

	.tab_pro_bg{float:left;width:100%;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
	.box_while_tbg h2{text-align:center;}

	.block_use{float:left;width:50%;}
	.block_register{float:left;width:50%;}	
	.footer,.center_f {width:100%;}
}

@media screen and (min-width: 120px) and (max-width: 320px) 
{
	#box_common {display:block;border-bottom:1px solid #f2f2f2;}	
	nav li {display:block;float:none;width:100%;}
	nav li a {width:100%;float:left;color:#ffffff !important;background: none repeat scroll 0% 0% #c85858;border-bottom:1px solid #f2f2f2;}
	nav ul {display:none;height:auto;}
	nav a#pull {display:block;background-color:#ffffff;width:100%;position:relative;}
	nav a#pull:after {float:left;content: '';background: url("../images/bg-vi-w.png") no-repeat -188px center;display:block;width:35px;height:35px;border-radius:50%;background-size:auto 25px;background-color:#c85858;border:5px solid #eb8125;margin-bottom:5px;margin-right:5px;margin-left:5px;margin-top:10px;}
	
	.header_logo,#hearder_banner,.wn400,.wn335,.ex261,.bl_32,.bl_33,#dhtmltooltip,#dhtmlpointer {display:none;}
	#sile_mobi{display:block;}
	.container,.vi_le_a,.vi_32,.ex745,.De2,.tab_pro_mua{width:100%;margin:0px;}
	.img_logo {float:none;width:150px;margin:2px auto 0px;display:block;}
	
	.box_while_tbg h1{color:#C85858;font:400 20px/35px Arial,Helvetica,sans-serif;letter-spacing:.02em;}
	div.new_pic_new{float:left;width:calc(50% - 6px);height:201px;margin: 0.2em 0em 0em 0.2em;background-color:#fff;border:1px solid #f2f2f2;}
	div.pro_box_de{float:left;width:calc(50% - 6px);height:158px;margin: 0.2em 0em 0em 0.2em;background-color:#fff;border:1px solid #f2f2f2;}
	div.pro_box_de_1{float:left;width:calc(50% - 6px);height:158px;margin: 0.2em 0em 0em 0.2em;background-color:#fff;border:1px solid #f2f2f2;}	
	div.box_img_home_dv{float:left;width:calc(50% - 12px);height:303px;margin:0px;padding:5px;border:1px solid #f2f2f2;}
	div.images_kido_45{width:100%;float:left;}
	.nd_comment{width:100%;}	
	.w-p-detail-l, .w-p-detail-r{width:100%;margin:0px;padding:0px;}
	.w-p-detail-l-352{width:100%;}
	.pro-detail-image{width:100%;border:1px solid #f8f8f8;}
	.pro-detail-image img{width:100%;}	

	.tab_pro_bg{float:left;width:100%;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
	.box_while_tbg h2{text-align:center;}

	.block_use{float:left;width:50%;}
	.block_register{float:left;width:50%;}	
	.footer,.center_f {width:100%;}	
}