@charset "utf-8";
/* CSS Document */
.link_list{
    background-color: #3153ba;
    padding: 20px;
}
.link_list .title {
        color: #ffffff;
        letter-spacing: 2px;
        text-align: center;
        font-family: "Microsoft JhengHei";
        font-size: 150%;
        padding: 0 0 30px 0;
}
.link_list .title p {
    margin: 0;
}
.link_list .title::after {
    content: "";
    width: 7px;
    height: 22px;
    display: block;
    background-color: #fc961a;
    margin: 5px auto 0 auto;
}

.link_list ul{
    margin: 0;
    padding: 0;
}

.link_list ul li {
    list-style-type: none;
}
.link_list .list a:hover {
   
background-color: rgb(7, 23, 111);
   
text-decoration: none;
}

.link_list ul li a {
    padding: 10px 20px 10px 30px;
    color: #ffffff;
    position: relative;
    letter-spacing: 2px;
    font-size: 105%;
}

.link_list ul li a i {
    position: absolute;
    left: 15px;
    top: 12px;
}
.link_list ul li:nth-child(2n+1) a {background-color: rgb(29, 46, 138);}
.link_list .more{
    display: block;
    text-align: center;
    padding: 20px 0 0 0;
    margin: 0 0 -11px 0;
}
.link_list .more a{
    background-color: #ff8a2b;
    color: #fff;
    padding: 12px 20px;
letter-spacing: 0.1em;
}
.link_list .more a i{margin-right: 5px;}
.link_list .more a:hover{
    background-color: #1d2e8a;
}
@media (min-width: 576px){
.link_list ul li a {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
}