@charset "UTF-8";
@-moz-keyframes visualSlideEnter { 0% { height: 0; opacity: 0; }
  100% { height: 350px; opacity: 1; } }

@-webkit-keyframes visualSlideEnter { 0% { height: 0; opacity: 0; }
  100% { height: 350px; opacity: 1; } }

@-o-keyframes visualSlideEnter { 0% { height: 0; opacity: 0; }
  100% { height: 350px; opacity: 1; } }

@-ms-keyframes visualSlideEnter { 0% { height: 0; opacity: 0; }
  100% { height: 350px; opacity: 1; } }

@keyframes visualSlideEnter { 0% { height: 0; opacity: 0; }
  100% { height: 350px; opacity: 1; } }

#visual-slideshow { height: 350px; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-animation: visualSlideEnter 1s cubic-bezier(0.77, 0, 0.175, 1) 0.5s; -moz-animation: visualSlideEnter 1s cubic-bezier(0.77, 0, 0.175, 1) 0.5s; -ms-animation: visualSlideEnter 1s cubic-bezier(0.77, 0, 0.175, 1) 0.5s; -o-animation: visualSlideEnter 1s cubic-bezier(0.77, 0, 0.175, 1) 0.5s; animation: visualSlideEnter 1s cubic-bezier(0.77, 0, 0.175, 1) 0.5s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; }
#visual-slideshow .slider { position: relative; z-index: 1; height: 350px; }
#visual-slideshow li { position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; -webkit-animation: none; -moz-animation: none; -ms-animation: none; -o-animation: none; animation: none; }
#visual-slideshow .text { position: absolute; z-index: 2; float: left; color: #fff; font-weight: bold; line-height: 1.1; }
#visual-slideshow .text .title { display: block; margin-bottom: 6px; font-family: STHeiti, \5FAE\8EDF\6B63\9ED1\9AD4, \65B0\7D30\660E\9AD4, "Microsoft JhengHei", Arial, Helvetica, sans-serif; font-size: 30px; letter-spacing: 1px; cursor: default; }
#visual-slideshow .text .descr { display: block; font-size: 15px; cursor: default; }
#visual-slideshow .text .descr a:hover { color: #999999; }
#visual-slideshow .bg { position: relative; z-index: 1; }
#visual-slideshow .bg img { display: block; }
#visual-slideshow li.active { z-index: 3; -webkit-animation: fadeIn 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); -moz-animation: fadeIn 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); -ms-animation: fadeIn 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); -o-animation: fadeIn 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); animation: fadeIn 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; }
#visual-slideshow li.last { z-index: 2; }
#visual-slideshow li.construct .text { width: 620px; left: 0; top: 155px; border-left: #111111 solid 15px; padding-left: 15px; }
#visual-slideshow li.interior .text { width: 740px; left: 0; top: 160px; }
#visual-slideshow li.interior .text .title { font-size: 24px; line-height: 24px; height: 24px; padding: 5px 10px 5px 50px; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iNTAlIiB4Mj0iMTAwJSIgeTI9IjUwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0icmdiYSgwLCAwLCAwLCAwLjgpIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSJyZ2JhKDAsIDAsIDAsIDApIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(0, 0, 0, 0.8)), color-stop(100%, rgba(0, 0, 0, 0))); background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0)); background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0)); background: -o-linear-gradient(left, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0)); background: linear-gradient(left, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0)); }
#visual-slideshow li.steel .text { width: 700px; left: 95px; top: 220px; }
#visual-slideshow .menu { position: absolute; z-index: 2; width: 100%; left: 0; bottom: 5px; text-align: right; -webkit-transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1); -moz-transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1); -o-transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1); transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1); }
#visual-slideshow .menu b { display: inline-block; width: 14px; height: 14px; overflow: hidden; margin-right: 12px; -webkit-border-radius: 14px; -moz-border-radius: 14px; -ms-border-radius: 14px; -o-border-radius: 14px; border-radius: 14px; background: #000; -webkit-box-shadow: 0 1px 2px black; -moz-box-shadow: 0 1px 2px black; box-shadow: 0 1px 2px black; border: 2px solid white; cursor: pointer; }
#visual-slideshow .menu b:hover { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); background: #333; border-color: #eee; }
#visual-slideshow .menu b.active { background: #fff; -webkit-box-shadow: inset 0 1px 2px #999999, 0 1px 2px black; -moz-box-shadow: inset 0 1px 2px #999999, 0 1px 2px black; box-shadow: inset 0 1px 2px #999999, 0 1px 2px black; }

#features { overflow: hidden; *zoom: 1; padding: 15px 15px 30px; cursor: default; }
#features li { float: left; width: 250px; overflow: hidden; margin-left: 23.3px; text-align: justify; text-justify: inter-ideograph; }
#features li:first-child { margin-left: 0; }
#features li h2 { margin-bottom: 15px; font-size: 18px; font-weight: bold; font-family: Arial, STHeiti, \5FAE\8EDF\6B63\9ED1\9AD4, \65B0\7D30\660E\9AD4, "Microsoft JhengHei", Arial, Helvetica, sans-serif; color: #333333; line-height: 1.1; }
#features li figure { height: 120px; margin-bottom: 15px; border-bottom: 8px solid #dddddd; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); }
#features li figure img { display: block; }

#latest { overflow: hidden; padding: 35px 0; background: #f0f0ec; border-top: 1px solid #dddddd; -webkit-box-shadow: 0 -3px 10px rgba(51, 51, 51, 0.08), inset 0 1px 0 0 white; -moz-box-shadow: 0 -3px 10px rgba(51, 51, 51, 0.08), inset 0 1px 0 0 white; box-shadow: 0 -3px 10px rgba(51, 51, 51, 0.08), inset 0 1px 0 0 white; }

#news h2, #events h2 { margin-bottom: 20px; font-size: 20px; font-weight: bold; font-family: Arial, STHeiti, \5FAE\8EDF\6B63\9ED1\9AD4, \65B0\7D30\660E\9AD4, "Microsoft JhengHei", Arial, Helvetica, sans-serif; color: #333333; line-height: 1.1; text-shadow: 0 1px 0 white; }
#news .title, #events .title { margin-bottom: 10px; font-size: 15px; font-weight: bold; font-family: Arial, STHeiti, \5FAE\8EDF\6B63\9ED1\9AD4, \65B0\7D30\660E\9AD4, "Microsoft JhengHei", Arial, Helvetica, sans-serif; color: #333333; line-height: 1.3; }
#news .content, #events .content { margin-bottom: 10px; text-align: justify; text-justify: inter-ideograph; }
#news .more, #events .more { text-align: right; }
#news .more a, #events .more a { text-decoration: none; }

#news { width: 340px; float: left; margin-left: 15px; }
#news li:first-child { padding-bottom: 10px; border-bottom: 1px solid #dddddd; margin-bottom: 10px; }

#events { width: 700px; float: right; overflow: hidden; *zoom: 1; margin-right: 15px; }
#events .article {
	width: 350px;
	min-height: 142px;
}
#events .article.left { float: left; }
#events .article.right { float: right; }
#events .article .pic {
	float: left;
	border: 3px solid white;
	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	margin-right: 5px;
	margin-left: 5px;
}
#events .article.solo { width: 100%; }

#relationship { height: 140px; }

#autodesk-certificate { height: 140px; background: url("../../img/home/autodesk-certificate-bg.jpg") no-repeat right 50%; }
#autodesk-certificate .text { display: block; margin: 0 auto; }