@charset "UTF-8";
.c-nav{display:block;width:100%;margin:0 auto;z-index:10;overflow:hidden}.c-nav.wow{animation-name:fadeInUp}.c-nav .c-anchor{top:-68px}.c-nav__list{display:block;width:100%;background:linear-gradient(to right,rgba(49,49,49,.2) 0%,rgba(49,49,49,.2) 100%) bottom center/ 100% 1px no-repeat}.c-nav__list.hasArrow{padding:0 60px}.c-nav__list.hasArrow::before,.c-nav__list.hasArrow::after{content:'';position:absolute;top:0;display:none;width:60px;height:calc(100% - 1px);background:linear-gradient(to right,#f4f2ee 70%,#f4f2ee00 100%);z-index:10}.c-nav__list::before{left:0}.c-nav__list::after{right:0;transform:scaleX(-1)}.c-nav__list.hasArrow::before,.c-nav__list.hasArrow::after{display:block}.c-nav__list__box{position:static;display:flex;align-items:stretch;align-content:stretch;justify-items:flex-start;justify-content:flex-start;width:100%;margin:0 auto;overflow:visible}.c-nav__list__box .slick-list,.c-nav__list__box .slick-track{overflow:visible}.c-nav__list__box .slick-prev,.c-nav__list__box .slick-next{top:0;width:30px;height:100%;background-color:transparent}.c-nav__list__box .slick-prev::before,.c-nav__list__box .slick-next::before{height:60%}.c-nav__list__box .slick-prev{left:0}.c-nav__list__box .slick-next{right:0}.c-nav__list__box__item{display:flex;flex-wrap:wrap;align-items:center;align-content:center;justify-items:center;justify-content:center;width:auto;max-width:100%;min-height:80px;margin:0 30px;font-size:17px;line-height:1.2;color:rgba(39,29,20,.6);font-family:'Montserrat-M','NotoSansTC';letter-spacing:.05em;transition:opacity .4s ease-in-out;flex:0 0 auto}.c-nav__list__box__item.slick-slide{display:flex}.c-nav__list__box__item::before{content:'';position:absolute;top:calc(50% - 2px);left:calc(100% + 20.5px);display:block;width:4px;height:4px;background:rgba(36,29,20,.2);border-radius:50%;pointer-events:none;overflow:hidden}.c-nav__list__box__item:last-child::before{display:none}.c-nav__list__box__item::after{content:'';position:absolute;bottom:0;left:0;display:block;width:100%;height:1px;background:var(--titleColor);opacity:0;transition:opacity .4s ease-in-out}.c-nav__list__box__item:not(.current):hover{opacity:.7}.c-nav__list__box__item.current{color:var(--titleColor)}.c-nav__list__box__item.current::after{opacity:1}.c-nav__list[data-style="left"] .c-nav__list__box{margin:0}.c-nav__list[data-style="left"] .c-nav__list__box__item{margin:0 45px 0 0}.c-nav__list[data-style="left"] .c-nav__list__box__item:last-child{margin:0}.c-nav__select{display:none;width:100%;height:60px;padding:0 40px;font-size:17px;line-height:1.2;color:var(--titleColor);font-family:inherit;letter-spacing:.05em;text-align:center;border:none;border-bottom:1px solid rgba(49,49,49,.2);background-color:transparent;background-position:center right 15px;background-size:17px 10px}@media screen and (max-width:991px){}@media screen and (max-width:767px){.c-nav__list{display:none}.c-nav__select{display:block}}@media screen and (max-width:575px){.c-nav__list{padding:0 40px}}@media (any-hover:none){}@supports (-webkit-touch-callout:none){}@-moz-document url-prefix(){}
.rule{display:block;width:100%;max-width:1660px;margin:85px auto 0 auto}.rule__conduct{display:block;width:100%;margin:0 auto 185px auto}.rule__conduct__title{margin:0 auto 50px auto}.rule__conduct__box{left:-22.5px;display:flex;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;justify-items:flex-start;justify-content:flex-start;width:calc(100% + 45px);margin:0 0 -50px 0}.rule__conduct__box__item{display:block;width:calc(33.33% - 45px);margin:0 22.5px 50px 22.5px}.rule__conduct__box__item.wow{animation-name:fadeInUp}.rule__conduct__box__item__pic{display:block;width:100%}.rule__conduct__box__item__content{display:block;width:100%;margin:15px 0 0 0;letter-spacing:.05em}.rule__conduct__box__item__content__title{display:block;width:100%;font-size:20px;line-height:1.5;color:var(--titleColor);font-family:'Montserrat-M','NotoSansTC'}.rule__principle{display:flex;align-items:flex-start;align-content:flex-start;justify-items:flex-start;justify-content:space-between;width:100%}.rule__principle__chart{display:block;width:50%;margin:0 30px 0 0;overflow:visible;flex:0 0 auto}.rule__principle__chart::before{content:'';position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:radial-gradient(ellipse at center,#e8e0cf00 62.5%,#e8e0cf calc(70% - .5px),#e8e0cf00 70%) center/54.43% 54.43% no-repeat,url(/en/assets/images/common/circle_dot_bg.png) center/contain no-repeat;z-index:20}.rule__principle__chart::after{content:'';position:absolute;top:38.92%;left:38.92%;display:block;width:22.16%;height:22.16%;border-radius:50%;background:url(/en/assets/images/common/logo_white.svg) center/45% auto no-repeat,linear-gradient(to bottom,#ccbc94 0%,#997b51 100%);overflow:hidden;z-index:200}.rule__principle__chart.wow{animation-name:fadeInUp}.rule__principle__chart__line{display:block;width:100%;padding:100% 0 0 0;border-radius:50%;border:1px solid rgba(167,142,85,.4);background:radial-gradient(ellipse at center,#e8e0cf00 50%,rgba(232,224,207,.4) calc(70% - .5px),#e8e0cf00 70%) center / 93.6% 93.6% no-repeat;transform-origin:center;animation:rotate 29s linear infinite}.rule__principle__chart__line::after{content:'';position:absolute;top:-5px;left:calc(50% - 5.5px);display:block;width:11px;height:11px;border-radius:50%;background:var(--mainColor);overflow:hidden}.rule__principle__chart__dash{position:absolute;top:13%;left:13%;display:block;width:74%;height:74%;border-radius:50%;background:url(/en/assets/images/common/dot_circle_mb.svg) center/contain no-repeat;transform-origin:center;animation:rotate 31s linear reverse infinite;overflow:visible}.rule__principle__chart__dash::before,.rule__principle__chart__dash::after{content:'';position:absolute;left:calc(50% - 4.5px);display:block;width:9px;height:9px;border-radius:50%;background:var(--mainColor);overflow:hidden;z-index:50}.rule__principle__chart__dash::before{top:-4px}.rule__principle__chart__dash::after{bottom:-4px}.rule__principle__chart__logo{position:absolute;top:13%;left:13%;display:block;width:74%;height:74%;border-radius:50%;z-index:100}.rule__principle__chart__logo__item{position:absolute;width:90px;height:90px;padding:1px;border-radius:50%;box-shadow:3px 3px 5px rgba(102,82,38,.15);transform-origin:center;transition:box-shadow .3s ease-in-out,transform .3s ease-in-out;cursor:pointer;z-index:0;overflow:hidden}.rule__principle__chart__logo__item::before{content:'';position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:var(--titleGradient);opacity:0;transition:opacity .3s ease-in-out}.rule__principle__chart__logo__item::after{content:'';position:absolute;top:1px;left:1px;display:block;width:calc(100% - 2px);height:calc(100% - 2px);background:#fff;border-radius:50%;overflow:hidden}.rule__principle__chart__logo__item img{border-radius:50%;opacity:.5;transition:opacity .3s ease-in-out;z-index:10;overflow:hidden}.rule__principle__chart__logo__item.active{transform:scale(1.44)}.rule__principle__chart__logo__item.active::before,.rule__principle__chart__logo__item.active img{opacity:1}.rule__principle__chart__logo__item:nth-child(1){top:-45px;left:calc(50% - 45px)}.rule__principle__chart__logo__item:nth-child(2){top:calc(14.64% - 45px);right:calc(14.64% - 45px)}.rule__principle__chart__logo__item:nth-child(3){top:calc(50% - 45px);right:-45px}.rule__principle__chart__logo__item:nth-child(4){bottom:calc(14.64% - 45px);right:calc(14.64% - 45px)}.rule__principle__chart__logo__item:nth-child(5){bottom:-45px;left:calc(50% - 45px)}.rule__principle__chart__logo__item:nth-child(6){bottom:calc(14.64% - 45px);left:calc(14.64% - 45px)}.rule__principle__chart__logo__item:nth-child(7){top:calc(50% - 45px);left:-45px}.rule__principle__chart__logo__item:nth-child(8){top:calc(14.64% - 45px);left:calc(14.64% - 45px)}.rule__principle__article{display:block;width:calc(50% - 30px);max-width:710px;overflow:visible;flex:0 1 auto}.rule__principle__article.wow{animation-name:fadeInUp}.rule__principle__article__text{margin:35px 0 0 0}.rule__principle__article__box{display:block;width:100%;max-width:650px;margin:45px 0 0 0;overflow:visible}.rule__principle__article__box::after{content:'';position:absolute;top:100px;right:calc(100% - 40px);display:block;width:calc(100vw - 100px - 200% + 30px);max-width:260px;min-width:150px;height:1px;background:linear-gradient(to left,#3f362b 34%,rgba(63,54,43,.3) 34%);-webkit-mask:linear-gradient(to left,#000 60%,#00000000 100%);mask:linear-gradient(to left,#000 60%,#00000000 100%)}.rule__principle__article__box__slick{display:flex;align-items:flex-start;align-content:flex-start;justify-items:flex-start;justify-content:flex-start;width:100%;overflow:hidden}.rule__principle__article__box__slick .slick-prev,.rule__principle__article__box__slick .slick-next{top:98px;left:auto;width:10px;height:20px;background:url(/en/assets/images/common/icon_arrow_next.svg) center/contain no-repeat}.rule__principle__article__box__slick .slick-prev{right:198px}.rule__principle__article__box__slick .slick-next{right:65px}.rule__principle__article__box__slick .slick-prev::before,.rule__principle__article__box__slick .slick-next::before{display:none}.rule__principle__article__box__slick__item{display:block;width:100%;flex:0 0 auto}.rule__principle__article__box__slick__item__logo{display:flex;align-items:center;align-content:center;justify-items:center;justify-content:center;width:130px;height:130px;margin:0 0 -80px 65px;border-radius:50%;border:1px solid var(--mainColor);background:#fff;box-shadow:10px 10px 15px rgba(102,82,38,.1);overflow:hidden;z-index:10}.rule__principle__article__box__slick__item__content{display:block;width:100%;padding:110px 65px 60px 65px;border:1px solid #d2d1cf;background:var(--itemBgColor)}.rule__principle__article__box__count{position:absolute;top:100px;right:80px;max-width:115px;font-size:15px}@media screen and (max-width:1200px){.rule__principle__chart{display:none}.rule__principle__article{width:100%;max-width:none}.rule__principle__article__title .c-title06__main br{display:none}.rule__principle__article__box{max-width:none}.rule__principle__article__box::after{display:none}}@media screen and (max-width:991px){.rule{margin:100px auto 0 auto}.rule__conduct{margin:0 auto 135px auto}.rule__conduct__box{margin:0 0 -30px 0}.rule__conduct__box__item{width:calc(50% - 45px);margin:0 22.5px 30px 22.5px}}@media screen and (max-width:767px){.rule__conduct{margin:0 auto 80px auto}.rule__conduct__box{left:-15px;width:calc(100% + 30px)}.rule__conduct__box__item{width:calc(50% - 30px);margin:0 15px 30px 15px}}@media screen and (max-width:575px){.rule{margin:60px auto 0 auto}.rule .c-title06__main{font-size:40px}.rule__conduct__box{left:0;width:100%;margin:0}.rule__conduct__box__item{width:100%;margin:0 0 20px 0}.rule__conduct__box__item:last-child{margin:0}.rule__principle__article__text{margin:25px 0 0 0}.rule__principle__article__box{max-width:none;margin:30px 0 0 0}.rule__principle__article__box__slick .slick-prev,.rule__principle__article__box__slick .slick-next{top:78px}.rule__principle__article__box__slick .slick-prev{right:163px}.rule__principle__article__box__slick .slick-next{right:30px}.rule__principle__article__box__slick__item__logo{width:100px;height:100px;margin:0 0 -60px 30px}.rule__principle__article__box__slick__item__content{padding:80px 30px 50px 30px}.rule__principle__article__box__count{top:80px;right:45px}}@media (any-hover:none){}@supports (-webkit-touch-callout:none){}@-moz-document url-prefix(){}