.wpe-box-remove{
display: none;
} .wpe-box{
padding: 6px 9px;
margin: 0 auto 25px;
display: block;
width: 100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
} .wpe-box p:last-child {
margin-bottom: 0 !important;
} .wpe-box-note {
background: #eee;
border: 1px solid #ccc;
} .wpe-box-alert {
background: #fffbbc;
border: 1px solid #E6DB55;
} .wpe-box-error {
background: #ffebe8;
border: 1px solid #C00;
} .wpe-box-download {
background: #e7f7d3;
border: 1px solid #6c3;
}  a.wpe-button {
display:inline-block;
background-color: #eee;
border:1px solid #ccc;
color:#333;
line-height:1em;
text-align:center;
text-decoration:none;
padding:6px 15px;
margin: 0;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
-webkit-box-shadow: inset 0 1px 0 rgba(245,245,245,.5), 
inset 0 -5px 30px rgba(245,245,245,.25), 
0 1px 1px rgba(0,0,0,.3);
-moz-box-shadow: inset 0 1px 0 rgba(245,245,245,.5), 
inset 0 -5px 30px rgba(245,245,245,.25), 
0 1px 1px rgba(0,0,0,.3);
box-shadow: inset 0 1px 0 rgba(245,245,245,.5), 
inset 0 -5px 30px rgba(245,245,245,.25), 
0 1px 1px rgba(0,0,0,.3);
}
a.wpe-button:hover {
text-decoration: none;
-webkit-box-shadow: inset 0 1px 0 rgba(245,245,245,.7), 
inset 0 -5px 30px rgba(245,245,245,.45), 
0 1px 1px rgba(0,0,0,.4);
-moz-box-shadow: inset 0 1px 0 rgba(245,245,245,.7), 
inset 0 -5px 30px rgba(245,245,245,.45), 
0 1px 1px rgba(0,0,0,.4);
box-shadow: inset 0 1px 0 rgba(245,245,245,.7), 
inset 0 -5px 30px rgba(245,245,245,.45), 
0 1px 1px rgba(0,0,0,.4);
}
a.wpe-button:active {
border-color: #20559a;
-webkit-box-shadow: inset 0 3px 7px rgba(0,0,0,.5),
0 1px 0 rgba(255,255,255, 0);
-moz-box-shadow: inset 0 3px 7px rgba(0,0,0,.5),
0 1px 0 rgba(255,255,255, 0);
box-shadow: inset 0 3px 7px rgba(0,0,0,.5),
0 1px 0 rgba(255,255,255, 0);
border-color:transparent;
} a.wpe-button.wpe-button-white {
background-color: #eee;
color:#333;
border-color:#ccc;
}
a.wpe-button.wpe-button-black {
background-color: #333;
color:#fff;
border-color:#444;
}
a.wpe-button.wpe-button-red {
background-color: #d32f3b;
color:#fff;
border-color:#e40;
}
a.wpe-button.wpe-button-green {
background-color: #4a0;
color:#fff;
border-color:#4a0;
}
a.wpe-button.wpe-button-blue {
background-color: #07e;
color:#fff;
border-color:#0af;
} .wpe-col-remove{
display: none;
} .wpe-col:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.wpe-col{
width: 100%;
clear: both;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.wpe-col-1,.wpe-col-2,.wpe-col-3{
float: left;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
} .wpe-col.wpe-col-12-12 .wpe-col-1{
width: 47.5%;
margin-right: 5%;
}
.wpe-col.wpe-col-12-12 .wpe-col-2{
width: 47.5%;
} .wpe-col.wpe-col-13-23 .wpe-col-1{
width: 30%;
margin-right: 5%;
}
.wpe-col.wpe-col-13-23 .wpe-col-2{
width: 65%;
} .wpe-col.wpe-col-23-13 .wpe-col-1{
width: 65%;
margin-right: 5%;
}
.wpe-col.wpe-col-23-13 .wpe-col-2{
width: 30%;
} .wpe-col.wpe-col-13-13-13 .wpe-col-1{
width: 30%;
margin-right: 5%;
}
.wpe-col.wpe-col-13-13-13 .wpe-col-2{
width: 30%;
margin-right: 5%;
}
.wpe-col.wpe-col-13-13-13 .wpe-col-3{
width: 30%;
} @media screen and (max-width: 590px) { .wpe-col.wpe-col-12-12 .wpe-col-1{
width: 100%;
margin-right: 0;
}
.wpe-col.wpe-col-12-12 .wpe-col-2{
width: 100%;
} .wpe-col.wpe-col-13-23 .wpe-col-1{
width: 100%;
margin-right: 0;
}
.wpe-col.wpe-col-13-23 .wpe-col-2{
width: 100%;
} .wpe-col.wpe-col-23-13 .wpe-col-1{
width: 100%;
margin-right: 0;
}
.wpe-col.wpe-col-23-13 .wpe-col-2{
width: 100%;
} .wpe-col.wpe-col-13-13-13 .wpe-col-1{
width: 100%;
margin-right: 0;
}
.wpe-col.wpe-col-13-13-13 .wpe-col-2{
width: 100%;
margin-right: 0;
}
.wpe-col.wpe-col-13-13-13 .wpe-col-3{
width: 100%;
}
}.pln{color:#000}@media screen{.str{color:#080}.kwd{color:#008}.com{color:#800}.typ{color:#606}.lit{color:#066}.pun,.opn,.clo{color:#660}.tag{color:#008}.atn{color:#606}.atv{color:#080}.dec,.var{color:#606}.fun{color:red}}@media print,projection{.str{color:#060}.kwd{color:#006;font-weight:bold}.com{color:#600;font-style:italic}.typ{color:#404;font-weight:bold}.lit{color:#044}.pun,.opn,.clo{color:#440}.tag{color:#006;font-weight:bold}.atn{color:#404}.atv{color:#060}}pre.prettyprint{padding:2px;border:1px solid #888}ol.linenums{margin-top:0;margin-bottom:0}li.L0,li.L1,li.L2,li.L3,li.L5,li.L6,li.L7,li.L8{list-style-type:none}li.L1,li.L3,li.L5,li.L7,li.L9{background:#eee}body pre{
font-size: 14px;
line-height: 20px;
padding: 20px;
background-color: #eee;
background-size: 40px 40px;
background-image: linear-gradient(rgba(255, 255, 255, 0.5) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0));
background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.5) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0));
background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.5) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0));
background-image: -ms-linear-gradient(rgba(255, 255, 255, 0.5) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(rgba(255, 255, 255, 0.5) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0));
}
body pre code{
font-size: 14px;
line-height: 20px;
background: transparent;
} body pre.prettyprinted{
border: none;
padding: 20px;
padding-left: 85px;
} body pre.prettyprinted.linenums ol.linenums{
color: #ccc;
margin: 0 0 0 65px;
padding: 0;
}
body pre.prettyprinted.linenums{
padding-left: 0;
}
body pre.prettyprinted.linenums li{
padding-left: 20px;
margin-left: 0;
background: transparent;
border-left: 1px solid #ccc;
}
body pre.prettyprinted.linenums li.L0,
body pre.prettyprinted.linenums li.L1,
body pre.prettyprinted.linenums li.L2,
body pre.prettyprinted.linenums li.L3,
body pre.prettyprinted.linenums li.L5,
body pre.prettyprinted.linenums li.L6,
body pre.prettyprinted.linenums li.L7,
body pre.prettyprinted.linenums li.L8{
list-style-type: decimal;
}
body pre.prettyprinted .pln{
color:#000;
}
.lang-css .pln{
color: #0080ff;
}
body pre.prettyprinted .kwd{
color:#0000ff;
}
body pre.prettyprinted.lang-css .kwd{
color: #8080c0;
}
body pre.prettyprinted .pun,
body pre.prettyprinted .opn,
body pre.prettyprinted .clo{
color:#8000ff;
}
body pre.prettyprinted.lang-css .pun,
body pre.prettyprinted.lang-css .opn,
body pre.prettyprinted.lang-css .clo{
color: #000;
}
body pre.prettyprinted .str{
color:#666;
}
body pre.prettyprinted.lang-css .str{
color: #000;
}
body pre.prettyprinted .com{
color:#008800;
}
body pre.prettyprinted .lit{
color:#066;
}
body pre.prettyprinted.lang-css .lit{
color: #000;
}
body pre.prettyprinted .tag{
color:#0000ff;
}
body pre.prettyprinted .atn{
color:#ff0000;
}
body pre.prettyprinted .atv{
color:#8000ff;
}
body pre.prettyprinted .typ{
color:#000;
}
body pre.prettyprinted .dec,
body pre.prettyprinted .var{
color:#000;
}
body pre.prettyprinted .fun{
color:#ff0000;
} body pre.prettyprinted[class*="lang-"]{
padding: 0;
position: relative;
}
body pre.prettyprinted[class*="lang-"] ol.linenums{
margin-top: 20px;
}
body pre.prettyprinted[class*="lang-"] ol.linenums li:last-child{
padding-bottom:20px;
}
body pre.prettyprinted[class*="lang-"]:before{
content: "</>";
text-align: center;
color: #fff;
background: #ccc;
padding-right: 0;
display: block;
position: absolute;
top: 0;
left: 0;
width: 66px;
height: 20px;
}
body pre.prettyprinted.lang-js:before{
content: "JS";
}
body pre.prettyprinted.lang-css:before{
content: "CSS";
}
body pre.prettyprinted.lang-php:before{
content: "PHP";
}
body pre.prettyprinted.lang-html:before{
content: "HTML";
}