html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, 
strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details,
embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video 
{font: inherit; }

body {font-family:"微軟正黑體", Arial, "Helvetica Neue", Helvetica, sans-serif, serif;line-height:1.6; color:#333 ; font-size:100%; background:#eee;margin-top: 70px; }

/*▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃ navbar ▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃*/

.navbar{border:none;min-height:70px; border-bottom:1px solid #c3c3c3;
background: #fff;
background: -moz-linear-gradient(top, #fff 73%, #eee 100%);
background: -webkit-linear-gradient(top, #fff 73%,#eee 100%);
background: linear-gradient(to bottom, #fff 73%,#eee 100%);
padding:unset;
}

.navbar-header .logo{ display:block; }
.navbar-toggle{ background: #E7E7E7;border-color: #C9C9C9}
.navbar-toggle .icon-bar{ background: #888;}
.navbar-toggle{ margin-top:18px;}
.navbar-collapse{ justify-content:flex-end;}
.navbar-nav > li{ position:relative;}
.navbar-nav > li:after{ content:"｜"; position:absolute; right:-8px; top:22px; z-index:99;}
.navbar-nav > li:last-child:after{ content:""; }
.navbar-nav > li > a{ font-size:106%; color:#333;min-height:70px;display: flex;align-items: center;padding:0 15px !important;}
.navbar-nav > li > a:hover{color:#d42216; font-weight:bold; background:transparent;}
.navbar-nav > li > a.active{
background: #eee;
background: -moz-linear-gradient(top, #d3d3d3 0%, #eee 34%);
background: -webkit-linear-gradient(top, #d3d3d3 0%,#eee 34%);
background: linear-gradient(to bottom, #d3d3d3 0%,#eee 34%);
}
.navbar-nav > li > a:active{ color:#dd2216;}

@media(max-width:992px) {
	.navbar-nav{ float: none;width:100%;}
	.navbar-nav > li:after{ display:none;}
	.navbar-nav > li > a{ min-height:40px; border-radius:3px;font-size:100%;}
	.navbar-nav > li > a:active{ background:#dd2216; color:#fff;}
	.navbar-collapse{display: flex;flex-direction: column-reverse;align-items: flex-start;}
}

/*▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃ 字體大小 ▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃*/
.font-small{
	font-size: 14px;
}
.font-medium {
	font-size: 16px;
}
.font-large {
	font-size: 18px;
}

.font-box {
	margin-left: 20px;
	display: flex;
	align-items: center;
}

.font-nav{ display: flex; margin: auto; padding: 0px;}
.font-nav > li{ position:relative;list-style:none;}
.font-nav > li:after{ content:"｜"; position:absolute; right:-8px; top:22px; z-index:99;}
.font-nav > li:last-child:after{ content:""; }
.font-nav > li > a{ font-size:106%; color:#333;min-height:70px;display: flex;align-items: center;padding:0 15px !important;}
.font-nav > li > a:hover{color:#d42216; font-weight:bold; background:transparent;}
.font-nav > li > a.active{padding:0 10px !important;}
.font-nav > li > a.active > span{border: 1px solid #d42216;border-radius: 6px;padding: 0px 5px;color:#d42216; font-weight:bold; background:transparent;}

@media(max-width:992px) {
	.font-box {padding: 0px 0px 5px 0px;margin: 8px 0px;width:100%;border-bottom: 1px double #9E9E9E;}
	.font-box > span {display:none;}
	.font-nav{ float: none;margin-right:0px !important;justify-content:flex-end !important;}
	.font-nav > li:after{ display:none;}
	.font-nav > li > a{ border-radius:3px;font-size:100%;min-height:auto;}
	.font-nav > li > a:active{ background:#dd2216; color:#fff;}
}

/*▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃ header ▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃*/

.header-index {display: block; width: 100%;text-align: center; position:relative;}
.header-index img{ margin:0 auto; }
.header-news,.header-creterion {display: block; width: 100%;text-align: center; position:relative;height: 160px;}
.header-news{background: url("../images/news-banner.jpg") no-repeat top center;}
.header-creterion{background: url("../images/creterion-banner.jpg") no-repeat top center;}

@media(max-width:768px) {
	.header-news,.header-creterion {height: 200px;}
	.header-news{background: url("../images/news-banner-m.jpg") no-repeat top center;}
	.header-creterion{background: url("../images/creterion-banner-m.jpg") no-repeat top center;}
}


/*▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃ 內容區 ▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃*/

.main-containet{ width:100%; background:#fff;}
.container{ width:96%; max-width:1450px; padding:0 10px; margin:0 auto; position:relative;}
.content { position:relative;width:100%;max-width:850px;  margin:0 auto; padding:20px 0 60px; }


/*------------ title ------------*/

.title{ font-size:260%; font-weight:bold; margin-bottom:20px;  margin-top:0;}
.title2{ font-size:160%; font-weight:bold;}
.title2 span{ font-size:100%;}
.title-underLine{ color:#ed3024; font-size:160%; font-weight:bold; border-bottom:1px solid #ed3024; margin:0; margin-bottom:10px;}
.list-link{ list-style:none; margin:30px 0; padding:0;}
.list-link li:first-child{ border-top:1px solid  #ed3024;}
.list-link li{ border-bottom:1px solid  #ed3024;}
.list-link li a{ display:block; color:#333; font-size:120%; padding:10px 5px; position:relative;}
.list-link li a:after{ content:url(../images/arr.png); position:absolute; top:12px; right:12px;}
.list-link li a:hover{text-decoration:none; background: #F2F2F2; color:#d42216; font-weight:bold;}
.list-link li a span:hover{ text-decoration: underline;}
.list-link li a .date{ margin-right:15px;color:#d42216;  }
.list-link li a .date:hover{ text-decoration:none;}

@media(max-width:768px) {
	.title2{ font-size:120%; }
	.title2 span{ font-size:100%;}
}

 
/*------------ location ------------*/

.location{ background:#f2f2f2; padding:16px 12px; position:relative; z-index:9;}
.location label{ display: inline-block; font-size:100%;}


/*------------ reservation ------------*/

.list-marker {padding-left: 20px;}
.list-marker li::marker {color: #ed3024;}
.reser-table {margin: 10px 0;border-collapse: separate;border-spacing: 10px;}
.reser-table th {padding: 5px;background-color: #B0170C;color:#fff;}
.reser-table td {padding:5px;}
.reser-table td input, .reser-table td select, .reser-table td textarea {width: 100%;}

input:focus, textarea:focus, select:focus {
	outline: none !important;
	border: 2px solid #ed3024 !important;
	background-color: #f9d8d6 !important;
}


/*------------ Newbie ------------*/
.Newbie-table {margin: 10px 0;width:100%;}
.Newbie-table tr {border-bottom: 1px solid #a7a7a7;}
.Newbie-table td {padding:10px;text-align:center;font-weight:700;}
.hint{font-size:90%;}


/*------------ table ------------*/

.table th{ background:#B0170C; color:#fff; width:auto;}

.No-table {margin: 10px 0;width:100%;}
.No-table td {padding:10px 0;vertical-align: baseline;}

/*▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃ menu ▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃*/

.menu { width:100%; background:#ed3024; text-align:center; position:relative;}
.menu .accesskey{color:#ed3024;}
.menu .accesskey:hover{color:#ed3024;}
.menu li{ display:inline-block;background: #c2160b }
.menu li a{ display:flex; padding:24px 20px; font-size:130%; font-weight:bold; color:#fff;transition:all .3s; vertical-align:middle; align-items:center;height:110px;}
.menu li a:hover,.menu li a.active{ text-decoration:none; background:#9b1108;transition:all .3s; }
.menu li a.icon { display:inline-block; margin-right:4px; position:relative; top:-2px; width:40px; height:40px; vertical-align:middle;}
.icon { display:inline-block; margin-right:4px; position:relative; top:-2px; width:40px; height:40px; vertical-align:middle;}
.nav-icon1{ background: url(../images/nav-icon1.png) no-repeat; }
.nav-icon2{ background: url(../images/nav-icon2.png) no-repeat; }
.nav-icon3{ background: url(../images/nav-icon3.png) no-repeat; }
.nav-icon4{ background: url(../images/nav-icon4.png) no-repeat; }
.nav-icon5{ background: url(../images/nav-icon5.png) no-repeat; }
.nav-icon6{ background: url(../images/nav-icon6.svg) no-repeat; }
.icon-speech{ background: url(../images/icon-speech.svg) no-repeat;width: 32px;height: 32px;cursor: pointer;margin-right:15px;border:none; }
.font-small .icon-speech{width: 24px;height: 24px;}
.font-medium .icon-speech{width: 30px;height: 30px;}
.font-large .icon-speech{width: 32px;height: 32px;}

@media(max-width:1200px) {
	.menu li a{  padding:18px 10px; font-size:110%; }
}

@media(max-width:768px) {
	.menu {  text-align:left;}
	.menu .container{ width:100%; padding:0; }
	.menu li{ display:block;width:100%;}
	.menu li a{font-size:160%;  padding:15px 15px ; border-bottom:1px solid  #AB1418; }
}


/*▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃ footer ▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃*/

.footer{ text-align:center;  padding:20px 10px 40px; font-size:100%; position:relative; }
.footer li{list-style:none;}
.footer .container{ margin-bottom:20px;}

@media(max-width:768px) {
	.footer { text-align:left;}
	.footer li{list-style: disc;}
}


/*▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃ 其他 ▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃*/

.sr-only-focusable:active, .sr-only-focusable:focus {position: static;width: auto;height: auto;margin: 0;overflow: visible;clip: auto;}
.accesskey{ position:absolute;  top:0; left:0; color:#fff;}
.accesskey:hover{ color:#fff; text-decoration:none;}
.text-red{ color:#ed3024;}
.text-dark-red{ color:#AF190E;}
.background-red{ background-color:#B0170C;}
.table{ position:relative; z-index:1;}
.l-s{ height:70px; margin-top:-50px; position:relative; z-index:-1;}
.text-bold{font-weight: bold;}
.text-lg{ font-size:120%;}
.text-lg-2{font-size:160%;}
.border-radius{ border-radius:5px;}
.margin-top-10{ margin-top:10px;}
.margin-top-20{ margin-top:20px;}
.margin-bottom-10{ margin-bottom:10px;}
.margin-bottom-20{ margin-bottom:20px;}
.select-box  { display: inline-block; width:calc( 100% - 95px );}
.select{ display: inline-block; min-width:calc( 100% - 68px ); padding:5px 5px; vertical-align:middle;  }
.btn{ display: inline-block;vertical-align:middle;  width:56px; background:#c2160b; border:1px solid #ed3024; color:#fff;}
.btn:hover{background:#9b1108;color:#fff;}
.color-blue {color:#0252CA;}

a {text-decoration:none;}
a.sr-only {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0;color: #000;float: left;}
a:hover, a:focus {color: #23527c;}
ul.text-list{ list-style:decimal; padding-left:20px;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { line-height:1.5;}