@charset "UTF-8";
/******************************************************
TEERADADESIGN.COM
210819
******************************************************/
/******************************************************
MAIN IMG / SLIDE SHOW
******************************************************/
#mainimg {
  position: relative;
  z-index: 9999;
  height: 500px;
  width: 100%;
  overflow: hidden;
  margin-top: 42px;
  margin-bottom: 64px;
}
#gallery {
  width: 2000px;
  height: 500px;
  margin: 0 auto;
  position: absolute;
  left: 50%;
  margin-left: -1000px;
  color: #fff;
}
/*
.rename {
  width: 1000px;
  height: 500px;
  margin-left: auto;
  margin-right: auto;
  opacity: 1;
}
.rename a:hover {
  opacity: .5;
}
.rename img {
  width: 100%;
}
*/
/******************************************************

NEWS

******************************************************/
#news_area {
  width: 100%;
  margin-top: 28px;
  font-size: 85%;
  position: relative;
}
#news_area h2 {
  font-weight: bold;
  float: left;
  font-size: 93%;
}
#newsfeed {
  float: left;
}
ul#newsfeed {
  list-style: none;
  position: absolute;
  left: 167px;
}
ul#newsfeed a:link, ul#newsfeed a:visited {
  color: #000;
  text-decoration: none;
}
ul#newsfeed a:hover {
  color: #e4007f;
  background: none;
}
li .asset-date {
  margin-right: 10px;
}
li .blogname {
  margin-right: 10px;
  display: inline-block;
  width: 60px;
}
/******************************************************

CATEGORY AREA

******************************************************/
#category_area {
  width: 100%;
  margin-top: 79px;
}
#category_area h2 {
  margin-bottom: 15px;
}
#works {
  float: left;
  width: 810px;
}
#works ul {
  list-style: none;
  margin-left: -12px;
}
#works ul li {
  float: left;
  margin-left: 12px;
  position: relative;
  width: 125px;
  height: 395px;
}
#exhibition {
  float: right;
  /*border-left:1px solid #f1f1ee;*/
  border-left: 1px solid #ccc;
  padding-left: 22px;
}
#exhibition ul {
  list-style: none;
  width: 125px;
}
#exhibition ul li {
  float: left;
  position: relative;
  width: 125px;
  height: 395px;
}
a .mesh {
  background: transparent;
  z-index: 999;
  width: 125px;
  height: 395px;
  position: absolute;
	top: 0;
	left: 0;
}
a:hover .mesh {
  background: url(../img/mesh.gif) repeat transparent;
}
/******************************************************

BRAND

******************************************************/
#brand_area {
  width: 100%;
  margin-top: 51px;
  background: url(../img/dot_lineL.gif) repeat-x;
  padding-top: 40px;
}
#brand_area ul {
  list-style: none;
  margin-left: -22px;
}
#brand_area ul li {
  float: left;
  margin-left: 22px;
  position: relative;
  width: 312px;
}
.brand_bnr {
  background: url(../img/dot_bg.gif);
  padding: 5px;
  margin-bottom: 15px;
}
#brand_area ul li a .mesh {
  background: transparent;
  z-index: 999;
  width: 302px;
  height: 189px;
  position: absolute;
  margin: 5px;
}
#brand_area ul li a:hover .mesh {
  background: url(../img/mesh.gif) repeat transparent;
}
#brand_area h3 {
  margin-bottom: 10px;
}
#brand_area a:hover h3 img {
  filter: alpha(opacity=55);
  -moz-opacity: 0.55;
  opacity: 0.55;
}
.brand_txt {
  font-size: 83%;
}
.brand_area a:hover {
  color: #fff;
  background: #d65c22;
}