@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;700&display=swap');

html {
    position: relative;
     min-height: 100%;
}
body {
    font-family: 'Noto Sans TC', sans-serif;
    background: #f5f5f5;
    font-size:1em;
    font-weight:400; color:#333;
    padding-top: 15px;
    margin-bottom: 100px;
    margin-top: 50px;
    box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -webkit-box-sizing:border-box;
}

#content h2{
    font-size: 1.5em;
}
::-moz-selection{
  color: white;
  background: #5bc0de;
}
::selection {
  color: white;
  background: #5bc0de;
}
.btn-square{
  border-radius: 0px;
}
.btn-outline {
    background-color: transparent;
    color: inherit;
    transition: all .5s;
}

.btn-primary.btn-outline {
    color: #428bca;
}

.btn-success.btn-outline {
    color: #5cb85c;
}

.btn-info.btn-outline {
    color: #5bc0de;
}

.btn-warning.btn-outline {
    color: #f0ad4e;
}

.btn-danger.btn-outline {
    color: #d9534f;
}

.btn-primary.btn-outline:hover,
.btn-success.btn-outline:hover,
.btn-info.btn-outline:hover,
.btn-warning.btn-outline:hover,
.btn-danger.btn-outline:hover {
    color: #fff;
}

.navbar-findcond { background: #fff; border-color: #ccc; box-shadow: 0 0 2px 0 #ccc; }


.navbar-findcond a { color: #333; }
.navbar-findcond ul.navbar-nav a 
{ color: #333; border-style: solid; border-width: 0 0 2px 0; border-color: #fff; }
.navbar-findcond ul.navbar-nav > .active > a
{
    background: #F8F9FA;
    color: #333;
    border-style: solid !important;
    border-width: 0 0 2px 0 !important;
    border-color: #5BC0DE !important; 
}
.navbar-findcond ul.navbar-nav > .active > a:hover
.navbar-findcond ul.navbar-nav > .active > a:visited,
.navbar-findcond ul.navbar-nav > .active > a:focus,
.navbar-findcond ul.navbar-nav > .active > a:active
 { background: #F8F9FA; }

.navbar-findcond ul.navbar-nav a:hover,

.navbar-findcond ul.navbar-nav a:focus,
.navbar-findcond ul.navbar-nav a:active {color: #5BC0DE; background: #F8F9FA; }
.navbar-findcond ul.navbar-nav a:hover { border-color: #5BC0DE; }
.navbar-findcond li.divider { background: #ccc; }
.navbar-findcond button.navbar-toggle { background: #5BC0DE; border-radius: 2px; }
.navbar-findcond button.navbar-toggle:hover { background: #999; }
.navbar-findcond button.navbar-toggle > span.icon-bar { background: #F8F9FA; }
.navbar-findcond ul.dropdown-menu { border: 0; background: #F8F9FA; border-radius: 4px; margin: 4px 0; box-shadow: 0 0 4px 0 #ccc; }
.navbar-findcond ul.dropdown-menu > li > a { color: #444; }
.navbar-findcond ul.dropdown-menu > li > a:hover { background: #5BC0DE; color: #F8F9FA; }
.navbar-findcond span.badge { background: #5BC0DE; font-weight: normal; font-size: 11px; margin: 0 4px; }
.navbar-findcond span.badge.new { background: rgba(255, 0, 0, 0.8); color: #F8F9FA; }

#banner {
	padding: 20px 15px;
	margin-top: -18px;
	background: url(../images/bg-banner.jpg) center center no-repeat;
	color: #fff;

}
#content table{
	background: #FFF;
}

#content{
margin-top:50px;
margin-bottom:50px;
}



.navbar-findcond.affix-top, footer{
	    position: absolute;
}


.panel-heading {
    padding: 5px 15px;
}

.panel-footer {
	padding: 1px 15px;
	color: #A0A0A0;
}

.profile-img {
	width: 96px;
	height: 96px;
	margin: 0 auto 10px;
	display: block;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
.width-200{
    width:200px !important;
}
.holiday {
                    background-color: #DD1144;
                }
.workday {
background-color: #FFF0C3 !important;
}

.footer{
    color:#aeaeae;
	border-top:1px solid #e5e5e5;
	background-color: #222;	
    height: 90px;
    padding-top: 10px;
    margin-bottom: -20px;
}

.footer{
	text-align: left;
}
footer{
    width: 100%;
    bottom:0;

}
.text-black{
	color: #000;
}

footer .icon-link a{
	color: #333;
}

footer a:hover{
    color: #5BC0DE;
}