
/*--------------------------------------
*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;}







































#content{width:960px;}






/*__  ¶¥    ---------------------------------------------------------*/
.top{width:960px;height:109px;background:url(../images/top.jpg) no-repeat;}
.vi{width:300px;height:109px;display:block;float:left;}
.top_R{height:109px;text-align:right;}


.soso{width:310px;height:35px; padding:5px 40px 0 0;}
.so{width:175px;border:0px solid #CCC;height:22px;line-height:22px; background:none;}
.se{width:180px;border:1px solid #CCC;height:22px;line-height:22px;}

.tel{padding:20px 50px 0 0;}
.tel b{color:#999; font-size:15px; font-family:"Arial Black", Gadget, sans-serif; }
.tel strong{color:#000;font-size:18px;}




/*__  ==    ---------------------------------------------------------*/
.nav{width:960px;height:40px;overflow:hidden;}
.nav_L{width:5px;height:40px;background:url(../images/01.jpg) no-repeat;float:left;}
.nav_C{width:950px;height:40px;float:left;text-align:center;background:url(../images/02.jpg) repeat-x;}
.nav_R{width:5px;height:40px;background:url(../images/03.jpg) no-repeat;float:left;}


.nav_C .home{background:none;}
.nav_C ul li{height:40px;line-height:40px;text-align:center;float:left;background:url(../images/04.jpg) no-repeat left center; padding:0 0 0 2px;}
.nav_C ul li a{padding:0 44px;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_C ul li a:link{text-decoration:none;color:#fff;font-weight:bold;}
.nav_C ul li a:hover{text-decoration:underline;color:#FFF;background:#386A9D;}



/*__  ==    ---------------------------------------------------------*/
#nav_top{width:950px;height:40px;float:left;text-align:center;background:url(../images/02.jpg) repeat-x;}
#nav_top .home{background:none;}
#nav_top ul li{height:40px;text-align:left;background:url(../images/04.jpg) no-repeat left top;padding:0 0 0 2px;float:left;_position:relative;_z-index:1000;line-height:40px;}
#nav_top ul li a{display:block;*display:inline-block;height:40px;padding:0 44px;font-size:12px;color:#fff;text-decoration:none;font-weight:700;}
#nav_top ul li a:link{text-decoration:none;color:#fff;font-weight:700;}
#nav_top ul li a:hover{background:#386A9D;color:#93DEFF;}

#nav_top li ul{text-align:left;left:-999em;position:absolute;width:139px;}
#nav_top li ul li{background:#3D556D;float:none;line-height:24px;height:24px; padding:0;}
#nav_top li ul a{display:block;color:#FFF;width:139px;height:24px;padding:0;text-align:center;font-weight:700;font-size:12px;}
#nav_top li ul a:link,#nav_top li ul a:visited{color:#FFF;text-decoration:none;font-weight:700;}
#nav_top li ul a:hover{color:#0CF;text-decoration:none;font-weight:normal;background:#4774AF;font-weight:700;}
#nav_top li:hover ul{left:auto;}
#nav_top li.sfhover ul{left:auto;_left:2px;_top:40px;}
iframe{width:100%;height:500px; position:relative; margin-bottom:-500px; z-index:-1;filter:alpha(opacity=0);}



/*__  slide    ---------------------------------------------------------*/
.slide{width:960px;height:250px;}
.slide img{display:block;}


.hot_pic{width:960px;height:70px;}
.hot_pic img{margin-right:10px;}

/*__  sidebar    ---------------------------------------------------------*/
#sidebar{width:220px;}



.sidebox{width:220px;}
.sidebox_N{width:220px;height:40px;}
.sidebox_N_LR{width:20px;height:40px;}
.sidebox_N_L{background:url(../images/05.jpg) no-repeat;}
.sidebox_N_R{background:url(../images/07.jpg) no-repeat;}
.sidebox_N_C{width:180px;line-height:40px;color:#FFF;font-size:13px;font-weight:700;background:url(../images/06.jpg)  repeat-x;}
.sidebox_C{width:220px;background:#F0F0F0 url(../images/08.jpg) repeat-y;}


.sidebox_C_nr,.L_menu,.kf{width:220px;background:#F0F0F0 url(../images/08.jpg) repeat-y;}


.L_menu ul{width:210px;overflow:hidden; padding:0 5px;}
.L_menu ul li{line-height:26px;background:url(../images/arrow.gif) no-repeat 10px 9px;padding:0 0 0 20px;border-bottom:0px dotted #E8E8E8;}
.L_menu ul li ul li{line-height:22px;border:none;padding-left:10px;font-size:11px;background:url(../images/arrow.gif) no-repeat 0px 10px;}



.kf_C{width:210px;height:52px; padding:10px 5px 0 5px;}
.kf_C_pic{width:50px;height:50px;border:1px solid #CCC; float:left;}
.kf_C_pic img{display:block;}
.kf_C_R{width:150px;height:52px;float:right;line-height:24px; color:#6C2609;}
.kf_C_B{padding:10px;}
.kf_C_B li{line-height:18px; font-size:11px; color:#666;}




/*__  content_R    ---------------------------------------------------------*/
#content_R{width:730px;}




.cp{width:730px;}
.cp_T{width:730px;height:10px;background:url(../images/10.jpg) no-repeat;overflow:hidden;}
.cp_C{width:710px;background:url(../images/11.jpg) repeat-x;padding:0 10px;}
.cp_C_N{height:22px;line-height:22px;border-bottom:2px solid #3D6EA1;color:#000;font-size:13px; font-weight:700;font-style:italic;}

.pd_zy{padding:0 10px;}
.ab_box_C_pic{width:270px;height:173px;}
.ab_box_C_nr{width:405px;height:173px;}

#demo{width:710px;overflow:-moz-scrollbars-vertical;overflow:hidden;}
#indemo{padding:0;float:left;width:1000%;}
#demo1{float: left;overflow:auto;zoom:1;}
#demo2{float: left;}





.box3{width:auto;padding:10px 0 0 0;_padding:5px 0 0 0; border-bottom:1px dashed #CCC;}
.box3_pic{width:72px;height:72px;line-height:72px;text-align:center;display:table;vertical-align:middle; *display:block;*font-size:45px;*font-family:Arial;overflow:hidden;float:right;}
.box3_pic span{display:table-cell;vertical-align:middle;}

.box3_content{width:136px;text-align:left;float:left;padding:0 8px 0 0;}
.box3_name{width:136px;text-align:left;font-size:12px;}
.box3_money{width:136px;line-height:18px;text-align:left;display:block;color:#ED760A;font-size:12px;}
.box3_id{width:136px;line-height:18px;text-align:left;display:block;color:#333;font-size:11px;}



.box4{width:210px;text-align:center;padding:15px 0 0 20px;float:left;}
.box4_pic{width:206px;height:206px;line-height:206px;text-align:center;display:table;vertical-align:middle;*display:block;*font-size:186px;*font-family:Arial;overflow:hidden; border:2px solid #C6C6C6; background:#FFF;}
.box4_pic span{display:table-cell;vertical-align:middle;}
.box4_name{width:210px;line-height:20px;text-align:center;}
.box4_id{width:210px;line-height:20px;text-align:center;color:#666;}
.box4_money{width:210px;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;}







/*__  bottom   ---------------------------------------------------------*/
#bottom{width:960px;background:url(../images/bottom.jpg) repeat-x; text-align:center;}
.b_nav{height:30px;line-height:30px;}

.copy{font-size:11px;color:#333;line-height:22px;}
.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:#224272;}
.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:#224272;}




/* 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;}



