@charset "UTF-8";
.pages {
  margin: 2% 0 0 0;
  float: left;
  font-size: 14px;
}

.pageset {
  -webkit-transition: width .5s ease-in-out, left .5s ease-in-out;
  transition: width .5s ease-in-out, left .5s ease-in-out;
  background: #fff;
}

.pagearea {
  padding: 10% 0%;
}

.justify {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.justify img {
  margin: 0 7px 0 0;
}

/*.ms-left{
  width: 100%!important;
}
.ms-right{
  width:0%!important;
}*/
/*.pagearea:nth-child(odd){
  background:#f6f7f7; 
}*/
.pagepadset {
  padding: 5% 5%;
}

.pagetopic {
  /*主標題*/
  margin: 0 0 0% 0;
  padding: 80px 0;
  background: #333;
  text-align: center;
  color: #fff;
  background-size: cover;
  position: relative;
  top: 0px !important;
  z-index: 0;
}

.pagetopic2 {
  background: url("../image/top/top2.jpg") center center;
}

.pagetopic3 {
  background: url("../image/top/top3.jpg") center center;
}

.pagetopic4 {
  background: url("../image/top/top4.jpg") center center;
}

/*.maintopic{次要標題
  border-radius: 5px;
  border:4px solid #fff;
  color: #fff;
}
.dark-maintopic{
  border-radius: 5px;
  border:4px solid #171c23;
  color: #171c23;
}

.dark-maintopic,.maintopic{
  padding: 3px 13px;
  clear: both;
  text-align: left;
  margin: 0px 0;
  font-weight: bold;
  border-width:4px;
  border-radius:50px; 
}*/
.infocon {
  clear: both;
}

.infocon p {
  float: left;
  margin: 10px 0;
  letter-spacing: 4px;
  text-align: justify;
  text-shadow: 0px 0px 1px #dfdfdf;
  line-height: 28px;
}

.dark-shadow p {
  text-shadow: 0px 0px 1px #999;
}

.indexpage {
  height: 100vh;
  overflow: hidden;
}

.indexpage h1 {
  font-size: 1.8em;
  color: #fff;
  text-shadow: 0px 0px 5px #222;
}

.indexpage .topmenu {
  position: absolute;
  top: 0;
  width: 80%;
  margin: 0 auto;
  display: block;
  background: none;
  border: 0px;
}

.indexpage .topmenu .flexy-menu.orange li {
  background: none;
}

.indexpage .topmenu .flexy-menu.orange li a {
  color: #232323;
  background: transparent;
  border-bottom: 3px solid transparent;
}

.indexpage .topmenu .flexy-menu.orange li a:hover {
  background: #2f3d57;
  border-bottom: 3px solid #f7b52d;
}

.indexpage .topmenu .flexy-menu.orange li .showhide a {
  background: none;
}

.indexpage .copyright {
  position: fixed;
  left: 0;
  bottom: 0;
  background: none;
}

.indexpage .indexsite {
  padding: 0 8%;
}

.indexpage .alllocation {
  height: 100vh;
}

.indexpage .openmap {
  margin: 40px 0 0 0;
}

.indexpage .openmap .popup {
  padding: 13px 15px;
  text-align: center;
  color: #fff;
  border: 2px solid #fff;
  border-radius: 5px;
}

.indexpage .openmap .popup:hover {
  background: #f7b52d;
}

.indexpage .cominfo img {
  max-width: 90%;
}

.indexpage .taiwanarea {
  color: #fff;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  min-height: 170px;
  text-align: center;
  border: 1px solid #ccc;
  background: rgba(255, 255, 255, 0.2);
}

.indexpage .taiwanarea .t-class {
  font-size: 1.8em;
  margin: 0 auto;
}

.indexpage .taiwanarea .t-space {
  margin: 10px auto 0 auto;
}

.indexpage .taiwanarea .choosearea {
  padding: 30px 30px;
  color: #fff;
}

.indexpage .taiwanarea .choosearea:hover {
  color: #f7b52d;
}

.indexpage .taiwanarea:nth-child(2n) {
  background: rgba(0, 0, 0, 0.2);
  text-shadow: 0px 0px 3px #000000;
}

/*關於我們內頁*/
.aboutword {
  padding: 2% 4%;
  margin: 20px 0;
}

.aboutword h2 {
  font-weight: bold;
  color: #f7b52d;
}

.aboutword .lines {
  background: #f7b52d;
}

.aboutword .aboutinfo img {
  margin: 0 5px 0 0;
}

.aboutpage .pagetopic {
  background: url(../../image/about/topbg.jpg) center 40% no-repeat;
  background-size: cover;
}

.aboutpage .thought {
  background: #fff;
}

.aboutpage .thought .ourpic {
  padding: 0 5% 0 0;
  z-index: 2;
}

.aboutpage .thought .ourpic img {
  border: 2px solid #c89f63;
}

.aboutpage .thought .ourpic:after {
  content: "";
  width: 260px;
  height: 130px;
  position: absolute;
  left: -15px;
  bottom: -10px;
  background-color: #c89f63;
  z-index: -1;
}

.aboutpage .thought .tobest {
  margin: 10px 0;
}

.aboutpage .thought .aboutinfo {
  margin: 5px 0;
  /*font-size: 1.1em;*/
}

.aboutpage .thought .extra {
  margin: 20px 0 0 0;
}

.aboutpage .thought .extra .passed {
  font-size: 1.5em;
  background: #c89f63;
  color: #fff;
  padding: 15px 15px;
  margin: 0 10px 0 0;
  border-radius: 5px;
}

.aboutpage .thought .extra .numbers {
  font-size: 2.4em;
  font-weight: bold;
  color: #c89f63;
}

.aboutpage .thought .extra .numbers span {
  font-size: 0.65em;
}

.aboutpage .about2 {
  background: #f4f1eb;
}

.aboutpage .about2 .core {
  color: #2f3d57;
  font-size: 2.85em;
  line-height: 1.3em;
  font-style: italic;
  text-align: center;
}

.aboutpage .choose-location {
  background: url(../../image/about/m-bg.jpg) center bottom no-repeat;
  background-attachment: fixed;
  background-size: cover;
  color: #fff;
  position: -webkit-sticky;
  position: sticky;
  top: 90px;
}

.aboutpage .choose-location .rightside {
  margin: 2% 0 0% 0;
  float: right;
}

.aboutpage .choose-location .rightside .setclass {
  padding: 10px 15px;
  font-size: 1.1em;
}

.aboutpage .choose-location .goto-location {
  border-radius: 50px;
  background: #f7b52d;
  color: #fff;
  padding: 5px 20px;
  margin: 15px 0 0 0;
  float: right;
}

.aboutpage .choose-location .goto-location .fa {
  margin: 0 0 0 5px;
}

.aboutpage .choose-location .goto-location:hover {
  color: #40220f;
}

.aboutpage .choose-location .lines {
  background: #fff;
}

.aboutpage .all-fourcons {
  background: url(../../image/about/f-bg.jpg) center bottom no-repeat;
  background-attachment: fixed;
  background-size: cover;
}

.aboutpage .all-fourcons .fourcons {
  background: #f7b52d;
  border-radius: 10px;
  padding: 50px 0;
  margin: 0% 0 4% 0;
}

.aboutpage .all-fourcons .fourcons .foursingle {
  border-right: 2px #222222 dashed;
  border-bottom: 2px #222222 dashed;
  padding: 20px 0;
}

.aboutpage .all-fourcons .fourcons .foursingle:last-child {
  border-right: 0px;
}

.aboutpage .all-fourcons .fourcons .foursingle:nth-child(2) {
  border-right: 0px;
}

.aboutpage .all-fourcons .fourcons .foursingle:nth-child(3) {
  border-bottom: 0px;
}

.aboutpage .all-fourcons .fourcons .foursingle:nth-child(4) {
  border-bottom: 0px;
}

.aboutpage .all-fourcons .fourcons .four-mid {
  font-size: 2em;
  font-weight: bold;
  padding: 10px 0;
  margin: 5px 0;
  color: #303030;
  font-style: italic;
}

.aboutpage .our-service {
  background: #f4f1eb;
}

.aboutpage .our-service .lefthand {
  padding: 5% 5%;
}

.aboutpage .our-service .lefthand h3 {
  color: #6a3906;
  font-weight: bold;
}

.aboutpage .our-service .lefthand .lines {
  background: #6a3906;
  margin: 20px auto 30px auto;
}

.aboutpage .our-service .serviceinfo {
  background: #fff;
  margin: 0 0 15px 0;
  padding: 0 15px 0 0px;
  float: left;
  clear: both;
}

.aboutpage .our-service .fasicon {
  background-color: #c89f63;
  width: 50px;
  height: 50px;
  padding: 15px 15px;
  text-align: center;
  margin: 0 10px 0 0;
  color: #fff;
}

.aboutpage .about-link {
  background: url(../../image/about/linkbg.jpg) center center no-repeat;
  /*background-attachment: fixed;
      background-size: cover;*/
}

.aboutpage .about-link h3 {
  color: #6a3906;
  font-weight: bold;
}

.healthpage .pagetopic {
  background: url(../../image/health/topbg.jpg) center 40% no-repeat;
  background-size: cover;
}

.healthinfo {
  background: #fff;
}

.healthinfo .photouse {
  margin: 30px 0;
}

.healthinfo .hostpital-list .div {
  border-bottom: 1px solid #ccc;
}

.healthinfo .hostpital-list .div:last-child {
  border-bottom: 0px;
}

.healthinfo .hospitalnames {
  margin: 15px 0;
  color: #6a3906;
  font-size: 1.2em;
}

.healthinfo .hospitalnames h3 {
  font-weight: bold;
}

.healthinfo .allquesset {
  margin: 25px 0 0 0;
}

.healthinfo .singlephoto {
  text-align: center;
  background: #121212;
  padding: 2% 3% 2% 0;
  font-weight: bold;
  font-size: 1.1em;
  color: #fff;
  min-height: 330px;
}

.healthinfo .singlephoto font {
  font-size: 1.3em;
  color: #f7b52d;
}

.healthinfo .singlephoto:after {
  display: none;
  content: "";
  position: absolute;
  top: 0;
  right: 0%;
  width: 10%;
  height: 100%;
  -webkit-clip-path: polygon(100% 100%, 100% 0, 0 100%);
          clip-path: polygon(100% 100%, 100% 0, 0 100%);
  background: #f7b52d;
  z-index: 2;
}

.healthinfo .singlephoto:before {
  display: none;
  content: "";
  position: absolute;
  top: 0;
  left: -10%;
  width: 10%;
  height: 100%;
  -webkit-clip-path: polygon(100% 100%, 100% 0, 0 100%);
          clip-path: polygon(100% 100%, 100% 0, 0 100%);
  background: #121212;
  z-index: 2;
}

.healthinfo .singlephoto:first-child {
  background: #f6f7f7;
  padding: 2% 3%;
  color: #121212;
}

.healthinfo .singlephoto:first-child:after, .healthinfo .singlephoto:first-child:before {
  display: none;
}

.healthinfo .singlephoto:last-child {
  padding: 2% 3%;
  color: #121212;
  background: #f7b52d;
}

.healthinfo .singlephoto:last-child:after, .healthinfo .singlephoto:last-child:before {
  display: none;
}

.healthinfo .singlephoto .faq .whileopen {
  font-size: 1.8em !important;
}

.aboutlink:hover {
  background: #324d85;
  color: #fff;
}

/*.linkarea{
  padding: 0 5px 0 0 ;
}
.linkarea:nth-child(2) .aboutlink{
  background: #00b812;
}
.linkarea:nth-child(2) .aboutlink:hover{
  background: #008a0e;
}*/
.lessonarea {
  padding: 50px 0px;
  margin: 0px 0;
  background: #fff;
}

.lessonarea:nth-child(even) {
  background: #f6f7f7;
}

.lessoninfo {
  padding: 0 15px;
}

.lessonarea .lines {
  margin: 15px 0px;
}

.lessonarea .mobonly img {
  margin: 0 0 20px 0;
}

.lessonarea img {
  margin: 0 0 20px 0;
}

.culture {
  line-height: 1.5em;
  padding: 20px 15px;
  text-align: center;
}

.culture p {
  margin: 10px 0px;
}

.culpic {
  margin: 0 0 15px 0;
}

.imgbox p {
  margin: 15px 0 0 0;
}

.imgbox a {
  color: #666;
}

.imgbox a:hover {
  color: #30a6d5;
}

/*課程資訊
.courselession{
  background: url("../image/course/coursebg.jpg");
}
.lessontime{
  background: url("../image/course/coursetime.jpg") center center no-repeat;
  background-size: cover;
}
.allday{
  background: #fff;
  margin: 0 0 30px 0;
  padding: 0px 0;
  overflow: hidden;
}
.days{
  background: #dbdcdc;
  color: #3e3a39;
  padding: 20px 20px;
  font-weight:bold; 
}


.letime{
  margin: 15px 0;
  padding: 0 10px;
  text-align: center;
}*/
/*最新消息*/
.newspage .pagetopic {
  background: url(../../image/news/newsbg.jpg) center center no-repeat;
  background-size: cover;
}

.newspage .newsarticle {
  background: #fff;
}

.newspage .topareas {
  padding: 15px 13px;
  background: #2f3d57;
  color: #fff;
}

.newspage .all-list {
  margin: 0px 0 0 0;
  border: 1px solid #ccc;
  background: #fff;
}

.newspage .all-list .singleone {
  padding: 15px 13px;
  border-bottom: 1px solid #ccc;
}

.newspage .all-list .singleone:nth-child(odd) {
  background: #f4f5f5;
}

.newspage .all-list .singleone a {
  color: #2f3d57;
  line-height: 20px;
}

.newspage .all-list .singleone a:hover {
  color: #30a6d5;
}

.newspage .all-list .singleone .mobonly {
  font-size: 0.88em;
  margin: 0 0 5px 0;
}

.newspage .all-con {
  border-top: 0px solid #ccc;
  padding: 1% 0 0 0;
  margin: 0px 0 0 0;
}

.newspage .all-con .lines {
  margin: 20px 0;
}

.newspage .all-con .newscontent {
  padding: 30px 0 0 0;
}

.newspage .all-con .newscontent p {
  float: left;
  line-height: 1.8em;
  width: 100%;
  font-size: 1em;
}

.newspage .recentpost {
  position: -webkit-sticky;
  position: sticky;
  top: 100px;
  margin: 20px 0 0 0;
}

.newspage .recentpost h4 {
  padding: 5px 10px;
  background: #2f3d57;
  color: #fff;
}

.newspage .recentpost .time {
  color: #aaa;
}

.newspage .recentpost ul {
  float: left;
  width: 100%;
}

.newspage .recentpost ul li {
  float: left;
  width: 100%;
}

.newspage .recentpost ul li:nth-child(even) {
  background-color: #efefef;
}

.newspage .recentpost ul li a {
  color: #000;
  padding: 2% 10px;
  line-height: 26px;
  float: left;
  width: 100%;
}

.newspage .recentpost ul li a:hover {
  background: #30a6d5;
  color: #fff;
}

.newspage .recentpost ul li a:hover .time {
  color: #fff;
}

/*.newsinfo{
  padding: 0% 5%;
}
.newstopic{
  text-align: justify;
}
.news-link{
  border-radius: 50px;
  border:2px solid #171c23;
  float: left;
  padding: 11px 23px;
  color: #171c23;
}
.news-link:hover{
  background:#171c23;
  color: #FFF;
}
.news-short{
  margin: 0 0 15px 0;
  line-height: 1.77em;
  letter-spacing: 2px;
  text-align: justify;
  font-size: 16px;
  max-height: 56px;
  overflow: hidden;
}

.newsinfo .lines{
  margin: 15px 0;
}*/
/*.h3topic{
    font-size: 1.6em;
    line-height: 1.55em;
    letter-spacing: 2px;
    color: #727171;
}*/
/*.newsposcontent{
  margin: 3% 0;
}
.newsposcontent p{
  margin: 1.2% 0;
  line-height: 2em;
  color: #595757;
  text-align:justify;
  float: left;

}*/
/*場地師資*/
/*.allplace{
  float:none;
  margin:0 auto 15px auto;
  max-width: 900px;
}

.teach-place a{
  text-align: center;
  padding: 8px 18px;
  border-radius: 50px;
  border:2px solid #171829;
  float: left;
  margin: 5px 5px; 
  font-size: 1.3em;
  color: #171829;
}

.teach-place a:hover{
  border:2px solid #e73828;
  color: #e73828;
}

.nowteach a{
  border:2px solid #e73828;
  color: #e73828;
}
.all-teach-pic{
  margin: 30px 0 0 0;
}
.teach-pic{
  padding: 5px 5px;
}*/
/*線上報名*/
.contacform {
  background: #fff;
  padding: 80px 0;
}

.fotitles {
  margin: 0 0 5px 0;
}

.consultation .fotitles {
  margin: 0 0 15px 0;
}

/*開課時間*/
.alltrandates {
  border: 1px solid #ccc;
  text-align: center;
}

.tran {
  padding: 15px 10px;
  background: #121212;
  color: #fff;
  position: -webkit-sticky;
  position: sticky;
  top: 00px;
  z-index: 3;
}

.trandates {
  padding: 15px 10px;
  background: #fff;
  /*div{
    border-right: 1px solid #000;
  }*/
}

.trandates:nth-child(odd) {
  background: #ededed;
}

.tran:before, .trandates:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 1px;
  left: 19%;
  top: 0%;
  z-index: 2;
  background: #ccc;
}

.tran:after, .trandates:after {
  content: "";
  position: absolute;
  height: 100%;
  width: 1px;
  left: 58%;
  top: 0%;
  z-index: 2;
  background: #ccc;
}

.coursecon {
  float: none !important;
  margin: 0 auto;
  max-width: 170px;
  text-align: center;
  color: #fff;
  border-color: #fff;
}

.courseconline {
  margin: 15px auto;
  max-width: 100px;
  background: #fff;
}

/*.history{
  background: url("../image/stepbg.jpg")center center no-repeat;
  background-size: cover;
}*/
.maintain .pagetopic {
  background: url(../../image/maintain/bg.jpg) center center no-repeat;
  background-size: cover;
}

.maintain .aboutword {
  padding: 0 3%;
  line-height: 1.65em;
  margin: 0px 0 0 0;
}

.maintain .aboutword p {
  margin: 3% 0;
  color: #231815;
  font-size: 1.1em;
  line-height: 2.2em;
}

.maintain .aboutinfo {
  margin: 5px 0;
  font-size: 1.1em;
  color: #32ba7c;
  font-weight: 600;
  margin: 5px 15px 5px 0;
}

.maintain .aboutinfo img {
  margin: 0 3px 0 0;
}

.maintain .main-loaction {
  background: #f4f1eb url(../../image/maintain/lo-bg.png) right 0 repeat;
}

.maintain .main-loaction .main-location-info {
  padding: 5% 8%;
}

.maintain .main-loaction .main-location-info h3 {
  color: #946134;
}

.maintain .main-loaction .main-location-info ul {
  margin: 0 0 15px 0;
}

.maintain .main-loaction .main-location-info ul li {
  list-style-type: none;
  color: #946134;
  font-size: 1.1em;
  padding: 5px 0;
}

.maintain .main-loaction .main-location-info .serviceinfo {
  background: #fff;
  margin: 0 0 15px 0;
  padding: 0 15px 0 0px;
  float: left;
  clear: both;
  color: #c89f63;
}

.maintain .main-loaction .main-location-info .fasicon {
  background-color: #c89f63;
  width: 50px;
  height: 50px;
  padding: 13px 0;
  text-align: center;
  margin: 0 10px 0 0;
  color: #fff;
  font-size: 1.35em;
}

.maintain .main-loaction .iframe {
  float: left;
  width: 100%;
  height: 480px;
}

.maintain .main-loaction .aboutlink {
  background: #c89f63;
  color: #fff;
  text-align: center;
  padding: 5px 20px;
  border-radius: 50px;
}

.maintain .main-loaction .aboutlink:hover {
  background: #7b5d31;
}

.maintain .main-service {
  background: url(../../image/maintain/ser-bg.jpg);
  position: relative;
  top: 0px;
}

.maintain .main-service .in-title-r1 {
  margin: 0 0 3% 0;
}

.maintain .main-service .in-title-r1 h3 {
  color: #fff;
}

.maintain .main-service .culture {
  line-height: 1.5em;
  padding: 10px 0%;
  text-align: justify;
  border-bottom: 2px solid #fff;
  color: #fff;
  font-size: 17px;
}

.maintain .main-service .culture .culpic {
  border-right: 2px solid #fff;
  padding: 10px 0;
  margin: 0 0 5px 0;
}

.maintain .main-service .culture:nth-child(even) .culpic {
  border-right: 0px solid #fff;
}

.maintain .newwords {
  background: #fff;
}

.maintain .newwords ul {
  padding: 0px 0px 0 30px;
}

.maintain .newwords ul li {
  color: #7a6a56;
  float: left;
  width: 100%;
  list-style-type: decimal;
  padding: 5px 0px;
  list-style-position: outside;
}

.maintain .newwords .listab li {
  list-style-type: lower-alpha !important;
}

.maintain .newwords .top {
  margin: 15px 0 0 0;
  background: #a38a78;
  text-align: center;
}

.maintain .newwords .down {
  background: #7a6a56;
  margin: 0 0 15px 0;
}

.maintain .newwords .top, .maintain .newwords .down {
  color: #fff;
  padding: 2% 5%;
}

.maintain .newwords .top li, .maintain .newwords .down li {
  color: #fff;
}

.maintain .newwords .longline {
  margin: 3% 0;
  height: 2px;
  background-color: #7a6a56;
}

.maintain .newpics {
  padding: 0px 1% 1% 0%;
}

.maintain .wrenchkind .newpics {
  padding: 0px 5px 5px 5px;
}

.maintain .wrenchkind .newpics p {
  background: rgba(0, 0, 0, 0.7);
  padding: 5px 0;
  color: #fff;
  text-align: center;
  position: absolute;
  bottom: 10px;
  left: 0;
  width: calc(100% - 10px);
  margin: 0 0 0 5px;
}

.maintain .wrenchkind .in-title-r3 {
  margin: 0 0 20px 0;
}

.maintain .wrenchkind .in-title-r3 h3 {
  color: #7a6a56;
}

.maintain .insurance {
  background: #fff;
}

.maintain .insurance .insurearea {
  margin: 5% 0;
}

.maintain .insurance .in-title-r4 {
  margin: 0 0 20px 0;
}

.maintain .insurance .in-title-r4 h3 {
  color: #2f3d57;
}

.maintain .insurance .insurenote {
  float: none;
  margin: 0 auto;
  display: block;
  text-align: center;
}

.maintain .insurance .insurenote .board {
  background: #f7b52d;
}

.maintain .insurance .insurenote .board .topic {
  color: #fff;
  background: #f29700;
  padding: 1% 5%;
}

.maintain .insurance .insurenote .board .subnote {
  padding: 2% 5%;
  font-size: 1.1em;
}

.maintain .insurance .insurenote .intype {
  padding: 3% 5%;
}

.maintain .insurance .insurenote .intype p {
  margin: 2% 0;
}

.maintain .insurance .insurenote .intype:first-child {
  border-bottom: 1px solid #2f3d57;
}

.maintain .insurance .insurenote .intype:first-child:before {
  display: none;
  content: "";
  width: 50%;
  height: 1px;
  background: #000;
  border-top: 1px solid #2f3d57;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  position: absolute;
  left: 75%;
  top: 50%;
}

.everycouse .videporpic {
  height: 320px;
}

.everycouse .aboutword {
  color: #2f3d57;
}

.everycouse .aboutword h2 {
  color: #2f3d57;
}

.everycouse .aboutword p {
  line-height: 2em;
  margin: 10px 0 0 0;
}

.everycouse .aboutword .lines {
  background-color: #2f3d57;
  margin: 15px auto;
}

.everycouse .linkarea {
  padding: 0 10px 0 0;
}

.everycouse .linkarea .aboutlink {
  text-align: center;
  color: #fff;
  background-color: #c89f63;
  border-radius: 50px;
  padding: 7px 0;
  margin: 10px 0;
}

.everycouse .linkarea .aboutlink:hover {
  background: #7b5d31;
}

.everycouse .linkarea .aboutlink i {
  margin: 0 5px 0 0;
}

.everycouse .cominfo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 84vh;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.everycouse .cominfo .iframe {
  height: 35vh;
}

.everycouse .wantclass {
  padding: 50px 0px 15px 0;
}

.everycouse .wantclass a {
  background: #f7b52d;
  border-radius: 10px;
  color: #40220f;
  padding: 10px 20px;
  font-size: 1.5em;
}

.everycouse .wantclass a img {
  margin: 0 0 0 10px;
}

.everycouse .wantclass a:hover {
  color: #fff;
}

.everycouse .videos {
  height: 320px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  overflow: hidden;
}

.everycouse .videos .cover {
  width: 100%;
  height: 320px;
  z-index: 1;
  /*background: #000;*/
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}

.everycouse .videos .iframe {
  height: 100vh;
  zoom: 1.15;
  position: absolute;
}

.everycouse .map {
  margin: 3% 0;
  height: 400px;
}

.everycouse .aboutcourse {
  background: #fff;
}

.everycouse .startclass {
  background: #e6e8eb url(../../image/course/grid.png) repeat center center;
  background-attachment: fixed;
}

.everycouse .startclass .in-title-a2 {
  margin: 0 0 20px 0;
}

.everycouse .startclass .in-title-a2 h3 {
  color: #2f3d57;
}

.everycouse .startclass .newpics {
  padding: 5px 5px;
}

.everycouse .bikeclass {
  background: #e6e8eb url(../../image/course/bikebg.jpg) repeat center center;
  background-attachment: fixed;
}

.everycouse .bikeclass:before {
  content: "";
  position: absolute;
  top: 5%;
  left: 5%;
  width: 90%;
  height: 90%;
  z-index: 2;
  border: 2px solid #000;
}

.everycouse .bikeclass .bikecontent {
  float: none;
  width: 80%;
  max-width: 1400px;
  margin: 0 auto;
}

.everycouse .bikeclass .bikecontent .in-title-a2 {
  margin: 0 0 30px 0;
}

.everycouse .bikeclass .bikecontent .in-title-a2 h3 {
  color: #2f3d57;
}

.everycouse .bikeclass .biketable {
  padding: 15px 13px;
  text-align: center;
  color: #fff;
  font-size: 1.35em;
}

.everycouse .bikeclass .biketable.biketable01 {
  background: #2f3d57;
}

.everycouse .bikeclass .biketable.biketable02 {
  background: #888888;
}

.everycouse .bikeclass .biketable.biketable03 {
  background: #575757;
}

.everycouse .bikeclass .biketable.biketable04 {
  background: #6d86b6;
}

.everycouse .bikeclass .biketable.biketable05 {
  background: #9e9f9f;
}

.everycouse .bikeclass .biketable.biketable06 {
  background: #888888;
}

.everycouse .bikeclass .bikeintro {
  font-size: 1.45em;
  margin: 50px 0 30px 0;
}

.everycouse .bikeclass .bikesin {
  margin: 5px 0 0 0;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.everycouse .bikeclass .bpic {
  max-width: 70px;
  width: 70px;
  margin: 0 5px 0 0;
}

.everycouse .bikeclass .newpics {
  padding: 5px 5px;
}

.everycouse .envirement {
  background: #fff;
}

.everycouse .envirement .in-title-a1 {
  margin: 0 0 10px 0;
}

.everycouse .envirement .in-title-a1 h3 {
  color: #2f3d57;
}

.courselession .in-title-a3 {
  margin: 0 0 5% 0;
}

.courselession .in-title-a3 h3 {
  color: #fff;
}

.courselession .lesson-info {
  background: url(../../image/course/lesson-info-bg.jpg) center center no-repeat;
  background-attachment: fixed;
  background-size: cover;
}

.courselession .lesson-info .lesson-left {
  padding: 0 3%;
  margin: 0 0 10px 0;
}

.courselession .lesson-info .lessontopic {
  padding: 10px 0;
  text-align: center;
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
}

.courselession .lesson-info .lessonsub {
  padding: 10px 15px;
  color: #fff;
  font-size: 1.4em;
  background: rgba(255, 255, 255, 0.7);
}

.courselession .lesson-info .lessonsub:nth-child(odd) {
  background: rgba(0, 0, 0, 0.7);
}

.courselession .lesson-info .lessonsub:last-child {
  background: #e95514;
  padding: 10px 15px;
}

.courselession .lesson-info .lessonsub-sm {
  font-size: 1.2em;
}

.courselession .penlesson {
  background: #fff;
  color: #b18147;
  padding: 10% 0;
}

.courselession .penlesson .penarea {
  padding: 5px 10px;
}

.courselession .penlesson .penarea:nth-child(odd) {
  margin: 0 0px 0 50px;
}

.courselession .penlesson .penarea .peninfo {
  padding: 20px 10px 20px 10px;
}

.courselession .penlesson .penarea .peninfo.textright {
  text-align: right;
}

.courselession .penlesson .penarea .peninfo.textleft {
  text-align: left;
}

.courselession .penlesson .penarea .lessonicon {
  text-align: center;
}

.courselession .penlesson .midpic {
  padding: 1% 1%;
}

.courselession .penleft {
  margin: 0px 15px 0 0;
}

.courselession .penright {
  margin: 0px 0 0 15px;
}

.courselession .penright .penarea:nth-child(odd) {
  margin: 0 0px 0 -50px;
}

.courselession .drivelesson {
  background: url(../../image/course/lessonbg.jpg) center center no-repeat;
  background-attachment: fixed;
  background-size: cover;
}

.courselession .classlist-all {
  padding: 40px 5px;
  border-radius: 8px;
  margin: 10% 0 10% 0;
  /*.drivetype{
      margin: 1.5% 0;
    }*/
  background: url(../../image/course/coursebgg.png) center center;
  background-attachment: fixed;
  background-size: cover;
}

.courselession .classlist-all .classlist {
  padding: 3px 3px;
  margin: 15px 0;
  text-align: center;
}

.contactus .pagetopic {
  background: url(../../image/step/bg.jpg) center center no-repeat;
  background-size: cover;
}

.contactus .four-mid {
  font-size: 1.75em;
  margin: 5px 0;
}

.contactus .all-fourcons {
  background: #eeeeee;
  padding: 50px 0;
}

.contactus .all-fourcons .fourcons {
  margin: 2.5% 0 0% 0;
}

.contactus .all-fourcons .fourcons .foursingle {
  border-right: 2px #222222 dashed;
  border-bottom: 2px #222222 dashed;
  padding: 20px 0;
}

.contactus .all-fourcons .fourcons .foursingle:last-child {
  border-right: 0px;
}

.contactus .all-fourcons .fourcons .foursingle:nth-child(2) {
  border-right: 0px;
}

.contactus .all-fourcons .fourcons .foursingle:nth-child(3) {
  border-bottom: 0px;
}

.contactus .all-fourcons .fourcons .foursingle:nth-child(4) {
  border-bottom: 0px;
}

.contactus .formtitle {
  padding: 10px 0 5px 0;
  border-bottom: 5px solid #324d85;
  color: #324d85;
}

.contactus .formtitle.red {
  color: #a73e5c;
  border-bottom: 5px solid #a73e5c;
}

.contactus .th-content {
  width: 80%;
  max-width: 350px;
  margin: 0 auto;
}

.contactus .goaddline {
  margin: 30px 0;
}

.contactus .goaddline a {
  background: #13ad67;
  color: #fff;
  padding: 13px 20px;
  text-align: center;
  border-radius: 50px;
}

.contactus .th-title {
  padding: 0 0 10px 0;
  margin: 0 0 20px 0;
  border-bottom: 5px solid #f7b52d;
  color: #f7b52d;
}

.contactus .th-your {
  background: #f7b52d;
  color: #fff;
  padding: 10px 0;
}

.contactus .th-class {
  padding: 10px 0;
  background: #324d85;
  color: #fff;
  margin: 0 0 20px 0;
}

.contactus .alerm {
  background: #f6f7f7;
  color: #5b192b;
  font-size: 1.5em;
  padding: 2% 10%;
  line-height: 1.5em;
}

.step .pagetopic {
  background: url(../../image/step/bgs.jpg) center center no-repeat;
  background-size: cover;
}

.step .stepwantclass {
  padding: 50px 0px 15px 0;
  margin: -5% 0 0 0;
}

.step .stepwantclass a {
  background: #f7b52d;
  border-radius: 50px;
  color: #40220f;
  padding: 10px 20px;
  font-size: 1.5em;
}

.step .stepwantclass a img {
  margin: 0 0 0 10px;
}

.step .stepwantclass a:hover {
  color: #fff;
}

@media only screen and (min-width: 600px) {
  .teach-place a {
    padding: 8px 15px;
  }
  .maintain .main-service .culture .culpic {
    border-right: 2px solid #fff;
    padding: 10px 0;
    margin: 0 0 5px 0;
  }
  .maintain .main-service .culture:nth-child(even) .culpic {
    border-right: 2px solid #fff;
  }
  .maintain .main-service .culture:nth-child(3n) .culpic {
    border-right: 0px solid #fff;
  }
}

@media (min-width: 768px) {
  .aboutlink {
    font-size: 1.05em;
  }
  .aboutinfo {
    margin: 20px 0 20px 0;
  }
  .teach-place a {
    padding: 8px 20px;
    margin: 0 10px;
    font-size: 1.3em;
  }
}

@media screen and (min-width: 1000px) {
  /*.ms-left,.ms-right{
    width:50%!important;
  }*/
  .pagetopic {
    /*主標題*/
    padding: 120px 0;
    top: 91px;
  }
  .pagearea {
    padding: 100px 0;
  }
  .pagepadset {
    padding: 0 0;
  }
  .culture {
    line-height: 1.5em;
    padding: 20px 3%;
    text-align: justify;
  }
  .tran {
    top: 90px;
  }
  /*.linkarea{
    padding: 0 13px 0 0 ;
    max-width: 160px;
  }*/
  .teach-place a {
    padding: 8px 20px;
    margin: 0 5px;
    font-size: 1.3em;
  }
  .recentpost {
    margin: 0 0 0 0;
  }
  .days:before {
    content: "上午";
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 45%;
    z-index: 2;
    font-size: 1.8em;
    letter-spacing: 3px;
  }
  .days:after {
    content: "";
    position: absolute;
    height: 178%;
    width: 100%;
    background: #dbdcdc;
    left: 0;
    top: -30px;
    z-index: 0;
  }
  .allday:nth-child(2) .days:before {
    content: "下午";
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 45%;
    z-index: 2;
    font-size: 1.8em;
    letter-spacing: 3px;
  }
  .allday:nth-child(2) .days:after {
    content: "";
    position: absolute;
    height: 170px;
    width: 100%;
    background: #dbdcdc;
    left: 0;
    top: -50px;
    z-index: 0;
  }
  .allday {
    padding: 15px 0;
  }
  .consultation .fotitles {
    margin: 0 0 13px 0;
  }
  /*.tobest{
    padding: 50px 20px;
  }*/
  .aboutpage .all-fourcons .fourcons {
    margin: -13% 0 4% 0;
  }
  .aboutpage .all-fourcons .fourcons .foursingle {
    border-right: 2px #222222 dashed;
    border-bottom: 0px;
    padding: 0 0 0px 0;
  }
  .aboutpage .all-fourcons .fourcons .foursingle:nth-child(2) {
    border-right: 2px dashed #222222;
  }
  .aboutpage .choose-location .rightside {
    margin: -2% 0 0% 0;
  }
  .aboutpage .our-service .lefthand {
    padding: 0 0%;
  }
  .aboutpage .about-link {
    padding: 150px 0;
  }
  .maintain .insurance .insurenote .intype:first-child {
    border-bottom: 0px;
  }
  .maintain .insurance .insurenote .intype:first-child:before {
    display: block;
    content: "";
    width: 50%;
    height: 1px;
    background: #000;
    border-top: 1px solid #2f3d57;
    -webkit-transform: rotate(110deg);
            transform: rotate(110deg);
    position: absolute;
    left: 75%;
    top: 50%;
  }
  .maintain .main-service {
    position: -webkit-sticky;
    position: sticky;
    top: 0px;
  }
  .maintain .main-service .culture {
    padding: 0px 0%;
    border-bottom: 0px solid #fff;
  }
  .maintain .main-service .culture .culpic {
    border-right: 2px solid #fff;
    padding: 10px 0;
    margin: 0 0 5px 0;
  }
  .maintain .main-service .culture:nth-child(even) .culpic {
    border-right: 2px solid #fff;
  }
  .maintain .main-service .culture:nth-child(3n) .culpic {
    border-right: 2px solid #fff;
  }
  .maintain .main-service .culture:last-child .culpic {
    border-right: 0px solid #fff;
  }
  .contactus .all-fourcons .fourcons .foursingle {
    border-right: 2px #222222 dashed;
    border-bottom: 0px;
  }
  .contactus .all-fourcons .fourcons .foursingle:nth-child(2) {
    border-right: 2px dashed #222222;
  }
  .courselession .penlesson {
    padding: 110px 0 250px 0;
  }
  .courselession .classlist-all {
    margin: -15% 0 10% 0;
  }
  .healthinfo .singlephoto {
    min-height: 350px;
  }
  .healthinfo .singlephoto:after {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    right: 0%;
    width: 10%;
    height: 100%;
    -webkit-clip-path: polygon(100% 100%, 100% 0, 0 100%);
            clip-path: polygon(100% 100%, 100% 0, 0 100%);
    background: #f7b52d;
    z-index: 2;
  }
  .healthinfo .singlephoto:before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: -10%;
    width: 10%;
    height: 100%;
    -webkit-clip-path: polygon(100% 100%, 100% 0, 0 100%);
            clip-path: polygon(100% 100%, 100% 0, 0 100%);
    background: #121212;
    z-index: 2;
  }
  .bikeclass:before {
    content: "";
    position: absolute;
    top: 5%;
    left: 5%;
    width: 90%;
    height: 90%;
    z-index: 2;
    border: 2px solid #2f3d57;
  }
  .everycouse .cominfo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .everycouse .cominfo .iframe {
    height: 84vh;
  }
}
/*# sourceMappingURL=page.css.map */