body{
	margin: 0 auto;
	font-family: 'Noto Sans TC', sans-serif;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

}
.mobileheader-hotline{
	text-align: center;
	font-size:24px;
	color:#0D5D80;
	padding-top:8px;
	padding-bottom:8px;
	font-weight: 600;
}
.main{
	position: relative;
}
#whatsapp{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 82px;
	height: 82px;
	position: fixed;
	bottom:12px;
	right:12px;
	z-index: 999;
	text-align: center;
	background:white;
	border-radius: 50%;
}
h1{
	text-align: center;
	font-size:24px;
}
.flexbox{
	
}
#menubutton{
	width: 24px;
}
#menubutton >div{
	height: 2px;
	background: #0D5D80;
	width: 100%;
	margin-top:6px;
	margin-bottom:6px;
}
#deaktop-logo{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	    color: #0D5D80;
    font-weight: bold;
    font-size:27px;
}
header{
	border-bottom: 2px solid #0D5D80;
}
#mobile-header{
	text-align: left;
}
#mobile-logo{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	color: #0D5D80;
	font-weight: bold;
}
#mobile-menu{
	display:none;
}
#mobile-menu >div{
	text-decoration: none;
	color:#444444;
	padding-top:24px;
	padding-bottom:24px;
	border-bottom:1px solid #feddff
}#mobile-menu >div a{
	text-decoration: none;
	color:#444444;
}
#desktop-header{
	display: flex;
	justify-content: space-between;
	padding-top:12px;
	padding-bottom:12px;
	max-width: 1200px;
	margin:0 auto;
	
}
#desktop-menu{
	display: flex;
}
#desktop-menu >div{
	padding:8px 12px 8px 12px;
	cursor: pointer;
	
}
#desktop-menu >div a{
	text-decoration: none;
	color:#222222;
	
}
#desktop-menu >div:hover{
	text-decoration: none;
	color:#f0f0f0!important;
	background:#0D5D80;
}
#desktop-menu >div:hover a{
	color:#f0f0f0;
} 
footer{
	background-color: #0D5D80 !important;
	padding:42px 0px 42px 0px;
	color:#e0eeea;
}
footer h2{
	color:#f6f6f6;
	font-size:15px;
}
footer div{
	font-size:15px;
}
.container{
	width: 100%;
	max-width: 1000px;

	margin:0 auto;
	display: flex;
}

footer .container{
	display: flex;
	flex-wrap: wrap;
}
footer .container .col{
	margin-right:10%;
}
footer .container .col div{
	line-height: 24px;
	margin-top:8px;
	margin-bottom:8px;
}

.applicationsideimage{
	width: 65%;
	background-image:url("../images/application.png");
	background-size:contain;
	background-position: center bottom;
	background-repeat: no-repeat;
}
.applicationform-wrapper{
	width: 35%;
}
.applicationform-wrapper .row{
	width: 100%;	
	margin: 24px 0px 24px 0px;
	border: 1px solid #dddddd;
	border-radius: 8px;
	padding:0px 8px 0px 8px;
} 
.applicationform-wrapper .row select{
	width: 100%;	
	outline: none;
	border: 0px solid #eeeeee;
	height: 52px;
	background:rgba(0,0,0,0);
} 
.applicationform-wrapper .row input{
	width: 100%;	
	outline: none;
	border: 0px solid #eeeeee;
	height: 52px;
	background:rgba(0,0,0,0);
} 
.applicationform-wrapper .row p{
	font-size:11px;
	color: #444444;
	line-height: 17px;
	
}
.submit{
	line-height: 42px;
	width: 100%;
	border-radius: 12px;
	color: white;
	background-color: #0D5D80;
	text-align: center;
	margin-top:12px;
	margin-bottom:42px;
}
.submit a{
	text-decoration: none;
}
#product{
	background:white;
	
}
#product .container{
	
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
}
.prodoctcontainer{
	width: 33.33%;
	text-align: center;
}
.productinfo{
	padding-left:24px;
	padding-right:24px;
	padding-bottom:24px;
}
#desktop-header{
		display: flex;
	}	
	#mobile-header{
		display: none;
	}
@media only screen and (max-width: 900px) {

  .applicationsideimage{
	  display: none;
  }
  .applicationform-wrapper{
	width: 100%;
	padding-left:24px;
	padding-right:24px;
		
	}
	.referal .container{
		flex-wrap: wrap;
	}
	.referalcontent{
		width: 100%;
	padding-left:24px;
	padding-right:24px;
	text-align: center;
	font-size:90%!important;
	}
	.referalimage{
		width: 100%;
		text-align: center;
	}.referalimage img{
		height: 300px;
		
	}
	.referal{
		padding-top:42px;
		padding-bottom:0px;
	}
	footer{
		background-color: #0D5D80 !important;
		padding:42px 42px 42px 42px;
		color:#e0eeea;
	}
	.contactus{
		display: none;
	}
	#desktop-header{
		display: none;
	}	
	#mobile-header{
		display: block;
		position: relative;
	}

}

@media only screen and (max-width: 700px){
	body {}
	.prodoctcontainer{
		width: 100%;
		text-align: center;
	}

	
}