@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}}.page_navi{margin:30px 0}.page_navi .page_navi_block{display:flex;flex-flow:row nowrap;align-items:center;justify-content:center;color:#28a7e9}.page_navi .page_navi_num{display:flex;flex-flow:row nowrap;align-items:center}.page_navi a{display:block;padding:0 10px;color:#BCE0FD;font-size:0.8rem;font-family:"Helvetica Neue"}.page_navi a.active{padding:1px 6px;background-color:#28a7e9;border-radius:50%;color:white}.page_navi svg{margin:0 20px;color:#BCE0FD}.page_navi svg.active{color:#28a7e9}.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}.blog{margin:50px 0 0}.blog_list{width:100%;max-width:1200px;margin:50px auto}.blog_list_block{display:flex;flex-flow:row nowrap;justify-content:space-between;width:100%;margin-bottom:50px;padding:0 20px;color:#333;box-sizing:border-box}.blog_list_block .pic{flex:0 0 26%;box-sizing:border-box}.blog_list_block img{display:block;width:100%;max-width:300px;height:auto;box-sizing:border-box}.blog_list_info{display:flex;flex-flow:column nowrap;margin:0 20px}.blog_list_info .date{color:#666;font-size:0.7rem}.blog_list_info h3{margin:10px 0;font-size:1.5rem}.blog_list_info .summary{height:120px;font-size:0.9rem;line-height:2.2;overflow:hidden}.more{align-self:flex-end;white-space:nowrap;font-size:0.9rem;color:#666;text-decoration:underline}@media screen and (max-width:1000px){.blog_list_block{margin-bottom:30px}.blog_list_block .pic{flex:0 0 27%}.blog_list_info .summary{height:96px;line-height:2.49}.more{font-size:0.8rem}}@media screen and (max-width:768px){.blog{margin:20px 0}.blog_list{margin:20px auto}.blog_list_info h3{margin:8px 0;font-size:1.2rem}.blog_list_info .summary{height:64px;line-height:1.6}}@media screen and (max-width:480px){h2.title{margin:0 10px;font-size:1.2rem}.blog_list_block{margin-bottom:20px;padding:0 10px}.blog_list_block .pic{flex:0 0 38%}.blog_list_info{margin:0 10px}.blog_list_info h3{margin:5px 0;font-size:0.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.blog_list_info .summary{height:52px;font-size:0.75rem}.more{display:none}}@media screen and (max-width:320px){.blog_list_info h3{max-width:150px}}