*{font-family: Noto Sans TC}
.top{width:100%;height:auto;}
.top{width:100%;height:auto;}
.red-line{width:100%;height:20px;background-color: #B2292E;}
.logo-nav{width:85%;height:95px;margin:0 auto;}
@media screen and (min-width: 1280px) and (max-width: 1380px) {
    .logo-nav{width:85%;height:95px;margin:0 auto;}
}
@media screen and (min-width: 1380px) {
    .logo-nav{width:1280px;height:95px;margin:0 auto;}
}
.logo-ul{width:220px;height:95px;float: left;}
.logo-ul li{width:220px;height:95px;}
.logo-ul li img{height:50px;margin-top: 20px;}

.nav-ul{width:auto;height:95px;float: right;font-size:18px;text-align: center;position: relative;}
.nav-ul li{
    padding: 0 20px;
    height:95px;float:left;margin-left:5px;text-align: center;line-height: 95px;
}
.nav-ul li a{height:95px;display:block;color:#848383;}
.nav-ul li:hover{background: url("../images/nav-line.png") no-repeat center bottom}
.nav-ul li dl{width:500px;height:auto;z-index:99;background-color: #3A3A3A;display: none;text-align: left;position: absolute;left: 5px;top: 95px;}
.nav-ul li dl dd{width:100%;height:45px;margin-top: 10px;line-height: 45px;text-indent:25px;}
.nav-ul li dl dd a{width:100%;height:45px;display:block;color:#B4B2B2;font-size:16px;}
.nav-ul li dl dd:hover{background-color: #B2292E;}
.nav-ul li:hover dl{display: block;}
.nav-ul img{float: left; margin-top: 37px;}