@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;700;900&display=swap');
/* CSS Document @media由小寫到大*/
*{padding:0;margin:0; }
body{-webkit-overflow-scrolling: touch;font-family: 'Noto Sans TC', sans-serif;font-weight: '400';color:#333;background:url(../images/bg2.png) fixed, url(../images/bg.png)fixed;}
.wrap {font-size: 12pt;}
img{max-width: 100%;}
section h2{text-align: center;font-weight: bold;font-size: 2em;margin-bottom: 15px;}

/*sec1 info 48科自由選*/
.sec1{background:url(../images/bg2.png) fixed #f8d05a;padding: 40px 0;}
.info .stroke{position: relative;z-index: 10; color:#ff573c;font-style: italic;}
.info .stroke:before {position: absolute; z-index: -1; -webkit-text-stroke: 5px  #fff; content: attr(data-stroke);}
.sec1 h3{color: #007d7f;font-size:1.5rem;font-weight: 700;text-align: center;}
.sec1 .col-sm-6{margin-bottom: 15px;}
.info_item{background: #fff;border-radius: 5px;padding: 15px;height:100%;}
.info_item p{margin-bottom: 0;text-align: justify;}

/*nav*/
nav{padding: 15px 0;text-align: center;background: #f7f5e5;}
nav a{margin: 5px;background: #3f3334 !important;color: #fff !important;}
nav a:hover{background: #ff573c !important;color: #fff !important;}

/*上方北區班別套版*/
.head{ width:100%; padding:1%; height:auto;
		text-align:center;	font-weight:bold;
	background-color:#000000;  }


.head a{  padding:1%; 
		font-size:24px;text-decoration:none;
		text-align:center;	font-weight:bold;
 color:#FFFFFF;}

.head a:hover{ 
    transform:translate(0,5px); color:#EDDB5F;
    box-shadow:1px 1px 15px rgba(20%,20%,40%,0.5);
	}

/*圖片切換*/
.head .pic{
	width:100%;
	margin:0 auto;
	max-width: 1200px;
	padding:0;
	text-align:center;}
	
.head .pic-m{
	width:0;
	height:0;
	overflow:hidden;}

/*下方北區班別套版*/
.footer{
	padding-top:2%;
	width:100%;
	text-align:center;
	color:#666;
	background-color:#FFF;
	overflow:hidden;
	padding-bottom: 5%;
	margin: 0 auto;
}

.footer2 {
    justify-content: center; /* 將文本置中對齊 */
		margin:0 auto;
	text-align: center;
width:100%;
	max-width:1200px;
}

.container1 {
    display: flex; /* 使用 Flexbox 佈局 */
    justify-content: center; /* 內容水平置中對齊 */
    flex-wrap: wrap; /* 允許元素換行 */
		margin:0 auto;
	align-items:center;
}

.item1 {
    display: flex; /* 使用 Flexbox 佈局 */
    align-items: center; /* 垂直對齊 */
    margin-bottom: 20px; /* 可根據需要調整 item 之間的間距 */
	margin-top:1%; 
    flex: 0 0 calc(50% - 20px); /* 設置 item 寬度為容器的一半，減去間距 */
    max-width: calc(50% - 20px); /* 設置最大寬度為容器的一半，減去間距 */
    box-sizing: border-box; /* 讓寬度計算包含 padding 和 border */
	text-align: center;
	padding: 0 0 0 6%;
	justify-content: center;
}

.item1 .img {
    flex: 0 0 10%; /* 設置圖片容器的寬度 */
}

.item1 .img img {
    width: 100%; /* 圖片寬度填滿其容器 */
    height: auto; /* 自動調整圖片高度以保持比例 */
}

.item1 .text {
    flex: 1; /* 文字容器佔據剩餘空間 */
    padding-left: 2px; /* 可根據需要調整文字與圖片之間的間距 */
    font-size: 1.5em;
    color: #000000;
    font-weight: bold;
	text-align: left;
}



/*sec2 teacher 王牌師資團隊*/
.sec2{text-align: center;margin: 40px 0;}
.teacher .nav-link{background: #cbddd1;color: #007d7f; border-radius: 5px;margin: 5px;border: 0;}
.teacher .nav-link.active{background: #007d7f; color: #fff;}
.teacher .nav-tabs{border-bottom: 0;}
.teacher .nav-link:hover{background: #007d7f;color: #fff;}
.teacher .nav-link.active:hover{background: #007d7f; color: #fff;}
.teacher_item {margin: 15px 0;background: #f7f5e5;padding: 15px;border-radius: 5px;}
.teacher_item h4{color: #007d7f;}
.teacher_item p{text-align: left;}
.teacher_item img{margin-bottom: 10px;}

/*sec3 service 售後服務最齊全*/
.sec3{background:url(../images/bg2.png) fixed #e6f1ea;padding: 40px 0;}
.service{text-align: center;}
.service h2{color: #0f6467; }
.service h3{margin: 15px 0;font-weight: bold;}

/*sec7 studymode 雙效學習*/
.sec7{margin-top: 40px;text-align: center;}
.studymode h2{display: flex;flex-flow: wrap;justify-content: center;}
.sell_dot{display: flex;width: 3.15em;height:3.15em;justify-content: center;align-items: center;color: #fff;line-height: 1.1em;border-radius: 80px;}
.sell_dot_cloud{background: #007d7f;}
.sell_dot_face{background: #f6be16; color: #333; margin-left: -12px;}
.studymode h2 .dobleborder{padding: 5px 10px;align-self: center;margin-left: 5px;margin-top: 10px;}
.studymode .h4{color: #ff573c;}
.mode{padding: 8px 0 5px;margin-bottom: 15px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);}
.mode_cloud{background: #007d7f;}
.mode_face{background: #f6be16; color: #333;}
.mode h3{color: #fff;font-weight: bold;}
.mode div{background: #fff;padding: 15px;}
.mode_face h3{color: #333;}
.mode_face div{color: #333;}

/*sec4 student 上榜學長姐最推薦*/
.sec4{padding-top: 40px;}
.student .stroke{position: relative;z-index: 10; color: #f6be16;display: inline-block;margin: 0 5px;}
.student .stroke:before {position: absolute; z-index: -1; -webkit-text-stroke: 8px #333 ; content: attr(data-stroke);}
.student .container > div{margin-bottom: 60px;}
.student_item{background: #efefef;border-radius: 5px;border: 1px solid #e5e5e5;}
.student_item .row{align-items: center;margin: 0;}
.student_item img{margin: 0 auto;border-radius: 5px 5px 0 0;}
.student_item h3{text-align: left;margin-bottom: 15px;font-weight: 700;color: #454545;}
.student_item blockquote{margin-bottom: 15px;margin-top: 15px;text-align: left;}
.student_item .txt{background: #fff;border-radius: 5px;padding: 10px;margin-top: 15px;}

/*sec5 sell 超值優惠專案*/
.sec5{text-align: center;padding: 0 0 40px;}
.sell h2{color: #0f6467;}
.sell .h4{color: #ff573c;}
.sell_item{background: #e6f1ea;border-radius: 5px;padding: 15px;}
.sell_item p{margin-bottom: 0px;}
.sell_item h4{background: #ff573c;color: #fff;border-radius: 4px;padding: 5px;}

/*sec6 留單*/
.sec6{background:url(../images/bg2.png) fixed #f7f5e5;padding: 40px 0;text-align: center;}

.modin{ position: relative; visibility: hidden; top:-120px;display: block;height: 1px; width: 1px;}


.float{position: fixed;top:120px;right:0;z-index: 6666;}

a.float_box{
    position: relative;
    width:50px;
    text-align: center;
    line-height: 1.15;
    background: #AF2F22;
    color: #fff;
    padding:15px 20px 15px 15px;
    border-radius: 5px 0 0 5px;
    box-shadow: 0 0 10px rgba(51, 51, 51, 0.4);
    cursor: pointer;
    display: block;
}
a.float_box:hover{
    background: #ff573c;
    color: #fff;
    text-decoration: none;
}
.float_box span{margin-left: -5px;}



@media (min-width: 576px){ /*sm*/

}
@media (min-width: 768px) {/*md*/
    .modin{top:-115px;}

}
@media (min-width: 992px) { /*lg*/
    .modin{top:-100px;}
    section h2{font-size: 2.4em;}
    .sec1{padding: 60px 0;}
    .sec2{margin: 60px 0;}
    .sec3{padding: 60px 0;}
    .sec7{margin-top: 60px;}
    .sec4{padding-top: 60px;}
    .sec6{padding: 60px 0;}
    .sec5{padding: 0 0 60px;}
}
@media (min-width: 1200px){ /*xl*/
    .wrap {	font-size: 13pt;}
    .float{display: block;}

}