html,body {
   min-width:320px;
}
body {
   margin:0;
   padding:0;
   /*background:#fff;*/
   font-family: 'intel-clear', sans-serif;
   font-size:13px;
   color:#222;
}
* {
   outline:none;
}
.wrapper {
   width:1200px;
   margin:auto;
}
#header .wrapper {
   position:relative;
}
body, td, tr, th, div, p, span, h1, a,button,input,select {
   font-family: 'intel-clear', sans-serif;
}
a,.a {
   color:#0086D8;
   text-decoration:none;
}
a:hover,a.hover,.a:hover,.ahover {
   text-decoration:underline;
}
.pointer {
   cursor:pointer;
}
.hl {
   background:#fbfbfb;
}
.link:hover {
   background:#fbfbfb;
   cursor:pointer;
}
button {
   outline:none;
}
#content {
   padding:20px;
}
/* ------------------- */
#header {
   height:60px;
   border-bottom:solid 1px #e6e7e8;
   background:#f8f9fa;
   width:100%;
}
#header-title {
   padding-left:15px;
  -webkit-font-smoothing: antialiased;
   text-rendering: optimizelegibility;
   font-size:19px;
   line-height:30px;
   font-weight:300;
   cursor:pointer;

}
#header i {
   color:#999;
   width:30px;
   height:30px;
   text-align:center;
   font-size:20px;
   line-height:30px;
   cursor:pointer;
   margin:15px 15px 15px 0;
}
#header-title i {
   font-size:15px;
   margin:0;
   padding:0;
}
#logo {
   cursor:pointer;
   width:70px;
   height:30px;
   border-right:solid 1px #e6e7e8;
   background-repeat:no-repeat;
   background-size:30px 30px;
   background-position:20px 0px;
}
#header-avatar {
   cursor:pointer;
   width:30px;
   height:30px;
   background-repeat:no-repeat;
   background-size:contain;
   opacity:1;
   padding:0;
   border-radius:5px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   margin:15px 15px 15px 0;
}
/* ------------------- */
#navbar {
   background:#f2f4f5;
   border-bottom:solid 1px #e6e7e8;
   height:50px;
   overflow:hidden;
}
#navbar a {
   display:inline-block;
   font-size:13px;
   padding:0px 20px;
   line-height:50px;
   color:#999;
   transition: color 200ms ease;
}
#navbar a:hover {
   color:#222;
   text-decoration:none;
}
#navbar a.sel {
   color:#222;
   font-weight:bold;
}
/* ------------------- */
table.table11 {
   border-collapse:collapse;
}
table.table11 th {
   -webkit-font-smoothing: antialiased;
   text-rendering: optimizelegibility;
   border-top:solid 1px #e6e7e8;
   border-bottom:solid 1px #e6e7e8;
   background:#f8f9fa;
   padding:10px;
   font-size:12px;
   color:#939393;
   text-align:left;
}
table.table11 th:first-child {
   border-left:solid 1px #e6e7e8;
}
table.table11 th:last-child {
   border-right:solid 1px #e6e7e8;
}
table.table11 td {
   border-bottom:solid 1px #e6e7e8;
   padding:10px;
}
table.table11-sides tr td:first-child {
   border-left:solid 1px #e6e7e8;
}
table.table11-sides tr td:last-child {
   border-right:solid 1px #e6e7e8;
}
/* ------------------- */
table.table12 {
   border-collapse:collapse;
}
table.table12 th {
   text-align:left;
   font-weight:bold;
   padding:10px;
   border-top:solid 1px #e6e7e8;
   border-bottom:solid 1px #e6e7e8;
}
table.table12 td {
   padding:10px;
   border-bottom:solid 1px #e6e7e8;
   border-top:solid 1px #e6e7e8;
}
/* ------------------- */
.table0 {
   border-collapse:collapse !important;
}
.table0 th {
   padding:0 !important;
}
.table0 td {
   vertical-align:top; 
   padding:0 !important;
}
/* ------------------- */
#lay-switchuser a {
   display:block;
   padding:10px 15px;
}
#lay-switchuser a b {
   color:#333;
   font-size:12px;
   font-weight:normal;
}
#lay-switchuser a:hover {
   text-decoration:none;
   background:#f7f7f7;
}
/* ------------------- */
.content1 {
   background:#fff;
   border:solid 1px #e6e7e8;
}
.content1-inner {
   padding:15px 15px;
}
.title11 {
   padding:10px;
   background:#f8f9fa;
   border:solid 1px #e6e7e8;
   border-bottom:0;
   color:#333;
   -webkit-font-smoothing: antialiased;
   text-rendering: optimizelegibility;
   font-size:15px;
   font-weight:600;
}
.content1-title {
   padding:10px 15px;
   font-size:15px;
   font-weight:600;
   background-color:#f8f9fa;
   border-bottom:solid 1px #e6e7e8;
   color:#333;
   -webkit-font-smoothing: antialiased;
   text-rendering: optimizelegibility;
}
/* ------------------- */
#lay-menu-carrot {
   background-image:url(//cdn.ywxi.net/static/img/header-dropmenu-carrot.png);
   background-repeat:no-repeat;
   width:15px;
   height:11px;
   position:absolute;
   top:40px;
   z-index:1002;
   display:none;
}
.header-dropmenu {
   box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.20);
   position:absolute;
   background:#fff;
   border:solid 1px #e8e9ea;
   z-index:1002;
   display:none;
   top:50px;
   background:#fff;
   border-radius:0px;
   overflow:hidden;
}
.header-dropmenu a {
   display:block;
   font-size:13px;
   text-decoration:none;
   background:#fff;
   border-bottom:solid 1px #efefef;
   color:#555;
   padding:10px;
   text-overflow:ellipsis;
   white-space:nowrap;
   overflow:hidden;
   transition: background-color 100ms ease;
}
.header-dropmenu a span {
   float:right;
   background-color:#f5851f;
   border-radius:8px;
   color:#fff;
   font-size:10px;
   padding:3px 10px;
}
.header-dropmenu a:last-child {
   border-bottom:0;
}
.header-dropmenu a:hover {
   background:#f7f7f7;
}
#lay-menu-switch {
   max-height:300px;
   overflow-x:hidden;
   overflow-y:auto;
   right:100px;
   width:200px;
}
#lay-menu-account {
   width:170px;
   right:15px;
}
#lay-menu-general {
   width:200px;
   right:55px;
}
#lay-menu-sites {
   max-height:300px;
   overflow-x:hidden;
   overflow-y:auto;
   left:80px;
   width:300px;
}
.header-button-alert {
   width:8px;
   height:8px;
   background-color:#f5851f;
   display:block;
   border-radius:5px;
   position:relative;
   top:-27px;
   left:20px;
}
/* ------------------- */
.pagination {
   height:30px;
}
.pagination a {
   text-decoration:none;
   background:#ccc;
   display:inline-block;
   float:left;
   text-shadow: 0 1px 0 white;
   background-image: -webkit-linear-gradient(#F9F9F9, #E8E8E8);
   background-image: -moz-linear-gradient(#F9F9F9, #E8E8E8);
   background-image: -o-linear-gradient(#F9F9F9, #E8E8E8);
   background-image: -ms-linear-gradient(#F9F9F9, #E8E8E8);
   background-image: linear-gradient(#F9F9F9, #E8E8E8);
   box-shadow: inset 0 1px 0 white;
   border-top: solid 1px #BBB;
   border-bottom: solid 1px #BBB;
   border-right: solid 1px #ddd;
   padding:5px 10px;
}
.pagination a:hover {
   background:#ddd;
}
.pagination a.sel {
   font-weight:700;
   background:#eee;
}
.pagination a:first-child {
   border-left: solid 1px #BBB;
   -webkit-border-top-left-radius: 4px;
   -webkit-border-bottom-left-radius: 4px;
   -moz-border-radius-topleft: 4px;
   -moz-border-radius-bottomleft: 4px;
   border-top-left-radius: 4px;
   border-bottom-left-radius: 4px;
}
.pagination a:last-child {
   border-right: solid 1px #BBB;
   -webkit-border-top-right-radius: 4px;
   -webkit-border-bottom-right-radius: 4px;
   -moz-border-radius-topright: 4px;
   -moz-border-radius-bottomright: 4px;
   border-top-right-radius: 4px;
   border-bottom-right-radius: 4px;
}
/* ------------------- */
.modal-title {
   padding:10px 15px;
   font-size:15px;
   line-height:27px;
   font-weight:600;
   background:#e6e7e8;
}
/* ------------------- */
.breadcrumbs {
   height:20px;
}
.breadcrumbs a {
   float:left;
   color:#666;
   display:inline-block;
   background-position:100% 50%;
   margin-right:10px;
   padding:0 15px 0 0px;
   background-image:url(//cdn.ywxi.net/static/img/arrow_bc_right.png);
   background-repeat:no-repeat;
}
.breadcrumbs a:hover {
   color:#0086D8;
   text-decoration:none;
}
/* ------------------- */
div.code,textarea.code {
   outline:none;
   resize: none;
   border:0;
   border-left:solid 3px #efefef;
   background:#f7f7f7;
   font-family:monospace;
   padding:10px;
}
/* ------------------- */
.rating-bar {
   width:100px;
   height:10px;
   border-radius:5px;
   overflow:hidden;
   display:inline-block;
   background-color:#eee;
}
.rating-bar div {
   height:10px;
   display:inline-block;
   float:left;
}
.rating-bar div:last-child {
   border-right:none;
}
.gauge-bar {
   width:100px;
   height:10px;
   border-radius:5px;
   overflow:hidden;
   display:inline-block;
   background:#eee;
}
.gauge-bar div {
   height:10px;
   display:inline-block;
   float:left;
}
.gauge-bar div.green { background:#80c602; }
.gauge-bar div.red { background:#ffb902; }
.gauge-bar div.yellow { background:#ffb902; }

.dot-yellow {
   width:10px;
   height:10px;
   border-radius:5px;
   background:#ffb902;
   display:inline-block;
   margin-right:5px;
}
.dot-green {
   width:10px;
   height:10px;
   border-radius:5px;
   background:#80c602;
   display:inline-block;
   margin-right:5px;
}
.dot-red {
   width:10px;
   height:10px;
   border-radius:5px;
   background:#f04637;
   display:inline-block;
   margin-right:5px;
}
.dot-grey {
   width:10px;
   height:10px;
   border-radius:5px;
   background:#ccc;
   display:inline-block;
   margin-right:5px;
}
.small-grey {
   text-decoration:none;
   font-size:11px;
   color:#aaa;
}

.code-box {
   outline:none;
   width:100%;
   background:#fafafa;
   border:solid 1px #e5e5e5;
   resize:none;
   font-family:monospace;
   padding:15px;
}

.tabs {
   border-bottom:solid 2px #efefef;
   height:40px;
}
.tabs a {
   display:inline-block;
   color:#999;
   padding:0 10px;
   margin-right:10px;
   font-size:13px;
   line-height:38px;
}
.tabs a:hover {
   color:#333;
   text-decoration:none;
}
.tabs a.sel {
   font-weight:bold;
   color:#333;
   border-bottom:solid 2px #333;
}


h3 a.product-by-trustedsite {
   color:#999;
   font-weight:normal;
   margin-left:5px;
   letter-spacing:-0.3px;
   font-size:12px;
}
h3 a.product-by-trustedsite:hover {
   color:#80c602;
}