@import url("reset.css");
@charset "UTF-8";
/* CSS Document */

#event {
	width:970px; margin: 0 auto 20px;
	background-color: #C7EAFB; position:relative;
	padding:0 0 10px 0;
}

body{ }

/*=============最外層===============*/
#FIRST { width:970px; height:300px; background-image:url(../img/img_01.jpg);}
#FIRST h1{ position:absolute; background-image:url(../img/img_02.jpg); background-repeat:no-repeat; text-indent:-9999px; width:411px; height:196px; top:53px; left:30px;  }
#FIRST h2{ text-indent:-9999px;}

#tab ol { position:absolute; width:960px; height:43px; padding-left:10px; background-color:#180F5E;}
#tab li{ float:left; text-indent:-9999px; padding-right:5px;}
#tab li a { display:block; width:116px; height:43px; background-repeat:no-repeat;}
#tab li.locol a{ background-image:url(../img/tab-locol.png);}
#tab li.locol a:hover,#tab li.locol a.on{ background-image:url(../img/tab-locol-on.png);}
#tab li.delivery a{ background-image: url(../img/tab-delivery.png);}
#tab li.delivery a:hover,#tab li.delivery a.on{ background-image:url(../img/tab-delivery-on.png);}
#tab li.travel a{ background-image: url(../img/tab-travel.png);}
#tab li.travel a:hover,#tab li.travel a.on{ background-image: url(../img/tab-travel-on.png);}
#tab li.details a{ background-image: url(../img/tab-details.png);}
#tab li.details a:hover,#tab li.details a.on{ background-image: url(../img/tab-details-on.png);}
#tab li.win a{ background-image: url(../img/tab-win.png);}
#tab li.win a:hover,#tab li.win a.on{ background-image: url(../img/tab-win-on.png);}

#board{ position:relative; width:950px; height:25px; background-image: url(../img/img_02.png); background-repeat:no-repeat; margin-top:48px; margin-left:10px; overflow:hidden;}
#board ol { position:relative; width:1800px; height:25px; font-size:16px; left:130px; padding-top:5px; }
#board li { float:left; margin-left:5px;}
#board li .o { float:left; width:20px; height:20px; background-color: #F09; -moz-border-radius:10px; border-radius: 10px; color:#FFF; text-align:center; } 
#board a { color: #666; text-decoration: none;}
#board a:hover { color: #306;}
/*new*/
#event .store{position:relative; padding-top:7px; font-size:15px; line-height:24px; float:left; margin-left:32px;}
#event .store a:link{ color:#464541;}
#event .store a:visited{ color:#464541;}
#ranking-marquee {position:relative;height:36px;overflow:hidden;}
/*new*/

#tab2 ol{position: absolute; width:140px; height:320px; margin:10px 10px; padding-top:3px;}
#tab2 li{ text-indent:-9999px; padding-bottom:10px;}
#tab2 li a { display:block; width:140px; height:75px; background-repeat:no-repeat;}
#tab2 li.Taipei a{ background-image:url(../img/button_taipei_on.png); }
#tab2 li.Taipei a:hover,#tab li.Taipei a.on{ background-image: url(../img/button_taipei.png);}
#tab2 li.Taoyuan a{ background-image:url(../img/button_Taoyuan_on.png); }
#tab2 li.Taoyuan a:hover,#tab li.Taoyuan a.on{ background-image: url(../img/button_Taoyuan.png);}
#tab2 li.Taichung a{ background-image:url(../img/button_Taichung_on.png); }
#tab2 li.Taichung a:hover,#tab li.Taichung a.on{ background-image: url(../img/button_Taichung.png);}
#tab2 li.Tainan a{ background-image:url(../img/button_Tainan_on.png); }
#tab2 li.Tainan a:hover,#tab li.Tainan a.on{ background-image: url(../img/button_Tainan.png);}

.place_Taipei{ width:84px; height:44px; text-indent:-9999px; background:no-repeat;  background-image:url(../img/place_Taipei.png);}
.place_Taoyuan{ width:84px; height:44px; text-indent:-9999px; background:no-repeat;  background-image: url(../img/place_Taoyuan.png); }
.place_Taichung{ width:84px; height:44px; text-indent:-9999px; background:no-repeat;  background-image:url(../img/place_Taichung.png);}
.place_Tainan{ width:84px; height:44px; text-indent:-9999px; background:no-repeat;  background-image:url(../img/place_Tainan.png);}

.Taipei_top{ position: relative; width:40px; height:20px;color:#FFFFFF; font-size:17px; margin:0 5px 0 920px;}
.Taipei_top a{ color:#FFF; text-decoration:none;}
.Taoyuan_top{ position: relative; width:40px; height:20px;color:#FFFFFF; font-size:17px; margin:0 5px 0 920px;}
.Taoyuan_top a{ color:#FFF; text-decoration:none;}
.Taichung_top{ position: relative; width:40px; height:20px;color:#FFFFFF; font-size:17px; margin:0 5px 0 920px;}
.Taichung_top a{ color:#FFF; text-decoration:none;}
.Tainan_top{ position: relative; width:40px; height:20px; color:#FFFFFF; font-size:17px; margin:0 5px 0 920px;}
.Tainan_top a{ color: #FFF; text-decoration:none;}

/*=============加碼好康===============*/
#details-on{ width:720px; margin:50px 100px 50px 130px ; }
#details-on ol{ text-align:justify; width:800px; height: auto; padding:80px 0 10px 30px; line-height:26px; font-size:19px; color: #666; font-weight:normal; list-style:outside decimal; margin-top:180px;}
#details-on li{}
#details-on h3{ position:absolute; width:679px; height:56px; text-indent:-9999px; background-image: url(../img/h3.png);background-repeat:no-repeat; top:400px;} 
#details-on h4{position:absolute; width:500px; height:25px; background-image: url(../img/time.png); background-repeat:no-repeat; top:480px; color: #FFF; font-size:19px; letter-spacing:4px; padding:2px; font-weight:normal;} 
#details-on h4 span{ color:#000066; font-size:19px; font-weight:bold; letter-spacing:2px;}
#details-on h5{position:absolute; width:101px; height:25px; background-image: url(../img/idea.png); background-repeat:no-repeat; top:525px; color: #FFF; font-size:19px; letter-spacing:4px; padding:2px; font-weight:normal;} 
#details-on h6{ width:694px; height:150px; background-image:url(../img/Village.png); background-repeat:no-repeat; text-indent:-9999px;}
#details-on ol h4{ color:#990000; font-weight:bold; font-size:20px; padding:10px , 0px;} 

/*=============得獎名單===============*/
#winner{ position:absolute; width:254px; height:68px; background-image:url(../img/Winner.png); left: 325px; top: 400px; background-repeat:no-repeat; text-indent:-999px; }
.winning { padding:180px 0 50px 0; color: #666; font-size:16px; width:885px; line-height:30px; padding-left:50px;}
.winning table{ width:888px; border-top:1px solid #C7EAFB; border-left:1px solid #C7EAFB;}
.winning table th{ border-right:1px solid #C7EAFB; border-bottom:1px solid #C7EAFB; text-align:center; background-color: #F09; color:#FFFFFF; text-align:left; padding-left:20px;}
.winning table td{ background-color:#FFFFFF; border-right:1px solid #C7EAFB; border-bottom:1px solid #C7EAFB; text-align:center; }