@charset "utf-8";
body {
    background-color: #EEE;
    font-size: 100%; /* 全域字型大小，16px */
    font-family: Helvetica, sans-serif; /* 全域字型樣式 */
}
a:link {
    color: #666;
    text-decoration: none;
}
a:visited {
    text-decoration: none;
    color: #333;
}
a:hover {
    text-decoration: underline;
}
a:active {
    text-decoration: none;
}
h1 {
    font-size: 1.5em; /* 24px / 16px */
}
span {
    font-size: 0.75em; /* 12px / 16px */
}
#warp {
    width: 59.375em; /* 950px / 16px */
    margin: 0.625em auto; /* 10px / 16px */
}
#warp #content {
    background-color: #EEE;
    padding: 0.625em; /* 10px / 16px */
}
#warp #content #sidediv {
    clear: right;
    float: right;
    width: 12.4375em; /* 199px / 16px */
    margin-top: 0.625em;
    padding: 0.625em;
}
#warp #content #sidediv .sidemenu {
    border-radius: 1.25em 0 1.25em 0; /* 20px / 16px */
    color: #FFF;
    background-color: #666;
    padding: 0.3125em; /* 5px / 16px */
    font-weight: bold;
    text-align: center;
}
#warp #content #maindiv {
    width: 43.125em; /* 690px / 16px */
    margin: 0.625em 0;
    float: left;
    padding: 0.625em;
}
#warp #content .gridlist {
    width: 43.75em; /* 700px / 16px */
    margin: 0.625em 0;
    float: left;
}
.block_product {
    float: left;
    height: 16.25em; /* 260px / 16px */
    width: 10em; /* 160px / 16px */
    background-color: #FFFFFF;
    border-radius: 0 1.25em 0 1.25em;
    border: 1px solid #CCC;
    margin-right: 0.625em;
    margin-bottom: 0.625em;
    transition: background-color 10ms ease;
}
.block_product:hover {
    background-color: #CCC;
}
.block_product .pro_photo {
    height: 8.4375em; /* 135px / 16px */
    width: 8.4375em;
    margin: 0.625em auto 0;
    transition: color;
}
.block_product .pro_photo .pro_name {
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 0.625em; /* 10pt */
    font-weight: bolder;
    color: #666;
    height: 3.2em;
    text-align: center;
    margin: 0.125em 0 0.3125em;
}
.block_product .pro_photo .pro_price {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.75em; /* 12pt */
    color: #F00;
    text-align: center;
}
.block_product .pro_photo .pro_btn {
    text-align: center;
    margin-top: 0.3125em; /* 5px / 16px */
}
.nav_bar {
    margin: 1.25em 0; /* 20px / 16px */
    line-height: 1.2;
    width: 20em; /* 320px / 16px */
    margin-right: auto;
    margin-left: auto;
}
.desc {
    font-size: 0.6875em; /* 11pt */
    margin: 0 0 1.25em 0.0625em;
    line-height: 1.5;
}