/* Lõi CSS Emagazine — vanhoadoisong.
 * Sinh từ v2_emagazine-3.css (31/07/2026): gộp khối lặp + đưa @import font lên ĐẦU tệp
 * (@import đứng sau rule bị trình duyệt bỏ qua, 5 font Google trước đây không hề tải)
 * + đổi .sp-detail-content h1 line-height 50px -> 39px cho khớp bản dùng chung
 * pc-emagazine-4.css của baothanhhoa/baophutho.
 * Việc gộp CHỈ xoá khai báo đã bị đè (cùng selector, cùng thuộc tính, có xét !important)
 * nên không đổi giá trị tính được của bất kỳ phần tử nào — đã đối chiếu 258 khoá.
 * Sửa tệp này thì BUMP SỐ trong tên (-4 -> -5) và sửa hết tham chiếu:
 *   views/apps/cms/vanhoadoisong/{desktop,mobile}/emagazinedetail.htm
 *   views/apps/cms/vanhoadoisong/desktop/__emagazine_css.htm
 * Giữ nguyên tên mà sửa nội dung sẽ dính cache 7 ngày của /cdn.
 */
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed);
@import url(https://fonts.googleapis.com/css?family=Lobster);
@import url(https://fonts.googleapis.com/css?family=Fascinate+Inline);
@import url(https://fonts.googleapis.com/css?family=Fredericka+the+Great|Limelight);
@import url(https://fonts.googleapis.com/css?family=Limelight);
#body{width:868px;margin:10px auto;background:#F7F7F7;padding:20px}
#dcontent,#admwrapper .container section#content section{padding:0}
#content{width:615px;margin:10px auto}
#dcomment{padding:10px}
.clr{clear:both}
.dother{clear:both}
.dother .dcpan{margin:2px auto}
.dother .dcpan .title_public{color:#D61117;text-align:center;margin:0;border:navajowhite;font-size:35px}
.dother ul,.dother li{list-style:none}
.dother .li_24h{padding:15px 0}
.dother .li_24h ul{margin-top:10px}
.dother .li_24h .time_24h a{text-transform:uppercase;color:#999}
.dother .li_24h .li_child_24h{float:left;width:31.3%;margin-right:3%}
.dother .li_24h .li_child_24h:last-child{margin-right:0}
.dother .li_24h .img_256x171{width:100%;height:171px}
.dother .li_24h .thumbblock{position:relative;overflow:hidden;display:block}
.dother .li_24h .wp_li_child_24{padding:10px}
.dother .li_24h .time_24h{font-size:11px;margin-top:5px;color:#999}
.dother .li_24h .title_li_24h{font-weight:bold}
.dother .li_24h .title_li_24h h3{font-weight:bold}
.dother .li_24h .title_li_24h a{margin-top:5px;color:#444;font:bold 16px/23px helvetica-idesignVn,arial}
.dbgx{background:#FFF;box-shadow:0 1px 1px #b3b3b3}
#dmore{margin:5px auto;text-align:center}
.col615{border:none}
.sp-mag-logo{transition:all .2s;height:44px !important;line-height:25px !important}
.k14-sp-wrapper,.k14-sp-wrapper .sp-body-content,.k14-sp-wrapper .sp-body-content .sp-detail{background-color:#fff}
.k14-sp-wrapper .sp-body-content .sp-detail p,.publish-date{color:#613c2f}
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%;vertical-align:baseline}
textarea{resize:none}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1;font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;height:auto !important}
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
a,a:hover{transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s}
.fl{float:left}
.fr{float:right}
.sp-detail-content h1{font-family:SFD-Bold;font-size:34px;margin-bottom:15px;line-height:39px}
.sp-detail-content h2{color:#333;font-size:28px;line-height:32px}
.sp-detail-content p>b{font-weight:bold !important}
.cke_wysiwyg_div a.star-ava>img{outline:0}
.spup-ava{display:block;width:46px;height:46px;float:right;margin-left:20px}
.spup-ava img{display:block;width:46px;height:46px;border-radius:100%;-webkit-border-radius:100%;-moz-border-radius:100%}
.k14-sp-wrapper .sp-body-content .sp-detail{background:#fff;padding:0 0 100px;color:#222;font-family:NotoSerif-Regular;font-size:17px;line-height:27px;position:relative}
.k14-sp-wrapper .sp-body-content .sp-detail p{font-family:NotoSerif-Regular}
.k14-sp-wrapper .sp-body-content .sp-detail p b{font-family:NotoSerif-Bold !important;font-weight:normal !important}
html{overflow-x:hidden}
.k14-sp-wrapper{overflow:hidden}
.sp-back-to-k14{padding-left:50px;background:url(emagazine/logo-soha-sticky.png) 66px center no-repeat;background-size:115px}
.sp-back-to-k14:hover{border-color:#fff}
.sp-mag-logo b{color:#ff6c13}
.k14-sp-wrapper .sp-body-content{background:#fff;position:relative}
.sp-detail-maincontent{position:relative}
.k14-sp-wrapper .sp-body-content .sp-detail .sp-detail-content p b{font-family:SFD-SemiBold}
.k14-sp-wrapper .sp-body-content .sp-detail .sp-detail-content p.spdc-q b{font-family:SFD-Heavy;font-size:26px;line-height:34px}
.spdc-img-big{display:block;text-decoration:none;position:relative}
.spdc-img-big img{display:block;width:100%}
h3{font-size:1.17em}
.alignLeft{float:left}
.sp-detail-content>p{margin-bottom:20px !important}
.k14-sp-wrapper .sp-body-content .sp-detail{padding-bottom:80px}
.sp-detail-content{font-size:17px;font-family:Georgia;color:#333;line-height:27px;-webkit-font-smoothing:initial;background-color:#fff}
.sp-detail-content p,.publish-date{color:#111}
.sp-mag-logo img{margin-top:10px;max-height:26px;max-width:100%}
.kbwcs-fb{height:22px;line-height:20px;text-decoration:none;color:#fff;margin-right:6px;border-radius:2px;font-family:SFD-Bold;font-size:12px;background:#4167b2;padding:4px 10px}
.kbwcs-fb>span{padding-top:5px}
.kbwcs-fb:before{content:'';width:10px;height:16px;position:absolute;top:2px;left:7px;background-size:69%}
.sp-sticky-header{position:fixed;top:0;left:0;right:0;height:44px;background:#FFF;border-bottom:solid 3px #D61117;text-align:center;z-index:10}
.sp-back-to-k14{display:block;height:27px;float:left;position:absolute;width:166px !important;top:7px;left:5px}
.sp-user-profile{float:right;padding:8px 15px !important;position:absolute;top:0;right:0;display:block}
.fb-like{margin-right:10px;float:left}
.sp-mag-logo{margin-right:0}
.pTitle{color:#FFF;padding-top:10px}
.pHead{display:none !important}
.pCover{padding-top:44px}
.fullimage,.pCover img,.pImg100 img{width:100%!important;height:auto;margin:0}
.medium{width:980px!important;margin:10px auto}
.dmedia{margin:0 auto;display:block}
.boxleft{float:left!important;margin-right:30px!important;width:450px}
.boxright{float:right!important;margin-left:30px!important;width:450px}
.htitle1,.htitle2,.htitle3,.htitle4,.htitle5{font-size:55px;line-height:65px;text-align:center;font-weight:bold}
.htitle1{font-family:'Roboto Condensed',sans-serif!important}
.htitle2{font-family:'Fascinate Inline',cursive!important}
.htitle3{font-family:'Lobster',cursive!important}
.htitle4{font-family:'Limelight',cursive!important;font-family:'Fredericka the Great',cursive!important}
.htitle5{font-family:'Limelight',cursive!important}
.padding-left-5{padding-left:5px!important}
.padding-left-10{padding-left:10px!important}
.padding-right-5{padding-right:5px!important}
.padding-right-10{padding-right:10px!important}
.clearfix{clear:both!important}
.firstLarge:first-letter{font-size:60px;line-height:60px;display:block;float:left;margin-top:5px!important;margin-right:10px;padding:0 10px 5px 10px;vertical-align:text-top;background:#f7f7f7;color:#000;font-weight:bold}
.sp-mag-logo{display:inline-block;color:#000;margin:0;padding:5px;font:bold 25px/26px helvetica-idesignVn,arial}
.sp-sticky-header .sp-mag-logo{box-sizing:border-box;max-width:calc(100% - 50px);padding-left:190px;padding-right:80px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media screen and (max-width:480px){.pTitle{display:none !important}#admWrapsite{width:100%}.pBody{width:90%;margin:10px auto;text-align:justify}.pAuthor,.pSource,.publish-date,.iCaption,.pCaption{width:90% !important}}
@media only screen and (min-device-width:768px) and (max-device-width:1024px){.sp-mag-logo{line-height:45px !important;color:#fff!important;font-size:18px!important}.medium .pBody{margin:0 55px!important}.medium .boxright,.medium .boxleft{max-width:400px!important;height:auto!important}.medium .boxright{margin-left:10px!important;margin-right:215px!important}.medium .boxleft{margin-right:10px!important}.boxright img,.boxleft img{max-width:400px!important;height:auto!important}}
@media (max-width:767px){.pBody,.medium{padding:0 15px;width:auto!important}.medium .pBody{padding:0}.boxright,.boxleft{float:none!important;margin:0!important;width:auto!important;height:auto!important}.boxright img,.boxleft img,p img{padding:0 -15px!important;width:100%!important;height:auto!important}}
@font-face{font-family:NotoSerif-Bold;src:url(/dgrs/js/cms/emagazine/fonts/NotoSerif-Bold.woff2) format("woff2"),url(/dgrs/js/cms/emagazine/fonts/NotoSerif-Bold.woff) format("woff"),url(/dgrs/js/cms/emagazine/fonts/NotoSerif-Bold.ttf) format("truetype");font-display:swap}