/* ================== reset css ================== */

* {margin: 0;padding: 0;}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

* html img,
* html .png , {
position:relative;
behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "http://upload.wikimedia.org/wikipedia/commons/c/ce/Transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("http://dothophugiahung.com/css/','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
);
}

/* ============================ define Css ========================= */
body {
    font-family: arial,tahoma;
    font-size: 12px;
    color: #333;
    background: url(../images/bg.gif) repeat;
}

a {
    text-decoration: none;
    cursor: pointer;
    outline: none;
    color: #333;
}
a:hover {color: #FF8000;}

.wrapper960 {width: 980px;margin: 0 auto;}
.bgAll {float: left;width: 960px;padding: 0 10px;}

.headBg {float: left;width: 100%;margin: 20px 0 0 0;}

#header {width: 100%;margin: 10px 0 0 0;}
        .logoHead {float: left;border: none;}
        .searchH {float: right;padding: 30px 0 0 0;}
        .ipSearch {float: left;width: 158px;height: 19px;line-height: 19px;padding: 0 5px;border: none;color: #3a1213;font-size: 11px;background: #e1dace;}
        .bgSearch {float: right;width: 24px;height: 19px;background: url(../images/searchBt.jpg) no-repeat;}
        
        .imgHead {float: left;width: 57px;}
        .bodyHead {float: left;width: 878px;position: relative;padding: 51px;height: 148px;}
        .SlideHead {float: left;width: 878px;height: 148px;background: #a73f01;overflow: hidden;}
        .LogoSite {float: left;width: 100%;position: absolute;text-align: center;left: 0;top: -10px;z-index: 99999;}
        .LogoSite img {border: none;}

        #slideshow {float: left;width: 878px; height: 148px;position: relative;}
        #slideshow img {width: 878px; height: 148px;}
        #nav { z-index: 50; position: absolute; bottom: 8px; right: 9px ; float: left;display: none;}
        #nav a { margin: 0 0 0 5px;float: left;background: #4f1919;color: #fff;padding: 1px 6px;}
        #nav a.activeSlide {background: #cf9339; color: #fff; }
        
        
        .menuHead {background: url(../images/topNav.png) repeat-x bottom;height: 39px;padding: 0;float: left;width: 100%;border-bottom: 1px solid #fff;}
        .menuHead ul {width: 100%;list-style: none;}
        .menuHead ul li {float: left;height: 26px;padding: 5px 10px; background: url(../images/boderMenu.png) no-repeat right top;}
        .menuHead ul li a {float: left;padding-right: 8px;background: none;}
        .menuHead ul li a span {float: left;padding-left: 8px;background: none;}
        .menuHead ul li a span b {color: #F3E0B8;background: none;height: 26px;float: left;padding: 0 10px;line-height: 26px;}
        .menuHead ul li a.actMn , .menuHead ul li a:hover {background: url(../images/rightMenu.png) no-repeat right top;}
        .menuHead ul li a.actMn span , .menuHead ul li a:hover span {background: url(../images/leftMenu.png) no-repeat left top;}
        .menuHead ul li a.actMn span b , .menuHead ul li a:hover span b {color: yellow;background: url(../images/bgMenu.png) repeat-x;}
        
        .menuHead ul li#newMn , .menuHead ul li#dowload {position: relative;z-index: 9999;}
        .menuHead ul li#newMn p , .menuHead ul li#dowload p {float: left;width: 250px;position: absolute;left: 0;top: 36px;z-index: 999999;} 
        .menuHead ul li#newMn p a , .menuHead ul li#dowload p a {display: block;padding: 7px 10px 7px 34px;float: none; background: #401415;color: #fff;font-weight: bold;border-top: 1px solid #777;}
        .menuHead ul li#newMn p a:hover , .menuHead ul li#dowload p a:hover {color: yellow;}
        
        .menuHead form {float: right;width: 193px;padding: 9px 14px 0 0;}
        
#main {float: left;width: 100%;margin: 12px 0 0 0;}
        
        .col220 , .col220R {float: left;width: 220px;padding-right: 12px;}
        .col220R {padding: 0 0 0 12px;}
        
                .box220 {float: left;width: 220px;margin: 0 0 10px 0;background: url(../images/categories_bottom.png) no-repeat left bottom;padding-bottom: 20px;}
                    .box220 h2 {display: block;padding: 8px 13px 10px 16px;font-weight: bold;color: #F3E0B8; text-transform: uppercase;font-size: 12px;line-height: 17px;height: 17px; background: url(../images/categories_top.png) no-repeat;}
                    .box220 h2 a {color: #F3E0B8;}
                    .box220 h2 a:hover {color: white;}
                    .listCat {float: left;width: 200px; list-style: none;background: url(../images/categories_mid.png) repeat-y;padding: 3px 10px 0 10px;}
                    .listCat li {float: left;width: 100%;position: relative;z-index: 99999;}
                    .listCat li a {color: #996600;display: block;font-weight: bold;padding: 5px 13px 6px 13px;background: url(../images/line_trans.png) no-repeat center bottom;}
                    .listCat li span {float: left;width: 213px; position: absolute;top: -1px;left: 216px;z-index: 999999;background: url(../images/categories_mid.png) repeat-y -4px center;border-top: 1px solid #af9f85;}
                    .listCat li span a {color: #333;padding: 5px 13px 6px 23px;}
                    .listCat li.LIhover a {color: #333;}
                    .listCat li a:hover {text-decoration: underline;}
                    
                    .carousel {position: relative;}
                    
                    .box190 {float: left;width: 190px; background: url(../images/categories_mid.png) repeat-y;padding: 10px 15px 0 15px;}
                    .supportB div , .supportB div h5 , .supportB div p {float: left;width: 100%;}
                    .supportB div h5 {font-size: 12px;padding: 0 0 12px 0;}
                    .supportB div p {padding: 0 0 8px 0;color: #0066cc;line-height: 15px;}
                    .supportB div p a {color: #0066cc;}.supportB div p a:hover {color: #FF8000;}
                    .supportB div p span {float: left;width: 24px;}
                    
                    .listService {display: block;list-style: none;background: url(../images/categories_mid.png) repeat-y;padding: 10px 0 0 0;}
                    .listService li {display: block;padding: 4px 15px 4px 32px;background: url(../images/iconServices.jpg) no-repeat 15px 5px;}
                
                    .titNew {display: block;padding: 0 0 12px 18px;background: url(../images/iconServices.jpg) no-repeat left 3px;line-height: 16px;font-weight: normal;}
                
                    .media object , .media embed {width: 190px;border: none;margin: 0;padding: 0;}
                
        .col728 , .box728 {float: left;width: 496px;}
                
                .box728 {margin: 0 0 11px 0; padding: 0 0 15px 0;background: url(../images/bot728.png) no-repeat left bottom;overflow: hidden;position: relative;}
                
                    .titAll {float: left;width: 100%;background: url(../images/bgTitAll.jpg) no-repeat center bottom;font-weight: normal;text-transform: uppercase;}
                        .titAll a {float: left;padding-right: 16px;background: url(../images/Tabs_act_right.png) no-repeat right top;display: inline;margin: 0 10px;}
                        .titAll a span {float: left;padding-left: 16px;background: url(../images/Tabs_act_left.png) no-repeat left top;}
                        .titAll a span b {float: left;height: 30px;line-height: 30px;overflow: hidden; padding: 0;color: #F3E0B8; background: url(../images/Tabs_act_md.png) repeat-x;}
                        .titAll a:hover span b {color: white;}
                        .titAll a.AllP {float: right;padding: 0;background: none;margin: 6px 10px 0 0;font-size: 11px;color: white;}
                        .titAll a.AllP i {font-style: normal;font-size: 13px;}
                        .titAll a.AllP:hover {color: #333;}
                        
                    .ct728 {float: left;width: 496px;background: #f4f4f4;overflow: hidden;}
                    .boxSlide {float: left;width: 708px;background: #f4f4f4;margin: 10px 10px 0 10px;display: inline;}
                        
                        #slideshow1 {float: left;width: 700px;text-align: center;}
                        #slideshow1 img {float: none;}
                        
                        .boxCT {float: left;width: 468px;padding: 14px;}
                        .boxCT img , .boxCT object , .boxCT embed {max-width: 468px;width: expression(this.width > 468 ? 468: true);}
                        .imgSPD {text-align: center;}
                        
                        
                        .boxTab {float: left;position: relative;width: 100%;overflow: hidden;}
                        .tabs {float: left;width: 477px;list-style: none;padding: 10px 0;}
                        .tabs li {float: left;width: 112px;padding: 0 7px 0 0;}
                        .tabs li img {float: left;width: 112px;height: 80px;}
                        
                        .tabD {float: left;width: 100%;list-style: none;border-bottom: 3px solid #622022;}
                        .tabD li {float: left;padding: 0 4px 0 0;}
                        .tabD li a {float: left;padding: 5px 15px;line-height: 18px;height: 18px;color: #333;font-weight: bold;}
                        .tabD li a.activeD , .tabD li a:hover {background: #622022;color: #fff;}
                        .tabD li.lhdsp {float: right;padding: 0;}
                        
                        .detail1 , .detail2 {padding: 20px 0 10px 0;line-height: 18px;}
                        
                        .otherPost {display: block;padding: 5px 0 0 10px;list-style: none;}
                        .otherPost li {display: block;zoom:1;padding: 3px 0 3px 18px; background: url(../images/dotRed.jpg) no-repeat left 10px;line-height: 18px;}
                    
                        .Lservice , .Lservice li {float: left;width: 100%;list-style: none;}
                        .Lservice li {padding: 14px 0;border-bottom: 1px solid #D8D8D8;}
                        .imgSer {float: left;width: 150px;height: 110px;}
                        .rightDes {float: right;width: 305px;}
                        .rightDes h2 a {color: #996600;font-size: 13px;}
                        .rightDes h2 a:hover {color: #000;}
                        .rightDes p {display: block;margin: 6px 0;max-height: 54px;line-height: 18px;overflow: hidden;}
                        
                        .titDown {color: #996600;font-size: 13px;display: block;padding: 2px 0 17px 35px; background: url(../images/download_icon.gif) no-repeat 5px 0;line-height: 16px;}
                        .titDown a {color: #996600;}
                        .titDown a:hover {color: #000;}
                                            
                        .boxLH , .boxDH {padding: 30px 0;border-top: 1px solid #D8D8D8;margin: 30px 0 0 0;}
                        .boxDH {padding: 20px 0;margin: 10px 0 0 0;}
                        .textCt {float: left;padding: 3px 0 0 50px;width: 100px;font-weight: bold;}
                        .ipCT , .aeraCT {float: left;width: 220px;padding: 0 4px;height: 22px;line-height: 22px;border: 1px solid #D8D8D8;}
                        .aeraCT {padding: 4px;height: 100px;line-height: 18px;overflow: auto;width: 250px;}
                        .btIE { padding: 3px 5px 3px 5px \0/IE8+9; }
                         
                    .listProduct {float: left;list-style: none;width: 512px; padding: 6px 0 0 0;}
                    .listProduct li {width: 140px;padding: 10px 6px 15px 14px;*padding: 10px 6px 15px 16px;}
                    .listProduct li a.imgP img {width: 140px;height: 110px;}
                    .listProduct li p {display: block;padding: 10px 0 0 0;text-align: center;}
                    .listProduct li p span {display: block;padding: 5px 0 0 0;}                    
                
                    .jCarouselLite {list-style: none;width: 100%;}
                    .jCarouselLite li {width: 170px;padding: 0 10px 15px 10px;}
                    .jCarouselLite li a.imgP img {width: 170px;height: 125px;}
                    .jCarouselLite li p {display: block;padding: 10px 0 0 0;text-align: center;}
                    .jCarouselLite li p span {display: block;padding: 5px 0 0 0;} 
                
                    .pageLink , .PLSP {float: right;}
                    .PLSP {padding: 25px 24px 15px 20px;}
                    .pageLink a , .pageLink u {float: left;margin: 0 2px 0 0;padding: 2px 5px; background: #662022;font-size: 11px;color: #fff;}
                    .pageLink u , .pageLink a:hover {text-decoration: none;background: #b45f1f;}
                
                #preview{
            	position:absolute;
            	border:1px solid #dcb768;
            	background:#7a0109;
            	padding:5px;
            	display:none;
            	color:#fff;text-align: center;z-index: 9999999;
            	}
                #preview img {width: 270px;border: 1px solid #dcb768;margin: 0 0 6px 0;}
                
#footer {float: left;width: 100%;padding: 10px 0 15px 0;}
        #footer a:hover {color: #fff;}
        .topFoo {float: left;width: 920px;padding: 0 20px; height: 65px;line-height: 60px;background: url(../images/topFoo.png) no-repeat;color: #F3E0B8;text-align: center;}
        .topFoo a {color: #F3E0B8;font-weight: bold;}
        #footer .topFoo a:hover {color: #333;}
        .topFoo span {padding: 0 15px 0 18px;}
        .footer {padding: 20px 0;line-height: 18px;color: #333;}
        
        
/* check form */
div.CheckForm {background:transparent ;border:0;padding-left: 150px;float: left;width: 300px;}
div.CheckForm { display: none }
.CheckForm label.error {display: inline;}
div.CheckForm ol li {list-style-type: disc;}
label.error {float: left; color:red;font-size:12px;}
div.error { display: none; }
input.error { border: 1px dotted red; } 
textarea.error { border: 1px dotted red; } 
/* end check form */

.inBlock , .listProduct li
{display: inline-block;zoom:1; *display:inline;vertical-align: top;}

.button {border: none;cursor: pointer;outline: none;text-indent: -9999px;}

.clear {clear: both;}
.Fl {float: left;}
.Fr {float: right;}
.justify {text-align: justify;}
.center {text-align: center;}
.capitalize {text-transform:capitalize;}
.uppercase {text-transform: uppercase;}
.underline {text-decoration: underline;}
.bold {font-weight: bold;}
.normal {font-weight: normal;}
.red {color: red;}
.bor0 {border: none;}

.c_a7 {color: #a7a7a7;}
 
.size_10 {font-size: 10px;}
.size_11 {font-size: 11px;}
.size_12 {font-size: 12px;}
.size_13 {font-size: 13px;}
.size_14 {font-size: 14px;}
.size_15 {font-size: 15px;}
.size_16 {font-size: 16px;}
.size_17 {font-size: 17px;}
.size_18 {font-size: 18px;}
.size_19 {font-size: 19px;}
.size_20 {font-size: 20px;}
.size_21 {font-size: 21px;}
.size_22 {font-size: 22px;}

.fontMono {font-family: Andale Mono, monospace,Courier New,arial,tahoma;}}

.black {color: #000;}

.lineH14 {line-height: 14px;}
.lineH16 {line-height: 16px;}
.lineH17 {line-height: 17px;}
.lineH18 {line-height: 18px;}
.lineH19 {line-height: 19px;}
.lineH20 {line-height: 20px;}
.lineH22 {line-height: 22px;}

.block {display: block;}
.block1 {display: block;padding: 0 0 10px 0;}
.block2 {display: block;padding: 0 0 5px 0;}

.field {float: left;width: 100%;}
.field1 {float: left;width: 100%;padding: 10px 0 0 0;}
.field2 {float: left;width: 100%;padding: 20px 0 0 0;}
.field3 {float: left;width: 100%;padding: 15px 0;}
.field4 {float: left;width: 100%;padding: 5px 0 0 0;}
.field5 {float: left;width: 100%;padding: 0 0 15px 0;}
.field6 {float: left;width: 100%;padding: 0 0 8px 0;}
.field7 {float: left;width: 100%;padding: 0 0 5px 0;}