/* ******** 本頁設定 ******** */
a{
	color:#414141;
}
#page{
	width:980px;
	margin:0 auto;
	padding:0;
	/*background:#FCFCFD url(../images/main/bg.png) repeat-x bottom;*/
	background:-webkit-linear-gradient(top, #ffffff, #7B94B6);
	background:-moz-linear-gradient(top, #ffffff, #7B94B6);
	background:-o-linear-gradient(top, #ffffff, #7B94B6);
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#7B94B6'); 
	background:-ms-linear-gradient(top, #ffffff, #7B94B6);
}
.fixFloat{
	clear:both;
	height:0px;
}
/* ******** 本頁設定 end ******** */

/* ******** 標題區塊 ******** */
#header{
	height:246px;
	position:relative;
	z-index:1;
}

#header #header_lang{
	float:right;
	margin-right:30px;
	margin-top:160px;
	/* 恢復版面時刪除 */
	/*position:relative;
	z-index:5;*/
}

#header h1{
	width:300px;
}

#header h1 a{
	height:60px;
	display:block;
}

#header h1 a:hover{
	text-decoration:none;
}

#header h2{
	/*margin-top:65px;
	margin-left:400px;*/
	position:absolute;
	/*top:125px;
	left:400px;
	width:340px;*/
	top:55px;
	left:342px;
	width:564px;
	height:88px;
}

#header h1 span,
#header h2 span{
	visibility:hidden;
}

#header_slogan_student{
   background:url(../img/header/header_slogan-trans_20170223.png) no-repeat;
	/*background:url(../images/main/header/header_student_slogan-trans.png) no-repeat;*/
	/*visibility:hidden;*/
}

#header_slogan_teacher{
   background:url(../img/header/header_slogan-trans_20170223.png) no-repeat;
	/*background:url(../images/main/header/header_teacher_slogan-trans.png) no-repeat;*/
	/*visibility:hidden;*/
}

#header_slogan_guest{
	background:url(../img/header/header_slogan-trans_20170223.png) no-repeat;
	/*background:url(../images/main/header/header_guest_slogan-trans.png) no-repeat;*/
	/*visibility:hidden;*/
}

#header #searchForm{
	float:right;
	margin-top:120px;
	margin-right:20px;
	width:175px;
	/* 恢復版面時刪除 */
	/*position:relative;
	z-index:2;*/
}

#header #searchForm .accesskey{
	color:#ffffff;
}

#header #searchForm h3{
	background:url(../img/google.png) no-repeat bottom left;
	padding-left:85px;
	padding:8px 0 8px 85px;
	font-weight:normal;
}

#header #header_flash{
	position:absolute;
	left:337px;
	top:0;
}

/* ******** 標題區塊 end ******** */

/* ******** 左側區塊 ******** */
#left{
	width:200px;
	float:left;
	/* 恢復版面時刪除 */
	/*position:relative;
	z-index:5;*/
}

#left .accesskey{
	line-height: 1;
	position: absolute;
	color:#4E6E9C;
}

#menu_block{
	margin-left:4px;
	padding-bottom:16px;
	background:url(../img/menu_block_bottom.png) no-repeat left bottom ;
}


#menu_content{
	background:url(../img/menu_block_content.png) repeat-y;
	padding-left:20px;
}

#menu_content a{
	color:#f0f0f0;
}

#menu_content a:hover{
	text-decoration:none;
}

#menu_content .jd_menu_vertical ul{
	padding-left:30px;
}

#menu_content .jd_menu_vertical ul ul li .menu_dept_group{
	display:inline-block;
	border-bottom: 1px solid #ffffff;
	width:95%;
	padding-bottom:2px;
	margin-bottom:2px;
}

#login_block{
	margin-left:5px;
	margin-bottom:10px;
	padding-bottom:20px;
	background:url(../img/login_block_bottom.png) no-repeat left bottom;
}

#login_block_top{
	padding-top:20px;
	background:url(../img/login_block_top.png) no-repeat left bottom;
}

#login_block_top .accesskey{
	line-height: 1;
	position: absolute;
	color:#547D2C;
}

#login_block_top span{
	visibility:hidden;
}

#login_block ul{
	padding:0 3px 0 0;
}

#login_block ul li{
	border-bottom:1px solid #b5dd8d;
	border-left:2px solid #4e6f9d;
	border-right:2px solid #4e6f9d;
	list-style:none;
}

#login_block ul li .login_block_title {
	padding:5px 0 5px 35px;
	display:block;
	cursor:pointer;
}

#login_block ul li a.login_block_title:hover,
#login_block #login_block_content li a.login_block_title:hover{
	background-color:#f7fdf0;
	color:#414141;
}

#login_block #login_block_content li .login_block_title,
#login_block li a.login_block_system_item {
	background:#cff5a8 url(../img/login_block_logo-trans.png) no-repeat left;
}

#login_block li .login_block_title{
	background:#f1ffc2 url(../img/login_block_logo2-trans.png) no-repeat left;
}
/*
#login_block ul li img{
	vertical-align:middle;
	margin-right:5px;
}
*/

#login_block #login_block_content li.selected{
	border-bottom:1px solid #008040;
	border-top:1px solid #008040;
}

#login_block #login_block_content li a.selected{
	background-color:#b4d465;
	font-weight:bolder;
}


#login_block_content li form{
	background-color:#e3f8cf;
	padding:5px;
}


#login_block_content li form h4{
	/*font-weight:normal;*/
	padding-left:50px;
	padding-top:10px;
	margin-bottom:10px;
	letter-spacing:1px;
}

#login_block_content li form p{
	padding-left:10px;
}

#login_block_content li form input{
	vertical-align:middle;
}

#login_block_content li form p a{
	font-size:0.9231em; /* 9pt */
}

.login_block_input{
	width:115px;
	margin:2px 0;
}

.eng_ver .login_block_input{
	width:150px;
}
	
.login_block_button{
	width:51px;
	float: right;
	margin-right:2px;
}

#login_block_pis h4{
	background:url(../img/login_block_logo_pis-trans.png) no-repeat left bottom;	
}

#login_block_sis h4{
	background:url(../img/login_block_logo_sis-trans.png) no-repeat left bottom;	
}

#login_block_gis h4{
	background:url(../img/login_block_logo_gis-trans.png) no-repeat left bottom;	
}

#login_block_gis .login_block_input{
	width:100px;
}

#login_block_gis #login_block_gis_intro{
	padding:10px 0;
}

#login_block_gis #login_block_gis_intro ul{
	padding : 5px 0 5px 30px;
}

#login_block_gis #login_block_gis_intro ul li{
	list-style: disc;
	border:none;
}


#banner_link_block{
	padding-left:10px;
	height:80px;
	margin-bottom:10px;
}

#banner_link_block h3{
	line-height:1.2;
	font-weight:normal;
	color:#ffffff;
}

#banner_link_block_content{
	list-style:none;
}
#banner_link_block_content li{
	margin-left:20px;
	line-height:55px;
}

#banner_link_block_content li img{
	vertical-align:middle;
}

#logo_block{
	text-align:center;
}

/* ******** 左側區塊 end ******** */

/* ******** 中間區塊 ******** */

#center{
	width:551px;
	margin-left:8px;
	float:left;
	white-space:nowrap;
}

.center_block{
	background-position:center bottom;
	background-repeat:no-repeat;
	padding-bottom:18px;
	margin-bottom:10px;
	line-height:1.5;
}

.center_block_top{
	background-position:center top;
	background-repeat:no-repeat;
	height:25px;
}

.center_block_top span{
	visibility:hidden;
}

.center_block_top a{
	display:inline-block;
	margin-top:8px;
}

.center_block_content{
	background-position:center;
	background-repeat:repeat-y;
	padding-right:10px;
	padding-bottom:5px;
}

.center_block div ul{
	background-position:left top;
	background-repeat:no-repeat;
	margin-left:12px;
	padding-left:85px;
	list-style-position:outside;
}

.center_block_category_menu{
	margin-left:80px;
	position:absolute;
	width:460px;
}

.center_block_category_menu a{
	display:inline-block;
	width:80px;
	text-align:center;
}

.center_block_category_current{
	font-weight:bolder;
}

.center_block_more_message{
	float:right;
	margin-right:20px;
	font-size:0.9231em; /* 9pt */
}

#news_block{
	background-image:url(../img/news_block_bottom.png);
}

#news_block_top{
	background-image:url(../img/news_block_top.png);
}

.eng_ver #news_block_top{
	background-image:url(../img/news_block_top_eng.png);
}

#news_block_top a{
	margin-left:22px;
}

.eng_ver #news_block_top a{
	margin-left:72px;
}

#news_block_content{
	background-image:url(../img/news_block_content.png);
	/* 恢復版面時刪除 */
	/*position:relative;
	z-index:4;*/
}
/*
#news_block_content .center_block_category_menu{
	border-bottom:2px solid #d5e699;
}
*/
#news_block div ul{
	background-image:url(../img/news_block_logo-trans.png);
	list-style:url(../img/news_block_list_icon.gif);
}

#news_block div ul li{
	padding-top:5px;
}

#news_block div ul li a{
	cursor:pointer;
	display:inline-block;
	/*border-bottom:1px solid #c0c0c0;*/
	vertical-align:top;
}

.news_block_unit_name{
	display:inline-block;
	width:100px;
	vertical-align:top; 
	text-align:right;
	color:#3d7878;
}

.news_block_unit_content{
	display:inline-block;
	width:340px;
	vertical-align:top;
	margin-right:4px;
}

.news_block_unit_content img{
	display:none;
}

.eng_ver .news_block_date{
	display:inline-block;
	vertical-align:top;
	color:grey;
	width:70px;
}

.eng_ver.news_block_eng_content{
	vertical-align:top;
	display:inline-block;
	width:370px;
}

#news_block_content ul,
#research_block_content ul,
#activities_block_content ul {
	padding-top:20px;
	min-height:100px;
}

#research_block{
	background-image:url(../img/research_block_bottom.png);
}

#research_block_top{
	background-image:url(../img/research_block_top.png);
}

.research_tab #research_block_top{
	background-image:url(../img/research_block_top_2_left.png);
	height:37px;
}

.project_tab #research_block_top{
	background-image:url(../img/research_block_top_2_mid.png);
	height:37px;
}

.game_tab #research_block_top{
	background-image:url(../img/research_block_top_2_right.png);
	height:37px;
}

.research_tab_2 #research_block_top{
	background-image:url(../img/research_block_top_2_left.png);
	height:37px;
}

.project_tab_2 #research_block_top{
	background-image:url(../img/research_block_top_2_mid.png);
	height:37px;
}

.game_tab_2 #research_block_top{
	background-image:url(../img/research_block_top_2_right.png);
	height:37px;
}

.research_tab #research_block_top span,
.research_tab #research_block_top a,
.project_tab #research_block_top span,
.project_tab #research_block_top a{
	display:inline-block;
	height:35px;
	margin:0;
	width:100px;
}

.research_tab #research_block_top span,
.project_tab #research_block_top span{
	width:90px;
}

#research_block_top a{
	margin-left:20px;
}

#research_block_content{
	background-image:url(../img/research_block_content.png);
}

.project_tab #research_block_content ul{
	padding-top:0px;
	min-height:120px;
	background-image:url(../img/activities_block_logo-trans.png);
}
/*
#research_block_content .center_block_category_menu{
	border-bottom:2px solid #c0c0c0;
}
*/
#research_block div ul{
	background-image:url(../img/research_block_logo-trans.png);
	list-style:url(../img/research_block_list_icon.gif);
}

.research_block_content_inside{
	color:#0000ce;
}

.eng_ver #spotlight_block_top{
	background-image:url(../img/spotlight_block_top.png);
}

.eng_ver #spotlight_block_content{
	padding:0 20px;
}


.eng_ver #spotlight_block_content h4{
	font-size:1.0769em; /* 9pt */
	padding:10px 0;
	color:red;
}

.eng_ver #spotlight_block_content p{
	white-space:normal;
	text-align:justify;
	text-justify:distribute;
	text-indent:2.0769em; /* 20pt */
}

.eng_ver #spotlight_block,
#activities_block{
	background-image:url(../img/activities_block_bottom.png);
}

#activities_block_top{
	background-image:url(../img/activities_block_top.png);
}

.eng_ver #spotlight_block_top a,
#activities_block_top a{
	margin-left:10px;
}

.eng_ver #spotlight_block_content,
#activities_block_content{
	background-image:url(../img/activities_block_content.png);
}
/*
#activities_block_content .center_block_category_menu{
	border-bottom:2px solid #d9c592;
}
*/

.eng_ver #spotlight_block div ul,
#activities_block div ul{
	background-image:url(../img/activities_block_logo-trans.png);
	list-style:url(../img/activities_block_list_icon.gif);
}

#recruitment_block{
	background-image:url(../img/recruitment_block_bottom.png);
}

#recruitment_block_top{
	background-image:url(../img/recruitment_block_top.png);
}

#recruitment_block_content{
	background-image:url(../img/recruitment_block_content.png);
	padding-right:0;
}

#recruitment_block div ul{
	background-image:url(../img/recruitment_block_logo-trans.png);
	list-style:none;
	padding-top:5px;
	padding-left:70px;
}

.eng_ver #recruitment_block div ul{
	background-image:url(../img/recruitment_block_logo_eng-trans.png);
}

#recruitment_block_content li{
	float:left;
	margin-top:5px;
	width:155px;
}

#recruitment_block_content li img{
	vertical-align:middle;
}

#content{
	padding:20px 50px 50px;
}

#center .accesskey,
#content .accesskey{
	position: absolute;
}

/* ******** 中間區塊 end ******** */


/* ******** 右側區塊 ******** */
#right{
	float:right;
	width:212px;
}

#right .accesskey{
	position: absolute;
}

#project_block{
	padding-bottom:17px;
	background:url(../img/project_block_bottom.png) no-repeat left bottom;
	margin-bottom:10px;
}

#project_block_top{
	background:url(../img/project_block_top.png) no-repeat left top;
	height:25px;				
}

.eng_ver #project_block_top{
	background-image:url(../img/project_block_top_eng.png);
}

#project_block_top span{
	visibility:hidden;
}

#project_block_content{
	background:url(../img/project_block_content.png) repeat-y left;
	padding-right:10px;
}

#project_block div ul{
	background:url(../img/project_block_logo-trans.png) no-repeat left top;
}

.eng_ver #project_block div ul{
	background:url(../img/project_block_logo_eng-trans.png) no-repeat left top;
	padding-top:60px;
}

#project_block div ul,
#quicklink_block div ul,
#right #recruitment_block div ul{
	margin-left:10px;
	padding-left:85px;
	list-style:url(../img/project_message_block_list_icon.gif) outside;
	line-height:1.5;
}

.eng_ver #project_block div ul,
.eng_ver #quicklink_block div ul,
.eng_ver #right #recruitment_block div ul{
	padding-left:20px;
}

#project_block div ul li a,
#quicklink_block div ul li a,
#right #recruitment_block div ul li a{
	margin-left:-3px;
} 

#quicklink_block{
	padding-bottom:21px;
	background:url(../img/quicklink_block_bottom.png) no-repeat left bottom;
	margin-bottom:10px;
}

#quicklink_block_top{
	background:url(../img/quicklink_block_top.png) no-repeat left top;
	height:25px;						
}

#quicklink_block_top span{
	visibility:hidden;
}			

#quicklink_block_content{
	background:url(../img/quicklink_block_content.png) repeat-y left;
	padding-right:10px;
}

#quicklink_block div ul{
	background:url(../img/quicklink_block_logo-trans.png) no-repeat left top;
}

.eng_ver{
	background-image:url(../img/quicklink_block_logo_eng-trans.png);
	padding-top:60px;
}

#right #recruitment_block{
	padding-bottom:21px;
	background:url(../img/recruitment_right_block_bottom.png) no-repeat left bottom;
}

#right #recruitment_block_top{
	background:url(../img/recruitment_right_block_top.png) no-repeat left top;
	height:25px;						
}

.eng_ver #right #recruitment_block_top{
	background-image:url(../img/recruitment_right_block_top_eng.png);
}

#right #recruitment_block_top span{
	visibility:hidden;
}			

#right #recruitment_block_content{
	background:url(../img/recruitment_right_block_content.png) repeat-y left;
	padding-right:10px;
}

#right #recruitment_block div ul{
	background:url(../img/recruitment_block_logo-trans.png) no-repeat left top;
}

.eng_ver #right #recruitment_block div ul{
	padding-top:60px;
	background-image:url(../img/recruitment_block_logo_eng-trans.png);
}

#right #recruitment_block div ul li{
	float:none;
	margin-top:auto;
	width:auto;
}

#right #recruitment_block div ul li img{
	display:none;
}
/* ******** 右側區塊 end ******** */


/* ******** 頁尾部份 ******** */
#tail{
	margin-top:10px;
	background-color:#2a589a;
	padding:10px;
}

#tail #accessibility{
	float:right;
	margin:20px 10px 0 -98px;
}

#tail a{
	color:#ffffff;
}
#tail p{
	color:#d2d2d2;
	letter-spacing:1px;
	font-size:0.9231em; /* 9pt */
	text-align:center;				
}
/* ******** 頁尾部份 end ******** */

/* ******** BlockUI 部份 ******** */

.certMsg #cert_msg_content{
	line-height : 1.8;
	text-align: left;
	padding : 10px;
	cursor: default;
	font-size : 1.1538em;
}

.certMsg #cert_msg_content p{
	margin-top: 10px;
}

.certMsg #cert_msg_content p:first-child{
	margin-top: 0;
}

.certMsg #cert_msg_content .cert_msg_icon{
	float: left;
}

.certMsg #cert_msg_content ol{
	padding-left : 20px;
}

.certMsg #cert_msg_content a{
	color : #0000ce;
	text-decoration: underline;
}

.certMsg #cert_msg_content a img{
	vertical-align: middle;
}

.certMsg #cert_msg_content a:hover{
	color:#ff8000;
}

.certMsg #cert_msg_content span{
	text-decoration: underline;
}

.certMsg #cert_msg_content strong{
	color : #C80404;
}

/* ******** BlockUI 部份 end ******** */