html, body{	padding: 0; margin: 0; width: 100%; }
#innovation-coatz {	position: relative; overflow: hidden; width: 100%; }
.introText{ position: relative; overflow: hidden; }
#widegreyout{
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #000000;
	opacity: 0.8;
	top: 0px;
	left: 0px;
	
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease;
	
	display: none;
	z-index: 3000;
}
.product-enquiry-container{ display: none; }

@media (min-width: 1px) {
	#MediaDetector{	background-color: #FF0000;	}
	
	.skrollr-body-m{	position: relative; overflow: hidden; width: 100%;	}
	.content-m { position: relative; overflow: hidden; width: 100%;
		background-position: 50% 0px; background-repeat: no-repeat;
		background-size: 100% auto;}
		
	#intro { background-image: url("../image/mobile/section01/Coatz01_IMG.jpg");	}
	#tech {	background-color: #ffffff;	}
	#app {	width: auto; padding: 20px; background-color: #efefef; }
	#crystal {	background-image: url("../image/mobile/section04/Crystallize_IMG.jpg");	}
	#magnified{	width: auto; padding: 15px; background-color: #efefef;	}
	#hydro { 
		width: auto; padding: 15px; background-color: #efefef;
		padding-top: 0px; /***/
	}	
	#lasting{ width: auto; padding: 15px; background-color: #ffffff; }
	#enquiry {	background-image: url("../image/mobile/section07/CrystallizeYourCar_IMG.jpg");	}
	#solution{	/*background-image: url("../image/mobile/section08/CoatzSeries_IMG.jpg");*/ }
	
	.introText-img{ position: relative; overflow: hidden; display: inline-block; }
	.techImg-img{ position: relative; overflow: hidden; display: block; width: 100%; }
	.appImg{ position: relative; overflow: hidden; }
	.appImg-img{ position: relative; }
	
	/*******************************************************
	**** I N T R O *****************************************
	*******************************************************/
	.introText-m{ text-align: center;	}
	.introText-img-m{ margin-top: 40px; width: 240px; }
	.introText-img-n{ display: none; }
	
	.introText-button{ position: relative; overflow: hidden; 
		height: 42px; width: 168px; margin: 0 auto; margin-top: 20px; 
		cursor: pointer; display: block;
		background-image: url("../image/mobile/section01/ProductEnquiryBtn_InActive.png"); }
	.introText-button-m:hover{	
		background-image: url("../image/mobile/section01/ProductEnquiryBtn_Active.png");
	}
	
	.introText-button-m{ }
	.introText-button-n{ display: none; }
	/*******************************************************
	**** T E C H *******************************************
	*******************************************************/
	.techText-m{ position: relative; overflow: hidden; 
		margin-top: 30px; /***/
		text-align: center; }
	.techText-hint-m{ position: relative; overflow: hidden; 
		font-family: play; color: #3ec2ff; font-size: 11px; letter-spacing: 0.1em; margin-bottom: 2px; }
	.techText-title-m{ position: relative; overflow: hidden; 
		font-family: play; color: #1a6899; font-size: 30px; line-height: 33px; letter-spacing: 0.05em; margin-bottom: 5px; }
	.techText-desc-m{ position: relative; overflow: hidden; 
		font-family: arimo; color: #000000; font-size: 13px; line-height: 21px; letter-spacing: 0.1em; margin: 0px 20px;}
	.techImg-img-m{ margin-bottom: 20px; }
	.techImg-img-n{ display: none; }
	
	/*******************************************************
	**** A P P *********************************************
	*******************************************************/
	.appContainer-m{ position: relative; overflow: hidden; }
	.appImg-m { position: relative; overflow: hidden; }
	.appImg-img-m{ display: block; width: 100%; height: auto; }
	.appImg-img-n{ display: none; }
	.appText-m{ position: relative; overflow: hidden; font-family: arimo; }
	.appText-container-m{ position: relative; overflow: hidden; }
	.appText-hint-m{ position: relative; overflow: hidden; 
		font-family: play; color: #3ec2ff; font-size: 11px; letter-spacing: 0.1em; margin-top: 20px; margin-bottom: 2px; }
	.appText-title-m{ position: relative; overflow: hidden; 
		font-family: play; color: #1a6899; font-size: 33px; line-height: 33px; letter-spacing: 0.05em; margin-bottom: 5px; }
	.appText-titleBr-m{ display: none; }
	.appText-desc-m{ position: relative; overflow: hidden; 
		font-family: arimo; color: #000000; font-size: 13px; line-height: 21px; letter-spacing: 0.1em; }
	
	/*******************************************************
	**** C R Y S T A L *************************************
	*******************************************************/
	.crystalImg{ position: relative; overflow: hidden; }
	.crystalImg-img{ position: relative; overflow: hidden; width: 100%; }
	.crystalImg-img-m{	display: block;}
	.crystalImg-img-n{	display: none; }
	
	.crystalText-m{ position: absolute; overflow: hidden; text-align: center; 
		width: 100%; height: auto; top: 0; left: 0; }
	.crystalText-hint-m{ position: relative; overflow: hidden; 
		margin-top: 30px; /***/
		font-family: play; color: #3ec2ff; font-size: 11px; letter-spacing: 0.1em; margin-bottom: 2px; }
	.crystalText-title-m{ position: relative; overflow: hidden; 
		font-family: play; color: #9dd9ff; font-size: 33px; line-height: 33px; letter-spacing: 0.05em; margin-bottom: 5px; }
	.crystalText-desc-m{ position: relative; overflow: hidden; 
		font-family: arimo; color: #ffffff; font-size: 13px; line-height: 21px; letter-spacing: 0.1em; margin: 0px 25px; }
	
	/*******************************************************
	**** M A G N I F I E D *********************************
	*******************************************************/
	.magnifiedImg-img{ position: relative; overflow: hidden; display: block;  }
	
	.magnifiedImg-m{ position: relative; overflow: hidden; }
	.magnifiedImg-img-m{ width: 100%; height: auto; }
	.magnifiedImg-img-n{ display: none; }
	.magnifiedText-m{ position: relative; overflow: hidden; }
	.magnifiedText-hint-m{ position: relative; overflow: hidden; 
		font-family: play; color: #3ec2ff; font-size: 11px; letter-spacing: 0.1em; margin-top: 20px; margin-bottom: 2px; }
	.magnifiedText-title-m{ position: relative; overflow: hidden; 
		font-family: play; color: #1a6899; font-size: 33px; line-height: 33px; letter-spacing: 0.05em; margin-bottom: 5px; }
	.magnifiedText-desc-m{ position: relative; overflow: hidden; 
		font-family: arimo; color: #000000; font-size: 13px; line-height: 21px; letter-spacing: 0.1em; margin-bottom: 10px; }

	/*******************************************************
	**** H Y D R O  ****************************************
	*******************************************************/
	.hydroImg-img{ position: relative; overflow: hidden; display: block; }
	
	.hydroImg{ position: relative; overflow: hidden; }
	.hydroImg-img-m{ width: 100%; height: auto; }
	.hydroImg-img-n{ display: none; }
	.hydroText-m{ position: relative; overflow: hidden; }
	.hydroText-hint-m{ position: relative; overflow: hidden; 
		font-family: play; color: #3ec2ff; font-size: 11px; letter-spacing: 0.1em; margin-top: 20px; margin-bottom: 2px; }
	.hydroText-title-m{ position: relative; overflow: hidden; 
		font-family: play; color: #1a6899; font-size: 33px; line-height: 33px; letter-spacing: 0.05em; margin-bottom: 5px; }
	.hydroText-desc-m{ position: relative; overflow: hidden; 
		font-family: arimo; color: #000000; font-size: 13px; line-height: 21px; letter-spacing: 0.1em; margin-bottom: 10px; }
	
	/*******************************************************
	**** L A S T I N G *************************************
	*******************************************************/
	.lastingContainer-m{ position: relative; overflow: hidden; }
	.lastingImg-img{ position: relative; overflow: hidden; display: block; }
	
	.lastingImg-m{ position: relative; overflow: hidden; }
	.lastingImg-img-m{ width: 100%; height: auto; }
	.lastingImg-img-n{ display: none; }
	.lastingText-container-m{ position: relative; overflow: hidden; }
	.lastingText-m{ position: relative; overflow: hidden; }
	.lastingText-hint-m{ position: relative; overflow: hidden; 
		font-family: play; color: #3ec2ff; font-size: 11px; letter-spacing: 0.1em; margin-top: 20px; margin-bottom: 2px; }
	.lastingText-title-m{ position: relative; overflow: hidden; 
		font-family: play; color: #1a6899; font-size: 33px; line-height: 33px; letter-spacing: 0.05em; margin-bottom: 5px; }
	.lastingText-desc-m{ position: relative; overflow: hidden; 
		font-family: arimo; color: #000000; font-size: 13px; line-height: 21px; letter-spacing: 0.1em; margin-bottom: 10px; }

	/*******************************************************
	**** E N Q U I R Y *************************************
	*******************************************************/
	.enquiryText-m { position: relative; overflow: hidden;  font-family: arimo; text-align: center; margin-top: 20%; }
	.enquiryText-title-img-m{ /*width: 240px;*/ }
	.enquiryText-title-img-n{ display: none; }
	.enquiryText-desc-m{ position: relative; overflow: hidden; margin-top:5px;
		font-family: play; font-weight: bold; font-size: 40px; line-height: 40px; color: #ffffff; letter-spacing: 0.05em; }
	.enquiryText-br-m{ display: block; }
	.enquiryText-button{ position: relative; /*overflow: hidden;*/ 
		height: 42px; width: 168px; margin: 0 auto;
		cursor: pointer; display: block;
		background-image: url("../image/mobile/section07/ProductEnquiryBtn_InActive.png"); 
		z-index: 5000; }
	.enquiryText-button-m{ display: block; }
	.enquiryText-button-n{ display: none; }
	/*
	.enquiryText-button-m:hover{
		background-image: url("../image/mobile/section07/ProductEnquiryBtn_Active.png");
	}
	*/
	.enquiryText-button-hover{
		background-image: url("../image/mobile/section07/ProductEnquiryBtn_Active.png");
	}
	.enquiryText-buttonLine-m{ position: relative; overflow: hidden; 	
		width: 2px; height: 46px; 
		background-image: url("../image/mobile/section07/Line_InActive.jpg");
		background-repeat: no-repeat;
		margin: 0 auto; 
		margin-top: 10px; }
	/*
	.enquiryText-button-m:hover > .enquiryText-buttonLine-m {
		background-image: url("../image/mobile/section07/Line_Active.jpg");
	}
	*/
	.enquiryText-buttonLine-hover{
		background-image: url("../image/mobile/section07/Line_Active.jpg");
	}

	/*******************************************************
	**** S O L U T I O N ***********************************
	*******************************************************/
	.solutionBgImg{ position: relative; overflow: hidden; width: 100%; display: block; }
	.solutionBgImg-m{ display: block; }
	.solutionBgImg-n{ display: none; }
	.solutionInfo-m{ position: absolute; overflow: hidden; width: 100%; height: auto; top: 0; left: 0;}
	.solutionLogo-m{ position: relative; overflow: hidden; text-align: center; 
		margin-top: 30px; }
	.solutionLogo-img-n{ display: none; }
	.solutionText-m{ position: relative; overflow: hidden; 
		font-family: play; font-size: 28px; text-align: center;
		line-height: 28px; letter-spacing: 0.05em; color: #000000; }
	.solutionButton-m{ position: relative; overflow: hidden; cursor: pointer;
		height: 37px; width: 239px; margin: 0 auto; margin-top: 10px; display: block; 
		background-image: url("../image/mobile/section08/ViewBtn_InActive.png")}
	.solutionButton-m:hover{
		background-image: url("../image/mobile/section08/ViewBtn_Active.png");
	}
	.solutionImg-m{ position: relative; overflow: hidden; display: block; width: 100%; }
	
	
	/*******************************************************
	**** S I D E * N A V I *********************************
	*******************************************************/
	.cScrollIdentifier-m{ display: none; }
	.scrollDown-m{ display: none; }
}

@media (min-width: 600px) {
	.solutionBgImg-m{ top: -160px; }
}

@media (min-width: 768px) {
	#MediaDetector{	background-color: #00FF00;	}

	.content-n{ 
		height: 100%; 
		background-position: 50% 0px; 
		background-size: cover; }
	
	#intro { background-image: url("../image/net_desk/section01/Coatz01_Banner.jpg");	}
	#enhance { /*background-image: url("../image/01_Enhance_BG_D.jpg");*/	}
	#crystal {	/*background-image: url("../image/03_Crystal_BG_D.jpg");*/	}
	#marr {	/*background-image: url("../image/04_Marr_BG_D.jpg");*/	}
	#apply {	/*background-image: url("../image/05_Apply_BG_D.jpg");*/	}
	#enquiry {	/*background-image: url("../image/06_Enquiry_BG_D.jpg");*/	}
	
	/*******************************************************
	**** I N T R O *****************************************
	*******************************************************/
	.introText-n{ position: absolute; top: 20%; left: 20%; }
	.introText-img-m{ margin-top: 0px; display: none; }
	.introText-img-n{ display: block; }
	.introText-button-m{ display: none; }
	.introText-button-n{ height: 40px; width: 159px; display: block;
		background-image: url("../image/net_desk/section01/ProductEnquiry_InActive.png"); }
	.introText-button-n:hover{	
		background-image: url("../image/net_desk/section01/ProductEnquiry_Active.png");
	}
	
	/*******************************************************
	**** T E C H *******************************************
	*******************************************************/
	.techText-n{ margin-top: 65px; margin-bottom: 10px; }
	.techText-hint-n{ font-size: 13px; letter-spacing: 0.1em; color: #3ec2ff; }
	.techText-title-n{ font-size: 42px; line-height: 42px; letter-spacing: 0.05em; color: #1a6899; }
	.techText-desc-n{ font-size: 15px; line-height: 24px; letter-spacing: 0.1em; color: #000000; 
		max-width: 540px; margin: 0 auto; }
	
	.techImg-img-m{ display: none; }
	.techImg-img-n{ display: block; 
		width: 890px;
		height: 554px; 
		margin: 0 auto; margin-bottom: 30px; }
	
	/*******************************************************
	**** C R Y S T A L *************************************
	*******************************************************/	
	.crystalImg-img-m{	display: none;}
	.crystalImg-img-n{	display: block; }
	
	.crystalText-hint-n{ font-size: 13px; letter-spacing: 0.1em; color: #3ec2ff; margin-top: 0px; }
	.crystalText-title-n{ font-size: 42px; line-height: 42px; letter-spacing: 0.05em; color: #9dd9ff; }
	.crystalText-desc-n{ font-size: 15px; line-height: 24px; letter-spacing: 0.1px; max-width: 350px;
		margin: 0 auto; } 
	
	/*******************************************************
	**** A P P *********************************************
	*******************************************************/
	#app{ padding: 40px 80px; }
	.appContainer-n{ position: relative; overflow: hidden; margin: 0 auto; }
	
	.appImg-n{ float: left; display: block; width: 50%; }
	.appImg-img-m{ display: none; }
	.appImg-img-n{ display: block; width: 100%; }
	
	.appText-n{ float: left;  width: 50%; }
	.appText-container-n{ margin-left: 40px; margin-top: 21%; }
	.appText-hint-n{ font-size: 13px; letter-spacing: 0.1em; color: #3ec2ff; }
	.appText-title-n{ font-size: 42px; line-height: 42px; letter-spacing: 0.05em; color: #1a6899; }
	.appText-titleBr-n{ display: block; }
	.appText-desc-n{ font-size: 15px; line-heihgt: 24px; letter-spacing: 0.1em; color: #000000; max-width: 410px; }
	
	/*******************************************************
	**** M A G N I F I E D *********************************
	*******************************************************/
	#magnified{ padding: 0px; padding-top: 40px; }
	.magnifiedImg-img-m{ display: none; }
	.magnifiedImg-n{ width: 50%; float: right; }
	.magnifiedImg-img-n{ display: block; }
	
	.magnifiedText-n{ position: absolute; top: 19%; right: 48%;
		max-width: 460px; padding: 20px; 
		background-color: #e5eff8; }
	.magnifiedText-hint-n{ font-size: 13px; letter-spacing: 0.1em; color: #3ec2ff; margin-top: 10px; }
	.magnifiedText-title-n{ font-size: 42px; line-height: 42px; letter-spacing: 0.05em; color: #1a6899; }
	.magnifiedText-desc-n{ font-size: 15px; line-height: 24px; letter-spacing: 0.1em; color: #000000; }
	
	/*******************************************************
	**** H Y D R O  ****************************************
	*******************************************************/
	#hydro{ padding: 0px; padding-bottom: 40px; }
	.hydroImg-img-m{ display: none; }
	.hydroImg-n{ width: 50%; }
	.hydroImg-img-n{ display: block; float: right; }
	
	.hydroText-n{ position: absolute; bottom: 18%; left: 48%;
		max-width: 440px; padding: 20px; 
		background-color: #e5eff8; }
	.hydroText-hint-n{ font-size: 13px; letter-spacing: 0.1em; color: #3ec2ff; margin-top: 10px; }
	.hydroText-title-n{ font-size: 42px; line-height: 42px; letter-spacing: 0.05em; color: #1a6899; }
	.hydroText-desc-n{ font-size: 15px; line-height: 24px; letter-spacing: 0.1em; color: #000000; }
	
	/*******************************************************
	**** L A S T I N G *************************************
	*******************************************************/	
	#lasting{ padding: 40px 80px; }
	.lastingContainer-n{ position: relative; overflow: hidden; margin: 0 auto;}
	
	.lastingImg-n{ display: block; float: right; width: 50%; }
	.lastingImg-img-m{ display: none; }
	.lastingImg-img-n{ display: block; width: 100%; }
	
	.lastingText-container-n{ margin-right: 40px; margin-top: 21%; }
	.lastingText-n{ display: block; float: right; width: 50%; }
	.lastingText-hint-n{ font-size: 13px; letter-spacing: 0.1em; color: #3ec2ff; }
	.lastingText-title-n{ font-size: 42px; line-height: 42px; letter-spacing: 0.05em; color: #1a6899; }
	.lastingText-desc-n{ font-size: 15px; line-height: 24px; letter-spacing: 0.1em; color: #000000; }
	
	/*******************************************************
	**** E N Q U I R Y *************************************
	*******************************************************/
	#enquiry {	background-image: url("../image/net_desk/section07/CrystallizeYourCar_IMG.jpg");	}
	.enquiryText-n{ margin-top: 20%; }
	.enquiryText-title-img-m{ display: none; }
	.enquiryText-title-img-n{ display: inline-block; }
	.enquiryText-desc-n{ font-size: 50px; letter-spacing: 0.05em; color: #ffffff; }
	
	.enhanceText-n{ top: 40%; left: 15%; max-width: 410px; }
	.enhanceText-title-n{ font-size: 43px; line-height: 43px; letter-spacing: 3px; }
	.enhanceText-desc-n{ line-height: 16px; letter-spacing: 1.1px; max-width: 310px; }
	.enquiryText-br-n{ display: none; }
	.enquiryText-button-m{ display: none; }
	.enquiryText-button-n{ width: 159px; height: 40px; display: block;
		background-image: url("../image/net_desk/section07/ProductEnquiryBtn_InActive.png")}
	.enquiryText-button-text-n{ font-size: 11px; letter-spacing: 1px; margin-top: 14px; }
	.enquiryText-button-n:hover{
		background-image: url("../image/net_desk/section07/ProductEnquiryBtn_Active.png");
	}
	.enquiryText-buttonLine-n{
		height: 73px;
		background-image: url("../image/net_desk/section07/ProductEnquiryLine_InActive.png");
	}
	.enquiryText-buttonLine-hover{
		background-image: url("../image/net_desk/section07/ProductEnquiryLine_Active.png");
	}
	
	/*******************************************************
	**** S O L U T I O N ***********************************
	*******************************************************/
	.solutionLogo-n{ margin-top: 50px; }
	.solutionText-n{ font-size: 40px; line-height: 40px; }
	.solutionButton-m{ margin-top: 20px; }
	
	.solutionBgImg-m{ display: none; }
	.solutionBgImg-n{ display: block; }
	
	.solutionLogo-img-m{ display: none; }
	.solutionLogo-img-n{ display: inline-block; width: 190px; }
	
	.cScrollIdentifier-n{ display: block; 
		position: fixed; overflow: hidden;
		top: 35%; right: 0px; 
		z-index: 3000;
	}
	.scrollIdentifier-row-n{
		position: relative; overflow: hidden;
		cursor: pointer;
	}
	.scrollIdentifier-text-n{
		position: relative; overflow: hidden;
		float: right;
		font-size: 9px; letter-spacing: 1px; color: #3ec2ff;
		display: none;
	}
	.scrollIdentifier-cube-n{ 
		position: relative; overflow: hidden; 
		float: right;
		height: 8px; width: 8px;
		margin-top: 0px; margin-bottom: 8px;
		margin-right: 20px; margin-left: 10px;
		background-image: url("../image/Navi_All.png");
		background-repeat: no-repeat;
	}
	
	.scrollIdentifier-row-n:hover{
	}
	.scrollIdentifier-row-n:hover .scrollIdentifier-text-n{
		display: block;
	}
	.scrollIdentifier-row-n:hover .scrollIdentifier-cube-n{
		/*background-image: url("../image/Navi_Rollover.png");*/
	}
	
	/*******************************************************
	**** S I D E * N A V I *********************************
	*******************************************************/
	.scrollDown-n{ display: block; 
		position: fixed; overflow: hidden;
		bottom: 20px;
		width: 81px; height: 59px;
		background-image: url("../image/net_desk/section01/ScrollDown_InActive.png");
		cursor: pointer;
	}
	.scrollDown-n:hover{ background-image: url("../image/net_desk/section01/ScrollDown_Active.png"); }
	.scrollDownText-n{ position: relative; overflow: hidden; 
		font-size: 11px; letter-spacing: 1px; color: #a7abb1;
		font-family: arimo; text-align: center;
		margin-top: 6px; 
	}
}

/** Handle special case for devices **/
/** Handle special case for IPhone 6 plus too **/
@media (min-width: 385px) and (max-width: 800px) {
	/** T E C H **/
	.techImg-img-n{ width: 100%; height: auto; }
	/** A P P  **/
	#app{ padding-left: 40px; padding-right: 40px; }
	.appText-container-n{ margin-top: 0px; }
	/** L A S T I N G **/
	#lasting{ padding-left: 40px; padding-right: 40px; }
	.lastingText-container-n{ margin-top: 0px; }
	/** M A G N I F I E D **/
	.magnifiedText-n{ right: auto; left: auto; }
	/** H Y D R O **/
	.hydroText-n{ left: auto; right: auto; }
}

@media (min-width: 1280px) {

	/*******************************************************
	**** A P P L I C A T I O N *****************************
	*******************************************************/
	.appText-container-d{ margin-top: 30%; margin-left: 85px; }
	
	/*******************************************************
	**** L A S T I N G *************************************
	*******************************************************/
	.lastingText-container-d{ margin-top: 25%; margin-left: 15%; padding-right: 85px; }
	
	/*******************************************************
	**** E N Q U I R Y *************************************
	*******************************************************/
	.enquiryText-desc-d{ font-size: 60px; line-height: 60px; margin-top: 15px; margin-bottom: 20px; }
	
	/*******************************************************
	**** S O L U T I O N ***********************************
	*******************************************************/
	.solutionLogo-d{ margin-top: 8%; }
	.solutionLogo-img-d{ display: inline-block; width: auto; }
	.solutionText-d{ font-size: 55px; line-height: 55px; }
	.solutionButton-d{ margin-top: 40px; }
}