html {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; font-size: 100%;
}
body {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; font-size: 100%;
}
div {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; font-size: 100%;
}
span {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; font-size: 100%;
}
applet {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; font-size: 100%;
}
object {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; font-size: 100%;
}
iframe {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; font-size: 100%;
}
h1 {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; font-size: 100%;
}
h2 {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; font-size: 100%;
}
h3 {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; font-size: 100%;
}
h4 {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; font-size: 100%;
}
h5 {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; font-size: 100%;
}
h6 {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; font-size: 100%;
}
p {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; font-size: 100%;
}
blockquote {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; font-size: 100%;
}
pre {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; font-size: 100%;
}
a {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; font-size: 100%;
}
abbr {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; font-size: 100%;
}
acronym {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; font-size: 100%;
}
address {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; font-size: 100%;
}
big {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; font-size: 100%;
}
cite {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; font-size: 100%;
}
code {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; font-size: 100%;
}
del {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; font-size: 100%;
}
dfn {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; font-size: 100%;
}
em {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; font-size: 100%;
}
img {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; font-size: 100%;
}
ins {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; font-size: 100%;
}
kbd {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; font-size: 100%;
}
q {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; font-size: 100%;
}
s {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; font-size: 100%;
}
samp {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; font-size: 100%;
}
small {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; font-size: 100%;
}
strike {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; font-size: 100%;
}
strong {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; font-size: 100%;
}
sub {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; font-size: 100%;
}
sup {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; font-size: 100%;
}
tt {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; font-size: 100%;
}
var {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; font-size: 100%;
}
b {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; font-size: 100%;
}
u {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; font-size: 100%;
}
i {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; font-size: 100%;
}
center {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; font-size: 100%;
}
dl {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; font-size: 100%;
}
dt {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; font-size: 100%;
}
dd {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; font-size: 100%;
}
ol {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; font-size: 100%;
}
ul {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; font-size: 100%;
}
li {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; font-size: 100%;
}
fieldset {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; font-size: 100%;
}
form {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; font-size: 100%;
}
label {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; font-size: 100%;
}
legend {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; font-size: 100%;
}
table {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; font-size: 100%;
}
caption {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; font-size: 100%;
}
tbody {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; font-size: 100%;
}
tfoot {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; font-size: 100%;
}
thead {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; font-size: 100%;
}
tr {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; font-size: 100%;
}
th {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; font-size: 100%;
}
td {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; font-size: 100%;
}
article {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; font-size: 100%;
}
aside {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; font-size: 100%;
}
canvas {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; font-size: 100%;
}
details {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; font-size: 100%;
}
embed {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; font-size: 100%;
}
figure {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; font-size: 100%;
}
figcaption {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; font-size: 100%;
}
footer {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; font-size: 100%;
}
header {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; font-size: 100%;
}
hgroup {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; font-size: 100%;
}
menu {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; font-size: 100%;
}
nav {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; font-size: 100%;
}
output {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; font-size: 100%;
}
ruby {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; font-size: 100%;
}
section {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; font-size: 100%;
}
summary {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; font-size: 100%;
}
time {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; font-size: 100%;
}
mark {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; font-size: 100%;
}
audio {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; font-size: 100%;
}
video {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; font-size: 100%;
}
article {
	display: block;
}
aside {
	display: block;
}
details {
	display: block;
}
figcaption {
	display: block;
}
figure {
	display: block;
}
footer {
	display: block;
}
header {
	display: block;
}
hgroup {
	display: block;
}
menu {
	display: block;
}
nav {
	display: block;
}
section {
	display: block;
}
body {
	line-height: 1; position: relative;
}
blockquote {
	quotes: none;
}
q {
	quotes: none;
}
blockquote::before {
	content: none;
}
blockquote::after {
	content: none;
}
q::before {
	content: none;
}
q::after {
	content: none;
}
body {
	background: rgb(255, 255, 255); color: rgb(51, 51, 51); font-family: Arial,Helvetica,sans-serif; font-size: 12px;
}
div {
	-webkit-text-size-adjust: none;
}
p {
	-webkit-text-size-adjust: none;
}
a {
	-webkit-text-size-adjust: none;
}
li {
	-webkit-text-size-adjust: none;
}
td {
	-webkit-text-size-adjust: none;
}
br {
	height: 1px; font-size: 1px;
}
a {
	color: rgb(0, 66, 128); font-weight: normal; text-decoration: none;
}
a:hover {
	color: rgb(0, 66, 128); text-decoration: underline;
}
a:active {
	color: rgb(0, 66, 128); text-decoration: underline;
}
a:focus {
	color: rgb(0, 66, 128); text-decoration: underline;
}
:focus {
	outline-style: none; outline-color: transparent;
}
a img {
	border: currentColor; border-image: none;
}
.clear {
	background: none; list-style: none; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; width: 0px; height: 0px; overflow: hidden; clear: both; font-size: 0px; float: none; display: block; visibility: hidden;
}
.clearfix::after {
	height: 0px; clear: both; display: block; visibility: hidden; content: ".";
}
html[lang=zh-tw] body {
	font-family: "΢ܛ�����w","Microsoft JhengHei","Arial","Helvetica","sans-serif";
}
html[lang=zh-cn] body {
	font-family: "΢ܛ�ź��w","Microsoft YaHei","Arial","Helvetica","sans-serif";
}
html[lang=ja] body {
	font-family: "�ᥤ�ꥪ","Meiryo","Arial","Helvetica","sans-serif";
}
html[lang=ko] body {
	font-family: "?? ??","Malgun Gothic","Arial","Helvetica"," sans-serif";
}
#container {
	width: 100%;
}
#advan-header {
	padding-bottom: 20px;
}
.row-fluid {
	width: 100%; clear: both;
}
.row-fluid::after {
	clear: both;
}
.row-maxwidth-80pct {
	margin: 0px auto; width: 43.09%; min-width: 820px; max-width: 1920px;
}
.row-maxwidth-95pct {
	margin: 0px auto; width: 95%; max-width: 1200px;
}
.row-maxwidth-98pct {
	margin: 0px auto; width: 98%; max-width: 1200px;
}
.row-maxwidth-100pct {
	margin: 0px auto; width: 100%; max-width: 1920px;
}
.row-gray-b93 {
	background-color: rgb(237, 237, 237);
}
.row-gray-b96 {
	background-color: rgb(245, 245, 245);
}
.row-blue {
	background-color: rgb(204, 224, 242);
}
.row-brdrwhite {
	border-top-color: rgb(255, 255, 255); border-top-width: 3px; border-top-style: solid;
}
.row-gray-blue {
	background-color: rgb(64, 97, 128);
}
#advan-header .header-logo {
	margin: 25px 0px; width: 325px; height: 30px; float: left;
}
#advan-header .header-logo a {
	background-position: left top; width: 100%; height: 100%; text-indent: -9999px; display: inline-block; background-image: url("css-img/advantech-logo.svg"); background-repeat: no-repeat;
}
@media screen and (-ms-high-contrast:active), all and (-ms-high-contrast:none)
{
img[src$='.svg'] {
	width: 100%;
}
}
#advan-header .header-usermenu {
	margin: 30px 0px 0px; float: right;
}
#advan-header .user-history {
	padding-right: 18px; border-right-color: rgb(0, 66, 128); border-right-width: 2px; border-right-style: solid;
}
.header-usermenu > li {
	list-style: none; float: left;
}
.header-usermenu > li > a {
	background-position: left; color: rgb(77, 77, 77); line-height: 22px; padding-left: 27px; font-size: 13px; margin-left: 18px; display: block; background-repeat: no-repeat; background-size: 22px;
}
.header-usermenu > li > a:hover {
	text-decoration: none;
}
.user-history > li > a {
	padding-left: 0px;
}
.header-usermenu li a span {
	color: rgb(0, 66, 128);
}
li.usermenu-register > a.register-icon {
	background-image: url("css-img/icon-header-register.png");
}
li.usermenu-register > a.register-icon-svg {
	background-image: url("css-img/user-plus.svg"); background-size: 23px;
}
li.usermenu-myadv > a.myadv-icon {
	background-image: url("css-img/icon-header-myadv.png");
}
li.usermenu-myadv > a.myadv-icon-svg {
	background-image: url("css-img/icon-header-myadv.svg");
}
li.usermenu-search > a.search-icon {
	background-image: url("css-img/icon-header-search.png");
}
li.usermenu-search > a.search-icon-svg {
	background-image: url("css-img/icon-header-search.svg");
}
li.usermenu-register a {
	display: inline-block;
}
li.usermenu-register a.usermenu-login {
	padding-left: 0px; margin-left: 5px;
}
#main-menu-login {
	display: none;
}
li.usermenu-login > a.register-icon-svg {
	background-image: url("css-img/user-check.svg"); background-size: 23px;
}
.usermenu-login {
	padding-bottom: 4px; position: relative;
}
.open.usermenu-login .account-popup {
	display: block;
}
.usermenu-login .account-popup {
	top: 28px; width: 120px; right: 0px; display: none; position: absolute; z-index: 100;
}
.usermenu-login .account-popup ol {
	padding: 10px; border: 1px solid rgb(204, 204, 204); border-image: none; background-color: rgb(255, 255, 255);
}
.usermenu-login .account-popup ol li {
	list-style: none; padding-bottom: 0px;
}
.usermenu-login .account-popup ol li.mb-username {
	display: none;
}
.usermenu-login .account-popup ol li a {
	line-height: 24px; font-size: 12px; display: block; cursor: pointer;
}
.header-panel-wrapper {
	left: 0px; top: 65px; position: absolute; z-index: 1000 !important;
}
.register-panel {
	display: none;
}
.search-panel {
	display: none;
}
.panel-control-up a {
	background: url("css-img/arrow-panel-control-up.png") no-repeat; margin: 0px auto; width: 90px; height: 15px; text-indent: -9999px; display: block;
}
.panel-block {
	margin: 0px 0px 40px;
}
.register-panel .panel-block {
	float: left;
}
.panel-block h4 {
	color: rgb(76, 76, 76); font-size: 16px; font-weight: normal; margin-top: 35px; margin-bottom: 5px;
}
.panel-block h4.title-empty {
	line-height: 0; text-indent: -9999px; margin-top: 20px;
}
.panel-btn a {
	background: rgb(0, 66, 128); padding: 6px 50px; color: rgb(255, 255, 255); font-size: 14px; margin-top: 5px; display: inline-block; opacity: 0.75;
}
.register-panel .panel-btn a {
	background: rgb(0, 66, 128); padding: 6px 50px; color: rgb(255, 255, 255); font-size: 14px; margin-top: 5px; display: inline-block; opacity: 0.75;
}
.panel-btn a:hover {
	text-decoration: none; opacity: 0.9;
}
.record-btn a {
	margin: -20px 20px 0px 0px; padding: 5px 10px; float: right;
}
.block-register {
	width: 75%; margin-bottom: 60px;
}
.block-register > div {
	background: url("css-img/header-register-pic.jpg") no-repeat left top; padding-left: 225px; margin-top: 15px; min-height: 150px;
}
.block-register p {
	line-height: 1.5em; font-size: 14px; margin-bottom: 15px;
}
.block-login {
	width: 18.75%; margin-bottom: 60px; margin-left: 0px; display: none;
}
.block-login > div {
	margin-top: 15px;
}
.block-login .panel-link {
	margin-bottom: 15px;
}
.block-login input[type='text'] {
	padding: 5px 5%; border: 1px solid rgb(153, 153, 153); border-image: none; width: 90%; color: rgb(102, 102, 102); font-family: Arial,Helvetica,sans-serif; font-size: 12px; margin-bottom: 5px;
}
.block-login input[type='password'] {
	padding: 5px 5%; border: 1px solid rgb(153, 153, 153); border-image: none; width: 90%; color: rgb(102, 102, 102); font-family: Arial,Helvetica,sans-serif; font-size: 12px; margin-bottom: 5px;
}
.block-login input[type='checkbox'] {
	margin: 5px 5px 15px 0px; vertical-align: middle; cursor: pointer;
}
.recent-panel {
	display: none;
}
.compare-panel {
	display: none;
}
.record-list li {
	list-style: none; margin-top: 15px; margin-right: 20px; float: left; position: relative;
}
.record-list li.record-empty {
	border: 5px solid rgb(238, 238, 238); border-image: none; width: 130px; height: 130px; text-indent: -9999px; background-image: url("css-img/header-record-empty.png"); background-color: rgb(238, 238, 238);
}
.record-list li .record-pic {
	border: 5px solid rgb(238, 238, 238); border-image: none; width: 130px; height: 90px;
}
.record-list li .record-del a {
	background: url("css-img/icon-record-del.png") no-repeat; top: 10px; width: 14px; height: 14px; right: 10px; text-indent: -9999px; display: block; position: absolute;
}
.record-list li .record-text a {
	background: rgb(238, 238, 238); padding: 2px 10px 8px; width: 120px; height: 30px; color: rgb(51, 51, 51); line-height: 15px; display: block;
}
.block-search {
	margin: 0px auto; padding: 1% 3%;
}
.search-Mainbox {
	margin: 2.5% auto 0px; padding: 0px; border: 1px solid rgb(204, 204, 204); border-image: none; width: 100%; position: relative; background-color: rgb(255, 255, 255);
}
.search-input {
	margin: 0px; padding: 0px 0px 0px 1%; border: 0px currentColor; border-image: none; width: calc(100% - 120px - 15px - 20px - 20px); height: 60px; color: rgb(77, 77, 77); font-size: 26px; font-weight: normal; vertical-align: middle; float: left; position: relative;
}
.search-btnClear {
	background-position: center; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; top: calc(50% - 10px); width: 20px; height: 20px; right: 135px; position: absolute; cursor: pointer; background-image: url("https://advcloudfiles.advantech.com/web/Images/common/search-clear.png"); background-repeat: no-repeat; background-color: transparent;
}
.search-panel .search-btnClear-svg {
	background-position: center; margin: 0px 0px 0px 2%; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; top: calc(50% - 10px); width: 20px; height: 20px; right: 135px; position: absolute; cursor: pointer; background-image: url("https://advcloudfiles.advantech.com/web/Images/common/search-clear.svg"); background-repeat: no-repeat; background-size: 20px 20px; background-color: transparent;
}
.search-input::-ms-clear {
	display: none;
}
.search-btnClear .btn-clear::before {
	display: inline-block; position: relative; content: " ";
}
.search-panel .search-btnClear-svg::before {
	display: inline-block; position: relative; content: " ";
}
.search-btnSubmit {
	background-position: center; margin: 0px; outline: 0px; border: 0px currentColor; border-image: none; width: 120px; height: 60px; vertical-align: middle; float: right; white-space: nowrap; cursor: pointer; opacity: 0.75; box-shadow: none; background-image: url("https://advcloudfiles.advantech.com/web/Images/common/icon-search-submit.png"); background-repeat: no-repeat; background-size: 32px 32px; background-color: rgb(0, 66, 128);
}
.search-btnSubmit::before {
	width: 100%; height: 100%; display: inline-block; position: relative; content: " ";
}
.search-btnSubmit-svg {
	background-position: center; margin: 0px; outline: 0px; border: 0px currentColor; border-image: none; width: 120px; height: 60px; vertical-align: middle; float: right; white-space: nowrap; cursor: pointer; opacity: 0.75; box-shadow: none; background-image: url("https://advcloudfiles.advantech.com/web/Images/common/icon-search-submit.png"); background-repeat: no-repeat; background-size: 32px 32px; background-color: rgb(0, 66, 128);
}
.search-panel .search-suggestionBox {
	border-width: 0px 1px 1px; border-style: none solid solid; border-color: currentColor rgb(204, 204, 204) rgb(204, 204, 204); margin: 0px auto; padding: 0px; border-image: none; width: 100%; font-size: 16px; background-color: rgb(255, 255, 255);
}
a.search-suggestion-select {
	padding: 1.5% 2%; text-decoration: none; border-bottom-color: rgb(235, 235, 235); border-bottom-width: 1px; border-bottom-style: solid; display: block;
}
.search-select-focus {
	background-color: rgb(204, 204, 204);
}
a.search-suggestion-select:hover {
	background-color: rgb(204, 204, 204);
}
a.search-suggestion-select h4 {
	color: rgb(0, 66, 128); line-height: 1.5em; font-size: 16px; font-weight: normal; text-decoration: none; margin-top: 15px; float: none; display: block;
}
a.search-suggestion-select h4:first-child {
	margin-top: 0px;
}
a.search-suggestion-select .item-desc {
	margin: 0px; color: rgb(77, 77, 77); line-height: 1.5em; font-size: 14px; text-decoration: none; display: block;
}
.search-panel .product-item {
	border: 0px currentColor; border-image: none; width: auto !important;
}
.search-panel .resouces-item {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none;
}
.search-panel .relatedContent-att {
	margin: 1% 0px; color: rgb(77, 77, 77); font-size: 13px;
}
.search-panel {
	display: none;
}
.header-usermenu li.usermenu-search > a {
	padding-left: 20px; margin-left: 12px;
}
.header-usermenu li.usermenu-search a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
a:focus {
	text-decoration: none;
}
.toggleMenu {
	display: none;
}
.toggleMenu {
	margin: 26px 0px 20px 18px; width: 22px; height: 22px; float: right;
}
.toggleMenu img {
	width: 22px;
}
ul.header-nav {
	margin-bottom: 0px; float: left;
}
ul.header-nav li {
	list-style: none;
}
ul.header-nav > li {
	float: left;
}
ul.header-nav > li > a {
	display: block;
}
ul.header-nav a {
	text-decoration: none;
}
ul.header-nav > li > a {
	padding: 0px 20px; color: rgb(77, 77, 77); line-height: 40px; font-size: 15px; margin-right: 0px;
}
ul.header-nav > li:first-child a {
	padding-left: 0px;
}
ul.header-nav > li.menubar-estore > a {
	color: rgb(0, 66, 128);
}
ul.header-nav > li.show-mega > a {
	padding: 0px 20px; color: rgb(255, 255, 255); background-color: rgb(153, 153, 153);
}
ul.header-nav > li > div {
	left: 0px; overflow: auto; display: none; position: absolute; z-index: 1000;
}
ul.header-nav > li.show-mega > div {
	display: block;
}
ul.header-nav .cols4 {
	margin: 0px auto; width: 98%; max-width: 1200px;
}
ul.header-nav .cols3 {
	margin: 0px auto; width: 98%; max-width: 1200px;
}
ul.header-nav .col1 {
	width: 25%; float: left;
}
ul.header-nav .cols3 .col1 {
	width: 30%; padding-right: 2%;
}
ul.header-nav .cols-brdr {
	margin-top: 30px; border-top-color: rgb(204, 204, 204); border-top-width: 1px; border-top-style: solid;
}
.row-brdrgray {
	border-top-color: rgb(153, 153, 153); border-bottom-color: rgb(153, 153, 153); border-top-width: 2px; border-bottom-width: 2px; border-top-style: solid; border-bottom-style: solid; background-color: rgb(255, 255, 255);
}
ul.header-nav > li > div {
	padding: 0px 0px 36px; z-index: 1000;
}
ul.header-nav h5 {
	margin: 0px; color: rgb(77, 77, 77); line-height: 1.2em; padding-top: 30px; padding-bottom: 15px; font-size: 16px; font-weight: normal;
}
ul.header-nav h5.grouptitle-empty {
	text-indent: -99999px;
}
ul.header-nav h5.grouptitle-abovesub {
	padding-bottom: 0px;
}
ul.header-nav h5.grouptitle-sub {
	padding-top: 10px; padding-bottom: 5px; font-size: 15px;
}
ul.header-nav h5.grouptitle-nonfirst {
	padding-top: 20px;
}
ul.header-nav h5 a {
	background-position: right; color: rgb(77, 77, 77); padding-right: 15px; background-image: url("css-img/arrow-megamenu.gif"); background-repeat: no-repeat;
}
ul.header-nav h5 a:hover {
	text-decoration: underline;
}
ul.header-nav ol li {
	margin: 0px; line-height: 150%; font-size: 14px;
}
ul.header-nav ol li a {
	color: rgb(0, 66, 128); line-height: 1.3em; padding-bottom: 5px; font-size: 14px; display: inline-block;
}
ul.header-nav ol li a:hover {
	text-decoration: underline;
}
ul.header-nav ol li a.hidden {
	visibility: hidden;
}
ul.header-nav ol li a span {
	height: 30px; color: rgb(77, 77, 77); line-height: 1.3em; padding-top: 0px; padding-bottom: 13px; font-size: 14px; display: inline-block;
}
ul.header-nav ol li a:hover span {
	text-decoration: none;
}
ul.header-nav .col1 p {
	line-height: 150%; font-size: 14px;
}
ul.header-nav .col1 .searchBox {
	margin: 2.5% 0px 0px; padding: 1.5% 1%; border: 1px solid rgb(204, 204, 204); border-image: none; width: 100%; max-width: 300px; background-color: rgb(255, 255, 255);
}
ul.header-nav .col1 .searchBox input[type='text'] {
	padding: 1%; outline: 0px; border: 0px currentColor; border-image: none; width: 80%; color: rgb(153, 153, 153); font-size: 13px; float: left; display: block;
}
ul.header-nav .col1 .searchBox button.btn {
	outline: 0px; border: 0px currentColor; border-image: none; margin-top: 0.5%; float: right; display: inline-block; background-color: rgb(255, 255, 255);
}
ul.header-nav .col1 .searchBox .fa-search {
	color: rgb(0, 66, 128);
}
#advan-heading {
	margin-top: 20px; margin-bottom: 20px;
}
.page-title h1 {
	color: rgb(77, 77, 77); font-size: 26px; font-weight: normal;
}
#advan-heading .breadcrumb {
	margin-bottom: 20px;
}
#advan-heading .breadcrumb li {
	list-style: none; color: rgb(102, 102, 102); line-height: 1.5em; font-size: 14px; display: inline;
}
#advan-heading .breadcrumb li a {
	padding: 0px 2px; font-weight: bold;
}
#advan-heading .breadcrumb li .nolink-crumb {
	padding: 0px 2px; color: rgb(0, 66, 128); font-weight: bold;
}
#advan-heading .breadcrumb li .last-crumb {
	padding: 0px 2px; font-weight: bold;
}
#advan-heading .breadcrumb li:first-child a {
	padding-left: 0px;
}
#advan-footer {
	padding-top: 20px; clear: both;
}
.aonline-contactTitle {
	margin: 12px 0px; width: 23%; color: rgb(255, 255, 255); line-height: 150%; padding-top: 16px; padding-right: 1%; padding-left: 0px; font-size: 24px; font-weight: normal; float: left;
}
.aonline-contact {
	margin: 17px 0px; padding: 10px 0px 10px 5%; width: 70%; border-left-color: rgb(255, 255, 255); border-left-width: 3px; border-left-style: solid; float: left;
}
.aonline-contact li {
	background-position: left top; list-style: none; color: rgb(255, 255, 255); line-height: 180%; font-size: 16px; margin-top: 5px; margin-right: 5.38%; margin-bottom: 5px; float: left; background-repeat: no-repeat; background-size: 28px 28px;
}
.aonline-contact li a {
	color: rgb(255, 255, 255);
}
.aonline-contact li i {
	font-size: 24px; margin-right: 10px; vertical-align: top;
}
.aonline-contact li span {
	display: inline-block;
}
.aonline-contact li.js-chat a {
	cursor: pointer;
}
.aonline-contact li.js-chat:hover {
	cursor: pointer;
}
.footer-nav-wrapper {
	margin: 0px; padding: 2% 0px;
}
.footer-logo {
	padding: 1% 0px; width: 20%; vertical-align: middle; display: inline-block;
}
.footer-logo .logo-pic img {
	width: 100%; max-width: 170px;
}
.footer-nav-wrapper .footer-nav {
	margin: 0px; width: 70%; padding-left: 4%; vertical-align: middle; display: inline-block;
}
.footer-nav ul li {
	list-style: none; line-height: 150%; font-size: 14px; margin-top: 1%; margin-right: 5.25%; margin-bottom: 1%; display: inline-block;
}
.footer-nav ul li a {
	color: rgb(77, 77, 77); display: inline-block;
}
.footer-nav ul li .fa {
	color: rgb(77, 77, 77); font-weight: bold; margin-right: 0.5em;
}
.footer-wrapper {
	margin: 0px; padding: 2% 0px; border-top-color: rgb(204, 204, 204); border-top-width: 1px; border-top-style: solid;
}
.footer-language {
	float: right; position: relative;
}
.footer-language a {
	line-height: 150%; padding-left: 25px; font-size: 13px; display: inline-block;
}
.footer-language i {
	color: rgb(0, 66, 128); font-size: 20px; display: inline-block; position: absolute;
}
.footer-copyright {
	float: left;
}
.footer-copyright li {
	list-style: none; padding: 0px 8px; color: rgb(102, 102, 102); line-height: 150%; font-size: 12px; border-left-color: rgb(153, 153, 153); border-left-width: 1px; border-left-style: solid; float: left;
}
.footer-copyright li.copr-first {
	padding-left: 0px; border-left-color: currentColor; border-left-width: medium; border-left-style: none;
}
.footer-copyright li a {
	color: rgb(102, 102, 102); display: block;
}
.footer-panel-wrapper {
	left: 0px; bottom: 80px; position: absolute; z-index: 1000 !important;
}
.language-panel {
	display: none;
}
.panel-control-down a {
	background: url("css-img/arrow-panel-control-down.png") no-repeat; margin: 0px auto; width: 90px; height: 15px; text-indent: -9999px; display: block;
}
.lang-desc {
	margin: 30px 0px 0px; text-align: center; color: rgb(77, 77, 77); line-height: 150%; padding-bottom: 1%; font-size: 16px; border-bottom-color: rgb(235, 235, 235); border-bottom-width: 3px; border-bottom-style: solid;
}
ol.lang-list li {
	list-style: square; width: 110px; color: rgb(128, 128, 128); margin-top: 10px; margin-left: 18px; float: left;
}
ol.lang-list li a {
	color: rgb(0, 66, 128); font-size: 14px; display: block;
}
.slide-out-div {
	background: rgb(250, 250, 250); border: 5px solid rgb(179, 179, 179); border-image: none; width: 300px; z-index: 5000; min-height: 145px; box-sizing: content-box;
}
.slide-out-div .handle {
	width: 30px; height: 165px; text-indent: -99999px; margin-top: -5px; margin-left: -5px;
}
.slide-out-div .panel-left {
	padding: 25px 0px 0px 15px; width: 165px; float: left;
}
.slide-out-div .panel-left h3 {
	margin: 0px; padding: 0px 0px 5px; font-size: 18px; font-weight: normal;
}
.slide-out-div .panel-left h4 {
	margin: 0px; padding: 0px 0px 5px; font-size: 13px; font-weight: normal;
}
.slide-out-div .panel-left ul {
	margin: 0px; padding: 10px 0px 4px;
}
.slide-out-div .panel-left li {
	list-style: none; padding: 0px 0px 4px 25px; line-height: 16px; font-size: 13px;
}
.slide-out-div .panel-left li.callback {
	background: url("css-img/contact-callback.gif") no-repeat;
}
.slide-out-div .panel-left li.livechat {
	background: url("css-img/contact-livechat.gif") no-repeat;
}
.slide-out-div .panel-left li.emailus {
	background: url("css-img/contact-emailus.gif") no-repeat;
}
.slide-out-div .panel-left li.qq {
	background: url("css-img/contact-qq-offical.gif") no-repeat;
}
.slide-out-div .panel-right {
	padding: 20px 15px; width: 90px; float: right; box-sizing: content-box;
}
.slide-out-div .panel-right img {
	border: 2px solid rgb(229, 229, 229); border-image: none;
}
.slide-out-div .panel-desc {
	padding: 0px 15px 15px; line-height: 1.5em;
}
.main-list ul li {
	list-style: none; padding: 25px 0px; width: 100%;
}
.main-list ul .listPic {
	width: 17%; margin-right: 2.5%; float: left;
}
.main-list ul .emptyPic .listPic {
	display: none;
}
.main-list ul .listPic img {
	width: 100%;
}
.main-list ul .listText {
	width: 80%; float: left;
}
.main-list ul .emptyPic .listText {
	width: 100%; float: none;
}
.main-list ul h3 {
	line-height: 1.5em; padding-bottom: 5px; font-size: 17px; font-weight: normal;
}
.main-list ul h4 {
	line-height: 1.5em; padding-bottom: 5px; font-size: 14px; font-weight: normal;
}
.main-list ul h5 {
	color: rgb(102, 102, 102); line-height: 1.5em; padding-bottom: 5px; font-size: 13px; font-weight: normal;
}
.main-list ul .tag {
	line-height: 1.5em; padding-bottom: 5px; font-size: 14px; font-weight: bold;
}
.main-article {
	line-height: 1.5em !important; font-size: 14px !important;
}
.main-article p {
	margin: 40px 0px !important; line-height: 1.5em !important; font-size: 14px !important;
}
.main-article > div {
	margin: 40px 0px !important; line-height: 1.5em !important; font-size: 14px !important;
}
.main-article ul {
	margin: 40px 0px !important; line-height: 1.5em !important; font-size: 14px !important;
}
.main-article ol {
	margin: 40px 0px !important; line-height: 1.5em !important; font-size: 14px !important;
}
.main-article ul {
	list-style-type: square;
}
.main-article li {
	margin: 0px 0px 5px 25px;
}
.main-article .article-heading {
	margin: 40px 0px;
}
.main-article .para-heading {
	margin: 0px 0px -20px;
}
.main-article h2 {
	margin: 10px 0px; line-height: 1.5em; font-size: 20px; font-weight: normal;
}
.main-article h3 {
	margin: 10px 0px; line-height: 1.5em; font-size: 18px; font-weight: normal;
}
.main-article h4 {
	margin: 10px 0px; line-height: 1.5em; font-size: 14px; font-weight: normal;
}
.main-article h5 {
	margin: 10px 0px; line-height: 1.5em; font-size: 13px; font-weight: normal;
}
.main-article table {
	width: 100%; border-collapse: collapse;
}
.main-article td {
	border-width: 1px 0px; border-style: solid none; border-color: rgb(217, 217, 217) currentColor; padding: 5px 20px; border-image: none; text-align: left; vertical-align: top;
}
.main-article th {
	border-width: 1px 0px; border-style: solid none; border-color: rgb(217, 217, 217) currentColor; padding: 5px 20px; border-image: none; text-align: left; vertical-align: top;
}
.main-article th {
	font-size: 16px; font-weight: normal; background-color: rgb(250, 250, 250);
}
.pagination-wrapper {
	margin: 0px auto; padding: 40px 0px; text-align: center; word-spacing: -1em; display: table;
}
.pagination {
	width: auto; text-align: center; display: inline-block;
}
.pagination-wrapper .page-input {
	margin: 9px 9px 9px 0px; width: auto; padding-left: 10px; display: inline-block;
}
.pagination-wrapper .page-input input {
	-moz-appearance: textfield;
}
.pagination ul {
	list-style: none; margin-left: -40px;
}
.pagination ul li {
	margin: 0px 2px; font-size: 14px; display: inline; cursor: pointer;
}
.pagination ul li a {
	margin: 0px; padding: 8px 13px; border: currentColor; border-image: none; color: rgb(77, 77, 77); text-decoration: none;
}
.pagination ul li.disabled a {
	padding: 8px 0px; cursor: not-allowed;
}
.pagination ul li.arrow a {
	padding: 8px 15px; border-radius: 3px;
}
.pagination ul li.disabled.arrow a {
	color: rgb(232, 232, 232); cursor: not-allowed;
}
.pagination ul li a:hover {
	border-radius: 3px; background-color: rgb(232, 232, 232);
}
.pagination ul li.disabled a:hover {
	background-color: transparent;
}
.pagination ul li.active a {
	border-radius: 3px; color: rgb(255, 255, 255); background-color: rgb(51, 104, 153);
}
.pagination-wrapper .page-input input {
	padding: 7px 6px; border-radius: 3px; border: 1px solid rgb(204, 204, 204); border-image: none; width: 30px; font-size: 14px;
}
.pagination-wrapper .page-input input:focus {
	border-color: rgb(51, 104, 153);
}
.pagination-wrapper .page-input span {
	font-size: 14px;
}
.pagination-wrapper .page-input span a {
	padding: 0px 8px; color: rgb(77, 77, 77); cursor: pointer;
}
.pagination-wrapper .page-input span a:hover {
	color: rgb(0, 66, 128);
}
.cs-article-share {
	margin: 8px 0px 0px; padding: 0px; float: right;
}
.cs-article-share span {
	margin: 0px; padding: 0px; cursor: pointer;
}
.cs-article-share .cs-share-icon {
	margin-right: 2px !important;
}
.addthis_sharing_toolbox {
	padding: 0px; clear: right !important; float: right; display: block;
}
.addthis_sharing_toolbox .at-share-btn {
	margin: 0px; padding: 0px;
}
.shareto_toolbox {
	margin: 8px 0px 0px 5px; padding: 0px; float: right; display: block;
}
.fixed-element {
	position: relative;
}
.fixed-element .previous {
	padding: 10px 25px; border-radius: 2px; left: 10px; top: 53px; width: auto; text-align: center; color: rgb(255, 255, 255); position: fixed; z-index: 50000; cursor: pointer; opacity: 0.8; background-color: rgb(77, 77, 77);
}
.fixed-element .previous a {
	color: rgb(255, 255, 255);
}
.LPMcontainer {
	display: inline-block !important;
}
.consent-box {
	padding: 0px 0px 15px; top: 0px; width: 100%; height: auto; display: none; position: fixed; z-index: 100; opacity: 0.9; background-color: rgb(98, 98, 98); -moz-opacity: .5;
}
.consent-box .close-icon {
	width: 17px; height: 17px; margin-top: 15px; margin-right: 15px; float: right; cursor: pointer; background-image: url("https://wfcache.advantech.com/www/images/button/close-white.png");
}
.consent-box .consent-body {
	margin: 25px auto 0px; width: 100%; text-align: center; color: rgb(255, 255, 255); line-height: 1.7em; font-size: 14px; max-width: 820px;
}
.consent-box .consent-body i {
	font-size: 18px; margin-right: 10px;
}
.bg-red.consent-box {
	background-color: rgb(222, 67, 67);
}
