@charset "utf-8";

.accesskey{
	color:#FFF;
	text-decoration:none;
	}

	
.about{
	background-color:#ffffff;
	width:88%;
	padding:0px 15px;

	}
	
.about img{
	width:100%;

	}
	
.about h1{
	font-size:1.875em;
	font-weight:bold;
	color:#0B5375;
	padding-left:10%;
	margin-top:15px;
	padding-bottom:5px;
	border-bottom:#ddd 1px solid;
}	
 
.clear{clear:both;}
/*-------------------外語-------------------*/
.all_area_lang{
	float:left;
	margin-left:10%;
	width:80%;
	background-color:$FFFFFF;
	}
.all_area_lang h1{
	font-size:1.875em;
	font-weight:bold;
	color:#0B5375;
	margin-top:15px;
	padding-bottom:5px;
	border-bottom:#ddd 1px solid;
}		
.all_area_lang p{
	text-align:left;
	}	
.all_area_lang ul{
   list-style-type:square;/*none (沒有) disc (全黑圓圈) circle (空心圓圈) square (正方形)*/
   margin:0px;
   text-align: left;
	}	
.all_area_lang ol{
   list-style-type:square;/*none (沒有) disc (全黑圓圈) circle (空心圓圈) square (正方形)*/
   margin:0px;
   text-align: left;
	}	
.all_area_lang a {
	text-decoration:underline;
	font-family:微軟正黑體;
}
.all_area_lang H3{
	font-size:1.275em;
	font-weight:bold;
	color: #153a48;
	}
	
.all_area_lang .lefe {
	float: left;
	margin-left: 10px;
}
.all_area_lang .lefe > img {
	padding: 5px;
	border: 1px solid #D6D6D6;
}
	
.all_area_lang.hr-dotted1 {
	border: 1px dashed #d0d0d5;
	margin-left:5%;
}	
.hr-dotted2 {
    /*border: 0;
    border-top: 2px dotted #F2a9b6;*/
	border: 1px dotted red;
}	

/*-------------------College_list學術單位-------------------*/
#College_list{
	width:100%;
	margin:auto;
	padding:10px 0;
	line-height:30px;
	}
#College_list .icon{	
    margin-right:1.5%;
	margin-bottom:20px;
	margin-top:10px;
	float:left;
	cursor:pointer;
	}
#College_list .icon a {
	text-decoration:none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width:18%;
	margin:auto;
	color:#000;
	text-align:center;
	padding:10px 20px;
	font-size:0.875em;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f1e767+0,feb645+100;Yellow+3D */
	background: #f1e767; /* Old browsers */
	background: -moz-linear-gradient(top, #f1e767 0%, #feb645 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #f1e767 0%,#feb645 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #f1e767 0%,#feb645 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1e767', endColorstr='#feb645',GradientType=0 ); /* IE6-9 */
	}	
#College_list .icon a:hover{
	color:#fff;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eda602+0,e57f02+100 */
	background: #eda602; /* Old browsers */
	background: -moz-linear-gradient(top, #eda602 0%, #e57f02 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #eda602 0%,#e57f02 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #eda602 0%,#e57f02 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eda602', endColorstr='#e57f02',GradientType=0 ); /* IE6-9 */
	}
#College_list p {
	font-family:微軟正黑體;
	font-size:1.275em;
	font-weight:bold;
	color:#933;
    text-align:left;
	line-height:33px;
	}

.gybg{
	background-color:#F4F4F4;
	overflow:hidden;
	}
#College_list a.iconblue{	
    margin-right:1.5%;
	font-weight:bold;
	margin-bottom:10px;
	margin-top:5px;
	float:left;
	text-decoration:none;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;color:#fff;
	text-align:center;
	padding:5px 20px;
	font-size:0.875em;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0dabdb+2,5e8cba+99 */
	background: #0dabdb; /* Old browsers */
	background: -moz-linear-gradient(top, #0dabdb 2%, #5e8cba 99%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #0dabdb 2%,#5e8cba 99%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #0dabdb 2%,#5e8cba 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0dabdb', endColorstr='#5e8cba',GradientType=0 ); /* IE6-9 */
	}
#College_list a:hover.iconblue {
	color:#000;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#deefff+0,98bede+100;Blue+3D+%2310 */
	background: #deefff; /* Old browsers */
	background: -moz-linear-gradient(top, #deefff 0%, #98bede 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #deefff 0%,#98bede 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #deefff 0%,#98bede 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#deefff', endColorstr='#98bede',GradientType=0 ); /* IE6-9 */
	}

/*---table.blueTable---*/
table.blueTable {
  margin:auto;
  border: 1px solid #1C6EA4;
  margin-top:15px;
  background-color: #DFDFDF;/*#EEEEEE;*/
  width: 75%;
  text-align: left;
  line-height:30px;
  border-collapse: collapse;
}
table.blueTable td, table.blueTable th {
  border: 0px solid #AAAAAA;
  padding: 4px 6px;
}
table.blueTable tbody td {
  font-size: 1.05em;
  font-family: "微軟正黑體";
}
table.blueTable tr:nth-child(even) {
  background: #eaf5ff; 
}
table.blueTable thead {
  background: #1C6EA4;
  background: -moz-linear-gradient(top, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
  background: -webkit-linear-gradient(top, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
  background: linear-gradient(to bottom, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
}
table.blueTable thead th {
  font-size: 0.94em;
  font-weight: bold;
  color: #FFFFFF;
  border-left: 1px solid #D0E4F5;
}
table.blueTable thead th:first-child {
  border-left: none;
}

table.blueTable tfoot {
  font-size: 0.875em;
  font-weight: bold; /*粗體*/
  color: #FFFFFF;
  background: #D0E4F5;
  background: -moz-linear-gradient(top, #dcebf7 0%, #d4e6f6 66%, #D0E4F5 100%);
  background: -webkit-linear-gradient(top, #dcebf7 0%, #d4e6f6 66%, #D0E4F5 100%);
  background: linear-gradient(to bottom, #dcebf7 0%, #d4e6f6 66%, #D0E4F5 100%);
  border-top: 1px solid #444444;
}
table.blueTable tfoot  td {
  font-size: 0.875em;
}
table.blueTable tfoot .links {
  text-align: right;
}
table.blueTable tfoot .links a{
  display: inline-block;
  background: #1C6EA4;
  color: #FFFFFF;
  padding: 2px 8px;
  border-radius: 5px;
}

/*---*/
.blueicon{
	float:right;
	margin-top:15px;
	text-align:center;
	}
	
.blueicon a{
     text-decoration:none;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	width:18%;
	margin:auto;
	color:#fff;
	text-align:center;
	padding:5px 20px;
	font-size:0.875em;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#63b6db+0,309dcf+100;Blue+3D+%234 */
background: #63b6db; /* Old browsers */
background: -moz-linear-gradient(top, #63b6db 0%, #309dcf 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #63b6db 0%,#309dcf 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #63b6db 0%,#309dcf 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#63b6db', endColorstr='#309dcf',GradientType=0 ); /* IE6-9 */
	}
	
.blueicon a:hover{
	color:#069;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f2f9fe+0,d6f0fd+100;White+3D+%232 */
background: #f2f9fe; /* Old browsers */
background: -moz-linear-gradient(top, #f2f9fe 0%, #d6f0fd 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #f2f9fe 0%,#d6f0fd 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f2f9fe 0%,#d6f0fd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f9fe', endColorstr='#d6f0fd',GradientType=0 ); /* IE6-9 */
	}




	
/*---------------------------*/
@media (max-width:480px) {
 .hide-in-phone {
	display: none;
 }
 .footer {
	display: none;
 }
 .right{
	float:left;
	width:97%;
	padding:0 10px 10px 10px;
	font-size:1.1em;
	color:#333;
	line-height:33px;
 }
}

@media only screen and (min-width: 321px) and (max-width: 768px) {
.all_area_lang{
	float:left;
	width:justify;
	background-color:$0FFFFF;
	}
	
.imglefe {
	display:none;
	}
}