﻿@charset "utf-8";.ls-preloader{background:url("http://www.advantech.com/css/home/liquid-slider-image/loading.gif") #f2f2f2 no-repeat center 50%;opacity:1;width:100%;height:100%;position:absolute;top:0;left:0;z-index:2}.ls-wrapper{clear:both;overflow:auto;position:relative}.liquid-slider{background:#fff;width:960px;margin:0 auto;float:left;overflow:hidden;position:relative}.arrows .liquid-slider{margin:0 10px}.ls-responsive .liquid-slider{width:100%;margin:0}.panel-container{position:relative;-webkit-backface-visibility:hidden;-webkit-perspective:1000}.liquid-slider .panel-container .fade{width:100%;opacity:0;position:absolute;top:0;left:0;display:block}.liquid-slider .ls-panel{width:960px;display:block;float:left}.panel-wrapper{padding:0 0;position:relative}.banner-wrapper a.banner-link{display:block}.ls-select-box{width:100%;height:35px;overflow:hidden;background:url("http://www.advantech.com/css/home/liquid-slider-image/menu.png") no-repeat right #ddd}.ls-select-box select{width:150%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;padding:5px;font-size:110%;border:none;height:35px;cursor:pointer;outline:0}.ls-nav-left,.ls-nav-right{top:0;float:left;clear:both}.ls-nav-left a,.ls-nav-right a{background:#000;color:#fff;padding:5px;width:100px;display:block;text-align:center;text-decoration:none}.ls-responsive .ls-nav-left{position:absolute;left:0;z-index:2}.ls-responsive .ls-nav-left a{background:#9a9a9a;width:80px}.ls-responsive .ls-nav-left a:hover{background:#747474}.ls-responsive .ls-nav-right{position:absolute;right:0;z-index:2}.ls-responsive .ls-nav-right a{background:#9a9a9a;width:80px}.ls-responsive .ls-nav-right a:hover{background:#747474}.ls-nav-left-arrow,.ls-nav-right-arrow{cursor:pointer;float:left;clear:both}.ls-nav-left-arrow a,.ls-nav-right-arrow a{display:block}[class$="-arrow"]{width:30px;height:30px;background-image:url("../home/liquid-slider-image/arrow-banner.png");background-repeat:no-repeat;top:40%;position:relative}.ls-nav-right-arrow{background-position:top right;margin-right:0}.ls-nav-left-arrow{background-position:top left;margin-left:0}.ls-nav-left-arrow:hover{background-position:bottom left}.ls-nav-right-arrow:hover{background-position:bottom right}.ls-responsive .ls-nav-left-arrow{position:absolute;left:0;z-index:2}.ls-responsive .ls-nav-right-arrow{position:absolute;right:0;z-index:2}.ls-nav-left-arrow-white,.ls-nav-right-arrow-white{cursor:pointer;float:left;clear:both}.ls-nav-left-arrow-white a,.ls-nav-right-arrow-white a{display:block}[class$="-arrow-white"]{width:30px;height:30px;background-image:url("../home/liquid-slider-image/arrow-banner-white.png");background-repeat:no-repeat;top:40%;position:relative}.ls-nav-right-arrow-white{background-position:top right;margin-right:0}.ls-nav-left-arrow-white{background-position:top left;margin-left:0}.ls-nav-left-arrow-white:hover{background-position:bottom left}.ls-nav-right-arrow-white:hover{background-position:bottom right}.ls-responsive .ls-nav-left-arrow-white{position:absolute;left:0;z-index:2}.ls-responsive .ls-nav-right-arrow-white{position:absolute;right:0;z-index:2}#homepage-banner{margin-bottom:10px}.liquid-slider h2.title{display:none}.liquid-slider .banner-wrapper{position:relative;width:100%}.liquid-slider .background{width:100%;max-width:960px;height:240px;min-width:480px;background-repeat:no-repeat;background-position:right bottom;background-size:100%}.liquid-slider .transbox{position:absolute;top:0;text-indent:-9999px;width:440px}.liquid-slider .transbox-left{left:0}.liquid-slider .transbox-height{height:auto}.liquid-slider .content,.liquid-slider .content-whitetxt{position:absolute;top:30px;width:400px}.liquid-slider .content-left{left:40px}.liquid-slider .content h2{font-size:26px;line-height:1.3em;margin-bottom:8px;color:#000;font-weight:normal}.liquid-slider .content h3{font-size:16px;line-height:1.4em;color:#000;margin-bottom:15px;font-weight:normal}.liquid-slider .content h4 a,.liquid-slider .content-whitetxt h4 a{float:left;display:block;padding:5px 12px;font-size:14px;line-height:1.3em;text-decoration:none;opacity:.8;filter:alpha(opacity=80);border-width:1px;border-style:solid}.liquid-slider .content h4.more a,.liquid-slider .content-whitetxt h4.more a{color:#fff}.liquid-slider .content h4.secondary-btn a{margin-left:15px}.liquid-slider .content-whitetxt h4.secondary-btn a{margin-left:15px;border-color:#fff;color:#fff}.liquid-slider .content h4 a:hover,.liquid-slider .content-whitetxt h4 a:hover{opacity:1;filter:alpha(opacity=10);text-decoration:none}.liquid-slider .content-whitetxt h2{font-size:26px;line-height:1.3em;margin-bottom:8px;color:#fff;font-weight:normal}.liquid-slider .content-whitetxt h3{font-size:16px;line-height:1.4em;color:#fff;margin-bottom:15px;font-weight:normal}.ls-nav{overflow:hidden;clear:both}.ls-nav ul{padding:10px 0 30px;clear:both;display:block;margin:auto;overflow:hidden}.ls-nav ul li{display:inline}.ls-nav ul li a{display:block;float:left}.ls-nav a{text-indent:-9999px;padding:0 10px;width:10px;height:10px;background:url("http://www.advantech.com/css/home/liquid-slider-image/slider-nav.svg") no-repeat}.ls-nav a:hover{background:url("http://www.advantech.com/css/home/liquid-slider-image/slider-nav-hover.svg") no-repeat}.ls-nav .current a{background:url("http://www.advantech.com/css/home/liquid-slider-image/slider-nav-current.svg") no-repeat}@media screen and (max-width:960px){#homepage-banner{background-color:#fff}}@media screen and (max-width:860px){.liquid-slider .content-left{left:20px}.liquid-slider .content h4 a,.liquid-slider .content-whitetxt h4 a{font-size:13px}}@media screen and (max-width:780px){#homepage-banner{margin-bottom:20px;border-top:3px solid #ededed}.ls-nav{display:none}.liquid-slider .background{height:200px;background-size:cover}.liquid-slider .transbox{width:100%;height:200px;background:#fff;opacity:.85;filter:alpha(opacity=85)}.liquid-slider .content,.liquid-slider .content-whitetxt{top:10px;width:90%;min-width:340px}.liquid-slider .content h2,.liquid-slider .content-whitetxt h2{color:#000;text-shadow:1px 1px #fff;font-size:22px;margin-bottom:5px}.liquid-slider .content h3,.liquid-slider .content-whitetxt h3{color:#000;text-shadow:1px 1px #fff;font-size:14px}.liquid-slider .content-whitetxt h4.secondary-btn a{border-color:inherit;background-color:#fff}.liquid-slider .content h4.secondary-btn a{background-color:#fff}[class$="-arrow-white"]{background-image:url("../css/liquid-slider-image/arrow-banner.png")}}