@charset "utf-8";
/* CSS Document */

* {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.both {
	clear: both;
	height: 1px;
}
img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
body {
	font-size: 13px;
	color: #333;
	font-family: "微軟正黑體", Arial, sans-serif;
	text-align: center;
	background-image: url(../images/body-bg.jpg);
	background-position: center top;
	background-color: #2f2d2e;
}
.sendbtn1 {
	height: 32px;
	width: 84px;
	display: inline-block;
	background: url("../images/btn_send.gif") no-repeat;
	border: none; cursor: pointer;
}
.sendbtn2 {
	height: 32px;
	width: 84px;
	display: inline-block;
	background: url("../images/btn_re.gif") no-repeat;
	border: none; cursor: pointer;
}

#wrapper {
	background-image: url(../images/wrapper-bg.jpg);
	text-align: left;
	width: 909px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 14px;
	padding-left: 14px;
}
#header {
	background-image: url(../images/banner.jpg);
	height: 199px;
	width: 909px;
	position: relative;
}
#header .abc {
	line-height: 24px;
	position: absolute;
	z-index: 2;
	left: 0px;
	top: 0px;
}
#header .abc a {
	color: #FFF;
	text-decoration: none;
}
#header .abc a:hover {
	text-decoration: underline;
}
#header .point {
	background-image: url(../images/point-bg.jpg);
	background-repeat: no-repeat;
	height: 24px;
	width: 325px;
	position: absolute;
	top: 0px;
	right: 25px;
	padding-right: 3px;
	padding-left: 3px;
	color: #FFF;
	line-height: 24px;
	z-index: 2;
}


#header .logo {
	position: absolute;
	left: 61px;
	top: 8px;
	z-index: 1;
}
#nav {
	background-image: url(../images/nav-bg.jpg);
	background-repeat: no-repeat;
	height: 54px;
	position: relative;
}
#nav #post {
	position: absolute;
	z-index: 1;
	left: 53px;
	top: 17px;
}
#post #abgne_marquee {
	position: relative;
	overflow: hidden;	/* 超出範圍的部份要隱藏 */
	width: 415px;
	height: 25px;
	}
	#post #abgne_marquee ul, #post #abgne_marquee li {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	#post #abgne_marquee ul {
	position: absolute;			/* 往後推個 30px */
	}
#post #abgne_marquee ul li  {
	display: block;
	overflow: hidden;	/* 超出範圍的部份要隱藏 */
	font-size:13px;
	height: 25px;
	line-height: 25px;
	text-decoration: none;
	color: #FFF;
	}
#nav {
	margin-bottom: 5px;
}

#nav #user {
	height: 40px;
	width: 265px;
	position: absolute;
	z-index: 2;
	color: #FFF;
	left: 571px;
	top: 7px;
}
#nav #user td {
	height: 20px;
}
#nav #user .txt {
	height: 12px;
	width: 105px;
}
#left {
	float: left;
	width: 215px;
	padding-right: 10px;
	padding-left: 13px;
}
#left .ul1 {
	background-image: url(../images/leftul-bg.jpg);
	margin-bottom: 10px;
	padding-top: 4px;
}
#left .ul1 li {
	background-image: url(../images/leftli-bg.jpg);
	height: 23px;
	line-height: 24px;
	padding-left: 27px;
	color: #FFF;
	margin-bottom: 2px;
}
#left .ul1 li a {
	color: #FFF;
	text-decoration: none;
}
#left .ul1 li a:hover {
	color: #4A97E3;
}
#left .ul2 {
}
#left .ul2 li {
	height: 80px;
	margin-bottom: 4px;
}
#right {
	float: left;
	width: 653px;
	background-color: #FFF;
	background-image: url(../images/right-bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	position: relative;
}
#right .top {
	background-image: url(../images/right-top.jpg);
	background-repeat: no-repeat;
	height: 7px;
}
#right .bot {
	background-image: url(../images/right-bot.jpg);
	background-repeat: no-repeat;
	height: 9px;
	position: absolute;
	left: 0px;
	bottom: -9px;
	width: 653px;
}
#right .vs {
	background-image: url(../images/vs-bg.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 157px;
	width: 258px;
	margin-right: 8px;
	margin-left: 7px;
	position: relative;
	margin-bottom: 3px;
}
#right .vs .title {
	color: #FFF;
	padding-top: 3px;
	padding-left: 18px;
}
#right .vs .go {
	color: #F00;
	position: absolute;
	left: 193px;
	top: 138px;
	font-size: 11px;
}
#right .vs .go a {
	color: #FFF;
	text-decoration: none;
}
#right .vs .go a:hover {
	text-decoration: underline;
}
#right .mainad {
	background-image: url(../images/mainad-bg.jpg);
	background-repeat: no-repeat;
	height: 156px;
	width: 373px;
	position: relative;
	float: left;
}
#right .mainad .title {
	color: #FFF;
	padding-left: 20px;
	padding-top: 1px;
}
#right .mainad ul, li {
		padding: 0;
		margin: 0;
		list-style: none;
	}
#right .mainad #abgne-block-20110317 {
	width: 366px;	/* 圖片的寬 */
	height: 125px;
	padding-top: 14px;
	padding-left: 6px;
	}
#right .mainad .abgne-player {
	width: 366px;	/* 圖片的寬 */
	height: 110px;	/* 圖片的高 */
	position: relative;
	overflow: hidden;
	}
#right .mainad .abgne-player ul.abgne-list {
		position: absolute;
		width: 9999px;
		height: 100%;
	}
#right .mainad .abgne-player ul.abgne-list li {
	float: left;
	width: 366px;	/* 圖片的寬 */
	height: 100%;
	}
#right .mainad .abgne-player ul.abgne-list img{
		width: 100%;
		height: 100%;
		border: 0;
	}
#right .mainad .abgne-control {
	height: 24px;
	padding: 3px;
	color: #fff;
	font-size: 13px;
	position: absolute;
	top: 127px;
	width: 170px;
	right: 21px;
	}
#right .mainad .abgne-control ul {
	float: right;
	}
#right .mainad .abgne-control ul li {
	float: left;
	line-height: 20px;
	margin: 2px;
	cursor: pointer;
	background-color: #161616;
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 5px;
	}
#right .mainad .abgne-control ul.numbers {
		margin-left: 13px;
	}
#right .mainad .abgne-control ul li.current {
	color:#FFF;
	background-color: #1d405c;
	}
#right .mainad .abgne-control ul li.hover {
	color:#FFF;
	background-color: #1d405c;
	}
#right .mainad .abgne-control .arrows  {
	display: none;
}
#right .service {
	background-image: url(../images/service-bg.jpg);
	background-repeat: no-repeat;
	height: 188px;
	width: 376px;
	margin-right: 5px;
	margin-left: 4px;
	float: left;
	position: relative;
	margin-bottom: 4px;
}
#right .service .title {
	color: #FFF;
	padding-top: 15px;
	padding-left: 20px;
}
#right .service .mail {
	position: absolute;
	left: 143px;
	top: 45px;
	width: 211px;
	height: 90px;
}
#right .service .mail li {
	line-height: 22px;
	color: #FFF;
}
#right .service .btn {
	color: #FFF;
	position: absolute;
	left: 298px;
	top: 155px;
	font-size: 12px;
}
#right .service .btn a {
	color: #FFF;
	text-decoration: none;
}
#right .service .btn a:hover {
	color: #4A97E3;
}
#right .phone {
	background-image: url(../images/phone-bg.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 169px;
	width: 258px;
	position: relative;
	margin-top: 12px;
}
#right .phone .title {
	color: #FFF;
	padding-top: 1px;
	padding-left: 20px;
}
#right .phone .btn {
	color: #FFF;
	position: absolute;
	z-index: 5;
	left: 202px;
	top: 9px;
	width: 34px;
}
#right .phone .btn a {
	color: #FFF;
	text-decoration: none;
}
#right .phone .btn a:hover {
	color: #4A97E3;
}
#right .phone .con1 {
	color: #FFF;
	position: absolute;
	height: 15px;
	width: 175px;
	left: 22px;
	top: 76px;
}

#right .phone .con1 .txt {
	height: 12px;
	width: 105px;
}
#right .phone .con2 {
	color: #FFF;
	position: absolute;
	height: 15px;
	width: 175px;
	left: 22px;
	top: 108px;
}

#right .phone .con2 .txt {
	height: 12px;
	width: 105px;
}
#right .sport {
	margin-right: 5px;
	margin-left: 7px;
	margin-bottom: 8px;
}
#right .sport .banner {
	position: relative;
}
#right .sport .banner .ex {
	color: #FFF;
	position: absolute;
	width: 425px;
	left: 18px;
	top: 92px;
	z-index: 10;
}
#right .sport .banner .fu {
	color: #FFF;
	width: 155px;
	position: absolute;
	left: 472px;
	top: 92px;
}
#right .sport .sp {
	background-color: #DDDDDD;
}
#right .sport .sp th {
	background-color: #FFF;
	height: 24px;
}
#right .sport .sp td {
	background-color: #FFF;
	height: 24px;
}
#right .sport .sp tr td a {
	color: #F60;
	text-decoration: none;
}
#right .page {
	line-height: 28px;
	color: #fbf300;
	background-image: url(../images/page-bg.jpg);
	background-repeat: repeat-x;
	height: 28px;
	text-align: center;
	font-size: 13px;
}
#right .page a {
	color: #333;
	text-decoration: none;
}
#right .page a:hover {
	color: #4A97E3;
	text-decoration: underline;
}


#right .pay {
	margin-right: 5px;
	margin-left: 7px;
	margin-bottom: 8px;
}
#right .pay .banner {
	position: relative;
}
#right .pay .banner .ex {
	color: #FFF;
	position: absolute;
	width: 596px;
	left: 18px;
	top: 92px;
	z-index: 10;
}
#right .pay .content {
	padding: 10px;
}
#right .pay .content .payimg {
	padding-top: 10px;
}

#right .pay .content .gobuy {
	text-align: center;
	padding-top: 50px;
}

#right .buy {
	margin-right: 5px;
	margin-left: 7px;
	margin-bottom: 8px;
}
#right .buy .banner {
	position: relative;
}
#right .buy .banner .ex {
	color: #FFF;
	position: absolute;
	width: 596px;
	left: 18px;
	top: 92px;
	z-index: 10;
}
#right .buy .content {
	padding: 10px;
}
#right .buy .content td {
	padding-left: 15px;
	height: 20px;
}
#right .buy .content .next {
	text-align: center;
}
#right .buy .content .next .btn {
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
}



#right .ask {
	margin-right: 5px;
	margin-left: 7px;
	margin-bottom: 8px;
}
#right .ask .banner {
	position: relative;
}
#right .ask .banner .ex {
	color: #FFF;
	position: absolute;
	width: 596px;
	left: 18px;
	top: 92px;
	z-index: 10;
}
#right .ask .content {
	padding: 10px;
}
#right .ask .content ul {
	margin-bottom: 5px;
}


#right .ask .content ul li {
	padding: 20px;
	line-height: 21px;
	color: #000;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: solid;
	border-left-style: dotted;
	border-top-color: #999;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #999;
}
#right .ask .content ul li table tr td {
	height: 30px;
}
#right .ask .content ul li .as {
	padding-bottom: 10px;

}

#right .ask .content ul li .say {
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #999;
	padding: 10px;
}



#right .ask .content h2 {
	font-size: 17px;
	color: #36F;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333;
	margin-bottom: 3px;
	padding-bottom: 20px;
	padding-left: 10px;
	text-align: center;
}


#right .ask .content p {
	font-size: 15px;
	color: #39F;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 21px;
	width: 680px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DDD;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
}
#inline1 {
	width: 660px;
	display: none;
}

#inline1 .board {
	text-align: left;
	position: relative;

}
#inline1 .board .usps {
	line-height: 21px;
	margin-bottom: 10px;
	margin-left: 20px;
	margin-right: 20px;
}
#inline1 .board .usps dt {
	font-weight: bold;
}
#inline1 .board .usps dd {
	margin-bottom: 5px;
}


#inline1 .board .usps .red {
	color: #F00;
}
#inline1 .board h5 {
	background-color: #DDD;
	height: 28px;
	margin-bottom: 5px;
}
#inline1 .board .button {
	margin-right: 30px;
}

#inline1 .board .button li {
	float: right;
	margin-right: 10px;
	margin-left: 5px;
}
#inline1 .board .btn {
	position: absolute;
	left: 460px;
	top: 275px;
}
#inline1 .board .askname {
	height: 18px;
	width: 160px;
	border: 1px solid #abadb3;
	background-color: #FFF;
	line-height: 18px;
	padding-right: 3px;
	padding-left: 3px;
}
#inline1 .board .askname2 {
	padding-left: 10px;
}





#right .add {
	margin-right: 5px;
	margin-left: 7px;
	margin-bottom: 8px;
}
#right .add .banner {
	position: relative;
}
#right .add .banner .ex {
	color: #FFF;
	position: absolute;
	width: 596px;
	left: 18px;
	top: 92px;
	z-index: 10;
}
#right .add .content {
	padding: 10px;
}
#right .add .content th {
	color: #395E7D;
	font-weight: normal;
}
#right .add .content .red {
	color: #F00;
}
#right .add .content #textarea {
	height: 65px;
	width: 610px;
	line-height: 21px;
	font-size: 13px;
	margin-bottom: 5px;
	padding: 5px;
}




#right .order {
	margin-right: 5px;
	margin-left: 7px;
	margin-bottom: 8px;
}
#right .order .banner {
	position: relative;
}
#right .order .banner .ex {
	color: #FFF;
	position: absolute;
	width: 596px;
	left: 18px;
	top: 92px;
	z-index: 10;
}
#right .order .content {
	padding: 10px;
}
#right .order .content th {
	color: #FF0000;
	font-weight: normal;
}
#right .order .content .red {
	color: #F00;
}
#right .order .content .next {
	text-align: center;
}
#right .order .content .next .btn {
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
}

#right .news {
	margin-right: 5px;
	margin-left: 7px;
	margin-bottom: 8px;
}
#right .news .banner {
	position: relative;
}
#right .news .banner .ex {
	color: #FFF;
	position: absolute;
	width: 596px;
	left: 18px;
	top: 92px;
	z-index: 10;
}
#right .news .content {
	padding: 10px;
}
#right .news .content h2 {
	font-size: 17px;
	color: #375B79;
	margin-bottom: 10px;
	padding-top: 5px;
}
#right .news .content p {
	line-height: 21px;
	margin-bottom: 10px;
}
#right .news .content .from {
	color: #006699;
}
#right .news .content .from a {
	color: #006699;
	text-decoration: none;
}
#right .news .content .from a:hover {
	text-decoration: underline;
}




#footer {
	padding-top: 20px;
	text-align: right;
	padding-right: 20px;
	padding-bottom: 7px;
}
#footer .btn {
	margin-bottom: 2px;
}
#footer .copyright {
}