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

/*-----css基本設定---------*/
*, body, h1, h2, h3, h4, h5, h6, a, p, select  {
	font-family: "微軟正黑體", "Microsoft JhengHei", sans-serif, Arial, Helvetica;
}
/*文字反選顏色*/
::selection, ::-moz-selection {
	background: #e78d09;
	color: #ffffff;
}

/*a:focus {
	background-color: #F7AD00 !important;
}*/
a {
	transition: .5s;
}
/*a:hover {
	filter:brightness(110%);
	transition: .5s;
}*/
/*a:focus img {
	-webkit-filter:saturate(0.2);
}*/


html {
	height: 100%;
	margin: 0;
}
body {
	margin: 0;
	min-height: 100%;
}

/*清除格式*/
.CleanFormat { 
	clear: both;
}
#article::after, .section::after, header::after, .ShowBk::after, .SShowBk::after {
	content: "";
	display: block;
	clear: both;
}

/*分隔線*/
.Dividers {
	margin: 10px auto;
	width: 100%;
	height: 1px;
	border-bottom: 1px dotted #373b80;
}

/*------------------------WebStart----------------------*/
#wrap {
	display: block;
	position: relative;
}
/*-------------------------Header-----------------------*/
header {
    background: #F9B733;
    padding: 10px 3.5%;
    position: relative;
    display: block;
    font-size: 0;
}
#HeaderLogo {
    display: inline-block;
    position: relative;
    width: 345px;
    vertical-align: middle;
}
#HeaderLogo ul {
    font-size: 0;
}
#HeaderLogo li {
    display: inline-block;
    margin: 0 5px;
}
/*#HeaderLogo img {
    display: block;
    height: auto;
    width: 100%;
    max-width: 60px;
}*/

/* 改成一個LOGO */
#HeaderLogo img {
    display: block;
    height: 60px;
    width: auto;
}
/*---------------------------Menu-----------------------*/
nav {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    width: calc(100% - 345px);
}
nav ul {
    font-size: 0;
    text-align: center;
}
nav li {
    display: inline-block;
    color: #ffffff;
	font-size: 0;
    vertical-align: middle;
    margin: 0 3%;
}
nav a {
    font-size: 18px;
    font-weight: bold;
    color: #ffffff;
}
nav a img {
    display: inline-block;
    margin: 0 5px;
}
nav a:hover, nav a.active {
	color: #DB5504;
}

/*-----手機版選單------*/
#MenuBtn {
    display: none;
    width: 50px;
    height: 50px;
    position: absolute;
    right: 2.5%;
    top: 15px;
}
div#MMenuBtn {
    display: none;
    width: calc(100% - 30px);
    position: absolute;
    top: 15px;
    left: 15px;
	font-size: 0;
}
div#MMenuBtn div {
    display: block;
    width: 80px;
    height: 30px;
    position: absolute;
    top: 0;
}
div#MMenuBtn img {
	display: inline-block;
	margin: 0 5px;
}
.Home {
    left: 0;
}
.FB {
    right: 0;
}
/*-------------------------BODY-------------------------*/
article {
	background: url("../images/bg.jpg") top center;
	display: block;
	position: relative;
	width: 100%;
}
section {
    padding: 50px 20px;
    display: block;
    width: calc(95% - 40px);
    max-width: 1160px;
    margin: 0 auto;
}
.PageSection {
	background: #ffffff;
}
/*-------------------------FOOTER-----------------------*/
footer {
	background: #F9B733;
	padding: 30px;
	display: block;
	position: relative;
	z-index: 0;
}
#footer {
	width: 95%;
	max-width: 1200px;
	margin: 0 auto;
	display: block;
	position: relative;
}
#FooterLogos {
    display: block;
}
#FooterLogos ul {
    font-size: 0;
}
#FooterLogos li {
    display: inline-block;
    vertical-align: middle;
}
#FooterLogos > ul > li {
    margin: 0 20px 10px;
    font-size: 0;
}
.FooterLogoName, .LogoImg {
    display: inline-block;
    vertical-align: middle;
}
/*#FooterLogos > ul > li:nth-child(3) .LogoImg {
    width: calc(100% - 115px);
}*/

.FooterLogoName {
    font-size: 18px;
    color: #ffffff;
    font-weight: bold;
    margin-right: 10px;
    /*width: 150px; 手機版使用*/
}
.FooterLogoName::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    height: 20px;
    width: 10px;
    background: #fff;
}
.FooterLogoName::after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 1px;
    height: 40px;
    background: #fff;
    transform: rotate(30deg);
    margin-left: 10px;
}
/*ul.LogoImg {
    width: calc(100% - 120px); //手機版使用
}*/
ul.LogoImg li {
    margin: 10px;
}
#FooterLogos img {
    display: block;
    /*height: 40px;*/
    width: auto;
}
/*ul.LogoImg li:last-child {
    margin-right: 0;
}*/





#CopyRight, .FooterService {
    text-align: center;
    font-size: 16px;
    color: #fff;
    font-weight: bold;
}
.footerDown {
    color: #fff;
    font-size: 16px;
    padding: 0;
    margin: 0;
    text-align: center;
}
.footerDown li {
    display: inline-block;
}
.footerDown li::after {
	content: "/";
	display: inline;
	font-size: inherit;
}
.footerDown li:last-child::after {
	content: "";
	display: none;
}
.footerDown li a {
    display: inline;
    color: #fff;
    font-size: 16px;
    font-weight: normal;
}

.FooterService span {
	display: inline-block;
}
/*--------------------------共用項目-------------------------------*/
.WStyle {
	display: block;
}
.MStyle {
	display: none;
}

/*-----各頁標題------*/
.Title {
    width: 100%;
    max-width: 700px;
    display: block;
    margin: 0 auto 50px;
}
.Title h1 {
    color: #07558F;
    font-size: 36px;
    text-align: center;
}
.TitleLine {
	width: 100%;
	height: 6px;
	font-size: 0;
	display: block;
	position: relative;
}
.TitleLine div {
	display: inline-block;
	vertical-align: middle;
	background: #07558F;
}
.TitleLine div:first-child, .TitleLine div:last-child{
	width: 6px;
	height: 6px;
	border-radius: 6px;
}
.TitleLine div:nth-child(2), .TitleLine div:nth-child(4) {
	width: 4px;
	height: 4px;
	border-radius: 4px;
}
.TitleLine div:first-child, .TitleLine div:nth-child(2), .TitleLine div:nth-child(3), .TitleLine div:nth-child(4) {
	margin-right: 5px;
}
.TitleLine div:nth-child(3) {
	width: calc(100% - 40px);
	height: 1px;
}
.SecTitle {
    text-align: center;
    padding: 10px 0;
    color: #07558f;
    font-weight: bold;
    font-size: 20px;
}


/*-----各頁Banner-----*/
#PageBanner {
	display: block;
	position: relative;
}
#PageBanner img {
	display: block;
	width: 100%;
	height: auto;
}



/*-----浮動連結-----*/
.PageFixLink > div {
    display: block;
    position: fixed;
    z-index: 10;
}
.FixLinkA {
    bottom: 210px;
    right: 5px;
}
.FixLinkB {
    bottom: 100px;
    right: 5px;
}
.PageFixLink > div.MFSignBtn {
	display: none;
}
#ScrolTopBtn {
	bottom: 10px;
    right: 15px;
	display: none;
}
.FixLinkA a, .FixLinkB a, #ScrolTopBtn a {
    display: block;
    font-weight: bold;
    border-radius: 100px;
    color: #ffffff;
    text-align: center;
}
.FixLinkA a {
    font-size: 20px;
    background: #635593;
    height: 50px;
    padding: 25px 5px;
    line-height: 25px;
    width: 90px;
}
.FixLinkB a {
	font-size: 24px;
	background: #76942D;
	height: 30px;
	line-height: 30px;
	padding: 35px 0px;
	width: 100px;
}
#ScrolTopBtn a {
	font-size: 24px;
	background: #DB5504;
	height: 40px;
	line-height: 40px;
	padding: 20px 0px;
	width: 80px;
}



.FixLinkA a:hover, .FixLinkB a:hover {
    animation-name:GiftLink;
    animation-duration:0.5s;
	animation-timing-function:linear;
	animation-iteration-count:infinite;
}
@keyframes GiftLink{
    0%{
        transform:rotate(0deg);
    }
    25%{
        transform:rotate(5deg);
    }
	50%{
        transform:rotate(0deg);
    }
	75%{
        transform:rotate(-5deg);
    }
	100%{
        transform:rotate(0deg);
    }
}



/*--------------------------內容開始-------------------------------*/
/*-----首頁-----*/
#IndexBanner {
	display: block;
	position: relative;
}
#IndexBanner img {
	display: block;
	width: 100%;
	height: auto;
}

.indexSignUpLink {
    display: block;
    width: 20%;
    max-width: 200px;
    height: 60px;
    position: absolute;
    bottom: 24%;
    left: 50%;
}
.indexSignUpLink a {
    height: 100%;
    background: #DB5504;
    color: #ffffff;
    font-size: 24px;
    text-align: center;
    line-height: 60px;
    font-weight: bold;
    letter-spacing: 8px;
    border-radius: 10px;
    padding-left: 8px;
}
.indexSignUpLink a:hover {
	background: #F9B733;
}
.IndexVideo {
	display: block;
	position: relative;
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
}
.IndexVideo img {
	display: block;
	position: relative;
	width: 100%;
	height: auto;
	z-index: 1;
}
.IndexVideo iframe {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 2;
	top: 0;
	left: 0;
}



/*-----歡樂食育秀-----*/
.ShowBk, .SShowBk {
    display: block;
    width: 100%;
    max-width: 700px;
    margin: 0 auto 50px;
}
.ShowBk > div, .SShowBk > div {
    display: block;
}
.ShowImg {
    width: 350px;
    position: relative;
    z-index: 2;
}
.ShowImg img {
    display: block;
    width: 100%;
    height: auto;
}
.ShowBk:nth-child(odd) .ShowImg, .ShowBk:nth-child(even) .ShowInfo, .SShowBk .ShowInfo {
    float: left;
}
.ShowBk:nth-child(odd) .ShowInfo, .ShowBk:nth-child(even) .ShowImg, .SShowBk .ShowImg {
    float: right;
}
.ShowInfo {
    padding: 20px 0;
    width: calc(100% - 370px);
}
.ShowName {
    font-size: 28px;
    font-weight: bold;
}
.ShowContent {
    font-size: 20px;
    color: #4d4d4d;
}
.ShowTime {
    margin: 20px 0;
    display: block;
    position: relative;
}
.ShowBlackLine {
    width: 150%;
    height: 1px;
    background: #000;
    position: absolute;
    z-index: 1;
    top: 50%;
}
.ShowBk:nth-child(odd) .ShowBlackLine {
    right: 0;
}
.ShowTimeBk {
    text-align: center;
    font-size: 20px;
    padding: 10px 0;
    font-weight: bold;
    display: block;
    position: relative;
    z-index: 2;
}
.ShowBk:nth-child(1) .ShowTimeBk {
    background: #e98037;
}
.ShowBk:nth-child(2) .ShowTimeBk {
    background: #078bc7;
}
.ShowBk:nth-child(3) .ShowTimeBk {
    background: #5baa22;
}
.ShowTxt {
    font-size: 16px;
    text-align: justify;
}


.ShowBreakTxt {
    color: #21808C;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    margin: 150px 0;
}


.SShowLine {
    display: block;
    margin: 20px 0;
    width: 150%;
    height: 1px;
    background: #000000;
}




/*-----嘉年華-----*/
ul.challengeList {
    display: block;
    font-size: 0;
    position: relative;
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
}
ul.challengeList li {
    display: inline-block;
    width: calc(50% - 20px);
    margin: 0 10px 30px;
    vertical-align: top;
    transition: .3s;
    opacity: .8;
}
ul.challengeList li:hover {
    box-shadow: 0 0 5px 0 #3c3c3c;
    opacity: 1;
}
.challengeImg, .challengeImg img {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
}
.challengeTitleBk {
    background: #f5b735;
    padding: 15px;
}
.challengeNum {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
}
.challengeTitle {
    font-size: 20px;
    border-top: 1px solid #000;
    padding-top: 10px;
}
.challengeContent {
    background: #E4E4E4;
    padding: 15px;
    font-size: 16px;
    text-align: justify;
}

/*-----食育課-----*/
ul.classList {
    display: block;
    position: relative;
    margin: 0 auto;
    width: 100%;
    max-width: 950px;
}
ul.classList li {
    display: block;
    position: relative;
    background: #E4E4E4;
    margin-bottom: 30px;
    font-size: 0;
}
.classLeftBk {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 360px);
    padding: 30px;
}
.classTitleBk {
    margin-left: -60px;
    width: calc(100% + 60px);
}
.classTitle {
    background: #f5b735;
    padding: 10px 10px 10px 40px;
}
span.classNum {
    font-size: 30px;
    font-weight: bold;
    vertical-align: bottom;
    line-height: 36px;
}
.classTitleName {
    font-size: 18px;
    vertical-align: bottom;
    font-weight: bold;
    line-height: 24px;
}
.TitleDec, .TitleDec img {
    display: block;
}
.classContent p {
    margin-bottom: 20px;
    font-size: 16px;
    text-align: justify;
}
.classTxtTitle {
    font-size: 20px;
    font-weight: bold;
    padding-left: 40px;
	line-height: 36px;
	background: url("../images/QAItem.png") left center no-repeat;
}
.classContent p:last-child {
    margin: 0;
}
.classRightBk {
    display: inline-block;
    vertical-align: middle;
    width: 300px;
    height: 400px;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat;
}

.ClassWrn {
	margin:20px 0;
}
.ClassWrn p {
	font-size:16px;
	color:red;
	margin:0;
	line-height:24px;
}
.ClassWrn p:first-child {
	font-weight:bold;
}

/*-----報名贈品-----*/
.GiftBk {
    display: block;
    width: 100%;
    max-width: 970px;
    margin: 0 auto 100px;
}
.GiftContent {
    margin-bottom: 100px;
}
.GiftBk .GiftContent:last-child {
    margin-bottom: 0px;
}
.GiftTItle {
    text-align: center;
    font-size: 28px;
    line-height: 40px;
    padding: 30px 0 15px;
    font-weight: bold;
    background: url('../images/TitileBg.png') no-repeat center;
    background-size: contain !important;
    margin-bottom: 30px;
}

.BagGift, .GagGiftTxt {
    display: block;
    width: 95%;
    max-width: 450px;
    margin: 0 auto;
}
.BagGift img {
    display: block;
    width: 100%;
    height: auto;
}
.GagGiftTxt {
    background: #df5704;
    padding: 10px 0;
    text-align: center;
    color: #fff;
    font-size: 30px;
    font-weight: bold;
}



ul.GiftBird, ul.GiftLottery {
    font-size: 0;
    display: block;
	text-align: center;
}
ul.GiftBird li {
    display: inline-block;
    width: calc(50% - 20px);
    margin: 0 10px;
	vertical-align: top;
}
.GiftBirdTitle {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    padding: 10px;
}
ul.GiftBird li:first-child .GiftBirdTitle {
    background: #719EB7;
}
ul.GiftBird li:last-child .GiftBirdTitle {
    background: #139C95;
}
.GiftBirdImg, .GiftBirdImg img, .GiftLotteryImg, .GiftLotteryImg img {
    display: block;
    width: 100%;
    height: auto;
    position: relative;
}


ul.GiftLottery li {
    display: inline-block;
    vertical-align: top;
    width: calc(33.33% - 20px);
    margin: 10px 10px 20px;
}
.HowManyGift {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 50px;
    height: 40px;
    padding: 20px 15px;
    background: #D76526;
    border-radius: 50px;
    color: #fff;
    font-size: 20px;
    text-align: center;
    font-weight: bold;
    line-height: 40px;
}
.GiftLotteryNameBk span {
    display: block;
    text-align: center;
}
span.GiftLotteryName {
    font-size: 20px;
    font-weight: bold;
}
span.GiftLotteryName span {
    display: inline-block;
    vertical-align: middle;
}

span.GiftLotteryPrice {
    font-size: 16px;
}


.GiftUseInfo {
    display: block;
    text-align: center;
    padding-top: 5px;
}
.GiftUseInfo a {
    display: block;
    background: #df5704;
    color: #fff;
    padding: 5px;
    width: 150px;
    border-radius: 30px;
    box-shadow: 0 2px 0 2px #e7b51f;
    margin: 0 auto 1px;
}
.GiftUseInfo a:hover {
    box-shadow: 0 1px 0 1px #e7b51f;
    margin: 1px auto 0px;
}

.GiftNameList {
    text-align: center;
    font-size: 24px;
    margin-bottom: 20px;
}
.GiftNameList a {
    font-weight: bold;
    color: #76942d;
    text-decoration: underline;
}
.GiftNameList a:hover {
    color: #635593;
}

/*---活動資訊---*/
div#ActInfoBk {
    display: block;
    width: calc(100% - 60px);
    max-width: 890px;
    margin: 0 auto 100px;
    background: #EDEDF0;
    padding: 30px;
    font-size: 0;
}
div#ActInfoBk > div {
    display: inline-block;
    width: calc(50% - 10px);
    vertical-align: top;
}
.ActInfoLeft {
    margin-right: 20px;
}
.ActTitle {
    border-left: 10px solid #E7B51F;
    padding-left: 10px;
    font-size: 24px;
    font-weight: bold;
    line-height: 24px;
    margin-bottom: 20px;
    letter-spacing: 5px;
}
.ActInfoContetn {
    font-size: 16px;
    margin-bottom: 30px;
    text-align: justify;
}
.ActInfoLeft .ActInfoContetn:last-child {
    margin: 0;
}
.ActInfoContetn p {
    margin-bottom: 10px;
}
.ActSignUpBtn {
    display: block;
    width: 200px;
    text-align: center;
    margin-bottom: 30px;
}
.ActSignUpBtn a {
    display: block;
    background: #D76526;
    color: #ffffff;
    font-weight: bold;
    font-size: 24px;
    padding: 10px;
    border-radius: 20px;
    letter-spacing: 5px;
}
.ActSignUpBtn a:hover {
	background: #E7B51F;
}
.ActInfoRight iframe {
    display: block;
    width: 100%;
    height: 350px;
}




/*---QA---*/
ul.QAList {
    display: block;
    width: 100%;
    max-width: 950px;
    margin: 0 auto 100px;
}
ul.QAList li {
    display: block;
    margin-bottom: 20px;
}
ul.QAList li:last-child{
    margin-bottom: 0px;
}
.QAQus {
    font-size: 20px;
    font-weight: bold;
    line-height: 36px;
}
span.QusNum {
    display: inline-block;
    vertical-align: top;
    width: 36px;
    height: 36px;
    text-align: center;
	background: url("../images/QAItem.png") no-repeat center;
}
span.QusTxt {
    display: inline-block;
    max-width: calc(100% - 45px);
    vertical-align: top;
}
.QAAns {
    font-size: 16px;
    padding-left: 40px;
	text-align: justify;
}




/*-----活動說明-----*/
.PicnicInfoBk {
	display: block;
    width: 100%;
    max-width: 950px;
	margin: 0 auto;
}

.PicnicTitle {
    font-size: 30px;
    font-weight: bold;
}
.PicnicH1 {
    font-size: 20px;
    font-weight: bold;
}
.PicnicContent {
    text-align: justify;
    margin-bottom: 30px;
}
.PicnicContent ol {
    list-style: decimal;
    padding-left: 20px;
}
.PicnicContent p, .PicnicContent li {
    font-size: 16px;
    line-height: 25px;
}
.PicnicGiftInfo {
    display: block;
    border: 1px solid #07558f;
    padding: 10px;
    margin: 10px 0;
    background: #e1f2ff;
}
.PicnicGiftInfo span {
    font-size: 16px;
    display: block;
    color: red;
}
.PicnicH2 {
    font-size: 18px;
    font-weight: bold;
}
ol.zhNumList {
    list-style: trad-chinese-informal;
    padding-left: 35px;
}




/*--額滿樣式--*/
.signfull {
	display:block;
	width:200px;
	height:200px;
	border:2px solid red;
	color:red;
	text-align:center;
	font-size:72px;
	line-height:200px;
	border-radius:200px;
	position:absolute;
	top:10px;
	left:50%;
	margin-left:-101px;
	background:rgba(255, 255, 255, 0.8);
}



/*---------停車資訊-----------*/
.Parking {
    border-top: 1px dashed #000;
    display: block !important;
    width: 100% !important;
    margin-top: 20px !important;
    padding: 20px 0;
}
.ParkingTxt {
    text-align: center;
    margin-bottom: 30px;
}
.ParkingTitle {
    text-align: center;
    font-size: 26px;
    font-weight: bold;
}
.ParkingInfo {
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
    background: #fff;
}
.ParkingInfo li {
	font-size: 0;
	border:1px solid #000;
	margin-top: -1px;
	text-align: center;
}
.ParkingTableHeader {
	margin-top: 0 !important;
	background: #D76526;
	color: #fff;
	font-weight: bold;
}
.ParkingInfo li div {
    font-size: 16px;
    display: inline-block;
    vertical-align: middle;
}
.ParkingInfo li div:first-child {
    width: 40px;
}
.ParkingInfo li div:nth-child(2) {
    width: calc(100% - 112px);
    padding: 10px 0;
    border-left: 1px solid;
    border-right: 1px solid;
}
.ParkingInfo li div:nth-child(3) {
    width: 70px;
}
.ParkingInfo li div:nth-child(2) span {
    display: block;
}
.ParkingInfo li div:nth-child(2) span:first-child {
	font-size: 20px;
	font-weight: bold;
	color: #D76526;
}
.ParkingInfo li div:nth-child(2) span:last-child {
	font-size: 16px;
}
/*---------------------------自適應內容----------------------------*/
/*--高--*/
@media only screen and (max-height: 820px) {

}
@media only screen and (max-height: 600px) {

}



/*--寬--*/

@media only screen and (max-width: 1190px) {
header {
    padding: 10px 2.5%;
}
div#HeaderLogo {
    width: 15%;
}
#HeaderLogo li {
    width: 16.6%;
    margin: 0;
}
nav {
    width: 85%;
}
nav li {
    margin: 0 2%;
}
}
@media only screen and (max-width: 1150px) {
.FixLinkA, .FixLinkB {
    display: none !important;
}
#ScrolTopBtn a {
    font-size: 14px;
    width: 40px;
    line-height: 20px;
    height: 20px;
    padding: 10px 0;
}
}
@media only screen and (max-width: 950px) {
.indexSignUpLink {
    height: 50px;
    bottom: 19%;
    width: 150px;
}
.indexSignUpLink a {
    line-height: 50px;
    letter-spacing: 4px;
    font-size: 18px;
}
}

@media only screen and (max-width: 860px) {
header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 4;
    width: 95%;
}
header::before {
    content: "";
    height: 100%;
    display: inline-block;
    vertical-align: middle;
}
/*div#HeaderLogo {
    width: calc(100% - 60px);
    max-width: 420px;
}*/
div#HeaderLogo {
    width: 100%;
}
	
/* 改選單位置-增加 */	
#HeaderLogo li {
    width: 100%;
    margin: 0;
}
	
/* 改選單位置-增加 */	
div#HeaderLogo a {
    display: block;
    width: 57px;
    margin: 0 auto;
}
	
/* 改選單位置-增加 */	
#HeaderLogo img {
    height: 40px;
}
	
	
	
/* 改選單位置
#MenuBtn {
	display: block;
}*/
/* 改選單位置
nav {
    display: none;
    position: fixed;
    width: calc(100% - 20px);
    height: calc(100% - 100px);
    padding: 10px 10px 10px 10px;
    overflow: auto;
    top: 80px;
    left: 0;
    z-index: 99;
    background: rgba(245, 183, 53, .9);
}*/
nav {

    position: fixed;
    width: 100%;
    overflow: auto;
    left: 0;
    bottom: 40px;
    z-index: 1;
    background: #f5b735;
    box-shadow: 0 0 5px 0 #000;
}
/* 改選單位置
nav li {
    display: block;
    margin: 0 auto;
    border-bottom: 1px solid #ffffff;
    padding: 10px 0;
}*/
nav li {
    width: calc(33.3% - 1px);
    margin: 0;
    border-right: 1px solid #fff;
	background: #f5b735;
}
nav li::after {
	display: none;
}
	
nav li:nth-child(1), nav li:nth-child(5), nav li:nth-child(6) {
    display: none;
}
nav li:nth-child(4) {
    width: 33.3%;
    margin: 0;
    border-right: none;
}

div#MMenuBtn {
    display: block;
}
	
/* 改選單位置
nav li img {
    margin: 0 auto;
}*/
nav li img {
    margin: 0 auto;
	width: 20px;
	height: 20px;
}
/* 改選單位置
nav a {
    color: #ffffff;
    font-size: 24px;
}*/
nav a {
    color: #ffffff;
    font-size: 16px;
    padding: 10px 0;
    display: block;
    line-height: 20px;
}
	
/* 改選單位置-增加 */	
nav a:hover, nav a.active {
    background: #DB5504;
    color: #fff;
}


/* 改選單位置
#IndexBanner, #PageBanner {
	padding-top: 80px;
}*/
#IndexBanner, #PageBanner {
    padding-top: 60px;
}	
	
	
/* 改選單位置
footer {
    padding-bottom: 80px;
}*/
footer {
    padding-bottom: 130px;
}

/* 改選單位置
#ScrolTopBtn {
    bottom: 60px;
}*/
#ScrolTopBtn {
    bottom: 90px;
}
	
	
	
/* 改選單位置
.FixLinkB {
    display: block !important;
    bottom: 0;
    width: 100%;
    height: 50px;
}*/
	
.FixLinkB {
    display: block !important;
    bottom: 0;
    width: 100%;
    height: 40px;
}
	
.FixLinkB a {
    padding: 10px;
    width: 100%;
    border-radius: 0;
}
/* 改選單位置-增加 */
.FixLinkB a {
    font-size: 20px;
    height: 20px;
    line-height: 20px;
}
	

	
	
.PageFixLink > div.WFSignBtn {
	display: none !important;
}
.PageFixLink > div.MFSignBtn {
	display: block;
}

	
.FixLinkA a:hover, .FixLinkB a:hover {
    animation-name: none;
}

	
	
	
}

@media only screen and (max-width: 780px) {
#IndexBanner .WStyle, #PageBanner .WStyle {
	display: none;
}
#IndexBanner .MStyle, #PageBanner .MStyle{
	display: block;
}
.indexSignUpLink {
    bottom: 17%;
    margin-left: -50px;
    width: 100px;
    height: 40px;
}
.indexSignUpLink a {
    font-size: 16px;
    line-height: 40px;
    letter-spacing: 2px;
    padding: 0 0 0 2px;
}
}

@media only screen and (max-width: 750px) {
div#ActInfoBk {
    padding: 0;
    width: 100%;
}
div#ActInfoBk > div {
    display: block;
    width: auto;
    margin: 0;
}
.ActInfoLeft {
    padding: 30px;
}
}

@media only screen and (max-width: 715px) {

}

@media only screen and (max-width: 700px) {
.classLeftBk {
    display: block;
    width: calc(100% - 60px);
}
.classRightBk {
    display: block;
    width: 100%;
}
span.classTitleName {
    display: block;
}
.classTxtTitle {
    font-size: 18px;
}
}
@media only screen and (max-width: 675px) {
ul.GiftBird li, ul.GiftLottery li {
    display: block;
    margin: 0 auto 30px;
    width: 100%;
    padding-bottom: 30px;
    border-bottom: 1px dashed;
}
ul.GiftBird li:last-child, ul.GiftLottery li:last-child {
	border-bottom: none;
}

#FooterLogos > ul > li {
    display: block;
    width: 100%;
    margin: 0 auto 50px;
    text-align: center;
}
.FooterLogoName {
    display: block;
    margin-bottom: 10px;
}
#FooterLogos > ul > li:nth-child(3) .LogoImg {
	width: 100%;
}
}

@media only screen and (max-width: 620px) {
.ShowBk:nth-child(odd) .ShowImg, .ShowBk:nth-child(even) .ShowInfo, .SShowBk .ShowInfo {
    float: none;
}
.ShowBk:nth-child(odd) .ShowInfo, .ShowBk:nth-child(even) .ShowImg, .SShowBk .ShowImg {
    float: none;
}
.ShowImg {
    width: 100%;
    max-width: 370px;
    margin: 0 auto;
}
.ShowInfo {
    width: 100%;
    text-align: center;
}
.ShowBlackLine {
    display: none !important;
}
.SShowLine {
    width: 100%;
}
	
	
ul.challengeList li {
    display: block;
    width: 100%;
    margin: 0 auto 30px;
}
}
@media only screen and (max-width: 540px) {

}
@media only screen and (max-width: 500px) {

}
@media only screen and (max-width: 460px) {
.Title h1 {
    font-size: 24px;
}
}
@media only screen and (max-width: 450px) {

}

@media only screen and (max-width: 400px) {
.ParkingInfo li div:first-child {
    display: none;
}
.ParkingInfo li div:nth-child(2) {
    border-left: none;
    width: calc(100% - 72px);
}
}
@media only screen and (max-width: 340px) {

}