/* line 1, ../sass/style.scss */
body {
  background: url(../img/bg.png) fixed top center;
  color: #000;
  font-family: "微軟正黑體", Arial, sans-serif;
  font-size: 16px;
  line-height: 150%;
  background-color: #ccc;
}

/* line 12, ../sass/style.scss */
a {
  text-decoration: none;
}

/* line 14, ../sass/style.scss */
#wrap {
  width: 1280px;
  margin: 0 auto;
  padding: 0;
}
/* line 19, ../sass/style.scss */
#wrap .banner {
  background: url(../img/web_name.png) no-repeat top right;
  margin: 20px 0px;
  height: 154px;
}
/* line 24, ../sass/style.scss */
#wrap .banner h1 {
  font-size: 50px;
  text-indent: -5000px;
}
/* line 29, ../sass/style.scss */
#wrap .banner h2 {
  font-size: 30px;
  text-align: right;
  margin-top: 90px;
}
/* line 36, ../sass/style.scss */
#wrap .main {
  /* Hover Style for all the items: blur, scale down*/
  /* Hover Style for single item: scale up */
}
/* line 37, ../sass/style.scss */
#wrap .main .ib-container {
  position: relative;
  width: 1024px;
  margin: 30px auto;
  display: block;
}
/* line 44, ../sass/style.scss */
#wrap .main .ib-container:before,
#wrap .main .ib-container:after {
  content: "";
  display: table;
}
/* line 48, ../sass/style.scss */
#wrap .main .ib-container:after {
  clear: both;
}
/* line 51, ../sass/style.scss */
#wrap .main .ib-container article {
  display: block;
  width: 1040px;
  height: 600px;
  background: #fff;
  cursor: pointer;
  float: left;
  border: 10px solid #fff;
  text-align: left;
  text-transform: none;
  margin: 15px;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  box-shadow: 0px 0px 0px 10px white, 1px 1px 3px 10px rgba(0, 0, 0, 0.2);
  -webkit-transition: opacity 0.4s linear, -webkit-transform 0.4s ease-in-out, box-shadow 0.4s ease-in-out;
  -moz-transition: opacity 0.4s linear, -moz-transform 0.4s ease-in-out, box-shadow 0.4s ease-in-out;
  -o-transition: opacity 0.4s linear, -o-transform 0.4s ease-in-out, box-shadow 0.4s ease-in-out;
  -ms-transition: opacity 0.4s linear, -ms-transform 0.4s ease-in-out, box-shadow 0.4s ease-in-out;
  transition: opacity 0.4s linear, transform 0.4s ease-in-out, box-shadow 0.4s ease-in-out;
}
/* line 89, ../sass/style.scss */
#wrap .main .ib-container h3 a {
  font-size: 16px;
  font-weight: 400;
  color: #999;
  color: black;
  text-shadow: 0px 0px 0px black;
  opacity: 0.8;
}
/* line 97, ../sass/style.scss */
#wrap .main .ib-container article header {
  width:900px;
  font-size: 20px;
  font-family: "微軟正黑體", Arial, sans-serif;
  padding: 10px 0;
  display: block;
  color: #000;
  color: black;
  text-shadow: 0px 0px 0px #fafafa;
  text-transform: uppercase;
  opacity: 0.8;
}
/* line 108, ../sass/style.scss */
#wrap .main .ib-container article p {
  font-family: "標楷體", Verdana, sans-serif;
  font-size: 20px;
  line-height: 150%;
  color: #000;
  color: #333333;
  text-shadow: 0px 0px 0px #333333;
  opacity: 0.8;
}
/* line 119, ../sass/style.scss */
#wrap .main .ib-container h3 a,
#wrap .main .ib-container article header span,
#wrap .main .ib-container article p {
  -webkit-transition: opacity 0.2s linear, text-shadow 0.5s ease-in-out, color 0.5s ease-in-out;
  -moz-transition: opacity 0.2s linear, text-shadow 0.5s ease-in-out, color 0.5s ease-in-out;
  -o-transition: opacity 0.2s linear, text-shadow 0.5s ease-in-out, color 0.5s ease-in-out;
  -ms-transition: opacity 0.2s linear, text-shadow 0.5s ease-in-out, color 0.5s ease-in-out;
  transition: opacity 0.2s linear, text-shadow 0.5s ease-in-out, color 0.5s ease-in-out;
}
/* line 142, ../sass/style.scss */
#wrap .main .ib-container article.blur {
  box-shadow: 0px 0px 20px 10px white;
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -o-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
  opacity: 0.7;
}
/* line 151, ../sass/style.scss */
#wrap .main .ib-container article.blur h3 a {
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.9);
  color: rgba(0, 0, 0, 0);
  opacity: 0.5;
}
/* line 156, ../sass/style.scss */
#wrap .main .ib-container article.blur header span {
  text-shadow: 0px 0px 10px rgba(255, 210, 82, 0.9);
  color: rgba(255, 210, 82, 0);
  opacity: 0.5;
}
/* line 161, ../sass/style.scss */
#wrap .main .ib-container article.blur p {
  text-shadow: 0px 0px 10px rgba(51, 51, 51, 0.9);
  color: rgba(51, 51, 51, 0);
  opacity: 0.5;
}
/* line 168, ../sass/style.scss */

/* line 182, ../sass/style.scss */
#wrap .main .ib-container article.active h3 a,
#wrap .main .ib-container article.active header span,
#wrap .main .ib-container article.active p {
  opacity: 1;
}

.logo{
width:250px;
float:left; 
margin:0 70px 25px 25px; 
text-align:center;
}
/*end wrap*/