@charset "utf-8";
/* CSS Document */

#hearder {
	background: url(../../images/hearder.gif);
	margin-right: auto;
	margin-left: auto;
	/*width: 990px;*/
	width: 990px;
	height: 200px;
}
#peter {
background: #ffffff;
	margin-right: auto;
	margin-left: auto;
	/*width: 990px;*/
	width: 990px;
}
#jessie {
	margin-right: auto;
	margin-left: auto;
	width: 960px;
}
#box {
	margin-right: auto;
	margin-left: auto;
	width: 990px;
}
a {
	/*color: #003399;*/
	#color: #fff111;
	text-decoration: none;
}
a:hover {
	color: #ff0066;
	text-decoration: none;
}
img {
	border:0px;
}
form {
margin: 0;
padding: 0;
}
fieldset {
	border: 1px solid #ccffff;
}
hr {
	border: 1px solid #ccffff;
}
.cn
{
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	margin-top: auto;
	margin-bottom: auto;
	background:url(../images/demo-images/pageBack.jpg) center top no-repeat;
}
.dongphuc
{
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	margin-top: auto;
	margin-bottom: auto;
	background:url(../layout/dongphuc_background.jpg) center top no-repeat;
}
.header {
	background:url(./images/menu.jpg) center top no-repeat;
	width: 990px;
	height: 63px;
}
.news_right {
	width: 200px;
	height: 300px;
}
.menu1 {
	line-height: 30px;
}
.menu1 a {
	font-size: 13px;
	font-weight: bold;
	color: #003399;
}
.menu1 a:hover {
	color: #ff0066;
}
.cart {
	background:url(./images/cart.gif) right bottom no-repeat;
	height: 61px;
	float: right;
	margin-top: 130px;
	margin-right: 5px;
	margin-bottom: 5px;
	color: #333333;
	line-height: 160%;
}
.cart a {
	font-size: 15px;
	font-weight: bold;
	color: #ff0066;
}

.support_bg {
	background:url(./images/support_bg.gif) left top no-repeat;
	width: 160px;
	height: 48px;
}
.top_title {
	font-size: 14px;
	font-weight: bold;
	line-height: 32px;
	padding-left: 10px;
	color: #111;
}
.i_center1 {
	background: url(images/center.gif) left top no-repeat;
	width:540px;
	height:32px;
}
.i_center2 {
	font-size: 14px;
	font-weight: bold;
	line-height: 32px;
	padding-left: 10px;
	color: #111;
}
.i_center2 a {
	color: #111111;
}
.i_center2 a:hover {
	color: #ff5705;
}
.bottom {
	background: url(images/bottom.jpg) left top no-repeat;
	width: 990px;
	height: 6px;
}
.td_left {
	background: #eeffff url(images/left_top.jpg) left top no-repeat;
	width: 220px;
}
.left_bottom {
	background: url(images/left_bottom.jpg) left top no-repeat;
	width: 220px;
	height: 7px;
}
.td_right {
	background: url(images/right_top.jpg) left top no-repeat;
	width: 200px;
}
.right_top {
	background: url(images/right_top.jpg) left top no-repeat;
	width: 200px;
	height: 7px;
}
.td_right_block {
	width: 198px;
	text-align: center;
	border-left: 1px solid #ccffff;
	border-right: 1px solid #ccffff;
}
.right_bottom {
	background: url(images/right_bottom.jpg) left top no-repeat;
	width: 200px;
	height: 6px;
}
.left {
	background: url(images/left.jpg) center top no-repeat;
	width: 220px;
	height: 28px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.support {
	background: url(images/support.jpg) center top no-repeat;
	width: 200px;
	height: 28px;
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: left;
}
.support_tel {
	background: url(images/tel.jpg) 10px center no-repeat;
	width: 200px;
	height: 30px;
	line-height: 30px;
	text-indent: 55px;
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: left;
	font-size: 16px;
	font-weight: bold;
	color: #ff0066;
}
.support_mobile {
	background: url(images/mobile.jpg) 15px center no-repeat;
	width: 200px;
	height: 30px;
	line-height: 30px;
	text-indent: 55px;
	margin-top: 5px;
	margin-bottom: 10px;
	text-align: left;
	font-size: 16px;
	font-weight: bold;
	color: #ff0066;
}
.support_yahoo {
	background: url(images/yahoo.jpg) 60px center no-repeat;
	width: 200px;
	height: 41px;
	padding-bottom: 5px;
	text-align: left;
}
.support_yahoo a {
	color: #ff0066;
}
.support_yahoo a:hover {
	color: #003399;
}
.right {
	background: url(images/right.gif) left top no-repeat;
	width:170px;
	height:32px;
}
.center {
	background: url(images/center_top.jpg) left top no-repeat;
	width: 540px;
	height: 34px;
}
.main_menu {
	background: url(images/main_menu.jpg) center top no-repeat;
	width: 220px;
	height: 28px;
	font-size: 13px;
	font-weight: bold;
	text-indent: 15px;
	line-height: 28px;
}
.main_menu a {
	color: #003399;
}
.main_menu a:hover {
	color: #ff0066;
}
.sub_menu {
	background: url(images/sub_menu.jpg) 15px center no-repeat;
	border-bottom: 1px solid #ccffff;
	width: 220px;
	height: 25px;
	text-indent: 25px;
	line-height: 25px;
}
.sub_menu a {
	color: #003399;
}
.sub_menu a:hover {
	color: #ff0066;
}
.sub_menu2 {
	background: #eeffff url(images/sub_menu.jpg) 5px center no-repeat;
	border: 1px solid #ccffff;
	border-bottom: none;
	width: 220px;
	height: 25px;
	text-indent: 15px;
	line-height: 25px;
}
.sub_menu2 a {
	color: #ff0066;
}
.sub_menu2 a:hover {
	color: #003399;
}
.menutop a
{
	color: #ffffff;
}
.menutop a:hover {
	color: #ff0066;
}
.menutopyellow a
{
	color: #FFFF00;
}

.line
{
height: 1px;
background: url(Images/other/dot1.gif) 1px center repeat;
#width=100% background='Images/other/dot1.gif'
}


.menutopyellow a:hover {
	color: #ff0066;
}
.menu_left {
	text-indent: 10px;
	font-size: 14px;
	font-weight: bold;
	line-height: 28px;
	color: #ffffff;
}
.menu_left a {
	color: #ffffff;	
}
.menu_left a:hover {
	color: #ff0066;
}
.menu {
	text-indent: 15px;
	font-size: 14px;
	font-weight: bold;
	line-height: 34px;
	color: #003399;
}
.menu a {
	color: #003399;	
}
.menu a:hover {
	color: #ff0066;
}
.block_center {
	width: 538px;
	border-left: 1px solid #ccffff;
	border-right: 1px solid #ccffff;
	min-height: 300px;
	height: auto !important;
	height: 300px;

}
.news {
	background: url(images/news.gif) left top no-repeat;
	width:170px;
	height:32px;
}
.b_center {
	background: url(images/b_center.jpg) left top no-repeat;
	width: 540px;
	height: 24px;
	line-height: 24px;
}
.b_link {
	height: 24px;
	float: right;
	margin-right: 7px;
	padding-left: 7px;
	line-height:24px;
}
.b_no_link {
	height: 24px;
	float: right;
	margin-right: 7px;
	padding-left: 7px;
	line-height:24px;
}
.online {
	margin-left: 10px;
}
.online span {
	color: #003399;
	font-size: 18px;
	letter-spacing: 4px;
}
.pro_image {
	width: 128px;
	height: 98px;
	line-height: 98px;
	background-color: #ffffff;
	border: 1px solid #ccffff;
}
.pro_name {
	color: #222222;
	padding-top: 10px;
	padding-bottom: 10px;
}
.pro_name a {
	color: #222222;
}
.pro_name a:hover {
	color: #0033cc;
}
.pro_price {
	color: #ff5705;
}
.pro_price1 {
	color: #939393;
}
.pro_price2 {
	font-weight: bold;
	font-size: 14px;
	color: #ff5705;
}
.search_home{
	height: 30px;
	margin-top: 4px;
	color: #000000;
}
.right_newshot_text {
    padding-top:5px;
    padding-bottom:5px;
    padding-left:10px;
}
.cart_header {
	color: #bf3e21;
	font-size: 16px;
	font-weight: bolder;
	padding-left: 10px;
	padding-top: 10px;
}
.shop_bg {
	font-weight: bold;
}
.footer {
/*background: #003399;*/
	margin-right: auto;
	margin-left: auto;
	width: 990px;
	text-align: center;
}
.copyright {
	margin-top: 10px;
	line-height: 160%;
	color: #ffffff;
}
.copyright a {
	color: #ffffff;
}





.header {
	background:url(./images/menu.jpg) center top no-repeat;
	width: 990px;
	height: 63px;
}

.menulefttop
{
	color: #111111;
}




@media all and (min-width: 1px) and (max-width: 600px)
 {
 .web
{
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	width: autopx;
	margin-right: auto;
	margin-left: auto;
	margin-top: auto;
	margin-bottom: auto;
	background:url(layout/backgrounddt.jpg) left top no-repeat;
}

 ul.drop{
 list-style:none;
 margin:0px;
 padding:0px;
 width:150px;
 border:1px solid #f1f1f1;
 color:#111111;
 font: italic 8pt;
}
ul.drop li,ul.drop li a{ 
 border-bottom:1px solid #fbfbfb;
 height:autopx;
 line-height:20px;
 padding-left:0px;
 position:relative;
 display: block;
 text-decoration: none;
 color:#111111;
 font: italic 8pt;
 #color: darkblue;
 #background:#eeefff;
}
ul.drop li:hover,ul.drop li a:hover{
 display:block;
 background:#fbfbfb;
    color: red;
	background:#eeeeee;
	font: italic 8pt;
}
ul.drop li > ul.drop{
 position:absolute;
 top:20px; 
 left:0px;
 right:0px;
 display:none;
 background:#eeeeee;
 font: italic 8pt;
}
ul.drop li:hover > ul.drop{
 display:block;
}




.menutitile2
{
float:left;
	background-image: url("../Images/other/bar2.gif");
	height: 35px;
	width: 358px;
	
	margin-top: 0px;
	border-top: solid 1px #B4B4B4;
	border-left: solid 1px #B4B4B4;
	border-right: solid 1px #B4B4B4;
	border-bottom: solid 1px #B4B4B4;
	#border: 1px red solid;
	display:none;
}
.radomnewDiv1
{

	width: 358px;
	background-image: url("../Images/other/leftmenubg.png");
	background-repeat: repeat-x;
	background-position: top;
	margin-bottom: 10px;
		border-left: solid 1px #B4B4B4;
	border-right: solid 1px #B4B4B4;
	border-bottom: solid 1px #B4B4B4;
	display:none;
}
.menutitileleft
{
	#background-image: url("../Images/other/menucolumn.png");
	height: auto;
	width: 150px;
	margin-top: 0px;
	background:#eeefff;
}
.menubg
{
	width: 150px;
	#background-image: url("../Images/other/leftmenubg.png");
	background-position: top;
	margin-bottom: 10px;
	background:#eeeeee;
}
	.leftmenutbleft
{
	width: 150px;
	border-left: solid 1px #B4B4B4;
	border-left: solid 1px #B4B4B4;
	border-right: solid 1px #B4B4B4;
	border-bottom: solid 1px #B4B4B4;
	background:#eeeeee;
}	
div#face
{
margin-top: 0px;
display:none;
}
div#face1
{
margin-bottom:0px;
}

div#list
{
border:1px red solid;
width:150px;
height:50px;
margin-top:0px;
}
div#menu
{
display:none;
}
div#menu1
{

float:right;
margin-top:0px;
margin-right:5px;
width:150px;
height:autopx;
#background:#eeefff;
text-align:center;
#border: 1px blue solid;
#background:url(layout/footer.jpg) left top repeat;
color: #FFFFFF;
font: italic 8pt;

}


div#index
{
float:right;
width:200px;
#border: 1px red solid;
height:20px;
}

div#gioithieu
{
float:right;
width:200px;
#border: 1px red solid;
height:20px;
}
div#tintuc
{
float:right;
width:200px;
#border: 1px red solid;
height:20px;
}

div#lienhe
{
float:right;
width:200px;
border: 1px red solid;
height:20px;
}
div#menu_con_dongphuc
{

float:left;
width:170px;
#height:170px;
#*height:250px;
#_height:250px;
text-align:center;
font: italic 11pt;
margin-top:0px;
*margin-top:0px;
_margin-top:0px;
margin-bottom:0px;
margin-left:5px;
margin-right:0px;
border-left: 1px solid #C0C0C0;
	border-right: 1px solid #C0C0C0;
	#border-top: 1px solid #C0C0C0;
	#border-bottom: 1px solid #C0C0C0;
#	border: 1px solid blue;
	background-color: #eeeeee;
	display: none;
}

 div#gioithieu_phanmem
{
#float:left;
width:auto;
#height:300px;
#*height:300px;
#_height:300px;
text-align:center;
font: italic 11pt;
margin-top:40px;
*margin-top:40px;
_margin-top:40px;
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
#border-left: 1px solid #000000;
#	border-right: 1px solid #000000;
#	border-top: 1px solid #000000;
#	border-bottom: 1px solid #000000;
	#border:1px solid blue;
#gioithieu	
}
 .soonline
{

display:none;	

}
}
div#bottom
{
float:center;
width:auto;
background:url(layout/footer.jpg) left top no-repeat;
color: #ffffff;
text-align:center;
}
div#bottom1
{
float:center;
width:auto;
#background:url(layout/footer.jpg) left top no-repeat;
color: #111111;
font: italic 11pt;
text-align:center;
}




@media all and (min-width: 600px) and (max-width: 4096px) {






.web
{
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	margin-top: auto;
	margin-bottom: auto;
	background:url(layout/web_background.jpg) center top no-repeat;
}
.menutitile2
{
	float:left;
	background-image: url("../Images/other/bar2.gif");
	height: 35px;
	width: 358px;
	margin-top: 0px;
	border-top: solid 1px #B4B4B4;
	border-left: solid 1px #B4B4B4;
	border-right: solid 1px #B4B4B4;
	border-bottom: solid 1px #B4B4B4;
	#border: 1px red solid;
}
.radomnewDiv1
{
	width: 358px;
	background-image: url("../Images/other/leftmenubg.png");
	background-repeat: repeat-x;
	background-position: top;
	margin-bottom: 10px;
	border-left: solid 1px #B4B4B4;
	border-right: solid 1px #B4B4B4;
	border-bottom: solid 1px #B4B4B4;
}
.menulefttop
{
	color: #111111;
}
.index
{
color:#ffffff;
}
.gioithieu
{
color: #fff111;;
}
.tintuc
{
color:#ffffff;
}
.giaitri
{
color:#ffffff;
}
.lienhe
{
color:#ffffff;
}
div#face1
{
display:none;
}
div#menu1
{
display:none;
}
div#topnguyen
{
	float:left;
	width:200px;
	height:250px;
	#*height:250px;
	#_height:250px;
	text-align:center;
	font: italic 11pt;
	margin-top:150px;
	*margin-top:0px;
	_margin-top:0px;
	margin-bottom:0px;
	margin-left:48px;
	margin-right:0px;
	#border: 1px solid red;
	border: 1px red solid ;
	background:url(layout/herdertop.png) left top no-repeat;
	color: #FFFFFF;
}


div#menu
{
margin-top:0px;
width:1000px;
#width:100%;
height:70px;
#border: 1px blue solid;
background:url(layout/menu.gif) left top no-repeat;
color: #FFFFFF;
}
div#menudong
{
float:right;
width:200;
height:100px;
#border: 1px solid red;
display:none;
}
div#index
{
float:left;
margin-left:0px;
margin-top:25px;
width:120px;
border: 1px red solid;
height:20px;
text-align:center;
color: #ffffff;

}

div#gioithieu
{
float:left;
margin-left:10px;
margin-top:25px;
width:120px;
border: 1px red solid;
height:20px;
text-align:center;
color: #fff111;
}
div#tintuc
{
float:left;
margin-left:10px;
margin-top:25px;
width:150px;
border: 1px red solid;
height:20px;
color: #FFFFFF;
text-align:center;
}
div#giaitri
{
float:left;
margin-left:10px;
margin-top:25px;
width:100px;
border: 1px red solid;
height:20px;
color: #FFFFFF;
text-align:center;
}
div#lienhe
{
float:left;
margin-left:10px;
margin-top:25px;
width:100px;
border: 1px red solid;
height:20px;
text-align:center;
color:#ffffff;
}
div#menu_dongphuc
{
float:left;
width:200px;
#height:250px;
#*height:250px;
#_height:250px;
text-align:center;
font: italic 11pt;
margin-top:150px;
*margin-top:0px;
_margin-top:0px;
margin-bottom:0px;
margin-left:48px;
margin-right:0px;
#border: 1px solid red;
#background:url(layout/lefttopmenu-dongphuc.gif) left top no-repeat;

}
div#menu_con_dongphuc
{

float:left;
width:170px;
#height:170px;
#*height:250px;
#_height:250px;
text-align:center;
font: italic 11pt;
margin-top:0px;
*margin-top:0px;
_margin-top:0px;
margin-bottom:0px;
margin-left:5px;
margin-right:0px;
border-left: 1px solid #C0C0C0;
	border-right: 1px solid #C0C0C0;
	#border-top: 1px solid #C0C0C0;
	#border-bottom: 1px solid #C0C0C0;
#	border: 1px solid blue;
	background-color: #eeeeee;
	
}
div#menu_bottom_dongphuc
{

float:left;
width:172px;
height:40px;
*height:250px;
_height:250px;
text-align:center;
font: italic 11pt;
margin-top:0px;
*margin-top:0px;
_margin-top:0px;
margin-bottom:0px;
margin-left:5px;
margin-right:0px;

	background:url(layout/leftbottommenu-dongphuc.gif) center top no-repeat;	
		
}

div#menu_danhmuc
{

float:left;
width:200px;
height:40px;
*height:40px;
_height:40px;
#border:1px green solid;
margin-left:0px;
	background:url(layout/lefttopmenu-dongphuc.gif) center top no-repeat;	
		
}

div#gioithieu_phanmem
{
#float:left;
width:auto;
#height:300px;
#*height:300px;
#_height:300px;
text-align:center;
font: italic 11pt;
margin-top:230px;
*margin-top:0px;
_margin-top:0px;
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
#border-left: 1px solid #000000;
#	border-right: 1px solid #000000;
#	border-top: 1px solid #000000;
#	border-bottom: 1px solid #000000;
	#border:1px solid blue;
#gioithieu	
}
div#center_web
{

float:left;
#width:720px;
width:720px;
#height:200px;
#*height:200px;
#_height:200px;
text-align:center;
font: italic 11pt;
margin-top:0px;
*margin-top:0px;
_margin-top:0px;
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
#border: 1px solid red;
	background:url(layout/webcentertop.gif) center top no-repeat;	
}

div#menu1_dongphuc
{

float:right;
width:240px;
height:250px;
*height:250px;
_height:250px;
text-align:center;
font: italic 11pt;
margin-top:10px;
*margin-top:0px;
_margin-top:0px;
margin-bottom:0px;
margin-left:0px;
margin-right:0px;

	#	border:1px red solid;
		
}
div#face
{

float:left;
width:240px;
height:25px;
*height:250px;
_height:250px;
text-align:center;
font: italic 6pt;
margin-top:0px;
*margin-top:0px;
_margin-top:0px;
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
#border:1px red solid;
	#background:url(layout/menubottom.gif) center top no-repeat;		

}
.soonline1
{

display:none;	

}
}