/** Reset css**/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: middle;  
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	background:#000000;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/** general css**/

.cleaner {clear: both;	margin: 0; 	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
	float: none;}
.right{float:right}
.left{float:left}
.bold{font-weight:bolder}
body { font-size: 12px; line-height: 1.2; background:#000000; color:#ffffff; font-family: Arial, Verdana, sans-serif; }
a img{border:0px;}


a { color: #00a0e9; text-decoration:underline}
a:visited { color: #787878; text-decoration:none}
a:hover { color: #0068b7; text-decoration:none }
a:active { color: #787878; outline: 0; }

.wrapper {
	margin-right: auto;
	margin-left: auto;
	width: 96%; /* Holding outermost DIV */
	max-width: 1026px;
}
.wrapper_1{
	width:1000px;  margin:10px auto;
}

/**header & top menu**/
.header {width:100%; height:70px; float:left;
margin-top:10px;
	margin-right: 1.0416667%; /* 10 ÷ 960 */
	margin-left: 1.0416667%; /* 10 ÷ 960 */
	margin-bottom: 1%
}
.logo{float:left; width:190px; }

.topmenu{float:left; margin:25px 0px 0px 0px; width:590px; }
.topright{float:right; width:240px; margin-top:10px; }

.topmenu li{ 
	float:left;
	list-style:none;
}
.topmenu a{ display:block; color:#ffffff; text-decoration:none; padding:15px 15px 15px 15px; font: 600 13px Arial, Verdana, sans-serif;}
.topmenu a:hover{  color:#ffffff; text-decoration:none; background:#707070;}
#lang{position:absolute;float:left; display:inline; margin-top:50px}
#lang select, option{padding:1px; color:#000000;  font: 300 11px Arial, Verdana, sans-serif;}

/* big ads */

.gallery{background:url(../images_2013/loading_icon.gif) #000 no-repeat 380px 150px;overflow:hidden;width:911px;position:relative;height:424px;z-index:0;}
.gallery ul{z-index:995; right:24px; bottom:0; position:absolute; }
.gallery ul li{display:block;font-weight:900;font-size:12px;float:right; width:50px;color:#aaa;font-family:Arial;position:relative;height:50px;}
.gallery li div{margin-top:10px;display:none;padding-left:10px; margin-left:60px;}
.gallery li img{border:#fff 1px solid;filter:alpha(opacity=60);right:5px; float:right; width:40px; cursor:pointer;margin-right:10px;position:absolute;top:12px;moz-opacity:.6;}
.gallery li.current div {display:block;}
.gallery .frontText{font-weight:900;font-size:30px;height:36px;line-height:36px;z-index:997;left:0px;width:100%;color:#fff;font-family:Verdana;position:absolute;top:0px;}
.gallery .frontTextBack{font-weight:900;font-size:30px;height:36px;line-height:36px;z-index:999;left:0px;width:100%;color:#000;font-family:Verdana;position:absolute;top:0px;}
.gallery .frontTextSub{font-size:20px;height:26px;line-height:26px;left:25px;width:100%;color:#fff;font-family:Verdana;position:absolute;top:80px;}
.gallery .bg{border-top:#999 1px solid;background:#000;filter:alpha(opacity=50);opacity:0.5;width:100%;bottom:0;position:absolute;height:50px;text-align:right;}
.gallery .mask{z-index:990;left:0;width:100%;position:absolute;top:0;height:100%;}
.gallery .picshow{text-align:center;}
.gallery .gray{filter:Gray();}

/**news & newsletter**/
div.home_news_2013_r1{float:left;  height:33px; width:700px; background:#2e2e2e;   }
div.home_news_2013_r1 div.news{float:left; display:inline; margin:10px 0px 0px 10px; color:#7fca00; font:600 13px Arial, Verdana, sans-serif; }


    div#abgne_marquee {
		position: relative;
		overflow: hidden;	/* 超出範圍的部份要隱藏 */
		width: 600px;
		height: 25px;
		margin:10px 0px 0px 0px
	}
	div#abgne_marquee ul, div#abgne_marquee li {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	div#abgne_marquee ul {
		position: absolute;
	}
	div#abgne_marquee ul li a {
		display: block;
		overflow: hidden;	/* 超出範圍的部份要隱藏 */
		height: 25px;
		line-height: 25px;
		text-decoration: none; color:#ffffff; font: 200 12px Arial, Verdana, sans-serif;
	}
	div#abgne_marquee ul li a:hover {color:#d2d2d2;}

	
#abgne_float_ad {
	display: none;
	position: absolute;
}
#abgne_float_ad img {
	border: none;
}

div.home_sub_nr_2013_r1{float:left; margin: 0px 10px 0 10px; cursor: pointer; background:#2e2e2e; width:196px; height:33px;}
div.home_sub_nr_2013_r1:hover{background:#7fca00; width:196px; height:33px; }

div.home_sub_nr_2013_r1 p{margin: 8px 10px 0 10px; color:#ffffff; font:500 12px Arial, Verdana, sans-serif; text-align: center; }

/**Product finder**/
div.prd_finder{float:left; width:296px; height:253px; margin-right:8px;  background: transparent url('../images_2013/home_pro_finder_bg.jpg') repeat-x; }
div.prd_finder h3{background:#7fca00; width:296px; height:22px; text-align: center;  font: 600 13px Arial, Verdana, sans-serif; text-shadow: 1px 1px #d0d0d0;
background: transparent url('../images_2013/home_pro_finder_tb_bg.gif') repeat-x; color:#434343; padding-top:6px}
div.prd_finder p{ color:#000000;  padding:0px }


/**featured products**/
.ftd_prd{float:left; width:604px; height:253px; border:1px solid #f00}

/**3 bottom ads**/
#btm_boxes{position:relative; }
#btm_boxes li{margin:0;padding:0;list-style:none;position:absolute;top:0;}
#btm_boxes li, #btm_boxes a{height:175px; display:block; text-decoration:none;}
#btm_boxes h4{padding:10px 10px 0px 20px;  font: 600 12px Arial, Verdana, sans-serif; color:#000000;}
#btm_boxes .nv{left:0px;width:297px;}
#btm_boxes .nv{background:url('../images_2013/home_btm_ads.jpg') 0 0;}
#btm_boxes .nv a:hover{background: url('../images_2013/home_btm_ads.jpg') 0 -175px;}

#btm_boxes .mv{left:301px;width:297px;}
#btm_boxes .mv{background:url('../images_2013/home_btm_ads.jpg') -301px 0;}
#btm_boxes .mv a:hover{background: url('../images_2013/home_btm_ads.jpg') -301px -175px;}

#btm_boxes .hs{left:602px;width:297px;}
#btm_boxes .hs{background:url('../images_2013/home_btm_ads.jpg') -602px 0;}
#btm_boxes .hs a:hover{background: url('../images_2013/home_btm_ads.jpg') -602px -175px;}



/**footer**/
.footer{text-align:center; color:#707070; }
.footer a{color:#707070;}
.footer a:hover{color:#959595;}
.footer p{line-height:20px}
