@charset "utf-8";

/* CSS Document */
html { overflow:-moz-scrollbars-vertical; height:100%;}
body {
	font-family: 'Roboto', 'Noto Sans TC', sans-serif;
  font-size: .875rem;
  font-size: .875rem;
	line-height: 1.5;
	color: #222;
  background: #F2F0F0;
  -webkit-overflow-scrolling: touch;
}

a { color:#007bb0; text-decoration: none; }
a:hover { color:#3F8365; text-decoration: none;
          -o-transition:all .3s linear;
   -webkit-transition:all .3s linear;
      -moz-transition:all .3s linear;
              transition:all .3s linear;
}
*:focus, button:focus, input:focus, textarea:focus, .btn:focus {
  border: red dotted 3px !important;
  outline: none !important;      
  box-shadow: none!important;
}
::selection { background: #e2f1ee; }
::-moz-selection { background: #e2f1ee; }

select.form-control:invalid { fill: #d4d4d4!important; }
select option { color: #555; }
input { border: 1px solid #B4B4B4; }
input[placeholder]::placeholder { color: #d4d4d4; }
input[type=checkbox]
{
  /* Double-sized Checkboxes */
  -ms-transform: scale(1.5385); /* IE */
  -moz-transform: scale(1.5385); /* FF */
  -webkit-transform: scale(1.5385); /* Safari and Chrome */
  -o-transform: scale(1.5385); /* Opera */
  transform: scale(1.5385);
  margin-top: 0;
}
input[type=radio]
{
  /* Double-sized Checkboxes */
  -ms-transform: scale(1.5385); /* IE */
  -moz-transform: scale(1.5385); /* FF */
  -webkit-transform: scale(1.5385); /* Safari and Chrome */
  -o-transform: scale(1.5385); /* Opera */
  transform: scale(1.5385);
  margin-top: 0;
}
.form-check { width: 100%; padding-top: 6px; padding-bottom: 6px; padding-left: 1.75rem; line-height: 1!important; }
.form-check-input, .form-check-inline .form-check-input { position: static; /*vertical-align: middle;*/ margin-left: -1.5rem; margin-right: 6px;  }
.form-inline .form-check { margin-right: 22px; width: auto; padding-left: 0; }
.form-inline .form-check-input { margin-left: 4px; margin-right: 10px; }
.form-check-inline { width: auto; }
.form-check-label { vertical-align: text-top; line-height: 1; }
.form-inline .form-check-label { padding-top: 2px; }


table, .table { color: inherit; margin-bottom: 0; }
table caption { visibility: hidden; height: 0; padding:0; z-index: -1; }

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */
.red { color: #FF0B0B; }
.modal-content { border-radius: 10px; }

.wrapper {	
  padding: 20px 0;
}
@media (min-width: 576px) {
  .container {
    max-width: inherit;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: inherit;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: inherit;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1800px;/*max-width: 1310px;*/
  }
}



header {
  padding: 13px 0 2px 0;
  background-image: url(../images/header_bg.png);
  background-position: right center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-color: #fff;
  border-bottom: 6px solid #0E658B;
}
.navbar { padding: 0; }
.navbar .nav {
  width: calc(100% + 30px);
  margin-left: -15px;
  margin-right: -15px;
}
.navbar .nav > li {
  position: relative;
  flex: 1;
}
.navbar .nav > li:before {
  display: block;
  content: '';
  width: 3px;
  height: 32px;
  background: #59538F;
  position: absolute;
  right: -1px;
  top: 18px;
}
/* .navbar .nav > li:nth-child(10)::before { display: none; } */
.navbar .nav > li.moshow {
  display: none;
}
.navbar .nav > li a {
  display: block;
  color: #59538F;
  padding: 25px 15px;
  font-size: 1.25rem;
}
.navbar .nav > li a:hover {
  color: #3558af;
}

main.index .navbar {  padding: 15px 10px; }
main.index .navbar .nav > li a { color: #000F46; }
main.index .navbar > ul {
  margin: 0 0 0 0;
  padding: 0;
  list-style: none;
  display: flex;
}
main.index .navbar .nav > li {
  flex: 0 0 100%;
  background: url(../images/icon_box.png) no-repeat left bottom;
  box-shadow: 0 2px 4px rgba(0,0,0,0.15);
  margin-bottom: 8px;
}
main.index .navbar .nav > li:before { display: none; }
.navbar .nav-head {
  display: none;
}
main.index .navbar .nav > li > a {
  display: block;
  padding: 0;
  height: 34px;
  line-height: 34px;
  font-size: .875rem;
  color: #000F46;
  border: 2px solid #77B270;
  border-radius: 2px;
  position: relative;
}
main.index .navbar .nav > li > a:hover {
  background: #DAECD7;
}
main.index .navbar .nav > li > .dd-toggle {
 display: none;
}
main.index .navbar .outlets {
  position: absolute;
  top: -10px;
  right: 0;
}

.navbar-logo {
  display: inline-block;
}
.navbar-logo a {
  display: block;
  background: url(../images/logo.png) no-repeat;
  background-size: cover;
  width: 576px;
  height: 82px;
  text-indent: -99999px;
  overflow: hidden;
}

/* Animation */
@keyframes fadeInUp {
    from {
        transform: translate3d(0,100px,0)
    }
    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}
@-webkit-keyframes fadeInUp {
    from {
        transform: translate3d(0,100px,0)
    }
    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}
.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -webkit-animation-fill-mode: both
}

.btn {
  font-size: .875rem;
  line-height: 1;
  padding: .375rem 1rem;
  border-radius: 3px;
  white-space: break-spaces;
}
.btn-link:hover, .btn-link.focus, .btn-link:focus { 
  text-decoration: none;
  outline: #4D805A dotted 3px;
}
.btn-default,
.btn-default:visited {
  background-color: #3F8365;
  border-color: #3F8365;
  color: #fff;
}
.btn-default:hover,
.btn-default:active,
.btn-default:focus,
.tabsitem .active .btn-default {
  background-color: #417B63;
  border-color: #417B63;
  color: #fff;
}
.btn-danger,
.btn-danger:visited {
  background-color: #E95A47;
  border-color: #E95A47;
  color: #fff;
}
.btn-danger:hover,
.btn-danger:active,
.btn-danger:focus,
.tabsitem .active .btn-danger {
  background-color: #AE3232;
  color: #fff;
}
.btn-blue,
.btn-blue:visited {
  background-color: #0E658B;
  border-color: #0E658B;
  color: #fff;
}
.btn-blue:hover,
.btn-blue:active,
.btn-blue:focus,
.tabsitem .active .btn-blue {
  background-color: #00405c;
  color: #fff;
}
.btn-warning,
.btn-warning:visited,
.btn-page,
.btn-page:visited {
  background-color: #FF9829;
  border-color: #FF9829;
  color: #fff;
}
.btn-warning:hover,
.btn-warning:active,
.btn-warning:focus,
.tabsitem .active .btn-wraning,
.btn-page:hover,
.btn-page:active,
.btn-page:focus {
  background-color: #CC4B00 !important;
  color: #fff !important;
}
.btn-purple,
.btn-purple:visited {
  background-color: #00229F;
  border-color: #00229F;
  color: #fff;  
}
.btn-purple:hover,
.btn-purple:active,
.btn-purple:focus,
.tabsitem .active .btn-purple {
  background-color: #010f7c;
  color: #fff;
}
.btn-green,
.btn-green:visited {
  background-color: #51ad6b;
  border-color: #51ad6b;
  color: #fff;  
}
.btn-green:hover,
.btn-green:active,
.btn-green:focus,
.tabsitem .active .btn-green {
  background-color: #50845e;
  color: #fff;
}
.btn-pink,
.btn-pink:visited {
  background-color: #F16EAD;
  border-color: #F16EAD;
  color: #fff;  
}
.btn-pink:hover,
.btn-pink:active,
.btn-pink:focus,
.tabsitem .active .btn-pink {
  background-color: #D9498E;
  color: #fff;
}
.btn-redpurple,
.btn-redpurple:visited {
  background-color: #7048cf;
  border-color: #391c7a;
  color: #fff;  
}
.btn-redpurple:hover,
.btn-redpurple:active,
.btn-redpurple:focus,
.tabsitem .active .btn-redpurple {
  background-color: #533696;
  color: #fff;
}

.tabsitem .btn {
  display: block;
  font-size: 1rem;
  min-width: 169px;
  text-align: center;
  border-radius: 8px;
  padding: .7rem .1rem;
  margin: 0 5px;
}
.tabsitem .active .btn {
  font-weight: bold;
}

.btn-sm {
  font-size: .75rem;
  padding: 6px 8px;
}

.img-fluid {
  max-width: 100%;
  display: block;
  margin: 0 auto;
}
.form-control {
  border-radius: 3px;
  border-color: #B4B4B4;
}
.bottomsearch { margin-bottom: 10px; }
.bottomsearch .form-control {
  height: 28px;
  line-height: 28px;
  width: calc(100% - 85px);
  margin-right: 5px;
}
.bottomsearch .btn {
  width: 80px;
  padding: 6px;
}


footer {
  font-size: .8875rem;
  -webkit-text-size-adjust:none;
  line-height: 1;
  padding: 25px 0 0;
  background: #0E658B;
  color: #fff;
}
footer h4, footer .h4 {
  font-size: 1.4rem;
  line-height: 1;
  font-weight: bold;
  font-family: 'Noto Serif SC', sans-serif;
  margin: 0 0 6px 0;
}
footer h4 span, footer .h4 span {
  font-weight: normal;
  font-size: .6875rem;
  -webkit-text-size-adjust:none;
  margin-left: 16px;
  position: relative;
}
footer h4 span:after, footer .h4 span:after  {
  display: block;
  content: '';
  width: 1px;
  height: 12px;
  background: #fff;
  position: absolute;
  left: -7px;
  top: 3px;
}
footer ul, footer ol {
  list-style: none;
  padding: 0;
  margin: 0;
}
footer ul li {
  float: left;
  width: 50%;
  padding: 3px 0;
  position: relative;
}
/* footer ul li:nth-child(1), footer ul li:nth-child(3) {
  width: 45%;
} */
footer ul.last li {
  float: inherit;
  width: auto;
}
footer ul li a {
  display: inline-block;
  padding: 3px 5px;
  color: #fff;
}
footer ul li a:hover {
  color: #fff;
}

/* Footer lists: stack each contact item on its own line */
.footer-list {
  padding-left: 0;
  list-style: none;
}

.footer-list li {
  float: none;
  width: 100%;
}
footer .col-md-2 { display: flex; align-items: flex-end; }
footer .counter {  }
footer .counter li {
  padding: 3px 0;
  text-align: right;
}
footer .bottom {
  margin-top: .9375rem;
  text-align: center;
  padding: 5px 0;
  color: #2AB7A6;
  background: #000F46;
  font-size: .6875rem;
  -webkit-text-size-adjust:none;
}
footer .bottom .btn-link {
  color: #2AB7A6;
  font-size: .625rem;
  -webkit-text-size-adjust:none;
  text-decoration:none;
  line-height: 10px;
  border-color: #2AB7A6;
  border-radius: 10px;
  padding: 5px;
  position: relative;
  margin-right: 10px;
}
footer .bottom .btn-link:before, footer .bottom a:first-child:after {
  display: block;
  content: '';
  width: 1px;
  height: 18px;
  background: #2AB7A6;
  position: absolute;
  right: -8px;
  top: 1px;
}
footer .bottom a:first-child:after { display: none; left: -8px; right: inherit; }

.form-check-label:before{
  background-color:#ccc;
}
.form-check .form-check-input:checked~.form-check-label::before{
  background-color:#000;
}
textarea { resize: vertical; }

.topbar {
  font-size: .875rem;
  line-height: 1;
  padding: 8px 0;
  background: #fff;
  box-shadow: 0 3px 4px rgba(0,0,0,0.2);
  position: relative;
  text-align: right;
}
.toptime { display: inline-block;  vertical-align: middle; padding-right: 15px; }
.toptime b { font-weight: normal; background:#0E658B; color: #fff; padding: 2px 6px; margin-right: 6px; }
.topsearch { display: inline-block;  vertical-align: middle; padding-right: 15px; }
.topsearch input { border: 1px solid #414141; }
.topsearch button { background:#0E658B; color: #fff; padding: 3px 6px; margin-left: 0; border: 0; }
.topnav { display: inline-block; vertical-align: middle; padding: 0; margin:0; list-style: none; }
.topnav li.outlets a { font-family: 'Noto Sans TC'; font-weight: bold; padding: 0; }
.topnav li { display: inline-block;  vertical-align: middle;  margin: 0; padding: 0; }
.topnav li a { display: block; padding: 3px; }
.topnav li a i { margin-right: 3px; font-size: .875rem;}
.topnav li:nth-child(2) a i { font-size: .9375rem; }
.outlets span { font-family: 'Noto Sans TC'; font-weight: bold; padding: 0; font-size: .75rem; }
.topbar .outlets span { visibility:visible!important; }

.major-box {
  background: #fff;
  border: 1px solid #8D8D8D;
  margin-bottom: 20px;
}
.major-title {
  padding: 9px 15px;
  background: #b0ded6;
  color: #000F46;
  position: relative;
  display: flex;
}

.major-box.first-box { 
  padding-top: 10px;
  position: relative;
}
.major-box.first-box:before {
  display: block;
  content: '';
  background: #29855d; 
  width: 100%;
  height: 10px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.major-title > i {
  display: inline-block;
  vertical-align: middle;
  width: 22px;
  height: 22px;
  margin-right: 5px;
  font-size: 1.375rem;
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
}


.major-title > i.ico-login {
  background-image: url(../images/icon_lock.png);
}
.major-title > i.ico-menu {
  background-image: url(../images/icon_arrow.png);
}
.major-title > i.ico-news {
  width: 28px;
  height: 30px;
  margin-top: -6px;
  margin-bottom: -2px;
  background-image: url(../images/icon_lightbulb.png);
}
.major-title2 h5 {
  font-size: 1.1rem;
  min-height: 22px;
  margin: 10px;
  display: inline-block;
  vertical-align: middle;
  flex: 1;
  color: rgb(34, 34, 34);
  padding-top: 0.5em;
}
.major-title h2 {
  font-size: 1.125rem;
  line-height: 22px;
  min-height: 22px;
  font-weight: 500;
  margin: 0;
  display: inline-block;
  vertical-align: middle;
  flex: 1;
}
.major-title h2 > span {
  font-size: .6875rem;
  padding-left: 6px;
  font-weight: normal;
  display: inline-block;
  vertical-align: middle;
  text-transform: uppercase;
}
.major-title .readmore {
  font-size: .75rem;
  display: inline-block;
  position: absolute;
  right: 10px;
  top: 12px;
}
.major-title h3 {
  font-size: 1.25rem;
  font-weight: bold;
  flex: 1;
}
.major-title.blue {
  padding: 12px 15px;
  background: #F0F8FB;
  border-bottom: 2px solid #000;
  font-size: 1rem;
  position: relative; 
 }

.toggle-btn {
  position: absolute;
  right: 10px;
  top: 8px;
  cursor: pointer;
}
.toggle-btn:before {
  display: block;
  content: '▲';
  width: 26px;
  height: 26px;
  line-height: 26px;
  text-align: center;
  font-size: 1rem;
  color: #3D5F58;
}
.toggle-btn.collapsed:before {
  content: '▼';
}

.major-title.blue .toggle-btn {
  display: block;
  height: 29px;
  line-height: 32px;
  padding: 0 30px 0 10px;
  background: #FFF389;
  color: #000;
  font-size: .875rem;
  border-radius: 9px;
  position: absolute;
  right: 15px;
  top: 8px;
}
.major-title.blue .toggle-btn:before {
  display: block;
  content: '︽';
  width: 20px;
  height: 20px;
  text-align: center;
  color: #000;
  position: absolute;
  right: 10px;
  top: -1px;
}
.major-title.blue .toggle-btn.collapsed:before {
  content: '︾';
  top: 9px;
}

.announce-box .toggle-btn, .form-middle-box .toggle-btn {
  display: none;
}


.tabsitem-hit .major-title { display: none; }
.sub-title {
  color: #59538F;
  font-size: 1.125rem;
  padding:9px 30px;
  margin:15px 15px 0;
  position: relative;
}
.sub-title:after {
  display: block;
  content: '';
  width: 15px;
  height: 39px;
  background: #EFA657;
  position: absolute;
  left: 0;
  top: 0;
}

.desktitlecolor{ /*首頁title背景顏色*/
  background:#29855d;
}
.deskboxcolor{/*首頁顏色*/
  background: #29855d;
}
.desktitlecolor h2{ /*首頁title文字顏色*/
  color: white;
}

.breadcrumb {
  margin-bottom: 0;
  background:none;
  font-weight: 300;
}
.breadcrumb-item+.breadcrumb-item::before {
  content: '>';
}
.breadcrumb a {
  color: #222;
}
.breadcrumb a:hover {
  text-decoration: underline;
}

main.index .leftwrap {
  float: left;
  width: 245px;
}

main.index .rightwrap {
  float: right;
  width: calc(100% - 265px);
  padding-top: 39px;
  position: relative;
  z-index: 1;
}

.banner {
  width: 100%;
  max-width: 900px;
  margin: 10px auto;
}
.banner .carousel-indicators {
  margin: 0;
  bottom: 9px;
  z-index: 1;
}
.banner .carousel-indicators li {
  border: 1px solid #388074;
  width: 9px;
  height: 9px;
  border-radius: 100%;
  opacity:1;
}
.banner .carousel-indicators .active, .banner .carousel-indicators li:hover {
  background:#388074;
}


.login-list {
  list-style: none;
  margin:0;
  padding: 0 0px;
}
.login-list li {
  padding-left: 80px;
  margin: 5px 0;
  position: relative;
}
.login-list li label {
  margin: 0;
  position: absolute;
  left: 0;
  top: 3px;
}
.login-list li input {
  height: 23px;
  line-height: 23px;
  width: 100%;
  border-radius: 3px;
}
.login-code {
  margin: 0 20px;
  padding-top: 10px;
  text-align: right;
}
.login-code .num {
  margin: 0;
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
}
.login-code .num img { max-width: 146px; }
.login-code .recode {
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  background: url(../images/icon_recode.png) no-repeat center;
  background-size: cover;
}
.login-button {
  padding: 0 0 10px 0;
}
.login-button p {
  margin-bottom: 10px!important;
}
.login-button .btn {
  font-size: 1rem;
  display: block;
  width: 100%;
  padding: .5rem 1rem!important;
}

.group-tabs {
  text-align: right;
  margin-top: -16px;
  margin-bottom: -6px;
}
main.index .group-tabs {
  margin-bottom: 0;
  position: absolute;
  right: 0;
  top: -17px;
  z-index: 9;
  margin: 0;
}
.group-tabs ul {
  margin: 0;
  padding: 0;
  display: inline-block;
}
.group-tabs ul li {
  float: left;
  width: 161px;
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: left;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.group-tabs ul li.tabs1 {
  border: 2px solid #FFAA06;
  background: url(../images/icon_tab1.png) no-repeat;
  background-color: #FFAA06;
  background-position: left 5px bottom 3px;
}
.group-tabs ul li.tabs2 {
  border: 2px solid #2897C8;
  background: url(../images/icon_tab2.png) no-repeat;
  background-color: #2897C8;
  background-position: left 10px bottom 3px;
}
.group-tabs ul li.tabs3 {
  border: 2px solid #F16EAD;
  background: url(../images/icon_tab3.png) no-repeat;
  background-color: #F16EAD;
  background-position: left 10px bottom 3px;
}
.group-tabs ul li.tabs4 {
  border: 2px solid #894DD5;
  background: url(../images/icon_tab4.png) no-repeat;
  background-color: #894DD5;
  background-position: left 19px bottom 3px;
}
.group-tabs ul li.tabs5 {
  border: 2px solid #388E3C;
  background: url(../images/icon_tab2.png) no-repeat;
  background-color: #388E3C;
  background-position: left 10px bottom 3px;
}
.group-tabs ul li.tabs1.active, .group-tabs ul li.tabs1:hover {
  border: 2px solid #FF5F06;
}
.group-tabs ul li.tabs2.active, .group-tabs ul li.tabs2:hover {
  border: 2px solid #1D6382;
}
.group-tabs ul li.tabs3.active, .group-tabs ul li.tabs3:hover {
  border: 2px solid #B8216A;
}
.group-tabs ul li.tabs4.active, .group-tabs ul li.tabs4:hover {
  border: 2px solid #520CAB;
}
.group-tabs ul li.tabs5.active, .group-tabs ul li.tabs5:hover {
  border: 2px solid #2E7D32;
}
.group-tabs ul li a {
  display: block;
  color: #fff;
  padding: 10px 5px 5px 45px;
  font-size: 1.25rem;
  line-height: 1.1;
}
.group-tabs ul li.tabs2 a,
.group-tabs ul li.tabs3 a,
.group-tabs ul li.tabs5 a {
  padding-left: 55px;
}
.group-tabs ul li.tabs4 a {
  padding-left: 58px;
}
.group-tabs ul li a em {
  display: block;
  font-style: normal;
  font-size: .875rem;
  -webkit-text-size-adjust:none;
  font-weight: 300;
  padding-left: 2px;
}
.group-tabs ul li:hover, .group-tabs ul li.active {
  margin-top: -4px;
}
.group-tabs ul li:hover, .group-tabs ul li.active {
  padding-top: 4px;
}

.return-list { padding-bottom: 0; }
.return-list .major-title { margin-bottom: 0; }
.return-list .row { border-bottom: 1px solid #ccc; align-items: center; }
.return-list .row:last-child { border:0; }
.return-list .row > div { padding-top: 7px; padding-bottom: 7px; }
.return-list .row p { color: #FF0000; margin: 0; }
.return-list .row .col-md-4 { text-align: right; }
.return-list ul {
  list-style: none;
  margin: 0;
  padding:0;
}
.return-list ul li {
  display: inline-block;
  vertical-align: middle;
}
.return-list ul li:first-child {
  padding-right: 20px;
}
.return-list ul li:last-child {
  padding-left: 30px;
}
.return-list .form-check-input {
  margin-right: 6px;
}
.return-list .btn {
  font-size: .75rem;
  padding: 4px 18px;
}

.page-number form {
  justify-content: center;
  align-items: center;
  text-align: center;
}
.page-number .form-group {
  margin: 0 10px;
}
.page-number .form-control {
  font-size: .875rem;
  line-height: 1;
  padding: 3px 25px;
  height: auto;
  border-color: #CFCFCF;
}
.page-number p:first-child {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  padding-right: 20px;
  position: relative;
}
.page-button { padding: 15px 0; text-align: center; }
.page-button .btn { min-width: 130px; margin: 0 10px; font-size: 1.125rem; padding: 10px; border-radius: 6px; }
.page-button .btn-page { min-width: 100px; padding-top: 6px; padding-bottom: 6px; }
.page-button .btn.back { display: none; }


.brand-items { margin: -10px auto 20px; }
.brand-items .owl-carousel .owl-item .item {
  padding: 3px;
  border: 1px solid #ccc;
  border-radius: 3px;
}

.box-bluehead {
  padding: 20px 15px;
  background: #F0F8FB;
}
.box-bluehead ol {
  list-style: none;
  padding: 0;
  margin: 0;
}
.box-bluehead ol li {
  display: inline-block;
  vertical-align: middle;
  margin-left: 25px;
  font-size: 1.25rem;
}
.box-bluehead ol li:first-child {
  margin-left: 0;
}
.box-bluehead h4 { font-size: 1rem; color: #313131; }
.box-bluehead p { color: #5E5E5F; }


.page-topbox .box-login {
  padding: 10px 10px 0;
  background: #F0F8FB;
  flex: 0 0 258px;
  font-size: .975rem;
}
.page-topbox .col {
  position: static;
}
.box-login p { margin-bottom: 10px!important; }
a:not([href]):not([tabindex]) {
    color: white;
}

.download-table { margin: 0; }
.download-table tr td {
  font-size: 1rem;
  vertical-align: middle;
}
/*.download-table tr td:nth-child(1) {
  width: 12%;
  text-align: right;
}*/
.download-table tr td i {
  color: #00AA25;
  font-size: 1.875rem;
}
.download-table a:hover { text-decoration: underline; }

.col-title { padding-right: 0; }

.search-box .row { margin-top: 15px; margin-bottom: 15px; align-items: center; justify-content: center; }
.search-box .col { text-align: center;/* flex: 0 0 100%; */}
.search-box .col-title { line-height: 1; }
.search-box .col-md-1 { min-width: 100px; flex: 0 0 90px; padding-right: 0; }
.search-box .col-lg-1 { min-width: 150px; flex: 0 0 150px; padding-right: 0; }
.search-box .col-lg-2.col-title { min-width: 160px;  flex: 0 0 160px;  padding-right: 0;  }
.form-inline-date.inline2 select.form-control:first-child,
.form-inline-date.inline2 select.form-control { width: auto; margin-right: 0; }
.form-inline-date.inline2 select.form-control:last-child {  }
.search-box .page-button .btn { margin: 10px 5px 10px; min-width: 130px; }
.search-box .final .col { padding-top: 2rem; padding-bottom: 2rem; text-align: left; justify-content: left; }

.search-long .row .col-lg-1 { min-width: 120px; flex: 0 0 120px; }
.search-long .row .col-lg-1.fix { position: relative; }
.search-long .row .col-lg-1.fix > div { width: 140px; position: absolute; left: 15px; top: -11px; }


.faq-list-box h5 button { font-size: 1rem; color: #000; }
.faq-list-box h5 button:hover, .faq-list-box h5 button:focus {  text-decoration: none; }
.faq-list-box .card  { border: none; }
.accordion>.card>.card-header { padding-left:0; margin-bottom: 0; }
.faq-list-box .card-header { background: #F0F8FB; border: none; border-bottom: 1px solid #7E7E7E;  }
.faq-list-box .card-body { padding: 30px 3rem; line-height: 2; border-bottom: 1px solid #ccc; }

.table tr th, .table-long tr th { font-size: 1rem; line-height: 1.2; text-align: center; background: #F0F8FB; border-bottom: 2px solid #7E7E7E; font-weight: 500; }
.table tr th, .table tr td { padding: 15px; vertical-align: middle; }
.table tr td:first-child { text-align: center; }
.table-red tr th:first-child, .table-red tr td:first-child { width: 18%; white-space: nowrap; }
.table-red tr td:last-child { width: 35%; color: #FF0B0B; }
.table-red tr td .hide { display: none; }

.table-hover tr:hover { background: #f7f7f7; }
.table-form tr td { text-align: left; }
.table-form tr td:first-child { width: 32%; text-align: left; } 
.table-form tr td:last-child { width: 27%; }

.final { background: #F0F8FB; }
.table .code { padding: .8rem 3rem; color: #fff; background: #626161; margin-left: 3rem; }
.form-check input.form-control { padding: 5px; line-height: 1; height: calc(1em + 10px + 2px); margin-left: 5px;  }
small { font-size: .75rem; }


.read1, .read2, .read3 { display:inline-block; vertical-align: middle; width: 10px; height: 10px; border-radius: 50%; margin: -3px 2px 0 0; }
.read1 { background:#FF0000; }
.read2 { background:#00C714; }
.read3 { background:#FFC700; }
.reads { 
  display: flex;
  list-style: none;
  margin-bottom: 0rem;
}

.news-box .table tr th,  .news-box .table tr td {
  text-align: center;
  vertical-align: middle;
  border-color: #bbb;
  padding: .75rem .3rem;
}
.news-box .table tr th {
  font-size: .875rem;
  color: #000F46;
  border-bottom: 3px solid #0E658B;
}
.news-box .table tr th:first-child, .news-box .table tr th:nth-child(5) {
  width: 100px;
}
.news-box .table tr th:nth-child(2), .news-box .table tr th:nth-child(3) {
  width: 70px;
}
.news-box .table tr td:nth-child(4),.news-box .table tr th:nth-child(4) {
  word-break: break-all;
  text-align: left;
}
.news-box .table tr th:nth-child(6), .news-box .table tr th:nth-child(8) { width: 60px; }
.news-box .table tr th:nth-child(7) { width: 70px; }
.news-box .table tr td em { display:block; margin: 0 auto; width: 10px; height: 10px; }
.table tr td .print { display: block; font-size: 1.375rem; color: #009933; }
.table tr td .print:hover { color: #417B63; }

.list-box .table tr td:first-child { min-width: 60px; }

.table-long tr th { text-align: center; }
.table-long tr td > b { display: none; font-weight: bold; vertical-align: middle; }
.table-long tr th, .table-long tr td { padding: .5rem .5rem; vertical-align: middle; text-align: center; }
.table-long tr th:first-child { width: 90px; }
.table-long tr th:nth-child(2) { width: 80px; }
.table-long tr th:nth-child(3) { width: 130px; }
.table-long tr th:nth-child(4) { width: 90px;  }
.table-long tr th:nth-child(5) { width: 80px; }
.table-long tr th:nth-child(6) { width: 110px; }
.table-long tr td:nth-child(7) { text-align: left; }
.table-long tr th:nth-child(8) { width: 80px; }
.table-long tr th:nth-child(9) { width: 80px;  }
.table-long tr th:nth-child(10) { width: 50px;  }
.table-long tr th:nth-child(11) { width: 50px;  }
.table-long tr th:nth-child(12) { width: 130px;  }
.table-long tr td:nth-child(12) { text-align: left; }
.table-long tr th:last-child { width: 90px; }
.news-box.table-long tr td {
  padding: 0.5rem 0.5rem;
  vertical-align: middle;
  text-align: center;
}
.news-box.table-long tr td:nth-child(4),.news-box.table-long tr th:nth-child(4)
{
  word-break: break-all;
  text-align: left;
}
.table-striped tr td:nth-child(4),
.news-box .table-striped tr th:nth-child(4),.news-box .table-striped tr td:nth-child(4) {
  text-align: center;
}
.table-long-mobile { font-size: .9375rem; display: none; }
.table-long-mobile tr th, .table-long-mobile tr td { border: none; background: none; padding: .4rem 1rem; text-align: left; }
.table-long-mobile thead tr th, .table-long-mobile thead tr td {
    background: #0E658B;
    color: #fff;
}
.table-long-mobile thead tr th { font-size: .9375rem; }
.table-long-mobile thead b { font-size: 1.125rem; margin-left: 5px; }
.table-long-mobile thead small { margin-left: 3px; }
.table-long-mobile tbody tr th, .table-long-mobile tbody tr td { padding: .6rem .5rem; border-bottom:1px solid #C1C1C1; }
.table-long-mobile tbody tr th {font-weight: bold; width: 100px; }
.table-long-mobile .page-button { padding: 5px 0; }
.table-long-mobile .page-button .btn { margin: 0 5px; min-width: 90px; }
.table-long-mobile .ans { display: inline-block; vertical-align: middle; }


.table-green tr th,  .table-green tr td { padding: .5rem .5rem; vertical-align: middle; text-align: center; }
.table-green tr th { background: #94D0C5; border: 1px solid #fff; }
.table-green tr td { border: 1px solid #CCE3F4; }
.table-green tr td a { color: #3298C4; }
/* .table-green tr th:first-child { width: 60px; }
.table-green tr th:nth-child(8) { width: 70px; }
.table-green tr th:nth-child(9),
.table-green tr th:nth-child(10),
.table-green tr th:nth-child(11),
.table-green tr th:nth-child(12) { width: 60px; }
.table-green tr td:nth-child(12), .table-green tr td:nth-child(13) { font-size: 1.375rem; }
.table-green tr td:nth-child(9),
.table-green tr td:nth-child(10),
.table-green tr td:nth-child(11) { color: #FF0B0B; } */

.report-box .table-long-mobile thead tr th:last-child { text-align: right; }
.report-box .table-long-mobile tbody tr th { width: auto; white-space: nowrap; padding-right: 0; }
.report-box .table-long-mobile .page-button .btn { background-color: #3298C3; border-color: #3298C3; font-size: 1.25rem; width: calc(50% - 10px); }


.profile-box, .calendar-box { font-size: 1rem; }
.profile-box .row, .calendar-box .row { margin-top: 20px; margin-bottom: 20px;  }
.person { margin-top: 20px; margin-bottom: 20px; font-size: 1rem; font-weight: 700;  }
.table-pen { display:inline-block; font-size:1.5rem; padding-right:5px; Vertical-align:top; margin-top:5px;  }
.table-person { display:inline-block;  }
.profile-box .row > div, .calendar-box .row > div { padding-top: 5px; padding-bottom: 5px; }
.profile-box .table tr th, .profile-box .table tr td { text-align: center; }
.profile-box .table tr th, .calendar-box .table-calendar tr th { font-size: 1.125rem; border: 1px solid #636363; border-bottom-width: 2px; }
.profile-box .table tr td, .calendar-box .table-calendar tr td { font-size: 1rem; border: 1px solid #636363; color: #666; }
.profile-box .table-mobile { display:none; border: 2px solid #636363; }
.profile-box .table-mobile tr th { border-bottom-width: 1px; font-size: .9375rem; white-space: nowrap; }
.profile-box .table-mobile tr td { width: 30%; }
.profile-box .table-mobile tr th, .profile-box .table-mobile tr td { padding: 10px 5px; }

.middle-container { font-size: 1rem; padding: 15px!important; margin-top: -20px;  border: 1px solid #8D8D8D; border-top: none; border-bottom: none; background: #F2F0F0; }
.middle-container .red { font-size: 1.125rem; font-weight: 700; }
.middle-container .list-text { list-style: none; margin: 0; padding: 0; }
.middle-container .list-text li { display: inline-block; padding-right: 3.3%; }
.middle-container .list-text li:last-child { padding-right: 0; }

/*
.profile-box .table tr th { display: none; }
.profile-box .table tr tr { display: block; align-items: stretch; justify-content: center; }
.profile-box .table tr td { float: left; width: 50%; display: flex; padding: 0; }
.profile-box .table tr td > b { display: flex; flex: 0 0 80px; width: 80px; padding: 10px 5px; background: #F0F8FB; border-right: 1px solid #636363; }
.profile-box .table tr td > p { display: flex; margin: 0; padding: 10px; align-items: center; }
*/
.manage-box { margin-bottom: 0; }
.manage-box .row { margin-left: 20px; margin-right: 20px; }
.manage-box .row .col { text-align: left; }
.manage-box .form-inline .form-check { margin-right: 15px; }
.manage-box .form-inline .form-check:last-child { margin-right: 0; }

.col-title > b,
.manage-box .row > .col-title > b,
.form-list-box tr .col-title > b { display: block; position: relative; padding-left: 15px; font-weight: normal; }

.col-title > b:before,
.manage-box .row > .col-title > b:before,
.form-list-box .col-title > b:before { display: block; content: '⊙'; width: 12px; height: 12px; position: absolute; left: 0;
top: 0; font-size: .75rem; }


.modal-box .col-title > b:before { top: 5px; }
.table .col-title > b:before { top: 3px; }

.manage-box .row > .col-lg-1.fix:before { display: none; }
sup { color: #FF0000; top: -.2em; margin-left: 3px; }

.table-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.table-list li {
  padding: 1.25rem 0;
  padding-left: 35px;
  position: relative;
  border-bottom: 1px solid #BFBFBF;
}
.table-list li:before {
  display: block;
  content: '⊙';
  color: #489675;
  position: absolute;
  left: 15px;
  top: 20px;
}
.table-list li.total {
  font-weight: bold;
}
.table-list li.final {
  background: #F0F8FB;
}
.tabsitem {
  list-style: none;
  padding: 0;
  margin: 0 -5px;
  margin-bottom: 20px;
  position: relative;
  width: 100%;
}
.tabsitem li {
  flex:0 0  14.285%;
  padding: 5px 0;
}
.tabsitem li.more {
  position: absolute;
  right: 0;
  top: 0;
}
.tabsitem li.more .input-wrap { display: none; }




.modal-content { font-size: 1rem; }
.modal-header { align-items:center; }
.modal-footer { justify-content:center; text-align: center; border: none; }
.modal-footer .page-button { padding: 0 0 5px; }
.modal-footer .page-button .btn { font-size: 1.125rem; padding: .65rem 1rem; }
.modal-header.major-title { 
  border-top-left-radius: 10px; 
  border-top-right-radius: 10px;
  padding: 13px 0 2px 0;
  background-image: url(../images/header_bg.png);
  background-position: right center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-color: #fff;
  -webkit-box-pack: justify;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #e9ecef;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
  font-size: 1.5rem; color: rgb(21, 173, 219);
  font-weight: bolder;
  }
.modal-header.major-title h2 { font-size: 1.25rem; }
.modal-header.major-title .close { color: #fff; font-size: 2rem; opacity: 1; }
.modal-box { margin: -1rem; }
.modal-box .row { margin: 0; padding: 8px 0; align-items: center;  justify-content: center; border-bottom: 1px solid #ccc; }
.modal-box .blue { background: #F0F8FB; border-bottom: 2px solid #000; }
.modal-box .container { padding:10px 15px; }
.modal-box .row .col:first-child { min-width: 50px; /*flex: 0 0 50px;*/}
.modal-box .row .col-lg-1 { min-width: 120px; padding-right: 0; }
.modal-box .row .col-check { min-width: 30px; flex: 0 0 30px; }

.modal-box.box2 { max-height: 70vh; overflow-y: scroll; overflow-x: hidden; margin-right: -.9rem; margin-bottom: -.9rem; border-bottom-right-radius: 10px; }
.modal-box.box2 .row { padding: 0; position: relative; align-items: stretch; }
.modal-box.box2 .row:hover { background: #FFF4DE; }
.modal-box.box2 .row.blue { background: #F0F8FB !important; }
.modal-box.box2 .row > div { padding-top: 10px; padding-bottom: 10px; }
.modal-box.box2 .row > div:first-child { border-right: 1px solid #ccc; }
.modal-box.box2 .modal-ol { list-style: none; margin: 0; padding: 0; }
.modal-box.box2 .modal-ol li { padding: 0 0 0 15px; position: relative; }
.modal-box.box2 .modal-ol li:before { display: block; content: '⊙'; position: absolute; left: 0; top: 2px; width: 16px; height: 16px; font-size: .75rem; }


#newsModal .modal-header { border: none; padding-bottom: 0; }
#newsModal .row { margin: 0 0 20px; border-bottom: 1px solid #959595; align-items: center; }
#newsModal .row:last-child { border: none; }
#newsModal .row .col { padding: 15px 10px; vertical-align: middle; font-size: 1.375rem; }
#newsModal p.red { font-size: 1.125rem; margin: 0; }
#newsModal .form-check { padding-left: 2.5rem; }
#newsModal .form-check-input {
  -ms-transform: scale(2.3077); /* IE */
  -moz-transform: scale(2.3077); /* FF */
  -webkit-transform: scale(2.3077); /* Safari and Chrome */
  -o-transform: scale(2.3077); /* Opera */
  transform: scale(2.3077);
  margin-top: -3px;
  margin-left: -2rem;
  margin-right: 12px;
}
#newsModal .btn { font-size: 1.125rem; padding: .75rem 1.2rem; min-width: 136px; }

#replyModal .modal-footer { padding-top: 0; }
#editModal .modal-fotter { padding-top: 0; }
#addModal .modal-dialog { max-width: 1000px; }
#addModal .row .col.none { flex: 0 0 50px; min-width: 50px; }
#addModal .modal-footer p { display: block; width: 100%; text-align: center; }
#demoModal {  }
#lossModal .row { padding: 10px 0; }
#lossModal .row .col:first-child { min-width: 80px; flex: 0 0 80px; }
#lossModal .row .col-lg-1 { min-width: 200px; }
#lossModal .row .col-lg-5 { position: relative; }
#lossModal .row .col-lg-5 > em.unit { font-style: normal; position: absolute; right: -15px; top: 8px; }
#lossModal .row .col:last-child { padding-left: 0; }
#lossModal .modal-footer { justify-content:center; text-align: center; border: none; /*padding-top: 0;*/ }
#dataModal .row .col-lg-2 { min-width: 295px; }
#classesModal .row .col:first-child { }
#areaModal .row { padding: 10px 0; }
#areaModal .row .col:first-child { min-width: 100px; flex: 0 0 100px; }
#areaModal .row .col-lg-1 { min-width: 200px; }
#areaModal .row .col-lg-5 { position: relative; }
#areaModal .row .col-lg-5 > em.unit { font-style: normal; position: absolute; right: -15px; top: 8px; }
#areaModal .row .col:last-child { padding-left: 0; }
#areaModal .modal-footer { justify-content:center; text-align: center; border: none; /*padding-top: 0;*/ }
#areaModal1 .row { padding: 10px 0; }
#areaModal1 .row .col:first-child { min-width: 100px; flex: 0 0 100px; }
#areaModal1 .row .col-lg-1 { min-width: 200px; }
#areaModal1 .row .col-lg-5 { position: relative; }
#areaModal1 .row .col-lg-5 > em.unit { font-style: normal; position: absolute; right: -15px; top: 8px; }
#areaModal1 .row .col:last-child { padding-left: 0; }
#areaModal1 .modal-footer { justify-content:center; text-align: center; border: none; /*padding-top: 0;*/ }
#areaModal2 .row { padding: 10px 0; }
#areaModal2 .row .col:first-child { min-width: 100px; flex: 0 0 100px; }
#areaModal2 .row .col-lg-1 { min-width: 200px; }
#areaModal2 .row .col-lg-5 { position: relative; }
#areaModal2 .row .col-lg-5 > em.unit { font-style: normal; position: absolute; right: -15px; top: 8px; }
#areaModal2 .row .col:last-child { padding-left: 0; }
#areaModal2 .modal-footer { justify-content:center; text-align: center; border: none; /*padding-top: 0;*/ }

.table-content .btn-icon { white-space: nowrap; }
.table-content .btn-icon i { display: block; font-size: 1.875rem; color: #3298C4; margin-bottom: 2px; }
.table.table-content { background: #fff; width: auto; }
.table.table-content tr th, .table.table-content tr td { border: 1px solid #ccc; }
.table.table-content tr td { font-size: 1rem; }
.table.table-content tr td > b { display: none; }
.table.table-content tr td > p { margin: 0; }

.calendar-box {  }
.table-calendar { width: 90%; margin-left:auto;  margin-right:auto;  z-index: 2; }
.table-calendar thead tr { border-bottom: 15px solid #fff; }
.table-calendar tr th { width: calc(100% / 7); padding: 24px 15px; color: #000F46; background: #ADE9FF; position: relative; }
.table-calendar tr td { padding: 0 15px; vertical-align: top; text-align: center; background: #fff; position: relative;}
.table-calendar thead tr th:before { display: block; content: ''; position: absolute; left: 0; right: 0; bottom: 1px; height: 1px; background: #747373; }
.table-calendar thead tr th b { display: none; }
.table-calendar .row { margin: 0 -15px; }
.table-calendar .row .tit { height: 60px; line-height: 50px; margin: 0; font-size: 1.875rem; color: #000F46; background: #ADE9FF; border-bottom: 1px solid #747373; }
.table-calendar tr:first-child .row .tit { border-top: 1px solid #747373; }
.table-calendar .row .wrap { min-height: 68px; line-height: 1.2; padding: 15px 5px; border-bottom: 1px dashed #C6C6C6; }
.table-calendar .row .wrap:last-child { border: none; }
.table-calendar .row .wrap2 { min-height: 68px; line-height: 1.2; padding: 15px 5px; border-bottom: 1px dashed #C6C6C6; }
.table-calendar .row .wrap2:last-child { border: none; }

.table-calendar .row .plus { display: none; min-height: 32px; }
.table-calendar .row .plus a { display: inline-block; margin: 0; padding: 0; width: 26px; height: 26px; line-height: 30px; font-size: 1.6rem; text-align: center; color: #fff; background: #FF3B3B; border-radius: 50%; }
.table-calendar .btn-danger { font-size: 1.25rem; padding: .3rem 1.25rem; background: #FF3B3B; border-color: #FF3B3B; }
.table-calendar .btn-danger:hover { background: #ed0d0d; border-color: #ed0d0d; }
.table-calendar thead tr th:first-child,
.table-calendar thead tr th:last-child,
.table-calendar tbody tr td:first-child .tit,
.table-calendar tbody tr td:last-child .tit { background: #FFD3E5; }

.table-calendar-mobile { display: none; }
.table-calendar-mobile tr td { font-size: 1.125rem; padding: 0 10px; border:none; border-bottom: 1px solid #A6A6A6; }
.table-calendar-mobile .weekend td { background: #FFEDF5; }
.table-calendar-mobile .weekend .row { border-bottom: 1px dashed #A6A6A6; }
.table-calendar-mobile .weekend .row:last-child { border-bottom: none; }
.table-calendar-mobile .row { margin: 0 -10px; align-items: center; }
.table-calendar-mobile .row .col { flex:1; padding: 0 5px; }
.table-calendar-mobile .row .col:first-child { flex: 0 0 100px; width: 100px; }
.table-calendar-mobile .row .col:nth-child(2) { color: #343434; text-align: center;  }
.table-calendar-mobile .row .col:nth-child(3),
.table-calendar-mobile .row .col:last-child { flex: 0 0 60px; width: 60px; }
.table-calendar-mobile .row .col a { font-size: 2.5rem; display: inline-block;  }
.table-calendar-mobile .row .col:last-child a { color: #FF1111; }

.major-title > p { margin: 10px 0; flex: 1; }
.title-button .btn-blue { padding: .575rem 1.5rem; font-size: 1.25rem; margin: 0 0 0 10px; border-radius: 8px; }
.title-button .btn-warning { padding: .575rem; font-size: 1.125rem; margin: 0 0 0 10px; border-radius: 8px; }
.title-button .btn-warning > i { font-size: 1.125rem; }

.announce-box .table tr td .btn { border-radius: 8px;    white-space: nowrap; }
.announce-box .table tr td .btn-danger { background-color: #E95A47; border-color: #E95A47; }
.announce-box .table tr td .btn-danger:hover { background-color: #c74130; }
.announce-box .major-title .mshow { display: none; }


.announce-box .table-long tr th, .announce-box .table-long tr td { padding: 1rem .3rem; vertical-align: middle; text-align: center; }
.announce-box .table-long em { display:block; margin: 0 auto; width: 15px; height: 15px; border-radius: 50%;}
.announce-box .table-long .read1 { background:#00C714; }
.announce-box .table-long .read2 { background:#FFB800; }
.announce-box .table-long tr th:first-child { width: 50px; }
/*.announce-box .table-long tr th:nth-child(2),
.announce-box .table-long tr th:nth-child(3),
.announce-box .table-long tr th:nth-child(4) { width: 60px!important; }
.announce-box .table-long tr th:nth-child(5) { width: auto; min-width: 100px; }
.announce-box .table-long tr td:nth-child(5) a { color: #159400; font-size: 1rem; }
.announce-box .table-long tr th:nth-child(6),
.announce-box .table-long tr th:nth-child(7) { width: 50px; }
.announce-box .table-long tr th:nth-child(8) { width: 110px; }
.announce-box .table-long tr td:nth-child(8) { font-size: .8125rem; }
.announce-box .table-long tr td span,
.announce-box .table-long2 tr td span { display: block; margin:0 auto; }
.announce-box .table-long tr th:nth-child(9) { width: 160px; }
.announce-box .table-long tr th:nth-child(10),
.announce-box .table-long tr th:nth-child(11),
.announce-box .table-long tr th:nth-child(12) { width: 90px; }
.announce-box .table-long tr th:nth-child(13) { width: 100px; }
.announce-box .table-long tr th:nth-child(14),
.announce-box .table-long tr th:nth-child(15),
.announce-box .table-long tr th:nth-child(16),
.announce-box .table-long tr th:nth-child(17) { width: 50px; }
.announce-box .table-long tr th:last-child { width: 50px; }*/

.announce-box .table-long2 tr th,
.announce-box .table-long2 tr td { padding: 1rem .3rem; vertical-align: middle; text-align: center; }
.announce-box .table-long2 tr th:nth-child(2),
.announce-box .table-long2 tr th:nth-child(3) { width: 90px; }
.announce-box .table-long2 tr td .btn { font-size: .875rem; }
.announce-box .table-long2 tr td .btn i { font-size: 1rem; margin-right: 2px; }
.announce-box .table-long2 tr td .print { font-size: 1.75rem; }

/*.announce-2-2 .table-long2 tr th:nth-child(6),*/
/*.announce-2-2 .table-long2 tr td:nth-child(8),*/
.announce-2-2 .table-long2 tbody tr th,
.announce-2-2 .table-long2 tr td > b { display: none; }

.announce-2-3 .major-title h2 > b { display: none; font-weight: normal; }
.announce-2-3 .major-title h2 > span { display: none; }
.announce-2-3 .table-long2 tr th:first-child,
.announce-2-3 .table-long2 tr th:nth-child(2) { width: 90px; }
.announce-2-3 .table-long2 tr td > b { display: none; }
.announce-2-3 .table-long2 .form-inline-date tr th:first-child,
.announce-2-3 .table-long2 .form-inline-date tr th:nth-child(2) {
  width: auto;
}
.form-list-box table:not(.mx-table-date) thead tr th { text-align: left; }
.form-list-box table:not(.mx-table-date) tbody tr th,
.form-list-box table:not(.mx-table-date) tbody tr td { text-align: left; font-size: 1rem; }
.form-list-box table:not(.mx-table-date) tbody tr td.col-title { width: 170px; padding-right: 0; }
.form-list-box table:not(.mx-table-date) tbody tr td.none { width: 100px; }
.form-list-box table:not(.mx-table-date) .check-tips { display: inline-block; vertical-align: middle; padding-left: 1.5rem; }
.form-list-box table:not(.mx-table-date) .check-tips .form-check { display: inline-block; vertical-align: middle; width: auto; margin-left: 10px; }
.form-list-box table:not(.mx-table-date) .check-tips .form-check-input { margin-right: 6px; }
.form-list-box table:not(.mx-table-date) tbody tr td > p { margin: 10px 0 0; display: block; width: 100%; }
.form-list-box table:not(.mx-table-date) tbody .download { display: inline-block; margin-left: 5px; width: 28px; height: 28px; background: url(../images/icon_download.png) center no-repeat; }
.form-list-box table:not(.mx-table-date) tbody tr td > label { margin: 0 0 0 10px; }
.form-list-box table:not(.mx-table-date) tbody tr td.fix > .form-check { margin-left: 10px; }
.form-list-box table:not(.mx-table-date) tbody tr td.fix > select,
.form-list-box table:not(.mx-table-date) tbody tr td.fix .form-inline-date { display: none; }
.form-list-box table:not(.mx-table-date) .table.hit tr.hide { display: none; }

.modal-fix-box .row.fix .mobile-show-group { display: none; }

.form-middle-box .row .col {  }

.dropdownDIV { display: none; width: 100%; padding-top: 20px; }
.dropdownList { margin-bottom: 20px; }
.dropdownList .col:first-child { width: 8rem;  }
.dropdownList tr th, .dropdownList tr td { font-weight: normal; padding: .3rem .5rem; border: none; background: none; }
.dropdownList tr th { padding-left: 0;  }
.dropdownList textarea { width: 100%!important; max-width: 800px; display: block!important; }
.dropdownDIV .dropdownList:last-child { margin-bottom: 0; }
#dropdown2 .dropdownList, #dropdown5 .dropdownList { width: 100%; }
#dropdown2 input.form-control { max-width:110px; margin: 0 5px;  }
#dropdown5 input.form-control { max-width:180px; margin: 0 5px;  }
#dropdown5 select.form-control {  margin: 0 5px; }
.dropdownSearch { display: none; position: absolute; left: 0; top: 55px; width: 60vw; background: #F0F8FB; border: 1px solid #aaa; padding: 10px; z-index: 2; }
.dropdownSearch .table:first-child tr td { border: none; text-align: left; padding: 5px!important; }
.dropdownSearch .table:first-child tr td input.form-control { width: calc(100% - 225px); margin-right: 5px; }
.dropdownSearch .table:first-child tr td .btn { width: 120px; min-height: 38px; line-height: 24px; }
.dropdownSearch .table:nth-child(2) { margin: 10px auto; border-top: 1px solid #aaa; border-bottom: 1px solid #aaa; }
.dropdownSearch .table:nth-child(2) tr td { border: none; padding: 10px; border-bottom: 1px dashed #ccc; }
.dropdownSearch .table-bottom { font-size: .75rem; text-align: center; }
.dropdownSearch .table-bottom .form-control { font-size: .75rem; height: auto; padding: .1rem .3rem; }

.checkbox-form-box .page-button { padding: 30px 0; }
.table-checkbox tr th, .table-checkbox tr td { justify-content: flex-start; width: 25%; padding: 4px 15px; border: none; border-right: 1px solid #C4C4C4; text-align: left!important; font-size: .875rem; line-height: 1; }
.table-checkbox tr th {  background: #E9E9E9; font-weight: normal; padding: 2px 15px; }
.table-checkbox tr td { border-bottom: 1px solid #C4C4C4; vertical-align: top; }
.table-checkbox .form-check { margin: 2px 0; }
.table-checkbox .form-check-label { line-height: 1.375; }

.tables-box .container { font-size: 1rem; padding-top: 20px; padding-bottom: 20px; }
.tables-box .container > p { margin-bottom: 10px; }
.tables-box .stitle { font-size: 1.125rem; padding-top: 15px; margin-left: -10px; }
.table-pink tr th { background: none; }
.table-pink thead tr th { background: #fff2f7; }
.tables-box .table-pink { margin-bottom: 40px; border: 1px solid #7b7a7a; }
.tables-box .table-pink tr th,
.tables-box .table-pink tbody tr td { padding: 15px 2px; border-right: 1px solid #D5D5D5; font-size: .875rem; font-weight: normal; }
.tables-box .table-pink thead tr:nth-child(2) th,
.tables-box .table-pink thead tr:first-child th:last-child { width: 11%; }
.tables-box .table-pink thead tr:nth-child(3) th { width: 1.8%; padding: 10px 2px; }
.tables-box .table-pink thead tr:first-child th,
.tables-box .table-pink thead tr:nth-child(2) th { border-right: 2px solid #7E7E7E;  border-bottom: 2px solid #7E7E7E; border-top: 1px solid #7b7a7a; }
.tables-box .table-pink thead tr:nth-child(2) th,
.tables-box .table-pink thead tr:first-child th:last-child { border-bottom: 1px solid #7b7a7a;  }

.tables-box .table-pink tbody tr th, .tables-box .table-pink tbody tr td { padding: 5px; font-size: .875rem; text-align: center; }
.tables-box .table-pink tbody tr td:nth-child(n+32) { border: 1px solid #d4bfc9; }
.tables-box .table-pink thead tr th:nth-child(6n+6),
.tables-box .table-pink tbody tr td:nth-child(6n+7) { border-right: 2px solid #7E7E7E!important; }
.tables-box .table-pink thead tr th:last-child,
.tables-box .table-pink tbody tr th:last-child,
.tables-box .table-pink tbody tr td:last-child 
.tables-box .table-pink thead tr:first-child th:last-child,
.tables-box .table-pink thead tr:nth-child(3) th:child { border-right: 1px solid #7b7a7a; }
.tables-box .table-pink tbody tr:nth-child(odd) th,
/*.tables-box .table-pink tbody tr:nth-child(odd) td { background: #F0F8FB; }*/
.tables-box .table-pink tbody tr th:first-child { text-align: left; border-right: 2px solid #7E7E7E!important; border-bottom: 1px solid #D5D5D5; font-weight: 400; }
.tables-box .table-pink tbody tr th:last-child,
.tables-box .table-pink tbody tr td:last-child { text-align: center; }
.tables-box .table-pink tbody tr td:last-child {  border-right: 1px solid #7b7a7a; }
/*.tables-box .table-pink tbody tr td:nth-child(n+32) { background: #FCC3DF; }*/
.tables-box .table-pink tbody tr.final th,
.tables-box .table-pink tbody tr.final td { background: #D9D9D9; border-top: 2px solid #7E7E7E; border-bottom: 1px solid #7b7a7a;  border-right: 1px solid #BBB;}
/*.tables-box .table-pink tbody tr.final td:nth-child(n+32) { background: #5F5F5F; color: #fff; border-right: 1px solid #7a7a7a; }*/
.tables-box .table-pink .th-title,
.tables-box .table-pink .td-title { position: relative; padding-left: 8px; }
.tables-box .table-pink .th-title:before,
.tables-box .table-pink .td-title:before { display: inline-block; font-size: .375rem; -webkit-transform:scale(0.5); content: '◆'; width: 3px; height: 3px; position: absolute; left: -1px;
top: 2px; }
.tables-box .table-pink .td-title { margin-left: 12px; }
.tables-box .table-pink .td-title:before { content: '◇'; }


.tables-box .container { font-size: 1rem; padding-top: 20px; padding-bottom: 20px; }
.tables-box .container > p { margin-bottom: 10px; }
.tables-box .stitle { font-size: 1.125rem; padding-top: 15px; margin-left: -10px; }
.table-blue tr th { background: none; }
.table-blue thead tr th { background: #daf4fd; }
.tables-box .table-blue { margin-bottom: 40px; border: 1px solid #7b7a7a; }
.tables-box .table-blue tr th,
.tables-box .table-blue tbody tr td { padding: 15px 2px; border-right: 1px solid #D5D5D5; font-size: .78125rem; font-weight: normal; }
.tables-box .table-blue thead tr:nth-child(2) th,
.tables-box .table-blue thead tr:first-child th:last-child { width: 11%; }
.tables-box .table-blue thead tr:nth-child(3) th { width: 2.2%; padding: 10px 2px; }
.tables-box .table-blue thead tr th.b { background: #FFD5E9; }
.tables-box .table-blue thead tr:first-child th,
.tables-box .table-blue thead tr:nth-child(2) th { border-right: 2px solid #7E7E7E;  border-bottom: 2px solid #7E7E7E; border-top: 1px solid #7b7a7a; }
.tables-box .table-blue thead tr:nth-child(2) th,

.tables-box .table-blue tbody tr th, .tables-box .table-blue tbody tr td { padding: 5px; font-size: .75rem; text-align: center; }
.tables-box .table-blue tbody tr td:nth-child(n+32) { border: 1px solid #d4bfc9; }
.tables-box .table-blue thead tr th:nth-child(5n+5),.tables-box .table-blue tbody tr td:nth-child(2),.tables-box .table-blue tbody tr td:nth-child(6),.tables-box .table-blue tbody tr td:nth-child(7),.tables-box .table-blue tbody tr td:nth-child(18),.tables-box .table-blue tbody tr td:nth-child(19),.tables-box .table-blue tbody tr td:nth-child(20),.tables-box .table-blue tbody tr td:nth-child(27),
/*.tables-box .table-blue tbody tr td:nth-child(17) { border-right: 2px solid #7E7E7E!important; }*/
.tables-box .table-blue thead tr th:last-child,
.tables-box .table-blue tbody tr th:last-child,
.tables-box .table-blue tbody tr td:last-child 
.tables-box .table-blue thead tr:first-child th:last-child,
.tables-box .table-blue thead tr:nth-child(3) th:child { border-right: 1px solid #7b7a7a; }
.tables-box .table-blue tbody tr:nth-child(odd) th,
.tables-box .table-blue tbody tr:nth-child(odd) td { background: #ffffff; }
.tables-box .table-blue tbody tr th:first-child { text-align: left; border-right: 2px solid #7E7E7E!important; border-bottom: 1px solid #D5D5D5; font-weight: 300; }
.tables-box .table-blue tbody tr th:last-child,
.tables-box .table-blue tbody tr td:last-child { text-align: left; }
.tables-box .table-blue tbody tr td:last-child {  border-right: 2px solid #7b7a7a; }
.tables-box .table-blue tbody tr td:nth-child(n+32) { background: #FCC3DF; }
.tables-box .table-blue tbody tr.final th,
.tables-box .table-blue tbody tr.final td { background: #ffe7e7; border-top: 2px solid #7E7E7E; border-bottom: 1px solid #7b7a7a; }
.tables-box .table-blue tbody tr.final2 th,
.tables-box .table-blue tbody tr.final2 td { background: #ffe7e7; border-top: 1px solid #7E7E7E; border-bottom: 1px solid #7b7a7a; }
.tables-box .table-blue tbody tr.final td:nth-child(n+32) { background: #5F5F5F; color: #fff; border-right: 1px solid #7a7a7a; }
.tables-box .table-blue .th-title,
.tables-box .table-blue .td-title { position: relative; padding-left: 8px; font-size: 1.2em; font-weight: normal;}
.tables-box .table-blue .th-title:before,
.tables-box .table-blue .td-title:before { display: inline-block; font-size: .375rem; -webkit-transform:scale(0.5); content: '◆'; width: 3px; height: 3px; position: absolute; left: -1px;
top: 2px; }
.tables-box .table-blue .td-title { margin-left: 12px; }
.tables-box .table-blue .td-title:before { content: '◇'; }


.tables-box .container { font-size: 1rem; padding-top: 20px; padding-bottom: 20px; }
.tables-box .container > p { margin-bottom: 10px; }
.tables-box .stitle { font-size: 1.125rem; padding-top: 15px; margin-left: -10px; }
.table-blue2 tr th { background: none; }
.table-blue2 thead tr th { background: #daf4fd; }
.tables-box .table-blue2 { margin-bottom: 40px; border: 1px solid #7b7a7a; }
.tables-box .table-blue2 tr th,
.tables-box .table-blue2 tbody tr td { padding: 15px 2px; border-left: 1.1px solid #7E7E7E; font-size: .78125rem; font-weight: normal; }
.tables-box .table-blue2 tbody tr td div table tbody tr th {background-color: #fffef1; padding: 15px 2px; font-size: .78125rem; font-weight: normal;border: none; border-bottom: 1px solid #606060; border-top: 1px solid #606060; }
.tables-box .table-blue2 tbody tr td div table tbody tr td {background-color: #fffef1; padding: 15px 2px; font-size: .78125rem; font-weight: normal;border: none;border-bottom: 1px solid #c5c4c4; }
/*.tables-box .table-blue2 thead tr:nth-child(2) th,
.tables-box .table-blue2 thead tr:first-child th:last-child { width: 11%; }*/
.tables-box .table-blue2 thead tr:nth-child(3) th { padding: 10px 2px; }
.tables-box .table-blue2 thead tr th.b { background: #FFD5E9; }
.tables-box .table-blue2 thead tr:first-child th,
.tables-box .table-blue2 thead tr:nth-child(2) th {   border-bottom: 1.1px solid #7E7E7E; border-top: 1px solid #7b7a7a; }
.tables-box .table-blue2 thead tr:nth-child(2) th,

.tables-box .table-blue2 tbody tr th, .tables-box .table-blue2 tbody tr td { padding: 5px; font-size: .75rem; text-align: center; }
.tables-box .table-blue2 tbody tr td:nth-child(n+32) { border: 1px solid #d4bfc9; }
.tables-box .table-blue2 thead tr th:nth-child(5n+5),.tables-box .table-blue2 tbody tr td:nth-child(2),.tables-box .table-blue2 tbody tr td:nth-child(6),.tables-box .table-blue2 tbody tr td:nth-child(7),.tables-box .table-blue2 tbody tr td:nth-child(18),.tables-box .table-blue2 tbody tr td:nth-child(19),.tables-box .table-blue2 tbody tr td:nth-child(20),.tables-box .table-blue2 tbody tr td:nth-child(27),
/*.tables-box .table-blue2 tbody tr td:nth-child(17) { border-right: 2px solid #7E7E7E!important; }*/
.tables-box .table-blue2 thead tr th:last-child,
.tables-box .table-blue2 tbody tr th:last-child,
.tables-box .table-blue2 tbody tr td:last-child 
.tables-box .table-blue2 thead tr:first-child th:last-child,
.tables-box .table-blue2 thead tr:nth-child(3) th:child { border-right: 1px solid #7b7a7a; }
.tables-box .table-blue2 tbody tr:nth-child(odd) th,
/*.tables-box .table-blue2 tbody tr:nth-child(odd) td { background: #ffffff; }*/
.tables-box .table-blue2 tbody tr th:first-child { text-align: left;  border-bottom: 1px solid #606060; }

.tables-box .table-blue2 tbody tr th:last-child,
/*.tables-box .table-blue2 tbody tr td:last-child { text-align: left; }
  .tables-box .table-blue2 tbody tr td:last-child {  border-right: 2px solid #7b7a7a; }
.tables-box .table-blue2 tbody tr td:nth-child(n+32) { background: #FCC3DF; }
.tables-box .table-blue2 tbody tr.final th,
.tables-box .table-blue2 tbody tr.final td { background: #ffe7e7; border-top: 2px solid #7E7E7E; border-bottom: 1px solid #7b7a7a; }
.tables-box .table-blue2 tbody tr.final2 th,
.tables-box .table-blue2 tbody tr.final2 td { background: #ffe7e7; border-top: 1.5px solid #7E7E7E; border-bottom: 1px solid #7b7a7a; }
.tables-box .table-blue2 tbody tr.final td:nth-child(n+32) { background: #5F5F5F; color: #fff; border-right: 1px solid #7a7a7a; }*/
.tables-box .table-blue2 .th-title,
.tables-box .table-blue2 .td-title { position: relative; padding-left: 8px; font-weight: normal;}
.tables-box .table-blue2 .th-title:before,
.tables-box .table-blue2 .td-title:before { display: inline-block; font-size: .375rem; -webkit-transform:scale(0.5); content: '◆'; width: 3px; height: 3px; position: absolute; left: -1px;
top: 2px; }
.tables-box .table-blue2 .td-title { margin-left: 12px; }
.tables-box .table-blue2 .td-title:before { content: '◇'; }


.login-wrap .major-title { background: none; padding: 10px 0; margin: 15px 2% 30px; border-bottom: 1px solid #ccc; }
.login-wrap .login-list li { margin: 15px 0; }
.login-wrap .login-list li label { top: 10px; width: 65px; text-align: right; }
.login-wrap .login-list li input { height: 40px; line-height: 40px; }
.login-wrap .login-code { text-align: center; }
.login-wrap .login-code .num img { max-width: 100%; }
.login-wrap .login-code .recode { width: 30px; height: 30px; }
.login-wrap .login-button { padding: 50px 0 40px; text-align: center; }
.login-wrap .login-button .btn { font-size: 1.5rem; margin: 0 auto 10px; max-width: 230px; height: 50px; line-height: 36px; box-shadow:inset 0 -0.6em 0 -0.45em #277050; }
.login-wrap .login-button .forgot { font-size: 1.125rem; }

.questionnaire-box tbody tr td.col-title { width: 280px; }
.questionnaire-box tbody tr td.none { width: auto; }
.questionnaire-box tbody tr td:first-child { width: 100px; }
.questionnaire-box tbody tr td:last-child { width: 10%; }
.questionnaire-box tbody tr td.form-inline .form-check { width: 20%; justify-content:stretch;}
.questionnaire-box tbody tr td .form-control { display: none; }


.sitemap-box .container { padding-top: 3rem; padding-bottom: 3rem; }
.sitemap-box .stitle { text-align: center; margin-bottom: 30px; }
.sitemap-box .stitle b { display: inline-block; background: #52988B; color: #fff; padding: .75rem 2.5rem; border-radius: 24px; font-size: 1.125rem; }
.sitemap-box .row { align-items: stretch; margin-bottom: 20px; }
.sitemap-box .row .stitle { margin-bottom: 0; }
.sitemap-box .row .stitle b { display: block; font-size: 1rem; padding: .5rem 2rem; }
.sitemap-box .row .row { margin: 15px 10px; }
.sitemap-box .row ol { margin: 0; padding: 0; list-style: none; }
.sitemap-box .row ol li { padding-left: 20px; position: relative; }
.sitemap-box .row ol li:before { display: block; content: '◎'; font-size: 1rem; position: absolute; left: 0; top: 0; }
.sitemap-box .row ol li a { display: block; padding: 1px 0; color: #000; }
.sitemap-box .row ol li a:hover { color: #52988B; }
.sitemap-box .col-wrap { height: 100%; border: 1px solid #52988B; border-radius: 20px; }
.sitemap-box .col-fix .col-wrap { height: auto; min-height: calc(50% - 10px); }
.sitemap-box .col-fix .col-wrap:first-child { margin-bottom: 20px; }

body.print { background: none; }
body.print .calendar-box { border: none; }
body.print .table-calendar { margin: 0 auto; }
body.print .table-calendar thead tr th,
body.print .table-calendar tbody tr td { padding-left:8px; padding-right: 8px; }
body.print .table-calendar .row { margin: 0 -8px; }
body.print .print-box .table { margin-bottom: 10px; }
body.print .print-box .table tr th,
body.print .print-box .table tr td { padding: 10px; }
body.print .print-box .table tr th { background: none; text-align: left; font-weight: normal; border-color: #777; border-width: 1px; }
body.print .print-box .table tr td { height: 220px; border-color: #777; }
body.print .print-box .table tr.hd td { height: inherit; text-align: center; }
.table-check .table tr td { padding: 10px; }
.table-check .table tr th { background: none; text-align: left; font-weight: normal; border-color: #777; border-width: 1px; padding:10px; }
.table-check .table tr td { height: 220px; border-color: #777; }
.table-check .table tr.hd td { height: inherit; text-align: center; }

.carousel-item a { display: inline-block; overflow: visible; }
  
.topbar .container { position: relative; }
#gotocenter {
    position: absolute; /* 脫離文字靠右的排列流 */
    left: 0;            /* 靠左 */
    top: 50%;
    transform: translateY(-50%); /* 垂直置中 */
    /* 保留原本無障礙用的 class 外觀，僅調整定位 */
}
/*================RWD Begin=========================*/
@media (max-width: 1024px) {
  main.index .leftwrap {
    width: 255px;
  }
  main.index .rightwrap {
    width: calc(100% - 275px);
  }
  .page-topbox .login-button {
    flex: 0 0 255px;
  }
  .middle-container .list-text li { display: inline-block; padding-right: 3%; }
  .table-long tr th:first-child, .table-long tr td:first-child,
  .table-long tr th, .table-long tr td { width: auto!important; }

}

@media (max-width: 990px) { 
  main.index .stellarnav.mobile.top {
    padding: 0;
  }
  main.index .stellarnav.mobile.top, .stellarnav.mobile.top {
    top: 63px;
    right: 0;
    left: inherit;
  }
  main.index .stellarnav.mobile .toggle-bar, .stellarnav.mobile .toggle-bar {
    margin-right: 15px;
  }
  main.index .stellarnav.mobile .nav-head, .stellarnav.mobile .nav-head {
    display: block;
    color: #fff;
    background: #28645D;
    padding: 20px;
  }
  .stellarnav.mobile .nav-head p {
    margin: 0 0 10px 0;
    font-size: .75rem;
  }
  .stellarnav.mobile .nav-head h2 {
    margin: 0;
    font-size: 1.25rem;
    font-weight: bold;
  }
  .stellarnav.mobile .nav-head h2 span {
    font-size: .75rem;
    font-weight: normal;
    margin-left: 10px;
  }  
  main.index .stellarnav.mobile > ul, .stellarnav.mobile > ul {
    display: block;
    width: 220px;
    float: right;
  }
  main.index .stellarnav.mobile > ul > li, .stellarnav.mobile > ul > li {
    box-shadow: none;
    margin: 0;
    background: url(../images/icon_box_b.png) 10px center no-repeat;
  }
  main.index .stellarnav.mobile > ul > li > a, .stellarnav.mobile > ul > li > a {
    font-size: 1.125rem;
    text-align: center;
    height: auto;
    line-height: normal;
    color: #363636;
    border: none;
    border-bottom: 1px solid rgba(255,255,255,0.5);
    border-radius: 0;
    padding: 12px 15px;
    margin: 0 5px;
  }
  main.index .stellarnav.mobile > ul > li > a.active, .stellarnav.mobile > ul > li > a.active {
    border-bottom: 2px solid #0E658B;
  }
  main.index .stellarnav.mobile > ul > li > a:hover, .stellarnav.mobile > ul > li > a:hover {
    background: none;
  }
  main.index .stellarnav.mobile.active, .stellarnav.mobile.active {
      top: 0;
      position: fixed;
  }
  main.index .stellarnav.mobile.active > ul, .stellarnav.mobile.active > ul {
      height: 100vh;
      overflow-y: scroll;
      background: #94D0C5;
  }
  main.index .stellarnav.mobile.active .toggle-bar, .stellarnav.mobile.active .toggle-bar {
    position: absolute;
    right: 220px;
    top: 65px;
    margin-right: 0;
  }
  .navbar .nav > li:before {
    display: none;
  }

  main.index .leftwrap, main.index .rightwrap {
    float: inherit;
    width: auto;
  }
  main.index .rightwrap {
    padding: 0px;
  }
  #gotop {
    display: none;
    position: fixed;
    right: 20px;
    bottom: 100px;
    width: 64px;
    height: 64px;
    text-align: center;
    border: 1px solid #fff;
    border-radius: 50%;
    background: url(../images/gotop.png) center no-repeat;
    background-color: rgba(63, 131, 101, .8);
    color: #fff;
    box-shadow: 0 3px 6px #999;
    cursor: pointer;
    z-index: 999;
  }
  #gotop:hover {
    background-color: #3F8365;
  }
  .box-login {
    display: none;
  }  
  .box-navbar {
    border: none;
    padding: 0;
    margin: 0;
  }
  .box-navbar .major-title, .box-login .major-title {
    display: none;
  }
  .navbar .nav > li.moshow {
    display: block;
  }
  .navbar .nav > li.mohidden {
    display: none;
  }
  .group-tabs {
    display: none;
  }

  .major-box.first-box { padding: 0; position: static; }
  .major-box.first-box:before { display: none; }
  .major-title h2 { font-size: 1.125rem; }

  .toggle-btn { display: block; }
  .announce-box .toggle-btn,
  .form-middle-box .toggle-btn { display: block; }

  .form-middle-box .major-title .toggle-btn,
  .announce-2-3 .major-title .toggle-btn,
  .form-list-box.hide .major-title .toggle-btn
   {
    position: static;
  }

  .sub-title:after { width: 10px; height: 27px; top: 5px; }
  .page-topbox {
    padding: 0;
    margin-bottom: 5px;
    border: none;
    background: none;
  }
  .page-topbox .login-button {
    display: none;
  }
  .page-topbox .major-title {
    display: none;
  }
  .page-topbox .sub-title {
    padding-left: 20px;
    margin-left: -15px;
  }
  .breadcrumb {
    display: none;
  }
  .bottomsearch {
    display: none;
  }


  .return-list { display: none; }
  .search-box .row { margin-top: 0; margin-bottom: 0; }
  .search-box .row.final { margin-top: 10px; margin-bottom: 0px; border-top: 1px solid #ddd; border-bottom: 1px solid #c1c1c1; }
  .search-box .form-control { margin: 3px 0; }
  .search-box .container { padding-top: 15px; padding-bottom: 15px; }
  .search-box .col-lg-1 + .col { width: calc(100% - 160px); flex-basis:inherit; }
  .search-box .col-md-1 + .col { width: calc(100% - 100px); flex-basis:inherit;}
 
  .faq-list-box .card-header .row > div { flex: 1; max-width: inherit; }
  .faq-list-box .card-header .row > .col-sm-2 { max-width: 160px; padding-right: 0; }
  .accordion>.card>.card-header { padding: 10px 0; }
  .faq-list-box .card-header .btn { padding: .3rem 15px; }
  .faq-list-box .card-body { padding: 15px; line-height: 1.5; }

  .manage-box .row { margin-left: auto; margin-right: auto; }
  .manage-box .col { width: calc(100% - 130px); flex-basis:inherit; }

  .tabsitem li { width: 25%; flex: 0 0 25%; }
  .tabsitem .btn { font-size: 1.125rem; padding: .7rem; min-width: inherit; display: flex; min-height: 5rem; align-items: center; justify-content: center;  }
  .tabsitem-long { max-height: 270px; flex-direction: column; }
  .tabsitem li.more { position: relative; width: 100%; flex: 0 0 100%; padding: 0; margin: 10px 5px; }
  .tabsitem li.more .btn { width: 140px; height: 42px; min-height: auto; position: absolute; right: 5px; top: 0;  }
  .tabsitem li.more .form-control { display: inline-block; vertical-align: middle; width: calc(100% - 160px); height: 42px; border-radius: 8px; padding-right: 40px; }
  .tabsitem li.more .input-wrap { display: block; position: relative; }
  .tabsitem li.more .input-wrap i { font-size: 1.625rem; color: #28645D; position: absolute; right: 170px; top: 20px; transform: translateY(-50%) scaleX(-1); }
  

   .modal-header.major-title .close { color: #000; }
   .modal-header.major-title { background: none; border-bottom: 1px solid #ccc; }
   .modal-header.major-title h2 { padding-left: 15px; position: relative; }
   .modal-header.major-title h2:before { display: block; content: ''; width: 6px; height: 22px; background: #94D0C5; position: absolute; left: 0; top: 0; }
   .modal-box .row { border: none; }
   .modal-box .row > div { padding-top: 5px; padding-bottom: 0; }
   
   #demoModal .blue { display: none; }
   #demoModal .row .col-lg-10 { width: calc(100% - 30px); }
   #demoModa2 .blue { display: none; }
   #demoModa2 .row .col-lg-10 { width: calc(100% - 30px); }

   #addModal .modal-box .row { padding:0; }
   #addModal .modal-box .row.blue { margin-top: 10px; margin-bottom: 20px; background: none; }
   #addModal .modal-box .row.blue > div { padding-top: 10px; padding-bottom: 0; }   
   #addModal .modal-box .row.fix { justify-content: flex-start; }
   #addModal .modal-box .row .fix1 { flex: 0 0 120px; }
   #addModal .modal-box .row .fix2 { flex: 0 0 50%; }
   #addModal .modal-footer { border: none; }
   
   #lossModal .blue { display: none; }
   #lossModal .form-control { margin-bottom: 0; }

   #dataModal .col-title > b { padding-left: 0; }
   #dataModal .col-title > b:before { display: none; }
   #dataModal .row, #lossModal .row { padding-top: 5px; padding-bottom: 0; }
   #dataModal .form-control { margin-bottom: 0; }
   #dataModal .blue, #dataModal .row.hide, .form-control.hide { display: none; }
   #dataModal .form-inline-date .form-control:first-child { margin-right: 0; width: 100%; }

   #classesModal .row { padding-bottom: 0; }

   .row > .col.none { display: none; }


  .table.table-content tr th { display: none; }
  .table.table-content tr { display: block; clear: both; overflow: hidden; }
  .table.table-content tr td { float: left; width: 100%; display: flex; padding: 0; }
  .table.table-content tr td > b { display: flex; flex: 0 0 90px; width: 90px; padding: 10px 5px; background: #F0F8FB; border-right: 1px solid #636363; align-items: center; justify-content: center; text-align: center; }
  .table.table-content tr td > p { display: flex; flex: 1; margin: 0; padding: 10px; align-items: center; }
  .table-content .btn-icon i { display: inline-block; vertical-align: middle; margin-right: 5px; }
  


  .middle-container .red { font-size: 1rem; margin: 0; }
  .middle-container .list-text { display: none; }

  .long-hide { display: none; }
  .long-hide .table-long, .table-long.hide, .table-green.hide { display: none; }
  .table-long .btn-green { background: #51AD6B; }

  .form-list-box thead tr th { border: none; background: none; font-size: .75rem; }
  .form-list-box tbody tr td.none { display: none; }
  .form-list-box.hide { display: none; }

  .form-list-box .table.hit tbody tr:first-child td,
  .form-list-box .table.hit tbody tr:nth-child(2) td,
  .form-list-box .table.hit tbody tr:nth-child(3) td { background: #F0F8FB; border: none; }
  .form-list-box .table.hit tbody tr:first-child td { padding-bottom: 0; }
  .form-list-box .table.hit tbody tr:nth-child(2) td { padding-top: 0; padding-bottom: 0; }
  .form-list-box .table.hit tbody tr:nth-child(3) td { padding-top: 0; }
  .form-list-box .table.hit tr .col-title > b:before { display: none; }
  .form-list-box .table.hit tr.hide { display: table-row; }
  /*.form-list-box .form-check.red > small { display: none; }*/
  .form-list-box tbody .download { display: none; }
  .form-list-box tbody tr td.fix > select { display: block; }
  .form-list-box tbody tr td.fix .form-inline-date { display: flex; }
  .form-list-box tbody tr td.fix > input.form-control,
  .form-list-box tbody tr td.fix > .hide { display: none; }
  .form-list-box tbody tr td.fix > .form-check { margin: 0; width: 100%; justify-content: stretch; }
  .form-list-box tbody tr:nth-child(4) td.fix > .form-inline { display: none; }
  .form-list-box tbody tr:nth-child(5) td.fix > .form-inline select { display: block; width: 100%; }


  .table-long-mobile { display: table!important; }
  .table-button-mobile { display: table!important; }

  .announce-box .table-long { display: none; }
  .announce-box .table-long-mobile { display: table; width: 100%; }
  .announce-box .table-long-mobile tr th,
  .announce-box .table-long-mobile tr td { border: none; }
  .announce-box .table-long-mobile thead b { margin-right: 10px; }
  .announce-box .table-long-mobile tbody tr:first-child th,
  .announce-box .table-long-mobile tbody tr:first-child td { border-bottom:1px solid #C1C1C1; }
  .announce-box .table-long-mobile tr th .form-check-input { margin: 0 5px 0 0; position: relative; }
  .status-light { padding-left: 0 !important; padding-right: 0 !important; }
  .status-light ol { list-style: none; padding: 0; margin: 0; display: flex; align-items: stretch; }
  .status-light ol li { flex: 1; text-align: left; border: 1px solid #ddd; padding: 5px 15px; position: relative; }
  .status-light ol li em { margin: 0; position: absolute; right: 30%; top: 9px; width: 15px; height: 15px; }

  .announce-box .major-title.hide,
  .announce-box .table-long2.hide,
  .announce-box .major-title .hide { display: none; }
  .announce-box .major-title .mshow { display: block; margin-left: 25px; }

  .announce-2-2 { background: #F0F8FB; }
  .announce-2-2 .table-long2 thead tr th { display: none; }
  .announce-2-2 .table-long2 tbody tr th { display: flex; }
  .announce-2-2 .table-long2 tr { display: block; clear: both; overflow: hidden;  }
  .announce-2-2 .table-long2 tbody tr { padding-bottom: 60px; position: relative; }
  .announce-2-2 .table-long2 tr th { float: left; width: 50%!important; height: calc(1.125rem + 1.5rem); display: flex; padding: .75rem; margin-bottom: 5px; border: none; background: #94D0C5; font-size: 1.125rem; text-align: left; align-items: center; }
  .announce-2-2 .table-long2 tr td { width: 100%; display: flex; padding: .1rem .75rem; border: none; text-align: left; align-items: center; }
  .announce-2-2 .table-long2 tr td:nth-child(3),
  .announce-2-2 .table-long2 tr td:nth-child(6),
  .announce-2-2 .table-long2 tr td:nth-child(12) { display: none; padding: 0; }
  .announce-2-2 .table-long2 tr td:nth-child(4),
  .announce-2-2 .table-long2 tr td:nth-child(5) { padding: 0; }
  .announce-2-2 .table-long2 tr td:nth-child(8) { display: flex; }
  .announce-2-2 .table-long2 tr th > b { padding-right: 5px; }
  .announce-2-2 .table-long2 tr th:nth-child(2) { font-size: .875rem; font-weight: normal; justify-content: flex-end; }
  .announce-2-2 .table-long2 tr td > b { display: flex; flex: 0 0 130px; width: 130px; align-items: center; text-align: left; font-size: 1rem; }
  .announce-2-2 .table-long2 tr td .btn { padding: .655rem 1rem; position: absolute; right: .75rem; bottom:15px; font-size: 1rem; width: calc(50% - 1rem); }
  .announce-2-2 .table-long2 tr td .btn-green { left: .75rem; }

  .announce-2-3 { background: #fff; }
  .announce-2-3 .table-long2 tr th { display: none; }
  .announce-2-3 .table-long2 tr { display: block; clear: both; overflow: hidden; border-bottom: 1px solid #ccc; }
  .announce-2-3 .table-long2 tbody tr { padding-bottom: 50px; position: relative; }
  .announce-2-3 .table-long2 tr:last-child { border-bottom: none; }
  .announce-2-3 .table-long2 tr td { float: left; width: 50%; display: flex; padding: 0; text-align: left; align-items: center; border-top: none; border-bottom: 1px solid #dee2e6; }
  .announce-2-3 .table-long2 tr td > b { display: flex; flex: 0 0 130px; width: 130px; padding: 10px 15px; align-items: center; text-align: left; font-size: 1rem; }
  .announce-2-3 .table-long2 tr td > p { display: flex; flex: 1; margin: 0; padding: 10px ; align-items: center; }
  .announce-2-3 .table-long2 tr td:last-child { float: inherit; width: 100%; border-bottom: 1px solid #dee2e6; }
  .announce-2-3 .table-long2 tr td:first-child,  .announce-2-3 .table-long2 tr td:nth-child(2) { border: none; }
  .announce-2-3 .table-long2 tr td .btn { position: absolute; right: 15px; bottom:10px; font-size: 1rem; }
  .announce-2-3 .table-long2 tr td .btn-green { right: 105px; }

  .modal-fix-box .row.fix > div > .form-inline { display: none;  }
  .modal-fix-box .row.fix2 .hide { display: none; }
  .modal-fix-box .row.fix2 .form-inline select { display: inline-block; width: 114px; }
  .modal-fix-box .row.fix2 .form-inline input { display: inline-block; width: calc(100% - 124px); }
  .modal-fix-box .row.fix .mobile-show-group { display: block; }
  .mobile-show-group select, .mobile-show-group input { margin-bottom: 5px !important; }

}

.mx-input-wrapper .form-control {
    width: 100%;
}
@media (max-width: 768px) {
  .toptime b {  display: none;  }
  .topsearch { display: none;  }
  .topnav { display: none; }
  .navbar-logo {
    padding: 0;
  }
  .navbar-logo a {
    background-image: url(../images/logo2.png);
    width: 288px;
    height: 85px;
  }
  
  .tabsitem-hit { background: #fff; }
  .tabsitem-hit .major-title { display: block; }
  .tabsitem-hit ul { margin-top: 10px; margin-bottom: 0; }
  .tabsitem-hit ul li {
    flex: 0 0 23.3333%;
    width: 23.3333%;
  }
  .tabsitem-hit ul li:first-child {
    flex: 0 0 30%;
    width: 30%;
  }
  .tabsitem-hit .tabsitem { margin:0px;  }

  /*
  .tabsitem-hit + .search-long .major-title { display: none; }
  */

  .reads { display: block; padding: 0; margin: 0 0 0 10px; list-style: none; position: absolute; left: 170px; top: 10px; }
  .reads li { display: inline-block; vertical-align: middle; font-size: .75rem; padding-right: 5px; }
  .news-box .table tr td:first-child i { display: block; margin: 0 auto; }
  .news-box .table tr th:nth-child(6), .news-box .table tr th:nth-child(7),
  .news-box .table tr td:nth-child(6), .news-box .table tr td:nth-child(7) { display: none; }
  .news-box .table tr th:first-child, .news-box .table tr th:nth-child(5) { width: auto; }
  .news-box .table tr th:nth-child(3) { width: 50px; }

  .download-table tr td { padding: 15px 10px; font-size: .9125rem; }
  .download-table tr td:nth-child(1) {width: auto; }
  .download-table tr td i { font-size: 1.5625rem; }


/*
  .table {
    display: table!important;
    width: 100%;
  }
  */
  .table-form .col-title > b { width: auto; min-width: inherit; }
  .table-form tr { display: block; padding: 15px 0 0 0; position: relative; }
  .table-form tr th, .table-form tr td { padding: 5px 15px; align-items: center; }
  .table-form tr td { display: flex;  width: 100%; border: none; font-size: 1rem; flex-direction:column; align-items: flex-start; }
  .table-form tr td:first-child { width: 100%; font-size: 1.0625rem; font-weight: bold; }
  .table-form tr td:last-child { padding-top: 0; }
  .table-form tr td.red { display: table-cell; }
  .table-form tr:last-child td { display: block; }
  .table-form tr td.red small { color: #FF0B0B; }
  .table-form tr td .form-check.hide { display: none; }
  .table-form tr td .blue { position: absolute; right: 10px; top: 23px; }
  .table-form tr.final td { display: table-cell; width: auto!important; }
  .table-form tr.final td:first-child { width: 180px!important; }
  .table-form tr.final .code { padding: .2rem; margin: 0 5px;  }
  .table-form tr.final td:last-child input { text-align: center; }
  .table-form .form-check .form-inline { display: inline-block; }
  .table-form.table-form-3-2 tr { padding-bottom: 10px; border-bottom: 1px solid #c1c1c1; }

/*
  .table-long tbody, .table-long tr, .table-form tbody, .table-form tr { display: block; }
  .table-long tr th, .table-long tr td, .table-form tr th, .table-form tr td {
    width: auto!important;
    text-align: left!important;
  }
  .table-long thead { display: none!important; }
  .table-long tr td { display: flex; }
  .table-long tr td > b { display: block; flex: 0 0 85px; width: 85px; padding-right: 1rem; }
  .table-long tr td:last-child { align-items: center; justify-content: center; }
  .table-long .relative { position: relative; display: inline-block; }
  .table-long .ans { width: 3rem; position: absolute; right: -55px; top: 10px; }
  .table-long .btn { display: block; font-size: 1.125rem; padding: .7rem 1.5rem; }
  */
  .profile-box .table { display: none!important; }
  .profile-box .table-mobile { display: table!important; width: 100%!important; }

  .page-button .btn { padding: .75rem; margin: 0 5px; }
  .page-button .hidden { display: none; }
  .page-button .btn.back { display: inline-block; }

  .search-box .btn { margin: 0 5px; }
  .box-bluehead ol li { margin: 0; display: block; }
  
  .table-red tr th .hide { display: block; margin: 0; font-size: .75rem; }
  .table-red tr th:last-child, .table-red tr td:last-child { display: none; }
  .table-red tr td .hide { display: block; margin: 0; }


  .table-calendar { width: 100%!important; margin: 0; }
  .table-calendar thead tr th { text-indent: -9999px; overflow: hidden; padding:5px 0; }
  .table-calendar thead tr th b { display: block; text-indent: 0; font-size: 1.125rem; margin-top: -15px; }
  .table-calendar .row > div { padding: 0; }
  .table-calendar .row .tit { height: 30px; line-height: 25px; font-size: 1.5rem; border: none; padding:5px 0; }
  .table-calendar .row .tit,
  .table-calendar tbody tr td:first-child .tit,
  .table-calendar tbody tr td:last-child .tit { background: none; }
  .table-calendar .row .plus { display: block; }
  .table-calendar .row .wrap {display: block; justify-content: center; font-size: 0.87rem; padding: 8px 2px;  min-height: 55px; }
  .table-calendar .row .wrap2 {display:none;}
  .table-calendar-mobile { display: table; }

  .questionnaire-box tbody tr { display: block; }
  .questionnaire-box tbody tr td { width: 100%; display: block; padding: 10px 15px; border: none;  }
  .questionnaire-box tbody tr td.none { display: none; }
  .questionnaire-box tbody tr td.col-title { width: auto; padding-top: 0; padding-bottom: 0; }
  .questionnaire-box tbody tr td .form-control { display: block; width: 100%; }
  .questionnaire-box tbody tr td .form-check { display: none; }

  .announce-2-3.fix .table-long2 tr td:nth-child(3),
  .announce-2-3.fix .table-long2 tr td:nth-child(4),
  .announce-2-3.fix .table-long2 tr td:nth-child(5){ float: none; width: 100%; clear: both; }
  .announce-2-3.fix .table-long2 tr td:last-child { float: left; width: inherit; }
  
  .sitemap-box .row { margin-bottom: 0; }
  .sitemap-box .row .row { margin-left: 0; margin-right: 0; }
  .sitemap-box .col-wrap { height: auto; margin-bottom: 20px; }
  .sitemap-box .col-fix .col-wrap { min-height: auto; }

}


@media (max-width: 640px) {
  .form-control { width: 100%; }
  .wrapper { padding-top: 10px; padding-bottom: 10px; }
  #gotop {
    bottom: 30px;
  }
  .container {
    padding: 0;
  }
  footer .container, .major-box .container {
    padding-left: 15px;
    padding-right: 15px;
  }
  .first-box .container {
    padding: 0;
  }
  footer ul { margin-bottom: 20px; }
  footer ul li {
    float: inherit;
    margin: 5px 0;
    width: auto;
  }
  footer ul li:nth-child(1), footer ul li:nth-child(3) {
    float: inherit;
    width: auto;
  }
  footer .col-md-4 { padding-right: 160px; }
  footer .counter { position: absolute; right: 15px; bottom: 17px; }
  footer .bottom { padding: 10px 0 0; }
  footer .bottom a:first-child:after { display: block; }
  footer .bottom span { display: block; padding: 10px 0; }
  .banner { margin: 0 0 -10px; }
  .banner .carousel-indicators { display: none; }
  .banner .carousel-inner { margin: 0; }
  .carousel-item img { width: 100%; }
  .first-box .container .banner  {display: none;}

  .major-box { border: 0; }
  .page-topbox .sub-title {
    margin-left: 15px;
    margin-right: 0;
  }  
  .page-number { font-size: 1.125rem; }
  .page-number p:first-child { display: block; width: 100%; padding: 0 0 10px; }
  .brand-items { margin-left: 15px; margin-right: 15px; }
  .tabsitem { margin-left: 10px; margin-right: 10px; }

  .news-box .table tr th:nth-child(2), .news-box .table tr td:nth-child(2),
  .news-box .table tr th:nth-child(8), .news-box .table tr td:nth-child(8),
  .news-box .table tr th:nth-child(5), .news-box .table tr td:nth-child(5),
  .news-box .table tr th:nth-child(6), .news-box .table tr td:nth-child(6),
  .news-box .table tr th:nth-child(7), .news-box .table tr td:nth-child(7) { display: none; }

  .modal-footer .page-button .btn { min-width: 100px; }
  .middle-container { border: none; border-top: 1px solid #8D8D8D;  }
  .table.table-content { border: 1px solid #636363; margin: 10px 10px 0; }
  .table.table-content tr td { border: 1px solid #ccc; }
  .table.table-content tr td > b { border-color: #ccc; }
  .table-content .btn-icon { display: block; margin: 0 auto; }

  .form-middle-box .row .col { flex: 0 0 100%; }
  /*.announce-2-3 .major-title h2 > b { display: inline-block; }*/
  .announce-2-3 .major-title h2 > span { display: block; padding: 0; margin: 0; font-size: .9375rem; }
  .title-button .btn-warning > .hide { display: none; }
  .sitemap-box .col-lg-8 .col { flex: 0 0 100%; }

}


@media (max-width: 480px) {

  body { font-size: 1rem; }
  .mx-datepicker {
    width: 100%;
}
  .list-box .table tr th, .list-box .table tr td { padding: 10px; }
  .table tr th, .table-long tr th { font-size: .875rem; }
  .table-red { font-size: .875rem; }
  .table-form .form-inline { align-items: stretch; width: 100%; }
  .table-form .form-check { display: flex; width: calc(50% - 30px)!important; margin-top: 5px; margin-bottom: 5px; align-items:start; }
  .table-form .form-check .form-check-input { margin-top: 2px; }
  .table-form .form-check.check-other { width: 100%!important; }
  .table-form .form-check.check-other .form-inline { width: auto; }
  .table-long-mobile thead tr th { font-size: inherit; }
  .search-box .page-button { padding: 0; }
  .form-check-label { font-size: 1rem; }

  .tabsitem.three li { width: 33.3333%; flex: 0 0 33.3333%;  }
  .tabsitem.three li:nth-child(2) .btn,
  .tabsitem.three li:nth-child(3) .btn { padding-left: 1rem; padding-right: 1rem; }
  .tabsitem.three li:nth-child(4) .btn { padding-left: 1.5rem; padding-right: 1.5rem; }

  .announce-box .title-button .btn-blue:first-child { background-color: #E95A47; border-color: #E95A47; }
  .announce-box .title-button .btn-blue:last-child { display: none; }
  .questionnaire-box .table-form .form-check {width:auto !important}

  .search-box .col-title { font-size: .75rem; }
  .search-box .col-md-1.col-title { font-size: 1rem; }
  .search-box .col-lg-1 { min-width: 125px; flex: 0 0 125px; padding-right: 0; }
  .search-box .col-lg-1.col-title { font-size: 1rem; }
  .search-box .col-md-1 { min-width: 100px; flex: 0 0 100px; }
  .search-box.search-3-3 .col-lg-1.col-title { min-width: 160px; flex: 0 0 160px;  }
  .manage-box .row > .col-title { font-size: 1rem; min-width: 160px; flex: 0 0 155px; }
}


@media (max-width: 420px) {
  .tabsitem-long .btn { padding: .3rem .1rem; }
  .table-red tr th, .table-red tr td { padding: 10px; padding-right: 10px; }
  .page-button .btn { min-width: 30%; }
}

@media (max-width: 360px) {
  .tabsitem .btn { font-size: .9375rem; padding: .3rem .1rem; }
 .report-box .table-long-mobile tbody tr th { white-space: inherit; word-break: break-all; }
}

.hide-in-phone{
  display: flex;
}
@media  (max-width:768px) {.hide-in-phone { display: none; } }

.hide-in-phone2{
  display: table-cell;
}
@media  (max-width:768px) {.hide-in-phone2 { display: none; } }

.hide-in-phone3{
  display: block;
}
@media  (max-width:768px) {.hide-in-phone3 { display: none; } }

.hide-in-pc{
  display: none;
}
@media only screen and (max-width:1200px) {.hide-in-pc { display: block; } }

/*校安通報table-->div*/
.row-table .row-th .col,
.table-long .row-th .col { font-size: 1rem; line-height: 1.2; font-weight: bold; text-align: center; background: #F0F8FB; border-bottom: 2px solid #7E7E7E; }

.row-table .row { margin-left: 0; margin-right: 0;  border-top: 1px solid #dee2e6; }
.row-table .row > div { padding: 15px; text-align: left; font-size: 1rem; vertical-align: middle; }
.row-table .bluebar > div { background: #F0F8FB; border-bottom: 2px solid #7E7E7E; }
.row .col-title > b:before { top: 3px; }

.table-hover .row:hover { background: #f7f7f7; }
.table-form .row .col { text-align: left; }
.table-form .row .col:first-child { width: 32%; flex: 0 0 27%; text-align: left; } 
.table-form .row .col:last-child { width: 27%; flex: 0 0 27%; }

.form-list-box .row-table .row { align-items: baseline; }
@-moz-document url-prefix() {
 .form-list-box .row-table .row { align-items:flex-start; }
}
.form-list-box .row-table .none { width: 100px; flex: 0 0 100px; }
.form-list-box .row-table .row > .col-title { width: 142px; flex: 0 0 275px; padding-right: 0; }
.form-list-box .row > div > p { margin: 10px 0 0; display: block; width: 100%; }
.form-list-box .row .download { display: inline-block; margin-left: 5px; width: 28px; height: 28px; background: url(../images/icon_download.png) center no-repeat; }
.form-list-box .row > div > label { margin: 0 0 0 10px; }
.form-list-box .row .fix > select,
.form-list-box .row .fix .form-inline-date { display: none; }
.form-list-box .row-table.hit .row.hide { display: none; }

.dropdownSearch { display: none; position: absolute; left: 0; top: 55px; width: 96vw; max-width: 700px; background: #F0F8FB; border: 1px solid #aaa; padding: 10px; z-index: 2; }
.dropdownSearch .row-table > .row { border-top: none; }
.dropdownSearch .row-table:first-child .row > div { border: none; text-align: left; padding: 5px!important; }
.dropdownSearch .row-table:first-child .row > div input.form-control { width: calc(100% - 225px); margin-right: 5px; }
.dropdownSearch .row-table:first-child .row > div .btn { width: 120px; min-height: 38px; line-height: 24px; }
.dropdownSearch .row-table:nth-child(2) { margin: 10px auto; border-top: 1px solid #aaa; border-bottom: 1px solid #aaa; }
.dropdownSearch .row-table:nth-child(2) .row > div { border: none; padding: 10px; border-bottom: 1px dashed #ccc; }
.dropdownSearch .table-bottom { font-size: .75rem; text-align: center; justify-content: center; }
.dropdownSearch .table-bottom .form-control { font-size: .75rem; height: auto; padding: .1rem .3rem; }

.announce-box .row-table .row { align-items: stretch; }
.announce-box .row-table .row .col .btn { border-radius: 8px; }
.announce-box .row-table .row .col .btn-danger { background-color: #E95A47; border-color: #E95A47; }
.announce-box .row-table .row .col .btn-danger:hover { background-color: #c74130; }
.announce-box .table-long2 .row .col span { display: block; margin:0 auto; }
.announce-box .table-long2 .row .col { padding: 1rem .3rem; vertical-align: middle; text-align: center; }
.announce-box .table-long2 .row .col .btn { font-size: .875rem; }
.announce-box .table-long2 .row .col .btn i { font-size: 1rem; margin-right: 2px; }
.announce-box .table-long2 .row .col .print { font-size: 1.75rem; }
.announce-2-3 .table-long2 .row .col > b { display: none; }

.questionnaire-box .row-table .row .col:last-child { width: 0%; flex: 0 0 10%; }
.questionnaire-box .row-table .row .col.form-inline .form-check { width: 20%; justify-content:stretch; display: flex; }
.questionnaire-box .row-table .row .none { width: 0;flex:0;padding: 0; }
.questionnaire-box .row-table .row .col:nth-child(2) {width: 32%;  flex: 0 0 27%;  text-align: left;}

@media (max-width: 990px) {
  .form-list-box .row-table.hit .row:nth-child(2),
  .form-list-box .row-table.hit .row:nth-child(3),
  .form-list-box .row-table.hit .row:nth-child(4) { border: none !important; }
  .form-list-box .row-table.hit .row:nth-child(2) > div,
  .form-list-box .row-table.hit .row:nth-child(3) > div,
  .form-list-box .row-table.hit .row:nth-child(4) > div { background: #F0F8FB;  }
  .form-list-box .row-table.hit .row:nth-child(2) > div { padding-bottom: 0; }
  .form-list-box .row-table.hit .row:nth-child(3) > div { padding-top: 0; padding-bottom: 0; }
  .form-list-box .row-table.hit .row:nth-child(4) > div { padding-top: 0; }
  .form-list-box .row-table.hit .col-title > b:before { display: none; }
  .form-list-box .row-table.hit .row.hide { display: flex; }
  .form-list-box .row-table .bluebar > div { border: none; background: none; font-size: .75rem; }
  .form-list-box .row-table .none { display: none; }
  .form-list-box .row-table .download { display: none; }

  .form-list-box .row .col.fix > select { display: block; }
  .form-list-box .row .col.fix .form-inline-date { display: flex; }
  .form-list-box .row .col.fix > input.form-control,
  .form-list-box .row .col.fix > .hide { display: none; }
  .form-list-box .row .col.fix .form-check { margin: 0; justify-content: stretch; }
  .form-list-box .row:nth-child(5) .fix > .form-inline { display: none; }
  .form-list-box .row:nth-child(6) .fix > .form-inline select { display: block; width: 100%; }


  .announce-2-3 { background: #fff; }
  .announce-2-3 .table-long2 .row {  clear: both; overflow: hidden; border-bottom: 1px solid #ccc; }
  .announce-2-3 .table-long2 .row {  position: relative; display:flex; flex-wrap:wrap;  }
  .announce-2-3 .table-long2 .row-th { display: none; }
  /*
   修正：當欄位內只有絕對定位的按鈕(<a class="btn">)時，高度會被壓成 0~1px。
   原因：.btn 使用 position:absolute 會脫離文件流，.col 又是 flex 容器且沒有內文/padding，
         造成自動高度為 0。加入 min-height 並讓 .col 成為定位容器，避免高度坍塌，
         同時讓 .btn 以欄位為定位基準。
  */
  .announce-2-3 .table-long2 .row .col { float: left;  display: flex; flex:  1 1 50%;min-width: 16em; padding: 0; text-align: left; align-items: center; border-top: none; border-bottom: 1px solid #dee2e6; position: relative; min-height: 44px; }
  .announce-2-3 .table-long2 .row .col > b { display: flex;  flex: 0 1 40%;max-inline-size: 8em;min-inline-size: 3em; padding: 10px 15px; align-items: center; text-align: left; font-size: 1rem; }
  .announce-2-3 .table-long2 .row .col > p { display: flex; flex: 1 1 auto; min-inline-size: 10em;  white-space: normal; word-break: break-word; margin: 0; padding: 10px ; align-items: center; }
  .announce-2-3 .table-long2 .row .col > span { display: flex; flex: 1 1 auto; min-inline-size: 3em;  white-space: normal; word-break: break-word; margin: 0; padding: 10px ; align-items: center; }
  /* 行動版按鈕列：占滿一列，按鈕靠右排列；避免使用絕對定位以防高度坍塌 */
  .announce-2-3 .table-long2 .row .col.col-actions { width: 100%!important; flex: 0 0 100%; justify-content: flex-end; gap: 12px; padding: 10px 10px; }
  .announce-2-3 .table-long2 .row .col.col-actions .btn { position: static; margin-left: 8px; }



/* 確保右側內容能拿到空間 */ .announce-2-3 .table-long2 .row > .col:last-child > span, .announce-2-3 .table-long2 .row > .col:last-child > p, .announce-2-3 .table-long2 .row > .col:only-child > span, .announce-2-3 .table-long2 .row > .col:only-child > p { flex: 1 1 auto; min-inline-size: 3em; white-space: normal; word-break: break-word; } 

}
@media (max-width: 768px) { 
  .form-list-box .bluebar { display: none; }
  .form-list-box .row-table .row > .col-title { width: 100%; padding-right: 0;     flex: 0 0 142px;}

  .table-form .col-title > b { width: auto; min-width: inherit; }
  .table-form .row { display: block; padding: 15px 0 0 0; position: relative; }
  .table-form .row-h .col, .table-form .row .col { padding: 5px 15px; align-items: center; }
  .table-form .row .col { display: flex;  width: 100%; flex: 0 0 100%; border: none; font-size: 1rem; flex-direction:column; align-items: flex-start; }
  .table-form .row .col:first-child { width: 100%; flex: 0 0 100%; font-size: 1.0625rem; font-weight: bold; }
  .table-form .row .col:last-child { padding-top: 0; width: 100%; flex: 0 0 100%; }
  .table-form .row .col.red { display: table-cell; }
  .table-form .row:last-child .col { display: block; }
  .table-form .row .col.red small { color: #FF0B0B; }
  .table-form .row .col .form-check.hide { display: none; }
  .table-form .row .col .blue { position: absolute; right: 10px; top: 23px; }
  .table-form .row.final .col { display: table-cell; width: auto!important; }
  .table-form .row.final .col:first-child { width: 180px!important; }
  .table-form .row.final .code { padding: .2rem; margin: 0 5px;  }
  .table-form .row.final .col:last-child input { text-align: center; }
  .table-form .form-check .form-inline { display: inline-block; }
  .table-form.table-form-3-2 .row { padding-bottom: 10px; border-bottom: 1px solid #c1c1c1; }

  .questionnaire-box .row-table .row .col:last-child { width: 0%; flex: 0 0 10%; }
  .questionnaire-box .row-table .row .none { width: 0;flex:0;padding: 0; }
  .questionnaire-box .row-table .row .col:nth-child(2) {width: 100%;  flex: 0 0 27%;  text-align: left;}
  .questionnaire-box .row-table .row .col.form-inline .form-check { display: flex; }
  .form-inline .form-check { display: flex; }


  .dropdown_item{width: 100%}
  .dropdown_item>li:HOVER{background-color: #eee;cursor: pointer;}
  .dropdown_item>li {display: block;padding: 3px 10px;clear: both;font-weight: normal;line-height: 1.428571429;color: #333;white-space: nowrap;}
  .dropdown_item>li>.check_box{width: 18px;height: 18px;vertical-align: middle;margin: 0px;}
  .dropdown_item>li>span{vertical-align: middle;}
  .select_multiple .caret{border-top: 4px solid!important;border-bottom: 0;}
}