@charset "utf-8";
/* CSS Document */

@import url(reset.css);

body{
	font-family:Arial, Helvetica, sans-serif;}

/*css3*/
.hoverEase{
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-o-transition:all 0.4s ease;
	transition:all 0.4s ease;}

.wrap{
	width:1200px;
	margin:0 auto;}

.topArea{}

.topArea h1{
	float:left;}

.topArea h1 a{
	background:url(../images/logo.jpg) no-repeat;
	display:block;
	width:500px;
	height:100px;
	text-indent:-9999px;}

.topArea .rightBox{
	float:right;
	padding-right:20px;}

.topArea .rightBox .nav{
	padding-top:15px;
	text-align:right;}
	
.topArea .rightBox .nav a{
	font-size:12px;
	color:#001465;}

.topArea .rightBox .nav a:hover{
	text-decoration:underline;}

.topArea .rightBox .nav span{
	font-size:12px;
	color:#999999;
	padding:0 2px;}

.topArea .rightBox .search{
	padding-top:35px;}

.topArea .rightBox .search input[type="text"]{
	height:22px;
	line-height:22px;
	padding:0 5px;
	vertical-align:bottom;}

.topArea .rightBox .search input[type="button"]{
	border:none;
	cursor:pointer;
	background:url(../images/btn_search.jpg) no-repeat;
	width:32px;
	height:28px;
	text-indent:-9999px;
	vertical-align:bottom;}

.menuArea{
	clear:both;
	padding-right:20px;
	background:url(../images/bg_menu.jpg) repeat-x;
	height:44px;}

ul.menu{
	float:right;}

ul.menu li{
	float:left;}

ul.menu li a{
	display:block;
	height:32px;
	text-indent:-9999px;}

ul.menu li a.menu01{
	width:102px;
	background:url(../images/menu/menu01.png) no-repeat}
ul.menu li a.menu02{
	width:124px;
	background:url(../images/menu/menu02.png) no-repeat}
ul.menu li a.menu03{
	width:77px;
	background:url(../images/menu/menu03.png) no-repeat}
ul.menu li a.menu04{
	width:126px;
	background:url(../images/menu/menu04.png) no-repeat}
ul.menu li a.menu05{
	width:126px;
	background:url(../images/menu/menu05.png) no-repeat}

ul.menu li a:hover{
	background-position: left bottom;}

.footer{
	background:#ff6000;
	padding:5px;}

.footer ul.downMenu{
	text-align:center;}

.footer ul.downMenu li{
	display:inline-block;
	padding:0 15px;}

.footer ul.downMenu li a{
	display:block;
	font-size:20px;
	color:#272727;}

.footer ul.downMenu li a:hover{
	text-decoration:underline;}

.footer .copyright{
	font-size:12px;
	color:#272727;
	line-height:2;
	text-align:center;}
	
/*******內頁**********/
.mainBox{
	position:relative;}

.mainBox .sideBox{
	float:left;
	width:285px;
	background:url(../images/side_bg.png) repeat-y;
	margin-left:25px;
	margin-top:-44px;
	position:relative;
	z-index:99;}

ul.classLink{
	background:url(../images/class_bg.png) no-repeat;
	padding-right:6px;
	padding-top:110px;
	min-height:330px;}

ul.classLink li{
	padding-left:35px;}

ul.classLink li a{
	display:block;}

ul.classLink li a{
	font-size:16px;
	color:#fff000;
	line-height:2;
	text-transform:uppercase;}

ul.classLink li a:hover{
	text-decoration:underline;}

.mainBox .rightBox{
	margin-left:-6px;
	float:left;
	width:860px;}

.bread{
	text-align:right;
	font-size:14px;
	color:#ff6000;
	line-height:35px;
	padding-right:10px;}

.bread a{
	color:#ff6000;}

.bread span{
	padding: 0 3px;}

.bread b{
	font-family:Raleway, Verdana, Geneva, sans-serif;
	font-weight:normal;
	font-size:18px;
	color:#ffd101;}

.contentBox{
	border:6px solid #a8a8a8;
	border-left:none;
	background:#eeeeee;
	padding:30px 0;
	margin-bottom:35px;}

/*page 模組*/
.page{
	clear:both;
	text-align:right;
	margin-top:20px;/*頁碼與上方的區塊間距*/
	margin-right:10px;}

.page a{
	border: 1px solid #F90;/*頁碼框線*/
	background:#FFF;
	text-align: center;
	padding: 2px 5px 0px 5px;
	line-height: 20px;
	font-family: Arial;
	margin-left: 4px;
	font-size: 9pt;
	*font-size:8pt;
	color:#000;}/*頁碼字顏色*/

.page a:hover{/*頁碼滑過樣式*/
	text-decoration: underline;
	background-color: #FC0;
	color: #FFF;
	border:1px solid #e47763;}

.page a.pageLink{
	background:#FFF;
	color: #000;/*頁碼字顏色*/
	border: 1px solid #F90;}/*頁碼框線*/
	
.page a.pageLink:hover{
	text-decoration: underline;}

.page a.over{
	background-color: #FC0;
	color: #FFF;
	border:1px solid #e47763;}/*頁碼字選取後背景顏色*/
/*page 模組*/