@charset "utf-8";

table {    border-collapse: collapse;}


.table_basic2 { margin: 0 auto; border-top: 2px solid #2d221e; line-height: 20px; text-align:center;}
.table_basic2>thead>tr>th { background-color: #2f3c43; padding: 10px 0; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; font-weight: bold; color: #fff; }
.table_basic2>thead>tr>th:last-child { border-right: none; }
.table_basic2>tbody>tr>th { border-bottom: 1px solid #ddd;padding: 10px 10px; background-color: #2f3c43; vertical-align: middle; color:#29282c;}
.table_basic2>tbody>tr>td { border-bottom: 1px solid #ddd;vertical-align: middle; padding: 10px 10px; /* text-align:left; */}


table.s1 {border: 1px solid #ccc;
    width: 100%;     border-top: 3px solid #29a02c; }
table.s1 tbody{}
table.s1 tbody > tr{}
table.s1 tbody > tr >th,table.s1 tbody > tr>td, table.s1 thead > tr>th{    padding: 1em;}
table.s1 tbody > tr >th,table.s1 thead > tr >th{    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    background-color: #f2f5f5;
	width: 22%;
	font-size: 1.1em;
	font-weight: 400;}
table.s1 tbody > tr>td{border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;}

table.s1 tbody > tr>td > span {
    font-weight: 500;
    color: #e56679;
    }

table.s1-center {border: 1px solid #ccc;
    width: 100%;     border-top: 2px solid #90cc1b; text-align:center; }
table.s1-center tbody{}
table.s1-center tbody > tr{}
table.s1-center tbody > tr >th,table.s1-center tbody > tr>td, table.s1-center thead > tr>th{    padding: 1em;}
table.s1-center tbody > tr >th,table.s1-center thead > tr >th{    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    background-color: #f2f2f2;}
table.s1-center tbody > tr>td{border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;}

table.s1-center tbody > tr>td > span {font-weight: 500;
    color: #ef7800;}

table.size1{}
table.size1 tbody > tr > td, table.size1 thead > tr > th{
    width: auto;
}

table.s2 {border: 1px solid #ccc;
    width: 100%;     border-top: 2px solid #29a02c; margin-bottom: 1.2em;}
table.s2 thead{}
table.s2 thead > tr{}
table.s2 thead > tr >th,table.s2 thead > tr>td{    padding: 1em;}
table.s2 thead > tr >th{    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    background-color: #f2f2f2;}
    
table.s2 tbody{}
table.s2 tbody > tr{}
table.s2 tbody > tr >th,table.s2 tbody > tr>td{    padding: 1em;}
table.s2 tbody > tr >th{    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    /*width: 15%;*/
    background-color: #f2f5f5;}
table.s2 tbody > tr>td{border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;}

table.s3 {border: 1px solid #ccc;
    width: 100%;     border-top: 2px solid #90cc1b;}
table.s3 thead > tr>th{        padding: 1em;
    background-color: #f3f3f3;     border-right: 1px solid #ccc;}    
table.s3 thead > tr>th:nth-child(1){width: 1.5em;}
table.s3 thead > tr>th:nth-child(2){width: 17em; }

table.s3 thead > tr>th:nth-last-child(2){width: 6em;}
table.s3 thead > tr>th:nth-last-child(1){width: 10em;}
table.s3 tbody{}
table.s3 tbody > tr{}
table.s3 tbody > tr >th,table.s3 tbody > tr>td{    padding: 1em;     text-align: center;}
table.s3 tbody > tr >th{    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    width: 15%;
    background-color: #f2f2f2;}
table.s3 tbody > tr>td{border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;}
table.s3 tbody > tr>td a {    background-color: #83bd10;
    color: #fff;
    padding: 0.5em 1em;
    border-radius: 0.5em;}
table.s3 tbody > tr>td:nth-child(2){text-align:left; font-weight:600;}
table.s3 tbody > tr>td:nth-child(2) span {    display: table;
    font-weight: 300;}
table.s3 tbody > tr>td:nth-child(3){font-weight:600;}

table.form_table{border-top: 2px solid #00ab90; width:100%;}
table.form_table>tbody>tr>th{width:15%; }
table.form_table>tbody>tr>th{border-bottom: 1px solid #d3d3d3; background:#f9f9f9; width:20%; }
table.form_table>tbody>tr>th.leftLine{ border-left:1px solid #dddddd; }
table.form_table>tbody>tr>th>span{color:red;}
table.form_table>tbody>tr>td{border-bottom: 1px solid #d3d3d3; padding:10px; font-size:14px;}
table.form_table>tbody>tr>td>select{border:1px solid #d6d6d6; padding:5px 3px !important;height:32px;}
table.form_table>tbody>tr>td>input[type="text"]{border:1px solid #d6d6d6; height:16px;padding:7px 3px 7px !important;}
table.form_table>tbody>tr>td>input[type="password"]{border:1px solid #d6d6d6; height:16px;padding:7px 3px 7px !important;}
table.form_table>tbody>tr>td>textarea{padding:7px 3px 7px; width:100%; height:200px; border:1px solid #d6d6d6;}
table.form_table>thead>tr>th{border-bottom: 1px solid #d3d3d3; background:#f9f9f9; padding:10px 0;}

.search_box {    display: table;
    margin: 0 auto;
    margin-top: 3em;}

/*??????*/
.detail_data{padding:39px 20px; border-bottom:1px solid #bfbfbf;}

/*???- ????????? ?? ????????*/
.in_btn{border-radius:5px;}
.in_btn>a {padding:8px 15px 8px 15px; margin-top:0px;	cursor:Pointer; /*color:#fff;*/ border:1px solid #fff;  border-radius:5px; -webkit-transition-duration: 0.4s; /* Safari */ transition-duration: 0.4s; display:block;}
.in_btn>a:hover{background-color: #fff;  border:1px solid gray; /*border-radius:10px; color: #000;*/ }
.in_btn>a{color:#fff; }
.in_btn>a:hover{ color: #000;  }

.list_back01{background-color:#585858; margin-top:20px;}
.write_btn{background-color:#1862af; margin-top:10px;}

h3.sub02_title_deco{background:url('/img/sub/blue_bl.png') no-repeat 0 4px;}
h3.sub03_title_deco{background:url('/img/sub/skyblue_bl.png') no-repeat 0 4px;}
h3.sub05_title_deco{background:url('/img/sub/green_bl.png') no-repeat 0 4px;}
.product_info  > table{width:100%;border-top:2px solid #01919a;margin:0;padding:0; margin-bottom:1em;}
.product_info  > table th,td {padding:0.5em;     word-break: keep-all;}
.product_info  > table td{border-bottom:1px solid #c6c6c6;border-right:1px solid #c6c6c6;font-size:1em;
	color:#444; /*text-align:center;*/  word-break: keep-all;}
.product_info  > table td img.ui-datepicker-trigger {vertical-align: middle;    cursor: pointer; }
.product_info  > table th{width:10%;background:#f5f5f5;font-size:1em;color:#222; text-align:center;
	font-weight:600;border-bottom:1px solid #c6c6c6;border-right:1px solid #c6c6c6; }
.product_info  > table th:nth-last-child(1) {border-right:0;}
	.product_info  > table th.count {font-size: 5em;
    font-weight: 900;
    color: #c7c7c7;}
.product_info  > table td:last-child,.table1 th:last-child{border-right:0;}
.product_info  > table .left{padding-left:10px;padding-right:10px;text-align:left;}
.product_info  > table td.w9{width:9%;}
.product_info  > table td.center {text-align:center;}
.product_info  > table td.bd-r{border-right:1px solid #c6c6c6!important;}
.product_info  > table td>ul {}
.product_info  > table td>ul > li{padding-bottom: 1em;
    word-break: keep-all;}
.product_info  > table td>ul > li:nth-last-child(1)    {padding-bottom: 0;}
.product_info  > table td>ul > li >span{font-weight: 600;
    color: #000;}
.product_info  > table td>ul > li >p{}

.product_info  > h3.sub02_title_deco{background:url('/img/sub/blue_bl.png') no-repeat 0 4px;}
.product_info  > h3.sub_title{padding-left:38px; font-size:20px; font-weight:600; color:#3c3c3c; margin-bottom:10px; line-height:35px; clear:both;}
.product_info  > h3 > span {    color: #fff;
    font-size: 0.8em;
    padding: 0.3em 0.5em;
    font-weight: 300;}
.product_info  > h3 > span.off {    background-color: #1b1b1b; }
.product_info  > h3 > span.on {    background-color: #a1b34f; }
.product_info  > h3 > span.wait {    background-color: #d4584e; }
.product_info  > h3 > span.impossible {    background-color: red; }
/*????? ????*/
.m_display_view {display:none;}
@media screen and (max-width: 1000px) { 
	.m_display_none {display:none;}
}


.tip_txt>span{color:red;}

	.add_btn>button{padding: 0.5em 1em;
    background-color: #67ae2a;
    border-radius: 5px;
    cursor: pointer;
    height: auto;
}
	.add_btn>button:hover{background-color:#6897cb; color:#fff;}
	.add_btn>input{margin-bottom:3px;}

ul.sca {    display: table;
    box-sizing: border-box;
    width: 100%;
    /* border-bottom: 1px solid #ccc; */
    margin-bottom: 1em; position: relative;}
ul.sca::after {            content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: #90cc1b;
    position: absolute;
    /* top: 2px; */
    bottom: 0px;
    z-index: -1;}
ul.sca li{    float: left;
    display: table;
    box-sizing: border-box; margin-right: 0.3em;}
ul.sca li a{    padding: 1em 1.5em;
    display: table;
    border: 1px solid #ccc;
    border-bottom:0;
    box-sizing: border-box;     font-weight: 600;}
ul.sca li.on {    border-bottom: 1px solid #90cc1b;
    color: aliceblue;
    background-color: #90cc1b;}
ul.sca li.on a {color:#fff;}



ul.title {}
ul.title li{        padding: 1em 1em 0 1em;
    float: left;
    display: table;
    width: 50%;
    box-sizing: border-box;}
ul.title li:nth-last-child(1) {    margin-bottom: 1em;}
ul.title li span{    font-weight: 600;
    position: relative;
    float: left;
    display: table;
    margin-right: 1em;
    width: 18%;
}
ul.title li span::after {            content: "";
    display: block;
    width: 1px;
    height: 10px;
    background-color: black;
    margin: 0px 0px 0px 0;
    position: absolute;
    top: 9px;
    right: 2px;}


ul.tabmenu {    display: table;
    box-sizing: border-box;
    width: 100%;
    /* border-bottom: 1px solid #ccc; */
    margin-bottom: 1em; position: relative;}
ul.tabmenu::after {            content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: #90cc1b;
    position: absolute;
    /* top: 2px; */
    bottom: 0px;
    z-index: -1;}
ul.tabmenu li{    float: left;
    display: table;
    box-sizing: border-box;     width: 49.9%;}
ul.tabmenu li:nth-child(1){ }
ul.tabmenu li:nth-last-child(1){    float: right;
    margin-right: 0; }

ul.tabmenu li a{    padding: 1em 1.5em;
    display: table;
    border: 1px solid #ccc;
    border-bottom:0;
    box-sizing: border-box;     font-weight: 600;     width: 100%; text-align: center;}
ul.tabmenu li.on {    border-bottom: 1px solid #90cc1b;
    color: aliceblue;
    background-color: #90cc1b;}
ul.tabmenu li.on a {color:#fff;}

/*e-book*/
.e_book_list{background:url('/img/sub/gallery_back.jpg'); width:100%; margin-top:40px;}
.e_book_list>ul{display:inline-block; margin-left:50px;     margin-bottom: 3em;}
.e_book_list>ul>li:first-child{ background:url('../img/sub/bookshadow.png') no-repeat 0 -12px; width:224px; text-align:center;}
.e_book_list>ul>li:first-child>a{ border:1px solid #c4c4c4; background-color:#fff; border-radius:5px; box-shadow:0px 1px 3px #e0e0e0; display:inline-block;}
.e_book_list>ul>li:first-child>a>img{width:158px; height:227px;}
.e_book_list>ul>li:first-child>a:hover{border:1px solid gray;}
.e_book_list>ul>li:last-child{text-align:center; margin-top:20px;}

@media screen and (max-width: 640px){
	.add_btn>button{padding:1px 10px 3px 10px; background-color:#dbe4ed; border-radius:5px; cursor:pointer; border:0; margin-top:-2px;}
	.add_btn>button:hover{background-color:#6897cb; color:#fff;}
	.add_btn>input{margin-bottom:3px;}
	.form_table>tbody>tr>th{width:100%; }
	table.s1 {width:1000px;}
}

.table_view { }
@media screen and (max-width: 1000px) {
	.table_view {
    overflow-x: auto;
    width: 320px;
	}
}

.table_s1 table {width:100%;}
.table_s1 table th{background-color:#f9f9fa;color:#000;font-weight:normal;vertical-align: top;}
.table_s1 table tr:first-child td,.table_s1 table tr:first-child th{border-top:2px solid #000;}
.table_s1 table th,.table_s1 table td{padding:12px 20px 13px;border:1px solid #ddd;text-align:left;}
.table_s1 table th{background-color:#f9f9fa;color:#000;font-weight:normal;vertical-align: top;}
.table_s1 table td{font-weight:300;}
.table_s1 table td.t_center{text-align:center;}
.table_s1 table td.t_right{text-align:right;}
.table_s1 table tr td:first-child{border-left:0;}
.table_s1 table tr th:first-child{border-left:0;}
.table_s1 table tr th:last-child{border-right:0;}
.table_s1 table tr td:last-child{border-right:0;}