body {
	background-image: url(/assets/images/en/thulk_theme/BG.png);
	height: 100%;
}

#page {
	margin: 0 auto;
	text-align: center;
}

.content {
	width: 100%;
	height: 100%;
}

.icon_h {
	padding: 45px 10px;
}

.cn_icon {
	background: url(/assets/images/FHC_Logo.png);
	background-size: 100%;
	background-repeat: no-repeat;
}

.th_icon {
	background: url(/assets/images/FHC_Logo_th.png);
	background-size: 100%;
	background-repeat: no-repeat;
}

.icon_sub_h {
	height: 20%;
	width: 95%;
	position: absolute;
	top: 11%;
	left: 3%;
}

.cn_sub {
	background: url(/assets/images/Title.png);
	background-size: 100%;
	background-repeat: no-repeat;
}

.th_sub {
	background: url(/assets/images/Title_th.png);
	background-size: 100%;
	background-repeat: no-repeat;
}

.event_icon {
	background: url(/assets/images/event/banner.jpg);
	background-size: 100%;
	background-repeat: no-repeat;
	height: 11%;
	width: 100%;
	position: absolute;
	top: 31%;
	left: 0;
	cursor: pointer;
}

.event2_icon {
	background: url(/assets/images/event4/banner.jpg);
	background-size: 100%;
	background-repeat: no-repeat;
	height: 12%;
	width: 100%;
	position: absolute;
	top: 21.2%;
	left: 0;
	cursor: pointer;
}

.slogan {
	height: 20%;
	width: 69%;
	position: absolute;
	top: 23%;
	left: 16%;
}

.cn_slogan {
	background: url(/assets/images/Slogan.png);
	background-size: 100%;
	background-repeat: no-repeat;
}

.th_slogan {
	background: url(/assets/images/Slogan_th.png);
	background-size: 100%;
	background-repeat: no-repeat;
}

.frame {
	background: url(/assets/images/Frame.png);
	background-size: 100%;
	background-repeat: no-repeat;
	height: 40%;
	width: 98%;
	position: absolute;
	top: 32%;
	left: 1%;
}

.instructions {
	top: -45px;
	position: relative;
	margin-bottom: -45px;
}

.cn_inst {
	background: url(/assets/images/Capture2.png);
	background-size: 100%;
	background-repeat: no-repeat;
}

.th_inst {
	background: url(/assets/images/Capture_th.png);
	background-size: 100%;
	background-repeat: no-repeat;
}

.button {
	padding: 25px 0px 0px 0px;
}

.cn_but {
	background: url(/assets/images/Btn.png);
	background-size: 100%;
	background-repeat: no-repeat;
}

.event4btn {
	cursor: pointer;
	left: 56%;
	top: 45.9%;
	color: white;
	border-color: white;
	border-width: 5px;
	height: 48px;
	width: 170px;
	border-style: double;
	border-radius: 40px;
	font-size: 30px;
	text-align: center;
	line-height: 48px;
	position: absolute;
	background: rgb(248, 80, 50);
	background: -moz-linear-gradient(
		top,
		rgba(248, 80, 50, 1) 0%,
		rgba(241, 111, 92, 1) 50%,
		rgba(246, 41, 12, 1) 51%,
		rgba(240, 47, 23, 1) 71%,
		rgba(231, 56, 39, 1) 100%
	);
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0%, rgba(248, 80, 50, 1)),
		color-stop(50%, rgba(241, 111, 92, 1)),
		color-stop(51%, rgba(246, 41, 12, 1)),
		color-stop(71%, rgba(240, 47, 23, 1)),
		color-stop(100%, rgba(231, 56, 39, 1))
	);
	background: -webkit-linear-gradient(
		top,
		rgba(248, 80, 50, 1) 0%,
		rgba(241, 111, 92, 1) 50%,
		rgba(246, 41, 12, 1) 51%,
		rgba(240, 47, 23, 1) 71%,
		rgba(231, 56, 39, 1) 100%
	);
	background: -o-linear-gradient(
		top,
		rgba(248, 80, 50, 1) 0%,
		rgba(241, 111, 92, 1) 50%,
		rgba(246, 41, 12, 1) 51%,
		rgba(240, 47, 23, 1) 71%,
		rgba(231, 56, 39, 1) 100%
	);
	background: -ms-linear-gradient(
		top,
		rgba(248, 80, 50, 1) 0%,
		rgba(241, 111, 92, 1) 50%,
		rgba(246, 41, 12, 1) 51%,
		rgba(240, 47, 23, 1) 71%,
		rgba(231, 56, 39, 1) 100%
	);
	background: linear-gradient(
		to bottom,
		rgba(248, 80, 50, 1) 0%,
		rgba(241, 111, 92, 1) 50%,
		rgba(246, 41, 12, 1) 51%,
		rgba(240, 47, 23, 1) 71%,
		rgba(231, 56, 39, 1) 100%
	);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e73827',GradientType=0 );
}

.th_but {
	background: url(/assets/images/Btn_th.png);
	background-size: 100%;
	background-repeat: no-repeat;
}

.input {
	font-size: 20px;
	width: 672px;
	height: 40px;
	text-align: center;
	font-weight: bold;
}

.uid {
	top: 10%;
}

.custom {
	top: 28%;
}

.complete {
	background: url(/assets/images/complete.png) no-repeat;
	background-size: 100%;
	position: absolute;
	height: 248%;
	width: 100%;
	top: -79%;
}

.badge {
	background: url(/assets/images/badge.png) no-repeat;
	background-size: 100%;
	position: absolute;
	height: 45%;
	width: 44%;
	top: 22%;
	left: 4%;
}

.dialogue {
	position: absolute;
}

.d_th {
	background: url(/assets/images/Dialogue_th.png) no-repeat;
	background-size: 100%;
	height: 30%;
	width: 57%;
	top: 9%;
	left: 41%;
}

.d_cn {
	background: url(/assets/images/Dialogue.png) no-repeat;
	background-size: 100%;
	height: 32%;
	width: 52%;
	top: 3%;
	left: 45%;
}

.showText {
	background-color: #fff;
	font-size: 20px;
	position: absolute;
	top: 195%;
	left: -69%;
}

.media_links {
	padding-top: 25px;
	width: 100%;
}

.media_links img {
	padding: 0px 10px;
}

.media_links_left {
	float: left;
	padding: 10px 10px;
}

.media_links_right {
	float: right;
	padding: 10px 10px;
}

.image_link {
	cursor: pointer;
}