/* 2017/04/11 新版CSS */

@charset "utf-8";

/* Yahoo CSS Reset 各家瀏覽器預設值歸0
   使用後h1, ol會無法使用
   必須remark語法,加重開機才能恢復
*/

body {
	font-family: "微軟正黑體", Arial;   /* 中文作業系統:使用微軟正黑體, 英文系統:使用Arial */
}

/*網站頁首*/
header {
	background-color: #FC3;   /* #FC3:黃色 */
}

header #nav a {
   color: #4f4f4f;
   float:right;   
}

/*網站頁尾*/
footer {
	background-color: #747474;
	color: #FFF;
	text-align: center;
}

/*頁首連絡電話*/
#OpenInfoContact {
	text-align: left;
}

#search {
	float: right;
	margin-left: 1%;
	margin-right: 1%;
	margin-top: 1%;
	position: relative;
	width: auto;
}

#rwdsearch {
	display: none;
}

/* 導覽列 */

/* nav標纖 */
nav {
	background-color: #F5F5F5;          /* #F5F5F5:淺灰色*/ 
	border-bottom: 5px solid #333333;   /*#333333:黑色*/ 
}



/* #OpenInfoMenu為主選單ID */
#OpenInfoMenu span {
	display: none;
}

/* [主選單]格式 (首頁,計畫緣起,校務資訊,資料下載,網站導覽,相關連結) */
/* [子選單]格式*/
#OpenInfoMenu, #OpenInfoMenu ul {
	list-style: none outside none;   /*主選單的每個項目,不要有項目符號,不縮排,不要有項目圖片 list-style-type list-style-position list-style-image*/
	margin: 0;
	padding: 0;
}

/* [主選單]格式 */
#OpenInfoMenu {
	float: left;
	margin-left: 0;
	margin-right: 0;
	position: relative;
	width: auto;
}

/*子選單*/
#OpenInfoMenu ul.subs {
	background-color: #FFFFFF;
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
	color: #333333;
	display: none;
	padding: 2%;
	position: absolute;
	top: 54px;
	width: 100%;
	z-index: 99;
}

/* [主選單]格式的子層li (不含孫層) */
#OpenInfoMenu > li {
	border-bottom: 5px solid transparent;       /*每一個li,加下框線*/
	float: left;                                /*float:left,li由左到右排列 */
	margin-bottom: -5px;                        /*li的下面外距*/
	text-align: left;                           /*li文字靠左*/
	-moz-transition: all 300ms ease-in-out 0s;     /*Mozilla Firefox*/
	-ms-transition: all 300ms ease-in-out 0s;      /*IE*/
	-o-transition: all 300ms ease-in-out 0s;       /*Opera*/
	-webkit-transition: all 300ms ease-in-out 0s;  /*Chrome和Safari*/
	transition: all 300ms ease-in-out 0s;
}

/* [主選單]所有的超連結() */
#OpenInfoMenu li a {
	display: block;
	text-decoration: none;        /*超連結-不加底線*/
	-moz-transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
	-ms-transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
	-o-transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
	-webkit-transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
	transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
	white-space: normal;
}

/* [主選單]直屬的超連結 */
#OpenInfoMenu > li > a {
	color: #333333;       /*#333333:灰黑色*/
	display: block;
	font-size: 1.5rem;
	line-height: 49px;    /*超連結-行高*/
	padding: 0 15px;      /*超連結-上和右 內距*/
	text-transform: uppercase;   /*超連結-文字轉[大寫]*/
}

/* [主選單]項目(滑鼠滑過時) */
#OpenInfoMenu > li:hover > a, 
#OpenInfoMenu > a:hover {
	background-color: #F55856;  /*底色:#F55856:紅色*/
	color: #FFFFFF;             /*文字顏色:白色*/
}

/* [主選單]項目的active class */
#OpenInfoMenu li.active > a {
	background-color: #333333;  /*#333333:灰黑色*/
	color: #FFFFFF;
}

/* [子選單] */
#OpenInfoMenu li:hover ul.subs {
	display: block;
}

#OpenInfoMenu ul.subs > li {
	display: inline-block;
	float: none;
	padding: 10px 1%;
	vertical-align: top;
	width: 32%;
}

#OpenInfoMenu ul.subs > li a {
	color: #777777;
	line-height: 20px;
}

/**/
#OpenInfoMenu ul li a:hover {
	color: #F55856;   /*#F55856:紅色*/
}

#OpenInfoMenu ul.subs > li > a {
	font-size: 1.300rem;
	margin-bottom: 10px;
	text-transform: uppercase;
}

#OpenInfoMenu ul.subs > li li {
	float: none;
	padding-left: 8px;
	-moz-transition: padding 150ms ease-out 0s;
	-ms-transition: padding 150ms ease-out 0s;
	-o-transition: padding 150ms ease-out 0s;
	-webkit-transition: padding 150ms ease-out 0s;
	transition: padding 150ms ease-out 0s;
}

#OpenInfoMenu ul.subs > li li:hover {
	padding-left: 15px;
}

/* article標籤設定*/
article ul {
	list-style: none;
}

article ul li {
	font-size: 1.000rem;
	line-height: 1.875rem;
}

/*Filter.cshtml 條件外框*/
.SelectPanel {
	display: block;
	border-radius: 10px;
	border: 2px solid #648db7;
	margin: 10px 0 5px 0;
	padding: 10px 20px 10px 20px;
}

/*Grid.cshtml 資料外框*/
.DataPanel {
	display: block;
	border-radius: 10px;
	border: 2px dashed #648db7;
	margin: 10px 0 0 0;
	padding: 10px 20px 5px 20px;
}

/*FormExplain.cshtml 統計說明外框*/
.StatisticPanel {	
	margin: 10px 0 0 0;
	padding:0 0 0 0;
}

/*FormExplain.cshtml 修改底部外距*/
.RevisePanelBottom {
	margin-bottom:10px;
}

/* ===================================================== */
/*Filter.cshtml格式*/
/*01.學生數*/
/*查詢條件*/
.FilterRptTitle {
	background-color:#337ab7;
	color:#ffffff;
	margin: 3px 0 3px 0;
}

/*Filter.cshtml 每一個條件的格式*/
.selectItem {        
	border-bottom: 1px solid #648db7;  /*框線-底線*/
	border-left: 1px solid #fff;       /*框線-左框線*/
	line-height: 4rem;                 /*列高度*/
	padding-top: 0 10px 0 0;
}

/*條件名稱*/
.selectItem span.title{
	display: inline;
	width: 90px;         /*條件名稱的寬度*/
	overflow: hidden;    /*條件名稱太長,則隱藏溢出的文字*/
	float: left;         /*浮在左邊*/
}

/*[舊版下拉選單]-CSS修改*/
.ui-multiselect{
	height:45px; 
	width: 180px;           /*寬度*/
	overflow: hidden;       /*選項名稱太長,則隱藏*/
	background-image:none;  /*預設是灰底圖,改為無底圖*/
	font-family: "微軟正黑體", Arial;   /* 中文作業系統:使用微軟正黑體, 英文系統:使用Arial */
	font-size: 1.5rem;
	word-break: break-all;  /*自動換行*/
}


/*下拉選單格式*/
.MultiSelectFmt{
	margin-bottom:10px;
	background-color: white;
	text-align: left;
	color:black;
}

/*查詢鈕*/
.submit {
	line-height: 0px;
	padding-top: 10px;
}


/*===================================================*/
/*網站尋覽列:首頁-->校務資訊-->教學面-->01.學生數*/
/*網站尋覽列：*/
.path {
	padding: 10px;
	list-style: none;
}

/*網站尋覽列,超連結顏色*/
.path a {
	color: #666;             /*深灰(#666)-顏色*/
}

/*網站尋覽列,滑過(hover)時*/
.path a:hover {
	color: #286090;         /*深藍(#286090)-顏色*/
	text-decoration: none;
}

/*公告項目*/
.NoticeItem {
	list-style: none;
	margin-left:1em;        /*全部往右1個字*/
	text-indent:-1em;       /*首行往左1個字,產生凸排效果*/
}

/*公告項目,超連結顏色*/
.NoticeItem a {
	color: #666;             /*深灰(#666)-顏色*/
}

/*公告項目,滑過(hover)時*/
.NoticeItem a:hover {
	color: #286090;         /*深藍(#286090)-顏色*/
	text-decoration: none;
}
/*===================================================*/

/*每頁筆數：10,50,100*/
.FilterPageSize{
	text-align: right; 
}

/*宇傑_20170905 加入 因bootstrap已有內建加入顏色標記
以符合無障礙規範EV1080100：在每一個頁面頂端加入一個鏈結，直接連往主要的內容區域*/
a.JumpCenterContext {
	background: #000;
	color: #FFF;
	float: left;
}

/*相關連結圖形格式*/
.RelationLinkGraph{
	padding:2.6rem;      /*內距:2.6 上,右,下,左*/
	font-size:2rem;    
	text-align:center;
	line-height:6.2rem;
}

/* pListForm是查詢後,資料表的格式(不含加總表格)*/

/*上表格線*/
#pListForm{
	margin-top: 10px;              /*外距(與加總表格上面距離)*/
	border-top: 1px solid #b9b9b9; /*上表格線-框線寬度,實線,顏色(灰色 #b9b9b9) */
	overflow: hidden;
	padding: 5px 0 0 0;            /*內距*/
}

/*#pListForm .formTitle(formTitle是一層div)*/
#pListForm .formTitle{
	margin-bottom: 8px;    /*外距-下方:8px  [資料表格]與[統計說明]距離*/
}

/*資料表格*/
#pListForm .formTitle table{
	/*width: 950px;*/
	background: #fff;         /*#fff為白色*/
	overflow: auto;           /*內容超過時,自動出現捲軸*/
	text-align: center;       /*表格內文字,預設為置中*/
	font-size: 1.000rem;	
	border-collapse:collapse;  /*separate:空心框線  collapse:實心框線*/
}

/*資料表格內的每一個[儲存格]*/
#pListForm .formTitle td{ 
	border: 1px solid #b9b9b9;  /*每一格-框線寬度,實線,顏色(灰色 #b9b9b9) */  
	margin: 0;                  /*外距:四個方向全0*/
	padding: 0;                 /*內距:四個方向全0*/
}

/*資料表格的[第一列(thead)]的[儲存格]*/
#dbContent thead th{
	width: 950px;
	background: #fff;
	overflow: hidden;
	text-align: center;
	font-size: 1.000rem;
	border-collapse:collapse;
}

/*資料表格的[th儲存格]*/
#dbContent th{ 
	border: 1px solid #b9b9b9;  /*每一格-框線寬度,實線,顏色(灰色 #b9b9b9) */  
	margin: 0; 
	padding: 0;
}

/*資料表格的[td儲存格]*/
#pListForm #dbContent td{
	text-align: center;
	line-height: 30px;
	overflow: hidden;
	font-size: 1.000rem;		  
	border-collapse: separate;
	border-spacing: 10px;
}

/*奇數列藍色,列:1,2,3...n, 列是從1開始算  */
#pListForm #dbContent tr:nth-child(odd) td{ 
	background: #e4ecf4; /* background: #e4ecf4(淺藍色)*/
}

/* ================================================= */
/* pMainForm 是[加總表格]格式*/

/*上表格線*/
#pMainForm{
	/*margin-top: 24px;*/
	border-top: 2px solid #b9b9b9;  /*上框線-框線寬度,實線,顏色(灰色 #b9b9b9) */  
	overflow: hidden;
	padding: 5px 0 0;
}

/*#pMainForm .formTitle(formTitle是一層div)*/
#pMainForm .formTitle{
	margin-bottom: 8px;
}

/*加總表格*/
#pMainForm .formTitle table{
	/*width: 950px;*/
	background: #fff;
	overflow: auto;
	text-align: center;
	font-size: 1.000rem;	
	border-collapse:collapse;
}

/*加總表格內的每一個[儲存格]*/
#pMainForm .formTitle td{ 
	border: 1px solid #b9b9b9 ; 
	margin: 0; 
	padding: 0;
}

/*加總表格的[td儲存格]*/
#pMainForm #dbContent td{
	/*text-align: center;*/
	line-height: 30px;
	overflow: hidden;
	font-size: 1.000rem;
	border-collapse: separate;
	border-spacing: 1px;
	color:  #444;
	background: #fff;       /* #fff(白色) */
	margin: 0; 
	padding: 1px;

}

/*奇數列藍色,列:1,2,3...n, 列是從1開始算  */
#pMainForm #dbContent tr:nth-child(odd) td{ 
	background: #e4ecf4;    /* background: #e4ecf4(淺藍色)*/
}

/*==================================================*/
/*統計說明項目編號*/
ul#note{
	margin: 0 0 0 10px;
	padding-left: 5px;
	color: #444;
	list-style: decimal;
	font-size: 0.875rem;
}


/*============================================================================= */
/* #dbContent2為4-2-2專用 */
#dbContent2 th{ 
	border: 1px #b9b9b9 solid; 
	margin: 0; 
	padding: 0;
}

/* tr:nth-child(6n+1),n從0開始算, 每14列開始設為淺藍色 */
#dbContent2 tr:nth-child(14n+1) td{ background: #e4ecf4;}  /* background: #e4ecf4(淺藍色)*/
#dbContent2 tr:nth-child(14n+2) td{ background: #e4ecf4;}  /* background: #e4ecf4(淺藍色)*/
#dbContent2 tr:nth-child(14n+3) td{ background: #e4ecf4;}  /* background: #e4ecf4(淺藍色)*/
#dbContent2 tr:nth-child(14n+4) td{ background: #e4ecf4;}  /* background: #e4ecf4(淺藍色)*/
#dbContent2 tr:nth-child(14n+5) td{ background: #e4ecf4;}  /* background: #e4ecf4(淺藍色)*/
#dbContent2 tr:nth-child(14n+6) td{ background: #e4ecf4;}  /* background: #e4ecf4(淺藍色)*/
#dbContent2 tr:nth-child(14n+7) td{ background: #e4ecf4;}  /* background: #e4ecf4(淺藍色)*/


/*字串:水平靠左*/
.String_Cell {
text-align:left;
vertical-align:middle;
}

/*數字:水平靠右*/
.Number_Cell {
text-align:right;
vertical-align:middle;
}



/*============================================================================= */
/* responsive rules */
/*767px以下套用下面設定*/
@media all and (max-width : 767px) {   
	
	/*學校名稱異動一覽表,控制它的位置*/
	#btnSchoolChgTable {
		position:relative;
		left: 120px;        
	} 

	#search, .filterpage {
		display: none;   
	}

	#OpenInfoMenu {
		float: none;
	}

	#OpenInfoMenu > li {
		float: none;         /*漢堡選單每項目一行,max-width:768改為767,iPAD就會正常*/
		text-align: center;	  /*漢堡選單文字置中*/
		border-bottom: 0;
		margin-bottom: 0;
	}

	#OpenInfoMenu ul.subs {
		position: relative;
		top: 0;
		text-align: left;
	}

	#OpenInfoMenu li:hover ul.subs {
		display: none;
	}

	#OpenInfoMenu li #s1:target + ul.subs,  #OpenInfoMenu li #s2:target + ul.subs {
		display: block;
	}

	#OpenInfoMenu ul.subs > li {
		display: block;
		width: auto;
	}

	#OpenInfoContact{
		text-align: left;
	}

	#search {
		float: left;
		margin-left: 1%;
		margin-right: 1%;
		margin-top: 1%;
		position: relative;
		width: auto;
	}

	#rwdsearch {
		float: left;
		width: auto;
		padding: 16px;
		display:block;
	}

	h1 {
		font-size: 2.6rem;
		font-weight: 600;
	}

	/*每頁筆數-隱藏*/
	.FilterPageSize{
	  display:none;
	}
}


/*415px以下套用下面設定*/
@media all and (max-width : 415px) {
}

@media all and (max-width:360px) {
	.SelectPanel {	
		padding: 5px 5px 5px 5px;
	}
}

   

@media all and (max-width:320px) {
	
	.SelectPanel {	   
		padding: 10px 5px 20px 5px;
	} 
	 .container {
		padding-left:5px;
		padding-right:5px;
	}    

	.GridPanel {
		margin:20px 10px 10px 10px;
	}

	.MultiSelectFmt{    
		width:100px;
	}
}

/*======================================================*/
/*一覽表 CSS*/
#pContent{
	width: 994px;
	overflow: hidden;
	margin: 0 auto 20px;  
}

#pContent h2{
	font-size: 1.188rem;
	color: #555;
	padding-bottom: 8px;
	border-bottom: none;
}

/* pBox */
.pBox{
	width: 994px;
	overflow: hidden;
	margin: 0 auto;
	background: url("Images_2/pcrp.gif") repeat-y 0 0;
	position: relative;
	margin-bottom: 2px;
}

.pBox .top{
	height: 5px;
	width: 994px;
	overflow: hidden;
	background: url("Images_2/ptop.gif") no-repeat 0 0;
}

.pBox .cnt{
	width: 954px;
	padding: 10px 20px 0;
	overflow: hidden;
}

.pBox .bot{
	height: 15px;
	width: 994px;
	overflow: hidden;
	background: url("Images_2/pbot.gif") no-repeat 0 0;
}

/* 以學門找學校 */
#pBQ, #pBQbox{
	width: 982px;
	padding: 10px 0 20px;
	border-bottom: 2px #a7bcbc solid;
	margin-bottom: 15px;
}

#pBQ h3{
	margin: 10px 0 8px;
	font-size: 1.063rem;
}

#pBQ .box{
	margin: 10px auto 0;
	width: 952px;
	overflow: hidden;
	border-bottom: 1px dashed #bcbcbc;
	padding-bottom: 10px;
}

#pBQ .box > div{
	width: 317px;
	float: left;
	font-size: 0.938rem;
}

.cataP01 .dep-title-style, .cataP01 a{ color: #9f2626;}
.cataP01 .dep-title-style span, .cataP01 a:hover { background: #9f2626; color:#ffffff}
.cataP01 a{ border-color: #9f2626;}
.cataP02 .dep-title-style, .cataP02 a{ color: #bb3d00;}
.cataP02 .dep-title-style span, .cataP02 a:hover { background: #bb3d00;color:#ffffff}
.cataP02 a{ border-color: #bb3d00;}
.cataP03 .dep-title-style, .cataP03 a{ color: #9f5000;}
.cataP03 .dep-title-style span, .cataP03 a:hover { background: #9f5000;color:#ffffff}
.cataP03 a{ border-color: #9f5000;}
.cataP04 .dep-title-style, .cataP04 a{ color: #506f3f;}
.cataP04 .dep-title-style span, .cataP04 a:hover { background: #506f3f;color:#ffffff}
.cataP04 a{ border-color: #506f3f;}
.cataP05 .dep-title-style, .cataP05 a{ color: #3b7d6a;}
.cataP05 .dep-title-style span, .cataP05 a:hover { background: #3b7d6a;color:#ffffff}
.cataP05 a{ border-color: #3b7d6a;}
.cataP06 .dep-title-style, .cataP06 a{ color: #306892;}
.cataP06 .dep-title-style span, .cataP06 a:hover { background: #306892;color:#ffffff}
.cataP06 a{ border-color: #306892;}
.cataP07 .dep-title-style, .cataP07 a{ color: #454070;}
.cataP07 .dep-title-style span, .cataP07 a:hover { background: #454070;color:#ffffff}
.cataP07 a{ border-color: #454070;}
.cataP08 .dep-title-style, .cataP08 a{ color: #704688;}
.cataP08 .dep-title-style span, .cataP08 a:hover { background: #704688;color:#ffffff}
.cataP08 a{ border-color: #704688;}
.cataP09 .dep-title-style, .cataP09 a{ color: #40093d;}
.cataP09 .dep-title-style span, .cataP09 a:hover { background: #40093d;color:#ffffff}
.cataP09 a{ border-color: #40093d;}
.cataP010 .dep-title-style, .cataP010 a{ color: #272727;}
.cataP010 .dep-title-style span, .cataP010 a:hover { background: #272727;color:#ffffff}
.cataP010 a{ border-color: #272727;}
.cataP011 .dep-title-style, .cataP011 a{ color: #272727;}
.cataP011 .dep-title-style span, .cataP011 a:hover { background: #272727;color:#ffffff}
.cataP011 a{ border-color: #272727;}

/*領域:前面小方塊圖*/
.dep-title-style {
	font-weight: normal;
	margin: 10px 0 8px;
	font-size: 1.063rem;
}

.dep-title-style span {
	width: 5px;
	height: 5px;
	overflow: hidden;
	margin: 2px 6px 4px 3px;
	display: inline-block;
}

/*學門:教育的小外框*/
.itemBox{ margin-left: 11px;}

.itemBox a{
	padding: 0 8px;
	margin: 0 2px 8px;
	line-height: 20px;
	display: inline-block;
	border: 1px solid;
}

.itemBox a:hover{
	color: #fff;
}

/* qBox */
.qBox{
	width: 941px;
	overflow: hidden;
	margin: 0 auto;
	background: url("../Images/qcrp.gif") repeat-y 0 0;
	position: relative;
	margin-bottom: 5px;
}
.qBox .top{
	height: 5px;
	width: 941px;
	overflow: hidden;
	background: url("../Images/qtop.gif") no-repeat 0 0;
}
.qBox .cnt{
	width: 941px;
	padding: 10px 20px;
	overflow: hidden;
}
.cnt a.top{
	position: absolute;
	display: block;
	width: 40px;
	height: 20px;
	right: 0;
	top: 22px;
	font-size: 0.813rem;
	color: #838383;
	background: url("../Images/icon_top.gif") no-repeat 30px 4px;
	padding-right: 22px;
}
.cnt a.top:hover{
	color: #333;
	background-position: 30px 3px;
}
.qBox .bot{
	height: 15px;
	width: 941px;
	overflow: hidden;
	background: url("../Images/qbot.gif") no-repeat 0 0;
}
.qBox h3{
	font-size: 1.063rem;
	border-bottom: 2px solid;
}

#pBQbox{ border-bottom: none;}

#pBQbox .qBox h3{
	width: 900px;
	margin: 5px 0;
	padding-bottom: 5px;
}

#pBQbox ul{
	margin-left: 20px;
	list-style: none;
	padding: 0;
}

#pBQbox ul li{
	width: 310px;
	float: left;
	line-height: 32px;
	font-size: 0.875rem;
}
#pBQbox ul li a{ color: #5a5a5a;}
#pBQbox ul li a:hover{ background: #fff;}

/*======================================================*/

/*radio 樣式*/

label.btn span {
  font-size: 1.5rem;
}

label input[type="radio"] ~ i.fa.fa-circle-o{
	color: #c8c8c8;    display: inline;
}
label input[type="radio"] ~ i.fa.fa-dot-circle-o{
	display: none;
}
label input[type="radio"]:checked ~ i.fa.fa-circle-o{
	display: none;
}
label input[type="radio"]:checked ~ i.fa.fa-dot-circle-o{
	color: #7AA3CC;    display: inline;
}
label:hover input[type="radio"] ~ i.fa {
color: #7AA3CC;
}

label input[type="checkbox"] ~ i.fa.fa-square-o{
	color: #c8c8c8;    display: inline;
}
label input[type="checkbox"] ~ i.fa.fa-check-square-o{
	display: none;
}
label input[type="checkbox"]:checked ~ i.fa.fa-square-o{
	display: none;
}
label input[type="checkbox"]:checked ~ i.fa.fa-check-square-o{
	color: #7AA3CC;    display: inline;
}
label:hover input[type="checkbox"] ~ i.fa {
color: #7AA3CC;
}

div[data-toggle="buttons"] label.active{
	color: #7AA3CC;
}

div[data-toggle="buttons"] label {
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 0.875rem;
font-weight: normal;
line-height: 2em;
text-align: left;
white-space: nowrap;
vertical-align: top;
cursor: pointer;
background-color: none;
border: 0px solid 
#c8c8c8;
border-radius: 3px;
color: #c8c8c8;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}

div[data-toggle="buttons"] label:hover {
color: #7AA3CC;
}

div[data-toggle="buttons"] label:active, div[data-toggle="buttons"] label.active {
-webkit-box-shadow: none;
box-shadow: none;
}


/*======================================================*/
/*校務資訊查詢-五大類*/
@media (min-width: 768px){
.circle-tile {
	margin-bottom: 30px;
}
}

.circle-tile {
	margin-bottom: 15px;
	text-align: center;
}

.circle-tile-heading {
	position: relative;
	width: 80px;
	height: 80px;
	margin: 0 auto -40px;
	border: 3px solid rgba(255,255,255,0.3);
	border-radius: 100%;
	color: #fff;
	transition: all ease-in-out .3s;
}

/* -- Background Helper Classes */

/* Use these to cuztomize the background color of a div. These are used along with tiles, or any other div you want to customize. */

 .dark-blue {
	background-color: #34495e;
}

.green {
	background-color: #16a085;
}

.blue {
	background-color: #2980b9;
}

.orange {
	background-color: #f39c12;
}

.red {
	background-color: #e74c3c;
}

.purple {
	background-color: #8e44ad;
}

.dark-gray {
	background-color: #7f8c8d;
}

.gray {
	background-color: #95a5a6;
}

.light-gray {
	background-color: #bdc3c7;
}

.yellow {
	background-color: #f1c40f;
}

/* -- Text Color Helper Classes */

 .text-dark-blue {
	color: #34495e;
}

.text-green {
	color: #16a085;
}

.text-blue {
	color: #2980b9;
}

.text-orange {
	color: #f39c12;
}

.text-red {
	color: #e74c3c;
}

.text-purple {
	color: #8e44ad;
}

.text-faded {
	color: rgba(255,255,255,0.7);
}

.text-white {
	color: white;
}


.circle-tile-heading .fa {
	line-height: 80px;
}

.circle-tile-content {
	padding-top: 50px;
}
.circle-tile-description {
	text-transform: uppercase;
}

.text-faded {
	color: rgba(255,255,255,0.7);
}

.circle-tile-number {
	padding: 5px 0 15px;
	font-size: 1.625rem;
	font-weight: 700;
	line-height: 1;
}

.circle-tile-footer {
	display: block;
	padding: 5px;
	color: rgba(255,255,255,0.5);
	background-color: rgba(0,0,0,0.1);
	transition: all ease-in-out .3s;
}

.circle-tile-footer:hover {
	text-decoration: none;
	color: rgba(255,255,255,0.5);
	background-color: rgba(0,0,0,0.2);
}


/*======================================================*/
#Query_Tab>li>a
{
	font-size: 1.313rem;
}
#pBQ >h2{
	font-size: 1.313rem !important;
}
#navbar>ul>li>a{
	font-size: 1.375rem;
}
#iSearch>h6
{
		font-size: 1.313rem !important;
}
.indexTabPageTextSize{
font-size: 1.313rem !important;
}



.vcenter {
	display: inline-block;
	vertical-align: middle;
	float: none;
}

.partner {
	display: table-cell;
	vertical-align: middle;
	float: none;
}




@keyframes spin {
0% {transform: rotate(0deg);}
100% {transform: rotate(360deg);}

}
/*google*/
@-webkit-keyframes spin
{
0% {transform: rotate(0deg);}
100% {transform: rotate(360deg);}
}
 /* 控制LoadingIcon的樣式 */
.loader {
	border: 16px solid #f3f3f3; /* Light grey */
	border-top: 16px solid #3498db; /* Blue */
	border-radius: 50%;
	width: 120px;
	height: 120px;
	animation: spin 2s linear infinite;
	  -webkit-animation: spin 2s linear infinite;
}
.tooltip-inner {
	min-width: 250px; //the minimum width
}

#custom-bootstrap-menu.navbar-default .navbar-brand {
	color: rgba(0, 0, 0, 1);
}
#custom-bootstrap-menu.navbar-default {
	font-size: 1.188rem;
	background-color: rgba(0, 182, 142, 1);
	border-width: 1px;
	border-radius: 4px;
}
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a {
	color: rgba(255, 255, 255, 1);
	background-color: rgba(0, 182, 142, 1);
}
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:hover,
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:focus {
	color: rgba(51, 51, 51, 1);
	background-color: rgba(255, 255, 255, 1);
}
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a,
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:hover,
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:focus {
	color: rgba(85, 85, 85, 1);
	background-color: rgba(255, 255, 255, 1);
}
#custom-bootstrap-menu.navbar-default .navbar-toggle {
	border-color: #ffffff;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle:hover,
#custom-bootstrap-menu.navbar-default .navbar-toggle:focus {
	background-color: #ffffff;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle .icon-bar {
	background-color: #ffffff;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle:hover .icon-bar,
#custom-bootstrap-menu.navbar-default .navbar-toggle:focus .icon-bar {
	background-color: #00b68e;
}


/*報表欄寬*/

#style_universityType {
	width: 120px;
}
.styleUniversityType {
	width: 110px;
}

#style_universityName {
	width: 120px;
}
.styleUniversityName {
	width: 120px;
}

.styleYear {
	width: 50px;
}

.styleBuildType {
	width: 50px;
}

.styleCollegeName {
	width: 80px;
}

#style_depName {
	width: 80px;
}
.styleDepName {
	width: 80px;
}
.styleDepNameLong {
	width: 120px;
}

.styleDns {
	width: 60px;
}

#style_systemName {
	width: 120px;
}
.styleEduSystem {
	width: 120px;
}

.w120px {
	width: 120px;
}

.w80px {
	width: 80px;
}

.fs-1 {
	font-size: 1.000rem;
}

.fs-2 {
	font-size: 1.125rem;
}

.fs-3 {
	font-size: 1.500rem;
}

.error-message {
	font-size: 2rem;
	color: red;
}

.notice-style {
	line-height: 1.5em;
	letter-spacing: 5px;
	font-size: 1rem;
}

.notice-title {
	text-indent: 2em;
}

.notice-content {
	padding-left: 3em;
}

.relation-style {
	min-height: 400px;
}

.list-type-none {
	list-style-type: none;
}

.glyphicon {
	font-family: '微軟正黑體', 'Glyphicons Halflings';
}

.loader-style {
	margin-left: auto;
	margin-right: auto;
	margin-top: 25%;
	margin-bottom: 0;
}

.WCAG-img-style {
	height: 53px;
	width: 150px;
}

.banner-style {
	background: none repeat scroll 0% 0% #ffffff
}

.quick-search-style {
	margin: 0px 0px 0px 0px;
	font-size: 1.313rem;
	color: #05487a;
	padding: 1px 0 0px 20px;
	font-weight: normal;
}

#pBQ .dep-style {
	font-size: 1.313rem;
	border-bottom: 2px #a7bcbc solid;
}

.index-tab-style {
	font-size: 1.313rem;
	color: #05487a;
	margin-top: 0;
	margin-bottom: 0;
}

.more-style {
	color: #05487a;
	font-size: 0.750rem;
}

.btn-success {
	background-image: linear-gradient(to bottom,#0c850c 0,#5cb85c 100%);
}

.btn-success:focus, .btn-success:hover {
	background-color: #5cb85c;
}

.btn-danger {
	background-image: linear-gradient(to bottom,#d9332f 0,#c12e2a 100%);
}

.btn-danger:focus, .btn-danger:hover {
	background-color: #c12e2a;
}

.btn-warning {
	background-image: linear-gradient(to bottom,#bf5900 0,#eb9316 100%);
}

.btn-warning:focus, .btn-warning:hover {
	background-color: #eb9316;
}

.btn-primary {
	background-image: linear-gradient(to bottom,#265a88 0,#337ab7 100%);
}

.btn-primary:focus, .btn-primary:hover {
	background-color: #337ab7;
}

.bootstrap-select > .dropdown-toggle.bs-placeholder, .bootstrap-select > .dropdown-toggle.bs-placeholder:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder:active {
	color: #666666;
}

.contact-style, .isced-title-style {
	margin: 10px 0 8px;
	font-size: 0.938rem;
	font-weight: normal;
}

a.sr-only {
    padding: 0.5rem;
    position: absolute;
    top: -2.5rem;
    left: 0;
    -webkit-transition: top .1s ease-out;
    transition: top .1s ease-out;
    z-index: 100;
	color: black;
}

a.sr-only:focus {
	position: absolute;
	left: 0px;
	top: 0px;
	border: #05487a dotted 0.4rem;
}

.index-ac-div-style {
	position: absolute;
	font-size: 1.150rem;
}

.area-title, .edu-system-title {
	font-size: 1.063rem !important;
	border-bottom: 2px solid !important;
	margin: 5px 0 !important;
	padding-bottom: 5px !important;
}