@charset "utf-8";

#educationEvent{
	display:none;
	width:1280px;
	margin:0 auto;
	font-family:Microsoft JhengHei,Arial;
}
#educationEvent p{
	font-size:15px;
	line-height:1.8;
}
#educationEvent>.area{
/*	display:none;*/
	width:0px;/*426px*/
	height:1050px;
	opacity:0;
	float:left;
	background-color:#E6FCFF;
}
#educationEvent>.area .areaContainer{
/*	display:none;*/
	margin:0 auto;
	width:338px;
	height:900px;
	opacity:0;
}
#educationEvent>.area .areaContainer .newsTitle{
	margin-top:60px;
	width:248px;
	height:56px;
	background-image: url(../../../images/heartPlan/partialEducation/plan3news_t.png);
}

#educationEvent>.area .areaContainer .selector{
	width:340px
}

#educationEvent>.area .areaContainer .selector img{
	padding-left:5px;
	padding-bottom:3px;
}
#educationEvent>.area .areaContainer .selector div{
	display:inline-block;
	margin-right:5px;
	margin-bottom:10px;
	width:99px;
	height:33px;
	font-size:1.1em;
	font-weight:600;
	line-height:33px;
	text-align:center;
	color:#00DBFF;
	border:1px solid #00DBFF;
	cursor:pointer;
}
#educationEvent .click_on{
	color:'white';
	background-color:'#00DBFF';
}
#educationEvent>.area .areaContainer .eventsList{
	position:relative;
	display:none;
	margin-top:10px;
	width:350px;
	height:570px;
	opacity:0;
	overflow:hidden;
}
#educationEvent>.area .areaContainer .eventsList .events_01{
	position:relative;
	width:350px;
	height:500px;/*725px*/
	opacity:1;
}
#educationEvent>.area .areaContainer .eventsList .events_02{
	position:relative;
	top:-513px;
	left:350px;
	width:350px;
	height:500px;/*725px*/
	opacity:1;
}
#educationEvent>.area .areaContainer .eventsList .area{
	font-size:1.1em;
	font-weight:600;
	color:#00DBFF;
}
#educationEvent>.area .areaContainer .eventsList .event{
	margin-top:13px;
	cursor:pointer;
}
#educationEvent>.area .areaContainer .eventsList .event .graph{
	margin-top:3px;
	width:9px;
	height:8px;
	float:left;
	background-image:url(../../../images/heartPlan/partialEducation/small_icon.png);
}
#educationEvent>.area .areaContainer .eventsList .event .content{
	margin-left:15px;
	line-height:1em;
}
#educationEvent>.area .areaContainer .eventsList .event .content .eventLocation{
	margin-left:4px;
/*	margin:0 auto;*/
}
#educationEvent>.area .areaContainer .eventsList .event .content .date{
	margin-left:4px;
/*	margin:0 auto;*/
}
#educationEvent>.area .areaContainer .pageCT{
	position:relative;
	display:none;
	margin:0px auto;
/*	padding:0px auto;
	top:35px;*/
	left:-10px;
	width:210px;
/*	min-width:180px;*/
/*	max-width:480px;*/
	height:25px;
/*	line-height:25px;
	text-align:center;*/
	opacity:0;
	overflow:hidden;
/*	background-color:beige;*/
}
#educationEvent>.area .areaContainer .pageNum{
	position: relative;
	margin:0 10px;/**/
	top:1px;
	left:0px;
/*	display:inline-block;*/
	height:25px;
	/*width:100px;
	height:25px;
	font-size:1.0em;
	line-height:35px;*/
	text-align:center;
	float:left;
/*	background-color:rgba(76,75,160,1.00);*/
}
#educationEvent>.area .areaContainer .pageNum .on{
/*	display:inline-block;*/
	position:relative;
	margin:0px 5px;
	padding:0px;
	top:-1px;
/*	bottom:13px;*/
	width:20px;
	height:25px;
	font-size:1.3em;
	font-weight:bold;
	line-height: 25px;
	color:rgba(40,124,78,0.8);
	cursor:pointer;
	float:left;
/*	background-color:rgba(229,89,215,1.00);*/
}
#educationEvent>.area .areaContainer .pageNum .off{
/*	display:inline-block;*/
	position:relative;
	margin:0px 5px;
	padding:0px;
	bottom:0px;
	width:20px;
	height:25px;
	font-size:1.0em;
	font-weight:normal;
	line-height: 25px;
	color:black;
	cursor:pointer;
	float:left;
/*	background-color:rgba(229,89,215,1.00);*/
}
#educationEvent>.area .areaContainer .pageCT .leftArrow{
	position:relative;
	top:0px;
	width:20px;/*10px*/
	height:25px;/*12px*/
	float:left;
	cursor:pointer;
/*	background-color:rgba(229,89,215,1.00);*/
	background:url(../../../images/list_prev.png)center center no-repeat;
}	
#educationEvent>.area .areaContainer .pageCT .rightArrow{
	position:relative;
	padding:0px;
	top:0px;
	left:0px;
	width:20px;
	height:25px;
	float:left;
	cursor:pointer;
/*	background-color:rgba(229,89,215,1.00);*/
	background:url(../../../images/list_next.png)center center no-repeat;
}

#educationEvent article{
	width:850px;
	height:1020px;
	opacity:0;
	float:left;
}
#educationEvent article .content{
	padding-top:50px;
	margin:0 auto;
	width:749px;
}
#educationEvent article .content h1{
	font-size:2em;
}
#educationEvent article .content table tr td p {
	text-align: justify;
}
#educationEvent article .content .imageGallery{
	width:750px;
	height:420px;
	text-align:center;
	overflow:hidden;
}
#educationEvent article .content .imageGallery .picBox{
	position:relative;
	width:750px;
	height:420px;
	text-align:center;
	overflow:hidden;
}
#educationEvent article .content .imageGallery .picBox .pic{
	width:750px;
	height:420px;
	opacity:0;
	background-size:contain;
	background-position:center;
	background-repeat:no-repeat;
}
#educationEvent article .content .imageGallery .picBox .loading{
	position:absolute;
	/*top:48.5%;
	left:48.5%;
	width:48px;
	height:48px;*/
	width:750px;
	height:420px;
	opacity:1;
	background-size:6%;
	background-position:center;
	background-repeat:no-repeat;
	background-image:url(../../../images/loading.gif);
}
#educationEvent article .content .backwardBTN{
	margin-top:26px;
	margin-left:2px;
	width:125px;
	height:35px;
	line-height:33px;
	text-align:center;
	font-size:1.1em;
	font-weight:600;
	color:#00DBFF;
	border:1px solid #00DBFF;
	float:left;
	cursor:pointer;
}
#educationEvent article .content .backwardBTN span{
	position:relative;
	top:-1px;
}
#educationEvent article .content .photoController{
	margin-top:25px;
	margin-left:auto;
	margin-right:auto;
}
#educationEvent article .content .photoController .PREV{
	margin-top:7px;
	margin-left:180px;
	width:10px;
	float:left;
	cursor:pointer;
}
	
#educationEvent article .content .photoController .NEXT{
	margin-top:7px;
	width:10px;
	float:left;
	cursor:pointer;
}
	
#educationEvent article .content .photoController .pageNum{
	margin-top:2px;
	width:120px;
	height:30px;
	text-align:center;
	float:left;
}
	
#educationEvent article .content .photoController .pageNum a{
	margin:0px 10px;
	width:25px;
	height:30px;
	line-height:30px;
	text-decoration:none;
	color:#000;
	cursor:pointer;
}
#educationEvent article .content .photoController .pageNum a.click_on{
	position:relative;
	top:0px;
	font-size:1.2em;
	font-weight:bold;
	line-height:30px;
	color:#14b0ca;
}