@font-face {
	font-family: 'sukhumvit_setmedium';
	src: url('../font/sukhumvitset-medium-webfont.woff2') format('woff2'),
		url('../font/sukhumvitset-medium-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

.container_01 {
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}

.img_mb {
	display: none;
}

body {
	font-family: 'sukhumvit_setmedium';
}

.test {
	border: 1px solid #F00;
}

.bg_section_top {
	background: url(../images/bg_section_top.png) no-repeat center top;

}

.block_adv {
	background-image: linear-gradient(#dfcf72, #dfcf72, #fdfaea);
}

.block_gd {
	background-image: linear-gradient(#fdfaea, #ffffff);
}

.block_gd_adv {
	background-image: linear-gradient(#ffffff, #f7e996, #ffffff);
	padding: 45px 0;
}

.logo_promotion {
	margin-top: -230px;
}

.block_dif_right {
	background-image: linear-gradient(to right, #d5c152, #fef2a4, #d5c152);
	font-size: 3em;
	text-align: center;
	color: #693a02;
	border: 4px solid #d5c152;
	padding-top: 10px;
	margin-top: 25px;
}

.block_txt_dif_right {
	font-size: 1.75em;
	text-align: center;
	line-height: 1.25em;
	border-right: 4px solid #d5c152;
	border-bottom: 4px solid #d5c152;
	border-left: 4px solid #d5c152;
	color: #693a02;
	padding: 20px 15px;
}

.block_dif_left {
	background-image: linear-gradient(to right, #939598, #939598, #939598);
	font-size: 3em;
	text-align: center;
	color: #ffffff;
	border: 4px solid #939598;
	padding-top: 10px;
	margin-top: 25px;
}

.block_txt_dif_left {
	font-size: 1.75em;
	text-align: center;
	line-height: 1.25em;
	border-right: 4px solid #939598;
	border-bottom: 4px solid #939598;
	border-left: 4px solid #939598;
	color: #939598;
	padding: 55px 15px;
}

.txt_01 {
	font-size: 7em;
	text-align: center;
	line-height: 1.25em;
	color: #d5c152;
}

.txt_02 {
	font-size: 6em;
	text-align: left;
	padding-top: 5px;
	line-height: 1em;
	color: #d5c152;
}

.txt_03 {
	font-size: 6em;
	text-align: center;
	padding-top: 5px;
	line-height: 1em;
	color: #d5c152;
}

.txt_04 {
	font-size: 4.75em;
	text-align: center;
	padding-top: 15px;
	line-height: 1em;
	color: #d5c152;
}

.txt_05 {
	font-size: 2.30em;
	line-height: 1.45em;
	color: #414042;
}

.txt_howto {
	font-size: 1.75em;
	text-align: center;
	padding-top: 15px;
	line-height: 1.25em;
}

.img_machine {
	margin-top: -50px;
}

.line_gold {
	height: 4px;
	width: 100%;
	border-radius: 60px;
	background-color: #8e6d18;
	/* For browsers that do not support gradients */
	background-image: linear-gradient(to right, #8e6d18, #c39508, #8e6d18);
}

.txt-adv {
	font-size: 4.5em;
	text-align: center;
	padding-top: 15px;
	line-height: 1.25em;
	color: #693a02;
}

.title_block_line1 {
	padding: 15px 15px 0 15px;
	font-size: 3.25em;
	border-radius: 100px;
	color: #ffffff;
	display: block;
	text-align: center;
	background-color: #8e6d18;
	background-image: linear-gradient(to right, #8e6d18, #bd9404, #8e6d18);
	line-height: 1;
}

.title_block_line2 {
	padding: 22px 15px 0 15px;
	font-size: 3.25em;
	border-radius: 100px;
	color: #ffffff;
	display: block;
	text-align: center;
	background-color: #8e6d18;
	background-image: linear-gradient(to right, #8e6d18, #bd9404, #8e6d18);
	line-height: 1;
}



.txt_name {
	color: #693a02;
	font-size: 3em;
	line-height: 1.25em;
	padding-top: 15px;
}

.txt_old {
	font-size: 2.25rem;
}

.txt_detail {
	color: #414042;
	font-size: 1.63em;
	line-height: 1.3em;
}

.block_txt_contact {
	padding: 5px 23px 0 23px;
	font-size: 1.5em;
	background-color: #693a02;
	border-radius: 60px;
	color: #ffffff;
	display: inline-block;
}

.title_vdo {
	font-size: 3em;
	color: #693a02;
}

.name_vdo {
	font-size: 2.25em;
	color: #414042;
	padding-top: 15px;
	line-height: 1.25em;
}

footer {
	background-image: url(../images/bg_footer.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: cover;
	padding-bottom: 80px;
	padding-top: 80px;
	background: rgb(255, 224, 60);
	background: linear-gradient(90deg, #dac75e, #e6d273, #edd980, #f7eb97, #fff3a6, #efe188, #e7d777, #dfcc65);
}

.text_adver {
	font-size: 3.75em;
	color: #693a02;
	text-align: center;
}

.bg_reviwe_detail {
	height: auto;
	padding: 0 15px 15px 15px;
	background-image: linear-gradient(#ffffff, #dbc85e);
	margin-bottom: 15px;
}

.title_review {
	padding: 9px 15px 0 15px;
	font-size: 4em;
	border-radius: 100px;
	color: #ffffff;
	display: block;
	text-align: center;
	background-color: #8e6d18;
	background-image: linear-gradient(to right, #8e6d18, #bd9404, #8e6d18);
	line-height: 1;
}

.block_contact {
	padding: 8px 56px 0 56px;
	font-size: 2em;
	background-color: #693a02;
	border-radius: 60px;
	color: #ffffff;
	display: inline-block;
}

li {
	padding-bottom: 5px;
	list-style-type: none;
	margin-left: -40px;
	color: #414042;
	font-size: 1.54em;
}

li a {
	color: #414042;
}

li a:hover {
	color: #000000;
	text-decoration: none;
}

.block_qr {
	background-color: #00c300;
	padding: 15px 20px 20px 20px;
	border-radius: 15px;
	display: block;
	width: 245px;
}

.margin_top_footer {
	margin-top: -95px;
}
.bg_line-ft{background: linear-gradient(90deg, #dac75e, #e6d273, #edd980, #f7eb97, #fff3a6, #efe188, #e7d777, #dfcc65);}
/**********************************************************/
/******************** Media Query  ************************/
/**********************************************************/
@media (min-width: 1600px) {
	.container_01 {
		max-width: 1348px;
	}

	.bg_reviwe_detail {
		background-image: linear-gradient(#ffffff, #dbc85e);
		height: 1448px;
		padding: 0 15px;
	}

	.margin_top_footer {
		margin-top: -150px;
	}

}

@media (min-width: 1200px)and (max-width:1439px) {
	.bg_reviwe_detail {
		height: auto;
		padding: 15px 60px;
		background-image: linear-gradient(#ffffff, #dbc85e);
	}

	.block_contact {
		padding: 6px 56px 0 56px;
	}

	.logo_promotion {
		margin-top: -145px;
	}

	.margin_top_footer {
		margin-top: -50px;
	}

	li {
		font-size: 1.35em;
	}

}

@media (min-width: 992px)and (max-width:1199px) {
	html {
		font-size: 75%;
	}

	.bg_section_top {
		background: url(../images/bg_section_top.png) no-repeat center top;
		background-size: 140%;
		background-position-y: 28px;
		background-position-x: -205px;
	}

	.logo_line {
		width: 10%;
	}

	.title_block_line1 {
		padding: 14px 15px 8px 15px;
	}

	.title_block_line2 {
		padding: 18px 0 5px 0;
	}

	.title_review {
		padding: 10px 15px 4px 15px;
	}

	.logo_promotion {
		margin-top: -120px;
	}

	.block_txt_dif_left {
		padding: 46px 15px;
	}

	.block_contact {
		padding: 6px 56px 0 56px;
	}

	footer {
		padding-bottom: 40px;
		padding-top: 40px;
	}

	.margin_top_footer {
		margin-top: -50px;
	}

	li {
		font-size: 1.75rem;
	}
}

@media (min-width: 768px)and (max-width:991px) {
	html {
		font-size: 62.5%;
	}

	.bg_section_top {
		background: url(../images/bg_section_top.png) no-repeat center top;
		background-size: 120%;
		background-position-x: -80px;
	}

	.txt_01 {
		font-size: 5.5rem;
		padding-top: 0px;
	}

	.txt_02 {
		font-size: 4.5rem;
		padding-top: 5px;
		line-height: 0.75em;

	}

	.txt_03 {
		font-size: 4.5rem;
		padding-top: 5px;
		line-height: 0.75em;
	}

	.txt_04 {
		font-size: 4rem;
		padding-top: 5px;
	}

	.txt_05 {
		font-size: 2rem;
		line-height: 1.45em;
	}

	.logo_line {
		width: 12%;
	}

	.title_block_line1 {
		padding: 14px 15px 8px 15px;
	}

	.title_block_line2 {
		padding: 18px 0 5px 0;
	}

	.title_review {
		padding: 10px 15px 4px 15px;
	}

	.logo_promotion {
		margin-top: -92px;
	}

	.block_txt_dif_left {
		padding: 41px 10px;
	}

	.block_contact {
		padding: 6px 56px 0 56px;
	}

	li {
		font-size: 2rem;
	}

	footer {
		padding-bottom: 40px;
		padding-top: 40px;
	}

	.margin_top_footer {
		margin-top: -75px;
	}
}

@media (min-width: 576px)and (max-width:767px) {

	html {
		font-size: 62.5%;
	}

	.bg_section_top {
		background: none;
		background-color: #ffffff;
	}

	.img_mb {
		display: block;
	}

	.txt_02 {
		font-size: 4rem;
		line-height: 1.35rem;
		text-align: center;
		padding: 15px 0;

	}

	.title_block_line1 {
		padding: 14px 15px 8px 15px;
	}

	.title_block_line2 {
		padding: 18px 0 5px 0;
	}

	.title_review {
		padding: 10px 15px 4px 15px;
	}

	.logo_promotion {
		margin-top: -75px;
	}

	.block_txt_dif_left {
		padding: 25px 15px;
	}

	.block_contact {
		padding: 6px 56px 0 56px;
	}

	.logo_line {
		width: 20%;
	}

	footer {
		padding-bottom: 40px;
		padding-top: 40px;
	}

	.margin_top_footer {
		margin-top: 0px;
	}

	li {
		font-size: 2rem !important;
	}
}

@media (max-width: 575px) {


	html {
		font-size: 62.5%;
	}

	.bg_section_top {
		background: none;
		background-color: #ffffff;
	}

	.img_mb {
		display: block;
	}

	.logo_line {
		width: 15%;
	}

	.logo_promotion {
		margin-top: -46px;
	}

	.txt_01 {
		font-size: 4.5rem;
	}

	.txt_02 {
		font-size: 4rem;
		line-height: 1.35rem;
		text-align: center;
		padding: 15px 0;
	}

	.txt_03 {
		font-size: 4rem;
		line-height: 1.35rem;

	}

	.txt_04 {
		font-size: 3.5rem;
	}

	.block_txt_dif_left {
		padding: 25px 15px;
	}

	.title_block_line1 {
		padding: 14px 15px 8px 15px;
	}

	.title_block_line2 {
		padding: 18px 0 5px 0;
	}

	.title_review {
		padding: 10px 15px 4px 15px;
	}

	.block_contact {
		padding: 6px 56px 0 56px;
	}

	.txt-adv {
		font-size: 3.5rem;
	}

	footer {
		padding-bottom: 40px;
		padding-top: 40px;
	}

	li {
		font-size: 2rem !important;
	}

	.margin_top_footer {
		margin-top: 0px;
	}
}

@media (max-width: 375px) {
	.txt_02 {
		text-align: left;
	}

	li {
		font-size: 2rem !important;
	}
}

@media (max-width: 320px) {
	.logo_promotion {
		margin-top: -28px;
	}

	.txt_02 {
		text-align: left;
	}

	.txt-adv {
		font-size: 3.5rem;
	}

	li {
		font-size: 2rem !important;
	}
}