@charset "UTF-8";
html { font-size:62.5%;}
body { background:left top repeat-x #f5f5f5; color:#000; direction: ltr; font-size: 1.0em; font-family: Arial, Helvetica, sans-serif, "Heiti TC", "微軟正黑體","Microsoft JhengHei"; padding: 0; margin:0; -webkit-text-size-adjust:none; word-wrap:break-word;}
form, input, select, textarea{margin:0; padding:0; font-family: Arial, Helvetica, sans-serif, "Heiti TC", "微軟正黑體","Microsoft JhengHei"; color:#343434}
textarea, input{ font-size:1em}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{ display:block;}
aside, blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
img{ border:0; -ms-interpolation-mode: bicubic;}
aside, figure, figcaption, p, ul, li, h1, h2, h3, h4, h5, h6{ margin:0; padding:0}
a{ color:#e60012; text-decoration:none;}
a:hover{ color:#e8414e; text-decoration:underline}
.error { height:24px; background-color:#ee2e24;border:1px solid #ee2e24; font-size:12px; line-height:24px; color:#fff;padding:0px 10px; margin-left:-50px; margin-top:20px;
-moz-border-radius:4px;-webkit-border-radius:4px;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:0;
-moz-box-shadow:0 0 6px #f12759;-webkit-box-shadow:0 0 6px #f12759;
}
details summary::-webkit-details-marker { display:none; }
details summary{display:none;}

.wrap{width:1000px; margin:0 auto; background:#fff; clear:both;}

header{ height:60px; background:#e60012}
	header #invitation-logo{ display:block; float:left; height:60px; background:url() left top no-repeat; /*text-indent:-9999px;*/ overflow:hidden; margin-right:55px; font-size:2.2em; line-height:60px; color:#fff; margin-left:30px; font-weight:bold;}
	header nav{ padding-top:65px;}
		header nav a{ font-size:1.4em; line-height:1.286em; text-transform:uppercase; color:#fff; font-weight:bold; margin-right:28px; text-decoration:none;}
			header nav a:hover{ color:#ff0; text-decoration:none;}
			.btn-frgt-pwd{ display:inline-block; margin:0 10px 0 95px; font-size:1.4em; color:#8b8a8a; line-height:28px; vertical-align:top; font-weight:bold;}

	header strong a{ font-size:1.4em; line-height:60px; color:#fff; text-decoration:none;}
		header strong a:hover{ color:#fff; text-decoration:none;}
	header #info-box{ float:right; padding-top:18px; font-size:1.4em; line-height:1.714em; font-weight:bold; color:#fff;}
	#btn-logout{ display:inline-block; width:72px; height:24px; vertical-align:middle; background:url(../images/admin/btn-logout.png) center no-repeat; text-indent:-9999px; overflow:hidden; margin:0 12px;}

#content{ padding-top:32px; min-height:600px}
	#content #app-img{ margin:0 73px 0 52px; width:272px; height:422px; float:left; background:url(../images/main/app.png) center top no-repeat;}
	
	#content #register { width:268px; float:left; margin-right:30px;}
		#content #register h1{ font-size:3.2em; line-height:1.125em; color:#64454c; margin-top:10px;}
			#btn-register{ display:block; width:228px; height:46px; background:url(../images/main/btn-register.png) left top no-repeat; text-indent:-9999px; overflow:hidden; margin:24px 0;}
	#content #login{ width:281px; margin:0 auto;}
		#content #login h1{ font-size:1.8em; color:#e60012; margin-bottom:10px;}
			#content #login>div{ width:281px; background:url(../images/main/login-bg.png) center repeat-y;}
				#content #login>div .top{ display:block; height:10px; background:url(../images/main/login-top.png) center top no-repeat;}
				#content #login>div .btm{ display:block; height:10px; background:url(../images/main/login-btm.png) center bottom no-repeat; clear:both}
				#content #login>div p{ font-size:1.4em; color:#7e7e7e; margin:0 0 5px 15px;}
				#content #login>div form{ margin-top:15px}
					#content #login>div form>label{ display:block; padding-left:17px; line-height:28px; margin-bottom:8px; font-size:1.4em; color:#e60012; font-weight:bold;}
						#content #login>div form>label span{ display:inline-block; width:50px;}
						#content #login>div form>label>input{ width:197px; height:28px; line-height:28px; border:0; background:url(../images/share/login-fd.png) left center no-repeat; padding-left:5px;}

	#content #description{ float:left;0 20px 25px 398px; width:580px;}
		#content #description h1{ font-size:2.4em; color:#e60012; margin-bottom:1.25em;}
		#content #description p{ font-size:1.4em; line-height:1.571em; color:#353031; margin-bottom:1.143em;}
		#content #description ul{ list-style:none; margin-left:-19px;}
			#content #description ul li{ display:inline-block; *+float:left; margin-left:19px; font-size:1.4em; color:#e60012; font-weight:bold; text-align:center;}
	#content #reg-desc{ margin:0 auto 20px auto; width:600px;}
		#content #reg-desc h1{ font-size:2.4em; color:#e60012; margin-bottom:1.25em;}
		#content #reg-desc h2{ display:inline-block; vertical-align:middle;}
		#content #reg-desc strong{display:block;}
		#content #reg-desc>p{ font-size:1.4em; line-height:1.571em; color:#353031; margin-bottom:1.143em;}
		#content #reg-desc nav { height:33px; margin-bottom:20px;}
			#content #reg-desc nav a{ background:url(../images/register/btn-path.png) no-repeat; width:120px; height:33px; display:block; float:left; text-indent:-9999px; overflow:hidden;}
				#content #reg-desc nav a#btn-01{ background-position:left bottom}
				#content #reg-desc nav a#btn-01.selected{ background-position:left top}
				#content #reg-desc nav a#btn-02{ background-position:-120px bottom}
				#content #reg-desc nav a#btn-02.selected{ background-position:-120px top}
				#content #reg-desc nav a#btn-03{ background-position:-240px bottom}
				#content #reg-desc nav a#btn-03.selected{ background-position:-240px top}
				#content #reg-desc nav a#btn-04{ width:130px; background-position:-360px bottom}
				#content #reg-desc nav a#btn-04.selected{ background-position:-360px top}
		#content #reg-desc form>label{ display:block; padding-left:17px; line-height:28px; margin-bottom:8px; font-size:1.4em; color:#e60012; font-weight:bold;}
		#content #reg-desc form>div{ display:block; padding-left:17px; line-height:28px; margin-bottom:8px; font-size:1.4em; color:#e60012; font-weight:bold;}
			#content #reg-desc form>label span{ display:inline-block; width:100px;}
			#content #reg-desc form>label>input{ width:197px; height:28px; line-height:28px; border:0; background:url(../images/share/login-fd.png) left center no-repeat; padding-left:5px;}
			#content #reg-desc form>label>textarea{ width:394px; height:144px; line-height:18px; border:0; background:url(../images/share/login-txt-area.png) left center no-repeat; padding-left:5px;}
			#content #reg-desc form>div>input{ margin-right:20px;}
			#content #reg-desc form>div p{ color:#000; font-weight:normal;}
			#crop_icon{ margin:20px}
			#btnNext{}

#content.admin{ padding-top:0;}
	#content .lft{ float:left; width:150px; border-right:1px solid #ddd; min-height:600px; margin-right:30px; padding-top:15px;}
		#content .lft nav { padding-bottom:20px}
		#content .lft nav a{ display:block; font-size:1.4em; line-height:2.571em; color:#555; padding-left:60px; text-decoration:none;}
			#content .lft nav a.selected, #content nav a:hover{ background:#e60012; color:#fff;}
				#btn-account{ background:url(../images/admin/admin_28.jpg) center no-repeat; height:29px; width:119px; display:block; text-indent:-9999px; overflow:hidden; margin-left:20px;}
	#content #item-list { margin:0 30px 0 181px}
		#content #item-list h1{ padding:20px 0; font-size:2.4em; line-height:1.5em; color:#e60012;}
			#content #item-list #tool-search{ float:right; line-height:24px;}
				#tool-search input#keyword{ width:100px; font-size:1.2em; height:1.5em; line-height:1.5em; border:1px solid #d8d8d8; color:#333;vertical-align:middle;}
				#tool-search select{ width:100px; font-size:1.2em; height:1.5em; line-height:1.5em; border:1px solid #d8d8d8; color:#333;vertical-align:middle;}
					#tool-search #btn_search{ vertical-align:middle;}
	#content #tool-btns{ height:24px;}
		#content #tool-btns a{ display:inline-block; margin-right:10px;}
		#content #tool-btns strong{font-size:1.2em;color:#e60012; display:inline-block; line-height:24px; vertical-align:top;}
	#content .list-tbl{ width:100%; margin-top:5px; border-radius:4px;}
		.list-tbl th{ font-size:1.2em; line-height:2em; color:#fff; background:#e60012; text-align:left;}
		.list-tbl th.first{ -moz-border-radius-topleft:4px;-webkit-border-top-left-radius:4px; border-top-left-radius:4px;}
		.list-tbl th.last{-moz-border-radius-topright:4px;-webkit-border-top-right-radius:4px;border-top-right-radius:4px;}
			.list-tbl th a{ color:#fff;}
		.list-tbl tr{ background:#ebebeb}
		.list-tbl tr.odd{ background:#ddd}
		.list-tbl tr.check_in_odd{ background:#8cdf67}
		.list-tbl tr.check_in{ background:#b3ec9b}
			.list-tbl td{ min-height:40px; padding:12px 1px 5px 1px; font-size:1.2em; line-height:1.1em; vertical-align:top;}
			.list-tbl td a{ color:#0054a6;}
			.list-tbl td.node a{ color:#333;}
	#content #item-list form>label{ display:block; padding-left:17px; line-height:24px; margin-bottom:8px; font-size:1.4em; color:#e60012; font-weight:bold;}
		#content #item-list form>label span{ display:inline-block; width:120px; vertical-align:top; line-height:24px;}
		#content #item-list form>label strong{ display:inline-block; padding:0 5px; vertical-align:top; font-weight:normal; color:#555; line-height:24px;}
		#content #item-list form>label>input{ width:250px; height:24px; border:1px solid #c8c8c8; font-size:0.857em; padding-left:5px;}
			#content #item-list form>label>textarea{ width:250px; height:100px; border:1px solid #c8c8c8; font-size:0.857em; padding-left:5px;}
			#content #item-list form>label#groups-label{ display:inline-block; font-size:10px}
			#content #item-list form>label#groups-label>input{ width:70px; font-size:1.2em}
			#content #item-list form>label#groups-label button{ vertical-align:top;}
			#content #item-list form>label#groups-label>span{ font-size:1.4em;}
			#content #item-list form>label#groups-label button span{ line-height:1.2em;}
			#content #item-list form>label#groups-label button span.ui-icon{ width:16px;}
	#content #item-list p{ font-size:1.4em;}
	#content #item-list form #email-list>label{ display:block; padding-left:17px; line-height:24px; margin-bottom:8px; font-size:1.4em; color:#e60012; font-weight:bold;}
		#content #item-list form #email-list>label span{ display:inline-block; width:120px; vertical-align:top; line-height:24px;}
		#content #item-list form #email-list>label>input{ width:250px; height:24px; border:1px solid #c8c8c8; font-size:0.857em; padding-left:5px;}

		#venue-map{width:200px; height:200px; margin-left:140px; display:none;}

footer{ clear:both; height:30px; border-top:1px solid #e60012; background:#fff; height:60px; color:#666; font-size:1.2em; line-height:3em; font-weight:bold; text-align:right; padding: 0 15px;}
	footer div{ padding:5px 0; background:#fff;}
	footer nav{ float:left; text-align:left;}
		footer nav a{ display:inline-block; margin-right:10px; color:#817b7f; text-decoration:none;}
			footer nav a:hover{ text-decoration:none;}
			
#pagination{ text-align:right; padding:20px 0 10px; font-size:1.2em; line-height:1.833em;}
#pagination strong { color:#fff; background:#b7b7b7; padding:0 0.666em; display:inline-block; height:1.833em; border:1px solid #d9d9d9; margin:2px; text-align:center}
#pagination a { color:#555; background:#fff; display:inline-block; padding:0 0.666em; height:1.833em; border:1px solid #d9d9d9; margin:2px; text-align:center; text-decoration:none;}
#pagination a:hover{ color:#fff; background:#b7b7b7;}

.btn-confirm{ display:inline-block; width:4em; line-height:1em; padding:2px 4px; font-size:1em; background:#6cce41;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px; color:#fff;}
.btn-approve{ display:inline-block; width:4em; line-height:1em; padding:2px 4px; font-size:1em; background:#e60012;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px; color:#fff; text-decoration:none;}
.panel_btns .btn-approve{background:#666;}
.panel_btns .btn-approve, .panel_btns .btn-confirm{ width:80%; font-size:1.2em; margin:0 10px;}

.list-tbl td strong{ font-weight:normal;}
.list-tbl td a.btn-approve{ color:#fff; text-decoration:none;}
.list-tbl td a.btn-approve:hover{ background:#ef858d}
.list-tbl td a.btn-confirm{ color:#fff; text-decoration:none;}
.list-tbl td a.btn-confirm:hover{ background:#8cdf67}
.print_draw a,.guest_check_in a{ display:none;}
.table-tab{ text-align:left; padding:0px 10px 0 0; font-size:1.2em; line-height:2em; float:left; width:80px; display:inline-block; vertical-align:top}
.table-tab a { color:#555; background:#fff; display:inline-block; padding:0.5em 1em; height:2em; border:1px solid #d9d9d9; margin:2px; text-align:center; text-decoration:none; width:4.5em}
.table-tab a.selected, #table-tab a:hover{ color:#fff; background:#e60012;}

.sortable{ list-style:none; min-height:400px}
.sortable li{ display:block; width:110px; height:175px; padding:10px; margin:5px 15px 5px 0; background:#f4f4f4; float:left; font-size:1.2em; *+ font-size:1.1em;}
.sortable li div{ height:120px; margin-bottom:5px; text-align:center;}
.sortable li {}
.sortable li .txt-fd{ width:70px; *+width:60px; height:24px; border:1px solid #c8c8c8; font-size:0.857em; padding-left:5px; margin:0 10px 5px; vertical-align:middle;}
#table-list{ width:190px; display:inline-block; *+float:left; vertical-align:top}
.table-planner{ margin:5px 10px 5px 0; list-style:none; width:180px;}
	.table-planner li{ width:180px; font-size:1.4em; line-height:2.5em; margin:5px 0; color:#fff; -moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px; display:inline-block;}
	.table-planner li input{ position:absolute; margin:10px 0 0 5px; *margin:7px 0 0 1px;}
	.table-planner li a{ width:155px; font-size:1em; line-height:2.5em; padding:0 5px 0 20px; font-weight:bold; background:#e60012; border:1px solid #e60012; color:#fff; -moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px; display:block; overflow:hidden; text-decoration:none;}
	.table-planner li.full a{ background:#6cce41;; border:1px solid #6cce41;}
	.table-planner li.full a:hover{ background:#fff; color:#6cce41}
	.table-planner li.full a.selected{ background:#fff; color:#6cce41}
	.table-planner li a:hover{ background:#fff; color:#e60012}
	.table-planner li a.selected{ background:#fff; color:#e60012}

#seat-table{width:290px; padding-right:40px; *+padding-right:10px; display:inline-block; *+float:left; vertical-align:top}
#content #item-list form > div#seat-table > div > label{ margin-bottom:4px; *+margin-bottom:2px}
#search_result{ display:inline-block; vertical-align:top; width:160px; *+float:left;}
#search_result #tool-search input{ height:24px;}
		#content #item-list form>div>div>label{ display:block; padding-left:17px; line-height:24px; margin-bottom:8px; font-size:1.4em; color:#e60012; font-weight:bold;}
		#content #item-list form>div>div>label span{ display:inline-block; width:120px; vertical-align:top; line-height:24px;}
		#content #item-list form>div>div>label strong{ display:inline-block; padding:0 5px; vertical-align:top; font-weight:normal; color:#555; line-height:24px;}
		#content #item-list form>div>div>label>input{ width:200px; line-height:24px; height:24px; border:1px solid #c8c8c8; font-size:0.857em; padding-left:5px;}
		
#instant-edit{display:block; position:fixed; width:400px; background:#fff; border:1px solid #ccc; top:0; padding:10px; display:none;}
#instant-edit h2{color:#e60012; line-height:24px; font-size:1.6em; padding-bottom:0.5em}
	#content #item-list #instant-edit form>div{font-size:1.4em; color:#e60012; font-weight:bold; padding-bottom:10px; display:block;}
		#content #item-list #instant-edit form>div>label span{ display:inline-block; width:120px; vertical-align:top; line-height:24px;}
		#content #item-list #instant-edit form>div>label strong{ display:inline-block; padding:0 5px; vertical-align:top; font-weight:normal; color:#555; line-height:24px;}
		#content #item-list #instant-edit form>div>label>input{ width:250px; height:24px; border:1px solid #c8c8c8; font-size:0.857em; padding-left:5px;}
@media all
{
  .page-break  { display:none; }
}

@media print
{
  .page-break  { display:block; page-break-before:always; }
}