/*@charset "utf-8";
html
{
	overflow :hidden ;
}*/

/*
=============Master================
*/
body, html
{ 
	font-family: "微軟正黑體",Verdana ,Tahoma, "新細明體",  Arial, "細明體";/* */
	text-decoration :none;
	margin :0;
	padding:0;
	color: #666;
	font-size :0.9em;
	scrollbar-base-color: #3c7a6e;
	scrollbar-arrow-color: #0A4C16;
	scrollbar-3dlight-color: #a7a870;
	scrollbar-darkshadow-color: #3c7a6e;
	scrollbar-face-color: #FFFEE8;
	scrollbar-highlight-color: #3c7a6e;
	scrollbar-shadow-color: #a7a870;
	scrollbar-track-color: #cbdda9;
	/*overflow-y: auto;
	overflow-x: auto;*/
	background-image:url('Bg/orange.png');
}



/*
============= Sub Menu Bar ================
*/
#subMenu {
	margin:0 auto; 	
	padding:5px 5px;
	/*color :#FFF8DC;
	color: #0009c1;
	background-color :#FFFEE8;*/
} 

#subMenu ul { 
	margin :0px 12px;
	padding:0; 
	list-style:square;
	text-decoration :none;
	/*color :#FFEFD5;*/
	color: #0009c1;
} 

#subMenu li { 
	/*display:inline; */
	margin:0; 
	padding:0; 
	text-decoration :none;
	/*color :#FFEFD5;*/
	color: #0009c1;
} 

#subMenu a:link {text-decoration :none; color :#0009c1;}      /* unvisited link */
#subMenu a:visited {text-decoration :none; color :#0009c1;}  /* visited link */
#subMenu a:hover {text-decoration :none; color :#ffcc00;}  /* mouse over link */
#subMenu a:active {text-decoration :none; color :#ffcc00;}  /* selected link */

.addthis_button
{
	vertical-align :top ;
	float : right ;
	margin-top:0px;
}



/*#main
{
	width: 930px;
	text-decoration :none;
	padding:10px; 
}*/

/*
============= MASTER ================
*/
#wrap { 
width:950px; 
margin:0 auto; 
/*background:#99c;*/ 
} 

#header {
	width: 950px;
	height: 100px;
	text-decoration :none;
	background-image :url('Images/logo06.jpg') ;
	
	/*padding:5px 10px;
	background:#ddd; */ 
}
.headerText
{ padding :1px;
	margin-right :20px; 
	text-align:right; 
	text-decoration :none;
	width:940px;
	color :#FFFFFF;
}
.headerText a:link {text-decoration :none; color :#FFFFFF;}      /* unvisited link */
.headerText a:visited {text-decoration :none; color :#FFFFFF;}  /* visited link */
.headerText a:hover {text-decoration :none; color :#ffcc00;}  /* mouse over link */
.headerText a:active {text-decoration :none; color :#ffcc00;}  /* selected link */


/*
============= TOP MENU BAR ================
*/
#menu {
	margin:0 auto; 	
	padding:5px 10px;
	color :#FFF8DC;
	background-color :#D9C497;
	/*background-color :#FFFFF0;D9BC7F
	border-bottom :solid 1px #660000;
	border-top : solid 1px #660000;
	background-color:#E9D6BE;
	border-bottom :solid 1px #FFEFD5;
	border-top : solid 1px #FFEFD5;*/	
} 

#menu ul { 
	margin :0;
	padding:0; 
	list-style:none; 
	text-decoration :none;
	color :#FFEFD5;
} 

#menu li { 
	display:inline; 
	margin:0; 
	padding:0; 
	text-decoration :none;
	color :#FFEFD5;
} 

#menu a:link {text-decoration :none; color :#660000;}      /* unvisited link */
#menu a:visited {text-decoration :none; color :#660000;}  /* visited link */
#menu a:hover {text-decoration :none; color :#ffcc00;}  /* mouse over link */
#menu a:active {text-decoration :none; color :#ffcc00;}  /* selected link */


#MainMaster
{
	/*width: 950px;
	background-image:url(Images/950X1500.jpg);
	height :500px;*/
	text-decoration :none;

	/*background-color :#FFFFFF;*/
}

/*
============= NATVIGATION BAR ================
*/
#nav
{
	clear :both;
	bottom :0px;
	margin:0 auto; 	
	padding:5px 10px;
	position :fixed ;
	color :#FFEFD5;
	background :#D2B48C;
	/*background-color:#A68C3E;*/
	width: 930px;
}
#nav a:link {text-decoration :none; color :#660000;}      /* unvisited link */
#nav a:visited {text-decoration :none; color :#660000;}  /* visited link */
#nav a:hover {text-decoration :none; color :#ffcc00;}  /* mouse over link */
#nav a:active {text-decoration :none; color :#ffcc00;}  /* selected link */


/*
============= FOOTER ================
*/
#footer
{
	clear:both ;
	padding:5px 10px; 
	
	/*background-color:#E9D6BE;
	width:1000px;*/
	margin:0 auto; 	
	background:#F5F5F5; 
	
	height :65px;
	font-size: 11px;
	color :#999999;
	text-decoration :none;
}
#footer a:link {text-decoration :none; color :#997777;}      /* unvisited link */
#footer a:visited {text-decoration :none; color :#997777;}  /* visited link */
#footer a:hover {text-decoration :none; color :#CCCCCC;}  /* mouse over link */
#footer a:active {text-decoration :none; color :#CCCCCC;}  /* selected link */

#footer p 
{ 
	margin:0; 
} 
* html #footer 
{ 
	height:1px; 
} 

.txtbox
{
	font-family:"微軟正黑體", Verdana , Arial ;
}
/*
============= MAIN ================
*/
#homeMain
{
	float:left; 
	width:770px;
	height:1060px;
	/*padding:10px; 
	background:#FFF;height:500px;*/ 
	background-image:url('Bg/770x960home.png');
	background-repeat:no-repeat;
}

 
#sidebar 
{ 
	float:right; 
	width:180px; 
	height :1060px;
	background-image:url('Images/180x1060.png');
	/*background-image:url('Images/960x180.png');
	padding:10px;
	opacity:0.4;
	filter:alpha(opacity=40);
	background-color:#FFFFFF ;
height :500px; */ 
} 

#sidebar a 
{
	margin:10px ;
	/*background-color :Transparent ;
	margin:30px 40px;
  font-weight:bold;
  color:#000000;
  	opacity:1;
	filter:alpha(opacity=100);*/
}
.box
{
	margin-top :40px; 
	margin-left :112px;
	width:273px; 
	font-size :1em;
	
}

.box ul
{
	 list-style-type :none;
	 text-decoration :none;
	 color: #0009c1;
	 padding:0; 
}
.box li
{
	margin:0; 
	padding:0; 
	text-decoration :none;
}
.box a:link {text-decoration :none; color :#9C8554;}      /* unvisited link */
.box a:visited {text-decoration :none; color :#9C8554;}  /* visited link */
.box a:hover {text-decoration :none; color :#ffbf00;}  /* mouse over link */
.box a:active {text-decoration :none; color :#ffbf00;}  /* selected link */

.boxtext
{
	margin-top :10px; 
	margin-left :150px;
	width:210px; 
	font-size :1em;
}
.boxtext a:link {text-decoration :none; color :#9C8554;}      /* unvisited link */
.boxtext a:visited {text-decoration :none; color :#9C8554;}  /* visited link */
.boxtext a:hover {text-decoration :none; color :#ffbf00;}  /* mouse over link */
.boxtext a:active {text-decoration :none; color :#ffbf00;}  /* selected link */


/*
============= MAIN RIGHT AD ================
*/
.ad
{
	height :200px;
	width:160px;
	margin-top :10px;
	margin-left :9px;
	background-color:Black ;
}
.even1
{
	width :40px;
	background-color:#333333;
	font-size :x-small ;
	color :#FFFFFF;
	height :4px;
	text-align :right ;
}
.even2

{width :40px;
	background-color:#FFFFFF;
	font-size :x-small ;
	height :4px;
	text-align :right ;
}
.odd1
{
	width :40px;
	background-color:#333333;
	font-size :x-small ;
	color :#FFFFFF;
	height :4px;
	text-align :right ;
}
.odd2
{
	width :40px;
	background-color:#FFFFFF;
	font-size :x-small ;
	height :4px;
	text-align :right ;
}



/*
============= MAIN ITEM BOX ================
*/
/*
.box
{
	background-image: url('Images/150x385.png');
	height :150px;
	width :385px;
}
*/


/*
============= MOVIE ================
*/
#sideMovie
{ 
	float:left; 
	width:250px; 
	height :560px;
	background-image:url('Bg/orange02.png');
	color: #000;
	overflow-y:auto;
	overflow-x: hidden;
	/*
	background-color :#FFFFFF;
	background-color :#FFFEE8;
	padding:10px;
	opacity:0.4;
	filter:alpha(opacity=40);
	height :500px;
background-image: url('Bg/purple.png');
	background-repeat:repeat;
 */ 
} 

#mainMovie
{
	float:right; 
	width:700px;
	height:560px;
	/*padding:10px; 
	height:500px;*/ 
	background-image: url('Images/700x560片段共賞.png');
	
}
#sideMovie ul
{
	color:#000;
}
#sideMovie li
{
	color:#000;
}
#sideMovie a:link {text-decoration :none; color :#000;}      /* unvisited link */
#sideMovie a:visited {text-decoration :none; color :#000;}  /* visited link */
#sideMovie a:hover {text-decoration :none; color :#FFAA00;}  /* mouse over link */
#sideMovie a:active {text-decoration :none; color :#FFAA00;}  /* selected link */


/*
============= INTRO ================
*/
#mainIntro
{
	
	/*background-color :Red;background-image:url('Bg/Purple.png');*/
	height: 560px;
	width: 650px;
	overflow-x:hidden;
	overflow-y:auto; 
	float:left;
	/*padding :10px;*/
	background-image:url('Bg/2x2O.gif');
}
.IntroContent
{
	color :#000000;
	padding:10px;
	font-size :1em;
}
.IntroContent a:link {text-decoration :none; color :#00AF64;}      /* unvisited link */
.IntroContent a:visited {text-decoration :none; color :#00AF64;}  /* visited link */
.IntroContent a:hover {text-decoration :none; color :#FFAA00;}  /* mouse over link */
.IntroContent a:active {text-decoration :none; color :#FFAA00;}  /* selected link */

#sideIntro
{
	float:right; 
	width:300px; 
	height :560px;
	background-color:#CBDDA9;
	/*background-image: url('Bg/purple.png');
	background-repeat:repeat;*/
	overflow-y:hidden;
	overflow-x: hidden;
}

/*
============= NEWS ================
*/
#mainNews
{
	float:right; 
	width:700px;
	height:560px;
	background-color :#FFFFFF;
	overflow-y:auto;
	overflow-x: hidden;
	color:#0C1434;
	/*background-image: url('Images/700x440.png');
background-color :#FFFEE8;
	*/
}

#sideNews
{
	float:left; 
	width:250px; 
	height :560px;
	background-image:url('Bg/orange02.png');
	/*background-color :#0C1434;
	background-image: url('Bg/purple.png');
	background-repeat:repeat;*/
	overflow-y:auto;
	overflow-x: hidden;

}
#sideNews li
{
	/*color: #0095FF;*/
	color: #0b33fd;
}
#sideNews a:link {text-decoration :none; color :#0620a1;}      /* unvisited link */
#sideNews a:visited {text-decoration :none; color :#0620a1;}  /* visited link */
#sideNews a:hover {text-decoration :none; color :#F6CA62;}  /* mouse over link */
#sideNews a:active {text-decoration :none; color :#F6CA62;}  /* selected link */

/*
============= SPECIAL ================
*/
#mainSpecial
{
	float:right; 
	width:700px;
	height:560px;
	overflow:hidden;
	background-image:url('Bg/2x2O.gif');
	color:#000;
	/*background-image: url('Images/700x440.png');overflow-y:auto;
	overflow-x: hidden;*/
}


/*#Detail
{
	width:50%;
	float :right ;
}*/

#sideSpecial
{
	float:left; 
	width:250px; 
	height :560px;
	background-image:url('Bg/orange02.png');
	/*background-image: url('Bg/purple.png');
	background-repeat:repeat;#64099D;*/
	overflow-y:auto;
	overflow-x: hidden;

}
#sideSpecial li
{color: #000;
}
#sideSpecial a:link {text-decoration :none; color :#000;}      /* unvisited link */
#sideSpecial a:visited {text-decoration :none; color :#000;}  /* visited link */
#sideSpecial a:hover {text-decoration :none; color :#999700;}  /* mouse over link */
#sideSpecial a:active {text-decoration :none; color :#999700}  /* selected link */

/*
============= INTERVIEW ================
*/
#mainInterview
{
	float:right; 
	width:700px;
	height:560px;
	overflow:hidden;
	background-image: url('Bg/2x2O.gif');
	color :#000;
	/*background-image: url('Images/700x440.png');overflow-y:auto;
	overflow-x: hidden;*/
}

#sideInterview
{
	float:left; 
	width:250px; 
	height :560px;
	background-image:url('Bg/orange02.png');
	/*background-image: url('Bg/purple.png');
	background-repeat:repeat;*/
	overflow-y:auto;
	overflow-x: hidden;

}
#sideInterview li
{color: #000;
}
#sideInterview a:link {text-decoration :none; color :#000;}      /* unvisited link */
#sideInterview a:visited {text-decoration :none; color :#000;}  /* visited link */
#sideInterview a:hover {text-decoration :none; color :#721872;}  /* mouse over link */
#sideInterview a:active {text-decoration :none; color :#721872;}  /* selected link */
/*
============= Image Viewer ================
*/
#imageShow
{
	width :50%;
	float :left;
	
	
}
#ImagePanel
    {
        /*width: 450px;
        height: 80px;
        position: relative;
        overflow: hidden;
        width: 400px;*/
        width: 280px;
        height: 50px;
        position: relative;
        overflow: hidden;
    }
    #ImageList
    {
        position: absolute;
        list-style: none;
        white-space: nowrap;
        margin: 0px;
        padding: 0px;
        left: 0px;
    }
    #ImageList li
    {
        display: inline;
        padding: 5px;
    }
    #ImageList li img
    {
        margin: 0px;
        padding: 0px;
        border: 0px none;
       
    }
    #largeImage
    {
    	height :420px;
    	width: 320px;
    	vertical-align :text-bottom
    }
    #Detail
    {
    	width:50%;
		float :right ;
    	overflow-y:auto;
		overflow-x: hidden;
		height:500px;
    }

/*
============= SCENERY ================
*/
 #mainScenery
{
	float:right; 
	width:700px;
	height:560px;
	overflow:hidden;
	background-image: url('Images/700x560SceneryBg.png');
	color:#000;
	/*background-image: url('Images/700x440.png');overflow-y:auto;
	overflow-x: hidden;*/
}

#sideScenery
{
	float:left; 
	width:250px; 
	height :560px;
	/*color: #A64701;*/
	color:#000;
	overflow-y:auto;
	overflow-x: hidden;
	background-image:url('Bg/orange02.png');

}

#sideScenery li
{
	/*color: #A64701;*/
 color:#000;
}
#sideScenery a:link {text-decoration :none; color :#000;}      
#sideScenery a:visited {text-decoration :none; color :#000;}  
#sideScenery a:hover {text-decoration :none; color :#00675C;}  
#sideScenery a:active {text-decoration :none; color :#00675C;}  


/*
============= LINKS ================
*/
#LinksMain
{
	
	height:100%;
	color:#333333;
	background-image :url('Images/2x2B.gif');
	
	/*background:#FFF;height:500px;
padding:10px; */ 
}

#LinksMain a:link {text-decoration :none; color :#667BEB;}      
#LinksMain a:visited {text-decoration :none; color :#667BEB;}  
#LinksMain a:hover {text-decoration :none; color :#A67E1D;}  
#LinksMain a:active {text-decoration :none; color :#A67E1D;}  

/*
============= DISCLAIMER ================
*/
#DisclaimerMain
{
	
	height:490px;
	padding:30px; 
	/*background-image :url('Bg/grey.png')height:500px;;*/ 
	background:#FFF;

}
/*
============= SITEMAP ================
*/
#SitemapMain
{
	background-image :url('Bg/2x2O.gif');
	color : #660000;
	height :560px;
}
#SitemapLeft
{
	float:left; 
	padding:30px; 
	width:300px; 
	height :400px;
	margin-left :70px;
	overflow-y:hidden;
	overflow-x: hidden;
	margin-top :20px;
	border-style :dashed;
	border-width :5px;
	border-color :#CC9900;
	
	
}
#SitemapRight
{
	margin-top :20px;
	float:right;
	padding:30px;
	margin-left :10px;
	margin-right :30px;
	width:300px; 
	height :400px;
	overflow-y:hidden;
	overflow-x: hidden;
	border-style :dashed;
	border-width :5px;
	border-color :#CC9900;
	
}
#SitemapMain a:link {text-decoration :none; color :#660000;}      /* unvisited link */
#SitemapMain a:visited {text-decoration :none; color :#660000;}  /* visited link */
#SitemapMain a:hover {text-decoration :none; color :#ffcc00;}  /* mouse over link */
#SitemapMain a:active {text-decoration :none; color :#ffcc00;}  /* selected link */


/*
============= GESTBOOK ================
*/
#GuestbookMain
{
	height :100%;
	background-color :#FFFFFF;
}

.MsgTable
{
	width: 83%;
	margin : 0px 80px;
	height :100%;
}
#MsgRead
{
	margin :10px
	height :100%;
}
/*
============= GESTBOOKCONTENT ================
*/
#GuestbookContentMain
{
	height :100%;
	background-color :#FFFFFF;
}
/*
============= PRESENTCOMMITTEE ================
*/
#MainPComm
{
	height :560px;
	width: 950px;
	/*
	height:560px;
	width: 800px;background-image :url('Bg/2x2G.gif');
	padding:20px;*/
	overflow-y:auto;
	overflow-x:auto;
	background-color :#FFFFFF;
}

#PCommTable
{
	padding :10px;
}
/*
#SidePComm
{
	float:left; 
	width:150px; 
	height :560px;
	
	background-repeat:repeat;
	overflow-y:auto;
	overflow-x: hidden;
}
*/
/*
============= COMMITTEE ================
*/
#mainCommittee
{
	height :100%;
	/*background-color :#FFFFFF;
	background-color :#9EC498; */
	height:560px;
	width: 950px;
	overflow-y:hidden;
	overflow-x:auto;
	background-image :url('Bg/2x2G.gif');
	
	width:100%; height :100%;
}
#TableCommittee
{
	background-color :#3D7734; width:80%;float:left ;margin-left:100px;padding:5px; margin-bottom :50px;height:100%;
}
#menuCommittee
{
	background-color:#0E5A02; color:#FFF;margin-left:100px;padding:5px;width:80%;text-align :left;font-size:14px ;
}
#menuCommittee a:link {text-decoration :none; color :#7BEF68;}      /* unvisited link */
#menuCommittee a:visited {text-decoration :none; color :#7BEF68;}  /* visited link */
#menuCommittee a:hover {text-decoration :none; color :#FFFFFF;}  /* mouse over link */
#menuCommittee a:active {text-decoration :none; color :#FFFFFF;}  /* selected link */

/*
============= PASTCOMMITTEE ================
*/
#MainPastComm
{
	height :100%;
	/*background-color :#FFFFFF;*/
	height:560px;
	width: 950px;
	overflow-y:auto;
	overflow-x:hidden;
}
#PastCommTable
{
	padding :5px;
	width:100%;
}

/*
============= HISTORY ================
*/
#HistoryMain
{
	height :560px;
	background-image :url('Images/History/950x560History.png');
	background-color :#FFFFFF;
}
 
    #HisImagePanel
    {
        width: 450px;
        height: 80px;
        position: relative;
        overflow: hidden;
    }
    #HisImageList
    {
        position: absolute;
        list-style: none;
        white-space: nowrap;
        margin: 0px;
        padding: 0px;
        left: 0px;
    }
    #HisImageList li
    {
        display: inline;
        padding: 0px;
    }
    #HisImageList li img
    {
        margin: 0px;
        padding: 0px;
        border: 0px none;
    }
/*
============= TRAVEL ================
*/
#sideTravel
{
	float:left; 
	width:250px; 
	height :560px;
	overflow-y:auto;
	overflow-x: hidden;
	background-color:#FFFFFF;
} 
#mainTravel
{
	float:right; 
	width:700px;
	height:560px;
	overflow:hidden;
	background-image :url('Bg/2x2O.gif');
}

/*
============= WALK ================
*/
#sideWalk
{
	float:left; 
	width:250px; 
	height :560px;
	background-color:#FFFFFF;
	/*background-repeat:repeat;*/
	overflow-y:auto;
	overflow-x: hidden;
} 
#mainWalk
{
	float:right; 
	width:700px;
	height:560px;
	overflow:hidden;

}


/*
============= FESTIVAL ================
*/
#mainFestival
{
	height :100%;
	background-image :url('Bg/2x2R.gif');
}
#TableFestival
{
	/*background-color:#F96D6D;*/
	background-color:#ce4a4a;
	width:80%;float:left ;margin-left:100px;
}
.LeftTextFestival
{
	margin-left :20px;margin-top:50px;margin-bottom:20px;float :left ;padding:5px;color:#FFF;
}
.LeftHeaderFestival
{
	font-weight: bold; font-size:medium ;color:#FFF; background-color :#7B0404; text-align :left ;
}
.RightHeaderFestival
{
	font-weight: bold; font-size:medium ;color:#FFF; background-color :#7B0404;text-align:right ;
}
.RightPhotoFestival
{
	width :150px; float:left ;margin-top:20px;margin-left:10px;margin-bottom:20px;
}
.hrFestival
{
	float:left;
	border: none 0; 
	border-top: 2px dashed #F9B0B0;/*the border*/
	width: 700px;
	height: 1px;
	margin-left:30px;
	/*
	margin-left:30px; width:700px;border-bottom: 5px dotted #F9B0B0;float:left;display: block;*/

}
.LeftPhotoFestival
{
	float:left;margin-top:20px;margin-left:20px;margin-bottom:20px;padding:5px; 
}
.RightTextFestival
{
	margin-left :10px;margin-right:20px;margin-bottom:20px;float :right ;padding:5px;width:400px;color:#FFF;
}