HTML	{}


BODY	{
  background: -webkit-linear-gradient(#ffffff,#bdbdbd);
  background: -o-linear-gradient(#ffffff,#bdbdbd);
  background: -moz-linear-gradient(#ffffff,#bdbdbd);
  background: linear-gradient(#ffffff,#bdbdbd);
  font-size: 12px; 
  font-family: Arial;
  color:#333333; 
  margin-left: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 20px;
}
TD	{font-size:100%;}

IMG	{border:0px;}

.tit	{background:#3e0e96;color:#eee;}
.rankon	{text-align:center;background:#3e0e96;color:#eee;border-bottom:3px solid #3e0e96;}
.litit	{background:#3e0e96;color:#eee; height:26px; border-spacing:0px; font-size:134%;padding-left:10px;text-align:left;}
A	{color:#3e0e96;text-decoration:none;}
/*A	{color:#DF348B;text-decoration:none;}
.tit	{background:#3e0e96;color:#eee;}*/
.tita	{background:#CCBBEE;color:#3f3f3f;}
.fix	{background:#ddd; text-align:center;}
.stit	{height:30px;font-size:134%;color:#3e0e96;}
.subtit	{height:24px;font-size:117%;color:#3f3f3f;}
.line1	{background:white;color:#3F3F3F;}
.line1t	{background:white;color:#3F3F3F;border-top:1px solid #e4e4e4;}
.line2	{background:#e4e4e4;color:#3F3F3F;}
.linep	{background:#ddddff;color:#3F3F3F;}
.rolling	{height:30px;font-size:100%;background:#fff;color:black;text-align:left;border:solid 1px #331199;vertical-align:middle;}

.ranktit	{background:#eee; color:#3F3F3F; font-size:134%;text-align:center;height:26px;}
.ranktita	{height:25px;}
/*.rankon	{text-align:center;background:#3e0e96;color:#eee;border-bottom:3px solid #3e0e96;}*/
.rankoff	{text-align:center;background:#eee;color:#3e0e96;border-bottom:3px solid #3e0e96;}
.rline1	{height:30px;color:#3F3F3F;}
.rline2	{height:30px;color:#3F3F3F;}
LI	{text-align:left;}
.smltb	{background:#CCBBEE;border-spacing:1px;}

.day	{background:#b9ffac;width:40px;vertical-align: top; text-align:left;color:#3e0e96;height:30px;text-decoration:underline;}
.twi	{background:#FFCB97;width:40px;vertical-align: top; text-align:left;color:#3e0e96;height:30px;text-decoration:underline;}
.ngt	{background:#A3D1D1;width:40px;vertical-align: top; text-align:left;color:#3e0e96;height:30px;text-decoration:underline;}
.dayG	{background:url(/race/info/image/ri01.png) right bottom no-repeat #b9ffac;width:40px;vertical-align: top; text-align:left;color:#3e0e96;height:30px;text-decoration:underline;}
.twiG	{background:url(/race/info/image/ri02.png) right bottom no-repeat #FFCB97;width:40px;vertical-align: top; text-align:left;color:#3e0e96;height:30px;text-decoration:underline;}
.ngtG	{background:url(/race/info/image/ri03.png) right bottom no-repeat #A3D1D1;width:40px;vertical-align: top; text-align:left;color:#3e0e96;height:30px;text-decoration:underline;}
.dayGNext	{background:url(/race/info/image/ri01.png) right bottom no-repeat #b9ffac;width:38px;border:1px solid #FF5809;vertical-align: top; text-align:left;color:#3e0e96;height:28px;text-decoration:underline;}
.twiGNext	{background:url(/race/info/image/ri02.png) right bottom no-repeat #FFCB97;width:38px;border:1px solid #FF5809;vertical-align: top; text-align:left;color:#3e0e96;height:28px;text-decoration:underline;}
.ngtGNext	{background:url(/race/info/image/ri03.png) right bottom no-repeat #A3D1D1;width:38px;border:1px solid #FF5809;vertical-align: top; text-align:left;color:#3e0e96;height:28px;text-decoration:underline;}
.dayMark	{background:url(/race/info/image/ri01.png) center no-repeat #b9ffac;width:25px;height:25px;}
.twiMark	{background:url(/race/info/image/ri02.png) center no-repeat #FFCB97;width:25px;height:25px;}
.ngtMark	{background:url(/race/info/image/ri03.png) center no-repeat #A3D1D1;width:25px;height:25px;}
.oversea	{background:white;width:40px;vertical-align: top; text-align:left;color:#3F3F3F;height:30px;text-decoration:underline;}
.nml	{background:white;width:40px;vertical-align: top; text-align:left;color:#3F3F3F;height:30px;}
.cal_day	{background:white;width:40px;vertical-align: top; text-align:left;color:#3e0e96;height:30px;}
.daya	{background:#b9ffac;color:#3F3F3F;height:30px;}
.twia	{background:#FFCB97;color:#3F3F3F;height:30px;}
.ngta	{background:#A3D1D1;color:#3F3F3F;height:30px;}
.nwhite_s	{color:#eee;}
.ndaya	{background:#b9ffac;color:#3F3F3F;}
.ntwia	{background:#FFCB97;color:#3F3F3F;}
.nngta	{background:#A3D1D1;color:#3F3F3F;}

.day_ref	{color:#b9ffac;font-size:30px;}
.twi_ref	{color:#FFCB97;font-size:30px;}
.ngt_ref	{color:#A3D1D1;font-size:30px;}
.newtb	{background:#DDCCEE;}
.cal_mq {
	overflow-style: marquee-line;		/* W3C(標準用法) */
	marquee-style: scroll;			/* W3C(標準用法) */
	marquee-play-count: infinite;		/* W3C(標準用法) */
	marquee-speed: fast;				/* W3C(標準用法) */

	overflow: -webkit-marquee;		/* Chrome, Safari 必加 */
	-webkit-marquee-style: alternate;		/* Chrome, Safari */
	-webkit-marquee-repetition: infinite;	/* Chrome, Safari */
	-webkit-marquee-speed: normal;
}

/*  Static Pages  */
.mtb	{padding:5px;text-align:left;}
.mtd	{padding:5px;}
.mft	{font-size:134%;}

/*.litit	{background:#3e0e96;color:#eee; height:26px; border-spacing:0px; font-size:134%;padding-left:10px;text-align:left;}*/
.litxt	{background:#eee;color:#3e0e96;}
.litb	{padding-left:5px;text-align:left;}
.box_shadow{
background :#FFF;/* 背景顏色 */
/*border: 5px solid #fff;/* 邊框樣式 */
-moz-box-shadow: 5px 5px 6px #7b7b7b; /* Firefox */
-webkit-box-shadow: 5px 5px 6px #7b7b7b;/* Safari 和 Chrome */
box-shadow: 5px 5px 6px #7b7b7b; /* Opera 10.5 + */
}

.fnt_shadow	{
font-size:134%;
color:#eee;
}


.partner	{background:url(../image/partner.jpg) top left #cbcbcb;text-align:center;vertical-align:middle;}
.partner2	{background:url(../image/partner.jpg) top left #cbcbcb;text-align:center;vertical-align:middle;}
.contactus	{width:100%;border-spacing:0px;background:url(image/ctus.png) top left #3e0e96;}
.ctus	{height:50px;text-align:center;}
.ctusb	{height:50px;text-align:center;}
.imgpn	{height:40px;}
.imgpk	{height:70px;}
.imgct	{height:40px;}
.pgtop	{text-align:right;background:#3e0e96;height:1px;font-size:100%;vertical-align:middle;}
.tpbnr	{height:70px;width:940px;background:url(../image/banner.png);text-align:right;vertical-align:top; padding-right:10px; padding-top:10px;}
.tpbnr_logo	{height:70px;width:380px;background:url(/race/info/image/demo/logo.jpg) no-repeat;text-align:right;vertical-align:top; padding-right:10px; padding-top:10px;}
.tpbnr_ad	{height:70px;width:340px;background:url(/race/info/image/banner_ad.png);text-align:right;vertical-align:top; padding-right:10px; padding-top:10px;}
.tpbnr_ad175	{background:url(/race/info/image/banner_ad.175.png) center no-repeat;text-align:middle;vertical-align:center; padding-right:10px; padding-top:10px;cursor:pointer;}
.tpbnr_ad240	{height:70px;width:240px;background:url(/race/info/image/banner_ad240.png);text-align:right;vertical-align:top; padding-right:10px; padding-top:10px;}
.quicklink	{padding:10px; vertical-align:top;text-align:left;width:235px;height:150px;}
.qltit	{color:#3e0e96; font-size:117%;font-weight:bold;}
.qltxt	{color:#7b7b7b; font-size:100%;}
.qltxtli	{list-style-type:square;}
.little	{vertical-align:top;text-align:center;width:235px;height:250px;padding-top:10px;}
.little1	{vertical-align:top;text-align:center;width:235px;height:250px;padding-top:10px;}
.littlepic	{border: solid 1px #7b7b7b; width:200px; height:80px;
-moz-box-shadow: 3px 3px 4px #7b7b7b; /* Firefox */
-webkit-box-shadow: 3px 3px 4px #7b7b7b;/* Safari 和 Chrome */
box-shadow: 3px 3px 4px #7b7b7b; /* Opera 10.5 + */
}
.littlepic100	{border: solid 1px #7b7b7b; width:100px; height:80px;
-moz-box-shadow: 3px 3px 4px #7b7b7b; /* Firefox */
-webkit-box-shadow: 3px 3px 4px #7b7b7b;/* Safari 和 Chrome */
box-shadow: 3px 3px 4px #7b7b7b; /* Opera 10.5 + */
}

.bton	{border:1px solid #3e0e96;background:#3e0e96;color:#eee;cursor:pointer;height: 26px;margin: 3px 1px;}
.btoff	{border:1px solid #3e0e96;background:#eee;color:#3e0e96;height: 26px;margin: 3px 1px;}
.btenon	{border:1px solid #3e0e96;background:#3e0e96;color:#eee;cursor:pointer;height: 46px;margin: 3px 1px;}
.btenoff	{border:1px solid #3e0e96;background:#eee;color:#3e0e96;height: 46px;margin: 3px 1px;}
.mmon	{background:url(/race/info/image/demo/bg_media01.png);padding-top:8px;}
.mmoff	{background:url(/race/info/image/demo/bg_media02.png);padding-top:8px;}
.mmset	{background:url(/race/info/image/demo/bg_media04.png);padding-top:8px;color:#DDDDDD;}
.emmon	{background:url(/race_en/info/image/demo/bg_media01.png);padding-top:10px;}
.emmoff	{background:url(/race_en/info/image/demo/bg_media02.png);padding-top:10px;}
.emmset	{background:url(/race_en/info/image/demo/bg_media04.png);padding-top:10px;color:#DDDDDD;}
.mlon	{background:url(/race/info/image/demo/bg_media05.png);color:#FFFFFF;padding-top:8px;}
.mloff	{background:url(/race/info/image/demo/bg_media04.png);color:#EEEEEE;padding-top:8px;}
.special	{font-size:100%;background:#FF68B4;color:white;text-align:right;font-weight:bold;}
.cpy	{font-size:100%;color:#7b7b7b;text-align:left;}
.rcontrol a {
   position: static;
   float: left;
   color: #3e0e96;
   text-align: center;
   line-height: 24px;
   width: 24px;
   height: 24px;
   font-family: Arial;
   font-size:100%;
   cursor: pointer;
   overflow: hidden;
   margin: 3px 1px;
   border: 1px solid #3e0e96;
   background-color: #eee;
}
.rcontrol a:hover {
   color: #eee;
   text-align: center;
   line-height: 24px;
   width: 24px;
   height: 24px;
   font-family: Arial;
   font-size:100%;
   cursor: pointer;
   overflow: hidden;
   margin: 3px 1px;
   border: 1px solid #3e0e96;
   background-color: #3e0e96;
}
.rcontrolon {
   position: static;
   float: left;
   color: #eee;
   text-align: center;
   line-height: 24px;
   width: 24px;
   height: 24px;
   font-family: Arial;
   font-size:100%;
   cursor: pointer;
   overflow: hidden;
   margin: 3px 1px;
   border: 1px solid #3e0e96;
   background-color: #3e0e96;
}
/*
.newstit	{text-align:left;color:#3f3f3f; padding-top:10px;font-size:134%;}
.newstxt	{font-size:117%;text-align:justify;color:#7b7b7b;padding-left:5px;padding-right:5px;}
*/
.idxnewstit	{text-align:left;color:#3f3f3f; padding-top:10px;font-size:117%;}
.idxnewstxt	{width:190px;text-align:justify;color:#7b7b7b;padding-left:5px;padding-right:5px;}
.newstit	{color:#3e0e96;font-weight:bold;font-size:134%; padding-left:10px;text-align:left;}
.newstxt	{color:#3F3F3F;font-size:100%; padding-top:10px;padding-left:10px;padding-right:10px;text-align:justify;}
.newspic	{width:220px;}
.captxt	{color:#3e0e96;font-size:100%; padding-top:10px;text-align:justify;text-align:left;}
.eventtit	{color:#3e0e96;font-weight:bold;font-size:134%; padding-left:10px;text-align:left;}
.eventtxt	{color:#3F3F3F;font-size:100%;padding-left:10px;padding-right:10px;text-align:justify;text-align:left;line-height:150%;}
.eventpic	{width:150px;}
.marque	{color:#3F3F3F;font-size:100%; padding-top:10px;padding-left:10px;padding-right:10px;text-align:justify;text-align:left;line-height:120%;}
/*
.marque	{font-size:100%;color:black;background:#FFFFFF;text-align:justify;font-weight:normal;padding-left:10px;}
*/
.mqst	{color:#3e0e96;}
.menu_bg	{background:#692a95;color:white;}
.menu_bg1	{background:#e1d9ea;color:#3e0e96;}
.tel	{font: 12px Verdana; color:#3e0e96;}

.ctt {color:#993333;font-size:8pt;}
.ctw {color:#ff6600;font-size:8pt;}
.cbr {color:#009900;font-size:8pt;}
.cbs {color:#cc33ff;font-size:8pt;}

.txtbox	{width:50%;border:1px solid #3e0e96;color:#3f3f3f;}
.txtara	{width:100%;height:100px;border:1px solid #3e0e96;color:#3f3f3f;}

/*  Round  */

.b1f, .b2f, .b3f, .b4f{font-size:1px; overflow:hidden; display:block; background:url(image/menubg.gif) top left #3e0e96;}
.b1f {height:1px; margin:0 5px;}
.b2f {height:1px; margin:0 3px;}
.b3f {height:1px; margin:0 2px;}
.b4f {height:2px; margin:0 1px;}

.c1f, .c2f, .c3f, .c4f{font-size:1px; overflow:hidden; display:block; background:#3e0e96;}
.c1f {height:1px; margin:0 5px;}
.c2f {height:1px; margin:0 3px;}
.c3f {height:1px; margin:0 2px;}
.c4f {height:2px; margin:0 1px;}

.newstm	{width:100%;height:26px;text-align:center;vertical-align:top;font-size:134%;color:#dddddd;background:#3e0e96;}

/*  Round  */

<!-- Menu -->


/*
A	{color:#3e0e96;text-decoration:none;}
A:hover	{color:#3F3F3F;text-decoration:none;}
A.newsplink:hover	{color:#7b7b7b;text-decoration:none;}
*/
A:hover	{color:#0066FF;text-decoration:none;}

A.mlink	{color:#EEEEEE;text-decoration:none;}
A.mlink:hover	{color:#e9f25a;text-decoration:none;}

A.llink	{color:#3d3e7f;text-decoration:none;}
A.llink:hover	{color:#6c6ee6;text-decoration:none;}

A.graylink	{color:#7b7b7b;text-decoration:none;}
A.graylink:hover	{color:#0066FF;text-decoration:none; text-decoration:underline;}

A.newslink	{color:#3e0e96;text-decoration:none;}
A.newslink:hover	{color:#0066FF;text-decoration:none;}

A.newsplink	{color:#3F3F3F;text-decoration:none;}
A.newsplink:hover	{color:#0066FF;text-decoration:none;}


.jqueryslidemenu{
text-align:center;
font:16px Verdana;
/*background: url(image/bt.jpg);*/
color:#eee;
width: 100%;
}

.jqueryslidemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.jqueryslidemenu ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.jqueryslidemenu ul li a{
text-align:center;
display: block;
/*background: url(image/bt.jpg); /*background of tabs (default state)*/
color: #eee;
padding: 3px 10px;
/*border-right: 1px solid #778;*/
text-decoration: none;
}

* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
color: #eee;
}

.jqueryslidemenu ul li a:hover{
/*background:url(image/bt.jpg); /*tab link background during hover state*/
color: #e6cd01;
}
	
/*1st sub level menu*/
.jqueryslidemenu ul li ul{
background:#692a95;
position: absolute;
left: 0;
display: block;
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{
font: normal 12px Verdana;
width: 110px; /*width of sub menus*/
padding: 7px;
margin: 0;
border-top-width: 0;
border-top: 1px solid gray;
}

.jqueryslidemenu ul li ul li a:hover{ /*sub menus hover style*/
color: #e6cd01;
}

/* #####################################################Second jqueryslidemenu####################################### */

.jqueryslidemenu1 {
text-align:center;
font:12px Verdana;
color:#352768;
padding: 0;
}

.jqueryslidemenu1 ul{
z-index:30;
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.jqueryslidemenu1 ul li{
position: relative;
display: inline;
float: left;
padding-right: 1px;
}

/*Top level menu link items style*/
.jqueryslidemenu1 ul li a{
/*display: block;*/
/*background: url(image/bt.jpg); /*background of tabs (default state)*/
color: #3e0e96;
/*padding: 3px 5px;
padding-top: 5px;
padding-bottom: 5px;*/
/*border-right: 1px solid #778;*/
text-decoration: none;
padding: 0;
}

* html .jqueryslidemenu1 ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline;
padding: 0;
}

.jqueryslidemenu1 ul li a:link, .jqueryslidemenu1 ul li a:visited{
color: #3e0e96;
padding: 0;
}

.jqueryslidemenu1 ul li a:hover{
/*background:url(image/bt.jpg); /*tab link background during hover state*/
color: #3F3F3F;
/*background:#c0b5cc;*/
padding: 0;
}
	
/*1st sub level menu*/
.jqueryslidemenu1 ul li ul{
position: absolute;
left: 0;
/*display: block;*/
visibility: hidden;
background:#e1d9ea;
padding: 0;
}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

.rightarrowclass{
position: absolute;
top: 10px;
right: 5px;
}


<!-- Ad -->

.ad { 
	margin-bottom:0px;
	width:940px; 
	height:380px; 
	overflow:hidden;
	position: relative;
	margin:0 auto;
}

.ad400 { 
	margin-bottom:10px;
	width:400px; 
	height:50px; 
	overflow:hidden;
	position: relative;
	margin:0 auto;
}

.ad480 { 
	margin-bottom:10px;
	width:480px; 
	height:60px; 
	overflow:hidden;
	position: relative;
	margin:0 auto;
}

.ad700 { 
	margin-bottom:10px;
	width:700px; 
	height:70px; 
	overflow:hidden;
	position: relative;
	margin:0 auto;
}

.minlink	{font-size:117%;}

	a img {
		border: none;
	}
	#abgne_fade_pic {
		position: relative;
		width: 940px;
		height: 380px;
	}
	#abgne_fade_pic a.ad {
		position: absolute;	/* 讓圖片疊在一起 */
	}
	#abgne_fade_pic .control {
		position: absolute;
		right: 5px;
		bottom: 5px;
	}
	#abgne_fade_pic .control a {
		float: left;
		color: #3e0e96;
		text-align: center;
		line-height: 16px;
		width: 16px;
		height: 16px;
		font-family: Arial;
		font-size:100%;
		cursor: pointer;
		overflow: hidden;
		margin: 3px 1px;
		border: 1px solid #3e0e96;
		background-color: #fff;
	}
	#abgne_fade_pic .control a.on {
		color: #fff;
		line-height: 21px;
		width: 21px;
		height: 21px;
		font-size: 134%;
		margin: 0 1px;
		border: 0;
		background-color: #3e0e96;
		font-weight: bold;
	}

/* Ad 1 */

.ad1 { 
	margin-bottom:10px;
	width:660px; 
	height:281px; 
	overflow:hidden;
	position: relative;
	margin:0 auto;
}

.ad2 { 
	margin-bottom:10px;
	width:660px; 
	height:100px; 
	overflow:hidden;
	position: relative;
	margin:0 auto;
}

.ad3 { 
	margin-bottom:10px;
	width:940px; 
	height:142px; 
	overflow:hidden;
	position: relative;
	margin:0 auto;
}

.minlink	{font-size:117%;}

	a img {
		border: none;
	}
	#abgne_fade_pic1 {
		position: relative;
		width: 660px;
		height: 281px;
	}
	#abgne_fade_pic1 a.ad1 {
		position: absolute;	/* 讓圖片疊在一起 */
	}
	#abgne_fade_pic1 .control {
		position: absolute;
		right: 5px;
		bottom: 5px;
	}
	#abgne_fade_pic1 .control a {
		float: left;
		color: #3e0e96;
		text-align: center;
		line-height: 16px;
		width: 16px;
		height: 16px;
		font-family: Arial;
		font-size:100%;
		cursor: pointer;
		overflow: hidden;
		margin: 3px 1px;
		border: 1px solid #3e0e96;
		background-color: #fff;
	}
	#abgne_fade_pic1 .control a.on {
		color: #fff;
		line-height: 21px;
		width: 21px;
		height: 21px;
		font-size: 134%;
		margin: 0 1px;
		border: 0;
		background-color: #3e0e96;
		font-weight: bold;
	}

	#abgne_fade_pic2 {
		position: relative;
		width: 660px;
		height: 100px;
	}
	#abgne_fade_pic2 a.ad2 {
		position: absolute;	/* 讓圖片疊在一起 */
	}
	#abgne_fade_pic2 .control {
		position: absolute;
		right: 5px;
		bottom: 5px;
	}
	#abgne_fade_pic2 .control a {
		float: left;
		color: #3e0e96;
		text-align: center;
		line-height: 16px;
		width: 16px;
		height: 16px;
		font-family: Arial;
		font-size:100%;
		cursor: pointer;
		overflow: hidden;
		margin: 3px 1px;
		border: 1px solid #3e0e96;
		background-color: #fff;
	}
	#abgne_fade_pic2 .control a.on {
		color: #fff;
		line-height: 21px;
		width: 21px;
		height: 21px;
		font-size: 134%;
		margin: 0 1px;
		border: 0;
		background-color: #3e0e96;
		font-weight: bold;
	}

	#abgne_fade_pic3 {
		position: relative;
		width: 940px;
		height: 142px;
	}
	#abgne_fade_pic3 a.ad3 {
		position: absolute;	/* 讓圖片疊在一起 */
	}
	#abgne_fade_pic3 .control {
		position: absolute;
		right: 5px;
		bottom: 5px;
	}
	#abgne_fade_pic3 .control a {
		float: left;
		color: #3e0e96;
		text-align: center;
		line-height: 16px;
		width: 16px;
		height: 16px;
		font-family: Arial;
		font-size:100%;
		cursor: pointer;
		overflow: hidden;
		margin: 3px 1px;
		border: 1px solid #3e0e96;
		background-color: #fff;
	}
	#abgne_fade_pic3 .control a.on {
		color: #fff;
		line-height: 21px;
		width: 21px;
		height: 21px;
		font-size: 134%;
		margin: 0 1px;
		border: 0;
		background-color: #3e0e96;
		font-weight: bold;
	}

	#abgne_fade_pic400 {
		position: relative;
		width: 400px;
		height: 50px;
	}
	#abgne_fade_pic400 a.ad400 {
		position: absolute;	/* 讓圖片疊在一起 */
	}
	#abgne_fade_pic400 .control {
		position: absolute;
		right: 5px;
		bottom: 5px;
	}
	#abgne_fade_pic400 .control a {
		float: left;
		color: #3e0e96;
		text-align: center;
		line-height: 16px;
		width: 16px;
		height: 16px;
		font-family: Arial;
		font-size:100%;
		cursor: pointer;
		overflow: hidden;
		margin: 3px 1px;
		border: 1px solid #3e0e96;
		background-color: #fff;
	}
	#abgne_fade_pic400 .control a.on {
		color: #fff;
		line-height: 21px;
		width: 21px;
		height: 21px;
		font-size: 134%;
		margin: 0 1px;
		border: 0;
		background-color: #3e0e96;
		font-weight: bold;
	}
	
	
	#abgne_fade_pic480 {
		position: relative;
		width: 480px;
		height: 60px;
	}
	#abgne_fade_pic480 a.ad480 {
		position: absolute;	/* 讓圖片疊在一起 */
	}
	#abgne_fade_pic480 .control {
		position: absolute;
		right: 5px;
		bottom: 5px;
	}
	#abgne_fade_pic480 .control a {
		float: left;
		color: #3e0e96;
		text-align: center;
		line-height: 16px;
		width: 16px;
		height: 16px;
		font-family: Arial;
		font-size:100%;
		cursor: pointer;
		overflow: hidden;
		margin: 3px 1px;
		border: 1px solid #3e0e96;
		background-color: #fff;
	}
	#abgne_fade_pic480 .control a.on {
		color: #fff;
		line-height: 21px;
		width: 21px;
		height: 21px;
		font-size: 134%;
		margin: 0 1px;
		border: 0;
		background-color: #3e0e96;
		font-weight: bold;
	}
	
	
	#abgne_fade_pic700 {
		position: relative;
		width: 700px;
		height: 70px;
	}
	#abgne_fade_pic700 a.ad700 {
		position: absolute;	/* 讓圖片疊在一起 */
	}
	#abgne_fade_pic700 .control {
		position: absolute;
		right: 5px;
		bottom: 5px;
	}
	#abgne_fade_pic700 .control a {
		float: left;
		color: #3e0e96;
		text-align: center;
		line-height: 16px;
		width: 16px;
		height: 16px;
		font-family: Arial;
		font-size:100%;
		cursor: pointer;
		overflow: hidden;
		margin: 3px 1px;
		border: 1px solid #3e0e96;
		background-color: #fff;
	}
	#abgne_fade_pic700 .control a.on {
		color: #fff;
		line-height: 21px;
		width: 21px;
		height: 21px;
		font-size: 134%;
		margin: 0 1px;
		border: 0;
		background-color: #3e0e96;
		font-weight: bold;
	}

.colorRG {
  color:red;
  animation-duration: 1s;
  animation-name: discoloration;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
@keyframes discoloration {
  from {
    color:red; 
  }

  to {
    color:green; 
  }
}
.shadowText {
  color:red;
  text-shadow:0px 0px 5px yellow; 
  animation-duration: 1s;
  animation-name: doShadowText;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  width:60px;
}
@keyframes doShadowText {
  from {
    color:#333333;
    font-size:80%; 
  }

  to {
    color:red; 
    font-size:100%; 
  }
}

.boxtoo {
  position: relative;
	right:160px;
	top:-40px;
  width:50px;
  line-height:25px;
  border-radius:15%;
  background-color:#7600b5;

  font-size: 90%;
  text-align: center;
  vertical-align:middle;
  color:#fff; 
  margin: 10px;

  animation-iteration-count: infinite;
  animation-direction: alternate;
  -webkit-animation-name: boxtoo; /* Chrome, Safari, Opera */
  -webkit-animation-duration: 1s; /* Chrome, Safari, Opera */
  animation-name: boxtoo;
  animation-duration: 1s;
}
/* Chrome, Safari, Opera */
@-webkit-keyframes boxtoo {
  from {background-color: #7600b5;}
  to {background-color: gold;}
}

/* Standard syntax */
@keyframes boxtoo {
  from {background-color: #7600b5;}
  to {background-color: gold;}
}