@charset "utf-8";
@import url("reset.css");


.logo{
	float:left;
	height:70px;
	padding-top:20px;


}
.menu_all{
	width:1150px;
	margin: 0 auto;
	position:relative;
	z-index:1;

}


body {
	background: url(../images/NTCU_bg.gif);

		width:100%;
		text-decoration: none;
		font-family:Verdana, Geneva, sans-serif;
		font-size: 75%;
		color:#333;
		margin:0 auto;
		width:auto; height:auto;
		max-height:none;
		max-width:none;
		line-height:180%;
}


a{color:#878787;}
a:hover{color:#0083c9;}







#bar {
	
	background:url(../images/barbk.jpg) top repeat-x;
	height:43px;
	
	}
	
#menu {
	float: right;

	}
	
section {
 
		 margin:auto;
		 padding:10px;
       }
	   
	.mid_out{
	width:1200px; margin:auto;
}



#banner {
	position:relative;
	z-index:0;

	}


#mainbk {


    width:1150px;
	margin:auto;
	padding-top:20px;
	


	
	
	}
	
#main {

	margin:auto;
	min-height:300px;


	}
	
	
.title-tab { color:#666; padding-bottom:30px; }



#about-main { float:left; margin:10px 50px 10px; width:70%; min-height:600px;}
#about-main h1 { font:1.5em/1 "微軟正黑體"; color:#333; text-shadow:#666 0 0 1px;}
#about-main p { line-height:220%; font-size:13px; }
.btn { background:#F3F3F3; margin:10px; padding:10px 50px;-webkit-border-radius: 5px;
-moz-border-radius: 5px;border-radius: 5px; border:1px solid #e1e1e1; text-decoration:none; display:table; float:left; }



.btnn { color:#0083c9;background:#e1e1e1; margin:10px; padding:10px 50px;-webkit-border-radius: 5px;
-moz-border-radius: 5px;border-radius: 5px; border:1px solid #e1e1e1; text-decoration:none; display:table; float:left; }






#about-main img{
	margin:20px 0;
	
}
	

#main .ad {
	margin-right:40px;
	
	}
	

#new_01{
	padding-right:30px;
}


.more{
	text-align:right;
}
#main .news {

	width:700px;
	margin:auto;
	padding:10px 0px 20px 0px;

	
	}
.actions{
	width: 700px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}
.online_book{
	
	width:700px;
	margin:auto;


}

#left{
	
	clear:both;
	margin-bottom:30px;
	float:left;


}
#left li img{
	margin:2px 0;
	width:300px;
	height:60px;
	border:1px solid rgb(170, 170, 170);
	border-radius:4px;

	padding:3px;

}


.class_map table{
	width:100%;
}


.class_map td{
	height:35px;
	width:15px

}

.class_map h1{
	margin-bottom:15px;

}
.class_map h2{
	margin:10px 0;
}

.class_map_input{
	margin:40px 0;
}


#mid{

    float:left;

}
#right{
	padding-top:40px;
	float:left;
	clear:right;
}
#mainleft a { font:13px 新細明體; text-decoration:none;}
#mainleft { background:#F3F3F3; border:2px solid #fff; box-shadow:0px 1px 5px rgba(204,204,204,1);}
#mainleft li { border-bottom:1px solid #e1e1e1; padding:15px;}
#mainleft li:hover {border-bottom:1px solid #e1e1e1;}
#mainleft .mark { color:#0083c9;background:#e1e1e1; }




	
#main .news-list { display:table; width:100%; }
#main .news-list ul li { padding:4px 0px; border-bottom:1px dashed #ccc; width:100%; }
#main .news-list ul li:hover { background:#f6f7f8; }		
#main .news-list a { text-decoration:none; color:#333; }
#main .news-list a:hover { text-decoration:none; color:#0083c9; }
#main .news-list b { color:#F00;padding-right:5px; font-weight:normal; }
#main .news-list span { color:#555; font-size:11px; float:right;	}



	

	



/* footer */

#footerbk { background:#ddd; width:100%;height:100%;float:left; }
#footer {

	color:#333;
	clear:both;

	background:url(../images/downbk.jpg) top #ddd repeat-x;
	
	
	}
	
#footer .divinfo { width:1150px;; margin:auto; }

#footer .downmenu {
	
	color:#FFFFFF;
	text-align:center;
	height:30px;
	font-size:12px;
	padding-top:4px;
	

	
	}
	
#footer .downmenu a {
	
	color:#FFFFFF;
	text-decoration:none;
	
	
	}
	
#footer .downmenu a:hover {
	
	color:#00a8dc;
	
	}
	
#footer .info {
	
	text-align:left;
	margin:auto;
	padding:3px;
	font-size:11px;
	float:left;
	
	}
.info-bcontroller {
	background:url(../images/downbk.jpg) repeat;
	width:30px;
	height:10px;
	
}
	
#footer .top { float:right; width:50px; text-align:center; margin:0px 20px 0 0;}
	


/* table */

._table {
	
	display:table;
	
	}
._tr {
	
	display: table-row;
	
	}
._td {
	
	display: table-cell;
	
	}
.intxt {
	
	border-bottom: dotted 1px #cccccc;
	padding:2px ;
	font-size:12px;
	
	}
.defaultdiv {
	
	border-bottom:1px solid #E8E8E8;
	width:97%;
	padding:5px;
	
	}
.nor  , .over {
	
	text-align:left;
	width:97%;
	
	}
.over {
	
	background:#f4f6f9;
	cursor:pointer;color:#333;
	
	}






/* checkbox chrome */
/*

input[type='checkbox'],  input[type=radio] {
	-webkit-appearance: none;
	appearance: none;
	width: 13px;
	height: 13px;
	margin: 0;
	cursor: pointer;
	vertical-align: bottom;
	background: #fff;
	border: 1px solid #dcdcdc;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	vertical-align:text-bottom;
	}
input[type=checkbox]:active,input[type=radio]:active {
	border-color: #c6c6c6;
	background: #ebebeb;
	}
input[type=checkbox]:hover {
	border-color: #c6c6c6;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	}
input[type=radio] {
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	border-radius: 1em;
	width: 15px;
	height: 15px;
	}
input[type=checkbox]:checked,input[type=radio]:checked {
	background: #fff;
	}
input[type=radio]:checked::after {
	content: '';
	display: block;
	position: relative;
	top: 3px;
	left: 3px;
	width: 7px;
	height: 7px;
	background: #666;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	border-radius: 1em;
	}
input[type=checkbox]:checked::after {

	display: block;
	position: absolute;
	top: -6px;
	left: -5px;
	}
input[type=checkbox]:focus {
	outline: none;
	border-color:#4d90fe;
	}
*/
  
/* input */  
  


input[type='text'] , [type='password'] { 
	
	color:#999;
	border:1px solid #e9e9e9;
	padding:5px;

	}

select {
	
	padding:1px;
	width:120px;
	height:28px;
	border:1px solid #e9e9e9;
	color:#999;
	font-family:Verdana, Geneva, sans-serif;

	}






table{ border-collapse:collapse; border-spacing:0;}
.newss{ padding:10px;float:left;
	margin:0;
	width:960px;}
.top{
	border-bottom: 2px solid #ddd;
	height: 40px;
	line-height: 35px;
no-repeat left center;	text-align: right;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-top: 5px;
	padding-right: 30px;
	padding-bottom: 5px;
	padding-left: 0;
}
.links{ display:inline;}
.links a{ background-image:url(../images/link.png);	background-repeat: no-repeat;background-position: left;	padding:0 16px 0 14px;font-weight:normal; text-decoration:none;
}
.links a:hover{ text-decoration:underline;}
.list {margin:0 0 2px 0;width:100%}
.nor  , .over {text-align:left; margin:0 0 2px 0; }
.over:hover {background:#f6f7f8 ; cursor:pointer;color:#333;}
.list td{ border-bottom:1px dotted #ddd}
.list td img{ float:left; padding:0 10px; }
.list .date{ padding:12px 0 0 20px;color:#888888; vertical-align:top; width:150px }
.list .type{ padding-top:13px;width:60px;text-align:center;color:#e00000;vertical-align:top;}

.list td a:hover div p{margin:5px;margin-left:-10px; font-weight:bold;font-size:14px;color:#0083c9;}
.list td a{ display:block;text-decoration:none;}
.list td a div{border-left:1px dotted #ddd;padding:5px 5px 5px 20px;}
.list td a div p{margin:5px;margin-left:-10px; font-weight:bold;font-size:14px;color:#000;}
.page{margin:15px 0;text-align:center;}


.news_in_title{ width:100%;border-bottom:1px dotted #ddd;height:65px;}
.news_in_title td{ height:20px;}
.news_in_title .type{padding:0 10px;text-align:right;color:#e00000;}
.news_in_title .date{padding:0 10px;text-align:right;width:100px;color:#888;}
.news_in_title .title{font-weight:bold;font-size:18px;color:#000;}
.news_in_body{padding:0 20px;border-bottom:1px dotted #ddd;}
.news_in_body table{ width:100%;}
.news_in_body table td{border:1px solid #000;padding:10px;}
.news_in_body .div1{text-align:center; font-weight:bold;font-size:15px;}
.news_in_body .div2{text-align:right;}
.downloads{margin:20px 0;background:url(../images/save.gif) no-repeat left top; text-indent:28px;line-height:26px; }
.downloads li{margin-left:10px;text-indent:0px;}
.downloads li a{ text-decoration:underline;}

.tree ul {
	padding-top: 20px;
	position: relative;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

.tree li {
	float: left;
	text-align: center;
	list-style-type: none;
	position: relative;
	padding: 30px 5px 0 5px;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

.tree li::before, .tree li::after{
	content: '';
	position: absolute;
	top: 0;
	right: 50%;
	border-top: 1px solid #ccc;
	width: 50%; height: 30px;
}
.tree li::after{
	right: auto;
	left: 50%;
	border-left: 1px solid #ccc;
}


.tree li:only-child::after, .tree li:only-child::before {
	display: none;
}


.tree li:only-child{ padding-top: 0;}


.tree li:first-child::before, .tree li:last-child::after{border: 0 none;}

.tree li:last-child::before{
	border-right: 1px solid #ccc;
	border-radius: 0 5px 0 0;
	-webkit-border-radius: 0 5px 0 0;
	-moz-border-radius: 0 5px 0 0;
}
.tree li:first-child::after{
	border-radius: 5px 0 0 0;
	-webkit-border-radius: 5px 0 0 0;
	-moz-border-radius: 5px 0 0 0;
}


.tree ul ul::before{
	content: '';
	position: absolute; top: 0; left: 50%;
	border-left: 1px solid #ccc;
	width: 0; height: 20px;
}

.tree li a{
	border: 1px solid #ccc;
	padding: 12px 30px;
	text-decoration: none;
	color: #666;
	font-family: arial, verdana, tahoma;
	font-size: 12px;
	display: inline-block;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	background:#F3F3F3;
}


.tree li a:hover, .tree li a:hover+ul li a {
background: #c8e4f8; color: #000; border: 1px solid #94a0b4;
}

.tree li a:hover+ul li::after, 
.tree li a:hover+ul li::before, 
.tree li a:hover+ul::before, 
.tree li a:hover+ul ul::before{
border-color: #94a0b4;
}





.demo-description {
	clear: both;
	padding: 12px;
	font-size: 1.3em;
	line-height: 1.4em;
}

.ui-draggable, .ui-droppable {
	background-position: top;
}

/* min-ad */
.scroll {
	width: 580px;
	height: 160px;
	overflow: hidden;
	float:left;
	
}
.scroll ul li {
	display: inline-block;	
}
.scroll ul li img {
	width:130px;
	height:150px;
	margin:0 3px;
	padding:2px;
	border:1px solid #ccc;
	
}
#min-ad.scroll ul {
	width: 800px;
	
	
}
#min-ad-slider {
	cursor:pointer;
	margin:15px 15px;

	
	
}
#min-ad-forward {
	padding:40px 0 0 10px;
}
#min-ad-backward {
	padding:40px 10px 0 0;
	float:left;
}
/* min-ad end */


/* min-ad1 */

#min-ad1.scroll ul {
	width: 800px;
	
	
}
#min-ad-slider1 {
	cursor:pointer;
	margin:15px 15px;
	

	
}
#min-ad-forward1 {
	padding:50px 0 0 10px;
}
#min-ad-backward1 {
	padding:50px 10px 0 0;
	float:left;
}
/* min-ad1 end */


.actions_mid{
	clear:both;
}
.actions_mid li{
	float:left;
	margin-right:25px;

}
.actions_mid li img{


	border:1px solid rgb(170, 170, 170);
	border-radius:4px;
	padding:5px;
	width:150px;
	height:113px;

	
}
.poto_title li{
	float:left;
	margin:10px;
}

.poto_title{
	clear:both;
}
.poto_title td{
	text-align:right;
}
.poto_title img{

	border:2px solid rgb(170, 170, 170);
	border-radius:4px;
	padding:5px;

	
}

/*.poto_title p{
	width:200px;
	
}*/


.actions_mid td{
	text-align:center;
}

.actions_mid th{
	text-align:center;
}


.actions_mid a{
	color:red;
}
.teach { background:#F3F3F3; margin:10px 10px; padding:10px 20px 10px 0;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; border:1px solid #e1e1e1; float:left;clear:both; width:580px}
.teach img { float:left; padding:10px; max-width:580px}
.teach table {margin-top:25px; width:320px;}
.teach th { border-bottom:1px solid #CCC; height:20px; margin:5px; background:#F5F5F5; width:60px;}
.teach td { border-bottom:1px solid #CCC; margin:5px; background:#F5F5F5; }
.teach a{
color:#0083c9;
}


#teach_detail_out{
	width:100%;
}
#teach_detail_in{
	width:990px;
	margin:auto;
}

#teach_detail{
background:#F3F3F3; margin:auto; padding:10px 20px 10px 20px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; border:1px solid #e1e1e1; width:700px;
}


#class_detail_left{
	float:left;
	margin-right:20px;


}
#class_detail_right{
	float:left;


}

.class_sh{
	margin-top:20px;
}
.class_sh h2{
	margin-top:20px;
}


.class_sh table{
	margin:15px 0; 
		border:1px solid;
		font-size:14px;
}

.class_sh td{
	border:1px solid;
	width:100px;


}


#class_detail{
background:#F3F3F3; margin:20px auto; padding:10px 20px 10px 20px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; border:1px solid #e1e1e1; width:400px;


}

#class_detail_{
background:#F3F3F3; margin:20px auto; padding:10px 20px 10px 20px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; border:1px solid #e1e1e1; width:400px;
}


#teach_detail img { float:left; padding:10px;}
#teach_detail table { width:500px; margin-top:25px;}
#teach_detail th { border-bottom:1px solid #CCC; height:20px; margin:5px; background:#F5F5F5; width:60px;}
#teach_detail td { border-bottom:1px solid #CCC; height:20px; margin:5px; background:#F5F5F5;}
#teach_detail a{
color:#0083c9;
}