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

/**
 * 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, img, 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, caption, 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%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
img {
	vertical-align: bottom;
	max-width:100%;
	height:auto;
}
a:link, a:visited, a:active, a:hover {
	overflow: hidden;
	outline: none;
	text-decoration:none;
}
a:hover {
	text-decoration:none;
}

/**
 * micro clearfix 
 */
/* For modern browsers */
.cf:before, .cf:after {
	content: "";
	display: table;
}
.cf:after { clear: both; }
/* For IE 6/7 (trigger hasLayout) */
.cf { zoom: 1; }

.clear {
	clear: both;
}


/* */
html, body, #container, .content {
	width:100%;
	height:100%;
}
#contents {
	min-width:1366px;
}
body {
	overflow:scroll;
	font-family:HelveticaNeue, Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-webkit-text-size-adjust:100%;
	background-color:#333;
	font-size:13px;
	line-height:1.5;
}
#contents {
	 position:relative;
}
@media only screen and (min-width:1366) {}


/**
 * header 
 */
header {
	position:fixed;
	width:100%;
	height:40px;
	/*border-bottom:solid 2px #1514A0;*/
	background: -moz-linear-gradient(top,  #1e1e1e 0%, #000000 100%);
	background: -webkit-linear-gradient(top,  #1e1e1e 0%,#000000 100%);
	background: linear-gradient(to bottom,  #1e1e1e 0%,#000000 100%);
	line-height:1;
	color:#ccc;
	z-index:1000;
}
header::after {
	position:absolute;
	content:'';
	display:block;
	width:100%;
	height:2px;
	top:40px;
	
	background: -moz-linear-gradient(left,  #6564a0 0%, #1514a0 50%, #6564a0 100%);
	background: -webkit-linear-gradient(left,  #6564a0 0%,#1514a0 50%,#6564a0 100%);
	background: linear-gradient(to right,  #6564a0 0%,#1514a0 50%,#6564a0 100%);
}

header #logo {
	padding:12px 30px 0 30px;
	font-size:18px;
	float:left;
}
header img {
	vertical-align:baseline;
}

#head_ui {
	float:right;
	padding:13px 0;
	width:70%;
}
#head_ui > * {
	float:right;
	margin-left:10px;
}
#head_ui time  {
	color:#95FF62;
	border-radius:5px;
	border:solid 1px #444;
	background:#000;
	padding:5px 8px;
	margin-top:-7px;
}
#btn_setting {
	margin-top:-13px;
	border:solid 1px #666;
	background: -moz-linear-gradient(top, #6464A0 0%, #4A4A79 100%);
	background: -webkit-linear-gradient(top, #6464A0 0%,#4A4A79 100%);
	background: linear-gradient(to bottom, #6464A0 0%,#4A4A79 100%);
}
#btn_setting.on {
	background:#fff;
}
#btn_setting span {
	display:inline-block;
	width:40px;
	height:37px;
	background:url(../img/icon_setting.png) no-repeat center center;
}
#btn_setting.on span {
	background:url(../img/icon_setting_on.png) no-repeat center center;
}
#setting {
	display:none;
	position:absolute;
	right:0;
	top:40px;
	width:240px;
	border:solid 1px #6464A0;
	border-bottom:none;
	z-index:1000;
}
#setting li {
	padding:10px 5px;
	text-align:center;
	background-color:#fff;
	border-bottom:solid 1px #6464A0;
	color:#000;
	cursor:pointer;
}

.login #head_ui {
	padding-right:10px;
}

/**
 * ui 
 */
input[type="text"], select, textarea {
	border:solid 1px #ccc;
}

.tab li:hover {
	opacity:0.6;
}
.tab li.act:hover {
	opacity:1;
}

.btn {
	box-sizing:border-box;
	display:inline-block;
	padding:6px 0;
	border-radius:3px;
	box-shadow:2px 2px 0 rgba(0,0,0,0.1);
	background: -moz-linear-gradient(top, #555555 0%, #343434 100%);
	background: -webkit-linear-gradient(top, #555555 0%,#343434 100%);
	background: linear-gradient(to bottom, #555555 0%,#343434 100%);
	text-align:center;
	color:#fff;
}
.btn:hover {
	opacity:0.6;
}
.disable .btn {
	background: -moz-linear-gradient(top, #ccc 0%, #9a9a9a 100%) !important;
	background: -webkit-linear-gradient(top, #ccc 0%, #9a9a9a 100%) !important;
	background: linear-gradient(to bottom, #ccc 0%, #9a9a9a 100%) !important;
	color:#888888 !important;
}
.btn_em {
	background: -moz-linear-gradient(top, #AC5E61 0%, #814649 100%);
	background: -webkit-linear-gradient(top, #AC5E61 0%,#814649 100%);
	background: linear-gradient(to bottom, #AC5E61 0%,#814649 100%);
}
.btn span {
	display:inline-block;
	padding-left:20px;
	min-height:15px;
}
.btn_login span {
	background:url(../img/icon_login.png) no-repeat left center;
}
.btn_condition span {
	background:url(../img/icon_condition.png) no-repeat left center;
}
.btn_search span {
	background:url(../img/icon_search.png) no-repeat left center;
}
.btn_renew span {
	background:url(../img/icon_renew.png) no-repeat left center;
}
.disable .btn_renew span {
	background:url(../img/icon_renew_off.png) no-repeat left center;
}
.btn_quote span {
	background:url(../img/icon_quote.png) no-repeat left center;
}
.disable .btn_quote span {
	background:url(../img/icon_quote_off.png) no-repeat left center;
}
.btn_delete span {
	background:url(../img/icon_delete.png) no-repeat left center;
}
.disable .btn_delete span {
	background:url(../img/icon_delete_off.png) no-repeat left center;
}
.btn_cancel span {
	background:url(../img/icon_cancel.png) no-repeat left center;
}
.btn_new span {
	background:url(../img/icon_new.png) no-repeat left center;
}
.btn_member span {
	background:url(../img/icon_member.png) no-repeat left center;
}
.btn_project_register span {
	background:url(../img/icon_project_register.png) no-repeat left center;
}
.btn_material_register span {
	background:url(../img/icon_material_register.png) no-repeat left center;
}
.btn_datepicker span {
	background:url(../img/icon_datepicker.png) no-repeat center center;
}

.ui-datepicker {
	z-index:10000 !important;
}


/**
 * #contents 
 */
#contents {
	background:url(../img/bg_lt.png) no-repeat left 42px;
	padding:50px 30px 0 30px;
	overflow:hidden;
}
.login #contents {
	box-sizing:border-box;
	height:100%;
}

/**
 * #login
 */
#login {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	width:620px;
	height:300px;
	margin:auto;
	background:#242424 url(../img/bg_rb.png) no-repeat right bottom;
	color:#ccc;
}
#login::after {
	position:absolute;
	content:'';
	display:block;
	width:100%;
	height:2px;
	bottom:0;
	
	background: -moz-linear-gradient(left,  #1514a0 0%, #6564a0 100%);
	background: -webkit-linear-gradient(left,  #1514a0 0%,#6564a0 100%);
	background: linear-gradient(to right,  #1514a0 0%,#6564a0 100%);
}
#login h1 {
	text-align:center;
	font-size:18px;
	padding-top:50px;
}
#login h1 img {
	vertical-align:baseline;
}
#login dl {
	width:265px;
	margin:auto;
	margin-top:30px;
}
#login dl dt, #login dl dd {
	float:left;
	margin-bottom:20px;
}
#login dl dt {
	width:85px;
}
#login dl dd {
	width:180px;
}
#login dl dd input {
	box-sizing:border-box;
	width:100%;
}
#login .btns {
	margin-top:5px;
	text-align:center;
}
#login .btn {
	width:265px;
}
#login .btn {
	width:265px;
}

#login .note {
	box-sizing:border-box;
	position:absolute;
	width:100%;
	bottom:10px;
	padding-right:10px;
	text-align:right;
}
#login .note a {
	color:#ffe404;
}




/* #breadcrumb */
#breadcrumb li {
	float:left;
	color:#ccc;
}
.txt_blue { color:#A0A0F9 !important; }
.txt_red, .required { color:#FF0000 !important; }


/* #content_tab */
#content_tab {
	margin-top:30px;
}
#content_tab li {
	width:20%;
	float:left;
	margin-right:2px;
	background: -moz-linear-gradient(top, #6464A0 0%, #4A4A79 100%);
	background: -webkit-linear-gradient(top, #6464A0 0%,#4A4A79 100%);
	background: linear-gradient(to bottom, #6464A0 0%,#4A4A79 100%);
	text-align:center;
	color:#fff;
	padding:5px 0;
	cursor:pointer;
}
#content_tab li:nth-child(1) {
	box-shadow:-5px -5px 5px rgba(0,0,0,0.12) inset;
}
#content_tab li:nth-child(2) {
	box-shadow:5px -5px 5px rgba(0,0,0,0.12) inset;
}
#content_tab li.act {
	background:#fff;
	box-shadow:none;
	color:#000;
	cursor:default;
}

/**
 * #content
 */
.content {
	position:relative;
	overflow:hidden;
	background:#fff;
}
#content0 {
}
#content1 {
	display:none;
}

/* #search */
#search {
	padding:10px 25px;
}
#search .inner {
	position:relative;
	background:#ccc;
	padding:0.3% 0.3% 0.3% 80px;
}
#search .inner::before {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:80px;
	content:'検索';
	background:url(../img/icon_search_h.png) no-repeat center 20px;
	text-align:center;
	padding-top:45px;
	font-size:20px;
}
#search li {
	box-sizing:border-box;
	float:left;
	border:solid 1px #999;
	margin:0.3%;
	font-size:11px;
}
#search li table {
	width:100%;
}
#search li th, #search li td {
	padding:5px;
}
#search li th {
	padding-top:0.8em;
	background-color:#888;
	color:#fff;
}
#search li td  {
	background-color:#fff;
}
#search li td  input.w100p {
	width:100%;
	box-sizing:border-box;
}
#search .w20 {
	width:19.4%;
}

#search .w25 {
	width:24.4%;
}
#search li.w25 th {
	width:35%;
}
#search li.w25 td {
	width:65%;
}

#search .w30 {
	width:29.4%;
}
#search li.w30 th {
	width:29.1%;
}
#search li.w30 td {
	width:70.9%;
}

#search .w50 {
	width:49.4%;
}
#search li.w50 th {
	width:17.3%;
}
#search li.w50 td {
	width:82.7%;
}


#search li.btns {
	border:none;
}

#search .btn {
	width:46%;
	margin:0 2%;
}
#search .btn_datepicker {
	width:30px;
	margin:-3px 8px 0 4px;
	padding:4px 0 1px 0;
}

/**
 * #content0_inner
 */
#content0_inner {
	position:relative;
	background:#fff;
}
#content0_inner h1 {
	padding:0px 25px 5px 25px;
	background-color:#fff;
	border-bottom:solid 2px #47479f;
	font-size:21px;
}

/**
 * #project
 */
#project {
	box-sizing:border-box;
	position:absolute;
	width:100%;
	height:100%;
	right:0;
	padding:10px 25px 0 25px;
	background:#eee;
	z-index:100;
	box-shadow:-5px 0 5px rgba(0,0,0,0.12);
}
#project.wide {
	width:100%;
	transition:width 0.2s ease-out;
}
#project.narrow {
	transition:width 0.4s ease-out;
	width:30%;
}
#project_back {
	display:none;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	height:43px;
	margin:auto;
}
#project.narrow #project_back {
	display:block;
}
#project_pageing {
	text-align:center;
	padding-bottom:5px;
}
#project.narrow #project_pageing {
	text-align:left;
}
#project_pageing li {
	display:inline-block;
	margin:0 3px;
}
#project_pageing li a {
	color:#6464A0;
}

#project .btn_new {
	position:absolute;
	right:25px;
	top:10px;
	padding:6px 10px;
}

#project .inner {
	overflow:hidden;
}

#project .scrollpane {
	height:100%;
	overflow:scroll;
}
#project table {
	width:100%;
	min-width:1000px;
}
#project tr:hover {
	opacity:0.6;
}
#project th, #project td {
	padding:5px 10px;
	background:#6464A0;
	color:#fff;
	text-align:left;
}
#project th p, #project td p {
	max-height:3em;
	overflow:hidden;
}
#project th.w110, #project td.w110 {
	width:110px;
}
#project th:nth-child(even) {
	background:#5e5f96;
}
#project td {
	background:#fff;
	border-bottom:solid 1px #999;
	color:#000;
} 
#project td:nth-child(even) {
	background:#f0f0f0;
} 
#project tr:nth-child(even) td {
	background:#eee;
} 
#project tr:nth-child(even) td:nth-child(even) {
	background:#e0e0e0;
}
#project .act td {
	background:#888 !important;
	color:#fff;
} 
#project .act td:nth-child(even) {
	background:#808080 !important;
}
td time {
	display:block;
	text-align:right;
}
td time strong {
	display:block;
	font-weight:bold;
}


/**
 * #detail
 */
#detail {
	position:absolute;
	width:100%;
	height:100%;
	background:#fff;
}
#detail .inner {
	box-sizing:border-box;
	width:70%;
	height:100%;
	padding:10px 25px 0 25px;
}

#summary table {
	width:100%;
    border-collapse: separate;
    border-spacing:0 5px;
}
#summary th, #summary td {
	text-align:left;
	margin-top:4px;
	padding:5px 8px;
}
#summary th {
	background:#ccc;
	border-left:solid 2px #fff;
}
#summary td {
	border-bottom:solid 1px #ccc;
}
#summary .btns {
	margin-top:5px;
}
#summary .btn {
	width:145px;
	margin-right:10px;
}

#detail_inner {
	margin-top:20px;
}
/* #detail_tab */
#detail_tab li {
	box-sizing:border-box;
	width:25%;
	float:left;
	border-right:solid 1px #fff;
	background: -moz-linear-gradient(top, #6464A0 0%, #4A4A79 100%);
	background: -webkit-linear-gradient(top, #6464A0 0%,#4A4A79 100%);
	background: linear-gradient(to bottom, #6464A0 0%,#4A4A79 100%);
	box-shadow:5px -5px 5px rgba(0,0,0,0.12) inset;
	text-align:center;
	color:#fff;
	padding:5px 0;
	cursor:pointer;
}
#detail_tab li.act {
	background:#ccc;
	box-shadow:none;
	color:#000;
	cursor:default;
}

#detail_inner .scrollpane {
	box-sizing:border-box;
	overflow:scroll;
}

#detail_inner table {
	width:100%;
	border-left:solid 1px #ddd;
	border-right:solid 1px #ddd;
}
#detail_inner table tr:hover {
	opacity:0.6;
}
#detail_inner th, #detail_inner td {
	padding:5px 10px;
	text-align:left;
}
#detail_inner th {
	background-color:#ccc;
}
#detail_inner tr th:nth-child(even) {
	background-color:#c0c0c0;
}
#detail_inner td {
	border-bottom:solid 1px #ddd;
}
#detail_inner tr td:nth-child(even) {
	background-color:#f0f0f0;
}
#detail_inner .selected td {
	background-color:#fff9cb;
}
#detail_inner tr.selected td:nth-child(even) {
	background-color:#f1eabe;
}
#detail_inner .act th, #detail_inner .act td {
	background-color:#666 !important;
	color:#fff;
}
#detail_inner th p, #detail_inner td p {
	max-height:3em;
	overflow:hidden;
}

#detail_inner .btns {
	padding:8px 0;
}
#detail_inner .btn {
	width:145px;
	margin-right:10px;
}

#detail1, #detail2, #detail3 {
	display:none;
}


/**
 * #material_detail
 */
#material_detail {
	visibility:hidden;
	position:absolute;
	box-sizing:border-box;
	right:30px;
	width:50%;
	background-color:#6464A0;
	box-shadow:0 0 10px rgba(0,0,0,0.4);
	color:#fff;
	z-index:200;
	transform:scale(0.88);
	opacity:0;
	transition:all 0.2s cubic-bezier(0,.6,.4,1.2);
}
#material_detail.act {
	transition:all 0.4s cubic-bezier(0,.6,.4,1.2);
	visibility:visible;
	opacity:1;
	transform:scale(1);
}

#material_detail .btn_close {
	position:absolute;
	right:25px;
	top:14px;
	cursor:pointer;
}
#material_detail .inner {
	padding:0 25px;
}
#material_detail h2 {
	padding:10px 25px;
	font-size:20px;
}

/* #material_file */
#material_file {
}
#material_file .left, #material_file .right {
	box-sizing:border-box;
	width:50%;
}
#material_file .left {
	float:left;
	padding-right:8px;
}
#material_file .right {
	float:right;
	padding-left:8px;
}
#material_video {
	width:100%;
}
#material_tab li {
	box-sizing:border-box;
	width:50%;
	float:left;
	border:solid 1px #a0a0fa;
	background: -moz-linear-gradient(top, #6464A0 0%, #4A4A79 100%);
	background: -webkit-linear-gradient(top, #6464A0 0%,#4A4A79 100%);
	background: linear-gradient(to bottom, #6464A0 0%,#4A4A79 100%);
	box-shadow:5px -5px 5px rgba(0,0,0,0.12) inset;
	text-align:center;
	color:#fff;
	padding:5px 0;
	cursor:pointer;
}
#material_tab li.act {
	background:#fff;
	box-shadow:none;
	border:solid 1px #fff;
	color:#000;
	cursor:default;
}

/* #material_file_inner */
#material_file_inner {
	background:#fff;
	padding:10px;
}
#material_file_inner table {
	width:100%;
    border-collapse: separate;
    border-spacing:0 5px;
}
#material_file_inner th, #material_file_inner td {
	padding:5px 10px;
	text-align:left;
	border-bottom:solid 1px #ccc;
	color:#000;
	vertical-align:top;
}
#material_file_inner th {
	background-color:#ccc;
}

#material_file_inner .box {
	position:relative;
	padding-left:55px;
}
#material_file_inner .box .btn {
	width:40px;
	float:right;
	padding:3px 5px;
	margin:-3px 0 0 0;
}
#material_file_inner .box .btn_renew {
	position:absolute;
	left:0;
	top:30px;
	width:45px;
	margin:0;
}
#material_file0 .btn_renew span {
	padding:0 0 22px 0;
	background:url(../img/icon_renew_0.png) no-repeat center 22px;
}
#material_file1 {
	display:none;
	color:#000;
}


/* #material_meta */
#material_meta {
	position:relative;
	padding-left:85px;
	margin-top:15px;
}
#meta_tab {
	position:absolute;
	left:0;
	top:0;
}
#meta_tab li {
	box-sizing:border-box;
	width:85px;
	height:75px;
	background-color:#8384b4;
	border-right:solid 5px #6464A0;
	margin-bottom:5px;
	padding-top:18px;
	text-align:center;
	cursor:pointer;
}
#meta_tab li.act {
	background-color:#505181;
	border-right:solid 5px #505181;
}
#meta_tab li strong {
	display:block;
	font-size:24px;
	line-height:1;
}

#material_meta .scrollpane {
	overflow:scroll;
	background-color:#505181;
}
#material_meta table {
	width:100%;
    border-collapse: separate;
    border-spacing:5px;
}
#material_meta th, #material_meta td {
	padding:5px 10px;
	text-align:left;
	border-bottom:solid 1px #ccc;
	vertical-align:top;
}
#material_meta th {
	background-color:#fff;
	white-space:nowrap;
	color:#000;
}
#material_meta td {
	position:relative;
	left:-5px;
}

#meta1 {
	display:none;
}
#meta1 input, #meta1 textarea {
	box-sizing:border-box;
	width:100%;
}


/* #material_detail .btns */
#material_detail .btns {
	box-sizing:border-box;
	position:absolute;
	width:100%;
	left:0;
	bottom:0;
	background-color:#9999cd;
	padding:15px;
	text-align:right;
}
#material_detail .btn {
	width:145px;
	margin-left:10px;
}



/**
 * #modal
 */
#modal {
	display:none;
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:1000;
	background:rgba(0,0,0,0.5);
}

/**
 * #new_project
 */
#new_project {
	visibility:hidden;
	box-sizing:border-box;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	width:90%;
	height:90%;
	margin:auto;
	padding:15px 25px 0 25px;
	background:#e8e7f5;
	transform:scale(0.9);
	opacity:0;
	transition:all 0.2s cubic-bezier(0,.6,.4,1.2);
}
#new_project.act {
	transition:all 0.4s cubic-bezier(0,.6,.4,1.2);
	visibility:visible;
	opacity:1;
	transform:scale(1);
}
#new_project .btn_close {
	position:absolute;
	right:25px;
	top:15px;
	cursor:pointer;
}
#new_project h2 {
	font-size:20px;
	margin-bottom:5px
}
#new_project h3 input {
	box-sizing:border-box;
	font-size:24px;
	width:100%;
}
#new_project h4 {
	margin:10px 0 5px 0;
	font-size:15px;
}

#new_project table {
	width:100%;
}
#new_project th, #new_project td {
	border-bottom:solid 1px #ccc;
	text-align:left;
	padding:8px 5px;
}
#new_project td  input.w100p {
	width:100%;
	box-sizing:border-box;
}
#new_project .btn_datepicker {
	width:30px;
	margin:-3px 8px 0 4px;
	padding:4px 0 1px 0;
}

/* #new_project_inner */
#new_project_inner .scrollpane {
	overflow:scroll;
}
#new_project_inner h3 {
	padding:15px 0 10px 0;
}
#new_project_inner table {
	width:100%;
}
#new_project_inner th, #new_project_inner td {
	padding:5px 10px;
	background:#6464A0;
	color:#fff;
	text-align:left;
}
#new_project_inner th p, #new_project_inner td p {
	max-height:3em;
	overflow:hidden;
}
#new_project_inner th.w110, #new_project_inner td.w110 {
	width:110px;
}
#new_project_inner th:nth-child(even) {
	background:#5e5f96;
}
#new_project_inner td {
	background:#fff;
	border-bottom:solid 1px #999;
	color:#000;
} 
#new_project_inner td:nth-child(even) {
	background:#f0f0f0;
} 
#new_project_inner tr:nth-child(even) td {
	background:#eee;
} 
#new_project_inner tr:nth-child(even) td:nth-child(even) {
	background:#e0e0e0;
}
/* #new_project_inner .btns */
#new_project_inner td {
	position:relative;
	vertical-align:middle;
}
#new_project_inner .btns {
	white-space:nowrap;
}
#new_project_inner .btns p {
	float:left;
	padding-top:5px;
}
#new_project_inner .btns div {
	float:right;
	text-align:right;
}
#new_project_inner .btns .btn {
	width:145px;
	margin-left:10px;
}
/* #new_project_btns */
#new_project_btns {
	box-sizing:border-box;
	position:absolute;
	width:100%;
	left:0;
	bottom:0;
	background-color:#9999cd;
	padding:15px;
	text-align:right;
}
#new_project_btns .btn {
	width:145px;
	margin-left:10px;
}


/**
 * #new_material
 */
#new_material {
	visibility:hidden;
	box-sizing:border-box;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	width:90%;
	height:90%;
	margin:auto;
	padding:15px 25px 0 25px;
	background:#e8e7f5;
	transform:scale(0.9);
	opacity:0;
	transition:all 0.2s cubic-bezier(0,.6,.4,1.2);
}
#new_material.act {
	transition:all 0.4s cubic-bezier(0,.6,.4,1.2);
	visibility:visible;
	opacity:1;
	transform:scale(1);
}
#new_material .btn_close {
	position:absolute;
	right:25px;
	top:15px;
	cursor:pointer;
}
#new_material h2 {
	font-size:20px;
	margin-bottom:5px
}
#new_material h3 input {
	box-sizing:border-box;
	font-size:24px;
	width:100%;
}
#new_material h4 {
	margin:10px 0 5px 0;
	font-size:15px;
}

/* #new_material_file */
#new_material_file table {
	width:100%;
}
#new_material_file th, #new_material_file td {
	border-bottom:solid 1px #ccc;
	text-align:left;
	padding:8px 5px;
}

/* #new_material_meta */
#new_meta {
	position:relative;
	padding-left:85px;
	margin-top:15px;
}
#new_meta_tab {
	position:absolute;
	left:0;
	top:0;
}
#new_meta_tab li {
	box-sizing:border-box;
	width:85px;
	height:75px;
	background-color:#8384b4;
	border-right:solid 5px #e8e7f5;
	margin-bottom:5px;
	padding-top:18px;
	text-align:center;
	cursor:pointer;
	color:#fff;
}
#new_meta_tab li.act {
	background-color:#505181;
	border-right:solid 5px #505181;
}
#new_meta_tab li strong {
	display:block;
	font-size:24px;
	line-height:1;
}

#new_meta .scrollpane {
	overflow:scroll;
	background-color:#505181;
	color:#fff;
}
#new_meta input {
	color:#000;
}
#new_meta table {
	width:100%;
    border-collapse: separate;
    border-spacing:5px;
}
#new_meta th, #new_meta td {
	padding:5px 10px;
	text-align:left;
	border-bottom:solid 1px #ccc;
	vertical-align:top;
}
#new_meta .error th, #new_meta .error td {
	background:#f00;
}
#new_meta .error th .required, #new_meta td .required {
	color:#fff !important;
}
#new_meta th {
	white-space:nowrap;
	color:#fff;
}
#new_meta td {
	position:relative;
	left:-5px;
}

#new_material0 input, #new_material0 textarea {
	box-sizing:border-box;
	width:100%;
}
/* #material_detail .btns */
#new_material .btns {
	box-sizing:border-box;
	position:absolute;
	width:100%;
	left:0;
	bottom:0;
	background-color:#9999cd;
	padding:15px;
	text-align:right;
}
#new_material .btn {
	width:145px;
	margin-left:10px;
}

#new_material1 {
	display:none;
}