/* Scss Document */
#header .hd-top:before{
  left: -145px;
}
@media screen and (max-width: 1400px){
  #header .hd-top:before{
    left: -263px;
  }
}
#key {
	background: url(../img/takeout/key.png) no-repeat center top;
	margin-top: -180px;
	padding-bottom: 454px;
}
#key h2 {
	padding-top: 282px;
}
#sec1 {
	position: relative;
	background: url(../img/takeout/sec1.png) no-repeat center bottom;
	padding-bottom: 90px;
}
#sec1 h2 {
	padding-top: 99px;
	margin-left: 428px;
	margin-right: -20px;
	position: relative;
	z-index: 99;
}
#sec1 .txt {
	text-align: center;
	padding-top: 20px;
	margin-left: 515px;
}
#sec1 .deco1 {
	position: absolute;
	top: 3px;
	right: -99px;
}
#sec1 .deco2 {
	position: absolute;
	top: 355px;
	left: 197px;
	z-index: 5;
}
#sec1:before {
	position: absolute;
	background: url(../img/takeout/sec1-bf.jpg) no-repeat right center/cover;
	left: 0;
	top: 70px;
	height: 500px;
	width: calc(50% - 20px);
	content: "";
}
#sec2 {
	position: relative;
	background: url(../img/index/sec3-line1.jpg) repeat-x center top, url(../img/takeout/sec2-top.png) no-repeat center top, url(../img/shared/bg4.jpg) repeat center top;
	color: #fff;
	padding-bottom: 150px;
}
#sec2 h2 {
	padding-top: 94px;
	padding-bottom: 111px;
}
#sec2 .text {
	padding-left: 122px;
	margin-top: -193px;
	padding-bottom: 163px;
}
#sec2 .price {
	font-size: 20px;
	color: #ecc19b;
	text-align: center;
}
#sec2 .price span {
	font-size: 25px;
}
#sec2 .info1 {
	position: relative;
	padding-bottom: 85px;
}
#sec2 .info1 .box {
	position: relative;
	background: url(../img/takeout/sec2-box1.jpg) no-repeat center top;
	width: 551px;
	height: 388px;
	margin-left: 479px;
}
#sec2 .info1 .box .tit {
	position: absolute;
	top: -41px;
	left: 53px;
}
#sec2 .info1 .box .price {
	padding-top: 120px;
}
#sec2 .info1 .box .txt {
	text-align: center;
	padding-top: 60px;
}
#sec2 .info1 .pt {
	position: absolute;
	top: -65px;
	left: -148px;
	z-index: 99;
}
#sec2 .info2 {
	position: relative;
	padding-bottom: 88px;
}
#sec2 .info2 .pt {
	position: absolute;
	top: -23px;
	right: -19px;
	z-index: 8;
}
#sec2 .info2 .tit {
	margin-left: -35px;
	position: relative;
	z-index: 9;
}
#sec2 .info2 .txt {
	text-align: center;
	padding-left: 101px;
	width: 272px;
}
#sec2 .info3 {
	position: relative;
}
#sec2 .info3 .pt {
	position: absolute;
	top: -112px;
	left: -173px;
}
#sec2 .info3 .box {
	background: url(../img/takeout/sec2-box2.jpg) no-repeat center top;
	width: 551px;
	height: 405px;
	position: relative;
	margin-left: 417px;
}
#sec2 .info3 .box .tit {
	position: absolute;
	top: 0;
	left: 0;
}
#sec2 .info3 .box .price {
	padding-top: 155px;
}
#sec2 .info3 .box .txt {
	text-align: center;
	padding-top: 43px;
	padding-left: 0px;
}
#sec3 {
	position: relative;
	background: url(../img/takeout/sec3.png) no-repeat center, url(../img/takeout/sec3-bg.png) repeat-x center top;
	padding-bottom: 93px;
	margin-top: -57px;
	height: 820px;
}
#sec3 h2 {
	padding-top: 101px;
	margin-left: 500px;
	margin-right: -20px;
}
#sec3 .txt {
	text-align: center;
	padding-top: 20px;
	width: 362px;
	padding-left: 615px;
}
#sec3 .pt {
	position: absolute;
	left: -53px;
	top: 510px;
}
#sec3 .info {
	float: right;
	clear: both;
	padding: 20px;
	background-color:rgba(255,251,228,0.7);
	text-align: center;
	margin-top: 40px;
	border: solid #ce995e 3px;
	margin-right: 40px;
}
#sec3 .info ul {
	margin-top: 10px;
	text-align: left;
	font-size: 13px;
	line-height: 25px;
	color: #e17848;
}
#sec4 {
	position: relative;
	background: url(../img/takeout/sec4.png) no-repeat center bottom/cover;
	padding-bottom: 319px;
}
#sec4 h2 {
	padding-top: 127px;
	padding-left: 436px;
}
#sec4 .txt {
	text-align: center;
	padding-top: 12px;
	padding-bottom: 161px;
	padding-left: 436px;
}
#sec4 .price {
	background: url(../img/takeout/sec4-box.jpg) no-repeat center top;
	border: 5px solid #76360d;
	width: 396px;
	color: #ecc19b;
	font-size: 20px;
	height: 53px;
	text-align: center;
	margin-left: 54px;
	line-height: 50px;
}
#sec4 .price span {
	font-size: 25px;
}
#sec4 .txt1 {
	text-align: center;
	width: 468px;
	padding: 20px 0 20px 28px;
}
#sec4 .deco {
	position: absolute;
	left: 0;
	top: 131px;
}
#sec4:before {
	position: absolute;
	right: 0;
	background: url(../img/takeout/sec4-bf.jpg) no-repeat left center/cover;
	width: calc(50% + 600px);
	height: 720px;
    top: 720px;
	content: "";
}