@charset "utf-8"; @import url("reset.css"); /*購物車特殊用途*/ .none_style{ display:none;} .petcuisine{ display:block;} .wangtea_use{ margin-left:15px;} .joo_hideOnly{ display:none;} /******************************* 中間元件 *******************************/ /* 中間元件名稱 */ .C_Box{ margin-bottom:25px; } .C_item_name{ height:65px;} .C_item_name h3{ font:24px/65px 微軟正黑體, Arial, Helvetica, sans-serif; color:#666;} .Page_Citem_title{ width:100%; height:65px;} .Page_Citem_title h3{ font:24px/65px 微軟正黑體, Arial, Helvetica, sans-serif; color:#666; text-align:center;} /* 中間內文內距 */ .C_Box{padding:0;} .C_padding{ background:#fff; padding:25px;} /* 中間標題 */ .C_title {font:12px/24px tohoma,arial,simsun,sans-serif; color:#666;font-weight:bold; text-decoration: none; } /* 中間副標題 */ .C_subtitle { font:12px/24px tohoma,arial,simsun,sans-serif; color:#666;font-weight:bold; text-decoration: none;} /* 中間內文 */ .C_article { font:14px/30px 微軟正黑體, Arial, Helvetica, sans-serif; color:#666;} /* 中間標題(連結) */ a.C_title_a:link { font:14px/24px tohoma,arial,simsun,sans-serif; color:#666; text-decoration: none;} a.C_title_a:visited { font:14px/24px tohoma,arial,simsun,sans-serif; color:#666; text-decoration: none;} a.C_title_a:hover { font:14px/24px tohoma,arial,simsun,sans-serif; color:#54565b;text-decoration: none;} a.C_title_a:active { font:14px/24px tohoma,arial,simsun,sans-serif; color:#54565b; text-decoration: none;} /******************************* 左邊元件 *******************************/ /* 左邊元件名稱 */ .L_Box{ width:200px; margin-bottom:15px;} /*.L_Box .L_top{ height:12px;background:url(left_bg01.gif) no-repeat 0 0;}*/ .L_Box .L_bottom{ height:12px;background:url(left_bg03.gif) no-repeat 0 0;} h3.L_item_name{ height:40px; font:15px/40px 微軟正黑體, Arial, Helvetica, sans-serif; color:#555; } /* 左邊內文內距 */ .L_Box .L_padding{ padding:5px 10px;} /* 左邊標題 */ .L_title { font:14px/24px tohoma,arial,simsun,sans-serif; color:#666; font-weight:bold;} /* 左邊副標題 */ .L_subtitle { font:14px/24px tohoma,arial,simsun,sans-serif; color:#666; font-weight:bold;} .L_bottom{ height:17px; background:#fff url(left_bg03.gif) no-repeat top left;} /* 左邊內文 */ .L_article { font:14px/30px 微軟正黑體, Arial, Helvetica, sans-serif; color:#666;} /* 左邊標題(連結) */ a.L_title_a:link { font:14px/24px tohoma,arial,simsun,sans-serif; color:#666;text-decoration: none;} a.L_title_a:visited { font:14px/24px tohoma,arial,simsun,sans-serif; color:#666; text-decoration: none;} a.L_title_a:hover { font:14px/24px tohoma,arial,simsun,sans-serif; color:#54565b;text-decoration: none;} a.L_title_a:active { font:14px/24px tohoma,arial,simsun,sans-serif; color:#54565b; text-decoration: none;} /******************************* 右邊元件 *******************************/ /* 右邊元件名稱 */ .R_Box{ width:200px; margin-bottom:15px;} h3.R_item_name{ height:40px; font:15px/40px 微軟正黑體, Arial, Helvetica, sans-serif; color:#555; } /* 右邊標題 */ .R_title { font:12px/26px tohoma,arial,simsun,sans-serif; color:#666;font-weight:bold; text-decoration: none;} /* 右邊副標題 */ .R_subtitle { font:12px/26px tohoma,arial,simsun,sans-serif; color:#666;font-weight:bold; text-decoration: none;} /* 右邊內文 */ .R_article { font:14px/30px 微軟正黑體, Arial, Helvetica, sans-serif; color:#666;} /* 右邊標題(連結) */ a.R_title_a:link { font:14px/24px tohoma,arial,simsun,sans-serif; color:#666; text-decoration: none;} a.R_title_a:visited { font:14px/24px tohoma,arial,simsun,sans-serif; color:#666; text-decoration: none;} a.R_title_a:hover { font:14px/24px tohoma,arial,simsun,sans-serif; color:#54565b; text-decoration: none;} a.R_title_a:active { font:14px/24px tohoma,arial,simsun,sans-serif; color:#54565b;text-decoration: none;} /******************************* 表格 *******************************/ /* 表格抬頭 */ .table_title { background-color: #ededed; font-family:微軟正黑體, Arial, Helvetica, sans-serif; font-size: 13px; color:#808080; font-weight: bold; } /* 表格外框線顏色 */ .table_exo_bordercolor { background-color: #d4d4d4; } /* 表格內框線顏色 */ .table_bordercolor { background-color: #d4d4d4; } /* 表格欄位 */ .table_column { background-color: #fff; font-family:微軟正黑體, Arial, Helvetica, sans-serif; font-size: 15px; line-height:30px; color:#333; padding:7px 5px; } /* 表格欄位內容 */ .table_column_desc { background-color: #FFFFFF; font-family:微軟正黑體, Arial, Helvetica, sans-serif; font-size: 15px; line-height:25px; color:#333; } /* 表格欄位內容 onMouseOver */ .table_column_desc_over { background-color: #ededed; font-size: 12px; color: #333333; } /* 數字 */ .number { font-family:微軟正黑體, Arial, Helvetica, sans-serif; font-size: 12px; color: #f03a79; font-weight: bold; } /******************************* 表單 *******************************/ /* 表單 */ .FormTxt, .FormTxt100 { font-family:微軟正黑體, Arial, Helvetica, sans-serif; font-size: 11px; color:#999; background-color: #ffffff; border:solid #dadada 1px; padding:2px; } /* 表單 */ .FormTxt100, .FormTxtMark100 { width: 90%; } /* 表單 */ .FormTxtMark, .FormTxtMark100 { font-family:微軟正黑體, Arial, Helvetica, sans-serif; font-size: 12px; background-color: #fffbdd; } /* 表單註解 */ .form_gloss { font-family:微軟正黑體, Arial, Helvetica, sans-serif; color: #ff6320; font-size: 12px; } /* 表單必填欄位(*)樣式 */ .form_star { font-family:微軟正黑體, Arial, Helvetica, sans-serif; color:#ef4122; font-size:15px; font-weight:normal; } /******************************* 商品 *******************************/ /* 商品名稱 */ .prod_name {font:13px/24px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333;} /* 商品名稱 */ a.prod_name:link { font:13px/24px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333; text-decoration: none; } a.prod_name:visited { font:13px/24px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333; text-decoration: none; } a.prod_name:hover { font:13px/24px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333; text-decoration: underline; } a.prod_name:active { font:13px/24px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333; text-decoration: underline; } /* 商品售價 */ .prod_price {font:20px/24px 微軟正黑體, Arial, Helvetica, sans-serif; color:#ff427f; font-weight:bold;} /******************************* 延伸選單 *******************************/ /* 延伸選單 */ .menu_extended { color: #666; background-color: #ffffff; font-size: 12px; font-family: arial; padding:8px 2px; } /* 延伸選單 onMouseOver */ .menu_extended_over { color: #6d3049; background-color: #f1b6cf; font-size: 12px; font-family: arial; padding:8px 2px; } /* 延伸選單 邊線 */ .menu_extended_border { background-color: #cccccc; } /******************************* 表頭選單 *******************************/ a.top_menu:link {font-family: 微軟正黑體, Arial, Helvetica, sans-serif; font-size: 13px;color: #eaeaea; text-decoration:none; } a.top_menu:visited {font-family: 微軟正黑體, Arial, Helvetica, sans-serif; font-size: 13px;color: #eaeaea; text-decoration:none; } a.top_menu:hover { font-family: 微軟正黑體, Arial, Helvetica, sans-serif; font-size: 13px;color: #abb43d; text-decoration:none;} a.top_menu:active {font-family: 微軟正黑體, Arial, Helvetica, sans-serif; font-size: 13px;color: #abb43d;text-decoration:none;} /******************************* 語系 *******************************/ .lang_box{ text-align:right; padding-top:5px;} .lang_box a{ display:inline-block; width:24px; height:24px;border-radius:100%; color:#666; border:1px solid #ddd; text-align:center; line-height:22px !important; text-decoration:none; font-size:12px !important;} .lang_box a:hover{line-height:22px !important; text-decoration:none; font-size:12px !important; background:#54565b; color:#FFF;} /******************************* copyright *******************************/ /******************************* 通用 *******************************/ /* 成功訊息 */ .hd_alert { font-family: 微軟正黑體, Arial, Helvetica, sans-serif; color: #ff4b77; font-size: 12px; font-weight: bold; } /* 錯誤訊息 */ .err_alert { font-family: 微軟正黑體, Arial, Helvetica, sans-serif; color: #ff4b77; font-size: 12px; font-weight: bold; } /* 一般鏈結 */ a:link { font:14px/30px 微軟正黑體, Arial, Helvetica, sans-serif; color:#666; text-decoration: none;} a:visited { font:14px/30px 微軟正黑體, Arial, Helvetica, sans-serif; color:#666; text-decoration: none;} a:hover { font:14px/30px 微軟正黑體, Arial, Helvetica, sans-serif; color:#54565b; text-decoration: none;} a:active { font:14px/30px 微軟正黑體, Arial, Helvetica, sans-serif; color:#54565b; text-decoration: none;} /* 網站主內容架構 */ .FOR_web_W{ width:990px; margin-top:20px;} .FOR_TOP{ width:100%; height:auto; min-width:1200px;} .FOR_MAIN{ margin:0 auto; width:1200px; padding-top:10px;} .FOR_FOOTER{width:100%; margin-top:20px; clear:both; min-width:1200px;} /*.FOR_MAIN img{ width:100%; height:auto;}*/ #index .FOR_MAIN{ margin:0 auto; width:1200px; padding-top:0;} .main_content_left{ width:200px; float:left;} #product_search .main_content_left{ width:200px; float:left; border:none; background:none;} #sort .main_content_left{ width:200px; float:left; border:none; background:none;} .main_content_right{ width:200px; float:right;} .main_content_l_center{ margin-left:210px;} .main_content_r_center{margin-right:210px;} .main_content_center{ margin-left:210px; margin-right:210px;} .main_content_no_center{ width:100%;} /* 網站名稱簡介 */ .STORE_NAME{ font:15px/26px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333; font-weight:bold;} .STORE_EXP{ font:13px/24px 微軟正黑體, Arial, Helvetica, sans-serif; color:#666;} /******************************* 自訂 *******************************/ html, body { font-family:微軟正黑體, Arial, Helvetica, sans-serif; font-size:12px; color:#666; line-height:24px; background-color:#f5f5f5;} /* 元件間隔 */ .table_margin{ margin-bottom:5px;} /* 元件外框 */ .L_border{ border:solid 2px #e1e1e1; padding:1px;} /*========== 共用 ==========*/ .SGS_Store_TopBox{ display:none;} /* 元件間距*/ .SB_witem_mbottom{ margin-bottom:15px;} /* 元件最外框*/ .SB_WitemBOX{ width:1200px; height:auto; margin:0 auto;} .SB_WitemBOX .rwdimg{ width:100%; height:auto;} /*========== 版頭 ==========*/ /*版頭*/ .AF_Top_Box{ width:100%; height:120px; background:url(AF_Top_bg.jpg) left top repeat-x; min-width:1240px;} .AF_Top_Content{ width:1260px; height:120px; margin:0 auto; position:relative;} .AF_Top_Logo{ display:block; width:252px; height:90px; position:absolute; left:0; top:15px;} .AF_Top_Logo a{ display:block; width:252px; height:90px;} .AF_Top_MainMenu{ width:600px; height:45px; position:absolute; left:272px; bottom:3px;} .AF_Top_MainMenu li{ float:left;} .AF_Top_MainMenu li a{ display:block; font:15px/45px 微軟正黑體, Arial, Helvetica, sans-serif; color:#803b2d; padding:0 30px; background:url(AF_Top_MenuLine.gif) left center no-repeat;} .AF_Top_MainMenu li a:hover{ display:block; font:15px/45px 微軟正黑體, Arial, Helvetica, sans-serif; color:#803b2d; padding:0 30px; background:url(AF_Top_MenuLine.gif) left center no-repeat; border-bottom:#b82a41 3px solid; text-decoration:none;} .AF_TopMenuShopping{ display:block; width:125px; height:47px; position:absolute; left:872px; bottom:0;} .AF_TopMenuShopping a{ display:block; width:125px; height:47px; background:url(AF_Top_MenuShopping.png) left top no-repeat; text-indent:-9999px;} .AF_TopMenuShopping a:hover{ display:block; width:125px; height:47px; background:url(AF_Top_MenuShopping.png) left bottom no-repeat; text-indent:-9999px;} .AF_Top_MemberMenu{ float:right;} .AF_Top_MemberMenu > li{ float:left;} .AF_Top_MemberMenu > li:first-child > a{ display:block; font:14px/30px 微軟正黑體, Arial, Helvetica, sans-serif; color:#FFF; background-color:#b38b81; padding:0 15px 0 35px; border-left:0;} .AF_Top_MemberMenu > li > a{ display:block; font:14px/30px 微軟正黑體, Arial, Helvetica, sans-serif; color:#FFF; background-color:#b38b81; padding:0 15px 0 35px; border-left:#d3ada4 1px dotted;} .AF_Top_MemberMenu > li > a:hover{ display:block; font:14px/30px 微軟正黑體, Arial, Helvetica, sans-serif; color:#FFF; background-color:#986b61; padding:0 15px 0 35px; text-decoration:none;} .MemMenuIcon01 a{ background:url(AF_Top_MemMenuIcon01.png) 10px center no-repeat;} .MemMenuIcon02 a{ background:url(AF_Top_MemMenuIcon02.png) 10px center no-repeat;} .MemMenuIcon03 a{ background:url(AF_Top_MemMenuIcon03.png) 10px center no-repeat;} .MemMenuIcon04 > a{ background:url(AF_Top_MemMenuIcon04.png) 10px center no-repeat;} .MemMenuIcon05 a{ background:url(AF_Top_MemMenuIcon05.png) 10px center no-repeat;} /*原始的150316 .AF_Top_Search{ width:400px; height:35px; background:url(AF_Top_Searchbg.png) left top no-repeat; position:absolute; left:272px; top:40px;} .AF_Top_Search ul li{ float:left; padding-top:3px;} .AF_Top_Search01 select{ margin-left:3px; width:80px; height:30px; border:0; background:none;} .AF_Top_Search02 input{ width:238px; height:30px; font:13px/30px 微軟正黑體, Arial, Helvetica, sans-serif; color:#555; padding:0 5px; border:0; background:none;} .AF_Top_Search03 input{ width:77px; height:30px; border:0; background:none; cursor:pointer;}*/ .AF_Top_Search{ width:400px; height:35px; background:url(AF_Top_Searchbg2.png) left top no-repeat; position:absolute; left:272px; top:40px;} .AF_Top_Search ul li{ float:left; padding-top:3px;} .AF_Top_Search01 select{ display:none;} .AF_Top_Search02 input{ width:318px; height:30px; font:13px/30px 微軟正黑體, Arial, Helvetica, sans-serif; color:#555; padding:0 5px; border:0; background:none;} .AF_Top_Search03 input{ width:77px; height:30px; border:0; background:none; cursor:pointer;} /*版頭關鍵字150317新增*/ .AF_Top_keyword{ width:310px; height:25px; position:absolute; left:682px; top:45px; overflow:hidden;} .AF_Top_keyword span{ font:13px/25px 微軟正黑體, Arial, Helvetica, sans-serif; color:#b82a41; margin-right:5px;} .AF_Top_keyword a{ font:13px/25px 微軟正黑體, Arial, Helvetica, sans-serif; color:#666; margin:0 5px;} .AF_Top_keyword a:hover{ font:13px/25px 微軟正黑體, Arial, Helvetica, sans-serif; color:#147abc;} /*右側購物車*/ .AF_RSides_cart{ position:fixed; right:-90px; top:20%; z-index:999;} .AF_RSides_cart ul li{ float:left;} .AF_RSides_cart ul li.RSides_Content{ display:block; width:90px; height:160px; background:#FFF; box-shadow: 0px 0px 8px #aaa; -webkit-box-shadow: 0px 0px 8px #aaa; -moz-box-shadow: 0px 0px 8px #aaa;border-radius: 3px 0px 0px 3px; -webkit-border-radius: 3px 0px 0px 3px; -moz-border-radius: 3px 0px 0px 3px; } .RSides_Content h3{ font:15px/40px 微軟正黑體, Arial, Helvetica, sans-serif; color:#986b61; border-bottom:#dbdbdb 1px dotted; text-align:center; margin-bottom:10px;} .RSides_Content p{ font:13px/20px 微軟正黑體, Arial, Helvetica, sans-serif; color:#555; text-align:center;} .RSides_Content a:link,.RSides_Content a:visited{ display:block; width:60px; height:30px; margin:0 auto; text-align:center; font:13px/30px 微軟正黑體, Arial, Helvetica, sans-serif; color:#FFF; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; background:#b82a41; text-decoration:none; margin-top:15px;} .RSides_Content a:hover,.RSides_Content a:active{ display:block; width:60px; height:30px; margin:0 auto; text-align:center; font:13px/30px 微軟正黑體, Arial, Helvetica, sans-serif; color:#FFF; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; background:#986b61; text-decoration:none; margin-top:15px;} /*========== 版尾 ==========*/ .AF_Bottom_Box{ width:100%; height:150px; background:#986b61;} .AF_Bottom_Content{ width:1260px; height:150px; margin:0 auto;} .AF_Bottom_Content_T{ width:100%; height:110px; border-bottom:#b38b81 1px solid; position:relative;} h3.AF_Bottom_company{ float:left; display:block; width:270px; height:110px; font:20px/110px 微軟正黑體, Arial, Helvetica, sans-serif; color:#FFF; font-weight:bold;} .AF_Bottom_companyData{ width:300px; height:45px; padding-top:45px;} .AF_Bottom_companyData h5{ display:block; color:#FFF; margin-left:280px; padding-left:25px;} h5.AF_Bottom_add{ width:300px; height:20px; font:13px/20px 微軟正黑體, Arial, Helvetica, sans-serif; background:url(AF_Bottom_CRicon01.png) left center no-repeat;} h5.AF_Bottom_tel{ width:300px; height:25px; font:20px/25px Arial, Helvetica, sans-serif; background:url(AF_Bottom_CRicon02.png) left center no-repeat;} .AF_Community_btn{ position:absolute; bottom:15px; right:0;} .AF_Community_btn li{ float:left; margin:0 5px;} .AF_Community_btn li a{ display:block; width:40px; height:40px; background-position:left top; background-repeat:no-repeat; text-indent:-9999px;} .AF_Community_btn li a:hover{ display:block; width:40px; height:40px; background-position:left bottom; background-repeat:no-repeat; text-indent:-9999px;} .AF_Community_btn li.AF_Community_B a{ background-image:url(AF_Index_Icon_blog.png);} .AF_Community_btn li.AF_Community_F a{ background-image:url(AF_Index_Icon_fb.png);} .AF_Bottom_Content_B{ width:100%; height:40px;} .AF_Bottom_MainMenu li{ float:left;} .AF_Bottom_MainMenu li a{ padding:0 10px; font:14px/40px 微軟正黑體, Arial, Helvetica, sans-serif; color:#FFF; border-left:#FFF 1px solid;} .AF_Bottom_MainMenu li a:hover{ padding:0 10px; font:14px/40px 微軟正黑體, Arial, Helvetica, sans-serif; color:#ffe7e2; border-left:#FFF 1px solid; text-decoration:none;} .AF_Bottom_MainMenu li:first-child a{ border-left:0;} h5.AF_Bottom_CR{ float:right; font:13px/40px 微軟正黑體, Arial, Helvetica, sans-serif; color:#FFF;} /*==================天和鮮物-版頭==================*/ /*topmanu*/ .thofood-top-BG{ width:100%; height:40px; border-top:3px solid #C71810;} .thofood-top{ width:1200px;height:35px; padding:0 12px; margin:0 auto; position:relative;} .thofood-top .topmanu { width:100%;} .thofood-top > .topmanu > li{ height:35px; font:13px/35px 微軟正黑體, Arial;} .thofood-top > .topmanu > li > a{ color:#666; font:13px/35px 微軟正黑體, Arial; padding:0 22px; text-decoration:none;} .thofood-top > .topmanu > li > a:hover{ color:#C71810; font:13px/35px 微軟正黑體, Arial; padding:0 22px;} .thofood-top .topmanu li.Official{ float:left; background:url(thofood_topicon1.png) left center no-repeat;} .thofood-top .topmanu li.Singin{ float: right; background:url(thofood_topicon2.png) left center no-repeat;} .thofood-top .topmanu li.Account{ float: right; background:url(thofood_topicon3.png) left center no-repeat;} .thofood-top .topmanu li.Shopcar{ float: right; background:url(thofood_topicon4.png) left center no-repeat;} /*topmanu-END*/ /*top*/ .thofood-header-BG{ width:100%; height:140px; background-color:#fff;} .thofood-header{ width:1200px; height:95px; padding:0 12px; margin:0 auto;} .thofood-header h1{ display:block; width:335px; height:95px;float:left;} /* 搜尋＆關鍵字 */ .IndexTop_Search{float:right; padding-top:33px; width:600px;} .IndexTop_Search > li.topKeyWord > a{ font:14px/38px 微軟正黑體, Arial, Helvetica, sans-serif; color:#999; margin-right:5px; float:left;} .IndexTop_Search > li.topKeyWord > span{ font:14px/38px 微軟正黑體, Arial, Helvetica, sans-serif; color:#C71810; margin-right:5px; float:left;} .IndexTop_Search > li.topKeyWord > a:hover{ font:14px/38px 微軟正黑體, Arial, Helvetica, sans-serif; color:#147abc; margin-right:5px;} .IndexTop_Search > li.topSearchBar{ width:290px; height:38px; background:url(thofood_search2.png) left top no-repeat; float:right;} .IndexTop_Search > li.topSearchBar > ul > li{ float:left;} .topSearch01 select{ border:0; background:none; width:95px; height:30px; margin-left:3px; font:13px/24px 微軟正黑體, Arial, Helvetica, sans-serif; color:#555; margin:4px; display:none;} .topSearch02 input[type="text"]{ width:250px; height:30px; font:15px/30px 微軟正黑體, Arial, Helvetica, sans-serif; color:#555; border:0; padding:0 10px; margin:4px; background:none;} .topSearch03 input{ width:30px; height:30px; border:0; background:none; cursor:pointer; margin:4px 0;} /*天和新增*/ li.TF-Back{ width:26px; height:26px; margin:5px; float:left;margin-left:15px;} li.TF-Back > a{ background:url(sl1.jpg) 0 0 no-repeat; text-indent:-99999px; display:block; line-height:26px; } li.TF-Mail{ width:26px; height:26px; margin:5px; float:left;} li.TF-Mail > a{ background:url(sl2.jpg) 0 0 no-repeat; text-indent:-99999px;display:block;line-height:26px;} li.TF-FB{ width:26px; height:26px; margin:5px; float:left;} li.TF-FB > a{ background:url(sl3.jpg) 0 0 no-repeat; text-indent:-99999px;display:block;line-height:26px;} /* 搜尋＆關鍵字END */ /*主選單*/ .thofood-header-manu{width:1200px; height:45px; padding:0 12px; margin:0 auto; clear:both;} .thofood-header-manu ul{} /*.thofood-header-manu > ul > li{ float:left;background:url(thofood_manu-line.png) right no-repeat; padding:0 15px; width:16.66666%;text-align:center; position:relative;}*/ .thofood-header-manu > ul > li{ float:left;background:url(thofood_manu-line.png) right no-repeat; padding:0 15px; text-align:center; position:relative;} .thofood-header-manu > ul > li:last-child{ background:none;} .thofood-header-manu > ul > li > a{ color:#745030;font:16px/45px 微軟正黑體, Arial; text-decoration:none;} .thofood-header-manu > ul > li > a:hover{ color:#C71810;} /*選單滑出部分*/ .manu-SUB{ min-width:400px; height:auto; padding:15px 5px ; border:1px solid #eee;background-color:#fff; position:absolute; top:45px; display:none; z-index:15;} #MENU5 .manu-SUB{right:0px;} #MENU6 .manu-SUB{right:0px;} .manu-SUB img{ float: right; width:202px; height:auto; margin-right:10px;} .manu-SUB > ul{ float:left; padding:0 20px;} .manu-SUB > ul li{} .manu-SUB > ul li a{ font:15px/24px 微軟正黑體, Arial, Helvetica, sans-serif; color:#1671b8; display:block; margin-bottom:2px; background:url(thofood_manu_icon.png) 0 no-repeat; padding-left:12px; text-align:left; text-decoration:none;} .manu-SUB > ul li a:hover{ font-weight:bold;} .mstyle_hover_2 > a{color:#1671b8;font:16px/45px 微軟正黑體, Arial; text-decoration:none;} /* 主選單END */ /*---copyright---*/ .yang-ming-flood-BG{ width:100%;background:#f1cc8b url(site_bg_01.jpg) repeat-x scroll 0 0; padding:25px 0; display:one} .yang-ming-flood{ width:1200px; margin:0 auto; padding:0 12px; } .yang-ming-flood .TF-flooder{ width:100%; height:180px;background: url(thofood_95.jpg) 0 0 no-repeat; clear:both; display:none;} .yang-ming-flood ul.copyright1{} .yang-ming-flood ul.copyright1 li.all{ display:block; width:20%; float:left;text-align:center;} .yang-ming-flood ul.copyright2{} .yang-ming-flood ul.copyright2 li.copytitle{ font:bold 16px/24px 微軟正黑體,Arial; color:#c71810; display:block; width:95px; margin:0 auto;} .yang-ming-flood ul.copyright2 li.copylist{font:14px/24px 微軟正黑體,Arial, Helvetica, sans-serif;} .yang-ming-flood ul.copyright2 li.copylist a{color:#666;font:14px/24px 微軟正黑體,Arial, Helvetica, sans-serif;} .yang-ming-flood ul.copyright2 li.copylist a:hover{color:#1671b8;} .yang-ming-copy-BG{ width:100%; height:58px; background-color:#fff;} .yang-ming-copy{ width:1200px; height:58px; margin:0 auto;} .yang-ming-copy p{ display:block; width:50%; color: #666; font: 13px/20px 微軟正黑體,Arial,Helvetica,sans-serif; margin: 0 auto; padding-top: 9px; float:left;} .yang-ming-copy span a{ display:block; float:left; width:40px; height:40px; text-indent:-9999px; background: url(icon_fb.svg) left top no-repeat; margin-right:10px;} .yang-ming-copy span a:hover{ background: url(icon_fb.svg) left bottom no-repeat;} .yang-ming-copy > ul { float: right; width: 110px; padding-top:17px;} .yang-ming-copy > ul > li{ float:left;} .yang-ming-copy > ul > li > a{ font: 14px/18px 微軟正黑體,Arial,Helvetica,sans-serif; color: #147abc; margin:0 5px;} /*======================天和鮮物-元件(20150519)======================*/ /*左欄商品元件*/ .Page_LitemBox{ width:100%; margin:0 auto; padding-bottom:15px;} .Page_Litem_title{ width:100%; height:40px;} .Page_Litem_title h3{ width:100%; font:15px/37px 微軟正黑體, Arial, Helvetica, sans-serif; color:#555; border-bottom:#54565b 2px solid; padding-left:15px; text-align:center;} .PDetail_PhotBox{ width:150px; margin:0 auto;} .PDetail_PhotBox01 a{ display:block; width:150px; height:150px; margin-top:15px;} .PDetail_PhotBox01 img{ width:150px; height:150px; } .PDetail_PhotBox02{ width:150px; height:40px; margin:0 auto;} .PDetail_PhotBox02 h2{ width:100%; height:40px; overflow:hidden;} .PDetail_PhotBox02 h2 a{ display:block; width:100%; height:40px; font:13px/20px 微軟正黑體, Arial, Helvetica, sans-serif; text-decoration:none; color:#333;} .PDetail_PhotBox02 h2 a:hover{ font:13px/20px 微軟正黑體, Arial, Helvetica, sans-serif; text-decoration:underline; color:#147abc;} .PDetail_PhotBox03{ text-align:center; font:25px/35px Arial, Helvetica, sans-serif; color:#e82222;} .PDetail_PhotBox03 span{ font-size:20px; margin-right:5px;} /*左欄商品分類元件*/ .Page_ProductSort{ width:100%; padding-bottom:15px;} h3.Page_PSort_title{ width:100%; height:40px; border-bottom:#dbdbdb 1px dotted; text-align:center;} h3.Page_PSort_title img{ float:left; display:block; width:23px; height:32px; margin:0 5px;} h3.Page_PSort_title a{ font:15px/40px 微軟正黑體, Arial, Helvetica, sans-serif; color:#555;} .Page_PSort_list > li {height: 25px;} .Page_PSort_list li a{ font:13px/25px 微軟正黑體, Arial, Helvetica, sans-serif; color:#555; padding-left:30px;} /*首頁-time/hot/like*/ .TF-3Specialgoods{ width:960px; height:335px; margin:15px auto;} .TF-3Specialgoods ul{ width:100%;} .TF-3Specialgoods ul li{ float:left;margin-right:15px; background-color:#fff;width:310px; height:335px; position:relative;-webkit-box-shadow: 0 0 3px #dbdbdb;-moz-box-shadow: 0 0 3px #dbdbdb;box-shadow: 0 0 3px #dbdbdb;} .TF-3Specialgoods ul li:last-child{margin-right:0px;} .TF-3Specialgoods ul li a.mark{ display:block;width:310px;height:335px; background-color:rgba(0, 0, 0, 0.7); text-decoration:none; display:none; position:absolute; left:0; top:0; z-index:3; overflow:hidden;/*opacity:0.7;filter:alpha(opacity=0.7);*/ padding-top:65px; color:#fff;} .TF-3Specialgoods ul li a.mark h3{ font-size:30px; line-height:50px;} .TF-3Specialgoods ul li a.mark h5{ color:#dbdbdb; width:90%; height:200px; overflow:hidden; margin:auto;} .TF-3Specialgoods ul li img{ width:310px; height:261px;} .TF-3Specialgoods ul li h3{line-height:36px; font-size:22px; font-weight:normal; text-align:center; margin-top:5px;} .TF-3Specialgoods ul li h5{line-height:24px; font-size:16px; font-weight:normal;text-align:center; color:#666;} .TF-3Specialgoods ul li.TF-timegoods{border-top:2px solid #6a9a28;} .TF-3Specialgoods ul li.TF-timegoods h3{ color:#6a9a28;} .TF-3Specialgoods ul li.TF-hotgoods{border-top:2px solid #e95304;} .TF-3Specialgoods ul li.TF-hotgoods h3{ color:#e95304;} .TF-3Specialgoods ul li.TF-likegoods{border-top:2px solid #1671b8;} .TF-3Specialgoods ul li.TF-likegoods h3{ color:#1671b8;} .TF-3Specialgoods ul li.TF-timegoods .time-icon, .TF-3Specialgoods ul li.TF-hotgoods .hot-icon, .TF-3Specialgoods ul li.TF-likegoods .like-icon{z-index:4; width:62px; height:43px; position:absolute; top:0px; left:0px;} .TF-3Specialgoods ul li.TF-timegoods .time-icon{background:url(images/anyong_symbol/thofood_time.png) no-repeat 0 0; background:url(images/anyong_symbol/thofood_time.png) no-repeat 0 0;} .TF-3Specialgoods ul li.TF-hotgoods .hot-icon{background:url(images/anyong_symbol/thofood_hot.png) no-repeat 0 0;} .TF-3Specialgoods ul li.TF-likegoods .like-icon{background:url(images/anyong_symbol/thofood_like.png) no-repeat 0 0;} /*首頁-time/hot/like-END*/ /*首頁-商品元件*/ .medfrist-commodity{ width:1176px; margin:15px auto;} .medfrist-commodity h3.commodity-title{ display:block; height:75px; text-align:center;} .commodity-main{ width:100%; height:333px; background-color:#fff;} .commodity-main img.commodity-banner{ width:255px; height:333px; float:left; margin-right:7px;} .commodity-main .commodity-carousel{ width:914px; float: left; position:relative; overflow:hidden; height:333px;} .commodity-carousel .carousel-left,.commodity-carousel .carousel-right{ position:absolute;top:176px; width:18px; height:25px; cursor:pointer; margin:0 2px;} .commodity-carousel .carousel-left{ background:url(images/anyong_symbol/medfrist_52.png) no-repeat; left:0px;} .commodity-carousel .carousel-right{ background:url(images/anyong_symbol/medfrist_50.png) no-repeat; right:7px;} .commodity-carousel .carousel-detail{ width:868px;margin:0 auto; overflow:hidden;} .carousel-detail ul.detail-list{} .carousel-detail ul.detail-list li{ width:206px; margin:0 5px; float:left;overflow:hidden; height:333px;} .carousel-detail ul.detail-list img{ display:block; width:206px; height:206px;} .carousel-detail ul.detail-list h2.detail-title{ display:block; font:13px/20px 微軟正黑體, Arial, Helvetica, sans-serif; margin:10px 0; color:#404040; height:40px; overflow:hidden;} .carousel-detail ul.detail-list h2.detail-title a{ font:13px/20px 微軟正黑體, Arial, Helvetica, sans-serif; text-decoration:none;} .carousel-detail ul.detail-list h2.detail-title a:hover{ color:#00b1b4;} .carousel-detail ul.detail-list h3.detail-price{ font:bold 24px/30px 微軟正黑體, Arial, Helvetica, sans-serif; color:#ff4200; float: right;} .carousel-detail ul.detail-list h3.detail-price2{ font:13px/30px 微軟正黑體, Arial, Helvetica, sans-serif; color:#aeaeae; float: right; margin-right: 20px;text-decoration:line-through;} /*首頁-商品元件END*/ /*首頁-樂活食堂*/ .TF-Canteen{ width:928px; height:250px;background-color:#fff; margin:15px auto;} .TF-Canteen .TF-Canteen-L{ width:354px; height:250px; overflow:hidden; position:relative; float: left;} .TF-Canteen .TF-Canteen-L img{width:354px; height:250px;} .TF-Canteen .TF-Canteen-L a{ display:block;width:354px; height:250px; text-decoration:none;} .TF-Canteen .TF-Canteen-L .Canteen-icon{ width:92px; height:92px; background:url(images/anyong_symbol/Canteen-icon.png) no-repeat; position:absolute; top:15px; right:15px; z-index:2;} .TF-Canteen .TF-Canteen-R{width:574px;height:250px;overflow:hidden;position:relative; float:right; padding:0 25px; font-size:13px; line-height:24px; color:#666;} .TF-Canteen .TF-Canteen-R span{color:#128c57;} .TF-Canteen-R a.Canteen-R-more{ display:block; width:101px; height:31px; background:url(images/anyong_symbol/thofood_59.png) no-repeat top left; position:absolute; right:0px; bottom:0px; text-indent:-99999px; z-index:2; cursor:pointer;} .TF-Canteen-R a.Canteen-R-more:hover{background:url(images/anyong_symbol/thofood_59.png) no-repeat bottom left;} .TF-Canteen-R .Canteen-R-title{ width:100%; height:60px; overflow:hidden;} .TF-Canteen-R .Canteen-R-title h3{ line-height:60px; font-size:30px; color:#128c57; font-weight:normal;} .TF-Canteen-R .Canteen-R-title a{color:#128c57; text-decoration:none;} .TF-Canteen-R .Canteen-R-title a:hover{color:#1cb975;} .TF-Canteen-R .Canteen-R-Main{ width:100%; height:144px; overflow:hidden;} /*首頁-推薦商品*/ .TF-Featured{ width:238px;height:250px;background-color:#fff; margin:15px auto; padding:0 11px;} .TF-Featured ul.Featured-product{ width:100%;} .TF-Featured ul.Featured-product li{ width:100%; border-bottom:1px dotted #999; height:40px; overflow:hidden;} .TF-Featured ul.Featured-product li:last-child{ border-bottom: none;} .TF-Featured ul.Featured-product li:first-child{ height:112px; padding:16px 0;} .TF-Featured ul.Featured-product li a.normal{ font-size:13px; line-height:40px; color:#666; display:block; height:40px; overflow:hidden; text-decoration:none;} .TF-Featured ul.Featured-product li a.normal:hover{color:#1671b8;} .TF-Featured ul.Featured-product li.first img{ width:80px; height:80px; float:left;} .TF-Featured ul.Featured-product li.first .Featured-product-title{ width:125px; height:80px; float: right;} .TF-Featured ul.Featured-product li.first .Featured-product-title h3{ line-height:24px; font-size:13px; color:#666; font-weight:normal; display: block; height:48px; overflow:hidden;} .TF-Featured ul.Featured-product li.first .Featured-product-title a{color:#666; text-decoration:none; } .TF-Featured ul.Featured-product li.first .Featured-product-title a:hover{color:#1671b8;} .TF-Featured ul.Featured-product li.first .Featured-product-title span{ line-height:32px; font-size:24px; font-weight:bold; color:#ff4200; text-align:right; display:block; width:100%;} /*======================安永鮮物-元件======================*/ /* 圖片移動 */ .AF_img_move img{ transition: transform 0.2s linear 0s;} .AF_img_move img:hover{ transform: translateX(-5px);} /* 官網－輪播廣告 */ .Index_ADbannerBox{ width:1200px; height:auto; margin-bottom:35px;} .Index_ADbanner{ width:1200px; height:auto; margin:0 auto; position:relative;} .flexslider{ width: 100%; height:auto; overflow:hidden;} .slides{ position:relative; z-index:1;} .slides li img{ width:100%; height:auto;} .flex-control-nav{ position:absolute; height:25px; bottom:-30px; z-index:2; width:100%; text-align:center;} .flex-control-nav li{ display:inline-block; width:10px; height:10px; margin:0 3px; *display:inline; zoom:1;} .flex-control-nav a{ display:inline-block; width:10px; height:10px; line-height:40px; overflow:hidden; border-radius:100%;background:#999;cursor:pointer;} .flex-control-nav .flex-active{ border-radius:100%;background:#54565b;} .flex-direction-nav{ position:absolute; z-index:3; width:100%; top:50%; margin-top:-21px;} .flex-direction-nav li a{ display:block; width:42px; height:42px; overflow:hidden; cursor:pointer; position:absolute;} .flex-direction-nav li a.flex-prev{ display:none; left:10px;background:url(images/anyong_symbol/AF_Index_Icon_arrowL.png) center center no-repeat;} .flex-direction-nav li a.flex-next{ display:none;right:10px;background:url(images/anyong_symbol/AF_Index_Icon_arrowR.png) center center no-repeat;} /* 官網－最新消息 */ .Index_itemBox{ width:1260px; margin:0 auto; padding-bottom:15px;} .Index_News_L{ float:left; width:748px;} .Index_item_title{ width:100%; height:40px; border-bottom:#d0d0d0 1px solid;} .Index_item_title h3{ width:160px; font:15px/37px 微軟正黑體, Arial, Helvetica, sans-serif; color:#b82a41; background:url(images/anyong_symbol/AF_Index_Icon_diamond.png) 5px center no-repeat; border-bottom:#b82a41 3px solid; padding-left:33px;} .Index_News_table{ font:13px/40px 微軟正黑體, Arial, Helvetica, sans-serif;} .Index_News_line{ height:40px; border-bottom:#d0d0d0 1px dotted;} .Index_News_icon{ width:65px;} .Index_News_icon span{ display:block; width:65px; height:20px; text-align:center; color:#FFF; font:12px/20px Arial, Helvetica, sans-serif; -webkit-border-radius: 3px;-moz-border-radius: 3px; border-radius: 3px;} .Index_News_icon span.iconColor01{ background:url(images/anyong_symbol/AF_Index_NewsIconbg01.png) left top no-repeat;} .Index_News_icon span.iconColor02{ background:url(images/anyong_symbol/AF_Index_NewsIconbg02.png) left top no-repeat;} .Index_News_icon span.iconColor03{ background:url(images/anyong_symbol/AF_Index_NewsIconbg03.png) left top no-repeat;} .Index_News_date{ width:90px; text-align:center; color:#986b61; font-family:Arial, Helvetica, sans-serif;} .Index_News_word{ padding:0 15px;} .Index_News_wordBox{ width:100%; height:40px; overflow:hidden;} .Index_News_word a{ font:13px/40px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333;} .Index_News_R{ float:right; width:512px; height:240px; padding-top:40px;} .Index_News_R ul li{ float:left; width:246px; height:240px; margin-left:10px; border:#d0d0d0 1px solid; position:relative;} .Index_News_R ul li span{ display:block; width:244px; height:40px; position:absolute; left:0; bottom:0; background:#000; opacity:0.8; text-align:center; overflow:hidden;} .Index_News_R ul li a{ font:14px/40px 微軟正黑體, Arial, Helvetica, sans-serif; color:#FFF;} /* 官網－熱銷商品輪播 */ .Index_HotPbox{ width:1260px; height:230px;} .Index_HotShowBox{ width:100%; height:200px; border:#d0d0d0 1px solid; position:relative; overflow:hidden;} .Index_HotProducts{ width:100%; height:600px; position:absolute;} .Index_HotP{ float:left; width:25%; height:199px; border-right:#d0d0d0 1px solid;} .Index_HotP:last-child{ border-right:none;} .Index_HotP ul li{ float:left;} .Index_HotP ul li.Index_HotPword{ width:45%; padding:15px 15px 20px 15px;} .Index_HotPword span{ display:block; width:65px; height:20px; font:12px/20px Arial, Helvetica, sans-serif; text-align:center; color:#FFF; background:#b82a41;} .Index_HotPword h2{ width:100%; height:50px; overflow:hidden; margin:8px 0;} .Index_HotPword h2 a{ display:block; width:100%; height:50px; font:20px/25px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333; font-weight:bold;} .Index_HotPword p{ display:block; width:100%; height:74px; font:13px/18px 微軟正黑體, Arial, Helvetica, sans-serif; color:#b82a41; overflow:hidden;} .Index_HotP ul li.Index_HotPimg{ width:55%; padding-right:15px; padding-top:15px;} .Index_HotP ul li.Index_HotPimg a{ display:block; width:160px; height:160px;} .Index_HotP ul li.Index_HotPimg img{ width:100%; height:auto;} .Index_HotPbtnBox{ width:100%; height:30px; text-align:center;} .Index_HotPbtn{ width:60px; height:10px; margin:0 auto; padding-top:10px;} .Index_HotPbtn li{ float:left;} .Index_HotPbtn li a{ margin:0 5px;} .Index_HotPbtn li a{ display:block; width:10px; height:10px; background:url(images/anyong_symbol/AF_Index_Icon_dot.gif) left top no-repeat;} .Index_HotPbtn li a:hover{ display:block; width:10px; height:10px; background:url(images/anyong_symbol/AF_Index_Icon_dot.gif) left bottom no-repeat;} .Index_HotPbtn li a.selected{ display:block; width:10px; height:10px; background:url(images/anyong_symbol/AF_Index_Icon_dot.gif) left bottom no-repeat;} /* 官網－美味食譜 */ .Index_item_title2{ width:1200px; height:40px; border-bottom:#d0d0d0 1px solid; position:relative;} .Index_item_title2 h3{ width:180px; font:15px/37px 微軟正黑體, Arial, Helvetica, sans-serif; color:#b82a41; background:url(images/anyong_symbol/AF_Index_Icon_diamond.png) 5px center no-repeat; border-bottom:#b82a41 3px solid; padding-left:33px;} .Index_CookTop_btn{ position:absolute; top:10px; right:0;} .Index_CookTop_btn li{ float:left; margin-left:5px; display:block; width:20px; height:20px; font:13px/20px Arial, Helvetica, sans-serif; text-align:center; cursor:pointer;} .Index_CookTop_btn li:hover{ cursor:pointer;} .Index_CookTop_btn_selected{ background:#b82a41; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; color:#FFF;} .Index_CookBox{ width:1260px; height:360px; position:relative;} .Index_CookContent{ width:100%; height:360px; display:none; overflow:hidden; position:absolute; left:0; top:0;} .Index_Cookbg01{ background:url(images/anyong_symbol/Index_Cookbg01.jpg) right top no-repeat;} .Index_Cookbg02{ background:url(images/anyong_symbol/Index_Cookbg02.jpg) right top no-repeat;} .Index_Cookbg03{ background:url(images/anyong_symbol/Index_Cookbg03.jpg) right top no-repeat;} .Index_Cookbg04{ background:url(images/anyong_symbol/Index_Cookbg04.jpg) right top no-repeat;} .Index_Cookbg05{ background:url(images/anyong_symbol/Index_Cookbg05.jpg) right top no-repeat;} .Index_CookBook{ width:1200px; height:360px; border:#d0d0d0 1px solid; border-top:0; background:#FFF;} .Index_CookBook li{ float:left;} .Index_CookBook li.Index_CookBook_L{ width:630px; height:360px; position:relative;} .Index_CookBook li.Index_CookBook_L a img{ width:630px; height:auto;} .Index_CookBook li.Index_CookBook_L span{ display:block; width:135px; height:135px; position:absolute; left:0; top:0;} .Index_CookBook li.Index_CookBook_R{ width:370px; height:360px; padding:0 10px;} .Index_CookBook_R1{ width:100%; height:180px; border-bottom:#d0d0d0 1px dotted; overflow:hidden;} h3.Index_CookName a{ display:block; width:100%; height:45px; padding-left:50px; margin:5px 0; font:25px/45px 微軟正黑體, Arial, Helvetica, sans-serif; font-weight:bold; color:#555; background:url(images/anyong_symbol/Index_CookIcon_fish.png) left top no-repeat; overflow:hidden;} h3.Index_CookName a:hover{ display:block; width:100%; height:45px; padding-left:50px; margin:5px 0; font:25px/45px 微軟正黑體, Arial, Helvetica, sans-serif; font-weight:bold; color:#555; background:url(images/anyong_symbol/Index_CookIcon_fish.png) left top no-repeat; overflow:hidden; color:#986b61; text-decoration:none;} .Index_CookDetail01,.Index_CookDetail02{ font:13px/25px 微軟正黑體, Arial, Helvetica, sans-serif;} .Index_CookDetail01{ color:#b82a41;} .Index_CookDetail02{ color:#555;} .Index_CookBook_R2{ width:100%; height:180px;} .Index_CookBook_R2 > div{ float:left;} .Index_CookBook_R2 .Index_CookBook_Pimg{ width:45%;} .Index_CookBook_R2 .Index_CookBook_Pimg a{ display:block; width:150px; height:150px; padding:15px 10px 0 0;} .Index_CookBook_R2 .Index_CookBook_Pbuy{ width:55%;} .Index_CookBook_Pbuy h2.Index_Cookbuy_Name a{ display:block; width:100%; height:25px; margin:10px 0; font:20px/25px 微軟正黑體, Arial, Helvetica, sans-serif; font-weight:bold; color:#555; overflow:hidden;} .Index_CookBook_Pbuy h2.Index_Cookbuy_Name a:hover{ display:block; width:100%; height:25px; margin:10px 0; font:20px/25px 微軟正黑體, Arial, Helvetica, sans-serif; font-weight:bold; color:#986b61; text-decoration:none; overflow:hidden;} .Index_CookBook_Pbuy p.Index_Cookbuy_Detail{ display:block; width:100%; height:75px; font:13px/25px 微軟正黑體, Arial, Helvetica, sans-serif; overflow:hidden;} .Index_CookBook_Pbuy .Index_Cookbuy_Btn a{ display:block; width:130px; height:32px; background:url(images/anyong_symbol/Index_CookBtn_buy.png) left top no-repeat; text-indent:-9999px; margin-top:10px;} .Index_CookBook_Pbuy .Index_Cookbuy_Btn a:hover{ background-position:left bottom;} /* 購物網－廣告輪播 */ /*輪撥大區域*/ .lunhuan{ width:1050px; height:500px; position:relative; margin:0 auto; border:#d0d0d0 1px solid;} .lunhuan #lunhuanback{ float:left; width:792px; height:498px;} .lunhuan #lunhuanback a { display:block; width:792px; height:498px; position:absolute; left:0px; top:0px; opacity:0; filter:alpha(opacity=0);} .lunhuan #lunhuanback a img{ width:100%; height:auto;} /*輪播按鈕*/ #lunbonum{ height:60px; position:absolute;left:0; bottom:0; z-index:199;} #lunbonum li{ float:left; width:198px; height:60px; background:url(images/anyong_symbol/Store_ADbanner_btn.png) left top no-repeat; text-align:center; font:16px/60px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333; cursor:pointer;} #lunbonum .lunboone{ width:198px; height:60px; background:url(images/anyong_symbol/Store_ADbanner_btn.png) left bottom no-repeat;cursor:pointer;} /*右側商品圖*/ .suoyouliebiao{ float:right; width:256px; height:498px; border-left:#d0d0d0 1px solid; overflow:hidden;} .suoyouliebiao a{ display:block; width:261px; height:255px;} .suoyouliebiao img{ width:261px;} /*購物網-首推新品*/ .Store_itemBox{ max-width:1260px; margin:0 auto; padding-bottom:15px;} .Store_arrivalTitle{ width:100%; height:40px; border-bottom:#d0d0d0 1px solid; position:relative;} .Store_arrivalTitle h3{ width:230px; font:15px/37px 微軟正黑體, Arial, Helvetica, sans-serif; color:#b82a41; background:url(images/anyong_symbol/AF_Index_Icon_diamond.png) 5px center no-repeat; border-bottom:#b82a41 3px solid; padding-left:33px;} .Store_arrivalBtn{ position:absolute; top:12px; right:0;} .Store_arrivalBtn li{ float:left; margin-left:5px; display:block; width:20px; height:20px; font:13px/20px Arial, Helvetica, sans-serif; text-align:center; cursor:pointer;} .Store_arrivalBtn li:hover{ cursor:pointer;} .Store_arrivalContentBox{ max-width:1260px; height:300px;} .Store_arrivalContent{ max-width:1260px; min-width:686px; height:300px; display:none;} .Store_Content_L{ width:200px; height:300px; float:left;} .Store_Content_C{ max-width:804px; height:300px; border-bottom:#dbdbdb 1px solid; margin-left:200px; margin-right:256px;} .Store_Content_C > ul{ width:100%;} .Store_Content_C > ul >li{ float:left; display:block; border-right:#dbdbdb 1px dotted; width:33.3%; height:300px;} .Store_ContentProductBox{ max-width:190px; height:275px; padding:0 20px; padding-top:25px; margin:0 auto;} .Store_pImg{ max-width:150px; height:auto; margin-bottom:10px;} .Store_pImg a{ display:block; width:150px; height:150px; overflow:hidden;} .Store_pImg img{ width:100%; height:auto;} h2.Store_pName{ display:block; max-width:150px; height:40px; overflow:hidden;} h2.Store_pName a{ display:block; max-width:150px; height:40px; font:13px/20px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333; text-decoration:none;} h2.Store_pName a:hover{ font:13px/20px 微軟正黑體, Arial, Helvetica, sans-serif; color:#147abc; text-decoration:none;} .Store_pPrice01{ max-width:150px; height:30px; font:12px/30px Arial, Helvetica, sans-serif; color:#999; text-decoration:line-through;} .Store_pPrice02{ max-width:150px; height:35px;} .Store_pPrice02 ul li{ float:left;} li.Store_pPrice02_L{ display:block; max-width:50px; width:33%; font:13px/36px 微軟正黑體,Arial, Helvetica, sans-serif; color:#333;} li.Store_pPrice02_R{display:block; text-align:right; max-width:100px; width:66%; font:25px/35px Arial, Helvetica, sans-serif; color:#e82222;} li.Store_pPrice02_R span{ font-size:20px; margin-right:10px;} .Store_Content_R{ float:right; width:256px; height:300px; border-right:#dbdbdb 1px solid;} .Store_Content_R > ul{ width:255px; height:100px; padding:0 9px; padding-top:10px; border-bottom:#dbdbdb 1px solid;} .Store_Content_R > ul > li{ float:left;} li.Store_Content_R01{ width:100px; padding:0 10px;} li.Store_Content_R02{ width:137px; padding-right:10px;} .Store_pImg02{ width:80px; height:80px;} .Store_pImg02 a{ display:block; width:80px; height:80px; overflow:hidden;} .Store_pImg02 a img{ width:100%; height:auto;} h2.Store_pName02{ display:block; width:127px; height:36px; overflow:hidden;} h2.Store_pName02 a{ display:block; width:127px; height:36px; font:13px/18px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333; text-decoration:none;} h2.Store_pName02 a:hover{ font:13px/18px 微軟正黑體, Arial, Helvetica, sans-serif; color:#147abc; text-decoration:none;} .Store_pPrice03{ width:127px; height:20px; font:12px/20px Arial, Helvetica, sans-serif; color:#999; text-decoration:line-through;} .Store_pPrice04{ width:127px; height:25px;} .Store_pPrice04 ul li{ float:left;} li.Store_pPrice04_L{ display:block; width:45px; font:13px/25px 微軟正黑體,Arial, Helvetica, sans-serif; color:#333;} li.Store_pPrice04_R{display:block; text-align:right; width:82px; font:25px/25px Arial, Helvetica, sans-serif; color:#e82222;} li.Store_pPrice04_R span{ font-size:20px; margin-right:5px;} .Store_selected{ background:#b82a41; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; color:#FFF;} /*購物網-熱銷排行*/ .Store_rankContentBOX{ max-width:1260px; height:600px;} .Store_rankContent_L{ max-width:1200px; border-left:#dbdbdb 1px solid; margin-right:255px; height:600px;} .Store_rankContent_L > ul{ width:100%;} .Store_rankContent_L > ul > li{ float:left; display:block; width:24.96%; height:300px; border-right:#dbdbdb 1px dotted; border-bottom:#dbdbdb 1px solid;} .Store_rankContent_R{ width:256px; border-right:#dbdbdb 1px solid; float:right;} .Store_ranksaleIcon{ max-width:150px; height:auto; position:relative;} .Store_ranksaleIcon span{ display:block; width:31px; height:35px; position:absolute; top:0; left:10px; text-indent:-9999px; z-index:98;} .Store_rsIcon_no1{ background:url(images/anyong_symbol/icon_no1.png) left top no-repeat;} .Store_rsIcon_no2{ background:url(images/anyong_symbol/icon_no2.png) left top no-repeat;} .Store_rsIcon_no3{ background:url(images/anyong_symbol/icon_no3.png) left top no-repeat;} .Store_rsIcon_no4{ background:url(images/anyong_symbol/icon_no4.png) left top no-repeat;} .Store_rsIcon_no5{ background:url(images/anyong_symbol/icon_no5.png) left top no-repeat;} .Store_rsIcon_no6{ background:url(images/anyong_symbol/icon_no6.png) left top no-repeat;} .Store_rsIcon_no7{ background:url(images/anyong_symbol/icon_no7.png) left top no-repeat;} .Store_rsIcon_no8{ background:url(images/anyong_symbol/icon_no8.png) left top no-repeat;} .Store_rankContent_R ul li{ display:block; width:256px; height:300px; border-bottom:#dbdbdb 1px solid; border-right:#dbdbdb 1px solid} .Store_rankContent_R ul li img{ width:255px; height:299px;} /*購物網-熱銷商品*/ .Store_HotSale_btn{ max-width:1260px; height:40px; border-bottom:#dbdbdb 1px solid;} .Store_HotSale_btn ul{ max-width:1200px; height:40px; margin-right:255px;} .Store_HotSale_btn ul li{ float:left; width:25%;} .Store_HotSale_btn ul li a{ display:block; width:100%; height:40px; font:15px/40px 微軟正黑體,Arial, Helvetica, sans-serif; text-align:center; color:#555; border-bottom:#dbdbdb 1px solid;} .Store_HotSale_btn ul li a:hover{ display:block; width:100%; height:40px; font:15px/40px 微軟正黑體,Arial, Helvetica, sans-serif; color:#555; font-weight:bold; border-bottom:#b82a41 3px solid; text-decoration:none;} .Store_HotSale_btn ul li a.selected{ display:block; width:100%; height:40px; font:15px/40px 微軟正黑體,Arial, Helvetica, sans-serif; color:#555; font-weight:bold; border-bottom:#b82a41 3px solid; text-decoration:none;} .Store_HotSale_box{ max-width:1260px; min-width:686px; height:300px;} .Store_HotSale_L{ max-width:1200px; border-left:#dbdbdb 1px solid; margin-right:255px; height:300px;} .Store_HotSale_L > ul{ width:100%;} .Store_HotSale_L > ul > li{ float:left; width:24.96%; height:300px; border-right:#dbdbdb 1px dotted; border-bottom:#dbdbdb 1px solid;} .Store_HotSale_R{ float:right; width:256px; height:300px; border-right:#dbdbdb 1px solid;} .Store_HotSale_R > ul{ width:255px; height:100px; padding:0 9px; padding-top:10px;} .Store_HotSale_R > ul > li{ float:left;} .Store_ContentProductBox2{ max-width:190px; height:275px; padding:0 20px; padding-top:25px; margin:0 auto; position:relative;} .icon_hotsale{ display:block; width:36px; height:36px; position:absolute; top:10px; left:10px; z-index:99;} .Store_HotSale_All{ width:100%; height:300px;position:relative; overflow:hidden; border-bottom:#dbdbdb 1px solid;} .Store_HotSale_BigBox{ width:100%; height:1200px; position:absolute;} /*購物網-商品列表*/ .Page_itemBox{ width:100%; margin:0 auto;} .Store_PSearch_Top01,.Store_PSearch_Top01 img{ display:none; width:100%; height:auto;} .Store_PSearch_Top02{ width:100%; height:50px; border:#dbdbdb 0px solid; padding:0 10px; background-color:#fff;} .PSearch_Top_menuL{ float:left; margin-top:12px;} .PSearch_Top_menuL li{ float:left; display:block; height:25px; font:13px/25px 微軟正黑體,Arial, Helvetica, sans-serif; color:#333;} .PSearch_Top_menuL li a{ display:block; padding:0 20px 0 10px; border-right:#dbdbdb 0px solid; text-align:center; font:13px/25px 微軟正黑體,Arial, Helvetica, sans-serif; color:#333;} .PSearch_Top_menuL li a:hover{ color:#111; text-decoration:none;} .PSearch_Top_menuL li a.selected{ color:#111; text-decoration:none;} .PSearch_Top_menuR{ float:right;} .PSearch_Top_menuR li{ float:left; font:13px/40px 微軟正黑體,Arial, Helvetica, sans-serif; color:#333;} .PSearch_Top_menuR li select{ width:50px; height:25px; margin:0 10px;} .Store_PSearch_Plist{ width:100%;} .Store_PSearch_Pbox{　width:960px;　margin:0 auto;} .Store_PSearch_Pbox > li{ float:left; border:#f5f5f5 1px solid; margin:0 auto; margin:15px;} .Store_PSearch_Product{ width:150px; margin:0 auto; padding:20px 0;} .Store_pImg03{ width:150px; height:150px; margin-bottom:10px; position:relative; overflow:hidden;} .Store_pImg03 a{ display:block; width:150px; height:150px;} .Store_pImg03 img{ width:100%; height:auto;} .Store_Psearch_btn01{ display:none; width:150px; height:30px; background:url(images/anyong_symbol/Store_Psearch_btn01.png) left top no-repeat; text-indent:-9999px; position:absolute; left:0; bottom:0;} .Store_pPrice05{ width:100%; margin-top:10px;} .Store_pPrice05 ul li{ float:left; font-family:Arial, Helvetica, sans-serif; line-height:30px;} .Store_pPrice05 ul li.Store_pPrice05_L{ width:30%; font-size:13px; color:#333; text-decoration:line-through;} .Store_pPrice05 ul li.Store_pPrice05_R{ width:70%; color:#dc1717; font-size:30px; text-align:right;} .Store_pPrice05 ul li.Store_pPrice05_R span{ font-size:15px; margin-right:5px;} .PSearch_Top_menuL li.price-range-number{margin-top: 5px;} /*購物網-商品詳細頁*/ /*---上半部---*/ .AF_PDetail_Top{ width:100%;margin-bottom:20px; background-color:#fff; padding:10px;} /* 商品圖 */ .AF_PDetail_L{ float:left; width:420px;} .AF_PDetail_L01{ width:420px;} .tb-pic a{display:table-cell;text-align:center;vertical-align:middle;} .tb-pic a img{vertical-align:middle;} .tb-thumb{ margin:15px 0 15px 0;} .tb-thumb li{background:none repeat scroll 0 0 transparent;float:left;height:78px;} .tb-thumb li.AF_margin_right{ margin-right:7px;} .tb-s418, .tb-s418 a{ display:block; height:418px; width:418px; position:relative;} .AF_MagnifierImg{ display:block; width:50px; height:50px; background:url(images/anyong_symbol/AF_MagnifierImg.png) left top no-repeat; position:absolute; bottom:0px; right:0;} .tb-s418, .tb-s418 img{ height:418px; width:418px;} .tb-booth{ width:420px; height:420px; border:1px solid #dbdbdb; position:relative ;z-index:10;} .tb-thumb li div{ border:1px solid #dbdbdb;} div.zoomDiv{ z-index:500;position:absolute;top:-1px;left:0px;width:418px;height:418px;display:none;text-align:center;overflow:hidden;} div.zoomMask{ position:absolute;background:url("images/anyong_symbol/mask.png") repeat scroll 0 0 transparent;cursor:move;z-index:498;} /*ICON*/ .PDetail_L_Pnumber{ width:165px;} .AF_PDetail_L02{ width:420px; margin-bottom:15px;} .AF_PDetail_L02 ul{ width:100%; height:20px;} .AF_PDetail_L02 ul li{ float:left; margin-left:7px; font:12px/20px 微軟正黑體, Arial, Helvetica, sans-serif; color:#999;} .AF_PDetail_L02 ul li.PDetail_L02_icon01 a{ display:block; width:49px; height:20px; background:url(images/anyong_symbol/Store_Pdetail_btn_fb.png) left top; text-indent:-9999px;} .AF_PDetail_L02 ul li.PDetail_L02_icon02 a{ display:block; width:88px; height:20px; background:url(images/anyong_symbol/Store_Pdetail_btn_mail.png) left top; text-indent:-9999px;} .AF_PDetail_L02 ul li.PDetail_L02_icon03 a{ display:block; width:88px; height:20px; background:url(images/anyong_symbol/Store_Pdetail_btn_print.png) left top; text-indent:-9999px;} .AF_PDetail_L02 ul li.PDetail_L02_icon01 a:hover{ display:block; width:49px; height:20px; background:url(images/anyong_symbol/Store_Pdetail_btn_fb.png) left bottom; text-indent:-9999px;} .AF_PDetail_L02 ul li.PDetail_L02_icon02 a:hover{ display:block; width:88px; height:20px; background:url(images/anyong_symbol/Store_Pdetail_btn_mail.png) left bottom; text-indent:-9999px;} .AF_PDetail_L02 ul li.PDetail_L02_icon03 a:hover{ display:block; width:88px; height:20px; background:url(images/anyong_symbol/Store_Pdetail_btn_print.png) left bottom; text-indent:-9999px;} /*商品右側購買資訊*/ .AF_PDetail_R{ margin-left:430px; width:auto;} .AF_PDetail_Pname{ width:100%; height:auto; margin-bottom:5px;} .AF_PDetail_Pname h2{ font: bold 20px/30px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333;} .AF_PDetail_Pname h2 a{ font: bold 20px/30px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333; text-decoration:none;} .AF_PDetail_Pname h2 a:hover{ font: bold 20px/30px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333; text-decoration:none;} .AF_PDetail_Pdetail{ width:100%; height:auto; margin-bottom:5px;} .AF_PDetail_Pdetail h3{ font:13px/20px 微軟正黑體, Arial, Helvetica, sans-serif; color:#999;} .AF_PDetail_Pprice{ width:100%; height:151px; margin-bottom:10px; padding-bottom:15px; border-bottom:#dbdbdb 1px dotted;} .AF_PDetail_Pprice img{ display:block; width:150px; height:150px; float:right;} .AF_PDetail_Pprice p.AF_PDetail_Pprice01{ float:left; font:13px/25px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333; margin-top:35px;} .AF_PDetail_Pprice p.AF_PDetail_Pprice01 span{ font-size:15px; font-family:Century Gothic,Arial, Helvetica, sans-serif; margin-left:10px; text-decoration:line-through;} .AF_PDetail_Pprice p.AF_PDetail_Pprice02{ float: left; font:28px/28px Century Gothic,Arial, Helvetica, sans-serif; color:#fe0066;padding-left:15px; margin-top:30px;} .AF_PDetail_Pprice p.AF_PDetail_Pprice02 span{ font:33px/40px Arial, Helvetica, sans-serif; color:#fe0066;} .AF_PDetail_Pactivity{ width:100%; padding:10px 0;} .AF_PDetail_Pactivity img{ float:left;} .AF_PDetail_Pactivity a{ display:block; font:13px/25px 微軟正黑體, Arial, Helvetica, sans-serif; color:#b82a41; text-decoration:underline; margin-left:85px;} .AF_PDetail_Pactivity a:hover{ text-decoration:none;} .PDetail_PBOXcolor01{ border:#CCC 2px solid;} .PDetail_PBOXcolor02{ border:#1671b8 2px solid;} .AF_PDetail_Pcolor_R ul li span.sn_icon_ok{ display:block; width:12px; height:12px; background:url(images/anyong_symbol/Store_Pdetail_icon05.png) left top no-repeat; position:absolute; bottom:0; right:0; z-index:350;} .Pcolor_active{ border:#b82a41 2px solid; margin-right:10px;} .AF_PDetail_Psize{ width:100%; height:30px; margin:10px 0;} .AF_PDetail_Psize_L{ float:left; width:70px; font:13px/30px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333;} .AF_PDetail_Psize_R{ width:100%;} .AF_PDetail_Psize_R ul li{ float:left; display:block; font:13px/26px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333; height:30px; padding:0 10px; margin-right:10px; position:relative; cursor: pointer;} .AF_PDetail_Psize_R ul li span{ display:block; width:12px; height:12px; background:url(images/anyong_symbol/Store_Pdetail_icon05.png) left top no-repeat; position:absolute; bottom:0; right:0; z-index:350; display:none;} .Psize_active{ border:#b82a41 2px solid; margin-right:10px;} .AF_PDetail_Weight{ width:100%; height:30px; margin:15px 0;} .AF_PDetail_Wnum_L{ float:left; width:70px; font:13px/30px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333;} .AF_PDetail_Wnum_R{ width:100%;} .AF_PDetail_Wnum_R select{height:25px; font:13px/30px 微軟正黑體, Arial, Helvetica, sans-serif;} .AF_PDetail_Pnum{ width:100%; height:30px; margin:15px 0;} .AF_PDetail_Pnum_L{ float:left; width:70px; font:13px/30px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333;} .AF_PDetail_Pnum_R{ width:100%;} .AF_PDetail_Pnum_R select{ width:50px; height:25px; font:13px/30px 微軟正黑體, Arial, Helvetica, sans-serif;} .AF_PDetail_Pbuybtn{ width:100%; height:73px; margin:15px 0; border-top:#dbdbdb 1px dotted; padding:15px 0;} .AF_PDetail_Pbuybtn ul{ height:53px;} .AF_PDetail_Pbuybtn ul li{ float: right; width:190px; height:53px;} .AF_PDetail_Pbuybtn ul li.AF_PDetail_PbuybtnL{ margin-right:10px;} .AF_PDetail_Pbuybtn01 a,.AF_PDetail_Pbuybtn02 a{ display:block; width:190px; height:50px; font:20px/50px 微軟正黑體, Arial, Helvetica, sans-serif; color:#FFF; text-align:center; background:#dd1212; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} .AF_PDetail_Pbuybtn01 a:hover,.AF_PDetail_Pbuybtn02 a:hover{ background:#f54b4b; text-decoration:none;} .AF_PDetail_Pbuybtn03 a{ display:block; width:190px; height:50px; font:20px/50px 微軟正黑體, Arial, Helvetica, sans-serif; color:#FFF; text-align:center; background:#878787; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} .AF_PDetail_Pbuybtn03 a:hover{ background:#a3a3a3; text-decoration:none;} .AF_PDetail_Pbuybtn04 a{ display:block; width:190px; height:50px; font:20px/50px 微軟正黑體, Arial, Helvetica, sans-serif; color:#FFF; text-align:center; background:#1671b8; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} .AF_PDetail_Pbuybtn04 a:hover{ background:#1c8fe7; text-decoration:none;} .AF_PDetail_Ppay{ width:100%; height:20px; margin:15px 0;} .AF_PDetail_Ppay_L{ float:left; width:70px; font:13px/20px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333;} .AF_PDetail_Ppay_R{ width:100%;} .AF_PDetail_Ppay_R ul li{ float:left; display:block; height:20px; margin-right:5px;} .AF_PDetail_Ptransport{ width:100%; height:20px; margin:15px 0;} .AF_PDetail_Ptransport_L{ float:left; width:70px; font:13px/20px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333;} .AF_PDetail_Ptransport_R{ width:100%;} .AF_PDetail_Ptransport_R ul li{ float:left; display:block; height:20px; margin-right:5px;} .AF_PDetail_Ppremiums{ width:100%; margin:15px 0; height:75px; border-top:#dbdbdb 1px dotted; padding:15px 0;} .AF_PDetail_Ppremiums p{ float:left; display:block; width:80px; font:bold 13px/30px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333;} .AF_PDetail_Ppremiums ul{ width:100%; height:60px;} .AF_PDetail_Ppremiums01{ float:left; width:70px; height:60px;} .AF_PDetail_Ppremiums01 img{ border:#CCC 1px solid; width:60px; height:60px;} .AF_PDetail_Ppremiums02{ width:100%; height:60px; font:13px/60px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333;} /*---下半部---*/ /*標題02*/ .PDetail_witemBox2{ width:auto; margin-bottom:35px; background-color:#fff;} .PDetail_witemBox2 h3.PDetail_witemTitle2{ width:100%; font:20px/41px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333;} /*商品加購區*/ ul.AF_PDetail_addbuyBox{ width:100%;} ul.AF_PDetail_addbuyBox > li{ float:left; width:198px;} .AF_PDetail_addpBox{ width:150px; margin:0 auto; margin-bottom:20px;} .AF_PDetail_addp01{ width:150px; height:150px; padding-top:15px;} .AF_PDetail_addp01 img{ width:150px; height:150px;} .AF_PDetail_addp02{ width:150px; height:40px; margin:0 auto; overflow:hidden;} .AF_PDetail_addp02 a{ font:13px/20px 微軟正黑體, Arial, Helvetica, sans-serif; text-decoration:none; color:#333; display:block;} .AF_PDetail_addp02 a:hover{ font:13px/20px 微軟正黑體, Arial, Helvetica, sans-serif; text-decoration:underline; color:#147abc;} .AF_PDetail_addp03{ text-align:left; font:13px/30px Arial, Helvetica, sans-serif; color:#555; text-decoration:line-through;} .AF_PDetail_addp04{ width:150px; height:35px; border-bottom:#dbdbdb dotted 1px;} .AF_PDetail_addp04 ul li{ float:left;} .AF_PDetail_addp04_1{ display:block; width:50px; font:13px/36px 微軟正黑體,Arial, Helvetica, sans-serif; color:#e82222;} .AF_PDetail_addp04_2{ display:block; text-align:right; width:100px; font:25px/35px Arial, Helvetica, sans-serif; color:#e82222;} .AF_PDetail_addp04_2 span{ font-size:20px; margin-right:10px;} .AF_PDetail_addp05{ width:150px; height:30px; margin-top:10px;} .AF_PDetail_addp05 ul li{ float:left; font:13px/30px 微軟正黑體,Arial, Helvetica, sans-serif; color:#333;} .AF_PDetail_addp05_1{ width:90px;} .AF_PDetail_addp05_2{ width:60px;} .AF_PDetail_addp05 select{ width:65px; height:30px; font:13px/30px 微軟正黑體, Arial, Helvetica, sans-serif;} .AF_PDetail_addp05 input{ margin-left:10px;} .AF_PDetail_Pbuybtn05{ width:100%; height:50px; position:relative; margin-bottom:20px;} .AF_PDetail_Pbuybtn05 a{ display:block; width:190px; height:53px; background:url(images/anyong_symbol/Store_Pdetail_btn_addcart.png) left top no-repeat; text-indent:-9999px; position:absolute; top:0; right:0;} .AF_PDetail_Pbuybtn05 a:hover{ display:block; width:190px; height:53px; background:url(images/anyong_symbol/Store_Pdetail_btn_addcart.png) left bottom no-repeat; text-indent:-9999px;} .AF_PDetail_Pbuybtn06{ width:100%; height:50px; position:relative; margin-bottom:20px;} .AF_PDetail_Pbuybtn06 a{ display:block; width:190px; height:53px; background:url(images/anyong_symbol/Store_Pdetail_btn_buynow.png) left top no-repeat; text-indent:-9999px; position:absolute; top:0; right:0;} .AF_PDetail_Pbuybtn06 a:hover{ display:block; width:190px; height:53px; background:url(images/anyong_symbol/Store_Pdetail_btn_buynow.png) left bottom no-repeat; text-indent:-9999px;} .AF_margin_bottomW10{ margin-bottom:10px;} /*.AF_IMGicon_speaker{ background:url(images/anyong_symbol/Store_Pdetail_icon06.png);} .AF_IMGicon_speaker2{ background:url(images/anyong_symbol/Store_Pdetail_icon07.png);}*/ .AF_product_detail{ width:100%; height:auto; padding: 15px 15px 30px 15px; font:13px/30px 微軟正黑體, Arial, Helvetica, sans-serif; color:#666;} .AF_product_detail img{ max-width:100%; height:auto;} .AF_product_detail ul{ width:100%; list-style-type:disc; padding-left:15px;} .AF_PDetail_Bottom{ width:100%;} /*左欄活動行銷元件*/ .Page_ProductSale{ padding-top:10px;} .Page_ProductSale li{ display:block; width:100%; height:25px; background:url(images/anyong_symbol/Store_Psale_icon01.gif) 10px 10px no-repeat;} .Page_ProductSale li a{ padding-left:25px; width:100%; font:13px/25px 微軟正黑體, Arial, Helvetica, sans-serif; color:#1671b8;} /* 註冊步驟 */ .AF_Register{ width:100%; height:50px; border-bottom:#f2f2f2 3px solid;margin-bottom:50px;} .AF_RegisterStepBox{ width:1200px; height:55px; margin:0 auto;} .AF_RegisterStepBox ul li{ float:left; font:18px/30px 微軟正黑體, Arial, Helvetica, sans-serif; width:25%; height:50px; padding-top:12px;} ul.AF_RegisterStep li span{ font:20px/30px Arial, Helvetica, sans-serif; margin:0 5px; } ul.AF_RegisterStep li span.AF_RegisterStep_final{ float:left; display:block; width:40px; height:43px; background-repeat:no-repeat; background-position:left top;} .AF_RegisterStepbg01{ color:#555;} .AF_RegisterStepbg02{ color:#c8c8c8;} .AF_RegisterStepbg03{ color:#555;} .AF_RegisterStepbg04{ color:#c8c8c8;} .AF_RegisterStepLine{ height:50px; border-bottom:#C71810 3px solid;} .AF_RegisterStepLine span{ color:#C71810;} /* 會員登入(一般)-150226新增 */ .AF_Member_LoginPage{ width:526px; margin:0 auto; padding-top:50px;} .AF_Member_LoginTitle{ width:100%; font:18px/40px 微軟正黑體, Arial, Helvetica, sans-serif; color:#555; height:40px; padding-left:5px;} .AF_Member_LoginTitle span{ font: 25px/40px Arial,Helvetica,sans-serif; color:#555; margin:0 10px 0 5px;} .AF_Member_LoginContent{ width:520px; padding:10px 0 30px 0; border:#d1d1d1 3px solid; background-color:#fff;} ul.AF_Member_LoginBox{ width:460px; margin:0 auto; padding-bottom:25px;} ul.AF_Member_LoginBox li{ float:left;} .AF_Member_Login_L{ width:310px; font:15px/30px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333;} .AF_Member_Input100{ width:100%; height:30px; padding:0 5px;} .AF_Member_Input90{ width:90px; height:30px; padding:0 5px;} .AF_attest_number input,.AF_attest_number img{ float:left;} .AF_attest_number img{ display:block; width:72px; height:20px; margin:0 10px; margin-top:5px;} .AF_attest_number a{font:15px/30px 微軟正黑體, Arial, Helvetica, sans-serif; color:#c8a143; text-decoration:underline;} .AF_attest_number a:hover{font:15px/30px 微軟正黑體, Arial, Helvetica, sans-serif; color:#c8a143; text-decoration:none;} .AF_Member_Login_R{ width:150px; padding-top:32px;} .AF_Member_Login_R input{ display:block; width:150px; height:90px; background:url(images/anyong_symbol/Member_Btn_login.png) left top no-repeat; border:0; cursor:pointer; text-indent:-9999px;} .AF_Member_Login_R input:hover{background:url(images/anyong_symbol/Member_Btn_login.png) left bottom no-repeat;} .AF_Member_Login_Rin{ font:14px/30px Arial, Helvetica, sans-serif; color:#bbb; margin-top:30px;} .AF_Member_Login_Rin a{ font:14px/30px 微軟正黑體, Arial, Helvetica, sans-serif; color:#666; margin:0 3px;} .AF_Member_Login_Rin a:hover{ font:14px/30px 微軟正黑體, Arial, Helvetica, sans-serif; color:#555; margin:0 3px;} .AF_Member_LoginOther{ width:460px; margin:0 auto; font:15px/30px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333; padding-top:10px; border-top:#d1d1d1 1px dotted;} .AF_Member_Login_FB a{ display:block; width:225px; height:53px; background:url(images/anyong_symbol/Member_Btn_FBlogin.png) left top no-repeat; text-indent:-9999px;} .AF_Member_Login_FB a:hover{ background:url(images/anyong_symbol/Member_Btn_FBlogin.png) left bottom no-repeat;} .AF_Member_Login_fgPW a{ display:block; height:30px; float:right; background:url(images/anyong_symbol/Member_Icon_forget.png) left center no-repeat; padding-left:18px; font:14px/30px 微軟正黑體, Arial, Helvetica, sans-serif; color:#666;} /*========== 溫層購物車(150715新增)===============*/ /*========== 購物車流程 ==========*/ .AY_ShoppingCartStep_BOX{ width:100%; height:80px; border-bottom:5px #f2f2f2 solid; margin-bottom:20px;} .AY_ShoppingCartStep{ width:990px; height:80px; margin:0 auto;} .AY_ShoppingCartStep ul li{ float:left; width:25%; height:80px; font:18px/30px 微軟正黑體, Arial, Helvetica, sans-serif; padding-top:35px;} .AY_ShoppingCartStep ul li span{ margin-right:10px; font:25px/30px Arial, Helvetica, sans-serif;} .AY_WORDcolor_gray{ color:#c8c8c8;} .AY_WORDcolor_black{ color:#333;} .AY_WORDcolor_blue{ color:#f36e20;} .AY_LINEcolor_blue{ border-bottom:5px #C71810 solid;} .AY_ShoppingCart_BOX{ margin:0 auto; margin-bottom:15px; width:100%; background:#FFF;border: 1px solid #d9d9d9;} .AY_ShoppingCart_BOX2{ margin:0 auto; margin-bottom:15px; width:100%; padding:10px 0 15px 0;} .AY_ShoppingBox_W01{ width:10%;} .AY_ShoppingBox_W02{ width:30%;} .AY_ShoppingBox_W03{ width:40%;} .AY_SCInput_W100{ width:100px; height:30px; font:14px/30px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333; padding:0 5px;} .AY_SCInput_W150{ width:150px; height:30px; font:14px/30px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333; padding:0 5px;} .AY_SCSelect_W150{ width:150px; height:30px; font:14px/30px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333;} /*購物車第一步驟*/ .AY_ShoppingCart_title{ font:15px/42px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333; padding-left:20px;} .AY_SCart_title_color11{ width:100%; height:42px; border-top:3px #00a5e3 solid; border-bottom:1px #d9d9d9 dotted; background:#eefcff;} .AY_SCart_title_color10{ width:100%; height:42px; border-top:3px #5cb463 solid; border-bottom:1px #d9d9d9 dotted; background:#eefff8;} .AY_SCart_title_color3{ width:100%; height:42px; border-top:3px #f7813e solid; border-bottom:1px #d9d9d9 dotted; background:#fff4df;} .AY_ShoppingBox_title{ font:15px/40px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333; background:#f7f7f7;} .AY_ShoppingBox_title ul li{ float:left; text-align:center;} .AY_SBox_content01{ border-bottom:1px #d9d9d9 dotted; font:14px/20px 微軟正黑體, Arial, Helvetica, sans-serif;} .AY_SBox_content01 ul li{ float:left; text-align:center;} .AY_SB_mainproduct ul li{ float:left;} .AY_SB_mainproduct_L{ width:40%;} .AY_SB_mainproduct_L a{ display:block; width:90px; height:90px; overflow:hidden;} .AY_SB_mainproduct_L a img{ width:100%; height:auto;} .AY_SB_mainproduct_R{ width:60%; padding:10px 0;} .AY_SB_mainproduct_R h3{ text-align:left;} .AY_SB_mainproduct_R h3 img{ float:left; margin-right:10px;} .AY_SB_mainproduct_R h3 a{ font:14px/27px 微軟正黑體, Arial, Helvetica, sans-serif; color:#ed2d4c;} .AY_SB_mainproduct_R h2{ text-align:left; font:14px/20px 微軟正黑體, Arial, Helvetica, sans-serif; margin-top:5px; clear:both;} .AY_SB_mainproduct_R h2 a{ font:14px/20px 微軟正黑體, Arial, Helvetica, sans-serif; color:#147abc;} .AY_SB_mainproduct_R2{ width:75%;} .AY_SB_mainproduct_R2 h2{ font:14px/20px 微軟正黑體, Arial, Helvetica, sans-serif; text-align:left; clear:both;} .AY_SB_mainproduct_R2 h2 img{ float:left; margin-right:10px; margin-top:10px;} .AY_SB_mainproduct_R2 h2 a{ display:block; padding-top:12px; color:#147abc;} .AY_SB_temperature img{ margin-top:36px;} .AY_SB_specification p{ margin-top:40px;} .AY_SB_specification select{ width:80px; height:30px; border:1px #d9d9d9 solid; font:14px/30px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333; margin-top:35px;} .AY_SB_quantity p{ margin-top:40px;} .AY_SB_quantity select{ width:60px; height:30px; border:1px #d9d9d9 solid; font:14px/30px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333; margin-top:35px;} .AY_SB_quantity2 select{ width:60px; height:30px; border:1px #d9d9d9 solid; font:14px/30px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333; margin-top:10px;} .AY_SB_nivalent p{ margin-top:40px;} .AY_SB_price p{ margin-top:40px;} .AY_SB_delete a{ display:block; width:25px; height:25px; margin:0 auto; margin-top:38px; background:url(images/anyong_new/AY_icon_delete.png) left top no-repeat; text-indent:-9999px;} .AY_SB_delete a:hover{ background:url(images/anyong_new/AY_icon_delete.png) left bottom no-repeat;} .AY_SB_delete2 a{ display:block; width:25px; height:25px; margin:0 auto; margin-top:15px; background:url(images/anyong_new/AY_icon_delete.png) left top no-repeat; text-indent:-9999px;} .AY_SB_delete2 a:hover{ background:url(images/anyong_new/AY_icon_delete.png) left bottom no-repeat;} .AY_SBox_content02{ border-bottom:1px #d9d9d9 dotted; font:14px/50px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333; background:#fffcdf;} .AY_SBox_content02 ul li{ float:left; text-align:center;} .AY_SBox_content03{ width:100%; height:50px; position:relative;} .AY_SBox_content03 p{ font:15px/50px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333; text-align:right; position:absolute; right:168px;} .AY_SBox_content03 p span{ color:#ed2d4c; margin-left:15px;} .AY_ShoppingCart_BOX2 .AY_SC_Bottom_L{ float:left; width:35%; padding-left:18px; text-align:left;} .AY_ShoppingCart_BOX2 .AY_SC_Bottom_R{ float:right; width:65%; padding-right:168px; text-align:right;} .AY_SC_Bottom_L ul li{ font:14px/30px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333;} .AY_SC_Bottom_L ul li span{ margin:0 5px; color:#ed2d4c;} .AY_SC_Bottom_L ul li h5{ font:15px/40px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333;} .AY_SC_Bottom_L ul li img{ float:left; margin-right:10px;} .AY_SC_Bottom_R ul li h5{ font:15px/40px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333;} .AY_SC_Bottom_R ul li h5 span{ margin-left:15px; color:#ed2d4c;} .AY_SC_Bottom_R ul li p{ font:13px/18px 微軟正黑體, Arial, Helvetica, sans-serif; color:#ff7200;} .AY_SC_Bottom_R ul li h3{ font:15px/40px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333;} .AY_SC_Bottom_R ul li h3 span.AY_SC_Bottom_R_Price01{ font:20px/50px Arial, Helvetica, sans-serif; margin-left:15px; color:#ed2d4c;} .AY_SC_Bottom_R ul li h3 span.AY_SC_Bottom_R_Price02{ font:30px/50px Arial, Helvetica, sans-serif; margin-left:5px; color:#ed2d4c;} .AY_SC_Bottom_Btn{ width:100%; height:50px; clear:both; padding:0 5px;} .AY_SC_Bottom_Btn ul li{ float:right;} .AY_btn_checkout input{ display:block; width:140px; height:40px; background:url(images/kerrygo_symbol/btn_next_step.png) left top no-repeat; cursor:pointer; border:0; margin-right:10px;} .AY_btn_continuebuy input{ display:block; width:140px; height:40px; background:url(images/kerrygo_symbol/btn_back_shopping.png) left top no-repeat; cursor:pointer; border:0; margin-right:10px;} .AY_btn_checkout input:hover,.AY_btn_continuebuy input:hover{ background-position:left bottom;} /*購物車第二步驟*/ .AY_btn_getcoupon{ width:100px; height:25px; font:14px/25px 微軟正黑體, Arial, Helvetica, sans-serif; color:#FFF; background:#f73873; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border:0; cursor:pointer;} .AY_btn_getcoupon:hover{ background:#fc5689;} .AY_SC_Bottom_R ul li a{ font:13px/18px 微軟正黑體, Arial, Helvetica, sans-serif; color:#147abc;} .AY_btn_backtoback input{ display:block; width:190px; height:50px; background:url(images/anyong_new/AY_btn_backtoback.png) left top no-repeat; text-indent:-9999px; cursor:pointer; border:0; margin-right:10px;} .AY_btn_aconfirmation input{ display:block; width:190px; height:50px; background:url(images/anyong_new/AY_btn_aconfirmation.png) left top no-repeat; text-indent:-9999px; cursor:pointer; border:0; margin-right:10px;} .AY_SBox_content03_1{ width:100%; height:50px; position:relative;} .AY_SBox_content03_1 p{ font:15px/50px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333; text-align:right; position:absolute; right:48px;} .AY_SBox_content03_1 p span{ color:#ed2d4c; margin-left:15px;} .AY_ShoppingCart_BOX2 .AY_SC_Bottom_R_1{ float:right; width:50%; padding-right:48px; text-align:right;} .AY_SC_Bottom_R_1 ul li h5{ font:15px/40px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333;} .AY_SC_Bottom_R_1 ul li h5 span{ margin-left:15px; color:#ed2d4c;} .AY_SC_Bottom_R_1 ul li p{ font:13px/18px 微軟正黑體, Arial, Helvetica, sans-serif; color:#ff7200;} .AY_SC_Bottom_R_1 ul li h3{ font:15px/40px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333;} .AY_SC_Bottom_R_1 ul li h3 span.AY_SC_Bottom_R_Price01{ font:20px/50px Arial, Helvetica, sans-serif; margin-left:15px; color:#ed2d4c;} .AY_SC_Bottom_R_1 ul li h3 span.AY_SC_Bottom_R_Price02{ font:30px/50px Arial, Helvetica, sans-serif; margin-left:5px; color:#ed2d4c;} /*購物車第三步驟*/ .AY_SC_OrderNumber{ max-width:1200px; margin:0 auto; text-align:center; font:15px/50px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333; background:#f6f6f6;} .AY_img_ordersuccess{ width:282px; height:152px; margin:0 auto; background:url(images/kerrygo_symbol/img_shoppingcart_auccess.gif) left top no-repeat; text-indent:-9999px; margin-bottom:20px;} .AY_SC_OrderDetail{ font:14px/45px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333;} .AY_SC_OrderDetail_L{ padding-right:15px;} .AY_SC_OrderDetail_R{ padding-left:15px;} .AY_SC_OrderDetail tr{ border-bottom: 1px dotted #eaeaea;} .AY_SC_OrderDetail tr:first-child{ border-bottom: 1px solid #eaeaea; border-top: 2px solid #eaeaea;} .AY_SC_OrderDetail tr:last-child{ border-bottom:0;} .AY_SC_Bottom2_Btn{ max-width:1200px; margin:0 auto;} .AY_btn_printpage{ float:right;} .AY_btn_printpage input{ display:block; width:140px; height:40px; background:url(images/kerrygo_symbol/btn_print.png) left top no-repeat; text-indent:-9999px; cursor:pointer; border:0;} .AY_btn_printpage input:hover{ background-position:left bottom;} /*領取折價券小視窗*/ .AY_SC_BonusEnter_box{ width:500px; margin:0 auto; font:14px/40px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333; background:#FFF; border: 1px solid #eaeaea;} .AY_SC_BonusEnter_title{ font:15px/45px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333; padding-left:10px; background:#f6f6f6;} .AY_SC_BonusEnter_L{ padding-right:15px;} .AY_SC_BonusEnter_R{ padding-left:15px;} .AY_SC_BonusEnter_R span{ margin:0 5px;} .AY_SC_BonusEnter_R img{ display:block; float:left; margin:0 8px; width:72px; height:20px; margin-top:12px;} .AY_SC_BonusEnter_R .AY_SCInput_W100{ float:left; margin-top:7px;} .AY_SC_BonusEnter_R a{ color:#b17835;} .AY_SC_BonusEnter_btn{ padding:10px;} /*========== 頁碼(通用) ==========*/ .AF_b_page{ width:100%; height:80px; text-align:center;} ul.AF_pageBox{ display:inline-block;} ul.AF_pageBox li{ float:left;} li.AF_page_prev a, li.AF_page_next a{ display:block; padding:0 15px; border:#e5e5e5 1px solid; font:13px/35px 微軟正黑體, Arial, Helvetica, sans-serif; text-decoration:none; color:#b38b81;} li.AF_page_prev a:hover, li.AF_page_next a:hover{ display:block; padding:0 15px; border:#e5e5e5 1px solid; font:13px/35px 微軟正黑體, Arial, Helvetica, sans-serif; text-decoration:none; color:#999; background:#efefef;} li.AF_page_num a{ display:block; padding:0 15px; border:#e5e5e5 1px solid; border-left:none; font:13px/35px Arial, Helvetica, sans-serif; text-decoration:none; color:#b38b81;} li.AF_page_num a:hover{ display:block; padding:0 15px; border:#e5e5e5 1px solid; border-left:none; font:13px/35px Arial, Helvetica, sans-serif; text-decoration:none; color:#999; background:#efefef;} li.AF_c_page_num a{ display:block; padding:0 15px; border:#e5e5e5 1px solid; border-left:none; font:13px/35px Arial, Helvetica, sans-serif; text-decoration:none; color:#999; background:#efefef;} li.AF_page_break{ font:15px/35px Arial, Helvetica, sans-serif; color:#555; margin:0 10px;} /*JOO商品列表*/ .productFlow{ background:#fff; padding:25px;} .AY_product250_box{ max-width:280px; position:relative; margin:0 auto; padding:15px; background-color:#fff; border:1px #fff solid;} /*.AY_product250_shadow::before{ bottom:25px; content:""; box-shadow:0 17px 17px rgba(0, 0, 0, 0.54); height:60px; max-height:50%; position:absolute; left:9px; transform:rotate(-4deg) skew(-8deg); width:60%; z-index:-1;} .AY_product250_shadow::after { bottom:25px; content:""; box-shadow:0 17px 17px rgba(0, 0, 0, 0.54); height:60px; max-height:50%; position:absolute; right:9px; transform:rotate(4deg) skew(8deg); width:60%; z-index:-1;}*/ .AY_product250_img{ width:250px; height:250px; overflow:hidden; position:relative;} .AY_product250_img > a{ display:block; width:250px; height:250px; position:absolute; left:0; top:0;} .AY_product250_img img{ width:100%; height:auto; transition:all 0.3s ease-out;} .AY_product250_box:hover{ background-color:#fff; border:1px #54565b solid;} .AY_product250_box:hover .AY_product250_img img{ transform:scale(1.1);} .AY_product250_imgbg{ display:block; width:100%; height:32px; margin:10px 0;} .AY_btn_addlist,.AY_btn_addcart{ float:right; width:24px; height:24px; text-indent:-9999px; margin-left:10px;} .AY_btn_addlist:hover,.AY_btn_addcart:hover{ background-position:0 24px;} .AY_btn_addlist{ background-image:url(joop_btn_addlist.png); left:0;} .AY_btn_addcart{ background-image:url(joop_btn_addcart.png); right:0;} .AY_btn_addlist_active{ background-position:0 24px;} .AY_product250_name{ display:block; width:100%; font:15px/20px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333; height:40px; overflow:hidden; margin-top:10px; text-align:left;} .AY_product250_name a{ font:15px/20px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333;} .AY_product250_name a:hover{ font:15px/20px 微軟正黑體, Arial, Helvetica, sans-serif; color:#54565b;} .AY_product250_price{ width:100%;} .AY_product250_price li{ float:left; font-family:Arial, Helvetica, sans-serif; line-height:35px;} .AY_product250_price li.AY_product250_price_L{ display:none; width:35%; color:#999; font-size:18px; text-decoration:line-through; text-align:left;} .AY_product250_price li.AY_product250_price_R{ font-family:Century Gothic, Verdana, Geneva, sans-serif; width:100%; color:#fe0066; font-size:28px; text-align:left;} .AY_product250_price li.AY_product250_price_R span{font-family:Century Gothic, Verdana, Geneva, sans-serif; font-size:20px; margin-right:5px;} /*Pet Cuisine-150731新增*/ /* 版頭 */ .pet_TopBox{ width:100%; /*height:108px;*/ border-top:3px solid #54565b; /*margin-bottom:15px;*/} .pet_TopBox .pet_Top{ width:1200px; margin:0 auto;} .pet_TopBox .pet_Top .md_top_logo a{ float:left; display:block; width:250px; height:105px;} .pet_TopBox .pet_Top .md_top_logo a img{display:block;width:250px; height:105px;} .pet_TopContents{ float:right; width:950px; position:relative;} .pet_TopContents .pet_TopContents_T{ width:100%; height:55px; padding-top:7px;} .pet_TopContents .pet_TopContents_T > ul > li{ float:right;} .pet_TopMenu li{ float:left; font:12px/30px 微軟正黑體, Arial, Helvetica, sans-serif; color:#999999;} .pet_TopMenu li a{ display:block; font:13px/30px 微軟正黑體, Arial, Helvetica, sans-serif; color:#999999; background-position:10px top; background-repeat:no-repeat; padding:0 5px 0 30px;} .pet_TopMenu li a:hover{ color:#54565b;} .pet_TopMenu li.style01_member_f a{ background-size: 23px !important; background:url(jo_icons_fff.png) 4px 3px no-repeat;} .pet_TopMenu li.style01_member_l a{ background-size: 23px !important; background:url(jo_icons_l.png) 4px 3px no-repeat;} .pet_TopMenu li.style01_member_G a{ background-size: 23px !important; background:url(jo_icons_g.png) 4px 3px no-repeat;} .pet_TopMenu li.pet_TopMenu_01 a{ background-image:url(pet_TopIcon01.png);} .pet_TopMenu li.pet_TopMenu_02 a{ padding-left:5px;} .pet_TopSearch{ margin-right:10px;} .pet_TopSearch input{ float:left;} .pet_TopSearch{ width:200px; height:30px; background:url(pet_TopSearch.png) left top no-repeat;} .pet_TopSearch input.pet_TopSearch01{ display:block; width:165px; height:30px; font:13px/30px 微軟正黑體, Arial, Helvetica, sans-serif; color:#999999; background:none; border:0; padding:0 10px;} .pet_TopSearch input.pet_TopSearch02{ display:block; width:35px; height:30px; background:none; border:0; cursor:pointer;} .pet_TopKeyword{ font:13px/30px 微軟正黑體, Arial, Helvetica, sans-serif; margin-right:5px;} .pet_TopKeyword span{ font:13px/30px 微軟正黑體, Arial, Helvetica, sans-serif; color:#006680; margin-right:5px;} .pet_TopKeyword a{ font:13px/30px 微軟正黑體, Arial, Helvetica, sans-serif; color:#999999; margin:0 5px;} .pet_TopKeyword a:hover{ color:#54565b;} .pet_TopContents_B{ width:100%; height:40px; margin-top:15px;} .pet_TopContents_B.clearfix {position: relative;} .pet_TopContents_B > ul > li{ display:inline-block; /*margin:0 14px;*/ position:relative;} .pet_TopContents_B > ul > li > a{ display:flex; font-size:15px; line-height:40px; text-align:center; color:#414141; padding:0 19px;} .pet_TopContents_B > ul > li:hover > a{ color:#414141;} .pet_TopContents_B > ul > li:after{width:100%; background-color:#414141; bottom:0; content:" "; height:1px; left:0; position:absolute; transform:scaleX(0); -webkit-transition:all 0.6s ease 0s;-moz-transition:all 0.6s ease 0s; -ms-transition:all 0.6s ease 0s; transition:all 0.6s ease 0s; z-index: 2;} .pet_TopContents_B > ul > li:hover:after{ transform: scaleX(1); } .menu_open{ display:none; width:240px; position: absolute; background: rgba(255,255,255,1); z-index: 998; margin-top: -1px; border:1px solid #ddd;} .menu_open .menu_open_in li{ display:block; width: 100%; height: 40px; font-size:13px; line-height:30px; text-align:center;color:#fff;} .menu_open .menu_open_in li .menu_open_inner{display:flex; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -ms-flex-pack: space-between; -webkit-justify-content: space-between;-webkit-box-pack: space-between; -moz-box-pack: space-between; justify-content: space-between;} .menu_open .menu_open_in li a{ display: block; width: 100%; font-size:13px; line-height:40px; color:#5e5e5e;padding:0 10px 0 15px; text-align: left;} .menu_open .menu_open_in li:hover{ background:#f5f5f5;} .menu_open02{ display:none; width:240px; position: absolute; top: 0; left: 238px; background: rgba(255,255,255,1); z-index: 998; margin-top: -1px; border:1px solid #ddd;} .pet_TopContents_B span.toggle{ background-image: url(arrow_toggle.svg); background-position: center bottom; background-size: 40px; background-repeat: no-repeat; width: 20px; height: 40px; display: inline-block;} .pet_TopContents_B .menu_open_in span.toggle{ transform: rotate(-90deg); width: 40px; height: 20px; background-position-y: -50px; cursor: pointer;} /* .pet_TopContents_B > ul{ float:left; width:800px;} .pet_TopContents_B > ul > li > a{ float:left; font:15px/37px 微軟正黑體, Arial, Helvetica, sans-serif; color:#666; padding:0 3px; margin:0 15px; border-bottom:#f5f5f5 2px solid;} .pet_TopContents_B > ul > li > a:hover{color:#54565b; border-bottom:#54565b 2px solid;} */ .pet_TopShoppingcart{ width:150px; height:40px; float:right;position: absolute;top: 0;right: 0;margin-top: unset;} .pet_TopShoppingcart > a{ display:block; width:150px; height:40px; font:15px/37px 微軟正黑體, Arial, Helvetica, sans-serif; color:#ffffff; background:#54565b url(pet_TopShoppingCart.png) left top no-repeat; padding-left:55px;} .pet_TopShoppingcart > a:hover{ display:block; width:150px; height:40px; font:15px/37px 微軟正黑體, Arial, Helvetica, sans-serif; color:#54565b; background:url(pet_TopShoppingCart.png) left bottom no-repeat; padding-left:55px; border:#54565b 2px solid;} /* 下拉購物車 */ .MemMenu_Cart{ width:300px; border:#e5e5e5 1px solid; position:absolute; top:40px; right:0; background-color:#FFF; padding:5px; z-index:998; display:none;} .MemMenu_Product{ border-bottom:#dbdbdb 1px dotted; margin-bottom:5px; padding:5px 0;} .MemMenu_Product li{ float:left;} .MemMenu_Product li.Cart_Pimg{ width:50px; height:auto;} .MemMenu_Product li.Cart_Pimg a{ display:block; width:50px; height:50px;} .MemMenu_Product li.Cart_Pimg a img{ width:100%; height:auto;} .MemMenu_Product li.Cart_Pname{ width:200px; margin:0 10px;} .MemMenu_Product li.Cart_Pname h2{ display:block; width:200px; height:36px; overflow:hidden; font:13px/18px 微軟正黑體, Arial, Helvetica, sans-serif; color:#555;} .MemMenu_Product li.Cart_Pname h2 a{ font:13px/18px 微軟正黑體, Arial, Helvetica, sans-serif; color:#555;} .MemMenu_Product li.Cart_Pname h2 a:hover{ font:13px/18px 微軟正黑體, Arial, Helvetica, sans-serif; color:#00a5a8; text-decoration:none; background-color:#FFF;} .MemMenu_Product li.Cart_Pname p{ font:13px/18px 微軟正黑體, Arial, Helvetica, sans-serif; color:#dc1717;} .MemMenu_Product li.Cart_Pname p span{ margin-left:5px;} .MemMenu_Product li.Cart_Pdelete{ width:14px; padding-top:15px;} .MemMenu_Product li.Cart_Pdelete a{ display:block; width:14px; height:15px; background:url(Kg_Top_MemMenuIcon_X.png) left top no-repeat; text-indent:-9999px;} .MemMenu_Product li.Cart_Pdelete a:hover{ display:block; width:14px; height:15px; background:url(Kg_Top_MemMenuIcon_X.png) left bottom no-repeat;} .MemMenu_Product_total{ text-align:right; margin-top:10px;color:#FFF;} .MemMenu_Product_total p{ font:13px/18px 微軟正黑體, Arial, Helvetica, sans-serif; color:#555;} .MemMenu_Product_total p span{ margin-left:5px; color:#dc1717;} .MemMenu_Product_total a:link,.MemMenu_Product_total a:visited{ margin-top:10px; float:right; display:block; width:60px; height:30px; text-align:center; font:13px/30px 微軟正黑體, Arial, Helvetica, sans-serif; color:#FFF; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; background:#979797; text-decoration:none;} .MemMenu_Product_total a:hover,.MemMenu_Product_total a:active{ float:right; display:block; width:60px; height:30px; text-align:center; font:13px/30px 微軟正黑體, Arial, Helvetica, sans-serif; color:#FFF; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; background:#54565b; text-decoration:none;} /* 隱藏商品分類前方框 */ .it39_mf{ display:none;} .Page_PSort_title > li{ margin-left:18px;} /* 主題連結&訊息公告 */ .joo_icon_dot{ width:20px; height:30px; background:url(joo_icon_dot.png) left center no-repeat;} h2.page_title{ height:65px; text-align:center; font-size:24px; color:#3e3e3e; margin:30px 0; font-weight:normal;} h2.page_title span{ display:block; font-size:16px; color:#a5a5a5;} /*========== 如果使用者之視窗寬度 <= 1024px 將會再載入這裡的 CSS ==========*/ @media screen and (max-width:1024px) { /*官網首頁 .Index_itemBox{ width:1200px;} .Index_ADbannerBox{ background:none; width:1200px;} .Index_ADbanner{ width:1200px;} .flexslider{} .Index_News_R{ float:right; width:256px; height:280px; padding-top:40px; overflow:hidden;} .Index_HotP ul li.Index_HotPimg{ padding-top:30px;} .Index_HotPbox{ width:1200px;} .Index_HotP ul li.Index_HotPimg a{ display:block; width:135px; height:135px;} .Index_CookBox{ width:1200px;} .Index_Cookbg01{ background:none;}*/ /*購物首頁 .lunhuan{ width:794px;} .suoyouliebiao{ display:none;} .Store_Content_R{ display:none;} .Store_itemBox{ width:794px;} .Store_Content_C{ margin-right:0;} .Store_rankContent_R{ display:none;} .Store_rankContent_L{ width:794px;} .Store_HotSale_L,.Store_HotSale_btn,.Store_HotSale_btn ul{ width:794px;} .Store_HotSale_R{ display:none;}*/ /*商品列表 .Page_itemBox{ width:100%;} .Store_PSearch_Pbox{　width:100%;} .Store_PSearch_Pbox > li{ margin:7px;}*/ /*商品詳細 .AF_PDetail_Pbuybtn ul{ height:44px;} .AF_PDetail_Pbuybtn ul li{ float:left; width:160px; height:44px;} .AF_PDetail_Pbuybtn ul li.AF_PDetail_PbuybtnL{ margin-right:10px;} .AF_PDetail_Top,.AF_PDetail_Bottom{ width:794px;} .AF_PDetail_Pbuybtn ul li.AF_PDetail_PbuybtnL{ margin-right:10px;} .AF_PDetail_Pbuybtn01 a{ display:block; width:158px; height:44px; background:url(images/anyong_symbol/Store_Pdetail_btn_addcart_mini.png) left top no-repeat; text-indent:-9999px;} .AF_PDetail_Pbuybtn01 a:hover{ display:block; width:158px; height:44px; background:url(images/anyong_symbol/Store_Pdetail_btn_addcart_mini.png) left bottom no-repeat; text-indent:-9999px;} .AF_PDetail_Pbuybtn02 a{ display:block; width:158px; height:44px; background:url(images/anyong_symbol/Store_Pdetail_btn_buynow_mini.png) left top no-repeat; text-indent:-9999px;} .AF_PDetail_Pbuybtn02 a:hover{ display:block; width:158px; height:44px; background:url(images/anyong_symbol/Store_Pdetail_btn_buynow_mini.png) left bottom no-repeat; text-indent:-9999px;} .AF_PDetail_Pbuybtn03 a{ display:block; width:158px; height:44px; background:url(images/anyong_symbol/Store_Pdetail_btn_soldout_mini.png) left top no-repeat; text-indent:-9999px;} .AF_PDetail_Pbuybtn03 a:hover{ display:block; width:158px; height:44px; background:url(images/anyong_symbol/Store_Pdetail_btn_soldout_mini.png) left bottom no-repeat; text-indent:-9999px;} .AF_PDetail_Pbuybtn04 a{ display:block; width:158px; height:44px; background:url(images/anyong_symbol/Store_Pdetail_btn_addlist_mini.png) left top no-repeat; text-indent:-9999px;} .AF_PDetail_Pbuybtn04 a:hover{ display:block; width:158px; height:44px; background:url(images/anyong_symbol/Store_Pdetail_btn_addlist_mini.png) left bottom no-repeat; text-indent:-9999px;} .AF_PDetail_Pbuybtn05 a{ display:block; width:158px; height:44px; background:url(images/anyong_symbol/Store_Pdetail_btn_addcart_mini.png) left top no-repeat; text-indent:-9999px; position:absolute; top:0; right:0;} .AF_PDetail_Pbuybtn05 a:hover{ display:block; width:158px; height:44px; background:url(images/anyong_symbol/Store_Pdetail_btn_addcart_mini.png) left bottom no-repeat; text-indent:-9999px;} .AF_PDetail_Pprice p.AF_PDetail_Pprice02{ float:right; font:55px/55px Arial, Helvetica, sans-serif; color:#e82222; padding-right:40px;} .AF_PDetail_Pprice{ height:221px;} .AF_PDetail_Pbuybtn ul li,.AF_PDetail_Pbuybtn01 a,.AF_PDetail_Pbuybtn02 a,.AF_PDetail_Pbuybtn03 a,.AF_PDetail_Pbuybtn04 a{width:160px;}*/ /* 版頭 .pet_TopBox .pet_Top{ width:1200px; margin:0 auto;} .pet_TopBox .pet_Top h1 a{ width:220px; padding-top:15px;} .pet_TopBox .pet_Top h1 a img{ width:100%; height:auto;} .pet_TopContents{ float:right; width:784px;} .pet_TopContents_B > ul{ float:left; width:634px;} .pet_TopContents_B > ul > li > a{ margin:0 10px;}*/ /* 商品列表 .AY_product250_box{ min-width:230px; padding:7px;} .AY_product250_img,.AY_product250_img > a{ width:210px; height:210px;}*/ } ul.AF_pageBox strong span{ font-size:14px !important;} ul.AF_pageBox span{ font-size:14px !important;} ul.AF_pageBox s{ text-decoration:none !important;} /*=========YGG共用元件電腦版CSS=========*/ .btn_send_new input{ background-color:#54565b;} .btn_send_new input:hover{ background-color:#7b7d81;} .AY_Saleproduct200_price{ text-align:left; font-size:35px; margin-bottom:10px;} .AY_btn_saleStatus_ok a:link,.saleInfo .addbtn a{ background:#54565b;} .AY_btn_saleStatus_ok a:hover,.saleInfo .addbtn a:hover{ background:#7b7d81;} .AY_btn_saleStatus a{ background:#999; cursor:default;} .AY_Saleproduct200_name{ display:block; width:100%; font:15px/20px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333; height:40px; overflow:hidden; margin-top:10px; text-align:left;} .AY_Saleproduct200_name a:link, .AY_Saleproduct200_name a:visited{ font:15px/20px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333;} .AY_Saleproduct200_name a:hover, .AY_Saleproduct200_name a:active{ font:15px/20px 微軟正黑體, Arial, Helvetica, sans-serif; color:#54565b;} /* JOO商品顏色共用 */ h2.jooPC_name a{ color:#333;}/*商品名*/ h2.jooPC_name a:hover{ color:#666;}/*商品名hover*/ .jooPC_word{ color:#999;}/*商品說明*/ .jooPC_price01{ color:#ed2d4c !important;}/*商品特惠價*/ .jooPC_price02{ color:#999 !important;}/*商品原價*/ /*公用copyright*/ .joo_normal_cr{ width:100%; height: auto; padding:40px 0; background: #fff;} .joo_normal_cr .joo_menu{ width:1200px; padding: 0 15px; margin: 0 auto; position: relative;} .joo_normal_cr .joo_menu > ul{ float: left; margin-right: 80px;} .joo_normal_cr .joo_menu > ul > li > h5{ font:15px/20px 微軟正黑體, Arial, Helvetica, sans-serif; color:#222; margin-bottom:10px; font-weight: bold;} .joo_normal_cr .joo_menu > ul > li > a{ font:14px/25px 微軟正黑體, Arial, Helvetica, sans-serif; color:#555;} .joo_normal_cr .joo_menu > ul > li > a:hover{ color:#222;} .joo_normal_cr .joo_menu > ul.menu_sort{ width:680px;} .joo_normal_cr .joo_menu > ul.menu_sort li:nth-child(1){ display:block; width: 100%;} .joo_normal_cr .joo_menu > ul.menu_sort li{ float:left; display: block; width: 25%;} .joo_normal_cr .joo_bottom_btn{ position:absolute; right: 15px; bottom:0; width: 141px; height: 32px;} .joo_normal_cr .joo_bottom_btn ul li{ float:right; margin-left: 12px;} .joo_normal_cr .joo_bottom_btn ul li a{ display:block; width: 32px; height: 32px;} .joo_bottom_btn .icon-bottom_phone, .joo_bottom_btn .icon-bottom_email, .joo_bottom_btn .icon-bottom_fb{ width:32px; height: 32px; fill:#a8a8a8; transition:all .2s;} .joo_bottom_btn .icon-bottom_phone:hover, .joo_bottom_btn .icon-bottom_email:hover, .joo_bottom_btn .icon-bottom_fb:hover{ width:32px; height: 32px; fill:#8e8e8e;} .joo_normal_cr2{ background:#54565b; width: 100%; font:13px/30px 微軟正黑體, Arial, Helvetica, sans-serif; color:#fff; text-align: center;} li.pet_TopKeyword {overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 165px;}