@charset "utf-8";
@import url(/static/lib/layui/layui.css);
@font-face {
    font-family: layui-icon;
    src: url(/static/lib/font/iconfont.ttf?v=256) format("truetype");
    font-display: block;
}
*{margin:0 auto;padding:0;border:0;}
body
{
	font:14px/1.5 '微软雅黑';
	word-wrap:break-word;
	word-break:break-all;
	-webkit-text-size-adjust:none;
	color:#333333;
	background: #F5F5F5 url(/static/image/bodybg.png) top center no-repeat;
}
* {
	list-style: none; margin: 0px; padding: 0px; font-family: "微软雅黑";
}
h1 {
	font-weight:normal;
}
h1 {
	font-size: 100%;
}
.title-font
{
	margin-left:10px;
	padding-top:30px;
	letter-spacing:1px;
	color:#0070C6;
	font-family:"\5FAE\8F6F\96C5\9ED1","\5B8B\4F53";
	text-shadow:1px 1px 1px #fff;
	font-weight:700;
	width:950px;
	float:left;
}

@media (min-width:600px) {
	.title-font{
		font-size:27px;
		
	}
	.title-font2{
		font-size:20px;
	}
}

@media (max-width:600px) {
	.title-font{
		font-size:22px;
	}
	.title-font2{
		font-size:15px;
	}
}

.title-font2{
	margin-top: 5px;
	color:#FF0084;
	font-family:"\5FAE\8F6F\96C5\9ED1","\5B8B\4F53";
	font-weight:700;
}


a{
   
	color:#444;
	text-decoration:none;
}
a:link{
    
	color:#444;
	text-decoration:none;
}
a:visited{
    
	color:#444;
	text-decoration:none;
}
a:hover{
    
	color:#CF7A00;
	text-decoration:underline;
}
A.c:link    {text-decoration: none; color: #0D5DA0;}
A.c:visited {text-decoration: none; color: #0D5DA0;}
a.c:hover   {text-decoration: underline; color: #FF7D00;position: relative;	right: 0px;	top: 0px;}

A.d:link    {text-decoration: none; color: #0070C6;}
A.d:visited {text-decoration: none; color: #0070C6;}
a.d:hover   {text-decoration: none; color: #3162BC;position: relative;	right: 0px;	top: 0px;}

A.action:link    {text-decoration: none; color: #fff; background-color:#FF8A00; padding:6px 20px 6px 20px; border-radius:5px; font-size:14px; font-weight:normal;}
A.action:visited {text-decoration: none; color: #fff; background-color:#FF8A00; padding:6px 20px 6px 20px;border-radius:5px; font-size:14px;font-weight:normal;}
a.action:hover   {text-decoration: none; color: #fff;position: relative;	right: 0px;	top: 0px; background-color:#FF8A00; padding:6px 20px 6px 20px;border-radius:5px; font-size:14px;font-weight:normal;}

A.loadup:link    {text-decoration: none; color: #fff; background-color:#FF7D00; padding:6px 20px 6px 20px; border-radius:5px; font-size:14px; font-weight:normal;}
A.loadup:visited {text-decoration: none; color: #fff; background-color:#FF7D00; padding:6px 20px 6px 20px;border-radius:5px; font-size:14px;font-weight:normal;}
a.loadup:hover   {text-decoration: none; color: #fff;position: relative;	right: 0px;	top: 0px; background-color:#295EB4; padding:6px 20px 6px 20px;border-radius:5px; font-size:14px;font-weight:normal;}

.clear{ clear:both}
.yzm{ float:left; padding:0px; padding-right:10px;}
.btn-spacing1{padding:0px; width:100px; float:left;}
.fl{ float:left; overflow:hidden;}
.fr{ float:right; overflow:hidden;}
.pright{ padding-right:5px;}
.w10{ width:10%;}
.w20{ width:20%;}
.w30{ width:30%;}
.w40{ width:40%;}
.w50{ width:50%;}
.w60{ width:60%;}
.w80{ width:80%;}
.w100{ width:100%;}
.syshead{margin:0 auto; width:1200px; height:100px;}
.maint{ margin:0 auto; width:1200px; overflow:hidden;}
.mainb{ margin:0 auto; width:1200px; overflow:hidden; margin-top:20px;}
.mleft{ margin:0 auto; width:830px; float:left; overflow:hidden; }
.mright{width:370px; float:left; overflow:hidden;}
.tit { float:right; margin:0 auto; height:80px; line-height:80px; overflow:hidden; text-align:right; color:#0070C6; text-align:right; margin-right:10px;}
.out{ float:right; width:85px; height:80px; line-height:80px;  overflow:hidden; padding-left:10px;}
#logoto{width:350px;height: 430px;text-align: left;border-radius: 5px;box-shadow: 0px 0px 10px #ddd;position: absolute;background-color: rgba(255, 255, 255, 0.95); margin-top:20px;}
.pane-header{width:100%;height:50px;border-radius: 5px 5px 0 0;line-height: 50px;color:#000;text-align: center;}
.pane-content{padding: 20px; color:#333;}

#register{margin:0 auto;width:600px;height: 550px;border-radius: 5px;box-shadow: 0px 5px 10px #ddd;background-color: rgba(255, 255, 255, 1); margin-top:20px;}
#forget{margin:0 auto;width:600px;height: 420px;border-radius: 5px;box-shadow: 0px 5px 10px #ddd;background-color: rgba(255, 255, 255, 1); margin-top:20px;}

.login{ margin:0px 0px 0px 0px;overflow:hidden; width:100%;}
.login ul{}
.login ul li{height:55px; line-height:38px;}
.login ul li span{overflow:hidden;padding-left:10px;}
.pd{ margin:0px 0px 0px 110px; float:left; overflow:hidden; font-size:12px; text-align:left; height:18px; line-height:18px; color:Red;}

.input {
     height: 35px;
     border-radius: 4px;
     border: 1px solid #0070C6;
     background-color: #fff;
     padding-left:10px;
     font-weight:bold;
     float:left;
}
.input:focus {
     height: 35px;
     border-radius: 4px;
     border: 1px solid #0070C6;
     background-color: #fff;
     outline:none; 
     box-shadow: 0 0 10px #3587F8;
     padding-left:10px;
     font-size:16px;
     font-weight:bold;
}

.input1 {
    width: 200px;
    
}
.password-field {
    position: relative;
    display: block;
    float: left;
    width: 200px;
    height: 37px;
}
.login ul li .password-field {
    overflow: visible;
    padding: 0;
}
.password-field .input {
    float: none;
    width: 100%;
    padding-right: 36px;
    box-sizing: border-box;
}
.password-field .input:focus {
    width: 100%;
    padding-right: 36px;
    box-sizing: border-box;
}
.password-toggle {
    position: absolute;
    top: 50%;
    right: 8px;
    width: 22px;
    height: 22px;
    margin-top: -11px;
    padding: 0;
    border: 0;
    background: transparent url("../lib/easyui/themes/default/images/passwordbox_close.png") center center no-repeat;
    cursor: pointer;
}
.password-toggle.is-visible {
    background-image: url("../lib/easyui/themes/default/images/passwordbox_open.png");
}
.password-toggle:focus {
    outline: 1px solid #0070C6;
    outline-offset: 2px;
}
.input2 {
            width: 100px;
        }
.input3 {
            width: 90px;
        }
.input4 {
            width: 280px;
        }
     
.input5 {
            width: 160px;
        }
.input6 {
            width: 230px;
        }
.inputtxt {
     height: 27px;
     border-radius: 4px;
     border: 1px solid #0070C6;
     background-color: #fff;
     padding-left:5px;
}
.inputtxt:focus {
     height: 27px;
     border-radius: 4px;
     border: 1px solid #0070C6;
     background-color: #fff;
     outline:none; 
     box-shadow: 0 0 10px #3587F8;
     padding-left:5px;
}
 label{
   width: 100px;
  /* 转换为块元素 */
   display: inline-block;
   font-size: 14px;
   color: #0070C6;
   float:left;
   text-align:right;
}
/* input内文字颜色 */
        input::-webkit-input-placeholder {
            color: #ccc;
            font-size:12px;
            font-weight:normal;
        }
/* 登录 */
        .loginin {
            height: 45px;
            background: #0070C6;
            border-radius: 5px;
            border: rgba(255, 255, 255, 0.5) 1px solid;
            color: white;
            font-size: 16px;
            cursor: pointer;

        }
/* 保存 */
        .savein {
            height:40px;
            background: #0070C6;
            border-radius: 5px;
            border: rgba(255, 255, 255, 0.5) 1px solid;
            color: white;
            font-size:14px;
            cursor: pointer;

        }
.logintxt{ 
	text-align: right;
	height:60px; 
	margin: 0 auto;
	width:89%; 
	margin-top:15px;
}
.logintxt span:first-child{ 
	float: left; 
}
.logintxt span a{ 
	color: #666; 
}
.txtdesc{ margin-left:20px; color:#666; font-size:12px;}

.toutiao {
 background-color: rgba(255, 255, 255, 0.95);
 height: 74px;
 position: relative;
 padding: 12px 60px;
 margin-bottom: 15px;
 width:690px;
 
}
.toutiao i {
 width: 82px;
 height: 69px;
 background: url(../image/tt.png) no-repeat;
 position: absolute;
 left: 0;
 top: 0;
}
.toutiao h1 {
 text-align: center;
}
.toutiao h1 a {
 font-size: 18px;
 color: #333;
}
.toutiao h1 a:hover {
 color: #1561af;
}
.toutiao p {
 height: 60px;
 line-height: 28px;
 font-size: 14px;
 color: #666;
 overflow: hidden;
}
.toutiao p  a{
 margin-right: 20px;
 color: #999;
}


/***底部***/
.foot_main{ margin:0 auto; width:1200px; overflow:hidden; text-align:center; margin-top:20px;}
.foot{ float:left; width:1200px; text-align:center;}
.foot ul {}
.foot ul li{ height:28px; line-height:28px; color:#666;}
.foot_left{ float:left; width:300px; text-align:center; font-size:13px;}


.cont{ margin:3px 0px 10px 0px; overflow:hidden;padding-left:10px;}
.cont ul{ }
.cont ul li{float:left; line-height:28px; color:#333;width:398px;}
.cont ul li span{ font-weight:bold; color:#0070C6;}

.txt{ margin:0px 0px 0px 0px; overflow:hidden;}
.txt ul{}
.txt ul li
{
	line-height:36px; 
	color:#333; 
	background:url("../image/listnot1.png") 0px 15px no-repeat; 
	padding-left:14px;
	width:100%; 
	float:left; 
    word-break: break-all;
   display : -webkit-box;
   -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  height:28px;
  overflow: hidden;
  margin-right:10px;
 }
.txt ul li span{color:#ff0000; font-weight:bold;}

.tab-block {
	width: 808px;
	margin-top: 20px;
	background-color: #FFF;
	border: 1px solid #e5e5e5
}

.tab-block .tab-buttons {
	width: 100%;
	height: 50px;
	background-color: #fafafa
}

.tab-block .tab-buttons .tab-button {
	width: 24%;
	float: left;
	height: 50px;
	text-align: center;
	font-size: 16px;
	color: #999;
	line-height: 50px;
	position: relative;
	cursor: pointer
}

.tab-block .tab-buttons .tab-button.cur {
	background-color: #fff;
	color: #0070C6;
}

.tab-block .tab-buttons .tab-button.cur:after {
	content: '';
	position: absolute;
	top: -1px;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #0070C6;
	
}

.tab-block .tabs1 {
	width: 100%;
}

.tab-block .tabs1 .tab-item1 {
	width: 100%;
	height: 250px;
	padding: 10px 0px 10px 10px;
	display: none
}

.tab-block .tabs1 .tab-item1.active {
	display: block
}

.recruitment-board {
	border: 1px solid #ead8d8;
	box-shadow: 0 6px 18px rgba(76, 38, 38, 0.07);
}

.recruitment-board .tab-buttons {
	background: #7f1d24;
}

.recruitment-board .tab-buttons .tab-button {
	width: auto;
	min-width: 160px;
	padding: 0 24px;
	color: #fff;
	text-align: left;
	letter-spacing: 0;
	cursor: default;
}

.recruitment-board .tab-buttons .tab-button.cur {
	background: transparent;
	color: #fff;
}

.recruitment-board .tab-buttons .tab-button.cur:after {
	height: 0;
}

.recruitment-cont {
	padding: 18px 20px 20px;
	background: #fbfaf8;
	box-sizing: border-box;
}

.recruitment-summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	padding: 0 0 14px;
	border-bottom: 1px solid #e8dddd;
}

.recruitment-summary-text {
	color: #4f3030;
	line-height: 24px;
}

.recruitment-summary-text strong {
	display: block;
	color: #6d171d;
	font-size: 17px;
	letter-spacing: 0;
}

.recruitment-kicker {
	display: inline-block;
	margin-bottom: 3px;
	padding: 2px 8px;
	border-radius: 2px;
	background: #f3e6e5;
	color: #7f1d24;
	font-size: 12px;
	font-weight: bold;
}

.recruitment-metrics {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
	justify-content: flex-end;
}

.recruitment-metrics span {
	display: inline-block;
	padding: 5px 10px;
	border: 1px solid #decaca;
	border-radius: 2px;
	background: #fff;
	color: #7f1d24;
	font-size: 12px;
	font-weight: bold;
	white-space: nowrap;
}

.recruitment-units {
	padding-top: 14px;
}

.recruitment-unit-card {
	margin: 0 0 14px;
	border: 1px solid #e5dada;
	background: #fff;
	box-sizing: border-box;
}

.recruitment-unit-card:last-child {
	margin-bottom: 0;
}

.unit-card-head {
	position: relative;
	padding: 14px 16px 14px 20px;
	border-left: 4px solid #8f222a;
	border-bottom: 1px solid #eee5e5;
	background: #fffdfc;
	box-sizing: border-box;
}

.unit-card-head p {
	margin: 0 0 4px;
	color: #8a6a6a;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
}

.unit-card-head h4 {
	margin: 0;
	padding-right: 100px;
	color: #3f2424;
	font-size: 20px;
	line-height: 28px;
	letter-spacing: 0;
	word-break: break-word;
}

.unit-card-head span {
	position: absolute;
	right: 16px;
	top: 18px;
	padding: 4px 8px;
	border-radius: 2px;
	background: #7f1d24;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	white-space: nowrap;
}

.unit-card-grid {
	display: grid;
	grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) minmax(0, 1fr);
	gap: 0;
}

.unit-info-panel {
	min-width: 0;
	padding: 14px 16px 16px;
	border-right: 1px solid #eee5e5;
	box-sizing: border-box;
}

.unit-info-panel:last-child {
	border-right: 0;
}

.unit-panel-title {
	margin-bottom: 10px;
	color: #7f1d24;
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
}

.job-row {
	padding: 0 0 12px;
	margin-bottom: 12px;
	border-bottom: 1px dashed #e4d8d8;
}

.job-row:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: 0;
}

.job-row-main {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 10px;
}

.job-row-main strong {
	color: #3f2424;
	font-size: 15px;
	line-height: 22px;
	word-break: break-word;
}

.job-row-main span {
	flex: 0 0 auto;
	color: #7f1d24;
	font-size: 12px;
	font-weight: bold;
	line-height: 22px;
}

.job-row-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 6px 12px;
	margin-top: 5px;
	color: #6f5a5a;
	font-size: 12px;
	line-height: 20px;
}

.job-apply-time,
.plan-time-row span {
	display: block;
	margin-top: 5px;
	color: #4e3b3b;
	font-size: 12px;
	line-height: 20px;
	word-break: break-word;
}

.plan-time-row {
	padding-bottom: 12px;
	margin-bottom: 12px;
	border-bottom: 1px dashed #e4d8d8;
}

.plan-time-row:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: 0;
}

.plan-time-row strong {
	display: block;
	color: #3f2424;
	font-size: 14px;
	line-height: 21px;
	word-break: break-word;
}

.announcement-row {
	margin-bottom: 10px;
}

.announcement-row:last-child {
	margin-bottom: 0;
}

.announcement-row a {
	display: block;
	padding: 10px 12px;
	border: 1px solid #eadede;
	background: #fffafa;
	color: #5d2d31;
	line-height: 20px;
	text-decoration: none;
	word-break: break-word;
}

.announcement-row a:hover {
	border-color: #c9a8a8;
	background: #fff5f5;
	color: #7f1d24;
}

.announcement-row em {
	display: block;
	margin-top: 3px;
	color: #8a6a6a;
	font-style: normal;
	font-size: 12px;
}

.unit-empty-line {
	padding: 10px 12px;
	border: 1px dashed #dfd2d2;
	background: #fbfaf8;
	color: #8a6a6a;
	font-size: 13px;
	line-height: 20px;
	box-sizing: border-box;
}

.recruitment-empty {
	padding: 28px 16px;
	border: 1px dashed #dfd2d2;
	background: #fff;
	text-align: center;
	box-sizing: border-box;
}

.recruitment-empty-title {
	margin-bottom: 8px;
	color: #7f1d24;
	font-size: 16px;
	font-weight: bold;
}

.recruitment-empty-text {
	color: #6f5a5a;
	line-height: 24px;
}

.login-photo-notice {
	width: 808px;
	margin-top: 20px;
	overflow: hidden;
	box-shadow: 0px 5px 10px #ddd;
	background-color: rgba(255, 255, 255, 0.9);
}

.login-photo-notice-title {
	margin: 0 auto;
	width: 98%;
	height: 80px;
	border-bottom: 1px dashed #bbb;
	text-align: center;
	line-height: 80px;
	color: #1A72BC;
	font-size: 28px;
	letter-spacing: 2px;
}

.login-photo-notice-content {
	margin: 0 auto;
	width: 98%;
	line-height: 30px;
	padding-top: 15px;
	padding-bottom: 20px;
	color: #ff0000;
	font-size: 14px;
	font-weight: bold;
	white-space: pre-line;
	word-break: break-word;
	background: url(../image/listnot1.png) 0px 27px no-repeat;
	padding-left: 14px;
	box-sizing: border-box;
}

.treeBox {
 margin-bottom: 15px;
}
.treeBox li {
 padding: 15px 20px 0 20px;
}
.treeBox li a {
 display: block;
 color: #0070C6;
 font-size: 14px;
 border-bottom: 1px dashed #e8e8e8;
 padding-bottom: 15px;
 text-decoration:none;
}
.treeBox li.cur {
 background-color: #0070C6;
}
.treeBox li.cur a {
 color: #FFF;
 border-bottom: 1px dashed #C60300;
}
a.submitok:link    {text-decoration: none; color: #fff; background-color:#295EB4; padding:8px 30px 8px 20px;font-size:14px; font-weight:normal;border-radius: 5px; margin-right:20px;}
a.submitok:visited {text-decoration: none; color: #fff; background-color:#295EB4; padding:8px 30px 8px 20px; font-size:14px;font-weight:normal;border-radius: 5px;margin-right:20px;}
a.submitok:hover   {text-decoration: none; color: #fff;position: relative;	right: 0px;	top: 0px; background-color:#0070C6; padding:8px 30px 8px 20px; font-size:14px;font-weight:normal;border-radius: 5px;margin-right:20px;}

a.submitno:link    {text-decoration: none; color: #fff; background-color:#BB7200; padding:8px 30px 8px 20px;font-size:14px; font-weight:normal;border-radius: 5px;}
a.submitno:visited {text-decoration: none; color: #fff; background-color:#BB7200; padding:8px 30px 8px 20px; font-size:14px;font-weight:normal;border-radius: 5px;}
a.submitno:hover   {text-decoration: none; color: #fff;position: relative;	right: 0px;	top: 0px; background-color:#BB7200; padding:8px 30px 8px 20px; font-size:14px;font-weight:normal;border-radius: 5px;}

.mainleft{float: left; width: 200px; background-color: #fff; box-shadow: 0px 0px 10px #ddd;}
.mainright{float: right; width: 985px; min-height:520px; box-shadow: 0px 0px 10px #ddd;background-color: rgba(255, 255, 255, 0.9);}
#content-panel{min-height:520px; position:relative; box-sizing:border-box;}
#content-panel iframe{display:block; min-height:520px;}
.apply-panel-placeholder{min-height:520px; display:flex; flex-direction:column; align-items:center; justify-content:center; box-sizing:border-box; padding:48px 24px; color:#0070C6; background:linear-gradient(180deg, rgba(255,255,255,0.96), rgba(246,250,255,0.96));}
.apply-panel-title{font-size:18px; font-weight:bold; line-height:28px; margin-top:16px;}
.apply-panel-desc{font-size:13px; color:#6b7c8f; line-height:22px; margin-top:4px;}
.apply-panel-spinner{width:38px; height:38px; border:3px solid #d9ebff; border-top-color:#0070C6; border-radius:50%; animation:applyPanelSpin 0.8s linear infinite;}
.apply-panel-error-icon{width:38px; height:38px; border-radius:50%; line-height:38px; text-align:center; color:#fff; background:#d9534f; font-size:22px; font-weight:bold;}
.apply-panel-retry-btn{margin-top:18px; padding:8px 28px; font-size:14px; color:#fff; background:#0070C6; border:none; border-radius:4px; cursor:pointer; outline:none;}
.apply-panel-retry-btn:hover{background:#005fa3;}
@keyframes applyPanelSpin{to{transform:rotate(360deg);}}
.dhleft{ margin:0 auto; float:left; line-height:40px; height:40px; border-bottom:1px solid #ddd; width:600px; padding-left:20px;}
.dhright{ margin:0 auto; float:right; line-height:40px; height:40px; color:#0070C6;  border-bottom:1px solid #ddd; width:355px;text-align:right; padding-right:10px;}
.msgtable{ border-top:1px solid #ddd; border-right:1px solid #ddd;  margin:0 auto; margin-bottom:40px; margin-top:20px;}
.msgtable_unit{ border-top:1px solid #ddd; border-right:1px solid #ddd;  margin:0 auto; margin-bottom:10px;}
td{ border-bottom:1px solid #ddd; border-left:1px solid #ddd; height:30px; padding:5px 0 5px 10px; font-size:13px;}
.apply-basic-info .msgtable{table-layout:fixed; max-width:100%;}
.apply-basic-info .msgtable td{box-sizing:border-box; min-width:0; vertical-align:top; overflow-wrap:anywhere; word-break:break-word;}
.apply-basic-info .bd h2{height:auto; min-height:40px; line-height:22px; padding:9px 20px; box-sizing:border-box; overflow-wrap:anywhere; word-break:break-word;}
.apply-basic-info .bd h2 span{display:block; max-width:100%; overflow-wrap:anywhere; word-break:break-word;}
.apply-basic-info .error_list{display:block; max-width:100%; margin-top:4px; line-height:18px; white-space:normal; overflow-wrap:anywhere; word-break:break-word;}
.apply-basic-info .error_list span{white-space:normal; overflow-wrap:anywhere; word-break:break-word;}
.resume_Prompt{width:100%; padding:5px 0px 5px 40px; background:#ffffe0;color:#e2731a; float:left;position:relative; font-size:12px;}
.bd{}
.bd h2{font-size:14px; line-height:40px; height:40px; padding-left:20px; background-color:#ddd;color:#0070C6; font-weight:bold; }
.bd h3{font-size:18px;font-weight:bold; line-height:60px; height:60px; padding-left:20px; color:#0E74BF; text-align:center; border-bottom:1px dashed #ddd; }
.bd h1{font-size:14px; line-height:40px; height:40px; padding-left:20px; background-color:#ddd;color:#3F5A6C; float:left; width:100%; margin-bottom:20px; }
.bd dd{float:right;line-height:40px; height:40px; padding-right:20px; padding-top:5px; }
.bd .lst{ width:93%; margin:0 auto;}
.bd .lst ul li{zoom:1; vertical-align:bottom; overflow:hidden; padding:0 10px 0 10px;}
.bd .lst ul li .c{float:left;display:inline;width:100%;}
.bd .lst ul li .c .tit{line-height:24px; color:#0070C6;}
.bd .lst ul li .c p.gray{padding:5px 0 5px 0;font-size:13px;height:40px;line-height:40px;  color:#0070C6;}
.bd .lst ul li .c p.gray .time {margin:0 30px 20px 0;}
.bd .lst ul li .c p.gray .type {margin:0 30px 0 0;}
.nothing{ margin:0 auto; width:100%; height:80px;}

.mid{ margin:0 auto; width:1200px;overflow:hidden;box-shadow: 0px 5px 10px #ddd;background-color: rgba(255, 255, 255,0.9); margin-top:20px;}
.crs{ margin:0 auto; width:98%; height:80px; border-bottom:1px dashed #bbb; text-align:center; line-height:80px; color:#1A72BC; font-size:28px;  letter-spacing:2px;}
.crsdesc{ margin:0 auto; width:98%; line-height:30px; padding-top:20px;}
.ty{ margin:0 auto; text-align:center; height:50px; line-height:50px; overflow:hidden; margin-bottom:20px;}

.font14{font-size:14px;}
.font18{font-size:16px; font-weight:bold; letter-spacing:1px;}
a.p:link    {text-decoration: none; color: #fff;}
a.p:visited {text-decoration: none; color: #fff;}
a.p:hover   {text-decoration: none; color: #fff;position: relative;	right: 0px;	top: 0px;}
/*按钮定义*/
.btn-spacing{padding:0px; text-align:center; line-height:35px; color:#999;}
.qs-btn{position:relative;display:block;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px;text-align:center;text-decoration:none;color:#FFFFFF;line-height:40px;border-radius:5px;-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:hidden;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none;border:0px;}
.qs-btn-orange{background-color:#BC4904;position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);}
.qs-btn-orange:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#BC4904;border-radius:100%;-webkit-transform:scale(0);transform:scale(0);-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;}

.qs-btn-red{background-color:#CC5B00;position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);}
.qs-btn-red:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#aaa;border-radius:100%;-webkit-transform:scale(0);transform:scale(0);-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;}

.qs-btn-blue{background-color:#0070C6;position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);}
.qs-btn-blue:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#0070C6;border-radius:100%;-webkit-transform:scale(0);transform:scale(0);-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;}

.qs-btn-gray{background-color:#aaa;position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);}
.qs-btn-gray:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#aaa;border-radius:100%;-webkit-transform:scale(0);transform:scale(0);-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;}

.findwork_btn1 {
	background-color:#0070C6;  margin: 0px 4px 0px 0px; width: 100px; height: 30px; text-align: center; color: rgb(255, 255, 255); line-height: 28px; cursor: pointer; font-size:14px;
}
.findwork_btn2 {
	background: url("../images/findwork.png") no-repeat 214px -48px rgb(62,133, 185); margin: 5px 4px 0px 0px;border-radius:5px; padding: 0px 0px 0px 0px; border: currentColor; width: 150px; height: 30px; text-align: center; color: rgb(255, 255, 255); line-height: 30px; font-size: 12px;cursor: pointer;
}
.findwork_text1 {
	background-color:#fff; margin: 0px 10px 0px 0px; padding: 2px 13px 4px 5px; border: 1px solid rgb(209, 209, 209); width: 160px; height: 20px; color: rgb(42, 42, 42); line-height: 20px; font-size:13px;
}
.baokao_btn {
	background-color:#0070C6; margin: 0px 4px 0px 0px; padding: 0px 0px 0px 0px; border: currentColor; width: 40px; height: 30px; text-align: center; color: rgb(255, 255, 255); line-height: 30px; font-size: 12px;cursor: pointer;
}
.baokao_close {
	background-color:#ccc; margin: 0px 4px 0px 0px; padding: 0px 0px 0px 0px; border: currentColor; width: 40px; height: 30px; text-align: center; color: rgb(255, 255, 255); line-height: 30px; font-size: 12px;cursor: pointer;
}
.file{
   position: relative;
   background-color: #0D74C1;
   border: 1px solid #ddd;
   width: 150px;
   height: 40px;
   display: inline-block;
   text-indent: 0;
   line-height: 40px;
   font-size: 14px;
   color: #fff;
   margin: 0 auto;
   cursor: pointer;
   text-align: center;
   border: none;
   border-radius: 5px;   
}
.file input{
   position: absolute;
   top: 0;
   left: -2px;
   line-height: 40px;
   height: 40px;
   cursor: pointer;
   opacity: 0;
   width: 150px;
}

.file1{
   position: relative;
   background-color: #DE5A08;
   width: 60%;
   height: 30px;
   display: inline-block;
   text-indent: 0;
   line-height: 30px;
   font-size: 14px;
   color: #fff;
   cursor: pointer;
   text-align: center;
   border: none;
   float:left;
}
.file1 input{
   position: absolute;
   line-height: 30px;
   height: 30px;
   cursor: pointer;
   opacity: 0;
    width: 60%;
    float:left;
}

.fileclose{
   position: relative;
   background-color: #ddd;
   width: 100%;
   height: 30px;
   display: inline-block;
   text-indent: 0;
   line-height: 30px;
   font-size: 14px;
   color: #999;
   text-align: center;
   border: none;
   margin-top:6px;
}
.fileclose input{
   position: absolute;
   line-height: 30px;
   height: 30px;
   opacity: 0;
    width: 100%;
    margin-top:6px;
}

.RadioStyle input {
	display: none
	}
.RadioStyle label {
	border: 1px solid #00a4ff;
	padding: 2px 10px 2px 5px;
	line-height: 28px;
	
	text-align: center;
	float: left;
	margin: 2px;
	border-radius: 4px;
	cursor: pointer
	
	}
.RadioStyle input:checked + label {
	background: url(/static/image/ico_checkon.svg) no-repeat right bottom;
	background-size: 21px 21px;
	color: #00a4ff;
	cursor: pointer
	}
	
.RadioStylecheck input {
	display: none
	}
.RadioStylecheck label {
	border: 1px solid #00a4ff;
	padding: 2px 10px 2px 5px;
	line-height: 28px;
	min-width: 40px;
	text-align: center;
	float: left;
	margin: 2px 15px 2px 0px;
	border-radius: 4px;
	cursor: pointer
	}
.RadioStylecheck input:checked + label {
	background: url(/static/image/ico_checkon.svg) no-repeat right bottom;
	background-size: 21px 21px;
	color: #00a4ff;
	cursor: pointer
	}
	
.fwzn {
 background-color: rgba(255, 255, 255, 0.9);
 box-shadow: 0px 0px 10px #ddd;
 overflow: hidden;
 width:810px;
}
.fwzn .tit1 {
 width: 22px;
 padding: 5px;
 background: #0070C6;
 text-align: center;
 color: #fff;
 float: left;
 height:90px;
 font-size: 15px;
}


.jxjdiv{ width:100%;}
.jxjdiv ul{}
.jxjdiv ul li{ float:left; padding-left:5px; font-size:13px; line-height:30px;}





.search{
	position: relative;
	
}
input:focus{
     outline:none; 
     }
.search-input{
	height: 27px;
    border-radius: 4px;
    border: 1px solid #0070C6;
    background-color: #fff;
    padding-left:5px;
    width:260px;
}
.search-input>input{
	width:260px;
	height: 27px;
	border: none;
}
.search-show{
	position: absolute;
	left: 0px;
	z-index: 999;
	width:245px;
	min-height: 50px;
	border: 1px solid #0070C6;
	background-color: #fff;
	padding: 10px 10px 0px 10px;
	display: none;
}
.search-show>ul{
	padding: 0px;
	margin: 0px;
	list-style: none;
}
.search-show>ul>li{
	height: 27px;
	display: flex;
	align-items: center;
}
.search-show>ul>li:hover{
	color: #4e71f2;
}


.fade {
	opacity: 0;
	-webkit-transition: opacity 0.08s linear;
	-o-transition: opacity 0.08s linear;
	transition: opacity 0.08s linear;
}
.modal_backdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	z-index: 1040;
	-webkit-opacity: 0.5;
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
	_position: absolute;
	_top: expression(offsetParent.scrollTop);
	_left: expression(offsetParent.scrollLeft);
}
.modal_backdrop.fade {
	filter: alpha(opacity=0);
	opacity: 0;
}
.modal_backdrop.in {
	filter: alpha(opacity=50);
	opacity: 0.5;
}
.modal_scrollbar_measure {
	position: absolute;
	top: -9999px;
	width: 50px;
	height: 50px;
	overflow: scroll;
}

.modal {
	overflow: hidden;
	-webkit-overflow-scrolling: touch;
	outline: 0;
	
	
}
.modal .modal_dialog {
	position: absolute;
	top: 25%;
	left: 25%;
	z-index: 1050;
}
.modal.in .modal_dialog {
	-webkit-transition: -webkit-transform 0.2s ease-out;
	-o-transition: -o-transform 0.2s ease-out;
	transition: transform 0.2s ease-out;
	-webkit-transform: translate(0, -25%);
	-ms-transform: translate(0, -25%);
	-o-transform: translate(0, -25%);
	transform: translate(0, -25%);
}
.modal_content {
	padding: 5px;
	background: #a3a3a3;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.modal_content.no_pad {
	padding: 0;
	background: transparent;
}
.modal_content .modal_header {
	height: 30px;
	padding-top: 10px;
	background: #f0f0f0;
	position: relative;
	moz-user-select: -moz-none;
	-moz-user-select: none;
	-o-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.modal_content .modal_header .title {
	font-size: 16px;
	color: #333333;
	line-height: 20px;
}
.modal_content .modal_header .max_remind {
	font-size: 12px;
	color: #999999;
}
.modal_content .modal_header .close {
	display: block;
	position: absolute;
	right: 15px;
	top: 12px;
	width: 16px;
	height: 16px;
	*font-size: 0;
}
.modal_content .modal_header .close:hover {
	background-position: 0 -24px;
}
.modal_content .modal_body {
	padding: 15px;
	background: #fff;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
.new_choose_city {
	width: 100%;padding:0px;background: #fff;
}

.new_choose_city .t2 {
	line-height:24px;font-size: 14px;color: #666;margin-bottom: 10px;width: 600px;padding: 0 0 5px 5px;
	border-bottom: 1px dashed #f0f0f0;
}

.new_choose_city .t4 {
	margin-bottom: 18px;font-size: 14px;color: #666;
}
.new_choose_city .t4 .t41 {
	height: 40px;line-height: 40px;padding: 0 12px 0 15px;
}
.new_choose_city .t4 .t42 {
	display: block;float: left;height: 36px;line-height: 36px;font-size: 14px;color: #fff;
	border: 2px solid #FA5402;padding: 0 18px; background-color:#FA5402;
}
.new_choose_city .t4 .t42:hover {
	text-decoration: none;
}
.new_choose_city .t4 .t43 {
	float: left;height: 34px;line-height: 34px;padding-left: 12px;
}


.new_choose_city .t6 {
	font-size: 14px;color: #999;line-height: 1;
}
.title{ margin:10px 0px 0px 10px; width:670px; height:25px; line-height:25px; background:url("/image/tp.png") 0px 5px no-repeat; padding-left:20px; color:#0D5DA0;}
.findwork_btn {
	background: url("../images/findwork.png") no-repeat 214px -48px rgb(62,133, 185); margin: 0px 4px 0px 0px; padding: 0px 0px 0px 0px; border: currentColor; width: 163px; height: 40px; text-align: center; color: rgb(255, 255, 255); line-height: 40px; font-size: 14px;cursor: pointer;
}


.zgfstwodiv{width:100%;margin: 0px auto;overflow: hidden;  border-bottom: 1px dashed #bbb;}
.zgfstitle{ float:left; margin: 7px 0px 0px 10px; color: #585858;font-size: 16px;font-weight: bolder;display: block; text-overflow: ellipsis; overflow: hidden;white-space: nowrap;}
.zgfscon{width:100%;margin:10px; line-height:22px; color:#888;font-family: "宋体"; font-size:12px; }
.zgfsjg{margin: 7px 10px 0px 0px;  text-align:right; float:right;font-size: 14px; line-height:24px; overflow: hidden;display: block;}
.zgfsdelbtn{width:40px;height: 25px;line-height: 25px;text-align: center;color: #fff;font-size: 12px;background: #515151;border-radius:2px;top: 0px;right:0px;position: absolute;cursor: pointer;}

.zgfsdiv{width:98%;margin: 0px auto;margin-top: 10px;overflow: hidden;  border-bottom: 1px dashed #bbb;}
.zgfsleft{ width:50%; float:left; line-height:25px; }
.zgfsright{ width:50%; float:right; line-height:25px;}
.waterfull{
	margin: 0 auto;
}
.waterfull ul li{
	float: left;
	width: 160px;
	padding: 0px;
	background: #fff;
	border-radius: 3px;
	position: relative;
	overflow: hidden;
	border:solid 1px #ddd;
	margin: 0 6px 10px;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align:center;
	
}
.waterfull ul li .a-img{
	width: 160px;
	height:160px;
	display: block;
	position: relative;
}
.waterfull ul li .a-img img{
	width: 160px;
	height:160px;
	display: block;
	min-height: 160px;
}
.waterfull ul li .btn{
	padding: 5px 0;
	max-height:35px;
	overflow: hidden;
	background-color:Red;
}

/* Mobile compatibility for customer login, registration and apply pages. */
@media (max-width: 1200px) {
	.syshead,
	.maint,
	.mainb,
	.foot_main,
	.foot {
		width: 100%;
	}

	.title-font {
		width: calc(100% - 20px);
	}

	.maint {
		padding: 0 12px;
		box-sizing: border-box;
	}

	.mleft {
		width: calc(100% - 370px);
	}

	.tab-block {
		width: calc(100% - 22px);
	}

	.login-photo-notice {
		width: calc(100% - 22px);
	}

	.cont ul li {
		width: 50%;
	}

	.mainb {
		padding: 0 12px;
		box-sizing: border-box;
	}

	.mainright {
		width: calc(100% - 215px);
	}

	.dhleft {
		width: calc(100% - 385px);
	}
}

@media (max-width: 768px) {
	html,
	body {
		width: 100%;
		min-width: 0;
		overflow-x: hidden;
	}

	body {
		background-size: auto 120px;
	}

	.syshead {
		height: auto;
		min-height: 76px;
		padding: 0 12px;
		box-sizing: border-box;
	}

	.title-font {
		float: none;
		width: 100%;
		margin: 0;
		padding-top: 18px;
		line-height: 1.35;
		font-size: 20px;
	}

	.tit,
	.out {
		float: none;
		width: auto !important;
		height: auto;
		line-height: 28px;
		text-align: left;
		margin: 4px 0 0;
		padding: 0;
	}

	.maint,
	.mainb {
		display: block;
		width: 100%;
		padding: 0 12px;
		margin-top: 8px;
		box-sizing: border-box;
		overflow: visible;
	}

	.mleft,
	.mright,
	.mainleft,
	.mainright {
		float: none;
		width: 100%;
		box-sizing: border-box;
	}

	.mleft,
	.mright {
		overflow: visible;
	}

	.mright {
		margin-top: 12px;
	}

	#logoto,
	#register,
	#forget {
		position: static;
		width: 100%;
		height: auto;
		margin-top: 12px;
		padding-bottom: 16px;
		box-sizing: border-box;
	}

	.pane-header {
		height: auto;
		line-height: 1.5;
		padding-top: 12px;
	}

	.login {
		padding: 0 14px;
		box-sizing: border-box;
	}

	.login ul li {
		height: auto;
		min-height: 55px;
		line-height: 1.5;
		margin-bottom: 8px;
		overflow: hidden;
	}

	.login ul li span {
		display: block;
		float: none !important;
		padding: 6px 0 0;
		line-height: 20px;
		text-align: left;
	}

	label {
		float: none;
		display: block;
		width: 100%;
		margin-bottom: 6px;
		text-align: left;
	}

	.input,
	.input:focus,
	.password-field,
	.inputtxt,
	.inputtxt:focus,
	select.inputtxt,
	.find_text,
	.find_area,
	.easyui-validatebox,
	.easyui-combox,
	.search-input,
	.search-input > input,
	textarea {
		float: none;
		width: 100% !important;
		max-width: 100%;
		box-sizing: border-box;
	}

	.input2,
	.input3,
	.input4,
	.input5,
	.input6 {
		width: 100% !important;
	}

	#txtcode {
		width: calc(100% - 100px) !important;
		float: left;
	}

	#captchaImg {
		float: right !important;
		width: 86px !important;
		height: 35px;
		margin-top: 0 !important;
		padding-left: 0 !important;
	}

	.pd {
		float: none;
		clear: both;
		margin: 4px 0 0;
		width: 100%;
	}

	#loginin {
		padding: 0 14px;
		box-sizing: border-box;
	}

	.loginin,
	.savein,
	.w20,
	.w80 {
		width: 100% !important;
	}

	.logintxt {
		width: 100%;
		height: auto;
		margin-top: 12px;
		padding: 0 14px;
		text-align: left;
		box-sizing: border-box;
	}

	.logintxt span,
	.logintxt span:first-child {
		float: none;
		display: block;
		margin-top: 8px;
	}

	.tab-block {
		width: 100%;
		margin-top: 12px;
		box-sizing: border-box;
	}

	.login-photo-notice {
		width: 100%;
		margin-top: 12px;
		box-sizing: border-box;
	}

	.login-photo-notice-title {
		height: auto;
		min-height: 54px;
		line-height: 54px;
		font-size: 22px;
	}

	.login-photo-notice-content {
		box-sizing: border-box;
		padding: 14px 12px 16px;
		line-height: 26px;
	}

	.tab-block .tab-buttons .tab-button {
		width: 100%;
		font-size: 15px;
	}

	.tab-block .tabs1 .tab-item1 {
		height: auto;
		min-height: 140px;
		box-sizing: border-box;
	}

	.recruitment-board .tab-buttons .tab-button {
		width: auto;
		min-width: 0;
		padding: 0 16px;
	}

	.recruitment-cont {
		padding: 14px 12px;
	}

	.recruitment-summary {
		display: block;
	}

	.recruitment-metrics {
		margin-top: 8px;
		justify-content: flex-start;
	}

	.unit-card-head h4 {
		padding-right: 0;
		font-size: 18px;
		line-height: 26px;
	}

	.unit-card-head span {
		position: static;
		display: inline-block;
		margin-top: 8px;
	}

	.unit-card-grid {
		display: block;
	}

	.unit-info-panel {
		border-right: 0;
		border-bottom: 1px solid #eee5e5;
	}

	.unit-info-panel:last-child {
		border-bottom: 0;
	}

	.job-row-main {
		display: block;
	}

	.job-row-main span {
		display: inline-block;
		margin-top: 4px;
	}

	.cont ul li,
	.txt ul li {
		float: none;
		width: 100%;
		box-sizing: border-box;
		height: auto;
		-webkit-line-clamp: unset;
		display: block;
	}

	.mainleft {
		margin-bottom: 10px;
		overflow-x: auto;
		box-shadow: 0 0 8px #ddd;
	}

	.treeBox {
		margin-bottom: 0;
	}

	.treeBox ul {
		display: flex;
		width: max-content;
		min-width: 100%;
	}

	.treeBox li {
		flex: 0 0 auto;
		padding: 0;
	}

	.treeBox li a {
		min-width: 128px;
		padding: 12px;
		border-bottom: 0;
		text-align: center;
		white-space: nowrap;
	}

	#content-panel {
		width: 100%;
		overflow: visible;
	}

	#content-panel iframe {
		display: block;
		width: 100% !important;
	}

	.dhleft,
	.dhright {
		float: none;
		width: 100%;
		height: auto;
		min-height: 40px;
		line-height: 24px;
		padding: 10px 12px;
		text-align: left;
		box-sizing: border-box;
	}

	.bd h2,
	.bd h3,
	.bd h1 {
		height: auto;
		min-height: 40px;
		line-height: 24px;
		padding: 10px 12px;
		box-sizing: border-box;
	}

	.bd dd {
		float: none;
		height: auto;
		line-height: 1.5;
		padding: 8px 0 0;
	}

	.bd .lst {
		width: 100%;
	}

	.bd .lst ul li {
		padding: 0;
	}

	.bd .lst ul li .c p.gray {
		height: auto;
		line-height: 24px;
		padding: 8px 12px;
	}

	.bd .lst ul li .c p.gray .time,
	.bd .lst ul li .c p.gray .type,
	.bd .lst ul li .c p.gray .addr {
		display: block;
		margin: 0;
	}

	.resume_Prompt {
		padding: 8px 12px;
		box-sizing: border-box;
	}

	.msgtable,
	.msgtable_unit,
	#cert-table {
		display: block;
		width: 100% !important;
		max-width: 100%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		box-sizing: border-box;
	}

	.msgtable tbody,
	.msgtable_unit tbody,
	#cert-table tbody {
		display: table;
		min-width: 620px;
		width: 100%;
	}

	#pdf-wrapper {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	#apply-table {
		min-width: 560px;
	}

	#photo-wrapper {
		right: 12px !important;
	}

	#ks_examinee_check_add {
		width: 100% !important;
		padding: 0 !important;
		box-sizing: border-box;
		overflow-x: auto;
	}

	.datagrid,
	.datagrid-wrap,
	.datagrid-view,
	.datagrid-view1,
	.datagrid-view2 {
		max-width: 100% !important;
	}

	.datagrid-wrap {
		overflow-x: auto;
	}

	.findwork_text1 {
		width: calc(100% - 108px);
		margin-right: 8px;
		box-sizing: border-box;
	}

	.findwork_btn1 {
		width: 100px;
	}

	.waterfull ul li {
		width: calc(50% - 12px);
		margin: 0 6px 10px;
		box-sizing: border-box;
	}

	.waterfull ul li .a-img,
	.waterfull ul li .a-img img {
		width: 100%;
		height: auto;
		aspect-ratio: 1 / 1;
		min-height: 0;
	}

	.file,
	.file input {
		width: 100%;
	}

	.file1,
	.file1 input {
		width: 100%;
	}

	.panel.window,
	.window,
	.window-shadow {
		left: 12px !important;
		right: 12px !important;
		width: calc(100% - 24px) !important;
		max-width: calc(100% - 24px) !important;
		box-sizing: border-box;
	}

	.window .panel-body,
	.window-body {
		width: 100% !important;
		box-sizing: border-box;
	}

	.foot_main {
		margin-top: 12px;
		padding: 0 12px 16px;
		box-sizing: border-box;
	}

	.foot ul li {
		height: auto;
		line-height: 22px;
		margin-bottom: 6px;
	}
}

@media (max-width: 420px) {
	.title-font {
		font-size: 18px;
	}

	.waterfull ul li {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
}