@import url("reset.css");
@import url("un-reset.css");

body{color:#333; font-size:15px ;font-family:Arial,"新細明體"}

.Clear {clear:both;}
.tdnum {width:70px;}
.tdsnum {width:34px;}
.about2 li {list-style-type: disc;margin-left: 20px;}

#Wrapper-index {width:100%; height:auto;background:url(../images/top-index.jpg) repeat-x }
#Wrapper-page {width:100%; height:auto;background:url(../images/top-page.jpg) repeat-x }
/*===============Header======================*/
header {width:1000px; height:81px; display:block;margin:0px auto; position:relative;background:url(../images/logo.jpg) no-repeat 5px 0px  }

.home{ width:342px; height:60px; display:block; position:absolute; top:10px; left:5px;}
.home a{ width:342px; height:60px; display:block; }

/*--------topbox--------*/
.topbox{width:311px; height:81px;;position:absolute;right: 7px;top:0px; background:url(../images/topbox.jpg) no-repeat;font-size:12px}
.topbox ul{ width:280px; height:20px;margin:5px 0px 0px 20px; display:block;}
.topbox li{ display:inline; margin-right:10px}
.topbox li a{ color:#FFF; }
.topbox li a:hover{ color:#F66; }
.search{ width:270px; height:25px; display:block; margin:7px 0px 0px 30px}
.search input{ width:235px; height:23px; border:none; background:none}
.search a{ width:27px; height:25px; display:inline-block;  margin-left:5px}

/*--------Banner--------*/
.Banner-box{width:1000px; height:323px; margin:0 auto;}

#abgne_fade_pic {width:980px; height:286px;}
#abgne_fade_pic a.ad {position: absolute;	/* 讓圖片疊在一起 */}
#abgne_fade_pic .control {position: absolute;right: 5px;top:100px;z-index:300; /*display:none*/ }
#abgne_fade_pic .control a {display:inline-block;background:url(../images/dot-in.png) no-repeat;
width:21px; height:20px; margin:0px 1px; text-indent:-9999px;}
#abgne_fade_pic .control a.on {	background:url(../images/dot-on.png) no-repeat;}

/*===============Container======================*/
.Container {width:100%;display:block;background:url(../images/bg-content.jpg) repeat-y; overflow:hidden}


.list-box{ width:640px; height:auto; margin:20px auto; border-bottom:1px dashed #ccc; padding-bottom:20px }
.Sbox-pic{ float:left; width:170px; height:auto; display:block; }
.Sbox-pic img{ border:0; margin:20px 0px 0px 0px; border:2px solid #999;width:144px; height:100px;}
.Sbox-wd{ float:left;width:470px; height:auto; display:block; padding-top:15px;
          /*background:url(../images/dot3.jpg) no-repeat 12px 50px;*/}
.Sbox-wd p.awd-d {width:440px; margin-left:13px;line-height:24px;  font-family:Arial; color:#06C; font-weight:bold}
.Sbox-wd p.awd-p{ width:440px; margin-left:20px;line-height:24px; margin-top:5px;display:block;} 

.Sbox-wd a { width:40px; height:15px; background:url(../images/more1.jpg) no-repeat;
                    margin:20px 0px 0px 20px ; display:block; text-indent:-9999px; float: right;}
.Sbox-wd a:hover { background:url(../images/more2.jpg) no-repeat;}

.Sbox-pic img:hover{filter:alpha(opacity=70); }/* IE */
.Sbox-pic img:hover{-moz-opacity:0.7; } /* Moz + FF */
.Sbox-pic img:hover{opacity:0.7; }
/*========================Footer==========================*/
footer {width:100%; height:56px; display:block; margin:0; background:url(../images/footer.jpg) repeat-x;}
.Information { width:950px;color:#ccc; font-size:12px; padding-top:18px; display:block; margin:0px auto;}

.IwareFoot {font-size:10px; color:#999;margin-left:45px;  font-family:sans-serif;letter-spacing:normal;
            -webkit-transform:scale(0.85); display:inline-block;}
.IwareFoot a{ color:#999}
.IwareFoot a:hover{ color:#ccc;}
/*---------------------------分頁--------------------------------------*/
.pagingBox {
	width:256px;
	height:24px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:40px;
	padding-top:20px;
	padding-bottom:20px;
}
.pagingBox ul {}
.pagingBox li {
	width:24px;
	height:24px;
	float:left;
	margin-left:2px;
	margin-right:2px;
}
.pagingBox li a {
	width:24px;
	height:24px;
	display:block;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#555;
	text-align:center;
	line-height:24px;
	background-image:url(../images/pagingBtn_bg.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}
.pagingBox li a:hover, .pagingBox li.current a {
	background-position:left bottom;
}
/*-----------------------*/
.pagingBox li.prevBtn {
	margin-right:34px;
	margin-left:0px;
}
.pagingBox li.prevBtn a {
	background-image:url(../images/pagingBtn_left.jpg);
	text-indent:-20000px;
	overflow:hidden;
}
.pagingBox li.nextBtn {
	margin-left:34px;
	margin-right:0px;
}
.pagingBox li.nextBtn a {
	background-image:url(../images/pagingBtn_right.jpg);
	text-indent:-20000px;
	overflow:hidden;
}