.astric, .fontRed {color: red}
.fontRed {font-size: 14px}
.fontBlue {color: blue}
.formTitle {font-size: 20px; font-weight: bold; margin-bottom: 20px;}
.blind {display: none}

.css_btn_refresh { background-color: rgba(255, 255, 255, 0); border: none}

#headertop {border-bottom: 1px solid #333333; overflow: auto; padding: 10px 20px}
#headertop div:first-child {float: left; margin-top: 10px;} 
#headertop div:nth-child(2) {float: right; vertical-align: middle} 
#headertop div:nth-child(2) img {margin-left: 10px} 
#header_logo {width: 150px}
#header_logo_div {left:50%; margin-left: -75px}

#banner { padding: 30px 0 10px 0; border-bottom: 1px solid #333333}
#banner article {position: relative; overflow: auto; height: 250px}
#main_delicious { width: 400px; padding-top: 55px; text-align: center; display: inline-block;}
#bannerWrap {position: absolute; margin-left: 400px; top: 0px; width: 780px; height: 100%}
#bannersMobile {display: none}
.slick-slide {
	outline: none !important;
}

#showNextBtn { position: absolute; left: 50%; margin-left: -27px; bottom: 0px; text-align: center; cursor: pointer}

#content {display: table; width: 100%; border-bottom: 1px solid #333333}
#content > article {display: table-row}
#content > article > div {display: table-cell; text-align: center; padding: 30px 0; width: 33%; vertical-align: middle}
#content > article > div:first-child > div:first-child {line-height: 80px};
#content > article > div:nth-child(2) {border-left: 1px solid #333333; border-right: 1px solid #333333; width: 34%}
#content > article > div > div:nth-child(2) {margin-top: 10px; line-height: 26px}
#content > article > div > div:nth-child(3) {margin-top: 30px; line-height: 26px}
#contentMiddle {border-left: 1px solid #333333; border-right: 1px solid #333333}
#content > article #mbl {display: none}

#describe {border-bottom: 1px solid #333333}
#describe article { padding: 30px 0}
#describe article div {text-align: center}
#describe > article #mbl {display: none}

#about {display: table; width: 100%; border-bottom: 1px solid #333333}
#about article {display: table-row}
#about article div div:first-child {margin-top: 20px}
#about article > div {display: table-cell; text-align: center; padding: 30px 0; width: 26%}
#about article > div:nth-child(2) {border-left: 1px solid #333333; border-right: 1px solid #333333; width: 48%}

#contact article {width: 60%; border-bottom: 3px solid #333333; text-align: center; margin: 30px auto 0px}
#contact article div:nth-child(2) {margin-top: 20px; word-break: keep-all;}
#contact article div:nth-child(3) {margin-top: 30px}
#contact article div:nth-child(3) div {margin-top: 30px; text-align: center}


/* mainpage */
#warring {margin-top: 20px; font-size: 14px; text-align: center}
#requestButtons {text-align: center}



@media (max-width: 1024px) {
	#banner { padding: 30px 0 10px 0; border-bottom: 1px solid #333333}
	#banner article {position: relative; overflow: auto; height: 250px}
	#main_delicious { width: 30%; padding-top: 55px; text-align: center; display: inline-block;}
	#bannerWrap {position: absolute; margin-left: 30%; top: 0px; width: 70%; height: 100% }
}

@media (max-width: 830px) {
	#banner article {position: relative; overflow: auto; height: 320px}	
	#mobileMenu {display: block}
}


@media (max-width: 805px) {
	#main_delicious {display: none !important;}	
	#banner { margin: 10px 10px 0 10px; border: 1px solid #333333; padding: 15px 10px}

	#bannerWrap {position: static; margin-left: 0px; width: auto;}


	#bannersWeb {display: none}
	#bannersMobile {display: block}


	#showNextBtn { position: static; text-align: center; margin-left: auto; margin-top: 20px; width: 120px; margin: 1px auto 0; font-size: 12px}
	#showNextBtn span {font-size: 12px}


	#content {display: block; margin: 0; border: none}
	#content > article {display: block; margin: 0 10px 0 10px;}
	#content > article > div:first-child > div:first-child {line-height: 60px; margin-top: 30px}
	#content > article > div:nth-child(2) > div:first-child {margin-top: 10px}
	#content > article > div {display: block; width: auto; border-right: 1px solid #333333; border-bottom: 1px solid #333333; border-left: 1px solid #333333}
	#content > article > div {display: block; width: auto}
	#content > article > div:nth-child(2), #content > article > div:nth-child(3) {width: auto;}
	#content > article #mbl {display: block}
	#content #web {display: none}

	#describe {display: block; width: auto; margin: 0 10px; border-left: 1px solid #333333; border-bottom: 1px solid #333333; border-right: 1px solid #333333}
	#describe article { padding: 30px 10px}
	#describe article div {width: auto; font-size: 18px; word-break: keep-all}
	#describe > article #mbl {display: block}
	#describe #web {display: none}

	#about {display: block; border:none}
	#about article {display: block; margin: 0 10px}
	#about article > div {display: block; width: auto; border-left: 1px solid #333333; border-bottom: 1px solid #333333; border-right: 1px solid #333333}
	#about article > div:nth-child(2) {width: auto}

	#contact {display: block; margin: 0 10px; border-left: 1px solid #333333; border-bottom: 1px solid #333333; border-right: 1px solid #333333}
	#contact article {width: auto; margin: 0; padding: 30px 10px; height: auto; border: none}


	#articleBox {margin: 0 15px}
	#requestSample { width: 100%;}
	#requestSubscribe {width: auto;}
	#requestGift {width: auto;}

	footer {display: block}
}

@media (max-width: 540px) {
	#banner { margin: 10px 10px 0 10px; border: 1px solid #333333; padding: 10px}	
	#showNextBtn {margin-top: 20px}
}

@media (max-width: 450px) {
	#header_logo {width: 120px}
	#header_logo_div {margin-left: -60px}
	#banner_1 {width: 280px; margin: auto auto}
	#banner_2 {width: 280px; margin: auto auto}
	#banner_3 {width: 280px; margin: auto auto}

	#articleBox {margin: 0 4px}

}

@media (max-width: 414px) {
	#banner_0 > div {
	#contact article div:nth-child(3) div {margin-top: 40px}
}


@media (max-width: 320px) {
	#header_logo {width: 100px}
	#header_logo_div {margin-left: -50px}
	#banner_0 img {margin-left: 20px}
}

@media (max-width: 280px) {
	#header_logo {width: 80px}
	#header_logo_div {margin-left: -40px}

	#contact article div:nth-child(3) div {font-size: 25px}
}