@charset "utf-8";
/* CSS Document */
body {
	margin: 0px auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
}
A {
	COLOR:#313131;
	TEXT-DECORATION: none;
}
A:hover {
	COLOR:#009CE8;
	TEXT-DECORATION:none;
}
ul {
padding: 0px;
margin: 0px;
}
li {
list-style: none;
}
.clear_both {
clear: both;
font-size: 1px;
height: 0px;
line-height: 0px;
}
img {
border: 0px;
}
a{ color:#333; text-decoration:none;}
a:hover{ color:#f07b1c; text-decoration:underline;}

/* header css */
#header {
width: 992px;
height: 70px;
margin: 0px auto;
background:url(../images/topbg.jpg);
}
#header .logo {
float: left;
width: 413px;
display: inline;
}
#header .topright {
float: right;
width: 550px;
padding-right: 20px;
display:inline;
}
#header .toptxt {
text-align:right;
margin-top: 2px;
}
#header .toppc {
margin-top: 2px;
}
#header .top1 {
float: left;
margin-left: 8px;
}
#header .top2 {
float: left;
padding-top: 12px;
margin-left: 30px;
}
#header .top3 {
float: left;
padding-top: 6px;
margin-left: 30px;
}



/* menu css */
.Topmenu {
background:url(../images/xx2_15.jpg);
width: 942px;
margin: 0px auto;
height: 36px;
line-height: 36px;
display:block;
overflow:hidden;
padding: 0px 25px;
font-weight: 700;
font-size: 12px;
color: #FFFFFF;
}
.Topmenu li {
float: left;
margin: 0px 15px;
}
.Topmenu a {
text-decoration: none;
color:#FFFFFF;
}
.Topmenu a:link {
text-decoration: none;
color:#FFFFFF;
}
.Topmenu a:hover {
text-decoration: underline;
color:#FFFFFF;
}


/* ContentBox css */
.ContentBox {
width: 956px;
margin:0px auto;
margin-top: 5px;
}
.LeftBox {
float: left;
width:185px;
}


/*define menu*/
#menu_index_top span{font-style:italic;}
#menu_index_top li a:link,#menu_index_top li a:visited{background:#fff url(../images/menu_top.jpg) no-repeat;color:#fff;font-size:15px;width:184px;height:36px;display:block;color:#fff;margin-top:0px;font-weight:bold;line-height:36px; text-decoration:none; text-align: center;}/*#8E0314 */

#nav_chat p {padding:0;margin:0;}

.menu {font-size:12px;width:182px;padding-left:2px;background:#373737;padding-bottom:4px;float:left;z-index:500;position:relative;}
.menu ul {background:transparent; float:left;}
.menu ul ul {width:183px;}
.menu ul li {float:left;display:block;width:180px;height:28px;line-height:28px;border-top:1px solid #084e6f;font-weight:bold;background:#F5F5F5 url(../images/menu_arrow_bg.gif) no-repeat -1px -121px;}
.menu ul ul li {display:block;width:161px;height:auto; line-height:140%;border:0;font-weight:normal;padding:4px 0 4px 20px; border-right:2px solid #084e6f;background-position:0 -52px;background-color:#fff;}
.menu ul ul .b_top {background-position:0 0;border-top:1px solid #084e6f;border-right:2px solid #373737;padding-top:10px;}
.menu a, .menu a:visited {display:block;float:left;height:100%; width:180px; font-size:1em;text-decoration:none;color:#000; padding:0;text-indent:1em;}
.menu ul ul li a, .menu ul ul li a:visited {display:inline;color:#000;background:none;text-indent:0;width:auto;}
.menu ul ul li a:hover {color:#8D0011;background:none;text-decoration:underline;}
.menu ul ul :hover > a {color:#8D0011;background:none;text-decoration:underline;}
.menu table {border-collapse:collapse; padding:0; margin:-1px; width:0; height:0; font-size:1em; z-index:1;}
* html .menu a:hover {color:#000;position:relative; z-index:100; text-decoration:none;background:#fff url(../images/menu_arrow_bg.gif) no-repeat -1px -150px;}
.menu li:hover {position:relative;}
.menu :hover > a {color:#000;background:#fff url(../images/menu_arrow_bg.gif) no-repeat -1px -150px;}
.menu ul ul {position:absolute;height:0;top:-10000000px;left:156px; width:183px;padding-bottom:4px;height:auto;background:url(../images/menu_arrow_bg.gif) no-repeat 0 100%;}
.menu ul :hover ul {top:-1px;}


.HotpCon {
border: 2px solid #084e6f;
border-top: 0px;
width: 180px;
}
.Hotp {
margin-top: 5px;
}
.hotm {
background: url(../images/menu_top.jpg);
background-repeat:no-repeat;
height:36px;
line-height: 36px;
font-weight: 600;
font-size: 15px;
color:#FFFFFF;
text-align:center;
}


.proBox02{ padding:7px 0; text-align:left;}
.proBox02 .proImg{ float:left; display:table-cell; vertical-align:middle; text-align:center; *display:block; *font-size:63px; *font-family:Arial; width:72px; height:72px; border: 1px solid #999;}
.proBox02 .proInfo{ float:right; width:90px; padding-left:3px;}
.proBox02 h4{ line-height:16px; font-size: 12px; font-weight: 300;}

.RightBox {
float: right;
width: 760px;
}

.BannerBox {
}
#banner {
width: 565px;
float: left;
}
.Notice {
float: right;
width: 186px;
}
.Noticebar {
background:url(../images/noticepc.jpg);
background-repeat:repeat-x;
height: 24px;
line-height: 24px;
border: 1px solid #d1d1d1;
font-size: 13px;
font-weight: 700;
color:#03475a;
text-indent: 10px;
}
.NoticeCon {
border: 1px solid #d1d1d1;
height: 188px;
border-top: 0px;
padding: 6px;
}

.newp {
background:url(../images/xx2_130.jpg);
background-repeat:repeat-x;
height: 27px;
border: 1px solid #CCCCCC;
margin-top: 5px;
font-weight: 700;
font-size: 12px;
color:#fe6c2a;
line-height: 27px;
padding-left: 10px;
}
.contactbgx33 {
border: 2px solid #084e6f;
margin-top: 8px;
text-align: center;
padding: 9px 0px;
}
.more_txt {
float:right;
font-size: 11px;
margin-right: 8px;
}

#footer {
width: 956px;
margin:0px auto;
background:url(../images/galaxy_07.jpg);
background-repeat:repeat-x;
height: 173px;
border-top: 1px solid #CCCCCC;
margin-top: 6px;
}


#footer .txt {
text-align:center;
margin-top: 18px;
}
#footer .txt a {
color:#313131;
text-decoration:none;
}
#footer .txt a:link {
color:#313131;
text-decoration:none;
}
#footer .txt a:hover {
color:#009ce8;
text-decoration:none;
}
#footer .payment {
width: 776px;
margin: 0px auto;
margin-top: 8px;
}
.copy_txt {
text-align: center;
color:#585757;
margin-top: 8px;
line-height: 20px;
}



h1,h2,h3,h4{margin:0;padding:0;}
h1{font:2em/180%;}
h2{font:1.5em/180%;}
h3{font:1.4em/180%;}
.red{color:#d11921; font-weight:bold;}
a.red:link,a.red:visited{color:#d11921;}
.row{ overflow:auto;zoom:1;}

.productsBox{ float:left;width:170px; text-align:center; margin:10px 7px;}
.productsBox .productsImg{ display: table-cell;vertical-align:middle;text-align:center; *display: block; *font-size: 155px; *font-family:Arial; width:170px; height:170px; overflow:hidden; border:1px #999 solid; background:#fff;}
.productsBox .productsImg img{vertical-align:middle;}
.productsBox h4{ font-size:12px;}
.productsBox2{ margin:10px; padding-bottom:10px;*padding-bottom:0px; border-bottom:1px  dashed #b39a7c;}
.productsBox2 .productsImg{ float:left; margin-right:10px;width:120px;}
.productsBox2 .productsImg a  {
	border: 0;
	margin: 0;
	display:block;
	z-index:6;
}
.productsBox2 .productsImg a:hover  {
	margin: 0px 0 0 0px;
	*margin: 0px 0 0 0px;
	_margin: 0px 0 0 0px;
	position: absolute;
	border: 5px solid #cccccc;
	z-index:5;
}
.productsBox2 .productsImg a:hover img  {
	width: 350px;
	height: auto;
	z-index:7;
}
.productsBox2 .productsInfoBox{ float:left; width:505px;margin-right:5px;}
.productsBox2 h4{font-size:12px;}
.productsBox2 .cartBox{ float:left;text-align:right; margin-top:24px; }

.cokprod{ width:45%; text-align:center; margin:10px 4px; float:left;}
.cokprod h4{ font-size:12px;}
.cokprod .productsImg{width:80px; height:80px;}

.productBox{ margin:10px; padding-bottom:10px;*padding-bottom:0px;}
.productBox .productInfoBox{ float:left;margin-right:5px;}
.productBox h4{font-size:12px;}
.productBox .cartBox{ float:left;text-align:right; margin-top:24px; }
.productBox .infoItem{ margin-top:5px;}
.productBox .infoItem2{ margin:20px 0 10px; border-bottom:1px  dashed #b39a7c; font-weight:bold; font-size:16px;}
.bigIMG{float:left;border:1px solid #9a9866;overflow:hidden; margin-right:20px;}
.smallIMGBox{margin-top:10px;}
.smallIMG a{float:left;border:1px solid #9a9866; margin:10px 10px 0px 0px; height:80px;}
.smallIMG a:hover{border:1px solid #d11921;}
.infoItem3{ margin:20px 10px 10px; border-bottom:1px  dashed #b39a7c; font-weight:bold;font-size:16px;}
.InfoBox{padding:10px 20px;}
.more {
	float:right;
	font-size:11px;
	width:36px;
}
a.more:link,a.more:visited{color:#d11921;}





.Incon {
border: 1px solid #CCCCCC;
padding: 10px;
border-top: 0px;
font-size: 14px;
color:#333;
line-height: 26px;
}


.SearchBox {
background:url(../images/searchbg.jpg);
background-repeat:no-repeat;
width: 620px;
height: 32px;
margin: 0px auto;
padding-left: 200px;
padding-top: 6px;
}


.categoryBox{ margin-bottom:10px;}
.categoryBox h3{ background:url(../images/menu_top.jpg) no-repeat 0 0; text-align:center; font-weight:bold; font-size:13px; height:36px; line-height:36px;}
.categoryBox h3,.categoryBox h3 a,.categoryBox h3 a:hover{ color:#fff; text-decoration:none;}
.category {
width:180px;border:0 solid #053f51; border-width:0px 2px 2px 2px;
}
.category ul{ width: 100%;background:#fefefe; }
.category li{ background:#c6c6c6 url(../images/menu_arrow_bg_02.jpg) no-repeat 95% 50%; border-bottom:1px solid #d7d7d7; position:relative; border-top: 1px solid #053f51;}
.category li a{ display:block; padding:4px 20px 4px 15px; font-weight:bold;}
.category li a:hover{ background:#c6c6c6 url(../images/menu_arrow_bg_03.jpg) no-repeat 95% 50%; text-decoration:none;}
.category li ul{ left:180px; top:-1px; *top:-3px; _top:-1px; position:absolute; z-index:9999; display:none;}
.category li li a{ font-weight:normal;}
.category .subfolder{ /*background:#fff url(../images/arrow.gif) no-repeat 94% 50%;*/}
/* Holly Hack for IE \*/
* html .category ul li{ float:left; height:1%;}
* html .category ul li a{ height:1%;}

.pageBox{ overflow:auto;zoom:1; margin:0 10px; border-bottom:1px solid #eee;}
.displaying{ float:left; padding:12px 0 3px; width:250px; color:#999;}
.page{ float:right;  padding:5px 0; width:350px; text-align:right;}
.page a{ padding:2px 6px 2px; background:#fff; line-height:24px; border:1px solid #ddd;color:#999;}
.page a:hover,.page span a{ background:#aaa; color:#fff; text-decoration:none;}
.page input{ width:20px;}


.tabbor{ border:#CCCCCC solid 1px;}
.tdbotbor{ border-bottom:#CCCCCC solid 1px;}
.zhushi{ color:#F00; font-weight:bold;}
.tdred{ color:#FF0000;}
.bigstro{ font-size:14px; font-weight:bold;}
.tishiz{ color:#666666; font-weight:bold;}

#Floatservice { position:absolute;top:100px;right:10px;z-index:2000;width:120px;}
#Floatservice a { color:#444}
#Floatservice a:hover { color:#4B3001; font-weight:700;text-decoration:none}
.osmain { width:120px; position:relative;color:#fff;font-size:12px;text-align:left;}
.osmain h3 { height:25px; text-indent:-9999px; background:url(../images/os_top.png) no-repeat}
.osbody { background:url(../images/os_bg.png) repeat-y}
.osfooter { width:120px; height:20px; background:url(../images/os_bottom.png) no-repeat}
#closeFloat { position:absolute; top:0; right:0; height:25px; text-indent:-9999px; cursor:pointer}
#closeFloat span { display:block; width:25px; height:25px;}

#Floatservice ul { padding:10px 5px 5px; background:url(../images/os_top_shadow.png) no-repeat 0 0}
#Floatservice li { height:24px; line-height:24px; border-bottom:1px dashed #ccc}
#Floatservice li a { height:24px; line-height:24px; display:block; overflow:hidden}
#Floatservice .iemail { background:url(../images/gmail.png) no-repeat 1px 50%; padding-left:30px}
#Floatservice .imsn { background:url(../images/msn.png) no-repeat 0 50%; padding-left:30px;}
#Floatservice .iyahoo { background:url(../images/yahoo.png) no-repeat 1px 50%; padding-left:30px;}
#Floatservice .iskype { background:url(../images/skype.png) no-repeat 1px 50%; padding-left:30px;}
#Floatservice .iqq { background:url(../images/qq.gif) no-repeat 1px 50%; padding-left:30px;}