/*
* CSS文件
* =============================================================
* 版權所有 (C) 2012 A-Lou，並保留所有權利。
* 網站地址: http://
* =============================================================
* $Author: A-Lou
* $Date: 2012-07-12 10:00:00 +0800 (星期四, 12 七月 2012) $
*/
@charset "utf-8";
/* CSS Document */


a{
	text-decoration:none;
	color:#666;
	}
a:hover{
	text-decoration:none;
	color:#333;
	}
a img {
	border: none;
	display:inline;
	}
input, form{
	margin:0px;
	padding:0px;
	}
ul li {list-style-type:none !important;}
	
/* 共用 */
h1, h2{
	display:block;
	margin:0;
	padding:0;
	}
#left{ text-align:left;}
#center{ text-align:center; margin:0 auto;}
#right{ text-align:right;}

.clean{
	clear:both;
	font:0;
	height:0px;
	line-height:0px;
	}
.line01{
	height:1px;
	line-height:0px;
	margin:0px;
	padding:0px;
	font-size:0px;
	background:url(http://pexheatpump.com/images/line01.gif) repeat-x;
	clear:both;
	}

/*page X
-------------*/
.page{
	width:100%;
	margin:0 auto;
	padding-bottom:8px;
	text-align:center;
	}
.page img{
	margin-bottom:0;
	padding:0 12px;
	}
.page a{
	text-decoration:none;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#666;
	padding:0 4px;
	} 
.page a:hover{
	text-decoration:underline;
	color:#333;
	}
	
/* line_dotted */
.line_dotted{
	clear:both;
	width:100%;
	padding:12px 0;
	background:url(http://pexheatpump.com/images/line_dotted.gif) repeat-x 0 10px;
	}

	
/* input */
.input{
	height:18px;	
	font:13px Verdana, Geneva, sans-serif;
	color:#666;
	padding:0 5px;
	border:1px solid #dadada;	
	}
.input02{	
	height:18px;	
	font:13px Verdana, Geneva, sans-serif;
	color:#666;
	padding:0 5px;	
	border:1px solid #dadada;	
	background:#f6f6f6;	
	}
.input03{
	border:1px solid #dadada;
	font:13px Verdana, Geneva, sans-serif;
	color:#666;
	}

/* width */
.w50{
	width:50px;
	}
.w80{
	width:80px;
	}
.w115{
	width:115px;
	}
.w200{
	width:200px;
	}
.w225{
	width:225px;
	}
.w230{
	width:230px;
	}
.w250{
	width:250px;
	}
.w235{
	width:235px;
	}
.w400{
	width:400px;
	}
	
/* font */
.fontColor {
	font: bold 13px/35px Verdana, Geneva, sans-serif;
	color: #000000;
}
.fontColor02{
	font: bold 13px/28px Verdana, Geneva, sans-serif;
	color: #1092BD;
}
	
/* 主架構 */
#header_home{
	width:1000px;
	height:458px;
	margin:0 auto;
	}
#header{
	width:1000px;
	height:283px;
	margin:0 auto;
	}
.contact{
	width:100%;
	padding:10px 0px ;
	margin:0px 8px;
	text-align:center;
	/*background:url(../images/bg_area_choose.jpg) repeat-x;*/
	background:#FFFFFF
	
	}

.area_choose{
	width:1000px;	
	height:203px;
	margin:0 auto;	
	}

.choose01 a,.choose02 a{
	float:left;
	position:relative;
	margin:0;
	width:500px;
	padding:193px 0 0; /*193為按鈕的高度*/
	overflow:hidden;
	display:block;
	text-decoration:none;
	height:0px !important;
}
.choose01 a{background:url(http://pexheatpump.com/images/choose01.jpg) no-repeat left top;}
.choose02 a{background:url(http://pexheatpump.com/images/choose02.jpg) no-repeat left top;}
.choose01 a:hover,.choose02 a:hover{
	background-position:0 -193px; /*193為按鈕的高度*/		
}

	
/*header
--------------------------------------------------*/
.quick_link{
	position:absolute;
	width:270px;
	height:18px;
	left:50%;
	top:20px;
	margin-left:225px;	
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#768888;
	z-index:99;
	}
.quick_link em{
	font:normal normal 12px Arial, Helvetica, sans-serif;
	margin:0 6px;
	color:#ECECEC;
	}
.quick_link a{
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#768888;
	}
.quick_link a:hover{
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#000;
	}

/*marquee
--------------------------------------------------*/
.marquee{
	float:left;
	position:absolute;
	width:270px;
	height:23px;
	top:10px;
	left:50%;
	margin-left:-110px;
	font:normal 12px Verdana, Geneva, sans-serif;
	color:#AE5906;
	z-index:50;
	}
	
/*左方區塊
--------------------------------------------------*/
.area_dec{
	float:left;
	width:181px;
	margin-bottom:22px;
	min-height:700px;
	background:url(http://pexheatpump.com/images/bg_area_dec.jpg) no-repeat;
	}
.search{
	height:26px;
	overflow:hidden;
	margin:15px 0;
	}
.search_font{
	text-align:center;
	background:url(http://pexheatpump.com/images/bg_search.jpg) no-repeat 50% 50%;
	}
.field_search{
	width:103px;
	height:17px;
	font:normal 13px Verdana, Geneva, sans-serif;
	color:#666;
	text-align:left;
	margin:2px auto 0;
	padding:0 10px;
	border:0;
	color:#999;
	}
.area_dealer{
	margin-top:20px;
	}

.leftMenu{
	background:url(http://pexheatpump.com/images/leftmenubg.gif) repeat-y;
	margin:0 0 20px;	
	}
	
.accTest01{	
	margin:12px auto 0;
	padding:0;
	width:180px;
	font:13px/20px Verdana, Geneva, sans-serif;	
	}
.acc{
	margin:0 auto;
	text-align:center;
	background:url(http://pexheatpump.com/images/navi_line.jpg) no-repeat 50% 25px;
	}
.acc ul{
	width:180px;
	margin:0;
	padding:0;
	}
.accTest01 li a{
	display:block;
	width:130px;
	font:13px/30px Verdana, Geneva, sans-serif;
	font-weight:bold;
	color:#fff;
	margin:0 auto 1px;
	padding:0 25px;
	background: #666666;
	}
.accTest01 li a:hover{
	text-decoration:none;
	font:13px/30px Verdana, Geneva, sans-serif;
	color:#000000;
	background:#FFF000;
	}
	
.sub_navi01 li a{
	font:13px/28px Verdana, Geneva, sans-serif;
	color:#666;
	border-bottom:1px solid #EBEBEB;
	background:url(http://pexheatpump.com/images/bg_sub_navi01.jpg) no-repeat;
	}
.sub_navi01 li a:hover{
	font:13px/28px Verdana, Geneva, sans-serif;
	color:#000000;
	background:#FFF000;
	}
	
.sub_navi02 li a{
	font:13px Verdana, Geneva, sans-serif;
	color:#610568;
	}
.sub_navi02 li a:hover{
	font:13px Verdana, Geneva, sans-serif;
	color:#520158;
	}

.shortcut{
	float:left;
	width:181px;
	height:186px;
	margin:30px 0 0 0;
}
.sho01 a,.sho02 a,.sho03 a{
	position:relative;
	margin:0;
	width:181px;
	padding:62px 0 0; /*62為按鈕的高度*/
	overflow:hidden;
	display:block;
	text-decoration:none;
	height:0px !important;
}
.sho01 a{background:url(http://pexheatpump.com/images/sho01.jpg) no-repeat left top;}
.sho02 a{background:url(http://pexheatpump.com/images/sho02.jpg) no-repeat left top;}
.sho03 a{background:url(http://pexheatpump.com/images/sho03.jpg) no-repeat left top;}
.sho01 a:hover,.sho02 a:hover,.sho03 a:hover{
	background-position:0 -62px; /*62為按鈕的高度*/		
}


/*右方區塊
--------------------------------------------------*/
.area_con{
	float:left;
	width:100%;
	margin:0px 0px 0px 9px;
	text-align:center;
	background:#fff url(http://pexheatpump.com/images/bg_area_con.jpg) repeat-x;
	}

.middle{
	width:1020px;
	min-height:72px;
	margin:0px;
	padding:0px;
	background:url(http://pexheatpump.com/images/bg_middle.png) no-repeat 201px 0;
	}
.middle_long{
	width:960px;	
	margin:0 auto 11px;
	padding:13px 20px 0 20px;	
	}
	
.title{
	float:right;
	width:724px;
	height:56px;
	margin:24px 23px 0px 0;
	padding-right:10px;
	text-align:right;
	font:12px Verdana, Geneva, sans-serif;
	color:#6D6868;
	}
.title_about{ background:url(http://pexheatpump.com/images/title_about1.jpg) no-repeat left bottom;}
.title_news{ background:url(http://pexheatpump.com/images/title_news1.jpg) no-repeat left bottom;}
.title_product{ background:url(http://pexheatpump.com/images/title_product1.jpg) no-repeat left bottom;}
.title_qa{ background:url(http://pexheatpump.com/images/title_qa1.jpg) no-repeat left bottom;}
.title_dealer{ background:url(http://pexheatpump.com/images/title_dealer1.jpg) no-repeat left bottom;}
.title_join{ background:url(http://pexheatpump.com/images/title_join1.jpg) no-repeat left bottom;}
.title_links{ background:url(http://pexheatpump.com/images/title_links1.jpg) no-repeat left bottom;}
.title_contact{ background:url(http://pexheatpump.com/images/title_contact1.jpg) no-repeat left bottom;}

.title_long{
	float:left;
	width:950px;
	height:25px;
	margin:17px 0 15px;
	padding-right:10px;
	text-align:right;
	font:12px Verdana, Geneva, sans-serif;
	color:#630;
	}
.title a{
	font:12px Verdana, Geneva, sans-serif;
	color:#AEAEAE;
	}
.title a:hover{
	text-decoration:underline;
	color:#6D6868;
	}

.title img{ margin-left:10px;}

.con{
	float:left;
	width:700px;
	text-align:left;
	margin-right:38px;
	_margin-right:19px;
	padding:10px;
	padding-left:30px;
	font: normal 13px/28px Verdana, Geneva, sans-serif;
	color:#333;
	}
	
.con em{
	font: normal bold 15px/30px Arial, Helvetica, sans-serif;
	color:#C60;
	}

.map{
	width:670px;
	border:1px solid #CCC;
	margin-bottom:3px;
	padding:3px 0 3px 3px;
	}


/* member 會員專區
--------------------------------------------------*/
.banner{
	float:left;
	width:100%;
	margin:0 auto 15px;
	text-align:left;
	}
.status{
	height:22px;
	font:12px/20px Verdana, Geneva, sans-serif;
	padding-left:10px;
	}
.status a{
	color:#00F;
	}
.status a:hover{
	color:#009;
	}

.fillTitle { font:12px Verdana, Geneva, sans-serif; color: #686868; padding:10px 6px 9px 0; }
.fillTitle a{color:#999; text-decoration:none; } 
.fillTitle a:hover{color:#333; text-decoration:underline; } 

.fillTxt { font:12px Verdana, Geneva, sans-serif;  color: #686868; padding:4px 0 10px 10px; }

.fillNote { font:12px Verdana, Geneva, sans-serif;  color: #FF6D00; padding:2px 0 8px; }

.fillForm { font:12px/20px Verdana, Geneva, sans-serif;  color: #686868; border: 1px solid #CCCCCC; height:20px; }

.fieldLayout { padding:18px 20px 30px 40px; }

.cartTitle { font:12px/20px Verdana, Geneva, sans-serif; color: #686868; padding:0 10px; }

.cartList { font:12px/18px Verdana, Geneva, sans-serif; color: #686868; padding:0 10px; }
.cartList a:link    {color:#686868; text-decoration: underline; } 
.cartList a:active  {color:#686868; text-decoration: none; } 
.cartList a:visited {color:#686868; text-decoration: underline; } 
.cartList a:hover   {color:#686868; text-decoration: none; }

.cartPrice { font:12px Verdana, Geneva, sans-serif; text-align: right; color: #686868; padding:2px 10px 10px; }

.cartQuantity { font:12px Verdana, Geneva, sans-serif; text-align: center; color: #686868; padding:2px 0 10px; }

.precartList     { font:12px Verdana, Geneva, sans-serif; color: #686868; padding:4px 5px 10px; }
.precartList a:link    {color:#8C3232; font-weight: bold; text-decoration:  none; } 
.precartList a:active  {color:#8C3232; font-weight: bold; text-decoration:  underline; } 
.precartList a:visited {color:#8C3232; font-weight: bold; text-decoration:  none; } 
.precartList a:hover   {color:#8C3232; font-weight: bold; text-decoration:  underline; }

.precartPrice { font:12px Verdana, Geneva, sans-serif; text-align: right; color: #686868; padding:2px 10px 10px;  }

.precartQuantity { font:12px Verdana, Geneva, sans-serif; text-align: center; color: #686868; padding: 2px 0 10px; }

.precartService { font:12px Verdana, Geneva, sans-serif; color: #686868; padding: 2px 0 10px;   }
.precartService a {
    color: #6F3E41;
    text-decoration: none;
}
.precartService.postQuestion { text-align: center; }
.precartService.listQuestion { text-align: center; }

.cartAttention { font:12px/22px Verdana, Geneva, sans-serif; color: #8C3232; }


/*訂單查詢
--------------------------------------------------*/
.tab950{
	float:left;
	width:950px;
	margin:0 auto 16px;
	}
.tab950 th{
	font:13px Verdana, Geneva, sans-serif;
	color:#FFF;
	text-align:center;
	padding:5px 0;
	background:#333;
	}
.tab950 td{
	font:13px Verdana, Geneva, sans-serif;
	padding:5px 0;
	color:#0D5479;
	text-align:center;
	}
#font_name{
	font: bold 13px Verdana, Geneva, sans-serif;
	height:28px;
	color:#fff;
	text-align:center;
	background:#3493C1;
	}
.tab_con{
	font: normal normal 13px/20px Verdana, Geneva, sans-serif;
	padding:10px 40px 0;
	color:#333;	
	background:#E7E7E7 url(http://pexheatpump.com/images/bg_note02.jpg) no-repeat;
	}
.tab_con em{
	font:15px/23px Verdana, Geneva, sans-serif;
	color:#3E0B4F;	
	}
	
/* product */
.con_pro{
	float:right;
	width:670px;
	text-align:left;
	padding:0 0 20px;
	font: normal 13px Verdana, Geneva, sans-serif;
	color:#000;
	}

.con_pro li{
	float:left;
	width:180px;
	margin:5px 5px 8px 7px;
	_margin:5px 0px 8px 2px;
  	padding:0 15px;
	text-align:center;
	display:block;	/*消除圓點*/
	font: normal 13px Verdana, Geneva, sans-serif;
	border:0px solid #036;
	}
.con_pro li.dotted{	
	float:none;
	clear:both;
	width:98%;
	padding:13px 0;
	list-style-type:none;
	background:url(http://pexheatpump.com/images/dotted.gif) repeat-x 0 7px;
	}
	
.pro_png{
	position:absolute;
	z-index:50;
	}

.scale{  /* zoom.js 裡面有此名稱，不要隨意更改命名 */
	width:150px;
	height:150px;
	}
	
.scale2{  /* zoom.js 裡面有此名稱，不要隨意更改命名 */
	height:270px;
	
	}

.con_pro ul{ 
	margin:0;
	padding:0;
	}

.con_pro li a{   /* 程式運算之標準尺寸_可微調寬高，讓程式÷2達置中效果 */
	display:block;
	width:190px;
	height:139px;
	}

.con_pro span{
	float:left;
	width:190px;
	margin:10px auto 0;
	font: normal 15px/20px Verdana, Arial, Helvetica, sans-serif;
	}

.pro_png{
	position:absolute;
	z-index:50;
	}

.con_pro ul li em{
	display:block;
	font: normal bold 13px Verdana, Geneva, sans-serif;
	color:#D68300;	
	margin:0 auto;
	text-align:center;
	}

/* product 商品詳細頁 -----------------*/
.goods_pic{ 
	float:left;
	height:267px;
	margin:10px 0 10px 10px;
	_margin:10px 0 10px 5px;
	padding:3px;
	text-align:center;
	border:1px solid #E1E1E1;
	}
.goods_font{
	float:right;
	width:260px;
	margin:20px 26px 0 0;
	_margin:20px 13px 0 0;
	text-align:left;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#666;
	}
.goods_font_title{ color:#828282; font:bold 15px/25px Verdana, Geneva, sans-serif;}
.goods_category{ width:85px; color:#999; font:normal 13px/20px Verdana, Geneva, sans-serif;}
.goods_details{	color:#666; font:normal 13px/20px Verdana, Geneva, sans-serif;}
.goods_details em{	color:#090; font:normal bold 13px/20px Verdana, Geneva, sans-serif;}
.goods_details a{color:#C71433;}
.goods_details a:hover{color:#F0A509;}
.goods_note{
	clear:both;
	width:93%;
	margin:0 auto;
	padding:0 10px;
	background:url(http://pexheatpump.com/images/note.jpg) no-repeat 95% 0;
	font:normal 13px/28px Arial, Helvetica, sans-serif;
	color:#666;
	text-align:left;
	margin:0 auto;
	}

.area_submit{
	float:left;
	width:100%;
	margin:0 auto;
	text-align:center;
	}
	

/* 購物車 */
.carTb, .carInfoTb{
	margin-top:10px;
	}
.carTb th, .guestbookTb th{
	line-height:30px;
	color:#333;
	text-align:center;
	background-color:#eaeaea;	
	}
.carTb td{
	line-height:24px;
	padding:8px 0px;
	border-bottom:1px dashed #ccc;
	}
.carPrice{
	margin-top:1px;
	padding-right:30px;
	background-color:#eaeaea;
	}
.carPrice th{
	color:#333;
	padding:15px 0px;
	}
.carPrice td{
	padding:15px 20px 15px 0px;
	color:#333;
	font-weight:bold;
	}
.carPrice td span{
	color:#6f0000;
	font-size:15px;
	}
.carBtn img{
	margin:10px;
	}	
.carInfoTb{
	border:1px solid #dbdbdb;
	border-bottom:none;
	border-right:none;
	}
.carInfoTb th{	
	border-right:1px solid #dbdbdb;
	border-bottom:1px solid #dbdbdb;
	text-align:center;
	color:#333;
	padding:8px 0px;
	}
.carInfoTb td{	
	border-right:1px solid #dbdbdb;
	border-bottom:1px solid #dbdbdb;
	padding:8px;
	}
.thankBg{	
	width:100%;
	height:200px;
	margin-top:30px;
	background:url(http://pexheatpump.com/images/step04img.jpg) no-repeat;
	}
.thankBg .step04Text{
	float:right;
	display:inline;
	margin:50px 45px 0px 0px;
	line-height:24px;
	font: bold 15px Verdana, Geneva, sans-serif;
	color:#557800;	
	}
.thankBg .step04Text span{
	font:13px Verdana, Geneva, sans-serif;
	color:#333;
	}

/*guestbook
--------------------------------*/
.top-inner{
	background:#933;
	text-align:left;
	}
.top-inner h2{
	font:bold 13px Arial, Helvetica, sans-serif;
	height:20px;
	margin:6px 0 8px;
	padding:6px 10px 0;
	color:#fff;
	}
.grid{
	width:540px;
	margin:20px auto 10px;
	}
.datatable{
	width:540px;
	}
.grid .datatable TH{ 
	font:bold 13px/25px Arial, Helvetica, sans-serif;
	text-align:left;
	padding:0 28px;
	color:#333;
	border-bottom:solid 2px #ccc;
	}
.grid .datatable .row TD{
	font:normal 13px/22px Arial, Helvetica, sans-serif;
	color:#666;
	padding:2px 28px;
	text-align:left;
	border-bottom:solid 1px #ccc;
	}
.grid .datatable .row TD a{color:#933;text-decoration:none;}
.grid .datatable .row TD a:hover{ color:#600;}      
.page_guestbook{
	text-align:center;
	padding-top:5px;
	}
.page_guestbook a{ color:#600; text-decoration:none;}
.page_guestbook a:hover{ color:#300; text-decoration:underline;}

.member_l{	text-align: right;}
.message{ width:80%; margin:20px auto;}
.message table{width:100%; text-align:left;font:normal 13px Arial, Helvetica, sans-serif; color:#333;}
.table_title{ width:100px;height:23px;color:#666;text-align:right; padding:2px 0;}
.table_but{ text-align:right;height:40px; background:#F6F6F6; padding-right:20px}
.message_top{
	width:535px;
	height:46px;
	background:url(http://pexheatpump.com/images/icon_contact.jpg) left top;
	}
.field{
	float:left;
	font:normal 13px/18px Arial, Helvetica, sans-serif;
	color:#666;
	height:20px;
	text-align:left;
	margin-left:10px;
	padding:0 10px;
	border:1px solid #CCC;
	}
.submit{
	font:normal 13px Arial, Helvetica, sans-serif;
	padding:3px 10px 2px;
	color:#fff;
	background:#D67E01;
	}
	
/* 留言回響 */
.guestbookTb{
	margin-bottom:20px;
	margin-top:5px;
	}
.guestbookTb div.gbCon{
	width:388px;
	overflow:hidden;
	padding:0px 10px;
	}
.guestbookTb .gbR td{
	background-color:#f4f4f4;
	}
	
/* contact */
.contactBg{
	background:url(http://pexheatpump.com/images/contactimg.jpg) no-repeat;
	color:#999;
	letter-spacing:2px;
	width:602px;
	height:141px;
	padding:30px 0px 0px 30px;
	}
.contactBg strong{
	color:#333;
	}
.contactMap{
	width:626px;
	border:1px solid #e9e9e9;
	padding:2px;
	}
	
/* about */
.con_about{
	padding:250px 0 30px;
	background:url(http://pexheatpump.com/images/bg_about.jpg) no-repeat 0 0;
	}

/* news */
.con_news img{
	float:left;
	margin:15px;
	}

/* links */
.con_links{
	min-height:530px;
	background:url(http://pexheatpump.com/images/bg_links.jpg) no-repeat 50% 70%;
	}
	
/* FAQ */
.faqTitle{
	margin:1px 0;
	font-size:13px;
	font-weight:normal;
	padding:8px 0;
	}
.faqBg{
	background-color:#f4f4f4;
	}
.faqTitle table th{
	font-weight:normal;
	}
.number{
	color:#ffae00;
	font-weight: bold;
	}
.date{
	color:#898989;
	font-size:11px;
	}
.faqContent{
	width:630px;
	padding:10px 20px;
	overflow:hidden;
	color:#657b3d;
	line-height:20px;
	}
.reflection{
	background:url(http://pexheatpump.com/images/contactbot.jpg) no-repeat;
	height:10px;
	overflow:hidden;
	text-align:center;
	padding:10px 0;
	}
	
	
/*footer
--------------------------------------------------*/
.footer {
	clear:both;
	width:100%;
	height:66px;
	margin:0 auto;
	padding:25px 0 0;
	background:#f4f4f4;
	}
.copyright{
	width:1000px;
	margin:0 auto;
	}
.footer_l {
	float: left;
	width: 215px;
	text-align:center;
	padding:0;	
	}
	
.footer_r {
	float: left;
	width:700px;
	height:43PX;
	padding:0 0 0 35px;	
	font:normal 12px/20px Verdana, Geneva, sans-serif;
	text-align:left;
	color:#9E9E9E;
	border-left:1px solid #E9E3C1;
	}
.footer_r a{ 
	text-decoration:none;
	color:#616161;
	}
.footer_r a:hover{	
	text-decoration:underline;
	color:#000;
	}
.footer_r em{ 
	font-style:normal;
	color:#DADEC3;
	padding:0 8px;
	}
	
.footer_use {
	float:right;
	*position:absolute;
	padding-left:18px;
	margin-top:3px;
	*margin-top:0;
	font:normal 12px Verdana, Geneva, sans-serif;
	text-align:right;
	color:#ccc;
	}	
.footer_use em { font-style:normal;color:#DEDED0;}
.footer_use a {text-decoration:none; color:#AAAB85;}
.footer_use a:hover {	text-decoration:underline;color:#717257;}
span.error { color:#f30; padding-left: 10px;float: right;
    width: 110px;}

.without_member{
    display: none;
}

.page span {
    float: none;
    width: auto;
    margin: auto;
}
.page .current{
    font-weight: 900;
    color:#f99;
}