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

body{ margin:0; padding:0;  font-size:13px; font-family:"微軟正黑體"; line-height:22px;  }
a{ color:#c40017;}
a:hover{ text-decoration:none;}

.wrapper{}
.all_container{ margin:0 auto; padding:0; width:100%;}
.header_div{ height:107px; position:relative; z-index:1000; background:url(../images/front/header/header_bg.png) #e0e0e0 top center no-repeat; }
.header_info{ height:107px;  width:1002px; margin:0 auto; position:relative; }
.header_logo_div{ width:317px; height:49px; position:absolute; top:26px; left:0; background:url(../images/front/header/header_logo.png) left top no-repeat;  }
.header_logo_div a{ display:block; width:100%; height:100%; }
.header_logo_div a h1{ display:none; margin:0; padding:0;}
.header_navi_div{ position:absolute; left:310px; top:40px; color:#333333;  line-height:30px; font-size:17px; font-weight:800;}
.header_navi_div a{ color:#333333; text-decoration:none; }
.header_navi_div b{ margin:0 auto;}
.header_dark_gray_div{ background:url(../images/front/header/header_navi_bg.png) left top no-repeat; height:8px; text-align:right; color:#FFF;}

.header_link_div{ display:none; float:right;min-width:540px; margin-top:15px; }
.header_link_div h2{ display:none; margin:0; padding:0;}
.header_link_div .counter{ background:url(../images/front/header/header_img01.png) left center no-repeat; padding-left:245px; color:#293846; font-size:15px;  font-family:"微軟正黑體";}
.header_link_div .counter a{ color:#e00000; font-size:18px; text-decoration:none; padding:0 0 0 5px;}

.scroll_div{ overflow-x:auto;}

#navbar{ float:right; margin-top:20px;  color:#000000;  line-height:30px; font-size:17px; font-weight:800;}
#navbar a{ color:#000000; font-family:"微軟正黑體"; }
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
   background:none; color:#dd0000;
}
.navbar-brand.header_logo{ margin-top:10px;}
.starter-template{ margin-top:107px;}

.pages_div{ word-wrap: break-word;}
.pages_div a{ display: inline-block;}
.home_div01{ background: url(../images/front/metal_bg.png) center top #040404;  z-index:1;}

.home_div02{ background:url(../images/front/home/news_title_bg.png) top center no-repeat #f7f7f7; padding-bottom:15px;}
.home_div02 img:hover{  opacity: 0.6;  filter: alpha(opacity=60);}
.home_div02 .left_div{ float:left; width:440px; }
.home_div02 .left_div .banners_div ul{ margin:0 0 5px 0; padding:0; list-style:none;}
.home_div02 .left_div .banners_div ul li{ display:block; height:80px;}
.home_div02 .left_div .banners_div img{ border:none;}
.home_div02 .left_div .banners_div img:first-child{}
.home_div02 .right_div{ float:right; width:536px; }
.home_div02 #menu1{  }
.home_div02 #menu1 #teacher_list_div{ border:none; padding:0;}
.home_div02 #menu2{ padding:20px 0;}
.home_div02 .nav-tabs.nav-justified > li {   float: left; width: 33.33333333%;}

.home_news_div{ background:url(../images/front/home/news_bg.png) center no-repeat; width:438px; height:169px; margin-top:5px; }
.home_news_div ul{ margin:0; padding:35px 18px 0 15px ; list-style:none;}
.home_news_div ul li{ width:410px;  font-size:13px; line-height:25px; overflow: hidden; height:25px;}
.home_news_div ul li a{ color:#ffffff; text-decoration:none;   text-overflow: ellipsis;  overflow: hidden; width:410px; height:25px; display:block; }
.home_news_div ul li:first-child a{}
.home_news_div ul li a:hover{ color:#f5ee9c;}
.home_teacher_div{ background:url(../images/front/home/teachers_bg.png) center no-repeat; width:536px; height:271px; padding-top:60px;}
.home_teacher_div .bxslider{}
.home_teacher_slider_div{ padding:2px;}
.home_div03{ background:#eeeeee; padding:30px 0; }
.home_div_content{background:#FFF; padding:0 8px;  height:87px; }
.home_div03 .member_benefit{ background:url(../images/front/home/service_time.png) right center no-repeat; width:485px; margin-right:15px; height:71px; display:block; float:left; margin-top:8px; }
.home_div03 .ielts_test_authenticate{ background:url(../images/front/home/service_time.png) right center no-repeat; width:585px; margin-right:15px; height:71px; display:block; float:left; margin-top:8px; }
.home_div03 img{ border:none; margin-right:4px;}
.home_div03 img:hover{  opacity: 0.6;  filter: alpha(opacity=60);}
.home_div03  .qrcode{ margin-top:3px;}

.home_news{ color:#212121; font-size:16px; line-height:26px;}
.home_news ul{ margin:15px 0 0 0; padding:0; list-style:none; }
.home_news li{ border-bottom:2px solid #dddddd; padding:7px 0;}
.home_news li a{color:#212121; text-decoration:none;}
.home_news li b{ float:right; font-weight:400;}

.home_div02 .active > a,.home_div02  .nav-tabs.nav-justified > .active > a:hover,.home_div02  .nav-tabs.nav-justified > .active > a:focus {
    border: none;
}
.home_div02 .nav-tabs.nav-justified > li > a {
	font-size:18px;
	color: #4b4a4a;
    border: none;
    border-radius: 0;
	line-height:22px;
}
.home_div02 .nav-tabs.nav-justified > .active > a,.home_div02  .nav-tabs.nav-justified > .active > a:hover,.home_div02  .nav-tabs.nav-justified > .active > a:focus {
    border: none;
}
.home_div02 .nav-tabs > li.active > a,.home_div02  .nav-tabs > li.active > a:hover,.home_div02  .nav-tabs > li.active > a:focus {
    color: #000;
    cursor: default;
    background: none;
	font-weight:800;
}
.home_div02 .nav-tabs > li.active
{
	  border-bottom: 2px solid #d50000;
}

.banner_list_div{ }

.banner_list_div .banner_div{margin:10px 10px; float:left;}
.banner_list_div .banner_div a{ display:inline-block; width:100%; text-align:center;}
.facebook_div{width:447px; height:284px; background:url(../images/front/home/facebook_bg.png) center no-repeat; padding:43px 12px 0 12px;}
#high_grade_img_div .bx-wrapper a{ text-align:center;}
#high_grade_img_div .bx-wrapper img{ max-height:200px;     margin: 0 auto;}
#member_banner_div{ display:block; }
#member_banner_div ul{ margin:0; padding:0; width:352px; height:71px;}
.bx-wrapper .bx-viewport { background:none;}

.middle_container{ background: #FFF; text-align:left; position:relative; padding:15px ;  min-height:1400px;}
.middle_left{ position:absolute; left:15px; top:15px; width:290px;}
.middle_right{ width:690px; margin-left:300px; }
.path{ background:url(../images/front/middle/icon_home01.png) 20px center no-repeat #f1f1f1; padding-left:60px; line-height:40px; margin-bottom:0px; border-bottom:1px solid #c1c1c1; border-top: 1px solid #fafafa; }

.footer{ background:url(../images/front/footer/footer_bg.png) top center no-repeat;  padding-top:202px; padding-bottom:15px; }
.footer p{ display:none;}
.footer .visitor{ color:#FFF; text-align:center; font-size:12px;}
.footer_img_list{ text-align:center; margin-bottom:15px; height: 83px; overflow: hidden;}
.footer_img_list img{ margin:5px 10px; }
.footer_tel{ float:left; text-align:right;}
.footer_tel img{ }
.footer .tel{ display:none;}
.footer_add{ float:right; text-align:left; color:#FFF; font-size:15px;}
.footer_add a{ background:url(../images/front/footer/icon_email.png) 2px center no-repeat; padding-left:20px; color:#FFF;}
.sub_navi ul:after {content:""; clear:both; display:block;}
.error{ color:#F00;}
.color01{ color:#F00;}
.color02{
color: #CC6600;
}
.color03{
color:#0028dc;
}
.color04{
color:#FF0066;
}
.color05{
color: #006600;
}
.color06{
color: #0e83d7;
}
.color07{
color: #e85088;
}
.color08{
color: #FFFFFF;
}
.color09{
color: #000000;
}
.color10{
color: #FF3300;
}
.color11
{
	color:Red;
}
.color_blue{ color:#0276bf;}
.color_green{ color:#02bf5f;}
.color_purple{ color:#9f0aba;}
.color_yellow{ color:#ba760a;}
.color_red{ color:#ba0a2f;}

.floatR{ float:right; margin-left:20px;}
.floatR:after{content:""; clear:both; display:block;}

.add_box_shadow{-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.3);
box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.3); border:3px #FFFFFF solid;}

.add_ielts_award{ position:relative;}
.add_ielts_award:after{content:url(../images/front/middle/ielts_award.png);  position:absolute; display:block; width:180px; height:200px; right:0; top:-30px; }
.icon_time01{ background:url(../images/front/middle/icon_time01.png) no-repeat center; display:inline-block; width:20px; height:10px;}

.flexnav li a{ border-left:1px solid #333333; padding:0 10px;}
.flexnav li a:hover{ color:#cb0000;}
.flexnav li:first-child a{ border-left:none;}
.flexnav li li{ text-align:left;}
.flexnav li li a{ border-left:none;}
.flexnav li li a:hover{ color:#cb0000;}
.flexnav.with-js.opacity.lg-screen{ }

#header_marquee_div{ position:absolute; width:535px; height:25px; right:15px; top:85px; overflow:hidden; display:none;}
ul.slide{margin:0; padding:0; height:30px; list-style-type:none; }
ul.slide li{ list-style-type:none;}
.slide a{ text-decoration:none; color:#eed073;}
.bxslider li{ left:0px; top:0px;}

#left_content_banner_div ul{ list-style:none; margin:0; padding:0;}
#left_content_banner_div li{ margin-bottom:5px;}
#left_content_banner_div li img:hover{  opacity: 0.6;  filter: alpha(opacity=60);}
.teacher_header_desc{ display:none; font-size:16px; line-height:24px; margin-bottom:30px;}
#teacher_list{ position:relative; min-height:200px;}
#teacher_list ul{ list-style:none; margin:0; padding:0;}
#teacher_list li{ background:#f7f7f7; position:relative;border:1px solid #f1f1f1; padding:10px; margin-bottom:20px; }
#teacher_list .teacher_img{}
#teacher_list .teacher_content{ }
#teacher_list .teacher_content b{ background:#cc0000; color:#ffffff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding:0px 3px; margin-right:5px;}
#teacher_list .teacher_content h3{ font-size:18px; line-height:24px;  margin:20px 0 5px 0; padding:0; border-bottom:1px solid #d0a447; color:#8d4e03;}
#teacher_list .teacher_content h4{ margin:0; padding:0;}
#teacher_list .teacher_content p{ margin:0; padding:0;}

#team_list{ position:relative; min-height:200px;}
#team_list ul{ list-style:none; margin:0; padding:0;}
#team_list li{ background:#f7f7f7; position:relative;border:1px solid #f1f1f1; padding:10px; margin-bottom:20px; }
#team_list .teacher_img{ position:absolute;  left:10px; top:10px;}
#team_list .teacher_content{ margin-left:200px;}
#team_list .teacher_content b{ color:#cc0000;}
#team_list .teacher_content h3{ font-size:18px; line-height:24px; margin:20px 0 5px 0; padding:0; border-bottom:1px solid #d0a447; color:#8d4e03;}
#team_list .teacher_content h4{ margin:0; padding:0;}
#team_list .teacher_content p{ margin:0; padding:0;}

#team_list .team_img{ position:absolute;  left:10px; top:10px;}
#team_list .team_content{ margin-left:140px;}
#team_list .team_content b{ color:#cc0000;}
#team_list .team_content h3{ font-size:18px; line-height:24px; margin:20px 0 5px 0; padding:0; border-bottom:1px solid #d0a447; color:#8d4e03;}
#team_list .team_content h4{ margin:0 0 5px 0; padding:0; color:#960000; font-size:15px;}
#team_list .team_content p{ margin:0; padding:0; overflow-y:scroll; display:block; height:180px;}


.loading{ background:url(../images/front/loader.gif) center no-repeat;  background-size:40px 40px; height:80px; display:none; }

.middle_right .teacher_type_div{ background:#960000; color:#FFF;  padding:2px 5px;}
.middle_left .teacher_type_div{ background:#960000; color:#FFF; padding:2px 5px; border-bottom:1px solid #4e0000; border-right:1px solid #760000;}

#homerun_list{ overflow-y:scroll; height:300px; border:1px solid #f1f1f1;  padding:10px; margin-bottom:20px;}

.scholarship_type_div{ background:#960000; color:#FFF; margin-bottom:0px; padding:2px 5px;}
.scholarship_list_div img{ height:210px;}
.scholarship_list_div{border:1px solid #f1f1f1; padding:10px; margin-top:0px; margin-bottom:30px;}
.scholarship_list_div:first-child{ margin-top:0px;}
.scholarship_list_div p{font-size: 13px;  line-height: 22px; margin:5px 0; }
.scholarship_list_div h3{ font-size:18px; line-height:24px; margin:20px 0 5px 0; padding:15px 0 5px 0; color:#8d4e03; background:url(../images/front/icon_student001.png) left 15px no-repeat; padding-left:32px;}
.scholarship_list_div h4{ background:url(../images/front/icon_graduation_cap001.png) left center no-repeat; padding-left:30px;}
.scholarship_list_div h5{ background:url(../images/front/icon_calendar001.png) 3px center no-repeat; padding-left:30px;}
.scholarship_list_div h4,.scholarship_list_div h5{ margin:0 0 5px 0; padding:0 0 0 25px; color:#960000; font-size:15px;}
.scholarship_list_div ul{ margin:5px 0;}
.scholarship_list_div .reviews_title{ border:1px solid #f1f1f1;  background: #f7f7f7;  color:#960000; }

.homerun_list_div img{ height:210px;}
.homerun_list_div{margin-top:30px;}
.homerun_list_div:first-child{ margin-top:0px;}
.homerun_list_div p{font-size: 13px;  line-height: 22px; margin:5px 0; }
.homerun_list_div h3{ font-size:18px; line-height:24px; margin:20px 0 5px 0; padding:15px 0 5px 0; color:#8d4e03; background:url(../images/front/icon_student001.png) left 15px no-repeat; padding-left:32px;}
.homerun_list_div h4{ background:url(../images/front/icon_graduation_cap001.png) left center no-repeat; padding-left:30px;}
.homerun_list_div h5{ background:url(../images/front/icon_calendar001.png) 3px center no-repeat; padding-left:30px;}
.homerun_list_div h4,.homerun_list_div h5{ margin:0 0 5px 0;padding:0 0 0 25px; color:#960000; font-size:15px;}
.homerun_list_div ul{ margin:5px 0;}
.homerun_list_div .reviews_title{ border:1px solid #f1f1f1;  background: #f7f7f7;  color:#960000; }

.teacher_slogan_div{ margin-bottom:20px;}
.teacher_slogan_div p{ display:none;}

#teacher_list_name ul{ margin:0; padding:0; background:#dfdfdf; list-style:none; }
#teacher_list_name ul li{ background:url(../images/front/icon_teacher_head.png) 8px  center no-repeat #dfdfdf; padding-left:32px; height:27px; border-bottom:1px solid #FFF; padding-top:3px; border-right:1px solid #c7c7c7;}  
#teacher_list_name ul li:hover{ background:url(../images/front/icon_teacher_head.png) 8px  center no-repeat #9d9d9d;}
#teacher_list_name ul li a{ color:#333; text-decoration:none;}
#team_list_name ul{ margin:0; padding: 0; background:#dfdfdf; list-style:none; }
#team_list_name ul li{ background:url(../images/front/icon_teacher_head.png) 8px  center no-repeat #dfdfdf; padding-left:32px; height:27px; border-bottom:1px solid #FFF; padding-top:3px; border-right:1px solid #c7c7c7;}  
#team_list_name ul li:hover{ background:url(../images/front/icon_teacher_head.png) 8px  center no-repeat #9d9d9d;}
#team_list_name ul li a{ color:#333; text-decoration:none;}
.overall_9_title img, .overall_8_title img,.overall_7_title img{ width:100%;}
#overall_9_div{}
#overall_9_div ul{ margin:0; padding:0; background:#dfdfdf; list-style:none; }
#overall_9_div ul li{ background:url(../images/front/icon_teacher_head.png) 8px  center no-repeat #dfdfdf; padding-left:32px; height:27px; border-bottom:1px solid #FFF; padding-top:3px; border-right:1px solid #c7c7c7;}  
#overall_9_div ul li:hover{ background:url(../images/front/icon_teacher_head.png) 8px  center no-repeat #9d9d9d;}
#overall_9_div ul li a{ color:#333; text-decoration:none;}

#overall_8_div{}
#overall_8_div ul{ margin:0; padding:0; background:#dfdfdf; list-style:none; }
#overall_8_div ul li{ background:url(../images/front/icon_teacher_head.png) 8px  center no-repeat #dfdfdf; padding-left:32px; height:27px; border-bottom:1px solid #FFF; padding-top:3px; border-right:1px solid #c7c7c7;}  
#overall_8_div ul li:hover{ background:url(../images/front/icon_teacher_head.png) 8px  center no-repeat #9d9d9d;}
#overall_8_div ul li a{ color:#333; text-decoration:none;}

#overall_7_div{margin-bottom:20px;}
#overall_7_div ul{ margin:0; padding:0; background:#dfdfdf; list-style:none; }
#overall_7_div ul li{ background:url(../images/front/icon_teacher_head.png) 8px  center no-repeat #dfdfdf; padding-left:32px; height:27px; border-bottom:1px solid #FFF; padding-top:3px; border-right:1px solid #c7c7c7;}  
#overall_7_div ul li:hover{ background:url(../images/front/icon_teacher_head.png) 8px  center no-repeat #9d9d9d;}
#overall_7_div ul li a{ color:#333; text-decoration:none;}

#overall_7_list_div{ margin-bottom:30px;}
#overall_9_list_div ul,#overall_8_list_div ul,#overall_7_list_div ul{ margin:0; padding:0; list-style:none; }
#overall_9_list_div ul li,#overall_8_list_div ul li,#overall_7_list_div ul li{ background:url(../images/front/icon_teacher_head.png) 8px  center no-repeat ; padding-left:32px; height:25px; line-height:25px; width:25%; display:inline-block;}  
#overall_9_list_div ul li:hover,#overall_8_list_div ul li:hover,#overall_7_list_div ul li:hover{ background:url(../images/front/icon_teacher_head.png) 8px  center no-repeat #9d9d9d;}
#overall_9_list_div ul li a,#overall_8_list_div ul li a,#overall_7_list_div ul li a{ color:#333; text-decoration:none;}



.add_gray_border{ border:1px solid #e3e3e3; padding:20px; border-bottom: 1px solid #ddd;}
.sub_anchor_div{ text-align:center; margin:15px 0;  }
.sub_anchor_div a{ margin:5px 5px; display:inline-block;  line-height:24px;    text-decoration:none; color:#333333; background:url(../images/front/middle/icon_sublink01.png) #FFF 4px center no-repeat; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding:5px 20px; border: 1px solid #ddd; }
.sub_anchor_div a:hover{color:#c40017; background:url(../images/front/middle/icon_sublink01.png) #ddd 4px center no-repeat; }
.subTitle01{background: #960000 url(../images/front/icon_arrow001.png) 5px center no-repeat; color:#FFF; font-size:16px; margin:10px 0; border-top:1px solid #f15e5e; border-left:1px solid #960000;border-right:1px solid #5c0000; border-bottom:1px solid #400101; padding:3px 25px; text-shadow: 2px 2px  #5e0000;}

.vocabulary_list  div.title{background: #be9148; padding-left:5px; color:#FFF; font-size:15px; margin:10px 0;}
.vocabulary_list  div div:first-child{ float:left; width:48%; text-align:center; }
.vocabulary_list  div div:last-child{ float:right; width:48%; text-align:center;}
.vocabulary_list:after {content:""; clear:both; display:block;}
.vocabulary_list div a{ display:block; }
.vocabulary_list div a img{ border:none;}
.vocabulary_list div a img:hover{  opacity: 0.6;  filter: alpha(opacity=60);}

#high_grade_img_div{ margin:15px 0;}
.back_history_div{ text-align:right;}

.table01 tr{ border-top:1px solid #dfdfdf;}
.table01 tr:first-child{ border-top:none; }
.table01 td{ position:relative;}

#float_right_div{ position:fixed; right:10px;  top:100px; width:100px;}
#float_right_div a{ margin-bottom:10px; display:block;}
#float_right_div a img:hover{  opacity: 0.6;  filter: alpha(opacity=60);}
.add_red_line{ border-left:#960000  1px solid; padding-left:20px; padding-top:5px; }
.add_red_line:before{ display:block; height:10px; width:10px; background-image: url(../images/front/trangle_bg.png); background-repeat:no-repeat; }
.add_red_line .subTitle01{ margin-left:-20px;}


.txtWid01{ width:233px; border:1px solid #333;}
.btn_red_send01{ background:url(../images/front/btn_red_send01.png) center no-repeat; width:233px; height:42px; border:none;}
.btn_red_send01:hover{ cursor:pointer;   opacity: 0.7;  filter: alpha(opacity=70);}


/* jssor slider bullet navigator skin 21 css */
/*
.jssorb21 div           (normal)
.jssorb21 div:hover     (normal mouseover)
.jssorb21 .av           (active)
.jssorb21 .av:hover     (active mouseover)
.jssorb21 .dn           (mousedown)
*/
.jssorb21 {
	position: absolute;
}
.jssorb21 div, .jssorb21 div:hover, .jssorb21 .av {
	position: absolute;
	/* size of bullet elment */
	width: 19px;
	height: 19px;
	text-align: center;
	line-height: 19px;
	color: white;
	font-size: 12px;
	background: url(../images/front/b21.png) no-repeat;
	overflow: hidden;
	cursor: pointer;
}
.jssorb21 div { background-position: -5px -5px; }
.jssorb21 div:hover, .jssorb21 .av:hover { background-position: -35px -5px; }
.jssorb21 .av { background-position: -65px -5px; }
.jssorb21 .dn, .jssorb21 .dn:hover { background-position: -95px -5px; }
/* jssor slider arrow navigator skin 21 css */
/*
.jssora21l                  (normal)
.jssora21r                  (normal)
.jssora21l:hover            (normal mouseover)
.jssora21r:hover            (normal mouseover)
.jssora21l.jssora21ldn      (mousedown)
.jssora21r.jssora21rdn      (mousedown)
*/
.jssora21l, .jssora21r {
	display: block;
	position: absolute;
	/* size of arrow element */
	width: 55px;
	height: 55px;
	cursor: pointer;
	background: url(../images/front/a21.png) center center no-repeat;
	overflow: hidden;
}
.jssora21l { background-position: -3px -33px; }
.jssora21r { background-position: -63px -33px; }
.jssora21l:hover { background-position: -123px -33px; }
.jssora21r:hover { background-position: -183px -33px; }
.jssora21l.jssora21ldn { background-position: -243px -33px; }
.jssora21r.jssora21rdn { background-position: -303px -33px; }


.jssorb03 {
	position: absolute;
	display:none;
}
.jssorb03 div, .jssorb03 div:hover, .jssorb03 .av {
	position: absolute;
	/* size of bullet elment */
	width: 21px;
	height: 21px;
	text-align: center;
	line-height: 21px;
	color: white;
	font-size: 12px;
	background: url(../images/front/b03.png) no-repeat;
	overflow: hidden;
	cursor: pointer;
}
.jssorb03 div { background-position: -5px -4px; }
.jssorb03 div:hover, .jssorb03 .av:hover { background-position: -35px -4px; }
.jssorb03 .av { background-position: -65px -4px; }
.jssorb03 .dn, .jssorb03 .dn:hover { background-position: -95px -4px; }


.jssora03l, .jssora03r {
	display: block;
	position: absolute;
	/* size of arrow element */
	width: 55px;
	height: 55px;
	cursor: pointer;
	background: url(../images/front/a03.png) no-repeat;
	overflow: hidden;
}
.jssora03l { background-position: -3px -33px; display:none;}
.jssora03r { background-position: -63px -33px; display:none;}
.jssora03l:hover { background-position: -123px -33px; }
.jssora03r:hover { background-position: -183px -33px; }
.jssora03l.jssora03ldn { background-position: -243px -33px; }
.jssora03r.jssora03rdn { background-position: -303px -33px; }

#banner_01_div,#banner_02_div,#banner_03_div,#banner_04_div,#banner_05_div{ position:relative;}
#banner_01_div,#banner_02_div{ }

#banner_01_001{
	position: absolute;
	width: 547px;
	height: 86px;
	top: 123px;
	left: 297px;
}
#banner_01_002{
	position: absolute;
	width: 548px;
	height: 45px;
	top: 238px;
	left: 279px;
}
#banner_01_003{
	position: absolute;
	width: 360px;
	height: 77px;
	top: 343px;
	left: 347px;
}
#banner_01_004{
	position: absolute;
	width: 417px;
	height: 258px;
	top: 229px;
	left: 865px;
}
#banner_01_005{
	position: absolute;
	width: 375px;
	height: 217px;
	top: 49px;
	left: 992px;
}
#banner_02_001{
	position: absolute;
	width: 263px;
	height: 86px;
	top: 133px;
	left: 492px;
}
#banner_02_002{
	position: absolute;
	width: 468px;
	height: 102px;
	top: 288px;
	left: 519px;
}
#banner_02_003{
	position: absolute;
	width: 363px;
	height: 294px;
	top: 30px;
	left: 894px;
}
#banner_03_001{
	position: absolute;
	width: 485px;
	height: 68px;
	top: 462px;
	left: 426px;
}
#banner_03_002{
	position: absolute;
	width: 285px;
	height: 146px;
	top: 354px;
	left: 968px;
}
#banner_03_003{
	position: absolute;
	width: 1600px;
	height: 68px;
	top: 450px;
	left: 0px;
}
#banner_04_001{
	position: absolute;
	width: 615px;
	height: 158px;
	top: 21px;
	left: 639px;
}
#banner_04_002{
	position: absolute;
	width: 467px;
	height: 181px;
	top: 217px;
	left: 682px;
}
#banner_04_003{
	position: absolute;
	width: 526px;
	height: 82px;
	top: 412px;
	left: 643px;
}
#banner_05_001{
	position: absolute;
	width: 459px;
	height: 364px;
	top: 58px;
	left: 269px;
}
#banner_05_002{
	position: absolute;
	width: 488px;
	height: 63px;
	top: 157px;
	left: 764px;
}
#banner_05_003{
	position: absolute;
	width: 466px;
	height: 154px;
	top: 241px;
	left: 824px;
}

.add_margin_top01{ }
.scale_img{ width:100%;}
.detail_content{margin-top: 109px; background:#f7f7f7; padding:0 0 20px 0; font-size:15px; line-height:26px;}
.detail_content h3{ margin:40px 0 10px 0;   color:#ed1a3b;padding-left:25px; background:url(../images/front/middle/icon_header01.png) 1px center no-repeat; border-bottom:1px solid #d4d4d4; line-height:32px;
}
.detail_content h3:first-child{ margin-top:0;}
.jocelyn_lu_div{ display:table; margin-bottom:30px;}
.jocelyn_lu_div:after{ content:''; clear:both; display:block;}
.jocelyn_lu_div .img{ display:table-cell; float:left; margin-right:15px;}
.jocelyn_lu_div .desc{ font-weight:800;display:table-cell; vertical-align:bottom;}
.detail_content h3 .color_blue{/* padding-left:32px; background:url(../images/front/icon_graduation_cap001.png) left center no-repeat;*/}
/*.detail_content h4{ background: #c90429 url(../images/front/icon_arrow001.png) 5px center no-repeat; color:#FFF; font-size:16px; margin:10px 0; border-top:1px solid #f15e5e; border-left:1px solid #960000;border-right:1px solid #5c0000; border-bottom:1px solid #400101; padding:5px 25px; text-shadow: 2px 2px  #5e0000;}*/
.detail_content h4{ font-weight:800; margin-top:20px; font-size:17px; padding:5px 5px 5px 25px; background:url(../images/front/middle/icon_arrow01.png) 5px center no-repeat #eaeaea; border: 1px solid #ededed;}
.detail_content h5{ font-weight:800; font-size:15px; padding:5px 5px 5px 25px; background:url(../images/front/middle/icon_square001.png) 5px center no-repeat #f9f7f7; border: 1px solid #ededed;}

.detail_content .table01 td{ padding:3px;}
.detail_content  p{ margin:10px 0 20px 0;}
.add_border{ 
	border:1px solid #d4d4d4; padding:20px 30px; background:#FFF;
	box-shadow: 0px 0px 3px 2px rgba(213, 213, 213, 0.2);
	-moz-box-shadow: 0px 0px 3px 2px rgba(213, 213, 213, 0.2);
	-webkit-box-shadow: 0px 0px 3px 2px rgba(213, 213, 213, 0.2);
}
.add_border img{ max-width:100%;}
.btn_large_red{ background: url(../images/front/middle/icon_zoom001.png) 8px center no-repeat #e41736 ; font-size:18px; padding:5px 20px 5px 30px; border-radius: 5px; color:#FFF; margin:10px 0; -webkit-box-shadow: inset 0 2px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: inset 0 2px 2px rgba(0,0,0,0.2);
    box-shadow: inset 0 2px 2px rgba(0,0,0,0.2);}
.btn_large_blue{ background:#0276bf; font-size:18px; padding:5px 20px; border-radius: 5px; color:#FFF; margin:10px 0;-webkit-box-shadow: inset 0 2px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: inset 0 2px 2px rgba(0,0,0,0.2);
    box-shadow: inset 0 2px 2px rgba(0,0,0,0.2);}

.banner_list ul{ margin:0; padding:0; list-style:none;}
.banner_list a{ display:inline-block; margin-bottom:10px;}
.banner_list img{ border:none; width:100%;}
.banner_list img:hover{  opacity: 0.6;  filter: alpha(opacity=60);}
.navi_path{ font-size:16px; margin:20px 0; }
.total_div{ float:right; font-size:15px;}
.navi_title_div{ background:url(../images/front/header/navi_title_bg.png) top center no-repeat; height:55px; }
.navi_title_div b{ font-size:24px; border-bottom:4px solid #d50000; line-height:51px; display: inline-table;}

.hide{ display:none;}
#teacher_list_div{ margin-top:20px; border:1px solid #ededed; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding:15px ;}
#teacher_list_div ul:after {content:""; clear:both; display:block;}
.add_scrollbar01{margin:0 0 30px 0; padding:0; overflow-y:scroll; display:block; height:180px;}
.cteam_photo_div{ background:url(../images/front/middle/gray_iron_bg.png) center no-repeat;   padding:25px;}
.cteam_photo_div .photo{ }
.cteam_photo_div .photo img{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; width:120px;/*height:160px;*/ height:auto;}
.cteam_photo_div .postition{}
.cteam_photo_div  .cteam_name_div{ font-size:22px; border-bottom: 4px solid #d50000;  margin-top:50px;}
.cteam_photo_div .cteam_slogan_div{ font-size:16px; text-align:right;  color: #3a5ba2; padding-top:10px;}
 
.free_service_div{ background:url(../images/front/middle/gray_iron_bg.png) center no-repeat;  padding:15px;}
.free_service_div  img.photo{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.add_margin_bottom{ margin-bottom:15px;}
.add_slash_line{
	position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}
.floatL{ float:left; margin-right:20px;}

.table_td_add_bottom_border tr td{ border-bottom:1px solid #b0b0b0; padding:10px 0;}
.table_td_add_bottom_border tr:last-child td{ border-bottom:none;}
.table_td_add_bottom_border tr td:last-child{ display:table-cell;}
.table_td_add_bottom_border .circle {	border-radius: 50%;	width: 60px;	height: 60px; color:#FFF; background:#ba0a2f;  display: table-cell;
  text-align: center;  vertical-align: middle; font-size:11px; }
table.history td:first-child{ text-align:center;}  
table.history td:first-child b {
    display: inline-block;
    padding: 15px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    background: #c40017;
    color: #fff;
}
  
.ul01{ margin-left:-10px;} 
.ielts_day_chart001{ display: inline-table;}		
.ielts_day_chart002{ display:none;}	

.free_test_header{ background:url(../images/front/middle/free_test_header_bg.png) top center no-repeat; padding:10px 0; text-align:center; }
.free_test_content{ background:#f6f6f6; font-family: "微軟正黑體";  font-size: 16px; text-align:center;  padding:20px 0; }
.free_test_footer{ background:#ce171f; padding:15px 0;}
.free_test_message_div{background-color: #ffffff;    padding: 3em;    margin: 20px 0 15px 0;   box-shadow: 0px 0px 5px #686765;}
.free_test_content .btn-red{ background:#ce171f; color:#FFF;}
.free_test_footer .container{ text-align:center;}
.free_test_info01{ display:block;}
.free_test_info02{ display:none;}
.free_test_chart01{ display:block;}
.free_test_chart02{ display:none;}
.alignL{ text-align:left;}

.tr_add_bottom_border01 td{ border-bottom:2px solid #333; }
.tr_add_bg01 td{ background:#518fb6; color:#FFF;}

.table_add_bg01 tr th{ border-left:1px solid #FFF; background:#bbd0dd; color:#000; text-align:center;}
.table_add_bg01.green tr th{ border-left:1px solid #FFF; background:#bdddbb; color:#000;}
.table_add_bg01.purple tr th{ border-left:1px solid #FFF; background:#d1bbdd; color:#000;}
.table_add_bg01.yellow tr th{ border-left:1px solid #FFF; background:#e7e5b9; color:#000;}
.table_add_bg01 tr td{ text-align:center;}
.table_add_bg01 tr th:firt-child{border-left:none;}
.table_add_bg01 tr:nth-child(even) td {background: #f4f4f4;  border-left:1px solid #FFF;}
.table_add_bg01 tr:nth-child(odd) td {background: #e2e3e4;  border-left:1px solid #FFF;}
.table_add_bg01 tr td:firt-child{border-left:none;}

.btn_div{ margin:20px;  text-align:center;}

.add_border .go_top_div{ text-align:right; }
.add_border .go_top_div img{ border:none; width:auto;}

.table_add_shadow{ margin:0 5px 10px 0;-webkit-box-shadow: 5px 5px 0px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 5px 5px 0px 0px rgba(0,0,0,0.75);
box-shadow: 5px 5px 0px 0px rgba(0,0,0,0.75);}

.popup_div{ display:none; background:rgba(0,0,0,0.85); position:fixed; left:0; top:0; width:100%; height:100%;}
.popup_div.active{ display:block;}
.popup_div .popup_outer{ max-width:800px; margin:0 auto; margin-top:15%; padding:0 15px;}
.popup_div .popup_outer .action{ text-align:right; margin-top:10px;}
.popup_div .popup_outer .action a{ font-size:20px; color:#fff;}
.popup_div .popup_outer .video_div video{ width:100%;}


#notice .popup_outer{
	background-color: #fff;
	border-radius: 10px;
	padding: 20px;
}
#notice .popup_outer .action a{
	color: #f00;
}
#notice .popup_outer .txt-left{
	font-size: 20px;
	padding-top: 10px;	
}
#notice .popup_outer .txt-right{
	font-size: 16px;
	text-align: right;
}
.home_remind{
	color: #f00;
	padding: 15px 0;
	font-size: 22px;
	text-align: left;
}
.home_new_course{
	display: flex;
	flex-wrap: wrap;
	font-size: 17px;
	margin-bottom: 15px;
	text-align: left;
	line-height: 1.8;
}
.home_new_course .col01{
	width: 100px;
}
.home_new_course .col02{
	width: calc(100% - 100px);
}
.home_remind_course{
	text-align: center;
	padding: 0 15px;
}
.home_remind_course .box{
	display: inline-block;

}
@media (max-width: 1200px) {
	.navbar-brand.header_logo{ width:260px;}
	.navbar-brand.header_logo img{ width:100%;}
	.home_news li b { display:none;}
	.footer .tel{ display:inline;}
	.footer_tel{ display:none;}
	.footer_add{ text-align:center;}
	.nav > li > a {
    padding: 10px 5px;
}
}
@media (max-width: 1100px) {

}
@media (max-width: 990px) {
	.navbar > .container .navbar-brand img,
 	.navbar > .container-fluid .navbar-brand img{
    height:40px;	
  }
  #navbar { margin-top:5px; float:left;}
  .navbar-brand.header_logo {
    margin-top: 0px;
  } 
  .footer .tel{ display:block;}
  .free_test_header img,.free_test_content img,.free_test_footer img{width:100%;}
}
@media (max-width: 765px) {
.footer_img_list{ height:auto; }	
.footer_img_list .col-sm-7 img{ width:100%; margin:0;}
.footer_img_list .col-sm-7 img:nth-child(2){ width:122px; margin:10px 0; }
.footer_img_list .col-sm-5 a{ display:inline-block; height:50px; margin:0 5px;}
.footer_img_list .col-sm-5 a img{ height:100%; margin:0;}
.footer_tel{ display:none;}
.col-sm-3.right_div{ display:none;}
.navbar-toggle { background:#000;}
.home_div02 .nav-tabs.nav-justified > li > a{ font-size:14px; padding: 7px 0;}
#navbar { border-top:none;  background:#f7f7f7; width:100%; overflow:hidden;}
#navbar li a{ border-bottom:1px solid #dfdfdf;}
.btn_div{ margin:0;}
.btn_large_red{ font-size:13px; width:100%; white-space:normal;padding: 5px 10px 5px 25px; text-align:left;}
.detail_content h3{ font-size:18px; line-height:22px;}
.add_slash_line{ display:none;}
.add_border{ padding:10px;}
.sub_anchor_div a{ padding:5px 10px 5px 20px; line-height: 20px;display: block; width:100%; text-align:left;}
.homerun_list_div img{ display: inline-block;  height: auto;  max-width: 100%;}
.home_examdate_div{ width:100%; overflow-x:scroll; overflow-y:hidden;}
.footer_add{ font-size:13px;}

}
@media  (max-width: 600px) {
.navbar-inverse {
    background: url(../images/front/header/header_bg.png) #e0e0e0 bottom center no-repeat;
    height: 87px;
}
.detail_content,.starter-template {margin-top: 89px;}
.ielts_day_chart001{ display:none;}		
.ielts_day_chart002{ display:block; width:100%;}	
.table_td_add_bottom_border tr td:last-child{ display:none;}
#overall_9_list_div ul,#overall_8_list_div ul,#overall_7_list_div ul{ margin:0; padding:0; list-style:none; }
#overall_9_list_div ul li,#overall_8_list_div ul li,#overall_7_list_div ul li{ background:url(../images/front/icon_teacher_head.png) 8px  center no-repeat ; padding-left:32px; height:25px; line-height:25px; width:50%; display:inline-block;}  
#overall_9_list_div ul li:hover,#overall_8_list_div ul li:hover,#overall_7_list_div ul li:hover{ background:url(../images/front/icon_teacher_head.png) 8px  center no-repeat #9d9d9d;}
#overall_9_list_div ul li a,#overall_8_list_div ul li a,#overall_7_list_div ul li a{ color:#333; text-decoration:none;}
.free_test_info01{ display:none;}
.free_test_info02{ display:block;}
.free_test_chart01{ display:none;}
.free_test_chart02{ display:block;}
.add_border img{  display: inline-block;  height: auto;  max-width: 100%;}	
.home_div02 .col-xs-4 span{ display:none;}
.popup_div .popup_outer{ margin-top:25%;}

}
@media (max-width: 585px) {
	.banner_list_div .banner_div{ width:100%;}
}
@media (max-width: 500px) {
	.facebook_div { background:none; padding:0;}
	.facebook_div.banner_div{ /*display:none;*/ overflow-x: scroll; overflow-y:hidden;}
	
	.home_div02 .nav-tabs.nav-justified > li > a {    padding:7px 0px;}
	.cteam_photo_div .cteam_slogan_div {text-align: left;}
	.home_remind{
		font-size: 18px;
	}
	.home_new_course{
		display: block;
	}
	.home_new_course .col01{
		width: 100%;
	}
	.home_new_course .col02{
		width: 100%;
		font-size: 14px;
	}
}
@media (max-width: 365px) {
.navbar-inverse {
background: url(../images/front/header/header_bg.png) #e0e0e0 bottom center no-repeat;
height: 60px;
}
.detail_content,.starter-template {margin-top: 62px;}
.navbar-brand.header_logo {
    width: 170px;
}
.navbar > .container .navbar-brand img,
.navbar > .container-fluid .navbar-brand img{
height:30px;	
} 
.navbar-brand { padding:12px 0 0 5px;}
.navbar-toggle { margin-top:8px;}
.navi_path {
font-size: 14px;
margin: 20px 0;
}
.home_div02{ background:none;}
.home_div02 .nav.nav-tabs.nav-justified{ background:#dfdfdf;}
.add_border{	 box-sizing: border-box;}
.sub_anchor_div{ display:none;}
.footer_img_list{ display:none;}
}