div.container{
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  margin-right: auto;
  margin-left: auto;
}

div.vertical-container img{
    margin-bottom: 0;
}

.shadow_css{
    background-color: white;
    border-radius: 4px;
    box-shadow: #b4b4b4 0px 1px 3px;
    display: block;
}

div.shadow_css:hover{
    /*border-radius: 4px;*/
    box-shadow: #b4b4b4 0px 2px 6px;
    /*display: block;*/
}

.gray5{
    color :#818181;
}

div.signin-button.white:hover {
    background-color: #fff;
    color: #4c5256;
    text-decoration: none;
    border: #fff 2px solid;
}

div.signin-button.white{
    background-color: #409eed;
    border: #409eed 2px solid;
    width: 140px;
    text-align: center;
}


.award-icon-silveraward {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAvVBMVEUAAACQq7zI2+mQq7yQq7zI2+nI2+m90eCUrr+Qq7zI2+nI2+mQq7yQq7zI2+mQq7zI2+nI2+mQq7zI2+nI2+nI2+mQq7zI2+mQq7yQq7zI2+mQq7zI2+nI2+mQq7zI2+mQq7zI2+mQq7yQq7zI2+miucq5ztzG2ejE2Oa6z96dtsamvM2pwNDA1OO1ytmsw9OfuMiZssPs9PqSrr+yx9avxtWVr8CXscHd6PG80eC9z9yuxNSZs8Pj7fTP3eeN/MSTAAAAI3RSTlMA8fK6+e+3s7M+PCUlw/jp6NfXxL6np5SUfXxxcEdHHh4JCZZcC9EAAAGCSURBVEjH7ZLHcoMwFEXB3Rj33otAFFEF2Dgu//9ZEcwE8gjgSRZZ+eykd88g6cK9+QNHYTNvDAcVSaoMho35RjiWpTurcU/K0BuvOgXx7SQKKFfrZhAiy4QYN+uqRHuTbU5834jS2JYz2DhyGvtsXqizbUy+YuT5kSgEs1FdyJw+ygdJxn/QMPSTZRAZ8CZTtmXJCZjSJzbStcXGUyBU2A6RUyhlR0ohbFwBggoFI0dQgWDBIxFKQ/ObEo+B4Krg0jIOKX2kl1bYB1wgIF0Fz8qAz6rqCAg8uuCy4vAF8UBoIYQcrejX0Bw2bgGh6SGGa2ssAFE020UMrwl70M4oxtMNH5sq8xTVxL6heyjmrGV7MB1UgmPm9ID1oriO83uQTDvH0W1Tkgp6iO8YGM79HB/77hhB/ApFPRRR3kOWdw//2cPsdQ8zIIj8qx54kQO0+fIe+DaX4VBFJVQP3E92hUp3x+UjLru1bLjWXYpcCaf2elEd9ZlX64+qi3X7xL35PZ+iQas0cM8NhQAAAABJRU5ErkJggg==");
}
.award-icon-goldaward {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAABsFBMVEUAAAD+yx//yRr/2Cz8sgb/zyD/4Tb/0SP/2y//1in/xhj/xxj/yBn/yRz8swj/3zP9tgr9twz/yxz9uQ7/yx3/3zP9ug//3zP9uxD/zR//zyH9vBL/4zv9wBX/3zP9wRf/0CP/3zP/0SP+yR7/2Cv/1ir8sQX/3zP/3zP/1yr/zR/9tw3/7Vb9tw3/6k//zB74xBz/zR//3zP9vBL/zR/9vRP/ziD/3zP9vhP/ziD9vhTnrRT9vxX/zyH/3zP+1Sr/zyL9wBb9wBb9wBf/3zP/3zP9wRj9wRf/3zP/0SP9whn9whn/3zP8rwD/xBX/3zP8rAD8rgD/+nbXjQD/1Sj/zB7/5UL/7lr/yhz+xhn/3TD/zyT+yB39tgv8swf/+XP/82b/8F3/6k7+20D+1zj/0ij9wRf8sQX/92//9mv/8WL/61L/2Tr/4Tj/4DX/1zL/2y7+0y7/2Sz9xyb/zSH9whz/xxj9uxHgnwv/407/50r/4ET/3T3+1Sr7yyX6xBv2vxjwuBf9vhLrrhD9ug78tAnakgL+51b/51H/4UL/4zz82Tr/4DT9zTD/0STclwaYUwgIAAAATXRSTlMAB/IT+qKSa00Y/fv59vbu7enk3dzV0tDKxb+wnXtrUUZAMSsLA/z6+fn39OHh39TNzMO6tqmop6Gdl5eLiIJ2dnNrYVRGQT85MCUdDbqxrM8AAAJZSURBVEjH7ZXHVttAFEBFaKb3Ejqk9957r5p5Y7n3ggu2wdjGBRJCJz355cjSaAZLJvEJW+5Gm3ulo3nvSMIhB6H+edMAxrhr4kQtsqlpCGsMvf67/N40dtGeSNoWMGOsfj/5+Ium84m4WcEfsK/M06KruYpcN/3w6imMf9hCwTmzxlww9A1Hor4Go994BnMWbEla+ZdzMSAE6gxBL3JYcAXztpVUXgQiysBLQ9CBECrsTbKebVBsJRg3BEih8Mul2KtOLxAiMuCG3p9BGm5bOuqjNoMM6oNmxLDnQNRDevTBHR4k80Q0YDjXozxYjlYJdOfaMnGWBx+K+oAAnDu21x/JYgcPPnpJhU3A61nEp29N8+AIslqsLEjtVNx8x5nFKgOPtKAVITnRHpKOcduX+2w2xwP2kLy87iK8pTuqeCzJALVj+XDAb1ZJ/PQBgSdqMIUo5g1neXJQtsmmm25UyB6cLSpLQkbV4LEW+EvSlhNZAWB7yYU1VqMxulOkj262FsRL0rrFYi0fiobL41VsNejUDS3wW3KW34XdPbJJgBjH18+2aFcqyBfaLHp81ObBJB0D5Yu0izS+hvnG8uCuErSxpZBKfN5hEA2Q4confJe2WJCuGnQLCg/aVSkjbbAgkqoWEO0Tc7O1LH2S1lmwNAsGG/qe8QUfUYI1Fjh0AYGT1+iKU95cQmvyGBhKwPXu+8ZPk+nyvTYeZIDbZHBSqE4vDyKg6Q2j74R9mbneTgM3qHrP+L9+EM396jGBbIvDr4QaaGmUZ+kA6LxdL9TK1JWOC0+FQ/6XP3ScYqq+3azWAAAAAElFTkSuQmCC");
}
.award-icon-diamondaward {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAABxVBMVEUAAAATes8Tg+gTgeIUfNUUkvwUk/sPrPsTj/MTgt4PoP8Qnf8Qb/wPmv4QrPwQjfgTk/oSfPQSjvMSg+oVf9YPbfoQcfoRmP0RdPtH1f4nvPwQbPkQk/wQd/oRlvwQqvwTjvoSefgQcvQQdfYQrvoQrfoUkfkQrfkSevUSkvcSefYSkPcSfO8PsfYTfPATiuwTf+wTfNoZmv8Qevsav/4Qsv8Xqv8Pd/wO1P8Prf8Mzv8PsP8Ob/sN0v8Oqf/y/f8Pcvs82/0Oa/sPdPsNafpi5/8Pr/8Vo/8Yl/8z1f1T5P8Uof8ZvP452P0Obfw21/1e5v8PrP8Oq/8VqP8Op/8Vjv462v1a5f8OqP8Wpv8Unv8Unf8juf4M0P8NpP8Wk/8Uhv0SgP0QsPwWp/8Vpf8No/9Czf4lvv4htv7D7PsZmPtGwfoNZfp70flY5f9X4v8rxv8Pof8Smf8yxv4duv4YtP5r6P000f0Xnv0yzfzQ9Pu/5fui7PkZu/kQzfgYlvgPrPdQ2f8gzf8erv8aov8Qlv9U2f0c1f0rof0PzvyE6fuA6Ptf4fu47/pLrvpv4Pl5wvl51fhzzfgsu/hr3fVw0PVsuvWcN05oAAAAMnRSTlMAAjYlDce8u2wV/Pf37sS8souITwby8ePj3d3X1NPNyr+9vbyxrqqnpqGhoG9ubFRUF3nVQOsAAAIsSURBVEjH7ZJXWxpBFEBnkBhNTDRqeu+9EVxgQ5GVZdewkETAEFhAAemosXdN77383szMzq6o4/fpmw+e53O+vXfngl12ILePP6KMq72UE02b+1f50eHhZ5iRycnexxpvxq5AwOYyz/MjTwgFRVGDhOlAPNHG1OElnk+68iLmpYKY7ccUc1Ig0QYZ/l6ed7nsr8SpKVFUrYgJLyabfS4F4o2Q4SeRb7e/+/RZzFsJo8gf57gwq4AHiY+YXVj4omiBEvR6X3O02APX+mQezNLc3G8rpeANchwtEvUFPEt918elPx7P38VFWkyrHLNA+yax/77/+1cPovQzXyDBBEfJ5qT42DkjODUU6XM87OpSK7USDuZ/fPtgwcgPNGy2bqevetIIzAcibocfFZnMyi+P599yuWwhRPWgpztUPWwGBs37Y/gTmJXS/LJFZ6DuAy33QR0N+9xPtSJTq5WNQPd7nEKoAazB9IIWmUplRvfTq75gAuu4O0SLYjFnTGQsINwDG2hKkcURDj0Y1H3fLcCgPaIX1Jep7/QdAkyu64VEf6ruXwNsYCMtwnQF6p+HYLPiTKwPF366gvYAp4nPpvOoVsyQFTT/WCdTNY6EPLlEVsC+cMTMNlePxI2KMJkI+y3NLGvDkfhlNBE9CAaMI0nIchT7JrAFOtCRBGR5wBkSOpgC60gi6bRN8N0BW6Q9FYtGBfZBsLmZSg9Wb4Bt0Po2dBFuJ4CtFyDYZQfzH69oymOz3oLiAAAAAElFTkSuQmCC");
}

.award-icon{
    width: 18px;
    height: 18px;
    display: inline-block;
    background-size: 18px 18px;
    vertical-align: middle;
}

.mb-8{
    margin-bottom : 8px!important;
}

.fw-700{
    font-weight: 700!important;
}

.mb-0{
    margin-bottom: 0;
}
.top-section {
    display: none;
}

.top-section .section-title.fw-700{
    font-size: 32px;
    line-height: 38px;
}

.top-section .vertical-container.left{
    padding-right: 12px;
    padding-left: 20px;
    margin-right: 0px
}

.top-section .container{
    padding-top: 0;
    padding-bottom: 0;
}
.top-section .content-block{
    padding-top: 20px;
    padding-bottom: 20px;
}


/* block1 start */

div.content-block.block1 .shadow_css{
    border-radius: 6px;
    width: 31.6%;
    background-color: white;
    flex-direction: column;
    /*position: relative;*/
    /*margin-right:2.6%;*/
}

div.content-block.block1 .shadow_css.mg{
    margin-right:2.6%;
    margin-left:2.6%;
}

.second-content{
    background-color: #f4f4f4;
}

.second-content .container{
    padding-top: 40px;
}

.second-content .block1 .shadow_css{
    text-align: center;
}
.second-content .block1 .shadow_css .img-content{
    height: 200px;
    padding-top: 40px;
    background-color: #5aaef4;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
.second-content .block1 .shadow_css .img-content img{
    width: 120px;
}
.second-content .block1 .shadow_css .text-content{
    height: 200px;
    padding: 20px;
}
.second-content .block1 .shadow_css .text-content .content-block1{
    position: relative;
    height: 100%;
    width: 100%;
}
.second-content .block1 .shadow_css .text-content .content-title{
    font-size: 20px;
    font-weight: 700;
}
.second-content .block1 .shadow_css .text-content .content-text{
    font-size: 16px;
    color: #6e6e6e;
    margin-top: 10px;
}
.second-content .block1 .shadow_css .text-content .content-learn{
    font-size: 16px;
    color: #2082f2;
    font-weight: 700;
    position: absolute;
    bottom: 6px;
    width: 100%;
}

/* block1 end */

/* block2 start */
.forum-content-b{
    margin-left: 2.6%;
    margin-right: 2.6%;
}
.manage-div{
    display:none;
}

.block2 .content-block1{
    border-bottom: 1px solid #dcdcdc;
    margin-top: 38px;
    padding-bottom: 5px;
    margin-bottom: 1px;
    font-size: 20px;
}

.block2 .content-block{
    flex-flow: row wrap;
}

.block2 .detail_info{
    border-radius: 4px;
    width:31.6%;
    background-color: white;
    display: flex;
    padding: 20px;
    margin-top: 20px;
    align-items: center;
    position: relative;
}

/* block2 end */

.hr-title{
    border-bottom: 1px solid #dcdcdc;
    margin-top: 38px;
    padding-bottom: 5px;
    margin-bottom: 47px;
    font-size: 20px;
}

/* block3 start */
div.content-block.block3{
    flex-flow: row wrap;
    margin-top: 24px;
}

.content-block.block3 .shadow_css{
    border-radius: 6px;
    width: 31.6%;
    background-color: white;
    flex-direction: column;
    position: relative;
    /*margin-right:2.6%;*/
    padding-bottom: 12px;
}

.content-block.block3 .shadow_css.mg{
    margin-right:2.6%;
    margin-left:2.6%;
}

.content-block.block3 .shadow_css .title-img{
    position:absolute;left: 40%;
    top: -32px;
    left: 50%;
    transform: translate(-50%);
}
.content-block.block3 .shadow_css .title-img img{
    height: 64px;
    margin-bottom: 0px;
}

.content-block.block3 .shadow_css .title-most{
    margin-top: 31px;
    font-weight: 700;
    margin-bottom: 4px;
}

.content-block.block3 .shadow_css .most-block{
    padding:8px 10px 0 10px;
    display: flex;
}
.content-block.block3 .shadow_css .most-block img{
    height: 32px;
    width: 32px;
    margin-bottom: 0px;
    margin-left:14px
}
.content-block.block3 .shadow_css .most-block-name{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-left: 10px;
    color:#222222;
    width: 100%;
    margin-top: 4px;
}
/* block3 end */

.intro_div .content-title{
    font-size: 20px;
}

/* block5 start */

.content-block.block5{
    display: flex;
    position:relative;
    flex-flow: nowrap;
    align-items: center;
    padding:32px 30px 34px 30px;
    background-color: #3a4045;
    margin: 0 auto;
    margin-top: 20px;
}

.content-block.block5 img{
    width: 180px;
    margin-bottom: 0px
}

.content-block.block5 .text-content{
    margin-left:30px;
    color: white;
}
.content-block.block5 .content-text{
    margin-top: 5px;
    font-size: 16px;
}
.content-block.block5 .remove_intro{
    position: absolute;
    top: 6px;
    right: 16px;
    font-size: 20px;
    color: #cccccc;
}

/* block5 end */


/* block6 start */
.block6{
    margin-top:18px;
    padding-bottom:5px;
    font-size: 20px
}
.block6 .content-title{
    display: inline;
    font-size: 24px;
}

/* block6 end */

/* block7 start */

.reponsive-content-width{
    max-width: 450px;
}

.content-block.block7{
    margin-top: 5px;
    justify-content: space-between;
}

.block7 .text-content-left{
    width: 656px;
    flex-direction:column;
}

.block7 .shadow_css{
    background-color: white;
    flex-direction:column;
    padding: 14px 18px 18px 18px;
    margin-bottom:20px;
}

.block7 .text-content-right{
    width: 30.6%;
    flex-direction:column;
}

.block7 .text-content-right .shadow_css{
    padding: 14px 16px 10px 16px;
    background-color: white;
}

.block7 .text-content-right .shadow_css.sliver-award{
    margin-top:20px;
}

.block7 .post-content-block{
    flex-wrap: nowrap;
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
}

/* block7 end */

.remove_top_section{
    cursor:pointer;
    position: absolute;
    top: 60px;
    right: 10px;
    font-size: 20px;
    color: #888888;
}

@media (max-width: 1100px){
    div.content-block{
        flex-direction: row;
    }
    div.clapat-button{
        margin: 0;
    }
}
@media (max-width: 990px){
    div.content-block{
        flex-direction: column;
    }
    .top-section div.content-block{
        flex-direction: column-reverse;
    }
    div.content-block.block1 .shadow_css{
        width: 100%;
        margin: 10px auto;
        display: flex;
        flex-direction: row;
        height: unset;
    }
    section.second-content .block1 .shadow_css .img-content{
        height: unset;
        padding-top: unset;
        background-color: #5aaef4;
        border-top-left-radius: 6px;
        border-top-right-radius: 0px;
        border-bottom-left-radius: 6px;
        align-items: center;
        display: flex;
    }
    section.second-content .block1 .shadow_css .text-content .content-learn{
        bottom: unset;
        margin-top: 10px;
    }

    section.second-content .block1 .shadow_css .img-content img{
        width: 90px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .second-content .block1 .shadow_css .text-content{
        height: 170px;
        padding: 10px 0 0 24px;
        text-align: left;
    }

    .content-block.block5{
        width: 100%;
    }
    div.content-block.block1 .shadow_css.mg{
        margin: 10px auto;
    }
    block2 .content-block{
        flex-flow: row wrap;
    }
    .block2 .detail_info{
        width: 100%;
        margin: 10px auto;
    }

    .div.content-block.block3{
        flex-direction: column;
    }
    div.content-block.block3 .shadow_css{
        width: 100%;
        margin: 10px auto;
    }
    div.content-block.block3 .shadow_css.mg{
        margin: 40px auto;
    }

    .block7 .text-content-left{
        width: 100%;
        flex-direction:column;
        margin: 0 auto;
    }

    .block7 .text-content-right{
        width: 100%;
        display: flex;
        flex-direction:row;
        margin: 0 auto;
        justify-content: space-between;
    }
    .block7 .text-content-right .shadow_css{
        width: 47.5%;
    }
    .block7 .text-content-right .shadow_css.sliver-award{
        margin-top:0;
    }
    .hr-title {
        margin-bottom: 41px;
    }

    .remove_top_section{
        right: 10px;
    }

}

@media (max-width: 750px) {
    div.top-section .vertical-container.left{
        padding-right: 20px;
        padding-right: 20px;
    }

    div.container{
        max-width: 100%;
        width: 100%;
        min-width: 100%;
        padding-left: 16px;
        padding-right: 16px;
    }

    .shadow_css{
        width: 100%!important;
    }
    div.block7 .text-content-left{
        width: 100%;
    }
    div.block7 .text-content-right{
        width: 100%;
        flex-direction: column;
    }
    div.block7 .text-content-right .shadow_css.sliver-award{
        margin-top: 20px;
    }


    /*div.top-section div.container{*/
    /*padding-left: 16px!important;*/
    /*padding-right: 16px!important;*/
    /*}*/
    /*div.top-section div.vertical-container.left{*/
    /*padding-right: 0;*/
    /*}*/
    div.content-block.block5{
        flex-flow: column;
    }

    .top-section .content-block{
        padding-top: 0;
    }
    .top-section .content-button{
        display: flex;
    }
    .second-content .container{
        padding-top: 36px;
    }
    .block2 .content-block{
        margin-top: 6px;
    }

    .reponsive-content-width{
        max-width: 350px;
    }

}

.mobile-responsive-show{
    display: none;
}
.mobile-responsive-show-inline{
    display: none;
}

@media (max-width: 550px) {
    .reponsive-content-width{
        max-width: 320px;
    }
    .top-section .content-button{
        display: flex;
        justify-content: center;
    }
    section.top-section div.vertical-container.left{
        text-align: center;
    }
    .mobile-responsive-show{
        display: block!important;
    }
    .mobile-responsive-show-inline{
        display: inline-block!important;
    }
    .mobile-responsive-hide{
        display: none!important;
    }
    .content-button div.clapat-button{
        margin-right: 0;
    }

    .second-content .block1 .shadow_css .text-content .content-title{
        font-size: 17px;
    }
    .second-content .block1 .shadow_css .text-content .content-text{
        font-size: 15px;
    }
    .second-content .block1 .shadow_css .text-content{
        padding: 10px 12px 0 12px;
    }
    .content-block.block5 .text-content{
        margin-left: 0;
    }
    .content-block.block5{
        padding:30px;
    }
}

@media (max-width: 400px) {
    .reponsive-content-width{
        max-width: 200px;
    }
}
.vote-forum-trend{
    width: 8px;
    background-size: cover;
    background-repeat: no-repeat;
}

.vote-forum-trend-up {
    height: 6px;
    background-image: url(https://groups.tapatalk-cdn.com/web/homepage/up.png);
}
.vote-forum-trend-down {
    height: 6px;
    background-image: url(https://groups.tapatalk-cdn.com/web/homepage/down.png);
}
.vote-forum-trend-none {
    height: 2px;
    background-image: url(https://groups.tapatalk-cdn.com/web/homepage/Line4%402x.png);
}

.vote-forum-rank{
    width: 18px;
    height: 18px;
    margin: 0 10px;
    padding: 0 5px;
    background-size: cover;
    background-repeat: no-repeat;
}

.vote-forum-rank-1{
    background-image: url(https://groups.tapatalk-cdn.com/web/homepage/first_rank.png);
}

.vote-forum-rank-2{
    background-image: url(https://groups.tapatalk-cdn.com/web/homepage/second_rank.png);
}

.vote-forum-rank-3{
    background-image: url(https://groups.tapatalk-cdn.com/web/homepage/third_rank.png);
}