/* ----------------------------------------------------------------
	整體架構
	-----------------------------------------------------------------*/
	* {
      padding:0px;
      margin:0px;
   }
   body, html {
      font-family:"微軟正黑體" !important;
      -webkit-text-size-adjust:none;
      -webkit-box-sizing:border-box;
      box-sizing: border-box;
   }
   a {
      color: #585858;
      text-decoration: blink;
   }
   a:hover, a:focus {
      color:#f9728a;
      text-decoration: blink !important;
   }
   .img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
      display: inline-block;
   }
   .pg-title {
      background-image: url(/images/line.svg);
      background-repeat: repeat-x;
      background-position: bottom;
   }
   .pg-title h1, .pg-title h2, .pg-title h5 {
      font-size: 35px;
      line-height: 30px;
      padding-bottom: 15px;
      margin-bottom: 30px;
   }
   .pg-title small {
      font-size: 15px;
   }
   .pg-title img {
      margin-right: 5px;
   }
   .clear {
      clear: both;
      display: block;
      font-size: 0;
      height: 0;
      line-height: 0;
      width: 100%;
      overflow: hidden;
   }
   #___plusone_0 {
      width:57px !important;
   }
   .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
     border-top: initial;
     vertical-align: inherit;
     border: solid 1px #ff9797;
  }
/* ----------------------------------------------------------------
   404
   -----------------------------------------------------------------*/
   .erron-box{
      width: 100%;
      float: left;
      margin-top:180px;
      background-color:#fb7384 !important;
      color:white; 
      overflow:hidden;
   }
   .back_into {
      color: white;
      font-size: 155px;
      overflow: hidden;
      width: 100%;
      text-align: center;
      font-family: fantasy;
      text-align: right;
   }
   .suggest{
      margin: 0px 0px 30px;
      text-align: center;
   }
   .suggest li, .suggest a {
      line-height: 28px;
      list-style: none;
      color:white;
      text-decoration: blink;
   }
   .suggest a:hover{
      color:#333;
   }
   .suggest p{
      font-size:25px;
   }
/* ----------------------------------------------------------------
	header區塊
	-----------------------------------------------------------------*/
	header {
      padding-top: 10px;
   }
   header h1,header p {
      font-size: 11px;
      margin-top: 10px;
      color: #666464;
   }
   header .col-sm-8{
      position:initial;
   }

   .logo {
      padding-top: 5px;
   }
   .share {
      float:right;
   }
	
   .share ul{
      float:right;
   }

   .share li {
      list-style: none;
      display: inline;
      float: left;
      margin: 0px 10px;
   }
   .share li a {
      display:block;
      color:#666464;
      -webkit-transition:all 0.3s ease;
      -o-transition:all 0.3s ease;
      -moz-transition:all 0.3s ease;
      transition:all 0.3s ease;
   }
   .share li a:hover {
      color:#f9728a;
   }
   .estimates-btn{
      width:100%;
      margin: 40px 0px;
   }
   .estimates-btn a{
    font-size: 18px;
    padding: 8px 15px 8px;
    margin: 0px 5px;
    display: inline-block;
    text-align: center;
    background:-moz-linear-gradient(top, #fff 5%, #f6bccc 100%);
    background:-webkit-linear-gradient(top, #fff 5%, #f6bccc 100%);
    background:-o-linear-gradient(top, #fff 5%, #f6bccc 100%);
    background:-ms-linear-gradient(top, #fff 5%, #f6bccc 100%);
    background: linear-gradient(to bottom, #fff 5%, #f6bccc 100%);
    border-radius: 5px;
    border: solid 1px #f6bccc;
    box-shadow: inset 0px 0px 4px 0px #fff;
    transition: .3s ease-out;
    color: #e73279;
 }
 .estimates-btn a:hover{
   color:white;
   background:-moz-linear-gradient(to bottom, #f7c7d5 5%, #e73279 100%);
   background:-webkit-linear-gradient(to bottom, #f7c7d5 5%, #e73279 100%);
   background:-o-linear-gradient(to bottom, #f7c7d5 5%, #e73279 100%);
   background:-ms-linear-gradient(to bottom, #f7c7d5 5%, #e73279 100%);
   background: linear-gradient(to bottom, #f7c7d5 5%, #e73279 100%);
   border: solid 1px #f19cb3;
}
.estimates-btn a:focus{
   color:#e73279;
} 
.brand-text{ 
  text-align: center;
  padding:0px 20px 20px;
}
.brand-text span{
   font-size: 28px;
   color: #e4357a;
}

.brand-text h2{
   font-size: 28px;
   color: #e4357a;
}

.brand-text p{
   margin:10px 10px 0px;
   font-size:15px;
   line-height:29px;
   color: #686868;
   text-align:justify;
}
.brand-text p strong{
  color: #8f3356;
}

.brand-text a{
  color: #8f3356;
}
/* ----------------------------------------------------------------
	Mega menu區塊
	-----------------------------------------------------------------*/
  nav {
   width: 100%;
   background: #e4357a;
   position: relative;
}
.menu-mobile {
   display: none;
   padding: 20px;
}
.menu-mobile:after {
   content: "\f369";
   font-family: "Ionicons";
   font-size: 2.5rem;
   padding: 0;
   float: right;
   position: relative;
   top: 50%;
   -webkit-transform: translateY(-25%);
   -ms-transform: translateY(-25%);
   transform: translateY(-25%);
}
.menu-dropdown-icon:before {
   content: "\f489";
   font-family: "Ionicons";
   display: none;
   cursor: pointer;
   float: right;
   padding: 18px 12px 0px 0px;
   color: #fff;
   font-weight: bold;
}
.menu > ul {
   margin: 0 auto;
   width: 100%;
   list-style: none;
   padding: 0;
   /* IF .menu position=relative -> ul = container width, ELSE ul = 100% width */
   box-sizing: border-box;
}
.menu > ul:before, .menu > ul:after {
   content: "";
   display: table;
}
.menu > ul:after {
   clear: both;
}
.menu > ul > li {
   float: left;
   background: #e4357a;
   padding: 0;
   margin: 0;
   font-size: 19px;
}
.menu > ul > li a {
   text-decoration: none;
   padding: 5px 60px 5px;
   line-height: 40px;
   display: block;
   color:#fff;
}
.menu dt a {
   padding:initial !important;
}
.menu > ul > li:hover {
   background: #f0f0f0;
}
.menu > ul > li:hover > a {
   background-color: #666464;
   color: white;
}
.menu > ul > li > ul {
   display: none;
   width: 100%;
   background: #f0f0f0;
   padding: 20px;
   position: absolute;
   z-index: 99;
   left: 0;
   margin: 0;
   list-style: none;
   box-sizing: border-box;
   border-bottom: solid 1px #f9728a;
}
.menu > ul > li > ul:before, .menu > ul > li > ul:after {
   content: "";
   display: table;
}
.menu > ul > li > ul:after {
   clear: both;
}
.menu > ul > li > ul > li {
   margin: 0;
   padding-bottom: 0;
   list-style: none;
   background: none;
}
.menu > ul > li > ul > li a {
   color: #777;
   padding: .2em 0;
   width: 95%;
   display: block;
}
.menu > ul > li > ul > li > ul {
   display: block;
   padding: 0;
   margin: 10px 0 0;
   list-style: none;
   box-sizing: border-box;
}
.menu > ul > li > ul > li > ul:before, .menu > ul > li > ul > li > ul:after {
   content: "";
   display: table;
}
.menu > ul > li > ul > li > ul:after {
   clear: both;
}
.menu > ul > li > ul > li > ul > li {
   float: left;
   width: 100%;
   padding: 10px 0;
   margin: 0;
   font-size: .8em;
}
.menu > ul > li > ul > li > ul > li a {
   border: 0;
}
.menu > ul > li > ul.normal-sub {
   width: 300px;
   left: auto;
   padding: 10px 20px;
}
.menu > ul > li > ul.normal-sub > li {
   width: 100%;
}
.menu > ul > li > ul.normal-sub > li a {
   border: 0;
   padding: 1em 0;
}
.menu dt {
   width:100%;
   float:left;
}
.menu.container ul li ul .container .col-sm-6 dd ul li, .menu.container ul li ul .container .col-sm-5 dd ul li, .menu.container ul li ul .container .col-sm-4 dd ul li, .menu.container ul li ul .container .col-sm-3 dd ul li, .menu.container ul li ul .container .col-sm-2 dd ul li {
   list-style: none;
   float:left;
   line-height: 37px;
}
.menu.container ul li ul .container .col-sm-6 dd ul li a, .menu.container ul li ul .container .col-sm-5 dd ul li a, .menu.container ul li ul .container .col-sm-4 dd ul li a, .menu.container ul li ul .container .col-sm-3 dd ul li a, .menu.container ul li ul .container .col-sm-2 dd ul li a {
   display: inline-block;
   padding: 0px;
   font-size: 14px;
   color:#333;
   margin: 0px 10px;
}
.remind {
   font-size: 14px;
   line-height: 30px;
   margin:20px 0px 20px;
   border-bottom: solid 1px #ccc;
}
.remind-text {
   font-size:16px !important;
   color:#f9728a;
   margin-bottom:10px;
}
.picking dt {
   font-size: 15px;
   line-height: 30px;
   margin-top: 10px;
   padding-left: 10px;
}
.picking dd {
   font-size: 14px;
   line-height: 30px;
}
.picking a {
   color:#2e2e2e !important;
   transition:0.3s;
}
.picking a:hover {
   color:#f9728a !important;
}
.cutting ul {
   width:100%;
   float:left;
   display:block;
}

button {
   font-family: inherit;
   font-size: 16px;
   line-height: 30px;
   background-color: #f9728a;
   border: none;
   color: white;
   width: 160px;
}
.myButton button {
   -moz-box-shadow:inset 0px 1px 0px 0px #f7c5c0;
   -webkit-box-shadow:inset 0px 1px 0px 0px #f7c5c0;
   box-shadow:inset 0px 1px 0px 0px #f7c5c0;
   background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffa3b3), color-stop(1, #f9728a));
   background:-moz-linear-gradient(top, #ffa3b3 5%, #f9728a 100%);
   background:-webkit-linear-gradient(top, #ffa3b3 5%, #f9728a 100%);
   background:-o-linear-gradient(top, #ffa3b3 5%, #f9728a 100%);
   background:-ms-linear-gradient(top, #ffa3b3 5%, #f9728a 100%);
   background:linear-gradient(to bottom, #ffa3b3 5%, #f9728a 100%);
   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa3b3', endColorstr='#f9728a', GradientType=0);
   background-color:#ffa3b3;
   -moz-border-radius:6px;
   -webkit-border-radius:6px;
   border-radius:6px;
   border:1px solid #f05b76;
   display:inline-block;
   cursor:pointer;
   color:#ffffff;
   font-family:Arial;
   font-size:15px;
   font-weight:bold;
   padding:6px 24px;
   text-decoration:none;
   text-shadow:0px 1px 0px #f05b76;
}
.myButton button:hover {
   background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9728a), color-stop(1, #ffa3b3));
   background:-moz-linear-gradient(top, #f9728a 5%, #ffa3b3 100%);
   background:-webkit-linear-gradient(top, #f9728a 5%, #ffa3b3 100%);
   background:-o-linear-gradient(top, #f9728a 5%, #ffa3b3 100%);
   background:-ms-linear-gradient(top, #f9728a 5%, #ffa3b3 100%);
   background:linear-gradient(to bottom, #f9728a 5%, #ffa3b3 100%);
   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9728a', endColorstr='#ffa3b3', GradientType=0);
   background-color:#f9728a;
}
.myButton button:active {
   position:relative;
   top:1px;
}
.upright li {
   float:initial !important;
}

/* ----------------------------------------------------------------
	麵包屑/FB分享
	-----------------------------------------------------------------*/
	.breadcrumb {
      background-color: initial;
      padding: 8px 0px;
   }
   .share-box {
      margin-top:55px;
   }
   .share-button {
      float:right;
      margin: 10px 0px;
   }
   .share-button li {
      list-style: none;
      display: inline;
      float: left;
      margin: 0px 6px;
   }

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Mobile style's
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media only screen and (max-width: 768px) {
  nav {
   width: 100%;
}
.menu-mobile {
   display: block;
}
.menu-dropdown-icon:before {
   display: block;
}
.menu > ul {
   display: none;
}
.menu > ul > li {
   width: 100%;
   float: none;
   display: block;
}
.menu > ul > li a {
   padding: 10px;
   width: 100%;
   display: block;
   text-align:left;
}
.menu > ul > li > ul {
   position: relative;
}
.menu > ul > li > ul.normal-sub {
   width: 100%;
}
.menu > ul > li > ul > li {
   float: none;
   width: 100%;
   margin-top: 20px;
}
.menu > ul > li > ul > li:first-child {
   margin: 0;
}
.menu > ul > li > ul > li > ul {
   position: relative;
}
.menu > ul > li > ul > li > ul > li {
   float: none;
}
.menu .show-on-mobile {
   display: block;
   float:right;
}
}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
首頁輪播
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.banner-carousel{ margin: 20px auto 0;}
.banner-carousel .owl-controls{ margin: 0 0 30px;}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
提升你日文口說的5個小技巧
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.acrobatics-box{
   overflow:hidden;
   margin:0px 0px 20px;
}
.acrobatics-box p,.acrobatics-box li{
  text-align: justify;
  font-size: 15px;
  line-height: 28px;
  float:left;
}
.acrobatics-box li{
       list-style-image: url(../images/skill_point.png);
           margin-bottom: 15px;
}
.acrobatics-box ul{
   margin-left: 20px;
}
.acrobatics-title{
  float: left;
  width: 100%;
  margin-bottom: 10px;

}
.acrobatics-title span{
      font-size: 20px;
    color: #fb7384;
    margin: 10px 0px 0px;
    display: block;
    padding: 0px 0px 6px;
    box-shadow: 0px 4px 4px -3px #999999;
}
.acrobatics-list{
     float: left;
    background: #fb7384;
    width: 60px;
    font-size: 19px;
    border-radius: 50%;
    text-align: center;
    line-height: 60px;
    color: white;
    margin-right: 10px;
}
.acrobatics-list,.acs-main{
   display: table-cell;
}
/* ----------------------------------------------------------------
	日本留遊學：選擇適合您的課程
	-----------------------------------------------------------------*/
	.course {
      position: relative;
   }
   .course img {
      width: auto;
/*      height: 100%;
*/      min-width: 100%;
      max-width: 100%;
      object-fit: cover;
      padding-bottom: 2px;
   }
   .course-title a {
      width:144px;
      font-size: 20px;
      font-weight: bold;
      line-height: 144px;
      text-align:center;
      position:absolute;
      background-color: white;
      border-radius: 50%;
      transition: .3s ease-out;
   }
   .course-title a.a {
      color:#ed4b68;
      top:20px;
      left:20px;
      box-shadow: 0px 1px 4px 0px #c76d6d;
   }
   .course-title a.a:hover {
      background:#ed4b68;
      color:white;
   }
   .course-title a.b {
      color:#2389ba;
      top:20px;
      left:20px;
      box-shadow: 0px 1px 4px 0px #134961;
   }
   .course-title a.b:hover {
      background:#2389ba;
      color:white;
   }
   .course-title a.c {
      color:#545e99;
      top:20px;
      left:20px;
      box-shadow: 0px 1px 4px 0px #454978;
   }
   .course-title a.c:hover {
      background:#545e99;
      color:white;
   }
   .course-title a.d {
      color:#e36811;
      top:20px;
      left:20px;
      box-shadow: 0px 1px 4px 0px #6e3613;
   }
   .course-title a.d:hover {
      background:#e36811;
      color:white;
   }
   .course-txt {
      width: 95%;
      position: absolute;
      top: 50%;
      left: 15px;
   }
   .another {
      top: 50%;
   }
   .course-txt li {
      display: inline;
      list-style: none;
      float: left;
   }
   .course-txt span {
      font-size: 16px;
      line-height: 33px;
      color: #fff;
   }
   .course-txt a {
      font-size: 16px;
      line-height: 24px;
      color: white;
      display: block;
      transition: 0.3s ease-out;
      border: solid 1px rgba(255, 255, 255, 0.52);
      padding: 15px 20px;
      text-align: center;
      margin-bottom: 2px;
   }
   .course-txt a:hover {
      color:#3f3f3f;
      background-color: rgba(255, 255, 255, 0.56);
   }
   .course .col-xs-1, .course .col-sm-1, .course .col-md-1, .course .col-lg-1, .course .col-xs-2, .course .col-sm-2, .course .col-md-2, .course .col-lg-2, .course .col-xs-3, .course .col-sm-3, .course .col-md-3, .course .col-lg-3, .course .col-xs-4, .course .col-sm-4, .course .col-md-4, .course .col-lg-4, .course .col-xs-5, .course .col-sm-5, .course .col-md-5, .course .col-lg-5, .course .col-xs-6, .course .col-sm-6, .course .col-md-6, .course .col-lg-6, .course .col-xs-7, .course .col-sm-7, .course .col-md-7, .course .col-lg-7, .course .col-xs-8, .course .col-sm-8, .course .col-md-8, .course .col-lg-8, .course .col-xs-9, .course .col-sm-9, .course .col-md-9, .course .col-lg-9, .course .col-xs-10, .course .col-sm-10, .course .col-md-10, .course .col-lg-10, .course .col-xs-11, .course .col-sm-11, .course .col-md-11, .course .col-lg-11, .course .col-xs-12, .course .col-sm-12, .course .col-md-12, .course .col-lg-12 {
      padding-right:1px !important;
      padding-left:1px !important;
   }

/* ----------------------------------------------------------------
  條件搜尋結果頁面
  -----------------------------------------------------------------*/
  .find {
   overflow: hidden;
   margin: 0px 0px 20px;
}
.find-text {
   float: left;
   line-height: 30px;
}
.find li {
   display: inline;
   list-style: none;
   float:left;
}
.find a {
   display: block;
   padding: 5px 10px;
   background-color: #666464;
   margin: 0px 3px;
   color: white;
   font-size: 14px;
   border-radius: 4px;
   transition: .3s ease-out;
}
.find a:hover {
   background-color:#4f4f4f
}
.find span {
   margin-right: 5px;
}
/* ----------------------------------------------------------------
	日本留遊學：選擇您想去的地方
	-----------------------------------------------------------------*/
	.study {
      background: #c5e6ef;
      padding: 30px 0px 35px;
   }
   .study li {
      list-style: none;
   }
   .study a {
      display: block;
      font-size: 22px;
      line-height: 47px;
      background: #2f8dba;
      margin-bottom: 1px;
      text-align: center;
      color:#fff;
      border-radius: 4px;
      transition: 0.5s cubic-bezier(0.25, 0.1, 0.24, 1.07);
   }
   .study a:hover {
      color:#2f8dba;
      background: white;
   }
   .study a:active, .study a:focus {
      color:#2f8dba;
      background: white;
   }
   .study.pg-title {
      background-image:initial;
   }
   .line-white {
      background-image: url(/images/line-white.svg);
   }
   .jp-map {
      position:relative;
   }
   .jp-map img {
      float:right;
   }
   .cherry-girl {
      position: absolute;
      bottom: 20%;
   }
   .dialog {
      background: white;
      position:absolute;
      padding: 16px;
      width: 430px;
      left: 40px;
      animation: dialog linear 1s;
      animation-iteration-count: 1;
      transform-origin: 50% 50%;
      animation-fill-mode:forwards; /*when the spec is finished*/
      -webkit-animation: dialog linear 1s;
      -webkit-animation-iteration-count: 1;
      -webkit-transform-origin: 50% 50%;
      -webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/
      -moz-animation: dialog linear 1s;
      -moz-animation-iteration-count: 1;
      -moz-transform-origin: 50% 50%;
      -moz-animation-fill-mode:forwards; /*FF 5+*/
      -o-animation: dialog linear 1s;
      -o-animation-iteration-count: 1;
      -o-transform-origin: 50% 50%;
      -o-animation-fill-mode:forwards; /*Not implemented yet*/
      -ms-animation: dialog linear 1s;
      -ms-animation-iteration-count: 1;
      -ms-transform-origin: 50% 50%;
      -ms-animation-fill-mode:forwards; /*IE 10+*/
   }
   @keyframes dialog {
      0% {
        opacity:0;
        transform:  translate(0px, -20px);
     }
     100% {
        opacity:1;
        transform:  translate(0px, 0px);
     }
  }
  @-moz-keyframes dialog {
   0% {
     opacity:0;
     -moz-transform:  translate(0px, -20px);
  }
  100% {
     opacity:1;
     -moz-transform:  translate(0px, 0px);
  }
}
@-webkit-keyframes dialog {
   0% {
     opacity:0;
     -webkit-transform:  translate(0px, -20px);
  }
  100% {
     opacity:1;
     -webkit-transform:  translate(0px, 0px);
  }
}
@-o-keyframes dialog {
   0% {
     opacity:0;
     -o-transform:  translate(0px, -20px);
  }
  100% {
     opacity:1;
     -o-transform:  translate(0px, 0px);
  }
}
@-ms-keyframes dialog {
   0% {
     opacity:0;
     -ms-transform:  translate(0px, -20px);
  }
  100% {
     opacity:1;
     -ms-transform:  translate(0px, 0px);
  }
}
.dialog p {
   font-size: 15px;
   line-height: 30px;
   margin: 0px;
}
.dialog p span {
   font-size:17px;
   color:#f9728a;
   margin-right: 7px;
}
.dialog img {
   float:left;
   margin-right:5px;
}
.arrow_b_int {
   width: 0px;
   height: 0px;
   border-width: 18px 13px 0px;
   border-style: solid;
   border-color: #fff transparent transparent transparent;
   position: absolute;
   bottom: -18px;
   left: 49px;
}
.regional-btn{
  width: 100%;
  float: left;
}
.regional-btn ul{
   margin-top:5px;
}
.regional-btn li{
   display: inline;
   float:left;
}
.regional-btn a{
  display: block;
  font-size: 16px;
  line-height: initial;
  background: inherit;
  margin-bottom: 1px;
  text-align: initial;
  color: #eb6e84;
  border-radius: initial;
}
.regional-btn p{
   font-size: 17px;
   float: left;
   color: #eb6e84;
}
.regional-btn span{
   float:left;
}

/* ----------------------------------------------------------------
	免費留學招生說明會
	-----------------------------------------------------------------*/
	.recruit {
      width:100%;
      float:left;
      background: #2f8dba;
      background-image: url(/images/city.png);
      background-repeat:repeat-x;
      background-position: bottom;
      color:white;
      padding: 40px 0px 0px;
      text-align: center;
   }
   .recruit p {
      font-size: 16px;
      line-height: 32px;
   }
   .seminar h3{
      font-size:30px;
      line-height: 40px;
      margin-bottom:10px;
   }
   .more-btn {
      margin: 35px 0px 35px;
   }
   .more-btn a {
      width:175px;
      display: block;
      background: white;
      margin: auto;
      font-size: 16px;
      line-height: 30px;
      text-align: center;
   }
   .legend a {
      color:#2f8dba;
   }
   .legend a:hover {
      background-color:#c5e6ef;
   }
   .flower-box {
      width:100%;
      overflow: hidden;
      padding:0px 0px 100px;
   }
   .flower-seminar {
      border:solid 1px #2f8dba;
      margin: 1px;
      text-align: center;
      background-image: url(/images/flower-seminar.png);
      background-position:-50px center;
      background-repeat: no-repeat;
   }
   .flower-seminar .more-btn {
      margin: 20px 0px 35px;
   }
   .flower-seminar .more-btn a {
      background: #2f8dba;
      color: #fff;
      transition: 0.3s;
   }
   .flower-seminar .more-btn a:hover {
      background: #c5e6ef;
      color: #2f8dba;
   }
   .flower-seminar h4, .flower-seminar p {
      color:#2f8dba;
   }
   .flower-seminar h4 {
      font-size: 19px;
      line-height: 27px;
      margin: 30px 0px 6px;
   }
   .species {
      width: 100%;
      float: left;
      margin: 0px 0px 30px;
      padding: 20px 0px 5px;
      border-bottom: solid 1px #eaeaea;
      border-top: solid 1px #eaeaea;
   }
   .species li {
      list-style: none;
   }
/* ----------------------------------------------------------------
	熱門日本語學校推薦
	-----------------------------------------------------------------*/
	.recommend {
      margin-bottom:120px
   }
   .recommend dt {
      float: left;
      font-weight: inherit;
      font-size: 14px;
      line-height: 30px;
      display: table-cell;
      margin-right: 10px;
   }
   .recommend dd {
      font-size: 14px;
      font-weight: inherit;
      line-height: 30px;
      display: table-cell;
   }
   .school-name {
      font-size: 22px;
      margin-bottom: 10px;
      font-weight: bold;
      padding: 20px 30px 15px;
   }
   .school-basemap {
      background-image: url(/images/text-map.png);
      background-position: top left;
      background-repeat: no-repeat;
      padding: 40px 50px;
      background-size: 100%
   }
   .introduce {
      display: flex;
      background: #eeeeee;
   }
   .list-inline li {
      list-style: none;
      display: inline;
      float:left;
      margin: 0px 35px;
   }
   .list-inline {
      position: relative;
   }
   .list-inline a p {
      line-height: 28px;
      color:#000;
      text-align: center;
   }
   .icon_prev {
      width:39px;
      height:131px;
      background-image: url(/images/left_btn.png);
      background-repeat: no-repeat;
      position: absolute;
      left:0;
      top:0;
      margin: 0px !important;
   }
   .icon_next {
      width:39px;
      height:131px;
      background-image: url(/images/right_btn.png);
      background-repeat: no-repeat;
      position: absolute;
      right:0;
      top:0;
      margin: 0px !important;
   }
   .school-logo {
      position: relative;
   }
   .school-logo ul {
   }
   .school-logo li {
      list-style: none;
      display: inline;
      float:left;
   }
   .school-logo a {
      display: block;
      margin: 0px 35px;
   }
   .columns {
      margin-top: 30px;
   }
   .owl-next {
      width:39px;
      height:131px;
      background-image: url(/images/arrow-right.png);
      background-repeat: no-repeat;
      position:absolute;
      right:0;
   }
   .owl-prev {
      width:39px;
      height:131px;
      background-image: url(/images/arrow-left.png);
      background-repeat: no-repeat;
      position:absolute;
      left:0;
   }
   .school-basemap .more-btn {
      margin:0px;
   }
   .school-basemap .more-btn a {
      text-align: center;
      color: #323232;
      border: solid 1px #323232;
      background-color: #e8e8e8;
      transition: 0.3s;
   }
   .school-basemap .more-btn a:hover {
      color:white;
      background-color: #323232;
   }
 /* ----------------------------------------------------------------
  2017日本打工度假 Q & A
  -----------------------------------------------------------------*/
  .visa-dialogue p{
    font-weight: bold;
    color: #e4134c;
    margin: 15px 12px 0px;
    background-color: #ffede2;
    padding: 0px 10px;
    border-radius: 10px;
    line-height: 33px;
    border: solid 1px #ffdbc6;
 }

/* ----------------------------------------------------------------
	日本學校介紹
	-----------------------------------------------------------------*/
	.mend-word {
      text-align:center;
      background-image: none;
      display: table;
      white-space: nowrap;
      margin: 0px 0px 10px;
   }
   .mend-word:before, .mend-word:after {
      content: "";
      width: 44%;
      top: -12px;
      position: relative;
      display: table-cell;
      background-image: url(/images/line.svg);
      background-repeat: repeat-x;
      background-position: center;
   }
   .base-box {
      background: #fffbeb;
      border: solid 3px #fcefbd;
      overflow: hidden;
      width: 100%;
      float: left;
      padding: 25px;
   }
   .base-box dt {
      color:#c2aa50;
      width: 75px;
      float:left;
   }
   .base-box dd {
      padding-left: 10px;
      border-left:solid 1px #c2aa50;
   }
   .ground {
      text-align: center;
      font-size: 20px;
      background-color: #c2aa50;
      color: white;
      width: 200px;
      margin: 0px auto 30px;
      border-radius: 20px;
   }
   .chart-box {
      width:100%;
      float:left;
      margin:0px 0px 30px;
   }
   .pie-chart span {
      float:left;
   }
   .pie-chart ul {
      float:left;
      margin-left: 20px;
   }
   .pie-chart li {
      list-style: none;
      line-height: 28px;
   }
   .pie-chart small {
      margin-left:6px;
   }
   .update {
      float: right;
      color:#c2aa50;
   }
   .change .main-title {
      color: #f9728a;
      background-color: #ffe5e6;
   }
   .change .main-arrow {
      border-color: #ffe5e6 transparent transparent transparent;
   }
   .main-title {
      width:100%;
      font-size: 25px;
      background: #f9728a;
      color:white;
      text-align:center;
      position:relative;
      padding:5px 0px 5px;
      margin-bottom: 30px;
   }
   .main-arrow {
      width:0px;
      height:0px;
      border-style:solid;
      border-width: 17px 22px 0px;
      border-color: #f9728a transparent transparent transparent;
      position:absolute;
      left: 50%;
   }
   .main-title.a {
      background: #2f8dba;
   }
   .main-arrow.a {
      border-color: #2f8dba transparent transparent transparent;
   }
   .main-title small {
      font-size: 15px;
   }
   .main-title img {
      margin-right: 5px;
   }
   .school-mv .nav-tabs {
      border-bottom: none;
      text-align: center;
   }
   .school-mv .nav-tabs > li > a {
      margin-right: 2px;
      line-height: 1.42857143;
      border: 1px solid transparent;
      border-radius: 6px 6px 0 0;
      background-color: #e4e4e4;
      color: #404040;
      font-size: 18px;
   }
   .school-mv .nav-tabs > li {
      float:none;
   }
   .school-mv .nav-tabs > li.active > a, .school-mv .nav-tabs > li.active > a:hover, .school-mv .nav-tabs > li.active > a:focus {
      color: #fff !important;
      background-color: #f9728a !important;
      border:none;
   }
   .nav > li {
      display: inline-block;
   }
   .nav-tabs > li {
      float: none;
   }
   .interface {
      width:700px;
      margin: 0px auto 55px;
      padding: 24px;
      box-shadow: 0px 2px 4px 2px #cacaca;
   }
   .mov {
      position: relative;
      width: 100%;
      height: 0;
      padding-bottom: 56.25%;
   }
   .video {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
   }
   .cross {
      padding:0px 0px 60px;
   }
   .admission table {
      text-align: center;
      line-height: 30px;
   }
   .admission th {
      font-size: 16px;
      text-align: center;
      background-color:#2f8dba;
      color:white;
   }
   .admission tr:nth-child(even) {
      background-color: #a8dce9;
   }
   .admission tr:nth-child(odd) {
      background-color: white;
   }
   .admission th, .admission tr, .admission td {
      padding: 8px 20px 8px;
   }
   .nav-tabs {
      border-bottom: none;
   }
   .choose {
      display: table-cell;
   }
   .choose li {
      list-style: none;
      display:inline-block;
   }
   .hook-box {
      width:10px;
      height:10px;
      border: solid 1px #2f8dba;
      float:left;
      margin: 10px;
      position:relative;
   }
   .hook {
      position: absolute;
      left: -4px;
      top: -16px;
   }
   .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
      border: none;
   }
   .place-box .tab-content > .active {
      padding: 10px;
      border: solid 5px #ccc;
      margin: 10px 0px 50px;
   }
   .place-box {
      padding:20px;
      border: solid 5px #ccc;
   }
   .place li {
      border-left:solid 1px #ccc;
   }
   .place a {
      font-size: 18px;
   }
   .my-btn {
      margin: 75px 0px 0px;
   }
   .my-btn a {
      font-size: 20px;
      text-align: center;
      color: white;
      display: inline-block;
      border: 1px solid #e34885;
      padding: 10px 24px;
      border-radius: 10px;
      box-shadow: inset 0px 2px 0px 0px #ffc7d8;
      -moz-box-shadow: inset 0px 2px 0px 0px #ffc7d8;
      -webkit-box-shadow: inset 0px 2px 0px 0px #ffc7d8;
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fd9fb9), color-stop(1, #e34885));
      background: -moz-linear-gradient(top, #fd9fb9 5%, #e34885 100%);
      background: -webkit-linear-gradient(top, #fd9fb9 5%, #e73279 100%);
      background: -o-linear-gradient(top, #fd9fb9 5%, #e34885 100%);
      background: -ms-linear-gradient(top, #fd9fb9 5%, #e34885 100%);
      background: linear-gradient(to bottom, #fd9fb9 5%, #e34885 100%);
   }
   .my-btn a:hover {
      background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e34885), color-stop(1, #fd9fb9));
      background:-moz-linear-gradient(top, #e34885 5%, #fd9fb9 100%);
      background:-webkit-linear-gradient(top, #e34885 5%, #fd9fb9 100%);
      background:-o-linear-gradient(top, #e34885 5%, #fd9fb9 100%);
      background:-ms-linear-gradient(top, #e34885 5%, #fd9fb9 100%);
      background:linear-gradient(to bottom, #e34885 5%, #fd9fb9 100%);
   }
   .my-btn:active {
      position:relative;
      top:1px;
   }
   .cover-school {
      height:119px !important;
      text-align: center;
   }
   .cover-school img {
      width:auto !important;
      height:100% !important;
   }
   .detailed-txt p {
      text-align: justify;
      font-size:15px;
      line-height:30px;
   }
   .thorough {
      font-size: 15px;
      line-height:30px;
   }
   .thorough h3 {
      font-size: 20px;
   }
   .thorough p {
      text-align: justify;
      font-size:15px;
      line-height:30px;
   }
   .thorough dl {
      margin-left:10px;
   }
   .thorough dt {
      line-height:30px;
      display: table-cell;
      margin-right: 10px;
   }
   .thorough dd {
      float: left;
      margin: 0px 5px 15px;
   }
   .feature dd{
      width:100% !important;
      text-align:left;
   }
   .thorough li {
      list-style: none;
   }
   .thorough .fa {
      margin-right:6px;
      color: #f9728a;
   }
   .column.resp-tabs-list li {
      font-size: 16px;
      border-left: solid 1px #ccc;
   }
   .distance-top{
     margin-top: 60px;
  }
  .campus{
     font-size: 15px;
  }
  .campus p{
     float: left;
     margin-right: 5px;
  }
/* ----------------------------------------------------------------
  留學招生說明會
  -----------------------------------------------------------------*/
  .apply table {
   font-size: 15px;
   text-align: justify;
   border: solid 1px #2f8dba;
}
.apply tr:nth-child(odd) {
   background-color:#eafbff;
}
.rwd-table {
   background:#fff;
   overflow:hidden;
}
.rwd-table tr:nth-of-type(2n) {
}

.rwd-table th, .rwd-table td {
   margin:0.5em 1em;
}
.rwd-table {
   min-width:100%;
}
.rwd-table th {
   display:none;
}
.rwd-table td {
   display:block;
}

@media (max-width: 480px) {
   .rwd-table tr td:not(:first-child):before {
      content:attr(data-th) " : ";
      font-weight:bold;
      width:12em;
      display: initial;
      color: #f9728a;
   }
}
.rwd-table p {
   display:table-cell;
}

.rwd-table th, .rwd-table td:before {
   font-weight:bold;
}
/* ----------------------------------------------------------------
  諮詢表單
  -----------------------------------------------------------------*/
  form .col-sm-1, form .col-sm-2, form .col-sm-3, form .col-sm-4, form .col-sm-5, form .col-sm-6, form .col-sm-7, form .col-sm-8, form .col-sm-9, form .col-sm-10, form .col-sm-11, form .col-sm-12 {
   margin-bottom: 16px;
}
.modal-header {
   border-bottom:none !important;
}
.modal-footer {
   border-top:none !important;
}
.modal-content {
   padding: 30px;
   line-height: 29px;
}
.modal-content p {
   text-align: center;
   margin-bottom: 25px;
}
.modal-content .reservation {
   text-align: center;
   margin-bottom: 25px;
   font-size: 30px;
}
.sm-form-control {
   display: block;
   width: 100%;
   height: 38px;
   padding: 8px 14px;
   font-size: 15px;
   line-height: 1.42857143;
   color: #555;
   background-color: #f5f5f5;
   background-image: none;
   border: 2px solid #DDD;
   border-radius: 0!important;
   -webkit-transition: border-color ease-in-out .15s;
   -o-transition: border-color ease-in-out .15s;
   transition: border-color ease-in-out .15s;
}
.sm-form-control {
   height: auto;
}
.clear {
   clear: both;
   display: block;
   font-size: 0;
   height: 0;
   line-height: 0;
   width: 100%;
   overflow: hidden;
}
label {
   display: inline-block;
   font-size: 14px;
   font-weight: 700;
   text-transform: uppercase;
   letter-spacing: 1px;
   margin-bottom: 10px;
   cursor: default !important;
}
label.search-padding {
 padding-left: 10px;
}
form .checkbox-block {
   padding-right: 15px;
   display: inline-block;
}
form .checkbox-block input[type="checkbox"] {
   margin: 0 4px 0 0;
}
.modal-content .reservation {
   text-align: center;
   margin-bottom: 40px;
   font-size: 30px;
}
.submit-button {
   margin-top: 30px;
}
.submit-button button {
   font-size: 20px;
   line-height: 40px;
   border-radius: 7px;
   -webkit-box-shadow: inset 0px 1px 0px 0px #f7c5c0;
   box-shadow: inset 0px 1px 0px 0px #f7c5c0;
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffa3b3), color-stop(1, #f9728a));
   background: -moz-linear-gradient(top, #ffa3b3 5%, #f9728a 100%);
   background: -webkit-linear-gradient(top, #ffa3b3 5%, #f9728a 100%);
   background: -o-linear-gradient(top, #ffa3b3 5%, #f9728a 100%);
   background: -ms-linear-gradient(top, #ffa3b3 5%, #f9728a 100%);
   background: linear-gradient(to bottom, #ffa3b3 5%, #f9728a 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa3b3', endColorstr='#f9728a', GradientType=0);
   background-color: #ffa3b3;
   -moz-border-radius: 6px;
   -webkit-border-radius: 6px;
   border-radius: 6px;
   border: 1px solid #f05b76;
}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
課程選擇
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.genre li {
	list-style: none;
}
.genre h4 {
	color: #f9728a;
	font-size: 22px;
	line-height: 37px;
	text-align: center;
	background-color: #ffe5e6;
	margin-bottom: 3px;
	border-radius: 6px 6px 0px 0px;
   overflow: hidden;
   text-indent: .5em;
   text-overflow: ellipsis;
   white-space: nowrap;
}
.genre-text {
	border: 5px solid #f1f1f1;
}
.genre-text dl {
	padding:10px 20px 0px;
	position:relative;
}
.genre-text dt {
	color:#f9728a;
	margin-right:9px;
}
.genre-text dd {
	border-left: solid 1px #cacaca;
	padding-left: 10px;
	text-align: justify;
}
.genre-text p{
  text-overflow: ellipsis;
  display: -webkit-box;
  line-height: 26px;
  min-height: 100px; max-height: 100px;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.genre-text a {
	width: 45px;
	background-color: #ffe5e6;
	color: #f9728a;
	text-align: center;
	float: right;
	line-height: 45px;
	border-radius: 50%;
	margin-top: 10px;
	box-shadow: 0px 2px 2px 0px #c2c2c2;
}
.genre-text a:hover {
	background-color: #f9728a;
	color:white;
	box-shadow: initial;
}
.btn {
	padding:0px;
	transition: .3s ease-out;
}
.brief p {
	text-align: center;
	font-size: 15px;
	line-height: 28px;
	margin-bottom: 50px;
}
.brief-text {
	padding: 35px 0px 25px;
	margin-bottom: 50px;
}
.brief-text p {
	text-align: justify;
	margin-bottom: 10px;
}
.fine p {
	text-align: justify;
	font-size: 15px;
  margin: 20px 0px 40px;
  line-height: 28px;
}
.brief-text ul {
	margin-left: 10px;
}
.brief-text li {
	list-style-image: url(/images/symbol.png);
	line-height: 30px;
	list-style-position:outside;
}
.brief-text dt {
	background-image: url(/images/symbol.png);
	background-position: left;
	background-repeat: no-repeat;
	display: table-cell;
	line-height: 25px;
	padding-bottom: 5px;
	float: left;
	padding-left: 15px;
}
.brief-text dd {
	display: table-cell;
	line-height: 25px;
	padding-bottom: 5px;
}
.br-title {
	font-size: 15px;
	line-height: 27px;
	margin-bottom: 3px;
	font-weight: bold;
	border-bottom: solid 1px #d9d9d9;
}
.mask-pic {
	width:100%;
	height:200px;
	overflow:hidden;
}
.mask-pic img {
	position:relative;
	left:0;
	top:0;
	width:100%;
   object-fit: cover; 
}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
課程種類
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.abroad {
	margin: 50px 0px 65px;
}
.abroad li {
	list-style: none;
	margin-bottom: 3px;
}
.abroad h4 {
	font-size: 25px;
	color: white;
}
.abroad p {
	font-size: 15px;
	line-height: 25px;
	text-align: justify;
	color: #ffffff;
}
.abroad a {
	color: #ffffff !important;
	border: initial !important;
	display: block;
	overflow: hidden;
}
.abroad .a a, .abroad .b a, .abroad .c a {
	color:white !important;
	border: solid 1px #ffffff !important;
	background: initial !important;
}
.abroad .a {
	background-color:#4eb2cf;
	overflow:hidden;
}
.course-list a:hover {
	background-image: url(/images/petal.png) !important;
	background-repeat: no-repeat !important;
	background-position: bottom !important;
}
.abroad .b {
	background-color:#7692d8;
	overflow:hidden;
}
.abroad .c {
	background-color:#ff8b8b;
	overflow:hidden;
}
.abroad .d {
   background-color:#ffc640;
   overflow:hidden;
}
.abroad .e {
   background-color:#9ec066;
   overflow:hidden;
}
.abroad .f {
   background-color:#e1c374;
   overflow:hidden;
}
.abroad .g {
   background-color:#b39857;
   overflow:hidden;
}
.a.course-list a:hover {
   background-color:#43aac8 !important;
}
.b.course-list a:hover {
   background-color:#6c89d2 !important;
}
.c.course-list a:hover {
   background-color:#ff7777 !important;
}
.d.course-list a:hover {
   background-color:#ffb507 !important;
}
.e.course-list a:hover {
   background-color:#8ebc42 !important;
}
.f.course-list a:hover {
   background-color:#dab249 !important;
}
.g.course-list a:hover {
   background-color:#b3954d !important;
}
.abroad .a, .abroad .b, .abroad .c, .abroad .d, .abroad .e, .abroad .f, .abroad .g {
	background-image: url(/images/petal.png);
	background-repeat: no-repeat;
	background-position: bottom;
}
.abroad .col-xs-1, .abroad .col-sm-1, .abroad .col-md-1, .abroad .col-lg-1, .abroad .col-xs-2, .abroad .col-sm-2, .abroad .col-md-2, .abroad .col-lg-2, .abroad .col-xs-3, .abroad .col-sm-3, .abroad .col-md-3, .abroad .col-lg-3, .abroad .col-xs-4, .abroad .col-sm-4, .abroad .col-md-4, .abroad .col-lg-4, .abroad .col-xs-5, .abroad .col-sm-5, .abroad .col-md-5, .abroad .col-lg-5, .abroad .col-xs-6, .abroad .col-sm-6, .abroad .col-md-6, .abroad .col-lg-6, .abroad .col-xs-7, .abroad .col-sm-7, .abroad .col-md-7, .abroad .col-lg-7, .abroad .col-xs-8, .abroad .col-sm-8, .abroad .col-md-8, .abroad .col-lg-8, .abroad .col-xs-9, .abroad .col-sm-9, .abroad .col-md-9, .abroad .col-lg-9, .abroad .col-xs-10, .abroad .col-sm-10, .abroad .col-md-10, .abroad .col-lg-10, .abroad .col-xs-11, .abroad .col-sm-11, .abroad .col-md-11, .abroad .col-lg-11, .abroad .col-xs-12, .abroad .col-sm-12, .abroad .col-md-12, .abroad .col-lg-12 {
	padding: 0px !important;
}
.edit {
	margin: 45px 60px 0px;
}
.course-list {
	position: relative;
}
.course-list > a:active .city-img img, .course-list > a:hover .city-img img {
	-webkit-transform: scale3d(1.1, 1.1, 1);
	transform: scale3d(1.1, 1.1, 1);
}
.z-index1{ z-index: 1;}
/* ----------------------------------------------------------------
  遊學訊息列表頁+內容頁
  -----------------------------------------------------------------*/
  .study-main {
   margin: 20px 0px 70px;
}
.panel-primary {
   border-color: #fd6c9f;
}
.panel-primary > .panel-heading {
   color: #fff;
   background-image: url("/images/icon-building.png");
   background-repeat: no-repeat;
   background-position: 15px center;
   background-color: #fd6c9f;
   border-color: #fd6c9f;
}
.panel-title {
   font-size: 20px;
   font-weight: normal;
}
.up-img {
   font-size: 18px;
   margin-top: 25px;
}
.list-group {
   padding-left: 0;
   margin: 0 15px;
}
.btn-primary {
   color: #fd6c9f;
   background-color: #ffe8ec;
   border-color: #ffe8ec;
   padding: 2px 15px;
   margin: 10px;
}
.btn:hover, .btn:focus, .btn.focus {
   color: #fff;
   background-color: #fd6c9f;
   border-color: #fd6c9f;
}
.point-list {
   color: #fd6c9f;
}
.text-btn {
   text-align: right;
   padding-right: 0px;
}
.btn-pink {
   color: #fff;
   background-color: #c2aa50;
   margin: 5px;
   padding: 5px 10px 5px;
   font-size: 15px;
}
button.close {
   width: 20px;
}
/* ----------------------------------------------------------------
  城市地區
  -----------------------------------------------------------------*/
  .city-list {
   position:relative;
   margin: 0px 0px 50px;
}
.city-list > a {
   display:block;
   border-top:solid 1px #ccc;
   border-left:solid 1px #ccc;
   border-right:solid 1px #ccc;
   border-bottom:solid 3px #ccc;
}
.course-list > a img, .city-list > a img {
   -webkit-transition: all .5s ease;
   transition: all .5s ease;
}
.city-list > a:active .city-img img,  .city-list > a:hover .city-img img {
   -webkit-transform: scale3d(1.1, 1.1, 1);
   transform: scale3d(1.1, 1.1, 1);
}
.city-list, .city-img, .course-list {
   overflow:hidden;
}
.city-title {
   margin:20px 30px 20px;
}
.city-title h4 {
   font-size: 25px;
   padding-bottom: 5px;
   font-weight: bold;
   text-align: center;
   border-bottom: solid 1px #e4e4e4;
}
.city-title>h4 img {
   margin: 0px 5px 10px;
}
.city-title p {
   line-height: 28px;
   text-align: justify;
   min-height: 112px;
}
.piece p{
   min-height:170px;
}
.city-sub {
 position: absolute;
 width: 166px;
 background-color: #f9728a;
 color: white;
 padding: 7px 11px;
 font-size: 18px;
 top: 17px;
 z-index: 3;
 text-align: right;
}
.arrow-box {
   position: relative;
   width: 188px;
}
.city-arrow {
   width: 0px;
   height: 0px;
   border-width: 20px;
   border-style: solid;
   border-color: transparent transparent transparent #f9728a;
   position: absolute;
   right: -18px;
   z-index: 3;
   top: 17px;
}
/* ----------------------------------------------------------------
	日本留遊學相關資訊
	-----------------------------------------------------------------*/
	.intelligence {
      padding: 10px 10px 10px;
      box-shadow: 0px 2px 2px 1px #d8d8d8;
      background-color: white;
   }
   .intelligence h4 {
      background-image: url(/images/flower.png);
      background-repeat: no-repeat;
      background-position: left center;
      font-size: 20px;
      font-weight: bold;
      line-height: 31px;
      padding-left: 37px;
      border-bottom: dotted 1px #afafaf;
      margin: 10px 8px 5px;
      white-space:nowrap;
      overflow:hidden;
      text-overflow:ellipsis;
   }
   .intelligence ul {
      padding-left: 30px;

   }
   .intelligence li {
      line-height: 30px;
      list-style-image: url(/images/dot.png);
   }
   .intelligence a {
      color:#000;
      -webkit-transition:all 0.3s ease;
      -o-transition:all 0.3s ease;
      -moz-transition:all 0.3s ease;
      transition:all 0.3s ease;
   }
   .intelligence a:hover {
      color:#f9728a;
   }
   .more-button {
      text-align: center;
      margin: 20px 0px 30px;
   }
   .more-button a {
      width:175px;
      margin: auto;
      line-height: 26px;
      display:block;
      text-align: center;
      color: #f9728a;
      border: solid 1px #f9728a;
      transition:all 0.3s ease;
      -webkit-transition:all 0.3s ease;
      -o-transition:all 0.3s ease;
      -moz-transition:all 0.3s ease;
   }
   .more-button a:hover {
      color:white;
      background: #f9728a;
   }
   .unhinge {
      margin-bottom: 20px;
   }
   .ie-box {
      background: #f3f3f3;
      padding-top: 30px;
      padding-bottom: 100px;
   }
   .ie-img {
      position: relative;
   }
   .ie-line {
      width:100%;
      height:3px;
      background: #f9728a;
      position:absolute;
      bottom:0;
   }
   .powder {
      border-radius: 5px;
      border: solid 1px #ff7676;
      background-color: #fff7f8;
   }
   .powder dt {
      color: #ff7676;
   }
   .powder dd {
      border-left: solid 1px #ff7676;
   }
   .powder a {
      background-color:#ff7676;
   }
/* ----------------------------------------------------------------
  最新消息
  -----------------------------------------------------------------*/
  .news-main {
   margin: 20px 0px;
}
.news-item {
   width: 100%;
   padding: 3px 20px 20px;
   border: 1px solid #fff6d6;
   border-radius: 6px;
   box-shadow: 0px 1px 1px 1px #eeeeee;
   background-color: white;
   margin: 20px 0;
}
.news-item h3 {
   width: 100%;
   font-size: 20px;
   line-height:40px;
   color: #ff6c00;
   background: #fff6d6;
   margin-bottom:20px;
}
.news-mask-pic {
   width: 100%;
   height:130px;
   overflow: hidden;
   border: 1px solid #eeeeee;
}
.news-mask-pic img {
   position: relative;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   object-fit: cover; 
}
.news-item p {
   width: 100%;
   font-size: 15px;
   line-height: 23px;
   color: #555555;
   border-bottom: 1px solid #eeeeee;
   display: inline-block;
   overflow: hidden;
   text-overflow: ellipsis;
   padding-bottom:10px;
   text-align: justify;
}
.btn-more {
   width: 120px;
   font-size: 15px;
   color: #ffffff;
   background-color: #ffa853;
   border-color: #ffe8ec;
   border-radius: 4px;
   padding: 2px 25px;
   margin: 5px;
}
.news-date {
   width: 100%;
   color: #999999;
   font-size: 12px;
   line-height:30px;
   border-bottom: 1px solid #eeeeee;
   margin-bottom: 10px;
}
.news-content {
   margin: 20px 0px;
}
.news-content h3 {
   width: 100%;
   color: #555;
   font-size: 25px;
   font-weight: bold;
   line-height:30px;
   padding: 0 30px;
   margin-top: 50px;
   margin-bottom: 30px;
}
.news-content h5 {
   width: 100%;
   color: #555;
   font-size: 20px;
   font-weight: bold;
   line-height:30px;
   padding: 0 30px;
   margin: 20px 0;
}
.news-content p {
   font-size: 15px;
   line-height:24px;
   padding: 0 30px;
   margin-top: 20px;
   margin-bottom: 30px;
   word-wrap: break-word;
   word-break: break-all;
}
/* ----------------------------------------------------------------
 關於GoGoJapan
 -----------------------------------------------------------------*/
 .reason {
   font-size: 19px;
   font-weight: bold;
   width: 100%;
   float: left;
   margin: 15px 0px 10px;
   color: #f9728a;
   border: solid 1px #ffdde3;
   border-radius: 50px;
}
.reason h4 {
   font-size: 19px;
   line-height: 25px;
}
.reason span {
   width: 45px;
   float: left;
   border: solid 1px #ffdde3;
   border-radius: 50%;
   text-align: center;
   font-size: 20px;
   line-height: 45px;
   color: #f9728a;
   margin-right: 5px;
   box-shadow: 0px 2px 2px 0px #fd859b;
   background:-moz-linear-gradient(top, #fff 20%, #f9d4db 100% );
   background:-webkit-linear-gradient(top, #fff 20%, #f9d4db 100% );
   background:linear-gradient(top, #fff 20%, #f9d4db 100% );
}
.imgbox{
  padding: 8px;
  border: solid 1px #f3f3f3;
  margin: 15px 0px 15px;
  border-radius: 5px;
}
.jp-reason .my-btn {
  margin: 40px 0px 30px;
	color: #fff;
}

.jp-reason p a {
  color: #f9728a;
}
/* ----------------------------------------------------------------
  學員分享心得
  -----------------------------------------------------------------*/
  .share-main {
   margin: 20px 0px;
}
.share-main p {
   font-size: 15px;
   line-height:24px;
   margin-top: 20px;
   word-wrap: break-word;
   word-break: break-all;
}
.linkcolor a{
   color:#1b6ed4;
}
.linkcolor a:hover{
   color:#e85a8f;
}

.dImgBorder{
  width: 160px;
  height: 160px;
  margin: auto;
  position: relative;
  z-index: 999;
  overflow: hidden;
  border-radius: 50%;
  box-shadow: 0px 1px 1px 2px #eeeeee;
}
.share-img {
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  background: #eeeeee;

  text-align: center;
  margin-bottom: 20px;
}
.share-main h3 {
   width: 100%;
   color: #7692d8;
   font-size: 25px;
   font-weight: bold;
   line-height:30px;
   margin-top: 0px;
   margin-bottom: 10px;
}
.share-name {
   width: 100%;
   color: #000000;
   font-size: 20px;
   font-weight: bold;
   line-height: 30px;
   margin-bottom: 10px;
}
.share-school {
   width: 100%;
   color: #555555;
   font-size: 15px;
   line-height:20px;
   padding-bottom: 10px;
   margin-bottom: 10px;
   border-bottom: 1px solid #eeeeee;
}
.share-school:before {
   font-size: 18px;
   font-weight: bold;
   color: #f9728a;
   content: "・";
}
.btn-more-blue {
   width: 90px;
   font-size: 15px;
   color: #ffffff;
   background-color: #7692d8;
   border-color: #7692d8;
   border-radius: 4px;
   padding: 2px 25px;
   margin: 5px;
   margin-bottom: 20px;
}
.share-item {
   margin: 20px 0px 30px;
}
.share-item p {
  line-height: 26px;
  height: 75px;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.share-item-line-b {
   border-bottom: 1px solid #ffffff;
}
.pagination {
   margin: 85px 0 20px;
}
.pagination > li > a, .pagination > li > span {
   border: none;
}
/* ----------------------------------------------------------------
  熱門學校推薦
  -----------------------------------------------------------------*/
  .recommend-main {
   margin: 20px 0px;
}
.recommend-item {
   width: 100%;
   padding:10px 10px 0px;
   box-shadow: 0px 1px 2px 2px #eeeeee;
   background-color: white;
   text-align: center;
   margin-bottom: 35px;
}
.rd-mask-pic {
   width: 100%;
   height: 100%;
   overflow: hidden;
}
.rd-mask-pic img {
   position: relative;
   left: 0;
   top: 0;
   width: 100%;
}
.recommend-img {
   width:100%;
   height:200px;
   overflow:hidden;
   position: relative;
}
.rd-line {
   width: 100%;
   overflow: hidden;
   height: 3px;
   background: #f9728a;
   position: absolute;
   bottom: 0;
}
.rd-heaet {
   position: absolute;
   top: 12px;
   left: 12px;
   width: 28px;
   height: 25px;
}
.recommend-item h3 {
   width: 100%;
   color: #2f2f2f;
   font-size: 20px;
   font-weight: bold;
   line-height: 30px;
   text-align: center;
   margin-top: 10px;
   margin-bottom: 0px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}
.rd-hr {
   height: 25px;
}
.rd-hr:before {
   content:"";
   font-size: 12px;
   height: 12px;
   letter-spacing: 2px;
   color: #929292;
   display:block;
   overflow: hidden;
   margin-bottom: 20px;
}
.recommend-item dl {
   padding: 0px 20px 0px;
   position: relative;
   height: 160px;
}
.recommend-item dt {
   text-align: left;
   color: #f9728a;
   margin-right: 9px;
   line-height: 28px;
   font-weight: normal;
}
.recommend-item dt:before {
   font-size: 15px;
   font-weight: bold;
   color: #f9728a;
   content: "・";
}
.recommend-item dd {
  padding: 0px 14px 10px;
  text-align: justify;
  margin-bottom: 10px;
  border-bottom: solid 1px #eeeeee;
  text-overflow: ellipsis;
  display: -webkit-box;
  line-height: 26px;
  max-height: 109px;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.btn-more-op {
   width: 120px;
   font-size: 15px;
   color: #ffffff;
   text-align: center;
   background-color: #ff8b8b;
   border-color: #ff8b8b;
   border-radius: 4px;
   padding: 2px 25px;
   margin: 5px;
   margin-bottom: 20px;
}
.push-forward a{
  background-color: #fff4f4;
  color: #f9728a;
  border:solid 1px #f9728a;
}
.push-forward a:hover{
  background-color:#f9728a;
  color: #fff;
}
/* ----------------------------------------------------------------
  頁碼換粉紅主色
  -----------------------------------------------------------------*/

  .pagination > li > a,  .pagination > li > span {
   color: #626262;
   font-size: 16px;
}
.pagination > li > a:hover,  .pagination > li > span:hover,  .pagination > li > a:focus,  .pagination > li > span:focus {
   color: #f9728a;
}
.pagination > .active > a,  .pagination > .active > span,  .pagination > .active > a:hover,  .pagination > .active > span:hover,  .pagination > .active > a:focus,  .pagination > .active > span:focus {
   background-color: #f9728a;
   border-color: #f9728a;
}
/* ----------------------------------------------------------------
  留日代辦服務項目、費用與流程
  -----------------------------------------------------------------*/

  .charge li {
  }
  .charge-icon {
   width: 100px;
   height: 100px;
   border-radius: 50%;
   border: solid 2px #b3b3b3;
   margin: auto;
   padding: 3px 0px 0px;

}
.charge-icon img{
  width:100%;
  opacity: 0.3;
}


.charge p {
  font-size: 18px;
  text-align: center;
  line-height: 33px;
  margin: 15px auto 70px;
  color: #fff;
  width: 200px;
  border-radius: 20px;
  background-color: #e4357a;
}
.pg-gloze p {
 text-align: center;
 font-size: 15px;
 line-height: 28px;
}
.collect th {
 width:20%;
}
.collect td {
 width:80%;
}
.collect h4 {
 text-align: center;
 font-weight: bold;
 font-size: 21px;
 line-height: 30px;
 color: #2f8dba;
}
.collect p {
 font-size: 15px;
 line-height: 26px;
 text-align:center;
}
.studies {
 margin: 13px 0px 50px;
 padding: 10px 20px 10px;
 border: solid 1px #2f8dba;
 background-color: #eafbff;
}
.reservation {
 margin-bottom: 45px;
}
.ie-save {
 padding:20px 0px 100px;
}
.chart-pic {
 overflow: hidden;
 padding: 32px 20px 60px;
}
.chart {
 width:80%;
 font-size: 16px;
 text-align: center;
 margin: 20px auto 0px auto;
 padding: 8px 20px 20px;
 color:white;
 position:relative;
}
.chart .arrow_b_int {
 width:0px;
 height:0px;
 border-width:15px;
 border-style:solid;
 position:absolute;
 left:50%;
 bottom:-30px;
}
.chart.a {
 background-color: #7484c0;
}
.chart.b {
 background-color: #786db9;
}
.chart .arrow_b_int.a {
 border-color:#7484c0 transparent transparent transparent;
}
.chart .arrow_b_int.b {
 border-color:#786db9 transparent transparent transparent;
}
.undertake {
 width: 38px;
 height: 38px;
 font-size: 11px;
 line-height: 13px;
 color: #665ba7;
 background-color: white;
 float: left;
 border-radius: 50%;
 padding-top: 7px;
}
/* ----------------------------------------------------------------
  預約諮詢服務
  -----------------------------------------------------------------*/
  .advisory-box {
   margin:30px 0px 35px;
}
.advisory-icon {
   width: 80px;
   float: left;
   display:table-cell;
   color: #e4357a;
   font-size: 45px;
   line-height: 80px;
   text-align: center;
   border-radius: 50%;
   border: solid 1px #e4357a;
}
.advisory-txt {
   font-size: 20px;
   line-height: 30px;
   font-weight: bold;
   margin-bottom: 10px;
}
.immediate {
   display:table-cell;
   padding:0px 10px 0px;
}
.immediate p {
   text-align: justify;
   line-height: 26px;
}
.consultants{ display: flex; flex-direction: row; justify-content: center; list-style-type: none; margin: 20px 0 40px;}
.consultants li{ display: flex; flex-direction: row; text-align: left; align-items: center; letter-spacing: 1px; line-height: 1.5;}
.consultants li span{ display: block; margin-bottom: 10px; font-size: 16px; font-weight: 700;}
.consultants img{ max-width: 120px; width: 100%; margin: 0 15px;}

/* ----------------------------------------------------------------
 代辦服務處
 -----------------------------------------------------------------*/
 .partition {
   margin-bottom: 30px !important;
}
.picture {
   padding: 10px;
   box-shadow: 0px 0px 3px 0px #808080;
}
.synchronize li {
   display: inline;
   font-size: 16px;
   margin: 0px 10px;
   font-weight: bold;
   color: #e73279;
}
/* ----------------------------------------------------------------
  選擇日本留遊學的7大原因
  -----------------------------------------------------------------*/
  .cause-title{

  }
  .cause p{
    margin:10px 0px 0px;
 }
 .cause-icon {
    font-size: 21px;
    float: left;
    background-color: #e4357a;
    color: white;
    padding: 4px 8px 4px;
    margin-right: 10px;
    box-shadow: inset -4px 2px 5px 0px #a1124a;
 }
 .cause .fa, .cause h4 {
   line-height:30px;
}
.cause h4 {
   font-size: 19px;
   border: solid 1px #e4357a;
   padding: 3px;
   margin-top: 16px;
   color: #e4357a;
   box-shadow: 0px 2px 2px 0px #e4357a
}
 /* ----------------------------------------------------------------
  日本教育體系
  -----------------------------------------------------------------*/
  .jp-schools p{
    text-align: justify;
    border-top: solid 1px #ffe5e6;
 }
 .jp-title{
   font-size: 18px;
   color: #f9728a;
   margin-bottom: 10px;
   
}
.choice{
  padding: 0px 0px 50px;
}
.choice .a{
  text-align: right;
}
.school-icon{
  width: 60px;
  height: 60px;
  margin: 0px 10px 0px;
  display: table-cell;
  float: left;
  border-radius: 50%;
  background-color: #f9728a;
  border: solid 1px #ffb9c5;
  box-shadow: 1px 3px 3px 0px #c4c4c4;
  text-align: center;
  font-size: 30px;
  line-height: 50px;
  color: #ffe5e6;
}
.jp-main{
  display: table-cell;
}
  /* ----------------------------------------------------------------
  如何選擇日本語言學校
  -----------------------------------------------------------------*/
  .answers{
    overflow: hidden;
    margin: 2px 0px 35px;
    box-shadow: 2px 4px 3px -1px #e6e6e6;

 }
 .answers-title{
    font-size: 22px;
    color: #f9728a;
    float: left;
    width: 100%;
    background: #ffe5e6 url(/images/petal-red.png) no-repeat right 2px;
    border-radius: 5px 5px 0px 0px;
    box-shadow: inset 2px -1px 5px 0px #ffffff;
    border: solid 1px #ffd0d1;
 }
 .answers-title span.a{
   background-color: #f9728a;
   border-radius: 5px 0px 0px 0px;
   color: #ffe5e6;
   border-right: solid 1px #fffcfc;
   box-shadow: inset -4px 0px 7px 0px rgba(183, 51, 75, 0.61);
}
.answers-title p{
  font-size: 22px;
  text-align: justify;
  display: table-cell;
  padding: 10px 35px;
  vertical-align: middle;
}

.answers-main{
  float: left;
  width: 100%;
  border: solid 1px #f1f1f1;

}
.answers-main span.b{
  background-color: #f1f1f1;
  color: #c7c7c7;
  box-shadow: inset -1px 0px 5px 0px #e4e4e4;

  padding: 0px 12px 0px;
}
.answers-main p,.answers-main dl,.visa-box{
   width: 100%;
   text-align: justify;
   display: table-cell;
   padding: 15px 35px 25px;
}
.answers-main dt{
  font-size:17px;
  line-height:28px;
  color:#f9728a; 
  font-weight: inherit;
  margin-top: 10px;
}
.answers-main dd{
  font-size: 15px;
  line-height:28px;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.answers span{
  padding: 10px;
  display: table-cell;
  font-size: 25px;
  font-family: sans-serif;
  vertical-align: middle;
}

.attached p{
  display: initial;
  padding: 0px;
}
.attached table{
  margin-top: 15px;
  border: solid 1px #ff7676;
}
.attached th{
  background-color: #ff7676;
  color: white;
  text-align: center;
}
.attached tr:nth-child{
  background-color: #ff7676 !important;
  color: #ffffff;
  text-align: center;
} 
.attached tr:nth-child(even) {
 background-color: #ffdfdf;
}
.attached tr:nth-child(odd) {
  background-color: #fff1f1;
}
.attached th, .attached tr, .attached td {
  padding: 8px 20px 8px;
  border-right: solid 1px #ff7676;
  border-bottom: solid 1px #ff7676;
}
.opt-icon span{
 width: 40px;
 height: 40px;
 font-size: 20px;
 line-height: 20px;
 text-align: center;
 float: left;
 background-color: #f1f1f1;
 border-radius: 50%;
 margin: 10px 10px 10px 0px;
 color: #f97189;
 box-shadow: 1px 1px 1px 0px #b8b8b8;
}
/* ----------------------------------------------------------------
  日本語學校申請流程與準備文件
  -----------------------------------------------------------------*/
  .step-title{
     font-size: 16px;
     line-height: 30px;
     margin-bottom: 5px;
     font-weight: bold;
     color: #2f8dba;
  }
  .step-title span{
    color: #f9728a;
 }
 .css-table{
  width: 100%;
  display: table;
  border-bottom: solid 1px #ccc;
  border-left: solid 1px #ccc;
  border-right: solid 1px #ccc;
  font-size:15px;
  line-height: 28px;
  text-align: justify;
  margin: 0px 0px 10px;
}
.css-table ul{
  margin-left: 17px;
}
.css-tr{
 display: table-row;

}
.css-th{
  text-align: center;
  display: table-cell;
  border-top: solid 1px #ccc;
  border-right: solid 1px #ccc;
  vertical-align: middle;
  padding: 5px 10px 5px;
  white-space: nowrap;
  background-color: #f9728a;
  color: white;
}
.css-td{
 display: table-cell;
 border-top: solid 1px #ccc;
 vertical-align: middle;
 padding: 13px 20px 13px;

}
.application ul{
 margin-left: 30px;
 float:left;
}
.application li{
 font-size: 15px;
 line-height: 30px;
 list-style-position: outside;
 list-style-type: decimal;
}
.application a{
 color: #f9728a;
 margin-left: 2px;
}
.apply-title{
 font-size: 18px;
 border-bottom: solid 1px #dedede;
 line-height: 30px;
 padding-bottom: 5px;
 margin-bottom: 10px;
 color: #2f8dba;
}
.css-td li{
   list-style-image: url(/images/dot.png);
}
.bout{
  width:100%;
  float:left;
  margin:20px 0px 10px;
}
.bout span{
  font-size: 16px;
  color:#fff ;
  padding: 3px 20px 3px;
  background-color:#75b0d8;
  border-radius: 22px;

}
.apply-icon{
  font-size: 20px;
  text-align: center;
  line-height: 90px;
  margin: 0px auto 3px auto;
  width: 90px;
  background-color: #fdfdfd;
  border-radius: 50%;
  color: #f9728a;
  box-shadow: 0px 2px 3px 0px #c2c2c2;
}
.gray{
  background-color: #f7f7f7;
}
.remind-box{
   width: 100%;
   float: left;
   margin-bottom: 8px;
}
.remind-bady{
  float:left;
}
.remind-speak{
   float: left;
   padding: 10px;
   background-color: #fff4ed;
   color: #e4357a;
   border-radius: 7px;
}
/* ----------------------------------------------------------------
  日本留學簽證申請
  -----------------------------------------------------------------*/
  .visa-box p{
   display:initial;
   padding: 15px 0px 15px;
}
.visa-box ul{
  margin-left: 15px;
}
.visa-box li{
  font-size: 15px;
  line-height: 30px;
  list-style-position: outside;
  list-style-image: url(/images/dot.png);
}
.visa-title{
 font-size: 19px;
 line-height: 30px;
 border-bottom: solid 1px #dedede;
 padding-bottom: 5px;
 margin-bottom: 10px;
 color: #2f8dba;
}
.visa-title span{
 display: initial;
 font-size: 19px;
 line-height: 30px;
 padding:0px;
 vertical-align: top;
 color: #f97189;
}
.map-box{
 padding: 20px;
 box-shadow: 0px 0px 4px 0px #ccc;
 margin: 15px 0px 40px;
}
  /* ----------------------------------------------------------------
  關於日本住宿VS注意事項
  -----------------------------------------------------------------*/
  .answers h2,.answers h3{
    margin:0px;
 }
 input[type="radio"], input[type="checkbox"] {
    margin: 8px 0px 0px;
 }
  /* ----------------------------------------------------------------
  日本國民健康保險
  -----------------------------------------------------------------*/
  .health dl{
     padding: 5px 5px 25px;
  }
  .health dt,.health dd{
     display: table-cell;
     line-height: 35px;
     padding: 0px;
     margin: 0px;
  }
  .health dt{
     float:left;
     font-size: 15px;
     background-image:url(/images/dot.png);
     background-repeat: no-repeat;
     background-position: left center;
     padding-left: 15px;
  }
  .health dd{
     white-space: initial !important;
  }
  .health-mark p{
     background-color: #f9728a;
     padding: 5px 20px;
     font-size: 17px;
     color: white;
     border-radius: 20px;
  }
  .health-mark p .fa{
     margin-right:6px;
  }
 /* ----------------------------------------------------------------
  JLPT日文檢定測驗
  -----------------------------------------------------------------*/
  .degree {
     text-align: center;
     width: 40px;
     height: 40px;
     line-height: 40px;
     color: white;
     background-color: #ff6666;
     border-radius: 50%;
  }
  .quiz li,.quiz p {
     text-align: justify;
  }
 /* ----------------------------------------------------------------
  常用日文會話
  -----------------------------------------------------------------*/
  .ability tr:nth-child(odd) {
     background-color: #fff1f1 !important;
     color: #333;
  }
  .translate a{
     background-color: rgba(255, 147, 147, 0);
     color: #ff7676;
     padding: 5px 20px;
     border-radius: 7px;
     float: left;
     margin: 8px 0px 8px;
     border: solid 1px #ff7676;
  }
  .translate a:hover{
     background-color: #ff7676;
     color: white;
  }
  .translate span{
   width: 65px;
   height: 65px;
   background-color: #ff7676;
   float: left;
   text-align: center;
   border-radius: 50%;
   line-height: 63px;
   color: white;
}
/* ----------------------------------------------------------------
  日本生活小知識
  -----------------------------------------------------------------*/
  .life-box{
    width: 100%;
    height: 45px;
    float: left;
    background-color: #fff3f5;
    border-radius: 50px;
    margin: 15px 0px 15px;
    border: solid 1px #ffd6dd;
    position: relative;
 }
 .life-icon{
    width: 60px;
    height: 60px;
    font-size: 30px;
    line-height: 40px;
    padding: 7px;
    border-radius: 50%;
    background-color: #fff3f5;
    margin: initial;
    border: solid 1px #ffd6dd;
    text-align: center;
    box-shadow: 0px 3px 4px 0px #ffafbd;
    position: absolute;
    left: 0;
    top: -10px;
 }
 .life-button{
   width:100%;
   overflow: hidden;
   float:left;
   text-align: center;
   margin-bottom: 40px;
}
.life-button li{
 list-style: none;
 display: inline-block;
}
.life-button a{
  display: block;
  text-align: center;
  color: #f9728a;
  margin: 0px 0px;
  background-color: #ffe5f0;
  border: solid 1px #ffd6e7;
  width: 275px;
  font-size: 20px;
  line-height: 28px;
  padding: 10px 0px 10px;
  border-radius: 5px;
  transition:.4s ease-out;
}
.life-button a:hover{
   color: #ffc6de;
   box-shadow: 0px 1px 4px 0px #ffadcf;
}
/* ----------------------------------------------------------------
   日本留學資訊
   -----------------------------------------------------------------*/
   .promote-main{
      overflow:hidden;
      background: linear-gradient(top,#fdfcfc 40%,#fff 80%);
      background: -webkit-linear-gradient(top,#fdfcfc 40%,#fff 80%);
      background: -moz-linear-gradient(top,#fdfcfc 40%,#fff 80%);
      box-shadow: 0px -2px 6px 0px #d0d0d0;
      padding: 25px 20px 30px;
      border-radius: 8px;
      border-top: solid 2px #fff;
      margin-bottom: 25px;

   }
   .promote-title{
      border-bottom: solid 1px #eaeaea;
      margin-bottom: 15px;
   }
   .promote-title h4{
     width: 220px;
     font-size: 22px;
     background-color: #fff3f5;
     color: #f9728a;
     display: inline-block;
     padding: 5px 20px 5px;
     border-radius: 20px;
     border: solid 1px #ffd6dd;
     box-shadow: 0px 3px 4px 0px #ffafbd;
  }
  .promote-main p{
    margin: 0px;
    width: 100%;
    float: left;
    padding: 0px 18px 10px;
 }
 .promote-main ul{
   list-style:none;
   line-height: 28px;
   padding: 10px;
}
.promote-main li{
 font-size: 15px;
 line-height: 28px;
 margin-bottom: 10px;
 list-style-image: url(/images/dot.png);
 float: left;
 list-style-position: inside;
}
.promote-main a{
  font-size: 17px;
  padding: 0px 5px 5px;
  color: #f9728a;
  transition:.3s ease-out;
}
.promote-main a:hover{
  color:#fa254b;
}

/* ----------------------------------------------------------------
  日語小知識 - 台灣同學常使用錯誤的日文
  -----------------------------------------------------------------*/

  .used p{
   text-align: justify;
   font-size: 15px;
   margin: 0px 0px 20px;
   line-height: 28px;
}
.used span{
   color: #a675ac;
}

/* ----------------------------------------------------------------
  為什麼要去日本留學？日本留學五大優勢
  -----------------------------------------------------------------*/
  .whyjapn-advatage .brief p{ margin-bottom: 30px;}
   .btns-wrap{ margin:0 0 30px; text-align: center;}
   .whyjapn-advatage .more-button { display: inline-block; margin: 0; width: auto;}
  .whyjapn-advatage .more-button a{ display: inline-block; margin: 0 10px 10px;}
  .link_underline{ color: #f9728a; text-decoration: underline;}
  
   @media (max-width: 479px) {
      .whyjapn-advatage .d-block-sm{ display: block;}
   }
/* ----------------------------------------------------------------
	footer區塊
	-----------------------------------------------------------------*/
	footer {
      width:100%;
      float:left;
      background: #4b4949;
      color:#c4c4c4;
      line-height: 30px;
      clear:both;
   }
   footer a {
      display:inline-block;
      color:#c4c4c4;
      -o-transition:all 0.3s ease;
      -webkit-transition:all 0.3s ease;
      -moz-transition:all 0.3s ease;
      transition:all 0.3s ease;
   }
   footer a:hover {
      color:white;
   }
   footer li {
      list-style: none;
      line-height: 30px;
   }
   footer h5 {
      font-size: 18px;
      color:white;
   }
   footer h6 a {
      font-size: 16px;
      color:white;
   }
   footer h6 a:hover {
    color:#c4c4c4;
 }
 .footer {
   border-bottom: solid 1px #5c5c5c;
   padding: 12px 0px 12px;
}
address a{
   margin-left:4px;
   color: #e8e8e8;
}
.gap a.a {
   margin-left:6px;
}
.copyright {
   text-align: center;
   background: #e4357a;
   padding-top: 13px;
}
.copyright li {
   font-size: 15px;
   line-height: 33px;
   list-style: none;
   display: inline;
   padding: 0px 30px;
   border-right: solid 1px #fff;
}
.copyright li a, .copyright p {
   line-height: 33px;
   color:white;
}
.share-icon li {
   display: inline;
   float:left;
}
.share-icon a {
   display: block;
   margin: 0px 12px;
   width: 45px;
   height: 45px;
   font-size: 20px;
   color: white;
   border-radius: 50%;
   line-height: 45px;
   text-align: center;
   background-color: #3b3634;
   transition: all .3s ease;
}
.share-icon a.fa-facebook:hover {
   background-color: #3b5998;
}
.share-icon a.fa-google-plus:hover {
   background-color: #dd4b39;
}
.share-icon a.pixnet:hover {
   background-color: #01479d;
}
.share-icon a.line {
   font-size: 15px;
}
.share-icon a.line:hover {
   background-color: #00c300;
}
.share-icon a:focus {
   color:white;
}

/* right fix bar */
footer .bottom_bar { position: fixed; right: 30px; top: 45%; z-index: 999;}
footer .bottom_bar ul{ width: 100%; list-style-type: none; text-align: center;}
footer .bottom_bar li{ display: block; padding: 4px 8px 1px; background: rgb(228 53 122 / 90%); border-radius: 15px;}
footer .bottom_bar li:not(:first-child){ margin-top: 8px;}
footer .bottom_bar svg{ display: block; margin:4px auto 0;}
footer .bottom_bar a{ font-size: 12px; line-height: 2; color: #fff;}
footer .bottom_bar .phone{ display: none;}

@media screen and (min-width: 960px) and (max-width: 1200px) {
  .menu > ul > li a {
   padding: 5px 20px 5px;
}

}
@media (min-width:1200px) {
 .intelligence ul {
  min-height:initial !important;
}
.answers-main dd{
  white-space: nowrap;
}
}

@media (max-width: 950px) {
  #index_b_hero .mask-left, #index_b_hero .mask-right, #index_b_hero .hero {
   width: 100%;
   height: auto;
}
.menu.container {
   width: initial;
}
.menu > ul > li a {
   padding: 5px 20px 5px;
}
}
@media (max-width: 768px) {
   header {
      padding-top: initial;
   }
   .logo {
      float:left;
   }
   .logo img {
      width:70%;
      margin:0px 10px 5px;
   }
   nav {
      background: #f1f1f1;
   }
   .share-item p {
   height:initial;
   }
   .main-title {
   font-size: 22px;
   }
   #index_b_hero {
   height: 740px;
   }
   .menu.container {
   padding-right:initial;
   padding-left:initial;
   }
   .dialog {
   width:100%;
   position:relative;
   left:0;
   }
   .introduce {
   display: initial;
   }
   .school-basemap {
   background-size: inherit;
   }
   .cherry-girl {
   bottom: -47%;
   }
   .interface {
   width:100%;
   }
   .text-btn {
   text-align: center;
   }
   .apply {
   margin: initial;
   }
   .apply th {
   width: 36%;
   }
   .breadcrumb {
   padding: 0px 0px;
   text-align: center;
   margin-bottom: inherit;
   }
   .share-button {
   width: 230px;
   float:initial;
   margin: auto;
   }
   .my-btn {
   margin: 75px 0px 0px;
   }
   #index_b_hero {
   width: 100%;
   }
   .immediate {
   display: initial;
   }
   .choice .my-btn{
   text-align: center;
   margin: 30px 0px 0px;
   }
   .charge p {
   font-size: 16px;
   width:initial;
   margin: 15px 3px 70px;
   }
   .answers-title {
   background-image: initial;
   background-color:#ffe5e6;  
   }
   .answers-main dt,.answers-main dd{
   width:100%;
   float:left;
   } 
   .opt-icon span {
   margin: -7px 10px 7px 0px;
   }
   .attached th {
   width:initial;
   }
   .menu-dropdown-icon .container{
   padding:0px;
   }
   .table-responsive {
   border: initial;
   }
   button {
   width: 100%;
   }
   .answers-main span.b {
   width: 100%;
   float: left;
   }
   .answers-main p, .answers-main dl, .visa-box {
      padding: 8px 5px 8px;  
   }
   .visa-box{
      width: 100%;
      float: left; 
      display:initial;
   }
   .answers-main p{
   margin-bottom: 20px;
   }
   .map-box {
   padding: 5px;
   }
   .attached {
   padding: 25px 15px 40px;
   }
   .pg-title h1, .pg-title h2, .pg-title h5 {
   font-size: 30px;
   }
   .answers-title p {
   padding: 10px 15px;
   }
   .health dd {
   margin: 0px 0px 20px;
   }
   .edit {
   margin: 25px 20px 0px;
   }
   .life-button a {
   margin: 1px 0px;
   }
   .mask-pic {
   height: 330px;
   }
   .recommend-img {
      height:100%;
   }
   .recommend-item dl {
      height:100%;
   }
   .consultants{ flex-direction: column;}
   .consultants li:nth-child(2){ margin-top: 10px;}

   footer .bottom_bar { position: fixed; width: 100%; top: initial; bottom: 0; right: 0; z-index: 999;}
   footer .bottom_bar ul { display: flex; margin-bottom: 0; justify-content: space-between; align-items: flex-end; }
   footer .bottom_bar li{ display: inline-block; padding: 0; width: 100%; background: rgb(228 53 122 / 90%); border-radius: 0; font-size: 0;}
   footer .bottom_bar li:not(:first-child) { margin-top: 0;}
   footer .bottom_bar svg{ margin: 10px auto 5px;}
   footer .bottom_bar a{ font-size: 12px; }
   footer .bottom_bar li:nth-child(2){ border-color:rgb(255 255 255 / 40%) rgb(255 255 255 / 40%) transparent rgb(255 255 255 / 40%)}   
   footer .bottom_bar .yt{ display: none;} 
   footer .bottom_bar .phone{ display: block;}
   #scroll-to-top{ bottom: 90px!important;}
   .copyright{ padding-bottom: 65px;}
}
@media (max-width: 991px) {
   .pass-off{
      display:none;
   }
   .pass-on{
      display:block !important;
   }
   .news-mask-pic {
      height:300px;
   }
}
@media (max-width: 640px) {
   .mend-word {
      white-space: initial; display: initial; width: 100%;
   }
   .mend-word:before, .mend-word:after {
      display: initial;
   }
   .pg-title h1{ padding-bottom: 0px; margin-bottom: 0px; line-height: 1.3;}
}
@media (max-width: 479px) {
  #index_b_hero .mask-left, #index_b_hero .mask-right, #index_b_hero .hero {
   width: 100%;
   height: auto;
   top: -6px;
}
#index_b_hero {
   height:350px !important;
}
#index_b_hero .hero-wrap {
   position: relative;
   top: -15px;
}
.course-txt {
   left: 4%;
}

.base-box {
   padding: 25px 2px 25px;
}
.copyright li {
   padding: 0px 10px;
}
.my-btn a {
   font-size: 19px;
}
.attached th, .attached tr, .attached td {
  border-right: initial;
  border-bottom: inherit;
  text-align:justify;
  padding: 5px 8px 5px;
}
.attached tr:nth-child(even) {
  border-top: solid 1px #f9728a;
}
.mask-pic {
 height:250px;
}
}
@media (min-width: 768px) {
  .modal-dialog {
   width: 850px;
}
.right {
   text-align: right;
}
.intelligence ul {
  min-height: 300px;
}

}

@media (min-width: 480px) {
  .rwd-table td:before {
   display:none;
}
.rwd-table th, .rwd-table td {
   display:table-cell;
   padding:0.25em 0.5em;
}
.rwd-table th:first-child, .rwd-table td:first-child {
   padding-left:0;
}
.rwd-table th:last-child, .rwd-table td:last-child {
   padding-right:0;
}
.rwd-table th, .rwd-table td {
   padding:1em!important;
}
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .share-item-line-b {
   border-bottom: 1px solid #eeeeee;
   margin-bottom: 35px;
}
}