*{
    margin: 0;
    padding: 0;

}

header{
    width: 100%;
    display: inline-block;


}

#layout{

    width: 100%;
    height: 100%;
    min-height: 100vh;
}

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

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

/*mobile only*/
.topChanged{
    width: 100%;
    height: 60px;
    background-color: rgba(255,255,255,0.6);
    text-align: center;
    padding: 15px 0 0 0;
    display: inline-block;

    -moz-box-shadow: -3px 2px 10px white;
    -webkit-box-shadow: -3px 2px 10px white;
    box-shadow: -3px 2px 10px white;

}

.topChanged img{
    margin-left: -10px;
}




/*語系切換框框設定 START*/

.lang{
    width: 100px;
    height: 41px;
    display: inline-block;
    float: right;
    margin-right: 0px;
    margin-top: 115px;
}

.lang .langSelect{
    width: 28px;
    height: 25px;
    padding: 3px 0 0 0 ;

    text-align: center;
    margin: auto 4px;
    display: inline-block;


    border: 1px solid #9526b1;

    transition: background 0.3s ease-in-out;
}

.lang .langSelect a{
    color: white;
    width: 28px;
    height: 25px;

    display: block;
    text-decoration: none;

}


.lang .langSelect:hover{
    background: #6c17b1;
}

.lang .langSelect a:hover{
    color: white !important;

}

/*被選定的語言*/
.langSelected{
    background: #6c17b1;
}
.langSelected a{
    color: white !important;
}


/*語系切換框框設定 END*/


.menu_icon{
    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-right: 80px;
    margin-top: 110px;
    float: right;
    opacity: 0.7;

    transition: opacity 0.6s ease;
}

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

}




.displayYes{

    display: block;
}

.displayNone{

    display: none;

}

.pc_only{
    display: block;
}

.mobile_only{
    display: none;
}