@charset "big5";

/* 基本樣式
#1267AF  深灰
#080404  黑

#060202  黑
#194595 深藍
#1267AF 中藍
#5A719A 下藍
#F3E727 黃色
#5C5C5C 深灰
#989898 淺灰
---------------------------------------------*/

@media not all {
	.table-responsive {
		margin-bottom: 15px;
		overflow-x: scroll;
		overflow-y: hidden;
		width: 100%;
	}
}

* {
	margin: 0;
	padding: 0;
	font-size: 100%;
    font-family:"微軟正黑體","細明體","Times New Roman",Georgia,Serif;

}
body {
	line-height: 1.4;
	/*background: #004778;*//*頁面背景004778*/
	font-size: 100%;
    font-family:"微軟正黑體","細明體","Times New Roman",Georgia,Serif;
	color: #414141 ;
}


a {
	color: #000;
	text-decoration: none;
	font-weight: bold;
	outline: none; /* for Firefox */
    hlbr:expression(this.onFocus=this.blur()); /* for IE */
}

a:visited {
	color: #000;
	
}
a:hover {
	color: #0066CC;

}

#changeWidh {
padding:10px;
}

#changeWidh img{
   max-width:300px;
}


img {
	border: none;
	vertical-align: top;
}
strong{
	color:#000;
	text-align: center;
}

/*指定內容的字型連結*/
h1{
	margin: 16px 18px 0 18px;
	border-bottom: 1px solid #ccc;
}

p{
	margin: 10px 0;
}

h2{
    color: #FFF;
	background-color: #000;
	text-align:left;
	padding-left: 14px;
}

h3{
    color: #FFF;
	background-color: #000;
}
h4{
	text-align:right;
	color: #000;
	
}
h5{
	color: #FFF;
}

link1{
	padding-left: 14px;
}



/*調整table位置*/
table.category-style{
	margin-left: 15px;
    margin-top: 10pt;
    margin-right: 10px;
}
@media(max-width:569px){
	table.category-style{
		Margin-left:3pt;
	}
}

div#changeWidh > ul,div#changeWidh > ol {
    padding-left: 20px;
}

div.layout-style {
	background-color: #FFF;
	box-shadow: 2px 3px 10px 1px rgb(0 0 0 / 12%);
}
.style1 {
		font-size: 12pt;
		color: #FFF;
	    background-color: #000;
		text-align:center;
		font-family:"微軟正黑體","細明體","Times New Roman",Georgia,Serif;
		}
.style2 {font-size:14pt;
		color: #000;
		text-align:left;
		}
.style2_1{
    font-size:16pt;
	color: #000;
	font-weight: bold;
}
.style3 {float:right;
        font-size:12pt;
		color:#FFF;}
.style3_1 {float:left;
        font-size:12pt;
		color:#FFF;}
.style4 {font-size:12pt;color:#888888;height:12pt;}
.style5 {font-size:4pt;}
.style6{background-color:#C8C1BC;
        text-align:center;
		font-size: 12pt;
		color: #000;}
.style7{background-color:#FFF;
        margin: 0 30px 0 30px;
        color:#000;		
		font-size: 12pt;}/*上右下左*/
		
.style7_1{
        background-color:#C8C1BC;
        margin: 0 30px 0 30px;
		font-size: 12pt;}/*上右下左*/
		
.style8 {/*校園活動*/
		background-color:rgba(0,0,0,0);
		text-align:left;
		}
.style10 {/*公告、社團活動*/
		background-color:rgba(0,0,0,0);
		text-align:left;
		width:47%;
		}
.style9 {float:right;
        font-family:"微軟正黑體";
        font-size:16pt;
		color:#FFF;
		padding-top:4pt;}


.style11 {line-height:6pt;
		}	
#BulletinDtl table {
	width:90%;
}
		
#BulletinDtl td {
 padding: 0 30px 0 30px;/*上　右 下　左＊*/
}

#BulletinDtl td.tdstyle2 {
 padding: 0 0 8px 8px;/*上　右 下　左＊*/
 background: #fff;
}
/*head+body(不含廣告及fooler)*/
#wrapper {
	width:100%;
	margin:0px auto;
	background:#1267AF;
}

#wrapper div[name=headerLogo] {
	background:#194595;
}

#wrapper div[name=headerLogo]  img {
	max-width:100%;
	height:auto;
}

#wrapper div[name=header_TopBanner] {
	background:#000;
	height:15px;
}

#wrapper div[name=header_BottomBanner] {
	background:#FFF200;
	height:5px;
}

/* LOGO與導覽列
---------------------------------------------*/
#title {/*head*/
	width:100%;
	height:180px;
	background:#194595;
	background-image: url(../images/title_bg.png);
	background-repeat:repeat;	
		/*border:solid 1px;*/
	
}

#title div.logo-image{
	position:relative;
	height:155px;
}

#title  img.title_nctu {
	position:absolute;
	top:45px;
	left:40px;
	filter: drop-shadow(7px 9px 6px rgba(0, 0, 0, 0.8));
}

#title  img.head_b {
	position:absolute;
	top:120px;
	left:125px;
}

#title img.title_pic {
	position:absolute;
	top:35px;
	left:388px;
}

#header01 {/*國立交通大學字樣*/
	width:100%;
	height:155px;
	background-position:40px 45px;
	background-image: url(../images/title_nctu.png) ;
	background-repeat:no-repeat;
	max-width: 100%;
}
#header_b{/*校園公告字樣*/
	width:100%;
	height:155px;
	background-position:125px 120px;
	background-image: url(../images/head_b.png) ;
	background-repeat:no-repeat;
}
#header02 {/*客家文化校區圖片*/
	width:100%;
	background-position:388px 35px;
	background-image: url(../images/title_pic.png);
	background-repeat:no-repeat;
}
#header03 { /*放title圖示*/
    width:100%;
	height:200px;
}

/*---------------------------------------------*/

/*公告查詢*/
/*#bulletin-search{
float:right;
padding-top: 26px;
padding-right: 27px;
}

#bulletin-search a {
  color:#FFF; 
  font-size:12pt;
}
#bulletin-search a:hover {
	color: #5A719A;;
}*/

/* Search */
#search-title {
	padding: 65px 25px 5px 0;
	/*text-align: right;*/
}
/*#search-title a {
	padding: 0 0 3px 24px;
	background: url(../images/search_button.png) no-repeat;
	text-decoration: none;
	font-weight: bold;
}*/
#search_form {
	border:solid 1px;
	height:100px;
}
/*註冊、登入、交大首頁 search功能*/
#search {
	/* float:right; */
}
/*search框樣式*/
#search input.text-style{
border: 1px solid #fff;
font-family:微軟正黑體;
background-color: #194595;
color:#fff;
}
#search input:hover.text-style{
border: 1px solid #5A719A;
background-color:#194595;
color:#fff;
}
/*按鈕樣式*/
#search input{
border: 0px ;
color:#fff;
background-color:#060202;
font-family:"微軟正黑體";
/*font:2.4em Futura, ‘Century Gothic’, AppleGothic, sans-serif;*/
font-size:95%;
}
#search input[type=submit]{
	/*float:right;*/
	padding:1pt;
	padding-left:5pt;
	padding-right:5pt;
}
#search input:hover{
border: 0px ;
color:#fff;
background-color:#5A719A;
font-family:"微軟正黑體";
/*font:2.4em Futura, ‘Century Gothic’, AppleGothic, sans-serif;*/
font-size:95%;
}
	   
#search a.nctuStyle{
	float:left;
}
#search a.fStyle{
	float:right;
}
#search a {
  color:#FFF; 
  font-size:12pt;
}
#search a:hover {
	color: #5A719A;
	
}

/*-----------------------------------------------*/
/*橫列bar*/
#globalNav {
	float:left;
	list-style-type: none;
	margin-left:51px;
	clear:right;
}
 
#globalNav_other {	
	float: right;
    margin-right: 1%;
    margin-top: 4px;
}
 
#globalNav li {
	display: inline;
	color:#FFF;
	font-size:21pt;
	float:left; list-style:none;
}
#globalNav li a {
	color: #FFF;
}

#globalNav li a :hover{
	background-color:#000;
	font-size:35px;	

}/*滑鼠移至連結*/
/*在校生、教職員、校友、訪客*/
#toplink {
	padding-top:24px;
	font-family:"微軟正黑體";
}
#toplink a.style9_1 {
		float:right;
        font-family:"微軟正黑體";
        font-size:70%;
		background-color:#000;
		padding-top:7pt;
		padding-bottom:7pt;}
#toplink a.style9_2 {
		float:right;
        font-family:"微軟正黑體";
        font-size:70%;
		padding-top:7pt;
		padding-bottom:7pt;}
#toplink a:hover  {
		
        font-family:"微軟正黑體";
        font-size:70%;
		padding-top:7pt;
		padding-bottom:7pt;
		
		}
#toplink img.globalNav_img{
	height:35px;
}
#toplink img.globalNav_img3{
	height:35px;
	background-color:#000;
}

#toplink img.globalNav_img2{
	height:30px;
	padding-top:3px;
}
/* 選單區塊*/
#masterMenu1 {
	float: right;
	width: 20%;
	width: 100%;
	margin-right:10px; 
 }
#masterMenu2{
	float: right;
	/*border:solid 1px;*/
	margin-top:0px;/*calander位置*/
	margin-right:30px; 
 }
 
 
#line{
margin-top: 20px;
    /* margin-right: 25px; */
    color: #FFF;
    /* border-top: solid 1px; */
    border-bottom: solid 1px;
    /* height: 30px; */
    width: 200px;
    /* float: right; */
}
#line2{
	margin-top:20px;
	/*margin-right:25px;*/
	color:#FFF;
	border-top:solid 1px;
	height:30px;
	width:200px;
	/*float: right;*/
}
/* 選單
---------------------------------------------*/
#option {
	/*width: 5%;*/
	float: left;
	padding-left: 1px;
	padding-top: 31px;
	margin-left: 25px;
	filter: drop-shadow(3px 3px 7px rgba(0, 0, 0, 0.2));
}
#option li {
	/*background: #BEBEBE;*/
	/*項目標示*/
	list-style-type:disc;
	/*list-style-position:inside;*/
}

#option li  > a {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	font-size: 16pt;
	font-family:"微軟正黑體","細明體","Times New Roman",Georgia,Serif;
	outline: none; /* for Firefox */
    hlbr:expression(this.onFocus=this.blur()); /* for IE */
}

#option li  > a:visited {
	color: #fff;
	
}
#option li  > a:hover  {
	color: #F3E727;
	/* background-color:#1267AF; */
}

#option img.img-style {
	width:228px;
	
}
/*--------------------------------------------------------------------*/

#pagebody {
	overflow: auto !important;
	overflow : hidden;
	width: 100%;
	/*-----------------------背景漸層-------------------------*/
	/* IE10 Consumer Preview  
	background-image: -ms-linear-gradient(top, #1267AF 20%, #5A719A 100%);*/

	/* Mozilla Firefox
	background-image: -moz-linear-gradient(top, #1267AF 20%, #5A719A 100%);*/

	/* Opera 
	background-image: -o-linear-gradient(top, #1267AF 20%, #5A719A 100%);*/

	/* Webkit (Safari/Chrome 10)  
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.2, #1267AF), color-stop(1, #5A719A));*/

	/* Webkit (Chrome 11+) 
	background-image: -webkit-linear-gradient(top, #1267AF 20%, #5A719A 100%);*/

	/* W3C Markup, IE10 Release Preview 
	background-image: linear-gradient(to bottom, #1267AF 20%, #5A719A 100%);*/
	
}

#wrapper {
    padding-left: 0px;
    padding-right: 0px;
}

#pagebody > ddiv.pagebody-right {
	width: 20%;
	float:right;
}

#pagebody > div.pagebody-left {
	width: 72%;
	float:left;
}
/*----------------------------------------------*/
/* 各項活動主區塊
---------------------------------------------*/
#priamy {/*bulletinDetail.php的長度不設限*/	
	float: left;
	width: 72%;
	width: 100%;
	padding-left: 10px ;
	padding-top:30px;
	/*border-right:solid 1px;*/
	/*height:1250px;*/	 
}
#priamy2 {/*設定首頁及more的長度*/	
	float: left;
	width: 72%;
	width: 100%;
	padding-left: 28px ;
	padding-top:30px;
	/*border-right:solid 1px;*/
	/*height:965px;*/
}

/* 主區塊
---------------------------------------------*/
#layout {/*校園活動、公告的標籤*/
	position:relative;
	margin-bottom: -14.6px;
	/*margin-left: 15px;*/
	width:100%;
}

#layout > div.morecampu-banner {
	position:absolute;
	background-color: #5c5d5d;
	width: 90%;
	height: 40px;
	top: 0px;
	right:0px;
}

#layout > div.subbulletin-banner {
	position:absolute;
	background-color: #5c5d5d;
	width: 90%;
	height: 40px;
	top: 0px;
	right:0px;
}

#layout > div.more-banner {
	position:absolute;
	background-color: #5c5d5d;
	width: 90%;
	height: 40px;
	top: 0px;
	right:0px;
}

#layout > img {
	position:relative;
	z-index:1000;
}

#layout2 {/*B社團活動的標籤*/
	position:relative;
    float:right;
	/*margin-top: -25.5px;*/
	width: 47.5%;
	width: 100%;
}

#layout2 > div.subclub-banner {
	position:absolute;
	background-color: #5c5d5d;
	width: 80%;
	height: 40px;
	top: 0px;
	right:0px;
}

#layout2 > img {
	position:relative;
	z-index:1000;
}

#layout_campu {
	/*margin-left: 15px;*/
	margin-bottom: 25px;
	/*height:550px;*/
	/*width:722px;*/
}
#layout_more
{
    width:100%;
	/*margin-left: 15px;*/
	margin-bottom: 20px;
}

#layout_bulletin {
	float: left;
	/*margin-left: 15px;*/
	width: 47%;
	width: 100%;
	min-height:280px;
	margin-bottom: 25px;
	
}
#layout_club {
	float: right;
	width: 47.5%;
	width: 100%;
	min-height:264px;
	/*margin-top: -1px;*/
	margin-bottom: 25px;
}

#more_p  p{ 
	text-align:right; 
	Margin-Right:15pt;
	font-size: 11pt;
	background-color:#FFF;
	
}
#more_p1  p{ 
	text-align:right; 
	Margin-Right:15px;
	Margin-top:42px;
	font-size: 11pt;
	background-color:#FFF;
	float:right;
	
}

/*分頁格式*/

#category  p {
	text-align:right; 
	Margin-right:15pt;
	font-size: 12pt;
	
}

#category{
    color:#F3E727;/*黃色*/
}
#category a{
    color:#F3E727;/*黃色*/
}
#category a:hover{
    color:#FFF;/*白色*/
}


/*右邊選單I*/
.style12 {/*小圓點*/
	font-size:12pt;
	color: #FFF;
    		}
a.style12 {
	font-size:18pt;
	color: #FFF;
    		}

a.style12:hover {
	color: #F3E727;/*黃色*/
}
a.style13 {
	font-size:18pt;
	color: #F3E727;
    		}
a.style13:hover {
	color: #F3E727;/*黃色*/
}

/* Calendar */
#calendar {
 margin:auto;
 /*位置*/
 margin-top:0px;
 margin-left:5px;
 width: 200px;
/* margin-left:0px;*/
/* padding-top:50%;*/
}
#calendar table {
	/*width: 20%;*/
	/*border: 2px solid #fff;*/
	background: #FFF;
	color:#000;
	text-align: center;
    font-size: 16px;
    box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 12%);
	margin-top: 3px;
	width: 100%;
}
/*---------日曆外框灰色--------------*/
#calendar table.bg-Style{
	margin-bottom: 10px;
    background: #989898;
    border: 1px solid transparent;
    text-align: center;
    padding: 0px;
}
#calendar tbody td.bg-Style {
	margin-bottom: 5px;
    background: #989898;
    border: 5px solid transparent;
    text-align: center;
    padding: 0px;
}
/*------------------------------------*/
/*-------------日期外框---------------*/
#calendar tbody td {

	background: #FFF;
	/* border: 1px solid #FFF; */
	border: 1px solid #d1d1d1;
	padding:1px;
	padding-right:2px;
	padding-left:2px;
	text-align: center;
}

/*---------顯示今天日期樣式--------------*/
#calendar tbody td .today-Style{
	background-color:#ffc107;;
	/*background-color:rgba(20%, 20%, 20%, 0.4);*/
}
#calendar a.today-Style{
	color: #FF0000;
	text-align: center;
}
/*------------------------------------*/
/*---------顯示選擇週日期樣式--------------*/
#calendar tbody td.choose-Style{
	background-color:#c5c5c5;
}

#calendar a.choose-Style{
	
	text-align: center;
}
#calendar a:hover.choose-Style{
	color: #696969;
}
/*---------顯示移動日期樣式--------------*/
#calendar a:hover.other-Style{
	color: #696969;
}		
/*------------------------------------*/
/*今日/本周/下周 字 樣式*/
#calendar table a.title-Style{
color:#F3E727;/*黃色*/
}
#calendar table a:hover.title-Style{
color:#FFF;
}
#calendar table a.title-Style1{
color:#FFF;
}
/*
#calendar thead {
	background: #DBDBDB;
}

#calendar #prev {
	text-align: left;
}

#calendar #next {
	text-align: right;
}

#calendar tfoot a {
	text-decoration: none;
	font-weight: bold;
}

#calendar #today {
	background: #FFF3A7;
	border: 1px solid #FF7400;
	font-weight: bold;
	color: #FF7400
}
#calendar a {
	color: #000;
}
*/


/*廣告功能*/
#banner {
	text-align:center;
	margin:0px auto;
	clear: both;
	background: #5A719A;
}
.banneritem
{
    width:160px;
    display:inline-block;
    margin:0;
}

.banneritem img
{
    height:50px;
    opacity:.6;
    filter:Alpha(Opacity=60);
}

.banneritem img:hover
{
    opacity:1;
    filter:Alpha(Opacity=100);
}
/* 聯絡資訊
---------------------------------------------*/

#footer {
	margin:0px auto;
	width: 1024px;
	width: 100%;
	clear: both;
	color: #FFF;
	background: #000;
	border:solid 1px #000;
	/*height:71px;*/
}
#footer p {
    
	margin: 0 0 5px 0;
	text-align: center;
	line-height: normal;
	font-size: .9em;
}
#footer a {
	color: #666666;
	font-size: .9em;
}
#footer a:hover {
	color: #0066CC;
}

.section f1{
color: #BBBBBB;
}

/* 地圖
*/

#googleMapDiv{
	display:none;
}

/*公告查詢*/
#postsearch table{
	width:94%;
	border:solid 1px #5597FF;
	margin:0px auto;
}

#postsearch  table td {
	text-align:center;
	border:solid 1px #5597FF;
}
#postsearch  strong{
	padding-left:22px;
}
td.searchtitle-style1{
	background: #5597FF;
	color: #fff;
}
td.searchtitle-style2{
	background: #DBDBDB;
}

/*這裡*/
td.searchtitle-style3{
	background: #fff;
	font-size: 12pt;
}
#postsearch  label {
	text-align:center;
}
#postsearch  option{
	font-size: 10pt;
}

#css_buttoncenter{
    position:relative; 
    float:left;
	left:5%;
}
/*管理端基本form*/
#form_style{
	font-size: 12pt;
	background: #fff;
	color:#000;
	width:100%;
	margin:0px auto;
	height:100%;
}


/*--------------------------post--------------------*/


.post .links {
	width: 410px;
	height: 29px;
	margin: 0;
	padding: 6px 0 0 20px;
	background: #F3F3F3 url(../images/img08.gif) no-repeat;
}

.post .links a {
	padding: 0 23px;
	text-decoration: none;
	font-weight: bold;
}

.post .links a:hover {
	text-decoration: underline;
}

.post .links .more {
	background: url(../images/img09.gif) no-repeat;
}

.post .links .comments {
	background: url(../images/img10.gif) no-repeat;
}

.post .leaf{
	margin-top: 10px;
	margin-bottom:15px;
}
/*-----------------------------------------------------*/
.clsBtn
{
    font-family: 微軟正黑體;
    font-size: 14pt;
    height: auto;
    width: auto;
    padding: 2px 2px;
}

.clsCbo
{
    font-family: 微軟正黑體;
    font-size: 14pt;
    width: auto;
}

.clsText
{
    font-family: 微軟正黑體;
    font-size: 14pt;
    width: auto;
    padding: 3px 3px;
}

/* Extra Small */
@media(max-width:767px) { 
	body {
		background:#1267AF;
	}
	.container {
		width:100%;
		background:#1267AF;
	}
	
	table {
		max-width:767px;
	}
	
	#masterMenu2 {
		padding:0px;
		margin:0px;
		margin-top:0px;
		float:right;
		font-size:80%;		
	}

	#pagebody  div.masterlink-right {
		padding:5px;
		margin:0px;
		float:left;
		width: 100%;
	}

	#option {
		margin-left: 0; 
		float:left;
	}

	#option li {
		margin-left: 0; 
		float:none;
	}	
	
	#calendar {
		margin:9px;
		float:right;
	}
	
	#priamy2 {
		padding:0px;
		margin:0px;
	}

	#search {
		float: left;
		margin: 5px;
	}	
	#___gcse_1 {
		padding: 20px;
	}
	#target {
		width:80%;
	}
}
/* Small */
@media(min-width:768px) and (max-width:991px) { 
	body {
		background:#1267AF;
	}
	.container {
		width:100%;
		background:#1267AF;
	}

	#masterMenu2 {
		margin:0px;
		margin-top:35px;
		float:right;
		font-size:80%;		
	}

	#pagebody  div.masterlink-right {
		padding:0px;
		margin:0px;
		float:left;
	}	

	#option {
		margin-left: 0px; 
		float:left;
	}	

	#option li {
		margin-left: 0; 
		float:none;
	}	
	
	#calendar {
		margin:5px;
		float:right;
	}
	
	#priamy2 {
		padding:0px;
		margin:0px;
	}

	#search {
		margin-top: -10px;
		margin-left: 20px;
		margin-bottom: 10px;
		float:left;
	}	
	
	#target {
		width:80%;
	}

}

/* Medium */
@media(min-width:992px) and (max-width:1199px){
	#pagebody  div.masterlink-right {
		float:right;
	}
	
	#masterMenu2{
		float: left;
		margin-left:-10px; 
	}
}

/* Large */
@media(min-width:1200px){
	#pagebody  div.masterlink-right {
		float:right;
	}

	#masterMenu2{
		float: left;
		margin-left:-10px; 
	}
	
}