/* 共用樣式 */
html, body {
	margin: 0;
	padding: 0;
}

img	{
	border-width: 0;
}

/* 顏色 */
.red {
	color: red;
}
.green {
	color: green;
}
.gray {
	color: gray;
}
.silver {
	color: silver;
}
.lightblue {
	color: lightblue;
}
.white {
	color: white;
}
.black {
	color: black;
}


.notice {
	color: red;
}


.hand {
	cursor: pointer;
}
.nohand {
	cursor: '';
}
.bgcr {
	background-color: red;
}


#sysMsg {
	width: 500px;
	height: 200px;
	margin: 20px auto;
	padding-top: 20px;
	border: 1px solid silver;
}
#sysMsg ul {
	font-size: 18px;
	line-height: 1.8;
	color: red;
	font-weight: bold;
	font-family: "Verdana", "Arial", "sans-serif";
}
#sysMsg ul li {
	font-size: 15px;
	line-height: 1.5;
	color: black;
	font-family: "Verdana", "Arial", "sans-serif";
}


#sysMsg1 {
	width: 748px;
	height: 200px;
	margin: 20px auto;
	padding-top: 20px;
	border: 1px solid silver;
}
#sysMsg1 ul {
	font-size: 18px;
	line-height: 1.8;
	color: red;
	font-weight: bold;
	font-family: "Verdana", "Arial", "sans-serif";
}
#sysMsg1 ul li {
	font-size: 15px;
	line-height: 1.5;
	color: black;
	font-family: "Verdana", "Arial", "sans-serif";
}


/* 上方橫幅區 */
#branding {
	width: 100%;
	height: 86px;
	background-image: url('../images/branding-bg.gif');
	background-repeat: repeat-x;
}
/* 語系 */
.sitelang {
	font-size: 12px;
	font-family: "Verdana", "Arial", "sans-serif";
	color: black;
}
.sitelang span a {
	font-size: 12px;
	font-family: "Verdana", "Arial", "sans-serif";
	color: black;
	text-decoration: none;
}
span.nowlang {
	color: white;
	text-decoration: underline;
}
span.nowlang2 {
	color: black;
}
#sitelang_en {
	margin-right: 20px;
}
/* 全文搜尋 */
#keywordSearch {
	width: 228px;
	height: 33px;
	margin-right: 20px;
	background-image: url('../images/search.gif');
	background-repeat: no-repeat;
	line-height: 1;
	vertical-align: middle;
}
#keywords {
	width: 160px;
	height: 15px;
	font-size: 13px;
	font-family: "Verdana", "Arial", "sans-serif";
	line-height: 1.5;
	color: rgb(134,134,134);
	margin-top: 7px;
	border: 0;
	vertical-align: middle;
}
#keywords_send {
	margin-top: 7px;
	vertical-align: middle;
}



/* 選單 */
#navigation {
	color: white;
	font-size: 13px;
	line-height: 1.5;
	font-family: "Verdana", "Arial", "sans-serif";
}
#navigation a {
	color: white;
	text-decoration: none;
}

/* 下方頁尾 */
#copyright {
	height: 41px;
	font-size: 12px;
	line-height: 1.5;
	color: white;
	font-family: "Verdana", "Arial", "sans-serif";
	background-image: url('../images/foot-bg.gif');
	background-repeat: repeat-x;
	vertical-align: middle;
}
#copyright table td a {
	color: white;
	text-decoration: none;
}
#copyright table td a:hover {
	color: white;
	text-decoration: underline;
}
#counters {
	color: white;
	background: black;
	font-size: 12px;
	line-height: 1.5;
	font-weight: bold;
	font-family: "Verdana", "Arial", "sans-serif";
	margin-left: 10px;
	margin-right: 20px;
}
#counters_today {
	color: white;
	background: black;
	font-size: 12px;
	line-height: 1.5;
	font-weight: bold;
	font-family: "Verdana", "Arial", "sans-serif";
	margin-left: 10px;
	margin-right: 20px;
}



img.events {
	margin-top: 3px;
	margin-bottom: 2px;
}


/* 側邊晶園活動 */
div.sgmEvents {
	width: 200px;
	margin: 10px auto 30px auto;
	text-align: center;
}
div.sgmEvents a {
	font-size: 15px;
	line-height: 1.5;
	color: rgb(0,167,217);
	font-family: "Verdana", "Arial", "sans-serif";
}

/* 贊助商 */
div.sponsors {
	width: 200px;
	overflow: hidden;
	margin: 10px auto 5px auto;
	text-align: center;
}


/* 晶園會客室 */
table.salon {
	background-image: url('../images/salon-bg.gif');
	background-repeat: repeat-y;
	font-size: 12px;
	line-height: 1.5;
	color: rgb(87,87,87);
	font-family: "Verdana", "Arial", "sans-serif";
}
table.salon a {
	color: rgb(87,87,87);
	text-decoration: none;
}
table.salon img.salonImage {
	margin: 15px 5px auto 5px;

}
table.salon div.salonMaster {
	font-size: 18px;
	line-height: 1.5;
	font-weight: bold;
	color: rgb(153,0,0);
	font-family: "Verdana", "Arial", "sans-serif";
}
table.salon div.salonMaster a {
	color: rgb(153,0,0);
	text-decoration: none;
}
table.salon div.salonDuration {
	font-size: 10px;
	font-family: "Verdana", "Arial", "sans-serif";
	margin-top: 5px;
	margin-bottom: 5px;
}
table.salon div.salonDuration a {
	text-decoration: none;
	color: rgb(87,87,87);
}
table.salon div.salonSubject {
	font-size: 10px;
	font-family: "Verdana", "Arial", "sans-serif";
	margin-top: 5px;
	margin-bottom: 5px;
	color: rgb(0,153,204);
}


/* 每日好讀 */
#dailyImg {
	position:absolute;
	top:0;
	left:5px;
	z-index:35;
}
#dailyDays {
	position:absolute;
	top:0;
	left:62px;
	z-index:30;
}
#dailyReading {
	position:absolute;
	top:27px;
	z-index:25;
}
.dailyTitle {
	font-size: 16px;
	color: rgb(24,141,180);
	line-height: 20px;
	font-family: "Verdana", "Arial", "sans-serif";
	font-weight: bold;
}
.dailyDesc {
	font-size: 13px;
	color: rgb(59,59,59);
	line-height: 1.5;
	font-family: "Verdana", "Arial", "sans-serif";
}
#dailyMore {
	position: absolute;
	right: 6px;
	bottom: 7px;
	z-index:26;
	background-color: white;
	font-size: 13px;
	color: rgb(59,59,59);
	line-height: 1.2;
	font-family: "Verdana", "Arial", "sans-serif";
}
#ulDays {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#ulDays li {
	float: left;
}
div.Days {
	border: 1px solid white;
	width: 25px;
	height: 25px;
	text-align: center;
	color: white;
	font-size: 17px;
	line-height: 1.5;
	font-family: "Verdana", "Arial", "sans-serif";
	background-color: silver;
	cursor: pointer;
}
div.DaysNow {
	width: 25px;
	border: 1px solid silver;
	border-bottom: 1px solid white;
	height: 26px;
	text-align: center;
	color: black;
	font-size: 17px;
	line-height: 1.5;
	font-family: "Verdana", "Arial", "sans-serif";
	background-color: white;
	cursor: pointer;
}
#dailyReading {
	border: 1px solid silver;
	width: 260px;
	height: 95px;
	padding: 22px 5px 5px 5px;
}
div.dailyArticle {
	width: 100%;
	height: 92px;
	display: none;
	cursor: pointer;
	overflow: hidden;
}

/* 嚴選好讀 */
#dailyDays2 {
	position:absolute;
	top:0;
	left:62px;
	z-index:30;
}
#dailyReading2 {
	position:absolute;
	top:24px;
	z-index:25;
}
.dailyTitle2 {
	font-size: 16px;
	color: rgb(24,141,180);
	line-height: 20px;
	font-family: "Verdana", "Arial", "sans-serif";
	font-weight: bold;
}
.dailyDesc2 {
	font-size: 13px;
	color: rgb(59,59,59);
	line-height: 1.5;
	font-family: "Verdana", "Arial", "sans-serif";
}
#ulDays2 {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#ulDays2 li {
	float: left;
}
div.Days2 {
	border: 1px solid white;
	width: 50px;
	height: 22px;
	text-align: center;
	color: white;
	font-size: 15px;
	line-height: 1.5;
	font-family: "Verdana", "Arial", "sans-serif";
	background-color: silver;
	cursor: pointer;
}
div.Days2Now {
	width: 50px;
	border: 1px solid silver;
	border-bottom: 1px solid white;
	height: 22px;
	text-align: center;
	color: black;
	font-size: 15px;
	line-height: 1.5;
	font-family: "Verdana", "Arial", "sans-serif";
	background-color: white;
	cursor: pointer;
}
#dailyReading2 {
	border: 1px solid silver;
	width: 485px;
	height: 103px;
	padding: 22px 5px 5px 5px;
}
div.dailyArticle2 {
	width: 100%;
	height: 92px;
	display: none;
	cursor: pointer;
	overflow: hidden;
}

/* 最新活動 */
.everyday {
	background-image: url('../images/bg_everyday.gif');
	background-repeat: no-repeat;
}
.daysbody {
	font-size: 16px;
	width: 640px;
	height: 30px;
	overflow: hidden;
	color: rgb(0,100,153);
	font-family: "Verdana", "Arial", "sans-serif";
}

/* 晶彩台積 */
table.wonderful {
	background-image: url('../images/wonderful.gif');
	background-repeat: no-repeat;
	font-size: 12px;
	line-height: 1.5;
	color: rgb(0,100,153);
	font-family: "Verdana", "Arial", "sans-serif";
}
table.wonderful td ul {
	list-style-image: url('../images/icon-dot-red.gif');
}
table.wonderful td ul li {
	line-height: 2;
}
table.wonderful td ul li a {
	line-height: 2;
	color: rgb(0,100,153);
	text-decoration: underline;
}

/* 首頁: 封面故事 */
.coverstorySubject {
	font-size: 14px;
	color: rgb(237,98,3);
	line-height: 1.5;
	font-family: "Verdana", "Arial", "sans-serif";
	font-weight: bold;
}
/* 英文首頁: 封面故事 */
.encoverstorySubject {
	font-size: 17px;
	color: rgb(237,98,3);
	line-height: 1.5;
	font-family: "Verdana", "Arial", "sans-serif";
	font-weight: bold;
}
.coverstoryText {
	font-size: 12px;
	color: black;
	line-height: 1.5;
	font-family: "Verdana", "Arial", "sans-serif";
}
/* 首頁: 活動廣告 */
.eventTitle {
	font-size: 21px;
	color: rgb(24,141,180);
	line-height: 1;
	font-family: "Verdana", "Arial", "sans-serif";
	font-weight: bold;
}
.eventDesc {
	font-size: 13px;
	color: rgb(59,59,59);
	line-height: 1.3;
	font-family: "Verdana", "Arial", "sans-serif";
}
/* 首頁: 首頁廣告 */
#adMain {
	background-repeat: no-repeat;
	width: 498px;
	height: 225px;
	position: relative;
}
#adMainList {
	width: 498px;
	height: 30px;
	background-color: black;
	filter: alpha(opacity=50);
	opacity: 0.5;
	position: absolute;
	bottom: 0;
	left: 0;
}
#adMainSubject {
	font-size: 20px;
	color: rgb(255,241,109);
	line-height: 1.3;
	font-weight: bold;
	font-family: "Verdana", "Arial", "sans-serif";
	position: absolute;
	z-index: 10;
	left: 10px;
	top: 0px;
}
#adLists {
	font-size: 20px;
	color: rgb(255,241,109);
	line-height: 1.3;
	font-weight: bold;
	font-family: "Verdana", "Arial", "sans-serif";
	position: absolute;
	z-index: 15;
	right: 15px;
	bottom: 3px;
}
#adLists ul {
	list-style-type: none;
}
#adLists ul li {
	float: left;
	width: 19px;
	height: 19px;
	font-size: 13px;
	font-weight: bold;
	color: white;
	border: 1px solid white;
	text-align: center;
	background-color: black;
	margin-left: 8px;
}
#adDesc {
	position: absolute;
	right: 0;
	top: 0;
	width: 21px;
	height: 23px;
	border: 1px solid white;
	filter: alpha(opacity=80);
	opacity: 0.8;
	overflow: hidden;
	padding-left: 3px;
	font-size: 15px;
	line-height: 1.5;
	font-family: "Verdana", "Arial", "sans-serif";
	color: navy;
	background-color: lightblue;
}


/* 首頁: 投票 */
td.voteSSubject {
	font-size: 15px;
	font-weight: bold;
	line-height: 1.3;
	font-family: "Verdana", "Arial", "sans-serif";
	color: rgb(41,168,212);
	border-bottom: 1px dotted gray;
}
ul.voteSOptions {
	font-size: 13px;
	font-weight: normal;
	line-height: 15px;
	font-family: "Verdana", "Arial", "sans-serif";
	color: rgb(50,50,50);
	list-style-type: none;
	margin-left: 5px;
	*margin-left: 45px;
	_margin-left: 45px;
}
ul.voteSOptions li {
	margin-left: -40px;
}
ul.voteSOptions input {
	font-size: 13px;
	line-height: 15px;
}
table.voteSOptions {
	font-size: 13px;
	font-weight: normal;
	line-height: 15px;
	font-family: "Verdana", "Arial", "sans-serif";
	color: rgb(50,50,50);
}
table.voteSOptions input {
	font-size: 13px;
	line-height: 15px;
	vertical-align: middle;
}


/* 首頁: PK 戰區 */
div.votePK {
	width: 240px;
	height: 120px;
	position: relative;
	background-repeat: no-repeat;
	background-position: center top;
}
#votePK1 {
	background-image: url('../images/ev-vote.jpg');
}
#votePK2 {
	background-image: url('../images/ev-vote2.jpg');
}
div.votePKSubject {
	z-index: 20;
	position: absolute;
	top: 30px;
	left: 70px;
	font-size: 13px;
	font-weight: normal;
	line-height: 1.3;
	font-family: "Verdana", "Arial", "sans-serif";
	color: rgb(41,168,212);
}
div.votePKOptionY {
	z-index: 20;
	position: absolute;
	top: 80px;
	left: 50px;
	font-size: 13px;
	font-weight: normal;
	line-height: 1.3;
	font-family: "Verdana", "Arial", "sans-serif";
	color: rgb(25,152,206);
}
div.votePKiconY {
	z-index: 20;
	position: absolute;
	top: 65px;
	left: 10px;
}
div.votePKOptionN {
	z-index: 20;
	position: absolute;
	top: 80px;
	left: 140px;
	font-size: 13px;
	font-weight: normal;
	line-height: 1.3;
	font-family: "Verdana", "Arial", "sans-serif";
	color: rgb(234,69,41);
}
div.votePKiconN {
	z-index: 20;
	position: absolute;
	top: 65px;
	left: 190px;
}
div.votePKbar {
	z-index: 20;
	position: absolute;
	top: 68px;
	left: 45px;
	background-color: rgb(234,69,41);
	width: 145px;
	height: 10px;
	font-size: 10px;
	line-height: 1;
	text-align: left;
}
div.votePKbarY {
	background-color: rgb(25,152,206);
	width: 100%;
	font-size: 10px;
	line-height: 1;
}
div.votePKtextY {
	z-index: 25;
	position: absolute;
	top: 17px;
	left: 50px;
	font-size: 6px;
	line-height: 1;
	font-size: 11px;
	font-weight: normal;
	line-height: 10;
	font-family: "Verdana", "Arial", "sans-serif";
	color: white;
}
div.votePKtextN {
	z-index: 25;
	position: absolute;
	top: 17px;
	left: 165px;
	font-size: 6px;
	line-height: 1;
	font-size: 11px;
	font-weight: normal;
	line-height: 10;
	font-family: "Verdana", "Arial", "sans-serif";
	color: white;
}



/* 英文版首頁: PK 戰區 */
div.votePKen {
	width: 480px;
	height: 120px;
	position: relative;
	background-repeat: no-repeat;
	background-position: left top;
}
#votePK1en {
	background-image: url('../images/en-ev-vote.gif');
}
div.votePKSubjecten {
	z-index: 20;
	position: absolute;
	top: 30px;
	left: 70px;
	font-size: 13px;
	font-weight: normal;
	line-height: 1.3;
	font-family: "Verdana", "Arial", "sans-serif";
	color: rgb(41,168,212);
}
div.votePKOptionYen {
	z-index: 20;
	position: absolute;
	top: 80px;
	left: 50px;
	font-size: 13px;
	font-weight: normal;
	line-height: 1.3;
	font-family: "Verdana", "Arial", "sans-serif";
	color: rgb(25,152,206);
}
div.votePKiconYen {
	z-index: 20;
	position: absolute;
	top: 65px;
	left: 10px;
}
div.votePKOptionNen {
	z-index: 20;
	position: absolute;
	top: 80px;
	left: 405px;
	font-size: 13px;
	font-weight: normal;
	line-height: 1.3;
	font-family: "Verdana", "Arial", "sans-serif";
	color: rgb(234,69,41);
}
div.votePKiconNen {
	z-index: 20;
	position: absolute;
	top: 65px;
	left: 430px;
}
div.votePKbaren {
	z-index: 20;
	position: absolute;
	top: 68px;
	left: 45px;
	background-color: rgb(234,69,41);
	width: 385px;
	height: 10px;
	font-size: 10px;
	line-height: 1;
	text-align: left;
}
div.votePKbarYen {
	background-color: rgb(25,152,206);
	width: 100%;
	font-size: 10px;
	line-height: 1;
}
div.votePKtextYen {
	z-index: 25;
	position: absolute;
	top: 17px;
	left: 50px;
	font-size: 6px;
	line-height: 1;
	font-size: 11px;
	font-weight: normal;
	line-height: 10;
	font-family: "Verdana", "Arial", "sans-serif";
	color: white;
}
div.votePKtextNen {
	z-index: 25;
	position: absolute;
	top: 17px;
	left: 405px;
	font-size: 6px;
	line-height: 1;
	font-size: 11px;
	font-weight: normal;
	line-height: 10;
	font-family: "Verdana", "Arial", "sans-serif";
	color: white;
}



/* 各期晶園 */
#magList {
	background-image: url('../images/mag-list-bg.gif');
	background-repeat: repeat-y;
	margin-top: 5px;
	margin-bottom: 20px;
}
#magList table td {
	text-align: center;
}
span.magListMagNum {
	color: rgb(61,182,227);
	font-size: 15px;
	font-family: "Verdana", "Arial", "sans-serif";
	line-height: 1.5;
}
span.magListMagSubject {
	color: rgb(51,51,51);
	font-size: 18px;
	font-family: "Verdana", "Arial", "sans-serif";
	line-height: 1.5;
}
div.pages {
	font-size: 15px;
	font-family: "Verdana", "Arial", "sans-serif";
	line-height: 1.5;
	padding-right: 30px;
}
div.pages a {
	color: black;
	text-decoration: none;
}
div.pages span.page_now {
	font-weight: bold;
	text-decoration: underline;
}



/* 晶園檢視 */
#magView {
	background-image: url('../images/mag-list-bg.gif');
	background-repeat: repeat-y;
	margin-top: 5px;
	margin-bottom: 20px;
}
span.magViewMagNum {
	color: rgb(61,182,227);
	font-size: 15px;
	font-family: "Verdana", "Arial", "sans-serif";
	line-height: 1.5;
}
span.magViewMagSubject {
	color: rgb(153,0,0);
	font-size: 18px;
	font-family: "Verdana", "Arial", "sans-serif";
	line-height: 1.5;
}
#magView ul.column {
	list-style-type: none;
	margin-top: 10px;
}
#magView ul.column li {
	font-size: 13px;
	color: rgb(102,102,102);
	line-height: 1.8;
}
#magView ul.column li a {
	font-size: 13px;
	color: rgb(102,102,102);
	line-height: 1.8;
	text-decoration: none;
}
#magView ul.column li a:hover {
	font-size: 13px;
	color: rgb(102,102,102);
	line-height: 1.8;
	text-decoration: underline;
}



span.siteguide {
	color: rgb(224,0,0);
	font-size: 15px;
	line-height: 1.5;
	font-family: "Verdana", "Arial", "sans-serif";
	font-weight: bold;
}
span.siteguide a {
	color: rgb(224,0,0);
	font-size: 15px;
	line-height: 1.5;
	font-family: "Verdana", "Arial", "sans-serif";
	font-weight: bold;
	text-decoration: none;
}
span.siteguide a:hover {
	color: rgb(224,0,0);
	font-size: 15px;
	line-height: 1.5;
	font-family: "Verdana", "Arial", "sans-serif";
	font-weight: bold;
	text-decoration: underline;
}



/* 版權宣告 */
#copyrightText {
	font-size: 13px;
	color: black;
	line-height: 1.5;
	font-family: "Verdana", "Arial", "sans-serif";

	padding: 20px;
}
/* 版權頁 */
#aboutSGM {
	font-size: 13px;
	color: rgb(32,117,188);
	line-height: 1.5;
	font-family: "Verdana", "Arial", "sans-serif";

	padding: 20px;
}



/* 文章檢視 */
div.articleSubject {
	font-size: 21px;
	font-family: "Verdana", "Arial", "sans-serif";
	line-height: 1.5;
	color: rgb(153,0,0);
	margin-left: 20px;
	font-weight: bold;
}
div.articleContent {
	padding: 20px;

	color: #333333;
	font-weight: normal;
	/*font-size: 12px;*/
	font-size: 15px;
	line-height: 18px;
}
div.articleContentEn {
	padding: 20px;

	color: #333333;
	font-weight: normal;
	font-size: 13px;
	line-height: 18px;
}
.magSubtitle {
	color: #c48384;
	font-weight: bold;
	font-size: 16px;
}


#articlePages {
	font-size: 13px;
	font-family: "Verdana", "Arial", "sans-serif";
	line-height: 1.5;
	margin-right: 20px;
}
#articlePages span.page {
	
}
#articlePages span.page_now {
	font-weight: bold;
	text-decoration: underline;
}
#articleOpinion {
	background-image: url('../images/icon-opinion-bg.gif');
	width: 630px;
	margin: 5px auto;
	font-size: 12px;
	font-family: "Verdana", "Arial", "sans-serif";
	line-height: 1.5;
	padding: 10px;
	height: 100px;
}
#articleOpinion ul {
	list-style-type: none;
}
#articleOpinion ul li {
	display: block;
	float: left;
	width: 90px;
	height: 50px;
	text-align: center;
	vertical-align: middle;
	padding-top: 10px;
}
#articleOpinion ul li.voteGo {
	width: 120px;
	padding-top:35px;
}
#articleOpinion ul li input {
	margin-bottom: 10px;
}
#articleResult {
	background-image: url('../images/icon-opinion-bg.gif');
	width: 630px;
	margin: 5px auto;
	font-size: 12px;
	font-family: "Verdana", "Arial", "sans-serif";
	line-height: 1.5;
	padding: 10px;
	height: 100px;
}
#articleResult table td div.voteBarBg {
	width: 20px;
	height: 100px;
	background-color: red;
	border: 1px solid silver;
	font-size: 1px;
	line-height: 1px;
}
#articleResult table td div.voteBarBgOk {
	width: 20px;
	height: 100px;
	background-color: green;
	border: 1px solid silver;
	font-size: 1px;
	line-height: 1px;
}
#articleResult table td div.voteBar {
	width: 100%;
	background-color: white;
	font-size: 1px;
	line-height: 1px;
}

/* 專欄列表 */
#colList {
	background-image: url('../images/mag-list-bg.gif');
	background-repeat: repeat-y;
	margin-top: 5px;
	margin-bottom: 20px;
}
div.colArticleSubject {
	font-size: 21px;
	font-family: "Verdana", "Arial", "sans-serif";
	line-height: 1.5;
	color: rgb(156,9,9);
	font-weight: bold;
}
div.colArticleList {
	font-size: 13px;
	font-family: "Verdana", "Arial", "sans-serif";
	line-height: 1.5;
	height: 60px;
	color: rgb(51,51,51);
}

/* 會員專區 修改會員資料 */
#memberEdit {
	background-image: url('../images/mag-list-bg.gif');
	background-repeat: repeat-y;
	margin-top: 5px;
	margin-bottom: 20px;
}
#memberEdit th {
	font-size: 13px;
	font-family: "Verdana", "Arial", "sans-serif";
	line-height: 1.2;
	color: rgb(87,87,87);
	font-weight: normal;
	text-align: right;
	padding-right: 10px;
	height: 40px;
}
#memberEdit td {
	font-size: 13px;
	font-family: "Verdana", "Arial", "sans-serif";
	line-height: 1.5;
	color: rgb(87,87,87);
	font-weight: normal;
}



/* 相簿列表、相簿檢視 共用 */
div.fpages {
	font-size: 11px;
	font-family: "Verdana", "Arial", "sans-serif";
	line-height: 1.5;
	padding-right: 30px;
	color: rgb(0,119,204);
	margin: 10px auto;
}
div.fpages a {
	color: black;
	text-decoration: none;
	color: rgb(0,119,204);
}
div.fpages span.page_now {
	font-weight: bold;
	text-decoration: none;
	color: orange;
}
/* 相簿分類下拉式選單 */
#albumKinds {
	font-size: 11px;
	line-height: 1.5;
	font-family: "Verdana", "Arial", "sans-serif";
	width: 150px;
	margin-left: 20px;
}



/* 相簿分類一覽 */
ul.albumKindsList {
	list-style-type: none;
}
ul.albumKindsList li {
	float: left;
	margin-right: 20px;
	margin-top: 20px;
}
div.albumKindsList {
	width: 210px;
	height: 181px;
	background-image: url('../images/album-kinds-bg.gif');
	background-repeat: no-repeat;
	background-position: center bottom;
	text-align: center;
	color: white;
	font-size: 15px;
	line-height: 1.5;
	font-family: "Verdana", "Arial", "sans-serif";
	border: 1px solid rgb(128,128,128);
}



/* 相簿列表 */
ul.albumsList {
	list-style-type: none;
}
ul.albumsList li {
	float: left;
	margin-right: 20px;
	margin-top: 20px;
}
div.albumsList {
	width: 210px;
	height: 181px;
	background-image: url('../images/album-bg.gif');
	background-repeat: no-repeat;
	background-position: center bottom;
	text-align: center;
	color: white;
	font-size: 15px;
	line-height: 1.5;
	font-family: "Verdana", "Arial", "sans-serif";
	border: 1px solid rgb(91,124,165);
}



/* 相簿檢視 */
#albumTitle {
	font-size: 15px;
	line-height: 1.5;
	font-weight: bold;
	font-family: "Verdana", "Arial", "sans-serif";
	color: black;
}
#albumDescription {
	font-size: 13px;
	line-height: 1.5;
	font-weight: normal;
	font-family: "Verdana", "Arial", "sans-serif";
	color: gray;
}
ul.photosList {
	list-style-type: none;
}
ul.photosList li {
	float: left;
	margin-right: 20px;
	margin-top: 20px;
}
div.photosList {
	width: 210px;
	height: 181px;
	background-image: url('../images/album-bg.gif');
	background-repeat: no-repeat;
	background-position: center bottom;
	text-align: center;
	color: white;
	font-size: 15px;
	line-height: 1.5;
	font-family: "Verdana", "Arial", "sans-serif";
	border: 1px solid rgb(91,124,165);
}
div.photosList img {
}


/* 相簿上傳 */
#uploadDesc {
	margin: 20px;
}
#albumUpload {
	background-image: url('../images/mag-list-bg.gif');
	background-repeat: repeat-y;
	margin-top: 5px;
	margin-bottom: 20px;
}
#albumUpload th {
	font-size: 15px;
	line-height: 1.5;
	font-family: "Verdana", "Arial", "sans-serif";
	font-weight: normal;
	color: black;
	text-align: right;
	vertical-align: top;
}
#albumUpload td {
	font-size: 15px;
	line-height: 1.5;
	font-family: "Verdana", "Arial", "sans-serif";
	color: black;
}
#albumUploadFill {
	margin-top: 5px;
	margin-bottom: 20px;
}
#albumUploadFill th {
	font-size: 15px;
	line-height: 1.5;
	font-family: "Verdana", "Arial", "sans-serif";
	font-weight: normal;
	color: black;
	text-align: right;
	vertical-align: top;
}
#albumUploadFill td {
	font-size: 15px;
	line-height: 1.5;
	font-family: "Verdana", "Arial", "sans-serif";
	color: black;
}
input.photoFile {
	width: 450px;
}
textarea.photoDesc {
	width: 450px;
	height: 50px;
}
#uploadSend {
	font-size: 13px;
	line-height: 1.5;
	font-family: "Verdana", "Arial", "sans-serif";
	width: 300px;
	border: 2px solid gray;
}



/* 照片下載申請 */
#photoDownload {
	background-image: url('../images/mag-list-bg.gif');
	background-repeat: repeat-y;
	margin-top: 5px;
	margin-bottom: 20px;
}
#photoDownload th {
	font-size: 15px;
	line-height: 1.5;
	font-family: "Verdana", "Arial", "sans-serif";
	font-weight: normal;
	color: black;
	text-align: right;
	vertical-align: top;
}
#photoDownload td {
	font-size: 15px;
	line-height: 1.5;
	font-family: "Verdana", "Arial", "sans-serif";
	color: black;
}
#photoDownloadFill {
	margin-top: 5px;
	margin-bottom: 20px;
}
#photoDownloadFill th {
	font-size: 15px;
	line-height: 1.5;
	font-family: "Verdana", "Arial", "sans-serif";
	font-weight: normal;
	color: black;
	text-align: right;
	vertical-align: top;
}
#photoDownloadFill td {
	font-size: 15px;
	line-height: 1.5;
	font-family: "Verdana", "Arial", "sans-serif";
	color: black;
}
#downloadSend {
	font-size: 13px;
	line-height: 1.5;
	font-family: "Verdana", "Arial", "sans-serif";
	width: 300px;
	border: 2px solid gray;
}


/* 網站瀏覽申請 */
#webBrowse {
	background-image: url('../images/mag-list-bg.gif');
	background-repeat: repeat-y;
	margin-top: 5px;
	margin-bottom: 20px;
}
#webBrowse th {
	font-size: 15px;
	line-height: 1.5;
	font-family: "Verdana", "Arial", "sans-serif";
	font-weight: normal;
	color: black;
	text-align: right;
	vertical-align: top;
}
#webBrowse td {
	font-size: 15px;
	line-height: 1.5;
	font-family: "Verdana", "Arial", "sans-serif";
	color: black;
}



/* 晶園會客室 */
#salonInfo {
	background-image: url('../images/mag-list-bg.gif');
	background-repeat: repeat-y;
	margin-top: 5px;
	margin-bottom: 20px;
}
div.salonInfoSubject {
	font-size: 18px;
	font-family: "Verdana", "Arial", "sans-serif";
	line-height: 1.5;
	color: rgb(156,9,9);
	font-weight: bold;
	margin-left: 10px;
	margin-right: 10px;
}
div.salonInfoDesc {
	font-size: 13px;
	font-family: "Verdana", "Arial", "sans-serif";
	line-height: 1.5;
	color: rgb(51,51,51);
	margin-left: 10px;
	margin-right: 10px;
}
div.salonInfoDuration {
	font-size: 11px;
	font-family: "Verdana", "Arial", "sans-serif";
	line-height: 1.5;
	color: black;
}
#salonQA {
	background-image: url('../images/salon-qa.gif');
	background-repeat: no-repeat;
	background-position: center middle;
	width: 670px;
	height: 65px;
	text-align: right;
	margin-left: 10px;
}
#salonPosts {
}
#salonPosts th.thead {
	font-size: 13px;
	font-family: "Verdana", "Arial", "sans-serif";
	line-height: 1.5;
	color: rgb(181,149,114);
	border-left: 1px solid rgb(181,149,114);
}
#salonPosts td {
	font-size: 13px;
	font-family: "Verdana", "Arial", "sans-serif";
	line-height: 1.5;
	color: black;
	text-align: center;
}
#salonPosts td.even {
	background-color: rgb(229,229,229);
}
#salonPosts td.postSubject {
	text-align: left;
}

#salonPosts td div.postSubject {
	margin-left: 2px;
	margin-right: auto;
	width: 100%;
	cursor: pointer;
}
#salonPosts td div.postContent {
	display: none;
}
div.salonOldSubject {
	font-size: 13px;
	font-family: "Verdana", "Arial", "sans-serif";
	line-height: 1.5;
	color: rgb(0,100,153);
}
div.salonOldSubject a {
	font-size: 13px;
	font-family: "Verdana", "Arial", "sans-serif";
	line-height: 1.5;
	color: rgb(0,100,153);
}



/* 晶園會客室 - 發問 */
#salonAsks {
	font-size: 13px;
	font-family: "Verdana", "Arial", "sans-serif";
	line-height: 1.5;
}
#salonAsks th {
	font-weight: normal;
	text-align: right;
}



/* 晶園會客室 - 問題檢視 */
#salonReply {
	font-size: 13px;
	font-family: "Verdana", "Arial", "sans-serif";
	line-height: 1.5;
}
#salonReply th {
	font-weight: normal;
	text-align: right;
}
#salonReply span.ask {
	font-weight: normal;
	color: lightcoral;
}



/* 幸福溫度計 */
#happyMeter {
	background-image: url('../images/mag-list-bg.gif');
	background-repeat: repeat-y;
	margin-top: 5px;
	margin-bottom: 20px;
}
#happyCheckDesc {
	font-size: 17px;
	font-family: "Verdana", "Arial", "sans-serif";
	line-height: 2;
	margin-top: 20px;
	width: 650px;
}
#happyCheck {
	padding: 20px;
}
#happyCheck ul {
	list-style-type: none;
	font-size: 13px;
	font-family: "Verdana", "Arial", "sans-serif";
	line-height: 2;
}
div.happyResult {
	display: none;
	width: 500px;
	margin: 20px auto;
	color: darkred;
	font-size: 15px;
	font-family: "Verdana", "Arial", "sans-serif";
	line-height: 1.5;
}
#seeResult {
	width: 200px;
	margin: 10px auto;
	color: rgb(0,100,153);
	font-size: 15px;
	font-family: "Verdana", "Arial", "sans-serif";
	line-height: 1.5;
	cursor: pointer;
}






.style1 {
	color: #333333;
	font-size: 12px;
}
.style2 {
	color: #333333;
	font-size: 12px;
}
.style4 {
	color: #006633;
	font-weight: bold;
	font-size: 16px;
}
.style5 {
	color: #FF6600;
	font-weight: bold;
	font-size: 16px;
}
.style9 {
	font-size: 21px;
	color: #990000;
	font-weight: bold;
}
.style10 {
	font-size: 12px;
	line-height: 18px;
	color: #666666;
}
.style6 {
	color: #c48384;
	font-weight: bold;
	font-size: 16px;
}
.style8 {
	color: #333333;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
.style3 {
	color: #333333
}
.style11 {
	color: #333333;
	font-weight: normal;
	font-size: 12px;
	line-height: 18px;
}
.copy {
	color: #333333;
	font-weight: normal;
	font-size: 12px;
	line-height: 18px;
}



/* 搜尋結果 */
#searchList {
	background-image: url('../images/mag-list-bg.gif');
	background-repeat: repeat-y;
	margin-top: 5px;
	margin-bottom: 20px;
}
#searchResults {
	font-size: 13px;
	font-family: "Verdana", "Arial", "sans-serif";
	line-height: 1.5;
	color: rgb(0,0,0);
	font-weight: normal;
	text-align: center;
}
#searchResults td.subject {
	text-align: left;
}
#searchResults td a {
	color: black;
	text-decoration: none;
}
#searchResults td.even {
	background-color: rgb(229,229,229);
}




/* 照片搜尋 */
#photokeywords {
	width: 100px;
	height: 15px;
	font-size: 13px;
	font-family: "Verdana", "Arial", "sans-serif";
	line-height: 1.5;
	color: black;
	vertical-align: middle;
	margin: 1px auto;
}




/* 精彩回顧 */
#tblReview {
	background-image: url('../images/bnr-review.gif');
	background-repeat: no-repeat;
	background-position: center 30px;
}
ul.eventsList {
	list-style-type: none;
}
ul.eventsList li {
	float: left;
	margin-right: 20px;
	margin-top: 20px;
}
div.eventsList {
	width: 210px;
	height: 150px;
	text-align: center;
	font-size: 15px;
	line-height: 1.5;
	font-family: "Verdana", "Arial", "sans-serif";
}


.imgBorder {
	border: 1px solid gray;
}



/* 英文版首頁 中央右側之最新文章 */
ul.enNewestArticles {
	list-style-type:none;
	list-style-image: url('../images/en-icon1.gif');
	font-size: 15px; color: rgb(24,141,180);
}
ul.enNewestArticles li a {
	text-decoration: none;
	color: rgb(24,141,180);
}
ul.enNewestArticles li a:hover {
	text-decoration: underline;
	color: rgb(24,141,180);
}

/* 首頁感動九九留言列表 */
.font_size12{font-size:12px;}
.font_size13{font-size:13px;}
.font_size15{font-size:15px;}
.font_size18{font-size:18px;}
.font_size21{font-size:21px;}
.font_size24{font-size:24px;}
.font_size30{font-size:30px;}
.font_bold{font-weight:bold;}

.font_gray{color:#2d2d2d;}
.font_gray a{color:#178ae3; text-decoration:none;}
.font_gray a:hover{color:#06bff4;}

.font_green{color:#0e905d;}

.talklistbg{ background:#F0F0F0; border:1px dashed #CCCCCC; padding:2px 2px 2px 5px;}