CINXE.COM
OPEN Design-室內設計
<!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> <script language="javascript"> $(function(){ $("#menu a").eq(0).addClass("at"); }); </script> <meta property="qc:admins" content="144674757761130136375" /> </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> <!--End 廣告--> <div class="contR"> <!--大圖輪播--> <div class="viewportPic"> <script language="javascript" src="/ad/show/id/3.html"></script> </div> <!--End 大圖輪播--> <!--選單--> <div class="articleList clearfix" id="articleList"> <div class="listIndex1" style=""> <div class="iconBlack50_Talk"></div> <div class="listPic265"> <a href="/talk/in/aid/4905.html"><img src="https://www.openworld.tv/Uploads/image/20241121/20241121092806_38458.jpg?265x165m2v2017" alt="【實創設計】2024 TITAN Property Awards 賴姿伊線條韻律舞動銀燦！ "></a> </div> <div class="listTitle"> <a href="/talk/in/aid/4905.html" class="colorB" style="">【實創設計】2024 TITAN Property Awards 賴姿伊線條韻律舞動銀燦！ </a> </div> <div class="listInfo colorG" style="">TITAN Property Awards由歷史悠久的國際獎項協會International Awards Associates（IAA）主辦，以充滿力量和堅實氣息的摩艾石像為標誌，旨在改善我們的日常生活……</div> <div class="listBottom"> <div class="iconTitle colorBA30 en2">Talk</div> <div class="moreIndex1 en"><a href="/talk/in/aid/4905.html" class="colorW" style="">Read More</a></div> </div> </div> <div class="listIndex1" style=""> <div class="iconBlack50_Talk"></div> <div class="listPic265"> <a href="/talk/in/aid/4904.html"><img src="https://www.openworld.tv/Uploads/image/20241120/20241120091656_64608.jpg?265x165m2v2017" alt="反思自我、傾聽所需 群覽見聞成就專業團隊 專訪：【簡兆芝室內設計 簡兆芝】 "></a> </div> <div class="listTitle"> <a href="/talk/in/aid/4904.html" class="colorB" style="">反思自我、傾聽所需 群覽見聞成就專業團隊 專訪：【簡兆芝室內設計 簡兆芝】 </a> </div> <div class="listInfo colorG" style="">由近年趨勢的小宅至複層的大坪數豪邸、自形象鮮明的餐廳至富麗堂皇的酒店，簡兆芝室內設計為有限空間延展出無限想像，由主持設計師簡兆芝所帶領的團隊始終堅持樸實簡單的……</div> <div class="listBottom"> <div class="iconTitle colorBA30 en2">Talk</div> <div class="moreIndex1 en"><a href="/talk/in/aid/4904.html" class="colorW" style="">Read More</a></div> </div> </div> <div class="listIndex1" style=""> <div class="iconBlack50_Talk"></div> <div class="listPic265"> <a href="/talk/in/aid/4902.html"><img src="https://www.openworld.tv/Uploads/image/20241118/20241118092729_27284.jpg?265x165m2v2017" alt="【帝特設計】2024 TITAN Property Awards 趙國豪、楊翊溫韻美境耀金光！ "></a> </div> <div class="listTitle"> <a href="/talk/in/aid/4902.html" class="colorB" style="">【帝特設計】2024 TITAN Property Awards 趙國豪、楊翊溫韻美境耀金光！ </a> </div> <div class="listInfo colorG" style="">TITAN Property Awards由歷史悠久的國際獎項協會International Awards Associates（IAA）主辦，以充滿力量和堅實氣息的摩艾石像為標誌，旨在改善我們的日常生活……</div> <div class="listBottom"> <div class="iconTitle colorBA30 en2">Talk</div> <div class="moreIndex1 en"><a href="/talk/in/aid/4902.html" class="colorW" style="">Read More</a></div> </div> </div> <div class="listIndex2" style=""> <div class="listPic190"> <a href="/talk/in/aid/4897.html"><img src="https://www.openworld.tv/Uploads/image/20241115/20241115093526_82586.jpg?190x118m2v2017" alt="【豐聚設計x OCID原里設計】2024瀋陽設計對話 李羽芝縝密心思繪出和暖美作！ "></a> </div> <div class="listTitle"><a href="/talk/in/aid/4897.html" class="colorW" style="">【豐聚設計x OCID原里設計】2024瀋陽設計對話 李羽芝縝密心思繪出和暖美作！ </a></div> <div class="listInfo" style="">OPEN設計遊學團隊率領數名菁英設計師，於10月28日前往瀋陽參觀OCID原里設計工作室，其中，豐聚設計總監李羽芝與原里團隊及參與遊學團的眾設計師，根據不同的在地文化如何影響設計理念……</div> <div class="listBottom"> <div class="iconTitle colorWA30 en2">Talk</div> <div class="icon iconBlack25_Talk"></div> </div> </div> <div class="listIndex2" style=""> <div class="listPic190"> <a href="/talk/in/aid/4896.html"><img src="https://www.openworld.tv/Uploads/image/20241114/20241114091231_73841.jpg?190x118m2v2017" alt="【帝特設計】2024 MUSE Design Awards 趙國豪、楊翊溫潤典範雙作摘金銀獎！ "></a> </div> <div class="listTitle"><a href="/talk/in/aid/4896.html" class="colorW" style="">【帝特設計】2024 MUSE Design Awards 趙國豪、楊翊溫潤典範雙作摘金銀獎！ </a></div> <div class="listInfo" style="">MUSE Design Awards由歷史悠久的國際獎項協會International Awards Associates（IAA）主辦，以發掘全球設計繆思為宗旨，為建築、室內、時尚等領域提供全面的發光舞臺，每年嚴格的評分標準……</div> <div class="listBottom"> <div class="iconTitle colorWA30 en2">Talk</div> <div class="icon iconBlack25_Talk"></div> </div> </div> <div class="listIndex2" style=""> <div class="listPic190"> <a href="/talk/in/aid/4895.html"><img src="https://www.openworld.tv/Uploads/image/20241113/20241113094622_28806.jpg?190x118m2v2017" alt="【現場直擊】簡兆芝室內設計 簡兆芝 人物專訪幕後花絮 "></a> </div> <div class="listTitle"><a href="/talk/in/aid/4895.html" class="colorW" style="">【現場直擊】簡兆芝室內設計 簡兆芝 人物專訪幕後花絮 </a></div> <div class="listInfo" style="">金風漸寒的晚秋時季，簡兆芝室內設計 主持設計師 簡兆芝於百忙中撥空接受OPEN團隊的採訪；回顧2023專訪至2024年底，簡設計師埋首公司擴張的事務中，透過納入更多專業人才……</div> <div class="listBottom"> <div class="iconTitle colorWA30 en2">Talk</div> <div class="icon iconBlack25_Talk"></div> </div> </div> <div class="listIndex2" style=""> <div class="listPic190"> <a href="/talk/in/aid/4894.html"><img src="https://www.openworld.tv/Uploads/image/20241111/20241111093007_23857.jpg?190x118m2v2017" alt="【品昕設計x OCID原里設計】2024瀋陽設計對話 馬靜自詮釋人文空間美學！ "></a> </div> <div class="listTitle"><a href="/talk/in/aid/4894.html" class="colorW" style="">【品昕設計x OCID原里設計】2024瀋陽設計對話 馬靜自詮釋人文空間美學！ </a></div> <div class="listInfo" style="">品昕設計總監馬靜自隨OPEN設計遊學團隊，於10月28日受邀前往瀋陽參觀OCID原里設計工作室，與原里團隊深度交流。雙方就室內設計領域交換各自的見解，研討國內外的設計經驗……</div> <div class="listBottom"> <div class="iconTitle colorWA30 en2">Talk</div> <div class="icon iconBlack25_Talk"></div> </div> </div> <div class="listIndex2" style=""> <div class="listPic190"> <a href="/talk/in/aid/4893.html"><img src="https://www.openworld.tv/Uploads/image/20241107/20241107091302_51124.jpg?190x118m2v2017" alt="【DJ PLUS舒杰設計 陳琬婷Debby】山水綺景、風雅四季──英國國際地產大獎獲獎作品深度解析 "></a> </div> <div class="listTitle"><a href="/talk/in/aid/4893.html" class="colorW" style="">【DJ PLUS舒杰設計 陳琬婷Debby】山水綺景、風雅四季──英國國際地產大獎獲獎作品深度解析 </a></div> <div class="listInfo" style="">英國國際地產大獎 International Property Awards（IPA），自1993年舉辦首屆賽事，迄今已有逾三十年歷史，是世界知名的建築、室內設計指標性獎項之一……</div> <div class="listBottom"> <div class="iconTitle colorWA30 en2">Talk</div> <div class="icon iconBlack25_Talk"></div> </div> </div> <div class="listIndex2" style=""> <div class="listPic190"> <a href="/talk/in/aid/4892.html"><img src="https://www.openworld.tv/Uploads/image/20241106/20241106091216_46119.jpg?190x118m2v2017" alt="【Pa Sen To八仙果%設計】侘靜謐灰凝柔木 寂光落室築雅墅 "></a> </div> <div class="listTitle"><a href="/talk/in/aid/4892.html" class="colorW" style="">【Pa Sen To八仙果%設計】侘靜謐灰凝柔木 寂光落室築雅墅 </a></div> <div class="listInfo" style="">清冷的灰調與金屬元素，搭建起一座遠離塵囂的世外桃源。柔和木質鋪展其中，注入「家」的情感溫度，加上精心選配的造型家飾與色彩鮮豔的軟裝，將日式的質樸、侘寂美學融合輕工業風……</div> <div class="listBottom"> <div class="iconTitle colorWA30 en2">Talk</div> <div class="icon iconBlack25_Talk"></div> </div> </div> <div class="listIndex2" style=""> <div class="listPic190"> <a href="/talk/in/aid/4891.html"><img src="https://www.openworld.tv/Uploads/image/20241104/20241104094319_12567.jpg?190x118m2v2017" alt="【簡兆芝室內設計 簡兆芝】柔曦明敘木語 共映天成雅弧 "></a> </div> <div class="listTitle"><a href="/talk/in/aid/4891.html" class="colorW" style="">【簡兆芝室內設計 簡兆芝】柔曦明敘木語 共映天成雅弧 </a></div> <div class="listInfo" style="">沿循斑駁紋理的曲弧壁面轉入門中，映入眼簾的點點綠植為空間灌注盎然生機，而漫佈壁面的和煦光暈向內蔓延，點亮由溫潤木韻及細膩石材拼築成的樸實長廊，與廊道盡頭的明亮日光相迎……</div> <div class="listBottom"> <div class="iconTitle colorWA30 en2">Talk</div> <div class="icon iconBlack25_Talk"></div> </div> </div> <div class="listIndex2" style=""> <div class="listPic190"> <a href="/talk/in/aid/4890.html"><img src="https://www.openworld.tv/Uploads/image/20241101/20241101093025_67684.jpg?190x118m2v2017" alt="【DJ PLUS舒杰設計 陳琬婷Debby】水韻天成：《大隱水岸》 iF設計獎獲獎作品深度解析 "></a> </div> <div class="listTitle"><a href="/talk/in/aid/4890.html" class="colorW" style="">【DJ PLUS舒杰設計 陳琬婷Debby】水韻天成：《大隱水岸》 iF設計獎獲獎作品深度解析 </a></div> <div class="listInfo" style="">世界四大設計獎之一的德國iF設計大獎（iF DESIGN AWARD），自1954年創辦至今，已在國際間擁有無可取代的指標性及前瞻性。2024年iF設計大獎由23個國家、132位設計界權威組成評審團……</div> <div class="listBottom"> <div class="iconTitle colorWA30 en2">Talk</div> <div class="icon iconBlack25_Talk"></div> </div> </div> <div class="moreBtn" onClick="loadMoreList('/index/moreposlist/posid/1.html?p=2')"><img src="/public/static/templet/images/moreBtn.png"></div><script type="text/javascript">changeListPic();</script> </div> <!--End 選單--> </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: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;">24248 台灣新北市新莊區中原<br /> 路518號3樓之2</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> <!--<script type="text/javascript" charset="utf-8" src="/public/static/templet/js/buttonLite.js#uuid=&style=-1&pophcol=2&lang=zh_TW"></script>--> </div> <div class="top"><span class="en3">BACK TO TOP</span></div> </div> <!--End 頁尾--> <!--頁尾/版權聲明/搜尋--> <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> <!--End 頁尾/版權聲明/搜尋--> <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>