#Home{margin:0;border-bottom:2em solid #eee}#Slide{position:relative}#Slide img{width:100%;height:auto;display:block}#Slide a{position:absolute;bottom:0;left:1.5%;padding:3px 10px;background-color:#ddd;color:#000;text-align:center;z-index:99}#Slide>span{position:absolute;bottom:0;right:0;left:0;top:0;border:0;direction:ltr}#Slide>span>button{cursor:pointer;position:absolute;height:50px;width:30px;background-color:rgba(0,0,0,.5);z-index:9;text-align:center;vertical-align:middle;line-height:50px;color:#999;border:1px solid #333;font-weight:700;font-size:150%}#Slide>span>button:hover{background-color:rgba(0,0,0,.7)}#Next{right:2%;top:50%}#Previous{left:2%;top:50%}.button{position:absolute;top:50%;transform:translateY(-50%);background-color:rgba(0,0,0,0.5);color:white;border:0;padding:10px;cursor:pointer;font-size:20px;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center}#Special{padding:3% 1% 1% 1%;background-color:#efefef;margin:0}#Special a{display:inline-block;width:27.33%;margin:1% 3%;overflow:hidden;border-radius:5px}#Special a:hover>img{transform:scale(1.2,1.2)}#Special a img{transition:.3s;display:inline-block;width:100%;height:auto}#Product{padding-top:2em;margin:0;background-color:#fff}#Product>h1{margin:0 2%;padding:.5em 10px;border-right:10px solid #f60;margin-bottom:1em;background-color:#efefef;width:50%}#Product>article{display:inline-block;width:19%;margin:.2%;padding:.3%}#Product>article>a{display:block;padding:.5%;margin:.3em 1%;overflow:hidden}#Product>article>a>img{display:block;width:100%;height:auto}#Product>article>b{text-align:center;display:block;font-size:125%;font-weight:700}#Product>article>b>a{height:2em;font-size:100%;display:block}#Product>article>p{font-size:85%;text-align:justify;line-height:130%;overflow-y:auto;height:10em;padding:.5em 0 0 0;color:#555}#faq{padding:3em 2%;margin:2em 0 0 0}#faq>section{background-color:#eee;width:23%;margin:.5%;padding:.5%;display:inline-block;overflow:hidden;position:relative;border-radius:5px}#faq>section:hover>article{opacity:1;transform:scale(1) rotate(0deg);transition-delay:.2s}#faq>section:hover img{transform:scale(0);opacity:0;transition-delay:0s}#faq>section:hover h2,#faq>section:hover p{opacity:1;transition-delay:.5s}#faq>section>article{height:auto;position:absolute;overflow:hidden;top:0;left:0;right:0;bottom:0;opacity:0;transform:scale(0) rotate(-180deg);transition:all .4s ease-in;padding:2%}#faq>section img{transition:all .4s ease-in-out .2s;opacity:1;display:block;position:relative;border-radius:5px;width:100%;height:auto}#faq>section h2{text-align:center;border-radius:5px;position:absolute;bottom:1%;right:1%;left:1%;padding:10px 0;margin:0;font-weight:700;background:#fff;opacity:0;transition:all .5s ease-in-out;font-size:100%}#faq>section h2 a{text-decoration:underline dotted}#faq>section p{color:#333;padding:0 10px 5px 10px;text-align:justify;opacity:0;transition:all .5s ease-in-out;font-size:100%;line-height:150%}#faq>section figure{transition:all .4s ease-in-out .2s;filter:alpha(opacity=100);opacity:1;position:relative}#faq>section:hover figure{transform:scale(0);opacity:0;transition-delay:0s}#faq>section figcaption{position:absolute;bottom:0;right:0;width:96%;background-color:rgba(0,0,0,.7);z-index:99;padding:2%;color:#fff;text-align:center}#Blog,#Project{padding:1px 2%}#Blog>h2,#Project>h2{width:50%;margin:1em 0;border-right:5px solid #f60;padding:10px;background-color:#fff}#Blog,#Project{background-color:#efefef}#Blog>div,#Project>div{display:inline-block;width:22%;margin:.5%;padding:1%;color:#333;border-radius:5px}#Blog>div>h3,#Project>div>h3{height:2em;text-align:center}#Blog>div>h3>a,#Project>div>h3>a{font-weight:400;font-size:85%;font-weight:700;text-decoration:underline dotted}#Blog>div>a,#Project>div>a{display:block;margin:5%;border-radius:10%;overflow:hidden;transition:.6s;font-weight:700}#Blog>div:hover>a,#Project>div:hover>a{box-shadow:0 0 5px #000;border-radius:5px}#Blog>div>a>img,#Project>div>a>img{display:block;width:100%;height:auto}#Blog>div>p,#Project>div>p{height:10em;font-size:100%;line-height:150%;text-align:justify;overflow:hidden;color:#333}#Blog>div>div,#Project>div>div{text-align:center;font-weight:700;font-size:1.3em}#About{color:#333;background-color:#eee;padding:2%}#About h2{color:#000;padding:.5em 10px;font-size:200%;font-weight:700;background-color:#fff;border-right:10px solid #f60;margin-bottom:1em}#About a{font-weight:700;text-decoration:underline dotted}#Gallery{float:left;width:44%;padding-right:2%;text-align:center}#Gallery>a{display:inline-block;width:23%;margin:1%}#Gallery>a img{display:block;width:100%;height:auto}#Gallery>a:first-child,#Gallery>a:first-child>img{width:100%;display:block;margin:0}#About>article{float:right;width:50%;text-align:justify;font-size:90%}#More{clear:both;color:#222;text-align:justify;padding:2% 15%}#More p{padding:0 3%}#More h2{padding:.5em 1%;color:#db2323}#More h3{padding:.3em 2%;color:#f60}#More ul{padding:0 4%}@media only screen and (min-width:1px) and (max-width:1023px){#Slide a{padding:0 3px;width:auto;font-weight:700}#Slide>span>i{height:20px;width:20px;line-height:20px;font-size:70%}#Next,#Previous{top:35%}#Special a{display:block;width:80%;margin:1em auto}#Product{background-color:#fff}#Product>h1{width:auto;font-size:120%}#FAQ>h2{width:auto;font-size:100%}#Product>article{display:block;width:88%;margin:1em auto;padding:2%;background-color:#f2f2f2}#Product>article>b>a{font-size:100%}#faq{padding:0}#faq>section{display:block;width:85%;font-size:75%;margin:2em auto}#faq>section p{font-size:100%;font-size:125%}#Blog>h2,#Project>h2{width:auto;margin:3% 0}#Blog>div,#Project>div{display:block;width:90%;margin:2.5% auto;padding:1% 2.5%}#About>article{float:none;width:auto;font-size:85%}#Gallery{float:none;width:96%;padding:2%;text-align:center}#More{padding:2em 1%;font-size:85%}}