.wrapper > .fL > a >.mT10 {margin-top:0;}
/*Fix layout*/
.wraper{width:990px;margin:0 auto;}
.innercontent{background:#fff;border:none;width: 980px;margin:15px auto;padding: 5px 0;}
.landing-body{width:470px;}
.wrapper, .footer-area{ width:100% !important}
img{border: none; max-width: 100%;}
header,section,footer{width:100%}
.container{max-width:1150px; margin:0 auto;}
/*For Web Ad*/
.Header_L {float:left !important;width:468px;}
.Header_R {float:right !important;width:468px;}
.Atf, .Btf{margin-bottom: 10px; min-height: 250px; }
.gutterAds{ position: relative;}
.GutterL {position: absolute;left: 3px;margin-right: 0;top: 0;width: 160px;display: block !important;text-align: left;}
.GutterR {position: absolute;right: 0 !important;margin-left: 500px;top: 0;width: 160px;display: block !important;left: auto;}
.stick{ position: fixed;}
.fL {float:left; }.fR {float:right; }.fF {width:100%;float:left;}.mB10{margin-bottom:10px;}.mR10{margin-right:10px;}
.networkAd{ clear:both; margin-top:20px; /*display: inline-block; */ max-width:990px; margin: auto}
.atf_top {display: block; margin:10px auto;width: 100%;text-align: center; min-height: 95px;}
/*video Player title*/
.s_tittle {clear: both;margin-top: 10px;}
.s_tittle h3 {border-image: none;color: #000;font-size:14px;padding: 8px 0;}
.video-CA-EngLanding{margin-bottom:10px;}
.adDesk{display: block;}
.adMob{display: none;}
.body-RHS .Adplace, .atf, .btf{min-height: 250px;}
@media(max-width:1266px){ .gutterAds{display:none;}}
@media(max-width:728px){
.landing-body{width:100% !important;}
.atf_top{display:none}
#aniview {overflow: hidden; }
.atf, .btf, .adArticle { clear: both; margin: 0px auto; text-align: center; position: relative; z-index: 1; background: #f5f5f5; padding-bottom: 8px; padding-top: 8px; display: block !important; }
.adDesk{display: none;}
.adMob{display: block;}
.networkAd {background:#eee; padding:10px 25px}
}
]]> a {color: rgb(0, 0, 0);padding: 0 0 15px;font-size: 1.1rem;display: block;}
#mob-nav-list li .categories > a:hover{font-weight:600}
#mob-nav-list li .categories > a:last-child { padding: 0px; }
#mob-nav-list li .right i.cross, .hashtag .hashClose { display: block; height: 28px; width: 26px; margin:13px 17px; position: absolute; right: 0; top: 0; }
#mob-nav-list li .right i::after, #mob-nav-list li .right i::before, .hashtag .hashClose::after, .hashtag .hashClose::before { background-color: rgb(93, 93, 93); width: 21px; height: 2px; border-radius: 10px; position: absolute; top: 13px; left: 2px; content: “”; transform: rotate(-45deg); }
#mob-nav-list li .right i::before, .hashtag .hashClose::before {transform: rotate(45deg); }
.navDropdown:hover .navDrop, .navDropdown:active .navDrop{display: block;}
.navDrop{display:none; position: absolute;background: white; width: 160px; padding: 12px; box-sizing: border-box; left: -65px; border: 1px solid #eee; margin-top: 16px; box-shadow: 0px 5px 15px #0000000f;}
.navDrop a{display: block; margin-bottom: 3px;}
.showNavDrop{display: block;}
.hashtag { position: relative; overflow: hidden; background: rgb(255, 255, 255); margin-top: -1px; text-align: left; }
.hashtag ul { box-sizing: border-box; overflow-y: hidden; white-space: nowrap; width: 100%; background: rgb(255, 255, 255); padding-left: 14px; padding-right: 50px; height: 36px; padding-top: 4px;}
.hashtag ul::-webkit-scrollbar{display:none}
.hashtag ul li { list-style: none; font-size: 13px; display: inline-block; padding: 4px 12px 16px 0px; font-weight:500; position: relative; }
.hashtag .hashSub { padding-right: 25px; }
.hashtag .hashSub::before { content: “”; position: absolute; right: 12px; top: 15px; display: block; width: 0px; height: 0px; border-width: 3px; border-style: solid; border-color: rgb(117, 117, 117) transparent transparent; }
.hashtag ul li a { color: rgb(0, 0, 0); }
.hashtag .hashPop { position: fixed; top: 0px; left: 0px; height: 100%; box-sizing: border-box; background: white; width: 100%; color: black; padding: 70px 30px 0px; text-transform: none; text-align: center; display: none; z-index: 9999; }
.hashtag .hashPop h3 { font-size: 1.7rem; display: inline-block; border-bottom: 1px solid rgb(101, 101, 101); padding-bottom: 5px; margin-bottom: 20px; font-weight: 700; }
.hashtag .hashPop a { display: block; padding: 0 0 15px; font-size: 1.1rem; font-weight: normal; transition: all 0.3s ease 0s; }
.hashtag .hashPop a:hover { font-weight: 500; }
.hashtag .hashPop .readMore { color: rgb(236, 28, 36); font-weight: 600; }
.hashtag .highlight{color: rgb(236, 28, 36);}
.stopscroll { overflow: hidden !important; }
.search-sec { padding: 0px; position: absolute; right: 0px; top: 0px; background: red; }
.search-sec input[type=”text”] { background: rgb(245, 245, 245); padding: 9px 15% 9px 5%; border: 1px solid rgb(238, 238, 238); width: 80%; }
.search-sec input[type=”text”]:focus { background: rgb(255, 246, 222); border: 1px solid rgb(252, 187, 18); }
.searchbutton { width: 18px; height: 18px; position: absolute; right: 0px; margin: 15px 10px 10px; top: 0px; z-index: 991; cursor: pointer; }
.searchbutton i { font-size: 0px; border: 2px solid rgb(93, 93, 93); display: block; border-radius: 55px; height: 10px; width: 10px; background: white; position: relative; }
.searchbutton i::after { content: “”; position: absolute; width: 8px; height: 2px; background: rgb(93, 93, 93); right: -6px; top: 11px; transform: rotate(46deg); }
#search-box.main { z-index: 9999999; display: block !important; }
.searchMask { display: none; background: rgba(0, 0, 0, 0.7); position: fixed; width: 100%; height: 100%; z-index: 9; }
#search-box { position: fixed; left: 0px; top: 0px; width: 100%; }
#search-box input[type=”text”] { border: none; float: left; width: calc(100% – 90px); margin: 0px; padding: 0px 15px; line-height: 30px; height: 52px; font-size: 14px; color: rgb(123, 123, 123); }
#search-box a.close { width: 50px; height: 52px; border: none; cursor: pointer; background-size: 15px; background-repeat: no-repeat; background-color: rgb(0, 0, 0); display: flex; justify-content: center; align-items: center; }
#search-box a.close::after { content: ” “; position: relative; height: 18px; width: 2px; display: block; background: white; transform: rotate(45deg); top: 0px; left: -10px; }
#search-box a.close::before { content: ” “; position: relative; height: 2px; width: 18px; display: block; background: white; transform: rotate(45deg); top: 0px; right: 0px; }
#search-box input[type=”text”]:focus { box-shadow: rgb(242, 242, 242) 0px 0px 10px inset; }
#search-box a.close { float: left; }
#search-box input[type=”submit”] { width: 50px; height: 53px; border: none; float: right; position: absolute; right: 0px; top: 0px; text-indent: -9999px; background: url(“data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuY29tL3N2Z2pzIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPgogIDxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8cGF0aCBkPSJNNDk1LDQ2Ni4yTDM3Ny4yLDM0OC40YzI5LjItMzUuNiw0Ni44LTgxLjIsNDYuOC0xMzAuOUM0MjQsMTAzLjUsMzMxLjUsMTEsMjE3LjUsMTFDMTAzLjQsMTEsMTEsMTAzLjUsMTEsMjE3LjUgICBTMTAzLjQsNDI0LDIxNy41LDQyNGM0OS43LDAsOTUuMi0xNy41LDEzMC44LTQ2LjdMNDY2LjEsNDk1YzgsOCwyMC45LDgsMjguOSwwQzUwMyw0ODcuMSw1MDMsNDc0LjEsNDk1LDQ2Ni4yeiBNMjE3LjUsMzgyLjkgICBDMTI2LjIsMzgyLjksNTIsMzA4LjcsNTIsMjE3LjVTMTI2LjIsNTIsMjE3LjUsNTJDMzA4LjcsNTIsMzgzLDEyNi4zLDM4MywyMTcuNVMzMDguNywzODIuOSwyMTcuNSwzODIuOXoiIGZpbGw9IiNmZmZmZmYiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIHN0eWxlPSIiPjwvcGF0aD4KICA8L2c+CjwvZz48L3N2Zz4=”) center center / 38% no-repeat rgb(0, 0, 0); }
.left-arrow { background-size: 16px; background-position: center center; }
#search-box-div { position: relative; background: rgb(255, 255, 255); margin: 48px 50px 0px; z-index: 999; }
#search-box-div a { font-size: 13px; padding: 2px 10px; display: block; }
#search-box-div li { border-bottom: 1px dotted rgb(204, 204, 204); text-align: left; }
#search-box-div a:active { color: rgb(255, 255, 255); background: rgb(242, 242, 242); }
/* .jagranPlay img {top: 5px; position: relative; width:60px; }
.jagranPlay a {text-indent: -999em; display: block; background: url(“https://img.jagranjosh.com/images/2022/May/2852022/jagran_play_logo.png”) no-repeat; width: 50px; background-size: 100%;} */
.mock-test span{position: absolute;top: -8px;font-size: 9px;left: 0;color: #db2920;text-transform: uppercase;}
@media (min-width: 728px) {
.header-show, .header-hide { background: rgb(255, 255, 255); /*position: absolute;*/ }
header { max-width: 1100px; margin: auto; }
.hashtag ul { background: transparent; box-shadow: none; width: 1100px; margin: auto; overflow: visible; padding-top: 7px;}
.hashtag ul li { font-weight: 500; }
.hashtag .hashPop { height: auto; width: auto; position: absolute; text-align: left; padding: 10px 20px 15px; top: 36px; box-shadow: rgba(0, 0, 0, 0.27) 0px 8px 7px; border-top: 2px solid red; border-radius: 0px 0px 5px 5px; }
.hashtag .hashPop a, .hashtag .hashPop .readMore { font-size: 0.9rem; padding: 3px 0px 0px; }
.hashtag .hashSub:hover .hashPop { display: block !important; }
.hashtag .hashClose, .hashtag .hashPop h3 { display: none; }
.hashtag { overflow: visible; }
.mask-nav{background: rgba(0, 0, 0, 0.7);top: 0;}
#mob-nav-list li .categories > a {padding: 0 0 10px;font-size: 1rem;font-weight: 500;}
#mob-nav-list li .right > a i.cross{ left: 210px;}
#mob-nav-list{width: 260px;height: 102%;}
#mob-nav-list ul{text-align: left}
}
/*–*/
/* .jagranPlay img {top: 5px; position: relative; width:60px; }
.jagranPlay a {text-indent: -999em; display: block; background: url(“https://img.jagranjosh.com/images/2022/May/2852022/jagran_play_logo.png”) no-repeat; width: 50px; background-size: 100%;} */
.mock-test span{position: absolute;top: -8px;font-size: 9px;left: 0;color: #db2920;text-transform: uppercase;}
#aniview{clear:both; margin: 30px 0 20px}
#w_atf_1{min-height:250px}
.Registerform{display:none}
.ShowDiv{ display:block !important}
/*Articles*/
.breadcrum { clear: both; font-size: 12px; margin: 0 15px 0px 33px; font-weight: 400; padding: 8px 0px 4px; }
.breadcrum ol { overflow-y: hidden; white-space: nowrap; width: 100%; }
.breadcrum ol li { display: inline-block; margin-right: 20px; color: rgb(102, 102, 102); position: relative; padding: 0px; list-style: none; line-height: 18px; font-size: 9px; text-transform: uppercase; }
.breadcrum ol li a span { color: rgb(102, 102, 102); }
.breadcrum ol li a { color: rgb(0, 0, 0); display: block; }
.breadcrum ol li::before { content: “”; position: absolute; left: -10px; top: 6px; display: block; width: 0px; height: 0px; border-width: 3px; border-style: solid; border-color: transparent transparent transparent rgb(162, 162, 162); }
.breadcrum ol li:first-child::before { display: none; }
.breadcrum ol li:last-child a { color: rgb(102, 102, 102); }
.breadcrum::after { clear: both; line-height: 0; font-size: 0px; content: “”; display: block; overflow: hidden; }
.article-det { padding: 5px 30px; font: 16px / 26px Roboto, sans-serif; overflow: hidden; box-sizing: border-box; width: 99%; margin: auto; }
.article-det h1 { font-size: 25px; line-height: 30px; text-align: left; padding: 0px; margin-bottom: 0px; font-weight: 900;}
.article_detailbox h1 { font-size: 18px; line-height: 23px; }
.article_detailbox h2 { font-size: 1.2em; line-height: 23px; text-align: left !important; }
.article_detailbox h3 { font-size: 1em; line-height: 23px; text-align: left !important; }
.article-det p { margin-bottom: 20px; }
.article-det p img { padding: 10px 0px; clear: both; display: block; height: auto; width: 100%; }
.article-det table { border-left: 1px solid rgb(197, 197, 197) !important; border-top: 1px solid rgb(197, 197, 197) !important; text-align: left; min-width: 100%; }
.article-det table td { border-color: rgb(197, 197, 197); border-style: solid; border-width: 0px 1px 1px 0px; padding: 5px 8px; }
.article-det table p { padding: 10px 0; margin: 0px; }
.article-det a { color: rgb(50, 116, 218); }
.article-det ul, .article-det ol {margin: 20px 0; padding-left:30px}
.article-det ul li{ list-style: disc; list-style-position: inside; padding-left: 10px;}
.pic-cont { width: 100%; margin: 8px 0px; position: relative;}
.pic-cont #previewPane{ min-height: 150px; /*animation-duration: 1s; animation-fill-mode: forwards; animation-iteration-count: infinite; animation-name: bg-shiner; animation-timing-function: linear; background: rgba(246,247,248,.5); background: linear-gradient(90deg,#eee 8%,#ddd 18%,#eee 33%); background-size: 800px 104px; -webkit-transition: all .5s; -moz-transition: .5s all; -ms-transition: .5s all; -o-transition: .5s all; transition: all .5s; */ z-index: -1;}
/*@keyframes bg-shiner{0%{background-position:-468px 0}to{background-position:468px 0}}*/
.pic-cont img { width: 100%; display: block; padding: 0px !important; margin: 0px !important; height:auto; border-top-right-radius: 5px; border-top-left-radius: 5px; }
.pic-cont em { font-size: 11px; color: #d5d5d5; padding:10px 15px 10px; line-height: 15px; display: block; font-style: normal;}
#largeImageCaption { text-align: left; margin-bottom: 17px; background: black; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px}
/*#largeImageCaption::after { content: “”; height: 2px; width: 50px; background:#797979; position: absolute; }*/
.time-stamp { font-size: 13px; color: rgb(153, 153, 153); margin-bottom: 15px; display: block; }
.articleSummery { margin: 13px 0px 15px; font-weight: 600; font-size: 14px; line-height: 20px; color:#585858; }
.articleSummery p {margin:0; word-break: break-word;}
.article_detailbox ul { padding-left: 28px; }
.article_detailbox ul li { list-style-type: disc; }
.next-story { text-transform: uppercase; background-color: rgb(236, 236, 236); line-height: 24px; font-weight: bold; margin: 20px 0px 35px; position: relative; padding: 0px 30px 10px; clear: both; }
.next-story::before { content: “”; display: block; margin-bottom: 5px; width: 0px; height: 0px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid rgb(236, 236, 236); left: 0px; position: relative; top: 49px; }
.article-det::after, .tags::after { clear: both; line-height: 0; font-size: 0px; content: “”; display: block; overflow: hidden; }
.published { padding: 10px 20px; }
.authwrap h3, .article-det .timestampC { line-height: 15px !important; text-transform: uppercase; margin-bottom: 1px; font-weight: 600;font-size: 9px;}
.timestampC {margin-left: 10px;}
.article-auther-pic img {display: block;border-radius: 50%; width: 30px;height: 30px;}
.authwrap {display: flex;align-items: center;justify-content: flex-start;}
.date-article {font-size: 0.45rem;color:#525252;display: block;line-height: 8px;text-transform: uppercase;padding-top: 4px;}
.article-det h3 {margin-bottom: 0px; color: rgb(0, 0, 0);}
.Author-article { color: rgb(0, 0, 0); font-size: 9px; margin: 0px; }
.timestamp{display: flex;margin-top: 5px;border-top: 1px solid #eee;padding-top: 0 !important;align-items: center;}
.ishare{clear: both;text-align: right;width: 30%;display: flex;justify-content: flex-end;}
.ishare img {width:22px;}
.ishare a {margin-right: 0;display: flex;padding: 14px 4px;box-sizing: border-box;}
.ishare a svg {height: 25px; width: 25px; position: relative;}
.ishare a i{background: white; height: 24px; width: 24px; border-radius: 40px; }
.ishare a .insta-icon{ display:flex; align-items: center; justify-content: center; background: linear-gradient( 45deg , #405de6, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d) !important;}
.ishare a .insta-icon svg{height: 16px; width: 16px;}
.authwrap {width: 70%;}
.next-story ~ .article-det .timestamp{padding: 12px 0 !important; margin-top: 15px;}
.table-box { overflow: auto; margin-bottom: 20px; width: 100% !important; }
.lang-change { display: inline; }
.anchor-nav a { padding: 0px 8px; margin: 0px 4px 4px 0px; background: rgb(238, 238, 238); display: inline-block; font-size: 12px; border-radius: 25px; }
.ctn-colombia { padding: 50px 0px; clear: both; display: inline-block; }
.ls-canvas .ls-col, .ls-canvas .ls-col-body, .ls-canvas .ls-area, .ls-canvas .ls-area-body { overflow: visible; }
.video-cont { position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0px; margin-bottom: 12px; clear: both; margin-top: 10px; }
.video-cont iframe { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; padding-right: 0.6em; border: 0px; }
.article-det p iframe{ width: 100%;}
.mbtf { display: block !important; }
.wbtf { display: none !important; }
.mghead { color: rgb(0, 0, 0) !important; }
.mctitle a { font-size: 14px !important; }
.cartshop { display: none; }
.widget { margin: 10px 0px 10px 23px !important; }
.widget ul li { padding-bottom: 5px; font-weight: 700; }
.stickyad { text-align: center; position: fixed; z-index: 999; bottom: 0px; width: 100%; background: rgb(255, 255, 255); }
/* For Desktop */
@media (min-width: 728px) {
.stickyad {display:none}
.GutterL, .GutterR {top:5px !important;}
.pic-cont #previewPane{min-height: 350px;}
.mbtf { display: none !important; }
.wbtf { display: block !important; }
.sticky { display: none; }
.body-fx { width: 990px; margin: auto; }
.atf, .btf, .adArticle { background: rgb(255, 255, 255); clear: both; margin: 0px auto; text-align: center; padding-bottom: 20px; padding-top: 10px;}
.body-LHS { width: 660px; float: left; margin-right: 30px; }
.body-RHS { width: 300px; margin-top: 0px; padding: 10px 0px; float: left; }
.article-det { padding: 5px 30px 5px 0px; }
.breadcrum { margin: 10px 15px 0px 3px; }
.article-det h1 { font-size: 34px; line-height: 42px; font-weight: 900; }
.articleSummery { margin: 20px 0px 20px; font-weight: 500; font-size: 16px; line-height: 24px;}
#jj_vm_body { padding-bottom: 52.25%; }
footer { clear: both; padding: 3px 0px 10px !important; }
.list .ima-sec img { width: 100px; height: 80px; }
.landing-list { margin: 15px 0px; }
.topCategory { margin: 0px 0px 15px; }
.dontmiss { width: 300px; box-sizing: border-box; clear: both; background: rgb(255, 255, 255); margin: 20px 0px; padding: 17px 15px 20px; }
.dontmiss ~ .dontmiss { display: none;}
.simple_tab_box { height: auto; background: rgb(243, 243, 243); }
.tab_list ul a { color: rgb(0, 0, 0); }
.tab_list ul a:hover { color: rgb(183, 0, 0) !important; text-decoration: underline !important; }
.tab_list ul li { clear: both; font-size: 14px; font-weight: 700; position: relative; counter-increment: story-count 1; padding: 10px 0px 2px 0; line-height: 20px;}
.tab_list ul li:last-child { border-bottom: none; }
.tab_list ul li:nth-last-child(1), .tab_list ul li:nth-last-child(2) {display:none}
.tab_list ul li label { font-size: 9px; color:#525252; font-weight: 800; display: block; letter-spacing: 1px; text-transform: uppercase; }
/*.tab_list ul li::before { content: counter(story-count); position: absolute; left: 0px; color: rgb(183, 0, 0); font-size: 18px; }*/
.dontmiss h2 { display: inline-block; font: 700 16px “Roboto”, sans-serif; margin-bottom: 5px; color: rgb(0, 0, 0); text-transform: uppercase; border-bottom: 2px solid rgb(0, 0, 0); }
.tab_openbox { margin-bottom: 10px; clear: both; }
.sub_tab_content { padding: 5px 15px 15px; }
.atf_top { min-height: 270px; display: flex;align-items: center; text-align: center; margin: 0 auto 10px;width: 1000px; justify-content: center;}
.article_detailbox .adArticle, .mob-ads { display: none !important; }
.nav-wrap{height: 105px;}
.mobileAd{display:none;}
}
/* For Mobile */
@media (max-width: 728px) {
.pic-cont img {height: 220px; object-fit: cover;}
.mobileAd{display:block;}
.breadcrum ol li{font-size:0.5rem}
.pic-cont em {font-size: 9px;line-height: 13px;}
.body-RHS { display: none; } .article_detailbox h2 { font-size: 1em; } .article_detailbox h3 { font-size: 0.9em; }
.navDrop{position:fixed;right: 0; left: inherit;}
}
@media screen and (max-width: 1360px) and (min-width: 1200px) {
.body-fx { width: 850px !important; } .body-LHS { width: 520px !important; } }
@media (max-width: 1200px) {.gutterAds { display: none; } }
@media screen and (max-width: 480px) {#taboola-below-article-thumbnails[data-feed-main-container-].tbl-feed-full-width {margin: 0 !important;} }
#aniview{clear:both; margin: 30px 0 20px}
]]>
Categories: Trends
Source: vcmp.edu.vn