body,html{width:100%;height:100%}body{font-family:microsoft jhenghei,Merriweather,helvetica neue,Arial,sans-serif;overflow-x:hidden}ul.Fields{padding:0 0 0 15px}ul.Fields li{list-style:none}.raleway-font{font-family:raleway,sans-serif}hr{max-width:50px;border-width:3px;border-color:#7be5ff}hr.light{border-color:#fff}a{color:#00839e;-webkit-transition:all .2s;-moz-transition:all .2s;transition:all .2s}a:hover{color:#ffb500;text-decoration:none}footer a{color:#fff;-webkit-transition:all .2s;-moz-transition:all .2s;transition:all .2s}h1,h2,h3,h4,h5,h6{font-family:microsoft jhenghei,helvetica neue,Arial,sans-serif}.bg-primary{background-color:#071c30!important}.bg-dark{background-color:#212529!important}.text-faded{color:rgba(255,255,255,.7)}section{padding:4rem 0}.section-heading{margin-top:0;color:#324e7c}::-moz-selection{color:#fff;background:#212529;text-shadow:none}::selection{color:#fff;background:#212529;text-shadow:none}img::selection{color:#fff;background:0 0}img::-moz-selection{color:#fff;background:0 0}#mainNav{border-bottom:1px solid rgba(33,37,41,.1);background-color:rgba(7,28,48,.8);font-family:microsoft jhenghei,helvetica neue,Arial,sans-serif;-webkit-transition:all .2s;-moz-transition:all .2s;transition:all .2s}#mainNav .navbar-brand{font-weight:700;text-transform:uppercase;color:#fff;font-family:open sans,helvetica neue,Arial,sans-serif}#mainNav .navbar-brand:focus,#mainNav .navbar-brand:hover{color:#ffb500}#mainNav .navbar-nav>li.nav-item>a.nav-link:focus:hover,#mainNav .navbar-nav>li.nav-item>a.nav-link:hover{color:#ffb500}#mainNav .navbar-nav>li.nav-item>a.nav-link.active,#mainNav .navbar-nav>li.nav-item>a.nav-link:focus.active{color:#ffb500!important;background-color:transparent}#mainNav .navbar-nav>li.nav-item>a.nav-link.active:hover,#mainNav .navbar-nav>li.nav-item>a.nav-link:focus.active:hover{background-color:transparent}@media(min-width:992px){#mainNav{border-color:transparent;background-color:transparent}#mainNav .navbar-brand{color:rgba(255,255,255,.7)}#mainNav .navbar-brand:focus,#mainNav .navbar-brand:hover{color:#fff}#mainNav .navbar-nav>li.nav-item>a.nav-link{padding:.5rem 1rem}#mainNav .navbar-nav>li.nav-item>a.nav-link,#mainNav .navbar-nav>li.nav-item>a.nav-link:focus{color: rgb(0, 0, 0)!important;}#mainNav .navbar-nav>li.nav-item>a.nav-link:focus:hover,#mainNav .navbar-nav>li.nav-item>a.nav-link:hover{color:#fff}#mainNav.navbar-shrink{border-bottom:1px solid rgba(33,37,41,.1);background-color:rgba(7,28,48,.8)}#mainNav.navbar-shrink .navbar-brand{color:#fff}#mainNav.navbar-shrink .navbar-brand:focus,#mainNav.navbar-shrink .navbar-brand:hover{color:#ffb500}#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link,#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:focus{color: #fff!important;}#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:focus:hover,#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:hover{color:#ffb500}}header.masthead{padding-top:10rem;padding-bottom:calc(10rem - 56px);background-image:url(../img/headera.jpg);background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover}button.control{background:0 0;border:1px solid #fff;border-radius:10px;color:#fff;padding:8px 11px;margin:7px 3px}button.control:hover{background:#fff;border:1px solid #324e7c;border-radius:10px;color:#324e7c;padding:8px 11px;margin:7px 3px;cursor:pointer}.design-page button.control{background:0 0;border:1px solid #1f2f3e;border-radius:10px;color:#4c4c4c;padding:8px 11px;margin:7px 3px}.design-page button.control:hover{background:#fff;border:1px solid #071c30;border-radius:10px;color:#071c30;padding:8px 11px;margin:7px 3px;cursor:pointer}.loading{width:100%;background: #ffffff;height:100%;position:fixed;z-index:999999;}.loading .word{color: #000;text-align:center;position:absolute;top:50%;left:50%;max-width:300px;transform:translate(-50%,-50%);/* font-family: 'Cormorant SC', serif; */}.loading .word p.main-banner-text{font-size:24px}.adv{background-image:url(../img/adva.jpg)!important}.webdesign{background-image:url(../img/webdesigna.jpg)!important}.storage{background-image:url(../img/storagea.jpg)!important}.eshop{background-image:url(../img/eshopa.jpg)!important}.design{background-image:url(../img/designa.jpg)!important}.contactus{background-image:url(../img/contactusa.jpg)!important}header.masthead hr{margin-top:30px;margin-bottom:30px}header.masthead h1{font-size:2rem}header.masthead p{font-weight:300}@media(min-width:768px){header.masthead p{font-size:1.15rem}}@media(min-width:992px){header.masthead{height:100vh;min-height:650px;padding-top:0;padding-bottom:0}header.masthead h1{font-size:3rem}}@media(min-width:1200px){header.masthead h1{font-size:4rem}}.service-box{max-width: 388px;text-align: center;}.portfolio-box{position:relative;display:block;max-width:650px;margin:0 auto}.portfolio-box .portfolio-box-caption{position:absolute;bottom:0;display:block;width:100%;height:100%;text-align:center;opacity:0;color:#fff;background:rgba(0,58,109,.9);-webkit-transition:all .2s;-moz-transition:all .2s;transition:all .2s}.portfolio-box .portfolio-box-caption .portfolio-box-caption-content{position:absolute;top:50%;width:100%;transform:translateY(-50%);text-align:center}.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category,.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name{padding:0 15px;font-family:microsoft jhenghei,helvetica neue,Arial,sans-serif}.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category{font-size:14px;font-weight:600;text-transform:uppercase}.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name{font-size:18px}.portfolio-box:hover .portfolio-box-caption{opacity:1}.portfolio-box:focus{outline:0}@media(min-width:768px){.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category{font-size:16px}.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name{font-size:22px}}.text-primary{color:#071c30!important;background:#fff;padding: 20px;border-radius:50%;border:1px solid #ccc;box-shadow:1px 1px 12px -10px #000;text-align: center!important;max-width: 105px;}.text-primarya{color:#0b1b2f!important;background:#fff!important;padding:25px 21px;border-radius:50%;border:3px solid #0b1b2f}.text-primarya:hover{color:#ffb500!important;background:#fff!important;border:3px solid #ffb500;transition:1s all;-webkit-transition:1s all;-moz-transition:1s all;-ms-transition:1s all;-o-transition:1s all}.btn{font-weight:700;text-transform:uppercase;border:none;border-radius:300px;font-family:microsoft jhenghei,helvetica neue,Arial,sans-serif}.btn-xl{padding:1rem 2rem}.btn-primary{background-color:#ffb500;border-color:#ffb500}.btn-primary:active,.btn-primary:focus,.btn-primary:hover{color:#fff;background-color:#071c30!important}.btn-primary:active,.btn-primary:focus{box-shadow:0 0 0 .2rem rgba(240,95,64,.5)!important}

.parallaxd{background-image: url(https://secintl.e-c-shop.com/product_images/uploaded_images/pagebanner001.jpg);min-height:425px;background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover;}

.parallax{background-image:url(https://secintl.e-c-shop.com/product_images/uploaded_images/pagebanner001.jpg);background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover}

.left{font-size:12px}.right{font-size:12px;text-align:right}.line{line-height:2;font-weight:700}.line-two{line-height:2;font-weight:700}img.img-rwd2{padding:10px 15px}img.img-rwd{border:1px solid #ccc;margin:12px 0}.blue-bold{font-weight:700;color:#0d4479}a.design{height:auto;overflow:hidden;display:inline-block;margin:20px 0;border:thin solid #000;max-height:210px}.sr-contact{color:#0f9fd4}button.navbar-toggler.navbar-toggler-right{background:rgba(255,255,255,.5)}.container-mix{padding:1rem;text-align:justify;font-size:.1px}.container-mix:after{content:'';display:inline-block;width:100%}.controls{width:350px;margin:21px auto;text-align:center}ul.actions{margin:0;padding:0}ul.actions li{list-style:none;background:#ffc300;width:150px;text-align:center;float:left;margin:10px 12px 0 0;padding:5px 0;border-radius:25px}ul.actions li:hover{list-style:none;background:#071c30;width:150px;text-align:center;float:left;margin:10px 12px 0 0;padding:5px 0;border-radius:25px}ul.actions li:hover a{color:#fff}div#inquiry-form{position:fixed;z-index:9999;top:0;background:#313131;padding:0 0;height:100%;max-width:315px;color:#fff;font-size:14px}div#hidden-container{width:100%;margin:0 auto;background:#1d1d1d;padding:19px 14px;height:100%}.close-btn{display:none}#black-bg{display:none}div#right-form-show{position:absolute;color:#fff;background:#ffb600;margin-left:0;top:45%;text-align:center;border-radius:50%;font-size:10px;cursor:pointer;right:255px;width:40px;z-index:999999}.send-out{cursor:pointer}div#inquiry-form form ul li{list-style:none}div#inquiry-form form ul{margin:0 0 11px;padding:0}

div#inquiry-form input,div#inquiry-form textarea{font-size:14px;background:#000;border:#000;COLOR: #FFF;}

div#inquiry-form form .input-group-prepend .input-group-text{background:#000!important;border:#000}.nks_cc_trigger_tabs .ncf-tab-icon:after{font-family:inherit;content:'Enquiry';position:absolute;top:-10%;font-size:20px;left:50%;line-height:28px;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transform-origin:left top 0;-moz-transform-origin:left top 0;-ms-transform-origin:left top 0;-o-transform-origin:left top 0;transform-origin:left top 0;color:#fff;padding:6px 14px;margin-left:-20px;white-space:nowrap;background-color:rgba(0,0,0,.7);border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;-webkit-backface-visibility:hidden}div#inquiry-form form .btn-primary{background-color:#ffb500;border-color:#ffb500;width:100%}div#black-bg{background:rgba(0,0,0,.52);position:fixed;top:0;left:0;width:100%;height:100%}@media screen and (min-width:1921px){.main-banner-text{font-size:50px;font-weight:700;letter-spacing:3px}.example-animation .title{color:#fff;font-size:50px;position:absolute;top:35%!important;left:50%!important;transform:translate(-50%,-50%);line-height:1.3;text-align:center}
.example-animation .content{    text-shadow: 1px 1px 1px #000;color:#fff;font-size:28px;top:53%!important;left:50%!important;transform:translate(-50%,-50%);line-height:1.5;text-align:center}.example-animation .btn-show{color:#fff;font-size:35px;top:68%!important;left:50%!important;transform:translate(-50%,-50%);line-height:1.5;text-align:center}.right-side{max-width:315px;right:-305px}header.mastheada{padding-top:20rem;background-image:url(../img/headera.jpg);background-position:center center;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;background-attachment:fixed;background-position:top center;background-repeat:no-repeat;background-size:auto 100%}.whatsapp{position:absolute;color:#fff;background:#54a000;margin-left:-51px;top:46px;text-align:center;border-radius:50%;font-size:26px;cursor:pointer;right:0;width:40px;z-index:99999}.whatsapp-btn a{color:#fff}.left-banner .title{left:30%!important;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);text-align:left;top:28%!important}.left-banner .content{color:#fff;font-size:28px;top:53%!important;left:30%!important;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);line-height:1.5;text-align:left}.left-banner .btn-show{color:#fff;font-size:35px;top:68%!important;left:30%!important;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);line-height:1.5;text-align:left}span.block{display:block;line-height:3;margin:2px 3px}span.block .mb-3{margin-bottom:1px!important}}@media screen and (max-width:1920px){.main-banner-text{font-size:76px;font-weight:700;letter-spacing:3px;text-shadow: 1px 1px 1px #000;}.example-animation .title{color:#fff;font-size:50px;position:absolute;top:35%!important;left:50%!important;transform:translate(-50%,-50%);line-height:1.3;text-align:center}.example-animation .content{    text-shadow: 1px 1px 1px #000;color:#fff;font-size:28px;top:53%!important;left:50%!important;transform:translate(-50%,-50%);line-height:1.5;text-align:center}.example-animation .btn-show{color:#fff;font-size:35px;top:68%!important;left:50%!important;transform:translate(-50%,-50%);line-height:1.5;text-align:center}.right-side{max-width:315px;right:-305px}header.mastheada{padding-top:20rem;background-image:url(../img/headera.jpg);background-position:center center;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;background-attachment:fixed;background-position:top center;background-repeat:no-repeat;background-size:100%}.whatsapp{position:absolute;color:#fff;background:#54a000;margin-left:-51px;top:46px;text-align:center;border-radius:50%;font-size:26px;cursor:pointer;right:0;width:40px;z-index:99999}.whatsapp-btn a{color:#fff}.left-banner .title{left: 15%!important;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);text-align:left;top:28%!important;}.left-banner .content{color:#fff;font-size: 33px;top: 46%!important;left: 28.3%!important;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);line-height:1.5;text-align:left;text-shadow: 1px 1px 1px #000;}.left-banner .btn-show{color:#fff;font-size:34px;top:64%!important;left: 16.4%!important;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);line-height:1.5;text-align:left;}span.block{display:block;line-height:3;margin:2px 3px}span.block .mb-3{margin-bottom:1px!important}}@media screen and (max-width:1320px){.main-banner-text{font-size:50px;font-weight:700;letter-spacing:3px}.example-animation .title{color:#fff;font-size:37px;position:absolute;top:38%!important;left:50%!important;transform:translate(-50%,-50%);line-height:1.2;text-align:center}.example-animation .content{color:#fff;font-size:20px;top:54%!important;left:50%!important;transform:translate(-50%,-50%);line-height:1.6;text-align:center}.example-animation .btn-show{color:#fff;font-size:15px;top:70%!important;left:50%!important;transform:translate(-50%,-50%);line-height:1.5;text-align:center}.right-side{max-width:315px;right:-305px}header.mastheada{padding-top:20rem;background-image:url(../img/headera.jpg);background-position:center center;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;background-attachment:fixed;background-position:top center;background-repeat:no-repeat;background-size:100%}#mainNav .navbar-nav>li.nav-item>a.nav-link,#mainNav .navbar-nav>li.nav-item>a.nav-link:focus{font-size:.9rem;font-weight:700;text-transform:uppercase;color: #ffffff;border-bottom:none;border-top:none;}.whatsapp{position:absolute;color:#fff;background:#54a000;margin-left:-51px;top:46px;text-align:center;border-radius:50%;font-size:26px;cursor:pointer;right:0;width:40px;z-index:99999;padding: 7px 0;}.whatsapp-btn a{color:#fff}.left-banner .title{left: 16%!important;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);text-align:left;top: 34%!important;}.left-banner .content{color:#fff;font-size:28px;top:53%!important;left: 29%!important;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);line-height:1.5;text-align:left;}.left-banner .btn-show{color:#fff;font-size:35px;top: 75%!important;left: 19%!important;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);line-height:1.5;text-align:left;}span.block{display:block;line-height:3;margin:2px 3px}span.block .mb-3{margin-bottom:1px!important}}@media screen and (max-width:950px){label{display:inline-block;margin-bottom:0}#mainNav .navbar-nav>li.nav-item>a.nav-link,#mainNav .navbar-nav>li.nav-item>a.nav-link:focus{font-size:.9rem;font-weight:700;text-transform:uppercase;color:#feffff;/* border-bottom:1px solid #4c5461; */border-top: 1px solid #cfcfcf;}.main-banner-text{font-size:20px;font-weight:700;letter-spacing:3px}.example-animation .title{font-size:15px;top:53%!important;display: none!important;}.example-animation .content{display: block!important;}.example-animation .btn-show{display:none!important}.right-side{max-width:315px;right:-305px}header.mastheada{padding-top:10rem;background-image:url(../img/headera.jpg);background-position:center center;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;background-attachment:fixed;background-position:top center;background-repeat:no-repeat;background-size:contain}ul.navbar-nav.ml-auto{margin-top:13px}.whatsapp{position:absolute;color:#fff;background:#54a000;margin-left:-51px;top:46px;text-align:center;border-radius:50%;font-size:26px;cursor:pointer;right:0;width:40px;z-index:99999}.whatsapp-btn a{color:#fff}.left-banner .title{/* left: 48%!important; *//* transform:translate(-50%,-50%); *//* -webkit-transform:translate(-50%,-50%); */-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);/* text-align:left; *//* top:53%!important; */display: none!important;}.left-banner .content{display: block!important;color: #fff;font-size: 18px;top: 53%!important;left: 50%!important;text-align: center;}.left-banner .btn-show{display:none!important}span.block{display:inline-block;line-height:3;margin:2px 3px}span.block .mb-3{margin-bottom:1px!important}}@media screen and (max-width:350px){label{display:inline-block;margin-bottom:0}#mainNav .navbar-nav>li.nav-item>a.nav-link,#mainNav .navbar-nav>li.nav-item>a.nav-link:focus{font-size:.9rem;font-weight:700;text-transform:uppercase;color:#feffff;border-bottom:1px solid #4c5461;border-top:1px solid #555758}.main-banner-text{font-size:20px;font-weight:700;letter-spacing:3px}.example-animation .title{font-size:15px;top:53%!important}.example-animation .content{display:none!important}.example-animation .btn-show{display:none!important}.right-side{max-width:315px;right:-305px}header.mastheada{padding-top:10rem;background-image:url(../img/headera.jpg);background-position:center center;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;background-attachment:fixed;background-position:top center;background-repeat:no-repeat;background-size:820px}ul.navbar-nav.ml-auto{margin-top:13px}.whatsapp{position:absolute;color:#fff;background:#54a000;margin-left:-51px;top:46px;text-align:center;border-radius:50%;font-size:26px;cursor:pointer;right:0;width:40px;z-index:99999}.whatsapp-btn a{color:#fff}.left-banner .title{left:42%!important;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);text-align:left;top:53%!important}.left-banner .content{display:none!important}.left-banner .btn-show{display:none!important}h3{font-size:20px}.mb-5{margin-bottom:20px!important}#hidden-container{font-size:12px}.controls{width:100%;margin:21px auto;text-align:center}span.block{display:block;line-height:3}span.block .mb-3{margin-bottom:1px!important}.left{text-align:right}}