* { margin: 0; padding: 0; }

body { margin: 0; color: #3d3d3d; font-size: 14px; }

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

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

ul, li { list-style: none; }

/* anchor */
a:link, a:visited { color: #191919; font-weight: normal; text-decoration: none; }
a:hover { color: #900; text-decoration: none; }

/* clear,clearfix */
.clear { clear: both; }
.clearfix { display: inline-block; }
.clearfix:after { display: block; visibility: hidden; clear: both; height: 0; font-size: 0; content: "."; }
/* hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* end hide from IE-mac */

/* body */
.wrapper { background: url(../../images/12/all/bg-body.jpg) repeat-x 0 0; overflow: hidden; text-align: center; }
.wrapper #header { width: 100%; text-align: center; }
.wrapper #header .headWrap { margin: 0 auto; width: 960px; overflow: hidden; }
.wrapper #header .headWrap #cis { margin: 63px 0 55px; float: left; }

/* navbar */
.wrapper #header .headWrap .navBar { float: right; }

/* topnav */
.wrapper #header .headWrap .navBar .topNav { margin: 10px 0; overflow: hidden; }
.wrapper #header .headWrap .navBar .topNav ul { float: right; overflow: hidden; }
.wrapper #header .headWrap .navBar .topNav ul li { float: left; }
.wrapper #header .headWrap .navBar .topNav ul li a { margin: 0 15px 0 0; height: 20px; display: inline-block; line-height: 20px; font-size: 12px; color: #fff; }
.wrapper #header .headWrap .navBar .topNav ul li a:hover { text-decoration: underline; }
.wrapper #header .headWrap .navBar .topNav ul li a.fPlus,
.wrapper #header .headWrap .navBar .topNav ul li a.tPlus,
.wrapper #header .headWrap .navBar .topNav ul li a.gPlus,
.wrapper #header .headWrap .navBar .topNav ul li a.pPlus,
.wrapper #header .headWrap .navBar .topNav ul li a.rPlus { margin: 0 5px 0 0; width: 20px; height: 20px; background: url(../../images/12/all/bookmark.png) no-repeat 0 0; display: block; text-indent: -999999px; }
.wrapper #header .headWrap .navBar .topNav ul li a.tPlus { background-position: -20px 0; }
.wrapper #header .headWrap .navBar .topNav ul li a.gPlus { background-position: -40px 0; }
.wrapper #header .headWrap .navBar .topNav ul li a.pPlus { background-position: -60px 0; }
.wrapper #header .headWrap .navBar .topNav ul li a.rPlus { margin-right: 0; background-position: -80px 0; }
.wrapper #header .headWrap .navBar .topNav ul li a.fPlus:hover,
.wrapper #header .headWrap .navBar .topNav ul li a.tPlus:hover,
.wrapper #header .headWrap .navBar .topNav ul li a.gPlus:hover,
.wrapper #header .headWrap .navBar .topNav ul li a.pPlus:hover,
.wrapper #header .headWrap .navBar .topNav ul li a.rPlus:hover { text-decoration: none; }
.wrapper #header .headWrap .navBar .topNav ul li.last { margin-right: 0; }

/* nav */
.wrapper #header .headWrap .navBar #nav { margin: 80px 0 0; overflow: hidden; }
.wrapper #header .headWrap .navBar #nav h2 { display: none; }
.wrapper #header .headWrap .navBar #nav #flip_menu1 { overflow: hidden; position: relative; }
.wrapper #header .headWrap .navBar #nav #flip_menu1 a { color: #CCC; margin: 0 0 0 20px; font-size: 18px; }

.wrap .Pro12list li { width: 260px; height: 240px; float: left; margin: 0 27px 0 25px; }

/* content */
.wrapper .content { margin: 0 auto; width: 960px; overflow: hidden; text-align: center; }
.wrapper .content .wrap .sidebar #functionNav .fbPlus a img { width: 200px; margin: 10px 0 0 0; }
.wrapper .content .wrap .sidebar .sideAD ul li a img { width: min(100%, 200px); }

/* footer */
.wrapper #footer { margin: 30px 0 0; width: 100%; background: url(../../images/12/all/bg-footer.jpg) repeat-x 0 0 #0d0d0d; overflow: hidden; text-align: center; }
.wrapper #footer .footerWrap { margin: 0 auto; width: 960px; }
.wrapper #footer .footerWrap p { margin: 20px 0; text-align: center; color: #fff; }
.wrapper #footer .footerWrap #footerNav { margin: 10px 0; width: 960px; text-align: center; }
.wrapper #footer .footerWrap #footerNav h2 { display: none; }
.wrapper #footer .footerWrap #footerNav ul { margin: 0 auto; width: 568px; overflow: hidden; }
.wrapper #footer .footerWrap #footerNav ul li { margin: 0 20px 0 0; float: left; }
.wrapper #footer .footerWrap #footerNav ul li a { font-size: 16px; color: #fff; }
.wrapper #footer .footerWrap #footerNav ul li.last { margin-right: 0; }
.wrapper #footer .footerWrap .info,
.wrapper #footer .footerWrap .info div,
.wrapper #footer .footerWrap .info p { width: 960px; text-align: center; color: #fff; }
.wrapper #footer .footerWrap .info { margin: 0 0 20px; }
.wrapper #footer .footerWrap .info div,
.wrapper #footer .footerWrap .info p { margin: 0 0 5px; }
.wrapper #footer .copy { padding: 10px 0; width: 100%; background: #393939; text-align: center; font-size: 12px; color: #fff; }
.wrapper .content .wrap .contentMain .photoList,
.wrapper .content .wrap .contentMain .photoList ul { overflow: hidden; }
.wrapper .content .wrap .contentMain .photoList ul li { width: 160px; height: 160px; float: left; margin: 10px; }
.wrapper .content .wrap .contentMain .photoList ul li a #productImage { width: 160px; height: 160px; }