body
{
    margin: 0px;
    padding: 0px;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #DBDBDB;
}

*
{
    margin: 0px;
    padding: 0px;
    --word-wrap: break-word;
    --word-break: break-all;
}


a:hover
{
    cursor: pointer;
}

.clear
{
    clear: both;
}

ul
{
    margin: 0px;
    padding: 0px;
}



h1, h2, h3, h4, h5, h6
{
    font-size: .9em;
    font-weight: normal;
}




p.detail
{
    clear: both;
    float: left;
    width: 100%;
    --line-height: 25px;
    margin-left: 30px;
    padding: 0;
    color: #666666;
    font-size: 0.85em;
}

div.list, div.imglist
{
    clear: both;
    float: left;
    width: 100%;
}

table.message
{
    clear: both;
    float: left;
    margin-top: 15px;
    width: 80%;
    border-collapse: collapse;
    border-spacing: 3px;
}

table.message th
{
    width: 120px;
    height: 30px;
    text-align: right;
    vertical-align: middle;
    font-size: .9em;
    color: #333333;
    --border: 1px solid #000000;
}

.remark
{
    font-size: .7em;
    color: #FF0000;
    vertical-align: text-top;
}

table.message td
{
    text-align: left;
    vertical-align: middle;
    padding-left: 7px;
    --border: 1px solid #000000;
}

.inner
{
    margin: 0;
    padding: 0;
}

.hidden
{
    display:none;
    }

.newline
{
    clear: both;
}

#cht
{
    --font-family: 新細明體;
    font-family: 微軟正黑體;
}

#eng
{
    letter-spacing:0px;
    }

#banner
{
    clear: both;
    float: left;
    width: 100%;
    height: 258px;
    --margin-top: 5px;
    background-color: #FFFFFF;
}

.SiteMap
{
    --border: 1px solid #000000;
    clear: both;
    padding-top: 5px;
    --width: 97%;
    float: left;
    margin-top: 15px;
    margin-left:50px;
    background-color: #FFFFFF;
    font-size: .8em;
    --display: none;
    color: #660033;
    font-weight: bold;
}


/* ==================== textbox ==================== */




.text_default, .text_address, .text_1, .text_2, .text_3, .text_4, .text_5, .text_6, .text_address, .text_qty, .text_price, .text_lab
{
    -webkit-border-radius: 3px; /* support firefox */
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #C0C0C0;
    width: 200px;
    --height: 18px;
    padding: 2.2px 7px;
    color: #333333;
    margin-top: 5px;
}
.text_lab
{
    border-style: none;
    width: 100%;
    font-size: .9em;
}

.text_address
{
    width: 280px;
}

.text_1
{
    width: 80px;
}

.text_2
{
    width: 120px;
}


.text_3
{
    width: 160px;
}

.text_4
{
    width: 240px;
}



.text_5
{
    width: 280px;
}

.text_6
{
    width: 320px;
}



.text_qty
{
    width: 30px;
    text-align: right;
    padding-right: 3px;
}


.text_price
{
    width: 50px;
    text-align: right;
    padding-right: 3px;
}

/* ==================== button ==================== */

.BtnArea
{
    --border: 1px solid #000000;
    clear: both;
    float: right;
}

.BtnArea *
{
    cursor: pointer;
}
.linkBtn
{
    border: none;
    background-color: #999999;
    font-size: .9em;
    padding: 3px;
    padding-left: 12px;
    padding-right: 12px;
    --padding-bottom: 5px;
    color: #FFFFFF;
    text-decoration: none;
}

.linkBtn:hover
{
    background-color: #333333;
}


.btn_default
{
    border: none;
    background-color: #999999;
    font-size: .75em;
    color: #FFFFFF;
    text-decoration: none;
    width: 100%;
    --height: 100%;
    --padding-top: 5px;
    --padding-bottom: 3px;
}

.btn_default:hover
{
    background-color: #333333;
}

.bg_title
{
    background-image: url('images/bg_title.jpg');
    background-repeat: no-repeat;
    width: 180px;
    height: 40px;
    float: left;
}
.bg_title h1
{
    font-size: 1em;
    color: #FFFFFF;
    margin-left: 50px;
    float: left;
    margin-top: 12px;
}
.bg_title_activity
{
    width: 320px;
    height: 50px;
    background-image: url('images/activity.jpg');
    background-repeat: no-repeat;
    float: left;
}
.bg_title_activity h1
{
    color: #FFFFFF;
    font-size: 1em;
    margin-left: 60px;
    margin-top: 17px;
    float: left;
}