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

/*禮品館-置中版*/
.GiftBox_bg{position: fixed;top:0;left:0;width:100%;height:100%;background-color: rgba(0,0,0,0.5);z-index: 1001;display:none;}
.Gift_MbMenu_Close{display:none;position: fixed;top:0;left:0;background-color: #fff;width:80%;height:46px;line-height: 46px;z-index: 1002;color:#333;font-size: 1.2em;padding-left:35px;border-bottom: 1px #a591c3 solid;background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.8,20.8v16.9l-5.3,2.8V20.8L0.2,1.7h40L22.8,20.8z' fill%3D'%23aaaaaa' fill-opacity='1' fill-rule='evenodd'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position:10px 13px;box-sizing:border-box;}
.Gift_MbMenu_Close span{display: block;width: 20px;height:20px;position: absolute;top:13px;right:10px;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'%23bc2222' fill-opacity='1' fill-rule='evenodd'/%3E%3C/svg%3E");background-repeat: no-repeat;}
article .GiftBox{width:90%;margin:0 auto 15px;background-color:#a591c3;padding:15px 15px 17px 15px;box-sizing:border-box;border-radius:10px;position: relative;}
.GiftBox .GiftClass{}
.GiftBox .GiftClass .GiftTitle{height:60px;line-height:60px;box-sizing:border-box;width:80%;margin:0 auto 15px;border-bottom:#cbbbe4 1px solid;padding-left:180px;}
.GiftBox .GiftClass .GiftTitle h3{position:relative;display:inline-block;font-size:2.5em;letter-spacing: 2px;color:#fff;}
.GiftBox .GiftClass .GiftTitle h3:before{display: block;width:80px;height:60px;content: "";position: absolute;overflow:hidden;background-image:url(../images/gift_icon_search.png);background-repeat: no-repeat;background-position:0;background-size:76px;left:-70px;}

.GiftBox .GiftClass .GiftImg a{display: block;background-color: #fff;border-radius: 5px;height: 36px;line-height: 36px;padding-left:10px;box-sizing:border-box;width:70%;margin:0 auto;font-size: 1.2em;letter-spacing: 2px;position: relative;box-shadow:0px 2px 5px rgba(0,0,0,0.4);}
.GiftBox .GiftClass .GiftImg a:before{display:block;width:20px;height:20px;content:"";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'%23000000'%2F%3E%3C%2Fsvg%3E");background-repeat: no-repeat;transform:rotate(-90deg);position: absolute;right:10px;top:5px;}
.GiftBox .GiftClass .AllGifts{position: absolute;width:95px;height:36px;background-color:#fff;right:147px;top:148px;border-radius:5px;line-height: 36px;text-align: center;cursor: pointer;color:#000;display: none;box-shadow:0px 2px 5px rgba(0,0,0,0.4);}
.GiftBox .GiftClass .AllGifts.open{display: block;}
.GiftBox .GiftClass ul.GiftClass1{width:67.8%;background-color: #fff;border-radius: 5px;position: absolute;z-index: 10;left:50%;top:126px;margin-left:-33.9%;display:none;border:1px solid #a591c3;box-sizing:border-box;box-shadow:0px 3px 8px rgba(0,0,0,0.4);}
.GiftBox .GiftClass ul.GiftClass1 li{list-style:none;border:1px solid #a591c3;border-width: 0 0 1px 0;}
.GiftBox .GiftClass ul.GiftClass1 li:last-child{border: none;}
.GiftBox .GiftClass ul.GiftClass1 li h3 a{font-weight:normal;font-size:17px; color:#333; text-decoration:none;display: block;padding-left:10px; height:36px; line-height:36px;position:relative;letter-spacing:2px;box-sizing:border-box;}
.GiftBox .GiftClass ul.GiftClass1 li h3 a:hover{background-color:#f2eaff;}
.GiftBox .GiftClass ul.GiftClass1 li:first-child h3 a{border-radius:5px 5px 0 0;}
.GiftBox .GiftClass ul.GiftClass1 li span.G_Class_Open{position: absolute;width:15px; height:13px;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'%2300000' fill-opacity='1' fill-rule='evenodd'/%3E%3C/svg%3E");background-repeat:no-repeat; background-size:70%;-webkit-background-size:11px;top:12px;right:10px;}
.GiftBox .GiftClass ul.GiftClass1 li span.G_Class_Close{position: absolute;width:15px; height:13px;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'%2300000' fill-opacity='1' fill-rule='evenodd'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:70%; -webkit-background-size:12px; top:12px;right:10px;display: none;}
.GiftBox .GiftClass ul.GiftClass1 li.SlectOK{background-color:#a591c3;text-align: center;color:#fff;letter-spacing: 5px;cursor: pointer;height:36px;line-height: 36px;font-size: 1.2em;}
.GiftBox .GiftClass ul.GiftClass1 li.MB_SlectOK{display: none;}
.GiftBox .GiftClass ul.GiftClass2{display:none;width:100%;padding-top:3px;padding-bottom:5px;box-sizing: border-box;overflow: hidden;}
.GiftBox .GiftClass ul.GiftClass2 li{border:none;float: left;width:24%;overflow: hidden;}
.GiftBox .GiftClass ul.GiftClass2 li h3 a{font-weight:normal; text-decoration:none; padding:0 0 0 0px;background-color: #fff;border:0;}
.GiftBox .GiftClass ul.GiftClass2 li{ background:none;margin:0 auto;}
.GiftBox .GiftClass ul.GiftClass2 li label{display:block;cursor: pointer;color:#333333;font-size:0.9em;height:26px; line-height:26px;padding-left:12px;position: relative;}
.GiftBox .GiftClass ul.GiftClass2 li:first-child{display: block;}
.GiftBox .GiftClass .HeightSet{min-height:60px;overflow:hidden;}/*設定預設高度*/
.GiftBox .GiftClass ul.Selected{width:56%;margin:5px 0 0 16%;color:#fff;font-size:0.95em;list-style: none;display: none;}
.GiftBox .GiftClass ul.Selected li{display: inline-block;margin-right:40px;position: relative;}
.GiftBox .GiftClass ul.Selected li:before{position: absolute;content:"";width:16px;height:16px;background-color:#4a3964;border-radius:8px;cursor: pointer;right:-20px;top:4px;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:10px;background-position:3px 3px;}
.GiftBox .GiftClass ul.GiftClass2 li label input.GiftCheck{width:15px;height:15px;vertical-align:middle; margin-right:7px; position: relative;cursor: pointer;}
.GiftBox .GiftClass .MoreOpen{text-align: right;font-size: 0.9em;margin:0 10px 0 0;display: none;}
.GiftBox .GiftClass .MoreClose{text-align: right;font-size: 0.9em;margin:0 10px 0 0;display: none;}
/*禮品館開啟icon*/
.Filters .GiftIcon{display:none;}
/*排序*/
.Filters .Right_Filters .SortingOpen.Gift{right:0;}
.Filters .Right_Filters .SortingOpen.Gift:before{left:73%;}
/*手機禮品篩選BOX*/
.MB_GiftBox{width:95%;margin:0 auto 10px;background-color:#a591c3;padding:10px;box-sizing:border-box;border-radius:6px;position: relative;color:#fff;display:none;clear:both;}
.MB_GiftBox .MB_GiftTitle{height:42px;line-height:42px;box-sizing:border-box;width:96%;margin:0 auto 10px;overflow:hidden;border-bottom:#cbbbe4 1px solid;padding-left:30%;}
.MB_GiftBox .MB_GiftTitle h3{position:relative;display:inline-block;font-size:1.8em;letter-spacing:1px;color:#fff;}
.MB_GiftBox .MB_GiftTitle h3:before{display: block;width:60px;height:42px;content: "";position: absolute;overflow:hidden;background-image:url(../images/gift_icon_search.png);background-repeat: no-repeat;background-position:0;background-size:52px;left:-50px;}

.MB_GiftBox .MB_GiftImg{background-color:#fff;border-radius: 5px;height:30px;line-height:30px;padding-left:10px;box-sizing:border-box;width:90%;margin:0 auto;font-size:1em;letter-spacing: 2px;position: relative;color:#333;box-shadow:0px 1px 4px rgba(0,0,0,0.4);}
.MB_GiftBox .MB_GiftImg:before{display:block;width:15px;height:15px;content:"";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'%23000000'%2F%3E%3C%2Fsvg%3E");background-repeat: no-repeat;transform:rotate(-90deg);position: absolute;right:10px;top:5px;}
.MB_GiftBox .MB_AllGifts{position: absolute;width:85px;height:30px;background-color:#fff;border-radius:5px;line-height:30px;text-align: center;cursor: pointer;color:#000;right:7%;top:100px;box-shadow:0px 1px 4px rgba(0,0,0,0.4);display:none;}
.MB_GiftBox .MB_AllGifts.MBopen{display:block;}
.MB_GiftBox ul.MB_Selected{width:70%;margin:5px 0 5px 5%;color:#fff;font-size:0.95em;list-style: none;display: none;}
.MB_GiftBox ul.MB_Selected li{display: inline-block;margin-right:40px;position: relative;font-size:0.95em;}
.MB_GiftBox ul.MB_Selected li:before{position: absolute;content:"";width:16px;height:16px;background-color:#4a3964;border-radius:8px;cursor: pointer;right:-20px;top:4px;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:10px;background-position:3px 3px;}

/*禮品館BigAD*/
.GiftBigAD{margin-top:0px;margin-bottom: 10px;}
.GiftBigAD .ADimg{width:100%;position: relative;height:0;padding-bottom:48.65%;}
.GiftBigAD .BigAD_pagination{bottom:10px !important;}
.GiftBigAD .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets span{border:rgba(250,250,250,0.9) 1px solid;}

@media screen and (min-width:960px) {
article .rightBox .GiftBigAD .swiper-slide img {width:960px;height:467px;}
}
/*手機禮品篩選BOX END*/
/*禮品館-置中版 END*/







/* Tablet Layout:481px to 959px.==================================================================*/
@media screen and (min-width:481px) and (max-width:959px){
/*禮品館-置中版*/
article .GiftBox{width:80%;height:100%;position: fixed;top:46px;left:0;z-index: 1002;overflow: auto;background-color: #fff;display:none;border-radius: 0;padding:0;}
.GiftBox .GiftClass{margin-bottom: 100px;}
.GiftBox .GiftClass .HeightSet{min-height:0px;overflow:hidden;}/*設定預設高度*/
.GiftBox .GiftClass .GiftTitle{display:none;height:50px;line-height:50px;box-sizing:border-box;width:80%;margin:0 auto 15px;font-size:2.5em;letter-spacing: 2px;color:#fff;font-weight: normal;overflow:hidden;background-image:url(../images/gift_icon_all.png);background-repeat: no-repeat;background-position:100px 0px;background-size:80px;border-bottom:#cbbbe4 1px solid;text-align: center;padding-left:80px;}
.GiftBox .GiftClass .GiftImg a{display:none;}
.GiftBox .GiftClass .GiftImg a:before{display:block;width:20px;height:20px;content:"";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'%23000000'%2F%3E%3C%2Fsvg%3E");background-repeat: no-repeat;transform:rotate(-90deg);position: absolute;right:10px;top:5px;}
.GiftBox .GiftClass .AllGifts{position:relative;width:95%;height:50px;line-height:38px;background-color:#ddd;border-radius:0;line-height: 36px;text-align:left;cursor: pointer;color:#fff;display: none;background-color:#ff3a56;background-image:url(../images/gift_icon_all.png);background-repeat: no-repeat;background-position: -13px 6px;background-size:67px;right:0;top:0;padding-left:58px;box-sizing:border-box;margin:10px auto 0;}
.GiftBox .GiftClass .AllGifts:after{content: "Show All";position: absolute;color: #fff;bottom:0px;right: 10px;font-size: 0.85em;letter-spacing:1px;opacity: 0.5;line-height:18px;}
.GiftBox .GiftClass  .AllGifts:before{content:"Go";position: absolute;display: block;background-color: #fff;color:#ff3a56;width:20px;height:20px;border-radius:10px;font-size: 0.7em;line-height:20px;right:10px;top:8px;letter-spacing:0px;text-align: center;font-weight: bolder;}

.GiftBox .GiftClass .AllGifts.open{display: block;}
.GiftBox .GiftClass ul.GiftClass1{width:95%;position:relative;display:block;border:0px solid #a591c3;left:0;margin-left:0;top:0;margin:10px auto;box-shadow:0px 0px 0px rgba(0,0,0,0.4);}
.GiftBox .GiftClass ul.GiftClass1 li{border-width:0;margin:0 auto 10px;}
.GiftBox .GiftClass ul.GiftClass1 li:last-child{border: none;}
.GiftBox .GiftClass ul.GiftClass1 li h3 a{font-weight:normal;font-size:1.2em; color:#fff; text-decoration:none;display: block;padding-left:20px; height:50px; line-height:38px;position:relative;letter-spacing:2px;box-sizing:border-box;}
.GiftBox .GiftClass ul.GiftClass1 li h3 a:hover{background-color:transparent;}
.GiftBox .GiftClass ul.GiftClass1 li:first-child h3 a{border-radius:0;}
.GiftBox .GiftClass ul.GiftClass1 li span.G_Class_Open{position: absolute;width:15px; height:13px;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'%23ffffff' fill-opacity='1' fill-rule='evenodd'/%3E%3C/svg%3E");background-repeat:no-repeat; background-size:70%;-webkit-background-size:11px;top:12px;right:10px;}
.GiftBox .GiftClass ul.GiftClass1 li span.G_Class_Close{position: absolute;width:15px; height:13px;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'%23ffffff' fill-opacity='1' fill-rule='evenodd'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:70%; -webkit-background-size:12px; top:12px;right:10px;display: none;}
.GiftBox .GiftClass ul.GiftClass1 li.SlectOK{display: none;}
.GiftBox .GiftClass ul.GiftClass1 li.MB_SlectOK{display:block;background-color:#fff;cursor: pointer;height:46px;position: fixed;left:0;bottom:-10px;width:80%;}
.GiftBox .GiftClass ul.GiftClass1 li.MB_SlectOK a{display:block;width:90%;margin:5px auto 0;height:36px;line-height:36px;background-color:#a591c3;border-radius: 5px;color:#fff;font-size:1.05em;text-align: center;letter-spacing: 3px;}
.GiftBox .GiftClass ul.GiftClass2{display:none;width:100%;padding-top:3px;padding-bottom:5px;box-sizing: border-box;overflow: hidden;border:1px solid #bfbfbf;border-width: 0 1px 1px 1px;}
.GiftBox .GiftClass ul.GiftClass2 li{border:none;float: left;width:33.3%;overflow: hidden;}
.GiftBox .GiftClass ul.GiftClass2 li h3 a{font-weight:normal; text-decoration:none; padding:0 0 0 0px;background-color: #fff;border:0;}
.GiftBox .GiftClass ul.GiftClass2 li{ background:none;margin:0 auto;}
.GiftBox .GiftClass ul.GiftClass2 li label{display:block;cursor: pointer;color:#333333;font-size:0.92em;height:26px; line-height:26px;padding-left:12px;position: relative;}
.GiftBox .GiftClass ul.GiftClass2 li:first-child{display: block;}
.GiftBox .GiftClass ul.Selected{width:95%;margin:0 auto;color:#333;font-size:0.95em;list-style: none;display: none;}
.GiftBox .GiftClass ul.Selected li{display: inline-block;margin-right:40px;position: relative;}
.GiftBox .GiftClass ul.Selected li:before{position: absolute;content:"";width:16px;height:16px;background-color:#4a3964;border-radius:8px;cursor: pointer;right:-20px;top:4px;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:10px;background-position:3px 3px;}
.GiftBox .GiftClass .MoreOpen{text-align: right;font-size: 0.9em;margin:0 10px 0 0;display: none;}
.GiftBox .GiftClass .MoreClose{text-align: right;font-size: 0.9em;margin:0 10px 0 0;display: none;}
/*禮品館開啟icon*/
.Filters .GiftIcon{display:none;}
/*排序*/
.Filters .Right_Filters .SortingOpen.Gift{right:0;}
.Filters .Right_Filters .SortingOpen.Gift:before{left:73%;}
/*控制篩選分底色、小圖版*/
.GiftBox .GiftClass ul.GiftClass1 li.Gift_icon:nth-child(1) h3 a{background-color:#5f52a0;/* background-image:url(../images/gift_icon_brands.png);background-repeat: no-repeat;background-position: -6px 9px;background-size:58px; */}
.GiftBox .GiftClass ul.GiftClass1 li.Gift_icon:nth-child(1) h3 a:after{content: "Special Brands";}
.GiftBox .GiftClass ul.GiftClass1 li.Gift_icon:nth-child(2) h3 a{background-color:#22afaa;/* background-image:url(../images/gift_icon_Categories.png);background-repeat: no-repeat;background-position: -5px 4px;background-size:58px; */}
.GiftBox .GiftClass ul.GiftClass1 li.Gift_icon:nth-child(2) h3 a:after{content: "Categories";}
.GiftBox .GiftClass ul.GiftClass1 li.Gift_icon:nth-child(3) h3 a{background-color:#ff9c00;/* background-image:url(../images/gift_icon_Occasion.png);background-repeat: no-repeat;background-position: -10px -18px;background-size:64px; */}
.GiftBox .GiftClass ul.GiftClass1 li.Gift_icon:nth-child(3) h3 a:after{content: "Occasion";}
.GiftBox .GiftClass ul.GiftClass1 li.Gift_icon:nth-child(4) h3 a{background-color:#448aca;/* background-image:url(../images/gift_icon_forher.png);background-repeat: no-repeat;background-position:2px 7px;background-size:52px; */}
.GiftBox .GiftClass ul.GiftClass1 li.Gift_icon:nth-child(4) h3 a:after{content:"For Her/For Him";}
.GiftBox .GiftClass ul.GiftClass1 li.Gift_icon:nth-child(5) h3 a{background-color:#e2559b;/* background-image:url(../images/gift_icon_recipinet.png);background-repeat: no-repeat;background-position: -15px 4px;background-size:70px; */}
.GiftBox .GiftClass ul.GiftClass1 li.Gift_icon:nth-child(5) h3 a:after{content:"Recipient";}
.GiftBox .GiftClass ul.GiftClass1 li.Gift_icon:nth-child(6) h3 a{background-color:#5da13c;/* background-image:url(../images/gift_icon_price.png);background-repeat: no-repeat;background-position:2px -12px;background-size:52px; */}
.GiftBox .GiftClass ul.GiftClass1 li.Gift_icon:nth-child(6) h3 a:after{content:"Price";}
.GiftBox .GiftClass ul.GiftClass1 li.Gift_icon h3 a{position: relative;}
.GiftBox .GiftClass ul.GiftClass1 li.Gift_icon h3 a:after{position: absolute;color: #fff;bottom:0px;right: 10px;font-size: 0.85em;letter-spacing:1px;opacity: 0.5;line-height:18px;}
/*手機禮品篩選BOX*/
.MB_GiftBox{display: block;clear:both;}
/*手機禮品篩選BOX END*/
/*手機Menu選單*/
.GiftMenu{padding-left:32px;position: relative;font-size:1.1em;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選單 END*/
/*禮品館-置中版 END*/

}
@media screen and (min-width:481px) and (max-width:728px){
.MB_GiftBox .MB_GiftTitle{padding-left:25%;}
}





/* Mobile Layout: 480px and below.====================================================================== */
@media only screen and (max-width: 480px){
/*禮品館-置中版*/
article .GiftBox{width:80%;height:100%;position: fixed;top:46px;left:0;z-index: 1001;overflow: auto;background-color: #fff;display:none;border-radius: 0;padding:0;bottom:0;-webkit-overflow-scrolling: touch;}
.GiftBox .GiftClass .HeightSet{min-height:0px;overflow:hidden;}/*設定預設高度*/
.GiftBox .GiftClass{margin-bottom: 100px;}
.GiftBox .GiftClass .GiftTitle{display:none;height:50px;line-height:50px;box-sizing:border-box;width:80%;margin:0 auto 15px;font-size:2.5em;letter-spacing: 2px;color:#fff;font-weight: normal;overflow:hidden;background-image:url(../images/gift_icon_all.png);background-repeat: no-repeat;background-position:100px 0px;background-size:80px;border-bottom:#cbbbe4 1px solid;text-align: center;padding-left:80px;}
.GiftBox .GiftClass .GiftImg a{display:none;}
.GiftBox .GiftClass .GiftImg a:before{display:block;width:20px;height:20px;content:"";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'%23000000'%2F%3E%3C%2Fsvg%3E");background-repeat: no-repeat;transform:rotate(-90deg);position: absolute;right:10px;top:5px;}
.GiftBox .GiftClass .AllGifts{position:relative;width:95%;height:50px;line-height:38px;background-color:#ddd;border-radius:0;line-height: 36px;text-align:left;cursor: pointer;color:#fff;background-color:#ff3a56;background-image:url(../images/gift_icon_all.png);background-repeat: no-repeat;background-position: -13px 6px;background-size:67px;right:0;top:0;padding-left:58px;box-sizing:border-box;margin:10px auto 0;display: none;}
.GiftBox .GiftClass .AllGifts:after{content: "Show All";position: absolute;color: #fff;bottom:0px;right: 10px;font-size: 0.85em;letter-spacing:1px;opacity: 0.5;line-height:18px;}
.GiftBox .GiftClass  .AllGifts:before{content:"Go";position: absolute;display: block;background-color: #fff;color:#ff3a56;width:20px;height:20px;border-radius:10px;font-size: 0.7em;line-height:20px;right:10px;top:8px;letter-spacing:0px;text-align: center;font-weight: bolder;}

.GiftBox .GiftClass .AllGifts.open{display:block;}
.GiftBox .GiftClass ul.GiftClass1{width:95%;position:relative;display:block;border:0px solid #a591c3;left:0;margin-left:0;top:0;margin:10px auto;box-shadow:0px 0px 0px rgba(0,0,0,0.4);}
.GiftBox .GiftClass ul.GiftClass1 li{border-width:0;margin:0 auto 10px;}
.GiftBox .GiftClass ul.GiftClass1 li:last-child{border: none;}
.GiftBox .GiftClass ul.GiftClass1 li h3 a{font-weight:normal;font-size:1.05em; color:#fff; text-decoration:none;display: block;padding-left:15px; height:50px; line-height:38px;position:relative;letter-spacing:2px;box-sizing:border-box;}
.GiftBox .GiftClass ul.GiftClass1 li h3 a:hover{background-color:transparent;}
.GiftBox .GiftClass ul.GiftClass1 li:first-child h3 a{border-radius:0;}
.GiftBox .GiftClass ul.GiftClass1 li span.G_Class_Open{position: absolute;width:15px; height:13px;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'%23ffffff' fill-opacity='1' fill-rule='evenodd'/%3E%3C/svg%3E");background-repeat:no-repeat; background-size:70%;-webkit-background-size:11px;top:12px;right:10px;}
.GiftBox .GiftClass ul.GiftClass1 li span.G_Class_Close{position: absolute;width:15px; height:13px;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'%23ffffff' fill-opacity='1' fill-rule='evenodd'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:70%; -webkit-background-size:12px; top:12px;right:10px;display: none;}
.GiftBox .GiftClass ul.GiftClass1 li.SlectOK{display: none;}
.GiftBox .GiftClass ul.GiftClass1 li.MB_SlectOK{display:block;background-color:#fff;cursor: pointer;height:46px;position: fixed;left:0;bottom:-10px;width:80%;}
.GiftBox .GiftClass ul.GiftClass1 li.MB_SlectOK a{display:block;width:90%;margin:5px auto 0;height:36px;line-height:36px;background-color:#a591c3;border-radius: 5px;color:#fff;font-size:1.05em;text-align: center;letter-spacing: 3px;}
.GiftBox .GiftClass ul.GiftClass2{display:none;width:100%;padding-top:3px;padding-bottom:5px;box-sizing: border-box;overflow: hidden;border:1px solid #bfbfbf;border-width: 0 1px 1px 1px;}
.GiftBox .GiftClass ul.GiftClass2 li{border:none;float: left;width:48%;overflow: hidden;}
.GiftBox .GiftClass ul.GiftClass2 li h3 a{font-weight:normal; text-decoration:none; padding:0 0 0 0px;background-color: #fff;border:0;}
.GiftBox .GiftClass ul.GiftClass2 li{ background:none;margin:0 auto;}
.GiftBox .GiftClass ul.GiftClass2 li label{display:block;cursor: pointer;color:#333333;font-size:13px;height:26px; line-height:26px;padding-left:12px;position: relative;}
.GiftBox .GiftClass ul.GiftClass2 li:first-child{display: block;}
.GiftBox .GiftClass ul.Selected{width:95%;margin:0 auto;color:#333;font-size:0.95em;list-style: none;display: none;}
.GiftBox .GiftClass ul.Selected li{display: inline-block;margin-right:40px;position: relative;}
.GiftBox .GiftClass ul.Selected li:before{position: absolute;content:"";width:16px;height:16px;background-color:#4a3964;border-radius:8px;cursor: pointer;right:-20px;top:4px;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:10px;background-position:3px 3px;}
.GiftBox .GiftClass .MoreOpen{text-align: right;font-size: 0.9em;margin:0 10px 0 0;display: none;}
.GiftBox .GiftClass .MoreClose{text-align: right;font-size: 0.9em;margin:0 10px 0 0;display: none;}
/*禮品館開啟icon*/
.Filters .GiftIcon{display:none;}
/*排序*/
.Filters .Right_Filters .SortingOpen.Gift{right:0;}
.Filters .Right_Filters .SortingOpen.Gift:before{left:73%;}
/*控制篩選分底色、小圖版*/
.GiftBox .GiftClass ul.GiftClass1 li.Gift_icon:nth-child(1) h3 a{background-color:#5f52a0;/* background-image:url(../images/gift_icon_brands.png);background-repeat: no-repeat;background-position: -6px 9px;background-size:58px; */}
.GiftBox .GiftClass ul.GiftClass1 li.Gift_icon:nth-child(1) h3 a:after{content: "Special Brands";}
.GiftBox .GiftClass ul.GiftClass1 li.Gift_icon:nth-child(2) h3 a{background-color:#22afaa;/* background-image:url(../images/gift_icon_Categories.png);background-repeat: no-repeat;background-position: -5px 4px;background-size:58px; */}
.GiftBox .GiftClass ul.GiftClass1 li.Gift_icon:nth-child(2) h3 a:after{content: "Categories";}
.GiftBox .GiftClass ul.GiftClass1 li.Gift_icon:nth-child(3) h3 a{background-color:#ff9c00;/* background-image:url(../images/gift_icon_Occasion.png);background-repeat: no-repeat;background-position: -10px -18px;background-size:64px; */}
.GiftBox .GiftClass ul.GiftClass1 li.Gift_icon:nth-child(3) h3 a:after{content: "Occasion";}
.GiftBox .GiftClass ul.GiftClass1 li.Gift_icon:nth-child(4) h3 a{background-color:#448aca;/* background-image:url(../images/gift_icon_forher.png);background-repeat: no-repeat;background-position:2px 7px;background-size:52px; */}
.GiftBox .GiftClass ul.GiftClass1 li.Gift_icon:nth-child(4) h3 a:after{content:"For Her/For Him";}
.GiftBox .GiftClass ul.GiftClass1 li.Gift_icon:nth-child(5) h3 a{background-color:#e2559b;/* background-image:url(../images/gift_icon_recipinet.png);background-repeat: no-repeat;background-position: -15px 4px;background-size:70px; */}
.GiftBox .GiftClass ul.GiftClass1 li.Gift_icon:nth-child(5) h3 a:after{content:"Recipient";}
.GiftBox .GiftClass ul.GiftClass1 li.Gift_icon:nth-child(6) h3 a{background-color:#5da13c;/* background-image:url(../images/gift_icon_price.png);background-repeat: no-repeat;background-position:2px -12px;background-size:52px; */}
.GiftBox .GiftClass ul.GiftClass1 li.Gift_icon:nth-child(6) h3 a:after{content:"Price";}
.GiftBox .GiftClass ul.GiftClass1 li.Gift_icon h3 a{position: relative;}
.GiftBox .GiftClass ul.GiftClass1 li.Gift_icon h3 a:after{position: absolute;color: #fff;bottom:0px;right: 10px;font-size: 0.85em;letter-spacing:1px;opacity: 0.5;line-height:18px;}
/*手機禮品篩選BOX*/
.MB_GiftBox{display: block;}
.MB_GiftBox .MB_GiftTitle{padding-left:24%;}
.MB_GiftBox .MB_GiftTitle h3{font-size:1.3em;}
.MB_GiftBox .MB_AllGifts{right:28px;}
/*手機禮品篩選BOX END*/
/*手機Menu選單*/
.GiftMenu{padding-left:32px;position: relative;font-size:1.1em;letter-spacing: 2px;}
.GiftMenu:before{content: "";display: block;width:26px;height:26px;position: absolute;left:1px;top:-7px;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選單 END*/

/*手機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*/
/*禮品館-置中版 END*/

}