@charset "utf-8";
/* CSS Document */
/**
 * ========================================
 *
 
*{
	border:1px solid #000;
} 

* * */
@import "module_in_park.css";
@import "module_plan.css";
@import "module_smartfun.css";
@import "module_fun_learning.css";
@import "footer.css";
@import "style.css"; 
@import "common.css";

div#outerHeader, div#moduleTit, div#footer, div#breadCrumbArea, div#parkDetailNav, div#divMenu, div#attractionInterested, span#promoBanner, div#viewMemories, div#parkDetailHeader, .btnMapBox, menu#leftNav, div#iconNav, .PromoBanner, #diningSection, .surroundingAreaTop img{
	display:none;
}


.btnMapBox{
	border:1px solid #ccc;
}

body{
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
}

img{
	border:0;
}

span, p, h1,h2, h3, h4, h5, h6, dl, dd, dt, ul, li, form, menu, ol{
	margin:0;
	padding:0;
}

div#uniMenuArea .listDolphin a{
	color:rgb(0,230,230);
}

div#uniMenuArea .listBehindScene a{
	color:rgb(0,255,0) ;
}

div.mrpIndexTable ul.listSummit a{
	color:rgb(0,255,0) ;
}
div.mrpIndexTable ul.listWaterFront a{
	color:rgb(128,128,255) ;
}
div.mrpIndexTable ul.listInfra a{
	color:rgb(0,230,230);
}


*{
}

/**
 * ========================================
 *
 * 
/* journey map
 * ----------------------------------------
 *
 *
 *
 *
 */
div#parkDetail{
	width:720px;
	margin-bottom:10px;
	margin-left:4px;
	float:left;
	clear:both;
}

div#parkDetail div#parkDetailNav{
	width:720px;
	height: 35px;
	display:table-cell;
	float:left;
}
/*----------Back to Attaction top setting-------------- */
div#parkDetailNav .btnBackAttraction{
	width:194px;
	height:22px;
	display:block;
	background: url(/images/en/attraction/btn_back_attraction.jpg) no-repeat 0 0;
	/*margin-top:20px;*/
}

div#parkDetailNav span{
	/*height:56px;*/
	display:block;
}

div#parkDetailNav span#backToAttraction{
	width:200px;
	float:left;
}

div#parkDetailNav span#addToMap{
	background-image:url(/images/en/attraction/bg_add_to_map.jpg);
	display:block;
	width:206px;
	height:56px;
	float:right;
}

div#parkDetailNav span#addToMap input{
	margin:35px 14px 0 0;
	_margin:31px 11px 0 0;
	padding:0;
	float:right;	
}

/*----------Back to Attaction top setting end-------------- */

div#parkDetailHeader{
	height:108px;
	float:left;
}

div#parkDetail div#parkDetailIntro{
	width:720px;
	background-position:bottom;
	background-repeat:no-repeat;
	float:left;
	

}

div#parkDetail div#parkDetailIntro h2{
	line-height:1em;
	margin-top:6px;
}

div#parkDetail p,
div#parkDetail ul{
	margin-top:6px;
	font-size:12px;
}

div#parkDetail div#parkDetailSubIntro{
	float:left;
}

div#parkDetail div#parkDetailSubIntro ol{
	margin:15px 0 0 0;
	padding:0;
	list-style-type:none;
	width:700px;
	clear:both;
}

div#parkDetail div#parkDetailSubIntro ol li:first-line{
}

div#parkDetail div#parkDetailSubIntro ol li{
	padding:0 0 20px 18px;
	margin-right:20px;
	background-image:url(/images/common/ico_circle_location_intro.png);
	background-repeat:no-repeat;
	background-position:2px 3px;	
}

div#parkDetail div#parkDetailSubIntro ol li p{
}

div#parkDetail div#parkDetailIntro div#talbeShowInfo{
	margin:15px 0 20px 0;
	float:left;
}

div#parkDetail div#parkDetailIntro div#talbeShowInfo dl{
	margin:0;
	padding:0;
	width:230px;
	font-size:12px;
	background-repeat:repeat;
	background-image:url(/images/common/attraction/park_journey_desc_bg.png);	
	float:left;
	border:1px solid #fafafa;
}

div#parkDetail div#parkDetailIntro div#talbeShowInfo  dl.whiteBg{
	background-color:#fafafa;
	float:left;
}

div#parkDetail div#parkDetailIntro div#talbeShowInfo dl dt{
	width:90px;
	float:left;
	font-weight:bold;
	padding:6px 0 6px 10px; 
	font-size:12px;
	margin:0;
}

div#parkDetail div#parkDetailIntro div#talbeShowInfo dl dd{
	width:130px;
	float:left;
	padding:6px 0 6px 0;
	font-size:12px;
	margin:0;
}

div#parkDetail div#parkDetailIntro div#talbeShowInfo dl dd .journeyLocationMap{
	background-image:url(/images/en/attraction/btn_map.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	width:55px;
	height:20px;
	display:block;
}

/*----------intro colors setting-------------- */
/*red setting */
div#parkDetail .introBg_red{
	background-image:url(/images/common/attraction/journey_games_bg_red.gif);
}

div#parkDetail .introBg_red h2,
div#parkDetail .introBg_red p,
div#parkDetail .introBg_red ul{
	color:#ed2b46;
}
div#parkDetail .introBg_red ul,
div#parkDetail .introBg_red li{
	margin:0; 
	padding:0;
	text-decoration:none;
}
div#parkDetail .introBg_red li{ margin-left:15px;}

/*light green setting */
div#parkDetail .introBg_lGreen{
	background-image:url(/images/common/attraction/journey_games_bg_lgreen.gif);
}

div#parkDetail .introBg_lGreen h2,
div#parkDetail .introBg_lGreen p{
	color:#65980f;
}

/*green setting */
div#parkDetail .introBg_green{
	background-image:url(/images/common/attraction/journey_games_bg_green.gif);
}

div#parkDetail .introBg_green h2,
div#parkDetail .introBg_green p{
	color:#007831;
}

/*brown setting */
div#parkDetail .introBg_brown{
	background-image:url(/images/common/attraction/journey_games_bg_brown.gif);
}

div#parkDetail .introBg_brown h2,
div#parkDetail .introBg_brown p{
	color:#a35900;
}

/*purple setting */
div#parkDetail .introBg_purple{
	background-image:url(/images/common/attraction/journey_games_bg_purple.gif);
}

div#parkDetail .introBg_purple h2,
div#parkDetail .introBg_purple p{
	color:#9e3fd1;
}

/*blue setting */
div#parkDetail .introBg_blue{
	background-image:url(/images/common/attraction/journey_games_bg_blue.gif);
}

div#parkDetail .introBg_blue  h2,
div#parkDetail .introBg_blue  p,
div#parkDetail .introBg_blue  ol li{
	color:#0a8eb5;
}

/*pink setting */
div#parkDetail .introBg_pink{
	background-image:url(/images/common/attraction/journey_games_bg_pink.gif);
}

div#parkDetail .introBg_pink  h2,
div#parkDetail .introBg_pink  p{
	color:#ff5196;
}



/*----------intro colors setting end-------------- */

div#parkDetail div#parkDetailMovie{
	width:426px;
	height:320px;
	float:left;
	padding-bottom:20px;
	padding-left:20px;
}

div#parkDetail div#parkDetailDesc{
	width:230px;
	float:left;
	padding-left:22px;
}


/**
 * ========================================
 *
 * left navigation setting
 * ----------------------------------------
 *
 *
 *
 *
 */
 
/* you Know What section */
 dl.youKnowWhat{
 }
 
 dl.youKnowWhat dt{
	margin:0 0 10px 0;
	font-weight:bold;
}

 dl.youKnowWhat dd{
	vertical-align:top;
	margin:0;
}

/* our earth say section */
 dl.ourEarthSay{
	border-bottom:1px solid #000;
}

 dl.ourEarthSay dt{
	margin:0 0 10px 0;
	font-weight:bold;
	color: #ccc;
}

 dl.ourEarthSay dd{
	margin:0;
}

 dl.youKnowWhat dt,
 dl.youKnowWhat dd,
 dl.ourEarthSay dt,
 dl.ourEarthSay dd{
	text-align:left;
 	font-size:18px;
}


 dl.youKnowWhat dd p,
 dl.ourEarthSay dd p{
	text-align:left;
}


 dl.youKnowWhat dd b,
 dl.ourEarthSay dd b{
 	font-weight:normal;
}

/**
 * ========================================
 *
 * wrapper area setting
 * ----------------------------------------
 *
 *
 *
 *
 */
div#wrapper{
	float:left;
	background-color:#fff;
	padding-left:10px;
	padding-bottom:40px;
}

 
div#wrapper #innerContent{
	text-align:left;
	margin:10px 0 0 10px;
	float:left;
}

div#wrapper #innerContent h1{
	float:none;
	height:80px;
}

/**
 * ========================================
 *
 * 
/* mrp index page
 * ----------------------------------------
 *
 *
 *
 *
 */
 
span.mrpIntroTxt{
	width:710px;
	height:170px;
	float:left;
	padding-top:20px;
}

span.mrpIntroTxt p{
	width:395px;
}

div.mrpIndexTable{
	width:725px;
	height:412px;
	float:left;
	margin:0;
	padding:0;
	position:relative;
}

div.mrpIndexTable img{
	position:absolute;
	top:0;
	left:0;
	z-index:0;
}

div.mrpIndexTable ul{
	list-style-type:none;
	font-size:75%;

}

div.mrpIndexTable ul a{
	color:#fafafa;
}

div.mrpIndexTable li{
	background-image:none;
	padding:3px 0 3px 26px;
	line-height:1.5em;
}

div.mrpIndexTable ul.listSummit{
	margin:63px 0 0 30px;
	position:relative;
	z-index:100;
}

div.mrpIndexTable ul.listWaterFront{
	position:absolute;
	/*margin:125px 0 0 570px;*/
	left:555px;
	top:125px;
	z-index:999;
}

div.mrpIndexTable ul.waterFront_cn{
	left:570px;
}


div.mrpIndexTable ul.listWaterFront li{
	width:180px;
	/*border:1px solid #000;*/
}

div.mrpIndexTable ul.listInfra{
	margin:105px 0 0 28px;
	position:relative;
	z-index:100;
}

div.mrpIndexTable span.btnNightArea{
	position:absolute;
	height:63px;
	width:214px;
	height:63px;
	float:left;
	left:346px;
	top:174px;
	z-index:200;
}

div.mrpIndexTable span.btnNightArea img{
	display:block;
}
div.mrpIndexTable a.btnOpNight{
	display:none;
}