@charset "utf-8";
*,
*:before,
*:after {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
  
a,
a:link,
a:visited {
	color: inherit;
	text-decoration: none;
}
a:active,
a:hover {
	color: inherit;
	text-decoration: none;
}
  
h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
}
ul,
ol,
li {
	list-style-type: none;
}
dl,
dt,
dd {
	margin: 0;
	padding: 0;
}
p {
	margin: 0;
	padding: 0;
}
ul{
	list-style: none;
}
img {
	border: 0;
	line-height: 0;
	vertical-align: middle;
}
svg {
	vertical-align: bottom;
}
em {
	font-weight: bold;
	font-style: normal;
}
label {
	margin: 0;
	padding: 0;
}
address {
	font-style: normal;
}
body {
	font-family: Tahoma,Verdana;
	margin: 0;
	padding: 0;
	font-weight: 400;
	line-height: 150%;
	-webkit-font-smoothing: antialiased;
	color: #121212;
	background: #ffffff;
}
html, body { scroll-behavior:smooth; font-size: 17px; line-height: 26px;}
nav *,nav *:before,nav *:after {box-sizing: content-box;}
.nav-mobile,.nav-mobile .nav_menu{box-sizing: content-box;}
.Details {width: 1160px;}
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

main01

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.main01 {background: url("../images/quiz-drone-license/bg1.jpg")no-repeat bottom center #f4f2f2;padding-top: 50px;}
.main01 h1 {font-size: 49px; line-height: 60px; font-weight: 600;text-align: center;}
.main01 .suhead {font-size: 27px; line-height: 40px;text-align: center;margin-bottom: 50px;}
.main01 ul.list-pic {display: flex; justify-content: space-between; align-items: center;}
.main01 ul.list-pic img { -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;max-width: 100%; height: auto;}
.main01 .answer {width: 870px; position: relative; top: 80px;}
.main01 .answer h4 {font-size: 29px; line-height: 42px; font-weight: 600; margin-bottom: 30px; text-align: center;}
.main01 .survey {background-color: #fdfdfd; padding: 50px 100px; position: relative; box-shadow: 0 0 5px 5px #efefef;}
.main01 .survey::after {content: ''; background: url("../images/quiz-drone-license/survey.png")no-repeat; display: inline-block; width: 390px; height: 732px;
	position: absolute; right: -390px; top: 50%; transform: translateY(-50%);}
.main01 .survey ol li {font-size: 21px; line-height: 32px; border-top: 1px dashed #aeaeae;padding-top: 15px; margin: 15px 0;}
.main01 .survey ol>li:first-of-type {border-top:none;}
.main01 .survey ol label {margin-right: 30px;}
.main01 .survey ol input {margin-right: 5px;cursor: pointer;}
.main01 .survey .submit-button {text-align: center;margin-top: 30px;}
.main01 .survey button {background-color: #ff9329;padding: 22px 60px;font-size: 32px;color: #ffffff;border-radius: 10px;cursor: pointer;}
.main01 .survey .survey-result {text-align: center;margin-top: 30px;}
.main01 .survey .survey-result h5 {font-size: 17px; line-height: 30px; font-weight: 600;}
.main01 .survey .survey-result p {margin-top: 10px;}
.main01 .survey .survey-result a {text-decoration: underline;word-wrap: break-word;}
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

main02

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.main02 {background-color: #ffffff;padding-top: 80px;}
.main02 h2 {font-size: 41px; line-height: 48px; text-align: center; margin:100px 0 50px;}
.main02 h2>img {margin-right: 15px;}
.main02 .announce {text-align: center;font-size: 21px;line-height: 32px; margin-top: 30px;}

.rvc{max-width: 1140px;position: relative;margin: auto;margin-top: 30px;}
.rvc .rvc-wrapper{margin: auto;overflow: hidden;}
.rvc .rvc-wrapper ul{overflow: hidden;position: relative;}
.rvc .rvc-wrapper ul li{float: left; border-top:none; padding: 0; margin: 0;}
.rvc .rvc-wrapper ul li .img-wrapper{
	height: auto;
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.rvc-prv,.rvc-next{
	position: absolute;
	height: 100%;
	top: 0;
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.rvc-prv{left: 0;}
.rvc-next{right: 0;	}
.rvc-prv img,.rvc-next img{cursor: pointer;}
.rvc img {max-width: 100%;}
.rvc .p-wrapper {padding: 20px 15px; background-color: #ffffff; border: 1px solid #efefef;}
.rvc .p-wrapper a {border-left: 2px solid #0fb4ff; color: #000000;padding-left: 10px;}
.rvc .p-wrapper a:hover {color: #0fb4ff;}




/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

main03

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.main03 {background: url("../images/quiz-drone-license/bg2.jpg")no-repeat top center #ffffff; background-size: 100% 43rem;padding: 100px 0 50px;}

.main03 .flex {display: flex; justify-content: space-between; align-items: flex-start;}
.main03 .introduction {padding-left: 80px; flex: 1; color: #ffffff;}
.main03 .introduction h4 {font-size: 27px; line-height: 40px; margin-bottom: 15px;}
.main03 .introduction p {font-size: 17px; line-height: 26px; color: #e2d9d8;margin-top: 10px;}
.main03 .introduction p a {text-decoration: underline; color: #ffffff;}
.main03 .introduction .btn {margin-top: 20px;}
.main03 .introduction .btn a {display: inline-block; width: 210px; height: 50px; line-height: 50px; font-size: 17px; background-color: #3ca3f2; border-radius: 5px; text-align: center;margin: 0 5px;}
.main03 .vlogger-video {width: 630px;height: 387px;overflow: hidden;position: relative;margin: 0 auto; border-radius: 10px;}
.main03 .vlogger-video iframe{height:100%;}

.main03 .vs {overflow: hidden; margin: 0 10px; flex: 1;}
.main03 .vs .name {padding: 40px;display: flex;justify-content: center; align-items: center;}
.main03 .vs .name h3 {font-size: 30px; font-weight: 600; line-height: 46px;}
.main03 .vs .name span {font-size: 21px; line-height: 32px; color: #727272;}
.main03 .vs .name img {margin-right: 30px;}
.main03 .vs ul {padding: 20px 40px 30px; background-color: #ffffff;border: 1px solid #efefef;}
.main03 .vs ul li {padding: 10px 15px; border-bottom: 1px dashed #d3d3d3;font-size: 17px;}
.main03 .vs ul li a{border-bottom: 1px solid #333;}
.main03 .vs ul li:last-of-type {border-bottom: none;}
.main03 .vs ul li span::before {content: ''; display: inline-block; width: 20px; height: 18px; background: url("../images/quiz-drone-license/gou.png")no-repeat bottom; margin-right: 15px;}
.main03 .vs ul li span i {font-style: normal; display: block;margin-left: 35px;}


.main03 .vp {border-top-left-radius: 15px;}
.main03 .dji {border-top-right-radius: 15px;}
.main03 .vp .name {background-color: #f2fbea;}
.main03 .dji .name {background-color: #efefef;}
.main03 .dji li span { display: block; width: 270px; margin: 0 auto;}

.main03 .warp2 { position: relative; margin-top: 50px;}
.main03 .warp2::before { content: ''; display: inline-block; width: 124px; height: 113px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);background: url("../images/quiz-drone-license/vs.png")no-repeat center;}



.main03 .down-btn {margin-top: 50px; text-align: center;}
.main03 .down-btn img { margin-left: 10px; vertical-align: middle;}
.main03 .down-btn a {display: inline-block; background-color: #3ca3f2; padding: 20px 15px; color: #ffffff; font-size: 21px; border-radius: 8px;
	-webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
.main03 .dji-btn {margin-top: 30px; text-align: center;}
.main03 .dji-btn a {display: inline-block;color: #3ca3f2; text-decoration: underline; font-size: 17px;}
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

main04

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.main04 {padding: 50px 0; background-color: #f8f8f8;}
.main04 .box {border: 1px solid #d5d5d5; padding: 50px; text-align: center;}
.main04 .box h2 {font-size: 37px; line-height: 48px; font-weight: 600;}
.main04 .box .suhead {font-size: 17px; line-height: 26px; margin:10px 0 30px;}
.main04 .box .country {font-size: 17px; line-height: 26px;}
.main04 .box .country label {margin-left: 15px;}
.main04 .box .country input {margin-right: 5px;}
.main04 .box textarea {background-color: #ffffff; display: block; width: 100%; margin: 30px auto; padding: 20px;}
.main04 .box .text-email input { border: 1px solid #d6d6d6; height: 34px; width: 335px; margin: 0 15px; padding: 0 10px;}
.main04 .box .text-email button {height: 36px; background-color: #ff9329; border-radius: 5px; width: 155px; color: #ffffff; font-size: 21px; cursor: pointer;}
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

main04

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#header {position: fixed;top: 100px;right: 0;z-index: 999;}
#header .header_box {
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
	z-index: 999; }
	#header .header_box .navToggle {
	  width: 70px;
	  height: 70px;
	  background-color: rgba(0, 0, 0, 0.8);
	  color: #fff;
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  border-radius: 50%;
	  font-size: 0.8em;
	  -webkit-transition: all .3s;
	  transition: all .3s;
	  border: none;
	  cursor: pointer; }
	  #header .header_box .navToggle span {
		border-bottom: 2px solid #fff;
		padding-bottom: 4px; }
	  #header .header_box .navToggle.active {
		display: none; }
	  #header .header_box .navToggle:hover {
		opacity: 0.7; }
  #header .nav_custom {
	position: fixed;
	z-index: 999999;
	top: 0;
	right: 0;
	width: 100%;
	height: 100vh;
	overflow: hidden;
	background-color: rgba(0, 0, 0, 0.6);
	visibility: hidden; }
	#header .nav_custom.no-active {
	  animation-duration: .3s;
	  animation-name: fade-out; }
	  #header .nav_custom.no-active nav ul li a {
		-webkit-transition: none;
		transition: none; }
	#header .nav_custom.active {
	  visibility: visible;
	  animation-duration: .3s;
	  animation-name: fade-in; }
  @keyframes fade-in {
	0% {
	  visibility: hidden;
	  opacity: 0; }
	50% {
	  visibility: visible;
	  opacity: 0.5; }
	100% {
	  visibility: visible;
	  opacity: 1; } }
  @keyframes fade-out {
	0% {
	  visibility: visible;
	  opacity: 1; }
	50% {
	  visibility: visible;
	  opacity: 0.5; }
	100% {
	  visibility: hidden;
	  opacity: 0; } }
	#header .nav_custom .asd {
	  width: 42%;
	  height: 100%;
	  margin: auto 0 auto auto;
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  background-color: rgba(0, 0, 0, 0.85); }
	  #header .nav_custom .asd ul {
		margin: 0 25px; }
		#header .nav_custom .asd ul li {
		  margin-bottom: 60px; }
		  #header .nav_custom .asd ul li:last-child {
			margin-bottom: 0; }
		  #header .nav_custom .asd ul li a {
			display: block;
			color: #ffffff;
			font-size: 45px;
			font-weight: 600;}
	#header .nav_custom .navToggle {
	  display: block;
	  position: fixed;
	  top: 10px;
	  right: 10px;
	  cursor: pointer;
	  z-index: 999;
	  padding: 35px;
	  -webkit-transition: opacity .3s;
	  transition: opacity .3s;
	  background: none;
	  border: none;
	  cursor: pointer; }
	  #header .nav_custom .navToggle:hover {
		opacity: 0.7; }
	  #header .nav_custom .navToggle span {
		position: absolute;
		display: block;
		width: 55%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		border-bottom: 2px solid #fff; }
		#header .nav_custom .navToggle span:nth-child(1) {
		  top: 50%;
		  left: 50%;
		  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
		  -moz-transform: translate(-50%, -50%) rotate(-45deg);
		  transform: translate(-50%, -50%) rotate(-45deg); }
		#header .nav_custom .navToggle span:nth-child(2) {
		  top: 50%;
		  left: 50%;
		  -webkit-transform: translate(-50%, -50%) rotate(45deg);
		  -moz-transform: translate(-50%, -50%) rotate(45deg);
		  transform: translate(-50%, -50%) rotate(45deg); }
  @media screen and (max-width: 767px) {
	#header .header_box .navToggle {
	  width: 60px;
	  height: 60px;
	  font-size: 0.75em; }
	#header .nav_custom {
	  width: 100%;
	  background-color: unset; }
	  #header .nav_custom .asd {
		width: 100%; }
		#header .nav_custom .asd ul {
		  margin: 0 0 0 10%; }
		  #header .nav_custom .asd ul li {
			margin-bottom: 14%; }
		  #header .nav_custom .asd ul li a {
			font-size: 27px; }
			#header .nav_custom .asd ul li:last-child {
			  margin-bottom: 0; }
	  #header .nav_custom .navToggle {
		display: block;
		position: fixed;
		top: 10px;
		right: 10px;
		cursor: pointer;
		z-index: 999;
		padding: 35px; }
		#header .nav_custom .navToggle span {
		  position: absolute;
		  display: block;
		  width: 55%;
		  left: 50%;
		  -webkit-transform: translate(-50%, -50%);
		  transform: translate(-50%, -50%);
		  border-bottom: 2px solid #fff; }
		  #header .nav_custom .navToggle span:nth-child(1) {
			top: 50%;
			left: 50%;
			-webkit-transform: translate(-50%, -50%) rotate(-45deg);
			-moz-transform: translate(-50%, -50%) rotate(-45deg);
			transform: translate(-50%, -50%) rotate(-45deg); }
		  #header .nav_custom .navToggle span:nth-child(2) {
			top: 50%;
			left: 50%;
			-webkit-transform: translate(-50%, -50%) rotate(45deg);
			-moz-transform: translate(-50%, -50%) rotate(45deg);
			transform: translate(-50%, -50%) rotate(45deg);
		}
	}






@media (max-width:1360px) {
	.main01 .answer {max-width: 870px;width: 100%; margin: 0 auto;}
	.main01 .survey::after {display: none;}
}


@media (max-width:979px) {
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

common

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.details, .Details {width: 100%;margin: 0 auto;padding: 0 15px;}

/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

main01

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.main01 {padding-top: 30px;}
.main01 h1 {font-size: 1.51rem;line-height: 2.1rem;}
.main01 .suhead {font-size: 1.1rem;line-height: 1.7rem;margin-bottom: 15px;}
.main01 ul.list-pic {justify-content: space-around;}
.main01 ul.list-pic img {width: 100%; height: auto;}
.main01 .answer {margin: 30px auto; top: 0;}
.main01 .answer h4 {font-size: 1.3425rem;line-height: 2rem;margin-bottom: 10px;}
.main01 .survey {padding: 20px;}
.main01 .survey ol>li {font-size: 1.1rem;line-height: 1.7rem;}
.main01 .survey ol label {margin-right: 15px;}
.main01 .survey button {font-size: 1.2rem;}


.main01 .survey .survey-result h5 {font-size: 1.1rem;line-height: 1.7rem; }
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

main02

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.main02 {padding-top: 30px;}
.main02 h2 {margin: 30px 0 15px; font-size: 1.3425rem;line-height: 2rem;}
.main02 h2>img {display: block;margin: 0 auto;}
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

main03

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.main03 {padding: 30px 0;}
.main03 .flex {flex-wrap: wrap;}
.main03 .introduction {order: 1;padding-left: 0;}
.main03 .introduction .btn {margin: 10px 0;}
.main03 .introduction .btn a {width: 160px;  font-size: 14px;}
.main03 .vlogger-video {max-width: 630px;width: 100%;height: 0px;position: relative;padding-bottom: 56.25%;order: 2;}
.main03 .vlogger-video iframe {position:absolute; top:0; left:0; width:100%; height:100%;}
.main03 .vlogger-video img {position:absolute; top:0; left:0; width:100%; height:100%;}
.main03 .vs {flex: auto; margin: 10px;}
.main03 .vs .name {padding: 20px;}
.main03 .vs .name h3 {font-size: 1.2rem;line-height: 1.8rem;white-space: nowrap;}
.main03 .vs .name span {font-size: 17px;}  
.main03 .vs .name img {margin-right: 10px;}
.main03 .vs ul {padding: 20px;}
.main03 .warp2::before {display: none;}
.main03 .down-btn {margin-top: 30px;}
.main03 .down-btn a {font-size: 17px;}
.main03 .dji-btn {margin-top: 10px;}
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

main04

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.main04 {padding: 50px 0; background-color: #f8f8f8;                          padding: 30px 0;}
.main04 .box {border: 1px solid #d5d5d5; padding: 50px; text-align: center;                                 padding: 20px;}
.main04 .box h2 {font-size: 1.3425rem;line-height: 2rem;}
.main04 .box .text-email input {width: 100%;margin: 10px auto;}








}

@media (max-width:767px) {


}

@media (max-width:479px) {
	.rvc .p-wrapper {padding: 10px 15px;}

}