@font-face {
	font-family: FontAwesome;
	src: url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/FontAwesome.otf);

}

@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
}

html {
	-webkit-text-size-adjust: 100%;
	overflow-x: hidden;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

::selection {
	background-color: #0c2753;
	color: #fff;
	text-shadow: none
}

::-moz-selection {
	background-color: #0c2753;
	color: #fff;
	text-shadow: none
}

body {
	font-family: Arial, Helvetica, "source-han-sans-traditional", "微軟正黑體", "Microsoft JhengHsans",
		sans-serif;
	/*font-family:Arial,'Meiryo',"微軟正黑體","Microsoft JhengHei",sans-serif;*/
}

/*h1, h2, h3, h4, h5, h6, .BG34 ul li {
	font-family: Arial, Helvetica,"source-han-sans-traditional","微軟正黑體", "Microsoft JhengHsans",
	 sans-serif;
}*/

hr {
	border-bottom: 1px solid #ddd;
	border-left: 0;
	border-right: 0;
	border-top: 0;
	margin: 4px 0
}

.ANT {
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-ms-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s
}

.clear {
	clear: both
}

#noie6 {
	background: #FFDFDF;
	/*背景色*/
	border: 1px solid #FF2F2F;
	/*邊線*/
	clear: both;
	/*清除繼承上方的浮動*/
	color: #555;
	/*字體顏色*/
	display: block;
	/*顯示方式*/
	font-size: 15px;
	/*字體大小*/
	height: 40px;
	/*高度*/
	letter-spacing: 1px;
	/*字體間距*/
	padding: 5px;
	/*內邊距*/
	position: relative;
	/*相對定位*/
	text-align: center;
	/*文字置中*/
	top: 10px;
	/*距離上方10px*/
	width: 100%;
	/*寬度*/
	z-index: 99;
}

.CONTENT1 {
	display: block;
	background: url(../images/top_img_1920.jpg) no-repeat center top;
	width: 100%;
	height: 780px;
	/*padding-bottom: 35.625%;
	background-size:100% auto;*/
	background-color: #151515;
	/*overflow: hidden;*/
}

.CONTENT1 .WRAPPER,
.CONTENT2 .WRAPPER,
.CONTENT3 .WRAPPER,
.CONTENT4 .WRAPPER,
.CONTENT5 .WRAPPER {
	margin: 0 auto;
	width: 100%;
	height: 100%;
	max-width: 1200px;
	position: relative;
}

.text-box {
	display: block;
	position: absolute;
	top: 25%;
	right: 5%;
	width: 580px;
}

.titleImg {
	/*margin-top: 135px;*/
}

.titleImg img {
	max-width: 565px;
	min-width: 320px;
	width: 60vw;
}

.kv-img {
	display: block;
	position: absolute;
	bottom: 2%;
	left: 5%;
	/*	animation: GOING3 3.8s infinite alternate linear;
	-webkit-animation: GOING1 3.8s infinite alternate linear;
	-moz-animation: GOING1 3.8s infinite alternate linear;
	-ms-animation: GOING1 3.8s infinite alternate linear;
	-o-animation: GOING1 3.8s infinite alternate linear;*/
}

.kv-img img {
	max-width: 510px;
	min-width: 280px;
	width: 60vw;
}

.pulse {
	-ms-animation: pulse 5s 5s infinite;
	-moz-animation: pulse 5s 5s infinite;
	-webkit-animation: pulse 5s 5s infinite;
	animation: pulse 5s 5s infinite;
	animation-delay: 3s;
}

.tada {
	-ms-animation: tada 2s 1s infinite;
	-moz-animation: tada 2s 1s infinite;
	-webkit-animation: tada 2s 1s infinite;
	animation: tada 2s 1s infinite;
	animation-delay: 2s;
}

@-webkit-keyframes discolorA {

	0%,
	50% {
		color: #ffe400;
	}

	51%,
	100% {
		color: #fff;
	}
}

@-moz-keyframes discolorA {

	0%,
	50% {
		color: #ffe400;
	}

	51%,
	100% {
		color: #fff;
	}
}

@-o-keyframes discolorA {

	0%,
	50% {
		color: #ffe400;
	}

	51%,
	100% {
		color: #fff;
	}
}

@keyframes discolorA {

	0%,
	50% {
		color: #ffe400;
	}

	51%,
	100% {
		color: #fff;
	}
}

.pulse {
	-ms-animation: pulse 2s 1s infinite;
	-moz-animation: pulse 2s 1s infinite;
	-webkit-animation: pulse 2s 1s infinite;
	animation: pulse 2s 1s infinite;
	animation-delay: 2s;
}

.CTA {
	display: block;
	margin: 0 auto;
	max-width: 360px;
	width: 85vw;
	margin-top: 45px;
}

.CONTENT2,
.CONTENT3,
.CONTENT4,
.CONTENT5 {
	display: block;
	width: 100%;
	overflow: hidden;
	text-align: center;
	padding: 4% 0 5% 0;
	background: url(../images/BG3.png) repeat fixed;
}

.CONTENT2 {
	background: url(../images/BG1.png) repeat fixed;
	padding: 2% 0;
	text-align: left;
	border-top: 3px solid black;
	border-bottom: 3px solid black;
}

.CONTENT4 {
	background: url(../images/BG4.png) repeat fixed;
}

.CONTENT2number {
	display: block;
	position: relative;
	width: 100%;
	height: 100px;
	padding-left: 40px;
	margin: 5px 0;
}

.CONTENT2numberLineA {
	float: left;
	overflow: hidden;
	width: 90%;
	height: 100px;
	border-top: 2px solid white;
	border-bottom: 2px solid white;
	padding: 15px 0 15px 120px;
	font-size: 16px;
	line-height: 1.3;
	color: white;
	background-image: url(../images/icon01.png);
	background-size: 30%;
	background-repeat: no-repeat;
	background-position: 20px center;
}

.CONTENT2numberLineB {
	float: left;
	overflow: hidden;
	width: 90%;
	height: 100px;
	border-top: 2px solid white;
	border-bottom: 2px solid white;
	padding: 15px 0 15px 120px;
	font-size: 16px;
	line-height: 1.3;
	color: white;
	background-image: url(../images/icon02.png);
	background-size: 20%;
	background-repeat: no-repeat;
	background-position: 50px center;
}

.CONTENT2numberLineC {
	float: left;
	overflow: hidden;
	width: 90%;
	height: 100px;
	border-top: 2px solid white;
	border-bottom: 2px solid white;
	padding: 15px 0 15px 120px;
	font-size: 16px;
	line-height: 1.3;
	color: white;
	background-image: url(../images/icon03.png);
	background-size: 20%;
	background-repeat: no-repeat;
	background-position: 50px center;
}

.CONTENT2numberLineA p,
.CONTENT2numberLineB p,
.CONTENT2numberLineC p {
	color: #fff100;
	font-size: 20px;
}

.CONTENT2numberLine img {
	width: 100%;
	height: auto;
}

.CONTENT2numberLineRadius {
	position: absolute;
	float: left;
	width: 10%;
	height: 100px;
	border-top: 2px solid white;
	border-bottom: 2px solid white;
	border-right: 2px solid white;
	border-top-right-radius: 50%;
	border-bottom-right-radius: 50%;
	padding: 15px;
	top: 0;
	right: 0;
}

.NUMBERtext {
	position: absolute;
	color: white;
	font-size: 137.5px;
	font-weight: bold;
	text-align: left;
	line-height: 0.77;
	top: 0;
	left: 2px;
}

h1 {
	font-size: 23px;
	font-weight: 400;
	margin-bottom: 30px;
	color: #000;
}

h1 span {
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 50px;
	border: 2px solid #000;
	padding: 5px;
	margin-right: 15px;
}

h2 {
	font-size: 23px;
	font-weight: 400;
	margin-bottom: 30px;
	color: #000;
}

h2 span {
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 50px;
	border: 2px solid #000;
	padding: 5px;
	margin-right: 15px;
}

h4 {
	font-size: 23px;
	font-weight: 400;
	margin-bottom: 50px;
	color: red;
	text-align: center;
}

#BOXSALL {
	overflow: hidden;
	clear: both;
	margin-bottom: 60px;
}

.BOXS {
	float: left;
	width: 100%;
	overflow: hidden;
	padding: 50px 5% 60px 5%;
	position: relative;
	z-index: 11;
	background-color: #fff;
}


#BOX2,
#BOX3 {
	display: none;
}

.clearfix::after {
	content: "";
	display: block;
	clear: both;
}

.BOXALL {
	padding-left: 15px;
	padding-right: 15px;
	margin-top: 50px;
	margin-bottom: 30px;
}

.BOX2,
.BOX3 {
	overflow: hidden;
	height: 100%;
	border-radius: 15px;
}

.class_imgA {
	margin: 0 auto;
	width: 220px;
	height: 220px;
	border-radius: 15px;
	border: 1px solid #a0a0a0;
	background-image: url(../images/content1_img_01.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.class_imgB {
	margin: 0 auto;
	width: 220px;
	height: 220px;
	border-radius: 15px;
	border: 1px solid #a0a0a0;
	background-image: url(../images/content1_img_03.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.class_imgC {
	margin: 0 auto;
	width: 220px;
	height: 220px;
	border-radius: 15px;
	border: 1px solid #a0a0a0;
	background-image: url(../images/content1_img_05.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.class_imgD {
	margin: 0 auto;
	width: 220px;
	height: 220px;
	border-radius: 15px;
	border: 1px solid #a0a0a0;
	background-image: url(../images/content1_img_07.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.class_imgE {
	margin: 0 auto;
	width: 220px;
	height: 220px;
	border-radius: 15px;
	border: 1px solid #a0a0a0;
	background-image: url(../images/content1_img_09.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.class_imgA:hover,
.class_imgB:hover,
.class_imgC:hover,
.class_imgD:hover,
.class_imgE:hover {
	background-size: 105%;
}

p.classbox {
	position: absolute;
	width: 160px;
	height: 160px;
	font-size: 22px;
	color: #fff;
	line-height: 1.6;
	font-weight: 300;
	margin: 28px;
	background-color: rgba(0, 0, 0, 0.8);
	text-align: center;
	padding: 50px 15px 15px 15px;
}

p.classbox:hover {
	font-size: 23px;
}

.send_imgA {
	margin: 0 auto;
	width: 220px;
	height: 220px;
	border-radius: 15px;
	border: 1px solid #a0a0a0;
	background-image: url(../images/content1_img_02.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.send_imgB {
	margin: 0 auto;
	width: 220px;
	height: 220px;
	border-radius: 15px;
	border: 1px solid #a0a0a0;
	background-image: url(../images/content1_img_04.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.send_imgC {
	margin: 0 auto;
	width: 220px;
	height: 220px;
	border-radius: 15px;
	border: 1px solid #a0a0a0;
	background-image: url(../images/content1_img_06.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.send_imgD {
	margin: 0 auto;
	width: 220px;
	height: 220px;
	border-radius: 15px;
	border: 1px solid #a0a0a0;
	background-image: url(../images/content1_img_08.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.send_imgE {
	margin: 0 auto;
	width: 220px;
	height: 220px;
	border-radius: 15px;
	border: 1px solid #a0a0a0;
	background-image: url(../images/content1_img_10.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.send_imgA:hover,
.send_imgB:hover,
.send_imgC:hover,
.send_imgD:hover,
.send_imgE:hover {
	background-size: 105%;
}

p.sendbox {
	width: 100%;
	height: 50px;
	font-size: 18px;
	color: #fff;
	line-height: 1.3;
	font-weight: 300;
	background-color: rgba(0, 0, 0, 0.8);
	text-align: center;
	padding: 15px;
	margin-top: 170px;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
}

p.sendbox:hover {
	font-size: 19px;
}

.office_imgA {
	margin: 0 auto;
	width: 285px;
	height: 285px;
	border-radius: 15px;
	border: 1px solid #a0a0a0;
	background-image: url(../images/content2_img_01.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.office_imgB {
	margin: 0 auto;
	width: 285px;
	height: 285px;
	border-radius: 15px;
	border: 1px solid #a0a0a0;
	background-image: url(../images/content2_img_03.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.office_imgC {
	margin: 0 auto;
	width: 285px;
	height: 285px;
	border-radius: 15px;
	border: 1px solid #a0a0a0;
	background-image: url(../images/content2_img_05.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.office_imgD {
	margin: 0 auto;
	width: 285px;
	height: 285px;
	border-radius: 15px;
	border: 1px solid #a0a0a0;
	background-image: url(../images/content2_img_07.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.office_imgA:hover,
.office_imgB:hover,
.office_imgC:hover,
.office_imgD:hover {
	background-size: 105%;
}

p.officebox {
	position: absolute;
	width: 230px;
	height: 230px;
	font-size: 22px;
	color: #fff;
	line-height: 1.6;
	font-weight: 300;
	margin: 28px;
	background-color: rgba(0, 0, 0, 0.8);
	text-align: center;
	padding: 80px 15px 15px 15px;
}

p.officebox:hover {
	font-size: 23px;
}

.counselling_imgA {
	margin: 0 auto;
	width: 285px;
	height: 285px;
	border-radius: 15px;
	border: 1px solid #a0a0a0;
	background-image: url(../images/content2_img_02.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.counselling_imgB {
	margin: 0 auto;
	width: 285px;
	height: 285px;
	border-radius: 15px;
	border: 1px solid #a0a0a0;
	background-image: url(../images/content2_img_04.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.counselling_imgC {
	margin: 0 auto;
	width: 285px;
	height: 285px;
	border-radius: 15px;
	border: 1px solid #a0a0a0;
	background-image: url(../images/content2_img_06.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.counselling_imgD {
	margin: 0 auto;
	width: 285px;
	height: 285px;
	border-radius: 15px;
	border: 1px solid #a0a0a0;
	background-image: url(../images/content2_img_08.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.counselling_imgA:hover,
.counselling_imgB:hover,
.counselling_imgC:hover,
.counselling_imgD:hover {
	background-size: 105%;
}

p.counsellingbox {
	width: 100%;
	height: 50px;
	font-size: 18px;
	color: #fff;
	line-height: 1.3;
	font-weight: 300;
	background-color: rgba(0, 0, 0, 0.8);
	text-align: center;
	padding: 15px;
	margin-top: 235px;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
}

p.counsellingbox:hover {
	font-size: 19px;
}

.class_imgA p.stickerBlue,
.class_imgB p.stickerBlue,
.class_imgC p.stickerBlue,
.class_imgD p.stickerBlue,
.class_imgE p.stickerBlue {
	display: block;
	position: absolute;
	width: 40px;
	height: 40px;
	font-size: 24px;
	line-height: 1.6;
	padding: 3px;
	color: white;
	background-color: #0075a9;
	border-radius: 50%;
	margin: 5px;
}

.send_imgA p.stickerRed,
.send_imgB p.stickerRed,
.send_imgC p.stickerRed,
.send_imgD p.stickerRed,
.send_imgE p.stickerRed {
	width: 40px;
	height: 40px;
	font-size: 24px;
	line-height: 1.6;
	padding: 3px;
	color: white;
	background-color: #ff0000;
	border-radius: 50%;
	margin-top: -215px;
	margin-left: 5px;
}

.office_imgA p.stickerBlue,
.office_imgB p.stickerBlue,
.office_imgC p.stickerBlue,
.office_imgD p.stickerBlue,
.office_imgE p.stickerBlue {
	display: block;
	position: absolute;
	width: 40px;
	height: 40px;
	font-size: 24px;
	line-height: 1.6;
	padding: 3px;
	color: white;
	background-color: #009944;
	border-radius: 50%;
	margin: 5px;
}

.counselling_imgA p.stickerRed,
.counselling_imgB p.stickerRed,
.counselling_imgC p.stickerRed,
.counselling_imgD p.stickerRed {
	width: 40px;
	height: 40px;
	font-size: 24px;
	line-height: 1.6;
	padding: 3px;
	color: white;
	background-color: #ff0000;
	border-radius: 50%;
	margin-top: -280px;
	margin-left: 5px;
}

.PracticeClassesA {
	float: left;
	width: 45%;
	height: 450px;
	border: 3px solid #1b1b1b;
	margin: 15px;
}

.PracticeClassesA p {
	font-size: 18px;
	line-height: 1.3;
	color: #1b1b1b;
	padding: 15px;
	text-align: left;
}

.PracticeClassesB {
	float: left;
	overflow: hidden;
	width: 10%;
	height: auto;
}

.PracticeClassesB p {
	margin: 0 auto;
	width: 100px;
	height: 100px;
	background-color: #ff0000;
	font-size: 24px;
	font-weight: 700;
	line-height: 0.8;
	padding: 10px;
	color: #fff;
	border-radius: 50%;
	margin-top: 230px;
}

.PracticeClassesC {
	float: left;
	width: 35%;
	height: 450px;
	border: 3px solid #1b1b1b;
	padding: 15px;
	margin: 15px;
}

.PracticeClassesLine {
	width: 100%;
	height: 2px;
	border: 1px dashed #1b1b1b;
	margin-top: 50px;
}

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

#FORM_BLOCK {
	width: 100%;
	height: auto;
	position: relative;
	overflow: hidden;
	background-color: #fff;
	background: url(../images/BG3.png) repeat fixed;
	padding-bottom: 50px;
}

#FORM_BLOCK .WRAPPER {
	margin: 0 auto;
	position: relative;
	width: 100%;
	max-width: 850px;
	padding-top: 15px;
	padding-bottom: 50px;
}

h3 {
	display: block;
	margin: 0 auto;
	width: 100%;
	max-width: 1200px;
	height: auto;
	color: #141414;
	text-align: center;
	font-size: 28px;
	font-weight: 600;
	margin-bottom: 15px;
}

.h3 {
	color: #e4007f;
	font-size: 28px;
	text-align: center;
	margin-bottom: 15px;
	margin-top: 12px;
}

.GIFT {
	display: block;
	float: left;
	width: 50%;
	margin: 0 auto;
	margin-top: 20px;
}

.GIFT img {
	display: block;
	margin: 0 auto;
	width: 100%;
	max-width: 360px;
	height: auto;
	margin-bottom: 10px;
}



/*------------表單內容------------*/

#FORM {
	float: left;
	width: 50%;
	margin: 0 auto;
	margin-top: 20px;
}

#FORM #NAME {
	width: 49%;
	height: auto;
	float: left;
	margin-right: 2%;
}

#FORM #PHONE {
	width: 49%;
	height: auto;
	float: left;
}

#FORM #EMAIL {
	width: 100%;
	height: auto;
	float: left;
}

#FORM #Dept {
	margin: 0px 0px 20px 0px;
	width: 100%;
	height: 40px;

}

#FORM #CITY {
	float: left;
	width: 49%;
	height: auto;
	margin-right: 2%;
}

#ddl_city_no {
	width: 100%;
	font-size: 16px;
	text-align: center;
}

#FORM #SCHOOL {
	float: left;
	width: 49%;
}

#ddl_area_no {
	width: 100%;
	font-size: 16px;
	text-align: center;
}

#READ {
	clear: both;
	font-size: 15px;
	width: 100%;
	display: block;
	margin-bottom: 10px;
}

#READ .searchtext2 {
	min-width: 20px;
	min-height: 20px;
	border: solid 1px gray;
	vertical-align: text-bottom;
}

#READ span {
	color: #333;
	line-height: 20px;
	text-indent: 5px;
	line-height: 1.3;
}


#FORM #BUT {
	float: left;
	width: 100%;
	height: auto;
}

.A {
	font-family: Arial, Helvetica, "微軟正黑體", sans-serif, Microsoft JhengHei;
	color: #313131;
	background-color: rgba(255, 255, 255, 0.2);
	background-color: #fff;
	border: 1px solid #313131;
	width: 100%;
	height: 35px;
	line-height: 35px;
	margin-top: 8px;
	font-size: 18px;
	text-align: left;
	padding-left: 10px;
	overflow: hidden;
}

.B {
	clear: both;
	width: 100%;
	height: 50px;
	display: block;
	margin: 0 auto;
	*zoom: 1;
	font-size: 26px;
	line-height: 50px;
	text-align: center;
	color: #fff;
	text-decoration: none;
	background-color: #ec6941;
	-webkit-box-shadow: 0 8px 0 #a5472a, 0 8px 3px rgba(0, 0, 0, 0.5), 0 8px 20px rgba(0, 0, 0, 0.2);
	box-shadow: 0 8px 0 #a5472a, 0 8px 3px rgba(0, 0, 0, 0.5), 0 8px 20px rgba(0, 0, 0, 0.2);
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	cursor: pointer;
	border-radius: 3px;
}

.B:hover {
	box-shadow: none;
	-ms-transform: translateY(4px);
	-webkit-transform: translate3D(0, 4px, 0);
	-moz-transform: translateY(4px);
	transform: translate3D(0, 4px, 0);
	color: #fff;
	background-color: #a5472a;
}

.C {
	clear: both;
	width: 100%;
	height: 50px;
	display: block;
	margin: 0 auto;
	*zoom: 1;
	font-size: 26px;
	line-height: 50px;
	text-align: center;
	color: #fff;
	text-decoration: none;
	background-color: #0075a9;
	-webkit-box-shadow: 0 8px 0 #025073, 0 8px 3px rgba(0, 0, 0, 0.5), 0 8px 20px rgba(0, 0, 0, 0.2);
	box-shadow: 0 8px 0 #025073, 0 8px 3px rgba(0, 0, 0, 0.5), 0 8px 20px rgba(0, 0, 0, 0.2);
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	cursor: pointer;
	border-radius: 3px;
}

.C:hover {
	box-shadow: none;
	-ms-transform: translateY(4px);
	-webkit-transform: translate3D(0, 4px, 0);
	-moz-transform: translateY(4px);
	transform: translate3D(0, 4px, 0);
	color: #fff;
	background-color: #025073;
}

.B:hover {
	box-shadow: none;
	-ms-transform: translateY(4px);
	-webkit-transform: translate3D(0, 4px, 0);
	-moz-transform: translateY(4px);
	transform: translate3D(0, 4px, 0);
	color: #fff;
	background-color: #0671ea;
}

.D {
	clear: both;
	width: 100%;
	height: 50px;
	display: block;
	margin: 0 auto;
	*zoom: 1;
	font-size: 26px;
	line-height: 50px;
	text-align: center;
	color: #fff;
	text-decoration: none;
	background-color: #009944;
	-webkit-box-shadow: 0 8px 0 #025a29, 0 8px 3px rgba(0, 0, 0, 0.5), 0 8px 20px rgba(0, 0, 0, 0.2);
	box-shadow: 0 8px 0 #025a29, 0 8px 3px rgba(0, 0, 0, 0.5), 0 8px 20px rgba(0, 0, 0, 0.2);
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	cursor: pointer;
	border-radius: 3px;
}

.D:hover {
	box-shadow: none;
	-ms-transform: translateY(4px);
	-webkit-transform: translate3D(0, 4px, 0);
	-moz-transform: translateY(4px);
	transform: translate3D(0, 4px, 0);
	color: #fff;
	background-color: #025a29;
}


@media screen and (max-width:1679px) {
	.text-box {
		right: 4%;
	}

	.kv-img {
		left: -7%;
	}
}

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

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

	.kv-img {
		top: 38%;
		left: 5%;
	}
}

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

	.text-box {
		top: 28%;
		right: 10%;
		width: 480px;
	}

	.kv-img {
		top: 0%;
		left: 5%;
	}

	.class_imgA,
	.class_imgB,
	.class_imgC,
	.class_imgD,
	.class_imgE {
		width: 180px;
		height: 180px;
	}

	p.classbox {
		width: 120px;
		height: 120px;
		padding: 40px 15px 15px 15px;
	}

	.send_imgA,
	.send_imgB,
	.send_imgC,
	.send_imgD,
	.send_imgE {
		width: 180px;
		height: 180px;
	}

	p.sendbox {
		height: 50px;
		margin-top: 130px;
	}

	.send_imgA p.stickerRed,
	.send_imgB p.stickerRed,
	.send_imgC p.stickerRed,
	.send_imgD p.stickerRed,
	.send_imgE p.stickerRed {
		margin-top: -175px;
	}

	.office_imgA,
	.office_imgB,
	.office_imgC,
	.office_imgD {
		width: 234px;
		height: 234px;
	}

	p.officebox {
		width: 180px;
		height: 180px;
		padding: 40px 15px 15px 15px;
	}

	.counselling_imgA,
	.counselling_imgB,
	.counselling_imgC,
	.counselling_imgD {
		width: 234px;
		height: 234px;
	}

	p.counsellingbox {
		height: 50px;
		margin-top: 182px;
	}

	.counselling_imgA p.stickerRed,
	.counselling_imgB p.stickerRed,
	.counselling_imgC p.stickerRed,
	.counselling_imgD p.stickerRed {
		margin-top: -228px;
	}

	.CONTENT2,
	.CONTENT3,
	.CONTENT4,
	.CONTENT5,
	.CONTENT6 {
		padding: 7% 0 6% 0;
	}

	.CTA {
		margin-bottom: 25px;
	}

	.GIFT {
		float: none;
		width: 90%;
	}

	#FORM {
		float: none;
		width: 80%;
	}
}


@media screen and (max-width:768px) {
	.CONTENT1 {
		display: block;
		background: url(../images/top_img_768.jpg) no-repeat;
		width: 100%;
		height: 0;
		padding-bottom: 130.2083333333333%;
		background-size: 100% auto;
		overflow: hidden;
	}

	.CONTENT1 .WRAPPER {
		height: 1200px;
	}

	.text-box {
		top: 48%;
		right: 50%;
		margin-right: -200px;
		width: 290px;
	}

	.titleImg img {
		width: 60vw;
	}

	.kv-img {
		top: 0%;
		left: 0%;
	}

	.kv-img img {
		width: 100vw;
	}

	.PracticeClassesA {
		width: 90%;
		height: auto;
	}

	.PracticeClassesB {
		width: 100%;
	}

	.PracticeClassesB p {
		margin-top: 15px;
		margin-bottom: 15px;
	}

	.PracticeClassesC {
		width: 90%;
		height: auto;
	}

	#FORM {
		width: 90%;
	}

	#FORM #GIFTS,
	#FORM #NAME,
	#FORM #PHONE,
	#FORM #EMAIL {
		width: 100%;
		margin-right: 0;
	}

}

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

	.kv-img img {
		width: 65vw;
	}

	.text-box {
		top: 40%;
		right: 50%;
		margin-right: -200px;
		width: 290px;
	}

	h1 {
		font-size: 21px;
	}

	.CONTENT3,
	.CONTENT4,
	.CONTENT5,
	.CONTENT6 {
		padding: 12% 0
	}

	.h3 {
		font-size: 26px;
	}

	.CONTENT4 img {
		max-width: 65vw;
		margin-bottom: 20px;
	}

	h2 {
		font-size: 28px;
	}

	.CONTENT4 p {
		font-size: 17px;
	}

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

		.kv-img img {
			width: 15vw;
		}

		.text-box {
			top: 28%;
			right: 50%;
			margin-right: -180px;
			width: 200px;
		}

		.titleImg img {
			margin-left: -80px;
		}

		.CONTENT1,
		.CONTENT2,
		.CONTENT3,
		.CONTENT4,
		.CONTENT5,
		.CONTENT6 {
			min-width: 320px;
		}

		.CONTENT1 {
			min-height: 415px;
		}

		h2 {
			font-size: 24px;
		}

		.B {
			font-size: 21px;
		}

	}

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

		.text-box {
			top: 25%;
			margin-right: -180px;
			width: 200px;
		}

		.titleImg img {
			margin-left: -100px;
		}

		.h3 {
			font-size: 21px;
		}
	}


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

		.text-box {
			top: 20%;
			margin-right: -180px;
			width: 200px;
		}

		.titleImg img {
			margin-left: -140px;
		}

		.h3 {
			font-size: 21px;
		}
	}

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

		.text-box {
			top: 15%;
			margin-right: -150px;
			width: 180px;
		}

		.titleImg img {
			margin-left: -130px;
		}

		h3 {
			font-size: 21px;
		}
	}