@charset "UTF-8";

#confirm_email_notif{text-align:center;margin:0 0 12px;color:green;background:#ffc;font-weight:bold;padding:12px 0}

.title_subtitle_holder{margin:0 12px;}

#input-keyword,
#reportrange{
  clear:both;margin:6px 0 0;background: #fff; padding: 5px 10px; border: 1px solid #ccc;width:140px}
#reportrange{cursor: pointer;  width: 400px }

#frm_date_filter{margin:5px 0 0 8px;}

/*first for course-list*/
#cnt-head,
#cnt-body{padding:0 30px;}

#courselst .course-item{border-top:20px solid transparent}
#courselst .l{width:300px;float:left}
#courselst .r{margin:0 0 0 319px}
#courselst h2{padding:0;margin:0;margin-left:-4px}
#courselst h2 a{color:#f90}
#courselst time{font:20px sans-serif,verdana,arial;padding:4px 0;display:block;color:#555}
#courselst time .fa{margin:0 5px 0 0;color:#000}
#courselst .go,
#courselst .desc{font-size:16px}
#courselst .go{margin:6px 0 0;float:right}

#not_found_posts{font-size:30px;text-align:center;padding:10px;clear:both}

@media only screen and (max-width:660px) {
  #cnt-head,
  #cnt-body{padding:0}

  #courselst .l{float:none;margin:0 auto 5px}
  #courselst .r{margin-left:0}
  #courselst time>span{display:block;font-size:15px;text-indent:23px}
}



/*detail*/
#course-detail ol,
#course-detail ul{margin-left:19px!important}
.badge{font-size:18px;}
#course-title{width:100%}
#course-title img{margin:auto;max-width:1020px;width:100%;display:block}
#course-title h1{background:url(bg/robin.png) no-repeat 50%;text-align:center;height:126px;line-height:178px;color:#fff;padding:0;margin:-134px 0 0}
#course-title h1#h1title1416{font-size:24px;padding-top:55px;line-height:1.3}
#course-detail{font-size: 18px;padding:90px 0 0;}

#course-detail .container{background:transparent;padding:30px 15px;}
.row+.row {margin-top: 20px;}
.section_header {
    margin-top: 4px;
    margin-bottom: 42px;
    font-size: 28px;
    position: relative;
    color: #ef8322;
    text-transform: capitalize;
    /*font-weight: 400;*/
    font-weight: bold;
}
.text-center .section_header:after, .text-center.section_header:after {
    margin-left: -95px;
    left: 50%;
}
.section_header:after {
    background-color: #e4e4e4;
    bottom: -30px;
    content: "";
    display: block;
    height: 2px;
    position: absolute;
    width: 200px;
    left: 50%;
}

.pic_section {
    background: url(bg/bgk.jpg);
    color: #3f3f3f;
}
#schedule table{-webkit-box-shadow: 5px 5px 5px -2px #8a8a8a;
    -moz-box-shadow: 5px 5px 5px -2px #8a8a8a;box-shadow: 5px 5px 5px -2px #8a8a8a}
#schedule table tbody tr td{background: #fff;border:1px solid #C5C5C5;padding: 8px}
#schedule table tbody tr.warning td{background: #F9F0C1;color: #C36918}
#schedule td.time{vertical-align: middle;}
#schedule td.time div{font-size:18px;font-weight: bold;display:inline;}
#schedule table tbody tr td.time,
#schedule table tbody tr h3{font-weight:bold;font-family:Ubuntu, "微軟正黑體", sans-serif}
#schedule table tbody tr h3{font-size:24px;text-align:left;margin:0;line-height:1.4}
.schedule-content span{display:block;font-size:.7em;}

#speaker{background:#fff}
#speaker a{text-decoration: none!important;border:none;}
#speaker a:hover{color:#2a6496;}
#speaker_url{margin:20px 0 0;}
#speaker_url i{color:#337ab7;margin:0 4px 0 0;}
/*requirement knowledge*/
.grey_section{
    background: url(bg/subtle_grunge.png);
    color: #3f3f3f;
    font-weight:bold;
}
#grey_section1{font-weight:normal}
.widget ul{list-style:none;}
.widget_about li:before,.widget_trafic li.h4:before {
    line-height: 1;
    top: 0;
    position: relative;
    font-family: rt-icons;
    color: #ef8322
}
.widget_about li:before {
    content: "\e6a2";
    font-size: 16px;
    padding-right: 10px
}
.widget_trafic li.h4 {font-weight: bold;
    font-size: 24px
}

.widget_trafic li.h4:before {
    content: "\e691";
    font-size: 20px;
    padding-right: 8px
}

.widget_trafic ul ul {
    margin-left: 26px
}

.widget_trafic ul ul li {
    line-height: 1.6;
    padding-left: 15px
}

.widget_trafic ul ul li:before {
    content: "\2022";
    font-size: 30px;
    line-height: 1;
    position: relative;
    top: 4px;
    padding-right: 10px;
    margin-left: -20px;
    color: #ef8322
}

/*ticket*/
.about_desc h2 {
    font-size: 20px;
    line-height: 1.2em
}

ul.list2 {
    list-style: none;
    line-height: 42px;
    font-size: 22px
}

ul.list2 li {
    font-size:18px;
    position: relative;
    padding: 4px 0 4px 10px
}

ul.list2 li:before {
    font-family: FontAwesome;
    content: '\f00c';
    font-size: 18px;
    display: block;
    position: absolute;
    left: -18px;
    color: #ef8322
}

/*
#about_us .about_desc a, #blog .detail-button a, #isotope_filters a, #mainslider a.type-15, #mainslider p a, #prices .price-table .call-to-action a, */
.got_ticket_area{text-align:center;letter-spacing:-1px}
#course-detail a.type-15
/* ,  .contact-form-submit button, .serv-content a*/
{
      display: inline-block;
    width: 260px;max-width:100%;
    height: 60px;
    margin: 0 auto;
    position: relative;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    border-radius: 5px;
}
/*type-15*/
.type-15 {
    overflow: hidden;
    background: 0 0
}

.type-15 span {
    position: absolute;
    width: 100%;
    height: 100%;
    display: inline-block;
    opacity: 1;
    left: 0;
    top: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 17px 0;
    text-align: center;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition: all .6s cubic-bezier(.05,.06,.05,.95);
    transition: all .6s cubic-bezier(.05,.06,.05,.95);
    box-shadow: none;
    color: #ef8322;
    font-size: 20px;
    font-weight: 700;
    border: 1px solid #ef8322;
    border-radius: 5px
}
.grid,.grid figure,.grid figure img {
    position: relative
}
.type-15 span:first-of-type {
    z-index: 9
}

.type-15 span:last-of-type {
    background: #ef8322;
    left: -100%
}

.type-15:hover span {
    left: 0;
    color: #fff
}

#cnt-foot{text-align:center;padding:9px 0 24px}
#cnt-foot .current{font-weight:bold;font-size:22px}
#cnt-foot a{font-size:16px}
#cnt-foot a,
#cnt-foot span{padding:3px 4px}

/*student_basic */
.widget_trafic #student_basic li li{list-style:none;margin:0;padding:0;}
.widget_trafic #student_basic li .sub li::before{display:none;}
#student_basic ul.sub,
#student_basic ol.sub{padding:0;margin:0!important}
#student_basic li li .fa{margin:0 9px 0 0;color:#EF7801;}

#traffic .grey_section ul ul li{font-weight:normal}

@media only screen and (max-width:1000px) {
  #course-detail{padding-top:0}
  #course-detail>.container:first-child{padding:10px}
}
@media only screen and (max-width:760px) {
  #course-title h1{margin-top:-113px;font-size:26px;padding-top:56px;line-height:1.3}
  #course-title h1#h1title1416{font-size:17px;padding-top:67px}
  .notpadphone{display:none}
}
@media only screen and (max-width:500px) {
.widget_trafic #student_basic,
.widget_trafic #student_basic ul{margin-left:0!important}

  #course-title h1{margin-top:-83px;font-size:21px}
  #course-title h1#h1title1416{font-size:15px;padding-top:60px}
  .section_header{margin-bottom:22px;font-size:19px}
  .section_header:after{bottom:-15px}


body .yarpp-thumbnails-horizontal .yarpp-thumbnail{
    text-align:center;
    width:44%;
    height: auto;
    margin: 5px 2.4%;
    border:none
}
body .yarpp-thumbnails-horizontal .yarpp-thumbnail img{margin:auto;display:block;border:1px solid #eee}
}