/*
Copyright 2011, KISSY UI Library v1.20
MIT Licensed
build time: Nov 28 12:38
*/
/*
KISSY CSS Reset
理念：1. reset 的目的不是清除浏览器的默认样式，这仅是部分工作。清除和重置是紧密不可分的。
     2. reset 的目的不是让默认样式在所有浏览器下一致，而是减少默认样式有可能带来的问题。
     3. reset 期望提供一套普适通用的基础样式。但没有银弹，推荐根据具体需求，裁剪和修改后再使用。
特色：1. 适应中文；2. 基于最新主流浏览器。
维护：玉伯<lifesinger@gmail.com>, 正淳<ragecarrier@gmail.com>
*/

/** 清除内外边距 **/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, 
dl, dt, dd, ul, ol, li, 
pre, 
form, fieldset, legend, button, input, textarea, 
th, td  {
    margin: 0;
    padding: 0;
} {
    margin: 0;
    padding: 0;
}

/** 设置默认字体 **/
body,
button, input, select, textarea /* for ie */ {
    font: 14px/1.5 arial,"Microsoft Yahei","Hiragino Sans GB",sans-serif;
}
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */
code, kbd, pre, samp { font-family: courier new, courier, monospace; } /* 统一等宽字体 */
small { font-size: 12px; } /* 小于 12px 的中文很难阅读，让 small 正常化 */

/** 重置列表元素 **/
ul, ol { list-style: none; }

/** 重置文本格式元素 **/
a { text-decoration: none; }
/*a:hover { text-decoration: underline; }*/

sup { vertical-align: text-top; } /* 重置，减少对行高的影响 */
sub { vertical-align: text-bottom; }

/** 重置表单元素 **/
legend { color: #000; } /* for ie6 */
fieldset, img { border: 0; } /* img 搭车：让链接里的 img 无边框 */
button, input, select, textarea { font-size: 100%; vertical-align: middle;} /* 使得表单元素在 ie 下能继承字体大小 */
/* 注：optgroup 无法扶正 */

/** 重置表格元素 **/
table { border-collapse: collapse; border-spacing: 0; }

/* 重置 HTML5 元素 */
article, aside, details, figcaption, figure, footer,header, hgroup, menu, nav, section,
summary, time, mark, audio, video {
    display: block;
    margin: 0;
    padding: 0;
}
mark { background: #ff0; }
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.clearfix{*zoom:1;}
.clearfix{
    clear: both;
}
img{ vertical-align:middle;}
.l{float: left;}
.r{float: right;}
.c{clear: both;}
.m0{margin: 0;}
.p0{padding: 0;}
.fl{
    float: left;
}
.fr{
    float: right;
}
/*alert style*/
#popup_container{font-family:"微软雅黑";font-size:12px;min-width:280px;max-width:600px;color:#000;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;opacity:.95}
#popup_title{font-size:14px;font-weight:700;text-align:center;line-height:1.75em;color:#666;cursor:default;padding:0;margin:0}
#popup_content{padding:0;margin:0;border-radius:5px;overflow:hidden;width:78%;margin:0 auto}
#popup_message,#popup_message1{padding:30px 0;text-align:center;background:#FFF;background-size:20px 16px;font-size:12px;line-height:18px;border-bottom:1px solid #f1f1f1}
#popup_message1{background:#FFF;background-size:18px 18px}
#popup_panel{text-align:center;background:#fff;font-size:12px;padding:10px 0;color:#5ac8fa}
#popup_panel input{border-radius:0;width:100%;border:none;background:#FFF;color:#ff600a;line-height:45px;font-size:18px;outline:0}
#popup_prompt{margin:5px 0}
#popup_panel span{display:block;width:100%}
#popup_ok{cursor: pointer;}

/*图标字体*/
@font-face {font-family: 'iconfont';
    src:url('font/iconfont.eot'); /* IE9*/
    src: url('font/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('font/iconfont.woff') format('woff'), /* chrome、firefox */
    url('font/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('font/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}

/* 重写 */
body,
ul,
ol,
h1,
h2,
h3,
h4,
h5,
h6,
p,
span {
	padding: 0;
	margin: 0;
}

a {
	text-decoration: none;
}

li {
	list-style: none;
}

html {
	height: 100%;
	font-size: 31.25vw;
	width: 100%;
}

body {
	font-size: 14px;
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	background-color: #F5F5F6;
}

/* 注册头 */
.registerHeader {
	background-color: #f8f8f8;
	border: 1px solid #e7e7e7;
	margin-bottom: 20px;
}

.registerHeaderBar {
	width: 70%;
	margin: 0 auto;
	padding-left: 8%;
}

@media (max-width:768px) {
	.registerHeader{
		margin-bottom: 0;
	}
	.registerHeaderBar {
		width: 100%;
		padding: 0;
	}
	body{
		background: #fff;
	}
}

.logo_matou {
	float: left;
	padding: 0 10px;
	font-size: 30px;
	color: #777;
	height: 40px;
	line-height: 40px;
}

.logo_matoubang {
	float: left;
	padding-top: 5px;
	font-size: 18px;
	height: 30px;
	line-height: 30px;
}

.navbar-logo {
	width: 30px;
	height: 30px;
	vertical-align: top;
}

.navbar-head {
	padding-left: 10px;
	border-left: 1px solid #ccc;
	color: #fff;
	display: inline-block;
	max-width: 500px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}