/*CSS RESET------------------------------------------------------------------------------------*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img {
	border:0;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	/*font-weight:normal;*/
}
ol, ul {
	list-style:none;
}
caption, th {
	text-align:left;
}
/*h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}*/
q:before, q:after {
	content:'';
}
abbr, acronym {
	border:0;
}

/*基本------------------------------------------------------------------------------------*/
html { overflow:-moz-scrollbars-vertical; overflow-y:scroll }  
body{ font:12px Arial, Helvetica, sans-serif; color:#656565; background:url(images/top_bg.jpg) repeat-x;}
#wrapper{ width:900px; margin:0 auto;}
a{text-decoration:none;}
a:link, a:visited{ color:#34a1dc;}
a:hover, a:active{color:#333;text-decoration:underline;}
#footer span{ color:#34a1dc;}
.clearfloat {clear:both;height:0;font-size: 1px;line-height: 0px;}
.titleImg{ width:900px; height:165px;}
.blue{ color:#33a1db;}

/*logo------------------------------------------------------------------------------------*/
#header{ height:144px; position:relative;}
#header h1 a{ width:180px; height:68px; display:block; position:absolute; top:14px; background:url(images/posmart_logo.jpg) ; text-indent:-9999px;}

/*語系------------------------------------------------------------------------------------*/
.topnav{position:absolute; width:100px; left: 800px;top: 3px; text-align: right;}
.topnav p{ padding:5px 0 0 0;}
.topnav span{color:#34a1dc;}

/*選單------------------------------------------------------------------------------------*/
#header ul{position:absolute;width: 910px;top: 97px;height: 47px;left: -9px; background:url(images/navbg.png) no-repeat;}
#header li{ float:left;}
#header li a{ display:block; width:100px; text-align:center; line-height: 47px;}

/*關於伯茂------------------------------------------------------------------------------------*/
.navAbout a{margin:0 0 0 9px;  background:url(images/top_nav.png) no-repeat 0px 0px; text-indent:-9999px;}
.navAbout a:hover{ background:url(images/top_nav.png) no-repeat 0px -47px; }
.navAboutOn a{background:url(images/top_nav.png) no-repeat 0px -47px;margin:0 0 0 9px;text-indent:-9999px;}

/*最新消息------------------------------------------------------------------------------------*/
.navNews a{background:url(images/top_nav.png) no-repeat -100px 0px; text-indent:-9999px;}
.navNews a:hover{background:url(images/top_nav.png) no-repeat -100px -47px; }
.navNewsOn a{background:url(images/top_nav.png) no-repeat -100px -47px;text-indent:-9999px; }

/*產品項目------------------------------------------------------------------------------------*/
.navProduct a{ background:url(images/top_nav.png) no-repeat -200px 0px; text-indent:-9999px;}
.navProduct a:hover{ background:url(images/top_nav.png) no-repeat -200px -47px; }
.navProductOn a{ background:url(images/top_nav.png) no-repeat -200px -47px;text-indent:-9999px; }

/*技術支援------------------------------------------------------------------------------------*/
.navFaq a{ background:url(images/top_nav.png) no-repeat -300px 0px; text-indent:-9999px;}
.navFaq a:hover{  background:url(images/top_nav.png) no-repeat -300px -47px; }
.navFaqOn a{  background:url(images/top_nav.png) no-repeat -300px -47px;text-indent:-9999px; }

/*應用範例------------------------------------------------------------------------------------*/
.navExample a{ background:url(images/top_nav.png) no-repeat -400px 0px; text-indent:-9999px;}
.navExample a:hover{ background:url(images/top_nav.png) no-repeat -400px -47px; }
.navExampleOn a{ background:url(images/top_nav.png) no-repeat -400px -47px;text-indent:-9999px; }

/*進階搜尋------------------------------------------------------------------------------------*/
.navSearch a{ background:url(images/top_nav.png) no-repeat -500px 0px; text-indent:-9999px;}
.navSearch a:hover{ background:url(images/top_nav.png) no-repeat -500px -47px; }
.navSearchOn a{ background:url(images/top_nav.png) no-repeat -500px -47px;text-indent:-9999px; }

/*連絡我們------------------------------------------------------------------------------------*/
.navContact a{ background:url(images/top_nav.png) no-repeat -600px 0px; text-indent:-9999px;}
.navContact a:hover{ background:url(images/top_nav.png) no-repeat -600px -47px; }
.navContactOn a{ background:url(images/top_nav.png) no-repeat -600px -47px;text-indent:-9999px;}

/*購物車------------------------------------------------------------------------------------*/
.navCart a{ background:url(images/top_nav.png) no-repeat -700px 0px; text-indent:-9999px;}
.navCart a:hover{ background:url(images/top_nav.png) no-repeat -700px -47px;}
.navCartOn a{ background:url(images/top_nav.png) no-repeat -700px -47px;text-indent:-9999px;}
#genCodeImg {width:100px;height:50px;}


/*搜尋------------------------------------------------------------------------------------*/
#searchform{width:150px;position:absolute;left: 649px;top: 0; margin:5px 0 0 0; padding:0; background:url(images/searchicon_body.png) no-repeat;}
#searchbar{ width:98px;height:16px;line-height:16px;  margin:3px 0 0 12px; padding:0; float:left; border:0; color:#999; }
#searchGO{ margin:0; padding:0; float:right; text-indent:-9999px; background:url(images/searchicon_right.png) no-repeat; width:33px; height:22px; border:none;font-size: 0px;display:block;line-height: 0px;}





/*產品分類項目------------------------------------------------------------------------------------*/
#category {width:125px; height:29px; clear:both;}
#category a{ width:125px; height:29px; display:block; background-image:url(images/category.jpg); text-indent:-9999px;}

#categoryList{background-color:#3e3e3e; line-height:20px; padding:10px;}
#categoryList a{ color:#FFF;}
#categoryList a:visited{ color:#FFF;}
#categoryList a:hover{ color:#fff; background-color:#34a1dc; text-decoration:none;}
#categoryList a:active{ color:#fff; background-color:#34a1dc; text-decoration:none;}
#categoryList h3 { color:#FFF; font-size:13px;}
.list{ width:172px; float:left; padding:2px;}
#list1{ clear:both; overflow:auto;}
#list2{ clear:both; overflow:auto;}

/*產品形象------------------------------------------------------------------------------------*/
#show{ height:253px; margin:20px 0 10px 0;}

/*商品促銷------------------------------------------------------------------------------------*/
#product{ height:175px;}

.productItem{ width:131px; height:175px; margin:0 10px 0 0; float:left; background-color:#CCC;}
.promo{width:554px; height:175px; margin:0 10px 0 0; float:left; background-color:#CCC;}

/*最新消息------------------------------------------------------------------------------------*/
.newslist{ width:316px; height:155px; float:right; background-image:url(images/newslist_bg.jpg); padding:10px; overflow:auto;}
.newslist h2{ font-size:12px; padding:0 0 8px 0; color:#000;}
.newslist ul{ margin:0 auto; display:block;}
.newslist li{ line-height:18px; border-bottom:1px solid #dfdfdf; padding: 3px 0 4px 0;}
.newslist li a:link,.newslist li a:visited{ color:#666666;}
.newslist li a:hover,.newslist li a:active{ color:#33a1db;}
.newslist span{ color:#ff9000; padding-right:10px;}

/*版權說明------------------------------------------------------------------------------------*/
#footer{ clear:both; margin:30px 0;}
#companyData{float:left;width:800px;}
#count{float:right;}
/*以下是各頁面------------------------------------------------------------------------------------*/
#allnav{ margin:10px 0; color:#999999;}
#allnav a{ color:#999999;}
#content{ overflow:hidden; margin:10px 0 0 0; position:relative;}

/*[關於伯茂]------------------------------------------------------------------------------------*/
#aboutTitle {width:224px;display:block;position:absolute;}
#aboutTitle  li a:link, #aboutTitle li a:visited{color:#666666; display:block; height:40px; padding:13px 0 0 20px;}
#aboutTitle  li a:hover, #aboutTitle li a:active{text-decoration:none;}
#aboutTitle  li{margin:10px 0 0 0; }
#aboutTitle  li a span{color:#b5b6b6; }
#aboutTitle  li a span{color:#b5b6b6; }
#aboutTitle .selected { background:url(images/selectedAbout_bg.png) no-repeat;width:210px;}

#aboutContent{ width:677px;float:right; background:url(images/about_body_bg.png) repeat-y;}
#aboutContent p{ float:left; width:340px; letter-spacing:2px; line-height:20px; padding:20px 0 0 49px;}
#aboutContent img{ float:right; padding:20px 25px 0 10px;}

#aboutTitle { margin:5px 0 0 0 ;}

/*[關於伯茂]右上圓角圖------------------------------------------------------------------------------------*/
.aboutContentTop{ clear:both;display:block;background:url(images/about_top_bg.png) no-repeat ; width:677px;height:16px;}

/*[關於伯茂]右下圓角圖------------------------------------------------------------------------------------*/
.aboutContentBottom{clear:both;display:block; background:url(images/about_bottom_bg.png) no-repeat left top;width:677px;height:16px;}

/*[關於伯茂]右標題圖------------------------------------------------------------------------------------*/
#about1 h2{ background:url(images/aboutTitle.gif) no-repeat 0 0px; text-indent:-9999px; height:50px; margin:8px 0 0 38px; }
#about2 h2{ background:url(images/aboutTitle.gif) no-repeat 0 -50px; text-indent:-9999px; height:50px; margin:8px 0 0 38px; }
#about3 h2{ background:url(images/aboutTitle.gif) no-repeat 0 -100px; text-indent:-9999px; height:50px; margin:8px 0 0 38px; }
#about4 h2{ background:url(images/aboutTitle.gif) no-repeat 0 -150px; text-indent:-9999px; height:50px; margin:8px 0 0 38px;}
#about5 h2{ background:url(images/aboutTitle.gif) no-repeat 0 -200px; text-indent:-9999px; height:50px; margin:260px 0 0 38px;}

/*[關於伯茂]證明書------------------------------------------------------------------------------------*/

#certificateContent .certificateA{  width:270px; height:169px; margin:20px 10px 0 85px; float:left;}
#certificateContent .certificateA h3{ margin:0 0 7px 0; padding:0; font-size:15px; }
#certificateContent .certificateA p{ margin:85px 10px 0 0; padding:0; float:right; width:150px;letter-spacing:0;}
#certificateContent .certificateA img{ padding:0 5px 0 0; margin:0; float:left;}
#certificateContent .certificateA a img{ margin:0; padding:0;}

#certificateContent .certificateB{  width:270px; height:169px; margin:20px 10px 0 0; float:right;}
#certificateContent .certificateB h3{ margin:0 0 7px 0; padding:0; font-size:15px; }
#certificateContent .certificateB p{ margin:85px 10px 0 0; padding:0; float:right; width:150px; letter-spacing:0;}
#certificateContent .certificateB img{ padding:0 5px 0 0; margin:0; float:left;}
#certificateContent .certificateB a img{ margin:0; padding:0;}

/* ==== 這下面是給 IE6 專用的 CSS hack ====*/ 
* html #certificateContent .certificateA{  width:270px; height:169px; margin:20px 10px 0 50px; float:left;}
* html #certificateContent .certificateB{  width:270px; height:169px; margin:20px 0 0 0; float:right;}


/*[產品項目]------------------------------------------------------------------------------------*/
#productMenu{margin:20px 0 0 0;}
.brandProduct{ width:900px; }
.brandProduct h3{font-size:13px; color:#363636;}
#content a.brandoff{ color:#b3e0f8;}
#content a:hover.brandoff ,#content a:active.brandoff{color:#333;}
.productitle{ margin:20px 0 0 0; font-size:13px; background:url(images/posmart_icon.png) no-repeat 0px 0px; padding-left:14px; line-height:13px; vertical-align:bottom; color:#363636; clear:both;}

/*[產品項目]產品圖------------------------------------------------------------------------------------*/
.productImg{ border-top:1px solid #e9e9e9; margin-top:25px; float:left; width:900px;}
.productImg h4{ background-color:#e4f2fa; padding:3px; margin:3px 0 0 0; width:150px; color:#363636; font-size:12px;}
.productlist { width:900px; color:#363636; overflow:hidden; float:left;}
.productlist  li{ width:118px; height:200px;float:left; text-align:center; margin:8px 4px 0 5px; display:block;}
.productlist  li p{ padding:5px 0;} 
.smallImg{ width:118px; height:118px;}


/*[產品項目]比較列表------------------------------------------------------------------------------------*/
#compare_btn{width:62px;text-align:right; float:right; position:relative; margin:-20px 0 0 0 ; } 
#compare_btn .cmpareIcon { background:url(images/posmart_icon.png) no-repeat 0 -70px; vertical-align:bottom; height:13px; line-height:13px;}
#compare_btn p a{color:#666666;}
#compare_content{ display:none;width:285px;height: 112px;position:absolute;background-color:#CCC;top: 16px;right: -7px;z-index:999;background:url(images/posmart_icon.png) no-repeat 0 -100px;overflow:hidden;}
#compare_content ul{ margin:4px 14px;}
#compare_content ul li{ float:left;display:block; width:45px; list-style:none; text-align:center; margin:3px;}
#compare1{width:42px; height:42px; border:1px solid #ececec; display:block; margin:0 0 5px 0;}
#compare2{width:42px; height:42px; border:1px solid #ececec; display:block; margin:0 0 5px 0;}
#compare3{width:42px; height:42px; border:1px solid #ececec; display:block; margin:0 0 5px 0;}
#compare4{width:42px; height:42px; border:1px solid #ececec; display:block; margin:0 0 5px 0;}
#compare5{width:42px; height:42px; border:1px solid #ececec; display:block; margin:0 0 5px 0;}
.deleteIcon a{ background:url(images/posmart_icon.png) no-repeat 0 -50px; margin:0 auto; width:10px; height:10px; text-indent:-9999px; display:block;}
.cmpareBottom{ clear:both;}
.cmpareBottom p { float:left; margin-left:18px;}
.cmpareBottom .startC{ margin-right:18px;}


/*[產品資訊]------------------------------------------------------------------------------------*/
#productTop{ overflow:hidden;}
.productInfo{ width:480px; float:left;}
.productInfo p{ text-align:center; color:#666666;}
.productText{ width:400px;margin:82px 0 0 0;float:right; }
.productText h3{ font-size:20px; color:#333333;font-weight:normal; margin:0 0 10px 0; }
.productText .btn{ margin:50px 0 0 0;}
.productText .btn li{ padding:0 0 6px 0}
#productBottom{ padding:30px 0 0 0;}

#productTab {width:900px;padding:0;}
#productTab .idTabs {display:block;background:url(images/tabTop.png) no-repeat; background-position:bottom; height:47px;}
#productTab .idTabs li {float:left;width:94px;text-align:center;list-style:none;background:url(images/tabBg.png) no-repeat left top;display:block;font-size:13px;}
#productTab .idTabs li a {text-decoration:none;width:94px;line-height:38px;display:block; color:#333;}

#productIntro {clear:both;}
#productDate {clear:both;}
#productdownload {clear:both;}
#tabContent {clear:both;border-left:1px solid #CCC;border-right:1px solid #CCC;padding:20px; }
#productIntroBottom{display:block;height:20px;background:url(images/tabBottom.png) no-repeat; background-position:bottom; }
#productTab ul{ padding:0 0 0 20px;}
#productTab .idTabs .selected {display:block;background:url(images/tabBg.png) no-repeat 0 -38px;font-weight:bold;color:#33a1db;}
#productTab p{ padding:0 0 10px 0; letter-spacing:2px; line-height:18px;}
#productTab h2{ font-size:20px; color:#333; font-weight:normal; margin:0 0 10px 0;}


#productIntro  ol { margin:5px 0 0 40px; list-style:outside decimal;letter-spacing:2px; line-height:18px;}
#productIntro  ul { margin:5px 0 0 20px; list-style:outside disc;letter-spacing:2px; line-height:18px;}


/*[產品資訊]產品規格------------------------------------------------------------------------------------*/
#productDate table{letter-spacing:1px; line-height:18px; ;}
#productDate td{ padding:10px;}
.productTr{ border-bottom:1px solid #ddd;}
.productFirstTr{ border-top:1px solid #ddd;}
.gray{ background-color:#f5f5f5 }
/*[產品資訊]型錄下載------------------------------------------------------------------------------------*/
#productdownload table{letter-spacing:1px; line-height:18px; ;}
#productdownload td{ padding:10px;}

/*[比較頁面]------------------------------------------------------------------------------------*/
#compare {width:900px; margin:20px 0 0 0;}
#compare table p{ text-align:center;}
#compare img{ width:118px; height:118px; }
#compare table{letter-spacing:1px; line-height:18px; ;}
#compare td{ padding:10px;}

/*[最新消息]------------------------------------------------------------------------------------*/
.orange{ color:#ff9001;letter-spacing:0; }
.grayBg{ color:#666666; background-color:#e5e8e9;}
#newsList table{letter-spacing:1px; line-height:18px;}
#newsList td{ padding:10px;}
.newsTr{ border-bottom:1px solid #ddd;}
#newsList table a{ color:#666666;}
.navPage{height:25px; margin:15px auto 0; text-align:center; line-height:25px;}
.navPage a:link,.navPage a:visited{ color:#666666; padding:0 5px;}
.navPage a:hover,.navPage a:active{ color:#34A1DC;}
.current{ background-color:#2e2e2e; color:#FFF; padding: 2px 8px;}
#newsInfo{ width:770px; margin:0 auto;}
#newsInfo h3{font-size:20px; font-weight:normal; margin:0 0 20px 0; color:#000;}
#newsInfo p{ padding:10px 0 5px 0; letter-spacing:1px; line-height:18px;}

/*[進階搜尋]------------------------------------------------------------------------------------*/
#searchContent{ height:220px; margin-bottom:20px; overflow:hidden;}
#searchContent h2{ float:right;width:702px;height:44px;right: 0; background:url(images/search_product.png) no-repeat; text-indent:-9999px;}
#searchContent img{ float:left;}
#searchProduct{float:right; width:680px;margin:20px 0 20px 0; color:#333;}
#searchCategory{float:right; width:680px; margin:0 0 20px 0;color:#333;}
#searchSubCategory{float:right; width:680px;margin:0 0 20px 0;color:#333;}
#searchProductBtn{ margin:6px 0 0 320px;}

.searchProductImg{float:left; width:900px;}
.searchProductImg h4{ background-color:#e4f2fa; padding:3px; margin:3px 0 0 0; width:220px; color:#363636; font-size:12px; }
.searchProductImg table{ margin:20px 0 5px 0;border-bottom:1px solid #e9e9e9;}
.searchProductList { width:640px; color:#363636; overflow:hidden; float:left; padding:0 0 50px 0; }
.searchProductList  li{ width:118px;height:200px;float:left; text-align:center; margin:8px 4px 0 5px; display:block;}
.searchProductList  li p{ padding:5px 0;} 
.smallImg{ width:118px; height:118px;}


/*[經銷商登入]------------------------------------------------------------------------------------*/
#loginContent{ padding:10px; color:#525353; font-size:12px;}
#loginContent h2{ font-size:13px; color:#33a1db; font-weight:normal; padding-left:5px;}
.logintext{ width:100%;}
#loginContent td{ padding:5px;}
#login_btn{width:67px; height:23px; margin:0 2px 0 0;}
#cancel_btn{width:67px; height:23px;margin:0 0 0 2px;}

/*[隱私權聲明]------------------------------------------------------------------------------------*/
#privacyTitle {width:224px;display:block;position:absolute;margin:5px 0 0 0 ;}
#privacyTitle  li a:link, #privacyTitle li a:visited{color:#666666; display:block; height:40px; padding:13px 0 0 20px;}
#privacyTitle  li a:hover, #privacyTitle li a:active{text-decoration:none;}
#privacyTitle  li{margin:10px 0 0 0; }
#privacyTitle  li a span{color:#b5b6b6; }
#privacyTitle  li a span{color:#b5b6b6; }
#privacyTitle .selected { background:url(images/selectedAbout_bg.png) no-repeat;width:210px;}
#privacyContent{ width:677px;float:right; background:url(images/about_body_bg.png) repeat-y;}
#privacyContent p{ float:left; letter-spacing:2px; line-height:20px; padding:20px 20px 0 49px;}

/*[隱私權聲明]右標題圖------------------------------------------------------------------------------------*/
#privacy1 h2{ background:url(images/aboutTitle.gif) no-repeat left bottom; text-indent:-9999px; height:50px; margin:8px 0 0 38px; }
#privacy1 h3{ margin:20px 0 0 49px;font-size:13px; font-weight:bold; color:#333; }
#privacy1 h4{letter-spacing:2px; padding:10px 20px 0 49px; margin:0;font-size:13px;font-weight:normal;color:#333; }
#privacy1 p{ padding:15px 20px 10px 49px;}
#privacy1 ul{ padding:5px 20px 0 20px;}
#privacy1 ul li{letter-spacing:2px; line-height:20px; margin:5px 20px 0 60px;list-style:outside;}
#privacy1 ol li{letter-spacing:2px; line-height:20px; margin:5px 20px 0 83px;list-style:outside decimal; }
#privacy1 .smallOl li{margin:5px 20px 0 25px; list-style:outside decimal; letter-spacing:2px; line-height:20px; }

/*[購物車]------------------------------------------------------------------------------------*/
#cartContent p{ margin:10px 0 0 15px; padding:5px 0 2px 0;}
#cartContent ul{ margin:0 0 15px 70px; letter-spacing:1px;}

#cartContent h4{color:#33a1db; font-size:12px; margin:0 0 5px 5px; padding:4px; border:1px dashed #e5e5e5; float:left; font-weight:normal;}
#cartContent cartItem table img{ width:118px; height:118px; }
#cartContent table{letter-spacing:1px; line-height:18px; clear:both;}
#cartContent table td{ padding:10px;}
#cartContent table h3{ font-size:16px;}
#cartContent .cartTitle tr td{  background-color:#E5E8E9; border:5px solid #fff; padding:5px;}
.cartItem input{ color:#33a1db; text-align:center;}

#resetOrder{ margin-left:5px;}
#order{ margin-right:5px;}


/*[聯絡我們]------------------------------------------------------------------------------------*/
#contact table{letter-spacing:1px; line-height:18px; margin:0 auto;}
#contact table td{ padding:8px;}
#contact_btn{ margin-top:10px;}
.addBg{ width:441px; height:92px; background:url(images/contact_bg.png) no-repeat; float:left; margin:15px 0 0 6px;}
.addBg h4{ margin:20px 0 0 20px; font-size:12px;}
.addBg address{ margin:3px 0 0 20px;}
.addBg p{ margin:30px 0 0 20px;}
.addBg a:link, .addBg a:visited{ color:#666666;}
.addBg a:hover, .addBg a:active{ color:#33a1db;}
.addBg img{ margin:0 0 0 395px;}


#newsInfo ol{ margin:5px 0 5px 40px; list-style:outside decimal;}
#newsInfo li{ margin:5px 0 0 0; }
#newsInfo ul{ margin:5px 0 5px 40px; list-style:outside disc;}

/*回上一頁------------------------------------------------------------------------------------*/

#back{ float:right; margin:20px 10px 0 0;}