body {font-family: Arial, 'LiHei Pro', "微軟正黑體", sans-serif; background-color: #f5f5f5;}

.header {width: 1024px; height: 78px; margin: 0 auto; position: relative; font-size: 12px; color: #a1a1a1;}
.header #quick_links {position: absolute; top: 50px; right: 25px;}
.header #quick_links a {color: #a1a1a1; text-decoration: none;}
.header #quick_links a:hover {color: #a1a1a1; text-decoration: underline;}

.container {width: 1024px; margin: 0 auto;}

.site_menu {background: url(images/site_menu_bg.jpg) repeat-x; width: 100%; height: 65px;}
.site_menu #site_menu_btns {width: 1024px; margin: 0 auto;}
.site_menu #site_menu_btns ul {margin-left: 66px;}
.site_menu #site_menu_btns li {float: left;}

.index_ads {width: 1024px; height: 440px; background: url(images/index_ads.jpg) no-repeat;}

.intro_bg {background: url(images/intro_bg.jpg) no-repeat; width: 1024px; height: 705px; position: relative;}
.intro_bg .intro_texts {position: absolute; top: 235px; left: 240px; width: 715px; line-height: 1.45; font-size: 15px; color: #3d3d3d;}
.intro_bg .intro_texts p {margin-bottom: 28px;}

.products_bg {background: url(images/products_bg.jpg) no-repeat; width: 1024px; height: 818px; position: relative;}
.products_bg .products_name {position: absolute; top: 72px; left: 302px; font-size: 24px; font-weight: bold; color: #98294a;}
.products_bg .products_content {position: absolute; top: 120px; left: 340px; width: 590px; padding: 12px; font-size: 15px; color: #3d3d3d; line-height: 1.5;}
.products_bg .products_content img {}
.products_bg .products_content p {margin-bottom: 40px;}
.products_bg .products_menu {position: absolute; top: 220px; left: 73px;}

.leftMenu{cursor:pointer;}
.leftMenu li {margin-bottom: 8px; cursor: pointer;}
.leftMenu img {padding: 0; margin: 0;}
.leftMenu dl {display: none; margin: 22px 0 22px 28px;}
.leftMenu dl dd img {vertical-align: middle;}
.leftMenu dl dd {margin-bottom: 10px;}
.leftMenu dl dd a {height: 30px; font-size: 15px; color: #7c7c7c; font-weight: bold; text-decoration: none;}
.leftMenu dl dd a:hover, .leftMenu dl dd a.p_selected {color: #b1385c; text-decoration: underline;}

.contact_us_bg {background: url(images/contact_us_bg.jpg) no-repeat; width: 1024px; height: 705px; position: relative;}
.contact_us_bg .contacts_texts {position: absolute; top: 75px; left: 240px; width: 715px; line-height: 1.45; font-size: 15px; color: #3d3d3d;}
.contact_us_bg .contacts_forms {position: absolute; top: 265px; left: 320px; width: 715px; line-height: 1.45; font-size: 15px; color: #3d3d3d;}
.contact_us_bg .contacts_forms th, .contact_us_bg .contacts_forms td {padding: 4px 0;}
.contact_us_bg .contacts_forms th {text-align: left; font-weight: normal; width: 80px;}
.contact_us_bg .contacts_forms td input {border: 1px solid #d3d3d3; font-size: 15px; padding: 3px;}
.contact_us_bg .contacts_forms td textarea {width: 575px; height: 80px; border: 1px solid #d3d3d3; font-size: 15px; padding: 3px;}
.contact_us_bg .contacts_btn {position: absolute; top: 585px; left: 545px;}

.customers_bg {background: url(images/customers_bg.jpg) no-repeat; width: 1024px; height: 705px; position: relative;}
.customers_bg .customers_texts {position: absolute; top: 75px; left: 240px; width: 715px; line-height: 1.5; font-size: 15px; color: #3d3d3d;}
.customers_bg .customers_lists {position: absolute; top: 182px; left: 230px; width: 730px; line-height: 1.5; font-size: 15px; color: #3d3d3d;}
.customers_bg .customers_lists li {float: left; line-height: 2; margin: 0 9px 20px;}
.customers_bg .customers_lists img {border: 1px solid #a4a4a4;}

.showcase_bg {background: url(images/showcase_bg.jpg) no-repeat; width: 1024px; height: 973px; position: relative;}
.showcase_bg .showcase_texts {position: absolute; top: 75px; left: 240px; width: 715px; line-height: 1.5; font-size: 15px; color: #3d3d3d;}
.showcase_bg .showcase_lists {position: absolute; top: 182px; left: 230px; width: 730px; line-height: 1.5; font-size: 15px; color: #3d3d3d;}
.showcase_bg .showcase_lists li {float: left; line-height: 2; margin: 0 9px 20px;}
.showcase_bg .showcase_lists img {border: 1px solid #a4a4a4; padding: 2px;}

.clear {clear: both;}
img {vertical-align: bottom;}

.footer {background: url(images/footer_bg.jpg) repeat-x; width: 1022px; height: 94px; margin: 0 auto; position: relative; font-size: 12px; color: #646464; line-height: 1.5;}
.footer #footer-texts {position: absolute; top: 12px; left: 130px;}
.footer #footer-texts a {color: #a1a1a1; text-decoration: none;}
.footer #footer-texts a:hover {color: #a1a1a1; text-decoration: underline;}
.footer #fb-link {position: absolute; top: 58px; right: 102px;}
.footer #qr-code {position: absolute; top: 20px; right: 35px;}

.copyright {font-size: 12px; color: #2c2c2c; width: 400px; margin: 20px auto;}