@charset "utf-8";

/* CSS Document */

@import url('memorial.css');

* {

	margin: 0;

	padding: 0;

}



body { 

	margin: 0; 

	padding:0; 

	background-color:#c0c0c0;

	background-image:url(images/bg.gif);

	font-family:Arial;

	

	font-size: 15px;

}



img { 

	border: none; 

}



a {

	text-decoration: none;

}



a:link, a:visited {

	color: #333333;

	text-decoration: none;

}

a:hover, a:active {

	color: #800000;

	text-decoration: underline;

}



.clearer { 	

	clear: both; 

	height: 1px; 

	font-size: 1px; 

	line-height: 1px; 

}



.back2top {

	text-align: right;

}



#wrapper {

	width: 1000px;

	margin: 0 auto;  

}



#wrapper-page {

	width: 1000px;

	margin: 0 auto;

	background-image:url(images/page-bg.gif);

}



/* Header

------------------------------*/

#main-menu { 

	width: 100%;

	height:36px;

	background-image:url(images/menu-bg.gif);

}



#main-menu h1 { position: absolute; }



#main-menu ul {

	padding-left:240px;

	list-style:none;

	white-space: nowrap;

}



#main-menu li {

	pasition: absolute;

	height:36px;

	display: inline;

}



#main-menu li#icon-origen a { display:inline-block; width:93px; height:36px; background: url("images/menu-1.gif") 0 0 no-repeat; }

#main-menu li#icon-heritage a { display:inline-block; width:93px; height:36px; background: url("images/menu-2.gif") 0 0 no-repeat; }

#main-menu li#icon-service a { display:inline-block;; width:93px; height:36px; background: url("images/menu-3.gif") 0 0 no-repeat; }

#main-menu li#icon-event a { display:inline-block;; width:93px; height:36px; background: url("images/menu-4.gif") 0 0 no-repeat; }

#main-menu li#icon-suggest a { display:inline-block;; width:93px; height:36px; background: url("images/menu-5.gif") 0 0 no-repeat; }

#main-menu li#icon-accommodation a { display:inline-block;; width:108px; height:36px; background: url("images/menu-6.gif") 0 0 no-repeat;}



#main-menu li#icon-origen a:hover { background-position: -93px 0;}

#main-menu li#icon-heritage a:hover { background-position: -93px 0;}

#main-menu li#icon-service a:hover { background-position: -93px 0;}

#main-menu li#icon-event a:hover { background-position: -93px 0;}

#main-menu li#icon-suggest a:hover { background-position: -93px 0;}

#main-menu li#icon-accommodation a:hover { background-position: -108px 0;}



#main-menu li span {

	display: none;

}



#sub-menu { 

	width: 100%;

	height:24px;

	background-color:#333333;

}



#sub-menu a {

	color:#dddddd;

	font-size:12px;

}



#sub-menu a:hover {

	color:#ffae00;

	text-decoration:none;

}



#sub-menu-items {

	position: absolute;

	text-align: center;

	height: 25px;

	line-height: 25px;

	vertical-align: middle;

}



#sub-menu-items span {

	padding: 0 10px;

}





/* Main

------------------------------*/

#content {

	width:100%;

	height:206px;

	background-image:url(images/home-main-bg.jpg);

}





#calendar { 

    float:left; 

    /* display:inline-table; */

	padding-top:8px;

	/* margin-left:198px; */

	padding-left:198px;

}





.table {

	background-color: #fff;

	border: #dddddd 1px solid; 

}

.table span {

	padding: 0;

	margin: 0;

}



.td-1{

	background-color:#848484; 

	color:#fff;

	font-size:11px;

	text-align:center;

	line-height:18px;

	width:28px;

}



.td-2{

	background-image:url(images/calendar-bg2-2.gif);

	background-repeat: repeat-x;

	color:#848484;

	font-size:10px;

	text-align:center;

	height:26px;

	line-height:12px;

}



.td-2-s{

	background-image:url(images/calendar-bg2-s-2.gif);

	background-repeat: repeat-x;

	color:#ce0000;

	font-size:11px;

	text-align:center;

	height:26px;

	line-height:11px;

}



.td-3{

	background-image:url(images/calendar-bg1.gif);

	text-align:center;

	height:21px;

}



.td-4{

	background-color:#848484;

	font-size:12px;

	font-weight:bold;

	color:#FFF;

	line-height:12px;

	text-align:center;

	height:21px;

}



.td-5{

	background-image:url(images/calendar-bg3.gif);

	color:#000;

	font-size:11px;

	text-align:center;

	line-height:21px;

	height:21px;

}



.month-dot1 a { float:left; width:10px; height:9px; background: url("images/month-dot1.gif") 0 0 no-repeat; margin-left:60px; margin-top:3px;}

.month-dot1 a:hover { background-position: -10px 0;  }

.month-dot2 a { float:left; width:10px; height:9px; background: url("images/month-dot2.gif") 0 0 no-repeat; margin-top:3px;}

.month-dot2 a:hover { background-position: -10px 0;  }

.month-date { 

    float:left;

	color:#934c00;

	font-size:12px;

	font-weight:bold;

	margin-left:10px;

	margin-right:10px;

}





#news {

	float:left;

	margin-left:25px;

	margin-top:16px;

	width:343px;

	color:#ffae00;

	font-size:12px;

	line-height:26px;

}



#news a { color:#616161; }

#news a:hover { color:#ae5200; }





#banner {

	float:left;

	margin-left:23px;

	margin-top:10px;

}



.banner-1 a { display:block; width:164px; height:48px; background: url("images/banner-1.gif") 0 0 no-repeat;}

.banner-1 a:hover { background-position: -164px 0;  }

.banner-2 a { display:block; width:164px; height:48px; background: url("images/banner-2.gif") 0 0 no-repeat; margin-top:5px; }

.banner-2 a:hover { background-position: -164px 0;  }

.banner-3 a { display:block; width:164px; height:48px; background: url("images/banner-3.gif") 0 0 no-repeat; margin-top:5px; }

.banner-3 a:hover { background-position: -164px 0;  }





#copyright {

	width:810px;

	height:26px;

	background-image:url(images/home-copyright-bg.jpg);

	padding-top:28px;

	padding-left:190px;

	color:#7e7e7e;

	font-size:11px;

}



#copyright a { color:#7e7e7e; }

#copyright a:hover { color:#7e7e7e; }





/*----- Page ---------*/



#page-title-photo {

	width:100%;

	height:112px;

}



#page-content {

	width:100%;

}



.page-td {

	width:180px;

	background-image:url(images/page-title-2.gif);

	background-repeat: repeat-y;

}



#page-copyright {

	width:810px;

	height:24px;

	background-image:url(images/page-copyright.gif);

	padding-top:74px;

	padding-left:190px;

	color:#7e7e7e;

	font-size:11px;

}



#content-inner {

	padding: 15px 30px;

}



#page-copyright a { color:#7e7e7e; }

#page-copyright a:hover { color:#7e7e7e; }



.page-main1{

	width:720px;

	margin-left:20px;

	margin-top:20px;

	color:#06ac4c;

	font-size:13px;

	line-height:22px;

}



.page-main1 a { color:#000; }

.page-main1 a:hover { color:#ae5200; }





.page-main2{

	width:762px;

	color:#000;

	font-size:13px;

	line-height:22px;

}



.page-main2 a { 

    color:#ae5200;

	text-decoration:underline;

	font-weight:bold;

}

.page-main2 a:hover { 

    color:#ae5200;

	text-decoration:underline;

	font-weight:bold;

}



.page-form {

	color:#000;

	font-size:12px;

}



.page-date {

	color:#7e7e7e;

	font-size:12px;

}



.page-title {

	width:100%;

	height:30px;

	background-color:#e37114;

	color:#FFF;

	font-size:14px;

	font-weight:bold;

	text-align:center;

	line-height:30px;

	margin-bottom:16px;

}





/*-- Event --*/



#event-content {

	width: 1000px;

	background-color:#cccccc;

	padding-top: 1px;

}



#event-title {

	width:100%;

	height:41px;

	background-image:url(images/event-title-bg.gif);

}



#event-title h1 { position: absolute; }



#event-menu ul {

	padding-left:715px;

	padding-top:9px;

	list-style:none;

	white-space: nowrap;

	height:32px;

}



#event-menu li {

	/*-- pasition: absolute; --*/

	height:24px;

	display: inline;

}



#event-menu li#icon1 a { display:inline-block; width:66px; height:24px; background: url("images/event-icon1.gif") 0 0 no-repeat; margin-right:10px; }

#event-menu li#icon2 a { display:inline-block; width:87px; height:24px; background: url("images/event-icon2.gif") 0 0 no-repeat; margin-right:10px; }

#event-menu li#icon3 a { display:inline-block;; width:87px; height:24px; background: url("images/event-icon3.gif") 0 0 no-repeat; margin-right:10px; }

#event-menu li#icon4 a { display:inline-block;; width:55px; height:24px; background: url("images/event-icon4.gif") 0 0 no-repeat; margin-right:10px; }



#event-menu li#icon1 a:hover { background-position: -66px 0;}

#event-menu li#icon2 a:hover { background-position: -87px 0;}

#event-menu li#icon3 a:hover { background-position: -87px 0;}

#event-menu li#icon4 a:hover { background-position: -55px 0;}





.event-play-photo a { 

	display: block;

	width:77px; 

	height:19px; 

	background: url("images/event-icon5.gif") 0 0 no-repeat; 

	margin-bottom:4px; 

}

.event-play-photo a:hover { background-position: -77px 0;  }





#event-title-text {

	widows:100%;

	height:24px;

	background-color:#e9e9e9;

}



.event-title-text1 {

	float:left;

	width:612px;

	height:24px;

	background-color:#be7b00;

	text-align:center;

	color:#FFF;

	font-size:13px;

	font-weight:bold;

	line-height:24px;

	letter-spacing:8px;

}

.event-title-text2 {

	float:left;

	margin-left:1px;

	width:387px;

	height:24px;

	background-color:#be7b00;

	text-align:center;

	color:#FFF;

	font-size:13px;

	font-weight:bold;

	line-height:24px;

	letter-spacing:8px;

}

.event-title-text3 {

	width:100%;

	height:24px;

	background-color:#be7b00;

	text-align:center;

	color:#FFF;

	font-size:13px;

	font-weight:bold;

	line-height:24px;

	letter-spacing:8px;

}



.event-title-text3 a {

	color: #fff;

}



#event-main-left1 {

	float:left;

	width:588px;

	height:516px;

	background-color:#cccccc;

	padding:12px;

}



.event-main-left1-photo-b {

	float:left;

	margin-bottom:10px;

	width: 292px;

}



.event-main-left1-photo-b img {

	margin: 0;

	padding: 0;

	max-width: 292px;

	

	margin: auto;

	border:4px solid #f3f3f3;

}



.event-main-left1-text {

	float:left;

	margin-left:18px;

	width:260px;

	height:204px;

	color:#444444;

	font-size:13px;

	line-height:20px;

}



#event-icon {

	float:left;

	width:100%;

}



.event-icon-on {

	float:left;

	width:102px;

	height:22px;

	background-image:url(images/event-icon-bg1.gif);

	color:#ac4817;

	font-size:12px;

	font-weight:bold;

	text-align:center;

	line-height:22px;

	margin-right:4px;

}



.event-icon-off a {

	float:left;

	width:102px;

	height:22px;

	background-image:url(images/event-icon-bg2.gif);

	color:#222222;

	font-size:12px;

	font-weight:bold;

	text-align:center;

	line-height:22px;

	margin-right:4px;

}



.event-icon-off a:hover { color:#fff; text-decoration:none; }



.event-icon-select {

	float:left;

	margin-left:102px;

	width:266px;

	height:22px;

	background-image:url(images/event-icon-bg3.gif);

}



.event-icon-select-text {

	float:left;

	margin-left:10px;

	margin-top:4px;

	font-size:11px;

	color:#191919;

	width: 230px;

}



#event-photo-list1 {

	float:left;

	width:564px;

	height:266px;

	background-color:#FFF;

	text-align:center;

	padding-top:12px;

	padding-left:16px;

}



#event-photo-list1 img {

	margin-right:18px;

	margin-bottom:9px;

	padding:2px;

	border:1px solid #bfbfbf;

	vertical-align:bottom;

	width: 150px;

	height: 100px;

}



#event-main-right1 {

	float:left;

	width:387px;

	height:528px;

	background-color:#cccccc; 

	padding-top:12px;

	border-left: 1px solid;

	border-color:#e9e9e9;

	overflow: auto;

}



.event-photo-list2 {

	float:left;

	width:163px;

	height:130px;

	text-align:center;

	background-image:url(images/event-photo-line.gif);

	padding-top:6px;

	margin-left:15px;

	margin-bottom:15px;

}



.event-photo-list2 img {

	width: 150px;

	height: 100px;

}



.event-photo-list2 a {

	font-size:12px;

	color:#FFF;

}



.event-photo-list3 {

	widht:100%;

	height:540px;

	padding-left:45px;

}



.event-main-text1 {

	font-size:12px;

	color:#9c9c9c;

	font-family:新細明體;

}



.event-main-text2 {

	font-size:12px;

	color:#00877c;

	line-height:40px;

}



.event-main-text2 a {

	font-size:12px;

	color:#545252;

}





#event-main-left2 {

	float:left;

	width:463px;

	height:540px;

	background-color:#cccccc;

	padding-left:20px;

}



.event-main-left2-photo-b {

    /*display:block;

	width:434px;

    border:4px solid #f3f3f3;*/

}

.event-main-left2-photo-b img {

	border:4px solid #f3f3f3;

}



.event-main-left2-text {

	display:block;

	width:442px;

	font-size:13px;

	color:#444444;

	line-height:20px;

}



#event-main-right2 {

	float:left;

	width:516px;

	height:528px;

	background-color:#cccccc; 

	padding-top:12px;

	border-left: 1px solid;

	border-color:#e9e9e9;

	text-align:center;

}



#event-main-right2 img {

	margin-right:6px;

	margin-bottom:10px;

	padding:1px;

	border:1px solid #aaaaaa;

	vertical-align:bottom;    

}



.event-photo-list4 {

	float:left;

	width:154px;

	height:128px;

	text-align:center;

	margin-left:6px;

	margin-bottom:10px;

	line-height:4px;

}



.event-photo-list4 a {

	font-size:12px;

	color:#000;

}



.event-photo-list4 img {

	padding:1px;

	border:1px solid #aaaaaa;

}



.event-main-top {

	float:left;

	width:100%;

	height:417px;

	background-color:#444444;

}



.event-main-top-photo {

	float:left;

	width:570px;

	height:380px;

	border:5px solid #fff;

	margin-top:12px;

	margin-left:30px;

}



.event-main-bottom {

	float:left;

	width:100%;

	height:122px;

	background-color:#cccccc;

}



.event-dot-back-b a { float:left; width:64px; height:64px; background: url("images/dot-back-b.gif") 0 0 no-repeat; margin-left:100px; margin-top:175px;}

.event-dot-back-b a:hover { background-position: -64px 0;  }

.event-dot-next-b a { float:left; width:64px; height:64px; background: url("images/dot-next-b.gif") 0 0 no-repeat; margin-left:30px; margin-top:175px; }

.event-dot-next-b a:hover { background-position: -64px 0;  }

.event-dot-begin a { float:left; width:36px; height:35px; background: url("images/dot-begin.gif") 0 0 no-repeat; margin-top:365px; }

.event-dot-begin a:hover { background-position: -36px 0;  }

.event-dot-end a { float:left; width:36px; height:35px; background: url("images/dot-end.gif") 0 0 no-repeat; margin-left:2px; margin-top:365px; }

.event-dot-end a:hover { background-position: -36px 0;  }

.event-dot-play a { float:left; width:36px; height:35px; background: url("images/dot-play.gif") 0 0 no-repeat; margin-left:2px; margin-top:365px; }

.event-dot-play a:hover { background-position: -36px 0;  }

.event-dot-stop a { float:left; width:36px; height:35px; background: url("images/dot-stop.gif") 0 0 no-repeat; margin-left:2px; margin-top:365px; }

.event-dot-stop a:hover { background-position: -36px 0;  }





.event-dot-back a { float:left; width:11px; height:18px; background: url("images/dot-back.gif") 0 0 no-repeat; margin-top:52px; margin-left:8px;}

.event-dot-back a:hover { background-position: -11px 0;  }

.event-dot-next a { float:left; width:11px; height:18px; background: url("images/dot-next.gif") 0 0 no-repeat; margin-top:52px; margin-left:7px;}

.event-dot-next a:hover { background-position: -11px 0;  }





.event-photo-list5 {

	float:left;

	width:950px;

	height:104px;

	text-align:center;

	margin-top:9px;

	margin-left:3px;

}



.event-photo-list5 img {

	margin-left:4px;

	padding:1px;

	border:1px solid #aaaaaa;

}



.event-photo-list5 a img {

	opacity:0.7;

	filter:alpha(opacity=70); 

}



.event-photo-list5 a:hover img {

	opacity:1;

	filter:alpha(opacity=100);

}



/* ADM */

#adm {

	text-align: center;

}



/* Login */

.panel fieldset {

	border: 0;

	margin: 15px 0;

	

	padding: 6px;

	background-color: #D8D8CD;

}



.panel fieldset dl {

	clear: both;

	margin-bottom: 10px;

}



.panel fieldset dt {

	float: left;

	width: 34%;

	font-weight: 600;

	font-size: 1.1em;

}



.panel fieldset dt span {

	font-weight: normal;

	color: #666;

	

	font-size: x-small;

}



.panel fieldset dd {

	margin-left: 35%;

	padding-left: 4px;

}



.panel input.inputbox {

	width: 70%;

}



input.button1, input.button2 {

	padding: 2px 6px;

}



/* Pagination

---------------------------------------- */



.pagination {

	text-align:center;

	font-size:13px;

	color:#000;

	margin-top:10px;

}



.pagination strong,

.pagination b,  

.pagination div {

	font-weight: normal;

}



.pagination b.page-sep, .pagination div.page-sep {

	display:none;

}



.pagination span strong {

	padding: 0 2px;

	margin: 0 2px;

	font-weight: bold;

}



.pagination span a, .pagination span a:link, .pagination span a:visited, .pagination span a:active {

	font-weight: normal;

	color: #000;

	text-decoration:underline;

	margin: 0 2px;

	padding: 0 2px;

}



.pagination span a:hover {

	color:#ae5200;

	text-decoration: none;

}



.pagination img {

	vertical-align: middle;

}



.back {

	font-size: 10px;

	float: right;

}



/* Support */

.support {

	width: 100%;

}



/* Addon */

.errorbox {

	background-color: #900;

	color: #FFFFFF;

	text-align: center;

	padding: 15px 0;

}



.submit-buttons {

	margin-top: 5px;

	text-align: center;

	clear: both;

}



.navlink {

	margin: 4px 0 0 4px;

	font-size: 10px;

}



.neighbor_table {

	width: 100%;

}



.msgbox {

	background-color: #D8D8CD;

	padding: 6px;

}



.msgbox a:link, .msgbox a:visited {

	color: #990000;

}



.msgbox h3 {

	margin-bottom: 10px;

	font-size: 16px;

}



/* Attachments

----------------------------------------*/

.attachments {

	border: 0;

	padding: 0;

	margin-top: 15px;

}



.attachments h4 {

	border-top: 1px solid #666;

	width: 45%;

	padding-top: 4px;

}



.attachbox {

	float: left;

	width: auto; 

	margin: 5px 5px 5px 0;

	padding: 6px;

	background-color: #FFFFFF;

	border: 1px dashed #d8d8d8;

	clear: left;

	

	font-size: 12px;

}



.pm-message .attachbox {

	background-color: #f3f3f3;

}



.attachbox dt {

	font-family: Arial, Helvetica, sans-serif;

	text-transform: uppercase;

}



.attachbox dd {

	margin-top: 4px;

	padding-top: 4px;

	clear: left;

	border-top: 1px solid #d8d8d8;

}



.attachbox dd dd {

	border: none;

}



.attachbox p {

	line-height: 110%;

	color: #666666;

	font-weight: normal;

	clear: left;

}



.attachbox p.stats

{

	line-height: 110%;

	color: #666666;

	font-weight: normal;

	clear: left;

}



.attach-image {

	margin: 3px 0;

	width: 100%;

	max-height: 350px;

	overflow: auto;

}



.attach-image img {

	border: 1px solid #999999;

/*	cursor: move; */

	cursor: default;

}



/* Inline image thumbnails */

div.inline-attachment dl.thumbnail, div.inline-attachment dl.file {

	display: block;

	margin-bottom: 4px;

}



div.inline-attachment p {

	font-size: 100%;

}



dl.file {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	display: block;

}



dl.file dt {

	text-transform: none;

	margin: 0;

	padding: 0;

	font-weight: bold;

	font-family: Verdana, Arial, Helvetica, sans-serif;

}



dl.file dd {

	color: #666666;

	margin: 0;

	padding: 0;	

}



dl.thumbnail img {

	padding: 3px;

	border: 1px solid #666666;

	background-color: #FFF;

}



dl.thumbnail dd {

	color: #666666;

	font-style: italic;

	font-family: Verdana, Arial, Helvetica, sans-serif;

}



.attachbox dl.thumbnail dd {

	font-size: 100%;

}



dl.thumbnail dt a:hover {

	background-color: #EEEEEE;

}



dl.thumbnail dt a:hover img {

	border: 1px solid #d2d2d2;

}



/* flip books

----------------------------------------*/

.bookList {

	width: 33%;

	float: left;

	height: 210px;

}



.bookBlock {

	width: 180px;

	/*background-color: #DFDED0;*/

	margin: auto;

	padding: 5px 0;

}



.bookInfo {

	text-align: center;

}



.bookImg {

	width: 150px;

	margin: auto;

	margin-bottom: 4px;

}



.bookImg img {

	padding: 2px;

	border: 1px solid #ccc;

	background-color: #FFFFFF;

}



.bookImg a:hover img {

	border-color: #900;

}



/* Table list 

-------------------------------------------*/

#board {

	font-size: 12px;

}



.tableList {

	width: 100%;

	border: 1px solid #999;

}



.tableList th {

	padding: 2px 4px;

	background-color: #658460;

	color: #FFFFFF;

	font-weight: 600;

	font-size: 10px;

	text-align: left;

}



.tableList td {

	padding: 4px;

}



.tableList td span {

	font-size: 11px;

}



.tableList td .new {

	color: #FF0000;

}



.tableList td .hide {

	color: #666666;

}



.posted {

	color: #666666;

}



.tableList .row1 {

	background-color: #FFFFFF;

}



.tableList .row2 {

	background-color: #E3EAE8;

}



fieldset.postbg {

	font-size: 12px;

	border: 0;

	margin-top: 25px;

	padding: 6px;

	

	border-top: 1px solid #666;

	color: #444;

}



.postbg legend {

	font-weight: 600;

	padding: 0 6px;

	color: #800;

}



.postbg dl {

	clear: both;

	margin: 6px 0;

}



.postbg dt {

	float: left;

	width: auto;

	font-weight: 600;

}



.postbg dt span {

	font-weight: normal;

	color: #666;

}



.postbg dd {

	margin-left: 150px;

}



.postbg dd.full {

	clear: both;

	margin: 0;

}



.full textarea {

	width: 95%;

}



input.medium {

	width: 80%;

}



textarea {

	padding: 2px;

}



#board h1 {

	font-size: 20px;

}



#board .panel {

	margin-top: 6px;

	padding: 6px;

}



#board .bg1 { background-color: #CEDBD5; }

#board .bg2 { background-color: #E4ECE3; }



#board .panel .content {

	min-height: 100px;

}



.panel .poster {

	width: 170px;

	float: right;

	border-left: 1px solid #999;

	padding-left: 6px;

	padding-bottom: 15px;

}