@charset "utf-8";
/* CSS Document */

a{outline: none; /* for Firefox Google Chrome  */behavior:expression(this.onFocus=this.blur()); /* for IE */}

/*========================================= 內頁 設定 ===========================================*/
#main{ width:738px; padding-left:30px; clear:both;}/*2013-01-30 修改*/ 
#main-info{ width:690px; margin-bottom:60px;}/*2013-01-30 修改*/ 

/*========================================= 路徑 設定 ===========================================*/
#top-path{ width:658px; background:url(../images/icon_01.gif) left top no-repeat; padding:0 60px 0 20px; color:#959595; font-size:12px; margin:20px 0 5px 0;}/*2013-01-30 修改*/ 
#top-path a{ color:#959595; font-size:12px; text-decoration:none;}
#top-path a:hover{ color:#333333;}

/*========================================= 標題 設定 ===========================================*/
#main-title{ width:658px; height:55px; padding:0 55px 0 25px; background:url(../images/main_title-bg.gif) left top no-repeat;}/*2013-01-30 修改*/ 
#main-title h3 { color:#000000; font-size:17px; line-height:45px;}

/*========================================= 進行估價按鈕 設定 ===========================================*/
.valuation{ position:relative; width:690px;}/*2013-01-30 修改*/ 
.valuation li{ list-style:none;}
.valuation li.vbtn1 a{ position:absolute; display:block; width:412px; height:91px; background:url(../images/valuation-btn_01.gif) left top no-repeat; left:260px; top:30px; text-indent:-9999px;}
.valuation li.vbtn2 a{position:absolute;display:block;width:412px;height:91px;background:url(../images/valuation-btn_02.gif) left top no-repeat;left:260px;top:130px;text-indent:-9999px;}
.valuation li.vbtn3 a{position:absolute;display:block;width:412px;height:91px;background:url(../images/valuation-btn_03.gif) left top no-repeat;left:260px;top:230px;text-indent:-9999px;}
.valuation li a:hover{ background-position:right top;}
.valuationInfo img{}/*2013-01-30 修改*/ 
.valuationInfo{ position:relative; width:690px;}/*2013-01-30 修改*/ 
.valuationInfo .step{ position:absolute; height:35px; left: -26px; top:0; }/*2013-01-30 修改*/ 
.valuationInfo ul{ padding-top:50px; width:100%;}/*2013-01-30 修改*/ 

/*========================================= tab 設定 ===========================================*/
.storedValueTab {clear:left;}/*2013-01-30 修改*/ 
.storedValueTab ul.tabs {width:100%; height:32px; border-bottom:1px solid #ccc; border-left:1px solid #ccc;}
.storedValueTab ul.tabs li {float:left; height:31px; line-height:31px; overflow:hidden; border:1px solid #ccc; border-left:none; background:url(../images/table_titleGray.jpg) left top repeat-x;}/*2013-01-30 修改*/ 
.storedValueTab ul.tabs li a {display:block; padding:0 20px; color:#333; font-size:13px; border-top:1px solid #fff; border-left:1px solid #fff; border-right:1px solid #fff; text-decoration:none;}
.storedValueTab ul.tabs li a:hover {background:#ccc;}
.storedValueTab ul.tabs li.active  {background:#fff; border-bottom:1px solid #fff;}
.storedValueTab ul.tabs li.active a:hover {background:#fff;}
.tab_container {clear:left; width:100%; border:1px solid #ccc; border-top:none; background:#fff;}
.tab_container .tab_content {padding:2px;}

/*========================================= 熱門代購網站 設定 ===========================================*/
#hotBrand{ width:690px; overflow:auto;}/*2013-01-30 修改*/ 
#hotBrandMenu{ width:100%; height:auto; float:left;}/*2013-01-30、2017-11-13  修改*/ 
#hotBrandMenu ul{ width:auto; text-align:center;} /*2017-11-13 修改*/ 
#hotBrandMenu li{ width:14%; margin:4px 0 7px 0; text-align:center; display:inline-block;} /*2017-11-13 修改*/ 
#hotBrandMenu li a{ display:block; font-size:13px; font-family:Arial; color:#666666; line-height:18px;text-decoration:none; padding:2px 5px; background: url(../images/brandBg.jpg) left top no-repeat #fdfdfd; border:1px solid #CCCCCC;}/*2013-01-30、2017-11-13  修改*/ 
#hotBrandMenu li a:hover{color:#FFFFFF; background:#333;  border:1px solid #333;} /*2017-11-13 修改*/ 
#hotBrandLogo{ width:100%; height:auto;} /*2017-11-13 修改*/ 
#hotBrandLogo h3{ width:232px; height:56px; }/*2013-01-30 修改*/ 
#hotBrandLogo li{ float:left; display:block; width:30%; margin:1.6%; overflow:hidden;} /*2017-11-13 修改*/ 
#hotBrandLogo li:hover{ opacity:.5;}
#hotBrandLogo li img{ display:block; width:100%; height:auto;} /*2017-11-13 修改*/ 

/*========================================= 活動特區列表 設定 ===========================================*/
#activityList{ width:690px; _display:inline;}/*2013-01-30 修改*/ 
#activityList ul{}
#activityList li{width:690px; height:120px; margin-bottom:10px; overflow:hidden; display:block;}
#activityList li h4 { width:auto; height:24px; overflow:hidden;}
#activityList li h4 a{ font-size:16px; color:rgb(165, 42, 42); line-height:24px; font-family:Arial, Helvetica, sans-serif; text-decoration:none;}
#activityList li h4 a:hover{ color:#e29048;}
#activityList li p{ font-size:12px; color:#000000; line-height:19px; font-family:Arial, Helvetica, sans-serif;}
#activityList li img { width:103px; height:auto; border:0;}
#activityList li img:hover{opacity:.8;filter:Alpha(opacity=80);}
.activityList-box{ width:127px; height:120px; background:url(../images/activity-pic_box.jpg) left top no-repeat; float:left; margin-right:10px;}
.activityList-box-img { width:103px; height:102px; overflow:hidden; margin:0 auto; padding-top:7px;}
#activityList-more-all{ float:left; width:725px; height:17px;}
.activityList-more a{ display:block; width:166px; height:17px; font-size:8px; background:url(../images/activity_more.jpg) left top no-repeat; text-indent:-9999px; float:right; _display:inline;}
.activityList-more a:hover{ background-position:left bottom;}


/*========================================= 服務費用說明 設定 ===========================================*/
#serviceCosts{ width:690px; clear:both;}/*2013-01-30 修改*/ 
#serviceCostsMenu{ width:175px; float:left;}/*2013-01-30 修改*/ 
#serviceCostsMenu li{ margin:4px 0 7px 0; text-align:left;}
#serviceCostsMenu li a{ display:block; width:155px; font-size:13px; font-family:Arial; color:#666666; line-height:18px;text-decoration:none; padding:2px 5px; background: url(../images/brandBg.jpg) left top no-repeat #fdfdfd; border:1px solid #CCCCCC;}/*2013-01-30 修改*/ 
#serviceCostsMenu li a:hover{color:#FFFFFF; background:#666;  border:1px solid #CCC;}
#serviceCostsInfo{ float:right; width:510px; padding-top:5px;}/*2013-01-30 修改*/ 

/*========================================= 常見問題 設定 ===========================================*/
#faq{ }/*2013-01-30 修改*/ 
#faq li{ margin-bottom:6px; font-family:Arial, Helvetica, sans-serif;}
#faq li a{background:url(../images/FAQ_Q.jpg) 0 0; width:649px; height:36px; display:block; text-decoration:none; color:#555; font-size:13px;line-height:33px; padding:0 5px 0 35px;}
#faq li a:hover{ background-position:left bottom; color:#c7470e;}