﻿/* 共同設定 */
body {color:#999; margin: 0px 0px 10px 0px; padding:0px; background-color: #eae7e2;}
body, p, h1, h2, h3, table, td, th, ul, ol { font-family: Arial, Helvetica, sans-serif;}
h1, h2, h3, form { margin: 0; padding: 0; }
h1 { font-size: 20px; line-height: 140%; }
h2 { font-size: 18px; line-height: 150%; }
h3 { font-size: 16px; line-height: 140%; }
input, select{ color:#8a8a8a; font-size: 11px; line-height: 130%; padding:2px;} 
input[type=radio],input[type=checkbox]{ border:0px ;}
a img{border:0px}
.mid{ vertical-align: middle; }

/*---------下拉選單樣式--------------
select	{padding:0; height:19px}
ul,li		{list-style:none; vertical-align:top}
.interNSite	{position:absolute; top:15px; right:0px}
.interNSite	.select_sub	{bottom:19px}
.interNSite	.select	p	{font-size: 10px;}
.interNSite	.select_sub	li	{font-size: 10px;} 
----------------------------------------------------*/

/* 全網連結設定 */
a:link, a:visited {color:#6f6f6f;text-decoration: none;}
a:hover {color:#6f6f6f;text-decoration: underline;}

/* 刊頭*/
#art-top {color:#fff; font-size: 12px; text-align:right; padding-right:23px; height: 18px; background: url(../images/art_top.gif) no-repeat;  margin:0 auto;}
#news-top {color:#fff; font-size: 12px; text-align:right; padding-right:23px; height: 18px; background: url(../images/news_top.gif) no-repeat;  margin:0 auto;}
.search{font-size: 12px; width:285px; background: url(../images/search.gif) no-repeat;}
	
/* 內容區*/
#content{background-color:#fff; width:985px; margin:0 auto; padding-top:25px;}/* Moz */
* html #content {width:985px; }  
*+html #content {width:985px; } 

/* 右欄選項*/
.nav-box{border:1px solid #ccc; background: url(../images/navbox_btm.gif) repeat-x bottom;}
.nav-inside{color:#676767; background: url(../images/navinside_bg.gif) repeat-x top; background-color: #eee;}
.nav-inside a:link, .nav-inside a:visited{color:#676767;}
.nav-inside a:hover{color:#4d4d4d;}
.nav-box2{border:1px solid #ccc;background: url(../images/navnews_top.gif) repeat-x top; background-color:#efefef;}

/* 標題設定*/
.subtitle {
	height:30px;
	background-repeat:no-repeat;
	letter-spacing: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* 內文設定*/
.txt1 { font-size: 15px; line-height: 190%; }
.txt2 {	font-size: 13px;line-height: 140%; letter-spacing:1px;}

/* 圖說設定*/
.note1 { font-size: 12px; line-height: 183%;}
.note2 { font-size: 11px; line-height: 190%;}
.note3 { font-size: 10px; line-height: 190%;}

/* 顏色設定*/
.gray1, .gray1 a:link, .gray1 a:visited, .gray1 a:hover{ color:#333;}
.gray2, .gray2 a:link, .gray2 a:visited, .gray2 a:hover { color:#666}
.gray3{ color:#999;}
.green1{ color:#6bd701;}
.blu1 { color:#2265c1;}
.red { color:#e15451;}
.red a:link, .red a:visited{color: #e15451; text-decoration:none;}
.red a:hover{color: #e15451; text-decoration:underline;}
.blu1 a:link, .blu1 a:visited{color: #2265c1; text-decoration:none;}
.blu1 a:hover{color: #2265c1; text-decoration:underline;}
.blu2{color:#0185ab;}
.blu2 a:link, .blu2 a:visited{color: #0185ab; text-decoration:none;}
.blu2 a:hover{color: #0185ab; text-decoration:underline;}
.org1 { color:#ee8b3a;}
.org1 a:link, .org1 a:visited{color: #ee8b3a; text-decoration:none;}
.org1 a:hover{color: #ee8b3a; text-decoration:underline;}
.red1 {color:#ab0606;}
.red1 a:link, .red1 a:visited{color: #ab0606; text-decoration:none;}
.red1 a:hover{color: #ab0606; text-decoration:underline;}
.white, .white a:link, .white a:visited, .white a:hover { color:#fff;}

/* 版權聲明*/
#footer{
	line-height: 220%;
	text-align:center;
	font-size:10px;
	word-spacing: 3px;
	font-family: Arial, Helvetica, sans-serif;
	height: 120px;
	width:775px;
	color: #a1a1a1;
	padding:0px;
	background:#fff url(../images/end.gif) no-repeat center bottom;}
#footer .service{
	font-size:11px;
	color: #616161;
	word-spacing: 5px;
	margin:0; 
	padding:15px 0;}
#footer .service a:link, #footer .service a:visited{color: #616161; text-decoration:none;}
#footer .service a:hover{color: #616161; text-decoration:underline;}


/*其他設定****************************************************************/
/*作品圖片設定*/
.work{margin-top:11px ;}
.work a:link img, .work a:visited img{border:1px solid #fff;}
.work a:hover img,{border:1px solid #bd4cff;}

/*gallery promotion*/
.g-promo{background: url(../images/gallery_pmt.gif) no-repeat top left; padding:5px;}
.n-promo{background: url(../images/news_pmt.gif) no-repeat top left; padding:8px 0px 0px 10px; height:255px;}
.n-promo-s{background: url(../images/news_pmt_s.gif) no-repeat top left; padding:8px 0px 0px 10px; height:255px;}

/*搜尋*/
.search-r{border:0px; background: url(../images/search_r.gif) no-repeat; color:#999; width:228px; padding:4px 10px;margin-left:3px;}

/*邊框設定*/
.border {border: 1px solid #ccc;}
.border-l {border-bottom: 1px solid #ccc;}
.border-d {border-bottom: 1px dotted #aaa;}
.border-d a:link, .border-d a:visited{color:#595757;}
.border-d a:hover{color:#4d4d4d;}
.border-d2 {border-bottom: 1px dotted #ccc;}
.border-d-r {border-right: 1px dotted #b9b9b9;}
.cata a:link, .cata a:visited{line-height: 200%; color:#6f6f6f;}
.cata a:hover{color:#4d4d4d;}
.txtbox{ border:1px solid #ccc;}

/* 浮動資訊***************************************************************/
#top {
	position:absolute;
	left:1117px;
	top:563px;
	width:43px;
	height:50px;
	z-index:1;}

/* 按鈕字型設定***************************************************************/
.button {
	font-size: 11px;
	color: #666666;
	/*line-height: 20px;*/
	font-family: Arial, Helvetica, sans-serif;
}

/* 字型設定***************************************************************/
.n1g3{
font-size: 12px; line-height: 183%;
color:#999;}

.n1g2, .n1g2 a:link, .n1g2 a:visited, .n1g2 a:hover { color:#666;
font-size: 12px; line-height: 183%;
color:#666;}

.n1g1B{
font-weight: bold;
font-size: 12px; line-height: 183%;
color:#333;}

.n1g1{
font-size: 12px; line-height: 183%;
color:#333;}

.t2g2{
font-size: 13px;line-height: 140%; letter-spacing:1px;
color:#666}

.t1g2{
font-size: 15px; line-height: 190%;
color:#666}

.t1g2B{
font-weight: bold;
font-size: 15px; line-height: 190%;
color:#666}

.t2g2B{
font-weight: bold;
font-size: 13px;line-height: 140%; letter-spacing:1px;
color:#666;}

.t2blu2B{
font-weight: bold;
font-size: 13px;line-height: 140%; letter-spacing:1px;
color:#0185ab;}

.n1red{
font-size: 12px; line-height: 183%;
color:#e15451;
}

.t2redB{
font-weight: bold;
font-size: 13px;line-height: 140%; letter-spacing:1px;
color:#e15451;
}

.n1w, .n1w a:link, .n1w a:visited, .n1w a:hover { color:#fff;
font-size: 12px; line-height: 183%;
}

.n1blu2, .n1blu2 a:link, .n1blu2 a:visited, .n1blu2 a:hover { color:#0185ab;
font-size: 12px; line-height: 183%;
}

.n1wB{ color:#fff;
font-size: 12px; line-height: 183%;
font-weight: bold;
}

.n1g2B{
font-weight: bold;
font-size: 12px; line-height: 183%;
color:#666;}

.price{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FF6666;
}
.dash-line{
	border-bottom:1px solid #c5beaf;
}
.dash-line_d{
	border-bottom:1px 
	dashed #c5beaf;
}
.Bnote213 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#666;
	line-height:24px;
	font-weight:bold;
}
.Bnote313 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333;
	line-height:24px;
	font-weight:bold;
}
.note2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	line-height:24px;
}
.number-12c {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #747474;
	letter-spacing: 2px;

}
.buttom{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333;
	letter-spacing:1px;
}
.boder-line{
	border: 1px solid #ccc;
}




