/** Project - Project by Shimin */
/*!  
 *	Project: Carrefour
 *	Author: Shimin
 *	Version: 1.0
 *	Date: 2017.6.13
 *
 *  Copyright (c) 2017 Shimin Wong
 */.dis__table{display:table}.dis__row{display:table-row}.dis__cell{display:table-cell}.dis__block{display:block}.dis__inblock{display:inline-block}.fl__left{float:left}.fl__right{float:right}.tx__center{text-align:center}.tx__left{text-align:left}.tx__right{text-align:right}.tx__white{color:#fff}.wd__5{width:5% !important}.wd__10{width:10% !important}.wd__15{width:15% !important}.wd__20{width:20% !important}.wd__25{width:25% !important}.wd__30{width:30% !important}.wd__35{width:35% !important}.wd__40{width:40% !important}.wd__45{width:45% !important}.wd__50{width:50% !important}.wd__55{width:55% !important}.wd__60{width:60% !important}.wd__65{width:65% !important}.wd__70{width:70% !important}.wd__75{width:75% !important}.wd__80{width:80% !important}.wd__85{width:85% !important}.wd__90{width:90% !important}.wd__95{width:95% !important}.wd__100{width:100% !important}.mt__0{margin-top:0px !important}.ml__0{margin-left:0px !important}.mb__0{margin-bottom:0px !important}.mr__0{margin-right:0px !important}.mt__5{margin-top:5px !important}.ml__5{margin-left:5px !important}.mb__5{margin-bottom:5px !important}.mr__5{margin-right:5px !important}.mt__10{margin-top:10px !important}.ml__10{margin-left:10px !important}.mb__10{margin-bottom:10px !important}.mr__10{margin-right:10px !important}.mt__15{margin-top:15px !important}.ml__15{margin-left:15px !important}.mb__15{margin-bottom:15px !important}.mr__15{margin-right:15px !important}.mt__20{margin-top:20px !important}.ml__20{margin-left:20px !important}.mb__20{margin-bottom:20px !important}.mr__20{margin-right:20px !important}.mt__25{margin-top:25px !important}.ml__25{margin-left:25px !important}.mb__25{margin-bottom:25px !important}.mr__25{margin-right:25px !important}.mt__30{margin-top:30px !important}.ml__30{margin-left:30px !important}.mb__30{margin-bottom:30px !important}.mr__30{margin-right:30px !important}.mt__35{margin-top:35px !important}.ml__35{margin-left:35px !important}.mb__35{margin-bottom:35px !important}.mr__35{margin-right:35px !important}.mt__40{margin-top:40px !important}.ml__40{margin-left:40px !important}.mb__40{margin-bottom:40px !important}.mr__40{margin-right:40px !important}.mt__45{margin-top:45px !important}.ml__45{margin-left:45px !important}.mb__45{margin-bottom:45px !important}.mr__45{margin-right:45px !important}.mt__50{margin-top:50px !important}.ml__50{margin-left:50px !important}.mb__50{margin-bottom:50px !important}.mr__50{margin-right:50px !important}.mt__55{margin-top:55px !important}.ml__55{margin-left:55px !important}.mb__55{margin-bottom:55px !important}.mr__55{margin-right:55px !important}.mt__60{margin-top:60px !important}.ml__60{margin-left:60px !important}.mb__60{margin-bottom:60px !important}.mr__60{margin-right:60px !important}.mt__65{margin-top:65px !important}.ml__65{margin-left:65px !important}.mb__65{margin-bottom:65px !important}.mr__65{margin-right:65px !important}.mt__70{margin-top:70px !important}.ml__70{margin-left:70px !important}.mb__70{margin-bottom:70px !important}.mr__70{margin-right:70px !important}.mt__75{margin-top:75px !important}.ml__75{margin-left:75px !important}.mb__75{margin-bottom:75px !important}.mr__75{margin-right:75px !important}.mt__80{margin-top:80px !important}.ml__80{margin-left:80px !important}.mb__80{margin-bottom:80px !important}.mr__80{margin-right:80px !important}.mt__85{margin-top:85px !important}.ml__85{margin-left:85px !important}.mb__85{margin-bottom:85px !important}.mr__85{margin-right:85px !important}.mt__90{margin-top:90px !important}.ml__90{margin-left:90px !important}.mb__90{margin-bottom:90px !important}.mr__90{margin-right:90px !important}.mt__95{margin-top:95px !important}.ml__95{margin-left:95px !important}.mb__95{margin-bottom:95px !important}.mr__95{margin-right:95px !important}.mt__100{margin-top:100px !important}.ml__100{margin-left:100px !important}.mb__100{margin-bottom:100px !important}.mr__100{margin-right:100px !important}.m__4{margin:0px 4px}.m__8{margin:4px 8px}.m__16{margin:12px 16px}.m__24{margin:16px 24px}.m__32{margin:20px 32px}.m__40{margin:24px 40px}.pt__0{padding-top:0px !important}.pl__0{padding-left:0px !important}.pb__0{padding-bottom:0px !important}.pr__0{padding-right:0px !important}.pt__5{padding-top:5px !important}.pl__5{padding-left:5px !important}.pb__5{padding-bottom:5px !important}.pr__5{padding-right:5px !important}.pt__10{padding-top:10px !important}.pl__10{padding-left:10px !important}.pb__10{padding-bottom:10px !important}.pr__10{padding-right:10px !important}.pt__15{padding-top:15px !important}.pl__15{padding-left:15px !important}.pb__15{padding-bottom:15px !important}.pr__15{padding-right:15px !important}.pt__20{padding-top:20px !important}.pl__20{padding-left:20px !important}.pb__20{padding-bottom:20px !important}.pr__20{padding-right:20px !important}.pt__25{padding-top:25px !important}.pl__25{padding-left:25px !important}.pb__25{padding-bottom:25px !important}.pr__25{padding-right:25px !important}.pt__30{padding-top:30px !important}.pl__30{padding-left:30px !important}.pb__30{padding-bottom:30px !important}.pr__30{padding-right:30px !important}.pt__35{padding-top:35px !important}.pl__35{padding-left:35px !important}.pb__35{padding-bottom:35px !important}.pr__35{padding-right:35px !important}.pt__40{padding-top:40px !important}.pl__40{padding-left:40px !important}.pb__40{padding-bottom:40px !important}.pr__40{padding-right:40px !important}.pt__45{padding-top:45px !important}.pl__45{padding-left:45px !important}.pb__45{padding-bottom:45px !important}.pr__45{padding-right:45px !important}.pt__50{padding-top:50px !important}.pl__50{padding-left:50px !important}.pb__50{padding-bottom:50px !important}.pr__50{padding-right:50px !important}.pt__55{padding-top:55px !important}.pl__55{padding-left:55px !important}.pb__55{padding-bottom:55px !important}.pr__55{padding-right:55px !important}.pt__60{padding-top:60px !important}.pl__60{padding-left:60px !important}.pb__60{padding-bottom:60px !important}.pr__60{padding-right:60px !important}.pt__65{padding-top:65px !important}.pl__65{padding-left:65px !important}.pb__65{padding-bottom:65px !important}.pr__65{padding-right:65px !important}.pt__70{padding-top:70px !important}.pl__70{padding-left:70px !important}.pb__70{padding-bottom:70px !important}.pr__70{padding-right:70px !important}.pt__75{padding-top:75px !important}.pl__75{padding-left:75px !important}.pb__75{padding-bottom:75px !important}.pr__75{padding-right:75px !important}.pt__80{padding-top:80px !important}.pl__80{padding-left:80px !important}.pb__80{padding-bottom:80px !important}.pr__80{padding-right:80px !important}.pt__85{padding-top:85px !important}.pl__85{padding-left:85px !important}.pb__85{padding-bottom:85px !important}.pr__85{padding-right:85px !important}.pt__90{padding-top:90px !important}.pl__90{padding-left:90px !important}.pb__90{padding-bottom:90px !important}.pr__90{padding-right:90px !important}.pt__95{padding-top:95px !important}.pl__95{padding-left:95px !important}.pb__95{padding-bottom:95px !important}.pr__95{padding-right:95px !important}.pt__100{padding-top:100px !important}.pl__100{padding-left:100px !important}.pb__100{padding-bottom:100px !important}.pr__100{padding-right:100px !important}.pt__105{padding-top:105px !important}.pl__105{padding-left:105px !important}.pb__105{padding-bottom:105px !important}.pr__105{padding-right:105px !important}.pt__110{padding-top:110px !important}.pl__110{padding-left:110px !important}.pb__110{padding-bottom:110px !important}.pr__110{padding-right:110px !important}.pt__115{padding-top:115px !important}.pl__115{padding-left:115px !important}.pb__115{padding-bottom:115px !important}.pr__115{padding-right:115px !important}.pt__120{padding-top:120px !important}.pl__120{padding-left:120px !important}.pb__120{padding-bottom:120px !important}.pr__120{padding-right:120px !important}.pt__125{padding-top:125px !important}.pl__125{padding-left:125px !important}.pb__125{padding-bottom:125px !important}.pr__125{padding-right:125px !important}.pt__130{padding-top:130px !important}.pl__130{padding-left:130px !important}.pb__130{padding-bottom:130px !important}.pr__130{padding-right:130px !important}.pt__135{padding-top:135px !important}.pl__135{padding-left:135px !important}.pb__135{padding-bottom:135px !important}.pr__135{padding-right:135px !important}.pt__140{padding-top:140px !important}.pl__140{padding-left:140px !important}.pb__140{padding-bottom:140px !important}.pr__140{padding-right:140px !important}.pt__145{padding-top:145px !important}.pl__145{padding-left:145px !important}.pb__145{padding-bottom:145px !important}.pr__145{padding-right:145px !important}.pt__150{padding-top:150px !important}.pl__150{padding-left:150px !important}.pb__150{padding-bottom:150px !important}.pr__150{padding-right:150px !important}.p__4{padding:0px 4px}.p__8{padding:4px 8px}.p__16{padding:12px 16px}.p__24{padding:16px 24px}.p__32{padding:20px 32px}.p__40{padding:24px 40px}.lh__100{line-height:100%}.lh__110{line-height:110%}.lh__120{line-height:120%}.lh__130{line-height:130%}.lh__140{line-height:140%}.lh__150{line-height:150%}.lh__160{line-height:160%}.lh__170{line-height:170%}.lh__180{line-height:180%}.lh__190{line-height:190%}.lh__200{line-height:200%}.fs__70{font-size:70%}.fs__80{font-size:80%}.fs__90{font-size:90%}.fs__100{font-size:100%}.fs__110{font-size:110%}.fs__120{font-size:120%}.fs__130{font-size:130%}.fs__140{font-size:140%}.fs__150{font-size:150%}.fs__160{font-size:160%}.fs__170{font-size:170%}.fs__180{font-size:180%}.fs__190{font-size:190%}.fs__200{font-size:200%}.fs__210{font-size:210%}.fs__220{font-size:220%}.fs__230{font-size:230%}.fs__240{font-size:240%}.fs__250{font-size:250%}.fs__260{font-size:260%}.fs__270{font-size:270%}.fs__280{font-size:280%}.fs__290{font-size:290%}.fs__300{font-size:300%}.row__base:after{content:"";display:table;clear:both}.col__base{width:100%;float:left}.col__base.s1-24{width:4.16666666666667%}.col__base.s2-24{width:8.33333333333334%}.col__base.s3-24{width:12.5%}.col__base.s4-24{width:16.6666666666667%}.col__base.s5-24{width:20.8333333333333%}.col__base.s6-24{width:25%}.col__base.s7-24{width:29.1666666666667%}.col__base.s8-24{width:33.3333333333334%}.col__base.s9-24{width:37.5%}.col__base.s10-24{width:41.6666666666667%}.col__base.s11-24{width:45.8333333333334%}.col__base.s12-24{width:50%}.col__base.s13-24{width:54.1666666666667%}.col__base.s14-24{width:58.3333333333334%}.col__base.s15-24{width:62.5%}.col__base.s16-24{width:66.6666666666667%}.col__base.s17-24{width:70.8333333333334%}.col__base.s18-24{width:75.0000000000001%}.col__base.s19-24{width:79.1666666666667%}.col__base.s20-24{width:83.3333333333334%}.col__base.s21-24{width:87.5000000000001%}.col__base.s22-24{width:91.6666666666667%}.col__base.s23-24{width:95.8333333333%}.col__base.s24-24{width:100%}@media (min-width: 768px){.col__base.m1-24{width:4.16666666666667%}.col__base.m2-24{width:8.33333333333334%}.col__base.m3-24{width:12.5%}.col__base.m4-24{width:16.6666666666667%}.col__base.m5-24{width:20.8333333333333%}.col__base.m6-24{width:25%}.col__base.m7-24{width:29.1666666666667%}.col__base.m8-24{width:33.3333333333334%}.col__base.m9-24{width:37.5%}.col__base.m10-24{width:41.6666666666667%}.col__base.m11-24{width:45.8333333333334%}.col__base.m12-24{width:50%}.col__base.m13-24{width:54.1666666666667%}.col__base.m14-24{width:58.3333333333334%}.col__base.m15-24{width:62.5%}.col__base.m16-24{width:66.6666666666667%}.col__base.m17-24{width:70.8333333333334%}.col__base.m18-24{width:75.0000000000001%}.col__base.m19-24{width:79.1666666666667%}.col__base.m20-24{width:83.3333333333334%}.col__base.m21-24{width:87.5000000000001%}.col__base.m22-24{width:91.6666666666667%}.col__base.m23-24{width:95.8333333333%}.col__base.m24-24{width:100%}}@media (min-width: 1024px){.col__base.l1-24{width:4.16666666666667%}.col__base.l2-24{width:8.33333333333334%}.col__base.l3-24{width:12.5%}.col__base.l4-24{width:16.6666666666667%}.col__base.l5-24{width:20.8333333333333%}.col__base.l6-24{width:25%}.col__base.l7-24{width:29.1666666666667%}.col__base.l8-24{width:33.3333333333334%}.col__base.l9-24{width:37.5%}.col__base.l10-24{width:41.6666666666667%}.col__base.l11-24{width:45.8333333333334%}.col__base.l12-24{width:50%}.col__base.l13-24{width:54.1666666666667%}.col__base.l14-24{width:58.3333333333334%}.col__base.l15-24{width:62.5%}.col__base.l16-24{width:66.6666666666667%}.col__base.l17-24{width:70.8333333333334%}.col__base.l18-24{width:75.0000000000001%}.col__base.l19-24{width:79.1666666666667%}.col__base.l20-24{width:83.3333333333334%}.col__base.l21-24{width:87.5000000000001%}.col__base.l22-24{width:91.6666666666667%}.col__base.l23-24{width:95.8333333333%}.col__base.l24-24{width:100%}.col__base.l14-24_c{width:56%}.col__base.l10-24_c{width:44%}}@media (min-width: 1440px){.col__base.xl1-24{width:4.16666666666667%}.col__base.xl2-24{width:8.33333333333334%}.col__base.xl3-24{width:12.5%}.col__base.xl4-24{width:16.6666666666667%}.col__base.xl5-24{width:20.8333333333333%}.col__base.xl6-24{width:25%}.col__base.xl7-24{width:29.1666666666667%}.col__base.xl8-24{width:33.3333333333334%}.col__base.xl9-24{width:37.5%}.col__base.xl10-24{width:41.6666666666667%}.col__base.xl11-24{width:45.8333333333334%}.col__base.xl12-24{width:50%}.col__base.xl13-24{width:54.1666666666667%}.col__base.xl14-24{width:58.3333333333334%}.col__base.xl15-24{width:62.5%}.col__base.xl16-24{width:66.6666666666667%}.col__base.xl17-24{width:70.8333333333334%}.col__base.xl18-24{width:75.0000000000001%}.col__base.xl19-24{width:79.1666666666667%}.col__base.xl20-24{width:83.3333333333334%}.col__base.xl21-24{width:87.5000000000001%}.col__base.xl22-24{width:91.6666666666667%}.col__base.xl23-24{width:95.8333333333%}.col__base.xl24-24{width:100%}.col__base.xl10-24_c{width:46%}.col__base.xl14-24_c{width:54%}}@media (min-width: 1920px){.col__base.xxl1-24{width:4.16666666666667%}.col__base.xxl2-24{width:8.33333333333334%}.col__base.xxl3-24{width:12.5%}.col__base.xxl4-24{width:16.6666666666667%}.col__base.xxl5-24{width:20.8333333333333%}.col__base.xxl6-24{width:25%}.col__base.xxl7-24{width:29.1666666666667%}.col__base.xxl8-24{width:33.3333333333334%}.col__base.xxl9-24{width:37.5%}.col__base.xxl10-24{width:41.6666666666667%}.col__base.xxl11-24{width:45.8333333333334%}.col__base.xxl12-24{width:50%}.col__base.xxl13-24{width:54.1666666666667%}.col__base.xxl14-24{width:58.3333333333334%}.col__base.xxl15-24{width:62.5%}.col__base.xxl16-24{width:66.6666666666667%}.col__base.xxl17-24{width:70.8333333333334%}.col__base.xxl18-24{width:75.0000000000001%}.col__base.xxl19-24{width:79.1666666666667%}.col__base.xxl20-24{width:83.3333333333334%}.col__base.xxl21-24{width:87.5000000000001%}.col__base.xxl22-24{width:91.6666666666667%}.col__base.xxl23-24{width:95.8333333333%}.col__base.xxl24-24{width:100%}}.col__base.s1-5{width:20%}.col__base.s2-5{width:40%}.col__base.s3-5{width:60%}.col__base.s4-5{width:80%}.col__base.s5-5{width:100%}@media (min-width: 768px){.col__base.m1-5{width:20%}.col__base.m2-5{width:40%}.col__base.m3-5{width:60%}.col__base.m4-5{width:80%}.col__base.m5-5{width:100%}}@media (min-width: 1024px){.col__base.l1-5{width:20%}.col__base.l2-5{width:40%}.col__base.l3-5{width:60%}.col__base.l4-5{width:80%}.col__base.l5-5{width:100%}}.row__base.dis__base{display:table}.row__base.dis__base>.dis__cell{float:none;display:table-cell}@keyframes iconTranslate{0%{opacity:0;transform:translateY(250px)}30%{opacity:1;transform:translateY(0)}70%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-250px)}}html,body{min-width:350px;margin:0;padding:0;font-family:Arial,Helvetica,Sans-serif,'Noto Sans TC','Microsoft JhengHei','Heiti TC';font-size:15px}*{box-sizing:border-box}a[href]{text-decoration:none}header{border:none;position:fixed;top:-50px;left:0;width:100%;height:50px;z-index:10000;transition:ease all .4s;min-width:335px}header.visible{top:0;transition:ease all .4s}header .type__text{position:absolute;right:16px;top:50%;margin-top:-9px}header .type__text:before{border-radius:100px;padding:4px 15px;color:#fff;font-weight:700;font-size:17px;line-height:17px}header .carrefour__logo-c{top:14px}@media (min-width: 520px){header .carrefour__logo-c{width:39px;height:25px}}@media (min-width: 640px){header{display:none}}.carr__all header{background:url("../images/sort-header01.jpg") top right;background-size:cover}.carr__all header .type__text:before{content:'全品項';background:#eea47c}.carr__meat header{background:url("../images/sort-header02.jpg") top right;background-size:cover}.carr__meat header .type__text:before{content:'肉品類';background:#e6abc1}.carr__egg header{background:url("../images/sort-header03.jpg") top right;background-size:cover}.carr__egg header .type__text:before{content:'蛋品類';background:#eed179}.carr__fruitveg header{background:url("../images/sort-header04.jpg") top right;background-size:cover}.carr__fruitveg header .type__text:before{content:'蔬菜類';background:#b9d47e}footer{font-size:13px;width:100%;padding:30px 16px;background:#004ea2;color:#fff;text-align:center}footer:before,footer:after{content:"";display:table;clear:both}footer ul{font-family:'Noto Sans TC','Microsoft JhengHei','Heiti TC';font-size:14px;padding:0;margin:0;list-style-type:none}footer ul:before,footer ul:after{content:"";display:table;clear:both}footer ul li{position:relative;display:inline-block;line-height:200%;padding:0 10px}footer ul li+li:before{content:'|';position:absolute;top:-1px;left:-4px}footer ul li a{color:#fff;text-decoration:none}footer .social__wrap{padding:30px 16px 25px}@media (min-width: 1024px){footer{padding:15px 20px}footer>ul{font-size:16px;float:right;padding:0 20px}footer>.copyright{float:left;line-height:32px}}.social__wrap a{display:inline-block;vertical-align:middle}.social__wrap a+a{margin-left:15px}.social__wrap .fb{background:url(../images/icons/fb-mobile.png) no-repeat;background-size:contain;width:40px;height:40px}.social__wrap .fb.xl{background-image:url(../images/icons/fb.png);width:54px;height:53px}.social__wrap .line{background:url(../images/icons/line-mobile.png) no-repeat;background-size:contain;width:40px;height:40px;overflow:hidden}.social__wrap .line .line-it-button{opacity:0}.social__wrap .app{background:url(../images/icons/app-mobile.png) no-repeat;background-size:contain;width:40px;height:40px;overflow:hidden}.kv__wrap{overflow:hidden;position:relative;width:100%;height:0;padding-bottom:84.55834%}.kv__wrap .kv__pic{background-image:url(../images/kv_mobile.jpg);background-repeat:no-repeat;background-position:center bottom;background-size:cover;width:100%;height:100%;transition:all ease 1s;transform:scale(2)}@media (min-width: 768px){.kv__wrap .kv__pic.s{background-image:url(../images/kv_ipad.jpg);background-position:center}}@media (min-width: 1024px){.kv__wrap .kv__pic.xl{background-image:url(../images/kv_pic.jpg)}}.kv__wrap .kv__pic.transition{transform:scale(1)}.kv__wrap .ratio{position:absolute;top:0;left:0;width:100%;height:100%}@media (min-width: 414px){.kv__wrap{padding-bottom:90%}}@media (min-width: 768px){.kv__wrap{padding-bottom:79.5%}}.kv__wrap .kv__words{position:absolute;top:50%;width:100%;margin-top:-54px;opacity:0;transition:all ease 1.5s}.kv__wrap .kv__words.transition{opacity:1}.kv__wrap .kv__words .kv__title{background:url(../images/title.png) no-repeat center;background-size:contain;max-width:510px;width:260px;height:27px;margin:0 auto 1.5%}.kv__wrap .kv__words p{margin:0;text-align:center;color:#9f8f84;font-size:80%;line-height:140%;font-weight:600}.kv__wrap .kv__words .social__wrap{text-align:center;margin-bottom:4px}@media (min-width: 414px){.kv__wrap .kv__words{margin-top:-49px}}@media (min-width: 520px){.kv__wrap .kv__words{margin-top:-69px;font-size:20px}.kv__wrap .kv__words .kv__title{width:310px;height:32px;margin:1% auto 2%}}@media (min-width: 640px){.kv__wrap .kv__words{margin-top:-87px;font-size:23px}.kv__wrap .kv__words .kv__title{width:380px;height:44px}}@media (min-width: 768px){.kv__wrap .kv__words{margin-top:-21px}.kv__wrap .kv__words .kv__title{width:412px;height:50px;margin:1.5% auto 1%}}@media (min-width: 1024px){.kv__wrap .kv__words{margin-top:-50px}.kv__wrap .kv__words .kv__title{width:80%;margin:0 auto 1.5%}}@media (min-width: 1280px){.kv__wrap .kv__words{margin-top:-64px}.kv__wrap .kv__words .kv__title{width:100%;height:57px;margin:0 auto 1.5%}}@media (min-width: 1440px){.kv__wrap .kv__words{margin-top:-38px}}.carrefour__logo{position:absolute;z-index:100;top:16px;left:16px;display:inline-block;background:url(../images/logo.png) no-repeat;background-size:contain;width:200px;height:23px}@media (min-width: 520px){.carrefour__logo{width:280px;height:32px}}@media (min-width: 1024px){.carrefour__logo{width:377px;height:42px}}.carrefour__logo-c{position:absolute;z-index:100;top:16px;left:16px;display:inline-block;background:url(../images/logo-c.png) no-repeat;background-size:contain;width:36px;height:23px}@media (min-width: 520px){.carrefour__logo-c{width:49px;height:32px}}@media (min-width: 1024px){.carrefour__logo-c{width:64px;height:42px}}@media (min-width: 768px){.visible-s{display:none !important}}.visible-m{display:none !important}@media (min-width: 768px){.visible-m{display:block !important}}@media (min-width: 768px){.visible-m.inb{display:inline-block !important}}.visible-xl{display:none !important}@media (min-width: 1024px){.visible-xl{display:block !important}}@media (min-width: 1024px){.visible-xl.inb{display:inline-block !important}}@media (min-width: 1024px){.hidden-xl{display:none !important}}.peach{background:#eea47c}.pink{background:#e6abc1}.yellow{background:#eed179}.green{background:#b9d47e}.menu__wrap .wrap__choose{overflow:hidden;position:relative;display:block;padding:3.49% 16px;color:#fff}.menu__wrap .wrap__choose>div{position:relative;z-index:1}.menu__wrap .wrap__choose.transition{position:absolute;z-index:10000;cursor:initial}.menu__wrap .wrap__choose.transition:after{display:none}.menu__wrap .wrap__choose.transition.change{top:0 !important;left:0 !important;width:100% !important;position:fixed;text-align:center;cursor:default}.menu__wrap .wrap__choose.transition.change:before{content:'';height:100%;width:0;margin-left:-3px;margin-right:-3px;display:inline-block;vertical-align:middle}.menu__wrap .wrap__choose.transition.change>div{display:inline-block;vertical-align:middle}.menu__wrap .wrap__choose.transition.change .round__transition{display:none}.menu__wrap .wrap__choose.transition.change .mask__wrap img{cursor:default;animation:iconTranslate ease 3s infinite}@media (max-width: 768px){.menu__wrap .wrap__choose.transition.change .visible-m{display:block !important}.menu__wrap .wrap__choose.transition.change .mask__wrap{display:inline-block}.menu__wrap .wrap__choose.transition.change .mask__wrap .visible-s{display:none}.menu__wrap .wrap__choose.transition.change .mask__wrap img{position:static;margin:5% 0 4%;width:100%}}@media (min-width: 480px){.menu__wrap .wrap__choose{padding:25px 30px}}@media (min-width: 640px){.menu__wrap .wrap__choose{padding:40px 30px}}@media (min-width: 1024px){.menu__wrap .wrap__choose:hover .round__transition:after,.menu__wrap .wrap__choose:hover .round__transition:before{transform:scale(1)}.menu__wrap .wrap__choose .round__transition{position:absolute;width:100%;height:100%;top:0;left:0;z-index:1}.menu__wrap .wrap__choose .round__transition:before,.menu__wrap .wrap__choose .round__transition:after{content:'';position:absolute;display:block;width:420px;height:420px;top:50%;margin-top:-210px;left:50%;margin-left:-210px;background:#fff;opacity:0.1;border-radius:100%;transition:all 0.3s ease 0.2s;transform:scale(0)}.menu__wrap .wrap__choose .round__transition:after{width:250px;height:250px;margin-top:-125px;margin-left:-125px;transition:all 0.4s ease}.menu__wrap .wrap__choose:before{content:'';height:100%;width:0;margin-left:-6px;margin-right:-6px;display:inline-block;vertical-align:middle}.menu__wrap .wrap__choose>div{display:inline-block;vertical-align:middle}}.menu__wrap .wrap__choose .mask__wrap{overflow:hidden}.menu__wrap .wrap__choose .mask__wrap img{border:none;transition:all ease 1s 0.5s;opacity:0;transform:translateY(150px)}.menu__wrap .wrap__choose .mask__wrap.transition img{opacity:1;transform:translateY(0)}.menu__wrap .wrap__choose h2{margin:0;font-size:160%}.menu__wrap .wrap__choose h2 span{font-size:50%}@media (min-width: 1024px){.menu__wrap .wrap__choose h2{font-size:120%}}@media (min-width: 1280px){.menu__wrap .wrap__choose h2{font-size:160%}}.menu__wrap .wrap__choose p{margin:0;font-size:90%;line-height:150%}@media (min-width: 1024px){.menu__wrap .wrap__choose p{min-height:63px}}.menu__wrap .wrap__choose img{position:absolute;top:50%;right:3%;margin-top:-7%;width:28%;max-width:202px}@media (min-width: 640px){.menu__wrap .wrap__choose img{margin-top:-49px;right:20px}}@media (min-width: 768px){.menu__wrap .wrap__choose img{width:53%;max-width:280px;position:static;margin-top:0}}@media (min-width: 1024px){.menu__wrap .wrap__choose img{width:85%;margin:10% 0 4% !important}}.menu__wrap .wrap__choose.peach p{color:#c1754e}@media (min-width: 768px){.menu__wrap .wrap__choose.peach img{margin-bottom:0.5%}}.menu__wrap .wrap__choose.peach:after{content:'';opacity:0;transition:all ease 0.3s;position:absolute;z-index:0;top:0;left:0;width:100%;height:100%;background:url(../images/bt1_hover_p.png) no-repeat center bottom;background-size:cover}@media (min-width: 1024px){.menu__wrap .wrap__choose.peach:hover:after{transition:all ease-in-out 0.3s;opacity:1}}.menu__wrap .wrap__choose.pink .mask__wrap img{transition-delay:0.8s}.menu__wrap .wrap__choose.pink:after{content:'';opacity:0;transition:all ease 0.3s;position:absolute;z-index:0;top:0;left:0;width:100%;height:100%;background:url(../images/bt2_hover_p.png) no-repeat center bottom;background-size:cover}@media (min-width: 1024px){.menu__wrap .wrap__choose.pink:hover:after{transition:all ease-in-out 0.3s;opacity:1}}.menu__wrap .wrap__choose.pink p{color:#ffe2d2}.menu__wrap .wrap__choose.pink img{margin-top:-6.5%}@media (min-width: 640px){.menu__wrap .wrap__choose.pink img{margin-top:-44px}}@media (min-width: 768px){.menu__wrap .wrap__choose.pink img{margin-top:2.5%;margin-bottom:2.5%}}@media (min-width: 1024px){.menu__wrap .wrap__choose.pink img{margin:16% 0 4% !important}}.menu__wrap .wrap__choose.yellow .mask__wrap img{transition-delay:1.1s}.menu__wrap .wrap__choose.yellow p{color:#fb7dac}.menu__wrap .wrap__choose.yellow img{margin-top:-5%}@media (min-width: 640px){.menu__wrap .wrap__choose.yellow img{margin-top:-32px}}@media (min-width: 768px){.menu__wrap .wrap__choose.yellow img{margin-top:5.5%;margin-bottom:2.5%}}@media (min-width: 1024px){.menu__wrap .wrap__choose.yellow img{margin-top:15%;margin-bottom:10%}}.menu__wrap .wrap__choose.yellow:after{content:'';opacity:0;transition:all ease 0.3s;position:absolute;z-index:0;top:0;left:0;width:100%;height:100%;background:url(../images/bt3_hover_p.png) no-repeat center top;background-size:cover}@media (min-width: 1024px){.menu__wrap .wrap__choose.yellow:hover:after{transition:all ease-in-out 0.3s;opacity:1}}.menu__wrap .wrap__choose.green .mask__wrap img{transition-delay:1.4s}.menu__wrap .wrap__choose.green p{color:#ffe79f}.menu__wrap .wrap__choose.green img{margin-top:-5.5%}@media (min-width: 640px){.menu__wrap .wrap__choose.green img{margin-top:-36px}}@media (min-width: 768px){.menu__wrap .wrap__choose.green img{margin-top:4%;margin-bottom:2%}}.menu__wrap .wrap__choose.green:after{content:'';opacity:0;transition:all ease 0.3s;position:absolute;z-index:0;top:0;left:0;width:100%;height:100%;background:url(../images/bt4_hover_p.png) no-repeat center top;background-size:cover}@media (min-width: 1024px){.menu__wrap .wrap__choose.green:hover:after{transition:all ease-in-out 0.3s;opacity:1}}.home__container .carrefour__logo{display:none}.home__container .kv__wrap .kv__words .carrefour__logo{display:block;left:50%;top:-55%;margin-left:-100px}@media (min-width: 520px){.home__container .kv__wrap .kv__words .carrefour__logo{margin-left:-140px}}@media (min-width: 768px){.home__container .menu__wrap>.col__base{position:relative;width:50%;height:0;padding-bottom:27%}.home__container .menu__wrap>.col__base .wrap__choose{position:absolute;top:0;left:0;width:100%;height:100%}.home__container .menu__wrap .wrap__choose{padding:4.5% 16px;text-align:center}}@media (min-width: 980px){.home__container .carrefour__logo{display:block}.home__container .kv__wrap .kv__words .carrefour__logo{display:none}.home__container .menu__wrap .wrap__choose{padding:4% 16px}}@media (min-width: 1024px){.home__container{position:absolute;width:100%;height:100%;min-height:720px}.home__container main{height:100%;min-height:666px}.home__container main>.row__base{height:100%}.home__container main>.row__base>.col__base{height:100%}.home__container footer{position:absolute;bottom:0;left:0;height:54px}.home__container .kv__wrap{padding-bottom:0;height:100%}.home__container .menu__wrap{height:100%}.home__container .menu__wrap .col__base{height:50%}.home__container .menu__wrap .wrap__choose{height:100%}}.banner__wrap{position:relative}.banner__wrap .banner img{display:block;width:100%}@media (min-width: 1024px){.banner__wrap .banner{position:relative;height:464px;overflow:hidden}.banner__wrap .banner img.visible-xl{height:100%;width:auto;position:absolute;top:0;left:50%;margin-left:-960px}}.banner__wrap .wrap__choose2{top:50%;left:50%;width:220px;height:210px;color:#fff;text-align:center;margin-top:-100px;margin-left:-110px;position:absolute}@media (min-width: 520px){.banner__wrap .wrap__choose2{width:260px;height:250px;margin-top:-120px;margin-left:-125px;font-size:18px}}.banner__wrap .wrap__choose2:before{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}.banner__wrap .wrap__choose2>div{margin-top:-8px;display:inline-block;vertical-align:middle}.banner__wrap .wrap__choose2 h2{margin:0;font-size:160%}.banner__wrap .wrap__choose2 h2 span{font-size:50%}.banner__wrap .wrap__choose2 p{margin:0;font-size:90%;line-height:130%}@media (min-width: 520px){.banner__wrap .wrap__choose2 p{font-size:80%}}.banner__wrap .wrap__choose2 img{width:80%;max-width:202px;margin:3% 0}@media (min-width: 520px){.banner__wrap .wrap__choose2 img{width:100%}}.banner__wrap .wrap__choose2.peach{background:rgba(238,164,124,0.85)}.banner__wrap .wrap__choose2.peach p{color:#c1754e}@media (min-width: 768px){.banner__wrap .wrap__choose2.peach img{margin-bottom:0.5%}}@media (min-width: 1024px){.banner__wrap .wrap__choose2.peach img{margin:7% 0 4% !important}}.banner__wrap .wrap__choose2.pink{background:rgba(230,171,193,0.85)}.banner__wrap .wrap__choose2.pink p{color:#ffe2d2}@media (min-width: 768px){.banner__wrap .wrap__choose2.pink img{margin-top:2.5%;margin-bottom:2.5%}}.banner__wrap .wrap__choose2.yellow{background:rgba(238,209,121,0.85)}.banner__wrap .wrap__choose2.yellow p{color:#fb7dac}@media (min-width: 768px){.banner__wrap .wrap__choose2.yellow img{margin-top:5.5%;margin-bottom:2.5%}}.banner__wrap .wrap__choose2.green{background:rgba(185,212,126,0.85)}.banner__wrap .wrap__choose2.green p{color:#ffe79f}@media (min-width: 768px){.banner__wrap .wrap__choose2.green img{margin-top:4%;margin-bottom:2%}}.content__container{padding:20px 16px}@media (min-width: 1024px){.content__container__maxwidth{max-width:1024px;margin:0 auto}}.filter__container .functional__filter{display:table;width:100%;margin-bottom:10px}.filter__container .functional__filter span{width:80px;color:#fff}.filter__container .functional__filter>*{display:table-cell;vertical-align:middle}@media (min-width: 768px){.filter__container .functional__filter span{padding-left:7px}}@media (min-width: 1024px){.filter__container{width:85%;margin:0 auto}.filter__container>.col__base{padding:0 15px}}.data__container{padding-top:10px}.data__container .col__base{transform:translateY(0);transition:all 0.5s ease 0.3s}.data__container .col__base.transition{opacity:0;transform:translateY(10px)}@media (min-width: 768px){.data__container{margin-left:-10px;margin-right:-10px}.data__container .col__base{padding:3px 10px}}.wrap__data{text-decoration:none;display:block;background:rgba(255,255,255,0.3);border-radius:4px;padding:12px;margin-bottom:10px;transition:all ease 0.3s}.wrap__data p{font-size:120%;color:#333;margin:5px 0 0;line-height:24px}.wrap__data .report__tx{height:48px}.wrap__data .type__tx{line-height:24px;color:#666}.wrap__data .type__tx span{display:block;color:#005ec3}.wrap__data:hover{background:rgba(255,255,255,0.5)}.wrap__data:hover p{color:#004ea2}.load__contain{margin:35px 0}.load__more{display:none;position:relative;text-decoration:none;margin:10px 0;text-align:center;color:#666;background:rgba(255,255,255,0.3);border-radius:4px;padding:14px 14%;transition:all ease .3s}.load__more span{color:#005ec3}.load__more:hover{padding-left:16%;padding-right:16%}.load__more:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%}@media (min-width: 768px){.load__more{padding:18px 14%}}.select__hidden{display:none}.type__select__style{position:relative}.type__select__style .option__wrap__select{cursor:pointer;position:relative;border-radius:10px;padding:8px 10px;background:#fff;line-height:24px}.type__select__style .option__wrap__select:after{content:'';position:absolute;right:11px;top:14px;background:url(../images/icons/arrow-down.png) no-repeat;background-size:contain;width:13px;height:13px}.type__select__style .option__wrap__select.transition+.select__options li{transform:translateY(0);opacity:1}.type__select__style .option__wrap__select:active{background:#f5f5f5}@media (min-width: 768px){.type__select__style .option__wrap__select{border-radius:100px;padding:5px 13px}.type__select__style .option__wrap__select:after{top:11px}}.type__select__style .select__options{display:none;position:absolute;z-index:2;width:100%;margin:0;padding:0;margin-top:4px;list-style-type:none}.type__select__style .select__options li{cursor:pointer;background:#333;color:#fff;border-radius:10px;padding:8px 10px;line-height:24px;transition:all 0.3s ease;opacity:0;transform:translateY(-10px)}.type__select__style .select__options li+li{margin-top:2px}.type__select__style .select__options li:hover{background:#444}@media (min-width: 768px){.type__select__style .select__options li{border-radius:100px;padding:6px 15px}}.date__select__style{border:0;position:relative;border-radius:10px;padding:0;background:#fff;cursor:pointer;overflow:hidden}.date__select__style:after{content:'';position:absolute;z-index:0;right:11px;top:14px;background:url(../images/icons/arrow-down.png) no-repeat;background-size:contain;width:13px;height:13px}.date__select__style:active{background:#f5f5f5}.date__select__style:active input{background:#f5f5f5}.date__select__style .date__select{position:relative;width:100%;z-index:1}.date__select__style .date__select ::-webkit-input-placeholder{color:#000}.date__select__style .date__select ::-moz-placeholder{color:#000}.date__select__style .date__select :-ms-input-placeholder{color:#000}.date__select__style .date__select :-moz-placeholder{color:#000}.date__select__style .date__select input{text-align:left !important;cursor:pointer}.date__select__style .date__select span{z-index:0;color:#000;top:0;left:0;position:absolute;width:100%;height:100%;line-height:34px;padding:0 13px}.date__select__style .date__select:after{content:'';display:table;clear:both}.date__select__style input{text-align:left;background:transparent !important;font-family:Arial,Helvetica,Sans-serif,'Noto Sans TC','Microsoft JhengHei','Heiti TC';line-height:24px;font-size:100%;width:100%;border:none;padding:8px 13px;border-radius:100px}.date__select__style input:focus{outline:none;background:transparent}@media (min-width: 768px){.date__select__style{border-radius:100px}.date__select__style input{padding:5px 13px;padding:5px 13px 12px\0}.date__select__style:after{top:11px}}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;list-style:none;background-color:#ffffff;border:1px solid #cccccc;border:1px solid rgba(0,0,0,0.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,0.175);box-shadow:0 6px 12px rgba(0,0,0,0.175);background-clip:padding-box}