/*
Template Name: Vancl
Template URI: http://www.51ecshop.com/
Description: 51ECSHOP template.
Version: 2.6.2
Author: 51ECSHOP Team
Author URI: http://www.51ecshop.com/
Logo filename: logo.gif
*/

@import url("css/page_header.css");
@import url("css/page_footer.css");
@import url("css/products.css");
@import url("css/brand.css");
@import url("css/article.css");
@import url("css/users.css");
@import url("css/flow.css");
@import url("css/libs.css");




/* ====================
     公共样式
==================== */
body{background:#fff; font-size:12px; font-family: Arial,"宋体",Verdana; line-height:150%; margin:0px; padding:0px; color:#404040;}
div{margin:0 auto; padding:0;}
h1,h2,h3,h4,h5,h6,ul,li,dl,dt,dd,form,img,p{margin:0; padding:0; border:none; list-style-type:none;}
.block{ width:960px; height:auto;} /*主体容器*/
.blockfull{ width:100%;}/*全宽的容器*/
.f_l{float:left;}
.f_r{float:right;}
.tl{ text-align:left;}
.tc{ text-align:center;}
.tr{ text-align:right;}
.dis{display:block;}
.inline{display:inline;}
.none{display:none;}

/*自动高对齐*/
.clearfix:after{
content:"."; display:block; height:0; clear:both;
visibility:hidden;
}
*html .clearfix{
 height:1%;
}
*+html .clearfix{
 height:1%;
}

/*全局链接样式*/
a{ color:#353535; text-decoration:none; }
a:hover{ color:#970000; text-decoration:underline; }

/*英文强制换行*/
.word{word-break:break-all;}


/*页面留白*/
.blank{height:10px; line-height:10px; clear:both; visibility:hidden;}
.blank5{height:5px; line-height:5px;/* _margin:-3px 0;*/ clear:both; visibility:hidden; font-size:0px; padding:0px; margin:0px;}

/*布局*/
.layout_1 .layout_left{width:730px; float:left; overflow:hidden; padding-right:10px;}
.layout_1 .layout_right{width:220px; float:left; overflow:hidden; }

.layout_2 .layout_left{width:220px; float:left; padding-right:10px; _padding-right:6px; overflow:hidden;}
.layout_2 .layout_right{ width:730px; float:left; overflow:hidden;}

.layout_3 .layout_item{ padding-bottom:10px; overflow:hidden;} 

/*公共元素的定义*/

/*按钮样式*/
.btn_style_1{ background:url(images/elements.gif) no-repeat; width:74px; height:22px; line-height:22px; text-align:center; color:#fff; border:none; cursor:pointer;}
.btn_style_2{ background:url(images/elements.gif) no-repeat 0px -29px; width:74px; height:22px; line-height:22px; text-align:center; color:#fff; border:none; cursor:pointer;}
.btn_style_3{ background:url(images/elements.gif) no-repeat 0px -61px; width:60px; height:20px; line-height:20px; text-align:center; color:#fff; border:none; cursor:pointer;}
.btn_style_4{ background:url(images/elements.gif) no-repeat 0px -288px; width:113px; height:20px; line-height:20px; text-align:center; color:#fff; border:none; cursor:pointer;}
.btn_style_5{ background:url(images/elements.gif) no-repeat -151px -288px; width:174px; height:20px; line-height:20px; text-align:center; color:#fff; border:none; cursor:pointer;}
.btn_style_6{ background:url(images/elements.gif) no-repeat -94px -876px; width:101px; height:39px; line-height:39px; text-align:center; color:#fff; border:none; cursor:pointer; font-size:14px;}


.btn_style_bigbuy{ background:url(images/elements.gif) no-repeat -163px -1002px; width:116px; height:33px; border:0px; cursor:pointer;}
.btn_style_bigexchange{background:url(images/elements.gif) no-repeat -641px -1002px; width:139px; height:35px; border:0px; cursor:pointer;}

.btn_style_bigcollect{ background:url(images/elements.gif) no-repeat -338px -1002px; width:96px; height:33px; border:0px; cursor:pointer;}

.btn_style_sbuy{ background:url(images/elements.gif) no-repeat -521px -1019px; width:30px; height:20px; color:#fff; border:0px; padding-top:1px; *padding-top:3px; cursor:pointer;}
.btn_style_scollect{ background:url(images/elements.gif) no-repeat -557px -1019px; width:30px; height:20px; color:#fff; border:0px;padding-top:1px; *padding-top:3px; cursor:pointer;}
.btn_style_scompare{ background:url(images/elements.gif) no-repeat -594px -1019px; width:30px; height:19px;  color:#fff; border:0px;padding-top:1px; *padding-top:3px; cursor:pointer;}

/*文本框样式*/
.txt_style_1{ border:1px solid #CCC;}
.txt_style_search{ border:1px solid #CCC; height:15px;}
.txt_style_2{ border:1px solid #CCC;}
.txt_style_3{ border:1px solid #CCC; width:200px; height:20px;}
.txt_style_4{ border:1px solid #CCC; width:300px; height:20px;}
.txt_style_5{ border:1px solid #CCC; width:300px; height:120px;}


/* 下拉框样式 */
.select_style_1{ border:1px solid #CCC; background:#DBE9FB;}

/*字体样式*/
.f_white { color:#333; text-decoration:none;}
.f_white_1, a.f_white_1:hover { color:#fff; text-decoration:none;}
.f_white_2{ color:#fff; font-family:Verdana, Geneva, sans-serif; padding-top:10px;}
.f_blue{ color:#666;}
.f_red{ color:#970000;}
.f_orange_bold{ color:#F30; font-weight:bold;}
.f_market{
	font-size: 16px;
	font-weight: bold;
	color: #FF66CC;
}
.f_shop{ color:#F30;}
.f_pname{  color:#039;}
.f_gray{ color:#666; font-weight:bold;}
.f_gray_white{ color:#c7c7c7;}

.f_1{ font-size:10px;}
.f_2{ font-size:12px;}
.f_3{ font-size:14px; font-weight:bold;}
.f_4{ font-size:16px; font-weight:bold;}
.f_5{ font-size:12px; #ccc;}

.f_drop{ font-size:12px; font-family:Verdana, Geneva, sans-serif; padding:2px; line-height:22px;}

.f_block_title{ font-size:14px; font-weight:bold; color:#666; line-height:30px; } /* 模块标题 */
.f_small{ font-size:10px; font-family:Verdana, Geneva, sans-serif; color:#ccc; font-weight:bold;}
.f_small_gray{ font-size:10px; font-family:Verdana, Geneva, sans-serif; color:#ccc; font-weight:bold;}
/*横线*/
.dashed{ border-bottom:#ccc dashed 1px; width:100%; line-height:0px; height:0px; font-size:0px;}


/* 表格内置padding */
.table_padding_left td,.table_padding_left th{ padding-left:10px;}
.none_border td{ border:0px;}

/*列表*/
.listitem li{  height:25px; line-height:25px; text-indent:20px; background:url(images/elements.gif) no-repeat 10px -208px; border-bottom:dotted #ccc 1px; overflow:hidden;}
.comment_list li{ line-height:25px; text-indent:10px; background:url(images/tinyicon.gif) no-repeat 0px 10px;  border-bottom:dotted #ccc 1px; overflow:hidden;}

/* 翻页 */
   .pagebar{height:25px; float:right; line-height:25px; padding-top:10px; font-family:Verdana, Geneva, sans-serif;}
   .pagebar img{position:relative; top:2px;}
   .pagebar a{display:block; float:left; margin:0 2px; color:#0066cc; text-decoration:none;}
   .pagebar a:hover{color:#ff5a6a; text-decoration:none;}
   .pagebar .page_now{display:block; float:left; margin:0 5px; color:#ff5a6a; font-weight:bold; background:#fff;}
   #pager a{color:#0066cc; text-decoration:none;}
   
/* 友情链接 */
.f_link{ padding:10px;}
.f_link img{ width:88px; height:31px; border:1px solid #ccc; padding:5px;}
.txt_link{ padding:5px;}



/* 留言板 */
.msgContent{ line-height:35px;}

/*浏览历史*/

#history_list ul{ margin:0; padding:0; list-style-type:none; height:60px; margin-bottom:5px; border-bottom:dotted #ccc 1px;}
#history_list ul#clear_history{ height:auto; padding:5px;border:0px;}
#history_list li{ height:auto; padding:0; padding-bottom:5px; padding-top:5px;}
#history_list li.goodsimg{clear:both; background-image:none;height:auto; padding:1px; height:52px; width:52px;  border:1px solid #e2e2e2; float:left; margin-right:10px; }
#history_list li.goodsimg img{ height:50px; width:50px; margin:0; padding:0}

.style241:link {
	color: #3f3f3f;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}
.style241:visited {
	color: #3f3f3f;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}
.style241:hover {
	color: #3f3f3f;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}
