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

/*共用*/
html, body{font-size:16px;font-family:Century Gothic,"微軟正黑體";text-decoration:none;
/*min-height: 100%;*/
height: auto !important;
/*height: 100%;*/
}

*::-webkit-scrollbar{height:0px;}

/*font_color*/
.red{color:#cc0000;}
.Darkgreen{color:#5d8900;}
.ThisGreen{color: #669900;}

/* Tablet Layout:481px to 959px.==================================================================*/
/*fontlist*/
.text_Title{font-size:1.3em;}
.text_AD{font-size:1.1em;}/*4頭標*/
.text_h1{font-size:0.95em;}/*品名*/
.text_h2{font-size:1em;}
.text_h3{font-size:0.9em;}/*font-size:0.8em*/
.text_h4{font-size:0.75em;}
.text_price{font-size:0.85em;font-family:Century Gothic,"微軟正黑體";}

article .leftBox,.ClassTitle{display: none;}
article .rightBox{width:100%;}

.Box,header,footer,article{width:100%; margin: 0 auto;}
#TopFixed{display: none;}/*PC的*/
#MbFixed{display: block;width: 100%;border-bottom: 1px #aaaaaa solid;background: linear-gradient(to bottom,  rgba(255,255,255,1) 50%,rgba(238,238,238,1) 100%);position: fixed;top: 0px;z-index: 999;}
#MbFixed ul{height: 45px;list-style: none;display: block;position:relative;}
#MbFixed ul li{display: inline-block;line-height: 54px;font-size: 12px;width:30px;height:30px;text-align: center;cursor: pointer;}
#MbFixed ul li.ibonmart_logo{ display:block; width:100px; height:32px; margin:0 auto; background-image:url(/imageserver/images/cmm2_utf8/mb_logo.png); background-position:left top; background-repeat:no-repeat; background-size:100%;position: absolute;top:8px;left: 50%;margin-left: -50px;}
#MbFixed ul li#SearchIcon{position: absolute; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39.9,34.8L32.1,27c1.8-2.7,2.8-5.9,2.8-9.4c0-9.4-7.7-17.1-17.1-17.1C8.4,0.5,0.7,8.2,0.7,17.6c0,9.4,7.7,17.1,17.1,17.1c3.4,0,6.5-1,9.2-2.7l7.8,7.8L39.9,34.8z M4,17.6C4,10,10.2,3.8,17.8,3.8c7.6,0,13.8,6.2,13.8,13.8c0,7.6-6.2,13.8-13.8,13.8C10.2,31.5,4,25.3,4,17.6z' fill%3D'%23999999' fill-opacity='1' fill-rule='evenodd'/%3E%3C/svg%3E");background-repeat: no-repeat;background-size:66%;background-position: top 0px left 4px; left:50px;top:7px;height: 34px;}
#MbFixed ul li#Sing_in{position: absolute;background-image:url(/imageserver/images/cmm2_utf8/sing_in_ok.png); background-position:center top; background-repeat:no-repeat; background-size:22px 22px;right:58px;top:7px;height: 34px;}
#MbFixed ul li#ShoppingCar{position: absolute;width:40px; background-image:url(/imageserver/images/cmm2_utf8/h_right_icon.png); background-repeat:no-repeat;background-position:left 7px top 0px; background-size:22px 22px;right:10px;top: 7px;}
#MbFixed ul li#ShoppingCar span{position: absolute;color: #cc0000;right:-2px;top:-15px;}
/*手機選單*/
.MB_menu{display:block;z-index:1000;}
#menu a{display: block;}
#menu .Event{width:90%;padding:10px 15px;text-align: left;color: #333333;overflow: hidden;position: relative;box-sizing: border-box;font-size: 14px;}
#menu .Event:before{content:"";width:100%;position: absolute;display:block;border-bottom: 1px #dddddd solid;bottom: 0;left:-10px;}
#menu .Event h3{font-size:1em;line-height:22px;height:24px;overflow: hidden;}
#menu .Event .HotEventImg{border-bottom: 1px #cccccc solid;overflow: auto;margin-bottom: 5px;}
#menu .Event .HotEventImg dt{float: left;width:45%;margin:0 5% 6px 0;line-height:18px;text-align: left;}
#menu .Event .HotEventImg dt img{width:100%;height: auto;}
#menu .Event .HotEventImg dt a:hover{background-color: transparent;}
#menu .Event .HotEventImg dt p{font-size:1em;overflow: hidden;height: 20px;}
#menu .Event .HotEventImg dt p span{padding-left: 5px;font-size: 0.8em;}
#menu .Event dl.HotEvent{overflow: hidden;}
#menu .Event dl.HotEvent dt{float:left;padding:0 0 5px;font-size: 0.90em;height:24px;text-align: left;margin-right:10px;white-space:nowrap;width:90%;overflow: hidden;text-overflow:ellipsis;}
#menu .Event dl.HotEvent dt a{display: inline;}/*====display:block影響text-overflow:ellipsis======*/
#menu .Event dl.HotEvent dt a:before{content: ">";display:inline;border-right:none;width:auto;position:relative;top:0; margin-right: 5px;}

#menu .Event dl.MoreHotEvent{overflow: auto;}
#menu .Event dl.MoreHotEvent dt{float:left;padding:0 0 0px;font-size: 0.95em;height:24px;line-height:20px;text-align: left;margin-right:10px;white-space:nowrap;width:90%;overflow: hidden;text-overflow:ellipsis;}
#menu .Event dl.MoreHotEvent dt a{display: inline;}/*====display:block影響text-overflow:ellipsis======*/
#menu .Event dl.MoreHotEvent dt a:before{content: ">";display:inline;border-right:none;width:auto;position:relative;top:0; margin-right: 5px;}

#menu .Event .HotEventOpen{height: 28px;font-size: 13px;}
#menu .Event .HotEventOpen a{display:block;text-align: right;font-size: 12px;position: relative;padding-right:20px;top:0px;}
#menu .Event .HotEventOpen a span.MoreOpen{position: absolute;width:18px; height:15px;background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 27 59' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M26.8,12.2v2.7h-12v12H12v-12H0v-2.7h12v-12h2.7v12H26.8z M0,42.1h26.8v2.7H0V42.1z' fill%3D'%23333333' fill-opacity='1' fill-rule='evenodd'/%3E%3C/svg%3E");background-repeat:no-repeat; background-size:60%; top:5px;right:-5px;background-position:left top 0px;}
#menu .Event .HotEventOpen a span.MoreClose{position: absolute;width:18px; height:15px;background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 27 59' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M26.8,12.2v2.7h-12v12H12v-12H0v-2.7h12v-12h2.7v12H26.8z M0,42.1h26.8v2.7H0V42.1z' fill%3D'%23333333' fill-opacity='1' fill-rule='evenodd'/%3E%3C/svg%3E");background-repeat:no-repeat; background-size:58%; top:5px;right:-5px;display: none;background-position:left top -11px;}
/*手機選單 END*/
header{width:100%; height:100%; overflow:hidden;}

/*首頁上方大B*/
header .top_AD{width:60%;margin:52px 0 5px 5px; overflow:hidden;float: left;background-color: #b39b5f;}
header .top_AD a .ADimg{display: none !important;}
header .top_AD span.top_AD_txt{position:relative;display:block;font-size: 0.9em;color: #ffffff;width: 95%; margin: 0 auto;line-height:16px;text-align: center;padding:4%;}

/*類別頁上方大B*/
header .Class_top_AD{width:100%;margin:45px 0 3px 0; overflow:auto;position: relative;background-color: #b39b5f;}
header .Class_top_AD a .ADimg{display: none !important;}
header .Class_top_AD span.top_AD_txt{position:relative;display:block;font-size: 0.9em;color: #ffffff;width: 98%; margin: 0 auto;line-height:16px;text-align: center;padding: 5px;}
header .Class_top_AD_AnyClose{display:none;}
header .logo{width:185px; height:85px;padding-top:8px;box-sizing: border-box;display: none;}
header{width:100%; height:100%; background-color: #ffffff;overflow:hidden;}

/*PC搜尋*/
.searchBox{ width:100%; height:0%; position:fixed;top: 0; background-color:rgba(0,0,0,0.5); z-index:1001;transition:all 0.2s;}
.searchBox_on{transition:all 0.2s;height:100%;}
header .search {width:100%;height:150px;position:fixed; left:0px; top:-200px; color:#bab6b6;z-index:1002;background-color: #ffffff;padding:15px 0 10px 0;transition:all 0.3s;display: none;}

header .search .keysearch{ width:90%; height:30px;left:3%;position:relative;border:1px solid #b5b5b5;color:#555555;}
header .search .keysearch input{width:300px; height:30px; border-width:0;padding:0 0 0 5px; color:#555555; line-height:30px;}
header .search a.icon{ display:block; width:36px; height:32px;background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39.9,34.8L32.1,27c1.8-2.7,2.8-5.9,2.8-9.4c0-9.4-7.7-17.1-17.1-17.1C8.4,0.5,0.7,8.2,0.7,17.6c0,9.4,7.7,17.1,17.1,17.1c3.4,0,6.5-1,9.2-2.7l7.8,7.8L39.9,34.8z M4,17.6C4,10,10.2,3.8,17.8,3.8c7.6,0,13.8,6.2,13.8,13.8c0,7.6-6.2,13.8-13.8,13.8C10.2,31.5,4,25.3,4,17.6z' fill%3D'%23ffffff' fill-opacity='1' fill-rule='evenodd'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position: center;background-size:75%; background-color:#898989; position:absolute; top:-1px;left:auto;right:0%; }
/*熱門關鍵字*/
header .search .HotWord{ width:92%; margin:0 auto;overflow:hidden; position:relative; left:auto;bottom:-30px;z-index:1001;font-size:1em;}
header .search .HotWord ul{ list-style:none;}
header .search .HotWord li{ display:inline-block; margin-right:13px;}
header .search .HotWord li a{color:#333333; text-decoration:none;font-size: 1.3em;}
header .search .HotWord li:first-child{ margin-right:2px; color:#666666;display:block;font-size: 1.8em;}
header .search .HotWord li:last-child{ margin-right:0px;}
/*PC搜尋 END*/
/*MB搜尋*/
header .MB_search{display:none;}
/*MB搜尋 END*/
/*彈跳視窗、廣告*/
.Pop-upAD{width:100%; height:auto; background-color:#DDDDDD; position:absolute; left:50%;margin-left:-50%; top:45px; z-index:102;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;display: none;}
.Pop-upAD img.ad{width:100%; border:#444444 2px solid;box-sizing: border-box;}
.Pop-upAD p{margin: 0;}
.Pop-upAD p a{ width:70px; height:40px; position:absolute; right:0px; top:0px; background-color:#444444; color:#FFFFFF; text-align:center; line-height:40px; text-decoration:none;}
.Pop-upADoff{position:absolute;width:0px; height:0px; left:120%;top:70px;background-color:#DDDDDD;transition:all 0.5s;-webkit-transition:all 0.5s; -moz-transition:all 0.5s;}
.Pop-upADoff img.ad{border:none;}
.Pop-upAD .off{display:none;}
/*首頁上方兩小AD*/
header .Pop-upBox{position:relative;margin: 5px 0px 5px 5px; left:0px;bottom:-47px;width:19%; height:auto;float:left;}
header .Pop-upBox p a{ width:16px; height:26px; position:absolute; right:0px; bottom:0px; background-color:#444444; color:#FFFFFF; text-align:center; line-height:12px; padding-top:2px;text-decoration: none;display:block;display: none;}
header .promote{ position:relative;margin: 5px 5px 5px 0; right:0px;bottom:-47px; width:19%; height:auto;float: right;}


/*首頁上方兩小AD(640-768)*/
@media screen and (min-width:640px) and (max-width:768px){
header .top_AD{width:56%;margin:52px 0 5px 5px; overflow:hidden;float: left;position: relative;}
header .Pop-upBox{position:relative;margin: 5px 0px 5px 3%; left:0px;bottom:-47px;width:18%; height:auto;float:left;}
header .Pop-upBox p a{ width:16px; height:26px; position:absolute; right:0px; bottom:0px; background-color:#444444; color:#FFFFFF; text-align:center; line-height:12px; padding-top:2px;text-decoration: none;display:block;display: none;}
header .promote{ position:relative;margin: 5px 3% 5px 0; right:0px;bottom:-47px; width:18%; height:auto;float: right;}
}


/*首頁上方兩小AD(481-639)*/
@media screen and (min-width:481px) and (max-width:639px){
header .top_AD{width:52%;margin:52px 0 5px 5px; overflow:hidden;float: left;position: relative;}
header .top_AD img{width:300%;}
header .Pop-upBox{position:relative;margin: 5px 0px 5px 2%; left:0px;bottom:-47px;width:20.8%; height:auto;float:left;}
header .Pop-upBox p a{ width:16px; height:26px; position:absolute; right:0px; bottom:0px; background-color:#444444; color:#FFFFFF; text-align:center; line-height:12px; padding-top:2px;text-decoration: none;display:block;display: none;}
header .promote{ position:relative;margin: 5px 2% 5px 0; right:0px;bottom:-47px; width:20.8%; height:auto;float: right;}
}


/*類別頁上方兩小AD*/
header .CLassPop-upBox,header .Class_promote{display: none;}
/*彈跳視窗、廣告END*/
/*4頭標廣告區塊*/
ul.AD_Top4{ margin:0; padding:0; list-style:none; overflow:auto; margin:8px 0 15px 0;display: none;}
ul.AD_Top4 li{ float:left; display:block; width:200px; height:26px; text-align:center; overflow:hidden; letter-spacing:1px; margin:0 20px;}
ul.AD_Top4 li a{text-decoration:none; color:#0068b7;}
ul.AD_Top4 li a:hover{text-decoration:underline; color:#688500;}
header #navbar{display:none;}
/*header .MB_menu{display:block;position: absolute;top: 0px;left: 0px;z-index:10;}*/
nav{display:block;}
/*手機品牌介紹*/
.BrandStory_Control{display:block;font-size: 0.6em;border: 1px #dddddd solid;width:60px;height:16px;line-height:16px;margin:0 0 3px 3px;padding-left: 3px;position: relative;}
.BrandStory_Control span.BrandStory_open{position: absolute;width:12px; height:10px;background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 27 59' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M26.8,12.2v2.7h-12v12H12v-12H0v-2.7h12v-12h2.7v12H26.8z M0,42.1h26.8v2.7H0V42.1z' fill%3D'%23333333' fill-opacity='1' fill-rule='evenodd'/%3E%3C/svg%3E");background-repeat:no-repeat; background-size:65%; top:3px;right:0px;background-position:left top 1px;}
.BrandStory_Control span.BrandStory_close{position: absolute;width:15px; height:13px;background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 27 59' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M26.8,12.2v2.7h-12v12H12v-12H0v-2.7h12v-12h2.7v12H26.8z M0,42.1h26.8v2.7H0V42.1z' fill%3D'%23333333' fill-opacity='1' fill-rule='evenodd'/%3E%3C/svg%3E");background-repeat:no-repeat; background-size:55%; top:3px;right:-2px;display: none;background-position:left top -8px;}
.BrandStory{width:98%;margin:0px auto 15px;font-size: 16px;color: #555555;overflow:hidden;}
.BrandStory ul{}
.BrandStory ul li{float:left;display: block;}
.BrandStory ul li:nth-child(1){width:40%;text-align:center;}
.BrandStory ul li:nth-child(1) img{display:inline;width:100%; height: auto;}
.BrandStory ul li:nth-child(2){width:40%;text-align:center;}
.BrandStory ul li:nth-child(3){width:60%;}
.BrandStory h2.Brand_name{font-size:1.2em;font-weight: bold;line-height:30px; display: block; border-bottom: 1px #aaaaaa solid; letter-spacing: 1px;}
.BrandStory h2.Brand_name span{font-family: 'Noto Sans TC', sans-serif;}
.BrandStory h3.Brand_ex{ font-size:1em;display: block;margin:5px 0;font-family: 'Noto Sans TC', sans-serif;line-height:20px;}
.BrandStory h4.Brand_con{ font-size:0.85em;line-height:20px;height:80px;overflow: hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp:4;-webkit-box-orient: vertical;}
.BrandStory .ProMedia{position: relative;width:90%;margin:5px auto 10px;height:0;padding-bottom:50.7%;}
.BrandStory .ProMedia iframe{position:absolute;width:100%;height:100%;border: 1.5px #cccccc solid;box-sizing: border-box;}



@media screen and (min-width:481px) and (max-width:640px){
.BrandStory ul li:nth-child(1){width:50%;text-align:center;}
.BrandStory ul li:nth-child(1) img{display:inline;width:100%; height: auto;}
.BrandStory ul li:nth-child(2){width:50%;text-align:center;}
.BrandStory ul li:nth-child(3){width:50%;}
.BrandStory .ProMedia{position: relative;width:95%;margin:5px auto 10px;height:0;padding-bottom:53.52%;}
.BrandStory .ProMedia iframe{position:absolute;width:100%;height:100%;border: 1.5px #cccccc solid;box-sizing: border-box;}
}
/*手機品牌介紹 END*/
/*左側選單*/
article .leftBox{float: left;width: 20%;display: none;}
article .rightBox{float: right;width:100%;}
article .MainBox{width:100%;float:none;}
article .LeftPromoBox{width:96%;margin:0 auto;float:none;}
/*BigAD*/
.BigAD{margin-top: 5px;}
.BigAD .ADimg{width:100%;position: relative;height:0;padding-bottom:48.65%;margin-top: 0;}
.BigAD .ADimg .swiper-slide img{width:100%;height:auto;}
.BigAD .BigAD_pagination{bottom:0px !important;}
/*BigAD END*/
/*Two BigAD*/
.TwoBigAD{width: 96%;margin:0 auto 10px;}
.TwoBigAD ul{justify-content: space-between;}
.TwoBigAD ul li{flex-basis:49%;}
/*Two BigAD END*/

/* 一帶四單元區 */
.PromoBox{width: 98%;margin:0 auto 20px;}
.PromoBox .PromoAD img{margin-bottom:8px;}
.PromoBox .PromoPro ul{flex-wrap:wrap;}
.PromoBox .PromoPro ul li{flex-basis:23%;margin:6px;}
.PromoBox .PromoPro p.price{font-size:1.1em;height:30px;}
@media screen and (min-width:481px) and (max-width:640px) {
.PromoBox .PromoPro ul li{flex-basis:44%;margin:6px 3%;}
}
.PromoBox .PromoPro p.sup{width:60%;}
/* 一帶四單元區 END */

/* 首頁左側內容 */
.LeftPromoCon h3{color:#333;background-color:transparent;font-weight:bold;position: relative;padding-left:15px;}
.LeftPromoCon h3:before{content:'';display:block;width:5px;height:18px;background-color:#666;position: absolute;left:2px;top:6px;}
.LeftPromoCon ul{white-space:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;/* border:none; */border-width:1px;}
.LeftPromoCon li{display:inline-block;margin-right:10px;}
.LeftCommunity{width:94%;margin:0 auto;}
.LeftCommunity ul{display:flex;justify-content:space-around;}
.LeftCommunity li{flex-basis:35%;}
.LeftCommunity li img{width:100%;}
/* 首頁左側內容 END */

/*好物推薦2公格*/
.Promote_Box{width:97%;margin:15px auto 0px;color: #FFFFFF;overflow:auto;}
.Promote_Box .Promote_event{width:47%;height:0;padding-bottom:47%;float:left;position: relative;overflow: hidden;margin:1.5%;}
.Promote_Box .Promote_event:nth-child(2){float:left;}
.Promote_Box .Promote_event .P_img{position: absolute;}
.Promote_Box .Promote_event .P_bg{height:36%;}
.Promote_Box .Promote_event .P_name{margin-top:74%;padding-bottom: 3px;}
.Promote_Box .Promote_event .P_name h2{font-weight:bolder;letter-spacing: 2px;}
.Promote_Box .Promote_event .P_name span{display:block;position: absolute;padding-top:5px;height: 20px; overflow: hidden;font-weight: normal;}
.Promote_Box .Promote_event .P_price{position: absolute;z-index: 2;bottom:5px; left:5%;letter-spacing: 0px;font-weight: normal;font-size: 1em;}
.Promote_Box .Promote_event .P_price span{}
.Promote_Box .Promote_event .P_txt{position: absolute;z-index:2;bottom:5px; right:5%;font-size: 0.8em;}

.Promote_Box .Promote_event img{transition:all 0.6s;}
.Promote_Box .Promote_event:hover img{transform: scale(1.1); transition:all 0.6s;}
@media screen and (min-width:481px) and (max-width:640px){
.Promote_Box .Promote_event .P_name{margin-top:68%;}
}
/*好物推薦2公格 END*/

/*好物推薦3公格*/
.Pro_03{ width:97%;margin:0 auto;overflow:hidden; clear:both; box-sizing:border-box;}
.Pro_03 ul{ display:block;text-indent:0px;margin:0px;}
.Pro_03 ul li{float:left; width:47%; padding-bottom:46.5%; background-color:#FFF; margin:1.5%; height:0; position:relative;text-indent:0px;overflow: hidden;border: 1px rgba(0,0,0,0.1) solid;box-sizing: border-box;}
.Pro_03 ul li h4{position: absolute;top:0;display:block;text-align:center;}
.Pro_03 ul li h4 img{display:block;transition:all 0.6s;}
.Pro_03 ul li h2{margin-top:80%;}
.Pro_03 ul li h2 span.name{top:-24px;width:100%;white-space:nowrap;overflow: hidden;text-overflow:ellipsis;font-size: 1.1em;}
.Pro_03 ul li h2 span{display: block;position: absolute;padding-top:4px;box-sizing: border-box;font-size:0.98em;font-weight: normal;}
.Pro_03 ul li h5{position: absolute;bottom:4px;left:5%; z-index: 5; display:block;color:#ffff00; height:20px; line-height:22px;margin-bottom:2px; overflow:hidden;}
.Pro_03 ul li h5 span{font-weight:normal;}
.Pro_03 ul li h3{position: absolute;bottom:2px;right:5%; z-index: 5; display:block; width:50%; margin:0 auto;color:#ffffff; height:24px; line-height:24px;overflow:hidden;text-align: right;}
.Pro_03 ul li:hover img{transform: scale(1); transition:all 0.6s;}


@media screen and (min-width:481px) and (max-width:640px){
.Pro_03 ul li .mask{height:36%;}/*新加的*/
.Pro_03 ul li h2{margin-top:75%;}
/*好物推薦3公格 END*/
}

/*大類頁宮格廣告*/
.rightBox .Pro_03{ width:97%;margin:10px auto;overflow:hidden; clear:both; box-sizing:border-box;}
.rightBox .Pro_03 ul{ display:block;text-indent:0px;margin:0px;}
.rightBox .Pro_03 ul li{float:left; width:47%; padding-bottom:46.5%; margin:1.5%;}
.rightBox .Pro_03 ul li:nth-child(n){margin-left:1.5%;margin-right:1.5%;}
.rightBox .Pro_03 ul li h2{margin-top:77%;}
.rightBox .Pro_03 ul li h2 span.name{font-size: 1.0em;}
.rightBox .Pro_03 ul li h5 span{font-weight:normal;}

@media screen and (min-width:481px) and (max-width:640px){
.rightBox .Pro_03 ul li .mask{height:36%;}/*新加的*/
.rightBox .Pro_03 ul li h2{margin-top:75%;}
}
/*大類頁宮格廣告 END*/

/*麵包屑_PC*/
.Breadcrumb_PC{display: none;}
/*麵包屑_PC END*/
/*麵包屑_MB*/
.Breadcrumb_MB{width:97%;margin:0 auto;margin-top:0px;height:30px;overflow:auto;white-space:nowrap;position: relative;display: block;}
.Breadcrumb_MB ol.Breadcrumb_Class{width: auto;display: block;position: absolute;}
.Breadcrumb_MB ol.Breadcrumb_Class li{list-style: none;display: inline-block;margin-right:1px;font-size: 13px;text-overflow:ellipsis;color: #777777;line-height: 30px;}
.Breadcrumb_MB ol.Breadcrumb_Class li:before{content: ">";margin-left:1px;}
.Breadcrumb_MB ol.Breadcrumb_Class li:first-child:before{content: normal;}
.Breadcrumb_MB h1,.Breadcrumb_MB h2,.Breadcrumb_MB h3{display:inline;font-size:1em;}
.Breadcrumb_MB_Close{display: none;}
/*麵包屑_MB END*/
/*大類頁上方選單*/
.SubmenuBox{display:block;width:100%;margin:0 auto;height:46px;background-color:transparent;margin-top:5px;clear:both;border:0px #dddddd solid;box-sizing: border-box;font-size: 0.8em;}
.SubmenuBox a{display: block;}
/*
.SubmenuBox .QuickEv{display: inline-block;width:12%;height:40px;background-color:#669900;border-radius: 3px;margin: 2px;text-align:center;color: #fff;text-indent: -2px;position: relative;vertical-align:middle;}
*/
.SubmenuBox.FixClass004{border:none;height:0;}
/*大類活動推薦*/
.SubmenuBox .Event{width:100%;height:100%;padding:10px 15px 40px;text-align: left;color: #333333;overflow-y:scroll;position: relative;box-sizing: border-box;font-size:14px;display:none;position: fixed;top: 0;z-index: 1002;background-color: #fff;box-shadow:0px 2px 5px 0px rgba(0, 0, 0, 0.5);left: 0;}
/* .SubmenuBox .Event:before{content:"";width:100%;position: absolute;display:block;border-bottom: 1px #dddddd solid;bottom: 0;left:0px;} */
.SubmenuBox a, a:visited{color: #555;}
.SubmenuBox .Event h3{font-size:1em;line-height:22px;height:24px;overflow: hidden;}
.SubmenuBox .Event .HotEventImg{border-bottom: 1px #cccccc solid;overflow: auto;margin-bottom: 5px;}
.SubmenuBox .Event .HotEventImg dt{float: left;width:48%;margin:0 4% 6px 0;line-height:18px;text-align: left;}
.SubmenuBox .Event .HotEventImg dt:last-child{margin-right: 0;}
.SubmenuBox .Event .HotEventImg dt img{width:100%;height: auto;}
.SubmenuBox .Event .HotEventImg dt a:hover{background-color: transparent;}
.SubmenuBox .Event .HotEventImg dt p{font-size: 1em;overflow: hidden;height: 20px;}
.SubmenuBox .Event .HotEventImg dt p span{padding-left: 5px;font-size: 0.9em;}
.SubmenuBox .Event dl.HotEvent{overflow: auto;}
.SubmenuBox .Event dl.HotEvent dt{float:left;padding:0 0 0px;font-size: 1.05em;height:40px;line-height:38px;text-align: left;margin-right:10px;white-space:nowrap;width:100%;overflow: hidden;text-overflow:ellipsis;border-bottom: 1px #ddd solid;}
.SubmenuBox .Event dl.HotEvent dt a{display: inline;}/*====display:block影響text-overflow:ellipsis======*/
.SubmenuBox .Event dl.HotEvent dt a:before{content: ">";display:inline;border-right:none;width:auto;position:relative;top:0; margin-right: 5px;}
.SubmenuBox .Event dl.MoreHotEvent{overflow: auto;}
.SubmenuBox .Event dl.MoreHotEvent dt{float:left;padding:0 0 0px;font-size: 0.95em;height:28px;line-height:26px;text-align: left;margin-right:10px;white-space:nowrap;width:100%;overflow: hidden;text-overflow:ellipsis;border-bottom: 1px #ddd solid;}
.SubmenuBox .Event dl.MoreHotEvent dt a{display: inline;}/*====display:block影響text-overflow:ellipsis======*/
.SubmenuBox .Event dl.MoreHotEvent dt a:before{content: ">";display:inline;border-right:none;width:auto;position:relative;top:0; margin-right: 5px;}

.SubmenuBox .Event .HotEventOpen{height: 25px;}
.SubmenuBox .Event .HotEventOpen a{display:block;text-align: right;font-size: 12px;position: relative;padding-right:20px;top:0px;}
.SubmenuBox .Event .HotEventOpen a span.MoreOpen{position: absolute;width:18px; height:15px;background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 27 59' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M26.8,12.2v2.7h-12v12H12v-12H0v-2.7h12v-12h2.7v12H26.8z M0,42.1h26.8v2.7H0V42.1z' fill%3D'%23333333' fill-opacity='1' fill-rule='evenodd'/%3E%3C/svg%3E");background-repeat:no-repeat; background-size:60%; top:5px;right:-5px;background-position:left top 0px;}
.SubmenuBox .Event .HotEventOpen a span.MoreClose{position: absolute;width:18px; height:15px;background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 27 59' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M26.8,12.2v2.7h-12v12H12v-12H0v-2.7h12v-12h2.7v12H26.8z M0,42.1h26.8v2.7H0V42.1z' fill%3D'%23333333' fill-opacity='1' fill-rule='evenodd'/%3E%3C/svg%3E");background-repeat:no-repeat; background-size:58%; top:5px;right:-5px;display: none;background-position:left top -11px;}
.SubmenuBox .Event .EventLiveBox{width:100%;height:45px;position: fixed;bottom:0;left:0;background-color: #fff;}
.SubmenuBox .Event button.EventLive{display:block;width: 94%;margin: 0 auto;height:40px;line-height:28px;text-align: center;font-family: "微軟正黑體";font-size: 1.1em;letter-spacing: 3px;background-color:#777777;border-radius:5px;border:1px #ddd solid;color: #fff;}
/*大類活動推薦 END*/

/*
.SubmenuBox .QuickEv:before,.Filters .QuickEv:before{content:"";position: absolute;width: 18px;height: 18px;left:50%;margin-left:-9px;top:16px;background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");background-repeat: no-repeat;transform:rotate(-90deg);}
*/
.Filters .QuickEv:before{content:"";position: absolute;width:12px;height:12px;right:10px;top:11px;background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 45 34' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M45,0L22.5,34L0,0L45,0z' fill%3D'%23aaaaaa' fill-opacity='1' fill-rule='evenodd'/%3E%3C/svg%3E");background-repeat: no-repeat;}

/*上方中類類別選單*/
.SubmenuBox .SubNavbar{width:99%;margin:0 auto;white-space:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;/*float:right; padding: 2px 0; margin-right: 3px;*/}
/* .SubmenuBox .SubNavbar.Fix{width:87%;} */
.SubmenuBox .SubNavbar ul{display: inline-block;list-style: none;}
.SubmenuBox .SubNavbar ul li{display:inline-block;width:98px;height:42px;text-align: center;background-color:#fff;padding:4px;box-sizing:border-box;white-space: normal;border-radius:5px;vertical-align:middle;margin-right:2px;overflow:hidden;line-height:32px;border:2px #aaa solid;}
.SubmenuBox .SubNavbar ul li.QuickSub,.SubmenuBox .SubNavbar ul li.QuickEv{display:inline-block;width:46px;height:42px;background-color:#fff;border-radius:0px;text-align:center;color:#333;text-indent:-2px;position:absolute;vertical-align:middle;line-height:16px;padding-top:6px;border:0px #aaa solid;box-sizing:border-box;}
.SubmenuBox .SubNavbar ul li.QuickSub span,.SubmenuBox .SubNavbar ul li.QuickEv span{display:inline-block;width:42px;height:42px;background-color:#ddd;border-radius:5px;text-align:center;color:#333;text-indent:-2px;position:absolute;vertical-align:middle;line-height:16px;padding-top:6px;border:0px #aaa solid;box-sizing:border-box;top:0;left:0;}
.SubmenuBox .SubNavbar ul li.QuickSub{left:49px;}
.SubmenuBox .SubNavbar ul li.QuickEv span:before{content:"";position:absolute;width:12px;height:12px;left:50%;margin-left:-6px;top:26px;background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 45 34' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M45,0L22.5,34L0,0L45,0z' fill%3D'%23888888' fill-opacity='1' fill-rule='evenodd'/%3E%3C/svg%3E");background-repeat: no-repeat;transform:rotate(0deg);}

.SubmenuBox .SubNavbar ul li:nth-child(3){margin-left:92px;}

.SubmenuBox .SubNavbar ul li a{display: inline-block;line-height:16px;/* vertical-align:middle; */margin-top:0px;color: #333;}
.SubmenuBox .SubNavbar ul li h3{font-size:1.1em;}
.SubmenuBox .SubNavbar.Fix ul li.QuickSub{left:3px;}
.SubmenuBox .SubNavbar.Fix ul li:nth-child(2){margin-left:47px;}
.SubmenuBox .SubNavbar.Fix ul li:nth-child(3){margin-left:0;}
/*上方中類類別選單 END*/

/*類別*/
.SubmenuBox ul.Class_Small_Select{position:fixed;z-index:1001;background-color: #ffffff;top:0px;left:0px;width:100%;height:100%;border: none;box-shadow:0px 2px 5px 0px rgba(0, 0, 0, 0.5);box-sizing: border-box;font-size:1.2em;overflow-y:auto;display: none;list-style: none;padding-bottom: 40px;}
.SubmenuBox ul.Class_Small_Select li{float: none;line-height:28px;border-bottom: 1px #dadada solid;padding:6px 10px;position:relative;width: auto;}
.SubmenuBox ul.Class_Small_Select li:nth-child(even){border-right: none;}
.SubmenuBox ul.Class_Small_Select li:nth-child(2){margin-top: 46px;}
.SubmenuBox ul.Class_Small_Select li a h3{display: block;width:96%;white-space:nowrap;overflow: hidden;text-overflow:ellipsis;font-size:1.0em;letter-spacing: 1px;}
.SubmenuBox ul.Class_Small_Select li.title_close{display: block;width:100%;height:46px;line-height:34px;text-align: left;font-size:1.1em;position:fixed;padding-left:10px;box-sizing: border-box;border-bottom: 1px #dddddd solid;background-color: #ffffff;z-index: 1003;color:#000;}
.SubmenuBox ul.Class_Small_Select li.title_close span{display: block;width: 20px;height:20px;position: absolute;top:12px;right:12px;border-radius: 10px;background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39.7,4.3L23.8,20.2l15.9,15.9l-3.6,3.6L20.2,23.8L4.3,39.7l-3.6-3.6l15.9-15.9L0.7,4.3l3.6-3.6l15.9,15.9L36.1,0.7L39.7,4.3z' fill%3D'%23aaaaaa' fill-opacity='1' fill-rule='evenodd'/%3E%3C/svg%3E");background-repeat: no-repeat;}
.SubmenuBox ul.Class_Small_Select li a span.Check{background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39.2,10.5L16.8,33.9c-0.3,0.4-0.8,0.6-1.2,0.7c-0.7,0.2-1.5,0-2.1-0.6L1.8,23.3c-0.9-0.9-1-2.4-0.1-3.3s2.4-1,3.3-0.1l10,9.3L35.8,7.3c0.9-0.9,2.4-1,3.3-0.1C40.1,8.1,40.1,9.6,39.2,10.5z' fill%3D'%23aaaaaa' fill-opacity='1' fill-rule='evenodd'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position:2px 2px;display: block;width:35px;height:35px;background-size:25px;position: absolute;top:0px;right:6px;}
.SubmenuBox ul.Class_Small_Select li.Class_SmallBox{width:100%;height:45px;position: fixed;bottom:0;left:0;background-color: #fff;padding: 0;}
.SubmenuBox ul.Class_Small_Select li.Class_SmallBox button.Class_SmallLive{display:block;width:94%;margin: 0 auto;height:40px;line-height:28px;text-align: center;font-family: "微軟正黑體";font-size: 1em;letter-spacing:3px;background-color:#777777;border-radius:5px;border:1px #ddd solid;color: #fff;}
/*類別END*/
/*大類頁上方選單END*/
/*商品影片播放區*/
.ProMediaBox{width:98%;margin:15px auto 5px;height:auto;border-bottom:1px #dddddd solid;padding-bottom:15px;overflow:hidden;}
.ProMediaBox .ProMedia{position: relative;width:92%;margin:0 auto;height:0;padding-bottom:53%;float:none;}
.ProMediaBox .ProMedia iframe{position:absolute;width:100%;height:100%;top:0;left:0;border: 1px #cccccc solid;box-sizing: border-box;}
.ProMediaBox .ProSummary{width:92%;margin:0 auto;height:auto;float:none;}
.ProMediaBox .ProSummary h3.ProTitle{border-bottom: 1px #bbbbbb solid;line-height:36px;color: #333333;font-size:1em;height:32px;overflow:hidden;font-weight: bold;}
.ProMediaBox .ProSummary p.Summary{padding:4px;overflow: hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp:5;-webkit-box-orient: vertical;line-height:20px;font-size: 0.80em;}
.ProMediaBox .ProSummary .GoToPro a{display:block;font-size: 0.8em;text-align: right;margin:5px 4px 0 0;text-decoration:underline;}
.ProMediaBox .ProSummary .GoToPro a:hover{color:#669900;}

@media screen and (min-width:580px) and (max-width:768px){
.ProMediaBox .ProMedia{position: relative;width:45%;margin:0 auto;height:0;padding-bottom:25%;float:left;}
.ProMediaBox .ProMedia iframe{position:absolute;width:100%;height:100%;top:0;left:0;border: 1px #cccccc solid;box-sizing: border-box;}
.ProMediaBox .ProSummary{width:52%;margin:0 auto;height:auto;float:right;}
.ProMediaBox .ProSummary h3.ProTitle{border-bottom: 1px #bbbbbb solid;line-height:18px;color: #333333;font-size:1em;height:auto;font-weight: bold;}
.ProMediaBox .ProSummary p.Summary{padding:4px;overflow: hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp:5;-webkit-box-orient: vertical;line-height:18px;font-size: 0.80em;}
} 

/*商品影片播放區 END*/

/*商品列表分類篩選*/
.Filters{width:98%;margin:0 auto;height:46px;background-color:transparent;margin-top:5px;clear:both;border:1px #dddddd solid;box-sizing: border-box;font-size: 0.8em;}
.Filters .Filters_Bg{display:none;background-color: rgba(0,0,0,0.5);position: fixed;height: 100%;width: 100%;z-index:1001;top: 0;left: 0;}
/*推薦活動icon*/
.Filters .QuickEv{display: inline-block;width:60px;height:30px;/*background-color:#669900; border-radius:3px; */margin:0 6px;text-align:left;color:#333;text-indent:2px;position:relative;line-height: 30px;letter-spacing: 3px;}

.Filters .Class_Small{float:left;width:auto;height:40px;line-height:40px;margin-left:8px;color: #333333;position: relative;display: block;}
.Filters .Class_Small ul,.Right_Filters ul{list-style: none;}
.Filters .Class_Small ul.Class_Small_PC{display:none;}
.Filters .Class_Small ul.Class_Small_PC li{float: left;}
.Filters .Class_Small ul.Class_Small_PC li.Class_Small_this{width:260px;background-color: #ffffff;padding:0 8px;height: 32px;line-height: 32px;margin-top:8px;border: 1px #b5b5b5 solid;box-sizing: border-box;font-size: 0.9em;}
.Filters .Class_Small ul.Class_Small_PC li.Class_Small_this a{background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 45 34' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M45,0L22.5,34L0,0L45,0z' fill%3D'%23333333' fill-opacity='1' fill-rule='evenodd'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position:229px 10px;display: block;background-size:13px;white-space:nowrap;overflow: hidden;text-overflow:ellipsis;}
/*手機商品分類點選icon*/
.Filters .Class_Small .Class_Small_MB{display:block;width:74px;height: 40px;text-align: right;position:relative;}
.Filters .Class_Small .Class_Small_MB a{display: block;}
.Filters .Class_Small .Class_Small_MB span{position: absolute;width: 18px;height: 18px;left: 0px;top:7px;background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23888888'%2F%3E%3C%2Fsvg%3E");background-repeat: no-repeat;transform:rotate(-90deg);}
/*手機商品分類點選icon END*/

/*手機排序、篩選、縮圖*/
.Filters .Right_Filters{float: right;position: relative;display: block;}
.Filters .Right_Filters ul li{float: left;width:70px;height:30px;line-height:30px;text-align:center;display: block;margin-right:10px;font-size:1.1em;text-indent:8px;letter-spacing: 3px;}
.Filters .Right_Filters ul li.Sorting a{background-position:3px 7px;background-size:14px;}
.Filters .Right_Filters ul li.Select a{background-position:3px 7px;background-size:14px;}
.Filters .Right_Filters ul li.Array1 a{background-position:3px 7px;background-size:14px;}
.Filters .Right_Filters ul li.Array1{display:block;margin-right: 0px;}
.Filters .Right_Filters ul li.Array2 a{background-position:3px 7px;background-size:14px;}
.Filters .Right_Filters ul li.Array2{display:none;}

.Filters{width:98%;margin:0 auto;height:32px;background-color:transparent;margin-top:5px;clear:both;border:1px #dddddd solid;box-sizing: border-box;font-size: 0.8em;}

/*手機排序*/
.Filters .Right_Filters .SortingOpen{clear: both;position:fixed;width:100%;background-color: #ffffff;font-size:1.1em;border:none;box-shadow:0px 2px 5px 0px rgba(0, 0, 0, 0.5);top:0;right:0px;display: none;z-index:1001;transition:all 0.5s;}
.Filters .Right_Filters .SortingOpen:before{content:"";display: block;width:12px;height:12px;background-color: #ffffff;border-top: 1px #bbbbbb solid;border-right: 1px #bbbbbb solid;position: absolute;-webkit-transform:  rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);top:-8px;left:48%;display: none;}
.Filters .Right_Filters .SortingOpen li{display: block;float: none;width:100%;margin:0 auto;height:45px;line-height: 45px;border-bottom: 1px #dadada solid;}
.Filters .Right_Filters .SortingOpen li:last-child{border-bottom:1px #dddddd solid;}
.Filters .Right_Filters .SortingOpen li a{display: block;text-align: left;margin-left: 15px;position: relative;}
.Filters .Right_Filters .SortingOpen li a span.Check{background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39.2,10.5L16.8,33.9c-0.3,0.4-0.8,0.6-1.2,0.7c-0.7,0.2-1.5,0-2.1-0.6L1.8,23.3c-0.9-0.9-1-2.4-0.1-3.3s2.4-1,3.3-0.1l10,9.3L35.8,7.3c0.9-0.9,2.4-1,3.3-0.1C40.1,8.1,40.1,9.6,39.2,10.5z' fill%3D'%23aaaaaa' fill-opacity='1' fill-rule='evenodd'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position:2px 2px;display: block;width:35px;height:35px;background-size:25px;position: absolute;top:5px;right:25px;}
.Filters .Right_Filters .SortingOpen .title_close{display: block;height:40px;line-height:40px;text-align: left;font-size: 1.2em;position: relative;padding-left: 15px;box-sizing: border-box;border-bottom: 1px #dddddd solid;}
.Filters .Right_Filters .SortingOpen .title_close span{display: block;width: 20px;height:20px;position: absolute;top:8px;right:12px;border-radius: 10px;background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39.7,4.3L23.8,20.2l15.9,15.9l-3.6,3.6L20.2,23.8L4.3,39.7l-3.6-3.6l15.9-15.9L0.7,4.3l3.6-3.6l15.9,15.9L36.1,0.7L39.7,4.3z' fill%3D'%23aaaaaa' fill-opacity='1' fill-rule='evenodd'/%3E%3C/svg%3E");background-repeat: no-repeat;}
/*手機篩選*/
.Filters .Right_Filters .SelectOpen{clear: both;position:fixed;width:100%;background-color: #ffffff;font-size:1.1em;border:none;box-shadow:0px 2px 5px 0px rgba(0, 0, 0, 0.5);top:0;left:0;display:none;z-index: 1001;}
.Filters .Right_Filters .SelectOpen:before{content:"";display: block;width:12px;height:12px;background-color: #ffffff;border-top: 1px #bbbbbb solid;border-right: 1px #bbbbbb solid;position: absolute;-webkit-transform:  rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);top:-8px;left:75%;display: none;}
.Filters .Right_Filters .SelectOpen li{display: block;float: none;width:100%;margin:0 auto;height:45px;line-height: 45px;border-bottom: 1px #dadada solid;background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.3,1.3V39h37.7V1.3H1.3z M36.9,37H3.3V3.3h33.7V37z' fill%3D'%23aaaaaa' fill-opacity='1' fill-rule='evenodd'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position:270px 15px;background-size:16px;}
.Filters .Right_Filters .SelectOpen li a{display: block;text-align: left;margin-left: 15px;position: relative;}
.Filters .Right_Filters .SelectOpen li a span{background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39.2,10.5L16.8,33.9c-0.3,0.4-0.8,0.6-1.2,0.7c-0.7,0.2-1.5,0-2.1-0.6L1.8,23.3c-0.9-0.9-1-2.4-0.1-3.3s2.4-1,3.3-0.1l10,9.3L35.8,7.3c0.9-0.9,2.4-1,3.3-0.1C40.1,8.1,40.1,9.6,39.2,10.5z' fill%3D'%23aaaaaa' fill-opacity='1' fill-rule='evenodd'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position:2px 13px;width:30px;height:40px;background-size:25px;position: absolute;top:-5px;left:250px;display:none;}
.Filters .Right_Filters .SelectOpen li input.price_input{width:90px;height:24px;padding-left: 3px;}
.Filters .Right_Filters .SelectOpen .SelectClose a{display:block;border:none;background-color:#dddddd;color: #333333;font-size: 1.2em;text-align: center;height:36px;line-height:36px;}
.Filters .Right_Filters .SelectOpen .title_close{display: block;height:40px;line-height:40px;text-align: left;font-size: 1.2em;position: relative;padding-left: 15px;box-sizing: border-box;border-bottom: 1px #dddddd solid;}
.Filters .Right_Filters .SelectOpen .title_close span{display: block;width: 20px;height:20px;position: absolute;top:8px;right:12px;border-radius: 10px;background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39.7,4.3L23.8,20.2l15.9,15.9l-3.6,3.6L20.2,23.8L4.3,39.7l-3.6-3.6l15.9-15.9L0.7,4.3l3.6-3.6l15.9,15.9L36.1,0.7L39.7,4.3z' fill%3D'%23aaaaaa' fill-opacity='1' fill-rule='evenodd'/%3E%3C/svg%3E");background-repeat: no-repeat;}
/*商品列表分類篩選 END*/
/*商品列表3公格*/
.Class_Product_List{ width:100%;margin:0 auto;overflow:hidden; clear:both; box-sizing:border-box;}
.Class_Product_List ul{ display:block;margin:6px;overflow:hidden;}
@media screen and (min-width:481px) and (max-width:640px){
.Class_Product_List ul li{float: left; width:47%; background-color:#FFF; margin:10px 1.5%; height:auto; position:relative;overflow: hidden;border: 0px rgba(0,0,0,0.1) solid;box-sizing: border-box;}
.Class_Product_List ul li:nth-child(n){margin-left:1.4%;margin-right: 1.4%;}
}
@media screen and (min-width:641px) and (max-width:959px){
.Class_Product_List ul li{float: left; width:30%; background-color:#FFF; margin:10px 1.5%; height:auto; position:relative;overflow: hidden;border: 0px rgba(0,0,0,0.1) solid;box-sizing: border-box;}
.Class_Product_List ul li:nth-child(3n+1){margin-left:1.4%;margin-right: 1.4%;}
.Class_Product_List ul li:nth-child(3n+3){margin-left:1.4%;margin-right: 1.4%;}
.Filters .Right_Filters ul li.Array1{display:none;}
.Filters .Right_Filters ul li.Array2{display:none;}
}
.Class_Product_List ul li a{display:block;}
.Class_Product_List ul li .Pro_img img{width:100%;}
.Class_Product_List ul li .Product_Data{width: 95%;margin: 0 auto;text-align:left;}
.Class_Product_List ul li .Product_Data p.Pro_Brand{display:none;margin-top: 8px;font-size: 0.8em;color: #aaaaaa;letter-spacing: 1px;}
.Class_Product_List ul li .Product_Data p.Pro_Brand a{color: #aaaaaa;}
.Class_Product_List ul li .Product_Data p.Title{margin:4px 0; height:32px; line-height:16px;font-weight:normal;width:100%;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-size:0.85em;color: #222222;}
.Class_Product_List ul li .Product_Data p.Price{font-size:0.85em;margin-top: 10px;color: #222222;}
.Class_Product_List ul li .Product_Data p.Price span.Original{margin-right:8px;text-decoration:line-through;color: #aaaaaa;}
.Class_Product_List ul li .Add_Shopping_Car a{display:block;width: 90%;margin:5px auto;text-align: center;background-color: #ff9e4d; color: #ffffff;padding:2px;border-radius: 3px;font-size: 0.9em;}
.Class_Product_List ul li .Notice a{display:block;width: 90%;margin:5px auto;text-align: center;color: #ffffff;padding:2px;border-radius: 3px;font-size: 0.9em;background-color:#C49D6D;}

.Class_Product_List ul li .Go_Activity a{display:block;width: 90%;margin:5px auto;text-align: center;background-color: #90b400; color: #ffffff;padding:2px;border-radius: 3px;font-size: 0.9em;}

/*商品列表3公格-小圖呈現*/
.Class_Product_List_S{ width:100%;margin:0 auto;overflow:hidden; clear:both; box-sizing:border-box;}
.Class_Product_List_S ul{ display:block;margin:5px;overflow:hidden;}
.Class_Product_List_S ul li{float: left; width:100%; background-color:#FFF; margin:8px 1% 5px;height:auto; position:relative;overflow: hidden;border: 0px rgba(0,0,0,0.1) solid;border-bottom:1px #dddddd solid;box-sizing: border-box;padding-bottom:13px;padding-top:20px;}
.Class_Product_List_S ul li .Product_Data p.sup{display:block;margin-top:0px;font-size: 0.8em;letter-spacing: 1px;color: #cc0000;text-align:left;width: 100%;height:22px;line-height:20px;overflow: hidden;}
.Class_Product_List_S ul li:last-child{border: none;}
.Class_Product_List_S ul li a{display:inline;}
.Class_Product_List_S ul li .Pro_img{width:35%;}
.Class_Product_List_S ul li .Pro_img img{width:100%;margin-top:-20px;}
.Class_Product_List_S ul li .Product_Data{position: absolute;width:60%;margin: 0 auto;text-align:left;top: 0px;right:5px;}                    
.Class_Product_List_S ul li .Product_Data p.sup{display:block;margin-top:0px;font-size: 0.8em;letter-spacing: 1px;color: #cc0000;text-align:left;width: 100%;height:22px;line-height:20px;overflow: hidden;}

.Class_Product_List_S ul li .Product_Data p.Pro_Brand{display:none;margin-top:0px;font-size: 0.8em;color: #aaaaaa;letter-spacing: 1px;}
.Class_Product_List_S ul li .Product_Data p.Pro_Brand a{color: #aaaaaa;}
.Class_Product_List_S ul li .Product_Data p.Title{margin:0px 0; height:32px; line-height:16px;font-weight:normal;width:100%;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-size:0.85em;color: #222222;}
.Class_Product_List_S ul li .Product_Data p.Price{font-size:0.85em;margin-top:5px;color: #222222;}
.Class_Product_List_S ul li .Product_Data p.Price span.Original{margin-right:8px;text-decoration:line-through;color: #aaaaaa;}
.Class_Product_List_S ul li .Add_Shopping_Car a{position: absolute;display:block;width:30%;margin:0 auto 2px;text-align: center;background-color: #ff9e4d; color: #ffffff;padding:2px;border-radius: 3px;font-size: 0.80em;bottom:13px;right:6%;}
.Class_Product_List_S ul li .Notice a{position: absolute;display:block;width:30%;margin:0 auto 2px;text-align: center; color: #ffffff;padding:2px;border-radius: 3px;font-size: 0.80em;bottom:13px;right:6%;background-color:#C49D6D;}
.Class_Product_List_S ul li .Add_Shopping_Car a:before{content:"加入購物車";}
.Class_Product_List_S ul li .Notice a:before{content:"貨到通知";}

.Class_Product_List_S ul li .Go_Activity a{position: absolute;display:block;width:30%;margin:0 auto 2px;text-align: center;color: #ffffff;padding:2px;border-radius: 3px;font-size: 0.80em;bottom:13px;right:6%;background-color: #90b400;}
.Class_Product_List_S ul li .Go_Activity a:before{content:"前往活動頁";}
/*商品列表3公格-小圖呈現 END*/

/*商品列表3公格 END*/
/*商品列表--頁碼*/
.Page_Number{ width:96%; margin:20px auto 50px;border-top: 1px #dddddd solid;padding-top: 20px;clear: both;}
.Page_Number ul{display:block; width:auto; text-align: center;}
.Page_Number li{display: inline-block; margin-right: 0px;width:24px; height:30px;background-color: #ffffff;border: 1px #dddddd solid;position: relative;}
.Page_Number li.P_N_first a,.Page_Number li.P_N_back a,.Page_Number li.P_N_next a,.Page_Number li.P_N_last a{position: absolute;background-size:50%;width:22px;height:28px;left:1px;top:1px;display: block;}
.Page_Number li.P_N_first a{background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 45 43' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36.8,0.3V40L10.3,20.2L36.8,0.3z M3.2,39.9H7V0.4H3.2V39.9z' fill%3D'%23999999' fill-opacity='1' fill-rule='evenodd'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:60%;}
.Page_Number li.P_N_back a{background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 45 45' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M45,0L22.5,34L0,0L45,0z' fill%3D'%23999999' fill-opacity='1' fill-rule='evenodd'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position:center;-webkit-transform:rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);transform:rotate(90deg);}
.Page_Number li.P_N_next a{background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 45 45' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M45,0L22.5,34L0,0L45,0z' fill%3D'%23999999' fill-opacity='1' fill-rule='evenodd'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position:center;-webkit-transform:rotate(-90deg);-ms-transform: rotate(-90deg);-o-transform: rotate(-90deg);transform:rotate(-90deg);}
.Page_Number li.P_N_last a{background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 45 43' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36.8,0.3V40L10.3,20.2L36.8,0.3z M3.2,39.9H7V0.4H3.2V39.9z' fill%3D'%23999999' fill-opacity='1' fill-rule='evenodd'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:60%;-webkit-transform:rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform:rotate(180deg);}
.Page_Number li.P_Number{ width:60%;border: none;}
.Page_Number li dl{ width:100%; display: block; text-align: center; overflow:hidden; font-size:0.9em; height:30px; line-height:30px;}
.Page_Number dt{ display:inline-block; width:30px;height:30px;}
.Page_Number dt a{display: block;}
.Page_Number dt.this{ font-size:1.4em;width: 30px;}
.Page_Number ul li.no{ width:24px;height:30px; background-image:none;background-color:transparent;}
/*商品列表--頁碼END*/
/*精選熱銷商品*/
.HotP_promote{ background-color:#FFF;position:relative;z-index:20; margin-bottom:15px; border:#dddddd 0px solid; height:auto; margin-top:50px;}
.HotP_promote .title{ width:180px;margin:0 auto;text-align: center;}
.HotP_promote .title h3{position: relative;top:-25px;left:0px;display: block;}
.HotP_promote .title h3 span{position: absolute;top:0px;left:5px;display:block;width:5px;height:20px;background-color:#666666;}
.HotP_promote .slides_container{ display:block; width:90%; margin:0 auto;margin-top:15px;}
.HotP_promote .slides_container ul{ list-style:none;}
.HotP_promote .slides_container ul li{ float:left; display:block; width:125px; height:auto; background-color:#FFF;position:relative;margin-right:4px !important;margin-left:4px !important;}
.HotP_promote .slides_container ul li:last-child{margin-right: 0px;}
.HotP_promote .slides_container ul li a{ text-decoration:none; color:#696969;}
.HotP_promote .slides_container ul li a:hover h3{color:#688500; text-decoration:underline;}
.HotP_promote .slides_container ul li img{width:96%;height:auto; margin:0 0 5px 0;border:#ddd 0px solid;box-sizing: border-box;}
.HotP_promote .slides_container ul li .price{ display:block; height:22px; text-align:left; font-size:13px; line-height:22px;color:#F00;}
.HotP_promote .slides_container ul li a:hover .price{ color:#F00;}
.HotP_promote .slides_container ul li .price span{ font-size:12px; margin-left:4px; color:#222;}
.HotP_promote .slides_container ul li a:hover .price span{ font-size:12px; margin-left:4px; color:#222;}
.HotP_promote .slides_container ul li h3{display:block; font-size:12px;margin:0 0 3px 0; height:28px; overflow:hidden; line-height:14px;font-weight:normal;}
.HotP_promote .prev {position:absolute;top:80px;left:-20px;width:14px;height:38px;display:block;z-index:101;background:url(/imageserver/images/cmm2_utf8/arrow-prev_g.png) no-repeat;}/*左控制箭頭*/
.HotP_promote .next {position:absolute;top:80px;right:3px;width:14px;height:38px;display:block;z-index:101;background:url(/imageserver/images/cmm2_utf8/arrow-next_g.png) no-repeat;}/*右控制箭頭*/
.HotP_promote .slides_container ul li .icon{width:36px; height:15px; text-align:center; font-size:11px; font-weight:normal;line-height:15px; color:#FFF;background-color:#C00; position:absolute; z-index:2;}
/*FlexSlider*/
.HotP_promote .slides li{width:230px !important;}
.HotP_promote ol.flex-control-nav{display: none;}
.HotP_promote .flexslider{margin-bottom:15px;}
.HotP_promote .slides_container ul li a{ }
.HotP_promote .slides_container ul li{ width:96%;margin: 0 auto;}
.HotP_promote .slides_container .flex-direction-nav .flex-prev{left:-5%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23222222'%2F%3E%3C%2Fsvg%3E");background-size:60%;background-repeat: no-repeat;outline: none;width:25px;background-position:left;}
.HotP_promote .slides_container .flex-direction-nav .flex-next{right:-7%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23222222'%2F%3E%3C%2Fsvg%3E");background-size:60%;background-repeat: no-repeat;outline: none;width:25px;background-position: right;}
/*FlexSlider END*/
/*好康專區*/
.Offer_Box{margin-top:30px;background-color:#ffffff;}
.Offer_Box .CenterBox{width:96%;margin:0 auto;overflow:hidden;padding:30px 0;}
.Offer{width:100%;float:none;}
.Offer .title{width:100%;position: relative;height:20px;}
.Offer .title h3{position:absolute;top:-6px;left:20px;display: block;}
.Offer .title h3 span{position: absolute;top:0px;left:-15px;display:block;width:5px;height:18px;background-color:#666666;}
.Offer .GoodOffer{width:100%;margin:0 auto;border: 1px #dddddd solid;background-color: #ffffff;box-sizing: border-box;height: 150px;}
.Offer .GoodOffer ul{list-style: none;padding-top:20px;display:flex;box-sizing: border-box;text-align: center;}
.Offer .GoodOffer li{display: inline-block;}
.Offer .GoodOffer li img{display: inline;}
/*好康專區END*/
/*信用卡優惠*/
.Bank{width:100%;float:none;margin-top:20px;}
.Bank .title{width:100%;position: relative;height:20px;}
.Bank .title h3{position:absolute;top:-6px;left:20px;display: block;}
.Bank .title h3 span{position: absolute;top:0px;left:-15px;display:block;width:5px;height:18px;background-color:#666666;}
.Bank .BankOffer{width:100%;margin:0 auto;border: 1px #dddddd solid;background-color: #ffffff;box-sizing: border-box;height: 150px;}
.Bank .BankOffer ul{list-style: none;padding-top:20px;display:flex;box-sizing: border-box;text-align: center;}
.Bank .BankOffer li{display: inline-block;width: 216px;}
.Bank .BankOffer li img{display: inline;}
.Offer .GoodOffer .swiper-button-prev,.Offer .GoodOffer .swiper-button-next,.Bank .BankOffer .swiper-button-prev,.Bank .BankOffer .swiper-button-next{background-size:18px;width: 26px;}
.GoodOffer,.BankOffer{padding-bottom:0px;}
.Offer_Box .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets{bottom: 5px;}
/*信用卡優惠END*/

.footer_Box{width: 100%; background-color: #ffffff;clear: both;overflow:hidden;padding-top:10px;}
footer{width:100%;margin:0 auto;overflow:hidden;}
footer .linkListBox{margin-bottom: 50px;overflow: hidden;border:0px #e6e6e6 solid;background-color: #ffffff;padding:20px;}
footer .linkListBox ul{list-style: none;}
footer .linkListBox ul li{float:none;display:block;width:100%;}
footer .linkListBox ul li{border-right:0px #dddddd solid;height:auto;overflow: hidden;}
footer .linkListBox ul li:last-child{border:none;}
footer .linkListBox ul li .About li,.Community li,.Service li{clear: both;}
footer .linkListBox ul li .About,.Community,.Service{width:95%;margin: 0 auto 40px;overflow: auto;height: auto;}
footer .linkListBox ul li .About li,footer .linkListBox ul li .Community li,footer .linkListBox ul li .Service li{width:100%;text-align:center;border:none;height:22px;}
footer .linkListBox ul li .Community img{display: inline;margin:0 10px;text-align: center;}
footer .footerTitle{text-align: center;font-size: 1.2em;line-height:24px;margin-bottom:20px;border-bottom: 1px #e8e8e8 solid;font-weight: bold;}
.footerBottom{display: none;}

/*New Mobile footer*/
.MbFooter{width:100%;height:45px;position:fixed; bottom:0px; font-size:0.8em; clear:both; z-index:1000;display: block;border-top: 1px #cccccc solid;background: linear-gradient(to top,  rgba(255,255,255,1) 50%,rgba(238,238,238,1) 100%);}
.MbFooter ul.link{display:block; width:100%;list-style: none;}
.MbFooter ul.link{ display:block; width:98%; margin:0 auto; height:45px; margin-top:3px;}
.MbFooter ul.link li a{ display:block; float:left; text-align:center; font:12px/65px "微軟正黑體"; color:#666666;}
.MbFooter ul.link li:nth-child(1) a{width:18%; background-image: url(/imageserver/images/cmm2_utf8/footer_home_img_a.png); background-repeat:no-repeat; background-position:center top -2px; background-size:27px;}
.MbFooter ul.link li:nth-child(2) a{width:21%; background-image: url(/imageserver/images/cmm2_utf8/footer_like_img_a.png); background-repeat:no-repeat; background-position:center top -2px; background-size:27px;}
.MbFooter ul.link li:nth-child(3) a{width:19%; background-image: url(/imageserver/images/cmm2_utf8/footer_Ranking_img_a.png); background-repeat:no-repeat; background-position:center top -2px; background-size:27px;}
.MbFooter ul.link li:nth-child(4) a{width:21%; background-image: url(/imageserver/images/cmm2_utf8/footer_Preview_img_a.png); background-repeat:no-repeat; background-position:center top -2px; background-size:27px;}
.MbFooter ul.link li:nth-child(5) a{width:21%; background-image: url(/imageserver/images/cmm2_utf8/footer_news_img_a.png); background-repeat:no-repeat; background-position:center top -2px; background-size:27px;}


.MbFooter ul.link li:nth-child(1).home a{width:18%; background-image: url(/imageserver/images/cmm2_utf8/footer_home_img_b.png); background-repeat:no-repeat; background-position:center top -2px; background-size:27px;}
.MbFooter ul.link li:nth-child(2).like a{width:21%; background-image: url(/imageserver/images/cmm2_utf8/footer_like_img_b.png); background-repeat:no-repeat; background-position:center top -2px; background-size:27px;}
.MbFooter ul.link li:nth-child(3).Ranking a{width:19%; background-image: url(/imageserver/images/cmm2_utf8/footer_Ranking_img_b.png); background-repeat:no-repeat; background-position:center top -2px; background-size:27px;}
.MbFooter ul.link li:nth-child(4).Preview a{width:21%; background-image: url(/imageserver/images/cmm2_utf8/footer_Preview_img_b.png); background-repeat:no-repeat; background-position:center top -2px; background-size:27px;}
.MbFooter ul.link li:nth-child(5).news a{width:21%; background-image: url(/imageserver/images/cmm2_utf8/footer_news_img_b.png); background-repeat:no-repeat; background-position:center top -2px; background-size:27px;}

.MbFooter ul.link a{color:#000000;}
.MbFooter ul.link a:hover{color:#90b400;}

.MbFooter .top_icon a{ display:block; width:40px; height:40px; -webkit-border-radius:20px; border-radius:20px; background-color:rgba(255,255,255,0.5); border:#999999 1px solid; right:5px; position: fixed;bottom:56px; text-align:center; font-family:"Arial Black", sans-serif; font-weight:bold; color:rgba(0,0,0,1.00); line-height:48px; font-size:16px; background-image:url(/imageserver/images/cmm2_utf8/cmmM/go_top.png); background-repeat:no-repeat; background-size:75%; background-position:center top 1px; opacity:0;}
.MbFooter .top_icon img{ /*width:50px; height:50px;*/}
.MbFooter.no{height:0px;}
/*回到上方icon*/
.GoTop a{width: 35px;height: 35px;background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 40 23.9' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.1,0.4L23.6,4l0.1,0.1l15.5,15.5l-3.5,3.5L20.1,7.5L4.5,23.1L1,19.6L20.1,0.4z' fill%3D'%23ffffff' fill-opacity='1' fill-rule='evenodd'/%3E%3C/svg%3E");background-repeat: no-repeat;position: fixed;bottom:95px;right:10px;background-color: rgba(0,0,0,0.5);background-size:70%;background-position:center;display: block;z-index: 101; opacity:0;}
/*回到上方icon END*/
/*線上客服*/
.OnlineService{position:fixed;bottom:0px;right:0%;width:100%;height:0%;border-radius:0;overflow: hidden;box-shadow: rgba(0,0,0,0) 0px 0px 5px;z-index:1005;background-color: #ffffff;transition:all 0.6s;}
.OnlineService .OnlineService_Title1 a,.OnlineService .OnlineService_Title2 a{display:none;}
.OnlineService .OnlineService_MB a{display:block;width:100%;height:40px;background-color: #89ba29;color: #ffffff;font-size:1em;line-height:40px;text-align: center;}

.OnlineService .OnlineService_MB span.online{display:block;width:12px; height:10px;position: absolute;right:15px;top:18px;border-top:2px #ffffff solid;}
.OnlineService .MessageContent{width: 100%;height:100%;padding:8px;font-size: 13px;box-sizing: border-box;}
.OnlineService .MC_on{height:320px;padding:8px;box-sizing: border-box;}

.Service_Icon a{display:block;width:70px;height:36px;border-radius:6px 0 0 6px;line-height:36px;text-align: right;background-color:#89ba29;position: fixed;right:0;bottom:50px;z-index: 101;padding-right: 5px;box-sizing: border-box;color: #ffffff;transition:all 0.4s;}
.Service_Icon a span.MB_online{display:block;width:25px;height:25px;background: url(/imageserver/images/cmm2_utf8/OnlineService_icon01.png) no-repeat;background-size:25px;position: absolute;top:5px;left: 3px;}
.Service_Icon a span.MB_offline{display:block;width:25px;height:25px;background: url(/imageserver/images/cmm2_utf8/OnlineService_icon02.png) no-repeat;background-size:25px;position: absolute;top:5px;left: 3px;}
/*線上客服 END*/

/*任選、滿額滿件活動說明*/
.Any_EventInfo{width:100%;padding:0px;/*overflow:hidden;*/box-sizing: border-box;background-color:rgba(230,230,230,1);position: fixed;bottom: 0;z-index:1100;height:60px;color:#333;border-top: 1px #cccccc solid;}
.Any_EventInfo .Any_Title{width:54%;font-size:1em;border-bottom: 1px #aaa dotted;padding-bottom:1px;font-weight:normal;letter-spacing:0px;line-height:24px;margin:3px 0 0 3px;}
.Any_EventInfo .Any_Info_Box{width:100%;position:fixed;display:block;bottom:60px;background-color: #fff;height:auto;z-index: 1101;}
.Any_EventInfo .Any_Info_Box .Info_Box_Title{display: block;background-color: #666666;color: #ffffff;font-size: 0.82em;padding-left: 5px;position: relative;}
.Any_EventInfo .Any_Info_Box .Info_Box_Title span.Box_Open{display: block;width:15px;height:15px;background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23FFFFFF'%2F%3E%3C%2Fsvg%3E");background-repeat: no-repeat;position: absolute;right:8px;top:0px;transform:rotate(-90deg);}
.Any_EventInfo .Any_Info_Box .Info_Box_Title span.Box_Close{display: none;width:15px;height:15px;background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23FFFFFF'%2F%3E%3C%2Fsvg%3E");background-repeat: no-repeat;position: absolute;top:6px;right:8px;transform:rotate(90deg);}
.Any_EventInfo .Any_Info_Box .Any_Info_Box_Open{display: none;}
.Any_EventInfo .Any_Info_Box p.Any_Info{display:block;width:100%;height:auto;line-height:18px;font-size: 0.75em;margin:0 0 0 3px;}
.Any_EventInfo .Any_Info_Box p.Any_Info span{color:#cc0000;font-size: 1.2em;font-weight:normal;margin: 0 3px;}
.Any_EventInfo .Any_Info_Box .Act_Info{display: block;background-color:#dddddd;color:#333333;font-size: 0.75em;padding-left: 3px;}
.Any_EventInfo .Any_Info_Box ul.Right_Act{display:block;width:98%;mrfloat:none;position:relative;top: auto;margin:3px 0 5px 5px;}
.Any_EventInfo .Any_Info_Box ul.Right_Act li{font-size: 0.75em;line-height: 15px;}

.Any_EventInfo .Any_ShopBox{overflow:hidden;margin-bottom:5px;font-size:1em;height:36px;}
.Any_EventInfo .Any_ShopBox ul.Left_Shop{float:none;width:54%;list-style: none;margin:0;position: relative;left:3px;bottom:-2px;}
.Any_EventInfo .Any_ShopBox ul.Left_Shop li{float:none;height:20px;line-height:20px;display: inline-block;}
.Any_EventInfo .Any_ShopBox ul.Left_Shop li.Pieces{display:inline-block;width:auto;height:20px;border:0px #999999 solid;background-color:transparent;margin:0 1px;text-align: center;font-size:1em;color: #cc0000;line-height:20px;font-weight: bold;box-sizing: border-box;}
.Any_EventInfo .Any_ShopBox ul.Left_Shop li.Total{display:inline-block;width:auto;height:20px;border:0px #999999 solid;background-color:transparent;margin: 0 1px;text-align: center;font-size: 1em;color: #cc0000;line-height:20px;font-weight: bold;box-sizing: border-box;}
.Any_EventInfo .Any_ShopBox ul.Left_Shop li.Total span{font-weight: normal;font-size:0.7em;}
.Any_EventInfo .Any_ShopBox ul.Left_Shop li.AddShoppingCar a{display: block;width:22%;height:60px;background-color:#90b400;margin:0;text-align: center;font-size:0.9em;color: #ffffff;line-height:60px;border-radius:0px;position:fixed;bottom: 0;left:56%;}
.Any_EventInfo .Any_ShopBox ul.Left_Shop li.Checkout a{display: block;width:22%;height:60px;background-color:#ff8b0f;margin:0;text-align: center;font-size:0.9em;color: #ffffff;line-height:60px;border-radius:0;position:fixed;bottom: 0;left:78%;}
.Any_EventInfo .Any_ShopBox ul.Left_Shop li.ShopBoxPC_open{display:none;}
.Any_EventInfo .Any_ShopBox ul.Left_Shop li.Not_Yet{display:none;}
.Any_EventInfo .Any_ShopBox ul.Left_Shop li.Not_Yet p{display: block;width:150px;margin:20px auto;position: relative;}
.Any_EventInfo .Any_ShopBox ul.Left_Shop li.Not_Yet_Now{display: block;width:44%;height:60px;margin:0;text-align: center;font-size:0.9em;border-radius:0px;position:fixed;bottom: 0;left:56%;}
.Any_EventInfo .Any_ShopBox ul.Left_Shop li.Not_Yet span{display: block;width:16px;height: 16px;position:absolute;background-color: #ff6600;border-radius: 8px;font-weight:bold;color: #ffffff;line-height: 16px;}
.Any_EventInfo .Any_ShopBox ul.Left_Shop li.AddPro_list{display: block;width:70px;height:24px;background-color:#666666;margin:0;text-align: center;font-size:0.9em;color: #ffffff;line-height:24px;border-radius: 3px;position: absolute;bottom:0px;left:40%;}
.Any_EventInfo .Any_ShopBox ul.Left_Shop li.AddPro_list:hover{background-color: #448aca;}
.Buy_List_MB_BG{position: fixed;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.4);z-index:1000;display: none;}

.Any_EventInfo .Buy_List{display:none;width:80%;height:360px;text-align: center; position:fixed;left: 50%;margin-left:-40%; bottom:22%;background-color: #ffffff;z-index:1100;padding:0 0 10px;overflow:hidden;border-style: solid;box-shadow:2px 3px 8px;}

.Any_EventInfo .Buy_List p.Buy_List_Title{display: block;height:28px;line-height:28px;background-color: #666666;margin-bottom: 5px;color: #ffffff;text-align: left;padding-left:5px;position: relative;}
.Any_EventInfo .Buy_List p.Buy_List_Title span{display: block;width:28px;height:28px;background-color:#222222;position: absolute;right: 0;top: 0;background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39.7,4.3L23.8,20.2l15.9,15.9l-3.6,3.6L20.2,23.8L4.3,39.7l-3.6-3.6l15.9-15.9L0.7,4.3l3.6-3.6l15.9,15.9L36.1,0.7L39.7,4.3z' fill%3D'%23ffffff' fill-opacity='1' fill-rule='evenodd'/%3E%3C/svg%3E");background-repeat: no-repeat;background-size:70%;background-position: center;}

.Any_EventInfo .Buy_List ul{margin: 0;padding: 0;list-style: none;position: relative;width:100%;height:95%;overflow: auto;text-align: left;}
.Any_EventInfo .Buy_List li{width:30%;margin:0.7%;border:1px #ddd solid;overflow: hidden;display: inline-block;height:auto;}
.Any_EventInfo .Buy_List li img{width:38%;display:block;float: left;}
.Any_EventInfo .Buy_List li .Pro_Info{float:left;width:58%;margin-left:8px;}
.Any_EventInfo .Buy_List li .Pro_Info p{float:left;font-size:0.9em;left: 88px;width:100%;line-height:18px;margin-bottom: 5px;text-align: left;}
.Any_EventInfo .Buy_List li .Pro_Info p.Pro_Name{height:36px;line-height:18px;margin-bottom:10px;overflow:hidden;}
.Any_EventInfo .Buy_List li .Pro_Info p.Format{}
.Any_EventInfo .Buy_List li .Pro_Info p.Price{margin-top:2px;margin-bottom:2px;}
.Any_EventInfo .Buy_List li .Pro_Info p.Price span{color: #cc0000;margin-left: 3px;}
.Any_EventInfo .Buy_List li .Pro_Info p.Delete a{display:none;}

.Any_EventInfo .Buy_List li .Pro_Info p.Delete_MB a{display: block;width:24px;height:24px;background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.477,16.211h24l-2.383,22.667H10.86L8.477,16.211z M31.296,7.694H9.658c-0.652,0-1.181,0.529-1.181,1.181v5.652h24V8.875	C32.477,8.223,31.949,7.694,31.296,7.694z M25.384,2.061h-9.813l-1.313,4.125h12.438L25.384,2.061z' fill%3D'%23bbbbbb' fill-opacity='1' fill-rule='evenodd'/%3E%3C/svg%3E");background-repeat: no-repeat;position: absolute;right:6px;bottom:6px;}
.Any_EventInfo .Buy_List li .Pro_Info p.Delete_MB a:hover{display: block;width:24px;height:24px;background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.477,16.211h24l-2.383,22.667H10.86L8.477,16.211z M32.44,8.681L11.119,4.993c-0.643-0.111-1.254,0.32-1.365,0.962	l-0.963,5.57l23.649,4.09l0.963-5.57C33.514,9.403,33.083,8.792,32.44,8.681z M27.574,2.122L17.905,0.45l-1.996,3.841L28.164,6.41	L27.574,2.122z' fill%3D'%23666666' fill-opacity='1' fill-rule='evenodd'/%3E%3C/svg%3E");background-repeat: no-repeat;position: absolute;right:6px;bottom:6px;}

.Any_EventInfo .Add_list{display:none;}
.Any_EventInfo .Add_list_MB{display:block;}
.Any_EventInfo .Buy_List ul.swiper-wrapper{margin-left: -350px;}
/*任選、滿額滿件活動說明 END*/
/*任選、滿額滿件商品列表分類篩選*/
.Filters_Bg{display:none;width: 100%;height: 100%;position: fixed;background-color:rgba(0,0,0,0.0);z-index: 1;}
.Any_Filters{width:100%;margin:0 auto;height:36px;margin-top:0px;clear:both;border:1px #bbbbbb solid;border-width:0 0 1px 0;position:fixed;z-index: 16;background-color: #dddddd;top:46px;}
.Any_Filters .go_left a{display:none;width:24px;height:36px;position: absolute;background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 14 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.069,37.579L1.426,20.134l-0.057-0.025l7.667-17.5l2.748,1.204L4.668,20.056l7.15,16.32	L9.069,37.579z' fill%3D'%23999999' fill-opacity='1' fill-rule='evenodd'/%3E%3C/svg%3E");background-repeat: no-repeat;background-size:45%;background-position:6px 4px;}
.Any_Filters .go_right a{display:none;width:24px;height:36px;position: absolute;right:52px;background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 14 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.069,37.579L1.426,20.134l-0.057-0.025l7.667-17.5l2.748,1.204L4.668,20.056l7.15,16.32	L9.069,37.579z' fill%3D'%23999999' fill-opacity='1' fill-rule='evenodd'/%3E%3C/svg%3E");background-repeat: no-repeat;background-size:45%;background-position:7px 3px;transform:rotate(180deg);}
.Any_Filters .Event_Class{width:95%;margin-left:24px;float:left;white-space: nowrap;overflow:auto;-webkit-overflow-scrolling: touch;position: relative;}
.Any_Filters .Event_Class::-webkit-scrollbar{height:0px;}
.Any_Filters .Event_Class::-webkit-scrollbar-thumb{background-color: #bbbbbb;}
/*.Any_Filters .Event_Class::-webkit-scrollbar-button{background-color: #bbbbbb;}*/
.Any_Filters .Event_Class ul{margin: 0;padding: 0;list-style: none;}
.Any_Filters .Event_Class ul li{display:inline-block;padding:0 6px;font-size: 0.80em;margin-left: -4px;line-height:36px;}
.Any_Filters .Event_Class ul li:first-child{width:0;padding: 0;}
.Any_Filters .Event_Class ul li.yes{background-color:#f3f3f3;}

/*縮圖*/
.Any_Filters .Right_Filters{display:none;} 

/*任選、滿額滿件商品列表分類篩選 END*/
/*任選商品列表4公格*/
.Any_Product_List{ width:100%;margin:0 auto;margin-top:80px;clear:both; box-sizing:border-box;}
.Any_Product_List ul{ margin:6px;}
.Any_Product_List ul li{display:block;float: left; width:22%; background-color:#FFF; margin:18px 1.5% 0;list-style: none;border: 1px rgba(0,0,0,0.1) solid;box-sizing: border-box;position:relative;}
.Any_Product_List ul li .Pro_img img{width:100%;}
.Any_Product_List ul li.Add{border: 1px #888888 solid;}/*選購加邊框*/
.Any_Product_List ul li .Check_Yes{position: absolute;background-color:#333333;width:22px;height:22px;top: 0;right: 0;background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39.2,10.5L16.8,33.9c-0.3,0.4-0.8,0.6-1.2,0.7c-0.7,0.2-1.5,0-2.1-0.6L1.8,23.3c-0.9-0.9-1-2.4-0.1-3.3s2.4-1,3.3-0.1l10,9.3L35.8,7.3c0.9-0.9,2.4-1,3.3-0.1C40.1,8.1,40.1,9.6,39.2,10.5z' fill%3D'%23ffffff' fill-opacity='1' fill-rule='evenodd'/%3E%3C/svg%3E");background-repeat: no-repeat;background-size: 90%;background-position:1px 1px;display: none;}/*已選購商品打勾符號*/
.Any_Product_List ul li .Product_Data{width:94%;margin: 0 auto;}
.Any_Product_List ul li .Product_Data p.Title{margin:4px 0; height:30px; line-height:16px;font-weight:normal;width:100%;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-size:0.82em;color: #222222;}
.Any_Product_List ul li .Product_Data p.Price{font-size:1em;margin-top: 10px;color: #222222;display: block;width:35%;}
.Any_Product_List ul li .Select_Format{width:92%;border: 1px #bbbbbb solid;height:24px;line-height: 23px;position:relative;z-index:14;right:auto;bottom:auto;margin:5px auto;box-sizing: border-box;background-color: #ffffff;}
.Any_Product_List ul li .Select_Format h3 a{display:block;font-size: 0.75em;padding-left: 3px;background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 45 34' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M45,0L22.5,34L0,0L45,0z' fill%3D'%23666666' fill-opacity='1' fill-rule='evenodd'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position:top 8px right 5px;background-size:5%;}
.Any_Product_List ul li .Select_Format dl.Format_List{display: none;margin-top: -1px;border-radius: 0 0 3px 3px;}
.Any_Product_List ul li .Select_Format dl.Format_List dt{min-width:100%;font-size:0.75em;margin: 0;padding: 0;border: 1px #bbbbbb solid;background-color: #ffffff;border-width:1px 1px 0;box-sizing: border-box;overflow: hidden;height:24px;}
.Any_Product_List ul li .Select_Format dl.Format_List dt.Pro_no a{color:#cccccc; }
.Any_Product_List ul li .Select_Format dl.Format_List dt a{display: block;padding-left:3px;}
.Any_Product_List ul li .Select_Format dl.Format_List dt a:hover{background-color: #dddddd;}
.Any_Product_List ul li .Select_Format dl.Format_List dt:last-child{border-bottom-width: 1px;border-radius: 0 0 3px 3px;}
.Any_Product_List ul li .Select_Format dl.Shadow{box-shadow: 0px 3px 8px rgba(0,0,0,0.5);}

.Any_Product_List ul li ul.amount{width:80px;margin:7px 2% 7px 5%;height:24px; overflow: visible;float:left;}
.Any_Product_List ul li ul.amount li{display:block; width:24px; height: 24px;overflow: hidden;line-height:24px; float: left;  font-size:1em; padding:0; background-color: #FFFFFF; border: #cccccc 1px solid;box-sizing: border-box;text-align: center; font-weight: bold; margin: 0;}

.Any_Product_List ul li ul.amount li.add{ border-left:none; width:28px; border-radius: 0 4px 4px 0; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 27 27' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M26.8,12.2v2.7h-12v12H12v-12H0v-2.7h12v-12h2.7v12H26.8z' fill%3D'%23333333' fill-opacity='1' fill-rule='evenodd'/%3E%3C/svg%3E");background-repeat: no-repeat; background-position: center;background-color:#eeeeee;background-size: 12px 12px;}
.Any_Product_List ul li ul.amount li.jian{border-right:none;  width:28px; border-radius: 4px 0 0 4px;background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 28 19' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.7,7.5h23.6v2.7H1.7V7.5z' fill%3D'%23333333' fill-opacity='1' fill-rule='evenodd'/%3E%3C/svg%3E");background-repeat: no-repeat; background-position: center;background-color:#eeeeee;background-size: 12px 12px;}
.Any_Product_List ul li ul.amount li.num{line-height:22px;}
.Any_Product_List ul li ul.amount li.jian:active{background-color:#999999;}
.Any_Product_List ul li ul.amount li.add:active{background-color:#999999;}
.Any_Product_List ul li ul.amount li.jian:hover,.Any_Product_List ul li ul.amount li.add:hover{cursor:pointer;}
.Any_Product_List ul li .Add_Buy_List{display:none;}

.Any_Product_List ul li .Add_Buy_List_MB{display:block;width:40px;float:right;margin:7px 5% 7px 2%;}
.Any_Product_List ul li .Add_Buy_List_MB a{display:block;text-align: center;background-color: #777777; color: #ffffff;padding:0px;border-radius: 3px;font-size: 0.8em;clear:both;}
.Any_Product_List ul li .Add_Buy_List_MB a:before{content:"選購";}

.Any_Product_List ul li .Add_Buy_List_MB a.no{background-color: #dddddd;}
.Any_Product_List ul li .Add_Buy_List_MB a:hover{background-color: #cc0000;}
.Any_Product_List ul li .Add_Buy_List_MB a.no{background-color: #dddddd;}
.Any_Product_List ul li .Add_Buy_List_MB a.no:hover{background-color: #dddddd;}

.Any_Product_List ul li .Notice a{display:block;width: 90%;margin:10px auto;text-align: center;background-color: #C49D6D; color: #ffffff;padding:5px;border-radius: 3px;}
.Any_Product_List ul li .Notice a:before{content:"貨到通知";}

.Any_Product_List .clear{clear: left;}

/*任選商品列表4公格 END*/
/*任選商品列表4公格_小圖*/
.Any_Product_List_S{ width:100%;margin:0 auto;margin-top:80px;overflow:hidden; clear:both; box-sizing:border-box;}
.Any_Product_List_S ul{ display:block;margin:10px;list-style: none;}
.Any_Product_List_S ul li{float:none; width:100%; background-color:#FFF; margin:5px 0% 12px; height:auto; position:relative;border: 0px rgba(0,0,0,0.1) solid;box-sizing: border-box;clear:both;border-bottom: 1px #dddddd solid;padding-bottom: 12px;}
.Any_Product_List_S ul li:first-child{margin-top:10px;}
.Any_Product_List_S ul li a{display:block;}
.Any_Product_List_S ul li .Pro_img img{width:35%;}
.Any_Product_List_S ul li.Add{border: 1px #888888 solid;}/*選購加邊框*/
.Any_Product_List_S ul li .Check_Yes{position: absolute;background-color: #333333;width:22px;height:22px;top: 0;left: 0;background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39.2,10.5L16.8,33.9c-0.3,0.4-0.8,0.6-1.2,0.7c-0.7,0.2-1.5,0-2.1-0.6L1.8,23.3c-0.9-0.9-1-2.4-0.1-3.3s2.4-1,3.3-0.1l10,9.3L35.8,7.3c0.9-0.9,2.4-1,3.3-0.1C40.1,8.1,40.1,9.6,39.2,10.5z' fill%3D'%23ffffff' fill-opacity='1' fill-rule='evenodd'/%3E%3C/svg%3E");background-repeat: no-repeat;background-size: 90%;background-position:1px 1px;display: none;}/*已選購商品打勾符號*/
.Any_Product_List_S ul li .Product_Data{width: 90%;margin: 0 auto;}
.Any_Product_List_S ul li .Product_Data p.Title{margin:4px 0; height:30px; line-height:16px;font-weight:normal;width:60%;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-size:0.82em;color: #222222;position: absolute;top: -1px;left: 37%;}
.Any_Product_List_S ul li .Product_Data p.Price{font-size:1em;margin-top:5px;color: #222222;position: absolute;left: 38%;top:32px;}
.Any_Product_List_S ul li .Select_Format{width:58%;border: 1px #bbbbbb solid;height:24px;line-height:22px;position:absolute;z-index:14;left:38%;top:55px;right:auto;bottom:auto;margin:5px auto;box-sizing: border-box;border-radius: 3px;background-color: #ffffff;}
.Any_Product_List_S ul li .Select_Format h3 a{display:block;font-size: 0.75em;padding-left: 3px;background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 45 34' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M45,0L22.5,34L0,0L45,0z' fill%3D'%23666666' fill-opacity='1' fill-rule='evenodd'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position:top 7px right 5px;background-size:6%;}
.Any_Product_List_S ul li .Select_Format dl.Shadow{box-shadow: 0px 3px 8px rgba(0,0,0,0.5);}
.Any_Product_List_S ul li .Select_Format dl.Format_List{display: none;border-radius: 0 0 3px 3px;}
.Any_Product_List_S ul li .Select_Format dl.Format_List dt{min-width:100%;font-size:0.75em;margin: 0;padding: 0;border: 1px #bbbbbb solid;background-color: #ffffff;border-width:1px 1px 0;box-sizing: border-box;overflow: hidden;height:24px;}
.Any_Product_List_S ul li .Select_Format dl.Format_List dt.Pro_no a{color:#cccccc; }
.Any_Product_List_S ul li .Select_Format dl.Format_List dt a{display: block;padding-left:3px;}
.Any_Product_List_S ul li .Select_Format dl.Format_List dt a:hover{background-color: #dddddd;}
.Any_Product_List_S ul li .Select_Format dl.Format_List dt:last-child{border-bottom-width: 1px;border-radius: 0 0 3px 3px;}

.Any_Product_List_S ul li ul.amount{width:80px;margin:5px 0 0 0;height:24px;float:none;position: absolute;left:39%;bottom:12px;}
.Any_Product_List_S ul li ul.amount li{display:block; width:24px; height:24px;overflow: hidden;line-height:24px; float: left;  font-size:1em; padding:0; background-color: #FFFFFF; border: #cccccc 1px solid;box-sizing: border-box;text-align: center; font-weight: bold; margin: 0;clear: none;}

.Any_Product_List_S ul li ul.amount li.add{ border-left:none; width:28px; border-radius: 0 4px 4px 0; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 27 27' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M26.8,12.2v2.7h-12v12H12v-12H0v-2.7h12v-12h2.7v12H26.8z' fill%3D'%23333333' fill-opacity='1' fill-rule='evenodd'/%3E%3C/svg%3E");background-repeat: no-repeat; background-position: center;background-color:#eeeeee;background-size: 12px 12px;}
.Any_Product_List_S ul li ul.amount li.jian{border-right:none; width:28px;  border-radius: 4px 0 0 4px;background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 28 19' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.7,7.5h23.6v2.7H1.7V7.5z' fill%3D'%23333333' fill-opacity='1' fill-rule='evenodd'/%3E%3C/svg%3E");background-repeat: no-repeat; background-position: center;background-color:#eeeeee;background-size: 12px 12px;}
.Any_Product_List_S ul li ul.amount li.num{line-height:22px;}
.Any_Product_List_S ul li ul.amount li.jian:active{background-color:#999999;}
.Any_Product_List_S ul li ul.amount li.add:active{background-color:#999999;}
.Any_Product_List_S ul li ul.amount li.jian:hover,.Any_Product_List ul li ul.amount li.add:hover{cursor:pointer;}

.Any_Product_List_S ul li .Add_Buy_List{display: none;}
.Any_Product_List_S ul li .Add_Buy_List_MB{width:40px;float:none;margin:0;position: absolute;left:70%;bottom:12px;}
.Any_Product_List_S ul li .Add_Buy_List_MB a{display:block;text-align: center;background-color: #777777; color: #ffffff;padding:1px;border-radius: 3px;font-size: 0.8em;clear:both;}
.Any_Product_List_S ul li .Add_Buy_List_MB a:before{content:"選購";}

.Any_Product_List_S ul li .Add_Buy_List_MB a.no{background-color: #dddddd;}
.Any_Product_List_S ul li .Add_Buy_List_MB a:hover{background-color: #cc0000;}
.Any_Product_List_S ul li .Add_Buy_List_MB a.no{background-color: #dddddd;}
.Any_Product_List_S ul li .Add_Buy_List_MB a.no:hover{background-color: #dddddd;}

.Any_Product_List_S ul li .Notice a{display:block;width: 90%;margin:10px auto;text-align: center;background-color: #C49D6D; color: #ffffff;padding:5px;border-radius: 3px;}
.Any_Product_List_S ul li .Notice a:before{content:"貨到通知";}
/*任選商品列表4公格_小圖 END*/

@media screen and (min-width:580px) and (max-width:768px){
.Any_EventInfo .Buy_List ul{margin: 0;padding:5px;list-style: none;position: relative;width:100%;height:90%;overflow: auto;text-align: left;}
.Any_EventInfo .Buy_List li{width:45%;margin:0.7%;border:1px #ddd solid;overflow: hidden;display: inline-block;height:auto;}
.Any_EventInfo .Any_Title{width:54%;font-size:0.95em;border-bottom: 1px #aaa dotted;padding-bottom:1px;font-weight:normal;letter-spacing:0px;line-height:24px;margin:3px 0 0 3px;}
.Any_Product_List ul li{display:block;float: left; width:30%; background-color:#FFF; margin:18px 1.5% 0;list-style: none;border: 1px rgba(0,0,0,0.1) solid;box-sizing: border-box;position:relative;}
.Any_EventInfo .Any_ShopBox{/*overflow:hidden;*/margin-bottom:5px;font-size:0.95em;height:36px;}
}
@media screen and (min-width:481px) and (max-width:579px){
.Any_EventInfo .Buy_List ul{margin: 0;padding:5px;list-style: none;position: relative;width:100%;height:90%;overflow: auto;text-align: left;}
.Any_EventInfo .Buy_List li{width:88%;margin:0.7%;border:1px #ddd solid;overflow: hidden;display: inline-block;height:auto;}
.Any_EventInfo .Any_Title{width:62%;font-size:0.85em;border-bottom: 1px #aaa dotted;padding-bottom:1px;font-weight:normal;letter-spacing:0px;line-height:24px;margin:3px 0 0 3px;}
.Any_Product_List ul li{display:block;float: left; width:46%; background-color:#FFF; margin:18px 1.8% 0;list-style: none;border: 1px rgba(0,0,0,0.1) solid;box-sizing: border-box;position:relative;}
.Any_EventInfo .Any_ShopBox{overflow:hidden;margin-bottom:5px;font-size:0.95em;height:36px;}
.Any_EventInfo .Any_ShopBox ul.Left_Shop li.AddShoppingCar a{display: block;width:18%;height:60px;background-color:#90b400;margin:0;text-align: center;font-size:0.9em;color: #ffffff;line-height:60px;border-radius:0px;position:fixed;bottom: 0;left:64%;}
.Any_EventInfo .Any_ShopBox ul.Left_Shop li.Checkout a{display: block;width:18%;height:60px;background-color:#ff8b0f;margin:0;text-align: center;font-size:0.9em;color: #ffffff;line-height:60px;border-radius:0;position:fixed;bottom: 0;left:82%;}
.Any_EventInfo .Any_ShopBox ul.Left_Shop li.ShopBoxPC_open{display:none;}
.Any_EventInfo .Any_ShopBox ul.Left_Shop li.AddPro_list{left:50%;}
.Any_Filters .go_left a{display:block;width:24px;height:36px;position: absolute;background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 14 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.069,37.579L1.426,20.134l-0.057-0.025l7.667-17.5l2.748,1.204L4.668,20.056l7.15,16.32	L9.069,37.579z' fill%3D'%23999999' fill-opacity='1' fill-rule='evenodd'/%3E%3C/svg%3E");background-repeat: no-repeat;background-size:45%;background-position:6px 4px;}
.Any_Filters .go_right a{display:block;width:24px;height:36px;position: absolute;right:0px;background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 14 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.069,37.579L1.426,20.134l-0.057-0.025l7.667-17.5l2.748,1.204L4.668,20.056l7.15,16.32	L9.069,37.579z' fill%3D'%23999999' fill-opacity='1' fill-rule='evenodd'/%3E%3C/svg%3E");background-repeat: no-repeat;background-size:45%;background-position:7px 3px;transform:rotate(180deg);}
}

/*===============================================================================*/
/*舊版廣告區*/
p.Empty{display: block;height:10px;}
/* 廣告區塊大標題 */
.mainprom_h2{ width:96%;margin:0 auto;font-size:15px; color:#000; height:26px; line-height:26px; border:1px solid #ddd; padding:0 0 0 10px; font-family:"微軟正黑體", Arial, Helvetica, sans-serif;box-sizing: border-box;border-width:0 0 1px 4px;}
/*大類頁三攔廣告版型-有文案*/
.rightBox #prom_Column3{ background-color:#FFF; border:#dddddd 0px solid; overflow:auto;}
.rightBox #prom_Column3 .title{display: none;}
.rightBox #prom_Column3 ul{ width:96%; margin:0 auto;height: auto; list-style:none;white-space:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch; }
.rightBox #prom_Column3 ul li{ float:none; display:inline-block; width:80%; height:auto;vertical-align:top;}
.rightBox #prom_Column3 ul li img{ width:100%; height:auto;box-sizing: border-box;}
.rightBox #prom_Column3 ul li h3{white-space:normal;}
/*大類頁三攔廣告版型-有文案 END*/

/*大類頁三攔廣告版型*/
.rightBox .prom_topic{width:96%;height:auto;margin: 0 auto;border:none;}
.rightBox .prom_topic .mainprom_h2{width:100%; height:26px; font-size:15px; line-height:26px; padding-left:10px; border-width: 0 0 1px 4px;letter-spacing:2px;}
.rightBox .prom_topic img{width:45%;height: auto; margin:15px 10px 15px 5px; float:none;display:inline-block;}
.rightBox .prom_topic .twocolumns{border:none;width:100%;height:auto;white-space:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;}
/*大類頁三攔廣告版型 END*/

/*大類頁四欄廣告版型*/
.rightBox .fourcolumns{width: 96%;height:auto;margin:0 auto;border: none;white-space: nowrap;overflow-x: auto;-webkit-overflow-scrolling:touch;}
.rightBox .fourcolumns .listblock{ width:40%; height:auto;margin:10px 5px; float:none;display: inline-block;vertical-align:top;}
.rightBox .fourcolumns .listblock img{width:100%; height: auto; display:block; margin:0 auto 8px; }
.rightBox .fourcolumns .listblock p{ width:100%;white-space: normal;}
.rightBox .fourcolumns .listblock .promtit{ width:100%;margin: 0 auto;}
.rightBox .fourcolumns .listblock a.sup{width:100%;}
/*大類頁四欄廣告版型 END*/
/* 大類頁四個欄位的商品list(原5欄位) */
.rightBox .fivecolumns{width:96%;margin:0 auto;height:auto;border:none;box-sizing: border-box;white-space: nowrap;overflow-x: auto;-webkit-overflow-scrolling:touch;}
.rightBox .fivecolumns .listblock{ width:40%; height:auto; float:none; background:#fff; overflow:hidden;margin:10px 5px;display: inline-block;vertical-align:top;}
.rightBox .fivecolumns .listblock:nth-child(4n+4){margin-right:5px;}
.rightBox .fivecolumns .listblock p{white-space: normal;}
.rightBox .fivecolumns .listblock p.price{ height:auto;}
.rightBox .prod_ref{ background:#fff; border:0px solid #ddd; border-width:0; overflow:hidden; font-size:13px; color:#545353;*padding-bottom:15px;}
.rightBox .prod_ref .mainprom_h2{height:30px; font-size:15px; line-height:30px; padding-left:10px; border-bottom:#CCC 1px solid; letter-spacing:2px;}
/* 大類頁四個欄位的商品list(原5欄位) END*/
/*大類頁兩個欄位的廣告版型list */
.rightBox .twocolumns{width:96%;margin:0 auto;height:auto;overflow: auto;border:none;box-sizing: border-box;white-space: nowrap;overflow-x: auto;-webkit-overflow-scrolling:touch;}
.rightBox .twocolumns .listblock{ width:43%; height:auto; float:none; border:none; border-width:0 1px 1px 0; background:#fff; overflow:hidden; box-sizing: border-box;padding:2.5% 1.3%;display: inline-block;vertical-align:top;}
.rightBox .twocolumns .listblock img{ display:block;width:100%;height: auto;border:1px solid #ddd;box-sizing: border-box;}
.rightBox .twocolumns .listblock p{ width:100%; line-height:16px; height:32px; overflow:hidden; padding:0; margin:0; display:block;white-space: normal;}
.rightBox .twocolumns .listblock .promtit{ width:100%; height:20px; line-height:20px; background:#999; padding:0; margin:3px 0; color:#fff; font-size:14px;text-align: center;}
.rightBox .twocolumns .listblock .floatL{float:none;width:100%;}
.rightBox .prom_fs{ background:#fff;overflow:hidden; font-size:13px; color:#545353; margin:0 0 15px 0;}
.rightBox .prom_fs .mainprom_h2{height:30px; font-size:15px; line-height:30px; padding-left:10px; border-bottom:#CCC 1px solid; letter-spacing:2px;}
/*大類頁兩個欄位的廣告版型list END*/

/*舊版廣告區 END*/

.GiftMenu{padding-left:32px;position: relative;font-size:1.2em;letter-spacing: 2px;}
.GiftMenu:before{content: "";display: block;width:26px;height:26px;position: absolute;left:1px;top:-5px;background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M35.7,18.2H26c2.8-0.9,5-2.7,4.2-6.2c-1.1-5.4-6.1-0.8-9.5,3c2.9-4.3,6.1-10.9,0.3-13.2c-5.8-2.2-5.4,5.7-4.5,11.5c-1.1-2.9-3-5.5-6.3-3.7c-4.8,2.6,1.9,6.7,5.5,8.6H4.6c-1,0-1.8,0.8-1.8,1.8v17.6c0,1,0.8,1.8,1.8,1.8h31 c1,0,1.8-0.8,1.8-1.8V20C37.5,19,36.7,18.2,35.7,18.2z M27.7,12.1c2,2.2-7.9,5.9-7.9,5.9S25.7,9.9,27.7,12.1z M20.6,4.3 C23.6,5.2,18,17,18,17S17.5,3.5,20.6,4.3z M11.5,11.1c2.3-2.2,5.4,6.8,5.4,6.8S9.7,12.8,11.5,11.1z' fill%3D'%23bc2222' fill-opacity='1' fill-rule='evenodd'/%3E%3C/svg%3E");background-repeat: no-repeat;background-size:100%;}
        		
/*手機Menu選單*/
a.GiftMenu{padding-left:32px;position: relative;font-size:1.2em;letter-spacing: 2px;display:block;}
a.GiftMenu:before{content: "";display: block;width:26px;height:26px;position: absolute;left:1px;top:-5px;background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M35.7,18.2H26c2.8-0.9,5-2.7,4.2-6.2c-1.1-5.4-6.1-0.8-9.5,3c2.9-4.3,6.1-10.9,0.3-13.2c-5.8-2.2-5.4,5.7-4.5,11.5c-1.1-2.9-3-5.5-6.3-3.7c-4.8,2.6,1.9,6.7,5.5,8.6H4.6c-1,0-1.8,0.8-1.8,1.8v17.6c0,1,0.8,1.8,1.8,1.8h31 c1,0,1.8-0.8,1.8-1.8V20C37.5,19,36.7,18.2,35.7,18.2z M27.7,12.1c2,2.2-7.9,5.9-7.9,5.9S25.7,9.9,27.7,12.1z M20.6,4.3 C23.6,5.2,18,17,18,17S17.5,3.5,20.6,4.3z M11.5,11.1c2.3-2.2,5.4,6.8,5.4,6.8S9.7,12.8,11.5,11.1z' fill%3D'%23bc2222' fill-opacity='1' fill-rule='evenodd'/%3E%3C/svg%3E");background-repeat: no-repeat;background-size:100%;}
a.GiftMenu:after{content:"";display:block;width:18px;height:18px;background-color:#fff;position:absolute;right:10px;top:0;z-index: 10;}
/*手機Menu選單 END*/

/*品牌館專屬天區*/
header.ExclusiveBrand{width:100%; height:100%; overflow:hidden;border-width: 0;}
/*PC搜尋*/
.searchBox{ width:100%; height:0%; position:fixed;top: 0; background-color:rgba(0,0,0,0.5); z-index:1001;transition:all 0.2s;}
.searchBox_on{transition:all 0.2s;height:100%;}
header.ExclusiveBrand .search{width:100%;height:46px;position:fixed; left:0px; top:-200px; color:#bab6b6;z-index:1002;background-color: #ffffff;padding:15px 0 10px 0;transition:all 0.3s;margin-left:0;display: none;}

header.ExclusiveBrand .search .keysearch{ width:90%;margin: 0 auto; height:38px;box-sizing: border-box;left:auto;}
header.ExclusiveBrand .search .keysearch input{width:100%; height:36px;}
header.ExclusiveBrand .search a.icon{ left:auto;right:-2px; }
/*MB搜尋*/
/*PC搜尋 END*/
header.ExclusiveBrand .MB_search{display: none;}
/*MB搜尋 END*/
/*品牌館專屬天區*/