@import url(https://fonts.googleapis.com/css2?family=Festive&family=Noto+Sans+TC:wght@300;400;700&display=swap);
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*{margin:0;box-sizing:border-box}html{position:relative;min-height:100%}.header{width:100%;height:80px;position:fixed;top:0;left:0;display:flex;justify-content:space-around;border-bottom:1px solid #f5f5f5;z-index:10;background-color:#fff;box-shadow:0 4px 4px 0 rgba(196,196,196,.21)}.header h1{font-size:3em;margin-top:15px;margin-left:-10%;font-family:"Festive",cursive}.header .nav__container{margin-right:-10%;display:flex}.header .nav__container .nav{margin-top:30px;width:400px;display:flex;justify-content:space-around}.header .nav__container .nav a{text-decoration:none;color:#000}@media(max-width: 767px){.header .nav__container .nav{width:50px;margin-right:40px}.header .nav__container .nav>li{display:none}}.header .nav__container .cart__container{width:40px;height:20px;display:flex}.header .nav__container .cart__container .cart{display:inline-flex}.header .nav__container .cart__container .cart__quantity{width:18px;height:18px;color:#fff;background-color:#000;border-radius:5px;margin-left:3px;text-align:center;font-size:13px;line-height:18px}.header .nav__container .cart__container img{width:20px}.header .menu__icon{width:20px;height:20px;position:absolute;top:30px;right:50px;cursor:pointer;display:none}@media(max-width: 767px){.header .menu__icon{display:block}}.header .menu__icon img{width:20px}.header .dropdown__menu{width:100%;background-color:#fff;position:absolute;top:79px;z-index:9;text-align:center;display:none}.header .dropdown__menu .dropdown__list li{padding:15px 0;border-bottom:1px solid #f5f5f5}.header .dropdown__menu .dropdown__list li:hover{background-color:#f5f5f5}.header .dropdown__menu .dropdown__list li a{text-decoration:none;color:#000}.top__banner{width:100%;position:relative;height:auto;margin-top:100px;display:flex;flex-wrap:wrap;justify-content:space-evenly;margin-bottom:100px}.top__banner .top__title{margin-top:150px}.top__banner .top__title h2{font-size:3em}.top__banner .top__title p{font-size:1.5em;margin-top:30px}.top__banner .top__title .top__btn{outline:none;border:0;width:200px;background-color:rgba(89,153,50,.8);height:50px;border-radius:10px;margin-top:100px;font-size:1.5em}.top__banner .top__title .top__btn a{text-decoration:none;color:#fff}.top__banner .top__title .top__btn:hover{box-shadow:0 4px 4px 0 rgba(196,196,196,.21)}.top__banner .top__image{width:600px;height:auto}@media(max-width: 767px){.top__banner{margin-top:0}.top__banner .top__image{width:50%;height:auto}}@media(max-width: 375px){.top__banner{text-align:center}.top__banner .top__title h2{font-size:2em}.top__banner .top__title p{font-size:18px}.top__banner .top__title .top__btn{margin-top:50px}.top__banner .top__image{width:50%;height:auto}}.about{width:100%;display:flex;height:auto;margin-top:50px;margin-bottom:200px;justify-content:space-evenly;flex-direction:row-reverse;flex-wrap:wrap;padding:0 20px}.about .about__content{padding-top:100px}.about .about__content h2{padding:0 30px;font-size:2em}.about .about__content p{padding:0 30px;width:500px;margin-top:100px;font-size:1.3em;line-height:40px}.about .about__image{width:30%;height:auto}@media(max-width: 1200px){.about .about__content h2{font-size:28px}.about .about__content p{font-size:18px;margin-top:50px}}@media(max-width: 767px){.about{flex-direction:column;align-items:center;height:auto;text-align:center;padding:0 30px;margin-bottom:100px}.about .about__content{padding-top:50px}.about .about__content h2{font-size:1.5em}.about .about__content p{width:100%;margin-top:50px;font-size:18px;margin-bottom:10px}.about .about__image{width:50%}}.tea{margin-bottom:300px;width:100%;text-align:center}.tea h2{margin-bottom:100px;font-size:2em}.tea .card__container{width:100%;display:flex;justify-content:center;flex-wrap:wrap;column-gap:30px}.tea .card__container .card{width:300px;height:500px;position:relative}.tea .card__container .card .item__info{text-align:left;display:inline-block;position:absolute;left:0}.tea .card__container .card .item__info .tea__name{font-size:1.5em;margin-bottom:10px}.tea .card__container .card .item__info .tea__price{font-size:1.2em}.tea .card__container .card .purchase__option{display:inline-block;position:absolute;right:0}.tea .card__container .card .purchase__option .quantity__container{width:100%;height:30px;display:flex;align-items:start;justify-content:end;margin-bottom:5px}.tea .card__container .card .purchase__option .quantity__container .minor{border:1px solid #d0d0d0;padding:0 5px;flex-grow:1;cursor:pointer}.tea .card__container .card .purchase__option .quantity__container .add{border:1px solid #d0d0d0;padding:0 5px;flex-grow:1;cursor:pointer}.tea .card__container .card .purchase__option .quantity__container .quantity{flex-grow:2;border-top:1px solid #d0d0d0;border-bottom:1px solid #d0d0d0}.tea .card__container .card .purchase__option .purchase__btn{border-style:none;background-color:rgba(89,153,50,.8);color:#fff;border-radius:5px;padding:5px 10px}.tea .card__container .card .purchase__option .purchase__btn:hover{background-color:#599932}.tea .card__container .card .card_img{width:300px;height:350px;overflow:hidden;margin-bottom:30px}.tea .card__container .card .card_img img{width:300px}@media(max-width: 767px){.tea{column-gap:0}.tea h2{font-size:1.5em}.tea .card__container .card{width:250px;height:450px}.tea .card__container .card .card_img{width:100%;height:300px}.tea .card__container .card .card_img img{width:100%}}.footer{background-color:rgba(89,153,50,.8);padding:25px 20px;display:flex;justify-content:center;position:absolute;bottom:0;left:0;width:100%}.footer .anchor{color:#fff;text-decoration:none}.footer .footer__nav__list li{padding:5px 0}.footer .footer__credit{display:flex;flex-direction:column;justify-content:space-evenly}.footer .footer__credit a{font-size:14px}.footer .footer__credit .credit__title{color:#fff;font-weight:bold}.footer .footer__info{margin:0 100px}.shopping__cart__container{width:100%;margin:0 auto;text-align:center;margin-top:200px}.shopping__cart__container .shopping__cart__title{font-size:2.5em;margin-bottom:50px}.shopping__cart__container .shopping__cart__item{width:100%}.shopping__cart__container .shopping__cart__item .shopping__cart__info{margin:0 auto;display:flex;justify-content:start;border-bottom:1px solid #f5f5f5;padding-bottom:10px}.shopping__cart__container .shopping__cart__item .shopping__cart__info .item__title{flex:1;flex-basis:100px;margin-left:65px}.shopping__cart__container .shopping__cart__item .shopping__cart__info .item__price{flex-basis:300px;margin-left:140px}.shopping__cart__container .shopping__cart__item .shopping__cart__info .quantity__title{flex-basis:300px}.shopping__cart__container .shopping__cart__item .shopping__cart__info .sub__total{flex-basis:300px}@media(max-width: 767px){.shopping__cart__container .shopping__cart__item .shopping__cart__info{display:none}}.shopping__cart__container .shopping__cart__item .cart__card__container{margin:0 auto;margin-top:30px;padding-bottom:30px;border-bottom:1px solid #f5f5f5;display:flex;flex-direction:row;flex-wrap:wrap;padding-left:20px;justify-content:center}.shopping__cart__container .shopping__cart__item .cart__card__container .cart__card{display:flex;width:100%;height:200px;align-items:center;justify-content:center;margin:10px 0;position:relative}.shopping__cart__container .shopping__cart__item .cart__card__container .cart__card .cart__card__name{flex:1;flex-basis:50px;margin-left:20px}.shopping__cart__container .shopping__cart__item .cart__card__container .cart__card .cart__card__price{flex-basis:300px}.shopping__cart__container .shopping__cart__item .cart__card__container .cart__card .cart__card__quantity{flex-basis:300px;display:flex;height:20px;justify-content:center}.shopping__cart__container .shopping__cart__item .cart__card__container .cart__card .cart__card__quantity .quantity{border-top:1px solid #d0d0d0;border-bottom:1px solid #d0d0d0;width:40px}.shopping__cart__container .shopping__cart__item .cart__card__container .cart__card .cart__card__quantity .border{width:20px;border:1px solid #d0d0d0;cursor:pointer}.shopping__cart__container .shopping__cart__item .cart__card__container .cart__card .cart__card__sub__total{flex-basis:300px}.shopping__cart__container .shopping__cart__item .cart__card__container .cart__card .cart__card__img{max-width:200px;height:200px;overflow:hidden}@media(max-width: 1200px){.shopping__cart__container .shopping__cart__item .cart__card__container .cart__card .cart__card__img{max-width:100px;height:100px}}.shopping__cart__container .shopping__cart__item .cart__card__container .cart__card .cart__card__img img{width:100%;object-fit:cover}@media(max-width: 1200px){.shopping__cart__container .shopping__cart__item .cart__card__container .cart__card .cart__card__name{flex:1;flex-basis:200px;margin-left:20px}}@media(max-width: 767px){.shopping__cart__container .shopping__cart__item .cart__card__container .cart__card{flex-wrap:wrap;flex-direction:column;height:auto;justify-content:center}.shopping__cart__container .shopping__cart__item .cart__card__container .cart__card .cart__card__name{flex:1;flex-basis:20px;margin:23px 0;margin-left:0}.shopping__cart__container .shopping__cart__item .cart__card__container .cart__card .cart__card__price{flex:1;flex-basis:20px;margin:23px 0}.shopping__cart__container .shopping__cart__item .cart__card__container .cart__card .cart__card__quantity{flex-basis:20px}.shopping__cart__container .shopping__cart__item .cart__card__container .cart__card .cart__card__sub__total{flex:1;flex-basis:20px;margin:23px 0}}.shopping__cart__container .shopping__cart__item .cart__card__container .delete{width:20px;height:20px;position:absolute;right:10px}.shopping__cart__container .shopping__cart__item .cart__card__container .delete img{width:20px;height:20px}@media(max-width: 767px){.shopping__cart__container .shopping__cart__item .cart__card__container .delete{bottom:-5%;left:49%}}.shopping__cart__container .shopping__cart__total{font-size:1.5em;margin-top:30px;margin-bottom:200px;padding-right:9%;display:flex;justify-content:end}.shopping__cart__container .shopping__cart__total .total__quantity{margin-left:90px}.shopping__cart__container .shopping__cart__total .change__quantity{border-style:none;background-color:rgba(89,153,50,.8);color:#fff;border-radius:5px;width:100px;height:30px;font-size:16px;margin-right:85px}@media(max-width: 1200px){.shopping__cart__container .shopping__cart__total .total__quantity{margin-left:5%}.shopping__cart__container .shopping__cart__total .change__quantity{margin-right:11%}}@media(max-width: 767px){.shopping__cart__container .shopping__cart__total{margin-left:0;justify-content:center}.shopping__cart__container .shopping__cart__total .total__quantity{margin-left:20px}}body{max-width:1440px;margin:0 auto;font-family:"Noto Sans TC",sans-serif}
