﻿body { font:normal 12px/160% Tahoma,Helvetica,sans-serif;color:#333; margin:10px 0; background:#fff;}
ul,ol,p,h6,h5,h4,h3,h1,h2,form{margin:0;padding:0;}
li{ list-style:none;}
a{color:#000000;}
a:hover{ color:#F00;}
a,a:hover{ text-decoration:none;}
img{border:none;}
/**/
.wrapper{margin:0 auto; width:998px; border:1px solid #CBC39C;background:#F5F0D8 url(/Images/Skin/bg.gif) repeat-x;}
.left{ float:left;}
.right{ float:right;}
.top{font:normal 1px/1px Tahoma;height:15px;margin:0 auto; background:#fa9900;}
.topbg{ height:107px;background:url(/Images/Skin/topbg.jpg) no-repeat center top;}

.logo{ float:left; height:100px; width:280px; background:url(/Images/Skin/logo.gif) no-repeat 20px center;}
.logoright{ float:left;}
.topheader{line-height:38px;margin:0; padding:0;}
.topheader dt{ width:485px;float:left; padding-left:18px; background:url(/Images/Skin/icon3.gif) no-repeat left center;}
.topheader dd{ float:right; text-indent:25px; width:150px; padding-right:20px; background:url(/Images/Skin/Login.gif) no-repeat left center}
.topheader .w2{ float:right; text-indent:25px; width:150px; padding-right:20px; background:url(/Images/Skin/Logout.gif) no-repeat left center}
/**/
.mainbav{ clear:both;width:500px; padding-top:36px;}
.mainbav li{float:left;margin-right:6px;width:103px;height:34px; line-height:34px;font-weight:bold;text-align:center;}
.mainbav .a {color:#9D622D;background:url(/Images/Skin/TabSelect1.gif) no-repeat;}
.mainbav .b {color:#333;background:url(/Images/Skin/TabSelect2.gif) no-repeat;}
.mainbav .b a:hover{color:#333;}
.mainbav .a a{ width:103px; height:33px; float:left;}
.mainbav .a a:hover{color:#096699;background:url(/Images/Skin/TabSelect3.gif) no-repeat;}
.mainbav_box{ clear:both; width:960px;overflow:hidden;line-height:24px;}

.content{ margin:20px auto; width:960px;}

.gg{border:1px solid #BEE8F3; margin-bottom:10px; padding:3px 3px 3px 25px; background:#F3FCFF url(/Images/Skin/icon4.gif) no-repeat 5px center;}
.mainbox{ clear:both;}
.boxleft{ float:left;}
.boxright{ float:right; text-align:right;}
.boxleft li{ width:580px; margin-bottom:10px;}
.boxleft dl{margin:0;}
.boxleft dt{border:1px solid #A4E7FA;margin:0 0 10px 0; font-size:14px; font-weight:bold; line-height:28px;  padding-left:30px; background:#BBEFFC url(/Images/Skin/icon5.gif) no-repeat 5px center;}
.boxleft dd{margin:0; line-height:22px; color:#2E6C91;height:110px;}
.boxleft dd img{ float:left; border:1px solid #D9E2E7; padding:5px; margin-right:10px; background:#FFF;}
.boxright li{ width:365px;}

.title{border:1px solid #FFFFFF;margin:0 0 10px 0; font-size:14px; font-weight:bold; line-height:28px;  padding-left:30px; background:#FFCC00 url(/Images/Skin/icon5.gif) no-repeat 5px center;}
.viplist,.viplist2{_height:1%; overflow:hidden; margin-bottom:10px;}
.viplist li,.viplist2 li{ float:left; width:310px; padding-right:10px;}
.viplist li img{ float:left; border:1px solid #ddd; padding:5px; background:#FFF;}
.viplist li dl{ float:right; width:185px;}
.namelist span,.namelist span a{ color:#FF0000}
.namelist{ padding-left:15px; height:30px; line-height:30px; background:url(/Images/Skin/icon6.gif) no-repeat left center;}
.viplist li dt{  margin:0 0 5px 0; line-height:30px; background:url(/Images/Skin/dd.gif) repeat-x bottom}
.viplist li dt,.viplist li dt a{ color:#2A6F94;}
.viplist li dl,.viplist li dd{ margin:0;}
.viplist li{padding-bottom:2px;}
.viplist2 li img{ margin-right:10px;}
.viplist2 span{ padding-left:10px;}
.viplist2 span,.viplist2 span a{ color:#003399;}

.rightsidebar{ float:right; width:660px; padding:10px;}
.rightsidebar li{margin-bottom:10px;}

.rightsidebar textarea{ width:200px; height:50px;}
.rightsidebar img{ padding-left:20px;}

.links{border:1px solid #A5E7F7; padding:10px 10px 10px 60px; background:#BBEFFC url(/Images/Skin/link/link.gif) no-repeat 10px center;}
.links img{ padding:0 10px;}

.banner1{ margin-bottom:10px;}
.banner1 img,.banner2 img{ border:1px solid #A8E9F9; padding:5px; background:#BBEFFC;}

.copyright{ text-align:center; padding:10px;}
.copyright span{ font-size:11px;}
/*另一個$CSS*/
select {
	font-family: "細明體";
	font-size: 12px;
}
.input_min{
border:1px solid #A4E7FA;
background-color:#CAF2FD;
	font-family: "Tahoma", "MS Shell Dlg";

	font-size: 10px;
}
.input_on,.input_out{
	font-family: "細明體";
	font-size: 12px;
padding:2px;
}
.input_on{
border:1px solid #f9d168;
background-color:#FFFFCC;
}

.input_out{
border:1px solid #CCC;
background-color:#FFF;
}
.button_on{ 
border:none;font-size:14px; font-weight:bold; color:#FFF; width:108px; height:29px; background:url(/Images/Skin/input.gif) no-repeat;
margin:4px 0px;
}

#log.show {
	margin-top: 5px;
	padding-left:5px;
	width: 220px;
	border: 1px solid #ADADAD;
	background-color: #ffffe1;
}
 
#log_res {
	overflow: auto;
}
 
#log_res.ajax-loading {
	padding: 4px;
	height:16px;
	background: url("/Images/Skin/loading.gif") no-repeat center;
}
.leftsidebar{ float:left; width:234px; padding:10px; border:1px solid #D1C9A8; background:#FDF9CA;margin-top:0px;}
.leftsidebar dt{ margin:0; text-indent:20px; font-weight:bold; line-height:25px; background:url(/Images/Skin/icon9.gif) no-repeat 5px center;}
.leftsidebar,.leftsidebar a{ color:#2A6F94;}
.leftsidebar dd{ margin:0; text-indent:20px; line-height:25px; background:url(/Images/Skin/icon8.gif) no-repeat 5px center;}
.leftlesson{ float:left; width:244px; padding:4px; border:1px solid #E4DFC5; background:#E4DFC5;
line-height: 100%;
}

/** 表格隔行變色 **/
.ColorLine {background-color:#A4E7FA}
.ColorTr1{background-color:#F0FCFF;}
.ColorTr2{background-color:#FFF;}

/** 樹 **/
.dT IMG {
	BORDER-RIGHT: 0px; BORDER-TOP: 0px; VERTICAL-ALIGN: middle; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px
}
.dT A.node {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; WHITE-SPACE: nowrap
}
.dT A.nodeSel {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; WHITE-SPACE: nowrap
}
.dT A.nodeSel {
	BACKGROUND-COLOR: #FFD735
}
.dT .clip {
	OVERFLOW: hidden
}

/** 手形 **/
.Hand{
cursor: hand;
}
/** 舉手發問的時間 **/
.AskTime{
color:#0B9DC8;
}
/** 翻頁控制 或 搜索高亮 時的顏色 **/
.Light{
color:red;
}
/** 帳號訊息 郵箱地址 **/
.Mail{
background:url(/Images/Skin/at.gif) no-repeat center;
width:13px;
height:10px;
display:inline-block;
}
/** 底部版權 連結 **/
.CopyrightLink{
color:#333;
}
/** 課程樹 限制框 **/
.LessonTree
{
overflow:auto;
height:300px;
}
/** 課室分類 下拉列表  灰色(針對IE6，7) **/
.RoomOption
{
color:#999;
}
.Hidden
{
display:none;
}