@charset "utf-8";
/* CSS Document */

html, body, div, h1, h2, h3, p { margin:0; padding: 0; }
html, body { font: 12px Arial;}
body{ background:url(img/bg01.gif)}
a { color: #318c1d; text-decoration: none; }
a:hover { color: #67c952; text-decoration: underline; }

.cf:after{content:".";clear:both;height:0;visibility:hidden;display:block;} /* for Firefox */
.cf{display:inline-block;} /* for Mac IE */
* html .cf {height:1%;} /* for Win IE */
.cf{display:block;} /* for display:inline-block; */

#container { margin: 0 auto; width: 960px; background:#FFF; border-left:#ececec 2px solid; border-right:#ececec 2px solid;}

#header { width: 960px; background: url(header.jpg) no-repeat; }
#header h1 { text-indent: -9999px; }
#nav { width: 960px; line-height: 32px; background: url(img/nav.gif) repeat-x; }

#special_topic { }
#special_topic div {  }
h2 { margin: 0; padding:4px 8px; height:29px; color: #fff; font-size:14px;
	background: url(img/h3.gif) repeat-x;}
#special_topic h2 span { float: left; background:url(img/133.gif) left no-repeat; padding:0px 0 0 20px}
#special_topic h2 a { float: right; color: #1f5812; font-weight: normal; }
#special_topic h3 { font-size: 12px; }
#special_topic p { text-indent: 24px; line-height: 18px; }

#special_topic .title { }
#special_topic .title_thumbnail { }
#special_topic .title_thumbnail { float: left; margin: 4px 0 4px 5px; }
#special_topic .title_thumbnail img { width: 120px; height: 90px; border: none; }
#special_topic .title_thumbnail span { display: block; margin: 0; padding: 2px; width: 116px; height: 50px; background: #f0f0f0; }
#special_topic .title_introduction { }
#special_topic .title_thumbnail_introduction { float: left; }
#special_topic .title_thumbnail_introduction img { float: left; margin: 4px; width: 120px;  height: 90px; border: none; }
#special_topic .title_thumbnail_introduction a { font-weight: bold; }

#special_topic .title_introduction { }
#special_topic .title_thumbnail_introduction { }

#news { float: left; margin: 4px 4px 0 0; width:315px;  }
#news div { padding: 4px; }

#hotspot { float: left; margin: 4px 4px 0 0; width:315px; }
#hotspot ul { maring: 0 auto; }

#guide { float: left; margin: 4px 0 0 0; width:320px;  }
#guide div { padding: 4px; }

#seminar { float: left; margin: 4px 4px 0 0; width:315px;  }
#seminar div { padding: 4px; }

#interview {float: left; margin: 4px 0 0 0; width:637px;  }
#interview div { }

#company { margin: 4px 0 0 0; width:955px}
#company div { padding: 4px; }

#company_text div { float: left; padding: 4px 0; width: 230px; }

#goootech { float: left; margin: 4px 4px 0 0; width:315px;  }
#goootech div { padding: 4px; }

#topic { float: left; margin: 4px 0 0 0; width:637px;  }
#topic div { padding: 4px; }
#topic .title_thumbnail_introduction { float: left; width: 280px; height: 115px; overflow: hidden; }

ul.slideshow { list-style: none; width: 315px; height:280px; overflow: hidden; position:relative; margin:0;	padding:0;}	
ul.slideshow li {position:absolute;left:0;right:0;}
ul.slideshow li.show {z-index:500;}
ul img {border:none;}
#slideshow-caption {width:315px;height:44px;position:absolute;bottom:0;left:0;color:#fff;background:#000;z-index:500;}
#slideshow-caption .slideshow-caption-container {padding:4px 0 0 4px;z-index:1000;}
#slideshow-caption h3 {margin:0;padding:0;font-size:12px;}
#slideshow-caption p {margin:2px 0 0 0;padding:0;}

#footer{ background:#e8eedd; margin: 8px auto; padding:5px 0; clear:both; text-align:center;}
#footer .line{padding-top:5px;}
#count{display:none;}

/*
#special_topic h2 a { background-color: #ddd !important; }
*/