@charset "UTF-8";

.color-blue {
    color: #0097bd;
}
.light-box-color {
    background-color: #26BAAE;
}
.color-blue-green {
    color: #00D4E4;
}
.login-img {
    background-image: url(../image/login-img.jpg);
    background-size: auto auto;
    background-position: center top;
}
.bg-gradient-top {
    background : -moz-linear-gradient(22.05% 50% 0deg, rgba(38, 186, 174, 1) 0%, rgba(0, 150, 188, 1) 100%);
    background : -webkit-linear-gradient(0deg, rgba(38, 186, 174, 1) 0%, rgba(0, 150, 188, 1) 100%);
    background : -webkit-gradient(linear, 22.05% 50%, 122.05% 50%, color-stop(0, rgba(38, 186, 174, 1) ), color-stop(1, rgba(0, 150, 188, 1) ));
    background : -o-linear-gradient(0deg, rgba(38, 186, 174, 1) 0%, rgba(0, 150, 188, 1) 100%);
    background : -ms-linear-gradient(0deg, rgba(38, 186, 174, 1) 0%, rgba(0, 150, 188, 1) 100%);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#26BAAE', endColorstr='#0096BC' ,GradientType=0)";
    background : linear-gradient(90deg, rgba(38, 186, 174, 1) 0%, rgba(0, 150, 188, 1) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#26BAAE', endColorstr='#0096BC', GradientType=1);
}
.top-quick-button01 {
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #00AFBC;
    padding-right: 20px;
    padding-left: 20px;
    margin-left: -4px;
}
.sign-in-text {
    padding-top: 20px;
    padding-right: 20px;
    padding-left: 20px;
    margin-left: -4px;
}
.top-quick-button02 {
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #26baae;
    padding-right: 20px;
    padding-left: 20px;
    margin-left: -4px;
}
.text-white {
    color: #FDFDFD;
    font-size: 21px;
}
.text-big {
    font-size : 24px;
}

/*灰色的按鈕*/
.btn-gray.focus, .btn-gray:focus {
    color: #fff;
    background-color: #286090;
    border-color: #122b40
}
.btn-gray:hover {
    color: #fff;
    background-color: #286090;
    border-color: #204d74
}
.btn-gray.active, .btn-gray:active, .open>.dropdown-toggle.btn-gray {
    color: #fff;
    background-color: #286090;
    border-color: #204d74
}
.btn-gray.active.focus, .btn-gray.active:focus, .btn-gray.active:hover, .btn-gray:active.focus, .btn-gray:active:focus, .btn-gray:active:hover, .open>.dropdown-toggle.btn-gray.focus, .open>.dropdown-toggle.btn-gray:focus, .open>.dropdown-toggle.btn-gray:hover {
    color: #fff;
    background-color: #204d74;
    border-color: #122b40
}
.btn-gray.active, .btn-gray:active, .open>.dropdown-toggle.btn-gray {
    background-image: none
}
.btn-gray.disabled.focus, .btn-gray.disabled:focus, .btn-gray.disabled:hover, .btn-gray[disabled].focus, .btn-gray[disabled]:focus, .btn-gray[disabled]:hover, fieldset[disabled] .btn-gray.focus, fieldset[disabled] .btn-gray:focus, fieldset[disabled] .btn-gray:hover {
    background-color: #337ab7;
    border-color: #2e6da4
}
.btn-gray .badge {
    color: #337ab7;
    background-color: #F90004
}

.btn-gray {
  color: #ffffff;
  background-color: #b7b7b7;
  border-color: #a8a8a8;
}
.btn-gray:focus,
.btn-gray.focus {
  color: #ffffff;
  background-color: #288dba;
  border-color: #2686b2;
}
.btn-gray:hover {
  color: #ffffff;
  background-color: #288dba;
  border-color: #2686b2;
}
.btn-gray:active,
.btn-gray.active,
.open > .dropdown-toggle.btn-gray {
  color: #ffffff;
  background-color: #288dba;
  border-color: #2686b2;
}
.btn-gray:active:hover,
.btn-gray.active:hover,
.open > .dropdown-toggle.btn-gray:hover,
.btn-gray:active:focus,
.btn-gray.active:focus,
.open > .dropdown-toggle.btn-gray:focus,
.btn-gray:active.focus,
.btn-gray.active.focus,
.open > .dropdown-toggle.btn-gray.focus {
  color: #ffffff;
  background-color: #288dba;
  border-color: #2686b2;
}
.btn-gray:active,
.btn-gray.active,
.open > .dropdown-toggle.btn-gray {
  background-image: none;
}
.btn-gray.disabled:hover,
.btn-gray[disabled]:hover,
fieldset[disabled] .btn-gray:hover,
.btn-gray.disabled:focus,
.btn-gray[disabled]:focus,
fieldset[disabled] .btn-gray:focus,
.btn-gray.disabled.focus,
.btn-gray[disabled].focus,
fieldset[disabled] .btn-gray.focus {
  background-color: #b7b7b7;
  border-color: #a8a8a8;
}
.btn-gray .badge {
  color: #b7b7b7;
  background-color: #ffffff;
}
/*灰色的按鈕結束*/

/*绿色的按鈕*/
.btn-green.focus, .btn-green:focus {
    color: #fff;
    background-color: #18756e;
    border-color: #18756e
}
.btn-green:hover {
    color: #fff;
    background-color: #18756e;
    border-color: #18756e
}
.btn-green.active, .btn-green:active, .open>.dropdown-toggle.btn-green {
    color: #fff;
    background-color: #18756e;
    border-color: #18756e
}
.btn-green.active.focus, .btn-green.active:focus, .btn-green.active:hover, .btn-green:active.focus, .btn-green:active:focus, .btn-green:active:hover, .open>.dropdown-toggle.btn-green.focus, .open>.dropdown-toggle.btn-green:focus, .open>.dropdown-toggle.btn-green:hover {
    color: #fff;
    background-color: #18756e;
    border-color: #18756e
}
.btn-green.active, .btn-green:active, .open>.dropdown-toggle.btn-green {
    background-image: none
}
.btn-green.disabled.focus, .btn-green.disabled:focus, .btn-green.disabled:hover, .btn-green[disabled].focus, .btn-green[disabled]:focus, .btn-green[disabled]:hover, fieldset[disabled] .btn-green.focus, fieldset[disabled] .btn-green:focus, fieldset[disabled] .btn-green:hover {
    background-color: #18756e;
    border-color: #18756e
}
.btn-green .badge {
    color: #18756e;
    background-color: #F90004
}

.btn-green {
  color: #ffffff;
  background-color: #26baae;
  border-color: #26baae;
}
.btn-green:focus,
.btn-green.focus {
  color: #ffffff;
  background-color: #18756e;
  border-color: #18756e;
}
.btn-green:hover {
  color: #ffffff;
  background-color: #18756e;
  border-color: #18756e;
}
.btn-green:active,
.btn-green.active,
.open > .dropdown-toggle.btn-green {
  color: #ffffff;
  background-color: #18756e;
  border-color: #18756e;
}
.btn-green:active:hover,
.btn-green.active:hover,
.open > .dropdown-toggle.btn-green:hover,
.btn-green:active:focus,
.btn-green.active:focus,
.open > .dropdown-toggle.btn-green:focus,
.btn-green:active.focus,
.btn-green.active.focus,
.open > .dropdown-toggle.btn-green.focus {
  color: #ffffff;
  background-color: #18756e;
  border-color: #18756e;
}
.btn-green:active,
.btn-green.active,
.open > .dropdown-toggle.btn-green {
  background-image: none;
}
.btn-green.disabled:hover,
.btn-green[disabled]:hover,
fieldset[disabled] .btn-green:hover,
.btn-green.disabled:focus,
.btn-green[disabled]:focus,
fieldset[disabled] .btn-green:focus,
.btn-green.disabled.focus,
.btn-green[disabled].focus,
fieldset[disabled] .btn-green.focus {
  background-color: #26baae;
  border-color: #26baae;
}
.btn-green .badge {
  color: #26baae;
  background-color: #ffffff;
}
/*绿色的按鈕結束*/

/*绿色的按鈕-空心版*/
.btn-green-hollow.focus, .btn-green-hollow:focus {
    color: #26BAAE;
    background-color: #FFFFFF;
    border-color: #26BAAE
}
.btn-green-hollow:hover {
    color: #fff;
    background-color: #18756e;
    border-color: #18756e
}
.btn-green-hollow.active, .btn-green-hollow:active, .open>.dropdown-toggle.btn-green-hollow {
    color: #fff;
    background-color: #18756e;
    border-color: #18756e
}
.btn-green-hollow.active.focus, .btn-green-hollow.active:focus, .btn-green-hollow.active:hover, .btn-green-hollow:active.focus, .btn-green-hollow:active:focus, .btn-green-hollow:active:hover, .open>.dropdown-toggle.btn-green-hollow.focus, .open>.dropdown-toggle.btn-green-hollow:focus, .open>.dropdown-toggle.btn-green-hollow:hover {
    color: #fff;
    background-color: #18756e;
    border-color: #18756e
}
.btn-green-hollow.active, .btn-green-hollow:active, .open>.dropdown-toggle.btn-green-hollow {
    background-image: none
}
.btn-green-hollow.disabled.focus, .btn-green-hollow.disabled:focus, .btn-green-hollow.disabled:hover, .btn-green-hollow[disabled].focus, .btn-green-hollow[disabled]:focus, .btn-green-hollow[disabled]:hover, fieldset[disabled] .btn-green-hollow.focus, fieldset[disabled] .btn-green-hollow:focus, fieldset[disabled] .btn-green-hollow:hover {
    background-color: #18756e;
    border-color: #18756e
}
.btn-green-hollow .badge {
    color: #18756e;
    background-color: #F90004
}

.btn-green-hollow {
    color: #26BAAE;
    background-color: #FFFFFF;
    border-color: #26baae;
}
.btn-green-hollow:focus,
.btn-green-hollow.focus {
  color: #ffffff;
  background-color: #18756e;
  border-color: #18756e;
}
.btn-green-hollow:hover {
  color: #ffffff;
  background-color: #18756e;
  border-color: #18756e;
}
.btn-green-hollow:active,
.btn-green-hollow.active,
.open > .dropdown-toggle.btn-green-hollow {
  color: #ffffff;
  background-color: #18756e;
  border-color: #18756e;
}
.btn-green-hollow:active:hover,
.btn-green-hollow.active:hover,
.open > .dropdown-toggle.btn-green-hollow:hover,
.btn-green-hollow:active:focus,
.btn-green-hollow.active:focus,
.open > .dropdown-toggle.btn-green-hollow:focus,
.btn-green-hollow:active.focus,
.btn-green-hollow.active.focus,
.open > .dropdown-toggle.btn-green-hollow.focus {
  color: #ffffff;
  background-color: #18756e;
  border-color: #18756e;
}
.btn-green-hollow:active,
.btn-green-hollow.active,
.open > .dropdown-toggle.btn-green-hollow {
  background-image: none;
}
.btn-green-hollow.disabled:hover,
.btn-green-hollow[disabled]:hover,
fieldset[disabled] .btn-green-hollow:hover,
.btn-green-hollow.disabled:focus,
.btn-green-hollow[disabled]:focus,
fieldset[disabled] .btn-green-hollow:focus,
.btn-green-hollow.disabled.focus,
.btn-green-hollow[disabled].focus,
fieldset[disabled] .btn-green-hollow.focus {
  background-color: #26baae;
  border-color: #26baae;
}
.btn-green-hollow .badge {
  color: #26baae;
  background-color: #ffffff;
}
/*绿色的按鈕-空心版結束*/


/*红色的按鈕*/
.btn-red.focus, .btn-red:focus {
    color: #fff;
    background-color: #ba4845;
    border-color: #ba4845
}
.btn-red:hover {
    color: #fff;
    background-color: #ba4845;
    border-color: #ba4845
}
.btn-red.active, .btn-red:active, .open>.dropdown-toggle.btn-red {
    color: #fff;
    background-color: #ba4845;
    border-color: #ba4845
}
.btn-red.active.focus, .btn-red.active:focus, .btn-red.active:hover, .btn-red:active.focus, .btn-red:active:focus, .btn-red:active:hover, .open>.dropdown-toggle.btn-red.focus, .open>.dropdown-toggle.btn-red:focus, .open>.dropdown-toggle.btn-red:hover {
    color: #fff;
    background-color: #ba4845;
    border-color: #ba4845
}
.btn-red.active, .btn-red:active, .open>.dropdown-toggle.btn-red {
    background-image: none
}
.btn-red.disabled.focus, .btn-red.disabled:focus, .btn-red.disabled:hover, .btn-red[disabled].focus, .btn-red[disabled]:focus, .btn-red[disabled]:hover, fieldset[disabled] .btn-red.focus, fieldset[disabled] .btn-red:focus, fieldset[disabled] .btn-red:hover {
    background-color: #ba4845;
    border-color: #ba4845
}
.btn-red .badge {
    color: #ba4845;
    background-color: #F90004
}

.btn-red {
  color: #ffffff;
  background-color: #ff625f;
  border-color: #ff625f;
}
.btn-red:focus,
.btn-red.focus {
  color: #ffffff;
  background-color: #ba4845;
  border-color: #ba4845;
}
.btn-red:hover {
  color: #ffffff;
  background-color: #ba4845;
  border-color: #ba4845;
}
.btn-red:active,
.btn-red.active,
.open > .dropdown-toggle.btn-red {
  color: #ffffff;
  background-color: #ba4845;
  border-color: #ba4845;
}
.btn-red:active:hover,
.btn-red.active:hover,
.open > .dropdown-toggle.btn-red:hover,
.btn-red:active:focus,
.btn-red.active:focus,
.open > .dropdown-toggle.btn-red:focus,
.btn-red:active.focus,
.btn-red.active.focus,
.open > .dropdown-toggle.btn-red.focus {
  color: #ffffff;
  background-color: #ba4845;
  border-color: #ba4845;
}
.btn-red:active,
.btn-red.active,
.open > .dropdown-toggle.btn-red {
  background-image: none;
}
.btn-red.disabled:hover,
.btn-red[disabled]:hover,
fieldset[disabled] .btn-red:hover,
.btn-red.disabled:focus,
.btn-red[disabled]:focus,
fieldset[disabled] .btn-red:focus,
.btn-red.disabled.focus,
.btn-red[disabled].focus,
fieldset[disabled] .btn-red.focus {
  background-color: #ff625f;
  border-color: #ff625f;
}
.btn-red .badge {
  color: #ff625f;
  background-color: #ffffff;
}
/*红色的按鈕結束*/

/*藍色的按鈕*/
.btn-blue.focus, .btn-blue:focus {
    color: #fff;
    background-color: #005f77;
    border-color: #005f77
}
.btn-blue:hover {
    color: #fff;
    background-color: #005f77;
    border-color: #005f77
}
.btn-blue.active, .btn-blue:active, .open>.dropdown-toggle.btn-blue {
    color: #fff;
    background-color: #005f77;
    border-color: #005f77
}
.btn-blue.active.focus, .btn-blue.active:focus, .btn-blue.active:hover, .btn-blue:active.focus, .btn-blue:active:focus, .btn-blue:active:hover, .open>.dropdown-toggle.btn-blue.focus, .open>.dropdown-toggle.btn-blue:focus, .open>.dropdown-toggle.btn-blue:hover {
    color: #fff;
    background-color: #005f77;
    border-color: #005f77
}
.btn-blue.active, .btn-blue:active, .open>.dropdown-toggle.btn-blue {
    background-image: none
}
.btn-blue.disabled.focus, .btn-blue.disabled:focus, .btn-blue.disabled:hover, .btn-blue[disabled].focus, .btn-blue[disabled]:focus, .btn-blue[disabled]:hover, fieldset[disabled] .btn-blue.focus, fieldset[disabled] .btn-blue:focus, fieldset[disabled] .btn-blue:hover {
    background-color: #005f77;
    border-color: #005f77
}
.btn-blue .badge {
    color: #005f77;
    background-color: #F90004
}

.btn-blue {
  color: #ffffff;
  background-color: #0096bc;
  border-color: #0096bc;
}
.btn-blue:focus,
.btn-blue.focus {
  color: #ffffff;
  background-color: #005f77;
  border-color: #005f77;
}
.btn-blue:hover {
  color: #ffffff;
  background-color: #005f77;
  border-color: #005f77;
}
.btn-blue:active,
.btn-blue.active,
.open > .dropdown-toggle.btn-blue {
  color: #ffffff;
  background-color: #005f77;
  border-color: #005f77;
}
.btn-blue:active:hover,
.btn-blue.active:hover,
.open > .dropdown-toggle.btn-blue:hover,
.btn-blue:active:focus,
.btn-blue.active:focus,
.open > .dropdown-toggle.btn-blue:focus,
.btn-blue:active.focus,
.btn-blue.active.focus,
.open > .dropdown-toggle.btn-blue.focus {
  color: #ffffff;
  background-color: #005f77;
  border-color: #005f77;
}
.btn-blue:active,
.btn-blue.active,
.open > .dropdown-toggle.btn-blue {
  background-image: none;
}
.btn-blue.disabled:hover,
.btn-blue[disabled]:hover,
fieldset[disabled] .btn-blue:hover,
.btn-blue.disabled:focus,
.btn-blue[disabled]:focus,
fieldset[disabled] .btn-blue:focus,
.btn-blue.disabled.focus,
.btn-blue[disabled].focus,
fieldset[disabled] .btn-blue.focus {
  background-color: #0096bc;
  border-color: #0096bc;
}
.btn-blue .badge {
  color: #0096bc;
  background-color: #ffffff;
}
.table-background {
    background-color: #fafafa;
}
.btn-margin6_f_r {
	margin-top: 6px; float: right;
}
.btn-margin6_f_r2 {
    margin-top: 6px;
    float: right;
    margin-bottom: 6px;
}
.text-gray {
    color: #333;
}
.text-green {
    color: #26BAAE;
}
label2 {
    border: 1px solid #000;
    padding: .2em .6em .3em;
    display: inline;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
}
.td-style {
    background-color: #26BAAE;
    color: #FFFFFF;
    font-size: 20px;
    text-decoration-color: #ffffff;
}

/*藍色的按鈕結束*/




@media (max-width:767px){
.right2 {
    margin-right: 0px;
}
.st-userpopup {
    width: 80vw;
	
    padding-top: 15px;
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 15px;
}
.btn-margin-topbtm20 {
    margin-top: 20px;
    padding-bottom: 35px;
}
.margin-right10 {
    margin-right: 1px;
}
}