/* css reset 歸0 */
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, font, 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,caption,  tfoot, thead {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}
/* css reset 歸0 end */



article{background: linear-gradient(to bottom,#ffffff 85%, #ffefbf 100%);}
.img-responsive,.thumbnail > img,.thumbnail a > img,.carousel-inner > .item > img,.carousel-inner > .item > a > img {display:inline-block;max-width: 100%;height: auto;}
h1{text-align: center;font-size: 3.5rem;}
h2{text-align: center;font-size: 2.5rem;color: #d94a94;font-weight: bold; font-family: "Microsoft YaHei";margin: 0 0 1%;}

/* 主圖區 */
.banner{position: relative;margin-bottom: 1.8rem;}
.banner:after{
    position: absolute;content: "";
    bottom: -1.8rem;left: 0;right: 0;
    width: 100%;height: 1.8rem;
    background: #FC852D;
}
.title{    grid-area: 1/1/4/6;
    justify-content: center;
    align-content: center;
    display: grid;
    margin:5.5% 0 3%;}
.gift{grid-area: 4/1/6/6;display: grid;align-content: end;    justify-content: center;}
.link{grid-area: 3/3/5/3;display: grid;justify-content: center;align-content: end;z-index: 2;}
.book{grid-area: 1/1/5/6;display: grid;justify-content: center;}
.link a{background: #15b8ae;color: white;font-size: 2.1rem;width: 130px;height: 130px;line-height: 44px;border-radius: 50%;text-align: center;display: block;padding: 18px 0 0;box-shadow: 0px 7px 10px 0px rgb(166 42 4);    box-sizing: border-box;}
.link a span{display: block;}
.banner img{max-width: 100%;}
.logo{    grid-area: 1/1/1/6;
    justify-content: center;
    display: grid;}
.bounceInLeft,.bounceInRight{animation-duration: 1.2s!important;}
.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
    display: inline-block;
    max-width: 100%;
    height: auto;
}
figure {margin: 5px 20px;text-align: center;}
.discount{    background: linear-gradient(180deg, #063834 0%,#158a84 8%, #21ada4 13%);
    margin: 0 15px 3%;
    font-size: 1.3rem;
    color: #16365a;
    padding: 3px 20px;
    position: relative;
    border-radius: 0 0 15px 15px;}


#event_master {width: 100%;margin:0 auto;padding:0;text-align: center;}
#event_master>h2{font-size: 2em;}
.anniversary{padding: 2%;margin: 0 0 4%;background: #ffde00;}
.anniversary > h1{text-align: center;font-size: 2.8rem;height: 64px;line-height: 64px;margin: 0 2%;font-family: "Microsoft YaHei";background: #f63b00;color: white;position: relative;}
.anniversary > h1:before,.anniversary > h1:after{content:"";width: 0;height: 0;position: absolute;border-style:solid}
.anniversary > h1:before{border-width: 32px 16px 32px 0px;border-color: transparent #ffde00 transparent transparent;right: 0;}
.anniversary > h1:after{border-width: 32px 0px 32px 16px;border-color: transparent transparent transparent #ffde00;left: 0;}
.activity_flex{margin: 3% 0%;}
.activity_list{width:calc(100%/2)}
.activity_list ul{    margin:10px 15px 0 37px;}
.activity_list ul li{font-size: 1.1rem;line-height: 29px;margin: 0 0 3px;text-align: justify;color: #fff;    list-style: disc;}.activity_flex{margin: 1% auto 1%;}
.activity_list>h2{    font-size: 1.8rem;
    color: #fff1b8;
    border: none;
    margin: 0 5px 13px;padding: 0 0 4px;}
.activity_list{text-align: center}
.activity_list>h2+p{color: #ffe992;text-align: center;font-size: 1.5rem;}


.more a {
	box-shadow: inset 0px 1px 0px 0px #7fb6ff;
    background: linear-gradient(to bottom, #376dac 5%, #0b2156 100%);
    background-color: #2f5f9c;
    border-radius: 6px;
    border: 1px solid #3264a1;
    display: inline-block;
    cursor: pointer;
    margin: 3px 5px;
    padding: 6px 24px;
    text-decoration: none;
    color: white !important;
}
.more a:hover {
    background: linear-gradient(to bottom, #ff4e4e 5%, #ea0303 100%);
    background-color: #f43200;
    box-shadow: inset 0px 1px 0px 0px #ff8a8a;
    border: solid 1px #f22802;
}
.more a:active {
	position:relative;
	top:1px;
}

[class*="flex"]{display: flex;justify-content: center;flex-wrap: wrap;}


/*活動內容*/
h3{font-size: 2rem;}


/*經驗談*/
.recommend{
    width:84%;margin: 5.5% 8% 1%;border: solid 1px #cfcfcf;
    background: rgb(255,222,0);
    background: -moz-linear-gradient(90deg, #ffcb7a 13%, rgba(255,255,255,1) 13%);
    background: -webkit-linear-gradient(90deg, #ffcb7a 13%, rgba(255,255,255,1) 13%);
    background: linear-gradient(90deg, #ffcb7a 13%, rgba(255,255,255,1) 13%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffcb7a",endColorstr="#ffffff",GradientType=1);
}
.recommend a{color: #df3a79;}
dl{padding:1% 2% .5%;}
dt{float: left;width: 4.5rem;text-align: left;padding:.3rem 0;}
dd{padding:.3rem 1.5rem;}
.recommend dl:nth-of-type(n+1):nth-of-type(-n+2) dd{color: #3264a1;font-weight: bold;}
.recommend dl:nth-of-type(3) dd{color: purple;font-weight: bold;}
dt, dd {display: table-cell;text-align: start;line-height: 1.7rem;}
dd > a{font-weight: bold;}

.more{width: 100%;text-align: center; margin: 0 auto;padding: 1% 0;}




/*media區域*/

@media(max-width:767px){
	.anniversary > h1 {font-size: 1.85rem;height: 50px;line-height: 50px;}
	.anniversary > h1:before {border-width: 25px 16px 25px 0px;}
	.anniversary > h1:after {border-width: 25px 0px 25px 16px;}
	.activity_list {width: calc(100%/1);margin: 0;text-align: center;}
    .activity_list>h2{font-size: 1.3rem;}
	#event_Book h3 {font-size: 1.85rem;}
    .recommend{
        background: rgb(255,222,0);
        background: -moz-linear-gradient(90deg, rgba(255,222,0,1) 24%, rgba(255,255,255,1) 24%);
        background: -webkit-linear-gradient(90deg, rgba(255,222,0,1) 24%, rgba(255,255,255,1) 24%);
        background: linear-gradient(90deg, rgba(255,222,0,1) 24%, rgba(255,255,255,1) 24%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffde00",endColorstr="#ffffff",GradientType=1);
    }

}

@media all and (min-width: 1201px){
body{margin:0;padding:0;font-family:"Microsoft JhengHei",Verdana,Arial;background: #e9eefb;}
#BodyContainer{width:850px;margin:0 auto}

/* bodyHeader */
#BodyHeader #header-share{line-height:1.2em;font-size:13px;color:#000;text-align:center;border-collapse:separate}
#BodyHeader #header-share a{font-size:13px;color:#000;text-decoration:underline}
#BodyHeader_m,#BodyHeader,#BodyFooter_rwd{display:none}
#BodyContentEvent{width:100%;float:left}

/* Event css */
#event,#event_master,#event_Act,#event_recommend,#event_Book {
	width: 100%;
	margin:0 auto;
	padding:0;
}
    


#menuleft{
	background-color:#ffde00;border-radius: 20px 0 0 20px; right:0%;bottom:20%;
	position:fixed;font-size:15px;text-align:center;
	z-index:999;text-align: left;padding: 1% 1% 0;
	color: #ce3636;font-size:1.1rem;
}
#menuleft p{margin: 0 0 1rem;line-height:2;}
#menuleft a{;color: #ce3636;}


/* news */
#event_news{width:100%;clear:both;height:auto;margin:0;padding:3% 0;float:left;background: #FC862F;}
#event_news .NewsStyle_title{color:#FFFB00;font-weight:700}
#event_news .NewsStyle{font-size:.9rem;color:white;line-height:1rem;}
#event_news .NewsStyle a:link{color:white}
#event_news .NewsStyle a:visited{color:white}
#event_news .NewsStyle a:hover{color:#ebebeb;text-decoration:none}
#event_news .NewsStyle a:active{color:white}
/* news end*/

/* Footer */
#BodyFooter_rwd{float:left;width:100%;margin:0 auto}
#BodyFooter_rwd #footer_line{width:90%;margin:2% 5%;display:block;float:left;height:auto;text-align:center;border-top-width:thin;border-top-style:solid;border-top-color:#666}
#BodyFooter_rwd #footer_inline a{color:#333}
#BodyFooter_rwd #footer_inline ul{float:left;width:100%;margin-bottom:0;margin-top:3%}
#BodyFooter_rwd #footer_inline ul li{display:inline;line-height:2em;font-size:1em;clear:both;width:100%;margin-right:1%;margin-bottom:0}
#BodyFooter_rwd #footer_inline ul li img{width:20%;height:auto;vertical-align:middle}
#BodyFooter_rwd #footer_address{float:left;width:100%;text-align:center;margin:1% auto}
#BodyFooter_rwd #footer_address a{color:#333}
#BodyFooter_rwd #footer_address ul{float:left;text-align:center;width:100%;clear:both}
#BodyFooter_rwd #footer_address ul li{float:left;display:block;width:100%;line-height:2em;text-align:center;font-size:1em}
/* Footer end */
/* 舊版IE */
#noie{background-color:#FFF;width:100%;text-align:center}
/* 舊版IE end */
#topbutton{display:none;}
}



@media all and (min-width: 1px) and (max-width: 1200px){ 
/*舊版IE專用修復縮放不正常檢視用*/
/*mobile*/
/* 隱藏區塊 */
#BodyHeader,#BodyHeader_m,#BodyFooter_rwd {display:none;}
#event_news {display:none;} 
/*#menuleft {display:none;} */
/* 隱藏區塊 */
/*body*/
body{font-family:"Microsoft JhengHei",Verdana,Arial;margin:0}
#BodyContainer{width:100%;margin-right:auto;margin-left:auto}
#BodyHeader #site{display:none}

/* Event_heaader */
#BodyHeader_m{text-align:center;height:auto;margin:2% auto}
#BodyHeader_m img{clear:both;height:auto;max-width:100%}
#BodyHeader_m #site2{border-bottom-left-radius:40px;border-bottom-right-radius:40px;opacity:.8;text-align:center;width:60px;height:90px;position:fixed;z-index:999;left:2%;font-size:1em;line-height:1.2em;background-color:#D64B1D;color:#FFF;vertical-align:top;top:9%;padding-top:15px}
#BodyHeader_m #site2 a{color:#FFF;text-decoration:none}

/* Event css */
#event {
	width: 100%;
	margin: 0%;
	padding: 0px;
}


/* Footer */
#BodyFooter_rwd{float:left;width:100%;margin-right:auto;margin-left:auto;padding:0}
#BodyFooter_rwd #footer_line{width:90%;display:block;float:left;height:auto;text-align:center;border-top-width:thin;border-top-style:solid;border-top-color:#333;margin:2% auto 2% 5%}
#BodyFooter_rwd #footer_inline a{color:#333}
#BodyFooter_rwd #footer_inline ul{float:left;padding:0;width:100%;margin-bottom:1%;text-align:center}
#BodyFooter_rwd #footer_inline ul li{float:left;display:inline-block;line-height:2em;font-size:1.2em;clear:both;width:100%;margin-right:auto;margin-bottom:0}
#BodyFooter_rwd #footer_inline ul li img{max-width:100%;height:auto;vertical-align:middle;margin-bottom:2%}
#footer_address li:nth-of-type(1) img:first-child{display:block;text-align:center;margin:0 auto 2%}
#BodyFooter_rwd #footer_address{margin-top:0;float:left;width:100%;text-align:center;margin-right:auto;margin-left:auto}
#BodyFooter_rwd #footer_address a{color:#333}
#BodyFooter_rwd #footer_address ul{float:left;padding:0;text-align:center;margin-bottom:1%;width:94%;clear:both;margin-left:3%}
#BodyFooter_rwd #footer_address ul li{float:left;display:block;width:100%;line-height:2em;text-align:center;font-size:.8em}
/* Footer end */


/* top */
#menuleft{width: 100%;
    bottom: 0%;
    line-height: 32px;
    z-index: 999;
    background-color: #ffde00;
    position: fixed;
    color: #ce3636;
    flex-wrap: wrap;
    display: flex;
    justify-content: center;
    border-top: 2px solid #df3a79;}
#menuleft p{margin: 1% 1.5%;}
#menuleft a{;color: #ce3636;}

}