html {
font-size: 62.5%
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
[lang=fr] h2, h2 {
font-size: 2.6rem;
margin-bottom: 20px;
text-align: left;
border-left: 5px solid #38b3ec;
padding: 13px 0 13px 20px;
font-weight: 600;
background-color: #f5f8fa
}
h3 {
font-size: 2rem;
margin-bottom: 10px;
font-weight: 500
}
.align-center {
text-align: center
}
p {
font-size: 1.4rem
}
.content a {
text-decoration: none;
cursor: pointer;
display: inline
}
.content a:hover {
color: #009ee7
}
.content .core :last-child {
margin-bottom: 0
}
.content .core p {
margin-bottom: 13px;
margin-top: 13px
}
.content .core dd p, .content .core dt p, .content .core ol li p, .content .core table p, .content .core ul li p {
margin: auto
}
.cb:after, .clearfix:after {
content: "";
display: block;
height: 0;
clear: both;
visibility: hidden
}
.art-bnr {
background: #1c3c65 url(https://cdn-node.diskpart.com/res/img/posts/banner.jpg) no-repeat center center;
background-size: cover;
padding: 5px 15px 65px
}
.art-bnr h1 {
margin-bottom: 15px;
color: #fff;
font-size: 3.5rem;
line-height: 1;
font-family: helvetica blk,segoe ui,helvetica neue,Helvetica,Arial,sans-serif !important;
}
.art-bnr .des {
font-size: 16px;
line-height: 32px;
color: #fff
}
.art-bnr .breadcrumb {
background: 0 0;
border-radius: 0
}
.art-bnr .breadcrumb li {
color: #fff
}
.art-bnr .breadcrumb a {
color: #faec10;
font-size: 1.6rem
}
.container-box {
width: 100%;
min-height: 500px;
position: relative;
top: -50px
}
.content {
float: left;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
background-color: #fff;
width: calc(100% - 400px)
}
.content.inner-content {
padding: 0 20px
}
.author-wrap, .content, .ctt-wrap {
padding: 0
}
.author-info > a, .author-logo {
width: 50px;
height: 50px
}
.author-info {
padding: 15px 0
}
.author-des, .author-info img {
vertical-align: middle
}
.author-des {
display: inline-block
}
.content p strong {
display: inline;
line-height: 32px
}
.author-letter {
color: #848383;
height: auto;
position: relative;
margin-bottom: 45px
}
.author-letter img {
position: absolute;
z-index: 1;
top: 0;
left: 0;
padding: 12px
}
.author-letter .des {
width: 100%;
float: left
}
.author-letter p:last-child {
text-align: right
}
.hot::after, .jump li p, .jump li::before, .logo-twit {
display: inline-block
}
.logo-twit {
width: 14px;
height: 11px
}
.jump {
margin-top: 20px;
padding: 20px 14px;
background-color: #f5f8fa
}
.jump li {
padding: 5px 0 5px 12px;
font-size: 16px;
position: relative;
list-style: none
}
.jump li::before {
content: "";
width: 8px;
height: 9px;
background: url(https://cdn-node.diskpart.com/res/img/posts/open.png) no-repeat;
position: absolute;
left: -2px;
top: 7px
}
.jump li p {
margin-top: 0
}
[lang=it] .hot::after {
content: "consigliato";
background-size: 100% 100%;
width: 75px
}
.hot::after {
content: "HOT";
width: 37px;
height: 14px;
font-size: 12px;
font-size: 1.2rem;
padding-left: 7px;
color: #fff;
right: 0;
line-height: 17px;
background: url(https://cdn-node.diskpart.com/res/img/posts/hot-bg.png) no-repeat center center
}
.easier::after, .hot::after, .video-wrap a > div {
position: relative;
text-align: center
}
.easier::after {
content: "Easier";
display: inline-block;
height: 14px;
line-height: 12px;
font-size: 12px;
padding-left: 7px;
color: #fff;
right: 0;
background: url(https://cdn-node.diskpart.com/res/img/posts/hot-bg.png) no-repeat center center;
background-size: 100% 100%;
width: 45px
}
.video-wrap {
border: 1px solid #a7a7a7
}
.video {
width: 139px;
height: 66px;
background: url(https://cdn-node.diskpart.com/res/img/posts/video.png) no-repeat center center;
cursor: pointer
}
.video-txt {
margin: 0;
padding-left: 10px
}
.video-ico {
margin: 0
}
.content.video img {
margin: 0 auto;
padding: 0
}
.video-wrap > a {
display: table;
width: 100%
}
.content a.download:hover::before, .content a.download:hover:before, .content div a::before, .content.block-hover a.download::before, .video-wrap > a:before {
content: none
}
.block-hover:hover {
border-bottom: 0 !important
}
.video-wrap a > div {
margin: 0 !important;
font-size: 14px;
font-size: 1.4rem;
vertical-align: middle;
display: table-cell
}
.video-wrap div:last-child img {
display: inline-block;
padding: 0 10px 0 0
}
.video-wrap div:last-child {
vertical-align: middle
}
.bst-ctt h5, .video-wrap a > div.video-txt {
text-align: left
}
.bstfree {
margin-top: 35px;
padding: 4% 25px;
position: relative
}
[data-category=post] .content .bstfree > img {
position: absolute;
left: 0;
top: 0;
padding: 0;
margin: 0;
max-width: 100%;
width: 100%;
height: 100% !important
}
.content .core .bst-ctt, .content .core .dnload-bottom, .dnload-box .download p, .download .left > img {
margin-bottom: 0
}
.bstfree .bst-wrapper {
position: relative;
z-index: 2
}
.bstfree .bst-wrapper:after {
content: '';
display: block;
overflow: hidden;
visibility: hidden;
clear: both;
height: 0
}
.bst-ctt {
float: left;
width: calc(100% - 285px);
margin-right: 5px;
padding: 0
}
.content .core .bst-ctt p {
margin-bottom: 0;
line-height: 18px;
font-size: 14px
}
.bst-ctt h5 {
font-size: 14px;
font-weight: 700;
margin-bottom: 10px
}
.bstfree .dnload-box {
float: right;
text-align: center
}
.content a.download {
background-color: #16aaef;
border-radius: 3px;
border: 0 !important;
color: #fff;
display: block
}
.content a.download:hover, a.download:hover {
background-color: #39c0ff
}
a.download:hover {
color: #fff
}
.download .left img {
position: absolute;
left: 50%;
top: 50%;
margin-left: auto;
margin-top: 17px
}
.dnload-box .dnload-bottom img {
display: inline-block;
padding: 0;
vertical-align: middle
}
.dnload-box p {
margin-top: 0 !important;
color: #fff !important
}
.post-area a.artimg {
display: inline-block !important;
text-align: center;
background: url(/images/public/ld1.gif) no-repeat center
}
.post-area a.artimg img {
aspect-ratio: attr(width)/attr(height)
}
/*
a.artimg img {
max-height: 500px
} */
.div_bor table {
border: 1px solid #cad9ea
}
.div_bor a.artimg img {
max-width: 250px
}
.sidebar {
width: 330px;
margin-top: 70px;
float: right
}
.side-item {
margin-bottom: 30px
}
.side-item #am-related-articles dt, .side-item h3 {
font-size: 18px;
color: #fff;
font-weight: 400;
background-color: #091781;
padding: 7px 0 7px 15px;
border-radius: 8px 8px 0 0;
margin: 0
}
.side-item, .side-item #am-related-articles {
background: #fff
}
#am-related-articles dd {
padding: 0 20px 10px 25px;
border-left: 1px solid #e9ebee;
border-right: 1px solid #e9ebee
}
.side-item .btn {
margin-bottom: 0
}
#am-related-articles dd:last-child {
border-bottom: 1px solid #e9ebee
}
#am-related-articles dd:last-child:after, .side-item #am-related-articles dt + dd:before {
content: '';
display: table;
height: 15px
}
#am-related-articles dd a {
display: block;
color: #343434;
font-size: 1.4rem;
line-height: normal
}
#am-related-articles dd a:hover, .side-item li a:hover {
color: #2280e1
}
.item-container {
border: 1px solid #e9ebee;
border-top: 0;
padding: 20px 15px 35px;
font-size: 14px;
font-size: 1.4rem
}
.item-container:nth-child(3) img{
margin-left: 10px;
}
.ctt-des {
padding: 0 0 0 25px;
line-height: 30px
}
#am-related-articles dd a, .ctt-des li {
position: relative;
padding: 0
}
#am-related-articles dd a:before, .ctt-des li:before {
content: "\e258";
position: absolute;
display: inline-block;
font-family: glyphicons halflings;
font-style: normal;
font-weight: 400;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #009ee7;
top: .3rem;
font-size: 1.2rem;
left: -15px
}
.ctt-rating .imgbx, .rating-txt {
display: inline-block;
vertical-align: middle
}
.ctt-rating .imgbx {
width: 33px;
height: 33px
}
.ctt-rating .rating {
height: 18px
}
.rating-txt {
margin-left: 10px;
text-align: left
}
.rating-txt p {
font-size: 1.4rem;
line-height: 1
}
.side-item .item-container {
text-align: center
}
.section .title {
font-size: 16px;
line-height: 38px
}
.itm3 input, .itm3 p {
font-size: 14px;
font-size: 1.4rem
}
.itm3 p {
line-height: 24px;
-webkit-margin-after: 20px;
margin-block-end: 20px;
text-align: left
}
.search-box {
height: 38px;
border: 1px solid #d5d5d5
}
.search-box button, .search-box input {
float: left;
border: 0
}
.search-txt {
width: calc(100% - 38px);
height: 100%;
padding-left: 12px
}
.search-box .search-btn {
width: 38px;
height: 36px;
border-left: 1px solid #d5d5d5;
background: url(https://cdn-node.diskpart.com/res/img/posts/search.png) no-repeat center center;
cursor: pointer;
float: right
}
.search-btn:hover {
background: url(https://cdn-node.diskpart.com/res/img/posts/search-hover.png) no-repeat center
}
.content .post-area a.download.cb {
display: block
}
.feedback{
min-height: 100px;
border-top: 2px solid #ededed;
border-bottom: 2px solid #ededed;
display: flex;
align-items: center;
margin-top:40px;
}
#feedback-title{
display: inline-block;
font-size: 2rem;
margin-right: 55px;
vertical-align: middle;
font-family:'Myriad Pro',Segoe UI,"Helvetica Neue",Helvetica,Arial,sans-serif;
}
#feedback-title p:first-child{
font-size: 2rem;
font-weight: 600;
margin-bottom: 10px;
}
.feedback #feedback-form #feedback-cancel {
color: #2258f6;
width: auto;
background: 0 0;
margin-left: 20px;
cursor: pointer;
}
.feedback #feedback-form #feedback-cancel:hover {
text-decoration: underline;
}
.helpful-btn-list{
display: inline-block;
width: 275px;
}
#useful-btn{
width: 115px;
height: 35px;
background-color: #137df5;
border-radius: 5px;
text-decoration: none;
text-align: center;
vertical-align: middle;
line-height: 4rem;
color:#fff;
margin-right:40px;
font-size:16px;
font-family:'Myriad Pro',Segoe UI,"Helvetica Neue",Helvetica,Arial,sans-serif;
}
#useful-btn:hover{
background-color:#006FEE;
}
#useful-btn::before{
content:"";
display:inline-block;
width:13px;
height:13px;
margin-right: 10px;
background-image:url("/assets/images/icons/icon-fabulous.png");
}
#unuseful-btn{
width: 115px;
height: 35px;
border: 1px solid #137df5;
border-radius: 5px;
text-decoration: none;
text-align: center;
vertical-align: middle;
line-height: 4rem;
color:#137df5;
font-size: 16px;
font-family:'Myriad Pro',Segoe UI,"Helvetica Neue",Helvetica,Arial,sans-serif;
}
#unuseful-btn:hover{
background-color:#137df5;
color:#fff;
}
#unuseful-btn::before{
content:"";
display:inline-block;
width:13px;
height:13px;
margin-right: 10px;
background-image:url("/assets/images/icons/icon-tread.png");
}
#unuseful-btn:hover::before{
background-image:url("/assets/images/icons/icon-tread-hover.png");
}
#feedback-form{
margin-top: 30px;
position:relative;
}
#feedback-txt{
display:block;
outline: none;
resize:vertical;
border-width:2px;
border-radius:5px;
border-color:#cacfd3;
padding-top: 25px;
padding-left: 20px;
max-width:750px;
font-size:16px;
font-family:'Myriad Pro',Segoe UI,"Helvetica Neue",Helvetica,Arial,sans-serif;
}
#feedback-txt::placeholder{
font-family: 'Myriad Pro',Segoe UI,"Helvetica Neue",Helvetica,Arial,sans-serif;
font-size:16px;
color:#bdbdbd;
}
#feedback-form p{
color: #6c6c6c;
font-size:16px;
margin-top: 20px;
margin-bottom:10px;
font-family:'Myriad Pro',Segoe UI,"Helvetica Neue",Helvetica,Arial,sans-serif;
}
#feedback-form p a{
color: #137df5;
}
#feedback-form button{
width: 157px;
height: 47px;
border-radius: 5px;
background-color: #137df5;
border: none;
color: #fff;
font-size:18px;
font-family:'Myriad Pro',Segoe UI,"Helvetica Neue",Helvetica,Arial,sans-serif;
}
#character-counter{
position: absolute;
color:#7d7d7d;
top: 5px;
left: 675px;
font-family:'Myriad Pro',Segoe UI,"Helvetica Neue",Helvetica,Arial,sans-serif;
}
#feedback-notice{
display:none;
color:#ff5454 !important;
margin-top:10px !important;
margin-bottom:10px !important;
}
#feedback-notice::before{
content:"";
display:inline-block;
width:12px;
height:12px;
margin-right:3px;
background-image: url("/assets/images/icons/icon-remind.png");
}
@media screen and (max-width: 768px) {
.video-wrap div, .video-wrap p {
float: none;
overflow: hidden;
padding: 0;
margin: 0 auto;
text-align: center
}
.video-wrap p:last-child {
float: none
}
#feedback-txt{
width:100%
}
.js-toc-box {
display: none
}
}
@media screen and (max-width: 320px) {
.content p {
font-size: 12px
}
#feedback-txt{
width:100%
}
.js-toc-box {
display: none
}
}
.modal {
max-width: 876px;
border-radius: 0;
padding: 0 !important;
margin: auto
}
.modal figure {
padding-bottom: 56.25%;
padding-top: 25px;
height: 0;
margin: 0
}
.modal figure iframe {
width: 100% !important;
height: 100% !important;
margin: 0;
position: absolute;
top: 0;
left: 0
}
#block---video a {
text-decoration: none;
color: #2f2f2f
}
#block---video {
cursor: pointer
}
.side-item li a {
color: #343434;
font-size: 13px
}
.content p b, .content p strong {
font-weight: 700;
color: #000
}
.content .author-info a, .content .post-area p a {
position: relative;
line-height: 1
}
.content .author-info a, .post-area > center img {
display: inline-block;
vertical-align: middle
}
.content .post-area p a:hover, .content.block-hover a {
position: relative
}
.content p a:hover::before {
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: bottom right;
-ms-transform-origin: bottom right;
transform-origin: bottom right
}
.content.block-hover a::before {
content: '';
position: absolute;
bottom: -2px;
left: 0;
right: 0
}
.content.block-hover a:hover {
border-bottom: 0
}
.content.block-hover a:hover::before {
-webkit-transform-origin: bottom left;
-ms-transform-origin: bottom left;
transform-origin: bottom left;
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1)
}
.fb-comments {
border: 1px solid #e9ebee;
margin-top: 55px
}
.author-info > img {
-webkit-border-radius: 50%;
-moz-border-radius: 50%
}
.author-info > a:hover img {
width: 50px;
height: 50px
}
.content .core .author-letter p {
margin-bottom: 1px;
text-align: left;
line-height: 26px
}
.content a {
color: #249efc
}
.ab-specialoffer-9dot99-USD {
display: block;
margin: auto;
width: 300px;
height: 80px;
background: url(https://cdn-node.diskpart.com/res/img/posts/special-offer-btn.png)
}
.ab-specialoffer-9dot99-USD:hover {
opacity: .9;
filter: alpha(opacity=90)
}
.list-paddingleft-2.disc li {
list-style: disc;
list-style-position: inside
}
.list-paddingleft-2.decimal li {
list-style: decimal;
list-style-position: inside
}
.list-paddingleft-2.square li {
list-style: square;
list-style-position: inside
}
.list-paddingleft-2.circle li {
list-style: circle;
list-style-position: inside
}
.list-paddingleft-2.zero li {
list-style: decimal-leading-zero;
list-style-position: inside
}
.list-paddingleft-2.upper li {
list-style: upper-latin;
list-style-position: inside
}
[class*=list-padding] > * {
list-style: initial;
margin-bottom: 5px;
list-style-position: outside !important;
line-height: normal !important
}
[class*=list-paddingleft] {
padding-left: 2.7rem
}
.author-info img, .author-info > img {
border-radius: 50%
}
.content .core .author-letter p:last-child {
text-align: left
}
.author-letter {
margin-top: 15px;
border-left: 5px solid #ddd;
padding-left: 75px;
font-style: italic
}
b, strong {
font-weight: 700
}
.ctt-rating {
padding: 20px 20px 16px;
background-color: #f8f8f8;
margin: 20px 0;
text-align: left
}
[lang] .post-area a:before {
content: ''
}
.download .left > img {
position: static;
top: auto;
left: auto
}
.ctt-top {
word-break: keep-all;
white-space: nowrap;
font-size: 0
}
.ctt-top img {
box-sizing: border-box
}
.ctt-des, .ctt-des li, .ctt-top img {
text-align: left;
font-size: 1.4rem
}
.ctt-des {
font-size: 14px;
width: calc(100% - 67px);
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
padding-top: 9px
}
.ctt-des, .ctt-top .imgbox, .ctt-top img {
vertical-align: middle;
display: inline-block
}
.ctt-top img {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
font-size: 14px
}
.ctt-top .imgbox {
width: 80px
}
.ctt-des li {
display: block;
word-wrap: break-word;
word-break: break-all;
margin-bottom: 6px;
line-height: normal;
white-space: normal
}
.ctt-des li:last-child {
margin-bottom: 0
}
table {
border-collapse: collapse;
margin: 0 auto 15px;
text-align: center;
width: 100%
}
table td, table th {
border: 1px solid #cad9ea;
color: #666;
height: 30px;
padding: 5px;
font-size: 14px;
font-size: 1.4rem;
font-weight: 400
}
table td strong, table th strong {
font-weight: 700;
font-size: 16px;
color: #111
}
.inner-content {
padding: 0 15px
}
@media all and (max-width: 1200px) {
.content .author-wrap, .content .core, .content .core.ctt-wrap, .content .inner-content {
padding: 0 !important
}
#feedback-txt{
width:100%
}
.js-toc-box {
display: none
}
}
.art-bnr .breadcrumb {
padding-left: 0;
padding-right: 0
}
.breadcrumb > .active {
color: #fff
}
.download .left, .main-content {
position: relative
}
#sidebar {
position: -webkit-sticky;
position: sticky;
top: 0
}
@media all and (max-width: 1200px) {
.container {
padding-left: 15px;
padding-right: 15px
}
}
@media all and (max-width: 992px) {
.content, .sidebar {
width: auto;
float: none !important
}
.sidebar {
display: none
}
#feedback-txt{
width:100%
}
.js-toc-box {
display: none
}
}
.dnload2 {
margin: 20px auto
}
.dnload-box {
width: 270px
}
.main-content a.download {
background-color: #16aaef;
border-radius: 3px;
border: 0 !important;
color: #fff
}
.download {
display: block;
color: #fff
}
.download .left {
text-align: center;
line-height: 72px;
height: 72px;
width: 60px;
border-right: 1px solid #fff;
float: left;
vertical-align: top
}
.download .rigth {
text-align: center;
height: 62px;
padding-top: 15px;
padding-left: 61px
}
.download .rigth p:first-child {
font-weight: 700;
font-size: 20px
}
.download .rigth p {
text-align: center
}
.download .rigth p:nth-child(2) {
font-size: 12px
}
.dnload-box .dnload-bottom {
margin: 0;
text-align: center;
color: #63686b !important
}
.dnload-box .dnload-bottom .dnload-ico {
display: inline-block;
margin: -2px 0 0
}
.post-area > center {
margin-bottom: 20px;
text-align: center
}
.content .core ul {
margin-bottom: 20px;
padding-left: 2em
}
.content .core ul > li {
list-style-type: disc
}
.content .core ul[class] {
padding-left: 1em
}
.content .core ul[class] > li {
list-style: none
}
.content .core ul[style] > li {
list-style-type: inherit
}
.content img, .post-area img {
width: auto;
max-width: 600px
}
.video-wrap {
padding: 0;
margin: auto
}
.content .core ul.jump:hover {
-webkit-box-shadow: 0 3px 5px 3px rgba(0, 0, 0, .1);
box-shadow: 0 3px 5px 3px rgba(0, 0, 0, .1)
}
@media (max-width: 768px) {
.container-box .content .core img {
width: auto !important;
max-width: 100% !important;
display: block !important
}
#feedback-txt{
width:100%
}
.js-toc-box {
display: none
}
}
@media all and (max-width: 1574px) {
.js-toc-box {
display:none
}
}
[lang=es] .art-bnr h1 {
font-size: 3rem
}
.content .post-area dd, .content .post-area li {
line-height: 24px
}
.content .post-area ol, .content .post-area ul {
list-style-type: none;
padding-left: 2em
}
.content .post-area ol li {
list-style-type: decimal;
-webkit-padding-start: .4em;
-moz-padding-start: .4em;
padding-inline-start: .4em;
margin-bottom: 3px
}
.content .post-area ul li {
list-style-type: disc;
margin-bottom: 3px
}
.content .post-area a {
color: #249efc;
text-decoration: none;
position: relative;
display: inline-block
}
.content .post-area a::before, .content .post-area a:before {
content: '';
display: block;
height: 1px;
background: #249efc;
bottom: 0;
left: 50%;
width: 0;
position: absolute
}
.content .post-area a:hover {
color: #009ee7
}
.content .post-area a:hover::before, .content .post-area a:hover:before {
width: 100%;
left: 0;
-webkit-transition: all 300ms linear;
transition: all 300ms linear;
-webkit-transform: none;
-ms-transform: none;
transform: none;
-webkit-transform-origin: unset;
-ms-transform-origin: unset;
transform-origin: unset
}
.content .dnload-box .post-area a:hover::before, .content .dnload-box .post-area a:hover:before {
position: static
}
.content p[style*="text-align:"] a::before, .post-area > p > a[href*=".gif"]:before, .post-area > p > a[href*=".jpeg"]:before, .post-area > p > a[href*=".jpg"]:before, .post-area > p > a[href*=".png"]:before, .xl-box .bstfree.cb .dnload-box > a:hover {
content: none
}
.author-info a img {
max-width: 48px
}
.author-info a:hover img {
position: relative;
top: -2px;
opacity: .9;
filter: alpha(opacity=90);
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1)
}
.content div.author-wrap .push-date > a:hover {
color: #0a7cff !important;
opacity: .9;
filter: alpha(opacity=90);
position: relative;
top: -2px
}
.content p em, .content p i {
font-style: italic
}
.content .core p, .content p {
white-space: normal;
word-break: break-word
}
.content h2, .content h3, .content h4, .content h5 {
outline: 0
}
.content .core dd, .content .core div, .content .core dt, .content .core li, .content .core p, .content .core td, .content .core th {
line-height: 1.4123456;
font-size: 16px;
font-size: 1.6rem
}
.content .jump li::before {
top: 1.1rem
}
.content dd, .content div, .content dt, .content li, .content p, .content td, .content th {
line-height: 1.6123456;
font-size: 16px;
font-size: 1.6rem
}
.content .core h3, .content h3 {
text-align: justify;
font-size: 2.2rem;
padding: 8px 15px 5px 10px;
background: #f8f8f8;
border-left: 3px solid #8ad12d;
display: table;
width: 100%
}
#am-related-articles dd a {
word-break: break-word;
white-space: normal
}
@font-face {
font-family: "Glyphicons Halflings";
src: url(../fonts/glyphicons-halflings-regular.eot);
src: url(../fonts/glyphicons-halflings-regular.eot?#iefix) format("embedded-opentype"),
url(../fonts/glyphicons-halflings-regular.woff2) format("woff2"),
url(../fonts/glyphicons-halflings-regular.woff) format("woff"),
url(../fonts/glyphicons-halflings-regular.ttf) format("truetype"),
url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format("svg")
}
.breadcrumb {
padding: 8px 15px;
}
.glyphicon {
position: relative;
top: 1px;
display: inline-block;
font-family: "Glyphicons Halflings";
font-style: normal;
font-weight: 400;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.glyphicon-home:before {
content: "\e021"
}
.breadcrumb li {
display: inline-block;
vertical-align: middle;
}
.breadcrumb>li+li:before {
padding: 0 5px;
color: #ccc;
content: "/\00a0";
}
.post-area img[lay-src] {
max-width: 766px;
height: auto !important;
opacity: 0;
}
.post-area img[lay-src][src] {
opacity: 1;
}
.post-area .artimg {
display: table;
width: 100%;
max-width: 600px;
margin: 0 auto 5px auto;
background: url(/assets/adr/images/misc/loading.gif) no-repeat center;
}
.post-area .artimg img {
max-width: 100%;
margin: 0 auto 10px auto;
height: auto !important;
position: relative;
z-index: 22;
}
.post-area .artimg img[lay-src] {
max-width: 700px;
height: auto !important;
}