/************************************ 
	input 
	
	<div class="frm-ipt">
		<input type="" name="" id="" value="" placeholder="" />
	</div>
	
************************************/
.frm-ipt{
	padding:0 8px;height:32px;
	background-color:#FFF;
	border:1px solid rgba(188, 193, 205, 0.5);border-radius:4px;
}
.frm-ipt input{
	display:block;
	width:100%;height:30px;line-height:28px;
	background:none;
	border:none;outline:0;
	font-size:14px;color:#49536C;font-weight:400;
}
.frm-ipt input::-webkit-input-placeholder{
	color:#BCC1CD; 
}
.frm-ipt input::-moz-placeholder{
	color:#BCC1CD; 
}
.frm-ipt input:-ms-input-placeholder{
	color:#BCC1CD; 
}
.frm-ipt input::placeholder{
	color:#BCC1CD; 
} 

/************************************ 
	textarea 
	
	<div class="frm-ipt">
		<textarea placeholder=""></textarea>
	</div>
	
************************************/
.frm-textarea{
	padding:0 8px;
	width:100%;height:80px;line-height:24px;
	border:1px solid rgba(188, 193, 205, 0.5);border-radius:4px;
	font-size:14px;color:#333;font-weight:400;
}
.frm-textarea::placeholder {
	color:#BCC1CD; 
}
.frm-textarea::-webkit-input-placeholder {
	color:#BCC1CD; 
}
.frm-textarea::-moz-placeholder { 
	color:#BCC1CD; 
}
.frm-textarea:-ms-input-placeholder { 
	color:#BCC1CD; 
}
.frm-textarea:-moz-placeholder { 
	color:#BCC1CD; 
}


/************************************ 
	checkbox 
	
	<div class="frm-ipt">
		<input type="" name="" id="" value="" placeholder="" />
	</div>
	
************************************/
.frm-checkbox{
	position:relative;top:-.09em;display:inline-block;line-height:1;vertical-align:middle;
}
.frm-checkbox-input{
	display:none;position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;width:100%;height:100%;opacity:0;
}
.frm-checkbox-inner{
	position: relative;top: 0;left: 0;
	display: block;width: 16px;height: 16px;border: 1px solid #d9d9d9;border-radius: 2px;background-color: #fff;
	-webkit-transition: all .3s;transition: all .3s;
	-webkit-box-sizing:border-box;box-sizing:border-box;
}
.frm-checkbox-inner:after{
	position: absolute;left: 4.57142857px;top: 1.14285714px;
	display: table;width: 5.71428571px;height: 9.14285714px;border: 2px solid #fff;border-top: 0;border-left: 0;
	content: " ";
	-webkit-transition: all .1s cubic-bezier(.71, -.46, .88, .6);transition: all .1s cubic-bezier(.71, -.46, .88, .6);
	-webkit-transform: rotate(45deg) scale(0);transform: rotate(45deg) scale(0);
	-webkit-box-sizing:border-box;box-sizing:border-box;
}
.frm-checkbox:hover .frm-checkbox-inner{
	border:1px solid #1890ff;
}
.frm-checkbox-checked .frm-checkbox-inner{
	background:#1890ff;border:1px solid #1890ff;
}
.frm-checkbox-checked .frm-checkbox-inner:after{
	position: absolute;
	display: table;border: 2px solid #fff;border-top: 0;border-left: 0;
	content: " ";
	-webkit-transition: all .2s cubic-bezier(.12,.4,.29,1.46) .1s;transition: all .2s cubic-bezier(.12,.4,.29,1.46) .1s;
	-webkit-transform: rotate(45deg) scale(1);transform: rotate(45deg) scale(1);
}
.frm-checkbox-txt{
	margin-left:8px;font-size:14px;color:#5f5f5f;
}

/************************************ 
	radio
	
	<div class="frm-itm-radio">
		<label class="frm-radio frm-radio-checked">
			<input type="radio" name="gender" class="frm-radio-input" value="男" checked="checked">
			<span class="frm-radio-inner"></span>男
		</label>
		<label class="frm-radio">
			<input type="radio" name="gender" class="frm-radio-input" value="女">
			<span class="frm-radio-inner"></span>女
		</label>
	</div>
************************************/
.frm-itm-radio{
	font-size:14px;color:#2A2F3C;font-weight:400;
}
.frm-radio{
	position:relative;display:inline-block;
	margin-right:16px;padding-left:22px;
	height:32px;line-height:32px;
	font-size:14px;color:#2A2F3C;font-weight:400;
	white-space:nowrap;
	cursor:pointer;
}
.frm-radio:last-child{
	margin:0;
}
.frm-radio-input{
	position:absolute;top:50%;left:0;bottom:0;right:0;z-index:3;
	margin-top:-7px;
	width:14px;height:14px;
	opacity:0;
	cursor:pointer;
}
.frm-radio-inner{
	position:absolute;top:50%;left:1px;bottom:0;right:0;z-index:2;
	margin-top:-6px;
	width:12px;height:12px;
	background:#FFF;
	border:1px solid rgba(188, 193, 205, 0.5);border-radius:12px;
	transition:ease all .3s;
}
.frm-radio-inner:after{
	content:'';
	position:absolute;left:50%;top:50%;
	width:6px;height:6px;
	background:#2B65F4;border-radius:5px;
	opacity:0;
	transform:translate(-50%, -50%);
	transition:ease all .3s;
}
.frm-radio-checked .frm-radio-inner{
	border:1px solid #2B65F4;
}
.frm-radio-checked .frm-radio-inner:after{
	opacity:1;
}

/*********************************** 
	select 
	
	<div class="frm-select *frm-select-open">
		<div class="frm-select-val frm-select-placeholder">请选择</div>
		<div class="frm-select-dropdown">
			<ul>
				<li data-v="AAA">Option 1</li>
				<li data-v="BBB">Option 2</li>
			</ul>
		</div>
		<input type="hidden" name="" id="" value="" />
	</div>
	
***********************************/
.frm-select{
	position:relative;
	height:32px;
	background:#FFF;
	border:1px solid rgba(188, 193, 205, 0.5);border-radius:4px;
	cursor:pointer;
}
.frm-select:hover{
	border:1px solid #2B65F4;
}
.frm-select-val{
	padding:0 24px 0 8px;
	min-width:130px;height:32px;line-height:30px;
	font-size:14px;color:#49536C;font-weight:400;
	white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.frm-select-placeholder{
	color:#BCC1CD;
}
.frm-select:after{
	content:'';
	position:absolute;top:13px;right:10px;
	border-top:5px solid #858B9B;border-left:4px solid transparent;border-right:4px solid transparent;
	transition:ease all .3s;
}
.frm-select.frm-select-open{
	border:1px solid #2B65F4;outline:0;
	box-shadow:0 0 0 2px rgba(43, 101, 244, .2);
}
.frm-select.frm-select-open:after{
	transform:rotate(-180deg);
}
.frm-select-dropdown{
	display:none;
	position:absolute;top:100%;left:0;z-index:10;
	margin-top:12px;padding:6px 0;
	width:100%;
	background:#FFF;border:1px solid rgba(188, 193, 205, 0.5);border-radius:4px;
	box-shadow:0 2px 12px 0 rgba(0, 0, 0, .1);
}
.frm-select-dropdown:before, .frm-select-dropdown:after{
	content:'';position:absolute;
	width:0;height:0;
	border-width:6px;border-top-width:0;
	border-style:solid;
	border-color:transparent;
}
.frm-select-dropdown:before{
	top:-6px;left:35px;z-index:1;
	border-bottom-color:rgba(188, 193, 205, 0.5);
}
.frm-select-dropdown:after{
	top:-5px;left:35px;z-index:2;
	border-bottom-color:#FFF;
	filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03));
}
.frm-select-dropdown ul{
	max-height:270px;
	overflow:auto;
}
.frm-select-dropdown li{
	display:block;
	padding:0 20px;line-height:32px;
	border-radius:4px 4px 0 0;
	font-size:14px;color:#5f5f5f;
	white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
	transition:background .3s ease;
}
.frm-select-dropdown li:hover{
	background:rgba(206, 216, 241, 0.15);
}
.frm-select-dropdown li.frm-select-selected, .frm-select-dropdown li.frm-select-selected:hover{
	font-weight:600;
}

/************************************ 
	multiple-select 
	order-select 
	
	<div class="frm-select frm-multiple-select">
		<div class="frm-select-val frm-select-placeholder">请选择</div>
		<div class="frm-select-dropdown">
			<ul>
				<li data-v="AAA">Option 1</li>
				<li data-v="BBB">Option 2</li>
			</ul>
		</div>
		<input type="hidden" name="" id="" value="" />
	</div>
	
************************************/
.frm-multiple-select .frm-select-dropdown li.frm-select-selected,
.frm-order-select .frm-select-dropdown li.frm-select-selected{
	position:relative;
}
.frm-multiple-select .frm-select-dropdown li.frm-select-selected:before,
.frm-order-select .frm-select-dropdown li.frm-select-selected:before{
	content:'';position:absolute;top:15px;left:7px;
	width:7px;height:4px;
	border-left:2px solid #2B65F4;border-bottom:2px solid #2B65F4;
	transform:rotate(-45deg);
}

/************************************ 
	range 
	
	<div class="frm-select frm-range-select">
		<div class="frm-select-val">区间<span></span></div>
		<div class="frm-select-dropdown">
			<div class="frm-range-row">
				<input type="text" name="range_a" id="range_a" value="" placeholder="最少" />
				<em></em>
				<input type="text" name="range_b" id="range_b" value="" placeholder="最多" />
			</div>
			<div class="frm-range-opts">
				<p>0 - 20</p>
				<p>20 - 30</p>
				<p>30 - 70</p>
				<p>70 - 2100</p>
			</div>
			<div class="frm-range-btns">
				<span class="btn-normal">重置</span><span class="btn-normal btn-primary">确定</span>
			</div>
		</div>
	</div>
************************************/
.frm-range-select .frm-select-dropdown{
	padding:16px 16px;
	width:200px;
}
.frm-range-row{	
	display:flex;flex-direction:row;
	gap:8px;
}
.frm-range-row input{
	flex:1;
	width:100%;height:30px;line-height:28px;
	border:1px solid rgba(188, 193, 205, 0.5);border-radius:4px;
	font-size:14px;color:#49536C;font-weight:400;
	text-align:center;
}
.frm-range-row em{
	position:relative;
	width:20px;height:30px;
}
.frm-range-row em:after{
	content:'';
	position:absolute;top:50%;left:0;right:0;
	border-top:2px solid rgba(188, 193, 205, 0.5);
}
.frm-range-opts p{
	margin-top:8px;
	display:block;height:30px;line-height:28px;
	border:1px solid rgba(188, 193, 205, 0.5);border-radius:4px;
	font-size:14px;color:#49536C;font-weight:400;
	text-align:center;
}
.frm-range-btns{
	margin-top:12px;
	display:flex;flex-direction:row;
	gap:8px;
}
.frm-range-btns span{
	height:30px;line-height:28px;
}
.frm-range-btns span:first-child{
	padding:0;
	width:33%;
}
.frm-range-btns span:last-child{
	flex:1;
}

/************************************ 
	area 
	
	<div class="frm-select frm-area-select">
		<div class="frm-area-select-placeholder">请选择地区</div>
		<div class="frm-area-select-val"></div>
		<div class="frm-select-dropdown">
			<div class="frm-area-select-tab">
				<span>省份</span><span>城市</span>
			</div>
			<div class="frm-area-select-content">
				<div class="frm-area-select-panel"></div>
				<div class="frm-area-select-panel"></div>
			</div>
		</div>
		<input type="hidden" name="area" id="area" value="" />
	</div>
************************************/
.frm-area-select{
	min-width:130px;
}
.frm-area-select-val{
	display:none;
	padding:0 24px 0 8px;height:32px;
}
.frm-area-select-val span, .frm-area-select-val em{
	display:inline-block;vertical-align:top;
	height:30px;line-height:28px;
	font-size:14px;font-weight:400;
}
.frm-area-select-val span{
	padding:0 8px;
	color:#49536C;
}
.frm-area-select-val span:hover{
	background:rgba(14, 76, 162, 0.08);
	border-radius:4px;
}
.frm-area-select-val em{
	color:#BCC1CD;
}
.frm-area-select-placeholder{
	padding:0 24px 0 8px;
	height:30px;line-height:28px;
	font-size:14px;color:#49536C;font-weight:400;
}
.frm-area-select .frm-select-dropdown{
	padding:8px 0;
	width:350px;
}

.frm-area-select-tab{
	display:flex;flex-direction:row;
    background:#F5F8F9;border-bottom:1px solid rgba(138, 151, 162, 0.5);
}
.frm-area-select-tab span{
	margin-bottom:-1px;padding:0 22px;
	height:32px;line-height:30px;
	border-left:1px solid rgba(138, 151, 162, 0.5);border-bottom:1px solid transparent;
	font-size:14px;color:#49536C;
	text-align:center;
}
.frm-area-select-tab span.on{
    background:#FFF;
    border-bottom:1px solid #FFF;
    color:#0E4CA2;
}
.frm-area-select-tab span:first-child {
    border-left:none;
}
.frm-area-select-tab span:last-child.on {
    border-right:1px solid rgba(138, 151, 162, 0.5);
}

.frm-area-select-content{
	padding:12px 12px;
}
.frm-area-select-panel{
	display:none;
}
.frm-area-select-row{
	display:flex;flex-direction:row;
	gap:8px;
}
.frm-area-select-label{
	width:80px;line-height:26px;
	font-size:14px;color:#49536C;font-weight:400;
}
.frm-area-select-itms{
}
.frm-area-select-panel span{
	float:left;margin-right:8px;
	padding:0 8px;height:26px;line-height:24px;
	background:#FFF;
	border:1px solid #FFF;border-radius:4px;
	font-size:14px;color:#49536C;font-weight:400;
}
.frm-area-select-panel span:hover{
	border:1px solid #1890ff;
}
.frm-area-select-panel span.on{
	background:rgba(14, 76, 162, 0.08);border:1px solid rgba(14, 76, 162, 0.08);
	color:#0E4CA2;
}

/************************************ 
	date
	
	<div class="frm-ipt frm-date">
		<input type="text" name="created_date" id="created_date" value="" />
	</div>
************************************/
.frm-date{
	padding:0 32px 0 8px;
	background:url(../imgs/svg/date.svg);
	background-repeat:no-repeat;background-size:16px 16px;background-position:right 8px center;
	cursor:pointer;
}

/************************************ 
	date-range 
	
	<div class="frm-ipt frm-date frm-date-range" id="uf_date_range">
		<input type="text" name="sdate" id="sdate" value="" placeholder="开始日期" readonly="">
		<em>-</em>
		<input type="text" name="edate" id="edate" value="" placeholder="结束日期" readonly="">
	</div>
************************************/
.frm-date-range{
	display:flex;flex-direction:row;
}
.frm-date-range input{
	width:40%;
	text-align:center;
}
.frm-date-range em{
	flex:1;
	line-height:32px;
	font-size:14px;color:#BCC1CD;font-weight:400;
	text-align:center;
}

/************************************ 
	switch 
	
	<div class="frm-switch checked">
		<input type="checkbox" name="" checked />
		<span class="frm-switch-con"></span>
	</div>
************************************/
.frm-switch{
	position:relative;
	display:inline-flex;vertical-align:middle;
	cursor:pointer;
}
.frm-switch input{
	position:absolute;top:0;left:0;
	width:0;height:0;
	opacity:0;
}
.frm-switch-con{
	position:relative;
	display:inline-block;
	width:40px;height:24px;
	background-color:#BCC1CD;border-radius:15px;
	transition:border-color .3s, background-color .3s;
}
.frm-switch-con:after{
	content:'';
	position:absolute;top:4px;left:4px;
	width:16px;height:16px;
	background-color:#FFF;border-radius:100%;
	transition:all .3s;
}
.frm-switch.checked .frm-switch-con{
	border-color:#0572DC;
	background-color:#0572DC;
}
.frm-switch.checked .frm-switch-con:after{
	left:100%;
	margin-left:-20px;
}

/************************************ 
	photo 
	
	<div class="frm-photo">
		<div class="frm-photo-con">
			<input type="file" name="photo" id="photo" accept="image/*">
			<img src="imgs/svg/photo.svg">
			<div class="frm-photo-preview"></div>
		</div>
		<p>上传头像（必传）</p>
	</div>
	
************************************/
.frm-photo{
	position:absolute;top:0;right:0;
}
.frm-photo-con{
	position:relative;
	width:100px;height:100px;
	background:rgba(206, 216, 241, 0.15);
	border:1px dashed rgba(188, 193, 205, 0.6);
}
.frm-photo-con input{
	position:absolute;top:0;left:0;z-index:8;
	width:100%;height:100%;
	opacity:0;
	cursor:pointer;
}
.frm-photo-con img{
	position:absolute;top:50%;left:50%;z-index:1;
	margin:-16px 0 0 -16px;
	width:32px;height:32px;	
}
.frm-photo-preview{
	position:absolute;top:0;left:0;z-index:3;
	width:100%;height:100%;
	background-repeat:no-repeat;background-size:cover;background-position:center center;
}
.frm-photo p{
	margin-top:8px;line-height:20px;
	font-size:12px;color:#2A2F3C;font-weight:400;
	text-align:center;
}

/************************************ 
	<div class="frm-ipt frm-sr-input frm-multiple-input">
		<input type="text" name="" id="" value="" placeholder="请输入关键词" />
	</div>
	<p class="frm-multiple-val clearfix">
		<span>关键词1</span><span>关键词2</span>
	</p>
	<input type="hidden" name="" id="" value="" />
************************************/
.frm-multiple-val{
	margin-top:8px;
	font-size:12px;color:#BCC1CD;font-weight:400;
}
.frm-multiple-val span{
	float:left;margin:0 8px 8px 0;padding:0 24px 0 8px;
	height:32px;line-height:30px;
	background-image:url(../imgs/svg/del.svg);
	background-repeat:no-repeat;background-size:12px 12px;background-position:center right 8px;
	border:1px solid rgba(188, 193, 205, 0.5);border-radius:4px;
	font-size:14px;color:#49536C;font-weight:400;
	cursor:pointer;
}
.frm-multiple-val span:hover{
	background-color:rgba(14, 76, 162, 0.08);
}

/************************************ 
	file
	<div class="frm-ipt frm-sr-input frm-multiple-input">
		<input type="text" name="" id="" value="" placeholder="请输入关键词" />
	</div>
	<p class="frm-multiple-val clearfix">
		<span>关键词1</span><span>关键词2</span>
	</p>
	<input type="hidden" name="" id="" value="" />
************************************/
.frm-files{
	padding-top:4px;
}
.frm-file-itm{
	margin-top:8px;padding:5px 24px 5px 8px;
	width:350px;line-height:20px;
	background-image:url(../imgs/svg/del.svg);
	background-repeat:no-repeat;background-size:12px 12px;background-position:center right 8px;
	border:1px solid rgba(188, 193, 205, 0.5);border-radius:4px;
	font-size:14px;color:#49536C;font-weight:400;
	word-break:break-all;
	cursor:pointer;
}
.frm-file-itm:first-child{
	margin:0;
}
.frm-file-upload-note{
	margin-top:8px;line-height:30px;
	font-size:14px;color:#49536C;font-weight:400;
}
.frm-file-upload-btn{
	margin-top:8px;
}
.frm-file-upload-btn span{
	display:inline-block;height:32px;line-height:30px;
	position:relative;
}
.frm-file-upload-btn input{
	position:absolute;top:0;left:0;
	width:100%;height:100%;
	opacity:0;
	cursor:pointer;
}


/************************************ 
	order
************************************/
.frm-order{
	position:relative;
	padding:0 24px 0 8px;
	min-width:130px;height:32px;line-height:30px;
	background:#FFF;
	border:1px solid rgba(188, 193, 205, 0.5);border-radius:4px;
	font-size:14px;color:#49536C;font-weight:400;
	cursor:pointer;
}
.frm-order:hover{
	border:1px solid #2B65F4;
}
.frm-order:before, .frm-order:after{
	content:'';
	position:absolute;right:10px;
	border-left:4px solid transparent;border-right:4px solid transparent;
}
.frm-order:before{
	top:10px;
	border-bottom:5px solid #858B9B;
}
.frm-order:after{
	top:17px;
	border-top:5px solid #858B9B;
}
.frm-order.asc:before{
	top: 7px;
	border-bottom:8px solid #0E4CA2;
}
.frm-order.desc:after{
	border-top:8px solid #0E4CA2;
}
.list-order-title{user-select:none;}
.frm-order.desc .list-order-title{color: #0E4CA2;}
.frm-order.asc .list-order-title{color: #0E4CA2;}

/************************************ 
	row 
	
	<div class="frm-row">
		<div class="frm-itm">
			<div class="frm-itm-label">出生年月：</div>
			<div class="frm-select">
				
			</div>
		</div>
		<div class="frm-itm">
		</div>
	</div>
************************************/
.frm-row{
	margin-top:16px;
	display:flex;flex-direction:row;
	gap:32px;
}
.frm-row:first-child{
	margin:0;
}
.frm-itm{
	flex:1;
}
.frm-itm-label{
	position:relative;margin-bottom:8px;
	height:20px;line-height:20px;
	font-size:14px;color:#2A2F3C;font-weight:400;
}
.frm-itm-required .frm-itm-label:before{
	content:'*';
	display:inline-block;margin-right:4px;line-height:1;
	font-family:SimSun;font-size:14px;color:#2A2F3C;
}

/************************************ 
	single-row 
	
	<div class="frm-single-row">
		<div class="frm-sr-label">注册手机：</div>
		<div class="frm-sr-val frm-sr-input">
			<input type="text" name="mobile" id="mobile" value="" placeholder="请输入手机号" />
		</div>
		<div class="frm-sr-note">
			<span id="js_edit_mobile">修改手机号</span>
		</div>
	</div>
************************************/
.frm-single-row{
	margin-top:16px;line-height:40px;
	display:flex;flex-direction:row;
	gap:16px;
}
.frm-single-row:first-child{
	margin:0;
}
.frm-sr-label{
	font-size:14px;color:#858B9B;font-weight:400;
	text-align:right;
}
.frm-sr-val{
	position:relative;
	width:340px;
}
.frm-sr-val img{
	position:absolute;top:50%;right:16px;
	margin-top:-11px;
	height:22px;
	cursor:pointer;
}
.frm-sr-note{
	flex:1;
}
.frm-sr-note span{
	font-size:14px;color:#000;font-weight:400;
	cursor:pointer;
}

.frm-sr-input{
	padding:0 16px;
	height:40px;line-height:40px;
}
.frm-sr-input input{
	height:38px;line-height:36px;
}
.frm-sr-input:hover{
	border:1px solid #2463EB;
}
.frm-sr-input-pass{
	padding:0 80px 0 16px;
}

/************************************ 
	btn 
	
	<span class="btn-add">添加</span>
************************************/
.btn-add{
	position:relative;
	padding:0 16px 0 38px;
	height:32px;line-height:32px;
	background:#0E4CA2;border-radius:4px;
	font-size:14px;color:#FFF;font-weight:600;
	cursor:pointer;
}
.btn-add:before, .btn-add:after{
	content:'';
	position:absolute;top:50%;left:16px;
	margin-top:-1px;
	width:12px;height:2px;
	background:#FFF;border-radius:3px;
}
.btn-add:after{
	transform:rotate(90deg);
}

.btn-normal{
	padding:0 24px;height:40px;line-height:38px;
	background:#FFF;
	border:1px solid rgba(188, 193, 205, 0.5);border-radius:4px;
	font-size:14px;color:#2A2F3C;font-weight:500;
	text-align:center;
	cursor:pointer;
}
.btn-secondary{
	border:1px solid rgba(36, 99, 235, 0.7);
	background:rgba(36, 99, 235, 0.7);
	color:#FFF;
}
.btn-primary{
	border:1px solid #0E4CA2;
	background:#0E4CA2;
	color:#FFF;
}

/************************************ 
	fix-frm-btns 
	
	<div class="fix-frm-btns" id="fix_frm_btns">
		<div class="sec-container fix-frm-btns-con">
			<span class="btn-normal">取消</span><span class="btn-normal btn-secondary">保存</span><span class="btn-normal btn-primary">下一步</span>
		</div>
	</div>
************************************/
.fix-frm-btns{
	position:fixed;bottom:0;left:0;right:0;z-index:9;
	padding:12px 0;
	background:#FFF;
	box-shadow:0 -3px 15px rgba(188, 193, 205, 0.3);
}
.fix-frm-btns-con{
	text-align:right;
}
.fix-frm-btns span{
	display:inline-block;margin-left:8px;	
}