body,span,h2,h3{ font-family: Microsoft JhengHei, Microsoft YaHei, Arial,sans-serif ; color: #000}
a{ text-decoration: none}
section{ width: 100%; display: block; position: relative}
.center{ text-align: center}
.wrapbig{ width: 1400px; margin: 0 auto; background: #fff;}
.wrap{ width: 1200px; margin: 0 auto; position: relative}
.abs{ position: absolute}
.fll{ float: left;}
.flr{ float: right;}
.col-left{ float: left;}
.col-right{ float: right;}
.clear{ clear: both}
p{ line-height: 30px; font-size: 18px;}
.bold{ font-weight: bold;}
.block{ display: block}
.in-blk{ display: inline-block}
.disb{ display: block}
.no-show{ display: none}
.w50{ width: 50%;}
.w33p{ width: 31%; display: inline-block}
.w100p{ width: 100%;}

.width700{ width: 700px; margin: 0 auto}
.width800{ width: 800px; margin: 0 auto}
.width900{ width: 900px; margin: 0 auto}

.mgb-10{ margin-bottom: 10px}
.mgb-20{ margin-bottom: 20px}
.mgb-30{ margin-bottom: 30px}
.mgb-50{ margin-bottom: 50px}
.mgt-10{ margin-top: 10px}
.mgt-20{ margin-top: 20px}
.mgt-30{ margin-top: 30px}
.mgt-40{ margin-top: 40px}
.mgt-50{ margin-top: 50px}
.mgt-50{ margin-top: 50px}
.pgb-30{ padding-bottom: 30px;}
.pgt-20{ padding-top: 20px;}
.pgt-30{ padding-top: 30px;}
.pgt-40{ padding-top: 40px;}
.pgt-50{ padding-top: 50px;}


.color-w{ color: #fff}
.color-bk{ color: #000}
.color-blue{ color: #3260c6}

:root {
  --animate-delay: 0.5s;
}
.text-center{text-align: center}
.text-left{ text-align: left}
.txet-jus{ text-align: justify}
.container{ width: 1300px; margin: 0 auto; position: relative}

body{ font-size: 18px; line-height: 32px;}

.bgs{ width: 100%; background: url(../images/bg-01-1920x3245.jpg) center top; min-height: 3200px;}
.top{ padding: 20px 30px 0 20px; color: #fff; font-weight: bold;}
.text{ width: 687px; color: #fff; font-size: 24px; margin-top: 143px;}
.text p{ margin-bottom: 24px; padding: 0 20px; }

.slide{ width: 100%; margin-top: 125px; display: inline-block}
.slide .ti{ text-align: center; margin-top: 65px; margin-bottom: 30px;}
.slider{ width: 880px; margin: 0 auto}

.quest{ margin-top: 150px;}
.quest .ti{ width: 100%; text-align: center; margin-bottom: 65px;}
.arti{ width: 630px; min-height: 610px; padding: 30px 40px; background: #f8ebc8; border-radius: 30px; margin: 0 auto;}
.arti .row{ font-size: 18px; width: 100%; display: inline-block;}
.arti .left{width: 45%;float: left; }
.arti .rig{width: 45%; float: right;}
.arti label{ width: 100%; display: inline-block}
.arti input{width: 100%; border: 0; border-radius: 10px; background: #fff; min-height: 20px; padding: 10px 10px}
.arti select{width: 100%; border: 0; border-radius: 10px; background: #fff; min-height: 20px; padding: 10px 10px}
.arti input[type=checkbox]{ width: auto; display: inline-block; padding: 10px; width: 20px; height: 20px; position: relative; top: 5px}
.arti .note{ display: inline-block; width: 100%; margin-bottom: 20px; margin-top: 20px; text-align: justify}
.arti .note a{ text-decoration: underline; color: #000}

footer{ width: 100%; min-height: 490px; padding: 80px 0; background: url(../images/bg-02-1920x650.jpg) center top }
footer .wrap{ width: 750px; margin: 0 auto;} 
footer .ti{ font-size: 48px; font-weight: bold; line-height: 60px; color: #fff; margin-bottom: 50px; text-align: center} 
footer p{ font-size: 16px; margin-bottom: 30px; color: #fff;}
footer a{ color: #fff; text-decoration: underline}
.slick-prev{ width: 30px; height: 55px; background: url(../images/arrow-left.svg) no-repeat;z-index: 9}
.slick-prev:hover,.slick-prev:focus{ background: url(../images/arrow-left.svg) no-repeat; opacity: 0.5; display: inline-block}
.slick-next{ width: 30px; height: 55px; background: url(../images/arrow-rig.svg) no-repeat;z-index: 9}
.slick-next:hover,.slick-next:focus{ background: url(../images/arrow-rig.svg) no-repeat; opacity: 0.5; display: inline-block}
.slick-prev:before, .slick-next:before{ display: none;}

.gobtn{ width: 330px !important; height: 55px; background: url(../images/btn.svg) no-repeat !important; display: inline-block; text-indent: -9999px; cursor: pointer;}
.gobtn:hover{background: url(../images/btn-h.svg) no-repeat !important;}

.backtop{ position: fixed; right: 20px; bottom: 50px; opacity: 0; width: 0; transition: all 0.5s;z-index: 999}
.backtop.fadein{ width: 100px; opacity: 1; transition: all 0.5s}

.swal2-html-container a{ color: #005cff}
/*****************RWD************************/
.mb{ display: none;}
.box{ display: none;}

@media only screen and (max-width: 1300px) {
    .container{ width: 100%;}
}
@media only screen and (max-width: 1200px) {
   
  
    
    
  
}

@media only screen and (max-width: 1000px) {
      .pc{ display: none;}
      .mb{ display: block;}
      .container{ width: 100%;}
    body{ font-size: 16px; line-height: 26px;}
    .arti label{ font-size: 16px;}
    .arti{ width: 90%; margin: 0 5%; box-sizing: border-box;padding: 20px 20px;}
    .arti input{ box-sizing: border-box}
      .mbkb{ position: relative}
    .mkv{ width: 75%; padding: 0 12.5%; position: absolute;z-index: 99; top: 21%;}
    .bgs{ background: none; min-height: inherit; background: #3d075f}
    .quest{ margin-top: 10px; padding-bottom: 50px;}
    .mbfoot{margin-top: 0px;}
    .mbfoot img{float: left}
    .slick-next{ right: 15px; }
    .slick-prev{ left: 15px}
}
/*tablet*/
@media only screen and (max-width: 768px) {
    
  
   
   
    
}
   
@media only screen and (max-width: 480px) {
       
   .slick-next{ width: 20px; background-size:100% }
   .slick-prev{ width: 20px; background-size:100% }
    .btn img{ width: 100%;}
   
}


/*updown*/
@-webkit-keyframes updown {
	0% {
		-webkit-transform: translateY(-12%);
		-moz-transform: translateY(-12%);
		-ms-transform: translateY(-12%);
		-o-transform: translateY(-12%);
		transform: translateY(-12%);
	}
	100% {
		-webkit-transform: translateY(0%);
		-moz-transform: translateY(0%);
		-ms-transform: translateY(0%);
		-o-transform: translateY(0%);
		transform: translateY(0%);
	}
}

@-moz-keyframes updown {
	0% {
		-webkit-transform: translateY(-30%);
		-moz-transform: translateY(-30%);
		-ms-transform: translateY(-30%);
		-o-transform: translateY(-30%);
		transform: translateY(-30%);
	}
	100% {
		-webkit-transform: translateY(0%);
		-moz-transform: translateY(0%);
		-ms-transform: translateY(0%);
		-o-transform: translateY(0%);
		transform: translateY(0%);
	}
}

@-ms-keyframes updown {
	0% {
		-webkit-transform: translateY(-30%);
		-moz-transform: translateY(-30%);
		-ms-transform: translateY(-30%);
		-o-transform: translateY(-30%);
		transform: translateY(-30%);
	}
	100% {
		-webkit-transform: translateY(0%);
		-moz-transform: translateY(0%);
		-ms-transform: translateY(0%);
		-o-transform: translateY(0%);
		transform: translateY(0%);
	}
}

@-o-keyframes updown {
	0% {
		-webkit-transform: translateY(-30%);
		-moz-transform: translateY(-30%);
		-ms-transform: translateY(-30%);
		-o-transform: translateY(-30%);
		transform: translateY(-30%);
	}
	100% {
		-webkit-transform: translateY(0%);
		-moz-transform: translateY(0%);
		-ms-transform: translateY(0%);
		-o-transform: translateY(0%);
		transform: translateY(0%);
	}
}

@keyframes updown {
	0% {
		-webkit-transform: translateY(-30%);
		-moz-transform: translateY(-30%);
		-ms-transform: translateY(-30%);
		-o-transform: translateY(-30%);
		transform: translateY(-30%);
	}
	100% {
		-webkit-transform: translateY(0%);
		-moz-transform: translateY(0%);
		-ms-transform: translateY(0%);
		-o-transform: translateY(0%);
		transform: translateY(0%);
	}
}

.updown{
	-webkit-animation: updown 700ms forwards ease-in-out infinite alternate;
	-moz-animation: updown 700ms forwards ease-in-out infinite alternate;
	-ms-animation: updown 700ms forwards ease-in-out infinite alternate;
	-o-animation: updown 700ms forwards ease-in-out infinite alternate;
	animation: updown 700ms forwards ease-in-out infinite alternate;
}



.biggerbtn{
    animation: biggerbtn 500ms forwards ease-in-out infinite alternate;
}

@keyframes biggerbtn {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  
  }
}