@charset "utf-8";
/* CSS Document */

/* index
____________________*/

div#eco_tech_header{
	height:94px;
}

#main_title{
	width:480px;
	height:480px;
	background:url(/tech/eco_tech/images/bg_index_title.png) no-repeat left top;
	position:relative;
}

#main_title h1 .txt,
#main_title h1 .logo{
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	width:240px;
	height:130px;
}
#main_title .read_txt{
	position:absolute;
	left:67px;
	top:266px;
	width:410px;
	color:#FFF;
}

div#main_title h1,
div#main_title h2{
	margin:0;
}

#main_title h2.btn_vision .txt,
#main_title h2.btn_vision .logo{
	display:block;
	position:absolute;
	top:204px;
	left:0px;
	width:480px;
	height:53px;
}

#main_title h2.btn_history .txt,
#main_title h2.btn_history .logo{
	display:block;
	position:absolute;
	top:417px;
	left:145px;
	width:335px;
	height:35px;
}

#main_title h2.btn_prize .txt,
#main_title h2.btn_prize .logo{
	display:block;
	position:absolute;
	top:379px;
	left:145px;
	width:335px;
	height:35px;
}

#rotation_menu {
	position:absolute;
	left:480px;
	top:0px;
	width:480px;
	height:480px;
	background:#e6e6e6 url(/tech/eco_tech/images/bg_rotation_menu.png) no-repeat left top;
}

.point {
	position:absolute;
	width:auto;
	left:0px;
	top:0px;
	cursor:pointer;
}

#sq_energy{left:20px; top:20px;}
#sq_biodiversity{left:330px; top:20px;}
#sq_risk{left:330px; top:330px;}
#sq_save{left:20px; top:330px;}

#sq_mission{
	position:absolute;
	top:160px;
	left:160px;
	width:160px;
	height:160px;
}

.zoom_sq{
	display:none; width:230px; height:230px; position:absolute; left:-50px; top:-50px;
	background:#0033CC;
	/*IE9+*/
	box-shadow: 6px 6px 16px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 6px 6px 16px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 4px 6px 16px rgba(0, 0, 0, 0.4);
}
.zoom_sq li{
	display:none;
}
.zoom_sq li.img{
	display:block;
	margin:0;
	padding:;
}

/*rel_info*/
div.section.rel_info{
	padding:0 !important;
}

div#main .rel_info h2 {
	margin: 20px 0 15px 0;
	padding-bottom:10px;
	background:url(/tech/eco_tech/common/images/bg_dot_line.gif) repeat-x left bottom;
	font-size: 107.7%;
	font-weight: bold;
}
div#main .rel_info h3 {
	margin:0 0 10px 10px;
	padding:0; background:none;
	font-size:100%;
}
div#main .rel_info ul {
	margin-left:10px;
}
div#main .rel_info .banner ul {
	margin:0;
}
div#main .rel_info .banner ul li{
	margin-bottom:10px;
}

div#main .rel_info .topics{
	width:700px;
	margin-right:30px;
}

div#main .rel_info .topics li p{
	padding-left:130px;		
}
div#main .rel_info .topics li p.energy{
	background:url(/tech/eco_tech/images/bg_topic_energy.gif) no-repeat 3px 0.15em;
}
div#main .rel_info .topics li p.bio{
	background:url(/tech/eco_tech/images/bg_topic_bio.gif) no-repeat 3px 0.15em;
}
div#main .rel_info .topics li p.save{
	background:url(/tech/eco_tech/images/bg_topic_save.gif) no-repeat 3px 0.15em;
}
div#main .rel_info .topics li p.risk{
	background:url(/tech/eco_tech/images/bg_topic_risk.gif) no-repeat 3px 0.15em;
}
div#main .rel_info .banner{
	width:230px;
}