/************************************************************

	1. css檔案的縮排跟網頁檔中的HTML結構一致.

	2. 跨瀏覽器的解決方法
		{ property:value1; *property:value2 !important; *property:value3 }
		* is for IE6, IE7
		!important is for IE7

 ************************************************************/


/* 全域 ***************************************************/
html, body{margin:0px; font-size:11pt; font-family:Arial, Helvetica, sans-serif;}
img{border:0px;}
input{font-size:11pt; font-family:Arial, Helvetica, sans-serif;}
textarea{font-size:11pt; font-family:Arial, Helvetica, sans-serif;}
a{color:#188bcc;}
a:hover{color:#39658c;}
p{padding:3px 20px; line-height:180%;}
h1{display:block;padding:8px;font-size:14pt;font-weight:bold; background-image:url(../images/smile.jpg); background-repeat:no-repeat; text-indent:20px;}
h2{display:block;padding:8px;font-size:12pt;font-weight:bold; color: rgb(255, 102, 0);}
h3{display:block;padding:8px;font-size:11pt;font-weight:bold;}
.note1_txt{font-weight:bold; color: rgb(255, 102, 0);}
.note2_txt{font-weight:bold; color: #188bcc;}
.note3_txt{font-weight:bold; color: #333;}

table{}
th{background-color:#EEFAFF;}



/* 全域的 DIV 架構 ***************************************************/

#header{width:1000px; margin:0px auto; clear:both;background-color:#FFFFFF;}
	#header #cisBox	{width:inherit; height:92px; background-image:url(../images/header_bg.jpg);}
	#header #menuBar{width:1000px; background-image: url(../images/menu_bg.jpg); background-repeat: repeat-x; }
	#header #pathBox{width:inherit; clear:both; font-size:10pt; height:20px; padding:2px;}

#pageBody{
	width:1000px;
	margin:0px auto;
	background-color:#FFFFFF;
	clear:both;}
	#pageBody #leftBox	{
		width:170px;
		float:left;
		margin-right:3px;}
	#pageBody #mainBox	{
		width:640px;
		float:left;
		margin-left:13px; *margin-left:3px !important; *margin-left:3px;
		padding-bottom:10px;}
	#pageBody #rightBox	{
		width:170px;
		float:right;
		margin-left:-30px; *margin-left:0px !important; *margin-left:0px;}

#footer{width:1000px; margin:0px auto; background-color:#fff; clear:both;
	background-image: url(../images/block_bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
	}

	#footer #sponsorBox		{
		font-size:10pt;
		text-align:left;
		margin:0px auto;
		padding:0px 10px;
		text-align:center;}
		#footer #sponsorBox img{margin:0px 15px 0px 0px;}

	#footer #copyrightBox	{
		font-size:10pt; text-align:center; line-height:56px;}
		#footer #copyrightBox	a{color:#00a8eb;}
		#footer #copyrightBox	a:hover{color:#666666;}



/* header 裡面的 DIV 架構 ***************************************************/

	#header #cisBox	.cwLogo{float:right; vertical-align:top;}
	#header #cisBox .headerLogo{float:left; vertical-align:top;}
	#header #menuBar ul{display:block; list-style-type:none; margin:0px; padding:0px; overflow:hidden; text-align:right;}
	#header #menuBar ul li{float:left;}



/* pageBody 裡面的 DIV 架構 ***************************************************/

	#pageBody #leftBox .functionBox{
		width:inherit;
		border:1px solid #66daf2;
		padding: 5px 2px; *padding: 5px 2px !important; *padding: 5px 5px;
		margin:0px 0px 5px 0px;
		text-align:center;	}
		#pageBody #leftBox .functionBox .content {display:inline; line-height:25px;}
		#pageBody #leftBox .functionBox .content input{width:60%;}

	#pageBody #leftBox .adBox{
		width:inherit;
		border:1px solid #66daf2;
		padding: 5px 2px; *padding: 5px 2px !important; *padding: 5px 5px;
		margin:0px 0px 5px 0px;
		text-align:center;}

	#pageBody #rightBox	.adBox{
		width:inherit;
		border:1px solid #66daf2;
		padding: 5px 0px; *padding: 5px 2px !important; *padding: 5px 5px;
		margin:0px 0px 5px 0px;
		text-align:center;}



/* 首頁 裡面的 DIV 架構 ***************************************************/

	#pageBody #mainBox .ad{
		width:inherit; }

	#pageBody #mainBox .article{
		width:inherit; }

		#pageBody #mainBox .article .block{
			width:308px; height:140px; border:1px solid #66daf2; float:left; margin-right:5px;
			background-image: url(../images/block_bg.jpg);
			background-repeat: repeat-x;background-position: top; }
			#pageBody #mainBox .article .block .title{font-weight:bold;}
			#pageBody #mainBox .article .block .content{}
				#pageBody #mainBox .article .block .content ul{margin-top:0px;margin-left:-40px; *margin-left:0px !important; *margin-left:0px;}
				#pageBody #mainBox .article .block .content ul li{
					font-size:10pt;
					padding:0px;
					margin:0px;
					padding-left:15px;
					margin-left:20px;
					height:19px;
					background-image: url(../images/comment_activity_list_icon.gif);
					background-position:left -18px;
					background-repeat:no-repeat;
					list-style-type: none;
				}

/* 明信片縮圖 模組 ***************************************************/

	.thumbnailBox{width:inherit;}

		.thumbnailBox .title	{width:60%; height:30px; float:left; font-size:15pt; font-weight:bold;}
		.thumbnailBox .function	{width:35%; float:right; text-align:right; padding-right:10px;}
		.thumbnailBox .dashboard{width:inherit;clear:both; margin:10px 0px; *margin:5px 0px ! important; *margin:5px 0px;}

			.thumbnailBox .function	.pageOn	{font-weight:bold; padding:0px 5px; font-size:10pt;}
			.thumbnailBox .function	.pageOff{padding:0px 5px; font-size:10pt;}
			.thumbnailBox .function	img		{cursor:pointer;}

			.thumbnailBox .dashboard .block{
				float:left; margin:0px 5px 5px 0px; background-color:#e2e2e2; width:152px; text-align:center;}

				.thumbnailBox .dashboard .block .title		{width:65%; height:20px;  padding:2px; text-align:left; font-size:10pt; font-weight:normal; color:#666666}
				.thumbnailBox .dashboard .block .function	{width:25%; padding:2px; text-align:right; cursor:pointer;}
				.thumbnailBox .dashboard .block .thumbnail,.thumbnailBox .dashboard .block .main{
					clear:both;
					margin-left:6px; *margin-left:2px ! important; *margin-left:2px;
					width:145px;
					height:145px;
					text-align:left;
					background-image: url(../images/thumbnail_bg.jpg);}
				.thumbnailBox .dashboard .block .subtitle	{font-size:10pt; padding:3px; overflow:hidden; width:150px; height:16px;}
				.thumbnailBox .dashboard .block .suntitle	{font-size:10pt; padding:3px; overflow:hidden; width:150px; height:16px;}


/* 明信片資訊 模組 ***************************************************/

	#postcardBox{width:640px;}

		#postcardBox .title{width:inherit; height:30px; font-size:15pt; font-weight:bold;}
		#postcardBox .postcard{width:inherit; }
			#postcardBox .postcard img{border:10px solid #e2e2e2;}
			#postcardBox .postcard object{border:10px solid #e2e2e2;}

		#postcardBox .info{width:580px; margin:5px 0px 15px 0px; text-align:left;}
			#postcardBox .info .title{height:30px; font-size:12pt;}
			#postcardBox .info .content{}

		#postcardBox .statistics{width:580px; clear:both;}
			#postcardBox .statistics table{width:580px; background-color:#f3feff; border:1px solid #188bcc; padding:5px;}
			#postcardBox .statistics table .title{width:15%; font-weight:bold; height:20px;font-size:10pt; text-align:left; color:#666666; }
			#postcardBox .statistics table .content{width:35%; font-size:10pt; text-align:left;color:#666666; }

		#postcardBox .function{width:580px; padding:10px 0px; clear:both;}
			#postcardBox .function img{cursor:pointer;}



/* 上傳者資訊 模組 ***************************************************/

	#creatorBox{width:640px;}

		#creatorBox .title{width:inherit; height:30px; font-size:15pt; font-weight:bold;}
			#creatorBox .title span{font-size:11pt;}


		#creatorBox .info{width:580px; margin:5px 0px 15px 0px; text-align:left;}
			#creatorBox .info .city{height:30px; font-size:11pt; color:#188bcc; margin:4px 0px;}
			#creatorBox .info .content{}

		#creatorBox .statistics{width:450px; clear:both; float:left; margin-left:30px;}
			#creatorBox .statistics table{width:450px; background-color:#f3feff; border:1px solid #188bcc;}
			#creatorBox .statistics table .category{width:50%; font-weight:bold;font-size:11pt;text-align:left; color:#666666;padding:3px; }
			#creatorBox .statistics table .title{width:15%; font-weight:bold; height:20px;font-size:10pt; text-align:left; color:#666666; padding:0px 3px;}
			#creatorBox .statistics table .content{width:35%; font-size:10pt; text-align:left;color:#666666; }
			#creatorBox .statistics table .content span{color:#188bcc; font-weight:bold; }


		#creatorBox .thumbnailBox{width:inherit; clear:both;}

		#creatorBox .thumbnailBox .title	{width:400px; height:30px; float:left; font-size:15pt; font-weight:bold; padding:0px; text-align:left;}
		#creatorBox .thumbnailBox .function	{width:200px; float:right; text-align:right; padding-right:10px;}

			#creatorBox .thumbnailBox .function	.pageOn	{font-weight:bold; padding:0px 5px; font-size:10pt;}
			#creatorBox .thumbnailBox .function	.pageOff{padding:0px 5px; font-size:10pt;}
			#creatorBox .thumbnailBox .function	img		{cursor:pointer;}

		#creatorBox .thumbnailBox .dashboard{clear:both; margin:10px 0px; *margin:5px 0px ! important; *margin:5px 0px;}

			#creatorBox .thumbnailBox .dashboard .block{
				float:left; margin:0px 5px 5px 0px; background-color:#e2e2e2; width:155px; text-align:center;}

				#creatorBox .thumbnailBox .dashboard .block .title		{width:65%; height:20px;  padding:2px; text-align:left; font-size:11pt; font-weight:normal;}
				#creatorBox .thumbnailBox .dashboard .block .function	{width:25%; padding:2px; text-align:right; cursor:pointer;}
				#creatorBox .thumbnailBox .dashboard .block .thumbnail	{
					clear:both;
					margin-left:6px; *margin-left:2px ! important; *margin-left:2px;
					width:145px;
					height:145px;
					text-align:left;
					background-image: url(../images/thumbnail_bg.jpg);}
				#creatorBox .thumbnailBox .dashboard .block .subtitle	{padding:3px; text-align:left;}




/* 寄信 模組 ***************************************************/

	#sendPostcardBox{width:640px;}

		#sendPostcardBox .sendinfo{width:580px; clear:both;}
			#sendPostcardBox .sendinfo table{width:580px; background-color:#f3feff; border:1px solid #188bcc; padding:5px;}
			#sendPostcardBox .sendinfo table .title{font-weight:bold; height:20px;font-size:10pt; text-align:left; color:#666666; }
			#sendPostcardBox .sendinfo table .content{font-size:10pt; text-align:left;color:#666666; }
			#sendPostcardBox .sendinfo table .content textarea{width:80%; height:100px; }

		#sendPostcardBox .postcard{width:inherit; }
			#sendPostcardBox .postcard img{border:10px solid #e2e2e2;}

		#sendPostcardBox .info{width:580px; margin:5px 0px 15px 0px; text-align:left;}
			#sendPostcardBox .info .content{}
			#sendPostcardBox .info .name{margin:20px 0px 0px 0px; font-size:12pt;}

		#sendPostcardBox .function{width:580px; padding:10px 0px; clear:both;}
			#sendPostcardBox .function img{cursor:pointer;}



/* 娜娜 模組 ***************************************************/
#nana .block{
	width:90%;
	color:#333333;
	margin:10px auto;
	padding:10px;
	text-align:left;
	line-height:23px;
}

#nana .block table{width:460px; border:2px solid #00a8eb;}
	#nana .block th{padding:2px;border:1px solid #00a8eb;}
	#nana .block td{padding:2px; border:1px solid #00a8eb;}

#nana .function{width:460px;}



/* 最新消息列表 模組 ***************************************************/
.newsList {background-color:#EEFAFF; border:1px solid #00a8eb; padding:5px 2px; width:90%; text-align:left;}



/* 會員功能 模組 ***************************************************/
.memberFunction ul{margin:0px; padding:2px 0px; text-align:left;}
.memberFunction ul li{
	list-style-position: inside;
	list-style-image: url(../images/next.jpg);
	font-size:11px;
}



/* 把台灣寄出去 模組 ***************************************************/
#sendTW .block {
	width:90%;
	color:#333333;
	margin:10px auto;
	padding:10px;
	text-align:left;
	line-height:23px;
}



/* 通訊錄 模組 ***************************************************/
#address{width:640px;}
	#address .title{width:60%; height:30px; font-size:15pt; font-weight:bold; float:left;}
	#address .function{width:25%; float:right; text-align:center;}
	#address .function img{cursor:pointer;}
	#address .dashboard {width:inherit; float:none; clear:both;text-align:center;}
		#address .dashboard table{margin-top:10px;width:90%; text-align:center; border:2px solid #00a8eb;}
		#address .dashboard th{padding:3px;border:1px solid #00a8eb;}
		#address .dashboard td{padding:3px; border:1px solid #00a8eb;}
		#address .dashboard td img{cursor:pointer; margin-right:5px;}dashboard td img{cursor:pointer; margin-right:5px;}

#addressBookBox{width:640px;}
#addressBookBox #addform {width:580px; clear:both;}
#addressBookBox #addform table{width:580px; background-color:#f3feff; border:1px solid #188bcc; padding:5px;}
#addressBookBox #addform table .title{font-weight:bold; height:20px;font-size:10pt; text-align:left; color:#666666; }
#addressBookBox #addform table .theader{font-weight:bold; height:20px;font-size:10pt; text-align:left; color:#666666; }
#addressBookBox #addform table .content{font-size:10pt; text-align:left;color:#666666; }
#addressBookBox #addform table .content textarea{width:80%; height:100px; }

.addressbook_editform {width:380px;clear:both;}
.addressbook_editform table{width:380px; background-color:#FFFFFF; border:0px solid #188bcc; padding:5px;}
.addressbook_editform table .title{font-weight:bold; height:20px;font-size:10pt; text-align:left; color:#666666; }
.addressbook_editform table .theader{font-weight:bold; height:20px;font-size:10pt; text-align:left; color:#666666; }
.addressbook_editform table .content{font-size:10pt; text-align:left;color:#666666; }
.addressbook_editform table .content textarea{width:80%; height:100px; }

/* 啟動儀式 模組 ***************************************************/


		#inside_text{
			clear:both;
			width:inherit;
			margin: 0px auto;
			text-align:left;
		}

				#inside_text span{
					display:block;
					padding:8px;
					font-size:12pt;
					font-weight:bold;
				}

				#inside_text p{
					padding:0px 6px;
					text-align:justify;  line-height:180%;
				}

				#inside_text img{
					float:left;
					margin:10px;
				}


//後端管理介面


#adminBox{width:inherit;}

#adminBox .title{width:inherit; height:30px; font-size:15pt; font-weight:bold;}
#adminBox .postcard{width:inherit; }
#adminBox .postcard img{border:10px solid #e2e2e2;}

#adminBox .info{width:580px; margin:5px 0px 15px 0px; text-align:left;}
#adminBox .info .title{height:30px; font-size:12pt;}
#adminBox .info .content{}

#adminBox .statistics{width:580px; clear:both;}
#adminBox .statistics table{width:580px; background-color:#f3feff; border:1px solid #188bcc; padding:5px;}
#adminBox .statistics table .title{width:15%; font-weight:bold; height:20px;font-size:10pt; text-align:left; color:#666666; }
#adminBox .statistics table .content{width:35%; font-size:10pt; text-align:left;color:#666666; }

#adminBox .function{width:580px; padding:10px 0px; clear:both;}
#adminBox .function  img{cursor:pointer;}

#adminBox .block{ float:left; margin:0px 5px 5px 0px; background-color:#e2e2e2; width:152px; text-align:center;}

#adminBox .block .title		{width:65%; height:20px;  padding:2px; text-align:left; font-size:10pt; font-weight:normal; color:#666666}
#adminBox .block .function	{width:25%; padding:2px; text-align:right; cursor:pointer;}
#adminBox .dashboard .block .thumbnail	{
	clear:both;
	margin-left:6px; *margin-left:2px ! important; *margin-left:2px;
	width:145px;
	height:145px;
	text-align:left;
	background-image: url(/images/thumbnail_bg.jpg);}
#adminBox .dashboard .block .subtitle	{font-size:10pt; padding:3px; overflow:hidden; width:150px; height:16px;}

.inputbutton{font-size: 11pt;background-color:#F7FFFF;border-right:1px solid #188ACE;border-bottom:1px solid #188ACE;color:#000}

pre {
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
}