@charset "UTF-8";*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:"Microsoft JhengHei",Arial,"PingFang TC","Heiti TC","LantingHei TC","Microsoft YaHei",微軟正黑體,sans-serif}ol,ul{list-style:none}html{scroll-behavior:smooth}body{overflow-x:hidden}img{display:block;width:100%;height:auto;aspect-ratio:attr(width)/attr(height)}button,select{-webkit-appearance:none;outline:none;border:none;cursor:pointer;background-color:transparent}.container{margin:0 auto;width:90%;max-width:1440px}.sr-only{width:1px;height:1px;position:absolute;overflow:hidden}.header{background-color:#ffffff;position:fixed;top:0;left:0;width:100%;z-index:3;padding:1.3333333333vw 0}@media screen and (min-width:768px){.header{padding:0}}@media screen and (min-width:1800px){.header{padding:0}}.header .container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.header .logo{margin-left:-5%}@media screen and (min-width:768px){.header .logo{margin-left:0}}.header .logo img{height:13.3333333333vw;width:auto}@media screen and (min-width:768px){.header .logo img{height:3.8888888889vw}}@media screen and (min-width:1800px){.header .logo img{height:70px}}.header .menu{background-color:#14141e;width:0;height:100%;padding-top:13.3333333333vw;position:fixed;z-index:2;top:0;left:100%;overflow:hidden;-webkit-transform:translate(0%);transform:translate(0%);-webkit-transition:width 0.6s 0.3s,-webkit-transform 0.3s;transition:width 0.6s 0.3s,-webkit-transform 0.3s;transition:transform 0.3s,width 0.6s 0.3s;transition:transform 0.3s,width 0.6s 0.3s,-webkit-transform 0.3s}@media screen and (min-width:768px){.header .menu{background-color:transparent;display:-webkit-box;display:-ms-flexbox;display:flex;position:static;padding-top:0;width:auto;height:auto;-webkit-transform:none;transform:none}}.header .menu.active{width:100%;-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transition:-webkit-transform 0.3s;transition:-webkit-transform 0.3s;transition:transform 0.3s;transition:transform 0.3s,-webkit-transform 0.3s}@media screen and (min-width:768px){.header .menu.active{width:auto;-webkit-transform:none;transform:none}}.header .menu .menu-list{height:100%;overflow-y:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media screen and (min-width:768px){.header .menu .menu-list{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;height:auto;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}.header .menu .menu-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media screen and (min-width:768px){.header .menu .menu-item{-ms-flex-negative:0;flex-shrink:0;padding:0}}.header .menu .menu-item a{font-size:5.8666666667vw;color:#ffffff;position:relative;text-decoration:none;padding-bottom:5.3333333333vw;width:44.8vw;text-align:center}@media screen and (min-width:768px){.header .menu .menu-item a{font-size:1.1111111111vw;padding:0.5555555556vw 2.2222222222vw;color:#14141e;width:auto;-webkit-transition:color 0.3s;transition:color 0.3s}}@media screen and (min-width:1800px){.header .menu .menu-item a{font-size:20px;padding:10px 40px}}@media screen and (min-width:768px){.header .menu .menu-item a:hover{color:#141478}}.header .menu .menu-item:first-child{margin-top:auto}@media screen and (min-width:768px){.header .menu .menu-item:first-child{margin-top:0}}.header .menu .menu-item:last-child{margin-bottom:auto}@media screen and (min-width:768px){.header .menu .menu-item:last-child{margin-bottom:0}}.header .menu .menu-item+.menu-item a{padding-top:8vw;border-top:1px solid #ffffff}@media screen and (min-width:768px){.header .menu .menu-item+.menu-item a{padding-top:0.5555555556vw}}@media screen and (min-width:1800px){.header .menu .menu-item+.menu-item a{padding-top:10px}}.header .menu .menu-item.apply-card{margin-top:2.6666666667vw;overflow:hidden}@media screen and (min-width:768px){.header .menu .menu-item.apply-card{margin-top:0}}.header .menu .menu-item.apply-card a{width:auto;background-color:#ffffff;color:#14141e;font-size:4.8vw;padding:2.8vw 8.2666666667vw 2.8vw 4.2666666667vw}@media screen and (min-width:768px){.header .menu .menu-item.apply-card a{font-size:1.1111111111vw;padding:0.5833333333vw 2.2222222222vw 0.5833333333vw 0.8888888889vw;background-color:#14141e;color:#ffffff;-webkit-transition:background-color 0.3s;transition:background-color 0.3s}}@media screen and (min-width:1800px){.header .menu .menu-item.apply-card a{font-size:20px;padding:10.5px 40px 10.5px 16px}}.header .menu .menu-item.apply-card a:after{content:"";background-image:url("../images/common/icon_arrow_black.png");background-repeat:no-repeat;background-size:cover;background-position:center;width:9.8666666667vw;height:9.8666666667vw;position:absolute;right:0;top:0;bottom:0;margin:auto 0}@media screen and (min-width:768px){.header .menu .menu-item.apply-card a:after{width:2.7777777778vw;height:2.7777777778vw;background-image:url("../images/common/icon_arrow_white.png")}}@media screen and (min-width:1800px){.header .menu .menu-item.apply-card a:after{width:50px;height:50px}}@media screen and (min-width:768px){.header .menu .menu-item.apply-card a:hover{background-color:#141478}}.header .menu .btn-close{width:10.6666666667vw;height:10.6666666667vw;position:absolute;right:2.6666666667vw;top:2.6666666667vw}@media screen and (min-width:768px){.header .menu .btn-close{display:none}}.header .hamburger{display:block;width:6.4vw;height:4.2666666667vw;position:relative;cursor:pointer}@media screen and (min-width:768px){.header .hamburger{display:none}}.header .hamburger .hamburger-line{position:absolute;width:100%;height:2px;top:50%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);background-color:#14141e}.header .hamburger:after,.header .hamburger:before{content:"";position:absolute;width:100%;height:2px;background-color:#14141e}.header .hamburger:before{top:0}.header .hamburger:after{bottom:0}.footer{padding:5.8666666667vw 0 21.3333333333vw;background-color:#14141e;color:#ffffff}@media screen and (min-width:768px){.footer{padding:2vw 0}}@media screen and (min-width:1800px){.footer{padding:36px 0}}.footer .container{max-width:1620px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (min-width:768px){.footer .container{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.footer span{border-bottom:1px solid #ffffff;padding-bottom:4.2666666667vw;margin-bottom:3.2vw;font-size:5.8666666667vw}@media screen and (min-width:768px){.footer span{font-size:2.1111111111vw;margin-bottom:0;padding-bottom:0;border-bottom:none;-ms-flex-negative:0;flex-shrink:0;padding:0 1.6666666667vw;border-right:1px solid #ffffff}}@media screen and (min-width:1800px){.footer span{font-size:38px;padding:0 30px}}.footer p{font-size:3.2vw;letter-spacing:-0.128vw}@media screen and (min-width:768px){.footer p{font-size:1vw;letter-spacing:normal;padding:0 1.6666666667vw}}@media screen and (min-width:1800px){.footer p{font-size:18px;padding:0 30px}}.footer p a{color:#d2b48c;text-decoration:underline}.swiper-controls{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;max-width:1200px;margin:0 auto;padding:2.6666666667vw 0}@media screen and (min-width:768px){.swiper-controls{padding:1.1111111111vw 0}}@media screen and (min-width:1800px){.swiper-controls{padding:20px 0}}.swiper-controls .btn-next,.swiper-controls .btn-prev{width:10.6666666667vw;height:10.6666666667vw;background-repeat:no-repeat;background-size:cover;background-position:center;-ms-flex-negative:0;flex-shrink:0;background-image:url("../images/common/icon_arrow_black.png")}@media screen and (min-width:768px){.swiper-controls .btn-next,.swiper-controls .btn-prev{width:2.7777777778vw;height:2.7777777778vw}}@media screen and (min-width:1800px){.swiper-controls .btn-next,.swiper-controls .btn-prev{width:50px;height:50px}}.swiper-controls .btn-prev{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.swiper-controls .pagination{width:auto;font-size:3px;line-height:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:-4.2666666667vw}@media screen and (min-width:768px){.swiper-controls .pagination{margin-bottom:0;-ms-flex-wrap:nowrap;flex-wrap:nowrap}}.swiper-controls .pagination .swiper-pagination-bullet{height:3px;width:8vw;border-radius:3px;margin:0 1.3333333333vw 4.2666666667vw;background-color:#d7d7dc;opacity:1}@media screen and (min-width:768px){.swiper-controls .pagination .swiper-pagination-bullet{width:8.8888888889vw;margin:0 0.5555555556vw}}@media screen and (min-width:1800px){.swiper-controls .pagination .swiper-pagination-bullet{width:160px;margin:0 10px}}.swiper-controls .pagination .swiper-pagination-bullet-active{background-color:#14141e}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:4;background-color:rgba(20,20,120,0.9);-webkit-transition:opacity 0.3s;transition:opacity 0.3s;opacity:0;pointer-events:none}.lightbox .lightbox-bg{position:absolute;left:0;top:0;width:100%;height:100%}.lightbox .lightbox-wrap{width:89.3333333333vw;height:100%;margin-left:auto;overflow-y:auto;background-color:rgba(20,20,30,0.9);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);padding:10.6666666667vw 5.3333333333vw;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition:-webkit-transform 0.3s;transition:-webkit-transform 0.3s;transition:transform 0.3s;transition:transform 0.3s,-webkit-transform 0.3s;position:relative}@media screen and (min-width:768px){.lightbox .lightbox-wrap{width:90%;padding:5.5555555556vw 11.1111111111vw}}@media screen and (min-width:1800px){.lightbox .lightbox-wrap{padding:100px 200px}}.lightbox .lightbox-wrap .btn-close{width:10.6666666667vw;height:10.6666666667vw;margin-left:auto;display:block}@media screen and (min-width:768px){.lightbox .lightbox-wrap .btn-close{width:2.7777777778vw;height:2.7777777778vw}}@media screen and (min-width:1800px){.lightbox .lightbox-wrap .btn-close{width:50px;height:50px}}.lightbox .lightbox-wrap .lightbox-content{padding:10.6666666667vw 0}@media screen and (min-width:768px){.lightbox .lightbox-wrap .lightbox-content{padding:0}}.lightbox .lightbox-wrap .lightbox-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:2.6666666667vw}@media screen and (min-width:768px){.lightbox .lightbox-wrap .lightbox-title{margin-bottom:0.5555555556vw}}@media screen and (min-width:1800px){.lightbox .lightbox-wrap .lightbox-title{margin-bottom:10px}}.lightbox .lightbox-wrap .lightbox-title span{padding-bottom:5.3333333333vw;border-bottom:1px solid #af9169;color:#af9169;font-size:7.4666666667vw;font-weight:700}@media screen and (min-width:768px){.lightbox .lightbox-wrap .lightbox-title span{padding-bottom:1.1111111111vw;font-size:2.7777777778vw}}@media screen and (min-width:1800px){.lightbox .lightbox-wrap .lightbox-title span{font-size:50px;padding-bottom:20px}}.lightbox .lightbox-wrap .lightbox-text{padding:10.6666666667vw 0;color:#ffffff;font-size:3.2vw;line-height:1.8}@media screen and (min-width:768px){.lightbox .lightbox-wrap .lightbox-text{padding:2.2222222222vw 0;font-size:1vw}}@media screen and (min-width:1800px){.lightbox .lightbox-wrap .lightbox-text{padding:40px 0;font-size:18px}}.lightbox .lightbox-wrap .lightbox-text ol{list-style:decimal;padding-left:5.3333333333vw}@media screen and (min-width:768px){.lightbox .lightbox-wrap .lightbox-text ol{padding-left:1.3333333333vw}}@media screen and (min-width:1800px){.lightbox .lightbox-wrap .lightbox-text ol{padding-left:24px}}.lightbox .lightbox-wrap .lightbox-text ol a{color:#af9169;text-decoration:underline}.lightbox .lightbox-wrap .lightbox-text ol ul{list-style:disc;padding-left:3.2vw}@media screen and (min-width:768px){.lightbox .lightbox-wrap .lightbox-text ol ul{padding-left:1.3333333333vw}}@media screen and (min-width:1800px){.lightbox .lightbox-wrap .lightbox-text ol ul{padding-left:24px}}.lightbox .lightbox-wrap .lightbox-text ul{list-style:disc;padding-left:3.2vw}@media screen and (min-width:768px){.lightbox .lightbox-wrap .lightbox-text ul{padding-left:1.3333333333vw}}@media screen and (min-width:1800px){.lightbox .lightbox-wrap .lightbox-text ul{padding-left:24px}}.lightbox .lightbox-wrap .lightbox-text ul .high-light{font-weight:bold;color:#d2b48c}.lightbox .lightbox-wrap .lightbox-text li{padding-bottom:3.2vw}@media screen and (min-width:768px){.lightbox .lightbox-wrap .lightbox-text li{padding-bottom:0.6666666667vw}}@media screen and (min-width:1800px){.lightbox .lightbox-wrap .lightbox-text li{padding-bottom:12px}}.lightbox .lightbox-wrap .btn-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:10.6666666667vw 0}@media screen and (min-width:768px){.lightbox .lightbox-wrap .btn-wrap{padding:3.3333333333vw 0}}.lightbox .lightbox-wrap .btn-more{color:#af9169;font-size:4.2666666667vw;border:1px solid #af9169;padding:2vw 6.9333333333vw 2vw 3.2vw;position:relative;-webkit-transition:background-color 0.3s;transition:background-color 0.3s;text-decoration:none}@media screen and (min-width:768px){.lightbox .lightbox-wrap .btn-more{font-size:1.2222222222vw;padding:0.5833333333vw 2.2222222222vw 0.5833333333vw 0.8888888889vw}}@media screen and (min-width:1800px){.lightbox .lightbox-wrap .btn-more{font-size:22px;padding:10.5px 40px 10.5px 16px}}.lightbox .lightbox-wrap .btn-more:after{content:"";position:absolute;right:0;top:0;bottom:0;margin:auto;width:9.6vw;height:9.6vw;background-repeat:no-repeat;background-position:center;background-size:cover;background-image:url("../images/common/icon_arrow_gold.png")}@media screen and (min-width:768px){.lightbox .lightbox-wrap .btn-more:after{width:2.7777777778vw;height:2.7777777778vw}}@media screen and (min-width:1800px){.lightbox .lightbox-wrap .btn-more:after{width:50px;height:50px}}.lightbox .lightbox-wrap .btn-more:hover{background-color:#323241}.lightbox .lightbox-wrap .lightbox-swiper{padding:0}@media screen and (min-width:768px){.lightbox .lightbox-wrap .lightbox-swiper{padding:0 0 0 1.3888888889vw}}@media screen and (min-width:1800px){.lightbox .lightbox-wrap .lightbox-swiper{padding:0 0 0 25px}}.lightbox .lightbox-wrap .lightbox-subtitle{text-align:center;color:#d2b48c;font-size:4.2666666667vw}@media screen and (min-width:768px){.lightbox .lightbox-wrap .lightbox-subtitle{font-size:1.1111111111vw}}@media screen and (min-width:1800px){.lightbox .lightbox-wrap .lightbox-subtitle{font-size:20px}}.lightbox .lightbox-wrap .outstore-yoxi-get-list .swiper-controls .btn-next,.lightbox .lightbox-wrap .outstore-yoxi-get-list .swiper-controls .btn-prev,.lightbox .lightbox-wrap .outstore-yoxi-input-list .swiper-controls .btn-next,.lightbox .lightbox-wrap .outstore-yoxi-input-list .swiper-controls .btn-prev{background-image:url("../images/common/icon_arrow_white.png")}.lightbox .lightbox-wrap .outstore-yoxi-get-list .swiper-controls .btn-next[disabled],.lightbox .lightbox-wrap .outstore-yoxi-get-list .swiper-controls .btn-prev[disabled],.lightbox .lightbox-wrap .outstore-yoxi-input-list .swiper-controls .btn-next[disabled],.lightbox .lightbox-wrap .outstore-yoxi-input-list .swiper-controls .btn-prev[disabled]{opacity:0.3;cursor:default}.lightbox .lightbox-wrap .outstore-yoxi-get-list .swiper-controls .pagination .swiper-pagination-bullet,.lightbox .lightbox-wrap .outstore-yoxi-input-list .swiper-controls .pagination .swiper-pagination-bullet{background-color:#f5f5fa}.lightbox .lightbox-wrap .outstore-yoxi-get-list .swiper-controls .pagination .swiper-pagination-bullet-active,.lightbox .lightbox-wrap .outstore-yoxi-input-list .swiper-controls .pagination .swiper-pagination-bullet-active{background-color:#af9169}.lightbox .lightbox-wrap .outstore-yoxi-get-item,.lightbox .lightbox-wrap .outstore-yoxi-input-item{padding:2.6666666667vw 4vw}@media screen and (min-width:768px){.lightbox .lightbox-wrap .outstore-yoxi-get-item,.lightbox .lightbox-wrap .outstore-yoxi-input-item{padding:0.5555555556vw 1.1111111111vw}}@media screen and (min-width:1800px){.lightbox .lightbox-wrap .outstore-yoxi-get-item,.lightbox .lightbox-wrap .outstore-yoxi-input-item{padding:10px 20px}}.lightbox .lightbox-wrap .outstore-yoxi-get-item .item-wrap,.lightbox .lightbox-wrap .outstore-yoxi-input-item .item-wrap{width:100%;position:relative}.lightbox .lightbox-wrap .outstore-yoxi-get-item .item-wrap .text,.lightbox .lightbox-wrap .outstore-yoxi-input-item .item-wrap .text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}.lightbox .lightbox-wrap .outstore-yoxi-get-item .item-wrap .text h3,.lightbox .lightbox-wrap .outstore-yoxi-input-item .item-wrap .text h3{position:relative;padding:0;color:#ffffff;font-size:5.3333333333vw}@media screen and (min-width:768px){.lightbox .lightbox-wrap .outstore-yoxi-get-item .item-wrap .text h3,.lightbox .lightbox-wrap .outstore-yoxi-input-item .item-wrap .text h3{font-size:1.3333333333vw}}@media screen and (min-width:1800px){.lightbox .lightbox-wrap .outstore-yoxi-get-item .item-wrap .text h3,.lightbox .lightbox-wrap .outstore-yoxi-input-item .item-wrap .text h3{font-size:24px}}.lightbox .lightbox-wrap .outstore-yoxi-get-item .item-wrap .text h3 span,.lightbox .lightbox-wrap .outstore-yoxi-input-item .item-wrap .text h3 span{border-bottom:1px solid #ffffff;padding-bottom:1.3333333333vw;display:inline-block}@media screen and (min-width:768px){.lightbox .lightbox-wrap .outstore-yoxi-get-item .item-wrap .text h3 span,.lightbox .lightbox-wrap .outstore-yoxi-input-item .item-wrap .text h3 span{padding-bottom:0.2777777778vw}}@media screen and (min-width:1800px){.lightbox .lightbox-wrap .outstore-yoxi-get-item .item-wrap .text h3 span,.lightbox .lightbox-wrap .outstore-yoxi-input-item .item-wrap .text h3 span{padding-bottom:5px}}.lightbox .lightbox-wrap .outstore-yoxi-get-item .item-wrap .text .content,.lightbox .lightbox-wrap .outstore-yoxi-input-item .item-wrap .text .content{color:#ffffff;font-size:3.7333333333vw;padding:1.3333333333vw 1.3333333333vw;margin-bottom:auto}@media screen and (min-width:768px){.lightbox .lightbox-wrap .outstore-yoxi-get-item .item-wrap .text .content,.lightbox .lightbox-wrap .outstore-yoxi-input-item .item-wrap .text .content{font-size:0.8888888889vw;padding:0.5555555556vw 0.5555555556vw}}@media screen and (min-width:1800px){.lightbox .lightbox-wrap .outstore-yoxi-get-item .item-wrap .text .content,.lightbox .lightbox-wrap .outstore-yoxi-input-item .item-wrap .text .content{font-size:16px;padding:10px 10px}}.lightbox .lightbox-wrap .outstore-yoxi-get-item .item-wrap .text .content ul,.lightbox .lightbox-wrap .outstore-yoxi-input-item .item-wrap .text .content ul{list-style:disc;padding-left:5.3333333333vw}@media screen and (min-width:768px){.lightbox .lightbox-wrap .outstore-yoxi-get-item .item-wrap .text .content ul,.lightbox .lightbox-wrap .outstore-yoxi-input-item .item-wrap .text .content ul{padding-left:1.7777777778vw}}@media screen and (min-width:1800px){.lightbox .lightbox-wrap .outstore-yoxi-get-item .item-wrap .text .content ul,.lightbox .lightbox-wrap .outstore-yoxi-input-item .item-wrap .text .content ul{padding-left:32px}}.lightbox.before-active{display:block}.lightbox.active{pointer-events:auto;opacity:1}.lightbox.active .lightbox-wrap{-webkit-transform:translateX(0);transform:translateX(0)}.btn-apply-card{position:fixed;background-color:#141478;color:#ffffff;width:100%;bottom:0;z-index:2;text-decoration:none;padding:3.2vw;font-size:4.8vw;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media screen and (min-width:768px){.btn-apply-card{display:none}}.btn-apply-card:after{content:"";display:block;width:9.8666666667vw;height:9.8666666667vw;background-image:url("../images/common/icon_arrow_white.png");background-repeat:no-repeat;background-position:center;background-size:cover;margin-left:-2.4vw}.btn-top{position:fixed;right:3.7333333333vw;bottom:30.4vw;width:8vw;height:8vw;border:1px solid #d7d7dc;border-radius:50%;background-color:#ffffff;background-image:url("../images/common/icon_arrow_black.png");background-repeat:no-repeat;background-position:center;background-size:cover;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);z-index:2}@media screen and (min-width:768px){.btn-top{width:2.7777777778vw;height:2.7777777778vw;right:2.2222222222vw;bottom:5.5555555556vw}}@media screen and (min-width:1800px){.btn-top{width:50px;height:50px;right:40px;bottom:100px}}.btn-offer{position:fixed;right:1.3333333333vw;bottom:48vw;width:13.6vw;height:18.1333333333vw;background-image:url("../images/common/sideButton_offer.png");background-repeat:no-repeat;background-position:center;background-size:cover;z-index:2;text-align:center;font-weight:bold;text-decoration:none;line-height:1;color:#5f4119;font-size:3.7333333333vw;padding:1.0666666667vw 0}@media screen and (min-width:768px){.btn-offer{width:5vw;height:6.6666666667vw;right:1.1111111111vw;bottom:27.7777777778vw;font-size:1.2222222222vw;padding:0.7777777778vw 0}}@media screen and (min-width:1800px){.btn-offer{width:90px;height:120px;right:20px;bottom:500px;font-size:22px;padding:14px 0}}.btn-offer:before{content:"";display:block;width:6.6666666667vw;height:6.6666666667vw;background-image:url("../images/common/icon_offer.png");background-repeat:no-repeat;background-position:center;background-size:cover;margin:0 auto}@media screen and (min-width:768px){.btn-offer:before{width:2.2222222222vw;height:2.2222222222vw}}@media screen and (min-width:1800px){.btn-offer:before{width:40px;height:40px}}.btn-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;outline:1px soild #f00}.section-outstore .outstore-list .btn-wrap{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start;padding:2vw 0 0}@media screen and (min-width:768px){.section-outstore .outstore-list .btn-wrap{padding:0.5833333333vw 0 0；}}@media screen and (min-width:1800px){.section-outstore .outstore-list .btn-wrap{padding:10.5px 0 0}}.btn-note{font-size:4.2666666667vw;padding:2vw 6.9333333333vw 2vw 3.2vw;position:relative;-webkit-transition:background-color 0.3s;transition:background-color 0.3s;text-decoration:none}@media screen and (min-width:768px){.btn-note{font-size:1.2222222222vw;padding:0.5833333333vw 2.2222222222vw 0.5833333333vw 0.8888888889vw}}@media screen and (min-width:1800px){.btn-note{font-size:22px;padding:10.5px 40px 10.5px 16px}}.btn-note:after{content:"";position:absolute;right:0;top:0;bottom:0;margin:auto;width:9.6vw;height:9.6vw;background-repeat:no-repeat;background-position:center;background-size:cover}@media screen and (min-width:768px){.btn-note:after{width:2.7777777778vw;height:2.7777777778vw}}@media screen and (min-width:1800px){.btn-note:after{width:50px;height:50px}}.btn-note+.btn-note{margin-left:5.3333333333vw}@media screen and (min-width:768px){.btn-note+.btn-note{margin-left:2.7777777778vw}}@media screen and (min-width:1800px){.btn-note+.btn-note{margin-left:50px}}.btn-note.gray{color:#14141e;border:1px solid #14141e}.btn-note.gray:after{background-image:url("../images/common/icon_arrow_black.png")}.btn-note.gray:hover{background-color:#d7d7dc}.page-title{padding-bottom:82.5396825397%;position:relative}@media screen and (min-width:768px){.page-title{padding-bottom:17.2222222222%}}.page-title .page-title-wrap{position:fixed;width:100%;padding-bottom:82.5396825397%;background-image:url("../images/common/page_kv-xs.jpg");background-position:center;background-size:cover;background-repeat:no-repeat;z-index:-1}@media screen and (min-width:768px){.page-title .page-title-wrap{padding-bottom:17.2222222222%;background-image:url("../images/common/page_kv-lg.jpg")}}.page-title .title{position:absolute;top:47.6923076923%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);color:#ffffff;font-size:10.6666666667vw;width:100%;text-align:center}@media screen and (min-width:768px){.page-title .title{top:50.9677419355%;font-size:3.1111111111vw}}@media screen and (min-width:1800px){.page-title .title{font-size:56px}}section{background-color:#f5f5fa;background-image:url("../images/common/page_bg_bottom-lg.png");background-position:bottom right;background-size:100% auto;background-repeat:no-repeat}@media screen and (min-width:768px){section{background-size:47% auto}}.section-bindingPay{padding:10.6666666667vw 0}@media screen and (min-width:768px){.section-bindingPay{padding:5.5555555556vw 0}.section-bindingPay .bindingHappygo-list .swiper-controls,.section-bindingPay .bindingNFC-list .swiper-controls{display:none}}@media screen and (min-width:1800px){.section-bindingPay{padding:100px 0}}.section-bindingPay .bindingHappygo,.section-bindingPay .bindingNFC{display:none}.section-bindingPay .bindingHappygo.active,.section-bindingPay .bindingNFC.active{display:block}.section-bindingPay .tabs{--active-color:#141478}.section-bindingPay .tabs{top:0;left:-0.2666666667vw;width:calc(100% + 0.5333333333vw);-webkit-box-sizing:border-box;box-sizing:border-box;list-style:none;-webkit-transition:opacity 0.3s ease-in-out;transition:opacity 0.3s ease-in-out;max-height:40vh;margin-bottom:8vw;border:none}.section-bindingPay .tabs .tab-btn{width:49%;font-size:3.7333333333vw;padding:2.5333333333vw 2.5333333333vw;text-align:center;position:relative;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;background-color:#d7d7dc;text-align:center;color:#14141e}.section-bindingPay .tabs .tab-btn:before{content:"";position:absolute;top:0%;display:block;right:2.6666666667vw;left:2.6666666667vw;height:1px;background-color:transparent}.section-bindingPay .tabs .tab-btn:before{background-color:transparent;top:100%;left:50%;height:0;width:0;right:auto;-webkit-transform:translate(-50%,-100%);transform:translate(-50%,-100%);border-color:transparent transparent transparent transparent;border-style:solid;border-width:3.2vw 2.6666666667vw 0 2.6666666667vw;-webkit-transition:border-color 0.3s ease-in-out,-webkit-transform 0.3s ease-in-out;transition:border-color 0.3s ease-in-out,-webkit-transform 0.3s ease-in-out;transition:border-color 0.3s ease-in-out,transform 0.3s ease-in-out;transition:border-color 0.3s ease-in-out,transform 0.3s ease-in-out,-webkit-transform 0.3s ease-in-out}.section-bindingPay .tabs .tab-btn:first-child:before{background-color:transparent}.section-bindingPay .tabs .tab-btn.active{color:#ffffff;background-color:var(--active-color)}.section-bindingPay .tabs .tab-btn.active:before{border-top-color:var(--active-color);-webkit-transform:translate(-50%,0%);transform:translate(-50%,0%)}@media screen and (min-width:768px){.section-bindingPay .tabs{overflow:initial;max-height:none;border:none;position:relative;opacity:1;pointer-events:auto;display:-webkit-box;display:-ms-flexbox;display:flex;border-radius:initial;gap:0.2222222222vw;margin-bottom:5.5555555556vw}.section-bindingPay .tabs .tab-btn{background-color:#d7d7dc;text-align:center;padding:1.1388888889vw 0;font-size:1.2222222222vw;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;-webkit-transition:background-color 0.3s ease-in-out,color 0.3s ease-in-out;transition:background-color 0.3s ease-in-out,color 0.3s ease-in-out}.section-bindingPay .tabs .tab-btn:first-child:before{background-color:transparent}.section-bindingPay .tabs .tab-btn:before{background-color:transparent;top:100%;left:50%;height:0;width:0;right:auto;-webkit-transform:translate(-50%,-100%);transform:translate(-50%,-100%);border-color:#d7d7dc transparent transparent transparent;border-style:solid;border-width:1.3333333333vw 0.8333333333vw 0 0.8333333333vw;-webkit-transition:border-color 0.3s ease-in-out,-webkit-transform 0.3s ease-in-out;transition:border-color 0.3s ease-in-out,-webkit-transform 0.3s ease-in-out;transition:border-color 0.3s ease-in-out,transform 0.3s ease-in-out;transition:border-color 0.3s ease-in-out,transform 0.3s ease-in-out,-webkit-transform 0.3s ease-in-out}.section-bindingPay .tabs .tab-btn.active{color:#ffffff;background-color:var(--active-color)}.section-bindingPay .tabs .tab-btn.active:before{border-top-color:var(--active-color);-webkit-transform:translate(-50%,0%);transform:translate(-50%,0%)}}@media screen and (min-width:1800px){.section-bindingPay .tabs{gap:4px}.section-bindingPay .tabs .tab-btn{padding:20.5px 0;font-size:22px}.section-bindingPay .tabs .tab-btn:before{border-width:24px 15px 0 15px}}.section-bindingPay .swiper-controls .swiper-pagination-bullet{background-color:#aeaeae}@media screen and (min-width:768px){.section-bindingPay .swiper-controls .swiper-pagination-bullet{width:3.6666666667vw;margin:0 0.5555555556vw}}@media screen and (min-width:1800px){.section-bindingPay .swiper-controls .swiper-pagination-bullet{width:66px;margin:0 10px}}.section-bindingPay .swiper-controls .swiper-pagination-bullet-active{background-color:#14141e}.section-bindingPay h3{text-align:center;font-size:7.4666666667vw;margin-bottom:5.3333333333vw}@media screen and (min-width:768px){.section-bindingPay h3{font-size:2.7777777778vw;margin-bottom:1.1111111111vw}}@media screen and (min-width:1800px){.section-bindingPay h3{margin-bottom:20px}}.section-bindingPay .hint{color:#323241;text-align:center;font-size:3.2vw;display:block;margin-top:2.6666666667vw;margin-bottom:5.3333333333vw;width:100%}@media screen and (min-width:768px){.section-bindingPay .hint{font-size:0.8888888889vw;margin-top:0.5555555556vw;margin-bottom:2.2222222222vw}}@media screen and (min-width:1800px){.section-bindingPay .hint{font-size:16px;margin-top:10px;margin-bottom:40px}}.section-bindingPay .hint.white{display:none}@media screen and (min-width:768px){.section-bindingPay .hint.white{color:white}}.section-bindingPay .bindingHappygo-list,.section-bindingPay .bindingHappygoAPP-list,.section-bindingPay .bindingNFC-list{margin-bottom:8vw}@media screen and (min-width:768px){.section-bindingPay .bindingHappygo-list,.section-bindingPay .bindingHappygoAPP-list,.section-bindingPay .bindingNFC-list{margin-bottom:1.1111111111vw}}@media screen and (min-width:1800px){.section-bindingPay .bindingHappygo-list,.section-bindingPay .bindingHappygoAPP-list,.section-bindingPay .bindingNFC-list{margin-bottom:20px}}.section-bindingPay .bindingHappygo-list h4,.section-bindingPay .bindingHappygoAPP-list h4,.section-bindingPay .bindingNFC-list h4{color:#5f4119;text-align:center;font-size:6.4vw;padding-bottom:5.3333333333vw}@media screen and (min-width:768px){.section-bindingPay .bindingHappygo-list h4,.section-bindingPay .bindingHappygoAPP-list h4,.section-bindingPay .bindingNFC-list h4{font-size:2.2222222222vw;padding-bottom:3.3333333333vw}}@media screen and (min-width:1800px){.section-bindingPay .bindingHappygo-list h4,.section-bindingPay .bindingHappygoAPP-list h4,.section-bindingPay .bindingNFC-list h4{font-size:40px;padding-bottom:60px}}@media screen and (min-width:768px){.section-bindingPay .bindingNFC-list{margin-bottom:4.4444444444vw}}@media screen and (min-width:1800px){.section-bindingPay .bindingNFC-list{margin-bottom:80px}}@media screen and (min-width:768px){.section-bindingPay .bindingHappygoAPP-list{margin-top:5.5555555556vw}}@media screen and (min-width:1800px){.section-bindingPay .bindingHappygoAPP-list{margin-top:100px}}.section-bindingPay .binding-item{padding:0 2.6666666667vw;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media screen and (min-width:768px){.section-bindingPay .binding-item{padding:0}}.section-bindingPay .binding-item .image{padding:0 8.1333333333vw}@media screen and (min-width:768px){.section-bindingPay .binding-item .image{padding:0}}.section-bindingPay .binding-item .text{padding:2.6666666667vw 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:4.2666666667vw;color:#14141e}@media screen and (min-width:768px){.section-bindingPay .binding-item .text{padding:1.1111111111vw 0;font-size:1.2222222222vw}}@media screen and (min-width:1800px){.section-bindingPay .binding-item .text{padding:20px 0;font-size:22px}}.section-bindingPay .binding-item .text .step{font-size:11.2vw;color:#af9169;font-weight:700;margin-right:2.6666666667vw}@media screen and (min-width:768px){.section-bindingPay .binding-item .text .step{font-size:3.4444444444vw;margin-right:0.5555555556vw}}@media screen and (min-width:1800px){.section-bindingPay .binding-item .text .step{font-size:62px;margin-right:10px}}
/*# sourceMappingURL=bindingPay.css.map */