@charset "utf-8";
html { overflow-x: auto; overflow-y: auto; }
h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dt, dd, li, body, form, input, button, img, cite, strong, em, table, td, th, hr { padding:0; margin:0; }
ul { list-style:none; }
h1{ font-size:20px; }
h2{ font-size:18px; }
h3{ font-size:14px; }
h4{ font-size:14px; }
h5{ font-size:12px; }
a:link { color: #fff; text-decoration: none; }
a:visited { color: #fff; text-decoration: none; }
a:hover { color: #fff; text-decoration: none; }
a:active { color: #fff; text-decoration: none; }


.cmnBannerHead a:link { color: #000000; text-decoration: none; }
.cmnBannerHead a:visited { color: #000000; text-decoration: none; }
.cmnBannerHead a:hover { color: #000000; text-decoration: none; }
.cmnBannerHead a:active { color: #000000; text-decoration: none; }

.body { width: 100%; height: auto; margin-right: auto; margin-left: auto; font-size: 12px; position: relative; color: #333; font-family:"Arial","微軟正黑體","新細明體"; color:#333; line-height:1.5; }
body {
	background-image: url(../img/index_bg.jpg);
	background-repeat: repeat-x;
}
.cmnBannerHead{ width: 970px; height: 50px; padding: 0 15px; margin: 0 auto; overflow: hidden; }
.cmnBannerHead li{ float: right; height: 20px; padding: 15px 5px; font-size: 12px;}
#idxBanner{ width: 100%; min-width: 1000px; height: 472px; background: url('../img/index_bg2.jpg') center center no-repeat; }
.idxBannerBar{ width: 849px; height: 68px; padding-left: 160px; margin: 0 auto; }
.idxBannerBar li{ float: left; width: 124px; height: 34px;  }
.idxBannerBar li a{ width: 124px; height: 34px; display: inline-block; }
.idxBannerBar li:hover{ background-position-y: bottom; }
.idxBannerBar .home{ width: 124px; background: url('../img/menu.png') left top no-repeat; }
.idxBannerBar .about{ width: 143px; background: url('../img/menu.png') -124px top no-repeat; }
.idxBannerBar .products{ width: 143px; background: url('../img/menu.png') -267px  top no-repeat; }
.idxBannerBar .movie{ width: 143px; background: url('../img/menu.png') -410px  top no-repeat; }
.idxBannerBar .news{ width: 143px; background: url('../img/menu.png') -553px  top no-repeat; }
.idxBannerBar .contact{ width: 143px; background: url('../img/menu.png') -696px top no-repeat; }

#idxGoods{ width: auto; min-width: 1000px; height: auto; background: #f5f5f5;}
#idxGoods a{ color: #333; }
#idxGoods ul{ width: 1000px; height: auto; margin: 0 auto; overflow: hidden; }
#idxGoods li{ float: left; width: auto; height: 180px; padding: 10px 9px; }
.idxGoodsPic{ width: 180px; border: 1px #ccc solid; }
.idxGoodsTxt{ width: 180px; height: 40px; line-height: 40px; text-align: center; border: 1px; overflow: hidden; }

#cmnMenu{ width: 100%; height: 28px; background: #c7000b; font-size: 12px;font-weight: bold;}
#cmnMenu ul{ width: 1000px; height: 28px; margin: 0 auto; }
#cmnMenu li{ float: left; width: auto; height: 28px; line-height: 28px; color: #fff; padding: 0 10px; }

#foot{ width: 100%; height: 100px; background: #000000; font-size: 16px; }
.footBody{ width: 1000px; height: 100px; margin: 0 auto; }
.footBodyInfo{ float: left; width: 680px; height: 80px; padding: 10px; }
.footCompanyName{ width: 700px; height: 30px; line-height: 30px; color: #fff; }
.footCompanyInfo{ width: 700px; height: 40px; line-height: 20px; color: #999; }
.footBodySub{ float: left; width: 280px; height: 90px; line-height: 20px; font-size: 12px; padding: 15px 10px; color: #666; }