@charset "utf-8";
/* CSS Document */
html{
}
#top_u{
	display:none;
}
body {
	margin: 0px;
	padding: 0px;
	font-family: Arial, "微軟正黑體";
	font-size: 13px;
	line-height: 22px;
	letter-spacing: 0px;
	position:relative;
	background:url(../data/wrapper/bg.jpg) center top no-repeat;
	background-attachment: fixed;
}
#wrapper {
	width:calc(1910px);
	height: 955px;
	margin: 0 auto;
	position: relative;
	border:#96C62A 5px solid;
}
#wrapper .line{
	width:5px;
	height: 100%;
	position:absolute;
	left:-5px;
	top:-5px;
	background:url(../data/wrapper/line.jpg) no-repeat;
}
#banner{
	width:1000px;
	height:546px;
	margin:0 auto;
	padding-top:9px;
	position:relative;
	z-index:0;
	background: url(../data/banner/bg.png) center bottom no-repeat;
}
#header{
	width: 460px;
	height: 100%;
	float:left;
	position: relative;
	background:url(../data/wrapper/bg2.png) repeat-y;
	z-index:9999;
}
#header .nav{
	width: 460px;
	height: 100%;
	position: relative;
	background:url(../data/wrapper/bg.png) 0 0 no-repeat;
}
#main{
	width:calc(100% - 470px);
	float:left;
	position:relative;
}
/*********************************************************/
/*********************************************************/
#logo{
	top:81px;
	z-index: 10;
	position: absolute;
	left:35px;
	z-index:100;
}
/*********************************************************/
/*********************************************************/
#map{
	height:600px;
	z-index:9999;
	overflow:hidden;
}
#map .map{
	float:left;
}
#map .info{
	width:620px;
	float:left;
	padding:147px 0 0 55px;
}
#map .info table {
	border-collapse: collapse;
	background:#FFF;
}
#map .info table td{
	color:#666666;
	border:#C9C9C9 1px solid;
	padding:5px 10px;
}
#map .info .title{
	background:#3291CD;
	color:#FFF;
	line-height:25px;
}
#map .info .school{
	color:#CD3286;
}
#map .info .date{
	color:#8F8F8F;
}
/*********************************************************/
/*********************************************************/
.box{
	width:calc(100% + 147px);
	height:330px;
	padding: 0px 0 0px 0;
	position: relative;
	background:rgba(103,103,103,0.9);
	margin-left:-137px;
	overflow:hidden;
}
/*********************************************************/
/*********************************************************/
#case{
	width: 670px;
	padding-top:65px;
	float:left;
	background:url(../data/wrapper/photo_title.png) 15px 0 no-repeat;
	position:relative;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
	margin:45px 0 0 137px;
}
#case ul{
}
#case li {
	float:left;
	margin:0 12px 0 0;
	display:block;
	list-style:none;
}
#case li .list{
	width: 180px;
	height:160px;
	padding:5px;
	background:#FFF;
	text-align:center;
	position:relative;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
	-moz-box-shadow:0px 0px 12px -2px rgba(0%,0%,0%,0.8);
	-webkit-box-shadow:0px 0px 12px -2px rgba(0%,0%,0%,0.8);
	box-shadow:0px 0px 12px -2px rgba(0%,0%,0%,0.8);
}
#case li .list .photo{
	width: 180px;
	height: 135px;
	margin-bottom:5px;
	text-align:center;
}
#case .list img {
	max-width: 180px;
	max-height: 135px;
	vertical-align:middle;
}
#case .list .name{
	height:20px;
	background:#E8E8E8;
	overflow:hidden;
	line-height:20px;
	text-align:center;
	color:#676767;
	text-decoration:none;
}
#case .prev, #case .next {
	width: 18px;
	height: 31px;
	display: block;
	text-decoration: none;
	cursor: pointer;
	position: absolute;
	top:130px;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}
#case .prev {
	background: url(../data/wrapper/photo_prev.png) no-repeat;
	left: 0px;
}
#case .next {
	background: url(../data/wrapper/photo_next.png) no-repeat;
	right: 0px;
}
#carousel_menu{
	margin:0 auto;
	width:610px;
}
#case .more{
	width: 41px;
	height: 10px;
	text-indent: -9999px;
	position: absolute;
	right: 30px;
	top: 14px;
}
/*********************************************************/
/*********************************************************/
#iabout{
	width:615px;
	padding-top:65px;
	float:left;
	position: relative;
	background:url(../data/wrapper/about_title.png) 0 0 no-repeat;
	margin:45px 0 0 70px;
}
#iabout .pic{
	width:155px;
	height:155px;
	float:left;
	margin-bottom:13px;
	margin-right:10px;
}
#iabout .pic img{
	vertical-align:middle;
}
#iabout .con{
	width: 420px;
	height: 180px;
	float:left;
	line-height: 18px;
	font-size: 14px;
	color: #FFF;
	display: -webkit-box;
	-webkit-line-clamp: 9; /*超出第5行時截斷*/
	-webkit-box-orient: vertical;
	overflow: hidden;
}
#iabout .more{
	width:41px;
	height:10px;
	position: absolute;
	right:14px;
	top: 14px;
	text-indent:-9999px;
}
.more a{
	width:100%;
	height: 100%;
	display:block;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
	background:url(../data/wrapper/more.png) no-repeat;
}
.more a:hover{
	background: url(../data/wrapper/more_.png) no-repeat;
}
/**************************************************************************/
/**************************************************************************/
#community {
	width: 195px;
	height:88px;
	position: absolute;
	left: 35px;
	top: 665px;
	z-index:99;
	background:url(../data/community/footer_img.png) right bottom no-repeat;
}
#community .qr{
	position:absolute;
	left:0px;
	top:0px;
	display:block;
}
#community ul{
	display:block;
	position:absolute;
	left:104px;
	top:40px;
}
#community li {
	width:20px;
	height: 20px;
	float: left;
	margin:0 1px;
	text-align: center;
	list-style: none;
}
#community li.other {
	width: auto !important;
}
#community li.other a{
	display:inline !important;
	text-decoration:underline !important;
}
#community li a {
	width: 100%;
	height: 100%;
	color:#A5A5A5;
	display: block;
	text-decoration: none;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}
#community li a:visited {
	color:#A5A5A5;
}
#community li a:hover {
	color:#444444;
}
#community li a.cart {
	text-indent:-9999px;
	background: url('../data/community/cart.png') no-repeat;
}
#community li a.facebook {
	text-indent:-9999px;
	background: url('../data/community/ifb.png') no-repeat;
}
#community li a.google {
	text-indent:-9999px;
	background: url('../data/community/igoogle.png') no-repeat;
}
#community li a.twitter {
	text-indent:-9999px;
	background: url('../data/community/itwitter.png') no-repeat;
}
#community li a.plurk {
	text-indent:-9999px;
	background: url('../data/community/plurk.png') no-repeat;
}
#community li a.favorites {
	text-indent:-9999px;
	background: url('../data/community/ifavorites.png') no-repeat;
}
#community li a.pixnet {
	text-indent:-9999px;
	background: url('../data/community/pixnet.png') no-repeat;
}
#community li a.instagram {
	text-indent:-9999px;
	background: url('../data/community/instagram.png') no-repeat;
}
#community li a.mail {
	text-indent:-9999px;
	background: url('../data/community/mail.png') no-repeat;
}
#community li a.sina {
	text-indent:-9999px;
	background: url('../data/community/sina.png') no-repeat;
}
#community li a.cart:hover {
	background: url('../data/community/cart_.png') no-repeat;
}
#community li a.facebook:hover {
	background: url('../data/community/ifb_.png') no-repeat;
}
#community li a.google:hover {
	background: url('../data/community/igoogle_.png') no-repeat;
}
#community li a.twitter:hover {
	background: url('../data/community/itwitter_.png') no-repeat;
}
#community li a.plurk:hover {
	background: url('../data/community/plurk_.png') no-repeat;
}
#community li a.favorites:hover {
	background: url('../data/community/ifavorites_.png') no-repeat;
}
#community li a.pixnet:hover {
	background: url('../data/community/pixnet_.png') no-repeat;
}
#community li a.instagram:hover {
	background: url('../data/community/instagram_.png') no-repeat;
}
#community li a.sina:hover {
	background: url('../data/community/sina_.png') no-repeat;
}
#community li a.mail:hover {
	background: url('../data/community/mail_.png') no-repeat;
}
/**************************************************************************/
/**************************************************************************/
#webinfo{
	position:absolute;
	position: absolute;
	left: 10px;
	top: 870px;
	z-index:9999;
	color:#FFF;
	font-size:12px;
	line-height:18px;
}
/**************************************************************************/
/**************************************************************************/
#footer{
	width:calc(100%);
	height:25px;
	line-height:25px;
	padding-left:127px;
	position: relative;
	background:#676767;
	margin-left:-137px;
	color:#A1A1A1;
}
#footer a, #footer a:visited{
	color:#E9E5DC;
	text-decoration:none;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}
#footer a:hover{
	color:#A1A1A1;
}