@charset "utf-8";

/*  layout  */
body {margin:0px 0px 0px 0px;font-family: arial,helvetica,clean,sans-serif,新細明體;background: #D1D9AA;}
div.live {width:1000px;height:auto;padding:0px;margin:0px auto 0px 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: 22px;	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: 30px;}
li {margin: 0px 0px 0px 13px;	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: 50px;	margin: 0px;}

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

/* layout */
div.layout-top {width:100%;	height:200px;background: url(../../images/live/page_top.jpg) no-repeat center ;}
div.layout-middle {width:100%;height:auto;clear:both;background: #f8efc4 url(../../images/live/home_bg.jpg) no-repeat center top;}
div.layout-bottom {	width:100%;	height:209px;background: #ef7a00;padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;clear:both;}

/* home */
tale.layout-top {width:1000px;height:auto;margin:0px auto 0px auto;}
table.layout-top img {border:none;}

/* top */

/* bottom */
div.layout-bottom div.bottom-bg {width:100%;height:34px;padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;background: #fcf465 url(../../images/live/page_bottom_bg.gif) no-repeat;}
div.layout-bottom div.bottom-left {width:300px;height:auto;text-align: center;float:left;}
div.layout-bottom div.bottom-left img {border:none;}
div.layout-bottom div.bottom-right {width:700px;height:auto;float:right;}

/* page */
table.page {width:98%;height:300px;margin:0px auto 0px auto;padding:40px 0px 20px 0px;clear:both;vertical-align: top;}
table.page div.title {width:100%;	height:auto;margin:0px auto 0px auto;font-size: 18px;line-height: 22px;color: #008C8C;text-align: center;font-weight: bold;}
table.page div.content {width:80%;height:auto;margin:0px auto 0px 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;}

/* travel list */
div.travel-list {width:100%;height:auto;margin:2px 0px 0px 0px;}
div.travel-list ul {width:100%;height:auto;padding:0px;margin: 5px 0px 0px 10px;list-style-type: none;}
div.travel-list li {width:auto;height:auto;padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;float:left;}
div.travel-list div.travel-img {width:300px;height:350px;margin:10px 10px 10px 10px;padding:0px 0px 0px 0px;border: 1px solid #999;	background: #FFF;}

/* day award */
div.award {width:580px;height:auto;margin:10px auto 10px auto;border: 0px solid #666666;}
div.award dd.cat-win {width:280px;height:auto;margin:0px 0px 0px 0px;padding:2px 2px 2px 2px;font-size: 15px;line-height: 20px;color: #000000;background: #FFFFF0;float:left;}
div.award dd.cat-name {width:140px;height:auto;margin:0px 0px 0px 0px;padding:2px 2px 2px 2px;font-size: 15px;line-height: 20px;color: #000000;background: #FFFFF0;float:left;}
div.award dd.cat-nickname {width:148px;height:auto;margin:0px 0px 0px 0px;padding:2px 2px 2px 2px;font-size: 15px;line-height: 20px;color: #000000;	background: #FFFFF0;float:left;}
div.award dt.award-date {width:576px;	height:auto;margin:2px 0px 0px 0px;	padding:2px 2px 2px 2px;font-size: 15px;line-height: 20px;color: #FFFFFF;background: #FF9966;border-bottom: 1px solid #FF7735;}
div.award dd.award-win {width:280px;height:auto;margin:0px 0px 0px 0px;padding:5px 2px 2px 2px;font-size: 13px;line-height: 20px;color: #000000;background: #FFFFF0;border-bottom: 1px dashed #999999;float:left;}
div.award dd.award-name {width:140px;height:auto;margin:0px 0px 0px 0px;padding:5px 2px 2px 2px;font-size: 13px;line-height: 20px;color: #000000;background: #FFFFF0;border-bottom: 1px dashed #999999;float:left;}
div.award dd.award-nickname {width:148px;height:auto;margin:0px 0px 0px 0px;padding:5px 2px 2px 2px;font-size: 13px;line-height: 20px;color: #000000;	background: #FFFFF0;border-bottom: 1px dashed #999999;float:left;}


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