@charset "utf-8";
.table01, .table02{
	border:solid 1px #e2e2e2;
}
.table01 th, .table02 th {
	background-color:#7b90af;
	border-bottom:solid 1px #d2d6de;
	color:#FFF;
	text-align:center;
}
.table01 tr td {
	background-color:#FFF;
	border-bottom:solid 1px #e2e2e2;
	text-align:left;

}
.table02 tr td {
	text-align:center;
}
.table02 tr:nth-of-type(odd) {
	background-color:#FFF;
}
.table02 tr:nth-of-type(even) {
	background-color:#f5f5f5;
}
.table02 tbody tr td a {
	/*color:#696969;*/
    color:blue;
}
.mtop {
	margin-top:20px;
}
.red {
	color:#F00;
}

.pad_B20{
	padding-bottom: 20px;
}

.logo-img img{
	width: 400px;
}

.table>tbody>tr>th{
	vertical-align: middle;
}
.table>tbody>tr>td{
	vertical-align: middle;
}
/* ======================= custom color ======================= */
.skin-green .sidebar-menu>li:hover>a, .skin-green .sidebar-menu>li.active>a{
	border-left-color: #344d71;
}
.skin-green .sidebar-menu>li.active>a{
	color: #344d71;
}
.skin-green .sidebar-menu>li:hover>a{
	color: #344d71;
}

.treeview-menu>li>a{
	background-color: #d8dade;
}

.sidebar-mini  .treeview-menu>li>a:hover{
	background-color: #344d71;
}

.btn-blue{
	transition: .6s;
	background-color: #344d71;
	border-color: #344d71;
	color: #FFF;
}

.btn-blue:focus{
	transition: .3s;
	background-color: #344d71;
	border-color: #344d71;
	color: #FFF;
}

.btn-blue:hover{
	transition: .3s;
	border-color: #344d71;
	background-color: #FFF;
	color: #344d71;
}
.header,
.content,
.footer
{
	text-align: center;
}
.header,
.footer
{
	background: #1e2d44;
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
	line-height: 40px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
}
.footer {
	padding-top: 0.5em;
}
.header.fixed
{
	position: fixed;
	top: 0;
	left: 0;
}

.footer.fixed
{
	position: fixed;
	bottom: 0;
	left: 0;
}
/*.form-control{
    width:auto;
    display:initial;
}*/
    /*東方-檔案上傳樣式調整Begin*/
    div[title="FileUpload"]{
        text-align:left;
    }
    div[title="FileUpload"] .panel-title{
        color:white;
    } 
    /*東方-檔案上傳樣式調整End*/
    /*實習成果管理  檔案上傳Begin*/
    .photo_body > ul > li > li{
        height:200px;
        padding:8px;
        float:left;
    }   
    .photo_body > ul > li{
        height:200px;
    }
    .photo_head > li{
        background-color:#7b90af;
        text-align:center;
        color:#FFF;
        padding:8px;
        float:left;
    }
    .photo_body img{
        position:relative;
        width:100%;
        margin: 0 auto;
        top:50%;
        left:50%;
        transform: translateY(-50%) translateX(-50%);
    }
    .img_div{
        height:150px;
        width:200px;
        border:black 2px solid;
        margin: 0 auto;
    }     
    .img_div img{
        position:relative;
        width:100%;
        margin: 0 auto;
        top:50%;
        left:50%;
        transform: translateY(-50%) translateX(-50%);
    }
    .photo_body  textarea{
        height:100px;
    }
    .photo_body{
        min-height:20px;
    }
    /*實習成果管理 檔案上傳End*/
    /*專案中dialog自訂樣式 Begin*/
    .dialog_byself .modal-dialog{
        width:75%;
    }
    .dialog_byself .modal-body th{
        padding:5px;
        width:15%;
        text-align:center;
    }
    .dialog_byself .form-control{
        display:inline;
    }
    .dialog_byself .modal-body td{
        width:20%;
    }
    .dialog_byself .modal-header{
        background-color:rgb(123, 144, 175)
    }
    .dialog_byself .modal-title{
        font-size:20pt;
        color:white;
        text-align:center;
    }
    
    .dialog_byself .form-control{
        width:100%;
    }
    /*專案中dialog自訂樣式 End*/
    /*置頂按鈕 Begin*/
    .toTop {
    position: fixed;
    right: 1%;
    bottom: 10%;
    padding: 10px 15px;
    background: #ffba00;
    color: #FFF;
    cursor: pointer;
    border-radius: 5px;
    float: right;
    z-index: 1;
    text-align: center;
    vertical-align: middle;
}

    .toTop:hover {
        ;
        background: #fc7b1c;
    }

    .toTop a:link, .toTop a:visited, .toTop a:hover, .toTop a:active {
        color: #fff;
        text-decoration: none;
    }
    /*置頂按鈕 End*/
    
    /*textarea不破版*/
    .w100p {
        width: 100% !important;
    }

.content-wrapper, .right-side, .main-footer{
margin-left: 0;
}

@media (max-width: 767px) {
.content {
  position:relative;
  left: auto;
 }
}

.main-sidebar, .left-side {
width:auto;
}

@media (max-width: 767px) {
.logo-img img {
 width: 280px;
}
.table01, .table02 {
white-space: nowrap;
}

.modal-backdrop {
    z-index:0;
}

.footer {
 padding: 1em;
}