/*! tailwindcss v3.0.15 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input:-ms-input-placeholder,textarea:-ms-input-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:after,:before{--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.container{width:100%}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.mb-24{margin-bottom:6rem}.mt-10{margin-top:2.5rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.table{display:table}.contents{display:contents}.hidden{display:none}.h-10{height:2.5rem}.w-full{width:100%}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.border{border-width:1px}.bg-red{--tw-bg-opacity:1;background-color:rgb(210 35 42/var(--tw-bg-opacity))}.text-center{text-align:center}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.text-red{--tw-text-opacity:1;color:rgb(210 35 42/var(--tw-text-opacity))}.shadow{--tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}a,abbr,acronym,address,applet,b,big,blockquote,body,caption,center,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,html,i,iframe,img,input,ins,kbd,label,legend,li,main,nav,object,ol,p,pre,q,s,samp,section,small,span,strike,strong,sub,sup,table,tbody,td,textarea,tfoot,th,thead,tr,tt,u,ul,var{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:initial;background:#0000;text-decoration:none;box-sizing:border-box;-moz-box-sizing:border-box}figure{-webkit-margin-before:0;-webkit-margin-after:0;-webkit-margin-start:0;-webkit-margin-end:0}body{line-height:100%;height:100%}body u{text-decoration:underline}ol,ul{list-style:none}blockquote,q{quotes:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}.clear{clear:both}#file-nav{position:fixed;bottom:30px;left:30px;z-index:1000000;color:#fff;transition:all .1s;transition-timing-function:ease-out}#file-nav hr{margin:16px 0;height:1px;background:#fff3;border:none}#file-nav .page-list{padding:20px 10px 0;position:absolute;left:0;bottom:0;display:none;background:#323a47;width:250px;height:400px}#file-nav .page-list #scroll-nav{height:280px;overflow-y:scroll;overflow-x:hidden;padding-bottom:100px}#file-nav .page-list h3{font-size:16px;letter-spacing:3px}#file-nav .page-list h3,#file-nav .page-list h4{text-transform:uppercase;font-weight:300;margin-bottom:10px;text-align:center}#file-nav .page-list h4{font-size:12px}#file-nav .page-list a{display:block;padding:0 10px;letter-spacing:1px;font-size:10px;text-transform:capitalize;color:#fff;opacity:.4;margin-bottom:10px}#file-nav .page-list a:hover{opacity:1}#file-nav .page-list .mCSB_scrollTools .mCSB_draggerRail{background:#fff;opacity:.1;width:4px}#file-nav .page-list .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background:#8593a9;width:6px}#file-nav #file-nav-toggle{width:60px;height:60px;display:block;text-transform:uppercase;font-weight:800;line-height:100%;border-radius:50%;background:#2a313d;font-size:12px;letter-spacing:3px;padding:10px 0 0 4px;text-align:center;position:relative;overflow:hidden;z-index:1;transition:all .2s;transition-timing-function:ease-out;color:#fff}#file-nav #file-nav-toggle span{font-size:7px;letter-spacing:1px;display:block;position:relative;left:-2px;font-weight:400}#file-nav #file-nav-toggle small{display:block;width:17px;margin:0 auto 7px;transition:all .2s;transition-timing-function:ease-out}#file-nav #file-nav-toggle small span{display:block;height:2px;background:#fff;margin-bottom:2px}#file-nav #file-nav-toggle:hover{opacity:1}#file-nav #file-nav-toggle.active{border-radius:0}#file-nav #file-nav-toggle.active small{width:3px}#file-nav .status{color:#fff;font-size:12px;position:absolute;right:10px;bottom:7px;width:170px;text-align:center;text-transform:uppercase}#file-nav .status .single{width:50%;float:left;font-size:32px;line-height:100%;font-weight:800;letter-spacing:3px}#file-nav .status .single span{display:block;font-size:10px;letter-spacing:2px;font-weight:300;line-height:18px}.block{display:block}.flex{display:flex}.inline{display:inline !lteIE7;display:inline-block}.none{display:none}.flex-center{display:flex;align-items:center;justify-content:center}.absolute{position:absolute}.relative{position:relative}.fixed{position:fixed}.shadow{box-shadow:0 1px 10px 1px #00000059}.shadow-none{box-shadow:0 1px 10px 1px #0000}.shadow-white{box-shadow:1px 1px 1px 1px #fff}.shadow-inset{box-shadow:inset 1px 1px 1px 1px #00000080}.text-shadow{text-shadow:0 1px 3px #00000080;filter:dropshadow(color=#000000,offx=1,offy=1)}.text-shadow-none{text-shadow:0 0 0 #0000;filter:dropshadow(color=#000000,offx=0,offy=0)}.text-shadow-inset{text-shadow:1px 1px 0 #ffffff1a,0 -1px 0 #00000080}.text-shadow-inset,.text-shadow-white{filter:dropshadow(color=#ffffff,offx=1,offy=0)}.text-shadow-white{text-shadow:1.5px 1.5px 1px #fff}.text-shadow-white-2{text-shadow:0 1px 1px #fff3;filter:dropshadow(color=#ffffff,offx=1,offy=0)}.cover-it{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;overflow:hidden}.br{border:1px solid red}.left-side{float:left}.right-side{float:right}.block-mobile{display:none}@media screen and (max-width:1024px){.block-mobile{display:block!important}}.inline-mobile{display:none}@media screen and (max-width:1024px){.inline-mobile{display:inline-block!important}.desktop-only{display:none}}.container{width:1170px;padding:0 16px;margin:0 auto;position:relative}@media screen and (max-width:1170px){.container{width:992px}}@media screen and (max-width:1024px){.container{width:100%}}@media screen and (max-width:768px){.container{width:100%}}.row{margin:0 -16px}.row:after,.row:before{display:table;content:" ";clear:both}.dc1,.dc2,.dc3,.dc4,.dc5,.dc6,.dc7,.dc8,.dc9,.dc10,.dc11,.dc12,.mc1,.mc2,.mc3,.mc4,.mc5,.mc6,.mc7,.mc8,.mc9,.mc10,.mc11,.mc12,.tc1,.tc2,.tc3,.tc4,.tc5,.tc6,.tc7,.tc8,.tc9,.tc10,.tc11,.tc12{padding:0 16px;float:left}.dc1.auto,.dc2.auto,.dc3.auto,.dc4.auto,.dc5.auto,.dc6.auto,.dc7.auto,.dc8.auto,.dc9.auto,.dc10.auto,.dc11.auto,.dc12.auto,.mc1.auto,.mc2.auto,.mc3.auto,.mc4.auto,.mc5.auto,.mc6.auto,.mc7.auto,.mc8.auto,.mc9.auto,.mc10.auto,.mc11.auto,.mc12.auto,.tc1.auto,.tc2.auto,.tc3.auto,.tc4.auto,.tc5.auto,.tc6.auto,.tc7.auto,.tc8.auto,.tc9.auto,.tc10.auto,.tc11.auto,.tc12.auto{float:none;margin:0 auto}.dc1.inline,.dc2.inline,.dc3.inline,.dc4.inline,.dc5.inline,.dc6.inline,.dc7.inline,.dc8.inline,.dc9.inline,.dc10.inline,.dc11.inline,.dc12.inline,.mc1.inline,.mc2.inline,.mc3.inline,.mc4.inline,.mc5.inline,.mc6.inline,.mc7.inline,.mc8.inline,.mc9.inline,.mc10.inline,.mc11.inline,.mc12.inline,.tc1.inline,.tc2.inline,.tc3.inline,.tc4.inline,.tc5.inline,.tc6.inline,.tc7.inline,.tc8.inline,.tc9.inline,.tc10.inline,.tc11.inline,.tc12.inline{display:inline-block;margin:0 -2px;float:none}.dc1{width:8.3%}.dc2{width:16.6%}.dc3{width:25%}.dc4{width:33.3%}.dc5{width:41.6%}.dc6{width:50%}.dc7{width:58.3%}.dc8{width:66.6%}.dc9{width:75%}.dc10{width:83.3%}.dc11{width:91.6%}.dc12{width:100%}@media screen and (max-width:1024px){.tc1{width:8.3%}.tc2{width:16.6%}.tc3{width:25%}.tc4{width:33.3%}.tc5{width:41.6%}.tc6{width:50%}.tc7{width:58.3%}.tc8{width:66.6%}.tc9{width:75%}.tc10{width:83.3%}.tc11{width:91.6%}.tc12{width:100%}}@media screen and (max-width:480px){.mc1{width:8.3%}.mc2{width:16.6%}.mc3{width:25%}.mdc4{width:33.3%}.mc5{width:41.6%}.mc6{width:50%}.mc7{width:58.3%}.mc8{width:66.6%}.mc9{width:75%}.mc10{width:83.3%}.mc11{width:91.6%}.mc12{width:100%}}@font-face{font-family:cc;src:url(fonts/CCDoohickeyLower620716.eot);src:url(fonts/CCDoohickeyLower620716.eot) format("embedded-opentype"),url(fonts/CCDoohickeyLower620716.woff2) format("woff2"),url(fonts/CCDoohickeyLower620716.woff) format("woff"),url(fonts/CCDoohickeyLower620716.ttf) format("truetype"),url(fonts/CCDoohickeyLower620716.svg#CCDoohickeyLower620716) format("svg")}html{font-family:Poppins,sans-serif;font-size:16px;color:#1d3d7c}.kina2 .h1,.kina2 .h2,.kina2 .h3,.kina2 .h4,.kina2 .h5,.kina2 .h6,.kina2 h1,.kina2 h2,.kina2 h3,.kina2 h4,.kina2 h5,.kina2 h6,.kina2 li,.kina2 span{line-height:1.65}@media screen and (max-width:768px){.kina2 .h1,.kina2 .h2,.kina2 .h3,.kina2 .h4,.kina2 .h5,.kina2 .h6,.kina2 h1,.kina2 h2,.kina2 h3,.kina2 h4,.kina2 h5,.kina2 h6,.kina2 li,.kina2 span{line-height:1.4}}.kina2 .h1,.kina2 .h2,.kina2 .h3,.kina2 .h4,.kina2 .h5,.kina2 .h6,.kina2 h1,.kina2 h2,.kina2 h3,.kina2 h4,.kina2 h5,.kina2 h6{font-weight:400}.kina2 p{line-height:1.4;font-weight:600}.kina2 .h1,.kina2 h1{font-size:3.052rem;margin-bottom:32px;line-height:1;font-family:cc,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media screen and (max-width:1024px){.kina2 .h1,.kina2 h1{font-size:1.802rem;margin-bottom:16px}}.kina2 .h2,.kina2 h2{font-size:2.441rem;line-height:1;font-family:cc,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-bottom:16px}@media screen and (max-width:1024px){.kina2 .h2,.kina2 h2{font-size:1.602rem;line-height:1.4}}@media screen and (max-width:360px){.kina2 .h2,.kina2 h2{font-size:22px}}.kina2 .h3,.kina2 h3{font-size:1.953rem;margin-bottom:16px}@media screen and (max-width:768px){.kina2 .h3,.kina2 h3{font-size:1.424rem}}.kina2 .h4,.kina2 h4{font-size:1.563rem;margin-bottom:16px;line-height:1;font-family:cc,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media screen and (max-width:1024px){.kina2 .h4,.kina2 h4{font-size:1.602rem;margin-bottom:8px}}@media screen and (max-width:360px){.kina2 .h4,.kina2 h4{font-size:22px}}.kina2 .h5,.kina2 h5{font-size:1.25rem;margin-bottom:8px}@media screen and (max-width:768px){.kina2 .h5,.kina2 h5{font-size:1.125rem}}.kina2 .h6,.kina2 h6{font-size:1rem;margin-bottom:8px}.kina2 li,.kina2 p{font-size:1rem;margin-bottom:16px}.kina2 li.large,.kina2 p.large{font-size:1.25rem}.kina2 li.small,.kina2 p.small{font-size:.8rem;line-height:1.4}.kina2 li.error,.kina2 p.error{color:red}.kina2 small{font-size:.8rem;line-height:1.4}.kina2 ol,.kina2 ul{margin:0 0 15px}.kina2 ul.disc li{position:relative;padding-left:20px;list-style:disc}.kina2 ol.decimal li{list-style:decimal;margin-left:20px}.kina2 a{color:#000;text-decoration:none}.kina2 a:hover,.kina2 button:hover{cursor:pointer}.kina2 .lt{text-align:left}.kina2 .rt{text-align:right}.kina2 .ct{text-align:center}input.check,input.radio{opacity:0;height:16px;width:16px;position:absolute;left:0;top:0}input.check:hover,input.radio:hover{cursor:pointer}input.radio+label{background:url(../img/icon-radio.png) no-repeat}input.check+label,input.radio+label{display:block;height:16px;width:16px}input.check+label{background:url(../img/icon-check.png) no-repeat scroll 0 0}input.check:hover+label,input.radio:hover+label{background-position:-16px 0}input.check:checked+label,input.radio:checked+label{background-position:-32px 0}input.check:disabled+label,input.radio:disabled+label{background-position:-48px 0}body,html{height:100%}#top-wrapper{margin-bottom:40px;position:relative;min-height:100%;height:100vh;transition:all .3s;transition-timing-function:ease-out}#spread-cow{left:0;top:0;height:100%;width:100%;position:fixed;z-index:3}#dummy-header{position:fixed;width:100%;left:0;top:0;z-index:1000;height:100px;background:orange}@media screen and (max-width:992px){#dummy-header{height:157px}}@media screen and (max-width:768px){#dummy-header{height:75px}}.kina2{display:flex;flex-direction:column;display:flex;cursor:url(../img/cursor.png),auto;gap:96px;margin-top:100px}@media screen and (max-width:992px){.kina2{margin-top:157px}}@media screen and (max-width:768px){.kina2{gap:32px;margin-top:75px}}.kina2 label:hover{cursor:url(../img/cursor.png),auto}.kina2 section .container{z-index:5}.kina2 .push{height:0}.kina2 .o{position:absolute}.kina2 .o.bg1{width:100%}.kina2 img{max-width:none}.kina2 .prl{transition:all .5s}.kina2 .wm{width:90px;height:175px;position:absolute}.kina2 .wm .top{width:90px;z-index:1}.kina2 .wm .bot{height:126px;left:50%;bottom:0;transform:translateX(-50%)}.kina2 .tr{width:85px;height:174px;position:absolute}.kina2 .tr .l{width:100%;left:0;top:0}.kina2 .tr .b{bottom:0;left:50%;transform:translateX(-40%);height:85%;z-index:1}.kina2 .cow{width:160px;height:130px;position:absolute}.kina2 .cow .head{z-index:2;width:35%;left:0;top:2%}.kina2 .cow .head img{width:100%}.kina2 .cow .head .mouth{z-index:2;width:30%;left:15%;bottom:0}.kina2 .cow .body{width:80%;left:10%;bottom:0;z-index:1}.kina2 .cow .tail{width:10%;right:10%;top:23%;transform-origin:left top}.kina2 .flying-cow{width:256px;height:202px;margin-left:auto;margin-right:auto;position:relative;margin-top:100px}.kina2 .flying-cow .inner{height:100%;width:100%}.kina2 .flying-cow .p-body{width:85%;z-index:3;right:0;bottom:0}.kina2 .flying-cow .p-shadow{width:40%;z-index:1;left:35%;bottom:36%}.kina2 .flying-cow .p-cow{width:45%;z-index:2;left:30%;top:7%}.kina2 .flying-cow .p-cloud{width:90%;left:0;top:0}.kina2 .flying-cow .bubble{z-index:5;width:210px;height:146px;padding:0;font-size:20px;position:relative;left:80%;top:-110px}.kina2 .flying-cow .bubble .inner-text{height:112px;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:10px 16px 0}@media screen and (max-width:768px){.kina2 .flying-cow .inner{margin:-100px 0;transform:scale(.7)}}@media screen and (max-width:480px){.kina2 .flying-cow .inner{transform:scale(.5) translateX(-20%)}.kina2 .flying-cow .inner .fun-notice{transform:scale(1.3)}.kina2 .flying-cow .inner .fun-notice__text{width:320px;font-size:24px}}.kina2 .fun-notice{position:absolute;min-width:0!important;z-index:10}.kina2 .fun-notice button{position:relative;z-index:2}.kina2 .fun-notice button .ntc{width:36px;z-index:2;position:relative}.kina2 .fun-notice button span{position:absolute;z-index:3;right:-5px;bottom:-4px}.kina2 .fun-notice button .crs{width:22px}.kina2 .fun-notice button:before{width:5px;height:5px;content:"";display:block;position:absolute;left:16px;top:12px;background:#d2232a;border-radius:20px;z-index:1}.kina2 .fun-notice__text{padding:1.5rem 1rem 1rem;position:absolute;transition:all .3s;min-width:0!important;left:10px;top:10px;z-index:1;font-family:cc,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:1rem;line-height:1.2;color:#1d3d7c;background:#fff;border-radius:16px;width:150px;transform-origin:left top;transform:scale(0);box-shadow:1px 2px 0 #0000001a}.kina2 .fun-notice__text.long{width:250px;font-size:16px}.kina2 .fun-notice.active .fun-notice__text{transform:scale(1)}.kina2 .fun-notice.fn1{right:10%;top:10%}.kina2 .fun-notice.fn2{right:35%;top:10%}.kina2 .fun-notice.fn3{left:10%;top:0}.kina2 .fun-notice.fn4{left:23%;top:27%}.kina2 .fun-notice.fn5{left:33%;top:40%}.kina2 .fun-notice.fn6{position:relative}.kina2 .goto{display:flex;flex-direction:column;display:flex;align-items:center;justify-content:center;position:relative;z-index:10}@media screen and (max-width:768px){.kina2 .goto{padding-top:24px}}.kina2 .goto span{font-family:cc,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1;margin-bottom:0}.kina2 .goto.w{color:#fff}.kina2 .goto.b{color:#1d3d7c}.kina2 .goto-3{position:fixed;left:10px;top:50%;z-index:100;transition:all .3s;transition-timing-function:ease-out;transform:translateX(-300px)}.kina2 .goto-3 i{margin-top:8px}.kina2 .goto-3.active{transform:translateX(0)}.kina2 .goto:hover{cursor:pointer}@media screen and (max-width:1024px){.kina2 .goto span{font-size:24px}}@media screen and (max-width:768px){.kina2 .goto-3{width:35px}.kina2 .goto-3 span{font-size:16px}.kina2 .goto-3 img{width:13px;margin:auto}}.kina2 .top-banner{position:relative;margin-top:-130px;margin-bottom:200px;z-index:4}.kina2 .top-banner .inner{background:url(../img/pattern-white.png) 10% 20% repeat;position:relative;z-index:2}.kina2 .top-banner:after{position:absolute;left:0;top:98%;display:block;content:"";width:100%;height:204px;background:url(../img/bg-2.svg) 0 0 no-repeat;background-size:100% 100%}.kina2 .top-banner .container{display:flex;align-items:center;justify-content:space-between;display:flex}@media (max-width:768px){.kina2 .top-banner .container{flex-direction:column}}.kina2 .top-banner .container{padding:24px 4%}.kina2 .top-banner .text{color:#d2232a;position:relative;z-index:1;margin:70px 0 0}.kina2 .top-banner .text h1{font-family:cc,sans-serif;font-size:4rem;line-height:1.3}.kina2 .top-banner .text h1,.kina2 .top-banner .text h4{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.kina2 .top-banner .text h4{margin-bottom:8px;font-family:Poppins,sans-serif}.kina2 .top-banner .milk-box{display:flex;align-items:center;display:flex;position:relative;max-width:587px;min-width:587px;height:450px}.kina2 .top-banner .milk-box .milk{position:relative;z-index:2;margin:50px 0 0 90px}.kina2 .top-banner .milk-box .splash{width:100%;left:0;top:0;z-index:1}.kina2 .top-banner .milk-box .cb{z-index:0;width:265px;left:-12%;bottom:0}.kina2 .top-banner .goto{position:absolute;left:40%;bottom:-15%}@media screen and (max-width:1024px){.kina2 .top-banner{margin-bottom:100px}.kina2 .top-banner:after{height:100px}.kina2 .top-banner .container{padding:0 8%}.kina2 .top-banner .inner{padding-bottom:100px;background-size:100% auto}.kina2 .top-banner .text h1{font-size:2.4rem}.kina2 .top-banner .milk-box{min-width:350px;max-width:350px;height:350px}.kina2 .top-banner .milk-box .milk{width:70px;margin-left:70px}.kina2 .top-banner .milk-box .splash{top:50%;margin-top:-135px}.kina2 .top-banner .milk-box .cb{width:175px;left:-17%;bottom:17%}.kina2 .top-banner .scenery{margin:0 70px 0 0}.kina2 .top-banner .goto{bottom:-13%;right:60%;transform:translateX(50%) scale(.5)}}@media screen and (max-width:768px){.kina2 .top-banner:after{height:50px}.kina2 .top-banner .container{padding:0}.kina2 .top-banner .inner{background-size:200% auto}.kina2 .top-banner .milk-box{min-width:100%;max-width:100%;height:272px;margin-top:40px;justify-content:center}.kina2 .top-banner .milk-box .milk{margin-left:10px}.kina2 .top-banner .milk-box .splash{width:340px;max-width:none;margin-left:-170px;left:50%}.kina2 .top-banner .milk-box .cb{width:145px;left:50%;margin-left:-215px;bottom:10%}.kina2 .top-banner .scenery{margin:0 auto 120px}.kina2 .top-banner .text h4{font-size:14px}.kina2 .top-banner .goto{right:50%}}@media screen and (max-width:480px){.kina2 .top-banner .inner{background-size:auto 140%;background-position:20% 30%}.kina2 .top-banner .milk-box .splash{margin-top:-105px;width:300px;margin-left:-150px}.kina2 .top-banner .milk-box .cb{width:105px;margin-left:-175px}}.kina2 .scenery{width:336px;height:246px;margin-bottom:120px;position:relative}.kina2 .scenery .cow{top:40%;left:20%;z-index:2}.kina2 .scenery .house{top:25%;left:5%;z-index:1}.kina2 .scenery .wm1{transform:scale(.8);left:30%;top:0}.kina2 .scenery .wm2{transform:scale(.6);right:-7%;top:0}.kina2 .scenery .g1{left:9%;bottom:15%}.kina2 .scenery .g2{left:60%;bottom:5%}.kina2 .scenery .g3{left:0;bottom:0}.kina2 .scenery .ne{color:#fff;align-items:center;gap:1rem;display:flex;position:absolute;left:50%;transform:translateX(-50%);top:110%}.kina2 .scenery .ne .not{width:22px}@media screen and (max-width:768px){.kina2 .scenery .ne .not{width:13px}}.kina2 .scenery .ne .icon{width:80px;height:80px;margin:auto}@media screen and (max-width:768px){.kina2 .scenery .ne .icon{width:40px;height:40px}}.kina2 .scenery .ne div{text-align:center}@media screen and (max-width:768px){.kina2 .scenery .ne div{min-width:100px}.kina2 .scenery .ne div h4{font-size:16px}}.kina2 .cow-box{background:url(../img/bg-box.svg) no-repeat;background-size:100% 100%;width:425px;height:355px;position:relative;transform:scale(1.3)}.kina2 .cow-box .c{width:64px;align-items:center;justify-content:center;display:flex;position:absolute}.kina2 .cow-box .c img{width:100%}.kina2 .cow-box .c span{border-radius:24px;position:relative;z-index:1;font-size:8px;margin-bottom:.5rem;align-items:center;justify-content:center;display:flex;position:absolute;left:50%;top:50%;transform:translate(-50deg,-50deg);width:31px;height:15px;text-align:center;color:#fff;left:15px;top:20px;box-shadow:2px 2px 0 #0003}.kina2 .cow-box .c span label{flex:1;line-height:15px;text-align:center}.kina2 .cow-box .c.rb span{background:#d2232a}.kina2 .cow-box .c.rb span label:first-child{background:#1d3d7c;border-radius:16px 16px 0 0}.kina2 .cow-box .c.b span{background:#1d3d7c}.kina2 .cow-box .c.r span{background:#d2232a}.kina2 .cow-box .c.c1{right:22%;top:19%}.kina2 .cow-box .c.c2{right:16%;top:40%}.kina2 .cow-box .c.c3{right:30%;bottom:15%}.kina2 .cow-box .c.c4{left:30%;bottom:15%}.kina2 .cow-box .c.c5{left:10%;bottom:27%}.kina2 .cow-box .c.c6{left:13%;top:30%}.kina2 .cow-box .c.c7{right:48%;top:10%}.kina2 .cow-box .c.c8{left:39%;top:32%}.kina2 .cow-box .c.c9{left:30%;bottom:37%}.kina2 .cow-box .c.c10{right:35%;bottom:37%}.kina2 .cow-box .c.a2logo span{background:#fff}.kina2 .cow-box .c.a2logo span label{text-indent:-9999px;background:#0000 url(../img/a2LogoCow.png) no-repeat 50%;background-size:14px 10px}.kina2 .cow-box .g1{left:32%;top:40%;width:21px}.kina2 .cow-box .g2{right:25%;bottom:30%;width:21px}.kina2 .cow-box .g3{left:20%;top:50%;width:14px}.kina2 .cow-box .g4{right:35%;top:40%;width:14px}.kina2 .cow-box .g5{left:25%;bottom:20%;width:14px}@media screen and (max-width:1024px){.kina2 .cow-box{transform:scale(.7);margin:-40px 0 -20px}}.kina2 .sapi30{position:relative;z-index:2}.kina2 .sapi30__wrapper{margin-bottom:6rem;display:flex;align-items:center;justify-content:space-between;display:flex}@media (max-width:768px){.kina2 .sapi30__wrapper{flex-direction:column}}.kina2 .sapi30__wrapper{padding:24px 4%}.kina2 .sapi30 .inner{background:url(../img/pattern-black.png) 10% 20% repeat;position:relative;z-index:2}.kina2 .sapi30 .text{max-width:40%;text-align:center}.kina2 .sapi30 .text .h2{color:#1d3d7c;margin-bottom:24px;display:block}.kina2 .sapi30 .sapi-perah{margin-bottom:2.5rem}.kina2 .sapi30 .sapi-perah__figure{margin-bottom:1rem;display:flex;justify-content:center;gap:1.5rem;display:flex}.kina2 .sapi30 .sapi-perah__figure figure{width:140px;height:113px;position:relative}.kina2 .sapi30 .sapi-perah__figure img{width:100%;left:0;top:0;transition:all .3s}.kina2 .sapi30 .sapi-perah__figure img.old{opacity:0}.kina2 .sapi30 .sapi-perah__caption{text-align:center;font-family:cc,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#1d3d7c}.kina2 .sapi30 .sapi-perah__info{display:flex;justify-content:center;gap:1rem;text-align:center;display:flex}.kina2 .sapi30 .sapi-perah__info div{min-width:300px}.kina2 .sapi30 .sapi-perah__info div:nth-child(5) figure img{max-width:190px}.kina2 .sapi30 .sapi-perah__info figure{height:152px;margin-bottom:24px;align-items:flex-end;display:flex;position:relative}.kina2 .sapi30 .sapi-perah__info figure img{max-width:224px;margin:0 auto}.kina2 .sapi30 .sapi-perah__info h4{color:#d2232a;min-width:120px;margin-top:80px}.kina2 .sapi30 .sapi-perah .text-wrapper{position:relative;height:40px}.kina2 .sapi30 .sapi-perah .text-wrapper h4{top:0;left:0;width:100%;position:absolute;transition:all .3s;transition-delay:.2s}.kina2 .sapi30 .sapi-perah .text-wrapper h4.old{opacity:0}@media screen and (max-width:1170px){.kina2 .sapi30 .sapi-perah__info>div{min-width:200px;max-width:200px}.kina2 .sapi30 .sapi-perah__info>div figure img{max-width:100%}}@media screen and (max-width:1024px){.kina2 .sapi30__wrapper{margin-bottom:1.5rem}.kina2 .sapi30 .text{max-width:100%}.kina2 .sapi30 .inner{background-size:100% auto}.kina2 .sapi30 .sapi-perah{margin-bottom:1.5rem}.kina2 .sapi30 .sapi-perah__figure{gap:8px}.kina2 .sapi30 .sapi-perah__figure figure{width:85px;height:72px}.kina2 .sapi30 .sapi-perah__info{flex-direction:column;align-items:center;gap:0}.kina2 .sapi30 .sapi-perah__info h4{margin:24px 0}.kina2 .sapi30 .sapi-perah__caption{font-size:16px}}@media screen and (max-width:768px){.kina2 .sapi30 .inner{background-size:280% auto}}.kina2 .kinxreguler{position:relative;z-index:3;padding-bottom:240px;overflow:hidden}.kina2 .kinxreguler .bg{min-width:100%;left:0;bottom:10%}.kina2 .kinxreguler .inner{background:linear-gradient(#fff 24.37%,#fff0 99.27%);position:relative}.kina2 .kinxreguler:after{position:absolute;left:0;bottom:30px;display:block;content:"";width:100%;height:128px;z-index:2;background:url(../img/bg-8.svg) no-repeat;background-size:100% 100%}.kina2 .kinxreguler .close{position:absolute;left:50%;top:100%;border:5px solid #fff;color:#d2232a;background:#ccc;border-radius:8px;padding:12px 24px;font-family:cc,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:all .4s;opacity:0;transform:translateX(-50%);letter-spacing:1px}@media screen and (max-width:1024px){.kina2 .kinxreguler .close{display:none}}.kina2 .kinxreguler .text-black,.kina2 .kinxreguler .text-red{font-size:10px;line-height:16px;text-align:center}.kina2 .kinxreguler .instruction{position:relative;z-index:1}.kina2 .kinxreguler .instruction span{line-height:1.2}.kina2 .kinxreguler .instruction .c{width:122px}.kina2 .kinxreguler .instruction .bubble{position:absolute;left:80%;bottom:60%}.kina2 .kinxreguler__top{display:flex;justify-content:center;gap:1rem;display:flex;padding-top:60px}@media screen and (max-width:1024px){.kina2 .kinxreguler .inner{background:linear-gradient(#fff 35%,#fff0 99.27%)}.kina2 .kinxreguler .bg{bottom:0;top:auto;width:100%}.kina2 .kinxreguler:after{bottom:-30px}.kina2 .kinxreguler .instruction{margin-right:28px;transform:scale(.7) translateX(-10px)}.kina2 .kinxreguler .instruction .fun-notice{transform:translateY(-12px)}.kina2 .kinxreguler .instruction .fun-notice button{transform:scale(1.3)}.kina2 .kinxreguler__top{gap:4px}}@media screen and (max-width:768px){.kina2 .kinxreguler{padding-bottom:170px}.kina2 .kinxreguler .inner{background:linear-gradient(#fff 35%,#fff0 99.27%)}.kina2 .kinxreguler .bg{bottom:0;top:auto;left:-50%;width:200%}.kina2 .kinxreguler:after{height:50px;background-size:100% 100%;bottom:90px}.kina2 .kinxreguler .h2 span{display:block}.kina2 .kinxreguler__top{flex-direction:column;align-items:center}.kina2 .kinxreguler .instruction{width:86px;margin:auto}}@media screen and (max-width:480px){.kina2 .kinxreguler:after{bottom:75px}}@media screen and (max-width:360px){.kina2 .kinxreguler .instruction{margin-right:0}.kina2 .kinxreguler__top{margin:0 -12px}}.kina2 .milk-c{height:350px;margin-top:80px;position:relative}.kina2 .milk-c.active-kin .close,.kina2 .milk-c.active-reg .close{opacity:1}.kina2 .milk-c .par{bottom:0;display:flex;display:flex;position:absolute;width:40%;transition:all .3s}.kina2 .milk-c .par figure{display:flex;align-items:center;gap:1.5rem;display:flex;position:relative;z-index:2}.kina2 .milk-c .par figure span{font-family:cc,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:80px;line-height:1}.kina2 .milk-c .par.hide{opacity:0}.kina2 .milk-c .par.active .milk-c__add,.kina2 .milk-c .par.active .milk-c__info{opacity:1}.kina2 .milk-c .kin{left:80px}.kina2 .milk-c .kin figure span{color:#d2232a}.kina2 .milk-c .reg{right:80px;justify-content:flex-end}.kina2 .milk-c .reg figure{flex-direction:row-reverse}.kina2 .milk-c .reg figure span{color:#ababab;text-align:right}.kina2 .milk-c .reg .milk-c__info{right:110%;left:auto}.kina2 .milk-c .reg .milk-c__info>div{background:url(../img/bg-info-2.svg) no-repeat;background-size:100% 100%;color:#000}@media screen and (max-width:768px){.kina2 .milk-c__add.desktop,.kina2 .milk-c__info.desktop{display:none}}.kina2 .milk-c .swiper-container{display:none}@media screen and (max-width:768px){.kina2 .milk-c .swiper-container{display:block;position:absolute;top:120px;left:0;width:200%}.kina2 .milk-c .swiper-container .milk-c__add,.kina2 .milk-c .swiper-container .milk-c__info{position:relative!important;top:auto!important;left:auto!important;bottom:auto!important;right:auto!important;transform:none!important}}.kina2 .milk-c__info{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:.5rem;display:flex;position:absolute;bottom:0;left:110%;z-index:1;width:270px;height:370px;transition:all .4s;opacity:0}.kina2 .milk-c__info>div{padding:24px 32px;background:url(../img/bg-info-1.svg) no-repeat;background-size:100% 100%;color:#fff;font-size:.75rem;line-height:1.2;text-align:center;width:100%}.kina2 .milk-c__add{display:flex;flex-direction:column;justify-content:center;gap:.5rem;display:flex;position:absolute;bottom:5%;left:175%;transition:all .4s;opacity:0;height:370px;width:220px}.kina2 .milk-c__add .circle-cow{max-width:57px;margin:0 auto 8px}.kina2 .milk-c__add div{background:#28a8e0;color:#fff;border-radius:8px;align-items:center;justify-content:flex-start;gap:.5rem;padding:.5rem .75rem;display:flex;font-size:10px;font-weight:600}.kina2 .milk-c__add div img{max-width:28px}@media screen and (max-width:1200px){.kina2 .milk-c .par figure span{font-size:60px}.kina2 .milk-c .kin .milk-c__info{left:100%}}@media screen and (max-width:1024px){.kina2 .milk-c{margin-top:40px;height:520px}.kina2 .milk-c .par{bottom:auto;top:0;align-items:flex-start}.kina2 .milk-c .par img{width:80px}.kina2 .milk-c .par figure{gap:8px;flex-direction:row-reverse;text-align:right;transform:scale(.7);opacity:.4;transition:all .3s;transition-timing-function:ease-out}.kina2 .milk-c .par figure span{font-size:48px;margin-top:24px}.kina2 .milk-c .par.hide{opacity:1}.kina2 .milk-c .par.hide .swiper-container{opacity:0}.kina2 .milk-c .par.active figure{opacity:.4;transform:scale(.7)}.kina2 .milk-c .par.active .milk-c__add,.kina2 .milk-c .par.active .milk-c__info{opacity:0}.kina2 .milk-c .par.active-mobile figure{opacity:1;transform:scale(1.2)}.kina2 .milk-c .par.active-mobile .milk-c__add,.kina2 .milk-c .par.active-mobile .milk-c__info,.kina2 .milk-c .par.active-mobile .swiper-container{opacity:1;z-index:10}.kina2 .milk-c__info{opacity:0;height:auto;gap:16px;top:200px;bottom:auto;width:200%;left:-10%}.kina2 .milk-c__info>div{padding:16px;line-height:1.4;background:#1d3d7c;border-radius:8px;width:300px;margin:auto;font-size:12px}.kina2 .milk-c .kin{left:10%;justify-content:flex-end}.kina2 .milk-c .kin .milk-c__info{left:-30%}.kina2 .milk-c .kin .milk-c__add{bottom:auto;top:100%;right:auto;left:120%}.kina2 .milk-c .reg{right:10%;justify-content:flex-start}.kina2 .milk-c .reg figure{flex-direction:row}.kina2 .milk-c .reg .milk-c__info{right:0;left:auto}.kina2 .milk-c .reg .milk-c__info>div{background:#efefef}}@media screen and (max-width:768px){.kina2 .milk-c{margin-top:24px}.kina2 .milk-c.active-reg{height:400px}.kina2 .milk-c .par img{width:45px}.kina2 .milk-c .par figure{transition:all .3s;transition-timing-function:ease-out}.kina2 .milk-c .par figure span{font-size:24px;margin-top:24px}.kina2 .milk-c .milk-c__info{top:150px;margin:auto}.kina2 .milk-c .milk-c__info>div{width:240px}.kina2 .milk-c .kin .milk-c__info{left:0}.kina2 .milk-c .kin .milk-c__add{left:100%;transform:translateX(-50%);top:420px}}.kina2 .bubble{background:url(../img/bubble-blue.svg) no-repeat;background-size:100% 100%;color:#fff;width:120px;padding:16px 16px 30px;text-align:center;font-family:cc,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.2}.kina2 .funfact{position:relative;z-index:5}.kina2 .funfact .cl{width:363px;transition:all 1.5s}.kina2 .funfact .cl.cl1{right:-5%;top:-50%}.kina2 .funfact .cl.cl2{left:0;bottom:-10%}.kina2 .funfact .box{width:730px;height:267px;background:url(../img/bg-box-2.svg) 0 0 no-repeat #0000;background-size:100% 100%;color:#1d3d7c;margin-left:auto;margin-right:auto;align-items:center;justify-content:space-between;display:flex;padding:47px 95px 48px 72px}.kina2 .funfact .box p{padding-left:0;font-size:24px;line-height:1.2;margin-bottom:0}.kina2 .funfact .box .fun-notice{max-width:160px;min-width:160px!important;position:relative}.kina2 .funfact .box .fun-notice img{max-width:100%}.kina2 .funfact .box .fun-notice button{position:absolute;left:10px;top:-10px}.kina2 .funfact .box .fun-notice button .ntc{width:56px}.kina2 .funfact .box .fun-notice button:before{width:7px;height:7px;left:25px;top:20px}.kina2 .funfact .box .fun-notice__text{top:10px;left:30px;width:190px;max-width:190px;text-align:right}.kina2 .funfact .box div{min-width:75%}.kina2 .funfact .milk{max-width:104px;-o-object-fit:contain;object-fit:contain}.kina2 .funfact.move .cl1,.kina2 .funfact:hover .cl1{transform:translateX(80%)}.kina2 .funfact.move .cl2,.kina2 .funfact:hover .cl2{transform:translateX(-60%)}@media screen and (max-width:1024px){.kina2 .funfact .cl{width:200px}.kina2 .funfact .cl.cl1{right:15%}.kina2 .funfact .cl.cl2{left:15%}.kina2 .funfact .box{width:480px;height:180px;padding:30px 60px 32px 50px}.kina2 .funfact .box .h2{margin-bottom:8px}.kina2 .funfact .box p{font-size:16px;line-height:1.4;padding-left:0}.kina2 .funfact .box div{max-width:80%}.kina2 .funfact .box .fun-notice{max-width:100px;min-width:100px!important}.kina2 .funfact .box .fun-notice button .ntc{width:36px}.kina2 .funfact .box .fun-notice button:before{width:5px;height:5px;left:16px;top:12px}}@media screen and (max-width:768px){.kina2 .funfact .cl.cl1{right:0;top:-20%}.kina2 .funfact .cl.cl2{left:0}.kina2 .funfact .box .fun-notice button{transform:scale(.9)}.kina2 .funfact .box .fun-notice__text{right:18px;left:auto;top:-14px;max-width:140px;text-align:left;padding-top:16px;transform-origin:right top}}@media screen and (max-width:480px){.kina2 .funfact .cl{width:135px}.kina2 .funfact .cl.cl1{right:-15%;top:-40%}.kina2 .funfact .cl.cl2{left:-10%;bottom:-40%}.kina2 .funfact .box{width:330px;height:140px;padding:20px 25px}.kina2 .funfact .box div{max-width:90%}.kina2 .funfact .box p{font-size:12px}.kina2 .funfact .box .h2{margin-bottom:8px;font-size:22px}.kina2 .funfact .box .fun-notice{max-width:60px;min-width:60px!important}.kina2 .funfact .box .fun-notice button{top:-3px;transform:scale(.8) translate(-10px,-10px)}.kina2 .funfact .milk{max-width:48px}}.kina2 .saving-kina2:before{display:block;content:"";width:100%;height:128px;z-index:2;background:url(../img/bg-4.svg) no-repeat;background-size:100% 100%;position:relative;top:2px}.kina2 .saving-kina2 .inner{background:url(../img/cow-pattern-1.svg) 0 no-repeat,url(../img/cow-pattern-2.svg) right 40% no-repeat #6bd1e8;border-radius:0 0 350px 350px;padding-bottom:80px}.kina2 .saving-kina2 .saving-slider{margin-top:1.5rem;margin-bottom:1.5rem;display:flex;align-items:center;justify-content:center;gap:1.5rem;display:flex}@media (max-width:768px){.kina2 .saving-kina2 .saving-slider{margin-top:0}}.kina2 .saving-kina2 .saving-slider .swiper-container{width:346px;height:433px;margin:0}.kina2 .saving-kina2 .saving-slider .swiper-slide img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;overflow:hidden;border-radius:40px}.kina2 .saving-kina2 .saving-slider .swiper-next,.kina2 .saving-kina2 .saving-slider .swiper-prev{transition:all .3s}.kina2 .saving-kina2 .saving-slider .swiper-next.swiper-button-disabled,.kina2 .saving-kina2 .saving-slider .swiper-prev.swiper-button-disabled{opacity:.3}.kina2 .saving-kina2 .ecom{margin-top:2.5rem;margin-bottom:2.5rem;display:flex;justify-content:center;gap:1rem;display:flex}.kina2 .saving-kina2 .ecom a{height:64px;background:#fff;border-radius:16px;padding:16px;font-weight:600;align-items:center;gap:.5rem;display:flex}.kina2 .saving-kina2 .ecom a img{max-width:33px}.kina2 .saving-kina2 .ecom a.tp{color:#60bb54}.kina2 .saving-kina2 .ecom a.sp{color:#f1582e}.kina2 .saving-kina2 .social{margin-top:1.5rem;margin-bottom:1.5rem;display:flex;justify-content:center;gap:1.5rem;display:flex}.kina2 .saving-kina2 .social .h2{margin-bottom:0}.kina2 .saving-kina2 .social img{width:40px;height:100%;-o-object-fit:contain;object-fit:contain}.kina2 .saving-kina2 .social a{margin-left:16px;height:40px}.kina2 .saving-kina2 .scenery{margin:0 auto;width:466px;height:343px}.kina2 .saving-kina2 .scenery .cow{transform:scale(-2,2);top:35%;left:30%}.kina2 .saving-kina2 .scenery .g1{left:80%}.kina2 .saving-kina2 .scenery .g3{left:15%;bottom:10%}.kina2 .saving-kina2 .scenery .g2{left:60%;bottom:0}.kina2 .saving-kina2 .scenery .tr1{left:0;top:15%;transform:scale(.9)}.kina2 .saving-kina2 .scenery .tr2{right:0;top:0}@media screen and (max-width:1024px){.kina2 .saving-kina2:before{height:78px;background-size:120% 100%}.kina2 .saving-kina2 .inner{border-radius:0 0 200px 200px;background:url(../img/cow-pattern-1.svg) 0 no-repeat,url(../img/cow-pattern-2.svg) 90% 10% no-repeat #6bd1e8;background-size:40% auto}}@media screen and (max-width:768px){.kina2 .saving-kina2:before{background-size:140% 100%}.kina2 .saving-kina2 .saving-slider .swiper-container{width:259.5px;height:324.75px}.kina2 .saving-kina2 .saving-slider .swiper-slide img{border-radius:16px}.kina2 .saving-kina2 .saving-slider .swiper-next img,.kina2 .saving-kina2 .saving-slider .swiper-prev img{width:40px}.kina2 .saving-kina2 .inner{border-radius:0 0 80px 80px}.kina2 .saving-kina2 .ecom{flex-direction:column;align-items:center}.kina2 .saving-kina2 .ecom a{min-width:220px;max-width:220px;justify-content:center}.kina2 .saving-kina2 .social{gap:0}.kina2 .saving-kina2 .social .h2{line-height:32px;margin-right:40px}.kina2 .saving-kina2 .social a{height:32px}.kina2 .saving-kina2 .social a img{width:29px}.kina2 .saving-kina2 .scenery{transform:scale(.7);margin:-60px auto -80px}.kina2 .saving-kina2 .scenery .fun-notice{transform:scale(1.3)}}@media screen and (max-width:480px){.kina2 .saving-kina2 .saving-slider .swiper-container{width:138.4px;height:173.2px}.kina2 .saving-kina2 .saving-slider .swiper-slide img{border-radius:16px}.kina2 .saving-kina2 .saving-slider .swiper-next img,.kina2 .saving-kina2 .saving-slider .swiper-prev img{width:40px}}@media screen and (max-width:500px){.kina2 .saving-kina2 .scenery{left:50%;transform:scale(.7) translateX(-70%)}}.kina2 .resep-slider,.kina2 .tonton-slider{width:695px;height:285px;margin-left:auto;margin-right:auto;align-items:center;gap:1.5rem;display:flex;position:relative;z-index:2}.kina2 .resep-slider .swiper-container,.kina2 .tonton-slider .swiper-container{padding-bottom:12px;padding-right:12px;height:100%}.kina2 .resep-slider .swiper-slide,.kina2 .tonton-slider .swiper-slide{border:5px solid #d2232a;border-radius:24px;overflow:hidden;background:#d2232a;height:100%;box-shadow:12px 12px 0 #0000001a}.kina2 .resep-slider .swiper-slide img,.kina2 .tonton-slider .swiper-slide img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;overflow:hidden}.kina2 .resep-slider .swiper-slide .desc,.kina2 .tonton-slider .swiper-slide .desc{display:flex;height:100%;width:100%;flex-direction:column;justify-content:flex-end;text-align:center;display:flex;position:absolute;background:linear-gradient(180deg,#d2232a00,#d2232a 66.84%);transition:all .3s;transition-timing-function:ease-out;opacity:0;color:#fff;left:0;top:0;font-size:12px;z-index:1;line-height:1.2;padding:8px}.kina2 .resep-slider .swiper-slide .button,.kina2 .tonton-slider .swiper-slide .button{background:#1d3d7c;width:100%;height:32px;border-radius:16px;color:#fff;text-align:center;line-height:32px;margin-top:8px}.kina2 .resep-slider .swiper-slide:hover .desc,.kina2 .tonton-slider .swiper-slide:hover .desc{opacity:1}@media screen and (max-width:768px){.kina2 .resep-slider,.kina2 .tonton-slider{width:300px}.kina2 .resep-slider .swiper-next img,.kina2 .resep-slider .swiper-prev img,.kina2 .tonton-slider .swiper-next img,.kina2 .tonton-slider .swiper-prev img{width:40px}}.kina2 .news .cl,.kina2 .tonton .cl{width:363px;transition:all 1.5s}.kina2 .news .cl.cl1,.kina2 .tonton .cl.cl1{right:-5%;top:30%}.kina2 .news .cl.cl2,.kina2 .tonton .cl.cl2{left:0;top:0}.kina2 .news:hover .cl1,.kina2 .tonton:hover .cl1{transform:translateX(20%)}.kina2 .news:hover .cl2,.kina2 .tonton:hover .cl2{transform:translateX(-20%)}@media screen and (max-width:1024px){.kina2 .news .cl,.kina2 .tonton .cl{width:200px}.kina2 .news .cl.cl1,.kina2 .tonton .cl.cl1{right:15%}.kina2 .news .cl.cl2,.kina2 .tonton .cl.cl2{left:15%}}@media screen and (max-width:768px){.kina2 .news .cl.cl1,.kina2 .tonton .cl.cl1{right:20%;top:0}.kina2 .news .cl.cl2,.kina2 .tonton .cl.cl2{left:20%;top:0}}@media screen and (max-width:480px){.kina2 .news .cl,.kina2 .tonton .cl{width:135px}.kina2 .news .cl.cl1,.kina2 .tonton .cl.cl1{right:0;top:-5%}.kina2 .news .cl.cl2,.kina2 .tonton .cl.cl2{left:0;top:-5%}}.kina2 .resep .inner{background:url(../img/pattern-white.png) 10% 20% repeat #7fce6b;margin:120px 0;position:relative;color:#fff}.kina2 .resep .inner:before{background:url(../img/bg-5.svg) no-repeat;background-size:100% 100%;top:-120px}.kina2 .resep .inner:after,.kina2 .resep .inner:before{display:block;content:"";width:100%;height:128px;z-index:2;position:absolute;left:0}.kina2 .resep .inner:after{background:url(../img/bg-6.svg) no-repeat;background-size:100% 100%;bottom:-120px}.kina2 .resep .inner .wm1{top:-230px;left:16%;transform:scale(.8)}.kina2 .resep .inner .wm2{top:-260px;right:13%;transform:scale(1.4)}.kina2 .resep-slider .swiper-slide{border-color:#fff;background:#fff}@media screen and (max-width:1024px){.kina2 .resep .inner{background-size:100% auto;margin:78px 0}.kina2 .resep .inner:after,.kina2 .resep .inner:before{height:78px}.kina2 .resep .inner:before{top:-77px}.kina2 .resep .inner:after{bottom:-77px}.kina2 .resep .inner .wm1{top:-170px;transform:scale(.5)}.kina2 .resep .inner .wm2{top:-170px;transform:scale(.7)}}@media screen and (max-width:768px){.kina2 .resep .inner{margin:40px 0;padding-bottom:24px;background-size:180% auto}.kina2 .resep .inner:after,.kina2 .resep .inner:before{height:40px}.kina2 .resep .inner:before{top:-38px}.kina2 .resep .inner:after{bottom:-38px}.kina2 .resep .inner .wm1{left:2%;top:-140px}.kina2 .resep .inner .wm2{right:3%;top:-150px}}.kina2 .news-slider{width:1078px;max-width:100%;height:285px;margin-left:auto;margin-right:auto;align-items:center;gap:1.5rem;display:flex;position:relative;z-index:2}.kina2 .news-slider .swiper-container{padding-bottom:12px;padding-right:10px}.kina2 .news-slider .swiper-slide{border-radius:24px;overflow:hidden;background:#fff;height:100%;padding:16px;box-shadow:4px 4px 8px #0000000d}.kina2 .news-slider .swiper-slide img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;overflow:hidden;height:164px;border-radius:8px;margin-bottom:8px}.kina2 .news-slider .swiper-slide .desc{color:#1d3d7c;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-height:48px;line-height:24px;height:48px;margin-bottom:8px}.kina2 .news-slider .swiper-slide .button{font-size:12px;font-weight:700;color:#d2232a}@media screen and (max-width:1170px){.kina2 .news-slider{width:992px}}@media screen and (max-width:768px){.kina2 .news-slider{max-width:none;height:auto;padding-bottom:60px;width:240%;left:-70%;margin-top:70px}.kina2 .news-slider .swiper-slide img{height:45vw}.kina2 .news-slider .swiper-next,.kina2 .news-slider .swiper-prev{position:absolute}.kina2 .news-slider .swiper-next,.kina2 .news-slider .swiper-prev{bottom:0}.kina2 .news-slider .swiper-next img,.kina2 .news-slider .swiper-prev img{width:40px}.kina2 .news-slider .swiper-prev{right:50%;margin-right:12px}.kina2 .news-slider .swiper-next{left:50%;margin-left:12px}.kina2 .news .cl.cl1{top:10%;right:-10%}.kina2 .news .cl.cl2{top:10%;left:-10%}.kina2 .cow-wrapper{height:140px}}.kina2 .footer-img img{height:auto;width:100%;overflow:hidden}.kina2 .a1a2{position:relative;background:url(../img/pattern-black.png) 0 0 repeat #ffee93;margin-top:-150px}.kina2 .a1a2.a1-active figure span{opacity:.5;transform:scale(.9)}.kina2 .a1a2.a1-active figure span.s4,.kina2 .a1a2.a1-active figure span.s5,.kina2 .a1a2.a1-active figure span.s6{opacity:1;transform:scale(1)}.kina2 .a1a2.a1-active .text .a1-text{opacity:1}.kina2 .a1a2.a1-active .text .a2-text{opacity:0}.kina2 .a1a2.a1-active .a1a2__content .img .milk{margin:0 auto!important}@media screen and (max-width:768px){.kina2 .a1a2.a1-active .a1a2__content .img .milk{margin-bottom:120px!important}}.kina2 .a1a2.a1-active .a1a2__content.locale-en .img .milk{margin:0 auto!important}@media screen and (max-width:768px){.kina2 .a1a2.a1-active .a1a2__content.locale-en .img .milk{margin-bottom:100px!important}}.kina2 .a1a2__content{margin-left:auto;margin-right:auto;display:flex;justify-content:space-between;display:flex;width:750px;max-width:100%}.kina2 .a1a2 .inner{padding:130px 0 80px}.kina2 .a1a2:after{position:absolute;left:0;bottom:-2px;display:block;content:"";width:100%;height:128px;z-index:2;background:url(../img/bg-7.svg) no-repeat;background-size:100% 100%}.kina2 .a1a2 .milk{width:209px;margin:0 auto}.kina2 .a1a2 .img{text-align:center;max-width:335px;position:relative}.kina2 .a1a2__content.locale-en .img .milk{margin:0 auto}@media screen and (max-width:768px){.kina2 .a1a2__content.locale-en .img .milk{margin-bottom:180px}}.kina2 .a1a2__content.locale-en .text .a1-text{top:50%}@media screen and (max-width:768px){.kina2 .a1a2__content.locale-en .text .a1-text{top:17%}}.kina2 .a1a2__content.locale-en .text .a2-text{top:50%}@media screen and (max-width:768px){.kina2 .a1a2__content.locale-en .text .a2-text{top:40%}}.kina2 .a1a2 .text{width:400px;text-align:center;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));position:relative}.kina2 .a1a2 .text div{width:100%;position:absolute;top:50%;transform:translateY(-50%);transition:all .5s;opacity:0}.kina2 .a1a2 .text div h4{padding:1rem 2rem;border-radius:16px;box-shadow:8px 8px 0 #0000000d}.kina2 .a1a2 .text .a2-text{opacity:1}.kina2 .a1a2 .text .a2-text h4{background:#d2232a}@media screen and (max-width:768px){.kina2 .a1a2 .text .a1-text{top:40%}}.kina2 .a1a2 .text .a1-text h4{background:#1d3d7c}.kina2 .a1a2 figure{position:relative}.kina2 .a1a2 figure span{border-radius:9999px;font-family:cc;text-transform:uppercase;position:absolute;border:4px solid #fff;width:40px;height:40px;text-align:center;background:#d2232a;color:#fff;line-height:36px}.kina2 .a1a2 figure span.s4,.kina2 .a1a2 figure span.s5,.kina2 .a1a2 figure span.s6{background:#1d3d7c;opacity:.5;transform:scale(.9)}.kina2 .a1a2 figure span:before{left:0;top:0;height:100%;width:100%;display:block;position:absolute;content:"";transition:all .3s;opacity:0;border:2px solid #fff;border-radius:50%}.kina2 .a1a2 figure span:hover{cursor:pointer}.kina2 .a1a2 figure .s1{left:45%;top:27%}.kina2 .a1a2 figure .s2{left:58%;top:35%}.kina2 .a1a2 figure .s3{left:32%;top:60%}.kina2 .a1a2 figure .s4{left:30%;top:35%}.kina2 .a1a2 figure .s5{left:45%;top:48%}.kina2 .a1a2 figure .s6{left:55%;top:64%}.kina2 .a1a2 figure+p{margin-bottom:24px}.kina2 .a1a2 p{font-size:.8rem;display:block}@media screen and (max-width:768px){.kina2 .a1a2 p{display:none}}.kina2 .a1a2 p.mobile{color:#1d3d7c;display:none}@media screen and (max-width:1024px){.kina2 .a1a2 p.mobile{display:block}}.kina2 .a1a2 .o{width:150px;z-index:1;bottom:20%;left:-20%;transition:all .3s;opacity:0}@media screen and (max-width:768px){.kina2 .a1a2__content{flex-direction:column-reverse;align-items:center}.kina2 .a1a2 figure{transform:scale(.8)}.kina2 .a1a2 .text{position:absolute}.kina2 .a1a2 .text{width:280px;height:160px;left:50%;top:370px;transform:translateX(-50%)}.kina2 .a1a2 .text h4{font-size:16px}.kina2 .a1a2 .milk{margin-bottom:160px}.kina2 .a1a2:after{height:50px}}.pace{-webkit-pointer-events:none;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin:auto;left:0;right:0;bottom:0;height:5px;width:200px;overflow:hidden;background:#d2232a}.pace,.pace .pace-progress{z-index:2000;position:fixed;top:0;border-radius:4px}.pace .pace-progress{-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;transform:translateZ(0);max-width:200px;display:block;position:absolute;right:100%;height:100%;width:100%;background:#fff}.pace-done #top-wrapper{height:auto;background:none;overflow-x:hidden}.pace-done #top-wrapper main{display:flex}.pace.pace-inactive{display:none}.pace:before{left:0;top:0;height:100%;width:100%;display:block;position:fixed;background:#d2232a;content:""}.popup{width:100%;height:100%;position:fixed;left:0;top:0;display:none;z-index:1000;background:#000000b3}.popup .popup-wrapper{position:relative;min-height:100%;display:flex;align-items:center;justify-content:center}.popup .popup-full{height:100%;width:100%;padding:40px 0;overflow-y:scroll}.popup .inner{margin:0 auto;position:relative;width:1000px;background:#fff;padding:0 20px;max-width:90%}@keyframes a-wm{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.wm .top{animation:a-wm 15s linear infinite}@keyframes a-cow-head{0%{transform:translate(0) rotate(0deg)}30%{transform:translate(0) rotate(0deg)}40%{transform:translateY(10px) rotate(-4deg)}50%{transform:translateY(10px) rotate(4deg)}70%{transform:translateY(10px) rotate(4deg)}80%{transform:translate(0) rotate(0deg)}to{transform:translate(0) rotate(0deg)}}.cow .head{animation:a-cow-head 4s linear infinite}@keyframes a-cow-tail{0%{transform:rotate(0deg)}70%{transform:rotate(0deg)}71%{transform:rotate(1deg)}72%{transform:rotate(0deg)}73%{transform:rotate(2deg)}74%{transform:rotate(0deg)}75%{transform:rotate(2deg)}76%{transform:rotate(0deg)}to{transform:rotate(0deg)}}.cow-box .r,.cow .tail{animation:a-cow-tail 7s linear infinite}@keyframes a-fn-btn{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.fun-notice button.not-used{animation:a-fn-btn 1s linear infinite}@keyframes a-fn-btn-2{0%{transform:scale(1);opacity:0}40%{opacity:.7}80%{opacity:0;transform:scale(10)}90%{transform:scale(1)}to{opacity:0;transform:scale(1)}}.fun-notice button:before{animation:a-fn-btn-2 2s linear infinite}@keyframes a-fn-btn-3{0%{transform:translate(0)}50%{transform:translate(-3px,-3px)}to{transform:translate(0)}}.fun-notice button .crs{animation:a-fn-btn-3 1s linear infinite}@keyframes a-fn-btn-4{0%{opacity:0}25%{opacity:0}30%{opacity:1}75%{opacity:1}80%{opacity:0}to{opacity:0}}.fun-notice button span{animation:a-fn-btn-4 2s linear infinite}@keyframes a-goto{0%{transform:translate(0)}50%{transform:translateY(10px)}to{transform:translate(0)}}.goto>img{animation:a-goto 2s linear infinite}@keyframes a-sapi30{0%{opacity:1}30%{opacity:1}32%{opacity:.3}60%{opacity:.3}88%{opacity:.3}90%{opacity:1}to{opacity:1}}.c.b img,.c.rb img{animation:a-sapi30 3s linear infinite}@keyframes a-tr1{0%{transform:translate(0)}30%{transform:translate(10px,5px)}60%{transform:translate(-5px,10px)}80%{transform:translate(3px,-4px)}to{transform:translate(0)}}.tr1 .l{animation:a-tr1 8s linear infinite}@keyframes a-tr2{0%{transform:translate(0)}30%{transform:translate(-4px,5px)}50%{transform:translate(-5px)}70%{transform:translate(-7px,3px)}to{transform:translate(0)}}.tr2 .l{animation:a-tr2 10s linear infinite}@keyframes a-pbody{0%{transform:translate(0)}50%{transform:translateY(-15px)}to{transform:translate(0)}}.flying-cow{animation:a-pbody 7s linear infinite}@keyframes a-pcloud{0%{transform:translate(0)}30%{transform:translate(8px)}60%{transform:translate(-8px)}to{transform:translate(0)}}.flying-cow .p-cloud{animation:a-pcloud 5s linear infinite}@keyframes a-pcow{0%{transform:translate(0)}56%{transform:translate(0)}60%{transform:translateY(-4px)}64%{transform:translate(0)}to{transform:translate(0)}}.flying-cow .p-cow{animation:a-pcow 6s linear infinite}@keyframes a-old{0%{opacity:0}5%{opacity:0}10%{opacity:1}50%{opacity:1}55%{opacity:0}to{opacity:0}}.kina2 .sapi30 .sapi-perah .text-wrapper .old,.kina2 .sapi30 .sapi-perah__figure figure .old{animation:a-old 5s linear infinite}@keyframes a-now{0%{opacity:1}5%{opacity:1}10%{opacity:0}50%{opacity:0}55%{opacity:1}to{opacity:1}}.kina2 .sapi30 .sapi-perah .text-wrapper .now,.kina2 .sapi30 .sapi-perah__figure figure .now{animation:a-now 5s linear infinite}@keyframes a1a2-bullet{0%{opacity:0;transform:scale(1.1)}70%{opacity:1}to{opacity:0;transform:scale(1.8)}}.kina2 .a1a2 figure span.active:before{animation:a1a2-bullet 2s linear infinite}@media (max-width:768px){.md\:mb-10{margin-bottom:2.5rem}.md\:block{display:block}}