@import url("global.css");
@import url("ebsite.css");

/******************************************/
/****************首頁CSS*******************/
/******************************************/

/*首頁浮動區塊
----------------------*/
#divCS {
	margin-right:10px;
	width:96px;
	overflow:hidden;
	position:absolute;
	font-size:14px;
}
#divCS li {
	height:30px;
	line-height:30px;
	padding-left:40px;
	border-bottom:1px dotted #E6E8EB;
}
#divCS .license {
	border-top:1px dotted #E6E8EB;
	background:url(license.gif) no-repeat scroll 0 0 transparent;
}
#divCS .home {
	background:url(home.gif) no-repeat scroll 0 0 transparent;
}
#divCS .mail {
	background:url(mail.gif) no-repeat scroll 0 0 transparent;
}
#divCS .chat {
	background:url(chat.gif) no-repeat scroll 0 0 transparent;
}

/*head
----------------------*/
#head {
	height:120px;
	width:960px;
}
#head h1 {
	background:url("logo.gif") no-repeat scroll 0 0 transparent;
	float:left;
	height:60px;
	margin:25px 0;
	text-indent:-9999px;
	width:250px;
}
#head ul li {
	float:left;
}

/*網站公告
----------------------*/
#navtitle {
	height:40px;
	line-height:40px;
	padding:0 10px 0 15px;
	border-right:1px solid #E6E6E6;
	background:#F7F7F7;
	-moz-border-radius:10px 0 0 10px;
	-webkit-border-radius:10px 0 0 10px;
	border-radius:10px 0 0 10px;
}
#navbody {
	line-height:40px;
	padding:0 10px;
	color:#656D77;
}
#navbody a:visited{
	color:#656D77;
}

/*最新消息
----------------------*/
ul.tabs {
	height:30px;
	background:#F7F7F7;
	border-bottom:1px solid #E6E6E6;
	border-right:3px solid #ccc;
	-moz-border-radius:10px 10px 0 0;
	-webkit-border-radius:10px 10px 0 0;
	border-radius:10px 10px 0 0;
}
ul.tabs li { 
	float:left;	 
}
ul.tabs li a {
	font-size:14px;
	line-height:30px;
	font-weight:normal;
	color:#8AB846;
	padding:0 15px;
	display:block;
}
ul.tabs li a.current, ul.tabs li a:hover {	
	cursor:default; 
	color:#fff;
	background:#8AB846;
	-moz-border-radius:10px 10px 0 0;
	-webkit-border-radius:10px 10px 0 0;
	border-radius:10px 10px 0 0;
}
.panes div {
	background:#fff;
	border-right:3px solid #ccc;
	border-bottom:3px solid #ccc;
	display:none;
	padding:10px;
	-moz-border-radius:0 0 10px 10px;
	-webkit-border-radius:0 0 10px 10px;
	border-radius:0 0 10px 10px;
}

/*推薦課程
----------------------*/
#kwicksbox {
	width:677px;
	overflow:hidden;
	padding:0;
	background:#c4dba2;
}
#kwickstitle {
	padding:10px 5px 0;
	float:left;
	width:25px;
	text-align:center;
	background:#8AB846;
	height:130px;
	-moz-border-radius:10px 0 0 10px;
	-webkit-border-radius:10px 0 0 10px;
	border-radius:10px 0 0 10px;
}
#kwickstitle h2 {
	font-size:14px;
	color:#FFF;
	padding-top:8px;
	line-height:18px;
	font-weight:normal;
}
.kwicks {
	list-style:none;
	position:relative;
	margin:0 0 0 36px;
	padding:0;
	width:670px;
}
.kwicks li {
	width:105px;
	height:140px;
	float:left;
	
	/*do not change these */
	display:block;
	overflow:hidden;
	padding:0;
}
.kwicks h3 {
	font-weight:normal;
	font-size:12px;
	line-height:12px;
	float:left;
	margin:0;
	cursor:pointer;
	width:16px;
	background:#8AB846;
	height:120px;
	padding:20px 0 0 5px;
}
.kwicks  h3.t1 {
	background:#8AB846;
}
.kwicks  h3.t2 {
	background:#94be55;
}
.kwicks  h3.t3 {
	background:#9dc365;
}
.kwicks  h3.t4 {
	background:#a7c974;
}
.kwicks  h3.t5 {
	background:#b1cf83;
}
.kwicks  h3.t6 {
	background:#bbd593;
}
.kwicks  h3.t1+div {
	background:url(t01.jpg);
}
.kwicks  h3.t2+div {
	background:url(t02.jpg);
}
.kwicks  h3.t3+div {
	background:url(t03.jpg);
}
.kwicks  h3.t4+div {
	background:url(t04.jpg);
}
.kwicks  h3.t5+div {
	background:url(t05.jpg);
}
.kwicks  h3.t6+div {
	background:url(t06.jpg);
}
.kwicks  h3.current {
	cursor:default;
	background:#C0EEFF;
}
.kwicks  h3:hover {
	background:#C0EEFF;
}
.kwicks  div {
	overflow:hidden;
	height:140px;
	background:#FFF;
}
.kwicks  div p {
	overflow:hidden;
}

/*熱門排行
----------------------*/
.boxhead .iterm ul li {
	float:left;
}
.boxhead .iterm ul a {
	font-size:12px;
	line-height:20px;
	padding:0 8px;
	margin:11px 3px 0 0;
	float:left;
	color:#8AB846;
}
.boxhead .iterm ul .thisiterm a  {
	background:#FFF;
	border-right:1px solid #ccc;
	-moz-border-radius:5px 5px 0 0;
	-webkit-border-radius:5px 5px 0 0;
	border-radius:5px 5px 0 0;
	color:#DF8939;
}

/*展示影片
----------------------*/
#media {
	padding:5px 3px 0;
}

/*學生作品
----------------------*/
.imglist {
	margin:15px auto 10px;
	padding:0;
}
.imglist li{
	margin:0 2px;
}
.imglist img{
	width:100px;
	height:100px;
	border:1px solid #ccc;
	padding:2px;
}
.prev{
	position:absolute;
	top:50px;
	left:-20px;
	cursor:pointer;
	width:40px;
}
.next{
	position:absolute;
	top:50px;
	left:250px;
	cursor:pointer;
	width:40px;
}

/*footer
----------------------*/
#footer {
	text-align:center;
}

/******************************************/
/****************分類頁CSS*****************/
/******************************************/

/*主選單
----------------------*/
#product {
	margin-bottom:10px;
}
.otitle {
	height:37px;
	background-image:url(otitle_top.gif);
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	padding:10px 0 0 25px;
}
.ocontent {
	background:url(ocontent_bg.gif) repeat-y;
}
.ocontent ul {
	padding-left:30px;
}
.ocontent ul li {
	background:url(literm_ico.gif) no-repeat scroll 0px 12px;
	padding-left:20px;
	line-height:30px;
}
.otitle_buttom {
	height:30px;
	background-image:url(obuttom_bg.gif);
}

/******************************************/
/******************條列CSS*****************/
/******************************************/

/*條列
----------------------*/
.arc_list {
	padding:10px 20px;
	line-height:30px;
}
.arc_list ul {
	padding:10px 0;
	border-bottom:1px dashed #E0E0E0;
}
.arc_list ul .list_title {
	background:url(arclist_ico.gif) no-repeat scroll 0 10px;
	padding-left:20px;
}
.arc_list ul .list_title a {
	font-size:18px;
	font-weight:bold;
	color:#8AB846;
}
.arc_list ul .text a {
	color:#DF8939;
}
.times span{
	color:#9d4442;
}
.times span a{
	color:#9d4442;
}

/*換頁
----------------------*/
.PagesClass {
	margin-top:10px;
}
.PagesClass td {
	width:50px;
	font-weight:normal;
	border:1px solid #8AB846; 
	text-align:center
}
.CurrentPageCoder {
	color:#fff;
	background:#8AB846
}

/******************************************/
/****************內容頁CSS*****************/
/******************************************/
.arcbody {
	padding:10px 20px;
}
.arcbody h1 {
	font-size:25px;
	font-weight:bold;
	margin:10px 0;
	text-align:center;
}
.arcbody .times {
	text-align:right;
	padding:10px 0;
	border-bottom:1px dashed #E0E0E0;
}
.arcbody .content {
	line-height:25px;
	margin:10px 0 30px;
}
.arcbody .linkes {
	padding:15px 0;
	border-top:1px dashed #E0E0E0;
	clear:both;
}
.arcbody .linkes li {
	float:left;
	overflow:hidden;
	white-space:nowrap;
	width:318px;
}
.arcbody .linkes li.nextarc {
	float:right;
	margin-left:20px;
	text-align:right;
}

/*學生作品
----------------------*/
.viewimg {
	width:660px;
}
.imgbox {
	width:106px;
	height:106px;
	float:left;
	margin:11px;
	text-align:center;
	line-height:106px;
}
.imgbox img{
	vertical-align:middle;
	max-width:100px;
	max-height:100px;
	border:1px solid #ccc;
	padding:2px;
}