@charset "utf-8";

#partialEducation{
	font-family:Microsoft JhengHei,Arial;
	letter-spacing: 1px;
	font-size:16px;
	line-height: 1.5;
}
#partialEducation .upperBlock{
	position:relative;
	width:100%;
	height:0px;/*420px*/
	opacity:0;
	background-color:#E6FCFF;
}
#partialEducation .upperBlock .title{
	position:relative;
/*	display:none;*/
	margin:0 auto;
	width:400px;
	top:55px;
	left:0px;
	opacity:0;
}
#partialEducation .upperBlock .title .text{
	position:absolute;
	margin-top:16px;
	margin-left:120px;
	width:20px;/*392px*/
	height:36px;
	overflow:hidden;
	background:url(../../../images/heartPlan/partialEducation/partialEducation_sprites.png)-95px -172px;
}
#partialEducation .upperBlock .title .graph{
	position:absolute;
	margin-top:25px;/*-6px*/
	margin-left:0px;
	width:95px;
	height:68px;
/*	transition:all 0.25s;*/
	transform:scale(0.25);
	opacity:0;
	background:url(../../../images/heartPlan/partialEducation/partialEducation_sprites.png)0px -165px;
}
.popUpAni{
	animation:popUp 1s ease-in-out;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
}
@keyframes popUp{
	0%{margin-top:20px;
		opacity:0}
	20%{opacity:0.25;}
	40%{margin-top:-25px;
		transform:scale(1.10);
		opacity:1}
	80%{/*margin-top:-20px;
		transform:scale(1);*/}
	100%{margin-top:-6px;
		transform:scale(1);
		opacity:1}
}
#partialEducation .upperBlock .title .underLine{
	position:absolute;
	margin-top:60px;
	margin-left:20px;
	width:80px;
	height:4px;
	background-color:black;
}
#partialEducation .upperBlock .title .pencil{
	position:absolute;
	margin-top:8px;
	margin-left:50px;
	width:110px;
	height:56px;
	background:url(../../../images/heartPlan/partialEducation/partialEducation_sprites.png)-0px -257px;
}
#partialEducation .upperBlock .intro{
	position:relative;
	margin:0 auto;
	top:165px;
	height:234px;
	width:1066px;
	opacity:0;
}
#partialEducation .upperBlock .intro p{
	width:866px;
	margin-left:auto;
	margin-right:auto;
}
#partialEducation .upperBlock .intro .graph {
	position: relative;
	top:-30px;
	width:103px;
	height:122px;
	background:url(../../../images/heartPlan/partialEducation/partialEducation_sprites.png)-176px -306px;
	float:right;
}

#partialEducation .belowBlock{
	width:100%;
	height:1380px;
	opacity:0;
}

#partialEducation .belowBlock .title{
	width:75px;
	height:42px;
	margin:0 auto;
	margin-top:35px;
	background:url(../../../images/heartPlan/partialEducation/partialEducation_sprites.png)-0px -313px;
}

#partialEducation .belowBlock>p{
	width:866px;
	height:45px;
	margin:0 auto;
	margin-top:20px;
	text-align:center;
}

#partialEducation .mapContainer{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	border:5px #E1E1E1 solid;
	border-radius:30px;
	width:900px;
	height:731px;
}
#partialEducation .islandsMap{
	position:absolute;
	margin-left:142px;
	width:439px;
	height:636px;
	background-image:url(../../../images/heartPlan/partialEducation/map_s.png);
}

#partialEducation .mapContainer map area{
/*	cursor:pointer;
	z-index:25;*/
}
#partialEducation .mapContainer .dark_area{
	position:absolute;
	top:0px;
	left:142px;
	width:439px;
	height:636px;
}
#partialEducation .mapContainer .dark_area img{
	position:absolute;
	width:439px;
	height:636px;
	opacity:0;
}
/*#partialEducation .islandsMap img[alt="all_islands_map"]{
	position:absolute;
	margin-top:0px;
	margin-left:142px;
	width:439px;
	height:636px;
}*/

#partialEducation .mapContainer .dark_area{
	position:absolute;
	top:0px;
	left:142px;
	width:439px;
	height:636px;
}
#partialEducation .mapContainer .dark_area img{
	position:absolute;
/*	display:none;*/
	width:439px;
	height:636px;
	opacity:0;
}
#partialEducation .click_on{
}
/*#partialEducation #poly1{
	background-color:#CCC;
	opacity:0.5;
}*/
#partialEducation .mapContainer .infoGroup{
	position:relative;
	box-sizing:border-box;
}
#partialEducation .mapContainer .infoGroup>div{
	position: absolute;
	opacity:1;
}
/*#partialEducation .mapContainer .infoGroup .area{
	position:relative;
	top:0px;
	left:0px;
	width:74px;
	height:16px;
	cursor:pointer;
	background:url(../../../images/heartPlan/partialEducation/partialEducation_sprites.png);
}*/
#partialEducation .mapContainer .infoGroup .area{
	position:relative;
	top:-5px;
	left:0px;
	width:85px;
	height:16px;
	color:#00DBFF;
	font-size:1.1em;
	font-weight:600;
	cursor:pointer;
}
#partialEducation .mapContainer .infoGroup .describe{
	position: absolute;
	top:2px;
	left:85px;
	width:101px;
	height:14px;
	background:url(../../../images/heartPlan/partialEducation/partialEducation_sprites.png)-75px -338px;
}
#partialEducation .mapContainer .infoGroup .underLine{
	position: relative;
	top:3px;
	left:0px;
	width:232px;
	height:2px;
	background-color:#00dbff;
}
#partialEducation .mapContainer .infoGroup .border{
	position: relative;
	top:7px;
	left:0px;
	width:230px;
	max-height:200px;
	text-align:center;
	border:#00dbff 1px solid;
}
#partialEducation .mapContainer .infoGroup .border .triangle{
	position:relative;
	top:0px;
	left:0px;
	width:0px;
	height:0px;
	border-top: 18px solid #fff278;
	border-right: 18px solid transparent;
}
#partialEducation .mapContainer .infoGroup .border .cityGroup{
	position:relative;
	top:-11px;
	left:18px;
}
#partialEducation .mapContainer .infoGroup .border .cityGroup div{
	position:relative;
	margin-top:5px;
	margin-right:5px;
	width:53px;
	height:22px;
	font-size:0.85em;
	font-weight:600;
	text-align:center;
	line-height:20px;
	float:left;
	cursor:pointer;
	border:1px solid #e4e4e4;
	transition:all 0.25s;
	background-color:transparent;
}
/*#partialEducation .mapContainer .infoGroup .border .cityGroup div:hover{
	border:1px solid #b5b5b5;
	background-color:#b5b5b5;
	color:white;
}*/
#partialEducation .mapContainer .infoGroup .border .cityGroup div.click_on{
	border:1px solid #b5b5b5;
	background-color:#b5b5b5;
	color:white;
}
#partialEducation .mapContainer .infoGroup .border .materialGroup{
	position:relative;
	margin-bottom:15px;
	top:0px;
	left:15px;
	clear:left;
}
#partialEducation .mapContainer .infoGroup .border .materialGroup div{
	position:relative;
	margin-right:10px;
/*	max-height:none;*/
	height:22px;
	font-size:0.88em;
	font-weight:500;
	text-align:center;
	line-height:20px;
	float:left;
}
#partialEducation .mapContainer .infoGroup .border .materialGroup div span{
	position:relative;
	top:-2px;
	margin-right:3px;
	font-size:1.8em;
	color:#b5b5b5;
	float:left;
}
#partialEducation .mapContainer .infoGroup .pointerLine{
	background:url(../../../images/heartPlan/partialEducation/partialEducation_sprites.png);
}
#partialEducation .mapContainer .infoGroup .north{
	position:absolute;
	top:90px;
	left:650px;
	opacity:0;
}
#partialEducation .mapContainer .infoGroup .north .area{
	background-position:-12px -9px;
}
#partialEducation .mapContainer .infoGroup .north .triangle{
	border-top: 18px solid #fff278;
}
#partialEducation .mapContainer .infoGroup .north .border{
	height:152px;
}
#partialEducation .mapContainer .infoGroup .north .pointerLine{
	position:absolute;
	top:35px;
	left:-70px;
	width:69px;
	height:23px;
	background-position:-202px 0px;
}
#partialEducation .mapContainer .infoGroup .central {
	position:absolute;
	top:230px;
	left:35px;
	opacity:0;
}
#partialEducation .mapContainer .infoGroup .central .area{
	background-position:-12px -42px;
}
#partialEducation .mapContainer .infoGroup .central .triangle{
	border-top: 18px solid #ff9fb6;
}
#partialEducation .mapContainer .infoGroup .central .border{
	height:152px;
}
#partialEducation .mapContainer .infoGroup .central .pointerLine{
	position:absolute;
	top:30px;
	left:234px;
	width:68px;
	height:22px;
	background-position:-202px -23px;
}
#partialEducation .mapContainer .infoGroup .islands {
	position:absolute;
	top:15px;
	left:48px;
	opacity:0;
}
#partialEducation .mapContainer .infoGroup .islands .area{
	background-position:-12px -75px;
}
#partialEducation .mapContainer .infoGroup .islands .triangle{
	border-top: 18px solid #00e2c7;
}
#partialEducation .mapContainer .infoGroup .islands .border{
	height:120px;
}
#partialEducation .mapContainer .infoGroup .south {
	position:absolute;
	top:530px;
	left:50px;
	opacity:0;
}
#partialEducation .mapContainer .infoGroup .south .area{
	background-position:-12px -108px;
}
#partialEducation .mapContainer .infoGroup .south .triangle{
	border-top: 18px solid #ffb07b;
}
#partialEducation .mapContainer .infoGroup .south .border{
	height:152px;
}
#partialEducation .mapContainer .infoGroup .south .pointerLine{
	position:absolute;
	top:-30px;
	left:170px;
	width:91px;
	height:25px;
	background-position:-202px -45px;
}
#partialEducation .mapContainer .infoGroup .east {
	position:absolute;
	top:420px;
	left:630px;
	opacity:0;
}
#partialEducation .mapContainer .infoGroup .east .area{
	background-position:-12px -141px;
}
#partialEducation .mapContainer .infoGroup .east .triangle{
	border-top: 18px solid #45c1ff;
}
#partialEducation .mapContainer .infoGroup .east .border{
	height:120px;
}
#partialEducation .mapContainer .infoGroup .east .pointerLine{
	position:absolute;
	top:30px;
	left:-95px;
	width:92px;
	height:23px;
	background-position:-202px -70px;
}
#partialEducation .mapContainer .summary{
	position:relative;
	margin-top:645px;
	margin-right:55px;
	width:201px;
	height:49px;
	float:right;
	cursor:pointer;
	background:url(../../../images/heartPlan/partialEducation/partialEducation_sprites.png)-120px -208px;
}

#partialEducation .all_islands{
	position:fixed;
	display:none;
	padding-top:10px;
	top:50%;
	left:50%;
	width:0px;
	height:0px;
	opacity:0;
	background-color:white;
	border-radius:5px;
	text-align:center;
	z-index:15;
}
#partialEducation .all_islands_BG{
	position:fixed;
	width:100%;
	height:100%;
	opacity:0;
	background-color:black;
	z-index:10;
	cursor:pointer;
}

#partialEducation #block{
	height:38px;
}

#partialEducation .eventsContainer{
	margin-left:auto;
	margin-right:auto;
	border:5px #E6FCFF solid;
	border-radius:50px;
	width:900px;
	height:153px;/*387px*/
	background-color:#E6FCFF;
}

#partialEducation .eventsContainer #interGRAPH{
	margin-top:3px;
	margin-left:auto;
	margin-right:auto;
	border:3px #FFFFFF solid;
	border-radius:50px;
	width:887px;
	height:140px;/*374px*/
}

#partialEducation .eventsContainer table{
	margin:0 auto;
	letter-spacing: 1px;
	font-size:16px;
	line-height: 0.85em;
	clear:both;
}

#partialEducation .eventsContainer table .event{
	margin-top:10px;
	width:400px;
	height:35px;
	cursor:pointer;
}
#partialEducation .eventsContainer table .event td div:first-child{
/*	display:inline-block;*/
	margin-left:5px;
	width:21px;
	height:33px;
	background-image:url(../../../images/heartPlan/partialEducation/icon1.png);
	float:left;
}
#partialEducation .eventsContainer table .event td div:nth-child(2){
	position:relative;
/*	display:inline-block;*/
	margin-left:10px;
	top:8px;
	height:33px;
	float:left;
}

#partialEducation .eventsContainer table p{
	font-size:20px;
}

#partialEducation .eventsContainer .more{
	margin-top:-15px;
	width:112px;
	height:48px;
	float:right;
	cursor:pointer;
	background:url(../../../images/heartPlan/partialEducation/plan3_more.png);
}