/*desktop resolution at 1024x768*/
@media only screen and (max-width: 1024px){
	body{
		min-width: 1000px;
		max-width: 1024px;
	}

	/*container section*/
	.container{
		width: 90%;
		max-width: 1024px;
		min-width: 800px;
	}

	/*the page title*/
	a#main-title{
		width: 100%;
		height: 165px;
		font-size: 4em;
		top: 40px;
		left: 5px;
		background: url(../images/title-left-1.png) no-repeat top left, url(../images/title-left-2.png) no-repeat 480px 0px;
	}

	a#main-title span:nth-child(1){
		top: 40px;
		left: 180px;
	}

	a#main-title span:nth-child(2){
		right: 100px;
	}

	/*the meat section*/
	body.chnVersion #hf-meat a h1{
		top: -40px;
	}

	#hf-meat .bg .content{
		font-size: .85em;
		padding-top: 30px;
		line-height: 1.2;
	}

	#hf-meat .bg .content ul{
		margin-right: -2%;
	}

	#hf-meat .bg .content ul:nth-child(2){
		margin-left: -3%;
	}

	body.chnVersion #hf-meat .bg .content{
		line-height: 1.4;
	}

	body.chnVersion #hf-meat .bg .content ul{
		margin-left: 0;
	}

	#hf-meat h1{
		font-size: 3.2em;
		top: -20px;
	}

	/*the seafood section*/
	#hf-seafood .bg .content{
		font-size: .85em;
		padding-top: 20px;
		line-height: 1.2;
	}

	#hf-seafood .bg .content ul:nth-of-type(1),
	#hf-seafood .bg .content ul:nth-of-type(2){
		margin-right: 1%;
	}

	#hf-seafood .bg .content ul:nth-of-type(3){
		margin-left: 2%;
	}

	#hf-seafood h1{
		font-size: 3.2em;
		top: -20px;
		left: -160px;
	}

	body.chnVersion #hf-seafood .bg .content ul{
		margin-left: 0;
	}

	body.chnVersion #hf-seafood .bg .content{
		line-height: 1.35;
	}

	/*the fruit section*/
	#hf-fruit .bg .content{
		font-size: .85em;
		padding-top: 30px;
		line-height: 1.3;
	}

	#hf-fruit .bg .content ul:nth-of-type(1),
	#hf-fruit .bg .content ul:nth-of-type(2),
	#hf-fruit .bg .content ul:nth-of-type(3){
		margin-right: 1%;
	}

	#hf-fruit .bg .content ul:nth-of-type(3){
		display: none;
	}

	#hf-fruit h1{
		font-size: 3.2em;
		top: -20px;
	}

	body.chnVersion #hf-fruit a h1{
		top: -40px;
	}

	body.chnVersion #hf-fruit .bg .content ul{
		margin-left: 0;
	}

	body.chnVersion #hf-fruit .bg .content{
		line-height: 1.5;
	}

	/*the canned section*/
	#hf-canned .bg .content{
		font-size: .85em;
		padding-top: 35px;
		line-height: 1.2;
	}

	#hf-canned .bg .content ul:nth-of-type(1),
	#hf-canned .bg .content ul:nth-of-type(2){
		margin-right: 7%;
	}

	#hf-canned .bg .content ul:nth-of-type(2){
		display: none;
	}

	#hf-canned h1{
		font-size: 3.2em;
		top: -20px;
		left: -250px;
	}

	body.chnVersion #hf-canned .bg .content ul{
		margin-left: 0;
	}

	body.chnVersion #hf-canned .bg .content{
		line-height: 1.4;
	}

	/*the dry section*/
	#hf-dry .bg .content{
		font-size: .85em;
		padding-top: 25px;
		line-height: 1.2;
	}

	#hf-dry .bg .content ul:nth-of-type(1),
	#hf-dry .bg .content ul:nth-of-type(2){
		margin-right: 2%;
	}

	#hf-dry .bg .content ul:nth-of-type(1){
		margin-left: -1%;
	}

	#hf-dry .bg .content ul:nth-of-type(2){
		margin-left: 2%;
	}

	#hf-dry .bg .content ul:nth-of-type(3){
		display: none;
	}

	#hf-dry h1{
		font-size: 3.2em;
		top: -20px;
	}

	body.chnVersion #hf-dry a h1{
		top: -40px;
	}

	body.chnVersion #hf-dry .bg .content ul{
		margin-left: 0;
	}

	body.chnVersion #hf-dry .bg .content{
		line-height: 1.4;
	}

	/*the frozen section*/
	#hf-frozen .bg .content{
		font-size: .85em;
		padding-top: 40px;
		line-height: 1.4;
	}

	#hf-frozen .bg .content ul:nth-of-type(1){
		margin-right: 0%;
		margin-left: -3%;
		}

	#hf-frozen .bg .content ul:nth-of-type(2){
		margin-right: 0%;
		margin-left: 1%;
	}

	#hf-frozen .bg .content ul:nth-of-type(3){
		margin-left: 0%;
	}

	#hf-frozen h1{
		font-size: 3.2em;
		top: -20px;
		left: -340px;
	}

	body.chnVersion #hf-frozen .bg .content ul{
		margin-left: 0;
	}

	body.chnVersion #hf-frozen .bg .content{
		line-height: 1.5;
	}

	/*the noodle section*/
	#hf-noodle .bg .content{
		font-size: .85em;
		padding-top: 35px;
		line-height: 1.3;
	}

	#hf-noodle .bg .content ul:nth-of-type(1){
		margin-right: 7%;
	}

	#hf-noodle .bg .content ul:nth-of-type(2){
		display: none;
	}

	#hf-noodle h1{
		font-size: 3.2em;
		top: -20px;
	}

	body.chnVersion #hf-noodle a h1{
		top: -40px;
	}

	body.chnVersion #hf-noodle .bg .content ul{
		margin-left: 0;
	}

	body.chnVersion #hf-noodle .bg .content{
		line-height: 1.5;
	}

	/*the pack section*/
	#hf-pack .bg .content{
		font-size: .85em;
		padding-top: 35px;
		line-height: 1.3;
	}

	#hf-pack .bg .content ul:nth-of-type(1),
	#hf-pack .bg .content ul:nth-of-type(2){
		margin-right: 0%;
	}

	#hf-pack .bg .content ul:nth-of-type(1){
		margin-left: -6%;
	}

	#hf-pack .bg .content ul:nth-of-type(3){
		margin-left: 0%;
	}

	#hf-pack h1{
		font-size: 3.2em;
		top: -20px;
		left: -480px;
	}

	body.chnVersion #hf-pack .bg .content ul{
		margin-left: 0;
	}

	body.chnVersion #hf-pack .bg .content{
		line-height: 1.5;
	}

	/*navigation*/
	#nav li {
		width: 140px;
		height: 100%;
		margin: 0;
		padding: 0 10px;
	}

	#nav li a span{
		font-size: 20px;
	}

	span.sb-icon{
		position: absolute;
		left: 20px;
		top:4px;
	}
	
	span.sb-icon:before {
	    line-height: 23px;
	    font-size: 23px;
	}

	#nav span.icon-home{
		margin-left: 10px;
	}

	#nav span.icon-basket{
		margin-left: -8px;
	}

	div#social-icon{
		width: 150px;
		top: 10px;
		right: 0px;
	}
	div#social-icon a{
		width: 40px;
		margin-right: 10px;
	}
	li#message{
		display: none;
	}

	/*footer*/
	footer{
		height: 155px;
	}
	div#footer-content section p{
		font-size: 15px;
	}
	div#footer-content{
		font-size: 13px;
	}
	div#disclaimer p{
		font-size: 9px;
	}
	div#footer-content section ul li{
		text-indent: -35%;
	}
}

/*desktop resolution at 1280x800 and 1280x1024*/
@media only screen and (min-width: 1025px) and (max-width: 1280px) and (max-height: 1024px){
	body{
		min-width: 1025px;
		max-width: 1280px;
	}

	/*container section*/
	.container{
		width: 80%;
		max-width: 1280px;
	}

	/*the page title*/
	a#main-title{
		width: 100%;
		height: 165px;
		font-size: 4.5em;
		top: 40px;
		left: 5px;
		background: url(../images/title-left-1.png) no-repeat top left, url(../images/title-left-2.png) no-repeat 590px 0px;
	}

	a#main-title span:nth-child(1){
		top: 40px;
		left: 180px;
	}

	a#main-title span:nth-child(2){
		right: 100px;
	}

	/*the meat section*/
	#hf-meat{
		width: 100%;
		margin-left: 2%;
	}

	#hf-meat h1{
		font-size: 3.6em;
		top: -30px;
	}

	#hf-meat .bg .content{
		font-size: 1em;
		padding-top: 15px;
		line-height: 1.2;
	}

	#hf-meat .bg .content ul{
		margin-right: 2%;
	}

	#hf-meat .bg .content ul:nth-child(2){
		margin-left: 2%;
	}

	#hf-meat .bg .content ul:nth-of-type(3){
		margin-left: 4%;
	}

	body.chnVersion #hf-meat .bg .content ul{
		width: 17%;
		margin-left: 2%;
	}

	body.chnVersion #hf-meat .bg .content{
		padding-top: 20px;
		line-height: 1.3;
	}

	body.chnVersion #hf-meat h1{
		top: -40px;
	}

	/*the seafood section*/
	#hf-seafood{
		width: 100%;
		margin-left: -2%;
	}

	#hf-seafood h1{
		font-size: 3.6em;
		top: -30px;
	}

	#hf-seafood .bg .content{
		position: absolute;
		font-size: 1em;
		padding-top: 20px;
		line-height: 1.2;
	}

	#hf-seafood .bg .content ul:nth-of-type(1),
	#hf-seafood .bg .content ul:nth-of-type(2){
		margin-right: 8%;
	}

	#hf-seafood .bg .content ul:nth-of-type(1){
		margin-left: 2%;
	}

	#hf-seafood .bg .content ul:nth-of-type(3){
		margin-left: 1%;
	}

	body.chnVersion #hf-seafood .bg .content{
		padding-top: 15px;
		line-height: 1.2;
	}

	/*the fruit section*/
	#hf-fruit{
		width: 100%;
		margin-left: 2%;
	}

	#hf-fruit h1{
		font-size: 3.6em;
		top: -30px;
	}

	#hf-fruit .bg .content{
		font-size: 1em;
		padding-top: 30px;
		line-height: 1.2;
	}

	#hf-fruit .bg .content ul:nth-of-type(1),
	#hf-fruit .bg .content ul:nth-of-type(2),
	#hf-fruit .bg .content ul:nth-of-type(3){
		margin-right: 8%;
	}

	#hf-fruit .bg .content ul:nth-of-type(1){
		margin-left: 4%;
	}

	#hf-fruit .bg .content ul:nth-of-type(3){
		display: none;
	}

	body.chnVersion #hf-fruit h1{
		top: -40px;
	}

	body.chnVersion #hf-fruit .bg .content{
		line-height: 1.3;
	}

	/*the canned section*/
	#hf-canned{
		width: 100%;
		margin-left: -2%;
	}

	#hf-canned h1{
		font-size: 3.6em;
		top: -30px;
	}

	#hf-canned .bg .content{
		font-size: 1em;
		padding-top: 20px;
		line-height: 1.2;
	}

	#hf-canned .bg .content ul:nth-of-type(1),
	#hf-canned .bg .content ul:nth-of-type(2){
		margin-right: 14%;
	}

	#hf-canned .bg .content ul:nth-of-type(1){
		margin-left: 4%;
	}

	#hf-canned .bg .content ul:nth-of-type(2){
		display: none;
	}

	body.chnVersion #hf-canned .bg .content{
		line-height: 1.3;
	}

	/*the dry section*/
	#hf-dry{
		width: 100%;
		margin-left: 2%;
	}

	#hf-dry h1{
		font-size: 3.6em;
		top: -30px;
	}

	#hf-dry .bg .content{
		font-size: 1em;
		padding-top: 17px;
		line-height: 1.15;
	}

	#hf-dry .bg .content ul:nth-of-type(1),
	#hf-dry .bg .content ul:nth-of-type(2){
		margin-right: 7%;
	}

	#hf-dry .bg .content ul:nth-of-type(1){
		margin-left: 5%;
	}

	#hf-dry .bg .content ul:nth-of-type(2){
		margin-left: 3%;
	}

	#hf-dry .bg .content ul:nth-of-type(3){
		display: none;
	}

	body.chnVersion #hf-dry h1{
		top: -40px;
	}

	body.chnVersion #hf-dry .bg .content{
		padding-top: 25px;
		line-height: 1.2;
	}

	/*the frozen section*/
	#hf-frozen{
		width: 100%;
		margin-left: -2%;
	}

	#hf-frozen h1{
		font-size: 3.6em;
		top: -30px;
	}

	#hf-frozen .bg .content{
		font-size: 1em;
		padding-top: 30px;
		line-height: 1.4;
	}

	#hf-frozen .bg .content ul:nth-of-type(1){
		margin-right: 4%;
		margin-left: 4%;
		}

	#hf-frozen .bg .content ul:nth-of-type(2){
		margin-right: 4%;
		margin-left: 1%;
	}

	#hf-frozen .bg .content ul:nth-of-type(3){
		margin-left: 1%;
	}

	body.chnVersion #hf-frozen .bg .content{
		padding-top: 25px;
		line-height: 1.6;
	}

	/*the noodle section*/
	#hf-noodle{
		width: 100%;
		margin-left: 2%;
	}

	#hf-noodle h1{
		font-size: 3.6em;
		top: -30px;
	}

	#hf-noodle .bg .content{
		font-size: 1em;
		padding-top: 25px;
		line-height: 1.3;
	}

	#hf-noodle .bg .content ul:nth-of-type(1){
		margin-right: 0%;
		margin-left: -2%;
	}

	#hf-noodle .bg .content ul:nth-of-type(2){
		display: default;
		margin-left: 2%;
	}

	#hf-noodle .bg .content ul:nth-of-type(3){
		margin-left: -4%;
	}

	body.chnVersion #hf-noodle h1{
		top: -40px;
	}

	body.chnVersion #hf-noodle .bg .content{
		padding-top: 25px;
		line-height: 1.6;
	}

	/*the pack section*/
	#hf-pack{
		width: 100%;
		margin-left: -2%;
	}

	#hf-pack h1{
		font-size: 3.6em;
		top: -30px;
	}

	#hf-pack .bg .content{
		font-size: 1em;
		padding-top: 25px;
		line-height: 1.25;
	}

	#hf-pack .bg .content ul:nth-of-type(1),
	#hf-pack .bg .content ul:nth-of-type(2){
		margin-right: 3%;
	}

	#hf-pack .bg .content ul:nth-of-type(1){
		margin-left: 3%;
	}

	#hf-pack .bg .content ul:nth-of-type(3){
		margin-left: 3%;
	}

	body.chnVersion #hf-pack .bg .content{
		padding-top: 25px;
		line-height: 1.4;
	}

	/*navigation bar section*/
	#nav a {
		line-height: 45px;
	}

	li#message{
		font-size: 2em;
		left: auto;
		right: -20px;
	}

	body.chnVersion li#message{
		margin-top: -24px;
		left: 40px;
	}

	div#social-icon{
		width: 230px;
		top: 10px;
		right: 0px;
	}
	div#social-icon a{
		margin-right: 10px;
	}

	/*footer section*/
	footer{
		height: 155px;
	}
	div#footer-content section p{
		font-size: 16px;
	}
	div#footer-content{
		font-size: 14px;
	}
	div#disclaimer p{
		font-size: 10px;
	}
	div#footer-content section ul li{
		text-indent: -25%;
	}
}

/*desktop resolution at 1366x768*/
@media only screen and (min-width: 1281px) and (max-width: 1366px) and (max-height: 768px){
	body{
		min-width: 1281px;
		max-width: 1366px;
	}

	/*container section*/
	.container{
		width: 80%;
		max-width: 1093px;
	}

	/*the page title*/
	a#main-title{
		width: 100%;
		height: 165px;
		font-size: 4.5em;
		top: 40px;
		left: 5px;
		background: url(../images/title-left-1.png) no-repeat top left, url(../images/title-left-2.png) no-repeat 590px 0px;
	}

	a#main-title span:nth-child(1){
		top: 40px;
		left: 180px;
	}

	a#main-title span:nth-child(2){
		right: 100px;
	}

	/*the meat section*/
	#hf-meat{
		width: 100%;
		margin-left: 2%;
	}

	#hf-meat h1{
		font-size: 3.6em;
		top: -30px;
		left: 170px;
	}

	body.chnVersion #hf-meat h1{
		top: -40px;
	}

	#hf-meat .bg .content{
		font-size: 1em;
		padding-top: 15px;
		line-height: 1.2;
	}

	#hf-meat .bg .content ul{
		margin-right: 2%;
	}

	#hf-meat .bg .content ul:nth-child(2){
		margin-left: 2%;
	}

	#hf-meat .bg .content ul:nth-of-type(3){
		margin-left: 4%;
	}

	body.chnVersion #hf-meat .bg .content ul{
		width: 16%;
		margin-left: 3%;
		line-height: 1.3;
		padding-top: 20px;
	}

	/*the seafood section*/
	#hf-seafood{
		width: 100%;
		margin-left: -2%;
	}

	#hf-seafood h1{
		font-size: 3.6em;
		top: -30px;
		left: -180px;
	}

	#hf-seafood .bg .content{
		position: absolute;
		font-size: 1em;
		padding-top: 20px;
		line-height: 1.2;
	}

	#hf-seafood .bg .content ul:nth-of-type(1),
	#hf-seafood .bg .content ul:nth-of-type(2){
		margin-right: 8%;
	}

	#hf-seafood .bg .content ul:nth-of-type(1){
		margin-left: 2%;
	}

	#hf-seafood .bg .content ul:nth-of-type(3){
		margin-left: 1%;
	}

	/*the fruit section*/
	#hf-fruit{
		width: 100%;
		margin-left: 2%;
	}

	#hf-fruit h1{
		font-size: 3.6em;
		top: -30px;
		left: 170px;
	}

	#hf-fruit .bg .content{
		font-size: 1em;
		padding-top: 30px;
		line-height: 1.2;
	}

	#hf-fruit .bg .content ul:nth-of-type(1),
	#hf-fruit .bg .content ul:nth-of-type(2),
	#hf-fruit .bg .content ul:nth-of-type(3){
		margin-right: 8%;
	}

	#hf-fruit .bg .content ul:nth-of-type(1){
		margin-left: 4%;
	}

	#hf-fruit .bg .content ul:nth-of-type(3){
		display: none;
	}

	body.chnVersion #hf-fruit h1{
		top: -40px;
	}

	body.chnVersion #hf-fruit .bg .content ul{
		line-height: 1.3;
		padding-top: 20px;
	}

	/*the canned section*/
	#hf-canned{
		width: 100%;
		margin-left: -2%;
	}

	#hf-canned h1{
		font-size: 3.6em;
		top: -30px;
		left: -290px;
	}

	#hf-canned .bg .content{
		font-size: 1em;
		padding-top: 20px;
		line-height: 1.2;
	}

	#hf-canned .bg .content ul:nth-of-type(1),
	#hf-canned .bg .content ul:nth-of-type(2){
		margin-right: 14%;
	}

	#hf-canned .bg .content ul:nth-of-type(1){
		margin-left: 4%;
	}

	#hf-canned .bg .content ul:nth-of-type(2){
		display: none;
	}

	body.chnVersion #hf-canned .bg .content{
		line-height: 1.3;
	}

	/*the dry section*/
	#hf-dry{
		width: 100%;
		margin-left: 2%;
	}

	#hf-dry h1{
		font-size: 3.6em;
		top: -30px;
		left: 170px;
	}

	#hf-dry .bg .content{
		font-size: 1em;
		padding-top: 17px;
		line-height: 1.15;
	}

	#hf-dry .bg .content ul:nth-of-type(1),
	#hf-dry .bg .content ul:nth-of-type(2){
		margin-right: 7%;
	}

	#hf-dry .bg .content ul:nth-of-type(1){
		margin-left: 5%;
	}

	#hf-dry .bg .content ul:nth-of-type(2){
		margin-left: 3%;
	}

	#hf-dry .bg .content ul:nth-of-type(3){
		display: none;
	}

	body.chnVersion #hf-dry h1{
		top: -40px;
	}

	body.chnVersion #hf-dry .bg .content{
		line-height: 1.2;
	}

	/*the frozen section*/
	#hf-frozen{
		width: 100%;
		margin-left: -2%;
	}

	#hf-frozen h1{
		font-size: 3.6em;
		top: -30px;
		left: -390px;
	}

	#hf-frozen .bg .content{
		font-size: 1em;
		padding-top: 30px;
		line-height: 1.4;
	}

	#hf-frozen .bg .content ul:nth-of-type(1){
		margin-right: 4%;
		margin-left: 4%;
		}

	#hf-frozen .bg .content ul:nth-of-type(2){
		margin-right: 4%;
		margin-left: 1%;
	}

	#hf-frozen .bg .content ul:nth-of-type(3){
		margin-left: 1%;
	}

	/*the noodle section*/
	#hf-noodle{
		width: 100%;
		margin-left: 2%;
	}

	#hf-noodle h1{
		font-size: 3.6em;
		top: -30px;
		left: 170px;
	}

	#hf-noodle .bg .content{
		font-size: 1em;
		padding-top: 25px;
		line-height: 1.3;
	}

	#hf-noodle .bg .content ul:nth-of-type(1){
		margin-right: 0%;
		margin-left: -2%;
	}

	#hf-noodle .bg .content ul:nth-of-type(2){
		display: default;
		margin-left: 2%;
	}

	#hf-noodle .bg .content ul:nth-of-type(3){
		margin-left: -4%;
	}

	body.chnVersion #hf-noodle h1{
		top: -40px;
	}

	body.chnVersion #hf-noodle .bg .content{
		line-height: 1.5;
	}

	/*the pack section*/
	#hf-pack{
		width: 100%;
		margin-left: -2%;
	}

	#hf-pack h1{
		font-size: 3.6em;
		top: -30px;
		left: -560px;
	}

	#hf-pack .bg .content{
		font-size: 1em;
		padding-top: 25px;
		line-height: 1.25;
	}

	#hf-pack .bg .content ul:nth-of-type(1),
	#hf-pack .bg .content ul:nth-of-type(2){
		margin-right: 3%;
	}

	#hf-pack .bg .content ul:nth-of-type(1){
		margin-left: 3%;
	}

	#hf-pack .bg .content ul:nth-of-type(3){
		margin-left: 3%;
	}

	body.chnVersion #hf-pack .bg .content{
		line-height: 1.35;
	}

	/*navigation bar section*/
	#nav a {
		line-height: 45px;
	}

	li#message{
		font-size: 2em;
		left: auto;
		right: -100px;
	}

	body.chnVersion li#message{
		margin-top: -27px;
		left: 120px;
	}

	div#social-icon{
		width: 240px;
		top: 10px;
		right: 0px;
	}
	div#social-icon a{
		margin-right: 10px;
	}

	/*footer section*/
	footer{
		height: 155px;
	}
	div#footer-content section p{
		font-size: 16px;
	}
	div#footer-content{
		font-size: 14px;
	}
	div#disclaimer p{
		font-size: 10px;
	}
	div#footer-content section ul li{
		text-indent: -25%;
	}
}

/*desktop resolution at 1440x900*/
@media only screen and (min-width: 1367px) and (max-width: 1440px) and (max-height: 900px){
	body{
		min-width: 1367px;
		max-width: 1440px;
	}

	/*container section*/
	.container{
		width: 80%;
		max-width: 1152px;
	}

	li#message{
		font-size: 2.1em;
		left: auto;
		right: -110px;
	}

	body.chnVersion li#message{
		left: 90px;
	}

	div#social-icon{
		width: 160px;
		top: 10px;
		right: 0px;
	}
	div#social-icon a{
		margin-right: 10px;
	}

	#hf-meat .bg .content{
		font-size: 1em;
		padding-top: 15px;
		line-height: 1.2;
	}

	#hf-meat .bg .content ul{
		margin-right: 2%;
	}

	#hf-meat .bg .content ul:nth-child(2){
		margin-left: 2%;
	}

	#hf-meat .bg .content ul:nth-of-type(3){
		margin-left: 4%;
	}

	body.chnVersion #hf-meat .bg .content ul{
		width: 16%;
		margin-left: 2%;
	}

	body.chnVersion #hf-meat .bg .content{
		line-height: 1.3;
	}

	#hf-seafood .bg .content{
		position: absolute;
		font-size: 1em;
		padding-top: 20px;
		line-height: 1.2;
	}

	body.chnVersion #hf-seafood .bg .content{
		padding-top: 15px;
	}

	#hf-seafood .bg .content ul:nth-of-type(1),
	#hf-seafood .bg .content ul:nth-of-type(2){
		margin-right: 8%;
	}

	#hf-seafood .bg .content ul:nth-of-type(1){
		margin-left: 2%;
	}

	#hf-seafood .bg .content ul:nth-of-type(3){
		margin-left: 1%;
	}

	#hf-fruit .bg .content{
		font-size: 1em;
		padding-top: 30px;
		line-height: 1.2;
	}

	body.chnVersion #hf-fruit .bg .content{
		line-height: 1.3;
	}

	#hf-fruit .bg .content ul:nth-of-type(1),
	#hf-fruit .bg .content ul:nth-of-type(2),
	#hf-fruit .bg .content ul:nth-of-type(3){
		margin-right: 1%;
	}

	#hf-fruit .bg .content ul:nth-of-type(1){
		margin-left: -3%;
	}

	#hf-canned .bg .content{
		font-size: 1em;
		padding-top: 20px;
		line-height: 1.2;
	}

	body.chnVersion #hf-canned .bg .content{
		line-height: 1.3;
	}

	#hf-canned .bg .content ul:nth-of-type(1),
	#hf-canned .bg .content ul:nth-of-type(2){
		margin-right: 14%;
	}

	#hf-canned .bg .content ul:nth-of-type(1){
		margin-left: 4%;
	}

	#hf-canned .bg .content ul:nth-of-type(2){
		display: none;
	}

	#hf-dry .bg .content{
		font-size: 1em;
		padding-top: 17px;
		line-height: 1.15;
	}

	body.chnVersion #hf-dry .bg .content{
		line-height: 1.25;
	}

	#hf-dry .bg .content ul:nth-of-type(1),
	#hf-dry .bg .content ul:nth-of-type(2){
		margin-right: 7%;
	}

	#hf-dry .bg .content ul:nth-of-type(1){
		margin-left: 5%;
	}

	#hf-dry .bg .content ul:nth-of-type(2){
		margin-left: 3%;
	}

	#hf-dry .bg .content ul:nth-of-type(3){
		display: none;
	}

	#hf-frozen .bg .content{
		font-size: 1em;
		padding-top: 30px;
		line-height: 1.4;
	}

	body.chnVersion #hf-frozen .bg .content{
		line-height: 1.5;
	}

	#hf-frozen .bg .content ul:nth-of-type(1){
		margin-right: 4%;
		margin-left: 4%;
		}

	#hf-frozen .bg .content ul:nth-of-type(2){
		margin-right: 4%;
		margin-left: 1%;
	}

	#hf-frozen .bg .content ul:nth-of-type(3){
		margin-left: 1%;
	}

	#hf-noodle .bg .content{
		font-size: 1em;
		padding-top: 25px;
		line-height: 1.3;
	}

	body.chnVersion #hf-noodle .bg .content{
		line-height: 1.5;
	}

	#hf-noodle .bg .content ul:nth-of-type(1){
		margin-right: 0%;
		margin-left: -2%;
	}

	#hf-noodle .bg .content ul:nth-of-type(2){
		display: default;
		margin-left: 2%;
	}

	#hf-noodle .bg .content ul:nth-of-type(3){
		margin-left: -4%;
	}

	#hf-pack .bg .content{
		font-size: 1em;
		padding-top: 25px;
		line-height: 1.25;
	}

	body.chnVersion #hf-pack .bg .content{
		line-height: 1.4;
	}

	#hf-pack .bg .content ul:nth-of-type(1),
	#hf-pack .bg .content ul:nth-of-type(2){
		margin-right: 3%;
	}

	#hf-pack .bg .content ul:nth-of-type(1){
		margin-left: 3%;
	}

	#hf-pack .bg .content ul:nth-of-type(3){
		margin-left: 3%;
	}

	footer{
		height: 165px;
	}

}