@charset "utf-8";
/* CSS Document */
.float_left{float:left;}
.float_right {float:right;}
.align_c {text-align:center;}
.space {height:0px;	font-size:0px; line-height:0px;	overflow:hidden; clear:both;}
.interval {font-size:0px; line-height:0px;}
.h_5 {height:5px;font-size:0px;line-height:0px;}
.h_8 {height:8px;font-size:0px;line-height:0px;}
.h_10 {height:10px;font-size:0px;line-height:0px;}
.h_15 {height:15px;font-size:0px;line-height:0px;}
.h_20 {height:20px;font-size:0px;line-height:0px;}
.h_25 {height:25px;font-size:0px;line-height:0px;}
.h_30 {height:30px;font-size:0px;line-height:0px;}
.itemDivListCP a img, .itemDivListCB a img, .lineBtn:link, .more_a a img, .more_b a img {
	filter:alpha(opacity=100);Opacity:1.0;
	transition: all 0.5s ease 0s;
}
.itemDivListCP a:hover img, .itemDivListCB a:hover img, .lineBtn:hover, .more_a a:hover img, .more_b a:hover img {
	filter:alpha(opacity=60);Opacity:0.6;
	transition: all 0.5s ease 0s;
}

.title_a {
	text-align:center;
	line-height:0px;
	font-size:0px;
}
.title {
	margin:auto;
	line-height:39px;
	height:39px;
	overflow:hidden;
	display:table;
}
.titleL {
	float:left;
	width:15px;
	height:39px;
}
.titleC {
	float:left;
	font-size:18px;
	color:#fff;
	padding:0 30px;
	background-repeat:repeat-x;
}
.titleC span {color:#FF0;}
.titleR {
	float:left;
	width:15px;
	height:39px;
}
.titleBgA {background-image:url(../images/layout1/new_title_a.png)}
.titleBgB {background-image:url(../images/layout1/new_title_b.png)}
.titleBgC {background-image:url(../images/layout1/new_title_c.png)}
.titleBgD {background-image:url(../images/layout1/new_title_d.png)}
.titleBgE {background-image:url(../images/layout1/new_title_e.png)}
.titleBgF {background-image:url(../images/layout1/new_title_f.png)}
.note_a {
	margin:auto;
	max-width:322px;
	background-image:url(../images/layout1/new_iconBg_a.png);
	background-position:center;
	background-repeat:no-repeat;
	text-align:center;
	font-size:14px;
	line-height:20px;
	padding:15px 0px;
}
.note_b {
	margin:auto;
	max-width:322px;
	background-image:url(../images/layout1/new_iconBg_b.png);
	background-position:center;
	background-repeat:no-repeat;
	text-align:center;
	font-size:14px;
	line-height:20px;
	padding:15px 0px;
}
.note_a span, .note_b span {
	color:#e60012;
}
.note_a font, .note_b font {
	color:#2c4b95;
}
.bgcolor_a {background-color:#b46d51;}
.bgcolor_b {background-color:#b48651;}
.fontColor_a {color:#a91212;}
.fontColor_b {color:#dc8331;}
#top #topTEXT {
    background-image: url("../images/layout1/new_top.png");
}
#main2 {
	background-color:#FFF!important;
}
#online {
    background-color: #fff;
    background-image: url("../images/layout1/new_onLine_rev.png");
    background-position: center top;
    background-repeat: no-repeat;
    height: 142px;
    position: relative;
    width: 950px;
}
#right #newLine {
    background-image: url("../images/layout1/new_lineBtn2.png")!important;
}
#right #reservationForm {
    background-image: url("../images/layout1/new_reservation_form.png");
    height: 275px;
}
#right #charity {
    margin-top: 12px;
}
#right #myLink {
    margin-top: 12px;
}
#bottom {
    background-image: url("../images/layout1/new_bottom_bg.png");
}
.more_a {
	position:absolute;
	right:17px;
	bottom:5px;
}
.more_b {
    bottom: 13px;
    left: 50%;
    margin-left: -9px;
    position: absolute;
}


#logo a {
    background-image: url("../images/layout1/logo_201806.png");
    display: block;
    height: 353px;
    text-indent: -9999px;
    width: 292px;
    z-index: 999;
}


.caseDiv {
	font-weight:bold;
	font-family:"微軟正黑體";
	letter-spacing:0.5px!important;
}
.caseDivL, .caseDivR {
	float:left;
	width:50%;
	padding-bottom:15px;
}
.caseDivL {
	background-color:#ffe4dd;
}
.caseDivR {
	background-color:#ffe8c5;
}
.casesList {
	margin:auto;
	position:relative;
	width:88%;
	background-color:#FFF;
	margin-bottom:6px;
}
.casesListL {
	float:left;
	width:24.4%;
	padding:12px 0;
	font-size:0px;
	line-height:0px;
	text-align:center;
}
.casesListC {
	float:left;
	width:63.1%;
	padding:12px 0;
	font-size:14px;
	font-weight:bold;
}
.casesListCT {
	color:#000;
	padding:0 10px 8px 10px;
	border-bottom:1px solid #a0a0a0;
	margin:0 10px 5px 0;
}
.casesListCN {
	/*color:#a91212;*/
	padding:0 0 0 10px;
	margin:0 0 8px 0;
}
.casesListCN span {
	color:#a91212;
	font-size:18px;
	padding:0 0 0 5px;
}
.casesListCN font {
	color:#ff3e49;
	padding:0 10px 0 5px;
}
.casesListCR {
	float:left;
	font-size:14px;
	color:#fff;
	padding:3px 10px;
}
.casesListCR span {
	color:#fff100;
	font-size:18px;
	padding:0 0 0 10px;
}
.casesListR {
	position:absolute;
	top:0px;
	right:0px;
	width:12.5%;
	height:100%;
	font-size:16px;
	color:#fff;
	text-align:center;
	background-image:url(../images/layout1/new_icon_a.png);
	background-position:50% 85%;
	background-repeat:no-repeat;
}
.casesListRC {
	padding:10px 0 0 0;
	transition: all 0.5s ease 0s;
}
a:link .casesListR, a:visited .casesListR {
	text-decoration:none;
	color:#fff;
	transition: all 0.5s ease 0s;
}
a:active .casesListR, a:hover .casesListR {
	text-decoration:none;
	color:#fff100;
	background-position:50% 80%;
	cursor:pointer;
	transition: all 0.5s ease 0s;
}
a:active .casesListRC, a:hover .casesListRC {
	text-decoration:none;
	padding:20px 0 0 0;
	transition: all 0.5s ease 0s;
}


.itemDiv {
	padding:20px 10px 10px 10px;
	background-color:#FFF;
	font-weight:bold;
	font-family:"微軟正黑體";
	letter-spacing:normal!important;
}
.itemDivList {
	float:left;
	width:25%;
}
.itemDivListC {
	padding:0 10px;
}
.itemDivListCP {
	position:relative;
	font-size:0px;
	line-height:0px;
}
.itemDivListCPT {
	position:absolute;
	right:25px;
	top:25px;
	font-size:26px;
	line-height:26px;
}
.itemDivListCN {
	width:185px;
	font-size:13px;
	line-height:17px;
	height:35px;
	overflow:hidden;
	margin:5px auto;
	font-family:"新細明體";
	font-weight:normal;
}
.itemDivListCB {
	margin:auto;
	width:188px;
}


.lineBtn {
	display: block;
    float: left;
    height: 266px;
    margin-bottom: 15px;
    position: relative;
    width: 328px;
	line-height:0;
	font-size:0;
	cursor:pointer;
}


.listDiv {
}
.listDivA, .listDivB {
	position:relative;
	float:left;
	width:322px;
	height:139px;
	margin-top:17px;
}
.listDivA {
	margin-right:16px;
}


.listDivA .abgne-news-scroll {
    height: 139px;
    overflow: hidden;
    position: absolute;
    width:100%;
	top:0px;
}
.listDivA .abgne-news-scroll ul {
    overflow: hidden;
    padding-top: 38px;
    position: absolute;
	right:17px;
    width: 186px;
    height: 70px;
	line-height:15px;
}
.listDivA .abgne-news-scroll li {
    border-bottom: 2px dotted #b3b3b3;
    list-style-type: none;
    margin-bottom: 3px;
    position: relative;
}


#right #lawReservation {
	background-image: url(../images/layout1/new_reservation.png);
	height: 352px;
	width: 220px;
	float: left;
	position: relative;
	margin-bottom: 0px;
}

#right #lawReservation li {
	background-image: url(../images/layout1/new_reservation.png);
	height: 62px;
	width: 95px;
	position: relative;
	text-indent: -9999px;
	list-style-type: none;
	cursor: pointer;
}
#right #lawReservation li:hover {
	background-image: url(../images/layout1/new_reservation_hover.png);
}


#right #lawReservation #res1 {
	background-position: -10px -115px;
	left: 10px;
	top: 115px;
	position: absolute;
}

#right #lawReservation #res2 {
	background-position: -115px -115px;
	left: 115px;
	top: 115px;
	position: absolute;
}
#right #lawReservation #res3 {
	background-position: -148px -115px;
	left: 148px;
	top: 115px;
	position: absolute;
}
#right #lawReservation #res4 {
	background-position: -10px -193px;
	left: 10px;
	top: 193px;
	position: absolute;
}
#right #lawReservation #res5 {
	background-position: -79px -193px;
	left: 79px;
	top: 193px;
	position: absolute;
}
#right #lawReservation #res6 {
	background-position: -115px -193px;
	left: 115px;
	top: 193px;
	position: absolute;
}
#right #lawReservation #res7 {
	background-position: -10px -271px;
	left: 10px;
	top: 271px;
	position: absolute;
}
#right #lawReservation #res8 {
	background-position: -79px -271px;
	left: 79px;
	top: 271px;
	position: absolute;
}
#right #lawReservation #res9 {
	background-position: -115px -271px;
	left: 115px;
	top: 271px;
	position: absolute;
}