@charset "utf-8";

/* @overwrite common.css */
section
{
    margin: 0px auto 40px;
    width: 80%;
    min-height: 500px;
}

/* @overwrite common.css */
section>h1
{
    margin: 80px 20px 30px;
}

/* @overwrite common.css */
section>hr
{
    color: #c3c1c0;
}

/* section -> list */
#usefulForm_list
{
    min-height: 250px;
    background-image: url('../images/coloredFlower.png');
    background-repeat: no-repeat;
    background-size: 300px;
    background-position: bottom right;
    font-family: 微軟正黑體;
}

/* section -> list -> item */
section li
{
    margin: 10px 0px;
    color: #c49f5f;
    font-size: 24px;
    font-weight: bold;
}

/* section -> link */
section a:link,
section a:visited
{
    color: #c49f5f;
    font-weight: bold;
    text-decoration: none;
    word-break: break-all;
}

section a:hover,
section a:visited
{
    border-bottom: 1px solid #8b6e3c;
    color: #8b6e3c;
}

/* RWD */
@media only screen and (max-width: 1200px)
{
    #usefulForm_list
    {
        background-image: none;
    }
}

@media only screen and (max-width: 550px)
{
    section
    {
        width: 90%;
    }
}