/*
	公共样式组件
 */


/***********************************************
 * Common Class
 ***********************************************/
/* hightlight */
.h {
    color: #F50 !important;
}

/***********************************************
 * Box
 ***********************************************/
.box .hd,
.box .rc-tp, .box .rc-tp span,
.box .rc-bt, .box .rc-bt span {
    background: url(http://assets.taobaocdn.com/sys/common/img/box_bg.png) no-repeat;
}
.box .rc-tp, .box .rc-bt {
    position: relative; /* raise z-index, hover .hd */
    display: block;
    height: 4px;
}
.box .rc-tp span, .box .rc-bt span {
    float: right;
    width: 4px;
    height: 4px;
}
.box .rc-tp {
    margin-bottom: -4px;
    background-position: -3px 0;
}
.box .rc-bt {
    margin-top: -4px;
    background-position: -3px -3px;
}
.box .rc-bt span {
    background-position: 0 -3px;
}

.box {
    position: relative; /* for .act list */
    margin-bottom: 10px; /* default gutter */
}

.box .hd {
    height: 21px; 
    border: 1px solid #cccccc;
    border-bottom: none;
    background-color: #fbfbfb;
    background-position: 0 -7px;
    background-repeat: repeat-x;
}
.box .hd h3 {
    font-size: 12px;
    line-height: 21px; /* 11px + 5px + 5px */
    color: #404040;
    padding-left: 10px;
}

.box .bd {
    padding: 10px;
    border: 1px solid #cccccc;
    background-color: #f7f7f7;
}

.box .ft .act {
    position: absolute;
    top: 1px;
    right: 1px;
    line-height: 21px;
    padding-right: 5px;
}
.box .ft .act li {
    float: left;
    padding-left: 10px;
}
.box .ft .act li a {
    color: #404040;
}

/* 14px box */
.box-h14 .hd {
    height: 23px;
    background-position: 0 -28px;
}
.box-h14 .hd h3 {
    font-size: 14px;
    line-height: 23px;
}
.box-h14 .ft .act {
    line-height: 23px;
}

/* skin-gray is default value */

/* skin-orange */
.skin-orange .box .rc-tp { background-position: -3px -60px; }
.skin-orange .box .rc-tp span { background-position: 0 -60px; }
.skin-orange .box .rc-bt { background-position: -3px -63px; }
.skin-orange .box .rc-bt span { background-position: 0 -63px; }
.skin-orange .box .hd { border-color: #ffcc80; background-color: #fbfbfb; background-position: 0 -67px; }
.skin-orange .box-h14 .hd { background-position: 0 -88px; }
.skin-orange .box .hd h3,
.skin-orange .box .ft .act li a { color: #bf4c00; }
.skin-orange .box .bd { border-color: #ffcc80; background-color: #fffaf2; }

/* skin-blue */
.skin-blue .box .rc-tp { background-position: -3px -120px; }
.skin-blue .box .rc-tp span { background-position: 0 -120px; }
.skin-blue .box .rc-bt { background-position: -3px -123px; }
.skin-blue .box .rc-bt span { background-position: 0 -123px; }
.skin-blue .box .hd { border-color: #80ccff; background-color: #bde5ff; background-position: 0 -127px; }
.skin-blue .box-h14 .hd { background-position: 0 -148px; }
.skin-blue .box .hd h3,
.skin-blue .box .ft .act li a { color: #004d80; }
.skin-blue .box .bd { border-color: #80ccff; background-color: #f2faff; }

/* skin-naked */
.skin-naked .box .rc-tp,
.skin-naked .box .rc-tp span,
.skin-naked .box .rc-bt,
.skin-naked .box .rc-bt span,
.skin-naked .box .hd,
.skin-naked .box-h14 .hd,
.skin-naked .box .bd,
.skin-naked .box .hd { background: none; border: none; }
.skin-naked .box .hd h3 { color: #404040; }

/***********************************************
 * More Link
 ***********************************************/
.more {
    background: url(http://assets.taobaocdn.com/sys/common/img/more_bg.png) no-repeat 100% 4px;
    padding-right: 12px;
}
/* skin */
.skin-orange .more { background-position: 100% -16px; }
.skin-blue .more { background-position: 100% -36px; }

/***********************************************
 * Price
 ***********************************************/
.price strong,
.vip-price em,
.market-price del,
.list-price strong {
    font-size: 14px;
    color: #f50;
    background: url(http://assets.taobaocdn.com/sys/common/img/rmb.png) no-repeat;
    padding-left: 16px;
}
.vip-price em {
    font-weight: bold;
}
.market-price del {
    font-size: 12px;
    color: #808080;
    background-position: 0 -27px;
}
.list-price strong {
    background: none;
}
.detail-price strong {
    font-size: 24px;
    font-weight: normal;
    color: #f50;
    padding-right: 5px;
}

/***********************************************
 * Pic
 ***********************************************/
.pic a {
    display: table-cell; /*非IE的主流浏览器识别的垂直居中的方法*/
    vertical-align: middle;
    text-align: center;
}
.pic a img {
    vertical-align: middle;
}

.s30, .s30 a { width: 30px; height: 30px; }
.s40, .s40 a { width: 40px; height: 40px; }
.s50, .s50 a { width: 50px; height: 50px; }
.s60, .s60 a { width: 60px; height: 60px; }
.s70, .s70 a { width: 70px; height: 70px; }
.s80, .s80 a { width: 80px; height: 80px; }
.s110x90, .s110x90 a { width: 110px; height: 90px; }
.s120, .s120 a { width: 120px; height: 120px; }
.s160, .s160 a { width: 160px; height: 160px; }
.s220, .s220 a { width: 220px; height: 220px; }
.s310, .s310 a { width: 310px; height: 310px; }

.s30 img { max-width: 30px; max-height: 30px; }
.s40 img { max-width: 40px; max-height: 40px; }
.s50 img { max-width: 50px; max-height: 50px; }
.s60 img { max-width: 60px; max-height: 60px; }
.s70 img { max-width: 70px; max-height: 70px; }
.s80 img { max-width: 80px; max-height: 80px; }
.s110x90 img { max-width: 110px; max-height: 90px; }
.s120 img { max-width: 120px; max-height: 120px; }
.s160 img { max-width: 160px; max-height: 160px; }
.s220 img { max-width: 220px; max-height: 220px; }
.s310 img { max-width: 310px; max-height: 310px; }

/***********************************************
 * Item
 ***********************************************/
.item {
    text-align: center;
}
.item .pic {
    border: 1px solid #E4E4E4;
}

/***********************************************
 * Button
 ***********************************************/
.btn, .small-btn, .long-btn, .short-btn, .small-long-btn {
    background: url(http://assets.taobaocdn.com/sys/common/img/btn_bg.png) no-repeat;
    width: 80px;
    height: 25px;
    line-height: 25px;
    display: inline-block;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    border: none;
    cursor: pointer;
    color: #fff;
}
.small-btn {
    background-position: 0 -150px;
    width: 51px;
    height: 21px;
    line-height: 21px;
    font-size: 12px;
    font-weight: normal;
}
.long-btn {
    background-position: 0 -300px;
    width: 100px;
    font-size: 12px;
}
.short-btn {
    background-position: 0 -450px;
    width: 60px;
    font-size: 12px;
}
.small-long-btn {
    background-position: 0 -600px;
    width: 61px;
    height: 21px;
    font-size: 12px;
    line-height: 21px;
    font-weight: normal;
}

.btn,
.small-btn,
.long-btn,
.short-btn,
.small-long-btn {
    color: #fff;
}
.btn:hover,
.small-btn:hover,
.long-btn:hover,
.short-btn:hover,
.small-long-btn:hover {
    color: #fff;
    text-decoration: underline;
}
button.btn:hover,
button.small-btn:hover,
button.long-btn:hover,
button.short-btn:hover,
button.small-long-btn:hover {
    text-decoration: none;
}

/* skin-orange is default skin. */

/* skin */
.skin-gray .btn { background-position: 0 -50px; }
.skin-blue .btn { background-position: 0 -25px; }
.skin-gray .small-btn { background-position: 0 -210px; }
.skin-blue .small-btn { background-position: 0 -180px; }
.skin-gray .long-btn { background-position: 0 -350px; }
.skin-blue .long-btn { background-position: 0 -325px; }
.skin-gray .short-btn { background-position: 0 -500px; }
.skin-blue .short-btn { background-position: 0 -475px; }
.skin-gray .small-long-btn { background-position: 0 -660px; }
.skin-blue .small-long-btn { background-position: 0 -630px; }

.skin-gray .btn,
.skin-gray .small-btn,
.skin-gray .long-btn,
.skin-gray .short-btn,
.skin-gray .small-long-btn { color: #0F0000; }

.skin-gray .btn:hover,
.skin-gray .small-btn:hover,
.skin-gray .long-btn:hover,
.skin-gray .short-btn:hover,
.skin-gray .small-long-btn:hover {
    color: #0F0000;
}

/***********************************************
 * Crumbs
 ***********************************************/
.crumbs a {
    background: url(http://assets.taobaocdn.com/sys/common/img/crumb_bg.gif) no-repeat 100% 50%;
    padding-right: 8px;
    margin-right: 1px;
}
.crumbs span {
    display: none;
}

/***********************************************
 * Message
 ***********************************************/
.msg .error, .msg .stop, .msg .alert, .msg .attention,
.msg .tips, .msg .ok, .msg .notice, .msg .question, .msg .help, .msg .small-help {
    color: #404040;
    background: url(http://assets.taobaocdn.com/sys/common/img/msg_bg.png) no-repeat;
    border: 1px solid #ddd;
    float: left;
    padding: 2px 10px 2px 23px;
    line-height: 18px;
}
.msg .error { background-position: 3px 3px; border-color: #ff8080; background-color: #fff2f2; }
.msg .stop { background-position: 3px -47px; border-color: #ff8080; background-color: #fff2f2; }
.msg .alert { background-position: 3px -97px; border-color: #ff8c40; background-color: #fff5f6; }
.msg .attention { background-position: 3px -147px; border-color: #40b3ff; background-color: #e5f5ff; }
.msg .tips { background-position: 3px -197px; border-color: #ffcc7f; background-color: #ffffe5; }
.msg .ok { background-position: 3px -247px; border-color: #4dbf00; background-color: #f0ffe5; }
.msg .notice { background-position: 5px -295px; border-color: #40b3ff; background-color: #e6f5ff; }
.msg .question { background-position: 3px -347px; border-color: #bfbfbf; background-color: #f2f2f2; }
.msg .small-help { background-position: 5px -1095px; border-color: #fff; background-color: #fff; } /* 背景色和边框默认白色 */
.msg .help { background-position: 3px -1197px; border-color: #fff; background-color: #fff; } /* 背景色和边框默认白色 */

.msg24 .error, .msg24 .attention, .msg24 .tips, .msg24 .ok, .msg24 .question {
    font-size: 14px;
    font-weight: bold;
    color: #404040;
    background: url(http://assets.taobaocdn.com/sys/common/img/msg_bg.png) no-repeat;
    border: 1px solid #ddd;
    padding: 17px 10px 17px 56px;
    line-height: 22px;
}
.msg24 .error { background-position: 12px -388px; border-color: #ff8080; background-color: #fff2f2; }
.msg24 .attention { background-position: 12px -488px; border-color: #40b3ff; background-color: #e5f5ff; }
.msg24 .tips { background-position: 15px -888px; border-color: #ffcc7f; background-color: #ffffe5; }
.msg24 .ok { background-position: 12px -988px; border-color: #4dbf00; background-color: #f0ffe5; }
.msg24 .question { background-position: 12px -788px; border-color: #bfbfbf; background-color: #f2f2f2; }

.msg .naked, .msg24 .naked { border: none; background-color: transparent; }
.msg24 .naked-tips { background-position: 15px -688px; }
.msg24 .naked-ok { background-position: 12px -588px; }

.msg:after, .msg24:after {
    content: '\0020';
    display: block;
    height: 0;
    clear: both;
}

.page-feedback-msg {
    border: 1px solid #ff8080;
    background: #fff2f2;
}
.page-feedback-msg h2 {
    float: left;
    display: inline;
    width: 80px;
    background: url(http://assets.taobaocdn.com/sys/common/img/msg_bg.png) no-repeat 12px -400px;
    line-height: 35px;
    padding: 2px 10px 2px 50px;
    margin: 10px 0;
    color: #f50;
    font-size: 17px;
}
.page-feedback-msg .msg-list {
    margin: 0 0 0 130px;
    background: #fff;
	zoom:1;
}
.page-feedback-msg h3 {
    margin: 0;
    padding: 20px 10px 15px;

}
.page-feedback-msg ol {
    margin-top: -5px;
    padding: 0 10px 15px;
}
.page-feedback-msg ol li {
    list-style: inside decimal;
}


/***************************
 * Flow Steps 流程步骤条
 ***************************/
.flow-steps {
    overflow: hidden; /* clearfix */
    margin: 20px 0;
}
.flow-steps .num3 li { width: 301px; }
.flow-steps .num4 li { width: 222px; }
.flow-steps .num5 li { width: 175px; } /* (950 / 5) - 15 padding-right */
.flow-steps .num6 li { width: 143px; }

.flow-steps li {
    float: left;
    background: #e4e4e4 url(http://assets.taobaocdn.com/sys/common/img/flow_steps_bg.png) no-repeat 100% 0;
    /*list-style: decimal;*/ /* ie6下不行 */
    font-size: 14px;
    font-weight: bold;
    height: 23px;
    line-height: 23px;
    text-align: center;
    color: #404040;
    padding: 0 15px 0 0;
    overflow: hidden;
}
.flow-steps li span,
.flow-steps li strong {
    display: block;
}
.flow-steps li .first {
    background: #e4e4e4 url(http://assets.taobaocdn.com/sys/common/img/flow_steps_bg.png) no-repeat -12px -69px;
}
.flow-steps li.last {
    background-position: 100% -138px;
}
.flow-steps li.current {
    background-color: #f60;
    color: #fff;
}
.flow-steps li.current .first {
    background-color: #f60;
    background-position: -12px -92px;
}
.flow-steps li.current-prev {
    background-position: 100% -23px !important;
}
.flow-steps li.done {
    background-color: #ffe6ba;
    background-position: 100% -46px;
    color: #f60;
}
.flow-steps li.done .first {
    background-color: #ffe6ba;
    background-position: -12px -115px;
}
.flow-steps li.last-current {
    background-color: #f60;
    color: #fff;
    background-position: 100% -161px;
}
/* END */


/***********************************************
 * Hacks
 ***********************************************/

/* box */
.box .rc-tp,
.box .rc-bt { _overflow: hidden; /* for ie6 height < 12px */ }

.box .hd h3,
.box .act { *line-height: 23px; _line-height: 21px; /* for ie7 */ }

.box-h14 .hd h3,
.box-h14 .act { *line-height: 25px; _line-height: 23px; /* for ie7 */ }

/* pic */
.pic {
    *overflow: hidden; /* ie下，某些尺寸的图片会居中时会向下偏移1px */
}
.pic a {
    *display: block;
    *font-family: Arial; /*防止非utf-8引起的hack失效问题，如gbk编码*/
    *line-height: 1; /* 避免行高导致垂直居中有误 */
}
/*约为高度的0.873，80*0.873. 采用四舍五入 */
.s30 a { *font-size: 26px; }
.s40 a { *font-size: 35px; }
.s50 a { *font-size: 44px; }
.s60 a { *font-size: 52px; }
.s70 a { *font-size: 61px; }
.s80 a { *font-size: 70px;  }
.s110x90 a { *font-size: 79px; }
.s120 a { *font-size: 105px; }
.s160 a { *font-size: 140px; }
.s220 a { *font-size: 192px; }
.s310 a { *font-size: 271px; }

/* btn */
.btn, .small-btn, .long-btn, .short-btn { *display: inline; } /* 让按钮成为内联块 */

/* msg */
.msg, .msg24 { *zoom : 1; }
.page-feedback-msg ol { *zoom: 1; *padding-left: 0; }


/*下面CSS全为翻页部分*/
.pagination{
	height:22px;
	font-size:12px;
	font-family:Tahoma;
}

/*清除浮动*/
.page-top:after, .page-bottom:after {
	content:"";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.page-top, .page-bottom {
	zoom:1;
}


.page-mini {
	padding-top:3px;
}

/*定义浮动元素*/
.pagination a, .page-info, .page-prev, .page-cur, .page-start, .page-end, .page-break {/*默认的翻页采取固定宽度*/
	float:left;
	width:20px;
	height:20px; 
	margin:0 3px 0 0;
	overflow:hidden;
	
	text-align:center;
	white-space:nowrap;
	vertical-align:middle;
	line-height:20px;	
}
.page-mini a, .page-mini .page-cur, .page-mini .page-prev, .page-mini .page-cur, .page-mini .page-start, .page-mini .page-end, .page-mini .page-break {/*袖珍型翻页采取自适应宽度*/
	height:14px;
	width:auto;
	padding:0 2px;
	line-height:16px;
}

/*定义a元素的边框和背景色*/
.pagination a {
	border:1px solid #ccc;
	background-color:#fff;	
}
.page-mini a {
	border:none;
	background-color:transparent;
}

/*单独定义翻页第100页的宽度*/
.pagination .page-100 {
	width:26px;
}
.page-mini .page-100 {
	width:auto;
}

/*定义翻页中链接的样式*/
.pagination a:link {
	color:#03c;
	text-decoration:none;
}
.pagination a:visited {
	color:#953597;
	text-decoration:none;
}
.pagination a:hover,.pagination a:active{
	color:#fff;
	background-color:#09f;
	text-decoration:none;
}
.pagination .mini a:hover, .pagination .mini a:active {
	color:#f50;
	background-color:transparent;
}

/*当前页*/
.pagination .page-cur, .pagination .mini-page .page-cur { 
	margin:0;
	line-height:12px;
	font-weight:700;
	color:#f60;
	vertical-align:super;
}

/*建雄修改 前台页面 当前页 效果*/
.pagination .page-cur { 
	line-height:20px;
	
}
/*定义更多触发器的字体样式*/
.page-break {
	font-family:SimSun;
	border-width:0;
	width:22px;
	height:22px;
}
.pagination .page-trigger {
	background-position:-83px -43px;
}
.pagination .page-trigger:hover,.pagination .page-trigger:active {
	background-position:-47px -43px;
}


/*统一定义翻页插件部分的背景色和背景图片*/
.page-prev, .page-next, .page-start, .page-end, .page-skip button, .page-trigger {
	background-image:url(http://assets.taobaocdn.com/app/tbs/img/pagination.gif);
	background-color:#fff;
	background-repeat:no-repeat;
}
.page-mini .page-prev, .page-mini .page-next {
	background-color:#fff;
}


/*翻页信息：当前页数&总页数*/
.page-info,.page-mini .page-info { 
	width:auto;
	color:#a0a0a4;
	letter-spacing:1px;
}



/*上一页样式*/
.pagination .page-prev {
	border:1px solid #ccc;
	background-position:6px 5px;
}
.page-mini .page-prev { /*袖珍型的向上翻页采用固定宽度*/
	width:14px;
	padding:0;
	background-position:4px 3px;
}

.pagination .page-start { 
	border:1px solid #ccc;
	background-position:6px -11px;
}
.page-mini .page-start {
	width:14px;
	padding:0;
	background-position:4px -13px;
}

/*下一页样式*/
.pagination .page-next, .pagination .page-end { /*向下翻页采用自适应宽度*/
	padding:0 12px 0 5px;
	width:auto;
	border:1px solid #ccc;
	background-position:-52px 5px;
}
.page-mini .page-next,.page-mini .page-end {
	width:42px;
	padding:0;
	border:1px solid #ccc;
	background-position:2px -29px;
}

.pagination .page-end{ 
	background-position:-52px -11px;
}
.page-mini .page-end { 
	background-position:-60px -29px;
}


/*快捷搜索翻页*/
.page-skip {
	float:left;
	padding:0 0 0 8px;
}
.page-skip input{
	margin:0 2px;
	vertical-align:text-bottom;
	height:10px;
	font-size:10px;
	line-height:10px;
	padding:0;
	width:24px;
	font-size:12px;
}
.page-skip button{
	cursor:pointer;
	border:none;
	margin:0 0 0 8px;
	vertical-align:text-bottom;
	width:31px;
	height:15px;
	background-position:0 100%;
}

/*隐藏部分文字*/
.page-prev span, .page-start span, .page-mini .page-next span, .page-mini .page-end span, .page-skip button span {
	display:none;
}


/*翻页弹出POP框*/
.page-popup {
	position:absolute;
	top: -9999px;
	left: -9999px;
	width:98px;
	height:auto!important;
	height:24px;
	min-height:24px;
	padding-bottom:2px;
	border:1px solid #cbcbcb; 
	background:#f1f1f1;
}