﻿body {margin: 0px; font-family: Arial; font-size: 12px; color: #333; line-height: 20px; background: url(/images/bg-body.gif);}
a {color: #555; text-decoration: underline;}
a:hover {color: #FF8303; text-decoration: none;}
img {border: 0px; margin: 0px;}
p {margin: 0px; padding: 0px; padding-top: 8px; font-family: Arial; font-size: 12px;}
form {margin: 0px; padding: 0px;}
input, select {border: 1px solid #fff; font-size: 14px; font-family: Arial;}
.buttoncheck {width: 80px; height: 40px; border: 0px; background: url(/images/btcheck.gif) no-repeat; color: #fff; font-weight: bold;}
.contact {border: 1px solid #ccc; font-size: 12px; font-family: Arial;}

#header {margin: 0px auto; width: 100%; height: 383px; background: url(/images/bg-top.gif) repeat-x;}
#header #bannerbox {margin: 0px auto; padding-top: 20px; width: 906px;}
#header #bannerbox .logo {width: 327px; height: 105px; float: left;}
#header #bannerbox .hotline {width: 569px; height: 46px; padding-right: 10px; line-height: 46px; text-align: right; font-family: Times New Roman; color: #f6f6f6; font-size: 18px; font-weight: bold; float: left;}
#header #bannerbox .menu {color: #555; width: 569px; height: 59px; line-height: 59px; margin-top: 46px; background: url(/images/menu.gif) repeat-x; text-align: right; float: left;}
#header #bannerbox .menu a {padding: 0px 13px; font-weight: bold; text-decoration: none;}
#header #bannerbox .menu a span {display: none;}
#header #bannerbox .menu a:hover {color: #FF8303;}
#header #bannerbox .endmenu {width: 10px; height: 59px; line-height: 59px; margin-top: 46px; background: url(/images/end-menu.gif) no-repeat; float: left;}
#header #bannerbox .flash {clear: left; width: 679px; height: 278px; background: #fff; float: left;}
#header #bannerbox .form {width: 187px; height: 238px; padding: 20px; background: url(/images/form-bg.gif) no-repeat; float: left;}
#header #bannerbox .form h2 {margin: 0px; padding: 0px; line-height: 32px; font-weight: bold; font-size: 18px; color: #fff;}

#main {clear: left; display: block; margin: 0px auto; margin-top: 10px; width: 100%;}
#topblock {margin: 0px auto; width: 906px; height: 11px; margin-top: 10px; background: url(/images/top-block.gif) no-repeat;}

#maincontent {margin: 0px auto; width: 906px; background: #fff;}

#maincontent #leftblock {display: block; width: 647px; margin-left: 16px; text-align: justify; float: left;}
#maincontent #leftblock.home {display: block; width: 420px; margin-left: 16px; float: left;}
#maincontent #leftblock h1 {margin: 0px; padding: 0px; line-height: 38px; font-weight: bold; font-size: 16px; color: #FF8303;}
#maincontent #leftblock h1 span {color: #555; display: none;}
#maincontent #leftblock h2 {margin: 0px; padding: 0px; line-height: 38px; font-weight: bold; font-size: 16px; color: #FF8303;}
#maincontent #leftblock h2 span {color: #555;}
#maincontent #leftblock h3 {margin: 0px; margin-bottom: 10px; padding: 0px; line-height: 32px; font-weight: bold; font-size: 15px; color: #FF8303; border-bottom: 1px solid #d5d5d5;}
#maincontent #leftblock.home .support {display: block; width: 50%; margin-bottom: 10px; text-align: center; float: left;}
#maincontent #leftblock.home .support a {text-decoration: none;}
#maincontent #leftblock	#lnkDetail {display: block; padding-right: 10px; border-top: 1px solid #e3e3e3; background: url(/images/bullet.gif) right no-repeat; text-align: right;}
#maincontent #leftblock	#lnkDetail a {color: #FF8303;}

#maincontent #rightblock {display: block; width: 219px; margin-right: 8px; margin-left: 16px; text-align: justify; float: left;}
#maincontent #rightblock.home {display: block; width: 446px; margin-right: 8px; margin-left: 16px; float: left;}

#maincontent #rightblock .wholeblock {display: block; width: 446px;}
#maincontent #rightblock .wholeblock h2 {display: block; margin: 0px; padding: 0px; height: 30px; line-height: 30px; font-weight: bold; font-size: 15px;}
#maincontent #rightblock .wholeblock h2 span {color: #FF8303;}
#maincontent #rightblock .wholeblock h2 .tag {display: none;}
#maincontent #rightblock .wholeblock .middle {display: block;}
#maincontent #rightblock .wholeblock .bottom {display: block; height: 12px;}

#maincontent #rightblock .block {display: block; width: 219px; margin-bottom: 10px; float: left;}
#maincontent #rightblock .next {display: block; width: 219px; margin-left: 8px; float: left;}
#maincontent #rightblock .block h2 {display: block; margin: 0px; padding: 0px; width: 199px; height: 42px; line-height: 42px; padding-left: 20px; background: url(/images/catalog.gif) no-repeat; font-weight: bold; font-size: 15px;}
#maincontent #rightblock .block h2 span {color: #FF8303;}
#maincontent #rightblock .block h2 .tag {display: none;}
#maincontent #rightblock .block .middle {display: block; width: 177px; padding-right: 20px; padding-left: 20px; border-right: 1px solid #d5d5d5; border-left: 1px solid #d5d5d5;}
#maincontent #rightblock .block .middle .item {display: block; width: 167px; padding-left: 10px; line-height: 30px; border-top: 1px solid #e3e3e3; background: 0px 13px url(/images/bullet-1.gif) no-repeat;}
#maincontent #rightblock .block .middle .itemtop {display: block; width: 167px; padding-left: 10px; line-height: 30px; border-top: 0px solid #e3e3e3; background: 0px 13px url(/images/bullet-1.gif) no-repeat;}
#maincontent #rightblock .block .middle .contentsupport {display: block; text-align: center;}
#maincontent #rightblock .block .bottom {display: block; width: 219px; height: 8px; background: url(/images/bottom-catalog.gif) no-repeat;}

#bottomblock {margin: 0px auto; width: 906px; height: 11px; background: url(/images/bottom-block.gif) no-repeat;}

#bottompage {margin: 0px auto; width: 100%; background: #383838; float: left;}
#bottompage a {text-decoration: none;}
#bottompage #bottombox {margin: 0px auto; padding-top: 20px; width: 906px; color: #999;}
#bottompage #bottombox .blockbottom {display: block; width: 180px; margin-bottom: 20px; float: left;}
#bottompage #bottombox .blockbottom a {display: block; line-height: 26px; color: #999;}
#bottompage #bottombox .blockbottom a:hover {color: #999; text-decoration: none;}
#bottompage #bottombox .blockbottom .main {color: #fff; font-size: 15px; font-weight: bold; line-height: 30px;}
#bottompage #bottombox .copyrights {display: block; width: 180px; margin-bottom: 20px; color: #999; text-align: right; float: left;}

#tagservices {margin: 0px auto; width: 906px; line-height: 16px; color: #555; font-size: 10px; float: left;}

#notice {width: 460px; height: 260px; padding: 10px; display: block; background: url(images/khuyen-mai.gif) no-repeat; position: absolute; z-index: 100;}
#notice span {font-weight: bold; color: #FF8303;}
#notice .closebutton {width: 50px; float: right; cursor: pointer; background: url(images/close.gif) right no-repeat; font-weight: bold;}
#notice .adline {font-size: 14px; line-height: 24px;}

.dtlhome{color: #FF8303; padding-right: 10px; background: url(/images/bullet.gif) right no-repeat;}
.customer {display: block; width: 200px; min-height: 142px; text-align: center; float: left;}
.customername {display: block; margin: 0px; padding: 0px; line-height: 30px !important; color: #FF8303; font-size: 13px !important;}

#dropmenudiv {position:absolute;line-height:18px;margin-top:12px;z-index:100;}
#dropmenudiv a {background: url(images/catalog.gif) center;width:100%;display:block;text-indent:3px;border-bottom:1px solid #fff;padding:5px;text-decoration:none;z-index:100;}
#dropmenudiv a:hover {background: #e1e1e1;z-index:100;}
.hidden{visibility:hidden;display:none;}
.itemx {display: block; padding-left: 10px; line-height: 30px; background: 0px 13px url(/images/bullet-1.gif) no-repeat;}
.small1img {width: 168px;}

#domain_table {margin: 0px 10px;}
