/* 分頁 */
.paginate {
    font-family: Arial, Helvetica, sans-serif;
    /*font-size: 1em;*/
}

a.paginate {
    background-color: #F0F0F0;
    border: 1px solid #000080;
    padding: 2px 6px 2px 6px;
    text-text-decoration: none;oration: none;
    color: #000080;
    margin:0 5px;
}

a.paginate:hover {
    background-color: #F0F000;
    color: #000FFF;
    text-text-decoration: none;oration: underline;
}

a.current {
    border: 1px solid #808080;
    font-weight: bold;
    padding: 2px 6px 2px 6px;
    cursor: default;
    background:#6495C3;
    color: #FFF !important;
    text-text-decoration: none;oration: none;
}

span.inactive {
    border: 1px solid #999;
    padding: 2px 6px 2px 6px;
    color: #999;
    cursor: default;
}
/* 刪除線*/
.tx-del {text-decoration:line-through;}

/*底部ICON選單*/
.icon_color{color:#1973AA;}
/*左MENU選單配色*/
.bg-blue-sky {
  background-color: #0866C6;
}
.bg-green-momo {
  background-color: #059FAF;
}
.bg-info-green {
  background-color: #0ABDE3;
}
.dashboard-2 .leftpanel .nav-link:hover, .dashboard-2 .leftpanel .nav-link:focus {
  background-color: #ffffff;
}
.dashboard-2 .leftpanel .nav-link.active, .dashboard-2 .leftpanel .nav-link.active:hover, .dashboard-2 .leftpanel .nav-link.active:focus {
  background-color: #48DBFB !important;
}
.menu_title {
  background-color: #0866C6 !important;
  color: #fff !important;
}
.nav-stacked .nav-link.active {
  background-color: #48DBFB !important;
  color: #000;
}

.alert {
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 3px;
}
.close {
  opacity: .7 !important;
}

/* 彩色小按鈕 */
a[class*="btn"] {text-decoration: none;}
input[class*="btn"], 
button[class*="btn"] {border: 0;}

/* Here you can change the button sizes */
.btn-two.small {
  padding: 8px 18px;
}
.btn-two.mini {
  padding: 4px 12px;
  margin:5px;
}
.btn-two.block {
  display: block;
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
/* Colors for .btn and .btn-two */
.btn-two.blue     {background-color: #1D93D3;}
.btn-two.green   {background-color: #59C136;}
.btn-two.red       {background-color: #fa5a5a;}
.btn-two.purple {background-color: #cb99c5;}
.btn-two.cyan     {background-color: #7ED9DD;color: black;}
.btn-two.yellow {background-color: #EFE862;}
.btn-two.gray {background-color: #C6CFD3;color: black;}

.rounded {
  border-radius: 10px;
}

/* Button two - I have no creativity for names */
.btn-two {
    color: white;
    padding: 15px 25px;
    display: inline-block;
    border: 1px solid rgba(0,0,0,0.21);
    border-bottom-color: rgba(0,0,0,0.34);
    text-shadow:0 1px 0 rgba(0,0,0,0.15);
    box-shadow: 0 1px 0 rgba(255,255,255,0.34) inset,
                0 2px 0 -1px rgba(0,0,0,0.13),
                0 3px 0 -1px rgba(0,0,0,0.08),
                0 3px 13px -1px rgba(0,0,0,0.21);
}

/** 導航麵包屑 The Magic **/

.btn-success {
  color: #fff;
  background-color: #4cae4c;
  border-color: #28a745;
}
.btn-success:hover {
  color: #fff;
  background-color: #47a447 !important;
  border-color: #1e7e34;
}
.btn-success:focus, .btn-success.focus {
  box-shadow: 0 0 0 3px rgba(40, 167, 69, 0.5);
}
.btn-success.disabled, .btn-success:disabled {
  background-color: #28a745;
  border-color: #28a745;
}
.btn-success:active, .btn-success.active, .show > .btn-success.dropdown-toggle {
  background-color: #218838;
  background-image: none;
  border-color: #1e7e34;
}
.btn-primary:active,
.btn-success:active,
.btn-warning:active,
.btn-info:active,
.btn-danger:active,
.btn-inverse:active {
  color: #fff;
}

btn-breadcrumb>.btn.disabled {
    opacity: 1 !important;
    color: #999;
}

.btn-breadcrumb .btn:not(:last-child):after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 17px solid transparent;
  border-bottom: 17px solid transparent;
  border-left: 10px solid white;
  position: absolute;
  top: 50%;
  margin-top: -17px;
  left: 100%;
  z-index: 3;
}
.btn-breadcrumb .btn:not(:last-child):before {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 17px solid transparent;
  border-bottom: 17px solid transparent;
  border-left: 10px solid rgb(173, 173, 173);
  position: absolute;
  top: 50%;
  margin-top: -17px;
  margin-left: 1px;
  left: 100%;
  z-index: 3;
}

/** The Spacing **/
.btn-breadcrumb .btn {
  padding:6px 12px 6px 24px;
}
.btn-breadcrumb .btn:first-child {
  padding:6px 6px 6px 10px;
}
.btn-breadcrumb .btn:last-child {
  padding:6px 18px 6px 24px;
}

/** Default button **/
.btn-breadcrumb .btn.btn-default:not(:last-child):after {
  border-left: 10px solid #fff;
}
.btn-breadcrumb .btn.btn-default:not(:last-child):before {
  border-left: 10px solid #ccc;
}
.btn-breadcrumb .btn.btn-default:hover:not(:last-child):after {
  border-left: 10px solid #ebebeb;
}
.btn-breadcrumb .btn.btn-default:hover:not(:last-child):before {
  border-left: 10px solid #adadad;
}

/** Primary button **/
.btn-breadcrumb .btn.btn-primary:not(:last-child):after {
  border-left: 10px solid #428bca;
}
.btn-breadcrumb .btn.btn-primary:not(:last-child):before {
  border-left: 10px solid #357ebd;
}
.btn-breadcrumb .btn.btn-primary:hover:not(:last-child):after {
  border-left: 10px solid #3276b1;
}
.btn-breadcrumb .btn.btn-primary:hover:not(:last-child):before {
  border-left: 10px solid #285e8e;
}

/** Success button **/
.btn-breadcrumb .btn.btn-success:not(:last-child):after {
  border-left: 10px solid #4cae4c;
}
.btn-breadcrumb .btn.btn-success:not(:last-child):before {
  border-left: 10px solid #409640;
}
.btn-breadcrumb .btn.btn-success:hover:not(:last-child):after {
  border-left: 10px solid #47a447;
}
.btn-breadcrumb .btn.btn-success:hover:not(:last-child):before {
  border-left: 10px solid #398439;
}

/** Danger button **/
.btn-breadcrumb .btn.btn-danger:not(:last-child):after {
  border-left: 10px solid #d9534f;
}
.btn-breadcrumb .btn.btn-danger:not(:last-child):before {
  border-left: 10px solid #d43f3a;
}
.btn-breadcrumb .btn.btn-danger:hover:not(:last-child):after {
  border-left: 10px solid #d2322d;
}
.btn-breadcrumb .btn.btn-danger:hover:not(:last-child):before {
  border-left: 10px solid #ac2925;
}

/** Warning button **/
.btn-breadcrumb .btn.btn-warning:not(:last-child):after {
  border-left: 10px solid #f0ad4e;
}
.btn-breadcrumb .btn.btn-warning:not(:last-child):before {
  border-left: 10px solid #eea236;
}
.btn-breadcrumb .btn.btn-warning:hover:not(:last-child):after {
  border-left: 10px solid #ed9c28;
}
.btn-breadcrumb .btn.btn-warning:hover:not(:last-child):before {
  border-left: 10px solid #d58512;
}

/** Info button **/
.btn-breadcrumb .btn.btn-info:not(:last-child):after {
  border-left: 10px solid #5bc0de;
}
.btn-breadcrumb .btn.btn-info:not(:last-child):before {
  border-left: 10px solid #46b8da;
}
.btn-breadcrumb .btn.btn-info:hover:not(:last-child):after {
  border-left: 10px solid #39b3d7;
}
.btn-breadcrumb .btn.btn-info:hover:not(:last-child):before {
  border-left: 10px solid #269abc;
}

/* 性感按鈕 */
.sexy-btn{
color:#08233e;
padding:3px 10px;
margin:10px 0;
white-space: nowrap;
background:url(../images/overlay.png) repeat-x center #ffcc00;
background-color:rgba(204,204,204,1);
border:1px solid #CCCCCC;
-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;
border-bottom:2px solid #9f9f9f;
-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
}
.sexy-btn:hover{background-color:rgba(204,204,204,0.8);}
.sexy-btn:active{position:relative;top:2px;}

.sexy-btn.yellow{
color:#08233e;
background-color:rgba(255,204,0,1);
border:1px solid #ffcc00;
border-bottom:2px solid #9f9f9f;
}
.sexy-btn.yellow:hover{background-color:rgba(255,204,0,0.8);}
.sexy-btn.orange{
color:#fff !important;
background-color:rgba(255,153,51,1);
border:1px solid #FF9933;
border-bottom:2px solid #9f9f9f;
}
.sexy-btn.orange:hover{background-color:rgba(255,153,51,0.8);}
.sexy-btn.red{
color:#fff !important;
background-color:rgba(255,51,51,1);
border:1px solid #FF3333;
border-bottom:2px solid #9f9f9f;
}
.sexy-btn.red:hover{background-color:rgba(255,51,51,0.8);}
.sexy-btn.green{
color:#fff !important;
background-color:rgba(0,168,0,1);
border:1px solid #008D00;
border-bottom:2px solid #9f9f9f;
}
.sexy-btn.green:hover{color:#000 !important;background-color:rgba(0,168,0,0.8);}
.sexy-btn.blue{
color:#fff !important;
background-color:rgba(0,168,245,1);
border:1px solid #008DE0;
border-bottom:2px solid #9f9f9f;
}
.sexy-btn.blue:hover{color:#000 !important;background-color:rgba(0,168,245,0.8);}

.sexy-shadow{
  -moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4), 0px 7px 13px -3px rgba(0, 0, 0, 0.3), 0px -3px 0px rgba(0, 0, 0, 0.2) inset;
  -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4), 0px 7px 13px -3px rgba(0, 0, 0, 0.3), 0px -3px 0px rgba(0, 0, 0, 0.2) inset;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4), 0px 7px 13px -3px rgba(0, 0, 0, 0.3), 0px -3px 0px rgba(0, 0, 0, 0.2) inset;
}

/* 安置下線人員 */
.set-btn{
color:#08233e;
font-size:.8rem;
padding:3px 10px;
white-space: nowrap;
background:url(../images/overlay.png) repeat-x center #ffcc00;
background-color:rgba(204,204,204,1);
border:1px solid #CCCCCC;
}
.set-btn:hover{background-color:rgba(204,204,204,0.8);}
.set-btn:active{position:relative;top:2px;}
.set-btn.red{
color:#fff !important;
background-color:rgba(255,51,51,1);
border:1px solid #FF3333;
border-bottom:2px solid #9f9f9f;
}
.set-btn.red:hover{background-color:rgba(255,51,51,0.8);}
.set-btn.green{
color:#fff !important;
background-color:rgba(0,168,0,1);
border:1px solid #008D00;
border-bottom:2px solid #9f9f9f;
}
.set-btn.green:hover{color:#000 !important;background-color:rgba(0,168,0,0.8);}
.set-btn.blue{
color:#fff !important;
background-color:rgba(0,168,245,1);
border:1px solid #008DE0;
border-bottom:2px solid #9f9f9f;
}
.set-btn.blue:hover{color:#000 !important;background-color:rgba(0,168,245,0.8);}
/*一般提示框(彈出)*/
#msgmask{
width:100%; height:100%; background-color:rgba(0,0,0,0.5); position:fixed;  z-index:1100; top:0; left:0; animation: fade-in;
animation-duration: 0.3s;
-webkit-animation:fade-in 0.3s;
}
@keyframes fade-in {
0% {opacity: 0;}/*初始狀態 透明度為0*/
40% {opacity: 0;}/*過渡狀態 透明度為0*/
100% {opacity: 1;}/*結束狀態 透明度為1*/
}
#tipnews{
width: 80%;
    height: auto;
    margin-top: 100px;
    text-align: center;
    color: #1b1b1b;
    background-color: #fff;
    margin-left: auto;
    margin-right: auto;
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem;
    line-height: 130%;
    padding: 1rem;
    min-height: 1.2rem;
}
#okbtn{
width:80%;cursor:pointer;text-align:center; color:#fff; background-color:#ff5761; margin-left:auto; margin-right:auto; border-bottom-left-radius:.5rem; border-bottom-right-radius:.5rem;line-height:1rem;
}
fieldset {
width:100%;
border:1px solid #4F709F;
padding:20px;
margin:0 0 50px 0;
    }

@media (min-width: 768px) and (max-width: 2048px) {
legend {
width:20%;
text-align:center;
margin:auto;
padding:5px 10px;
background-color:#4F709F;
color:#FFF;
    }
}
@media (min-width: 576px) {
legend {
width:40%;
text-align:center;
margin:auto;
padding:5px 10px;
background-color:#4F709F;
color:#FFF;
    }
}
@media (min-width: 350px) and (max-width: 480px){
legend {
width:80%;
text-align:center;
margin:auto;
padding:5px 10px;
background-color:#4F709F;
color:#FFF;
    }
  }