#topHeader {
	display: block;
	height: 42px;
	-moz-box-shadow: 2px 2px 5px 1px #8f8f8f;
	-webkit-box-shadow: 2px 2px 5px 1px #8f8f8f;
	box-shadow: 2px 2px 5px 1px #8f8f8f;
filter: progid:DXImageTransform.Microsoft.Shadow(strength = 2, direction = 135, color = '#8f8f8f');
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength = 2, Direction = 135, Color = '#8f8f8f')";
	margin-bottom: 5px;
	background-image: url(../images/headerBackground.jpg);
	background-repeat: repeat-x;
}
.ie #topHeader {
	background-image: url(../images/headerBackground.jpg);
}
#topHeader #companyLogo a {
	background-image: url(../images/sinensisLogo.png);
	display: block;
	height: 42px;
	width: 174px;
	background-repeat: no-repeat;
	text-indent: -9999px;
	background-position: 18px 8px;
	float: left;
}
#topHeader #pageNav {
	display: block;
	float: left;
}
#topHeader #pageNav {
	margin-left: 10px;
}
#topHeader #pageNav li {
	float: left;
}
#topHeader #pageNav li a {
	font-family: yuan2;
	color: #FFF;
	text-decoration: none;
	height: 26px;
	display: block;
	padding-right: 6px;
	padding-left: 6px;
	-moz-transition-property: background-color;
	-webkit-transition-property: background-color;
	-o-transition-property: background-color;
	transition-property: background-color;
	-moz-transition-duration: 0.2s;
	-webkit-transition-duration: 0.2s;
	-o-transition-duration: 0.2s;
	transition-duration: 0.2s;
	padding-top: 16px;
	font-size: 0.9em;
}
#topHeader #pageNav li a:hover, .home #topHeader #pageNav #nav00 a, .reason #topHeader #pageNav #nav01 a, .detect #topHeader #pageNav #nav02 a, .product #topHeader #pageNav #nav03 a, .secret #topHeader #pageNav #nav04 a, .question #topHeader #pageNav #nav05 a, .contact #topHeader #pageNav #nav06 a {
	background-color: rgba(0,0,0,0.2);
}
#topHeader #pageNav ul .navBar {
	height: 42px;
	width: 11px;
	background-image: url(../images/headerBar.jpg);
	margin: 0px;
	padding: 0px;
}

#bannerShow {
	display: block;
	height: 304px;
	width: 100%;
}
#banner {
}
#banner #bannerTitle {
	background-color: #7da133;
	display: block;
	height: 72px;
	text-align: center;
	background-image: url(../images/bannerTitleBG.jpg);
	padding-top: 10px;
}
#banner #bannerTitle h1 {
	font-family: "yuan3";
	color: #FFF;
	font-size: 1.5em;
	letter-spacing: 0.4em;
	margin-bottom: 8px;
	font-weight: normal;
}
#banner #bannerTitle p {
	font-family: "yuan3";
	font-size: 1.5em;
	color: #FFF;
	height: 30px;
	letter-spacing: 0.4em;
}
#banner #bannerTitle p #ps01 {
	display: inline;
	background-image: url(../images/sinensisLogoSmall.png);
	background-repeat: no-repeat;
	padding-left: 88px;
	padding-bottom: 32px;
	padding-top: 8px;
	padding-right: 5px;
}
#banner #bannerTitle p #ps02 {
	display: inline;
	background-image: url(../images/sinensisLogoF.png);
	background-repeat: no-repeat;
	padding-left: 128px;
	padding-bottom: 32px;
	padding-top: 8px;
	padding-right: 10px;
	margin-left: 10px;
}
#main {
	position: relative;
}
#main #baguaLogo {
	position: absolute;
	z-index: 999;
	right: 10px;
}

#main #beiwei {
	position: absolute;
	right: 150px;
	font-size: 0.9em;
	color: #FFF;
}

.home #main #baguaLogo, .reason #main #baguaLogo, .product #main #baguaLogo, .question #main #baguaLogo, .secret #main #baguaLogo, .contact #main #baguaLogo {
	position: absolute;
	z-index: 999;
	right: 10px;
	bottom: 20px;
}
.detect #main #baguaLogo {
	position: absolute;
	z-index: 999;
	right: 10px;
	bottom: 10px;
}
.reason #main #baguaLogo{
	right: 10px;
	bottom: 0px;
	
	
	}

#btnFooter {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#656464', endColorstr = '#888889');
	/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#656464', endColorstr = '#888889')";
	/*Element must have a height (not auto)*/
/*All filters must be placed together*/
	background-image: -moz-linear-gradient(top, #656464, #888889);
	background-image: -ms-linear-gradient(top, #656464, #888889);
	background-image: -o-linear-gradient(top, #656464, #888889);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#656464), to(#888889));
	background-image: -webkit-linear-gradient(top, #656464, #888889);
	background-image: linear-gradient(top, #656464, #888889);
	height: 32px;/*--IE9 DOES NOT SUPPORT CSS3 GRADIENT BACKGROUNDS--*/
}
#btnFooter p {
	color: #FFF;
	font-size: 12px;
	display: block;
	width: 300px;
	margin-right: auto;
	margin-left: auto;
}

@font-face {
	font-family: yuan2;
	src: url(../font/yuan.otf);
}
@font-face {
	font-family: yuan3;
	src: url(../font/yuan5.otf);
}
/*共同設定區*/
#main, #topHeader, #banner {
	width: 936px;
	margin-right: auto;
	margin-left: auto;
}
