* {
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-text-size-adjust:none;
	-webkit-overflow-scrolling:touch;
}
html, body { 	
	margin:0; 
	padding:0; 
	width:100%;
	height:100%;
	color:#666;
}
/*form
*/
form, img {
	margin:0; 
	padding:0; 
	border:0;
}
input[type=text], input[type=password] {
	padding:5px 8px;
	height:33px;
	border-radius: 2px;
	font-size:1em;
	border:1px solid #ccc;
	margin:1px 0;
}
input[type=checkbox], input[type=radio] {
	vertical-align:middle
}
input[type=checkbox] {
	width:16px;
	height:16px;
}
input[type=text]:disabled, input[type=password]:disabled, select:disabled {
	background-color:#efefef
}
select {
	font-size:1em;
	border-radius: 2px;
	border:1px solid #ccc;
	margin:1px 0;
	padding:7px;
}
textarea {
	font-size:1em;
	padding:7px 8px;
	border-radius: 2px;
	border:1px solid #ccc;
	margin:1px 0;
	width:80%;
	height:100px;
}
input:focus, select:focus {
	outline: 1  !important;
}
input::-webkit-input-placeholder {
	font-size:1em;
	font-style:italic;
} 
input::-moz-placeholder {
	font-size:1em;
	font-style:italic;
}
input:-ms-input-placeholder {
	font-size:1em;
	font-style:italic !important;
}
input::-ms-input-placeholder {
	font-size:1em;
	font-style:italic !important;
}

input::-webkit-read-only {
    background-color: #f3f3f4;
} 
input:-moz-read-only {
    background-color: #f3f3f4;
}
input:read-only { 
    background-color: #f3f3f4;
}
input + select, select + input, select + select, input + input {
	margin-right:3px;
}

.pi-hide {
	display:none;
}
.pi-popup {
	display:none;
	position:absolute; 
	overflow:hidden; 
	z-index:9999; 
	margin:0; 
	padding:0; 
	border:2px solid #eee; 
	box-shadow: 0px 4px 16px rgba(0,0,0,0.2); -webkit-box-shadow:0px 4px 16px rgba(0,0,0,0.2); -ms-user-select: none; 
	min-width:100px;
	min-height:100px;
}
.pi-popup .pi-popup-container {
	background:#fff;
	overflow:hidden; 
	width:100%;
	height:100%;
}
.pi-popup .pi-popup-btn {
	padding:6px; 
	font-size:9pt; 
	text-align:right; 
	background-color:#eee;
}
.pi-popup .pi-popup-btn input {
	width:12px;
	height:12px;
}
.pi-popup .pi-popup-btn a {
	padding-left:5px;
}
.pi-box {
	padding: 5px;
    border: 1px solid #ddd;
    display: inline-block;
    border-radius: 3px;
	overflow:hidden;
	width:60px;
}
.pi-box:hover {
	border-color: #66afe9 !important;
	outline: 0  !important;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6)  !important;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6)  !important;
}
.pi-btn {
	transition:all .4s ease;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;-o-transition:all .4s ease;
	background:#fff;
	color:#444;
	border:1px solid #cfdbe2;
	padding:5px 12px;
	line-height:21px;
	font-size:14px;
	letter-spacing:-0.8px;
	border-radius:1px;
	margin-top:1px;
	cursor:pointer;
}
.pi-btn + .pi-btn {
	margin-left:3px;
}
.pi-btn i {
	margin-right:1px;
}

.pi-btn > span{
	position:relative;
	padding-left:20px
}
.pi-btn > span:after{
	position:absolute;
	top:0px;
	left:0;
	line-height:1em;
	color:#000;
	font-family:"xeicon";
	content:""
}
/*µî·Ï*/
.pi-btn.regist > span:after{
	content:"\e913"
}
/*Àμâ*/
.pi-btn.print > span:after{
	content:"\e9bb"
}
/*¸ñ·Ï*/
.pi-btn.list > span:after{
	content:"\e91c"
}
/*ÀúÀå*/
.pi-btn.save > span:after{
	content:"\e928"
}
/*¿¢¼¿, ´Ù¿î*/
.pi-btn.down > span:after{
	content:"\eb7c"
}
/*ȯ°æ¼³Á¤*/
.pi-btn.config > span:after{
	content:"\e986"
}
/*º¹±¸*/
.pi-btn.refresh > span:after{
	content:"\e973"
}
/*¼ø¼­ÀúÀå*/
.pi-btn.sort_save_btn > span:after{
	content:"\e974"
}
/*¼³Á¤º¯°æ*/
.pi-btn.system_cfg_btn > span:after{
	content:"\e999"
}
/*¸ÞÀÏÅ×½ºÆ®*/
.pi-btn.mail-test > span:after{
	content:"\ea07"
}
/*°Ë»ö*/
.pi-btn.btn-search > span:after{
	content:"\e97a"
}
/*»èÁ¦*/
.pi-btn.btn-del > span:after{
	content:"\e921"
}
/*·Î±×ÀÎ*/
.pi-btn.btn-login > span:after{
	content:"\e966";
}
/*¸Þ´ºÃß°¡*/
.pi-btn.btn-plus > span:after{
	content:"\e913"
}
.pi-btn.red > span:after,.pi-btn.gray > span:after,.pi-btn.yellow > span:after,.pi-btn.blue > span:after,.pi-btn.green > span:after{
	color:#fff
}
.pi-btn.none > span{
	padding-left:0
}
.pi-btn.none > span:after{
	display:none
}
.pi-btn > span.saveing{
	padding-left:0px
}
.pi-btn > span.saveing:after{
	content:'';
}
.pi-btn:hover {
	background:#e4eaf2;
}
.pi-btn.small {
	font-size:13px;
	padding:7px 8px;
}
.pi-btn.blue {
	background:#428BCA;
	color:#fff;
	border:1px solid #428BCA;
}
.pi-btn.blue:hover {
	background:#1B6AAA;
	border:1px solid #1B6AAA;
}
.pi-btn.yellow {
	background:#FFB752;
	color:#fff;
	border:1px solid #FFB752;
}
.pi-btn.yellow:hover {
	background:#E59729;
	border:1px solid #E59729;
}
.pi-btn.gray {
	background:#666;
	border:1px solid #666;
	color:#fff !important;
}
.pi-btn.gray:hover {
	background:#444;
	border:1px solid #444;
}
.pi-btn.light-gray {
	background:#f9f9f9;
	border:1px solid #ccc;
}
.pi-btn.green {
	background:#87B87F;
	border:1px solid #87B87F;
	color:#fff !important;
}
.pi-btn.green:hover {
	background:#548D5C;
	border:1px solid #548D5C;
}
.pi-btn.light-green {
	background:#1AB394;
	border:1px solid #1AB394;
	color:#fff !important;
}
.pi-btn.red {
	background:#F26520;
	border:1px solid #F26520;
	color:#fff !important;
}
.pi-btn.red:hover {
	background:#dd5044;
	border:1px solid #dd5044;
}
.blue {
	color:#1B6AAA;
}
.green {
	color:#548D5C;
}
.red {
	color:#dd5044;
}
.gray {
	color:#888
}
.label-title {
	font-weight:normal;
	font-size:16px;
	display:inline-block;
	margin-bottom:5px;
	letter-spacing:-0.1em;
	color:#222;
}
.label-title:before {
   font-family: 'xeicon';
   content: "\e990";
   margin-right:3px;
   color:#888;
}
.label-wrap, .label-block {
	border-top:1px solid #ccc;
	margin-bottom:30px;
}
.label-wrap .label-input {
	padding:5px 0 5px 156px;
	border-bottom:1px solid #e7eaec
}
.label-wrap .label-input > span.required:before {
	content:'*';
	color:red;
}
.label-wrap .label-input > span:first-child{
	width:140px;
	background:#fbfbfb;
	border-right:1px solid #efefef
}
.label-wrap-block .label-input {
	padding-left:0px;
}
.label-wrap-block .label-input > span:first-child{
	position:static;
	display:block;
	text-align:left;
	width:100%;
}
.label-box {
	vertical-align:top;
	border-radius:2px;
	display:inline-block;
	padding:6px 10px;
	min-width:80px;
	font-size:1em;
	color:#333;
	margin-right:10px;
	background:#fbfbfb;
	border:1px solid #ddd;
}
.label-box+label {
	display:inline-block;
}
.label-box.gray {
	background:#666;
	color:#fff;
}
.label-box.green {
	background:#57b13c;
	color:#fff;
}
.label-box.blue {
	background:#428BCA;
	color:#fff;
}
.text-box {
	margin-top:9px;
}
.label-input {
	position:relative;
	width:100%;
	display:block;
	min-height:47px;
	padding:6px 0 6px 136px;
	border-bottom:1px dashed #e7eaec;
	font-size:14px;
}
.label-input label  {
	display:inline-block;
	margin-top:3px;
}
.label-input > span:first-child {
	position:absolute;
	width:120px;
	top:0px;
	left:0px;
	height:100%;
	line-height:20px;
	text-align:right;
	padding:12px 20px 0px 0px !important;
	color:#000;
}
.label-input .row-text {
	display:inline-block;
	margin-top:8px; 
}
.label-input .row {
	margin-top:8px; 
	padding-top:7px; 
	border-top:1px dashed #ddd
}
.label-input input[type=text], .label-input input[type=password], .label-input select {
	width:200px;
}
.label-button {
	height:auto;
	margin:20px 0 0;
	text-align:right;
	font-size:15px;
}
.label-button .left {
	float:left;
}

.pi-wrap {
	overflow:auto;
	overflow-x:hidden;
	clear:both;
}
.pi-w1 {
	width:100%;
    width: -moz-calc(100% - 5px);
    width: -webkit-calc(100% - 5px);
    width: -o-calc(100% - 5px);
    width: calc(100% - 5px);
	margin:10px 0;
	float:left;
}
.pi-w2 {
	width:50%;
    width: -moz-calc(50% - 10px);
    width: -webkit-calc(50% - 10px);
    width: -o-calc(50% - 10px);
    width: calc(50% - 10px);
	margin:10px 0;
	float:left;
}
.pi-w2:nth-child(2n){
	margin-left:20px;
	margin-right:0px;
}
.pi-w3 {
	width:33.3%;
    width: -moz-calc(33.3% - 20px);
    width: -webkit-calc(33.3% - 20px);
    width: -o-calc(33.3% - 20px);
    width: calc(33.3% - 20px);
	margin:10px 0;
	float:left;
}
.pi-w3 + .pi-w3:not(:nth-child(3n+1)) {
	margin-left:30px;
	margin-right:0px;
}
.pi-w4 {
	width:25%;
    width: -moz-calc(25% - 20px);
    width: -webkit-calc(25% - 20px);
    width: -o-calc(25% - 20px);
    width: calc(25% - 20px);
	margin:10px 0;
	float:left;
}
.pi-w4 + .pi-w4:not(:nth-child(4n+1)) {
	margin-left:25px;
	margin-right:0px;
}
.pi-w4 + .pi-w2 {
	margin-left:20px;
	margin-right:0px;
}

.left-import {
	margin-left:-10px !important;
}
.right-import {
	margin-left:0px;
	margin-top:1px;
    position:absolute;
	background:#efefef;
	width:45px;
	height:33px;
	border-radius:2px 0 0 2px !important;
    font-family: "xeicon";
}
.right-import-input {
	text-indent:44px;
}

.w100 {
	width:100% !important;
}
.w90 {
	width:90% !important;
}
.w80 {
	width:80% !important;
}
.w70 {
	width:70% !important;
}
.w60 {
	width:60% !important;
}
.w50 {
	width:50% !important;
}
.w40 {
	width:40% !important;
}
.w30 {
	width:30% !important;
}
.w20 {
	width:20% !important;
}
.w10 {
	width:10% !important;
}
.wi200 {
	width:200px !important;
}
.wi190 {
	width:190px !important;
}
.wi180 {
	width:180px !important;
}
.wi170 {
	width:170px !important;
}
.wi160 {
	width:160px !important;
}
.wi150 {
	width:150px !important;
}
.wi140 {
	width:140px !important;
}
.wi130 {
	width:130px !important;
}
.wi120 {
	width:120px !important;
}
.wi115 {
	width:115px !important;
}
.wi110 {
	width:110px !important;
}
.wi100 {
	width:100px !important;
}
.wi90 {
	width:90px !important;
}
.wi80 {
	width:80px !important;
}
.wi70 {
	width:70px !important;
}
.wi60 {
	width:60px !important;
}
.wi50 {
	width:50px !important;
}
.wi40 {
	width:40px !important;
}
.wi30 {
	width:30px !important;
}
.wi20 {
	width:20px !important;
}
.wi10 {
	width:10px !important;
}
.font20 {
	font-size:20px !important;
}
.font19 {
	font-size:19px !important;
}
.font18 {
	font-size:18px !important;
}
.font17 {
	font-size:17px !important;
}
.font16 {
	font-size:16px !important;
}
.font15 {
	font-size:15px !important;
}
.font14 {
	font-size:14px !important;
}
.font13 {
	font-size:13px !important;
}
.font12 {
	font-size:12px !important;
}
.cursor-hand {
	cursor:pointer;
}
.cursor-help {
	cursor:help;
}
.progress {
	text-align:center; 
	font-size:14px;
	padding-top:30px;
	color:#888;
}
.progress i {
	font-size:94px;
}

.transition {
	transition:all .4s ease;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;-o-transition:all .4s ease
}
.hidden {
	display:none
}
.pi-icon {
	font-family:"xeicon";
	font-size:21px;
	color:#888 !important;
}
.pi-icon:before {
   content:'\eb74';
}   
.pi-icon.month:before {
   content:"\e9a4";
}
.pi-icon.address:before {
   content:"\e902";
}
.CodeMirror {
	border:1px solid #ddd;
	border-radius:3px;
	max-height:400px;
	max-width:100%;
}
.CodeMirror * {
	max-width:100%;
}
.preloader-wrapper { display:none; }
@media screen and (-webkit-min-device-pixel-ratio:0){ 
	.preloader-wrapper  {position: fixed; top: 0;left: 0;height: 100%;width: 100%;z-index: 999999999; display:block;}
	.preloader-contents {position: absolute; left: 0; top: 0; bottom: 0; right: 0; height: 64px; margin: auto; text-align: center; width: 100%;}
	.preloader-contents .preloader-svg {
		width: 150px;
		height: 150px;
		display:inline-block;
		opacity:0.8
	 }
}
@media (max-width:1380px){
	.hidden1 {
		display:none
	}

	.pi-w2, .pi-w3, .pi-w1 {
		margin-left:0px !important;
		width:100%;
		float:none;
	}
	.pi-w4 {
		width:50%;
		width: -moz-calc(50% - 20px);
		width: -webkit-calc(50% - 20px);
		width: -o-calc(50% - 20px);
		width: calc(50% - 20px);
		margin:10px 0;
		margin-left:0px !important;
		float:left;
	}
	.pi-w4:nth-child(2n) {
		margin-left:30px !important;	
	}

}
@media (max-width:748px){
	.label-wrap .label-input {
		border-bottom:none;
	}
	.label-input {
		padding:6px 0 !important;
	}
	.label-input > span:first-child{
		position:static;
		display:block;
		text-align:left;
		border:none !important;
		background:none !important;
		padding:0 !important;
		width:100% !important;
		height:auto !important;
		color:#000;
	}
	.label-input input[type=text], .label-input input[type=password], .label-input select, .label-input textarea {
		width:100% !important;
		margin:0 0 3px 0 !important;
	}
	.label-box {
		display:block;
		margin:0 0 3px 0 !important;
	}
	.label-input .prefix {
		display:none
	}
	.label-input .prefix-input {
		margin-left:0px;
	}

	.bbs-search .right-zone {
		width:100%;
	}
	.bbs-search input {
		margin:3px 0 !important;
		width:100% !important;
	}
	.bbs-search button {
		border-radius:2px !important;
		margin:3px 0 !important;
		width:100% !important;
	}
	.hidden2 {
		display:none
	}
	.pi-w3:nth-child(1n), .pi-w4:nth-child(1n) {
		margin-left:0px !important ;
		width:100%;
		float:none;
	}
	.right-import {
		margin-top:0px;
	}
	.pi-icon.month {
		display:none;
	}
	.pi-popup {
		left:5% !important;
		max-width:90% !important;
		height:auto !important;
	}
	.pi-popup .pi-popup-container, .pi-popup .pi-popup-container img {
		max-width:100% !important;
		height:auto !important;
	}
}

.fa-spin {
	-webkit-animation: fa-spin 2s infinite linear;
	animation: fa-spin 2s infinite linear;
}
.fa-pulse {
	-webkit-animation: fa-spin 1s infinite steps(8);
	animation: fa-spin 1s infinite steps(8);
}
.fa-blur {
	opacity:0.6;
    -webkit-filter: blur(1px); /* Chrome, Safari, Opera */
    filter: blur(1px);
}

@-webkit-keyframes fa-spin {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes fa-spin {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}