body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;} table{border-collapse:collapse;border-spacing:0;} fieldset,img{border:0;} address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;} ol,ul {list-style:none;} strong { font-weight:bold;} em { font-style:italic;} caption,th {text-align:left;} h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} .v10{font-size:10px;} .v14{font-size:14px; font-weight:bold; color:#4a4242} .v13{font-size:13px; font-weight:bold; color:#4a4242} .v17{font-size:15px; font-weight:bold} .v12{color:#4a4242; font-weight:none; font-family:Arial; font-size:12px;} q:before,q:after{content:'';} abbr,acronym {border:0;} img{ padding:0; margin:0; border: 0px solid #fff; } a{ text-decoration:none; color:#009} a:hover{ text-decoration:none; color:#996600;} body {font-size:12px; font-family:Arial,Verdana,Helvitica,sans-serif; background:#eeeeee; color:#4a4242} .cl{ clear:left; font-size:0px; height:0px;} .cr{ clear:right; font-size:0px; height:0px;} .cb{ clear:both; font-size:0px; height:0px; line-height:0px;} .fl{ float:left;} .fr{ float:right; _float:right} .text_centre{ text-align:center} .text_centre_fire{text-align:center; text-align:-moz-center; !text-align:center;} .text_left{ text-align:left} .uppercase{ text-transform:uppercase} .text_justify{ text-align:justify;} .text_right{ text-align:right} .bold{ font-weight:bold;} .mg_r16{margin-right:16px} .mg_r10{margin-right:10px} .mg_15{margin-top:15px} .mg_t10{margin-top:10px} .mg_25{margin-top:25px} .mg_l10{margin-left:10px} .mg_5{margin-top:5px} .mg_l5{ margin-left:5px;} .mg_t20{margin-top:25px} .mg_t1{margin-top:1px} .mg_l1{margin-left:1px} .mg_b10{ margin-bottom:10px} .pd_t13{padding-top:13px} .pd_t11{padding-top:11px} .pd_b20{padding-bottom:20px} .pd_b10{padding-bottom:10px} .pd_10{ padding:10px;} .pd_b15{padding-bottom:15px;} .pd_15{ padding:15px; padding-top:0px;} .pd5{ padding-bottom:5px; padding-top:5px; padding-left:10px} .trang{color:#fff} .vang{color:#ffff00} .bg{background:#eeeeee}; .coler_text{color:#038848} #s960{width:960px; min-width:960px; max-width:960px; #width:960px; _width:960px; margin:auto; padding:auto; background:#fff} .col1{width:719px; max-width:719px} .col2{width:140px; margin-left:41px} .col338{width:338px; margin:0; padding:0} .col719{width:719px; padding:0} .col700{ width:700px; max-width:700px; min-width:700px} .col672{ width:672px; max-width:672px; min-width:672px} .col200{ width:200px} /*------------------------Header----------------------------*/ #notice{ width:960px;background:#eeeeee; height:25px;} #header{ width:960px; height:125px; background:#eeeeee} .h_col366{ width:336px; color:#999;} .h_col366 a{ color:#999; text-decoration:none} .h_col366 a:hover{ color:#CCC; text-decoration:none} .search{ width:336px; height:37px; background:url(../images/bgsearch.gif);} .s_input{padding:10px 0px 0px 0px; _padding-top:8px} #menu{ width:960px; padding:0; margin:0; height:35px} .bg_munu{ width:944px; background:url(../images/bg_menu.gif); height:35px; text-transform:uppercase; font-weight:bold} .bg_munu a{ color:#FFF; text-decoration:none} .bg_munu a:hover{ color:#FF0; text-decoration:none} .bg_munu .active a{ color:#FF0; text-decoration:none} .tab154{ width:153px; padding-top:9px; font-size:11px;} #content{width:960px; min-width:960px; max-width:960px;margin:0; padding:0; background:#FFF} .flash{ width:960px; margin-top:1px; padding:0} #cont{ padding:0px 10px 0px 10px; width:940px; background:#FFF; } .cont_cl{ width:698px; margin:0; padding:5px; border:0px solid #eeeeee;} .title_cntl{ width:700px; height:23px; margin-bottom:20px} .bg_title_cntl{ background: #0066FF; width:6px; height:19px; text-align:center; padding-top:4px; color:#FFF; font-weight:bold; font-size:12px} .title_center{ background:#f5f5f5; height:18px; width:674px; margin-left:1px; border:1px solid #eeeeee; text-transform:uppercase; font-size:12px; padding-left:10px; padding-top:3px; font-weight:bold; /*color:#4a4242*/ color:#0066FF;} .title_center h1, h2{font-size:12px; float:left; padding-left:7px;font-weight:bold; color: #0066FF} .title_center_pdetail{ background:#f5f5f5; height:18px; width:680px; margin-left:1px; border:1px solid #eeeeee; text-transform:uppercase; font-size:12px; padding-left:10px; padding-top:3px; font-weight:bold; /*color:#4a4242*/ color:#0066FF;} .title_center_pdetail h1, h2{font-size:12px; float:left; padding-left:7px;font-weight:bold; color: #0066FF} .title_detail_prd{ height:18px; width:687px; border:1px solid #eeeeee; text-transform:uppercase; font-size:12px; padding-left:10px; padding-top:3px; font-weight:bold; color:#0066FF} .col350{ width:330px; padding-left:10px; padding-bottom:10px;padding-top:10px; border-top:0px solid #eeeeee;} .img_col350{ width:110px; height:110px; border:1px solid #eeeeee; padding:1px} .slideshow { width:110px; height:116px; border:1px solid #eeeeee; display:block; margin:5px;} .text205{ width:200px; padding-right:5px;} .text205 h3{ float:left; font-weight:bold} .text205 h3 a { color:#4a4242; text-decoration:none; font-weight:bold; } .text205 h3 a:hover { color:#408080; text-decoration:none; font-weight:bold;} .text205 span h4{ width:200px; height:auto; float:left; padding-top:3px; display:block; float:left; } .textnews{ width:205px; padding-right:5px;} .textnews h3{ float:left; font-weight:bold} .textnews h3 a { color: #006699; text-decoration:none; font-weight:bold;} .textnews h3 a:hover { color: #990000; text-decoration:none; font-weight:bold;} .textnews span h4{ width:205px; float:left; padding-top:10px} .textnews span a { color: #FF6666; text-decoration:none; font-style:oblique;font-weight:bold;} .textnews span a:hover { color: #0066FF; text-decoration:none; font-style:oblique;font-weight:bold;} .detail{ display:block; width:63px; height:16px; background:url(../images/detail.gif); padding-left:25px; padding-bottom:1px;margin-bottom:10px; margin-top:10px; font-size:11px; font-weight:bold} .detail a{ color:#FFF; text-decoration:none;} .detail a:hover{ color:#FF0; text-decoration:none} .intro{ width:566px; height:82px; border-bottom:1px solid #eeeeee; border-left:1px solid #eeeeee;border-top:1px solid #eeeeee; padding-top:15px; padding-bottom:15px; padding-left:20px} .intro a { color:#4a4242; text-decoration:none; font-weight:bold; ;} .intro a:hover { color:#408080; text-decoration:none; font-weight:bold;} .col479{width:566px} .text_center{ text-align:center;} .cont_cr{ width:200px; margin:0; padding-left:20px; padding-top:12px; color:#4a4242; padding-bottom:20px} .tile_news{ width:197px; height:19px; background:url(../images/title_new.gif); padding-top:10px; padding-right:3px; color:#0066FF} .date{ width:40px; height:34px; background:url(../images/new_item.gif); color:#FFF; font-size:11px; text-align:center; padding-top:5px} .img_menu{ width:38px; height:37px; background:url(../images/new_item.gif); color:#FFF; font-size:11px; text-align:center; padding:1px} .prd_title{ width:173px; background:#eeeeee; background-image:url(../images/aa.gif); background-repeat:no-repeat; height:14px; padding:5px; padding-left:25px; padding-right:1px; font-size:12px; text-justify:auto} .prd_title a{ color:#4a4242; text-decoration:none} .prd_title a:hover{ color:#999; text-decoration:underline} .news{ width:149px; background:#eeeeee; height:29px; padding:5px; font-size:11px} .news a{ color:#4a4242; text-decoration:none;} .news a img{ border:1px solid #CCCCCC; margin-top:5px; padding:5px;} .news a:hover{ color:#999; text-decoration:underline} .product_download{ width:550px; background:#eeeeee; height:auto; font-style:italic; padding:5px; font-size:11px;text-align:center; } .date_download a{ color:#FFFFFF; text-decoration:none;} .date_download a:hover{ color: #FFFFFF; text-decoration:underline} .date_download{ width:100px; height:auto; background:url(../images/new_item.gif) repeat-x; color:#FFF; font-size:11px; text-align:center; padding:5px} .productnb{ width:189px; background:#eeeeee; height:auto; padding:5px; font-size:11px;text-align:center; } .productnb a{ color:#4a4242; text-decoration:none;} .productnb a img{ border:1px solid #CCCCCC; margin-top:5px; padding:5px;} .productnb a:hover{ color:#999; text-decoration:underline} .adv{ padding-top:11px; width:200px} .helper{ width:190px; height:160px; background:#EEEEEE; margin-top:1px; padding-top:10px; padding-left:10px;color:#038848} .ndt_text ul li{margin-top:4px; margin-bottom:3px} .ndt_text ul li img{margin-right:3px;} .ndt_text ul li a{color:#408080; text-decoration:none} .ndt_text ul li a:hover{color:#999; text-decoration:underline} .ndt_order{ border-top:1px solid #e0e0e0; margin:0px 0pt 15px 0px; position:relative; width:680px;} .ndt_order h3{ background-color:#FFFFFF; color:#4a4242; font-weight:bold; /*left:20px;*/ padding:6px 1px 6px 0px; position:absolute; top:-16px; font-size:13px} .page a{ color:#4a4242; text-decoration:none} .page a:hover{ color:#999; text-decoration:underline} .tile_contact{ width:183px; height:20px; background:url(../images/title_contact.gif); padding:15px; padding-bottom:0px; padding-right:3px; /*color:#00974e*/ color:#0066FF} .tile_helper{ width:197px; height:20px; background:url(../images/helper.gif); padding-top:15px; padding-right:3px; color:#038848} /*------------------------Content Index----------------------------*/ .news15{ width:199px; background:#eeeeee; height:18px; padding:0px; font-size:11px} .news15 a{ color:#4a4242; text-decoration:none;} .news15 a:hover{ color:#999; text-decoration:underline} .news15 img{ margin-left:45px;} .news15 a img{ margin-left:5px;} #footer{ width:960px; background:#eeeeee;} .bg_footer{ background:url(../images/bg_footer.gif); height:40px; width:950px} .text_ft{ color:#999; padding-top:12px; padding-left:15px} .text_ft a{ color:#666; text-decoration:none} .text_ft a:hover{ color:#999; text-decoration:none} /**************************** Tabmenu ********************************/ #bigPic{ width:596px; height:500px; padding:1px; padding-left:100px; #padding-left:100px; border:1px solid #eeeeee; background-color:#FFF; margin-bottom:10px; } #bigPic img{ position:absolute; _position:relative; #position:relative; display:none; } .bdImg { width:691px; padding:3px; border:1px solid #eeeeee} .bdPrd h3{ width:685px; padding:6px; border:1px solid #eeeeee; border-top:0px; margin-bottom:10px;} .bdPrdOrder { width:686px; padding:5px; border:1px solid #eeeeee; border-top:0px; margin-bottom:10px;} .PrdOrder{width:123px; margin-left:5px; margin-right:5px} .PrdOrder h2{ font-size:12px; font-weight:bold} .PrdOrder h2 a{ color: #003366; text-decoration:none;} .PrdOrder h2 a:hover { color:#408080; text-decoration:none;} .PrdOrder img{width:117px; border:1px solid #eeeeee; padding:3px} .titlePrdDetail{ width:700px; height:23px;} .sitemap h3 a { color:#4a4242; text-decoration:none; font-weight:bold; } .sitemap h3 a:hover { color:#408080; text-decoration:none; font-weight:bold;} .comment_prd{width:700px; border-top:3px solid #e0e0e0} .input{ color:#999; font-size:12px} .comment{ width:678px; height:70px} #targetDiv { width:680px; margin-left:10px; margin-right:10px} .targetCom { width:680px; margin-left:10px; margin-right:10px} .textthugon{ width:auto; padding:5px; padding-left:20px;} .textthugon h3{ float:left; font-weight:bold} .textthugon h3 a { color:#4a4242; text-decoration:none; font-weight:bold; } .textthugon h3 a:hover { color:#0066FF; text-decoration:none; font-weight:bold;} .danhdau {margin-top:5px;margin-right:5px; padding-top:0px;width:5px; height:5px; float:left; display:block; background: url(../images/new_item.gif) no-repeat;} .cssthe_a{text-align:left;display:block;padding:12px; padding-top:0; width:140px; height:auto; color:#FF0000;} .cssthe_a a{text-align:left;display:block; color:#003366;} .cssthe_a a:hover{color: #0066FF;} .n_title {font-weight: bold; color: #003366; padding-top:5px; display:block;} .red { color:red;} .col680{ width:680px; padding-left:8px; padding-top:5px; padding-bottom:5px;} .text410{ width:444px; padding:5px;} .text410 h3{ float:left; font-weight:bold} .text410 h3 a { color:#4a4242; text-decoration:none; font-weight:bold; } .text410 h3 a:hover { color:#408080; text-decoration:none; font-weight:bold;} .text410 span h4{ display:block; width:434px; height:auto; float:left;} .slideshow_home { width:205px; height:auto; border:1px solid #eeeeee;margin:3px; display:block;} .search544{ width:544px; padding:5px;} .search544 h3{ float:left; font-weight:bold} .search544 h3 a { color:#4a4242; text-decoration:none; font-weight:bold; } .search544 h3 a:hover { color:#408080; text-decoration:none; font-weight:bold;} .search544 span h4{ display:block; width:534px; height:auto; float:left;} .textnews_home{ width:205px; padding-right:5px;} .textnews_home h3{ float:left; font-weight:bold} .textnews_home h3 a { color: #006699; text-decoration:none; font-weight:bold;} .textnews_home h3 a:hover { color: #990000; text-decoration:none; font-weight:bold;} .textnews_home span h4{ width:205px; float:left; padding-top:10px} .textnews_home span a { color: #FF6666; text-decoration:none; font-style:oblique;font-weight:bold;} .textnews_home span a:hover { color: #0066FF; text-decoration:none; font-style:oblique;font-weight:bold;}