@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);
body,html{margin:0;height:100%}
body{height:100%;width:100%;margin:0;padding:0}
body{font-size:100%;line-height:1.5;font-family:'Noto Sans TC',"微軟正黑體",'Century Gothic';color:#333;position:relative;margin:auto;background:#f2aec7 url(../images/bg.png) no-repeat center 45px}
a:focus{outline:0}
a{text-decoration:none;color:#000}
a:hover{text-decoration:none;color:#fff}
img{border:0 none;line-height:0;display:block}
form{margin:0;padding:0}
ul,ul li{margin:0;padding:0;list-style-type:none}
dd,dl,dt{margin:0;padding:0}
dl{height:1%}
button{border:0 none;cursor:pointer;padding:0;margin:0;background:0 0}
.clearfix:after,.clearfix:before{content:"";display:table;height:0;overflow:hidden}
.clearfix:after{clear:both}
.clearfix{zoom:1}
h1,h2,h3,h6,p{margin:0;padding:0}
.Btn{background-color:#3c3c3c;font-size:2.5625rem;color:#fff;display:block;border-radius:100px;text-align:center;padding:1% 10%}
.Header .Wrapper{width:1200px;margin:auto}
.Wrapper{width:950px;margin:auto}
.BtnBack{display:block;text-indent:-9999px;background:url(../images/BtnMain.png) no-repeat top center;width:100px;height:100px;background-size:100%;position:absolute;margin-top: 1%;}
h1{background:url(../images/h1.png) no-repeat;width:1200px;height:500px;text-indent:-9999px;margin:auto}
.GiftTitle{background:#c27574;background:-moz-linear-gradient(left,#c27574 0,#f1766c 80%);background:-webkit-linear-gradient(left,#c27574 0,#f1766c 80%);background:linear-gradient(to right,#c27574 0,#f1766c 80%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#c27574', endColorstr='#f1766c', GradientType=1 );border-radius:55px;display:block;padding:5px;margin:2% auto;text-align:center}
.GiftTitle .Border{background:#feccc0;display:block;padding:1rem 2rem;border-radius:50px;font-size:3rem;color:#303e63}
.GiftTitle .Border .Date{font-size:2.5rem;color:#ff5c66;font-family:Century Gothic;font-weight:700}
.LinkDetail{display:inline-block;background-color:#303e63;padding:.2rem 1rem;color:#fff;font-size:20px;vertical-align:middle}
.GiftItem{margin-bottom:3em}
.GiftBorder{border:8px solid #fedcdb;background-color:#fff;display:flex;padding:15px 30px;box-sizing:border-box;border-radius:10px;max-width:950px;margin:auto;position:relative}
.GiftBorder:before{content:"";background:url(../images/bg_before.png) no-repeat;width:251px;height:133px;background-size:100%;position:absolute;left:-56px;bottom:-22px;z-index:10}
.GiftBorder:after{content:"";background:url(../images/bg_right.png) no-repeat;width:260px;height:133px;background-size:100%;position:absolute;right:-50px;top:-25px;z-index:10}
.GiftItemMain .GiftBorder:after{content:"";background:url(../images/giftmaintitle.png) no-repeat;width:483px;height:130px;background-size:100%;position:absolute;left:50%;right:0;margin:0 0 0 -180px;top:-138px}
.GiftImg{flex:1;position:relative;text-align:center}
.GiftImg img{margin:auto}
.LinkIntro{background-color:#303e63;color:#fff;position:absolute;bottom:0;left:0;right:0;font-size:40px;color:#fff;text-align:center;padding:.7% 0}
.LinkIntro a{color:#fff;display:block}
.LinkIntro span{color:#fff}
i.IconArrow{width:0;height:0;border-style:solid;border-width:19px 0 19px 22px;border-color:transparent transparent transparent #fff;display:inline-block;vertical-align:middle}
.LinkIntro i.IconArrow{border-width:15px 0 15px 20px}
.GiftName{flex:1;margin-left:3%}
.GiftList{padding:5% 0 0;position:relative}
.GiftName h3{color:#159562;font-size:2.5rem;font-weight:700;line-height:1.2}
.GiftName .SubTitle{font-size:1.8rem;color:#3c3c3c;line-height:1.3;font-weight:700;margin-bottom:60px}
.GiftItem:nth-child(4) .GiftName .SubTitle{margin-bottom:10px}
.GiftName .Discript{font-size:1.2rem}
.LinkGo{position:relative}
.LinkGo a{display:inline-block;width:80%;background:#f94d36;border-radius:55px;display:block;padding:7px;margin:4% auto;text-align:center;font-size:3rem;color:#fff}
.go_bt{-webkit-transition:all .1s ease;-moz-transition:all .1s ease;-ms-transition:all .1s ease;-o-transition:all .1s ease;transition:all .1s ease}
.go_bt:hover{-webkit-transform:translateY(-6px);-moz-transform:translateY(-6px);-ms-transform:translateY(-6px);-o-transform:translateY(-6px);transform:translateY(-6px);filter:brightness(105%)}
.ButtnBar{margin-bottom:3%}
.ButtnBar ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.ButtnBar ul li{width:40%;margin:2%}
.ButtnBar ul li a{-webkit-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;box-sizing:border-box}
.ButtnBar ul li a:hover{-webkit-transform:translateY(-6px);-ms-transform:translateY(-6px);transform:translateY(-6px)}
.ButtnBar ul li i{margin-left:5px;width:0;height:0;border-style:solid;border-width:10px 0 10px 18px;border-color:transparent transparent transparent #fff;display:inline-block;vertical-align:middle}
.Ps{font-size:24px;color:#333}
.LightboxOverlay{background:rgba(0,0,0,.8);position:fixed;left:0;right:0;top:0;bottom:0;z-index:100}
.LightboxWrap{position:fixed;left:50%;top:50%;width:900px;height:700px;margin:-330px 0 0 -450px;z-index:101;background-color:#fff;border-radius:20px}
.LightboxWrap .GiftBlock{overflow-y:scroll;height:580px;width:90%;margin:auto;padding:0 3%}
.LightboxWrap h4{text-align:center;margin-top:-5%}
.LightboxWrap h4 span{background-color:#ec5e6d;border:5px solid #fff;box-shadow:0 3px 7px 0 rgba(3,3,3,.35);border-radius:50px;font-size:66px;display:inline-block;color:#fff;width:90px;height:90px;line-height:90px;text-align:center;margin:0 1%}
.GiftIntroList>li{display:flex;padding-top:5%;margin-top:5%;border-top:1px dashed #9c414b}
.GiftIntroList>li:first-child{border:0 none;padding-top:0;margin-top:0}
.GiftIntroList>li .ImgBlock{flex:1}
.GiftIntroList>li .ImgBlock img{margin:auto}
.GiftIntroList>li .ImgName h3{font-size:42px;color:#9c414b;line-height:1.2;margin-bottom:5%}
.GiftIntroList>li .ImgName .Price{font-size:31px;color:#645b5c;font-weight:700;margin-bottom:4%}
.GiftIntroList>li .ImgName{align-self:center;margin-left:3%;flex:1}
.GiftIntroList>li .ImgName ol li{background-color:#f39ca5;width:100%;text-align:center;font-size:28px;margin-bottom:4%;color:#fff}
.GiftIntroList>li .ImgName ol li:nth-child(even){background-color:#d47c85}
.Gift02 .GiftIntroList{margin-top:-10%;position:relative;z-index:1;border:3px dotted #e02f42;padding:9% 4% 4%}
.Gift02 .List02 .GiftIntroList{border:3px dotted #f26836}
.Gift02 h5{width:50%;border:6px solid #ec5e6d;background:#e02f42;border-radius:55px;display:block;padding:7px;margin:4% auto;text-align:center;padding:.5% 2%;font-size:55px;color:#fff;position:relative;z-index:2}
.Gift02 .List02 h5{background-color:#f26836;border:6px solid #fa9c7a}
.Gift02 .GiftIntroList>li{border:0 none;margin:0 0 5%;padding:0}
.Lightbox .BtnClose a{background:url(../images/BtnClose.png) no-repeat;text-indent:-9999px;width:55px;height:55px;display:block;background-size:100%;position:absolute;right:0;top:-8%}
.Note{font-size:20px;color:#313131;text-align:center}
.ImpFont{font-size:30px;color:#e73f3f;margin:2% 0}
#Recordpage .Box{background-color:#fff;padding:3%}
#Recordpage .GiftTitle{margin-top:5%}
#Record{padding-bottom:5%}
.Lightbox{display:none}
h4{background-color:#7ebf83;border-radius:30px 30px 0 0;font-size:1.8rem;text-align:center;color:#fff;padding:2% 0;margin:0}
.Box,.IntorBlock{background-color:#fff;padding:3%;margin-bottom:30px}
.ActivityRow{margin:8px 0;text-align:justify;color:#fff;font-size:1.2rem;line-height:1.8;color:#333}
.ActivityRow a{color:#e91e63;text-decoration:underline}
.ActivityRow ol li ol li{list-style-type:disc}
.Border{background-color:#fff5dd;border-radius:20px;padding:3%;margin-bottom:1%}
.Table{border-top:1px solid #fff;border-right:1px solid #fff;background-color:#fff}
.Table th{background-color:#f3eded;color:#f56a6a;text-align:center;padding:1% 0;border-bottom:1px solid #fff;border-left:1px solid #fff;font-size:1.3rem}
.Table td{padding:1% .5%;border-bottom:1px solid #fff;border-left:1px solid #fff}
.Table{width:100%;text-align:center;font-size:1rem}
.Table th{background:#666;color:#fff;padding:1%}
.Table td{padding:1%;background-color:#eee;color:#373737}
.Table td:nth-child(1){width:20%}
.Table td:nth-child(2){width:30%}
.Table td:nth-child(3){width:50%;text-align:left}
.PageBar{padding:20px;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.PageBar a{margin:0 1px;text-decoration:none;border:1px solid #7ebf83;color:#7ebf83;padding:1%}
.PageBar a:hover{text-decoration:none}
.PageBar a.On,.PageBar a.On:hover{font-weight:700;text-decoration:none;color:#7ebf83;border:transparent 1px solid}
@media screen and (max-width:768px){
img{width:100%;height:auto}
body{background-size:130%}
.Header .Wrapper{width:100%}
.Wrapper{width:100%}
.BtnBack{width:60px;height:60px}
.Header{padding:10px 10px 3px}
h1{width:80%;background-size:100%;height:0;padding-bottom:31%;height:50px}
.GiftList{padding:1%}
.GiftTitle .Border{font-size:5vmin;padding:4% 1%;white-space:nowrap}
.GiftTitle .Border .Date{font-size:5vmin}
.LinkDetail{font-size:4vmin}
.LinkDetail{padding:.2rem .5rem}
.Container{margin:0 7%}
.LinkIntro{font-size:7vmin}
i.IconArrow{border-width:5px 0 5px 8px}
.LinkIntro i.IconArrow{border-width:5px 0 5px 8px}
.GiftName .SubTitle{font-size:6vmin;line-height:1.4;margin:0 0 5vmin 0}
.GiftName .Discript{font-size:4vmin}
.LinkGo a{padding:3px;font-size:6vmin;width:65%}
.GiftImg img{width:70%}
.GiftItemMain .GiftImg img{width:100%}
.GiftName h3{font-size:7vmin}
.Ps{font-size:5vmin}
.GiftName{padding:0;text-align:center}
.LightboxWrap{width:90%;height:500px;margin:-250px 0 0 -45%}
.LightboxWrap h4 span{font-size:1.8rem;width:50px;height:50px;line-height:50px;border:2px solid #fff}
.Lightbox .BtnClose a{width:30px;height:30px;top:-7%}
.GiftIntroList>li{flex-flow:column}
.GiftIntroList>li .ImgName h3{font-size:8vmin}
.GiftIntroList>li .ImgName .Price{font-size:6vmin}
.GiftIntroList>li .ImgName ol li{font-size:6vmin}
.LightboxWrap .GiftBlock{height:400px}
.GiftIntroList>li .ImgName{margin:0;flex:inherit;width:90%}
.Note{font-size:4vmin}
.ImpFont{font-size:1.3rem}
.Gift02 h5{font-size:8vmin}
.Gift02 .List02 h5{border-width:3px}
.GiftIntroList>li .ImgName h3{margin-top:3%}
.GiftBorder{padding:10px;flex-flow:column}
.GiftBorder:before{width:36vmin;height:22vmin;bottom:-7vmin;left:-9vmin}
.GiftBorder:after{width:36vmin;height:22vmin;top:-5vmin;right:-8vmin}
.GiftItemMain .GiftBorder:after{width:56vmin;height:15vmin;top:-17vmin;margin-left:-21vmin}
.Btn{font-size:5vmin}
.ButtnBar ul li i{display:none}
.ButtnBar ul li{width:45%}
.GiftItem{margin-bottom:2em}
}