/* Default Stylesheet */
                       /*視窗隨瀏覽器放大縮小*/
#wrapper {                               /*
           min-width: 880px;
		   max-width: 1280px;
		   width: expression(document.body.clientWidth < 881? "880px" :
		                     document.body.clientWidth > 1281? "1281px" : "100%");
		   posion: absolute;
		   */
		   /*border:1px red solid;overflow:hidden;*/
		   margin: 0px auto;width:940px;
		 }

								 /** BODY ELEMENTS **/
							 
.test{
float:left;
}
body {
	   margin: 0;
	   padding: 0;
	   font-size: 14px;
	   font-family:Arial, Helvetica, sans-serif;
	   /*line-height: 1.4;*/
	   text-align:center; /*置中排列*/
	   /*background-image: url(../images/jume-background.png);
	   background-repeat:repeat;*/
	   /*background-color: #fbfdbb;*/
	   background-image:url(../images/back.png);
	   background-repeat:repeat;
	   width:100%;
	   border: none;  
	 }
/*-------------------------------------font style-----------------------------------*/	 
#a, a:link{ /*正常狀態*/
           font-family: Arial, Helvetica, sans-serif;
		   font-weight:400;
		   font-size:14px;
		   color:#524409;
           background-color:none;
		   text-decoration: none
		   } 
    a:visited{ 點選過後
	          font-family: Arial, Helvetica, sans-serif;
	          font-weight:lighter;
			  font-size:14px;
			  color:#524409;
	          background-color:none;
			  text-decoration: none
			 }
    a:hover{ /*on mouse*/ 
	         color: #2a4516;
			 text-decoration:none;
			 font-family: Geneva, Arial, Helvetica, sans-serif;
			 font-size:14px;
		   }	 
/*--------------------------------------header------------------------------------*/
   
    div#header {
             position: relative; 
			 margin:0;
			 top:-1px;  
	         width:940px;
	         height:300px;
			 font-family:Arial, Helvetica, sans-serif;
	         font-size:small;
			 background-image: url(../images/header.png);
			 background-repeat:no-repeat; 
			 text-align:left;
		   }  
		   #login {
		           color: #3682ab;
				   font-size:16px;
				   font-family: "Times New Roman", Times, serif;
				   font-weight:bold;
				   position:absolute;
				   float: left;
		           list-style: none;
				   padding: 5px;
				   top:25px;
				   left:20px;
		         }
	  #logo {
		          position:absolute;
				  left:550px;
				 }
/* dock - top */
.dock {
		   position: absolute;
		   left: 290px;
		  top:210px;
	       position: relative; 
		   /*background-image:url(../images/header.png);
			*/
			text-align: center;
width: 300px;
 height: 100px; 
}
/*	    #menu1 div.jqDock {
		
		
		border:1px solid #000000;
		}*/

         #menu1  {
				  
				   font:"細明體";
				   font-weight:bold;
				   color:#0f4a6a;
				   font-size:16px;
				   z-index:1;
				
				 } 
		  #mapbutton {
	                   position: absolute;
					  /* background-image: url(../images/mapclose.png);
					   background-repeat:no-repeat;*/
				       top:95px;
					   left:5px;
					   width:80px;
					   height:35px;
	                  }	  
					  /*
		   #mapbutton a:hover { 
							    background-image: url(../images/mapon.png);
								background-repeat:no-repeat;
								}  	 */
/*--------------------------------------content:map. news. ---------------------------------------*/		
div#content	{ /*不可設高*/
              position: relative; 
			  width: 940px;
			  top: 0px;
			  background-image:url(../images/content2.png);
	          background-repeat:repeat-y;
	          background-position: center;
			  text-align:left;
		      margin: 0px auto;
			}  
	div#map_index{
            position: relative;
		    width:940px;
			height: 500px;
			text-align: center;
			margin: 0px auto;
			/*display:none;*/
			background-image: url(../images/map_index.png);
		   }	
	  div#map-buttom {
	                  position: relative; 
					  left:0px;
					  top:0px;
					  width:910px;
					   margin: 0px auto;
					 }		  	
		 #map-buttom ul {
		                  margin: 0;
						  list-style: none; /*隱藏項目符號*/
		                }
		 #map-buttom li {
		                  float: left;
						  width: 140px;
						  margin: 0;
		                }
		 #map-buttom li a { 
		                    display:  block; /*擴大按鈕連結區域*/
							width: 100%;
							height: 34px;
							text-align: center;
							font-family:Arial, Helvetica, sans-serif;
							font-weight:bold;
							
						 	color: #FFFFFF;
							font-size:14px;
							letter-spacing: 0.2em;
							text-decoration:none;
							
					        background-repeat: repeat-x;
							background-position: center;
                           } 
		 #map-buttom li a:hover { 
								  background-image: url(../images/mapbuttononmouse.png);
								  background-repeat:no-repeat;
								  background-position: top;
								  
								  
								  font-family:Arial, Helvetica, sans-serif;
							      font-weight:bold;
							      color: #3682ab;
								  font-size:15px;
								}
								
								
					
		div#search{
                   position: relative;
				   width:911px;
				   height:200px;
				   color: #ffffff;
				   top:2px;
				   left:0px;
				   z-index:3;
				   background-image: url(../images/map_search.png);
				   background-repeat:no-repeat;
				   text-align:left;	 
				   margin: 0px auto;
				   border:0; 
			      }
	   div#search span.heavy {
	   font-family:"Times New Roman", Times, serif;
	   font-size:15px;
	   color:#e6fffe;
	   
	                    }				 
	   div#mapsearch {
	                  position: absolute;
					  top:20px;
					  left:20px;
	                 }	
	   /*  div#googlemap{
                   position: relative;
				   top:31px;
				   left:0px;
				   z-index:3;
			      }*/
/*--------------------------------------------floatnews--------------------------------*/
div#information {
                  position: relative;
				  top:0px;
				  height: 1030px;
		          text-align:left;
				  width: 940px;
				  background-image: url(../images/information.png);
                }
div#info_right{  /*活動顯示區塊*/
               float:left;
              }				
div#info_left{ /*導覽區塊*/
	          float:left;
			  position:relative;
	          background-image: url(../images/introduction.png);
              width: 200px;
			  height:750px;
			  left: 50px;
             }	
div#link_1 {
            position:absolute;
	        top:125px;
           }
div#link_2 {
            position:absolute;
			top:335px;
           }
div#link_3 {
            position:absolute;
			top:550px;
		   }
div#member{ /*揪團評價最高會員*/
	        position:relative;
			background-image: url(../images/popular_member.png);
            width: 940px;
			height:260px;
			left: 0px;
			top:5px;
		background-repeat:no-repeat;
           }
div#popular_member{ 
	        position: absolute;
            width: 840px;
			height:180px;
			left: 110px;
			top:45px;
			color: #045082;
		
           }
			 			
/*------------------活動揪團區塊----------------*/
div#activity {
		      position: relative;
			  text-align:left;
			  width: 310px;
			  height: 520px;
			  top: 20px;
			  left:65px;
			  background-image: url(../images/newsleft.png);
		      background-repeat:no-repeat;	  
             }
			 
		div#activity A:link {
				font-family: Arial, Helvetica, sans-serif;
		  	 	font-weight:400;
		   		font-size:13px;
          		/* color:#524409; */
		  		color:#3293de;
           		background-color:none;
				text-decoration:none;
				}

   		 div#activity a:hover{ /*on mouse*/ 
	         color: #f4af09;
			 text-decoration:none;
			 font-family: Geneva, Arial, Helvetica, sans-serif;
			 font-size:14px;
		   }	 
div#news_1 {
           position: absolute;
		   top:5px;
		   left:73px;
		  }
div#news_2 {
           position: absolute;
		   top:245px;
		   left:73px;
          }
div#group {
           position: relative;
		   text-align:left;
		   width: 310px;
		   height: 520px;
		   top: 20px;
	       left:70px;
		   background-image: url(../images/newsright.png);
		   background-repeat:no-repeat;	
		  }
div#news_3 {
           position: absolute;
		   top:5px;
		   left:73px;
          }
div#news_4 {
           position: absolute;
		   top:245px;
		   left:73px;
          }
/*-------------------floatnews-----------------------*/
div#floatnews {
                float:left;
				position: relative;
				top:10px;
				left: 75px;
				width: 561px;
				height: 205px;
				background-image: url(../images/newstop.png);
				background-repeat:no-repeat;
              }
div#newactivity {
                 position:absolute;
				 height:160px;
				 width:225px;
				 top:40px;
				 left:55px; 
                }
div#newtake {
             position: absolute;
			 top:40px;
			 height: 160px;
			 width:225px;
			 left:330px; 
            }	  
/*a { text-decoration: none; font-weight: bold; }*/
/*------------------------float news control-------------------------*/
.news_style{
            display:none;
           }
.news_show   /*訊息內框*/
           {
            background-color: #FFFFFF;
            color:black;
            font:"Arial", "Lucida Grande",Verdana,  Sans-Serif;
            font-weight:lighter;
            font-size:100%;
            width:200px; 
            height:180px;
            overflow:hidden;	
           }
.news_border
{
background-color:#FFFFFF; /*外框、切換視窗顏色*/
width:215px;
height:180px;
font: normal 100% "Arial", "Lucida Grande",Verdana,  Sans-Serif;
border: 1px solid #e1e97e; /*改變外框線顏色*/
padding: 5px 5px 5px 5px;
overflow:hidden; 
}
.news_mark{
top:-30px;
left:73px;
position: relative;
/*background-color:#009A00; /*news下方訊息列框 底色*/
font: normal 70% "Arial", "Lucida Grande",Verdana,  Sans-Serif;
border: 0px solid gray;
width:179px;
height:30px;
color:black;
text-align:left;
}
.news_title{
font: bold "Arial", "Lucida Grande",Verdana,  Sans-Serif;
border: 0px solid #3f3408; /*下方訊息列外框*/
padding: 0;
color: #3f3408;
background-color: #F0FFB4;
font-size:11px;
width: 155px;
height:30px;
overflow:hidden;
}
.news_show img{ /*顯示活動圖片 以margin調整位置*/
padding-top:5px;
padding-bottom:5px;
margin-left:5px;
margin-right:5px;
}
.buttondiv  /*播放按鈕*/
{
padding: 5px 5px 5px 5px;
background-color:white ;
border: 1px solid #e1e97e;
border-top-color: white;
border-top:none;
height:20px;
}
/*
#mynewsdis {
            background-color:#000000;
			height: 40px;
			left:600px;
           }*/


div#footer {
             position:relative;
			 margin: 0px auto;
			 text-align:left;
			 width: 940px;
			 background-image:url(/member/images/footer_f.png);
             height:210px;
			 top:0px;
		   }
      div#footer-in {
	                 position: absolute;
					 top:120px;
					 font-family:Arial, Helvetica, sans-serif;
                     font-size:small;
                     color:#403608;
					 width: 940px;
	                }
#announce {
           float:right;
		   padding-right:95px;
		   background-image:url(/member/images/announce.png);
		   background-repeat:no-repeat;
		   height:43px;
		   width:575px;
          }
#scrollDiv ul,li{margin:0;padding:0;LIST-STYLE-TYPE: none;}

#scrollDiv{
	margin:0;padding:0;
	
	z-index:80;
	position: absolute;
	float:right;
	top:10px;
	left:335px;
	width:500px;
	height:25px;
	line-height:25px;
	border:none;
	overflow:hidden
	}
#scrollDiv li{text-align:left;height:25px;padding-left:10px;
	color:#FFFFFF;
	}