body {
    overflow: auto;background-color:#fff; color:#111; font:  1.6rem "Microsoft JhengHei", Verdana, Arial, Helvetica, sans-serif;
 }
h1{font-size: 22px; padding:5px;margin:0 5px; color: #26879f;}
h3{font-size: 20px; padding:0;margin:5px 0 10px; color: #009ea8;}
.modal-backdrop{z-index:0;}
#wrapper {
    padding-left: 5px;
	margin-top:85px;
	min-width:780px;
}
#main-wrapper, .container{max-width: 1200px;margin:0 auto;}
.text-danger {
    color: #bf0000;
}
/*登入頁*/
.login-bg{
	background: url("../img/loginbg.png") no-repeat #eef9fb;
	background-size:cover;
	position: relative;
	min-width:800px;
	
}
.login-widget {
	position: absolute;
	top:15em;
	right:0;
	padding-top:120px;
	width: 553px;
	height: 636px;
	background:url("../img/loginform.png") no-repeat;
}
@media screen and (min-width: 1440px){
	.login-widget{right:10em;}
	
}
.login-widget h1 {
	font-size: 2em;
	padding-left:25px;
	color: #3ca7b9;
}
.login-widget label{width:100px; text-align: right;}
.login-widget .btn{ padding:5px 30px; margin-top:15px; }
.login-widget .btn:first-of-type{margin-left:50px;}
.login-form{padding:20px;}
.login-form .form-group{font-size:1.1em; margin-bottom:10px;}
.login-form .spansy1{display: block; margin-left:105px; color:#262626}

/*topnabar*/
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand{
	margin-right: auto;
    margin-left: auto;
}
.navbar-inverse {
 	color: #fff;
	background: url(../img/loginbg.png) left -120px #1a6374;
 	border: none;
	min-width: 1100px;
	
}
.navbar-nav{height:84px; padding-top:15px;}

/*logo*/
.navbar-brand {
    padding:10px 30px 0 5px;
}

/*上選單*/
.navbar-nav>li>a {
    padding:2px 12px 2px 5px;
	margin:3px 10px 0;
	font-size:20px;
	line-height: 2em;
	border: 1px solid #fff;
	border-radius:5px;
	text-align: center;
	background-color: #149de4;
}
.navbar-inverse .navbar-nav>li>a{ color:#fff;}
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus{ background-color: #4cb9e7;}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
    color: #fff;
    background-color: #0079b8;
}

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{border-color: #111;}
.navbar-nav>li img{width:40px; height:40px; vertical-align:bottom;}
.dropdown-menu{ min-width:40px; left:5px; z-index: 9999; padding:0; }
.dropdown-menu>li{ border-bottom:1px solid #d4d4d4;}
.dropdown-menu li:last-child{border-bottom:none;}
.dropdown-menu>li>a{font-size:1.1em; padding: 5px 10px; }
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{background-color: #e6e6e6;}

/*登入資訊*/
.loginfom{background-color:rgba(0,0,0,.3); padding: 5px 10px 8px; border-radius: 5px; text-align:right; margin:12px 20px 0 0; }
.loginfom .btn{padding:1px 10px;margin-top:3px;}


/*--table樣式--*/
.table { margin-bottom: 10px; background: #fff; }
.table>tbody>tr>td, .table td{ padding: 6px; vertical-align: middle; text-align:center;}
.table>thead>tr>td, .table>tbody>tr>th{ padding: 3px 5px; text-align:center;vertical-align: middle;}
.table>tbody>tr>th, .table th{vertical-align: middle; background-color:#434343;color:#fff;}
.table .btn{padding:3px 5px;}
.table-striped>tbody>tr:nth-child(odd)>th {
    background-color: #434343;color:#fff;
}
th.redbg { background-color: #D00A0D!important}
th.greenbg {background-color: #177621!important}
th.bulebg {background-color: #1E8DB4!important}
th.yellowbg {background-color: #FFA600!important}

/*form*/
.form{padding:5px 0;}
.form-control {
    display: inline-block; width: auto;
}
label {
	display:inline-block; vertical-align: top; /*min-width:70px;*/ 
}
.table label{min-width:auto;}
.radio-inline, .checkbox-inline{min-width:auto;}
.form-group{margin-bottom: 8px; min-height: 29px;}
input[type="file"]{border:0;box-shadow:none; width: 200px;}
.btn{ line-height: 1.3; font-size: 16px;}
table.btn{padding: 3px 5px;font-size: 14px;}
.btn-primary{ background-color: #26879f; border-color: #288c9b;}
.btn-primary:active, .btn-primary:hover, .btn-primary:focus{background-color: #176373;}
.form-control, input[type="text"]{height: 29px; padding: 3px 4px; 
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
select{min-width:164px;}
select::-ms-expand { width:12px; border:none;background:none;padding: 3px 4px;}
input[type=date].form-control, input[type=time].form-control, input[type=datetime-local].form-control, input[type=month].form-control{width:100px;}
.form-inline .form-group{margin-right: 8px;}

/*路徑*/
.breadcrumb{ background-color:transparent; margin:3px; padding:5px;}

.dashboard{margin:2rem 0;}
.dashboard .panel{margin:0 auto;}
.dashboard .panel-heading{padding:10px;text-align: center;}
.dashboard .panel-body{font-size:16px; padding:10px;}
.listerror{min-height: 205px;}
.listerror li{padding-bottom:5px;margin-bottom:5px; border-bottom:1px dotted #bfbfbf;}
.listerror li:last-child{border: 0;}
.numbercolor ul{list-style: none; margin:0; padding: 0; }
.numbercolor li{display:inline-block; padding:2px 10px; margin-bottom:5px; background-color:#5cb85c; color:#fff; border-radius: 3px; }
.numbercolor li.arror{background-color:#d9534f; color:#fff; }
/*panel*/
.huge {
    font-size: 24px; 
}
.panel {
	margin-bottom: 10px;
}
.panel-heading {
    padding: 3px 5px;
}
.panel-title{font-size:18px;}
.panel-heading>p{margin:0;}

.panel-default{background-color:#f3f3f3;}
.panel-green {
    border-color: #5cb85c;
}
.panel-green > .panel-heading {
    border-color: #5cb85c;
    color: #fff;
    background-color: #5cb85c;
}

.panel-green > a {
    color: #5cb85c;
}

.panel-green > a:hover {
    color: #3d8b3d;
}

.panel-red {
    border-color: #d9534f;
}

.panel-red > .panel-heading {
    border-color: #d9534f;
    color: #fff;
    background-color: #d9534f;
}

.panel-red > a {
    color: #d9534f;
}

.panel-red > a:hover {
    color: #b52b27;
}

.panel-yellow {
    border-color: #f0ad4e;
}

.panel-yellow > .panel-heading {
    border-color: #f0ad4e;
    color: #fff;
    background-color: #f0ad4e;
}

.panel-yellow > a {
    color: #f0ad4e;
}

.panel-yellow > a:hover {
    color: #df8a13;
}
.alert {
    padding: 8px;
    margin-bottom: 10px;
    border: 1px solid transparent;
    border-radius: 4px;
}
#sidebar-wrapper hr {
    margin-top: 0;
    margin-bottom: 10px;
    border: 0;
    border-top: 1px solid #eee;
}
hr.hr {
	background-color: #fff;
	border-top: 2px dotted #A6C1CB;
	margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}
hr.hr1 {
	background-color: #fff;
	border-top: 2px dotted #A6C1CB;
	margin-top: .5rem;
    margin-bottom: .5rem;
}


/*分頁樣式*/
.pagination{  margin:5px 0;}
.well{padding:8px;}
.pagination>li>a, .pagination>li>span{ padding: 5px 12px;}

/*取消行動折疊選單*/

    .navbar-header {
        float: left;
    }
    .navbar-toggle {
        display: none;
    }
    .navbar-collapse {
        border-top: none;
    }
    .navbar-collapse.collapse {
        display: inline-block;
    }
    .navbar-nav {
        float: left;
        margin: 0;
    }
    .navbar-nav>li {
        float: left;
    }
	.navbar-fixed-top{ position: absolute;top:0; left:0;}

/*** PANEL INFO ***/

.panel.with-nav-tabs .panel-heading{
    padding: 5px 5px 0 5px;
	font-size: 1.1em;
}
.panel.with-nav-tabs .nav-tabs{
	border-bottom: none;
}
.panel.with-nav-tabs .nav-justified{
	margin-bottom: -1px;
}
.with-nav-tabs.panel-info .nav-tabs > li > a,
.with-nav-tabs.panel-info .nav-tabs > li > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li > a:focus {
	color: #177baf;
}
.with-nav-tabs.panel-info .nav-tabs > .open > a,
.with-nav-tabs.panel-info .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-info .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-info .nav-tabs > li > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li > a:focus {
	color: #fff;
	background-color: #1ba0cc;
	border-color: transparent;
}
.with-nav-tabs.panel-info .nav-tabs > li.active > a,
.with-nav-tabs.panel-info .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li.active > a:focus {
	color: #1b7e97;
	background-color: #fff;
	border-color: #bcf1ea;
	border-bottom-color: transparent;
}
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #d9edf7;
    border-color: #bcf1ea;
}
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #1b7e97;   
}
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #52bed5;
}
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #1b7e97;
}

/*彈出視窗*/
.modal-footer{text-align:center;}
.modal-content .modal-header{background-color:#0079b8; color:#fff;}
.close {
    font-size: 36px;
    font-weight: 700;
    line-height: 20px;
    color: #fff;
    text-shadow: rgb(55, 55, 55) 0px 1px 0px;
    opacity: 1;
}
.red{color:#F40004;}
.blood p{margin: 0;padding: 0;}
.text_heart{font-size:3rem; }
.bg-while{background-color:#fff;}