/* Minification failed. Returning unminified contents.
(469,28): run-time error CSS1019: Unexpected token, found ' '
(469,28): run-time error CSS1019: Unexpected token, found ' '
(469,28): run-time error CSS1042: Expected function, found ' '
(469,28): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(470,24): run-time error CSS1019: Unexpected token, found ' '
(470,24): run-time error CSS1019: Unexpected token, found ' '
(470,24): run-time error CSS1042: Expected function, found ' '
(470,24): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(742,28): run-time error CSS1019: Unexpected token, found ' '
(742,28): run-time error CSS1019: Unexpected token, found ' '
(742,28): run-time error CSS1042: Expected function, found ' '
(742,28): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(743,25): run-time error CSS1019: Unexpected token, found ' '
(743,25): run-time error CSS1019: Unexpected token, found ' '
(743,25): run-time error CSS1042: Expected function, found ' '
(743,25): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(781,28): run-time error CSS1019: Unexpected token, found ' '
(781,28): run-time error CSS1019: Unexpected token, found ' '
(781,28): run-time error CSS1042: Expected function, found ' '
(781,28): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(782,25): run-time error CSS1019: Unexpected token, found ' '
(782,25): run-time error CSS1019: Unexpected token, found ' '
(782,25): run-time error CSS1042: Expected function, found ' '
(782,25): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
 */
@import url(//fonts.googleapis.com/earlyaccess/cwtexming.css);
*{
	font-family: 'Microsoft JhengHei', serif;
	font-size:15px;
	letter-spacing:1.5px;
}
a{ 
	transition:all 0.2s ease-out;
	color:#5f5f5f
}

body{ background:url(../Images/bg.jpg)}
.w1100{
	width: 100%;
    max-width: 1100px;
    margin: 0 auto;
	padding: 0 10px;
    box-sizing: border-box;
	clear:both;
}
.w1100sp{
    max-width:1000px;
}
/*mobile*/
.menu-btn {
    display: none;
}
/*header*/
header{
	margin: 12px 0 0 0;
    height: 205px;
}
header h1 a{
	display:block;
	background:url(../Images/logo2017.png) no-repeat;
	width:300px;
	height:85px;
	text-indent:-9999px;
	float:left;
}

nav{
	float:right;
	text-align:right;
}

.Smenu{
	color:#bc6109;
	font-size:14px;
}
.Smenu p { display:inline-block;}
.Smenu select{
	border:1px solid #bc6109;
	border-radius:5px;
	padding:2px 5px;
}
.Smenu a{
	display: inline-block;
    vertical-align: bottom;
    background: #5e7bcd;
    color: #fff;
    border-radius: 5px;
    padding: 0 9px;
    width: 65px;
    position: relative;
}
.Smenu a:before{
	content: "";
    background: url(../Images/icon/fb.png);
    width: 11px;
    height: 21px;
    position: absolute;
    left: 9px;
    bottom: 0;
}
.Smenu a:hover{ background: #7695ec; }

.Mmenu{
	font-family: 'cwTeXMing', serif; /*明體*/
	margin: 25px 0 0 0;
}
.Mmenu li{
	display: inline-block;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    padding: 0px 8px 10px 8px;
    box-sizing: border-box;
	position:relative;
}
.Mmenu a{ display:block;}
.Mmenu .icon{
	border-radius:50%;
	position:relative;
	border-radius:50%;
	width:90px;
	height:90px;
	margin:0 0 10px 0;
	position:relative;
	
}
.Mmenu .icon img {
	width: 50px;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 18px;
	z-index: 9999;
}
.Mmenu a .icon:after{
	content: "";
    opacity: 0;
    width: 80px;
    height: 80px;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    top: 5px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 9998;
    transition: all 0.2s ease-out;
}
.Mmenu li:hover .icon:after , .Mmenu li.focus .icon:after   {
	opacity:1;
}

.Mmenu .red .icon{
	display:block;
	background:#e75f79;
}

.Mmenu .yellow .icon{
	display:block;
	background:#f6c246;
}

.Mmenu .green .icon{
	display:block;
	background:#adda5f;
}

.Mmenu .blue .icon{
	display:block;
	background:#87dbca;
}

.Mmenu .purple .icon{
	display:block;
	background:#a2bbf2;
}

.Mmenu .purple2 .icon{
	display:block;
	background:#c19ae3;
}



.Mmenu .font{
	position:relative;
}
.Mmenu a .font:before {
	content: "";
    position: absolute;
    left: -19px;
    top: 9px;
    width: 0px;
    height: 1px;
	transition:all 0.2s ease-out;
}
.Mmenu a .font:after {
	content: "";
    position: absolute;
    right: -19px;
    top: 9px;
    width: 0px;
    height: 1px;
	transition:all 0.2s ease-out;
}
.Mmenu li:hover .font:before, .Mmenu li:hover .font:after , .Mmenu li.focus .font:before , .Mmenu li.focus .font:after { width:13px;}
.Mmenu .red .font:before, .Mmenu .red .font:after{
	background:#e75f79;
}
.Mmenu .yellow .font:before, .Mmenu .yellow .font:after{
	background:#d08b05;
}
.Mmenu .green .font:before, .Mmenu .green .font:after{
	background:#52a33f;
}
.Mmenu .blue .font:before, .Mmenu .blue .font:after{
	background:#499fa2;
}
.Mmenu .purple .font:before, .Mmenu .purple .font:after{
	background:#6b73ad;
}
.Mmenu .purple2 .font:before, .Mmenu .purple2 .font:after{
	background:#9b68b6;
}
.Mmenu .red .font{
	color:#e75f79;
}
.Mmenu .yellow .font{
	color:#d08b05;
}
.Mmenu .green .font{
	color:#52a33f;
}
.Mmenu .blue .font{
	color:#499fa2;
}
.Mmenu .purple .font{
	color:#6b73ad;
}
.Mmenu .purple2 .font{
	color:#9b68b6;
}

.Mmenu li .Down_menu{
	display:none;
	position: absolute;
    top: 136px;
    left: -8px;
    width: 110px;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 8px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
    padding: 10px;
    z-index: 9999;
    transition: all 0.2s ease-out;
}
.Mmenu li:hover .Down_menu{ display:block; }
.Mmenu li .Down_menu a{
	display: block;
    font-family: 'Microsoft JhengHei', serif;
    font-size: 18px;
    font-weight: normal;
    border-bottom: 1px dotted #cacaca;
    padding: 12px;
}
.Mmenu li .Down_menu a:hover{
	background:#ececec;
	border-radius:5px;
}
.Mmenu li .Down_menu a:last-child{ border-bottom:0;}
.Mmenu .hide{ display:none; }
/*index*/
body.index{
	background:url(../Images/index_bg.png) no-repeat center top , url(../Images/bg.jpg);
}


/*浮動視窗*/
.fly_bn{
	font-family: 'cwTeXMing', serif;
	padding: 20px;
    border: 3px solid #fff;
    border-radius: 5px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.43);
    position: fixed;
    right: 40px;
	bottom: 50px;
    width: 205px;
    background: url(../images/fly-bg.png);
	z-index: 9999;
}
.fly_bn .box{
	display: block;
    position: relative;
    margin: 0 auto;
}
.fly_bn .x{
	position: absolute;
    top: -30px;
    right: -30px;
    width: 70px;
    z-index: 10000;
}
.fly_bn .chef{
	position: absolute;
    top: -150px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.fly_bn p{
	background: #fff;
    padding: 15px 15px 15px 15px;
    border-radius: 5px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.43);
    font-size: 19px;
    color: #ef4a69;
    font-weight: bold;
    margin: 81px 0 0 0;
    position: relative;
     z-index: 9997;
}
.fly_bn p span{
	display:block;
	text-align:center;
	background:#ef4a69;
	border-radius: 5px;
	color:#fff;
	margin:0 0 5px 0 ;
}
/*彈跳視窗*/
.jump{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    overflow-y: hidden;
	display:none;
}
.black2{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9998;
    overflow-y: hidden;
}
.Jumpbox{
	background: #fffee6;
    border-radius: 5px;
    border: 3px solid #ffae15;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: -250px auto 0 auto;
    width: 500px;
    height: auto;
    
    box-sizing: border-box;
    z-index: 9999;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
}
.Jumpbox .x{
    position: absolute;
    top: -30px;
    right: -30px;
    width: 70px;
    z-index: 10000;
}
.JumpVideo{
	background: #ffffff;
    border: 5px solid #fff;
    width: 1100px;
    height: 550px;
    padding: 5px;
}
.JumpVideo iframe{ width:100%; height:100%;}

.Index_map{
	background: url(../Images/index_bg2.png) no-repeat;
    background-position: 36% top;
    background-size: cover;

    max-width: 1285px;
    width: 100%;
	height: 712px;

    margin: 0 auto 57px auto;
    clear: both;
    position: relative;
}
.Index_map .map{ 
	position:relative;
	transition:all ease-out 0.2s;
}
.Index_map .map:hover .box{ 
	display:block;

}
.Index_map .map .box{
	display:none;
	width: 500px;
    background: rgba(255, 255, 255, 0.95);
    border-radius: 5px;
    border: 3px solid #b3d465;
    font-family: 'cwTeXMing', serif;
	padding: 40px 40px 15px 40px;
    box-sizing: border-box;

    position: absolute;
    transition: all 0.5s ease-out;
    z-index: 9999;
}
.Index_map .map .box:before{
	content: "";
    position: absolute;
    bottom: -25px;
    left: 31%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 26px 15px 0 15px;
    border-color: rgba(255, 255, 255, 0.9) transparent transparent transparent;
}
.Index_map .map .box:after{
	content: "";
    width: 320px;
    height: 85px;
    border-radius: 50%;

    position: absolute;
    left: 0px;
    right: 0;
    margin: 0 auto;
    top: 55px;
    z-index: 9998;
}


.Index_map .box h2{
	font-size:52px;
	text-align:center;
	margin: 0 0 25px 0;
	position:relative;
	z-index: 9999;
}
.Index_map .box h2 i{
	position: relative;
    z-index: 9999;
}
.Index_map .box h2:before {
	content: "";
    position: absolute;
    left: 0;
    top: -10px;
}
.Index_map .box h2:after{
	content:"";
	width: 65px;
    height: 65px;
    position: absolute;
    left: 53.5%;
    bottom: -67%;
    z-index: 9998;
}
	
.Index_map .box .img {
    height: 230px;
	width: 100%;
    overflow: hidden;
    border-radius: 10px;
    background-position: center;
    background-size: cover;
    border: 3px #fff solid;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.42);

	position: relative;
	z-index: 9999;
}
.Index_map .box p{
	font-size:24px;
	margin:15px 0 0 0;
	position:relative;
}
.Index_map .box span{
	width: calc(100% - 7em);
	width: -webkit-calc(100% - 7em);
width: -moz-calc(100% - 7em);
    height: 1px;
    display: inline-block;
    vertical-align: super;
    margin: 0 0 0 10px;
	position:relative;
}
.Index_map .box span:after{
	content: "";
    width: 7px;
    height: 7px;
    border-radius: 50%;
    position: absolute;
    right: -5px;
    top: -3px;
}
.Index_map .box p a{
	font-family: "Century Gothic";
    font-size: 14px;
    padding: 0 10px;
    border-radius: 5px;
    position: absolute;
    right: -7px;
	top: -3px;
}
.Index_map .box p a:hover{
	color:#fff !important;
}
/*食之伴*/
.Index_map .red{
	background: url(../Images/map/red1.png)no-repeat;
    background-position: bottom;
    width: 209px;
    height: 234px;

    position: absolute;
    left: 7%;
    bottom: 6%;
}
.Index_map .red > a{
	position: absolute;
    top: 80px;
    left: 40px;
}
/*跳出*/
.Index_map .red .box{
	border: 3px solid #9987ff;
    box-shadow: 0 0 35px rgba(189, 131, 236, 0.77);
	top: -145%;
    left: -25%;
}
.Index_map .red .box:before{
    bottom: -25px;
    left: 31%;
}
.Index_map .red .box:after{background: #fce0ff;}
.Index_map .red .box h2 i {color:#584c9d;}
.Index_map .red .box h2:before {
    background: url(../Images/map/red3.png);
    height: 109px;
    width: 419px;
}
.Index_map .red .box h2:after{background:url(../Images/map/red4.png);}
.Index_map .red .box h2 , .Index_map .red .box p ,.Index_map .red .box p a{color:#584c9d;}
.Index_map .red .box span,.Index_map .red .box span:after,.Index_map .red .box p a:hover{ background:#584c9d}
/**/

.Index_map .yellow{
	background: url(../Images/map/yellow1.png)no-repeat;
    background-position: bottom;
	width: 272px;
    height: 179px;

    position: absolute;
    left: 9%;
    bottom: 47%;
}
.Index_map .yellow > a{
	position: absolute;
    top: 95px;
    left: 75px;
}
/*跳出*/
.Index_map .yellow .box{
	border: 3px solid #ffbc48;
    box-shadow: 0 0 35px rgba(134, 108, 0, 0.77);
    top: -175%;
}
.Index_map .yellow .box:before{
    bottom: -25px;
    left: 31%;
}
.Index_map .yellow .box:after{background: #fff2cd;}
.Index_map .yellow .box h2 i {color:#d8630d;}
.Index_map .yellow .box h2:before {
    background: url(../Images/map/yellow3.png);
    height: 109px;
    width: 419px;
}
.Index_map .yellow .box h2:after{background:url(../Images/map/yellow4.png);}
.Index_map .yellow .box h2 , .Index_map .yellow .box p ,.Index_map .yellow .box p a{color:#e6a50b;}
.Index_map .yellow .box span,.Index_map .yellow .box span:after,.Index_map .yellow .box p a:hover{ background:#e6a50b}
/**/

.Index_map .green{
	background: url(../Images/map/green1.png)no-repeat;
    background-position: bottom;
    width: 368px;
    height: 236px;

    position: absolute;
	left: 33%;
    bottom: 37%;
}
.Index_map .green > a{
	position: absolute;
    top: 110px;
    left: 105px;
}
/*跳出*/
.Index_map .green .box{
	border: 3px solid #ff93cc;
    box-shadow: 0 0 35px rgba(255, 186, 239, 0.77);
	top: -120%;
}
.Index_map .green .box:before{
    bottom: -25px;
    left: 31%;
}
.Index_map .green .box:after{background: #ffdef0;}
.Index_map .green .box h2 i {color:#a7115f;}
.Index_map .green .box h2:before {
    background: url(../Images/map/green3.png);
    height: 109px;
    width: 419px;
}
.Index_map .green .box h2:after{background:url(../Images/map/green4.png);}
.Index_map .green .box h2 , .Index_map .green .box p ,.Index_map .green .box p a{color:#e40077;}
.Index_map .green .box span,.Index_map .green .box span:after,.Index_map .green .box p a:hover{ background:#e40077}
/**/

.Index_map .blue{
	background: url(../Images/map/blue1.png)no-repeat;
    background-position: bottom;
    width: 190px;
    height: 225px;

    position: absolute;
	left: 26%;
    bottom: 7%;
}
.Index_map .blue > a{
	position: absolute;
	top: 60px;
    left: 145px;
}
/*跳出*/
.Index_map .blue .box{
	border: 3px solid #f3c100;
    box-shadow: 0 0 35px rgba(255, 242, 119, 0.77);
	top: -152%;
    left: 30%;
}
.Index_map .blue .box:before{
	bottom: -25px;
    left: 22%;
    border-width: 26px 15px 0 15px;
    border-color: rgba(255, 255, 255, 0.9) transparent transparent transparent;
}
.Index_map .blue .box:after{background: #fdfb99;}
.Index_map .blue .box h2 i {color:#d69a0e;}
.Index_map .blue .box h2:before {
    background: url(../Images/map/blue3.png);
    height: 109px;
    width: 419px;
	left: -260px;
    top: -52px;
}
.Index_map .blue .box h2:after{background:url(../Images/map/blue4.png);}
.Index_map .blue .box h2 , .Index_map .blue .box p ,.Index_map .blue .box p a{color:#f3c100;}
.Index_map .blue .box span,.Index_map .blue .box span:after,.Index_map .blue .box p a:hover{ background:#f3c100}
/**/

.Index_map .indigo{
	background: url(../Images/map/indigo1.png)no-repeat;
    background-position: bottom;
    width: 300px;
    height: 177px;

    position: absolute;
	left: 68%;
    bottom: 37%;
}
.Index_map .indigo > a{
	position: absolute;
    top: 70px;
    left: 75px;
}
/*跳出*/
.Index_map .indigo .box{
	border: 3px solid #6489d8;
    box-shadow: 0 0 35px rgba(64, 117, 224, 0.77);
    top: -107%;
    left: -147%;
}
.Index_map .indigo .box:before{
	bottom: 14px;
    left: 96%;
    border-width: 20px 0 20px 46px;
    border-color: transparent transparent transparent rgba(255, 255, 255, 0.9);
}
.Index_map .indigo .box:after{background: #c2d4ff;}
.Index_map .indigo .box h2 i {color:#207f90;}
.Index_map .indigo .box h2:before {
    background: url(../Images/map/indigo3.png);
    height: 109px;
    width: 419px;
}
.Index_map .indigo .box h2:after{background:url(../Images/map/indigo4.png);}
.Index_map .indigo .box h2 , .Index_map .indigo .box p ,.Index_map .indigo .box p a{color:#4778ec;}
.Index_map .indigo .box span,.Index_map .indigo .box span:after,.Index_map .indigo .box p a:hover{ background:#4778ec}
/**/

.Index_map .purple{
	background: url(../Images/map/purple1.png)no-repeat;
    background-position: bottom;
    width: 312px;
    height: 188px;

    position: absolute;
	left: 60%;
    top: 12%;
}
.Index_map .purple > a{
	position: absolute;
	top: 75px;
    left: 65px;
}
/*跳出*/
.Index_map .purple .box{
	border: 3px solid #8fc31f;
    box-shadow: 0 0 35px rgba(157, 106, 185, 0.77);
    top: -107%;
    left: -147%;
}
.Index_map .purple .box:before{
	bottom: 14px;
    left: 96%;
    border-width: 20px 0 20px 46px;
    border-color: transparent transparent transparent rgba(255, 255, 255, 0.9);
}
.Index_map .purple .box:after{background: #e2f1c1;}
.Index_map .purple .box h2 i {color:#72a00e;}
.Index_map .purple .box h2:before {
    background: url(../Images/map/purple3.png);
    height: 109px;
    width: 419px;
}
.Index_map .purple .box h2:after{background:url(../Images/map/purple4.png);}
.Index_map .purple .box h2 , .Index_map .purple .box p ,.Index_map .purple .box p a{color:#8fc31f;}
.Index_map .purple .box span,.Index_map .purple .box span:after,.Index_map .purple .box p a:hover{ background:#8fc31f}
/**/

/*好康報*/
.Sale-bn{
	background: url(../Images/sale1-1.JPG);
    background-position: center center;
    height: 400px;
    background-size: cover;
}
.Sale-List i{
	width: calc(100% - 645px);
	width: -webkit-calc(100% - 645px);
	width: -moz-calc(100% - 645px);
    display: inline-block;
    vertical-align: middle;
    margin: 0 20px;
    box-sizing: border-box;
    height: 5px;
	border-top: 1px solid #d08b05;
    border-bottom: 2px solid #d08b05;
	text-align: center;
}
.Sale-List h3{
	font-size:30px;
	padding: 0 0 20px 0;
	color:#d08b05;
	text-align: center;
}
.Sale-List .box a > div{ display:inline-block;}
.Sale-List .box .date{
	color: #ff9729;
    font-size: 25px;
    font-family: 'Century Gothic', futura, 'URW Gothic L', Verdana, sans-serif;
    text-align: center;
	padding: 12px 15px;
    box-sizing: border-box;
    vertical-align: middle;
    border: 1px solid #ff9729;
	transition:all 0.2s ease-out;
}
.Sale-List .box{
	padding: 15px;
    border-bottom: 1px dotted #d08b05;
	margin: 10px 20px;
}
.Sale-List .box a{ display:block;}
.Sale-List .box .text {
    vertical-align: top;
    padding: 0 0 0 10px;
    width: calc(100% - 120px);
	width: -webkit-calc(100% - 120px);
	width: -moz-calc(100% - 120px);
}
.Sale-List .box .text span{
	background: #ff9729;
    border-radius: 5px;
    color: #fff;
    font-size: 15px;
    padding: 5px 15px;
}
.Sale-List .box .text p{ 
	font-size:18px;
	margin:5px 0 0 0;
	transition:all 0.2s ease-out;
}

.Sale-List .box a:hover .text p{
	color:#e66f06;
	text-decoration:underline;
}
.Stitle{
	color: #ff9729;
}
.Stitle span{
	background: #ff9729;
    border-radius: 5px;
    color: #fff;
    font-size: 15px;
    padding: 0px 10px;
    display: inline-block;
    margin: 0 0 0 10px;
}
.Mtitle{
	font-family: 'cwTeXMing', serif;
    color: #e66f06;
    font-size: 25px;
    font-weight: bold;
    border-bottom: 1px solid #ffdc5e;
    padding: 15px 0;
}
.Sale-Detail .text{    
	border-bottom: 1px dotted #f9b9b0;
    padding: 15px 0 15px 20px;
}
.Sale-Detail .text p{
	font-size: 18px;
    color: #423f3f;
    padding: 10px 0;
    position: relative;
}
.Sale-Detail .text p:before{
	content: "";
    position: absolute;
    top: 22px;
    left: -12px;
    width: 8px;
    height: 8px;
	-webkit-transform-origin: 0 100%; 
	-moz-transform-origin: 0 100%; 
	-o-transform-origin: 0 100%; 
	-ms-transform-origin: 0 100%; 
	transform-origin: 0 100%; 
	-webkit-transform:rotate(-45deg); 
	-moz-transform:rotate(-45deg); 
	-o-transform:rotate(-45deg); 
	-ms-transform:rotate(-45deg); 
	transform:rotate(-45deg); 
	background: #ff9729;

}
.Sale-Detail .text .Img{
	display: inline-block;
	width: 23%;
    padding: 0;
    margin: 8px 6px;
    box-sizing: border-box;
    border: 3px solid #fff;
    box-shadow: 0 0 3px #8c8c8c;
}
.Sale-Detail .text .Img img{
	width:100%;
	display: block;
}
.Sale-Detail .text .icon{
	display: inline-block;
    background: #f19200;
    box-shadow: 0 3px 0 #a75400;
    border-radius: 5px;
    padding: 5px 20px;
	margin: 2px 5px 2px 5px;
    color: #fff;
	transition:none;
}
.Sale-Detail .text .icon:hover{
	box-shadow: 0 1px 0 #a75400;
	margin:4px 5px 0px 5px;
}
.Sale-Detail .Back{
	text-align: center;
    margin: 10px 0 0 0;
}
.Sale-Detail .Back a{
	display: inline-block;
    background: #ecbcbe;
    padding: 5px 20px;
    box-sizing: border-box;
}
.Sale-Detail .Back a:hover{	
	background: #e84c6f;
    color: #fff;
}
/*各館資訊*/
.Main-banner{ clear:both;}
.Main-banner .item p{
	height: 565px;
    overflow: hidden;
    width: 100%;
    text-align: center;
	background-position: center 48%;
    background-size: cover;
	background-repeat:no-repeat;
}
.Main-banner .item .text{ 
    position: absolute;
    bottom: -100%;
    background: rgba(0,0,0,.6);
    color: #fff;
    padding: 17px 20px;
    width: 100%;
    transition: all .2s ease-in-out;
}
.Main-banner .item span{
	display: block;
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
	font-size:30px;
}
.Main-banner .item span i{ 
	font-size:18px;
	margin-left: 10px;
}
.Main-banner .item:hover .text{ bottom: 0; }
.Main-banner .owl-nav {
	width: 100%;
    position: absolute;
    top: 50%;
    font-size: 80px;
    color: #fff;
    -webkit-tap-highlight-color: transparent;
}
.Main-banner  .owl-nav .owl-prev {
    position: absolute;
    left: 5%;
}
.Main-banner  .owl-nav .owl-next {
    position: absolute;
    right: 5%;
}
.Main-banner2 .owl-nav{
	position: absolute;
    font-size: 60px;
}
.Main-banner2 .owl-nav .owl-prev{ 
	left:0;
	background: rgb(212, 138, 0);
    padding: 5px 10px;
}
.Main-banner2 .owl-nav .owl-next{ 
	right:0;
	background: rgb(212, 138, 0);
    padding: 5px 10px;
    
}
.container{
	overflow:hidden;
	    margin: 40px 0 50px 0;
}

.Lbox{
	float: left;
    width: 30%;
    background: #fff;
    border: 1px solid #dcdcdc;
    padding: 20px 25px;
    box-sizing: border-box;
}
.Lbox h2{
	font-size:30px;
	padding-bottom:15px;
}
.Lbox span{
	font-size: 15px;
    line-height: 1.7;
	text-align: justify;
    display: block;
	color:#505050;
}
.Lbox .icons{
	padding-top:15px;
	text-align:center;
}
.Lbox .icons a{ display:inline-block;}
.Lbox .icons .ico_Y{
	background:#f8b551;
	box-shadow:0 2px 0 #d88f1b;
	border-radius:5px;
	padding:5px 12px;
	color:#000;
	transition:all 0.2s ease-out;
}
.Lbox .icons .ico_Y i{ padding-left:5px;}
.Lbox .icons .ico_Y:hover{
	background:#ffce85;
}
/*食之藝-桃*/
.Food-art .Lbox{
	border-top:3px solid #e40077;
}
.Food-art .Lbox h2{ color:#e40077;}
.Food-art .Rbox ul.tabs li {
	border-top: 3px solid #f9e4ef; 
	background:#f9e4ef;
}
.Food-art .Rbox ul.tabs li.active{ border-top: 3px solid #e40077;}
.Food-art .Store-List h3{ color:#e40077;}
.Food-art .Store-List  i{ 
	border-top: 1px solid #e40077;
    border-bottom: 2px solid #e40077;
	text-align: center;
}

/*食之器-藍*/
.Food-bowl .Lbox{
	border-top:3px solid #009e9f;
}
.Food-bowl .Lbox h2{ color:#009e9f;}
.Food-bowl .Rbox ul.tabs li {
	border-top: 3px solid #d0e6e6; 
	background:#d0e6e6;
}
.Food-bowl .Rbox ul.tabs li.active{ border-top: 3px solid #009e9f;}
.Food-bowl .Store-List h3{ color:#009e9f;}
.Food-bowl .Store-List  i{ 
	border-top: 1px solid #009e9f;
    border-bottom: 2px solid #009e9f;
	text-align: center;
}

/*食之材-橘*/
.Food-item .Lbox{
	border-top:3px solid #ee7800;
}
.Food-item .Lbox h2{ color:#ee7800;}
.Food-item .Rbox ul.tabs li {
	border-top: 3px solid #ffe4c9; 
	background:#ffe4c9;
}
.Food-item .Rbox ul.tabs li.active{ border-top: 3px solid #ee7800;}
.Food-item .Store-List h3{ color:#ee7800;}
.Food-item .Store-List  i{ 
	border-top: 1px solid #ee7800;
    border-bottom: 2px solid #ee7800;
	text-align: center;
}

/*食之旅-綠*/
.Food-travel .Lbox{
	border-top:3px solid #8fc31f;
}
.Food-travel .Lbox h2{ color:#8fc31f;}
.Food-travel .Rbox ul.tabs li {
	border-top: 3px solid #dfeac6; 
	background:#dfeac6;
}
.Food-travel .Rbox ul.tabs li.active{ border-top: 3px solid #8fc31f;}
.Food-travel .Store-List h3{ color:#8fc31f;}
.Food-travel .Store-List  i{ 
	border-top: 1px solid #8fc31f;
    border-bottom: 2px solid #8fc31f;
	text-align: center;
}
/*食之伴-紫*/
.Food-gift .Lbox{
	border-top:3px solid #584c9d;
}
.Food-gift .Lbox h2{ color:#584c9d;}
.Food-gift .Rbox ul.tabs li {
	border-top: 3px solid #ffdee7; 
	background:#ffdee7;
}
.Food-gift .Rbox ul.tabs li.active{ border-top: 3px solid #584c9d;}
.Food-gift .Store-List h3{ color:#584c9d;}
.Food-gift .Store-List  i{ 
	border-top: 1px solid #584c9d;
    border-bottom: 2px solid #584c9d;
	text-align: center;
}
/*食之育-黃*/
.Food-teach .Lbox{
	border-top:3px solid #f3c100;
}
.Food-teach .Lbox h2{ color:#f3c100;}
.Food-teach .Rbox ul.tabs li {
	border-top: 3px solid #fff0b9; 
	background:#fff0b9;
}
.Food-teach .Rbox ul.tabs li.active{ border-top: 3px solid #f3c100;}
.Food-teach .Store-List h3{ color:#f3c100;}
.Food-teach .Store-List  i{ 
	border-top: 1px solid #f3c100;
    border-bottom: 2px solid #f3c100;
	text-align: center;
}
/*店家資訊*/
.Main-banner2{
	margin: 25px 0;
    border: 3px solid #fff;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.33);
    border-radius: 10px;
}
.Main-banner2 .item {
    margin: 10px 8px 10px 1px;
}
.Main-banner2 .item p{
	height: 350px;
	background-position: center 50%;
    background-size: contain;
}
.Main-banner .owl-nav{ top:40%;}

.Food-Store-detail{
    margin: 40px 0 25px 0;
}
.Food-Store-detail .mbox{
    background: #fff;
    border: 1px solid #dcdcdc;
    padding: 40px 25px;
    box-sizing: border-box;
    border-top: 4px solid #ffd471;
	margin-bottom:30px;
}
.Food-Store-detail .mbox2{
	border-top: 0;
	border-bottom: 4px solid #ffd471;
	margin: 0 0 40px 0;
}
.Food-Store-detail .mbox b{
	font-size: 17px;
    font-weight: bold;
    font-family: 'cwTeXMing', serif;
    color: #ffa702;
    display: block;
    margin: 0 0 3px 0;
}
.Food-Store-detail .mbox h2{
	font-size: 30px;
    font-weight: bold;
    padding-bottom: 10px;
    color: #d48a00;
    font-family: 'cwTeXMing', serif;
}
.Food-Store-detail .mbox h3{
	font-size: 18px;
    padding: 0 0 2px 0;
    display: inline-block;
    color: #af8d3f;
    border-bottom: 1px solid #af8d3f;
    margin-bottom: 10px;
}
.Food-Store-detail .mbox h2 i{
	font-size: 15px;
    color: #ffffff;
    background: #d48a00;
    padding: 3px;
    font-family: 'Microsoft JhengHei', serif;
	margin:0 0 0 10px ;
}
.Food-Store-detail .mbox span {
    font-size: 15px;
    line-height: 1.7;
    text-align: justify;
    display: block;
    color: #505050;
}
.Food-Store-detail .mbox .icons{
	padding-top: 20px;
	text-align: center;
}

.Food-Store-detail .mbox .icons .ico_Y {
	background: #f8b551;
	box-shadow: 0 2px 0 #d88f1b;
	border-radius: 5px;
	padding: 5px 12px;
	color: #000;
	transition: all 0.2s ease-out;
}
.Food-Store-detail .mbox .icons .ico_Y:hover {
    background: #ffce85;
}
.Food-Store-detail .text .icon{
    display: inline-block;
    background: #f19200;
    box-shadow: 0 3px 0 #a75400;
    border-radius: 5px;
    padding: 5px 20px;
    margin: 2px 5px 2px 5px;
    color: #fff;
    transition: none;
}
.Food-Store-detail .text .icon:hover{
    box-shadow: 0 1px 0 #a75400;
    margin: 4px 5px 0px 5px;
}
/**/
.Rbox{
	float:right;
	width:68.5%;
}

.Rbox ul.tabs {
	width: 100%;
}
.Rbox ul.tabs li {
	display:inline-block;
	position: relative;
	margin: 0 -5px 0 0px;
}
.Rbox ul.tabs li a {
	display: block;
	box-sizing: border-box;
	font-size: 15px;
    padding: 10px 5px;
	text-align:center;
}
.Rbox ul.tabs li a:hover {
	background: #fff;
}
.Rbox ul.tabs li.active  {
	background: #fff;
	border-left: 1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc;
	position: relative;
	z-index: 9999;
	top: 1px;
}
.Rbox ul.tabs li.active a:hover {
	background: #fff;
}
.Rbox .tab_container {
	clear: left;
	width: 100%;
	background: #fff;
	border: 1px solid #dcdcdc;
}
.Rbox .tab_content {
	padding: 20px;
	box-sizing:border-box;
	overflow:hidden;
}
.Rbox .tab_content .img{
	float: left;
    width: 59%;
    max-height: 266px;
    height: 100%;
    overflow: hidden;
    border: 3px solid #fff;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.49);
}
.Rbox .tab_content .img img{ 
	width:100%;
	vertical-align: middle;
}
.Rbox .tab_content .text{
	float: right;
    width: 39%;
	color: #505050;
    font-size: 15px;
    padding-left: 13px;
    text-align: justify;
    box-sizing: border-box;
}
.Rbox.about_tab{
    float:none;
    width:100%;
}
.Rbox.about_tab h3{
    margin: 15px 0;
}
.Rbox.about_tab ul.tabs li {
    border-top: 3px solid #dfdfdf;
    background: #dfdfdf;
    width: 20%;
    margin: 0 -6px 0 0px;
}
.Rbox.about_tab ul.tabs li:nth-child(1).active {
    border-top: 3px solid #e22472;
    background: #fff;
}
.Rbox.about_tab ul.tabs li:nth-child(2).active {
    border-top: 3px solid #ff992d;
    background: #fff;
}
.Rbox.about_tab ul.tabs li:nth-child(3).active {
    border-top: 3px solid #80c578;
    background: #fff;
}
.Rbox.about_tab ul.tabs li:nth-child(4).active {
    border-top: 3px solid #5ea4ee;
    background: #fff;
}
.Rbox.about_tab ul.tabs li:nth-child(5).active {
    border-top: 3px solid #be8bd8;
    background: #fff;
}
.Rbox.about_tab ul.tabs li a {
    padding: 10px 20px;
}
.Rbox.about_tab .tab_content .img{
    width:40%;
    max-height: 100%;
}
.Rbox.about_tab .tab_content .text{
    width:57%;
}
.Rbox.about_tab i{
    padding: 3px 10px;
    display: block;
}
.Rbox.about_tab #tab2 i{
    background: #d38d38;
}
.Rbox.about_tab #tab3 i{
    background: #54964c;
}
.Rbox.about_tab #tab4 i{
    background: #589fcf;
}
.about_bn{
    border: 4px solid #fff;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
}
.about_bn img{
    display: block;
}
.about_tab .Main-banner3{ 
    position:relative;
    margin: 0 0 -1px 0;
}
.about_tab .Main-banner3 b{
        position: absolute;
    left: 0;
    right: 0;
    top: 55px;
    text-align: center;
    font-size: 30px;
    color: #fff;
    font-family: 'cwTeXMing', serif;
}
.about_tab .Main-banner3 img{
    width:auto;
    display:block;
}
.rwd-table {
    background: #fff;
    min-width: 100%;
    font-size:15px;
    border-collapse: collapse;
    border-spacing: 0;
}
.table_p{
    font-size:15px;
    text-align:center;
    color:#333333;
    padding: 0 0 15px 0;
}
.rwd-table th{
    background: #ffc878;
}
.rwd-table th, .rwd-table td {
    display: table-cell;
    margin: 0.5em 1em;
    padding: 10px;
    border: 1px solid #e1a257;
}
.mbox .circle{
    display:inline-block;
    text-align:center;
    min-width: 32.33%;
    max-width: 800px;
    height: 400px; 
    margin: 20px auto 25px auto;
    border-bottom: 1px dotted #ccc;
}
.highcharts-credits{ display:none !important;}
.Store-List{
	clear:both;
	text-align: center;
}
.Store-List h3 ,.Store-List i{ display:inline-block;}
.Store-List i{
	width: 32%;
    vertical-align: middle;
    margin: 0 20px;
    box-sizing: border-box;
    height: 5px;
}
.Store-List h3{
	font-size:30px;
	padding: 30px 0 20px 0;
}
.Store{
	text-align:left;
}
.Store .box{
	display:inline-block;
	background:#fff;
	border: 1px solid #dcdcdc;
	text-align:left;
	width: 24.5%;
    margin: 3px 0;
	height:100%;
	padding:15px;
	box-sizing:border-box;
	vertical-align:top;
	overflow:hidden;
}
.Store .box a{
	display:block;
	transition:all 0.2s ease-out;
}
.Store .box .img{
    height: 150px;
    overflow: hidden;
}
.Store .box a:hover img{
	transform:scale(1.1);
}
.Store .box a:hover p{
	color:#ccc;
}
.Store .box  p{ 
	transition:all 0.2s ease-out;
	padding: 10px 0 0 0;
}
.Store .box .img img{ 
	width:100%;
	transition:all 0.2s ease-out;
}
/*購買資訊*/
.Ticket .mbox {
    background: #fff;
    border: 1px solid #dcdcdc;
    padding: 40px 25px;
    box-sizing: border-box;
    border-top: 4px solid #e75f79;
    margin-bottom: 30px;
}
.Ticket .mbox h2 {
    font-size: 30px;
    font-weight: bold;
    padding-bottom: 10px;
    color: #e75f79;
    font-family: 'cwTeXMing', serif;
}
.Ticket .mbox h3 {
    font-size: 18px;
    padding: 0 0 2px 0;
    display: inline-block;
    color: #e75f79;
    border-bottom: 1px solid #e75f79;
    margin-bottom: 20px;
}
.Ticket .mbox > span {
    font-size: 15px;
    line-height: 1.7;
    text-align: justify;
    display: block;
    color: #505050;
    padding: 5px 0 5px 0;
}
.Ticket .mbox > span.sp{ color: #e75f79; }
.Ticket .mbox i {
    font-size: 15px;
    color: #ffffff;
    background: #e75f79;
    padding: 3px 3px 3px 10px;
    font-family: 'Microsoft JhengHei', serif;
}
.Ticket .mbox .icons{
	padding-top: 30px;
    text-align: center;
}
.Ticket .mbox .icons .ico_Y {
    background: #e75f79;
    box-shadow: 0 2px 0 #e75f79;
    border-radius: 5px;
    padding: 5px 12px;
    color: #fff;
    transition: all 0.2s ease-out;
}
.Ticket .mbox p span{
	display: inline-block;
    vertical-align: middle;
    width: 12%;
    padding: 15px;
}
.Ticket .mbox p span img{ width:100%;}
.Main-banner3{
	overflow: hidden;
    margin: 0 0 15px 0;
}
.Main-banner3 img{ width:100%;}
.highcharts-button{ display:none;}
/*footer*/
footer{ 
	clear: both;
    background:rgba(249, 238, 237, 0.80);
	padding: 0 10px 15px 10px;
	margin:15px 0 0 0;
	position:relative;
}
footer:before{
	content: "";
    background: url(../Images/bg.png) no-repeat;
    height: 34px;
    width: 100%;
	position: absolute;
    top: -34px;
	left:0;
}
footer img{
	width: 260px;
    text-indent: -999px;
    display: inline-block;
	padding: 10px 20px 10px 0;
    box-sizing: border-box;
    vertical-align:middle;
}
footer p{
	display: inline-block;
	width: 72%;
    font-size: 13px;
    color: #444;
    line-height: 1.7;
}