@charset "utf-8";
/* CSS Document */
body,ul,a,li,img,dt,dl,dd,h1,h2,h3,h4,h5,h6,h7,input,p,form{margin:0px;padding:0px;}
body{font-family:"Arial","新細明體"; line-height:20px; font-size:13px; color:#333; background:url(../images/Bg.jpg) top repeat-x;}
img{vertical-align:top; border:none;}
ul{list-style:none;}
a{ text-decoration:none; color:#333;}
a:hover{ color:#006699;}
/*Header*/
.Header{ background:url(../images/HeaderBg.jpg) top repeat-x; width:960px; height:101px; padding:10px 0 0 0; margin:auto; overflow:hidden;}
.Logo{ float:left; width:559px; padding:31px 0 0 0;}
.Menu{ float:left; width:401px; background:url(../images/Line.jpg) top right no-repeat;}
.Menu ul li{background:url(../images/Line.jpg) no-repeat; float:left; width:100px; height:57px; padding:44px 0 0 0; text-align:center;} 
.Menu ul li a{ display:block; height:56px; border-bottom:1px solid #d6d6d6;}
.Menu ul li a:hover,.Menu ul li a.Now{ border-bottom:1px solid #006699;}
/*Location*/
.Location{ width:960px; height:40px; line-height:40px; margin:auto; font-family:"Arial","微軟正黑體";}
.Location span{ color:#006699;}
/*Footer*/
.FooterBg{ background:url(../images/Footer.jpg) top repeat-x; height:110px;}
.Footer{ border-top:1px solid #66cc00; width:820px; padding:17px 70px 0 70px; margin:auto; line-height:20px; color:#666; font-size:12px;}
.Footer a{ color:#666;}
.Footer a:hover{ color:#006699;}
.OZCHAMP{ float:right;}
/*Banner*/
.Banner{ position:relative; width:960px; height:220px; margin:auto;}
.LeftTitle{ position:absolute; left:0; bottom:0;}
.Title{ position:absolute; right:0; bottom:0; background:#006699; width:200px; text-align:center; padding:55px 0 0 0; height:45px;}
/*CenterBody*/
.CenterBody{ background:url(../images/Center.png) bottom right no-repeat; width:960px; margin:auto; padding:0 0 150px 0; overflow:hidden;}
.LeftBody{ float:left; width:200px; padding:0 30px 0 0;}
.LeftMenu{ width:auto; height:auto; font-size:17px; font-family:"標楷體";}
.LeftMenu ul li a{ display:block; background:url(../images/LeftAN.jpg) no-repeat; height:30px; line-height:30px; padding:0 0 0 10px;}
.LeftMenu ul li a:hover,.LeftMenu ul li a.Now{ background:url(../images/LeftHover.jpg) no-repeat; color:#FFF;}
.RightBody{ float:left; width:730px; font-family:"標楷體";}
.Language{ height:30px; width:720px; padding:0 10px 0 0; font-family:"Arial","微軟正黑體";}
.Language ul{ float:right;}
.Language ul li{ float:left; font-size:15px;}
.Language ul li a{ display:block; background:#e4e4e4; width:30px; text-align:center; height:30px; line-height:30px; color:#666;}
.Language ul li a:hover,.Language ul li a.Now{ background:#006699; color:#FFF;}
.RightTitle{ border-bottom:1px solid #CCC; height:66px; line-height:66px; font-size:31px; margin:0 0 23px 0;}
.RightTitle span{ color:#006699;}
/*關於我們*/
.AboutFCK{font-size:15px; line-height:200%; }
.About{ width:730px;padding:6px 0 30px 0; overflow:hidden;}
.Title01{ color:#006699; font-size:25px; padding:0 0 10px 0;}
.AboutList{ width:730px; overflow:hidden; padding:37px 0 0 0;}
.AboutList ul{ width:800px; overflow:hidden;}
.AboutList ul li{ float:left; background:url(../images/AboutBg.png) no-repeat; width:122px; height:103px; padding:0 27px 0 2px;}
/*聯絡我們*/
.ContactMap{margin:0 0 0 2px; color:#006699; font-size:11px; overflow:hidden;}
.Line{ border:1px solid #CCC; padding:4px; width:716px; }
.ContactMap a{ float:right; color:#006699; text-decoration:underline; padding:3px 5px 0 0;font-size:15px;}
.ContactInfo{ line-height:180%; padding:0 0 30px 8px; font-size:15px;}
.ContactForm{ height:auto; padding:0 0 0 8px; line-height:30px;font-size:15px;}
.ContactForm td{ padding:0 0 8px 0;}
.ContactForm .In{ border:1px solid #ccc; height:28px; line-height:28px; width:300px; font-size:13px; color:#333;}
.ContactForm textarea{ border:1px solid #ccc; height:150px; line-height:24px; width:540px; font-size:13px; color:#333;}
/*分頁*/
.Paging{ padding:30px 0 0 0; text-align:center; height:30px; line-height:30px;}
.Paging a{ border:1px solid #eceeeb; display:block;font-weight:bold; width:28px; line-height:28px; height:28px; float:left; color:#999; font-size:16px; margin:0 5px 0 4px; display:inline;}
.Paging a:hover,.Paging a.Now{ background:#006699; border:1px solid #006699; color:#FFF; }
.InfoPaging{ width:694px; margin:auto; padding:30px 0 0 0; height:30px; line-height:30px;}
.InfoPaging a{ border:1px solid #eceeeb; display:block;width:50px; color:#666; text-align:center; height:28px;  float:right; font-weight:bold;}
.InfoPaging a:hover{border:1px solid #006699; background:#006699; color:#FFF;}
/*最新消息*/
.NewsList{ width:730px; padding:0 0 40px 0 ; font-size:15px;}
.NewsList ul li{ background:url(../images/NewsIco.jpg) 10px 14px no-repeat; border-bottom:1px dotted #CCC; height:34px; line-height:34px; padding:0 0 0 28px;}
.NewsList ul li span{ color:#C92C25; padding:0 26px 0 0;}
/*新聞詳細*/
.NewsTitle{ border-bottom:1px dotted #CCC; font-size:15px; font-weight:bold; text-align:center; line-height:22px; padding:0 0 5px 0;}
.Date{ color:#999; text-align:center; padding:12px 0 10px 0;}
.NewsFCK{ line-height:180%; width:694px; margin:auto; padding:0 0 30px 0; font-size:15px;}
/*產品列表*/
.ProList{ width:730px; overflow:hidden; padding:10px 0 0 0;}
.ProList ul{ width:759px; overflow:hidden;}
.ProList ul li{ float:left; background:url(../images/ProBg.png) no-repeat; width:201px; height:259px; padding:9px 14px 0 12px; text-align:center; margin:0 23px 0 2px; display:inline;}
.ProList ul li img{ height:158px; display:block;}
.ProList ul li a h3{ font-weight:normal; font-size:15px; margin:24px 0 0 0;}
.ProList ul li a h3 span{ background:url(../images/ProIco.png) 0 2px no-repeat; padding:0 0 0 16px;}
/*產品詳細*/
.ProInfo{ width:730px; padding:16px 0 44px 0; overflow:hidden;}
.ProLeft{ float:left; background:url(../images/InfoBg.png) no-repeat; width:500px; height:552px; padding:7px 0 0 12px;}
.ProRight{ float:left; position:relative; width:218px;}
.ProRight ul{width:218px;  overflow:hidden}
.ProRight ul li{ float:left; padding:0 0 8px 0;}
.ProRight ul li a{ float:left; display:block; border:1px solid #d7d7d7; padding:3px; width:90px; height:92px; margin:0 10px 0 0;}
.TopAn,.BottomAn{ position:absolute; left:99px;}
#carousel a.Now{ border:1px solid #006699;}
.TopAn { top:-16px;}
.BottomAn{ bottom:-10px;}
.ProFCK{ background:#f5f5f5; border:1px solid #ccc; line-height:180%; width:676px;padding:23px 16px 25px 20px; margin:0 0 0 4px; font-size:15px;}
#ProName{text-align:center; width:418px; font-size:15px; margin:20px 0 auto;font-weight:600;}







