/* 20250515
使用 課程標籤查詢
每頁顯示10筆
*/
.mycontainer{
width : 100%;
}
.my-show{
height : 100px;
font-size: 18px;
text-align : left;
vertical-align: top;
}
.my-font{
margin-left: 0px;
margin-right: 0px;
padding :10px;
text-align : left;
}
.my-pic {
width: 160px;
height: 105px;
img {
object-fit: cover;
width: 100%;
height: 100%;
}
}
hr.myline{
border-top: 1px solid #dcdcdc;
margin-top: 18px;
}
/* mouse link */
a:link {
color: black;
}
/* visited link */
a:visited {
color: black;
}
/* mouse over link */
a:hover {
color: red;
}
ul.pagination {
display: inline-block;
padding: 0;
margin-top: 16px;
width: 100%;
}
ul.pagination li {display: inline;}
ul.pagination li a {
color: black;
float: left;
padding: 6px 13px;
text-decoration: none;
transition: background-color .3s;
border: 1px solid #ddd;
margin: 0 4px;
}
ul.pagination li a.active {
background-color: #dd3333;
color: white;
border: 1px solid #dd3333;
}
ul.pagination li a:hover:not(.active) {background-color: #ddd;}
/* For tablets */
@media (min-width: 768px) {
.mycontainer{
width : 100%;
}
.my-show{
height : 100px;
font-size: 18px;
text-align : left;
vertical-align: top;
}
.my-font{
margin-left: 0px;
margin-right: 0px;
padding :10px;
text-align : left;
}
.my-pic {
width: 120px;
height: 785px;
img {
object-fit: cover;
width: 100%;
height: 100%;
}
}
}
![preload image]()
![preload image]()
