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

@font-face{
	font-family: "微軟正黑體";
    src: url(msjh.tif);
}
* {
	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;
}
.btn01 {
	text-indent: -999em;
	display: block;
	height: 99px;
	width: 99px;
	background-image: url(../images/button.png);
	background-repeat: no-repeat;
}
.btn01:hover {
	background-image: url(../images/button-2.png);
}
.btn02 {
	text-indent: -999em;
	display: block;
	height: 99px;
	width: 99px;
	background-image: url(../images/button2.png);
	background-repeat: no-repeat;
}
.btn02:hover {
	background-image: url(../images/button2-2.png);
}
.btn03 {
	text-indent: -999em;
	display: block;
	height: 99px;
	width: 99px;
	background-image: url(../images/button3.png);
	background-repeat: no-repeat;
}
.btn03:hover {
	background-image: url(../images/button3-2.png);
}
.btn04 {
	text-indent: -999em;
	display: block;
	height: 99px;
	width: 99px;
	background-image: url(../images/button4.png);
	background-repeat: no-repeat;
}
.btn04:hover {
	background-image: url(../images/button4-2.png);
}
.btn05 {
	text-indent: -999em;
	display: block;
	height: 60px;
	width: 135px;
	background-image: url(../images/button5.png);
	background-repeat: no-repeat;
}
.btn05:hover {
	background-image: url(../images/button5-2.png);
}
.btn06 {
	text-indent: -999em;
	display: block;
	height: 60px;
	width: 135px;
	background-image: url(../images/button6.png);
	background-repeat: no-repeat;
}
.btn06:hover {
	background-image: url(../images/button6-2.png);
}
body {
	font-size: 15px;
	color: #333;
	font-family: "微軟正黑體", Arial, sans-serif;
	text-align: center;
	background-repeat: repeat-x;
	background-position: center top;
	background-color: #fff;
	background-image: url(../images/body-bg.jpg);
}

#header {
	height: 126px;
	text-align: left;
	width: 995px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	margin-bottom: 6px;
}
#header .logo {
	position: absolute;
	left: 14px;
	top: 28px;
}
#header .menu {
	position: absolute;
	width: 690px;
	left: 297px;
	top: 52px;
}
#header .menu ul li {
	float: left;
	margin-right: 10px;
	margin-left: 10px;
}
#header .menu ul li a {
	display: block;
	text-indent: -999em;
	background-repeat: no-repeat;
}
#header .menu ul li .menu01 {
	background-image: url(../images/menu01.png);
	height: 20px;
	width: 105px;
}
#header .menu ul li .menu01:hover {
	background-image: url(../images/menu01-2.png);
}
#header .menu ul li .menu02 {
	background-image: url(../images/menu02.png);
	height: 20px;
	width: 105px;
}
#header .menu ul li .menu02:hover {
	background-image: url(../images/menu02-2.png);
}
#header .menu ul li .menu03 {
	background-image: url(../images/menu03.png);
	height: 20px;
	width: 105px;
}
#header .menu ul li .menu03:hover {
	background-image: url(../images/menu03-2.png);
}
#header .menu ul li .menu04 {
	background-image: url(../images/menu04.png);
	height: 20px;
	width: 105px;
}
#header .menu ul li .menu04:hover {
	background-image: url(../images/menu04-2.png);
}
#header .menu ul li .menu05 {
	background-image: url(../images/menu05.png);
	height: 20px;
	width: 71px;
}
#header .menu ul li .menu05:hover {
	background-image: url(../images/menu05-2.png);
}
#header .menu ul li .menu06 {
	background-image: url(../images/menu06.png);
	height: 20px;
	width: 71px;
}
#header .menu ul li .menu06:hover {
	background-image: url(../images/menu06-2.png);
}
#header .menu ul li .menu07 {
	background-image: url(../images/menu07.png);
	height: 20px;
	width: 71px;
}
#header .menu ul li .menu07:hover {
	background-image: url(../images/menu07-2.png);
}
#banner {
	height: 445px;
	width: 995px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 42px;
}
.slideshow {
	position: relative;
	height: 445px;
	width: 995px;
	float: left;
	}
	.slideshow li {
		position: absolute;
	}
	.slideshow a img{
	display: block;
	padding: 0;
	border: none;
	height: 445px;
	width: 995px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	}
	.slideshow li a{
		display: block;
	}
	.slideshowController {
		position: absolute;
		right: 0;
		bottom: 0;
	}
	.slideshowController a {
	display: block;
	width: 30px;
	height: 30px;
	position: absolute;
	right: 60px;
	bottom: 0;
	z-index: 9999;
	outline: none;	/* 去除超連結虛線 */
	background-color: transparent;
	background-image: url(images/arrows.png);
	background-repeat: no-repeat;
	background-position: left top;
	}
	.slideshowController .next{
		background-position: -30px 0;
		right: 0;
	}
	.slideshowController .play{
		background-position: -60px 0;
		right: 30px;
	}
	.slideshowController .pause{
		background-position: -90px 0;
	}#main {
	width: 995px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	margin-bottom: 100px;
}
#main h2 {
	margin-bottom: 5px;
}
#main .sport {
	background-color: #f1f1f1;
	position: relative;
	margin-bottom: 32px;
}


#main .sport table {
	background-color: #333333;
}
#main .sport table .tr2 {
	background-color: #040404;
}
#main .sport table th {
	height: 40px;
	background-color: #f1f1f1;
	font-weight: bold;
	color: #000;
}
#main .sport table td {
	height: 40px;
	background-color: #f1f1f1;
}
#main .sport .mm {
	position: absolute;
	left: 553px;
	width: 182px;
	text-align: right;
	bottom: 7px;
}
#main .sport .mm a {
	color: #EEEEEE;
	text-decoration: none;
}
#main .sport .mm a:hover {
	color: #F04707;
}

#main .sport .page {
	position: absolute;
	left: 119px;
	width: 752px;
	text-align: center;
	bottom: -60px;
	font-size: 17px;
}
#main .sport .page a {
	color: #333333;
	text-decoration: none;
	margin-right: 3px;
	margin-left: 3px;
}
#main .sport .page a:hover {
	color: #287DFF;
}
#main .sport .exp {
	color: #F00;
	position: absolute;
	left: 27px;
	top: -28px;
}

#main .ball {
	position: relative;
}
#main .ball ul li {
	float: left;
}
#main .ball ul .lim {
	margin-right: 3px;
	margin-left: 3px;
}
#main .ball .more {
	position: absolute;
	left: 449px;
	top: 203px;
}
#main .ball ul li .nba {
	text-indent: -999em;
	display: block;
	height: 252px;
	width: 330px;
	background-image: url(../images/img-nba.jpg);
	background-repeat: no-repeat;
}
#main .ball ul li .nba:hover {
	background-image: url(../images/img-nba2.jpg);
}
#main .ball ul li .mlb {
	text-indent: -999em;
	display: block;
	height: 252px;
	width: 329px;
	background-image: url(../images/img-mlb.jpg);
	background-repeat: no-repeat;
}
#main .ball ul li .mlb:hover {
	background-image: url(../images/img-mlb2.jpg);
}
#main .ball ul li .fifa {
	text-indent: -999em;
	display: block;
	height: 252px;
	width: 330px;
	background-image: url(../images/img-fifa.jpg);
	background-repeat: no-repeat;
}
#main .ball ul li .fifa:hover {
	background-image: url(../images/img-fifa2.jpg);
}

#content {
	text-align: left;
	width: 940px;
	margin-right: auto;
	margin-left: auto;
}
#content h2 {
	margin-bottom: 10px;
}
#content table {
	margin-bottom: 40px;
}

#content table tr td p {
	line-height: 30px;
}
#content .line {
	margin-bottom: 40px;
}
#service table tr td .imghover {
	display: block;
}

#service table tr td .imghover:hover {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #4e7aea;
}
#service table tr td .various1 {
	display: block;
	width: 104px;
	height: 16px;
}
#service table tr td .various1:hover {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #4e7aea;
}


#service {
	width: 1085px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	margin-bottom: 40px;
}
#service table tr td h2 {
	margin-bottom: 20px;
}
#service table tr td p {
	line-height: 30px;
	margin-bottom: 7px;
}

#footer {
	background-image: url(../images/footer-bg.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	height: 237px;
}
#footer .news {
	height: 75px;
	width: 1080px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	background-image: url(../images/icon2.png);
	background-repeat: no-repeat;
	background-position: 15px center;
	position: relative;
	padding-top: 36px;
}
#footer .news .con {
	position: absolute;
	left: 89px;
	top: 40px;
	width: 972px;
	height: 44px;
}
div#abgne_marquee {
	position: relative;
	overflow: hidden;	/* 超出範圍的部份要隱藏 */
	width: 970px;
	height: 25px;
	margin-left: 80px;
	}
	div#abgne_marquee ul, div#abgne_marquee li {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	div#abgne_marquee ul {
		position: absolute;
		left: 30px;			/* 往後推個 30px */
	}
	div#abgne_marquee ul li a {
	display: block;
	overflow: hidden;
	height: 25px;
	line-height: 25px;
	text-decoration: none;
	color: #333;
	}
	div#abgne_marquee div.marquee_btn {
		position: absolute;
		cursor: pointer;
	}
	div#abgne_marquee div#marquee_next_btn {
		left: 5px;
	}
	div#abgne_marquee div#marquee_prev_btn {
		right: 5px;
	}
#footer .botmenu {
	color: #EEE;
	padding-top: 40px;
	padding-bottom: 15px;
}
#footer .botmenu a {
	color: #EEE;
	text-decoration: none;
}
#footer .botmenu a:hover {
	text-decoration: underline;
}
#footer .copyright {
	color: #EEE;
}
#add {
	text-align: left;
	width: 940px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
}
#add .add1 {
	width: 400px;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #CCC;
	padding-top: 20px;
	padding-right: 50px;
	padding-bottom: 20px;
	padding-left: 20px;
}
#add .add2 {
	width: 700px;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #CCC;
	padding-top: 20px;
	padding-right: 100px;
	padding-bottom: 20px;
	padding-left: 100px;
}
#add .add2 .pass {
	font-size: 27px;
	font-weight: bold;
}
#add .add3 {
	width: 600px;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #CCC;
	padding-top: 20px;
	padding-right: 100px;
	padding-bottom: 20px;
	padding-left: 60px;
}
#add .add3 .pass {
	font-size: 27px;
	font-weight: bold;
}
#add .add4 {
	width: 500px;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #CCC;
	padding-top: 20px;
	padding-right: 150px;
	padding-bottom: 20px;
	padding-left: 150px;
}
#add .addvip {
	width: 750px;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #CCC;
	padding-top: 20px;
	padding-right: 100px;
	padding-bottom: 20px;
	padding-left: 100px;
}
#add .add5 {
	width: 500px;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #CCC;
	padding-top: 20px;
	padding-right: 150px;
	padding-bottom: 20px;
	padding-left: 150px;
}
#add .add6 {
	width: 400px;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #CCC;
	padding-top: 20px;
	padding-right: 150px;
	padding-bottom: 20px;
	padding-left: 150px;
}
#buy {
	text-align: left;
	width: 940px;
	margin-right: auto;
	margin-left: auto;
}
#buy h2 {
	margin-bottom: 10px;
}
#buy table {
	margin-bottom: 40px;
}

#buy table tr td p {
	line-height: 30px;
}
#buy .line {
	margin-bottom: 40px;	
}
#buy .line2 {
	margin-bottom: 20px;	
}
#buy .point {
	font-size: 21px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#buy .more {
	width: 320px;
	margin-right: auto;
	margin-left: auto;
}
#order {
	text-align: left;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
}
#order h2 {
	margin-bottom: 20px;
	margin-left: 25px;
}
#order table {
	margin-bottom: 40px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	border: 1px solid #CCC;
}
#order table tr th {
	padding-right: 2px;
	padding-left: 2px;
	line-height: 30px;
	font-size: 17px;
}

#order table .con td  {
	line-height: 50px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-right: 2px;
	padding-left: 2px;
}
#order table .con2 td{
	padding-top: 20px;
}

#order .line {
	margin-bottom: 40px;
}