.text-box {    font-family: 'vazir', tahoma, monospace;    font-size: 13px !important;    text-align: justify !important;    line-height: 1.7em !important;    color: #333333;    padding: 7px;}.text-box strong {    font-size: 13px !important;    color: #3333cc;}.text-box h1 {    font-family: 'sahel', tahoma, monospace;    color: #0071ab;    font-size: 16px;    text-align: center;    text-shadow: 1px 1px 0 #f2f2f2, 1px 2px 0 #b4d5df;    margin: 10px 0 20px 0 !important;}.text-box hr {    width: 500px;    text-align: right !important;    border: 0;    height: 1px;    background-image: -webkit-linear-gradient( left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));    background-image: -moz-linear-gradient( left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));    background-image: -ms-linear-gradient( left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));    background-image: -o-linear-gradient( left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));}.tblp {    min-height: 250px !important;}#DivViewP {    padding: 20px;    width: 38%;    float: right;    margin-left: 10px;    background-color: #f9fbfc;    margin-top: 32px;}#DivViewP .tblp {    display: table;    font-size: 11px;    direction: rtl;    margin: 0 auto;    min-height: 290px;}#DivViewP .trlp {}#DivViewP .prd {    width: 0px;    display: table-cell;    border-bottom: 1px solid #d9dcde;}#DivViewP .pfeh {    font-family: 'sahel', tahoma;    display: table-cell;    width: 130px;    height: 25px;    font-size: 12px;    font-weight: 700;    color: #0071ab;    padding: 1px;    border-bottom: 1px solid #d9dcde;}#DivViewP .part {    display: table-cell;    color: #666666;    line-height: 20px;    width: 160px;    font-size: 11px;    border-bottom: 1px solid #d9dcde;}#DivViewP .ppic {    margin-bottom: 68px;    text-align: center;    width: 233px;    height:340px ;}.read-book {    font-family: 'sahel', tahoma;    font-weight: 700;    font-size: 12px;    background: #e7e7e7;    margin-top: 5px;    margin-bottom: 5px;    text-align: center;    display: block;    margin-left: auto;    margin-right: auto;    padding: 2px;    transition: all 0.6s ease-in-out 0s;}.read-book2 {    background: #e7e7e7;    text-align: center;    margin-top: 7px;    display: block;    margin-left: auto;    margin-right: auto;    padding: 2px;    transition: all 0.6s ease-in-out 0s;}.read-book:hover {    background: #cfecfe;}#ulAttachDocs li:hover {    background: #cfecfe;}.read-book2:hover {    background: #cfecfe;}#DivViewP .auType {    font-family: 'sahel', tahoma;    width: 100px;    height: 25px;    font-size: 12px;    font-weight: 700;    color: #0071ab;    padding: 1px;}#DivViewP .auName {    margin-right: 25px;}#ulAttachDocs {    position: absolute;    top: 400px;    width: 242px;    text-align: center;    margin-right: 10px;    padding: 4px;}#ulAttachDocs br,#ulAttachDocs span:nth-child(2) {    display: none;}#ulAttachDocs p {    display: inline;}#ulAttachDocs li {    display: block;    margin-bottom: 5px;    padding: 5px 10px;    background: #e7e7e7;}#ulAttachDocs a {    font-size: 12px !important;    font-weight: bold;    display: inline-block;}#ulAttachDocs img {    height: 14px;    width: auto !important;    margin: 0 0 0 7px !important;}p.khb2 {    border: solid 1px #AABAF9;    font-size: 12px;    font-weight: 700;    font-family: 'sahel', tahoma, monospace;    color: #367490;    background-color: #EFEFEF;    padding: 8pt;    line-height: 180%;    text-align: justify;    display: flex;}.khb2:empty {    display: none;}.fa-quote-right {    font-size: 18px;    padding: 0 0 0 10px;    color: #044b6f;    margin-top: -12px;    color: #014467 !important;}p.khb2 {    border: none !important;    padding: 15pt !important;}
@media (max-width: 768px) { #DivViewP{width:100% !important}  img {            float: none !important;            display: block !important;              margin: 10px auto !important;        max-width: 100%;                   height: auto;    }}<p>.TextsStyles1 { font-family: "Traditional Arabic"; font-size: 12pt; font-weight: bold; color: #336699; padding: 0 2px 0 0; } .TextsStyles2 { font-family: Traditional Arabic,Arial; font-size: 19px; font-weight: bold; color: #274F00; padding: 0 2px 0 0; } .TextsStyles3 { font-size: 9pt; font-weight: bold; color: #620031; padding: 0 2px 0 0; } .TextsStyles4 { font-size: 10pt; color: #3a3a3a; padding: 0 2px 0 0; } .DivResourceRoof { background-color: #ffffff; border-top: 1px dashed #815555; color: #808080; direction: rtl; font-family: tahoma; font-size: 11px; line-height: 1.8em; margin-top: 20px; padding: 2px; text-align: right; /*visibility: hidden;*/ } .DivResourceRoof p { font-size: 9pt; } .DivResourceView p { line-height: 1.8em; margin: 3px; padding: 0 10px; text-align: justify; } .DivTreeView { font-family: Tahoma; font-size: 8.5pt; text-align: right; direction: rtl; margin: 0; padding: 10px 0 10px 0; width: 190px; } .DivTreeView a:link, .DivTreeView a:visited { color: #19604d; } .DivTreeView a:hover, .DivTreeView a:active { font-size: 11px; color: #389816; } .DivTreeView ul { list-style: none; margin: 0 1px 0 0; padding: 0; } .DivTreeView ul li { padding: 1px 25px 0 0; text-indent: -16px; } .DivTreeView li img { cursor: pointer; } .DivTreeView li a { text-decoration: none; margin: 0 0px 0 2px; color: #19604d; } div#nifty3 { background: #eef1f0; height: 32px; margin: 0; border-radius: 10px 0 0 0; } div#nifty3 h1 { font-size: 8pt; font-weight: normal; } img.khb3 { border: 3px ridge #c7dfdc; float: left; margin: 5px 10px 5px 5px; }</p>