<!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PV63W5M" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <section class="overlay-menu"> <span class="btn close-btn" aria-label="close" role="button"><i class="i-close"></i></span> <div class="container"> <div class="input-holder" role="search"> <input type="search" placeholder="請輸入要害字" aria-label="input-search"> <span class="btn btn-search text-orange" aria-label="submit-search"><i class="i-search"></i></span> </div> <section class="site-links"> <h3 class="site-links__title">全產品速覽</h3> <div class="site-links__wrapper"> <section class="site-product"> <h4 class="context-box__title--orange site-product__title">新聞評論</h4> <a href="https://udn.com/news/index" title="結合新聞網" target="_blank" class="site-product__link list-ellipsis">聯合新聞網</a> <a href="https://sdgs.udn.com/sdgs/index" title="陽光行動" target="_blank" class="site-product__link list-ellipsis">陽光動作</a> <a href="https://vip.udn.com/vip/index" title="聯合報數位版" target="_blank" class="site-product__link list-ellipsis">聯合報數位版</a> <a href="https://udn70.udn.com/" title="聯合70" target="_blank" class="site-product__link list-ellipsis">結合70</a> <a href="https://global.udn.com/global_vision/index" title="轉角國際" target="_blank" class="site-product__link list-ellipsis">轉角國際</a> <a href="https://opinion.udn.com/opinion/index" title="鳴人堂" target="_blank" class="site-product__link list-ellipsis">鳴人堂</a> <a href="https://ubrand.udn.com/ubrand/index" title="倡議家" target="_blank" class="site-product__link list-ellipsis">倡議家</a> <a href="https://theme.udn.com/theme/index" title="時事話題" target="_blank" class="site-product__link list-ellipsis">時事話題</a> <a href="https://www.worldjournal.com/" title="世界日報" target="_blank" class="site-product__link list-ellipsis">世界日報</a> <a href="https://topic.udn.com/issue/index" title="新聞話題" target="_blank" class="site-product__link list-ellipsis">新聞話題</a> </section> <section class="site-product"> <h4 class="context-box__title--orange site-product__title">辦事</h4> <a href="https://member.udn.com" title="會員中間" target="_blank" class="site-product__link--member site-product__link list-ellipsis">會員中間</a> <a href="https://upoints.udn.com/upt/index.jsp?utm_source=head" title="U利點數" target="_blank" class="site-product__link list-ellipsis">U利點數</a> <a href="https://udn.com/mypage/mynewsFeature" title="我的新聞" target="_blank" class="site-product__link list-ellipsis">我的新聞</a> <a href="https://udn.com/news/archive" title="歷史新聞" target="_blank" class="site-product__link list-ellipsis">歷史新聞</a> <a href="http://event.udn.com/index/index.html" title="舉動專區" target="_blank" class="site-product__link list-ellipsis">勾當專區</a> <a href="https://www.facebook.com/myudn" title="udn粉絲團" target="_blank" class="site-product__link list-ellipsis">udn粉絲團</a> <a href="https://event.udn.com/line/" title="udn line 老友" target="_blank" class="site-product__link list-ellipsis">udn line 老友</a> </section> <section class="site-product"> <h4 class="context-box__title--orange site-product__title">股市理財</h4> <a href="https://money.udn.com/money/index" title="經濟日報網" target="_blank" class="site-product__link list-ellipsis">經濟日報網</a> <a href="https://house.udn.com/house/index" title="房地產" target="_blank" class="site-product__link list-ellipsis">房地產</a> <a href="https://fund.udn.com/" title="基金" target="_blank" class="site-product__link list-ellipsis">基金</a> <a href="https://www.cens.com/cens/html/zh/?utm_source=udn&utm_medium=ref_familybar_udn&utm_term=familybar_udn" title="中經社" target="_blank" class="site-product__link list-ellipsis">中經社</a> <a href="https://udn.com/lotto/" title="樂透" target="_blank" class="site-product__link list-ellipsis">樂透</a> <a href="https://udn.com/invoice/" title="發票" target="_blank" class="site-product__link list-ellipsis">發票</a> </section> <section class="site-product"> <h4 class="context-box__title--orange site-product__title">糊口文娛</h4> <a href="https://stars.udn.com/star/index" title="噓!星聞" target="_blank" class="site-product__link list-ellipsis">噓!星聞</a> <a href="https://udn.com/upf/upeople/index.html" title="優人物" target="_blank" class="site-product__link list-ellipsis">優人物</a> <a href="https://style.udn.com/style/index" title="udnSTYLE" target="_blank" class="site-product__link list-ellipsis">udnSTYLE</a> <a href="https://500times.udn.com" title="500輯" target="_blank" class="site-product__link list-ellipsis">500輯</a> <a href="https://game.udn.com/game/index" title="遊戲角落" target="_blank" class="site-product__link list-ellipsis">遊戲角落</a> <a href="https://autos.udn.com/autos/index" title="發燒車訊" target="_blank" class="site-product__link list-ellipsis">發熱車訊</a> <a href="https://health.udn.com/health/index" title="元氣網" target="_blank" class="site-product__link list-ellipsis">元氣網</a> <a href="https://orange.udn.com/orange/index" title="橘世代" target="_blank" class="site-product__link list-ellipsis">橘世代</a> <a href="https://mybeauty.udn.com/mybeauty/index" title="有好美" target="_blank" class="site-product__link list-ellipsis">myBeauty</a> <a href="https://pets.udn.com/pets/index" title="寵物部落" target="_blank" class="site-product__link list-ellipsis">寵物部落</a> <a href="https://tech.udn.com/tech/index" title="科技玩家" target="_blank" class="site-product__link list-ellipsis">科技玩家</a> <a href="https://woman.udn.com/woman/index" title="女子漾" target="_blank" class="site-product__link list-ellipsis">女子漾</a> </section> <section class="site-product"> <h4 class="context-box__title--orange site-product__title">運動</h4> <a href="https://nba.udn.com/nba/index" title="NBA 台灣" target="_blank" class="site-product__link list-ellipsis">NBA 台灣</a> <a href="https://udn.com/ctba/index" title="野球夢田" target="_blank" class="site-product__link list-ellipsis">野球夢田</a> <a href="https://udn.com/hbl/index" title="HBL" target="_blank" class="site-product__link list-ellipsis">HBL</a> <a href="https://running.udn.com/" title="運動筆記" target="_blank" class="site-product__link list-ellipsis">運動筆記</a> <a href="https://hiking.udn.com/" title="健行筆記" target="_blank" class="site-product__link list-ellipsis">健行筆記</a> </section> <section class="site-product"> <h4 class="context-box__title--orange site-product__title">浏覽創作</h4> <a href="https://reading.udn.com/read/index" title="琅琅悅讀" target="_blank" class="site-product__link list-ellipsis">琅琅悅讀</a> <a href="http://reading.udn.com/v2/bookMain.do" title="念書吧" target="_blank" class="site-product__link list-ellipsis">念書吧</a> <a href="https://story.udn.com/" title="讀創故事" target="_blank" class="site-product__link list-ellipsis">讀創故事</a> <a href="https://event.udn.com/lianfu70/" title="聯副70" target="_blank" class="site-product__link list-ellipsis">聯副70</a> <a href="http://blog.udn.com/" title="udn部落格" target="_blank" class="site-product__link list-ellipsis">udn部落格</a> <a href="https://udn.com/umedia/" title="u 值媒體" target="_blank" class="site-product__link list-ellipsis">u 值媒體</a> <a href="http://unitas.udngroup.com.tw/" title="結合文學" target="_blank" class="site-product__link list-ellipsis">聯合文學</a> <a href="https://www.linkingbooks.com.tw/LNB/index.aspx" title="聯經出版" target="_blank" class="site-product__link list-ellipsis">聯經出書</a> <a href="http://www.unitas.me/" title="聯文雜誌" target="_blank" class="site-product__link list-ellipsis">聯文雜誌</a> </section> <section class="site-product"> <h4 class="context-box__title--orange site-product__title">文創購物</h4> <a href="https://udnfunlife.com/?utm_source=udn.com&utm_medium=familybar" title="數位文創" target="_blank" class="site-product__link list-ellipsis">數位文創</a> <a href="https://ulicensing.udnfunlife.com/?utm_source=udn.com&utm_medium=familybar" title="IP 授權" target="_blank" class="site-product__link list-ellipsis">IP 授權</a> <a href="https://uevent.udnfunlife.com/?utm_source=udn.com&utm_medium=familybar" title="瘋勾當" target="_blank" class="site-product__link list-ellipsis">瘋活動</a> <a href="https://tickets.udnfunlife.com/application/utk01/utk0101_.aspx?sid=91_udn&utm_source=udn.com&utm_medium=referral_familybar_udn&utm_term=familybar_udn&utm_campaign=20170118_UDN" title="售票網" target="_blank" class="site-product__link list-ellipsis">售票網</a> <a href="https://udndata.com/ndapp/udntime/udntag/UtIndex" title="報光陰" target="_blank" class="site-product__link list-ellipsis">報韶光</a> </section> <section class="site-product"> <h4 class="context-box__title--orange site-product__title">更多產品</h4> <a href="http://udndata.com/ndapp/Index" title="結合知識庫" target="_blank" class="site-product__link list-ellipsis">結合常識庫</a> <a href="https://paper.udn.com/" title="結合電子報" target="_blank" class="site-product__link list-ellipsis">聯合電子報</a> <a href="https://video.udn.com/" title="聯合影音網" target="_blank" class="site-product__link list-ellipsis">結合影音網</a> <a href="https://udncollege.udn.com/" title="結合學苑" target="_blank" class="site-product__link list-ellipsis">結合學苑</a> <a href="https://utravel.udn.com/" title="有行旅" target="_blank" class="site-product__link list-ellipsis">有行旅</a> <a href="http://mobile.udn.com/" title="APP行動網" target="_blank" class="site-product__link list-ellipsis">APP行動網</a> </section> </div> </section> </div> <footer class="footer"> <div class="container"> <section class="footer-social"> <a href="https://www.facebook.com/myudn" title="Facebook" class="btn btn-social" aria-label="Facebook"><i class="i-fb-round"></i></a> <a href="https://www.instagram.com/myudn/" title="Instagram" class="btn btn-social" aria-label="Instagram"><i class="i-instagram-1"></i></a> <a href="https://www.youtube.com/channel/UC2M61YK4ntt9iK-23XhDwcw" title="Youtube" class="btn btn-social" aria-label="Youtube"><i class="i-youtube3"></i></a> <a href="https://play.google.com/store/apps/details?id=com.udn.news" title="Playstore" class="btn btn-social" aria-label="Playstore"><i class="i-playstore"></i></a> <a href="https://apps.apple.com/tw/app/id370132213?l=zh" title="AppleStore" class="btn btn-social" aria-label="AppleStore"><i class="i-applestore"></i></a> <span class="pwa-install btn btn-social show">P</span> <form class="newsletter" action="https://paper.udn.com/ZOPE/UDN/Subscribe/Pkg_Add" method="GET" target="_blank"> <input type="email" required="" placeholder="輸Email訂結合電子報" name="p_email" aria-label="subscription-email"> <input checked="" hidden="" value="H" name="p_PID0001" type="checkbox"> <button aria-label="subscription" class="btn btn-ripple btn-dark-grey" type="submit">定閱</button> </form> </section> <section class="footer-note"> <nav class="footer-note__wrapper"> <a href="https://event.udn.com/AD/" class="footer-note__link">登載廣告</a> <span class="footer-note__link"><a href="http://udn.com/page/topic/184" title="FAQ">FAQ</a>·<a href="http://co.udn.com/co/contactus" title="客服">客服</a></span> <a href="http://udndata.com/udnauthority.html?_ga=2.53326696.1550731720.1578271121-139876352.1557818851" class="footer-note__link">新聞授權</a> <span class="footer-note__link"><a href="https://member.udn.com/member/rule.jsp" title="辦事條目">服務條目</a>·<a href="http://udn.com/page/topic/495" title="著作權">著作權</a>·<a href="http://www.udngroup.com/members/udn_privacy" title="隱私權聲明">隱私權聲明</a></span><a target="_blank" href="https://www.miapipe.com/">水管清洗</a> <a href="http://www.udngroup.com/" class="footer-note__link">結合報系</a> <a href="http://www.udngroup.com/activies/subscription_info" class="footer-note__link">訂報紙</a> <a href="http://co.udn.com/" class="footer-note__link">關於我們</a> <a href="http://udn.com/page/topic/496" class="footer-note__link">網站總覽</a> </nav> <div class="footer-word"> 結合線上公司 著作權所有 ©2020 </div> </section> </div> </footer> </section> <div id="container"> <!-- 置頂功能列 --> <header> <div id="header"> <div id="header_body_wrapper"> <div class="udn_logo"> <a href="http://udn.com" title="回結合新聞網首頁"><img src="https://s.udn.com.tw/static/img/logo_mark.svg"></a> <a href="center.jsp" title="回顧頁"><img src="/img/logo_name.svg"></a> </div> <style> .jointly_logo { position: absolute; left: 210px; top: 46px; } @media (max-width: 1023px) { .jointly_logo { display: none; } } </style> <a href="https://event.udn.com/index/index.html?utm_source=udn&utm_medium=cobranding&utm_campaign=memberbenefit&utm_content=logo" title="udn 會員禮遇" class="jointly_logo"><img src="/img/jointly_logo.gif "></a> <!-- /.udn_logo --> <div class="tools-box"> <nav class="menus"> <ul> <li><a href="center.jsp"><i class="i-user-news"></i>會員中間</a></li> <li> <a href="ShowMember?actiontype=update"><i class="i-goalso"></i>我的設定</a> </li> <li> <a href="order_list.jsp"><i class="i-album-card"></i>訂單查詢</a> </li> <li> <!-- 登入後 --> <a href="faq.jsp"><i class="i-info-circled"></i>常見問題</a> <!-- 登入後直接連 會員問與答 --> <!-- /登入後 --> <!-- 登入前 --> <ul> <li><a href="faq.jsp">整合與辦事</a></li> <li><a href="faq.jsp">註冊與認證</a></li> <li><a href="faq.jsp">SNS常見問題</a></li> </ul> <!-- /登入前 --> </li> </ul> </nav> <div class="tools-box__items"> <a href="login.jsp" class="login" title="登入"></a> <a id="search_toggle" href="javascript:void(0)"></a> </div> <!-- /.tools-box__items --> </div> <!-- /.tools-box --> </div> <!-- /#header_body_wrapper --> </div> <!-- /#header --> </header> <!-- 通知佈告 --> <span id="cover_ad"> </span> <div class="wrapper"> <main> <div class="login_tabs"> <input class="radio" name="group" type="radio" id="one" checked ><!-- checked 預設開啟頁籤 --> <input class="radio" name="group" type="radio" id="two"> <div class="tabs"> <label class="tab" id="one-tab" for="one">登入</label> <label class="tab" id="two-tab" for="two">註冊</label> </div> <script> domready(function() { $('input[type=radio][name=group]').change(function() { checkload(this.id); }); }); </script> <div class="panels"> <div class="panel" id="panel_one"> <form name="loginFrm" id="loginFrm" method="post" action="ProcessLogin"> <input name="redir" id="redir" type="hidden" value=""> <input name="again" id="again" type="hidden" value=""> <h2>E-mail / 手機登入</h2> <div class="row"> <div class="has_float_label"> <input name="be7fefd240433a7da3eb7ac63db63fd6" id="be7fefd240433a7da3eb7ac63db63fd6" type="text" placeholder="" require="true" datatype="Limit" min="8" msg="電子信箱或手機號碼:請填寫准確" value="" /> <label for="be7fefd240433a7da3eb7ac63db63fd6">電子信箱或台灣手機號碼</label> </div> </div> <div class="row"> <div class="has_float_label"> <input name="login_password" id="login_password" type="password" placeholder="" autocomplete="off" require="true" datatype="Limit" min="6" msg="暗碼:最少六碼" /> <label for="login_password">暗碼</label> </div> </div><a target="_blank" href="https://www.miapipe.com/">水管清洗</a> <div class="member_link"> <div class="forgot_wrapper"> <a href="memberPassword.jsp?site=" class="forget">忘記暗碼</a> </div> <a href="sendconfirminput.jsp" class="resend">重寄啟用信</a> </div> <div class="row"> <!--<input class="btn submit" id="btn_submit" name="btn_submit" type="submit" value="登入" />--> <a href="javascript:void(0);" onclick="document.getElementById('loginFrm').submit();" class="btn submit" id="btn_submit" name="btn_submit">登入</a> <script>mbronload();</script> </div> <div class="row"> <div class="login_area_foot_title"><span>或</span></div> <div class="chk"> <a href="javascript:fb_chk();" class="btn submit btn_fb"><span class='fb-icon'></span>Facebook 登入</a> <a href="javascript:void(0);" id="LineLogin" class="btn submit btn_line"><span class="line-icon"></span>line 登入</a> <a href="javascript:google_chk();" class="btn submit btn_google"><img class='google-icon' src='/img/logo_google.svg' />Google 登入</a> <a href="javascript:void(0);" id="AppleLogin" class="btn submit btn_apple"><span class='apple-icon'></span>AppleID 登入</a> </div> </div> <div class="row" style="text-align:center;">沒法登入? <a href="/member/login.jsp?openExternalBrowser=1&site=&again=&redirect=" target="_blank" style="text-decoration: underline">請用預設瀏覽器開啟</a></div> </form> </div> <!-- /#panel_one --> <div class="panel" id="panel_two"> <form method="post" name="memberdata" id="memberdata" action="ProcessMember"> <input type="hidden" name="birthy" value="2000" > <input type="hidden" name="birthm" value="01" > <input type="hidden" name="birthd" value="01" > <input type="hidden" name="sex" value="0" > <input type="hidden" id="is_mobile" name="is_mobile" value="0" > <input type="hidden" name="residency" value="-1" > <input type="hidden" name="job" value="-1" > <input type="hidden" id="actiontype" name="actiontype" value="register"> <input type="hidden" id="netinnopen" name="netinnopen" value=""> <input type="hidden" id="moneyopen" name="moneyopen" value=""> <input type="hidden" id="starsopen" name="starsopen" value=""> <input type="hidden" id="styleopen" name="styleopen" value=""> <input type="hidden" id="ednopen" name="ednopen" value="ednpaper"> <input id="resv_field5" name="resv_field5" value="1" type="hidden"> <h2>電子信箱或手機註冊</h2> <div class="row"> <div class="has_float_label"> <input name="email" id="email" type="text" value="" placeholder="" onblur="javascript:checkUdesign(this.value);" /> <input type="hidden" id="mobile_phone" name="mobile_phone" value=""> <label for="email">電子信箱或台灣手機號碼</label> </div> </div> <div class="row"> <div class="has_float_label"> <input name="password" id="password" type="password" value="" placeholder="" autocomplete="off" /> <i id="showpw" class="i-eye-off"></i> <script> (function() { let showpw = document.querySelector('#showpw'); let login_password = document.querySelector('#password'); showpw.addEventListener('click',()=> { if ( login_password.type === "password") { showpw.className = "i-eye-3"; login_password.type = "text"; } else { showpw.className = "i-eye-off"; login_password.type = "password"; } }) })(); </script> <label for="password">暗碼</label> </div> </div> <!--<div class="row"> <div class="has_float_label"> <input name="password2" id="password2" type="password" value="" placeholder="" autocomplete="off" /> <label for="password2">再次輸入密碼</label> </div> </div>--> <div class="row"> <div class="has_float_label"> <input name="account" id="account" type="text" value="" placeholder=""> <label for="account">帳號 (未填將主動產生)</label> </div> </div> <div class="row"> <input class="btn submit" id="btn_insert" name="btn_insert" type="submit" value="確認,註冊" /> </div> <div class="row"> <div class="login_area_foot_title"><span>或</span></div> <div class="chk"> <a href="javascript:if ( checkAgree() ) fb_chk();" class="btn submit btn_fb"><span class='fb-icon'></span>Facebook 註冊</a> <a href="javascript:void(0);" id="LineLoginReg" class="btn submit btn_line"><span class="line-icon"></span>line 註冊</a> <a href="javascript:if ( checkAgree() ) google_chk();" class="btn submit btn_google"><img class='google-icon' src='/img/logo_google.svg' />Google 註冊</a> <a href="javascript:void(0);" id="AppleLoginReg" class="btn submit btn_apple"><span class='apple-icon'></span>AppleID 註冊</a> </div> </div> <div class="row"> <input id="agree" name="agree" value="true" type="checkbox" class="styled-checkbox" require="true" checked /> <label for="agree">插足代表您贊成<a href="rule.jsp"> 會員辦事條目 </a>與<a href="http://www.udngroup.com/members/udn_privacy"> 隱私權聲明</a>,並願意定閱 udn.com 發出的市場相幹訊息</label> </div> <div id="udesigndiv" class="row" style="display:none"> <input id="udesignopen" name="udesignopen" value="udesign" type="checkbox" class="styled-checkbox" require="true" checked /> <label for="udesignopen">同步啟用 <a href="https://goo.gl/Kkhk5U" target="_blank">udnfunlife</a> 辦事及贊成 udnfunlife.com 的會員辦事條目和隱私權聲明,享有完全會員權益。</label> </div> </form> <script> function checkUdesign(theVal) { if ( theVal.indexOf("@") == -1 ) { $("#udesigndiv").show(); } else { $("#udesigndiv").hide(); } } function checkAgree() { var agree = $('#agree:checked').length; if (agree < 1) { openAlert("請勾選註冊贊成條目才可註冊喔!"); return false; } else { return true; } } </script> </div> <!-- /#panel_two --> </div> </div> <div id="wait_block" style="background-color: rgba(0, 0, 0, 0.6); width: 100vw; height: 100vh; position: fixed; left: 0; top: 0; z-index: 9; opacity: 1; transition: opacity 0.2s ease-in; visibility: hidden" class="" data-state="loading"></div> </main> </div> <!-- /.wrapper --> <footer class="footer"> <div class="container"> <section class="footer-social"> <a href="https://www.facebook.com/myudn" title="Facebook" class="btn btn-social" aria-label="Facebook"><i class="i-fb-round"></i></a> <a href="https://www.instagram.com/myudn/" title="Instagram" class="btn btn-social" aria-label="Instagram"><i class="i-instagram-1"></i></a> <a href="https://www.youtube.com/channel/UC2M61YK4ntt9iK-23XhDwcw" title="Youtube" class="btn btn-social" aria-label="Youtube"><i class="i-youtube3"></i></a> <a href="https://play.google.com/store/apps/details?id=com.udn.news" title="Playstore" class="btn btn-social" aria-label="Playstore"><i class="i-playstore"></i></a> <a href="https://apps.apple.com/tw/app/id370132213?l=zh" title="AppleStore" class="btn btn-social" aria-label="AppleStore"><i class="i-applestore"></i></a> <span class="pwa-install btn btn-social show">P</span> <form class="newsletter" action="https://paper.udn.com/ZOPE/UDN/Subscribe/Pkg_Add" method="GET" target="_blank"> <input type="email" required="" placeholder="輸Email訂結合電子報" name="p_email" aria-label="subscription-email"> <input checked="" hidden="" value="H" name="p_PID0001" type="checkbox"> <button aria-label="subscription" class="btn btn-ripple btn-dark-grey" type="submit">定閱</button> </form> </section> <section class="footer-note"> <nav class="footer-note__wrapper"> <a href="https://event.udn.com/AD/" class="footer-note__link">登載告白</a> <span class="footer-note__link"><a href="http://udn.com/page/topic/184" title="FAQ">FAQ</a>·<a href="http://co.udn.com/co/contactus" title="客服">客服</a></span> <a href="http://udndata.com/udnauthority.html" class="footer-note__link">新聞授權</a> <span class="footer-note__link"><a href="https://member.udn.com/member/rule.jsp" title="辦事條目">辦事條目</a>·<a href="http://udn.com/page/topic/495" title="著作權">著作權</a>·<a href="https://www.udngroup.com/members/udn_privacy" title="隱私權聲明">隱私權聲明</a></span> <a href="http://www.udngroup.com/" class="footer-note__link">結合報系</a> <a href="http://bit.ly/3JPyOQA" class="footer-note__link">訂報紙</a> <a href="http://co.udn.com/" class="footer-note__link">關於我們</a> <a href="http://udn.com/page/topic/496" class="footer-note__link">網站總覽</a> </nav> <div class="footer-word"> 聯合線上公司 著作權所有 ©2023 </div> </section> </div> </footer> <a id="gotop" href="javascript:void(0);">Top</a> <script> domready(function() { var my_gotop = $("#gotop"); $(window).on("scroll touchmove", function(e) { var document_scrollTop = $(document).scrollTop(); /* gotop */// 彿»å¨å°æåºé¨ä»¥ä¸100åç´ æ¶ï¼ å è½½æ°å 容 if ($(document).width() <= 766 && document_scrollTop > 100 && document_scrollTop > ($(document).height() - screen.height * 1.618)) { my_gotop.slideDown().fadeIn(); } // web else if ($(document).width() > 766 && document_scrollTop > 100) { my_gotop.slideDown().fadeIn(); } else { my_gotop.slideUp().fadeOut(); } }).trigger('resize'); $('#gotop').click(function(){ $('html,body').animate({ scrollTop: 0 }, 'slow'); /* è¿åå°æé ä¸ */ return false; }); }) </script> <!-- mobile 左邊漢堡選單 --> <nav id="header_menu_area"> </nav> <!-- /#header_menu_area --> </div> <!-- /#container --> <style> .popbox_container { margin: 60px auto; position: relative; width: 200px } .popbox_container .popbox_btn { cursor: pointer; border: 1px solid #ccc; text-align: center; line-height: 50px; background-color: #f5f5f5 } .popbox_container .popbox_btn:hover { background-color: #fff } .popbox_container .popbox_backdrop, .popbox_container .popbox_content { opacity: 0; visibility: hidden; overflow: hidden; cursor: pointer; -webkit-transition: opacity .2s ease-in; transition: opacity .2s ease-in } .popbox_container .popbox_close { padding: 10px 30px; font-size: 18px; color: #fff; background: #1276a7; margin: auto; border-radius: 4px; line-height: 1.25; display: table; } .popbox_container .popbox_close:hover { cursor: pointer; background-color: #0d5980; } .popbox_container #popbox_toggle { display: none } .popbox_container #popbox_toggle.active~.popbox_backdrop, .popbox_container #popbox_toggle:checked~.popbox_backdrop { background-color: rgba(0, 0, 0, .6); width: 100vw; height: 100vh; position: fixed; left: 0; top: 0; z-index: 99; visibility: visible; opacity: 1; -webkit-transition: opacity .2s ease-in; transition: opacity .2s ease-in } .popbox_container #popbox_toggle.active~.popbox_content, .popbox_container #popbox_toggle:checked~.popbox_content { opacity: 1; background-color: #fff; max-width: calc(100% - 20px); width: 500px; padding: 40px; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 99; pointer-events: auto; cursor: auto; visibility: visible; -webkit-box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%); box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%); } .popbox_title { position: relative; display: inline-block; padding: 0 20px; margin: 0 0 25px; font-size: 30px; font-weight: 400; line-height: 1.25; color: #000; } @media screen and (max-width: 767px) { .popbox_title { padding: 0 15px; margin: 0 0 15px; font-size: 20px; } } .popbox_title:before { position: absolute; top: 0; left: 0; width: 5px; height: 100%; background-color: #1276a7; content: ""; } .popbox_txt { padding: 10px 0; margin: 0 0 20px; font-size: 18px; line-height: 1.4; text-align: center; color: #000; } @media screen and (max-width: 767px) { .popbox_txt { margin: 0 0 10px; font-size: 16px; } } </style> <div class="popbox_container"> <input id="popbox_toggle" type="checkbox"><!-- input#popbox_toggle 加 checked 則會預設顯示 --> <label class="popbox_backdrop" for="popbox_toggle"></label> <div class="popbox_content"> <h2 id="popbox_title" class="popbox_title">會員中間</h2> <div id="popbox_txt" class="popbox_txt"> </div> <label id="popbox_close" class="popbox_close" for="popbox_toggle">確認</label> </div> <!-- /.popbox_content --> </div> <!-- /.popbox_container --> <script> function openAlert(msg) { document.getElementById("popbox_toggle").checked = true; var popbox_txt = document.getElementById('popbox_txt'); if ( msg == 'noauth' ) popbox_txt.innerHTML = '您未開放電子信箱授權,註冊失敗!請改用電子信箱或手機號碼註冊。'; else popbox_txt.innerHTML = msg; } </script> <script src="/js/lib/respond.min.js?2018071801"></script> <script src="/js/lib/jquery-3.6.0.min.js?2022100301"></script> <script src="/js/lib/jquery-migrate-3.3.2.min.js?2022100301"></script> <script src="/js/lib/jquery.cookie.js?2018071801"></script> <script src="/js/lib/jquery-confirm.min.js?2018071801"></script> <script src="/js/lib/jquery.validate.min.js?2021101401"></script> <script src="/js/lib/additional-methods.min.js?2021101401"></script> <script src="/js/lib/localization/messages_zh_TW.min.js?2021101401"></script> <script src="/js/common.js?2021101811"></script> <script> domready(function() { $("#cover_ad").load("/NEWS/MISC/event/cover_ad.html?202305170006"); }) </script> <script type="text/javascript" src="/js/facebook_connect.js?ts=2023032801"></script> <!--<script type="text/javascript" src="/js/google_connect.js?ts=2021101811"></script> <script async defer src="https://apis.google.com/js/api.js" onload="this.onload=function(){};GoogleClientInit()" onreadystatechange="if (this.readyState === 'complete') this.onload()"> </script>--> <script type="text/javascript" src="https://appleid.cdn-apple.com/appleauth/static/jsapi/appleid/1/en_US/appleid.auth.js"></script> <script src="https://accounts.google.com/gsi/client" async defer></script> <script> var client; var access_token; window.onload = function () { //整張網頁載完後在履行 client = google.accounts.oauth2.initTokenClient({ client_id: '128563438601-uunkesrmdhn2ovgv4ufnv95gutb1bd0u.apps.googleusercontent.com', scope: 'https://www.googleapis.com/auth/userinfo.profile https://www.googleapis.com/auth/userinfo.email', callback: (tokenResponse) => { access_token = tokenResponse.access_token; if (access_token!=null)sendToken(); }, }); } function google_chk() { client.requestAccessToken(); //觸發OAuth2.0憑證流程 } function sendToken() { $.ajax({ url : '/member/wbs/GoogleLogin', cache : false, dataType : 'json', type : 'POST', data : { access_token : access_token, }, error : function(xhr) { alert('系統忙碌中'); }, success : function(response) { //alert('利用者名稱= ' + response.name + ', email=' +response.email +', uid= '+ response.uid +', appID= '+ response.appID+', status= '+response.status + ', message= '+response.message ); var redirectStr = '?site=&again=y&redirect='; top.location = '/member/sns_set.jsp' + redirectStr; } }); } </script> <!-- Line登入相幹 OAuth2.0 --> <script type="text/javascript"> //Line點擊登入事宜。 //註冊頁面需勾選贊成條目。 const LinebuttonElement = document.getElementById('LineLogin'); LinebuttonElement.addEventListener('click',lineAuth); const lineButtonElementReg = document.getElementById('LineLoginReg'); lineButtonElementReg.addEventListener('click', () => { if ( checkAgree() ) lineAuth(); }); //先拿取授權碼。 function lineAuth() { var newUrl = 'https://access.line.me/oauth2/v2.1/authorize?'; newUrl += 'response_type=code'; newUrl += '&client_id=1657040841'; newUrl += '&redirect_uri=https://member.udn.com/member/login.jsp'; newUrl += '&state='; newUrl += '&bot_prompt=normal'; newUrl += '&scope=profile%20openid%20email'; window.location.href = newUrl; } //後將授權碼換取用戶TOKEN。 /* var lineTheurl = new URL(window.parent.location); var lineCode = lineTheurl.searchParams.get("code"); var lineState = lineTheurl.searchParams.get("state"); if( lineCode.length > 0 && lineState == 'udnLine'){ */ </script> <script type="text/javascript"> AppleID.auth.init({ clientId : 'com.udn.member', scope : 'name email', redirectURI: 'https://member.udn.com/member/login.jsp', state : '' }); const buttonElement = document.getElementById('AppleLogin'); buttonElement.addEventListener('click', () => { AppleID.auth.signIn(); }); const buttonElementReg = document.getElementById('AppleLoginReg'); buttonElementReg.addEventListener('click', () => { if ( checkAgree() ) AppleID.auth.signIn(); }); </script> <!-- javascript coding --> <script type="text/javascript"> // execute your scripts when the DOM is ready. this is a good habit $(function() { var theurl = new URL(window.parent.location); var reauth = theurl.searchParams.get("reauth"); var app = theurl.searchParams.get("app"); if ( reauth == 'y' ) { if ( app == 'yag' ) { $.ajax({ url : '/member/wbs/GoogleLogin', cache : false, dataType : 'json', type : 'POST', data : { access_token : new URL(theurl.toString().replace("#","&")).searchParams.get("access_token"), site:theurl.searchParams.get("site") }, error : function(xhr) { alert('系統繁忙中'); }, success : function(response) { var redirectStr = ''; if (theurl.searchParams.get("app")) { if ( redirectStr == '' ) redirectStr = '?app=' + theurl.searchParams.get("app"); else redirectStr = redirectStr + '&app=' + theurl.searchParams.get("app"); } if (theurl.searchParams.get("site")) { if ( redirectStr == '' ) redirectStr = '?site=' + theurl.searchParams.get("site"); else redirectStr = redirectStr + '&site=' + theurl.searchParams.get("site"); } if (theurl.searchParams.get("redirect")) { if ( redirectStr == '' ) redirectStr = '?redirect=' + theurl.searchParams.get("redirect"); else redirectStr = redirectStr + theurl.searchParams.get("redirect"); } top.location = '/member/sns_set.jsp' + redirectStr; } }); } else { /*$.ajax( { url: '//connect.facebook.net/zh_TW/sdk.js', dataType: 'script', cache: true, success:function(script, textStatus, jqXHR) { FB.init( { appId : '253554794800658', cookie : true, version : 'v10.0', oauth : true } ); fb_chk(); } });*/ } } }); </script> <script type="text/javascript" src="/js/show_ad.js?ts=2020011301"></script> <script> domready(function() { openAlert('電子信箱或手機號碼有誤,請從頭登入。'); }); </script> <br /><br /><font style="font-size:10px">本文來自: </font>