/* 主要設定
------------------------------------------------------------------------------ */
body,table,td,th { font-size:13px ; color:#666666}
img{border:0px;}
A { color:#3366CC; text-decoration: none; }
A:link  {
color:#3366CC; text-decoration: none;}
A:visited {
color:#3366CC; text-decoration: none;}
A:hover {
	color:#666666;
	text-decoration: underline;
}
.h1{
	font-size: 18px;
	color: #000000;
	font-weight: bold;
}
/* menu
------------------------------------------------------------------------------ */
.menu a.purple-1  {  height:38px; width:86px; background-position:0px 0px; background-image: url(../images/b_10.jpg); background-repeat: no-repeat;}
.menu a { display:inline;}
.menu a:hover  { background-position:0px -38px; cursor:hand;}
.menu a.purple-2  {  height:40px; width:170px; background-position:0px 0px; background-image: url(../images/purple_03.jpg); background-repeat: no-repeat;}
.menu a.purple-3  {  height:40px; width:170px; background-position:0px 0px; background-image: url(../images/purple_04.jpg); background-repeat: no-repeat;}
.menu a.purple-4  {  height:40px; width:170px; background-position:0px 0px; background-image: url(../images/purple_05.jpg); background-repeat: no-repeat;}
.menu a.purple-5  {  height:40px; width:170px; background-position:0px 0px; background-image: url(../images/purple_06.jpg); background-repeat: no-repeat;}
.menu a.purple-6  {  height:40px; width:170px; background-position:0px 0px; background-image: url(../images/purple_07.jpg); background-repeat: no-repeat;}
.menu a.purple-7  {  height:40px; width:170px; background-position:0px 0px; background-image: url(../images/purple_08.jpg); background-repeat: no-repeat;}
.menu a.purple-8  {  height:40px; width:170px; background-position:0px 0px; background-image: url(../images/purple_09.jpg); background-repeat: no-repeat;}

.menu a.blue-1  {  height:40px; width:170px; background-position:0px 0px; background-image: url(../images/blue_02.jpg); background-repeat: no-repeat;}
.menu a.blue-2  {  height:40px; width:170px; background-position:0px 0px; background-image: url(../images/blue_03.jpg); background-repeat: no-repeat;}
.menu a.blue-3  {  height:40px; width:170px; background-position:0px 0px; background-image: url(../images/blue_04.jpg); background-repeat: no-repeat;}
.menu a.blue-4  {  height:40px; width:170px; background-position:0px 0px; background-image: url(../images/blue_05.jpg); background-repeat: no-repeat;}
.menu a.blue-5  {  height:40px; width:170px; background-position:0px 0px; background-image: url(../images/blue_06.jpg); background-repeat: no-repeat;}
.menu a.blue-6  {  height:40px; width:170px; background-position:0px 0px; background-image: url(../images/blue_07.jpg); background-repeat: no-repeat;}
.menu a.blue-7  {  height:40px; width:170px; background-position:0px 0px; background-image: url(../images/blue_08.jpg); background-repeat: no-repeat;}
.menu a.blue-8  {  height:40px; width:170px; background-position:0px 0px; background-image: url(../images/blue_09.jpg); background-repeat: no-repeat;}

.menu a.green-1  {  height:40px; width:170px; background-position:0px 0px; background-image: url(../images/green_02.jpg); background-repeat: no-repeat;}
.menu a.green-2  {  height:40px; width:170px; background-position:0px 0px; background-image: url(../images/green_03.jpg); background-repeat: no-repeat;}
.menu a.green-3  {  height:40px; width:170px; background-position:0px 0px; background-image: url(../images/green_04.jpg); background-repeat: no-repeat;}
.menu a.green-4  {  height:40px; width:170px; background-position:0px 0px; background-image: url(../images/green_05.jpg); background-repeat: no-repeat;}
.menu a.green-5  {  height:40px; width:170px; background-position:0px 0px; background-image: url(../images/green_06.jpg); background-repeat: no-repeat;}
.menu a.green-6  {  height:40px; width:170px; background-position:0px 0px; background-image: url(../images/green_07.jpg); background-repeat: no-repeat;}
.menu a.green-7  {  height:40px; width:170px; background-position:0px 0px; background-image: url(../images/green_08.jpg); background-repeat: no-repeat;}
.menu a.green-8  {  height:40px; width:170px; background-position:0px 0px; background-image: url(../images/green_09.jpg); background-repeat: no-repeat;}


.establish a { display:inline;}
.establish a:hover  { background-position:0px -27px; cursor:hand;}
.establish a.btn-1  {  height:27px; width:100px; background-position:0px 0px; background-image: url(../images/purple_15.jpg); background-repeat: no-repeat;}
.establish a.btn-2  {  height:27px; width:100px; background-position:0px 0px; background-image: url(../images/purple_16.jpg); background-repeat: no-repeat;}

.student a { display:inline;}
.student a:hover  { background-position:0px -27px; cursor:hand;}
.student a.btn-1  {  height:27px; width:100px; background-position:0px 0px; background-image: url(../images/green_15.jpg); background-repeat: no-repeat;}
.student a.btn-2  {  height:27px; width:100px; background-position:0px 0px; background-image: url(../images/green_16.jpg); background-repeat: no-repeat;}
.student a.btn-3  {  height:27px; width:100px; background-position:0px 0px; background-image: url(../images/green_17.jpg); background-repeat: no-repeat;}

/* 外底圖設定
------------------------------------------------------------------------------ */
.banner_left{
	background-image: url(../images/banner_left.gif);
	background-repeat: repeat-x;
	background-position: top;
	width: 50%;
}
.banner_right{
	background-image: url(../images/banner_right.jpg);
	background-repeat: repeat-x;
	background-position: top;
	width: 50%;
}

/* 設為首頁及加入最愛欄位
------------------------------------------------------------------------------ */
.center_bg{
	background-image: url(../images/center_bg.gif);
	background-repeat: repeat-y;
	background-position: left;
}
/* 灰box---1寬
------------------------------------------------------------------------------ */
#gray {
	CLEAR: both;
	padding: 1px;
	width: 100%;
	height:100%;
	background-color: #CCCCCC;
}
#gray .box {
	PADDING-RIGHT: 5px;
	PADDING-LEFT: 5px;
	PADDING-BOTTOM: 5px;
	PADDING-TOP: 5px;
	background-color: #FFFFFF;
}

/* 灰box---3寬
------------------------------------------------------------------------------ */
#gray3 {
	CLEAR: both;
	padding: 3px;
	width: 100%;
	height:100%;
	background-color: #CCCCCC;
}
#gray3 .box {
	PADDING-RIGHT: 10px;
	PADDING-LEFT: 10px;
	PADDING-BOTTOM: 10px;
	PADDING-TOP: 10px;
	background-color: #FFFFFF;
}

/* 橘box---3寬
------------------------------------------------------------------------------ */
#orange3 {
	CLEAR: both;
	padding: 3px;
	width: 100%;
	height:100%;
	background-color: #FF6600;
}
#orange3 .box {
	PADDING-RIGHT: 10px;
	PADDING-LEFT: 10px;
	PADDING-BOTTOM: 10px;
	PADDING-TOP: 10px;
	background-color: #FFFFFF;
}

/* 藍box---3寬
------------------------------------------------------------------------------ */
#blue {
	CLEAR: both;
	padding: 3px;
	width: 100%;
	height:100%;
	background-color: #71C1E3;
}
#blue .box {
	PADDING-RIGHT: 10px;
	PADDING-LEFT: 10px;
	PADDING-BOTTOM: 10px;
	PADDING-TOP: 10px;
	background-color: #FFFFFF;
}
/* 粉紅box---3寬
------------------------------------------------------------------------------ */
#pink {
	CLEAR: both;
	padding: 3px;
	width: 100%;
	height:100%;
	background-color: #FF0066;
}
#pink .box {
	PADDING-RIGHT: 10px;
	PADDING-LEFT: 10px;
	PADDING-BOTTOM: 10px;
	PADDING-TOP: 10px;
	background-color: #FFFFFF;
}

/* 新聞系統
------------------------------------------------------------------------------ */
.news_s_t{
	background-image: url(../images/news_bg.gif);
	background-repeat: no-repeat;
	background-position: left;
}
.news_b_t{
	background-image: url(../images/news_bg.gif);
	background-repeat: no-repeat;
	background-position: left;
}
/* 圖文合併內容排序
------------------------------------------------------------------------------ */
#content {
	FONT-SIZE: 12px; LINE-HEIGHT: 1.6
}
#content P {
	MARGIN: 0px 0px 1em;DISPLAY: block
}
#tcontent IMG {
	BORDER-RIGHT: #666 1px solid; BORDER-TOP: #666 1px solid; BORDER-LEFT: #666 1px solid; BORDER-BOTTOM: #666 1px solid
}
#content .left {
	FLOAT: left; MARGIN: 6px 6px 6px 0px
}
#content .center {
	CLEAR: both; DISPLAY: block; MARGIN: 6px auto
}
#content .right {
	FLOAT: right; MARGIN: 6px 0px 6px 6px
}
/* menu
------------------------------------------------------------------------------ */
#pg {
	MARGIN: 2em 0px 2em 20px; HEIGHT: 2em; COLOR: #3666d4; CLEAR: both
}
#pg A {
	BORDER-BOTTOM: #ccdbe4 1px solid; TEXT-ALIGN: center; BORDER-LEFT: #ccdbe4 1px solid; PADDING-BOTTOM: 2px; MARGIN: 0px 5px 0px 0px; PADDING-LEFT: 8px; PADDING-RIGHT: 8px; DISPLAY: block; FLOAT: left; COLOR: #3666d4; BORDER-TOP: #ccdbe4 1px solid; BORDER-RIGHT: #ccdbe4 1px solid; TEXT-DECORATION: none; PADDING-TOP: 2px
}
#pg STRONG {
	BORDER-BOTTOM: #ccdbe4 1px solid; TEXT-ALIGN: center; BORDER-LEFT: #ccdbe4 1px solid; PADDING-BOTTOM: 2px; MARGIN: 0px 5px 0px 0px; PADDING-LEFT: 8px; PADDING-RIGHT: 8px; DISPLAY: block; FLOAT: left; COLOR: #3666d4; BORDER-TOP: #ccdbe4 1px solid; BORDER-RIGHT: #ccdbe4 1px solid; TEXT-DECORATION: none; PADDING-TOP: 2px
}
#pg A:hover {
	BORDER-BOTTOM-COLOR: #2b55af; BORDER-TOP-COLOR: #2b55af; BACKGROUND: #3666d4; COLOR: #fff; BORDER-RIGHT-COLOR: #2b55af; BORDER-LEFT-COLOR: #2b55af
}
#pg STRONG {
	BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 2px; PADDING-LEFT: 6px; PADDING-RIGHT: 6px; COLOR: #000; FONT-SIZE: 108%; BORDER-TOP: 0px; FONT-WEIGHT: bold; BORDER-RIGHT: 0px; PADDING-TOP: 2px
}