@charset "UTF-8";

body {
  /*font-family: "Noto Sans TC", sans-serif;*/
  font-family: sans-serif;
  /* font-weight: 100; */
  font-size: 1rem; /* 16px */
  /* color: #665e5e; */
}

/* move for ukmedia start*/

.p-3 {
    padding: 10px;
}

.my-3 {
    margin-top: 10px;
    margin-bottom: 10px;
}

.bg-gray-300 {
    background-color: #e2e8f0;
}

.tab_text_color {
  color: black;
}

.w-2\/3 {
    width: 66.66667%;
}

.inline-block {
    display: inline-block;
}

/* move for ukmedia end */

.margin_x_child > :not(:last-child) {
  margin-right: 5px;
}

.margin_x_child-m > :not(:last-child) {
  margin-right: 10px;
}

.margin_x_child-l > :not(:last-child) {
  margin-right: 15px;
}

.margin_y_child > :not(:last-child):not(#footer), .margin_y_child-even > :nth-child(even):not(:last-child):not(#footer) {
  margin-bottom: 5px;
}

.margin_y_child-m > :not(:last-child):not(#footer), .margin_y_child-even-m > :nth-child(even):not(:last-child):not(#footer) {
  margin-bottom: 10px;
}

.margin_y_child-l > :not(:last-child):not(#footer), .margin_y_child-even-l > :nth-child(even):not(:last-child):not(#footer) {
  margin-bottom: 15px;
}

.margin_y_all_child > :not(#footer), .margin_y_all_child-even > :nth-child(even):not(#footer) {
  margin-bottom: 5px;
}

.margin_y_all_child-m > :not(#footer), .margin_y_all_child-even-m > :nth-child(even):not(#footer) {
  margin-bottom: 10px;
}

.margin_y_all_child-l > :not(#footer), .margin_y_all_child-even-l > :nth-child(even):not(#footer) {
  margin-bottom: 15px;
}
.mr-1 {margin-right: .25rem !important;}
.p-0 {padding: 0 !important;}
.h34 {height: 34px;}
.min_w-1\/3 {min-width: calc(100%/3);}
/* .w-2\/3 {min-width: calc(100%*2/3) !important;} */
.w-full {width: 100% !important;}

.sidebar-toggle {padding: 14px 15px !important;}
.list_dot.fa-circle {transform: scale(.5);}
.box-header {min-height: 45px;}
[role="tooltip"] {min-width: 100px; max-width: 100%;}
.form_s, .form_m, .form_l {width: 100%;}
.form_s {height: 30px;}
.form_m {height: 34px;}
.form_l {height: 46px;}
.pseudo_dash {
  position: relative;
}
.pseudo_dash:after {
  content: "╵";
  position: absolute;
  bottom: -20px;
  left: 50%;
}
.datepicker {
  z-index: 1050 !important;
}
.select2 {width: 100%;}

.btn-search{color: #fff;background-color: #ef0000;border-color: #ef0000;}

/*==【popout】==*/
.popout{display:none;z-index:9999;position:fixed;left:0;top:0;right:0;bottom:0;width:100%;height:100%;background:rgba(0,0,0,0.55);}
.popout .inbox{
  background:#fff;width:600px;;position:absolute;left:50%;top:0;margin:0 0 0 -300px;
  -webkit-box-shadow:2px 2px 10px rgba(0,0,0,0.2);-moz-box-shadow:2px 2px 10px rgba(0,0,0,0.2);box-shadow:2px 2px 10px rgba(0,0,0,0.2);
}
.pop_hd{background:#f9f9f9;padding:15px 20px;border-bottom:1px solid #eee;position:relative;}
  .pop_hd h2{font-weight:bold;}
  .i_close{position:absolute;right:15px;top:13px;background:none;border:0;cursor:pointer;padding:5px;margin-top:-2px;opacity:0.25;color:#000;font-size:21px;font-weight:bold;line-height:1;}
  .i_close:hover{opacity:4;}
.pop_bd{padding:30px 20px;}
  .psbox{text-align:center;padding:10px;border:1px dashed #ddd;margin:0 0 20px;}
  .psbox a{color: #337ab7}
  .psbox small{font-size:10px;}
  .jquery-filestyle input{width:50% !important;}
  .popbtn{padding:30px 0 0;text-align:right;margin-bottom:-15px}
.popout .chosen-container{width:20% !important;}
input[type=file] {display: unset;}

@media (min-width: 768px) {
  .modal-dialog {
    width: 90%;
  }
  .pseudo_dash:after {
    content: "-";
    top: 5px;
    right: -4px;
    bottom: auto;
    left: auto;
  }
}
@media (min-width: 960px) {
  .modal-dialog {
    width: 70%;
  }
}
@media (min-width: 1200px) {
  .modal-dialog {
    width: 60%;
  }
}

.table td {
  text-align: left !important;
}

.table th {
  text-align: left !important;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
.sr-1 {
  z-index:100;
}

