@charset "utf-8";
/* CSS Document */
body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	}
.Hidden {
	display: none;
	}
.Clear {
	clear: both;
	}
	.clear{
	clear:both}
.BlueText {
	color:#0066CC;
	}
.RedText {
	color:#CC0000;
	}
.DarkText {
	color:#333333;
	}
.SmallText {
	font-family: Tahoma;
	font-size: 11px;
	line-height: 1.5em;
	}
.MiddleText {
	font-family:"Times New Roman", Times, serif;
	font-size: 12px;
	line-height: 1.5em;
	}
.LargeText {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.5em;
	}
.BtnSearch {
	margin: 0;
	padding: 0;
	width: 70px;
	height: 22px;
	background: url(../images/btn_search_bg.jpg);
	color: #000000;
	font-family: Tahoma;
	font-size: 12px;
	text-align: center;
	border: none;
	}
	
/*外包裹器*/
#WrapperIntro {
	margin: 0 auto;
	padding: 0;
	width: 1003px;
	}
#Wrapper {
	margin: 0 auto;
	padding: 0;
	width: 983px;
	}
	
/*Header*/
#Header {
	margin: 10px 0 0 0;
	text-align: left;
	}
#Logo {
	margin: 0;
	padding: 0;
	background: url(../images/logo.gif) no-repeat;
	width: auto;
	height: 60px;
	}
#Logo h1 {
	display: none;
	}
#NaviIntro {
	margin: 0;
	padding: 0;
	width: 300px;
	height: 300px;
	float: left;
	}
div#NaviIntro span {
	display: none;
	}
#IntroAbout, #IntroNews, #IntroProduct, #IntroContact {
	width: 100px;
	height: 100px;
	float: left;
	}
#IntroAbout {
	margin: 0 0 0 100px !important;
	margin: 0 0 0 50px;
	}
#IntroNews {
	margin: 0px;
	background: #DEDFDE;
	}
#IntroProduct {
	padding: 0 0 0 100px;
	background: #DEDFDE;
	}
#IntroContact {
	margin: 0;
	}
#IntroAbout a, #IntroNews a, #IntroProduct a, #IntroContact a {
	margin: 0;
	padding: 0;
	width: 100px;
	height: 100px;
	display: block;
	}
#IntroAbout a {
	background: url(../images/navi_index.jpg) no-repeat -100px -100px;
	}
#IntroAbout a:hover {
	background: url(../images/navi_index_over.jpg) no-repeat -100px -100px;
	}
#IntroNews a {
	background: url(../images/navi_index.jpg) no-repeat 0 0;
	}
#IntroNews a:hover {
	background: url(../images/navi_index_over.jpg) no-repeat 0 0;
	}
#IntroProduct a {
	background: url(../images/navi_index.jpg) no-repeat -200px 0;
	}
#IntroProduct a:hover {
	background: url(../images/navi_index_over.jpg) no-repeat -200px 0;
	}
#IntroContact a {
	background: url(../images/navi_index.jpg) no-repeat 0 -200px;
	}
#IntroContact a:hover {
	background: url(../images/navi_index_over.jpg) no-repeat 0 -200px;
	}
#IntroLogo {
	margin: 0;
	padding: 0;
	width: 700px;
	height: 100px;
	background: #DEDFDE;
	float: left;
	}
#IntroLogo h1 {
	margin:0 10px;
	padding: 0;
	width: auto;
	height: 100px;
	background: url(../images/logoIntro.gif) no-repeat right center;
	display: block;
	}
#IntroLogo span {
	display: none;
	}
#IntroSwf {
	margin: 10px 0 0 0;
	padding: 0;
	width: 700px;
	height:425px;
	float: left;
	}
/*MainPage Navi*/
#Navi, #Navi1, #Navi2, #Navi3, #Navi4, #Navi5 {
	margin: 0;
	padding: 0;
	width: 450px;
	float: left;
	}
#Menu {
	margin: 10px 0 0 0;
	padding: 0;
	background: url(../images/main_navi_en.jpg) no-repeat left top;
	width: 450px;
	height: 108px;
	}
#Menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}
#Menu span {
	display: none;
	}
#Menu li#m1, #Menu li#m2, #Menu li#m3, #Menu li#m4, #Menu li#m5 {
	margin: 0;
	padding: 0;
	width: 90px;
	height: 108px;
	display: block;
	float: left;
	}
#Menu li#m1 a, #Menu li#m2 a, #Menu li#m3 a, #Menu li#m4 a, #Menu li#m5 a {
	margin: 0;
	padding: 0;
	width: 90px;
	height: 108px;
	display: block;
	}
#Menu li#m1 a:hover, #Navi1 #Menu li#m1 a {
	background: url(../images/main_navi_en_over.jpg) no-repeat 0px 0px;
	}
#Menu li#m2 a:hover, #Navi2 #Menu li#m2 a {
	background: url(../images/main_navi_en_over.jpg) no-repeat -90px 0px;
	}
#Menu li#m3 a:hover, #Navi3 #Menu li#m3 a {
	background: url(../images/main_navi_en_over.jpg) no-repeat -180px 0px;
	}
#Menu li#m4 a:hover, #Navi4 #Menu li#m4 a {
	background: url(../images/main_navi_en_over.jpg) no-repeat -270px 0px;
	}
#Menu li#m5 a:hover, #Navi5 #Menu li#m5 a {
	background: url(../images/main_navi_en_over.jpg) no-repeat -360px 0px;
	}

/*HeaderSwf*/
#HeaderSWF {
	margin: 10px 0 0 0;
	width: 393px;
	height: 108px;	
	background: url(../images/headerswf_bg.jpg) repeat-x left top;
	float: left;
	}

/*LanguageChange*/
#Location {
	margin: 70px 0 0 0;
	width: 140px;
	height: 24px;
	float: left;
	}	
#LocationChange {
	margin: 0;
	padding: 0;
	width: 140px;
	list-style: none;
	display: block;
	}
#LocationChange a {
	width: 140px;
	height: 24px;
	display: block;
	}
#LocationChange a span {
	display: none;
	}
#LocationChange li {
	float: left; 
	width: 140px;
	} 
#LocationChange li a:hover { 
	display: block;
	} 
#LocationChange li ul { 
	margin: 0;
	padding: 0;
	left: -1000em;
	width: 140px;
	list-style: none;
	position: absolute; 
	} 
#LocationChange li ul li{ 
	float: left;
	width: 140px;
	} 
#LocationChange li ul a{ 
	display: block;
	width: 140px;
	} 
#LocationChange li ul a:link {
	display: block;
	} 
#LocationChange li ul a:visited { 
	display: block;
	} 
#LocationChange li ul a:hover { 
	display: block;
	} 
#LocationChange li:hover ul { 
	left: auto;
	} 
#LocationChange li.sfhover ul { 
	left: auto; 
	} 
.SelectLang {
	background:url(../images/location.jpg);
	}
a.LangTW {
	background: url(../images/location.jpg) no-repeat 0px -24px;
	}
a.LangTW:hover {
	background: url(../images/location_over.jpg) no-repeat 0px -24px;
	}
a.LangCN {
	background: url(../images/location.jpg) no-repeat 0px -47px;
	}
a.LangCN:hover {
	background: url(../images/location_over.jpg) no-repeat 0px -47px;
	}
a.LangEN {
	background: url(../images/location.jpg) no-repeat 0px -71px;
	}
a.LangEN:hover {
	background: url(../images/location_over.jpg) no-repeat 0px -71px;
	}	
/*Middle*/
#Middle {
	margin: 0;
	paddding: 0;
	}
#Left {
	margin: 0 13px 0 0;
	padding: 6px 0 0 0;
	width: 170px;
	background:url(../images/left_bg.jpg) repeat-x left top;
	float: left;
	text-align: left;
	}
#Right {
	margin: 0;
	padding: 0;
	width: 800px;
	text-align: left;
	float: left;
	}
#PageHeading {
	margin: 0;
	padding: 10px 0;
	height: 54px;
	}
.Page1 {
	background:url(../images/title_1.jpg) no-repeat center right;
	}
.Page2 {
	background:url(../images/title_2.jpg) no-repeat center right;
	}
.Page3 {
	background:url(../images/title_3.jpg) no-repeat center right;
	}
.Page4 {
	background:url(../images/title_4.jpg) no-repeat center right;
	}
.Page5 {
	background:url(../images/title_5.jpg) no-repeat center right;
	}
#TitleHeading {
	margin: 0;
	padding: 0;
	height: 30px;
	font-size: 12px;
	font-weight: bold;
	font-family: Tahoma;
	line-height: 30px;
	text-indent: 1em;
	}
#WebPath {
	margin: 7px 0 0 0;
	padding: 0;
	height: 21px;
	color: #CC0000;
	font-family: Tahoma;
	font-size: 11px;
	line-height: 21px;
	text-indent: 1em;
	}
#WebPath a {
	color: #000000;
	text-decoration: underline;
	}
#WebPath a:link, #WebPath a:visited {
	color: #000000;
	text-decoration: underline;
	}
#WebPath a:hover {
	color: #CC0000;
	text-decoration: none;
	}
	
	
/*Catalogue*/
#Catalogue {
	margin: 0;
	padding: 0;
	}
#CataHeading {
	margin: 0;
	padding: 10px 0 10px 0;
	background: #D8D8D8;
	font-family: Tahoma;
	font-size: 12px;
	font-weight: bold;
	color:#333333;
	border-bottom: 1px solid #CCCCCC;
	}	
#Catalogue ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}
#Catalogue ul li {
	margin: 0;
	padding: 0;
	width: 170px;
	height: 30px;
	line-height: 30px;
	background: #EFEFEF;
	border-bottom: 1px solid #dedede;
	display: block;
	}	
#Catalogue a, #Catalogue a:visited {
	margin: 0;
	padding: 0;
	height: 30px;
	line-height: 30px;
	color:#003399;
	font-family: Tahoma;
	font-size: 11px;
	text-decoration: none;
	}
#Catalogue a:hover {
	color:#CC0000;
	}

#CataSelectd {
	height: 30px;
	line-height: 30px;
	background: #4899D8;

	border-bottom: 1px solid #CCD2DD;
	}
#CataSelectd a:link, #CataSelectd a:visited {
	height: 30px;
	line-height: 30px;
	color: #ffffff;
	}
/*Main*/	
#MainHeading {
	margin: 0;
	padding: 0;
	width: 800px;
	height: 58px;
	background:url(../images/title_heading.jpg);
	}
	
#MainContent {
	margin: 0;
	padding: 10px 20px;
	color: #666666;
	text-align: left;
	font-family: Tahoma;
	font-size: 12px;
	line-height: 2em;
	background:#EDF9FF;
	}
#MainContentnews {
	margin: 0;
	padding: 10px 20px;
	color: #666666;
	text-align: left;
	font-family: Tahoma;
	font-size: 12px;
	line-height: 1.3em;
	}
#Search {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #E9E9E9;
	text-align: right;
	display: none;
	}
#Search form {
	margin: 0;
	padding: 0 0 10px 0;
	}
/* Contact form*/
#FormContact {
	margin: 0;
	padding: 5px 5px 5px 50px;
	display: block;
	}
#FormLeft, #FormLeft ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
	float: left;
	}
#FormLeft ul li {
	margin: 0;
	padding: 5px 0 3px 0;
	list-style: none;
	color: #333333;
	font-family: Tahoma;
	font-size: 12px;
	width: 160px;
	height: 25px;
	display: block;
	}
#FormRight, #FormRight ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
	float: left;
	}
#FormRight ul li {
	margin: 0;
	padding: 5px 0 3px 0;
	list-style: none;
	color: #666666;
	font-family: Tahoma;
	font-size: 12px;
	width: 500px;
	height: 25px;
	display: block;
	}
#FormRight input, #FormRight textarea {
	margin: 0;
	color: #333333;
	font-family: Tahoma;
	font-size: 12px;
	line-height: 1.5em;
	border-top: none;
	border-right: none;
	border-left: none;
	border-bottom: 1px solid #CCCCCC;
	background: #f7f7f7;
	scrollbar-base-color: WhiteSmoke; 
	scrollbar-face-color: White;
	scrollbar-track-color: WhiteSmoke; 
	scrollbar-arrow-color: IndianRed; 
	scrollbar-3dlight-color: White; 
	scrollbar-darkshadow-color: WhiteSmoke; 
	scrollbar-highlight-color: White; 
	scrollbar-shadow-color: Gainsboro;
	} 
#BtnInput {
	margin: 0 0 0 160px;
	padding: 5px;
	}
/*Product*/
.NewProduct {
	margin: 3px 0;
	padding: 0;
	}
.NewPPic {
	margin: 0 2px;
	padding: 3px;
	width: 160px;
	height: 120px;
	border: 1px solid #e4e4e4;
	float: left;
	}
.NewPPic img {
	width: 160px;
	height: 120px;
	display: block;
	}
.NewProductName {
	float:left; 
	padding: 3px;
	border:1px solid #e4e4e4;
	color:#006699;
	font-family: Tahoma;
	font-size:14px;
	font-weight:bold; 
	text-decration: none;
	width: 560px;
	background: #ffffff;
	}
.NewProductName a {
	display: block;
	text-indent: 10px;
	background: url(../images/btn_view.gif);
	}
.NewProductContent {
	float:left;
	text-indent: 10px;
	padding: 3px;
	margin: 2px 0;
	border:1px solid #e4e4e4;
	font-family: Tahoma;
	font-size:11px; 
	line-height: 1.5em;
	width: 560px;
	}
.ProductList {
	height: 250px;
	background: url(../images/pro_list.jpg) no-repeat center bottom;
	}
.ProdcutDFA {
	 background: #EAFEFF;
	 display: block;
	 width: auto;
	 font-weight: bold; 
	 text-indent: 10px;
	 }
ul.ProductSelect {
	margin:10px 0;
	padding: 0;
	list-style: none;
	display: block;
	float: left;
	}
ul.ProductSelect li {
	margin:0 1px;
	padding: 0;
	font-size:11px;
	list-style: none;
	display: block;
	float: left;
	}
ul.ProductSelect select {
	font-size: 11px;
	font-family: Tahoma;
	}
		
/*Footer*/
#Footer {
	margin: 15px 0 0 0;
	padding: 0;
	background: url(../images/footer_mid.jpg) repeat-x left top;
	font-family: Tahoma;
	font-size: 11px;
	color: #ffffff;
	line-height: 1.5em;
	}
#FooterLeft {
	margin: 0;
	padding: 4px 10px 4px 10px;
	background: url(../images/footer_left.jpg) no-repeat left top;
	text-align: center;
	overflow: hidden;
	}
#FooterRight {
	margin: 0;
	padding: 0;
	background: url(../images/footer_right.jpg) no-repeat left top;
	width: 10px;
	float: right;
	}
.Links, a.Links:link, a.Links:visited {
	margin: 0 5px;
	padding: 0 10px;
	height: 30px;
	background: url(../images/footer_links_bg.gif) no-repeat left center;
	color: #CFD8EF;
	font-family: Tahoma;
	font-size: 12px;
	text-decoration: none;
	text-indent: 20px;
	text-align: left;
	line-height: 30px;
	display:block;
	float: left;
	}
a.Links:hover {
	text-decoration: none;
	color: #FFFFFF;
	}
#FooterBottom {
	margin: 0;
	padding: 5px;
	background: #FFFFFF;
	color: #777777;
	line-height: 1.5em;
	font-family: Tahoma;
	font-size: 11px;
	}
.Ozchamp, a.Ozchamp:link , a.Ozchamp:visited {
	color: #cccccc;
	font-size: 9px;
	text-decoration: none;
	}
a.Ozchamp:hover {
	color: #ffffff;
	text-decoration: underline;
	}
.OzchampSuben, a.OzchampSuben:link , a.OzchampSuben:visited {
	color: #777777;
	font-size: 9px;
	text-decoration: none;
	}
a.OzchampSuben:hover {
	color: #CC0000;
	font-size: 9px;
	text-decoration: underline;
	}
	
/* contact us*/
.ContactBlock1 {
	width: 150px;
	height: 40px;
	background: url(../images/block_1.jpg);
	font-size: 12px; 
	font-family: Tahoma;
	font-weight: bold;
	}
.ContactBlock2 {
	width: 150px;
	height: 40px;
	background: url(../images/block_2.jpg);
	font-size: 12px; 
	font-family: Tahoma;
	font-weight: bold;
	}
.ContactBlock2a {
	width: 150px;
	height: 40px;
	background: url(../images/block_2_1.jpg);
	font-size: 12px; 
	font-family: Tahoma;
	font-weight: bold;
	}
.ContactBlock3 {
	width: 150px;
	height: 40px;
	background: url(../images/block_3.jpg);
	font-size: 12px; 
	font-family: Tahoma;
	font-weight: bold;
	}
.ContactBlock3a {
	width: 150px;
	height: 40px;
	background: url(../images/block_3_1.jpg);
	font-size: 12px; 
	font-family: Tahoma;
	font-weight: bold;
	}
.ContactBlock3b {
	width: 150px;
	height: 40px;
	background: url(../images/block_3_2.jpg);
	font-size: 12px; 
	font-family: Tahoma;
	font-weight: bold;
	}
.ContactBlock4 {	width: 150px;
	height: 40px;
	background: url(../images/block_4.jpg);
	font-size: 12px; 
	font-family: Tahoma;
	font-weight: bold;
	}
.ContactBlock5 {
	width: 150px;
	height: 40px;
	background: url(../images/block_5.jpg);
	font-size: 12px; 
	font-family: Tahoma;
	font-weight: bold;
	}
.ContactBlock6 {
	width: 150px;
	height: 40px;
	background: url(../images/block_contact.jpg) no-repeat right bottom;
	font-size: 12px; 
	font-family: Tahoma;
	font-weight: bold;
	}
/* Site map*/
#SiteMap {
	margin: 0;
	padding: 0;
	height: 420px;
	background: url(../images/block_contact.jpg) no-repeat right bottom;
	display:block;
	}
#SMHome {
	margin: 1px;
	padding: 0;
	background: url(../images/block_1.jpg) no-repeat;
	width: 130px;
	height: 40px;
	text-align: center;
	display: block;
	list-style: none;
	float: left;
	}
#SMAbout {
	margin: 1px;
	padding: 0;
	background: url(../images/block_2.jpg) no-repeat;
	width: 130px;
	height: 40px;
	text-align: center;
	display: block;
	list-style: none;
	float: left;
	}
#SMProduct {
	margin: 1px;
	padding: 0;
	background: url(../images/block_3.jpg) no-repeat;
	width: 130px;
	height: 40px;
	text-align: center;
	display: block;
	list-style: none;
	float: left;
	}
#SMNews {
	margin: 1px;
	padding: 0;
	background: url(../images/block_4.jpg) no-repeat;
	width: 130px;
	height: 40px;
	text-align: center;
	display: block;
	list-style: none;
	float: left;
	}
#SMContact {
	margin: 1px;
	padding: 0;
	background: url(../images/block_5.jpg) no-repeat;
	width: 130px;
	height: 40px;
	text-align: center;
	display: block;
	list-style: none;
	float: left;
	}
#SMHome a, #SMAbout a, #SMProduct a, #SMNews a, #SMContact a {
	color: #FFFFFF;
	font-family: Tahoma; 
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	line-height: 40px;
	}
ul#SMAboutSub {
	margin: 0;
	padding: 0;
	list-style: none;
	}
ul#SMAboutSub li {
	margin: 1px 0;
	padding: 0;
	background: url(../images/block_2_1.jpg) no-repeat;
	width: 130px;
	height: 40px;
	text-align: left;
	text-indent: 20px;
	display: block;
	list-style: none;
	}
ul#SMProductSub {
	margin: 0;
	padding: 0;
	list-style: none;
	}
ul#SMProductSub li {
	margin: 1px 0;
	padding: 0;
	background: url(../images/block_3_1.jpg) no-repeat;
	width: 130px;
	height: 40px;
	text-align: left;
	text-indent: 20px;
	display: block;
	list-style: none;
	}
ul.SMProductSubSub {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	list-style: none;
	height: 30px;
	width:100px;
	}
ul.SMProductSubSub li {
	margin: 1px 0;
	background: url(../images/block_3_2.jpg) no-repeat;
	width: 100px;
	height: 30px;
	text-align: left;
	text-indent: 8px;
	display: block;
	list-style: none;
	}
ul#SMNewsSub {
	margin: 0;
	padding: 0;
	list-style: none;
	}
ul#SMNewsSub li {
	margin: 1px 0;
	padding: 0;
	background: url(../images/block_4_1.jpg) no-repeat;
	width: 130px;
	height: 40px;
	text-align: left;
	text-indent: 20px;
	display: block;
	list-style: none;
	}
ul#SMAboutSub a, ul#SMProductSub a, ul#SMNewsSub a {
	color: #333333;
	font-size: 11px;
	font-weight: 100;
	text-align: left;
	text-indent:15px;
	text-decoration: none;
	}
ul#SMAboutSub a:hover, ul#SMProductSub a:hover, ul#SMNewsSub a:hover {
	color: #CC0000;
	text-decoration: none;
	}
ul.SMProductSubSub a {
	margin: 0 0 0 10px;
	font-size:10px;
	}
/*News*/
#MainNews {
	margin: 0;
	padding: 0;
	background: url(../images/newslist_bg.gif) repeat-y left top;
	}
#NewsListTop {
	margin: 0;
	padding: 0;
	background: url(../images/newslist_title.gif) no-repeat;
	width: 757px;
	height: 43px;
	}
#MainNews a {
	color:#666666;
	text-decoration: none;
	}
.NewsTitle {
	margin: 0 5px;
	width: 600px;
	float: left;
	}
.NewsDate {
	margin: 0 5px 0 0;
	padding: 0;
	width: 130px;
	float: left;
	}
.NewsTitle, .NewsDate {
	color: #000000;
	line-height: 43px;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	text-indent: 30px;
	float: left;
	}
#NewsList {
	margin: 0;
	padding: 0;
	}
.NewsListTitle {
	margin:  0;
	padding: 0 0px;
	width: 600px;
	height: 22px;
	text-indent: 15px;
	color:#666666;
	border-bottom: 1px dashed #d4d4d4;
	float: left;
	}
.NewsListTitle1 {
	margin:  0;
	padding: 0 0px;
	width: 600px;
	height: 22px;
	text-indent: 15px;
	color:#666666;
	background:#FFFFCC;
	border-bottom: 1px dashed #d4d4d4;
	border-left:1px solid #D4D4D4;
	float: left;
	}
.NewsListDate {
	margin: 0 0 0 0px;
	padding: 0;
	width: 134px;
	font-size: 11px;
	font-family: Tahoma;
	color: #666666;
	text-align: center;
	float: left;
	}
#NewsListBottom {
	background: url(../images/newslist_bottom.gif) no-repeat;
	width:757px;
	height: 10px;
	font-size: 5px;
	}
	
	.NewsYearList1 {
		background: #e4e4ff;
	}
	.NewsYearList2 {
		background: #ffffff;
	}