@charset "UTF-8";
/* Add here all your CSS customizations */
body{font-family:"微軟正黑體";font-size:1.5rem;color:#000;}
.header .logo img {
    height: 45px;
}
.center-sign .logo img{width:100%;}

ul.nav-main li a:hover{color:#ffffff;}
ul.nav-main li a {font-size:1.6rem;}
.table th {
    background-color: #4AB7E7;
    font-weight: normal;
    letter-spacing: 1px;
    color: #FFF;
    text-align: center;
    padding: 5px;
}
.table > thead > tr > th, .table > tbody > tr > th{
    vertical-align: middle;}
	.table > thead > tr > th a, .table > tbody > tr > th a{color:#ffff00;}
.table th select,.table th option{color:#000;}
.btn i{font-size:1.4em;}
.btn_add{font-size:1.6rem;}
.table.edit th{
	
	text-align:right;
	
}
.table.edit input,.report .search_area input{    background-color: #fafafa;
    padding: 10px; -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #6a6a6a;
    border: 1px solid #ddd;
}.report .search_area{margin-bottom:40px;}
.report .search_area input{margin-left:10px;margin-bottom:10px;}
.table.edit input[type="text"],.table.edit input[type="password"],.table.edit textarea,form textarea{width:100%;}
.table .input_radio span,.class_checkbox>label,
.report .search_area .input_radio span{white-space:nowrap;margin:5px 0;display:inline-block;}
.table .input_radio.people span input{width:auto;}
.class_checkbox>label{margin:5px}
.input-group,.search_area .col-md-2 .form-control{
    margin-bottom: 15px !important;}
.red{color:#990000;}
/*.table .input_radio span label{margin:0 10px 0 5px;}*/

.table .input_radio span{margin:3px 10px 3px 5px;}

.table.edit input[type="text"].normal{width:auto}
.table.edit input[type="text"].w20{width:20%;}
.table.edit input[type="text"].w30{width:25%;}
.table.edit input[type="text"].w40{width:40%;}
.table.edit input[type="text"].w60{width:58%;}
.table.edit input[type="text"].w80{width:78%;}
.table.edit select{margin-bottom:5px;/*width:32%;*/}
.table.edit input[type="text"]{margin:3px auto;}

.btn_area_in{margin:auto;display:inline-block;}
.btn_area_in .button{margin:5px;}
.btn_area{text-align:center;margin-bottom:20px;}

.copyright{text-align:center;margin-top:40px;}

.login{
	background-image: url('../images/bg1.jpg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size:caption;
}
.text-muted {color:#000!important;}
.sidebar-left .sidebar-header .sidebar-title {
color: #fff;font-size:1.8rem;}
/*.sidebar-left {background:#86167c;
    box-shadow: -5px 0 0 #55094c inset;}
input[type="file"]{margin-bottom:20px;}*/
	.pro_photo img{width:100%;max-width:auto;}
	.pro_photo{text-align:center;}
	ul.nav-main > li.nav-active > a {
    box-shadow: 2px 0 0 #0088cc inset;
}
ul.nav-main li .nav-children li.nav-active > a {
    color: #0088cc;
}

/*按鈕*/
.table .btn_list {
    background-color: #86167c;
    border-color: #86167c;
}
.table .btn_list:hover {
    border-color: #a23098 !important;
    background-color: #a23098;
}

.title_area {
    width: 100%; 
     /*width: 970px;*/
    padding: 10px;
    text-align: center;
    color: #fff;
    font-size: 1.7em;
    margin-top: 40px;
}
.title_area:first-child{
    margin-top: 0px;}
.blue_bg{background:#4AB7E7;}
.yellow_bg{background:#FEAE1B;}
.purple_bg{background:#AF6BB7;}
.admin_bg{background:#FF4351;}
.red_bg{background:#A40B5E;}
/*報表*/
.report .search_area label,.post label{
    height: 46px;
    padding: 12px;}
.report .search_area .input_radio {padding-left:20px;}

.report .search_area .input_radio label{padding:0;height:1.4rem;}
.table.edit  .table th {
    text-align: center;
}

.panel-heading  img{width:100%}

ul.manage li{padding:5px;}
.list-unstyled.manage  li{
    list-style: none;
}
.dynamic-tab-pane-control .tab-page{font-family:"微軟正黑體"}

@media (max-width: 767px){
	.table.edit th{width:20%;}
	.table.edit input[type="text"].normal,
	.table.edit input[type="text"].w20,
	.table.edit input[type="text"].w30,
	.table.edit input[type="text"].w40,
	.table.edit input[type="text"].w60,
	.table.edit input[type="text"].w80
	{width:100%;margin-bottom:5px;}
	.table.edit select{margin-bottom:5px;width:100%;}
	.input_radio.people span{display:inline-block;width:100%}
	.search_area.pull-right{width:100%;}
	.search_area .button{display:block;}
	.report .search_area{padding-bottom:10px;}
}