@media screen and (max-width: 1550px) {
	html{	font-size: 15.7px;	}
	
}
@media screen and (max-width: 1300px) {
	.form_title h2:after{  /* cloud 2 */
		right:-30%;	
	}
}
@media screen and (max-width: 1200px) {
	html{	font-size: 15.3px;	}
	header{
		background-position: 60% center;
		height:600px;
	}
	.form_title h2:after{  /* cloud 2 */
		display: none;	
	}
	.kv{	padding-left: 5rem;		padding-top: 3.5rem ;	}
}
@media screen and (max-width: 960px) {
	html{	font-size: 15px;	}
	
}
@media screen and (max-width: 840px) {
	header{
		background-position: 56% center;
		height:580px;
	}
	.kv{	padding-left: 3rem;		padding-top: 3rem ;	}
	.intro{	padding-left: 5%;	}
	.intro p:before{ /*	左括號*/	left:-2rem;	top: -1.3rem;	}
	.intro p:after{ /*	右括號*/
		right:-1.8rem;	bottom: 1rem;
	}
}
@media screen and (max-width: 768px) {
	html{	font-size:17px;	}
	
	/************** KV -768 *************/
	header{
		background-image: url(../img/kv_bg_768.png);
		background-position: top center;
		height:833px;
	}
	.logo{	padding-top: 21px;		padding-left: 1px;	}
	.logo img{	width: 97px;	}
	.kv{	padding-left: 0;	padding-top: 2.5rem ; 	}
	.kv h1{	font-size: 2.7rem; min-width: 7.3em;	}
	.kv h2{ font-size: 1.67rem;	}
	.kv h3{	font-size: 1.39rem;}
	.kv a{
		font-size: 1.39rem;
		letter-spacing: 0em;
		width: 12em;
		line-height: 2.5;
	}
	/************** intro -768 *************/
	.intro{	padding-left: 0;	}
	.intro p:before{ /*	左括號*/	
		left:0;	top: -1rem;
		width: 30px;	height: 20px;
	}
	.intro p:after{ /*	右括號*/
		right:0;	bottom: 2rem;
		width: 30px;	height: 20px;
	}
	.intro:before,.intro:after{  /* cloud 1 */
		background-image: none;
	}
	/************** form title -768 *************/
	.form_title{
		padding: 2.5rem 0 0 20px;
		height: 224px;
	}
	.form_title h2{
		font-size: 2.08rem;
		line-height:1.8;
	}
	.form_title h2:before{
		left:-0.68em;
	}
	/************** form -768 *************/
	.form_bg{
		padding-bottom: 5.14rem;
	}
	.form{ /*白色區域*/
		top: 0rem;
		padding: 4rem 1.875rem 4rem 1.875rem;
	}
	.topLine:after{display: none;}
	/************** form box -768 *************/
	.form .flexBox{
		width: 100%;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.form .boxImg{
		display: block;
		width: 100%;
		padding-left: 5px;
	}
	.form .boxImg img{ max-width:72px;}
	.form .boxInn{
		display: block;
		width: 100%;	max-width: 650px;
		padding:1.3rem 0 0 0 ;
	}

	.form .boxInn h4{
		font-size: 1.625rem;	line-height: 1.46;
		letter-spacing: 0.03em;
		color: #0078d7;
		height:3.56rem;
		vertical-align: middle;
	}
	.f5 .boxImg img{width: 100%; max-width:6.25rem;}
	.f6 .boxImg img{width: 100%; max-width:2.8rem;}
	.f6 .boxInn h4{height:auto;}
	.f7 .boxInn h4{height:auto;}
	
	.form .boxInn p{line-height: 2.1;	}
	.form .boxInn h4 span:before{	width: 36px;	height: 49px;	}
	/************** form -768 *************/
	.form_b{top:0;}
	/************** sec_01 白底 有個框 -768 *************/
	.sec_01 .container{
		padding: 0 33px;
	}
	.sec_01 h2{
		width: calc( 100% - 50px );
		font-size: 2.08rem;	line-height: 1.8;
	}
	.sec_01 .inn{
		padding: 3rem 1.4rem 1.53rem 1.4rem;
	}
	.sec_01 .inn p{ 	line-height: 2.1;}
	.sec_01 .inn:before{
		top: -0.4em;	left:-0.35em;
	}
	.sec_01 .inn:after{
		bottom: -0.5em;	right:-0.4em;
	}
	
		/* lightBox
	-----------------------------------------*/
	.lightBox h4{ 
		margin-bottom: 2rem;
		padding-left: 1.75rem;
		margin-top: 1rem;
		font-size:2.2rem;
		line-height: 1.5;}
	.lightBox h4:before{
		top: 0.2em;
	}
	.closeBtn{
		padding: 1rem 0;
	}
	.closeBtn span{
		width: 2.8rem; height: 2px;
	}
	.lbTent{ height: 90%}
	.scrollBox{
		padding: 1rem 0.7rem;
	}
	.scrollTent{ padding: 0.4rem 0 0.7rem 0;}
	.scrollFlx{
		margin: 1.39rem auto 0 auto;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		max-width: 380px;
	}
	.tools{ width: 48%; max-width: none; margin-bottom: 1.39rem;}
	
	/************ sec_02  淡藍色底*/
	.sec_02 .flexBox{
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		margin: 2.3rem auto 0 auto;
	}
	.sec_02 h2{
		font-size: 2.08rem;	line-height: 1.8;
		padding-left: 1.75em;
	}
	.sec_02 h2:before{	left:0.8em;	}
	.sec_02 ul{
		width: calc( 100% - 40px );
		margin: 0 auto;
	}
	.sec_02 ul.ull{
		max-width: 700px;
	}
	.sec_02 ul li{
		line-height: 2.1;
		letter-spacing: 0.03em;
		padding-left: 2.5rem;
		padding-bottom: 0.5rem;
	}
	.sec_02 ul li:before{
		width: 17px;	left:0.3rem;
	}
}
@media screen and (max-width: 585px) {
	.scrollFlx{ display: block;}
	.tools{ width: 12.5rem; margin: 0 auto 1.4rem auto;}
}


@media screen and (max-width: 570px) {
	html{	font-size: 15px;	}
	header{
		background-image: url(../img/kv_bg_375.png);

	}
}

@media screen and (max-width: 375px) {
	html{	font-size: 14.4px;	}
}

/*=========================== form 底部 ==================================*/
@media screen and (max-width: 960px) {
	.form_b .boxG{
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.form_b .innG{
		max-width: 39.06rem;	text-align: center;
		margin-bottom: 1rem;
	}
	.form_b  .innG .flexBox{
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
	}
}
@media screen and (max-width: 625px) {
	.form_b .innG{
		max-width: 39.06rem;	text-align: left;
		margin-bottom: 1rem;
	}
	.form_b  .innG .flexBox{
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.form_b .btnG .flexBox{
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		padding-top: 1.52rem;
	}
	.form_b .btn{
		display: block;	
		width: 90%;	max-width: 15.27rem;
		height: 3.95rem;
		margin: 0.97rem auto;
	}
	.form_b .btn a{
		font-size: 1.736rem;	line-height:3.95rem;
		padding-left: 20%;
		text-decoration: none;
	}
}