html, body{
	height: 100%;
	width: 100%;	
}
body 
{
	padding: 0px;
	overflow: hidden;

	font-family: 'Noto Sans JP', sans-serif;
	margin: 0px;
}

.clsPageArea{
		color: #000;
		font-family: 'Noto Sans JP', sans-serif;
	}
	/*#mockup{
		background: url('../images/mockup.png') no-repeat;
		background-size: 100% 100%;
		position: absolute;
		width: 100%;
		height: 100%;
		z-index: 1;
		opacity: 50%;
	}*/

	#pageBG{
		background: url('../images/bg.png') no-repeat;
		background-size: 100% 100%;
		position: absolute;
		width: 100%;
		height: 100%;
		box-shadow: 3px 3px 10px 1px rgba(0,0,0,0.75);
		cursor: pointer;
	}
		
	#logo{
		background: url('../images/whiteLogo.jpg') no-repeat;
		background-size: 100% 100%;
		position: absolute;
		width: 350px;
		height: 99px;
		top: 17%;
		left: 3%;
	}

	#modTitle
	{
		position: relative;
		left: 2.4%;
		top: 5%;
		height: 50px;
		width: 97%;
		font-family: 'Noto Sans JP', sans-serif;
		font-size: 32px;
		/* font-weight: bold; */
		color: #FFFFFF;
		text-align: left;
		letter-spacing: 0.6px;
	}
	/* #modTitle span{
		position: relative;
		float: left;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	} */

	#playBtn{
		background: url('../images/playBtn.svg') no-repeat;
		background-size: 100% 100%;
		position: absolute;
		width: 67px;
		height: 67px;
		top: 73.3%;
		left: 47%;
		cursor: pointer;
	}

	#copyRight
	{
		position: absolute;
		width: 100px;
		height: 22px;
		top: 93.7%;
		left: 45.6%;
		color: #FFFFFF;
		font-family: 'Noto Sans JP', sans-serif;
		font-size: 12px;
		opacity: 75%;
	}

	#vidHldr
	{
		position: absolute;
		width: 1130px;
		height: 652px;
		left: 0%;
		top: 0%;
	}

	#demoVid
	{
		width: 100%;
		height: 100%;
	}
		
	.selectNone
	{
		-moz-user-select: -moz-none;
		-khtml-user-select: none;
		-webkit-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}

	#replyFreeze
	{
		position: relative;
		width: 100%;
		height: 100%;
		background: rgba(255, 255, 255, 0.8);
		z-index: 2;
	}
	#fbRatingBox
	{
		width: 213px;
		height: 70px;
	}
	#replyThumb {
		position: absolute;
		left: 457px;
		top: 240px;
		height: 90px;
		width: 214px;
		pointer-events: auto;
	}

	#replyThumb span img
	{
		position: absolute;
		top: 5px;
		left: 3px;
		width: 211px;
		height: 165px;
	}

	.replyTxt
	{
		position: absolute;
		float: left;
		top: 24px;
		left: 50%;
		transform: translate(-50%, -50%);
		color: #000000;
		padding: 0 2px;
	}
	#replyBtn
	{
		position: absolute;
		top: 14px;
		left: 10px;
		width: 196px;
		height: 75px;
		cursor: pointer;
	}

	#iRatingPro .rate
	{
		width: 50% !important;
		left: 33px !important;
	}

	#sendBtn
	{
		position: absolute;
		width: 30px;
		left: 146px;
		top: 28px;
	}

	#disbaleRatingDiv
	{
		position: absolute;
		left: 0px;
		top: 0px;
		width: 211px;
		height: 66px;
		background-color: #000000;
		opacity: 0;
		display: none;
	}