.modal-body
{
	font-family: 微軟正黑體;
}

#left_bar{
    padding-top: 30px;
    font-family: 微軟正黑體;
}

#left_bar ul li{
    /*color: #3261e1;*/
    height: 25px;
    width: 100%;
}


.link{
    border-radius: 5px;
    font-size: 15px;
}

.link:link {
    color: #3261e1;
    font-size: 15px;
}
.link:visited {
    color: #3261e1;
    font-size: 15px;
}
.link:hover {
    text-decoration: underline;
    /*background-color: #eeeeee;*/
    font-weight: bold;
}
.link:active {
    background-color: #eeeeee;
}


.sidebar_title{
    font-size: 15px;
    background-color: #3152c7;
    color: white;
    text-align: center;
    vertical-align: middle;
    /*border-radius: 5px;*/
}

.sidebar_link
{
    text-align: left;
    padding-left: 15px;
    padding-top: 5px;
    font-weight: 5px;
}




/*
.dropdown-toggle:link {
    color: #0099FF;
    background-color: transparent;
    // text-decoration: underline;
}
.dropdown-toggle:visited {
    color: #0079c9;
    background-color: transparent;
    text-decoration: underline;
}
.dropdown-toggle:hover {
    color: #005792;
    background-color: transparent;
    text-decoration: underline;
}
.dropdown-toggle:active {
    color: #005792;
    background-color: transparent;
   // text-decoration: underline;
}
*/

/**/





.teacher_block{
	font-size: 13px;
	font-family: 微軟正黑體;
	height: 50px;
	color:#0d357a;
	vertical-align: top;
	height: 100px;
}

.teacher_name{
	font-size: 15px;
	font-family: 微軟正黑體;
	color: #0d357a;
	border-bottom: 2px solid #7585b0;
	border-right: 2px solid #7585b0;
	background-color: #d1dcfb;
	padding: 3px;
	border-radius: 1px;
	height: 30px;
}

.col-sm-1{
	padding-top: 50px;
}


#new_button{
	background-color: #5cb85c;
	border: none;
	color: white;
	padding: 10px;
	font-family: 微軟正黑體;
	border-radius: 5px;
}

.more_button{
    border: 0px;
    margin-top: 20px;
    background-color: #EFEFEF ;
    vertical-align: center;
    color: #295F52;
    font-family: 微軟正黑體;
    font-weight: bolder;"
}

.more_button:hover {
    color: #295F52;
    background-color: #ddd;
}

.delete_button{
	background-color: #3a57a7;
	border: none;
	color: white;
	font-family: 微軟正黑體;
	border-radius: 10px;
}

.edit_button{
	background-color: #f0ad4e;
	border: none;
	color: white;
	padding: 10px;
	font-family: 微軟正黑體;
	border-radius: 5px;
}

.detail_new_button{
	background-color: #5cb85c;
	border: none;
	color: white;
	padding: 10px;
	font-family: 微軟正黑體;
	border-radius: 5px;
}

.fund_button{
    background-color: #93BAFF;
    border: none;
    color: white;
    padding: 10px;
    font-family: 微軟正黑體;
    border-radius: 5px;
}

tr{
	vertical-align: top;
}

.infor_tr{
	border-bottom: 1px dotted #c5cde1;
}

.modal-backdrop{ display: none; }

.t_img{
	border: 3px #ece6e6 solid;
	width: 80%;
	align-content: center;
}

.email_link:link {
    color: #0099FF;
    background-color: transparent;
    text-decoration: underline;
}
.email_link:visited {
    color: #011F4B;
    background-color: transparent;
    text-decoration: underline;
}
.email_link:hover {
    color: #33CCFF;
    background-color: transparent;
    text-decoration: underline;
}
.email_link:active {
    color: #33CCFF;
    background-color: transparent;
    text-decoration: underline;
}

#location{
	font-family: 微軟正黑體;
	font-size: 20px;
}

.star{
	color: red;
}

.detail_add_bar{
	width: 420px;
	font-size: small;
	height: 25px;
}

.detail_year{
	width: 50px;
	font-size: small;
	height: 25px;
}

#add_detail{
	color: #ced3df;
}

.detail_delete{
	color: #ced3df;
}

.detail_word{
	font-size: small;
}

.detail_delete_button
{
	background-color: white;
	border: none;
}

.ba_title{
	width: 200px;
}

.ba_comment{
	width: 500px;
}

.to_p{
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 5px;
    font-size: small;
}

.to_b{
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 5px;
    font-size: small;

}

.to_s{
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 5px;
    font-size: small;

}

.to_f{
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 5px;
    font-size: small;

}

.modal-dialog{
    width: 800px;
}

@media (max-width : 767px) { 
    #de_pic{
    	display: none;
    }

    .teacher_block{
    	font-size: 15px;
    }

    .d_teacher_block{
    	font-size: 12px;
    }

    .ba_title{
    	width: 500px;
    }

    .t_img{
    	width: 150px;
    }
    .t_head_title tr td{
        font-size: 13px;    
    }
    .t_d_head_title tr td{
        font-size: 13px;    
    }
    .f_year{
        font-size: 8px;
        width: 50px;
    }
    .f_project{
        font-size: 8px;
    }
    .f_f{
        font-size: 8px;
    }
    .f_unit{
        font-size: 8px;
    }
    .modal-dialog{
        width: 100%;
    }
}

.teacher-table{
    padding:10px;
    border-style: ridge;
    border-radius:10px;
    border:2px solid #DDDDDD;
    border-left:2px solid #DDDDDD;
    border-right:2px solid #DDDDDD;
    border-bottom:2px solid #DDDDDD;
}

.teacher-table tr:first-child td{
    border: 0px;
}

.toModalTop {
    position    : fixed;
    bottom      : 50px;
    right       : 15%;
    color       : #fff;
    cursor      : pointer;
    z-index     : 9999;
    width       : 30px;
    height      : 30px;
    text-align  : center;
    font-size   : 18px;
    line-height : 30px;
    background  : #0088A8;
    border-radius: 3px;
    border: none;
    -webkit-transition : all 0.3s ease 0s;
    -moz-transition    : all 0.3s ease 0s;
    -o-transition      : all 0.3s ease 0s;
    transition         : all 0.3s ease 0s;
}

.toModalTop:hover {
    color  : #fff;
    opacity: .5;
}

.delete-detail {
  background-color: white; 
  color: black; 
  border: 2px solid #d12c2c;
  /*padding: 16px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;*/
  transition-duration: 0.4s;
  cursor: pointer;
}

.delete-detail:hover {
  background-color: #df38ad;
  color: white;
}

.move-detail {
    background-color: white; 
    color: black; 
    border: 2px solid #38df5c;
    /*padding: 16px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;*/
    transition-duration: 0.4s;
    cursor: pointer;
  }
  
  .move-detail:hover {
    background-color: #38c6df;
    color: white;
  }

/*
.vertical-alignment-helper {

    display:table;

    height: 100%;

    width: 90%;

    pointer-events:none;

}

.vertical-align-center {


    display: table-cell;

    vertical-align: middle;

    pointer-events:none;

    width: 800px;

    margin: auto;

}
*/

/*
.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
    z-index: 1050;
}
*/
/*
.modal-content {

    

    width:inherit;

    max-width:inherit; 

    height:inherit;


    margin: 0 auto;

    pointer-events:all;

}*/