*{font-family:"微軟正黑體",Roboto,Helvetica,Arial;font-size:16px}.fixed{position:fixed;width:100%;z-index:99;top:0;left:0}#nav{position:relative;z-index:5}#footer{background-color:#cb5454;padding:16px;color:#fff;text-align:center;width:100%}@media screen and (min-width: 1280px){.fixedFooter{position:fixed;bottom:0}}.mainIndex{position:relative;height:100vh;width:100%;padding-top:60px;background-image:linear-gradient(180deg, #FCF1E1 0%, #FFE6E2 100%);overflow:hidden}.mainIndex h2,.mainIndex h3{font-weight:900;color:#cb5454;position:relative;z-index:2}.mainIndex h2{font-size:10px;line-height:10px;margin-top:20px;margin-bottom:4px}@media screen and (min-width: 567px){.mainIndex h2{margin-top:60px;font-size:10px;line-height:47px}}.mainIndex h3{font-size:21px;line-height:24px;margin-bottom:17px}@media screen and (min-width: 567px){.mainIndex h3{font-size:28px;line-height:33px}}.mainIndex h4{position:relative;font-size:18px;line-height:21px;color:#ffb1b1;margin-bottom:10px;z-index:2}@media screen and (max-width: 400px){.mainIndex h4{font-size:16px}}.mainIndex .circle h5{font-size:14px;color:#e86565;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}@media screen and (min-width: 567px){.mainIndex .circle h5{font-size:16px}}.mainIndex .circle{width:67px;height:67px;background-color:hsla(0,0%,100%,.7);border:solid 13px hsla(0,0%,100%,.3);background-clip:padding-box;box-sizing:content-box;border-radius:50%;position:relative;display:inline-block;font-size:14px;white-space:nowrap}@media screen and (min-width: 992px){.mainIndex .circle{width:110px;height:110px;border:solid 21px hsla(0,0%,100%,.3);font-size:16px}}.mainIndex .mainBox{display:flex;height:calc(100vh - 60px);flex-direction:column;justify-content:center}.mainIndex .mainBox h1{font-weight:900;font-size:50px;color:#cb5454;position:relative;margin-top:40px;z-index:2}@media screen and (max-width: 400px){.mainIndex .mainBox h1{font-size:32px}}.mainIndex .mainBox h2{font-weight:900;font-size:24px;color:#cb5454;position:relative;margin-top:0px;z-index:2}@media screen and (max-width: 400px){.mainIndex .mainBox h2{font-size:15px}}@media screen and (min-width: 992px){.mainIndex .mainBox{flex-direction:row}}.mainIndex .mainBox>div{position:relative}@media screen and (max-width: 768px){.mainIndex .mainBox #titleAnim{padding-left:28px;padding-right:28px}}@media screen and (max-width: 992px){.mainIndex .mainBox #titleAnim{padding-left:56px;padding-right:56px}}.mainIndex .mainBox .cloud4,.mainIndex .mainBox .cloud5{position:absolute;transform:translate(-50%, -50%)}.mainIndex .mainBox .cloud4{top:38%;left:72%}@media screen and (min-width: 576px){.mainIndex .mainBox .cloud4{top:38%;left:48%}}@media screen and (min-width: 992px){.mainIndex .mainBox .cloud4{top:18%;left:60%}}.mainIndex .mainBox .cloud5{z-index:0;top:50%;left:5%}@media screen and (min-width: 992px){.mainIndex .mainBox .cloud5{top:25%;left:5%}}.scrollIcon{position:absolute;bottom:40px;left:50%;transform:translate(-50%, 0%);z-index:2}.scrollIcon div{text-align:center;color:#fff}.FatGirlImg{display:flex;flex:1;justify-content:center;align-items:flex-end;overflow:hidden;padding:0;margin-left:-4px;margin-right:-4px}@media screen and (min-width: 992px){.FatGirlImg{height:calc(100vh - 60px);overflow:visible}}.FatGirlImg img{display:flex;height:65vh}@media screen and (min-width: 400px){.FatGirlImg img{height:70vh}}@media screen and (min-width: 576px){.FatGirlImg img{height:60vh}}@media screen and (min-width: 768px){.FatGirlImg img{height:60vh}}@media screen and (min-width: 992px){.FatGirlImg img{height:90vh}}.col-30PA{flex:0 0 auto;width:100%;position:relative;padding-top:60px;padding-bottom:75px;text-align:center}@media screen and (min-width: 992px){.col-30PA{padding-top:0;padding-bottom:0;width:30%}}.col-30PA .juliaImg{border-radius:20px;width:100%}@media screen and (min-width: 576px){.col-30PA .juliaImg{width:325px}}@media screen and (min-width: 992px){.col-30PA .juliaImg{width:100%}}.col-70PA{flex:0 0 auto;width:100%}@media screen and (min-width: 992px){.col-70PA{width:70%}}.col-70PA .resumeTitle{position:relative;padding:12px 55px;margin-left:30px;z-index:0}@media screen and (min-width: 992px){.col-70PA .resumeTitle{margin-left:135px}}@media screen and (min-width: 992px){.col-70PA .resumeTitle{margin-left:240px}}.col-70PA .resumeTitle h5{font-weight:600;font-size:21px;padding:0;color:#fff;margin:0}.col-70PA .resumeTitle:before{content:"";position:absolute;z-index:-1;top:0;left:0;width:1500px;height:100%;background-color:#cb5454;border-radius:50px 0% 0% 0px}.col-70PA .resumeContent{position:relative;z-index:0;padding:60px 0px}@media screen and (min-width: 992px){.col-70PA .resumeContent{padding:60px 0px 60px 110px;margin-left:90px}}.col-70PA .resumeContent p{color:#828282;z-index:99}.col-70PA .resumeContent::before{content:"";position:absolute;z-index:-1;top:0;left:-50px;width:1000px;height:100%;background-color:hsla(0,0%,100%,.5)}@media screen and (min-width: 992px){.col-70PA .resumeContent::before{width:1500px;border-radius:160px 0% 0% 160px}}@media screen and (min-width: 992px){.resume{padding-top:150px;padding-bottom:60px}}.indexBg1{position:relative;width:100%;overflow:hidden;position:absolute;z-index:0;bottom:0}.indexBg1 img{height:300px}.mainIndex2{background:linear-gradient(0deg, #FFEBC6 0%, #FFE6E2 100%);overflow:hidden}.experience h2{color:#cb5454;z-index:99;font-size:24px;font-weight:900}.experience p{color:#828282;z-index:99}.experience{padding:20px 16px}@media screen and (min-width: 992px){.experience{padding:40px}.experience h2{color:#cb5454;z-index:99;font-size:32px;font-weight:900}}.cloud1,.cloud2,.cloud3{position:absolute;transform:translate(-50%, -50%)}.cloud1{top:12%;right:-50%;width:158px}@media screen and (min-width: 576px){.cloud1{top:12%;right:0;width:194px}}@media screen and (min-width: 992px){.cloud1{top:0;right:0;width:208px}}.cloud2{top:50%;left:0;width:208px}@media screen and (min-width: 576px){.cloud2{left:22%}}@media screen and (min-width: 992px){.cloud2{width:183px;left:0}}.cloud3{bottom:0;left:20%;width:202px}@media screen and (min-width: 576px){.cloud3{width:208px;left:0%}}.skill-pict{width:100%}@media screen and (min-width: 576px){.skill-pict{width:80%}}@media screen and (min-width: 992px){.skill-pict{width:60%}}.work_container{width:100%;margin-right:auto;margin-left:auto;padding:100px 16px 0px 16px}@media screen and (min-width: 768px){.work_container{padding-left:44px;padding-right:44px}}@media screen and (min-width: 1280px){.work_container{max-width:1120px;padding:0}}@media screen and (max-width: 992px){.work_container.indexMain{padding:0}}.Lollipop{transform:scaleX(-1)}.work_header,.work_header img{width:100%}.work_header img{opacity:0}.work_header{background-image:url(../img/work_header.png);background-size:contain;position:relative;background-attachment:fixed}.work_title{margin-top:100px;margin-bottom:20px;font-size:0;font-size:21px;font-weight:900;color:#4f4f4f;letter-spacing:.2em}.work_body{background:linear-gradient(180deg, rgba(252, 241, 225, 0.8) 0%, rgba(255, 230, 226, 0.8) 100%);padding-bottom:48px}.work_item{font-size:0;margin-top:10px;margin-bottom:10px;cursor:pointer}@media screen and (min-width: 576px){.work_item{padding-left:10px;padding-right:10px}}@media screen and (min-width: 1280px){.work_item{padding-left:10px;padding-right:10px}}.work_item:hover .cloudT{top:-10px;right:-10px}.work_item:hover .cloudB{left:-10px;bottom:0}.work_item:hover .pink_block{opacity:1}.work_item:hover .icon_pc{top:50%;opacity:1}.work_item:hover .pink_line{width:100%}.work_item:hover .work_pict{background:hsla(0,0%,100%,.4)}.work_pict{position:relative;font-size:16px;margin-bottom:32px;width:100%;border:1px solid #fff;background:linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 100%);overflow:hidden;transition:.5s}.work_pict .icon_pc{position:absolute;top:60%;left:50%;transform:translate(-50%, -50%);opacity:0;transition:.7s .2s;z-index:4}.work_pict .icon_pc p{display:inline-block;color:#fff}.work_pict .cloudT,.work_pict .cloudB{position:absolute;z-index:3}.work_pict .cloudT{top:-40px;right:-30px;transition:.7s}.work_pict .cloudB{left:-70px;bottom:-50px;transition:.7s}.work_pict .pink_block{position:absolute;margin-top:20px;margin-left:20px;width:calc(100% - 40px);height:calc(100% - 40px);background:rgba(254,171,171,.5);opacity:0;z-index:2}.work_pict .main_pic{padding:20px;width:100%}.work_p{margin-top:30px;margin-bottom:10px;font-size:16px;letter-spacing:.2em;color:#4f4f4f}.pink_line{text-align:left;display:inline-block;border-radius:10px;-moz-text-align-last:start;text-align-last:start;width:0%;height:5px;transition:.8s;background:linear-gradient(90deg, #FFD597 -1.6%, #F7B6AE 100%)}.logo_bar{width:100%;padding-top:4px;margin-top:-8px;text-align:center;display:block !important}.logo_bar h1{background-image:url(../img/logo.png);text-indent:101%;width:216px;height:50px;white-space:nowrap;overflow:hidden;display:inline-block;margin-bottom:0}@media screen and (max-width: 992px){.logo_bar{background:linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0.6) 100%);box-shadow:0px 4px 30px rgba(232,165,165,.4)}}@media screen and (min-width: 992px){.logo_bar{text-align:left}}#Menubox{position:relative;width:100%;height:0px;background-color:rgba(0,0,0,0);overflow:hidden}@media screen and (min-width: 992px){#Menubox{position:absolute;top:0%;right:0%;overflow:hidden;width:auto;height:80px}}#Menubox.active{height:calc(100vh - 50px)}@media screen and (min-width: 992px){#Menubox.active{height:80px}}.navMenu{position:absolute;top:120%;right:50%;transform:translate(50%, -50%)}.navMenu ul{list-style-type:none;margin:0;padding:0;overflow:auto}.navMenu ul li{font-size:18px;margin-top:40px;margin-bottom:40px;color:#fff;cursor:pointer}@media screen and (min-width: 992px){.navMenu{position:relative;top:0;right:0px;transform:translate(0%);margin-left:80px;margin-right:60px;border-radius:100px 0 0 100px;overflow:hidden;background:linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0.6) 100%);box-shadow:0px 4px 30px rgba(232,165,165,.4);transition:1s}.navMenu.active{right:-700px}.navMenu ul{padding-left:36px;margin-right:20px}.navMenu ul li{float:left;padding:12px 32px;margin-left:16px;margin-right:16px;border-radius:100px;color:#ffb1b1;font-size:16px;margin-top:0;margin-bottom:0}.navMenu ul li.active{color:#cb5454;background:rgba(255,238,238,.5);box-shadow:inset 0px 0px 16px rgba(237,170,170,.4)}.navMenu ul li:hover{color:#e86565}}@media screen and (max-width: 992px){.navMenu{display:none;animation:ulGoDown 1600ms}.navMenu.active{top:50%;animation:ulGoTop 1600ms}@keyframes ulGoTop{0%{top:120%}100%{top:50%}}@keyframes ulGoDown{0%{top:50%}100%{top:120%}}}.box{display:none}@media screen and (max-width: 992px){.open{display:block}.box{display:none;width:100%;height:100%;border-radius:5px;box-shadow:0 2px 30px rgba(0,0,0,.2);position:relative;overflow:hidden;transform:translate3d(0, 0, 0)}.box .wave{opacity:.7;position:absolute;left:50%;background:linear-gradient(180deg, rgba(254, 184, 145, 0.9) 30%, #FF9283 70%);width:1200px;height:1200px;margin-left:-600px;margin-top:-600px;transform-origin:50% 48%;border-radius:45%;animation:drift 4000ms infinite linear,gotop 1600ms}.box .wave.-three{animation:drift 6000ms infinite linear,gotop 1600ms}.box .wave.active{animation:drift 3000ms infinite linear,godown 1600ms}@keyframes drift{from{transform:rotate(0deg)}from{transform:rotate(360deg)}}@keyframes gotop{0%{top:160%}100%{top:83%}}@keyframes godown{0%{top:83%}100%{top:160%}}}@media screen and (min-width: 576px)and (max-width: 992px){.wave{top:83%}.wave.active{top:160%}}@media screen and (max-width: 576px){.wave{margin-left:-450px;margin-right:-450px;width:900px;height:900px;top:100%}.wave.active{top:180%}@keyframes gotop{from{top:180%}to{top:100%}}@keyframes godown{from{top:100%}to{top:180%}}}.menu{cursor:pointer;position:absolute;border:0;top:0;right:0;padding:0;width:60px;height:60px;padding:10px;background-color:#cb5454}.work_illust{position:relative;font-size:16px;margin-bottom:32px;width:320px;height:320px;overflow:hidden;transform:scale(1, 1);transition:.5s;display:inline-block}.work_illust:hover img{transform:scale(1.2, 1.2)}.work_illust img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%;transition:.5s}.disign_2D_body{background:linear-gradient(180deg, rgba(252, 241, 225, 0.8) 0%, rgba(255, 230, 226, 0.8) 100%)}@media screen and (max-width: 992px){.disign_2D_body{margin-top:60px}}.col-2D-pict{position:relative;height:100%;padding:0;width:100%;overflow-y:scroll}.col-2D-pict img{width:100%}@media screen and (min-width: 1280px){.col-2D-pict{width:calc(100% - 420px);height:100%}}.col-2d-context{width:100%;overflow-y:scroll;padding-top:40px;padding-left:30px;padding-right:30px;padding-bottom:100px;background-color:#fff}@media screen and (min-width: 1280px){.col-2d-context{width:420px;padding-top:110px;height:calc(100vh - 55px);position:fixed;right:0}}.col-2d-context h2{font-size:21px}.col-2d-context p{margin-top:30px;margin-bottom:30px}.col-2d-context a{text-decoration:none;background-color:#ffb1b1;padding:6px 12px;border-radius:100px;font-size:15px;border:0px;line-height:18px;letter-spacing:.2em;color:#fff;display:inline-block}.Card{position:fixed;top:0;left:0;min-height:100vh;min-width:100%;background:rgba(132,91,91,.7);z-index:99}.CardClose{position:absolute;top:50px;right:50px;cursor:pointer}.card_row{position:absolute;width:100%;padding-left:16px;padding-right:16px;top:50%;transform:translateY(-50%)}@media screen and (min-width: 567px){.card_row{padding-left:44px;padding-right:44px}}@media screen and (min-width: 992px){.card_row{padding-left:0;padding-right:0;top:50%;left:50%;transform:translate(-50%, -50%);display:inline-block;width:894px}.card_row div{display:inline-block}}.CardLargeImg{width:100%;aspect-ratio:1/1}@media screen and (min-width: 992px){.CardLargeImg{aspect-ratio:unset;width:540px;height:540px}}.CardLargeImg img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}.CardTitle{width:100%;margin-top:30px}.CardTitle h3{font-size:16px;color:#fff;text-align:center}@media screen and (min-width: 567px){.CardTitle h3{font-size:21px;margin-top:70px}}@media screen and (min-width: 992px){.CardTitle{width:680px;margin-left:50px;width:300px;vertical-align:top;margin-top:0}.CardTitle h3{text-align:left}}.por{position:absolute;width:100%;height:100%}#templeVideo{position:absolute;top:7.08%;left:52.5%;transform:translateX(-50%);width:42.5%}#JRVideo{position:absolute;top:47.91%;left:51.5%;transform:translateX(-50%);width:58.5%}.slick-prev,.slick-next{font-size:0;line-height:0;position:absolute;top:30%;display:block;width:20px;height:20px;padding:0;transform:translate(0, -50%);cursor:pointer;color:rgba(0,0,0,0);border:none;outline:none;background:rgba(0,0,0,0)}.slick-prev:hover,.slick-prev:focus{color:rgba(0,0,0,0);outline:none;background:rgba(0,0,0,0)}.slick-next:hover,.slick-next:focus{color:rgba(0,0,0,0);outline:none;background:rgba(0,0,0,0)}.slick-prev:hover:before,.slick-prev:focus:before{opacity:1}.slick-next:hover:before,.slick-next:focus:before{opacity:1}.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{opacity:.25}.slick-prev:before,.slick-next:before{font-family:"slick";font-size:36px;line-height:1;opacity:.75;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-prev{left:-25px}[dir=rtl] .slick-prev{right:-25px;left:auto}.slick-prev:before{content:"←"}[dir=rtl] .slick-prev:before{content:"→"}.slick-next{right:-25px}[dir=rtl] .slick-next{right:auto;left:-25px}.slick-next:before{content:"→"}[dir=rtl] .slick-next:before{content:"←"}.workbutton{display:inline-block;padding:6px 12px;margin:0px 10px 10px 0px;background-color:#ffb1b1;color:#fff;text-decoration:none;font-size:16px;border:none;border-radius:20px;transition:background-color .3s ease;cursor:pointer}.workbutton:hover{background-color:#ee9898u;color:#fff}.slick-initialized .slick-slide{background-color:hsla(0,0%,100%,.4);border-radius:40px;margin:10px}.slick-prev{left:-10px}.slick-next{right:10px}.slick-dots li button:before{font-size:12px}.slick-dots li.slick-active button:before{color:#ae4949}.slick-dots li button:before{color:#ae4949}/*# sourceMappingURL=index.css.map */