/*.headpic{
  position: absolute;
  left: 0;
  bottom: 0px
}*/
.right{
  float: right;
}

.area1,.area2,.area3,.area4,.area5,.area6{
  padding: 2% 0;
}
.area1{
  background: #5eb8ce;
  color: #fff;
  font-size: 18px;
  letter-spacing: 1.5px;
}
.area5{
  background: url(../image/apply.jpg) fixed;
}
.area2,.area4,.area6{
  background: #fff;
}
.area3{
  background:#f9f8f3;
}
.area6{
  padding: 4% 0;
}
.words{
  margin: 0% 0;
  line-height: 32px;
}
.area6 .words{
  text-align: center;
}

.subtopic1{
  color: #ff6890;
  border-color:#ff6890;
  
}
.subtopic2{
  color: #29abe2;
  border-color: #29abe2;
}
.subtopic3{
  color: #59a99d;
  border-color:#59a99d;
}
.subtopic1,.subtopic2,.subtopic3{
  border-bottom:1px solid;
  padding: 15px 0;
  letter-spacing: 5px;
  font-size: 30px;
}
.subtopic1 img,.subtopic2 img,.subtopic3 img{
  vertical-align: bottom;
  margin: 0 15px 0 0;
}

/*申請前*/
.beforeset,.applying{
  padding: 0 1%;
  text-align: justify;
  letter-spacing: 1px;
  margin:1.5% 0;
  box-sizing:border-box;
  color: #262626;
}
.beforeset h6,.applying h6{
  font-weight: bold;
}
.beforeset,.com-5x{
  width:100%;
}
/*申請期間、錄取後*/
.applying{
  /*text-align: left;*/
  padding: 0 1% 0 1% ;
  letter-spacing: 1.5px;
  margin:2.8% 0;
}
/*申請步驟*/
.stepsatrt{
  color: #fff;
  text-align: center;
  font-size: 28px;
  letter-spacing: 3px;
  margin: 50px 0 0 0; 
}
.step{
  color:#fff;
  margin: 2% 0;
  padding: 0 0.5%;
  box-sizing:border-box;
}
.step ul li{
  margin: 20px 0;
  line-height: 22px;
  text-align: justify;
}
.step ul li span{
  font-size: 10px;
  margin: 0 8px 0 0;
  font-family: serif;
}
.stepnums{
  font-size: 55px;
  padding: 0 0 0 2px;
  color: #fbb03b;
}
.stepcenter{
  text-align: center;
}
.allstep{
  margin: 0 0 5% 0;
}
.step1{ 
  color:#f15a24;
  border-bottom:2px solid #f15a24; 
}
.step2{ 
  color:#f7931e;
  border-bottom:2px solid #f7931e; 
}
.step3{ 
  color:#fbb03b; 
  border-bottom:2px solid #fbb03b; 
}
.step4{ 
  color:#8cc63f; 
  border-bottom:2px solid #8cc63f; 
}
.step5{ 
  color:#29abe2; 
  border-bottom:2px solid #29abe2; 
}
.step1,.step2,.step3,.step4,.step5{
  padding: 0 0 15px 0; 
  margin: 0 0 15px 0;
  letter-spacing: 2px;
  font-weight: normal;
  display: inline-block;
  vertical-align: bottom; 
}
.littletip{
  width: 100%;
  margin:0 auto;
  line-height: 40px;
  text-align: center;
  letter-spacing: 3px;
}

.littletip a{
  padding: 8px 40px;
  margin: 20px 0;
  text-align: center;
  letter-spacing: 3px;
  font-size: 18px;
  border-radius: 3px;
  border:1px solid #29abe2;
  color: #29abe2;
}

.littletip a:hover{
  background: #29abe2;
  color:#fff;
}

/*服務項目*/
.allservice{
  padding: 2% 0 5% 0;
}
.service{ 
  line-height: 32px;
  margin: 5% 0 0 0;
  color:#262626;
}
.service .servicetopic{
  margin: 0% 0 3% 0;
  vertical-align: middle;
  display: inline-block;
}
.service .servicetopic img{
  border-right:2px solid #232323;
  float: left;
  margin: 0 5% 0 0;
}
.service .servicetopic h4{
  float: left;
  width:auto;
  clear: none;
  margin: 10% 0;
}
.service .servicetopic h6{
  float: left;
  width:auto;
  clear: none;
  font-size: 10px;
}

.mobservice{

}
sup{
  font-size:10px; 
  position: absolute;
  top:25px;
  margin: -50px 0 0 0;
}
.mobtopic{
  font-size:1.78em; 
  line-height: 88px;
  /*text-align: center;*/
}

@media (min-width: 600px) {
  
  .beforeset,.com-5x{
    width:50%;
  }
  /*申請期間、錄取後*/
  .applying{
    padding: 0 17% 0 1% ;
  }

  .som-4x,.som-5x,.som-6x{
    width:50%;
  }
  .littletip{
    width: 46%;
  }
  .service{
    width:50%; 
  }

 
}

@media (min-width: 768px) {
  

}
@media (min-width: 900px) {

  .beforeset{
    width:24.99%;
  }
  .beforeset{
    text-align: center;
  }
  .applying{
    text-align: left;
  }

}
@media (min-width: 1000px) {
  
  .som-5x{
    width:24.99%;
  }
  .som-4x{
    width:33.33%;
  }
  .som-6x{
    width:50%;
  }
  .service{
    width:33.33%; 
  }
  .service .servicetopic h4{
    margin: 10% 0 10% 5%;
  }
  /*申請步驟*/
  .stepsatrt{
    color: #fff;
    text-align: center;
    font-size: 28px;
    letter-spacing: 3px;
    margin: 0px 0 0 0; 
  }

  .step ul li{
  margin: 20px 0;
  line-height: auto;
}

.words{
  margin: 2% 0;
  line-height: 32px;
}

}

@media (min-width: 1200px) {

  .service .servicetopic h4{
    margin: 10% 0 10% 0%;
  }

}

@media (min-width: 1600px) {

 
   
}