@charset "utf-8";

/* Common
------------------------------------------------------------------------------------ */
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:75%;
}
body.bg-index{background:url(/images/bg_index.gif) repeat-x #f3f3f3;}
body.bg-about{background:url(/images/bg_news.gif) repeat-x #f3f3f3;}
body.bg-news{background:url(/images/bg_news.gif) repeat-x #f3f3f3;}
body.bg-product{background:url(/images/bg_product.gif) repeat-x #f3f3f3;}
body.bg-contact{background:url(/images/bg_contact.gif) repeat-x #f3f3f3;}
body.bg-register{background:url(/images/bg_register.gif) repeat-x #f3f3f3;}

a{color:#5e5e5e;}
a:hover{color:#00487f;}

#wrapper{width:980px; margin:0 auto; color:#000;}
#header{margin:0; height:88px; background:url(/images/bg_header.gif) no-repeat;}
#header .logo{margin:22px 0 0 24px; _margin:22px 0 0 12px; float:left;}
#nav{margin-top:27px; width:431px; height:31px; padding:5px 10px; background:url(/images/bg_nav.gif) no-repeat; float:right;}

.space{clear:both; height:0; line-height:0;}
.left{
	float:left;
}
.right{float:right;}

/* CSS style pagination */
div.pagination{text-align:center; margin:20px 0;}
div.pagination a{
	padding:2px 5px 2px 5px;
	margin:2px;
	border:1px solid #fff;
}
div.pagination a:hover{
	border: 1px solid #0962c0;
	color: #0962c0;
}
div.pagination span.current {
	padding:2px 5px 2px 5px;
	margin:2px;
	border:1px solid #fff;
	font-weight:bold;
	background-color:#fff;
	color:#0962c0;
}
div.pagination span.disabled {
	padding:2px 5px 2px 5px;
	margin:2px;
	border:1px solid #ddd;
	color:#ccc;
}

/* Container
-------------------------------------------------------------------------------------------------*/
#container{
	background:url(/images/bg_c.gif) repeat-y;
	margin:15px 0;

}
.corner-top{background:url(/images/bg_c_t.gif) no-repeat; height:7px;}
.corner-bottom{background:url(/images/bg_c_b.gif) no-repeat; height:5px;}

/* Secondry
-------------------------------------------------------------------------------------------------*/
#secondary{float:left; width:168px; padding:5px 0 0 12px;}
#secondary p{padding-bottom:10px; margin-bottom:10px; border-bottom:#7f7f7f 1px dashed;}
#secondary li{
	padding:0 0 10px 10px;
	margin-bottom:10px;
	border-bottom:#7f7f7f 1px dashed;
	text-align:center;
}

/* Primary
-------------------------------------------------------------------------------------------------*/
#primary{float:right; width:750px; padding:5px 15px 0 0; line-height:1.8; min-height:350px; height:auto !important; height:350px;}
.title{
	background:url(/images/bg_title.gif) no-repeat;
	padding-left:5px;
	height:55px;
	margin-bottom:20px;
}
.title h2{float:left; font-size:200%; color:#004b84; line-height:55px;}
.title ul{float:right; margin-top:15px; border-left:#7b7b7b 1px dashed;}
.title li{
    float:left;
	width:75px;
	padding-left:33px;
	background:url(/images/icon_arrow.gif) no-repeat 20px 11px;
	border-right:#7b7b7b 1px dashed;
	font-size:108.3%; font-family:"微軟正黑體"; font-weight:bold;
	line-height:26px;
	color:#00487f;
}
.title a{color:#000;}
.title a:hover{color:#00487f;}
h3{background:url(/images/bg_line.gif) repeat-x bottom; line-height:1.5; padding-bottom:5px; margin:0 25px 25px;}
h3 span{border-bottom:#000 2px solid; font-size:125%; font-family:"微軟正黑體"; font-weight:bold; padding-bottom:5px;}

.content{padding:0px 40px 20px;}

/* Footer
-------------------------------------------------------------------------------------------------*/
#footer{
    background:url(/images/bg_footer.gif) no-repeat;
	height:53px;
	color:#c6c6c6;
}
#footer .left{margin:17px 0 0 15px;}
#footer .right{margin:17px 15px 0 0;}
#footer a{color:#c6c6c6;}
#footer a:hover{color:#fff;}

/* Index
-------------------------------------------------------------------------------------------------*/
#container-index{
	background:url(/images/bg_index_mid.gif) repeat-y;
	margin:15px 0;
}
.index-content{background:url(/images/bg_index_top.gif) no-repeat top; *height:300px; padding-top:1px; color:#3b3b3b; line-height:1.5;}
.index-bottom{background:url(/images/bg_index_b.gif) no-repeat; height:5px;}
.index-box{background:url(/images/bg_dashed.gif) no-repeat right 13px; float:left; width:215px; height:325px; padding:0 15px;}

.index-logo{height:73px; vertical-align:middle; margin-bottom:10px;}
.index-content p{margin-bottom:5px;}
.index-content .left{padding-top:90px;}

/* Product
-------------------------------------------------------------------------------------------------*/
.tab01{border-bottom:#024b84 3px solid; height:33px; font-size:108.3%; font-family:"微軟正黑體"; font-weight:bold; margin-bottom:12px;}
.tab01 a{width:113px; line-height:33px; text-align:center; display:block; float:left; margin-right:5px; background:url(/images/tab01.gif) no-repeat;}
.tab01 a:hover, .tab01 a.tab-now{background:url(/images/tab01_h.gif) no-repeat; color:#fff;}

.product-list{width:190px; height:240px; padding:5px 12px; background:url(/images/bg_product_list.gif) no-repeat; float:left;}
.p-left{margin:0 14px 15px 0;}
.p-right{margin:0 0px 15px 0;}
.product-list h4{font-size:175%; margin-bottom:5px;}
.product-list div{/*position:relative;*/ height:105px; margin-bottom:8px; background-color:#fff; border:#eee 1px solid; text-align:center;}
/*.product-list div div{position:absolute; top:0; width:190px; height:105px; background:url(/images/product_list_corner.gif) no-repeat; z-index:100;}
.product-list div img{position:absolute; top:0; left:50%; margin-left:-95px; width:190px; height:105px;}*/
.product-list p{color:#898989; margin-bottom:8px;}
.product-list span{display:block; text-align:right;}

/* ProductDetail
-------------------------------------------------------------------------------------------------*/
.product-img{float:left; /*position:relative;*/ height:105px; width:190px; text-align:center; border:#eee 1px solid;}
/*.product-img div{position:absolute; top:0; width:190px; height:105px; background:url(/images/product_corner.gif) no-repeat; z-index:100;}
.product-img img{position:absolute; top:0; left:auto; /*width:190px; height:105px;}*/
.product-info{float:right; width:465px; color:#898989;}
.product-info h4{font-size:175%; color:#004880;}

.tab02{border-bottom:#282828 3px solid; height:33px; font-size:108.3%; font-family:"微軟正黑體"; font-weight:bold; margin-bottom:12px;}
.tab02 a, .tab03 a{width:95px; line-height:33px; text-align:center; display:block; float:left; margin-right:5px; background:url(/images/tab02.gif) no-repeat;}
.tab02 a:hover, .tab02 a.tab-now{background:url(/images/tab02_h.gif) no-repeat; color:#fff;}

.inner{color:#5e5e5e; font-size:108.3%;}
/*.inner ul.info-list li{background:url(/images/icon_point2.gif) no-repeat 8px 10px; padding-left:20px; line-height:2;}*/
.inner ul.more-img li{float:left; margin:0 15px 15px; _margin:0 12px 12px; padding-left:0px; background:none;}
.inner ul.more-img li img{border:#eee 1px solid;}

/*.inner ul{list-style:disc; padding-left:15px; margin-left:10px;}*/
.inner ul li{background:url(/images/icon_point2.gif) no-repeat 8px 10px; padding-left:20px;}
.inner ol{list-style:decimal; padding-left:15px; margin-left:10px;}
.inner em{font-style:italic;}
.inner h1{font-size:200%; font-weight:bold;}
.inner h2{font-size:175%; font-weight:bold;}
.inner h3{font-size:150%; font-weight:bold;}
.inner h4{font-size:125%; font-weight:bold;}
.inner h5{font-size:108.3%; font-weight:bold;}

/* Location
-------------------------------------------------------------------------------------------------*/
.tab03{border-bottom:#024b84 3px solid; height:33px; font-size:108.3%; font-family:"微軟正黑體"; font-weight:bold; margin-bottom:5px;}
.tab03 a:hover, .tab03 a.tab-now{background:url(/images/tab02_h2.gif) no-repeat; color:#fff;}

.store-list td{ height:85px; text-align:center; /*border-right:#7f7f7f 1px dashed; border-bottom:#7f7f7f 1px dashed;*/ vertical-align:middle;}
.store-locate{border-bottom:#024b84 3px solid;}
.store-locate td{padding:5px 10px; border-top:#7f7f7f 1px dashed;}
.store-locate tr.locate-title td{background-color:#e4e4e4; font-weight:bold; border-top:none;}

/* Warranty
-------------------------------------------------------------------------------------------------*/
.warranty ul li{background:url(/images/icon_point2.gif) no-repeat 20px 9px; padding-left:30px;}
.warranty ol li{list-style:decimal; margin-left:25px; background:none; padding:0px;}
.warranty h5{font-size:125%; font-weight:bold; color:#00487f;}

/* News
-------------------------------------------------------------------------------------------------*/
.news-list{border-bottom:#024b84 3px solid;}
.news-list td{
	padding:5px 10px;
	border-top:#7f7f7f 1px dashed;
	color:#5e5e5e; font-size:108.3%;
}

.news-title{
	font-weight:bold;
	padding:5px 10px;
	border-top:none;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #024b84;
	font-size:108.3%;
}

.news-list td.news-nono{
	border:none;
}


/* contact
-------------------------------------------------------------------------------------------------*/
.table-contact td{
	padding:5px 10px;
}

.table-contact td.contact-title{padding-left:25px; background:url(/images/icon_arrow.gif) no-repeat 8px center;}

/* contacts
-------------------------------------------------------------------------------------------------*/
.contact-list{
	border-bottom:#7f7f7f 1px dashed;
	margin-bottom: 15px;
}
.contact-list td{
	padding:5px 10px;
	border-top:#7f7f7f 1px dashed;
}

.red {
	color: #900;
}
.m {
	text-align: center;
}
.blue {
	color: #009;
}
.blue a {
	color: #009; text-decoration:underline;
}
.blue a:hover {
	color: #009; text-decoration:none;
}
.bline {
	border: 1px solid #999;
	width: 150px;
}
.bline2 {
	border: 1px solid #999;
	width: 450px;
}
.r {
	text-align: right;
	margin-bottom: 10px;
}
.a-image{
    width:250px; float: left;
}
.a-word{
    width:400px; float: right;
	color:#5e5e5e; font-size:108.3%;
}

/* 表單驗證
------------------------------------------------------------------------------------ */
label.error, label.error{color:#f00;}
input.error{border:#f00 1px solid; color:#f00;}
select.error{border:#f00 1px solid; color:#f00;}
div.error{display:none;}
label.error{display:none;}

/* about
-------------------------------------------------------------------------------------------------*/
.about {
  color:#5e5e5e;
  font-size:108.3%;
}