﻿body	{
	font-family: "微軟正黑體" Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height:20px;
	padding:0px;
	text-align:left;
	color:#666;
	background:#e5dfd5;
	}

a:link {text-decoration: none; color: #81511c;}
a:visited {text-decoration: none; color: #81511c;}
a:hover {text-decoration: none; color: #492704;}
a:active {text-decoration: none; color: #000;}

/*-----  Base -----*/
.textbox
{
    background-color:#FFFFFF;
	border:solid 1px #cccccc;
	margin:5px 5px auto;
}

p	{
	text-indent: 0em;
	padding:0px 0px 15px 0px;
	}

li	{
	padding:0px 0px 0px 0px;
	}

input	{
	color: #666666;
	}


/* 內頁 */

.wrapper
	{
	width:950px;
	background:url(../images/container_bg.jpg);
	margin:0px auto;
	padding:0px;
	clear:both;
	}

.header	{
	width:100%;
	height:175px;
	background:url(../images/header.jpg) no-repeat center top;
	background-position:0px 0px;
	text-align:right;
	}
.header	a {
	margin:5px 5px 0px 0px;
	color:#fff;
	}
.header a:visited {
	margin:5px 5px 0 0;
	color:#fff;
	}
.header a:hover{
	color:#bea789;
	}
.header-left{
	float:left;
	margin:150px 0 0 205px;
	*margin: 135px 0 0 205px;
	_margin:135px 0 0 205px;
	}
	
.top {

	}
	
.search {
	
	}
	
.container
	{
	width:950px;
	background:url(../images/container_bg.jpg);
	float:left;
	}
.container2
	{
	width:950px;
	background:url(../images/bottom_bg.jpg) bottom no-repeat;
	float:left;
	}

.content_index	{
	width:740px;
	background:url(../images/title.jpg) top no-repeat;
	float:left;
	margin:0px;
	}

.content	{
	width:740px;
	background:url(../images/title.jpg) top no-repeat;
	float:left;
	margin:0px;
	}

.ad	{
	width:200px;
	padding:0px;
	margin:0px;
	float:right;
	background:url(../images/wrapper_bg.jpg) repeat-y right top;
	background-position:-750px -100px;
	}
.ad_content	{
	padding:5px;
	margin:5px;
	border:1px #CCC solid;
	}
.bottom	{
	float:left;
	width:690px;
	height:150px;
	margin:20px 0 0 0px;
	padding:0;
	}

.footer	{
	width:950px;
	height:100px;
	background:url(../images/footer.jpg) no-repeat center top;
	color:#000;
	float:left;
	line-height:16px;
	}
.footer	a:link {text-decoration: none; color: #000;}
.footer	a:visited {text-decoration: none; color: #000;}
.footer	a:hover {text-decoration: underline; color: #666;}
.footer	a:active {text-decoration: none; color: #666;}

.copyright	{
	text-align:right;
	padding:10px 220px 0px 0px;
	color:#fff;
	}

.subnav	{
	padding:3px 10px 0px 0px;
	text-align:right;
	}
.thirdnav	{
	font-size: 10px;
	padding:3px 15px 0px 0px;
	text-align:right;
	}
	
.nav	{
	height:62px;
	padding:0px 0px 0px 10px;
	}
.nav a	{
	padding:0px 10px 0px 0px;
	}

/*---jquery 選單樣式---*/

.menu	{
	width:210px;
	padding:0px;
	margin:0px;
	*margin:-10px 0 0 0;
	float:left;
	}
.menu_box	{
	float:left;
	width:190px;
	padding:10px 0px 0px 10px;
	margin:0 0 10px 0;
	}
.menu_title {
	float:left;
	width:185px;
	font-size: 15px;
	font-weight:bold;
	color:#59493f;
	background:url(../images/dot.gif) #e4cfaf left no-repeat;
	background-position:10px 11px;
	*background-position:10px 9px;
	padding:5px 5px 5px 20px;
	}
.menu_bottom {
	float:left;
	width:210px;
	height:180px;
	}

.menu ul{margin:0;padding:0;list-style-type: none; background:url(../images/menu/submenu_bg.jpg) top repeat-y;}
.menu ul.submenu{display: none; background:none;}
.menu ul.submenu{margin-left:25px;list-style-type:disc; color:#333333;}
.menu ul.submenu li{margin:3px 5px 2px 0px;padding:0px 0px 5px 20px ;list-style-type: none; background:url(../images/icon/li.gif) no-repeat left top; background-position:0px 4px; }
.menu ul.submenuopen{background:none;}
.menu ul.submenuopen{margin-left:25px;list-style-type:disc; color:#333333; }
.menu ul.submenuopen li{margin:3px 5px 2px 0px;padding:0px 0px 5px 20px ;list-style-type: none; background:url(../images/icon/li.gif) no-repeat left top; background-position:0px 4px; }
	
.title
{
	width:680px;
	font-size: 18px;
	font-weight:bold;
	color:#362e2b;
	padding:0px 0px 3px 15px;
	margin: 0 0 0 20px;
	background:url(../images/dot.gif) no-repeat top left;
	background-position:5px 6px;
	border-bottom:1px #e4cfaf solid;
}
.title_sub
{
	font-size: 15px;
	font-weight:bold;
	color:#59493f;
	padding:10px 0px 10px 0px;
	margin: 0 0 0 10px;
}
.description {
	font-size:13px;
	width:675px;
	margin:0 0 0 35px;
	text-align:justify;
	}

/*************************
         內頁         
**************************/
.contentpageframe
{   /* 內容頁面框架 */
	float:left; 
    border-spacing:0;
	margin:70px 0 0 0;
}
.contentpage{
	float:left;
	width:690px;
	padding:0;
	margin:0 0 0 20px;

	}
.date {
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#e4cfaf;
	padding:0 0 0 0px;
	margin:-10px 0 0px 10px;
	}
.contentpageframe_content {
	float:left;
	text-align:left;
	width:680px;
	padding:0px;
	margin:0 0 0 10px;
	}
.contentpage_bottom {
	width:700px;
	border-bottom:1px solid #dfc59d;
	margin:20px 0 0 0px;
	text-align:right;
	font-weight:bold;
	color:#9d7336;
	}

.contentpageframe p
{
	padding:0px;
	text-align:justify; 
}

.contentpageframe hr.space
{
	width:100%;
	border:none;
	padding:5px;
	margin:0px; 
}

.contentpageframe hr.line
{
	width:690px;
	border-top:1px #ccc solid;
	padding:0px;
	margin:0px 0 0 25px; 
}

.contentpageframe-bottom{
	border-top:1px dashed #cccccc;
	margin-bottom:20px;
	text-align:center;
	line-height:35px;
	}

.album_content {
	text-align:left;
	width:680px;
	padding:0px;
	margin:10px 0 0 35px;
	}
.album_main {
	width:690px;
	float:left;
	margin:0 0 0 10px;
	padding:0;
	}
.album_nav {
	width:690px;
	float:left;
	text-align:center;
	padding:0;
	margin:0 0 0 20px;
	*margin:5px 0 0 20px;
	}
.album_frame {
	width:315px;
	float:left;
	margin:10px 10px 10px 0;
	padding:5px;
	border:1px solid #ccc;
	}
.album_albumimg {
	width:120px;
	float:left;
	margin:0;
	padding:0;
	border:1px solid #ccc;
	}
.album_description {
	width:180px;
	float:right;
	margin:0;
	padding:0;
	}
.album_title {
	font-size:15px;
	font-weight:bold;
	background:url(../images/dot.gif) left no-repeat;
	background-position:0;
	padding:0 0 0 10px;
	}
.photo_frame {
	float:left;
	width:660px;
	border:1px solid #e4cfaf;
	padding:5px;
	margin:0 5px 10px 5px;
	display:inline;
	}
.photo_description {
	text-align:justify;
	width:330px;
	float:left;
	margin:0 0 0 5px;
	}
.photo_detail {
	float:left;
	padding:5px;
	border:1px solid #e4cfaf;
	}


/**** 媒體專訪 ****/
.media_content {
	text-align:left;
	width:680px;
	padding:0px;
	margin:10px 0 0 35px;
	}
.media_main {
	width:680px;
	float:left;
	margin:0 0 0 30px;
	padding:0;
	}
.media_nav {
	width:670px;
	float:left;
	text-align:center;
	padding:0;
	margin:10px 0 0 0px;
	}
.media_frame {
	width:660px;
	float:left;
	margin:10px 10px 10px 0;
	padding:5px;
	border:1px solid #ccc;
	}
.media_mediaimg {
	width:250px;
	float:left;
	margin:0;
	padding:0;
	border:1px solid #ccc;
	}
.media_description {
	width:400px;
	float:right;
	line-height:24px;
	margin:0;
	padding:0;
	}
.media_title {
	font-size:13px;
	font-weight:bold;
	background:url(../images/dot.gif) left top no-repeat;
	background-position:0 6px;
	padding:0 0 0 10px;
	}
.media_date {
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#e4cfaf;
	padding:0 0 0 10px;
	margin:-8px 0 12px 0px;
	}
.film_frame {
	float:left;
	width:660px;
	border:1px solid #e4cfaf;
	padding:5px;
	margin:0 5px 10px 5px;
	display:inline;
	}
.film_description {
	text-align:justify;
	width:330px;
	float:left;
	margin:0 0 0 5px;
	}
.film_detail {
	float:left;
	padding:5px;
	border:1px solid #e4cfaf;
	}



#mail{
	float:left;
	width:680px;
	_margin-left:8px;
	background-color:#f5e6d0;
	padding-top:10px;
	padding-bottom:10px;
	margin: 10px 0 10px 0px;
}
#loading{
	width:660px;
	float:left;
	text-align:center;
}
.fixed{
	line-height:25px;
	float:left;
	width:90px;
	text-align:right;
}
.mail_unit{
	width:660px;
	margin-top:5px;
	float:left;
}
	
.gbook_frame {
	float:left;
	width:680px;
	margin:10px 0 0 0px;
	}
.gbook_title {
	float:left;
	width:640px;
	font-size: 15px;
	font-weight:bold;
	color:#59493f;
	background:url(../images/dot.gif) left no-repeat;
	background-position:10px 11px;
	*background-position:10px 9px;
	padding:5px 5px 5px 20px;
	}
.gbook_subtitle {
	font-size: 13px;
	font-weight:bold;
	color:#59493f;
	padding:0;
	}
.gbook_date {
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#cfa972;
	padding:0 0 0 0px;
	margin:5px 0 5px 0px;
	}
.gbook_content {
	float:left;
	width:640px;
	margin:0 0 0 10px;
	}
.gbook_feedback {
	width:600px;
	float:right;
	background:#f5e6d0;
	padding:8px;
	margin:0 0 0 0;
	}
.gbook_seprate {
	width:680px;
	float:left;
	border-top:1px solid #ccc;
	margin:10px 0 5px 0;
	}

/************* facebook, plurk, twitter ********/
.right_web20 {
	float:right;
	padding:0;
	margin:0px 15px 0 0;
	}






/********** 文內圖放置樣式 **********/
.img
	{
	font-size: small;
	color: #21adce;
	margin: 5px;
	padding:2px;
	border: 1px solid #cccccc;
	}
.img_right
	{
	font-size: small;
	color: #21adce;
	margin: 5px 0px 5px 10px;
	padding:2px;
	border: 1px solid #cccccc;
	text-align:center;
	float:right;
	}

.img_left
	{
	font-size: small;
	color: #21adce;
	margin: 0px 5px 0px 0;
	padding:3px;
	border: 1px solid #dfc59d;
	text-align:center;
	float:left;
	}
.img_center
	{
	font-size: small;
	color: #21adce;
	margin: 5px 10px 5px 0px;
	padding:2px;
	border: 1px solid #cccccc;
	text-align:center;
	float:center;
	}
.img_album {
	font-size: small;
	color: #21adce;
	margin: 0px 5px 5px 0;
	padding:3px;
	border: 1px solid #dfc59d;
	text-align:center;
	float:left;
	}
.img_photo {
	font-size: small;
	color: #21adce;
	margin: 0px 5px 5px 0;
	padding:3px;
	border: 1px solid #dfc59d;
	text-align:center;
	float:left;
	}

.more
	{
	background:url(../images/readon.gif) left no-repeat;
	background-position:0 7px;
	*background-position:0 9px;
	padding:0 0 0 20px;
	margin:0;
	float:right;
	}
	
.zoom
	{
	background:url(../images/icon/search.gif) left no-repeat;
	background-position:0 7px;
	*background-position:0 5px;
	padding:0px 0px 0px 16px;
	float:right;

	}

.line {
	width:100%;
	float:left;
	margin:0 0 5px 0;
	border-bottom:1px solid #ccc;
	}
	
.line2 {
	width:690px;
	float:left;
	margin:0 0 15px 0px;
	border-bottom:1px dashed #ccc;
	}

.sitemap	{
	font-size:10px;
	color: #cdcdcd;
	padding:5px 10px 0px 10px;
	float:right;
	}
	
.ad_box	{
	padding:2px;
	margin:5px 1px 0px 1px;
	text-align:center;
	}
.ad_link	{
	padding:2px;
	margin:15px 1px 0px 1px;
	text-align:center;
	}

/********** 列表樣式 **********/
.ol
{
	padding:0px 0px 0px 20px;
	margin-left:20px;
}
.box_index
{
	text-align:left;	
	padding:0px 2px 5px 2px;
	margin:0px;
}
.ul
{
	padding:0px 0px 0px 15px;
}
.ul li
{	
	list-style-image:url(../images/icon/right.gif);
	list-style-position:outside;
	margin:3px 0 0 10px;
}

/********** 顏色樣式 **********/
.white	{
	color: #ffffff;
	}

.gray	{
	color: #999999;
	}
	
.red	{
	color: #cc0000;
	}
	
.maroon	{
	color: #990000;
	}

.yellow {
	color: #fff600;
	}
	
.orange {
	color: #FF761B;

	}

.green {
	color: #0A8900;
	}
	
.deepgreen{
	color:#669900;
	}
	
.blue {
	color: #069;
	}
	
.purple {
	color: #6800C1;
	}
	
.brown{
	color: #804001;
	}
	
.button {
	font-size:11px;
	border:1px solid #ccc;
	margin:-1px auto;
	padding:2px 1px 1px 1px;
	color:#59493f;
	cursor:pointer;
	background-color:#fff;
	filter: progid:dximagetransform.microsoft.gradient(gradienttype=0, startcolorstr=#ffffff, endcolorstr=#bde3ff);
	}



.viewframe
{   /* 視圖列表框架 */
	padding:5px 0px 5px 3px;
}
.viewframe-body
{   /* 視圖列表主體框架 */
	width:100%;
	padding:0px;
	margin:0px;
}
.viewframe-body th
{ 
	color:#9b9b9b;
	text-align:center;
	font-weight:normal;
	border-top:1px #d0d0d0 solid;
	border-bottom:1px #d0d0d0  solid;
	padding:1px 3px;
	background: #f3f3f3;
}
.viewframe-body td
{
	padding:1px;
	background-color:#FFF;
	text-align:left;
	color:#7d7d7d;
}
.viewframe-body td.calendar
{	
	margin:0px;
	padding:0px;
	color:#333333;
	font-weight:600;
	text-align:center;
	font-size:12px;

}
.viewframe-body td.calendar a
{	
	margin:0px;
	padding:0px;
	color:#90761d;
	font-weight:normal;
}
.viewframe-body td.calendar a:hover
{	
	margin:0px;
	padding:0px;
	text-decoration: none;
	color:#534410;
}
.viewframe-body td.select
{
	border:1px solid #5f5f5f;
}

.viewframe-body td.weekly
{
	background-color:#f2f0e9;
	border:1px #fff solid;
}

.viewframe-body td.list
{
	text-align:left;
}
.viewframe-body span.viewlink
{
	color:#007ccb;
	font-size:15px;
	line-height: 1.8;
}
.secondline
{
	font-size:10px;
	color:#cccccc;
}
.viewframe-title td
{   /* 視圖列表標題 */
	font-size:15px;
	color:#ff9c00;
	border:none;
	padding:0px 0px 0px 18px;
	background: url(../images/dot_title.jpg) no-repeat left top;
	background-position:0px 0px;
	text-align:left;
}
.viewframe-title td.viewframe-button
{   /* 視圖列表欄控項 */
	font-size:small;
	color:#ffb54d;
	border:none;
	padding:0px;
	background:none;
	text-align:center;
}
.viewframe-bottom td
{   /* 視圖列表尾註 */
	color:#9b9b9b;
	border-top:3px #cdcdcd double;
	border-bottom:3px #cdcdcd double;
	background-color:#f3f3f3;
	vertical-align:middle;
	text-align:center;
}


.viewframe-rowodd td
{   /* 視圖列表主體單數行 */
	 font-size:13px;
     background-color:#f5f5f5;
	 border-bottom:1px dashed #7c8eb2;
	 padding:3px; 
}
.viewframe-rowodd-img{
	border-bottom:1px dashed #cccccc;
	}

.viewframe-rowodd td.list
{   /* 視圖列表主體單數行 */
	
    text-align:left;
	font-weight:bold;
	line-height:14px;
}
.viewframe-roweven td
{   /* 視圖列表主體雙數行 */
	font-size:13px;
	border-bottom:1px dashed #7c8eb2;
	padding:3px;
}

.viewframe-roweven-img{
	border-bottom:1px dashed #cccccc;
	}



/*******************
*   新增/更新/顯示表單
*******************/
.formframe
{   /* 表單框架 */
	padding:10px 0px 10px 0px;
}
.formframe-body
{   /* 表單主體框架 */
	width:100%;
	margin:0px auto;
	text-align:center;
}
.formframe-body th
{ 
	color:#000000;
	font-weight:normal;
	border:1px #cdcdcd solid;
	border-top:3px #cdcdcd double;
	border-bottom:3px #cdcdcd double;
	padding:1px 3px;
	background: url(../images/forms/forms_bg.jpg) repeat-x left top;
	background-position:0px 0px;
}
.formframe-body td
{
	border:1px #cdcdcd solid;
	padding:3px;
}
.formframe-body td.list
{
	text-align:left;
}
.formframe-body div.formstitle
{
	color:#007ccb;
	font-size:15px;
	line-height: 1.8;
}

.formframe-title td
{   /* 表單框架標題 */
	font-size:15px;
	color:#ff9c00;
	border:none;
	padding:0px 0px 0px 18px;
	background: url(../images/dot_title.jpg) no-repeat left top;
	background-position:0px 0px;
	text-align:left;
}
.formframe-fieldname
{   /* 表單名稱容器 */
	width:100px;
	background: url(../images/forms/forms_bg.jpg) repeat left top;
	background-position:0px 0px;
	text-align:center;
}
.formframe-fieldvalue
{   /* 表單值容器 */
	text-align:left;
}
.formframe-bottom td
{   /* 表單腳註 */
	color:#ffb54d;
	border-top:3px #cdcdcd double;
	border-bottom:3px #cdcdcd double;
	background: url(../images/forms/bottom_bg.jpg) repeat-x left top;
	background-position:0px 0px;
}

.download_title{
	font-size:14px;
	font-weight:600;
	color:#6b6359;
}

.video_title{
/* 內頁主標題 */
	font-size: 14px;
	color:#6b6359;
	padding:0px 0px 5px 0px;
	margin: 0px;
}
.video_title a {text-decoration: none; font-size:14px; color: #6b6359;}
.video_title a:hover {text-decoration: underline; color: #b76300;}


.act_list{
	border-bottom:1px #e0e7ef solid;
	padding-top:5px;
}

/*= GigCalendar 1.0 | Default MiniCal Template

 Developed for nuthin' werked by Richard Medek, http://richardmedek.com.

 NOTES:
 - These styles use the pre-existing HTML output; some styles are redundant to avoid being overwritten by template styles.

 See readme.txt for more detailed instruction and comments.
*/



/*= intro text */
#gigcal_minical .gigcal_minical_introtext {
 display: block;
 margin: 5px 0;
 font: 11px/14px "lucida grande", verdana, arial, sans-serif;
 text-align: center;
} 

/*= table */
#gigcal_minical .gigcal_minicaltable {
 width: 100%;
 background: #fff;
 border:1px solid #e4cfaf;
 border-width: 0 1px 1px 1px;
 font: 9px "lucida grande", verdana, arial, sans-serif;
}

/*= caption */
#gigcal_minical .gigcal_minicaltable caption {
 border:1px solid #e4cfaf;
 border-width: 1px 1px 0 1px;
 color: #630101;
 font: bold 11px "lucida grande", verdana, arial, sans-serif;
 padding: 4px 0;
}

#gigcal_minical .gigcal_minicaltable caption a {
 color: #b28850;
 text-decoration: none;
}

#gigcal_minical .gigcal_minicaltable caption a:hover {
 text-decoration: underline;
}

/*= table headers */
#gigcal_minical .gigcal_minical_dayname {
 background: #e9d8be;
 height: 1.5em;
 padding-top: 1px;
 color: #b28850;
 font-weight: bold;
}

/*= empty cells */
#gigcal_minical td.gigcal_minidaybox_empty {
 background: #eeeeee;
}

/*= normal days */
#gigcal_minical td {
 height: 2.5em;
 background: #F2F2F2;
 color: #333;
 text-align: center;
}

/*= current days */
#gigcal_minical td.gigcal_minidaybox_current {
 background: #f5eded;
 color: #630101;
 font-weight: bold;
}

/*= weekends */
#gigcal_minical td.gigcal_minidaybox_weekend {
 background: #f8f3ea;
}

/*= event cell */
#gigcal_minical td.gigcal_minidaybox_gig {
 font-weight: bold;
 color: #365963;
 background: #D1DDDF;
}

/*= event link */
#gigcal_minical .gigcal_minidaybox_gig a {
 font-weight: bold;
 color: #365963;
 text-decoration: none;
}

#gigcal_minical .gigcal_minidaybox_gig a:hover {
 color: #666;
 text-decoration: underline;
}

/*= outro text */
#gigcal_minical .gigcal_minilinktext {
 display: block;
 text-align: center;
 color: #365963;
}

#gigcal_minical .gigcal_minilinktext a {
 color: #365963;
 text-decoration: none;
}

#gigcal_minical .gigcal_minilinktext a:hover {
 text-decoration: underline;
}
