*{
    padding: 0;
    margin: 0;

}


#layout{
    color: #7d7d7d; /*內容字顏色 預設：深灰*/
    font-family: "微軟正黑體", "黑體";
}

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

.logo{

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

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

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

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





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

    transition: opacity 0.6s ease;
}

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

}



ul li{

    list-style-type: none;

}

ul li a{

    text-decoration: none;
    color: #7d7d7d; /*內容字顏色 預設：深灰*/
}



h1{
    font-family: Arial;
    font-size: 26px;
    margin: 30px auto ;
    display: inline-block;
}

h2{

    font-size: 18px;
    font-weight: bold;

}




hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #7d7d7d;
    margin: 1em 0;
    padding: 0;
}




/*單獨CSS 設定*/


.marginRight10{
    margin-right: 10px;

}

.marginRight15{
    margin-right: 15px;
}

.marginTop5{
    margin-top: 5px;
}

.marginTop10{
    margin-top: 10px;
}

.marginBottom5{
    margin-bottom: 5px;
}
.marginBottom15{
    margin-bottom: 15px;
}

.marginBottom25{
    margin-bottom: 25px;
}

.marginT10B10{
    margin: 10px auto;
}

.colorRed{
    color: red;

}

.textAlignLeft{
    text-align: left;
}

.textAlignCenter{
    text-align: center !important;
}

.textAlignRight{
    text-align: right !important;
}


.sideSelectedEn{

    font-size: 18px;
    color: #541b86;
    
}

.sideSelectedChn{

    border-bottom: #2ca3dd 3px solid ;

}

.imgPS{
    font-size: 12px !important;

}

.imgShadow_01{

    /*Div-Shadow*/
    -moz-box-shadow: 0px 1px 6px #a7a7a7;
    -webkit-box-shadow: 0px 1px 6px #a7a7a7;
    box-shadow: 0px 1px 6px #a7a7a7;
}


.imgBorder{
    -moz-box-shadow: 0px 1px 16px #a7a7a7;
    -webkit-box-shadow: 0px 1px 16px #a7a7a7;
    box-shadow: 0px 1px 16px #a7a7a7;
    border-radius: 5px;
    margin-bottom: 10px;

}





/*解決手機版按鈕會顯示圓角的方法*/
.btn-mobile-noRadius{
    -webkit-appearance:none;
}







