@charset "utf-8";
/*==================================bodyBox=================================*/
/*=#cpf=  height:782px;*/
#cpf { width:210px; border:0px solid #ccc; float:left;background-color:#fff;}
* html #cpf { height:880px;}
* +html #cpf {min-height:900px;}
#cpf h2.title_index { height:24px; line-height:24px; background:#408C18; font-size:14px; color:#fff;padding-left:8px; border-bottom:1px solid #E9E9E9;}
#cpf h3 { font-size:14px; color:#fa1377; height:30px; line-height:30px;padding-left:5px;}
#cpf h3 img { float:right; margin:10px 5px 0 0;}
.cpf_list { padding:0 5px 5px; border-bottom:1px dashed #999; }
.cpf_list p a { line-height:180%; white-space:nowrap;}

#cpf h4 { height:22px; line-height:22px; color:#ef0065;}
#leibie{background-color:#FFE3EE;border:1px solid #ccc; min-height:858px; }
* html #leibie { height:845px;}
* +html #leibie {min-height:850px;}

/*=contentTopRight=*/
#contentTopRight { width:764px; float:right;}
#contentTopRight_banner { width:551px; height:202px; float:left;}
#online{ float:left; border:#ccc 1px solid;}
#recommend { background:url(../../images/index_06.jpg) no-repeat 0 0 ;width:209px; height:205px; overflow:hidden; float:right;}
#recommend h2 { font-size:14px; color:#fff;padding-left:20px; height:26px; line-height:26px;}
#recommend ul li .imgstyle { border:1px solid #ccc; width:70px; height:70px; float:left; margin:10px 10px 5px 10px; overflow:hidden;}
#recommend ul li span { display:block; width:110px; float:left; line-height:24px;}
#recommend ul li span.flowerName {padding-top:5px;}
#recommend ul li span.flowerPrice { color:#EF0065;}
#recommend ul li span.flowerBtn img { margin-right:5px;}


/*=newsList=*/
#newsList { width:550px; border:1px solid #ddd; margin-top:5px; clear:both; float:left;height:50px;overflow:hidden;}
*+html #newsList{ margin-top:8px;}
*html #newsList li{ width:170px}
#newsList li { width:173px; padding-rigth:5px; margin:0 5px;float:left; background:url(../../images/index_18.jpg) repeat-x 0 100%;}
#newsList li a { display:block; height:24px; line-height:24px; background:url(../../images/index_14.jpg) no-repeat 0 50%;padding-left:15px;}

/*=btnList=*/
#btnList { border:1px solid #ddd; width:199px; float:left; padding:5px; height:91px; margin-top:5px; margin-left:5px; overflow:hidden;}
#btnList li { float:left; margin-bottom:3px;}
#btnList li a { display:block; width:60px; height:25px; line-height:25px; text-align:center; border:1px solid; float:left; margin:0 3px 0 0; font-size:14px;}
#btnList li a.red { border-color:#FFD8EA; color:#EF0065;}
#btnList li a.green { border-color:#B3E58E; color:#349700;}


/*=login=*/
#login { width:209px;  background:url(../../images/index_12.jpg) no-repeat 0 0 ; width:199px; height:73px;padding:30px 5px 0; vertical-align:middle;; margin-bottom:10px;}
#login img{vertical-align:middle;}
#login #left{ width: 145px; float:left}
#login #right{ width: 50px; float:left}
#login #bot{ width: 180px; float:left; text-align:center}
#login form label { display:block; margin-bottom:3px;}
#login form label .inputstyle { border:1px solid #999; padding:2px 4px; vertical-align:middle;width:90px; color:#EF0065;}
#login form label.btn { width:43px; height:46px;}
#login form p { padding-left:40px;}
#login form p a { color:#999;}
#login form p a:hover { color:#000; text-decoration:none;}


/*=classRecomend=*/
#classRecomend { clear:both; margin-top:5px; border:1px solid #ddd; padding:3px; background:#fff;}
#classList { background:url(../../images/index_28.jpg) repeat-x 0 0; height:29px;}
#topProduct{}
/**#topProduct{height:429px;}*/
.prodList{display:none;}
#topProduct .current{ display:block;}
#classList li.current{background:url(../../images/index_26.jpg) no-repeat 0 0; width:87px; border-right:0; text-decoration:none;}
#classList li{ float:left;width:86px; text-align:center; border-right:1px solid #fff; font-size:14px; color:#fff; display:block; float:left; line-height:29px; font-weight:bold; cursor:pointer;}



/*==banner==*/
#banner { padding:0; margin-top:5px;}
#banner img { float:left;display:block;}

/*=prodBox=*/
.prodBox { border:1px solid #ddd; float:left; width:480px; padding:2px; margin-top:5px;}
.prodBox h2 { background:url(../../images/index_62.jpg) repeat-x 0 0; height:31px; line-height:31px; font-size:14px;padding:0 5px 0 10px;}
.prodBox h2 img { float:right; margin:10px 5px 0 0;}
.prodBox_mr { margin-right:5px;}

.picBig { padding-left:10px; background:url(../../images/index_18.jpg) repeat-x 0 0; padding-top:20px; height:100%;}
.picBig img { float:left; margin-right:5px;}
.picBig img.rightSmall { margin-bottom:5px;}


.prodList2 { width:456px; overflow:hidden; margin:10px auto; height:120px;}
.prodList2 li {width:25%; float:left; text-align:center; overflow:hidden;}
.picBox2 { width:80px; height:80px; overflow:hidden; margin:0 auto 5px;}
.prodList2 li span { display:block; height:20px; line-height:20px; overflow:hidden;}
.prodList2 li p { color:#EF0065;}

.title_01 { color:#B457D5;}
.title_02 { color:#8A6C1A;}
.title_03 { color:#357019;}
.title_04 { color:#545454;}

#live109899{text-align:center; background-color:#408C18; padding-top:10px;}

#searchOrder{ border:#ddd 1px solid; float:left; width:205px; height:50px;margin-top:5px; margin-left:3px;}
#searchOrderValue{ padding:5px;}
.butOrder{
background-color:#E02E40;
border:medium none;
color:#FFFFFF;
font-size:12px;
font-weight:bold;
line-height:15px;
margin-left:4px;
text-align:center;
}

.inputOrder{
background-color:#FFFFFF;
border:1px solid #EA7581;
color:#E02E40;
font-size:12px;
line-height:18px;
width:110px;
}