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

/* passion-one-700 - latin */
@font-face {
  font-family: 'Passion One';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/passion-one-v10-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Passion One Bold'), local('PassionOne-Bold'),
       url('../fonts/passion-one-v10-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/passion-one-v10-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/passion-one-v10-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/passion-one-v10-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/passion-one-v10-latin-700.svg#PassionOne') format('svg'); /* Legacy iOS */
}

#MalemHomeContainerBox1 {display:none;}
#MalemHomeContainerBox2 {display:none;}
#MalemHomeContainerBox2 img {height:185px;}
#MalemHomeContainerBox3 {display:none;}
#MalemHomeContainerBoxMOBI1 {float:none;width:100%;display:block;}
#MalemHomeContainerBoxMOBI2 {float:left;width:50%;z-index:8000;display:block;}
#MalemHomeContainerBoxMOBI3 {float:none;width:100%;clear:both;margin-top:0px;display:block;}


/* for 3 bubbles home*/
#MalemHomeContainerTHREEBox1 {float:none;width:100%;}
#MalemHomeContainerTHREEBox2 {float:left;width:50%;}
#MalemHomeContainerTHREEBox2 img {height:100%;width:100%;float:left}

/* for 5 bubbles home*/
#MalemHomeContainerFIVEBox1 {float:none;width:100%;}
#MalemHomeContainerFIVEBox1 img {display:block;}
#MalemHomeContainerFIVEBox2 {float:left;width:calc(100% / 3);}
#MalemHomeContainerFIVEBox2 img {display: block}
#MalemHomeContainerFIVEBox3 {float:left;width:50%;}
#MalemHomeContainerFIVEBox3 img {display: block}

#MalemTitle1 {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	top: 105px;
	width: 125px;
	height: 59px;
	z-index: 201;
	overflow: hidden;
	font-size: 19px;
	text-align: center;
	font-family: 'Passion One', cursive;
	font-weight:700;
	z-index:100;
}
/* for 3 bubbles home page*/
#MalemTitle1_3B {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	top: 115px;
	width: 125px;
	height: 59px;
	z-index: 201;
	overflow: hidden;
	font-size: 19px;
	text-align: center;
	font-family: 'Passion One', cursive;
	font-weight:700;
	z-index:100;
}
#MalemTitle2 {
	position:relative;
	margin-left:31px;
	margin-right:auto;
	top: 105px;
	width: 125px;
	height: 59px;
	z-index: 201;
	overflow: hidden;
	font-size: 19px;
	text-align: center;
	font-family: 'Passion One', cursive;
	font-weight:700;
	z-index:110;
}
/* for 3 bubbles home page*/
#MalemTitle2_3B {
	position:relative;
	margin-left:31px;
	margin-right:auto;
	top: 180px;
	width: 125px;
	height: 59px;
	z-index: 201;
	overflow: hidden;
	font-size: 19px;
	text-align: center;
	font-family: 'Passion One', cursive;
	font-weight:700;
	z-index:110;
}

#MalemTitle3 {
	position:relative;
	margin-left:auto;
	margin-right:27px;
	top: 105px;
	width: 125px;
	height: 59px;
	z-index: 201;
	overflow: hidden;
	font-size: 19px;
	text-align: center;
	font-family: 'Passion One', cursive;
	font-weight:700;
	z-index:110;
}
#MalemTitle4 {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	top:275px;
	left:0px;
	width: 140px;
	height: 59px;
	z-index: 201;
	overflow: hidden;
	font-size: 19px;
	text-align: center;
	font-family: 'Passion One', cursive;
	font-weight:700;
	z-index:120;
}
#MalemTitle4Chinese {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	top:295px;
	left:0px;
	width: 140px;
	height: 59px;
	z-index: 201;
	overflow: hidden;
	font-size: 19px;
	text-align: center;
	font-family: 'Passion One', cursive;
	font-weight:700;
	z-index:120;
}
/* for 3 bubbles home page*/
#MalemTitle4_3B {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	top:170px;
	left:40px;
	width: 140px;
	height: 59px;
	z-index: 201;
	overflow: hidden;
	font-size: 19px;
	text-align: center;
	font-family: 'Passion One', cursive;
	font-weight:700;
	z-index:120;
}
/* for 3 bubbles home page*/
#MalemTitle4Chinese_3B {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	top:185px;
	left:43px;
	width: 140px;
	height: 59px;
	z-index: 201;
	overflow: hidden;
	font-size: 19px;
	text-align: center;
	font-family: 'Passion One', cursive;
	font-weight:700;
	z-index:120;
}
#MalemHomeContainerBoxKPI1 {display:none;}
#MalemHomeContainerBoxKPI2 {display:none;}

#MalemHomeContainerBoxKPIMOBI1 {float:none;width:100%;margin-top:0px;display:block}
#MalemHomeContainerBoxKPIMOBI2 {float:left;width:50%;margin-top:0px;z-index:8000;display:block}
#MalemHomeContainerBoxKPIMOBI2 img {height:auto;width:auto;display:block}
#malemHomeUrl {position:absolute; top:0px;left:0px;height:50px; width:200px; z-index:1000;}

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 581px) {
#MalemHomeContainerBox1 {display:none;}
#MalemHomeContainerBox2 {display:none;}
#MalemHomeContainerBox2 img {height:185px;}
#MalemHomeContainerBox3 {display:none;}
#MalemHomeContainerBoxMOBI1 {float:none;width:100%;display:block;}
#MalemHomeContainerBoxMOBI2 {float:left;width:50%;z-index:8000;display:block;}
#MalemHomeContainerBoxMOBI3 {float:none;width:100%;clear:both;margin-top:0px;display:block;}


#MalemTitle1 {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	top: 105px;
	width: 125px;
	height: 59px;
	z-index: 201;
	overflow: hidden;
	font-size: 19px;
	text-align: center;
	font-family: 'Passion One', cursive;
	font-weight:700;
	z-index:100;
}
#MalemTitle2 {
	position:relative;
	margin-left:31px;
	margin-right:auto;
	top: 105px;
	width: 125px;
	height: 59px;
	z-index: 201;
	overflow: hidden;
	font-size: 19px;
	text-align: center;
	font-family: 'Passion One', cursive;
	font-weight:700;
	z-index:110;
}


#MalemTitle3 {
	position:relative;
	margin-left:auto;
	margin-right:27px;
	top: 105px;
	width: 125px;
	height: 59px;
	z-index: 201;
	overflow: hidden;
	font-size: 19px;
	text-align: center;
	font-family: 'Passion One', cursive;
	font-weight:700;
	z-index:110;
}
#MalemTitle4 {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	top:275px;
	left:0px;
	width: 140px;
	height: 59px;
	z-index: 201;
	overflow: hidden;
	font-size: 19px;
	text-align: center;
	font-family: 'Passion One', cursive;
	font-weight:700;
	z-index:120;
}
#MalemTitle4Chinese {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	top:295px;
	left:0px;
	width: 140px;
	height: 59px;
	z-index: 201;
	overflow: hidden;
	font-size: 19px;
	text-align: center;
	font-family: 'Passion One', cursive;
	font-weight:700;
	z-index:120;
}

	
}



/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {
#MalemHomeContainerBox1 {float:none;width:100%;margin-top:-59px;display:block}
#MalemHomeContainerBox2 {float:left;width:50%;margin-top:-59px;z-index:8000;display:block}
#MalemHomeContainerBox2 img {height:185px;}
#MalemHomeContainerBox3 {float:none;width:100%;clear:both;margin-top:0px;display:block}
#MalemHomeContainerBoxMOBI1 {display:none;}
#MalemHomeContainerBoxMOBI2 {display:none;}
#MalemHomeContainerBoxMOBI3 {display:none;}

/* for 3 bubbles home*/
#MalemHomeContainerTHREEBox1 {float:none;width:100%;}
#MalemHomeContainerTHREEBox2 {float:left;width:50%;}
#MalemHomeContainerTHREEBox2 img {height:100%;}
#MalemHomeContainerTHREEBox3 {float:left;width:50%;}
#MalemHomeContainerTHREEBox3 img {height:100%;}

/* for 5 bubbles home*/
#MalemHomeContainerFIVEBox1 {float:none;width:100%;}
#MalemHomeContainerFIVEBox1 img {display:block;}
#MalemHomeContainerFIVEBox2 {float:left;width:calc(100% / 3);}
#MalemHomeContainerFIVEBox2 img {display: block}
#MalemHomeContainerFIVEBox3 {float:left;width:50%;}
#MalemHomeContainerFIVEBox3 img {display: block}

	
	
#MalemTitle1 {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	top: 105px;
	width: 125px;
	height: 59px;
	z-index: 201;
	overflow: hidden;
	font-size: 19px;
	text-align: center;
	font-family: 'Passion One', cursive;
	font-weight:700;
	z-index:100;
}
#MalemTitle2 {
	position:relative;
	margin-left:31px;
	margin-right:auto;
	top: 98px;
	width: 125px;
	height: 59px;
	z-index: 201;
	overflow: hidden;
	font-size: 19px;
	text-align: center;
	font-family: 'Passion One', cursive;
	font-weight:700;
	z-index:110;
}


#MalemTitle3 {
	position:relative;
	margin-left:auto;
	margin-right:27px;
	top: 98px;
	width: 125px;
	height: 59px;
	z-index: 201;
	overflow: hidden;
	font-size: 19px;
	text-align: center;
	font-family: 'Passion One', cursive;
	font-weight:700;
	z-index:110;
}
#MalemTitle4 {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	top:275px;
	left:0px;
	width: 140px;
	height: 59px;
	z-index: 201;
	overflow: hidden;
	font-size: 19px;
	text-align: center;
	font-family: 'Passion One', cursive;
	font-weight:700;
	z-index:120;
}
#MalemTitle4Chinese {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	top:295px;
	left:0px;
	width: 140px;
	height: 59px;
	z-index: 201;
	overflow: hidden;
	font-size: 19px;
	text-align: center;
	font-family: 'Passion One', cursive;
	font-weight:700;
	z-index:120;
}

#MalemTitleTHREE1 { /* for 3 bubbles home*/
	position:relative;
	margin-left:auto;
	margin-right:35px;
	top: 175px;
	width: 125px;
	height: 59px;
	z-index: 201;
	overflow: hidden;
	font-size: 19px;
	text-align: center;
	font-family: 'Passion One', cursive;
	font-weight:700;
	z-index:110;
	
	
}

#MalemTitleTHREE2 { /* for 3 bubbles home*/
	position:relative;
	margin-left:34px;
	margin-right:auto;
	top: 175px;
	width: 125px;
	height: 59px;
	z-index: 201;
	overflow: hidden;
	font-size: 19px;
	text-align: center;
	font-family: 'Passion One', cursive;
	font-weight:700;
	z-index:110;
}


#MalemTitleTHREE3 { /* for 3 bubbles home*/
	position:relative;
	margin-left:auto;
	margin-right:35px;
	top: 175px;
	width: 125px;
	height: 59px;
	z-index: 201;
	overflow: hidden;
	font-size: 19px;
	text-align: center;
	font-family: 'Passion One', cursive;
	font-weight:700;
	z-index:110;
}
/* for KPI home*/
#MalemTitleKPI1 {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	top: 110px;
	width: 125px;
	height: 59px;
	z-index: 201;
	overflow: hidden;
	font-size: 37px;
	text-align: center;
	font-family: 'Passion One', cursive;
	font-weight:700;
	z-index:100;
}

#MalemTitleKPI2 {
	position:relative;
	margin-left:23px;
	margin-right:auto;
	top: 90px;
	left:3px;
	width: 125px;
	height: 59px;
	z-index: 201;
	overflow: hidden;
	font-size: 19px;
	text-align: center;
	font-family: 'Passion One', cursive;
	font-weight:700;
	z-index:110;
}


#MalemTitleKPI3 {
	position:relative;
	margin-left:auto;
	margin-right:27px;
	top: 90px;
	left:2px;
	width: 125px;
	height: 59px;
	z-index: 201;
	overflow: hidden;
	font-size: 19px;
	text-align: center;
	font-family: 'Passion One', cursive;
	font-weight:700;
	z-index:110;
}

#MalemHomeContainerBoxKPI1 {float:none;width:100%;margin-top:-59px;display:block}
#MalemHomeContainerBoxKPI2 {float:left;width:50%;margin-top:-59px;z-index:8000;display:block;}
#MalemHomeContainerBoxKPI2 img {height:185px;}
#MalemHomeContainerBoxKPIMOBI1 {display:none}
#MalemHomeContainerBoxKPIMOBI2 {display:none}

}