select{border-radius:5px;}

.btn{display:inline-block;vertical-align:middle;cursor:pointer;padding:6px 10px;line-height:1;color:#666;text-align:center;border:1px solid #ddd;background:#fff;border-radius:3px;}
.btn:hover{text-decoration:none;color:#333;background:#f2f2f2;}
.btn.btn-sm{padding:8px 12px;font-size:14px;line-height:14px;}
.btn.btn-md{padding:10px 14px;font-size:14px;line-height:14px;}
.btn.btn-lg{padding:12px 18px;font-size:15px;line-height:15px;}

table th,
table td,
table th a,
table td a{color:#393939;}

table.list{width:100%;table-layout:fixed;border-collapse:collapse;font-size:14px;}
table.list>thead>tr>th,
table.list>tbody>tr>th{padding:8px 3px;line-height:1.5;text-align:center;font-weight:500;background:#f8f8f8;}
table.list>tbody>tr>td{padding:12px 6px;line-height:1.5;text-align:center;font-weight:500;color:#393939;background:#ffffff;word-break:break-word;}

table.form{width:100%;table-layout:fixed;border-collapse:collapse;font-size:14px;}
table.form>thead>tr>th,
table.form>tbody>tr>th{padding:10px 5px 10px 15px;line-height:22px;text-align:left;vertical-align:middle;font-weight:500;background:#f8f8f8;}
table.form>tbody>tr>th.fix{vertical-align:top;padding-top:20px;}
table.form>tbody>tr>th span.ess:after{content:' *';color:red;}
table.form>tbody>tr>td{padding:10px 12px;text-align:left;line-height:1.5;font-weight:500;color:#393939;background:#ffffff;word-wrap:break-word;overflow-wrap:break-word;}
table.form>tbody>tr>td textarea{min-height:80px;}

.bbs-form-title{margin:40px 0 20px 0;text-align:left;font-size:20px;font-weight:500;}
.bbs-form-title .annt{font-size:16px;color:#767676;font-weight:normal;}
table.bbs-form{width:100%;table-layout:fixed;border-collapse:collapse;border-top:2px solid #393939;}
table.bbs-form>thead>tr>th,
table.bbs-form>tbody>tr>th{padding:20px 5px 20px 15px;font-size:17px;line-height:22px;font-weight:normal;color:#000000;border-bottom:1px solid #e1e1e1;word-break:keep-all;}
table.bbs-form>tbody>tr>td{padding:21px 5px 21px 15px;font-size:17px;line-height:22px;word-wrap:break-word;border-bottom:1px solid #e1e1e1;overflow-wrap:break-word;}
table.bbs-form>tbody>tr>td input[type=text]{height:42px;padding:0 11px;font-size:15px;border:1px solid #dcdcdc;border-radius:4px;}
table.bbs-form>tbody>tr>td label.checkbox-inline{display:inline-block;margin:0 0 0 10px;cursor:pointer;}
table.bbs-form>tbody>tr>td textarea{width:100%;height:180px;font-size:15px;line-height:21px;border:1px solid #dcdcdc;border-radius:4px;}
table.bbs-form>tbody>tr>td textarea.height-80px{height:80px;}
table.bbs-form>tbody>tr>td select,
table.bbs-form>tbody>tr>td input[type=time],
table.bbs-form>tbody>tr>td input[type=datetime-local]{height:34px;padding:0 20px 0 15px;font-size:16px;border:1px solid #dcdcdc;border-radius:4px;}
table.bbs-form>tbody>tr>td .form-btn{display:inline-block;height:34px;line-height:34px;padding:0 15px;font-size:16px;color:#fff;border:1px solid #3D3D3D;background:#3D3D3D;cursor:pointer;}
table.bbs-form>tbody>tr>td .annt{margin-top:9px;font-size:15px;line-height:19px;color:#787878;}
table.bbs-form>tbody>tr>td .annt strong{font-weight:normal;color:#4A90E2;}
table.bbs-form>tbody>tr>td input[type=checkbox]{display:inline-block;position:relative;width:24px;height:0;cursor:pointer;vertical-align:middle;}
table.bbs-form>tbody>tr>td input[type=checkbox]:before{content:'';display:inline-block;position:absolute;top:-11px;left:0;width:18px;height:18px;border:1px solid #333;}
table.bbs-form>tbody>tr>td input[type=checkbox]:checked:after{content:'';position:absolute;left:5px;top:-5px;width:8px;height:4px;border:solid #333;border-width:0 0 2px 2px;transform:rotate(-45deg);}
table.bbs-form>tbody>tr>td.required,
table.bbs-form>tbody>tr>td:has(input[required]){position:relative;}
table.bbs-form>tbody>tr>td.required:before,
table.bbs-form>tbody>tr>td:has(input[required]):before{content:'*';position:absolute;top:16px;left:0;color:#fa5353;}

@media screen and (max-width:1259px) {
table.bbs-form{display:block;width:auto;background:#ffffff;}
table.bbs-form>colgroup{display:none;}
table.bbs-form>tbody{display:block;}
table.bbs-form>thead>tr,
table.bbs-form>tbody>tr{display:block;border-top:1px solid #e1e1e1;}
table.bbs-form>thead>tr:first-child,
table.bbs-form>tbody>tr:first-child{border-top:none;}
table.bbs-form>tbody>tr>th,
table.bbs-form>tbody>tr>td{display:block;border:none;}
table.bbs-form>tbody>tr>th{padding:18px 0 0 0;}
table.bbs-form>tbody>tr>td{padding:12px 0 18px 0;}
table.bbs-form>tbody>tr>td label.checkbox-inline{display:block;margin:12px 0 0 0;}
table.bbs-form>tbody>tr>td.required:before,
table.bbs-form>tbody>tr>td:has(input[required]):before{top:-4px;}
}

table.view{width:100%;table-layout:fixed;border-collapse:collapse;font-size:14px;}
table.view>thead>tr>th,
table.view>tbody>tr>th{padding:8px 7px;line-height:1.5;text-align:center;font-weight:500;background:#f8f8f8;}
table.view>tbody>tr>th span.ess:after{content:' *';color:red;}
table.view>thead>tr>td,
table.view>tbody>tr>td{padding:10px 7px;line-height:1.5;text-align:center;font-weight:500;color:#393939;background:#ffffff;word-wrap:break-word;overflow-wrap:break-word;word-wrap:break-word;overflow-wrap:break-word;}
table.view>thead>tr>td{font-weight:500;}
table.view select{height:34px;padding:0 6px 0 6px;border-radius:6px;}

table.small>thead>tr>th,
table.small>tbody>tr>th{padding-top:6px;padding-bottom:6px;line-height:1.3;}
table.small>tbody>tr>td{padding-top:6px;padding-bottom:6px;line-height:1.3;}

table.small>thead>tr>th,
table.small>tbody>tr>th{padding-top:6px;padding-bottom:6px;line-height:1.3;}
table.small>tbody>tr>td{padding-top:6px;padding-bottom:6px;line-height:1.3;}

table.xsmall>thead>tr>th,
table.xsmall>tbody>tr>th{padding-top:5px;padding-bottom:5px;font-size:13px;line-height:1.2;}
table.xsmall>tbody>tr>td{padding-top:3px;padding-bottom:3px;font-size:13px;line-height:1.2;}

table.border>thead>tr>th,
table.border>tbody>tr>th,
table.border>thead>tr>td,
table.border>tbody>tr>td{border:1px solid #ececec;}
table.border_bottom>thead>tr>th,
table.border_bottom>tbody>tr>th,
table.border_bottom>thead>tr>td,
table.border_bottom>tbody>tr>td{border-top:1px solid #eee;border-bottom:1px solid #eee;}

.table-top-helptext{margin:0 0 15px 5px;font-size:15px;line-height:20px;color:#787878;}
.table-bot-helptext{margin:15px 0 0 5px;font-size:15px;line-height:20px;color:#787878;}

.page{padding:30px 0;text-align:center;}
.page a,
.page button{display:inline-block;display:inline;vertical-align:middle;padding:5px 8px 6px 8px;cursor:pointer;font-size:13px;line-height:13px;color:#666;border:1px solid #e6e6e6;background:#fff;}
.page a:hover,
.page button:hover{text-decoration:underline;}
.page span.act{display:inline-block;display:inline;vertical-align:middle;padding:5px 8px 6px 8px;font-size:13px;line-height:13px;color:#fff;border:1px solid #347FBF;background:#4491CB;}

.upload_wrap .txt_wrap{display:none;padding:3px;margin-top:5px;border:1px solid #cdcdcd;}
.upload_wrap .txt_wrap .box{position:relative;padding:7px;}
.upload_wrap .txt_wrap .box:hover{background:#eee;}
.upload_wrap .txt_wrap .delete_btn{position:absolute;top:2px;right:4px;display:inline-block;padding:4px 7px;background:#fff;border:1px solid #dfdfdf;cursor:pointer;}

.upload_wrap .s_img_wrap{display:none;padding:8px;margin-top:5px;text-align:left;border:1px solid #ddd;background:#fff;}
.upload_wrap .s_img_wrap .box{position:relative;display:inline-block;width:100px;height:100px;margin:3px;text-align:center;background:#f2f2f4;cursor:pointer;}
.upload_wrap .s_img_wrap .box .img_box{position:relative;height:100%;line-height:100px;}
.upload_wrap .s_img_wrap .box .img_box img{max-height:100%;}
.upload_wrap .s_img_wrap .box .delete_btn{position:absolute;bottom:0;right:0;width:18px;height:18px;line-height:18px;color:#fff;background:#070707;opacity:.8;cursor:pointer;}
.upload_wrap .s_img_wrap .box .link_box input[type=text]{width:400px;}

.custom-checkbox{display:block;margin:0 -6px;overflow:hidden;}
.custom-checkbox .check-op{display:block;float:left;}
.custom-checkbox .check-op .check-op-inside{display:block;position:relative;padding:14px 30px;margin:6px;text-align:center;line-height:16px;border:1px solid #dfdfdf;border-radius:5px;cursor:pointer;}
.custom-checkbox .check-op.checked{border-color:#DE3831;}
.custom-checkbox .check-op.checked .check-op-inside:before{content:'';position:absolute;left:12px;top:15px;width:10px;height:6px;border:solid #DE3831;border-width:0 0 2px 2px;transform:rotate(-45deg);}

@media screen and (max-width:767px) {
.custom-checkbox .check-op{width:50%;}
.custom-checkbox .check-op .check-op-inside{padding:14px 0;}
}

.layer{position:fixed;z-index:10002;left:50%;top:50%;width:800px;margin-left:-400px;box-shadow:rgba(0, 0, 0, 0.15) 0px 1px 10px;}
.layer .inner_wrap{position:relative;padding:20px;background:#fff;}
.layer .close_btn{display:inline-block;position:absolute;z-index:2;top:0;right:0;width:50px;height:50px;text-align:center;font-size:24px;line-height:50px;font-weight:bold;background:#fff;cursor:pointer;}

@media screen and (max-width:767px) {
table.m1_2column>colgroup{display:none;}
table.m1_2column>thead>tr.tab{display:none;}
table.m1_2column>tbody>tr{display:block;padding:10px 6px;border-top:1px solid #ececec;}
table.m1_2column>tbody>tr:last-child{border-bottom:1px solid #ececec;}
table.m1_2column>thead>tr>th,
table.m1_2column>tbody>tr>td{position:relative;display:block;min-height:19px;padding:6px 0 6px 35% !important;text-align:left;border:none;overflow:hidden;}
table.m1_2column>thead>tr>th:before,
table.m1_2column>tbody>tr>td:before{content:attr(rel);position:absolute;top:50%;transform:translateY(-50%);left:0;font-weight:bold;}
table.m1_2column>tbody>tr table>tbody>tr:first-child{border-top:none;}
table.m1_2column>tbody>tr table>tbody>tr:last-child{border-bottom:none;}

table.m1_list{display:block;width:auto;background:#ffffff;}
table.m1_list>colgroup{display:none;}
table.m1_list>tbody{display:block;}
table.m1_list>thead>tr,
table.m1_list>tbody>tr{display:block;padding:.6em;margin-bottom:-1px;border:1px solid #f0f0f0;}
table.m1_list>thead>tr>th,
table.m1_list>tbody>tr>th{display:block;}
table.m1_list>tbody>tr>td{display:inline-block;padding:3px 0 !important;text-align:left;border:none;box-sizing:border-box;}
table.m1_list>tbody>tr>td:before{content:attr(rel);display:inline;color:#999;border:none;}

table.m1_view{display:block;width:auto;background:#ffffff;}
table.m1_view>colgroup{display:none;}
table.m1_view>tbody{display:block;border:1px solid #f0f0f0;}
table.m1_view>thead>tr,
table.m1_view>tbody>tr{display:block;}
table.m1_view>thead>tr>th,
table.m1_view>tbody>tr>th{display:block;padding:.6em .9em;border:none;text-align:left;background:#f8f8f8;}
table.m1_view>tbody>tr>td{display:block;padding:.7em .9em;border:none;text-align:left;}
table.m1_view>tbody>tr>td:before{content:attr(rel);display:block;margin-bottom:.2em;font-weight:bold;}

table.m1_form{display:block;width:auto;background:#ffffff;}
table.m1_form>colgroup{display:none;}
table.m1_form>tbody{display:block;border:1px solid #f0f0f0;}
table.m1_form>thead>tr,
table.m1_form>tbody>tr{display:block;position:relative;font-size:0;border-top:1px solid #f0f0f0;background:#f5f5f5;}
table.m1_form>thead>tr:after,
table.m1_form>tbody>tr:after{content:'';position:absolute;z-index:0;top:0;right:0;height:100%;background:#fff;}
table.m1_form>thead>tr:first-child,
table.m1_form>tbody>tr:first-child{border-top:none;}
table.m1_form>tbody>tr>th,
table.m1_form>tbody>tr>td{display:inline-block;position:relative;z-index:1;padding:12px 12px;font-size:14px;border:none;box-sizing:border-box;}
table.m1_form>tbody>tr:after{width:70%;}
table.m1_form>tbody>tr>th{width:30%;}
table.m1_form>tbody>tr>td{width:70%;}

.layer{left:0 !important;top:50%;width:100% !important;max-height:100%;margin-left:0 !important;overflow-y:scroll;}
}

.helptext{margin:9px 0 0 4px;color:#787878;}

.txt_title{position:relative;padding:13px 1px;font-size:17px;line-height:17px;color:#272727;font-weight:600;text-align:left;}
.txt_title .right_box{position:absolute;top:11px;right:0;}
.txt_title .right-txt-box{position:absolute;bottom:13px;right:0;font-weight:normal;}
.txt_title .right-btn-box{position:absolute;bottom:11px;right:0;font-weight:normal;}

@media screen and (max-width:480px) {

}

.dl-form{text-align:left;font-size:15px;line-height:19px;}
.dl-form dl{margin-bottom:20px;}
.dl-form dl dt{font-weight:600;}
.dl-form dl dd{margin-top:9px;}
.dl-form dl dd input[type=text],
.dl-form dl dd input[type=number],
.dl-form dl dd input[type=password]{width:100%;height:42px;padding:0 10px;border-radius:6px;box-sizing:border-box;}
.dl-form dl dd input[type=text].w70px,
.dl-form dl dd input[type=number].w70px{width:70px;}
.dl-form dl dd select{height:42px;padding:0 10px;}

.modal-event-select{position:fixed;z-index:10002;left:0;top:0;width:100%;height:100%;overflow:hidden;}
.modal-event-select:before{content:'';position:fixed;z-index:0;top:0;left:0;width:100%;height:100%;background:#000;filter:alpha(opacity=20);opacity:0.2;-moz-opacity:0.2;}
.modal-event-select .modal-in1{position:relative;width:500px;height:100%;margin:0 auto;display:flex;flex-direction:column;justify-content:center;}
.modal-event-select .modal-in2{position:relative;max-height:100%;background:#fff;box-shadow:rgba(0, 0, 0, 0.15) 0px 1px 10px;border-radius:6px;}
.modal-event-select .close-btn{display:inline-block;position:absolute;z-index:2;top:10px;right:16px;width:32px;height:32px;text-align:center;font-size:24px;line-height:32px;cursor:pointer;}
.modal-event-select .modal-content{height:100%;padding:50px 20px 30px 20px;box-sizing:border-box;overflow-y:auto;}
.modal-event-select .modal-content .top-msg{margin-bottom:20px;font-size:16px;line-height:22px;}
.modal-event-select .modal-content li{position:relative;padding:14px 30px;font-size:17px;line-height:24px;border-bottom:1px solid #dfdfdf;cursor:pointer;}
.modal-event-select .modal-content li:before{content:'';position:absolute;left:0;top:16px;width:20px;height:20px;border:1px solid #dfdfdf;border-radius:50%;}
.modal-event-select .modal-content li.selected:after,
.modal-event-select .modal-content li:hover:after{content:'';position:absolute;left:5px;top:21px;width:9px;height:5px;border:solid #DE3831;border-width:0 0 2px 2px;transform:rotate(-45deg);}
.modal-event-select .modal-content li:last-child{border-bottom:none;}
.modal-event-select .modal-content .bot-btn{margin-top:30px;text-align:center;}

@media screen and (max-width:530px) {
.modal-event-select .modal-in1{width:auto;margin:0 8px;}
}