@charset "utf-8";
/* CSS Document */

/* css reset */

    /* 清除内外边距 */
    body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
    dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
    pre, /* text formatting elements 文本格式元素 */
    fieldset, legend, button, input, textarea, /* form elements 表单元素 */
    th, td { /* table elements 表格元素 */
        margin: 0;
        padding: 0;
		border: 0px;
    }
    
    /* 设置默认字体 */
    body,
    button, input, select, textarea {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
             "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei",
             SimSun, sans-serif;
	font-size: 14px;
	color:#333;
	/* [disabled]outline:none; */
    }
	button, input, select, textarea{ outline:none;}
    html {line-height: 1; }
    address, cite, em, var,i { font-style: normal; } /* 将斜体扶正 */
    
    h1 { font-size: 18px; /* 18px / 12px = 1.5 */ }
    h2 { font-size: 16px; }
    h3 { font-size: 14px; }
    h4, h5, h6 { font-size: 100%; }
    
    /* 重置列表元素 */
    ul, ol, li { list-style: none; }
    
    /* 重置文本格式元素 */
    a { text-decoration: none;color:#333; cursor:pointer;}
    a:hover { text-decoration:none; color:#f06c76; transition-duration:400ms; -moz-transition-duration:400ms; -webkit-transition-duration:400ms; -o-transition-duration:400ms;}
	
	/* 重置图片元素 */	
    img {border: 0px;vertical-align:middle;-ms-interpolation-mode: bicubic;}
	
.bx_fl, .fl {float: left;}
.bx_fr, .fr {float: right;}
.container{width:1200px; margin:0 auto;}
.clear{ clear:both;}
.c10{height:10px;width:100%;}
.c20{height:20px;width:100%;}
.c30{height:30px;width:100%;}
.dis{display:block;margin:0px;padding:0;}
.undis{display:none;margin:0px;padding:0;}
.clearfix:after{visibility:hidden;display:block;font-size:0;content:".";clear:both;height:0}
.hot .item .img img, .hot .item .pic img{
	width:100%; height:100%;
	overflow-x: hidden;
    overflow-y: hidden;
	transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
	/* Opera */
	-o-transition-delay: 0s;
    -o-transition-duration: 1s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;
	}
.hot .item .img img:hover, .hot .item .pic img:hover{
	transform: scale(1.2, 1.2);
	
	-ms-transform:scale(1.2, 1.2); 	/* IE 9 */
	-moz-transform:scale(1.2, 1.2); 	/* Firefox */
	-webkit-transform:scale(1.2, 1.2); /* Safari 和 Chrome */
	-o-transform:scale(1.2, 1.2); 	/* Opera */
	}
	


div.box-sizing{
	box-sizing:border-box; 
	-webkit-box-sizing:border-box; 
	-moz-box-sizing:border-box; 
	-o-box-sizing:border-box;
}


/*新闻样式开始*/

/*main-parent*/
.main-parent{width: 100%; background-color: #f6f8f9;}

/*main*/
.main{
	padding: 20px 0 ; 
	/*border-bottom:5px solid #ef3838;*/ 
	position:relative;
}
.w860{width:860px; float:left;}


/*footer*/
.footer{width:100%; background:#4d4d4d; padding: 30px 0;}
.footer .footer-link{line-height:54px; border-bottom:1px solid #3a3a3a; text-align:center;}
.footer .footer-link a{margin-left:66px; color:#fff; font-size:14px;}
.footer .footer-link a:hover{ text-decoration:underline;}
.footer .copyright{
	line-height:24px; color:#aeaeae; font-size:12px; text-align:center; padding:15px 0; 
	/*border-top:1px solid #5f5f5f;*/
}


/*right-fixed
.right-fixed{position:fixed; right:0px; bottom:150px;}
.right-fixed li{width:50px; height:50px; background-color:#cacaca; margin-bottom:1px; cursor:pointer; position:relative;}
.right-fixed .app, .right-fixed .weixin, .right-fixed .wap, .app-logo, .weixin-logo{background-image:url(../images/tubiao.png); background-repeat:no-repeat; transition-duration:400ms; -moz-transition-duration:400ms; -webkit-transition-duration:400ms; -o-transition-duration:400ms;}
.right-fixed .app:hove, .right-fixed .weixin:hover, .right-fixed .wap:hover{background-image:url(../images/tubiao.png); background-repeat:no-repeat; transition-duration:400ms; -moz-transition-duration:400ms; -webkit-transition-duration:400ms; -o-transition-duration:400ms;}
.right-fixed .back-top{background-image:url(../images/tubiao.png); background-repeat:no-repeat;}
.right-fixed .back-top:hover{background-image:url(../images/tubiao.png); background-repeat:no-repeat;}
.right-fixed .app{background-position:-10px -170px;}
.right-fixed .weixin{background-position:-65px -170px;}
.right-fixed .wap{background-position:-120px -170px;}
.right-fixed .back-top{display:none; background-position:-175px -170px;}
.right-fixed .app:hover{background-position:-10px -114px;}
.right-fixed .weixin:hover{background-position:-65px -114px;}
.right-fixed .wap:hover{background-position:-120px -114px;}
.right-fixed .back-top:hover{background-position:-175px -114px;}
.app-logo, .weixin-logo, .wap-logo{width:162px; display:none; position:absolute; bottom:0; left:-162px; border:1px solid #ccc; box-sizing:border-box;}
.app-logo{height:180px; background-position:-180px -229px;}
.weixin-logo{height:200px; background-position:-10px -229px;}
.right-fixed .app:hover .app-logo{display:block;}
.right-fixed .weixin:hover .weixin-logo{display:block;}
.right-fixed .wap:hover .wap-logo{display:block;}
*/


/**
 * page
 */
.page-large{margin:40px 0 20px; text-align:center;}
.page-large a{min-width:34px; height:34px; display:inline-block; border:1px solid #d5d5d5; box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box; line-height:34px; text-align:center; float:left; text-indent:0; color:#666666; font-size:12px; font-family:Arial, Helvetica, sans-serif; margin:0 3px;}
.page-large a.on{border:1px solid #ef3838; background:#ef3838; color:#fff;}
.page-large a.none{border:none;}
.page-large .Num:hover{border:1px solid #ef3838; color:#ef3838;}
.page-large .on:hover{border:1px solid #ef3838; color:#fff;}

.page-large .prev-page{background:url(../images/small-prev-page.png) center center no-repeat;}
.page-large .next-page{background:url(../images/small-next-page.png) center center no-repeat;}
.page-large .prev-page:hover{border:1px solid #ef3838; background:url(../images/small-prev-page-on.png) center center no-repeat #ef3838;}
.page-large .next-page:hover{border:1px solid #ef3838; background:url(../images/small-next-page-on.png) center center no-repeat #ef3838;}





/**
 * home
 .home-left{float:left; width: 280px; margin: 0px; padding: 0px;}
 .home-right{float:right; width: 900px; margin: 0px; padding: 0px;}
 
 .home-left-1{float:left; width: 380px; margin: 0px; padding: 0px;}
 .home-right-1{float:right; width: 800px; margin: 0px; padding: 0px;}
 */


.custom-pannel-calendar{width: 100%; background-color: #FFFFFF; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.custom-pannel-calendar .header{width: 100%; padding: 20px;}
.custom-pannel-calendar .header .title{width: 340px; text-align: center; font-size: 18px; color: #333333;}
.custom-pannel-calendar .body{width: 100%; padding: 10px 0px 20px 0px;  text-align: center;}


.left-nav{
	width: 100%; background-color: #FFFFFF; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
}
.left-nav div{
	width: 100%; padding:15px 20px 15px 25px; font-size: 16px; color: #555555;
	box-sizing:border-box; 
	-webkit-box-sizing:border-box; 
	-moz-box-sizing:border-box; 
	-o-box-sizing:border-box;
}
.left-nav div.active, .left-nav div:hover{
	padding-left: 20px; border-left: 5px solid #f06c76; color: #f06c76;
}
.left-nav div.active > a {color: #f06c76;}
.left-nav div > span {color: red;}



/**
 * right
 */

.right-body{
	width: 100%; padding: 20px; background-color: #FFFFFF; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
	box-sizing:border-box; 
	-webkit-box-sizing:border-box; 
	-moz-box-sizing:border-box; 
	-o-box-sizing:border-box;
}
.right-body .position{
	position: relative; width: 100%; font-size: 16px; color: #333333;
}
.right-body .position .p-back-btn{
	position: absolute; top: -5px; right: 0px; padding: 3px 6px; background-color: #f06c76; color: #ffffff; font-size: 14px; cursor: pointer;
	border: 1px solid #f06c76; border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; -webkit-border-radius:3px;
}


.right-body .search{
	width: 100%; font-size: 16px; color: #333333;
}
/*.header-r{float:right; padding-top:26px;}*/ 
.right-body .search{float:left; width:100%; box-sizing:border-box; border:1px solid #dddddd; border-radius:6px; -moz-border-radius:6px; -o-border-radius:6px; -webkit-border-radius:6px;} 
.right-body .search .searchCon{float:left; width:85%; background:none; text-indent:5px; outline:none; font-size:14px; box-sizing:border-box; padding: 11px 6px;}
.right-body .search .searchBtn{float:right; width:15%; outline:none; cursor:pointer; color: #ffffff; font-size: 16px; background-color: #f06c76; padding: 10px 0;}   /**background:url(../images/tubiao.png) -102px -40px no-repeat;*/

.right-body .item-list{margin-top: 10px;}
.right-body .item-list .item{
 	width: 100%; padding: 10px 0; border-top: 1px dashed #DDDDDD;
}
/*.right-body .item-list .item:hover{
 	background-color: #EEEEEE;
}*/



/**
 * 宣讲会、双选会
 */
.right-body .item-list .item .i-left{ width:60px;}
.right-body .item-list .item .i-left img{ width: 60px; height: 60px; border: 1px solid #dddddd; border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; -webkit-border-radius:3px;}
.right-body .item-list .item .i-left div{ width: 60px; height: 60px; line-height: 60px; text-align: center; font-size: 20px; color: #f06c76; border: 1px solid #dddddd; border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; -webkit-border-radius:3px;}
.right-body .item-list .item .i-center{padding: 0 10px}
.right-body .item-list .item .i-center .ic-title{font-size: 16px; color: #333333; padding: 5px 0; cursor: pointer; line-height: 24px;}
.right-body .item-list .item .i-center .ic-sub{font-size: 14px; padding: 5px 0; line-height: 24px;}
.right-body .item-list .item .i-right{ font-size: 14px; color: #999999;}
.right-body .item-list .item .i-right .ir-time{text-align: right; padding: 5px 0;}
.right-body .item-list .item .i-right .ir-sub{text-align: right; padding: 5px 0; margin-top: 10px;}
.right-body .item-list .item .i-right .ir-sub span{color: #f06c76; line-height: 24px;}
.right-body .item-list .item-bottom{
 	width: 100%; padding: 20px 0; border-top: 1px dashed #DDDDDD; font-size: 14px; color: #999999; text-align: center;
}
.right-body .item-list .item-bottom .ib-sub,
.right-body .item-list .item-bottom .pre,
.right-body .item-list .item-bottom .next{
	display: inline-block; padding: 6px 10px; border: 1px solid #DDDDDD; margin-left: 15px; cursor: pointer;
}
.right-body .item-list .item-bottom .ib-sub.active{
	border: 1px solid #f06c76; color: #f06c76;
}
.right-body .item-list .loading{text-align: center; padding: 20px 0;}
.right-body .item-list .nodata{text-align: center; padding: 20px 0;}

.right-body .header{padding-top: 20px; border-bottom: 1px solid #dddddd; height: auto;}
.right-body .header .title{font-size: 18px; font-weight: 600; color: #333333;}
.right-body .header .sub-head{font-size: 14px; color: #dddddd; text-align: right; padding: 10px 0 15px 0;}
.right-body .content-body .c-title{font-size: 16px; font-weight: 600; color: #333333; padding: 30px 0; text-align: center;}
.right-body .content-body .c-body{font-size: 14px; color: #999999; padding: 20px; line-height: 24px; word-wrap: break-word; word-break: break-all; letter-spacing: 1px;}
.right-body .content-body .c-body div.mark{font-size: 14px; font-weight: 600; color: #333333; margin: 10px 0;}

.right-body .content-body .c-body .position-list ul{
	float: left; width: 100%;
}
.right-body .content-body .c-body .position-list ul li{
	float: left; border-bottom: 1px dashed #dddddd; width: 50%; padding: 10px 15px;
	box-sizing:border-box; 
	-webkit-box-sizing:border-box; 
	-moz-box-sizing:border-box; 
	-o-box-sizing:border-box;
}
.right-body .content-body .c-body .position-list ul.p-header{
	border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; color: #333333; font-weight: 600;
}
.right-body .content-body .c-body .position-list ul.p-item{
	border-top: 1px dashed #dddddd;
}
.right-body .content-body .c-body .position-list ul.p-item:first-child{
	border-top: none;
}


.right-body .content-body .c-body .company-list ul{
	float: left; width: 100%;
}
.right-body .content-body .c-body .company-list ul li{
	float: left; border-bottom: 1px dashed #dddddd; width: 50%; padding: 10px 15px;
	box-sizing:border-box; 
	-webkit-box-sizing:border-box; 
	-moz-box-sizing:border-box; 
	-o-box-sizing:border-box;
}
.right-body .content-body .c-body .company-list ul.p-header{
	border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; color: #333333; font-weight: 600;
}
.right-body .content-body .c-body .company-list ul.p-item{
	border-top: 1px dashed #dddddd;
}
.right-body .content-body .c-body .company-list ul.p-item:first-child{
	border-top: none;
}


/**
 * 职位信息列表
 */
.right-body .item-p-list{margin-top: 20px;}
.right-body .item-p-list .item{
 	float: left; width: 100%; padding: 10px 0; border-top: 1px dashed #DDDDDD;
}
/**
.right-body .item-p-list .item .i-left{float: left; width:60px;}
.right-body .item-p-list .item .i-left img{float: left; width: 60px; height: 60px; border: 1px solid #dddddd; border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; -webkit-border-radius:3px;}
.right-body .item-p-list .item .i-left div{float: left; width: 60px; height: 60px; line-height: 60px; text-align: center; font-size: 20px; color: #f06c76; border: 1px solid #dddddd; border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; -webkit-border-radius:3px;}
*/
.right-body .item-p-list .item .i-center{float: left; width:70%; margin-left: 0px;}
.right-body .item-p-list .item .i-center .ic-title{font-size: 16px; color: #333333; padding: 5px 0; cursor: pointer;}
.right-body .item-p-list .item .i-center .ic-sub{font-size: 14px; color: #999999; padding: 5px 0; margin-top: 0px; line-height: 24px;}
.right-body .item-p-list .item .i-right{float: right; width:30%; font-size: 14px; color: #999999;}
.right-body .item-p-list .item .i-right .ir-time{text-align: right; padding: 5px 0;}
.right-body .item-p-list .item .i-right .ir-sub{text-align: right; padding: 5px 0; margin-top: 10px;}
.right-body .item-p-list .item .i-right .ir-sub span{color: #f06c76;}
.right-body .item-p-list .item-bottom{
 	float: left; width: 100%; padding: 20px 0; border-top: 1px dashed #DDDDDD; font-size: 14px; color: #999999; text-align: center;
}
.right-body .item-p-list .item-bottom .ib-sub,
.right-body .item-p-list .item-bottom .pre,
.right-body .item-p-list .item-bottom .next{
	display: inline-block; padding: 6px 10px; border: 1px solid #DDDDDD; margin-left: 15px; cursor: pointer;
}
.right-body .item-p-list .item-bottom .ib-sub.active{
	border: 1px solid #f06c76; color: #f06c76;
}
.right-body .item-p-list .loading{text-align: center; padding: 20px 0;}
.right-body .item-p-list .nodata{text-align: center; padding: 20px 0;}





/**
 * 新闻类
 */
.right-body .item-list .item .n-text{float: left; width: 80%;}
.right-body .item-list .item .n-text a{
	position:relative; padding-left: 15px;
}
.right-body .item-list .item .n-text a > span{
	color: red;
}
/*.right-body .item-list .item .n-text a:before{
	content:''; position:absolute; top: 40%; left: 0; width: 4px; height: 4px; background: #999999;
	-webkit-border-radius:2px; -o-border-radius:2px; -moz-border-radius:2px; border-radius:2px;
}*/
.right-body .item-list .item .n-time{float: left; width: 20%; text-align: right;}




/**
 * 详情
 */
.right-body .content-body{width: 100%;}
.right-body .content-body .content-assist{
	width: 100%; font-size: 12px; color: #999999;
	box-sizing:border-box; 
	-webkit-box-sizing:border-box; 
	-moz-box-sizing:border-box; 
	-o-box-sizing:border-box;
}
.right-body .content-body .content-assist .content-share{float: right; margin-right: 15px; position: relative; width: 80px; text-align: right; color: #666666;}
.right-body .content-body .content-assist .content-share .content-share-list{
	display: none; 
	position: absolute; right: -30px; top: 20px; width: 80px; background: #FFFFFF; border: 1px solid #cccccc;  padding: 5px 0; z-index: 99999;
	-webkit-border-radius:3px; -o-border-radius:3px; -moz-border-radius:3px; border-radius:3px;
}
.right-body .content-body .content-assist .content-share .content-share-list:before{
	position: absolute; content: ''; top: -8px; left: 40%; width: 0; height: 0;
	border-bottom: 8px solid #cccccc; border-left: 8px solid transparent; border-right: 8px solid transparent;
}
.right-body .content-body .content-assist .content-share .content-share-list:after{
	position: absolute; content: ''; top: -6px; left: 40%; width: 0; height: 0;
	border-bottom: 6px solid #ffffff; border-left: 8px solid transparent; border-right: 8px solid transparent;
}
.right-body .content-body .content-assist .content-share .content-share-list li{padding: 8px 0; text-align: center;}
.right-body .content-body .content-assist .content-share .content-share-list li:hover{color: #f06c76;}
.right-body .content-body .content-assist .content-share .content-share-list li a{background:none;}
.right-body .content-body .content-assist .content-share:hover .content-share-list{display: block;}
.right-body .content-body .content-txt{
	width: 100%; font-size: 16px; color: #666666; line-height: 30px;
	box-sizing:border-box; 
	-webkit-box-sizing:border-box; 
	-moz-box-sizing:border-box; 
	-o-box-sizing:border-box;
}
.right-body .content-body .content-download{width: 100%;}
.right-body .content-body .content-download .d-header{font-size: 16px; color: #666666; border-bottom: 1px solid #cccccc; padding: 15px;}
.right-body .content-body .content-download .d-item{font-size: 14px; color: #666666; border-bottom: 1px dashed #cccccc; padding: 15px; margin: 0 15px;}



/**
 * 图库样式开始
 */
.tssj{}
.tssj .tssjNav{margin:0 14px; width:130px; height:44px; background-image:url(../images/tubiao.png); background-position:-436px -66px;}
.tssjList{
	margin-top:8px;
}
.tssjList .tssjItem{
	float:left; width:330px; padding:15px; height:260px; overflow:hidden; margin-left:50px; position:relative;
}
.tssjList .tssjItem .tssjImg{width:330px; height:200px; display:block;}
.tssjList .tssjItem .tssjImg img{width:100%; height:100%;}
.tssjList .tssjItem h1{margin-top:14px;}
.tssjList .tssjItem h1 a{color:#1f1f1f; font-weight:normal;}
.tssjList .tssjItem p{margin-top:14px; color:#aeaeae; font-size:12px;}
.biankuang{width: 3px;height: 3px;position: absolute;z-index: 99;border-radius:10px;}
.biankuang_1{height: 3px;top: -6px;left:0px;border-left: 3px solid #f06c76;}  /** #ef3838 **/
.biankuang_2 {width: 0px;bottom:-3px;left: 0px;border-top: 3px solid #f06c76;}
.biankuang_3{height: 0px;bottom:0px;right:0px;border-right: 3px solid #f06c76;}
.biankuang_4{width:0px;top:-3px;right:0px;border-bottom: 3px solid #f06c76;}




/**
 * 视频
 */
.tssj .jcspNav{margin:0; background-image:url(../images/tubiao.png); background-repeat:no-repeat; background-position:-436px -126px;}
.jcspList{margin-top:16px;}
.jcspList .tssjItem{padding:0; margin-left:75px; width:350px; margin-bottom:30px; position:relative;}
.jcspList .tssjItem .tssjImg{width:100%; height:200px; position:relative;}
.jcspList .tssjItem .tssjImg:before{position:absolute; width:350px; height:200px; content:''; background:#000;  fliter: alpha(opacity=30); background:rgba(0,0,0,.3); display:none; top:0; left:0; z-index:1;}
.jcspList .tssjItem #caseBlanche{display:none;}
.jcspList .tssjItem:hover #caseBlanche, .jcspList .tssjItem:hover .tssjImg:before{display:block;}
.jcspList .tssjItem #load{height:62px;width:62px;position:absolute;top:70px;left:145px; background:url(../images/video-load.png) center center no-repeat; z-index:2;}
.jcspList .tssjItem #test{height:8px;width:8px;position:absolute;background-color:#fff;border-radius:50%;top:0px;left:10px; z-index:2;}
.jcspList .tssjItem #rond {height:60px;width:60px;border:1px solid #fff;border-radius:50%;position:absolute;top:70px;left:145px;animation:rond 2s infinite;-webkit-animation:rond 2s infinite; z-index:2;}
@keyframes rond {
  0% {transform:rotate(0deg);}
  100% {transform:rotate(360deg);}
}
@-webkit-keyframes rond {
  0% {-webkit-transform:rotate(0deg);}
  100% {-webkit-transform:rotate(360deg);}
}






/**
 * label
 */
.label-success{background-color: #DDF4EF; color: #56C9AF; font-size: 12px; display: inline-block; padding: 5px 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.label-primary{background-color: #DBDFFF; color: #4B60FE; font-size: 12px; display: inline-block; padding: 5px 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.label-danger{background-color: #FFDEDB; color: #FE584C; font-size: 12px; display: inline-block; padding: 5px 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.label-warn{background-color: #FEF0D1; color: #FBB41B; font-size: 12px; display: inline-block; padding: 5px 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.label-info{background-color: #DDF4EF; color: #56C9AF; font-size: 12px; display: inline-block; padding: 5px 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.label-default{background-color: #B6C2C9; color: #ffffff; font-size: 12px; display: inline-block; padding: 5px 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}



/**
 * color
 */

.color-11{color: #56C9AF;}
.color-12{color: #4c61fe;}
.color-14{color: #FD5951;}
.color-3{color: #333333;}
.color-6{color: #666666;}
.color-9{color: #999999;}
.color-c{color: #cccccc;}


.hide{display: none;}
.range-handle{cursor: pointer;}


/**
 * margin
 */
.m-0{margin: 0px;}
.m-5{margin: 5px;}
.m-10{margin: 10px;}
.m-15{margin: 15px;}
.m-20{margin: 20px;}
.m-25{margin: 25px;}
.m-30{margin: 30px;}

.m-t-0{margin-top: 0px;}
.m-t-5{margin-top: 5px;}
.m-t-10{margin-top: 10px;}
.m-t-15{margin-top: 15px;}
.m-t-20{margin-top: 20px;}
.m-t-25{margin-top: 25px;}
.m-t-30{margin-top: 30px;}

.m-r-0{margin-right: 0px;}
.m-r-5{margin-right: 5px;}
.m-r-10{margin-right: 10px;}
.m-r-15{margin-right: 15px;}
.m-r-20{margin-right: 20px;}
.m-r-25{margin-right: 25px;}
.m-r-30{margin-right: 30px;}

.m-b-0{margin-bottom: 0px;}
.m-b-5{margin-bottom: 5px;}
.m-b-10{margin-bottom: 10px;}
.m-b-15{margin-bottom: 15px;}
.m-b-20{margin-bottom: 20px;}
.m-b-25{margin-bottom: 25px;}
.m-b-30{margin-bottom: 30px;}

.m-l-0{margin-left: 0px;}
.m-l-5{margin-left: 5px;}
.m-l-10{margin-left: 10px;}
.m-l-15{margin-left: 15px;}
.m-l-20{margin-left: 20px;}
.m-l-25{margin-left: 25px;}
.m-l-30{margin-left: 30px;}


/**
 * padding
 */

.p-0{padding: 0px;}
.p-5{padding: 5px;}
.p-10{padding: 10px;}
.p-15{padding: 15px;}
.p-20{padding: 20px;}
.p-25{padding: 25px;}
.p-30{padding: 30px;}

.p-t-0{padding-top: 0px;}
.p-t-5{padding-top: 5px;}
.p-t-10{padding-top: 10px;}
.p-t-15{padding-top: 15px;}
.p-t-20{padding-top: 20px;}
.p-t-25{padding-top: 25px;}
.p-t-30{padding-top: 30px;}

.p-r-0{padding-right: 0px;}
.p-r-5{padding-right: 5px;}
.p-r-10{padding-right: 10px;}
.p-r-15{padding-right: 15px;}
.p-r-20{padding-right: 20px;}
.p-r-25{padding-right: 25px;}
.p-r-30{padding-right: 30px;}

.p-b-0{padding-bottom: 0px;}
.p-b-5{padding-bottom: 5px;}
.p-b-10{padding-bottom: 10px;}
.p-b-15{padding-bottom: 15px;}
.p-b-20{padding-bottom: 20px;}
.p-b-25{padding-bottom: 25px;}
.p-b-30{padding-bottom: 30px;}

.p-l-0{padding-left: 0px;}
.p-l-5{padding-left: 5px;}
.p-l-10{padding-left: 10px;}
.p-l-15{padding-left: 15px;}
.p-l-20{padding-left: 20px;}
.p-l-25{padding-left: 25px;}
.p-l-30{padding-left: 30px;}