/* content_css */

/* fix_menu */
#fix_menu {position: fixed; z-index: 100; top: 0; left: 0; width: 100%; background-color: rgba(255, 255, 255, .93); border-top: solid 1px #ddd; display: none;}
#fix_menu .fix_wrap {max-width: 1600px; display: flex; margin: 0 auto;}
#fix_menu .fix_wrap i.home {width: 65px; line-height: 70px; text-align: center; font-size: 22px; border-right: solid 1px #ddd;}

/* menu */
#fix_menu .fix_wrap .menu {display: flex; width: calc(100% - 65px); height: 70px; }
#fix_menu .fix_wrap .menu > li {width: 20%; height: 100%; border-right: solid 1px #ddd;}
#fix_menu .fix_wrap .menu > li button {width: 100%; height: 100%; font-size: 18px; font-weight: 500; padding: 0 50px 0 30px; text-align: left; position: relative;}
#fix_menu .fix_wrap .menu > li button::before {content: ""; display: inline-block; position: absolute; top: 50%; right: 30px; width: 10px; height: 7px; background: url("../img/menu_arrow.png") 50% / cover no-repeat;transform: translateY(-50%) rotate(0deg)}
#fix_menu .fix_wrap .menu > li button.active::before {background-image: url('../img/menu_arrow_on.png')}
#fix_menu .fix_wrap .menu > li div {overflow:hidden;height:0;position:relative; margin-top:0; left:-1px; width:calc(100% + 2px);}
#fix_menu .fix_wrap .menu > li div ul {display:block;position:absolute; width: 100%; border: solid 1px #ddd; z-index: 5;}
#fix_menu .fix_wrap .menu > li div ul li a {background-color: rgba(255,255,255,.93); border-bottom:1px solid #ddd; height:70px; font-size: 18px; font-weight: 500; color:#000; line-height:70px;display:block;-webkit-transition:background .3s ease;-moz-transition:background .3s ease;-o-transition:background .3s ease;-ms-transition:background .3s ease;padding-left:30px;}
#fix_menu .fix_wrap .menu > li div ul li a:hover {background: #f7f7f7; text-decoration:none;}

/* progress */
#fix_menu .progress {width: 100%; height: 2px; background-color: #ddd; position: relative;}
#fix_menu .progress span {width: 0; height: 100%; display: block; position: absolute; top: 0; left: 0; background-color: #ed6f20;}
#fix_menu.fixed {display: block;}

@media screen and (max-width:1400px) {
    #fix_menu .fix_wrap i.home{line-height: 65px; font-size: 20px;}
    #fix_menu .fix_wrap .menu{height: 65px;}
    #fix_menu .fix_wrap .menu > li button{font-size: 17px; padding: 0 20px;}
    #fix_menu .fix_wrap .menu > li button::before{right: 20px}
    #fix_menu .fix_wrap .menu > li div ul li a{font-size: 17px; height: 60px; line-height: 60px; padding-left: 20px;}
}

@media screen and (max-width:1280px) {
    #fix_menu .fix_wrap i.home {line-height: 55px; font-size: 20px;}
    #fix_menu .fix_wrap .menu {height: 55px;}
    #fix_menu .fix_wrap .menu > li button {font-size: 16px; padding: 0 15px;}
    #fix_menu .fix_wrap .menu > li button::before {right: 20px}
    #fix_menu .fix_wrap .menu > li div ul li a {font-size: 16px; height: 55px; line-height: 55px; padding-left: 15px;}
}

@media screen and (max-width:1024px) {
    #fix_menu.fixed{display: none;}
}