@charset "UTF-8";

/* @import url(http://static.alimama.com/css/www/alimm/emtpy.css);
Copyright (c) 2007, Alimama Inc. All rights reserved.
Code licensed under the New BSD License.
version: 0.1.0
*/
 
/*
 * 关于命名的一些约定：
 * 1、不使用大写形式的类名和id名
 * 2、尽可能使用描述性的英文单词的组合作为类名和id名
 * 3、类名的多个英文单词之间使用“-”短横线分隔
 * 4、id名的多个英文单词之间使用“_”下划线分隔
 * 5、不要求多个英文单词之间一定要使用间隔符
 */

/*
 * 定义alimm全局的样式
 * @module	global
 * @title	全局样式
 */



/*
 * body标记样式定义
 * @overlay body
 * @desc	全局的字体颜色、背景色和文本对齐设置
 */
body{    
	color: #000;
	background: #fff;
	text-align: left;
	font-size:75.00%;
	font-family:'lucida grande',taho,verdana,'trebuchet ms',sans-serif;
}
body.FullWidth{
    min-width:950px;
}
/*
 * 将具有默认margin和padding的标记置零
 * @overlay *
 * @desc	所有标记的margin、padding都在使用时具体定义
 */
*{
	margin:0;
	padding:0;
}
select option{padding-right:3px;}
/*
 * 修正IE5.x和IE6的斜体溢出bug
 * @bugfix
 * @css-for    IE 5.x/Win, IE6
 */
* html body{
	overflow: visible;
}
* html iframe, * html frame{
	overflow: auto;
}
* html frameset{
	overflow: hidden;
}

/*
 * 定义图片边框
 * @overlay img
 * @desc	当图片作为链接内容被填充时，会有默认边框出现，重定义掉
 */
img{
	border:0 none;
}

/*
 * 清除ul列表标记的样式
 * @overlay ul, li
 * @desc	ul列表更多的用在不需要列表前置符号的样式里
 */
ul, li{
	list-style-type: none;
}

input.flat{
    border: 1px solid #999999;
    padding: 2px 4px;
}

/*
 * 定义默认的链接样式
 * @overlay a
 * @desc	仅仅是作为默认样式提供，可以在各自的实例中覆盖掉
 */
a:link, a:visited{
	color:#0065FF;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

/*
a:hover, a:active{
	background-color:#FFFFAA;
	color:#CC0000;
}
*/

/* 通用容器 */
.wrapper{
	clear: both;
	overflow: hidden;
}

/* 清除溢出，浮动 */
/* @group 清理元素 */

/*
 * 清理元素
 * @class hackbox
 * @desc	清理浮动元素
 */
.clearing, .HackBox{
	border-top:1px solid transparent !important;
	clear:both;
	visibility: hidden;
}

/*
 * 不需要额外增加元素的清理浮动的类
 * @class 	wrapfix
 * @desc	使用:after伪类来实现浮动清理
 */
.wrapfix:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

	/* IE7 hack */
	.wrapfix {display: inline-block;}
	/* IE-mac, IE5, IE6 */
	* html .wrapfix {height: 1%;}
	.wrapfix {display: block;}

/* @end */


/* @group 隐藏元素 */

	/*
	 * 隐藏元素
	 * @class invisible
	 * @desc	visibility可以隐藏元素，但是还是会在布局中占位
	 */
	.invisible{
		visibility:hidden;
	}
	
	/*
	 * 从页面布局上隐藏元素
	 * @class hidden
	 * @desc	从布局上隐藏元素
	 */
	.hidden{
		display: none;
	}

/* @end */

/*
 * 一些标记的字体重定义
 * @module	font
 * @desc	使这些标记在不同的浏览器内显示一致
 */

/* 将所有标记的字体默认为16px */



/* hx系列 */
h1, h2, h3, h4, h5, h6{ font-weight: bold; }
h1{ font-size: 200%; }
h2{ font-size: 166.67%; }
h3{ font-size: 150%; }
h4{ font-size: 133.33%; }
h5{ font-size: 116.67%; }
h6{
	font-size: 116.67%;
	font-style: italic;
}

/* 着重标记 */
cite, blackquote, em, i{ font-style: italic; }
strong, b{ font-weight: bold; }

/* 预格式标记 */
pre, code{font-family: monospace;font-size: 1.1em;}

/* 缩写标记 */
acronym, abbr{border-bottom: .1em dashed #c00;cursor: help;letter-spacing: .07em;}

.gray{color: gray;}

.red{color: red;}

.green{color: green;}

/* footer */
#footer{margin: 16px auto;padding: 1px 0pt 0pt;text-align: center;background: transparent url(http://img.alimama.cn/cms/images/1201241189007.png) repeat-x;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src="http://img.alimama.cn/cms/images/1199944129517.png");
	_background:none;width: 100%;clear: both;}
#footer ul.bottom-nav, #footer ul.ali-family{display: block;height: 20px;margin: 15px auto 0pt;width: 360px;*width: 370px;}
#footer ul li a{position:relative; padding:0px; margin:0px; line-height:16px;}
#footer ul.bottom-nav{_margin: 25px auto 0pt;font-size: 13px;}
#footer ul.ali-family{width: 710px;_width: 740px;margin: 15px auto 5px;}
#footer ul.bottom-nav li, #footer ul.ali-family li{	display: block;	float: left;margin: 0pt 7px;}
#footer a:link, #footer a:visited{text-decoration: none;}
#footer a:hover{text-decoration: underline;	}
#footer .copyright a.icp{margin:0 10px;}
#footer .copyright a:link, #footer .copyright a:visited{text-decoration: none;}

#ServerNum {color:#FFFFFF;font-family:arial;font-size:9px;font-size-adjust:none;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:normal;line-height:normal;text-align:center;}

/*
 * 定义alimm的常用布局
 * @module 	layout
 * @title	常用布局样式
 * @desc	提供常用的弹性布局，流体布局，固定宽度布局等，包括预定义的header、footer等
 */

/* 基础布局组 */
/* @group basic layout */

	/*
	 * 基础布局, thanks yaml.
	 *
	 * |-----------------------------|
	 * | #header                     |
	 * |-----------------------------|
	 * | #col1  | #col3      | #col2 | <--- #main
	 * | 200px  | flexible   | 200px |
	 * |        |            |       |
	 * |-----------------------------|
	 * | #footer                     |
	 * |-----------------------------|
	 *
	 */
	


/* 列容器#main */
#main{
	clear: both;
	width: auto;
}

/* 左列，默认的宽度是200 Pixel */
#col1{
	float: left;
	width: 200px;
	z-index: 3;
}

/* 右列，默认的宽度是200 Pixel */
#col2{
	float: right;
	width: 200px;
	z-index: 5;
}

/* 居中自适应 */
#col3{
	width: auto;
	margin: 0 210px;
	z-index: 1;
}

#col1_content{ z-index: 4; }
#col2_content{ z-index: 6; }
#col3_content{ z-index: 2; }

/* IE5.x, IE6 */
#col1_content, #col2_content, #col3_content{ position: relative; }

#footer{
	clear: both;
	display: block;
}

/*
 * 基础布局的列切换样式，thanks yaml
 * 
 * .hideboth	->	单列布局 single-column-layout (使用#col3)
 * .hideleft	->	两列布局，sidebar在右 2-column-layout (使用#col2和#col3)
 * .hideright	->	两列布局，sidebar在左 2-column-layout (使用#col1和#col3)
 * .hidenone	->	三列布局 show all columns
 */
.hideboth #col1, .hideboth #col2{ display: none; }
.hideboth #col3{
	margin-right: 0;
	margin-left: 0;
}

.hideleft #col1{ display: none; }
.hideleft #col3{
	margin-left: 0;
	margin-right: 200px;
}

.hideright #col2{ display: none; }
.hideright #col3{
	margin-left: 200px;
	margin-right: 0;
}

/* @end */

/* 区块布局模板 */
/* @group block layout templates */

/*
 * 固定宽度的布局
 * 将容器的样式设置为static-layout即可
 * 
 * |-----------------------------|
 * | .scol1 | .scol3    | .scol2 | <--- container.static-layout
 * | 200px  | flexible  | 200px  |
 * |        |           |        |
 * |-----------------------------|
 *
 */
 
 /* 列容器.static-layout */
.static-layout{
	clear: both;
	width: auto;
}

/* 左列，默认的宽度是200 Pixel */
.static-layout .scol1{
	float: left;
	width: 200px;
	z-index: 3;
}

/* 右列，默认的宽度是200 Pixel */
.static-layout .scol2{
	float: right;
	width: 200px;
	z-index: 5;
}

/* 居中自适应 */
.static-layout .scol3{
	width: auto;
	margin: 0 200px;
	z-index: 1;
}

.scol1 .scol1_content{ z-index: 4; }
.scol2 .scol2_content{ z-index: 6; }
.scol3 .scol3_content{ z-index: 2; }

/* IE5.x, IE6 */
.scol1_content, .scol2_content, .scol3_content{ position: relative; }

.hideboth .scol1, .hideboth .scol2{ display: none; }
.hideboth .scol3{
	margin-right: 0;
	margin-left: 0;
}

.hideleft .scol1{ display: none; }
.hideleft .scol3{
	margin-left: 0;
	margin-right: 200px;
}

.hideright .scol2{ display: none; }
.hideright .scol3{
	margin-left: 200px;
	margin-right: 0;
}

/*
 * 自适应宽度的布局
 * 在容器内直接应用区块布局模板进行区块布局
 * 将容器的样式设置为block-layout，容器内的列可以是以下预设值：
 *
 * left	    | right
 * -----------------------
 * 50% 	    | 50%
 * 25%      | 75%
 * 33.333%  | 66.666%
 * 38.2%    | 61.8%
 * 66.666%  | 33.333%
 * 70%      | 30%
 * 75%      | 25%
 * 61.8%    | 8.2%
 *
 */

.block-layout{
	width: auto;
	overflow: hidden;
}

/* 预设列定义 */
.c50l, .c25l, .c30l, .c33l, .c38l, .c66l, .c70l, .c75l, .c62l{ float: left; }
.c50r, .c25r, .c30r, .c33r, .c38r, .c66r, .c70r, .c75r, .c62r{
	float: right;
	margin-left: -5px;
}

.c50l, .c50r{ width: 50%; }
.c25l, .c25r{ width: 25%; }
.c30l, .c30r{ width: 30%; }
.c33l, .c33r{ width: 33.333%; }
.c38l, .c38r{ width: 38.2%; }
.c66l, .c66r{ width: 66.666%; }
.c70l, .c70r{ width: 70%; }
.c75l, .c75r{ width: 75%; }
.c62l, .c62r{ width: 61.8%; }

/* 预设列内容容器样式 */
.blc{ padding: 0 0.5em; }
.blcl{ padding: 0 0 0 0; }
.blcr{ padding: 0 0 0 0; }

/* @end */

.align-right{
	text-align: right;
}

.align-center{
	text-align: center;
}