/* ==========================================================================
RWD
========================================================================== */



@media screen and (max-device-width: 1024px){ section#p1{ height: auto; } }
@media screen and (orientation: portrait) and (max-width: 780px) {
	.web{ display: none; }
	section#p1{
		background: url(../images/bg_s.jpg) no-repeat;
		background-size: contain;
		background-position: 0 0;
		height: auto;
	}
	.p1_content, .p2_content, .p3_content { width: 85%; }
	.p4_content{ width: 75%; }

	#p1 .logo{ width: 30%; }
	#p1 .area_word{	 margin-top: 320px;}
	#p1 .area_word h1{ color: #222222; }
	#p1 .area_word h2{ color: #ff2e4c; }
	#p1 .area_word span{
		border: 5px solid #FFF;
    	border-radius: 12px;
    	background: #FFF;
	}
	/* 最上方按鈕 */
	.top_btn ul{ width: 90%; }
}

@media screen and (orientation: portrait) and (max-width: 600px) {
	#p2 .title h3{ padding-right: 2.5em; }
	.ps_area{ padding-left: 3em; }

	#p3 .title{ background-size: 40%; background-position: -10% 2%; }
	#p3 .title h3{ letter-spacing: .5em; padding-left: 3em; line-height: .8em; padding-top: 1em; padding-bottom: .5em;}
	#p3 .title h3 p{ font-size: 10px; line-height: 2.5em; padding: .1em .5em; letter-spacing: 0; width: 60%; }
	#p3 .form .txt{ float: none; width: 85%; }
	#p3 .form .form_btn{ float: none; width: 50%; margin: 0 auto; margin-top: .8em; }

	/* 最上方按鈕 */
	.top_btn ul{ width: 100%; text-align: center; background: #333; margin-top: 0; padding: .1em 0; }
	.top_btn li a{ padding: 0em .7em; font-size: 13px; }

	.footer_content li p{ font-size: 9px; }
}
@media screen and (max-width: 535px){
	#p1 .area_btn{ padding: .8em; font-size: 18px; }
	#p1 .area_word{ margin-bottom: .5em; margin-top: 290px; }
	#p1 .area_prize{ padding: 1.4em 1em; }
}
@media screen and (max-width: 480px) {
	#p1 .logo{ padding-top: 2em; }
	#p1 .area_word{	line-height: 2em; margin: .5em; margin-top: 230px;}
	#p1 .area_word h1{ font-size: 25px; }
	#p1 .area_word h2{ font-size: 30px; }
	#p1 .area_word p{ margin-top: .5em; }

	#p1 .area_btn{ padding: .5em; line-height: 1.3em; font-size: 16px; }
	#p1 .area_btn p{ font-size: 90%; }
	#p1 .area_btn a{ margin-top: .3em; line-height: 2em; font-size: 20px; width: 80%; }
	#p1 .area_prize{ padding: .6em 0em; margin-top: .55em; font-size: 19px; background-size: 25%; line-height: .9em; }
	#p1 .area_prize h4{ font-size: 25px; }
	#p1 .area_prize p{ font-size: 80%; padding-left: 6em; }

	.ps_area{ padding-left: 0; font-size: 80%; margin-top: .5em; }

	#p2 .title{ background-position: 128%; }
	#p2 .title h3{ letter-spacing: .2em; padding-right: 3em; line-height: 1em; }
	#p2 .title p{ font-size: 100%; line-height: 2.3em; }

	#p3 .title{ background-size: 50%; background-position: -20% 2%; }
	#p3 .title h3{ letter-spacing: .2em; padding-left: 3em; line-height: 1em; padding-top: 1.7em; /* padding-bottom: .3em; */}
	#p3 .title h3 p{ font-size: 10px; line-height: 2.5em; padding: .1em .5em; letter-spacing: 0; width: 90%; }
	#p3 .form .txt{ float: none; width: 85%; font-size: 12.5px; line-height: 3em; }
	#p3 .form{ margin-bottom: 1.5em; }
	#p3 .form .form_btn{ float: none; width: 50%; margin: 0 auto; margin-top: .8em; }
	#p3 .p3_content p{ font-size: 13px; width: 90%; }

	section#p4{ margin-top: 5em; padding-top: 1em; padding-bottom: 2em; }
	#p4 h3{ line-height: 2.5em; font-size: 32px; }
	#p4 li{ font-size: 13px; }
	/* 最上方按鈕 */
	.top_btn ul{ width: 100%; text-align: center; background: #333; margin-top: 0; padding: .1em 0; }
	.top_btn li a{ padding: 0em .7em; }

	.footer_content li p{ font-size: 9px; }
}
@media screen and (max-width: 414px) {
	#p2 .title{ background-position: 120%; }
	#p2 .title { background-size: 50% ; background-position: 122%; }
}
@media screen and (max-width: 375px) {
	.p1_content, .p2_content, .p3_content{ width: 93%; }
	.p4_content{ width: 80%; }
}
@media screen and (max-width: 360px) {
	#p1 .area_btn p{ font-size: 80%; }
	#p1 .area_word{margin-top: 180px;}
}
@media screen and (max-width: 340px) {
	.p1_content, .p2_content, .p3_content{ width: 95%; }
	#p1 .area_word{ margin-top: 200px; }
	#p1 .area_btn{ font-size: 14.5px; }
	/* 最上方按鈕 */
	.top_btn li a{ padding: 0em .5em; }
	.footer_content a{ display: none; }
}
@media screen and (max-width: 320px) {
	body{ min-width: 320px; }
	.p1_content, .p2_content, .p3_content{ width: 98%; }
	#p1 .area_word{ margin-top: 180px; }
	#p1 .area_word h1{ font-size: 20px; }
	#p1 .area_word h2{ font-size: 25px; }
	#p1 .area_word p{ margin-top: 0; font-size: 13px; }
	#p1 .area_btn a{ font-size: 17px; }
	#p1 .area_btn p{ font-size: 80%; }
	/* 最上方按鈕 */
	.top_btn{ width: 320px; }
	.top_btn li a{ padding: 0em .2em; }
	.footer_content a{ display: none; }
}