/* Personal Picture Postcard */
body {
    font-family: Arial, 新細明體;
    background-color: #EEEEEE;
    padding: 0;
    margin: 0;
    /* Black and White Style */
    /*-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -webkit-filter: grayscale(1);
    filter: grayscale(100%);
    filter: grayscale(1);*/
}

#Container
{
    display: block;
    width: 1000px;
    background-color: White;
    overflow: hidden;
    padding: 20px;
    margin: 30px auto;
    border: 1px solid #D3D3D3;
}
#Header
{
    overflow: hidden;
}
#Content 
{
    overflow: hidden;
}



#Guide
{
    background-color: #FFEFD5;
    overflow: hidden;
    padding: 10px;
    margin: 10px 20px;
    border: 2px solid #E9967A;
}
#Guide p
{
    color: #008080;
    font-size: 0.8em;
}
#Guide .notice
{
    font-weight: bold;
    text-decoration: underline;
}
#Guide ol
{
    padding: 0;
    margin: 5px 25px;
}
#Guide li
{
    font-size: 0.8em;
    margin-bottom: 5px;
}

.statement
{
    width: 31%;
    float: left;
    overflow: hidden;
    padding: 0;
    margin: 5px 10px;
}

#Search
{
    background-color: #D8BFD8;
    overflow: hidden;
    padding: 10px;
    margin: 10px 20px;
    border: 2px solid #BC8F8F;
}
#Search p
{
    font-size: 0.8em;
    text-align: center;
}

#Loading
{
    display: none;
    overflow: hidden;
    background: url("/images/icon/ajax-loader1.gif") no-repeat center 10px;
    padding-top: 50px;
    margin: 10px 20px;
}
#Loading p
{
    color: #696969;
    font-size: 0.8em;
    text-align: center;
}

#Result
{
    display: none;
    background: #FFDAB9 url('/images/icon/onebit_36.png') no-repeat 20px center;
    padding: 10px;
    margin: 10px 20px;
    border: 2px solid #FA8072;
}
#Result p
{
    font-size: 0.8em;
    text-align: center;
}

#Postcard
{
    display: none;
    width: 43%;
    min-height: 300px;
    float: left;
    overflow: hidden;
    background: #EEEEEE url("/images/icon/ajax-loader1.gif") no-repeat center center;
    padding: 10px;
    margin: 10px 20px;
    border: 2px solid #D3D3D3;
}
#Postcard img
{
    display: block;
    width: 420px;
    background-color: white;
    padding: 10px;
    margin: 10px auto;
}

#Services
{
    /*display: none;*/
    width: 46%;
    float: right;
    overflow: hidden;
    margin: 10px 20px;
}
#Navigation
{
    overflow: hidden;
}
#Navigation ul
{
    overflow: hidden;
    padding: 0;
    margin: 0;
}
#Navigation li
{
    font-size: 0.8em;
    list-style-type: none;
    float: left;
    margin: 5px 20px;
}
#Navigation a
{
    display: block;
    width: 150px;
    color: black;
    background-color: #D3D3D3;
    text-decoration: none;
    text-align: center;
    padding: 5px;
    border: 1px solid #696969;
}
#Navigation a:hover
{
    color: #EEEEEE;
    background-color: #696969;
}

#Email
{
    display: none;
    background-color: #EEE8AA;
    padding: 10px;
    margin: 10px 0;
    border: 2px solid #CD853F;
}
#Email table
{
    width: 90%;
    margin: 10px auto;
    /*border-collapse: collapse;*/
}
#Email th, #Email td
{
    min-width: 140px;
    font-size: 0.8em;
    padding: 5px;
}
#Email th
{
    color: #8B4513;
    background-color: #D2B48C;
    font-weight: normal;
    text-align: right;
}
#Email p
{
    text-align: center;
}
#Email p input
{
    height: 50px;
}

#MailResult
{
    display: none;
    background: #FFDAB9 url('/images/icon/notification_warning.png') no-repeat 10px center;
    padding: 10px;
    margin: 10px 0;
    border: 2px solid #FFA07A;
}
#MailResult p
{
    color: #CD5C5C;
    font-size: 0.8em;
    margin-left: 50px;
}

#Footer
{
    background: url('/images/logo/ctt_logo_s.jpg') no-repeat right bottom;
    overflow: hidden;
    padding-top: 60px;
}
#Footer p
{
    color: #696969;
    font-size: 0.75em;
    text-align: center;
}