@charset "utf-8";

/*通用*/
* { 
margin: 0; 
padding: 0; 
}
body {
	font-size: 12px;
	line-height: 22px;
	color: #362e2b;
	background-image: url(../img/topbg.jpg);
	background-repeat: repeat-x;
	background-position: top;
	font-family: Arial, Helvetica, sans-serif;
	margin:5px 0;
}
ul	{ 
list-style: none;
}
select, input[type=text], textarea {
font-size:12px;
color: #362e2b;
border:1px solid #c69694;
float:left;
}
input[type=text] {
height:20px;
}
input[type=submit] , input[type=reset], input[type=button]{
font-size:12px;
margin-right:15px;
}
.subtitle {
margin:0 0 10px 0;
}
.page {
text-align:center;
margin:15px 0;
}
.page-right{
text-align:right;
margin:15px 0;
}
.page a:link, .page a:visited, .page-right a:link, .page-right a:visited {
	color:#362e2b;
	text-decoration: underline;
}
.page a:hover, .page a:active, .page-right a:hover, .page-right a:active {
	text-decoration: none;
}

/*上方*/
#topbar {
margin:0 auto;
width:960px;
}

/*語言列*/
.lanbar {
	width:155px;
	height:25px;
	background-image: url(../img/toplanbg.jpg);
	background-repeat: no-repeat;
	background-position: right;
	color: #FFFFFF;
	margin-left:805px;
	text-align:center;
}
.lanbar a:link, .lanbar a:visited {
	color:#ffffff;
	text-decoration: none;
}
.lanbar a:hover, .lanbar a:active {
	text-decoration:underline;
}

/*文字連結設定*/
.sitemap_index a:link, .sitemap_index a:visited, .sitemap a:link, .sitemap a:visited, .index_news a:link, .index_news a:visited , .index_product a:link, .index_product a:visited, .left_menu a:link, .left_menu a:visited, .under_index a:link, .under_index a:visited, .news_list a:link, .news_list a:visited {
	color:#554c4c;
	text-decoration: none;
}
.sitemap_index a:hover, .sitemap_index a:active, .sitemap a:hover, .sitemap a:active, .index_news a:hover, .index_news a:active, .index_product a:hover, .index_product a:active, .left_menu a:hover, .left_menu a:active, .under_index a:hover, .under_index a:active, .news_list a:hover, .news_list a:active {
	text-decoration:underline;
}

/*logo + 搜尋*/
.logo, .sitemap_index, .searchbar, .isologo {
float:left;
height:auto;
}
.logo {
width:430px;
}
.sitemap_index, .searchbar {
padding:20px 0 0 0;
}
.isologo {
padding:8px 0 0 0;
text-align:right;
}
.sitemap_index, .isologo {
width:140px;
vertical-align: middle;
}
.sitemap_index img {
margin:0 6px 0 0;
}
.searchbar {
width:250px;
overflow: hidden;
}
.searchbar input[type=text], .download_chose input[type=text]{
width:170px;
}

/*登入+搜尋button設定*/
.searchbar a: , .loginbox01 a: , .download_chose a:{
	color:#ffffff;
	display:block;
	height:22px;
}
.searchbar a:link, .searchbar a:hover, .searchbar a:visited , .loginbox01 a:link, .loginbox01 a:hover, .loginbox01 a:visited, .download_chose a:link, .download_chose a:hover, .download_chose a:visited {
color:#ffffff;
text-decoration:none;
}
.searchbar span, .loginbox01 span, .download_chose span {
float:left;
text-align:center;
width:45px;
    display: block;
	background-image: url(../img/searchbutbg.jpg);
	background-repeat: repeat-x;
	margin:0 0 0 10px;
}

/*上方下拉選單*/
/* 第一層 */
.dropdown ul                        { position: relative; z-index:1000;}
.dropdown ul li                      { float: left; zoom: 1; position: relative;}
.dropdown ul li:hover              { background:#e67373;}

/* 第二層 */
.dropdown ul ul 					{ width: 137px; visibility: hidden; position: absolute; top: 100%; left: 0; background:#e4e4e0; }
.dropdown ul ul li 					{ font-weight: normal; height:20px;  padding: 8px; background:#e4e4e0; color:#554c4c; border-bottom:1px dashed #b7b7b6; float: none; }
.dropdown ul ul li a                { display: block; color:#554c4c;text-decoration:none;}
.dropdown ul ul li:last-child a         { border-right: none; } /* Doesn't work in IE */
.dropdown ul ul li.hover,
.dropdown ul ul li:hover                { background: #e67373; position: relative; text-decoration:underline; }



									  
                                    /* IE 6 & 7 Needs Inline Block */
.dropdown ul ul li a					{ border-right: none; width: 100%; display: inline-block; } 

/* 第三層 */
.dropdown ul ul ul 					{ left: 100%; top: 0; }
.dropdown ul li:hover > ul 			{ visibility: visible; }



/*主要內容區塊最外層*/
#main {
position: relative;
width:960px;
margin: 12px auto;
}

/*左邊*/
#left {
float:left;
width:255px;
margin-right:15px;
}
.left_ban {
padding-bottom:10px;
}

/*左邊產品下拉選單*/
.left_menu {
	border:1px solid #c8c9bb;
	margin:0 0 10px 0;
	background-image: url(../img/left_tag_01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding:40px 10px 5px 10px;
}
.left_menu li {
background-image:url(../img/small-arrow-02.gif);
background-repeat:no-repeat;
background-position:0px 13px; 
border-bottom:1px dashed #c8c9bb;
padding: 5px 5px 5px 15px;
}
.left_menu ul ul li{
	background-image:none;
	margin:0 10px;
}
.left_menu ul ul li:last-child a { 
    border-right: none;/* Doesn't work in IE */
} 

/*左邊會員登入*/
.loginbox01 {
	border:1px solid #c7c9bb;
	background-color: #FFFFFF;
	background-image: url(../img/login-bg.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	padding:15px;
}
.loginbox01 h3 {
margin-bottom:15px;
}
.loginbox01 td {
height:30px;
}
.loginbox01 input[type=text] {
width:110px;
height:20px;
}
.forget {
text-align:right;
margin-top:10px;
}
.forget a:link, .forget a:visited, .repair a:link, .repair a:visited {
	color:#362e2b;
	text-decoration: underline;
}
.forget a:hover, .forget a:active, .repair a:hover, .repair a:active {
text-decoration:none;
}

/*右邊*/
#right {
float:left;
width:690px;
}


/*大banner*/
.banner {
margin-bottom:15px;
}

/*最新消息*/
.index_news {
float:left;
width:294px;
margin-right:15px;
}
.index_news h3 {
font-weight:normal;
background-image:url(../img/index-news.jpg);
background-repeat:no-repeat;
text-align:right;
padding:5px 10px 0 0;
height:30px;
font-size:12px;
}
.index_news h3 img, .index_product h3 img, .repair h3 img {
margin-right:5px;
}
.index_news li {
border-bottom:1px dashed #989697;
padding:5px 5px;
}
.index_news li a:link, .index_news li a:visited {
color:#552727;
}

/*最新商品*/
.index_product {
float:left;
width:380px;
}
.index_product h3 {
font-weight:normal;
background-image:url(../img/index-product.jpg);
background-repeat:no-repeat;
text-align:right;
padding:5px 10px 0 0;
height:30px;
font-size:12px;
}
.new_list {
margin-top:10px;
}
.new_list td {
vertical-align: top;
}
.new_list img {
border:1px solid #c7c9bb;
margin-right:10px;
}
.new_list a:link, .new_list a:visited {
color:#552727;
font-weight:bold;
text-decoration:underline;
}
.new_list a:hover, .new_list a:active {
text-decoration:none;
}

/*下方版權*/
.footer {
border-top:1px solid #c7c9bb;
text-align:center;
height:40px;
padding-top:10px;
}

/*產品頁*/
.product_list {
line-height:30px
}
.product_list th{
   text-align:left;
}
.product_list th img {
border-top:1px solid #e67373;
border-bottom:1px solid #e67373;
}
.product_list td {
padding:0 0 15px 20px;
}
.product_list ul {
	margin:0;
}
.product_list li {
    margin:0;
}
.product_list a:link, .product_list a:visited, .epaper_view a:link, .epaper_view a:visited {
color:#542929;
text-decoration:underline;
}
.product_list a:hover, .product_list a:active, .epaper_view a:hover, .epaper_view a:active {
text-decoration:none;
}
.product_name {
    color:#554c4c;
	padding-left:15px;
	font-size:15px;
	font-weight:bold;
	background-image: url(../img/tag-line.jpg);
	background-repeat: no-repeat;
	background-position: left;
	letter-spacing: 2px;
	margin:15px 0;
}
.product_list02 .img{
border:1px solid #c8c9bb;
}
.product_list02 .name a:link, .product_list02 .name a:visited {
font-size:15px;
font-weight:bold;
color:#b83636;
text-decoration:underline;
}
.product_list02 .name a:hover, .product_list02 .name a:active {
text-decoration:none;
}
.product_list02 td {
border-bottom:1px dashed #c8c9bb;
padding: 15px 0;
}
.product_list02 .right {
background:#e7e7e2;
padding:10px;
height:120px;
width:170px;
margin:10px 0;
}
.product_list02 .right a:link, .product_list02 .right a:visited {
font-size:12px;
font-weight:normal;
color:#554c4c;
text-decoration:none;
}
.product_list02 .right a:hover, .product_list02 .right a:active {
text-decoration:underline;
}

.product_list02 .right li {
	background-repeat:no-repeat;
    background-position:0px 13px; 
    padding: 5px 5px 5px 15px;
}
.product_detail {
margin:15px 0;
}
.product_detail th {
	width:20%;
}
.product_detail td {
width:80%;
}
.product_detail th, .contact_form th {
	letter-spacing: 1px;
	background-color:#c8c9bb;
	border-bottom:1px solid #ffffff;
	padding:10px;
}
.product_detail table, .contact_form table {
border-top:1px solid #c8c9bb;
border-right:1px solid #c8c9bb;
}
.product_detail td, .contact_form td {
border-bottom:1px solid #c8c9bb;
}
.product_detail td, .contact_form td {
padding:10px;
}


/*關於神港*/
.about p{
margin:10px 0;
}
.about h2 {
font-size:12px;
color:#b83636;
}
.about li {
	list-style-position: inside;
	list-style-type: square;
}
.about li li {
margin-left:15px;
	list-style-position: inside;
	list-style-type: disc;
}

/*最新消息*/
.news_list td {
padding:8px;
border-bottom:1px dashed #c8c9bb;
}
.news_date {
	font-weight:bold;
}
.news_title {
font-size:15px;
font-weight:bold;
color:#b83636;
border-bottom:1px dashed #c8c9bb;
padding-bottom:8px;
margin-bottom:15px;
}

/*下載中心*/
.download_menu {
font-size:15px;
padding:10px;
}
.download_menu img {
margin-right:10px;
}
.download_menu a:link, .download_menu a:visited, .sitemap a:link, .sitemap a:visited  {
	color:#362e2b;
	text-decoration: underline;
}
.sitemap a:hover, .sitemap a:active {
	text-decoration: none;
}
.download_chose {
letter-space:1px;
font-weight:bold;
margin-bottom:15px;
}
.download_chose td {
padding:8px 0;
}
.download_list table {
border-right:1px solid #c8c9bb;
border-left:1px solid #c8c9bb;
}
.download_list th{
	letter-spacing: 2px;
	background-color:#c8c9bb;
	border-right:1px solid #ffffff;
	padding:8px;
}
.download_list td{
border-bottom:1px dashed #c8c9bb;
padding:8px;
}

/*聯絡我們*/
.contact_form th {
text-align:left;
}
.contact_form input[type=text], .contact_form select {
margin-right:10px;
}
.contact_form textarea {
width:460px;
height:100px;
}
.contact_form strong, .contact_form h3, .note strong {
color:#b83636;
}
.contact_form h3 {
font-size:12px;
margin-top:15px;
}

/*會員專區*/
.member_login {
	width:440px;
	border:1px solid #c7c9bb;
	background-color: #FFFFFF;
	background-image: url(../img/login-bg-b.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	padding:15px;
	margin:auto;
}
.member_login table{
margin:auto;
}
.member_login h4 {
	font-size:15px;
	margin-bottom:15px;
	background-image: url(../img/small-arrow-01.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:15px;
	letter-spacing: 2px;
}
.member_login td {
height:45px;
}
.member_login input[type=text] {
width:300px;
}
.note textarea {
float:none;
width:600px;
height:300px;
margin-left:15px;
}

/*電子報*/
.epaper_view {
	margin:15px 0;
	background-image: url(../img/download-icon-r.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:27px;
}

/*維修專區*/
.repair h3 {
font-weight:normal;
    font-size:15px;
    margin:auto;
    width:634px;
    height:26px;
	text-align:right;
	padding:8px;
	background-image: url(../img/fix-tag.jpg);
	background-repeat: no-repeat;
	letter-spacing:1px;
 }
.repair_step {
margin-top:15px;
text-align:center;
}

/*sitemap*/
.sitemap {
width:630px;
margin:15px 30px;
}
.sitemap h3 {
font-size:15px;
color:#b83636;
border-bottom:1px dashed #b83636;
padding-bottom:5px;
margin-bottom:15px;
}
.sitemap ul {
	list-style-position: outside;
	list-style-type: square;
	margin-left:30px;
}
.sitemap li {
border-bottom:1px dashed #c8c9bb;
padding-bottom:5px;
margin-bottom:10px;
}

/* 廣告輪播 */
#abgneBlock {
		padding: 0px;
		width: 690px;
		height: 210px;
		border: 0px solid #ccc;
	}
	#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: 20px;
	}
	#abgneBlock ul.playerControl li {
		float: left;
		color: #696360;
		text-align: center;
		line-height: 20px;
		width: 19px;
		height: 20px;
		font-family: Arial;
		font-size: 12px;
		cursor: pointer;
		margin: 0px 2px;
		background: url(../img/num-box.jpg) no-repeat -19px 0;
	}
	#abgneBlock ul.playerControl li.current { 
		color: #911919;
		font-weight: bold;
		background-position: 0 0;
	}