#layout_menu{
    width: 100%;
    height: 100vh;
    position: absolute;
    z-index: 999;



}

.header_menu{
    width: 100%;
    display: inline-block;

}




.logo_menu{
    width: 110px;
    height: 128px;
    background-image: url("../images/logo_white.png");
    background-repeat:no-repeat;
    background-size: 110px 128px;
    display: inline-block;
    cursor: pointer;
    text-align: center;
    margin-left: 60px;
    margin-top: 40px;
    float: left;

}

.logo_menu a{
    width: 110px;
    height: 128px;
    display: block;
    outline: none;

}




.menu_icon_menu{
    width: 50px;
    height: 41px;
    background-image: url("../images/menu_icon.png");
    background-repeat:no-repeat;
    background-size: 50px 41px;
    display: inline-block;
    cursor: pointer;
    margin: 110px 80px auto auto;
    float: right;
    opacity: 0.7;

    transition: opacity 0.6s ease;
}

.menu_icon_menu:hover{
    opacity: 1;
    transition: opacity 0.6s ease;

}


.article_menu{

    width: 760px;
    margin: 7vh auto 0px auto;
    text-align: center;
    display: block;

}

/*透明方塊*/
.container{

    width: 210px;
    /*height: 210px;*/
    display: inline-block;
    margin: 15px;
    background-color: rgba(255,255,255,0.5) ;
    font-size: 34px;
    letter-spacing: 1px;
    cursor: pointer;

    -moz-box-shadow: 0px 0px 30px #9a8ec3;
    -webkit-box-shadow: 0px 0px 30px #9a8ec3;
    box-shadow: 0px 0px 30px #9a8ec3;

}

.container a{
    width: 210px;
    /*height: 210px;*/
    padding: 85px 0px;
    display: block;
    outline: none;
    text-decoration: none;
    font-family: 'Arial';
    cursor: pointer;

}



/*單獨定義*/



.colorGrey{

    color: #7d7d7d;

}

.hover{

    background-image: url("../images/menu/hover_bg.png");
    background-repeat:no-repeat;
    background-size: cover;
    color: #ffffff;
    /*font-size: 23px;*/
    font-size: 28px;
    line-height: 34px;
    font-family: "微軟正黑體", "黑體";

}


.displayYes{
    
    display: inline-block;
}

.displayNone{

    display: none;
}

.visibleYes{
    visibility: visible;
}
.visibleNone{
    visibility: hidden;
}


.blur-bg{

    -webkit-filter: blur(20px); /* Chrome, Opera */
    -moz-filter: blur(20px);
    -ms-filter: blur(20px);
    filter: blur(20px);
}

.height100vh{
    height: 100vh;
    overflow: hidden;
}