CINXE.COM

<!doctype html> <html> <head> <meta charset="utf-8"> <link rel="shortcut icon" href="/public/static/templet/images/favicon.ico"> <title>關於我們 - OPEN Design-室內設計</title> <meta name="keywords" content="OPEN,OPEN DESIGN,open design,open design,空間設計,室內設計,室內設計公司,室內設計推薦,宅室內設計,空間整體設計,商業空間設計,住宅設計,景觀規劃設計,飯店室內設計,樣品屋設計,實品屋設計,接待中心設計,空間規劃,設計規畫,餐廳設計,SPA館設計,旅館設計,辦公室設計,精品傢俱,進口家飾,文創,藝文,電視節目" /> <meta name="description" content="OPEN Design 放眼高端室內設計領域，集結大中華區知名室內設計師，為您設計打造高品質的國際視野室內設計平台，並提供跨界專業、藝文資訊，為生活開啟無限的室內設計創意與美好。" /> <link rel="stylesheet" type="text/css" href="/public/static/templet/css/reset.css" /> <link rel="stylesheet" type="text/css" href="/public/static/templet/css/style.css" /> <link rel="stylesheet" type="text/css" href="/public/static/common/font-awesome/css/font-awesome.min.css" /> <script type="text/javascript" src="/public/static/templet/js/jquery.min.js"></script> <script type="text/javascript" src="/public/static/templet/js/jquery.form.js"></script> <script type="text/javascript" src="/public/static/templet/js/jquery.touchwipe.1.1.1.js"></script> <script type="text/javascript" src="/public/static/templet/js/functions.js"></script> <script type="text/javascript" src="/public/static/templet/js/main.js"></script> <script type="text/javascript" src="/public/static/templet/js/scroll.js"></script> </head> <body> <div id="wrapper">  <div id="header"> <div class="logoTop"><img src="/public/static/templet/images/logo1.png" width="1120" height="550" alt=""></div> <script language="javascript" src="/ad/show/id/1.html"></script> </div>  <div id="menu"> <div class="nav"> <a href="/index/index.html" class="nav0"><img src="/public/static/templet/images/icon0_txt.jpg" width="70" height="40" alt="回首頁"></a> <a href="/designer/index.html" class="nav1"><img src="/public/static/templet/images/icon1_txt.jpg" width="70" height="40" alt="找設計師"></a> <a href="/brand/index.html" class="nav2"><img src="/public/static/templet/images/icon2_txt.jpg" width="70" height="40" alt="品好家俬"></a> <a href="/media/index.html" class="nav3"><img src="/public/static/templet/images/icon3_txt.jpg" width="70" height="40" alt="看微影片"></a> <a href="/talk/index.html" class="nav4"><img src="/public/static/templet/images/icon4_txt.jpg" width="70" height="40" alt="名人有約"></a> <a href="/news/index.html" class="nav5"><img src="/public/static/templet/images/icon5_txt.jpg" width="70" height="40" alt="新聞連線"></a> </div> <div class="logo"><a href="/index/index.html"><img src="/public/static/templet/images/logo2.png" width="120" height="120" alt=""></a></div> </div> <script language="javascript"> var checkLoginUrl="/passport/login.html"; </script>  <div id="main" class="clearfix">  <div class="contL"> <ul class="ad"> <script language="javascript" src="/ad/show/id/2.html"></script> </ul> </div>  <div class="contR"> <div class="aboutRoute"><a href="/index/index.html" class="home">首頁</a> / OPEN DESIGN</div> <a id="about4"></a> <div class="aboutTitle">關於我們</div> <div class="aboutContent"> <p class="MsoNormal"> <span style="line-height:1.5;">我們起床睜開眼，接收美好的陽光，我們打開電動牙刷的開關，開始一天梳理的程序，我們打開門去搭公車，我們打開手機，打開電腦連接網路，打開電源，打開窗戶，一連串的連鎖效應，都為我們的生活，開啓更多世界，也因為這個動作，讓我們有跟上時代的能力。</span> </p> <p class="MsoNormal"> <span style="line-height:1.5;">在眾多媒體的年代，</span><span style="line-height:1.5;">OPEN Design </span><span style="line-height:1.5;">將更專注於合作，活動，整合，以及傳遞國際趨勢跟新知給使用者，透過深入與閱讀，透過購買與收藏，我們希望 </span><span style="line-height:1.5;">OPEN Design </span><span style="line-height:1.5;">的使用者，更關心臺灣的在地文化，也更願意打開心胸，閱讀整個地球村最好的設計，最棒的人，最感動的故事。</span> </p> </div> <a id="about5"></a> <div class="aboutTitle">隱私權聲明</div> <div class="aboutContent"> <p> <span style="line-height:1.5;">「</span><span style="line-height:1.5;">OPEN</span><span style="line-height:1.5;">」為了保護會員個人資料，及維護線上隱私權，謹以下列聲明：</span> </p> <p class="MsoNormal"> 「<span>OPEN</span>」網站中的所有內容（包含文章、圖片）等之智慧財產權，均為「<span>OPEN</span>」所有，請勿自行使用、轉載、修改、重製，若需此方面的服務，請和「<span>OPEN</span>」相關單位聯絡。由「<span>OPEN</span>」網站連結到屬於其他方網站，不包含在宣告內。 </p> <p class="MsoNormal"> <span style="line-height:1.5;color:#FFFFFF;">｜適用範圍｜</span> </p> <p class="MsoNormal"> 「<span>OPEN</span>」隱私權聲明內容，包括「<span>OPEN</span>」如何處理在用戶使用網站服務時收集到的身份識別資料，也包括「<span>OPEN</span>」如何處理在商業伙伴與「<span>OPEN</span>」合作時分享的任何身份識別資料。 </p> <p class="MsoNormal"> <span style="line-height:1.5;color:#FFFFFF;">｜隱私權宣告｜</span> </p> <p class="MsoNormal"> ．「<span>OPEN</span>」在您使用「<span>OPEN</span>」的服務或瀏覽「<span>OPEN</span>」網頁、參加活動時，「<span>OPEN</span>」會收集您的個人識別資料「<span>OPEN</span>」也可以從商業夥伴處取得個人資料。 </p> <p class="MsoNormal"> ．「<span>OPEN</span>」網站所取得的個人資料，都僅供「<span>OPEN</span>」於其內部、依照原來所說明的使用目的和範圍內，除非事先說明、或依照相關法律規定，否則「<span>OPEN</span>」不會將使用者個人資料提供給第三人、或移作其他目的使用。 </p> <p class="MsoNormal"> ．在某些情況下，例如當使用者要求加入會員、訂閱電子報或其他服務或參加其他活動時，「<span>OPEN</span>」網站或其合作對象可能會要求使用者登錄個人資料，以便於和使用者聯繫、提供服務、或處理訂閱程序；在此等情況下，「<span>OPEN</span>」網站或其合作對象將明白告知使用者此等事實如果使用者選擇不接收任何廣告或聯繫資訊「<span>OPEN</span>」將完全予以尊重。 </p> <p class="MsoNormal"> ．使用者如果對於「<span>OPEN</span>」隱私權聲明、或與個人資料有關之相關事項有任何疑問，可以利用電子郵件<span>openworld.tw</span>＠<span>gmail.com </span>或撥打服務專線<span>02-8522-2525</span>，「<span>OPEN</span>」將儘快為您回覆說明。 </p> <p class="MsoNormal"> <span style="line-height:1.5;color:#FFFFFF;">｜服務宣告｜</span> </p> <p class="MsoNormal"> 「<span>OPEN</span>」所提供之服務或商品，僅限於個人的使用，並附有智慧財產權，不得有轉用於其他用途或是公開營利之行為；如對本聲明有任何爭議，將依據中華民國仲裁法正式仲裁。 </p> <p class="MsoNormal"> <span style="line-height:1.5;color:#FFFFFF;">｜COOKIE｜</span> </p> <p class="MsoNormal"> 「<span>OPEN</span>」網站使用<span> cookie </span>技術，以便於提供更適合使用者個人需要的服務；<span>Cookies</span>的使用在於追蹤您在本站瀏覽活動等資料，以利我們進行網站的各種分析、資料收集，進而提供您在本站更好的服務，它可能在使用者的電腦中儲存某些資訊，但是使用者可以經由瀏覽器的設定，取消、或限制此項功能，但此舉動可能造成您在使用本站部份服務時遇到限制。 </p> <p class="MsoNormal"> <span style="color:#FFFFFF;">｜</span><span style="line-height:1.5;color:#FFFFFF;">隱私權修訂｜</span> </p> <p class="MsoNormal"> 「<span>OPEN</span>」隱私權聲明因網站功能增加、變動或因應需求可不定時修訂本聲明。當我們在使用個人資料的規定上作出修改時，我們會在「<span>OPEN</span>」網頁上張貼告示，通知您相關事項。「<span>OPEN</span>」所提供之服務或商品，僅限於個人的使用，並附有智慧財產權，不得有轉用於其他用途或是公開營利之行為；如對本聲明有任何爭議，將依據中華民國仲裁法正式仲裁。於其他用途或是公開營利之行為；如對本聲明有任何爭議，將依據中華民國仲裁法正式仲裁。 </p> </div> <a id="about6"></a> <div class="aboutTitle">刊登與合作</div> <div class="aboutContent"> <p class="MsoNormal"> <br /> </p> <p class="MsoNormal"> 「<span>OPEN</span>」歡迎異業合作、異業聯盟或是相關行銷活動配合，請來信說明您公司的性質或附上企劃案。公益團體若希望與「<span>OPEN</span>」合作，請來信說明貴團體的性質，並附上網站及想與我們合作的活動相關說明。 </p> <p class="MsoNormal"> 廣告與合作服務專線：<span>02-8522-2525 </span>或來信至服務信箱：<span>openworld.tw</span>＠<span>gmail.com</span>我們將有專人為您服務！謝謝！ </p> <p> <br /> </p> <br /> </div> </div> </div>  <div id="footer" style="display: none;"> <div class="sitemap"> <div class="footerTitle en3">Quick Link</div> <ul> <li><a href="/index/index.html">首　　頁 / <span class="en">HOME</span></a></li> <li><a href="/designer/index.html">找設計師 / <span class="en">DESIGNER</span></a></li> <li><a href="/brand/index.html">品好家俬 / <span class="en">PRODUCT</span></a></li> </ul> <ul> <li><a href="/media/index.html">看微影片 / <span class="en">MEDIA</span></a></li> <li><a href="/talk/index.html">名人有約 / <span class="en">TALK</span></a></li> <li><a href="/news/index.html">新聞連線 / <span class="en">NEWS</span></a></li> </ul> </div> <div class="follow"> <div class="footerTitle en3">Follow Us</div> <ul> <li><a href="https://www.facebook.com/pages/OPEN-Design/317362191787531" target="_blank"><img src="https://www.openworld.tv/Uploads/image/20150423/20150423113639_59081.png?20x20m2v2017" alt="facebook"></a></li> <li><a href="http://www.weibo.com/5444073923/" target="_blank"><img src="https://www.openworld.tv/Uploads/image/20150428/20150428152455_40095.png?20x20m2v2017" alt="微博"></a></li> <li><a href="http://line.me/ti/p/%40tyz0033i" target="_blank"><img src="https://www.openworld.tv/Uploads/image/20160108/20160108115123_13034.png?20x20m2v2017" alt="Line@"></a></li> <li><a href="https://drive.google.com/file/d/0B89fQK47V04uRXVkQ1dLclJ1X28/view?usp=sharing" target="_blank"><img src="https://www.openworld.tv/Uploads/image/20160108/20160108120015_22986.png?20x20m2v2017" alt="WeChat 微信公眾號"></a></li> <li><a href="https://www.youtube.com/channel/UC4s-RdUZU1DB0zKC_ZJbvZA/videos" target="_blank"><img src="https://www.openworld.tv/Uploads/image/20150423/20150423113707_68073.png?20x20m2v2017" alt="youtube"></a></li> <li><a href="http://i.youku.com/u/UMjU2NDYwMjE3Ng==/videos" target="_blank"><img src="https://www.openworld.tv/Uploads/image/20150423/20150423113723_27597.png?20x20m2v2017" alt="youku"></a></li> <li><a href="https://vimeo.com/opendesign" target="_blank"><img src="https://www.openworld.tv/Uploads/image/20160108/20160108114412_58537.png?20x20m2v2017" alt="Vimeo"></a></li> <li><a href="http://www.money888.cc/" target="_blank"><img src="https://www.openworld.tv/Uploads/image/20181017/20181017033102_91642.jpg?20x20m2v2017" alt="京采數位科技"></a></li> </ul> </div> <div class="contact"> <div class="footerTitle en3">Contact Us</div> <div class="contactInfo"> <span style="line-height:1.5;width:45px;display:inline-block;letter-spacing:3px;">TEL.</span><span style="line-height:1.5;">+886-2-8522-2525<br /> </span> <span style="line-height:1.5;width:45px;display:inline-block;letter-spacing:3px;">LINE.</span><span style="line-height:1.5;">0927771122<br /> </span> <span style="line-height:1.5;width:45px;display:inline-block;letter-spacing:2px;">MAIL.</span><a href="mailto:jennifer771122@qq.com" style="line-height:1.5;">jennifer771122@qq.com</a><br /> <p> <span style="line-height:1.5;width:45px;display:inline-block;letter-spacing:3px;">ADD.</span><span style="line-height:1.5;">新北市新莊區中原路518號3樓之2<br />             </span> </p></div> </div> <div class="link"> <ul> <li><a href="/about/index.html#about4">關於我們 / <span class="en">ABOUT</span></a></li> <li><a href="/about/index.html#about5">隱私權聲明 / <span class="en">PRIVACY</span></a></li> <li><a href="/about/index.html#about6">刊登與合作 / <span class="en">COOPERATION</span></a></li> </ul> </div> <div class="share"> <div class="footerTitle en3">Share Us</div> <ul> <li><a title="分享到Facebook" onclick="javascript:bShare.share(event,'facebook',0);return false;"><img src="/public/static/templet/images/link/facebook.jpg" alt=""></a></li> <li><a title="分享到Google+ " onclick="javascript:bShare.share(event,'gplus',0);return false;"><img src="/public/static/templet/images/link/google.jpg" alt=""></a></li> <li><a title="分享到噗浪！" onclick="javascript:void(window.open('https://www.plurk.com/?qualifier=shares&status=' .concat(encodeURIComponent(location.href)) .concat(' ') .concat('(') .concat(encodeURIComponent(document.title)) .concat(')')));"><img src="/public/static/templet/images/link/plurk.jpg" alt=""></a></li> <li><a title="分享到Twitter" onclick="javascript:bShare.share(event,'twitter',0);return false;"><img src="/public/static/templet/images/link/twitter.jpg" alt=""></a></li> <li><a title="分享到QQ空間" onclick="javascript:bShare.share(event,'qzone',0);return false;"><img src="/public/static/templet/images/link/qzone.jpg" alt=""></a></li> <li><a title="分享到新浪微博" onclick="javascript:bShare.share(event,'sinaminiblog',0);return false;"><img src="/public/static/templet/images/link/tsina.jpg" alt=""></a></li> <li><a title="分享到騰訊微博" onclick="javascript:bShare.share(event,'qqmb',0);return false;"><img src="/public/static/templet/images/link/tqq.jpg" alt=""></a></li> <li><a title="分享到微信" onclick="javascript:bShare.share(event,'weixin',0);return false;"><img src="/public/static/templet/images/link/weixin.jpg" alt=""></a></li> <li><a title="分享到人人網" onclick="javascript:bShare.share(event,'renren',0);return false;"><img src="/public/static/templet/images/link/renren.jpg" alt=""></a></li> <li><a title="更多平台" onclick="javascript:bShare.more(event);return false;"/><img src="/public/static/templet/images/link/jiathis.jpg" alt=""></a></li> </ul>  </div> <div class="top"><span class="en3">BACK TO TOP</span></div> </div>   <div id="footerFix"> <div id="footer2"> <div class="copy en"><img id="logo_info" src="/public/static/templet/images/copyright.png"/> <script> $( 'div.copy' ).css( { "position":'relative' , "top" : '-9px' }); if( isDesktop() ) { $( 'div#footerFix' ).append( '<div class="aff"><span class="affContent"><span class="affMain"></span></span></div>' ); $( 'div.aff span.affMain' ).append( $( 'div.link' ).html() ); $( 'div.aff' ).css( { 'position':'fixed', 'bottom': 40 , 'z-index':502, 'width':'100%', 'min-width':1140, 'background-color':'#999999', 'height':25, 'left':0 } ); $( 'div.aff span.affContent' ).css( { 'width' : 1100 , 'margin' : '0 auto' , 'display' : 'block' } ); $( 'div.aff span.affMain' ).css( { 'float' : 'right' , 'margin-left' : 10 } ); $( 'div.aff li' ).css( { 'float' : 'left' , 'margin-left':5 } ); //$( 'div.aff a' ).attr( 'href' , "/about/index.html#about5" ); $( 'div.contR' ).append( '<div id="cont_footstand"></div>' ); $( 'div#cont_footstand' ).css( 'height' , 30 ); if( navigator.userAgent.match( /firefox/i ) ) { //position: relative; top: 13px; left: 8px; display: inline-block; $( '#logo_info' ).css( { 'position': 'relative', 'top': '13px', 'left': '8px', 'display': 'inline-block' }); }else if( navigator.userAgent.match( /chrome/i ) ) { $( '#logo_info' ).css( { 'position': 'relative', 'top': '11px', 'left': '8px', 'display': 'inline-block' }); } }else { $( '#logo_info' ).css( { 'position': 'relative', 'top': '11px', 'left': '8px', 'display': 'inline-block' }); } </script> 動能開啟傳媒有限公司版權所有 COPYRIGHT © OPEN WORLD DESIGN ASSOCIATION RESERVED.</div> <div class="memberBtn" id="memberBtn"><a href="javascript://"><img src="/public/static/templet/images/memberBtn.jpg" alt=""></a></div> <div class="searchBtn"> <form action="/search/index.html" method="get" id="searchForm"> <input type="text" id="keys" name="keys" value="Search" onfocus="if(this.value=='Search'){this.value=''}" onblur="if(this.value==''){this.value='Search'}"> <div class="goSearch"><a href="javascript://" onclick="checksearchForm()"><img src="/public/static/templet/images/search.png" alt=""></a></div> </form> </div> </div> </div>  <div id="memberBox"><img src="/public/static/templet/images/member/member.png" width="340" height="240" usemap="#Map"> <map name="Map"> <area shape="rect" coords="34,40,153,67" href="javascript://" onclick="openwindow('LOG IN <b>登入</b>','/passport/login.html','690','490')"> <area shape="rect" coords="33,111,168,140" href="javascript://" onclick="openwindow('REGISTER <b>註冊</b>','/passport/index.html','690','490')"> <area shape="rect" coords="277,175,310,207" href="javascript://" alt="關閉" onclick="$('.memberBtn').click()" /> </map> </div> <div id="memberBox2"> <div class="boxtitle"><a href="javascript://" onclick="reOpenRightWindow()"></a></div> <div id="remindPanel" style="display:none"> <h3 style="font-size:12px; margin-top:15px;">親愛的會員您好，您有<span style="color:red" id="remindCount">0</span>則新訊息尚未查看，提醒您至會員「動態焦點」頁面查看，或點選下方<span style="color:#007733">立即查看</span>按鈕觀看。</h3> <div class="memberNav" style="overflow:hidden; padding-top:16px;"> <form action="/member/remind.html" method="post" name="delremindform" id="delremindform" onsubmit="return delremindAjaxSubmit('#delremindform')"> <a href="javascript://" onclick="openwindow('NEWS <b>動態焦點</b>','/member/remind.html','690','335')" class="green">立即查看</a> <input type="submit" value="刪除全部訊息" alt="刪除全部訊息" class="button" id="delremindsubmit"> <a href="javascript://"onclick="$('#remindPanel').hide();$('#memberPanel').show();">關閉</a><input name="delall" type="hidden" value="1" /> </form> </div> <div style=" border-top:1px solid #9d9d9d; height:1px; overflow:hidden; margin:0px 30px;"></div> </div> <div id="memberPanel"> <h3 id="usershow"> 您好，</h3> <div class="memberNav"> <a id="userInfoOpen" href="javascript://" onclick="openwindow('INFORMATION <b>會員資料</b>','/member/index.html','690','340')">會員資料</a> <a href="javascript://" onclick="openwindow('COLLECTION <b>我的收藏</b>','/member/mycollect.html','690','526')">我的收藏</a> <a href="javascript://" onclick="openwindow('ACTIVITY <b>活動專區</b>','/member/myactivity.html','690','526')">活動專區</a> <a href="javascript://" onclick="openwindow('E-PAPER <b>訂閱電子報</b>','/member/subscribe.html','420','235')">訂閱電子報</a> <a href="javascript://" onclick="openwindow('NEWS <b>動態焦點</b>','/member/remind.html','690','335')" class="green">動態焦點</a> <a href="javascript://" class="green1" onclick="logout()">登出</a> </div> </div> </div> <div style="display:none"> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-61453065-1', 'auto'); ga('send', 'pageview'); </script> </div> <script type="text/javascript" src="/public/static/common/artDialog4.1.7/artDialog.js?skin=custom"></script> <script type="text/javascript" src="/public/static/common/artDialog4.1.7/plugins/iframeTools.js"></script> <script type="text/javascript"> function checksearchForm() { var value = $("#searchForm #keys").val(); value = $.trim(value); if (value == '' || value=='Search') { alert("請輸入搜索關鍵字!"); return false; } else { $("#searchForm").submit(); } } function openwindow(title,url,w,h) { art.dialog.open(url,{ id:'fodddddrmpanel', width:w+"px", height:h+"px", title: title, padding:'15px 15px', lock: true, fixed: true, }); } function openPolicy(title,url,w,h) { art.dialog.open(url,{ id:'openPolicyId', width:w+"px", height:h+"px", title: title, padding:'15px 15px', lock: true, fixed: true, }); } function closewindow() { var list = art.dialog.list; for (var i in list) { list[i].close(); }; } var remindCount=0; var loginstatus=0; $('#memberBox').css({position:'fixed'}); $('#memberBox2').css({position:'fixed'}); var isMobile = false; if(/Android|webOS|iPhone|iPad|iPod|BlackBerry|Opera Mini|IEMobile/i.test(navigator.userAgent)){ $('#wrapper').css({position:'relative',overflow:'hidden'}); isMobile = true; } function loginOk(usershow) { closewindow(); loginstatus=1; var usershow=usershow.split("/"); remindCount=usershow[1]; $("#remindCount").html(usershow[1]); if(remindCount>0) { $("#remindPanel").show(); $("#memberPanel").hide(); } else { $("#remindPanel").hide(); $("#memberPanel").show(); } $('#memberBox').hide(); $("#usershow").html(usershow[0]); $('#memberBox2').show(); $('#memberBox2').stop().animate({bottom:30},600); if(usershow[1]=="000") { $("#userInfoOpen").click(); } } function logout() { $.get("/passport/logout.html", function(result){ loginstatus=0; $('#memberBox2').hide(); $('#memberBox').show(); $('#memberBox').stop().animate({bottom:30},600); }); } function reOpenRightWindow() { $("#remindCount").html(remindCount); $('#memberBtn').click(); } </script>  <script src="/public/static/common/lightbox_me/jquery.lightbox_me.js"></script> <div class="helper"> <a class="help_top"><img src="/public/static/templet/images/about/top.png"/></a> <a class="help_login"><img src="/public/static/templet/images/about/login.png"/></a> <a class="help_sitemap"><img src="/public/static/templet/images/about/site_map.png"/></a> </div> <script> $( 'div.helper' ).hide(); function openMemberWindow(){ if(loginstatus>0) { if(remindCount>0) { $("#remindPanel").show(); $("#memberPanel").hide(); } else { $("#remindPanel").hide(); $("#memberPanel").show(); } if( isDesktop() ) { if($('.memberBtn').hasClass('openMember')){ $('#memberBox2').stop().animate({bottom:-340},600) $('.memberBtn').removeClass('openMember') }else{ $('#memberBox2').stop().animate({bottom:30},600) $('.memberBtn').addClass('openMember') $( '#footer' ).stop().animate( { 'bottom' : ( -40 - $( '#footer' ).height() ) } , 600 ); window.setTimeout( function(){ $( '#footer' ).hide();} , 1000 ); } }else { if( navigator.userAgent.match( /safari/i ) ) { var w = ( $( window ).innerHeight() > $( window ).innerWidth() ? '121%' : '116%' ); }else { var w = ( $( window ).innerHeight() > $( window ).innerWidth() ? '116%' : '111%' ); } $('#memberBox2').lightbox_me( { 'center': true, 'closeSelector': 'i.fa-times-circle', 'onLoad': function( e ) { $('.memberBtn').addClass('openMember'); $('#memberBox2').data( 'open' , 1 ); $( '#footer' ).trigger( 'close' ); $( '#footer' ).data( 'open' , 0 ); }, 'onClose': function( e ) { $('.memberBtn').removeClass('openMember') $('#memberBox2').data( 'open' , 0 ); }, 'overlayCSS': { 'width': w, 'height': '100%', 'background-color': 'rgba( 0 , 0 , 0 , 0.5 )' } } ); } } else { if( isDesktop() ) { if($('.memberBtn').hasClass('openMember')){ $('#memberBox').stop().animate({bottom:-340},600) $('.memberBtn').removeClass('openMember') }else{ $('#memberBox').stop().animate({bottom:30},600) $('.memberBtn').addClass('openMember') $( '#footer' ).stop().animate( { 'bottom' : ( -40 - $( '#footer' ).height() ) } , 600 ); window.setTimeout( function(){ $( '#footer' ).hide();} , 1000 ); } }else { var isIOS = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream; if( isIOS ) var w = ( $( window ).innerHeight() > $( window ).innerWidth() ? '121%' : '116%' ); else var w = ( $( window ).innerHeight() > $( window ).innerWidth() ? '116%' : '111%' ); $('#memberBox').lightbox_me( { 'center': true, 'closeSelector': 'i.fa-times-circle', 'onLoad': function( e ) { $('.memberBtn').addClass('openMember'); $( '#footer' ).trigger( 'close' ); $( '#footer' ).data( 'open' , 0 ); $('#memberBox').data( 'open' , 1 ); }, 'onClose': function( e ) { $('.memberBtn').removeClass('openMember'); $('#memberBox').data( 'open' , 0 ); }, 'overlayCSS': { 'width': w, 'height': '100%', 'background-color': 'rgba( 0 , 0 , 0 , 0.5 )' } } ); } } return false; } $( '#footer' ).css( {'left':( $( window ).innerWidth() - $( '#footer' ).width() - 25 ) / 2,'z-index':501,'position':'fixed','bottom':'' + ( -40 - $( '#footer' ).height() ) + 'px'} ).hide(); $( '#footerFix' ).css( {'z-index':502} ); $( '.contralpane' ).css( { 'z-index' : 500 } ); function openSitemapWindow(){ var sitemapStatus = ( $( '#footer:visible' ).length > 0 ); var sitemapHeight = $( '#footer' ).height(); if( isDesktop() ) { if( sitemapStatus ) { $( '#footer' ).stop().animate( { 'bottom' : ( -40 - $( '#footer' ).height() ) } , 600 ); window.setTimeout( function(){ $( '#footer' ).hide();} , 1000 ); }else { $('#memberBox').stop().animate({bottom:-340},600); $('#memberBox2').stop().animate({bottom:-340},600); $('.memberBtn').removeClass('openMember') $( '#footer' ).stop().show().animate( { 'bottom' : 5 } , 600 ); } }else { var w = ( $( window ).innerHeight() > $( window ).innerWidth() ? '116%' : '111%' ); /*$('#footer').lightbox_me( { 'center': true, 'onLoad': function( e ) { $('.memberBtn').removeClass('openMember'); $('#memberBox').trigger( 'close' ); $('#memberBox2').trigger( 'close' ); $('#memberBox').data( 'open' , 0 ); $('#memberBox2').data( 'open' , 0 ); $('#footer').data( 'open' , 1 ); }, 'onClose': function( e ) { $('#footer').trigger( 'close' ); $('#footer').data( 'open' , 0 ); }, 'closeSelector': 'i.fa-times-circle', 'overlayCSS': { 'width': w, 'height': '100%', 'background-color': 'rgba( 0 , 0 , 0 , 0.5 )' } } );*/ window.location.href = '/about/index.html#about5'; } return false; } $( document ).on( 'click' , 'div.helper a.help_top' , function( e ) { $( window ).scrollTop( 0 ); $( 'div.helper' ).hide(); } ); $( document ).on( 'click' , 'div.helper a.help_login,.memberBtn' , openMemberWindow ); $( document ).on( 'click' , 'div.helper a.help_sitemap,div.copy,div.contactus_btn' , openSitemapWindow ); $( '#footer' ).hide(); var trigged = false; var myScrolling = function( e ) { if( 50 > $( window ).scrollTop() - $( '.logoTop' ).height() ) { $( 'div.helper' ).fadeOut( 300 ); }else { $( 'div.helper' ).fadeIn( 300 ); } if( $( '.moreBtn:last:visible' ).length > 0 ) { if( ( isDesktop() ? 50 : 100 ) > $( '.moreBtn:last:visible' ).position().top - $( window ).scrollTop() - $( window ).height() ) { if( ! trigged ) { trigged = true; $( '.moreBtn:last:visible' ).click(); window.setTimeout( function() { trigged = false; } , 1000 ); } } } }; $( window ).scroll( myScrolling ); $( window ).scroll(); $( 'body' ).on( 'touchmove', function( e ) { if( ! trigged ) { trigged = true; $( '.moreBtn:last:visible' ).click(); window.setTimeout( function() { trigged = false; } , 100 ); } }); if( ! isDesktop() ) { $('#memberBox,#memberBox2,#footer').append( '<i class="fa fa-times-circle"></i>' ); $( '#footer i.fa-times-circle' ).css( { 'display': 'block', 'font-size': '15pt', 'position': 'relative', 'right': '12px', 'top': '3px' }); $('#memberBox i.fa-times-circle,#memberBox2 i.fa-times-circle' ).css( { 'top': '-220px', 'display': 'block', 'left': '295px', 'color': '#000000', 'font-size': '15pt', 'position': 'relative' } ); $( window ).resize( function(e ) { $('#memberBox,#memberBox2,#footer').trigger( 'reposition' ); $( '#footer' ).css( {'left':( $( window ).innerWidth() - $( '#footer' ).width() - 25 ) / 2,'z-index':501,'position':'fixed','bottom':'' + ( -40 - $( '#footer' ).height() ) + 'px'} ).hide(); } ); }else { /** *@todo */ var bSitemapShown = false; $( window ).scroll( function( e ) { if( 50 > $( window ).scrollTop() - $( '.logoTop' ).height() ) { bSitemapShown = true; }else { } }); } $( document ).ready( function() { $( 'ul.ad' ).prepend( '<li class="follow">' + $( 'div.follow' ).html() + '</li><li class="share">' + $( 'div.share' ).html() + '</li>' + '</li><li class="contact">' + $( 'div.contact' ).html() + '</li>' ); var iNumsFollow = Math.ceil( $( 'ul.ad li.follow li' ).length / 7 ); $( 'ul.ad li.follow' ).height( 30 * iNumsFollow + 10 ).css( { 'margin-left':'0' , 'width': '215px' } ); $( 'ul.ad li.share' ).css( { 'margin-left':'0' , 'width': '215px' } ); $( 'ul.ad li.contact' ).css( { 'margin-left':'0' , 'width': '215px' } ); }); </script> <style> .helper { position: fixed; bottom: 50px; right: 0; line-height: 0; width: 62px; z-index:502; } .helper a { display: inline-block; height: 55px; vertical-align: top; cursor: pointer; cursor: hand; } </style>  </div> </body> </html>