@import url("../css/normalize.css");
/* HTML5 Boilerplate */
html{height:100%; }
html, button, input, select, textarea {color:#333;}
body{font-size:14px; color:#555; line-height:1.5; 
	font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, "Microsoft JhengHei", "微軟正黑體", "Microsoft YaHei", "微軟雅黑", "LiHei Pro", Helvetica, sans-serif;
	-webkit-font-smoothing:antialiased;
	font-weight:400;
	height:auto!important;min-height:100%;height:100%;
	overflow-x:hidden;
	background:#222222;/*for footer background*/
}

::-moz-selection {background:#b3e0fc; text-shadow:none;}
::selection {background:#b3e0fc; text-shadow:none;}

hr{display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0;}

/* 移除圖片底下間隙 */
img{vertical-align: middle;}

/* 移除fieldset預設樣式 */
fieldset{border:0; margin:0; padding:0;}

/* 只允許文字區域垂直調整大小 */
textarea{resize:vertical;}
a:hover, a:active, a:focus{outline:0; color:#0499ef !important;}
a{text-decoration:none;}
/* --- ! --- */


/* Clearfix: contain floats */
.clearfix:before,
.clearfix:after {
    content: ""; /* 1 */
    display: table; /* 2 */
}
.clearfix:after{clear: both;}
/* For IE 6/7 only */
.clearfix{*zoom: 1;}

/* --- GLOBAL --- */
body{}
.wrapper{min-width:1330px; width:1330px; margin:0 auto; box-sizing:border-box;}
.wideBackground{background:#fff;}
/*-------------------------------------------
HEADER
-------------------------------------------*/
#header-container{
	height:80px; 
	background:url(../images/top-bg.png) 0 bottom repeat-x #be8b52;
	box-shadow:0 1px 3px rgba(0,0,0,.3);
	-moz-box-shadow:0 1px 3px rgba(0,0,0,.3);
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,.3);
	position:relative; z-index:500;
}
#header-container header{
	position:relative; z-index:10; 
}
#logo{
	margin:0;
	background:url(../images/bymc-logo.png) no-repeat; width:288px; height:80px;
	position:absolute; top:0px; left:10px;
	text-indent:-9999em;
}
#topLinks{
	width:580px; text-align:right; 
	position:absolute; top:12px; right:10px; 
	font-size:12px;
	vertical-align:top;
}
#topLinks a{color:#333;}
#topLinks a:hover{color:#09F;}

/*-------------------------------------------
Login Dialog
-------------------------------------------*/
#loginDialog{position:fixed; top:0; left:0; z-index:9998; width:100%; height:100%; display:none;}
#loginOverlay{
	background:#333;
	position:fixed; z-index:9998; top:0; left:0;
	width:100%; height:100%;
	opacity:.7; -moz-opacity:.7;-webkit-opacity:.7;filter:alpha(opacity=70);
}
#loginBlock{
	width:380px; height:210px;
	position:absolute; top:40%; margin-top:-100px; left:50%; margin-left:-220px; z-index:9999;
	border:5px solid #ed1c24; 
	background:#fff;
	box-shadow:0 0 25px rgba(0,0,0,.4);-moz-box-shadow:0 0 25px rgba(0,0,0,.4);-webkit-box-shadow:0 0 25px rgba(0,0,0,.4);
	padding:20px;
}
#loginBlock ul{margin:0; padding:0; list-style:none;}
#loginBlock ul li{padding-bottom:8px;}
#loginBlock h3{font-size:15px; color:#111; margin:0 0 15px;}
#loginBlock h4{margin:0; display:inline-block; *display:inline; zoom:1; width:60px;}
#loginBlock input{width:280px;}
#loginBlock input.input-captcha{width:80px;}
#loginBlock input.btn-submit{width:286px; padding-top:8px; padding-bottom:8px;}
#loginBlock span{color:#cc6633; font-size:12px; margin-left:15px;}
#loginBlock a{color:#777;}
#loginBlock a:hover{color:#990000;}
#loginBlock .btn-close{display:block; width:32px; height:32px; background:url(../images/btn-close.png) center 50% no-repeat #ed1c24;
	position:absolute; top:-5px; right:-5px; text-indent:-99999em;}
#loginBlock .reg{}
#loginBlock .forgot{margin-left:125px;}

/*-------------------------------------------
Member Info
-------------------------------------------*/
.member-info{position:relative; text-align:right;}
.member-info ul{
	margin:0; padding:0; list-style:none;
	position:absolute; right:20px; top:40px;
	color:#be8b52;
}
.member-info ul li{
	float:left;
	border-left:1px solid #ddd;
	margin-left:10px;
	padding-left:10px;
}
.member-info ul li:first-child{border:none}
.member-info a{color:#111;}
.member-info .btn{
	color:#fff;
	padding:2px 8px;
	margin:-3px 3px 0;
}
.member-info .user-photo{
	display:inline-block;*display:inline;zoom:1;
	box-sizing:border-box;
	width:32px; height:32px; 
	text-align:center;
	background:url(../images/user-photo-default.jpg) center 0 no-repeat;
	background-size:32px 32px;
	border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;
	margin:0 5px 0;
	overflow:hidden;
	position:absolute; top:-5px; left:-25px;
}
/*-------------------------------------------
Menu
-------------------------------------------*/
header nav{width:830px; height:78px; position:absolute; top:0px; right:10px; z-index:250;}
header nav ul{margin:0; padding:0; list-style:none;}
header nav li{float:left; position:relative;}
header nav li a.menulink{display:block; height:75px; text-indent:-99999em;
	background:url(../images/nav.png) 0 50% no-repeat;
	margin-right:30px;
}
header nav li a.menulink:hover, header nav li a.active{border-bottom:5px solid #935b1f;}
header nav li a:hover:active{text-decoration:none;}

header nav li a.about      {width:66px; background-position:0 50%;}
header nav li a.news       {width:66px; background-position:-96px 50%;}
header nav li a.issue      {width:66px; background-position:-192px 50%;}
header nav li a.reservation{width:66px; background-position:-288px 50%;}
header nav li a.search     {width:98px; background-position:-384px 50%;}
header nav li a.exchange   {width:66px; background-position:-512px 50%;}
header nav li a.member     {width:66px; background-position:-608px 50%;}
header nav li a.contact    {width:66px; background-position:-704px 50%;}
header nav li a.facebook   {width:24px; background-position:-734px 50%; background:url(../images/nav-facebook.png) 50% 50% no-repeat; margin:0;}
header nav li a.about:hover      {background-position:0 50%;}
header nav li a.news:hover       {background-position:-96px 50%;}
header nav li a.issue:hover      {background-position:-192px 50%;}
header nav li a.reservation:hover{background-position:-288px 50%;}
header nav li a.search:hover     {background-position:-384px 50%;}
header nav li a.exchange:hover   {background-position:-512px 50%;}
header nav li a.member:hover     {background-position:-608px 50%;}
header nav li a.contact:hover    {background-position:-704px 50%;}
header nav li a.facebook:hover   {}

	/* level2 */
	#menu ul{position:absolute; top:75px; left:0; z-index:251; 
		width:100%;
		background:#935b1f;
		box-shadow:0 2px 3px rgba(0,0,0,.2); -moz-box-shadow:0 2px 3px rgba(0,0,0,.2); -webkit-box-shadow:0 2px 3px rgba(0,0,0,.2);
		display:none; opacity:0; 
		padding:0; margin:0; 
	}
	#menu ul li{position:relative; float:none; 
		margin:0; padding:0; list-style:none;
		border-top:none; 
		font-size:14px; line-height:18px; 
		width:100%;}
	#menu ul li a{display:block; padding:8px 10px; color:#fff; border-bottom:1px solid #804e19; }
	#menu ul li a:hover {background-color:#804e19; color:#fff !important;}
	#menu ul ul {left:140px; top:0px;}

/*-------------------------------------------
CONTAINER
-------------------------------------------*/
#content-container{position:relative; height:auto!important;min-height:500px;height:500px;}
#content-container article{position:relative; box-sizing:border-box; padding:0 15px 50px;}
#content-container article *{box-sizing:border-box;}
.page-title{margin:0; padding:34px 15px 30px; font-weight:400; font-size:40px; line-height:40px; color:#000; /*border-bottom:1px solid #e1c9af;*/}
.page-title span{display:inline-block;display:inline;zoom:1; border-bottom:2px solid #be8b52;}
/*-------------------------------------------
Breadcrumbs
-------------------------------------------*/
#breadcrumbs{text-align:right; color:#999; font-size:12px; line-height:14px; position:absolute; top:43px; right:0px;}
#breadcrumbs a{color:#999;}
/*-------------------------------------------
search block
-------------------------------------------*/
#searchBlock{background:#f5f5f5; padding:15px;}
#searchBlock ul{margin:0; padding:0; list-style:none;}
#searchBlock ul li{float:left; margin-right:5%;}
#searchBlock ul li.floatR{float:right; text-align:right; margin:0;}
#searchBlock input[type=submit]{width:100px;}
/*-------------------------------------------
Page
-------------------------------------------*/
#page{padding:15px 0; text-align:center; font-size:13px;}
#page a, #page .current{line-height:18x; background:#eee; color:#333; padding:5px 10px;}
#page a{vertical-align:1px;}
#page a:hover{background:#be8b52; color:#fff; vertical-align:0;}
#page .total{color:#666;}
#page .current{background:#be8b52; color:#fff;}
/*-------------------------------------------
Banners
-------------------------------------------*/
#banner{
	background:#f4f4f4;
	height:auto!important;min-height:60px;height:60px;
	/*height:110px;*/
	position:relative;
	z-index:100;
	padding:35px 0;
}
#banner *{box-sizing:border-box;}
#banner .wrapper{
	position:relative;
}
.slideshow{margin:0 auto; padding:0; list-style:none; position:relative;}
.slideshow li{
	padding:0 35px;
	margin:0;
	text-align:center;
}
.slideshow li a{
	display:inline-block;*display:inline;zoom:1;
	border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;
	overflow:hidden;
}
.slideshow img{
	width:175px; 
	margin:0 auto;
	box-shadow:0 1px 3px rgba(0,0,0,.2);
}
.PrevNext{
	width:980px;
	margin:0 auto;
	z-index:100;
}
.PrevNext a{
	background-image:url(../images/arrow.png);
	background-repeat:no-repeat;
	display:block;
	width:18px;
	height:36px;
	text-indent:-99999em;
	position:absolute;
	top:50%;
	margin-top:-18px;
}
.PrevNext #prev{
	background-position:0 0;
	left:10px;
}
.PrevNext #prev:hover{
	background-position:0 bottom;
}
.PrevNext #next{
	background-position:right 0;
	right:10px;
}
.PrevNext #next:hover{
	background-position:right bottom;
}
/*-------------------------------------------
Facebook Like Box
-------------------------------------------*/
#fb-root{display:none;} 
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style]{width:100% !important; height:280px !important; }
.footer-fb{background:#fff; padding-top:20px;}
.fb-like-box{box-sizing:border-box; padding:15px; width:1300px; height:280px; margin:0 auto; overflow:hidden;}
/*-------------------------------------------
Social Share
-------------------------------------------*/
#social-share{text-align:center; padding:10px 5px; height:55px; clear:both;
	background:#f1f1f1; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
#social-share strong{display:inline-block;*display:inline;zoom:1; float:left; width:42px; line-height:32px;}
#social-share a{display:inline-block;*display:inline;zoom:1; width:32px; height:32px; 
	float:left; margin-left:7px; 
	background-image:url(../images/icons-social.png); background-repeat:no-repeat;
	text-indent:-9999em;
	overflow:hidden; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
#social-share .fb     {background-position:0 0;}
#social-share .gl     {background-position:0 -32px;}
#social-share .twitter{background-position:0 -64px;}
#social-share .plurk  {background-position:0 -96px;}
/*-------------------------------------------
Footer
-------------------------------------------*/
footer{height:auto!important;min-height:83px;height:83px; 
	color:#fff; font-size:13px; font-family:Arial, Helvetica, sans-serif;text-align:center; 
	position:relative; padding-top:25px; }
footer h2{margin:0 22px 0 10px;
	background:url(../images/footer-horizon-logo.png) no-repeat; width:130px; height:34px; text-indent:-99999em; float:left;}
footer address{font-style:normal; }
footer p{margin:0; padding-left:15px; width:790px;}
footer a{color:#fff;}
footer .designedByNfi, footer .designedByNfi a{color:#aaa;}

/*-------------------------------------------
ScrollUp
-------------------------------------------*/
.scrollup{width:32px; height:32px; text-indent:-9999px; position:fixed; bottom:105px; right:2%; z-index:4;
	display:none; background:url(../images/btn-top.png) no-repeat;}


/* --- Input, Select, Textarea --- */
input[type=text], input[type=password], input[type=email], input[type=tel], input[type=date], input[type=address], textarea, select{
	box-sizing:border-box;
	padding:8px; 
	margin:0 3px;
	background:#fff;
	border:1px solid #bbb; 
	border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
	box-shadow:inset 0 1px 2px #ddd, 0 1px 1px rgba(100%,100%,100%,.4); 
	-moz-box-shadow:inset 0 1px 2px #ddd, 0 1px 1px  rgba(100%,100%,100%,.4);
	-webkit-box-shadow:inset 0 1px 2px #ddd, 0 1px 1px  rgba(100%,100%,100%,.4);
	font-size:13px;
}
select{}
select option{padding:3px; background:#fff;}
input[type=checkbox], input[type=radio]{vertical-align:-2px;}
input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[type=date]:focus, input[type=address]:focus, textarea:focus, select:focus{
	box-sizing:border-box;
	outline:0;
	background:#fffeee;
	border:1px solid #67cfff; 
	box-shadow:0 0 3px rgba(123,211,255,0.8), inset 0 1px 2px #ddd; 
	-moz-box-shadow:0 0 3px rgba(123,211,255,0.8), inset 0 1px 2px #ddd; 
	-webkit-box-shadow:0 0 3px rgba(123,211,255,0.8), inset 0 1px 2px #ddd;
	-ms-box-shadow:0 0 3px rgba(123,211,255,0.8), inset 0 1px 2px #ddd;
	webkit-appearance:none;
}
#search-block input.date{width:70px;}
/* --- ! --- */


/* --- Buttons --- */
input[type=submit], input[type=button], input[type=reset], a.btn{
	-webkit-appearance:none;
	display:inline-block; *display:inline; *zoom:1;
	vertical-align:top; text-align:center;
	color:#fff; font-weight:bold; font-size:13px; text-decoration:none; line-height:24px;
	font-family:"Microsoft JhengHei","微軟正黑體", "Microsoft YaHei", "微軟雅黑", Helvetica, Arial, sans-serif; 
	cursor:pointer;
	margin:0 3px;
	padding:8px 12px 8px 12px;
	background:#be8b52;
	border:none;
	border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;
	box-shadow:0 1px 3px rgba(0,0,0,.2), inset 0 -15px 25px -13px rgba(0,0,0,.2);
	-moz-box-shadow:0 1px 3px rgba(0,0,0,.2), inset 0 -15px 25px -13px rgba(0,0,0,.2);
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,.2), inset 0 -15px 25px -13px rgba(0,0,0,.2);
}
input[type=submit]:hover, input[type=button]:hover, input[type=reset]:hover, a.btn:hover{
	background-color:#9c5a11;
	color:#fff !important;
	text-decoration:none;
}
.btn.secondary{background:#999;}
.btn.secondary:hover{background:#666;}
input.disabled[type='text'], textarea.disabled[type='text'], select.disabled[type='text'], 
textarea.disabled[type='button'], input.disabled[type='submit']{color:#999; opacity:.4;}


.buttons{padding:10px 0; text-align:center; 
	font-family:"Microsoft JhengHei","微軟正黑體", "Microsoft YaHei", "微軟雅黑", Helvetica, Arial, sans-serif; 
	clear:both;}
.buttons input, .buttons .btn{
	font-size:15px; line-height:24px; font-weight:400;
	padding-left:20px; padding-right:20px;
}
.btn-secondary{background:#999 !important;}
.btn-secondary:hover{background:#666 !important;}
/* --- ! --- */


/* --- Global --- */
.explanation{font-size:12px; color:#C99;}
.required{font-size:13px; color:#f00; margin-right:3px;}
.floatL{float:left;}
.floatR{float:right;}
.datepicker{background:url(../images/icon-date.png) right 50% no-repeat !important;}
.popupBlock{
	position:fixed;
	top:0;
	left:0;
	z-index:-1;
	width:100%;
	height:100%;
}
.overlay{
	background:#333;
	position:fixed;
	z-index:9998;
	top:0;
	left:0;
	width:100%;
	height:100%;
	opacity:.7;
	-moz-opacity:.7;
	-webkit-opacity:.7;
	filter:alpha(opacity=70);
}
.popupContent{
	margin:0; padding:36px;
	width:640px;
	height:auto!important;min-height:200px;height:200px; 
	position:absolute;
	top:40%;
	margin-top:-120px;
	left:50%;
	margin-left:-320px;
	z-index:9999;
	border:1px solid #be8b52;
	border-radius:3px;
	overflow:hidden;
	background:#fff;
	box-shadow:0 0 25px rgba(0,0,0,.4);
	-moz-box-shadow:0 0 25px rgba(0,0,0,.4);
	-webkit-box-shadow:0 0 25px rgba(0,0,0,.4);
}
.popupContent .btn-close {
	display:block;
	width:32px;
	height:32px;
	background:url(../images/btn-close.png) center 50% no-repeat #be8b52;
	position:absolute; z-index:2;
	top:0px;
	right:0px;
	text-indent:-99999em;
}

/* --- Print --- */
@media print 
{
#header-container{display:none;}
#content-container{}
#subMenuBlock{display:none;}
#contentBlock{float:none; width:100%;}
#contentBlock article{padding:0;}
#dufaultBlock{display:none;}
#contentTop{display:none;}
#step{display:none;}
#rent h3{padding:0 !important; background:none !important;}
.buttons{display:none;}
footer{height:auto; border:none;}
footer address{display:none;}
footer .print{display:block; text-align:center;}
.scrollup{display:none !important;}
}