body,p,div,form,ul,th,td,h1,h2,h3,h4{ font-size: 11pt; }

h1{ color:#777;margin-bottom:20px;margin-top:20px; }
h2{ height:0;width:300px;color:#1175ad;text-indent:2px;line-height:36px;margin-bottom:36px;font-weight:normal; }
h3{ margin:15px 0;padding:5px 45px;border-bottom:1px #999 solid;font-size:14pt;color:#1175ad; }
h4{ width:240px;text-align:center;font-size:18pt;color:#fff;border-radius:10px;padding:10px 20px;border:1px #ddd solid;background:#090;margin-bottom:5px; }

input[Type=text], .tbl_form input[Type=password]{ width:95%;border-radius:5px;border:1px #999 solid;padding:5px; }
input[Type=submit].bt_danger{ background:#0074a3 linear-gradient(#fe7171, #ec4747); }
textarea{ width:95%;height:150px; }
select .p_hold{ color:#999; }
.tbl_form input[Type=text]{ width:80px;border-radius:0px; }
td.number input[Type=text]{ text-align:right; }
#head_wrap{ width:100%;border-top:10px #fac21b solid;border-bottom:1px #E4E4E4 solid;padding-top:2px; }
#head{ padding-bottom:2px; }
#head_l{ width:40px;float:left;padding:1px 0;font-size:15pt;line-height:42px; }
#head_l img{ width:100%;max-width:145px; }
#head_c{ width:280px;float:left;font-size:13pt;line-height:14pt;padding-top:2px; }
#head_c a{ color:#222; }
#head_r{ width:120px;float:right;text-align:right; }
#head_r ul{ margin-top:2px; }
#head_r ul li{ width:100%;float:right; }
#head_r ul li a{ color:#d00;border-radius:3px;display:block;text-align:center;border:1px #E4E4E4 solid;padding:8px;margin-left:2px; }
#main_wrap{ width:100%;margin:0 auto; }
#cont{ margin:20px auto; }
#page_top{ text-align:right; }
#foot_wrap{ background:#666;padding:25px 0 25px; }
#foot{  }
#foot_menu{ margin-top:5px; }
#foot_menu ul{ width:25%;float:left; }
#foot_menu ul li{ font-size:10pt;line-height:15pt;border-left:1px #FFF solid;padding:3px 5px 3px 15px; }
#foot_menu ul li a{ color:#FFF; }
#bt_menu_foot{ display:none; }
#copyright{ background:#979797;color:#FFF;font-size:9pt;line-height:14pt;text-align:center;padding:10px 0; }

.cont{ width:1024px;margin:0 auto; }
.fixed_label label{ font-size:10pt;min-width:130px;display:inline-block;background:#eef;margin:2px;padding:2px;user-select:none; }
.fixed_label.bg1 label{ background:#fcc; }
.fixed_label.bg2 label{ background:#cfc; }
.fixed_label.bg3 label{ background:#ffc; }
.fixed_label.bg4 label{ background:#ffc;border:1px #ddd solid; }
.fixed_label.b_type label{ min-width:150px; }
.fixed_label.b_type label.on{ background:#fff500; }

.item_block{ width:100%;border-radius:4px;border:1px #ccc solid;margin:0 auto;margin-bottom:20px;padding:10px;box-shadow:0px 0px 3px #ddd;background:#fff; }
.item_block td{ word-break:break-all; }
.item_block .name{ overflow-x:hidden;line-height:22px; }
.item_block .info .img{ width:10%;float:left;border:1px #ddd solid; }
.item_block .info .img img{ width:100%; }
.item_block .info .body{ width:88%;float:left;margin-left:2%; }
.item_block .info .tbl_info{ width:100%; }
.item_block .link{ text-align:right;border:none;padding:0;padding-top:10px; }
.item_block .state{ font-size:10pt;font-weight:normal;background:rgb(71, 90, 218);color:#fff;padding:3px 7px;border-radius:5px; }
.item_block .state_ok{ background:rgb(71, 90, 218); }
.item_block .state_ng{ background:rgb(223, 21, 21); }
.item_block .new{ font-size:10pt;font-weight:normal;background:rgb(232, 135, 21);color:#fff;padding:3px 7px;border-radius:5px; }

.bt_tab_wrap{ margin:0 15px;margin-top:-36px; }

.edit_filter{ width:90%;margin:0 auto;text-align:right;margin-bottom:3px; }
.edit_filter a{ font-size:10pt;color:#fff;border-radius:30px;padding:3px 12px;background:linear-gradient(#15dd47,#12aa1c); }
.edit_filter a.bt_show_part{ background:linear-gradient(#999,#666); }

.search_order a.bt_print_list{ color:#fff;padding:4px 15px; }

.tabs li{ background:#eef;border:1px #ccf solid;padding:5px 26px;font-size:10pt;color:#444;float:left;margin-right:1px;margin-bottom:1px;cursor:pointer; }
.tabs li.active{ background:#ccf; }
.tabs li.all{ background:#fee; }
.tab_cont{ background:#eee; padding:20px 15px;padding-bottom:1px;width:755px; }
.tab_cont .f_opt{ margin-bottom:20px; }
.tab_cont .f_opt .f_opt_name{ font-size:10pt; }
.fixed_label .tab_cont label{ min-width:176px;letter-spacing:-1px; }

.bt_qr{ border:1px #bbb solid;padding:4px 20px; }

.tbl_form.tbl_contract th, .tbl_form.tbl_contract td{ width:auto; }
.tbl_form.tbl_contract th{ width:200px; }
.tbl_form.tbl_contract input[Type="text"]{ width:300px; }
.tbl_form.tbl_contract .th_wrap{ background:#135975;color:#fff; }
.tbl_form.tbl_contract th .essential{ display:inline-block;font-size:90%;line-height:120%;background:#f00;padding:2px 5px;color:#fff;border-radius:5px;margin-left:5px;position:absolute;right:5px; }
form.contract_form .info{ padding:5px 0; }
form.contract_form h1{ margin:0; }
.bt_small{ font-size:90%;padding:4px 10px;white-space:nowrap; }
.bt_disable{ background:#999; }
.popup_mail .subj{  }
.popup_mail .body{ padding:5px; }
.popup_mail label{ font-size:90%;width:90px;color:#449;text-align:center;display:inline-block;background:#ddf;border-radius:2px;padding:2px 5px;margin-right:5px;margin-bottom:4px; }
.bt_popup_close{ background:#fff; }

.popup_edit .tbl_form{ margin:0;width:100%; }
.popup_edit .tbl_form th{ width:20%;white-space:nowrap;text-align:right; }
.popup_edit .tbl_form td{ width:80%; }
.popup_edit .tbl_form td input[type=Text]{ width:90%; }
.popup_edit .tbl_form th.strong{ color:#900; }

.move_message{ padding:10px;text-align:center;background:#ffff99;color:#900; }

@media (max-width: 767px){
    h1{ font-size:120%; }
    .text{ text-align:justify; }
    .bt_wrap{ padding-top:40px;padding-bottom:20px; }
    .bt{ font-size:110%; }
    .cont{ width:95%; }
    .tbl_form.tbl_contract{ display:block;width:100%;margin:0; }
    .tbl_form tbody, .tbl_form tr{ display:block; }
    .tbl_form.tbl_contract th, .tbl_form.tbl_contract td{ display:inline-block;width:100%;font-size:110%;text-align:left; }
    .tbl_form.tbl_contract input[Type=text], .tbl_form.tbl_contract input[Type=password]{ width:100%; }
    #mode_message_wrap{ float:none;width:100%; }
    #mode_message{ width:96%;margin:2%;padding:0; }
    #mode_message_wrap .icon{ display:none; }
    #mode_message_wrap .bt_close_wrap{ display:none; }
    #mode_message_wrap .text{ width:100%;float:none;margin:0;padding:2%;font-size:80%; }
    #mode_message_wrap ul li{ font-size:95%; }
    #head_l{ width:14%; }
    #head_c{ width:86%; }
    #head_r{ display:none; }
    form .alert{ margin:0;padding:0; }
}