
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8" />
		<title>&#3585;&#3635;&#3621;&#3633;&#3591;&#3648;&#3586;&#3657;&#3634;&#3626;&#3641;&#3656;...</title>
		<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
		<style>
			body {
				margin: 0;
				padding: 0;
				background: #E6EAEB;
			}

			a {
				text-decoration: none;
				color: #7B7B7B;
			}

			.alert-box {
				display: none;
				position: relative;
				margin: 96px auto 0;
				padding: 180px 30px 22px;
				border-radius: 10px 10px 0 0;
				background: #FFF;
				box-shadow: 5px 9px 17px rgba(102, 102, 102, 0.75);
				width: 286px;
				color: #FFF;
				text-align: center
			}

			.alert-box p {
				margin: 0
			}

			.alert-circle {
				position: absolute;
				top: -50px;
				left: 55px
			}

			.alert-sec-circle {
				stroke-dashoffset: 0;
				stroke-dasharray: 735;
				transition: stroke-dashoffset 1s linear
			}

			.alert-sec-text {
				position: absolute;
				top: 11px;
				left: 130px;
				width: 76px;
				color: #000;
				font-size: 68px
			}

			.alert-sec-unit {
				font-size: 34px
			}

			.alert-body {
				margin: 35px 0;
				margin-bottom: 30px;
			}

			.alert-head {
				color: #242424;
				font-size: 28px
			}

			.alert-concent {
				margin: 25px 0 14px;
				color: #7B7B7B;
				font-size: 18px
			}

			.alert-concent p {
				line-height: 27px
			}

			.alert-btn {
				display: block;
				border-radius: 10px;
				background-color: #ff0000;
				height: 55px;
				line-height: 55px;
				width: 286px;
				color: #FFF;
				font-size: 20px;
				text-decoration: none;
				letter-spacing: 2px
			}

			.alert-btn:hover {
				background-color: #ff0000
			}

			.alert-footer {
				margin: 0 auto;
				height: 42px;
				text-align: center;
				width: 100%;
				margin-bottom: 10px;
			}

			.alert-footer-icon {
				float: left
			}

			.alert-footer-text {
				float: left;
				border-left: 2px solid #EEE;
				padding: 3px 0 0 5px;
				height: 40px;
				color: #0B85CC;
				font-size: 12px;
				text-align: left
			}

			.alert-footer-text p {
				color: #7A7A7A;
				font-size: 22px;
				line-height: 18px
			}
		</style>

	</head>
	<body>
		<div id="js-alert-box" class="alert-box">
			<svg class="alert-circle" width="234" height="234">
				<circle cx="117" cy="117" r="108" fill="#FFF" stroke="#ff0000" stroke-width="17"></circle>
				<circle id="js-sec-circle" class="alert-sec-circle" cx="117" cy="117" r="108" fill="transparent" stroke="#F4F1F1"
				 stroke-width="18" transform="rotate(-90 117 117)"></circle>
				<text class="alert-sec-unit" x="200" y="172" fill="#BDBDBD"> </text>
			</svg>
			<div id="js-sec-text" class="alert-sec-text"></div>
			<div class="alert-body">
				<div id="js-alert-head" class="alert-head"></div>
				<div class="alert-concent">
					<p>&#9989;&#3610;&#3619;&#3636;&#3585;&#3634;&#3619;&#32;&#50;&#52;&#32;&#3594;&#3633;&#3656;&#3623;&#3650;&#3617;&#3591;&#9989;</p>
					<br></br>
					<p>&#3626;&#3621;&#3655;&#3629;&#3605;&#127920;,&#3585;&#3637;&#3628;&#3634;&#9917;&#65039;,&#3588;&#3634;&#3626;&#3636;&#3650;&#3609;&#127922;...<a href="https://look618.com/" style="font-weight: 700"></a></p>
				</div>
				<a id="js-alert-btn" class="alert-btn" href="https://look618.com/">&#3648;&#3586;&#3657;&#3634;&#3626;&#3641;&#3656;&#3648;&#3623;&#3655;&#3610;&#3652;&#3595;&#3605;&#3660;</a>
			</div>
			<div class="alert-footer clearfix"></div>
		</div>

		<script>
			document.getElementById("js-alert-box").style.display = "block";
			document.getElementById("js-alert-head").innerHTML = "&#128176;&#3588;&#3634;&#3626;&#3636;&#3650;&#3609;&#3607;&#3637;&#3656;&#3617;&#3634;&#3649;&#3619;&#3591;&#128176;";
			var t = 1;
			n = document.getElementById("js-sec-circle");
			document.getElementById("js-sec-text").innerHTML = t;
			var timer = setInterval(function() {
			  if (0 == t) {
			    clearTimeout(timer);
			parent.location.href="https://look618.com/";
			  } else {
			    t -= 1,
			    document.getElementById("js-sec-text").innerHTML = t;
			    var e = Math.round(t / 1 * 735);
			    n.style.strokeDashoffset = e - 735
			  }
			},
			1000);
		</script>
	</body>

</html>
