@charset "utf-8";

* {
	box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
p {
	padding: 0;
	margin: 0;
}
b,
strong,
h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 600;
}
ul, li {
	padding: 0;
	margin: 0;
	list-style: none;
}
.text-left {
	text-align: left !important;
}
.text-center {
	text-align: center !important;
}
.text-right {
	text-align: right !important;
}
.float-left {
	float: left !important;
}
.float-right {
	float: right !important;
}
.no-margin-left {
	margin-left: 0 !important;
}
.no-margin-top {
	margin-top: 0 !important;
}
.no-margin-bottom {
	margin-top: 0 !important;
}
.no-padding {
	padding: 0;
}
.container:before,
.container:after,
.clearfix:before,
.clearfix:after {
	display: table;
	content: "";
}
.container:after,
.clearfix:after {
	clear: both;
}
.sound-only,
.sound_only {
	display: none;
}
.in-blk {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
.ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.border-box {
	box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

/********************
* button set
********************/
.time-btn {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	position: relative;
	cursor:pointer;
	border:0;
}
.time-btn .bd-right {
	position: absolute;
	top: 0;
	right: 0;
	width: 1px;
	height: 100%;
}

/*button set > medium*/
.time-btn,
.time-btn.medium {
	padding: 0 10px;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	background: url("../img/btn_medium.png") no-repeat;
}
.time-btn .bd-right,
.time-btn.medium .bd-right {
	background: url("../img/btn_medium.png") no-repeat;
	background-position: 100% 0;
}

/*button set > small*/
.time-btn.small {
	padding: 0 10px;
	height: 22px;
	line-height: 22px;
	font-size: 13px;
	background: url("../img/btn_small.png") no-repeat;
}
.time-btn.small .bd-right {
	background: url("../img/btn_small.png") no-repeat;
	background-position: 100% 0;
}

/*button set > large*/
.time-btn.large {
	padding: 0 15px;
	height: 35px;
	line-height: 35px;
	font-size: 15px;
	background: url("../img/btn_large.png") no-repeat;
}
.time-btn.large .bd-right {
	background: url("../img/btn_large.png") no-repeat;
	background-position: 100% 0;
}

/*button set > xlarge*/
.time-btn.xlarge {
	padding: 0 20px;
	height: 46px;
	line-height: 46px;
	font-size: 15px;
	background: url("../img/btn_xlarge.png") no-repeat;
}
.time-btn.xlarge .bd-right {
	background: url("../img/btn_xlarge.png") no-repeat;
	background-position: 100% 0;
}


/*button set > by color*/
.time-btn.gray {
	background-position: 0 -50px;
	color: #fff;
}
.time-btn.gray .bd-right {
	background-position: 100% -50px;
}
.time-btn.black {
	background-position: 0 -100px;
	color: #fff;
}
.time-btn.black .bd-right {
	background-position: 100% -100px;
}
.time-btn.red {
	background-position: 0 -150px;
	color: #fff;
}
.time-btn.red .bd-right {
	background-position: 100% -150px;
}
.time-btn.blue {
	background-position: 0 -200px;
	color: #fff;
}
.time-btn.blue .bd-right {
	background-position: 100% -200px;
}
.time-btn.green {
	background-position: 0 -250px;
	color: #fff;
}
.time-btn.green .bd-right {
	background-position: 100% -250px;
}
.time-btn.orange {
	background-position: 0 -300px;
	color: #fff;
}
.time-btn.orange .bd-right {
	background-position: 100% -300px;
}


/********************
* checkbox set
********************/
.time-chkbox {
	position: relative;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	cursor: pointer;
	color: #000;
	vertical-align: top;
	border: 0;
	background: 0;
}
.time-chkbox .chk {
	position: absolute;
	top: 0;
	left: 0;
}

/*checkbox set > medium*/
.time-chkbox,
.time-chkbox.medium {
	line-height: 15px;
	padding-left: 20px;
	font-size: 14px;
}
.time-chkbox .chk,
.time-chkbox.medium .chk {
	width: 15px;
	height: 15px;
	background: url("../img/checkbox_medium.png") no-repeat;
}

/*checkbox set > small*/
.time-chkbox.small {
	line-height: 13px;
	padding-left: 18px;
	font-size: 13px;
}
.time-chkbox.small .chk {
	width: 13px;
	height: 13px;
	background: url("../img/checkbox_small.png") no-repeat;
}

/*checkbox set > large*/
.time-chkbox.large {
	line-height: 20px;
	padding-left: 25px;
	font-size: 14px;
}
.time-chkbox.large .chk {
	width: 20px;
	height: 20px;
	background: url("../img/checkbox_large.png") no-repeat;
}

/*checkbox set > xlarge*/
.time-chkbox.xlarge {
	line-height: 24px;
	padding-left: 30px;
	font-size: 15px;
}
.time-chkbox.xlarge .chk {
	width: 24px;
	height: 24px;
	background: url("../img/checkbox_xlarge.png") no-repeat;
}

/*checkbox set > color*/
.time-chkbox .chk {
	background-position: 0 0;
}
.time-chkbox.chked .chk {
	background-position: -50px 0;
}
.time-chkbox.blue .chk {
	background-position: 0 -50px;
}
.time-chkbox.blue.chked .chk {
	background-position: -50px -50px;
}
.time-chkbox.red .chk {
	background-position: 0 -100px;
}
.time-chkbox.red.chked .chk {
	background-position: -50px -100px;
}
.time-chkbox.green .chk {
	background-position: 0 -150px;
}
.time-chkbox.green.chked .chk {
	background-position: -50px -150px;
}
.time-chkbox.orange .chk {
	background-position: 0 -200px;
}
.time-chkbox.orange.chked .chk {
	background-position: -50px -200px;
}
.time-chkbox.bg-gray .chk {
	background-position: 0 -250px;
}
.time-chkbox.bg-gray.chked .chk {
	background-position: -50px -250px;
}
.time-chkbox.bg-blue .chk {
	background-position: 0 -300px;
}
.time-chkbox.bg-blue.chked .chk {
	background-position: -50px -300px;
}
.time-chkbox.bg-red .chk {
	background-position: 0 -350px;
}
.time-chkbox.bg-red.chked .chk {
	background-position: -50px -350px;
}
.time-chkbox.bg-green .chk {
	background-position: 0 -400px;
}
.time-chkbox.bg-green.chked .chk {
	background-position: -50px -400px;
}
.time-chkbox.bg-orange .chk {
	background-position: 0 -450px;
}
.time-chkbox.bg-orange.chked .chk {
	background-position: -50px -450px;
}

/********************
* radiobutton set
********************/
.time-radio {
	position: relative;
	display: inline-block;
	*display: inline;
	*zoom: inline;
	cursor: pointer;
	vertical-align: top;
}
.time-radio .radio-wrap {
	position: relative;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	color: #000;
	vertical-align: top;
	border: 0;
	background: 0;
}
.time-radio .radio-wrap .radio {
	position: absolute;
	top: 0;
	left: 0;
}

/*radiobutton set > medium*/
.time-radio .radio-wrap,
.time-radio.medium .radio-wrap {
	line-height: 15px;
	padding-left: 20px;
	font-size: 14px;
}
.time-radio .radio-wrap .radio,
.time-radio.medium .radio-wrap .radio {
	width: 15px;
	height: 15px;
	background: url("../img/radio_medium.png") no-repeat;
}

/*radiobutton set > small*/
.time-radio.small .radio-wrap {
	line-height: 13px;
	padding-left: 20px;
	font-size: 13px;
}
.time-radio.small .radio-wrap .radio {
	width: 13px;
	height: 13px;
	background: url("../img/radio_small.png") no-repeat;
}

/*radiobutton set > large*/
.time-radio.large .radio-wrap {
	line-height: 20px;
	padding-left: 25px;
	font-size: 14px;
}
.time-radio.large .radio-wrap .radio {
	width: 20px;
	height: 20px;
	background: url("../img/radio_large.png") no-repeat;
}

/*radiobutton set > xlarge*/
.time-radio.xlarge .radio-wrap {
	line-height: 24px;
	padding-left: 30px;
	font-size: 15px;
}
.time-radio.xlarge .radio-wrap .radio {
	width: 24px;
	height: 24px;
	background: url("../img/radio_xlarge.png") no-repeat;
}

/*radiobutton set > color*/
.time-radio .radio-wrap .radio  {
	background-position: 0 0;
}
.time-radio .radio-wrap.chked .radio  {
	background-position: -50px 0;
}
.time-radio.blue .radio-wrap .radio  {
	background-position: 0 -50px;
}
.time-radio.blue .radio-wrap.chked .radio  {
	background-position: -50px -50px;
}
.time-radio.red .radio-wrap .radio  {
	background-position: 0 -100px;
}
.time-radio.red .radio-wrap.chked .radio  {
	background-position: -50px -100px;
}
.time-radio.green .radio-wrap .radio  {
	background-position: 0 -150px;
}
.time-radio.green .radio-wrap.chked .radio  {
	background-position: -50px -150px;
}
.time-radio.orange .radio-wrap .radio  {
	background-position: 0 -200px;
}
.time-radio.orange .radio-wrap.chked .radio  {
	background-position: -50px -200px;
}
.time-radio.bg-gray .radio-wrap .radio  {
	background-position: 0 -250px;
}
.time-radio.bg-gray .radio-wrap.chked .radio  {
	background-position: -50px -250px;
}
.time-radio.bg-blue .radio-wrap .radio  {
	background-position: 0 -300px;
}
.time-radio.bg-blue .radio-wrap.chked .radio  {
	background-position: -50px -300px;
}
.time-radio.bg-red .radio-wrap .radio  {
	background-position: 0 -350px;
}
.time-radio.bg-red .radio-wrap.chked .radio  {
	background-position: -50px -350px;
}
.time-radio.bg-green .radio-wrap .radio  {
	background-position: 0 -400px;
}
.time-radio.bg-green .radio-wrap.chked .radio  {
	background-position: -50px -400px;
}
.time-radio.bg-orange .radio-wrap .radio  {
	background-position: 0 -450px;
}
.time-radio.bg-orange .radio-wrap.chked .radio  {
	background-position: -50px -450px;
}

/********************
* tab set
********************/
.time-tab {
	border-bottom: 1px solid #bdbdbd;
}
.time-tab:before,
.time-tab:after {
	display: table;
	content: "";
}
.time-tab:after {
	clear: both;
}
.time-tab > li {
	position: relative;
	float: left;
	color: #999999;
	text-align: center;
	border: 1px solid #dbdbdb;
	border-bottom: 1px solid #bdbdbd;
	background-color: #f5f5f5;
	margin-left: -1px;
	cursor: pointer;
	z-index: 1;
}
.time-tab > li:first-child{
	margin-left: 0;
}
.time-tab > li.active {
	color: #222222;
	font-weight: 600;
	background-color: #ffffff;
	border-color: #bdbdbd;
	border-bottom: 1px solid #ffffff;
	z-index: 2;
}

/*tab set > medium*/
.time-tab,
.time-tab.medium {
	height: 40px;
}
.time-tab > li,
.time-tab.medium > li {
	font-size: 14px;
	width: 115px;
	height: 40px;
	line-height: 40px;
}

/*tab set > small*/
.time-tab.small {
	height: 30px;
}
.time-tab.small > li {
	font-size: 13px;
	width: 100px;
	height: 30px;
	line-height: 30px;
}

/*tab set > large*/
.time-tab.large {
	height: 50px;
}
.time-tab.large > li {
	font-size: 16px;
	width: 130px;
	height: 50px;
	line-height: 50px;
}

/********************
* panel set
********************/
.time-panel {
	position: relative;
}
.time-panel .panel-header {
	position: relative;
	height: 40px;
	line-height: 40px;
	border-left: 1px solid #bdbdbd;
	border-right: 1px solid #bdbdbd;
	padding: 0 15px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 13px;
	font-weight: 600;
	color: #222222;
	background: url("../img/panel.png") repeat-x;
}
.time-panel .panel-header .btn-close {
	position: absolute;
	top: 50%;
	right: 15px;
	width: 13px;
	height: 13px;
	margin-top: -7px;
	background: url("../img/iconset.png") no-repeat;
	background-position: -50px 0;
	cursor: pointer;
}
.time-panel .panel-body {
	position: relative;
	padding: 20px 15px;
	word-wrap: break-word;
	border: 1px solid #bdbdbd;
	border-top: 0;
}
.time-panel .panel-body .panel-text {
	font-size: 13px;
	color: #555555;
}
.time-panel .panel-body .panel-btns {
	margin-top: 50px;
	text-align: center;
}

/*panel set > gray*/
.time-panel.gray .panel-header {
	color: #ffffff;
	background-position: 0 -50px;
	border: 0;
}
.time-panel.gray .panel-header .btn-close {
	background-position: 0 0;
}

/*panel set > black*/
.time-panel.black .panel-header {
	color: #ffffff;
	background-position: 0 -100px;
	border: 0;
}
.time-panel.black .panel-header .btn-close {
	background-position: 0 0;
}

/*panel set > red*/
.time-panel.red .panel-header {
	color: #ffffff;
	background-position: 0 -150px;
	border: 0
}
.time-panel.red .panel-header .btn-close {
	background-position: 0 0;
}

/*panel set > blue*/
.time-panel.blue .panel-header {
	color: #ffffff;
	background-position: 0 -200px;
	border: 0
}
.time-panel.blue .panel-header .btn-close {
	background-position: 0 0;
}

/*panel set > green*/
.time-panel.green .panel-header {
	color: #ffffff;
	background-position: 0 -250px;
	border: 0
}
.time-panel.green .panel-header .btn-close {
	background-position: 0 0;
}

/*panel set > orange*/
.time-panel.orange .panel-header {
	color: #ffffff;
	background-position: 0 -300px;
	border: 0
}
.time-panel.orange .panel-header .btn-close {
	background-position: 0 0;
}

/********************
* table set
********************/
.time-tbl-wrap {
	position: relative;
}
.time-tbl {
	width: 100%;
	border-top: 2px solid #666666;
	border-collapse: collapse;
}

/*table set > header*/
.time-tbl-header {
	position: relative;
	margin-bottom: 20px;
	height: 35px;
	line-height: 35px;
}
.time-tbl-header .total {
	font-size: 15px;
	color: #555555;
}
.time-tbl-header .total strong {
	font-weight: 600;
	color: #222222;
}
.time-tbl-header .time-tbl-search {
	position: absolute;
	top: 0;
	right: 0;
}
.time-tbl-header .time-tbl-search * {
	vertical-align: top;
	font-size: 15px;
}
.time-tbl-header select,
.time-tbl-header input {
	height: 35px;
	line-height: 35px;
	border: 1px solid #bdbdbd;
	margin-right: 3px;
}
.time-tbl-header select {
	min-width: 100px;
}
.time-tbl-header input {
	min-width: 150px;
}
.time-tbl-header .time-btn {
	padding: 0 20px;
}

/*tabler set > footer*/
.time-tbl-footer {
	padding: 30px 0 40px;
}
.time-tbl-footer .time-btn {
	padding: 0 20px;
}

/*table set > paging*/
.time-paging {
	text-align: center;
}
.time-paging > li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 30px;
	height: 30px;
	line-height: 30px;
	border: 1px solid #dddddd;
	text-align: center;
	font-size: 13px;
	color: #999999;
	cursor: pointer;
	vertical-align: top;
}
.time-paging > li:hover {
	border: 1px solid #222222;
}
.time-paging > li.active {
	border: 1px solid #222222;
	font-weight: 600;
	color: #222222;
}
.time-paging > li.first,
.time-paging > li.prev,
.time-paging > li.next,
.time-paging > li.last {
	background: url("../img/iconset.png") no-repeat;
}
.time-paging > li.first {
	background-position: 8px -191px;
}
.time-paging > li.prev {
	background-position: 10px -141px;
}
.time-paging > li.next {
	background-position: 10px -41px;
}
.time-paging > li.last {
	background-position: 8px -91px;
}

/*table set > list*/
.time-tbl.tbl-list .col1 {
	width: 80px;
}
.time-tbl.tbl-list .col3 {
	width: 100px;
}
.time-tbl.tbl-list .col4 {
	width: 150px;
}
.time-tbl.tbl-list th,
.time-tbl.tbl-list td {
	font-size: 15px;
	padding: 15px 10px;
}
.time-tbl.tbl-list th {
	font-weight: 600;
	color: #222222;
	text-align: center;
	border-bottom: 1px solid #bdbdbd;
}
.time-tbl.tbl-list td {
	color: #555555;
	border-bottom: 1px solid #dddddd;
	text-align: center;
	line-height:20px;
}
.time-tbl.tbl-list td.tit {
	text-align: left;
}

/*table set > detail*/
.time-tbl.tbl-detail th,
.time-tbl.tbl-detail td {
	height: 56px;
	padding: 10px 20px;
	font-size: 15px;
	text-align: left;
}
.time-tbl.tbl-detail th {
	border-bottom: 1px solid #dddddd;
}
.time-tbl.tbl-detail td {
	border-bottom: 1px solid #dddddd;
}
.time-tbl.tbl-detail .tit {
	font-size: 22px;
	font-weight: 600;
	color: #222222;
}
.time-tbl.tbl-detail .desc {
	margin-top: 10px;
	font-size: 15px;
	font-weight: normal;
	color: #555555;
}
.time-tbl.tbl-detail .desc .bar {
	color: #bdbdbd;
	margin: 0 5px;
}
.time-tbl.tbl-detail .cont {
	font-size: 13px;
	color: #555555;
	line-height: 22px;
	padding: 30px 20px 50px 20px;
}
.time-tbl.tbl-detail input[type=text],
.time-tbl.tbl-detail input[type=password],
.time-tbl.tbl-detail select,
.time-tbl.tbl-detail textarea {
	border:1px solid #cccccc;
	color: #777777;
}
.time-tbl.tbl-detail input[type=text],
.time-tbl.tbl-detail input[type=password],
.time-tbl.tbl-detail select {
	width: 100%;
	height: 35px;
	line-height: 35px;
}

/*table set > prev writing, next writing*/
.time-tbl-pn {
	position: relative;
	border-top: 1px solid #dddddd;
	margin-bottom: 40px;
}
.time-tbl-pn > li {
	position: relative;
	display: block;
	width: 100%;
	border-bottom: 1px solid #dddddd;
	cursor: pointer;
}
.time-tbl-pn > li .left {
	position: absolute;
	top: 0;
	left: 0;
	height: 40px;
	line-height: 40px;
	width: 75px;
	text-align: center;
	font-size: 13px;
	font-weight: 600;
	color: #222222;
}
.time-tbl-pn > li .left .bar {
	position: absolute;
	top: 50%;
	right: 0;
	width: 1px;
	height: 12px;
	margin-top: -6px;
	background: #dddddd;
}
.time-tbl-pn > li .right {
	padding-left: 90px;
	height: 40px;
	line-height: 40px;
	font-size: 13px;
	color: #555555;
}

/*table set > list type2 */
.time-tbl-wrap.tbl-type2 .time-tbl.tbl-list th {
	background: #f7f7f7;
}
.time-tbl-wrap.tbl-type2 .time-tbl.tbl-list th,
.time-tbl-wrap.tbl-type2 .time-tbl.tbl-list td {
	border-left: 1px solid #dddddd;
}
.time-tbl-wrap.tbl-type2 .time-tbl.tbl-list th:first-child,
.time-tbl-wrap.tbl-type2 .time-tbl.tbl-list td:first-child {
	border-left: 0;
}

/*table set > detail type2 */
.time-tbl-wrap.tbl-type2 .time-tbl.tbl-detail th {
	width: 160px;
	font-weight: 600;
	color: #222222;
	background: #f3f3f4;
}

/*table set > prev writing, next writing type2*/
.time-tbl-wrap.tbl-type2 .time-tbl-pn > li .left {
	background: #f3f3f4;
}