<!--
@charset "utf-8";
html,body,h1,h2,h3,h4,h5,h6,hr,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,select,textarea,th,td {
	font-size:13px;
	color:#333333;
	font-family: Arial, "微軟正黑體", Helvetica, sans-serif, Times New Roman, Century Gothic;
}

html,body,h1,h2,h3,h4,h5,h6,hr,blockquote,dl,dt,dd,pre,form,fieldset,legend,th,td {
	margin:0;
	padding:0;
}

input,select,textarea {
	color:#000000;

}

input[type="button"],input[type="submit"],button {
	padding:3px 10px;	
}


body {
	background:URL(../images/index_bkgnd2.png);
	line-height:18px;
}

#body_bkgnd {
	background:URL(../images/index_bkgnd.png) repeat-x center top;
	margin-top:-70px;
	padding-top:80px;
}

img { border:0px; }
//	ul,li{ list-style:none; }

a:link,a:visited{ color:#3c3e3f; text-decoration:none; }
a:hover,a:active{ color:#01499b; text-decoration:none; }


h1,h2{font-size	: 24px; font-weight:normal; line-height:30px; padding:0px 0px 10px 0px; color:#01499b; font-style:italic; font-weight:bold; }
h3 {font-size:15px; color:#808080; margin:0px 0px 15px 0px;}
h4 {font-size:22px; color:#8fa549; margin:0px 0px 15px 0px;}
h5 {font-size	: 11px;}
h6 {font-size	: 10px;}


form table tr td {
	padding		: 5px 8px;
}


#main_body {
	margin: 0px;
	padding : 0px;
	width	: 980px;
	margin	: 0 auto;
}

.w960{ width:960px; }
.w235{ width:235px; }
.w495{ width:495px; }
.wmargin{ margin:0 3px;}


.size18 {font-size	: 18px;}
.size15 {font-size	: 15px;}
.size13 {font-size	: 13px;}
.size12 {font-size	: 12px;}
.size11 {font-size	: 11px;}
.size10 {font-size	: 10px;}
.size9 {font-size	: 9px;}
.size8 {font-size	: 8px;}

.color777	{ color	: #777777; }
.coloraaa	{ color	: #aaaaaa; }

.height10 {width: 0px; height: 10px;}
.height20 {width: 0px; height: 20px;}


.hidden {display: none;}
.linethru {text-decoration	: line-through;}


.opacity70 { -moz-opacity:.70; filter: alpha(opacity=70); opacity:.70;}
.opacity80 { -moz-opacity:.80; filter: alpha(opacity=80); opacity:.80;}


.center{ margin:0 auto;}
.left{ float:left;}
.right{ float:right;}
.clear {clear: both;}

.icon { vertical-align:middle; }

.page_list{ margin:5px 0 0 0; padding:0px; font-size:12px; height:30px; float:right; clear:both;}
.page_list li{ display:inline-block !important; float:left; margin-right:6px;}
.page_list a{ display:inline-block; text-decoration:none; padding:1px 6px; background:#FFF; border:1px #DDD solid; color:#111; }
.page_list a:hover{ background:#ddeeff; text-decoration:none; border:1px #5577aa solid;}
.page_list .page_list_no a{ background:#F9F9F9;}
.page_list .page_list_no a:hover{background:#ddeeff; border:1px #5577aa solid;}
.page_list .page_list_now a{ background:#ddeeff; border:1px #5577aa solid; color:#5577aa; }


.top235{ background:url(../images/top_235.png) no-repeat; width:235px; height:10px; overflow:hidden;}
.top235_2{ background:url(../images/top_235_2.png) no-repeat; width:235px; height:10px; overflow:hidden;}
.top235_3{ background:url(../images/top_235_3.png) no-repeat; width:235px; height:10px; overflow:hidden;}
.center235{  background:url(../images/center_235.png) repeat-y; width:205px; padding:15px; overflow:hidden; }
.buttom235{  background:url(../images/buttom_235.png) no-repeat; width:495px; height:15px; overflow:hidden; margin-bottom:15px;}

.top495{ background:url(../images/top_495.png) no-repeat; width:495px; height:10px; overflow:hidden;}
.center495{  background:url(../images/center_495.png) repeat-y; width:465px; padding:15px; overflow:hidden; }
.buttom495{  background:url(../images/buttom_495.png) no-repeat; width:495px; height:15px; overflow:hidden; margin-bottom:15px;}

.top735{ background:url(../images/top_735.png) no-repeat; width:735px; height:10px; overflow:hidden;}
.center735{  background:url(../images/center_735.png) repeat-y; width:705px; padding:15px; overflow:hidden; }
.buttom735{  background:url(../images/buttom_735.png) no-repeat; width:735px; height:15px; overflow:hidden; margin-bottom:15px;}

.top735_2{ background:url(../images/top_735_2.png) no-repeat; width:735px; height:10px; overflow:hidden;}
.center735_2{  background:url(../images/center_735_2.png) repeat-y; width:705px; padding:15px; overflow:hidden; }
.buttom735_2{  background:url(../images/buttom_735_2.png) no-repeat; width:735px; height:15px; overflow:hidden; margin-bottom:15px;}

.top980{ background:url(../images/top_980.png) no-repeat; width:980px; height:10px; overflow:hidden;}
.center980{  background:url(../images/center_980.png) repeat-y; width:950px; padding:15px 20px; overflow:hidden; }
.buttom980{  background:url(../images/buttom_980.png) no-repeat; width:980px; height:15px; overflow:hidden; margin-bottom:15px;}


.block1 { float: left; width: 220px; margin-right:5px; border: solid 0px #9e718b; margin-bottom:10px; }
.block1 .top { width: 235px; height: 20px; background: URL(../images/content_block1_top.jpg);}
.block1 .content { width: 210px; background: URL(../images/content_block1_middle.jpg); padding: 0px 15px 10px 10px;}
.block1 .bottom { width	: 235px; height	: 20px; background: URL(../images/content_block1_bottom.jpg);}
.block1 h3 { font-size: 15px; font-style: italic; color	: #ffffff; border: none; background:url(../images/content_block5_header_bkgnd.png); margin:0px; padding:9px; border:0px; }

.block2 { float: left; width: 740px;}
.block2 .top { width: 740px; height: 20px; background: URL(../images/content_block2_top.jpg);}
.block2 .content { width: 705px; background: URL(../images/content_block2_middle.jpg); padding: 0px 20px 0px 15px;}
.block2 .bottom { width	: 740px; height	: 20px; background: URL(../images/content_block2_bottom.jpg);}
.block2 h3 { font-size: 15px; font-style: italic; color	: #808080; border: none;}

.block3 { float: left; width: 740px;}
.block3 .top { width: 740px; height: 15px; background: URL(../images/content_block3_top.jpg);}
.block3 .content { width: 705px; background: URL(../images/content_block3_middle.jpg); padding: 0px 20px 0px 15px;}
.block3 .bottom { width	: 740px; height	: 20px; background: URL(../images/content_block3_bottom.jpg);}
.block3 h3 { font-size: 15px; font-style: italic; color	: #808080; border: none;}

.block4 { float: left; width: 500px; margin-right:5px;}
.block4 .top { width: 500px; height: 20px; background: URL(../images/content_block4_top.jpg);}
.block4 .content { width: 460px; background: URL(../images/content_block4_middle.jpg); padding: 0px 25px 10px 15px;}
.block4 .bottom { width	: 500px; height	: 20px; background: URL(../images/content_block4_bottom.jpg);}
.block4 h1 { font-size: 24px; font-style: italic; color	: #335577; font-weight:normal; border: none; margin:0px 0px 10px 0px; padding:0px; }

.block5 { width	: 955px; height: 190px; background: URL(../images/content_block5_bkgnd.jpg); padding: 10px;}
.block5 h3 { font-size: 24px; font-style: italic; color: #8fa549; padding:5px 3px; font-weight:normal; border: none;}


.block6 { background:#dddddd; padding-bottom:20px; text-align:left; overflow:hidden; margin-bottom:10px; }
.block6 h3 { width:100%; background:url(../images/content_block5_header_bkgnd.png); color:#ffffff; font-weight:bold; padding:9px; text-align:left; }


/*   -------------------   More  Css  -----------------------   */

#header { }


#main_banner {
	width		: 704px;
	background	: #999999;
	height		: 348px;
	padding		: 3px;
	margin-bottom	: 10px;
}
#main_banner > div {
	padding:10px;
	background	: #747474;
	height		: 328px;
}
#main_banner #main_banner_image {
	width		: 470px;
	height		: 328px;
	float		: left;
	position	: absolute;
	z-index		: 0;
}

#main_banner ul {
	margin		: 0px;
	padding		: 0px;
	width		: 253px;
	height		: 328px;
	overflow	: hidden;
	position	: absolute;
	margin-left	: 430px;
	z-index		: 100;
}

#main_banner li {
	list-style	: none;
	width		: 253px;
	height		: 79px;
	cursor		: pointer;
	line-height	: 79px;
	background	: url(../images/index_banner_menuitem.png) right no-repeat;
	font-size	: 30px;
	font-style	: italic;
	color		: #7c7c7c;
	text-indent	: 70px;
	margin		: 0px;
	padding		: 0px;
	margin-bottom	: 4px;
	
}

.main_banner_menu_highlight {
	background	: url(../images/index_banner_menuitem_highlight.png) right no-repeat !important;
	color		: #ffffff !important;
}

#main_banner a {
}
#main_banner a:hover, #main_banner a:active {
	color		: #ffffff;
}


.home_news {}
.home_news > h3 { font-size:30px; color:#000000; margin-top:15px; }
.home_news > hr { color:#777777; background-color:#777777; height:4px; }

.home_news > div { width:278px; margin:18px 0px; clear:both; }
.home_news > div > h4 { font-size:15px; font-weight:normal; color:#0760b5; margin-top:5px; margin-bottom:0px;}
.home_news > div > div { width:46px; height:46px; float:left;  margin-right:5px; background:url(../images/index_news_date_bkgnd.png); text-align:center; }
.home_news > div > div > h5 { font-size:22px; font-weight:bold; color:#ffffff; margin-top:5px; }
.home_news > div > div > h6 { font-size:15px; font-weight:bold; color:#000000; }


.tellafriend { width:268px; height:80px; background:url(../images/index_tellafriend_bkgnd.png) no-repeat; padding:10px; color:#cccccc; }
.tellafriend > h3 { font-size:22px; color:#aaaaaa; margin:0px 0px 3px 0px; }
.tellafriend > form { margin-bottom:5px; }


#top_menu { color: #ffffff; letter-spacing: 0px; font-size:13px; text-transform:uppercase; text-align:center; width:100%;  }

#top_menu a { color:#ffffff; text-decoration: none; margin:0px 20px; letter-spacing:1px; }
#top_menu a:link { color:#ffffff;}
#top_menu a:visited { color:#ffffff;}
#top_menu a:hover, #top_menu a:active { color:#ccffff;}

#top_menu > ul { width:100%; text-align:center; line-height:35px; margin:0px; padding:0px; }
#top_menu > ul > li { margin:0px; padding : 0px 0px 17px 0px; list-style	: none; cursor: pointer; position:relative; vertical-align: middle; text-align:center; height:19px; display:block; float:left;}
#top_menu > ul > li.current { color: #ffffff; }


#top_menu .top_menu_children { width:150px; color:#F00; font-weight : normal; background:#fff1fa; position:absolute; left:0px; top:25px; border:solid 1px #9e718b; z-index:1000;}
#top_menu .top_menu_children li { float:left; width:150px; padding:5px 8px; }

#top_menu .page_item{}


#main_menu {
	clear		: both;
}
#main_menu a { color:#000000; text-decoration: none;}
#main_menu a:link, #main_menu a:visited { color:#000000;}
#main_menu a:hover, #main_menu a:active { color:#bb4400;}

#main_menu > ul { margin:0px; padding : 0px; }
#main_menu > ul > li { list-style : none; margin:0px; padding : 11px; float: left; font-size:15px; width: 70px; color: #000000; font-weight : bold; cursor: pointer; position:relative; vertical-align: middle; margin-right:10px; width:auto; }


#main_content{ z-index:1; background:#ffffff; padding:3px; }
#main_content > div { z-index:1; background:#e7e7ea; padding:7px; }


.brands { text-align:center; width:100%; }
.brands > ul { text-align:center; width:100%; display : inline; margin:0px; padding:0px; }
.brands > ul > li {
	display		: inline;
	width		: 90px;
	height		: 40px;
	text-align	: center;
	list-style	: none; 
	margin:0px;
	padding:0px;
}
.brands > ul > li > img {
	margin		: 8px 4px;
}


#slider { width:960px; height:510px; position:relative; background:#202834 url(../images/loading.gif) no-repeat 50% 50%; }
#slider img{ position:absolute; top:0px; left:0px; display:none; max-height: 960px; max-width:510px;}
#slider a { border:0; display:block;}
#slider div.nivo-slice{ float:left; }

.nivo-controlNav { display:none; }

.nivo-directionNav{ z-index:777; position:absolute; width:100%; left:0px; top:236px; }
.nivo-directionNav a{display:block;width:38px; height:38px; background:url(../images/show_menu.png) no-repeat; text-indent:-9999px; border:0; position:absolute; }
a.nivo-nextNav { background-position:-38px 0; right:0px; }
a.nivo-nextNav:hover{ background-position:-38px -38px; }
a.nivo-prevNav { background-position:0 0; left:0px; }
a.nivo-prevNav:hover{ background-position:0 -38px; }


.notice { margin:5px; padding:0px; }
.notice li { list-style : none; border:solid 1px #aaaaaa; background:#f7f7f7; width:570px; padding:15px; margin-bottom:20px;}


.footer {
	line-height		: 20px;
}
.footer h3 {
	color			: #0257b7;
	font-size		: 20px;
	margin-bottom	: 10px;
}
.footer li {
	float		: left;
	width		: 150px;
	height		: 40px;
}


#footer_link {
	font-size		: 15px;
	font-weight		: bold;
	text-transform	: uppercase;
}

.ShowUlList a{ cursor:pointer;}
.ShowUlList li{ list-style:url(../images/list_gray.png) inside; margin:5px 0; }
.ShowUlList li ul{ margin-left:20px;}
.ShowUlList .ShowUlList_Parent{ list-style:url(../images/list_orange.png) inside;}

.site_list span{ display:inline-block; margin:0px;}
.site_list a{ cursor:pointer; color:#363; }


.netvigation_menu			{ float:left; width:100%; margin-left:0px; margin-bottom:10px; }
.netvigation_menu li		{ float:left; margin:6px 20px; list-style:disc; }

.netvigation_search			{ float:right; margin:8px 0px; }
.netvigation_search	form	{ margin:0px; }
.netvigation_search	input	{ background:none; padding:2px 6px; border:solid 1px #aaaaaa; }


.category_list_1			{ padding : 3px 5px; margin-bottom:8px;}
.category_list_1 li			{ list-style : none; margin:0px; padding:0px; padding : 3px 5px; margin-bottom:8px; float:left; width:220px; color:#777777; }
.category_list_1 li div		{ padding : 3px; background:url(../images/icon_40_bkgnd.jpg); margin-right:10px; float:left; height:40px; width:40px; line-height:40px; text-align:center; vertical-align:middle; }
.category_list_1 li div img	{ vertical-align:middle; }
.category_list_1 a			{ font-style:italic; }

.category_list_2			{ margin:0px; padding:0px; padding : 3px 5px; margin-bottom:2px;}
.category_list_2 li			{ margin:0px; padding:0px; padding : 3px 5px; margin-bottom:2px; margin-left:22px; list-style:disc;}


.product_color_icon{ border:solid 1px #CCC; padding:1px; float:left; margin-left:3px; cursor:pointer; }

#product_show{ width:322px; float:left; overflow:hidden; margin-right:20px;}
#product_detail{ width:370px; float:left; overflow:hidden;}


#product_show_photo{ width:312px; height:312px; position:relative; overflow:hidden; }
#product_show_photo img{ margin:6px; max-width:300px; max-height:300px;}
#product_show_photo > div{ width:100%; height:100%; background:url(../images/overlay-big.png) no-repeat; position:absolute; left:0px; top:0px;}

#product_show_list{ margin:20px 0;}
.product_show_photolist{ width:69px; height:69px; position:relative; float:left; margin:2px; overflow:hidden;}
.product_show_photolist img{ margin:3px !important; margin:0px; max-width:63px; max-height:63px;}
.product_show_photolist > div{ width:100%; height:100%; background:url(../images/overlay-sprite.png) no-repeat; position:absolute; left:0px; top:0px; cursor:pointer;}
.product_show_photolist > div:hover{ background-position:0 bottom;}


#product_detail > div { margin-bottom:15px; }
#product_detail > h2 { color:#555555; font-size:20px; font-style:normal; }

#product_detail .product_detail_title{ font-size:20px; font-weight:bold; color:#38d;}
#product_detail .product_detail_price{ float:left; height:46px; line-height:46px; background:url(../images/price-single.png) no-repeat; padding-left:10px; font-size:18px; color:#FFFFFF;}
#product_detail .product_detail_price_right{ float:left; height:46px; width:10px; background:url(../images/price-single.png) right 0px no-repeat; }
#product_detail .product_detail_addto{ float:left; height:46px; line-height:46px; background:url(../images/addto-cart.png) no-repeat; padding-left:45px; cursor:pointer; margin-left:15px; font-size:18px; color:#FFFFFF;}
#product_detail .product_detail_addto_right{ float:left; height:46px; width:10px; background:url(../images/addto-cart.png) right 0px no-repeat; }

#product_detail li { list-style: disc inside; padding-left:5px; line-height:24px; }

#product_intro ul { margin:0px; padding:0px; margin-left:20px; list-style:disc; }
#product_intro ul li { margin:0px; padding:0px; margin-left:20px; list-style:disc; }


.product_grid { padding : 10px; }
.product_grid > div { float:left; margin:0px 15px 5px 15px; width:122px; height:160px; text-align:center; overflow:hidden; margin-bottom:10px; }
.product_grid > div > .item_photo { float:left; padding:10px; margin-bottom:2px; width:100px; height:100px; background:#ffffff; vertical-align:middle; line-height:100px; text-align:center; cursor:pointer;}
.product_grid > div > .item_photo > img { vertical-align:middle; line-height:100px; text-align:center; }


#product_show .item_photo { float:left; padding:10px; margin-bottom:10px; width:300px; height:300px; background:#ffffff; vertical-align:middle; line-height:300px; text-align:center; cursor:pointer;}
#product_show .item_photo > img { vertical-align:middle; line-height:300px; text-align:center; }

#product_show .item_thumb { float:left; padding:10px; margin-bottom:2px; margin-right:10px; width:60px; height:60px; background:#ffffff; vertical-align:middle; line-height:60px; text-align:center; cursor:pointer;}
#product_show .item_thumb > img { vertical-align:middle; line-height:60px; text-align:center; }


-->