html {font-size: 16pt; font-family: sans-serif;}
body {background: #f7f7f7; overflow-x: hidden;}

h1 {font-size: 1.2rem; color:#fff; display: inline-block;}
h3 {font-size: 0.6rem; color:#1883e3; display: inline-block;}
h4 {font-size: 1.5rem; color:#1883e3; font-weight: 500; display: inline-block;} 
h5 {font-size: 0.7rem; color:#5d6266; font-weight: 500;}
h6,label {font-size: 0.7rem; color:#5d6266; font-weight: 500; display: inline-block;}
th {font-size: 1rem; vertical-align: middle;}
td {font-size: 0.8rem; text-align:center;}

input {font-family: sans-serif;}
input[type="date"],input[type="email"],input[type="month"],input[type="number"],input[type="tel"],input[type="text"],input[type="password"] {text-indent: 10px; color: #000000;border: 1px solid #dedede;box-sizing: border-box;}
input[type="number"] {text-align: right;}
input[type='text'] {font-size: 0.6rem; color:#000;}
input[type='email'] {width:92%; font-size: 0.7rem; color:#959595;font-weight: 400;}
input[type='submit'] {width:100px; height:40px; position: absolute; right:10px; margin-top:-10px; border-radius: 50px; border:none; box-shadow: 10px 5px 10px rgba(94,105,119,0.5); background: #e6ecf3; color:#5d6266; font-size: 1rem; cursor: pointer; font-weight: 500;}
::-webkit-input-placeholder {color: #959595;}
::-moz-placeholder {color: #959595;}
:-ms-input-placeholder {color: #959595;}
:-moz-placeholder {color: #959595;}
.table select {font-size: 0.7rem;color: #959595;font-weight: 400;padding-left: 10px;height: 35px;}
 
/*[[[[[[[[[[[[[[ MENU ]]]]]]]]]]]]]]*/
.menu_box {width:300px; height:1050px; background:#0e68b9; position: fixed; z-index: 10000;}
.menu_top {display: flex;}
.menu_top h1 {margin:22px 0  0 10px; display: inline-block;}
.menu_top .close {position: absolute; top: 14px; right: 0px; cursor: pointer;}
.menu_top .close span {width:30px; height:1px; background: #fff; display: block;}
.menu_top .close span:nth-child(1) {transform: rotate(45deg);}
.menu_top .close span:nth-child(2) {transform: rotate(-45deg);}

.menu {color:#fff; margin-top:30px;}
.menu li {color:#fff; border-bottom: 0.5px solid rgba(255,255,255,0.5); width:300px; height:60px; line-height: 60px;}
.menu li a {color:#fff; display: inline-block;}
.menu li::before {content: ''; vertical-align: middle; display: inline-block; margin:0 20px 0 10px;}
.menu li:nth-child(1)::before {width:50px; height:50px; border-radius: 150px; background: url(../img/login_1_blue.svg) no-repeat center center #fff; background-size: 60%;}

.solo_link_list:before { content: "\f054"; font-family: FontAwesome; padding-right: 5px; }
.my-control {width: 100%;display: inline-block;height: calc(1.0em + .75rem + 2px);padding: .35rem .15rem;font-size: 0.8rem;line-height: 1.5;color: #495057;background-color: #fff;background-clip: padding-box;border: 1px solid #ced4da;border-radius: .25rem;transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;}

/*[[[[[[[[[[[[[[ HEADER ]]]]]]]]]]]]]]*/
.header_wrap { width:100%; padding:5px 0 5px 0; }
.header_wrap > .header {display: flex; justify-content: space-between; margin:0 auto; max-width: 1200px; min-width: 320px;}
.header_wrap > .header h1, .header h2 {line-height: 30px;}
.header_wrap > .header > h2 {font-size: 1rem; color:#fff;  display: inline-block;}
.header_wrap > .header h2:nth-child(2)::first-letter{color:#1985e5;}
.header_wrap > .header h2:nth-child(2)::before{display: inline-block; width:30px; height:30px; border-radius: 50px; color:#1985e5; font-weight: 500; background: #fbd556; text-align: right;}
.header_wrap > .header > p {width:100px; height:30px; border-radius: 50px; background: #fff; margin-right:10px; text-align: center;}
.header_wrap > .header > p a {color:#1985e5; font-size: 0.7rem; line-height:30px;}
.header_wrap > .header > a { margin-left: 10px; }

.section1 { padding:5px 0; }
.section1 .search_wrap {margin:0 auto; background: #0e68b9; padding:8px 10px 5px 10px; min-width: 320px; position: relative; text-align: center;}

.tabcontent {display: none;}

table.type21{border-top:3px solid #222933; border-bottom:1px solid #222933;} 
table.type21>thead>tr>th, table.type21>tbody>tr>th{padding:8px 0 7px 19px; background:#f0f0f0; color:#444; font-size:14px; text-align:left;}
table.type21>thead>tr>td, table.type21>tbody>tr>td{padding:5px 10px 4px 10px;}
table.type21>thead>tr>tr, table.type21>tbody>tr>tr{height:45px;}
table.type21>thead>tr:first-child td.last, table.type21>tbody>tr:first-child td.last{padding:0; text-align:center; vertical-align:middle;}
table.type21 tr:first-child td.last .blue_btn{display:inline-block; margin-left:4px;}
table.type21 tr:first-child td.last .blue_btn:first-child{margin-left:0;}
/*table.type21>thead>tr:last-child>th, table.type21>tbody>tr:last-child>th{padding:3px 0 5px 19px;}
table.type21>thead>tr:last-child>td, table.type21>tbody>tr:last-child>td{padding:1px 10px 4px 10px;}*/
table.type21 .row1 th{padding:22px 0 22px 20px!important;}
table.type21 .row1 td{padding:18px 20px!important;}
table.type21>thead>td input[type=text], table.type21>tbody>td input[type=text],
table.type21>thead>td select, table.type21>tbody>td select{width:100%;}
table.type21>thead>td textarea, table.type21>tbody>td textarea{width:100%; height:60px;}
table.type21>thead>td>p, table.type21>tbody>td>p{color:#000000;}
table.type21 td>p.line{margin-top:4px;}
table.type21 td>p.line:first-child{margin-top:0;}
table.type21 td>p.fleft{display:inline-block;}
table.type21 td>p.left_input:after{content:""; display:block; clear:both;}
table.type21 td>p.left_input label{float:left; margin-left:38px;}
table.type21 td>p.left_input label:first-child{margin-left:0;}
table.type21 .solo_link_list{display:inline-block; margin-left:10px;}
table.type21 .solo_link_list:first-child{margin-left:0;}
table.type21 .time_input{float:left; padding-right:21px; background:url(/images/common/icon_time.gif) no-repeat 100% center;}
table.type21 .time_input:after{content:""; display:block; clear:both;}
table.type21 .time_input select{float:left; width:105px;}
table.type21 .time_input input[type="text"]{float:left; width:48px; margin-left:4px;}

.ex-datagrid thead>tr>th {padding: 5px 0;}
.ex-datagrid thead>tr>th>a, .ex-datagrid thead>tr>th>span {font-size: 0.6rem;}
.ex-datagrid-wrap .ex-datagrid>tbody>tr>td {padding:4px 0; font-size: 0.6rem;}
.ex-datagrid-wrap .ex-datagrid>thead>tr>th {padding:4px 0;}