html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;height:100%;}
body{margin:0;line-height:1;width:100%;height:100%;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline;}
audio:not([controls]){display:none;height:0;}
[hidden],template{display:none;}
a{background:transparent;}
a:active,a:hover{outline:0;}
abbr[title]{border-bottom:1px dotted;}
b,strong{font-weight:bold;}
dfn{font-style:italic;}
h1{font-size:2em;margin:0.67em 0;}
mark{background:#ff0;color:#000;}
small{font-size:80%;}
sub,sup{line-height:0;position:relative;vertical-align:baseline;font-size: 0.8em !important;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
img{border:0;}
svg:not(:root){overflow:hidden;}
figure{margin:1em 40px;}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}
pre{overflow:auto;}
code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em;}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0;}
button{overflow:visible;}
button,select{text-transform:none;}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}
button[disabled],html input[disabled]{cursor:default;}
button::-moz-focus-inner,
input::-moz-focus-inner{border:0;padding:0;}
input{line-height:normal;}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button{height:auto;}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}
legend{border:0;padding:0;}
textarea{overflow:auto;}
optgroup{font-weight:bold;}
table{border-collapse:collapse;border-spacing:0;}
td,th{padding:0;}
blockquote, q{quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after{content:'';content:none;}
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
body {font-family:-apple-system,Helvetica,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif!important;font-size:17px!important;line-height:1.5;background: #fff;}
.clearfix:before, .clearfix:after {content:" ";display:table}
.clearfix:after {clear:both}
.clearfix {*zoom:1}
a{text-decoration:none;text-decoration-skip-ink:none;color:rgb(0, 108, 202);border-bottom:1px solid rgba(0, 108, 202,0.4)}
a:hover{text-decoration:none;color:orange;border-bottom-color:rgba(255,165,0,0.5)}
h1, h2, .h2, h3, h4, h5, h6 {display:block;padding:0;color:#000;line-height:1.2;font-weight:500;}
h1{font-size:36px;margin:20px 0;}
h2,.h2 {font-size:28px;margin:15px 0;}
h3{font-size:22px;margin:15px 0;}
h4{font-size: 17px;margin: 12px 0;color: #333;font-weight: normal;}
h5, h6{font-size:16px;font-weight:0;margin:12px 0;}
h3.disc{padding-left: 15px;position:relative}
h3.disc:before{content:'';width:6px;height:6px;position:absolute;top: 11px;display:inline-block;left: 0;background:#333;border-radius: 50%}
h2 a, h3 a {color:#000;border-bottom: none;}
h2 a svg, h3 a svg{display:none;vertical-align: middle; fill: #999;}
h2 a:hover svg,h3 a:hover svg{display:inline-block;}
h2 a:hover,h3 a:hover{color:#000;}
.wrp{min-width:1088px;max-width:1200px;margin:0 auto;position:relative;padding:0 10px}
.snp-wrap {min-width:1088px;max-width:1200px;margin:0 auto;position:relative;padding:0 10px; display:flex;justify-content: space-between; }
.snp-wrap-content {padding:0 40px 20px 0;flex: 1; box-sizing: border-box; overflow: hidden;}
.snp-wrap-sidebar {padding-top: 20px;width: 300px; flex: 0 0 300px;}
#flex-container {background: rgb(0, 150, 208); display: flex; height: ; flex-wrap: nowrap; }
#flex-container > div {background: rgb(241, 101, 41); border: 1px solid; width: ; margin: 0px; padding: 0px; }
#flex-container > div:nth-of-type(1) {width: 100%; }
#flex-container > div:nth-of-type(2) {width: 300px; }
.header{height:90px;background:#F7F7F7 url(../img/header-bg.png) 50% 100% repeat; border-top: 1px solid #e6e6e6;}
.header_tags{position:absolute;top:29px;left:10px}
.header_tags .snp-btn:after{content:'';display:inline-block;border-width:5px;margin:0 -6px 0 7px;position:relative;top:2px;border-style:solid;border-right:5px solid transparent;border-color:#000 transparent transparent;width:0;height:0}
.header_tags:hover .snp-btn{background:#ffb328}
.header_tags-popup{display:none;position:absolute;left:0;top:100%;padding:10px 20px;border:1px solid #e3e3e3;background:#FBFBFB;z-index:9999;width:740px;box-shadow:0 5px 24px 0 rgba(19, 19, 19, 0.23)}
.header_tags:hover .header_tags-popup{display:block;}
.header_tags-popup table{width:100%;}
.header_tags-popup td{width:25%;vertical-align:top;}
.header_tags-popup ul{margin:0;padding:0;}
.header_tags-popup li{margin:10px 0;padding:0;display:block;line-height:17px;}
.header_tags-popup a{font-size:14px;}
.snp-logo{border-bottom:none;position:absolute;top: 22px;left:50%;display:block;width:200px;height:44px;line-height:44px;margin-left:-100px;text-align:center;color:#000!important;font-size:44px;font-weight:900;font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;user-select: none;}
.snp-logo span{color:orange;}
.snp-header-right{position:absolute;right:10px;top:29px;vertical-align:top;}
.snp-search-icon{line-height:25px;color:#000;vertical-align:top;border-bottom:none;font-size:15px;display:inline-block;}
.snp-search-icon svg{width:20px;height:20px;vertical-align:top;line-height:25px;position:relative;top: 2px;}
.snp-search-body{position:fixed;overflow:hidden;top:0;left:0;right:0;bottom:0;}
.snp-search-overlay{position:fixed;top: 147px;right: 0;left:0;bottom: 0;z-index: 9999;background:rgba(255, 255, 255, 0.97);display:none;}
.snp-search-wrapper{width:100%;height:100%;overflow-y: auto;}
.snp-search-close{position:absolute;top: 24px;right: 32px;border: none;display:inline-block;width:46px;height:46px;padding:7px;box-sizing: border-box;border-radius: 50%;}
.snp-search-close svg{width:32px;height:32px;}
.snp-search-close:hover {background:#eee;}
.snp-search-wrp{width:670px;margin:0 auto;position:relative;padding:30px 0;}
.snp-search-form{margin-bottom:30px;position:relative;}
.snp-search-form input[type="text"]{border: 2px solid orange;display:inline-block;padding:0;margin:0;line-height:40px;text-indent: 15px;outline: none;width:90%;height:40px;border-radius: 4px 0 0 4px;}
.snp-search-btn{position:absolute;top: 0;right: 0;display:inline-block;padding:0 20px;color:#000;font-weight:400;font-size:16px;background-color:orange;border-radius: 0 4px 4px 0;width:70px;height:44px;line-height:44px;text-align:center;border: none;}
.snp-search-btn:hover{color:#000;background-color:#f3a312;}
.snp-search-btn:active{color:#000;background-color:#d08f26;}
.snp-loginbox{display:inline-block;margin-left:20px;}
.snp-loginbox-triger{color:#000;display:inline-block;height:24px;line-height:24px;font-size:15px;border-bottom:none;}
.snp-loginbox img{display:inline-block;vertical-align:top;line-height:24px;margin-right:5px;border: 1px solid #ddd;width:24px;height:24px;}
.snp-loginbox-name{vertical-align:top;line-height:24px;}
.snp-loginbox-login{line-height:25px;color:#000;vertical-align:top;border-bottom:none;font-size:15px;}
.snp-loginbox-login svg{width:20px;height:20px;vertical-align:top;line-height:25px;position:relative;top: 2px;}
ul.snp-loginbox-popup{display:none;position:absolute;top: 35px;right: -10px;padding:10px 17px;margin:0;z-index: 99999;background:#fff;border: 1px solid #eee;box-shadow: 0 5px 5px 0 rgba(19, 19, 19, 0.1);}
.snp-loginbox-popup:after, .snp-loginbox-popup:before{content:"";border: solid transparent;position:absolute; right: 20px;bottom: 100%;}
.snp-loginbox-popup:after{border-bottom-color:#fff;border-width:8px;margin-left:0;}
.snp-loginbox-popup:before{border-bottom-color:#ddd;border-width:9px;margin-left:-1px;}
.snp-popupmenu li{display:block;margin:2px 0;padding:0 10px 0 0;line-height:22px;}
.snp-popupmenu li a{font-size:14px;color:#000;white-space: nowrap;border-bottom:none;}
.snp-popupmenu li a:hover{color:orange;}
li.snp-popupmenu-out a{color:#e92a40;}
li.snp-popupmenu-out a:hover{color:#fb001d;}
.snp-hover:hover {color:#f3a312;}
.snp-hover:hover svg{fill:#f3a312;}
.snp-hover:active {color:#d08f26;}
.snp-hover:active svg{fill:#d08f26;}
/* login */
.snp-oauth{width:360px;position:relative;padding:20px;}
.snp-oauth h2{margin:0 0 20px 0;padding:0;}
.snp-oauth-close{display:inline-block;width:16px;height:16px;padding:8px;position:absolute;top: 10px;right: 10px;border-bottom:none;}
.snp-oauth-close svg{display:inline-block;width:16px;height:16px;fill:#666;}
.snp-oauth-item{margin-bottom:11px;}
.snp-oauth-item .active{box-shadow: 0 0 10px orange;}
.snp-oauth-item a{display:block;height:42px;padding:0;line-height:42px;border-radius: 4px;text-align:left;text-indent: 90px;position:relative;}
.snp-oauth-item svg{position:absolute;}
.snp-oauth-vk a{color:#fff;background:#597da2;border: 1px solid #597da2;}
.snp-oauth-vk a:hover{background:#415c77;border-color:#415c77;color:#fff;}
.snp-oauth-vk a:active{background:#384e65;}
.snp-oauth-vk svg{top: 2px;left:27px;}
.snp-oauth-fb a{color:#fff;background-color:#4267b2;border: 1px solid #4267b2;}
.snp-oauth-fb a:hover{background-color:#3c5790;border-color:#3c5790;color:#fff;}
.snp-oauth-fb a:active{background:#314673;}
.snp-oauth-fb svg{top: 7px;left:33px;}
.snp-oauth-ya a, .snp-oauth-google a, .snp-oauth-github a{color:#444;background-color:#fff;border: 1px solid #ddd;}
.snp-oauth-ya a:hover, .snp-oauth-google a:hover, .snp-oauth-github a:hover{background-color:#fff;border-color:#999;color:#000;}
.snp-oauth-ya a:active, .snp-oauth-google a:active, .snp-oauth-github a:active{background-color:#eee;}
.snp-oauth-ya svg{top: 7px;left:33px;}
.snp-oauth-google svg{top: 1px;left:28px;}
.snp-oauth-github svg{top: 1px;left:28px;}
.snp-oauth-text{font-size:13px;line-height:18px;padding-top: 10px;}
.top_menu{position:relative;border-bottom:1px solid #e6e6e6;height:45px;box-shadow: 0 1px 6px 0 #00000019;z-index: 2000;background:#fff;}
.top_menu-wrp{min-width:1088px;max-width:1200px;margin:0 auto;padding:0 10px;height: 46px;}
.top_menu-ul{text-align:justify;margin:0;padding:0;height: 46px;}
.top_menu-ul:before{content:'';display:block;width:100%;height:0;}
.top_menu-ul:after{content:'';width:100%;height:0;visibility: hidden;overflow:hidden;display:inline-block;}
.top_menu-li{display:inline-block;margin:0;padding:0;list-style: none;}
.top_menu-a{font-size:16px;color:#fff;border-bottom:none;}
.top_menu-a span{display:inline-block;padding:10px 0;border-bottom:2px solid #fff;color:#000;line-height:22px;}
.top_menu-li:hover .top_menu-a span{border-bottom:2px solid #000;}
.top_menu-popup{opacity:0;position:absolute;top:44px;left:0;width:100%;background:#fff;height:200px;z-index: 9999;padding:20px 0 20px 0;box-shadow: 1px 10px 10px 0 rgba(50, 50, 50, .1);border-top: 1px solid #e6e6e6;visibility: hidden;}
.top_menu-left .top_menu-popup{height:410px;}
.top_menu-left span:after{content: '';display: inline-block;border-width: 5px;margin: 0 0 0 7px;position: relative;top: 2px;border-style: solid;border-right: 5px solid transparent;border-color: #000 transparent transparent;width: 0;height: 0}
.js-hover .top_menu-li:hover .top_menu-popup{visibility: visible;opacity:1;}
.views_menu{margin:0 -25px 0 0;}
.views_menu-item{width:196px;float:left;margin:0 20px 0 0;padding:0;text-align:center;}
.views_menu-img{height:140px;overflow:hidden;text-align:center;position:relative;}
.views_menu-img img{max-width:100%;height:auto;position:absolute;margin:auto;left:0;top: 0;bottom: 0;right: 0;}
.views_menu-name{padding:5px 0 0 0;text-align:center;font-size:14px;line-height:16px;}
.views_menu-name a{color:#000;font-size:14px;line-height:16px;border-bottom-color:rgba(0, 0, 0,0.2);}
.top_menu-tools{width:100%;}
.top_menu-tools td{width:25%;}
.top_menu-tools a{font-size:14px;}
.top_menu-tools-title{margin-bottom:0;}
.top_menu-tools ul{margin:0 0 8px 0;padding:0;}
.top_menu-tools ul li{display:block;margin:0;padding:0;}
.fancybox-wrap,.fancybox-skin,.fancybox-outer,.fancybox-inner,.fancybox-image,.fancybox-wrap iframe,.fancybox-wrap object,.fancybox-nav,.fancybox-nav span,.fancybox-tmp{padding:0;margin:0;border:0;outline:none;vertical-align:top;}
.fancybox-wrap{position:absolute;top:0;left:0;z-index:8020;}
.fancybox-skin{position:relative;background:#f9f9f9;color:#444;text-shadow:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.fancybox-opened{z-index:8030;}
.fancybox-opened .fancybox-skin{-webkit-box-shadow:0 10px 25px rgba(0, 0, 0, 0.5);-moz-box-shadow:0 10px 25px rgba(0, 0, 0, 0.5);box-shadow:0 10px 25px rgba(0, 0, 0, 0.5);}
.fancybox-outer, .fancybox-inner{position:relative;}
.fancybox-inner{overflow:hidden;}
.fancybox-type-iframe .fancybox-inner{-webkit-overflow-scrolling:touch;}
.fancybox-error{color:#444;font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;padding:15px;white-space:nowrap;}
.fancybox-image, .fancybox-iframe{display:block;width:100%;height:100%;}
.fancybox-image{max-width:100%;max-height:100%;}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span{background-image:url('fancybox_sprite.png');border-bottom:none;}
#fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-22px;margin-left:-22px;background-position:0 -108px;opacity:0.8;cursor:pointer;z-index:8060;}
#fancybox-loading div{width:44px;height:44px;background:url('fancybox_loading.gif') center center no-repeat;}
.fancybox-close{position:absolute;top:-18px;right:-18px;width:36px;height:36px;cursor:pointer;z-index:8040;}
.fancybox-nav{position:absolute;top:0;width:40%;height:100%;cursor:pointer;background:transparent url('blank.gif');-webkit-tap-highlight-color:rgba(0,0,0,0);z-index:8040;}
.fancybox-prev{left:0;}
.fancybox-next{right:0;}
.fancybox-nav span{position:absolute;top:50%;width:36px;height:34px;margin-top:-18px;cursor:pointer;z-index:8040;visibility:hidden;}
.fancybox-prev span{left:10px;background-position:0 -36px;}
.fancybox-next span{right:10px;background-position:0 -72px;}
.fancybox-nav:hover span{visibility:visible;}
.fancybox-tmp{position:absolute;top:-99999px;left:-99999px;visibility:hidden;max-width:99999px;max-height:99999px;overflow:visible!important;}
.fancybox-lock{overflow:hidden!important;width:auto;}
.fancybox-lock body{overflow:hidden!important;}
.fancybox-lock-test{overflow-y:hidden!important;}
.fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index:8010;background:url('fancybox_overlay.png');}
.fancybox-overlay-fixed{position:fixed;bottom:0;right:0;}
.fancybox-lock .fancybox-overlay{overflow:auto;overflow-y:scroll;}
.fancybox-title{visibility:hidden;font:normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;position:relative;text-shadow:none;z-index:8050;}
.fancybox-opened .fancybox-title{visibility:visible;}
.fancybox-title-float-wrap{position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index:8050;text-align:center;}
.fancybox-title-float-wrap .child{display:inline-block;margin-right:-100%;padding:2px 20px;background:transparent;background:rgba(0, 0, 0, 0.8);-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 2px #222;color:#FFF;font-weight:bold;line-height:24px;white-space:nowrap;}
.fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#fff;}
.fancybox-title-inside-wrap{padding-top:10px;}
.fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;padding:10px;background:#000;background:rgba(0, 0, 0, .8);}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span{background-image:url('fancybox_sprite@2x.png');background-size:44px 152px;}
#fancybox-loading div{background-image:url('fancybox_loading@2x.gif');background-size:24px 24px;}
}
.lightBox, a.fancybox {border-bottom:none;}
.hljs{display:block;overflow-x:auto;padding:10px;background:white;color:black;-moz-tab-size: 3;-o-tab-size: 3;tab-size: 3;}
.hljs-comment,.hljs-quote{color:#008000;}
.hljs-variable{color:#000042;}
.hljs-keyword,.hljs-selector-tag,.hljs-built_in,.hljs-name,.hljs-tag{color:#00f;}
.hljs-string,.hljs-title,.hljs-section,.hljs-attribute,.hljs-literal,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-addition{color:#a31515;}
.hljs-deletion,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-meta{color:#2b91af;}
.hljs-doctag{color:#808080;}
.hljs-attr{color:#f00;}
.hljs-symbol,.hljs-bullet,.hljs-link{color:#00b0e8;}
.hljs-emphasis{font-style:italic;}
.hljs-strong{font-weight:bold;}
.pagination_row{text-align:center;margin-bottom:30px;}
.pagination{display:inline-block;margin:20px 0;}
.pagination li{display:inline}
.pagination li a{display:inline-block;width:34px;text-align:center;padding:5px 0;margin:0 3px;border: 1px solid #ddd;color:#000;font-size:18px;}
.pagination .active a{background:#ffdb4d;border-color:#ffdb4d;}
.middle{width:100%;padding:0 0 0;position:relative;}/*del*/
.middle:after{display:table;clear:both;content:'';}/*del*/
.container{width:100%!important;padding:0;float:left;}/*del*/
.right-sidebar{float:left;width:300px;margin-left:-300px;position:relative;padding-top: 20px;}/*del*/
.content{padding:0 340px 30px 0;min-height:550px;}/*del*/
.content-center{padding:0 0 30px 0;margin:0 auto;width:900px;}/*del*/
.content-center h1{text-align:center;}/*del*/
.tools-bg{background-color:#f9f9f9;}
.tools-text{margin-bottom:20px;padding:0;}
.tools-bottom{padding:30px 0;}
.tools-text-bottom{margin-bottom:30px;}
.docket{margin-bottom:20px;overflow:hidden;}
.docket-right{width:300px;float:right;}
.docket-right img{width:300px;height:auto;}
.docket-right2{width:300px;float:right;margin:0 0 20px 20px;}
.docket-right2 img{width:300px;height:auto;}
.docket-title{font-size:20px;margin-bottom:0;color:#555;}
.docket-list{margin:0!important;padding:0!important;overflow:hidden;counter-reset: myCounter;}
.docket-list li{margin:10px 0 10px 0!important;padding:0 0 0 35px;display:block;position:relative;line-height:17px;}
.docket-list li a {color:#333;font-size:16px;border-bottom:1px dashed #999;}
.docket-list li:before{counter-increment: myCounter;content:counter(myCounter);display:inline-block;text-align:right;color:orange;font-size:20px;font-style: normal;font-weight:normal;margin-right:0; position:absolute;left:0;top: 0;width:25px;}
.right_nav{margin-bottom:30px;}
.right_nav a:hover{color:orange;}
.right_nav-title{text-transform: uppercase;font-weight:700;margin-bottom:10px;color:#000;}
.right_nav-ankors{margin:0;padding:0 0;overflow:hidden;}
.right_nav-ankors li{margin:0 0 5px 0;padding:0 0;display:block;}
.right_nav-ankors li a {line-height:1;}
.right_nav-ankors li i {color:orange;font-size:16px;font-style: normal;font-weight:700;position:relative;top: 1px;display:inline-block;margin-right:5px;}
.right_nav-ankors li span {color:#333;border-bottom:1px dashed #999;}
.footer{width:100%;margin:0 auto 0;height:90px;background:#363636; position:relative;border-top: 1px solid #e1e1e1;padding-top: 20px;font-size:14px;color:#fff;}
.footer-text{font-size:12px;margin-top: 10px;color:#fff;}
.footer a{color:orange;}
.footer a:hover{}
.footer-menu{position:absolute;top: 0;left:400px;}
.footer-menu li{list-style: none;margin-bottom:4px;}
.footer-menu li a{border-bottom-color:rgba(255,165,0,0.5);}
.footer-menu li a:hover{color:#ffb123;}
.footer-links{position:absolute;top: 0;left:550px;}
.footer-links li{list-style: none;margin-bottom:4px;}
.footer-links li a{border-bottom-color:rgba(255,165,0,0.5);}
.footer-links li a:hover{color:#ffb123;}
.copiright a{color:#fff;display:inline-block;border-bottom-color:#fff;line-height:1;}
.main_tools{background:#fafafa;padding:20px 0 30px 0;border-top: 1px solid #eee;border-bottom:1px solid #eee;}
.main_tags{padding:20px 0 30px 0;}
.main_tags-left{width:740px;float:left;}
.main_tags-right{padding-top: 30px;margin-left:760px;}
.main_tags table{width:100%;}
.main_tags td{width:25%;vertical-align:top;}
.main_tags ul{margin:0;padding:0;}
.main_tags li{margin:0 0;padding:1px 0;display:block;line-height:25px;}
.main_tags a{font-size:14px;}
.main_tags img{width:16px;height:auto;}
.main_views{padding-top: 20px;}
.views-item{margin-bottom:20px;padding-bottom: 20px;overflow:hidden;}
div.views-item:last-child{border-bottom:none!important;}
.views-name{margin-bottom:10px;}
.views-row{overflow:hidden;margin-bottom:15px;}
.views-text{font-size:17px;line-height:26px;}
.views-category{color:#444;}
.views-arrow{display:inline-block;width:30px;height:24px;background:url(../img/arrow_2.png) 50% 8px no-repeat;font-size:24px;line-height:1.1;vertical-align:top;}
.views-name a{font-size:22px;}
.views-ankors{padding-top: 10px;font-size:14px;line-height:20px;color:#666;}
.views-ankors a{color:#666;border-bottom-color:#666;font-size:14px;}
.views-more{margin-bottom:30px;}
.view-title{overflow:hidden;margin-bottom:20px;padding-top: 20px;}
.view-title-category{font-size:28px;font-weight:500;margin-bottom:15px;display:inline;}
.view-title-arrow{display:inline-block;width:40px;height:29px;background:url(../img/arrow.png) 0 5px no-repeat;font-size:24px;line-height:1.1;vertical-align:top;}
.view-title h1{display:inline;margin:0;padding:0;}
.action span{border-bottom:1px dashed #444 !important;}
.view-tags{overflow:hidden;margin-top: 20px;padding-top: 10px;margin-bottom:20px;padding-bottom: 10px;border-top: 1px solid #e3e3e3;border-bottom:1px solid #e3e3e3;}
.view_nav{overflow:hidden;height:40px;}
.view_nav-inner{height:40px;background:#f9f9f9;}
.view_nav-box{width:900px;margin:0 auto;position:relative;}
.view_nav-container{width:840px;margin:0 auto;overflow:hidden;}
.view_nav ul{margin:0;padding:0 0;min-width:9000px;overflow:hidden;}
.view_nav li{margin:0;padding:0 0;display:inline-block;float:left;}
.view_nav li a {display:inline-block;line-height:40px;padding:0 10px;}
.view_nav li i {color:orange;font-size:16px;font-style: normal;line-height:40px;font-weight:700;position:relative;top: 1px;display:inline-block;margin-right:5px;}
.view_nav li span {color:#333;font-size:14px;border-bottom:1px dashed #999;}
.view_nav li a.active {background:#eee;}
.view_nav-prev{position:absolute;top: 0;left:0;display:inline-block;width:24px;height:40px;line-height:40px;text-align:center;color:orange!important;font-size:22px;}
.view_nav-next{position:absolute;top: 0;right: 0;display:inline-block;width:24px;height:40px;line-height:40px;text-align:center;color:orange!important;font-size:22px;}
.view_nav-prev.disabled{color:#999!important;}
.view_nav-next.disabled{color:#999!important;}
.view_nav-fixed{position:fixed;z-index: 9999;top: 0;left:0;width:100%;}
.trigers{border: 1px solid #e3e3e3;margin-bottom:30px;width:300px;}
.trigers-title{text-align:left;padding:10px 16px;font-size:16px;font-weight:700;border-bottom: 1px solid #e3e3e3;background:#FBFBFB;}
.trigers ul{margin:0;padding:10px 5px 10px 16px;}
.trigers li{margin:9px 0;padding:0 0 0 15px;list-style: none;line-height:15px;background:url(../img/marker_1.png) 0 6px no-repeat;}
.trigers a{font-size:13px;border-bottom:1px dashed #e3e3e3;}
.q{background:#FFFFD5;}
.table-min td, .table-min th{font-size:12px;padding:4px 10px!important;}
.all table{width:100%;margin-bottom:20px;}
.all td{width:33.3%;vertical-align:top;}
.all td a{font-size:13px; }
.font-sm{font-size:11.5px!important;}
.dropdown-form{padding:2px 20px 0 20px;}
.dropdown-form label{font-weight:normal;color:#666;}
.dropdown-sm a, .dropdown-sm label{font-size:13px;}
.dropdown-sm label{font-size:12px;}
.sample-box{margin-bottom:20px;}
.sample{width:100%;width:100%;box-sizing: border-box;font-size: 14px;}
.sample-border{border: 1px solid #ffa501;border-radius: 4px;}
.sample-box .CodeMirror{height:auto;}
.sample-box .CodeMirror pre{font-size:12.5px!important;}
.snp-sample-toolbar{line-height:18px;padding:10px 0 0 0;text-align:right;margin-bottom:15px;}
.snp-sample-toolbar a{line-height:18px;vertical-align:middle;display:inline-block;font-size:12px;color:#666;margin-left:20px;user-select: none;border-bottom:none;}
.snp-sample-toolbar a svg{line-height:18px;vertical-align:top;fill:#666;}
.snp-sample-toolbar a:hover{color:#000;}
.snp-sample-toolbar a:hover svg{fill:#000;}
.snp-bookmark{display:inline-block;}
.snp-bookmark svg{fill:#666;margin-right:2px;vertical-align:top;position:relative;top: 1px;}
.snp-bookmark a{display:inline-block;line-height:20px;vertical-align:middle;font-size:14px;color:#666;border-bottom:none;}
.snp-bookmark a:hover{color:#000;}
.snp-bookmark-triger:hover svg{fill:#000;}
.snp-bookmark-triger.active span{color:#0078ff;}
.snp-bookmark-triger.active:hover span{color:#0265d4;}
.snp-bookmark-triger.active svg{fill:#0078ff;}
.snp-bookmark-triger.active:hover svg{fill:#0265d4;}
.snp-bookmark-triger.active:hover span{color:#0265d4;}
.snp-like{display:inline-block;}
.snp-like a{display:inline-block;line-height:20px;vertical-align:middle;font-size:14px;color:#666;border-bottom:none;}
.snp-like a span{line-height:20px;vertical-align:middle;font-size:14px;color:#666;}
.snp-like a svg{fill:#666;margin-right:2px;vertical-align:middle;}
.snp-like a:hover span{color:#000;}
.snp-like a:hover svg{fill:#000;}
.snp-like-plus{margin-right:15px;}
.snp-like-plus.active span{color:#3cac52;}
.snp-like-plus.active svg{fill:#3cac52;}
.snp-like-plus.active:hover span{color:#2f8a41;}
.snp-like-plus.active:hover svg{fill:#2f8a41;}
.snp-like-minus.active span{color:#e9011a;}
.snp-like-minus.active svg{fill:#e9011a;}
.snp-like-minus.active:hover span{color:#bb0316;}
.snp-like-minus.active:hover svg{fill:#bb0316;}
.snp-topview{margin-bottom:20px;vertical-align:top;position:relative;}
.snp-topview-date{margin-right:25px;display:inline-block;line-height:20px;vertical-align:middle;font-size:14px;color:#666;}
.snp-topview-date svg{fill:#666;margin-right:2px;vertical-align:top;position:relative;top: 1px;}
.snp-topview-view{margin-right:25px;display:inline-block;line-height:20px;vertical-align:middle;font-size:14px;color:#666;}
.snp-topview-view svg{fill:#666;margin-right:2px;vertical-align:top;position:relative;top: 2px;}
.snp-topview-comments{margin-right:25px;display:inline-block;line-height:20px;vertical-align:middle;font-size:14px;}
.snp-topview-comments svg{fill:#666;margin-right:2px;vertical-align:top;position:relative;top: 0;}
.snp-topview-comments a{color:#666;border-bottom:none;}
.snp-topview-comments a:hover{color:#000;}
.snp-topview-comments a:hover svg{fill:#000;}
.snp-topview .snp-like{position:absolute;right: 0;top: 0;}
.snp-botview{margin-bottom:30px;vertical-align:top;position:relative;}
.snp-botview-left{float:left;width:60%;}
.snp-botview-left a{border-bottom:none;}
.ya-share2 ul{padding-left:0!important;}
.ya-share2__container_size_m .ya-share2__icon{height:25px!important;width:25px!important;}
.snp-botview-right{margin-left:65%;text-align:right;padding-top: 1px;}
.snp-botview-right .snp-like{margin-left:25px;}
.view_bottom-tags{text-align:left;font-size:14px;margin-bottom:30px;}
.view_bottom-tags h3{margin-top: 0;}
.view_bottom-tags a{display:inline-block;box-sizing: border-box;height:32px;padding:0 16px;line-height:32px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;border-radius: 5px;background-color:#f2f2f2;color:#333;border: none;}
.view_bottom-tags a:hover{background-color:#ffe8d0;}
#extract_each-items{display:table;width:100%;margin-bottom:10px;}
.extract_each_item{display:table-row;}
.extract_each_item div{display:table-cell;padding:5px;}
.extract_each_move{width:40px;}
.extract_each_remove{width:40px;text-align:center;}
.extract_each_remove a{opacity:0.4;display:inline-block;width:16px;height:16px;background:url(../img/icon-close.png) 0 0 no-repeat;}
.extract_each_remove a:hover{opacity:1;}
.te-num{font-size:12px;text-align:center;}
.te-num{font-size:12px;text-align:center;}
.te-img{text-align:center;}
.te-img img{width:24px;height:auto;}
.te-name{font-size:12px;}
.form-control{height:30px;font-size:13px;border-radius: 0;}
.form-number{display:inline-block;vertical-align:top;height:30px;position:relative;}
.form-number span{position:absolute;top: 1px;user-select: none;display:inline-block;background-color:rgba(0,0,0,.1);background-position:50% 50%;background-repeat: no-repeat;width:26px;height:28px;cursor: pointer;background-size: 14px;}
.form-number span:hover{background-color:#eee;}
.form-number span:active{background-color:#ccc;}
.form-number-minus{left:1px;border-radius: 2px 0 0 2px;background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAN0lEQVQ4T2NkoBAwUqifYdQABuqGgTADA8MEImOlgIGB4S1ILXIsUGwAkZajKhtNB1ROB2TFAgAVMAQRTATiZQAAAABJRU5ErkJggg==');}
.form-number-plus{right: 1px;border-radius: 0 2px 2px 0;background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAXUlEQVQ4T2NkoBAwUqifgZABZxgYGP4zMDCY4rKIkAEgzSCAU90wMwAUYMZExsppBgYGM/TAAQmaEGnACQYGBku8oQs1aKTFArbwO8XAwPAXFmDYFBBKiQQjhWIDAJkoEBGDAaZmAAAAAElFTkSuQmCC');}
.form-number .form-control{vertical-align: top;display: inline-block;margin: 0 0!important;padding-left: 1px!important;padding-right: 1px!important;text-align: center;border-radius: 3px;width: 100%;height: 30px;border: 1px solid #666;box-sizing: border-box;}
/*del*/
.radio-tabs{vertical-align:top;text-align:center;margin:0 0 30px 0;font-size:0;}
.radio-tabs-item{display:inline-block;}
.radio-tabs-item label{background:rgba(0,0,0,.1);padding:0 15px;line-height:36px;border-top: 1px solid #ccc;border-bottom:1px solid #ccc;border-right: 1px solid #ccc;margin:0;position:relative;font-weight:700;text-align:center;font-size:14px;cursor: pointer;min-width:110px;transition: background .1s cubic-bezier(.55,.08,.06,.97);}
.radio-tabs-item:first-child label{border-left:1px solid #ccc;border-radius: 3px 0 0 3px;}
.radio-tabs-item:last-child label{border-radius: 0 3px 3px 0;}
.radio-tabs-item label:hover{background:#eee;}
.radio-tabs-item input{display:none;}
.radio-tabs-item > input[type="radio"]:checked + label{background:orange; border-color:orange;line-height:25px;}
.links-tabs{vertical-align:top;text-align:center;margin:0;border-bottom:1px solid #e1e1e1;background:#fff;height: 47px;}
.links-tabs ul{display:block;padding:0;margin:0;}
.links-tabs li{display:inline-block;padding:0;}
.links-tabs a{display:inline-block;padding:0 15px 0 15px;line-height:45px;border-bottom:2px solid #fff;margin:0;position:relative;text-align:center;font-size:14px;cursor: pointer;min-width:110px;}
.links-tabs a.active{border-bottom:2px solid orange;color:#000;}
/*del*/
.form-switch{display:inline-block;}
.form-switch > input[type="checkbox"]{display:none;}
.form-switch > label{cursor: pointer;height:0;position:relative;width:40px;}
.form-switch > label::before{background:rgb(0, 0, 0);box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5);border-radius: 8px;content:'';height:16px;margin-top: -8px;position:absolute;opacity:0.3;transition: all 0.4s ease-in-out;width:40px;}
.form-switch > label::after{background:rgb(255, 255, 255);border-radius: 16px;border: 1px solid #666;box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);content:'';height:24px;left:-4px;margin-top: -8px;position:absolute;top: -4px;transition: all 0.3s ease-in-out;width:24px;}
.form-switch > input[type="checkbox"]:checked + label::before{background:inherit;opacity:0.5;}
.form-switch > input[type="checkbox"]:checked + label::after{background:inherit;left:20px;}
.form-drop{
width:100%;
height:100px;
background:#fff;
border: 1px dashed #666;
position:relative;
overflow:hidden;
border-radius: 3px;
margin-bottom:30px;
}
.form-drop.drag, .form-drop:hover{
border: 1px dashed orange;
}
.drag .form-drop-text, .drag .form-drop-text a{
color:orange;
}
.form-drop-text{
text-align:center;
padding-top: 17px;
font-size:16px;
color:#999;
text-shadow: 0 0 1px #eee;
}
.form-drop-text span{
font-size:14px;
color:#999!important;
}
.form-drop-filename{
display:inline-block;
padding-top: 11px;
}
.form-drop-control{
position:absolute;
left:0;
top: 0;
width:100%;
height:100%;
cursor: pointer;
display:inline-block;
letter-spacing: 10em;
transform: scale(20);
-ms-transform: scale(20);
opacity:0;
}
.form-drop-noselected{width:100%;height:100px;background:#fff;border: 1px dashed #666;position:relative;overflow:hidden;border-radius: 3px;margin-bottom:30px;}
.toolbar{position:relative;}
.toolbar-items{position:absolute;right: 13px;top: 7px;z-index: 1000;}
.toolbar-scroll{right: 20px;}
.toolbar-title{color:#666;margin-bottom:5px;}
.btn-clear{display:inline-block;width:16px;height:16px;opacity:0.3;background:url(../img/icon-close.png) 0 0 no-repeat;cursor: pointer;}
.btn-clear:hover{opacity:0.7;}
.btn-clear:active{opacity:1;}
.btn-swap{display:inline-block;width:20px;height:20px;opacity:0.3;background:url(../img/icon-swap.png) 50% 50% no-repeat;cursor: pointer;}
.btn-swap:hover{opacity:0.7;}
.btn-swap:active{opacity:1;}
.btn-copy {display:inline-block;width:16px;height:16px;opacity:0.7;background:url('../img/copy.png') 50% 50% no-repeat;cursor: pointer;}
.copied {opacity:1;background:url('../img/copy-2.png') 50% 50% no-repeat!important;}
.btn-copy:hover{opacity:1;}
textarea.form-control{min-height:40px;}
.view_anchor{overflow:hidden;position:relative;}
.view_anchor h2{margin-left:50px;}
.view_anchor-a {position:absolute;top: -40px;left:0;}
.view_anchor-num{display:inline-block;width:27px;height:26px;float:left;background:orange;border-radius: 4px 1px 1px 4px;line-height:26px;text-align:center;margin-top: 17px;color:#fff!important;font-weight:500;position:relative;font-size:16px;text-indent: 4px;font-style: normal;}
.view_anchor-num:after{left:100%;top: 50%;border: solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events: none;border-color:rgba(136, 183, 213, 0);border-left-color:orange;border-width:13px;margin-top: -13px;}
.view_anchor-link a{display:none;}
.view_anchor-link:hover a{display: inline-block;}
.view_anchor-link a svg {
display: inline-block;
font-size: 28px;
vertical-align: middle;
fill: #999999;
}
.content ul{padding-left:18px;}
.content ol{padding-left:18px;}
.content li{margin:0 0 4px;}
.items_category{margin:0 0 45px 0;}
.items_category-item{overflow:hidden;margin-bottom:30px;box-shadow: 0 0 10px rgba(0,0,0,.05);border: 1px solid #eee;min-height:140px;}
.items_category-img{width:320px;float:left;overflow:hidden;font-size:0;}
.items_category-img a{border: none;}
.items_category-img img{width:100%;height:auto;}
.items_category-img a:hover img{filter: brightness(1.05);}
.items_category-data{padding:15px 15px 0 15px;margin-left:325px;position:relative;}
.items_category-name{padding:0 30px 0 0;margin-bottom:10px;}
.items_category-name a{font-size:22px;line-height:22px;}
.items_category-text{color:#000;font-size:15px;line-height:21px;margin-bottom:5px;}
.items_category-bottom .snp-bookmark{position:absolute;right: 0;top: 0;}
.items_category-bottom-comments{margin-right:20px;display:inline-block;line-height:20px;vertical-align:middle;font-size:12px;}
.items_category-bottom-comments svg{fill:#848d95;margin-right:2px;vertical-align:top;position:relative;top: 0;}
.items_category-bottom-comments a:hover svg{fill:#000;}
.items_category-bottom-comments a{color:#848d95;border-bottom:none;}
.items_category-bottom-comments a:hover{color:#000;}
.items_category-data .snp-bookmark{position:absolute;right: 15px;top: 13px;}
/*.items_main-item{width:340px;float:left;margin:0 30px 30px 0;border: 1px solid rgba(0,0,0,.1);padding:0 0 40px 0;position:relative;box-shadow: 0 0 10px rgba(0,0,0,.05);}*/
.items_main-item {
width: 31.1%;
float: left;
margin: 0 3% 3% 0;
border: 1px solid rgba(0,0,0,.1);
padding: 0 0 40px 0;
position: relative;
box-shadow: 0 0 10px rgba(0,0,0,.05);
}
.items_main-row .items_main-item:last-child {margin:0 0 30px 0!important;}
.items_main-img{height:184px;overflow:hidden;}
.items_main-img a{border-bottom: none;}
.items_main-img img{width:100%;height:auto;}
.items_main-name{padding:15px 15px 0 15px;}
.items_main-name a{font-size:20px;line-height:20px;}
.items_main-text{padding:10px 15px 0 15px;color:#000;font-size:15px;line-height:20px;}
.items_main-bottom{padding:10px 15px 0 15px;position:absolute;bottom: 6px;left:0;}
.items_main-bottom-comments{margin-right:20px;display:inline-block;line-height:20px;vertical-align:middle;font-size:12px;}
.items_main-bottom-comments svg{fill:#848d95;margin-right:2px;vertical-align:top;position:relative;top: 0;}
.items_main-bottom-comments a:hover svg{fill:#000;}
.items_main-bottom-comments a{color:#848d95;border-bottom:none;}
.items_main-bottom-comments a:hover{color:#000;}
.items_right-item{margin:0 0 30px 0;border:1px solid rgba(0,0,0,.1);padding:0;position:relative;box-shadow: 0 0 10px rgba(0,0,0,.05);}
.items_right-row .items_main-item:last-child {margin:0 0 30px 0!important;}
.items_right-img a{border-bottom: none;}
.items_right-img img{width:100%;height:auto;}
.items_right-name{padding:15px 15px 0 15px;}
.items_right-name a{font-size:20px;line-height:20px;}
.items_right-text{padding:10px 15px 0 15px;color:#000;font-size:15px;line-height:20px;}
.items_right-bottom{padding:10px 15px 10px 15px;}
.items_right-bottom-comments{margin-right:20px;display:inline-block;line-height:20px;vertical-align:middle;font-size:12px;}
.items_right-bottom-comments svg{fill:#848d95;margin-right:2px;vertical-align:top;position:relative;top: 0;}
.items_right-bottom-comments a:hover svg{fill:#000;}
.items_right-bottom-comments a{color:#848d95;border-bottom:none;}
.items_right-bottom-comments a:hover{color:#000;}
.snp-like-cost{display:inline-block;line-height:20px;vertical-align:middle;font-size:14px;color:#666;border-bottom:none;}
.snp-like-cost span{line-height:20px;vertical-align:middle;font-size:14px;color:#666;}
.snp-like-cost svg{fill:#666;margin-right:2px;vertical-align:top;}
.snp-like-cost .rating_plus{color:#3cac52;}
.snp-like-cost .rating_minus{color:#e9011a;}
.view_else{margin-bottom:30px;overflow:hidden;line-height:18px; }
.view_else-title{color:#666;display:block;margin-bottom:10px;font-size:14px;}
.view_else a{display:inline-block;border-bottom:none;line-height:1.3;}
.view_else a:hover span{border-bottom-color:rgba(255,165,0,0.5);}
.view_else-prev a span, .view_else-next a span{border-bottom:1px solid rgba(0, 108, 202,0.4);}
.view_else-prev{width:40%;float:left;}
.view_else-prev a{padding-left:20px;background:url('../img/prev.png') 0 50% no-repeat!important;}
.view_else-next{margin-left:60%;text-align:right;}
.view_else-next a{padding-right: 20px;background:url('../img/next.png') 99% 50% no-repeat!important;}
.pagination_row{text-align:center;margin-bottom:30px;}
.pagination{padding:0;margin:0;display:inline-block;}
.pagination a{border-radius: 0!important;}
.pagination .active a{background:orange;border-color:orange;}
.view_anchor-img{padding:20px 0 0 0;margin:0 0 20px 0;}
.view_anchor-img img{display:inline-block;margin-right:5px;vertical-align:middle;}
.view_anchor-img h2{display:inline-block;margin:0;padding:0;vertical-align:middle;}
/*.view_block{
margin:0 0 20px 0;
border: 1px solid orange;
overflow:hidden;
}
.view_block-img{
width:250px;
float:left;
}
.view_block-img img{
width:100%;
}
.view_block-data{
margin-left:270px;
padding:20px 20px 0 0;
}
.view_block-title{
font-size:26px;
font-weight:500;
margin:0 0 15px 0;
padding:0;
line-height:1;
}
.view_block-link a{
font-size:18px;
}
.tools_block{margin:0 0 20px 0;border: 1px solid orange;overflow:hidden;padding:20px 20px 20px 270px;background:url(/img/tools.jpg) 33px 50% no-repeat;}
.tools_block-title{font-size:26px;font-weight:500;margin:0 0 15px 0;padding:0;line-height:1;}
.tools_block-link a{font-size:18px;}
*/
.hljs-ln-numbers{text-align:right;border-right: 1px solid #ccc;padding:0 5px 0 0!important;color:#999;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.hljs-ln-code{padding:0 0 0 10px!important;}
.snp_tabs-nav{overflow:hidden;margin:0 0 20px 0!important;padding:0!important;border-bottom:1px solid #ddd;}
.snp_tabs-nav li{display:block;float:left;padding:0;margin:0;list-style: none;}
.snp_tabs-nav a{display:inline-block;padding:0 15px;line-height:35px;margin:0;position:relative;text-align:center;font-size:14px;cursor: pointer;border-bottom:none;}
.snp_tabs-nav a.active{border-bottom:2px solid orange;color:#000;}
.snp_tabs .snp_tabs-items .snp_tabs-item:not(:first-child){display:none;}
.snp-comment-count{font-size:18px;color:#666;display:inline-block;margin-left:5px;position: relative;top: -1px;}
.snp-comment{margin-bottom:30px;}
.snp-comment-list{margin:0 -10px 0 -10px;padding:0;}
.snp-comment-answerform{margin:0;padding:0 0 0 35px;}
.snp-comment-item > .snp-comment-list{margin:-10px 0 0 0;padding:0 0 0 35px;}
.snp-comment-body{padding:10px;margin-bottom:10px;background-color:transparent;-moz-transition:background-color 2s;-webkit-transition:background-color 2s;-o-transition:background-color 2s;transition:background-color 2s;}
.comment_animation{background-color:#fff6e1;}
.snp-comment-removed{color:#666;margin-bottom:10px;}
.snp-comment-header{font-size:13px;position:relative;margin-bottom:15px;height:32px;line-height:17px;}
.snp-comment-userpic{display:inline-block;height:32px;border-bottom:none;}
.snp-comment-userpic i{position:relative;display:inline-block;height:32px;}
.snp-comment-userpic .online:after{content:'';border: 1px solid #fff;background:#2bc52b;width:7px;height:7px;display:inline-block;border-radius: 8px;position:absolute;bottom: -4px;right: -4px;}
.snp-comment-name{position:absolute;left:44px;top: 1px;color:#000;line-height:14px;font-weight:600;}
a.snp-comment-name{border-bottom:1px solid rgba(0, 0, 0,0.2);}
.snp-comment-date{position:absolute;left:44px;top: 17px;font-size:12px;color:#818181;margin-right:15px;}
.snp-comment-like{position:absolute;top: 7px;right: 10px;user-select: none;}
.snp-comment-like a{vertical-align:top;line-height:16px;border-bottom:none;}
.snp-comment-plus svg{fill:#999;vertical-align:middle;}
.snp-comment-plus:hover svg{fill:#000;}
.snp-comment-plus.active svg{fill:#3cac52;}
.snp-comment-plus.active:hover svg{fill:#2f8a41;}
.snp-comment-minus svg{fill:#999;}
.snp-comment-minus:hover svg{fill:#000;}
.snp-comment-minus.active svg{fill:#e9011a;}
.snp-comment-minus.active:hover svg{fill:#bb0316;}
.snp-comment-like span{width:30px;text-align:center;display:inline-block;color:#999;}
.snp-comment-like .rating_plus{color:#3cac52;}
.snp-comment-like .rating_minus{color:#e9011a;}
.snp-comment-attach-item{display:inline-block;vertical-align:top;margin-bottom:15px;}
.snp-comment-attach-item img{max-width:100%;}
.snp-comment-footer{margin-bottom:10px;vertical-align:middle;}
.snp-comment-footer a{border-bottom:none;}
.snp-comment-answer{color:#666;font-size:13.5px;line-height:18px;cursor: pointer;display:inline-block;margin-right:5px;vertical-align:middle;}
.snp-comment-bookmarks{line-height:18px;display:inline-block;margin-right:5px;vertical-align:middle;}
.snp-comment-bookmarks svg{fill:#666;}
.snp-comment-bookmarks:hover svg{fill:#000;}
.snp-comment-bookmarks.active svg{fill:#0078ff;}
.snp-comment-bookmarks.active:hover svg{fill:#0265d4;}
.snp-comment-more{line-height:18px;display:inline-block;vertical-align:middle;position:relative;}
.snp-comment-more-triger svg{fill:#999;}
.snp-comment-more-triger:hover svg{fill:#000;}
.snp-comment-more-popup{display:none;position:absolute;top: 110%;left:-8px;padding:10px 15px!important;margin:0!important;z-index: 99999;background:#fff;border: 1px solid #eee;box-shadow: 0 5px 5px 0 rgba(19, 19, 19, 0.1);}
.snp-comment-more-popup:after, .snp-comment-more-popup:before{content:"";border: solid transparent;position:absolute; left:8px;bottom: 100%;}
.snp-comment-more-popup:after{border-bottom-color:#fff;border-width:8px;margin-left:0;}
.snp-comment-more-popup:before{border-bottom-color:#ddd;border-width:9px;margin-left:-1px;}
.snp-comment-editor{position:relative;margin-bottom:5px;padding:15px 0;}
.snp-comment-editor-border{border: 1px solid #ddd;position:relative;margin-bottom:15px;background:#fff;}
.snp-comment-plaintext{display:inline-block;white-space: pre;outline: none;width:100%;font-size:14px;padding:15px;box-sizing: border-box;white-space: pre-wrap;min-height:120px;}
.snp-comment-plaintext code{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace!important;background:#f9f9f9;padding:10px;margin:8px 0;display:block;font-size:13px;color:#222;box-sizing: border-box;}
.snp-comment-plaintext blockquote{font-style: italic;font-family:Georgia, Times, "Times New Roman", serif;padding:5px 10px 5px 20px;border-left:5px solid #ccc;margin:12px 0;display:block;box-sizing: border-box;}
.snp-comment-text{font-size:15px;line-height:24px;overflow:hidden;word-wrap: break-word;margin-bottom:10px;}
.snp-comment-text p{margin:5px 0;padding:0;}
.snp-comment-text pre{margin:0 0 15px 0;padding:10px 0 0 0!important;}
.snp-comment-text pre code{font-size:12.5px!important;line-height:18px;margin:0;padding:0;background:transparent!important;}
.snp-comment-text blockquote{font-style: italic;font-family:Georgia, Times, "Times New Roman", serif;padding:5px 10px 5px 20px;border-left:5px solid #ccc;margin:8px 0;display:block;}
.snp-comment-editor-toolbar{border-top:1px solid #eee;background:#FBFBFB;padding:10px 0 0 15px;position:relative;height:30px;}
.snp-comment-editor-toolbar a{border-bottom:none;font-size:18px;margin-right:10px;color:#666;padding:2px 4px;height:18px;line-height:18px;display:inline-block;text-align:left;vertical-align:top;cursor: pointer;overflow:hidden;min-width:10px;}
.snp-comment-editor-toolbar svg{fill:#666;}
.snp-comment-editor-toolbar a:hover{color:#333;}
.snp-comment-editor-toolbar a:hover svg{fill:#333;}
.snp-comment-btn-b{font-weight:900;}
.snp-comment-btn-i{font-style:italic;}
.snp-comment-btn-img{position:relative;}
.snp-comment-btn-img input{position:absolute;left:0;top: 0;width:2000px;height:1000px;cursor: pointer;display:inline-block;letter-spacing: 10em;transform: scale(20);-ms-transform: scale(20);opacity:0;}
.snp-comment-btn-clear{position:absolute;top:10px;right:0;}
.snp-comment-upload{vertical-align:top;}
.snp-comment-upload-item{vertical-align:top;display:inline-block;margin:0 15px 15px 0;position:relative;height:120px;}
.snp-comment-upload-item img{border:1px solid #eee;}
.snp-comment-upload-item.comment-loading{background:url('/themes/site/img/loading.gif') 50% 50% no-repeat;height:120px;width:160px;}
.snp-comment-upload-remove{position:absolute;top:-8px;right:-8px;display:inline-block;width:16px;height:16px;border-bottom:none;}
.snp-profile-h1{line-height:32px;position:relative;}
.snp-profile-h1 h1{line-height:32px;}
.snp-profile-h1 i{height:32px;display:inline-block;position:relative;vertical-align:top;}
.snp-profile-h1 .online:after{content:'';border: 1px solid #fff;background:#2bc52b;width:7px;height:7px;display:inline-block;border-radius: 8px;position:absolute;bottom: -4px;right: -4px;}
.snp-profile-settings{position:absolute;top: 1px;right: 0;color:#333;line-height:1;border-bottom:1px solid rgba(0, 0, 0,0.2);}
.snp-profile-menu ul{overflow:hidden;margin:0 0 20px 0!important;padding:0!important;border-bottom:1px solid #ddd;}
.snp-profile-menu li{display:block;float:left;padding:0;margin:0 30px 0 0;list-style: none;}
.snp-profile-menu a{display:inline-block;padding:0;line-height:40px;margin:0;position:relative;text-align:center;font-size:16px;cursor: pointer;border-bottom:2px solid #fff;}
.snp-profile-menu a:hover{border-bottom:2px solid #fff;}
.snp-profile-menu a span{font-size:14px;color:#666;}
.snp-profile-menu .active a{border-bottom:2px solid orange;color:#000;}
.snp-profile-delete{padding-top: 10px;font-size:14px;color:#666;}
.snp-feed{margin-bottom:30px;}
.snp-feed-title{margin:0 0 10px 0;line-height:26px;}
.snp-feed-name{display:inline-block;margin-right:10px;}
.snp-feed-name a{color:#000;font-size:18px;line-height:26px;vertical-align:middle;font-weight:600;border-bottom:1px solid rgba(0, 0, 0,0.2);}
.snp-feed-name svg{fill:#999;font-size:20px;line-height:26px;display:inline-block;margin:0 5px;vertical-align:middle;}
.snp-feed-text{margin-bottom:20px;font-size:15.5px;}
.action {text-decoration: none!important;border-bottom:1px dashed #006cca;}
.action:hover {border-color:orange;}
.shadow {box-shadow: 0px 2px 20px 1px rgba(128,128,128,0.5);max-width:700px;margin:10px 0 10px 0;}
p {margin:0 0 15px;}
.text ul {margin:0 0 20px 20px;}
.text ol {margin:0 0 20px 20px;}
i,em{font-style: italic;}
b, strong {font-weight:600;}
.orange {color:orange;}
.h2-row {overflow:hidden;}
.h2-row h2 {float:left;width:60%;}
.h2-row p {float:right;width:39%;text-align:right;margin-top: 20px;margin-bottom:15px;}
.text-success {color:#3c763d!important;}
video {max-width:900px;height:auto;margin:0;}
.pre, .pre-tag, .pre-symbol, .pre-bold, .pre strong, .pre.strong, pre code, pre, .code, .code-tag, .code-attr, .code-php, .code-value, .code-url, .code-bold, .code-select, .code-error, .code-sup, .CodeMirror-linenumber {
font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace!important;
}
.code {padding:2px 4px;font-size:14px;color:#c7254e;background-color:#f9f2f4;border-radius:4px}
.code-tag {padding:2px 0;font-size:14px;color:#00f;}
.code-attr {padding:2px 0;font-size:14px;color:#a31515;}
.code-php {line-height: 23px;font-size:14px;color:#0856a5;}
.code-value {padding:2px 0;font-size:14px;color:#000;}
.code-url {padding:2px 0;font-size:95%;color:#000; word-break: break-all;}
.code-bold {padding:2px 0;font-size:14px;color:#000;font-weight:900;}
.code-select {padding:2px 0;font-size:14px;color:#d06000;}
.code-error {padding:2px 0;font-size:14px;color:#FF0000;}
.code-sup {background-color:rgba(255, 206, 132, 0.47);border-radius: 3px;box-decoration-break: clone;padding:2px 4px;word-wrap: break-word;font-size:12px;line-height:12px;display:inline-block;position:relative;top: -9px;}
.code-url .code-select, .code-url .code-bold {font-size:14px;}
.code-formula {padding: 2px 0;font-size: 24px;line-height: 30px;color: #000;font-family: "Times New Roman", Times, serif;font-style: italic;}
.os-macos .code {font-size:13px;}
.os-macos .code-tag {font-size:13px;}
.os-macos .code-attr {font-size:13px;}
.os-macos .code-php {font-size:13px;}
.os-macos .code-value {font-size:13px;}
.os-macos .code-url {font-size:95%;}
.os-macos .code-bold {font-size:13px;}
.os-macos .code-select {font-size:13px;}
.os-macos .code-error {font-size:13px;}
.os-macos .code-sup {font-size:12px;}
.os-macos .code-url .code-select, .code-url .code-bold {font-size:13px;}
.os-macos .code-formula {font-size: 24px;}
.kbd {position:relative;top: -1px;vertical-align:middle;padding:.1em .6em;border: 1px solid #ccc;font-size:11px;font-family:Arial,Helvetica,sans-serif;background-color:#f7f7f7;color:#333;-moz-box-shadow: 0 1px 0 rgba(0,0,0,0.2),0 0 0 2px #fff inset;-webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.2), 0 0 0 2px #fff inset;box-shadow: 0 1px 0 rgba(0,0,0,0.2), 0 0 0 2px #fff inset;border-radius: 3px;display:inline-block;margin:0 .1em;text-shadow: 0 1px 0 #fff;white-space: nowrap;}
.footnote {font-size:14px;color:#555;}
.cde {font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace!important;padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;border-radius:4px}
.cde-tag {font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace!important;padding:2px 0;font-size:93%;color:#0000FF;}
.cde-attr {font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace!important;padding:2px 0;font-size:93%;color:#a31515;}
.cde-val {font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace!important;padding:2px 0;font-size:93%;color:#000;}
.cde-func {font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace!important;padding:2px 0;font-size:93%;color:#a31515;}
.cde-var {font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace!important;padding:2px 0;font-size:93%;color:#a31515;}
.cde-comment {font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace!important;padding:2px 0;font-size:93%;color:#a31515;}
.cde-url {font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace!important;padding:2px 0;font-size:93%;color:#000;}
.cde-bold {font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace!important;font-weight:900;padding:2px 0;font-size:93%;color:#000;}
.cde-select {font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace!important;padding:2px 0;font-size:93%;color:orange;}
.cde-sup {font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace!important;background-color:rgba(255, 206, 132, 0.47);border-radius: 3px;box-decoration-break: clone;padding:2px 4px;word-wrap: break-word;font-size:12px;line-height:12px;display:inline-block;position:relative;top: -9px;}
.code-text {font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace!important;padding:2px 0;font-size:90%;color:#c7254e;border-radius:4px}
.form-control-pre {font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace!important;font-size:14px;font-weight:normal;}/*del*/
.font-pre {font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace!important;}
pre {position:relative; border: none!important;padding:0!important;margin-bottom:15px!important;font-size:14px!important;}
.CodeMirror pre {padding:0 5px!important;margin-bottom:0!important;}
.CodeMirror-linenumber {font-size:13px!important;}
.CodeMirror {border: 1px solid #ddd;}
.pre_scroll {max-width:728px;}
pre code {background:#FBFBFB!important;font-size:13.5px!important;white-space: pre;}
.os-macos pre code {font-size:12.5px!important;}
pre strong {font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace!important;font-weight:900;}
pre code.out {background:#fff!important;}
.pre {font-size:15px;}
.pre strong, .pre.strong {font-weight:900;}
.pre-bold {font-weight:600;}
.pre-symbol {background-color:rgba(220,220,220,.5);border-radius: 2px;box-decoration-break: clone;padding:0 4px;word-wrap: break-word;}
.pre-tag {background-color:rgba(255, 206, 132, 0.47);border-radius: 3px;box-decoration-break: clone;padding:0 4px;word-wrap: break-word;font-size:14px;line-height:22px;display:inline-block;}
.block_code {position:relative;}
.block_code-panel {position:absolute;top: 0;right: 0;padding:9px 10px 0 0;line-height:16px;}
.block_code-name {font-size:14px;color:#999;vertical-align:top;}
.block_code-copy {display:inline-block;width:16px;height:16px;background:url(../img/copy.png) 0 0 no-repeat;margin-left: 5px;opacity:0.7;display:none;border-bottom:none;}
.block_code-copy:hover {opacity:1;}
.block_code-download {display:inline-block;width:16px;height:16px;background:url(../img/download.png) 0 0 no-repeat; margin-left: 5px;opacity:0.7;display:none;border-bottom:none;}
.block_code-download:hover {opacity:1;}
.block_code:hover .block_code-download,
.block_code:hover .block_code-copy {display:inline-block;}
.block_code:hover .block_code-name {display:none;}
.dbl {
border: none!important;border-collapse:collapse;margin-bottom:15px;
width:100%;
display: table;
table-layout: fixed;
}
.dbl-body {
display: table-row-group;
}
.dbl-tr {
display: table-row;
}
.dbl-td {
display: table-cell;
border: 1px solid #dddddd!important;
padding: 5px!important;
vertical-align: top;
font-size: 13.5px!important;
}
.dbl-td pre {
margin-bottom: 0!important;
}
.dbl-1-middle .dbl-body .dbl-tr .dbl-td:nth-child(1) {
vertical-align: middle;
}
.tbl {border: none!important;border-collapse:collapse;margin-bottom:15px;width:100%;}
.tbl th {font-weight:700;padding:5px!important;background:#efefef;font-size:13.5px;border: 1px solid #dddddd!important;}
.tbl td {border: 1px solid #dddddd!important;padding:5px!important;font-size:13.5px!important;}
.tbl-center-not-right tr td:not(:last-child) {text-align:center;}
.tbl-pre-not-right tr td:not(:last-child) {font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;padding:2px 0;font-size:93%;color:#000;}
.tbl-center-all tr td {text-align:center;}
.tbl-pre-all tr td {font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;padding:2px 0;font-size:93%;color:#000;}
.tbl-code td {font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace!important;}
.tbl td .pre {font-size:13px!important;}
.tbl tr td:first-child {border-left:none!important;}
.tbl tr td:last-child {border-right: none!important;}
.tbl tr th:first-child {border-left:none!important;}
.tbl tr th:last-child {border-right: none!important;}
.tbl .symbol {font-size:18px!important;}
.tbl-1-pre tr td:nth-child(1), .tbl-2-pre tr td:nth-child(2), .tbl-3-pre tr td:nth-child(3), .tbl-3-pre tr td:nth-child(3), .tbl-4-pre tr td:nth-child(4), .tbl-5-pre tr td:nth-child(5) , .tbl-6-pre tr td:nth-child(6) {white-space: nowrap;font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace!important;}
.tbl-1-center tr td:nth-child(1), .tbl-2-center tr td:nth-child(2), .tbl-3-center tr td:nth-child(3), .tbl-4-center tr td:nth-child(4), .tbl-5-center tr td:nth-child(5), .tbl-6-center tr td:nth-child(6) {text-align:center;}
.tbl-1-b tr td:nth-child(1), .tbl-2-b tr td:nth-child(2), .tbl-3-b tr td:nth-child(3) {font-weight:900;}
.tbl-verical td {vertical-align:middle;}
.tbl-th-left th {text-align: left;}
.mutted {color: #777;}
.tb-2 {border: none!important;border-collapse:collapse;margin-bottom:15px;width:100%;}
.tb-2 td {width:50%;border: none!important;text-align:center;vertical-align:top;}
.tb-3 {border: none!important;border-collapse:collapse;margin-bottom:15px;width:100%;}
.tb-3 td {width:33%;border: none!important;text-align:center;vertical-align:top;}
.tb-4 {border: none!important;border-collapse:collapse;margin-bottom:15px;width:100%;}
.tb-4 td {width:25%;border: none!important;text-align:center;vertical-align:top;}
.tb-img {border: none!important;border-collapse:collapse;margin-bottom:15px;}
.tb-img td {border: none!important;text-align:center;vertical-align:middle;}
.tb-img th {border: none!important;text-align:center;vertical-align:middle;padding-right: 20px;}
.tbl-color {border: none!important;border-collapse:collapse;margin-bottom:15px;width:100%;}
.tbl-color td {border: none!important;padding:5px!important;font-size:13px!important;text-align:center;}
.tbl-flafs td {vertical-align: middle;}
.tbl-flafs td a {border-bottom: none;}
.tbl-flafs tr td:nth-child(1) {text-align: center;}
.tbl-flafs tr td:nth-child(3) {text-align: center;}
.tbl-flafs tr td:nth-child(4) {text-align: center;}
.tbl-flafs tr td:nth-child(5) {text-align: center;}
.tbl-flafs tr td:nth-child(6) {text-align: center;}
.tbl-images td {vertical-align: middle;text-align: center;}
.tbl-images td a {vertical-align: middle;}
.tbl-nolink a{border: none;}
.emj-1{width:50px;}
.tbl td.emj-3{width:70px;text-align:center;font-size:22px!important;}
.tbl.tbl-hosting td{vertical-align:middle;padding:10px!important;}
.tbl-hosting-img{text-align:center;width:200px;}
.tbl-hosting-img img{max-width:130px!important;height:auto!important;}
.tbl-hosting-name span{color:#666;font-size:13px;}
.tbl-hosting-name a{font-size:14px;}
.snp_alert-info, .snp_alert-success, .snp_alert-warning, .snp_alert-danger {background:#efefef;padding:20px 20px 0 20px;margin-bottom:20px;border-radius: 4px;overflow:hidden;}
.snp_alert-info {border-left:4px solid #007eff;}
.snp_alert-success {border-left:4px solid #3fab3d;}
.snp_alert-warning {border-left:4px solid orange;}
.snp_alert-danger {border-left:4px solid red;}
.snp_alert-popup {position:fixed;top: 20px;right: 20px;width:300px;z-index:9999}
.snp_alert-popup > div {box-shadow: 0 6px 12px rgba(0,0,0,.175);}
.breadcrumb{line-height:16px;padding:20px 0 0 0;vertical-align:top;margin-bottom:0;}
.breadcrumb a{font-size:15px;color:rgb(131, 131, 131);border-bottom-color:rgb(131, 131, 131, 0.4);display:inline-block;vertical-align:top;line-height:16px;}
.breadcrumb_item:before{content:'';display:inline-block;width:3px;height:3px;margin:7px 4px;line-height:16px;vertical-align:top;background:rgb(131, 131, 131);border-radius: 50%;}
.snp-figure {margin-bottom:10px}
.snp-figure img{height:auto;}
.snp-figure-center{text-align:center;}
.snp-figure-border img{border: 1px solid #ddd}
.snp-figure-shadow img{margin:10px 0 10px 0;max-width:700px;box-shadow: 0 2px 20px 1px rgba(128,128,128,0.5);-webkit-box-shadow: 0 2px 20px 1px rgba(128,128,128,0.5);-moz-box-shadow: 0 2px 20px 1px rgba(128,128,128,0.5);}
.snp-img-figcaption-1 {display:block;margin:0 0 5px 0;padding:0;font-style: italic;}
.snp-img-figcaption-2 {font-style: italic;}
.snp-figure-1 img {max-width:100%;}
.snp-img-figcaption-1 pre {font-style: normal;color:#666; margin-bottom:0!important;}
.snp-img-inline {clear:both;margin:0 0 20px 0;}
.snp-img-inline .snp-img-item {display:inline-block;vertical-align:top;padding:0 20px;}
.snp-img-grid-2 .snp-img-row {clear:both;margin:0 0 20px 0;}
.snp-img-grid-2 .snp-img-item {width:48%;float:left;margin:0 3% 0 0;}
.snp-img-grid-2 .snp-img-row .snp-img-item:last-child {margin-right:0;}
.snp-img-grid-2 .snp-img-item figure img {max-width:100%}
.snp-img-grid-3 .snp-img-row {clear:both;margin:0 0 20px 0;}
.snp-img-grid-3 .snp-img-item {width:30%;float:left;margin:0 5% 0 0;}
.snp-img-grid-3 .snp-img-row .snp-img-item:last-child {margin-right:0;}
.snp-img-grid-3 .snp-img-item figure img {max-width:100%}
.snp-img-grid-4 .snp-img-row {clear:both;margin:0 0 20px 0;}
.snp-img-grid-4 .snp-img-item {width:20%;float:left;margin:0 3%x 0 0;}
.snp-img-grid-4 .snp-img-row .snp-img-item:last-child {margin-right:0;}
.snp-img-grid-4 .snp-img-item figure img {max-width:100%}
.link-website {display:inline-block;padding-left: 17px;background:url(../img/link-website.png) 0 2px no-repeat;}
.link-apple {display:inline-block;padding-left: 17px;background:url(../img/link-apple.png) 0 2px no-repeat;}
.link-vk {display:inline-block;padding-left: 19px;background:url(../img/link-vk.png) 0 2px no-repeat;}
.link-facebook {display:inline-block;padding-left: 20px;background:url(../img/link-facebook.png) 0 4px no-repeat;}
.link-phpnet {display:inline-block;padding-left: 20px;background:url(../img/link-phpnet.png) 0 4px no-repeat;}
.link-twitter {display:inline-block;padding-left: 20px;background:url(../img/link-twitter.png) 0 3px no-repeat;}
.link-google {display:inline-block;padding-left: 17px;background:url(../img/link-google.png) 0 4px no-repeat;}
.link-yandex {display:inline-block;padding-left: 20px;background:url(../img/link-yandex.png) 0 3px no-repeat;}
.link-download{display:inline-block;padding-left: 20px;background:url(../img/link-download.png) 0 2px no-repeat;}
.link-github{display:inline-block;padding-left: 20px;background:url(../img/link-github.svg) 0 0 no-repeat;background-size: 16px;line-height:18px;}
.link-website{display:inline-block;padding-left: 20px;background:url(../img/link-website.svg) 0 -1px no-repeat;background-size: 18px;line-height:18px;}
.file-word{ display: inline-block;
display: inline-block;
padding-left: 30px;
background: url(../img/file-word.png) 0 -1px no-repeat;
line-height: 24px;
border-bottom: none;
margin-right: 10px;
}
.tags-menu {overflow:hidden;}
.tags-menu-col {width:185px;float:left;}
.banner {margin:0 0 30px 0;}
.inb {margin:0 0 30px 0;}
.block_watched{margin:0 0 30px 0;padding:12px 8px 12px 15px;background:#f9f9f9;}
.block_watched-title{text-transform: uppercase;font-weight:700;margin:0 0 10px 0;color:#000;}
.block_watched-list{overflow:hidden;}
.block_watched-list li{margin:0 0 10px 0;padding:0 0 0 15px;display:block;position:relative;line-height:17px;}
.block_watched-list li:before {content:'';display:block;width:7px;height:7px;position:absolute;left: 0;top: 6px;border-radius: 50%;background:#f7a309;}
.block_watched-list a{font-size:16px;color:#000;border-bottom:1px solid rgba(0, 0, 0,0.3);line-height:1.3;}
.f-off_on {position:relative;display:inline-block;}
.f-off_on *, .f-off_on *:before, .f-off_on *:after {-moz-box-sizing: border-box;box-sizing: border-box;position:relative;}
.f-off_on input[type="checkbox"] {opacity:0;position:absolute;top: 0;left: 0;}
.f-off_on input[type="checkbox"][disabled] ~ label {pointer-events: none;color:rgba(119, 119, 119, 0.5);padding:0;margin:0;}
.f-off_on input[type="checkbox"][disabled] ~ label span {opacity:0.4;}
.f-off_on input[type="checkbox"]:checked ~ label span:before {content:attr(data-unchecked);left: 0;}
.f-off_on input[type="checkbox"]:checked ~ label span:after {content:attr(data-checked);}
.f-off_on label {-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;position:relative;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items: center;-ms-flex-align: center;align-items: center;font-size:13px;width:90px;}
.f-off_on label .f-off_on__label-text {-webkit-flex: 1;-ms-flex: 1;flex: 1;padding-left: 32px;}
.f-off_on label span {position:relative;-webkit-transition: background-color 0.3s cubic-bezier(0, 1, 0.5, 1);transition: background-color 0.3s cubic-bezier(0, 1, 0.5, 1);background:#848484;height:28px;-webkit-flex: 0 0 90px;-ms-flex: 0 0 90px;flex: 0 0 90px;border-radius: 2px;}
.f-off_on label span:before {content:attr(data-checked);position:absolute;top: 0;text-transform: uppercase;text-align:center;color:rgba(0, 0, 0, 0.5);left: 45px;font-size:10px;line-height:28px;width:45px;padding:0 12px;}
.f-off_on label span:after {content:attr(data-unchecked);position:absolute;z-index: 5;text-transform: uppercase;text-align:center;background:white;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);-webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 1, 0.5, 1);transition: transform 0.3s cubic-bezier(0, 1, 0.5, 1);color:#777;top: 1px;left: 1px;border-radius: 1px;width:44px;line-height:26px;font-size:10px;}
.f-off_on input[type="checkbox"]:focus ~ label span, .f-off_on input[type="checkbox"]:hover ~ label span {background-color:#777;}
.f-off_on input[type="checkbox"]:focus ~ label span:after, .f-off_on input[type="checkbox"]:hover ~ label span:after {color:#5e5e5e;box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4);}
.f-off_on input[type="checkbox"]:hover ~ label {color:#6a6a6a;}
.f-off_on input[type="checkbox"]:checked ~ label:hover {color:#55bc49;}
.f-off_on input[type="checkbox"]:checked ~ label span {background-color:orange;}
.f-off_on input[type="checkbox"]:checked ~ label span:after {-webkit-transform: translate3d(44px, 0, 0);transform: translate3d(44px, 0, 0);color:#6a6a6a;}
.f-off_on input[type="checkbox"]:checked:focus ~ label span, .f-off_on input[type="checkbox"]:checked:hover ~ label span {background-color:orange;}
.f-off_on input[type="checkbox"]:checked:focus ~ label span:after, .f-off_on input[type="checkbox"]:checked:hover ~ label span:after {color:#6a6a6a;box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);}
.f-off_on label span:hover:after {box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);}
.f-center {text-align:center;margin-bottom:10px;}
.form-label-inline {display:inline-block;font-weight:normal;margin:0;padding:0 10px 0 0;font-size:14px;color:#656565;}
.form-label-bold {display:block;font-weight:600;margin:0 0 5px 0;padding:0;font-size:15px;color:#222;}
.grids {-moz-box-sizing: border-box;box-sizing: border-box;*zoom: 1;}
.grids:before, .grids:after {content:" ";display:table;}
.grids:after {clear:both;}
.grid-40 {width:40%;float:left;-moz-box-sizing: border-box;box-sizing: border-box;}
.grid-60 {width:60%;float:left;-moz-box-sizing: border-box;box-sizing: border-box;}
.grid-50 {width:50%;float:left;-moz-box-sizing: border-box;box-sizing: border-box;}
.grid-30 {width:30%;float:left;-moz-box-sizing: border-box;box-sizing: border-box;}
.grid-33 {width:33%;float:left;-moz-box-sizing: border-box;box-sizing: border-box;}
.grid-25 {width:25%;float:left;-moz-box-sizing: border-box;box-sizing: border-box;}
.grid-70 {width:70%;float:left;-moz-box-sizing: border-box;box-sizing: border-box;}
.grid-75 {width:75%;float:left;-moz-box-sizing: border-box;box-sizing: border-box;}
.pl {padding-left: 10px;}
.pr {padding-right: 10px;}
.result-line {overflow:hidden;text-align:center;font-size:14px;margin-bottom:20px;color:#999;text-transform: uppercase;}
.result-line span {display:inline-block;vertical-align:middle;}
.result-line:before,
.result-line:after {content:"";display:inline-block;vertical-align:middle;width:100%;height:4px;border-top: 2px dashed #999;position:relative;}
.result-line:before {margin-left: -100%;left: -14px;}
.result-line:after {margin-right:-100%;right: -14px;}
.sample_view-footer {padding:40px 0 20px 0;width:80%;margin:0 auto;clear:both;text-align:left!important;font-size:14px;color:#333; }
.sample_view-banner {padding:0 0 30px 0;}
.sample_view-copiright {position:relative;}
.sample_view-footer_link {position:absolute;top: 0;right: 0;text-align:right!important;}
.sample_view-footer_text {padding:10px 0 0 0;}
.snp-center {text-align:center;}
.snp-red {color:red!important;}
.snp-green {color:green!important;}
.snp-btngroup {display:inline-block;vertical-align:top;font-size:0;-ms-user-select: none;-moz-user-select: none;-webkit-user-select: none;user-select: none;}
.snp-btngroup-item {display:inline-block;}
.snp-btngroup-item button {
display:inline-block;
background:#fff;
padding:0 15px;
line-height:38px;
height:38px;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
border-right: 1px solid #ddd;
border-left:none;
margin:0;
position:relative;
font-weight:normal;
text-align:center;
font-size:16px;
cursor: pointer;
}
.snp-btngroup-item:first-child button {
border-left:1px solid #ccc;
}
.snp-btngroup-item button:hover {
background:#eee;
}
.snp-btngroup-item button.active {
background:#ffb328;
border-color:#ffb328;
}
.form-radiogroup {
display:inline-block;
vertical-align:top;
font-size:0;
user-select: none;
}
.form-radiogroup-item {
display:inline-block;
}
.form-radiogroup-item label {
display:inline-block;
background:#fff;
padding:0 10px;
line-height:30px;
height:32px;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
border-right: 1px solid #ddd;
margin:0;
position:relative;
font-weight:normal;
text-align:center;
font-size:14px;
cursor: pointer;
}
.form-radiogroup-item:first-child label {
border-left:1px solid #ccc;
}
.form-radiogroup-item label:hover {
background:#eee;
}
.form-radiogroup-item input {
display:none;
}
.form-radiogroup-item > input[type="radio"]:checked + label {
background:#ffd281;
}
.snp_form-row, .snp-row, .form-row, /*del*/
.snp-form-row {margin-bottom:15px;}
.snp_form-submit, /*del*/
.snp-form-submit {padding:20px 0 35px 0;text-align:center;}
.snp_form-label, .form-label, /*del*/
.snp-form-label {display:block;font-weight:normal;margin:0 0 5px 0;padding:0;font-size:14px;color:#656565;}
.snp_form-input, .form-input, /*del*/
.snp-form-input {}
.snp_form-input:focus, .form-input:focus, /*del*/
.snp-form-input:focus {outline: 2px solid #fdd283;}
.snp_form-textarea, .form-textarea, /*del*/
.snp-form-textarea {min-width:100%;max-width:100%;min-height:100px;}
.snp_form-textarea:focus, .form-textarea:focus, /*del*/
.snp-form-textarea:focus {outline: 2px solid #fdd283;}
.form-select, /*del*/
.snp-form-select {background-image: url(../img/select.png);background-position:top 15px right 8px;background-repeat: no-repeat;}
.form-select:focus, /*del*/
.snp-form-select:focus {outline: 2px solid #fdd283;}
.snp_form-input, .form-input, .snp_form-textarea, .form-textarea,.form-select, /*del*/
.snp-form-input, .snp-form-textarea, .snp-form-select {background-color:#fff;vertical-align:top;outline: none;padding:8px 10px;text-indent: 0;display:inline-block;line-height:16px;width:100%;box-sizing: border-box;border: 1px solid #ddd;font-size:14px;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius: 0;}
.error .snp-form-input, .error .snp-form-textarea, .error .snp-form-select, .error .CodeMirror {border-color:red;}
.snp-radiogroup {display:inline-block;vertical-align:top;font-size:0;user-select: none; font-size:0;}
.snp-radiogroup-item {display:inline-block;}
.snp-radiogroup-item label {display:inline-block;background:#fff;padding:0 10px;line-height:30px;height:32px;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;border-right: 1px solid #ddd;margin:0;position:relative;font-weight:normal;text-align:center;font-size:14px;cursor: pointer;}
.snp-radiogroup-item:first-child label {border-left:1px solid #ccc;}
.snp-radiogroup-item label:hover {background:#eee;}
.snp-radiogroup-item input {display:none;}
.snp-radiogroup-item > input[type="radio"]:checked + label {background:#ffd281; }
.snp-radiobtn {display:inline-block;vertical-align:top;font-size:0;user-select: none; font-size:0;}
.snp-radiobtn-item {display:inline-block;}
.snp-radiobtn-item label {display:inline-block;background:#fff;padding:0 10px;line-height:30px;height:32px;border-top: 1px solid #ddd;border: 1px solid #ddd;margin:0 10px 10px 0;position:relative;font-weight:normal;text-align:center;font-size:14px;cursor: pointer;}
.snp-radiobtn-item label:hover {background:#eee;}
.snp-radiobtn-item input {display:none;}
.snp-radiobtn-item > input[type="radio"]:checked + label {background:#ffd281; }
/* inline */
.snp-form-inline {margin-bottom:20px;}
.snp-form-inline-left {width:220px;float:left;padding-top: 3px;}
.snp-form-inline-right {margin-left: 230px;padding-right: 30px;}
.snp-form-inline-submit {padding:20px 0 35px 230px;}
.snp-form-inline-right .snp-form-label {color:#333;}
.snp-form-inline-right .snp-form-select {width:auto;padding-right: 30px;}
.snp-dropdown {margin:0!important;padding:0!important;}
.snp-dropdown > li {margin:0 0 5px 0;padding:0;position:relative;list-style: none;display:inline-block;}
.snp-dropdown > li > a {display:inline-block;margin:0;font-weight:400;text-align:center;vertical-align:middle;cursor: pointer;border: 1px solid #ccc;white-space: nowrap;padding:4px 10px;font-size:13px;border-radius: 3px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;line-height:1.5;color:#333;background-color:#fff;}
.snp-dropdown > li > a:after {content:'';display:inline-block;width:0;height:0;margin-left: 2px;vertical-align:middle;border-top: 4px solid;border-right: 4px solid transparent;border-left:4px solid transparent;margin-left: 3px;}
.snp-dropdown > li > a:hover {color:#333;background-color:#ebebeb;border-color:#adadad;}
.snp-dropdown-menu {display:none;position:absolute;top: 100%;left: 0;z-index: 1000;display:none;min-width:160px;padding:5px 0 1px 0!important;margin:2px 0 0!important;list-style: none;font-size:14px;background-color:#fff;border: 1px solid #ccc;border: 1px solid rgba(0,0,0,.15);border-radius: 4px;-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);box-shadow: 0 6px 12px rgba(0,0,0,.175);background-clip: padding-box;}
.active .snp-dropdown-menu {display:block;}
.snp-dropdown-menu a {border-bottom: 0;}
.snp-dropdown-menu > li {position:relative;margin:0 0 4px!important;}
.snp-dropdown-menu > li > a {display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.42857143;color:#333;white-space: nowrap;font-size:13px;}
.snp-dropdown-menu > li > a:hover {color:#262626;background-color:#f5f5f5;}
.snp-dropdown-menu > li:hover .snp-dropdown-sub {display:block;}
.snp-dropdown-sub {position:absolute;top: -1px;left: 100%;z-index: 1000;display:none;min-width:160px;padding:5px 0 1px 0!important;margin:2px 0 0!important;list-style: none;font-size:14px;background-color:#fff;border: 1px solid #ccc;border: 1px solid rgba(0,0,0,.15);border-radius: 4px;-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);box-shadow: 0 6px 12px rgba(0,0,0,.175);background-clip: padding-box;}
.snp-dropdown-sub > li > a {display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.42857143;color:#333;white-space: nowrap;font-size:13px;}
.snp-dropdown-caret:after {display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style: solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top: 5px;margin-right:-10px;}
.snp-dropdown-sub > li > a:hover {color:#262626;background-color:#f5f5f5;}
.snp-dropdown-divider {height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5;}
.snp-inputgroup {overflow:hidden;vertical-align:top;}
.snp-inputgroup *:first-child {width:auto;float:left;}
.snp-inputgroup *:last-child {width:auto;position:relative;left: -1px;}
.snp-badge-primary,.snp-badge-secondary,.snp-badge-success,.snp-badge-danger,.snp-badge-warning,.snp-badge-info,.snp-badge-light,.snp-badge-dark {display:inline-block;padding:.25em .4em;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space: nowrap;vertical-align:baseline;border-radius: .25rem;transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.snp-badge-primary {color:#fff;background-color:#007bff;}
.snp-badge-secondary {color:#fff;background-color:#6c757d;}
.snp-badge-success {color:#fff;background-color:#28a745;}
.snp-badge-danger {color:#212529;background-color:#dc3545;}
.snp-badge-warning {color:#fff;background-color:#ffc107;}
.snp-badge-info {color:#fff;background-color:#17a2b8;}
.snp-badge-light {color:#212529;background-color:#f8f9fa;}
.snp-badge-dark {color:#fff;background-color:#343a40;}
.snp-form-btn,/*del*/
.snp_form-btn,/*del*/
.snp-btn {display:inline-block;margin:0;font-weight:400;text-align:center;vertical-align:middle;cursor: pointer;background:#f3a312;border: 1px solid #bdbdbd;white-space: nowrap;padding:8px 25px;font-size:14px;line-height:1.42857143;border-radius: 4px;user-select: none;color:#000}
.snp-form-btn:hover,/*del*/
.snp_form-btn:hover,/*del*/
.snp-btn:hover {background:#ffb328;color:#000;border: 1px solid #bdbdbd;}
.snp-form-btn:active,/*del*/
.snp_form-btn:active,/*del*/
.snp-btn:active {background:#d08f26}
.snp-form-btn-2, /*del*/
.snp-btn2,/*del*/
.snp-btn-2 {display:inline-block;margin:0;font-weight:400;text-align:center;vertical-align:middle;cursor: pointer;background:#fff;border: 1px solid #bdbdbd;white-space: nowrap;padding:8px 25px;font-size:14px;line-height:1.42857143;border-radius: 4px;user-select: none;color:#000}
.snp-form-btn-2:hover,/*del*/
.snp-btn2:hover,/*del*/
.snp-btn-2:hover {background:#f3f3f3;color:#000;border: 1px solid #bdbdbd;}
.snp-form-btn-2:active,/*del*/
.snp-btn2:active,/*del*/
.snp-btn-2:active {background:#ddd}
.main_views_btn {margin-bottom: 20px;text-align: center;}
.snp-main-title {overflow: hidden;}
.snp-main-title h2 {display: inline-block;font-size: 28px;margin: 15px 0;line-height: 30px;vertical-align: top;}
.snp-main-title svg {display: inline-block;font-size: 28px;margin: 15px 10px 15px 0;line-height: 30px;vertical-align: top;fill: orange;}
.snp-main-title a {float: right;margin: 15px 0;line-height: 30px;}
.ciu_embed {margin-bottom: 0;}
.snp-binding {margin-bottom: 20px;}
.snp-binding-text {font-size: 14px;margin-bottom: 15px;}
.snp-binding-link {display: inline-block;margin: 0 10px 10px 0;border: 1px solid #ddd;text-decoration: none;height: 30px;line-height: 30px;border-radius: 6px;padding: 0 15px;background: #fff;font-size: 14px;}
.snp-binding-active {display: inline-block;margin: 0 10px 10px 0;border: 1px solid #f3a312;height: 30px;line-height: 30px;border-radius: 6px;padding: 0 30px 0 15px;background: #ffdc9d;font-size: 14px;position: relative;}
.snp-binding-active a {display: inline-block;width: 16px;height: 16px;background: url(../img/icon-close.png) 0 0 no-repeat;text-decoration: none;border-bottom: none;opacity: 0.7;position: absolute;top: 7px;right: 10px;}
.snp-binding-active a:hover {opacity: 0.5;}
.docx-body * {
font-family: 'Times New Roman';
}
.docx {
border: 1px solid #ddd;
padding: 30px;
box-shadow: 0 0 18px #eee;
margin-bottom: 30px;
}
.docx-body table {
margin-bottom: 20px;
}
.docx-body table td {
vertical-align: top;
}
.docx-body .docx-table {
border: 1px solid #000;
}
.docx-body .docx-table td {
border: 1px solid #000;
padding: 10px;
}
.docx-body .docx-table th {
border: 1px solid #000;
padding: 10px;
background:#eee;
}
.filelist {
font-family: monospace;
list-style: none;
font-size: 14px;
margin: 0 !important;
padding: 0;
}
.filelist ul {
font-family: monospace;
list-style: none;
font-size: 14px;
margin: 0 !important;
padding: 0;
}
.filelist > .filelist-bold > a {
font-weight: bold;
}