@charset "utf-8";
* {
  margin: 0;
  padding: 0;
}
article, aside, details, figcaption, figure, footer, header,
hgroup, menu, nav, section { display: block; }

body{
	font-family:"Lucida Sans Unicode", "Lucida Grande", "Sans-Serif","Tahoma","Arial";
	font-size:1em;
	color:#ccffff;
}
div{
	border:0px solid;
    border-color:#ccffff;
	border-radius:5px;
	padding:0px;
	width:1024px;
	margin:0 auto ;
	background-color:#ffffff;
}
#mycontain{
	border:0px solid;
    border-color:#ff9900;
	border-radius:5px;
	width:1024px;
	margin:30px auto ;
	min-height:300px;
	box-shadow: 2px 0px 2px #660000,  -2px 0px 2px #660000;
}

#logo{
	border:0px solid;
    border-color:#ff9900;
	border-radius:5px;
	width:1024px;
	margin:0 auto ;
	min-height:300px;
}

.logo{
width:90%;height:90px;border:1px;border:1px solid black;padding: 3px;
}
#headmain{
 background-image: url(bot_g.gif);
 min-height:200px;
 border:0px;
}

.pro {
background-color:white;
height:200px;
width:90%;
border:1px dotted gray ;
margin-top:10px;
padding:5px;
position:relative;
}
.pro:hover {
/* background-color:#ffffcc; 
 */border:1.5px solid black ;
/* box-shadow: 1px 1px 1px #888888;
 */
 }

.ribbon {
min-height:10px;
width:95%;
padding:5px;
position:absolute;
background-color:#5DC9E1;
color:#ffffff;
font-size:26px;
text-shadow: 2px 2px 2px #660000;
box-shadow: 2px 2px 2px #660000;
}

.ribbon_pro {
min-height:10px;
width:95%;
padding:5px;
position:absolute;
background-color:orange;
color:#ffffff;
font-size:26px;
text-shadow: 2px 2px 2px #660000;
box-shadow: 2px 2px 2px #660000;
}
.ribbonh {
min-height:10px;
padding:5px;
background-color:red;
color:#ffffff;
font-size:26px;
text-shadow: 2px 2px 2px #660000;
box-shadow: 2px 2px 2px #660000;
}

.prodetail {
background-color:white;
min-height:180px;
width:80%;
padding:2px;
position:absolute;
color:#ffff99;
font-size:2px;
}

.propic {
margin-top:15px;
height:150px;
width:80%;
padding:3px;
}

#companytel {
min-height:50px;position:fixed;top:0px;width:100%;color:white;
font-size:20px;text-shadow:2px 2px 2px #ffcc33;z-index:1;background-color:white;
}

#productgroup ul{
  width:100%;
  margin-bottom:20px;
  overflow:hidden;
  border-top:1px solid #ccc;
}
#productgroup li{
  line-height:1.5em;
  /* border-bottom:1px solid #ccc; */
  float:left;
  display:inline;
}
#double li  { width:50%;} 
#triple li  { width:33.333%; } 
#quad li    { width:25%; } 
#six li     { width:16.666%; } 

#hbody
{
min-height:400px;
border:0px;
font-size:25px;
}

#productgroup1 ul{
  width:60%;
  margin-bottom:20px;
  overflow:hidden;
  border-top:1px solid #ccc;
}
#productgroup1 li{
  line-height:1.5em;
  /* border-bottom:1px solid #ccc; */
  float:left;
  display:inline;
}
#double1 li  { width:50%;} 
#triple1 li  { width:33.333%; } 
#quad1 li    { width:25%; } 
#six1 li     { width:16.666%; } 

.proname{
float:left;
font-weight:bold;
color:red;
/* z-index:3; */
font-size:1.2em;
margin-top:172px;
min-height:10px;
width:100%;
position:absolute ;
}

.procontent{
font-weight:bold;
clear:both;
padding:2px;
margin-top:190px;
margin-left:5px;
min-height:90px;
width:90%;
position:absolute ;
}


#new_product {
	border:0px solid;
    border-color:#ccffff;
	border-radius:5px;
	width:100%;
	margin:0 auto ;
	min-height:10px;
}

#new_product ul{
 list-style-type: none;
 background-color:#5DC9E1;
/*
 background-image: url(bot_g.gif);
*/
 height: 40px;
 width: 100%;
 margin: auto
 }

#new_product li {
 float: left;
 }


/* menu */
#menu {
	border:0px solid;
    border-color:#ccffff;
	border-radius:5px;
	width:100%;
	margin:0 auto ;
	min-height:10px;
}

#menu ul{
 list-style-type: none;
 background-color:#5DC9E1;
/*
 background-image: url(bot_g.gif);
*/
 height: 40px;
 width: 100%;
 margin: auto
 }

#menu li {
 float: left;
 }

#menu ul a{
 background-image: url(navi_bg_divider.png);
 background-repeat: no-repeat;
 background-position: right;
 padding-right: 32px;
 padding-left: 32px;
 display: block;
 line-height: 40px;
 text-shadow: 2px 2px 2px #660000;
 text-decoration: none;
 font-family: Georgia, "Times New Roman", Times, serif;
 font-size: 21px;
 color: white;
 }
#menu ul a:hover {
 color: red;
}
/* end menu */
.hispace{
	min-height:1px;
	border:0px;
}
a:link {color:#3333FF; text-decoration:none; cursor:hand; font-size:11pt;}
a:active {color:#3333FF; text-decoration:none; cursor:hand;}
a:visited {text-decoration:none; cursor:hand;}
a:hover{text-decoration:none;text-underline:none;}