@font-face
{
    font-family: "norwester";
    src: url('fonts/norwester.ttf') format('truetype');
}
@font-face
{
    font-family: "OpenSans-Regular";
    src: url('fonts/OpenSans-Regular.ttf') format('truetype');
}
@font-face
{
    font-family: "Ubuntu-L";
    src: url('fonts/Ubuntu-L.ttf') format('truetype');
}
@font-face
{
    font-family: "Univers";
    src: url('fonts/univers.ttf') format('truetype');
}
body, html { position:relative; margin:0 auto; font-family: Arial, Helvetica Neue, Helvetica, sans-serif,"微軟正黑體"; width: 100%; min-width: 640px;}
a{ text-decoration:none; }
input { margin: 0px; padding: 0px; }
.button { cursor: pointer; }
.image_block { display: block; margin: 0 auto; }
.end_float { clear: both; }
.hidden_element { display: none; }

.body { position: relative; }
.page_wrapper { position: relative; }


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

.button_down { position: absolute; bottom: 50px; left: 0px; right: 0px; margin: 0 auto; }

@media screen and (max-width: 640px){
    .mobile { display: block; }
    .desktop { display: none; }
    
    #talktous { background: url('resources/talktous/background.jpg') 50% -80% no-repeat !important; }
    #talktous .talktous_content_wrapper { margin-top: 450px !important; }

    .button_menu { position: fixed; top: 21.5px; left: 30px; z-index: 3; }
    .menu_wrapper { position: fixed; top: 0px; left: 0px; min-height: 75px; width: 100%; z-index: 2; display: none; font-family: 'Ubuntu-L'; }
    .menu_wrapper .menu { position: relative; width: 100%; background: #1C0C3D; display: none; text-align: center; }
    .menu_wrapper .menu .menu_logo { vertical-align: middle; margin: 10px auto; height: 70px;}
    .menu_wrapper .menu .menu_button_wrapper { font-size: 25px; position: relative; }
    .menu_wrapper .menu .menu_button_wrapper a { color: #FFF !important; margin: 0 20px; letter-spacing: 1px; display: block; text-align: center; line-height: 1; padding: 24px 0; border-top: 1px solid #FFF; }
}
@media screen and (min-width: 641px){
    .mobile { display: none; }
    .desktop { display: block; }

    .button_menu { position: fixed; top: 21.5px; left: 50px; z-index: 2; }
    .menu_wrapper { position: fixed; top: 0px; left: 0px; min-height: 75px; width: 100%; z-index: 2; display: none; font-family: 'Ubuntu-L'; }
    .menu_wrapper .menu { position: relative; width: 100%; height: 75px; background: #1C0C3D; display: none; }
    .menu_wrapper .menu .menu_logo { vertical-align: middle; margin: 19px 50px; }
    .menu_wrapper .menu .menu_button_wrapper { font-size: 13px; position: absolute; right: 50px; top: 29.5px; }
    .menu_wrapper .menu .menu_button_wrapper a { color: #FFF !important; margin: 0 20px; letter-spacing: 1px; }
}