-
Notifications
You must be signed in to change notification settings - Fork 0
/
styles.e718e587e5582375b318.bundle.css
1 lines (1 loc) · 12.7 KB
/
styles.e718e587e5582375b318.bundle.css
1
body{font-family:microsoft Jhenghei;margin:0;position:relative;top:0;left:0}body.active{overflow:hidden}ol,ul{list-style:none;margin:0}ol,ol li,ul,ul li{padding:0}.title{font-size:32px}.text-center{text-align:center}@media (max-width:991px){.title{font-size:28px}}header{background:#5bc4be;padding:15px 10px 10px;width:100%;position:fixed;top:0;left:0;z-index:1000}header .logo{width:185px;height:50px;display:inline-block;margin:0;background:url(logo.36feec4816e3b06e32ad.svg) 0 0 no-repeat;background-size:100%}header .menu{float:right}header .menu li{display:inline-block;font-size:18px;padding:0 20px}header .menu li a{color:#fff;padding:15px 0;display:inline-block;position:relative}header .menu li a:after{content:"";display:inline-block;width:40px;height:2px;transition:all .25s ease-in;background:#fff;opacity:0;position:absolute;bottom:10px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}header .menu li a:hover{text-decoration:none}header .menu li a:hover:after{opacity:.4}header .menu li:last-child{padding-right:0}header .burger{float:right;width:18px;height:12px;cursor:pointer;background:url(burger.36bd697165f5f5d20931.svg) 50% no-repeat;padding:20px 15px}header .menu-mobile{height:100vh;font-size:18px;width:100%;background:#263343;position:fixed;top:0;right:-100%;padding-top:60px;z-index:1000;transition:all .5s ease-in-out}header .menu-mobile a{width:100%;color:#fff;padding:20px 25px;display:inline-block;text-align:center}header .menu-mobile a:hover{text-decoration:none}header .menu-mobile .close-btn{font-size:30px;color:#fff;position:absolute;right:15px;top:10px;opacity:.8;cursor:pointer;background:url(close.6ad4b026bc7941f0f03d.svg) 50% no-repeat;padding:20px 15px}header .menu-mobile.active{right:0}@media (max-width:991px){header{padding:10px 0 5px}header .logo{width:150px;height:40px}}footer{background:#263343;padding:75px 0 90px}footer p{color:#fff;font-size:18px;font-weight:700;margin-bottom:20px}footer li{margin-bottom:15px}footer a{color:#fff}footer a:hover{color:#fff;text-decoration:none;border-bottom:1px solid}footer .share{text-align:center;margin:70px 0 30px}footer .copyright{font-size:12px;text-align:center}.footer-menu-mobile{display:none}.footer-menu-mobile .item{border-bottom:1px solid hsla(0,0%,100%,.3)}.footer-menu-mobile .title{padding:15px 0;margin:0;cursor:pointer;color:#fff;font-size:16px;font-weight:700}.footer-menu-mobile .title img{height:10px;float:right;margin:5px 10px}.footer-menu-mobile .title.active .footer-close{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.footer-menu-mobile .footer-close{-webkit-transform:rotate(45deg);transform:rotate(45deg);transition:all .25s ease-in}.footer-menu-mobile .footer-list{display:none;margin:10px 0 0}.footer-menu-mobile .footer-list a{width:100%;display:block;color:#fff;padding:5px 0}.footer-menu-mobile .footer-list a:hover{border-bottom:none}.share-btn{width:45px;height:45px;display:inline-block;margin-right:55px;border-radius:100%;position:relative;overflow:hidden}.share-btn:hover{border-bottom:none}.share-btn:last-child{margin-right:0}.share-fb{background:#fff}.share-fb,.share-fb .fb-icon{transition:all .3s ease-in-out}.share-fb .fb-icon{top:9px}.share-fb .fb-icon-h{top:50px;transition:all .3s ease-in-out}.share-fb:hover{background:#3b5998}.share-fb:hover .fb-icon{top:-30px}.share-fb:hover .fb-icon-h{top:9px}.share-youtube{background:#fff;transition:all .3s ease-in-out}.share-youtube .youtube-icon{top:11px;transition:all .3s ease-in-out}.share-youtube .youtube-icon-h{top:50px;transition:all .3s ease-in-out}.share-youtube:hover{background:#e52d27}.share-youtube:hover .youtube-icon{top:-30px}.share-youtube:hover .youtube-icon-h{top:11px}.share-telegram{background:#fff;transition:all .3s ease-in-out}.share-telegram .telegram-icon{top:12px;transition:all .3s ease-in-out}.share-telegram .telegram-icon-h{top:50px;transition:all .3s ease-in-out}.share-telegram:hover{background:#2da4d7}.share-telegram:hover .telegram-icon{top:-30px}.share-telegram:hover .telegram-icon-h{top:12px}.share-github{background:#fff;transition:all .3s ease-in-out}.share-github .github-icon{top:12px;transition:all .3s ease-in-out}.share-github .github-icon-h{top:50px;transition:all .3s ease-in-out}.share-github:hover{background:#f34f29}.share-github:hover .github-icon{top:-30px}.share-github:hover .github-icon-h{top:12px}.fb-icon{background:url(facebook.548fbaafe92cd2699e87.svg) 0 0/100% no-repeat;width:14px;height:26px;display:inline-block;position:absolute;left:15px}.youtube-icon{background:url(youtube.c27fcb1914e4b64ef84f.svg) 0 0/100% no-repeat;width:20px;left:16px}.telegram-icon,.youtube-icon{height:23px;display:inline-block;position:absolute}.telegram-icon{background:url(telegram.6367ab1c59851887b1a7.svg) 0 0/100% no-repeat;width:25px;left:8px}.github-icon{background:url(github.fc6e9064da94fed59fa1.svg) 0 0/100% no-repeat;width:26px;height:23px;left:10px}.fb-icon-h,.github-icon{display:inline-block;position:absolute}.fb-icon-h{background:url(facebook-h.d739930d7ee60916d36d.svg) 0 0/100% no-repeat;width:14px;height:26px;left:15px}.youtube-icon-h{background:url(youtube-h.f865c165156e067633e0.svg) 0 0/100% no-repeat;width:20px;left:16px}.telegram-icon-h,.youtube-icon-h{height:23px;display:inline-block;position:absolute}.telegram-icon-h{background:url(telegram-h.6042114d603104311c3b.svg) 0 0/100% no-repeat;width:25px;left:8px}.github-icon-h{background:url(github-h.04f669e66adbe0e32942.svg) 0 0/100% no-repeat;width:26px;height:23px;display:inline-block;position:absolute;left:10px}@media (max-width:991px){footer{padding:35px 0}}@media (max-width:480px){footer .share{margin:50px 0 20px}footer .share .share-btn{margin-right:25px}footer .share .share-btn:last-child{margin-right:0}}.banner{height:calc(100vh - 200px);background:url(banner-o.ac8d9c744dede1db09e4.jpg) bottom/cover no-repeat;margin-top:80px}.banner .content{width:75%;max-width:850px;background-color:linear-gradient(180deg,#93cede 0,#75bdd1 41%,#49a5bf);color:#828282;margin:0 auto;padding:25px 20px;position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);text-align:center;font-size:18px;line-height:1.7em}.banner .content h2{margin:0 0 20px;font-size:36px;font-weight:700;color:#3cada6}.banner .content h4{margin-top:20px}@media (max-width:991px){.banner{margin-top:60px}}@media (max-width:480px){.banner{height:400px}.banner .content{width:90%;padding:20px 15px;font-size:14px;line-height:1.5em}.banner .content h2{font-size:24px;margin-bottom:10px}.banner .content h3{font-size:18px;margin-top:10px}.banner .content h4{font-size:16px;margin-top:15px}.banner .content .btn-white{width:100%;font-size:14px}}.circle-type{padding:80px 0}.circle-type .item{text-align:center;margin-bottom:50px;min-height:378px}.circle-type .photo{width:224px;height:224px;border-radius:100%;display:inline-block;overflow:hidden;margin-bottom:20px;border:1px solid #979797}.circle-type .photo img{max-height:100%}.circle-type .title{margin-bottom:70px}.table-wrap{padding:80px 0}.table-wrap .title{margin-bottom:40px}.table-wrap .table thead tr th{background:#ccc;font-size:18px;border-right:5px solid #fff;padding:10px 15px;vertical-align:middle}.table-wrap .table thead tr th:first-child{width:250px}.table-wrap .table tbody tr td{background:#f5f5f5;font-size:16px;border-top:5px solid #fff;border-right:5px solid #fff;padding:10px 15px}.table-wrap .table tbody tr td p{font-size:16px;margin-bottom:0}.table-wrap .table tbody tr:nth-child(odd) td{background:#fbfbfb}@media (max-width:991px){.circle-type{padding:50px 0}.circle-type .item{font-size:16px;margin-bottom:50px}.circle-type .photo{margin-bottom:20px}.circle-type p{max-width:450px;margin:0 auto}}@media (max-width:480px){.table-wrap{padding:50px 0}.table-wrap .title{margin-bottom:30px}.table-wrap .table thead tr th{font-size:16px;padding:5px 10px}.table-wrap .table thead tr th:first-child{width:120px}.table-wrap .table tbody tr td{font-size:14px;padding:5px 10px}}.square-type{background:#de6d48;color:#fff;text-align:center;font-size:16px;padding:80px 0}.square-type .content{margin:50px 0 100px}.square-type .title{font-size:32px;margin-bottom:10px;opacity:1}.square-type p{max-width:780px;margin:0 auto;opacity:.7}.square-type .photo{display:inline-block;max-width:270px;overflow:hidden;margin-bottom:30px}.square-type .photo img{max-width:100%}@media (max-width:991px){.square-type{padding:50px 0}.square-type .item{margin-bottom:50px}.square-type .photo{margin-bottom:20px}.square-type .content{margin-bottom:30px}.square-type .title{font-size:28px}}.contact{text-align:center;font-size:16px;padding:80px 0}.contact .title{font-size:32px;margin-bottom:10px;opacity:1}.contact p{max-width:780px;margin:0 auto 70px;opacity:.7}.contact .input{width:100%;max-width:550px;background:#e2e2e2;border:none;padding:15px 25px;line-height:1em;display:block;margin:15px auto;outline:none}@media (max-width:991px){.contact{padding:50px 0}.contact p{margin-bottom:30px}}.photos{text-align:center;font-size:16px;padding:80px 0}.photos .title{font-size:32px;margin-bottom:10px;opacity:1}.photos p{max-width:780px;margin:0 auto 70px;opacity:.7}.photos .btn-wrap{max-width:800px;margin:0 auto}.photos .btn-wrap .btn{width:100%}.photos .photo-wrap{margin-top:85px}.photos .photo-wrap .img{height:250px;background:url(photos.0d0d560677fec7468684.jpg) 50% no-repeat/cover}.photos .photo-item{margin-bottom:40px}@media (max-width:991px){.photos{padding:50px 0}.photos .item{margin-bottom:10px;padding-left:5px;padding-right:5px}.photos .photo-wrap{margin-top:30px}.photos .photo-item{margin-bottom:20px}}.btn{max-width:100%;background:none;border:2px solid #de6d48;color:#de6d48;border-radius:0;padding:10px 20px;box-shadow:none;text-align:center}.btn.active,.btn:focus,.btn:hover{background:#de6d48;color:#fff;box-shadow:none}.btn-white{border:2px solid #fff;color:#fff}.btn-white:active,.btn-white:focus,.btn-white:hover{background:#fff;color:#444}.btn-blulegreen{border:2px solid #5bc4be;color:#5bc4be}.btn-blulegreen:active,.btn-blulegreen:focus,.btn-blulegreen:hover{background:#5bc4be;color:#fff}.media-wrap{margin:70px 0}.media-wrap .media{margin-bottom:40px}.media-wrap .media a{color:#5bc4be}.media-wrap .media a:hover{text-decoration:none;border-bottom:1px solid}.media-wrap .photo{width:100%;height:260px;display:inline-block}.media-wrap img{max-width:100%;max-height:100%;border:1px solid #979797}.media-wrap .title{font-size:23px;color:#263343}.media-wrap .subtitle{font-size:16px}.media-wrap p{font-size:14px;color:#6c6c6c}@media (max-width:991px){.media-wrap{margin:30px 0}.media-wrap .media{margin-bottom:30px}.media-wrap .photo{height:auto}.media-wrap .photo img{width:100%}.media-wrap .title{margin-top:15px;font-size:20px}.media-wrap .subtitle{font-size:16px}.media-wrap p{font-size:14px}}.location{background:#f5f5f5;padding:80px 0}.location .container[_ngcontent-c2] h2[_ngcontent-c2]{margin-bottom:40px}.location h3{color:#de6d48;font-weight:400;font-size:22px;margin-top:50px}.location h4{font-size:16px;color:#333;margin-top:40px}.location p{font-size:14px;color:#989898}.cd-top{display:inline-block;height:40px;width:40px;position:fixed;bottom:40px;right:10px;box-shadow:none;overflow:hidden;text-indent:100%;white-space:nowrap;background:#5bc4be url(gotop.1ff4e56c1bc07d088edd.svg) no-repeat center 50%;border-radius:5px;opacity:.5;visibility:hidden;transition:opacity .3s 0s,visibility 0s .3s;z-index:1000}.cd-top.cd-fade-out,.cd-top.cd-is-visible,.no-touch .cd-top:hover{transition:opacity .3s 0s,visibility 0s 0s}.cd-top.cd-is-visible{visibility:visible;opacity:.5}.cd-top.cd-is-visible:hover:hover{opacity:1}.cd-top.cd-fade-out{opacity:.5}.no-touch .cd-top:hover{background-color:#202020;opacity:1}.circle-single{background:#de6d48;color:#fff;text-align:center;padding:50px 0}.circle-single .title{font-size:24px}.circle-single .photo{width:85px;height:85px;background:url(will.c7e152b2c7795539b6f3.jpg) 50% no-repeat/cover;border-radius:100%;margin:40px auto 30px}@media (max-width:991px){.circle-single{padding:50px 0}}@media (max-width:480px){.circle-single .title{font-size:20px}}.video{margin:80px 0}.video .title{margin-bottom:60px}@media (max-width:991px){.video{margin:30px}}.news{padding:50px 0}.news p{max-width:900px;margin:0 auto 5px;font-size:16px}.news .title{font-size:32px;margin-bottom:40px}.news .btn{margin-top:30px}.schedule .title{font-size:18px;font-weight:600;margin-bottom:10px;color:#de6d48}.schedule .sub-title{font-size:18px;text-align:center;font-weight:600;display:block}.schedule .speaker{text-align:center;margin:20px 0}.schedule .speaker .speaker-name{display:block;font-size:16px;line-height:16px;text-align:center;font-weight:600;color:#de6d48}.schedule .speaker .photo{width:120px;height:120px;border-radius:100%;display:inline-block;overflow:hidden;margin-bottom:20px;border:1px solid #979797}.schedule .speaker .photo img{max-height:100%}.mobile{display:none}@media (max-width:991px){.web{display:none}.mobile{display:block}}