@charset "utf-8";
/* CSS Document */
/*----------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
#Freetrial_Btn {
	position: fixed;
	right: 1vw;
	top: 20vw;
	background: url("../images/button_freetrial.svg") no-repeat center;
	background-size: 99%;
	width: 6.5vw;
	height: 7.8vw;
	z-index: 1;
	transition: 0.5s all;
}

#Freetrial_Btn:hover {transform: scale(1.1);background: url("../images/button_freetrial2.svg") no-repeat center;}

#Freetrial_Btn_m {display: none}


/*----------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
.topbar {
	height: 3.3vw;
	background: #fff278;
}
#People {
	position: fixed;	
	background: url("../images/people.png") center top no-repeat;
	background-size: contain;
	width: 100%; height: 52vw;
	top: 3.3vw; 
}




/*----------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
#TopTenPros_Main {	
	position: absolute;
	background: url("../images/cheese.svg") center top no-repeat;
	background-size: cover;
	width: 100%;
	height: 52vw;
	top: 3.3vw;
}

#TopTenPros_Main h1 {
	position: absolute;
	background: url("../images/title_mainbg.svg") center top no-repeat;
	background-size: contain;
	width: 29.5vw;
	height: 28.8vw;
	left: 50%;
	margin: 5.6vw 0 0 -14.75vw;
}

#TopTenPros_Main h2 {
	position: absolute;
	background: url("../images/title_maintxt.svg") center top no-repeat;
	background-size: contain;
	width: 23.2vw;
	height: 13vw;
	left: 50%;
	margin: 9.6vw 0 0 -11.5vw;
	transform-origin: center center;
    animation: rotate-anime 5.2s linear infinite;
}


@keyframes rotate-anime {
	0% {
		transform: rotate(0);
	}
	90% {
		transform: rotate(0);
	}
	100% {
		transform: rotate(720deg);
	}
}

#TopTenPros_Main ul {
	position: relative;
	padding-top: 23.2vw;
}

#TopTenPros_Main a {
	width: 8vw;
	height: 8vw;
	border-radius: 50%;
	border: solid #00ffff 1px;
	display: inline-block;
	margin: 0 -0.5vw;
	vertical-align: top;
	transition: 0.5s all;
	color: #666666;
}

#TopTenPros_Main a:hover {text-decoration: none;transform: scale(1.1);background: black;color: #f2f2f2;}

#TopTenPros_Main p {
	font-size: 2vw;
	padding-top: 1.5vw
}

.lbl {color: #3399ff}
.pik {color: #ff69a6}

.f58 {font-size: 3vw;}







/*----------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
#JoinUs {
	position: relative;
	margin-top: 39vw;
	padding-bottom: 10vw;
	
}

#JoinUs h1 {
	background: black;
	width: 24vw;
	margin: 0 auto;
	border-radius: 2vw;
	padding: 0.7vw 0 0.5vw;
	transition: 0.5s all;
}

#JoinUs h1:hover { width: 100%;border-radius: 0;}

#JoinUs h1 img {
	width: 20vw;
}

#JoinUs::before {
	content: "";
	background: url("../images/icon_ee.svg") no-repeat center;
	background: contain;
	position: absolute;
	width: 7.8vw;
	height: 4.7vw;
	margin: 3.5vw 0 0 -3.9vw
}


/*----------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
#TopTenPros {
	position: relative;
	background: white;
	padding: 2.5vw 0 4vw;
}

#TopTenPros h1 {
	background: url("../images/title_bg1.svg") no-repeat center;
	background-size: 100%;
	width: 8.5vw;
	height: 10.3vw;
	margin: 0 auto;
}

#TopTenPros h1 p {
	font-size: 2vw;
	padding-top: 4.1vw;
	color: white;
}





#TopTenPros ul {
	margin-top: 2.3vw
}

#TopTenPros li {
	display: inline-block;
	vertical-align: top;
	margin: 1.3vw 1vw;
}


/*-------------Start Hover-----------*/
.single-area {
    transition: .3s;
	cursor: pointer;
	width: 21.5vw;
	height: 10.4vw;
	background: #f2f2f2;
	border-radius: 0.5vw;
}

.single-area h2 {
	position: absolute;
	font-size: 1.2vw;
	line-height: 2.1vw;
	letter-spacing: 0.1vw;
	margin: 1.3vw 0 0 6.6vw;
	color: #736357;
}

.dkg {color: #333333}

.single-area ol {
	position: absolute;
	font-size: 1.2vw;
	color: #00ffff;
	width: 4.1vw;
	height: 4.1vw;
	background: black;
	border-radius: 50%;
	line-height: 4.1vw;
	margin: 0.8vw
}

.single-area hr {
	position: absolute;
	background-color: #00ffff;
	width: 19.5vw;
	height: 0.15vw;
	border: 0;
	margin: 8.2vw 0 0 1vw;
}

.single-area h3 {
	position: absolute;
	color: #b3b3b3;
	margin: 8.8vw 0 0 0.9vw;
	font-family: Montserrat;
	font-weight: lighter;
	width: 19.6vw;
}

.single-overlay {
	position: relative;
	visibility: hidden;
    transition: all 1s;
    transform: scale(0);
	border-radius: 1.7vw;
	background: white;
	padding: 0.9vw 0;
}

.single-area:hover .single-overlay {
	/*opacity: .8;*/
	visibility: visible;
	transform: scale(0.94);
}
.single-overlay .item{
	display: block;
	position: relative
}


.item p,.item h4,.item h5,.item h6 {
	display: inline-block;
	margin: 0 0.3vw;
	vertical-align: middle;
}


.item p {
	width: 9.9vw;
	height: 7.3vw;
	line-height: 1.5vw;
	letter-spacing: 0.2vw;
	text-align: justify;
}



.blu {color: #2f70b7}
.red {color: #ed1c24}



.item h4 {
	width: 5.8vw;
	height: 8.6vw;
	background-size: 90%;
}

.item h5 {
	width: 8.6vw;
	height: 8.6vw;
	background-size: 90%;
}

.item h6 {
	width: 7.7vw;
	height: 7.3vw;
	line-height: 1.5vw;
	letter-spacing: 0.2vw;
	text-align: justify;
}




.pros1 {background: url("../images/pros1.png") center no-repeat}
.pros2 {background: url("../images/pros2.svg") center no-repeat}
.pros3 {background: url("../images/pros3.svg") center no-repeat}
.pros4 {background: url("../images/pros4.png") center no-repeat}
.pros5 {background: url("../images/pros5.svg") center no-repeat}
.pros6 {background: url("../images/pros6.svg") center no-repeat}
.pros7 {background: url("../images/pros7.svg") center no-repeat}
.pros8 {background: url("../images/pros8.svg") center no-repeat}
.pros9 {background: url("../images/pros9.svg") center no-repeat}
.pros10 {background: url("../images/pros10.svg") center no-repeat}
/*-------------End Hover-----------*/





/*----------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
#SaleSet {
	position: relative;
	background: url("../images/line.png");
	background-color: #f9f9f9;
	padding: 2vw 0 0.3vw
}

#SaleSet h1 {
	background: url("../images/title_bg2.svg") no-repeat center;
	background-size: 99%;
	width: 9.5vw;
	height: 11.5vw;
	margin: 0 auto;
}

#SaleSet h1 p {
	font-size: 2vw;
	padding-top: 4.4vw;
	color: #666666;
}

#SaleSet h1 li {font-size: 1.3vw;}

#SaleSet ul {
	width: 30vw;
	display: inline-block;
	vertical-align: top;
}

#SaleSet h2 {
	width: 6.8vw;
	border-radius: 0.52vw;
	padding: 1.7vw 0;
	margin: 2vw auto
}

.f33 {font-size: 1.7vw}

#Sale33 h2 {background: #3399ff;}
#Sale66 h2 {background: #fff812;}
#Sale99 h2 {background: #ff69a6;}

#SaleSet h2::before {
	content: "";
	position: absolute;
	background-size: 99%;
	width: 5.3vw;
	height: 6.4vw;
	margin: -4.2vw 0 0 -0.6vw;
}

#Sale33 h2::before {background: url("../images/vic_blue.svg") no-repeat center;}
#Sale66 h2::before {background: url("../images/vic_yellow.svg") no-repeat center;}
#Sale99 h2::before {background: url("../images/vic_pink.svg") no-repeat center;}

#SaleSet h2 p {
	position: relative;
	font-size: 1vw;
	z-index: 1
}

#Sale33 h2 p,#Sale99 h2 p {color: white;}

#SaleSet ul li {
	display: inline-block;
	vertical-align: top;
	margin: 0.4vw;
	transition: 0.5s all;
}

#SaleSet ul li * {
	display: inline-block;
	vertical-align: top;
	height: 5.2vw;
	margin: 0 -0.13vw
}

#SaleSet ul li:hover {transform: scale(1.1)}

#SaleSet ul li h3,#SaleSet ul li h5 {
	padding: 0 0.4vw 0 1.8vw;
	font-size: 1vw;
	line-height: 1.2vw
}

#Sale33 h3,#Sale33 h5 {background: #3399ff;color: white;}
#Sale66 h3,#Sale66 h5 {background: #fff812;}
#Sale99 h3,#Sale99 h5 {background: #ff69a6;color: white;}


#SaleSet ul li h3 p {margin-top: 1.4vw;}
#SaleSet ul li h5 p {margin-top: 2vw;}

#SaleSet ul li h4 {
	background: white;
	padding:0 1.3vw;
	border-bottom: inset 0.2vw
}

#SaleSet ul li ol {
	background: white;
	padding:0 0.2vw;
	border-bottom: inset 0.2vw
}

#SaleSet ul li h4 p {margin-top: 1.3vw;font-size: 1.3vw}
#SaleSet ul li ol p {margin-top: 2vw;font-size: 1.3vw}

.f15 {font-size: 0.8vw;line-height: 1.6vw}

#SaleSet h6 {
	font-size: 1vw;
	color: white;
	letter-spacing: 0.8vw;
	background: #3399ff;
	width: 33%;
	margin: 3.5vw auto;
	padding: 0.6vw 0;
	border-radius: 1.5vw;
	transition: 0.5s all;
}

#SaleSet h6:hover {background: black;text-decoration: none;color: #00ffff;width: 100%;border-radius: 0;}

#SaleSet a {text-decoration: none}







/*----------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
#Video {
	position: relative;
	background: url("../images/cheese2.svg") center top no-repeat;
	background-size: cover;
	background-color: white;
	padding: 2.5vw 0 3.5vw;
}

#Video h1 {
	background: url("../images/title_bg3.svg") no-repeat center;
	background-size: 100%;
	width: 8.5vw;
	height: 10.3vw;
	margin: 0 auto;
}

#Video h1 p {
	font-size: 2vw;
	padding-top: 4.1vw;
	color: #f2f2f2;
}

.yel {color: #fff812}


#Video h2 {
	font-size: 1vw;
	letter-spacing: 0.7vw;
	padding: 1vw 0;
	color: black
}

#Video ul {margin-top: 2vw}

#Video li {
	display: inline-block;
	vertical-align: top;
	width: 30vw;
	margin: 0 2.6vw 3vw;
	transition: 0.5s all;
}

#Video li:hover {transform: scale(1.1)}

#Video ol {
	position: relative;
	background: #ff69a6;
	padding: 0.7vw 1.3vw 1.4vw;
}

#Video ol::before {
	content: "";
	position: absolute;
	background: url("../images/icon_pink.svg") no-repeat center;
	background-size: 99%;
	width: 5.3vw;
	height: 6.4vw;
	margin: -3.3vw 0 0 -14vw;
}

#Video h3 {
	position: absolute;
	color: white;
	font-size: 0.8vw;
	letter-spacing: 0.5vw;
}

#Video h4 {
	float: right;
	color: #fff812;
	letter-spacing: 0.6vw;
}


/*****影片內容*****/
.embed-container { 
	position: relative; 
	padding-bottom: 55.18%; 
	height: 0; 
	overflow: hidden; 
	width: 100%;
	margin: 0 auto;
} 

.embed-container iframe, .embed-container object, .embed-container embed { 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%;

}
/*****影片結束*****/




/*----------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
#Student {
	position: relative;
	background: url("../images/map.svg") no-repeat center;
	background-size: 70%;
	background-color: #3399ff;
	padding: 2.5vw 0 5vw;
}

#Student h1 {
	background: url("../images/title_bg4.svg") no-repeat center;
	background-size: 100%;
	width: 8.5vw;
	height: 10.3vw;
	margin: 0 auto;
}

#Student h1 p {
	font-size: 2vw;
	padding-top: 4.1vw;
	color: #666666;
}

#Student h2 {
	background: url("../images/title_student.svg") center top no-repeat;
	background-size: contain;
	width: 23vw;
	height: 4.9vw;
	margin: -0.5vw auto;
}

#Student h3 {
	font-size: 1vw;
	letter-spacing: 0.7vw;
	padding: 1.5vw 0;
	color: #00ffff;
}

#Student li {
	display: inline-block;
	vertical-align: top;
	margin: 1.5vw;
	width: 18.8vw;
	height: 16vw;
	filter: drop-shadow(0 10px 5px rgba(0,0,0,0.3));
	transition: 0.5s all;
}

#Student li::after {
	content: "";
	position: absolute;
	width: inherit;
	height: inherit;
	background: white;
	clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
	margin: 0 -9.4vw
}

#Student li::before {
	content: "";
	position: absolute;
	width: 16vw;
	height: 14vw;
	background: black;
	clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
	margin: 1vw 0 0 -4.5vw
}

#Student li:hover {transform: scale(1.1)}

#Student ol {
	position: absolute;
	z-index: 1;
}

#Student h4 {
	font-size: 2.1vw;
	padding-top: 1.4vw;
	letter-spacing: 0.2vw;
	color: black
}

#Student h5 {
	padding-top: 0.6vw;
	letter-spacing: 0.2vw;
	color: #00ffff;
}

#Student ul p {
	font-size: 0.8vw;
	padding: 1.3vw 4.5vw 0 5.2vw;
	line-height: 1.4vw;
	text-align: justify;

}

.stu1,.stu2,.stu3 {
	width: 5.2vw;
	height: 5.2vw;
	position: absolute;
	border-radius: 50%;
	background-size: cover;
	border: solid 0.3vw #00ffff;
	z-index: 1;
	margin: 1.7vw 0;
}

.stu1 {background: url("../images/stu1.png") no-repeat center}
.stu2 {background: url("../images/stu2.png") no-repeat center}
.stu3 {background: url("../images/stu3.png") no-repeat center}






/*----------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
#FreeTrial {
	position: relative;
	background: url("../images/rubber_grip.png");
	padding: 6vw 0 9vw;
}

#FreeTrial::before {
	content: "";
	position: absolute;
	background: url("../images/geometry.svg") no-repeat center;
	background-size: contain;
	width: 72vw;
	height: 32.6vw;
	margin: -1.2vw 0 0 -4vw;
}

.happygirl,.formz {
	display: inline-block;
	vertical-align: middle;
	margin: 0 -3vw
}

.happygirl {
	background: url("../images/happygirl.jpg") no-repeat center;
	background-size: cover;
	width: 39.5vw;
	height: 26vw;
}






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








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


















@media screen and (max-width: 800px){
	.topbar {height: 14.5vw;}
	
	#Freetrial_Btn_m {
		display: block;
		background: url("../images/button_freetrial_m.svg") no-repeat center;
		background-color: black;
		background-size: 42%;
		transition: 0.5s all;
		margin: 0 0 3vw 2.3vw;
		border-radius: 9vw;
		width: 12vw;
		height: 32vw
	}

	#Freetrial_Btn_m:hover {
		background: url("../images/button_freetrial2_m.svg") no-repeat center;
		background-color: black;
		background-size: 50%;
	}

	#Freetrial_Btn {display: none}


	/*----------------------------------------------------------------------*/
	/*----------------------------------------------------------------------*/
	/*----------------------------------------------------------------------*/
	#People {	
		background: url("../images/people_m.png") center top no-repeat;
		background-size: cover;
		height: 191.6vw;
		top: 14.5vw;
	}

	/*----------------------------------------------------------------------*/
	/*----------------------------------------------------------------------*/
	/*----------------------------------------------------------------------*/
	#TopTenPros_Main {	
		background: url("../images/cheese_m.svg") center top no-repeat;
		background-size: cover;
		height: 191.6vw;
		top: 14.5vw;
	}
	
	#TopTenPros_Main h1 {
		width: 82%;
		height: 81vw;
		left: 9%;
		margin: 53vw auto;
	}

	#TopTenPros_Main h2 {
		width: 64vw;
		height: 34.6vw;
		left: 18%;
		margin: 64vw auto;
	}

	#TopTenPros_Main ul {
		padding-top: 100.5vw;
	}

	#TopTenPros_Main a {
		width: 22vw;
		height: 22vw;
		margin: 0 -1.5vw;
	}

	#TopTenPros_Main p {
		font-size: 5.5vw;
		padding-top: 4vw
	}

	.f58 {font-size: 8.3vw;}
	
	
	
	
	/*----------------------------------------------------------------------*/
	/*----------------------------------------------------------------------*/
	/*----------------------------------------------------------------------*/
	#JoinUs {
		margin-top: 182.5vw;
		padding-bottom: 0;
	}

	#JoinUs h1,#JoinUs h1:hover {
		width: 72%;
		border-radius: 5vw;
		padding: 2vw 0 1.5vw
	}

	#JoinUs h1 img {
		width: 88%;
	}

	#JoinUs::before {
		width: 22vw;
		height: 15vw;
		margin: -15vw 0 0 -11vw
	}




	/*----------------------------------------------------------------------*/
	/*----------------------------------------------------------------------*/
	/*----------------------------------------------------------------------*/
	#TopTenPros {
		padding: 8vw 0 18vw;
	}

	#TopTenPros h1 {
		width: 26vw;
		height: 32vw;
	}

	#TopTenPros h1 p {
		font-size: 5.5vw;
		padding-top: 14vw;
	}

	#TopTenPros ul {
		margin-top: 5vw
	}

	#TopTenPros li {
		margin: 2vw 0;
	}


	/*-------------Start Hover-----------*/
	.single-area {
		width: 82vw;
		height: 32vw;
		border-radius: 2vw;
	}

	.single-area h2 {
		font-size: 4.2vw;
		line-height: 6vw;
		letter-spacing: 0.5vw;
		margin: 4vw 0 0 26vw;
	}

	.single-area ol {
		font-size: 3.6vw;
		width: 14vw;
		height: 14vw;
		line-height: 14vw;
		margin: 2.6vw
	}

	.single-area hr {
		width: 76vw;
		height: 0.5vw;
		margin: 24vw 0 0 3vw;
	}

	.single-area h3 {
		margin: 26vw 0 0 2.5vw;
		font-size: 3.5vw;
		width: 77vw
	}

	.single-overlay {
		border-radius: 5vw;
		padding: 4.5vw 0;
	}
	
	.item p,.item h4,.item h5,.item h6 {
		margin: 0 1vw;
	}

	.item p {
		width: 40vw;
		height: 20vw;
		line-height: 5.5vw;
		letter-spacing: 0;
		font-size: 3.6vw
	}

	.item h4 {
		width: 18vw;
		height: 23vw;
		background-size: 95%;
	}

	.item h5 {
		width: 25vw;
		height: 23vw;
		background-size: 95%;
	}

	.item h6 {
		width: 33vw;
		height: 20vw;
		line-height: 5.5vw;
		letter-spacing: 0;
		font-size: 3.6vw
	}
	/*-------------End Hover-----------*/
	
	
	
	
	
	



	/*----------------------------------------------------------------------*/
	/*----------------------------------------------------------------------*/
	/*----------------------------------------------------------------------*/
	#SaleSet {
		padding: 8vw 0 15vw
	}

	#SaleSet h1 {
		width: 27vw;
		height: 33vw;
	}

	#SaleSet h1 p {
		font-size: 5.5vw;
		padding-top: 13vw;
	}

	#SaleSet h1 li {font-size: 3.8vw;}

	#SaleSet ul {
		width: 100%;
		margin: 5vw 0;
	}

	#SaleSet h2 {
		width: 48vw;
		border-radius: 1.5vw;
		padding: 2.5vw 0 1.5vw;
		margin: 5vw auto
	}

	.f33 {font-size: 7vw}
	
	#SaleSet h2 br {display: none;}

	#SaleSet h2::before {
		width: 16vw;
		height: 20vw;
		margin: -11vw 0 0 13.7vw;
	}

	#SaleSet h2 p {font-size: 3.4vw;}

	#SaleSet ul li {
		margin: 1.3vw;
	}

	#SaleSet ul li * {
		height: 16vw;
		margin: 0 -0.6vw
	}

	#SaleSet ul li h3,#SaleSet ul li h5 {
		padding: 0 1.8vw 0 6vw;
		font-size: 3.4vw;
		line-height: 3.6vw
	}

	#SaleSet ul li h3 p {margin-top: 4.2vw;}
	#SaleSet ul li h5 p {margin-top: 6vw;}

	#SaleSet ul li h4 {
		padding: 0 4vw;
		border-bottom: inset 0.7vw;
		letter-spacing: 0.3vw
	}

	#SaleSet ul li ol {
		padding: 0 0.6vw;
		border-bottom: inset 0.7vw
	}

	#SaleSet ul li h4 p {margin-top: 4vw;font-size: 4.5vw}
	#SaleSet ul li ol p {margin-top: 6vw;font-size: 4.5vw}

	.f15 {font-size: 2.8vw;line-height: 4.8vw}

	#SaleSet h6 {
		font-size: 4vw;
		width: 66%;
		margin: 7vw auto 0;
		padding: 2vw 0;
		border-radius: 4.5vw;
	}
	
	
	
	
	
	/*----------------------------------------------------------------------*/
	/*----------------------------------------------------------------------*/
	/*----------------------------------------------------------------------*/
	#Video {
		padding: 8vw 0 15vw;
	}

	#Video h1 {
		width: 26vw;
		height: 32vw;
	}

	#Video h1 p {
		font-size: 5.5vw;
		padding-top: 14vw;
	}

	#Video h2 {
		font-size: 3.8vw;
		letter-spacing: 1.5vw;
		padding: 4vw 0;
	}

	#Video ul {margin-top: 4vw}

	#Video li {
		width: 82%;
		margin: 6vw 0;
	}

	#Video ol {
		padding: 3vw 2vw 6vw;
	}

	#Video ol::before {
		width: 15vw;
		height: 18vw;
		margin: -10vw 0 0 -34vw;
	}

	#Video h3 {
		font-size: 3.3vw;
		letter-spacing: 0.8vw;
	}

	#Video h4 {
		letter-spacing: 0.8vw;
	}





	/*----------------------------------------------------------------------*/
	/*----------------------------------------------------------------------*/
	/*----------------------------------------------------------------------*/
	#Student {
		background-size: 95%;
		padding: 8vw 0 15vw;
	}

	#Student h1 {
		width: 26vw;
		height: 32vw;
	}

	#Student h1 p {
		font-size: 5.5vw;
		padding-top: 14vw;
	}

	#Student h2 {
		width: 100%;
		height: 15vw;
		margin: -1vw auto;
	}

	#Student h3 {
		font-size: 3.8vw;
		letter-spacing: 1.5vw;
		padding: 5vw 0;
	}
	
	#Student ul {margin-left: -8vw}

	#Student li {
		margin: 4vw 0;
		width: 68vw;
		height: 56vw;
	}

	#Student li::after {
		margin: 0 -30vw
	}

	#Student li::before {
		width: 56vw;
		height: 46vw;
		margin: 5vw 0 0 -12vw
	}

	#Student ol {
		width: 50vw;
		margin: 0 0 0 9.5vw;
	}

	#Student h4 {
		font-size: 7vw;
		padding: 5vw 0 0 9vw;
		letter-spacing: 1vw;
	}

	#Student h5 {
		padding: 2.5vw 0 0.5vw 9vw;
		letter-spacing: 0.5vw;
	}

	#Student ul p {
		font-size: 3.4vw;
		padding: inherit;
		line-height: 4.8vw;
		margin: 2vw 0 0 10vw;
	}

	.stu1,.stu2,.stu3 {
		width: 20vw;
		height: 20vw;
		border: solid 1vw #00ffff;
		margin: 2vw 0;
	}

	.stu1 {background: url("../images/stu1.png") no-repeat center}
	.stu2 {background: url("../images/stu2.png") no-repeat center}
	.stu3 {background: url("../images/stu3.png") no-repeat center}
	
	
	
	
	
	/*----------------------------------------------------------------------*/
	/*----------------------------------------------------------------------*/
	/*----------------------------------------------------------------------*/
	#FreeTrial {
		padding: 10vw 0 18vw;
	}

	#FreeTrial::before {
		width: 100%;
		height: 40vw;
		margin: inherit;
		left: 0;
		top: 4vw
	}

	.happygirl,.formz {
		margin: 0 auto
	}

	.happygirl {
		width: 80%;
		height: 32vw;
	}
	
}