@charset "utf-8";
/* CSS Document */
header {
	width: 100%;
	max-width: 1920px;
	height: 200px;
	margin: 0 auto;
	background: #f0f0f0;
}
#HeaderForm {
	width: 100%;
	height: 200px;
	max-width: 1600px;
	margin: 0 auto;
	padding-left: 10px;
	padding-right: 10px;
	box-sizing: border-box;
}
#Logo {
	width: 84px;
	height: 96px;
	margin-top: 60px;
	position: fixed;
	z-index: 1000;
}
#Made {
	width: 100%;
	background: url("/en/Assets/Web/Images/ProductsMade/BottomLine.png") no-repeat bottom center;
	background-color: #f0f0f0;
}
#Made:after {
	content: '';
	clear: both;
	visibility: hidden;
	height: 0;
	display: block;
}
#Left {
	width: calc(50% - 150px);
	min-height: 100px;
	float: left;
	box-sizing: border-box;
	padding-right: 60px;
}
#Left:after {
	content: '';
	clear: both;
	height: 0;
	display: block;
}
#MadeName {
	width: 100%;
	height: 200px;
	color: #8f3834;
	text-align: center;
	float: right;
	background: url("/en/Assets/Web/Images/ProductsMade/NOODLES_WE_MADE.png") no-repeat top right;
}
#LeftImg1 {
	width: 850px;
	height: 860px;
	float: right;
	margin-top: 95px;
	text-align: right;
}
.LeftText {
	width: 410px;
	height: 210px;
	letter-spacing: 1px;
	font-weight: 200;
	line-height: 30px;
	float: right;
}
#LeftText1 {
	margin-top: 290px;
}
#LeftText2 {
	margin-top: 100px;
}
#LeftText3 {
	margin-top: 50px;
}
#LeftImg2 {
	width: 850px;
	height: 870px;
	float: right;
	text-align: right;
}
/* Right */
#Right {
	width: calc(50% - 150px);
	min-height: 100px;
	float: right;
	box-sizing: border-box;
	padding-left: 60px;
	overflow: hidden;
}
#Right:after {
	content: '';
	clear: both;
	height: 0;
	display: block;
}
.RightText {
	width: 410px;
	height: 210px;
	letter-spacing: 1px;
	font-weight: 200;
	line-height: 30px;
}
#RightText1 {
	width: 310px;
	height: 112px;
	color: #8f3834;
	padding-top: 60px;
	letter-spacing: 1px;
	font-weight: 200;
	line-height: 30px;
}
#RightText2 {
	margin-top: 310px;
}
#RightText3 {
	margin-top: 110px;
}
#RightText4 {
	margin-top: 20px;
}
#RightText5 {
	margin-top: 270px;
}
#RightText6 {
	margin-top: 85px;
}
#RightImg1 {
	width: 772px;
	height: 885px;
	margin-top: 70px;
}
/* Center */
#Center {
	width: 300px;
	min-height: 100px;
	margin: 0 auto;
}
#Img1 {
	width: 100%;
	text-align: center;
	padding-top: 65px;
}
.CenterName {
	width: 100%;
	height: 112px;
	color: #b7a393;
	text-align: center;
	font-size: 30px;
	font-weight: 500;
	letter-spacing: 1px;
	box-sizing: border-box;
	padding-top: 20px;
	transition: all .5s;
}
.CenterName1 {
	width: 100%;
	height: 82px;
	color: #b7a393;
	text-align: center;
	font-size: 30px;
	font-weight: 500;
	letter-spacing: 1px;
	box-sizing: border-box;
	padding-top: 20px;
}
.CenterNameSmall {
	font-size: 16px;
}
.ActBg {
	color: #FFF !important;
	transition: all .5s;
}
.Line1 {
	width: 1px;
	height: 240px;
	margin: 0 auto;
	border-left: 2px dashed #c8c8c8;
	margin-top: 50px;
	margin-bottom: 50px;
}
.Line2 {
	width: 1px;
	height: 150px;
	margin: 0 auto;
	border-left: 2px dashed #c8c8c8;
	margin-top: 30px;
	margin-bottom: 30px;
}
.Line3 {
	width: 1px;
	height: 60px;
	margin: 0 auto;
	border-left: 2px dashed #c8c8c8;
	margin-top: 30px;
	margin-bottom: 30px;
}
.Line4 {
	width: 1px;
	height: 250px;
	margin: 0 auto;
	border-left: 2px dashed #c8c8c8;
	margin-top: 30px;
	margin-bottom: 30px;
}
.Line5 {
	width: 1px;
	height: 135px;
	margin: 0 auto;
	border-left: 2px dashed #c8c8c8;
	margin-top: 30px;
	margin-bottom: 30px;
}
.Line6 {
	width: 1px;
	height: 120px;
	margin: 0 auto;
	border-left: 2px dashed #c8c8c8;
	margin-top: 30px;
	margin-bottom: 30px;
}
.Line7 {
	width: 1px;
	height: 295px;
	margin: 0 auto;
	border-left: 2px dashed #c8c8c8;
	margin-top: 30px;
	margin-bottom: 30px;
}
.Line8 {
	width: 1px;
	height: 110px;
	margin: 0 auto;
	border-left: 2px dashed #c8c8c8;
	margin-top: 30px;
	margin-bottom: 30px;
}
.Line9 {
	width: 1px;
	height: 350px;
	margin: 0 auto;
	border-left: 2px dashed #c8c8c8;
	margin-top: 30px;
	margin-bottom: 30px;
}
#BtnBackForm {
	width: 100%;
	height: 150px;
	text-align: center;
	padding-top: 60px;
}
#ShowText {
	position: fixed;
	top: 200px;
	left: 50px;
}
.NameBg {
	width: 301px;
	height: 112px;
	position: relative;
	background: url("/en/Assets/Web/Images/ProductsMade/CenterBg1.png") no-repeat top center;
	display: none;
	margin-top: -18px;
}
.NameBg1 {
	width: 301px;
	height: 72px;
	position: relative;
	background: url("/en/Assets/Web/Images/ProductsMade/CenterBg1.png") no-repeat top center;
	display: none;
	margin-top: -18px;
}
.NameText {
	width: 301px;
	height: 112px;
	position: absolute;
	z-index: 100;
}
.NameText1 {
	width: 301px;
	height: 72px;
	position: absolute;
	z-index: 100;
}
#ActImg1 {
	width: 850px;
	height: 860px;
	background: url("/en/Assets/Web/Images/ProductsMade/tnwm-a02.png") no-repeat right;
	position: absolute;
	display: none;
}
#ActImg2 {
	width: 850px;
	height: 860px;
	background: url("/en/Assets/Web/Images/ProductsMade/tnwm-a03.png") no-repeat right;
	position: absolute;
	display: none;
}
#ActImg3 {
	width: 850px;
	height: 860px;
	background: url("/en/Assets/Web/Images/ProductsMade/tnwm-a04.png") no-repeat right;
	position: absolute;
	display: none;
}
#ActImg4 {
	width: 772px;
	height: 885px;
	background: url("/en/Assets/Web/Images/ProductsMade/tnwm-b02.png") no-repeat right;
	position: absolute;
	display: none;
}
#ActImg5 {
	width: 772px;
	height: 885px;
	background: url("/en/Assets/Web/Images/ProductsMade/tnwm-b03.png") no-repeat right;
	position: absolute;
	display: none;
}
#ActImg6 {
	width: 772px;
	height: 885px;
	background: url("/en/Assets/Web/Images/ProductsMade/tnwm-b04.png") no-repeat right;
	position: absolute;
	display: none;
}
#ActImg7 {
	width: 850px;
	height: 870px;
	background: url("/en/Assets/Web/Images/ProductsMade/tnwm-c02.png") no-repeat right;
	position: absolute;
	display: none;
}
#ActImg8 {
	width: 850px;
	height: 870px;
	background: url("/en/Assets/Web/Images/ProductsMade/tnwm-c03.png") no-repeat right;
	position: absolute;
	display: none;
}
@media screen and (min-width: 992px) and (max-width: 1300px) {
	#Left {
		width: calc(50% - 125px);
		padding-right: 20px;
	}
	#Right {
		width: calc(50% - 125px);
		padding-left: 20px;
	}
	#Center {
		width: 250px;
		min-height: 100px;
		margin: 0 auto;
	}
	.ActBg {
		color: #FFF;
		background: url("/en/Assets/Web/Images/ProductsMade/CenterBg.png") center center no-repeat;
	}
}
@media screen and (min-width: 992px) and (max-width: 1100px) {
	.RightText {
		width: 360px;
		line-height: 28px;
	}
	.LeftText {
		width: 360px;
		line-height: 28px;
	}
	.CenterName, .CenterName1 {
		font-size: 28px;
	}
}
@media screen and (max-width: 991px) {
	header {
		width: 100%;
		max-width: 1920px;
		height: 130px;
		margin: 0 auto;
	}
	#HeaderForm {
		width: 100%;
		height: 150px;
		max-width: 1600px;
		margin: 0 auto;
		padding-left: 10px;
		padding-right: 10px;
		box-sizing: border-box;
	}
	#Logo {
		width: 58px;
		height: 65px;
		margin-top: 30px;
		left: 35px;
		position: absolute;
	}
	#Logo img {
		width: 58px;
	}
	#Made-Mb {
		width: 100%;
		background: url("/en/Assets/Web/Images/ProductsMade/BottomLine.png") no-repeat bottom center;
		background-size: 120%;
		background-color: #f0f0f0;
		overflow: hidden;
	}
	#Made-Mb:after {
		content: '';
		clear: both;
		display: block;
		height: 0;
		visibility: hidden;
	}
	#MadeName-Mb {
		width: 100%;
		height: 140px;
		color: #8f3834;
		text-align: center;
		background: url("/en/Assets/Web/Images/ProductsMade/NOODLES_WE_MADE.png") no-repeat top center;
		background-size: 150px;
	}
	#Img1-Mb {
		width: 100%;
		height: 80px;
		text-align: center;
	}
	#Img1-Mb img {
		width: 90px;
	}
	#Text1-Mb {
		width: 100%;
		color: #8f3834;
		padding-top: 0px;
		letter-spacing: 1px;
		font-weight: 200;
		line-height: 20px;
		text-align: center;
		font-size: 12px;
		box-sizing: border-box;
		padding-left: 40px;
		padding-right: 40px;
		padding-bottom: 10px;
	}
	#Left-Mb {
		width: 50%;
		float: left;
	}
	#Right-Mb {
		width: 50%;
		float: Right;
	}
	#Left-Mb:after, #Right-Mb:after {
		content: '';
		clear: both;
		display: block;
		height: 0;
		visibility: hidden;
	}
	.MLine {
		width: 1px;
		border-left: 1px dashed #c8c8c8;
		margin: 0 auto;
	}
	.NoBorder {
		border: none;
	}
	#MLine1 {
		height: 60px;
	}
	#MLine2 {
		height: 60px;
	}
	#MLine3 {
		height: 40px;
	}
	#MLine4 {
		height: 30px;
	}
	#MLine5 {
		height: 34px;
	}
	#MLine6 {
		height: 34px;
	}
	#MLine7 {
		height: 34px;
	}
	#MLine8 {
		height: 100px;
	}
	#MLine9 {
		height: 40px;
	}
	#MLine10 {
		height: 120px;
		margin-left: 0px;
	}
	.ItemName {
		width: 100%;
		height: 90px;
		color: #b7a393;
		text-align: center;
		font-size: 18px;
		font-weight: 500;
		letter-spacing: 1px;
		box-sizing: border-box;
		padding-top: 20px;
	}
	.ItemName1 {
		width: 100%;
		height: 70px;
		color: #b7a393;
		text-align: center;
		font-size: 18px;
		font-weight: 500;
		letter-spacing: 1px;
		box-sizing: border-box;
		padding-top: 20px;
	}
	.ItemNameSmall {
		font-size: 12px;
	}
	#Img2-Mb {
		width: 100%;
		height: 400px;
	}
	#Img2-Mb img {
		width: 450px;
		margin-top: -25px;
		margin-right: -30px;
		float: right;
	}
	#Img3-Mb {
		width: 100%;
		height: 370px;
		overflow: hidden;
	}
	#Img3-Mb img {
		width: 350px;
		margin-top: 20px;
		margin-left: -30px;
	}
	#Img4-Mb {
		width: 100%;
		height: 400px;
	}
	#Img4-Mb img {
		width: 430px;
		margin-top: -25px;
		margin-right: -40px;
		float: right;
	}
	#BtnBackForm {
		width: 100%;
		height: 100px;
		text-align: center;
		padding-top: 60px;
	}
	#BtnMore img {
		width: 280px;
	}
	#Img2-Mb {
		width: 100%;
		height: 400px;
	}
	#Img2-Mb img {}
	#MActImg1, #MActImg2, #MActImg3 {
		width: 100%;
		height: 400px;
		position: absolute;
		left: -50%;
		display: none;
	}
	#MActImg1 img, #MActImg2 img, #MActImg3 img {
		width: 450px;
		margin-top: -25px;
		margin-right: -30px;
		float: right;
	}
	#MActImg4, #MActImg5, #MActImg6 {
		width: 100%;
		height: 370px;
		position: absolute;
		display: none;
		overflow: hidden;
	}
	#MActImg4 img, #MActImg5 img, #MActImg6 img {
		width: 350px;
		margin-top: 20px;
		margin-left: -30px;
	}
	#MActImg7, #MActImg8 {
		width: 100%;
		height: 400px;
		position: absolute;
		left: -50%;
		display: none;
	}
	#MActImg7 img, #MActImg8 img {
		width: 430px;
		margin-top: -25px;
		margin-right: -40px;
		float: right;
	}
	.NameMBg {
		width: 170px;
		height: 60px;
		background: url("/en/Assets/Web/Images/ProductsMade/CenterBg.png") no-repeat;
		background-size: cover;
		position: relative;
		margin-top: -10px;
		display: none;
	}
	.NameMText {
		width: 170px;
		height: 60px;
		position: absolute;
		z-index: 100;
	}
	.ItemName {
		width: 170px;
		height: 90px;
		color: #b7a393;
		text-align: center;
		font-size: 18px;
		font-weight: 500;
		letter-spacing: 1px;
		box-sizing: border-box;
		padding-top: 20px;
		margin: 0 auto;
	}
	.ItemName1 {
		width: 100%;
		height: 70px;
		color: #b7a393;
		text-align: center;
		font-size: 18px;
		font-weight: 500;
		letter-spacing: 1px;
		box-sizing: border-box;
		padding-top: 20px;
	}
	.ShowText {
		width: calc(100% - 60px);
		padding: 20px;
		padding-top: 30px;
		padding-bottom: 30px;
		position: fixed;
		bottom: 30px;
		left: 30px;
		background: #FFF;
		z-index: 1000;
		box-sizing: border-box;
		font-size: 12px;
		letter-spacing: 1px;
		line-height: 20px;
		text-align: center;
		font-weight: 300;
		display: none;
	}
}