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

/*html_content_style*/
body{
	font-size:15px;	font-family:'新細明體',Arial, Helvetica, sans-serif, MingLiU; background-color:#fff;
	}
.clear_div{
	clear:both;float:none;height:0;line-height:0;overflow:hidden;}
.space_div{
	height:10px; clear:both;
	}
.space_div1{
	height:12px; clear:both;
	}
.space_div2{
	height:8px; clear:both;
	}
.space_div3{
	height:10px; clear:both;
	}
	
.pagination {
	border-top: 1px solid #EEEEEE;
	padding-top: 8px;
	display: inline-block;
	width: 100%;
	margin-bottom: 10px;
}
.pagination .links {
	float: left;
}
.pagination .links a {
	display: inline-block;
	border: 1px solid #EEEEEE;
	padding: 4px 10px;
	text-decoration: none;
	color: #A3A3A3;
}
.pagination .links b {
	display: inline-block;
	border: 1px solid #269BC6;
	padding: 4px 10px;
	font-weight: normal;
	text-decoration: none;
	color: #269BC6;
	background: #FFFFFF;
}
.pagination .results {
	float: right;
	padding-top: 3px;
}	

/* cart */
.cart-info table {
	width: 100%;
	margin-bottom: 20px;
	border-collapse: collapse;
	border-top: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
}
.cart-info td {
	padding: 7px;
}
.cart-info thead td {
	color: #4D4D4D;
	font-weight: bold;
	background-color: #F7F7F7;
	border-bottom: 1px solid #DDDDDD;
}
.cart-info thead .remove, .cart-info thead .image {
	text-align: center;
}
.cart-info thead .name, .cart-info thead .model {
	text-align: left;
}
.cart-info thead .quantity, .cart-info thead .price, .cart-info thead .total {
	text-align: right;
}
.cart-info tbody td {
	vertical-align: top;
	border-bottom: 1px solid #DDDDDD;
}
.cart-info tbody .remove {
	vertical-align: middle;
}
.cart-info tbody .remove, .cart-info tbody .image {
	text-align: center;
}
.cart-info tbody .name, .cart-info tbody .model {
	text-align: left;
}
.cart-info tbody .quantity, .cart-info tbody .price, .cart-info tbody .total {
	text-align: right;
}
.cart-info tbody span.stock {
	color: #F00;
	font-weight: bold;
}
.cart-module .cart-heading {
	border: 1px solid #DBDEE1;
	padding: 8px 8px 8px 22px;
	font-weight: bold;
	font-size: 13px;
	color: #555555;
	margin-bottom: 15px;
	cursor: pointer;
	background: #F8F8F8 url('../image/arrow-right.png') 10px 50% no-repeat;
}
.cart-module .active {
	background: #F8F8F8 url('../image/arrow-down.png') 7px 50% no-repeat;
}
.cart-module .cart-content {
	padding: 0px 0px 15px 0px;
	display: none;
	overflow: auto;
}
.cart-total {
	border-top: 1px solid #DDDDDD;
	overflow: auto;
	padding-top: 8px;
	margin-bottom: 15px;
}
.cart-total table {
	float: right;
}
.cart-total td {
	padding: 3px;
	text-align: right;
}


.button{ float:left; width:84px; height:28px; background-image:url(../images/button.png); color:#FFF; font-size:12px; text-align:center; line-height:24px; font-weight:bold;}
.button02{ float:left; width:84px; height:30px; background-image:url(../images/button2.png); color:#000; font-size:12px; text-align:center; line-height:30px; font-weight:bold;}

/**************************************************************首頁*******************************************************************/
.body{ margin:auto; padding:auto; width:960px; background-image:url(../images/body_bg.png); background-repeat:repeat-x; font-size:15px; letter-spacing:1px;}

.head01{ float:left; width:960px; margin:0px; padding:0px;}
.head02{ float:left; width:938px; padding:22px 0 22px 22px;}
.head03{ float:left; width:800px;}
.head03 ul li { float:left;}
.head04{  padding:4px 22px 0 22px; font-size:104%; height:22px; border-bottom:2px solid #F00;}
.head04 a { color:#000000;}
.head04 a:hover{ color:#000000; }
.head05{ padding:4px 22px 0 22px; font-size:104%; height:22px;}
.head05 a { color:#191919;}
.head05 a:hover{ color:#191919; }
.head06{ width:2px; padding:6px 6px 0 6px;}
.head07{ float:right; width:160px; height:26px;}
.head08{ float:left; width:80px; line-height:26px; text-align:right;}
.head09{ float:left; width:80px; height:26px; line-height:26px;}
.head09 ul li { float:right; text-align:right}
.head10{ padding:3px 10px 0 0;}

.content01{ float:left; width:960px; padding:14px 0 0 0;}
.content02{ float:left; width:960px; height:64px; background-color:#f6f6f6;}
.content03{ float:left; width:707px; padding:24px 0 0 21px; font-family:"新細明體"; font-size:24px; color:#505050; font-weight:bold;}
.content04{ float:left; width:232px; font-size:14px; color:#343434; font-family:Arial, Helvetica, sans-serif; padding:12px 0 0 0px; font-family:Arial, Helvetica, sans-serif;}
.content05{ float:left; width:960px;}
.content06{ float:left; width:960px; padding:22px 0 0 0;}
.content07{ float:left; width:960px; height:20px; line-height:20px;}
.content08{ float:left; width:20px; padding:3px 0 0 6px;}
.content09{ float:left; width:62px; font-family:'新細明體'; font-size:16px; padding-left:6px; font-weight:bold; color:#010000;}
.content10{ float:left; width:800px; height:20px; background-image:url(../images/product_line.png); background-repeat:no-repeat; background-position:left center;}
.content11{ float:left; width:934px; padding:22px 0 40px 26px;}
.content12{ float:left; width:218px; height:61px; padding:0 0 16px 0;}
.content13{ float:left; width:12px; height:61px;}
.content14{ float:left; width:960px; padding:0 0 8px 0;}

.footer01{ float:left; width:960px; height:57px; background-color:#3C7C7B; padding:18px 0 0 0;}
.footer02{ float:left; width:960px; font-size:12px; text-align:center; color:#FFF; font-family:Arial, Helvetica, sans-serif;}
.footer02 a { color:#FFF;}
.footer02 a:hover{ color:#E60019;}
.footer03{ float:left; width:960px; font-size:12px; text-align:center; color:#FFF; padding:10px 0 0 0;font-family:Arial, '宋体';}
.footer03 a { color:#FFF;}
.footer03 a:hover{ color:#E60019;}


/**************************************************************关于我们*******************************************************************/
.aboutus01{ float:left; width:960px; background-color:#FFF; padding:10px 0 60px 0;}
.aboutus02{ float:left; width:216px; padding:0 0 0 14px; background-image:url(../images/left_bg.png); background-repeat:repeat-y; background-position:right top;}
.aboutus03{ float:left; width:216px; min-height:531px;}
.aboutus04{ float:left; width:182px; padding:0 0 0 34px; height:30px; color:#3f3f3f; font-weight:bold; line-height:30px; background-image:url(../images/menu_bg.png); background-repeat:no-repeat;}
.aboutus05{ float:left; width:182px; padding:0 0 0 34px; height:32px; color:#e60019; line-height:34px; background-image:url(../images/sub_menu_bg.png); background-repeat:no-repeat; font-size:12px; }
.aboutus05 a{ color:#e60019; }
.aboutus05 a:hover{ color:#e60019; }
.aboutus06{ float:left; width:730px;}
.aboutus07{ float:left; width:724px; height:22px; padding:0 0 0 6px; line-height:18px; background-image:url(../images/nav_bg.png); background-repeat:no-repeat; background-position:left bottom;}
.aboutus08{ float:left; width:314px; color:#3f3f3f; font-size:15px; font-weight:bold; padding:0 0 0 10px;}
.aboutus09{ float:left; width:382px; padding:0 18px 0 0; text-align:right; font-size:12px; color:#cb061c;}
.aboutus09 a{ color:#3f3f3f;}
.aboutus09 a:hover{ color:#cb061c;}
.aboutus10{ float:left; width:730px; min-height:508px; background-image:url(../images/aboutus_bg.png); background-repeat:no-repeat; background-position:center bottom;}
.aboutus11{ float:left; width:700px; padding:28px 0 0 30px;}
.aboutus12{ float:left; width:700px; font-size:18px; color:#e60019;}
.aboutus13{ float:left; width:676px; padding:36px 24px 0 0; line-height:36px; color:#000000; font-size:12px;}
.aboutus14{ float:left; width:700px; padding:100px 0 0 0;}
.aboutus15{ float:left; width:218px; padding:0 10px 0 0 ;}
.aboutus16{ float:left; width:218px; padding:0 10px 0 0 ;}
.aboutus17{ float:left; width:218px;}



/**************************************************************產品*******************************************************************/
.product01{ float:left; width:960px; background-color:#FFF; padding:10px 0 60px 0;}
.product02{ float:left; width:216px; padding:0 0 0 14px; background-image:url(../images/left_bg.png); background-repeat:no-repeat; background-position:right top;}
.product03{ float:left; width:216px; }
.product04{ float:left; width:182px; padding:0 0 0 34px; height:30px; color:#3f3f3f; font-weight:bold; line-height:30px; background-image:url(../images/menu_bg.png); background-repeat:no-repeat;}
.product05{ float:left; width:216px;}
.left{ float:left; width:172px; padding:0 0 0 34px; color:#e60019; line-height:34px; font-size:12px; background-position:4px bottom; list-style-position:inside; border-bottom:1px solid #CCC; background:url(../images/disc.png) no-repeat 6% 12px; }
.left a{color:#3f3f3f;}
.left a:hover{color:#a80718;}
.left_sub li{ float:left; width:162px; color:#3F3F3F; margin:0 0 0 -34px; padding:0 0 0 40px; color:#e60019; line-height:34px; background-image:none; border-bottom:1px solid #d4d4d4;}
.left_sub li a{ color:#3F3F3F;}
.left_sub li a:hover{ color:#a80718;}
.left_do{ float:left; width:182px; padding:0 0 0 34px; color:#e60019; line-height:34px;background:url(../images/disc.png) no-repeat 6% 12px; font-size:12px;  }
.left_do a{color:#a80718;}
.left_do a:hover{color:#a80718;}
.left_sub_do li{ float:left; width:162px; color:#3F3F3F; margin:0 0 0 -34px; padding:0 0 0 40px; height:32px; color:#e60019; line-height:34px; background-image:none; border-bottom:1px solid #d4d4d4;}
.left_sub_do li a{ color:#a80718;}
.left_sub_do li a:hover{ color:#a80718;}
.product06{ float:left; width:730px;}
.product07{ float:left; width:724px; height:22px; padding:0 0 0 6px; line-height:18px; background-image:url(../images/nav_bg.png); background-repeat:no-repeat; background-position:left bottom;}
.product08{ float:left; color:#3f3f3f; font-size:15px; font-weight:bold; padding:0 0 0 10px;}
.product09{ float:right; padding:0 18px 0 0; text-align:right; font-size:12px; color:#cb061c;}
.product09 a{ color:#3f3f3f;}
.product09 a:hover{ color:#cb061c;}
.product10{ float:left; width:702px; padding:12px 0 0 22px;}
.product11{ float:left; width:205px;}
.product12{ float:left; width:203px; height:192px; border:2px solid #ececec;}
.product13{ float:left; width:205px; padding:4px 0 0 0; height:38px; line-height:20px; color:#3f3f3f; font-size:12px; font-weight:bold;}
.product13 a{ color:#3f3f3f;}
.product13 a:hover{ color:#3f3f3f;}
.product14{ float:left; width:30px; height:192px;}
.product15{ float:left; width:674px; height:1px; border-bottom:1px dashed #d9d9d9; margin:0 0 16px 0;}
.product16{ float:left; width:680px; padding:30px 0 0 22px;}
.product17{ float:left;  width:230px;  background-image:url(../images/left_bg_line.png); background-position:96% top; background-repeat:repeat-y;}


.detail01{ float:left; width:702px; padding:32px 0 0 22px;}
.detail02{ float:left; width:702px;}
.detail03{ float:left; width:343px;}
.detail04{ float:left; width:1px; height:322px; border-right:1px solid #e6e6e6; margin:0 34px;}
.detail05{ float:left; width:270px;}
.detail06{ float:left; width:102px; height:97px; border:2px solid #d1d1d1; margin:0 0 8px 0;}
.detail06_do{ float:left; width:102px; height:97px; border:2px solid #de1429; margin:0 0 8px 0;}
.detail07{ float:left; width:40px; height:97px; margin:0 0 8px 0;}
.detail08{ float:left; width:702px; padding:14px 0 0 0;}
.detail09{ float:left; width:680px; height:23px; padding:0 0 0 10px; color:#a80718; background-color:#f0f0f0; line-height:23px; font-weight:bold; font-size:12px;}
.detail10{ float:left; width:680px; padding:23px 0 0 10px; font-size:12px; color:#0b0b0b; text-align:justify; line-height:22px; overflow:hidden;}
.detail10 img{ max-width:680px;}
.detail11{ float:left; width:85px; padding:14px 0 0 605px; height:40px; border:1px solid #ececec; margin:14px 0 0 0;}
.detail12{ float:left; width:690px; padding:16px 0 0 0;}
.detail13{ float:left; width:68px; color:#a80718; font-size:14px; font-weight:bold;}
.detail14{ float:left; width:602px;}
.detail15{ float:left; width:660px; padding:30px 0 0 30px;}
.detail16{ float:left; width:640px; height:392px;}



/**************************************************************聯絡我們*******************************************************************/
.contact01{ float:left; width:960px; background-color:#FFF; padding:10px 0 60px 0;}
.contact02{ float:left; width:216px; padding:0 0 0 14px; background-image:url(../images/left_bg.png); background-repeat:repeat-y; background-position:right top;}
.contact03{ float:left; width:216px; min-height:531px;}
.contact04{ float:left; width:182px; padding:0 0 0 34px; height:30px; color:#3f3f3f; font-weight:bold; line-height:30px; background-image:url(../images/menu_bg.png); background-repeat:no-repeat;}
.contact05{ float:left; width:182px; padding:0 0 0 34px; height:32px; color:#e60019; line-height:34px; background-image:url(../images/sub_menu_bg.png); background-repeat:no-repeat; font-size:12px; }
.contact05 a{ color:#e60019; }
.contact05 a:hover{ color:#e60019; }
.contact06{ float:left; width:730px;}
.contact07{ float:left; width:724px; height:22px; padding:0 0 0 6px; line-height:18px; background-image:url(../images/nav_bg.png); background-repeat:no-repeat; background-position:left bottom;}
.contact08{ float:left; width:314px; color:#3f3f3f; font-size:15px; font-weight:bold; padding:0 0 0 10px;}
.contact09{ float:left; width:382px; padding:0 18px 0 0; text-align:right; font-size:12px; color:#cb061c;}
.contact09 a{ color:#3f3f3f;}
.contact09 a:hover{ color:#cb061c;}
.contact10{ float:left; width:702px; padding:26px 0 0 28px;}
.contact11{ float:left; width:682px; border-bottom:1px dashed #d9d9d9; padding:0 0 22px 0;}
.contact12{ float:left; width:316px; height:182px; padding:6px; background-image:url(../images/contactusbgh.png); background-repeat:no-repeat;}
.contact13{ float:left; width:344px;}
.contact14{ float:left; width:682px;  border-bottom:1px dashed #d9d9d9;   padding:12px 0 26px 0;}
.contact15{ float:left; width:682px; margin:10px 0 0 0;}
.contact16{ float:left; width:656px; height:20px; line-height:20px; background-image:url(../images/contactus_form_top.png); background-repeat:no-repeat; background-position:left bottom; font-weight:bold; color:#000; padding:0 0 0 26px;}
.contact17{ float:left; width:626px; padding:16px 0 20px 56px ; background-image:url(../images/contactus_form_center.png); background-repeat:repeat-y; }
.contact18{ float:left; width:682px; height:12px; background-image:url(../images/contactus_form_bottom.png); background-repeat:no-repeat;}
.contact19{ float:left; width:626px; margin:0 0 12px 0; font-size:14px; color:#131313;}
.contact20{ float:left; width:114px; font-weight:bold; height:26px; line-height:26px; }
.contact21{ float:left; width:20px; height:26px; line-height:26px; }
.contact22{ float:left; width:492px; height:26px; line-height:26px; }
.contact23{ float:left; width:396px; height:26px; line-height:26px; border:1px solid #bacbd3;}
.contact24{ float:left; width:412px;}