.div {
    border-top: 5px black solid;
    border-right: 8px red double;
    border-left: 7px yellow dotted;
    border-bottom: 3px blue dashed;
    padding: 30px;
}


/*
*列表文字前 藍色方塊
*/

.fun-li>li {
    list-style: none
}

.fun-li>li::before {
    content: '';
    display: inline-block;
    left: 5px;
    top: 9px;
    width: 8px;
    height: 8px;
    background-color: #4384fd;
    margin-bottom: 2px;
    margin-right: 5px;
}


/*
*產品方塊
*/

.hav:hover img {
    /*background: #aaa;*/
    opacity: 0.7;
    /* 當滑鼠經過時，背景顏色改變 */
}

.hav:hover a {
    /*background: #aaa;*/
    color: #000000;
    text-decoration: none;
    /* 當滑鼠經過時，背景顏色改變 */
}


/*
*手機板文字大小
*/

@media(max-width: 576px) {
    .text-xs-size {
        font-size: 12px;
    }
}