﻿@charset "utf-8";
/* CSS Document */
body{
	margin:0;
	color:#333;
	font-size: 13px;
	background-color:#FFFFFF;
}
#Wrapper{
	width:100%;
	text-align:center;
}
#Container{
	width:990px; /*default*/
	margin:0 auto;
	text-align:center;
	overflow:hidden;
}
#Top{
	vertical-align:bottom;
}
#News{
	width:100%;
	height:auto;
	vertical-align:middle;
	line-height:25px;/*default*/
	position:absolute;
	left:0px;
	top:0px;/*default*/

}
.News_bg{}
.News_Text{}

#Header{
	margin-bottom:10px;
	width:990px; /*default*/
	height:250px; /*default*/
	position:relative;
}

/*Logo區塊*/
#logoDiv{
	width:120px;
	height:120px;
	position:absolute;
	top:15px;
	left:15px;
}

#ContentWrapper{
	width:100%;
	text-align:left;
}

/*右邊大區塊*/
#NavR{
	width:180px; /*default*/
	margin-left:10px; /*default*/
	float:right;
	text-align:center;
	overflow:hidden;
}

/*每個右邊的Unit都包含在一個class=RightUnit的Div中*/
.RightUnit{/*0*/
	width:auto;
	height:auto;
	margin:0;
	margin-bottom:5px;
}

/**右單元的標頭區塊**/
.NavTitle{
	margin-top:-1px;
	text-align: center;
	/*background-color:#666666;*/
	height:30px;
	line-height:30px;
	vertical-align:middle;
}
.NavTitle h1{
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	margin:0px;
}
.NavTitle a,.NavTitle a:link{
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;	
}
.NavTitle a:visited{
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;	
}

.NavTitle a:hover {
	font-size: 13px;
	font-weight: bold;
	/*color: #FFFFFF;*/
	position:relative;
	top:1px;
	left:1px;
}

/**右單元的內容區塊**/
.NavContent{
	margin:0px;
	background-color:#FFF7B3;
	padding:1em 0.5em;
	text-align:left;
}
.NavContent h1{
	margin:0;
	font-size: 15px;
	color: #990000;
	font-weight: bold;
	line-height: 20px;
}
.NavContent h2{
	font-size:13px;
	margin:0;
	font-weight:normal;
	display:block;
	line-height:16px;
	margin:0.7em 0 0.5em 0;
	text-align:left;
}
.NavContent h3{
	margin:0;
	padding-left:5px;
	font-size: 13px;
	line-height: 16px;
	color: #000000;
	font-weight:normal;
}

.NavContent a, .NavContent a:link{
	font-size: 13px;
	color:#333333;
	text-shadow:#999999;
	line-height:16px;
}
.NavContent a:visited{
	font-size: 13px;
	color: #0000FF;
	line-height:16px;
}
.NavContent a:hover{
	line-height:16px;
	font-size: 13px;
	/*color: #FF0000;*/
	position:relative;
	top:1px;
	left:1px;
}
.NavContent a img{
	line-height:16px;
	vertical-align:text-bottom;
}
.NavContent pre{
	margin:0;
}

.NavContent li{

}

/**更多連結區塊設定**/
.RightUnit .More{
	text-align:right;
}
.RightUnit .More a,.RightUnit .More a:link{
	font-size: 15px;
	color:#0000FF;
	text-decoration:none;
}
.RightUnit .More a:visited{
	font-size: 15px;
	color: #0000FF;	
	text-decoration:none;
}
.RightUnit .More a:hover{
	font-size: 15px;
	/*color: #FF3300;	*/
	position:relative;
	top:1px;
	left:1px;
	text-decoration:none;
}
/*右邊大區塊結束*/

/*左邊大區塊*/
#Nav{
	width:180px; /*default*/
	margin-right:10px; /*default*/
	float:left;
	text-align:center;
}
#Nav ul{
	list-style:none;
	margin:0;
	padding:0;
}
#Nav li{
	text-align:center;
	font-size:13px;
}

/*主目錄*/
#Nav li h3{
	font-size:16px;
	padding:0;
	height:1em;
	margin:0;
	vertical-align:middle;
	text-align:center;
	line-height:1em;
	width:auto; /*default*/
	height:30px; /*default*/
	line-height:30px; /*default，應隨height而動*/
}

#Nav li a:link, #Nav li a:visited{
	color:#CC99FF;
	text-decoration:none;
	display:block;
	cursor:pointer;
}

#Nav li a:hover{
	/*color:#000000;*/
	text-decoration:underline;
}

#MenuUpperImg{
}

#MenuBody{
	/*text-align:left;*/
}
.LV1{
	margin-bottom:0;
}

ul#Menu{
	margin-top:0;
	margin-bottom:0;
}

ul#Menu li{
}

ul#SubMenu{
	margin-top:0.5em;
	width:100%;
	display:none;
	text-align:left;
	padding-left:10px;
}

ul#SubMenu li{
	text-align:left;
	margin-bottom:5px;
	line-height:16px; 
	padding-left:16px;
	background-repeat:no-repeat;
	/*background-image:url(/UpLoad/userData/classtest/U_SITE/icon2.gif);*/
}

ul#SubMenu li h3{
	text-align:left;
}

/*內文區塊*/
#Content{
	width:610px; /*default*/
	float:left;
	overflow:hidden;
	text-align:center;
}
/*首頁專用中間區塊*/
/*每個中間的Unit都包含在一個class=MidUnit的Div中*/
.PageContent{
	padding:10px;
	height:auto;
	width:100%; /*default*/
	margin:0;
	/*margin-bottom:10px;*//*default*/
	position:relative;
	/*background-color:#FFFFFF;*/
	text-align:center;
	overflow:auto;
	/*border-color:#F78239;
	border-style:solid;
	border-width:0 1px 1px 1px;*/
}

/*中間單元的標頭區塊*/
.PageTitle{
	height:50px; /*default*/
	line-height:50px; /*default*/
	vertical-align:middle;
	font-weight:bold;
	font-size:16px;
	text-align: center;
	margin-bottom:0px;
	padding:0px;
}

.PageTitle h1{
	position:relative;
	font-size: 13px;
	font-weight: bold;
	color: #581802;
	margin:0px;
}

/*標頭區塊連結樣式 首頁與內頁通用*/
.PageTitle a,.PageTitle a:link{
	font-size: 13px;
	font-weight: bold;
	color: #581802;	
}
.PageTitle a:visited{
	font-size: 13px;
	font-weight: bold;
	color: #581802;	
}
.PageTitle a:hover {
	font-size: 13px;
	font-weight: bold;
	/*color: #581802;*/
	position:relative;
	top:1px;
	left:1px;
}

/*首頁中間單元的內容區塊
/*特大標題*/
.PageContent h1{
	margin:0;
	font-size: 17px;
	line-height: 21px;
	color: #990000;
	font-style: oblique;
	font-weight: bold;
	width:auto;
	text-align:center;
}

/*一般標題*/
.PageContent li h1,.PageContent li h2,.PageContent li h3,.PageContent li h4,.PageContent li h5,.PageContent li h6{
	text-align:left;
}
.PageContent h2{
	margin:0;
	font-size: 15px;
	line-height: 19px;
	color: #000000;
	font-weight:bold;
	width:auto;
	/*margin:0.5em 0 0.3em 0;*/
}
.PageContent li h2{
	margin:0;
	font-size: 15px;
	line-height: 19px;
	color: #000000;
	font-weight:bold;
	margin-top:0.3em ;
	width:auto;
}
/*內容簡述或附註*/
.PageContent h3{
	margin:0;
	font-size: 15px;
	line-height: 19px;
	color: #000000;
	font-weight:normal;
	width:auto;
	/*margin:0.5em 0 0.3em 0;*/
}

.PageContent li h3{
	margin:0;
	font-size: 15px;
	line-height: 19px;
	color: #000000;
	font-weight:normal;
	margin:0.3em 0 0.5em 0;
	width:auto;

}
/*次內容、字集更小於h3*/
.PageContent h4{
	margin:0;
	font-size: 13px;
	line-height: 17px;
	color: #000000;
	font-weight:normal;
}

/*特殊用大字體*/
.PageContent h5{
	margin:0;
	font-size: 17px;
	line-height: 23px;
	color: #993300;
	font-style: normal;
	font-weight: bold;
}

/*更小字體*/
.PageContent h6{
	margin:0;
	font-size: 13px;
	line-height: 19px;
	color: #000000;
	font-style: normal;
	font-weight: normal;
	width:auto;
}

.PageContent li h6{
	margin:0;
	font-size: 13px;
	line-height: 19px;
	color: #000000;
	font-style: normal;
	font-weight: normal;
	width:auto;
}

.PageContent a, .PageContent a:link{
	font-size: 15px;
	color: #0000FF;
	line-height:19px;
}
.PageContent a:visited{
	font-size: 15px;
	color: #0000FF;
	line-height:19px;
}
.PageContent a:hover{
	line-height:19px;
	font-size: 15px;
	/*color: #FF0000;*/
	position:relative;
	top:1px;
	left:1px;
}

.PageContent h2 a, .PageContent h2 a:link{
	font-size: 15px;
	color: #0000FF;
	line-height:19px;
	font-weight:bold;
}
.PageContent h2 a:visited{
	font-size: 15px;
	color: #0000FF;
	line-height:19px;
	font-weight:bold;
}
.PageContent h2 a:hover{
	line-height:19px;
	font-size: 15px;
	/*color: #FF0000;*/
	font-weight:bold;
	position:relative;
	top:1px;
	left:1px;
}

.PageContent h4 a, .PageContent h4 a:link{
	font-size: 13px;
	color: #0000FF;
	line-height:16px;
}
.PageContent h4 a:visited{
	font-size: 13px;
	color: #0000FF;
	line-height:16px;
}
.PageContent h4 a:hover{
	line-height:16px;
	font-size: 13px;
	/*color: #FF0000;*/
	position:relative;
	top:1px;
	left:1px;
}

.PageContent a img{
	line-height:21px;
	vertical-align:text-bottom;
}

.PageContent pre{
	margin:0;
}

/*更多連結區塊設定*/
.PageContent .More{
	clear:both;
	text-align:right;
	padding-right:1em;
}
.PageContent .More a,.PageContent .More a:link{
	font-size: 17px;
	color: #0000FF;
}
.PageContent .More a:visited{
	font-size: 17px;
	color: #0000FF;	
}
.PageContent .More a:hover{
	font-size: 17px;
	/*color: #0000FF;*/
	position:relative;
	top:1px;
	left:1px;
}

/*進入Detail頁的More連結*/
.PageContent .MoreDetail{
	float:left;
	text-align:left;
	padding-left:0.5em;
	font-weight:normal;
}
.PageContent .MoreDetail a,.PageContent .MoreDetail a:link{
	font-size: 13px;
	color: #0000FF;
	font-weight:normal;
	text-align:left;
}
.PageContent .MoreDetail a:visited{
	font-size: 13px;
	color: #0000FF;
	font-weight:normal;
}
.PageContent .MoreDetail a:hover{
	font-size: 13px;
	/*color: #0000FF;*/
	font-weight:normal;
	position:relative;
	top:1px;
	left:1px;
}

/*頁腳區塊*/
#bottom{
	clear:both;
	text-align:center;
	vertical-align:top;
	width:auto; /*default*/
	height:auto; /*default*/
	/*height:60px;*/ /*default*/
	margin-top:10px; /*default*/
	font-size: 13px;/*default*/
	color: #333333;/*default*/
	line-height: 17px;/*default*/
	padding:5px;
}


/*資料表格通用設定*/
/*表格開頭列*//*Jeff Modify*/
#Input_Content{
	margin-top:1.5em;
	margin:1.5em auto 0 auto;
	text-align:center;
}
.InputTable .TitleTr{
	background-color:#99CC00;
	text-align:center;
}
/*標題列*/
.InputTable .TitleCol{
	background-color:#FFFFD7;
	text-align:right;
}
/*資料列*/
.InputTable .DataCol{
	background-color: #FFFFFF;
	text-align:left;
}

.table_BG {
	background-color: #CC0066;
}
.Y_GREEN {
	background-color: #FF6699;
	font-size: 15px;
	color: #FFFFFF;
	letter-spacing: 2px;
	text-align: left;
	font-weight: normal;
}
.TEXT {
	font-size: 15px;
	color: #000000;
}
.out {background-color: #FFFFFF}
.over {background-color: #FFFF99}

/*區塊相關設定*/
.NoData{
	font-size:13px;
	color:#999;
	text-align:center;
	margin:10px;
}
.CenterDiv{
	text-align:center;
	width:100%;
/*	margin:10px;*/
}
.RightDiv{
	text-align:right;
	width:100%;
/*	margin:10px;*/
}
.LeftDiv{
	text-align:left;
	width:100%; 
/*	margin:10px;*/
}

/*通用*/
a:hover{
color:#FF0000;
}

.pic_around120 {
	border: 1px solid #666666;
	padding: 5px;
	width:120px;
	height:auto;
	text-align:center;
}

.pic_around160 {
	border: 1px solid #666666;
	padding: 5px;
	width:160px;
	height:auto;
	text-align:center;
}

.pic_around200 {
	border: 1px solid #666666;
	padding: 5px;
	width:200px;
	height:auto;
	text-align:center;
}

/* 通用清單設定 */
/*修正使用StandardList時造成的背景破圖*/
/*
.SPForStandardList1{
	padding-top:0.1em;
}

.SPForStandardList2{
	padding-top:1.5em;
}*/

/*清單列表通用樣式*/
ul.NavList1{
	list-style:none;
	margin:0px;
	padding:0px;
}
ul.NavList1 li{
	border-bottom:solid 1px #999999;
	padding-bottom:3px;
	margin-bottom:5px;
}

ul.StandardList1{
	list-style:none;
	margin:0px;
	padding:0px;
	margin-left:1.8em;
	/*list-style-image:url(image/title01_orange.gif);*/
}

ul.StandardList1 li{
	padding-left:1.3em;
	background-image:url(image/title01_orange.gif);
	background-repeat:no-repeat;
	background-position:3px 8px;
	/*margin-top:0.3em;*/
	margin-bottom:1.1em;
	display:block;
	width:auto;
	vertical-align:bottom;
}

/*單行三個連結*/
ul.StandardList2{
	list-style:none;
	margin:0px;
	padding:0px;
	/*margin-top:-1.5em;*/
	list-style-image:url(image/title01_orange.gif);
}

ul.StandardList2 li{
	width:170px;
	float:left;
	margin: 0px 0.3em 0.3em;
	padding-left:1.3em;
	background-image:url(image/title01_orange.gif);
	background-repeat:no-repeat;
	background-position:3px 10px;
}

.Line1{
	width:100%;
	height:1px;
	background-color:#999999;
}


/* 各頁顯示設定 */
/*School_1學校基本資料*/
/*Discuss_1討論區*/
.Table_bg{
	background-color:#666666;
}
.Table_bg .TitleBg {
	background-color:#CCCCCC;
	font-size: 15px;
	color: #FFFFFF;
	letter-spacing: 2px;
	text-align: left;
	font-weight: normal;
}

.Table_bg .DataBg{
	background-color: #FFFFFF;
}

.Table_bg .TitleText {
	font-size: 15px;
	color: #003300;
}

.Table_bg .DataText{
	font-size: 15px;
	color: #000000;
}

/*最新開課日期*/
.TableWidth{
	width:98%;
}
.TableBg{
	/*background-color:#666;*/
}
.TitleBg{
	background-color: #CCC;
}

.DataBg{
	background-color: #EEEEEE;
}

.DataBg1{
	background-color:DDDDDD;
}

.DataBg2 {
	background-color: #EEEEEE;
}

.DataBg3 {
	background-color: #FFECEC;
}

.TitleText{
	font-size: 13px;
	color: #CC3300;
}

.DataText{
	font-size: 13px;
	color: #000000;	
}


/*Carlender_1樣式*/
.BG {
	background-color: #006600;
}
.WEEK1_5 {
	font-size: 15px;
	color: #006500;
	background-color: #99CC00;
	text-align: center;
}
.WEEK6_7 {
	font-size: 15px;
	background-color: #FFCC00;
	color: #CC3300;
	text-align: center;
}
.day {
	font-size: 13px;
	color: #000000;
}
.year {
	font-size: 15px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #009933;
}

/*意見調查用樣式*/
.Message_1{
}

.Message_1 .TableBg{
	/*background-color:#FFFFCC;*/
}

.Message_1 h1{
	margin:0;
	font-size: 17px;
	line-height: 23px;
	color: #990000;
	font-style: oblique;
	font-weight: bold;
}

.Message_1 h2{
	margin:0;
	font-size: 15px;
	line-height: 19px;
	font-weight:normal;
	color: #000000;
}

.Message_1 h3{
	margin:0;
	font-size: 15px;
	line-height: 19px;
	font-weight:normal;
	color: #CC0000;
}

/*Photo_1*/

/*Bulletin_4師資陣容樣式*/
.Teacher{
	width:100%;
}

.Teacher .THead {
	background-image: url(image/7.gif);
	background-repeat: no-repeat;
	background-position: center;
	height:28px;
}
.Teacher .TFooter {
	background-image: url(image/8.gif);
	background-repeat: no-repeat;
	background-position: center;
	height:28px;
}

.Teacher .TBg {
	background-image: url(image/9.gif);
	background-repeat: repeat-y;
	background-position: center;
}

/*GBook_1留言板樣式*/
.GBook_1{
	text-align:center;
}
.GBook_1 h3{
	font-size:13px;
	line-height:1.3em;
	color:#000000;
	text-align:left;
}
.GBook_1_HeadFrame{
	background-color: #FF7575;
	width:561px;
	height:25px;
	padding:3px 15px 0 15px;
}

.GBook_1_BodyFrame{
	background-color: #FFB9B9;
	width:561px;
	padding:3px 15px 3px 15px;
}

.GBook_1_FootFrame{
	background-image: url(image/12.gif);
	background-position:top center;
	background-repeat: no-repeat;
	width:561px;
	height:28px;
}
/*留言板留言者姓名*/
.GUserNM{
	color: #000099;
	text-align:left;
}

.ReplyBg{
	padding: 5px 20px;
	background-color: #FFECEC;
}

.ReplyText{
	font-size: 13px;
	color: #990000;
	text-align:left;

}
.GBook1_Text{
	font-size: 13px;
	color: #000000;	
	text-align:left;
}

.GBook_1 .Message{
}
.GBook_1 .Seprate{
}
.GBook_1 .Reply{
	margin:1em 3em;
	background-color:#FFFFFF;
	padding:5px 1.5em;
	text-align:left;
}

/* 頁角預設值 */
.Under_text{
}
/*訊息視窗*/
#MsgWindow{
	padding:10px;
}


/*QA_1*/
.QA_1_Q{
	width:100%;
	margin-top:0.8em;
	text-align:left;
	padding-left:25px;
	background:url("image/Q.gif") top left no-repeat;
	color:#000;
	font-size:15px;
	font-weight:bold;
}

.QA_1_A{
	margin-top:0.7em;
	/*display:none;*/
	text-align:left;
	padding-left:25px;
	background:url("image/A.gif") top left no-repeat;
	color:#666;
	font-size:13px;
}

/*Product_01*/
.PTypeNav{
	width:140px;
	text-align:left;
	float:left;
}

ul.TypeNav{
	margin:0;
	list-style:none;
	text-align:center;
}

ul.SubTypeNav{
	list-style:none;
	text-align:left;
	border-left:3px solid #C8C431;
	margin:0;
	padding-left:0.3em;
}

li.SubTypeItem{
	border-bottom:1px dotted #CCC;
}

.NowSTI{
	background-color:#FFCC99;
}

.TypeC01{
	border-top:2px solid #C8C431;
	border-right:3px solid #C8C431;
	border-bottom:1px solid #C8C431;
}
.TypeC01 a{
	display:block;
	font-size:17px;
}

.TypeC01 a:link,.TypeC01 a:visited{
	color:#660066;
	text-decoration:none;
}

.TypeC01 a:hover{
	text-decoration:none;
	top:0;
	left:0;
}

.SubTypeItem a{
	display:block;
	font-size:15px;
}

.SubTypeItem a:link,.SubTypeItem a:visited{
	text-decoration:none;
}

.SubTypeItem a:hover{
	text-decoration:none;
	top:0;
	left:0;
}

#Product_list{
	float:left;
	margin-top:-8px;
}

div.Product-list1{
	text-align:left;
	margin-top:8px;
	width:200px;
	height:180px;
	border:1px solid #CCC;
	float:left;
	margin-left:8px;
	position:relative;
}

.ProdNO{
	display:block;
	color:#BBB;
	font-size:9px;
}

.Product-list1 .imgDiv{
	width:200px;
	height:auto;
	text-align:center;
}

.Product-list1 img{
	display:block;
}

.Product-list1 .NonIMG{	position:absolute; bottom:0;}
#ProductDetail .NonIMG{}

.Product-list1 h3{
	line-height:18px;
	font-size:15px;
}

.Product-Desc,.price,.Pordbrand,.ProdSpec{ margin-top:0.2em; display:block;}

.Product-list1 .Product-Desc{
	color:#666;
	clear:both;
	display:none;
}

.Product-list1 span.price{
	color:#FF0000;
}

#ProductDetail .ImgContainer{
	float:left;
	margin-right:5px;
	position:relative;
}

#ProductDetail img.prodthumb{
	padding:2px;
	border:1px solid #CCC;
}

#ProductDetail div.zoom{
	position:absolute;
	right:0;
	bottom:0;

	width:100%;
	text-align:center;
	line-height:16px;	
}

.ImgContainer{
	text-align:center;
}

.ImgContainer #zoom img{
	vertical-align:bottom;
	cursor:pointer;
	margin-right:5px;
}

.ImgContainer #zoom span{
	font-size:13px;
	color:#999999;
	line-height:16px;
}

#ProductDetail .NonIMG h3{
	color:#000099;
	font-size:17px;
	font-weight:bold;
}

.HtmlContent{
	margin-top:1em;
	border-top:1px solid #333366;
	clear:both;
	text-align:left;
}
