a,abbr,acronym,address,applet,article,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,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}html{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,td,th{text-align:left;font-weight:normal;vertical-align:middle}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}a img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}#news .list li span.date,#news h2 span{font-style:italic;color:#828282}body,html{color:#212121;font-family:"Helvetica Neue", Helvetica, "PingFang TC", Arial, "Microsoft JhengHei", sans-serif}*{-webkit-box-sizing:border-box;box-sizing:border-box}a{color:#212121;text-decoration:none;font-size:0.9rem;letter-spacing:.2rem}h2{font-size:1.2rem;font-weight:bolder;margin-bottom:1rem;letter-spacing:.2rem;line-height:150%}h3{font-size:.9rem;letter-spacing:.2rem;line-height:150%}h4{font-size:.9rem;letter-spacing:.2rem;line-height:150%}h5{font-size:.9rem;letter-spacing:.2rem;line-height:150%}h6{font-size:.9rem;letter-spacing:.2rem;line-height:150%}p{font-size:.9rem;line-height:150%;letter-spacing:.2rem}.container{max-width:1170px;padding:0 15px;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 auto}.container-fluid{padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 auto}@media screen and (max-width:767px) and (min-width:300px){.hidden-xs{display:none!important}}@media screen and (min-width:768px){.hidden-md{display:none!important}}.bread-crumb{background-color:#000;padding:10px 20px;font-size:0.9rem}@media screen and (max-width:767px) and (min-width:300px){.bread-crumb{display:none}}.bread-crumb ul li{display:inline-block}.bread-crumb ul li a{color:#fff}.bread-crumb ul li:after{content:'>';color:#fff;margin:0 5px;display:inline-block;vertical-align:baseline}.bread-crumb ul li:last-child:after{content:''}footer{text-align:center}footer #footer{border-top:1px solid #212121;padding:40px 0}footer #footer .info-group{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:wrap;-webkit-flex:wrap;-ms-flex:wrap;flex:wrap;max-width:505px;margin:0 auto}@media screen and (max-width:575px) and (min-width:300px){footer #footer .info-group{display:block}}footer #footer .info-group>div{padding:10px}footer #footer .info-group .logo{display:inline-block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}@media screen and (max-width:575px) and (min-width:300px){footer #footer .info-group .logo{display:block;width:100%;-webkit-box-flex:0;-webkit-flex:none;-ms-flex:none;flex:none}}footer #footer .info-group .logo img{display:block;max-width:255px;margin:0 auto}footer #footer .info-group .info{display:inline-block;text-align:left;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}@media screen and (max-width:575px) and (min-width:300px){footer #footer .info-group .info{display:block;text-align:center}}footer #footer .info-group .info h6{height:33%;line-height:150%}footer #footer .info-group .info h6:nth-child(2){margin:3% 0}footer #copyright{background:#212121;color:#828282;padding:10px 0}#news .list li span.date,#news h2 span{font-style:italic;color:#828282}body.active{height:100%;overflow:hidden}header nav{padding:35px 0 0px;text-align:center;border-bottom:1px solid #E6E6E6;position:fixed;top:0;left:0;width:100%;background-color:white;z-index:1}@media screen and (max-width:767px) and (min-width:320px){header nav{background:#212121;text-align:left;padding:10px 20px}}header nav li{display:inline-block;padding:20px 20px 25px;font-family:"source-han-serif-tc";font-weight:900}header nav li.menu{float:right}header nav li.menu img{width:20px;height:20px}header nav .phone-nav{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}header nav .phone-nav .mini-logo img{width:30px;height:30px}header nav .phone-nav .menu img{width:20px;height:20px}header nav .menu-list{position:fixed;top:0;right:-100%;width:100%;height:100vh;background-color:rgba(255, 255, 255, 0.4)}header nav .menu-list.active{right:0}header nav .menu-list.active ul{right:0;overflow:auto}header nav .menu-list ul{position:absolute;right:-100%;height:100%;background-color:#FFF;width:220px;text-align:center;padding:40px 20px;-webkit-transition:.2s;-o-transition:.2s;transition:.2s;-webkit-box-shadow:-2px 0 30px rgba(33, 33, 33, 0.5);box-shadow:-2px 0 30px rgba(33, 33, 33, 0.5)}header nav .menu-list ul li{display:block;border-bottom:1px solid #E6E6E6}header nav .menu-list ul li.close{position:absolute;top:10px;right:10px;z-index:100;border-bottom:0}header nav .menu-list ul li.close img{width:15px;height:15px}header nav .menu-list ul li.close:hover{opacity:.8}header nav .menu-list ul li.social{border-bottom:0}header nav .menu-list ul li.social>div{display:inline-block;width:30px;height:30px}header nav .menu-list ul li.social>div:nth-child(2){margin:0 10px}header nav .menu-list ul li.social>div:hover{opacity:.8}header#inner-page nav{padding:0;background-color:#212121;border-bottom:0}@media screen and (max-width:767px) and (min-width:300px){header#inner-page nav{height:auto;padding:10px 20px}}header#inner-page nav a{color:#fff}@media screen and (max-width:767px) and (min-width:300px){header#inner-page nav a{color:#212121}}header#inner-page nav .menu-list a{color:#212121}header#inner-page nav .pc-nav{overflow:auto;padding:20px 0}header#inner-page nav .pc-nav li{padding:0px 20px;line-height:32px}header#inner-page nav .pc-nav li.mini-logo{vertical-align:middle;float:left}header#inner-page nav .pc-nav li.mini-logo img{width:30px;height:30px}header#inner-page nav .pc-nav li.menu{padding-top:5px}#wrap{margin-top:100px}@media screen and (max-width:767px) and (min-width:300px){#wrap{margin-top:52px}}#wrap.inner-page{margin-top:80px}@media screen and (max-width:767px) and (min-width:300px){#wrap.inner-page{margin-top:52px}}#logo{padding:20px 0 0}#logo img{max-width:255px;display:block;margin:0 auto}#main-img ul{overflow:hidden;width:100%;padding:35px 0}#main-img ul li{font-size:0;-webkit-transition:0.2s cubic-bezier(0.075, 0.82, 0.165, 1);-o-transition:0.2s cubic-bezier(0.075, 0.82, 0.165, 1);transition:0.2s cubic-bezier(0.075, 0.82, 0.165, 1)}#main-img ul li:hover{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);-webkit-box-shadow:0 0 20px 1px rgba(0, 0, 0, 0.5);box-shadow:0 0 20px 1px rgba(0, 0, 0, 0.5)}@media screen and (min-width:768px){#main-img ul li{float:left;width:calc((100vw - (100vw - 100%))/ 8);height:calc(100vw / 8);display:inline-block;overflow:hidden}#main-img ul li img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}#main-img ul li:nth-child(10){width:calc((100vw - (100vw - 100%))/ 8 * 2);height:calc(100vw / 8 * 2)}#main-img ul li:nth-child(21){margin-top:-12.5vw}}@media screen and (max-width:767px) and (min-width:320px){#main-img ul li{float:left;width:calc((100vw - (100vw - 100%))/ 4);height:calc(100vw / 4);display:inline-block;overflow:hidden}#main-img ul li img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}#main-img ul li:nth-child(10){width:calc((100vw - (100vw - 100%))/ 4 * 2);height:calc(100vw / 4 * 2)}#main-img ul li:nth-child(13){margin-top:-25vw}}#main-img ul li.disable:hover{-webkit-transform:none;-ms-transform:none;transform:none}#news{clear:both;margin:20px 0;-webkit-box-sizing:border-box;box-sizing:border-box}#news h2{font-family:"source-han-serif-tc";padding:20px 0;border-bottom:2px solid #E6E6E6;font-size:0.9rem}#news .list{padding:40px 0;max-width:890px;margin:0 auto}#news .list li{padding-bottom:20px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}#news .list li:before{content:'';display:inline-block;vertical-align:middle;width:20px;height:2px;background-color:#828282;margin:0 10px}#news .list li span{margin-right:20px}#news .list li span.title{font-family:"source-han-serif-tc";font-weight:900}#news .list li span.date{letter-spacing:2px;font-family:"source-han-serif-tc";font-weight:500}@media screen and (max-width:767px) and (min-width:320px){#news .list li span:last-child{display:block;width:100%;overflow:hidden;padding-left:40px;margin-top:10px;-o-text-overflow:ellipsis;text-overflow:ellipsis}}#news .list li span.date,#news h2 span{font-style:italic;color:#828282}.about-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.about-block .about-img{width:calc((100vw - (100vw - 100%))/ 6 * 2);padding-bottom:calc((100vw - (100vw - 100%))/ 6 * 2);height:0}.about-block .about-img img{width:100%}@media screen and (max-width:1023px) and (min-width:320px){.about-block .about-img{width:100%;padding-bottom:100%}}.about-block .about-content{width:calc((100vw - (100vw - 100%))/ 6 * 4);padding:60px 5% 0}.about-block .about-content .title{padding:10px 0;border-bottom:1px solid #E6E6E6}.about-block .about-content .content{padding:20px 0}.about-block .about-content .content p{line-height:200%}@media screen and (max-width:1023px) and (min-width:768px){.about-block .about-content{padding:40px 5%;width:100%}}@media screen and (max-width:767px) and (min-width:320px){.about-block .about-content{padding:20px;width:100%}}.square-group{width:100%;font-size:0}.square-group .square{width:calc((100vw - (100vw - 100%))/ 6);height:calc(100vw /6);overflow:hidden;display:inline-block}@media screen and (max-width:1023px) and (min-width:768px){.square-group .square{width:calc((100vw - (100vw - 100%))/ 3);height:calc(100vw /3)}}@media screen and (max-width:767px) and (min-width:320px){.square-group .square{width:calc((100vw - (100vw - 100%))/ 2);height:calc(100vw /2)}}.square-group .square img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-transition:1s cubic-bezier(0.175, 0.885, 0.32, 1);-o-transition:1s cubic-bezier(0.175, 0.885, 0.32, 1);transition:1s cubic-bezier(0.175, 0.885, 0.32, 1)}.square-group .square:hover img{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);opacity:.8}.square-col-group{width:100%;font-size:0}.square-col-group .square-col{width:calc((100vw - (100vw - 100%))/ 6);display:inline-block;font-size:0;vertical-align:top;margin-bottom:40px}.square-col-group .square-col .square{width:100%;height:calc(100vw / 6);overflow:hidden}.square-col-group .square-col .square h3{display:block;width:100%;color:#fff;text-align:center;padding-top:50%;-webkit-transform:translateY(-1.2rem);-ms-transform:translateY(-1.2rem);transform:translateY(-1.2rem);line-height:180%}.square-col-group .square-col .square img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}@media screen and (max-width:1023px) and (min-width:768px){.square-col-group .square-col .square{height:calc(100vw / 3)}}@media screen and (max-width:767px) and (min-width:320px){.square-col-group .square-col .square{height:calc(100vw / 2)}}.square-col-group .square-col h4{padding:10px}@media screen and (max-width:1023px) and (min-width:768px){.square-col-group .square-col{width:calc((100vw - (100vw - 100%))/ 3)}}@media screen and (max-width:767px) and (min-width:320px){.square-col-group .square-col{width:calc((100vw - (100vw - 100%))/ 2)}}@media screen and (max-width:1023px) and (min-width:320px){.square-col-group .square-col:first-child{width:100%;margin-bottom:0}.square-col-group .square-col:first-child .square{height:auto;padding:30px 0}.square-col-group .square-col:first-child .square h3{padding-top:0px;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.square-col-group.artist{margin:120px 0}@media screen and (max-width:767px) and (min-width:300px){.square-col-group.artist{margin:100px 0 40px}}.square-col-group.artist-page{margin:0 0 120px;background:#E6E6E6}.square-col-group.artist-page .square-col{margin-bottom:0}.square-col-group.no-maker .square-col:first-child{width:calc((100vw - (100vw - 100%))/ 6)}@media screen and (max-width:1023px) and (min-width:768px){.square-col-group.no-maker .square-col:first-child{width:calc((100vw - (100vw - 100%))/ 3)}.square-col-group.no-maker .square-col:first-child .square{height:calc(100vw / 3);padding:0}}@media screen and (max-width:767px) and (min-width:320px){.square-col-group.no-maker .square-col:first-child{width:calc((100vw - (100vw - 100%))/ 2);margin-bottom:0}.square-col-group.no-maker .square-col:first-child .square{height:calc(100vw / 2);padding:0}}#news .list li span.date,#news h2 span{font-style:italic;color:#828282}#tea-nav{background:#212121}#tea-nav ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around;position:relative}#tea-nav li{display:inline-block;text-align:center}#tea-nav li.active a,#tea-nav li:hover a{color:#F4B840}#tea-nav li a{display:inline-block;padding:15px 0;color:#fff}#tea-nav li.arrow{position:absolute;right:0;top:7.5px;display:none;-webkit-transition:0.2s cubic-bezier(0.165, 0.84, 0.44, 1);-o-transition:0.2s cubic-bezier(0.165, 0.84, 0.44, 1);transition:0.2s cubic-bezier(0.165, 0.84, 0.44, 1)}#tea-nav li.arrow img{width:30px;height:30px}@media screen and (max-width:767px) and (min-width:300px){#tea-nav li.arrow{display:block;width:auto}}#tea-nav li.arrow.animation{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}@media screen and (max-width:767px) and (min-width:300px){#tea-nav li{width:100%;text-align:center;display:none}#tea-nav li.active{display:block;-webkit-box-ordinal-group:0;-webkit-order:-1;-ms-flex-order:-1;order:-1}#tea-nav li a{width:80%}#tea-nav li.slide{display:block}}.taiwan-tea .text-area{padding:30px 15px 50px}.tea-single-page{font-size:0;margin-bottom:40px}.tea-single-page>div{display:inline-block;vertical-align:top}.tea-single-page>div.tea-slider{width:40%}.tea-single-page>div.tea-slider .big-img{height:40vw}.tea-single-page>div.tea-slider .big-img img{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover}.tea-single-page>div.tea-slider .mini-imgs ul{font-size:0}.tea-single-page>div.tea-slider .mini-imgs ul li{display:inline-block;width:calc((100vw - (100vw - 100%))/ 4);height:calc(40vw / 4);overflow:hidden}.tea-single-page>div.tea-slider .mini-imgs ul li img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.tea-single-page>div.tea-info{width:60%}.tea-single-page>div.tea-info .title{padding:40px 20px;background:#212121;text-align:center}.tea-single-page>div.tea-info .title h2{color:#fff}.tea-single-page>div.tea-info .container{padding:15px 30px}.tea-single-page>div.tea-info .content{padding:20px 0}.tea-single-page>div.tea-info .format{padding:20px 0;border-top:1px solid #E6E6E6}.tea-single-page>div.tea-info .format p span{padding-left:40px}@media screen and (max-width:768px) and (min-width:320px){.tea-single-page>div.tea-info,.tea-single-page>div.tea-slider{width:100%}.tea-single-page>div.tea-slider .big-img{height:100%}.tea-single-page>div.tea-slider .mini-imgs ul li{display:inline-block;width:calc((100vw - (100vw - 100%))/ 4);height:calc(100vw / 4);overflow:hidden}.tea-single-page>div.tea-info .title{padding:20px}.tea-single-page>div.tea-info .title h2{margin-bottom:0;line-height:150%}}#news .list li span.date,#news h2 span{font-style:italic;color:#828282}.works{margin:6vw 0}.works .works-items ul{font-size:0;text-align:center}.works .works-items ul li{display:inline-block;width:calc(92vw /4 - (15px * 3 / 4));margin-right:15px;margin-bottom:40px;overflow:hidden;text-align:left;vertical-align:top}.works .works-items ul li:nth-child(4n){margin-right:0}.works .works-items ul li img{width:100%;height:calc(92vw / 4 - (15px * 3 / 4));-o-object-fit:cover;object-fit:cover}@media screen and (max-width:767px) and (min-width:320px){.works .works-items ul li{width:calc(92vw /2 - (15px * 1 /2))}.works .works-items ul li img{height:calc(92vw / 2 - (15px * 1 / 2))}.works .works-items ul li:nth-child(2n){margin-right:0}}.works-single .works-info{background:#E6E6E6}.works-single .text-area{padding:40px 0}.works-classic{padding:40px 0}.works-classic h2{text-align:center;padding-bottom:20px;border-bottom:1px solid #E6E6E6}.works-classic img{width:100%;height:auto}.works-classic .shing-100-img,.works-classic .shing-100-p,.works-classic .shing-img40-p60,.works-classic .shing-img50-p50,.works-classic .shing-img60-p40{padding:15px 0}.works-classic .shing-100-img img,.works-classic .shing-100-p img,.works-classic .shing-img40-p60 img,.works-classic .shing-img50-p50 img,.works-classic .shing-img60-p40 img{margin-bottom:15px}.works-classic .shing-img50-p50{font-size:0}.works-classic .shing-img50-p50>div{display:inline-block;width:calc(100% / 2 - 15px / 2);vertical-align:top}@media screen and (max-width:767px) and (min-width:300px){.works-classic .shing-img50-p50>div{width:100%}}.works-classic .shing-img50-p50>div:nth-child(2){margin-left:15px}@media screen and (max-width:767px) and (min-width:300px){.works-classic .shing-img50-p50>div:nth-child(2){margin-left:0}}.works-classic .shing-img60-p40{font-size:0}.works-classic .shing-img60-p40>div{display:inline-block;vertical-align:top}.works-classic .shing-img60-p40>div:nth-child(2){margin-left:15px}@media screen and (max-width:767px) and (min-width:300px){.works-classic .shing-img60-p40>div:nth-child(2){margin-left:0}}.works-classic .shing-img60-p40 .img60{width:calc(60% - 15px / 2)}@media screen and (max-width:767px) and (min-width:300px){.works-classic .shing-img60-p40 .img60{width:100%}}.works-classic .shing-img60-p40 .p40{width:calc(40% - 15px / 2)}@media screen and (max-width:767px) and (min-width:300px){.works-classic .shing-img60-p40 .p40{width:100%}}.works-classic .shing-img40-p60{font-size:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.works-classic .shing-img40-p60>div{display:inline-block;vertical-align:top}.works-classic .shing-img40-p60>div:first-child{margin-left:15px}@media screen and (max-width:767px) and (min-width:300px){.works-classic .shing-img40-p60>div:first-child{margin-left:0}}.works-classic .shing-img40-p60 .img40{-webkit-box-ordinal-group:3;-webkit-order:2;-ms-flex-order:2;order:2;width:calc(40% - 15px / 2)}@media screen and (max-width:767px) and (min-width:300px){.works-classic .shing-img40-p60 .img40{-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1;width:100%}}.works-classic .shing-img40-p60 .p60{-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1;width:calc(60% - 15px / 2)}@media screen and (max-width:767px) and (min-width:300px){.works-classic .shing-img40-p60 .p60{-webkit-box-ordinal-group:3;-webkit-order:2;-ms-flex-order:2;order:2;width:100%}}#news .list li span.date,#news h2 span{font-style:italic;color:#828282}.news{padding:40px 0}.news h2{text-align:center;margin-bottom:40px}.news-list ul{font-size:0}.news-list ul li{display:inline-block;vertical-align:top;width:calc(100% / 4);margin-bottom:20px}@media screen and (max-width:768px) and (min-width:300px){.news-list ul li{width:calc(100% / 2)}}.news-list ul li .news-img{max-height:230px;overflow:hidden;position:relative}.news-list ul li .news-img img{width:100%;height:auto;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}.news-list ul li .news-img:hover img{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}.news-list ul li .news-img:hover:before{content:'';display:block;width:100%;height:100%;background:rgba(33, 33, 33, 0.4);position:absolute;top:0;left:0;z-index:1}.news-list ul li h4{padding:15px;line-height:150%}.news-list ul li h5{padding:15px;font-style:italic;color:#828282;letter-spacing:2px}.news-single .date{color:#828282;font-style:italic;letter-spacing:2px}.news-single .article-group{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:40px 0}.news-single .article{-webkit-box-flex:7;-webkit-flex:7;-ms-flex:7;flex:7}@media screen and (max-width:768px) and (min-width:300px){.news-single .article{-webkit-box-flex:100%;-webkit-flex:100%;-ms-flex:100%;flex:100%}}.news-single .article .title{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;width:100%}.news-single .article .content img{width:100%;height:auto}.news-single .article .content p{margin:10px 0}.news-single .others-article{-webkit-box-flex:3;-webkit-flex:3;-ms-flex:3;flex:3;margin-left:20px}@media screen and (max-width:768px) and (min-width:300px){.news-single .others-article{-webkit-box-flex:100%;-webkit-flex:100%;-ms-flex:100%;flex:100%;margin-left:0}}.news-single .others-article h3{font-weight:bolder;margin-bottom:1.2rem}.news-single .others-article ul{font-size:0}.news-single .others-article li img{width:100%}.news-single .others-article li .text{padding:20px}@media screen and (max-width:768px) and (min-width:300px){.news-single .others-article li{display:inline-block;width:50%}}.page-num ul{text-align:center}.page-num ul li{display:inline-block;padding:10px;margin-bottom:20px}#news .list li span.date,#news h2 span{font-style:italic;color:#828282}.store{padding:40px 0;min-height:calc(100vh - 350px)}.store h2{text-align:center;margin-bottom:40px}.store-list ul{font-size:0}.store-list ul li{display:inline-block;vertical-align:top;width:calc(100% / 4);margin-bottom:20px}@media screen and (max-width:1023px) and (min-width:768px){.store-list ul li{width:calc(100% / 2)}}@media screen and (max-width:767px) and (min-width:320px){.store-list ul li{width:calc(100%)}}.store-list ul li .store-img{max-height:230px;overflow:hidden;position:relative}@media screen and (max-width:767px) and (min-width:320px){.store-list ul li .store-img{max-height:250px}}.store-list ul li .store-img img{width:100%;height:auto;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}.store-list ul li .store-content{padding:15px}.store-list ul li .store-content h4{line-height:150%}.store-list ul li .store-content h5{font-style:italic;color:#828282;letter-spacing:2px}.store-list ul li .store-content .map{display:inline-block;width:1.2rem;height:1.2rem;vertical-align:middle;margin-right:10px}.store-list ul li .store-content a{color:#828282;font-size:1rem}#news .list li span.date,#news h2 span{font-style:italic;color:#828282}.tea-maker-info{padding:40px 0}#tea-nav.maker-nav ul{-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}@media screen and (min-width:769px){#tea-nav.maker-nav ul li{width:calc(100% / 4)}}.maker-info{border-top:1px solid #E6E6E6;padding:20px 0;font-size:0}.maker-info>div{display:inline-block;vertical-align:top}.maker-info .make-info-pic{width:25%;overflow:hidden}.maker-info .make-info-pic img{width:100%;height:auto}.maker-info .make-info-content{width:calc(75% - 4px);padding-left:15px}#news .list li span.date,#news h2 span{font-style:italic;color:#828282}.overlay{position:fixed;top:0;right:0;width:100%;height:100vh;background-color:rgba(0, 0, 0, 0.6);z-index:99;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:wrap;-webkit-flex:wrap;-ms-flex:wrap;flex:wrap}.overlay img{-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;margin:0 auto;width:100%;max-width:450px;height:auto}