@charset "utf-8";
/* CSS Document */
body{
    font-family: 微軟正黑體, Arial;
}

/* ===============================================
 * 首頁 (100%)
 * =============================================== */
.indexBackground{
    background: url(/images/bodyBackground.jpg) repeat-x center top #8F112D;
}

#indexWrap{
    width: 100%;
    min-width: 990px;
    text-align: center;
    margin:auto;
}

#indexHeader{
    width: 100%;
    min-width: 990px;
    height: 171px;
    margin: 0px auto 0px auto;
    display: inline-block;
    clear: both;
}

/* Logo 區塊 */
#indexHeader>.topBar{
    width: 85%;
    min-width: 990px;
    height: 133px;
    margin: 0px auto 0px auto;
    padding: 0px 0px 0px 0px;
    display: inline-block;
    clear: both;
}
#indexHeader>.topBar #headerLogo{
    margin: 15px 0px 0px 25px;
    float: left;
}
#indexHeader>.topBar>.loginUser{
    height: 22px;
    color: #000000;
    font-family: 微軟正黑體, Arial;
    font-size: 15px;
    font-weight: normal;
    line-height: 22px;
    text-align: center;
    margin: 35px 12px 0px 0px;
    padding: 0px 0px 0px 0px;
    float: right;
    z-index: 999;
}
#indexHeader>.topBar>.headerTopBarBtn{
    height: 22px;
    background: url(/images/facebookIcon.png) no-repeat center left;
    border: 0px;
    color: #000000;
    font-family: 微軟正黑體, Arial;
    font-size: 15px;
    font-weight: normal;
    line-height: 22px;
    text-align: center;
    margin: 35px 12px 0px 0px;
    padding: 0px 0px 0px 29px;
    float: right;
    cursor: pointer;
    z-index: 999;
}

/* 主選單 */
#indexHeader>.headerMenu{
    width: 636px;
    text-align: left;
    margin: 0px auto 0px auto;
    display: inline-block;
}
#indexHeader>.headerMenu>.mainMenu{
    height: 38px;
    display: inline-block;
}
#indexHeader>.headerMenu>.mainMenu>.mainMenuBtn{
    height: 30px;
    background: transparent;
    border: 0px;
    color: #000000;
    font-family: 微軟正黑體, Arial;
    font-size: 20px;
    font-weight: normal;
    line-height: 30px;
    text-align: center;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    cursor: pointer;
}
#indexHeader>.headerMenu>.mainMenu>.current, #indexHeader>.headerMenu>.mainMenu>.mainMenuBtn:hover{
    color: #FFFFFF;
}
#indexHeader>.headerMenu>.subMenu{
    width: 800px;
    margin: -25px 0px 0px 0px;
    display: inline-block;
    float: left;
    display: none;
}
#indexHeader>.headerMenu>.subMenu>li{
    list-style-type: disc;
    color: #9E752D;
    margin: 0px 0px 0px 20px;
    padding: 0px 0px 0px 0px;
    float: left;
}
#indexHeader>.headerMenu>.subMenu>li>.subMenuBtn{
    height: 17px;
    background: transparent;
    border: 0px;
    color: #9E752D;
    font-family: 微軟正黑體, Arial;
    font-size: 17px;
    font-weight: normal;
    line-height: 17px;
    text-align: center;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    cursor: pointer;
}
#indexHeader>.headerMenu>#subMenuAbout{
    width: 740px;
    margin: -25px 0px 0px 40px;
}
#indexHeader>.headerMenu>#subMenuProducts{
    width: 695px;
    margin: -25px 0px 0px 105px;
}
#indexHeader>.headerMenu>#subMenuMember{
    width: 590px;
    margin: -25px 0px 0px 210px;
}
#indexHeader>.headerMenu>#subMenuNews{
    width: 495px;
    margin: -25px 0px 0px 310px;
}
#indexHeader>.headerMenu>.current{
    display: inline;
}

#indexBodyArea{
    width: 100%;
    min-width: 990px;
    margin: 0px auto 0px auto;
    display: inline-block;
    clear: both;
}

/* 首頁圖片輪播 */
#indexBodyArea>.indexArea{
    width: 100%;
    min-width: 990px;
    background: #FFFFFF;
    margin: 0px auto 0px auto;
    display: inline-block;
    clear: both;
}
#indexBodyArea>.indexArea>.bannerArea{
    width: 100%;
    min-width: 990px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    display: inline-block;
    clear: both;
    float: left;
}
#indexBodyArea>.indexArea>.bannerArea>img{
    width: 100%;
    min-width: 990px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    float: left;
}
#indexBodyArea>.indexArea>.bannerArea>.bannerBtn{
    width: 47px;
    height: 50px;
    background: url(/images/bannerRight.png) no-repeat center center;
    border: 0px;
    margin: 110px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    position: absolute;
    top: 1;
    right: 0;
    z-index: 999;
    cursor: pointer;
}
#indexBodyArea>.indexArea>.bannerArea>ul{
    float: right;
    margin: -30px 95px 0px 0px;
}
#indexBodyArea>.indexArea>.bannerArea>ul>li{
    width: 13px;
    height: 13px;
    background: #D3D3D3;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    margin: 0px 12px 0px 0px;
    float: left;
}
#indexBodyArea>.indexArea>.bannerArea>ul>.current{
    background: #D6A666;
}
/* 首頁資訊按鈕 */
#indexBodyArea>.indexArea>.indexInfoAreaBackground{
    width: 100%;
    background-color: #F3DFCA;
    background-image: url(/images/indexInfoAreaBackground.png);
    background-repeat: no-repeat;
    background-position: 1024px bottom;
    margin: 0px 0px 0px 0px;
    padding: 25px 0px 15px 0px;
    clear: both;
}
#indexBodyArea>.indexArea>.indexInfoAreaBackground>.indexInfoArea{
    min-width:990px;
    margin: 0px auto 0px auto;
    display: inline-block;
    float: center;
}
#indexBodyArea>.indexArea>.indexInfoAreaBackground>.indexInfoArea>.indexBtns{
    width: 600px;
    border-right: 1px dotted #8D7D61;
    margin: 0px 0px 0px 0px;
    padding: 0px 15px 0px 15px;
    display: inline-block;
    float: left;
}
#indexBodyArea>.indexArea>.indexInfoAreaBackground>.indexInfoArea>.indexBtns>.indexInfoBtn{
    width: 115px;
    height: 115px;
    border: 0px;
    color: #525252;
    font-family: 微軟正黑體, Arial;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    margin: 0px 6px 0px 0px;
    padding: 70px 0px 0px 0px;
    cursor: pointer;
}
#indexBodyArea>.indexArea>.indexInfoAreaBackground>.indexInfoArea>.indexBtns>.indexInfoBtn01{
    width: 215px;
    background: url(/images/indexBtn_01.png) no-repeat center center;
}
#indexBodyArea>.indexArea>.indexInfoAreaBackground>.indexInfoArea>.indexBtns>.indexInfoBtn02{
    background: url(/images/indexBtn_02.png) no-repeat center center;
}
#indexBodyArea>.indexArea>.indexInfoAreaBackground>.indexInfoArea>.indexBtns>.indexInfoBtn03{
    background: url(/images/indexBtn_03.png) no-repeat center center;
}
#indexBodyArea>.indexArea>.indexInfoAreaBackground>.indexInfoArea>.indexBtns>.indexInfoBtn04{
    background: url(/images/indexBtn_04.png) no-repeat center center;
}

/* 首頁 - 最新消息 */
#indexBodyArea>.indexArea>.indexInfoAreaBackground>.indexInfoArea>.indexNews{
    width: 300px;
    margin: 0px 0px 0px 30px;
    padding: 0px 0px 0px 0px;
    display: inline-block;
    float: left;
}
#indexBodyArea>.indexArea>.indexInfoAreaBackground>.indexInfoArea>.indexNews>h2{
    color: #9A7D3C;
    border-bottom: 1px solid #9A7D3C;
    font-family: Arial, 微軟正黑體;
    font-size: 16px;
    font-weight: bold;
    text-align: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 6px 0px;
}
#indexBodyArea>.indexArea>.indexInfoAreaBackground>.indexInfoArea>.indexNews>h2>span{
    font-size: 12px;
}
#indexBodyArea>.indexArea>.indexInfoAreaBackground>.indexInfoArea>.indexNews>h2>.moreBtn{
    width: 37px;
    height: 14px;
    background: url(/images/indexMoreBtn.png) no-repeat center center;
    border: 0px;
    color: #FFFFFF;
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    text-align: center;
    line-height: 14px;
    margin: 4px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    cursor: pointer;
    float: right;
}
#indexBodyArea>.indexArea>.indexInfoAreaBackground>.indexInfoArea>.indexNews>ol{
    width: 300px;
    margin: 0px 0px 0px 0px;
    display: inline-block;
}
#indexBodyArea>.indexArea>.indexInfoAreaBackground>.indexInfoArea>.indexNews>ol>li{
    list-style-type: disc;
    color: #6F5F4B;
    font-family: 微軟正黑體, Arial;
    font-size: 14px;
    font-weight: normal;
    text-align: left;
    line-height: 18px;
    margin: 5px 0px 5px 14px;
    padding: 0px 0px 0px 0px;
    cursor: pointer;
}
#indexBodyArea>.indexArea>.indexInfoAreaBackground>.indexInfoArea>.indexNews>ol>li:hover{
    color: #E86E11;
}
#indexBodyArea>.indexArea>.indexInfoAreaBackground>.indexInfoArea>.indexNews>ol>li>span{
    color: #E86E11;
    float: right;
}

/* ===============================================
 * 內頁區塊
 * =============================================== */
.bodyBackground{
    background: url(/images/bodyBackground.jpg) no-repeat center top #FFFFFF;
}

#wrap{
    width: 990px;
    margin:auto;
}

/* ===============================================
 * 內頁 - 頁首區塊
 * =============================================== */
#header{
    width: 990px;
    height: 171px;
    margin: 0px auto 0px auto;
    display: inline-block;
    clear: both;
}

/* Logo 區塊 */
#header>.topBar{
    width: 100%;
    min-width: 990px;
    height: 133px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    display: inline-block;
    clear: both;
    float: left;
}
#header>.topBar #headerLogo{
    margin: 15px 0px 0px 25px;
    float: left;
}
#header>.topBar>.loginUser{
    height: 22px;
    color: #000000;
    font-family: 微軟正黑體, Arial;
    font-size: 15px;
    font-weight: normal;
    line-height: 22px;
    text-align: center;
    margin: 35px 12px 0px 0px;
    padding: 0px 0px 0px 0px;
    float: right;
    z-index: 999;
}
#header>.topBar>.headerTopBarBtn{
    height: 22px;
    background: url(/images/facebookIcon.png) no-repeat center left;
    border: 0px;
    color: #000000;
    font-family: 微軟正黑體, Arial;
    font-size: 15px;
    font-weight: normal;
    line-height: 22px;
    text-align: center;
    margin: 35px 12px 0px 0px;
    padding: 0px 0px 0px 29px;
    float: right;
    cursor: pointer;
    z-index: 999;
}

/* 主選單 */
#header>.headerMenu{
    width: 645px;
    text-align: left;
    margin: 0px auto 0px auto;
}
#header>.headerMenu>.mainMenu{
    height: 38px;
    display: inline-block;
}
#header>.headerMenu>.mainMenu>.mainMenuBtn{
    height: 38px;
    background: transparent;
    border: 0px;
    color: #000000;
    font-family: 微軟正黑體, Arial;
    font-size: 20px;
    font-weight: normal;
    line-height: 38px;
    text-align: center;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    cursor: pointer;
}
#header>.headerMenu>.mainMenu>.current, #header>.headerMenu>.mainMenu>.mainMenuBtn:hover{
    color: #FFFFFF;
}
#header>.headerMenu>.subMenu{
    width: 800px;
    margin: -25px 0px 0px 0px;
    display: inline-block;
    float: left;
    display: none;
}
#header>.headerMenu>.subMenu>li{
    list-style-type: disc;
    color: #9E752D;
    margin: 0px 0px 0px 20px;
    padding: 0px 0px 0px 0px;
    float: left;
}
#header>.headerMenu>.subMenu>li>.subMenuBtn{
    height: 25px;
    background: transparent;
    border: 0px;
    color: #9E752D;
    font-family: 微軟正黑體, Arial;
    font-size: 17px;
    font-weight: normal;
    line-height: 25px;
    text-align: center;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    cursor: pointer;
}
#header>.headerMenu>#subMenuAbout{
    width: 740px;
    margin: -25px 0px 0px 40px;
}
#header>.headerMenu>#subMenuProducts{
    width: 695px;
    margin: -25px 0px 0px 105px;
}
#header>.headerMenu>#subMenuMember{
    width: 590px;
    margin: -25px 0px 0px 210px;
}
#header>.headerMenu>#subMenuNews{
    width: 495px;
    margin: -25px 0px 0px 310px;
}
#header>.headerMenu>.current{
    display: inline;
}


/* ===============================================
 * 頁面區塊
 * =============================================== */
#bodyArea{
    width: 990px;
    background: #FFFFFF;
    margin: 0px auto 0px auto;
    padding: 0px 0px 0px 0px;
    display: inline-block;
    clear: both;
    float: left;
}

/* ===============================================
 * 內頁共用
 * =============================================== */
#bodyArea>.pageArea{
    width: 990px;
    margin: 0px 0px 0px 0px;
}

/* Banner */
#bodyArea>.pageArea>.pageAreaBanner{
    width: 990px;
    height: 310px;
    margin: 0px 0px 0px 0px;
}

/* 左邊區塊 */
#bodyArea>.pageArea>.leftArea{
    width: 205px;
    margin: 0px 45px 0px 0px;
    display: inline-block;
    float: left;
}

/* 左選單 */
#bodyArea>.pageArea>.leftArea>.leftMenu{
    width: 184px;
    margin: 0px 0px 0px 0px;
    float: right;
}
#bodyArea>.pageArea>.leftArea>.leftMenu>.top{
    width: 184px;
    height: 70px;
    background: url(/images/pageAreaLeftMenuTop.png) no-repeat center center;
    color: #815F38;
    font-family: 微軟正黑體, Arial;
    font-size: 23px;
    font-weight: bold;
    text-align: center;
    text-shadow: 1px 1px 3px #FFFFFF;
    margin: 0px 0px 0px 0px;
    padding: 30px 0px 0px 0px;
}
#bodyArea>.pageArea>.leftArea>.leftMenu>ul{
    width: 184px;
    background: url(/images/pageAreaLeftMenuCenter.png) no-repeat;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
#bodyArea>.pageArea>.leftArea>.leftMenu>ul>li{
    width: 173px;
    min-height: 40px;
    background: #FFFFFF;
    border-bottom: 1px dotted #6C6C6C;
    margin: 0px 5px 0px 5px;
    padding: 0px 0px 0px 0px;
}
#bodyArea>.pageArea>.leftArea>.leftMenu>ul>.brands{
    height: 68px;
    border-bottom: 0px dotted #6C6C6C;
}
#bodyArea>.pageArea>.leftArea>.leftMenu>ul>li>input{
    width: 173px;
    min-height: 40px;
    background: url(/images/pageAreaLeftMenuLi.png) no-repeat 8px 19px #FFFFFF;
    border: 0px;
    color: #656565;
    font-family: 微軟正黑體, Arial;
    font-size: 15px;
    font-weight: normal;
    line-height: 40px;
    text-align: left;
    margin: 3px 0px 3px 0px;
    padding: 0px 0px 0px 22px;
    cursor: pointer;
    word-wrap: break-word;
    word-break: normal;
}
#bodyArea>.pageArea>.leftArea>.leftMenu>ul>li>input:hover, #bodyArea>.pageArea>.leftArea>.leftMenu>ul>li>.current{
    width: 174px;
    background: url(/images/pageAreaLeftMenuLiCurrent.png) no-repeat 8px 19px #CF9F5F;
    color: #FFFFFF;
    font-weight: bold;
}
#bodyArea>.pageArea>.leftArea>.leftMenu>ul>li>ul{
    width: 164px;
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 0px 0px;
}
#bodyArea>.pageArea>.leftArea>.leftMenu>ul>li>ul>li{
    width: 114px;
    height: 20px;
    color: #656565;
    list-style-type: disc;
    margin: 0px 0px 0px 50px;
    padding: 2px 0px 2px 0px;
}
#bodyArea>.pageArea>.leftArea>.leftMenu>ul>li>ul>li>input{
    width: 114px;
    height: 20px;
    background-color: #FFFFFF;
    border: 0px;
    color: #656565;
    font-family: 微軟正黑體, Arial;
    font-size: 13px;
    font-weight: normal;
    line-height: 28px;
    text-align: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    cursor: pointer;
}
#bodyArea>.pageArea>.leftArea>.leftMenu>ul>li>ul>li>input:hover, #bodyArea>.pageArea>.leftArea>.leftMenu>ul>li>ul>li>.current{
    color: #FD823F;
    font-weight: bold;
}
#bodyArea>.pageArea>.leftArea>.leftMenu>.bottom{
    width: 184px;
    height: 141px;
    background: url(/images/pageAreaLeftMenuBottom.png) no-repeat center center;
    margin: 0px 0px 0px 0px;
}

/* 左選單下方連結 */
#bodyArea>.pageArea>.leftArea .leftAreaContact{
    margin: 10px 6px 0px 0px;
    float: right;
}
#bodyArea>.pageArea>.leftArea .leftAreaShoppingMall{
    margin: 15px 5px 0px 0px;
    float: right;
}

#bodyArea>.pageArea>.leftArea .leftAreaCooperative{
    width: 110px;
    height: 62px;
    background: url(/images/leftAreaCooperative.png) no-repeat center top;
    border-bottom: 1px dashed #525252;
    color: #525252;
    font-family: 微軟正黑體, Arial;
    font-size: 16px;
    font-weight: normal;
    text-align: center;
    letter-spacing: -0.3px;
    padding: 103px 0px 0px 0px;
    margin: 5px 39px 0px 0px;
    float: right;
}
#bodyArea>.pageArea>.leftArea .leftAreaLotusPork{
    width: 110px;
    height: 50px;
    background: url(/images/leftAreaLotusPork.png) no-repeat center 20px;
    border-bottom: 1px dashed #525252;
    color: #525252;
    font-family: 微軟正黑體, Arial;
    font-size: 16px;
    font-weight: normal;
    text-align: center;
    letter-spacing: -0.3px;
    padding: 105px 0px 0px 0px;
    margin: 0px 39px 0px 0px;
    float: right;
}
#bodyArea>.pageArea>.leftArea .leftAreaHHP{
    width: 110px;
    height: 40px;
    background: url(/images/leftAreaHHP.png) no-repeat center 25px;
    color: #525252;
    font-family: 微軟正黑體, Arial;
    font-size: 16px;
    font-weight: normal;
    text-align: center;
    letter-spacing: -0.3px;
    padding: 112px 0px 0px 0px;
    margin: 0px 39px 0px 0px;
    float: right;
}


/* 右邊區塊 */
#bodyArea>.pageArea>.mainArea{
    width: 740px;
    margin: 0px 0px 0px 0px;
    float: left;
}
/* 右邊區塊 - 上方標題 & 麵包屑 */
#bodyArea>.pageArea>.mainArea>.top{
    width: 740px;
    height: 28px;
    background: url(/images/mainAreaTopBackground.png) repeat-x bottom;
    margin: 0px 0px 0px 0px;
    display: inline-block;
}
#bodyArea>.pageArea>.mainArea>.top>.title{
    height: 28px;
    background: url(/images/mainAreaTopTitle.png) no-repeat left bottom;
    color: #B08F45;
    font-family: 微軟正黑體, Arial;
    font-size: 18px;
    font-weight: bold;
    text-align: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 60px;
}
#bodyArea>.pageArea>.mainArea>.top>.breadcrumb{
    height: 28px;
    background: url(/images/mainAreaTopBreadcrumbHome.png) no-repeat left center;
    color: #595959;
    font-family: 微軟正黑體, Arial;
    font-size: 12px;
    font-weight: normal;
    text-align: right;
    line-height: 28px;
    float: right;
    margin: -32px 12px 0px 0px;
    padding: 0px 0px 0px 15px;
}
#bodyArea>.pageArea>.mainArea>.top>.breadcrumb>span{
    color: #D41922;
}
/* 右邊區塊 - 主區塊 */
#bodyArea>.pageArea>.mainArea>.center{
    width: 740px;
    /*background: url(/images/mainAreaCenter.png) repeat-y;*/
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    display: inline-block;
}
/* 右邊區塊 - 主區塊之內容 */
#bodyArea>.pageArea>.mainArea>.center>.content{
    color: #656565;
    font-family: 微軟正黑體, Arial;
    font-size: 15px;
    font-weight: normal;
    line-height: 24px;
    text-align: left;
    margin: 40px 0px 40px 0px;
}
#bodyArea>.pageArea>.mainArea>.center>.content>H2{
    color: #656565;
    font-family: 微軟正黑體, Arial;
    font-size: 15px;
    font-weight: bold;
    line-height: 24px;
    text-align: left;
    margin: 15px 0px 15px 0px;
}
#bodyArea>.pageArea>.mainArea>.center>.content>H3{
    color: #4C4C4C;
    font-family: 微軟正黑體, Arial;
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
    text-align: left;
    margin: 15px 0px 15px 0px;
}
#bodyArea>.pageArea>.mainArea>.center>.content>H4{
    color: #4C4C4C;
    font-family: 微軟正黑體, Arial;
    font-size: 15px;
    font-weight: bold;
    line-height: 24px;
    text-align: left;
    margin: 15px 0px 15px 0px;
}
/* 右邊區塊 - 主區塊內容之表格 */
#bodyArea>.pageArea>.mainArea>.center>.content .normalTable{
    width: 100%;
    margin: 20px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
    display: table;
}
#bodyArea>.pageArea>.mainArea>.center>.content .normalTable>.tr{
    display: table-row;
}
#bodyArea>.pageArea>.mainArea>.center>.content .normalTable>.trLast{
    display: table-row;
}
#bodyArea>.pageArea>.mainArea>.center>.content .normalTable>.trLast>.td{
    border-top: 1px solid #B89648;
    border-bottom: 1px solid #B89648;
    border-left: 1px solid #B89648;
    color: #4C4C4C;
    font-family: 微軟正黑體, Arial;
    font-size: 15px;
    font-weight: normal;
    line-height: 26px;
    text-align: left;
    padding: 0px 5px 0px 5px;
    display: table-cell;
}
#bodyArea>.pageArea>.mainArea>.center>.content .normalTable .tdLast{
    border-right: 1px solid #B89648;
    border-bottom: 1px solid #B89648;
    border-left: 1px solid #B89648;
    color: #4C4C4C;
    font-family: 微軟正黑體, Arial;
    font-size: 15px;
    font-weight: normal;
    line-height: 26px;
    text-align: left;
    padding: 0px 5px 0px 5px;
    display: table-cell;
}
#bodyArea>.pageArea>.mainArea>.center>.content .normalTable>.tr>.thFirst{
    height: 26px;
    background: #B89648;
    border-top: 1px solid #B89648;
    border-left: 1px solid #B89648;
    color: #FFFFFF;
    font-family: 微軟正黑體, Arial;
    font-size: 13px;
    font-weight: normal;
    line-height: 26px;
    text-align: center;
    display: table-cell;
}
#bodyArea>.pageArea>.mainArea>.center>.content .normalTable>.tr>.th{
    height: 26px;
    background: #B89648;
    border-top: 1px solid #B89648;
    border-left: 1px solid #FFFFFF;
    color: #FFFFFF;
    font-family: 微軟正黑體, Arial;
    font-size: 13px;
    font-weight: normal;
    line-height: 26px;
    text-align: center;
    display: table-cell;
}
#bodyArea>.pageArea>.mainArea>.center>.content .normalTable>.tr>.thLast{
    height: 26px;
    background: #B89648;
    border-top: 1px solid #B89648;
    border-right: 1px solid #B89648;
    border-left: 1px solid #FFFFFF;
    color: #FFFFFF;
    font-family: 微軟正黑體, Arial;
    font-size: 13px;
    font-weight: normal;
    line-height: 26px;
    text-align: center;
    display: table-cell;
}
#bodyArea>.pageArea>.mainArea>.center>.content .normalTable>.tr>.td{
    border-top: 1px solid #B89648;
    border-left: 1px solid #B89648;
    color: #656565;
    font-family: 微軟正黑體, Arial;
    font-size: 13px;
    font-weight: normal;
    line-height: 26px;
    text-align: left;
    padding: 0px 5px 0px 5px;
    display: table-cell;
}
#bodyArea>.pageArea>.mainArea>.center>.content .normalTable>.tr>.td:last-child{
    border-top: 1px solid #B89648;
    border-right: 1px solid #B89648;
    border-left: 1px solid #B89648;
    color: #656565;
    font-family: 微軟正黑體, Arial;
    font-size: 13px;
    font-weight: normal;
    line-height: 26px;
    text-align: left;
    padding: 0px 5px 0px 5px;
    display: table-cell;
}
#bodyArea>.pageArea>.mainArea>.center>.content .normalTable>.tr:last-child{
    display: table-row;
}
#bodyArea>.pageArea>.mainArea>.center>.content .normalTable>.tr:last-child>.td{
    border-top: 1px solid #B89648;
    border-bottom: 1px solid #B89648;
    border-left: 1px solid #B89648;
    color: #656565;
    font-family: 微軟正黑體, Arial;
    font-size: 13px;
    font-weight: normal;
    line-height: 26px;
    text-align: left;
    padding: 0px 5px 0px 5px;
    display: table-cell;
}
#bodyArea>.pageArea>.mainArea>.center>.content .normalTable>.tr:last-child>.td:last-child{
    border-top: 1px solid #B89648;
    border-right: 1px solid #B89648;
    border-bottom: 1px solid #B89648;
    border-left: 1px solid #B89648;
    color: #656565;
    font-family: 微軟正黑體, Arial;
    font-size: 13px;
    font-weight: normal;
    line-height: 26px;
    text-align: left;
    padding: 0px 5px 0px 5px;
    display: table-cell;
}
#bodyArea>.pageArea>.mainArea>.center>.content ol{
     list-style-type: decimal;
     padding-left: 22px;
}
/* 右邊區塊 - 主區塊之段落 */
#bodyArea>.pageArea>.mainArea>.center p{
    color: #656565;
    font-family: 微軟正黑體, Arial;
    font-size: 15px;
    font-weight: normal;
    line-height: 24px;
    text-align: left;
    margin: 15px 0px 15px 0px;
}
/* 右邊區塊 - 主區塊之分隔線 */
#bodyArea>.pageArea>.mainArea>.center hr{
    border-top: 1px solid #dadada;
    border-right: 0px solid #dadada;
    border-bottom: 0px solid #dadada;
    border-left: 0px solid #dadada;
    margin: 15px 0px 15px 0px;
}
#bodyArea>.pageArea>.mainArea>.center .dottedHr{
    border-top: 1px dotted #737373;
    border-right: 0px dotted #737373;
    border-bottom: 0px dotted #737373;
    border-left: 0px dotted #737373;
    margin: 15px 0px 15px 0px;
}
/* 右邊區塊 - 主區塊之按鈕 */
#bodyArea>.pageArea>.mainArea>.center .functionsBtn{
    width: 100%;
    text-align: center;
    margin: 30px 0px 30px 0px;
    display: inline-block;
}
#bodyArea>.pageArea>.mainArea>.center .functionsBtn>.goldenBtn{
    height: 25px;
    background: url('/images/goldenBtn.jpg') repeat-x center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #CDB889;
    color: #FFFFFF;
    font-family: 微軟正黑體, Arial;
    font-size: 12px;
    font-weight: normal;
    line-height: 25px;
    text-align: center;
    margin: 0px 6px 0px 6px;
    padding: 0px 15px 0px 15px;
    cursor: pointer;
}
#bodyArea>.pageArea>.mainArea>.center .functionsBtn>.grayBtn{
    height: 25px;
    background: #BEBEBE;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #CDB889;
    color: #FFFFFF;
    font-family: 微軟正黑體, Arial;
    font-size: 12px;
    font-weight: normal;
    line-height: 25px;
    text-align: center;
    margin: 0px 6px 0px 6px;
    padding: 0px 15px 0px 15px;
    cursor: pointer;
}
#bodyArea>.pageArea>.mainArea>.center .functionsBtn>.grayBtn:hover{
    background: #A3A3A3;
}
#bodyArea>.pageArea>.mainArea>.center .functionsBtn>div{
    width: 100%;
    text-align: center;
    margin: 10px 0px 10px 0px;
    display: inline-block;
}

/* 右邊區塊 - 主區塊之 GCode */
#bodyArea>.pageArea>.mainArea>.center #gCode{
    width: 100px;
    margin: 4px 0px 0px 0px;
    float: left;
}
#bodyArea>.pageArea>.mainArea>.center #gCodeImg{
    margin: 0px 0px 0px 10px;
    float: left;
}
#bodyArea>.pageArea>.mainArea>.center #gCodeNote{
    margin: 5px 0px 0px 10px;
    float: left;
}

/* ===============================================
 * Top 按鈕
 * =============================================== */
.backToTop{
    width: 728px;
    height: 26px;
    border-bottom: 1px solid #BCBCBC;
    text-align: right;
    margin: 0px 12px 45px 0px;
    float: right;
}
.backToTop>input{
    width: 54px;
    height: 26px;
    background: url(/images/mainAreaBackToTop.png) no-repeat center center;
    border: 0px;
    color: #FFFFFF;
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    line-height: 35px;
    text-align: center;
    margin: 0px 35px 0px 0px;
    padding: 0px 0px 0px 0px;
    cursor: pointer;
}

/* ===============================================
 * 最新消息
 * =============================================== */
#bodyArea>.pageArea>.newsBanner{
    background: url(/images/newsBanner.jpg) no-repeat center center;
}

/* 最新消息列表頁 */
#bodyArea>.pageArea>.mainArea>.center>.content>.newsList{
    margin: 0px 0px 0px 0px;
    padding: 0px 50px 0px 50px;
}
#bodyArea>.pageArea>.mainArea>.center>.content>.newsList>li{
    border-bottom: 1px dotted #5A5A5A;
    padding: 25px 0px 25px 33px;
    clear: both;
    display: inline-block;
}
#bodyArea>.pageArea>.mainArea>.center>.content>.newsList>li>a>img{
    width: 155px;
    height: 155px;
    border: 1px solid #B3B3B3;
    float: left;
}
#bodyArea>.pageArea>.mainArea>.center>.content>.newsList>li>.data{
    width: 405px;
    margin: 0px 0px 0px 35px;
    float: left;
}
#bodyArea>.pageArea>.mainArea>.center>.content>.newsList>li>.data>.date{
    color: #E86E11;
    font-family: 微軟正黑體, Arial;
    font-size: 15px;
    font-weight: normal;
    line-height: 15px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
#bodyArea>.pageArea>.mainArea>.center>.content>.newsList>li>.data>.date>.hot{
    width: 25px;
    height: 11px;
    background: url(/images/hotTag.jpg) no-repeat center center;
    margin: 0px 0px 0px 10px;
    display: inline-block;
}
#bodyArea>.pageArea>.mainArea>.center>.content>.newsList>li>.data>.title>a{
    color: #6F5F4B;
    font-family: 微軟正黑體, Arial;
    font-size: 18px;
    font-weight: bold;
    line-height: 40px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}


/* 最新消息內頁 */
#bodyArea>.pageArea>.mainArea>.center>.content>.newsContent{
    padding: 0px 50px 0px 50px;
}
#bodyArea>.pageArea>.mainArea>.center>.content>.newsContent>.title{
    color: #6F5F4B;
    font-family: 微軟正黑體, Arial;
    font-size: 18px;
    font-weight: bold;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    float: left;
}
#bodyArea>.pageArea>.mainArea>.center>.content>.newsContent>.date{
    color: #E86E11;
    font-family: 微軟正黑體, Arial;
    font-size: 15px;
    font-weight: normal;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    float: right;
}
#bodyArea>.pageArea>.mainArea>.center>.content>.newsContent>.push{
    margin: 20px 0px 20px 0px;
    display: inline-block;
    clear:both;
    float:left;
}
#bodyArea>.pageArea>.mainArea>.center>.content>.newsContent>.push>.facebook{
    float: left;
}
#bodyArea>.pageArea>.mainArea>.center>.content>.newsContent>.push>.googlePlus{
    margin: 2px 0px 0px 10px;
    float: left;
}
#bodyArea>.pageArea>.mainArea>.center>.content>.newsContent>.newsContentDetail{
    clear: both;
}
#bodyArea>.pageArea>.mainArea>.center>.content>.newsContent>.download{
    color: #E86E11;
    font-family: 微軟正黑體, Arial;
    font-size: 15px;
    font-weight: bold;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

/* 檢驗與認證標章 */
#bodyArea>.pageArea>.mainArea>.center>.content>.certificate{
    padding: 0px 20px 0px 50px;
}
#bodyArea>.pageArea>.mainArea>.center>.content>.certificate>a{
    width: 188px;
    height: 300px;
    margin: 0px 30px 20px 0px;
    float: left;
}
#bodyArea>.pageArea>.mainArea>.center>.content>.certificate>a>div{
    color: #4C4C4C;
    font-family: 微軟正黑體, Arial;
    font-size: 15px;
    font-weight: normal;
    text-align: center;
}
#bodyArea>.pageArea>.mainArea>.center>.content>.certificate>a>img{
    width: 188px;
    height: 264px;
    border: 1px solid #D3D3D3;
}


/* ===============================================
 * 關於我們
 * =============================================== */
#bodyArea>.pageArea>.aboutBanner{
    background: url(/images/aboutBanner.jpg) no-repeat center center;
}

/* ===============================================
 * 聯絡我們
 * =============================================== */
#bodyArea>.pageArea>.contactBanner{
    background: url(/images/contactBanner.jpg) no-repeat center center;
}
#bodyArea>.pageArea>.mainArea>.center>.contentLeft{
    width: 165px;
    height: 600px;
    border-right: 1px dotted #555555;
    margin: 18px 0px 0px 0px;
    padding: 0px 40px 0px 0px;
    float: left;
}
#bodyArea>.pageArea>.mainArea>.center>.contentRight{
    width: 445px;
    margin: 18px 0px 0px 30px;
    float: left;
}
#bodyArea>.pageArea>.mainArea>.center>.contentRight div{
    width: 445px;
    color: #656565;
    font-family: 微軟正黑體, Arial;
    font-size: 15px;
    font-weight: normal;
    margin: 15px 0px 0px 0px;
    clear: both;
    float: left;
}
#bodyArea>.pageArea>.mainArea>.center>.contentRight input[type=text]{
    width: 100%;
    color: #656565;
    font-family: 微軟正黑體, Arial;
    font-size: 15px;
    font-weight: normal;
    text-align: left;
}
#bodyArea>.pageArea>.mainArea>.center>.contentRight textarea{
    width: 100%;
    height: 180px;
    color: #656565;
    font-family: 微軟正黑體, Arial;
    font-size: 15px;
    font-weight: normal;
    text-align: left;
    resize: none;
}
#bodyArea>.pageArea>.mainArea>.center>.contentRight .rowsShort{
    width: 210px;
    clear: none;
    float: left;
}
#bodyArea>.pageArea>.mainArea>.center>.contentRight .rowsShortLast{
    width: 210px;
    clear: none;
    float: left;
    margin: 15px 0px 0px 22px;
}
#bodyArea>.pageArea>.mainArea>.center>.contentRight span{
    color: #B08F45;
    font-family: 微軟正黑體, Arial;
    font-size: 15px;
    font-weight: bold;
    text-align: left;
}

/* ===============================================
 * 會員專區
 * =============================================== */
#bodyArea>.pageArea>.memberBanner{
    background: url(/images/memberBanner.jpg) no-repeat center center;
}

/* 會員登入 */
#bodyArea>.pageArea>.mainArea>.center>.content>.memberLogin{
    margin: 0px 50px 0px 50px;
}
#bodyArea>.pageArea>.mainArea>.center>.content>.memberLogin>div{
    width: 100%;
    margin: 10px 0px 10px 0px;
    clear: both;
    float: left;
    display: inline-block;
}
#bodyArea>.pageArea>.mainArea>.center>.content>.memberLogin>div>p{
    width: 270px;
    text-align: right;
    margin: 6px 0px 0px 0px;
    clear: both;
    float: left;
}
#bodyArea>.pageArea>.mainArea>.center>.content>.memberLogin>div>input[type="text"], #bodyArea>.pageArea>.mainArea>.center>.content>.memberLogin>div>input[type="password"]{
    width: 270px;
    margin: 6px 0px 0px 20px;
}
#bodyArea>.pageArea>.mainArea>.center>.content>.memberLogin>div>#gCode{
    margin: 6px 0px 0px 20px;
}
#bodyArea>.pageArea>.mainArea>.center>.content>.memberLogin>div>#gCodeImg{
    margin: 0px 0px 0px 20px;
}

/* 會員忘記密碼 */
#bodyArea>.pageArea>.mainArea>.center>.content>.memberGetPassword{
    margin: 0px 50px 0px 50px;
}
#bodyArea>.pageArea>.mainArea>.center>.content>.memberGetPassword>div{
    width: 100%;
    margin: 10px 0px 10px 0px;
    clear: both;
    float: left;
    display: inline-block;
}
#bodyArea>.pageArea>.mainArea>.center>.content>.memberGetPassword>div>p{
    width: 250px;
    text-align: right;
    margin: 6px 0px 0px 0px;
    clear: both;
    float: left;
}
#bodyArea>.pageArea>.mainArea>.center>.content>.memberGetPassword>div>input[type="text"]{
    width: 270px;
    margin: 6px 0px 0px 20px;
}
#bodyArea>.pageArea>.mainArea>.center>.content>.memberGetPassword>div>#gCode{
    margin: 6px 0px 0px 20px;
}
#bodyArea>.pageArea>.mainArea>.center>.content>.memberGetPassword>div>#gCodeImg{
    margin: 0px 0px 0px 20px;
}

/* 會員加入 */
#bodyArea>.pageArea>.mainArea>.center>.content>.memberJoin{
    margin: 0px 50px 0px 50px;
}

#bodyArea>.pageArea>.mainArea>.center>.content>.memberJoin>H2{
    color: #83613B;
    font-family: 微軟正黑體, Arial;
    font-size: 18px;
    font-weight: bold;
    border-bottom: 3px solid #C0A56A;
    margin: 0px 0px 20px 0px;
}
#bodyArea>.pageArea>.mainArea>.center>.content>.memberJoin>H2>span{
    color: #FF0000;
    font-family: 微軟正黑體, Arial;
    font-size: 15px;
    font-weight: normal;
}
#bodyArea>.pageArea>.mainArea>.center>.content>.memberJoin>div{
    width: 640px;
    margin: 0px 0px 20px 0px;
    clear: both;
    float: left;
    display: inline-block;
}
#bodyArea>.pageArea>.mainArea>.center>.content>.memberJoin>div>.title{
    width: 100px;
    color: #333333;
    text-align: right;
    float: left;
}
#bodyArea>.pageArea>.mainArea>.center>.content>.memberJoin>div>.title>span{
    color: #FF0000;
}
#bodyArea>.pageArea>.mainArea>.center>.content>.memberJoin>div>.content{
    width: 525px;
    color: #8D8D8D;
    margin: 0px 0px 0px 15px;
    float: left;
}
#bodyArea>.pageArea>.mainArea>.center>.content>.memberJoin>div>.content>span{
    color: #FF0000;
}
#bodyArea>.pageArea>.mainArea>.center>.content>.memberJoin>div>.content>input[type=text], #bodyArea>.pageArea>.mainArea>.center>.content>.memberJoin>div>.content>input[type=password]{
    width: 200px;
    border: 1px solid #D0D0D0;
}
#bodyArea>.pageArea>.mainArea>.center>.content>.memberJoin>div>.content>.options{
    color: #333333;
}
#bodyArea>.pageArea>.mainArea>.center>.content>.memberJoin>div>.membersTermsOfUse{
    width: 635px;
    height: 350px;
    border: 1px solid #E7E7E7;
    color: #000000;
    font-family: 微軟正黑體, Arial;
    font-size: 12px;
    font-weight: normal;
    padding: 10px 10px 10px 10px;
    overflow-y: scroll;
}
#bodyArea>.pageArea>.mainArea>.center>.content>.memberJoin>div>.membersTermsOfUse p{
    color: #000000;
    font-family: 微軟正黑體, Arial;
    font-size: 12px;
    font-weight: normal;
}
#bodyArea>.pageArea>.mainArea>.center>.content>.memberJoin>div>.membersTermsOfUse ol li{
    list-style: decimal outside;
    margin: 0px 0px 0px 20px;
    padding: 0px 0px 0px 0px;
}
#bodyArea>.pageArea>.mainArea>.center>.content>.memberJoin>div>.membersTermsOfUse ul li{
    list-style: disc outside;
    margin: 0px 0px 0px 20px;
    padding: 0px 0px 0px 0px;
}
#bodyArea>.pageArea>.mainArea>.center>.content>.memberJoin>.center{
    text-align: center;
}
#bodyArea>.pageArea>.mainArea>.center>.content>.memberJoin>.black{
    color: #000000;
}

/* ===============================================
 * 料理食譜
 * =============================================== */
#bodyArea>.pageArea>.cookbooksBanner{
    background: url(/images/cookbooksBanner.jpg) no-repeat center center;
}

/* 料理食譜列表頁 */
#bodyArea>.pageArea>.mainArea>.center>.content>.cookbooksList{
    width: 780px;
    margin: 0px 0px 0px -40px;
    padding: 0px 0px 0px 0px;
}
#bodyArea>.pageArea>.mainArea>.center>.content>.cookbooksList>.searchArea{
    color: #000000;
    margin: 0px 0px 30px 40px;
}
#bodyArea>.pageArea>.mainArea>.center>.content>.cookbooksList>.searchArea>input[type="text"]{
    color: #9F9F9F;
    border: 1px solid #9F9F9F;
}
#bodyArea>.pageArea>.mainArea>.center>.content>.cookbooksList>.searchArea>.goldenBtn{
    height: 25px;
    background: url('/images/goldenBtn.jpg') repeat-x center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #CDB889;
    color: #FFFFFF;
    font-family: 微軟正黑體, Arial;
    font-size: 12px;
    font-weight: normal;
    line-height: 25px;
    text-align: center;
    margin: 0px 6px 0px 6px;
    padding: 0px 15px 0px 15px;
    cursor: pointer;
}
#bodyArea>.pageArea>.mainArea>.center>.content>.cookbooksList>a{
    width: 150px;
    height: 190px;
    margin: 0px 0px 0px 40px;
    float: left;
}
#bodyArea>.pageArea>.mainArea>.center>.content>.cookbooksList>a>div{
    color: #B08F45;
    font-family: 微軟正黑體, Arial;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
}
#bodyArea>.pageArea>.mainArea>.center>.content>.cookbooksList>a>img{
    width: 150px;
    height: 150px;
    border: 2px solid #FFFFFF;
}
#bodyArea>.pageArea>.mainArea>.center>.content>.cookbooksList>a>img:hover{
    border: 2px solid #B08F45;
}

/* 料理食譜內頁 */
#bodyArea>.pageArea>.mainArea>.center>.content>.cookbooksContent{
    padding: 0px 0px 0px 0px;
}
#bodyArea>.pageArea>.mainArea>.center>.content>.cookbooksContent>.title{
    color: #4C4C4C;
    font-family: 微軟正黑體, Arial;
    font-size: 36px;
    font-weight: bold;
    line-height: 36px;
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
    float: left;
}
#bodyArea>.pageArea>.mainArea>.center>.content>.cookbooksContent>.push{
    margin: 5px 0px 0px 10px;
    display: inline-block;
    float:left;
}
#bodyArea>.pageArea>.mainArea>.center>.content>.cookbooksContent>.push>.facebook{
    float: left;
}
#bodyArea>.pageArea>.mainArea>.center>.content>.cookbooksContent>.push>.googlePlus{
    margin: 2px 0px 0px 10px;
    float: left;
}
#bodyArea>.pageArea>.mainArea>.center>.content>.cookbooksContent>.step{
    height: 25px;
    background: url(/images/cookbooksIcon.png) no-repeat left center;
    color: #4C4C4C;
    font-family: 微軟正黑體, Arial;
    font-size: 24px;
    font-weight: bold;
    line-height: 24px;
    margin: 10px 0px 0px 0px;
    padding: 8px 0px 0px 40px;
}

/* ===============================================
 * 產品介紹
 * =============================================== */
/* 產品介紹列表頁 */
#bodyArea>.pageArea>.mainArea>.center>.content>.productsList{
    width: 780px;
    margin: 0px 0px 0px -20px;
    padding: 0px 0px 0px 0px;
}
#bodyArea>.pageArea>.mainArea>.center>.content>.productsList>.searchArea{
    width: 760px;
    color: #000000;
    margin: 0px 0px 20px 20px;
    display: inline-block;
}
#bodyArea>.pageArea>.mainArea>.center>.content>.productsList>.searchArea>input[type="text"]{
    width: 110px;
    color: #9F9F9F;
    border: 1px solid #9F9F9F;
    margin: 5px 0px 0px 0px;
    float: right;
}
#bodyArea>.pageArea>.mainArea>.center>.content>.productsList>.searchArea>.goldenBtn{
    height: 25px;
    background: url('/images/goldenBtn.jpg') repeat-x center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #CDB889;
    color: #FFFFFF;
    font-family: 微軟正黑體, Arial;
    font-size: 12px;
    font-weight: normal;
    line-height: 25px;
    text-align: center;
    margin: 0px 26px 0px 6px;
    padding: 0px 15px 0px 15px;
    cursor: pointer;
    float: right;
}
#bodyArea>.pageArea>.mainArea>.center>.content>.productsList>.searchArea>div{
    width: 135px;
    height: 36px;
    background: url('/images/shoppingCart.png') no-repeat 20px center #FFF3E4;
    color: #C0460B;
    font-weight: bold;
    line-height: 36px;
    margin: 5px 26px 0px 0px;
    padding: 0px 0px 0px 45px;
    cursor: pointer;
    clear: both;
    float: right;
}
#bodyArea>.pageArea>.mainArea>.center>.content>.productsList>.productsListItem{
    width: 146px;
    height: 220px;
    border: 1px solid #E2E2E2;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    box-shadow:4px 4px 10px #999898;
    margin: 0px 0px 24px 20px;
    padding: 7px 10px 0px 10px;
    float: left;
}
#bodyArea>.pageArea>.mainArea>.center>.content>.productsList>.productsListItem>a>div{
    color: #B08F45;
    font-family: 微軟正黑體, Arial;
    font-size: 15px;
    font-weight: bold;
    text-align: left;
}
#bodyArea>.pageArea>.mainArea>.center>.content>.productsList>.productsListItem>a>.productsStatus{
    width: 80px;
    height: 81px;
    background: url('/images/productsStatus.png') no-repeat center center;
    position: relative;
    top: -13px;
    left: 81px;
    z-index: 999;
}
#bodyArea>.pageArea>.mainArea>.center>.content>.productsList>.productsListItem>a>.productsStatusNone{
    width: 80px;
    height: 81px;
    position: relative;
    top: -13px;
    left: 81px;
    z-index: 999;
}
#bodyArea>.pageArea>.mainArea>.center>.content>.productsList>.productsListItem>a>.productsStatus>div{
    color: #FFFFFF;
    font-family: 微軟正黑體, Arial;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    -moz-transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg);
    position: relative;
    top: 18px;
    right: -11px;
}
#bodyArea>.pageArea>.mainArea>.center>.content>.productsList>.productsListItem>a>img{
    width: 146px;
    height: 146px;
    border: 1px solid #C6C5C5;
    position: relative;
    top: -80px;
    left: 0px;
}
#bodyArea>.pageArea>.mainArea>.center>.content>.productsList>.productsListItem>a>div{
    position: relative;
    top: -80px;
    left: 0px;
}
#bodyArea>.pageArea>.mainArea>.center>.content>.productsList>.productsListItem>div{
    color: #000000;
    font-family: Arial;
    font-size: 15px;
    font-weight: normal;
    text-align: left;
    position: relative;
    top: -80px;
    left: 0px;
    float: left;
}
#bodyArea>.pageArea>.mainArea>.center>.content>.productsList>.productsListItem>div>span{
    color: #DE001B;
    font-family: Arial;
    font-size: 18px;
    font-weight: bold;
}
#bodyArea>.pageArea>.mainArea>.center>.content>.productsList>.productsListItem>.shoppingCartAdd{
    width: 22px;
    height: 22px;
    background: url('/images/shoppingCartAdd.png') no-repeat center center;
    border: 0px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    position: relative;
    top: -80px;
    left: 0px;
    cursor: pointer;
    float: right;
}

/* 產品介紹內頁 */
#bodyArea>.pageArea>.mainArea>.center>.content>.productsContent{
    padding: 0px 0px 0px 0px;
}
#bodyArea>.pageArea>.mainArea>.center>.content>.productsContent>.searchArea{
    width: 740px;
    margin: 0px 0px 20px 00px;
    display: inline-block;
}
#bodyArea>.pageArea>.mainArea>.center>.content>.productsContent>.searchArea>div{
    width: 135px;
    height: 36px;
    background: url('/images/shoppingCart.png') no-repeat 20px center #FFF3E4;
    color: #C0460B;
    font-weight: bold;
    line-height: 36px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 45px;
    cursor: pointer;
    clear: both;
    float: right;
}
#bodyArea>.pageArea>.mainArea>.center>.content>.productsContent>.productsImageArea{
    width: 393px;
    margin: 0px 10px 0px 0px;
    float: left;
    display: inline-block;
}
#bodyArea>.pageArea>.mainArea>.center>.content>.productsContent>.productsImageArea>.mainPic{
    width: 375px;
    height: 330px;
    border: 1px solid #D6D4D5;
    text-align: center;
    vertical-align:middle;
    clear: both;
    display:table-cell;
}
#bodyArea>.pageArea>.mainArea>.center>.content>.productsContent>.productsImageArea>.mainPic>img{
    max-width: 375px;
    max-height: 330px;
}
#bodyArea>.pageArea>.mainArea>.center>.content>.productsContent>.productsImageArea>.subPic{
    width: 111px;
    height: 102px;
    border: 1px solid #D6D4D5;
    margin: 10px 18px 0px 0px;
    float: left;
    display:table;
}
#bodyArea>.pageArea>.mainArea>.center>.content>.productsContent>.productsImageArea>.subPic>div{
    text-align: center;
    vertical-align:middle;
    display:table-cell;
    cursor: pointer;
}
#bodyArea>.pageArea>.mainArea>.center>.content>.productsContent>.productsImageArea>.subPic>div>img{
    width: 111px;
}
#bodyArea>.pageArea>.mainArea>.center>.content>.productsContent>.productsInfo{
    width: 337px;
    float: left;
    display: inline-block;
}
#bodyArea>.pageArea>.mainArea>.center>.content>.productsContent>.productsInfo>.title{
    color: #4C4C4C;
    font-family: 微軟正黑體, Arial;
    font-size: 36px;
    font-weight: bold;
    line-height: 36px;
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
}
#bodyArea>.pageArea>.mainArea>.center>.content>.productsContent>.productsInfo>.statusArea{
    display: inline-block;
}
#bodyArea>.pageArea>.mainArea>.center>.content>.productsContent>.productsInfo>.statusArea>div{
    height: 25px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    color: #FFFFFF;
    font-family: 微軟正黑體, Arial;
    font-size: 14px;
    font-weight: bold;
    line-height: 25px;
    text-align: center;
    margin: 0px 4px 0px 0px;
    padding: 0px 15px 0px 15px;
    float: left;
}
#bodyArea>.pageArea>.mainArea>.center>.content>.productsContent>.productsInfo>.statusArea>.onSale{
    background: #DE001B;
}
#bodyArea>.pageArea>.mainArea>.center>.content>.productsContent>.productsInfo>.statusArea>.status{
    background: #FFA902;
}

#bodyArea>.pageArea>.mainArea>.center>.content>.productsContent>.productsInfo>hr{
    border-top: 1px dotted #000000;
    border-right: 0px dotted #000000;
    border-bottom: 0px dotted #000000;
    border-left: 0px dotted #000000;
    margin: 15px 0px 15px 0px;
}

#bodyArea>.pageArea>.mainArea>.center>.content>.productsContent>.productsInfo>.description{
    color: #4C4C4C;
}

#bodyArea>.pageArea>.mainArea>.center>.content>.productsContent>.productsInfo>.priceArea>p{
    color: #4C4C4C;
    font-size: 22px;
}
#bodyArea>.pageArea>.mainArea>.center>.content>.productsContent>.productsInfo>.priceArea>p>.red{
    color:#DE001B;
}
#bodyArea>.pageArea>.mainArea>.center>.content>.productsContent>.productsInfo>.priceArea>p>.del{
    text-decoration: line-through;
}

#bodyArea>.pageArea>.mainArea>.center>.content>.productsContent>.productsInfo>.othersInfo{
    color: #4C4C4C;
}
#bodyArea>.pageArea>.mainArea>.center>.content>.productsContent>.productsInfo>.othersInfo>p>a{
    color: #0000FF;
}

#bodyArea>.pageArea>.mainArea>.center>.content>.productsContent>.productsInfo>.othersInfo>p>.otherInfoBtn{
    height: 25px;
    border: 0px;
    color: #FFFFFF;
    font-family: 微軟正黑體, Arial;
    font-size: 14px;
    font-weight: normal;
    line-height: 25px;
    text-align: center;
    margin: 0px 9px 0px 0px;
    cursor: pointer;
    float: left;
}
#bodyArea>.pageArea>.mainArea>.center>.content>.productsContent>.productsInfo>.othersInfo>p>.addToShoppingCart{
    background: url('/images/shoppingCartWhite1.png') no-repeat 10px center #C0460B;
    padding: 0px 15px 0px 40px;
}
#bodyArea>.pageArea>.mainArea>.center>.content>.productsContent>.productsInfo>.othersInfo>p>.toShoppingCart{
    background: url('/images/shoppingCartWhite2.png') no-repeat 15px center #B07727;
    padding: 0px 15px 0px 45px;
}
#bodyArea>.pageArea>.mainArea>.center>.content>.productsContent>.productsInfo>.othersInfo span{
    color: #FF0000;
}


#bodyArea>.pageArea>.mainArea>.center>.content>.productsContent>.productsInfo>.push{
    margin: 20px 0px 0px 0px;
    display: inline-block;
}
#bodyArea>.pageArea>.mainArea>.center>.content>.productsContent>.push>.facebook{
    float: left;
}
#bodyArea>.pageArea>.mainArea>.center>.content>.productsContent>.push>.googlePlus{
    margin: 2px 0px 0px 10px;
    float: left;
}

#bodyArea>.pageArea>.mainArea>.center>.content>.productsContent>.productsDetail{
    width: 740px;
    color: #4C4C4C;
    font-family: 微軟正黑體, Arial;
    font-size: 15px;
    font-weight: normal;
    margin: 30px 0px 0px 0px;
    clear: both;
    float: left;
}
#bodyArea>.pageArea>.mainArea>.center>.content>.productsContent>.productsDetail>h2{
    width: 715px;
    background: url('/images/productsInfo.png') no-repeat 3px center;
    border-bottom: 1px solid #B1B1B1;
    line-height: 40px;
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 25px;
}

/* ===============================================
 * 訂單管理
 * =============================================== */
#bodyArea>.pageArea>.mainArea>.center>.content>.ordersListTable{
    width: 100%;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    display: table;
}
#bodyArea>.pageArea>.mainArea>.center>.content>.ordersListTable>.tr{
    display: table-row;
}
#bodyArea>.pageArea>.mainArea>.center>.content>.ordersListTable>.tr>.th{
    height: 34px;
    background: url('/images/ordersList.png') repeat-x center;
    color: #FFFFFF;
    font-family: 微軟正黑體, Arial;
    font-size: 15px;
    font-weight: normal;
    line-height: 30px;
    text-align: center;
    display: table-cell;
}
#bodyArea>.pageArea>.mainArea>.center>.content>.ordersListTable>.tr>.td{
    color: #4C4C4C;
    font-family: 微軟正黑體, Arial;
    font-size: 15px;
    font-weight: normal;
    line-height: 26px;
    text-align: left;
    padding: 10px 10px 10px 10px;
    display: table-cell;
    cursor: pointer;
}
#bodyArea>.pageArea>.mainArea>.center>.content>.ordersListTable>.odd>.td{
    background: #F9FBF3;
}
#bodyArea>.pageArea>.mainArea>.center>.content>.ordersListTable.clickable>.tr:hover>.td{
    background: #F7F1EA;
}
#bodyArea>.pageArea>.mainArea>.center>.content>.ordersListTable>.tr>.td>span{
    color: #FF0000;
}
#bodyArea>.pageArea>.mainArea>.center>.content>.ordersListTable>.tr>.td>.goldenBtn,
#bodyArea>.pageArea>.mainArea>.center>.content>.dataRows input.goldenBtn{
    height: 25px;
    background: url('/images/goldenBtn.jpg') repeat-x center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #CDB889;
    color: #FFFFFF;
    font-family: 微軟正黑體, Arial;
    font-size: 12px;
    font-weight: normal;
    line-height: 25px;
    text-align: center;
    margin: 0px 6px 0px 6px;
    padding: 0px 15px 0px 15px;
    cursor: pointer;
}


/* ===============================================
 * 訊息頁
 * =============================================== */
#bodyArea>.pageArea>.messageArea{
    width: 990px;
    margin: 0px 0px 0px 0px;
    float: left;
}
/* 訊息頁 - 上方標題 & 麵包屑 */
#bodyArea>.pageArea>.messageArea>.top{
    width: 990px;
    height: 28px;
    background: url(/images/mainAreaTopBackground.png) repeat-x bottom;
    margin: 0px 0px 0px 0px;
    display: inline-block;
}
#bodyArea>.pageArea>.messageArea>.top>.title{
    height: 28px;
    background: url(/images/mainAreaTopTitle.png) no-repeat left bottom;
    color: #B08F45;
    font-family: 微軟正黑體, Arial;
    font-size: 18px;
    font-weight: bold;
    text-align: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 60px;
}
#bodyArea>.pageArea>.messageArea>.top>.breadcrumb{
    height: 28px;
    background: url(/images/mainAreaTopBreadcrumbHome.png) no-repeat left center;
    color: #595959;
    font-family: 微軟正黑體, Arial;
    font-size: 12px;
    font-weight: normal;
    text-align: right;
    line-height: 28px;
    float: right;
    margin: -32px 12px 0px 0px;
    padding: 0px 0px 0px 15px;
}
#bodyArea>.pageArea>.messageArea>.top>.breadcrumb>span{
    color: #D41922;
}

/* 訊息頁 - 訊息內容 */
#bodyArea>.pageArea>.messageArea>.messageData{
    width: 400px;
    min-height: 100px;
    background: url(/images/messageBackground.png) no-repeat 500px -35px;
    border: 1px solid #B1B1AF;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    color: #000000;
    font-family: 微軟正黑體, Arial;
    font-size: 18px;
    font-weight: normal;
    text-align: left;
    line-height: 30px;
    margin: 30px 30px 0px 30px;
    padding: 30px 430px 30px 100px;
    display: inline-block;
}
/* 訊息頁 - 訊息備註 */
#bodyArea>.pageArea>.messageArea>.messageData>.note{
    color: #000000;
    font-family: 微軟正黑體, Arial;
    font-size: 15px;
    font-weight: normal;
    text-align: left;
    line-height: 18px;
    margin: 30px 0px 0px 0px;
}

/* 訊息頁 - 主區塊之按鈕 */
#bodyArea>.pageArea>.messageArea>.functionsBtn{
    width: 100%;
    text-align: center;
    margin: 30px 0px 30px 0px;
    display: inline-block;
}
#bodyArea>.pageArea>.messageArea>.functionsBtn>.goldenBtn{
    height: 25px;
    background: url('/images/goldenBtn.jpg') repeat-x center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #CDB889;
    color: #FFFFFF;
    font-family: 微軟正黑體, Arial;
    font-size: 12px;
    font-weight: normal;
    line-height: 25px;
    text-align: center;
    margin: 0px 6px 0px 6px;
    padding: 0px 15px 0px 15px;
    cursor: pointer;
}
#bodyArea>.pageArea>.messageArea>.functionsBtn>.grayBtn{
    height: 25px;
    background: #BEBEBE;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #CDB889;
    color: #FFFFFF;
    font-family: 微軟正黑體, Arial;
    font-size: 12px;
    font-weight: normal;
    line-height: 25px;
    text-align: center;
    margin: 0px 6px 0px 6px;
    padding: 0px 15px 0px 15px;
    cursor: pointer;
}
#bodyArea>.pageArea>.messageArea>.functionsBtn>.grayBtn:hover{
    background: #A3A3A3;
}
#bodyArea>.pageArea>.messageArea>.functionsBtn>div{
    width: 100%;
    text-align: center;
    margin: 10px 0px 10px 0px;
    display: inline-block;
}

/* ===============================================
 * 購物車頁
 * =============================================== */
#bodyArea>.pageArea>.shoppingArea{
    width: 990px;
    text-align: center;
    margin: 0px 0px 0px 0px;
    float: left;
}
/* 購物車頁 - 上方標題 & 麵包屑 */
#bodyArea>.pageArea>.shoppingArea>.top{
    width: 990px;
    height: 28px;
    background: url(/images/mainAreaTopBackground.png) repeat-x bottom;
    margin: 0px 0px 0px 0px;
    display: inline-block;
}
#bodyArea>.pageArea>.shoppingArea>.top>.title{
    height: 28px;
    background: url(/images/mainAreaTopTitle.png) no-repeat left bottom;
    color: #B08F45;
    font-family: 微軟正黑體, Arial;
    font-size: 18px;
    font-weight: bold;
    text-align: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 60px;
}
#bodyArea>.pageArea>.shoppingArea>.top>.breadcrumb{
    height: 28px;
    background: url(/images/mainAreaTopBreadcrumbHome.png) no-repeat left center;
    color: #595959;
    font-family: 微軟正黑體, Arial;
    font-size: 12px;
    font-weight: normal;
    text-align: right;
    line-height: 28px;
    float: right;
    margin: -32px 12px 0px 0px;
    padding: 0px 0px 0px 15px;
}
#bodyArea>.pageArea>.shoppingArea>.top>.breadcrumb>span{
    color: #D41922;
}

/* 購物車頁 - 步驟流程 */
#bodyArea>.pageArea>.shoppingArea>.shoppingCartInfo{
    margin: 36px auto 20px auto;
    display: inline-block;
}
#bodyArea>.pageArea>.shoppingArea>.shoppingCartInfo>div{
    float: left;
}
#bodyArea>.pageArea>.shoppingArea>.shoppingCartInfo>.shoppingCartInfoItem{
    width: 140px;
    height: 54px;
    background: url(/images/shoppingCartPathInfo.jpg) repeat-x;
    border: 1px solid #C0A56A;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    color: #FFFFFF;
    font-family: 微軟正黑體, Arial;
    font-size: 16px;
    font-weight: normal;
    line-height: 20px;
    text-align: center;
    display: inline-block;
    padding: 12px 0px 0px 0px;
}
#bodyArea>.pageArea>.shoppingArea>.shoppingCartInfo>.shoppingCartInfoItemFlag{
    color: #B08F45;
    font-family: 微軟正黑體, Arial;
    font-size: 35px;
    font-weight: normal;
    line-height: 40px;
    text-align: center;
    margin: 10px 6px 0px 6px;
}

/* 購物車頁 - 主區塊之按鈕 */
#bodyArea>.pageArea>.shoppingArea>.functionsBtn{
    width: 100%;
    text-align: center;
    margin: 30px 0px 30px 0px;
    display: inline-block;
}
#bodyArea>.pageArea>.shoppingArea>.functionsBtn>.goldenBtn{
    height: 25px;
    background: url('/images/goldenBtn.jpg') repeat-x center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #CDB889;
    color: #FFFFFF;
    font-family: 微軟正黑體, Arial;
    font-size: 12px;
    font-weight: normal;
    line-height: 25px;
    text-align: center;
    margin: 0px 6px 0px 6px;
    padding: 0px 15px 0px 15px;
    cursor: pointer;
}
#bodyArea>.pageArea>.shoppingArea>.functionsBtn>.grayBtn{
    height: 25px;
    background: #BEBEBE;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #CDB889;
    color: #FFFFFF;
    font-family: 微軟正黑體, Arial;
    font-size: 12px;
    font-weight: normal;
    line-height: 25px;
    text-align: center;
    margin: 0px 6px 0px 6px;
    padding: 0px 15px 0px 15px;
    cursor: pointer;
}
#bodyArea>.pageArea>.shoppingArea>.functionsBtn>.grayBtn:hover{
    background: #A3A3A3;
}
#bodyArea>.pageArea>.shoppingArea>.functionsBtn>div{
    width: 100%;
    text-align: center;
    margin: 10px 0px 10px 0px;
    display: inline-block;
}

/* 購物車頁 - 購物清單表格 */
#bodyArea>.pageArea>.shoppingArea>.normalTable{
    width: 100%;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    display: table;
}
#bodyArea>.pageArea>.shoppingArea>.normalTable>.tr{
    display: table-row;
}
#bodyArea>.pageArea>.shoppingArea>.normalTable>.tr>.thFirst{
    height: 26px;
    background: #B89648;
    border-top: 1px solid #E4E4E4;
    border-left: 1px solid #E4E4E4;
    color: #FFFFFF;
    font-family: 微軟正黑體, Arial;
    font-size: 15px;
    font-weight: normal;
    line-height: 26px;
    text-align: center;
    display: table-cell;
}
#bodyArea>.pageArea>.shoppingArea>.normalTable>.tr>.th{
    height: 26px;
    background: #B89648;
    border-top: 1px solid #E4E4E4;
    border-left: 1px solid #E4E4E4;
    color: #FFFFFF;
    font-family: 微軟正黑體, Arial;
    font-size: 15px;
    font-weight: normal;
    line-height: 26px;
    text-align: center;
    display: table-cell;
}
#bodyArea>.pageArea>.shoppingArea>.normalTable>.tr>.thLast{
    height: 26px;
    background: #B89648;
    border-top: 1px solid #E4E4E4;
    border-right: 1px solid #E4E4E4;
    border-left: 1px solid #E4E4E4;
    color: #FFFFFF;
    font-family: 微軟正黑體, Arial;
    font-size: 15px;
    font-weight: normal;
    line-height: 26px;
    text-align: center;
    display: table-cell;
}
#bodyArea>.pageArea>.shoppingArea>.normalTable>.tr>.td{
    border-top: 1px solid #E4E4E4;
    border-left: 1px solid #E4E4E4;
    color: #4C4C4C;
    font-family: 微軟正黑體, Arial;
    font-size: 15px;
    font-weight: normal;
    line-height: 26px;
    text-align: left;
    padding: 0px 5px 0px 5px;
    display: table-cell;
}
#bodyArea>.pageArea>.shoppingArea>.normalTable>.tr>.tdLast{
    border-top: 1px solid #E4E4E4;
    border-right: 1px solid #E4E4E4;
    border-left: 1px solid #E4E4E4;
    czolor: #4C4C4C;
    font-family: 微軟正黑體, Arial;
    font-size: 15px;
    font-weight: normal;
    line-height: 26px;
    text-align: left;
    padding: 0px 5px 0px 5px;
    display: table-cell;
}
#bodyArea>.pageArea>.shoppingArea>.normalTable>.trLast{
    display: table-row;
}
#bodyArea>.pageArea>.shoppingArea>.normalTable>.trLast>.td{
    border-top: 1px solid #E4E4E4;
    border-bottom: 1px solid #E4E4E4;
    border-left: 1px solid #E4E4E4;
    color: #4C4C4C;
    font-family: 微軟正黑體, Arial;
    font-size: 15px;
    font-weight: normal;
    line-height: 26px;
    text-align: left;
    padding: auto 5px auto 5px;
    display: table-cell;
}
#bodyArea>.pageArea>.shoppingArea>.normalTable>.trLast>.tdLast{
    border-top: 1px solid #E4E4E4;
    border-right: 1px solid #E4E4E4;
    border-bottom: 1px solid #E4E4E4;
    border-left: 1px solid #E4E4E4;
    color: #4C4C4C;
    font-family: 微軟正黑體, Arial;
    font-size: 15px;
    font-weight: normal;
    line-height: 26px;
    text-align: left;
    padding: 0px 5px 0px 5px;
    display: table-cell;
}
#bodyArea>.pageArea>.shoppingArea>.normalTable p{
    margin: 24px 0px 0px 0px;
}
#bodyArea>.pageArea>.shoppingArea>.normalTable .shoppingCartItemPic{
    width: 45px;
    height: 45px;
    border: 1px solid #F5F5F5;
    margin: 15px 20px 15px 30px;
    float: left;
}
#bodyArea>.pageArea>.shoppingArea>.normalTable .quantity{
    width: 55px;
    text-align: center;
    border: 1px solid #C6C6C6;
    color: #4C4C4C;
}
#bodyArea>.pageArea>.shoppingArea>.normalTable .shoppingCartDel{
    width: 13px;
    height: 14px;
    background: url('/images/shoppingCartDel.png') no-repeat center center;
    border: 0px;
    margin: 0px 6px 0px 6px;
    cursor: pointer;
}

/* 購物車頁 - 購物清單下方備註 及 返回賣場繼續購物按鈕 */
#bodyArea>.pageArea>.shoppingArea>.note{
    color: #FF0000;
    text-align: left;
    margin: 10px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
    clear: both;
    float: left;
}
#bodyArea>.pageArea>.shoppingArea>.buyMoreBtn{
    height: 25px;
    background: url('/images/buyMoreBtn.png') no-repeat left center;
    border: 0px;
    color: #383838;
    font-family: 微軟正黑體, Arial;
    font-size: 15px;
    font-weight: normal;
    line-height: 25px;
    text-align: center;
    margin: 10px 6px 20px 6px;
    padding: 0px 15px 0px 25px;
    cursor: pointer;
    float: right;
}

/* 購物車頁 - 資料輸入 */
#bodyArea>.pageArea>.shoppingArea>.dataRows,
#bodyArea>.pageArea>.mainArea>.center>.content>.dataRows{
    border-bottom: 1px solid #DADADA;
    color: #4C4C4C;
    font-family: 微軟正黑體, Arial;
    font-size: 15px;
    font-weight: normal;
    line-height: 25px;
    text-align: left;
    padding: 0px 0px 20px 0px;
}
#bodyArea>.pageArea>.shoppingArea>.dataRows>h4,
#bodyArea>.pageArea>.mainArea>.center>.content>.dataRows>h4{
    background: url('/images/dataRows.png') no-repeat left center;
    color: #383838;
    font-family: 微軟正黑體, Arial;
    font-size: 18px;
    font-weight: bold;
    line-height: 25px;
    text-align: left;
    clear: both;
    margin: 20px 0px 0px 0px;
    padding: 0px 0px 0px 15px;
}
#bodyArea>.pageArea>.shoppingArea>.dataRows>h4>span,
#bodyArea>.pageArea>.mainArea>.center>.content>.dataRows>h4>span{
    color: #4C4C4C;
    font-family: 微軟正黑體, Arial;
    font-size: 15px;
    font-weight: normal;
    line-height: 25px;
    text-align: left;
    margin: 0px 0px 0px 20px;
}
#bodyArea>.pageArea>.shoppingArea>.dataRows>div,
#bodyArea>.pageArea>.mainArea>.center>.content>.dataRows>div{
    margin: 10px 0px 0px 0px;
}
#bodyArea>.pageArea>.shoppingArea>.dataRows>div>ol,
#bodyArea>.pageArea>.mainArea>.center>.content>.dataRows>div>ol{
    list-style: decimal;
    margin: 0px 0px 0px 20px;
}
#bodyArea>.pageArea>.shoppingArea>.dataRows input, #bodyArea>.pageArea>.shoppingArea>.dataRows select,
#bodyArea>.pageArea>.mainArea>.center>.content>.dataRows input, #bodyArea>.pageArea>.mainArea>.center>.content>.dataRows select{
    color: #000000;
    border: 1px solid #ABADB3;
    font-family: 微軟正黑體, Arial;
    font-size: 15px;
    font-weight: normal;
    text-align: left;
}
#bodyArea>.pageArea>.shoppingArea>.dataRows textarea,
#bodyArea>.pageArea>.mainArea>.center>.content>.dataRows textarea{
    width: 600px;
    height: 100px;
    color: #000000;
    border: 1px solid #ABADB3;
    font-family: 微軟正黑體, Arial;
    font-size: 15px;
    font-weight: normal;
    text-align: left;
}
#bodyArea>.pageArea>.shoppingArea>.dataRows .address,
#bodyArea>.pageArea>.mainArea>.center>.content>.dataRows .address{
    width: 400px;
}
#bodyArea>.pageArea>.shoppingArea>.dataRows #gCodeImg,
#bodyArea>.pageArea>.mainArea>.center>.content>.dataRows #gCodeImg{
    position: relative;
    top: 10px;
    margin: 0px 20px 0px 0px;
}

/* ===============================================
 * 頁尾區塊
 * =============================================== */
.footer{
    width: 100%;
    min-width: 990px;
    background: url(/images/bodyFooterBackground.png) no-repeat center center #8F112D;
    border-top: 14px solid #B78B50;
    text-align: center;
    margin: 0px auto 0px auto;
    padding: 12px 0px 12px 0px;
    display: inline-block;
    clear: both;
    float: left;
}
.footer>.table{
    margin: 0px auto 0px auto;
    display: inline-block;
}
.footer>.table>.tr{
    margin: 0px 10px 0px 10px;
    padding: 0px 0px 0px 0px;
    float: left;
}
.footer>.table>.tr>div, .footer>.table>.tr>div>a{
    color: #B08F45;
    font-family: 微軟正黑體, Arial;
    font-size: 16px;
    font-weight: normal;
    line-height: 25px;
    text-align: left;
}
.footer>.table>.tr>div>address{
    font-style: normal;
}
.footer>.table>.tr>.designed, .footer>.table>.tr>.designed>a{
    color: #CFCFCF;
    font-size: 12px;
}

/* 首頁 - 頁尾 */
.indexFooter{
    background: url(/images/indexFooterBackground.png) no-repeat center center #8F112D;
}

/* ===============================================
 * 頁碼
 * =============================================== */
#pageArea{
    width: 100%;
    text-align: center;
    margin: 20px 0px 20px 0px;
    display: inline-block;
    clear:both;
}
#pageArea>#pageContent{
    display: inline-block;
    float:center;
}
#pageArea>#pageContent>.goldenBtn{
    height: 25px;
    background: url('/images/goldenBtn.jpg') repeat-x center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #CDB889;
    color: #FFFFFF;
    font-family: 微軟正黑體, Arial;
    font-size: 12px;
    font-weight: normal;
    line-height: 25px;
    text-align: center;
    margin: 0px 6px 0px 6px;
    padding: 0px 15px 0px 15px;
    cursor: pointer;
    float: left;
}
#pageArea>#pageContent>.grayBtn{
    height: 25px;
    background: #BEBEBE;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #CDB889;
    color: #FFFFFF;
    font-family: 微軟正黑體, Arial;
    font-size: 12px;
    font-weight: normal;
    line-height: 25px;
    text-align: center;
    margin: 0px 6px 0px 6px;
    padding: 0px 15px 0px 15px;
    cursor: pointer;
    float: left;
}
#pageArea>#pageContent>ul{
    float: left;
}
#pageArea>#pageContent>ul>li{
    min-width: 16px;
    height: 16px;
    color: #B08F45;
    font-size: 13px;
    font-family: Arial;
    font-weight: normal;
    text-align: center;
    line-height: 16px;
    margin: 3px 5px 0px 5px;
    padding: 2px 1px 1px 2px;
    display: inline-block;
    cursor: pointer;
    float: left;
}
#pageArea>#pageContent>ul>li:hover{
    text-decoration: underline;
}
#pageArea>#pageContent>ul>.current{
    background: #AF7B28;
    color: #FFFFFF;
    cursor: text;
}
#pageArea>#pageContent>ul>.current:hover{
    text-decoration: none;
}