#KV {
  padding-bottom: 40px;
  width: 100%;
  height: auto;
  left: 0;
  top: 0;
}

#KV img {width: 100%;}

a.register {
  font-family:"微軟正黑體","Microsoft Jhenghei",sans-serif;color:#FEFE00;text-align: center;border:1px solid #FEFE00;
  width:94px;height:33px;font-size:1.125em;line-height: 33px;
}

a.big {
  width:195px;height:65px;font-size:2.5em;line-height: 65px;margin:0 auto;;
}

header span {
  display: block;color:#CCCCCC;font-size:1.5em;text-align: center;
  padding: 10px 0;
}

header p {
  color:#FEFE00;text-align: center;background-color: #1F1F1F;
  line-height:1.5;width: 100%;margin:0;padding: 30px;
}

nav {margin:40px 0;}

nav a:link,nav a:visited {
  color:#999;font-family: "StarJedi";font-size:1.375em;
  text-align:center;margin-right:19px;margin-left:19px;}

nav a:hover,nav a:active {color:#FFF;}

.type_title {
  color:#CCCCCC;font-family: "StarJedi";font-size:1.875em;
  line-height: 50px;border-top:double #999;border-bottom:double #999;
  text-align: center;margin-bottom: 30px;
}

.class {margin-bottom: 30px;}

.class_wrapper {background-color:#1F1F1F;padding:20px;}

.class_wrapper:hover {background-color:#2E2E2E;}

.class_title {color:#FFFF00;font-size:1.375em;font-weight:normal;margin:0 0 10px;}

.tag span {
  font-family:"微軟正黑體","Microsoft Jhenghei",sans-serif;display:inline-block;color: #000;background-color: #999999;
  font-size:1.125em;padding:0 5px;margin-right: 5px;line-height: 38px;
}

.class_wrapper ul {padding:0 0 0 20px;margin:20px 0;}

.class_wrapper ul li {color:#CCCCCC;font-size:1.125em;line-height:1.6;}

.btn_group {padding: 40px 75px 0;}

.btn_group a.intro {
  font-family:"微軟正黑體","Microsoft Jhenghei",sans-serif;background-color:#FEFE00;color:#000;text-align: center;
  width:94px;height:33px;font-size:1.125em;line-height: 33px;
  margin-bottom: 5px;
}

/*彈跳內容*/

._close {display:none;color:#CCCCCC;max-width: 1170px;background-color: #333;padding:30px;}

._close  h4 {font-size:1.375em;border-bottom:1px solid #ccc;margin:0 0 20px;}

._close  p {font-size:1.125em;margin:0 0 30px;}

._close ul {padding:0 0 0 20px;margin:0 0 30px;list-style-type:circle; }



@media (min-width: 1171px) {
  .lh80 {line-height: 80px;}
  .col-sm-12 .class_wrapper {max-width: 50%;margin: 0 auto;}
  span.web {display: inline;}
  span.mobile {display: none;}
}


@media (max-width: 1170px) {
  nav a:link,nav a:visited {font-size:1.2em;}
  .lh80 {line-height: 1.4}
  .btn_group {padding:0;}
  #Web .col-sm-6 .class_title {min-height:70px;}
  #Web .col-sm-8 {min-height:168px;}
  a.intro {margin:0 auto 5px;}
  a.register {margin:0 auto;}
  .col-sm-12 .class_wrapper {width: 100%;margin: 0 auto;}
  span.web {display: inline;}
  span.mobile {display: none;}
}

@media (max-width: 991px) {
   nav a:link,nav a:visited {font-size:0.8em;}
   span.web {display: inline;}
  span.mobile {display: none;}
}

@media (max-width: 769px) {
  nav a:link,nav a:visited {font-size:1.3em;margin-right:0;margin-left:0;}
  nav ._flex {display:block;}
  ._d-b {margin-bottom:20px;}
  #Web .col-sm-8 {min-height:200px;}
  span.web {display: inline;}
  span.mobile {display: none;}
}


@media (max-width: 425px) {
  nav ._flex {display:block;}
  #Web .col-sm-6 .class_title {min-height:auto;}
  #Web .col-sm-8 {min-height:auto;}
  span.web {display: none;}
  span.mobile {display: inline;}
}

@media (max-width: 375px) {
  nav ._flex {display:block;}
}

@media (max-width: 320px) {
  nav ._flex {display:block;}
}