a {
    text-decoration:none;
    color:black;
}
.articleLeft {
    width:80%;
    float:left;
    overflow:hidden;
    min-width:500px;
}
.articleRight {
    width:19%;
    float:left;
    margin-left:10px;
    overflow:hidden;
}
.articleMain {
    background:url(images/imgArticles/artPng2.png);overflow:hidden;
}
.leftPos {
    float:left;
}
.rightPos {
    float:right;
}
.overflow {
    overflow:hidden;
}
.wcSettings {
    width:99%;
    margin-top:10px;
    overflow:hidden;
    float:left;
}
.artDesTitle {
    font-weight:700;color:hotpink;font-size:2.2em;padding:5px;
}
.artDesTxt {
    text-align:justify;line-height:1.8;padding:0px 20px 10px 20px;
}
.artDesTime {
    margin-left:0;font-size:.8em;
}
 .vertCatgHead {
    margin-top:10px;
    margin-left:20px;
    font-size:1.5em;
    color:#1f4c6d;
}
.artDesBkLink {
    margin-left:5px;background:rgba(217, 217, 217, 0.13);
    overflow:hidden;
}
.artDesContent {
    overflow:hidden;
    padding:10px;margin-left:10px;margin-top:10px;
}
.rightCatg {
    padding:5px;
    background:rgba(169, 173, 180, 0.22);
    float:left;
    margin-top:5px;
    width:98%;
    overflow:hidden;
}
.rightCatg:hover {
    background:rgba(196, 182, 255, 0.88);
    cursor:pointer;
}
.imgCatgRight {
    width:30px;
    height:30px;
}
.artCatOuter {
    /*background:rgba(247, 247, 247, 0.79);*/
    overflow:hidden;
    padding:10px;
    /*border:2px solid rgba(235, 235, 235, 0.80);*/
    margin:10px 0 20px 0;
    
}
.artDespg {
    overflow:hidden;
    padding: 0 20px;
}
.imgArtCatOuter {
    width:100px;
    height:80px;
    overflow:hidden;
    float:left;
    margin-left:10px;
}
.artCatOuterDes {
    width:85%;
    overflow:hidden;
    float:left;
    padding:0 0 0 10px;
}
.allArticle {
    clear:both;text-align:center;padding:8px 30px;background:#ebebeb;border-radius:5px;
}
.allArticle:hover {
    background:#d4d1d1;
}
#ArtcontentDes p {
    margin-top:0;padding:0;
}
.desImg {
    float:left;
    margin-right:20px;
    width:200px;
    height:150px;
}
.desArt {
    text-align:justify;line-height:1.8 ;padding:0px 20px 10px 20px;
}
.artCatDes {
    clear:both;
    text-align:justify;
    font-size:1em;
    line-height:1.4;
    margin-top:0;
    color:#9a8b8b;
}

.readFullArt {
    padding:4px 8px;
    float:right;
    margin-bottom:10px;
    border-top:1px solid #1f4c6d;
    border-radius:10px;
    background:white;
}
.readFullArt:hover {
    background: #f1f1f1;
    border-top:none;
    border-bottom:1px solid #1f4c6d;
}
.artTitleOuter {
    padding:5px 10px;
}


.articlesOuter {
    width:300px;
    height:auto;
    overflow:hidden;
    margin:10px;
    box-shadow:0 0 20px rgba(156, 153, 168, 0.88);
    border-bottom:2px solid gray;
    border-top:2px solid gray;
    background:white;
    float:left;
    padding:0 5px 5px 5px;
}
.articlesOuter:hover {
    border-bottom:2px solid #00bcef;
    border-top:2px solid #00bcef;
}

.articlesOuterDef {
    width:28%;
    height:auto;
    overflow:hidden;
    margin:15px 20px;
    box-shadow:0 0 20px rgba(156, 153, 168, 0.88);
    border-top:2px solid gray;
    border-bottom:2px solid gray;
    background:white;
    float:left;
    padding:5px 10px;
}
.articlesOuterDef:hover {
    border-bottom:2px solid #00bcef;
    border-top:2px solid #00bcef;
}

.artCatHead {
    font-size:1.5em;
    color:#1f4c6d;
}

.imgArticle {
    width:95%;
    margin:auto;
    height:170px;
}
.articleDescOuter {
    padding:0 ;
    width:98%;
    overflow:hidden;
}
.artDescr {
    line-height:1.5;
    overflow:hidden;
    text-align:justify;
    font-size:1em;
    margin-top:8px;
    height:120px;
    padding:0 5px;
}
.artDescr p {
   margin-top:0;
}

.artDesTitle {
    padding:0 5px 0 15px; 
    overflow:hidden;
}
.viewRating {
    padding:10px 0px 0px 20px;
    float:left;
    font-size:1em;
}
.advert {
    margin:auto;
    width:60%;
    height:120px;
    margin-top:5px;
}
.prdCatTitle {
    font-size:1.2em;
    margin-bottom:5px;
    color:#1f4c6d;
    float:left;
}
.fsDate {
    font-size:.75em;
    clear:both;
    margin-bottom:5px;
}



.Artcategories {
    padding:5px 10px;
    background:white;
    float:left;
    margin-top:10px;
    margin-left:15px;
    cursor:pointer;
    overflow:hidden;
    border-top:1px solid white;
    border-bottom:1px solid #9a8b8b;
}
.Artcategories:hover {
    border-top:1px solid #064455;
    border-bottom:1px solid #064455;
}


/*--------------------article T&C--------------------------------*/
.artStripHead {
    font-size:1.6em;
    font-weight:bold;
    background:#140c0c;
    padding:15px 20px;
    color:white;
    text-align:center;
}
.artTCbtn {
    text-align:center;width:28%;overflow:hidden;margin:auto;min-width:380px;
}
.artSubbtns {
    box-shadow:4px 2px 5px gray;
    cursor:pointer;
    margin:5px;
    border:1px solid gray;
    padding:10px 20px;
    float:left;
    font-size:1.2em;
    background:rgba(255, 255, 255, 0.49);
}
.artSubbtns:hover {
    background:rgba(248, 202, 202, 0.49);
    border:1px solid black;
}

/*--------------------article Submit--------------------------------*/
.artSubOuter {
    overflow:hidden;
    background:white;
    box-shadow:0 0 8px gray;
}

.artformMain {
    overflow:hidden;
    margin:10px auto;
    width:90%;
}
.artitle {
    font-size:1.2em;
    padding:0 5px 5px 0;
    font-weight:500;
}
.imgPrevArtSub {
    width:120px;
    height:120px;
}



.partOuterArtpost {
    overflow:hidden;
    margin:5px 0;
}
.artTxtbox {
    width:80%;
    padding:8px 15px;
    font-size:1.2em;
    margin:5px;
}
.ddlSizeArtSub {
    width:87%;
}


/*----------------------Article T&C----------------------------------------------------*/



/*----------------------Article_List User----------------------------------------------------*/
.imgArtSize {
    width:20px;
    float:right;
    padding:5px 5px 2px 5px;
    height:20px;
    margin-bottom:10px;
}
.imgArtSize:hover {
    background:lightgray;
}

/*.outerPopup {
    background:black;
    color:white;
    padding:20px 15px;
    position:absolute;
    font-weight:600;
    font-size:1.4em;            
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:30%;
}*/
.delBtn {
    padding:12px 25px;
    font-size:.8em;
    float:left;
    margin:5px 10px;
    border:none;
    cursor:pointer;
    color:white;
    font-weight:600;
    background:#009900;
}

/*----------------------Article View----------------------------------------------------*/
.lblTitleArtView {
    font-weight:500;
    font-size:1.8em;
}

.posArtView {
    float:left;
    width:45%;
    overflow:hidden;
}
.desSrtView {
    line-height:28px;
    font-size:1.1em;
    text-align:justify;
}
.imgArtView {
    width:260px;
    height:220px
}
.headArtback {
    font-size:1.1em;
    float:right;
    font-weight:500;
    background:black;
    color:white;
    border:1px solid black;
    padding:6px 10px;
}
.headArtback:hover {
    background:#ffdcdc;
    border:1px solid black;
    color:black;
}


@media screen and (max-width:1300px) {
    .articlesOuter {
        width: 260px;
    }
}

@media screen and (max-width:1120px) {
    .rightCatg {
        min-width:200px;
        width:30%;
        margin-left:5px;
    }
    .imgArticle {
        width:250px;
    }
    .articleDescOuter {
        width:98%;
    }
    .recMainOuter {
        float:left;

    }
    .articleLeft {
        margin: auto;
        min-width: 98%;
    }
    .articleRight {
        min-width: 98%;
        margin-left:0;
        margin-top:10px;
    }
    
}



@media screen and (max-width:800px) {
    .articlesOuter {
        width:310px;
    }
    .artCatOuterDes {
        width: 80%;
       font-size:.9em;
    }
    .recMainOuter {
        float:left;
        width:30%;
        height:50px;
    }
    .articleRight {
        margin-left:25px;
    }
    .articleLeft {
        margin: auto 10px;
        min-width: 98%;
    }
    
    .artformMain {
        width:80%;
    }
    .artTxtbox {
        width: 90%;
    }
    .ddlSizeArtSub {
        width:96%;
    }
    .imgArticle {
        width:95%;
        height:190px;
    }
    .lblTitleArtView {
        font-weight:500;
        font-size:1.8em;
        margin-left:10px;
    }
}

@media screen and (max-device-width:600px) {
   
    .artCatOuterDes {
        width: 99%;
        padding:20px 0 0 0;
    }
    .articleLeft {
        margin: auto;
        min-width: 100%;
    }
    .articleRight {
        min-width: 98%;
        margin-top:20px;
        margin-left:0;
    }
    .artDet500 {
        padding:15px 20px;
    }
    .imgArticle {
        width:95%;
        margin:auto;
        height:600px;
    }
    .articleDescOuter {
        width:95%;
        margin:10px 15px 0 20px ;
    }
    .rightCatg {
        margin-left:15px;
        margin-top:15px;
        width:45%;
        padding:10px;
        font-size:1.5em;
    }
    .rightRecentArt {
        margin-left:15px;
        margin-top:15px;
        width:95%;
        padding:15px 25px;
        font-size:1.9em;
    }
    .wcSettings {
        margin-top:20px;
    }
    .imgCatgRight {
        width:50px;
        height:50px;
    }
    .imgArtCatOuter {
        width:250px;
        height:250px;
    }
    .prdCatTitle {
        font-size: 1.9em;
        font-weight:600;
    }
    .allArticle {
        font-size:1.3em;
    }
    .artCatDes {
        font-size:.7em;
        line-height:55px;
        margin-top:20px;
    }
    .fsDate {
        font-size:.5em;
        padding:15px 0;
    }
    .articlesOuter {
        margin:15px 35px 40px 25px;
        width:92%;
        box-shadow:10px 10px 25px lightgray;
        border:2px solid gray;
        height:auto;
        padding:10px;
    }
    .articleMain {
        background:url(images/imgArticles/artPng500.png);overflow:hidden;
    }
    .artDescr {
        font-size:1.1em;
        margin-top:15px;
        height:auto;
    }
    .readFullArt {
        padding:20px 35px;
        font-size:1.4em;
        margin-bottom:30px;
    }
    .artTitleOuter {
        padding:15px 0;
        margin-left:28px;
    }
    .artCatHead {
        font-size:2.2em;
        font-weight:600;
    }
    .artCatOuter {
        border-bottom: 2px solid gray;
        margin-top:0;
    }
    .artDesBkLink {
        margin-top:30px;
        font-size:1.5em;
    }
    .artDesTitle {
        font-size:2.7em;
        margin-top:15px;
    }
    .desImg {
        width:99%;
        clear:both;
        margin:auto;
        height:600px;
    }
    .advert {
        margin:auto;
        margin-top:15px;
    }
    .artDesContent {
       margin-top:40px;
    }
    .artDesTxt {
        line-height:1.6;padding:15px 10px 15px 0;font-size:.7em;
    }
    .artDesTime {
        margin:15px 20px;font-size:.4em;
    }
    /*.Artcategories {
        padding:40px;
        margin:12px;
        width:45%;
        font-size:1.5em;
    }*/
     .vertCatgHead {
        font-size:1.8em;
    }
     .lblTitleArtView {
        font-size:2.4em;
        line-height:80px;
    }
    .imgArtSize {
        width:60px;
        padding:10px 20px;
        height:60px;
        margin-bottom:10px;
    }
    /*.outerPopup {
        overflow:hidden;
        padding:50px 30px;
        font-size:1.9em;            
        width:80%;
        line-height:60px;
        position:fixed;
        height:auto;
    }*/
    .delBtn {
        padding:20px 40px;
        font-size:1.1em;
        margin:5px 20px;
    }
    .artSubOuter {
        padding:15px;
    }
    .headArtback {
        font-size:1.6em;
        padding:15px 30px;
        margin:20px 0;
    }
    
    .artitle {
        font-size:1.7em;
        padding:15px 0;
        font-weight:600;
    }
    .artTxtbox {
        width:95%;
        padding:30px 15px;
        font-size:1.6em;
        margin:15px 0 25px 0;
        border:1px solid gray;
        background:white;
    }
    .ddlSizeArtSub {
        width:100%;
    }
    .imgPrevArtSub {
        width:350px;
        height:350px;
    }
    .fuBtn {
        padding:25px 35px;
        font-size:1.4em ;
        margin:15px 30px 30px 30px; 
    }
    .artSubbtns {
        margin:15px ;
        padding:35px;
        font-size:1.7em;
    }
    .artTCbtn {
        width:98%;
    }
    .imgArtView {
        width:100%;
        height:550px
    }
    .artformMain {
        width:90%;
    }
    .desSrtView {
        line-height:60px;
        font-size:.5em;
    }
    .rightCatg {
        width:95%;
        margin:10px;
        padding:15px 35px;
    }
    .imgCatgRight {
        width:150px;
        height:120px;
    }
    .topCatg500 {
        margin-left:25px;
        font-size:1.1em;
        padding-left:35px;
        font-weight:500;
    }
    .artDespg {
        padding:0 15px;
    }
    .Artcategories {
        padding:25px 35px;
        background:rgba(255, 218, 218, 0.44);
        clear:both;
        margin-top:10px;
        width:95%;
    }
     .vertCatgHead {
        margin-left:0;
        text-align:center;
        font-weight:600;
        font-size:1.5em;
        color:hotpink;
    }
    .topCatgFont500 {
        font-size:1.6em;
    }
}

@media screen and (max-width:576px) {
   
    .artCatOuterDes {
        width: 99%;
        padding:10px 0 0 0;
    }
    .articleLeft {
        margin: auto;
        min-width: 100%;clear:both;
    }
    .articleRight {
        min-width: 98%;
        margin-top:20px;
        margin-left:0;
    }
    .artDet500 {
        padding:0;margin:0;
    }
    .imgArticle {
        width:95%;
        margin:auto;
        height:600px;
    }
    .articleDescOuter {
        width:95%;
        margin:10px 15px 0 20px ;
    }
    .rightCatg {
        margin-left:15px;
        margin-top:15px;
        width:45%;
        padding:10px;
        font-size:1.5em;
    }
    .rightRecentArt {
        margin-left:15px;
        margin-top:15px;
        width:95%;
        padding:15px 25px;
        font-size:1.9em;
    }
    .wcSettings {
        margin-top:20px;
    }
    .imgCatgRight {
        width:50px;
        height:50px;
    }
    .imgArtCatOuter {
        width:80px;
        height:80px;
    }
    .prdCatTitle {
        font-size: 1.9em;
        font-weight:600;
    }
    .allArticle {
        font-size:1.2em;
    }
    .artCatDes {
        font-size:1.2em;
        line-height:1.6;
        margin-top:20px;
    }
    .fsDate {
        font-size:.5em;
        padding:15px 0;
    }
    .articlesOuter {
        margin:15px 35px 40px 25px;
        width:92%;
        box-shadow:10px 10px 25px lightgray;
        border:2px solid gray;
        height:auto;
        padding:10px;
    }
    .articleMain {
        background:url(images/imgArticles/artPng500.png);overflow:hidden;
    }
    .artDescr {
        font-size:1.1em;
        margin-top:15px;
        height:auto;
    }
    .readFullArt {
        padding:20px 35px;
        font-size:1.4em;
        margin-bottom:30px;
    }
    .artTitleOuter {
        padding:15px 0;
        margin-left:28px;
    }
    .artCatHead {
        font-size:2.2em;
        font-weight:600;
    }
    .artCatOuter {
        border-bottom: 2px solid red;
        margin-top:0;border:1px solid red;
    }
    .artDesBkLink {
        margin-top:30px;
        font-size:1.5em;
    }
    .artDesTitle {
        font-size:2.7em;
        margin-top:15px;
    }
    .desImg {
        width:99%;
        clear:both;
        margin:auto;
        height:600px;
    }
    .advert {
        margin:auto;
        margin-top:15px;
    }
    .artDesContent {
       margin-top:40px;
    }
    .artDesTxt {
        line-height:1.6;padding:15px 10px 15px 0;font-size:.7em;
    }
    .artDesTime {
        margin:15px 20px;font-size:.4em;
    }
    /*.Artcategories {
        padding:40px;
        margin:12px;
        width:45%;
        font-size:1.5em;
    }*/
     .vertCatgHead {
        font-size:1.8em;
    }
     .lblTitleArtView {
        font-size:2.4em;
        line-height:80px;
    }
    .imgArtSize {
        width:60px;
        padding:10px 20px;
        height:60px;
        margin-bottom:10px;
    }
    /*.outerPopup {
        overflow:hidden;
        padding:50px 30px;
        font-size:1.9em;            
        width:80%;
        line-height:60px;
        position:fixed;
        height:auto;
    }*/
    .delBtn {
        padding:20px 40px;
        font-size:1.1em;
        margin:5px 20px;
    }
    .artSubOuter {
        padding:15px;
    }
    .headArtback {
        font-size:1.6em;
        padding:15px 30px;
        margin:20px 0;
    }
    
    .artitle {
        font-size:1.7em;
        padding:15px 0;
        font-weight:600;
    }
    .artTxtbox {
        width:95%;
        padding:30px 15px;
        font-size:1.6em;
        margin:15px 0 25px 0;
        border:1px solid gray;
        background:white;
    }
    .ddlSizeArtSub {
        width:100%;
    }
    .imgPrevArtSub {
        width:350px;
        height:350px;
    }
    .fuBtn {
        padding:25px 35px;
        font-size:1.4em ;
        margin:15px 30px 30px 30px; 
    }
    .artSubbtns {
        margin:15px ;
        padding:35px;
        font-size:1.7em;
    }
    .artTCbtn {
        width:98%;
    }
    .imgArtView {
        width:100%;
        height:550px
    }
    .artformMain {
        width:90%;
    }
    .desSrtView {
        line-height:60px;
        font-size:.5em;
    }
    .rightCatg {
        width:95%;
        margin:10px;
        padding:15px 35px;
    }
    .imgCatgRight {
        width:150px;
        height:120px;
    }
    .topCatg500 {
        margin-left:25px;
        font-size:1.1em;
        padding-left:35px;
        font-weight:500;
    }
    .artDespg {
        padding:0 15px;
    }
    .Artcategories {
        padding:25px 35px;
        background:rgba(255, 218, 218, 0.44);
        clear:both;
        margin-top:10px;
        width:95%;
    }
     .vertCatgHead {
        margin-left:0;
        text-align:center;
        font-weight:600;
        font-size:1.5em;
        color:hotpink;
    }
    .topCatgFont500 {
        font-size:1.6em;
    }
}