*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
body { margin: 0; }
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline;}
audio:not([controls]) { display: none; height: 0; }
[hidden], template { display: none; }
a { background-color: transparent; }
a:active, a:hover { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
dfn { font-style: italic; }
h1 { font-size: 2em; margin: 0.67em 0; }
mark { background: #ff0; color: #000; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
img { border: 0; }
svg:not(:root) { overflow: hidden; }
figure { margin: 1em 40px; }
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }
pre { overflow: auto; }
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }
button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0;}
button { overflow: visible; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer;}
button[disabled], html input[disabled] { cursor: default; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
input { line-height: normal; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0; padding: 0; }
textarea { overflow: auto; }
optgroup { font-weight: bold; }
table { border-collapse: collapse; border-spacing: 0; }
td, th { padding: 0; }
body { margin: 0; padding: 0; min-width: 768px; }
body, input, textarea, button {
	font-family: "Apple SD Gothic Neo", "Malgun Gothic", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 13px; color: #333; line-height: 1.5;
}
hr { display: block; margin: 15px 0; height: 1px; border: none; background: #aaa; clear: both; }
a { color: #3d7dca; text-decoration: none; }
a:hover { text-decoration: underline; }
small { font-size: 85%; }
p { margin: 15px 0; }


/* Attributes */
body {margin: 0; padding: 0;}
hr {
	display: block; margin: 15px 0;
	height: 1px; border: none; background: #aaa; clear: both;
}
hr.space {margin: 0; height: 30px; background: none;}
a {color: #3d7dca; text-decoration: none;}
a:hover {text-decoration: underline;}
small {font-size: 85%;}
p {margin: 15px 0;}
.blind { position: absolute; overflow: hidden; visibility: hidden; width: 0; height: 0; font-size: 0; line-height: 0; }


/* Text */
.uix-text-lead { font-size: 18px; }
.uix-text-left { text-align: left; }
.uix-text-center { text-align: center; }
.uix-text-right { text-align: right; }
.uix-text-primary { color: #46535f; }
.uix-text-success { color: #00ce0c; }
.uix-text-error { color: #ce0005; }


/* Grid */
ul.uix-grid { margin-top: 0; margin-bottom: 0; padding: 0; list-style: none; }
.uix-grid { margin-right: -7.5px; margin-left: -7.5px; }
.uix-grid:after { content: ''; display: table; clear: both; }
.uix-grid.not-margin { margin-left: 0; margin-right: 0; }
.uix-grid.not-margin > * { padding: 0; }
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
	position: relative; min-height: 1px; padding: 4px 7px 3px 8px;
}
.uix-grid > .col-1, .uix-grid > .col-2, .uix-grid > .col-3, .uix-grid > .col-4, .uix-grid > .col-5, .uix-grid > .col-6, .uix-grid > .col-7, .uix-grid > .col-8, .uix-grid > .col-9, .uix-grid > .col-10, .uix-grid > .col-11, .uix-grid > .col-12 { float: left; }
.col-1 { width: 8.33333%; }
.col-2 { width: 16.66667%; }
.col-3 { width: 25%; }
.col-4 { width: 33.33333%; }
.col-5 { width: 41.66667%; }
.col-6 { width: 50%; }
.col-7 { width: 58.33333%; }
.col-8 { width: 66.66667%; }
.col-9 { width: 75%; }
.col-10 { width: 83.33333%; }
.col-11 { width: 91.66667%; }
.col-12 { width: 100%; }


/* Button */
.uix-button {
	display: inline-block; padding: 4px 15px; height: 28px; margin-bottom: 0;
	white-space: nowrap; cursor: pointer;
	vertical-align: middle; text-align: center; border-radius: 2px;
	-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
	font-size: 13px; color: #333;
	outline: 0; border: 1px solid transparent;
	background: #ddd;
}
.uix-button:hover { background: #d0d0d0; }
.uix-button:active, .uix-button.active { outline: 0; box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.15); }
.uix-button.disabled, .uix-button[disabled] { box-shadow: none; filter: alpha(opacity=65); opacity: 0.65; cursor: not-allowed; }
.uix-button.color-primary { background-color: #46535f; border-color: #46535f; color: #fff; }
.uix-button.color-primary:hover { background-color: #3b4650; border-color: #3b4650; }
.uix-button.color-gray { background-color: #666; border-color: #666; color: #fff; }
.uix-button.color-gray:hover { background-color: #595959; border-color: #595959; }
.uix-button.color-border-gray { background-color: transparent; border-color: #ccc; }
.uix-button.color-border-gray:active { box-shadow: 0 0 0; background-color: whitesmoke; }
.uix-button.color-border-primary { background-color: transparent; border-color: #46535f; color: #46535f; }
.uix-button.color-border-primary:active { box-shadow: 0 0 0; background-color: #f6f6f7; }
.uix-button.color-transparent { background-color: transparent; border-color: transparent; }
.uix-button.color-transparent:active { box-shadow: 0 0 0; background-color: whitesmoke; }
.uix-button.size-large { padding: 7px 26px; height: 36px; font-size: 14px; }
.uix-button.size-small { padding: 4px 12px; height: 28px; font-size: 12px; }
.uix-button.block { display: block; width: 100%; }
a.uix-button { text-decoration: none; }
button.uix-button.block { width: 100%; }


/* Table */
.uix-table { width: 100%; }
.uix-table a { color: #333; }
.uix-table > caption { padding-top: 8px; padding-bottom: 8px; color: #333; text-align: left; }
.uix-table > thead > tr > th, .uix-table > thead > tr td,
.uix-table > tbody > tr > th, .uix-table > tbody > tr td,
.uix-table > tfoot > tr > th, .uix-table > tfoot > tr td {
	padding: 8px; line-height: 1.42857142; vertical-align: top;
	border-bottom: 1px solid #ddd;
}
.uix-table > thead > tr > th {
	padding-top: 10px; padding-bottom: 10px;
	vertical-align: bottom;
	border-bottom: 1px solid #ccc; background: #4b4b4b; color: #fff;
}
.uix-table > caption + thead,
.uix-table > colgroup + thead,
.uix-table > tbody + tbody {
	border-top: 2px solid #ccc;
}
.uix-table.bordered > thead > tr > th,
.uix-table.bordered > thead > tr td,
.uix-table.bordered > tbody > tr > th,
.uix-table.bordered > tbody > tr td,
.uix-table.bordered > tfoot > tr > th,
.uix-table.bordered > tfoot > tr td {
	border: 1px solid #ddd;
}
.uix-table.bordered > thead > tr > th { border-bottom: 1px solid #ccc; }
.uix-table.bordered > caption + thead,
.uix-table.bordered > colgroup + thead,
.uix-table.bordered > tbody + tbody {
	border-top: none;
}
.uix-table.striped > tbody > tr:nth-of-type(odd) { background: #f9f9f9; }
.uix-table .uix-table { background-color: transparent; }


/* Form text */
.uix-form-text {
	display: inline-block; margin: 0; padding: 4px 10px;
	border: 1px solid #acadb4;
	line-height: 1.428571429; height: 28px; background-color: #fff;
	font-size: 13px; color: #333;
	outline: 0; vertical-align: middle;
}
.uix-form-text::-ms-expand { border: 0; background-color: transparent; }
.uix-form-text.block { display: block; width: 100%; }
.uix-form-text.active, .uix-form-text:focus { border-color: #1f65b0; }
.uix-form-text[readonly] { background: #eee; }
.uix-form-text[disabled] { background: #eee; cursor: not-allowed; }
textarea.uix-form-text { height: auto; }
select.uix-form-text { padding-left: 5px; }
.uix-form-description { font-size: 12px; margin: 15px 0 8px; }
.uix-form-help { margin: 3px 0 0; font-size: 12px; color: #666; }
.uix-form-check { position: relative; margin: 0; display: block; }
.uix-form-check > p { display: inline-block; vertical-align: middle; min-height: 20px; padding-left: 20px; margin: 0; }
.uix-form-check > p > label { font-weight: normal; cursor: pointer; }
.uix-form-check > p > label > input[type=checkbox],
.uix-form-check > p > label > input[type=radio] { position: absolute; margin: 4px 0 0 -20px; line-height: normal; cursor: pointer; }
.uix-form-check > p + p { margin-left: 10px; }
.uix-form-check > .disabled > label { cursor: not-allowed; color: #888; }
.uix-form-check > .disabled > label > input[type=checkbox],
.uix-form-check > .disabled > label > input[type=radio] { cursor: not-allowed; }
.uix-form-check.block > p { display: block; margin-top: 5px; margin-bottom: 5px; vertical-align: inherit; }
.uix-form-check.block > p + p { margin-left: 0; }
.uix-form-check.not-margin { margin: 0; }


/* Form group */
.uix-form-group > label { font-size: 13px; font-weight: bold; }
.uix-form-group.block > label { display: block; margin: 0 0 5px; }
.uix-form-group.inline > label { display: inline-block; margin: 0 5px 0 0; }
.uix-form-group.inline > * { display: inline-block; vertical-align: middle; }
.uix-form-group.inline > .uix-form-help { margin: 0 0 0 5px; }


/* Paginate */
.uix-paginate { margin: 30px 0; text-align: center; font-size: 0; }
.uix-paginate a,
.uix-paginate strong {
	display: inline-block; margin: 0; padding: 10px 13px;
	background: #fff; font-size: 13px; color: #333; font-family: Verdana, sans-serif; }
.uix-paginate a { text-decoration: none; }
.uix-paginate strong { font-weight: normal; color: #aaa; }
.uix-paginate .dir { font-weight: bold; }


/* Buttons group */
.uix-btn-group { margin: 30px 0; text-align: center; }


/* Register form */
.uix-register-head { margin: 5px 0 5px; font-size: 16px; font-weight: bold; }
.uix-register > dl { display: table; width: 100%; margin: 0; border: 0 solid #ddd; border-bottom-width: 1px; }
.uix-register > dl > dt,
.uix-register > dl > dd { display: table-cell; vertical-align: middle; padding: 8px; }
.uix-register > dl > dt { padding-left: 15px; width: 150px; font-weight: bold; }
.uix-register > dl:first-child,
.uix-register > legend + dl { border-top-width: 1px; }
fieldset.uix-register { margin: 0; padding: 0; border: none; }


/* Box style */
.uix-box { display: block; max-width: 620px; margin: 50px auto; padding: 50px 30px; border: 1px solid #d8d8d8; }
.uix-box > .uix-btn-group { margin-bottom: 0; }
.uix-box.bg-lightgray { background: #f5f5f5; }
.uix-box.round { border-radius: 5px; }


/* Not style element */
fieldset.uix-not-style { margin: 0; padding: 0; border: none; }
ul.uix-not-style { margin: 0; padding: 0; list-style: none; }
figure.uix-not-style { margin: 0; }


/* Brackets */
.uix-brackets:before { content: '['; }
.uix-brackets:after { content: ']'; }
.uix-brackets.small:before { content: '('; }
.uix-brackets.small:after { content: ')'; }
.uix-brackets.quots:before { content: '"'; }
.uix-brackets.quots:after { content: '"'; }
.uix-brackets.small-quots:before { content: "'"; }
.uix-brackets.small-quots:after { content: "'"; }


/* Tabs */
.uix-tabs .tab { border: 1px solid #e2e2e2; }
.uix-tabs .tab > nav { position: relative; padding: 5px; cursor: pointer; background: #f6f6f6; }
.uix-tabs .tab > nav span { padding: 5px 15px; display: block; color: #505050; font-weight: bold; }
.uix-tabs .tab > nav i {
	position: absolute; top: 50%; right: 15px; width: 19px; height: 19px; margin: -9px 0 0 0;
	background-position: -150px 0;}
.uix-tabs .body { display: none; border-top: 1px solid #e2e2e2; padding: 30px; }
.uix-tabs .tab.active nav i { background-position: -150px -23px; }
.uix-tabs .tab.active .body { display: block; }


/* Tab contents controller */
.comp-tab-contents { margin: 15px 0; }
.comp-tab-contents > nav.uix-grid > * { padding-left: 1px; }
.comp-tab-contents > nav.uix-grid > *:first-child { padding-left: 0; }
.comp-tab-contents > nav.uix-grid button { border-radius: 0; }
.comp-tab-contents > nav.uix-grid button.active { box-shadow: 0 0 0; background: #666; color: #fff; cursor: default; }
.comp-tab-contents .bodies { margin: 10px 0 0; }
.comp-tab-contents .bodies > * { display: none; }
.comp-tab-contents .bodies > *.active { display: block; }


/* Sprite icons */
.sp-ico { background: transparent url("/image/web/sp-ico@1x.png") no-repeat; background-size: 300px 300px; }
.sp-ico { display: inline-block; text-indent: -9999px; text-align: left; overflow: hidden; }
.sp-ico.abs { position: absolute; left: 50%; top: 50%; vertical-align: top; }

.ico-write { width: 46px; height: 42px; background-position: 0 0; }
.ico-check { width: 17px; height: 15px; background-position: -53px 0; }
.ico-star { width: 15px; height: 14px; background-position: -53px -25px; }
.ico-lock { width: 11px; height: 14px; background-position: -80px 0; }
.ico-pen { width: 14px; height: 14px; background-position: -80px -24px; }
.ico-arrow-left { width: 13px; height: 23px; background-position: -104px 0; }
.ico-arrow-right { width: 13px; height: 23px; background-position: -127px 0; }
.ico-plus { width: 19px; height: 19px; background-position: -150px 0; }
.ico-minus { width: 19px; height: 19px; background-position: -150px -23px; }
.ico-close { width: 12px; height: 12px; background-position: -179px 0; }
.ico-search { width: 16px; height: 15px; background-position: -201px 0; }
.ico-search.abs { margin: -7px 0 0 -8px; }
.ico-star2 { width: 15px; height: 14px; background-position: -179px -22px; }
.ico-disc { width: 16px; height: 15px; background-position: -227px 0; }
.ico-lock2 { width: 17px; height: 24px; background-position: -253px 0; }
.ico-plus2 { width: 9px; height: 9px; background-position: -201px -25px; }
.ico-plus4 { width: 9px; height: 9px; background-position: -227px -25px; }
.ico-gnb-1 { width: 38px; height: 40px; background-position: 0 -62px; }
.ico-gnb-2 { width: 44px; height: 40px; background-position: -48px -62px; }
.ico-gnb-3 { width: 44px; height: 40px; background-position: -102px -62px; }
.ico-gnb-4 { width: 43px; height: 40px; background-position: -156px -62px; }
.ico-gnb-5 { width: 43px; height: 40px; background-position: -209px -62px; }
.ico-magnifier { width: 26px; height: 28px; background-position: 0 -122px; }
.ico-plus3 { width: 27px; height: 27px; background-position: -36px -122px; }


/* Page */
.uix-page { padding: 30px 30px 60px; min-height: 450px; }
.uix-page-headding { position: relative; z-index: 2; padding: 0 0 20px; margin: 0 0 20px 0; border-bottom: 1px solid #acacac; }
.uix-page-headding.not-margin { margin: 0; }
.uix-page-headding > h1, .uix-page-headding > .h1 { margin: 0; font-size: 24px; color: #333; font-weight: bold; }


/* Contents wrap */
.contents-wrap { position: relative; margin: 0 auto; padding: 0 10px; width: 1000px; }


/* Main */
main { padding: 0; margin: 0 auto; min-width: 1000px; }


/* Header */
main > header { height: 100px; background: #3868e1; padding: 0; }
main > header:after { content: ''; display: table; clear: both; }
main > header > .contents-wrap { height: 100%; }
main > header h1 { position: absolute; left: 0; top: 0; margin: 0; height: 100%; }
main > header h1 a { display: block; vertical-align: top; }
main > header h1 img { display: block; }
main > header .gnb { position: absolute; top: 0; bottom: 0; left: 235px; height: 100%; }
main > header .gnb a {
	display: block; float: left; padding: 17px 0 0; height: 100%; width: 125px;
	border-right: 1px solid #4e78e4; text-align: center; text-decoration: none;}
main > header .gnb a:first-child { border-left: 1px solid #4e78e4; }
main > header .gnb a.active { background: #1b4cc8; }
main > header .gnb i { display: block; margin: 0 auto; }
main > header .gnb span { display: block; margin: 7px 0 0; font-size: 14px; color: #fff; font-weight: bold; }
main > header .top-nav { position: absolute; top: 24px; right: 10px; }
main > header .top-nav a {
	display: block; margin: 5px 0 0; padding: 2px 12px 0; height: 24px;
	font-size: 12px; color: #fff; letter-spacing: -1px; text-decoration: none;
	border-radius: 30px; background: #1b4cc8; }
main > header .top-nav a:first-child { margin-top: 0; }
main > header .top-nav a > * { display: inline-block; vertical-align: middle; }
main > header .top-nav a span { margin-left: 6px; }


/* Footer */
main > footer { border-top: 1px solid #131f62; }
main > footer .foot-nav { margin: 0 -10px; padding: 5px 0; font-size: 0; }
main > footer .foot-nav:after { content: ''; display: table; clear: both; }
main > footer .foot-nav a {
	position: relative; padding: 5px 10px; display: block; float: left;
	text-decoration: none; font-size: 13px; color: #585858; }
main > footer .foot-nav a:before {
	content: ''; display: block; position: absolute;
	left: 0; top: 50%; width: 1px; height: 12px; margin-top: -6px;
	background: #c6c6c6; }
main > footer .foot-nav a:first-child:before { display: none; }
main > footer .body { padding: 22px 0 30px; border-top: 1px solid #d2d4e1; }
main > footer .body h1 { margin: 0; position: absolute; left: 10px; top: 5px; }
main > footer .body h1 img { display: block; }
main > footer .copyright { padding-top:25px; padding-left: 160px; }
main > footer .copyright div { font-size: 0; margin: 3px -8px 0; }
main > footer .copyright div:first-child { margin-top: 0; }
main > footer .copyright p { position: relative; display: inline-block; margin: 0; padding: 0 8px; font-size: 12px; }
main > footer .copyright p:before {
	content: ''; display: block; position: absolute;
	left: 0; top: 50%; width: 1px; height: 10px; margin-top: -5px;
	background: #dcdcdc; }
main > footer .copyright p:first-child:before { display: none; }
main > footer .copyright em { font-style: normal; }
main > footer .copyright em:before { content: ' : '; }


/* Page - main */
.main .schedule-month .count,
.main .schedule-week .count {
	width: 26px; height: 26px; line-height: 26px;
	font-family: Arial, sans-serif; font-style: normal; font-size: 12px; font-weight: bold; color: #222;
	text-align: center; letter-spacing: -1px;
	background: #fff; border-radius: 50%; }
.main .headding { background: #91b0ed; }
.main .headding > div { display: table; }
.main .headding .col { display: table-cell; vertical-align: middle; padding: 15px 0; font-size: 0; }
.main .headding .col > * { vertical-align: middle; }
.main .headding .select-date-type { width: 35%; text-align: left; }
.main .headding .select-date-type a {
	display: inline-block; margin: 0 6px 0 0; width: 40px; height: 40px; line-height: 40px;
	background: #fff; text-align: center; text-decoration: none; border-radius: 50%;
	font-size: 13px; font-weight: bold; }
.main .headding .select-date-type a.month { background: #fff; color: #454545; }
.main .headding .select-date-type a.week { background: #8c8c8c; color: #fff; }
.main .headding .select-date-type a.day { background: #3a3a3a; color: #fff; }
.main .headding .control-date { width: 30%; text-align: center; font-size: 0; }
.main .headding .control-date button { border: none; margin: 3px 0 0; padding: 7px 8px; background: none; }
.main .headding .control-date button i { vertical-align: top; }
.main .headding .control-date strong { padding: 0 10px; font-size: 24px; color: #393939; }
.main .headding .buttons { width: 35%; padding-right: 0; text-align: right; }
.main .headding .buttons a { text-decoration: none; }
.main .headding .buttons .small-button {
	display: inline-block; margin: 0 3px; padding: 4px 10px 6px;
	border-radius: 3px;
	font-size: 12px; color: #393939; font-weight: bold; background: #fff; letter-spacing: -1px;}
.main .headding .buttons .small-button i { margin-right: 3px; }
.main .headding .buttons .small-button > * { display: inline-block; vertical-align: middle; }
.main .headding .buttons .post-schedule { margin-left: 15px; }
.main .headding hr { display: none; margin: 0; background: #7a97df; }

.main.month .headding { padding-bottom: 35px; }
.main.month .headding hr { display: block; }
.main.month .content { margin-top: -35px; }

.main .uix-tabs .tab.color-red nav { background: #fde9e9; }
.main .uix-tabs .tab.color-orange nav { background: #ffe8da; }
.main .uix-tabs .tab.color-green nav { background: #e9f1de; }
.main .uix-tabs .tab.color-blue nav { background: #d5edf1; }
.main .uix-tabs .body { padding: 0; }
.main .uix-tabs .body ul { margin: 0; padding: 0; list-style: none; }
.main .uix-tabs .body li { padding: 30px 40px; border-top: 1px solid #e2e2e2; }
.main .uix-tabs .body li:first-child { border-top: none; }
.main .uix-tabs .body p { margin: 5px 0 0; }
.main .uix-tabs .body p.title { font-weight: bold; }
.main .uix-tabs .body p:first-child { margin-top: 0; }

.main .schedule-month { width: 100%; border-collapse: collapse; }
.main .schedule-month th, .main .schedule-month td { width: 14.285%; }
.main .schedule-month thead th { height: 35px; font-size: 14px; color: #4f4f4f; }
.main .schedule-month tbody td { border: 1px solid #e2e2e2; }
.main .schedule-month tbody td > div { position: relative; height: 130px;  }
.main .schedule-month .day {
	margin: 0; padding: 8px 10px 0; height: 34px;
	font-size: 14px; color: #313131; font-weight: bold; font-family: Arial, sans-serif; text-align: right;
	border-bottom: 1px solid #e8e8e8; }
.main .schedule-month .bd { width: 100%; height: 96px; padding:0 5px; }
.main .schedule-month .bd p {
	display: table-cell; vertical-align: middle; margin: 0;
	text-align: center; font-size: 12px; color: #505050; font-weight: bold; }
.main .schedule-month .count { position: absolute; right: 6px; bottom: 6px; }
.main .schedule-month .today > div:after {
	content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0;
	border: 1px solid #aaa; }
.main .schedule-month .today .day { border-bottom: none; }
.main .schedule-month .item { cursor: pointer; }

/*
.main .schedule-month .color-red .bd p { background: #fde9e9; color: #a50f0f; }
.main .schedule-month .color-blue .bd p { background: #d5edf1; }
.main .schedule-month .color-green .bd p { background: #e9f1de; }
.main .schedule-month .color-orange .bd p { background: #ffe8da; }
*/

.main .schedule-month .color-yellow .bd p  { background: #ffe664; }
.main .schedule-month .color-orange .bd p  { background: #ffc784; }
.main .schedule-month .color-red .bd p  { background: #fcb099; color: #a50f0f; }
.main .schedule-month .color-lightgreen .bd p  { background: #c4e39e; }
.main .schedule-month .color-green .bd p  { background: #8dcd96; }
.main .schedule-month .color-lightblue .bd p  { background: #82d0d9; }
.main .schedule-month .color-blue .bd p  { background: #82c3f1; }
.main .schedule-month .color-darkblue .bd p  { background: #91b0ed; }
.main .schedule-month .color-violet .bd p  { background: #bfadf2; }
.main .schedule-month .color-lightviolet .bd p  { background: #eeb4f8; }


.main .schedule-month .disabled .day { color: #c6c6c6; border-bottom: none; }

.main .schedule-week { width: 100%; border-bottom: 1px solid #e8e8e8; }
.main .schedule-week thead th { padding: 8px 10px; background: #91b0ed; border: 1px solid #809cdf; font-size: 14px; }
.main .schedule-week thead th.today { color: #fff; background: #517fd3; }
.main .schedule-week tbody th,
.main .schedule-week tbody td {
	padding: 10px 5px; height: 32px;
	vertical-align: middle;
	border-top: 1px solid #e8e8e8; border-left: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8;
	text-align: center; font-size: 12px; }
.main .schedule-week tbody th p,
.main .schedule-week tbody td p {margin: 5px 0 0; }
.main .schedule-week tbody th *:first-child,
.main .schedule-week tbody td *:first-child { margin-top: 0; }
.main .schedule-week tbody th .count,
.main .schedule-week tbody td .count { margin-top: 5px; }
.main .schedule-week .count { display: block; margin: 0 auto; }
.main .schedule-week .item { cursor: pointer; }
.main .schedule-week tbody .current {border-top: 2px solid #666;}
/*
.main .schedule-week .color-red { background: #fde9e9; color: #a50f0f; }
.main .schedule-week .color-blue { background: #d5edf1; }
.main .schedule-week .color-green { background: #e9f1de; }
.main .schedule-week .color-orange { background: #ffe8da; }
*/
.main .schedule-week .color-yellow { background: #ffe664; }
.main .schedule-week .color-orange { background: #ffc784; }
.main .schedule-week .color-red { background: #fcb099; color: #a50f0f; }
.main .schedule-week .color-lightgreen { background: #c4e39e; }
.main .schedule-week .color-green { background: #8dcd96; }
.main .schedule-week .color-lightblue { background: #82d0d9; }
.main .schedule-week .color-blue { background: #82c3f1; }
.main .schedule-week .color-darkblue { background: #91b0ed; }
.main .schedule-week .color-violet { background: #bfadf2; }
.main .schedule-week .color-lightviolet { background: #eeb4f8; }



.main.theme-yellow .headding { background: #ffe664; }
.main.theme-yellow .headding hr { background: #ffda18; }
.main.theme-yellow .schedule-week thead th { background: #ffe664; border-color: #e9c300; }
.main.theme-yellow .schedule-week thead th.today { color: #f33f06; background: #fdd400; }



.main.theme-orange .headding { background: #ffc784; }
.main.theme-orange .headding hr { background: #ffa438; }
.main.theme-orange .schedule-week thead th { background: #ffc784; border-color: #ffa438; }
.main.theme-orange .schedule-week thead th.today { background: #ff991e; }

.main.theme-red .headding { background: #fcb099; }
.main.theme-red .headding hr { background: #fa764f; }
.main.theme-red .schedule-week thead th { background: #fcb099; border-color: #fb8a67; }
.main.theme-red .schedule-week thead th.today { background: #fa764f; }

.main.theme-lightgreen .headding { background: #c4e39e; }
.main.theme-lightgreen .headding hr { background: #a0d263; }
.main.theme-lightgreen .schedule-week thead th { background: #c4e39e; border-color: #94cc4f; }
.main.theme-lightgreen .schedule-week thead th.today { background: #94cc4f; }

.main.theme-green .headding { background: #8dcd96; }
.main.theme-green .headding hr { background: #58b665; }
.main.theme-green .schedule-week thead th { background: #8dcd96; border-color: #58b665; }
.main.theme-green .schedule-week thead th.today { background: #58b665; }

.main.theme-lightblue .headding { background: #82d0d9; }
.main.theme-lightblue .headding hr { background: #47bac7; }
.main.theme-lightblue .schedule-week thead th { background: #82d0d9; border-color: #47bac7; }
.main.theme-lightblue .schedule-week thead th.today { background: #47bac7; }

.main.theme-blue .headding { background: #82c3f1; }
.main.theme-blue .headding hr { background: #3da2e9; }
.main.theme-blue .schedule-week thead th { background: #82c3f1; border-color: #3da2e9; }
.main.theme-blue .schedule-week thead th.today { background: #3da2e9; }

.main.theme-darkblue .headding { background: #91b0ed; }
.main.theme-darkblue .headding hr { background: #4f81e2; }
.main.theme-darkblue .schedule-week thead th { background: #91b0ed; border-color: #2058c5; }
.main.theme-darkblue .schedule-week thead th.today { background: #6591e6; }

.main.theme-violet .headding { background: #bfadf2; }
.main.theme-violet .headding hr { background: #8b6be8; }
.main.theme-violet .schedule-week thead th { background: #bfadf2; border-color: #8b6be8; }
.main.theme-violet .schedule-week thead th.today { background: #9d81eb; }

.main.theme-lightviolet .headding { background: #eeb4f8; }
.main.theme-lightviolet .headding hr { background: #de6ef1; }
.main.theme-lightviolet .schedule-week thead th { background: #eeb4f8; border-color: #de6ef1; }
.main.theme-lightviolet .schedule-week thead th.today { background: #e385f4; }


/* schedule view */
.schedule-view { margin: -35px; text-align: left; }
.schedule-view header { position: relative; background: #3a3a3a; }
.schedule-view header h1 { margin: 0; padding: 10px 50px 10px 15px; color: #fff; font-size: 16px; font-weight: normal; }
.schedule-view header h1 small { color: #aaa; }
.schedule-view header .btn-close {
	position: absolute; right: 5px; top: 50%; margin: -16px 0 0; padding: 10px; display: inline-block;
	vertical-align: top; border: none; background: none; font-size: 0; }
.schedule-view .body { padding: 30px 40px; overflow-y: auto; height: 300px; height: 30vh; }
.schedule-view .body .wrap { position: relative; }
.schedule-view .body .wrap:before { content: ''; position: absolute; left: 120px; top: 0; bottom: 0; width: 1px; background: #4f4f4f; }
.schedule-view .body dl { position: relative; margin: 0; height: 100%; }
.schedule-view .body dl:after { content: ''; display: table; clear: both; }
.schedule-view .body dl dt { float: left; padding: 15px 0; width: 120px; color: #313131; font-weight: bold; }
.schedule-view .body dl dd { margin: 0 0 0 130px; padding: 15px 10px 15px 30px; color: #505050; }
.schedule-view .body dl dd p { margin: 5px 0 0; }
.schedule-view .body dl dd *:first-child { margin-top: 0; }
.schedule-view footer { padding: 15px 10px; border-top: 1px solid #4f4f4f; background: #f5f5f5; }
.schedule-view footer nav { text-align: center; }


/* register schedule */
.register-schedule { margin-top: 15px; margin-bottom: 30px; }
.register-schedule .title {
	position: relative; z-index: 2; margin: 0; padding: 15px 0;
	font-size: 26px; color: #3a3a3a; font-weight: bold;
	border-bottom: 1px solid #acacac; }
.register-schedule fieldset { margin-top: -1px; }


/* theme selector */
.theme-selector .uix-form-check { margin-top: 8px; }
.theme-selector .uix-form-check:first-child { margin-top: 0; }
.theme-selector .uix-form-check > p + p { margin-left: 20px; }
.theme-selector .uix-form-check .color-check input { margin-top: 10px; }
.theme-selector .uix-form-check .color-check span {
	display: inline-block; width: 30px; height: 30px;
	background: #eee; text-indent: -9999px; vertical-align: middle; }
.theme-selector .uix-form-check .color-check.theme-yellow span { background: #ffe664; }
.theme-selector .uix-form-check .color-check.theme-orange span { background: #ffc784; }
.theme-selector .uix-form-check .color-check.theme-red span { background: #fcb099; }
.theme-selector .uix-form-check .color-check.theme-lightgreen span { background: #c4e39e; }
.theme-selector .uix-form-check .color-check.theme-green span { background: #8dcd96; }
.theme-selector .uix-form-check .color-check.theme-lightblue span { background: #82d0d9; }
.theme-selector .uix-form-check .color-check.theme-blue span { background: #82c3f1; }
.theme-selector .uix-form-check .color-check.theme-darkblue span { background: #91b0ed; }
.theme-selector .uix-form-check .color-check.theme-violet span { background: #bfadf2; }
.theme-selector .uix-form-check .color-check.theme-lightviolet span { background: #eeb4f8; }


/* sub page */
.sub { padding: 26px 0 0 0; background: #f0f0f0; }
.sub > .contents-wrap { padding: 0 10px; }
.sub > .contents-wrap > .wrap { background: #fff; position: relative; }


/* sub page - side area */
.sub .side-area { position: absolute; left: 0; top: 0; width: 195px; }
.sub .side-area h1 {
	margin: 0; padding: 30px 0;
	background: #3a3a3a; text-align: center;
	font-size: 22px; color: #fff; font-weight: normal;}
.sub .side-area nav a {
	display: block; padding: 10px 15px;
	border-bottom: 1px solid #e6e6e6; text-decoration: none;
	font-size: 14px; color: #424242; }
.sub .side-area nav a:first-child { border-top: 1px solid #e6e6e6; }
.sub .side-area nav a.active { background: #f7f7f7; }


/* sub page - page */
.sub .uix-page { margin-left: 195px; border-left: 1px solid #dadada; }


/* board view */
.board-view header h1 { margin: 0 0 5px; padding: 10px 20px; background: #4b4b4b; font-size: 14px; color: #fff; }
.board-view header .meta { padding: 8px 20px; font-size: 0; background: #f9f9f9; border-bottom: 1px solid #e7e7e7; }
.board-view header .meta p { display: inline-block; margin: 0 8px; font-size: 12px; color: #666; vertical-align: middle; }
.board-view header .meta p span { font-weight: bold; color: #272727; padding-right: 10px; }
.board-view header .meta p em { font-style: normal; }
.board-view header .meta p:first-child { margin-left: 0; }
.board-view .bd { margin: 20px 0 30px; padding: 0 20px 30px; border-bottom: 1px solid #e7e7e7; }
.board-view .bd img { max-width: 100%; }
.board-view .bd figure { margin: 15px 0; }
.board-view .bd figure img { display: block; margin: 0 auto; }


/* commnet form */
.comment-form {
	border-top: 1px solid #e7e7e7;
	padding: 20px 0;
}
.comment-form dl {margin: 0; display: table; width: 100%;}
.comment-form dl > * {display: table-cell; vertical-align: middle;}
.comment-form dd {width: 115px; padding-left: 15px;}
.comment-form dd button {height: 82px; padding: 0;}


/* commnet list */
.comment-list {
	margin: 0; padding: 0; list-style: none;
	border-top: 1px solid #e7e7e7;
}
.comment-list li {
	padding: 15px 0;
	border-bottom: 1px solid #e7e7e7;
}
.comment-list li .body .hd .meta {margin: 4px 0 0 0;}
.comment-list li .body .hd .meta  strong {text-decoration: underline;}
.comment-list li .body .hd .meta  em {font-style: normal; padding-left: 5px;}
.comment-list li .body .bd {margin: 8px 0 0;}
.comment-list li form {margin: 10px 0 0 0;}
.comment-list li form dl {display: table; width: 100%; margin: 0;}
.comment-list li form dl > * {display: table-cell; vertical-align: middle;}
.comment-list li form dd {width: 115px; padding-left: 15px;}
.comment-list li form dd button {margin: 6px 0;}


/* board form */
.board-form fieldset { margin: -20px 0 0; padding: 0; border: none; }
.board-form fieldset dl { display: table; width: 100%; margin: 0; border: 0 solid #ddd; border-bottom-width: 1px; }
.board-form fieldset dl > dt,
.board-form fieldset dl > dd { margin: 0; padding: 8px 10px; display: table-cell; vertical-align: middle; }
.board-form fieldset dl > dt { width: 120px; padding-left: 10px; }
.board-form fieldset dl.first { border-top-width: 0; }
.board-form fieldset .description { margin: 0 0 8px; font-size: 13px; }


/* Terms */
.terms-text { margin: 30px 0; font-size: 13px; word-break: break-all; white-space: pre-line; }


/* Login */
.login { margin: 60px auto 80px; padding: 30px 40px 40px; max-width: 620px; border: 1px solid #d8d8d8; }
.login fieldset { position: relative; margin: 0 auto 30px; padding: 0 115px 0 0; border: none; max-width: 460px; }
.login .head {
	margin: 0 0 30px; padding: 0 0 10px;
	font-family: "Helvetica Neue", Verdana, sans-serif;
	font-size: 26px; color: #545454; font-weight: bold; letter-spacing: -1px;
	border-bottom: 1px solid #000; }
.login dl { display: table; width: 100%; margin: 0; }
.login dl > dt,
.login dl > dd { padding: 0; float: none; vertical-align: middle; display: table-cell; }
.login dl > dt { width: 90px; }
.login .btn-login { position: absolute; right: 0; top: 50%; width: 100px; height: 66px; margin-top: -33px; }
.login .btn-login button { padding: 0; height: 100%; text-align: center; }
.login .btn-login button i { display: block; margin: 0 auto; }
.login .btn-login button span { display: block; margin: 3px 0 0 0; font-size: 12px; }
.login .btn-etc { text-align: center; }


/* Join - confirm */
.join-confirm fieldset { border: none; margin: 0 0 30px; padding: 0; }
.join-confirm fieldset legend { display: block; margin: 0 0 8px; font-size: 14px; font-weight: bold; }
.join-confirm fieldset textarea { width: 100%; margin: 0; padding: 10px; background: #eee; border: none; outline: 0; }
.join-confirm fieldset .check { margin: 0; }
.join-confirm .check-all { margin: 0 0 50px; }


/* Join - form */
.join-form fieldset { margin: 30px 0; border: none; padding: 0; }
.join-form fieldset legend { padding: 0 0 10px 0; font-size: 16px; font-weight: bold; }


/* Join - result */
.join-result figure { margin-bottom: 10px; }
.join-result .body p { margin: 5px 0; font-size: 14px; color: #7d7d7d; }
.join-result .body .uix-text-lead { font-size: 24px; font-weight: bold; color: #555; }


/* Member box style */
.member-box figure img { display: block; margin: 0 auto; }
.member-box .message { font-size: 14px; }
.member-box .uix-btn-group { margin-top: 30px; padding-top: 30px; border-top: 1px solid #8c8c8c; }


/* University index */
.univ-index .search .uix-grid > div > div { position: relative; }
.univ-index .search .keyword { padding-right: 40px; }
.univ-index .search .btn-search { position: absolute; right: 0; top: 0; bottom: 0; width: 34px; border: none; background: #22364f; }

.univ-index .word-selector { margin: 5px 0 0; display: table; width: 100%; border-bottom: 1px solid #acacac; }
.univ-index .word-selector > a {
	display: table-cell; vertical-align: middle; padding: 10px 0 15px;
	text-align: center; font-size: 14px; text-decoration: underline; }

.univ-index .index { margin-top: 15px; margin-bottom: 0; padding: 0; list-style: none; }
.univ-index .index li { text-align: center; padding-bottom: 50px; }
.univ-index .index figure { margin: 0; padding: 15px; height: 140px; overflow: hidden; border: 1px solid #c5c5c5; }
.univ-index .index figure img{ border:none;width:137.75px;height:108px; }
.univ-index .index figure span {
	display: block; width: 100%; height: 100%;
	background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }
.univ-index .index a { display: block; text-decoration: none; }
.univ-index .index p { margin: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.univ-index .index .title { margin: 10px 0 0; font-size: 14px; color: #424242; }
.univ-index .index .metas { margin: 3px 0 0; font-size: 0; }
.univ-index .index .metas span { padding: 0 0 0 3px; font-size: 10px; color: #868686; letter-spacing: -1px; }
.univ-index .index .metas span:before { content: '|'; padding: 0 3px 0 0; }
.univ-index .index .metas span:first-child { padding-left: 0; }
.univ-index .index .metas span:first-child:before { display: none; }
.univ-index .index nav { margin: 12px 0 0 0; }
.univ-index .index nav .uix-button { font-size: 11px; height: auto; }


/* University view */
.univ-view .spot { margin: 0; }
.univ-view .spot img { display: block; margin: 0 auto; max-width: 100%; border: 1px solid #c5c5c5; }
.univ-view .infomation { margin-top: 30px; margin-bottom: 30px; }
.univ-view .infomation .image figure { margin: 0; height: 140px; padding: 20px; border: 1px solid #c5c5c5; }
.univ-view .infomation .image figure img{ border:none;width:127.75px;height:98px; }
.univ-view .infomation .image span {
	display: block; height: 100%; text-indent: -9999px;
	background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }
.univ-view .infomation .body { position: relative; padding-left: 20px; }
.univ-view .infomation .body h1 { margin: 0; font-size: 18px; color: #424242; font-weight: normal; }
.univ-view .infomation .body .metas { margin: 10px 0 0; font-size: 0; }
.univ-view .infomation .body .metas span { font-size: 12px; color: #868686; }
.univ-view .infomation .body .metas span:before { content: '|'; padding-left: 5px; padding-right: 5px; }
.univ-view .infomation .body .metas span:first-child:before { display: none; }
.univ-view .infomation .body dl { margin: 15px 0 0; font-size: 12px; color: #868686; }
.univ-view .infomation .body dl > * { padding: 2px 0; }
.univ-view .infomation .body dl dt { position: relative; float: left; width: 65px; padding-left: 10px; }
.univ-view .infomation .body dl dt:before {
	content: ''; position: absolute; left: 3px; top: 50%;
	display: block; width: 2px; height: 2px; background: #000; }
.univ-view .infomation .body dl dd { margin: 0 0 0 75px; }
.univ-view .infomation .body dl dd:before { content: '|'; padding-right: 15px; }
.univ-view .infomation .body .btn-favorite {
	position: absolute; right: 7px; top: 0; display: block; padding: 7px 10px;
	background: #46535f; font-size: 0; }
.univ-view .infomation .body .btn-favorite > * { display: inline-block; vertical-align: middle; }
.univ-view .infomation .body .btn-favorite span { margin-top: -1px; margin-left: 5px; color: #fff; font-size: 12px; }
.univ-view .uix-tabs .tab { margin-top: -1px; }
.univ-view .uix-tabs .tab:first-child { margin-top: 0; }
.univ-view .uix-tabs .uix-table { margin-top: 8px; }
.univ-view .uix-tabs .uix-table td { padding-top: 3px; padding-bottom: 3px; border-bottom: none; }
.univ-view .uix-tabs .uix-table td.uix-text-right { padding-right: 0; }


/* Memo index */
.memo-index .index { margin: 0 -10px; padding: 0; list-style: none; }
.memo-index .index:after { content: ''; display: table; clear: both; }
.memo-index .index li { float: left; width: 25%; padding: 10px; }
.memo-index .index a { display: block; padding: 12px; height: 200px; border: 1px solid #c5c5c5; text-decoration: none; }
.memo-index .index .wrap { height: 100%; overflow: hidden; text-overflow: ellipsis; }
.memo-index .index .date { margin: 0 0 8px; font-size: 15px; color: #424242; font-family: Arial, sans-serif; }
.memo-index .index figure {margin: 0;}
.memo-index .index figure img {display: block; max-width: 100%;}
.memo-index .index .body {
	display: -webkit-box;
	margin: 3px 0 0;
	font-size: 12px; color: #868686; line-height: 20px;
	text-overflow: ellipsis; overflow: hidden; height: 40px;
	-webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.memo-index .index .body img { max-width: 100%; }


/* Memo view */
.memo-view .head { display: table; width: 100%; background: #f9f9f9; border-width: 1px 0; border-style: solid; border-color: #e7e7e7; }
.memo-view .head > * { display: table-cell; vertical-align: middle; padding: 8px 15px; }
.memo-view .body { padding: 20px 15px; border-bottom: 1px solid #e7e7e7; word-break: break-all; }
.memo-view .body img { max-width: 100%; }


/* schedule index */
.schedule-index .control-schedule {margin-bottom: 5px;}
.schedule-index .categories .uix-button {margin-bottom: 3px;}
.schedule-index .uix-table tbody th,
.schedule-index .uix-table tbody td { padding: 15px 0; text-align: center; vertical-align: middle; }
.schedule-index .uix-table tbody td { color: #6a6a6a; }
.schedule-index .uix-table p { margin: 0 auto; width: 100px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.schedule-index .uix-table p.block { white-space: normal; width: auto; }

.schedule-index .uix-table .color-yellow { background: #ffe664; }
.schedule-index .uix-table .color-orange { background: #ffc784; }
.schedule-index .uix-table .color-red { background: #fcb099; }
.schedule-index .uix-table .color-lightgreen { background: #c4e39e; }
.schedule-index .uix-table .color-green { background: #8dcd96; }
.schedule-index .uix-table .color-lightblue { background: #82d0d9; }
.schedule-index .uix-table .color-blue { background: #82c3f1; }
.schedule-index .uix-table .color-darkblue { background: #91b0ed; }
.schedule-index .uix-table .color-violet { background: #bfadf2; }
.schedule-index .uix-table .color-lightviolet { background: #eeb4f8; }


/*
.schedule-index .uix-table .color-orange { background: #ffe9ce; }
.schedule-index .uix-table .color-green { background: #d1ebd5; }
.schedule-index .uix-table .color-green  { background: #cdecf0; }
.schedule-index .uix-table .color-violet { background: #e5defa; }
.schedule-index .uix-table .color-blue { background: #cde7f9; }
.schedule-index .uix-table .color-red { background: #fedfd6; }
*/

.schedule-index .uix-table .color-gray { background: #f4f4f4; }
.schedule-index .uix-table .add { display: inline-block; padding: 10px; vertical-align: top; font-size: 0; }
.schedule-index .uix-table .add i { vertical-align: top; }


/* 2016-10-11 */
.ipsiplan { width:735px; height:1851px; background:url('/image/web/ipsiplan.png') no-repeat left top; }
.ipsiplan .hidden { display:none; }

/* 2016-10-11 */

.main .schedule-week .color-yellow { background: #ffe664; }
.main .schedule-week .color-orange { background: #ffc784; }
.main .schedule-week .color-red { background: #fcb099; color: #a50f0f; }
.main .schedule-week .color-lightgreen { background: #c4e39e; }
.main .schedule-week .color-green { background: #8dcd96; }
.main .schedule-week .color-lightblue { background: #82d0d9; }
.main .schedule-week .color-blue { background: #82c3f1; }
.main .schedule-week .color-darkblue { background: #91b0ed; }
.main .schedule-week .color-violet { background: #bfadf2; }
.main .schedule-week .color-lightviolet { background: #eeb4f8; }

.schedule-month .uix-color-lightorange { position:relative; background: #fdead2; padding:2px 2px 3px; }
.schedule-month .uix-color-lightviolet { position:relative; background: #ebe6f8; padding:2px 2px 3px; }
.schedule-month .uix-color-lightblue { position:relative; background: #e8fbfd; padding:2px 2px 3px; }
.schedule-month .uix-color-lightgreen { position:relative; background: #eef9e0; padding:2px 2px 3px; }

.schedule-month .uix-color-red { position:relative; color:red; padding:2px 2px 3px; }
.schedule-month .uix-color-orange { position:relative; color:orange; padding:2px 2px 3px; }
.schedule-month .uix-color-blue { position:relative; color:blue; padding:2px 2px 3px; }
.schedule-month .uix-color-green { position:relative; color:green; padding:2px 2px 3px; }
.schedule-month .count.small { position:absolute; right:3px; bottom:1px; width:22px; height:22px; line-height:22px; background:#eee; }


/* 216-10-21 */
.main .schedule-month .day { text-align: left; overflow:hidden; }
.main .schedule-month .day span { float:right; }
.main .schedule-month .day span.lunar { color:#888; }
.main .schedule-month .day span.special { color:red; }
.main .schedule-month .bd div span { display:inline-block; width:120px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:13px; font-size:12px; }