body{
	background-color:#fffdf6;
	}
header, .footer, .content{
	width:990px;
	}
header{
	height:314px;
	padding-top:0;
	background:url(../images/bg_banner.jpg) center 0 no-repeat;
	}
.register a, .colSide h4, footer, footer a{
	color:#800;
	}
#navMenu li a:hover{
	color:#fec;
	}
footer a:hover, .coIntro div span a, .index .proList h3 a{
	color:#fff;
	}
.proList h3{
	font-size:100%;
	}
.proList h3 a, .sideCate li a, .coIntro div, .newsIntro a{
	color:#753;
	}
.sideCate li a{
	padding:7px 0 5px 18px;
	}
.sideCate li a:hover{
	color:#c24;
	}
.breadcrumb{
	width:98%;
	margin:0;
	padding:0 0 8px;	
	}
.logo{
    padding:50px 0 86px 26px;
	}
.container{
	background: url("../images/bg_container.jpg") center 0 repeat-x;
	}
.content{
	padding:20px 0 50px;
	}
.register{
	font-size:85%;
	margin-top:5px;
	}
.register a:hover{
	color:#fff;
	text-decoration:none;
	}
.cartView a{	
	background:url(../images/cart.png) 0 0 no-repeat;
	}
.search{
	margin-top:40px;
	}
.search form{
	padding:2px 5px 2px 2px;
  -webkit-border-radius:5px;
     -moz-border-radius:5px;
          border-radius:5px;
	background-color:#fff;
	}
.search input{
  -webkit-border-radius:0;
     -moz-border-radius:0;
          border-radius:0;
	}
.search #sf_keyword{
	border:none;
	width:155px;
	}
.search #sf_submit{
	font-size:0;
	width:20px;
	height:20px;
    padding:0;
	text-shadow:none;
	background:url(../images/search.png) 0 0 no-repeat;
	border:none;
    }
nav{
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
	margin:0;
	*clear:both;
	}
#navMenu{
	font-size:100%;
	font-size:100% \0;
	*font-size:100%;
	width:70%;
	margin:0 auto;    
	background:none;
	background-color:#0bb;
	overflow:hidden;
	zoom:1;
	}
:root #navMenu{
	overflow:hidden \9;
	zoom:1 \9;
	}
#navMenu a{
    padding:11px 20px 8px;
	padding:10px 20px 7px \0;
	*padding:11px 20px 6px;
	}
:root #navMenu a{
    padding:9px 20px 7px \9;
	}
#navMenu a:hover{
	color:#fec;
	background-color:#0bb;
	}
#navMenu li{
	border-right:none;
	background:url(../images/nav_bg.jpg) right 17px no-repeat;
	}
.index .colMain{
	float:none;
	width:100%;
	}
.colSide h4{
	font-size:125%;
	text-align:center;
	letter-spacing:0.3em;
	height:76px;
	padding:10px 0 0;
	margin-bottom:0;
	background:url(../images/colside_title_bg.png) 0 0 no-repeat #fbf9ef;
  -webkit-border-radius:0;
     -moz-border-radius:0;
          border-radius:0;
	}
h2.menuTitle{
	color:#923;
	line-height:1.5em;
	padding:0 0 0 35px;
	background:url(../images/h2_bg.png) 0 0 no-repeat;
	}
h2.menuTitle a{
	color:#923;
	}
:root h2.menuTitle{
	padding:0 0 0 40px \9;
	}
.colSide{
	width:226px;
	}
.sideCate{
	font-size:110%;
	padding:0 15px 15px;
	background-color:#fbf9ef;
	}
:root .sideCate{
	font-size:100% \9;
	}
.sideCate li{
	background:url(../images/-icon_sidemenu.gif) 3px 15px no-repeat;
	border-bottom:1px dotted #cba;	
	}
.sideCate li li{
	background:url(../images/icon_sidemenu.gif) 3px 18px no-repeat;
	}
.sideCate li li a{
	padding: 7px 0 5px 18px;
	}
.productGrid .proList .img, .photo_imgL .photo{
	background-color:#fff;
	}
.productList .proList .img, .productGrid .proList .img, .productPic .photo{
	border:1px solid #eeddbb;
	}
footer{
	background:none #fb8190;	
	}
footer .menu{
	float:right;
	}
footer hr{
    clear: both;
	margin-bottom:15px;
	border-bottom:1px solid #fc9aa6;
    border-top:1px solid #d35c6b;
	}
footer h5{
	font-size:120%;
	line-height:1.8em;
	}
.footer{
	font-size:90%;
	padding:15px 0;
	}
.footer .info{
	float:left;
	}
.footer .info{
	margin:0 40px 20px 0;
	}
.footer .info ul{
	float:left;
	width:280px;
	}
.footer .info span{
	display:block;
	margin-left:79px;
	}
.openTime{
	font-size:90%;
	}
.openTime strong{
	font-weight:600;
	margin-left:40px;
	}
.footer .menu{
	margin-bottom:0;
	}
.footer .menu a{
    padding:0 5px;
	}
.social{
	float:left;
	margin:0 70px 0 0;
	}
.social a{
	width:28px;
	height:28px;
	background:url("../images/social.jpg") 0 0 no-repeat;
	}
.social a:hover{
	background-position:-32px 0;
	}
.social .youtube{
    background-position:0 -72px;
	}
.social .youtube:hover{
    background-position:-32px -72px;
	}
.social .blog{
    background-position:0 -36px;
	margin-left:-5px;
	}
.social .blog:hover{
    background-position:-32px -36px;
	}
.social .google{
    background-position:0 -108px;
	}
.social .google:hover{
    background-position:-32px -108px;
	}
.qrcode{
	float:left;
	}
.qrcode img{
	width:90px;
	}
.copyright{
	float:left;
	}
.copyright span{
	float:right;
	}
.copyright a{
	margin-left:5px;
	}


.index .content{
	padding:0 0 50px;
	}
.introBox{
	padding:40px 25px 25px;
	background:url("../images/index_contentbg.jpg") center 0 no-repeat #82d8cf;
	overflow:hidden;
	zoom:1;
   -webkit-border-radius:0 0 5px 5px;
      -moz-border-radius:0 0 5px 5px;
           border-radius:0 0 5px 5px;
	}
.coIntro{
	float:left;
	width:600px;
	background:url("../images/co_blackboard.jpg") 0 0 no-repeat;
	overflow:hidden;
	zoom:1;
	}
.coIntro ul, .coIntro div{
	float:left;
	}
.coIntro ul{
	color:#fff;
	font-size:115%;
	font-weight:bold;
	width:220px;
	height:250px;
	padding:70px 0 0 35px;
	}
:root .coIntro ul{
	font-size:100% \9;
	}
.coIntro ul li{
	margin-bottom:15px;
	}
.coIntro ul li.line{
	margin-bottom:5px;
	}
.coIntro ul span{
	color:#a85;
	display:block;
	}
.coIntro ul .line span{
	display:inline-block;
	}
.coIntro div{
	font-size:100%;
	width:300px;
	height:280px;
	padding:20px;
	background-color:#fbf9ef;
	}
:root .coIntro div{
	font-size:100% \9;
	}
.coIntro div span{
	width:100px;
	padding:5px 10px;
	background-color:#bca383;
   -webkit-border-radius:5px;
      -moz-border-radius:5px;
           border-radius:5px;
	}
.coIntro div span a{	
	display:inline-block;
	margin-top:20px;
	}
.coIntro div span a:hover{
	color:#800;
	text-decoration:none;
	}
.coIntro h1 a{
	color:#753;
	font-size:100%;
	}
.coIntro .title{
	color:#f54;
	font-size:125%;
	font-weight:bold;
	}
:root .coIntro .title{
	font-size:125% \9;
	}
.coIntro p{
	margin-bottom:15px;
	}
.newsIntro{
	float:right;
	width:300px;
	}
.proIntro{
	clear:both;
	margin-top:30px;
	}
.sideCate li.par_tree, .sideCate li a.tree.active, .sideCate li.par_tree.active{
	background-position:0 14px;
	}
.newsIntro .title{
	color:#fff;
	font-size:140%;
	font-weight:bold;	
	height:25px;
	margin-bottom:15px;
	padding:59px 0 0 8px;
	background:url("../images/index_news.jpg") 0 0 no-repeat;
	}
.newsIntro{
	color:#057;
	}
.newsIntro a{
	display:block;
	}
.newsIntro li{
	margin-bottom:10px;
	padding-bottom:8px;
	border-bottom:1px dotted #455;
	}
.proIntro .title{
	color:#753;
	font-size:180%;
	font-weight:bold;
	text-align:center;
	height:65px;
	padding:32px 0 0 85px;
	background:url("../images/index_pro.png") center 0 no-repeat;
	}
.index .proList{
	float:left;
	text-align:center;
	width:185px;
	height:185px;
	margin:0 5px 30px;
	}
.index .proList .img{
	height:185px;
	background-color:#ffddde;
   -webkit-border-radius:5px;
      -moz-border-radius:5px;
           border-radius:5px;
	}
.index .proList .img *{
    display: inline-block;
    vertical-align: middle;
	}
.index .proList span{
    height: 100%;
	}
.index .proList h3 a{
	font-weight:bold;
	display:block;
	padding:8px 5px;
	opacity:0.8;
	margin-top:-36px;	
	background-color:#b00;
   -webkit-border-radius:0 0 5px 5px;
      -moz-border-radius:0 0 5px 5px;
           border-radius:0 0 5px 5px;
	}
.index .proList h3 a:hover{
	color:#fff;
	opacity:0.5;
	text-decoration:none;
	background-color:#ffff;
	}
.aboutUs p{
	margin-bottom:15px;
	}
.aboutUs div{
	text-align:center;
	}
.productGrid .proList{
	margin:0 18px 30px 0;
	}
#prod_layout.productGrid .proList{
	*width:220px;
	height:300px;
	}
.list_imgXXL .img{
	width:auto;
	-width:200px;
	}
.productList .proList .img *, .productGrid .proList .img *{
	max-width:195px;
	}

	
/*****/
#prod_layout.productRel .proList {
	height:auto;
}
