*{
    font-family:"Microsoft JhengHei";
}

a{
    color: inherit;
}

/*box*/

.eos-tool-member >div{
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}
.eos-tool-member >div b{
    color: #eb6100;
    margin-left: 10px;
}
.eos-tool-member >a{
    display: inline-block !important;
    vertical-align: middle;
}
.header-block{
    width: 100%;
    margin: 0 auto;
    text-align: center;
    position: fixed;
    box-shadow: 0px 2px 5px #000;
    top: 0;
    background-color: #fff;
    z-index: 9999;
}

.eos-logo{
    float: left;
    width: 30%;
    padding: 10px 0;
}

.eos-menu{
    float: left;
    width: 35%;
    max-width: 100%;
    display: table;
    line-height: 3.8;
}

.eos-menu a{
    display:block;
}

.eos-tool{
    float: right;
    width: 35%;
    line-height: 3.3;
    text-align: right;
}
.rwd{
    background-color:rgba(255, 255, 255, 255.0);
display: none;
}
/*detail*/

/*logo*/
.eos-logo-img{
    display: block;
    width: 69px;
    margin: 0 auto;
}

.eos-logo-img img {
    width: 100%;
}

/*menu*/

.eos-menu li{
    display: table-cell;
    width:20%;
    font-size: 20px;
    cursor: pointer;
}


/*tool*/
.eos-tool-member {
    display: inline-block;
    padding: 0 20px;
    background-image: url(../img/member.png);
    background-repeat: no-repeat;
    background-position: 0 40%;
}

.eos-tool-shop {
    display: inline-block;
    vertical-align: middle;
    padding: 0 20px;
    background-image: url(../img/shop-icon.png);
    background-repeat: no-repeat;
    background-position: 0 40%;
}

.eos-tool-search {
    display: inline-block;
    padding: 0 20px;
    background-image: url(../img/search.png);
    background-repeat: no-repeat;
    background-position: 0 40%;
    z-index: 99;
    
}
.eos-tool-search #product_search{
    display: inline-block;
    vertical-align: middle;
}
.eos-tool li span{
    display: inline-block;
    padding-left: 10px;
}

.eos-tool li a{
    display: block;
    padding: 10px;
}
/* RWD的icon */
.menu-icon{
    position:absolute;
    top:20px;
    display:none;
    right:50px;
    width:30px;
    max-width:100%;

}
.menu-icon img{
    width:100%;
}
.rwd-menu-list{
    display:none;
    font-size:1.5rem;
    color:#000;
    line-height:1.6;

}
.rwd-menu{
    text-align:center;
}
.ui li.rwd-menu span{
    font-size:2rem;
    color:#ed6100;
    line-height:1.6;

}
.rwd-menu-list a{
display:block;
    }
.rwd-menu .rwd-menu-list.list-open{
    display:block;
}

.header-rwd{
    display:none;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
.search-big-box{
    position: fixed;
    width: 400px;
    max-width: 100%;
    background-color: #eaeaea;
    top:0;
    right: 0;
    transition: all 0.5s ease-out;
    font-size: 0;
    padding: 8px;
    box-sizing: border-box;
    border-radius: 10px 0 0 10px;
    z-index: 98;
}
.search-box{
    
    width: 300px;
    max-width: 100%;
   
    vertical-align: middle;
    border: 1px solid #bbb;
    margin: 0 auto;
}
.search-box input{
    width: calc( 100% - 40px );
    height: 38px;
    line-height: 38px;
    border: 0;
    display: inline-block;
    font-size: 1rem;
    vertical-align: middle;
}
.search-box1{
    top:77px;
    transition:all 0.5s ease-in;
}
.search-icon-bottom{
    width: 40px;
    max-width: 100%;
    height: 100%;
    display: inline-block;
    vertical-align: middle;
}
.search-icon-bottom img{
    width: 100%;
}
.body-jq{
/*
    width: 100%;
    height: 100%;
*/
    position: relative;
    background-color: black;
    z-index: 999;
}