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


/*----------------------------------------------------
	☆mv
----------------------------------------------------*/
.topMv {
	background: url(/search/images/search_mv.jpg);
	background-size: auto auto;
	background-size: cover;
	height: 30vh;
	position: relative;
	margin-top: 80px;
}
.topMv h2 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
}
.topMv h2 img {
	width: 450px;
}
/*----------------------------------------------------
	☆map
----------------------------------------------------*/

.map {
	position: relative;
	height: 784px;
	width: 1146px;
	background: url(/lib/cmn_img/other_region.png) center center no-repeat;
}
.searchContents span.text {
	display: inline-block;
	font-size: 2rem;
	margin-bottom: 115px;
	color: #0b674b;
	border-bottom: solid 2px #0b674b;
	padding-bottom: 3px;
}
.map p {
	position: absolute;
}
.map p img {
	width: 100%;
}
.map .area01 {
	top: 133px;
	left: -75px;
	width: 507px;
	height: 448px;
}
.map .area02 {
	top: 22px;
	left: 666px;
	width: 501px;
	height: 361px;
}
.map .area03 {
	top: 30px;
	left: 451px;
	width: 328px;
	height: 263px;
}
.map .area04 {
	top: -62px;
	left: 134px;
	width: 461px;
	height: 277px;
}
.map .area05 {
	top: 110px;
	left: 304px;
	width: 412px;
	height: 389px;
}
.map a:hover {
	opacity: 1;
}

/*===================================================
Map Pop Up Trigger
====================================================*/
.mapmap {

		height: 100%;
		width: 1200px;
		margin-left: auto;
		margin-right: auto;
		align-content: center;
	}

.mapmap2 {
	z-index: 1;
	position: relative;
	width: 100%;
	height: 100%;
}

.trigger {
	position: absolute;
	width: 11px;
	font-size: 28px;
	color: #F0F;
	z-index: 44px;
	cursor: pointer;
}

.bubbleInfo {
    position: relative;

}
.popup_m {
    position: absolute;
    display: none; /* keeps the popup hidden if no JS available */
		background-color: #fff;
		border-color: #f00;
		border-width: 1px;
		border-style: solid;
		border-radius: 5px;
		padding: 10px;
		z-index: 66;
		width: auto;
		height: auto;
		margin-top: 20px;
}

.popup {
    position: absolute;
    display: none; /* keeps the popup hidden if no JS available */
		background-color: #fff;
		border-color: #f00;
		border-width: 1px;
		border-style: solid;
		border-radius: 5px;
		padding: 10px;
		z-index: 66;
		width: 250px;
		height: auto;
}

.popup .header01 {
	font-size: 16px;
	font-weight: bold;
}

.popup p {
	font-size: 14px;
}

/*===================================================
Map Pop Up Trigger - Central Region
====================================================*/

.tr1-lcsc {
	margin-top: -339px; /* Pop1 +21px */
	margin-left: 601px; /* pop1 +20px */
	z-index: 25;
}
.pop1-lcsc {
	margin-top: -380px;
	margin-left: 601px;
}

.pop2-lcsc {
	margin-top: -270px;
	margin-left: 601px;
}

.tr1-csm {
	margin-top: -386px; /* Pop1 +21px */
	margin-left: 630px; /* pop1 +20px */
	z-index: 25;
}
.pop1-csm {
	margin-top: -427px;
	margin-left: 650px;
}
.pop2-csm {
	margin-top: -317px;
	margin-left: 650px;
}

.tr1-tpy {
	margin-top: -436px; /* Pop1 +21px */
	margin-left: 615px; /* pop1 +20px */
	z-index: 25;
}
.pop1-tpy {
	margin-top: -467px;
	margin-left: 635px;
}
.pop2-tpy {
	margin-top: -367px;
	margin-left: 635px;
}

.tr1-cathay {
	margin-top: -357px; /* Pop1 +25px */
	margin-left: 611px; /* pop1 +20px */
	z-index: 25;
}
.pop1-cathay {
	margin-top: -392px;
	margin-left: 631px;
}
.pop2-cathay {
	margin-top: -292px;
	margin-left: 631px;
}

.tr1-orchard1 {
	margin-top: -360px; /* Pop1 +25px */
	margin-left: 592px; /* pop1 +20px */
	z-index: 25;
}
.pop1-orchard1 {
	margin-top: -408px;
	margin-left: 612px;
}
.pop2-orchard1 {
	margin-top: -298px;
	margin-left: 612px;
}

.tr1-usq {
	margin-top: -397px; /* Pop1 +25px */
	margin-left: 603px; /* pop1 +20px */
	z-index: 25;
}
.pop1-usq {
	margin-top: -430px;
	margin-left: 623px;
}
.pop2-usq {
	margin-top: -330px;
	margin-left: 623px;
}

.tr1-aperia {
	margin-top: -382px; /* Pop1 +25px */
	margin-left: 651px; /* pop1 +20px */
	z-index: 25;
}
.pop1-aperia {
	margin-top: -415px;
	margin-left: 671px;
}
.pop2-aperia {
	margin-top: -315px;
	margin-left: 671px;
}

.tr1-chinatown1 {
	margin-top: -324px; /* Pop1 +25px */
	margin-left: 603px; /* pop1 +20px */
	z-index: 25;
}
.pop1-chinatown1 {
	margin-top: -368px;
	margin-left: 623px;
}
.pop2-chinatown1 {
	margin-top: -258px;
	margin-left: 623px;
}

.tr1-msq {
	margin-top: -337px; /* Pop1 +25px */
	margin-left: 634px; /* pop1 +20px */
	z-index: 25;
}
.pop1-msq {
	margin-top: -368px;
	margin-left: 655px;
}
.pop2-msq {
	margin-top: -268px;
	margin-left: 655px;
}

.tr1-arc {
  margin-top: -307px;
  margin-left: 444px;
  z-index: 25;
}
.pop1-arc {
  margin-top: -338px;
  margin-left: 365px;
}
.pop2-arc {
  margin-top: -238px;
  margin-left: 435px;
}

/*===================================================
Map Pop Up Trigger - North-East Region
====================================================*/
.tr1-oasis {
	margin-top: -598px; /* Pop1 +25px */
	margin-left: 759px; /* pop1 +20px */
	z-index: 25;
}
.pop1-oasis {
	margin-top: -634px;
	margin-left: 745px;
}
.pop2-oasis {
	margin-top: -534px;
	margin-left: 745px;
}

.tr1-nex {
  margin-top: -543px; /* Pop1 +25px */
  margin-left: 668px; /* pop1 +20px */
  z-index: 25;
}
.pop1-nex {
  margin-top: -579px;
  margin-left: 687px;
}
.pop2-nex {
  margin-top: -477px;
  margin-left: 687px;
}

.tr1-hougang1 {
	margin-top: -533px; /* Pop1 +25px */
	margin-left: 683px; /* pop1 +20px */
	z-index: 25;
}
.pop1-hougang1 {
	margin-top: -572px;
	margin-left: 700px;
}
.pop2-hougang1 {
	margin-top: -468px;
	margin-left: 700px;
}

.tr1-rivervale {
	margin-top: -574px; /* Pop1 +25px */
	margin-left: 743px; /* pop1 +20px */
	z-index: 25;
}
.pop1-rivervale {
	margin-top: -607px;
	margin-left: 752px;
}
.pop2-rivervale {
	margin-top: -504px;
	margin-left: 752px;
}

.tr1-seletar {
	margin-top: -572px; /* Pop1 +25px */
	margin-left: 676px; /* pop1 +20px */
	z-index: 25;
}
.pop1-seletar {
	margin-top: -618px;
	margin-left: 696px;
}
.pop2-seletar {
	margin-top: -500px;
	margin-left: 696px;
}

.tr1-hougangM {
	margin-top: -544px; /* Pop1 +25px */
	margin-left: 721px; /* pop1 +20px */
	z-index: 25;
}
.pop1-hougangM {
	margin-top: -582px;
	margin-left: 740px;
}
.pop2-hougangM {
	margin-top: -478px;
	margin-left: 740px;
}

.tr1-51amk {
	margin-top: -588px; /* Pop1 +25px */
	margin-left: 640px; /* pop1 +20px */
	z-index: 25;
}
.pop1-51amk {
	margin-top: -618px;
	margin-left: 635px;
}
.pop2-51amk {
	margin-top: -518px;
	margin-left: 635px;
}


/*===================================================
Map Pop Up Trigger - North Region
====================================================*/
.tr1-ssc {
	margin-top: -689px; /* Pop1 +25px */
	margin-left: 559px; /* pop1 +20px */
	z-index: 25;
}
.pop1-ssc {
	margin-top: -739px;
	margin-left: 545px;
}
.pop2-ssc {
	margin-top: -624px;
	margin-left: 545px;
}

.tr1-ktns {
  margin-top: -634px;
  margin-left: 531px;
  z-index: 25;
}
.pop1-ktns {
  margin-top: -695px;
  margin-left: 510px;
}
.pop2-ktns {
  margin-top: -564px;
  margin-left: 510px;
}

.tr1-heartm {
  margin-top: -534px;
  margin-left: 701px;
  z-index: 25;
}
.pop1-heartm {
  margin-top: -595px;
  margin-left: 690px;
}
.pop2-heartm {
  margin-top: -464px;
  margin-left: 690px;
}

.tr1-wqmn {
  margin-top: -694px;
  margin-left: 459px;
  z-index: 25;
}
.pop1-wqmn {
  margin-top: -743px;
  margin-left: 465px;
}
.pop2-wqmn {
  margin-top: -628px;
  margin-left: 465px;
}

.tr1-sunp {
  margin-top: -705px; /* Pop1 +25px */
  margin-left: 540px; /* pop1 +20px */
  z-index: 25;
}
.pop1-sunp {
  margin-top: -754px;
  margin-left: 545px;
}
.pop2-sunp {
  margin-top: -639px;
  margin-left: 545px;
}

.tr1-ytp {
	margin-top: -588px; /* Pop1 +25px */
	margin-left: 383px; /* pop1 +20px */
	z-index: 25;
}
.pop1-ytp {
	margin-top: -639px;
	margin-left: 403px;
}
.pop2-ytp {
	margin-top: -524px;
	margin-left: 403px;
}


/*===================================================
Map Pop Up Trigger - West Region
====================================================*/
.tr1-321c {
	margin-top: -389px;
	margin-left: 417px;
	z-index: 25;
}
.pop1-321c {
	margin-top: -441px;
	margin-left: 435px;
}
.pop2-321c {
	margin-top: -322px;
	margin-left: 435px;
}

.tr1-jcube {
	margin-top: -438px;
	margin-left: 359px;
	z-index: 25;
}
.pop1-jcube {
	margin-top: -473px;
	margin-left: 373px;
}
.pop2-jcube {
	margin-top: -373px;
	margin-left: 373px;
}

.tr1-hillion {
	margin-top: -541px;
	margin-left: 411px;
	z-index: 25;
}
.pop1-hillion {
	margin-top: -579px;
	margin-left: 431px;
}
.pop2-hillion {
	margin-top: -477px;
	margin-left: 431px;
}

.tr1-starvista {
	margin-top: -376px;
	margin-left: 471px;
	z-index: 25;
}
.pop1-starvista {
	margin-top: -411px;
	margin-left: 492px;
}
.pop2-starvista {
	margin-top: -311px;
	margin-left: 492px;
}

.tr1-holland {
	margin-top: -388px;
	margin-left: 489px;
	z-index: 25;
}
.pop1-holland {
	margin-top: -424px;
	margin-left: 519px;
}
.pop2-holland {
	margin-top: -323px;
	margin-left: 519px;
}

/*===================================================
Map Pop Up Trigger - East Region
====================================================*/
.tr1-whitesand {
	margin-top: -528px;
	margin-left: 846px;
	z-index: 25;
}
.pop1-whitesand {
	margin-top: -578px;
	margin-left: 856px;
}
.pop2-whitesand {
	margin-top: -462px;
	margin-left: 856px;
}

.tr1-tampines1 {
  margin-top: -485px;
  margin-left: 836px; 
	z-index: 25;
}
.pop1-tampines1 {
	margin-top: -520px;
	margin-left: 855px;
}
.pop2-tampines1 {
	margin-top: -420px;
	margin-left: 855px;
}


.tr1-century {
  margin-top: -472px;
  margin-left: 820px;
  z-index: 25;
}
.pop1-century {
  margin-top: -507px;
  margin-left: 839px;
}
.pop2-century {
  margin-top: -407px;
  margin-left: 839px;
}

.tr1-eastpoint {
	margin-top: -459px;
	margin-left: 854px;
	z-index: 25;
}
.pop1-eastpoint {
	margin-top: -491px;
	margin-left: 875px;
}
.pop2-eastpoint {
	margin-top: -391px;
	margin-left: 875px;
}

.tr1-changicity {
	margin-top: -440px;
	margin-left: 877px;
	z-index: 25;
}
.pop1-changicity {
	margin-top: -488px;
	margin-left: 898px;
}
.pop2-changicity {
	margin-top: -370px;
	margin-left: 898px;
}

.tr1-bedokpoint {
	margin-top: -417px;
	margin-left: 806px;
	z-index: 25;
}
.pop1-bedokpoint {
	margin-top: -468px;
	margin-left: 827px;
}
.pop2-bedokpoint {
	margin-top: -350px;
	margin-left: 827px;
}

.tr1-kinex {
	margin-top: -395px;
	margin-left: 719px;
	z-index: 25;
}
.pop1-kinex {
	margin-top: -430px;
	margin-left: 739px;
}
.pop2-kinex {
	margin-top: -330px;
	margin-left: 739px;
}

.tr1-plq {
  margin-top: -393px;
  margin-left: 739px;
  z-index: 25;
}
.pop1-plq {
  margin-top: -428px;
  margin-left: 719px;
}
.pop2-plq {
  margin-top: -328px;
  margin-left: 719px;
}

/*----------------------------------------------------
	☆table
----------------------------------------------------*/



.searchContents {
	padding-top: 180px;
}
.searchContents h2 {
	margin-top: 40px;
}
.searchContents h4 {
	margin: 0 0 25px 25px;
	position: relative;
}
.searchContents h4:before {
	content: "◆";
	width: 14px;
	height: 14px;
	position: absolute;
	left: -2%;
	top: 0%;
}
.searchContents li {
	margin-bottom: 60px;
}
.searchContents li:last-child {
	margin-bottom: 0px;
}
.searchContents .areaBox {
	margin-bottom: 120px;
}
.searchContents .areaBox:last-child {
	margin-bottom: 0;
}

/*----------------------------------------------------
	☆break
----------------------------------------------------*/
@media only screen and (max-width: 1440px) {
.topMv {
	margin-top: 140px;
}
}

/*---------------------------------------------------------------------------
	☆forSP
---------------------------------------------------------------------------*/

/*----------------------------------------------------
	☆SPmv
----------------------------------------------------*/
@media only screen and (max-width: 800px) {
.topMv {
	height: 15vh;
}
.topMv h2 img {
	width: 250px;
}
/*----------------------------------------------------
	☆SPmap
----------------------------------------------------*/
.searchContents span.text {
	font-size: 1.4rem;
	margin-bottom: 10px;
}
.map p {
	position: relative;
}
.searchContents .mapSP img {
	width: 100%;
}
.map a:hover {
	opacity: 0.7;
}
/*----------------------------------------------------
	☆SPtable
----------------------------------------------------*/



.searchContents {
	padding-top: 40px;
}
.searchContents h2 {
	margin-top: 20px;
}
.searchContents h4:before {
	left: -6%;
}
.searchContents li {
	margin-bottom: 40px;
}
.searchContents .areaBox {
	margin-bottom: 90px;
}
}