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(1).addClass("at"); }); function changeImgPos(obj) { var mtop=($(obj).parent().height()-$(obj).height())/2; $(obj).css("margin-top",mtop+"px"); } function prevphoto() { var obj=$('.pageNum'); var obj=$("li.on",obj).prev("li"); if(obj.length>0) { $(obj).click(); } } function nextphoto() { var obj=$('.pageNum'); var obj=$("li.on",obj).next("li"); if(obj.length>0) { $(obj).click(); } } </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> <!--End 廣告--> <div class="contR"> <div class="title"> <img src="/public/static/templet/images/designer/title.jpg" alt="找設計師/DESIGNER"> <div class="route"><a href="/index/index.html" class="home">首頁</a> / <a href="/designer/index.html">找設計師</a> / <a href="/designer/in/aid/4761.html">艾美幸福設計有限公司 - 許捷甯 設計總監&nbsp;</a> / 沐暉癒生</div> </div> <!--大圖--> <div class="viewportWork"> <ul class="photo"> <li><img src="https://www.openworld.tv/Uploads/image/20240502/751a75682f0cb2c9b032d9d40ab5597b.jpg?885x500m4v2017" alt="" onload="changeImgPos(this)"><div></div></li><li><img src="https://www.openworld.tv/Uploads/image/20240502/3651511bf20c3abc7a5142fe41fb3e84.jpg?885x500m4v2017" alt="" onload="changeImgPos(this)"><div></div></li><li><img src="https://www.openworld.tv/Uploads/image/20240502/76bfba9da5b4e658a6a03cc89a37345d.jpg?885x500m4v2017" alt="" onload="changeImgPos(this)"><div></div></li><li><img src="https://www.openworld.tv/Uploads/image/20240502/574254c84e40b74ca07b87307b4bf7ad.jpg?885x500m4v2017" alt="" onload="changeImgPos(this)"><div></div></li><li><img src="https://www.openworld.tv/Uploads/image/20240502/dc0a21fcfc7149886481053e86563b7c.jpg?885x500m4v2017" alt="" onload="changeImgPos(this)"><div></div></li><li><img src="https://www.openworld.tv/Uploads/image/20240502/16b372ee90d01676b27ba581b4bb260b.jpg?885x500m4v2017" alt="" onload="changeImgPos(this)"><div></div></li><li><img src="https://www.openworld.tv/Uploads/image/20240502/0576f353bb09fd24d16ed2b29a8cc568.jpg?885x500m4v2017" alt="" onload="changeImgPos(this)"><div></div></li><li><img src="https://www.openworld.tv/Uploads/image/20240502/a73daaaa832e4b781cbee6dbeadad602.jpg?885x500m4v2017" alt="" onload="changeImgPos(this)"><div></div></li><li><img src="https://www.openworld.tv/Uploads/image/20240502/b84c9c2798d5649166b7983e18bd1e87.jpg?885x500m4v2017" alt="" onload="changeImgPos(this)"><div></div></li><li><img src="https://www.openworld.tv/Uploads/image/20240502/16c5fa0ca58b26fe2c9a09624aac702b.jpg?885x500m4v2017" alt="" onload="changeImgPos(this)"><div></div></li><li><img src="https://www.openworld.tv/Uploads/image/20240502/de41a8afdf495c7ff45749d5085b1065.jpg?885x500m4v2017" alt="" onload="changeImgPos(this)"><div></div></li> </ul> <a class="bPrev" onClick="prevphoto()"></a> <a class="bNext" onClick="nextphoto()"></a> <div class="info"> <div class="contentInfo"> <div class="colorGR en3">CONCEPT</div> <div class="infoW"></div> </div> </div> <div class="controlBar"> <ul class="pageNum en"></ul> <div class="bInfo"><img src="/public/static/templet/images/bInfo.jpg" alt=""></div> <div class="casename">沐暉癒生</div> <img src="/public/static/templet/images/casenameBg_r.png" class="casenameBgR" alt=""> </div> </div> <!--End 大圖--> <div class="introductionWork clearfix"> <div class="workTitle"> <div class="functionBtn"> <ul class="addCollection" style=" cursor:pointer"> <li onclick="collect('4773')">加入收藏</li> </ul> <ul class="shareArticle"> <li>分享</li> <li><a title="分享到Facebook" onclick="javascript:bShare.share(event,'facebook',0);return false;"><img src="/public/static/templet/images/facebook.png" alt=""></a></li> <li><a title="分享到Google+ " onclick="javascript:bShare.share(event,'gplus',0);return false;"><img src="/public/static/templet/images/google.png" alt=""></a></li> <li><a title="分享到噗浪!" onclick="javascript:void(window.open('https://www.plurk.com/?qualifier=shares&status=' .concat(encodeURIComponent(location.href)) .concat(' ') .concat('&#40;') .concat(encodeURIComponent(document.title)) .concat('&#41;')));"><img src="/public/static/templet/images/plurk.png" alt=""></a></li> <li><a title="分享到Twitter" onclick="javascript:bShare.share(event,'twitter',0);return false;"><img src="/public/static/templet/images/twitter.png" alt=""></a></li> </ul> </div> <img src="/public/static/templet/images/designer/workTitle1.jpg" class="workTitleP" alt="INTRODUCTION/作品介紹"> </div> <div class="workContent"> <p style="margin-bottom:20px;white-space:normal;"> <span style="color:#FFFFFF;">類型/&nbsp;</span>標準格局 </p> <p style="margin-bottom:20px;white-space:normal;"> <span style="color:#FFFFFF;">風格/&nbsp;</span>複合混搭 </p> <p style="margin-bottom:20px;white-space:normal;"> <span style="color:#FFFFFF;">區域/&nbsp;</span>新北市 </p> <p style="margin-bottom:20px;white-space:normal;"> <span style="color:#FFFFFF;">坪數/&nbsp;</span>25坪 </p> <p style="margin-bottom:20px;white-space:normal;"> <span style="color:#FFFFFF;">空間成員/&nbsp;</span>2個大人 </p> <p style="margin-bottom:20px;white-space:normal;"> <span style="color:#FFFFFF;">空間格局/&nbsp;</span>2房2廳1衛 </p> <p style="margin-bottom:20px;white-space:normal;"> <span style="color:#FFFFFF;">主要建材/&nbsp;</span>杜邦石英石、黑鐵件、全室德國凱恩礦物漆、義大利 ATIM Party伸展桌五金、比利時Balterio強化超耐磨木地板、英國Interfloor天然橡膠降噪墊、全室E0德國系統板、新加坡VB Blind curtain、美國Norman實木百葉門 </p> </div> </div> <div class="relativeWork clearfix"> <div class="workTitle"> <div class="moreDesigner2"> <a href="/designer/in/aid/4761.html"><div class="iconGreen20_1"></div>更多</a> </div> <img src="/public/static/templet/images/designer/workTitle2.jpg" class="workTitleP" alt="DESIGNER/設計師"> </div> <div class="workContent"> <ul class="relatedD"> <li class="listPic265"><img src="https://www.openworld.tv/Uploads/image/20240621/20240621080410_18163.jpg?265x165m2v2017" alt="許捷甯 設計總監"></li> <li class="relatedD_content"> <h1 class="colorW">許捷甯 設計總監</h1> <h2>艾美幸福設計有限公司&nbsp;</h2> <ul class="contactInfoAll"> <li class="tt colorGR">電話:</li><li class="ww">02-2600-2836</li><li class="tt colorGR">地址:</li><li class="ww">新北市林口區文化一路一段250號7樓(CMBD頂級國際商辦)</li><li class="tt colorGR">信箱:</li><li class="ww"><a href="mailto:amystudiogloria@gmail.com">amystudiogloria@gmail.com</a></li><li class="tt colorGR">網址:</li><li class="ww"><a href="http://www.amy-deco.com.tw" target="_blank">http://www.amy-deco.com.tw</a></li> </ul> </li> </ul> </div> </div> <!--選單/其他--> <div class="workTitle"> <img src="/public/static/templet/images/designer/workTitle3.jpg" class="workTitleP" alt="OTHER/其他作品"> </div> <div class="articleList clearfix" id="articleList"> <div class="listDesigner5"> <div class="listPic190"> <a href="/designer/work/aid/4883.html"><img src="https://www.openworld.tv/Uploads/image/20241023/20241023114823_49984.jpg?190x118m2v2017" alt="Back to Childhood"></a> </div> <div class="listTitle"><a href="/designer/work/aid/4883.html" class="colorW">Back to Childhood</a></div> <div class="listBottom"> <a href="/designer/work/aid/4883.html"> <div class="iconGreen20_1_1"></div> <div class="moreDesigner1 en colorB">View More</div> </a> </div> </div> <div class="listDesigner5"> <div class="listPic190"> <a href="/designer/work/aid/4796.html"><img src="https://www.openworld.tv/Uploads/image/20240611/20240611141536_35050.jpg?190x118m2v2017" alt="瀲光雅寂"></a> </div> <div class="listTitle"><a href="/designer/work/aid/4796.html" class="colorW">瀲光雅寂</a></div> <div class="listBottom"> <a href="/designer/work/aid/4796.html"> <div class="iconGreen20_1_1"></div> <div class="moreDesigner1 en colorB">View More</div> </a> </div> </div> <div class="listDesigner5"> <div class="listPic190"> <a href="/designer/work/aid/4783.html"><img src="https://www.openworld.tv/Uploads/image/20240515/20240515103049_58916.jpg?190x118m2v2017" alt="夕縈"></a> </div> <div class="listTitle"><a href="/designer/work/aid/4783.html" class="colorW">夕縈</a></div> <div class="listBottom"> <a href="/designer/work/aid/4783.html"> <div class="iconGreen20_1_1"></div> <div class="moreDesigner1 en colorB">View More</div> </a> </div> </div> <div class="listDesigner5"> <div class="listPic190"> <a href="/designer/work/aid/4774.html"><img src="https://www.openworld.tv/Uploads/image/20240502/20240502150929_14764.jpg?190x118m2v2017" alt="煦沐禪輝"></a> </div> <div class="listTitle"><a href="/designer/work/aid/4774.html" class="colorW">煦沐禪輝</a></div> <div class="listBottom"> <a href="/designer/work/aid/4774.html"> <div class="iconGreen20_1_1"></div> <div class="moreDesigner1 en colorB">View More</div> </a> </div> </div> <div class="listDesigner5"> <div class="listPic190"> <a href="/designer/work/aid/4772.html"><img src="https://www.openworld.tv/Uploads/image/20240502/20240502150531_97417.jpg?190x118m2v2017" alt="酷玩人生"></a> </div> <div class="listTitle"><a href="/designer/work/aid/4772.html" class="colorW">酷玩人生</a></div> <div class="listBottom"> <a href="/designer/work/aid/4772.html"> <div class="iconGreen20_1_1"></div> <div class="moreDesigner1 en colorB">View More</div> </a> </div> </div> <div class="listDesigner5"> <div class="listPic190"> <a href="/designer/work/aid/4771.html"><img src="https://www.openworld.tv/Uploads/image/20240502/20240502150331_11525.jpg?190x118m2v2017" alt="流金歲月"></a> </div> <div class="listTitle"><a href="/designer/work/aid/4771.html" class="colorW">流金歲月</a></div> <div class="listBottom"> <a href="/designer/work/aid/4771.html"> <div class="iconGreen20_1_1"></div> <div class="moreDesigner1 en colorB">View More</div> </a> </div> </div> <div class="listDesigner5"> <div class="listPic190"> <a href="/designer/work/aid/4770.html"><img src="https://www.openworld.tv/Uploads/image/20240502/20240502150236_52717.jpg?190x118m2v2017" alt="初。遇見"></a> </div> <div class="listTitle"><a href="/designer/work/aid/4770.html" class="colorW">初。遇見</a></div> <div class="listBottom"> <a href="/designer/work/aid/4770.html"> <div class="iconGreen20_1_1"></div> <div class="moreDesigner1 en colorB">View More</div> </a> </div> </div> <div class="listDesigner5"> <div class="listPic190"> <a href="/designer/work/aid/4769.html"><img src="https://www.openworld.tv/Uploads/image/20240502/20240502150103_76340.jpg?190x118m2v2017" alt="蔓蔓低語"></a> </div> <div class="listTitle"><a href="/designer/work/aid/4769.html" class="colorW">蔓蔓低語</a></div> <div class="listBottom"> <a href="/designer/work/aid/4769.html"> <div class="iconGreen20_1_1"></div> <div class="moreDesigner1 en colorB">View More</div> </a> </div> </div> <div class="moreBtn" onClick="loadMoreList('/designer/workotherlist/catid/4761/notid/4773.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 /> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 路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('&#40;') .concat(encodeURIComponent(document.title)) .concat('&#41;')));"><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&amp;pophcol=2&amp;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> <script type="text/javascript"> //moreList(); workAnimate(); </script> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10