@charset "utf-8";

:root{
	--color-m:#00a663; /* main color */
	--color-s:rgba(13,161,101,.1); /* sub color */
	--color-h:#085f3c; /* hover color */
}

@font-face{font-family:'icon'; src:url('/resources/css/admin/fonts/IcoMoon-Free.woff')}
@font-face{font-family:'icon'; src:url('/resources/css/admin/fonts/IcoMoon-Free.eot')}

/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video 
{ margin: 0; padding: 0; border: 0; font-size: 100%; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;}

blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }

table { /* border-collapse: collapse; border-spacing:0; */ }
table {padding:0; border-spacing:0px; border:0; border-collapse:collapse;}
th, td {padding:0px;}

caption	{ overflow: hidden; height: 0px; color: transparent; }
ul,ol,li,dl,dt,dd { list-style: none; margin: 0; padding:0; }
img { vertical-align:middle; border:0; max-width: 100%; }
textarea { overflow: auto; padding: 5px; }
input,select,button,label { vertical-align: middle; }
input[type="radio"],
input[type="checkbox"],
label[for],
button { cursor: pointer;}

input[name="upfile"]	{ position: absolute; z-index: -100; top: 0; left: 0; opacity: 0; }
input.upfile	{ position: absolute; z-index: -100; top: 0; left: 0; opacity: 0; }
input.required,	textarea.required	{ background-image: url('/admlib/img/ico_required.png') !important; background-repeat: no-repeat  !important; background-position: 8px 50%  !important; padding-left: 20px !important; }
textarea.required	{ background-position: 8px 12px !important; }

input.both		{ width: 100%; }

.hidden		{ position: absolute; overflow: hidden; width: 1px; height: 1px; top: 0; left: 0; }

input { margin:0; }
button { margin: 0; padding: 0; border: 0; background: 0; cursor: pointer; }
address, i { font-style:normal}
a { text-decoration: none; color:#555; }
a:link,a:visited { text-decoration: none; }
a:hover,a:active,a:focus { text-decoration:underline; }

/* Base */
body { font-size: 0.8em; line-height: 1.7em; }

/* ellipsis */
.ellipsis {text-overflow:ellipsis; overflow:hidden; white-space:nowrap; -moz-binding:url(/assets/css/ellipsis.xml#ellipsis);}
.clip {text-overflow:clip; overflow:hidden; white-space:nowrap;}

/* hidden style */
.invisible { position: absolute; left: -9999px; width: 0; height: 0; overflow :hidden; font-size: 0; line-height: 0; z-index: -1; }
.invisible_IR { position: absolute; left: -9999px; width: 0; height: 0; font-size: 0; line-height: 0; z-index: -1; }

/* Ajax Loading */
body.ajaxLoading:after	{ content: ""; display: block; position: fixed; top: 0; lefT: 0; right: 0; bottom: 0; z-index: 99999; background: url('/resource/img/common/loader.gif') no-repeat 50% 50% rgba(255,255,255,  0.7); }

.txt-left	{ text-align: left !important; }
.txt-right	{ text-align: right !important; }
.txt-center	{ text-align: center !important; }

.fl-left			{ float: left !important; }
.fl-right			{ float: right !important; }
.fl-clear			{ float: none !important; clear: both !important; }

/* Certify Agree */
.agreement				{ position: relative; margin-bottom: 40px; }
.agreement textarea	{ width: 100%; height: 120px; border: 1px solid #d1d1d1; line-height: 1.5em; box-sizing: border-box; }

/*** Web Size Viewer Control ***/
/* PC Screen*/
@media all and (min-width: 1000px) { 
	.only-ta	{ display: none !important; }
	.only-mo	{ display: none !important; }

	.not-pc	{ display: none !important; }
}

/* Tablet Screen */
@media all and (min-width: 640px) and (max-width:1000px) {
	.only-pc			{ display: none !important; }
	.only-mo			{ display: none !important; }

	.not-ta				{ display: none !important; }
}

/* Mobile Screen */
@media all and (max-width:640px) {
	.only-pc			{ display: none !important; }
	.only-ta			{ display: none !important; }

	.not-mo	{ display: none !important; }
}


/*** Web Size Viewer Control ***/
/* PC Screen ( 1001px ) */
@media all and (min-width: 1001px) {
	.pc_N	{ display: none !important;}
}

/* Tablet Screen ( 641px ~ 1000px ) */
@media all and (min-width: 641px) and (max-width: 1000px) {
	.ta_N	{ display: none !important;}
}

/* Mobile Screen */
@media all and (max-width:640px) {
	.mo_N	{ display: none !important;}
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
	background-color: transparent;
}


.ui-ico:before			{ content: "\e994"; font-family: 'icon'; }

.ico-detail:before		{ content: "\e92e"; }
.ico-user:before		{ content: "\e976"; }
.ico-board:before		{ content: "\e926"; }
.ico-homepage:before	{ content: "\e956"; }
.ico-image:before		{ content: "\e90e"; }
.ico-book:before		{ content: "\e920"; }
.ico-app:before			{ content: "\e96f"; }
.ico-graph:before		{ content: "\e99b"; }

.ico-pen:before			{ content: "\e906"; }
.ico-list:before		{ content: "\e9bb"; }
.ico-lock:before		{ content: "\e98f"; }
.ico-unlock:before		{ content: "\e990"; }
.ico-search:before		{ content: "\e986"; }
.ico-mobile:before		{ content: "\e958"; }
.ico-marker:before		{ content: "\e947"; }
.ico-map:before			{ content: "\e94c"; }
.ico-calendar:before	{ content: "\e953"; }
.ico-time:before		{ content: "\e94e"; }
.ico-print:before		{ content: "\e954"; }
.ico-phone:before		{ content: "\e942"; }
.ico-save:before		{ content: "\e962"; }
.ico-del:before			{ content: "\e9ac"; }
.ico-cancle:before		{ content: "\ea0f"; }
.ico-add:before			{ content: "\ea0a"; }
.ico-minus:before		{ content: "\ea0b"; }
.ico-check:before		{ content: "\ea10"; }
.ico-copy:before		{ content: "\e92c"; }

.ico-arrow-left:before		{ content: "\ea44"; }
.ico-arrow-right:before		{ content: "\ea42"; }
.height {line-height:13px;}


.btn-box { padding-top: 10px;}
.none {display: none;}