@charset "UTF-8";
/*------主視覺 */
@media screen and (max-width: 1440px) {
  .header-event .main-event img.woman {
    left: 600px; } 
  .header-event .main-event img.char {
    left: 650px; } 
}

@media screen and (max-width: 1180px) {
  .header-event .main-event .title {
    left: -150px; }
  .header-event .main-event img.woman {
    left: 300px; } 
  .header-event .main-event img.char {
    left: 580px; } 
}
@media screen and (max-width: 1024px) {

  .header-event .main-event img.char {
    left: 500px; } 
}
@media screen and (max-width:820px) {
  .header-event .main-event .title {
    left: 0px; }

  .header-event .main-event img.char {
    left: 100px;
	bottom: -100px;
	} 
}
@media screen and (max-width: 768px) {
  .header-event .main-event {
    height: 800px; }
    .header-event .main-event .title {
      left: 0;
      top: 30px; }
    .header-event .main-event img.woman {
      left: -50px;
      bottom: -20px; } 
    .header-event .main-event img.char {
      left: 70px;
      bottom: -90px; } 	
}
@media screen and (max-width: 550px) {
  .header-event .main-event {
    height: 600px; }
    .header-event .main-event .title {
      transform: scale(0.7);
      top: -30px; }
    .header-event .main-event img.woman {
      width: 720px;
      left: -150px;
      bottom: 0; }
    .header-event .main-event img.char {
      width: 500px;
      left: 20px;
      bottom: -30px; }	
}
@media screen and (max-width: 420px) {
  .header-event .main-event {
    height: 600px; }
    .header-event .main-event .title {
      transform: scale(0.55);
      top: -30px; }
    .header-event .main-event img.woman {
      width: 720px;
      left: -200px;
      bottom: 0; } 
    .header-event .main-event img.char {
      width: 450px;
      left: 0px;
      bottom: 0px; 
	} 	
}
@media screen and (max-width: 350px) {
  .header-event .main-event {
    height: 450px; }
    .header-event .main-event .title {
      transform: scale(0.45);
      top: -65px; }
    .header-event .main-event img.woman {
      width: 600px;
      left: -180px;
      bottom: -10px;
	} 
	
}
/*----------紓困 */
@media screen and (max-width: 768px) {
  .relief {
    padding: 5% 0; }
    .relief .container .card img {
      margin: 3%; } }
@media screen and (max-width: 500px) {
  .relief {
    padding: 8% 0; }
    .relief .container .title img {
      width: 98%;
      margin: 0 2%; }
    .relief .container .card img {
      width: 65%;
      margin: 5%; } }
/*----------課程內容 */
@media screen and (max-width: 1024px) {
  .content .container .four img {
    width: 40%; } }
@media screen and (max-width: 768px) {
  .content .container .four img {
    width: auto; } }
@media screen and (max-width: 550px) {
  .content {
    padding: 5% 0; }
    .content .container img {
      padding-bottom: 4%;
      width: 98%; }
    .content .container .four img {
      width: 85%;
      padding: 0 0 3.5%; }
    .content .container .four img.sp,  .content .container .four img.kr {
      display: none; }
    .content .container .four img.sp-m, .content .container .four img.kr-m {
      display: inline-block; } }
/*----------課程特色 */
@media screen and (max-width: 1100px) {
  .feature .container {
    width: 95%; }
    .feature .container img {
      width: 30%; } }
@media screen and (max-width: 768px) {
  .feature .container {
    padding: 4%;
    width: auto;
    text-align: center; }
    .feature .container .title {
      margin: auto; }
    .feature .container img {
      width: auto;
      margin: 3% 2% 0; }
    .feature .container .supply {
      margin-top: 3%; } }
@media screen and (max-width: 550px) {
  .feature .title {
    padding: 3%; }
    .feature .title img {
      width: 98%; }
  .feature .container {
    padding: 5% 0 8%; }
    .feature .container img {
      margin: 5% 2% 0; }
    .feature .container .supply {
      margin-top: 5%; } }
@media screen and (max-width: 400px) {
  .feature .container {
    padding: 5% 0 10%; }
    .feature .container .title {
      font-size: 18px; }
    .feature .container img {
      width: 85%; }
    .feature .container .supply {
      margin-top: 8%; } }
/*----------學員感言 */
@media screen and (max-width: 768px) {
  .message .slick {
    margin: auto;
    padding: 3% 0 0; }
    .message .slick .student {
      padding: 5%;
      max-width: 300px;
      text-align: center; }
      .message .slick .student .photo img {
        width: 100%; }
      .message .slick .student .word {
        padding: 8% 0;
        width: auto; } }
@media screen and (max-width: 550px) {
  .message {
    padding: 5% 0; }
    .message .title img {
      width: 98%; }
    .message .slick {
      padding: 5% 0 0; } }
@media screen and (max-width: 420px) {
  .message .slick .student {
    max-width: 250px;
    text-align: center; }
    .message .slick .student .word p {
      margin-top: 10px; } }
/*----------footer */
@media screen and (max-width: 768px) {
  .footer {
    padding: 5% 0 4%; }
    .footer h3 {
      margin-top: 3%; } }
@media screen and (max-width: 550px) {
  .footer {
    padding: 8% 5% 5%; }
    .footer .bluebtn {
      padding: 3%;
      width: 70%;
      font-size: 28px; }
    .footer h3 {
      font-size: 28px;
      margin-top: 5%;
      line-height: 36px; } }
@media screen and (max-width: 420px) {
  .footer {
    padding: 8% 2% 5%; }
    .footer .bluebtn {
      width: 60%;
      font-size: 20px; }
    .footer h3 {
      font-size: 20px;
      margin-top: 3%;
      letter-spacing: 1.5px; } }


.mobile_bottom_footer .mobile_bottom_box li {
	font-size: 0.9em;
	margin:2px 0 5px 5px;
	height:23px;
}
.mobile_bottom_footer .mobile_bottom_logo {
	height: 140px;
	line-height: 120px;
}