@charset "utf-8"; @import url("reset.css"); /*購物車特殊用途*/ .none_style{ display:none;} .joo_style08{ display:block;} .wangtea_use{ margin-left:15px;} .joo_hideOnly{ display:none;} .C_padding{padding-top: 20px;} /******************************* 中間元件 ****.userandstore_box***************************/ /* 中間元件名稱 */ h3.Page_Citem_title{ width:100%; height:45px; background:url(Page_Citem_title_bg.gif) repeat-x 0 50%; padding-left:33px;} h3.Page_Citem_title span { font:18px/45px 微軟正黑體, Arial, Helvetica, sans-serif; color:#81292d; background:#fff; padding:0 15px; text-align:left;} /* 中間內文內距 */ .C_Box{padding:0; width: 100%; height:auto; position: relative; text-align: left;} .C_Box .Page_Litem_title {border-bottom: 2px solid #EEE;height: 41px;} .C_Box .Page_Litem_title .L_item_name{ display: inline-block; text-align: left; position: relative; font-size: 1.7em;font-weight: 600;color: #282828;font-family: 微軟正黑體, Arial, Helvetica, sans-serif;padding-bottom: 15px;} .C_Box .Page_Litem_title .L_item_name:after{ content: "";display: block;width: 87px;height: 2px;background: #333333;position: absolute;bottom: -2px;left: 0px;} /* 中間標題 */ .C_title {font: 23px/30px 微軟正黑體,Microsoft Jhenghei,tohoma,arial,simsun,sans-serif; color:#404040;font-weight:700; text-decoration: none; } /* 中間副標題 */ .C_subtitle { font: 23px/30px 微軟正黑體,Microsoft Jhenghei,tohoma,arial,simsun,sans-serif; color:#404040;font-weight:700; text-decoration: none;} /* 中間內文 */ .C_article { font:15px/26px 微軟正黑體, Arial, Helvetica, sans-serif; color:#404040;} /* 中間標題(連結) */ a.C_title_a:link { font:14px/24px 微軟正黑體, Arial, Helvetica, sans-serif; color:#666; text-decoration: none;} a.C_title_a:visited { font:14px/24px 微軟正黑體, Arial, Helvetica, sans-serif; color:#666; text-decoration: none;} a.C_title_a:hover { font:14px/24px 微軟正黑體, Arial, Helvetica, sans-serif; color:#54565b;text-decoration: none;} a.C_title_a:active { font:14px/24px 微軟正黑體, Arial, Helvetica, sans-serif; color:#54565b; text-decoration: none;} /******************************* 左邊元件 *******************************/ /* 左邊元件名稱 */ .L_Box{ width:200px; text-align:left;} .L_Box .Page_Litem_title{border-bottom: 2px solid #EEE;height: 41px;} .L_Box .Page_Litem_title .L_item_name{display: inline-block;text-align: left;position: relative;font-size: 1.7em;font-weight: 600;color: #333333;font-family: 微軟正黑體, Arial, Helvetica, sans-serif;padding-bottom: 15px;} .L_Box .Page_Litem_title .L_item_name:after{ content: "";display: block;width: 87px;height: 2px;background: #333333;position: absolute;bottom: -2px;left: 0px;} .L_Box .L_bottom{ height:12px;} .L_Box .L_padding{ padding-top:20px;font:14px/25px 微軟正黑體, Arial, Helvetica, sans-serif; color:#404040;} .L_Box .L_padding a{font:14px/25px 微軟正黑體, Arial, Helvetica, sans-serif;} /* 左邊標題 */ .L_title { font:14px/24px 微軟正黑體, Arial, Helvetica, sans-serif; color:#666; font-weight:bold;} /* 左邊副標題 */ .L_subtitle { font:14px/24px 微軟正黑體, Arial, Helvetica, sans-serif; color:#666; font-weight:bold;} .L_bottom{ height:17px; background:#fff url(left_bg03.gif) no-repeat top left;} /* 左邊內文 */ .L_article { font:16px/30px 微軟正黑體, Arial, Helvetica, sans-serif; color:#404040;} /* 左邊標題(連結) */ a.L_title_a:link { font:16px/30px 微軟正黑體, Arial, Helvetica, sans-serif; color:#404040; text-decoration: none;} a.L_title_a:visited { font:16px/30px 微軟正黑體, Arial, Helvetica, sans-serif; color:#404040; text-decoration: none;} a.L_title_a:hover { font:16px/30px 微軟正黑體, Arial, Helvetica, sans-serif; color:#d50000; text-decoration: none;} a.L_title_a:active { font:16px/30px 微軟正黑體, Arial, Helvetica, sans-serif; color:#404040; text-decoration: none;} /******************************* 右邊元件 *******************************/ /* 右邊元件名稱 */ .R_Box{ width:300px; margin-bottom:15px; text-align:center;} h3.R_item_name{ height:40px; font:15px/40px 微軟正黑體, Arial, Helvetica, sans-serif; color:#555; } .R_Box .Page_Litem_title .L_item_name{ display: inline-block; padding: 0 15px; font:16px/40px 微軟正黑體, Arial, Helvetica, sans-serif; color:#668197 ; background: #fff;} .R_Box .Page_Litem_title:after{ display: block; content:" "; width: 100%; height: 2px; background:#595758; margin-top: -18px;} /* 右邊標題 */ .R_title { font:14px/26px 微軟正黑體, Arial, Helvetica, sans-serif; color:#666;font-weight:bold; text-decoration: none;} /* 右邊副標題 */ .R_subtitle { font:14px/26px 微軟正黑體, Arial, Helvetica, 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 微軟正黑體, Arial, Helvetica, sans-serif; color:#666; text-decoration: none;} a.R_title_a:visited { font:14px/24px 微軟正黑體, Arial, Helvetica, sans-serif; color:#666; text-decoration: none;} a.R_title_a:hover { font:14px/24px 微軟正黑體, Arial, Helvetica, sans-serif; color:#54565b; text-decoration: none;} a.R_title_a:active { font:14px/24px 微軟正黑體, Arial, Helvetica, 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: #fff;} /* 表格內框線顏色 */ .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: 15px;color: #d50000;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;} /******************************* 語系 *******************************/ .userandstore_box .lang_box{ position:absolute; left:0; top:3px;padding-right: 15px;} .userandstore_box .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;} .userandstore_box .lang_box a:hover{line-height:22px !important; text-decoration:none; font-size:12px !important; background:#666; color:#FFF;} /******************************* 通用 *******************************/ /* 成功訊息 */ .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:15px/25px 微軟正黑體, Arial, Helvetica, sans-serif; color:#404040; text-decoration: none!important;} a:visited { font:15px/25px 微軟正黑體, Arial, Helvetica, sans-serif; color:#404040; text-decoration: none!important;} a:hover { font:15px/25px 微軟正黑體, Arial, Helvetica, sans-serif; color:#d50000; text-decoration: none!important;} a:active { font:15px/25px 微軟正黑體, Arial, Helvetica, sans-serif; color:#404040; text-decoration: none!important;} /* 網站主內容架構 */ .FOR_TOP{ width:100%; height:auto; min-width:1200px; position:relative;} #index .FOR_MAIN {width: 100%; max-width: 100%; padding: unset;} .FOR_MAIN{width: 1170px;max-width: 1170px;margin: 167px auto 0 auto;padding:20px 15px 60px 15px;} .FOR_MAIN img{max-width:100%;height: auto;} .FOR_FOOTER{width:100%; clear:both; min-width:1200px; margin:0 auto;} .Page_itemBox, .warpper_pro{width: 100%!important;} .main_content_left{ width:200px; float:left;} .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: 14px/24px 微軟正黑體, Arial, Helvetica, sans-serif; color: #505050; line-height:24px; background: #fff; font-family: 微軟正黑體, Arial, Helvetica, sans-serif!important; } body{ height:100%;} /* 元件間隔 */ .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:100%; min-width:1200px; height:auto; margin:0 auto ;} .SB_WitemBOX .rwdimg{ width:100%; height:auto;} /* ==== 分類 ==== */ .Page_ProductSort{ margin-left:0; background: #fff;} h3.Page_PSort_title{ margin: 0; padding: 10px 0; background: #fff; border: 0;} h3.Page_PSort_title a{ font:15px/20px 微軟正黑體, Arial, Helvetica, sans-serif; color: #333333;} .Page_PSort_list > li{ height: auto; min-height: 35px; border-bottom: 1px solid #eee;padding: 6px; background-image: none;} .Page_PSort_list > li:hover{background-color: #eee!important;} .Page_PSort_list > li.it39_layer2{background: none; padding: 5px 10px;border-bottom: 1px solid #ddd;background-color: #f5f5f5;} .Page_PSort_list > li.it39_layer3{padding-left: 27px;background: url(it39_arrow.png) 15px center no-repeat;} .Page_PSort_list > li.it39_layer4{padding-left: 35px;background: url(it39_arrow.png) 30px center no-repeat;} .Page_PSort_list > li.it39_layer2 > a,.Page_PSort_list > li.it39_layer3 > a{padding: 0;} .Page_PSort_list > li > a{ font:14px/20px 微軟正黑體, Arial, Helvetica, sans-serif; color: #555; display: inline-block;} /*======================菊島鱻腴======================*/ /* ==== 版頭1 ==== */ .top_box{width: 100%; margin: 0 auto;background: #ffffff;position: fixed;z-index: 9999;top: 0;} .md_top_box{ width: 1140px; margin: 0 auto; position: relative;height: 167px; background-color: #fff;} .md_top_logo{ display:block; width: 320px; height: auto; position: relative; z-index: 99; margin: 0 auto;padding-top: 15px;} .s_logo img{ display:block; width: 100%; height: auto;} .md_top_box .md_top_in .md_menubox{ width: 100%; height: 56px; position: absolute; left:50%; bottom: 0; transform: translateX(-50%);} .md_top_box .md_top_in .md_menubox > ul > li{ float: unset; display:inline-block;transition: all 0.2s; text-align: center;} .md_top_box .md_top_in .md_menubox > ul > li > a{ padding: 10px 12px; display: block; text-align: center; color: #404040; font-size: 1.2em; font-weight: 700;line-height: 36px;letter-spacing: 1px;} .md_top_box .md_top_in .md_menubox > ul > li:hover {color: #000;} .top_box .md_top_box .md_top_in .md_menubox ul.md_top_menu { text-align: center;} .md_top_box .sub{position: absolute; right: 100px; top: 34px; z-index: 99;} .sub li{float: right; height: 20px;} .fb a{background: url(facebook-square.svg) no-repeat;} .ig a{background: url(instagram.svg) no-repeat;} .line a{background: url(line.svg) no-repeat;} .IG a{background: url(IG_icons.svg)0px -2px no-repeat;background-size: 31px !important;} .youtube{border-left: 1px solid rgba(255, 255, 255, 0.4);display:none;padding-left: 10px;} .youtube a{background: url(youtube.png) no-repeat;width:30px;height:30px;display: inline-block;text-indent: -9999;} .md_top_member{ position: absolute;height: 30px;right: 3px;top: 30px; z-index: 99;} .md_top_member > ul > li{ float:left; margin-left: 10px;} .md_top_member > ul > li > a{ display:block; width: 36px; height: 28px; text-indent: -9999px;background-repeat: no-repeat; background-size: 25px;} .md_top_member ul li.top_search a{ background-image:url(search.svg);} .md_top_member ul li.top_login a{ background-image:url(user.svg);} .md_top_member ul li.top_cart > a{ background-image:url(shopping-cart.svg);} .md_top_member ul li.top_cart{ position:relative; height: 50px;} .md_top_member ul li.top_cart > span{ position: absolute; right: -2px;top: -6px; width: 20px; height: 20px; background: #d50000; font:12px/20px Arial, Helvetica, sans-serif; color: #fff; border-radius: 100%; text-align: center;} .md_top_member ul li.md_logout > a { background-image: url(log-out.svg) } .mg_TopSearch{ position: absolute;bottom: 9px;right: 3px;} .mg_TopSearch .mg_TopSearch00{ width:290px;background-color:#f5f5f5; border-radius:2px;} .mg_TopSearch .mg_TopSearch01{ float:left; height:36px;} .mg_TopSearch .mg_TopSearch01 input{ color:#898989; padding:0 10px 0 15px; background:none; border:0; width:260px;} .mg_TopSearch .mg_TopSearch02{ float:right; padding:12px 15px 0 0;} .mg_TopSearch .mg_TopSearch02 input{ width:14px; height:14px; background:url(search.png) center center no-repeat; border:0; text-indent:-9999px; cursor:pointer;} .mg_TopSearch .mg_TopSearch03{ max-width:455px;} .mg_TopSearch .mg_TopSearch03 span{ font:13px 微軟正黑體, Arial, Helvetica, sans-serif; color:#fc295e;} .mg_TopSearch .mg_TopSearch03 a{ font:12px 微軟正黑體, Arial, Helvetica, sans-serif; color:#ababab; margin-left:5px;} .mg_TopSearch .mg_TopSearch03 a:hover { color:#000;} .member_class{ position: absolute;height: 30px;left: 0;top: 30px; z-index: 99; font:14px/24px 微軟正黑體, Arial, Helvetica, sans-serif; color:#404040;} .member_class .user_vip{ color:#d50000; margin-right:5px;} .member_class .user_name{ margin:0 5px;} .search_keyord{ width: 100%; height: auto; padding-top: 20px;} .search_keyord a{ display:inline-block; padding: 0 15px; width: auto; font:15px/40px 微軟正黑體,Microsoft Jhenghei,tohoma,arial,simsun,sans-serif; color:#fff; border: 1px solid #fff; text-decoration: none; margin-right: 15px; border-radius: 3px; margin-bottom: 15px;} .search_open{position: fixed; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,.9); z-index:100000; display: none; padding:60px 20px 20px 20px;} .search_open .search_open_inner{max-width:600px;height:100%; margin:0 auto; position: relative;} .search_close{ background: transparent; border: none; display: block; height: 24px; position: absolute; top: -40px; right: 0; width: 24px; z-index: 999; cursor:pointer;} .search_close .hamb-top,.search_close .hamb-middle,.search_close .hamb-bottom{height: 4px; left: 0; position: absolute; width: 100%;} .search_close .hamb-top { -webkit-transform: rotate(45deg); -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08); background-color: #ffffff; margin-top: -2px; top: 50%; } .search_close .hamb-middle { background-color: #ffffff; display: none; } .search_close .hamb-bottom { -webkit-transform: rotate(-45deg); -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08); background-color: #ffffff; margin-top: -2px; top: 50%; } .leftmenu_search{ width:100%; height:40px; border-radius: 40px; background: #fff; margin: 0 auto;} .leftmenu_search li{ float:left;} .leftmenu_search li.search_keyword{ width:calc(100% - 50px); height:40px;} .leftmenu_search li.search_keyword input{ width:100%; height:40px; border:0;font:15px/40px 微軟正黑體,Microsoft Jhenghei,tohoma,arial,simsun,sans-serif; color:#404040; padding:0 0 0 20px; background:none; text-align:left;} .leftmenu_search li.search_btn{ width:50px; height:40px;} .leftmenu_search li.search_btn input{ width:100%; height:40px; border:0; background:url(search.svg) no-repeat 50% 50%; cursor:pointer; background-size: 20px;} .disscroll{overflow-y:hidden;position:fixed;} /* ==== 版頭2 ==== */ .top_box2{height:56px;width: 100%; margin: 0 auto; background: #ffffff;} .top_box2 .md_top_box{height: 56px;} .top_box2 .md_top_box .md_top_logo{width: 158px;height: auto;margin: 0;padding-top: 8px;} .top_box2 .md_top_box .md_top_in .md_menubox{-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s; transform: unset; transform: translateX(-50%);} .top_box2 .md_top_box .md_top_member{top:25%;} .top_box2 .md_top_box .mg_TopSearch,.top_box2 .md_top_box .youtube,.top_box2 .md_top_box .member_class{display:none;} .top_box2 .sub { top: 30%; height: 30px;} /*it417(圖片與FB/YOUTUBE組合1)*/ .it417_box{width: 100%;margin-bottom: 20px;} .it417_box ul li a{width:360px;height:auto;} .it417_box ul li a p{background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(45,61,82,.9) 75%,rgba(45,61,82,.9) 100%);padding-top: 45px;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-ms-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s;} /*it432(熱銷推薦)*/ .item432box{margin: 0 auto;} .item432box .item432 .item432_title{display: none;} .item432_productbox .item432_boxdeta a.item432_more{position: absolute;bottom: 0;right: 0;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-ms-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s;} .item432_productbox .item432_slogan span{background-color: rgba(250,69,41,.85);} .item432_productbox .item432_slogan{background: url(weicheng_slong.png) left bottom no-repeat;} .item432_productbox .item432_boximg{min-height: auto;} .item432_productbox .item432_boxdeta{padding: 10px 0 0;} .item432_productbox .item432_boxdeta h3 a{color:#646464;} .item432_productbox .item432_boxdeta h3 a:hover{color:#565656;} .item432_productbox .item432_boxdeta h3 a{height: 27px;} .item432_productbox .item432_boxdeta a.item432_more{background: url(weicheng_47.png) center no-repeat;opacity: .9;} .item432_productbox .item432_boxdeta h3 span.money span.money_3{color:#999;} .item432_productbox .item432_boxdeta h3 span.money{color:#fa4529;} /*it336*/ .item336box h2.title{display:none;} .item336box{border:0;padding-top: 20px;} /*it504(相關推薦)*/ .it504 {padding-top: 20px;} /*置頂按鈕*/ .go_to_top { margin: 0 auto; width:50px; height:50px; background: url(gototop.png) #8e8e8e center no-repeat;background-size:30px; cursor: pointer; position: fixed; right: 5%; bottom: 80px; z-index: 999; border:0;display:none;transition: all 0.3s;opacity: .9;border-radius: 2px;} .go_to_top:hover{opacity: 1;} /*分類&搜尋頁*/ .joo4_pstyle .img .img_hover ul li.addcart a{background: url(it452_cart.svg) center 6px no-repeat #d50000!important;background-size: 23px!important;} h3.Page_PSort_title a{color:#d50000!important;} .joo4_pstyle h2.name a:hover{text-decoration: none!important;} /*商品詳細頁*/ .jooP3_box .jooP3_topbox{margin-bottom: 30px!important;} .jooP3_box .jooP3_topbox .big_productinfo h1.Product_name{font-size: 23px!important;color: #404040!important;font-weight: 700!important;margin-top: 0;margin-bottom: 15px!important;} .jooP3_box .jooP3_topbox .big_productinfo h3.Product_subname{margin-bottom: 20px;color: #a3a3a3!important;padding:0!important;background:#fff!important;font: 14px/22px 微軟正黑體,Microsoft Jhenghei,tohoma,arial,simsun,sans-serif!important;} .jooP3_box .jooP3_topbox .big_productinfo .Product_price .old_price{color:#999!important;} .jooP3_box .jooP3_topbox .big_productinfo .Product_price .now_price{font-family: Helvetica, sans-serif!important;font-weight: 700;font-size: 26px!important;} .jooP3_box .jooP3_topbox .big_productinfo .Product_price,.jooP3_box .jooP3_topbox .big_productinfo .Product_btnbox,.jooP3_box .jooP3_topbox{border-bottom: 1px solid #ddd!important;} .jooP3_box .jooP3_topbox .big_productinfo .Product_sales .sales_icon{background-color: #333333 !important;} .jooP3_box .jooP3_topbox .big_productinfo .Product_sales .sales_list a{color: #333333!important;} .jooP3_box .jooP3_topbox .big_productinfo .Product_sales .sales_list a:hover{text-decoration: none!important;} .jooP3_box .jooP3_topbox .big_productinfo .Product_color .color_list .colorBox li.active{border: 2px solid #d50000!important;} .jooP3_box .jooP3_topbox .jooP3_productimg .small_product_btnT{background: url(jooP3-up-arrow.png) center top no-repeat!important;} .jooP3_box .jooP3_topbox .jooP3_productimg .small_product_btnB{background: url(jooP3-down-arrow.png) center top no-repeat!important;} .jooP3_box .jooP3_topbox .big_productinfo .Product_color .color_list .sizeBox li.active {border: 1px solid #d50000!important;background: #d50000!important;} .jooP3_box .jooP3_topbox .big_productinfo .Product_btnbox a.trace{border: 1px solid #565656!important;color: #565656!important;font: 16px/45px 微軟正黑體,Microsoft Jhenghei,tohoma,arial,simsun,sans-serif!important;width: 190px!important;height: 45px!important;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-ms-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s;} .jooP3_box .jooP3_topbox .big_productinfo .Product_btnbox a.trace span{padding-left:0!important;background:none!important;} .jooP3_box .jooP3_topbox .big_productinfo .Product_btnbox a.cart{-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-ms-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s;font: 16px/45px 微軟正黑體,Microsoft Jhenghei,tohoma,arial,simsun,sans-serif!important;width: 190px!important;height: 45px!important;} .jooP3_box .jooP3_topbox .big_productinfo .Product_btnbox a.cart span{padding-left:0!important;background:none!important;} .jooP3_box .jooP3_topbox .big_productinfo .Product_btnbox a.trace:hover{border: 1px solid #d50000!important;color: #d50000!important;background:#f5f5f5!important;} .jooP3_box .jooP3_topbox .big_productinfo .Product_btnbox a.cart:hover{color: #fff!important;} .jooP3_box .jooP3_topbox .big_productinfo .Product_gift .gift_icon{background: #333333!important;} .jooP3_box .jooP3_topbox .big_productinfo .Product_gift .gift_list a{color:#333333!important;} .jooP3_box .jooP3_topbox .big_productinfo .Product_gift .gift_list a:hover{text-decoration: none!important;} .jooP3_box .Product_contentbox02{ margin-bottom: 30px!important; padding-bottom: 30px!important; font: 15px/26px 微軟正黑體,Microsoft Jhenghei,tohoma,arial,simsun,sans-serif!important;} .jooP3_box .Product_contentbox02 h3{ font-size: 1.7em!important; font-weight: 600!important; color:#282828!important; margin-bottom: 20px!important; position: relative; padding-bottom: 5px!important;} #product_detail .C_Box .Page_Litem_title{border-bottom:0;} #product_detail .jooP3_box .Product_contentbox02 h3:after {content: "";display: block;width: 87px;height: 2px;background: #333333;position: absolute;bottom: -2px;left: 0px;} #product_detail .C_Box .Page_Litem_title .L_item_name{padding-bottom: 10px!important;} /*最新消息頁*/ .item7_title{font: 23px/30px 微軟正黑體,Microsoft Jhenghei,tohoma,arial,simsun,sans-serif!important; color:#404040;font-weight:700!important;padding: 10px 0;border-bottom: 1px solid #ddd;} .item8_box ul li.item8_slogan,.item7_time{background: #d50000;border-radius: 0;} .item8_box ul li.item8_text a{font: 16px/30px 微軟正黑體, Arial, Helvetica, sans-serif; color: #404040;} .item8_box ul li.item8_text a:hover{color:#d50000;} .item8_box ul{background: #fff;} .item8_box{padding: 0;} /*購物網-熱銷商品*/ .Store_HotSale_btn{ max-width:1260px; height:40px; border-bottom:#dbdbdb 1px solid;} .Store_HotSale_btn ul{ max-width:1004px; 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:1004px; 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:40px; padding:0 10px; margin-bottom: 20px;} .PSearch_Top_menuL{ float:left; margin-top:12px;} .PSearch_Top_menuL li{ float:left; display:block; height:25px; font:14px/25px 微軟正黑體,Arial, Helvetica, sans-serif; color:#595757; margin-left: 15px;} .PSearch_Top_menuL li a{ display:block; border-right:#dbdbdb 0px solid; text-align:center; font:14px/25px 微軟正黑體,Arial, Helvetica, sans-serif; color:#595757; position: relative;} .PSearch_Top_menuL li:hover a{ border-bottom:3px solid #F08300;} .PSearch_Top_menuL li a.selected{ font-weight:bold; color:#C71810; text-decoration:none;} .PSearch_Top_menuR{ float:right;} .PSearch_Top_menuR li{ float:left; font:14px/40px 微軟正黑體,Arial, Helvetica, sans-serif; color:#595757;} .PSearch_Top_menuR li select{ width:50px; height:25px !important; margin:0 10px; font: 14px/25px 微軟正黑體,Arial, Helvetica, sans-serif;} .Store_PSearch_Plist{ width:100%;} .Store_PSearch_Pbox{　width:960px;　margin:0 auto; padding:0 3px;} .Store_PSearch_Pbox > li{ float:left; margin-bottom: 45px;} .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:#708da5; font-size:30px; text-align:right;} .Store_pPrice05 ul li.Store_pPrice05_R span{ font-size:15px; margin-right:5px;} /*購物網-商品詳細頁*/ /*---上半部---*/ .AF_PDetail_Top{ width:100%;margin-bottom:20px; padding:10px; background: #fff;} /* 商品圖 */ .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; text-align: left;} .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:20px; font-family:微軟正黑體; margin-left:10px; text-decoration:line-through;} .AF_PDetail_Pprice p.AF_PDetail_Pprice02{ float: left; font:55px/70px Arial, Helvetica, sans-serif; color:#708da5;padding-left:15px;} .AF_PDetail_Pprice p.AF_PDetail_Pprice02 span{ font:33px/40px Arial, Helvetica, sans-serif; color:#708da5;} .AF_PDetail_Pactivity{ width:100%; padding:10px 0; text-align: left;} .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_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%; text-align: left;} /*左欄活動行銷元件*/ .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:#666;} /* 註冊步驟 */ .AF_Register{ width:100%; height:50px; border-bottom:#f2f2f2 3px solid;margin-bottom:50px;} .AF_RegisterStepBox{ width:1004px; 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:#666;} .AF_RegisterStepbg02{ color:#666;} .AF_RegisterStepbg03{ color:#666;} .AF_RegisterStepbg04{ color:#666;} .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:110px; cursor:pointer; text-indent:-9999px;} .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:25%;} .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:75%; 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:#708da5;} .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:#708da5; 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:#708da5;} .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:#708da5;} .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:#708da5;} .AY_SC_Bottom_R ul li h3 span.AY_SC_Bottom_R_Price02{ font:30px/50px Arial, Helvetica, sans-serif; margin-left:5px; color:#708da5;} .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:#404040 !important;} .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:#708da5; 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:#708da5;} .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:#708da5;} .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:#708da5;} .remark a{ color:#d50000!important;} /*購物車第三步驟*/ .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;} /*JOO商品列表*/ .AY_product250_box{margin:0 auto; background-color:#fff; border: solid 1px #fff;} .AY_product250_img{ overflow:hidden; border-radius: 20px; margin-bottom: 12px;} .AY_product250_imgbg{ display:none; 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);} .AY_btn_addcart{ background-image:url(joop_btn_addcart.png);} .AY_btn_addlist_active{ background-position:0 24px;} .AY_product250_name a{ display:block; width: 100%; height: 40px; font:14px/20px 微軟正黑體, Arial, Helvetica, sans-serif; color: #505050; overflow: hidden; text-align: left;} .AY_product250_name a:hover{ text-decoration:none;color: #F08300;} .AY_product250_price{ width:100%;} .AY_product250_price li{ float:left; font-family:Arial, Helvetica, sans-serif; line-height:20px; letter-spacing: 1px;} .AY_product250_price li.AY_product250_price_L{ width:40%; color:#888; font-size:12px; text-decoration:line-through; text-align:left;} .AY_product250_price li.AY_product250_price_R{ width:60%; color:#ed2d4c; font-size:14px; text-align:right;} .AY_product250_price li.AY_product250_price_R span{ font-size:14px;} /* 下拉購物車 */ .MemMenu_Cart{ width:405px; border-top: 0; background:#fff; position:absolute; top:30px; right:-9px; padding:5px; z-index:998; display:none;border:1px solid #999;} .MemMenu_Product{ border-bottom:#dbdbdb 1px dotted; margin-bottom:5px; padding:5px 0;} .MemMenu_Product li{ float:left; padding-left:0; margin-left:0 !important;} .MemMenu_Product li.Cart_Pimg{ width:50px; height:auto;} .MemMenu_Product li.Cart_Pimg a{ display:block; width:50px; height:50px; font-size: 14px !important; line-height: 24px !important; border-bottom: 0!important;} .MemMenu_Product li.Cart_Pimg a img{ width:100%; height:auto;} .MemMenu_Product li.Cart_Pname{ width:300px; padding: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; text-align:left;} .MemMenu_Product li.Cart_Pname h2 a{ font-size: 13px !important; line-height: 18px !important; color:#555; border-bottom: 0 !important;} .MemMenu_Product li.Cart_Pname h2 a:hover{ font:13px/18px 微軟正黑體, Arial, Helvetica, sans-serif !important; color:#F08300; text-decoration:none; background-color:#FFF;} .MemMenu_Product li.Cart_Pname p{ font:13px/18px 微軟正黑體, Arial, Helvetica, sans-serif; color:#24333f;text-align:left;} .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; border-bottom: 0!important;} .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:#d50000;} .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:#333333;opacity: .9; text-decoration:none; padding-left:0; border-bottom: 0 !important; font-size: 13px !important; line-height: 30px !important; color: #fff !important;} .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:#333333;opacity: 1; text-decoration:none; border-bottom: 0 !important; font-size: 13px !important; line-height: 30px !important; color: #fff !important; } /* 隱藏商品分類前方框 */ .it39_mf{ display:none;} .Page_PSort_title > li{ margin-left:18px;} /* 會員中心*/ .AF_MemberLitemContent01{border:#c5c5c5 1px solid; margin-bottom: 15px;} /* 主題連結&訊息公告 */ .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;} /* 商品列表 */ @media screen and (max-width:1208px) {.AY_product250_box{ max-width:210px; padding:10px;} .AY_product250_img,.AY_product250_img > a{ width:187px; height:187px;}} /*}*/ /* 首頁-商品輪播元件 */ .jooshop252_itemBox{ width:1200px; margin:0 auto; padding:15px; background:#FFF; margin-bottom:15px;} .jooshop252_Limg{ width:150px; height:150px; float:left;} .jooshop252_Limg img{ display:block; width:100%; height:auto;} .jooshop252_Rproduct{ margin-left:170px;} div.indexmaindiv{height:150px;margin:0px auto;width:1006px;} /*div.indexmaindiv div.playerstyles{width:168px;height:44px;background:url('../images/playstyles.png') no-repeat;}*/ div.indexmaindiv1{ overflow:hidden;} div.indexmaindiv1 div.stylesgoleft{float:left;width:12px;height:20px;margin:65px 5px 0px 0px;cursor:pointer;} div.indexmaindiv1 div.stylesgoright{float:left;width:12px;height:20px;margin:65px 0px 0px 5px;cursor:pointer;} div.maindiv1{float:left;width:960px;height:150px;overflow:hidden;position:relative;} div.maindiv1 ul{position:absolute;left:0;top:0;} div.maindiv1 ul li{float:left;width:150px;height:150px;margin:0 5px;} /*=========YGG共用元件電腦版CSS=========*/ .btn_send_new input{ background-color:#595758;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-ms-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s;} .btn_send_new input:hover{ background-color:#706e6f;} .AY_Saleproduct200_price{ text-align:left; font-size:35px; margin-bottom:10px;color:#d50000!important;} .AY_btn_saleStatus_ok a:link,.saleInfo .addbtn a{ border: 1px solid #565656;background-color:#fff;color:#565656;border-radius: 3px;} .AY_btn_saleStatus_ok a:hover,.saleInfo .addbtn a:hover{ background-color:#d50000;color: #fff;border: 1px solid #d50000 ;} .AY_btn_saleStatus a{ background:#bcc3c8; 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:#F08300;} /* JOO商品顏色共用 */ h2.jooPC_name a{ color:#333;}/*商品名*/ h2.jooPC_name a:hover{ color:#404040;text-decoration:none;}/*商品名hover*/ .jooPC_word{ color:#999;}/*商品說明*/ .jooPC_price01{ color:#d50000 !important;}/*商品特惠價*/ .jooPC_price02{ color:#999 !important;}/*商品原價*/ @media screen and (max-width: 1208px){ .jooshop251_fbfans{ float: none; width: 100%; height: auto; display: none; } } /*客製元件用*/ /*64*/ .it64_box{ max-width:800px; margin: 0 auto; background: #fff; padding: 20px;} .reload_code a,.form_star{ color: #708da5 !important;} .table_column_desc,.table_column{ background-color:#fff !important;} .it64_box input[type="text"],.it64_box textarea{ border: 1px solid #cccccc; font: 14px/30px 微軟正黑體, Arial, Helvetica, sans-serif; color:#555; } .it64_box input[type="text"]{ height:30px;} .joo3_use{ width:100%; height: 17px; border-bottom: 1px solid #cccccc; text-align: center; margin-bottom: 40px;} .joo3_use h3.price02 { height: 17px; background: #cccccc; position: relative; padding: 0 6px; margin-top: 8px;} .joo3_use h3.price02:before,.joo3_use h3.price02:after{ display:block; width:4px; height: 17px; content: ''; position: absolute; top: 0;} .joo3_use h3.price02:before{ background:url(it40_price_box.gif) left center no-repeat; left: -4px;} .joo3_use h3.price02:after{ background:url(it40_price_box.gif) right center no-repeat; right: -4px;} /*價格顏色*/ .lock_sellBox > ul > li .thumb .ui_pprice_e,.addon-highlight .addprobox .detail .highLight,.AY_C_article span.prod_price{ color:#708da5;font-family: Verdana, Arial, Helvetica, sans-serif, sans-serif;} .lock_sellBox > ul > li .thumb .ui_pprice_e span.ui_pprice_e_money{font-family: Verdana, Arial, Helvetica, sans-serif, sans-serif;} .lock_sellBox > ul > li .thumb .ui_pname a:hover,.addon-highlight .addprobox .detail .prod_name a:hover{ color:#666;} .alladdbox, .saleInfo{ text-align:left;background: #eee;} .highLight{ color:#d50000!important;} .productinfo > a{ display: block; width: 200px; height: 200px;border-radius: 20px; overflow: hidden; margin-bottom: 12px;} .productinfo > a >img{ display: block; width: 100%; height: auto;} .it348_BottomProduct > li{ padding:0;} .it348_BOXin,.it302_BOXin{ padding:0 50px;} .productinfo{ width: 200px; margin: 0 auto;} .it348_Product,.it302_Product{ width:100%;} h2.it348_Pname a,h2.it302_Pname a{ display: block; width: 100%; height: 40px; font: 14px/20px 微軟正黑體, Arial, Helvetica, sans-serif; color: #505050; overflow: hidden; text-align: left;} h2.it348_Pname a:hover,h2.it302_Pname a:hover{ text-decoration:underline;} .it302_Product .price span,.it348_Product .price span{ float:left; font-family:Arial, Helvetica, sans-serif; line-height:20px; letter-spacing: 1px; color:#888; font-size:12px; text-decoration:line-through; text-align:left;} .it302_Product .price,.it348_Product .price{ font-family:Arial, Helvetica, sans-serif; line-height:20px; letter-spacing: 1px; color:#ed2d4c; font-size:14px; text-align:right; color: #24333f; font-weight: normal;} .it302_prev,.it348_prev{ width: 24px; height: 24px; background: url(left_arrow.svg) left top no-repeat; background-size: 24px; border:0;} .it302_next,.it348_next{ width: 24px; height: 24px; background: url(right_arrow.svg) left top no-repeat; background-size: 24px; border:0;} /* 價格區間 */ .PSearch_Top_menuL li.price-range-number{ top:0 !important;} /* 商品加購 */ .jooP3_box .jooP3_topbox .big_productinfo .Product_addbox .add_listnamme{background:#668197 !important;} /*20191004-選單第二層樣式*/ .md_menubox .menu_open {right: 0;display: none;width: 160px;position: absolute;background: rgba(255,255,255,1);z-index: 998;margin-top: -1px;} .md_menubox .menu_open .menu_open_in {display: block;} .md_menubox .menu_open .menu_open_in li {display: block;width: 100%;font-size: 13px;line-height: 30px;text-align: center;background-color: #FAFAFC;margin: 0;float: none;} .md_menubox .menu_open .menu_open_in li a {display: block;width: 100%;font-size: 13px;line-height: 30px;color: #333333;padding: 6px 15px;} .md_menubox> ul > li { float: left; width: auto; text-align: left; position: relative; padding-right: 30px;} .md_menubox .menu_open .menu_open_in li a:hover { background-color: #f3f3f3; transition: .3s ease;} /*it91_banner*/ .Index_ADbannerBox { width: 100%; margin-bottom: 60px; } .Index_ADbanner { width: 100%; margin: 0 auto; position: relative; } .flexslider { overflow: hidden; } .Index_ADbanner .flex-control-nav { z-index: 9; } .flex-control-nav { position: absolute; height: 25px; bottom: 15px; z-index: 2; width: 100%; text-align: center; } .flex-control-nav li { display: inline-block; width: 14px; height: 14px; margin: 0 3px; *display: inline; zoom: 1; } .flex-control-nav .flex-active { background: #000; border: 1px solid #000; } .flex-control-nav a { display: inline-block; width: 14px; height: 14px; overflow: hidden; background: #fff; border-radius: 100%; cursor: pointer; background: #fff; border: 1px solid #000; text-indent: -9999px; opacity: .6; } .Index_ADbanner,.slides { position: relative; } /* 共同版頭 */ .gh_TopContent01 { position: fixed !important; top: 0; z-index: 1000; } .FOR_MAIN{ margin: 203px auto 0 auto;} /* member_symbol.css */ @import url("reset.css"); /*========== 共用 ==========*/ /* clearfix清除float */ .clearfix:after {content:"";display:block;height:0;clear:both;visibility:hidden;} .clearfix { *zoom:1;} /* 元件最外框*/ .SB_MemberWitemBOX{ height:auto; margin-bottom:15px; background-color:#fff;} .SB_MemberWitemBOX2{ width:387px; height:auto; margin-bottom:15px;background-color:#fff;} .SB_MemberWitemBOX3{ width:236px; height:auto; margin-bottom:15px;background-color:#fff;} /*========== 會員中心 ==========*/ /* 註冊步驟(一般) */ .SB_Register{ width:100%; height:50px; border-bottom:#f2f2f2 5px solid;margin-bottom:50px;} .SB_RegisterStepBox{ width:95%; height:55px; margin:0 auto;} .SB_RegisterStepBox ul li{ float:left; font:18px/30px 微軟正黑體, Arial, Helvetica, sans-serif; width:25%; padding-top:12px;} ul.SB_RegisterStep li span{ font:25px/30px Arial, Helvetica, sans-serif; margin:0 8px; } ul.SB_RegisterStep li span.SB_RegisterStep_final{ float:left; display:block; width:40px; height:43px; background-repeat:no-repeat; background-position:left top;} /* 註冊步驟(員工) */ .SB_RegisterStepBox2{ width:95%; height:55px; margin:0 auto;} .SB_RegisterStepBox2 ul li{ float:left; font:18px/30px 微軟正黑體, Arial, Helvetica, sans-serif; width:33%; height:38px; padding-top:12px;} /* 註冊01會員條款 */ .SB_MemberClause{ width:660px; height:434px; border:#d1d1d1 3px solid; margin:0 auto; padding:30px 20px 50px 20px; margin-bottom:15px; background-color:#fff;} .SB_MemberClause textarea{ width:100%; height:384px; font:15px/30px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333; border:none; resize:none} .SB_MemberClause_agree{ width:470px; height:20px; font:15px/20px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333; margin:0 auto;; margin-bottom:20px;} .SB_MemberClause_agree input{ margin-right:5px;} .SB_MemberClause_btn{ width:150px; height:50px; margin:0 auto;} .SB_MemberClause_btn input{ display:block; width:150px; height:50px; font:20px/50px 微軟正黑體,Arial,Helvetica,sans-serif; color:#FFF; background:#1671b8; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border:none; cursor:pointer;} .SB_MemberClause_btn input:hover{ display:block; width:150px; height:50px; font:20px/50px 微軟正黑體,Arial,Helvetica,sans-serif; color:#FFF; background:#1c8fe7; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border:none; cursor:pointer;} /* 註冊02填寫會員資料 */ .SB_MemberData{ width:660px; border:#d1d1d1 3px solid; margin:0 auto; padding:30px 20px 50px 20px; margin-bottom:15px; background-color:#fff;} .SB_MemberData_write{ font:15px/50px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333;} /* 註冊03會員帳號開通 */ .SB_MemberOpening{ width:660px; height:300px; border:#d1d1d1 3px solid; margin:0 auto; padding:30px 20px 50px 20px; margin-bottom:15px; background:#FFF;} .SB_MemberOpening_btn{ width:150px; height:50px; margin:0 auto;} .SB_MemberOpening_btn a{ display:block; width:150px; 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;} .SB_MemberOpening_btn a:hover{ display:block; width:150px; height:50px; font:20px/50px 微軟正黑體,Arial,Helvetica,sans-serif; color:#FFF; text-align:center; background:#1c8fe7; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-decoration:none;} .SB_MemberOpening_in{ font:15px/30px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333;} .SB_MemberOpening_in span{ color:#1671b8;} /* 註冊04註冊完成 */ .SB_MemberFinal{ width:660px; height:250px; border:#d1d1d1 3px solid; margin:0 auto; padding:30px 20px 50px 20px; margin-bottom:15px; background-color:#fff;} .SB_MemberFinal_in{ font:15px/30px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333;} .SB_MemberFinal_in span{ color:#ff6101;} .SB_MemberSignnow_btn{ width:150px; height:50px; margin:0 auto;} .SB_MemberSignnow_btn a{ display:block; width:150px; 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;} .SB_MemberSignnow_btn a:hover{ display:block; width:150px; height:50px; font:20px/50px 微軟正黑體,Arial,Helvetica,sans-serif; color:#FFF; text-align:center; background:#1c8fe7; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-decoration:none;} /*========== 會員中心-首頁元件01(訂單&歷史訂單一覽) ==========*/ .SB_MemberWitemSay{ width:782px; height:37px; padding-left:40px; font:15px/37px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333; background:url(../images/member_symbol/icon_say2.png) left top no-repeat;margin-top: 10px;} .SB_MemberWitemSay span{ margin:0 10px; color:#FF0000; font-weight:bold;} .SB_Mindex_Witem01{ border-bottom:#c5c5c5 1px solid;} .Mindex_orderA{ width:784px; height:43px;} ul.Mindex_orderLabels li{ float:left; width:392px; height:42px; text-align:center; border-bottom:#c5c5c5 1px solid; overflow:hidden; position:relative;} ul.Mindex_orderLabels li.Mindex_orderLabels1 span{ position:absolute; display:block; width:20px; height:20px; background:url(../images/member_symbol/icon_circleR.png) center center no-repeat; font:12px/20px Arial, Helvetica, sans-serif; color:#FFF; top:12px; right:145px; text-align:center;} ul.Mindex_orderLabels li a{ display:block; font:13px/43px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333; text-decoration:none;} ul.Mindex_orderLabels li.active{ width:390px; height:40px; background:#FFF; border-top:#0a913d 3px solid; border-left:#c5c5c5 1px solid; border-right:#c5c5c5 1px solid; border-bottom:none;} .Mindex_orderB table{ font:13px/40px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333; text-align: center;} /*========== 會員中心-首頁元件02(常見問題總覽) ==========*/ .SB_Mindex_Witem02{ border-bottom:#c5c5c5 1px solid;} .Mindex_QA1{ width:784px; height:43px;} ul.Mindex_qaLabels li{ float:left; width:196px; height:42px; text-align:center; border-bottom:#c5c5c5 1px solid; overflow:hidden;} ul.Mindex_qaLabels li a{ display:block; font:13px/43px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333; text-decoration:none;} ul.Mindex_qaLabels li.active{ width:194px; height:40px; background:#FFF; border-top:#0a913d 3px solid; border-left:#c5c5c5 1px solid; border-right:#c5c5c5 1px solid; border-bottom:none;} .Mindex_QA2 table{ font:13px/40px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333; text-align:left; } .Mindex_QA2 table td{ padding:0 10px;} .Mindex_QA2 table td span{ font:14px/40px Arial, Helvetica, sans-serif; font-weight:bold; color:#0a913d;} .Mindex_QA2 table td a{ color:#333; text-decoration:none;} .Mindex_QA2 table td a:hover{ color:#147abc;} /*========== 會員中心-首頁元件03(最新消息) ==========*/ .SB_MemberWitemTitle01{ width:385px; height:37px; border-top:#0a913d 3px solid; border-left:#c5c5c5 1px solid; border-right:#c5c5c5 1px solid;} .SB_MemberWitemTitle01 p{ display:block; width:351px; height:36px; border-bottom:#e7e7e7 1px solid; font:15px/36px 微軟正黑體, Arial, Helvetica, sans-serif; color:#0a913d; padding-left:34px; background:url(../images/member_symbol/icon_news.png) left top no-repeat;} .SB_MemberWitemContent01{ width:385px; border-left:#c5c5c5 1px solid; border-right:#c5c5c5 1px solid; border-bottom:#c5c5c5 1px solid;} ul.SB_MemberWitemNews{ width:355px; padding:0 15px;} ul.SB_MemberWitemNews li{ width:100%; height:50px; padding-top:5px;} ul.SB_MemberWitemNews li p{ font:13px/20px 微軟正黑體, Arial, Helvetica, sans-serif; color:#f68b2b;} ul.SB_MemberWitemNews li a{ display:block; width:100%; height:20px; font:13px/20px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333; text-decoration:none; overflow:hidden; } ul.SB_MemberWitemNews li a:hover{ font:13px/20px 微軟正黑體, Arial, Helvetica, sans-serif; color:#147abc; text-decoration:none;} /*========== 會員中心-首頁元件04(購物小幫手) ==========*/ .SB_MemberWitemTitle02{ width:385px; height:37px; border-top:#0a913d 3px solid; border-left:#c5c5c5 1px solid; border-right:#c5c5c5 1px solid;} .SB_MemberWitemTitle02 p{ display:block; width:351px; height:36px; border-bottom:#e7e7e7 1px solid; font:15px/36px 微軟正黑體, Arial, Helvetica, sans-serif; color:#0a913d; padding-left:34px; background:url(../images/member_symbol/icon_helper.png) left top no-repeat;} .SB_MemberWitemContent02{ width:385px; height:223px; border-left:#c5c5c5 1px solid; border-right:#c5c5c5 1px solid; border-bottom:#c5c5c5 1px solid;} .SB_MemberWitemhelp{ width:355px; padding:0 15px;} .SB_MemberWitemhelp li{ width:100%; padding:15px 0 10px 0;} .SB_MemberWitemhelp li p{ font:15px/18px 微軟正黑體, Arial, Helvetica, sans-serif; color:#f68b2b;} .SB_MemberWitemhelp li a{ font:13px/20px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333; text-decoration:none;} .SB_MemberWitemhelp li a:hover{ font:13px/20px 微軟正黑體, Arial, Helvetica, sans-serif; color:#147abc; text-decoration:none;} /*========== 會員中心-首頁元件05(我的日曆) ==========*/ .SB_MemberWitemTime01{ width:236px; height:42px; background:url(../images/member_symbol/sb_Calendar_title.jpg) left top no-repeat; font:15px/42px 微軟正黑體, Arial, Helvetica, sans-serif; color:#fff; text-align:center;} .SB_MemberWitemTime02{ width:234px; height:140px; background:#f8fffa;border-left:#c5c5c5 1px solid; border-right:#c5c5c5 1px solid; border-bottom:#c5c5c5 1px solid;} .SB_MemberWitemTimeA{ width:100%; height:80px; text-align:center; font:70px/80px Arial, Helvetica, sans-serif; color:#55b46c;} .SB_MemberWitemTimeB{ width:100%; height:30px; text-align:center; font:15px/30px 微軟正黑體, Arial, Helvetica, sans-serif; color:#55b46c;} .SB_MemberWitemTimeC{ width:100%; height:30px; text-align:center; font:15px/20px Arial, Helvetica, sans-serif; color:#55b46c;} /*========== 會員中心-會員資料 ==========*/ .SB_MemberWitemTitle03{ height:41px; border-top:#2D3D52 3px solid; border-left:#c5c5c5 1px solid; border-right:#c5c5c5 1px solid; position:relative;} .SB_MemberWitemTitle03 p{ background: #f5f5f5;display:block; height:40px; border-bottom:#e7e7e7 1px solid; font:15px/40px 微軟正黑體, Arial, Helvetica, sans-serif; color:#232323; padding-left:15px;} .SB_MemberWitemContent03{ border-left:#c5c5c5 1px solid; border-right:#c5c5c5 1px solid; border-bottom:#c5c5c5 1px solid; padding:2px 0 0 0;} .SB_MemberWitemModify{ font:15px/50px 微軟正黑體, Arial, Helvetica, sans-serif; color:#232323;} .SB_MemberWitemModify select,.SB_MemberWitemModify input{ margin-right:10px;} .SB_MemberModify_btn{ width:150px; height:53px; margin:0 auto;} .SB_MemberModify_btn input{ display:block; width:150px; height:53px; background:url(../images/member_symbol/sb_btn_agreemodify.png) left top no-repeat; border:none; cursor:pointer; text-indent:-9999px;} .SB_MemberModify_btn input:hover{ display:block; width:150px; height:53px; background:url(../images/member_symbol/sb_btn_agreemodify.png) left bottom no-repeat; border:none; cursor:pointer; text-indent:-9999px;} /*========== 會員中心-紅利點數 ==========*/ .SB_MemberBonus_btn{ width:150px; height:53px; margin:0 auto;} .SB_MemberBonus_btn input{ display:block; width:150px; height:53px; background:url(../images/member_symbol/sb_btn_Signin.png) left top no-repeat; border:none; cursor:pointer; text-indent:-9999px;} .SB_MemberBonus_btn input:hover{ display:block; width:150px; height:53px; background:url(../images/member_symbol/sb_btn_Signin.png) left bottom no-repeat; border:none; cursor:pointer; text-indent:-9999px;} .SB_MemberBonusRecord{ font: 15px/40px 微軟正黑體, Arial, Helvetica, sans-serif; color:#232323;} .SB_MemberBonusCheck p{ font:15px/40px 微軟正黑體, Arial, Helvetica, sans-serif; color:#232323; cursor:pointer;} .SB_MemberBonus_title{ background:url(../images/member_symbol/sb_Member_titlebg.gif) left top repeat-x;border-right: #e7e7e7 1px solid;text-align: center;} .it174_content{text-align: center;font: 15px/26px 微軟正黑體, Arial, Helvetica, sans-serif; padding: 4px;border-right: #e7e7e7 1px solid;} .SB_MemberBonus_from{ padding:5px 20px 5px 20px; font:13px/20px 微軟正黑體, Arial, Helvetica, sans-serif; color:#0a913d;} .SB_MemberBonus_fromBox{ display:none;} /*========== 會員中心-訂單管理 ==========*/ .SB_MemberOrderList > table{ font:15px/40px 微軟正黑體, Arial, Helvetica, sans-serif; color:#232323; text-align: center;border-left: #c5c5c5 1px solid; border-right: #c5c5c5 1px solid;} .SB_MemberOrder_title{ background:url(../images/member_symbol/sb_Member_titlebg.gif) left top repeat-x;border-bottom:#e7e7e7 1px solid;border-right:#e7e7e7 1px solid;} .SB_MemberOrder_bottom{ border-top: #c5c5c5 1px solid;font:12px/30px 微軟正黑體, Arial, Helvetica, sans-serif; color:#999; padding-left:5px;} ul.SB_MemberOrder_Tbox{ width:415px; height:40px; position:absolute; top:0; right:0;} ul.SB_MemberOrder_Tbox li{ float:left; font:15px/40px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333;} li.MemberOrder_Tbox01{ width:225px; height:40px;} li.MemberOrder_Tbox02{ width:180px; height:40px;} .SB_MemberOrder_w01{ font:13px/40px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333; text-align: center;} .MemberOrder_State{ display:block; width:40px; height:20px; font:15px/20px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333; background:url(../images/member_symbol/icon_light01.png) left center no-repeat; margin: 0 auto; text-align: center;} .MemberOrder_Price{ text-align:center; font:15px/20px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333;} .MemberOrder_Invoice{ text-align:center;} .MemberOrder_Invoice a{ font:13px/20px 微軟正黑體, Arial, Helvetica, sans-serif; color:#147abc; text-decoration:none;} .MemberOrder_Invoice a:hover{ font:13px/20px 微軟正黑體, Arial, Helvetica, sans-serif; color:#147abc; text-decoration:none;} .MemberOrder_Deal{ text-align:center; padding:10px 0;} .MemberOrder_Deal a{ font:15px/26px 微軟正黑體, Arial, Helvetica, sans-serif; color:#232323; text-decoration:none;} .MemberOrder_Deal a:hover{ font:15px/26px 微軟正黑體, Arial, Helvetica, sans-serif; color:#d50000; text-decoration:none;} .MemberOrder_Tote{ text-align:center;} .MemberOrder_Tote a{ font:12px/20px 微軟正黑體, Arial, Helvetica, sans-serif; color:#147abc; text-decoration:none;} .MemberOrder_Tote a:hover{ font:12px/20px 微軟正黑體, Arial, Helvetica, sans-serif; color:#147abc; text-decoration:none;} ul.MemberOrder_Time{ width:630px; height:60px; margin:15px auto 0 auto;} li.MemberOrder_Time_t{ width:630px; height:11px; text-align:center; padding-top:12px} li.MemberOrder_Time_t img{ display:block; width:630px; height:11px;} li.MemberOrder_Time_b{ width:630px; height:37px; position:relative; margin-top:5px;} li.MemberOrder_Time_b > div{font:15px/25px 微軟正黑體, Arial, Helvetica, sans-serif;color:#d50000!important;} .MemberOrder_Time01,.MemberOrder_Time02,.MemberOrder_Time03,.MemberOrder_Time04{ position:absolute;} .MemberOrder_Time01{ width:105px; height:25px; top:5px; left:7px; color:#f68b2b;} .MemberOrder_Time02{ width:105px; height:25px; top:5px; left:205px; color:#f68b2b;} .MemberOrder_Time03{ width:105px; height:25px; top:5px; left:382px; color:#f68b2b;} .MemberOrder_Time04{ width:80px; height:25px; top:5px; right:0; color:#0a913d;} .MemberOrder_Product{ width:300px; margin:0 auto; padding:10px 0;} .MemberOrder_Product ul li{ float:left; display:block;} li.MemberOrder_ProductL{ width:70px; height:60px;} li.MemberOrder_ProductR{ width:230px;} li.MemberOrder_ProductR span a{ font:12px/20px 微軟正黑體, Arial, Helvetica, sans-serif; color:#f68b2b; text-decoration:none;} li.MemberOrder_ProductR span a:hover{ font:12px/20px 微軟正黑體, Arial, Helvetica, sans-serif; color:#f68b2b; text-decoration:underline;} li.MemberOrder_ProductR p a{ font:13px/20px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333; text-decoration:none;} li.MemberOrder_ProductR p a:hover{ font:13px/20px 微軟正黑體, Arial, Helvetica, sans-serif; color:#147abc; text-decoration:none;} .SB_MemberOrder_w02{ font:15px/40px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333; padding-left:10px;} .SB_MemberOrder_w03{ font:15px/40px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333; text-align:right; padding-right:10px;} .MemberOrder_Name{ text-align:left; font:13px/20px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333; padding:10px;} .SB_MemberOrder_btn{ width:150px; height:53px; margin:0 auto; margin-bottom:30px;} .SB_MemberOrder_btn input{ display:block; width:150px; height:53px; background:url(../images/member_symbol/sb_btn_Back.png) left top no-repeat; border:none; cursor:pointer; text-indent:-9999px;} .SB_MemberOrder_btn input:hover{ display:block; width:150px; height:53px; background:url(../images/member_symbol/sb_btn_Back.png) left bottom no-repeat; border:none; cursor:pointer; text-indent:-9999px;} /*========== 會員中心-會員登入頁（一般） ==========*/ .SB_MemberLogin_t{ width:100%; height:483px; background:url(../images/member_symbol/sb_LoginPage_bg.jpg) left top repeat-x;} .SB_MemberLoginBox{ max-width:1260px; min-width:1004px; height:483px; margin:0 auto; position:relative;} h1.MemberLogin_Logo a{ display:block; width:185px; height:90px; background:url(../images/member_symbol/SunnyGo_logo2.png) left top no-repeat; text-indent:-9999px; position:absolute; top:27px; left:0;} .SB_MemberLogin_AD{ max-width:1260px; min-width:1004px; height:366px; position:absolute; bottom:0; left:0;} .SB_MemberLogin_AD img{ width:100%; height:auto;} .SB_MemberLogin_RB{ width:580px; height:330px; background:#FFF; border:#d1d1d1 3px solid; position:absolute; bottom:30px; right:15px;} .SB_MemberLogin_RB ul{ width:580px;} .SB_MemberLogin_RB ul li{ float:left;} .SB_MemberLogin_RB ul li.SB_MemberLogin_RB01{ width:350px; height:320px; padding-top:10px;} .SB_MemberLogin_RB ul li.SB_MemberLogin_RB02{ width:230px; height:320px; padding-top:10px; background:#f5f5f5;} .SB_MemberLogin_RB01 > table{ margin:0 auto;} .SB_MemberLogin_RB02 > table{ margin:0 auto;} .MemberLogin_W01{ font:13px/30px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333; font-weight:bold;} .MemberLogin_Input01{ width:280px; height:30px; font:13px/30px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333; padding:0 5px;} .MemberLogin_Input02{ width:100px; height:30px; font:13px/30px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333; padding:0 5px;} .MemberLogin_Input03{ padding:20px 0;} .MemberLogin_Input03 input{ display:block; width:290px; height:50px; border:none; background:url(../images/member_symbol/sb_btn_Signin2.png) left top no-repeat; cursor:pointer; text-indent:-9999px;} .MemberLogin_Input03 input:hover{ display:block; width:290px; height:50px; border:none; background:url(../images/member_symbol/sb_btn_Signin2.png) left bottom no-repeat; cursor:pointer; text-indent:-9999px;} .MemberLogin_Input04{ padding-bottom:10px;} .MemberLogin_Input04 a{ display:block; width:180px; height:50px; border:none; background:url(../images/member_symbol/sb_btn_SBlogin.png) left top no-repeat; cursor:pointer; text-indent:-9999px;} .MemberLogin_Input04 a:hover{ display:block; width:180px; height:50px; border:none; background:url(../images/member_symbol/sb_btn_SBlogin.png) left bottom no-repeat; cursor:pointer; text-indent:-9999px;} .MemberLogin_Input05{ padding-bottom:10px;} .MemberLogin_Input05 a{ display:block; width:180px; height:50px; border:none; background:url(../images/member_symbol/sb_btn_FBlogin.png) left top no-repeat; cursor:pointer; text-indent:-9999px;} .MemberLogin_Input05 a:hover{ display:block; width:180px; height:50px; border:none; background:url(../images/member_symbol/sb_btn_FBlogin.png) left bottom no-repeat; cursor:pointer; text-indent:-9999px;} .MemberLogin_Input08{ padding-bottom:10px;} .MemberLogin_Input08 a{ display:block; width:180px; height:50px; border:none; background:url(../images/member_symbol/sb_btn_glogin.png) left top no-repeat; cursor:pointer; text-indent:-9999px;} .MemberLogin_Input08 a:hover{ display:block; width:180px; height:50px; border:none; background:url(../images/member_symbol/sb_btn_glogin.png) left bottom no-repeat; cursor:pointer; text-indent:-9999px;} .MemberLogin_ApproveBox input,.MemberLogin_ApproveBox img{ float:left; margin-right:10px;} .MemberLogin_ApproveBox a{ font:15px/30px 微軟正黑體, Arial, Helvetica, sans-serif; color:#d0af68;} .MemberLogin_ApproveBox a:hover{ font:15px/30px 微軟正黑體, Arial, Helvetica, sans-serif; color:#d0af68; text-decoration:none;} .MemberLogin_BottomBox ul{ width:290px; height:15px;} .MemberLogin_BottomBox ul li{ float:left;} .MemberLogin_BottomBox ul li a{ display:block; width:144px; height:15px; font:13px/15px 微軟正黑體, Arial, Helvetica, sans-serif; text-align:center; color:#0a913d; text-decoration:none;} .MemberLogin_BottomBox ul li a:hover{ display:block; width:144px; height:15px; font:13px/15px 微軟正黑體, Arial, Helvetica, sans-serif; text-align:center; color:#0a913d; text-decoration:underline;} .MemberLogin_BottomL{ border-right:#d1d1d1 1px solid;} .SB_MemberLogin_b{ max-width:1260px; min-width:1004px; height:135px; margin:0 auto;} .SB_MemberLogin_b img{ width:100%; height:auto;} .MemberLogin_PW{ display:block; width:95px; height:20px; position:absolute; top:81px; left:212px; background:url(../images/member_symbol/icon_Question.png) left top no-repeat; padding-left:23px;} .MemberLogin_PW a{ display:block; font:13px/15px 微軟正黑體, Arial, Helvetica, sans-serif; color:#0a913d; text-decoration:none;} .MemberLogin_PW a:hover{ font:13px/15px 微軟正黑體, Arial, Helvetica, sans-serif; color:#0a913d; text-decoration:underline;} /*========== 會員中心-會員登入頁（企業） ==========*/ .SB_MemberLogin_RB2{ width:580px; height:360px; background:#FFF; border:#0a913d 3px solid; position:absolute; bottom:30px; right:15px;} .SB_MemberLogin_RB2 ul{ width:580px;} .SB_MemberLogin_RB2 ul li{ float:left;} .SB_MemberLogin_RB2 ul li.SB_MemberLogin_RB01{ width:350px; height:350px; padding-top:10px;} .SB_MemberLogin_RB2 ul li.SB_MemberLogin_RB02{ width:230px; height:350px; padding-top:10px; background:#f5f5f5;} .MemberLogin_select01{ width:290px; height:30px; font:13px/30px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333; padding:0 5px;} .MemberLogin_PW2{ display:block; width:90px; height:20px; position:absolute; top:141px; left:212px; background:url(../images/member_symbol/icon_Question.png) left top no-repeat; padding-left:23px;} .MemberLogin_PW2 a{ display:block; font:13px/15px 微軟正黑體, Arial, Helvetica, sans-serif; color:#0a913d; text-decoration:none;} .MemberLogin_PW2 a:hover{ font:13px/15px 微軟正黑體, Arial, Helvetica, sans-serif; color:#0a913d; text-decoration:underline;} .MemberLogin_Input06{ padding-top:20px;} .MemberLogin_Input06 input{ display:block; width:290px; height:50px; border:none; background:url(../images/member_symbol/sb_btn_Signin2.png) left top no-repeat; cursor:pointer; text-indent:-9999px;} .MemberLogin_Input06 input:hover{ display:block; width:290px; height:50px; border:none; background:url(../images/member_symbol/sb_btn_Signin2.png) left bottom no-repeat; cursor:pointer; text-indent:-9999px;} .MemberLogin_Input07{ padding-bottom:10px;} .MemberLogin_Input07 a{ display:block; width:180px; height:50px; border:none; background:url(../images/member_symbol/sb_btn_login02.png) left top no-repeat; cursor:pointer; text-indent:-9999px;} .MemberLogin_Input07 a:hover{ display:block; width:180px; height:50px; border:none; background:url(../images/member_symbol/sb_btn_login02.png) left bottom no-repeat; cursor:pointer; text-indent:-9999px;} /*========== 會員中心-會員密碼查詢&重發會員認證信&會員密碼重設 ==========*/ .SB_MemberNologinPage_btn{ width:150px; height:53px; margin:0 auto;} .SB_MemberNologinPage_btn input{ display:block; width:150px; height:50px; font:20px/50px 微軟正黑體,Arial,Helvetica,sans-serif; color:#FFF; background:#1671b8; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border:none; cursor:pointer;} .SB_MemberNologinPage_btn input:hover{ display:block; width:150px; height:50px; font:20px/50px 微軟正黑體,Arial,Helvetica,sans-serif; color:#FFF; background:#1c8fe7; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border:none; cursor:pointer;} /*========== 會員中心-左欄選單 ==========*/ .SB_MemberLitemBOX{ width:200px; margin:0 auto; margin-bottom:15px;} /*首頁*/ .SB_MemberLitemTitle01{ display:block; width:160px; height:37px; border-bottom:#0a913d 3px solid; font:15px/40px 微軟正黑體, Arial, Helvetica, sans-serif; color:#0a913d; padding-left:40px; background:url(../images/member_symbol/icon_bag.png) left center no-repeat;} .SB_MemberLitemContent01{ width:198px; border-left:#c5c5c5 1px solid; border-right:#c5c5c5 1px solid; border-bottom:#c5c5c5 1px solid;} .SB_MemberLitem_listnow{ width:158px; height:39px; font:15px/40px 微軟正黑體, Arial, Helvetica, sans-serif; color:#0a913d; font-weight:bold; padding-left:37px; border-bottom:#e2e2e2 1px solid; border-left:#f6ac2b 3px solid;} ul.SB_MemberLitem_list li a{ display:block; width:158px; height:38px; font:15px/40px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333; text-decoration:none; padding-left:40px; border-bottom:#e2e2e2 1px solid; border-top:#fefefe 1px solid; background:#f2f2f2;} ul.SB_MemberLitem_list li a:hover{ display:block; width:158px; height:38px; font:15px/40px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333; text-decoration:none; padding-left:40px; border-bottom:#e2e2e2 1px solid; border-top:#fefefe 1px solid; background:#ededed;} /*========== 會員中心-左欄(客戶服務) ==========*/ .SB_MemberLitem_listnow02{ width:161px; height:39px; font:15px/40px 微軟正黑體, Arial, Helvetica, sans-serif; color:#0a913d; font-weight:bold; padding-left:37px; border-bottom:#e2e2e2 1px solid; border-top:#0a913d 3px solid; background:url(../images/member_symbol/icon_Exclamation01.png) 18px 16px no-repeat;} .SB_MemberLitem_servicetime{ padding-left:10px; padding-top:15px; font:13px/25px 微軟正黑體, Arial, Helvetica, sans-serif; color:#555;} .SB_MemberLitem_servicetime2{ display:block; margin-top:20px; margin-bottom:20px; background:url(../images/member_symbol/icon_Exclamation02.jpg) left 5px no-repeat; font:13px/20px 微軟正黑體, Arial, Helvetica, sans-serif; color:#f87d24; text-indent:20px;} /*========== 表格寬度 ==========*/ .SPCartDetail_tw01{ width:46%;} .SPCartDetail_tw02{ width:10%;} .SPCartDetail_tw03{ width:12%;} .SPCartDetail_tw04{ width:58%;} .SPCartDetail_tw05{ width:10%;} .SPCartDetail_tw06{ width:12%;} .SB_tableW70{ width:70px; text-align:center;} .SB_tableW120{ width:110px; text-align:right; padding-right:10px;} .SB_tableW45{ width:45px; text-align:center;} .SB_tableW220{ width:220px;} .SB_tableW109{ width:109px; border-right:#e7e7e7 1px solid; text-align:center; height: 40px;} .SB_tableW110{ width:110px;} .SB_tableW130{ width:130px;font-size:15px;} .SB_tableW270{ width:270px;} .SB_tableW80{ width:80px;} .SB_tableW90{ width:90px;} .SB_tableW107{ width:107px; background:#fbfbfb; border-right:#e7e7e7 1px solid;} .SB_tablelineb01{ border-bottom:#e7e7e7 1px solid; border-right: #e7e7e7 1px solid;} .SB_tablelineb02{ border-bottom:#e7e7e7 2px solid;} .SB_tablelineb03 tr:first-child,.SB_tablelineb03 li:first-child{ border-top:none;} .SB_tablelineb03 tr,.SB_tablelineb03 li{ border-top:#bcbcbc 1px solid;} .SB_tablelineb04{ border-bottom:#f2f2f2 3px solid;} .SB_tablelineb05 tr:first-child{ border-top:none;} .SB_tablelineb05 tr{ border-top:#bcbcbc 1px solid;} .SB_tablelineb06 tr:first-child{ border-top:none;} .SB_tablelineb06 tr{ border-top:#e7e7e7 1px solid;} .SB_tablelineb07{ border-right:#e7e7e7 1px solid;font-size:15px;text-align: center;} .SB_tablemarginB15{ margin-bottom:15px; background-color:#fff;} .SB_tablemarginB30{ margin-bottom:30px;} .SB_tablemarginL10{ margin-left:10px;} .SB_tablemarginL20{ margin-left:20px;} .SB_tablemarginR10{ margin-right:10px;} .SB_tablemarginT15{ margin-top:15px;} .SB_tablemarginTB10{ margin:10px 0;} .SB_tablecolor01{ background:#f9f9f9;} .SB_tablecolor02{ background:#fffcdf;} .SB_tablepaddingL10{ padding-left:10px;} .SB_tablepaddingL50{ padding-left:50px;} .SB_tableWstyle01{ color:#e82222; font-weight:bold; margin-right:5px;} .SB_tableWstyle02{ font-size:12px; color:#999; margin-left:5px;} .SB_tableWstyle03{ font-size:15px; color:#d50000; font-weight: 700;} .SB_tableWstyle04{ font:13px/22px 微軟正黑體, Arial, Helvetica, sans-serif; color:#e82222;} .SB_tableWstyle05{ font:12px/40px 微軟正黑體, Arial, Helvetica, sans-serif; color:#999;} .SB_tableWstyle06 a{ font:15px/40px Arial, Helvetica, sans-serif; color:#8cc21c; font-weight:bold; text-decoration:none;} .SB_tableWstyle06 a:hover{ font:15px/40px Arial, Helvetica, sans-serif; color:#9edc1c; font-weight:bold;} .SB_tableWstyle07{ font:15px/40px Arial, Helvetica, sans-serif; color:#e82222; font-weight:bold;} .SB_tableInput01{ width:180px; height:30px; font:15px/30px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333; padding:0 10px;} .SB_tableInput02{ width:80px; height:30px; font:15px/30px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333; padding:0 10px;} .SB_tableInput03{ width:376px; height:30px; font:15px/30px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333; padding:0 10px;} .SB_tableInput04{ width:100%; height:90px; font:15px/30px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333; padding:0 10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .SB_tableInput05{ width:398px; height:30px; font:15px/30px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333; padding:0 10px;} .SB_tableInput06{ width:250px; height:30px; font:15px/30px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333; padding:0 10px;} .SB_tableSelect01{ width:100px; font:15px/30px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333;} /*========== 顏色&圖片共用區(重要) ==========*/ /*商品詳細*/ .SB_IMGicon_line{ background:url(../images/member_symbol/icon_line.gif);} .SB_IMGicon_speaker{ background:url(../images/member_symbol/icon_speaker.jpg);} .SB_BORDERcolor_green{ border-top:#0a913d 3px solid;} .SB_BORDERcolor_green2{ border-bottom:#b38b81 5px solid;} .SB_WORDcolor_green{ color:#b38b81;} .SB_WORDcolor_gray{ color:#c8c8c8;} .SB_WORDcolor_black{ color:#333;} .SB_IMGicon_stepok{ background:url(../images/member_symbol/icon_ok2_1.png);} .SB_IMGicon_stepok2{ background:url(../images/member_symbol/icon_ok2_2.png);} /*========== 頁碼(通用) ==========*/ .SB_b_page{ width:784px; height:80px; text-align:center;} ul.SB_pageBox{ display:inline-block;} ul.SB_pageBox li{ float:left;} li.SB_page_prev a, li.SB_page_next a{ display:block; padding:0 15px; border:#e5e5e5 1px solid; font:13px/35px 微軟正黑體, Arial, Helvetica, sans-serif; text-decoration:none; color:#2953a6;} li.SB_page_prev a:hover, li.SB_page_next a:hover{ display:block; padding:0 15px; border:#e5e5e5 1px solid; font:13px/35px 微軟正黑體, Arial, Helvetica, sans-serif; text-decoration:none; color:#555; background:#efefef;} li.SB_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:#2953a6;} li.SB_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:#555; background:#efefef;} li.SB_page_break{ font:15px/35px Arial, Helvetica, sans-serif; color:#555; margin:0 10px;} li.SB_page_now{ display:block; padding:0 15px; border:#e5e5e5 1px solid; border-left:none; background:#efefef; font:13px/35px Arial, Helvetica, sans-serif; text-decoration:none; color:#555;} /*150303新增*/ #member_confirm .SB_MemberWitemSay{ margin:0 auto;} #member_confirm .SB_MemberWitemBOX{ margin:0 auto; background-color:#fff;} #member_lostpw .SB_MemberWitemSay{ margin:0 auto;} #member_lostpw .SB_MemberWitemBOX{ margin:0 auto;background-color:#fff;} /* setting.css */ /*Tools **********************************/ a, img { noFocusLine:expression(this.onFocus=this.blur()); } /* For IE*/ :focus { -moz-outline-style:none; outline-style:none; } /* For Firefox */ .posRel { position:relative;} .posAbs { position:absolute;} .fL { float:left; } .fR { float:right; } .clear { clear:both; } .clearL { clear:left; } .clearR { clear:right; } .clearFix { zoom:1; } .clearFix:after { clear:both; display:block; visibility:hidden; height:0; line-height:0; content:""; } .br { border:1px #F00 solid;} .block { display:block; } .hide { display:none; } .nowarp { white-space:nowrap} .overy { overflow-y:scroll;} img { border:none;} hr { display:block; width:100%; height:0; border-top:1px solid #ddd; border-bottom:none; line-height:0;} /*p { margin:10px 0; line-height:1.4em; }*/ .btnArea { width:100%; margin:0 auto; height:50px; } .col_bg { background-color:#fbfbfb; } .col_bg td { background-color:#fbfbfb; } .highLight { font-weight:bold; color:#b82a41; } .remark { color:#232323; } a.link { color:#8cc21c; text-decoration:underline; } a.link:hover { text-decoration:none; } a { text-decoration:none; } a:hover { text-decoration:none; } .defaultTextActive { color:#a1a1a1; font-size:12px; } textarea { width:70%; height:42px; resize:none; } /*input[type="text"], input[type="password"] { width:150px; height:15px; border:none; margin:0; padding:0; } input[type="text"], input[type="password"], textarea { border:1px solid #CCC; padding:3px; margin-left:0px; margin-right:0px;}*/ input[type="text"], input[type="password"] { margin:0; padding:0; } input[type="text"], input[type="password"], textarea { padding:3px 3px 3px 10px; margin-left:0px; margin-right:0px;} input[type="radio"], input[type="checkbox"] { margin:3px 0.5ex; padding:initial; background-color:initial; border:initial; } input[type="radio"] {margin:3px 3px 0px 5px; -webkit-appearance:radio; box-sizing:border-box;} /* select { margin:0; height:23px;} */ .inputFrame { border:1px solid #ccc; padding:5px; background-color:#fff;} .inputFrame input { background-color:#fff; border:none; font-size:15px; } label { margin-left:15px; } .h1 { display:block; line-height:1.3em; margin-bottom:3px; font-size:22px; color:#666; } /*Box Model **********************************/ .aliCenter { text-align:center;} .aliLeft { text-align:left;} .aliRight { text-align:right;} .aliMid { vertical-align:middle;} .mL0 { margin-left:0px !important; } .mL10 { margin-left:10px !important; } .mL120 { margin-left:120px !important; } .mR10 { margin-right:10px !important; } .mL15 { margin-left:15px !important; } .mR15 { margin-right:15px !important; } .mT25 { margin-top:25px !important; } .mB25 { margin-bottom:25px !important; } .pT7 { padding-top:7px !important; } .pT10 { padding-top:10px !important; } .pT15 { padding-top:15px !important; } .pL13 { padding-left:13px !important; } .pL4p { padding-left:4% !important; } .pL5p { padding-left:5% !important; } .pL14 { padding-left:14px !important; } .pL10 { padding-left:10px !important; } .pR10 { padding-right:10px !important; } .pR20 { padding-right:20px !important; } .pB20 { padding-bottom:20px !important; } .mT20 { margin-top:20px !important; } .w11p { width:11% !important; } .w28p { width:28% !important; } .w62p { width:62% !important; } .w75 { width:75px !important; } .w80 { width:80px !important; } .w150 { width:150px !important; } .w165 { width:165px !important; } .w320 { width:320px !important; } .w380 { width:380px !important; } .borT { border-top:1px solid #eaeaea; } .coldark { color:#000 !important; } /* item_layout.css */ /*========== 購物車流程 ==========*/ .AY_ShoppingCartStep_BOX{ width:100%; height:80px; border-bottom:5px #dfdfdf 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:#999;} .AY_WORDcolor_black{ color:#333;} .AY_WORDcolor_blue{ color:#C71810;} .AY_LINEcolor_blue{ border-bottom:5px #d2c3ae solid;} .AY_ShoppingCart_BOX{ margin:0 auto; margin-bottom:15px; background:#FFF; border:1px solid #dbdbdb;} .AY_ShoppingCart_BOX2{ margin:0 auto; margin-bottom:15px; 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/35px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333; padding-left:20px;} .AY_SCart_title_color11{ width:100%; height:42px; border-top:3px #1e71b5 solid; border-bottom:1px #d9d9d9 dotted; background:#ffffff; padding-left:10px;} .AY_SCart_title_color10{ width:100%; height:42px; border-top:3px #759b2e solid; border-bottom:1px #d9d9d9 dotted; background:#ffffff; padding-left:10px;} .AY_SCart_title_color3{ width:100%; height:42px; border-top:3px #e75502 solid; border-bottom:1px #d9d9d9 dotted; background:#ffffff; padding-left:10px;} .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%; padding:10px 10px 10px 20px;} .AY_SB_mainproduct_L a{ display:block; width:90px; height:90px;} .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:#be8389;} .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:#666;} .AY_SB_mainproduct_R h2 a:hover{color:#F08300;} .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;cursor: pointer;} .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:#e9589a; margin-left:15px;} .AY_ShoppingCart_BOX2 .AY_SC_Bottom_L{ float:left; width:50%; padding-left:35px; text-align:left;} .AY_ShoppingCart_BOX2 .AY_SC_Bottom_R{ float:right; width:50%; 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:#e9589a;} .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:#e9589a;} .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:#e9589a;} .AY_SC_Bottom_R ul li h3 span.AY_SC_Bottom_R_Price02{ font:30px/50px Arial, Helvetica, sans-serif; margin-left:5px; color:#e9589a;} .AY_SC_Bottom_Btn{ width:100%; height:50px; clear:both; padding:0 5px; margin-bottom: 30px;} .AY_SC_Bottom_Btn ul li{ float:right;} .AY_btn_checkout input,.btn_confirm_send input{ 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;} .AY_btn_checkout input:hover,.btn_confirm_send input:hover{ background:#f54b4b; text-decoration:none;} .AY_btn_continuebuy input,.btn_back_pre 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;} .AY_btn_continuebuy input:hover,.btn_back_pre a:hover{ background:#1c8fe7; text-decoration:none;} /*購物車第二步驟*/ .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_SC_Bottom_R ul li a:hover{ 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:#e9589a; margin-left:15px;} .AY_ShoppingCart_BOX2 .AY_SC_Bottom_R_1{ float:right; width:50%; padding-right:20px; 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:#333333;} .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:#e9589a;} .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:#e9589a;} /*購物車第三步驟*/ .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:250px; height:100px; margin:0 auto; background:url(images/anyong_new/AY_img_ordersuccess.png) 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:190px; height:50px; background:url(images/anyong_new/AY_btn_printpage.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;} /*========== 購物車流程新增 ==========*/ .AY_ShoppingBox_W02{ width:30%;}/*========== 沒有溫層 ==========*/ #shopping_checkout_2 .AY_ShoppingBox_W03{ width:40%;}/*========== 沒有溫層 ==========*/ .AY_SBox_content03 p,.AY_SBox_content03_1 p{ right:20px;} .discount_allBox{ color:#ff3838; font-size:14px; line-height:24px;} .discount_allBox span{ display: inline-block; border:2px solid #ff3838; text-align:center; padding:0 8px; height:26px;font-size:14px; line-height:24px; color:#ff3838;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; margin-right:5px;} .discount_allBox span.discount_word{ border:0; padding:0; color:#333;margin:0;} .discount_allBox span.discount_word span{border:0; padding-left:15px; padding-right:0; margin:0;} .AY_SC_Bottom_R_1 span{ color:#e9589a;} .pay_delivery{ font-size:14px; color:#999;} .pay_delivery ul li h5{ font-size:14px;color:#999;} .left_paddingbox{ width:120px;} .left_paddingbox01{ padding-left:60px; padding-bottom:5px;} .discount_couponbox{ text-align:right; padding:10px 20px;} .discount_couponbox .click_show{ font-size:14px; line-height:24px; cursor:pointer; color:#333333; opacity: .9;} .discount_couponbox .click_show:hover{color:#333333;opacity: 1;} .discount_couponbox .couponbox_btn{background-color:#333333;-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font:14px/30px 微軟正黑體, Arial, Helvetica, sans-serif; color:#fff; border:0; cursor:pointer; padding:0 15px;} .discount_couponbox .couponbox_btn:hover{background-color:#333333;-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font:14px/30px 微軟正黑體, Arial, Helvetica, sans-serif; color:#fff; border:0; cursor:pointer; padding:0 15px;} .AY_SB_mainproduct_R2_n{ width:73%;} .AY_SC_Bottom_Btn.bottom_btn.AY_ShoppingCart_BOX2{ background:none; border:0;} /*===== JOO各版型控制色系用CSS =====*/ /*不用改的*/ .jooshop_btn_login > input,.jooshop_btn_login > input:hover{ font:28px/50px 微軟正黑體,Arial,Helvetica,sans-serif; color:#FFF; letter-spacing:3px; background-image:none; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; text-indent:0;} .jooshop_scbtn_print input,.jooshop_scbtn_print input:hover{ background-image:none; color:#fff; font:20px/50px 微軟正黑體,Arial,Helvetica,sans-serif; text-indent:0; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;} .jooshop_mem_btn input,.jooshop_mem_btn input:hover,.jooshop_mem_btn a,.jooshop_mem_btn a:hover{ background-image:none; color:#fff; font:20px/50px 微軟正黑體,Arial,Helvetica,sans-serif; text-indent:0; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; text-align:center;} .jooshop_step_color{ border-bottom-color:#333333;} .jooshop_step_color span{ color:#2D3D52;} .jooshop_scstep_color{ border-bottom-color:#f2f2f2;} .joo_ordersuccess{ width:210px; height:100px; margin:0 auto;} .joo_ordersuccess h5{ font:45px/50px 微軟正黑體,Arial,Helvetica,sans-serif;} .joo_ordersuccess p{ font:28px/50px 微軟正黑體,Arial,Helvetica,sans-serif; color:#999; text-align:right; padding-right:15px;} /*要改的部分如下*/ /*價格顏色*/ .jooshop_price_color{ color: #d50000 !important;font-weight: 600;} /*按鈕*/ a.MemberLogin_newInput05,a.MemberLogin_newInput06,a.MemberLogin_newInput07{-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-ms-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s;} .jooshop_btn_color > input,.jooshop_btn_color > a{ background-color:#333333;color:#FFF;border: 1px solid #333333!important;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-ms-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s;} .jooshop_btn_color > input:hover,.jooshop_btn_color > a:hover{ background-color:#404040;border: 1px solid #404040!important;} .jooshop_btn_color2 > input,.jooshop_btn_color2 > a{ border: 1px solid #565656;background-color:#fff;color:#565656;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-ms-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s;color:#565656!important;} .jooshop_btn_color2 > input:hover,.jooshop_btn_color2 > a:hover{ background-color:#f5f5f5;color: #404040;border: 1px solid #404040 ;color:#333333!important;} #product_search .jooshop_btn_color > input{padding:5px 10px;} /*線段*/ .jooshop_title_color{ border-top-color:#2D3D52;} .jooshop_title_color2{ border-bottom-color:#2D3D52;} .jooshop_sctitle_color{ border-top-color:#2D3D52 !important;} /*會員專區元件-按鈕顏色*/ .jooshop_mem_menu{ border-left-color:#2D3D52; color:#404040;} /*訂單列表-訂單號碼顏色*/ .jooshop_mem_word > a,.jooshop_mem_word > span{ color:#d50000;opacity: .9; font-weight: 700;} .jooshop_mem_word > a:hover{ color: #d50000;opacity: 1;} /*訂購完成-文字顏色*/ .joo_ordersuccess h5{ color:#d50000;} .SB_MemberContent{ margin-bottom: 30px; padding-top: 6px;} /*input*/ input[type="button"],input[type="submit"],input[type="reset"],input[type="button"]:hover,input[type="submit"]:hover,input[type="reset"]:hover{ border-radius: 3px;} input[type="text"],input[type="password"],input[type="button"],input[type="submit"],input[type="reset"]{-webkit-appearance:none; /*去除input默认样式*/ } input[type="text"],input[type="password"],select{ border: 1px solid #ccc; height: 36px; font: 15px/36px 微軟正黑體,Arial,Helvetica,sans-serif;border-radius: 3px;} textarea{ height:80px; font: 15px/40px 微軟正黑體,Arial,Helvetica,sans-serif; border: 1px solid #ccc;} /*========== 如果使用者之視窗寬度 <= 1024px 將會再載入這裡的 CSS ==========*/ @media screen and (max-width:1024px) { /*.AY_ShoppingCart_BOX,.AY_ShoppingCart_BOX2{ width:984px;}*/ .AY_SB_mainproduct_L{ width:45%;} .AY_SB_mainproduct_R,.AY_SB_mainproduct_R2{ width:55%;} .AY_SBox_content03 p{ right:136px;} .AY_ShoppingCart_BOX2 .AY_SC_Bottom_R{ padding-right:136px;} .AY_SBox_content03_1 p{ right:38px;} .AY_ShoppingCart_BOX2 .AY_SC_Bottom_R_1{ padding-right:20px;} } /* joo5 */ .jooP5_box .jooP5_topbox .big_productinfo .Product_btnbox a.buy{ width: 175px !important;} .jooP5_box .jooP5_topbox .big_productinfo .Product_btnbox a.cart{ width: 175px !important;} .jooP5_box .jooP5_topbox .big_productinfo .Product_btnbox a.trace{ width: 175px !important;} .jooP5_box .p_bottomBtn_joo{ margin: 0 auto !important;}