@charset "utf-8";
/* reset css */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, textarea, p, th, td {margin:0; padding:0; -webkit-text-size-adjust:none; font-size:13px;}
th{font-weight:normal; text-align:left;}
table{border-collapse:collapse; border-spacing:0;}
img{border:0;}
ol, ul{list-style:none;}
.clear{ clear:both;}
a{outline:none; hlbr:expression(this.onFocus=this.blur()); text-decoration:none; cursor:pointer;}
input , select , textarea , button{outline:none; border-radius:0; font-family:arial , "微軟正黑體";}
button{cursor:pointer;}

a{text-decoration:none;color: #5f5f5f;}
a:hover{color:#EC9102;}
a:link, a:visited, a:active{text-decoration:none;}

.blank30{ height:30px;}
.blank70{ height:70px;}
body{font-family:arial , "微軟正黑體";}
.f_r{ float:right;}

.container{width:96%; max-width:1280px; margin:0 auto;}
/* header */

#topnav{ background-color:#8D1516}

#logo{ float:left; width:526px; height:141px; background:url("../images/logo.png"); text-indent:-9999px; cursor:pointer;}

.share{ float:right;}
.share li{ float:left; margin:50px 2px 0px 2px;}

#header{ background-color:#F2F1EC; }
#header .wrap{ width:96%; max-width:1280px; margin:0 auto; }
#navigation{}
#navigation li{ display:inline-block; position:relative;}
#navigation li > a{display:block; padding:0px 40px 0px 40px;  font-size:16px; color:#333333; line-height:32px; transition:all .3s;}
#navigation li:hover > a ,
#navigation li.active > a{color:#8D1516;}
#navigation li .sub-menu{position:absolute; left:0; top:100%; display:none; width:150px; z-index:1; }
#navigation li .sub-menu a{display:block; font-size:15px; color:#fff; line-height:35px; text-align:left; background:#8D1516; padding-left:10px;}
#navigation li .sub-menu a:hover{background:#000; color:#fff; }


/* mobile */
#mobi-btn{position:absolute; right:20px; top:150px; display:none; width:50px; height:50px; background:#fff; border-radius:50%;}
#mobi-btn.active{background:#FBC23D;}
#mobi-btn hr ,
#mobi-btn:before ,
#mobi-btn:after{content:""; position:absolute; left:10px; display:block; width:30px; height:5px; margin:0; background:#FBC23D; border:none; border-radius:4px;}
#mobi-btn:before{top:13px;}
#mobi-btn hr{top:23px;}
#mobi-btn:after{top:33px;}
#mobi-btn.active hr ,
#mobi-btn.active:before ,
#mobi-btn.active:after{background:#fff;}
#mobile{display:none;}
#mobile li > a{display:block; border-top:1px dashed #fff; font-size:16px; color:#333333; line-height:50px; text-align:center; background-color:#F2F1EC;}
#mobile li .sub-menu{display:none; background:#FFF;}
#mobile li .sub-menu a{display:block; font-size:16px; color:#666; line-height:50px; text-align:center; background-color:#fff;}
#mobile li .sub-menu a:hover{background:#8D1516; color:#fff;}

.banner{ background-color:#A42121; padding:10px 10px 50px 10px; margin-top:12px;}
/* slider */
#slider{position:relative; max-width:1380px; margin:0 auto; margin-top:1px;}
#slider .item img{display:block; width:100%; height:auto;}
#slider .owl-pagination{position:absolute; left:0; bottom:-30px; width:100%; padding:0px; text-align:center; box-sizing:border-box;}
#slider .owl-pagination .owl-page{display:inline-block; width:12px; height:12px; margin:0 7px; background:#fff; border-radius:50%; box-shadow:0px 0px 2px #ccc; }
#slider .owl-pagination .owl-page.active{background:#FBC23D; width:15px; height:15px; }
#slider .owl-buttons div{position:absolute; top:50%; width:16px; height:30px; margin-top:-15px; background:url("../images/slide_arrow.png"); text-indent:-9999px; transition:all .3s;}
#slider .owl-buttons div:hover{opacity:.6;}
#slider .owl-buttons .owl-prev{left:30px; background-position:left top;}
#slider .owl-buttons .owl-next{right:30px; background-position:right top;}
.ad{ border-bottom:solid 1px #F7B8A3;}


/*江浩英文的核心優勢開始*/
.hexin{ margin-top:40px; text-align:center}
.hexin h3{ font-size:36px; color:#a42121; border-bottom:solid 2px #4D4D4D; display:inline-block; line-height:60px; padding:0px 5px 0px 5px;}
.hexin p{ font-size:18px; margin-top:0px; line-height:36px; color:#2e2d35; text-align:left;}
.hexin ul{}
/*
.hexin ul li{ float:left;width:15.2%; padding-right:6%;margin-top:0px;}
.hexin ul li img{ max-width:274px; width:96%; border:solid 1px #A52021; padding:2%; background-color:#F3F3F5; display:none;}
.hexin ul li h6{ font-size:18px; color:#187000; margin-top:10px; font-weight:lighter;}
.hexin ul li h6 a{ color:#a42121; font-weight:bold;}
.hexin ul li h6 a:hover{ color:#FF6600;}
.hexin ul li p{ color:#2e2d35; line-height:30px; margin-top:10px;text-align:left; font-size:16px;}
.hexin ul li p a{color:#2e2d35;}*/

.hexin ul li{ float:left;width:14.2%; padding-right:3%;margin-top:0px; background-color:#CD2026; min-height:170px; padding-left:2%; padding-top:10px; padding-bottom:10px; margin-right:1%;}
.hexin ul li img{ max-width:274px; width:96%; border:solid 1px #A52021; padding:2%; background-color:#F3F3F5; display:none;}
.hexin ul li h6{ font-size:24px; color:#187000; margin-top:10px; font-weight:lighter;}
.hexin ul li h6 a{ color:#fff; font-weight:bold;}
.hexin ul li h6 a:hover{ color:#fff;}
.hexin ul li p{ color:#fff; line-height:30px; margin-top:10px;text-align:left; font-size:16px;width:95%; margin-left:auto; margin-right:auto;}
.hexin ul li p a{color:#fff;}

/*學生經驗分享*/
.xsfx{width:96%; max-width:1280px; margin:0 auto; background-color:#F1F1F1; margin-top:70px; margin-top:40px; text-align:center; padding-bottom:50px;}

.xsfx h3{ font-size:36px; color:#a42121; border-bottom:solid 2px #4D4D4D; display:inline-block; line-height:60px; margin-top:40px; padding:0px 5px 0px 5px;}
.xsfx h3 a{color:#a42121; }
.xsfx ul {}
.xsfx ul li{ float:left; margin-top:40px; padding-left:3%; padding-right:2%;width:28%;}

.xsfx ul li h4{ line-height:50px; background-color:#A52021; color:#fff; font-size:18px; font-weight:lighter;}
.xsfx ul li h4 a{ color:#fff;}
.xsfx ul li h4 img{ vertical-align:middle; margin-right:5px;}
.xsfx ul li dl{ margin-top:5px; background-color:#fff; padding:15px; min-height:210px;}
.xsfx ul li dl dd{ float:left;color:#434343;width:60%; text-align:left;}
.xsfx ul li dl dd span{ color:#A52021; font-size:15px; }
.xsfx ul li dl dd b{ font-size:20px; margin-left:5px; font-weight:lighter;}
.xsfx ul li dl dd p{ margin-top:10px; line-height:20px;}
.xsfx ul li dl dd a{ color:#A52021}
.xsfx ul li dl dt{ float:right;width:38%;}
.xsfx ul li dl dt img{width:94%; max-width:165px; padding:3%; border:solid 1px #ccc; background-color:#e8e9e9; max-height:220px;}

/* 首頁底信息*/
.endcol{ margin-top:50px;}
.endcol li{width:30%; padding-right:5%; float:left}
/***自适应框架**/
.endcol li p{} 
.endcol li p.video-container {position: relative;padding-bottom: 56.25%;padding-top: 30px;height: 0;overflow: hidden;}
.endcol li p.video-container iframe { position: absolute; top:0;left: 0; width: 100%;height: 100%;}

.endcol li h3{ font-size:24px; color:#8c1515; font-weight:lighter; margin-bottom:20px;}
.endcol li h3 img{ float:right}

.download{}
.download dt{border-bottom:dotted 1px #ccc;line-height:40px; font-size:14px;}
.download dt span{width:74px; color:#8C1616; display:inline-block; margin-right:10px;}
.download dt  img{ vertical-align:middle; margin-left:10px;}

.video{}
.video img{max-width:370px;width:100%; display:block; margin-left:auto; margin-right:auto;}
.video a{ color:#3a3939; font-size:14px; display:block; text-align:center; margin-left:auto; margin-right:auto; margin-top:20px;}

.link{}
.link dt{ border:solid 1px #ccc; border-radius:5px; text-align:center; margin-bottom:20px;}
.link dt img{width:100%; max-width:231px;}

.linklist{}
.linklist ul li{ float:left; margin-left:2%; margin-right:2%; width:29%; border:solid 1px #ccc; border-radius:5px; text-align:center; margin-bottom:20px; padding-top:10px;} 
.linklist ul li img{width:100%; max-width:231px;}
.linklist ul li h6{ font-size:18px; margin-top:10px; border-top:dotted 1px #ccc; line-height:36px;} 
/**** 底部開始***/
footer{ background-color:#8D1516 ; margin-top:50px; color:#fff;}
.end1 { padding-top:30px; padding-bottom:30px;}
.end1 h2{ float:left;width:20%; text-align:center}
.qrcode{ float:left; margin-left:10px;width:10%; max-width:101px;}
.end1 ul{ float:right;width:80%;}
.end1 ul li{ float:left; margin-left:1%;width:32%;}
.end1 ul li strong{ margin-bottom:10px; display:block;}
.end1 ul li p{ line-height:30px;}
.end1 ul li p img{ vertical-align:middle; margin-left:5px;}
.end2{ border-top:solid 1px #C3C3C3; text-align:center; padding-top:20px; padding-bottom:20px; }
.fenxiang { float:right;}
.fenxiang a{ margin-left:4px;}
#top{ color:#fff; font-size:20px; margin-top:20px; display:block}


/***  標題開始 ****/
.title{ background-image:url(../images/bg_title.jpg); background-repeat:repeat-x; background-position:bottom;}
.title h3{ float:left; background-image:url(../images/bg_title2.jpg); background-repeat:repeat-x; background-position:bottom; padding-left:5px; padding-right:5px; padding-bottom:5px;}
.title h3 strong{ font-size:30px; color:#8D1516; font-weight:lighter;}
.title span{ float:right; margin-right:5px; margin-top:10px;}


/*** 學生經驗分享*/


.ach ul{}
.ach ul li{ float:left; border-right:solid 1px #DCDCDC;width:19.6%; padding-right:3%;padding-left:3%; margin-top:20px;}
.ach ul li img{ max-width:264px; width:100%;}
.ach ul li h6{ font-size:15px; color:#187000; margin-top:10px;}
.ach ul li h6 a{ color:#F93;}
.ach ul li h6 a:hover{ color:#FF6600;}
.ach ul li span{ display:block; margin-top:8px; color:#333333;}

.ach ul li p{ color:#626262; line-height:20px; margin-top:15px;text-align:left}

/*** 師資團隊 ***/
.teachers ul{}
.teachers ul li{ float:left;width:45%; margin-top:20px;  background-color:#e8e9e9; margin-left:2%; margin-right:3%;}
.teachers ul li img{ max-width:120px; width:30%; float:left; border:solid 1px #ccc; margin-left:10px;margin-right:10px; }
.teachers ul li dl{ width:65%; float:left; }
.teachers ul li h6{ font-size:15px; color:#187000;}
.teachers ul li h6 a{ color:#F93;}
.teachers ul li h6 a:hover{ color:#FF6600;}
.teachers ul li span{ display:block; margin-top:8px; color:#333333;}

.teachers ul li p{ color:#626262; line-height:20px; margin-top:15px;text-align:left; padding-bottom:10px;}
.teachers ul li p a{ color:#900}
 
.pager{ padding-top:10px; padding-bottom:10px; 
	font-size: 12px; text-decoration:none; margin-left:auto; margin-right:auto; text-align:center; margin-top:30px;}

.pager a{
	font-size: 12px; text-decoration:none; margin-left:5px; margin-right:5px;}
	
.pager span{ margin-left:5px; margin-right:5px;}

.tr_1{ border-bottom:dashed 1px #ccc; line-height:50px;}

.btn{ background-color:#666; color:#fff; border:none; padding:5px 20px 5px 20px; border-radius:5px; cursor:pointer}
.btn:hover{ background-color:#000;}

.txt{ border:none;}


.shipin{ margin-left:5%; margin-top:20px;}
.shipin li{ float:left;width:30%; margin-right:3%;margin-top:20px;} 
.shipin li img{width:95%; border:solid 1px #ccc; padding:5px;}
.shipin li span{ color:#585858; display:block; margin-top:10px; text-align:center; font-size:15px;width:100%;}


/* RWD  */

/***自适应框架**/ 
.video-container2 {position: relative;padding-bottom: 56.25%;padding-top: 30px;height: 0;overflow: hidden;}
.video-container2 iframe { position: absolute; top:0;left: 0; width: 100%;height: 100%;}


 .kc{ border-left:solid 1px #000; border-top:solid 1px #000; margin-bottom:30px;}
  .kc td{ font-size:15px; padding:8px 5px; border-bottom:solid 1px #000; border-right:solid 1px #000; }
  #kctd1{ background-color:#CD2026; color:#fff;}
  
  .areatype{ margin-top:30px; margin-left:25px; }
.areatype li{ float:left; text-align:center; margin-right:20px; border-radius:5px;  padding:8px 10px 8px 10px; background-color:#FF9900;font-size:15px; margin-bottom:10px;}
.areatype li a{ color:#fff; display:block;}

.areatype li:hover{ background-color:#6FAF35;}


/***瀑布流css*/

#productlist2  li{
	
	width:17.7777%;list-style:none;float:left;  margin-right:1%; margin-left:1%;
	
	margin-top:20px;

	margin-top:30px;
    margin-bottom:20px;
    -moz-border-bottom-colors:none;
    -moz-border-left-colors:none;
    -moz-border-right-colors:none;
    -moz-border-top-colors:none;
    background-color:#fff;
   
    background-repeat:repeat-x;
    border-color:#e6e6e6 #e6e6e6 #B3B3B3;
    border-image:none;
    border-radius:4px 4px 4px 4px;
    border-style:solid;
    border-width:1px;
    box-shadow:0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);  
   
}
#productlist2  li img{width:90%; padding:5%; display:block;}
#productlist2  li span{ display:block; font-size:15px;  text-align:center;margin-bottom:15px;}


#xin01{ padding:0px;width:19.2%;background-color:transparent; }


.teacherxx{}
.teacherxx ul{}
.teacherxx ul li { float:left;width:20%;  margin-left:2%; margin-right:2%; border:solid 1px #ccc; margin-top:20px;}
.teacherxx ul li a{ position:relative; display:block;}
.teacherxx ul li img{ width:100%;}
.teacherxx ul li span{ position:absolute; bottom:0px;  background-color:#0187D0; color:#fff; right:0px;width:100%; text-align:center; font-size:15px;}
.teacherxx ul li span h5{ padding:10px;font-size:15px;}
.teacherxx ul li:hover{ background-color:#CCC; opacity:0.7;}

@media screen and (max-width:1280px){
#navigation li > a{padding:0 25px; }

h2{ float:left;width:10%;}
.qrcode{ float:none; margin-left:0px;width:100%; max-width:101px; display:block; margin-left:auto; margin-right:auto;}
.end1 ul{ float:none;width:100%; margin-top:30px; clear:both;}
}

@media screen and (max-width:1113px){
#navigation li > a{padding:0 15px; }


}

@media screen and (max-width:945px){
#navigation li > a{padding:0 5px; }

.end1 ul li{ float:none; margin-left:0%;width:100%; margin-bottom:20px;}

.teachers ul li{ float:none;width:94%; margin-top:20px;  background-color:#e8e9e9; margin-left:3%; margin-right:3%;}



}

@media screen and (max-width:862px){
#logo{ float:none;margin-left:auto; margin-right:auto; }

.share{ float:none;width:300px; margin-left:auto; margin-right:auto;}
.share li{ margin-top:20px; padding-bottom:20px;}


#navigation{display:none;}
#mobi-btn{display:block;}

.xsfx ul li{ float:none; margin-top:40px; padding-left:3%; padding-right:3%;width:94%;}

.endcol li{width:100%; padding-right:0%; float:none ; margin-bottom:30px;}

.fenxiang { float:none;width:300px; margin-left:auto; margin-right:auto; margin-top:20px;}
.fenxiang a{ margin-left:0px;}

.ach ul li{ float:none; border-right:none;width:100%; padding-right:0%;padding-left:0%; text-align:center; }
.shipin li{ float:none;width:90%; margin-top:20px; margin-left:auto; margin-right:auto;}


#productlist2  li{
	 float:none;
	 width:100%;
}

.teacherxx ul li{ float:none; width:90%; margin-left:auto; margin-right:auto;}
}

@media screen and (max-width:647px){
	
	.title span{ display:none;}



#logo{ float:none; width:293px; height:141px; background:url("../images/logo_wap.png"); }
.hexin ul li{ float:none; border-right:none;width:100%; padding-right:0%;padding-left:0%; text-align:center; margin-bottom:10px;}

.xsfx ul li dl dd{ float:none;color:#434343;text-align:left;width:100%;}

.xsfx ul li dl dt{ float:none;width:100%; margin-top:10px;}

.linklist ul li { float:none;width:90%; margin-left:auto; margin-right:auto;}
#xin01{ padding:0px;width:100%;background-color:transparent; }
}

@media screen and (max-width:460px){


.teachers ul li img{ width:100%; float:none; display:block; margin-left:auto; margin-right:auto;}
.teachers ul li dl{ width:90%; float:none; margin-left:auto; margin-right:auto ; margin-top:10px;}
}