@charset "big5";
#page_shadow{
	width:1000px;
	background-color: #333;
	margin-right: auto;
	margin-left: auto;
	background-image: url(/images/201110/page_shadow.gif);
	background-repeat: repeat-y;
	background-position: 0px 0px;
}


#page{
	width:970px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
}

#content{
	width:970px;
	background-image: url(/images/201110/page_bg.gif);
	background-repeat: repeat-y;
	background-position: 0px 0px;
}

#block_area01{
	float:left;
	width:200px!important;
	width:198px;
	padding-right: 10px;
	padding-left: 10px;
}

#block_area02 #left_block{
	float:left;
	width:512px;
	padding-right: 15px;
}
#block_area02 {
	float: left;
	width: 740px;
}


#block_area02 #right_block{
	float:left;
	width:210px;
}

/*--------左側開始-----------*/


.none{
display:none;
font-size:12px;
}




.cad_class{
height:37px;
margin:0;
background: url(/images/201110/title01class_menu.jpg) no-repeat center bottom; 
}

.design_class{
height:37px;
background: url(/images/201110/title02class_menu.jpg) no-repeat center bottom; 
}

.max_class{
height:37px;
background: url(/images/201110/title03class_menu.jpg) no-repeat center bottom; 
}

.data_class{
height:37px;
background: url(/images/201110/title04class_menu.jpg) no-repeat center bottom; 
}

.net_class{
height:37px;
background: url(/images/201110/title05class_menu.jpg) no-repeat center bottom; 
}
.id_class{
height:37px;
background: url(/images/201110/title06class_menu.jpg) no-repeat center bottom; 
}
.it_class{
height:37px;
background: url(/images/201110/title07class_menu.jpg) no-repeat center bottom; 
}
.class_area{
width:188px;
margin:0 auto;

}

.class_contain{
width:188px;
margin:0;
/*---background: url(/images/201110/title_class_bg.gif) repeat-y center; ---*/
}
.class_footer{
width:188px;
height:11px;
background:url(/images/201110/footerclass_menu..jpg) no-repeat bottom; 
}

.class_list{
width:188px;
}
.class_list ul {
margin:0 auto;
padding:0;
}

.class_list ul li{
margin:0 auto;
width:160px;
height:23px;
line-height:23px;
}
.class_list ul li a{
	display:block;
	padding-left:25px;
	letter-spacing:1px;
	color: #8e887e;
	font-size:12px;
	font-family:"新細明體";
	border-bottom: #E7E7E7 1px solid;
	/*---background:url(/images/201110/class_dot_up.gif) 8px 9px no-repeat;---*/
}

.class_list ul li a:link{
color: #8e887e;
}

.class_list ul li a:hover{
display:block;
padding-left:25px;
color: #CC6600;
letter-spacing:1px;
border-bottom: 1px solid #CC6600;
/*---background: url(/images/201110/class_bg.jpg) repeat-y center;---*/

}

.class_list ul li a:active{
color: #8e887e;
}




.boder01{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
}

.recommend_p{
	background:url(/images/201110/dot04.gif) left no-repeat;
	height:20px;
	line-height:20px;
	overflow:hidden;
	padding-left: 10px;
}



.free_p{
	line-height:24px;
	overflow:hidden;
	height:24px;
}

.person_p{
	height:23px;
	line-height:23px;
	background:url(/images/201110/dot03.gif) left 6px no-repeat;
	padding-left:20px;
	overflow:hidden;
}
.adbanner{
	text-align:center;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 3px;
	width: 190px;
}
.adbanner01{
	text-align:center;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 3px;
}
.adbanner02{
	float: right;
	width: 230px;
}
.adbanner_right{
	text-align:center;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
}

/* 電腦FB */
.adbanner_gjunplay{
	background-image: url('/images/201110/1011004_02_banner.gif');
	background-repeat: no-repeat;	
	background-position: 5px 0px;
	height: 87px;
	width: 208px;
	cursor: pointer;
}
.adbanner_gjunplay #gjunplay {
	height: 18px;
	width: 50px;
	font-size: 12px;
	line-height: 18px;
	color: #000;
	font-family: Verdana, Geneva, sans-serif;
	display:block;
	float:left;
	padding-left: 142px;
	padding-top: 60px;
}

/* 美語FB */
.adbanner_gjunsoplay{
	background-image: url('/images/201110/1011004_04_banner.gif');
	background-repeat: no-repeat;
	background-position: 5px 0px;
	height: 87px;
	width: 208px;
	cursor: pointer;
}
.adbanner_gjunsoplay #gjunsoplay {
	height: 18px;
	width: 50px;
	font-size: 12px;
	line-height: 18px;
	color: #000;
	font-family: Verdana, Geneva, sans-serif;
	display:block;
	float:left;
	padding-left: 142px;
	padding-top: 60px;
}



/*-------flash 輪播區塊開始---*/

#flash_area{
	width:745px;
	margin-bottom:10px;
}


#flash_player{
width:512px;
height:253Px;
}


#flash_list li{
	width:220px;
	height:24px;
	line-height:24px;
	margin-bottom:2px;
	border-bottom:#e8e3cf 1px solid;
	border-left:#e7e7e7 1px  dotted;
	border-top:#e7e7e7 1px  dotted;
	letter-spacing:2px;
	float: left;
	margin-left: 5px;
}

#flash_list li a{
	display:block;
	width:200px;
	height:24px;
	overflow:hidden;
	line-height:24px;
	letter-spacing:2px;
	padding-left:15px;
	border-right: #CC0000 4px solid;
	background:url(/images/201110/dot04.gif) 5px 8px no-repeat;
}

#flash_list li a:hover{
display:block;
width:200px;
height:24px;
overflow:hidden;
color:#000000;
line-height:24px;
letter-spacing:2px;
background:url(/images/201110/dot06.gif) #FFFFCC 5px 8px no-repeat;
}
#flash_list li a:hover.list_01{
background-color: #ECFFD7;
border-right: #6cc24a 4px solid;
}

#flash_list li a:hover.list_02{
background-color: #D9FFFF;
border-right: #66CCFF 4px solid;
}

#flash_list li a:hover.list_03{
background-color: #E7E0FE;
border-right: #896AC8 4px solid;
}

#flash_list li a:hover.list_04{
background-color: #FAF0FF;
border-right: #CC33CC 4px solid;
}

#flash_list li a:hover.list_05{
background-color: #FFCCFF;
border-right: #FF33CC 4px solid;
}

#flash_list li a:hover.list_06{
background-color: #FFE6E6;
border-right: #FF0000 4px solid;
}

#flash_list li a:hover.list_07{
background-color: #FFECD7;
border-right: #FF6600 4px solid;
}

#flash_list li a:hover.list_08{
background-color: #FFFFCC
border-right: #FFCC00 4px solid;
}

#flash_list li a:hover.list_09{
background-color: #E6FFFA;
border-right: #00F7D1 4px solid;
}


/*
#ad_area{
width:744px;
height:53px;
}
*/


.ad_word_footer {
height:26px;
/*---background:url(/images/201110/flash_box_footer1.gif) bottom no-repeat;---*/
}

.ad_word{
	height:52px;
	padding-bottom: 3px;
}


.ad_word p{
	float:left;
	width:225px;
	margin-left:8px;
	margin-top:13px;
	height:26px;
	overflow:hidden;
	line-height:26px;
	font-size:12px;
	padding-left:20px;
}

.ad_word p a{
	color: #0066CC;
	text-decoration: underline;
}

.ad_word p a:link{
color: #0066CC;
}
.ad_word p a:hover{
color: #FF6600;
}


.ad_word p a:active{
color: #0066CC;
}
#person ul.tabs li a{
	width:50px;
	padding-left:60px;

	}
#person ul.tabs li a:hover{

		background:url(/images/201110/tag_btn_ov01.gif) no-repeat center;
	}
#person ul.tabs li.active {
	  background:url(/images/201110/tag_btn_ov01.gif) no-repeat center;

	}	
	
#person ul.tabs li.active a:hover{

		background:url(/images/201110/tag_btn_ov01.gif) no-repeat center;
	}	

/*-------中間區塊頁籤----*/



	
#news_tag .abgne_tab ,#person .abgne_tab  {
	clear: left;
	width: 512px;
	position: relative;
	margin-bottom:8px;
	margin-top: 5px;
	margin-right: 0;
	margin-left: 0;
	}
#news_tag ul.tabs,#person ul.tabs{
	width: 512px;
	height: 25px;
	line-height:25px;
	margin-top:10px;
	position: relative;
	background-image: url(/images/201110/person_tabs_linebg.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	}
	
	
#news_tag .abgne_tab .more,#person .abgne_tab .more{
	width:33px;
	height:15px;
	position:absolute;
	top:8px;

*top:16px;
	_top:16px;
	left:480px;
}	
	
	
#news_tag ul.tabs li ,#person ul.tabs li{
	float: left;
	height: 25px;
	line-height:30px;
	overflow: hidden;
	position: relative;
	border-left: none;
	background-image: url(/images/201110/tag_btn_up01.gif);
	background-repeat: no-repeat;
	background-position: center;
	width: 113px;
	}

	
#news_tag ul.tabs li a  ,#person ul.tabs li a{
	display: block;
	width:113px;
	color:#000;
	text-decoration: none;
	font-size:13px;
	height: 25px;
	line-height: 28px;
	text-align: center;
	padding-left: 0px;
	}

#news_tag ul.tabs li a:hover{
	background:url(/images/201110/tag_btn_ov01.gif) no-repeat center;
	}
	
#news_tag ul.tabs li.active{
	background-image: url(/images/201110/tag_btn_ov01.gif);
	background-repeat: no-repeat;
	background-position: center;

	}
	
#news_tag ul.tabs li.active a:hover {
	background-image: url(/images/201110/tag_btn_ov01.gif);
	background-repeat: no-repeat;
	background-position: center;
	}
	
#news_tag div.tab_container  ,#person div.tab_container{
	width: 510px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	}
	
	
	
#news_tag div.tab_container .tab_content,#person div.tab_container .tab_content {
	padding-top:6px;
	padding-bottom: 6px;
	background-repeat: no-repeat;
    background-position: 390px 0px;
	}
	
#news_tag div.tab_container .tab_content .tab_contentainer,#person div.tab_container .tab_content .tab_contentainer {
	margin-left: 12px;
	background-repeat: no-repeat;
	background-position: 390px top;
	}

#news_tag .sec_tab {
		width: 527px;	/* 第2個頁籤區塊的寬度 */
	}
	
	
#news_tag p{
	width:340px;
	height:24px;
	line-height:24px;
	padding-left:20px;
	border-bottom:#CCCCCC 1px dotted;
	overflow:hidden;
	background-image: url(/images/201110/dot02.gif);
	background-repeat: no-repeat;
	background-position: left 7px;
	font-size: 12px;
}


#news_tag .tag_footer,#person .tag_footer{ 
width:527px;
height:13px;
/*---background:url(/images/201110/title_box_footer.gif) no-repeat -1px top;---*/
}




.eng_word{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
}
.text_height{
padding-top:5px;
}
.partner_area li{
	padding-left:15px;
	width:350px;
	letter-spacing:1px;
	margin-bottom:5px;
	padding-bottom:3px;
	margin-top:5px;
	border-bottom:#CCCCCC 1px dotted;
	background-image: url(/images/201110/dot05.gif);
	background-repeat: no-repeat;
	background-position: left 6px;
	overflow: hidden;
}



.more_info{
color: #6699CC;
}
.angel{
background:url(/images/201110/dot05.gif) no-repeat left 6px;
letter-spacing:1px;
padding-left:15px;
}


.main_banner{
	width:512px;
	height:95px;
	text-align: center;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 8px;
}
.main_banner .adbanner_l{
	float:left;
	margin-right:12px;
}
.main_banner .adbanner_r{
	float:left;
	margin-right:0px;
}

.list_box{
	width:512px;
	margin-bottom:8px;
}

.list_box02{
	width:510px;
	border: 1px solid #CCC;
	padding-top: 5px;
	padding-bottom: 5px;
} 

.list_box02 ul {
	list-style-type: none;
}

.list_box h1{
	width:512px;
	height:32px;
	background-image: url(/images/201110/free_title_box.jpg) no-repeat center;
}
.more {
	float: right;
	width: 33px;
}


.list_box .list_footer{
	width:512px;
	height:13px;
	/*---background-image: url(/images/201110/title_box_footer.gif);---*/
	background-repeat: no-repeat;
	background-position: center;
}
#authentication.list_box h1{
	background-image: url(/images/201110/authentication_box_title.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#recommend.list_box h1{
	background-image: url(/images/201110/recommend_box_title.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#free.list_box h1{
	background-image: url(/images/201110/free_box_title.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#glory.list_box h1{
	background-image: url(/images/201110/glory_box_title.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}


#awards.list_box h1{
	background-color: #FC0;
	width: 1000px;
}
#awards.list_box .awards_box{
float:left;
width:285px;
height:140px;
margin-left:10px;
margin-top:5px;
background: url() right 5px no-repeat;
}

#awards.list_box .angel_box p{
background:url(/images/201110/dot05.gif) no-repeat left 6px;
padding-left:15px;
letter-spacing:1px;
margin-bottom:5px;
margin-top:5px;
border-bottom:#CCCCCC 1px dotted;
}


/*-------右側開始---*/


.right_box{
	kwidth:190px;
	width: 210px;
	margin-bottom: 10px;
}
.right_box01{
	width:210px;
	height:20px;
} 
.right_box02{
	width:208px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	padding-top: 5px;
	padding-bottom: 5px;
} 


.right_box03{
	width:208px;
	height:20px;
	/*---background:url(/images/201110/boxfooter.gif) center top no-repeat;---*/
} 
/*-------右側開始---*/


.lift_box{
	kwidth:190px;
	margin-left: auto;
	margin-right: auto;
	width: 190px;
	margin-bottom: 10px;
}
.lift_box01{
	width:208px;
	height:20px;
	/*---background: url(/images/201110/boxtop.gif) center bottom no-repeat;---*/
} 
.lift_box02{
	width:188px;
	border: 1px solid #CCC;
	padding-top: 5px;
	padding-bottom: 5px;
} 
#tvc_area.lift_box h1{
	height:33px;
	background-image: url(/images/201110/tvc_box_title.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 190px;
}
#community_area.lift_box h1{
	height:33px;
	background-image: url(/images/201110/community_box_title.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 190px;
}
#activity_area.right_box h1{
	height:34px;
	background-image: url(/images/201110/activity_box_title.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#activity_area img {
	width: 200px;
	margin-bottom: 5px;
}


#works_area.right_box h1{
	height:34px;
	background-image: url(/images/201110/works_box_title.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#member_area.right_box h1{
	height:34px;
	background-image: url(/images/201110/member_box_title.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#member_area.right_box {
	background-color: #E9E9E9;
}

.login_contain{
	width:190px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	margin-top: 5px;
}

.login_contain .login_forum{
	padding-bottom: 5px;
}

.login_contain .login_forum input{
	width:135px;
}

.login_contain .login_forum p{
	color: #000;

}
.login_contain .login_link01   {
	color: #FFF;
	line-height: 20px;
	font-size: 12px;
	background-position: 0px 0px;
	float: right;
	margin-left: 15px;
	width: 150px;
	margin-bottom: 6px;
	margin-top: 5px;
}
.login_contain .login_link01 ul li {
	color: #FFF;
	line-height: 20px;
	font-size: 12px;
	background-position: 0px 0px;
	float: left;
	margin-right: 5px;
}
.login_contain .login_link   {
	color: #FFF;
	line-height: 20px;
	font-size: 12px;
	background-position: 0px 0px;
	float: right;
	margin-left: 15px;
	width: 150px;
}

/* 這個是加入會員 */
.login_contain .login_link ul li {
	width: 52px;
	margin-bottom: 5px;
	margin-right: auto;
	margin-left: auto;
	float: left;
	padding-left:0px;
	font-size:5px;
}
.login_contain .login_link ul li a{
	color: Black;
	line-height: 20px;
	font-size: 12px;	
	/* background-image: url(/images/201110/login_link_bg.gif); */
	background-position: 0px 0px;
	display: block;
	background-repeat: repeat-x;
	text-align: center;
    text-decoration:underline;
}
.login_contain .login_link ul li a:hover{
	text-decoration:underline;
	color:red;
}



/* 這個是學員身分說明 */
.login_contain .login_link ul li + li {
	width: 93px;
	margin-bottom: 5px;
	margin-right: auto;
	margin-left: auto;
	float: left;
	padding-left:1px;
}
.login_contain .login_link ul li +li a{
	color: #FFF;
	line-height: 20px;
	font-size: 12px;
	background-image: url(/images/201110/login_link_bg.gif);
	background-position: 0px 0px;
	display: block;
	background-repeat: repeat-x;
	text-align: center;
	text-decoration:none;
}
.login_contain .login_link ul li +li a:hover{
	text-decoration:none;
	color:white;
}


.right_box #member_login p{
background:url(/images/201110/dot06.gif) left 6px no-repeat;
padding-left:15px;
margin-bottom:2px;
}

.right_box #member_login p a{
color:#01aded;
}
.right_box #member_login p a:hover{
color:#000; 
}
.right_box #member_login input{
color:#666666;
width:90px;
background-color: #DFF4FF;
border: #CCCCCC 1px solid;
}

.services{
	width: 180px;
	margin-right: auto;
	margin-left: auto;

}


.services li{

}
/* End */
.services ul a  {
	color: #000;
	line-height: 25px;
}
/* End */
.services ul a:hover  {
	color: #06F;
	line-height: 25px;
}
.services ul .a1 {
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #999;
	width: 89px;
	display: inline;
	text-align: center;
}

.services ul .a2 {
	text-align: center;
	width: 89px;
	float: left;
}
.services ul .a3 {
	border-bottom-style: none;
}
.services ul .w_c01 {
	color: #F00;
}

.services ul li{
	float: left;
	width: 89px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
}


#services_area{
	background-color: #F2F2F2;
}
#services_area h1{
	color:#333;
	text-align:center;
	letter-spacing: 2px;
	line-height: 25px;
}
#services_area h2 {
	font-size: 14px;
	color: #000;
	font-family: inherit;
	font-weight: normal;
	text-align: center;
	line-height: 25px;
	background-color: #E0E0E0;
}
#serv_area.lift_box h1{
	height:33px;
	background-image: url(/images/201110/services_box_title.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 190px;
}




.clear{
clear:both;
}




/* CSS Document */

#block_area01 .glossymenu, .glossymenu li ul{
margin:0;
padding: 0;
width: 192px; /*WIDTH OF MAIN MENU ITEMS*/
}



#block_area01 .glossymenu li{
position:relative;
width:192px;
height:43px;
margin-bottom:3px;
margin-bottom:3px \9;
*margin-bottom:0;
_margin-bottom:3px;

}

.apple_bottom{
background: url(/images/201110/apple_menuicon.gif) left top no-repeat;
}

.cad_bottom{
background: url(/images/201110/cad_menuicon.gif) left top no-repeat;
}

.design_bottom{
background: url(/images/201110/design_menuicon.gif) left top no-repeat;
}
.max_bottom{
background: url(/images/201110/3d_menuicon.gif) left top no-repeat;
}

.it_bottom{
background: url(/images/201110/it_menuicon.gif) left top no-repeat;
}
.net_bottom{
background: url(/images/201110/net_menuicon.gif) left top no-repeat;
}

.id_bottom{
background: url(/images/201110/id_menuicon.gif) left top no-repeat;
}

.info_bottom{
background: url(/images/201110/infomation_menuicon.gif) left top no-repeat;
}

.kids_bottom{
background: url(/images/201110/kids_menuicon.gif) left top no-repeat;
}


#block_area01 .glossymenu li a{
color: #000000;
display: block;
width:192px;
height:43px;
}


#block_area01 .glossymenu li ul{ /*SUB MENU STYLE*/
position: absolute;
width: 176px; /*WIDTH OF SUB MENU ITEMS*/
left: 0;
top: 0;
display: none;
padding-top:6px;
}

#block_area01 .glossymenu li ul li{
float: left;
width:176px;
height:33px;
text-align:center;
background: url() left  no-repeat;
margin-bottom:0;
padding-bottom:1px!important;
padding-bottom:0;
}



#block_area01 .glossymenu li ul a{
width:176px;
height:33px;
line-height:33px;
padding-bottom:0;
letter-spacing:1px;
font-family:"微軟正黑體";
font-weight:bold;
padding-bottom:1px!important;
padding-bottom:0;
background: url(/images/201110/menuicon_up.gif) left  no-repeat;
 /*WIDTH OF SUB MENU ITEMS - 10px padding-left for A elements */
}

#block_area01 .glossymenu li ul a:hover{
width:176px;
height:33px;
font-weight:bold;
background: url(/images/201110/menuicon_ov.gif) left  no-repeat;
color:#FFFFFF;
 /*WIDTH OF SUB MENU ITEMS - 10px padding-left for A elements */
}

#block_area01 .glossymenu li ul .first_one{
background:url(/images/201110/menuicon_up01.gif) left  no-repeat;
}


#block_area01 .glossymenu .arrowdiv{
position: absolute;
right: 7px;
top:13px;
background: url(/images/201110/dot07.gif) right no-repeat;
}

#block_area01 .glossymenu li a:visited, .glossymenu li a:active{
color: #000000;
}



/* Holly Hack for IE \*/
* html .glossymenu li { float: left; height: 1%; }
* html .glossymenu li a { height: 1%; }