<style>
.admission{
background-color: #ffff;
box-shadow: 2px 3px 7px 0px #cacaca;
border-right: 1px solid #f3f3f3;
width: 100%;
display: table;
}
.admissionPic{
width: 50% ;
float: left;
}
.admissionText{
width: 50% ;
padding: 20px 20px 0 20px;
margin: 0 0 20px 50%;
}
.admissionText p{
height: 135px;
overflow: hidden;
}
.admissionP{
color: #b10500;
}
.courseList{
width: 100%;
height: auto;
padding-bottom: 60px;
/*display: flex;*/
}
.courseNumber{
display: block;
text-align: left;
float: left;
margin-right: 10px;
padding-top: 10px;
width: 10%;
}
span.courses {
font-size: 11px;
letter-spacing: 10px;
float: left;
margin-bottom: 12px;
color: #bfbfbf;
width:100%;
}
span.numbers {
font-size: 70px;
color: #bfbfbf;
}
.courseText{
border-bottom: 1px #69c solid;
left: 128px;
padding-bottom: 30px;
display: flow-root;
}
.courseText h2{
font-size: 24px;
padding-bottom: 20px;
line-height: 36px;
}
@media screen and (max-width: 768px){
.admission{
background-color: #ffff;
box-shadow: 2px 3px 7px 0px #cacaca;
bordert: none;
width: 100%;
display: table;
}
.admissionPic{
width: 100% ;
float: none;
}
.admissionText{
width: 100% ;
padding: 20px;
margin: 0 0 20px 0;
}
.admissionText p{
height: auto;
overflow: auto;
}
}
@media screen and (max-width: 425px){
.courseList{
display: block;
padding-bottom: 30px;
}
.courseNumber{
width: 100%;
text-align: left;
}
span.courses{
width: auto;
text-align: center;
float: none;
font-size: 16px;
color: #5a5a5a;
padding: 0;
}
span.numbers{
width: auto;
text-align: center;
float: none;
font-size: 16px;
color: #5a5a5a;
}
.courseText{
padding-bottom: 20px;
display: block;
}
.courseText h2{
font-size: 22px;
padding-bottom: 10px;
}
}
</style>
<div class="admission">
<div class="admissionPic">
<img src="/wp-content/uploads/2020/07/python-1024x538.jpg" alt="Python 程式設計輕鬆學測試頁" width="1200" height="auto" class="alignnone size-large wp-image-13462" />
</div>
<div class="admissionText"><p>規劃堂數 19堂</p>
</div>
</div>
<p><br></p>
<!---課程1--->
<div class="courseList">
<div class="courseNumber">
<span class="courses">課程</span>
<span class="numbers">1</span>
</div>
<div class="courseText">
<h2><a href="/?p=13329&preview=true&nc">Introduction to Python</a></h2>
<p>在真正進入Python的程式介紹前，先說明學習Python的理由，藉此強化學習動機，並介紹如何建立可執行Python環境及實際演練執行Python的方式。</p>
</div>
</div>
<!---課程1--->
<!---課程2--->
<div class="courseList">
<div class="courseNumber">
<span class="courses">課程</span>
<span class="numbers">2</span>
</div>
<div class="courseText">
<h2><a href="/?p=13329&preview=true&nc">python IO</a></h2>
<p>進入python程式的第一堂課，以實際演練搭配解說的方式，針對初步的輸入及輸出做說明，並介紹如何加入註解。</p>
</div>
</div>
<!---課程2--->