body
{
font-family:"microsoft Jhenghei";
overflow-x: hidden;
margin: 0;
padding: 0;
}

.border1 {border: 5px solid #000000;
}
p {font-size:16px; line-height:22px;}
a{text-decoration:none;}
a:hover{text-decoration:none; transition: 0.3s;}

h1{font-size:36px;font-weight:200;}
h2{font-size:30px;font-weight:200;}
h3{font-size:24px;font-weight:200;}
h4{font-size:16px;font-weight:200;}
h5{font-size:14px;font-weight:100;}
h6{font-size:12px;font-weight:100;}
.textonimage {position:absolute; top:0; left:0;z-index:999;}

.white {color:#fff;}
.weight700 {font-weight:700;}
color:#fff;}
.borderbox {border:1px solid #fff;padding:5px;}
.borderbox:hover {opacity: 1;}
.col1 {width:49%; border:1px solid #ccc;}

.shadow {
box-shadow: 5px 5px 4px rgba(100, 100, 100, 0.5);
}

.img-hover-zoom {
  overflow: hidden;
}

.img-hover-zoom img {
  transition: transform .5s ease;
}

.img-hover-zoom:hover img {
  transform: scale(1.3);
}

.text_underline {border-bottom:10px #408cad solid; padding-bottom:10px;width:6px;}


.text_underline_thick {border-bottom:3px #408cad solid; padding-bottom:15px;width:150px;}


.hotproducts {box-sizing: border-box;width:48%; display: inline-block;text-align:center;margin:1%}
.hotproducts a{color:#fff;}
.box_shadow { box-shadow:  5px 5px 5px grey;}
.rcorners {
  border-radius: 50px;
  border: 1px solid #000;
  padding: 20px; 
  width: 200px;
  height: 20px; color:#000;
  text-align:center;
}

div.rcorners:hover {background:#000;border: 1px solid #000;color:#fff;}


 .centered {
  position: absolute;
  top: 50%;
  left: 30%;
  transform: translate(-50%, -50%);
  }
.hideme
{
    opacity:0;
}

.products {box-sizing:border-box; width:31%; text-align:center;margin:1%;display:inline-block;
vertical-align: top;

}

.products a{color:#fff;}
.products a:hover{color:#ccc;}

.title_text {color:#fff;position:absolute; top:15%; left:10%;font-weight:400;}

.sub_link a{color:#666;}