body{font-family:Lato,sans-serif;padding:0;margin:0 auto;color:#2a2a2a;min-width:22rem;max-width:1200px}img{max-width:100%}.a-background{background:#fc0}.a-color{color:#fc0}.b-background{background:#99873d}.b-color{color:#99873d}.c-background{background:#f90}.c-color{color:#f90}.d-background{background:#40e0ff}.d-color{color:#40e0ff}.e-background{background:#14ccb8}.e-color{color:#14ccb8}h3{margin-top:0;font-family:Kanit,sans-serif;text-transform:uppercase;font-size:2rem;line-height:2rem}.text-block{padding:2rem;background-color:#ccc}.hero{display:grid;grid-template-columns:repeat(6,1fr)}.hero .logo{grid-column:2/6;text-align:center}.hero .logo img{max-width:100%}.hero .left-link{grid-column:1;justify-self:center}.hero .left-link img{max-width:40px}.hero .right-link{grid-column:6;justify-self:center}.hero .right-link img{max-width:40px}.hero .content{grid-column:1/7;text-align:center}.product.right .sub-brand{margin-right:-4rem;justify-self:right}.product{min-height:30rem;border-bottom:.2rem solid #99873d;display:grid;overflow:hidden}.product .sub-brand{display:block;grid-row:1;grid-column:1;margin-left:-4rem;width:10rem;-ms-flex-item-align:center;align-self:center}.product .gallery{padding:1rem;min-height:14rem;min-width:10rem;grid-row:1;grid-column:1;display:grid;grid-template-columns:1fr 1fr;-webkit-box-align:center;-ms-flex-align:center;align-items:center;justify-items:center}.product .gallery .img-container{width:95vw;height:95vw;text-align:center;grid-row:1/3;grid-column:1/3}.product .gallery .map{display:inline-block;-ms-flex-item-align:end;align-self:end;width:100%;text-align:center;grid-row:3;grid-column:1/3}.product .gallery .map a{border-radius:.5rem;background-color:#fc0;border:2px solid #fc0;height:1.7rem;width:1.7rem;display:inline-block;margin:.5rem}.product .gallery .map a:hover{border-color:#14ccb8}.product .gallery .map a.active{border-color:#a9a9a9;background-color:#a9a9a9}.product .gallery .capacity{grid-row:2;grid-column:2;font-size:1.6rem;margin-bottom:4rem;border-bottom:2px solid;justify-self:right;text-align:right;padding-left:5rem;padding-bottom:.5rem;color:#4f4f4f}.product .info{padding:1rem;grid-column:1;grid-row:2}.product .info h3{margin-top:0;font-family:Kanit,sans-serif;text-transform:uppercase;font-size:2rem;line-height:2rem}.product .info .toptitle{font-family:Lato,sans-serif;font-size:1.3rem;text-transform:uppercase}@media screen and (min-width:600px){.product{display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(5,1fr);-webkit-box-align:center;-ms-flex-align:center;align-items:center;grid-auto-flow:column}.product .gallery .img-container{width:50vw;height:50vw}.product .gallery,.product .info,.product .sub-brand{grid-row:1/6}.product.left .gallery{grid-column:1/4}.product.left .info,.product.right .gallery{grid-column:4/8}.product.right .info{grid-column:1/4;text-align:right}.product.right .sub-brand{grid-column:7;justify-self:right}}@media screen and (min-width:800px){.hero{grid-auto-flow:column}.hero .logo{grid-column:1/3}.hero .logo img{max-width:100%}.hero .left-link{grid-column:5;justify-self:right}.hero .left-link img{max-width:inherit}.hero .right-link{grid-column:6;justify-self:left}.hero .right-link img{max-width:inherit}.product{grid-template-rows:repeat(5,1fr);overflow:hidden}.product .sub-brand{grid-row:1/6;-ms-flex-item-align:center;align-self:center}.product .sub-brand img{width:150px;max-width:inherit}.product .gallery{grid-template-columns:1fr 1fr}.product .gallery .img-container{width:50vh;height:50vh}.product.left .sub-brand{grid-column:1/2;margin-left:-4rem}.product.left .gallery{grid-column:2/5}.product.left .info{grid-column:5/7}.product.right .sub-brand{text-align:right;grid-column:7/8;margin-left:4rem}.product.right .gallery{grid-column:4/7}.product.right .info{grid-column:2/4;text-align:right}#textgrid{display:grid;grid-template-columns:repeat(6,1fr);grid-column-gap:20px}#textgrid h3{justify-self:right;text-align:right;grid-column:1}#textgrid :nth-child(2),#textgrid h3{-ms-flex-item-align:center;align-self:center;grid-row:1}#textgrid :nth-child(2){grid-column:2/7}#textgrid :nth-child(3){grid-column:2/4;grid-row:2}#textgrid :nth-child(4){grid-column:4/7;grid-row:2/3}#textgrid :nth-child(5){grid-column:2/7;grid-row:3}}@media screen and (min-width:1000px){.product .sub-brand img{width:30vh;max-width:250px}#textgrid{display:grid;grid-template-columns:repeat(8,1fr);grid-column-gap:40px}#textgrid h3{justify-self:right;text-align:right;grid-column:2}#textgrid :nth-child(2),#textgrid h3{-ms-flex-item-align:center;align-self:center;grid-row:1}#textgrid :nth-child(2){grid-column:3/8}#textgrid :nth-child(3){grid-column:3/5;grid-row:2}#textgrid :nth-child(4){grid-column:5/8;grid-row:2/3}#textgrid :nth-child(5){grid-column:3/8;grid-row:3}}@media screen and (min-width:1200px){.product.right .sub-brand{text-align:right;grid-column:7/8}.product.right .info{grid-column:2/4;text-align:right}}.invisible{opacity:0}.invisible,.visible{-webkit-transition:opacity .5s ease;transition:opacity .5s ease}.visible{opacity:1}#footer{display:grid;grid-template-columns:1fr 1fr}#footer .message{-ms-flex-item-align:center;align-self:center;justify-self:center;line-height:1.2rem}#footer .message span{font-family:Kanit,sans-serif;font-size:1.5rem}#footer .mail_data{grid-column:1/3;text-align:center}.fbicon{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}.gramicon{-webkit-transform:rotate(20deg);transform:rotate(20deg);margin-left:-1.2rem}html{background-color:#008b8b}.a-background{background:#fc0 url("/imgs/shih/background_a.png") no-repeat top}.b-background{background:#99873d url("/imgs/shih/background_b.png") no-repeat top}.c-background{background:#f90 url("/imgs/shih/background_c.png") no-repeat top}.d-background{background:#40e0ff url("/imgs/shih/background_d.png") no-repeat top}.e-background{background:#14ccb8 url("/imgs/shih/background_e.png") no-repeat top}@media screen and (min-width:800px){.a-background{background:#fc0 url("/imgs/shih/background_large_a.png") no-repeat top}.b-background{background:#99873d url("/imgs/shih/background_large_b.png") no-repeat top}.c-background{background:#f90 url("/imgs/shih/background_large_c.png") no-repeat top}.d-background{background:#40e0ff url("/imgs/shih/background_large_d.png") no-repeat top}.e-background{background:#14ccb8 url("/imgs/shih/background_large_e.png") no-repeat top}}.hero.head{background:url("/imgs/shih/background-head-shih.jpg") no-repeat bottom;background-size:cover;min-height:15rem;border-bottom:.3rem solid #fc0}.product.left .sub-brand{margin-left:-2rem}.product.right .sub-brand{margin-right:-2rem}@media screen and (min-width:800px){.hero.head{background-image:url("/imgs/shih/background-head-shih-big.jpg")}.product.left .sub-brand{margin-left:0}.product.right .sub-brand{margin-right:0}}@media screen and (min-width:1200px){.hero.head{min-height:20rem}}h3.branded{margin:0;font-size:4rem;line-height:4rem}