@charset "utf-8";


html,body{font-size:16px}
div{box-sizing: border-box}
select{width:auto;min-width:150px;max-width:230px;padding: 0.294em 0.588em;color: #000;border: 1px solid #e5e5e5;background: #fff url(../../images/icon/ico-sltArrow.png) no-repeat 100% 50%;-webkit-border-radius: 0;-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none;appearance: none;vertical-align: top;vertical-align: middle}
input[type=text], input[type=password], input[type=file], input[type=email], input[type=number], input[type=search]{padding:.53em 2em .53em .4em;font-size:1rem}
.checkbox{vertical-align:-2px;margin:0}
.checkbox input[type=checkbox]:checked + i{background-position-y:-16px}
label{position:relative;font-size:15px;font-weight:400;cursor:pointer}
.checkbox{overflow:hidden;position:relative;display:inline-block;width:16px;height:16px;margin-right:5px;vertical-align:inherit;cursor:pointer}
label:after {content: '';position:absolute;right:100%;bottom:-2px;left:16px;display:block;height:1px;background:#2e3092;transition: .1s}
.checkbox input[type=checkbox]{position:relative;width:16px;height:16px;margin:0;padding:0;cursor:pointer;opacity:0}
input[type=checkbox]{width:16px;height:16px;vertical-align:top;cursor:pointer}
.checkbox i{position:absolute;top:0;left:0;right:0;bottom:0;background:url(../../images/icon/ico-chk.png) no-repeat 0 0}

.radio{vertical-align:sub;margin:0}
.radio input[type=radio]:checked + i{background-position-y:-18px}
label{position:relative;font-size:15px;font-weight:400;cursor:pointer}
.radio{overflow:hidden;position:relative;display:inline-block;width:18px;height:18px;margin-right:5px;vertical-align:text-bottom;cursor:pointer}
label:after {content: '';position:absolute;right:100%;bottom:-2px;left:18px;display:block;height:1px;background:#2e3092;transition: .1s}
.radio input[type=radio]{position:relative;width:18px;height:18px;margin:0;padding:0;cursor:pointer;opacity:0}
input[type=radio]{width:18px;height:18px;vertical-align:top;cursor:pointer}
.radio i{position:absolute;top:0;left:0;right:0;bottom:0;background:url(../../images/icon/ico-radio.png) no-repeat 0 0}

input,select{font-size:15px !important}
.fL{float:left}
.fR{float:right}

h1.tit-page{position:relative;padding:1.4em 1em 1em;font-size:1.3em;font-weight:700;color:#333;letter-spacing:-.1px}
h2.tit-sub{display:inline-block;padding:1em .5em 1em;font-size:1.1em;color:#333;font-weight:500;letter-spacing:-.1px}
h2.tit-sub:before{content:"";display:block;width:2px;height:18px;background:#3253a3;float:left;margin:2px .8em 0 0}
.search-box{width:100%;background:#ededed;padding:.5em 1.3em;border-spacing:0 .6em}
.search-box .sb-tr:after{content:"";display:block;clear:both}
.search-box .sb-tr:first-child .sb-td{margin-top:0}
.search-box .sb-tr:last-child .sb-td{width:100%}
.search-box .btn-search{display:inline-block;color:#fff;border-radius:5px;background:#5273c2;font-size:15px;font-weight:400;padding:.5em 1.5em;vertical-align:middle}
.search-box .btn-search:hover{background:#4c6bb6}
.search-box .btn-search.trans{background:none;border:none;color:#777;margin-left:1em;padding:.5em;font-weight:500;text-decoration:underline;text-underline-position:under}
.search-box .sb-td{margin-top:.5em;min-height:38px}
.search-box .sb-td.sb-narrow{padding:.5em 0}
.search-box .sb-td .form-control{display:inline-block}
.search-box .sb-td .sb-label{display:inline-block;min-width:70px;margin-right:1em;font-size:12px;font-weight:600;color:#000}
.sb-item{margin-right:1.5em}



.search-box input{max-width:150px}
select{border-radius:5px;padding:.53em 2em .53em .4em;font-size:15px}
.ipt-date,.ipt-time{display:inline-block !important;max-width:150px !important;background:#fff url('../../images/icon/ico-date.png') no-repeat 100% 50% !important}
.ipt-time{background:#fff url('../../images/icon/ico-time.png') no-repeat 100% 50% !important}
.txt-info{display:inline-block;font-size:12px;margin:0 .5em;padding:.1em .8em;border-radius:10px;background:#5273c2;color:#fff}
.txt-link{color:#1562c8 !important;text-decoration:underline !important;text-underline-position:under}
.btn-group .btn-secondary{font-size:14px;font-weight:300;padding:.2rem .75rem}

input[type='text'].w100{max-width:600px}
select.w100{width:100%}
.btn-outline-dark{padding:.375rem 1.5rem}

.tbl-list tr{border-bottom:3px solid #f7f7f7}
/*
.tbl-list:not(.tbl-listView) tr:hover{background:#ebf0f9}
*/

.tbl-list th,
.tbl-list td{font-size:14px;font-weight:400;padding:.8em .2em;text-align:center;vertical-align:middle}
.tbl-list th{font-size:13px;font-weight:600;color:#3253a3}
.tbl-list td{border-left:1px solid #ebebeb;word-break:break-word}
.tbl-list tr td:first-child{border-left:none}
.tbl-list.tbl-listView th{border-left:1px solid #dee2e6;border-right:1px solid #dee2e6}
.tbl-list.tbl-listView tr th:nth-child(1){border-left:none}
.tbl-list.tbl-listView td{padding:.4em 1em;text-align:left;vertical-align:middle}
.tbl-list.tbl-listView td input[type='text'],
.tbl-list.tbl-listView td input[type='password'],
.tbl-list.tbl-listView td select{width:50%}
.tbl-list.tbl-listView td .cell{display:inline-block;padding:.6em 0}
.tbl-list.tbl-listView td .cell label{vertical-align:middle}
.tbl-list.tbl-listView td .cell + .form-control{display:inline-block;margin-left:10px}
.tbl-list.tbl-listView td .form-control.ipt-align{display:inline-block;width:100px}
.tbl-list.tbl-listView td select.form-control.ipt-align{width:auto;padding-right:2em}
.tbl-list.tbl-listView td p{margin-top:.5em}

.paginate{margin:1em auto 0;padding:15px 0;line-height:normal;text-align:center}
.paginate a,
.paginate strong{display:inline-block;margin:0 -3px;padding:0 12px;border:1px solid #d8dbe2;background-color:#fff;font-size:13px;color:#323232;text-decoration:none;line-height:30px}
.paginate strong{border-color:#444;background-color:#444;color:#fff}
.paginate .direction{display:inline-block;width:30px;height:30px;padding:0}
.paginate .direction i{display:inline-block;width:15px;height:15px;background-image:url('../../images/icon/ico-common.png');background-position:-3px -68px;vertical-align:middle}
.paginate .direction.prev{border-top-left-radius:5px;border-bottom-left-radius:5px}
.paginate .direction.next{border-top-right-radius:5px;border-bottom-right-radius:5px}
.paginate .direction.next i{background-position-x:-35px}
.paginate .direction.prev-one i{background-position:-3px -140px}
.paginate .direction.next-one i{background-position:-34px -140px}
.paginate .direction span{display:inline-block;position:relative;top:4px;width:0;height:0;font-size:0;line-height:0;vertical-align:top}
.paginate.wd-color strong{border-color:#e35458;background-color:#e35458}

.tbl-top{overflow:hidden;padding:1em}
.tbl-bottom{overflow:hidden;padding:1em;text-align:center}
.tbl-top select{min-width:150px}
.list-count{clear:both;font-size:13px;font-weight:400;color:#444;letter-spacing:-.1px}
.list-count.tR{text-align:right}
.list-count strong{display:inline-block;margin-right:5px;color:#000;font-size:14px;font-weight:600}

.list-count-wrap{display:table;padding:1em 1em 0;box-sizing:border-box}
.list-count-wrap .list-count{display:table-cell;border-left:1px solid #6f4f8d;padding:0 1em;line-height:1}
.list-count-wrap .list-count:first-child{border-left:none;padding-left:0}
.list-count-wrap .list-count strong{color:#8c26eb}

.modal .tbl-top{padding:0 0 .5em 0;}

a.tle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;width:auto;color:#1562c8;text-decoration:underline;text-underline-position:under;text-align:left}
a.tle.visible{text-overflow:inherit;overflow:inherit;white-space:inherit}

.btn{font-size:14px}
.btn.btn-sm{padding:.2rem .55rem}
.btn-light{background-color:#e9ebf2;border-color:#e9ebf2}
.btn-light:hover{background-color:#e5e7ef;border-color:#e5e7ef}
.btn-tonedownBlue{background-color:#5273c2;border-color:#5273c2;color:#fff}
.btn-tonedownBlue:hover{background-color:#4464af;border-color:#4464af}

.tbl-bottom .btn{padding:.375rem 2rem}

table .tC .btn-sm + .btn-sm{margin-top:.8em}

.inline-block{display:inline-block}

.modal .close{font-size:2rem;margin:-1.3rem -.1rem -1rem auto}
.modal-title{font-size:20px;font-weight:500;color:#444;letter-spacing:-1px}
.modal-footer{justify-content:center}
.modal-extra-lg{max-width:1500px}
.modal-lg{max-width:950px}

.ico-mag{display:inline-block;width:16px;height:16px;background:url('../../images/icon/ico-mag.png') no-repeat 50% 50%;vertical-align:sub}

.search-center-box{max-width:550px;margin:0 auto}
.search-center-box input[type='text']{max-width:500px;border-radius:0;border:none;border-bottom:1px solid #444}

td.tL{text-align:left !important}
td.tR{text-align:right}
td.tC{text-align:center !important}

.noResult{font-weight:bold;background:url('../../images/icon/ico-face.png') no-repeat 50% 35%;padding:5em 0 2em}

.br{padding:.2em 0}

table.tbl-list:not(.tbl-listView) .thumbnail{max-width:80px}
table.tbl-list.tbl-listView .thumbnail{max-width:200px}

.thumbnail-group img{max-width:250px}

table .form-control{display:inline-block}
table .form-control + .btn,
table label + .btn{margin-left:5px}
table td .tbl-list th{background:#f0f4fc}

.txt-basic{font-size:.9em;font-weight:500;color:#333}
.modal .txt-basic{padding:.5em 0}

.list-info-wrap{margin-top:1em;background:#f1f3f8;padding:1em}
.list-info{font-size:13px;padding:0 1em}
.list-info > li{list-style:disc;list-style-position:outside;margin-top:1em;color:#000}
.list-info > li:first-child{margin-top:0}

.carousel{text-align:center}
.carousel-control-next-icon, .carousel-control-prev-icon{width:40px;height:40px;background-image:url("../../images/icon/ico-arrowCircle.png");background-repeat:no-repeat;background-size:cover}
.carousel-control-prev-icon{background-position-y:-40px}
.carousel-control-next-icon{background-position:0 0}

.btn.btn-secondary{color:#fff}

.btn-tab{display:table;width:100%;background:#e3e3e3;border-top:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3;table-layout:fixed}
.btn-tab > li{display:table-cell;vertical-align:middle}
.btn-tab > li:hover{background:#d7d7d7}
.btn-tab > li a{display:block;padding:.2em 0;font-size:.9em;font-weight:400;color:#898989;text-align:center;line-height:1.2}
.btn-tab > li.on{background:#2a88d7}
.btn-tab > li.on a{color:#fff}

.btn-tab + .search-box{margin-top:1em}

.address-form{position:relative}
.address-form .btn-edit{position:absolute;top:.3em;right:.5em}
.address-form input{display:block;width:100%;margin-top:2px;padding:.2em;font-size:1em !important;font-weight:300;color:#333}
.address-form textarea{border:1px solid #e5e5e5;padding:.2em;font-size:1em;font-weight:300;color:#333}
.address-form textarea{margin-top:2px}
.address-form input[disabled="disabled"],
.address-form textarea[disabled="disabled"]{border:none;background:#fff}
.address-form .address-tit{width:calc(100% - 60px);font-weight:500}

table{border-top:1px solid #dee2e6}
table .badge{padding:.5em .65em;font-weight:400;font-size:13px}

textarea.readOnly{border:none;padding:0;font-size:14px;font-weight:400;line-height:2}

.margin{margin:2em auto;height:1px}


.opt-data{border:1px solid #dbdbdb}
.opt-data .mCSB_scrollTools .mCSB_draggerContainer{top:7px;bottom:7px}
.opt-data .opt-item{margin:7px 0 0 7px}
.opt-item{display:inline-block;margin:0 0 0 7px;padding:0 5px;height:30px;font-size:14px;font-weight:400;color:#333;background:#f2f6ef;vertical-align:middle;line-height:30px}
.btn_del{display:inline-block;width:17px;height:17px;margin-left:3px;background:url('/images/icon/ico-common2.png') no-repeat -30px -59px;vertical-align:-3px}