@charset "UTF-8";a,abbr,acronym,address,applet,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,tbody,tfoot,th,thead,time,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;background:transparent;box-sizing:border-box}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before{content:"";content:none}q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:focus{outline:0}caption{text-align:left}:link{text-decoration:none;outline:none;hlbr:expression(this.onFocus=this.blur())}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0}input,select{vertical-align:middle}::placeholder{color:#ccc}.clearfix:after{content:".";display:block;height:0;visibility:hidden;clear:both}* html .clearfix{height:1%}:first-child+html .clearfix{min-height:1px}html{height:100%}body{height:100%;min-width:320px;font-size:16px;line-height:1.4;color:#333;font-family:"Heiti TC","黑體-繁","Helvetica Neue","微軟正黑體","Microsoft JhengHei"}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{opacity:1}.site-body{padding-top:110px}.site-header{width:100%;padding:12px 0 0;position:fixed;top:0;left:0;z-index:20;text-align:center;box-sizing:border-box;background:#fff}.logo{margin-bottom:5px}.logo a{display:inline-block}.logo img{width:200px}.logo span{display:block;text-indent:-110px;overflow:hidden;position:absolute;right:5px;top:25px}.menu{position:relative;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;background:#cccccc;background:linear-gradient(0deg,#cccccc 0%,#f0f0f0 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#cccccc",endColorstr="#f0f0f0",GradientType=1)}.menu .toggle_menu{display:none;color:#777}.menu .toggle_menu svg{padding:5px 10px;color:#777}.menu ul{display:flex;flex-flow:row nowrap;justify-content:center}.menu ul li{position:relative}.menu ul li .sub_menu{position:absolute;top:99%;left:10px;background:#fff;border:1px solid #eee}.menu ul li .sub_menu li a{display:block;width:150px;padding:5px 20px;color:#777;border-bottom:1px solid #eee}.menu ul li .sub_menu li a:hover{color:black}.menu ul li:hover .sub_menu{display:block}.menu ul li a{display:block;margin:0 15px;padding:5px 20px;color:#777;font-weight:700;font-size:0.875rem;line-height:1.5}.menu ul li a:hover{color:black}.menu ul .blue a{color:#28A7E9}.menu ul .blue a:hover{color:#28A7E9}.menu ul .cart .fa-shopping-cart{color:#333}.menu .sub_menu{display:none;background-color:transparent}.menu .sub_menu a{margin:0;color:#000}.menu .member{position:absolute;right:20px;top:0;display:flex;flex-flow:row nowrap;justify-content:center;align-self:flex-end}.menu .member a{display:block;padding:5px 10px;color:#777;font-weight:700;font-size:0.875rem;line-height:1.5}.menu .member a:hover{color:black}.menu .member a svg{margin:0 2px 0 0;color:#aaa}.menu .member .cart span{margin:0 0 0 3px;color:#333;font-size:0.8rem}h2.title{font-size:1.2rem;padding:20px 10px 15px 0;border-bottom:1px solid #ccc}.container{margin:0 auto;max-width:1200px}.star{display:flex;flex-flow:row nowrap;justify-content:space-between}.star svg{margin:0 2px;color:#ffd67c}.star .grey{color:#e3e3e3}.blue_btn{padding:5px 12px;color:white;background-color:#28A7E9;border:none;cursor:pointer}@media screen and (max-width:1200px){.menu ul li a{margin:0 5px}.menu .member a{padding:5px}.col-two .container{margin:0 40px}}@media screen and (max-width:1000px){.menu{justify-content:flex-start}.menu ul li a{margin:0 10px}}@media screen and (max-width:920px){.logo img{width:150px}.site-body{padding-top:97px}.menu{justify-content:flex-start}.menu ul li a{margin:0 5px}}@media screen and (max-width:840px){.menu ul li a{margin:0 5px;padding:5px}}@media screen and (max-width:768px){.site-body{padding-top:86px}.logo img{width:120px}.menu ul{display:none;flex-flow:column nowrap;position:absolute;top:100%;left:0;width:100%;padding:10px;background:#eee;text-align:left;box-sizing:border-box}.menu ul.active{display:flex}.menu ul li a{margin:0 5px;padding:5px}.menu ul li .sub_menu{display:none;position:static}.menu ul li .sub_menu li a{border:none}.menu ul li .toggle_sub_menu:hover~.sub_menu{display:none}.menu .toggle_menu{display:block}.menu .sub_menu.active{display:block!important}}.site-footer{padding:30px 20px;background-color:#ddd}.site-footer .container{display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between}.site-footer .foot_img{margin-top:30px;align-self:flex-start}.site-footer .foot-logo img{width:168px}.site-footer .foot_social{margin:10px 0 0 0;text-align:right}.site-footer .foot_social img{display:inline-block;margin:0 0 0 30px;vertical-align:middle}.site-footer a{color:#333}.site-footer a:hover{border-bottom:1px solid #333}.site-footer li{margin:0 0 30px;font-size:0.8rem}.site-footer .link{display:flex;flex-flow:row nowrap;justify-content:space-between;width:100%;max-width:200px}.site-footer .fb-club{width:280px;height:220px;overflow:hidden}.copyright{padding:17px 20px;font-size:0.7rem;background-color:white}@media screen and (max-width:1120px){.site-footer .link{max-width:170px}}@media screen and (max-width:980px){.site-footer .foot-logo img{width:120px}.site-footer .foot_social img{margin:0 0 0 15px}.site-footer .link{max-width:140px}}@media screen and (max-width:870px){.site-footer .link{max-width:120px}.site-footer .fb-club{width:230px}}@media screen and (max-width:786px){.hot{margin:20px auto 10px}.hot .prod .prod-label{width:158px;border-left:solid 80px #28A7E9;border-bottom:solid 80px transparent}.hot .prod .prod-label p{font-size:0.7rem}.hot .prod .prod-label p span{font-size:1rem}}@media screen and (max-width:786px){.site-footer{padding:10px}.site-footer .container{flex-flow:column}.site-footer .foot_img{flex-flow:column;align-self:center}.site-footer .foot-logo img{width:168px}.site-footer .foot_social{text-align:left}.site-footer .foot_social img{margin:0 0 0 30px}.site-footer li{margin:0 0 20px}.site-footer .link{max-width:30%;margin:20px 0}}@media screen and (max-width:640px){.hot .hot-block{width:49%}.hot .hot-block:nth-child(2n){margin-right:0}}@media screen and (max-width:470px){.site-footer .link{display:none}.site-footer .serv_info{margin:10px 0 0}.site-footer .foot-logo{margin:10px 0 0}.site-footer .foot_img{margin:0px 0 0}.site-footer .foot_social{margin:10px 0}.fb-club{width:200px}}h2.title{width:auto;margin:0 20px;font-size:1.5rem}.cart_body{margin:50px auto 0}.container{width:100%;max-width:1000px}.cart_list{display:table;width:100%;margin:0 auto 30px}.cart_title{display:table-row;height:30px;padding:10px;text-align:center;box-shadow:1px 3px 10px #ddd}.cart_title>div{display:table-cell;vertical-align:middle;font-size:0.8rem}.cart_con_line{display:table-row;font-size:0.9rem}.cart_con_line>div{display:table-cell;vertical-align:middle;text-align:center;padding:20px 10px;border-bottom:1px solid #ccc}.cart_con_line>div:first-child{padding:20px 0}.cart_con_line>div:last-child{padding:20px 0 20px 10px}.cart_con_line img{display:block;max-width:100px}.cart_con_line .name{width:200px}.cart_con_line .name p{width:100%;margin-bottom:5px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-align:left}.cart_con_line .name span{margin-left:20px}.cart_con_line .num_input{text-align:center}.cart_con_line .num_input input{display:block;width:40px;margin:0 auto 8px;font-size:0.8rem;text-align:center;border:1px solid #ccc}.cart_con_line .price div,.cart_con_line .total_price div{display:inline-block;margin:0 auto}.cart_con_line .price p,.cart_con_line .total_price p{margin:-3px 0 5px;color:#FA5252;font-size:1.1rem;font-family:"Helvetica Neue";text-align:right}.cart_con_line .price p{margin-bottom:5px;font-size:0.9rem;color:#333}.cart_con_line .des_text{padding:10px}.cart_con_line .des_text textarea{width:100%;padding:10px;border:1px solid #ccc;box-sizing:border-box}.cart_con_line .cart_delete{padding:10px}.cart_con_line .cart_delete svg{color:#707070}.cart_discount{display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between;margin:0 0 30px}.discode-enter{width:100%;display:flex;flex-flow:row nowrap;align-items:center}.discode-enter input{width:300px;height:16px;font-size:0.9rem;padding:10px 20px;border:1px solid #28A7E9;vertical-align:baseline}.discode-enter .btn-discode{height:38px;margin-right:193px;padding:10px 15px;font-size:0.8rem;color:white;background-color:#28A7E9;border:none;vertical-align:baseline}.disprice{color:#FA5252;font-size:1.1rem;font-family:"Helvetica Neue"}.cart_con img{width:100px}.cart_block{margin:0 0 30px;border-radius:10px;position:relative;padding:10px;box-shadow:1px 3px 10px #ccc}.cart_block .title{position:absolute;left:0;top:0;padding:4px 28px;color:white;font-size:0.9rem;background-color:#28A7E9;border-radius:10px 0 20px}.cart_delivery{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:flex-start;margin:20px 0 0;padding:20px 150px 20px 80px}.cart_delivery input,.cart_delivery textarea{display:block;margin:4px 10px 10px 0;font-size:0.8rem;border:1px solid #ccc;box-sizing:border-box}.cart_delivery label{display:flex;flex-flow:row nowrap;align-items:flex-start;cursor:pointer}.cart_delivery .cart_delivery_info{width:300px}.cart_delivery .cart_delivery_info input,.cart_delivery .cart_delivery_info textarea{width:100%;padding:10px 10px;box-sizing:border-box}.pay{display:flex;flex-flow:row nowrap;justify-content:space-evenly;margin:50px 0 30px}.pay a{display:block;text-align:center;color:#ccc}.pay a .icon{display:flex;flex-flow:column nowrap;justify-content:center;margin-bottom:10px;padding:10px 60px;text-align:center;border:3px solid #eee;border-radius:6px}.pay a .icon span{color:#ccc;font-weight:700}.pay a svg{margin:0 auto;padding:5px;font-size:5rem}.pay a span{color:#333;font-size:0.8rem}.pay a:active .icon{color:#28A7E9;border:3px solid #28A7E9}.pay a:active .icon span{color:#28A7E9}.cart_total{display:flex;flex-flow:column;justify-content:space-between;padding:10px;color:#28A7E9;background-color:#F1F9FF;border:3px solid #DBEEFC}.cart_total .total,.cart_total .trans{display:flex;flex-flow:row nowrap;justify-content:space-between;margin:0 0 10px;font-weight:700}.cart_total .total{margin:0}.cart_total .price{font-family:"Helvetica Neue"}.confirm_btn{margin:30px 0;text-align:right}.confirm{align-self:flex-end;display:inline-block;padding:8px 30px;font-size:1rem;border-radius:5px;letter-spacing:2px}@media screen and (max-width:1000px){.container{padding:0 20px}.cart_title .price_t{display:none}.cart_con_line img{width:70px}.cart_con_line .name{width:auto}.cart_con_line .price{display:none}.cart_delivery{padding:20px}}@media screen and (max-width:768px){.cart_title .price_t{display:none}.pay{flex-flow:column}.cart_con_line>div{padding:20px 5px}.cart_con_line .name{width:auto}.cart_con_line .name p{font-size:0.8rem}.cart_con_line .price p,.cart_con_line .total_price p{font-size:0.9rem;margin:0 0 8px}.cart_con_line .num_input input{width:30px}.discode-enter input{width:120px}.discode-enter .btn-discode{margin-right:30px}.cart_delivery{padding:20px}.cart_delivery .cart_delivery_info{width:200px}}@media screen and (max-width:510px){.cart_body{margin:10px auto}.container{padding:0 10px}.cart_title{display:none}.cart_con_line{display:block;margin:0 -10px;padding:10px;text-align:center;box-sizing:border-box}.cart_con_line:nth-child(odd){background-color:#eee}.cart_con_line>div{display:inline-block;border-bottom:none}.cart_con_line .name{width:190px}.cart_con_line .name span{margin-left:10px}.cart_con_line .des_text{width:350px;padding:0}.cart_delivery{flex-flow:column}.cart_delivery .cart_delivery_way{margin:10px 0}.cart_delivery .cart_delivery_info{width:100%}.cart_delivery .cart_delivery_info input{width:100%;box-sizing:border-box}.discode-enter input{width:90px;padding:10px}}@media screen and (max-width:414px){.cart_con_line .name{width:150px}.cart_con_line .des_text{width:307px}}@media screen and (max-width:375px){.cart_con_line .name{width:120px}.cart_con_line .des_text{width:283px}}@media screen and (max-width:345px){.cart_con_line .name{width:90px}.cart_con_line .des_text{width:250px}}