@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}
ul{list-style-type:none;}
body{width:100%;height:100%;font-family:'Quicksand', sans-serif,"微軟正黑體";}
a{text-decoration:none;color:#fff;font-family:'Quicksand', sans-serif,"微軟正黑體";}
a:hover{text-decoration:none;color:#d8a464;}
a img,.topnews a,.f05_wrap a,.giftlink a,.f02_wrap a{-webkit-transition:.1s ease-in-out;-moz-transition:.1s ease-in-out;-o-transition:.1s ease-in-out;transition:.1s ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.wb{letter-spacing:.6px;font-weight:400;font-family:'Quicksand', sans-serif,"微軟正黑體";}
.smpfixed{width:100%;position:fixed;top:0;z-index:1000;overflow:inherit}
.maxwrapper{margin:0 auto;}
.sub_menu{display:none;}
.sub_menu{list-style-type:disc;}
.sub_menu2{background:#F2E66F}
.sub_menu2:hover{background:#fdce3e}
.sub_menu_box{top:-30px;}
.sub_menu3{color:#fff;font-size:16px;font-family:'Quicksand', sans-serif,"微軟正黑體";font-weight:bold;padding:0 5px 0 5px;display:block;text-align:right;}
.sub_menu3:hover{color:#d8a464;}

@media screen and (min-width:961px){
a.gmenu{text-decoration:none;color:#fff}
a.gmenu span.en{display:inline;}
a.gmenu:hover span.en{display:none;}
a.gmenu span.tw{display:none;color:#d8a464}
a.gmenu:hover span.tw{display:inline;}
.gnavi_top{background:#141414;text-align:center;padding:30px 0 0 0;}
.gnavi_top ul li{color:#fff;display:inline-block;min-width:90px;z-index:10000;border-right-width:1px;border-right-style:solid;border-right-color:#333;float:left;font-weight:bold;}
.gnavi_under{background:#F5EC9D;}
.gnavi_under ul li a{}
.pcdrop ul li{;position:relative;}
.pcdrop ul li:last-child ul{left:-100%;width:100%;}
.pcdrop ul li a{display:block;text-decoration:none;font-size:16px;}
.pcdrop ul li ul{position:absolute;z-index:100}
.pcdrop ul li ul li{visibility:hidden;overflow:hidden;width:200px;height:0;background:#141414;text-align:center;padding:0 10px;border-top-width:1px;border-right-width:1px;border-top-style:solid;border-right-style:solid;border-top-color:#333333;border-right-color:#333333}
.pcdrop ul li ul li:hover,.menu ul li ul li a:hover{background:#141414;}
.pcdrop ul li:hover ul li,.menu ul li a:hover ul li{visibility:visible;overflow:visible;height:40px;z-index:10}
.pcdrop *{-webkit-transition:.2s;-moz-transition:.2s;-ms-transition:.2s;-o-transition:.2s;transition:.2s}
.pcdrop ul li ul.big{width:120px}
.pcdrop ul li ul.big li{float:left;width:120px}
.head{height:170px}
.shoplogo{text-align:center}
.shoplogo img{z-index:0;position:relative;margin-top:15px}
select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif}
figure{position:relative;overflow:hidden;width:22%;float:left;margin:0 3% 3% 0;box-shadow:rgba(113,135,164,0.129412) 2px 2px 8px 1px;-webkit-box-shadow:rgba(113,135,164,0.129412) 2px 2px 8px 1px;-moz-box-shadow:rgba(113,135,164,0.129412) 2px 2px 8px 1px}
.last{position:relative;overflow:hidden;width:22%;float:left;margin:0 0 3% 0}
figcaption{position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;background:#141414;-webkit-transition:.3s;transition:.3s;opacity:0;text-align:center}
figure:hover figcaption{opacity:1}
.fixed{position:fixed;top:0;width:100%;z-index:10000}
.smp,#header_smp{display:none;display:none}}

@media screen and (max-width:961px){
.maxwrapper,.brandtext{margin:0 auto;width:100%;}
.logoimg{max-width:100%;height:auto;width:100%;}
.shop_name{padding-bottom:0;background:#4d4d4d;}
.dropmenu{background:#4d4d4d;text-align:center;z-index:10000;box-shadow:1px 1px 1px 1px rgba(0,0,0,0.3);}


label{background:#F5EC9D;padding:10px 10px 0 10px;display:block;margin:0;text-align:right;}
input[type="checkbox"].on-off{display:none}
.dropmenu ul{background:#F5EC9D;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;margin:0;padding:0;list-style:none;}
.dropmenu li{border-bottom-width:thin;border-bottom-style:solid;border-bottom-color:#F5EC9D;}
.dropmenu li a{padding:10px;display:block;color:#fff;font-family:'Quicksand', sans-serif,"微軟正黑體";}
.dropmenu li a:hover{background:#F2E66F}
input[type="checkbox"].on-off+ul{height:0;overflow:hidden;background:#F5EC9D;filter:alpha(opacity=90);-moz-opacity:0.9;opacity:0.9;}
input[type="checkbox"].on-off:checked+ul{height:400px;overflow:scroll;display:block;}


figure{width:45%;float:left;margin:0 5% 5% 0}
.r{text-align:right;padding-right:10px;}
.menu_p{height:45px;width:45px;}
.renewal{height:45px;width:196px;float:left;padding:10px 0 0 0}
#header_pc,.slider,.pc{display:none}}


@media screen and (min-width:0) and (max-device-width:640px){
.maxwrapper{margin:0 auto;width:95%}
#header_pc,.slider,.pc{display:none}}