/* NOTES:
  copy old version, from https://www.pcschool.com.tw/2017/css/layout.css
  this file without autoprefixer
*/


/* start
from https://www.pcschool.com.tw/2017/css/layout.css
 */
 .COURESES {
  width: 100%;
  height: auto;
  padding-top: 20px;
  padding-bottom: 20px;
 -webkit-text-size-adjust: none;
}

.COURESES .WRAPPER {
  overflow: hidden;
  margin: 0 auto;
  max-width: 1280px;
}

/*----學員權益-----*/
.couresesNew {
  width: 100%;
  height: auto;
  margin-bottom: 15px;
}

.couresesNew h1{
font-size: 30px;
margin-bottom: 10px;
padding-left: 5px;
display: inline-block;
margin-left: 0;
margin-right: 0;
font-weight: bolder;
}

@media (max-width:990px) {
  .couresesNew h1{
font-size: 24px;
margin-bottom:5px;
}
}

.couresesNew h1 i{
  color: #c2000a;
}

.couresestit{
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;

}

@media (max-width:990px) {
  .couresestit{
    margin-bottom: 10px;
  }
}

.couresestit .morebtn{
  margin-top: 5px;
  display: inline-block;
  background-color: #f6f6f6;
  border: #ccc 1px solid;
  margin-right: 5px;
  padding: 5px 10px;
  height: 36px;
  font-weight: bolder;
  cursor: pointer;

}

@media (max-width:990px) {
  .couresestit .morebtn{
    font-size: 16px;
    height: auto;
  }
}

.couresesNew ul {
    display: none;
    background-color: #f6f6f6;
    margin-right: 5px;
    margin-left: 5px;
    padding: 10px 10px 10px 40px;
    list-style-image: url(../images/calendar/pic01.png);
}

.couresesNew ul li {
  font-size: 16px;
  line-height: 1.6;
  padding-bottom: 5px;
  color: #666666;
  padding: 5px 0;
}

.couresesNew ul li .s-title{
font-weight: bolder;
font-size: 18px;
}

.couresesNew ul li .left-num{
  margin-left: -18px;
}

/*----課程行事曆-----*/
.couresesDateBox {
  width: 100%;
  height: auto;
  margin-bottom: 15px;
  font-family: Nirmala UI, "Microsoft JhengHei";
  color: #666666;
  overflow: hidden;
  position: relative;
}

.couresesDate {
  float: left;
  width: 80%;
  height: auto;
  font-size: 20px;
  line-height: 1.3;
  font-weight: bold;
  font-size: 1.4em;
  color: #c2000a;
  text-align: center;
  padding-right: 90px;
}

.couresesDateW{
  overflow: hidden;
}

.seemon-wrapper{
  position: absolute;
  left: calc(50% + 15px);
}

.seemon{
display: inline-block;
font-size: 18px;
color: #ccc;
border: #ccc 1px solid;
padding: 2px 10px;
background-color: #f6f6f6;
margin-left: 10px;
cursor: pointer;
}

.seemon.tored{

background-color: #ddd;
color: #666;
}

.couresesDateLeft {
  float: left;
  width: 10%;
  text-align: center;
  font-size: 30px;
  color: #008dc2;
margin-top: -5px;
  font-weight: bold;

  cursor: pointer;
}

@media screen and (min-width: 990px) {
  .couresesDateLeft {
    text-align: left;
    padding-left: 15px;
  }
}

.couresesDateRight {
  float: left;
  width: 10%;
margin-top: -5px;
  font-size: 30px;
  color: #008dc2;
text-align: center;
  font-weight: bold;


  cursor: pointer;
}

@media screen and (min-width: 990px) {
  .couresesDateRight {
    text-align: right;
    padding-right: 15px;
  }
}

.couresesDateExpired {
  position: relative;
  width: 30px;
  height: 30px;
  background-color: #d5d5d5;
  border-radius: 30px;
  line-height: 30px;
  margin: 0 auto;
  cursor: pointer;
}

.couresesDateToday {
  position: relative;
  width: 30px;
  height: 30px;
  background-color: #008dc2;
  border-radius: 30px;
  line-height: 30px;
cursor: pointer;
  margin: 0 auto;
  color: #fff;
}

.couresesDateCollection {
  position: relative;
  width: 30px;
  height: 30px;
  background-color: #fff;
  border-radius: 30px;

  margin: 0 auto;
  /*border: 1px #c2000a solid;*/
  cursor: pointer;
}

.couresesDateRehearsals {
  position: relative;
  width: 30px;
  height: 30px;
  background-color: #ffec00;
  border-radius: 30px;
  line-height: 30px;

  margin: 0 auto;
  cursor: pointer;

}

.couresesDateNumber {
  position: absolute;
    width: 16px;
    height: 16px;
    background-color: #c2000a;
    border-radius: 16px;
    font-size: 12px;
    line-height: 16px;
    color: #fff;
    font-weight: normal;
    top: -8px;
    left: 21px;

}
.couresesDateNumber span{
  position:relative;

  text-align: center;
}
/*.couresesDateBottom  {
  /*float: left;
   width: 22.5%;
  width: 100%;
  height: auto;
  font-size: 14px;
  line-height: 1.3;
  color: #666666;
  text-align: left;
  margin: 15px;
  margin-top: 15px;
  margin-bottom: 30px;
  white-space:nowrap;
  font-size:1.2em;
  margin-right:30px;
}*/

.couresesDateBottomgroup .navbar-nav{
  width:100%;
  position:relative;

text-align: center;
  margin:0 0 30px 0;
  padding-top: 10px;
  float: none;
}
.couresesDateBottomgroup .navbar-nav li{
    font-size:1em;
   display: inline-block;
    padding-right:3%;
    text-align: center;
    white-space:nowrap;
    float: none;
}
.rwd-table {
  background: #fff;

}

.rwd-table tr:nth-of-type(1) {
  border-bottom: 2px #666666 solid;
}

.rwd-table tr:nth-of-type(6) {

}

.rwd-table th,
.rwd-table td {
  margin: 0.5em;
  text-align: center;
  font-size:1.2em;
}

.rwd-table {
 width: 100%;
 font-family: Arial,Helvetica,微軟正黑體,sans-serif;
 color:#999;
 font-weight: bolder;

border-bottom: 2px #666666 solid;



}

.rwd-table tr:nth-last-child(1) td:nth-last-child(1), .rwd-table tr:nth-last-child(1) td:nth-last-child(2){
border-bottom: #C2000A 2px solid;
}


.rwd-table th,
.rwd-table td {
  display: table-cell;
  padding: 1em !important;
}

.rwd-table th,
.rwd-table td:before {
  color: #666666;
  font-weight: bold;
}

/*----開始查詢-----*/

.inquireBox {
  width: 100%;
  height: auto;
  margin: 0 auto;
  margin-bottom: 30px;
}

.inquireBoxImport {
  width: 98%;
  height: 60px;
  margin: 0 1%;
  /*background-color: #008dc2;*/
  padding: 15px;
  margin-bottom: 30px;
  border-radius: 4px;
}

.inquireBoxImportText {
  width: 100%;
  height: auto;
  margin: 0 auto;
  text-align: center;
}

.inquireBoxImportBtn {
  width: 100px;
  height: auto;
  margin: 0 auto;
  background-color: #c2000a;
  color: #fff;
}

.inquireBoxAddress {
  display: block;
  overflow: hidden;
  width: 98%;
  height: auto;
  margin: 0 1%;
  background-color: #fff;
  border: 1px #cfcfcf solid;
  padding: 15px 0;
  margin-bottom: 30px;
  border-radius: 4px;
}
.mb-0{
  margin-bottom:0;
}
@media (max-width:768px) {
  .inquireBoxImportText .input-group{
     margin-bottom:15px;
  }
  .inquireBoxImport{
    padding-bottom:0;
  }
}
/*------------表單------------*/
#FORM {
  width: 50%;
  height: auto;
  margin: 0 auto;
  padding: 0 5%;
}

#FORM #TEXT {
  width: 12%;
  height: auto;
  float: left;
  margin: 0 1%;
  font-size: 16px;
  line-height: 1.3;
  color: #008DC2;
  padding-top: 15px;
}

#FORM #CITY {
  width: 41%;
  height: auto;
  float: left;
  margin: 0 1%;
}

#ddl_city_no {
  width: 100%;
  text-align: center;
  height: 35px;
}

#FORM #SCHOOL {
  width: 41%;
  height: auto;
  float: left;
  margin: 0 1%;
}

#ddl_area_no {
  width: 100%;
  height: 40px;
  text-align: center;
  height: 35px;
}

#FORM #MAIN {
  width: 26%;
  height: auto;
  float: left;
  margin: 0 1%;
}

#ddl_main_no {
  width: 100%;
  text-align: center;
  height: 35px;
}

#FORM #SECONDARY {
  width: 26%;
  height: auto;
  float: left;
  margin: 0 1%;
}

#ddl_secondary_no {
  width: 100%;
  text-align: center;
  height: 35px;
}

#FORM #ALL {
  width: 26%;
  height: auto;
  float: left;
  margin: 0 1%;
}

#ddl_all_no {
  width: 100%;
  text-align: center;
  height: 35px;
}

#FORM #YEAR {
  width: 26%;
  height: auto;
  float: left;
  margin: 0 1%;
}

#ddl_year_no {
  width: 100%;
  text-align: center;
  height: 35px;
}

#FORM #WEEK {
  width: 26%;
  height: auto;
  float: left;
  margin: 0 1%;
}

#ddl_week_no {
  width: 100%;
  text-align: center;
  height: 35px;
}

#FORM #TIME {
  width: 26%;
  height: auto;
  float: left;
  margin: 0 1%;
}

#ddl_time_no {
  width: 100%;
  text-align: center;
  height: 35px;
}

.A {
  color: #666666;
  background-color: #fff;
  border-top-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
  border-bottom: 1px solid #666666;
  width: 100%;
  height: 35px;
  line-height: 35px;
  margin-top: 5px;
  font-size: 100%;
  text-align: left;
  padding-left: 10px;
  overflow: hidden;
  font-family: Arial, Helvetica, "微軟正黑體", sans-serif, Microsoft JhengHei;
}


.btn.focus,
.btn:focus,
.btn:hover {
  color: #fff;
  text-decoration: none;
}

.inquireCondition {

padding-left: 5px;
padding-right: 5px;
  height: auto;
  font-size: 1.3em;
  line-height: 1.3;
  color: #c2000a;

  margin-top:20px;
  margin-bottom: 20px;
  font-weight:700;
}

@media (max-width:990px) {
  .inquireCondition {
  font-size: 18px;
}
}

.inquireCondition h1{
  font-size: 30px;
  margin-bottom: 10px;
  font-weight: bolder;
  color: #4f4f4f;

}

@media (max-width:990px) {
  .inquireCondition h1{
    font-size: 24px;
  }
}
.inquireCondition h1 i{
color: #c2000a;
}

.inquireCondition img {
  margin-right: 5px;
  margin-top: -5px;
}

.inquireItem {
  width: 100%;
  height: auto;
  margin: 0 auto;
  margin-bottom: 30px;
}

.inquireItemBox {
  width: 100%;
  height: auto;
  border: 1px #cfcfcf solid;
  padding: 15px;
}

.form-inline{
  margin:0 0 5px 15px;
}

.input-group{
  padding-right:15px;
  width: 31.3333333%;
  font-size: 1.2em;
}
.input-group-addon{
  width: 30%!important;
  font-size:18px;
}

.form-control{
  font-size: 18px;
  height: 34px;
}

select.form-control{

 overflow: hidden!important;
      white-space: nowrap!important;

    -o-text-overflow: ellipsis!important;

       text-overflow: ellipsis!important;

}

.input-group last-child{
 padding-right:0;
 margin-bottom:0;
}
.input-group-addon{
  font-weight:500;
  font-size:1.1inquireConditionem;
  font-weight:600;
}
.panel-title{
  font-size:1.1em;
  font-weight:600;
}
.m-15{
  margin:0 15px;
}
.mb-15{
  margin-bottom:15px;
}
.ml-20{
  margin-left:20px;
}
.panel-body{
  font-size:1.1em;
  font-weight:500;
}
/*----查詢結果-----*/

.couresesInformationBox {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
  height: auto;
  margin: 0 auto;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  overflow-y: hidden;
  margin-left: -1%;
  margin-right: -1%;
}

.search-more-wrapper{
  text-align: center;
    padding-top: 20px;
    width: 100%;
}

.search-more-wrapper .search-more{
border: 0;
    text-align: center;
    display: inline-block;
    padding: 10px 40px;
    color: #fff;
    -webkit-box-shadow: 0 1px 1px #ccc;
            box-shadow: 0 1px 1px #ccc;
    background-color: #008dc2;
}

.couresesInformation {
  display: block;
position: relative;
padding-bottom: 20px;
  width: 31.333333333333333333333%;

  border: 1px #cfcfcf solid;
  /*padding: 1%;*/

  margin: 0 1% 0 1%;
  margin-bottom: 15px;
      border-radius: 4px;
      -webkit-box-shadow: 0 1px 1px #ccc;
              box-shadow: 0 1px 1px #ccc;
}

.couresesInformationPic {
  float: left;
  width: 18%;
  height: auto;
  border: 1px #cfcfcf solid;
  margin-bottom: 15px;
}

.couresesInformationPic img {
  width: 100%;
  height: auto;
}

.couresesInformationPicClass {
 float: left;
    width: 97%;
    font-size: 1.2em;
    height: 70px;
    overflow: hidden;
    margin-bottom: 10px;
    line-height: 1.3;
    color: #008dc2;
    padding: 15px;
    word-wrap: break-word;
}

.couresesInformationPicClass span {
  color: #c2000a;
  font-weight: bold;
}
.couresesInformationPicClass span.blue {
  color: #008dc2;
  font-weight: bold;
}
.couresesInformationPicClass span.purple {
  color:#30badd;
  font-weight:bold;

}

.couresesInformationPicTeacher {
  display: block;
  overflow: hidden;
  float: left;
  width: 24%;
  height: auto;
  margin-bottom: 15px;
}

.couresesInformationPicTeacher img {
  display: block;
  overflow: hidden;
  /*width: 70px;
  height: 70px;*/
  width:70%;
  height:auto;
  border: 1px #cfcfcf solid;
  border-radius: 50%;
  margin: 0 auto;
}

.couresesInformationPicTeacherNews {
  display: block;
  overflow: hidden;
  float: left;
  width: 76%;
  height: auto;
  margin-bottom: 15px;
}

.couresesInformationPicTeacherNewsflow {
  float: left;
  width: 100%;
  height: auto;
  color: #474747;
}

.couresesInformationPicTeacherNewsflow p {
  height: auto;
  font-size: 18px;

  margin-bottom: 10px;
  color: #474747;
  white-space:nowrap;
}

.couresesInformationPicTeacherNewsflow p i{
color: #008dc2;
width: 25px;
text-align: center;
padding-right: 5px;
}
.fa-bookmark-o{
  color: #008dc2;
  font-size:1.2em;
  padding-right:5px;
}
.couresesInformationPicTeacherNewsflow img {
  margin-right: 5px;
}

.couresesInformationPicTeacherNewsflow p span {
  color:#666666;
}

.couresesInformationPicTeacherNewsflow p font {
  color: #c2000a;
}

.ci-wrapper{
  position: absolute;
  right: 20px;
  bottom: 20px;
}

.couresesInformationPicTeacherNewsLeave {

  width: 90px;
  height: 28px;
  background-color: #008dc2;
  margin: 0 auto;
  cursor: pointer;
  text-align: center;

  padding-top: 10px;


}

.couresesInformationPicTeacherNewsLeave p {
  font-size: 18px;
  color: #fff;
  margin-top: -6px;
}

.couresesInformationPicTeacherNewsLeaveClose {
  overflow: hidden;
  width: 90px;
  height: 28px;
  background-color: #fff;
  border: 1px #008dc2 solid;
  margin: 0 auto;
  cursor: pointer;
  text-align: center;
  padding-top: 10px;

}

.couresesInformationPicTeacherNewsLeaveClose p {
  font-size: 18px;
  color: #008dc2;
  margin-top: -6px;
}

.couresesInformationPicTeacherNewsRegistration {
  overflow: hidden;
  width: 120px;
  height: 28px;
  background-color: #fff;
  border: 1px #c2000a solid;
  margin: 0 auto;
  cursor: pointer;
  text-align: center;
  padding-top: 10px;
}

.couresesInformationPicTeacherNewsRegistration p {
  font-size: 13px;
  color: #c2000a;
  margin-top: -6px;
}
.card {background: #FFF none repeat scroll 0% 0%;  }

.nav-tabs {
  border-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 20px;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
  background:#008dc2;
}
.nav-tabs > li > a {
  border:#008dc2 1px solid;
  color: #008dc2;
border-radius: 0;
  padding:5px 20px;
  font-size:1.2em;
  white-space:nowrap;
}
.nav-tabs > li.active > a, .nav-tabs > li > a:hover {
  color: #fff !important;
  background-color: #008dc2 ;

}

/*
.nav-tabs > li > a::after {
  content: ""; background: #008dc2; height: 2px; position: absolute; width: 100%; left: 0px; bottom: -1px;
  transition: all 250ms ease 0s; transform: scale(0);
}
*/

.nav-tabs > li.active > a::after, .nav-tabs > li:hover > a::after {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {

}

.tab-nav > li > a::after {
  background: #5a4080 none repeat scroll 0% 0%; color: #fff;
}
.tab-pane {
  padding: 15px 0;
}
.tab-content{
  padding:10px 20px
}
.nav-tabs > li {
  text-align:center;
  margin-right: 15px;

  }
.nav-tabs > li >a:first-child{


}


/*新寫搜尋*/
.search-cont{
  padding-left: 5px;

  padding-right: 5px;
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;


}
@media (max-width:990px) {
  .search-cont{
    font-size: 16px;
  }
}

.search-go-wrapper{
  text-align: center;
  padding-top: 20px;

}
.search-cont .search-go{
border:0;

text-align: center;
display: inline-block;
padding: 10px 80px;
color: #fff;

-webkit-box-shadow: 0 1px 1px #ccc;

        box-shadow: 0 1px 1px #ccc;
background-color: #008dc2;
}

.search-cont .cont-row{
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 15px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;


  }

.search-cont .cont-row .cont-one{
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border:1px #ccc solid;
  width: 69%;
  -webkit-box-shadow: 0 1px 1px #ccc;
          box-shadow: 0 1px 1px #ccc;
  margin-right: 1%;

  }

.search-cont .cont-row .cont-one .one-head{
width: 21%;
text-align: center;
background-color: #eee;
border-right:1px #ccc solid;
padding:8px 10px;
font-weight: bolder;
  }

.search-cont .cont-row .cont-one select{
  width: 79%;
  border:0;
  text-align: center;
  padding-left: 10px;


  }
.search-cont .cont-row .cont-one option{

  overflow: hidden;
    white-space: nowrap;

    -o-text-overflow: ellipsis;

       text-overflow: ellipsis;

}

.search-cont .cont-row .cont-one-2{
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border:1px #ccc solid;
  width: 49%;
  -webkit-box-shadow: 0 1px 1px #ccc;
          box-shadow: 0 1px 1px #ccc;
  margin-right: 1%;

  }

.search-cont .cont-row .cont-one-2 .one-head{
width: 30%;
text-align: center;
background-color: #eee;
border-right:1px #ccc solid;
padding:8px 10px;
font-weight: bolder;
  }

.search-cont .cont-row .cont-one-2 select{
  width: 70%;
  border:0;
  text-align: center;
  padding-left: 10px;


  }
.search-cont .cont-row .cont-one-2 option{


}


.search-cont .cont-row .cont-one-3{
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border:1px #ccc solid;
  width: 29%;
  -webkit-box-shadow: 0 1px 1px #ccc;
          box-shadow: 0 1px 1px #ccc;
  margin-right: 1%;

  }

.search-cont .cont-row .cont-one-3 .one-head{
width: 50%;
text-align: center;
background-color: #eee;
border-right:1px #ccc solid;
padding:8px 10px;
font-weight: bolder;
  }

.search-cont .cont-row .cont-one-3 select{
  width: 50%;
  border:0;
  text-align: center;
  padding-left: 10px;


  }
.search-cont .cont-row .cont-one-3 option{


}

.search-cont .cont-row .cont-one-4{
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border:1px #ccc solid;
  width: 49%;
  -webkit-box-shadow: 0 1px 1px #ccc;
          box-shadow: 0 1px 1px #ccc;
  margin-right: 1%;

  }

.search-cont .cont-row .cont-one-4 .one-head{
width: 20%;
text-align: center;
background-color: #eee;
border-right:1px #ccc solid;
padding:8px 10px;
font-weight: bolder;
  }

.search-cont .cont-row .cont-one-4 select{
  width: 100%;
  border:0;
  text-align: center;
  height: 41px;
  padding-left: 10px;


  }
.search-cont .cont-row .cont-one-4 option{


}
.cont-show{
  width: 99%;
  padding: 15px 15px 5px 15px;
    border:1px #ccc solid;

  -webkit-box-shadow: 0 1px 1px #ccc;

          box-shadow: 0 1px 1px #ccc;
  margin-bottom: 15px;


}
.cont-show .show-one{
  margin-bottom: 10px;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

}
.cont-show .show-one input{
  margin-right: 10px;

}
.cont-show .show-one label{
 margin-bottom: 0;
 font-weight: normal;
 display: inline;


}

.one-inner{
  width: 70%;
  padding-top: 8px;
  padding-left: 10px;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;


}
.one-inner .inner-box{
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}


.one-inner label{
  margin-bottom: 0;
  font-weight: normal;
   margin-right: 15px;
   display: inline;

}
.one-inner input{
  margin-right: 10px;

}
@media screen and (max-width: 1200px) {
.search-cont .cont-row.dothree{


-ms-flex-wrap: wrap;


    flex-wrap: wrap;
  }

.search-cont .cont-row.dothree .cont-one-3 {

margin-bottom: 15px;
}
.search-cont .cont-row.dothree .cont-one-2 {
width: 49%;
margin-bottom: 15px;
}

}
@media screen and (max-width: 990px) {
  .couresesNew ul {
    padding-left: 30px;
  }

  .search-cont .cont-row .cont-one-4{
     width:100%;
  margin-bottom: 15px;
  margin-right: 0;
  }
  .search-cont .cont-row .cont-one-4 select{
    width:100%;
    height: 41px;
  }
   .search-cont .cont-row .cont-one-4 .one-head{
    width: 30%;
  }
  .search-go-wrapper{
padding-top: 0;
  }
 .one-inner{
-ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.one-inner .inner-box{
  width: 100%;
}

.cont-show{
  margin-right: 0;
  width: 100%;
}
.one-inner label{
  margin-bottom: 0;
  font-weight: normal;
   margin-right: 15px;
   display: inline;

}
.one-inner input{
  margin-right: 10px;

}
  .search-cont .search-go {
    width: 100%;
  }
  .search-cont .cont-row{
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 0;
  margin-right: 0;

  }
.search-cont .cont-row .cont-one-3{
  width:100%;
  margin-bottom: 15px;
   margin-right: 0;
}
.search-cont .cont-row .cont-one-2{
  width:100%;
  margin-bottom: 15px;
  margin-right: 0;
}
.search-cont .cont-row .cont-one{
  width:100%;
  margin-bottom: 15px;
   margin-right: 0;
}

.search-cont .cont-row .cont-one .one-head{
width: 30%;
}

.search-cont .cont-row .cont-one-3 .one-head {
  width: 30%;
}
.search-cont .cont-row .cont-one-3 select {
  width: 70%;
}

.search-cont .cont-row.dothree .cont-one-3 {
width: 100%;
margin-bottom: 15px;
margin-right: 0;
}
.search-cont .cont-row.dothree .cont-one-2 {
width: 100%;
margin-bottom: 15px;
margin-right: 0;
}
}

.noAnyclasses{
  border:#ccc 1px solid;
  padding: 10px;
text-align: center;
  background-color: #eee;
  margin-bottom: 15px;
  width: 80%;
  margin: 2% auto;
}

/*----收藏結果-----*/

.couresesCollectionBox {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
  height: auto;
  margin: 0 auto;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  overflow-y: hidden;
  margin-left: -1%;
  margin-right: -1%;

}

.couresesCollection {
  display: block;
 position: relative;
  width: 31%;
  height: auto;
  border: 1px #cfcfcf solid;
  /*padding: 1%;*/
  margin: 0 1% 0 1%;
  margin-bottom: 15px;
     border-radius: 4px;
      -webkit-box-shadow: 0 1px 1px #ccc;
              box-shadow: 0 1px 1px #ccc;
}

.couresesCollectionPicTeacherNewsRegistration {
  overflow: hidden;
  float: left;
  width: 31%;
  height: 28px;
  background-color: white;
  border: 2px #c2000a solid;
  margin: 0 auto;
  text-align: center;
  padding: 2.7%;
  margin: 0 1% 0 1%;
}

.couresesCollectionPicTeacherNewsRegistration p {
  font-size: 13px;
  color: #c2000a;
  margin-top: -6px;
}

.couresesCollectionPicTeacherSignClass {
  overflow: hidden;

  width: 31%;

  background-color: #008dc2;

  margin: 0 auto;
  cursor: pointer;
  text-align: center;

  margin: 0 auto;
  position:relative;

}

.couresesCollectionPicTeacherSignClass p {
  font-size: 18px;
    color: #fff;
  margin: 0;
   padding:4px 10px 2px 10px;

}

.heart-icon{
  position: absolute;
  bottom:20px;
  right: 15px;
  color:#c2000a;
  cursor: pointer;
  font-size: 20px;

}

.alert-word{
  position: absolute;
  bottom:20px;
  right:40px;
  font-size: 15px;
  background-color: #666;
  display: inline-block;
  padding: 5px 10px;
  color: #fff;
  border-radius: 5px;
    display: none;
}

.couresesCollectionPicTeacherNewsMore {
  overflow: hidden;
  float: left;
  width: 31%;

  background-color: #fff;
  border: 1px #666666 solid;
  margin: 0 auto;
  cursor: pointer;
  text-align: center;

  margin: 0 1% 0 1%;
}

.couresesCollectionPicTeacherNewsMore p {
  font-size: 18px;
  color: #666666;
  margin: 0;
 padding:4px 10px 2px 10px;

}

.couresesCollectionPicTeacherNewsMoreOff {
  overflow: hidden;
  float: left;
  width: 31%;

  background-color: #c2000a;

  margin: 0 auto;
  cursor: pointer;
  text-align: center;

  margin: 0 1% 0 1%;
  position:relative;
  left:16%;
}

.couresesCollectionPicTeacherNewsMoreOff p {
  font-size: 18px;
  color: #ffffff;
  margin: 0;
   padding:4px 10px 2px 10px;
}

.couresesCollectionPicTeacherNewsRegistrationOn {
  overflow: hidden;
  float: left;
  width: 31%;

  background-color: #fff;
  border: 1px #c2000a solid;
  margin: 0 auto;
  cursor: pointer;
  text-align: center;

  margin: 0 1% 0 1%;
  position:relative;
  left:16%;
}

.couresesCollectionPicTeacherNewsRegistrationOn p {
  font-size: 18px;
  color: #c2000a;
  margin: 0;
  padding:4px 10px 2px 10px;

}

/* --電腦版型2-------------------------------------*/

@media screen and (max-width: 1200px) {
  .couresesInformation {
    width: 48%;
  }
  .couresesCollection {
    width: 48%;
  }
}
@media screen and (max-width: 1024px) {
  .couresesInformation {
    width: 48%;
  }
  .couresesCollection {
    width: 48%;
  }
  .couresesInformationPicTeacher {
    width: 24%;

  }

  .couresesInformationPicTeacher img {
    width: 55px;
    height: 55px;
  }

  #FORM #TEXT {
    width: 15%;
  }

  #FORM #CITY {
    width: 38%;
  }

  #FORM #SCHOOL {
    width: 38%;
  }

  #FORM #MAIN {
    width: 25%;
  }

  #FORM #SECONDARY {
    width: 25%;
  }

  #FORM #ALL {
    width: 25%;
  }

  #FORM #YEAR {
    width: 25%;
  }

  #FORM #WEEK {
    width: 25%;
  }

  #FORM #TIME {
    width: 25%;
  }
}

/* --平板版型1-------------------------------------*/
@media screen and (max-width: 992px) {
  .couresesInformationPicClass span{
    font-size:90%;
  }
  .couresesInformationPicTeacherNewsflow p{
    font-size:90%;
  }
}

/* --平板版型2-------------------------------------*/
@media screen and (max-width: 768px) {
  .couresesDateBottomgroup .navbar-nav li {
    font-size: 16px;
  }
  .nav-tabs > li > a {
    font-size: 16px;
    padding: 5px 0;

  }
  .nav-tabs {

  margin-left: 20px;
  margin-right: 20px;
}

.nav-tabs > li {

    margin-right:0;
    width: 50%;
}
  .couresesInformation {
    width: 100%;
  }

  .couresesCollection {
    width: 100%;
  }

  .inquireBoxImport {
    overflow: hidden;
    height: auto;
    font-weight:700;
  }

  #FORM {
    width: 98%;
    height: auto;
    margin: 0 auto;
    padding: 0 5%;
  }

  #FORM #TEXT {
    width: 11%;
  }

  #FORM #CITY {
    width: 41%;
  }

  #FORM #SCHOOL {
    width: 41%;
  }

  #FORM #MAIN {
    width: 27%;
  }

  #FORM #SECONDARY {
    width: 27%;
  }

  #FORM #ALL {
    width: 27%;
  }

  #FORM #YEAR {
    width: 27%;
  }

  #FORM #WEEK {
    width: 27%;
  }

  #FORM #TIME {
    width: 27%;
  }

  .input-group{
    margin-bottom:15px;
  }
  .couresesInformationPicTeacher img{
    width:80%;
    height:80%;
  }
  .couresesDateBottomgroup .navbar-nav{

  }
}

/* --手機版型1-------------------------------------*/
@media screen and (max-width: 639px) {
  .form-control {
    float: left;
    width: 80%;
    margin-bottom: 0px !important;
  }

  .inquireBoxImportBtn {
    float: left;
    margin-left: 5px;
  }
  .couresesDateBottomgroup .navbar-nav{

  }
}

/* --手機版型1-------------------------------------*/
@media screen and (max-width: 568px) {
  .couresesInformationPicClass {
    font-size: 1em;
    height: 60px;
  }
  .couresesInformation {
    width: 98%;
  }

  .couresesCollection {
    width: 98%;
  }
  .couresesDateBottomgroup .navbar-nav{

  }
}

/* --手機版型2-------------------------------------*/
@media screen and (max-width: 479px) {

  .rwd-table th,
  .rwd-table td {
    display: table-cell;
    padding: 0.3em !important;
    font-size: 18px;
  }

  .form-control {
    width: 70%;
  }

  #FORM #TEXT {
    width: 98%;
  }

  #FORM #CITY {
    width: 98%;
  }

  #FORM #SCHOOL {
    width: 98%;
  }

  #FORM #MAIN {
    width: 98%;
  }

  #FORM #SECONDARY {
    width: 98%;
  }

  #FORM #ALL {
    width: 98%;
  }

  #FORM #YEAR {
    width: 98%;
  }

  #FORM #WEEK {
    width: 98%;
  }

  #FORM #TIME {
    width: 98%;
  }
  .couresesInformationPicClass span{
    font-size:16px;
  }
  .couresesInformationPicTeacherNewsflow p{
    font-size:16px;
  }
  .couresesDateBottomgroup .navbar-nav{

  }
}

/* --手機版型3-------------------------------------*/
@media screen and (max-width: 375px) {
  .form-control {
    width: 60%;
  }
}

/* --手機版型4-------------------------------------*/
@media screen and (max-width: 320px) {
  .couresesDateBottom {
    font-size: 12px;
  }

  .col-xs-3 {
    width: 23%;
    padding: 5px;
    margin-left: 5px;
  }
}

/* end
from https://www.pcschool.com.tw/2017/css/layout.css
 */




 /* start
 inline style from https://www.pcschool.com.tw/calendar */
 #classList .datalistItem {
  border: 1px solid lightgray;
  border-radius: 5px;
  margin: 20px 5px;
}

  #classList .datalistItem:nth-child(odd) {
      background-color: lightgray;
  }

  #classList .datalistItem:nth-child(even) {
      background-color: khaki;
  }

.calendar {
  text-align: center;
}

  .calendar td {
      background-color: white;
      color: black;
  }

  .calendar a {
      border: 1px solid red;
      color: black;
      border-radius: 5px;
      display: block;
  }

  .datalistItem a[name^="jumper"] {
      position:relative;
      top:-60px;
  }

  .couresesCollection input {
      display:none;
  }

  .seemon-wrapper .day {
      cursor: default;
  }
 /* end
 inline style from https://www.pcschool.com.tw/calendar */