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

body {margin:0;	padding:0;background:url(images/bg.jpg) repeat-x top #fff; font-size:13px; line-height:1.8em; font-family:Arial, Helvetica, sans-serif;}
a:hover{ color:#C00;}
img{ border:none;}

.red{ color:#C00; font-size:15px; font-weight:bold;}


#wrapper{ width:995px; margin:0 auto;}
#header{ height:197px; position:relative;}
#header h1{ padding:0; margin:0; float:left;height:132px;}
#header .search{ float:right; width:36%; padding-top:30px;}
#header .lan{ position:absolute; top:7px; right:0;}


#menu{ background:url(images/menu_bg.jpg) top no-repeat; list-style:none; height:65px; margin:0; padding:0;}
#menu li{ float:left; border-right:#353535 1px solid;}
#menu li a{ color:#FFF; line-height:65px; font-family:"微軟正黑體"; text-decoration:none; padding:0 20px; font-size:18px;}
#menu li a:hover{ color:#FF0;}

#main{ padding:10px 0;}

#four div div{ padding:30px 0 30px 30px; float:left; width:380px; font-size:13px; color:#666;}
#four div div .title{ font-size:25px; color:#f33535; display:block; font-weight:bolder; line-height:1.8em;}
#four div div .cname{ display:block; font-weight:bolder; padding:15px 0; color:#111;}
#four div div ul{ margin-left:15px; list-style: disc;}
#four div div .morebtn{ display:block; padding-top:30px;}


#introduction{margin-top: 30px;}
#introduction .left{height:286px; width:510px; float:left; background-color:#f3f3f3; padding:15px 40px;}
#introduction .left .title{ font-size:18px; font-weight:bolder;}
#introduction .left h2{ font-size:13px; line-height:1.8em; font-weight:lighter; color:#111;}
#introduction .left h2 a{ color:#111; text-decoration:none;}
#introduction .left h2 a:hover{ color:#C00;}
#introduction .right{height:216px; width:170px; float:right; background:url(images/news_bg.jpg) top right no-repeat #f3f3f3; padding:100px 180px 0 50px;}
#introduction .righten{height:237px; width:300px; float:right; background:url(images/news_bg_en.jpg) top right no-repeat #f3f3f3; padding:80px 50px 0 50px;}

#introduction .search{ width:90%; margin:0 auto 1%; background-color:#e8e8e8; padding:0 5%;}
#introduction .search .gsc-input{ padding:6px;}


#products{margin:25px 0; padding:0;}
#products a{ background:url(images/pro_bg.jpg) top left no-repeat; width:178px; height:360px; float:left; text-align:center; padding:5px 10px; font-size:18px; font-weight:900; text-decoration:none; }
#products a strong{ display:block; padding:10px 9px 0;color:#111; font-size: 15px; height:55px;}
#products a img{ border:none;}


#footer{ text-align:center; padding:25px; color:#636363;}
#footer a{color:#636363;}
#footer a img{ border:none;}

.space{ clear:both;}





/*  link
---------------------------------------------*/
#link {
	margin:25px 0 30px; padding:0px;
	height: 62px;
	list-style-type: none; float:left;}
#link li {
	float: left;
}
#link li a {
	display: block;
	overflow: hidden;
	height: 0 !important;
	height /**/:62px;
	padding-top: 62px;
	background-image: url(images/link.jpg);
	color: #FFFFFF;
}

	
	/* offMouseɦm */
    #nav01 a { width: 165px; background-position:  0     0; }
	#nav02 a { width: 165px; background-position: -165px  0; }
	#nav03 a { width: 166px; background-position: -330px 0; }
	#nav04 a { width: 167px; background-position: -496px 0;}
    #nav05 a { width: 166px; background-position: -663px 0; }
	#nav06 a { width: 166px; background-position: -829px  0; }

	

	/* onMouseɦm */
	#nav01 a:hover { width: 165px; background-position:  0     -62px; }
	#nav02 a:hover { width: 165px; background-position: -165px -62px; }
	#nav03 a:hover { width: 166px; background-position: -330px -62px; }
	#nav04 a:hover { width: 167px; background-position: -496px -62px; }
	#nav05 a:hover { width: 166px; background-position: -663px -62px; }
	#nav06 a:hover { width: 166px; background-position: -829px -62px; }



/**
 * Default theme
 *
 */
/* Slight reset to make the preview have ample padding. */
.cse .gsc-control-cse,
.gsc-control-cse {
  padding: 1em;
  width: auto;
}
.cse .gsc-control-wrapper-cse,
.gsc-control-wrapper-cse {
  width: 100%;
}
.cse .gsc-branding,
.gsc-branding {
  display: none;
}
.cse .gsc-control-cse div,
.gsc-control-cse div {
  position: normal;
}
/* Selector for entire element. */
.cse .gsc-control-cse,
.gsc-control-cse {
}
.cse .gsc-control-cse:after,
.gsc-control-cse:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.cse .gsc-resultsHeader,
.gsc-resultsHeader {
  border: block;
}
table.gsc-search-box td.gsc-input {
  padding-right: 12px;
}
input.gsc-input {
  border-color: #D9D9D9;
  font-size: 13px;
  padding: 1px 6px;
}
/* Search button */
.cse input.gsc-search-button,
input.gsc-search-button {
  font-family: inherit;
  font-size: 11px;
  font-weight: bold;
  color: #000;
  padding: 0 8px;
  height: 20px;
  min-width: 54px;
  background-color: #CECECE;
  border: 1px solid #666;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}
/* Inactive tab */
.cse .gsc-tabHeader.gsc-tabhInactive,
.gsc-tabHeader.gsc-tabhInactive {
  border-bottom: none;
  color: #666666;
  background-color: #e9e9e9;
  border: 1px solid;
  border-color: #e9e9e9;
  border-bottom: none;
}
/* Active tab */
.cse .gsc-tabHeader.gsc-tabhActive,
.gsc-tabHeader.gsc-tabhActive {
  background-color: #FFFFFF;
  border: 1px solid;
  border-top: 2px solid;
  border-color: #e9e9e9;
  border-top-color: #FF9900;
  border-bottom: none;
}
/* This is the tab bar bottom border. */
.cse .gsc-tabsArea,
.gsc-tabsArea {
  margin-top: 1em;
  border-bottom: 1px solid #e9e9e9;
}
/* Inner wrapper for a result */
.cse .gsc-webResult.gsc-result,
.gsc-webResult.gsc-result,
.gsc-imageResult-column,
.gsc-imageResult-classic {
  padding: .25em;
  border: 1px solid;
  border-color: #ffffff;
  margin-bottom: 1em;
}
/* Result hover event styling */
.cse .gsc-webResult.gsc-result:hover,
.gsc-webResult.gsc-result:hover,
.gsc-webResult.gsc-result.gsc-promotion:hover,
.gsc-results .gsc-imageResult-classic:hover,
.gsc-results .gsc-imageResult-column:hover {
  border: 1px solid;
  border-color: #FFFFFF;
}
/*Promotion Settings*/
/* The entire promo */
.cse .gsc-webResult.gsc-result.gsc-promotion,
.gsc-webResult.gsc-result.gsc-promotion {
  background-color: #FFFFFF;
  border-color: #336699;
}
/* Promotion links */
.cse .gs-promotion a.gs-title:link,
.gs-promotion a.gs-title:link,
.cse .gs-promotion a.gs-title:link *,
.gs-promotion a.gs-title:link *,
.cse .gs-promotion .gs-snippet a:link,
.gs-promotion .gs-snippet a:link {
  color: #0000CC;
}
.cse .gs-promotion a.gs-title:visited,
.gs-promotion a.gs-title:visited,
.cse .gs-promotion a.gs-title:visited *,
.gs-promotion a.gs-title:visited *,
.cse .gs-promotion .gs-snippet a:visited,
.gs-promotion .gs-snippet a:visited {
  color: #0000CC;
}
.cse .gs-promotion a.gs-title:hover,
.gs-promotion a.gs-title:hover,
.cse .gs-promotion a.gs-title:hover *,
.gs-promotion a.gs-title:hover *,
.cse .gs-promotion .gs-snippet a:hover,
.gs-promotion .gs-snippet a:hover {
  color: #0000CC;
}
.cse .gs-promotion a.gs-title:active,
.gs-promotion a.gs-title:active,
.cse .gs-promotion a.gs-title:active *,
.gs-promotion a.gs-title:active *,
.cse .gs-promotion .gs-snippet a:active,
.gs-promotion .gs-snippet a:active {
  color: #0000CC;
}
/* Promotion snippet */
.cse .gs-promotion .gs-snippet,
.gs-promotion .gs-snippet,
.cse .gs-promotion .gs-title .gs-promotion-title-right,
.gs-promotion .gs-title .gs-promotion-title-right,
.cse .gs-promotion .gs-title .gs-promotion-title-right *,
.gs-promotion .gs-title .gs-promotion-title-right * {
  color: #000000;
}
/* Promotion url */
.cse .gs-promotion .gs-visibleUrl,
.gs-promotion .gs-visibleUrl {
  color: #008000;
}
/* Style for auto-completion table
 * .gsc-completion-selected : styling for a suggested query which the user has moused-over
 * .gsc-completion-container : styling for the table which contains the completions
 */
.gsc-completion-selected {
  background: #EEE;
}
.gsc-completion-container {
  font-family: Arial, sans-serif;
  font-size: 13px;
  background: white;
  border: 1px solid #CCC;
  border-top-color: #D9D9D9;
  margin-left: 0;
  margin-right: 0;
  /* The top, left, and width are set in JavaScript. */
}
.gsc-completion-title {
  color: #0000CC;
}
.gsc-completion-snippet {
  color: #000000;
}

/* Full URL */
.gs-webResult div.gs-visibleUrl-short,
.gs-promotion div.gs-visibleUrl-short {
  display: none;
}
.gs-webResult div.gs-visibleUrl-long,
.gs-promotion div.gs-visibleUrl-long {
  display: block;
}

.gsc-context-box {
  font-size: 83%;
  margin-top: 3px;
  border-collapse: collapse;
}

.gsc-context-box .gsc-col {
  padding:1px 0;
  white-space: nowrap;
  vertical-align: middle;
}

.gsc-context-box .gsc-facet-label {
  width: 65px;
  padding-left: 2px;
  text-decoration: underline;
  color: #15C;
  cursor: pointer;
}

.gsc-context-box .gsc-chart {
  width: 32em;
  padding: 3px;
  border-left: 1px solid #6A9CF3;
  border-right: 1px solid #6A9CF3;
}

.gsc-context-box .gsc-top {
  border-top: 1px solid #6A9CF3;
}

.gsc-context-box .gsc-bottom {
  border-bottom: 1px solid #6A9CF3;
}

.gsc-context-box .gsc-chart div {
  background: #6A9CF3;
  height: 9px;
}

.gsc-context-box .gsc-facet-result {
  color: #15C;
  width: 30px;
  text-align: right;
  padding-right: 5px;
}