﻿@import url(about.css);@import url(services.css);@import url(node_rwd.css);@import url(node_facebook-operating.css);@import url(node_ssl.css);@import url(node_offer.css);#node-breadcrumb{padding:10px 0}#node-breadcrumb ul{padding:0;margin:0}#node-breadcrumb li{display:inline-block}#node-sitemap{margin:auto;padding:200px 0;max-width:980px}#node-sitemap .top,#node-sitemap .main,#node-sitemap .bottom{padding:10px;margin-bottom:15px;border:1px #eee solid;width:100%;overflow:hidden}#node-sitemap ul li{float:left;font-size:10px;color:#666;display:list-item;list-style:inside;padding:0 20px}#node-sitemap ul li a{font-size:15px;line-height:25px;height:25px}#node-sitemap ul li a:hover{color:#ccc}#node-sitemap ul ul li{float:none;padding:0 0 0 15px}#node-sitemap ul ul li a{font-size:14px;color:#666}@media screen and (max-width: 829px){#node-sitemap{padding:90px 0}}#node-page{position:relative;min-height:700px}#node-page>.heading{display:none}#node-page .container h2,#node-page .container h3{font-weight:500}#node-page .container section{margin:0 auto 20px}#node-page .container section p{color:#1e1e1e}input[type=text],textarea{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;outline:0;padding:3px 0 3px 3px;margin:5px 1px 3px 0;border:1px solid #ddd}input[type=text]:focus,textarea:focus{box-shadow:0 0 5px #51cbee;padding:3px 0 3px 3px;margin:5px 1px 3px 0;border:1px solid #51cbee}.header-services{background-color:none !important}.box-services .bar{display:none}.main-services .heading{display:none}.main-services .keyword{font-size:100%}.main-services .top{position:relative;top:0;bottom:0;background:#fff url(images/services.top.png) bottom no-repeat;background-size:cover;padding:15% 0 0;min-height:600px;overflow:hidden}.main-services .top em,.main-services .top strong,.main-services .top b{font-weight:100;text-align:center}.main-services .top em{position:relative;font-size:3.5em;font-family:'Montserrat Regular', seri, sans-serif;text-transform:uppercase;color:#000;display:block;margin:0 0 75px}.main-services .top em:before{position:absolute;left:0;right:0;bottom:-40px;background:#333;content:"";display:block;margin:0 auto;width:100px;height:2px}.main-services .top p{font-size:13.5px;text-align:left;letter-spacing:2px;line-height:25px;text-align:justify;text-justify:inter-ideograph;color:#666;margin:0 auto 35px;width:450px}.main-services .top .i{font-size:30px;text-align:center;color:#000;cursor:pointer;display:block;margin:0 auto 10px;width:100px;-webkit-animation:bounce 1s running ease-in infinite;-moz-animation:bounce 1s running ease-in infinite;-ms-animation:bounce 1s running ease-in infinite;-o-animation:bounce 1s running ease-in infinite;animation:bounce 0.8s running ease-in infinite}.main-services .top .i:hover{font-size:40px;color:#ccc}.main-services .top .screen{position:absolute;left:0;right:0;bottom:0;margin:auto;-webkit-animation:fadeInUp 1s paused ease-in;-moz-animation:fadeInUp 1s paused ease-in;-ms-animation:fadeInUp 1s paused ease-in;-o-animation:fadeInUp 1s paused ease-in;animation:fadeInUp 1s paused ease-in}.main-services section{padding:0 20px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;max-width:1024px;width:100%}.main-services h1{position:relative;padding:0 0 20px;width:100%}.main-services .a{display:block;width:100px}.main-services .a:after{font-family:'Montserrat Regular', seri, sans-serif;font-size:13px;text-transform:uppercase;letter-spacing:2.5px}.main-services .item{position:relative;text-align:center;color:#fff;background:url(images/services-c1.png) bottom no-repeat fixed;background-size:cover;padding:13% 0}.main-services .item:after{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;background:rgba(0,0,0,0.5);content:'';display:block}.main-services .item h1,.main-services .item span,.main-services .item a{position:relative;z-index:5}.main-services .item h1{font-size:2em;padding:0 0 8px}.main-services .item span{font-size:15px;text-transform:uppercase;color:#999;display:block;margin:0 0 30px}.main-services .item a{font-size:13px;color:#999;margin:auto;border:1px #333 solid;width:110px}.main-services .item a:hover{color:#ccc}.main-services #node-nav{text-align:center;line-height:35px;color:#fff;background:#000;display:block;display:none !important;margin:auto;border:1px #333 solid;width:180px;height:35px}.main-services #node-nav:before{content:"往下繼續了解"}.main-services #node-nav a{position:absolute;font-size:13px;line-height:30px;opacity:0;display:block;margin:0 auto;padding:0;border:1px #eee solid;height:30px;-webkit-transition:all .2s ease-in;-moz-transition:all .2s ease-in;-ms-transition:all .2s ease-in;transition:all 0.2s ease-in}.main-services #node-nav a:hover{color:#e60012 !important}.main-services .scroll{position:fixed !important;top:90px !important;z-index:9999 !important;text-align:center;background:#fff !important;display:block;padding:10px 0;border:0 !important;-webkit-box-shadow:rgba(0,0,0,0.2) 0 3px 4px;-moz-box-shadow:rgba(0,0,0,0.2) 0 3px 4px;box-shadow:rgba(0,0,0,0.2) 0 3px 4px;behavior:url(pie/pie.php);width:100% !important}.main-services .scroll:before{content:none !important}.main-services .scroll a{position:static !important;font-size:13.5px !important;opacity:1 !important;display:inline-block !important;margin:0 !important;padding:0 5px !important;border:0 !important;width:initial !important;-webkit-transition:all .2s ease-in;-moz-transition:all .2s ease-in;-ms-transition:all .2s ease-in;transition:all 0.2s ease-in}.main-services .scroll a:hover{background:none !important}.main-services #node-nav .node-7{display:none}[id$='-serv']{min-height:370px}.main-services .wed{position:relative;background-image:-webkit-linear-gradient(to bottom, #fff 2%, #d6d6d6 300%);background-image:-moz-linear-gradient(to bottom, #fff 2%, #d6d6d6 300%);background-image:-ms-linear-gradient(to bottom, #fff 2%, #d6d6d6 300%);background-image:-o-linear-gradient(to bottom, #fff 2%, #d6d6d6 300%);background-image:linear-gradient(to bottom, #fff 2%, #d6d6d6 300%);padding:100px 0 50px;height:600px}.main-services .wed section,.main-services .wed h2,.main-services .wed strong{text-align:center;padding:10px 0 25px}.main-services .wed section strong,.main-services .wed h2 strong,.main-services .wed strong strong{font-size:14px;text-align:left;margin:auto;padding:0 0 30px;max-width:600px;width:100%}.main-services .wed section .a,.main-services .wed h2 .a,.main-services .wed strong .a{font-family:'Montserrat Light', seri, sans-serif;font-size:13px;font-weight:100;text-transform:uppercase;letter-spacing:2.5px;margin:auto}.main-services .wed section .left,.main-services .wed h2 .left,.main-services .wed strong .left,.main-services .wed section .right,.main-services .wed h2 .right,.main-services .wed strong .right{position:absolute}.main-services .wed section .left,.main-services .wed h2 .left,.main-services .wed strong .left{top:160px;left:-20px}.main-services .wed section .right,.main-services .wed h2 .right,.main-services .wed strong .right{top:220px;right:-50px}#email-serv{position:relative;padding:7% 0 0;background:url(images/email-serv.JPG) top fixed;background-size:cover;overflow:hidden}#email-serv section{text-align:center;margin:0 auto !important}#email-serv section h2{position:relative;z-index:3}#email-serv section strong{display:block;margin-bottom:75px !important}#email-serv section img{display:block;margin:20px auto 0}.main-services .write{color:#fff;background:#f9f9f9 url(images/services.write.png) top center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding:80px 0;min-height:400px}.main-services .write section{position:relative;z-index:9;margin:auto;padding:90px 0 0 20px}.main-services .write section h2,.main-services .write section strong{text-align:left}.main-services .write section h2{margin:0 0 20px}.main-services .write section strong{font-style:15px;margin:0 0 25px;max-width:450px;width:100%}.main-services .write section img{position:absolute;top:40px;right:0;z-index:-1}.main-services .write section .a{line-height:40px;text-align:center;background:#1e1e1e;width:160px;height:40px}.main-services .write section .a:after{font-family:'Montserrat Regular', seri, sans-serif;font-size:13px;text-transform:uppercase;letter-spacing:2.5px;color:#fff;content:"READ MORE"}.main-services .rwd{position:relative;margin:auto;padding:80px 0 0;max-width:1054px;width:100%;overflow:hidden}.main-services .rwd div,.main-services .rwd .mac,.main-services .rwd .phone{position:relative}.main-services .rwd div,.main-services .rwd .mac{float:right !important}.main-services .rwd div{max-width:650px}.main-services .rwd h2{text-align:left !important;text-transform:uppercase}.main-services .rwd h2 span{line-height:30px;color:#ccc;display:block;margin:20px 0 10px}.main-services .rwd .a{background:#1e1e1e;display:block;border:0;width:100px}.main-services .rwd .a:after{font-family:'Montserrat Regular', seri, sans-serif;font-size:13px;text-transform:uppercase;letter-spacing:2.5px;color:#fff;margin:auto;content:"READ MORE"}.main-services .rwd strong{color:#666}.main-services .rwd .mac{top:30px;right:0;max-width:600px;width:100%}.main-services .rwd .phone{top:75px;max-width:373px;width:100%}#online-store-serv{background:url(images/services.other.png) bottom no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding:110px 0 50px;overflow:hidden}#online-store-serv section{margin:auto;width:100%;max-width:924px}#online-store-serv section h2{color:#000;padding:0;margin:0 0 20px;max-width:500px;width:100%}#online-store-serv section strong{color:#666;margin:0 0 25px;width:100%;max-width:550px}#online-store-serv section .button{line-height:40px;color:#fff;background:#000;margin:0 0 20px;border:0;width:120px;height:40px}#online-store-serv section .shop-img{float:left;display:block;margin:0 0 0 15px;width:100%;max-width:560px}#keyword-advertise-serv{position:relative;padding:120px 0 90px;min-height:400px}#keyword-advertise-serv h2,#keyword-advertise-serv h3{text-align:left !important;display:block;padding:0 0 10px}#keyword-advertise-serv section{z-index:3;margin:auto;max-width:924px;width:100%}#keyword-advertise-serv .left{float:left;width:100%;max-width:440px}#keyword-advertise-serv h3{font-size:30px;text-transform:uppercase;color:#ccc}#keyword-advertise-serv ul{display:block}#keyword-advertise-serv ul span{font-size:16px;display:block;margin:0 0 5px}#keyword-advertise-serv li{font-size:14px;line-height:18px;letter-spacing:.5px;margin:0 0 3px}#keyword-advertise-serv .button{line-height:40px;color:#fff;background:#000;margin:0 0 20px;border:0;width:120px;height:40px}.keyword-advertise-img{position:absolute;top:7%;left:45%;z-index:0;max-width:100%;width:700px}#hosting-serv{text-align:center;color:#fff !important;background:#000 url(images/hosting-serv.png) center center no-repeat;background-size:cover !important;padding:100px 0 0}#hosting-serv h2{margin:0 0 20px}#hosting-serv h3{color:#999;margin:0 0 20px}#hosting-serv strong{margin:auto;width:500px}#hosting-serv .button{line-height:40px;color:#000;background:#000 !important;margin:20px auto 0;width:120px;height:40px}#hosting-serv .button:hover{color:#fff}#domain-serv{padding:110px 0 80px}#domain-serv section{position:relative}#domain-serv img{position:absolute;top:0;right:-150px}#domain-serv h2,#domain-serv h3,#domain-serv h4,#domain-serv strong{text-align:left !important;margin:auto}#domain-serv h2{color:#000;margin:0 0 5px}#domain-serv h3{font-size:16px;color:#999;margin:0 0 5px}#domain-serv h4{font-size:18px;color:#333;margin:0 0 5px}#domain-serv strong{float:left;width:465px}#domain-serv a{float:left;line-height:40px;color:#fff;background:#000 !important;margin:20px 0;border:0;width:120px;height:40px}#online-payment-serv{text-align:left;color:#fff;background:#000 url(images/sms-serv.png) center center fixed no-repeat;background-size:cover;padding:130px 0 110px}#online-payment-serv h2{margin:0 0 15px}#online-payment-serv h3{font-size:14px;margin:0 0 30px}#online-payment-serv strong{line-height:22px;letter-spacing:2px;margin:0 auto 40px}#online-payment-serv .button{line-height:40px;color:#000;background:#fff !important;margin:auto;border:0;width:120px;height:40px}#online-payment-serv .button:hover{color:#fff;background:#000 !important}#sms-serv{color:#666 !important;background-size:cover !important;padding:100px 0}#sms-serv h2{color:#000}#sms-serv h3{font-size:18px;color:#999;margin:0 0 30px}#sms-serv h4{font-size:16px;color:#000;margin:0 0 10px}#sms-serv a{color:#000 !important}#sms-serv .button{line-height:40px;color:#000;background:#000;margin:0 0 20px;border:0;width:120px;height:40px}.main-services .other{text-align:center;color:#fff;background:url(images/services.shop.png) bottom fixed no-repeat;background-size:cover;padding:100px 0;height:150px;overflow:hidden}.main-services .other h2{font-size:25px;margin-bottom:20px}.main-services .other strong{letter-spacing:2px;line-height:25px;margin:0 auto 60px;width:700px}.main-services #node-nav,.main-services .top .i{display:none}.main-services .scroll{top:0 !important}@media screen and (max-width: 1024px){#node-page .container h2 span,#node-page .container h3 span{line-height:20px;margin:10px 0}#node-page .container h2,#node-page .container h3{font-size:17px;line-height:25px}}@media screen and (max-width: 829px){#node-page .container h2,#node-page .container h3{font-size:17px}}@media screen and (max-width: 829px){#node-subnav .container ul{text-align:left;width:900px}#node-subnav .container ul li a{padding:0}.main-services .top{padding:30% 0 0;min-height:570px}.main-services .top em{font-size:2em;margin:0 0 40px}.main-services .top em:before{bottom:-15px;background:#333;content:""}.main-services .top p{box-sizing:border-box;padding:0 20px;max-width:300px;width:100%}.main-services .wed{padding:10px 0 0;height:600px}.main-services .wed section strong,.main-services .wed h2 strong,.main-services .wed strong strong{padding:0 5% 30px;width:90%}.main-services .wed section .left{position:inherit;top:inherit}.main-services .wed section .right{display:none}.main-services .write{padding:0;min-height:400px}.main-services .write section{position:relative;z-index:9;margin:auto;padding:90px 5% 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.main-services .write section img{display:none}.main-services .write section h2,.main-services .write section strong{text-align:left}.main-services .write section h2{margin:0 0 20px}.main-services .write section strong{margin:0 auto 25px}.main-services .write section .a{margin:auto}.main-services .rwd{padding:20px 0 50px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.main-services .rwd .phone{display:none}#online-store-serv{background:#000;padding:50px 0;overflow:hidden}#online-store-serv section{width:100%}#online-store-serv section h2{color:#fff}#online-store-serv section strong{color:#ccc;margin:0 0 25px;width:100%;max-width:550px}#online-store-serv section .button{color:#ccc;background:#333}#keyword-advertise-serv{position:relative;padding:50px 0 90px;min-height:400px}#keyword-advertise-serv h2,#keyword-advertise-serv h3{padding:0}#keyword-advertise-serv .left{float:none;max-width:500px;width:100%}.keyword-advertise-img{position:static}#hosting-serv{padding:50px 0}#hosting-serv h2{margin:0 0 10px}#hosting-serv strong{text-align:left;margin:auto;width:100%}#hosting-serv .button{margin:20px 0}#hosting-serv .button:hover{color:#fff}#domain-serv{padding:50px 0 30px}#domain-serv img{display:none}#domain-serv h2,#domain-serv h3,#domain-serv h4{margin:0}#domain-serv strong{float:none;display:block;margin:0 0 30px;width:100%}#domain-serv a{float:none}#online-payment-serv{padding:50px 0}.main-services .other{padding:100px 0;height:inherit}.main-services .other strong{width:90%}.main-services .scroll{top:76px !important}}.example{padding:100px 20px;margin:auto;max-width:980px}.example h1{color:#333;padding-bottom:20px;margin-bottom:20px;border-bottom:1px #eee solid}.example strong{font-size:20px;display:block;margin:10px 0}.example #span{color:red}.example textarea{color:#666;width:100%;height:350px}.example .submit{color:#fff;background:#333;display:block;border:0;width:150px;height:40px}.example .submit:hover{opacity:.5}
