/* CSS Document */ .leftbar{ float:left; width:237px; border-left:1px solid #999999; border-right:1px solid #999999; border-bottom:1px solid #999999;} .boxr{ width:235px; height:57px; border-top:1px solid #999999; text-decoration:none; color:#000;} .aboutsoft{ font-size:16px; font-family:arial; text-align:center; margin-top:15px;} .rightbar{ float:left; width:875px; margin-left:20px; } .faqr{ font-size:22px; font-family:arial;} .questions{ font-size:18px; font-family:arial; color:#2A64A7; margin-top: 18px;} .ans{ font-size:12px; font-family:arial; color:#737373; margin-top: 10px;} .a{ text-decoration:none; color:#000; cursor:pointer;} .boxr:hover{ background:#e3e3e3; cursor:pointer;} @media screen and (max-width: 1280px) { .leftbar{ float:left; width:20.8%; border-left:1px solid #999999; border-right:1px solid #999999; border-bottom:1px solid #999999;} .boxr{ width:100%; height:57px; border-top:1px solid #999999; text-decoration:none; color:#000;} .aboutsoft{ font-size:16px; font-family:arial; text-align:center; margin-top:15px;} .rightbar{ float:left; width:74%; margin-left:20px; } .faqr{ font-size:22px; font-family:arial;} .questions{ font-size:18px; font-family:arial; color:#2A64A7; margin-top: 18px;} .ans{ font-size:12px; font-family:arial; color:#737373; margin-top: 10px;} .a{ text-decoration:none; color:#000; cursor:pointer;} .boxr:hover{ background:#e3e3e3; cursor:pointer;} } @media screen and (max-width: 980px) { .leftbar{ float:left; width:34%; border-left:1px solid #999999; border-right:1px solid #999999; border-bottom:1px solid #999999;} .boxr{ width:100%; height:57px; border-top:1px solid #999999; text-decoration:none; color:#000;} .aboutsoft{ font-size:16px; font-family:arial; text-align:center; margin-top:15px;} .rightbar{ float:left; width:62%; margin-left:20px; } .faqr{ font-size:22px; font-family:arial;} .questions{ font-size:18px; font-family:arial; color:#2A64A7; margin-top: 18px;} .ans{ font-size:12px; font-family:arial; color:#737373; margin-top: 10px;} .a{ text-decoration:none; color:#000; cursor:pointer;} .boxr:hover{ background:#e3e3e3; cursor:pointer;} } @media screen and (max-width: 800px) { .leftbar{ float:left; width:34%; border-left:1px solid #999999; border-right:1px solid #999999; border-bottom:1px solid #999999;} .boxr{ width:100%; height:57px; border-top:1px solid #999999; text-decoration:none; color:#000;} .aboutsoft{ font-size:16px; font-family:arial; text-align:center; margin-top:15px;} .rightbar{ float:left; width:62%; margin-left:20px; } .faqr{ font-size:22px; font-family:arial;} .questions{ font-size:18px; font-family:arial; color:#2A64A7; margin-top: 18px;} .ans{ font-size:12px; font-family:arial; color:#737373; margin-top: 10px;} .a{ text-decoration:none; color:#000; cursor:pointer;} .boxr:hover{ background:#e3e3e3; cursor:pointer;} } @media screen and (max-width: 768px) { .leftbar{ float:left; width:34%; border-left:1px solid #999999; border-right:1px solid #999999; border-bottom:1px solid #999999;} .boxr{ width:100%; height:57px; border-top:1px solid #999999; text-decoration:none; color:#000;} .aboutsoft{ font-size:16px; font-family:arial; text-align:center; margin-top:15px;} .rightbar{ float:left; width:62%; margin-left:20px; } .faqr{ font-size:22px; font-family:arial;} .questions{ font-size:18px; font-family:arial; color:#2A64A7; margin-top: 18px;} .ans{ font-size:12px; font-family:arial; color:#737373; margin-top: 10px;} .a{ text-decoration:none; color:#000; cursor:pointer;} .boxr:hover{ background:#e3e3e3; cursor:pointer;} } @media screen and (max-width: 360px) { .leftbar{ float:left; width:85%; border-left:1px solid #999999; border-right:1px solid #999999; border-bottom:1px solid #999999; margin-left:20px;} .boxr{ width:100%; height:45px; border-top:1px solid #999999; text-decoration:none; color:#000;} .aboutsoft{ font-size:16px; font-family:arial; text-align:center; margin-top:10px;} .rightbar{ float:left; width:100%; margin-left:20px; } .faqr{ font-size:22px; font-family:arial;} .questions{ font-size:14px; font-family:arial; color:#2A64A7; margin-top:0px;} .ans{ font-size:11px; font-family:arial; color:#737373; margin-top:0px;} .a{ text-decoration:none; color:#000; cursor:pointer;} .boxr:hover{ background:#e3e3e3; cursor:pointer;} } @media screen and (max-width: 320px) { .leftbar{ float:left; width:85%; border-left:1px solid #999999; border-right:1px solid #999999; border-bottom:1px solid #999999; margin-left:20px;} .boxr{ width:100%; height:45px; border-top:1px solid #999999; text-decoration:none; color:#000;} .aboutsoft{ font-size:16px; font-family:arial; text-align:center; margin-top:10px;} .rightbar{ float:left; width:100%; margin-left:20px; } .faqr{ font-size:20px; font-family:arial;} .questions{ font-size:14px; font-family:arial; color:#2A64A7; margin-top:0px;} .ans{ font-size:11px; font-family:arial; color:#737373; margin-top:0px;} .a{ text-decoration:none; color:#000; cursor:pointer;} .boxr:hover{ background:#e3e3e3; cursor:pointer;} }