@charset "utf-8";

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:Century Gothic,"微軟正黑體","LiHei Pro",Gotham,"Helvetica Neue",Helvetica,Arial,sans-serif;color:#3a3c3c;position:relative;background:#f1c3c3 url(../images/bg.jpg) no-repeat top center}
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}
ol,ol li,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}
.Container{background:url(../images/bg.jpg) no-repeat top center}
.Wrapper{width:1062px;margin:auto;position:relative}
.Header{position:relative}
.BtnBack{position:absolute;top:20px;left:33px}
.BtnBack a{display:block;text-indent:-9999px;width:140px;height:112px;background:url(../images/BtnBack.png) no-repeat top center;background-size:100%}
h1{background:url(../images/h1.png) no-repeat;width:800px;height:710px;text-indent:-9999px;margin:auto}
.flexblock{display:flex}
#Block02{margin-top:-40px;margin-bottom:30px}
#Block01 .Wrapper,#Block04 .Wrapper{width:1280px;margin:auto}
#Block04{margin-bottom:3%}
#Block02 h3{display:block;text-indent:-9999px;background:url(../images/Gifth3.png) no-repeat top center;width:400px;height:72px;background-size:100%;margin:10px auto 30px}
#Block03 h3{display:block;text-indent:-9999px;background:url(../images/GiftDetailh3.png) no-repeat top center;width:550px;height:72px;background-size:100%;margin:10px 0 30px 40px}
.gotgift1 a{display:block;text-indent:-9999px;background:url(../images/gotgift1.png) no-repeat top center;width:566px;height:65px;background-size:100%;margin:0 auto 10px}
.gotgift2 a{display:block;text-indent:-9999px;background:url(../images/gotgift2.png) no-repeat top center;width:566px;height:165px;background-size:100%;margin:0 auto 30px}
.gotgift3 a{display:block;text-indent:-9999px;background:url(../images/gotgift3.png) no-repeat top center;width:579px;height:155px;background-size:100%;margin:0 auto 30px}
.gotgift4 a{display:block;text-indent:-9999px;background:url(../images/gotgift4.png) no-repeat top center;width:483px;height:340px;background-size:100%;margin:0 auto 30px}
.Nav ul{display:flex}
.Nav ul li a{display:block;text-indent:-9999px;width:212px;height:250px}
.Nav ul li:nth-child(1) a{background:url(../images/act_bn01.png) no-repeat top center;background-size:100%}
.Nav ul li:nth-child(2) a{background:url(../images/act_bn02.png) no-repeat top center;background-size:100%}
.Nav ul li:nth-child(3) a{background:url(../images/act_bn03.png) no-repeat top center;background-size:100%}
.Nav ul li:nth-child(4) a{background:url(../images/act_bn04.png) no-repeat top center;background-size:100%}
.Nav ul li:nth-child(5) a{background:url(../images/act_bn05.png) no-repeat top center;background-size:100%}
.Nav ul li:nth-child(6) a{background:url(../images/act_bn06.png) no-repeat top center;background-size:100%}
.SubNav{position:relative}
.SubNav:after{content:"";background-color:#ffe2db;border-radius:20px 20px 0 0;height:23px;position:absolute;bottom:0;left:0;right:0;z-index:-1}
.SubNav ul{display:flex}
.SubNav ul li a{display:block;text-indent:-9999px;width:170px;height:154px}
.SubNav ul li:nth-child(1) a{background:url(../images/nav01.png) no-repeat top center;background-size:100%}
.SubNav ul li:nth-child(2) a{background:url(../images/nav02.png) no-repeat top center;background-size:100%}
.SubNav ul li:nth-child(3) a{background:url(../images/nav03.png) no-repeat top center;background-size:100%}
.SubNav ul li:nth-child(4) a{background:url(../images/nav04.png) no-repeat top center;background-size:100%}
.SubNav ul li:nth-child(5) a{background:url(../images/nav05.png) no-repeat top center;background-size:100%}
.SubNav ul li:nth-child(6) a{background:url(../images/nav06.png) no-repeat top center;background-size:100%}
.HotPorduct{background-color:#ffccbf;padding:3% 0}
.HotPorduct h3 span{background-color:#303e63;border-radius:50px;display:inline-block;color:#f1c3c3;padding:.1% 7%;margin:auto;font-size:45px;font-weight:700;position:relative}
.HotPorduct h3 span:before{content:"";background:url(../images/star2_l.png) no-repeat top center;background-size:100%;width:35px;height:58px;position:absolute;left:30px;top:5px}
.HotPorduct h3 span:after{content:"";background:url(../images/star2_r.png) no-repeat top center;background-size:100%;width:35px;height:58px;position:absolute;right:30px;top:5px}
.HotPorduct h3{text-align:center;margin-bottom:1%}
#Block05{margin-bottom:5%}
#Block05 h3{text-align:center;margin-bottom:2%}
#Block05 h3 span{background-color:#f1c3c3;border-radius:50px;display:inline-block;color:#303e63;padding:.1% 7%;margin:auto;font-size:45px;font-weight:700;position:relative}
#Block05 h3 span:before{content:"";background:url(../images/star1_l.png) no-repeat top center;background-size:100%;width:35px;height:58px;position:absolute;left:30px;top:5px}
#Block05 h3 span:after{content:"";background:url(../images/star1_r.png) no-repeat top center;background-size:100%;width:35px;height:58px;position:absolute;right:30px;top:5px}
.BankBorder{background-color:#f7b0b0;padding:2%;border-radius:20px;}
.BankBorder .Box{background-color:#fff;padding:2%;}
.wow:first-child{visibility:hidden}
.wow+.wow{visibility:hidden}
.FlyNav{position:fixed;top:200px;right:50%;z-index:20;margin:0;font-size:1rem;width:122px;margin:0 -48% 0 0}
.FlyNav ul{position:relative;background-color:rgba(254,213,212,.8);padding-bottom:10px;border-radius:20px}
.FlyNav ul:before{content:"";height:100px;position:absolute;top:-87px;left:-25px;background:url(../images/FollowertTop.png) no-repeat top;width:182px;background-size:100%;text-indent:-9999px}
.FlyNav ul{background-color:#fed5d4;padding-bottom:10px}
.FlyNav ul li a{display:block;padding:8%;text-align:center;color:#303e63;text-decoration:none}
.FlyNav ul li{position:relative}
.SliderBlock{width:500px;margin-left:-80px;position:relative}
#Block01 .swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1}
#Block01 .swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;-o-transition-property:-o-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-transition-property:-webkit-transform,left,top;-webkit-transition-duration:0s;-webkit-transform:translate3d(0,0,0);-webkit-transition-timing-function:ease;-moz-transition-property:-moz-transform,left,top;-moz-transition-duration:0s;-moz-transform:translate3d(0,0,0);-moz-transition-timing-function:ease;-o-transition-property:-o-transform,left,top;-o-transition-duration:0s;-o-transform:translate3d(0,0,0);-o-transition-timing-function:ease;-o-transform:translate(0,0);-ms-transition-property:-ms-transform,left,top;-ms-transition-duration:0s;-ms-transform:translate3d(0,0,0);-ms-transition-timing-function:ease;-webkit-transition-property:left,top,-webkit-transform;transition-property:left,top,-webkit-transform;-o-transition-property:transform,left,top;transition-property:transform,left,top;transition-property:transform,left,top,-webkit-transform;transition-duration:0s;transform:translate3d(0,0,0);transition-timing-function:ease;-webkit-box-sizing:content-box;box-sizing:content-box}
#Block01 .swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
#Block01 .swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;flex-wrap:wrap}
#Block01 .swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}
#Block01 .swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;-ms-flex-negative:0;flex-shrink:0;height:100%;position:relative;width:100%}
#Block01 .swiper-slide img{width:100%;height:auto}
#Block01 .swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}
#Block01 .swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:-webkit-transform,height;-o-transition-property:-o-transform;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}
#Block01 .swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}
#Block01 .swiper-container_d .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}
#Block01 .swiper-container_e .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}
#Block01 .swiper-pagination{text-align:center;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10;bottom:inherit;margin-top:-10px;}
#Block01 .swiper-pagination.swiper-pagination-hidden{opacity:0}
#Block01 .swiper-pagination-bullet{width:15px;height:15px;display:inline-block;border-radius:100%;background:#717171;opacity:.3}
#Block01 .swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}
#Block01 .swiper-slide-active{z-index:6}
button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}
#Block01 .swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}
#Block01 .swiper-pagination-white .swiper-pagination-bullet{background:#fff}
#Block01 .swiper-pagination-bullet-active{opacity:1;background:#717171}
#Block01 .swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}
#Block01 .swiper-pagination-black .swiper-pagination-bullet-active{background:#000}
#Block01 .swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}
#Block01 .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:5px 0;display:block}
#Block01 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px}
#Block01 .swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}
#Block01 .swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}
#Block01 .swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}
#Block01 .swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}
.card,.go_bt{-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease}
.card:hover,.go_bt:hover{filter:brightness(120%);-webkit-transform:scale(.95);-moz-transform:scale(.95);-ms-transform:scale(.95);-o-transform:scale(.95);transform:scale(.95)}
/*#Block03{display:none}*/
.BankList{ background-color: #fff; padding: 2% 3.5%; }
.BankList li{float: left; margin:0 1%;}
.HGPay{margin-top: 3%;}

@media screen and (max-width:768px){
body{background-size:575%;background-position:40% top}
img{width:100%;height:auto}
#Block01 .Wrapper,#Block04 .Wrapper,.Wrapper{width:100%}
.BtnBack{top:1%;left:1%}
.BtnBack a{width:80px;height:64px}
.flexblock{flex-direction:column}
h1{width:90%;background-size:100%;height:0;padding-bottom:65%}
.SliderBlock{margin:-10px auto 0;width:80%}
.FlyNav{width:100%;top:inherit;bottom:0;right:inherit;margin:0;font-size:.9rem}
.FlyNav ul:before{display:none}
.FlyNav ul{border-top:2px solid #1f1c1d;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:stretch;-ms-flex-pack:stretch;justify-content:stretch;padding:0;border-radius:inherit;background-color:rgba(254,213,212,.7)}
.FlyNav ul li{border-bottom:2px solid #1f1c1d;-webkit-box-flex:1;-ms-flex:1 1 33%;flex:1 1 33%}
.FlyNav ul li:last-child{border-bottom:2px solid #1f1c1d}
.FlyNav ul li a{word-break:break-word}
#Block01{margin-bottom:5%}
#Block02{margin:18% 0 0;position:relative}
#Block02:after{content:"";background-color:#303e63;transform:skewY(16deg);position:absolute;bottom:-7%;top:0;left:0;right:0;z-index:-1}
#Block02 h3{width:70%;height:0;padding-bottom:13%;margin-bottom:6%}
#Block03{padding-top:26%}
#Block03 h3{width:90%;height:0;padding-bottom:13%;margin:auto}
#Block04{padding:22% 0 7%}
.gotgift1 a{width:90%;height:0;padding-bottom:12%;margin:0 auto 3%}
.gotgift2 a{width:90%;height:0;padding-bottom:26%;margin:0 auto 3%}
.gotgift3 a{width:90%;height:0;padding-bottom:25%;margin:0 auto 3%}
.gotgift4 a{width:90%;height:0;padding-bottom:67%;margin:0 auto 3%}
.GiftImg{width:90%;margin:auto}
.HotPorduct h3 span{padding:.1% 11%;font-size:2rem}
.HotPorduct h3 span:before{width:30px;height:53px;left:5%;top:1%}
.HotPorduct h3 span:after{width:30px;height:53px;right:5%;top:1%}
#Block05{margin-bottom:3%}
#Block05 h3 span{padding:.1% 11%;font-size:2rem}
#Block05 h3 span:before{width:30px;height:53px;left:5%;top:1%}
#Block05 h3 span:after{width:30px;height:53px;right:5%;top:1%}
.BankBorder{margin:3%;padding:5%}
.Nav ul li{width:33%}
.Nav ul li a{width:100%;height:0;padding-bottom:130%}
.Nav ul{flex-wrap:wrap}
.SubNav ul li{width:33%}
.SubNav ul li a{width:100%;padding-bottom:90%;height:0}
#Block01 .swiper-pagination{margin-top: 1%;}
.SubNav:after{height:13px}
.FlyNav ul{background-color:rgba(254,213,212,1)}
.grid-item .BannerBlock{display:block;height:100%;position:relative}
.grid-item .BannerBlock .banner{position:absolute;bottom:0;right:0}
#Block13 .grid-item:nth-child(1) .BannerBlock{background-color:#017aff}
#Block14 .grid-item:nth-child(1) .BannerBlock{background-color:#900105}
#Block15 .grid-item:nth-child(1) .BannerBlock{background-color:#7db701}
.BankList li{margin: 1%;width: 48%;}
}