@charset "UTF-8";

body {
    background-color:#256F95;
    color:#FFFFFF;
    font-style:normal;
    max-height:100%;
    text-size-adjust:100%;
}

h1, h2 {
    font-size:large;
}

h3,p,button,a,ul,ol,small {
    font-size:medium;
}

p,button,a,ul,ol {
    line-height:1.5;
}

button {
    background-color:#256F95;
    border:none;
    outline:0;
    cursor: pointer;
    padding:4px;
    color:#FFFFFF;
}

button:hover {
    background-color:#FFFFFF;
    color:#256F95;
}

a {
    background-color:#256F95;
    padding:4px;
    color:#FFFFFF;
    text-decoration:none;
}

a:hover {
    background-color:#FFFFFF;
    color:#256F95;
    position:relative;
    z-index:99;
}

#container {
    width:100%;
    max-width:1000px;
    margin-left:auto;
    margin-right:auto;
}

header {
    position:fixed;
    top:0px;
    background-color:#256F95;
    width:100%;
    max-width:1000px;
    height:75px;
    padding:8px;
}

#toppage {
    margin-top:100px;
}

article {
    border:solid 1px #FFFFFF;
    margin-bottom:8px;
    padding:8px;
}

footer {
    text-align:right;
    padding:8px;
}

#menu {
    display:none;
    position:fixed;
    background-color:#256F95;
    border:solid 1px #FFFFFF;
    width:220px;
    padding:10px;
}

#menu p, #menu a {
    line-height:1;
}

#error,#confirmation,#messagebox {
    display:none;
    position:fixed;
    background-color:#256F95;
    border:solid 1px #FFFFFF;
    max-width:80%;
    padding:10px;
}

#overlay {
    background:rgba(0,0,0,0.4);
}

img {
    display:block;
}

hr {
    border:dashed 0.5px #FFFFFF;
}

@media screen and (min-width:599px) {
    .flex {
        display:flex;
        flex-direction:row-reverse;
        justify-content:space-between;
    }

    .flex2 {
        display:flex;
        align-items:center;
    }

    .flex3 {
        display:flex;
        justify-content:space-around;
    }
}

/* Copyright 2018 DoubleQuotation Limited. */