.products-class-hover-box span{
    transition: all .3s linear;
}
.products-class-link,
.header-menu-title{
    transition: all .3s linear;
}
.products-class-hover-top1,
.products-class-hover-top2,
.products-class-hover-bottom1,
.products-class-hover-bottom2{
    transform: scale(0,1);
}
.products-class-hover-left1,
.products-class-hover-left2,
.products-class-hover-right1,
.products-class-hover-right2{
    transform: scale(1,0);
}
.products-class:hover .products-class-hover-box .products-class-hover-top1,
.products-class.active .products-class-hover-box .products-class-hover-top1,
.products-class:hover .products-class-hover-box .products-class-hover-top2,
.products-class.active .products-class-hover-box .products-class-hover-top2,
.products-class:hover .products-class-hover-box .products-class-hover-left1,
.products-class.active .products-class-hover-box .products-class-hover-left1,
.products-class:hover .products-class-hover-box .products-class-hover-left2,
.products-class.active .products-class-hover-box .products-class-hover-left2,
.products-class:hover .products-class-hover-box .products-class-hover-bottom1,
.products-class.active .products-class-hover-box .products-class-hover-bottom1,
.products-class:hover .products-class-hover-box .products-class-hover-bottom2,
.products-class.active .products-class-hover-box .products-class-hover-bottom2,
.products-class:hover .products-class-hover-box .products-class-hover-right1,
.products-class.active .products-class-hover-box .products-class-hover-right1,
.products-class:hover .products-class-hover-box .products-class-hover-right2,
.products-class.active .products-class-hover-box .products-class-hover-right2
{
    transform: scale(1,1);
}




.products-class:hover .products-class-link,
.products-class.active .products-class-link{
    color: #007db6;
}

.header-menu-title:hover,
.header-menu li.active .header-menu-title{
    color: #007db6;
}

.products-list-mask-box{
    width: 100%;
    height: 100%;
    padding: 0 10px;
    box-sizing: border-box;
    background-color: rgba(0,0,0,0.6);
    position: absolute;
    display: -webkit-flex;
    display:         flex;
    -webkit-align-items: center;
              align-items: center;
    -webkit-justify-content: center;
              justify-content: center;
}
.products-list-title{
    font-size: 16px;
    color: #FFF;
    letter-spacing: 2px;
    font-family: "微軟正黑體";
}

.contact-button:hover{
    background-color: #007db6;
    color: #FFF;
    border: 1px solid #007db6;
    letter-spacing: 4px;
}
.footer-info a{
    transition: all .3s linear;
}
.footer-info a:hover{
    color: #007db6;
}