#website_portfolio .expand_portfolio{display:flex;width:40px;background-color:#1d1e24;justify-content:center;cursor:pointer}#website_portfolio .expand_portfolio:hover .text{color:#cecfd7}#website_portfolio .expand_portfolio .text{text-orientation:upright;writing-mode:vertical-lr;text-align:center;letter-spacing:0.5em;color:#84879c;user-select:none}#website_portfolio h3.flex{display:flex;justify-content:space-between}#website_portfolio h3.flex .add_image_item{font-weight:bold;width:30px;text-align:center;cursor:pointer;user-select:none}#website_portfolio h3.flex .add_image_item:hover{color:#1996aa}#website_portfolio .images_wrap{display:flex;flex-wrap:wrap;margin:-15px}#website_portfolio .images_wrap .image_placeholder{min-width:300px;max-width:400px;flex-grow:1;margin:0px 15px}#website_portfolio .images_wrap .image{min-width:300px;max-width:400px;flex-grow:1;margin:15px}#website_portfolio .images_wrap .image .add_image{height:200px;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid #ececef;color:#d9d9e0;cursor:pointer;background-size:cover;background-repeat:no-repeat;background-position:top center}#website_portfolio .images_wrap .image .add_image:hover{color:#1996aa;border-color:#1996aa}#website_portfolio .images_wrap .image .add_image.no_hover{cursor:default}#website_portfolio .images_wrap .image .add_image.no_hover:hover{color:#d9d9e0;border-color:#ececef}#website_portfolio .images_wrap .image .bottom_wrap{display:flex;justify-content:space-between}#website_portfolio .images_wrap .image .bottom_wrap .info{font-size:12px;margin-top:10px;color:#a5a5b4}#website_portfolio .images_wrap .image .bottom_wrap .controls{display:flex;margin:0px -5px;justify-content:flex-end;flex-grow:1}#website_portfolio .images_wrap .image .bottom_wrap .controls .remove_image,#website_portfolio .images_wrap .image .bottom_wrap .controls .preview_image{line-height:20px;border:1px solid #ececef;color:#d9d9e0;cursor:pointer;text-align:center;margin-top:5px;font-size:12px;padding:0px 15px;margin:5px;user-select:none}#website_portfolio .images_wrap .image .bottom_wrap .controls .remove_image:hover,#website_portfolio .images_wrap .image .bottom_wrap .controls .preview_image:hover{color:#1996aa;border-color:#1996aa}#website_portfolio .images_wrap .image .bottom_wrap .controls .remove_image:hover{color:#c1735b;border-color:#c1735b}#website_portfolio #zoombox{height:100vh;width:100vw;position:fixed;left:0px;top:0px;z-index:200;display:none;overflow:auto;background-color:rgba(0,0,0,0.5)}#website_portfolio #zoombox .wrap{opacity:0;transition:all 200ms cubic-bezier(0.68, 0, 0.265, 1);transform:scale(0.95)}#website_portfolio #zoombox .wrap.show{opacity:1;transform:scale(1)}#website_portfolio #zoombox .wrap .center{margin:30px 60px;text-align:center}#website_portfolio #zoombox .wrap .center img{max-width:100%}#dashboard .editable{min-height:300px;border:1px solid #000}#admin #main #wedding_donations .total{margin-bottom:30px;font-weight:bold}#admin #main #wedding_donations table td{vertical-align:top}#admin #main #wedding_donations td.isChecked{color:#f00;cursor:pointer}#admin #main #wedding_donations td.isChecked.checked{color:#008000}#admin #main #wedding_donations td.isChecked:hover{color:#1996aa}#admin #main #wedding_donations tr.body{border-bottom:1px solid #eee}#admin #main #wedding_donations tr.body td{padding:6px}#case{padding:60px 0px}#case section.hero{height:400px;background-size:cover;background-position:center;display:flex;flex-direction:column;justify-content:flex-end;padding:0px 60px}@media screen and (max-width: 1023px){#case section.hero{height:auto}}@media screen and (max-width: 767px){#case section.hero{padding:0px 30px}}@media screen and (max-width: 413px){#case section.hero{padding:0px 15px}}#case section.hero .center{max-width:1200px;margin:0px auto;display:flex}@media screen and (max-width: 1023px){#case section.hero .center{flex-direction:column;width:100%}}#case section.hero .center .screen{margin-right:30px;font-size:0;line-height:0}@media screen and (max-width: 1023px){#case section.hero .center .screen{order:2;display:block;margin:0px;padding:0px;text-align:center}}#case section.hero .center .screen img{max-width:100%}#case section.hero .center .description{color:#fff}@media screen and (max-width: 1023px){#case section.hero .center .description{order:1;margin:0 auto}}#case section.hero .center .description h1{font-size:28px;font-weight:400}#case section.hero .center .description p{font-size:18px}#case section.showcase{padding:0px 60px}@media screen and (max-width: 767px){#case section.showcase{padding:0px 30px}}@media screen and (max-width: 413px){#case section.showcase{padding:0px 15px}}#case section.showcase h2{font-size:24px;font-weight:400;margin:30px 0px}#case section.showcase .grid{margin:-15px}#case section.showcase .grid .screenshot{width:20%;cursor:pointer;padding:15px;border-radius:10px;position:relative}@media screen and (max-width: 1365px){#case section.showcase .grid .screenshot{width:25%}}@media screen and (max-width: 1023px){#case section.showcase .grid .screenshot{width:33.33%}}@media screen and (max-width: 767px){#case section.showcase .grid .screenshot{width:50%}}@media screen and (max-width: 767px){#case section.showcase .grid .screenshot.backend{width:100%}}#case section.showcase .grid .screenshot .facade{position:absolute;top:0px;left:0px;width:100%;height:100%;transition:background-color 200ms cubic-bezier(0.68, 0, 0.265, 1)}#case section.showcase .grid .screenshot:hover .facade{background-color:rgba(34,99,168,0.1)}#case section.showcase .grid .screenshot img{max-width:100%;box-shadow:0px 2px 5px rgba(129,129,129,0.3)}#case #zoombox{height:100vh;width:100vw;position:fixed;left:0px;top:0px;z-index:200;background-color:#2263a8;color:#fff;display:none;overflow:auto}#case #zoombox .wrap{opacity:0;transition:all 200ms cubic-bezier(0.68, 0, 0.265, 1);transform:scale(0.95)}#case #zoombox .wrap.show{opacity:1;transform:scale(1)}#case #zoombox .wrap .center{margin:30px 60px}@media screen and (max-width: 767px){#case #zoombox .wrap .center{margin:30px}}@media screen and (max-width: 413px){#case #zoombox .wrap .center{margin:15px}}#case #zoombox .wrap .center .description{font-size:24px;font-weight:400;line-height:60px}#case #zoombox .wrap .center img{max-width:100%;box-shadow:2px 4px 10px rgba(129,129,129,0.3)}#chat{position:fixed;bottom:10px;right:10px;width:300px;box-shadow:0px 2px 5px rgba(129,129,129,0.3)}#chat .chat_history{height:300px;background-color:#fff;overflow:auto}#chat .chat_history .guest_message{margin:5px 5px 5px 0px;background-color:#c8f0f7;padding:5px 15px 5px 5px;border-radius:0px 5px 5px 0px;display:inline-block}#chat .chatbox_wrapper{display:flex}#chat .chatbox_wrapper #chat_input{flex-grow:1;border:none;padding:10px;margin:0px;display:block;line-height:24px;font-size:16px;background-color:#e4f8fb}#chat .chatbox_wrapper #chat_send{width:60px;line-height:44px;text-align:center;color:#fff;background-color:#1996aa;font-size:24px;cursor:pointer;display:flex;flex-direction:column;justify-content:center}#home section.hello{height:100vh;background-color:#2263a8;color:#fff;text-align:center;display:flex;flex-direction:column;padding-top:60px;max-height:1080px}#home section.hello .text{height:60%;display:flex;flex-direction:column;justify-content:center}@media screen and (max-width: 900px){#home section.hello .text{height:80%}}@media screen and (max-width: 767px){#home section.hello .text{height:100%;padding:0px 30px;margin-top:30px}}#home section.hello .text h2{font-weight:400;font-size:36px}@media screen and (max-width: 767px){#home section.hello .text h2{font-size:34px}}@media screen and (max-width: 413px){#home section.hello .text h2{font-size:30px}}@media screen and (max-width: 374px){#home section.hello .text h2{font-size:26px}}#home section.hello .text p{font-size:20px;line-height:36px}@media screen and (max-width: 413px){#home section.hello .text p{font-size:18px}}#home section.hello .image{height:40%;max-height:40%;display:flex;flex-direction:column;justify-content:flex-end}@media screen and (max-width: 900px){#home section.hello .image{height:40%}}#home section.hello .image object{max-width:100%;max-height:100%}#home section.normal .left,#home section.normal .right{flex-direction:column;justify-content:center;align-content:center}#home section.normal h2{color:#2263a8;font-size:36px;font-weight:600}#home section.normal p{font-size:22px}#home section.normal p br{display:block;margin:8px 0px;content:' '}@media screen and (max-width: 900px){#home section.normal p{font-size:18px}}#home section.normal .tag{color:#2263a8}#home section.normal a.link{width:200px;line-height:50px;background-color:#ea8888;display:block;text-align:center;color:#fff;font-size:20px;font-weight:400;border-radius:10px;margin-top:60px}@media screen and (max-width: 900px){#home section.normal a.link{margin-top:30px}}#home section.platforms{display:flex;flex-wrap:wrap;margin:0 auto;max-width:1260px;padding:120px 60px}@media screen and (max-width: 1023px){#home section.platforms{padding:120px 30px}}@media screen and (max-width: 767px){#home section.platforms{padding:60px 30px 30px 30px}}#home section.platforms .left{width:50%;padding-right:120px}@media screen and (max-width: 1260px){#home section.platforms .left{padding-right:60px}}@media screen and (max-width: 900px){#home section.platforms .left{width:40%;padding-right:0px}}@media screen and (max-width: 767px){#home section.platforms .left{width:100%}#home section.platforms .left .center{width:90%;margin:0px auto}}#home section.platforms .right{width:50%;display:flex;padding-left:120px}@media screen and (max-width: 1260px){#home section.platforms .right{padding-left:60px}}@media screen and (max-width: 900px){#home section.platforms .right{width:60%;padding-left:30px}}@media screen and (max-width: 767px){#home section.platforms .right{margin-top:30px;width:100%;padding-left:0px}}#home section.applications{display:flex;flex-wrap:wrap;margin:0 auto;max-width:1260px;padding:0px 60px}@media screen and (max-width: 1023px){#home section.applications{padding:0px 30px}}#home section.applications .left{width:50%;display:flex;padding-left:30px}@media screen and (max-width: 1260px){#home section.applications .left{padding-left:0px}}@media screen and (max-width: 900px){#home section.applications .left{width:60%}}@media screen and (max-width: 767px){#home section.applications .left{order:2;margin-top:30px;width:100%}}#home section.applications .right{width:50%;padding-left:60px;padding-right:60px}@media screen and (max-width: 1260px){#home section.applications .right{padding-left:0px;padding-right:30px}}@media screen and (max-width: 900px){#home section.applications .right{padding-right:0px;width:40%;padding-top:30px}}@media screen and (max-width: 767px){#home section.applications .right{width:100%;order:1}#home section.applications .right .center{width:90%;margin:0px auto}}#home section.shops{display:flex;flex-wrap:wrap;margin:0 auto;max-width:1260px;padding:120px 60px}@media screen and (max-width: 1023px){#home section.shops{padding:120px 30px}}@media screen and (max-width: 767px){#home section.shops{padding:30px 30px 0px 30px}}#home section.shops .left{width:50%}@media screen and (max-width: 1260px){#home section.shops .left{padding-right:30px}}@media screen and (max-width: 1023px){#home section.shops .left{padding-right:30px}}@media screen and (max-width: 900px){#home section.shops .left{padding-right:0px;width:40%;padding-top:60px}}@media screen and (max-width: 767px){#home section.shops .left{width:100%}#home section.shops .left .center{width:90%;margin:0px auto}}#home section.shops .right{width:50%;display:flex;padding-left:120px}@media screen and (max-width: 1260px){#home section.shops .right{padding-left:60px}}@media screen and (max-width: 900px){#home section.shops .right{padding-left:30px;width:60%}}@media screen and (max-width: 767px){#home section.shops .right{width:100%;padding-left:0px;margin-top:30px}}#home section.websites{display:flex;flex-wrap:wrap;margin:0 auto;max-width:1260px;padding:60px 60px 120px 60px}@media screen and (max-width: 1023px){#home section.websites{padding:60px 30px 60px 30px}}#home section.websites .right{width:50%;display:flex;padding-left:30px}@media screen and (max-width: 1260px){#home section.websites .right{padding-left:0px}}@media screen and (max-width: 900px){#home section.websites .right{width:60%}}@media screen and (max-width: 767px){#home section.websites .right{order:1;margin-top:30px;width:100%}}#home section.websites .left{width:50%;padding-left:60px;padding-right:60px}@media screen and (max-width: 1260px){#home section.websites .left{padding-left:0px;padding-right:30px}}@media screen and (max-width: 900px){#home section.websites .left{padding-right:0px;width:40%;padding-top:30px}}@media screen and (max-width: 767px){#home section.websites .left{width:100%;order:2}#home section.websites .left .center{width:90%;margin:0px auto}}#home section.team{background-color:#f2f2f2}#home section.team .wrap{max-width:1260px;margin:0px auto;padding:60px 0px}@media screen and (max-width: 767px){#home section.team .wrap{padding:30px 0px}}#home section.team .wrap .member{display:flex;flex-wrap:wrap;padding:60px}@media screen and (max-width: 767px){#home section.team .wrap .member{padding:30px}}#home section.team .wrap .member .image{width:30%;display:flex;flex-direction:column;justify-content:center}@media screen and (max-width: 1260px){#home section.team .wrap .member .image{width:40%}}@media screen and (max-width: 900px){#home section.team .wrap .member .image{width:100%}}#home section.team .wrap .member .image .center{width:100%}@media screen and (max-width: 900px){#home section.team .wrap .member .image .center{width:50%;margin:0px auto}}@media screen and (max-width: 767px){#home section.team .wrap .member .image .center{width:90%}}#home section.team .wrap .member .text{display:flex;flex-direction:column;justify-content:center;padding-left:60px;width:70%}@media screen and (max-width: 1260px){#home section.team .wrap .member .text{width:60%}}@media screen and (max-width: 900px){#home section.team .wrap .member .text{width:100%;padding-left:0px;margin-top:30px}}@media screen and (max-width: 374px){#home section.team .wrap .member .text{margin-top:15px}}#home section.team .wrap .member .text .center h2 span.name{font-size:36px;font-weight:800;color:#2263a8}#home section.team .wrap .member .text .center h2 span.occupation{font-size:24px;font-weight:400;color:#6cc9dc}#home section.team .wrap .member .text .center p{font-size:18px}#home section.team .wrap .member .text .center .tags{color:#2263a8}#login{background-image:url("hello.svg");background-repeat:no-repeat;background-size:cover;background-position:center;height:100vh}#login form{width:300px;padding:45px;float:right}#login form input{display:block;width:100%;line-height:40px;padding:0px 15px;margin:0px 0px;font-size:20px;border:none;color:#008000}#login form input:focus{background-color:rgba(0,0,255,0.03)}#login form button{display:none}#wedding .illustration{background-color:#4b3d35}#wedding .illustration .background{background-image:url("wedding/bg.svg");background-position:center top;background-size:auto 100%;background-repeat:no-repeat}#wedding .illustration .background .tree{background-image:url("wedding/tree1.png");background-size:auto 100%;background-position:center top;background-repeat:no-repeat}#wedding .illustration .background .tree.toggle{background-image:url("wedding/tree2.png")}#wedding .illustration .background .tree img{display:block;margin:0px auto;max-width:100%}#wedding .illustration .background .tree img.preload{display:none}#wedding .letter{background-color:#4b3d35;padding:60px 30px;color:#fff;text-align:center;font-size:18px;text-shadow:1px 1px 2px #000;background-image:url("wedding/soil.svg");background-size:1920px auto;background-position:center top;background-repeat:no-repeat;margin-top:-1px}@media screen and (max-width: 767px){#wedding .letter{text-align:left}}@media screen and (max-width: 413px){#wedding .letter{padding:30px 20px;font-size:17px}}@media screen and (max-width: 374px){#wedding .letter{padding:30px 15px}}#wedding .letter span.link,#wedding .letter a{text-decoration:underline;color:#76dbeb;cursor:pointer}#wedding .letter span.line{text-decoration:line-through}#wedding #loading{transition:all 500ms cubic-bezier(0.68, 0, 0.265, 1);background-color:#456673}#wedding #loading.fade{opacity:0;visibility:hidden}#wedding .popup{position:fixed;top:0px;left:0px;background-color:#e6dac6;width:100vw;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:all 500ms cubic-bezier(0.68, 0, 0.265, 1);opacity:0;visibility:hidden;transform:scale(0.8);-webkit-overflow-scrolling:touch}@media screen and (max-width: 767px){#wedding .popup{overflow-y:auto;justify-content:flex-start}}#wedding .popup.active{opacity:1;visibility:visible;transform:scale(1)}#wedding .popup .center{display:flex}@media screen and (max-width: 1023px){#wedding .popup .center{flex-direction:column}}@media screen and (max-width: 767px){#wedding .popup .center{width:100%}}#wedding .popup .center .image{width:430px;height:530px;background-image:url("wedding/popup_l.png");background-repeat:no-repeat;background-size:auto 100%;background-position:center}@media screen and (max-width: 1023px){#wedding .popup .center .image{background-image:url("wedding/popup_s.png")}}@media screen and (max-width: 767px){#wedding .popup .center .image{width:100%;min-height:380px;margin-bottom:5px;max-height:380px}}@media screen and (max-width: 413px){#wedding .popup .center .image{min-height:360px;max-height:360px}}@media screen and (max-width: 374px){#wedding .popup .center .image{min-height:320px;max-height:320px}}#wedding .popup .center .image.done{background-image:url("wedding/popup_l_s.png")}@media screen and (max-width: 1023px){#wedding .popup .center .image.done{background-image:url("wedding/popup_s_s.png")}}#wedding .popup .center .text{color:#333;text-shadow:1px 1px 2px rgba(150,150,150,0.5);text-align:center;padding:0px 30px}#wedding .popup .center .text .large{font-size:36px;font-weight:600;margin:5px 0px}@media screen and (max-width: 767px){#wedding .popup .center .text .large{font-size:26px}}#wedding .popup .center .text .medium{font-size:22px;font-weight:500;margin:5px 0px}@media screen and (max-width: 767px){#wedding .popup .center .text .medium{font-size:20px}}#wedding .popup .center .text .small{font-size:18px;font-weight:400;margin:5px 0px}#wedding .popup .center .text .small.color{color:#1996aa}@media screen and (max-width: 767px){#wedding .popup .center .text .small.margin{margin-bottom:15px}}#wedding .popup .center .success{flex-grow:1}#wedding .popup .center .input-wrap{display:flex;align-items:center;justify-content:center}#wedding .popup .center input{display:block;width:320px;line-height:40px;height:40px;border:none;border-radius:15px;padding:0px 15px;margin:5px 0px;font-size:18px;background-color:#fff}@media screen and (max-width: 767px){#wedding .popup .center input{width:100%}}#wedding .popup .center textarea{display:block;width:320px;line-height:26px;font-size:18px;border:none;border-radius:15px;background-color:#fff;padding:15px;height:150px;margin:5px 0px}@media screen and (max-width: 767px){#wedding .popup .center textarea{width:100%}}#wedding .popup .center .button{margin:15px 0px;width:320px;height:40px;line-height:40px;font-size:18px;border-radius:15px;cursor:pointer}@media screen and (max-width: 767px){#wedding .popup .center .button{width:100%}}#wedding .popup .center .button.submit{background-color:#327181;color:#fff}#wedding .popup .center .button.cancel{color:#327181}#wedding .popup .center .button.close{background-color:#809c85;color:#fff}.hidden{display:none}#admin{height:100vh;display:flex;color:#494a59}#admin #loading{position:fixed;width:100vw;height:100vh;top:0;left:0;background-color:#fff;text-align:center;line-height:60px}#admin #nav{width:150px;min-width:150px;max-width:150px;max-height:100%;overflow:auto;background-color:#2c2c35;color:#646479}#admin #nav *{user-select:none}#admin #nav .logo{height:50px;background-color:#494a59}#admin #nav .link{font-size:18px;line-height:50px;padding-left:30px;border-bottom:1px solid #353540;cursor:pointer}#admin #nav .link:hover{color:#a5a5b4}#admin #main{flex-grow:1;display:flex;flex-direction:column}#admin #main #admin_header{height:50px;min-height:50px;max-height:50px;display:flex;justify-content:space-between;line-height:50px;padding:0px 30px;background-color:#494a59;color:#9fa0b1}#admin #main #admin_header *{user-select:none}#admin #main #admin_header .right{display:flex}#admin #main #admin_header .right .button{border:1px solid #9fa0b1;margin:0px 5px;line-height:30px;height:32px;margin-top:9px;padding:0px 20px;cursor:pointer;font-size:14px;font-weight:300}#admin #main #admin_header .right .button:hover{color:#d9d9e0;border-color:#d9d9e0}#admin #main #admin_header .right .button.active{color:#d9d9e0;border-color:#d9d9e0}#admin #main #admin_header .right .user{cursor:pointer;margin-left:25px}#admin #main .template{flex-grow:1;display:flex}#admin #main #page{flex-grow:1;display:flex}#admin #main #page.preview .page_wrap{width:50%}#admin #main #page.preview .page_wrap .page_content section.third{width:50%}#admin #main #page.preview .page_wrap .page_content section.half{width:100%}#admin #main #page.preview iframe{width:50%;display:block}#admin #main #page .page_wrap{padding:30px 30px 120px 30px;width:100%;max-height:100%;overflow:auto}#admin #main #page .page_wrap.half{width:50%;position:relative}#admin #main #page .page_wrap.half .shrink_self{position:absolute;right:0px;top:15px;width:14px;line-height:20px;text-align:center;background-color:#d9d9e0;color:#c1c1cc;z-index:100;font-size:13px;cursor:pointer;font-weight:bold}#admin #main #page .page_wrap.full{width:100%}#admin #main #page .page_wrap.one_third{width:33.33%}#admin #main #page .page_wrap.two_thirds{width:66.66%}#admin #main #page .page_wrap.border_left{border-left:1px solid #d9d9e0}#admin #main #page .page_wrap .page_content{display:flex;flex-wrap:wrap;margin:-30px;padding:0px 30px}#admin #main #page .page_wrap .page_content section.full{width:100%}#admin #main #page .page_wrap .page_content section.half{width:50%}#admin #main #page .page_wrap .page_content section.third{width:33.33%}#admin #main #page .page_wrap .page_content section .half_wrap{width:calc(50% - 30px)}#admin #main #page iframe{display:none}#admin #main #page section{padding:30px}#admin #main #page section h3{font-size:16px;font-weight:400;border-bottom:1px solid #494a59;margin:0px;line-height:30px}#admin #main #page section h3 span{font-weight:400}#admin #main #page section .input_wrap{display:flex;line-height:30px;margin:15px 0px}#admin #main #page section .input_wrap label,#admin #main #page section .input_wrap .label{width:100px}#admin #main #page section .input_wrap input{flex-grow:1;font-size:16px;border:none;border-bottom:1px solid #ececef;color:#494a59}#admin #main #page section .input_wrap textarea{flex-grow:1;border:none;border-bottom:1px solid #ececef;padding:0px;line-height:30px;font-size:16px;resize:none;color:#494a59}#admin #main #page section .input_wrap select{border:none;flex-grow:1;border-bottom:1px solid #ececef;background-color:#fff;font-size:16px;color:#494a59;font-weight:300}#admin #main #page section .input_wrap .toggle_wrap{display:flex}#admin #main #page section .input_wrap .toggle_wrap.true .option.false{background-color:#fff;border:1px solid #ececef;cursor:pointer}#admin #main #page section .input_wrap .toggle_wrap.true .option.false:hover{color:#494a59}#admin #main #page section .input_wrap .toggle_wrap.true .option.true{background-color:#1996aa;border:1px solid #1996aa;color:#fff;cursor:default}#admin #main #page section .input_wrap .toggle_wrap.true .option.true:hover{color:#fff}#admin #main #page section .input_wrap .toggle_wrap .option{padding:0px 10px;line-height:28px;cursor:pointer;font-size:14px;color:#9fa0b1}#admin #main #page section .input_wrap .toggle_wrap .option.false{background-color:#ececef;border:1px solid #ececef;cursor:default}#admin #main #page section .input_wrap .toggle_wrap .option.true{border:1px solid #ececef}#admin #main #page section .input_wrap .toggle_wrap .option.true:hover{color:#1996aa}#admin #main #page section .input_wrap .image_wrap label{margin-top:8px;height:200px;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid #ececef;color:#d9d9e0;cursor:pointer;background-size:cover;background-repeat:no-repeat;background-position:top center;min-width:300px;max-width:400px}#admin #main #page section .input_wrap .image_wrap label:hover{color:#1996aa;border-color:#1996aa}#admin #main #page section .input_wrap .image_wrap .bottom_wrap{display:flex;justify-content:space-between}#admin #main #page section .input_wrap .image_wrap .bottom_wrap .info{line-height:20px;font-size:12px;margin-top:10px;color:#a5a5b4}#admin #main #page section .input_wrap .image_wrap .bottom_wrap .controls{display:flex;margin:0px -5px;justify-content:flex-end;flex-grow:1}#admin #main #page section .input_wrap .image_wrap .bottom_wrap .controls .remove_image,#admin #main #page section .input_wrap .image_wrap .bottom_wrap .controls .preview_image{line-height:20px;border:1px solid #ececef;color:#d9d9e0;cursor:pointer;text-align:center;margin-top:5px;font-size:12px;padding:0px 15px;margin:5px;user-select:none}#admin #main #page section .input_wrap .image_wrap .bottom_wrap .controls .remove_image:hover,#admin #main #page section .input_wrap .image_wrap .bottom_wrap .controls .preview_image:hover{color:#1996aa;border-color:#1996aa}#admin #main #page section .input_wrap .image_wrap .bottom_wrap .controls .remove_image:hover{color:#c1735b;border-color:#c1735b}#admin #main #page section table{width:100%;border-collapse:collapse}#admin #main #page section table.links tr:not(.head){cursor:pointer}#admin #main #page section table.links tr:not(.head):hover{color:#1996aa}#admin #main #page section table tr th.left,#admin #main #page section table tr td.left{text-align:left}#admin #main #page section table tr th.right,#admin #main #page section table tr td.right{text-align:right}#admin #main #page section table tr th.center,#admin #main #page section table tr td.center{text-align:center}#admin #main #page section table tr th{line-height:30px;border-bottom:1px solid #494a59;cursor:default;white-space:nowrap;font-weight:400;font-size:16px;padding:0px 5px}#admin #main #page section table tr td{line-height:24px;padding:3px 5px}#admin #main #page section table tr td .indicator_wrap{display:flex;flex-direction:column;justify-content:center;align-items:center}#admin #main #page section table tr td .indicator_wrap .indicator{width:10px;height:10px;border-radius:50%;background-color:#d9d9e0}#admin #main #page section table tr td .indicator_wrap .indicator.true{background-color:#1996aa}.animation-delay-150{animation-delay:150ms}.animation-delay-300{animation-delay:300ms}.animation-delay-450{animation-delay:450ms}.animation-delay-600{animation-delay:600ms}.animation-delay-1600{animation-delay:1600ms}.fade-in-up{animation-name:fade-in-up;animation-duration:1000ms;animation-timing-function:cubic-bezier(0.68, 0, 0.265, 1);animation-fill-mode:forwards;opacity:0}.fade-in-slow{animation-name:fade-in-slow;animation-duration:2000ms;animation-timing-function:cubic-bezier(0.68, 0, 0.265, 1);transform-box:fill-box;animation-fill-mode:forwards}.fade-in-fast{animation-name:fade-in-fast;animation-duration:500ms;animation-timing-function:cubic-bezier(0.68, 0, 0.265, 1);transform-box:fill-box;animation-fill-mode:forwards}.spin{animation-name:spin;animation-duration:1500ms;animation-timing-function:cubic-bezier(0.68, 0, 0.265, 1);transform-box:fill-box;transform-origin:center;animation-iteration-count:infinite}@-moz-keyframes fade-in-up{from{transform:translateY(60%);opacity:0}to{transform:translateY(0px);opacity:1}}@-webkit-keyframes fade-in-up{from{transform:translateY(60%);opacity:0}to{transform:translateY(0px);opacity:1}}@-o-keyframes fade-in-up{from{transform:translateY(60%);opacity:0}to{transform:translateY(0px);opacity:1}}@keyframes fade-in-up{from{transform:translateY(60%);opacity:0}to{transform:translateY(0px);opacity:1}}@-moz-keyframes fade-in-slow{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fade-in-slow{0%{opacity:0}100%{opacity:1}}@-o-keyframes fade-in-slow{0%{opacity:0}100%{opacity:1}}@keyframes fade-in-slow{0%{opacity:0}100%{opacity:1}}@-moz-keyframes fade-in-fast{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fade-in-fast{0%{opacity:0}100%{opacity:1}}@-o-keyframes fade-in-fast{0%{opacity:0}100%{opacity:1}}@keyframes fade-in-fast{0%{opacity:0}100%{opacity:1}}@-moz-keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@-webkit-keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@-o-keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}#loading{height:100vh;width:100vw;position:fixed;left:0px;top:0px;z-index:200;background-color:#2263a8;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center}#loading .center{width:200px;text-align:center}#loading .center object{width:100px}#loading .center .text{line-height:50px}@font-face{font-family:'Noto Sans TC';font-style:normal;font-weight:100;src:url("fonts/NotoSansCJKtc-Thin.otf")}@font-face{font-family:'Noto Sans TC';font-style:normal;font-weight:300;src:url("fonts/NotoSansCJKtc-Light.otf")}@font-face{font-family:'Noto Sans TC';font-style:normal;font-weight:350;src:url("fonts/NotoSansCJKtc-DemiLight.otf")}@font-face{font-family:'Noto Sans TC';font-style:normal;font-weight:400;src:url("fonts/NotoSansCJKtc-Regular.otf")}@font-face{font-family:'Noto Sans TC';font-style:normal;font-weight:500;src:url("fonts/NotoSansCJKtc-Medium.otf")}@font-face{font-family:'Noto Sans TC';font-style:normal;font-weight:700;src:url("fonts/NotoSansCJKtc-Bold.otf")}@font-face{font-family:'Noto Sans TC';font-style:normal;font-weight:900;src:url("fonts/NotoSansCJKtc-Black.otf")}html *{box-sizing:border-box;outline:none;font-family:'Noto Sans TC', 'Microsoft JhengHei', sans-serif;font-weight:300;letter-spacing:0.1em}html * a{text-decoration:none;color:inherit}html * h2{margin:0px}body{margin:0;color:#666}#index header{display:flex;justify-content:space-between;background-color:#2263a8;line-height:60px;padding:0px 30px;color:#fff;position:fixed;width:100%;z-index:100}#index header a.brand{display:flex}#index header a.brand img.logo{height:40px;margin-top:10px;margin-right:15px}#index header a.brand .company_name{font-weight:bold}#index footer{background-color:#2263a8;color:#fff}#index footer .wrap{max-width:1260px;margin:0px auto;padding:120px 60px;position:relative}@media screen and (max-width: 767px){#index footer .wrap{padding:60px 30px;background-size:70%}}#index footer .wrap object.hello{position:absolute;bottom:0px;right:0px;width:50%}@media screen and (max-width: 767px){#index footer .wrap object.hello{width:70%}}#index footer .wrap h2{margin-bottom:30px}#index footer .wrap .detail{line-height:40px}#index footer .wrap .detail object{margin-right:5px;vertical-align:middle;margin-top:-5px}#index footer .wrap .detail object.email{margin-top:-1px;margin-left:1px;margin-right:6px}#not_found{display:flex;flex-direction:column;justify-content:center;align-items:center;position:fixed;width:100vw;height:100vh;top:0px;left:0px}#not_found .text{font-size:48px;font-weight:bold;line-height:100px}#not_found a{font-size:36px;font-weight:400;line-height:80px;border:3px solid #666;padding:0px 45px;margin:50px 0px;tranistion:all 200ms cubic-bezier(0.68, 0, 0.265, 1)}#not_found a:hover{color:#1996aa;border-color:#1996aa}