@charset "utf-8";
/* CSS Document */

/* =============================
 * 共用設定  */
nav#footer {
    /*background: url(../images/footer_bg.png) #b41c14 repeat center;*/
    background: #b7262d;
    color: #ffffff;
    padding: 15px 0;
    font-size: 15px;
}
.footer_line {
    background: #ffffff52;
    width: 100%;
    height: 1px;
}


.one {
    position: relative;
}
.one-left {
    position: absolute;
    z-index: 10;
    left: 12%;
    top: 50%;
    transform: translateY(-50%);
}

.z-index {
    z-index: 1;
}

.gotop {
    opacity: 0;
    display: block;
    position: fixed;
    z-index: 6000;
    /*background-color: rgba(0,0,0,.4);*/
	background-color: rgba(248, 65, 47, 0.7);
    width: 40px;
    height: 40px;
    bottom: 20px;
    right: 0;
    right: 1.5%;
    border-radius: 40px;
    text-align: center;
    padding-top: 9px;
    font-size: 20px;
	color:#ffffff;
}
.gotop:hover {
    box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.3);
}
.appear {
    transition: .3s ease-in-out;
}
.hidden {
    display: none !important;
    visibility: hidden !important;
}
.hidden {
    opacity: 0;
    visibility: hidden;
}
@media (min-width: 1366px) and (max-width: 1599px) {}
@media (min-width: 1600px) and (max-width: 1680px) {}
@media (min-width: 1681px) and (max-width: 1900px) {}
@media (min-width: 1901px) and (max-width: 2000px) {}

.back-to-top,.back-to-top:hover{color:#fff;transition-property:all;transition-timing-function:cubic-bezier(.7,1,.7,1);transition-duration:.3s}
.back-to-top{text-transform: uppercase;position:fixed;right:10px;bottom:15px;display:inline-block;z-index:9;width:40px;height:40px;font-size:12px;font-weight:500;text-align:center;line-height:2.5;letter-spacing:1px;background:#282828;border-radius:3px;visibility:hidden;opacity:0;padding:5px;-webkit-transform:translate3d(0,50px,0);-moz-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0)}
.back-to-top.back-to-top-is-visible{visibility:visible;opacity:.6;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0);transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.7,1,.7,1)}
.back-to-top.back-to-top-is-visible:hover{opacity:1;transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.7,1,.7,1)}
.back-to-top.back-to-top-fade-out{opacity:.5}
.back-to-top.back-to-top-fade-out:hover{opacity:1;transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.7,1,.7,1)}


.b-example-divider {
  /*height: 3rem;*/
  background-color: rgba(255, 255, 255, .1);
  /*border: solid rgba(0, 0, 0, .15);*/
  border: solid rgba(0, 0, 0, .05);
  border-width: 1px 0;
  box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
}

.video-wrapper{
    position: relative;
    padding-bottom: 56.25%;
    overflow: hidden;
}
.video-wrapper iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0px 0px;
}

.shopping {
    display: block;
    width: 35px;
    height: 35px;
    margin: auto;
    margin-top: -39px;
    border-radius: 35px;
    background-color: rgba(248, 65, 47, 0.7);
    text-align: center;
    padding-top: 7px;
    color: #ffffff;
    opacity: 1;
	pointer-events: auto;
}
.shopping:hover {
    color: #ffffff;
    box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.3);
}

.card-title {
    margin-bottom: 0.9rem;
}
.card-title a {
    color: inherit;
}
.card-title a:hover {
    color: #6c757d;
}

.accordion-button:not(.collapsed) {
    color: #212529;
    background-color: rgba(238,238,238,.5);
}
.icon {
    position: relative;
	font-size: 0.92rem;
    line-height: 30px;
    flex-shrink: 0;
    flex-grow: 0;
    vertical-align: middle;
}
.icon-xs {
    width: 30px;
    height: 30px;
}
.icon-xs, .icon-sm, .icon-md, .icon-lg {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    flex-shrink: 0;
    flex-grow: 0;
}
.notify {
    position: absolute;
    width: 17px;
    height: 17px;
    line-height: 17px;
    top: -2px;
    right: -3px;
    display: inline-block;
    font-size: 10px;
    /*padding: 0.24em 0.45em;
    line-height: 1;*/
    text-align: center;
    border-radius: 3px;
    color: #fff;
    background-color: #000000;
}

/* 共用設定
 * =============================  */






/* =============================
 * 基本框架設定  */

/*** .top_title 上方固定資訊
 -----------------------------*/
.dropdown-backdrop{display:none;}
#head{ min-height:800px;}
#head .container{ margin:0px;}
#head button{ background:#B61A22;}
#menu_bar{ display:table; width:auto; margin:auto;margin-top: 20px;}
#aumenu{ display:inline-block;color:#54301A;}
#aumenu>ul>li{ margin-right:30px;}
#aumenu>ul>li>a{ color:#fff;border-bottom:1px solid transparent;font-size: 12pt;font-family: 細明體,新細明體; padding:10px 15px;}
#aumenu>ul>li>a:hover{ border-bottom:1px solid #fff;}
#aumenu>ul>li:hover>ul{ display:block;}
#aumenu>ul>li>ul{ margin:0px;}
#aumenu>ul>li>ul>li>a{color:inherit;}
#aumenu>ul>li>ul>li>a:hover{ background:none; color:inherit;}
#aumenu a:focus{background:none;}
#languageBar{ display:inline-block;border: 1px solid #fff;padding: 10px;vertical-align: top;}
#languageBar>ul{ margin:0px;}
#languageBar>ul>li>a {padding: 0;margin-right: 10px;}
#slogan{ display:table; margin:auto; margin-top:140px; width:100%; max-width:500px; text-align:center; color:#fff; background:url(/images/slogan_bg.png)center bottom no-repeat;padding-bottom: 100px;}
#slogan>div{ margin:15px 0;line-height: 22px;font-size: 16px;}
#row1{margin-top:24px;color:#000;}
	#row1 .title {border-bottom:1px solid #B61A22;margin-bottom: 10px;}
	#row1>.span6 .row-fluid>.span8 div:nth-child(1){font-size:14pt; font-weight:bold;margin-bottom: 5px;}
	#row1>.span6 .row-fluid>.span8 div:nth-child(2){color:#727171; font-size:9pt;margin-bottom: 5px;}
	#row1>.span6 a{color:inherit;}
#row2 {background:#060606; margin-top:55px;}
	#row2>.container .span7{background:url(/images/row2-1_bg_03.jpg)no-repeat;min-height:405px;position:relative;}
	#row2>.container .span7>div{position:absolute; width:375px;top:44px; right:0; color:#fff;}
	#row2>.container .span7>div>a{margin-bottom:30px;text-align:center;}
	#row2>.container .span7>div>div{ margin-top:10px; line-height:17pt;}
	#row2>.container .span5>div{ padding-top:44px;}
	#row2>.container .span5>div>a{margin-bottom:30px;text-align:center;}
	#video{width:100%;max-width:373px; height:207px;}
#row3{ margin-top:33px; text-align:center;line-height: 18pt;}
#map{height:400px;margin-top:25px;}
#foot{background:#B71A22; color:#fff;font-size:9pt;}
	#foot_logo {float: left;padding-right: 10px;}

.ghost-btn{ padding:14px 0px; color:#000; border:1px solid #000; width:100%; max-width:140px; display:inline-block;}
.ghost-btn.white{ border:1px solid #fff; color:#fff;}
#news_btn{text-align:center;}
@media (max-width: 1200px) {
}
@media (max-width: 1023px) {
	#head{ min-height:800px;}
}
@media (max-width: 979px) {
	#aumenu {background-color: rgba(0,0,0,0.7);border-radius: 5px;width: 100%;text-align: center;z-index: 1; color:#fff;}
		#aumenu>ul{margin:10px 0;}
		#aumenu>ul>li { margin:0px;}
		#aumenu>ul>li>a:hover {background: none;}
		#aumenu>ul>li>ul>li>a:hover {background: none; opacity:0.7;}
	#languageBar {position: absolute;right: 60px;top: 10px;}
	#menu_bar {width: 100%;margin-top: 50px;display: block;}
	#slogan {position: absolute;text-align: center;left: 50%;width: 100%;margin: 0;margin-left: -150px;top: 100px; max-width:300px;}
}
@media (max-width:1200px) and (min-width:979px){
	#aumenu>ul>li {
		margin-right: 15px;
		max-width: 6rem;
	}	
}
@media (max-width: 767px) {
	body{ padding:0px;}
	#wrap {padding: 0 10px;}
	#row2>.container .span5{text-align:center;}
	#video {width: 80%;margin-left: 10%;height: 300px;padding-bottom:20px; max-width:none;}
	#row2>.container .span7>div {width: 90%;left: 5%;}
	#address span{ display:inline-block;}
	#row1 img {margin-bottom: 5px;}
	#foot{padding: 0 10px;}
}
@media (max-width: 300px) {
	#slogan {margin: 0px;left: 0;}
}


/*** #container 下方內容容器
 -----------------------------*/


/* 基本框架設定
 * =============================  */




/*** .top_menu dropdown scrollbar
 -----------------------------*/
.dropdown-list {
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 350px;
	padding-bottom: 20px;
}
.dropdown-list::-webkit-scrollbar {
	width: 3px;
}
.dropdown-list::-webkit-scrollbar-track {
	background:  rgb(255,255,255,.5);
} 
.dropdown-list::-webkit-scrollbar-thumb {
	border-radius:10px;
	background-color:#b7262d;
}
.dropdown-list::-webkit-scrollbar-button {
	background-color:#transparent;
}
.dropdown-list::-webkit-scrollbar-corner {
	background-color:#transparent;
}



.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
	border: 1px solid transparent;
    border-bottom: 2px solid !important;
}
.nav-link {
    color: #aeaeae;
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
	border: 1px solid transparent;
    color: #495057;
}


.itemside {
    position: relative;
    display: flex;
    width: 100%;
}
.itemside .info {
    padding-left: 0.65rem;
    /*flex-grow: 1;*/
    width: 100%;
}
.itemside .aside {
    position: relative;
    flex-shrink: 0;
}

.dlist-align {
    display: flex;
}
[class*=dlist-] {
    margin-bottom: 5px;
}
.dlist-align dt {
    width: 150px;
    word-wrap: break-word;
    font-weight: normal;
}
.dlist-align dd {
    flex-grow: 1;
}
[class*=dlist-] dd {
    margin-bottom: 0;
}


.box {
    padding: 0.65rem;
    border-radius: 0.35rem;
    /*border: 1px solid #dee2e6;*/
}
.box-check{position:relative;margin-right:5px}
/*.box-check:hover:not(.active){border-color:#6ea8fe}
.box-check .border-oncheck{position:absolute;width:100%;height:100%;top:0;left:0;border:1px solid transparent;border-radius:.35rem;z-index:1;mix-blend-mode:darken}
.box-check input:checked~.border-oncheck{border-color:#0d6efd;background-color:rgba(231,241,255,.5)}*/
.box-check:hover:not(.active){border-color:#cccccc}
.box-check .border-oncheck{position:absolute;width:100%;height:100%;top:0;left:0;border:1px solid transparent;border-radius:.35rem;z-index:1;mix-blend-mode:darken}
.box-check input:checked~.border-oncheck{border-color:transparent;background-color:rgba(238,238,238,.5)}
.form-check-input:checked {
    background-color: #505050;
    border-color: #505050;
}



.feastCategory img {
    -webkit-transition: all 0.15s ease-in;
    -moz-transition: all 0.15s ease-in;
    -ms-transition: all 0.15s ease-in;
    -o-transition: all 0.15s ease-in;
    transition: all 0.15s ease-in;
}
.feastCategory:hover img {
	/*margin-top:-10px;*/
	-webkit-transform:scale(1.02);
	-moz-transform:scale(1.02);
	-o-transform:scale(1.02);
	transform:scale(1.02);
	opacity:0.9;
}


.tableRed {
    /* display: block; */
    /* width: 100%; */
    background-attachment: inherit;
    background-position: top;
    background: url(../images/tableBtn2.png) right top fixed no-repeat;
    /* background-image: url(../images/tableBtn2.png); */
    background-size: contain;
}


.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: 0.5rem;
}
.card {
    border: 0;
    box-shadow: 0 10px 15px -3px rgb(0 0 0 / 7%), 0 4px 6px -2px rgb(0 0 0 / 5%);
}
.card-header {
    padding: 0.75rem 1.5rem;
    margin-bottom: 0;
    background-color: rgba(0,0,0,.03);
    border-bottom: 1px solid rgba(0,0,0,.125);
}
.card-header:first-child {
    border-radius: calc(0.5rem - 1px) calc(0.5rem - 1px) 0 0;
}
.card-footer {
    padding: 0.75rem 1.5rem;
    background-color: rgba(0,0,0,.03);
    border-top: 1px solid rgba(0,0,0,.125);
}
.card-footer:last-child {
    border-radius: 0 0 calc(0.5rem - 1px) calc(0.5rem - 1px);
}
.card .bg-image {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
}
.bg-image {
    position: relative;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
}
.hover-overlay .mask {
    opacity: 0;
    transition: all .3s ease-in-out;
}
.hover-overlay .mask:hover{opacity:1}
.mask {
    position: absolute;
    /*top: 0;*/
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-attachment: fixed;
}
.mask-bg-color {
    background-color: hsla(0, 0%, 0%, 0.6);
}

.product-hover {
    box-shadow: 0 1px 5px 0 rgb(0 0 0 / 21%);
}
.product-hover:hover {
    box-shadow: 0 1px 8px 2px rgb(0 0 0 / 20%), 0 1px 8px 2px rgb(0 0 0 / 20%);
}

.btn-hover:hover {
    background-color: #fdfdfd;
    box-shadow: 0 6px 6px -3px rgb(0 0 0 / 7%), 0 4px 6px -2px rgb(0 0 0 / 5%) !important;
    box-shadow: 0 10px 15px -3px rgb(0 0 0 / 7%), 0 4px 6px -2px rgb(0 0 0 / 5%) !important;
}

.card-img, .card-img-bottom, .card-img-top {
    width: 100%;
}
.card-img, .card-img-top {
    border-top-left-radius: calc(0.5rem - 1px);
    border-top-right-radius: calc(0.5rem - 1px);
}
.card-img, .card-img-bottom {
    border-bottom-right-radius: calc(0.5rem - 1px);
    border-bottom-left-radius: calc(0.5rem - 1px);
}
/*.card-img-overlay { 漸層黑overlay
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.5rem;
    border-radius: calc(0.5rem - 1px);
	opacity: .7;
    background: linear-gradient(to bottom right, rgba(0,0,0,.9), rgba(0,0,0,.1));
}*/
.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.5rem;
    border-radius: calc(0.5rem - 1px);
}
.ob {
    opacity: .7;
    background: linear-gradient(to bottom right, rgba(0,0,0,.9), rgba(0,0,0,.1));
}
.shadow-1-strong {
    box-shadow: 0 1px 5px 0 rgba(0,0,0,.21)!important;
}
.card-banner {
    display: flex;
    position: relative;
    overflow: hidden;
    background-color: #fff;
    background-size: cover;
    background-position: center center;
    border-radius: 0.35rem;
}
.card-banner .img-bg {
    position: absolute;
    right: 0;
    bottom: 0;
    mix-blend-mode: multiply;
    max-width: 100%;
    opacity: .5;
}


/*.btn {
    display: inline-block;
    color: #4f4f4f;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 0.125rem solid transparent;
    padding: 0.375rem 0.75rem;
    border-radius: 0.25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.btn {
    text-transform: uppercase;
    vertical-align: bottom;
    border: 0;
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 20%), 0 2px 10px 0 rgb(0 0 0 / 10%);
    font-weight: 500;
    padding: 0.625rem 1.5rem 0.5rem;
    font-size: .75rem;
    line-height: 1.5;
}
.btn-check:focus+.btn-primary, .btn-primary:focus {
    color: #fff;
    background-color: #0f57cd;
    border-color: #0e52c1;
    box-shadow: 0 0 0 0.25rem rgb(54 125 243 / 50%);
}
.btn-check:focus+.btn, .btn:focus {
    outline: 0;
    box-shadow: 0 4px 10px 0 rgb(0 0 0 / 20%), 0 4px 20px 0 rgb(0 0 0 / 10%);
}
.btn.active, .btn.active:focus, .btn.focus, .btn:active, .btn:active:focus, .btn:focus, .btn:hover {
    box-shadow: 0 4px 10px 0 rgb(0 0 0 / 20%), 0 4px 20px 0 rgb(0 0 0 / 10%);
}
.btn-check:active+.btn-primary:focus, .btn-check:checked+.btn-primary:focus, .btn-primary.active:focus, .btn-primary:active:focus, .show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 4px 10px 0 rgb(0 0 0 / 20%), 0 4px 20px 0 rgb(0 0 0 / 10%);
}*/

.Facebook {
    position: fixed;
    z-index: 999;
    width: 40px;
    height: 40px;
    border-radius: 3px;
    right: 10px;
    bottom: 105px;
}
.LINE {
    position: fixed;
    z-index: 999;
    width: 40px;
    height: 40px;
    border-radius: 3px;
    right: 10px;
    bottom: 60px;
}
.Facebook img, .LINE img {
    border-radius: 3px;
}

.join_btn {
	width:32.3%;
	height:36px;
	line-height:25px;
	color:#ffffff;
	font-size:15px;
	font-weight:500;
	border:1px solid transparent;
	background:#3b3b3b;
	background:#f04141;
    background: #e14b4b;
    background: #df2929;
	border-radius: 5px;
	margin:0 0.5%;
	cursor:pointer;
	
	-webkit-transition:all 0.2s ease-in;
	-moz-transition:all 0.2s ease-in;
	-ms-transition:all 0.2s ease-in;
	-o-transition:all 0.2s ease-in;
	transition:all 0.2s ease-in;
	
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.join_btn:hover {
	opacity:0.9;
	-moz-opacity:0.9;　
	filter: alpha(opacity=90); // IE 5-7
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; // IE8
}
.join_btn:focus {outline: none;border:1px solid transparent;background:#df2929;}
.join_btn:active {outline: none;border:1px solid transparent;background:#df2929;}
.goon_btn {
	width:32%;
	height:38px;
	line-height:25px;
	color:#ffffff;
	font-size:15px;
	font-weight:500;
	border:1px solid transparent;
	background:#9daab0;
	cursor:pointer;
	border-radius: 5px;
	
	-webkit-transition:all 0.2s ease-in;
	-moz-transition:all 0.2s ease-in;
	-ms-transition:all 0.2s ease-in;
	-o-transition:all 0.2s ease-in;
	transition:all 0.2s ease-in;
	
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.goon_btn:hover {
	opacity:0.9;
	-moz-opacity:0.9;　
	filter: alpha(opacity=90); // IE 5-7
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; // IE8
}
.goon_btn:focus {outline: none;border:1px solid transparent;background:#909ca1;}
.goon_btn:active {outline: none;border:1px solid transparent;background:#909ca1;}
.goon_btn[disabled] {
	opacity:0.5;
	-moz-opacity:0.5;　
	filter: alpha(opacity=50); // IE 5-7
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; // IE8
}