@charset "utf-8";
/* CSS Document */

body{ background:url(../images/index-bg.jpg) center top no-repeat #F6F6F6; margin:0 auto;}
html{ background:#d05454;}
a{outline: none; /* for Firefox Google Chrome  */behavior:expression(this.onFocus=this.blur()); /* for IE */}

/*========================================= all ===========================================*/
#all{ width:1000px; margin:0 auto; background:url(../images/line.jpg) left top repeat-y #F6F6F6; overflow:auto;} /*2013-01-29 修改*/ 
#all { _overflow:hidden;}

/*========================================= left ===========================================*/
#left{ width:232px; float:left;}/*2013-01-30 修改*/ 
/*-------------------------------- logo --------------------------------*/
#logo h1 a{ display:block; width:232px; height:134px; background:url(../images/logo.jpg) left top no-repeat; text-indent:-9999px;}


/*========================================= 會員未登入區塊===========================================*/
#member{ width:232px;}/*2013-01-30 修改*/ 
#member h3{ width:232px; height:56px;}
#member ul.accountNumber{ width:232px; position:relative;}/*2013-01-30 修改*/ 
#member li{ margin:3px 0;}
#member li.id-name{ width:auto; height:22px; background:url(../images/id-name.gif) left top no-repeat;}
#member li.pass{ width:auto; height:22px; background:url(../images/pass.gif) left top no-repeat;}
/*表單樣式設定*/
.box{ width:100px; height:16px; margin-left:58px; border:1px solid #CCCCCC; padding:2px 3px; color:#333333; font-size:12px;}
/*登入鈕*/
.btn-login a{position:absolute; background:url(../images/btn_login.jpg) left top no-repeat; width:47px; height:47px; left:172px; top:0; text-indent:-9999px;}
.btn-login a:hover{ background-position:left bottom;}

#memberBtn{ width:232px; }/*2013-01-30 修改*/ 
#memberBtn ul.registration{ width:207px; padding-left:25px;}/*2013-01-30 修改*/ 
#memberBtn ul.registration li{ padding-right:5px; float:left;}/*2013-01-30 修改*/ 
#memberBtn .line{ width:232px; height:30px; clear:both;}/*2013-01-30 修改*/ 
/*申請帳號 鈕*/
.btn-id a{ display:block; background:url(../images/btn_id.jpg) left top no-repeat; width:94px; height:31px; text-indent:-9999px;}
.btn-id a:hover{ background-position:left bottom;}
/*忘記密碼 鈕*/
.btn-forgot a{ display:block; background:url(../images/btn_forgot.jpg) left top no-repeat; width:94px; height:31px; text-indent:-9999px;}
.btn-forgot a:hover{ background-position:left bottom;}
/*用FB登入 鈕*/
.btn-fb a{ display:block; background:url(../images/btn_fb.gif) left top no-repeat; width:193px; height:31px; text-indent:-9999px;}
.btn-fb a:hover{ background-position:left bottom;}


/*========================================= 會員登入後頁===========================================*/
#member-login{ width:232px; }/*2013-01-30 修改*/ 
#member-login ul{ width:232px; }/*2013-01-30 修改*/ 
#member-login h4{ display:block; font-size:13px; line-height:22px; padding:0 5px 0 26px;}/*2013-01-30 修改*/ 
#member-login p{ display:block; font-size:13px; line-height:22px; padding:0 5px 0 26px; color:#333;}

#memberLoginBtn{ width:232px;}/*2013-01-30 修改*/ 
#memberLoginBtn ul.registration2{ width:207px; padding-left:25px; padding-top:5px; padding-bottom:5px;}/*2013-01-30 修改*/ 
#memberLoginBtn ul.registration2 li{ padding-right:5px;}
#memberLoginBtn .line{ width:232px; height:30px; }/*2013-01-30 修改*/ 

/*會員登出 鈕*/
.btn_logOut a{ display:block; background:url(../images/btn_logOut.jpg) left top no-repeat; width:190px; height:31px; text-indent:-9999px;}
.btn_logOut a:hover{ background-position:left bottom;}
/*-------------------------------- 會員專區按鈕 --------------------------------*/
#login_menu{ width:232px; }/*2013-01-30 修改*/ 
#login_menu ul{ width:232px; }/*2013-01-30 修改*/ 
#login_menu li{ margin-left:22px;}
#login_menu li a.lm1{ width:198px; height:44px; display:block; background:url(../images/member_btn_01.jpg) left top no-repeat; text-indent:-9999px;}
#login_menu li a.lm2{ width:198px; height:44px; display:block; background:url(../images/member_btn_02.jpg) left top no-repeat; text-indent:-9999px;}
#login_menu li a.lm3{ width:198px; height:44px; display:block; background:url(../images/member_btn_03.jpg) left top no-repeat; text-indent:-9999px;}
#login_menu li a.lm4{ width:198px; height:44px; display:block; background:url(../images/member_btn_04.jpg) left top no-repeat; text-indent:-9999px;}
#login_menu li a:hover{ background-position:left bottom;}


/*========================================= 新手上路 ===========================================*/
#leftBtn{ width:232px;}/*2013-01-30 修改*/ 
#leftBtn ul{ margin-left:22px; padding:5px 0;}
#leftBtn li a.leftBtnNovice{ display:block; width:194px; height:53px; background:url(../images/leftBtnNovice.jpg) left top no-repeat;}
#leftBtn li a.leftBtnNovice:hover{ background-position:left bottom; background-repeat:no-repeat;}

/*========================================= FB 粉絲團 ===========================================*/
#fb-fans{ width:232px; height:312px; }/*2013-01-30 修改*/ 
#fb-fans .fb-fansInfo{ width:190px; height:282px; padding-left:24px;}/*2013-01-30 修改*/ 

/*========================================= 品牌推薦 ===========================================*/
#brand{ width:232px; padding-bottom:20px;}/*2013-01-30 修改*/ 
#brand h3{ width:232px; height:56px; }/*2013-01-30 修改*/ 
#brand ul{ margin-left:26px; _margin-left:13px; _display:inline;}/*2013-01-30 修改*/ 
#brand li{ display:block; width:185px; height:auto; margin-bottom:7px;}
#brand li:hover{ opacity:.5;}
#brand li img{ width:185px; height:auto; display:block;}


/*========================================= right ===========================================*/
#right{ width:768px; float:right; _clear:both;} /*2013-01-30 修改*/ 
/*-------------------------------- menu 主選單 2013-01-29 修改 --------------------------------*/
#menu{ width:768px; height:47px; padding-top:24px; background:url(../images/index-bg.jpg) right top no-repeat; }
#menu li{ float:left;}
#menu a.m1{ display:block; background:url(../images/menu_01.gif) left top no-repeat; width:66px; height:47px;}
#menu a.m2{ display:block; background:url(../images/menu_02.gif) left top no-repeat; width:115px; height:47px;}
#menu a.m3{ display:block; background:url(../images/menu_03.gif) left top no-repeat; width:146px; height:47px;}
#menu a.m4{ display:block; background:url(../images/menu_04.gif) left top no-repeat; width:146px; height:47px;}
#menu a.m5{ display:block; background:url(../images/menu_05.gif) left top no-repeat; width:115px; height:47px;}
#menu a.m6{ display:block; background:url(../images/menu_06.gif) left top no-repeat; width:180px; height:47px;}
#menu a:hover{ background-position:left bottom;}


/*========================================= content ===========================================*/
#content{ width:768px;}/*2013-01-30 修改*/ 
/*-------------------------------- 大輪播區 --------------------------------*/
#carousel{ width:736px; height:370px; margin-left:4px; margin-top:10px; padding-left:4px;}/*2013-01-30 修改*/ 
/*外框*/
#container {width:687px; height:361px; border:1px solid #CCCCCC; position:relative; z-index:0; margin-left:20px;}/*2013-01-30 修改*/ 
/*內容背景*/
#example { width:687px; height:361px; position:relative; background-color:#FFFFFF;}/*2013-01-30 修改*/ 
/*輪播設定 + 按紐*/
.slides_container { width:687px; height:361px; overflow:hidden;}
#slides {width:687px; height:361px; position:absolute; top:0; left:0; z-index:100;}/*2013-01-30 修改*/ 
#slides .slide { width:687px;}
#slides .next,#slides .prev { position:absolute; top:170px; left:-20px; width:24px; height:43px; display:block; z-index:101;}
#slides .next {left:688px;}
/*大圖*/
.left_img{ width:688px; height:361px; float:left;}/*2013-01-30 修改*/ 
/*內文*/
.word{ width:210px; height:361px; float:right; _display:inline;}/*2013-01-30 修改*/ 
.word h3{ width:200px; height:32px; display:block; font-size:15px; font-weight:bold; color:#a30817; line-height:32px; font-family:Arial, Helvetica, sans-serif; margin-left:10px;}
.word p{ width:190px; height:304px; display:block; font-size:12px; color:#6f6f6f; line-height:18px; font-family:Arial, Helvetica, sans-serif; overflow:hidden; margin-left:10px;}
.word h5{ width:200px; height:25px; padding-left:10px; color:#ffffff; line-height:25px; font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; background-color:#e29048;}
/*陰影*/
.shadow{ position:absolute; top:361px; left:0;}/*2013-01-30 修改*/ 

/*-------------------------------- 活動特區 --------------------------------*/
#activity{ width:764px; margin-left:4px; padding-bottom:60px; _display:inline;}/*2013-01-30 修改*/ 
#activity h3 { width:764px; height:52px; background:url(../images/activity_title.jpg) left top no-repeat; text-indent:-9999px;}
#activity ul{ margin-left:20px; _display:inline;}
#activity li{width:702px; height:120px; margin-bottom:10px; overflow:hidden; display:block;}
#activity li h4 { width:auto; height:24px; overflow:hidden;}
#activity li h4 a{ font-size:16px; color:rgb(165, 42, 42); line-height:24px; font-family:Arial, Helvetica, sans-serif; text-decoration:none;}
#activity li h4 a:hover{ color:#e29048;}
#activity li p{ font-size:12px; color:#000000; line-height:19px; font-family:Arial, Helvetica, sans-serif;}
#activity li img { width:103px; border:0;}/*2013-01-30 修改*/ 
#activity li img:hover{opacity:.8;filter:Alpha(opacity=80);}
.activity-box{ width:127px; height:120px; background:url(../images/activity-pic_box.jpg) left top no-repeat; float:left; margin-right:10px;}
.activity-box-img { width:103px; height:102px; overflow:hidden; margin:0 auto; padding-top:7px;}
#activity-more-all{ float:left; width:725px; height:17px;}
.activity-more a{ display:block; width:166px; height:17px; font-size:8px; background:url(../images/activity_more.jpg) left top no-repeat; text-indent:-9999px; float:right; _display:inline;}
.activity-more a:hover{ background-position:left bottom;}


/*========================================= footer ===========================================*/
#footer{ height:62px; background:#333; clear:both;}/*2017-11-10 修改*/ 
#footer ul{ width:1000px; height:62px; margin:0 auto; display:block; position:relative;}
#footer li{}
#footer h3{ color:#AAA; font-size:13px; font-weight:normal; text-align:center; line-height:20px; padding:12px 0 0 0;}/*2017-11-10 修改*/ 
#footer h3 a{ color:#FFFFFF; font-size:13px; text-decoration:none;}
#footer h3 a:hover{ text-decoration:underline;}
#footer h4{ color:#AAA; font-size:13px; font-family:Arial, Helvetica, sans-serif; text-align:center; font-weight:normal; line-height:22px;}/*2017-11-10 修改*/ 
#footer h4 a{ color:#CCC; font-size:13px; text-decoration:none;}/*2017-11-10 修改*/ 
#footer h4 a:hover{ color:#FFFFFF;}
.gototop{ width:73px; height:40px; position:absolute; left:890px; top:-40px;}/*回頂端*/