html#lazyweb *{-webkit-box-sizing:border-box;box-sizing:border-box;font-family:"Montserrat","Noto Sans TC",sans-serif}html#lazyweb * a{display:block;text-decoration:none}html#lazyweb * img{display:block}html#lazyweb * h1,html#lazyweb * h2,html#lazyweb * h3,html#lazyweb * h4{margin:0}#short_url_page section.shorturl{padding:20px 20px 50px}#short_url_page section.shorturl .shorturl-wrap .input-box .box .input-wrap .input{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;padding-right:20px}#short_url_page section.shorturl .shorturl-wrap .input-box .box .input-wrap .input .url-input{width:100%;height:53px;font-size:15px;color:#333333;border:none;background-color:transparent;outline:none}@media screen and (max-width:767px){#short_url_page section.shorturl .shorturl-wrap .input-box .box .input-wrap .input .url-input{font-size:12px;min-width:auto;height:43px}}#short_url_page section.shorturl .shorturl-wrap .input-box .box .input-wrap .input .url-input::-webkit-input-placeholder{color:#999999}#short_url_page section.shorturl .shorturl-wrap .input-box .box .input-wrap .input .url-input::-moz-placeholder{color:#999999}#short_url_page section.shorturl .shorturl-wrap .input-box .box .input-wrap .input .url-input:-ms-input-placeholder{color:#999999}#short_url_page section.shorturl .shorturl-wrap .input-box .box .input-wrap .input .url-input::-ms-input-placeholder{color:#999999}#short_url_page section.shorturl .shorturl-wrap .input-box .box .input-wrap .input .url-input::placeholder{color:#999999}#short_url_page section.shorturl .shorturl-wrap .input-box .box .input-wrap .input .url-input:-ms-input-placeholder{color:#999999}#short_url_page section.shorturl .shorturl-wrap .input-box .box .input-wrap .input .url-input::-ms-input-placeholder{color:#999999}#short_url_page section.shorturl .shorturl-wrap .input-box .box .input-wrap .utm-list{width:100%;border-top:1px solid #DDDDDD;padding:10px 24px}@media screen and (max-width:767px){#short_url_page section.shorturl .shorturl-wrap .input-box .box .input-wrap .utm-list{padding:10px 0}}#short_url_page section.shorturl .shorturl-wrap .input-box .box .input-wrap .utm-list .utm-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:2px 0}#short_url_page section.shorturl .shorturl-wrap .input-box .box .input-wrap .utm-list .utm-row .title{font-size:15px;color:#333333;padding-right:8.5px}@media screen and (max-width:767px){#short_url_page section.shorturl .shorturl-wrap .input-box .box .input-wrap .utm-list .utm-row .title{font-size:12px}}#short_url_page section.shorturl .shorturl-wrap .input-box .box .input-wrap .utm-list .utm-row .utm-input{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}#short_url_page section.shorturl .shorturl-wrap .input-box .box .input-wrap .utm-list .utm-row .utm-input input{width:100%;height:30px;background-color:#F8FCFF;border:none;outline:none;padding:0 10px}#short_url_page section.shorturl .shorturl-wrap .input-box .box .input-wrap .utm-list .utm-row .utm-input input::-webkit-input-placeholder{color:rgba(0,132,255,0.45)}#short_url_page section.shorturl .shorturl-wrap .input-box .box .input-wrap .utm-list .utm-row .utm-input input::-moz-placeholder{color:rgba(0,132,255,0.45)}#short_url_page section.shorturl .shorturl-wrap .input-box .box .input-wrap .utm-list .utm-row .utm-input input:-ms-input-placeholder{color:rgba(0,132,255,0.45)}#short_url_page section.shorturl .shorturl-wrap .input-box .box .input-wrap .utm-list .utm-row .utm-input input::-ms-input-placeholder{color:rgba(0,132,255,0.45)}#short_url_page section.shorturl .shorturl-wrap .input-box .box .input-wrap .utm-list .utm-row .utm-input input::placeholder{color:rgba(0,132,255,0.45)}#short_url_page section.shorturl .shorturl-wrap .input-box .box .input-wrap .utm-list .utm-row .utm-input input:-ms-input-placeholder{color:rgba(0,132,255,0.45)}#short_url_page section.shorturl .shorturl-wrap .input-box .box .input-wrap .utm-list .utm-row .utm-input input::-ms-input-placeholder{color:rgba(0,132,255,0.45)}#short_url_page section.shorturl .shorturl-wrap .input-box .box .input-wrap .utm-select{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;height:53px;position:relative}@media screen and (max-width:767px){#short_url_page section.shorturl .shorturl-wrap .input-box .box .input-wrap .utm-select{height:43px}}#short_url_page section.shorturl .shorturl-wrap .input-box .box .input-wrap .utm-select .text{color:#333333;font-size:15px}@media screen and (max-width:767px){#short_url_page section.shorturl .shorturl-wrap .input-box .box .input-wrap .utm-select .text{font-size:12px}}#short_url_page section.shorturl .shorturl-wrap .input-box .box .input-wrap .utm-select .icon-wrap{padding-left:8px}#short_url_page section.shorturl .shorturl-wrap .input-box .box .input-wrap .utm-select .icon-wrap .icon{width:8.87px;height:3.81px;background-image:url("../../images/short_url/arrow_bottom.svg");background-size:cover;background-position:center;margin-top:3px}#short_url_page section.shorturl .shorturl-wrap .input-box .box .input-wrap .utm-select .icon-wrap .icon.active{background-image:url("../../images/short_url/arrow_top.svg")}#short_url_page section.shorturl .shorturl-wrap .input-box .box .input-wrap .utm-popup{position:absolute;top:-30px;right:10px;color:#FF6F00;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;word-break:keep-all;font-size:12px;cursor:pointer}#short_url_page section.shorturl .shorturl-wrap .input-box .box .input-wrap .utm-popup .icon{margin-left:3px;width:15px;height:15px;background-image:url("../../images/short_url/question.svg");background-size:cover;background-size:15px}#short_url_page section.shorturl .shorturl-wrap .input-box .box .button-wrap{padding-left:15px}@media screen and (max-width:767px){#short_url_page section.shorturl .shorturl-wrap .input-box .box .button-wrap{padding-left:0;width:100%;padding-top:10px}}#short_url_page section.shorturl .shorturl-wrap .input-box .box .button-wrap a{border-radius:32.5px;padding:0 50px;background:-webkit-gradient(linear,left top,left bottom,from(#3aa0ff),to(#0084ff));background:linear-gradient(180deg,#3aa0ff 0%,#0084ff 100%);border:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#short_url_page section.shorturl .shorturl-wrap .input-box .box .button-wrap a:hover{background:-webkit-gradient(linear,left top,left bottom,from(rgba(58,160,255,0.8)),to(rgba(0,132,255,0.8)));background:linear-gradient(180deg,rgba(58,160,255,0.8) 0%,rgba(0,132,255,0.8) 100%)}#short_url_page section.shorturl .shorturl-wrap .input-box .box .button-wrap a .text{color:#FFFFFF;font-size:15px;line-height:65px;word-break:keep-all;text-align:center}@media screen and (max-width:767px){#short_url_page section.shorturl .shorturl-wrap .input-box .box .button-wrap a .text{line-height:55px}}#short_url_page section.shorturl .shorturl-wrap .arrow{width:100%;padding:36.6px 0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;display:none}#short_url_page section.shorturl .shorturl-wrap .arrow.active{display:-webkit-box;display:-ms-flexbox;display:flex}#short_url_page section.shorturl .shorturl-wrap .arrow .icon{width:10.79px;height:10.54px;background-image:url("../../images/common/result_arrow.svg");background-size:cover}#short_url_page section.shorturl .shorturl-wrap .result-wrap .box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}#short_url_page section.shorturl .shorturl-wrap .result-wrap .result{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;border:1px solid #CECECE;border-radius:32.5px;height:65px;overflow:hidden;padding:20px 24px;background-color:#FAFAFA}@media screen and (max-width:767px){#short_url_page section.shorturl .shorturl-wrap .result-wrap .result{height:55px;padding:10px 20px}}#short_url_page section.shorturl .shorturl-wrap .result-wrap .result input{width:100%;height:100%;border:none;outline:none;background-color:#FAFAFA}#short_url_page section.shorturl .shorturl-wrap .result-wrap .buttons-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;padding-left:3px}@media screen and (max-width:767px){#short_url_page section.shorturl .shorturl-wrap .result-wrap .buttons-wrap{padding-left:0;width:100%;padding-top:20px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}#short_url_page section.shorturl .shorturl-wrap .result-wrap .buttons-wrap .button-wrap{padding:0 3px;position:relative}#short_url_page section.shorturl .shorturl-wrap .result-wrap .buttons-wrap .button-wrap .button{width:65px;height:65px;border-radius:50%;border:1px solid #DDDDDD;background-color:#FFFFFF;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;z-index:10;background-repeat:no-repeat;background-position:center}#short_url_page section.shorturl .shorturl-wrap .result-wrap .buttons-wrap .button-wrap .button.link{background-image:url("../../images/short_url/link_to.svg");background-size:18.2px 18.2px}#short_url_page section.shorturl .shorturl-wrap .result-wrap .buttons-wrap .button-wrap .button.qrcode{background-image:url("../../images/short_url/qrcode.svg");background-size:20px 20px}#short_url_page section.shorturl .shorturl-wrap .result-wrap .buttons-wrap .button-wrap .button.copy{background-image:url("../../images/short_url/copy.svg");background-size:18px}#short_url_page section.shorturl .shorturl-wrap .result-wrap .buttons-wrap .button-wrap .button:hover+.hover-text{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;visibility:visible}#short_url_page section.shorturl .shorturl-wrap .result-wrap .buttons-wrap .button-wrap .hover-text{position:absolute;width:58px;height:30px;background-color:#333333;bottom:-36px;left:calc(50% - 29px);color:#FFFFFF;border-radius:2px;text-align:center;line-height:30px;-webkit-transform:translate3d(0,-25px,0);transform:translate3d(0,-25px,0);opacity:0;visibility:hidden;-webkit-transition:all 0.3s cubic-bezier(0.68,0,0.265,1);transition:all 0.3s cubic-bezier(0.68,0,0.265,1);font-size:12px}@media screen and (max-width:767px){#short_url_page section.shorturl .shorturl-wrap .result-wrap .buttons-wrap .button-wrap .hover-text{background-color:transparent;opacity:1;visibility:visible;color:#333333;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}#short_url_page section.shorturl .shorturl-wrap .result-wrap .buttons-wrap .button-wrap .hover-text:after{content:"";position:absolute;top:-3px;left:calc(50% - 4px);width:0;height:0;border-style:solid;border-width:0 4px 3px 4px;border-color:transparent transparent #333333 transparent}@media screen and (max-width:767px){#short_url_page section.shorturl .shorturl-wrap .result-wrap .buttons-wrap .button-wrap .hover-text:after{display:none}}#short_url_page section.features{max-width:1280px;margin:0 auto;padding:0 20px}#short_url_page section.features .section-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#short_url_page section.features .section-title .title{color:#333333;font-weight:bold;font-size:22px;padding:0 18px 0 13px;background-image:url("../../images/short_url/title_bg.svg");background-size:100% auto;background-position:bottom center;background-repeat:no-repeat}#short_url_page section.features .feature-flex-wrap{padding:50px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}#short_url_page section.features .feature-flex-wrap .wrap{width:50%}@media screen and (max-width:900px){#short_url_page section.features .feature-flex-wrap .wrap{width:100%}}#short_url_page section.features .feature-flex-wrap .wrap.left .block-wrap .feature-item-wrap{padding:12px 0}#short_url_page section.features .feature-flex-wrap .wrap.left .block-wrap .feature-item-wrap .item-wrap{padding:25px 30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}#short_url_page section.features .feature-flex-wrap .wrap.left .block-wrap .feature-item-wrap .item-wrap .icon-wrap .icon{width:50.69px;background-size:cover;background-position:center}#short_url_page section.features .feature-flex-wrap .wrap.left .block-wrap .feature-item-wrap .item-wrap .icon-wrap .icon.trust{height:36.77px;background-image:url("../../images/short_url/trust.svg")}#short_url_page section.features .feature-flex-wrap .wrap.left .block-wrap .feature-item-wrap .item-wrap .icon-wrap .icon.grade{height:39.91px;background-image:url("../../images/short_url/grade.svg")}#short_url_page section.features .feature-flex-wrap .wrap.left .block-wrap .feature-item-wrap .item-wrap .icon-wrap .icon.control{height:37.64px;background-image:url("../../images/short_url/control.svg")}#short_url_page section.features .feature-flex-wrap .wrap.left .block-wrap .feature-item-wrap .item-wrap .content-wrap{padding-left:30px}@media screen and (max-width:767px){#short_url_page section.features .feature-flex-wrap .wrap.left .block-wrap .feature-item-wrap .item-wrap .content-wrap{padding-left:15px}}#short_url_page section.features .feature-flex-wrap .wrap.left .block-wrap .feature-item-wrap .item-wrap .content-wrap .title-wrap .text{font-size:18px;color:#333333}@media screen and (max-width:767px){#short_url_page section.features .feature-flex-wrap .wrap.left .block-wrap .feature-item-wrap .item-wrap .content-wrap .title-wrap .text{font-size:14px}}#short_url_page section.features .feature-flex-wrap .wrap.left .block-wrap .feature-item-wrap .item-wrap .content-wrap .content{padding-top:15px}#short_url_page section.features .feature-flex-wrap .wrap.left .block-wrap .feature-item-wrap .item-wrap .content-wrap .content .text{font-size:16px;color:#666666;font-weight:400}@media screen and (max-width:767px){#short_url_page section.features .feature-flex-wrap .wrap.left .block-wrap .feature-item-wrap .item-wrap .content-wrap .content .text{font-size:12px}}#short_url_page section.features .feature-flex-wrap .wrap.left .block-wrap .feature-item-wrap .item-wrap.active{-webkit-box-shadow:0 0 12px rgba(136,136,136,0.1);box-shadow:0 0 12px rgba(136,136,136,0.1)}#short_url_page section.features .feature-flex-wrap .wrap.left .block-wrap .feature-item-wrap .item-wrap.active .icon-wrap .icon.trust{height:36.77px;background-image:url("../../images/short_url/trust_active.svg")}#short_url_page section.features .feature-flex-wrap .wrap.left .block-wrap .feature-item-wrap .item-wrap.active .icon-wrap .icon.grade{height:39.91px;background-image:url("../../images/short_url/grade_active.svg")}#short_url_page section.features .feature-flex-wrap .wrap.left .block-wrap .feature-item-wrap .item-wrap.active .icon-wrap .icon.control{height:37.64px;background-image:url("../../images/short_url/control_active.svg")}#short_url_page section.features .feature-flex-wrap .wrap.left .block-wrap .feature-item-wrap .item-wrap.active .content-wrap .title-wrap .text{color:#0084FF}#short_url_page section.features .feature-flex-wrap .wrap.right{padding-left:80px}@media screen and (max-width:1023px){#short_url_page section.features .feature-flex-wrap .wrap.right{padding-left:20px}}@media screen and (max-width:900px){#short_url_page section.features .feature-flex-wrap .wrap.right{padding-left:0;-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1;padding-bottom:10px}}#short_url_page section.features .feature-flex-wrap .wrap.right .block-wrap{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}#short_url_page section.features .feature-flex-wrap .wrap.right .block-wrap img{max-width:100%}#short_url_page .popup-wrap .popup.upload .popup-box{width:100%;max-width:530px}#short_url_page .popup-wrap .popup.upload .popup-box .box{padding:70px 20px}#short_url_page .popup-wrap .popup.upload .popup-box .box .content-wrap{display:none}#short_url_page .popup-wrap .popup.upload .popup-box .box .content-wrap.loading .icon-wrap{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#short_url_page .popup-wrap .popup.upload .popup-box .box .content-wrap.loading .icon-wrap .icon{width:98px;height:98px;background-image:url("../../images/short_url/loading.svg");background-size:cover;-webkit-animation:rotate 2.5s linear 0s infinite normal none;animation:rotate 2.5s linear 0s infinite normal none}@media screen and (max-width:767px){#short_url_page .popup-wrap .popup.upload .popup-box .box .content-wrap.loading .icon-wrap .icon{width:80px;height:80px}}#short_url_page .popup-wrap .popup.upload .popup-box .box .content-wrap.loading .text{padding-top:27px;text-align:center;font-size:20px;color:#333333}#short_url_page .popup-wrap .popup.upload .popup-box .box .content-wrap.active{display:block}#short_url_page .popup-wrap .popup.qrcode .popup-box{width:100%;max-width:554px;position:relative}#short_url_page .popup-wrap .popup.qrcode .popup-box .box{padding:70px 20px 46px}#short_url_page .popup-wrap .popup.qrcode .popup-box .box .image-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#short_url_page .popup-wrap .popup.qrcode .popup-box .box .image-wrap #qrcode{width:175px;height:175px}#short_url_page .popup-wrap .popup.qrcode .popup-box .box .download-wrap{padding-top:12px}#short_url_page .popup-wrap .popup.qrcode .popup-box .box .download-wrap .download{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer}#short_url_page .popup-wrap .popup.qrcode .popup-box .box .download-wrap .download .text{color:#333333}#short_url_page .popup-wrap .popup.qrcode .popup-box .box .download-wrap .download .icon-wrap{padding-left:5px}#short_url_page .popup-wrap .popup.qrcode .popup-box .box .download-wrap .download .icon-wrap .icon{width:22px;height:22px;border-radius:50%;border:1px solid #DDDDDD;background-image:url("../../images/short_url/download.svg");background-size:7.95px auto;background-repeat:no-repeat;background-position:center}