@charset "utf-8";
/* CSS Document */

.insideWrap{ padding:80px 0 0 0;}
.insideWrap .titleWrap .titleBox{ background:url(../images/title_hour.jpg) no-repeat;}



/*==about==*/
.hourWrap{ width:100%; box-sizing:border-box; position:relative;} 
/*.hourWrap:after{ content:""; position:absolute; right:180px; bottom:0; width:200px; height:99px; background:url(../images/img_bg03.png) no-repeat;}*/
.hourWrap .wrap{ padding:90px 20px; box-sizing:border-box;}
.hourWrap .wrap .leftBox{ float:left; width:65%; box-sizing:border-box;}
.hourWrap .wrap .rightBox{float:left; width:35%; box-sizing:border-box; padding:0 30px 0 80px;}

/*班表*/
.hourWrap .wrap .leftBox .tableBox{ width:100%; box-sizing:border-box; border:2px #fff solid;}
table.timetable{}
table.timetable tr{ background:#f4f4f4;}
table.timetable tr td{ padding:15px 0;}
table.timetable h4{ font-size:13px; font-style:normal; text-align:center;} 
table.timetable b{ display:block; color:#fff; font-size:14px; text-align:center;}
table.timetable p{ color:#333; font-size:14px; font-weight:bold; text-align:center;}
table.timetable i{ display:block; color:#333; font-size:14px; font-style:normal; text-align:center;}
table.timetable i.fa{ color:#c55959;margin-top: 11px;}

table.timetable tr.week{ background:#888;}
table.timetable tr.week td{ padding:10px 0;}


table.timetable tr.date td{ padding:6px 0;}
table.timetable tr.date{ background:#79b939;}
table.timetable h4{ font-size:13px; font-style:normal; text-align:center;} 
table.timetable td div {background: #79b939;line-height: 1.6;}

.btn {display: inline-block; font-size:15px; color:#fff; font-weight:normal; border:1px #4c9009 solid; border-radius:4px; background:#4c9009; padding:2px 8px; margin-right:8px;}
.btn2 {display:inline-block; font-size:14px; color:#fff; background:#a76327; font-weight:normal; padding:3px 8px; margin-right:10px; border-radius:2px;}
/*右方資訊*/
.hourWrap .wrap .rightBox .title{ padding:30px 0; text-align:center; box-sizing:border-box;}
.hourWrap .wrap .rightBox .title h3{ display:inline-block; font-size:24px; color:#a76327; text-align:center; border:1px #a76327 solid; padding:10px 50px; border-radius:30px;}
.hourWrap .wrap .rightBox .title b{ display:block; margin-top:15px; color:#333;}

.hourWrap .wrap .rightBox .time{ width:100%; margin:0 auto; border:1px #666 dotted; border-width:1px 0; padding:25px 0 15px;}
.hourWrap .wrap .rightBox .time p{ font-size:17px; color:#333; padding-bottom:10px; text-align:center;font-weight:bold;}
.hourWrap .wrap .rightBox .time p b{ display:inline-block; font-size:14px; color:#fff; background:#a76327; font-weight:normal; padding:3px 8px; margin-right:10px; border-radius:2px;}

.hourWrap .wrap .rightBox .reserve{ margin-top:20px;}
.hourWrap .wrap .rightBox .reserve p{ font-size:14px; color:#f64949; }
.hourWrap .wrap .rightBox .reserve p u{ font-weight:bold;}
.hourWrap .wrap .rightBox .infor{ margin-top:50px; padding:0 0 0 0px; box-sizing:border-box;}
.hourWrap .wrap .rightBox .infor p{ font-size:15px; color:#333; padding-bottom:10px; font-weight:bold;}
.hourWrap .wrap .rightBox .infor p i{ font-style:normal; padding-right:10px; margin-right:14px; border-right:1px #aaa solid;}
.hourWrap .wrap .rightBox .infor a{ display:inline-block; color:#333;}

.hourWrap .wrap .rightBox .fbLink{ margin-top:50px; text-align:center;}
.hourWrap .wrap .rightBox .fbLink a{ display:block; font-size:24px; color:#355089; line-height:43px; transition:all 0.4s ease;}
.hourWrap .wrap .rightBox .fbLink a i{ font-size:38px; padding-right:10px;}
.hourWrap .wrap .rightBox .fbLink a:hover{ opacity:0.8;}




@media (max-width:1034px){
.hourWrap .wrap .rightBox{ padding:0 0 0 40px;}
}

@media (max-width:980px){
.hourWrap .wrap .rightBox{ padding:0 0 0 30px;}
}

@media (max-width:768px){
.hourWrap .wrap{ padding:40px 20px;}
.hourWrap .wrap .leftBox{ float:none; width:100%;}
/*
.hourWrap .wrap .rightBox{ float:none; width:100%; padding:30px 0 0 0;}
.hourWrap .wrap .rightBox .infor{ text-align:center; margin:0 auto;}	
.hourWrap .wrap .rightBox .fbLink{ margin-top:20px;}
*/
.hourWrap .wrap .rightBox{ float:none; width:100%; padding:30px 0 0 0; text-align:center;}
.hourWrap .wrap .rightBox .infor{ text-align:center; margin:20px auto 0;}	
.hourWrap .wrap .rightBox .reserve{ width:60%; margin:20px auto 0;}
.socialBox{ display:inline-block; }
}

@media (max-width:640px){
	
}

@media (max-width:480px){
.hourWrap .wrap{ padding:30px 5px;}
table.timetable b{ font-size:12px;}	
table.timetable tr td{ padding:10px 0;}
.hourWrap .wrap .rightBox .reserve{ width:90%; margin:20px auto 0;}
}

@media (max-width:420px){
table.timetable b span{ display:none;}	
table.timetable p{ font-weight:normal; font-size:13px;}
.hourWrap .wrap .rightBox .infor{ margin:20px 0 0 20px;}
.hourWrap .wrap .rightBox .infor p{ text-align:left;}
}


@media (max-width:375px){
table.timetable h4 span{ display:none;}	
table.timetable i{ font-size:12px;}
table.timetable tr.week td{ padding:7px 0;}
table.timetable tr td{ padding:5px 0;}
}


@media (max-width:320px){
	
}