@charset "utf-8";

/*-- 消除連結的虛線 --*/
a{
 outline: none; /* for Firefox */
 hlbr:expression(this.onFocus=this.blur()); /* for IE */
}

/*首頁div------------------------------------------------------*/
.index_BGtop{
	width:1200px;
	height:341px;
	margin:0 auto;
	background-color:#1a75bb;
	text-align:center;
	position:relative;
}
.index_BGtop .language{
	position:absolute;
	left:510px;
	top:40px;
}
.index_BGtop .Epaper{
	position:absolute;
	left:750px;
	top:46px;
}
.index_BGtop .search{
	position:absolute;
	left:830px;
	top:46px;
}
.index_BGtop .facebook{
	position:absolute;
	left:1043px;
	top:28px;
}
.index_BGtop .YouTube{
	position:absolute;
	left:1097px;
	top:31px;
}
.index_BGtop .upPic{
	position:absolute;
	left:33px;
	top: 169px;
	z-index:11;
}
.index_BGtop .upPic .circle1{
	position:absolute;
	left:630px;
	bottom:175px;
	visibility:hidden;
}
.index_BGtop .upPic .circle2{
	position:absolute;
	left:555px;
	bottom:45px;
	visibility:hidden;
}
.index_BGtop .upPic .circle3{
	position:absolute;
	left:765px;
	bottom:142px;
	visibility:hidden;
}

.index_BGmedium{
	width:1200px;
	margin:0 auto;
	background-color:#cbccce;
	position:relative;
}
.index_BGmedium .main{
	width:1134px;
	margin:0 auto;
	background-color:#ffffff;
	padding-top: 120px;
}
.index_BGmedium .main .news{/*最新消息_列表*/
	margin-left:10px;
	margin-top:20px;
	float:left;
	width: 98%;  
	height: /*368px;/*九個icon*/ 324px;/*八個icon*/ /*278px*/ /*463px;*/
	overflow: hidden;
	font-size: 14px;
}
.index_BGmedium .main .news ul{
    width: 100%;  
    height: auto;  
    overflow: hidden;  
    margin: 0;
}
.index_BGmedium .main .news li{
	height: auto;
                  /*--list-style-image:url(/images/index_icon1.png);--*/
                  background: url(/images/index_icon1.png) no-repeat 0px 8px;	
                  padding-left:15px;	
}
.index_BGmedium .main .more{/*最新消息底下的more*/
	height: 22px;
	text-align: right;
	margin-right: 6px;
}

.index_BGmedium .main .other{/*獎助學金等..._列表*/
	margin-left:18px;
	width:240px;
	font-size: 14px;
}
.index_BGmedium .main .other li{
	list-style-position:inside;
	list-style-image:url(/images/index_icon2.png);	
}
.index_BGbottom{
	width:1200px;
	height:165px;
	margin:0 auto;
	background-color:#1a75bb;
	text-align:center;
	position:relative;
}
.index_BGbottom .word1{/*地址*/
	text-align:left;
	position:absolute;
	top:55px;
	left:100px;
}
.index_BGbottom .word1 .mapIcon{
	float: right;
    position: relative;
    top: -10px;
}
.index_BGbottom .word2{/*Copyright*/
	text-align:right;
	position:absolute;
	top:108px;
	right:102px;	
}
.index_BGbottom .word3{/*關於我們*/
	position:absolute;
	top:55px;
	right:90px;	
}
.imgPic{
	margin-top:10px;
	margin-bottom:10px;
	margin-right:2px;
	}
.imgPic2{
	float:left;
	margin-right:20px;
	margin-top:8px;
	}
.imgIso{
	margin-top:-5px;
	margin-bottom:20px;
	margin-left:2px;	
	}

/*內頁div------------------------------------------------------*/
.arrow{
	width:52px;
	position:fixed;
	margin-left:300px;
	margin-top:250px;
	z-index:100;	
	}
/*內頁div_header上面*/
.page_header {
	width:1200px;
	margin:0 auto;
	position:relative;
}
.page_header .frame{
	width:100%;
	height:161px;
	border:0px;	
}
.page_header .Word{
	float:left;	
	position:absolute;
	top:164px;
	left:64px;
}
.page_search{
	position:absolute;
	left:873px;
	top:128px;
}
.page_bar{
	width:1200px;
	margin:0 auto;
	position:relative;
	height:53px;
	z-index:99;
	}
	
/*內頁div_container中間*/
#MainContent { text-align:center; position:relative; width:1200px; margin:0 auto; border:#ffffff solid 1px;}

/*---------- 主要區塊(右_內容) ----------*/
#page_container { text-align:left; margin-bottom:20px; width:850px; }

/*----------.page_container{
	width:850px;
	margin:0 auto;
	position:relative;
	height:auto;
}----------*/

#page_container #ContentLevel{
	margin-top:10px;
}
#page_container #ContentLevel_news{
	margin-top:10px;
	margin-left:10px;
}

#page_container .news{
	margin:0;
	}
#page_container ul{
	margin:0;
	padding:0;
	}
/*表格樣式1*/
#page_container .page_table1{
	/*margin:0 auto;*/
	/*margin-left:20px;*/
	margin-left:0px;
	width:80%;
	border-collapse: collapse;
	}
#page_container .page_table1 .title0 td{
	font-size: 16px;
	line-height: 20px;
	color: #e4651f;
	}
#page_container .page_table1 .title1 td{
	text-align:center;
	border:#000000 solid 1px;	
	background-color:#0e2e52;
	font-size: 13px;
	line-height: 20px;
	color: #FFFFFF;
	padding:5px;
	}
#page_container .page_table1 .title2 th{
	text-align:center;
	border:#000000 solid 1px;	
	background-color:#0e2e52;
	font-size: 13px;
	line-height: 20px;
	color: #FFFFFF;
	font-weight:100;
	}
#page_container .page_table1 .word td{
	border:#cfcfcf solid 1px;
	font-size: 13px;
	line-height: 20px;		
	padding-left:15px;
	padding-right:15px;
	padding-top:3px; 
	padding-bottom:3px; 
	}
/*表格樣式1_置中*/
#page_container .page_table1_center{
	margin:0 auto;
	width:80%;
	border-collapse: collapse;
	}
#page_container .page_table1_center .title1 td{
	text-align:center;
	border:#000000 solid 1px;	
	background-color:#0e2e52;
	font-size: 13px;
	line-height: 20px;
	color: #FFFFFF;
	padding:5px;
	}
#page_container .page_table1_center .word td{
	border:#cfcfcf solid 1px;
	font-size: 13px;
	line-height: 20px;		
	padding-left:15px;
	padding-right:15px;
	padding-top:3px; 
	padding-bottom:3px; 
	}
/*圖片樣式*/
#page_container .imgTeacherws{
	width:100px;
	height:74px;
	}
/*表格樣式2*/
#page_container .page_table2{
	margin-left:0px;
	border-collapse: collapse;
	border:0px;
	font-size: 13px;
	}
#page_container .page_table2 td{
	padding-right:10px;
}
/*表格樣式3*/
#page_container .page_table3{
	margin-left:0px;
	border-collapse: collapse;
	border:0px;
	font-size: 13px;
	}
#page_container .page_table3 td{
	border:#4c4c4c solid 1px;
	padding-left:10px;
	padding-right:10px;
	padding-top:3px; 
	padding-bottom:3px;
}
#page_container .page_table3 th{
	border:#4c4c4c solid 1px;
	text-align:center;
	background-color:#e9e9e9;
	padding-left:10px;
	padding-right:10px;
	padding-top:3px; 
	padding-bottom:3px;
	}
/*表格樣式4*/
#page_container .page_table4{
	margin-left:60px;
	border-collapse: collapse;
	border:0px;
	font-size: 13px;
	}
#page_container .page_table4 td{
	border:#4c4c4c solid 1px;
	text-align:center;
	padding-left:10px;
	padding-right:10px;
	padding-top:3px; 
	padding-bottom:3px;
}
#page_container .page_table4 .title1 td{
	border:#4c4c4c solid 1px;
	text-align:center;
	padding-left:10px;
	padding-right:10px;
	padding-top:3px; 
	padding-bottom:3px;
	color:#ffffff;
	background-color:#333333;
}
#page_container .page_table4 th{
	border:#4c4c4c solid 1px;
	text-align:center;
	padding-left:10px;
	padding-right:10px;
	padding-top:3px; 
	padding-bottom:3px;
	color:#990000;
	background-color:#CCCCCC;
}
#page_container .page_table4 .pic td{
	border:0px;
	text-align:center;
	padding:5px;
}
/*表格樣式5_超彩色*/
#page_container .page_table5{
	margin:0 auto;
	width:80%;
	border-collapse: collapse;
	font-size: 13px;
	line-height: 20px;
	}
#page_container .page_table5 .word td{
	border:#cfcfcf solid 1px;
	padding-left:15px;
	padding-right:15px;
	padding-top:3px; 
	padding-bottom:3px; 
	}
#page_container .page_table5 .title1 td{
	text-align:center;
	border:#000000 solid 1px;
	color: #FFFFFF;	
	}
#page_container .page_table5 .blueTD1{
	background-color:#0e2e52;	
	}
#page_container .page_table5 .blueTD2{
	background-color:#069;	
	}
#page_container .page_table5 .blueTD3{
	background-color:#E6F8FF;	
	}
#page_container .page_table5 .orangeTD1{
	background-color:#FF6600;	
	}
#page_container .page_table5 .orangeTD2{
	background-color:#FFC;	
	}
#page_container .page_table5 .greenTD1{
	background-color:#336600;	
	}
#page_container .page_table5 .greenTD2{
	background-color:#EBFDDB;	
	}
#page_container .page_table5 .grayTD1{
	background-color:#EBEBEB;
	color:#336600;	
	text-align:center;
	}
/*表格樣式6_名人名言*/
#page_container .page_table6{
	margin:0px auto;
	border-collapse: collapse;
	font-size: 13px;
	line-height: 20px;
	width:80%;		
	}
#page_container .page_table6 .title1 td{
	text-align:center;
	background-color:#339999;
	color: #FFFFFF;
	}
#page_container .page_table6 .word td{
	border:#cfcfcf solid 1px;
	padding-left:10px;
	padding-right:10px;
	padding-top:3px; 
	padding-bottom:3px; 
	}
/*表格樣式7_名人名言_內容*/
#page_container .page_table7{
	margin:0px auto;
	border-collapse: collapse;
	font-size: 13px;
	line-height: 16px;
	width:100%;
	}
#page_container .page_table7 td{
	padding-left:10px;
	padding-right:10px;
	padding-top:3px; 
	padding-bottom:3px;
}
#page_container .page_table7 .title1{
	border:#d1d1d1 solid 1px;
	}
#page_container .page_table7 .title1 td{
	background-color:#ededed;
	}
#page_container .page_table7 .title2 td{
	background-color:#eeedd5;
	border:#d1d1d1 solid 1px;
	}
#page_container .page_table7 .title3 td{
	background-color:#f8f7e6;
	border:#d1d1d1 solid 1px;
	}
#page_container .page_table7 .word td{
	background-color:#ededed;
	border:#d1d1d1 solid 1px;
	}

/*表格樣式_生活英語*/
.page_tableLife{
	margin-left:0px;
	margin-top:10px;
	border-collapse: collapse;
	border:0px;
	width:285px;
	}
.page_tableLife ul { 
	display: block;
	width: 220px;
	margin-top: -3px;
	margin-bottom: -1px;
	background: url(/images/LeftMenu_background.png) repeat-y -20px center;
	
 }
.page_tableLife li { 
	cursor: pointer;
	list-style-type: none;
	padding-bottom:5px;
	display: block;
	margin-left:-10px;
	width: 100%;
	background: url(/images/wep_rightmenu__01.png) no-repeat;
	min-height:30px;
}
.page_tableLife li:hover { 
	background: url(/images/wep_rightmenu__02.png) no-repeat;
}
/*.page_tableLife li { 
	cursor: pointer;
	list-style-type: none;
	padding-bottom:5px;
	display: block;
	margin-left:-7px;
	width: 95%;
	background: url(/images/left_menu/Life/menu_line.png) repeat-x 0 bottom;
	line-height: 25px;
}*/

.page_tableLife a {
	text-decoration: none;
	padding: 0;
	display: block;
	cursor: pointer;
	color: #777;
}
.page_tableLife a:hover {
	text-decoration: none;
	/*color: #069;
	font-weight:bold;*/
}

.page_tableLife .title_h td{
	height:62px;
	background:	url(/images/left_menu/Life/menu_Life.jpg) no-repeat;
}
/*左方選單表格樣式_最新消息*/
.page_tableLife .title_h2 td{
	height:62px;
	background:	url(/images/NEWS_photo.jpg) no-repeat;
}
/*左方選單表格樣式_活動報導*/
.page_tableLife .title_h3 td{
	height:62px;
	background:	url(/images/left_menu/WSReport/WSReport.png) no-repeat;
}
/*左方選單表格樣式_JLPT*/
.page_tableLife .title_h_JLPT td{
	height:62px;
	background:	url(/images/left_menu/JLPT/menu_jlpt.jpg) no-repeat;
}
/*左方選單表格樣式_JTG*/
.page_tableLife .title_h_jtg td{
	height:62px;
	background:	url(/images/left_menu/JLPT/menu_JTG.jpg) no-repeat;
}
/*左方選單表格樣式_about*/
.page_tableLife .title_h_about td{
	height:62px;
	background:	url(/images/left_menu/about/menu_about.jpg) no-repeat;
}
/*左方選單表格樣式_award*/
.page_tableLife .title_h_award td{
	height:62px;
	background:	url(/images/left_menu/award/menu_award.jpg) no-repeat;
}
/*左方選單表格樣式_bulats*/
.page_tableLife .title_h_bulats td{
	height:62px;
	background:	url(/images/left_menu/BULATS/menu_Cambridge.jpg) no-repeat;
}
/*左方選單表格樣式_camb*/
.page_tableLife .title_h_camb td{
	height:62px;
	background:	url(/images/left_menu/Cambridge/menu_Cambridge.jpg) no-repeat;
}
/*左方選單表格樣式_cbt*/
.page_tableLife .title_h_cbt td{
	height:62px;
	background:	url(/images/left_menu/CBT/menu_CBT.jpg) no-repeat;
}
/*左方選單表格樣式_csept*/
.page_tableLife .title_h_csept td{
	height:62px;
	background:	url(/images/left_menu/CSEPT/menu_CSEPT.jpg) no-repeat;
}
/*左方選單表格樣式_eju*/
.page_tableLife .title_h_eju td{
	height:62px;
	background:	url(/images/left_menu/EJU/menu_EJU.jpg) no-repeat;
}
/*左方選單表格樣式_enews*/
.page_tableLife .title_h_enews td{
	height:62px;
	background:	url(/images/left_menu/enews/menu_enews.jpg) no-repeat;
}
/*左方選單表格樣式_flpt*/
.page_tableLife .title_h_flpt td{
	height:62px;
	background:	url(/images/left_menu/FLPT/menu_FLPT.jpg) no-repeat;
}
/* 語言與文化學習專欄 */
.page_tableLife .title_h_sflpt_language td{
	height:62px;
	background:	url(/images/left_menu/resource_SFLPT/menu_resource_SFLPT.jpg) 1px 0 no-repeat;
}
/*左方選單表格樣式_SFLPT_e*/
.page_tableLife .title_h_sflpt_e td{
	height:62px;
	background:	url(/images/left_menu/SFLPT_e/menu_SFLPT.jpg) 1px 0 no-repeat;
}
/*左方選單表格樣式_GRE*/
.page_tableLife .title_h_gre td{
	height:62px;
	background:	url(/images/left_menu/GRE/menu_GRE.jpg) 1px 0 no-repeat;
}
/*左方選單表格樣式_mains*/
.page_tableLife .title_h_mainsuite td{
	height:62px;
	background:	url(/images/left_menu/MainSuite/menu_Cambridge.jpg) no-repeat;
}
/*左方選單表格樣式_sflpt*/
.page_tableLife .title_h_sflpt2 td{
	height:62px;
	background:	url(/images/left_menu/SFLPT/menu_SFLPT.jpg) no-repeat;
}
/*左方選單表格樣式_testDAF*/
.page_tableLife .title_h_testDAF td{
	height:62px;
	background:	url(/images/left_menu/TestDaf/menu_TestDaF.jpg) no-repeat;
}
/*左方選單表格樣式_toefl*/
.page_tableLife .title_h_toefl td{
	height:62px;
	background:	url(/images/left_menu/TOEFL_iBT/menu_TOEFL_iBT.jpg) no-repeat;
}
/*左方選單表格樣式_ielts*/
.page_tableLife .title_h_ielts td{
	height:62px;
	background:	url(/images/left_menu/IELTS/menu_IELTS.jpg) no-repeat;
}
/*左方選單表格樣式_transexam*/
.page_tableLife .title_h_transexam td{
	height:62px;
	background:	url(/images/left_menu/TranslationExam/menu_TranslationExam.jpg) no-repeat;
}
/*左方選單表格樣式_yle*/
.page_tableLife .title_h_yle td{
	height:62px;
	background:	url(/images/left_menu/YLE/menu_Cambridge.jpg) no-repeat;
}
/*左方選單表格樣式_sign*/
.page_tableLife .title_h_sign td{
	height:62px;
	background:	url(/images/left_menu/Testing_photo.png) 1px 0 no-repeat;
}
/*左方選單表格樣式_train*/
.page_tableLife .title_h_train td{
	height:62px;
	background:	url(/images/left_menu/Training_photo.jpg) 1px 0 no-repeat;
}
/*左方選單表格樣式_resource*/
.page_tableLife .title_h_resource td {
    background: url(/images/left_menu/menu_title_a1.png) 1px 0 no-repeat;
    height: 62px;
}
/*左方選單表格樣式_resource_t*/
.page_tableLife .title_h_resource_t td {
    background: url(/images/left_menu/resource_t/menu_resource.jpg) 1px 0 no-repeat;
    height: 62px;
}
/*左方選單表格樣式_ResearchGrants*/
.page_tableLife .title_h_ResearchGrants td {
    background: url(/images/left_menu/ResearchGrants/menu_ResearchGrants.jpg) 1px 0 no-repeat;
    height: 62px;
}
/*左方選單表格樣式_Publications*/
.page_tableLife .title_h_Publications td {
    background: url(/images/left_menu/Publications/menu_Publications.jpg) 1px 0 no-repeat;
    height: 62px;
}
/*左方選單表格樣式_JTG*/
.page_tableLife .title_h_jtg td {
    background: url(/images/left_menu/JTG/menu_JTG.jpg) 0 0 no-repeat;
    height: 62px;
}
/*左方選單表格樣式_CEO*/
.page_tableLife .title_h_ceo td {
    background: url(/images/left_menu/ceo/menu_ceo.jpg) 1px 0 no-repeat;
    height: 62px;
}
/*左方選單表格樣式_E_LTTC*/
.page_tableLife .title_h_elttc td {
    background: url(/images/left_menu/elttc/menu_elttc.jpg) 1px 0 no-repeat;
    height: 62px;
}
/*左方選單表格樣式_English*/
.page_tableLife .title_h_english td {
    background: url(/images/left_menu/English/menu_English.jpg) 0 0 no-repeat;
    height: 62px;
}
/*左方選單表格樣式_menu_English2.js*/
.page_tableLife .title_h_menu_English2 td {
    background: url(/images/left_menu/English2/menu_English2.jpg) 1px 0 no-repeat;
    height: 62px;
}
.page_tableLife .title_f td{
	height:40px;
	background:	url(/images/left_menu/LeftMenu_bottom.jpg) no-repeat 0px top;	
}
.page_tableLife .title_f2 td{
	height:40px;
	background:	url(/images/left_menu/LeftMenu_bottom.jpg) no-repeat -1px top;	
}
/*表格樣式_第二外語_生活英語*/
.page_tableLife_S{
	margin-left:0px;
	margin-top:20px;
	border-collapse: collapse;
	border:0px;
	width:285px;
	}
.page_tableLife_S ul { 
	display: block;
	width: 220px;
	margin-top: -3px;
	margin-bottom: -1px;
	background: url(/images/LeftMenu_background.png) repeat-y -20px center;
 }
.page_tableLife_S li { 
	cursor: pointer;
	list-style-type: none;
	padding:0px;
	display: block;
	margin-left:-7px;
	width: 95%;
	background: url(/images/left_menu/SFLPT_Life/menu_line.png) repeat-x 0 26px;
	height:30px;
	text-align:center;
}
.page_tableLife_S a {
	text-decoration: none;
	padding: 0;
	display: block;
	cursor: pointer;
	color: #777;
}
.page_tableLife_S a:hover {
	text-decoration: none;
	/*color: #069;
	font-weight:bold;*/
}

.page_tableLife_S .title_h td{
	height:62px;
	background:	url(/images/left_menu/SFLPT_Life/menu_Life.jpg) no-repeat;
}
.page_tableLife_S .title_f td{
	height:40px;
	background:	url(/images/left_menu/SFLPT_Life/bottom.jpg) no-repeat -1px top;	
}
/*內頁div_bottom下面*/
.bottomBlank{
	width:1200px;
	position:relative;
	height:30px;
	}
.page_bottom{
	width:1200px;
	margin:0 auto;
	position:relative;
	height:111px;
	top:20px;
	}
.page_bottom .mapIcon{
	float: right;
	position: relative;
	top: -10px;
}
#accordion li.accToggler, span.accToggler { cursor: pointer; }
/*lcct拿去修後，新增的*/
#page_container .word_center{
	text-align:center;
	}
#page_container .word_right{
	text-align:right;
	}
ul#Left_px25_UL{
	list-style-type:decimal;
	padding-left:25px;	
}

/* circle_style.css */
.circlemenu{
    position:absolute;
    width:1134px;
    height:379px;
    top:240px;
    left:260px;
    z-index:999;
}
a.Classes, a.Resources, a.Testing{
    float:left;
    clear:both;
    margin-bottom:10px;
    text-indent:-2000000px;
    opacity:0.8;
}

a.Classes:hover, a.Resources:hover, a.Testing:hover{
    opacity:1.0;
}

/******課程圓******/
.circle{
    margin-top:-88px;
    margin-left:-88px;
    width:227px;
    height:227px;
    position:absolute;
    left:0;
    top:0;
    background:transparent url(/images/circle.png) no-repeat top left;
    z-index:10;
    opacity:0;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}

.description{
    width:170px;
    margin:20px 10px 10px 28px;
    text-align:center;
}
.description ul{
    list-style:none;
    text-align:center;
    margin:0;
}
.description ul a{
    line-height:18px;
    font-weight:bold;
    color:#333;
    text-decoration:none;
    text-transform:uppercase;
    font-size:11px;
    text-shadow:1px 1px 1px #aaa;	
}
.description ul a:hover{
    color:#DD6622;
}

/******資源圓******/
.circle2{
    margin-top:-88px;
    margin-left:-88px;
    width:227px;
    height:227px;
    position:absolute;
    left:0;
    top:0;
    background:transparent url(/images/circle.png) no-repeat top left;
    z-index:10;
    opacity:0;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}

.description2{
    width:170px;
    margin:60px 10px 10px 28px;
    text-align:center;
}
.description2 ul{
    list-style:none;
    text-align:center;
    margin:0;
}
.description2 ul a{
    line-height:18px;
    font-weight:bold;
    color:#333;
    text-decoration:none;
    text-transform:uppercase;
    font-size:11px;
    text-shadow:1px 1px 1px #aaa;	
}
.description2 ul a:hover{
    color:#DD6622;
}

/******測驗圓******/
.circle3{
    margin-top:-88px;
    margin-left:-88px;
    width:227px;
    height:227px;
    position:absolute;
    left:0;
    top:0;
    background:transparent url(/images/circle.png) no-repeat top left;
    z-index:10;
    opacity:0;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}

.description3{
    width:170px;
    margin:40px 10px 10px 28px;
    text-align:center;
}
.description3 ul{
    list-style:none;
    text-align:center;
    margin:0;
}
.description3 ul a{
    line-height:18px;
    font-weight:bold;
    color:#333;
    text-decoration:none;
    text-transform:uppercase;
    font-size:11px;
    text-shadow:1px 1px 1px #aaa;	
}
.description3 ul a:hover{
    color:#DD6622;
}
/******標題+底色******/

.titleBackground_ta {
	font-size: 15px;
	color: #E45A32;
	background-color: #F7D56F;
}

/* circlemenu.css */
/*-------------- 測驗 --------------*/
/* CircleMenu1::base */
#CircleMenuBlue:before,
#CircleMenuBlue:after,
#CircleMenuBlue {
	content: "";
	position: absolute;
	width: 224px;
}

div#CircleMenuBlue {
    background: url(/images/circleMenuBMid.png) 0 0 repeat-y;	
	left:620px;	
	top:-140px;
}

#CircleMenuBlue:before,
#CircleMenuBlue:after {
	height: 16px;
	left: 0;
	background-position: 0 0;
	background-repeat: no-repeat;
}

#CircleMenuBlue:before {
	background-image: url(/images/circleMenuBTop.png);
	top: -16px;
}

#CircleMenuBlue:after {
	background-image: url(/images/circleMenuBBottom.png);
	bottom: -16px;
}

#CircleMenuBlue .cMenuB:before {
	content: "";
	width: 23px;
	height: 31px;
	background: url(/images/circleMenuBArrow.png) 0 0 no-repeat;
	position: absolute;
	top: 200px;
	right: -17px;
}

div#CircleMenuBlue ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

div#CircleMenuBlue ul.cMenuB {
	width:200px;
    margin: auto;
}

div#CircleMenuBlue li {
    position: relative;
    z-index: 9;
    margin: 0;
    display: block;
    float: left;
    cursor: pointer; 
    list-style-type: none; 
    width:100%;
}

div#CircleMenuBlue li:hover>ul {
    left: -2px;
}

div#CircleMenuBlue span {
    display: block;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: 95% 0;
}

div#CircleMenuBlue ul .parent {
    background: url(/images/index_menu_circle_03.png) no-repeat 175px 5px;
}

div#CircleMenuBlue ul .parent:hover {
    background: url(/images/index_menu_circle_04.png) no-repeat 175px 5px;
	background-color:#049ed9;
	color: #FFF;
}

/* CircleMenu1::level1 */
div#CircleMenuBlue ul li {
    position: relative;
    z-index: 10;
    display: block;
    float: left;
	text-align:left;
	width:100%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

div#CircleMenuBlue ul li a {
    text-decoration: none;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif","·s²Ó©úÅé";
	font-size:13px;
	color: #037AA7;
	text-align:left;
    padding: 0px 5px 0px 5px;
}

div#CircleMenuBlue ul li:hover {
	background-color:#049ed9;
	color: #FFF;
	text-align:left;
}

div#CircleMenuBlue  ul li.mark {
    background-color: #049ed9;
}

div#CircleMenuBlue  ul li.mark_bg {
    background-color: #049ed9;
}

div#CircleMenuBlue ul li:hover a,
div#CircleMenuBlue ul li.mark a {
	color: #FFF;
}

div#CircleMenuBlue ul li:hover a,
div#CircleMenuBlue ul li.mark_bg a {
	color: #FFF;
}

div#CircleMenuBlue ul li.mark a {
    padding-left: 20px;
    background: url(/images/topWhiteArrow.png) 3px 3px no-repeat;
}

div#CircleMenuBlue ul li.mark2 a {
    padding-left: 20px;
    background: url(/images/topWhiteArrow.png) 3px 3px no-repeat;
}

/* CircleMenu1::level2 */
div#CircleMenuBlue ul.cMenuSubB {
	border: 2px solid #049ed9;
	background: url(/images/ui-bg_flat_75_ffffff_40x100.png) ;
	width:150px;
	height:auto;
	padding-bottom:10px;
	padding-left:20px;
	text-align:left;
    position: absolute;
    left: -9999px;
    float: left; 
    display: block; 
    margin: -32px 0 0 200px !important;
}

div#CircleMenuBlue ul.cMenuSubB_cam {
	border: 2px solid #049ed9;
	background: url(/images/ui-bg_flat_75_ffffff_40x100.png) ;
	width:220px;
	height:auto;
	padding-bottom:10px;
	padding-left:20px;
	text-align:left;
    position: absolute;
    left: -9999px;
    float: left; 
    display: block; 
    margin: -32px 0 0 200px !important;
}

div#CircleMenuBlue ul .cMenuSubB li  {
    background: none; 
    cursor: pointer; 
    list-style-type: none; 
    margin-top: 5px; 
    padding: 0;
    float: left; 
    display: block; 
    width: 106%;
    left:-16px;
}

div#CircleMenuBlue ul .cMenuSubB_cam li  {
    background: none; 
    cursor: pointer; 
    list-style-type: none; 
    margin-top: 5px; 
    padding: 0;
    float: left; 
    display: block; 
    width: 106%;
    left:-16px;
}

div#CircleMenuBlue ul .cMenuSubB li a {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif","·s²Ó©úÅé";
	font-size:13px;
	color: #037AA7;
	text-align:left;
    height: 24px;
    line-height: 24px;
    text-decoration: none;
    padding: 0px 5px 0px 5px;
    width: 106%;
}

div#CircleMenuBlue ul .cMenuSubB_cam li a {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif","·s²Ó©úÅé";
	font-size:13px;
	color: #037AA7;
	text-align:left;
    height: 24px;
    line-height: 24px;
    text-decoration: none;
    padding: 0px 5px 0px 5px;
    width: 106%;
}

div#CircleMenuBlue ul .cMenuSubB li:hover {
	background-color:#049ed9;
	color: #FFF;
	width:106%;
	text-align:left;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
div#CircleMenuBlue ul .cMenuSubB_cam li:hover {
	background-color:#049ed9;
	color: #FFF;
	width:106%;
	text-align:left;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

div#CircleMenuBlue ul .cMenuSubB li:hover a {
	color: #FFF;
}

div#CircleMenuBlue ul .cMenuSubB_cam li:hover a {
	color: #FFF;
}

/*-------------- 資源 --------------*/
/* CircleMenu2::base */
#CircleMenuOrg:before,
#CircleMenuOrg:after,
#CircleMenuOrg {
	content: "";
	position: absolute;
	width: 150px;
}

div#CircleMenuOrg {
    background: url(/images/circleMenuOMid.png) 0 0 repeat-y;	
	left:780px;	
	bottom:35px;
}

#CircleMenuOrg:before,
#CircleMenuOrg:after {
	height: 10px;
	left: 0;
	background-position: 0 0;
	background-repeat: no-repeat;
}

#CircleMenuOrg:before {
	background-image: url(/images/circleMenuOTop.png);
	top: -10px;
}

#CircleMenuOrg:after {
	background-image: url(/images/circleMenuOBottom.png);
	bottom: -10px;
}

#CircleMenuOrg .cMenuO:before {
	content: "";
	width: 23px;
	height: 31px;
	background: url(/images/circleMenuOArrow.png) 0 0 no-repeat;
	position: absolute;
	top: 67px;
	right: -17px;
}

div#CircleMenuOrg ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

div#CircleMenuOrg ul.cMenuO {
	width:125px;
	margin: auto;
}

div#CircleMenuOrg li {
    position: relative;
    z-index: 9;
    margin: 0;
    display: block;
    float: left;
    cursor: pointer; 
    list-style-type: none; 
    width:100%;
}

div#CircleMenuOrg li:hover>ul {
    left: 4px;
}

div#CircleMenuOrg span {
    display: block;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: 95% 0;
}

div#CircleMenuOrg ul .parent {
    background: url(/images/index_menu_circle_05.png) no-repeat 108px 5px;
}

div#CircleMenuOrg ul .parent:hover {
    background: url(/images/index_menu_circle_07.png) no-repeat 108px 5px;
	background-color:#E9850F;
	color: #FFF;
}

/* CircleMenu2::level1 */
div#CircleMenuOrg ul li {
    position: relative;
    z-index: 10;
    display: block;
    float: left;
	text-align:left;
	width:100%;
}

div#CircleMenuOrg ul li a {
    height: 28px;
    line-height: 28px;
    text-decoration: none;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif","·s²Ó©úÅé";
	font-size:13px;
	color: #CC760D;
	text-align:left;
    padding: 0px 5px 0px 5px;
}

div#CircleMenuOrg ul li:hover {
	background-color:#E9850F;
	color: #FFF;
	width:100%;
	text-align:left;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

div#CircleMenuOrg ul li:hover a {
	color: #FFF;
}

/* CircleMenu2::level2 */
div#CircleMenuOrg ul.cMenuSubO {
	border: 2px solid #E9850F;
	background: url(/images/ui-bg_flat_75_ffffff_40x100.png) ;
	width:190px;
	height:auto;
	padding-bottom:10px;
	padding-left:20px;
	text-align:left;
    position: absolute;
    left: -9999px;
    float: left; 
    display: block; 
    margin: -32px 0 0 120px !important;
}

div#CircleMenuOrg ul .cMenuSubO li  {
    background: none; 
    cursor: pointer; 
    list-style-type: none; 
    margin-top: 5px; 
    padding: 0;
    float: left; 
    display: block; 
    width: 106%;
    left:-16px;
}

div#CircleMenuOrg ul .cMenuSubO li a {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif","·s²Ó©úÅé";
	font-size:13px;
	color: #CC760D;
	text-align:left;
    height: 24px;
    line-height: 24px;
    text-decoration: none;
    padding: 0px 5px 0px 5px;
    width: 106%;
}

div#CircleMenuOrg ul .cMenuSubO li:hover {
	background-color:#E9850F;
	color: #FFF;
	width:106%;
	text-align:left;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

div#CircleMenuOrg ul .cMenuSubO li:hover a {
	color: #FFF;
}

/*-------------- 課程--------------*/
/* CircleMenu3::base */
#CircleMenuGreen:before,
#CircleMenuGreen:after,
#CircleMenuGreen {
	content: "";
	position: absolute;
	width: 150px;
}

div#CircleMenuGreen {
    background: url(/images/circleMenuGMid.png) 0 0 repeat-y;	
	left:575px;	
	bottom:25px;
}

#CircleMenuGreen:before,
#CircleMenuGreen:after {
	height: 15px;
	left: 0;
	background-position: 0 0;
	background-repeat: no-repeat;
}

#CircleMenuGreen:before {
	background-image: url(/images/circleMenuGTop.png);
	top: -11px;
}

#CircleMenuGreen:after {
	background-image: url(/images/circleMenuGBottom.png);
	bottom: -11px;
}

#CircleMenuGreen .cMenuG:before {
	content: "";
	width: 23px;
	height: 31px;
	background: url(/images/circleMenuGArrow.png) 0 0 no-repeat;
	position: absolute;
	top: 67px;
	right: -17px;
}

div#CircleMenuGreen ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

div#CircleMenuGreen ul.cMenuG {
	width:130px;
	margin: auto;
}

div#CircleMenuGreen li {
    position: relative;
    z-index: 9;
    margin: 0;
    display: block;
    float: left;
    cursor: pointer; 
    list-style-type: none; 
    width:100%;
}

div#CircleMenuGreen li:hover>ul {
    left: 10px;
}

div#CircleMenuGreen span {
    display: block;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: 95% 0;
}

div#CircleMenuGreen ul .parent {
    background: url(/images/index_menu_circle_e9.png) no-repeat 108px 5px;
}

div#CircleMenuGreen ul .parent:hover {
    background: url(/images/index_menu_circle_e10.png) no-repeat 108px 5px;
	background-color:#498422;
	color: #FFF;
}

/* CircleMenu2::level1 */
div#CircleMenuGreen ul li {
    position: relative;
    z-index: 10;
    display: block;
    float: left;
	text-align:left;
	width:100%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

div#CircleMenuGreen ul li a {
    height: 26px;
    line-height: 26px;
    text-decoration: none;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif","·s²Ó©úÅé";
	font-size:13px;
	color: #498422;
	text-align:left;
    padding: 0px 5px 0px 5px;
}

div#CircleMenuGreen ul li:hover {
	background-color:#498422;
	color: #FFF;
	text-align:left;
}

div#CircleMenuGreen ul li:hover a,
div#CircleMenuGreen ul li.mark a {
	color: #FFF;
}

div#CircleMenuGreen ul li:hover a,
div#CircleMenuGreen ul li.mark_bg a {
	color: #FFF;
}

div#CircleMenuGreen ul li.mark a {
    padding-left: 20px;
    background: url(/images/topWhiteArrow.png) 3px 3px no-repeat;
}

div#CircleMenuGreen ul li.mark {
    background-color:#498422;
}

div#CircleMenuGreen ul li.mark_bg {
    background-color:#498422;
}

/* CircleMenu2::level2 */
div#CircleMenuGreen ul.cMenuSubG {
	border: 2px solid #7ad43f;
	background: url(/images/ui-bg_flat_75_ffffff_40x100.png) ;
	width:170px;
	height:auto;
	padding-bottom:10px;
	padding-left:20px;
	text-align:left;
    position: absolute;
    left: -9999px;
    float: left; 
    display: block; 
    margin: -32px 0 0 120px !important;
}

div#CircleMenuGreen ul .cMenuSubG li  {
    background: none; 
    cursor: pointer; 
    list-style-type: none; 
    margin-top: 5px; 
    padding: 0;
    float: left; 
    display: block; 
    width: 106%;
    left:-16px;
}

div#CircleMenuGreen ul .cMenuSubG li a {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif","·s²Ó©úÅé";
	font-size:13px;
	color: #498422;
	text-align:left;
    height: 24px;
    line-height: 24px;
    text-decoration: none;
    padding: 0px 5px 0px 5px;
    width: 106%;
}

div#CircleMenuGreen ul .cMenuSubG li:hover {
	background-color:#498422;
	color: #FFF;
	width:106%;
	text-align:left;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

div#CircleMenuGreen ul .cMenuSubG li:hover a {
	color: #FFF;
}

/* content_style_md.css */
@font-face {
  font-family: MyCustomFont;
  src: local("細明體"), local("微軟正黑體");
}
@font-face {
  font-family: MyCustomFont; /* 同樣的 font-family */
  unicode-range: U+00-7F, U+00C0-U+00FF, U+2150-U+2169;  /* ASCII,羅馬數字*/
  src: local(Verdana), local(Arial);
}
/* 日文假名專用 */
@font-face {
  font-family: MyCustomFont;            /* 同樣的 font-family */
  unicode-range: U+3040-30FF;           /* Hiragana, Katakana */
  src: local(Hiragino Kaku Gothic Pro), /* OS X */
       local(Meiryo);                   /* Windows Vista+ */
}
body {
	color:#4c4c4c ;
	font-family: MyCustomFont, sans-serif;
	font-size: 13px;
	line-height: 23px;
	font-style: normal;
}
.link_text_b {
	font-size: 13px;
	line-height: 20px;
	color: #009;
	background-position: left;
	background-repeat: no-repeat;
}
.link_text_b a:link {
	text-decoration: none;
	color: #00C;
}
.link_text_b a:visited {
	text-decoration: none;
}
.link_text_b a:hover {
	text-decoration: underline;
	color: #C60;
}
.link_text_b a:active {
	text-decoration: none;
}

.icon_a11 {
	background-image: url(/images/icon_aa01_03.png);
	background-repeat: no-repeat;
	margin: 3px;
	padding: 3px;
	/*background-position: center center;*/
	background-position: center 8px;
	line-height: 18px;
}

.icon_a12{
	background-image: url(/images/icon_aa01_06.png);
	background-repeat: no-repeat;
	margin: 3px;
	padding: 3px;
	/*background-position: center center;*/
	background-position: center 8px;
}
.icon_003 {
	font-size: 13px;
	float: left;
	list-style-position: outside;
	list-style-image: url(/html_v3/images/icon_aa01_06.png);
}
.icon_004{
	background-image: url(/images/icon04.png);
	background-repeat: no-repeat;
	margin: 3px;
	/*background-position: center center;*/
	background-position: center 8px;
}
.open_ha01 {
	font-size: 15px;
	font-weight: bold;
	list-style-position: inside;
	list-style-image: url(/images/icon_aa01_06.png);
}
.open_ha01 a:link {
	text-decoration: none;
	color: #00C;
}
.open_ha01 a:visited {
	text-decoration: none;
}
.open_ha01 a:hover {
	text-decoration: underline;
	color: #C60;
}
.open_ha01 a:active {
	text-decoration: none;
}
.Text01 {
	font-size: 13px;
	/*line-height: 24px;*/
	font-style: normal;
	color: #000000;/*58595b*/
}
.Text01 a:link {
	text-decoration: none;
	color: #00C;
}
.Text01 a:visited {
	text-decoration: none;
}
.Text01 a:hover {
	text-decoration: underline;
	color: #C60;
}
.Text01 a:active {
	text-decoration: none;
}

.Text_indexR_list {
	font-size: 13px;
	line-height: 24px;
	font-style: normal;
	color: #58595b;
}
.Text_indexR_list a:link {
	text-decoration: none;
	color: #000000; /*58595b*/
}
.Text_indexR_list a:visited {
	text-decoration: none;
	color: #58595b;
}
.Text_indexR_list a:hover {
	text-decoration: underline;
	color: #C60;
}
.Text_indexR_list a:active {
	text-decoration: none;
}
.Text01_r {
	font-size: 13px;
	line-height: 24px;
	font-style: normal;
	color: #CC0000;
}
.Text01_b {
	font-size: 13px;
	line-height: 24px;
	font-style: normal;
	color: #003399;
}
.Text01_bb {
	font-size: 13px;
	font-weight: bold;
	line-height: 24px;
	font-style: normal;
	color: #003399;
}
.level_01 {
	font-size: 13px;
	line-height: 36px;
	color: #234adb;
}
.level_01 a:link {
	text-decoration: none;
	color: #00C;
}
.level_01 a:visited {
	text-decoration: none;
}
.level_01 a:hover {
	text-decoration: underline;
	color: #C60;
}
.level_01 a:active {
	text-decoration: none;
}

.level_eg {
	font-family: Verdana;
	font-size: 13px;
	line-height: 36px;
	color: #234adb;
}
.footer_gtext {
	font-size: 13px;
	color: #1b4d0d;
	line-height: 18px;
	font-style: normal;
	word-spacing: 5pt;
}
.footer_btext {
	font-size: 13px;
	color: #033fa4;
	line-height: 18px;
	word-spacing: normal;
	display: inline-block;
}
.footer_wtext {
	font-size: 13px;
	color: #ffffff;
	line-height: 18px;
	word-spacing: normal;
}
.footer_blacktext {
	font-size: 13px;
	color: #363636;
	line-height: 18px;
	word-spacing: normal;
}
.footer_rtext {
	font-size: 13px;
	color: #5f4101;
	line-height: 18px;
}
.footer_e_gtext {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	color: #1b4d0d;
	line-height: 18px;
	font-style: normal;
	word-spacing: 5pt;
}
.footer_e_btext {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	line-height: 18px;
	font-style: normal;
	word-spacing: 5pt;
}
.footer_e_rtext {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	color: #5f4101;
	line-height: 18px;
	font-style: normal;
	word-spacing: 5pt;
}
.footer_text {
	font-size: 13px;
	color: #FFFFFF;
	line-height: 16px;
	font-style: normal;
	word-spacing: 5pt;
}
.footer_text_e {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	line-height: 16px;
	font-style: normal;
	word-spacing: 5pt;
}
.Text02 {
	font-size: 13px;
	line-height: 24px;
	font-style: normal;
	color: #58595b;
	text-align:justify;
	text-justify:inter-ideograph;
}
.Text02_r {
	font-size: 13px;
	line-height: 24px;
	font-style: normal;
	color: #bf1010;
	text-align:justify;
	text-justify:inter-ideograph;
}
.Text02_rb {
	font-size: 13px;
	line-height: 24px;
	font-style: normal;
	color: #bf1010;
	text-align: justify;
	text-justify: inter-ideograph;
	font-weight: bold;
}
.Text02_b {
	font-size: 13px;
	line-height: 24px;
	font-style: normal;
	color: #58595b;
	font-weight:bold;
	text-align:justify;
	text-justify:inter-ideograph;
}
.Text_link {
	font-size: 17px;
	line-height: 24px;
	font-style: normal;
	color: #0a42c1;
}
.Text_red{
	font-size: 13px;
	line-height: 24px;
	font-style: normal;
	color: #bf1010;
	text-align:right; 	
}
.Text_red a{	
	color: #bf1010;
	cursor: pointer;
}
.Text_item{
	font-size: 16px;
	/*text-indent: 25px;*/
	padding-left:26px;
	line-height: 25px;
	font-style: normal;
	color: #2a93eb;
	background-color: #e9e9e9;
	background-image:url(/images/page_icon1.png);
	background-repeat: no-repeat;
	background-position: 13px 10px;  
}
.Text_item2{
	font-size: 16px;
	text-indent: 25px;
	line-height: 24px;
	font-style: normal;
	color: #4c4c4c;
	background-color: #e9e9e9;
	background-image:url(/images/page_icon2.png);
	background-repeat: no-repeat;
	background-position: 13px center;  
}
.Text03 {
	font-size: 14px;
	line-height: 20px;
	color: #4c4c4c;
	font-weight: bold;
	text-align:justify;
	text-justify:inter-ideograph;
}
.Text03 a:link {
	text-decoration: none;
	color: #00C;
}
.Text03 a:visited {
	text-decoration: none;
}
.Text03 a:hover {
	text-decoration: underline;
	color: #C60;
}
.Text03 a:active {
	text-decoration: none;
}

.Text04 {
	font-size: 15px;
	line-height: 20px;
	color: #4c4c4c;
	font-weight: bold;
	text-align:justify;
	text-justify:inter-ideograph;
}
.Text04 a:link {
	text-decoration: none;
	color: #00C;
}
.Text04 a:visited {
	text-decoration: none;
}
.Text04 a:hover {
	text-decoration: underline;
	color: #C60;
}
.Text04 a:active {
	text-decoration: none;
}
.Text05 {
	font-size: 14px;
	line-height: 20px;
	color: #069;
	font-weight: bold;
	text-align:justify;
	text-justify:inter-ideograph;
}
.title_1 {
	font-family: MyCustomFont, "微軟正黑體", sans-serif;
	font-size: 18px;
	line-height: 20px;
	letter-spacing: 2pt;
	color: #bf1010;
}
.title_e {
	font-family: MyCustomFont, "微軟正黑體", sans-serif;
	font-size: 18px;
	line-height: 20px;
	letter-spacing: 0pt;
	color: #bf1010;
	font-weight: bold;
}
.title_ebold {
	font-size: 18px;
	line-height: 30px;
	letter-spacing: 2pt;
	color: #e4651f;
	font-weight: bold;
}
.index_TextTop {
	font-family: MyCustomFont, "微軟正黑體", sans-serif;
	font-size: 18px;
	text-indent: 23.px;
	line-height: 30px;
	font-style:normal;
	color: #58595b;
}
.text_more{
	font-size: 14px;
	line-height: 20px;
	font-style: normal;
	color: #e98003;
}
.text_more a:link {
	text-decoration: none;
	color: #e98003;
}
.text_more a:visited {
	text-decoration: none;
}
.text_more a:hover {
	text-decoration: underline;
	color: #00C;
}
.text_more a:active {
	text-decoration: none;
}

.english_title_bu {
	font-size: 16px;
	line-height:18px;
	color: #069;
	font-weight: bolder;
	margin-top: 3px;
	margin-bottom: 3px;
}
.english_title_bu a:link {
	text-decoration: none;
	color: #069;
}
.english_title_bu a:visited {
	text-decoration: none;
}
.english_title_bu a:hover {
	text-decoration: underline;
	color: #C60;
}
.english_title_bu a:active {
	text-decoration: none;
}

.english_title_ba {
	font-size:16px;
	line-height: 18px;
	color: #4c4c4c;
	font-weight: bolder;
	margin-top: 3px;
	margin-bottom:3px;
}
.english_title_ba a:link {
	text-decoration: none;
	color: #00C;
}
.english_title_ba a:visited {
	text-decoration: none;
}
.english_title_ba a:hover {
	text-decoration: underline;
	color: #C60;
}
.english_title_ba a:active {
	text-decoration: none;
}
.english_title_ol {
	font-size: 16px;
	line-height: 18px;
	color: #F60;
	font-weight: bolder;
	margin-top: 3px;
	margin-bottom: 3px;
}
.english_title_2 {
	font-size: 15px;
	line-height:18px;
	color: #069;
	font-weight: bold;
	height: 14px;
}
.english_title_2 a:link {
	text-decoration: none;
	color: #069;
}
.english_title_2 a:visited {
	text-decoration: none;
}
.english_title_2 a:hover {
	text-decoration: underline;
	color: #C60;
}
.english_title_2 a:active {
	text-decoration: none;
}	
.english_BText_back {
	font-size: 13px;
	line-height: 20px;
	color: #4c4c4c;
	text-transform: none;
	font-weight: bold;
}
.english_Text_back {
	font-size: 13px;
	line-height: 20px;
	color: #4c4c4c;
	text-transform: none;
}
.english_Text_red {
	font-size: 13px;
	line-height: 20px;
	color: #C00;
	text-transform: none;
}

.english_Text_blue {
	font-size: 13px;
	line-height: 20px;
	color: #036;
	text-transform: none;
}

.english_Text_orange {
	font-size: 13px;
	line-height: 20px;
	color: #F60;
	text-transform: none;
}

.englishtaxt_link_blue {
	font-size: 13px;
	line-height: 18px;
	color: #009;
	text-decoration: underline;
}

.english_title {
	font-size: 24px;
	line-height: 13px;
	color: #069;
	font-weight: bolder;
}
	
.english_Text_back {
	font-size: 13px;
	line-height: 20px;
	color: #4c4c4c;
	text-transform: none;
}

.english_Text_red {
	font-size: 13px;
	line-height: 20px;
	color: #C00;
	text-transform: none;
}

.english_Text_blue {
	font-size: 13px;
	line-height: 20px;
	color: #036;
	text-transform: none;
}

.ex_taxt {
	font-size: 16px;
	color: #000;
	background-color: #ECD9BD;
	width: 500px;
	height: 20px;
	margin: 0px;
	padding: 10px;
}


.title_bold_p {
	font-size: 18px;
	line-height: 20px;
	letter-spacing: 2pt;
	color: #e4651f;
	font-weight: bold;
}

.title2_bold_p {
	font-size: 15px;
	line-height: 20px;
	letter-spacing: 1pt;
	color: #CE591A;
	font-weight: bold;
	word-spacing: 2em;
}
.title2_bold_pb {
	font-size: 15px;
	line-height: 20px;
	letter-spacing: 1pt;
	color: #069;
	font-weight: bold;
}
.title2_bold_pb a:link {
	text-decoration: none;
	color: #00C;
}
.title2_bold_pb a:visited {
	text-decoration: none;
}
.title2_bold_pb a:hover {
	text-decoration: underline;
	color: #C60;
}
.title2_bold_pb a:active {
	text-decoration: none;
}	

.title2_back_p{
	font-size: 15px;
	line-height: 20px;
	letter-spacing: 1pt;
	color: #4c4c4c;
	font-weight: bold;
	word-spacing: 2em;
}
/******線段******/
.line_a1 {
	background-image: url(/images/line_a.png);
	height: 13px;
	background-repeat: no-repeat;
	background-position: left;
}
.line_a2 {
	background-image: url(/images/line_b.png);
	height: 13px;
	background-repeat:repeat-x;
	background-position: left;
}
.line_a3 {
	background-image: url(/images/line_f.png);
	height: 13px;
	background-repeat:repeat-x;
	background-position: left;
}
/******標題+底色******/
.titleBackground_ta {
	font-size: 15px;
	line-height: 20px;
	letter-spacing: 1pt;
	color: #AC2835;
	font-weight: bold;
	background-color: #F7D56F;
}
.titleBackground_teach {
	font-size: 15px;
	/*line-height跟底圖的高度相同*/
	line-height: 20px;
	letter-spacing: 1pt;
	color: #AC2835;
	font-weight: bold;
	padding-left:26px;
	/*圖片直接放帶有icon的漸層長條圖*/
	background-image:url(/images/page_icon1.png);
	background-repeat: no-repeat;
}
/******生活英語(左方選單項目)******/
.Text_Life {
	font-size: 12px;
	color: black;/*#777*/
	/*padding-left:35px;*/
	padding-right:10px;
	padding-top:2px;
	line-height: 10px;
}
/******ResearchGrants(左方選單項目)******/
.Text_ResearchGrants {
	font-size: 15px;
	color: #000;
	padding-left:35px;
	padding-right:10px;
	padding-top:6px;
	line-height: 15px;
	font-family: Verdana,"微軟正黑體";
}
.Text_ResearchGrants2 {
	font-size: 14px;
	color: #000;
	padding-left:35px;
	padding-right:10px;
	padding-top:2px;
	line-height: 12px;
	font-family: Verdana,"微軟正黑體";
}

/******NEWS(左方選單項目)******/
.Text_news {
	font-size: 15px;
	color: #000;
	padding-left:35px;
	padding-right:10px;
	padding-top:8px;
	line-height: 13px;
	font-family: Verdana,"微軟正黑體";
}
/*左方標題多行文字使用，將多行文字縮成兩行*/
.Text_news_minLine {
	font-size: 15px;
	color: #000;
	padding-left:35px;
	padding-right:10px;
	padding-top:0px;
	line-height: 13px;
	font-family: Verdana,"微軟正黑體";
}

/*若原圖片為單行，使用了Text_news變成多行，則改用這個*/
.Text_news_oneLine {
	font-size: 14px;
	color: #000;
	padding-left:35px;
	padding-right:10px;
	padding-top:8px;
	line-height: 13px;
	font-family: Verdana,"微軟正黑體";
}

/*lcct拿去修後，新增的*/
.Text06 {
	font-size: 14px;
	line-height: 20px;
	color: #bf1010;
	font-weight: bold;
	text-align:justify;
	text-justify:inter-ideograph;
}
.Text07 {
	font-size: 14px;
	line-height: 20px;
	color: #006600;
	font-weight: bold;
	text-align:justify;
	text-justify:inter-ideograph;
}

/* demo.css */
.LeftMenu ul{
	margin:0;
	padding:0;
}

.LeftMenu ul.container{
	/* The topmost UL */
	width:240px;
	margin:0 auto;
	padding:50px;
}

.LeftMenu li{
	list-style:none;
	text-align:left;
		font-family:"微軟正黑體";
}

.LeftMenu li.menu{
	/* The main list elements */
	padding:5px 0;
	width:100%;
		font-family:"微軟正黑體";
}

.LeftMenu li.button a{
	/* The section titles */
	display:block;
	font-family:BPreplay,Arial,Helvetica,sans-serif;
	font-size:21px;
	height:34px;
	overflow:hidden;
	padding:10px 20px 0;
	position:relative;
	width:200px;
			font-family:"微軟正黑體";
}

.LeftMenu li.button a:hover{
	/* Removing the inherited underline from the titles */
	text-decoration:none;
}

.LeftMenu li.button a span{
	/* This span acts as the right part of the section's background */
	height:44px;
	position:absolute;
	right:0;
	top:0;
	width:4px;
	display:block;
			font-family:"微軟正黑體";
}

/* Setting up different styles for each section color */

.LeftMenu li.button a.blue{background:url(/img/blue.png) repeat-x top left; color:#074384;}
.LeftMenu li.button a.blue span{ background:url(/img/blue.png) repeat-x top right;}

.LeftMenu li.button a.green{background:url(/img/green.png) repeat-x top left; color:#436800;}
.LeftMenu li.button a.green span{ background:url(/img/green.png) repeat-x top right;}

.LeftMenu li.button a.orange{background:url(/img/orange.png) repeat-x top left; color:#882e02;}
.LeftMenu li.button a.orange span{ background:url(/img/orange.png) repeat-x top right;}

.LeftMenu li.button a.red{background:url(/img/red.png) repeat-x top left; color:#641603;}
.LeftMenu li.button a.red span{ background:url(/img/red.png) repeat-x top right;}

/* The hover effects */

.LeftMenu li.button a:hover{ background-position:bottom left;}
.LeftMenu li.button a:hover span{ background-position:bottom right;}

.dropdown{
	/* The expandable lists */
	display:none;
	padding-top:5px;
	width:240px;
			font-family:"微軟正黑體";
}

.dropdown li{
	/* Each element in the expandable list */
	background-color:#373128;
	border:1px solid #40392C;
	color:#CCCCCC;
	margin:5px 0;
	padding:4px 18px;
}


/* The styles below are only necessary for the demo page */

.LeftMenu h1{
	font-family:"微軟正黑體",Arial,Helvetica,sans-serif;
	font-size:36px;
	font-weight:normal;
	margin-bottom:15px;
}

.LeftMenu h2{
	font-family:"微軟正黑體",Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:normal;
	padding-right:140px;
	right:0;
	text-align:right;
	text-transform:uppercase;
	top:15px;
}

.clear{
	clear:both;
}

#main{
	/* The main container */
	margin:15px auto;
	text-align:center;
	width:285px;
	position:relative;
	font-family:"微軟正黑體";
}

/* leftmenu.css */
/*---------- 主要區塊(左_選單) ----------*/
#LeftMenu { margin-top:15px; margin-bottom:30px; width:350px; height:auto;z-index:888; }
#LeftMenu #MPic {left:20px;width:240px; position:relative; margin:10px 0px 10px 0px; text-align:center;}
#LeftMenu #MTop {left:-1px;width:338px;height:60px;position:relative;}
#LeftMenu #MMain {left:-19px;width:338px;height:auto; position:relative; background: url(/images/left_menu/LeftMenu_background.png) repeat-y;}
#LeftMenu #MBottom {left:0px;width:338px;height:40px;position:relative;margin-bottom:20px;}

#LeftMenu #MMain ul{
	background:none;
	}
/*---------- 左_選單 ----------*/
.accordion { width: 218px; list-style-type: none; padding: 0; margin: 0 0 0 48px; }
.accordion ul {
	list-style-type: none;
	padding:0px;
	margin-left:10px;
	margin-top:10px;
	width:95%;
	background:none; 
	font-size:15px;
	font-family:Verdana,"微軟正黑體";
	}
.accordion li { cursor: pointer; list-style-type: none; padding: 2px; margin: 0; display: block; width: 100%;}
.accordion a { text-decoration: none; padding: 0; display: block; cursor: pointer; }
.accordionSub { position: relative; }
.accordionSub ul {	
	}
.accordionSub li {
	list-style-type: none;
	padding:0px;
	display: block;
	margin-left:0px;
	width: 95%;
	background: url(/images/left_menu/SFLPT_Life/menu_line.png) repeat-x 0 26px;
	height:30px;
	text-align:left;
	
	}
.accordionSub li:hover {
	background: url(/images/left_menu/SFLPT_Life/menu_line.png) repeat-x 0 26px;
	}
.accordionSub li a  {
    color:#000; /*777*/
    text-decoration:none;	
	padding-left:30px;
	text-indent:0px;
	/*margin-left:42px;
	padding-top:2px;*/
}
/*---------- 左_選單 (字太長用的)----------*/
#textOverH { height:60px; background: url(/images/left_menu/LeftMenu_line.png) no-repeat 0px 52px;}
#textOverH2 { height:90px; background: url(/images/left_menu/LeftMenu_line.png) no-repeat 0px 78px;}

/* nav-h.css */
/*
Author: Craig Erskine
Description: Dynamic Menu System - Horizontal/Vertical
*/

ul#navmenu-h { margin: 0; padding: 0; list-style: none; position: relative;z-index:1000; }

ul#navmenu-h .navsub  
{
    background-image: url(/images/page_blue_05_.jpg) ;
    width: 95px;
    height:53px;
}
ul#navmenu-h .navsub1  
{
    background-image: url(/images/page_blue_06_.jpg) ;
    width: 91px;
    height:53px;
}
/*ul#navmenu-h .navsub2  
{
    background-image: url(/images/page_blue_07.jpg) ;
    width:105px;
    height:53px;
}*/

ul#navmenu-h .navsub3  
{
    background-image: url(/images/page_blue_08_.jpg) ;
    width: 211px;
    height:53px;
}

ul#navmenu-h .navsub4  
{
    background-image: url(/images/page_blue_09_.jpg) ;
    width: 122px;
    height:53px;
}

ul#navmenu-h .navsub:hover  
{
    background-image: url(/images/page_blue_05_hover_.jpg) ;
}

ul#navmenu-h .navsub1:hover  
{
    background-image: url(/images/page_blue_06_hover_.jpg) ;
}
/*ul#navmenu-h .navsub2:hover  
{
    background-image: url(/images/page_blue_07_hover.jpg) ;
}*/

ul#navmenu-h .navsub3:hover  
{
    background-image: url(/images/page_blue_08_hover_.jpg) ;
}

ul#navmenu-h .navsub4:hover  
{
    background-image: url(/images/page_09_hover_.jpg) ;
}

/*ENG 版選單樣式*/

ul#navmenu-h_en { margin: 0; padding: 0; list-style: none; position: relative;z-index:1000; }

ul#navmenu-h_en .navsubnewsen  
{
    background-image: url(/images/page_blue_02_en.jpg) ;
    width:/*83px*/ 103px;
    height:53px;
}

ul#navmenu-h_en .navsubcoursesen  
{
    background-image: url(/images/page_blue_02_en.jpg) ;
    width:/*88px*/ 108px;
    height:53px;
}

ul#navmenu-h_en .navsuben  
{
    background-image: url(/images/page_blue_02_en.jpg) ;
    width:/*78px*/ 98px;
    height:53px;
}
ul#navmenu-h_en .navsub1en  
{
    background-image: url(/images/page_blue_02_en.jpg) ;
    width:/*112px*/ 132px;
    height:53px;
}
/*ul#navmenu-h_en .navsub2en  
{
    background-image: url(/images/page_blue_02_en.jpg) ;
    width:125px;
    height:53px;
}*/

ul#navmenu-h_en .navsub3en  
{
    background-image: url(/images/page_blue_02.jpg) ;
    width:/*172px*/ 192px;
    height:53px;
}

ul#navmenu-h_en .navsub4en  
{
    background-image: url(/images/page_blue_02_en.jpg) ;
    width:/*85px*/ 105px;
    height:53px;
}
ul#navmenu-h_en .navsubeshopen  
{
    background-image: url(/images/page_blue_02_en.jpg) ;
    width: /*90px*/ 95px;
    height:53px;
}

ul#navmenu-h_en .navsubnewsen:hover  
{
    background-image: url(/images/page_blue_02_en.jpg) ;
	height:53px;
}

ul#navmenu-h_en .navsubcoursesen:hover  
{
    background-image: url(/images/page_blue_02_en.jpg) ;
	height:53px;
}

ul#navmenu-h_en .navsuben:hover  
{
    background-image: url(/images/page_blue_02_en_hover.jpg) ;
}

ul#navmenu-h_en .navsub1en:hover  
{
    background-image: url(/images/page_blue_02_en_hover.jpg) ;
}
/*ul#navmenu-h_en .navsub2en:hover  
{
    background-image: url(/images/page_blue_02_en_hover.jpg) ;
}*/

ul#navmenu-h_en .navsub3en:hover  
{
    background-image: url(/images/page_blue_02_en_hover.jpg) ;
}
ul#navmenu-h_en .navsub4en:hover  
{
    background-image: url(/images/page_blue_02_en_hover.jpg) ;
}
ul#navmenu-h_en .navsubeshopen:hover  
{
    background-image: url(/images/page_blue_02_en.jpg) ;
	height:53px;
}

ul#navmenu-h_en ul {
 width: 410px; /* Sub Menu Width */
 margin: 0;
 list-style: none;
 display: none;
 position: absolute;
 top: 100%;
 left: -40px;
 z-index:999;
}

ul#navmenu-h_en ul ul,ul#navmenu-h_en ul ul ul { top: 0; left: 100%; }

ul#navmenu-h_en li { float: left; display: inline; position: relative; }
ul#navmenu-h_en ul li { width: 100%; display: block; }

/* Root Menu */
ul#navmenu-h_en a {
 float: left;
 display: block;
 color: #085372;
 font-family: "Verdana", "Arial", "Helvetica", "sans-serif","新細明體";
 font-size:15px;
 text-decoration: none;
 height: 1%;
}

/* Root Menu Hover Persistence */
ul#navmenu-h_en a:hover,ul#navmenu-h_en li:hover a,ul#navmenu-h_en li.iehover a {
 background-color:#ADE7FD;
 color: #08526F;
}

/* 2nd Menu */
ul#navmenu-h_en ul ul {
 width: 320px; /* Sub Menu Width */
 left:370px;
}

ul#navmenu-h_en li:hover li a,ul#navmenu-h_en li.iehover li a {
 float: none;
 background-color:#ADE7FD;
 padding:2px 7px 2px 7px;
}

/* 2nd Menu Hover Persistence */
ul#navmenu-h_en li:hover li a:hover,ul#navmenu-h_en li:hover li:hover a,ul#navmenu-h_en li.iehover li a:hover,ul#navmenu-h_en li.iehover li.iehover a {
 background: #D8F4FF;
 color: #0C2B49;
}

/* 3rd Menu */
ul#navmenu-h_en li:hover li:hover li a,ul#navmenu-h_en li.iehover li.iehover li a {
 background: #D8F4FF;
}

/* 3rd Menu Hover Persistence */
ul#navmenu-h_en li:hover li:hover li a:hover,ul#navmenu-h_en li:hover li:hover li:hover a,ul#navmenu-h_en li.iehover li.iehover li a:hover,ul#navmenu-h_en li.iehover li.iehover li.iehover a {
 background: #08526F;
 color: #FFF;
}

/* 4th Menu */
ul#navmenu-h_en li:hover li:hover li:hover li a,ul#navmenu-h_en li.iehover li.iehover li.iehover li a {
 background: #666;
}

/* 4th Menu Hover */
ul#navmenu-h_en li:hover li:hover li:hover li a:hover,ul#navmenu-h_en li.iehover li.iehover li.iehover li a:hover {
 background: #333;
}

/* Hover Function - Do Not Move */
ul#navmenu-h_en li:hover ul ul,ul#navmenu-h_en li:hover ul ul ul,ul#navmenu-h_en li.iehover ul ul,ul#navmenu-h_en li.iehover ul ul ul { display: none; }
ul#navmenu-h_en li:hover ul,ul#navmenu-h_en ul li:hover ul,ul#navmenu-h_en ul ul li:hover ul,ul#navmenu-h_en li.iehover ul,ul#navmenu-h_en ul li.iehover ul,ul#navmenu-h_en ul ul li.iehover ul { display: block; }


/* Eng 選單結束*/

ul#navmenu-h ul {
 width:250px; /* Sub Menu Width */
 margin: 0;
 list-style: none;
 display: none;
 position: absolute;
 top: 100%;
 left: -40px;
 z-index:999;
}

ul#navmenu-h .navsub2 ul {
 width: 210px; /* Sub Menu Width */
 margin: 0;
 list-style: none;
 display: none;
 position: absolute;
 top: 100%;
 left: -40px;
 z-index:999;
}
ul#navmenu-h ul ul,ul#navmenu-h ul ul ul { top: 0; left: 100%; }

ul#navmenu-h li { float: left; display: inline; position: relative; }
ul#navmenu-h ul li { width: 100%; display: block; }

/* Root Menu */
ul#navmenu-h a {
 float: left;
 display: block;
 color: #085372;
 font-family: "Verdana", "Arial", "Helvetica", "sans-serif","新細明體";
 font-size:15px;
 text-decoration: none;
 height: 1%;
}

/* Root Menu Hover Persistence */
ul#navmenu-h a:hover,ul#navmenu-h li:hover a,ul#navmenu-h li.iehover a {
 background-color:#ADE7FD;
 color: #08526F;
}

/* 2nd Menu */
ul#navmenu-h ul ul {
 width:190px; /* Sub Menu Width */
 left:210px;
}

ul#navmenu-h li:hover li a,ul#navmenu-h li.iehover li a {
 float: none;
 background-color:#ADE7FD;
 padding:2px 7px 2px 7px;
}

/* 2nd Menu Hover Persistence */
ul#navmenu-h li:hover li a:hover,ul#navmenu-h li:hover li:hover a,ul#navmenu-h li.iehover li a:hover,ul#navmenu-h li.iehover li.iehover a {
 background: #D8F4FF;
 color: #0C2B49;
}

/* 3rd Menu */
ul#navmenu-h li:hover li:hover li a,ul#navmenu-h li.iehover li.iehover li a {
 background: #D8F4FF;
}

/* 3rd Menu Hover Persistence */
ul#navmenu-h li:hover li:hover li a:hover,ul#navmenu-h li:hover li:hover li:hover a,ul#navmenu-h li.iehover li.iehover li a:hover,ul#navmenu-h li.iehover li.iehover li.iehover a {
 background: #08526F;
 color: #FFF;
}

/* 4th Menu */
ul#navmenu-h li:hover li:hover li:hover li a,ul#navmenu-h li.iehover li.iehover li.iehover li a {
 background: #666;
}

/* 4th Menu Hover */
ul#navmenu-h li:hover li:hover li:hover li a:hover,ul#navmenu-h li.iehover li.iehover li.iehover li a:hover {
 background: #333;
}

/* Hover Function - Do Not Move */
ul#navmenu-h li:hover ul ul,ul#navmenu-h li:hover ul ul ul,ul#navmenu-h li.iehover ul ul,ul#navmenu-h li.iehover ul ul ul { display: none; }
ul#navmenu-h li:hover ul,ul#navmenu-h ul li:hover ul,ul#navmenu-h ul ul li:hover ul,ul#navmenu-h li.iehover ul,ul#navmenu-h ul li.iehover ul,ul#navmenu-h ul ul li.iehover ul { display: block; }

.TopSearchBox
{
    background: url(/images/page_blue_11.jpg) no-repeat;
    width:230px;
    height:53px;
    text-align:left; 
    }
    
.TopSearchBox .sbox
{
    padding-top:22px;
    padding-left:62px;
    }

.TopSearchBox .txtbox
{
    width:131px;
    height:12px;
    font-size:11px;
    color:#666666;
    font-family: "Verdana", "Arial", "Helvetica", "sans-serif","新細明體";
    border:0px;
    background: url(/images/page_blue_11.jpg) no-repeat 22px 38px;
    }

/* packed.css */
#acc {
	list-style: none;
}
#acc h3 {
	cursor:pointer;
	}
#acc .acc-section {overflow:hidden;}

/* pic-change.css */
a img {
	border: none;
}
#abgne_fade_pic {
	position: relative;
	width:1134px;
	height: 500px;
	margin: 0 33px;
	background-color: #ffffff;
}
#abgne_fade_pic a.ad {
	position: absolute;	/*圖片疊在一起*/
	left:0px;
}
#abgne_fade_pic .control {
	position: absolute;
	right: 10px;
	bottom: 10px;
	visibility:hidden;
}
#abgne_fade_pic .control a {
	padding: 3px;
	margin: 0 3px;
	width: 16px;
	color: #fff;
	background: #000;
	text-align: center;
	font-size: 16px;
	text-decoration: none;
}
#abgne_fade_pic .control a.on {
	font-weight: bold;
	color: #f00;
}

/*首頁手勢表示*/
.Hand_Class{
        position: absolute;
        height: 40px;
        width: 35.5px;
        opacity: 0;
        display: block;
}
.Hand_Class img{
        height: 100%;
        width: 100%;
        
}
#Hand1{
        left: 790px;
        top: 230px;
        display: block;
        z-index: 6;
}
#Hand2{
        left: 890px;
        top: 110px;
        z-index: 6;
}
#Hand3{
        left: 980px;
        top: 205px;
        z-index: 6;
}

.Btn_BgImg{
        position: absolute;
        height: 100%;
        width: 100%;
        left: 0px;
        top: 0px;
        z-index: 5;
        opacity:0;
}


/* rockingroll_style.css */
.RRmenu{
    width:650px;
    height:65px;
    position:relative;
    top:0px;
    left:0px;
    font-family: "Trebuchet MS", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: bold;
    text-transform: uppercase;
}

.RRitem{
    position:relative;
    float:right;
    width:46px;
    margin:5px 5px;
    height:46px;
    cursor:pointer;
    overflow:hidden;
}

.RRitem2{
    position:relative;
    float:right;
    width:83px;
    margin:14px 3px;
    height:32px;
    cursor:pointer;
    overflow:hidden;
}

.RRitem3{
    position:relative;
    float:right;
    width:49px;
    margin:14px 3px;
    height:32px;
    top: -2px;
}

.RRitem5{
    position:relative;
    float:right;
    width:102px;
    margin:14px 3px;
    height:32px;
}

.RRitemSub {
	position: absolute;
	background-color: #ffffff;
	border: 2px solid #ed4137;
	z-index: 50;
	text-align: left;
	list-style-type: none;
	padding: 8px;
	line-height: 23px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	display: none;
	white-space: nowrap;
	left: -60px;
}
.RRitemSub li {
	display: inline-block;
}
.RRitem3:hover .RRitemSub {
	display: block;
}
.RRitemSub a {
	color: #ed4137;
	font-family: "Verdana","Arial","Helvetica","sans-serif";
	font-size: 15px;
	padding: 5px;
	text-decoration: none;
	white-space: nowrap;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.RRitemSub a:hover {
	color: #ffffff;
	background-color: #ed4137;
}
.RRitem4{
    position:relative;
    float:right;
    width:102px;
    margin:14px 3px;
    height:32px;
    cursor:pointer;
    overflow:hidden;
}

.RRitem_find{
    position:relative;
    background-color:#f0f0f0;
    float:right;
    width:40px;
    max-width: 190px;
    text-align: left;
    margin:5px 5px;
    height:40px;
    border:2px solid #ddd;
    -moz-border-radius:30px;
    -webkit-border-radius:30px;
    border-radius:30px;
    -moz-box-shadow:1px 1px 3px #555;
    -webkit-box-shadow:1px 1px 3px #555;
    box-shadow:1px 1px 3px #555;
    cursor:pointer;
    overflow:hidden;  
}

.RRlink{
    left:2px;
    top:2px;
    position:absolute;
    width:40px;
    height:40px;
}

.RRicon_find{
    background:transparent url(/images/find.png) no-repeat top 2px left 2px;
}

.RRitem_content{
    position:absolute;
    height:40px;
    width:220px;
    overflow:hidden;
    left:44px;
    top:12px;
    background:transparent;
    display:none;
}

.RRitem_content h2{
    color:#aaa;
    text-shadow: 1px 1px 1px #fff;
    background-color:transparent;
    font-size:14px;
    text-align:left;
}

.RRitem_content a{
    background-color:transparent;
    float:left;
    margin-right:7px;
    margin-top:3px;
    color:#bbb;
    text-shadow: 1px 1px 1px #fff;
    text-decoration:none;
    font-size:12px;
}

.RRitem_content a:hover{
    color:#0b965b;
}

.RRitem_content p {
    background-color:transparent;
    display:none;
}

.RRitem_content p input{
    border:1px solid #ccc;
    padding:1px;
    width:155px;
    float:left;
    margin-right:5px;
}

/* slider.css */
/*
	Slideshow
*/

#slides {
	position:relative;
	width:573px;
	margin:0 auto;
	margin-top:60px;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width:573px;
	height:158px;
	position:relative;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container a {
	width:573px;
	height:158px;
	display:block;
}

.slides_container a img {
	display:block;
}

/*
	Next/prev buttons
*/

#slides .next,#slides .prev {
	position:absolute;
	top:70px;
	left:-29px;
	width:24px;
	height:43px;
	display:block;
	z-index:10;
}

#slides .next {
	left:785px;
}

/*
	Pagination
*/

.pagination {
	margin:10px auto 0;
	width:125px;
}

.pagination li {
	float:left;
	margin:0 2px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:15px;
	height:0;
	padding-top:13px;
	background-image:url(/images/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -13px;
}

/* slideshow.css */
div#Slideshow2 {
	position:relative;
	margin-left:6px;	
}
	a img {
		border: none;
	}
	#Slideshow {
 	    height:180px;

	}
	#Slideshow a.ad {
		position: absolute;	/* 讓圖片疊在一起 */
	}
	#Slideshow .controlt {
		position: absolute;
		right: 0;
		top: 170px;		
		padding: 0;
		margin: 0;
		line-height: 1;
	}
	#Slideshow .controlt a {
		padding: 1px 5px;
		margin-left: 3px;
		color: #ffffff;
		background-color: #999999;
		text-decoration: none;
	}
	#Slideshow .controlt a:hover {
		background-color: #666666;
	}
	#Slideshow .controlt a.on {
		font-weight: bold;
		background-color: #ffffff;
		color: #000000;
	}

/* wp-auto-top.css */
/* CSS Document */

/*左靠模式===使用时请删掉下边一句的注释*/
/*左靠模式*/#shangxia{position:fixed;top:400px;left:52%;display:block;margin-left:-340px; z-index:98;}
/*右靠模式*//*#shangxia{position:fixed;top:50%;display:block;right:2%; z-index:999;}*/
/*#shangxia{position:fixed;top:45%;right:50%;display:block;margin-right:-540px; z-index:999;}*/
/*以下勿动*/
#shang,#xia{background:url(/images/huadong.png) left 0 no-repeat;position:relative;cursor:pointer;margin:10px 0 0;}
#shang,#xia{width:36px;height:36px;background-color:#999999;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;border-radius:20px;background-size:142.5px 87.5px}#shang{background-position:-8px -2px}#shang:hover{background-position:-99px -2px}#xia{background-position:-8px -48px}#xia:hover{background-position:-99px -48px}

/* mytest.css */
html {
  overflow-y: scroll;
}

#home_main_content {
  float: left;
  width: 560px;
  margin-left: -560px;
  position: relative;
  left: 817px;
}

#home_main_content,
#home_aside {
  padding-top: 44px;
}

#home_aside {
  float: right;
  width: 224px;
  margin-right: 46px;
}

#home_banners {
  float: left;
  width: 164px;
  margin-left: 48px;
  position: relative;
  z-index: 12;
}
#home_banners ul {
  list-style-type: none;
}
#home_banners li {
  margin-bottom: 12px;
}
#home_banners img {
  -webkit-box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.3);
}

#sign_links .section {
  width: 258px;
  height: 226px;
  position: relative;
  overflow: hidden;
  display: inline-block;
  margin-bottom: 40px;
  margin-right: 8px;
}
#sign_links .default {
  position: relative;
  width: 256px;
  border: 1px solid #a7a7a7;
  height: 224px;
  border-left-color: #cbcbcb;
  border-right-color: #cbcbcb;
}
#sign_links .logo span,
#sign_links .summary span {
  display: table-cell;
  vertical-align: middle;
}
#sign_links .logo {
  width: 258px -4;
  border-left: 1px solid #dbdbdb;
  border-right: 1px solid #dbdbdb;
  text-align: center;
}
#sign_links .logo span {
  width: 254px;
  height: 161px;
}
#sign_links .summary {
  background-color: #1E9DD7;
  color: #ffffff;
  font-size: 15px;
  position: absolute;
  bottom: 0;
  font-family: verdana, sans-serif;
}
#sign_links .summary span {
  width: 240px;
  height: 70px;
  padding-left: 16px;
}
#sign_links .second {
  border: 1px solid #c6c6c6;
  background-color: #FFF798;
  height: 222px;
  padding-top: 2px;
  position: absolute;
  left: 0;
  top: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  color: #221814;
}
#sign_links .second h3 {
  margin: 0 10px;
  line-height: 1.5;
}
#sign_links .second h3 span {
  width: 236px;
  height: 68px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  font-size: 13px;
  font-weight: normal;
}
#sign_links .second p {
  width: 210px;
  margin: 2px auto 0;
  font-size: 12px;
  text-align: justify;
}
#sign_links .second .goToSign {
  position: absolute;
  bottom: 22px;
  right: 0;
  display: block;
  background-color: #1E9DD7;
  color: #ffffff;
  height: 29px;
  line-height: 29px;
  width: 84px;
  text-decoration: none;
  text-align: center;
}
#sign_links .second .goToSign:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
  opacity: 0.85;
}

html body .fancybox-skin {
  border: 0px solid #92d050;
  background-color: #ffffff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
}
/*-- 颱風Popup --*/
.fancyboxPopup {
  width: 508px;
  position: relative;
}
.fancyboxPopup:after {
  position: absolute;
  width: 1px;
  background-color: #cce9ad;
  right: 0;
  top: 10px;
  bottom: 10px;
  content: "";
}
.fancyboxPopup .title {
  background-color: #92d050;
  font-size: 18px;
  color: #ffffff;
  padding-left: 10px;
  padding-top: 15px;
  padding-bottom: 15px;
  margin: 0;
  border-bottom: 1px solid #d6d6d6;
  -webkit-box-shadow: 0 0 0 1px #c1c1c1;
  -moz-box-shadow: 0 0 0 1px #c1c1c1;
  box-shadow: 0 0 0 1px #c1c1c1;
  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  -ms-border-radius: 10px 10px 0 0;
  -o-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0;
}
.fancyboxPopup .title:before {
  content: "";
  display: block;
  width: 600px;
  height: 1px;
  background-color: #b6e08a;
  position: absolute;
  top: 0;
  left: 4px;
}
.fancyboxPopup .fancyboxContent {
  color: #4c4c4c;
  font-size: 13px;
  line-height: 24/13;
  padding-left: 20px;
  padding-right: 20px;
}
.fancyboxPopup .fancyboxContent .more {
  text-align: right;
}

.fancyboxPopup .poster {
  float: right;
  margin-top: 0;
}

.typhoonPopup {
  width: 708px;
}

/*-- 額外的新年popup -- NewYear --*/
.fancyboxPopupNY {
  width: 860px;
  /*height: 484px;*/
  position: relative;
}
.fancyboxPopup:after {
  position: absolute;
  width: 1px;
  background-color: #B31D23;
  right: 0;
  top: 10px;
  bottom: 10px;
  content: "";
}
.fancyboxPopup .fancyboxContentNY {
  color: #ffffff;
  background-color: #B31D23;
  font-size: 0px;
  height: 484px;
  padding-left: 0px;
  padding-right: 0px;
}
.fancyboxPopup .poster {
  float: right;
  margin-top: 0;
}

/*-- 額外的新年popup -- NewYear --*/
.NewYearPopup {
  width: 860px;
}

.breadcrumb {
  border-bottom: 1px solid #e6e6e6;
}
.breadcrumb ol {
  list-style: none;
  margin: 0;
  padding: 0;
  color: #234ADB;
  line-height: 36px;
  border-bottom: 1px solid #d8d8d8;
}
.breadcrumb li {
  display: inline;
}
.breadcrumb li:before {
  content: " > ";
}
.breadcrumb li:first-child:before {
  content: "";
}

.baseTitle {
  color: #4C4C4C;
  font-size: 14px;
}

.baseOl {
  padding-left: 2em;
}
dl .baseOl {
  padding-left: 0;
}

.secOl {
  counter-reset: no;
  list-style: none;
  text-indent: -2em;
  margin-left: 1.8em;
}
.secOl > li:before {
  counter-increment: no;
  content: "(" counter(no) ")";
  margin-right: .5em;
}
.baseOl .secOl {
  padding-left: 2em;
}

.starList {
  padding-left: 0;
}
.starList > li:before {
  content: "\2605";
  color: #BF1010;
  font-weight: bold;
  margin-right: .5em;
}

.contentSummary {
  color: #CE591A;
  font-size: 15px;
  letter-spacing: 1pt;
}

.dotList {
  padding-left: 2px;
}
.dotList > li {
  background: url("../images/icon_aa01_03.png") 0 6px no-repeat;
  padding-left: 16px;
}

.dbCircleList {
  text-indent: -1.6em;
  margin-left: 2em;
}
.dbCircleList > li:before {
  content: "\25ce";
  margin-right: .5em;
  color: #CC0000;
}
.starList .dbCircleList {
  padding-left: 1.2em;
}

.angleList {
  padding-left: 2px;
}
.angleList .angelSummary {
  color: #003399;
  font-weight: bold;
}
.angleList > li {
  background: url("../images/icon_aa01_06.png") 0 4px no-repeat;
  padding-left: 16px;
  margin-bottom: 26px;
}
.angleList .summary01,
.angleList .summary02 {
  font-size: 15px;
  font-weight: bold;
}
.angleList .summary01 {
  color: #4C4C4C;
}
.angleList .summary02 {
  color: #CE591A;
}

.noteMark {
  color: #CC0000;
}

.aLittleNote {
  font-weight: bold;
}

.preface .mark01 {
  color: #4C4C4C;
  font-size: 15px;
  font-weight: bold;
}

.newsPage .title {
  color: #4C4C4C;
  font-size: 15px;
  letter-spacing: 1pt;
  word-spacing: 2em;
}
.newsPage p {
  text-indent: 2em;
  margin-bottom: 0;
}
.newsPage .shortcut {
  margin-top: 20px;
}
.newsPage .shortcut dt {
  color: #006699;
  font-size: 16px;
  font-weight: bold;
}
.newsPage .shortcut dd {
  margin-left: 0;
}
.newsPage .shortcut dd p:first-child {
  text-indent: 0;
}
.newsPage .goodLuck {
  margin-top: 20px;
  *zoom: 1;
}
.newsPage .goodLuck:after {
  content: "";
  display: table;
  clear: both;
}
.newsPage .goodLuck .description {
  display: block;
  text-align: center;
}
.newsPage .goodLuck .by {
  display: block;
  float: right;
}
.newsPage .remark {
  list-style: none;
  padding-left: 0;
}
.newsPage .remark li {
  margin-top: 20px;
}

.teachNews .title {
  color: #006699;
  font-size: 15px;
  letter-spacing: 1pt;
}
.teachNews .subtitle {
  color: #BF1010;
  font-size: 13px;
  font-weight: bold;
}
.teachNews .gallery {
  *zoom: 1;
  width: 500px;
  margin-left: 10px;
}
.teachNews .gallery:after {
  content: "";
  display: table;
  clear: both;
}
.teachNews .gallery li {
  float: left;
  width: 100px;
  margin-bottom: 10px;
  margin-left: 10px;
}
.teachNews .gallery img {
  vertical-align: bottom;
}

.sessionTb,
.contentTb {
  margin-left: 60px;
  min-width: 252px;
  border-collapse: collapse;
  border-spacing: 0;
}
.sessionTb tbody td,
.contentTb tbody td {
  border: 1px solid #4C4C4C;
  padding: 3px 10px;
  text-align: center;
}

.sessionTb thead th {
  border: 1px solid #4C4C4C;
  padding: 3px 10px;
  text-align: center;
}
.sessionTb thead th {
  background-color: #333333;
  color: #ffffff;
  font-weight: normal;
}
.sessionTb [abbr="site"] {
  background-color: #cccccc;
  color: #990000;
}

.otherLang .title,
.otherLang .subtitle {
  color: #006699;
  font-size: 15px;
}
.otherLang .title {
  border-bottom: 1px dashed #999999;
}
.otherLang .section {
  margin-left: 40px;
}
.otherLang p {
  margin-right: 10px;
}
.otherLang .dataTb caption {
  color: #006699;
  font-size: 15px;
  font-weight: bold;
}
.otherLang .dataTb td {
  text-align: center;
}
.otherLang .dataTb [abbr="task"] {
  text-align: left;
}
.otherLang .titleBlue {
  margin-bottom: 0;
}

.titleBlue {
  font-size: 15px;
  color: #006699;
}

.examTest .title,
.examTest .subtitle,
.examTest .title3rd {
  margin-bottom: 0;
}
.examTest .hit {
  color: #006699;
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 1pt;
  border-bottom: 1px dashed #999999;
  position: relative;
  top: -12px;
  padding-bottom: 8px;
}
.examTest .hit img {
  vertical-align: middle;
}
.examTest .title {
  color: #006699;
  font-size: 15px;
  font-weight: bold;
}
.examTest .subtitle {
  color: #FF6600;
  font-size: 16px;
}
.examTest .section {
  margin-left: 14px;
}
.examTest .section .part:nth-of-type(1) {
  margin-top: 0;
}
.examTest .part {
  border-bottom: 1px dotted #B2B2B2;
  margin-top: 40px;
}
.examTest .partHead {
  border-bottom: 1px dotted #B2B2B2;
}
.examTest .partHead + .examitem {
  margin-top: 14px;
}
.examTest .examitem {
  margin-top: 50px;
  position: relative;
}
.examTest .examitem:first-child {
  margin-top: 14px;
}
.examTest .examButton {
  position: absolute;
  right: 0;
  bottom: 30px;
}
.examTest .examButton img {
  margin-right: 24px;
}
.examTest .title3rd {
  font-size: 15px;
  color: #006699;
}
.examTest .title3rd img {
  margin-left: 50px;
  vertical-align: middle;
}
.examTest .list {
  list-style: upper-alpha;
  padding-left: 26px;
}
.examTest .answer {
  color: #4C4C4C;
  font-size: 16px;
  font-weight: bold;
}
.examTest .question, .examTest .articleTip {
  color: #4C4C4C;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 0;
}
.examTest .articleTip {
  width: 670px;
  text-align: justify;
}
.examTest .formButton {
  text-align: center;
  margin-top: 40px;
}
.examTest .formButton img {
  margin-right: 40px;
}

.examAfter {
  border-top: 1px dashed #999999;
}
.examAfter .title {
  color: #006699;
  font-size: 15px;
  margin-bottom: 0;
}
.examAfter .answerTb {
  border-spacing: 0;
  border-collapse: collapse;
  margin-bottom: 18px;
  width: 304px;
  color: #4C4C4C;
  margin-left: 32px;
}
.examAfter .answerTb caption {
  color: #FF6600;
  text-align: left;
  text-indent: -32px;
}
.examAfter .answerTb th {
  background-color: #E9E9E9;
}
.examAfter .answerTb th,
.examAfter .answerTb td {
  border: 1px solid #4C4C4C;
  text-align: center;
  padding: 3px 10px;
}

.arrowBlue {
  color: #006699;
  font-size: 15px;
  letter-spacing: 1pt;
  background: url("../images/icon_aa01_06.png") 4px 4px no-repeat;
  padding-left: 20px;
  margin-bottom: 0;
}

.lGrayTb {
  border-collapse: collapse;
  border-spacing: 0;
  color: #4C4C4C;
}
.lGrayTb td {
  padding: 3px 15px;
  border: 1px solid #CFCFCF;
}
.baseOl .lGrayTb {
  min-width: 550px;
  margin-top: 24px;
  margin-bottom: 24px;
}

.or {
  text-align: center;
}
.baseOl .or {
  width: 550px;
}

.langVersion {
  padding-left: 0;
}
.langVersion li {
  display: inline;
  margin-right: 24px;
}

.researchBox .subtitle {
  font-size: 13px;
  color: #003399;
}

.awardeesTb {
  border-spacing: 0;
  border-collapse: collapse;
}
.awardeesTb th,
.awardeesTb td {
  padding-left: 48px;
}
.awardeesTb th:first-child,
.awardeesTb td:first-child {
  padding-left: 0;
}
.awardeesTb th,
.awardeesTb .date {
  color: #003399;
}
.awardeesTb .date {
  font-weight: bold;
}
.awardeesTb .date td {
  padding-top: 24px;
}

.aboutTb {
  border-spacing: 0;
  border-collapse: collapse;
  color: #4C4C4C;
  margin: 0 auto 30px;
  width: 590px;
}
.aboutTb th,
.aboutTb td {
  text-align: center;
}
.aboutTb th {
  background-color: #0E2E52;
  border: 1px solid #000000;
  color: #FFFFFF;
  padding: 5px;
  font-weight: normal;
}
.aboutTb td {
  border: 1px solid #CFCFCF;
  padding: 3px 15px;
}

.container {
  width: 810px;
  color: #58595B;
  padding-top: 15px;
  text-align: left;
  font-size: 13px;
}
.container ul,
.container ol,
.container p {
  margin-top: 0;
  margin-bottom: 0;
}
.container ul {
  list-style: none;
}
.container p {
  line-height: 1.84615;
}
.container dl {
  margin-top: 0;
}
.container a {
  text-decoration: none;
  color: #0000cc;
}
.container a:hover {
  text-decoration: underline;
}
.container a:visited {
  color: #551a8b;
}
.container a:hover {
  color: #cc6600;
}
.container [class^="title"] {
  margin-top: 13px;
  margin-bottom: 0;
}
.container .titleSub,
.container .titleAct {
  font-size: 15px;
  letter-spacing: 1pt;
}
.container .titleAct {
  color: #AC2835;
  background-color: #F7D56F;
}
.container .titleSub {
  color: #CE591A;
}
.container .titleSub:first-child {
  margin-top: 0;
}
.container .title4th {
  color: #006699;
  font-size: 15px;
}
.container .title5th {
  color: #4C4C4C;
  font-size: 14px;
}
.container .points {
  color: #CC0000;
}
.container .mark {
  font-weight: bold;
}
.container .baseUl {
  padding-left: 2px;
}
.container .baseUl > li {
  background: url("../images/icon_aa01_03.png") 0 6px no-repeat;
  padding-left: 12px;
}
.container .hadSubUl {
  padding-left: 2px;
}
.container .hadSubUl > li {
  background: url("../images/icon_aa01_06.png") 0 4px no-repeat;
  padding-left: 16px;
}
.container .hadSubUl ul {
  padding-left: 2px;
}
.container .hadSubUl ul > li {
  background: url("../images/icon_aa01_03.png") 0 6px no-repeat;
  padding-left: 16px;
}
.container .baseol {
  padding-left: 2em;
}
.container .hadSubOl {
  padding-left: 2em;
}
.container .hadSubOl ol {
  counter-reset: no;
  list-style: none;
  padding-left: 0;
}
.container .hadSubOl ol > li {
  position: relative;
  padding-left: 2.5em;
}
.container .hadSubOl ol > li:before {
  counter-increment: no;
  content: "(" counter(no) ")";
  position: absolute;
  left: 0;
  text-align: right;
  width: 28px;
}
.container .hadSubOl ol .baseUl {
  text-indent: 0;
  padding-left: 6px;
}
.container .hadSubOl ol .dataTb {
  text-indent: 0;
}
.container p + p,
.container ul + p,
.container ol + p,
.container p + ul,
.container p + ol,
.container ul + ul,
.container ol + ol,
.container ul + ol,
.container ol + ul {
  margin-top: 13px;
}

.headerTitle {
  font-size: 18px;
  font-family: MyCustomFont, "微軟正黑體", sans-serif;
  font-weight: normal;
  color: #BF1010;
  letter-spacing: 2pt;
  margin-top: 20px;
  margin-bottom: 13px;
}

.dataTb {
  border-spacing: 0;
  border-collapse: collapse;
  line-height: 20px;
}
.dataTb + .dataTb, .dataTb + ul, .dataTb + ol, .dataTb + p {
  margin-top: 15px;
}
.dataTb caption {
  text-align: left;
}
.dataTb thead td {
  text-align: center;
}
.dataTb th {
  white-space: nowrap;
}
.dataTb th,
.dataTb td {
  border: 1px solid #CFCFCF;
  padding: 3px;
}
.dataTb th {
  background-color: #1f9dd7;
  border: 1px solid #1B8CC0;
  padding: 5px;
  color: #ffffff;
  font-weight: normal;
  text-align: center;
}

.dataTb2 th {
  background-color: #8BC34A;
  border: 1px solid #6D9C34;
  padding: 5px;
  color: #ffffff;
  font-weight: normal;
  text-align: center;
}

.dataTb tbody:nth-of-type(even) {
  background-color: #E1E1FF;
}
.dataTb .col1Center td:nth-child(1) {
  text-align: center;
}
.dataTb .col2Center td:nth-child(2) {
  text-align: center;
}
.dataTb .col3Center td:nth-child(3) {
  text-align: center;
}
.dataTb .col4Center td:nth-child(4) {
  text-align: center;
}
.dataTb .col5Center td:nth-child(5) {
  text-align: center;
}
.dataTb .colCenter {
  text-align: center;
}
.headerTitle + .dataTb, [class^="title"] + .dataTb {
  margin-top: 8px;
}

.accBox {
  counter-reset: no;
  margin-top: 13px;
}
.accBox [class^="title"]:first-child {
  margin-top: 0;
}

.accBox .section h6 {
  font-size: 16px;
  padding-left: 26px;
  margin-top: 0;
  margin-bottom: 0;
  cursor: pointer;
  color: #2A93EB;
  background: #e9e9e9 url("../images/page_icon1.png") 13px 10px no-repeat;
  line-height: 25px;
}
.accBox .section h6:before {
  counter-increment: no;
  content: counter(no) ".";
}
.accBox .section h6.selected {
  margin-bottom: 15px;
}
.accBox .acc-section {
  margin-bottom: 15px;
  margin-left: 26px;
}
.accBox .accController {
  text-align: right;
  line-height: 1;
  margin-bottom: 13px;
}
.accBox .accController li {
  display: inline;
}
.accBox .accController li:before {
  content: "|";
  color: #BF1010;
}
.accBox .accController li:first-child:before {
  content: "";
}
.accBox .accController a {
  color: #BF1010;
}

.eqInfo {
  *zoom: 1;
}
.eqInfo:after {
  content: "";
  display: table;
  clear: both;
}
.eqInfo .titleSub {
  margin-top: 0;
}
.eqInfo .library {
  float: left;
  width: 250px;
}
.eqInfo .digiRoom {
  float: right;
  width: 500px;
}
.eqInfo .digiRoom .photoGrp {
  *zoom: 1;
}
.eqInfo .digiRoom .photoGrp:after {
  content: "";
  display: table;
  clear: both;
}
.eqInfo .digiRoom .photo {
  float: right;
  width: 250px;
}
.eqInfo .digiRoom .photo:first-child {
  float: left;
}

.goodLuck {
  *zoom: 1;
}
.goodLuck:after {
  content: "";
  display: table;
  clear: both;
}
.goodLuck .description {
  text-align: center;
}
.goodLuck .by {
  text-align: right;
}

.engWords {
  font-size: 16px;
  font-weight: bold;
}
.engWords a {
  margin-right: 10px;
}

.actNews {
  margin-top: 20px;
}
.actNews .section {
  *zoom: 1;
  border-top: 1px dotted #b2b2b2;
  padding-top: 20px;
  margin-bottom: 20px;
}
.actNews .section:after {
  content: "";
  display: table;
  clear: both;
}
.actNews .section:first-child {
  border-top: 0 none;
  padding-top: 0;
}
.actNews .photo {
  float: left;
  width: 300px;
  overflow: hidden;
}
.actNews .article {
  float: right;
  width: 490px;
}
.actNews h3 {
  background-color: #F7D56F;
  color: #AC2835;
  font-size: 15px;
  letter-spacing: 1pt;
  padding-left: 1em;
  line-height: 26px;
  margin: 0;
}
.actNews .gallery {
  clear: both;
}

.epaperNews {
  margin-top: 20px;
}
.epaperNews .section {
  *zoom: 1;
  border-top: 1px dotted #b2b2b2;
  padding-top: 20px;
  margin-bottom: 20px;
}
.epaperNews .section:after {
  content: "";
  display: table;
  clear: both;
}
.epaperNews .section:first-child {
  border-top: 0 none;
  padding-top: 0;
}
.epaperNews .photo {
  float: left;
  width: 226px;
  overflow: hidden;
}
.epaperNews .article {
  float: right;
  width: 554px;
  background-color: #E1E1E1;
}
.epaperNews p {
  margin-left: 10px;
  margin-right: 10px;
}
.epaperNews h3 {
  background-color: #F7D56F;
  color: #AC2835;
  font-size: 15px;
  letter-spacing: 1pt;
  padding-left: 1em;
  line-height: 26px;
  margin: 0;
  border-bottom: 2px solid #ffffff;
}
.epaperNews .gallery {
  clear: both;
}

.awrList .section {
  *zoom: 1;
  border-top: 1px dotted #b2b2b2;
  padding-top: 20px;
  margin-bottom: 20px;
}
.awrList .section:after {
  content: "";
  display: table;
  clear: both;
}
.awrList .section:first-child {
  border-top: 0 none;
  padding-top: 0;
}
.awrList .photo {
  float: left;
  width: 157px;
  overflow: hidden;
}
.awrList .article {
  float: right;
  width: 627px;
}
.awrList h3 {
  background-color: #F7D56F;
  color: #AC2835;
  font-size: 15px;
  letter-spacing: 1pt;
  padding-left: 1em;
  line-height: 26px;
  margin: 0;
}
.awrList .gallery {
  clear: both;
}

.ebooksInfo .photo {
  float: left;
  width: 340px;
  margin-right: 20px;
}
.ebooksInfo .photo img {
  max-width: 100%;
}
.ebooksInfo .content {
  float: left;
  width: 450px;
}
.ebooksInfo .content [class^="title"]:first-child {
  margin-top: 0;
}

/*表格樣式_超彩色: TOEFL_iBT_dates.htm*/
.page_table5 {
  margin: 20px auto;
  width: 80%;
  border-collapse: collapse;
  font-size: 13px;
  line-height: 20px;
}

.page_table5 .word td {
  border: #cfcfcf solid 1px;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 3px;
  padding-bottom: 3px;
}

.page_table5 .title1 td {
  text-align: center;
  border: #000000 solid 1px;
  color: #FFFFFF;
}

.page_table5 .blueTD1 {
  background-color: #0e2e52;
}

.page_table5 .blueTD2 {
  background-color: #069;
}

.page_table5 .blueTD3 {
  background-color: #E6F8FF;
}

.page_table5 .orangeTD1 {
  background-color: #FF6600;
}

.page_table5 .orangeTD2 {
  background-color: #FFC;
}

.page_table5 .greenTD1 {
  background-color: #336600;
}

.page_table5 .greenTD2 {
  background-color: #EBFDDB;
}

.page_table5 .grayTD1 {
  background-color: #EBEBEB;
  color: #336600;
  text-align: center;
}

/*表格樣式7_名人名言_內容*/
.page_table7 {
  margin: 0px auto;
  border-collapse: collapse;
  font-size: 13px;
  line-height: 16px;
  width: 100%;
}

.page_table7 td {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 3px;
  padding-bottom: 3px;
}

.page_table7 .title1 {
  border: #d1d1d1 solid 1px;
}

.page_table7 .title1 td {
  background-color: #ededed;
}

.page_table7 .title2 td {
  /* background-color: #eeedd5; */
  border: #d1d1d1 solid 1px;
  font-size: 14pt;
  line-height: 16pt;
}

.page_table7 .title3 td {
  /* background-color: #f8f7e6; */
  border: #d1d1d1 solid 1px;
}

.page_table7 .word td {
  background-color: #ededed;
  border: #d1d1d1 solid 1px;
}

.signList ul {
  list-style: none;
  padding-left: 0;
}
.signList .section {
  margin-bottom: 110px;
  border: 1px solid #9f9fa0;
  *zoom: 1;
  font-size: 15px;
}
.signList .section:after {
  content: "";
  display: table;
  clear: both;
}
.signList .name {
  margin-top: 10px;
  font-size: 18px;
  color: #ffffff;
}
.signList .signLevel,
.signList .examList {
  position: absolute;
}
.signList .job > li {
  position: relative;
  padding-top: 3px;
  padding-bottom: 6px;
}
.signList .job > li:before {
  display: block;
  top: -1px;
  left: 8px;
  width: 798px;
  height: 1px;
  background-color: #9f9fa0;
  content: "";
  position: absolute;
}
.signList .job > li:first-child:before {
  display: none;
}
.signList .jobSummary {
  padding-top: 6px;
  padding-bottom: 3px;
  width: 122px;
  cursor: default;
  white-space: nowrap;
}
.signList .jobSummary span {
  padding-left: 20px;
  padding-right: 20px;
}
.signList .jobSummary span img {
  margin-right: 10px;
  vertical-align: middle;
}
.signList .signLevel {
  display: none;
  color: #ffffff;
  z-index: 1;
  padding-left: 8px;
  padding-top: 2px;
  top: 5px;
  left: 150px;
}
.signList .signLevel > li {
  display: inline-block;
  position: relative;
}
.signList .signLevel > li:before {
  content: "|";
  display: inline-block;
  color: #C30D22;
}
.signList .levelSummary {
  line-height: 1;
  display: inline-block;
  position: relative;
  z-index: 10;
  padding: 7px 14px;
  color: #221814;
  margin-left: -6px;
  margin-right: -6px;
  cursor: default;
}
.signList .examSummary {
  line-height: 42px;
  width: 120px;
  padding-left: 34px;
  cursor: default;
}
.signList .examList {
  display: none;
  top: 29px;
  left: 5px;
  width: 164px;
  padding: 0 3px;
}
.signList .examList li:first-child {
  border-top: 0 none;
}
.signList .examList a {
  display: block;
  color: #221814;
  height: 30px;
  line-height: 30px;
  padding-left: 46px;
  text-decoration: none;
  background-position: 16px 8px;
  background-repeat: no-repeat;
}
.signList .examList a:hover {
  background-color: #C30D22;
  color: #FEFEFE;
  background-image: url(../images/redArrow.png);
}

.persional .name {
  background-color: #00b0f0;
}
.persional .detail {
  padding-top: 6px;
  padding-bottom: 6px;
}
.persional .examList {
  background-color: #FFF798;
}
.persional .jobSummary {
  color: #221814;
}
.persional .jobSummary.hover {
  background-color: #FFF000;
  color: #221814;
}
.persional .signLevel > li:hover .levelSummary {
  background-color: #FFF798;
}

.myTrain.section {
  width: 830px;
}
.myTrain .job > li:before {
  width: 710px;
}
.myTrain a.levelSummary {
  cursor: pointer;
  text-decoration: none;
}
.myTrain .photo {
  width: 110px;
  float: left;
  text-align: center;
}
.myTrain .name {
  background-color: #82B83E;
}
.myTrain .detail {
  padding-top: 2px;
  width: 718px;
  float: left;
  border-left: 1px solid #9F9FA0;
}
.myTrain .jobSummary {
  color: #5e5e5e;
  width: 152px;
  background: url(../images/leftArrow.png) 126px 10px no-repeat;
}
.myTrain .jobSummary.hover {
  background-color: #82B83E;
  color: #ffffff;
}
.myTrain .signLevel {
  border-left: 1px solid #c4ff82;
  left: 160px;
}
.myTrain .signLevel .levelSummary {
  color: #ffffff;
}
.myTrain .signLevel > li:hover .levelSummary {
  background-color: #b4e87d;
  color: #384316;
  -webkit-box-shadow: #76a841 0 -1px 5px, rgba(101, 110, 64, 0.3) 0 5px 3px -2px inset;
  -moz-box-shadow: #76a841 0 -1px 5px, rgba(101, 110, 64, 0.3) 0 5px 3px -2px inset;
  box-shadow: #76a841 0 -1px 5px, rgba(101, 110, 64, 0.3) 0 5px 3px -2px inset;
}
.myTrain .signLevel > li:before {
  color: #ffffff;
}
.myTrain .signItems {
  top: 28px;
  left: 2px;
  width: 164px;
  padding: 0 3px;
  position: absolute;
  display: none;
}
.myTrain .signItems > li {
  border-top: 1px dashed #54792e;
}
.myTrain .signItems a {
  color: #3a4713;
  display: block;
  cursor: pointer;
  background-color: #b4e87d;
  text-decoration: none;
  line-height: 30px;
  padding-left: 46px;
}
.myTrain .signItems a:hover {
  background: #82b83e url(../images/greenArrow.png) 16px center no-repeat;
  color: #ffffff;
}

#characterBox {
  font-size: 13px;
  height: 650px;
  position: relative;
}
#characterBox .section {
  width: 309px;
  overflow: hidden;
  position: absolute;
}
#characterBox .second {
  width: 100%;
  height: 332px;
  background-position: 0 0;
  background-repeat: no-repeat;
  padding-top: 24px;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
}
#characterBox h3 {
  text-align: center;
  color: #ea571f;
  font-size: 20px;
  font-weight: normal;
  font-family: 微軟正黑體, sans-serif;
}
#characterBox ul {
  list-style-type: square;
  margin-left: 20px;
  width: 210px;
}
#characterBox a {
  color: #393939;
  text-decoration: none;
  display: block;
}
#characterBox a:hover {
  color: #ffffff;
}
#characterBox .normal .second {
  background-image: url(../images/multiNormalHover.png);
}
#characterBox .normal ul {
  color: #f39500;
}
#characterBox .normal a:hover {
  background-color: #f39500;
}
#characterBox .specialty {
  top: 281px;
  left: 163px;
}
#characterBox .specialty .second {
  background-image: url(../images/multiProHover.png);
}
#characterBox .specialty ul {
  color: #009ee9;
}
#characterBox .specialty a:hover {
  background-color: #009ee9;
}
#characterBox .eujp {
  left: 324px;
}
#characterBox .eujp .second {
  background-image: url(../images/multiEujpHover.png);
}
#characterBox .eujp ul {
  color: #8fc31f;
}
#characterBox .eujp a:hover {
  background-color: #8fc31f;
}
#characterBox .etc {
  /*top: 281px;
  left: 489px;*/ /*舊的四大格，在右下*/
  top: 281px;
  left: 163px;
}
#characterBox .etc .second {
  background-image: url(../images/multiEtcHover.png);
}
#characterBox .etc ul {
  color: #7a2b8c;
}
#characterBox .etc a:hover {
  background-color: #7a2b8c;
}

.menu2line {
  position: relative;
  top: -2px;
}
.menu2line.Text_news {
  padding-top: 2px;
  top: 0;
}

.imgLeft {
  float: left;
  margin-right: 10px;
}

.imgRight {
  float: right;
  margin-left: 10px;
}

.gallery {
  margin-top: 13px;
  margin-left: -6px;
}
.gallery .subitem {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  margin-left: 6px;
  margin-bottom: 6px;
}
.gallery .summary {
  font-size: 1em;
  margin: 0;
}
.gallery .icon {
  height: 72px;
  text-align: center;
}
.gallery .content {
  margin-top: 0;
}

.twoCols {
  *zoom: 1;
}
.twoCols:after {
  content: "";
  display: table;
  clear: both;
}
.twoCols .subcol {
  width: 50%;
  float: left;
}

.poster {
  text-align: right;
}

.figure {
  text-align: center;
}

.figureTb td {
  vertical-align: top;
  width: 225px;
  padding-right: 25px;
}
.figureTb tr:nth-child(even) td {
  padding-bottom: 25px;
}

.mid{
    vertical-align:middle;
}

a img {
  border: 0 none;
}

.clearfix {
  *zoom: 1;
}
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

/*--按鈕--*/
#button {
    display: inline-block;
    text-align: center;
    text-decoration:none;
    vertical-align: middle;
    padding: 11px 24px;
    border: 0px solid #0e669f;
    border-radius: 12px;
    background: #17a5ff;
    background: -webkit-gradient(linear, left top, left bottom, from(#17a5ff), to(#0e669f));
    background: -moz-linear-gradient(top, #17a5ff, #0e669f);
    background: linear-gradient(to bottom, #17a5ff, #0e669f);
    font: normal normal bold 20px arial;
    color: #ffffff;
    text-decoration: none;
}
#button:hover,
#button:focus {
    border: 0px solid #127fc7;
    background: #1cc6ff;
    background: -webkit-gradient(linear, left top, left bottom, from(#1cc6ff), to(#117abf));
    background: -moz-linear-gradient(top, #1cc6ff, #117abf);
    background: linear-gradient(to bottom, #1cc6ff, #117abf);
    color: #ffffff;
    text-decoration: none;
}
#button:active {
    background: #0e669f;
    background: -webkit-gradient(linear, left top, left bottom, from(#0e669f), to(#0e669f));
    background: -moz-linear-gradient(top, #0e669f, #0e669f);
    background: linear-gradient(to bottom, #0e669f, #0e669f);
}

.button > a:hover,
.button > a:focus {
    color: #ffffff;
    text-decoration: none;
}
