@charset "utf-8";

/*  layout  */
body {margin:0px auto 0px auto;font-family: arial,helvetica,clean,sans-serif,新細明體;background-color: #f5fafb;}
div.spring {width:1000px;height:auto;padding:0px;margin:auto;}

/* public */
p {	font-size: 15px;	line-height: 22px;	margin: 5px 0px 2px 0px;	padding: 0px;	font-weight: normal;	text-indent: 30px;}
h6 {font-size: 13px;	font-weight: normal;margin: 0px;	padding: 0px;	line-height: 18px;}
h5 {font-size: 15px;	line-height: 19px;	margin: 10px 0px 2px 0px;	padding: 0px;	font-weight: normal;}
h4 {font-size: 15px;	line-height: 22px;	margin: 10px 0px 2px 0px;	padding: 0px;	font-weight: bolder;	text-indent: 30px;}
h3 {font-size: 15px;	line-height: 20px;	font-weight: bolder;	margin: 10px 0px 2px 0px;	padding: 0px;}
h2 {font-size: 17px;	line-height: 24px;	font-weight: normal;	margin: 10px 0px 2px 0px;	padding: 0px;}
h1 {font-size: 18px;	line-height: 30px;	font-weight: bolder;	margin: 0px 0px 10px;	padding: 0px;	text-align: center;}
a:link , a:visited {	color: #0000FF;	text-decoration: underline;	font-size: 15px;	line-height: 22px;}
a:hover {text-decoration: underline;	color: #0066FF;	font-size: 15px;	line-height: 22px;}
blockquote {margin: 0px;	padding-top: 0px;	padding-right: 0px;	padding-bottom: 0px;	padding-left: 0px;}
li {margin: 0px 0px 0px 15px;	padding: 0px 0px 0px 0px;}
ol {font-weight: normal;	font-size: 15px;	margin: 0px 0px 0px 39px;	padding: 0px;	list-style-type: decimal;}
ul {font-size: 15px;	font-weight: normal;	padding-top: 0px;	padding-right: 0px;	padding-bottom: 0px;	padding-left: 20px;	margin: 0px;}

br.clear { float: none; display: block; clear:both; line-height: 1.0em; height: 1.0em; }

/* layout */
div.layout-top {width:100%;	height:280px;}
div.layout-middle {	width:100%;height:auto;clear:both;}
div.layout-bottom {width:100%;height:83px;background: url(../images/layout_bottom.jpg) no-repeat center center;padding:0px 0px 0px 0px;margin:3px 0px 0px 0px;clear:both;}

/* top */
table.tb-top {}
table.tb-top img {border-style: none;}

/* bottom */
table.tb-bottom {width:auto;height:auto;padding:0px 0px 0px 0px;margin:0px auto 0px auto;}
table.tb-bottom img {border-style: none;}

/* middle */
table.tb-middle {width:100%;height:auto;border: none;margin: 0px;padding: 0px;background: #fff4ea;}
table.tb-middle td.td-left {width:230px;height:auto;text-align: left;vertical-align: top;}
table.tb-middle td.td-right {width:auto;height:auto;padding:0px 0px 0px 0px;text-align: left;vertical-align: top;}

/* left button */
div.button {width:100%;height:auto;}
div.button img {border-style: none;}

/* right bg */
div.right-bg {width:740px;height:auto;margin:0px auto 10px auto;}
table.tb-right {width:auto;height:auto;}
table.tb-right td.td-top {width:740px;height:13px;background: url(../images/right_01.gif) no-repeat;}
table.tb-right td.td-bottom {width:740px;height:25px;background: url(../images/right_02.gif) no-repeat;}
table.tb-right td.td-main {width:740px;height:550px;background: #FFF;text-align: center;vertical-align: top;}

/* page */
div.page {width:98%;height:auto;display:block;overflow:none;float:none;margin:10px auto 0px auto;clear:both;background-color:#FFFFFF;}
div.title {	width:100%;	height:auto;margin:5px auto 10px auto;font-size: 16px;line-height: 22px;color: #008C8C;text-align: center;font-weight: bold;}
div.content {width:95%;height:auto;margin:5px auto 10px auto;font-size: 15px;line-height: 22px;color: #333333;text-align: left;}
span.red {color: #FF0000;}
span.blue {color: #0066FF;}
span.green {color: #009933;}
span.orange {color: #FF6600;}
span.gray {color: #999999;}

/* share list */
div.list {width:100%;height:auto;margin:0px 0px 0px 0px;float:left;}
div.list ul {width:100%;height:auto;padding:0px;margin: 0px 0px 0px 10px;list-style-type: none;}
div.list li {width:auto;height:auto;padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;float:left;}
div.list div.photo {width:150px;height:170px;background: #efebef;border: 1px solid #959595;margin:5px 15px 15px 3px;}
div.list div.pic {width:135px;height:100px;margin:10px auto 8px auto;overflow: hidden;text-align:center;}
div.list div.txt {width:135px;height:30px;font-size: 11px;line-height: 16px;color: #535353;margin:3px auto 0px auto;overflow: hidden;}
div.list div.author {width:135px;height:20px;font-size: 11px;line-height: 16px;color: #535353;text-align:center;margin:3px auto 0px auto;}

div.prepage {width:100%;text-align: center;	margin: 30px 0px 0px 0px;font-size: 13px;line-height: 20px;color:#000000;}
div.prepage a:link , div.prepage a:visited {font-size: 13px;line-height: 20px;color:#0099FF;text-decoration: none;}
div.prepage a:hover {color:#0066FF;}

/* share hot */
div.more {width:100%;height:auto;text-align:right;}

/* photp show */
table.show {width:690px;height:auto;margin:0px auto 0px auto;}
table.show td.top {background-image: url(../images/show_01.gif);	background-repeat: no-repeat;background-position: right bottom;height: 13px;width: 690px;}
table.show td.bottom {background-image: url(../images/show_05.gif);	background-repeat: no-repeat;background-position: right top;height: 18px;width: 690px;}
table.show td.left {background-image: url(../images/show_02.gif);background-repeat: repeat-y;background-position: right top;width: 8px;border-width: 0px;border-style: none;}
table.show td.right {background-image: url(../images/show_04.gif);background-repeat: repeat-y;background-position: left top;width: 30px;vertical-align: top;border-width: 0px;border-style: none;}
table.show td.center {	height: 480px;width: 652px;	text-align: left;	vertical-align:top;}

table.show div.photo {width:640px;height:480px;margin:0px auto 0px auto;text-align:center;}
table.show div.topic {width:98%;height:auto;font-size: 15px;line-height: 22px;margin:10px auto 0px auto;color: #ac4b07;}
table.show div.content {width:98%;height:auto;text-align:left;font-size: 13px;line-height: 20px;font-weight: normal;color: #333333;margin:0px auto 0px auto;}
table.show div.content p{text-align:left;font-size: 13px;line-height: 20px;font-weight: normal;color: #333333;}
table.show div.author {width:98%;height:auto;font-size: 13px;font-weight: normal;margin: 0px;padding: 0px;line-height: 18px;text-align:right;color: #0068b7;}

/* share award */
div.share-award {width:600px;height:auto;margin:2px auto 10px auto;border: 0px solid #666666;background-color:#FFFFFF;}
div.share-award ul {width:100%;height:auto;padding:0px;margin: 5px 0px 0px 0px;list-style-type: none;background-color:#FFFFFF;}
div.share-award li {width:auto;height:auto;padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;float:left;}
div.share-award div.cat-date {width:95%;	height:auto;margin:0px 0px 0px 0px;padding:2px 2px 2px 2px;font-size: 13px;line-height: 20px;color: #000000;background: #FFFFF0;	text-align:right;vertical-align: bottom;}
div.share-award div.award-win {width:570px;	height:auto;margin:2px 0px 0px 0px;	padding:2px 2px 2px 2px;font-size: 15px;line-height: 20px;color: #000000;background: #FF9966;clear:both;}
div.share-award div.award-name {width:135px;height:auto;margin:0px 0px 5px 5px;padding:5px 0px 0px 2px;font-size: 13px;line-height: 20px;color: #000000;background: #FFFFF0;border-bottom: 1px dashed #999999;}

/*  publicad */
.code-text {margin:5px 0px 0px 0px;}


/******************************************************************************************************************/
/* Ajax message box setting */
/******************************************************************************************************************/
.ajaxMessage {
	font-size: 0.92em;
	z-index: 10000;
	background-color: #fff;
	opacity: 0;
	padding: 8px;
	color: #939393;
	border: 3px solid #efefef;
}
.ajaxSuccessMessage {
	color: #36a955;
	border: 3px solid #36a955;
}
.ajaxErrorMessage {
	color: #a93655;
	border: 3px solid #a93655;
}

br.clear { float: none; display: block; clear:both; line-height: 1.0em; height: 1.0em; }

dfn {
	font-style: normal;
}
/* join member */
#userlogin, dfn.title {
	font-size: 12px;
}
#userlogin {
	text-align: center;
}
dfn.title {
	color: #c33;
}
#joinEventMember div,
#shareEventMember div {
	float: left;
	font-size: 12px;
}
#joinEventMember div.item,
#shareEventMember div.item {
	width: 80px;
	line-height: 2em;
}

/* questionary */
#questionary {
	font-size: 1.0em;
	color: #360;
	border: 1px solid #efefef;
	padding: 6px;
}
#questionary ol dfn.question {
	font-weight: bold;
	line-height: 2.0em;
}
#questionary ol li {
	line-height: 1.5em;
	padding-bottom: 4px;
	border-bottom: 1px dashed #efefef;
	margin-bottom: 6px;
}
#questionary label {
	color: #737373;
}

.controlevent a {
	font-size: 12px;
}

/* paging */

div.paging {
	font-size: 12px;
	color: #666;
	text-align: center;
	width: 100%;
	clear: both;
}
ul.paging-list {
	list-style-type: none;
	margin: 0.5em auto;
}
ul.paging-list li {
	float: left;
	margin: 0 2px;
	cursor: pointer;
}


/* award user list */
#userAwards {
	height: auto;
}
#userAwards div {
	border: 1px solid #efefef;
	float: left;
	padding: 4px;
	margin: 2px;
}
#userAwards div.userid {
	width: 120px;
}
#userAwards div.username {
	width: 100px;
}
#userAwards div.email {
	width: 230px;
}
#userAwards div.mobile {
	width: 120px;
}
div.slogan {
	width: 610px;
	background-color: #ef3cac;
	border: 1px solid #efefef;
	padding: 4px;
	margin: 2px;
}