.div3_title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;   /* 固定 2 行 */
    overflow: hidden;
    line-height: 1.4em;
    height: 2.8em;          /* line-height × 行數 */
}

.dis_title {
        font-size: 18px;
        letter-spacing: 1px;
		 height: 4em;
		
		 margin-top: 6%;
    }
/* banner 主圖 */
.banner_pc {
    position: relative;
}

.banner_pc_img {
    width: 130%;
    margin-left: -3% !important;
    margin-top: -7%;
}

/* 按鈕整組位置（你這段） */
.banner_btns {
    position: absolute;
    bottom: 20%;
    left: 70%;
    transform: translateX(-20%);
    display: flex;
    gap: 10px;
}

/* 按鈕外觀 */
.banner_btns .btn {
    display: inline-block;
    width: 200px;
    height: 50px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* hover 換圖 */
.btn-signup {
    background-image: url("../img/index/立即報名btn01.png");
}
.btn-signup:hover {
    background-image: url("../img/index/立即報名btn02.png");
}

.btn-trial {
    background-image: url("../img/index/免費試聽btn01.png");
}
.btn-trial:hover {
    background-image: url("../img/index/免費試聽btn02.png");
}




@media screen and (min-width: 667px) and (max-width: 999px) { 
	.banner_pc_img {
    width: 130%;
    margin-left: -3% !important;
    margin-top: -7%;
	}
/* 按鈕外觀 */
.banner_btns .btn {
    display: inline-block;
    width: 160px;
    height: 40px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.banner_btns {
    position: absolute;
    bottom: 20%;
    left: 65%;
    transform: translateX(-20%);
    display: flex;
    gap: 0px;
}

}



@media screen and (max-width: 730px) {
/* 按鈕外觀 */
.banner_btns .btn {
    display: inline-block;
    width: 150px;
    height: 35px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.banner_btns {
    position: absolute;
    bottom: 20%;
    left: 65%;
    transform: translateX(-20%);
    display: flex;
	gap: 0px;
}

}

/*banner尺寸特別調整*/
@media screen and (max-width: 667px) {

/* banner 主圖 */
.banner_ph {
    position: relative;
}

.banner_ph img {
    width: 120%;
    margin-left: -8%;
    margin-top: -7%;
}
/* 按鈕外觀 */
.banner_btns .btn {
    display: inline-block;
    width: 160px;
    height: 40px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.banner_btns {
    position: absolute;
    bottom: 33%;
    left: 75%;
    transform: translateX(-20%);   
	flex-direction: column;
	gap: 18px;
}

}


/*banner尺寸特別調整*/
@media screen and (max-width: 500px) {
.banner_btns .btn {
    display: inline-block;
    width: 150px;
    height: 35px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.banner_btns {
    position: absolute;
    bottom: 33%;
    left: 68%;
    transform: translateX(-20%);   
	flex-direction: column;
	gap: 15px;
}	
	
}



/*banner尺寸特別調整*/
@media screen and (max-width: 414px) {
.banner_btns .btn {
    display: inline-block;
    width: 150px;
    height: 35px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.banner_btns {
    position: absolute;
    bottom: 31%;
    left: 70%;
    transform: translateX(-20%);   
	flex-direction: column;
	gap: 15px;
}	
	
}

/*banner尺寸特別調整*/
@media screen and (max-width: 375px) {
.banner_btns .btn {
    display: inline-block;
    width: 140px;
    height: 30px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.banner_btns {
    position: absolute;
    bottom: 30%;
    left: 68%;
    transform: translateX(-20%);   
	flex-direction: column;
	gap: 15px;
}	
}

/*低於1200 網頁導覽隱藏*/
@media screen and (max-width: 1200px) and (min-width: 901px) {
/* 按鈕外觀 */
.banner_btns .btn {
    display: inline-block;
    width: 180px;
    height: 55px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
	 margin-left: 5%;
}

.banner_btns {
    position: absolute;
    bottom: 20%;
    left: 65%;
    transform: translateX(-20%);
    display: flex;
    gap: 0px;
}
.banner_pc_img {
    width: 130%;
    margin-left: -3% !important;
    margin-top: -7%;
}
}

@media screen and (min-width: 1000px) {
   .div3 .inner_width {
        width: 1000px;
        margin: 0 23px;
        padding: 65px 0px 40px 0;
    }
	.image-container img {
    width: 100%;
	max-height:130px;
    height: auto; /* 使图片根据宽度自适应高度 */
    display: block;
    object-fit: cover; /* 确保图片填充整个容器，并且不会变形 */
}
}


.image-container {
    width: 100%;
    max-height: 300px; /* 可以根据需求调整最大高度 */
    overflow: hidden; /* 如果图片比例不同，隐藏超出部分 */
    margin-bottom: 10px; /* 调整图片和标题之间的间距 */
}


.real_lecture .contents {
			display: flex;
            justify-content: space-around; /* 中間及左右的空間相等 */
            align-items: center;
			margin-left: 1%;
        }

@media screen and (max-width: 999px) {
    .real_lecture .contents {
        width: 45%;
        margin-left: 2%;
        margin-bottom: 2%;
    }
	.dis_title {
        font-size: 16px;
        letter-spacing: 0.8px;
		 height: 2.8em;
    }
	
	.image-container img {
     width: 100%;
	max-height:150px;
    height: auto; /* 使图片根据宽度自适应高度 */
    display: block;
    object-fit: cover; /* 确保图片填充整个容器，并且不会变形 */

}
}


@media screen and (max-width: 768px) {
	.real_lecture .only_pc_show2 {
        display: none;
    }
	.div2_in {

		 border-radius: 10px;
	}
	.div2_in2 {
        width: 48%;
		 padding: 15px 0 15px 0;
		 border-radius: 10px;
	}
	
	.div3_div {
        width: 35%;
        margin-left: 5%;
        margin-right: 5%; 
		margin-bottom: 5px;		
	
	}

    .real_lecture .contents {
		 background: #ffffff;
        width: 97%;
       margin-bottom: 4%;
	   border: 1px solid #ccc;
	   line-height: 150%;
	   border-radius: 10px;
    }
	
.dis_title {
        font-size: 16px;
        letter-spacing: 1px;
		margin-top: 1%;
		margin-bottom: 1%;
	
    }
	
 .ph_news {
        display: none !important;
    }
	.image-container img { 
	display:none ;

}

.real_lecture .contents > div {   
    background: #ffffff;
    padding: 1%;
    overflow: hidden;
}

}

@media screen and (min-width: 1000px) {
    .real_lecture .contents {
        width: 31.95%;
        margin-left: 1%;
        margin-bottom: 2%;
    }
	
	
@media screen and (min-width: 1500px) {
    .banner_btns .btn {
    display: inline-block;
    width: 220px;
    height: 120px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.banner_btns {
    position: absolute;
    bottom: 18%;
    left: 69%;
    transform: translateX(-20%);   
	
	gap: 20px;
}
}
@media screen and (min-width: 1800px) {
    .banner_btns .btn {
    display: inline-block;
    width: 250px;
    height: 120px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.banner_btns {
    position: absolute;
    bottom: 17%;
    left: 67%;
    transform: translateX(-20%);   	
	gap: 20px;
}
}
@media screen and (min-width: 2000px) {
    .banner_btns .btn {
    display: inline-block;
    width: 300px;
    height: 130px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
}
@media screen and (min-width: 2000px) {
    .banner_btns .btn {
    display: inline-block;
    width: 400px;
    height: 150px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
}
/* 按鈕外觀 */