
/*--------------------------------------
*Filename:            style.css
*Description:         Global CSS
*Version:             1.0.0(2010-05-26)
*Author:              Jue
==STRUCTURE:============================

*Page width:          1000px
*Number of columns:   3

----------------------------------------------------------------------*/@import url("style/style.css");
h3{font-size:13px;line-height:30px;color:#121A21;font-weight:bold;padding:0 0 0 10px;}
h5{font-size:13px;line-height:30px;color:#43986E;font-weight:bold;text-align:left;padding:0 0 0 20px;}













































/*__  ¶¥    ---------------------------------------------------------*/
.top{width:960px;height:110px;background:url(../images/top.jpg) no-repeat;}
.vi{width:470px;height:110px;display:block;float:left;}
.top_R{width:340px;height:70px;text-align:right; padding:40px 0 0 0;}




.soso{width:320px;height:43px;padding:45px 0 0 0;}
.so{width:250px;border:0px solid #CCC;height:28px;line-height:28px;background:none;}
.se{width:180px;border:1px solid #CCC;height:22px;line-height:22px;}







/*__  ==    ---------------------------------------------------------*/
.nav{width:960px;height:40px;background:url(../images/nav.jpg) repeat-x;}





/*.nav .home{background:none;}
.nav ul li{height:40px;line-height:40px;text-align:center;float:left;background:url(../images/01.jpg) no-repeat left center; padding:0 0 0 2px;}
.nav ul li a{padding:0 39px;font-size:12px;font-family:Arial,"Lucida Grande", Verdana, Lucida, Helvetica, sans-serif;color:#FFF;text-decoration:none;font-weight:bold;display:block;*display:inline-block;}
.nav ul li a:link{text-decoration:none;color:#FFF;font-weight:bold;}
.nav ul li a:hover{text-decoration:underline;color:#E3FFD9;background:url(../images/nav_hover.jpg) no-repeat bottom center;}
*/


.nav .home{background:none;}
.nav ul li{line-height:40px;text-align:center;float:left;background:url(../images/01.jpg) no-repeat left center;padding:0 0 0 2px;position:relative;z-index:10;}
.nav ul li a{padding:0 39px;font-size:12px;font-family:Arial,"Lucida Grande", Verdana, Lucida, Helvetica, sans-serif;color:#fff;text-decoration:none;font-weight:bold;display:block;*display:inline-block;}
.nav ul li a:link{text-decoration:none;color:#FFF;font-weight:bold;}
.nav ul li a:hover{text-decoration:underline;color:#E3FFD9;}



.nav ul li ul li .subfolderstyle{background:url(../images/list_ca_l.gif) no-repeat 98% 50%;}
.nav ul li ul{left:0;background:#1B7908;position:absolute;width:180px;top:40px;display:none; z-index:10;}
.nav ul li ul li{background:none;width:180px;padding:0px;}
.nav ul li ul li ul{left:180px;top:0px; background:#3E9E01;}
.nav ul li ul li a{padding:5px 0px;display:block;line-height:normal; font-size:11px; }
.nav ul li ul li a:link{font-weight:100;}
.nav ul li ul li a:visited{padding:5px 0px;display:block;line-height:normal; font-size:11px; font-weight:100;}
.nav ul li ul li a:hover{background:#48C901;color:#FFF;}



/* Holly Hack for IE \*/
* html .nav ul li {float: left; height: 1%; }
* html .nav ul li a {height: 1%; }
/* End */








/*__  slide    ---------------------------------------------------------*/
.slide{width:960px;height:230px;}
.slide img{display:block;}







#content{width:960px;}





/*__  sidebar    ---------------------------------------------------------*/
#sidebar{width:220px;}



/*__  sidebar    ---------------------------------------------------------*/
#sidebar_R{width:720px;}





.cpbox{width:720px;}
.cpbox_N{width:720px;height:35px;line-height:35px;background:url(../images/05.jpg) repeat-x bottom;color:#000;font-size:14px;}
.cpbox_C{width:720px;}

/*__  content_R   &   news list ---------------------------------------------------------*/
.cpbox_C dl{width:710px; line-height:30px;text-align:left; border-bottom:1px dashed #CCC;}
.cpbox_C dl dt{text-align:left;line-height:30px;padding:0 0 0 15px;background:url(../images/06.jpg) no-repeat 0px 10px;}
.cpbox_C dl dt{float:left;}
.cpbox_C dl dd{float:right; color:#999;}


.cp_C_name{line-height:30px;text-align:center;font-size:22px; font-weight:700; color:#000;}
.cp_C_text{padding:10px 0;text-align:right;line-height:20px;border-bottom:1px solid #E8E8E8;color:#000;}
.cp_pic{width:720px;text-align:center;}


.news{width:720px;}
.news li{width:345px;line-height:26px;height:26px;padding:0 0 0 15px;background:url(../images/06.jpg) no-repeat left center;float:left;}


.about{width:720px;}
.about_pic{width:256px;height:193px;}
.about_nr{width:458px;height:192px; color:#666666;}



#demo{width:720px;overflow: -moz-scrollbars-vertical;overflow:hidden;}
#indemo{padding:0;float:left;width:1000%;}
#demo1{float: left;overflow:auto;zoom:1;}
#demo2{float: left;}





.sidebox{width:220px;}
.sidebox_N{width:210px;height:35px;line-height:35px;background:url(../images/02.jpg) repeat-x;color:#FFF;font-size:13px;font-weight:700;padding:0 0 0 10px;}
.L_menu{width:220px;background:#F6F4E8;}
.L_menu ul{width:220px;overflow:hidden;}
.L_menu ul li{line-height:32px;background:url(../images/arrow.jpg) no-repeat 10px 13px;padding:0 0 0 25px;border-bottom:1px dashed #BFBFBF;}
.L_menu ul li ul li{line-height:20px;border:none;padding-left:10px;font-size:11px;background:url(../images/03.gif) no-repeat 0px 10px;}


.sidebox_C{width:220px;}







.kf_C{width:220px; color:#333;}
.kf_C li{line-height:22px;}
.kf_C .kf_msn{background:url(../images/msn.jpg) no-repeat left center;padding:0 0 0 25px;line-height:30px;margin:0 0 5px 0;}
.kf_C .kf_yahoo{background:url(../images/yahoo.jpg) no-repeat left center;padding:0 0 0 25px;line-height:30px;margin:0 0 5px 0;}
.kf_C .kf_email{background:url(../images/email.jpg) no-repeat left center;padding:0 0 0 25px;line-height:30px;}
.kf_C .kf_skype{background:url(../images/skype.jpg) no-repeat left center;padding:0 0 0 25px;line-height:30px;}







.box3{width:auto;padding:10px 0 10px 0;border-bottom:1px dashed #CCC;}
.box3_pic{width:60px;height:60px;line-height:60px;overflow:hidden;float:left;background:#FFF; border:1px solid #CCC;text-align:center;display:table;vertical-align:middle;*display:block;*font-size:52px;*font-family:Arial;}
.box3_pic span{display:table-cell;vertical-align:middle;}

.box3_content{width:140px;text-align:left;float:right;}
.box3_name{width:140px;text-align:left;font-size:12px;}
.box3_money{width:140px;line-height:18px;text-align:left;display:block;color:#ED760A;font-size:12px;}
.box3_id{width:140px;line-height:18px;text-align:left;display:block;color:#333;font-size:12px;}



.box4{width:130px;text-align:center;padding:15px 0 10px 40px;float:left;}
.box4_pic{width:128px;height:128px;line-height:128px;text-align:center;display:table;vertical-align:middle;*display:block;*font-size:78px;*font-family:Arial;overflow:hidden; border:1px solid #CDCDCD; background:#FFF;}
.box4_pic span{display:table-cell;vertical-align:middle;}
.box4_name{width:130px;line-height:20px;text-align:center;}
.box4_id{width:130px;line-height:20px;text-align:center;color:#666;}
.box4_money{width:130px;font-size:11px;line-height:20px;text-align:left;}
.box4_money span{color:#363636;text-decoration:line-through;font-weight:bold;}
.box4_money b{color:#F30;}






.box5{width:190px;padding:15px 0 10px 39px;float:left;}
.box5_pic{width:188px;height:188px;line-height:188px;text-align:center;display:table;vertical-align:middle;*display:block;*font-size:164px;*font-family:Arial;overflow:hidden; border:1px solid #CDCDCD; background:#FFF;}
.box5_pic span{display:table-cell;vertical-align:middle;}
.box5_name{width:190px;line-height:30px;}
.box5_id{width:190px;line-height:20px;color:#666;}
.box5_money{width:190px;font-size:11px;line-height:20px;text-align:left;}
.box5_money span{color:#363636;text-decoration:line-through;font-weight:bold;}
.box5_money b{color:#F30;}







/*__  bottom   ---------------------------------------------------------*/
.bottom{width:960px;color:#333;background:url(../images/08.jpg) repeat-x;text-align:center; padding:20px 0;}



.b_nav{height:40px;line-height:40px;}
.copy{line-height:20px;font-size:12px;}
.b_links{padding:5px 0;}






.ab{padding:10px;}


/*__  content_R  &   products info(²úÆ·ÏêÏ¸Ò³Ãæ)---------------------------------------------------------*/
.info_nav{height:30px;line-height:30px;background:url(../images/31.jpg) no-repeat; padding:0 0 0 10px;color:#00935B;}
.info_nav span{font-size:15px;color:#900;}

.info_content{width:710px;text-align:left;}
.productBox{padding:10px 0 0 10px;}
.productBox h4{font-size:14px;font-weight:bold;margin:10px 0;color:#000;}
.productBox .productImgBox{float:left;width:300px;}
.productBox .productImg{width:300px;display:block;background:#fff;margin-bottom:10px; padding:0 0 1px 0;}
.smallImg{padding:0 0 2px 15px;}
.smallImg img{border:1px #eee solid;margin:3px 6px 0 0;}
.click{text-align:center;}
.click a,.click a:visited{color:#546C00;}

.productBox .productInfo{float:right;padding:5px;margin-left:8px; width:300px; border:1px #edebed solid;}
.productBox .item,.productBox .size,.productBox .price{ border-bottom:1px dotted #ddd; padding:8px 0; font-size:12px;}
.productBox .price strong{ color:#333;}
.productBox .price{font-weight:bold; color:#eb4329;}
.productBox .addCart{padding:20px 0;}
.productBox .prev{ text-align:center;}


.productDetail{padding:0 10px;}
.productDetail h4{font-weight:bold; font-size:14px; border-bottom:1px solid #ddd; padding:5px 0; margin:5px 0;color:#000;}




/* Nav Pages */
.navpages{padding:5px; margin-top:10px;font-family:Arial,"Lucida Grande", Verdana, Lucida, Helvetica, sans-serif; font-size:12px;}
.navpages ul{text-align:right;margin:0;padding:0}
.navpages li{list-style:none;display:inline; width:14px;margin-right:2px;}
.navpages li.thepage{margin-right:5px;color:#68595D;padding:1px 4px; width:auto}
.navpages a{text-decoration:none;color:#68595D;padding:1px 4px;border:1px solid #fff;}
.navpages a:hover{border:1px solid #888;color:#fff;background:#888; text-decoration:none}
.navpages li.curr_linkpage{border:0px solid #06F;color:#fff;padding:1px 4px;background:#000;}



