/*[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[ Common 共用 ]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]*/ /* 網站主內容架構 */ html, body{ font-family: 'Roboto', 'Noto Sans TC', Microsoft JhengHei, 'PingFangTC', sans-serif;font-size:.9375rem; line-height:24px; min-width: 1200px;background:#fff; color:#222;} .FOR_TOP{ width:100%; height:100px; position:relative;} .FOR_MAIN{ padding-top:0;margin:0 auto;max-width:1200px;padding:0 0 40px 0;} #index .FOR_MAIN{ max-width:100%;padding:0;} .main_content_left{ width:200px; float:left;} .main_content_right{ width:200px; float:right;} .main_content_l_center{ float: left; width: calc(100% - 200px); padding-left: 15px;} .main_content_center{ margin-left:200px; margin-right:200px;} .main_content_no_center{ width:100%;} /* 一般鏈結 */ a:link,a:visited { color:#222;} a:hover,a:active { color:#222;} /* 欄位 */ .C_Box .Page_Litem_title{ text-align:center;} .C_Box .Page_Litem_title .L_item_name{ width: 100%; height: 50px; text-align: center;font-size: 30px;font-weight: normal;line-height: 1.43;letter-spacing: 0.6px;text-align: center;color:#222; margin: 0px auto;} /* fancybox */ .fancybox-skin{padding:10px !important;background-color: #fff;} /* Button */ .icon-color{color:#000;} .jooshop_btn_color > input, .jooshop_btn_color > a, .jooshop_btn_color2 > input, .jooshop_btn_color2 > a, .jooshop_btn_color3 > input .jooshop_btn_color3 > a{font-family: 'icons-line', 'Roboto', 'Noto Sans TC', Microsoft JhengHei, 'PingFangTC', sans-serif !important;} .jooshop_btn_color > input,.jooshop_btn_color > a{ background-color:#d70110; color: #fff; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; font-size:16px; border:0;} .jooshop_btn_color > input:hover,.jooshop_btn_color > a:hover{ background-color:#c91116;color: #fff;text-decoration: none;} .jooshop_btn_color2 > input,.jooshop_btn_color2 > a{ background-color:#222; color: #fff; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; font-size:16px; border:0;} .jooshop_btn_color2 > input:hover,.jooshop_btn_color2 > a:hover{ background-color:#000; color: #fff;text-decoration: none;} .jooshop_btn_color3 > input,.jooshop_btn_color3 > a{ background-color:#ddd; color: #222; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; font-size:16px; border:0;} .jooshop_btn_color3 > input:hover,.jooshop_btn_color3 > a:hover{ background-color:#d5d5d5; color: #222;text-decoration: none;} .jooshop_btn_color4 > input,.jooshop_btn_color4 > a{ background-color:#bbb; color: #fff; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; font-size:16px; border:0;} .jooshop_btn_color4 > input:hover,.jooshop_btn_color4 > a:hover{ background-color:#999; color: #fff;text-decoration: none;} .new_member_btn_confirm input[type="submit"], .new_member_btn_confirm a:link, .new_member_btn_confirm a:visited, .new_member_btn_confirm a:active{background-color:#d70110;} .new_member_btn_confirm input[type="submit"]:hover, .new_member_btn_confirm a:hover{background-color:#c91116;} /* Button- GO_TOP */ .gotop { display:none; position: fixed; bottom: 20px; opacity: .9; right: 10px; box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2); background-color:#FFF; border-radius:100%; z-index: 999; outline: none; cursor: pointer; text-decoration:none; width: 70px;height: 70px; text-align: center;} .gotop i{font-size: 36px; line-height: 70px; color:#999;} /* new common */ .price_color01,.price_color01 a,.jooPC_price02{color:#bbb !important;}/*商品特價時劃掉的原價*/ .price_color02,.price_color02 a,.jooPC_price01{color:#d70110 !important;}/*商品原價*/ .price_color03,.price_color03 a,.jooPC_price03{color:#d70110 !important;}/*商品特價*/ .component_title .component_remark .component_emphasize{color:#d70110;} /*[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[ Header 版頭 ]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]*/ header { position: fixed; width:100%; height:100px; z-index: 999;background-color: #fff;} header .container{max-width:1200px;width:100%;margin:0 auto;position: relative;} header > .container{height: 64px;} header .container .header_top{display: -ms-box; display:-moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-pack: space-between; -webkit-justify-content: space-between;-webkit-box-pack: space-between; -moz-box-pack: space-between; justify-content: space-between; height: 100%;} header .header_top .header_top_left{float: left;} header .header_top .header_top_right{float: right;} header .header_top .header_top_left,header .header_top .header_top_right { -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1;} /* Header版頭 - Logo標誌 */ header .header_top .header_top_left{ display: -ms-box; display:-moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-align: center; -webkit-align-items: center; align-items: center;} header .header_top .header_top_left .logo_box{height: 100%; display: -ms-box; display:-moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-align: center; -webkit-align-items: center; align-items: center; float: left; width:170px;} header .header_top .header_top_left .logo_box > a{display: block; max-width:100%; width:170px; height: auto; position: relative;} header .header_top .header_top_left .logo_box > a img {width: 100%;height: auto;position: relative;top:3px;transform: translateY(0);} /* Header版頭 - Search搜尋 */ header .header_top .header_top_left .search_box { background: #FFF; width:650px; overflow:hidden;margin: 0 0 0 50px;display: -ms-box; display:-moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex;-ms-flex-align: center; -webkit-align-items: center; align-items: center; float: left;} header .header_top .header_top_left .search_box:before{content:"";position: absolute;right: 30px; top: -14px;width: 0; height: 0; border-style: solid; border-width: 0 13px 14px 13px; border-color: transparent transparent #ffffff transparent; line-height: 0px; _border-color: #000000 #000000 #ffffff #000000; _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');} header .header_top .header_top_left .search_box .search_box_forms {position: relative; width: 300px; float: left;} header .header_top .header_top_left .search_box .search_box_forms .search_box_input { width: calc(100% - 40px); height: 40px; border: none; background: none; padding: 0 10px; color: #636363; font-size: 13px;background-color: #fff; color: #636363; border-left: solid 2px #ddd; border-top: solid 2px #ddd; border-bottom: solid 2px #ddd; -moz-border-radius: 22px 0 0 22px; -ms-border-radius: 22px 0 0 22px; -o-border-radius: 22px 0 0 22px; -webkit-border-radius: 22px 0 0 22px; border-radius: 22px 0 0 22px;} header .header_top .header_top_left .search_box .search_box_forms .search_box_btn { position: absolute; right: 0; top: 0; display: -ms-box; display:-moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex;-ms-flex-align: center; -webkit-align-items: center; align-items: center;padding: 0;width: 40px; height: 40px; border: none; cursor: pointer; z-index: 1;background-color: transparent; font-size: 28px;border-right: solid 2px #ddd; border-top: solid 2px #ddd; border-bottom: solid 2px #ddd; -moz-border-radius: 0 22px 22px 0; -ms-border-radius: 0 22px 22px 0; -o-border-radius: 0 22px 22px 0; -webkit-border-radius: 0 22px 22px 0; border-radius: 0 22px 22px 0;} header .header_top .header_top_left .search_box .search_box_forms .search_box_btn i{color:#6D6D6D;} header .header_top .header_top_left .search_box .search_box_keyword {color: #999;height: 30px;max-width: 400px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; padding-left: 23px;font-size: 15px; float: left;} header .header_top .header_top_left .search_box .search_box_keyword span {color: #d70110;margin-right: 10px;} header .header_top .header_top_left .search_box .search_box_keyword a {color: #999;margin-right: 10px;font-size: 13px;} header .header_top .header_top_left .search_box .search_box_keyword a:last-of-type{margin-right: 0;} header .header_top .header_top_left .search_box .search_box_keyword a:hover {color: #222;} header .header_top .header_top_left .search_box .autocomplete-items{position: fixed; background-color: #fff; width: 265px; border-top: none; padding: 10px;z-index: 1;} header .header_top .header_top_left .search_box .autocomplete-items div { color: #777; line-height: 16px;margin-bottom: 5px; border-bottom: 1px solid #e5e5e5; padding-bottom: 5px;cursor: pointer; font-size: 13px;} header .header_top .header_top_left .search_box .autocomplete-items a{display: block;} header .header_top .header_top_left .search_box .autocomplete-items a:last-of-type div{border-bottom: 0; padding-bottom: 0; margin-bottom: 0;} header .header_top .header_top_left .search_box .autocomplete-items div:hover{color:#222;} /* Header版頭 - 主功能 */ header .header_top .header_top_right ul.member_list{height:100%; -ms-flex-pack: flex-end; -webkit-justify-content: flex-end;-webkit-box-pack: flex-end; -moz-box-pack: flex-end; justify-content: flex-end; display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%;} header .header_top .header_top_right ul.member_list > li{width:60px; height: 100%;position: relative;text-align: center;} header .header_top .header_top_right ul.member_list li .member_list_icon {display: inline-block;background-position: center center;text-align: center; cursor: pointer;font-size: 36px;height:100%;} header .header_top .header_top_right ul.member_list li .member_list_icon:hover{text-decoration: none;} header .header_top .header_top_right ul.member_list li .member_list_icon i{line-height: 64px;} header .header_top .header_top_right ul.member_list li .member_list_icon .num { position: absolute; right: 3px; top: 10px; display: inline-block; min-width: 20px; height: 20px; border-radius: 100%; background-color: #d70110; color: #FFF; text-align: center; font-size: 13px; line-height: 20px; } /* Header版頭 - 主選單 */ header .header_bottom {text-align: center;width: 100%;background-color: #d70110;height:36px;} header .header_bottom ul.list_box{display: -ms-box; display:-moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 1100px; margin:0 auto; position: relative;transform: translateX(-50px);} header .header_bottom ul.list_box > li { -webkit-box-flex: auto; -moz-box-flex: auto; -webkit-flex: auto; -ms-flex: auto; flex: auto; float: left;} header .header_bottom ul.list_box > li > a { color: #fff; font-size: 16px; display: block; text-decoration: none; line-height:37px; position: relative;} header .header_bottom ul.list_box > li.menu-page > a:after,header .header_bottom ul.list_box > li.menu-pdsort > a:after{content:'';position:absolute;bottom:1px;left: 50%; transform: translateX(-50%); width:100%;height:2px;background-color: transparent;} header .header_bottom ul.list_box > li.menu-page > a:hover:after,header .header_bottom ul.list_box > li.menu-pdsort > a:hover:after{background-color:#fff;} /* Header版頭 - 全館分類 */ header .header_bottom ul.list_box > li.menu-plus{position: absolute; right:-100px; top:0;} header .header_bottom ul.list_box > li.menu-plus > a{font-size: 13px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-color: rgba(255, 255, 255, 0.3); display: block; line-height: 26px; padding: 0 10px 0 25px; margin: 5px 0;} /* Header版頭 - MainMenu主選單 - 第二層、第三層 */ header .header_bottom ul.list_box > li >div {border:1px solid #c5c5c5;position: absolute;top:36px;left: 0;z-index: 999;background:#fff;width: 1200px;height: 450px;overflow-y: scroll;padding:15px 20px;opacity: 0; visibility: hidden; display: block; transition: visibility .4s, opacity .3s ease;} header .header_bottom ul.list_box li.menu-page.active > .list_secondfloor, header .header_bottom ul.list_box li.menu-pdsort.active > .list_secondfloor{opacity: 1;visibility: visible;} header .header_bottom ul.list_box > li .list_secondfloor .container { max-width: 1200px; margin: auto; display: -ms-box; display:-moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex;padding: 15px 0;} header .header_bottom ul.list_box > li .list_secondfloor .sub_img_box, header .header_bottom .sort_second_box {position: relative;vertical-align: top;} header .header_bottom ul.list_box > li .list_secondfloor .sub_img_box{display: -ms-box; display:-moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex;-ms-flex-wrap: wrap; -moz-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; padding-right:15px;max-width: 558px;width:100%;-webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start;} header .header_bottom ul.list_box > li .list_secondfloor .sub_img_box.sub_img_onecolumn{ max-width: 176px;} header .header_bottom ul.list_box > li .list_secondfloor .sub_img_box.sub_img_twocolumn{ max-width: 336px;} header .header_bottom ul.list_box > li .list_secondfloor .sub_img_box.sub_img_threecolumn{ max-width: 496px;} header .header_bottom ul.list_box > li .list_secondfloor .sub_img_box .sub_img_image{position: relative; -webkit-box-flex: 0 31%; -moz-box-flex: 0 31%; -webkit-flex: 0 31%; -ms-flex: 0 31%; flex: 0 31%; margin: 0 10px 10px 0;} header .header_bottom ul.list_box > li .list_secondfloor .sub_img_box .sub_img_image:nth-child(3n+3){margin: 0 0 10px 0;} header .header_bottom ul.list_box > li .list_secondfloor .sub_img.sub_img_threecolumn .sub_img_image:nth-child(n+4){margin: 15px 10px 0 0;} header .header_bottom ul.list_box > li .list_secondfloor .sub_img_box .sub_img_image a{width:150px;height:150px;display: block;overflow: hidden;position: relative;margin:0 auto;} header .header_bottom ul.list_box > li .list_secondfloor .sub_img_box .sub_img_image a:after{content:'';position: absolute;top:0;left:0;max-width:100%; width:100%; height:100%;background-color:rgba(0, 0, 0, .3);transition: all .3s;} header .header_bottom ul.list_box > li .list_secondfloor .sub_img_box .sub_img_image a img{max-width:100%; width:100%; height:auto;vertical-align: top;-webkit-transition: .4s ease-in-out; -moz-transition: .4s ease-in-out; -o-transition: .4s ease-in-out; transition: .4s ease-in-out;} header .header_bottom ul.list_box > li .list_secondfloor .sub_img_box .sub_img_image a:hover img{transform: scale(1.1);} header .header_bottom ul.list_box > li .list_secondfloor .sub_img_box .sub_img_image a:hover:after{background-color: rgba(0,0,0,.4);} header .header_bottom ul.list_box > li .list_secondfloor .sub_img_box .sub_img_image .sub_img_text {text-align: center; position: absolute;top:50%; left:50%; transform: translate(-50%,-50%);width:100%;height:auto; display: -ms-box; display:-moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-ms-flex-align: center; -webkit-align-items: center; align-items: center;-ms-flex-wrap: wrap; -moz-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap;color:#fff; z-index: 1;font-size: 15px;line-height:20px;} header .header_bottom ul.list_box > li .list_secondfloor .sub_img_box .sub_img_image .sub_img_text>div{ -webkit-box-flex: 100%; -moz-box-flex: 100%; -webkit-flex: 100%; -ms-flex: 100%; flex: 100%;padding:5px 15px 0 15px;} header .header_bottom ul.list_box > li .list_secondfloor .sub_img_box .sub_img_image .sub_img_text .sub_img_text_1 > a {color: #fff;font-size: 15px;line-height:26px;display: block;width:100%;height:100%;} header .header_bottom ul.list_box > li .list_secondfloor .sub_img_box .sub_img_text_2 {color: #fff;padding-top:5px;display: block;font-size: 12px;line-height: 15px;} header .header_bottom ul.list_box > li .list_secondfloor .sort_second_box{text-align: left;display: -ms-box; display:-moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; -moz-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap;} header .header_bottom ul.list_box > li .list_secondfloor .sort_second_box > li{display: block;padding:0 30px 45px 0;font-size: 16px;font-weight:500;color:#222;margin-bottom:2px;letter-spacing: 1px;-webkit-transition: .4s ease-in-out; -moz-transition: .4s ease-in-out; -o-transition: .4s ease-in-out; transition: .4s ease-in-out;} header .header_bottom ul.list_box > li .list_secondfloor .sort_second_box > li > a{display: block;font-size: 15px; font-weight:500;line-height:22px;color:#222;margin-bottom:2px;border-bottom: 1px solid #222;} header .header_bottom ul.list_box > li .list_secondfloor .sort_second_box > li > ul.list_thirdfloor > li{margin:6px 0;} header .header_bottom ul.list_box > li .list_secondfloor .sort_second_box > li > ul.list_thirdfloor > li > a{display: block; max-width:100%; width:100%; height:auto; font-weight: normal;font-size: 13px;line-height: 15px; max-width: 106px;} header .header_bottom ul.list_box > li .list_secondfloor .sort_second_box > li > ul.list_thirdfloor a:hover,header ul.header_bottom ul.list_box > li .list_secondfloor .sort_second_box li .menu_second_box:hover,header .header_bottom ul.list_box > li .list_secondfloor .sort_second_box > li > a:hover{color: #d70110;} /* Header版頭 - 全館分類 */ header .header_bottom ul.list_box > li.menu-plus {position: absolute; right: -100px; top: 4px; height: 28px; vertical-align: middle; background: rgba(255,255,255,.2); line-height: 29px; font-size: 13px; padding: 0 8px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;color:#fff;cursor: pointer; display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-align: center; -webkit-align-items: center; align-items: center;z-index: 998;} header .header_bottom ul.list_box > li.menu-plus:hover{ background: rgba(255,255,255,.3);} header .header_bottom ul.list_box > li.menu-plus i{font-size: 18px; vertical-align: text-bottom; margin-right: 3px;} header .header_bottom ul.list_box > li.menu-plus >div{display: none;opacity: 1;visibility: visible;} header .header_bottom ul.list_box > li.menu-plus .menu-plus-box{width:1200px;height:450px;overflow-y:scroll;display:none;background-color:#fff;border:1px solid #c5c5c5;position: fixed; top: 36px;padding: 0;cursor: default;} .menu-plus-box ul.plus-box{width:100%} .menu-plus-box ul.plus-box li.top-title{width:100%;background:#f4f4f4 url(manu-ALL.png) no-repeat 15px 22px;padding:15px 10px 15px 20px;display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-pack: space-between; -webkit-justify-content: space-between;-webkit-box-pack: space-between; -moz-box-pack: space-between; justify-content: space-between;} .menu-plus-box ul.plus-box li.top-title h3{font:15px/24px 'Roboto', 'Noto Sans TC', Microsoft JhengHei, 'PingFangTC', sans-serif;display:block;float:left;width:120px;float:left;color:#222;} .menu-plus-box ul.plus-box li.top-title h3 i{font-size: 24px;vertical-align: middle;} .menu-plus-box li.top-title > .plus-title{float:left; display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex; max-width: 1020px; width: 100%; position: relative; padding: 0 35px;} .menu-plus-box li.top-title > .plus-title.owl-carousel-menu .owl-nav{margin-top:0;} .menu-plus-box li.top-title > .plus-title.owl-carousel-menu .owl-nav .disabled{display: none !important;} .menu-plus-box li.top-title > .plus-title.owl-carousel-menu .owl-nav .owl-prev, .menu-plus-box li.top-title > .plus-title.owl-carousel-menu .owl-nav .owl-next{position: absolute; top: 50%; transform: translateY(-50%); background-color: #fff; z-index: 3; text-indent: -9999px; width: 28px; height:28px;-moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; -webkit-box-shadow: 0 0 8px rgb(0 0 0 / 20%); -moz-box-shadow: 0 0 8px rgb(0, 0, 0,.2); box-shadow: 0 0 8px rgb(0 0 0 / 20%); opacity: .9; transition: .3s;} .menu-plus-box li.top-title > .plus-title.owl-carousel-menu .owl-nav .owl-prev{left:0; background-image: url(icon-arrow-l.svg); background-position: center; background-repeat: no-repeat; background-size: 100%;} .menu-plus-box li.top-title > .plus-title.owl-carousel-menu .owl-nav .owl-next{right:0; background-image: url(icon-arrow-r.svg); background-position: center; background-repeat: no-repeat; background-size: 100%;} .menu-plus-box li.top-title > .plus-title .title-plus a.top-title-manu{font:15px/24px 'Roboto', 'Noto Sans TC', Microsoft JhengHei, 'PingFangTC', sans-serif;display:block;display:block} .menu-plus-box li.top-title > .plus-title .title-plus a.top-title-manu:hover{color:#d70110;} .menu-plus-box ul.plus-box li.other{width:100%;padding:15px 20px;border-bottom:1px dashed #dbdbdb} .menu-plus-box ul.plus-box li.other h3{font:17px/24px 'Roboto', 'Noto Sans TC', Microsoft JhengHei, 'PingFangTC', sans-serif;font-weight: 500;color:#d70110;display:block;width:100%;padding:0 5px 5px 10px;text-align: left;} .menu-plus-box ul.plus-box li.other .container{width: 100%;margin: auto; display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex;position: relative;} .menu-plus-box ul.plus-box li.other .container .sub_img_box{display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; -moz-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; max-width: 485px; width:100%;position: relative; vertical-align: top; -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; height: 100%;} .menu-plus-box ul.plus-box li.other .container .sub_img_box.sub_img_onecolumn {max-width: 176px;} .menu-plus-box ul.plus-box li.other .container .sub_img_box.sub_img_twocolumn {max-width: 336px;} .menu-plus-box ul.plus-box li.other .container .sub_img_box.sub_img_threecolumn {max-width: 496px;} .menu-plus-box ul.plus-box li.other .container .sub_img_box .sub_img_image { position: relative; -webkit-box-flex: 0 31%; -moz-box-flex: 0 31%; -webkit-flex: 0 31%; -ms-flex: 0 31%; flex: 0 31%; margin: 0 10px 10px 0; } .menu-plus-box ul.plus-box li.other .container .sub_img_box .sub_img_image:nth-child(3n+3){margin: 0 0 10px 0;} .menu-plus-box ul.plus-box li.other .container .sub_img_box .sub_img_image a { width: 150px; height: 150px; display: block; overflow: hidden; position: relative; margin:0 auto;} .menu-plus-box ul.plus-box li.other .container .sub_img_box .sub_img_image a:after { content: ''; position: absolute; top: 0; left: 0; max-width: 100%; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .3); transition: all .3s; } .menu-plus-box ul.plus-box li.other .container .sub_img_box .sub_img_image a img { max-width: 100%; width: 100%; height: auto; vertical-align: top; -webkit-transition: .4s ease-in-out; -moz-transition: .4s ease-in-out; -o-transition: .4s ease-in-out; transition: .4s ease-in-out; } .menu-plus-box ul.plus-box li.other .container .sub_img_box .sub_img_image a:hover img{transform: scale(1.1);} .menu-plus-box ul.plus-box li.other .container .sub_img_box .sub_img_image a:hover:after{background-color: rgba(0,0,0,.4);} .menu-plus-box ul.plus-box li.other .container .sub_img_box .sub_img_image .sub_img_text { text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; height: auto; display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -ms-flex-wrap: wrap; -moz-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; color: #fff; z-index: 1; font-size: 15px; line-height: 20px; } .menu-plus-box ul.plus-box li.other .container .sub_img_box .sub_img_image .sub_img_text>div { -webkit-box-flex: 100%; -moz-box-flex: 100%; -webkit-flex: 100%; -ms-flex: 100%; flex: 100%; padding: 5px 15px 0 15px; } .menu-plus-box ul.plus-box li.other .container .sub_img_box .sub_img_text_2 { color: #fff; padding-top: 5px; display: block; font-size: 12px; line-height: 15px; } .menu-plus-box ul.plus-box li.other span{margin-top:5px;display:block;width:5px;height:15px;} .menu-plus-box ul.plus-box li.other ul.menu-main{float:left;max-width:100%;width:100%;display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; -moz-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; text-align: left; -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start;} .menu-plus-box ul.plus-box li.other ul.menu-main > li{float:left;flex:0 25%;padding:0 10px 10px 10px;} .menu-plus-box ul.plus-box li.other ul.menu-main li a.title{font:bold 14px/28px 'Roboto', 'Noto Sans TC', Microsoft JhengHei, 'PingFangTC', sans-serif;display:block;background-color:#f4f4f4;text-decoration:none;height:28px;padding-left:7px;overflow:hidden;margin-bottom: 5px;} .menu-plus-box ul.plus-box li.other ul.menu-main li a.title-2{font:13px/20px 'Roboto', 'Noto Sans TC', Microsoft JhengHei, 'PingFangTC', sans-serif;display:block;text-decoration:none;height:20px;padding-left:7px;overflow:hidden} .menu-plus-box ul.plus-box li.other ul.menu-main li a.title:hover,.menu-plus-box ul.plus-box li.other ul.menu-main li a.title-2:hover{color:#d70110;} /*[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[ product_temp 商品樣式 ]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]*/ .product_list {list-style:none;margin:0;padding:0;} .product_list > li {float:left;height:auto;width: 100%;box-sizing: border-box;padding:10px;position: relative; overflow: hidden;} .product_list > li:hover .product_list_img .img_hover{background-color: rgba(255,255,255,.6);} .product_list li .product_list_img,.product_list li .product_list_text{border:0;} .product_list li .product_list_img{position: relative;} .product_list li .product_list_img .img_hover{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 97; opacity: 0;transition: all .5s;} .product_list li .product_list_img .img_hover ul { position: absolute; right: 50%;; top: 50%; transform: translateY(-50%); z-index: 101; } .product_list li .product_list_img .img_hover .product_btn{position: absolute;left:50%;top: 50%;transform:translate(-50%,-50%); z-index: 101;-ms-flex-align: center; -webkit-align-items: center; align-items: center;margin: 0 auto; -webkit-box-flex: inherit; -moz-box-flex: inherit; -webkit-flex: inherit; -ms-flex: inherit; flex: inherit; display: -ms-box; display:-moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-pack: center; -webkit-justify-content: center;-webkit-box-pack: center; -moz-box-pack: center; justify-content: center;height: 50px; width: 120px;} .product_list li .product_list_img .img_hover .product_btn a{background-repeat: no-repeat;background-position: center center; text-indent:-99999px;width: 50px;height: 50px; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%;transition: all .5s;display: block;} .product_list li .product_list_img .add_heart a{background-color: rgba(0,0,0,.45); background-image: url(icon-heart-line.svg); background-size: 36px;} .product_list li .product_list_img .add_heart a.active{ background-image: url(icon-heart.svg);} .product_list li .product_list_img .add_cart a{background-color: rgba(0,0,0,.45); background-image: url(icon-cart-w.svg); background-size: 36px;} .product_list li .product_list_img .img_hover .product_btn a:hover { background-color: rgba(0,0,0,.6); } .product_list li:hover .product_list_img .img_hover{opacity: 1;} .product_list li .product_list_img .add_cart{z-index: 999;width:50px;height:50px;float: left;margin: 0 8px;} .product_list li .product_list_img .add_heart{z-index: 999;width:50px;height:50px;float: left;margin: 0 8px;} .product_list li .img_hover > a{ display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 100;} .product_list li .product_list_img img{ width: 100%; height:auto; vertical-align: top;} .product_list li:hover .product_list_text,.product_list li:hover .product_list_img{border-color:#ddd;} .product_list li .img_hover > a.detail { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 100;} .product-iconposition{position: absolute; width: 14%; height: 14%; right: 10px;top: 10px; background-repeat: no-repeat;z-index: 8;background-size: 100%;} .product_list_text{height: auto;padding: 10px 0 0 0;text-align: center;} .product_list_text h2{height:40px !important;} .product_list_text h2 a{font-size: 14px;font-weight: 500;text-align: left;color:#222;line-height:18px;display:block;text-decoration:none;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;height:36px;} .product_list_text .product_size{height:24px;color: #757575;text-align: center;margin-bottom: 6px;line-height: 24px;display: none;} .product_list_text .price .original {letter-spacing: 0.38px;line-height: 1.47;color: #b4b4b4;font-size: 15px;text-decoration:line-through;-webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1;margin-right: 0;margin-left: 10px;} .product_list_text .price.special {text-align: left;font-weight: 500;line-height: 1.47;letter-spacing: 0.38px;color: #d70110;font-size: 15px;display: -ms-box; display:-moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex;} /*[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[ product_detail 商品詳細頁 ]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]*/ .pd_dt_joo4_box.pd_detail_globalmall form .pd_dt_joo4_topbox{width:100%;border-bottom: 0;padding-bottom: 0;margin:0 auto 15px;} /* 商品圖 */ .pd_dt_joo4_box.pd_detail_globalmall form .pd_dt_joo4_topbox .pd_dt_joo4_productimg,.pd_dt_joo4_box.pd_detail_globalmall form .pd_dt_joo4_topbox .pd_dt_joo4_productimg .imageBox > .big_product img.jqzoom{width:400px;} .pd_dt_joo4_box.pd_detail_globalmall form .pd_dt_joo4_topbox .pd_dt_joo4_productimg .imageBox{display: block;} /* 商品圖放大 */ .pd_dt_joo4_box.pd_detail_globalmall form .big_product{width:auto;} /* 下方小圖輪播 */ .pd_dt_joo4_box.pd_detail_globalmall form .big_product .button_lightbox{background-image: none; background-color:#fff; color:#222; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; width:28px; height:28px; border:1px solid #ddd;text-align: center; line-height: 30px; font-size: 22px; right:8px; bottom:8px;} .pd_dt_joo4_box.pd_detail_globalmall form .big_product .button_lightbox:hover{color:#fff;background-color:#222;border-color: #222;} .pd_dt_joo4_box.pd_detail_globalmall form .pd_dt_joo4_topbox .pd_dt_joo4_productimg .bottom_product{margin: 10px 0 0 0;} .pd_dt_joo4_box.pd_detail_globalmall form .pd_dt_joo4_topbox .pd_dt_joo4_productimg .bottom_product .bottom_product_btnL, .pd_dt_joo4_box.pd_detail_globalmall form .pd_dt_joo4_topbox .pd_dt_joo4_productimg .bottom_product .bottom_product_btnR{transform: none; background-image: none; background-color:#eee; width:30px; height:100px;top: 0;text-align: center;line-height: 110px;} .pd_dt_joo4_box.pd_detail_globalmall form .pd_dt_joo4_topbox .pd_dt_joo4_productimg .bottom_product .bottom_product_btnL i, .pd_dt_joo4_box.pd_detail_globalmall form .pd_dt_joo4_topbox .pd_dt_joo4_productimg .bottom_product .bottom_product_btnR i{font-size: 26px; color:rgba(0, 0, 0, .3);} .pd_dt_joo4_box.pd_detail_globalmall form .pd_dt_joo4_topbox .pd_dt_joo4_productimg .thumblist{height:100px;} .pd_dt_joo4_box.pd_detail_globalmall form .pd_dt_joo4_topbox .pd_dt_joo4_productimg .product_cont_box.bottom{width:320px;height:100px;margin:0 40px;} .pd_dt_joo4_box.pd_detail_globalmall form .pd_dt_joo4_topbox .pd_dt_joo4_productimg .thumblist li, .pd_dt_joo4_box.pd_detail_globalmall form .pd_dt_joo4_topbox .pd_dt_joo4_productimg .thumblist li a{width:100px;height:100px;} /* 商品分享社群 */ .pd_dt_joo4_box.pd_detail_globalmall form .pd_dt_joo4_topbox .pd_dt_joo4_productimg .comment_and_social_box{margin: 10px 0 0 0;} .pd_dt_joo4_box.pd_detail_globalmall form .pd_dt_joo4_topbox .pd_dt_joo4_productimg .comment_and_social_box .Product_assess{width:auto;line-height: 20px;letter-spacing: 1px; float: left;} .pd_dt_joo4_box.pd_detail_globalmall form .pd_dt_joo4_topbox .pd_dt_joo4_productimg .comment_and_social_box .Product_assess #comment_stars{display: inline-block;vertical-align: top;} .pd_dt_joo4_box.pd_detail_globalmall form .pd_dt_joo4_topbox .pd_dt_joo4_productimg .comment_and_social_box .Product_assess img{width:100px; height: 20px; display: block; float: left;} .pd_dt_joo4_box.pd_detail_globalmall form .pd_dt_joo4_topbox .pd_dt_joo4_productimg .comment_and_social_box .Product_assess span{display: block; float: left;font-size:13px;line-height:20px;height: 20px;margin:0 5px;} .pd_dt_joo4_box.pd_detail_globalmall form .pd_dt_joo4_topbox .pd_dt_joo4_productimg .comment_and_social_box .pd_dt_share{display: -ms-box; display:-moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex;width:auto;float: right;} .pd_dt_joo4_box.pd_detail_globalmall form .pd_dt_joo4_topbox .pd_dt_joo4_productimg .comment_and_social_box .pd_dt_share span{padding-right:10px;font-size: 16px;color: #222;font-weight: normal; line-height: 24px;} .pd_dt_joo4_box.pd_detail_globalmall form .pd_dt_joo4_topbox .pd_dt_joo4_productimg .comment_and_social_box .pd_dt_share .pd_dt_share_socialbox{height:auto;padding-top: 0;min-width: auto;} .pd_dt_joo4_box.pd_detail_globalmall form .pd_dt_joo4_topbox .pd_dt_joo4_productimg .comment_and_social_box .pd_dt_share .pd_dt_share_socialbox ul{display: -ms-box; display:-moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex;} .pd_dt_joo4_box.pd_detail_globalmall form .pd_dt_joo4_topbox .pd_dt_joo4_productimg .comment_and_social_box .pd_dt_share .pd_dt_share_socialbox ul li{margin-right: 5px;} .pd_dt_joo4_box.pd_detail_globalmall form .pd_dt_joo4_topbox .pd_dt_joo4_productimg .comment_and_social_box .pd_dt_share .pd_dt_share_socialbox ul li:last-of-type{margin-right: 0;} .pd_dt_joo4_box.pd_detail_globalmall form .pd_dt_joo4_topbox .pd_dt_joo4_productimg .comment_and_social_box .pd_dt_share .pd_dt_share_socialbox ul li a{margin-top: 0;display: block;width:28px;height: 28px;-moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; text-align: center;} .pd_dt_joo4_box.pd_detail_globalmall form .pd_dt_joo4_topbox .pd_dt_joo4_productimg .comment_and_social_box .pd_dt_share .pd_dt_share_socialbox ul li a i{font-size: 22px; color:#fff; line-height: 28px;} .pd_dt_joo4_box.pd_detail_globalmall form .pd_dt_joo4_topbox .pd_dt_joo4_productimg .comment_and_social_box .pd_dt_share .pd_dt_share_socialbox ul li a.social_facebook{background-color: #3B5998;} .pd_dt_joo4_box.pd_detail_globalmall form .pd_dt_joo4_topbox .pd_dt_joo4_productimg .comment_and_social_box .pd_dt_share .pd_dt_share_socialbox ul li a.social_line{background-color: #00C300;} .pd_dt_joo4_box.pd_detail_globalmall form .pd_dt_joo4_topbox .pd_dt_joo4_productimg .comment_and_social_box .pd_dt_share .pd_dt_share_socialbox ul li a.social_email{background-color: rgba(0, 0, 0, .7);} .pd_dt_joo4_box.pd_detail_globalmall form .pd_dt_joo4_topbox .pd_dt_joo4_productimg .comment_and_social_box .pd_dt_share .pd_dt_share_socialbox ul li a.social_duplicate{background-color: #d70110;} .pd_dt_joo4_box.pd_detail_globalmall form .pd_dt_joo4_topbox .pd_dt_joo4_productimg .comment_and_social_box .pd_dt_share .pd_dt_share_socialbox .copy_url{opacity: 0; position: absolute; z-index: -9999; pointer-events: none;} /* 組合商品 */ .pd_dt_joo4_box.pd_detail_globalmall form .pd_dt_joo4_topbox .pd_dt_joo4_productimg .Combination{margin: 10px 0 0 0; border: 1px solid #ddd;} .pd_dt_joo4_box.pd_detail_globalmall form .pd_dt_joo4_topbox .pd_dt_joo4_productimg .Combination .color_name{ background-color: #eee; line-height: 34px; padding: 0 10px; font-size: 15px;} .pd_dt_joo4_box.pd_detail_globalmall form .pd_dt_joo4_topbox .pd_dt_joo4_productimg .Combination .color_list{padding:10px;} .pd_dt_joo4_box.pd_detail_globalmall form .pd_dt_joo4_topbox .pd_dt_joo4_productimg .Combination .color_list .pd_dt_joo4_group{margin-bottom:5px;} .pd_dt_joo4_box.pd_detail_globalmall form .pd_dt_joo4_topbox .pd_dt_joo4_productimg .Combination .color_list .pd_dt_joo4_group:last-of-type{margin-bottom:0;} .pd_dt_joo4_box.pd_detail_globalmall form .pd_dt_joo4_topbox .pd_dt_joo4_productimg .Combination .pd_dt_joo4_group a{ font-size:15px; line-height: 1;position:relative;display: block; width: 100%;min-height: 28px; } .pd_dt_joo4_box.pd_detail_globalmall form .pd_dt_joo4_topbox .pd_dt_joo4_productimg .Combination .pd_dt_joo4_group span{border: 1px solid #ddd; background-color: #fff; cursor: pointer; line-height: 26px; height:28px; font-size: 14px; font-weight:normal; padding: 0 0 0 5px; text-decoration: none; display: inline-block; position: absolute;right:0;top: 50%; transform: translateY(-50%);} .pd_dt_joo4_box.pd_detail_globalmall form .pd_dt_joo4_topbox .pd_dt_joo4_productimg .Combination .pd_dt_joo4_group a p{display: inline-block;max-width: 270px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;line-height: 20px;font-size:15px;font-weight:normal;} .pd_dt_joo4_box.pd_detail_globalmall form .pd_dt_joo4_topbox .pd_dt_joo4_productimg .Combination .pd_dt_joo4_group a:hover span{border-color: #333; color: #fff; background-color: #333;} .pd_dt_joo4_box.pd_detail_globalmall form .pd_dt_joo4_topbox .pd_dt_joo4_productimg .Combination .pd_dt_joo4_group input{ display: none;} .pd_dt_joo4_box.pd_detail_globalmall form .pd_dt_joo4_topbox .pd_dt_joo4_productimg .Combination .pd_dt_joo4_group label{ position: relative; padding: 15px; display: block; cursor: pointer; box-sizing: border-box;} .pd_dt_joo4_box.pd_detail_globalmall form .pd_dt_joo4_topbox .pd_dt_joo4_productimg .Combination .pd_dt_joo4_group input + label:before { display: inline-block; content: ""; width: 20px; height: 20px; line-height: 20px; margin-right: 10px; text-align: center; border: 1px solid #b2b7bf; background-color: #FFF; border-radius: 100%; vertical-align: text-top; } .pd_dt_joo4_box.pd_detail_globalmall form .pd_dt_joo4_topbox .pd_dt_joo4_productimg .Combination .pd_dt_joo4_group input:checked + label:before{ display: inline-block; content: ""; background-image: url(images/check_ok.png); background-repeat: no-repeat; background-position: center center; width: 20px; height: 20px; margin-right: 10px; font-size: 13px; text-align: center; background-color: #222; border: none; border-radius: 100%; line-height: 20px;} .pd_dt_joo4_box.pd_detail_globalmall form .pd_dt_joo4_topbox .big_productinfo .combination_list{ border:0; color:#222; background-color: #f5f5f5; padding:10px; margin-bottom: 10px;width:100%;} .pd_dt_joo4_box.pd_detail_globalmall form .pd_dt_joo4_topbox .big_productinfo .combination_list li{display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-align: center; -webkit-align-items: center; align-items: center;margin-bottom: 10px;} .pd_dt_joo4_box.pd_detail_globalmall form .pd_dt_joo4_topbox .big_productinfo .combination_list span{border-width: 1px; border-style: solid; font-size: .75rem; font-weight: 500; padding: 0 2px; vertical-align: top; display: inline-block; height: 20px; line-height: 1.7; background-color: #fff; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; margin-right:10px;width: 34px; text-align: center;} .pd_dt_joo4_box.pd_detail_globalmall form .pd_dt_joo4_topbox .big_productinfo .combination_list span.homoeothermy{border-color: #e99416; color: #e99416;} .pd_dt_joo4_box.pd_detail_globalmall form .pd_dt_joo4_topbox .big_productinfo .combination_list a{color:#222; font-size: .9375rem; line-height: 1.2; max-width:calc(100% - 45px);} .pd_dt_joo4_box.pd_detail_globalmall form .pd_dt_joo4_topbox .big_productinfo .combination_list a:hover{border-bottom-style: solid; border-bottom-width: 1px;} .pd_dt_joo4_group h5{font-size: 13px; color: #000;float: left;font-weight: normal;} .pd_dt_joo4_group h5 a{color:#afc670;padding: 0 0 0 5px; text-decoration: underline;} .pd_dt_joo4_group_box{width:100%;max-width: 690px; padding:40px 10px 15px;background-color: #fff;} .pd_dt_joo4_group_box .group_box{width: 100%;height: 445px;overflow-y: auto;padding: 0 0 0 10px;} .pd_dt_joo4_group_box .group_box .group_box_deta{width: 100%;padding: 10px 0;border-bottom: 1px solid #ededed;display: flex;} /* 九大行銷 */ .pd_dt_joo4_box.pd_detail_globalmall form .pd_dt_joo4_topbox .pd_dt_joo4_productimg .discountbox{margin-top: 10px;} .pd_dt_joo4_box.pd_detail_globalmall form .pd_dt_joo4_topbox .pd_dt_joo4_productimg .discountbox > ul > li > ul > li:last-of-type{word-break: break-all;} .pd_dt_joo4_box.pd_detail_globalmall form .pd_dt_joo4_topbox .pd_dt_joo4_productimg .discountbox > ul > li > ul > li:first-of-type div{background-color: #d70110;} .pd_dt_joo4_box.pd_detail_globalmall form .pd_dt_joo4_topbox .pd_dt_joo4_productimg .discountbox > ul > li > .discountbox_goto_btn{font-family: 'Roboto', 'Noto Sans TC', Microsoft JhengHei, 'PingFangTC', sans-serif; } /* 商品所屬品牌 */ .pd_dt_joo4_box.pd_detail_globalmall form .pd_dt_joo4_topbox .big_productinfo .Product_sort a{font-size:16px; font-weight: 500; color:#222;} .pd_dt_joo4_box.pd_detail_globalmall form .pd_dt_joo4_topbox .big_productinfo .Product_sort a:hover{color:#d70110;} /* 商品名稱與描述 */ .pd_dt_joo4_box.pd_detail_globalmall form .pd_dt_joo4_topbox .big_productinfo h1.Product_name{font-size: 26px;line-height: 30px;margin-bottom: 5px;} .pd_dt_joo4_box.pd_detail_globalmall form .pd_dt_joo4_topbox .big_productinfo .Item_number{color:#999;margin-bottom: 5px;}} .pd_dt_joo4_box.pd_detail_globalmall form .pd_dt_joo4_topbox .big_productinfo .Product_notesbox{padding-bottom: 10px;} .pd_dt_joo4_box.pd_detail_globalmall form .pd_dt_joo4_topbox .big_productinfo .Product_notesbox .Product_notes{height:auto;text-overflow: inherit; -webkit-line-clamp: inherit;text-align: justify;font-size: 15px;} /* 商品價格 */ .pd_dt_joo4_box.pd_detail_globalmall form .pd_dt_joo4_topbox .big_productinfo .Product_price{padding-left:0;position: relative; width: 100%;float:none;} .pd_dt_joo4_box.pd_detail_globalmall form .pd_dt_joo4_topbox .big_productinfo .Product_price .now_price{font-size:26px; font-weight: 500;line-height: 26px;} .pd_dt_joo4_box.pd_detail_globalmall form .pd_dt_joo4_topbox .big_productinfo .Product_price .was_price{padding:5px 0 0 0;line-height:20px;font-size:16px;text-decoration: line-through;color:#666;font-weight:normal;} .pd_dt_joo4_box.pd_detail_globalmall form .pd_dt_joo4_topbox .big_productinfo .Product_price .was_price, .pd_dt_joo4_box.pd_detail_globalmall form .pd_dt_joo4_topbox .big_productinfo .Product_price .now_price{ float: none; width:100%; display: -ms-box; display:-moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex;} .pd_dt_joo4_box.pd_detail_globalmall form .pd_dt_joo4_topbox .big_productinfo .Product_price .was_price:before{content:none;} /* 運送優惠 */ .pd_dt_joo4_box.pd_detail_globalmall form .pd_dt_joo4_topbox .p_kind01{background-color: #d70110;line-height: 2.2;margin-bottom: 8px;} .pd_dt_joo4_box.pd_detail_globalmall form .pd_dt_joo4_topbox ul.free_events{margin-bottom: 8px;} .pd_dt_joo4_box.pd_detail_globalmall form .pd_dt_joo4_topbox ul.free_events li{border-left: 3px solid #bbb; padding: 0 0 0 8px;} /* 全館免運 */ .pd_dt_joo4_box.pd_detail_globalmall form .pd_dt_joo4_topbox .big_productinfo .Product_allweb_event {margin:10px 0;} .pd_dt_joo4_box.pd_detail_globalmall form .pd_dt_joo4_topbox .big_productinfo .Product_allweb_event a{ display: inline-block; width:100%; color:#222; padding:6px 15px; background-color: rgba(0, 0, 0, .12);-moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; font-size: 16px;} .pd_dt_joo4_box.pd_detail_globalmall form .pd_dt_joo4_topbox .big_productinfo .Product_allweb_event a i{font-size:20px;vertical-align: middle;} .pd_dt_joo4_box.pd_detail_globalmall form .pd_dt_joo4_topbox .big_productinfo .Product_allweb_event a span{vertical-align: middle;} /* 商品顏色 */ .pd_dt_joo4_box.pd_detail_globalmall form .pd_dt_joo4_topbox .big_productinfo .Product_color .color_name{margin-bottom:2px;font-size: 15px;color:#222;} .pd_dt_joo4_box.pd_detail_globalmall form .pd_dt_joo4_topbox .big_productinfo .Product_color .color_list .colorBox li, .pd_dt_joo4_box.pd_detail_globalmall form .pd_dt_joo4_topbox .big_productinfo .Product_color .color_list .colorBox li.active{-moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;border-width:2px;height: auto;padding: 3px 10px;} .pd_dt_joo4_box.pd_detail_globalmall form .pd_dt_joo4_topbox .big_productinfo .Product_color .color_list .colorBox li.color_name,.pd_dt_joo4_box.pd_detail_globalmall form .pd_dt_joo4_topbox .big_productinfo .Product_color .color_list .colorBox li.color_name.active{height:25px; padding:3px;} .pd_dt_joo4_box.pd_detail_globalmall form .pd_dt_joo4_topbox .big_productinfo .Product_color .color_list .colorBox li{line-height: 26px;border-color:#ccc;font-size: 15px;} .pd_dt_joo4_box.pd_detail_globalmall form .pd_dt_joo4_topbox .big_productinfo .Product_color .color_list .colorBox li.active{border-color: #222;} .pd_dt_joo4_box.pd_detail_globalmall form .pd_dt_joo4_topbox .big_productinfo .Product_color .color_list .colorBox li div{width:26px;height:26px;} .pd_dt_joo4_box.pd_detail_globalmall form .pd_dt_joo4_topbox .big_productinfo .Product_color .color_list .colorBox li.Product_color_item{width:54px !important;height:36px; display: block;} /* 商品尺寸 */ .pd_dt_joo4_box.pd_detail_globalmall form .pd_dt_joo4_topbox .big_productinfo .Product_color .color_list .sizeBox li{-moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;border-width:2px;height: auto;padding: 3px 10px;line-height: 26px;border-color:#ccc;} .pd_dt_joo4_box.pd_detail_globalmall form .pd_dt_joo4_topbox .big_productinfo .Product_color .color_list .sizeBox li.active{border-color: #222;background-color: #fff;color:#222;} /* 商品數量 */ .pd_dt_joo4_box.pd_detail_globalmall form .pd_dt_joo4_topbox .big_productinfo .pd_dt_joo4_number{ border:0; margin:0; padding:0; -ms-flex-pack: flex-start;-webkit-justify-content: flex-start;justify-content: flex-start;} .pd_dt_joo4_box.pd_detail_globalmall form .pd_dt_joo4_topbox .big_productinfo .pd_dt_joo4_number .Product_num{ -webkit-box-flex: inherit; -moz-box-flex: inherit; -webkit-flex: inherit; -ms-flex: inherit; flex: inherit;} .pd_dt_joo4_box.pd_detail_globalmall form .pd_dt_joo4_topbox .big_productinfo .pd_dt_joo4_number .pd_dt_joo4_number_alert{ font-size: 15px;letter-spacing:.5px;color: #d70110; margin-left: 15px;} .pd_dt_joo4_box.pd_detail_globalmall form .pd_dt_joo4_topbox .big_productinfo .pd_dt_joo4_product_number li a, .pd_dt_joo4_box.pd_detail_globalmall form .pd_dt_joo4_topbox .big_productinfo .pd_dt_joo4_product_number li:nth-child(2),.pd_dt_joo4_box.pd_detail_globalmall form .pd_dt_joo4_topbox .big_productinfo .pd_dt_joo4_product_number > ul > li{height:40px; line-height: 40px;} .pd_dt_joo4_box.pd_detail_globalmall form .pd_dt_joo4_topbox .big_productinfo .pd_dt_joo4_product_number li a, .pd_dt_joo4_box.pd_detail_globalmall form .pd_dt_joo4_topbox .big_productinfo .pd_dt_joo4_product_number li:nth-child(2), .pd_dt_joo4_box.pd_detail_globalmall form .pd_dt_joo4_topbox .big_productinfo .pd_dt_joo4_product_number li:nth-child(3) a{border-color:#ddd;} .pd_dt_joo4_box.pd_detail_globalmall form .pd_dt_joo4_topbox .big_productinfo .pd_dt_joo4_product_number li a{ -moz-border-radius: 3px 0 0 3px; -ms-border-radius: 3px 0 0 3px; -o-border-radius: 3px 0 0 3px; -webkit-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; background-color:#f7f7f7; text-decoration: none; color:#222;} .pd_dt_joo4_box.pd_detail_globalmall form .pd_dt_joo4_topbox .big_productinfo .pd_dt_joo4_product_number li:nth-child(3) a{ -moz-border-radius: 0 3px 3px 0; -ms-border-radius: 0 3px 3px 0; -o-border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; color:#222;} .pd_dt_joo4_box.pd_detail_globalmall form .pd_dt_joo4_topbox .big_productinfo .pd_dt_joo4_product_number li a:hover{ background-color:#eee;} /* 商品加入追蹤按鈕 */ .pd_dt_joo4_box.pd_detail_globalmall form .pd_dt_joo4_topbox .big_productinfo .Product_btnbox{margin-bottom: 10px;} .pd_dt_joo4_box.pd_detail_globalmall form .pd_dt_joo4_topbox .big_productinfo .Product_btnbox > ul > li{ -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1 !important;} .pd_dt_joo4_box.pd_detail_globalmall form .pd_dt_joo4_topbox .big_productinfo .Product_btnbox > ul > li a{padding:0 15px;display: block; text-decoration: none; color: #fff; text-align: center; font-size: 16px; border-radius: 3px; background-image: none !important;height: 44px; line-height: 43px; text-indent: 0;} .pd_dt_joo4_box.pd_detail_globalmall form .pd_dt_joo4_topbox .big_productinfo .Product_btnbox > ul > li a.trace_btn{ color: #222;} .pd_dt_joo4_box.pd_detail_globalmall form .pd_dt_joo4_topbox .big_productinfo .Product_btnbox > ul > li a i{font-size:28px;vertical-align: middle; padding-right: 5px;} .pd_dt_joo4_box.pd_detail_globalmall form .pd_dt_joo4_topbox .big_productinfo .Product_btnbox a.tbs_button_like{border:0; background-color:#ddd;} .pd_dt_joo4_box.pd_detail_globalmall form .pd_dt_joo4_topbox .big_productinfo .Product_btnbox a.tbs_button_like:hover{background-color:#d5d5d5;} /* 加購 */ .pd_dt_joo4_box.pd_detail_globalmall form .pd_dt_joo4_topbox .big_productinfo .Product_plus{border:1px solid #ddd;margin-bottom: 10px;} .pd_dt_joo4_box.pd_detail_globalmall form .pd_dt_joo4_topbox .big_productinfo .Product_plus .Product_plus_title{background-color:#f7f7f7;padding:6px 15px;color:#222;border-bottom:1px solid #ddd;} .pd_dt_joo4_box.pd_detail_globalmall form .pd_dt_joo4_topbox .big_productinfo .Product_plus .Product_plus_list span, .pd_dt_joo4_box.pd_detail_globalmall form .pd_dt_joo4_topbox .big_productinfo .pd_dt_joo4_group a{color: #d70110;} .pd_dt_joo4_box.pd_detail_globalmall form .pd_dt_joo4_topbox .big_productinfo .Product_plus .Product_plus_list .Product_plus_item img{width:80px;height:80px;margin-right: 10px;} .pd_dt_joo4_box.pd_detail_globalmall form .pd_dt_joo4_topbox .big_productinfo .Product_plus .Product_plus_list .Product_plus_item label{display: -ms-box; display:-moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-align: center; -webkit-align-items: center; align-items: center;font-size: 15px;} .pd_dt_joo4_box.pd_detail_globalmall form .pd_dt_joo4_topbox .big_productinfo .Product_plus .Product_plus_list .Product_plus_item label a{max-width: 265px; line-height: 22px; margin-left: 10px;font-size: 15px; text-decoration: none;} .pd_dt_joo4_box.pd_detail_globalmall form .pd_dt_joo4_topbox .big_productinfo .Product_plus .Product_plus_content{background-color: #fff;} /* 購買商品的贈品 */ .pd_dt_joo4_box.pd_detail_globalmall form .pd_dt_joo4_topbox .big_productinfo .Product_Gift{margin:10px 0; border:0; padding-bottom:0;} .pd_dt_joo4_box.pd_detail_globalmall form .pd_dt_joo4_topbox .big_productinfo .Product_Gift ul.Product_Gift_list li{display: -ms-box; display:-moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-align: center; -webkit-align-items: center; align-items: center;} .pd_dt_joo4_box.pd_detail_globalmall form .pd_dt_joo4_topbox .big_productinfo .Product_Gift ul.Product_Gift_list li span{background-color:#888;font-size: 15px;} .pd_dt_joo4_box.pd_detail_globalmall form .pd_dt_joo4_topbox .big_productinfo .Product_Gift ul.Product_Gift_list li a{font-size:15px; text-decoration: none; width: calc(100% - 70px);} /* 商品付款與運送方式 */ .pd_dt_joo4_box.pd_detail_globalmall form .pd_dt_joo4_topbox .big_productinfo ul.Product_Payment{font-size:15px;padding:15px;background-color:#f7f7f7;} .pd_dt_joo4_box.pd_detail_globalmall form .pd_dt_joo4_topbox .big_productinfo ul.Product_Payment li:first-of-type{margin-bottom:15px;} .pd_dt_joo4_box.pd_detail_globalmall form .pd_dt_joo4_topbox .big_productinfo ul.Product_Payment li .Product_Payment_title{color:#222;} .pd_dt_joo4_box.pd_detail_globalmall form .pd_dt_joo4_topbox .big_productinfo ul.Product_Payment li .Product_Payment_text{color:#888;} /* 商品下方描述 */ .pd_dt_joo4_box.pd_detail_globalmall .product_detailA ul{background-color: #fff;border-bottom:4px solid #222;width:970px;display: -ms-box; display:-moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex;} .pd_dt_joo4_box.pd_detail_globalmall .product_detailA ul li{width:auto ;border-right:0 ;} .pd_dt_joo4_box.pd_detail_globalmall .product_detailA ul li:first-of-type a{border-left: 1px solid #ddd;} .pd_dt_joo4_box.pd_detail_globalmall .product_detailA ul li a{border-top:1px solid #ddd; letter-spacing: .6px;display: block;text-decoration: none;} .pd_dt_joo4_box.pd_detail_globalmall .product_detailA ul li a{line-height: 46px ; height: 46px ; padding: 0 20px; font-size:15px ; background-color: #fff ; border-right:1px solid #ddd;} .pd_dt_joo4_box.pd_detail_globalmall .product_detailA ul li.active a{background-color: #222; border-color:#222; color:#fff;} .pd_dt_joo4_box.pd_detail_globalmall .product_detailB{padding:20px 30px;border: 1px solid #ddd;margin-bottom: 20px;} .pd_dt_joo4_box.pd_detail_globalmall .product_detailB .it550 .qa_after table{padding: 0 !important;} .pd_dt_joo4_box.pd_detail_globalmall .product_detailB .it550 .qa_after table{} /* 商品下方評論 */ .pd_dt_joo4_box.pd_detail_globalmall .product_detailB .Product_contentbox02{padding-bottom: 0;} .pd_dt_joo4_box.pd_detail_globalmall .product_detailB .Product_contentbox02 .comment_box:last-of-type{margin-bottom: 0;} /* 商品下方換貨基本須知 */ #product_detail .normal_item1BOX .item7_box .C_title{font:30px/38px 'Roboto', 'Noto Sans TC', Microsoft JhengHei, 'PingFangTC', sans-serif!important;letter-spacing: 0.6px; text-align: center; color: #222; display: block;border-bottom: 0; margin-bottom: 0;} #product_detail .normal_item1BOX .item7_box .C_article.item_frame_line{line-height: 28px; font-size: 15px;} /*[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[ 其他客製 ]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]*/ /* 頁碼 */ .Page_itemBox_w{ float:none; width: 100%; height: 42px; background-color:#eee; margin: 0 0 10px 0;} .AF_b_page, .SB_b_page, .gh_PageNumber{ width:100%; height:38px; text-align: center;margin: 35px auto;} .AF_b_page p, .SB_b_page p, .gh_PageNumber p{float: left; font-size: 13px;line-height: 38px; color: #222; font-weight:500; letter-spacing: 1px;} ul.AF_pageBox, ul.SB_pageBox, .gh_PageNumber > ul{ display:inline-block; background-color:#FFF;} ul.AF_pageBox li, ul.SB_pageBox li, .gh_PageNumber > ul li{ float:left;} ul.AF_pageBox li.pre a,ul.AF_pageBox li.next a, ul.SB_pageBox li.pre a, ul.SB_pageBox li.next a, .gh_PageNumber > ul li.pre a, .gh_PageNumber > ul li.next a{width: 38px; height: 38px;text-align: center; display:block; padding:0px; font:13px/35px 'Roboto', 'Noto Sans TC', Microsoft JhengHei, 'PingFangTC', sans-serif; text-decoration:none; color:#222;} ul.AF_pageBox li.next a, ul.SB_pageBox li.next a, .gh_PageNumber > ul li.next a{border-left: none;} ul.AF_pageBox li.pre a:hover, ul.SB_pageBox li.pre a:hover, .gh_PageNumber > ul li.pre a:hover{ text-decoration:none; color:#222; font:13px/35px 'Roboto', 'Noto Sans TC', Microsoft JhengHei, 'PingFangTC', sans-serif; border-right:0;} ul.AF_pageBox li.next a:hover, ul.SB_pageBox li.next a:hover, .gh_PageNumber > ul li.next a:hover{ text-decoration:none; color:#222; font:13px/35px 'Roboto', 'Noto Sans TC', Microsoft JhengHei, 'PingFangTC', sans-serif; border-left:0;} ul.AF_pageBox li a,ul.AF_pageBox li.dis, ul.SB_pageBox li a, ul.SB_pageBox li.dis, .gh_PageNumber > ul li a, .gh_PageNumber > ul li.dis{width: 38px; height: 38px;text-align: center; display:block; padding:0px; font:13px/35px 'Roboto', 'Noto Sans TC', Microsoft JhengHei, 'PingFangTC', sans-serif; text-decoration:none; color:#222;} ul.AF_pageBox li.dis, ul.SB_pageBox li.dis, .gh_PageNumber > ul li.dis{ background:#f1f1f1;} ul.AF_pageBox li a:hover, ul.SB_pageBox li a:hover, .gh_PageNumber > ul li a:hover{ width: 38px; height: 38px;text-align: center; display:block; padding:0px; text-decoration:none; color:#222; background-color: #f9f9f9; font:13px/35px 'Roboto', 'Noto Sans TC', Microsoft JhengHei, 'PingFangTC', sans-serif;} /*[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[ 元件客製 ]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]*/ /* 輸入框 */ input[type="radio"], input[type="checkbox"]{margin-right:10px;} select,input[type="text"], input[type="password"], input[type="date"],.scart_coupon input[type="text"], .scart_coupon select,.content_style input[type="text"], .content_style input[type="password"], .content_style select{border:1px solid #ddd; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding:8px 10px; font-size: 15px; font-family: 'Roboto', 'Noto Sans TC', Microsoft JhengHei, 'PingFangTC', sans-serif;} select{padding:0 22px 0 10px !important;appearance: none; background-color: #fff;background-image: url("data:image/svg+xml;utf8,"); background-repeat: no-repeat; background-position-x: 100%; background-position-y: 5px;} select:disabled{background-image:none;} input[type="text"], input[type="password"], input[type="date"], input[type="radio"], input[type="checkbox"], textarea { padding:8px 10px; margin-left:0px; box-sizing: border-box;} textarea{width: 100%; border-color:#ddd; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; resize: none;} textarea:focus-visible {outline:none;} input[type="submit"]{cursor: pointer;} ::placeholder { color: #aaa; opacity: 1;} :-ms-input-placeholder { color: #aaa;} ::-ms-input-placeholder { color: #aaa;} /* 麵包屑 */ .m_breadCrumbs { padding: 10px 0; border-bottom: 0; margin-bottom: 0; } .path a, .m_breadCrumbs .breadCrumbs2 a { display: inline-block; font-size: 15px; color: #888; letter-spacing: 0.5px; line-height: 20px; } /* 左側元件共用 */ .L_Box { width: 200px; margin-bottom: 20px; text-align: left; background: #fff;} .L_Box .Page_Litem_title .L_item_name{font-size: 16px;font-weight: 500;color: #222;background-color: #ddd;height:40px;line-height: 40px;text-align: center; overflow: hidden; margin: 0px auto;} /* 第一顆元件 */ #index .main_content_no_center > div:first-of-type{padding-top:0 !important;} /* 元件1 圖文元件 */ .normal_item1BOX .item7_img{ padding:0; border:0;} .normal_item1BOX .productFlow .product_list_img{text-align: center;} .normal_item1BOX .productFlow .product_list_img img{max-width:200px;width: 100%;height:auto;} ul.Page_ProductSale li a{display: block;width: 100%;padding:2px 0;} ul.Page_ProductSale li:hover a{color: #d70110;} /* 元件19 會員中心-左側欄 */ .jooshop_mem_menu{ background-color: #222; color:#fff; border-left-color: #222;} .AF_MemberLitemContent01{border:0; margin-bottom: 15px;width:100%;} .AF_MemberLitemContent01 .AF_MemberLitem_listnow{padding-left: 17px;border-width:1px;border-left: 0;} .AF_MemberLitemContent01 ul.AF_MemberLitem_list li a{background-color: #fff;color: #222;font-family: 'Roboto', 'Noto Sans TC', Microsoft JhengHei, 'PingFangTC', sans-serif;padding-left: 15px;border-top:0;border-left:#ddd 1px solid;border-right:#ddd 1px solid;} .AF_MemberLitemContent01 ul.AF_MemberLitem_list li a:hover{background-color: #eeeeef;font-family: 'Roboto', 'Noto Sans TC', Microsoft JhengHei, 'PingFangTC', sans-serif;} /* 元件34 留言總覽 */ .it34_default .it34_morebtn a{border-color: #d70110 ; color: #d70110 ;} .it34_default .it34_morebtn a:hover { background-color: #d70110 ; color: #fff ; } /* 元件40&43 商品分類頁-上方 */ .product_sort_content { position:relative;} .search_result{background-color: #fff; color:#999;} .path.floatLeft, .search_result.floatLeft { width: 100%; float: none; padding:0; font-size: 15px;} .search_result span{color:#222; font-size: 26px; font-weight: 500; letter-spacing: 0.5px;} .it40_top{height:auto;margin-bottom: 10px;} .Store_PSearch_Plist{width:100%;height:auto;display: inline-block;} .it40_sort_intro{width: auto; float: left; margin-bottom: 0; display: none;} .it40_sort_intro h1 {display: inline-block;border-bottom: 0;font-size: 28px;color: #444;line-height: 1.54;letter-spacing: 0.56px;} .Page_itemBox{ float: right;} .Store_PSearch_Top01,.Store_PSearch_Top01 img{ display:none; width:100%; height:auto;} .PSearch_Top_menuL{text-align:center; display: flex; align-items: stretch; line-height: 42px;} .PSearch_Top_menuL li{ display:inline-block;} .PSearch_Top_menuL li a{ display:block; text-align:center; font:15px/42px 'Roboto', 'Noto Sans TC', Microsoft JhengHei, 'PingFangTC', sans-serif; color:#222;text-decoration:none;} .PSearch_Top_menuL li a.selected{ text-decoration:none; background-color: #222; color:#fff;} .PSearch_Top_menuL li.price-range, .PSearch_Top_menuL li.price-range-number { display:none;} .PSearch_Top_menuL li.show_count{margin-left:15px; border-left: 1px solid #eee; padding-left: 20px;} .PSearch_Top_menuL li.show_count select{ border:1px solid #ddd; width: 86px; height:32px; margin: 0 10px; padding: 0 10px;background-color: #fff;} .PSearch_Top_menuL > form{ -webkit-box-flex: 5; -moz-box-flex: 5; -webkit-flex: 5; -ms-flex: 5; flex: 5; padding-right: 20px;} .PSearch_Top_menuL > form li{ display: flex; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -ms-flex-pack: flex-end; -webkit-justify-content: flex-end;-webkit-box-pack: flex-end; -moz-box-pack: flex-end; justify-content: flex-end;} .it43_arrow {margin-left: 10px;position: relative;display: inline-block;line-height: 0;background-color:#bbbbbb;} .it43_arrow-hor {width: 4px;height: 10px;} .it43_right::before {content: '';position: absolute;bottom: -8px;right: -4px;border: 6px solid transparent;border-top: 6px solid #bbbbbb;} .PSearch_Top_menuL li.Store_Psearch_icon01{ -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; border-right: 1px solid #dddddd;} .PSearch_Top_menuL li.Store_Psearch_icon01:hover{ background: #222222;} .PSearch_Top_menuL li.Store_Psearch_icon01:hover a{ color: #fff;} .PSearch_Top_menuL li.Store_Psearch_icon01:hover .it43_arrow,.PSearch_Top_menuL li a.selected .it43_arrow{ background-color:#fff;} .PSearch_Top_menuL li.Store_Psearch_icon01:hover .it43_right::before,.PSearch_Top_menuL li a.selected .it43_right::before{ border-top: 6px solid #fff;} .product_list h5.normal_no_search_title{ text-align: center; font-size:18px;font-weight: 500;color: #222; padding: 15px 0; letter-spacing: 1px;} .product_list h5.normal_no_search_title span{ color: #d70110;} .Store_PSearch_Pbox > li{ margin: 10px;border: solid 1px #fff;} .Store_PSearch_Pbox > li:hover{border: solid 1px #ddd;} #more_product{background: #e1e1e1;border-left: 12px solid #fff;border-right: 12px solid #fff;text-align: center;height: 66px;} #more_product a{width: 100%;height: 100%;display: block;} #more_product a span{font-weight:500;font-size: 12px;letter-spacing: 1px;padding-bottom: 3px;border-bottom: 2px solid #111;line-height: 62px;color: #222;} /* 元件40 商品分類搜尋 */ .it40_l{float: left; width: 220px;} .it40_l .item_519{margin:0;width: 200px;} .it40_l .item_519 .item_519_title{max-height: 40px; height:100%; font-size: 14px; font-weight:500; text-align: center; background-color: #e0e0e0;padding: 8px 20px;} .it40_l .item_519 .item_519_content{padding:0;} .it40_l .item_519 .item_519_menutitle{max-height: 40px;height:100%; margin:0; background-color: #e9e9e9;padding:8px 10px; display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative;font-size: 14px; font-weight:500;} .it40_l .item_519 span.item_519_arrow{ position: absolute; right:0; top:0; cursor: pointer;background-image: url(it519_toggle.svg); background-position: right -5px;width:40px;height:40px;} .it40_l .item_519 span.item_519_arrow.item_519_arrow_open{ background-position: right 45px;} .it40_l .item_519 .rangeSlider_content{background-color: #fff;width: 100%;float:none;} .it40_l .item_519 .rangeSlider_content .irs{max-width: 165px;margin: 10px;} .search_item { position: absolute; opacity: 0; } .search_item + label { position: relative; cursor: pointer; padding: 0; display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-align: center; -webkit-align-items: center; align-items: center;} .search_item + label:before { content: ""; margin-right: 10px; display: inline-block; vertical-align: text-top; width: 20px; height: 20px; background: white; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .search_item:hover + label:before { border:2px solid #222; } .search_item:checked + label:before { background: #222; } .search_item:disabled + label { color: #b8b8b8; cursor: auto; } .search_item:disabled + label:before { box-shadow: none; background: #ddd; } .search_item:checked + label:after { content: ""; position: absolute; left: 5px; top: 11px; background: white; width: 2px; height: 2px; box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white; transform: rotate(45deg); } .item_519_menu_first_title{background-color: #f2f2f2;padding:8px 8px 8px 20px;display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex;-ms-flex-align: center; -webkit-align-items: center; align-items: center;} .item_519_menu_second_title{background-color: #f9f9f9;padding:8px 8px 8px 32px;display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex;-ms-flex-align: center; -webkit-align-items: center; align-items: center;} .it40_r {float: right; width:calc(100% - 220px);} /* 元件49 訂單查詢&列表 */ .it49 .search_area{margin-bottom: 10px;} .it49 .it49_gotodeatil a.it49_more{ background-color: #d70110; color:#fff; border:0; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;} .it49 .it49_gotodeatil a.it49_more:hover { border: 0; background-color: #c91116; color: #fff; } .it49 .it49_othersbtn a.it49_refund_status{ background-color: #d70110; color:#fff; border:0; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;} .it49 .it49_othersbtn a.it49_refund_status:hover { border: 0; background-color: #c91116; color: #fff; } /* 元件53 訂單詳細頁 */ .it49status_step.is-complete .car .wheel_left,.it49status_step.is-complete .car .wheel_right,.it49status_step.is-complete .car .head2,.it49status_step.is-complete .it49status_marker::before{border-color: #d70110;} .it49status_step.is-complete .car .body,.it49status_step.is-complete .car .head,.it49status_step.is-complete .it49status_marker::before,.it49status_step.is-complete .it49status_marker::after {background-color: #d70110;} .it49status_step.is-complete .car .wheel_left,.it49status_step.is-complete .car .wheel_right,.it49status_step.is-complete .car .head2,.it49status_step.is-complete .it49status_marker::before,.it53status_step.is-complete .car .wheel_left,.it53status_step.is-complete .car .wheel_right,.it53status_step.is-complete .car .head2,.it53status_step.is-complete .it53status_marker::before{border-color: #d70110;} .it49status_step.is-complete .car .body,.it49status_step.is-complete .car .head,.it49status_step.is-complete .it49status_marker::before,.it49status_step.is-complete .it49status_marker::after,.it53status_step.is-complete .car .body,.it53status_step.is-complete .car .head,.it53status_step.is-complete .it53status_marker::before,.it53status_step.is-complete .it53status_marker::after{background-color: #d70110;} .SB_MemberWitemSay{letter-spacing: .3px;} .SB_MemberWitemSay span { margin: 0 10px; color: #d70110; font-weight: 500; vertical-align: -2px; font-size: 20px;} .SB_MemberWitemBOX{ width:100%; height: auto; margin-bottom: 15px; background-color: #fff; color: #222; font-size: 1rem;} .ygg_MemberW100p{ width:100%;} .SB_MemberWitemTitle03 { border-top: #ddd 1px solid; border-left: #ddd 1px solid; border-right: #ddd 1px solid; position: relative; background-color: #f7f7f7; } .SB_MemberWitemTitle03 p { display: block; height: 40px; border-bottom: #ddd 1px solid; font: 15px/40px 'Roboto', 'Noto Sans TC', Microsoft JhengHei, 'PingFangTC', sans-serif; color: #222; padding-left: 15px; } .SB_MemberWitemContent03 { position: relative; border-left: #ddd 1px solid; border-right: #ddd 1px solid; border-bottom: #ddd 1px solid; padding:5px 0 0;} .SB_MemberWitemContent03 > table > tbody > tr:last-of-type td.SB_tablelineb07{padding: 10px 0;} .SB_tableW110{ width:110px;} .SB_tableW130 { width: 130px; } .SB_tableW270 { width: 200px; } .SB_tablelineb06 tr{border-top: #eee 1px solid;} .SB_MemberOrder_title.SB_MemberOrder_w01{background-color: #f8f8f8;} .SB_MemberOrder_w01 {color: #aaa; text-align: center; font-size:.8125rem; line-height:34px;} .SB_MemberOrder_w03 { font-size:.8125rem; line-height:34px; color:#aaa; text-align: center;} .SB_tablelineb07 { border-right: #ddd 1px dotted; } .it53_orderinfo .SB_tablelineb07 { border-right: #eee 1px solid;} .MemberOrder_Deal { text-align: center; padding: 5px 0; } .MemberOrder_Deal a { color: #222; text-decoration:none; border-bottom-width:1px; border-bottom-style: solid; font-size: .9375rem; margin-bottom: 5px; display: inline-block; line-height: 1;} .MemberOrder_Deal a:hover,.SB_MemberOrder_w02 a:hover{color:#d70110;} .SB_tableW107 { width: 107px; background: #fbfbfb; border-right: #eee 1px solid; } #order_detail .SB_MemberOrder_w02,#visitor_order .SB_MemberOrder_w02{width:387px; font-size:.9375rem; padding-left: 10px;} .SB_MemberOrder_w02 a{font-size:.9375rem; line-height:34px; border-bottom-width:1px; border-bottom-style: solid;} #order_detail .SB_MemberOrder_w02 .form_gloss,#visitor_order .SB_MemberOrder_w02 .form_gloss{ color:#d70110;} .MemberOrder_Price{text-align: center;} .SB_MemberWitemContent03 .SB_tablelineb06 .SB_tablelineb07.MemberOrder_Name{padding:10px; line-height: 20px; font-size: 14px;} .SB_tablelineb07 a{display: block; width: auto; height: auto; text-align: center;} .SB_tablelineb07 a img{width: 100px; height:100px;} .SB_MemberOrder_btn { width: 150px; height: 45px; margin: 0 auto; margin-bottom: 30px; } .SB_MemberOrder_btn input { display: block; width: 150px; height: 45px; border: none; cursor: pointer; } .btn_ask_question a,.btn_prev_blue a,.btn_prev a,.btn_confirm_send2 input { display: block; width: 150px; height: 45px;} .extraBox{ position:relative; width:100%; margin:25px auto; padding-bottom:10px; font-size:15px; border-right:1px solid #ccc; border-left:1px solid #ccc; border-bottom:1px solid #ccc; background-color:#fff;} .extraBox .head{border-top: #ddd 1px solid; position: relative; background-color: #f7f7f7; line-height: 40px; font: 15px/40px 'Roboto', 'Noto Sans TC', Microsoft JhengHei, 'PingFangTC', sans-serif; color: #222; padding-left: 15px;} .extraBox .userInfo table{width:100%;} .extraBox .receiverSame { position:absolute; top:20px; left:270px; display:inline-block; width:300px; } .extraBox .title { display:inline-block; position:relative; margin-left:20px; line-height:1em; } .extraBox .title span { position:absolute; display:block; right:-105px; top:5px; width:91px; height:8px; } .btn_return_send input { display:block; width:150px; height:45px; border:0; cursor:pointer;} .h3-return{height: 34px; line-height: 34px; padding: 0 0 0 20px; margin: 20px 0; color:#fff; font-weight: 400; letter-spacing: .5px; font-size: 16px;} .list-return ul { list-style-type: decimal; padding: 0 66px; line-height: 24px; margin-bottom: 20px; } .setP_stagingBoxIn.jooshop_addcar_box .addcar_box .addcar_box_deta a{-moz-border-radius: 3px !important; -ms-border-radius: 3px !important; -o-border-radius: 3px !important; -webkit-border-radius: 3px !important; border-radius: 3px !important;} /* 舊購物車 */ /* 步驟線段 */ .all_scart_top .cart_step li{height:42px;} .all_scart_top .cart_step .font_color_01 { border-bottom: 4px solid #222; color: #222;} .all_scart_top .cart_step .font_color_01:after { background-color: #222;} .all_scart_top .cart_step .font_color_02 { color:#d8d8d8;} .all_scart_top .cart_step .font_color_02:after{border-color:#d8d8d8;} /* 購物車按鈕 */ #shopping_checkout_2 .all_scart_btn.jooshop_btn_color input[type="submit"], #shopping_checkout_2 .scart_content_J .all_scart_btn input[name="btn_submit"],#shopping_cart .all_scart_btn.jooshop_btn_color input[type="submit"], #shopping_cart .scart_content_J .all_scart_btn input[name="btn_submit"] {width: 150px; background-image: url(cart.svg); background-size: 26px; background-repeat: no-repeat;background-position:20px center; color:#FFF; font-family:'Roboto', 'Noto Sans TC', Microsoft JhengHei, 'PingFangTC', sans-serif; text-indent:20px; font-size:15px!important; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;} #shopping_checkout_2 .scart_content_J .all_scart_btn input ,#shopping_checkout_2 .all_scart_btn.jooshop_btn_color2 input[type="button"], #shopping_checkout_2 .all_scart_btn.jooshop_btn_color2 input[type="button"]:hover,#shopping_cart .all_scart_btn.jooshop_btn_color2 input[type="button"], #shopping_cart .all_scart_btn.jooshop_btn_color2 input[type="button"]:hover {width: 150px; color:#fff; background-image:url(cart_btn2.png); background-repeat:no-repeat; background-position:25px center; font-family:'Roboto', 'Noto Sans TC', Microsoft JhengHei, 'PingFangTC', sans-serif; text-indent:20px; font-size:15px!important; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;} /*購物車特殊用途*/ .none_style{display:none;} .petcuisine{ display:block;} .wangtea_use{ margin-left:15px;} .joo_hideOnly{ display:none;} /* 符合與不符合活動 */ .activity_meet_status{background-color: #d70110;border-color: #d70110; color: #fff;} .activity_meet_text{color:#222;} .activity_notmeet_status{background-color:#fafafa; border-color:#aaa; color:#aaa;} .activity_notmeet_text{color:#aaa;} /* 購物車第一步驟 */ .all_scart_box select { padding: 8px 22px 8px 10px;} #it760{background-color: #F8F8F8 !important;} .it760_default .it760_top_box .it760_step_box ul.it760_step .font_color_01 { border-bottom-color: #d70110; color:#d70110;} .it760_default .it760_top_box .it760_step_box ul.it760_step .font_color_01:after { background-color:#d70110;} .it760_default .it760_item .it760_item_title .it760_decoration{background-color: #d70110;} .it760_default .it760_list_shop_activity{ background-color: rgba(215,1,16,.1);} .it760_default .it760_list_shop_activity_notmeet{background-color:#F8F8F8;} .scart_prod_list td p{ white-space: normal;height:auto;} .scart_coupon input[type="text"], .scart_coupon select{margin:0 3px;} /* 購物車第二步驟 */ #it761{background-color: #F8F8F8 !important;} .it761_default .it761_top_box .it761_step_box ul.it761_step .font_color_01 { border-bottom-color: #d70110 !important; color:#d70110 !important;} .it761_default .it761_top_box .it761_step_box ul.it761_step .font_color_01:after { background-color:#d70110 !important;} .it761_default .it761_item .it761_item_title .it761_decoration{background-color: #d70110 !important;} .it761_default .it761_list_shop_activity{ background-color: rgba(215,1,16,.1) !important;} .it761_default .it761_list_shop_activity_notmeet{background-color:#F8F8F8 !important;} .scart_content_title{ padding-left:60px; background-repeat:no-repeat; background-position:15px top; background-size: 35px; line-height: 35px; text-indent:0;} .scart_content_C .scart_content_title, .scart_content_D .scart_content_title, .scart_content_E .scart_content_title{ background-position:15px top; padding-left:60px;} .scart_content_C .scart_content_title, .scart_content_D .scart_content_title { background-image:url(cart_title_1.svg);} .scart_content_E .scart_content_title { background-image:url(cart_title_2.svg);} .scart_content_F .scart_content_title, .scart_content_K .scart_content_title, .scart_content_G .scart_content_title, .scart_content_L .scart_content_title { background-image:url(cart_title_3.svg);} .scart_content_H .scart_content_title, .scart_content_M .scart_content_title { background-image:url(cart_title_5.svg);} .scart_content_I .scart_content_title{ padding: 0 0 15px 0; line-height: 30px;} .scart_content_Z .scart_content_title,.scart_content_B .scart_content_title { background-image:url(cart_title_6.svg);} .addresstitle{background-color: #ddd;color: #222; font-weight: 500;} .it66_memobox .meatTxt{color:#222;} .it66_btn{-moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;} .it66_btn.edit { background-color: #d70110;} .it66_btn.edit:hover{ background-color: #c91116;} .it66_btn.delete{ background-color: #222;} .it66_memobox .meatTxt_btn{background-color: #d70110;} .it66_memobox .meatTxt_btn:hover{ background-color: #c91116;} /* 購物車第三步驟 */ .scart_content_N .scart_content_title { background-image:url(cart_title_7.svg);} .content_style ul.scart_content_ul > li{padding: 16px 30px; display: block;} .content_style ul.scart_content_ul > li:not(:last-of-type) { border-bottom: 1px solid #F7F7F7; } .content_style ul.scart_content_ul > li span{font-weight: bold; margin: 0 3px; font-size: 16px; color: #d70110 !important;} .content_style ul.scart_content_ul > li .it67_paymentType{ display: inline-block; background-color: #eee; padding: 3px 5px; color: #666;} .content_style ul.scart_content_ul > li input{ width: 100px;} .content_style ul.scart_content_ul > li select{ width: 100px;} .scart_content_O .scart_content_title { background-image:url(cart_title_2.svg);} .content_style .scart_content_ul_title{display: inline-block; width: 75px; margin-right: 6px;} .scart_content_O.content_style ul.scart_content_ul > li select{margin: 0 !important;} .it67_agreeToTerms{position: relative; margin-top: 15px;} /* checkbox */ .new_scart_coupon_check {display: block; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding-left: 46px;} .new_scart_coupon_check input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .new_scart_coupon_check .new_scart_coupon_check_mark { position: absolute; top: 50%; left: 18px; height: 18px; width: 18px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #ddd; transform: translateY(-50%); box-sizing: content-box;} .new_scart_coupon_check .new_scart_coupon_check_mark:after { content: ""; position: absolute; display: none; } .new_scart_coupon_check .new_scart_coupon_check_mark:after { left: 6px; top: 2px; width: 6px; height: 11px; border: solid white; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .new_scart_coupon_check input:checked ~ .new_scart_coupon_check_mark { background-color: #222; border-color: #222; } .new_scart_coupon_check input:checked ~ .new_scart_coupon_check_mark:after { display: block; } /* 舊購物車第三步驟 */ .shoppinglist-discount-twglobalmall{text-align: right; background-color: #f5f5f5; padding: 15px 20px; margin-bottom: 10px;} .shoppinglist-discount-twglobalmall .discount-twglobalmall-text{background-color: #d70110; color: #fff; padding: 5px; margin: 0 5px;} .shoppinglist-discount-twglobalmall .jooPC_price01{margin: 0 4px;} .AY_Saleproduct200_box .detail table{width:100%;} .AY_Saleproduct200_format { display: inline-block; width: 100%; height: 40px; font: 14px/14px 'Roboto', 'Noto Sans TC', Microsoft JhengHei, 'PingFangTC', sans-serif!important; color: #222; } .AY_Saleproduct200_quantity { display: inline-block; width: 100%; height: 40px; font: 14px/14px 'Roboto', 'Noto Sans TC', Microsoft JhengHei, 'PingFangTC', sans-serif!important; color: #222;} .btn_saleStatus_ok{width:150px;height:50px;} .saleInfo .addbtn a,.saleInfo .addbtn a:hover{width:150px;height:50px;text-indent: 28px; font-size: 15px!important;background-image: url(cart.svg); background-size: 26px; background-repeat: no-repeat; background-position: 20px center;} .pickup_methode_box_30, .pickup_time_box_30{ margin-top: 5px;} .pickup_methode_box_30 select, .pickup_time_box_30 select{ height: 40px; width: 100%; } .jqtransform.selectionBox{margin-right:0 !important;} .AY_FormTxt01,.AY_FormTxt02{width:100%;} .shopping-warpper{max-width:1200px; margin:0 auto;letter-spacing: 1px;} .shopping-warpper>.h1{width: 100%;height: 80px;overflow: hidden;text-align: center;font-size: 30px;line-height: 50px;font-weight:500;color: #222;margin: 0 auto;} /* 元件64 Mail表單元件 */ .it64_box .it64_confirm_btn input{height:40px;} .form_star{font-family: 'Roboto', 'Noto Sans TC', Microsoft JhengHei, 'PingFangTC', sans-serif; color: #d70110; font-size: 15px; font-weight: normal;text-decoration: none;} .AF_attest_number img {margin-right:5px;} .AF_attest_number a,.reload_code a { display:inline-block; width:23px; height:23px; background:url(reload.svg) no-repeat center center; text-indent:-9999px; vertical-align:middle; margin-left:5px; transition: all .3s;} .AF_attest_number a:hover,.reload_code a:hover{transform: rotate(180deg);} /* 元件68 行銷活動元件 */ .it68_titleBox{ display:none;} .addon-highlight { border:0; } .addon-highlight .title { padding:10px 20px; font-size:16px; color:#222; background-color:#f6f6f6; } .addon-highlight > ul, .itemList > ul > li { list-style:none; margin:0; padding:0; } .addon-highlight > ul { width:100%; } .addon-highlight > ul > li { padding:20px; border-top:1px solid #ccc; } .addon-highlight .thumb { float:left; width:12%; height:91px; } .addon-highlight .detail { float:left; width:88%; } .addon-highlight .detail span.highLight { font-size:30px; font-family:'Roboto', 'Noto Sans TC', Microsoft JhengHei, 'PingFangTC', sans-serif; } .addon-highlight .detail table { width:100%; } .addon-highlight .detail table td:first-child { width:55px; } .addon-highlight .detail table td { padding:5px; vertical-align:middle; text-align: center; } .addon-highlight .addprobox .detail .prod_name{ text-align:center;} .addon-highlight .addprobox .detail .prod_name a{ font-size: 15px; line-height: 22px; letter-spacing: 0.6px; color: #1e1e1e;font-family: 'Roboto', 'Noto Sans TC', Microsoft JhengHei, 'PingFangTC', sans-serif!important;} .addon-highlight .addprobox .detail .highLight{ text-align: center; font-size: 15px; color: #e60012; letter-spacing: 0.6px; margin-bottom: 10px; font-weight: 900;font-family: 'Roboto', 'Noto Sans TC', Microsoft JhengHei, 'PingFangTC', sans-serif!important;} .AY_Saleproduct200_name a:hover, .AY_Saleproduct200_name a:active, .addon-highlight .addprobox .detail .prod_name a:hover{color:#222;} /* 元件91 輪播廣告 */ .Index_ADbannerBox{margin-bottom: 0;} .Index_ADbannerBox ul.slides > li{text-align: center;} .Index_ADbannerBox ul.slides > li img{vertical-align: top;} /* 元件109 訂單詢問 */ .col_bg { background-color: #f8f8f8; } .userInfo td { padding:10px; vertical-align:middle; } .userInfo td:first-child { padding:10px 20px 10px 45px; width:18%; } .userInfo td:first-child { padding:10px 20px 10px 25px; width:20%; } .userInfo td td:first-child { padding:0; width:auto; } .SB_tableWstyle03 { font-size: 15px; color: #d70110; padding-right: 2px; } .jqtransform > select, .jqtransform > input { -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; height: 40px; width:100%;} /* 元件110 訂單紀錄 */ .status_result{margin-bottom: 50px;} .status_result table.qa_record { width: 100%; } .member_norespond { width: 100%; height: 80px; font-size: 30px; line-height:80px; letter-spacing: 3px; color: #666; text-align: center; } .fR { float: right; } .mR15,.mR10 { margin-right: 10px;} .btn_ask_question a, .btn_prev_blue a, .btn_prev a, .btn_confirm_send2 input { display: block; width: 150px; height: 45px; text-align: center; line-height: 45px;} .status_result table.qa_record td { vertical-align: top; padding: 10px 20px; text-align: left; border-bottom: 1px solid #eaeaea; } .status_result table.qa_record td table { width: 100%; } .status_result table.qa_record td table td:first-child { width:50px; } .status_result table.qa_record td td { border:none; } .q-time { color:#e60012; padding:4px 0; } .a-time { color:#d70110; padding:4px 0; } /* 元件111 會員中心-取消訂單 */ .it111_pickuptext, .it111_pickuptitle{display:none;} /* 元件112 會員中心-退貨 */ .successInfo .leadin { text-align:center; font-weight:500; font-size:15px; color:#333; } .successInfo .leadin span { color:#b9864f; } .successInfo .infoTable { font-size:15px; padding:20px 0;} .successInfo .infoTable .head { background-color:#f6f6f6; color:#1671b8; padding:10px 0; text-align:center; border-top:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; background-color:#fff;} .successInfo .infoTable table { width:100%; } .successInfo .infoTable .table_v1 { background-color:#fff;} .successInfo .infoTable .table_v1 td { border-bottom:1px solid #eaeaea;padding:10px 10px 10px 50px; } .successInfo .infoTable .table_v1 td:first-child { width:20%; padding:10px 10px 10px 50px; } .successInfo .infoTable .table_v2 { background-color:#fff;} .successInfo .infoTable .table_v2 td { text-align:center; border-bottom:1px solid #eaeaea; padding:10px; } .successInfo .infoTable .table_v2 thead td {color:#555; } .successInfo .infoTable .table_v2 td:first-child { text-align:left; padding:10px 10px 10px 50px; } .successInfo .infoTable td.aliLeft { text-align:left; } .return_partial_btn{margin-right:5px;} .return_all_btn input, .return_partial_btn input{display: block; width: 150px; height: 45px; cursor: pointer;} .notice { padding: 20px; border-bottom: 1px solid #eaeaea; } .userInfo p { text-align: center; font-size: 22px; margin: 15px 0; } .btn_back_cart a { display: block; height: 45px; width: 150px; text-align: center; line-height: 45px;} .number { font-family: 'Roboto', 'Noto Sans TC', Microsoft JhengHei, 'PingFangTC', sans-serif; font-size: 15px; color: #d70110; font-weight: 500; } /* 元件125 追蹤清單 */ .it125_default .it125_content .it125_item .it125_iteminner .it125_item_pricebox > li.it125_sale_price{ color: #d70110; font-size:15px;} /* 元件174 折價券登錄與查詢 */ .it174_default .it174_totalbox .it174_total_item .it174_total_amount,.it174_default .it174_nav .it174_nav_item > a span.it174_status_amount.it174_status_amount_em{color: #d70110;} .item_174_activity .item_174_red_box{background-color: #d70110;} /* 元件259 商品圖遮罩 */ .it259_bammer4_box .it259_bammer4_banner1{border:0;} .it259_bammer4_box .it259_bammer4_banner1 .mark{display:none;} /* 元件316 視窗訂閱電子報 */ .it316_BOX{height: auto;} .it316_BOX .it316_tabs li{border:1px solid #ddd;} .it316_BOX .it316_tabs li:first-of-type{-moz-border-radius: 5px 0 0 5px; -ms-border-radius: 5px 0 0 5px; -o-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px;} .it316_BOX .it316_tabs li:last-of-type{-moz-border-radius: 0 5px 5px 0; -ms-border-radius: 0 5px 5px 0; -o-border-radius: 0 5px 5px 0; -webkit-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; border-left: 0;} .it316_BOX .it316_tabs li a{ display: block;font-size: 15px;} .it316_BOX .it316_tabs li.active{background-color: #333;} .it316_BOX .it316_tabs li.active a{color:#fff;position: relative;} .it316_BOX .it316_tabs li.active a:after { content: ""; border-style: solid; border-width: 10px 8px 0px 8px; border-color: #333 transparent transparent transparent; position: absolute; top: 40px; left:50%; transform: translateX(-50%); } .it316_BOXin{padding: 15px 10px;} .it316_Content li.it316_input01{margin-bottom:5px;} .it316_Content li.it316_input01 input{ display:block; width:100%; height:40px; font:14px/40px 'Roboto', 'Noto Sans TC', Microsoft JhengHei, 'PingFangTC', sans-serif; color:#222; border:1px solid #ddd; padding:0 10px;} .it316_Content li input[type="text"], .it316_Content li input[type="password"] { border: 1px solid #ddd; padding: 0 15px; height: 40px; display: inline-block; font: 14px/40px 'Roboto', 'Noto Sans TC', Microsoft JhengHei, 'PingFangTC', sans-serif; color: #222; } .it316_Content li.it316_word{ font:13px/28px 'Roboto', 'Noto Sans TC', Microsoft JhengHei, 'PingFangTC', sans-serif; color:#999; margin: 5px 0;} .it316_Content li.it316_word a{ color:#d70110; text-decoration:underline; font-size: 13px; margin-left: 3px;} .it316_Content li.it316_word a:hover{ text-decoration:none;} .it316_Content li.it316_btn input{margin-top: 0;} .it316_Content .epmem_confirm{opacity: 0; position: absolute;} .it316_Content .epmem_confirm + label { position: relative; cursor: pointer; padding: 0; display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .it316_Content .epmem_confirm + label:before { content: ""; margin-right: 10px; display: inline-block; vertical-align: text-top; width: 20px; height: 20px; background: white; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #ddd;} .it316_Content .epmem_confirm:checked + label:before { background: #222; border-color: #222;} .it316_Content .epmem_confirm:checked + label:after { content: ""; position: absolute; left: 5px; top: 13px; background: white; width: 2px; height: 2px; box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white; transform: rotate( 45deg ); } .it316_Content #change_img{display: inline-block; width: 23px; height: 23px; background: url(reload.svg) no-repeat center center; text-indent: -9999px; vertical-align: middle; margin-left: 5px; transition: all .3s;overflow: hidden;} .it316_Content #change_img:hover { transform: rotate( 180deg ); } /* 元件320 品牌LOGO輪播 */ .productItem320_list img{ border: 0;} .productItem320_BOX{padding:0;} .productItem320_BOX .owl-theme .owl-nav{margin: 0;} .productItem320_BOX .owl-carousel .owl-nav .owl-prev, .productItem320_BOX .owl-carousel .owl-nav .owl-next{ position: absolute; width: 40px; height: 40px; color: transparent !important; top:50%; transform: translateY(-50%); background-color: #fff !important; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; -webkit-box-shadow: 0 0 8px rgb(0 0 0 / 20%); -moz-box-shadow: 0 0 8px rgb(0, 0, 0,.2); box-shadow: 0 0 8px rgb(0 0 0 / 20%); opacity: .9; transition: .3s;} .productItem320_BOX .owl-nav .owl-prev, .productItem320_BOX .owl-nav .owl-prev:hover{ left: -20px!important; background-image: url(icon-arrow-l.svg) !important; background-position: left center; background-repeat: no-repeat; background-size: 100%; z-index: 3; } .productItem320_BOX .owl-nav .owl-next, .productItem320_BOX .owl-nav .owl-next:hover{ right: -20px!important; background-image: url(icon-arrow-r.svg) !important; background-position: right center; background-repeat: no-repeat; background-size: 100%; z-index: 3; } .productItem320_BOX .owl-nav .owl-prev:hover, .productItem320_BOX .owl-nav .owl-next:hover{ transform: translateY(-50%) scale(1.15); opacity: 1; } /* 元件425 我要評論*/ #order_detail .fancybox-skin,#visitor_order .fancybox-skin{padding:0 !important;} .it425_box{border: 0; margin-top:0;} /* 元件427 折價券領取 Banner */ .it427_box{max-width: 1200px; margin: 0 auto;} .it427_box ul li{margin-bottom: 0;} /* 元件484 3張小banner */ .item_484box{margin:10px auto;} .item_484box .item_484 .item_484title{height: 90px;position: relative;padding:15px 10px;background-color:#222;} .item_484box .item_484 .item_484title p{ font-weight: normal; font-size: 26px;} .item_484box .item_484 .item_484title h3 { font-size: 16px; } /* 元件485 商品排行 */ .item_485box{padding-top:10px;padding-bottom:10px;margin:0 auto;border-bottom: 0;} .item_485box .item_485 .it485_link_btn{position: absolute; top:2.5px; right:0;} .item_485box .item_485 .it485_link_btn a{display: inline-block; font-size: 12px; letter-spacing: 0.44px; text-align: right; text-decoration: none; color: #d70110; border: 1px solid #d70110; padding: 0 5px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;} .item_485 .it485_link_btn a:hover{background-color: #d70110; color: #fff;} .item_485 .item_485_title {font-size: 24px;font-weight:500;line-height:24px;text-align: left;color: #222;height: auto;} .item_485_L,.item_485_R{height:40px;width: 40px;background-color: #fff;-moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%;-webkit-box-shadow: 0 0 8px rgb(0, 0, 0,.2); -moz-box-shadow: 0 0 8px rgb(0, 0, 0,.2); box-shadow: 0 0 8px rgb(0, 0, 0,.2);opacity: .9; transition: .3s;} .item_485_L, .item_485_L:hover{ left: -25px;} .item_485_R, .item_485_R:hover{ right: -25px;} .item_485_R{background-image: url(icon-arrow-r.svg); background-position: center center; background-size: 100%; background-repeat: no-repeat;} .item_485_L{background-image: url(icon-arrow-l.svg); background-position: center center; background-size: 100%; background-repeat: no-repeat;} .item_485_L:hover,.item_485_R:hover{opacity: 1;transform: scale(1.15);} /* 元件504 商品推薦*/ .it504 .owl-carousel .owl-next,.it504 .owl-carousel .owl-prev{position:absolute;width:40px;height:40px;color: transparent !important;top: 50%;transform: translateY(-50%);background-color: #fff !important; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; -webkit-box-shadow: 0 0 8px rgb(0, 0, 0,.2); -moz-box-shadow: 0 0 8px rgb(0, 0, 0,.2); box-shadow: 0 0 8px rgb(0, 0, 0,.2); opacity: .9; transition: .3s; cursor: pointer;} .it504 .owl-carousel .owl-prev.disabled,.it504 .owl-carousel .owl-next.disabled{opacity:.35;} .it504 .owl-carousel .owl-next,.it504 .owl-carousel .owl-next:hover{right:-25px;background-image: url(icon-arrow-r.svg) !important; background-position: right center !important;background-repeat: no-repeat;background-size: 100% !important;z-index:777;} .it504 .owl-carousel .owl-prev,.it504 .owl-carousel .owl-prev:hover{left:-25px;background-image: url(icon-arrow-l.svg) !important; background-position: left center !important;background-repeat: no-repeat;background-size: 100% !important;z-index:777;} /* 元件526 常見問題 */ .faq_banner { position:relative; background-size: cover; height: 322px; margin-bottom:20px; } .faq_banner_text { position:absolute; left:30%; top:45%; color:#1e1e1e; } .faq_banner_text h2, .faq_banner_text span { display:inline-block; line-height:normal; } .faq_banner_text h2 { font-size:42px; font-weight:normal; margin-right:15px; letter-spacing:0.4px; } .faq_banner_text span { font-size:20px; letter-spacing:0.2px; } .faq_banner img { width:100%; } .faq_it526_tab .f_it526_tabs li { font-size:18px; padding:10px 25px; background-color:#FFF; color:#949494; font-weight:500; letter-spacing:0.7px; border-radius: 25px; border:2px solid #e6e6e6; } .faq_it526_tab .f_it526_tabs li.active { background-color:#d70110; border:2px solid #d70110; } .faq_it526_tab .f_it526_tabs li a:link, .faq_it526_tab .f_it526_tabs li a:visited { font-size:18px; color:#949494; font-weight:500; letter-spacing:0.7px; } .faq_it526_tab .f_it526_tabs li.active a:link, .faq_it526_tab .f_it526_tabs li.active a:visited { color:#FFF; } .faq_it526_tab .f_it526_tab_container { margin-bottom:50px; } .it526_sub .it526_qa_title { background: #f7f7f7; padding:20px 35px 20px 25px; font-weight: normal; font-size:18px; color:#1e1e1e; letter-spacing:0.7px; line-height:normal; } .it526_sub .it526_qa_title:after,.it526_sub .it526_qa_title.active:after{top:30px;} .it526_sub .it526_qa_content { padding:20px; font-size:15px; color:#5a5a5a; letter-spacing:0.8px; line-height:30px; } /* 元件538 新品上市 */ .item_538{margin: 0 auto;padding-top:10px;padding-bottom:10px;} .item_538 .item>div{width:100%;float:none;} .item_538 .item>div a{display: block;max-width:100%; width:100%; height:auto;text-decoration: none;overflow: hidden;} .item_538 .item>div a img{transition: all .5s;} .item_538 .item>div:hover a img{transform: scale(1.1);} .item_538_textBox{margin:0;padding:6px 0 0 0;} .item_538_textBox .item_538_text_1{line-height: 26px;margin-bottom: 5px;} .item_538_textBox .item_538_text_1 a{font-size: 22px;font-weight: 500;letter-spacing: 0.5px;color: #222;font-family:'Roboto', 'Noto Sans TC', Microsoft JhengHei, 'PingFangTC', sans-serif;text-decoration: none;height:26px !important;overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp: 1; -webkit-box-orient: vertical;} .item_538_textBox .item_538_text_2{color: #222; margin-bottom: 5px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;height:40px;line-height: 20px;} .item_538_textBox .item_538_text_3 a{color:#d70110;font-weight: 500; letter-spacing: 0;} .item_538 .owl-nav .owl-prev ,.item_538 .owl-nav .owl-next {padding:0;margin:0;position:absolute;width:40px;height:40px;color: transparent !important;top: 50%;transform: translateY(-50%);background-color: #fff !important; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; -webkit-box-shadow: 0 0 8px rgb(0, 0, 0,.2); -moz-box-shadow: 0 0 8px rgb(0, 0, 0,.2); box-shadow: 0 0 8px rgb(0, 0, 0,.2); opacity: .9; transition: .3s;} .item_538 .owl-nav .owl-prev,.item_538 .owl-nav .owl-prev:hover{left:-20px;background-image: url(icon-arrow-l.svg); background-position: left center;background-repeat: no-repeat;background-size: 100%;z-index: 3;} .item_538 .owl-nav .owl-next,.item_538 .owl-nav .owl-next:hover {right:-20px;background-image: url(icon-arrow-r.svg); background-position: right center;background-repeat: no-repeat;background-size: 100%;z-index: 3;} .item_538 .owl-nav .owl-prev:hover ,.item_538 .owl-nav .owl-next:hover {transform: translateY(-50%) scale(1.15); opacity: 1;} /* 元件550 商品問與答 */ .qa_item:nth-child(odd){ background-color: #f9f9f9;} .qa_item:nth-child(even){ background-color: #eee;} .qa_item:not(:last-of-type){ margin-bottom: 20px;} .qa_item .qa_item_inner{ display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex;} .qa_item .qa_item_inner .qa_item_num{ padding: 8px; text-align: center; background-color: #d5d5d5; width: 50px;} .qa_item .qa_item_inner .qa_item_num span{ display: block;} .qa_item .qa_item_inner ul{ list-style-type:none; width: calc(100% - 50px); padding: 0;} .qa_item .qa_item_inner ul li{position: relative; padding: 10px;} .qa_item .qa_item_inner ul li:not(:last-of-type){ border-bottom: 1px solid #ddd;} .qa_item .qa_item_inner ul li.qa_item_detail{ display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex;} .qa_item .qa_item_inner ul li.qa_item_detail .qa_item_detail_inner{ display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-align: center; -webkit-align-items: center; align-items: center;} .qa_item .qa_item_inner ul li.qa_item_detail .qa_item_detail_inner:not(:last-of-type){margin-right: 20px;} .qa_item .qa_item_inner ul li:last-of-type .qa_item_title{margin-bottom: 5px;} .qa_item .qa_item_inner ul .qa_item_date{ position: absolute; right: 10px; top: 10px; font-size: 12px; line-height: 14px; color:#999; text-align: right;} .qa_item .qa_item_inner ul .qa_item_title{ font-size: 12px; line-height: 16px; color:#999;} .qa_item .qa_item_inner ul .qa_item_text{ line-height: 20px; font-size: 14px; text-align: justify; word-break: break-all;} .qa_item .qa_item_answer{ border-top: 1px solid #ddd; padding: 10px;} .qa_item .qa_item_answer .qa_item_info{display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-pack: space-between; -webkit-justify-content: space-between;-webkit-box-pack: space-between; -moz-box-pack: space-between; justify-content: space-between; margin-bottom: 5px; -ms-flex-align: center; -webkit-align-items: center; align-items: center;} .qa_item .qa_item_answer .qa_item_info .qa_item_answericon { display: inline-block; height: auto; border-radius: 20px; color: #fff; background-color: #222; padding: 0px 11px;} .qa_item .qa_item_answer .qa_item_info .qa_item_date{ font-size: 12px; line-height: 14px; color:#999; text-align: right;} .qa_item .qa_item_answer .qa_item_content{ line-height: 20px; font-size: 14px; text-align: justify; word-break: break-all;} /* 元件553 文章詳細頁 */ .it553_classify{color:#222;} .it553_box{margin: 0 auto 15px auto;-moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} .it553_title h5{background: #d70110;font-family: 'Roboto', 'Noto Sans TC', Microsoft JhengHei, 'PingFangTC', sans-serif;} .it553_title h5 span:first-child{top:6px;left:12px;} .it553_title h5 span:nth-child(2) {bottom:6px;left:12px;} .it553_title h5 span:last-child{top:12px;right:10px;font-size:42px;} .it553_title > ul > li:nth-child(2) h1, .it553_title > ul > li:nth-child(2) .it553_title_2{font-family: 'Roboto', 'Noto Sans TC', Microsoft JhengHei, 'PingFangTC', sans-serif;} .it552_bottom_icon{float:left;width: 100%;} .it552_hastag .it552_bottom_icon li.it552_view span{margin-left: 0;} .it552_hastag .it552_bottom_icon li.it552_share{margin-left:15px;display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex;} .it552_hastag .it552_bottom_icon li.it552_share > a{margin-left:0;} .it552_hastag .it552_share_open{left:30px;width:117px;} .it552_share_open{width:110px;} .it553_tag a:link{background-color: #222;-moz-border-radius: 18px; -ms-border-radius: 18px; -o-border-radius: 18px; -webkit-border-radius: 18px; border-radius: 18px;} .it553_tag a:hover, .it553_tag a:active{ background-color: #222;} .it553_related h3.title,.it553_othernews h3.title{font-size: 26px; font-weight: 500; letter-spacing: 0.5px;font-family: 'Roboto', 'Noto Sans TC', Microsoft JhengHei, 'PingFangTC', sans-serif;color:#222;} .it553_related_product{background:none;} .it553_related_product .related_product{max-width: 250px!important;} .related_product .p_name a{font-family: 'Roboto', 'Noto Sans TC', Microsoft JhengHei, 'PingFangTC', sans-serif;color:#222;} .related_product .p_brand{display: none;} .othernews_p{-moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} .othernews_p a{width: 318px;height: 114.14px; position: relative;} .othernews_p a img{position: absolute; top:50%; left:50%; transform: translate(-50%,-50%);} .othernews_p:hover a img{ transform: translate(-50%,-50%) scale(1.1); opacity: 1;} .it553 .owl-controls{height: 0;top:50%;transform: translateY(-50%);} .it553 .owl-carousel .owl-next,.it553 .owl-carousel .owl-prev,.it753_default .owl-carousel .owl-next,.it753_default .owl-carousel .owl-prev{position:absolute;width:40px;height:40px;color: transparent !important;top: 50%;transform: translateY(-50%);background-color: #fff !important; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; -webkit-box-shadow: 0 0 8px rgb(0, 0, 0,.2); -moz-box-shadow: 0 0 8px rgb(0, 0, 0,.2); box-shadow: 0 0 8px rgb(0, 0, 0,.2); opacity: .9; transition: .3s; cursor: pointer;} .it553 .owl-carousel .owl-prev.disabled,.it553 .owl-carousel .owl-next.disabled,.it753_default .owl-carousel .owl-next.disabled,.it753_default .owl-carousel .owl-prev.disabled{opacity:.35;} .it553 .owl-carousel .owl-next,.it553 .owl-carousel .owl-next:hover,.it753_default .owl-carousel .owl-next:hover{right:10px;background-image: url(icon-arrow-r.svg); background-position: right center;background-repeat: no-repeat;background-size: 100%;z-index: 3;} .it553 .owl-carousel .owl-prev,.it553 .owl-carousel .owl-prev:hover,.it753_default .owl-carousel .owl-prev:hover{left:10px;background-image: url(icon-arrow-l.svg); background-position: left center;background-repeat: no-repeat;background-size: 100%;z-index: 3;} .it553 .owl-nav .owl-prev:hover, .it553 .owl-nav .owl-next:hover, .it729_default .owl-nav .owl-prev:hover, .it729_default .owl-nav .owl-next:hover {transform: translateY(-50%) scale(1.15);opacity: 1;} .it553_imgbox .swiper-button-next ,.it553_imgbox .swiper-button-prev {position:absolute;width:40px;height:40px;color: transparent !important;top: 50%;transform: translateY(-30%);background-color: #fff !important; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; -webkit-box-shadow: 0 0 8px rgb(0, 0, 0,.2); -moz-box-shadow: 0 0 8px rgb(0, 0, 0,.2); box-shadow: 0 0 8px rgb(0, 0, 0,.2); opacity: .9; transition: .3s; cursor: pointer;} .it553_imgbox .swiper-button-next.swiper-button-disabled,.it553_imgbox .swiper-button-prev.swiper-button-disabled{opacity:.35;} .it553_imgbox .swiper-button-next,.it553_imgbox .swiper-button-next:hover{right:10px;background-image: url(icon-arrow-r.svg); background-position: left center;background-repeat: no-repeat;background-size: 100%;z-index: 3;} .it553_imgbox .swiper-button-prev,.it553_imgbox .swiper-button-prev:hover{left:10px;background-image: url(icon-arrow-l.svg); background-position: right center;background-repeat: no-repeat;background-size: 100%;z-index: 3;} .it553_imgbox .swiper-button-prev:hover ,.it553_imgbox .swiper-button-next:hover {transform: translateY(-30%) scale(1.15); opacity: 1;} /* 元件668 手機電腦分開上圖輪播 */ #index .item_668{max-width: 1200px;width: 100%; height: auto; margin:0 auto;} .item_668 .owl-carousel{position: relative;} .item_668 .owl-carousel .owl-dots{position: absolute; bottom: 1px; left:50%; transform: translateX(-50%);} .item_668 .owl-carousel .owl-dots .owl-dot span{background:#d6d6d6;} .item_668 .owl-carousel .owl-dots .owl-dot.active span, .item_668 .owl-carousel .owl-dots .owl-dot:hover span{background:#fff;} .item_668 .owl-carousel .owl-nav .owl-prev{left: -20px; background-image: url(icon-arrow-l.svg); background-position: right center; background-repeat: no-repeat; background-size: 100%; z-index: 3;} .item_668 .owl-carousel .owl-nav .owl-next{right: -20px; background-image: url(icon-arrow-r.svg); background-position: left center; background-repeat: no-repeat; background-size: 100%; z-index: 3;} .item_668 .owl-carousel .owl-nav .owl-prev,.item_668 .owl-carousel .owl-nav .owl-next{background-color: #fff; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; -webkit-box-shadow: 0 0 8px rgb(0 0 0 / 20%); -moz-box-shadow: 0 0 8px rgb(0, 0, 0,.2); box-shadow: 0 0 8px rgb(0 0 0 / 20%); opacity: .9; transition: .3s;width: 40px;height: 40px;position: absolute;top:50%;transform:translateY(-50%)} .item_668 .owl-carousel .owl-nav .owl-prev:hover,.item_668 .owl-carousel .owl-nav .owl-next:hover{transform: translateY(-50%) scale(1.15); opacity: 1; } /* 元件721 商品頁籤式輪播 */ .it721_morelink{padding-top:10px;padding-bottom:0;margin:0 auto 10px auto;} .it721_morelink .it721_link_btn{top:18px;} .it721_morelink .it721_link_btn a{border-color:#d70110 !important;color:#d70110 !important;} .it721_morelink .it721_link_btn a:hover{background-color:#d70110 !important;color:#fff !important;} .it721_morelink .it721_title{font-size:22px;font-weight: 500;line-height: 22px;color:#222 !important;} .it721_morelink .swiper-button-next ,.it721_morelink .swiper-button-prev {position:absolute;width:40px;height:40px;color: transparent !important;top: 50%;transform: translateY(-30%);background-color: #fff !important; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; -webkit-box-shadow: 0 0 8px rgb(0, 0, 0,.2); -moz-box-shadow: 0 0 8px rgb(0, 0, 0,.2); box-shadow: 0 0 8px rgb(0, 0, 0,.2); opacity: .9; transition: .3s;} .it721_morelink .swiper-button-next.swiper-button-disabled,.it721_morelink .swiper-button-prev.swiper-button-disabled{opacity:.35;} .it721_morelink .swiper-button-next,.it721_morelink .swiper-button-next:hover{right:-20px;background-image: url(icon-arrow-r.svg); background-position: left center;background-repeat: no-repeat;background-size: 100%;z-index: 3;} .it721_morelink .swiper-button-prev,.it721_morelink .swiper-button-prev:hover{left:-20px;background-image: url(icon-arrow-l.svg); background-position: right center;background-repeat: no-repeat;background-size: 100%;z-index: 3;} .it721_morelink .swiper-button-prev:hover ,.it721_morelink .swiper-button-next:hover {transform: translateY(-30%) scale(1.15); opacity: 1;} .it721_morelink .swiper-container .it721_morebtn a{ color: #d70110 !important;} /* 元件722 商品分類+數量 */ .it722 ul.it722_mtree li>span.dropdown_arrow{background-image: url(it722_add.svg);} .it722 ul.it722_mtree li.it722_mtree-open>span.dropdown_arrow {background-image: url(it722_remove.svg);} /* 元件726 banner倒數計時商品 */ .it726_default{top:-490px;} .it726_default .it726_left .it726_productbox .slick-dots > li.slick-active{background-color: #d70110;} /* 元件727 關鍵字tag+banner+商品 */ .it727_default{padding-top:10px;padding-bottom:10px; margin:0 auto;} /* 元件728 商品頁籤式 */ .it728_default{padding-top:10px;padding-bottom:10px; } .it728_default .it728_pdlist .it728_item:hover .it728_iteminner .it728_img .img_hover{background-color: rgba(255,255,255,0);opacity:0;} .it728_default .owl-carousel .owl-next,.it728_default .owl-carousel .owl-prev{position:absolute;width:40px;height:40px;color: transparent !important;top: 50%;transform: translateY(-50%);background-color: #fff !important; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; -webkit-box-shadow: 0 0 8px rgb(0, 0, 0,.2); -moz-box-shadow: 0 0 8px rgb(0, 0, 0,.2); box-shadow: 0 0 8px rgb(0, 0, 0,.2); opacity: .9; transition: .3s; cursor: pointer;} .it728_default .owl-carousel .owl-prev.disabled,.it728_default .owl-carousel .owl-next.disabled{opacity:.35;} .it728_default .owl-carousel .owl-next,.it728_default .owl-carousel .owl-next:hover{right:-25px;background-image: url(icon-arrow-r.svg); background-position: right center;background-repeat: no-repeat;background-size: 100%;z-index: 3;} .it728_default .owl-carousel .owl-prev,.it728_default .owl-carousel .owl-prev:hover{left:-25px;background-image: url(icon-arrow-l.svg); background-position: left center;background-repeat: no-repeat;background-size: 100%;z-index: 3;} .it728_default .owl-carousel .owl-next:hover,.it728_default .owl-carousel .owl-prev:hover{ transform: translateY(-50%) scale(1.15); opacity: 1;} .it728_default .it728_pdlist .it728_iteminner .it728_btnbox li a{background-repeat: no-repeat;background-position: center center; text-indent:-99999px;width: 50px;height: 50px; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%;transition: all .5s;display: block;padding:0;} .it728_default .it728_pdlist .it728_iteminner .it728_btnbox li.add_heart a{background-color: rgba(0,0,0,.45); background-image: url(icon-heart.svg); background-size: 36px;} .it728_default .it728_pdlist .it728_iteminner .it728_btnbox li.add_cart a{background-color: rgba(0,0,0,.45); background-image: url(icon-cart-w.svg); background-size: 36px;} .it728_default .it728_pdlist .it728_iteminner .it728_btnbox li a:hover { background-color: rgba(0,0,0,.6); } /* 元件729 手機&電腦 分開上圖輪播 */ #index .it729_default{padding-top: 10px; padding-bottom: 10px;} #index .it729_default.it726_combination{padding-top: 10px; padding-bottom: 10px;height:500px;} .it729_default .owl-nav {max-width:920px;left:50%;} .it729_default .owl-nav .owl-prev, .it729_default .owl-nav .owl-next {position:absolute;width:40px;height:40px;color: transparent !important;top: 50%;background-color: #fff !important; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; -webkit-box-shadow: 0 0 8px rgb(0, 0, 0,.2); -moz-box-shadow: 0 0 8px rgb(0, 0, 0,.2); box-shadow: 0 0 8px rgb(0, 0, 0,.2); opacity: .9; transition: .3s;} .it729_default .owl-nav .owl-prev, .it729_default .owl-nav .owl-prev:hover{left:12px!important;background-image: url(icon-arrow-l.svg) !important; background-position: left center;background-repeat: no-repeat;background-size: 100%;z-index: 3;} .it729_default .owl-nav .owl-next, .it729_default .owl-nav .owl-next:hover{right:12px!important;background-image: url(icon-arrow-r.svg) !important; background-position: right center;background-repeat: no-repeat;background-size: 100%;z-index: 3;} .it729_default .owl-nav .owl-prev:hover, .it729_default .owl-nav .owl-next:hover{transform: translateY(-50%) scale(1.15); opacity: 1;} .it729_default .owl-dots {max-width: 920px; transform: translateX(-300px);} /* 元件731 會員中心首頁 */ .it731_twglobalmall .it731_memberinfo .it731_memberinfo_R ul.it731_memberblock > li:nth-child(3) a, .it731_twglobalmall .it731_memberinfo .it731_memberinfo_R ul.it731_memberblock > li:nth-child(4) a{cursor:default;} .it731_twglobalmall .it731_memberinfo .it731_memberinfo_R ul.it731_memberblock > li:nth-child(3) .it731_hoverbox, .it731_twglobalmall .it731_memberinfo .it731_memberinfo_R ul.it731_memberblock > li:nth-child(4) .it731_hoverbox{display: none;} .it731_twglobalmall .it731_memberinfo .it731_memberinfo_R ul.it731_memberblock > li:nth-child(3):hover > a, .it731_twglobalmall .it731_memberinfo .it731_memberinfo_R ul.it731_memberblock > li:nth-child(4):hover > a{background-color: #fff;} /* 元件748 商品分類-推薦商品 */ .it748_box{float: right; width: calc(100% - 220px);} /* 元件751 客服紀錄 */ .it751_default .it751_totalbox .it751_total_item .it751_total_amount,.it751_tab_content .it751_content_item .it751_number span a{ color: #d70110;} /* 元件753 文案＋直播 */ .it753_default{padding-top:10px;padding-bottom:10px;} .it753_default .owl-next,.it753_default .owl-next:hover{right:-15px !important;background-image: url(icon-arrow-r.svg) !important; background-position: right center !important;background-repeat: no-repeat;background-size: 100% !important;z-index:777;} .it753_default .owl-prev,.it753_default .owl-prev:hover{left:-15px !important;background-image: url(icon-arrow-l.svg) !important; background-position: left center !important;background-repeat: no-repeat;background-size: 100% !important;z-index:777;} .it753_default .owl-nav .owl-prev:hover, .it753_default .owl-nav .owl-next:hover{transform: translateY(-50%) scale(1.15);opacity: 1;} .w-full{height:100% !important;} .it753_default .owl-carousel .owl-next,.it753_default .owl-carousel .owl-prev{position:absolute;width:40px;height:40px;color: transparent !important;top: 50%;transform: translateY(-50%);background-color: #fff !important; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; -webkit-box-shadow: 0 0 8px rgb(0, 0, 0,.2); -moz-box-shadow: 0 0 8px rgb(0, 0, 0,.2); box-shadow: 0 0 8px rgb(0, 0, 0,.2); opacity: .9; transition: .3s; cursor: pointer;} .it753_default .owl-carousel .owl-next.disabled,.it753_default .owl-carousel .owl-prev.disabled{opacity:.35;} .it753_default .owl-carousel .owl-next:hover{right:10px;background-image: url(icon-arrow-r.svg); background-position: right center;background-repeat: no-repeat;background-size: 100%;z-index: 3;} .it753_default .owl-carousel .owl-prev:hover{left:10px;background-image: url(icon-arrow-l.svg); background-position: left center;background-repeat: no-repeat;background-size: 100%;z-index: 3;} /* 元件778 商品總覽(單店用) */ .it778_top_search_down .gh_ShopSearchTOP_array_R02 select{background-position-y: 0px;} .it778_search_shop .gh_ShopOther li{font-size: 13px;width: calc(100% - 62px);} .it778_search_shop .gh_ShopOther span{ color:#d70110; display: inline-block;} .it778_search_shop .gh_ShopName a{color:#222;} .it778_search_shop .gh_ShopView a{background-color: #d70110;} .it778_search_shop .gh_ShopView a:hover{background-color: #c91116;} .it778_search_shop .gh_ShopView a:before{border-bottom: 22px solid #d70110;} .it778_search_shop .gh_ShopView a:hover:before{border-bottom: 22px solid #c91116;} /* 商品樣式加上商品特色與圖匡 */ .prod-sales-position{ position: relative;} .prod-sales-box{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;} .prod-sales-box img{ display: block; width: 100%; max-width: 100%; height: auto;} .prod-sales-info{ font-size: 13px; color:#d70110;overflow: hidden; text-align: left; text-overflow: ellipsis; white-space: nowrap; line-height: 24px; height: 24px;} .prod-sales-info-b{ font-size: 15px; color:#d70110;line-height: 20px; margin-bottom: 5px;}