@charset "UTF-8";



html,

body,

div,

span,

applet,

object,

iframe,

h1,

h2,

h3,

h4,

h5,

h6,

p,

blockquote,

pre,

a,

abbr,

acronym,

address,

big,

cite,

code,

del,

dfn,

em,

img,

ins,

kbd,

q,

s,

samp,

small,

strike,

strong,

sub,

sup,

tt,

var,

b,

u,

i,

center,

dl,

dt,

dd,

ol,

ul,

li,

fieldset,

form,

label,

legend,

table,

caption,

tbody,

tfoot,

thead,

tr,

th,

td,

article,

aside,

canvas,

details,

embed,

figure,

figcaption,

footer,

header,

hgroup,

menu,

nav,

output,

ruby,

section,

summary,

time,

mark,

audio,

video {

	margin: 0;

	padding: 0;

	border: 0;

	font-size: 100%;

	vertical-align: baseline;

	font: inherit
}



article,

aside,

details,

figcaption,

figure,

footer,

header,

hgroup,

menu,

nav,

section {

	display: block
}



body {

	line-height: 1
}



ol,

ul {

	list-style: none
}





blockquote,

q {

	quotes: none
}



blockquote:before,

blockquote:after,

q:before,

q:after {

	content: '';

	content: none
}



table {

	border-collapse: collapse;

	border-spacing: 0
}



* {

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	-ms-box-sizing: border-box;

	-o-box-sizing: border-box
}





::selection {

	background-color: #0089e4;

	color: #fff;

	text-shadow: none
}



::-moz-selection {

	background-color: #0089e4;

	color: #fff;

	text-shadow: none
}



#top_ifram iframe {
	z-index: 999;
	overflow: visible;
	height: 340px;
	width: 100%;
	margin-bottom: -284px;
	border: 0 none;
	position: relative;
}



.ANT {

	-webkit-transition: all .4s;

	-moz-transition: all .4s;

	-ms-transition: all .4s;

	-o-transition: all .4s;

	transition: all .4s
}











/*------------- TEXT -------------*/









.TEXT {

	background-image: url(../images/bgc_2.webp);



	background-repeat: no-repeat;

	background-size: cover;

	background-position: right center;

	background-attachment: fixed;



	margin-top: -3px;





}





.detail {

	width: 400px;



}



.details {

	display: flex;

	flex-direction: column;

	align-items: center;

	justify-content: center;

	margin-bottom: 25px;

}



.detail_p {

	width: 100%;

	margin-top: 10px;

	font-weight: bold;

	font-size: 18px;

	letter-spacing: 2px;

	color: #4e5254;

	display: flex;

	align-items: center;



}









.detail_p p {

	color: #2b393b;

	letter-spacing: 2px;

	font-size: 20px;

	font-weight: bold;

	margin-left: 5px;

}











.pp img {

	width: 100%;



}









































.top_title img {

	width: 46vw;

}



.top_title {

	position: absolute;

	top: 14%;

	left: 7%;

	padding-top: 0%;

	padding-left: 0%;

	z-index: 3;

}





.word img {

	width: 21vw;

}



.word {

	position: absolute;

	top: 57%;

	left: 20%;

	padding-top: 0%;

	padding-left: 0%;

	z-index: 3;

}



.cta img {

	width: 16vw;

}



.cta {

	position: absolute;

	top: 67%;

	left: 23%;

	padding-top: 0%;

	padding-left: 0%;

	z-index: 3;

}



/* ==================== */





.mainCoverBox_1 {



	overflow: hidden;

	object-fit: cover;

	width: 100%;

	position: relative;



}







.mainCoverContainer_1 img {

	max-width: 100%;

	position: relative;

}





.mainCoverContainer_1 {

	width: 100%;

	position: relative;



}









.web {

	position: absolute;

	top: 13%;

	right: 3%;

	bottom: 0%;

	padding-top: 0%;

	padding-left: 0%;

	z-index: 3;









}



.web img {

	width: 48vw;



}











.ai_2 {

	position: absolute;

	top: 17%;

	left: 13%;

	padding-top: 0%;

	padding-left: 0%;

	z-index: 3;



}



.ai_2 img {

	width: 15vw;

}





.girl {

	position: absolute;

	bottom: 0;

	right: 13%;

	padding-top: 0%;

	padding-right: 0%;

	z-index: 3;



}



.girl img {

	width: 35vw;

}







.big {

	position: absolute;

	top: 26%;

	left: 53%;

	padding-top: 0;

	padding-left: 0;

	z-index: 1;

	animation: slide 3s linear infinite;







}



.big img {

	width: 7vw;



}





.medium {

	position: absolute;

	top: 6%;

	right: 22.5%;

	padding-top: 0;

	padding-left: 0;

	z-index: 1;

	animation: slide 3s linear infinite;







}



.medium img {

	width: 6vw;



}







.small {

	position: absolute;

	top: 29%;

	right: 3%;

	padding-top: 0;

	padding-left: 0;

	z-index: 1;

	animation: slide 3s linear infinite;







}



.small img {

	width: 5vw;



}







.mini_title {

	position: absolute;

	bottom: 29%;

	left: 14%;

	padding-top: 0;

	padding-left: 0;

	z-index: 3;



}



.mini_title img {

	width: 31vw;

}







.text_1 {

	position: absolute;

	top: 0;

	left: 0;

	padding-top: 0%;

	padding-left: 0%;

	z-index: 3;



}



.text_1 img {

	width: 16vw;

}





.text_2 {

	position: absolute;

	top: 0;

	left: 0;

	padding-top: 0%;

	padding-left: 0%;

	z-index: 3;



}



.text_2 img {

	width: 14vw;

}





.text_3 {

	position: absolute;

	top: 0;

	right: 0;

	padding-top: 0%;

	padding-right: 0%;

	z-index: 3;



}



.text_3 img {

	width: 11vw;

}





.text_4 {

	position: absolute;

	top: 0;

	right: 0;

	padding-top: 0%;

	padding-right: 0%;

	z-index: 3;



}



.text_4 img {

	width: 12vw;

}





.over {

	overflow: hidden;

}





/*------------- CONTENT1 -------------*/







.CONTENT1 {

	/* background: url(../images/bgc_3.webp) no-repeat fixed; */

	background-position: right center;

	padding: 80px 0;

	background-size: cover;



}



.pc_1 {

	display: inline-block;

	width: 100%;

	margin: 0 auto;

	display: flex;

	align-items: center;

	justify-content: center;

}



.pc_1 img {

	width: 70%;

}







.ph_1 {

	display: none;

}







.CONTENT1 h2 {

	text-align: center;

	line-height: 1.5;

	letter-spacing: 2px;

}



.designn {

	margin-top: 30px !important;

}



.design {

	width: 70%;

	border-top: solid 40px #ff8fbd;

	border-bottom: solid 2px #ff8fbd;

	border-left: solid 2px #ff8fbd;

	border-right: solid 2px #ff8fbd;

	background-color: white;

	padding: 10px 20px 20px 20px;

	box-shadow: 5px 5px 0px #ff8fbd;

	border-radius: 29px;

	margin-top: 70px;

	margin-bottom: 80px;

}



.design_1 {

	width: 70%;

	border-top: solid 40px #245b9e;

	border-bottom: solid 2px #245b9e;

	border-left: solid 2px #245b9e;

	border-right: solid 2px #245b9e;

	background-color: white;

	padding: 10px 20px 20px 20px;

	box-shadow: 5px 5px 0px #245b9e;

	border-radius: 29px;

	margin-top: 70px;

	margin-bottom: 80px;

}



.bgcdot {

	margin-top: -38px;

	text-align: right;

}



.bgcdot span {

	width: 12px;

	height: 12px;

	border-radius: 50%;

	margin: 3px;

	display: inline-block;

	background-color: #fff;

}



.word {

	margin: 15px 0;



}



.CONTENT1 .word h1 {

	color: #ffffff;

	background-color: #ff8fbd;

	font-size: 30px;

	padding: 5px;

	font-weight: bolder;

	letter-spacing: 2px;

	line-height: 1.2;

	border: solid 2px #ff8fbd;

	margin: 10px 10px 10px 0;

	border-radius: 5px;

}



.CONTENT1 .word p {

	color: #ff8fbd;

	font-size: 27px;

	margin-bottom: 10px;

	font-weight: bolder;

	letter-spacing: 2px;

}



.CONTENT1 .word span {

	color: #f8b62d;

	font-size: 21px;

	margin-bottom: 10px;

	font-weight: 600;

	letter-spacing: 2px;

	word-break: break-all;

}



.CONTENT2 {

	background-color: #d7eafc;

	padding: 80px 0;





}





.form_box {

	display: flex;

	align-items: center;

	justify-content: space-around;

}



.form_1 {

	width: 55%;

}



.form {

	width: 45%;

	margin: 10px;



}





.form h1 {

	font-size: 28px;

	text-align: justify;

	color: white;

	letter-spacing: 1.3px;

	font-weight: bold;

	margin-bottom: 20px;

}





.form p {

	font-size: 20px;

	text-align: justify;

	color: white;

	letter-spacing: 1.3px;

	font-weight: bold;

	line-height: 1.5;

	margin-bottom: 20px;

}





.form_1 img {

	width: 100%;

}



.form img {

	width: 100%;

}





.swiper {

	width: 100%;

	height: 100%;

}



.swiper-slide {

	text-align: center;

	font-size: 18px;

	display: flex;

	justify-content: center;

	align-items: center;

}



.swiper-slide img {

	display: block;

	width: 100%;

	height: 100%;

	object-fit: cover;

}



.swiper-pagination {

	position: relative !important;

	top: 30px !important;

}



.img_icon {

	width: 70%;

	margin: 0 auto;

}



.swiper-pagination-bullet-active {

	background-color: white !important;

}



.img_icon img {

	width: 100%;

	padding: 10px;

	background-color: white;

}



.mySwiper {

	margin-top: 40px;

}



.card_logo {

	position: relative;

}



.card_logo_img {

	display: flex;

	align-items: center;

	justify-content: center;

	flex-direction: column;

	margin: 10px;

	line-height: 1.3;

}



.card_logo_img h4 {

	margin-top: 15px;

	font-size: 19px;

	font-weight: bold;

	color: #152e59;

	position: relative;

	display: inline-block;

	z-index: 1;

	padding: 0 3px;

	background-color: #00ffff;



}







.card_logo_img p {

	text-align: center;

	font-size: 21px;

	font-weight: bold;

	margin-top: 4px;

	color: white;

}



.card_2 {

	position: relative;

	display: flex;

	flex-direction: column;

	justify-content: center;

	align-items: center;

	line-height: 1.5;

}



.card_1 svg {

	position: absolute;

	transform: translate(-39%, 1%);

	top: 50%;

	left: 50%;

}



.card_1 h1 {

	text-align: center;

	color: #333333;

	font-size: 27px;

	letter-spacing: 1.2px;

	font-weight: bold;

	line-height: 1.4;

}



.class {

	display: flex;

	align-items: flex-start;

	justify-content: center;

	margin-top: 30px;



}



.blue_1_world {

	padding: 2px 20px 20px 20px;



}





.blue_1_title h1 {

	background-color: #0b6196;

	color: white;

	letter-spacing: 2px;

	font-size: 23px;

	font-weight: bold;

	text-align: center;

	padding: 13px;

	margin-bottom: 10px;

	border-radius: 13px 13px 0 0;

}





.blue_1_world p {

	font-size: 20px;

	font-weight: bold;

	margin-top: 20px;

	position: relative;

	padding-left: 18px;

	line-height: 1.2;

}



.blue_1_world ul {

	padding-left: 43px;

	margin-top: 10px;

	line-height: 1.2;

}



.blue_1_world li {

	list-style: disc;

	color: #3a3a3a;

	font-weight: bold;

	margin-top: 5px;



}



.blue_1_world p::after {

	content: '';

	background-image: url(../images/star.png);

	background-size: contain;

	background-repeat: no-repeat;

	width: 25px;

	height: 25px;

	display: inline-block;

	margin-left: 10px;

	position: absolute;

	top: -3px;

	left: -21px;



}



.blue_1 {

	width: 24%;

}



.blue_2 {

	width: 38%;

}



.second {

	width: 50%;

	padding: 0 10px;

}



.second+.second {

	border-left: dashed 1px #3a3a3a;

	padding-left: 25px;

}



.blue_2_world {

	padding: 0 10px 10px 10px;



}





.blue_2_title h1 {

	background-color: #2484bf;

	color: white;

	letter-spacing: 2px;

	font-size: 23px;

	font-weight: bold;

	text-align: center;

	padding: 13px;

	margin-bottom: 10px;

	border-radius: 13px 13px 0 0;

}





.blue_2_world p {

	font-size: 20px;

	font-weight: bold;

	margin-top: 20px;

	position: relative;

	padding-left: 18px;

	line-height: 1.2;

}



.blue_2_world ul {

	padding-left: 43px;

	margin-top: 10px;

	line-height: 1.2;

}



.blue_2_world li {

	list-style: disc;

	color: #3a3a3a;

	font-weight: bold;

	margin-top: 5px;



}



.blue_2_world p::after {

	content: '';

	background-image: url(../images/star.png);

	background-size: contain;

	background-repeat: no-repeat;

	width: 25px;

	height: 25px;

	display: inline-block;

	margin-left: 10px;

	position: absolute;

	top: -3px;

	left: -21px;



}



.blue_3 {

	width: 38%;

}







.blue_3_world {

	padding: 0 10px 10px 10px;



}



.blue_3_world {

	display: flex;

	justify-content: center;

}





.blue_3_title h1 {

	background-color: #41a7d6;

	color: white;

	letter-spacing: 2px;

	font-size: 23px;

	font-weight: bold;

	text-align: center;

	padding: 13px;

	margin-bottom: 10px;

	border-radius: 13px 13px 0 0;

}





.blue_3_world p {

	font-size: 20px;

	font-weight: bold;

	margin-top: 20px;

	position: relative;

	padding-left: 18px;

	line-height: 1.2;

}



.blue_3_world ul {

	padding-left: 43px;

	margin-top: 10px;

	line-height: 1.2;

}



.blue_3_world li {

	list-style: disc;

	color: #3a3a3a;

	font-weight: bold;

	margin-top: 5px;



}



.blue_3_world p::after {

	content: '';

	background-image: url(../images/star.png);

	background-size: contain;

	background-repeat: no-repeat;

	width: 25px;

	height: 25px;

	display: inline-block;

	margin-left: 10px;

	position: absolute;

	top: -3px;

	left: -21px;



}





.blue_1,

.blue_2,

.blue_3 {

	border-radius: 13px 13px 0 0;

	margin: 5px;

	background-color: #fff;

	min-height: 630px;

	border-radius: 13px 13px 13px 13px;

}



.second {

	min-height: 410px;

}



.blue_2_world {

	display: flex;

	justify-content: center;

}



.pc_2 {

	display: flex;

	align-items: center;

	justify-content: center;

}





.pc_2 img {

	width: 40%;

}



.pc_3 {

	display: flex;

	align-items: center;

	justify-content: center;

}





.pc_3 img {

	width: 68%;

}



.ph_3 {

	display: none;

}



.pc_4 {

	display: flex;

	align-items: center;

	justify-content: center;

}



.pc_4 img {

	width: 47%;

}



.big_form {

	width: 80%;

	margin: 30px auto;



	box-shadow: 0px 0px 10px #3a3a3ac2;

	border-radius: 15px;





}



.big_form table {

	border-collapse: collapse;

	font-family: sans-serif;

	font-size: 18px;

	letter-spacing: 1px;

	width: 100%;

	background-color: #fff;

	border-radius: 15px;

	overflow: hidden;

	box-shadow: 0px 0px 10px #3a3a3ac2;

	scrollbar-width: none;

	color: #4d4d4d;

}



.big_form ul {

	padding-left: 43px;

}



.big_form li {

	margin-bottom: 8px;

	text-align: left;

	list-style: disc;



}





.big_form li::marker {

	color: #4d4d4d !important;

}









.big_form table {



	line-height: 1.2;

}



.big_form thead th {

	font-size: 18px;

}



.big_form th,

.big_form td {

	padding: 12px 12px;

	text-align: left;

	vertical-align: middle;



}





.big_form thead,

.big_form tfoot {

	background-color: #245b9e;

	color: white;

	text-align: center;

}







.big_form th,

.big_form td {

	padding: 15px;

	text-align: center;





}



.big_form td {



	border-radius: 15px;



}



.big_form td:last-of-type {

	text-align: center;

	/* border-left: 1px  dashed #245b9eb6;	 */

}



.big_form tr {



	border-bottom: 1px dashed #245b9eb6;

}



.big_form tr:last-of-type {



	border-bottom: none !important;

}





.big_form td:first-of-type {



	border-right: 1px dashed #245b9eb6;

}



tr:last-child td:first-child {

	border-bottom-left-radius: 10px;



}



tr:last-child td:last-child {

	border-bottom-right-radius: 10px;

}







.big_form tfoot th {

	text-align: right;

}



.big_form tfoot td {

	font-weight: bold;

}







.table_p p {

	display: none;

}





.CONTENT2 .word h1 {

	color: #ffffff !important;

	background-color: #245b9e;

	font-size: 30px;

	padding: 5px;

	font-weight: bolder;

	letter-spacing: 2px;

	line-height: 1.2;

	border: solid 2px #245b9e;

	margin: 10px 10px 10px 0;

	border-radius: 5px;

}







.CONTENT2 .word p {

	color: #245b9e !important;

	font-size: 27px;

	margin-bottom: 10px;

	font-weight: bolder;

	letter-spacing: 2px;



}



.CONTENT2 .word span {

	color: #f8b62d !important;

	font-size: 21px;

	margin-bottom: 10px;

	font-weight: 600;

	letter-spacing: 2px;

}







.word {

	display: flex;

	align-items: center;

}





/*------------- CONTENT3 -------------*/





.form_box br {

	display: none;

}



.transparent_5 br {

	display: none;

}







.CONTENT3 {

	/* background: url(../images/bgc_5.webp) no-repeat fixed; */

	background-position: right center;

	padding: 80px 0;

	background-size: cover;



}





/*------------- CONTENT4 -------------*/







.CONTENT4 {

	background-color: #fff;

	padding: 80px 0;



}





/*------------- CONTENT5 -------------*/







.CONTENT5 {

	/* background: url(../images/bgc_6.webp) no-repeat fixed; */

	background-position: right center;

	padding: 80px 0;

	background-size: cover;



}





/*------------- CONTENT6 -------------*/







.CONTENT6 {

	background: url(../images/bgc_7.webp) no-repeat;

	background-position: right center;

	padding: 80px 0;

	background-size: cover;



}





/*------------- CONTENT7 -------------*/







.CONTENT7 {

	background: url(../images/bgc_8.webp) no-repeat;

	background-position: right center;

	padding: 80px 0 0 0;

	background-size: cover;



}







/*------------- CONTENT7 -------------*/







.CONTENT8 {

	background: url(../images/bgc_9.webp) no-repeat;

	background-position: right center;

	padding: 80px 0;

	background-size: cover;



}



.fire_girl {

	width: 100%;

	display: flex;

	align-items: center;

	justify-content: center;

	margin-top: 50px;

}



.fire_girl img {

	width: 65%;

}







.card_1 {

	margin-top: 20px;

}



.card_1 p+p {

	margin-top: 10px;



}









.form_box {

	display: flex;

	align-items: center;

	justify-content: center;

	margin-top: 80px;

}



.form_box_img {

	width: 40%;

}



.form_box_img img {

	width: 100%;

}



.form_box_form {

	width: 40%;

}



.form_box_form img {

	width: 100%;

}



.form_box_form p {

	color: white;

	text-align: left;

	letter-spacing: 1.5px;

	font-size: 16px;

	font-weight: bold;

}



.card_1 p {

	text-align: center;

	color: #245b9e;

	letter-spacing: 1.2px;

	font-weight: bold;

	font-size: 22px;

}





.table_pp {

	display: flex;

	align-items: center;

	justify-content: center;

	justify-content: center;

	margin: 10px;

	line-height: 1.2;

}



.table_pp p {

	white-space: nowrap;

	color: white;

	font-weight: bold;

	font-size: 15px;

}





.table_pp span {

	white-space: nowrap;

	font-size: 15px;

	color: white;

	font-weight: bold;

}



.t1 {

	background-color: #ffc61b;

	color: #245b9e;

	font-size: 25px;

	margin: 0 auto;

	padding-top: 15px;

	padding-bottom: 15px;

	display: block;

	position: relative;

	text-align: center;

}



.frame_list_2 span {

	min-height: auto !important;

}



.t2 {

	background-color: #37dcff;

	color: #245b9e;

	font-size: 25px;

	margin: 0 auto;

	padding-top: 15px;

	padding-bottom: 15px;

	display: block;

	position: relative;

	text-align: center;

}



.course_frame {

	width: 100%;

	padding: 15px;

	padding-bottom: 10%;

	margin: 0 auto;

}



.course_frame ul {

	margin-left: 20px;

}



.course_frame ul li {

	list-style-type: square;

	color: #245b9e;

	font-size: 15px;

	line-height: 1.3;

	margin-bottom: 10px;

}



.t3 {

	color: #245b9e;

	font-size: 15px;

	margin: 0 auto;

	display: block;

	margin-bottom: 10px;

}



.title h1 {

	display: none;

}



.title {

	display: flex;

	justify-content: flex-start;

	border-bottom: solid 1px #245b9e;

	border-radius: 0 0 0 30px;

	position: relative;

	margin-left: 30px;

	margin-bottom: 15px;

}





.title h2::before {

	content: '';

	position: absolute;

	width: 10px;

	height: 10px;

	background-color: #245b9e;

	border-radius: 51px;

	right: 0;

	bottom: -5px;



}



.title h2 {

	background-color: #245b9e;

	padding: 15px 30px;

	display: inline-block;

	font-size: 25px;

	color: white;

	font-weight: bold;

	letter-spacing: 1.2px;

	border-radius: 51px;





}







.title_1 {

	display: flex;

	justify-content: flex-start;

	border-bottom: solid 1px #57fffc;

	position: relative;

	margin-top: 30px;

	margin-bottom: 30px;

}





.title_1 h2::before {

	content: '';

	position: absolute;

	width: 10px;

	height: 10px;

	background-color: #57fffc;

	right: 0;

	bottom: -5px;

	border-radius: 51px;



}



.title_1 h2 {

	background-color: #57fffc;

	padding: 15px 30px;

	display: inline-block;

	font-size: 25px;

	color: #245b9e;

	font-weight: bold;

	letter-spacing: 1.2px;

	border-radius: 51px;





}



.title_2 {

	display: flex;

	justify-content: flex-start;

	border-bottom: solid 1px #245b9e;

	position: relative;

	margin-top: 30px;

	margin-bottom: 30px;

}





.title_2 h2::before {

	content: '';

	position: absolute;

	width: 10px;

	height: 10px;

	background-color: #245b9e;

	right: 0;

	bottom: -5px;

	border-radius: 51px;



}





.title_2 h2 {

	background-color: #245b9e;

	padding: 15px 30px;

	display: inline-block;

	font-size: 25px;

	color: white;

	font-weight: bold;

	letter-spacing: 1.2px;

	border-radius: 51px;

}







.white_card_1 {

	width: 33%;

	margin: 8px;

	border-top: solid 15px #245b9e !important;

	box-shadow: 0 0 5px #3a3a3a;

	border-radius: 0 0 25px 25px;

	padding: 15px;

	background-color: white;

}





.white_card_1 h1 {

	font-size: 23px;

	letter-spacing: 1.2px;

	color: #245b9e;

	margin-bottom: 10px;

	font-weight: bold;

}



.white_card_1 span {

	font-size: 17px;

	letter-spacing: 1.2px;

	color: #222222;

	margin-bottom: 10px;

	font-weight: bold;

}



.white_card_1 hr {

	border-top: 1px solid #222222 !important;

}



.white_card_1 ul {

	padding-left: 43px;

}





.card_white_word p {

	font-size: 20px;

}



.white_card_1 ul li {

	font-size: 16px;

	color: #4d4d4d;

	font-weight: bold;

	margin-bottom: 10px;

	line-height: 1.3;

}





.white_card_1 p {

	color: #245b9e;

	font-size: 20px;

	letter-spacing: 1.3px;

	font-weight: bold;

	position: relative;

	z-index: 99;

	text-align: center;

	margin-top: 40px;

}





.white_card_1 li {

	list-style: disc;

}



.white_card_1 p span {

	font-size: 25px;

	color: #245b9e;

}





.white_card_1 p::after {

	content: '';

	width: 100%;

	height: 10px;

	position: absolute;

	bottom: 0;

	left: 0;

	z-index: -1;

	background-color: #ffe731;

}



.yellow_card {

	width: 100%;

	background-color: #ffdc40;





}



.yellow_card .trophy {

	width: 10.5%;

}





.yellow_card .trophy img {

	width: 100%;

}





.yellow_card .Merit {

	width: 12.5%;

}





.yellow_card .Merit img {

	width: 100%;

}



.yellow_card .yellow_word {



	width: 40%;

	padding-left: 30px;

	border-left: solid 5px #cb0000;

}





.yellow_card .yellow_word p {

	color: #222222;

	font-size: 18px;

	letter-spacing: 1px;

	line-height: 1.5;

	font-weight: bold;

}





.yellow_card .yellow_word span {

	color: #245b9e;

	font-size: 18px;

	letter-spacing: 1px;

	font-weight: bold;



}





.yellow_card .content {

	display: flex;

	flex-direction: row-reverse;

}



.yellow_card_1 {

	display: none;

}



.KV_picture {

	background-color: #ffffff;

}



.KV_picture img {

	vertical-align: middle;
    width: 100%;
    max-width: 100%;

}



/* 

.card p{

	text-align: center;

	color: #245b9e;

	letter-spacing: 1.2px;

	margin-top: 20px;

	font-weight: bold;

	font-size: 22px;

	margin-top: 0;

} */









.card_2 p {

	text-align: center;

	color: white;

	letter-spacing: 1.2px;

	margin-top: 20px;

	font-weight: bold;

	font-size: 25px;

	margin-top: 0;

}



.card h3 {

	text-align: center;

	color: white;

	letter-spacing: 1.2px;

	margin-top: 25px;

	font-weight: bold;

	font-size: 32px;

	margin-top: 0;

}



.card_2 span {

	color: #fef045;

	letter-spacing: 1.2px;

	font-size: 35px;

	font-weight: bold;

}



.card_bigbox {

	display: flex;

	align-items: center;

	justify-content: space-evenly;







}



.card_white {

	width: 30%;

	margin: 12px;

}





.card_white_img {

	width: 100%;

}



.card_white_img img {

	width: 100%;

	vertical-align: middle;

}



.card_white_word {

	background-color: #fff;

	text-align: center;

	padding: 10px;

}



.card_white_word h1 {

	font-size: 23px;

	margin-bottom: 8px;

	color: #061944;

	font-weight: bold;

}



.card br {

	display: none;

}



.card_white_word p {

	font-size: 18px;

	font-weight: bold;

	letter-spacing: 1.5px;

}



.card_white_box {

	display: flex;

	align-items: center;

	justify-content: center;

	flex-wrap: wrap;

	margin-top: 15px;

}



.card_box {

	background-color: #fff;

	margin: 15px;

	padding: 15px;

	width: 45%;

	min-height: 450px;

	min-height: 550px;



}







.card_box_p_1 {

	display: flex;

}



.notice_bigbox {

	display: flex;

	align-items: center;

	justify-content: center;

	margin-top: 30px;

	flex-wrap: wrap;

	width: 100%;

	margin-bottom: 30px;

}





.notice_box {

	width: 43%;

	display: flex;

	border: solid 2px white;

	align-items: center;

	justify-content: center;





	overflow: hidden;

	margin: 10px;



}



.notice_img {

	width: 30%;



	padding: 10px;



}





.notice_img img {

	width: 100%;

}



.notice_box p {

	color: #fef045;

	font-size: 23px;

	letter-spacing: 1.2px;

	font-weight: bold;

	margin-bottom: 10px;



}





.notice_word {

	padding: 10px 10px 10px 20px;

}



.notice_box ul {

	padding-left: 22px;

	color: white;



}





.notice_box li {

	list-style: disc;

	line-height: 1.3;

	font-weight: bold;



}





.pc_1 p {

	display: none;

}



.pc_1 h2 {

	display: none;

}



.pc_2 h2 {

	display: none;

}



.pc_3 h2 {

	display: none;

}



.pc_4 h2 {

	display: none;

}





.card_box_img {

	width: 100%;

	display: flex;

	justify-content: center;

	align-items: center;



}





.card_box_img img {

	width: 80%;

	padding-bottom: 10px;

}



.card_box_p {

	width: 100%;

	border-radius: 0 0 13px 13px;

	text-align: left;

	line-height: 1.5;



}



.card_box_p h3 {

	font-size: 18px;

	color: #2eb3ff;

	letter-spacing: 1.2px;

	font-weight: bold;

	text-align: left;

	white-space: nowrap;

}





.card_box_p+.card_box_p {

	margin-top: 10px;

}





.card_box_p p {

	font-size: 16px;

	color: #333333;

	letter-spacing: 1.2px;

	font-weight: bold;

	text-align: left;

}





.blue_card {

	display: flex;

	justify-content: center;

	align-items: flex-start;

}



.white_card {

	width: 33%;

	margin: 8px;

	border-top: solid 15px #57fffc;

	box-shadow: 0 0 5px #3a3a3a;

	border-radius: 0 0 25px 25px;

	padding: 15px;

	background-color: white;





}



.white_card h1 {

	font-size: 23px;

	letter-spacing: 1.2px;

	color: #245b9e;

	margin-bottom: 10px;

	font-weight: bold
}



.white_card span {

	font-size: 17px;

	letter-spacing: 1.2px;

	color: #222222;

	margin-bottom: 10px;

	font-weight: bold
}



.white_card ul li {

	font-size: 16px;

	color: #4d4d4d;

	font-weight: bold;

	margin-bottom: 10px;

	line-height: 1.3;



}



li::marker {

	color: #323242;

	/* 改變小圓點的顏色 */

}



.white_card p {

	color: #245b9e;

	font-size: 20px;

	letter-spacing: 1.3px;

	font-weight: bold;

	position: relative;

	z-index: 99;

	text-align: center;

	margin-top: 40px;



}



.table_p span {

	display: none;

}





.white_card ul {

	padding-left: 43px;



}



.white_card li {

	list-style: disc;



}



.white_card p span {

	font-size: 25px;

	color: #245b9e;

}



.white_card p::after {

	content: '';

	width: 100%;

	height: 10px;

	position: absolute;

	bottom: 0;

	left: 0;

	z-index: -1;

	background-color: #ffe731;





}



.white_card hr {

	border-top: 1px solid #222222 !important;

}









.card_logo {

	display: flex;

	justify-content: center;

	align-items: center;

	flex-wrap: wrap;

	margin-top: 50px;



}





.card_logo_img {

	width: 22%;

	margin-top: 20px;

	border: solid 2px white;

	padding: 10px;

	min-height: 250px;

}



.card_logo_img img {

	width: 80%;

}







.btn_bb {

	width: 70%;

	display: flex;

	align-items: center;

	justify-content: end;

	position: fixed;

	bottom: 25px;

	right: 20px;

	z-index: 99;





}



.btn_bb img {

	width: 8%;

	cursor: pointer;



}





.card_box_big {

	display: flex;

	justify-content: center;

	align-items: center;

	flex-wrap: wrap;

	margin-top: 20px;



}



.card_box_img_1 img {

	width: 100%;

	border-radius: 13px 13px 0 0;

	vertical-align: bottom;

	margin-bottom: 10px;

}







.card_box_p_1 p {

	font-weight: bold;

}











/*------------- FORM_BLOCK -------------*/




h3 {

	font-size: 25px;

	color: #1971db;

	line-height: 1.3;

	text-align: center;

	font-weight: 200;

}



h3 span {

	font-weight: 700;

}



.h3 {

	font-size: 28px;

	text-align: center;

	color: #e50921;

	margin-top: 5px;

	font-weight: 700;

	-webkit-animation: discolor 1s infinite;

	-moz-animation: discolor 1s infinite;

	-ms-animation: discolor 1s infinite;

	-o-animation: discolor 1s infinite;

	animation: discolor 1s infinite;

}



.tips {

	font-size: 25px;

	color: #1971db;

	line-height: 1.3;

	text-align: center;

	font-weight: 200;



}



.tips span {

	font-weight: 700;

}





@-webkit-keyframes discolor {



	0%,

	50% {

		color: #e50921;

	}



	51%,

	100% {

		color: #1971db;

	}

}



@-moz-keyframes discolor {



	0%,

	50% {

		color: #e50921;

	}



	51%,

	100% {

		color: #1971db;

	}

}



@-o-keyframes discolor {



	0%,

	50% {

		color: #e50921;

	}



	51%,

	100% {

		color: #1971db;

	}

}



@keyframes discolor {



	0%,

	50% {

		color: #e50921;

	}



	51%,

	100% {

		color: #1971db;

	}

}



.CARD {

	display: block;

	width: 100%;

	max-width: 415px;

	margin: 0 auto;

	margin-top: 15px;

}



.CARD img {

	width: 100%;

	height: auto;

}



/*------------表單------------*/

#FORM {

	width: 100%;

	height: auto;

	margin: 0 auto;

	margin-top: 30px;

}



#FORM #NAME {

	width: 100%;
	;

	height: auto;

	float: left;

	margin-right: 20px;



}



#FORM #PHONE {

	width: 100%;

	height: auto;

	float: left;



}



#FORM #EMAIL,

#FORM #LINE,

#FORM #CLASS,

#FORM #GIFT {

	width: 100%;

	height: auto;



}



#FORM #Dept {

	margin: 0px 0px 20px 0px;

	width: 100%;

	height: 35px;

}



#FORM #CITY {

	width: 48%;

	height: auto;

	float: left;

	margin-right: 20px;



}



#ddl_city_no {

	width: 100%;

	appearance: none;
	/* 隱藏瀏覽器預設箭頭 */
	background-image: none;
	/* 移除先前用 CSS 加上的箭頭 */

	height: 45px;



}



#FORM #SCHOOL {

	width: 48%;

	height: auto;

	float: left;



}



#ddl_area_no {

	width: 100%;
	appearance: none;
	/* 隱藏瀏覽器預設箭頭 */
	background-image: none;
	/* 移除先前用 CSS 加上的箭頭 */
	height: 45px;





}



#READ {

	width: 100%;

	font-size: 16px;

	display: block;

	float: left;

	margin-top: 2%;

	margin-right: 10px;

	color: white;

	line-height: 20px;

	text-align: center;

	display: flex;

	align-items: center;

	justify-content: center;

	margin-bottom: 15px;

}



#READ .searchtext2 {

	min-width: 20px;

	min-height: 20px;

	border: 1px solid #1971db;

	background-color: #FFF;

	vertical-align: text-bottom;

}



#FORM #BUT {

	float: left;

	width: 100%;

	height: auto;

	margin: 10px auto;

	display: flex;

	align-items: center;

	justify-content: center;

}



.A {

	display: block;

	width: 100%;

	height: 46px;

	padding: 0 16px;

	border: 1px solid #6370ad;

	border-radius: 999px;

	background-color: #fff;

	box-shadow: 1px 2px 3px rgb(48 63 133 / 25%);

	color: #485797;

	font: inherit;

	font-size: 16px;

	outline: none;

	transition: border-color 0.2s, box-shadow 0.2s;

	margin-bottom: 15px;

}







.B {

	display: flex;

	align-items: center;

	justify-content: center;

	width: 64%;

	margin: 0 auto;

	min-height: 42px;

	margin: 0;

	padding: 8px 20px;

	border: 0;

	border-radius: 999px;

	background: linear-gradient(135deg,

			#343ba9 0%,

			#2d389b 60%,

			#8a7eff 100%);

	box-shadow: 0 3px 2px rgb(66 64 155 / 20%);

	color: #fff;

	font: inherit;

	font-size: 18px;

	font-weight: 700;

	line-height: 1.4;

	text-align: center;

	cursor: pointer;

	transition: filter 0.2s, transform 0.2s;









}







.B_2 {

	width: 120px;



	display: block;

	margin: 0 auto;

	font-size: 20px;

	text-align: center;

	letter-spacing: 2;

	color: #222222;

	text-decoration: none;



	line-height: 1.2;

	cursor: pointer;

	font-weight: bold;

	display: flex;

	justify-content: center;

	align-items: center;









}





.B_2 img {

	width: 100%;



}



.fixed {

	position: fixed;

	right: 20px;

	bottom: 10px;

	z-index: 100;



}



.fixed:hover {

	transform: scale(1.1);

}





/*------------- CONTENT1-1 -------------*/





/* AI 初階課程專用樣式。所有規則限制於 .ai-course-page，避免影響主站。 */

.ai-course-page {

	--ai-green: #037a5d;

	--ai-navy: #13234a;

	--ai-purple: #7450dc;

	--ai-line: #dcd9ff;

	color: var(--ai-navy);

	font-family: "Noto Sans TC", "Microsoft JhengHei", sans-serif;

	font-size: 15px;

	line-height: 1.75;

	background: #f8fbff url("../images/background.png") center top / 100% 100% no-repeat;

	padding: 64px 0 30px;

	isolation: isolate;

}



.ai-course-page *,

.ai-course-page *::before,

.ai-course-page *::after {

	box-sizing: border-box;

}



.ai-course-page .ai-container {

	max-width: 1120px;

	padding-inline: 24px;

	margin-inline: auto;

}



.ai-course-page .ai-heading {

	text-align: center;

	margin-bottom: 44px;

}



.ai-course-page .ai-heading h1,

.ai-course-page .ai-heading h2 {

	color: #102e35;

	font-size: clamp(24px, 2.8vw, 36px);

	font-weight: 800;

	line-height: 1.5;

	margin: 0 0 6px;

	letter-spacing: .025em;

}



.ai-course-page .ai-heading span {

	color: var(--ai-green);

}



.ai-course-page .ai-heading p {

	margin: 0;

	color: #18323b;

	font-size: 21px;

	font-weight: 600;

}



.ai-course-page .ai-course-card {

	height: 100%;

	padding: 12px 10px;

	border-radius: 22px;



	display: flex;

	flex-direction: column;

}



.ai-course-page .ai-card-intro {

	text-align: center;

	min-height: 158px;

}



.ai-course-page .ai-tag {

	display: inline-block;

	padding: 3px 19px;

	margin-bottom: 12px;

	background: #efe6ff;

	border-radius: 30px;

	color: #3a2488;

	font-weight: 700;

	font-size: 18px;

}



.ai-course-page .ai-title {

	margin: 0 0 3px;

	font-size: 24px;

	font-weight: 700;

	line-height: 1.4;

	letter-spacing: .02em;

}



.ai-course-page .ai-subtitle {

	margin: 0 0 8px;

	color: var(--ai-purple);

	font-weight: 700;

	font-size: 18px;

	line-height: 1.5;

}



.ai-course-page .ai-keywords {

	margin: 0;

	color: #30333b;

	font-size: 15px;

	line-height: 1.5;

}



.ai-course-page .ai-photo {

	width: 100%;

	height: auto;

	aspect-ratio: 16 / 9;

	object-fit: cover;

	border-radius: 10px;

	display: block;

	margin: 12px 0 16px;

}



.ai-course-page .ai-list {

	list-style: none;

	padding: 0;

	margin: 0 0 18px;

	flex: 1;

}



.ai-course-page .ai-list li {

	position: relative;

	padding-left: 19px;

	margin-bottom: 7px;

	font-size: 15px;

	line-height: 1.65;

	overflow-wrap: anywhere;

}



.ai-course-page .ai-list li::before {

	content: "✓";

	position: absolute;

	left: 0;

	top: 6px;

	display: grid;

	place-items: center;

	width: 12px;

	height: 12px;

	border-radius: 50%;

	background: var(--ai-green);

	color: white;

	font-size: 9px;

	font-weight: 800;

	line-height: 1;

}



.ai-course-page .ai-detail {

	border-top: 1px solid #a79aff;

	padding-top: 10px;

	margin-top: 10px;

}



.ai-course-page .ai-detail h3 {

	display: flex;

	align-items: center;

	gap: 6px;

	margin: 0 0 5px;

	color: #4c42ca;

	font-size: 15px;

	font-weight: 700;

}



.ai-course-page .ai-detail svg {

	width: 17px;

	height: 17px;

	fill: currentColor;

	flex: 0 0 auto;

}



.ai-course-page .ai-detail p {

	margin: 0;

	font-size: 15px;

	line-height: 1.7;

	overflow-wrap: anywhere;

}



.ai-course-page .ai-tools {

	padding: 6px 8px;

	background: #eaf2ff;

	border-radius: 4px;

}



.ai-course-page .ai-benefits {

	padding-top: 90px;

}



.ai-course-page .ai-benefits .ai-heading {

	margin-bottom: 38px;

}



.ai-course-page .ai-benefit-card {

	height: 100%;

	padding: 25px 18px 24px;

	border-radius: 20px;

	background: rgb(255 255 255 / 80%);

	box-shadow: 0 3px 5px #8e90dc30;

}



.ai-course-page .ai-icon {

	width: 90px;

	height: 90px;

	border-radius: 50%;

	background: #f1eeff;

	display: grid;

	place-items: center;

	margin: 0 auto 15px;

}



.ai-course-page .ai-icon img {

	width: 80px;

	height: 80px;

	object-fit: contain;

}



.ai-course-page .ai-benefit-card h3 {

	text-align: center;

	font-size: 18px;

	font-weight: 700;

	margin: 0 0 10px;

}



.ai-course-page .ai-benefit-card p {

	font-size: 15px;

	line-height: 1.75;

	margin: 0;

}



.ai-course-page .ai-closing {

	text-align: center;

	padding: 84px 0 42px;

	display: flex;

	flex-direction: column;

	align-items: center;

}







.ai-course-form .ai-closing h1 {

	color: #102e35;

	font-size: clamp(24px, 2.8vw, 36px);

	font-weight: 800;

	line-height: 1.5;

	margin: 0 0 38px;

	letter-spacing: .025em;

}







.tool {

	width: 30px;

	height: 30px;

}



.tool img {

	width: 100%;

}



.user {

	width: 30px;

	height: 30px;

}



.user img {

	width: 100%;

}



.sale_box {

	display: flex;

	align-items: center;

	justify-content: center;

	margin-bottom: 16px;

	padding-right: 10px;

}



.sale_box p {

	color: #734ffc;

	font-size: 24px;

	font-weight: bold;


	border-radius: 50px;


	white-space: nowrap;
	margin-right: 8px;

}





.sale_box span {

	color: #102e35;

	font-size: 21px;

	font-weight: bold;


	display: inline-block;

	white-space: nowrap;

}




.label_BOX {
	display: block;
	position: relative;
	width: 100%;
}

.label_BOX span::after {
	content: "";
	pointer-events: none;
	position: absolute;
	right: 21px;
	top: 15px;
	width: 8px;
	height: 8px;
	border-right: 2px solid #8585ff;
	border-bottom: 2px solid #8585ff;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}



@media (max-width: 991.98px) {

	.ai-course-page {

		padding-top: 48px;

		background-size: auto 100%;

	}



	.ai-course-page .ai-container {

		max-width: 780px;

	}







	.ai-course-page .ai-courses .ai-course-card {



		background: rgb(255 255 255 / 80%);

		box-shadow: 0 3px 5px #8e90dc30;

	}



	.ai-course-page .ai-card-intro {

		min-height: 0;

	}



	.ai-course-page .ai-photo {

		aspect-ratio: 16 / 9;

	}



	.ai-course-page .ai-list li,

	.ai-course-page .ai-detail p {

		font-size: 15px;

	}



	.ai-course-page .ai-benefits {

		padding-top: 64px;

	}

}



@media (max-width: 575.98px) {

	.ai-course-page {

		padding-top: 36px;

	}



	.ai-course-page .ai-container {

		padding-inline: 20px;

	}



	.ai-course-page .ai-heading {

		margin-bottom: 28px;

	}



	.ai-course-page .ai-heading p {

		font-size: 15px;

	}



	.ai-course-page .ai-course-card {

		padding: 15px 15px;

	}



	.ai-course-page .ai-title {

		font-size: 24px;

	}



	.ai-course-page .ai-photo {

		aspect-ratio: 16 / 9;

	}



	.ai-course-page .ai-benefit-card {

		padding: 15px;

	}



	.ai-course-page .ai-benefit-card p {

		font-size: 15px;

	}



	.ai-course-page .ai-closing {

		padding-top: 52px;

	}

}













/*------------- CONTENT2 -------------*/





/* ----------------------------------*/













@media screen and (min-width:1023px) {

	.wf-container {

		width: 1000px;

	}









}







/* --平板版型1-------------------------------------*/

@media screen and (max-width: 991px) {

	.ai-course-form .ai-gift-column .gift_card>img {
		display: block;
		width: 100% !important;
	}



	.top_title {

		position: absolute;

		top: 4%;

		left: -1%;

		padding-top: 0%;

		padding-left: 0%;

		z-index: 3;

	}







	.top_title img {

		width: 112vw;

	}





	.top_title {

		position: absolute;

		top: 6%;

		left: -11%;

		right: -10%;

		padding-top: 0%;

		padding-left: 0%;

		z-index: 3;

	}



	.word img {

		width: 65vw;

	}



	.word {

		position: absolute;

		top: 30%;

		left: 18%;

		padding-top: 0%;

		padding-left: 0%;

		z-index: 3;

	}





	.cta img {

		width: 53vw;

	}





	.cta {

		position: absolute;

		top: 38%;

		left: 23%;

		padding-top: 0%;

		padding-left: 0%;

		z-index: 3;

	}













	#FORM #CITY {

		width: 100%;
	}



	#FORM #SCHOOL {

		width: 100%;

	}







}







@media screen and (max-width:991px) {}









@media screen and (min-width:767px) and (max-width:991px) {}



@media (max-width: 767px) {









	.hidden-xs {

		display: none !important
	}

}



/* AI COURSE CARD ALIGNMENT */

/* 僅調整三大 AI 課程卡片；請在原站 CSS 後載入。 */

@media (min-width: 992px) {



	/* 舊版瀏覽器備援：讓卡片底部兩個資訊區域維持一致高度。 */

	.ai-course-page .ai-courses .ai-course-card {

		display: flex;

		flex-direction: column;

		height: 100%;

	}



	.ai-course-page .ai-courses .ai-list {

		flex: 1;

	}



	/* .ai-course-page .ai-courses .ai-detail[aria-label="使用工具"] { min-height:110px; } */

	/* .ai-course-page .ai-courses .ai-detail[aria-label="適合對象"] { min-height:130px; } */

	.ai-course-page .ai-courses .ai-tools {

		min-height: 60px;

		width: 100%;

	}



	@supports (grid-template-rows: subgrid) {



		/* 五列共用軌道：介紹、圖片、特色、使用工具、適合對象。

       每列採三卡內容的最大高度，不用固定文字高度。 */

		.ai-course-page .ai-courses>.row {

			display: grid;

			grid-template-columns: repeat(3, minmax(0, 1fr));

			column-gap: 24px;

			row-gap: 0;

			margin-inline: 0;

		}



		.ai-course-page .ai-courses>.row>[class*="col-"] {

			display: grid;

			grid-template-rows: subgrid;

			grid-row: span 5;

			width: 100%;

			max-width: 100%;

			min-width: 0;

			padding-inline: 0;

		}



		.ai-course-page .ai-courses .ai-course-card {

			display: grid;

			grid-template-rows: subgrid;

			grid-row: span 5;

			min-width: 0;

			height: auto;

			background: rgb(255 255 255 / 80%);

			box-shadow: 0 3px 5px #8e90dc30;

		}



		.ai-course-page .ai-courses .ai-detail {

			min-height: 0;

		}



		.ai-course-page .ai-courses .ai-detail[aria-label="使用工具"] {

			display: flex;

			flex-direction: column;

		}



		.ai-course-page .ai-courses .ai-tools {

			flex: 1;

			min-height: 0;

		}

	}

}



/* 手機單欄時按內容自然伸展，不留下桌機的補齊空間。 */

@media (max-width:991.98px) {



	.ai-course-page .ai-courses .ai-detail,

	.ai-course-page .ai-courses .ai-tools {

		min-height: 0;

	}

}

/* ===== 學習包與表單：Bootstrap RWD 統一樣式 ===== */
/* 學習包 + 報名表單 Bootstrap 網格，放在 layout.css 之後。 */
.ai-course-form .ai-enrollment-row {
	padding-block: 20px;
}

.ai-course-form .ai-gift-column {
	display: flex;
	justify-content: center;
	min-width: 0;
}

.ai-course-form .ai-gift-column .gift_card {
	width: 100%;
	max-width: 420px;
	margin-inline: auto;
}

.ai-course-form .ai-gift-column .gift_card>img {
	display: block;
	width: 90%;
	height: auto;
	margin: 0 auto;
}

.ai-course-form .ai-form-column {
	min-width: 0;
}

.ai-course-form .ai-form-column .FORM_BLOCK {
	width: 100%;
	margin-inline: 0;
}

.ai-course-form .ai-form-column .FORM_BLOCK>.col-12 {
	min-width: 0;
}

.ai-course-form .ai-form-column #FORM {
	width: 100%;
	max-width: 600px;
	margin-inline: auto;
}

.ai-course-form .ai-form-column #READ span {
	font-weight: bold;
	color: #333;
	margin-left: 8px;
}

@media (max-width:991.98px) {


	.ai-course-form .ai-form-column {
		margin-top: 20px;
	}
}