@charset "UTF-8";

/*前端修改、自訂樣式*/
nav ul{
    padding-left: 0;
    margin-bottom: 0;
}
nav li{
    list-style-type: none;
}
nav li a{
    word-wrap:break-word;
    word-break:normal;
}
.moremenu > a{
    width: 100%;
    display: flex;
    align-items: center;
}
.moremenu > a::after{
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 4px 0 4px;
    border-color: #333 transparent transparent transparent;
    margin-left: 5px;
}
/*有預留下拉選單，但客戶只需要一層下拉選單，所以先隱藏*/
.moremenu > a::after{display: none;}
nav > ul >li.moremenu >a::after{display: block;}


@media screen and (min-width:1024px){
    .header{
        display: flex;
        align-items: center;
    }
    .logo{margin-top: 0;}
    nav{
        max-width: calc(100% - 267px);
        margin-top: 0;
    }
    nav >ul{
        width: 100%;
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }
    nav >ul >li{
        display: inline-block;
    }
    .moremenu{
        position: relative;
    }
    .moremenu > ul{
        width: 100%;
        position: absolute;
        top: 0;
        left: calc(100% + 1px);
        z-index: 2;
        background-color: #fff;
        border: 1px solid rgba(0,0,0,.15);
        box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
        border-radius: 0 0 2px 2px;
        display: none;
    }
    .moremenu:hover > ul{display: block;}
    nav > ul > li.moremenu >ul{
        /*top: calc(100% + 20px);*/
        top: 100%;
        left: 0;
    }
    .moremenu > ul > li{
        width: 100%;
        border-bottom: 1px rgb(179,23,0) solid;
    }
    .moremenu > ul > li:last-child{border: 0;}
    .moremenu > ul a{
        padding: 10px;
    }
    .moremenu > a{
        justify-content: center;
    }
    .sub_menu{order:3;}
    .memberState{
        max-width: 300px;
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }
    .memberState .user{
        max-width: 208px;
        display: flex;
        align-items: center;
    }
    .memberState .user span:last-child{width: 32px;}
    header #member_name{
        display: inline-block;
        max-width: 110px;
        overflow: hidden;
        display: -webkit-box;
        text-overflow: ellipsis;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        white-space: normal;        
    } 
}
#fanuc .footerStyle3 h5{
    color: #fff;
    font-size: 14px;
    font-family: sans-serif, "微軟正黑體", Microsoft JhengHei;
    font-weight: normal;
    text-align: left;
}
.footerStyle3 .footerContent{
    max-width: 1615px;
}
#fanuc .footerStyle3 .idx_copyrught_txt{text-align: right;}
.login_form #member_name{margin-right: 0;}
/*for IE*/
.block_index{padding: 0;}
.login_item input{height: 37px;}
.login_window{
    overflow: hidden;
    margin: 90px auto;
}
.dl_searchitem .textinput{height: 32px;}

/*文字依單字換行*/
.text_wrap{
    word-wrap:break-word;
    word-break:normal;    
}

@media screen and (max-width:1023px){
    .moremenu > ul{
        padding-left: 1em;
        display: none;
    }
    /*.moremenu > ul > li > a{border-bottom: 0;}*/
    nav{
        max-height: calc(100vh - 71px);
        overflow-y: auto;
    }
    .memberState .user{
        border-bottom: 0;
        padding-bottom: 0;
    }
}
@media screen and (min-width:1024px) and (max-width:1100px){
    nav > ul > li > a{padding: 0 20px;}
}
@media screen and (min-width:1024px) and (max-width:1160px){
    
}
@media screen and (min-width:651px) and (max-width:1023.5px){
    /*修正1023px時，重疊問題*/
    .sub_menu{
        position: relative;
        right: 60px;
    }
}
@media screen and (max-width: 767px){
    #fanuc .footerStyle3 .idx_copyrught_txt{text-align: left;}
}