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


.box {
	float:left;
	width:100%;
	margin-bottom:10px;
}
.onebox {
	float:left;
	margin-bottom:10px;
	padding:10px;
	background:#FFF;
	border-bottom:3px solid #ccc;
	border-right:3px solid #ccc;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	behavior: url(PIE.htc);
}
.boxhalf {
	float:left;
	width:335px;
	margin-bottom:10px;
}
.boxhead {
	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;
	behavior: url(PIE.htc);
}
.boxhead  h2{
	font-size:14px;
	line-height:30px;
	font-weight: normal;
	padding:0 15px;
	background:#8AB846;
	width:60px;
	float:left;
	-moz-border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;
	behavior: url(PIE.htc);
}
.boxhead  h2 a{
	color:#FFF;
}
.boxhead  h2 a:visited{
	color:#FFF;
}
.boxbody {
	background:#fff;
	padding:10px;
	border-right:3px solid #ccc;
	border-bottom:3px solid #ccc;
	-moz-border-radius: 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px;
	border-radius: 0 0 10px 10px;
	behavior: url(PIE.htc);
}
.boxbody .date {
	color:#9D4442;
	float:right;
}


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

/******首頁TAB******/
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;
	behavior: url(PIE.htc);
}
ul.tabs li { 
	float: left;	 
}
ul.tabs a { 
	font-size:14px;
	line-height:30px;
	font-weight: normal;
	color:#8AB846;
	padding:0 15px;
	display:block;
}
ul.tabs li a.current {	
	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;
}
.panes>div .date {
	color:#9D4442;
	float:right;
}
/******首頁TAB******/

/*****推薦課程******/
#accordionbox {
	width:677px;
	overflow:hidden;
	padding:0;
	background:#c4dba2;
}
#accordiontitle{
	padding:10px 5px 0;
	border-right:1px solid #fff;
	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;
	behavior: url(PIE.htc);
}
#accordiontitle h2{
	font-size:14px;
	color:#FFF;
	padding-top:8px;
	line-height: 18px;
	font-weight: normal;
}
#accordion {
	width:1000px;
}
#accordion 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;
	border-right:1px solid #fff;
}
#accordion h3.t1 {
	background:#8AB846;
}
#accordion h3.t2 {
	background:#94be55;
}
#accordion h3.t3 {
	background:#9dc365;
}
#accordion h3.t4 {
	background:#a7c974;
}
#accordion h3.t5 {
	background:#b1cf83;
}
#accordion h3.t6 {
	background:#bbd593;
}
#accordion h3.t1+div {
	background:url("t01.jpg")
}
#accordion h3.t2+div {
	background:url("t02.jpg")
}
#accordion h3.t3+div {
	background:url("t03.jpg")
}
#accordion h3.t4+div {
	background:url("t04.jpg")
}
#accordion h3.t5+div {
	background:url("t05.jpg")
}
#accordion h3.t6+div {
	background:url("t06.jpg")
}
#accordion h3.current {
	cursor:default;
	background:#C0EEFF;
}
#accordion h3:hover {
	background:#C0EEFF;
}
#accordion div {
	width:0;
	float:left;	
	display:none;
	overflow:hidden;
	height:140px;
	margin: 0;
	background:#FFF;
}
#accordion div p{
	width:500px;
	overflow:hidden;
}
/*****推薦課程******/





.utitle {
	background-attachment: scroll;
	background-image: url(utitle_left.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 33px;
	padding-left: 4px;
}
.utitlei {
	background-attachment: scroll;
	background-image: url(utitle_right.gif);
	background-repeat: no-repeat;
	background-position: right;
	height: 33px;
	padding-right: 2px;
}
.title {
	background-attachment: scroll;
	background-image: url(title_background.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	height: 33px;
	line-height: 33px;
}
.title .title_t {
	height: 33px!important;
	height: 23px;
	background-attachment: scroll;
	background-image: url(utitle_i_left.gif);
	background-repeat: no-repeat;
	padding-left: 4px;
	margin-left: 5px;
}
.title .title_t .title_t_i {
	background-image: url(u_titlei_right.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding-right: 6px;
}
.title .title_t h2 {
	background-color: #7DB92C;
	font-size: 14px;
	color: #FFF;
	font-weight: normal;
	height: 22px;
	line-height: 22px;
	padding-left: 2px;
	display: inline;
	padding-top: 3px!important;
	padding-top: 5px;
	padding-bottom: 3px;
}
*+html .title .title_t h2 {padding-top: 5px!important;}/*兼容IE7、IE8*/

.title_t_i h2 a {
	color: #FFF;
}
.ucontent {
	background-image: url(content_right_bg.gif);
	background-repeat: repeat-y;
	background-attachment: scroll;
	background-position: right 0px;
	background-color: #FFF;
	padding-right: 0px;
}
.ucontent .index_feature {
	font-size: 12px;
}
.ucontent .index_feature a {
	font-weight: normal;
	color: #0B66A8;
}
#media {
	padding:5px 3px 0;
}
#footer {
	text-align: center;
}
#footer li{
	float:left;
}
.index_light {
	color: #FF6600;
	font-weight: bold;
}
.index_feature th, .index_feature td {
	padding:0 20px 15px;
}
.index_feature img {
	cursor:pointer;
}
.index_feature th, .product_feature th {
	font-weight:normal;
	padding-left:18px;
	text-align:left;
	vertical-align:top;
}
.title_top {
	background-image: url(u_top.gif);
	background-repeat: no-repeat;
	height: 4px;
	background-position: left;
	padding-left: 3px;
	font-size: 0px;
}
.title_top .title_top_i {
	background-attachment: scroll;
	background-image: url(u_top_right.gif);
	background-repeat: no-repeat;
	background-position: right;
	height: 4px;
}
.title_buttom {
	background-image: url(title_buttom_left.gif);
	background-repeat: no-repeat;
	height: 6px;
	background-position: left;
	padding: 0 0 0 3px;
	line-height: 0px;
	font-size: 0px;
	margin-bottom: 5px;
}
.title_buttom .title_buttom_i {
	background-attachment: scroll;
	background-image: url(title_buttom_right.gif);
	background-repeat: no-repeat;
	background-position: right;
	height: 6px;
}



.iterm li {
	float: left;
}
.iterm ul a  {
	font-size:12px;
	line-height:20px;
	padding:0 10px;
	margin:11px 3px 0 0;
	float:left;
	color:#8AB846;
}
.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;
}

/***熱門排行***/
.boxhead .iterm {}
.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;
}
/***熱門排行***/

.l_left {
	float: left;
	width: 232px;
}
.l_right {
	float: right;
	width: 722px;
}
.user_left {
	float: left;
	width: 150px;
}
.user_right {
	float: right;
	width: 800px;
}
.otitle {
	height: 37px;
	width: 206px;
	background-image: url(otitle_top.gif);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0px 0px;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	padding-top: 10px;
	padding-left: 25px;
}
.ocontent {
	width: 232px;
	background-image: url(ocontent_bg.gif);
	background-repeat: repeat-y;
}
.ocontent .oliterm {
	padding-left: 15px;
	width: 205px;
}
.ocontent .oliterm .onowiterm {
	background-attachment: scroll;
	background-image: url(oiterm_now_bg.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 32px;
	width: 148px;
	line-height: 32px;
	padding-left: 40px;
}
.ocontent .oliterm ul li {
	background-image: url(literm_ico.gif);
	background-repeat: no-repeat;
	padding-left: 40px;
	line-height: 31px;
	background-attachment: scroll;
	background-position: 22px 11px;
	width: 150px;
}
.ucontent .pfeature {
	padding-top: 10px;
	padding-right: 28px;
	padding-bottom: 10px;
	padding-left: 28px;
	line-height: 22px;
}
.ucontent .pfeature h1 {
	font-size: 14px;
	font-weight: bold;
	color: #0B65A7;
}
.ucontent .pfeature h2 {
	font-size: 12px;
	color: #0B66A8;
	font-weight: bold;
	line-height: 22px;
}
.ucontent .pfeature a {
	color: #0B65A7;
}
.ucontent .pfeature a:hover {
	color: #333;
	text-decoration: underline;
}
.ucontent .pfeature hr {
	color: #FFC7C7;
	margin-top: 20px;
	margin-bottom: 15px;
}
.ucontent .pfeature ul li {
	float: left;
	width: 262px;
	background-attachment: scroll;
	background-image: url(list_down_ico.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 22px;
	margin-left: 15px;
	margin-top: 5px;
}
.ucontent .pfeature ul li a {
	float: left;
	width: 280px;
	color: #0B65A7;
	text-decoration: none;
}
.ucontent .pfeature ul li span {
	float: left;
	width: 280px;
}
.ucontent .list-main {
	/*padding-right: 20px;
	padding-left: 20px;
	*/
	padding-bottom: 10px!important;
	padding-bottom: 0px;
	width:98%;
}
.ucontent .list-main ul li 
{
	line-height: 24px;
	/*
	background-attachment: scroll;
	background-image: url(arclist_ico.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 24px;
	
	clear: both;*/
}
.ucontent .list-main .date {
	float: right;
	color: #FF0000;
	padding-left: 12px;
}
.ucontent .list-main .showimg {
	margin-top:/*\**/10px \9;
	margin-top:0px;
	margin-bottom:/*\**/5px \9;
	padding-left: 0px;
	padding-top: 10px!important;
	padding-top:0 px;
	padding-bottom: 10px;
	padding-bottom:/*\**/5px \9;
}
.ucontent .list-main .showimg img {
	float: left;
	margin-right:5px;
}
.ucontent .list-main .showimg .iterm-name {
	font-weight: bold;
	display: block;
	margin-left: 10px;
	float: left;
	width: 200px;
}
.ucontent .list-main .showimg .iterm-oth {
	display: block;
	margin-left: 10px;
	width: 200px;
	float:right;
	float:/*\**/none \9;
	line-height: 22px;
}
.ucontent .list-main .showimg .iterm-name a {
	color: #FF6600;
}
.ucontent .list-main img {
	margin-top: 5px!important;
	margin-top: 10px;
}


.ucontent .arc_list {
	padding-right: 30px;
	padding-left: 30px;
	line-height: 24px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.ucontent .arc_list ul {
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #E0E0E0;
}
.ucontent .arc_list ul .list_title {
	background-attachment: scroll;
	background-image: url(arclist_ico.gif);
	background-repeat: no-repeat;
	background-position: 0px 8px;
	clear: both;
	padding-left: 15px;
}
.ucontent .arc_list ul .list_title a {
	font-size: 14px;
	font-weight: bold;
	color: #0B65A7;
}
.ucontent .arc_list ul .text a {
	color: #0B65A7;
	text-decoration: none;
}


.otitle_buttom {
	height: 30px;
	width: 232px;
	background-attachment: scroll;
	background-image: url(obuttom_bg.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.tbox {
	float: left;
	width: 358px;
	margin-bottom:3px;
	margin-right:3px;
}
.newdigg{
	width:406px;
	height:51px;
	margin:8px auto;
	clear:both;
	overflow:hidden;
	padding-left:8px;
}

.handle .digg .digg_num{
	width:56px;
	height:34px;
	font-size:20px;
	text-align:center;
	line-height:34px;
	overflow:hidden;
	color:#6B9169;
}
.handle .digg .digg_act{
	width:56px;
	height:22px;
	line-height:23px;
	overflow:hidden;
}
.handle .digg .digg_act a{
	margin-left:11px;
	color:#666;
	float:left;
}
/**********學生作品***********/
.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;
}
/**********學生作品***********/