台灣第一個海外部落客名人配對平台，協助企業主找到最適合的跨境宣傳人選！ AsiaKOL與中國、日本、香港、韓國、澳門數百位部落客合作，提供最優質的社群宣傳服務想找部落客幫忙？快上我們的網站看看 $(function () { var offset = $("body").offset().left; $("#shop > div.col-lg-12.col-md-12.col-sm-12 > div:nth-child(1)").remove(); $(".megamenu").remove(); $(".no-print").remove(); $(".headerOffset").css('padding-top', '0px') $('body').css('margin-top', '0px') $('body').css('margin-left', '0px') $(".ezbrand-mobile-bottom-menu").remove(); $('#shop > div.col-lg-12.col-md-12.col-sm-12').css('padding-left', '0px') $('#shop > div.col-lg-12.col-md-12.col-sm-12 > div').css('padding-left', '0px') }); var onloadCallback = function() { grecaptcha.render('google_recaptcha', { 'sitekey' : '6LehK6gUAAAAAJtHSZ1WeEx99zR1J8RMvGF0m-ZG', }); }; $(function () { //Form Submit Event $("form").submit(function () { event.preventDefault(); var rcres = grecaptcha.getResponse(); if(rcres.length){ $('form')[0].submit(); grecaptcha.reset(); }else{ showHideMsg("Please verify reCAPTCHA"); } }); //Show/Hide Message function showHideMsg(message){ $("#message-wrap").stop() $("#message-wrap").slideDown() $("#message-wrap").html(message) $('.g-recaptcha').css('border', '1px solid red'); } }); @charset "utf-8"; /* CSS Document */ html{height:100%;} body { padding:0; margin:0; font-family:Microsoft JhengHei, Arial, Helvetica, sans-serif; font-size:16px; line-height:22px;height: 100%; } h1,h2,h3{ margin:0; padding:0;} p{ margin:0;} #out{width:100%;height:100%; padding-bottom:100px;} #header{height:120px; width:100%;} #headercontent{margin:0 auto; width:1200px;} #logo{ float:left; margin-left:50px; margin-top:45px; } #toplink{ float:right; color:#333; font-size:18px; line-height:120px ;margin-right:50px; width:200px; } #toplink a{ color:#333; text-decoration:none; display:block; float:left; margin-right:30px;} #toplink a:hover{ text-decoration:underline;} #topbanner{ width:100%; height:auto;} #topbanner img{ width:100%; height:auto;} #menu{height:60px; width:100%; border-bottom:#e1e1e1 1px solid;border-top:#e1e1e1 1px solid; margin-bottom:90px; padding-top:20px;} #menu>ul{ margin:0 auto; width:600px; height:20px;} #menu>ul>li{ float:left; color:#555; list-style:none; font-size:18px; line-height:20px; height: 100px;} #menu>ul>li a{ color:#555; display:block; text-decoration:none; margin-right:20px; border-right:#e1e1e1 1px solid; padding-right:20px;} #menu>ul ul { /*隱藏次選單*/ display: none; position: absolute; z-index: 99; left: 678px; top: 530px; width: 149px; } #menu>ul>li a:hover{ color:#000;} #menu>ul li a:hover ~ ul { /* 滑鼠滑入展開次選單*/ display: block ; } #menu>ul li:hover >ul{ /* 滑鼠滑入展開次選單*/ display: block ; } #menu>ul ul>li{ /*隱藏次選單*/ height: 26px; } /*----------index--------------*/ #indextitle{ margin:0 auto; width:1160px; font-size:16px; color:#333; line-height:24px;} #indextitle p{ margin:0 auto; width:1000px; font-size:16px; color:#333; line-height:24px; margin-top:30px; } #indextopbg{background-image:url(images/indexbg.jpg); background-position:center;height:596px; padding-top:150px; width:100%; background-repeat:no-repeat; background-color:#070e16;} #indextop{ width:420px; padding-top:120px; height:300px; margin:0 auto;border-radius:999em; display:block; filter:Alpha(opacity=50);background-color: #000000;background-color: rgba(0,0,0,0.8); text-align:center;} #indextop p{ font-size:16px;line-height:28px;color:#fff; margin-bottom:20px;} #indextop a{ font-size:16px;line-height:28px;color:#00deff; text-decoration:underline;} #indextop h1{ font-size:44px; line-height:50px; font-weight:bold; color:#00deff; } #indextop h2{ font-size:18px; line-height:40px; color:#fff; font-weight:bold; margin-bottom:10px; font-weight:bold; } /*----------agent--------------*/ #content{width:1200px;margin:0 auto; height: 100%; } #left{ width:280px; float:left; background-color:#6dacbe; padding-top:40px;min-height:100%; height: 100%; } #left ul{ width:280px; padding:0; margin:0;} #left li{ list-style:none;} #left li a{width:230px; height:70px; line-height:70px; padding-left:50px; color:#fff; list-style:none; font-size:18px; display:block;text-decoration:none; } #left li a:hover{background-color:#057696;} #left li.blue a{width:230px; height:70px; line-height:70px; padding-left:50px; background-color:#057696;color:#fff;list-style:none; font-size:18px; display:block; text-decoration:none;} #left li img{ margin-right:8px;vertical-align: middle} #right{width:920px; float:right; background-color:#fff; padding-top:40px; padding-bottom:50px;height: 100%; } #right h1{width:327px; height:69px; background-image:url(images/titlebg.png); font-size:18px; line-height:50px; text-align:center; color:#fff; display:block; margin:0 auto 15px auto; font-weight:normal; clear:both;} #right .boxout{ padding-left:60px; clear:both;} #right .boxout2{ padding:40px 0 10px 60px;clear:both;} #right .boxout2 h3{ height:40px; width:236px; font-size:26px; line-height:40px; text-align:center; color:#0d80a1; display:block; margin:0 auto 20px 285px; clear:both; border-bottom:#0d80a1 1px solid;} #right .box{ width:240px; margin-right:45px; margin-bottom:40px; float:left;} #right .box h2{ color:#6dacbe; display:block; text-align:center;font-size:48px; line-height:76px; font-family:Arial; font-weight:normal;} #right .box .title{ font-size:18px; font-weight:bold; line-height:24px; color:#0d80a1;text-align:center; margin-bottom:10px;} #right .box p{font-size:14px; line-height:22px; color:#2f2f2f; text-align:justify;} #right .box .bold{font-size:14px; line-height:22px; color:#000; text-align:justify; font-weight:bold;} /*----------application--------------*/ #right h3{ height:40px; width:236px; font-size:26px; line-height:40px; text-align:center; color:#0d80a1; display:block; margin:0 auto 20px auto; clear:both; border-bottom:#0d80a1 1px solid;} #right .box2{ width:240px; margin-right:45px; margin-bottom:40px; float:left;} #right .box2 h4{ color:#000; display:block; text-align:center;font-size:16px; line-height:24px; font-weight:bold; margin:10px 0;} #right .box2 .title{ font-size:20px; font-weight:bold; line-height:40px; color:#0d80a1;text-align:center; margin-bottom:10px; border-bottom:#0d80a1 1px solid; display:block;} #right .box2 p{font-size:14px; line-height:22px; color:#2f2f2f; text-align:justify; padding-top:10px;} #right .box2 .orange{font-size:14px; line-height:22px; color:#f86a01; text-align:justify; font-weight:bold;} /*----------features--------------*/ #right .box3{ width:295px; margin-right:110px; margin-bottom:40px; float:left;} #right .box3 .title{ font-size:20px; font-weight:bold; line-height:60px; color:#000;text-align:center; } #right .box3 p{font-size:14px; line-height:22px; color:#2f2f2f; text-align:justify; } #right .box3 img{ margin:0 auto; width:193px; display:block;} /*----------programbg--------------*/ #right .box4{ height:542px; width:375px; margin-right:40px; float:left; margin-bottom:60px;} #right .box4 .title{ font-size:22px; font-weight:bold; line-height:70px; color:#000;padding-left:134px; } #right .box4 .yellowbig{ color:#fffc00; font-size:50px; font-weight:bold;line-height:84px;padding-left:64px; float:left; } #right .box4 .yellow{ color:#fffc00; font-size:22px; font-weight:bold;line-height:106px;padding-left:64px; } #right .box4 p{font-size:16px; line-height:28px; color:#2f2f2f;padding-left:50px; padding-right:35px; padding-top:20px; } #right .box4 .bold{font-size:16px; line-height:32px; color:#000; font-weight:bold;} a.askbtn{ width:160px; height:50px; background-image:url(images/askbtnbg.png); text-align:center; font-size:18px; color:#fff; line-height:50px; margin:0 auto; display:block; text-decoration:none;} #right .box6{ height:487px; width:594px; margin-right:40px; float:left; margin-bottom:60px; margin-left:100px; padding-top:56px;} #right .box6 .title{ font-size:22px; font-weight:bold; line-height:70px; color:#000;padding-left:134px; } #right .box6 .yellowbig{ color:#fffc00; font-size:50px; font-weight:bold;line-height:84px;padding-left:64px; float:left; } #right .box6 .yellow{ color:#fffc00; font-size:22px; font-weight:bold;line-height:106px;padding-left:64px; } #right .box6 p{font-size:16px; line-height:28px; color:#2f2f2f;padding-left:50px; padding-right:35px; padding-top:20px; } #right .box6 .bold{font-size:16px; line-height:32px; color:#000; font-weight:bold;} a.askbtn{ width:160px; height:50px; background-image:url(images/askbtnbg.png); text-align:center; font-size:18px; color:#fff; line-height:50px; margin:0 auto; display:block; text-decoration:none;} .red{ color:#a00000; text-align:center; line-height:50px; font-size:18px; font-style:italic; display:block;} /*----------customer--------------*/ #right .box5{ width:300px; margin-bottom:40px; float:left; margin-left:50px; margin-right:50px;} #right .box5 h2{ color:#6dacbe; display:block; text-align:center;font-size:48px; line-height:76px; font-family:Arial; font-weight:normal;} #right .box5 .title{ font-size:18px; font-weight:bold; line-height:24px; color:#0d80a1;text-align:center; margin-bottom:10px;} #right .box5 p{font-size:14px; line-height:22px; color:#2f2f2f; text-align:justify;} #right .box5 .bold{font-size:14px; line-height:22px; color:#000; text-align:justify; font-weight:bold;} /*----------class--------------*/ #right .box7{ height:479px; width:358px; float:left; margin-bottom:60px; margin-left:20px; margin-right:30px;} #right .box7 .title{ font-size:22px; font-weight:bold; line-height:48px; color:#fff; text-align:center; margin-bottom:50px;} #right .box7 .yellowbig{ color:#fffc00; font-size:50px; font-weight:bold;line-height:84px;padding-left:64px; float:left; } #right .box7 .yellow{ color:#fffc00; font-size:22px; font-weight:bold;line-height:106px;padding-left:64px; } #right .box7 p{font-size:16px; line-height:28px; color:#2f2f2f;padding-left:50px; padding-right:35px; padding-top:20px; } #right .box7 .bold{font-size:16px; line-height:32px; color:#000; font-weight:bold;} #right .box7 .pic{ display:block; margin:0 auto 10px auto; width:118px;} .picbox{width:125px; margin:0 10px 20px 10px; float:left; text-align:center;} .picbox .date{font-size:16px; line-height:36px; color:#000;} /*----------ask--------------*/ #askcontent{ padding-top:70px;width:1200px;margin:0 auto; background-color:#fff;padding-bottom:90px;} #askform{ width:540px; height:490px; background-image:url(images/askbg.png);margin:0 auto; } #askform select,input { border:none;width:270px; color:#000; font-size:16px; line-height:24px;font-family:Microsoft JhengHei, Arial, Helvetica, sans-serif;} #askform td{ border-bottom:#F0F0F0 1px solid;} /*----------footer--------------*/ #footer{ width:100%; height:60px; background-color:#202020; clear:both; color:#c4c4c4; text-align:center; line-height:60px; font-size:13px; position:bottom; 　position: relative; 　margin-top: -60px;} .form_btn{ background-color: #365899; color: white; border: 0; height: 46px; width: 140px; font-size: 18px; margin-top: 16px; font-family: 微軟正黑體; } .captcha_margin{ display: table; margin: 15px auto; } #message-wrap { text-align: center; font-size:12px; color: red; font-weight: bold; } @media screen and (max-width: 1200px) { #header{height:86px; width:100%; margin:0 auto; padding-top:24px;} .content{ width:100%; padding-left:60px; margin:0 auto; display:block; clear:both; } } body { margin-left: 0px; margin-top: 0px; } 首頁聯絡我們何謂Letro Letro的三大基石服務說明網頁範例介紹新品上市節慶活動一般銷售線上活動線下活動姓名* email* 聯絡電話* 公司* 主題需求詳細內容確認送出