@charset "utf-8";
@import url("reset.css");
/* CSS Document */
/* 灰 #dcdddd */

.clear {clear:both;}
.w-purple { color:#770bbb;}
.w-blue {color:#132f89;}
.w-orange { color:#e45405;}
.w-pink { color:#bc1880;}
.w-lightpink { color:#e4598b;}
.w-red {color:#a70213;}
.w-darkgrey {color:#2e2e2e;}
.bold { font-weight:600; }
.space {padding-bottom:8px;}

/*-------------------------------layout---------------------------------------------------*/


body{
 font-family:"Times New Roman", Times, serif;
 line-height:1.6em;
 font-size:10pt;
 color:#424242;
 /*color:#6f6d6e;*/
 background-image:url(../images/bg.gif);
 background-repeat:repeat-x;
 padding-top:11px;
}

#wrapper {
width:1000px;
margin:0 auto;
padding:0;
background:url(../images/wrapper-bg.gif) 0 0 repeat-y;
}

#header { 
width:1000px;
height:136px;
/*background:url(../images/header-bg.gif) 0 0 no-repeat; */}


#button {
height:38px;
}


#middle {
width:979px;
margin-left:11px;
margin-right:10px;
}

#box-l { float:left; width:196px; }

#box-m { float:left; width:578px;}

#box-r { float:left; width:205px;}

#box-m2 { float:left; width:685px;/* padding-right:70px;*/ }
#box-r2 { float:left; width:95px; }
#quick-menu { position:relative; width:83px; margin-left:5px;}


h2 { margin-left:6px;}
h4 { font-size:14px; font-family: "微軟正黑體" ,Arial, Helvetica, sans-serif; 
color:#202020; font-weight:600; background:url(../images/icon-square.gif) 0 center  no-repeat;
padding:5px 0 5px 20px; margin:25px 0 15px 0; width:32%;
border:1px solid #dd8b9e; border-width:1px 0px 1px 0px;}
h5 {font-size:13px; font-family: Arial, Helvetica, sans-serif; 
color:#ba4060; font-weight:600; padding:0px 0 0px 10px; margin:10px 0 10px 15px ;
border-left:2px solid #dd8b9e;}

h4.title {  font-size:14px; font-family: "微軟正黑體" ,Arial, Helvetica, sans-serif; 
color:#202020; font-weight:600; background:url(../images/icon-square.gif) 0 center  no-repeat;
padding:5px 0 5px 20px; margin:10px 0 15px 0; width:92%;
border:1px solid #dd8b9e; border-width:1px 0px 1px 0px; }

h4.title span { padding-right:5px;  font-size:11px; color:#777; font-family:Verdana, Arial, Helvetica, sans-serif; }

.content {margin:0px 0px 30px 40px;  }
.content p { padding:0 60px 0 18px  ; }

.page-ctrl {border:1px solid #bbb; border-width:3px 0px 0px 0px;  margin:10px 30px 30px 50px;  text-align:right;  }
.page-ctrl a { color:#444;  margin:0 3px; padding:3px; text-decoration:none; border:1px solid #aaa; border-width:0 1px 1px 1px;  }
.page-ctrl a:hover {color:#fff;background:#aaa; }

#news { text-align:right; margin:5px 20px 0 36px; border-bottom:2px solid #aaa;}

.customer-box{ margin:0px 0 0 5px; }

#bom-nav {
height:30px;
margin-left:11px;
 margin-top:50px; 
padding:10px 0 0 207px;
font-family:"微軟正黑體" , Times, serif;
font-size:12px;
background:url(../images/bom-nav.gif) 0 0 no-repeat;
display:none;
}

#bom-nav a { color:#fffefe; padding:0 5px; text-decoration:none; }

#bom-nav a:hover { color:#fffefe; text-decoration:underline;  }

p.contact { margin-top:6px; margin-bottom:12px; }

#branch { margin-left:5px; padding-top:10px;  width:179px; }
.branch-title { border-bottom:1px solid #ccc; padding-bottom:3px; margin-bottom:3px;} 
#welead-info { background:#f6f6f6;padding-bottom:3px; border-bottom:1px solid #ccc;  margin-bottom:10px; }
#welead-info p { line-height:2.2em; padding-left:8px; padding-right:5px; font-size:10px; /*background:url(../images/branch-bg.gif);*/ background:#eee; border-bottom:1px solid #fff;  }
p.address { font-family:Verdana, Arial, Helvetica, sans-serif; }

#google-apps { position:absolute;bottom:100px; left:50px; }

#footer { position:relative; width:979px; height:111px; margin-left:11px; background:url(../images/bom-bg.gif) 0 0 repeat-x; }

#address { position:absolute; top:20px; right:30px; text-align:right; font-family:"微軟正黑體" , Times, serif; 
font-size:11px; color:#f9f7bb ; line-height:2.2em;}
#address span { color:#fff;}
#address a { padding:0 3px; text-decoration:none; color:#dcf2f7 ; font-weight:normal; font-family:"Times New Roman", Times, serif;}
#address a:hover { color:#e4f970; text-decoration:underline; }


/*--------------------------------------sub-menu-------------------------------*/

#sub-menu{ margin:10px 0 0 5px; }

ul.submenu-item { background:url(../images/submenu-bg.gif) 0 0 repeat-y; }
ul.submenu-item li { text-align:right; margin:0 24px 0 10px;  font-size:13px; padding:5px 5px; border-bottom:1px dotted #6E6E6E; font-weight:600; }
ul.submenu-item li a { text-decoration:none; color:#434343; display:block ;}
ul.submenu-item li a:hover { color:#9f0505; padding-right:3px; }
ul.submenu-item li a:active { color:#9f0505; padding-right:3px; background:#eeeeef;}




/*---------------------------------main-banner---------------------------------*/

#abgneBlock {
	margin-left:6px;
	width: 560px;
	height: 255px;
	border: 1px solid #ccc;
	padding:1px;
}
#abgneBlock #player {
	position: relative;
	overflow: hidden;
	height: 100%;
}
#abgneBlock ul.list {
	padding: 0;
	margin: 0;
	list-style: none;
	position: absolute;
	width: 100%;
	height: 100%;
}
#abgneBlock ul.list li {
	float: left;
	width: 100%;
	height: 100%;
}
#abgneBlock .list img{
	width: 100%;
	height: 100%;
	border: 0;
}

#abgneBlock ul.playerControl {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	bottom: 5px;
	right: 5px;
	height: 12px;
}
#abgneBlock ul.playerControl li {
	float: left;
	color: #c69191;
	text-align: center;
	line-height: 12px;
	width: 12px;
	height: 12px;
	font-family: Arial;
	font-size:8px;
	cursor: pointer;
	margin: 0px 2px;
	background:#641515;
}
#abgneBlock ul.playerControl li.current { 
	color: #fff;
	font-weight: bold;
	background-position: 0 0;
}

/*----------------------------------tabs-intro----------------------------------*/

ul.tabs {
margin:20px 5px 0 10px;
width: 530px;
height: 39px;

}

ul.tabs li { 
float: left;
height: 40px;
overflow: hidden;
position: relative;

	/* 讓 li 往下移來遮住 ul 的部份 border-bottom */
}

.ImgTab  {
cursor:hand;

}

.MsgHide {
margin:0 5px 0px 10px;
padding:15px 0 10px 25px;
width:530px;
border:1px solid #aaa;
border-bottom:none;
}

.tag-bom { margin:0 0 0 8px; position:relative; }
img.more { position:absolute; top:5px; right:40px;}
.accordion {
	width: 500px;
}
.accordion h3 {
	background: #ffffff  url(../images/arrow-square.gif) no-repeat left -47px;
	padding: 8px 25px;
	margin: 0;
	font: bold Arial, Helvetica, sans-serif;
	border-bottom: dotted 1px #aaaaaa;
	cursor: pointer;
}
.accordion h3 span { color:#f36c9c; font-weight:600; padding-right:10px; }

.accordion h3:hover {
	background-color: #e3e2e2;
}
.accordion h3.active {
	background-position: left 10px;
    background-color: #e3e2e2;

}
.accordion p {
	margin: 0;
	border-bottom: solid 1px #bbbbbb;
	padding: 10px 15px 20px;
}

/*-----------------------------------ad-box-----------------------------------------*/

.ad-box { height:100px; background:#FFCCFF; width:195px; max-width:195px;  margin-bottom:8px;}


/*----------------------------------suceess box----------------------------------*/

.abgne-yahoo-carousel {
    margin:20px 5px 20px 5px;
	width: 536px;
	height: 240px;
	padding: 54px 15px 15px 17px;
	background:url(../images/success-bg.gif) 0 0 no-repeat;	
	position: relative;
}
.abgne-yahoo-carousel * {
	margin: 0;
	padding: 0;
}
.abgne-yahoo-carousel ul, .abgne-yahoo-carousel li {
	list-style: none;
}
.abgne-yahoo-carousel a img {
	border: none;
	width: 170px;
}

.abgne-yahoo-carousel .page {
	position: absolute;
	top: 14px;
	right: 130px;
	color:#fff;
}
.abgne-yahoo-carousel .btn {
	position: absolute;
	top: 22px;
	right: 10px;
	height: 28px;
}
.abgne-yahoo-carousel .btn a {
	width: 64px;
	height: 28px;
	float: left;
	text-indent: -9999px;
}
.abgne-yahoo-carousel .btn a.prev {
	background: url(../images/btn.gif) no-repeat 0 -32px;
}
.abgne-yahoo-carousel .btn a.next {
	background: url(../images/btn.gif) no-repeat 0 0px;
}
.abgne-yahoo-carousel .frame {
	position: relative;
	overflow: hidden;
	width: 536px;	/* (li 的寬度 + li 的邊框寬度 * 2 ) * 一次要顯示的數量 + li 的右邊界 * (一次要顯示的數量 - 1) */
	height: 200px;
}
.abgne-yahoo-carousel ul {
	width: 99999px;
	position: absolute;
}
.abgne-yahoo-carousel li {
	float: left;
	width: 170px;
	height: 196px;
	position: relative;
	margin-right: 10px;
	border: 1px solid #bbb;
}
.abgne-yahoo-carousel li .thumb, .abgne-yahoo-carousel li .ovrly, .abgne-yahoo-carousel li h3 {
	position: absolute;
}
.abgne-yahoo-carousel li .ovrly, .abgne-yahoo-carousel li h3 {
	width: 100%;
	height: 32px;
	line-height: 32px;
	text-align: center;
	bottom: 0;
	display:none;
}
.abgne-yahoo-carousel li .ovrly {
	background: #000;
}
.abgne-yahoo-carousel li h3 a {
	color: #fff;
}
.abgne-yahoo-carousel li h3 a:hover {
	color: #f90;
}

/*-----------------------------------------------------------------------*/

.search { 
margin:0px 24px 5px 56px; 
height:24px;
font-size:9pt;

color:#636363;
}

.search a{ 
text-decoration:none;
color:#636363;
}

.search a:hover{
text-decoration:underline;
color:#553FAA;
}
.search  span {
color:#7F7FAA;
}


/*---------------*/

 
#cart {
	position: absolute;	
}


 
/* 以下兩段是針對右邊的購物清單設計用(from 敗家梅購物王) */
#cart .header{
	width: 83px;
	height: 29px;
}
 
#cart .middle {
	width: 83px;
	background:url(../images/qm-bg.gif) 0 0 repeat-y;
	font-size: 12px;
	text-align: center;
}
#cart .bom{
	width: 83px;
	height: 19px;
}

ul.cart-item li+li { border-top:1px dotted #ddd; }
ul.cart-item { width:66px; margin-left:8px; }
ul.cart-item li:hover { background:#A0A0A4;}
 
/*------------------------------news-list-------------------------------*/

table.news-list1 { width:626px; vertical-align:middle; margin-top:30px;}
table.news-list { width:626px; vertical-align:middle; }

table.news-list1 thead { text-align:center;  background:url(../images/thead-bg.gif) 0 0 no-repeat; color:#FFFFFF;}
table.news-list1 thead td { height:54px; }
table.news-list1 tbody td { height:36px; vertical-align:middle; border-bottom: 1px solid #e5c6ca;}
table.news-list tr:hover { background:#ebe6e7; }
table.news-list td.no {width:18%;text-align:center; font-weight:600; }
table.news-list td.subject {width:62%; padding-left:20px;}
table.news-list td.subject a { text-decoration:none; color:#434343;}
table.news-list td.subject a:hover { text-decoration:underline;}
table.news-list td.date {width:20%;text-align:center;}
table.news-list1 tfoot td { height:36px; vertical-align:middle;  }
.newspage { color:#a20213; text-align:right; }
.newspage a { color:#000; text-decoration:none;}
.newspage a:hover { color:#a20213; text-decoration:underline;}
.newspage a:active { color:#a20213; text-decoration:underline;}

/*----------------contact---------------------*/

#contact_us { margin:30px 40px 20px 50px;}
#contact_us form{
border-top:2px solid #c4c4d5;
width:530px;
margin-top:10px;
}
table.contact td{
border-bottom:1px solid #c4c4d5;
padding:8px 10px;
vertical-align:top;
}

table.contact td.td1{
border-bottom:2px solid #c4c4d5;
font-weight:600;
}

table.contact td.title2{
width:28%;
text-align:right;
background:#eee;
}
table.location { font-family:Arial, Helvetica, sans-serif;}

table.location td{
border-bottom:1px solid #c4c4d5;
padding:8px 10px;
vertical-align:top;
}

table.location td.td1{
border-bottom:2px solid #c4c4d5;
font-weight:600;
}

table.location td.title2{
width:20%;
text-align:right;
background:#eee;
}


table.contact input.input-new{
background-color:#f4f4f4;
border:1px solid #aaaabf;
height:18px;
}

table.contact label { margin-right:10px; }

table.contact textarea{
background-color:#ddd;
border:1px solid #aaaabf;
}

p.info {font-size:13px; font-family: Arial, Helvetica, sans-serif; 
color:#2c2c2c; padding:0px 0 0px 10px; margin:20px 0 10px 15px ;
border-left:2px solid #dd8b9e;}