body { background: url(../../images/05/all/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: #313131; font-weight: normal; text-decoration: none; }
a:hover { text-decoration: underline; }

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

/* header */
#Wrapper { background: url(../../images/05/all/bg-wrapper.png) no-repeat center 0; }
#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 { margin: 0 auto; width: 960px; overflow: hidden; }

/* content */
#contentWrap { overflow: hidden; }
#contentWrap .counter { margin: 0 auto 20px; padding: 15px 0 35px; width: 960px; background: url(../../images/05/all/bg-content.jpg) #fff repeat-x; overflow: hidden; }
#contentWrap .counter aside { width: 190px; float: left; margin: 0 0 0 20px; }
#contentWrap .counter aside #sideNav { margin: 30px 0 20px; background: url(../../images/05/all/img-sidTop.png) no-repeat; }
#contentWrap .counter aside #sideNav h2 { text-align: center; font-size: 24px; color: #3f3f3f; line-height: 90%; padding: 25px 0 35px; }
#contentWrap .counter aside #sideNav h2 strong { margin: 0 10px 0 0; color: #030303; font-size: 14px; font-weight: normal; }
#contentWrap .counter aside #sideNav span { margin: 5px 0 15px; padding: 0 0 10px; width: 270px; border-bottom: 1px #cdcdcd dotted; display: block; text-align: right; font-size: 12px; color: #586062; }
#contentWrap .counter aside #sideNav ul { margin: 0 0 0 0; }
#contentWrap .counter aside #sideNav ul li, #contentWrap .counter aside #sideNav ul li.subTitle ul.subManu li { margin: 0; border-bottom: 1px #808080 solid; }
#contentWrap .counter aside #sideNav ul li a, #contentWrap .counter aside #sideNav ul li.subTitle p { padding: 10px 0 10px 20px; /* width: 190px; */
display: block; text-align: left; font-size: 16px; font-weight: bold; color: #000; }
#contentWrap .counter aside #sideNav ul li a:hover { color: #d60000; background: url(../../images/05/all/dot-side-hover.png) #f1f1f1 no-repeat 0 15px; text-decoration: none; }
#contentWrap .counter aside #sideNav ul li.subTitle { overflow: hidden; }
#contentWrap .counter aside #sideNav ul li.subTitle ul.subManu { margin: 5px 0 0; }
#contentWrap .counter aside #sideNav ul li.subTitle ul.subManu li a { padding: 10px 0; width: 225px; background: none; border-bottom: 1px #3f3f3f dotted; display: block; text-align: right; font-size: 16px; font-weight: bold; color: #3f3f3f; }
#contentWrap .counter aside #sideNav ul li.subTitle ul.subManu li a:hover { border-bottom: 1px #d57240 dotted; color: #d57240; }
#contentWrap .counter aside #dayProduct { margin: 0; float: right; }
#contentWrap .counter aside #dayProduct h2 { height: 0px; display: block; text-indent: -999999px; }
#contentWrap .counter aside #dayProduct h4 { color: #000; font-size: 18px; text-align: center; margin: 0 0 5px; }
#contentWrap .counter aside #dayProduct .photo { margin: 0; width: 190px; overflow: hidden; text-align: center; }
#contentWrap .counter aside #dayProduct .photo img { width: 190px; height: 150px; }
#contentWrap .counter aside #dayProduct p { text-align: center; background: #d0d0d0; padding: 10px 0; }
#contentWrap .counter aside #dayProduct p a { padding: 10px 0; color: #000; }
#contentWrap .counter aside #functionNav { margin: 0 0 30px; overflow: hidden; }
#contentWrap .counter aside #functionNav .fbPlus, #contentWrap .counter aside #functionNav .bgPlus { margin: 0 0 5px 45px; width: 223px; border: 1px #cdcdcd solid; }
#contentWrap .counter aside #functionNav .fbPlus img, #contentWrap .counter aside #functionNav .bgPlus img { margin: 5px; width: 213px; }
#contentWrap .counter aside .sideAD { margin: 0 0 30px 0; }
#contentWrap .counter aside .sideAD ul { overflow: hidden; }
#contentWrap .counter aside .sideAD ul li { margin: 0 0 5px; }
#contentWrap .counter aside .sideAD ul li img { width: 225px; }
#contentWrap .counter #contentMain { width: 700px; float: right; margin: 0 20px 0 0; }
#contentWrap .counter #contentMain h2 { margin: 15px 0; padding: 0 0 3px 40px; font-size: 24px; color: #3f3f3f; background: url(../../images/05/all/img-icon.png) #e7e7e7 no-repeat 0 0; }
#contentWrap .counter #contentMain .waylink { text-align: right; font-size: 12px; color: #cf0016; }
#contentWrap .counter #contentMain .waylink strong { color: #586062; }
#contentWrap .counter #contentMain .waylink a { color: #586062; }
#contentWrap .counter #contentMain .waylink a:hover { color: #cf0016; }
#contentWrap .counter #contentMain #article { line-height: 170%; color: #868686; font-size: 16px; }
#contentWrap .counter #contentMain #community { margin: 25px 0 10px; padding: 10px 0 0; border-top: 1px #cdcdcd dotted; }
#contentWrap .counter #contentMain #community ul { overflow: hidden; }
#contentWrap .counter #contentMain #community ul li { margin: 0 10px 0 0; float: left; }
#contentWrap .counter #contentMain #community ul li a.pPlus { width: 20px; height: 20px; background: url(../../images/05/article/plurk-32.png) no-repeat 0 0; display: block; }
#contentWrap .counter #contentMain #pagenav { overflow: hidden; text-align: center; }
#contentWrap .counter #contentMain #pagenav p.pagedown { margin: 0 0 20px; float: right; }
#contentWrap .counter #contentMain #pagenav a { margin: 0 5px; padding: 5px 9px; height: 20px; background: #d57240; display: inline-block; text-align: center; color: #fff; }
#contentWrap .counter #contentMain #pagenav a:hover { background: #423936; }
#contentWrap .counter #contentMain #pagenav span { margin: 0 5px; padding: 5px; width: 15px; height: 20px; background: #868686; display: inline-block; text-align: center; color: #fff; }
#contentWrap .counter #contentMain #pagenav p.pageup { margin: 0 0 20px; float: left; }
#contentWrap .counter #contentMain #pagenav p.pageup a, #contentWrap .counter #contentMain #pagenav p.pagedown a { margin: 0; }
#contentWrap .counter #contentMain #backlist { margin: 0 0 30px; overflow: hidden; text-align: right; }
#contentWrap .counter #contentMain #backlist a { padding: 5px 20px; background: #2a2a2a; display: inline-block; text-align: right; font-size: 12px; font-weight: bold; color: #fff; }
#contentWrap .counter #contentMain #backlist a:hover { background: #d57240; text-decoration: none; }

/* 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 .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; }