@charset "UTF-8";

*{
   padding:0;
   margin:0;
}

#intro{
   position: relative;
   width: 950px;
   height 380px;
   margin-top: 0px;
}

#viewer {
	margin: 0 auto;
	width: 950px;
	height: 531px;
	text-align: left;
	overflow: hidden;
	position: relative;
}

#viewer img {
   width:100%;
   height:auto;
	top: 0;
	left: 0;
	position: absolute;
}


#blog {
   position: absolute;
   right: 0;
   top: 0;
   width: 270px;
   height: 340px;

}

#blog h2{
   height: 30px;
   padding: 5px 0 5px 10px;
   line-height: 30px
   text-align: center;
   color: #FFFFFF;
   background-color: #FF9933;
}

#contents-main{
   float: left;
   width: 690px;

}

#contents-sub{
   width:234px;
   height: 334px;
   margin-left: auto;
   margin-right: 10px;
}

#contents-nav{
   width: 690px;
   list-style: none;
   padding-left: 5px;

}

#contents-nav li{
   float: left;
   width: 218px;
   height: 300px;
   padding-top: 14px;
   margin-right: 10px;
   border: 1px solid #E3DFD9;
   background-color: #FFFFFF;
   text-align: center;
   box-shadow: 5px 5px 5px #808080;
   -webkit-box-shadow: 5px 5px 5px #808080;
}

#contents-nav .picture{
   height: 110px;
}

#contents-nav .title{
   height: 16px;
   margin: 45px 0 10px
}

#contents-nav .explain{
   width: 200px;
   margin: 20px 20px 0px 20px;
   font-size: 12px;
   text-align: left;
}

#contents-banner{
   width: 250px;
   padding: 0px 0px;
   margin-right: 10px;
}

#contents-banner li{
   width: 234px;
   height: 60px;
   margin:0 0px 35px 0px;
}

#contacts{
   width: 234px;
   margin-top: 20px;
   padding-top: 10px;
   box-shadow: 5px 5px 5px #808080;
   -webkit-box-shadow: 5px 5px 5px #808080;
}

#contacts h2{
   width: 234px;
   height: 35px;
   margin-bottom: 19px;
}

#contacts ul li{
   height: 20px;
   margin-bottom: 10px;
}