﻿html {
	overflow-x:hidden;
	overflow-y:auto;
	margin:0 0;
	/*width:expression((documentElement.clientWidth > 1024) ? "1024px" : "95%" );*/
}
body {
	margin: 0 auto;
	font-family: "微軟正黑體", Verdana, "Arial Unicode MS", "Times New Roman";
	padding: 0px;
	width: 100%;
	width:expression((documentElement.clientWidth > 1024) ? "1024px" : "100%" );
	background-color: #DCDCDC;
	
}
.container {
	margin:0 auto;
	padding:0;
	width: 95%;
	min-width: 750px;
	max-width: 1024px;
	background-image: url(images/web_6.png);
	background-repeat: repeat-y;
	background-position: right;
	background-color:#FFF;
}
h1{
	font-size:larger;
	margin:0;
	padding:10px 0;
	text-align:center;
}
p{
	margin:0;
	padding:5px 0;
	padding-left:1em;
}
.header_left {
	background-image: url(images/web_1.png);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 158px;	
	width: 580px;
	clear: none;
	top: 0px;
}
.header_right {
	background-image: url(images/web_3.png);
	background-repeat:no-repeat;
	margin: 0px;
	padding: 0px;
	float:right;
	height: 158px;	
	width: 170px;
	clear: none;
	top: 0px;
	right: 91px;
}
.header {
	height: 158px;	
	width: auto;
	background-image: url(images/web_2.png);
	background-repeat: repeat-x;
	margin:0;
	padding: 0px;
	clear: both;
}
.footer {
	background-image: url(images/web_8.png);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
	height: 50px;
	width: 100%;
	clear: both;
	/*position: inherit;*/
	text-align:center;
}
.footer_left {
	background:url(images/web_7.png) no-repeat top left;
	margin:0 auto;
	padding:0;
	text-align:center;
	height: 50px;
	width: 50px;
	float: left;
	text-align:center;
}
.footer_right {
	background-image: url(images/web_9.png);
	margin-top: 0px;
	padding: 0px;
	height: 50px;
	width: 80px;
	float:right;
}
.foorter_middle{
	float:left;
	text-align:center; 
	margin:0 auto; 
	width:80%;
}

.main {
	width: auto;
	height:auto;
	clear: both;
	background-image: url(images/web_4.png);
	background-repeat: repeat-y;
	background-color: #FFFFFF;
	margin-top: 0px;
	margin-right: 80px;
	margin-bottom: 0;
	padding-top: 1.5em;
	padding-right: 0px;
	padding-bottom: 1.5em;
	padding-left: 50px;
	
}
.main table{
	margin:0 auto;
	padding:0;
	table-layout:fixed;
	width:auto;
	border-collapse:collapse;
	text-align:center;
}
.main table th{
	text-align:center;
}
.main table td.title{
	text-align:center;
}
.main table td.content{
	text-align:left;
	padding-left:2em;
}
.main table td.date{
	text-align:center;
}
table.school_course td,table.school_teacher td,table.faculty td,table.news td{
	padding:0.5em 0em;
	border-bottom:#999 dashed 1.5px;
}
table.cont_edu_course td,table.contact_us td{
	border:#333 dashed 1px;
}
/*
.main table.school_course td{
	padding:0.2em 0;
	border-bottom:#eee dashed 1px;
}
.main table.school_teacher td{
	padding:0.2em 0;
	border-bottom:#eee dashed 1px;
}*/
.main_left {
	margin: 0 0 0 -50px;
	padding: 0 0 0 50px;
	width: 100%;
	background-image: url(images/web_4.png);
	background-repeat: repeat-y;
	position:relative;
}

/*ul#menu {
	margin-top:0px;
	margin-bottom:0px;
	margin-right:44px;
	margin-left:16px;
 	width: auto;
	height: 2em;
	background-color:#FFF;
	background-image:url(images/web_4.png);
	background-repeat:repeat-y;
	/*background: #FFF url("images/menu-bg.gif") top left repeat-x; 
	font-size: 0.8em; 
	font-family: "Lucida Grande", Verdana, sans-serif; 
	font-weight: bold; 
	list-style-type: none; 
	padding: 0; 
}
ul#menu li { 
	display: block; 
	float: left; 
	margin: 0 auto 0 auto; 
}
ul#menu li a { 
	height: 2em; 
	color: #777; 
	text-decoration: none; 
	display: block; 
	float: left; 
	line-height: 200%;
	padding:0 20px;
	background-color:#FFF;
	border:#000 1px solid;
}
ul#menu li a:hover { 
	color: #333; 
}
ul#menu li a.current{ 
	color: #FFF; 
	background: #FFF url("images/current-bg.gif") top left repeat-x; 
	/*padding: 5px 15px 0 0; 
}*/

#navcontainer
{
font-family:"微軟正黑體",Verdana, Arial, Helvetica, sans-serif, ;
margin: 0px 44px 0 auto;
padding: 10px auto 0 0;
width: auto;
border-bottom: 1px solid #ddd;
background:url(images/web_4.png) repeat-y #FFF;
}

#navlist
{
width: 100%;
text-align: center;
margin: 0 auto;
padding: 20px 0 0 0;
text-indent: 0;
list-style-type: none;
}
#navlist ul
{
	margin: 0 auto;
	padding:0;
}
#navlist li
{
padding: 0;
margin: 0;
text-indent: 0;
display:inline;
}

#navlist li a
{
letter-spacing: -1px;
text-decoration: none;
color: #999;
font-size: 1em;
padding: 0 7px;
border-top: .5em solid #eee;
display:inline;
}

#navlist li a:hover,#navlist a#current
{
color: #333;
border-top: none;
font-size: 1em;
}

#navlist a#current { color: #fc6; }
	
.cube{
	background-color:#FFF;
	float:left;
	width:auto;
	border:#EEE 4px solid;
	padding-top:10px;
	padding-bottom:10px;
}
.cube .top_left{
	background: url(images/c4_1.jpg) no-repeat;
	float:left;
	width:20px;
	height:20px;
	position:relative;
	top:-14px;
	left:-4px;
	margin:0;
}
.cube .top_right{
	background: url(images/c4_2.jpg) no-repeat;
	float:right;
	position:relative;
	width:20px;
	height:20px;
	top:-14px;
	right:-4px;
	margin:0;
}
.cube .bottom_left{
	background: url(images/c4_3.jpg) no-repeat;
	float:left;
	position:relative;
	width:20px;
	height:20px;
	bottom:-14px;
	left:-4px;
	margin:0;
}
.cube .bottom_right{
	background: url(images/c4_4.jpg) no-repeat;
	float:right;
	position:relative;
	width:20px;
	height:20px;
	bottom:-14px;
	right:-4px;
	margin:0;
}



#sub-navcontainer
{
font-family:"微軟正黑體",Verdana, Arial, Helvetica, sans-serif, ;
margin: 0px 44px 0 auto;
padding: 10px auto;
width: auto;
background:url(images/web_4.png) repeat-y #FFF;
}

#sub-navlist
{
width: 100%;
text-align: center;
margin: 0 auto;
padding: 0 0 10px 0;
text-indent: 0;
list-style-type: none;
}
#sub-navlist ul
{
	margin: 0 auto;
	padding:0;
}
#sub-navlist li
{
padding: 0;
margin: 0;
text-indent: 0;
display:inline;
}

#sub-navlist li a
{
letter-spacing: -1px;
text-decoration: none;
color: #999;
font-size: 1em;
padding: 0 10px;
border-bottom: .5em solid #eee;
display:inline;
}

#sub-navlist li a:hover,#sub-navlist a#current
{
color: #333;
border-bottom:none;
font-size: 1em;
}

#sub-navlist a#current { color: #fc6; }
#navbar{
	background-image:none;
	margin:0;
	text-align:right;
	line-height:normal;
	width:12em;
	padding:0;
	
	float:right;
	list-style-type:none;
	position:relative;
	right:200px;
	top:-100px;
	height:0px;
	margin-bottom:-5em;
}
#navbar ul{
	padding:0;
	margin:0;
}
#navbar li{
	padding:0;
	margin:0;
	text-indent: 0;
	display:inline;
}
#navbar li a
{
	padding:0;
	letter-spacing:-1px;
	text-decoration:none;
	color:#999999;
}
#navbar li a:hover
{
	color:#333333;
}
.main table.weblink{
	width:90%;
}
table.weblink td
{
	padding:0.5em 0em;
	/*border-right:#999 dashed 1px;
	border-left:#999 dashed 1px;*/
	border-bottom:#999 dashed 1px;
}

