body { background: url(../../images/05/index/bg-body.jpg) #f1f1f1 repeat-x 0 0; margin: 0; color: #fff; font-size: 14px; }

div, h1, h2, h3, h4, hr, p, form, label, input, textarea, img, span { text-align: left; vertical-align: middle; margin: 0px; padding: 0px; word-wrap: normal; word-break: normal; border-width: 0; font-family: "微軟正黑體", "蘋果儷中黑", "Lucida Grande", "Arial", "Arial Narrow"; }

hr { noshade: noshade; }
th { font-weight: normal; }

ul { list-style: none; margin: 0; padding: 0; }

a:link, a:visited { color: #dedede; font-weight: normal; text-decoration: none; }
a:hover { text-decoration: underline; }

.clearBoth { clear: both; padding: 0; margin: 0; }

/* header */
#Wrapper { background: url(../../images/05/index/bg-wrapper.png) no-repeat center 0; overflow: hidden; }
#Wrapper .headerWrap { background: url(../../images/05/all/bg-header.png) repeat-x 0 0; overflow: hidden; }
#Wrapper .headerWrap header { margin: 0 auto; width: 960px; }
#Wrapper .headerWrap header #topnav { margin: 20px 0 0; width: 100%; overflow: hidden; }
#Wrapper .headerWrap header #topnav h4 { display: none; }
#Wrapper .headerWrap header #topnav ul { float: right; overflow: hidden; }
#Wrapper .headerWrap header #topnav ul li { margin: 0 0 0 9px; padding: 0 9px 0 0; background: url(../../images/05/all/dot01.png) no-repeat right 7px; float: left; font-size: 12px; }
#Wrapper .headerWrap header #topnav ul li a { color: #898989; }
#Wrapper .headerWrap header #topnav ul li h1 { font-size: 12px; color: #f1f1f1; }
#Wrapper .headerWrap header #topnav ul li.call { width: 230px; height: 30px; display: block; text-indent: -999999px; background: url(../../images/05/all/img-call.png) no-repeat 0 -7px; padding: 0; }
#Wrapper .headerWrap header #topnav ul li.last { margin: 0; padding: 0; background: none; }
#Wrapper .headerWrap header #cis { width: 360px; float: left; margin: -30px 0 25px; }
#Wrapper .headerWrap header #cis h2 { margin: 0; }
#Wrapper .headerWrap header #cis h2 img { width: 360px; }
#Wrapper .headerWrap header nav { overflow: hidden; float: right; margin: 0; background: url(../../images/05/all/bg-nav.png) no-repeat right; width: 540px; margin: 3px 0 0; }
#Wrapper .headerWrap header nav #navBar { padding: 0; width: 540px !important; height: 45px; position: relative; }
#Wrapper .headerWrap header nav #navBar .wrap { overflow: hidden; }
#Wrapper .headerWrap header nav #navBar .wrap ul { height: 45px; overflow: hidden; }
#Wrapper .headerWrap header nav #navBar .wrap ul li { width: 90px; float: left; font-size: 16px; background: url(../../images/05/all/dot-side.png) no-repeat left; }
#Wrapper .headerWrap header nav #navBar .wrap ul li a { padding: 10px 0; width: 90px; display: table-cell; font-weight: bold; color: #0f0f0f; text-align: center; }
#Wrapper .headerWrap header nav #navBar .wrap ul li a:hover { background: #f6d366; color: #0f0f0f; text-decoration: none; }
#Wrapper .headerWrap header .seo { width: 540px; float: right; margin: 10px 0 0; }
#Wrapper .headerWrap header .seo marquee { color: #ae0435; }
#Wrapper .banner { clear: both; margin: 0 auto; width: 960px; height: 360px; position: relative; overflow: hidden; }
#Wrapper .banner ul.silderShow { height: 360px; overflow: hidden; }
#Wrapper .banner ul.silderShow li { width: 960px; height: 360px; float: left; overflow: hidden; position: relative; }
#Wrapper .banner .silderNav { width: 960px; overflow: hidden; position: absolute; top: 310px; z-index: 150; text-align: center; }
#Wrapper .banner .silderNav a { margin: 0 5px; width: 25px; height: 25px; background: url(../../images/05/index/bg-silderNav.png) no-repeat 0 0; display: inline-block; text-indent: -999999px; }
#Wrapper .banner .silderNav a:hover, #Wrapper .banner .silderNav a.active { background-position: -25px 0; }
#Wrapper .linkBanner { width: 960px; margin: 0 auto; }
#Wrapper .linkBanner h3 { font-size: 14px; color: #FFF; text-align: center; font-weight: normal; margin: 5px 0 15px; }
#Wrapper .linkBanner ul li { float: left; margin: 0 13px 0 0; }
#Wrapper .linkBanner ul a img { width: 230px; height: 75px; }
#Wrapper .linkBanner ul li.last { margin-right: 0; }

/* content */
#contentWrap { clear: both; overflow: hidden; }
#contentWrap .counter { margin: 0 auto; width: 960px; }
#contentWrap .counter .wrap { margin: 15px 0; overflow: hidden; }
#contentWrap .counter .wrap #latest-news { width: 470px; float: left; position: relative; }
#contentWrap .counter .wrap #latest-news h2 { width: 155px; height: 20px; background: url(../../images/05/index/title-news.png) no-repeat 0 0; display: block; float: left; text-indent: -999999px; }
#contentWrap .counter .wrap #latest-news .more { margin: 7px 0 0; float: right; }
#contentWrap .counter .wrap #latest-news .more a { width: 55px; height: 15px; background: url(../../images/05/index/icon-more.png) no-repeat 0 0; display: block; text-indent: -999999px; }
#contentWrap .counter .wrap #latest-news .wrap { margin: 30px 0 0; width: 470px !important; height: 120px !important; overflow: hidden; position: relative; }
#contentWrap .counter .wrap #latest-news .wrap ul { height: 100px !important; }
#contentWrap .counter .wrap #latest-news .wrap li { padding: 5px 0 5px 20px; height: 20px; background: url(../../images/05/index/dot01.png) no-repeat 5px 15px; overflow: hidden; border-bottom: 1px dotted #666666; }
#contentWrap .counter .wrap #latest-news .wrap li h3 { float: left; font-size: 16px; }
#contentWrap .counter .wrap #latest-news .wrap li h3 a { color: #555551; }
#contentWrap .counter .wrap #latest-news .wrap li p { margin: 0 10px 0 0; width: 90px; float: left; font-size: 16px; color: #d51419; }
#contentWrap .counter .wrap .products { margin: 0; float: right; }
#contentWrap .counter .wrap .products h2 { height: 0px; display: block; text-indent: -999999px; }
#contentWrap .counter .wrap .products ul { margin: 5px 0 0; overflow: hidden; }
#contentWrap .counter .wrap .products ul li { margin: 0 10px 0 0; float: left; background: #d0d0d0; }
#contentWrap .counter .wrap .products ul li h3 { text-align: center; margin: 0 0 10px; }
#contentWrap .counter .wrap .products ul li a { font-size: 16px; color: #000; }
#contentWrap .counter .wrap .products ul li .photo { margin: 0 0 5px; width: 150px; border: 1px #cdcdcd solid; overflow: hidden; vertical-align: middle; text-align: center; }
#contentWrap .counter .wrap .products ul li .photo img { width: 150px; height: 110px; }
#contentWrap .counter .wrap .products ul li.last { margin: 0; }
#contentWrap .counter .wrap #dayProduct { float: right; }
#contentWrap .counter .wrap #dayProduct h2 { width: 270px; height: 25px; background: url(../../images/05/index/title-best.jpg) no-repeat 0 0; display: block; text-indent: -999999px; }
#contentWrap .counter .wrap #dayProduct p { font-size: 16px; }
#contentWrap .counter .wrap #dayProduct p a { color: #000; }
#contentWrap .counter .wrap #dayProduct .photo { margin: 15px 0 5px; width: 269px; border: 1px #cdcdcd solid; }
#contentWrap .counter .wrap #dayProduct .photo img { margin: 5px; }

/* footer */
footer { margin: 0 auto; background: #fff; border-top: 1px #c9caca solid; color: #000; }
footer .footerWrap { width: 960px; margin: 0 auto; padding: 0 0 20px; overflow: hidden; }
footer .footerWrap .Wrap { width: 680px; float: left; }
footer .footerWrap .Wrap .footer-link { margin: 15px 0 5px; float: left; }
footer .footerWrap .Wrap .footer-link ul li { margin: 0 10px 0 0; padding: 0 10px 0 0; float: left; }
footer .footerWrap .Wrap .footer-link ul li a { font-size: 14px; color: #000; }
footer .footerWrap .Wrap .footer-link ul li a:hover { text-decoration: none; color: #d51419; }
footer #share { margin: 10px 0; text-align: right; }
footer #share a.tPlus, footer #share a.fPlus, footer #share a.gPlus, footer #share a.pPlus, footer #share a.rPlus { margin: 0 3px; width: 22px; height: 22px; background: url(../../images/05/all/bookmark.png) no-repeat 0 0; display: inline-block; text-indent: -999999px; }
footer #share a.fPlus { background-position: -22px 0; }
footer #share a.gPlus { background-position: -44px 0; }
footer #share a.pPlus { background-position: -66px 0; }
footer #share a.rPlus { background-position: -88px 0; }
footer .footerWrap .Wrap #compInfo { font-size: 14px; line-height: 180%; clear: both; margin: 0 0 5px; }
footer .footerWrap .Wrap #compInfo a { color: #000; }
footer .footerWrap .Wrap .copy { text-align: left; font-size: 12px; float: left; }
footer .footerWrap .Wrap .counter { float: right; font-size: 12px; }
footer .footerWrap .footerLine { position: relative; float: right; margin: 10px 0 0; }
footer .footerWrap .footerLine .qrCode { width: 120px; height: 120px; text-indent: -999999px; background: url(../../images/05/all/img-QR-CODE.jpg) no-repeat; margin: 0 0 5px; }
footer .footerWrap .footerLine .line { width: 120px; height: 25px; text-indent: -999999px; background: url(../../images/05/all/img-line.png); }
footer .footerWrap .footerLine a { position: absolute; width: 100%; height: 100%; display: block; top: 0; left: 0; }