/*بِسمِ اللهِ الرَّحمٰنِ الرَّحيمِ*/
@font-face{
font-family:'muhammad(saww)';
src:url('../font/muhammad(saww).eot');
src:local('muhammad(saww)'), local('muhammad(saww)'),
url('../font/muhammad(saww).eot?#iefix') format('embedded-opentype'),
url('../font/muhammad(saww).woff2') format('woff2'),
url('../font/muhammad(saww).woff') format('woff'),
url('../font/muhammad(saww).otf') format('truetype'),
url('../font/muhammad(saww).svg#muhammad(saww)') format('svg');
font-weight:normal;
font-style:normal;
font-display:swap;
}
@font-face{
font-family:'Arabic';
src:url('../font/arabic-regular.eot');
src:local('Arabic Regular'), local('arabic-regular'),
url('../font/arabic-regular.eot?#iefix') format('embedded-opentype'),
url('../font/arabic-regular.woff2') format('woff2'),
url('../font/arabic-regular.woff') format('woff'),
url('../font/arabic-regular.otf') format('truetype'),
url('../font/arabic-regular.svg#arabic-regular') format('svg');
font-weight:normal;
font-style:normal;
font-display:swap;
}
#loader{
position: fixed;
background-color: rgba(210, 252, 252, 0.21);
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 2000;
}
body, html{
min-width:360px;
cursor: default;
height: 100%;
}
body[blur]{
filter: blur(14px);
}
a{
text-decoration:none;
}
@font-face{
font-family:'RojatFont';
src:url('../font/rojat-symbol.eot'); /* IE9 Compat Modes */
src:url('../font/rojat-symbol.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../font/rojat-symbol.woff2') format('woff2'), /* Super Modern Browsers */
url('../font/rojat-symbol.woff') format('woff'), /* Pretty Modern Browsers */
url('../font/rojat-symbol.ttf') format('truetype'), /* Safari, Android, iOS */
url('../font/rojat-symbol.svg#svgFontName') format('svg'); /* Legacy iOS */
font-display:block;
}
*{
font-family:"muhammad(saww)","Segoe UI", Tahoma, Geneva, sans-serif ;
margin:0;
padding:0;
font-size:16px;
color: #383838;
}
*[logo]{
font-family:RojatFont;

}

.hide, *[hide]{
display:none !important;
}
*[hide][baloon]{
display:inherit !important;
}
header{
background-color: #2AB6FC;
width: 100%;
height: calc(100% - 140px);
}
header>div{
position: absolute;
left: 0;
right: 0;
}
header p{
border: solid 1px rgba(252, 252, 252, 0.42);
border-radius: 14px;
background-color: rgba(98, 98, 98, 0.42);
box-shadow: 0px 5px 0px 0px rgba(0, 0, 0, 0.14),0px 5px 28px 0px rgba(0, 0, 0, 0.21);
margin: 0 auto;
width: 100%;
max-width: 630px;
z-index: 110;
font-size: 28px;
color: #000;
line-height: 2.1;
text-align: center;
text-shadow: 0px 2px 0px rgba(0, 0, 0, 0.35);
position: relative;
}
header p *{
font-size: 28px;
color: #000;
line-height: 2.1;
text-align: center;
text-shadow: 0px 2px 0px rgba(0, 0, 0, 0.35);
}
header>div>nav {
text-align: center;
}
header>div>nav ul {
list-style: none;
}
header>div>nav li {
border: solid 1px #00A8D2;
border-radius: 7px;
background-color: #fcfcfc;
box-shadow: 0px 5px 0px 0px rgba(0, 0, 0, 0.14),0px 5px 28px 0px rgba(0, 0, 0, 0.21);
width: 80px;
height: 80px;
margin: 14px 7px 7px 7px;
display: inline-block;
color: #00708c;
font-size: 49px;
line-height: 1.68;
cursor: default;
}
header>div>nav li:hover {
background-color: #eee;
}
header>nav {
position: fixed;
left: 0;
right: 0;
top: 0;
z-index: 110;
}
header>nav:before {
content: '';
width: 220px;
height: 77px;
margin: 0 auto;
position: fixed;
left: 0;
right: 0;
top: 0;
background: url(../img/in-the-name-of-ALLAH.png) no-repeat center top;
}
header>nav[fix] {
background-color: #fcfcfc;
border-bottom: solid 1px rgba(0, 0, 0,0.28);
box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.28);
}
header>nav>h2 {
font-size: 28px;
color: #fcfcfc;
line-height: 1;
text-shadow: 0px 2px 0px rgba(0, 0, 0, 0.28);
padding: 7px;
font-weight: normal;
}
header>nav>h2>a {
font-size: 28px;
color: #fcfcfc;
line-height: 1;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.28);
text-decoration: none;
display: inline-block;
padding-left: 63px;
background: url(../img/icon.png) no-repeat top left;
background-size: contain;
}
header>nav[fix]>h2>a {
color: #383838;
}
header>nav>h2 u {
font-size: 16px;
line-height: 1;
text-decoration: none;
text-shadow: 0px 1px 0px #FCFCFC, 0px -1px 0px #FCFCFC, 1px 0px 0px #FCFCFC, -1px 0px 0px #FCFCFC , 1px -1px 0px #FCFCFC, -1px -1px 0px #FCFCFC, 1px 1px 0px #FCFCFC, -1px 1px 0px #FCFCFC;
color: #0E0E0E;
}
header>nav>ul {
position: absolute;
right: 0;
top: 0;
}
header>nav[fix]>ul {
right: 0;
top: 0;
}
header>nav>ul>li {
width: 49px;
height: 70px;
list-style: none;
text-align: center;
position: relative;
cursor: default;
display: inline-block;
color: #fcfcfc;
line-height: 4.9;
}
header>nav>ul>li[text] {
}
header>nav>ul>li[site] {
width: auto;
padding: 0 7px;
}
header>nav[fix]>ul>li {
color: #383838;
}
header>nav>ul>li:hover {
background-color: rgba(0, 0, 0, 0.14);
}
header>nav[fix]>ul>li:hover {
background-color: #eee;
}
header>nav>ul>li>b {
font-weight: normal;
font-size: 28px;
line-height: 1;
text-shadow: 0px 1px 0px #FCFCFC, 0px -1px 0px #FCFCFC, 1px 0px 0px #FCFCFC, -1px 0px 0px #FCFCFC , 1px -1px 0px #FCFCFC, -1px -1px 0px #FCFCFC, 1px 1px 0px #FCFCFC, -1px 1px 0px #FCFCFC;
}
header>nav[fix]>ul>li>b {
}
header>nav>ul>li>u {
text-decoration: none;
position: absolute;
right: 7px;
top: 35px;
text-shadow: 0px 1px 0px #FCFCFC, 0px -1px 0px #FCFCFC, 1px 0px 0px #FCFCFC, -1px 0px 0px #FCFCFC , 1px -1px 0px #FCFCFC, -1px -1px 0px #FCFCFC, 1px 1px 0px #FCFCFC, -1px 1px 0px #FCFCFC;
font-weight: bold;
line-height: 1;
font-weight: bold;
border-radius: 14%;
}
header>nav>ul>li>span {
font-size: 16px;
position: absolute;
right: 7px;
top: 12px;
line-height: 1.4;
width: 21px;
height: 21px;
border-radius: 50%;
background-color: #FC0000;
color: #fcfcfc;
}
header>nav[fix]>ul>li>span {
}
header>nav>ul>li>span[hide] {
display: none;
}
header>nav>div {

}
header>nav>div>div {

}
header[dev]{
background-color: #15D2FC;
height: calc(100% - 70px);
position: relative;
max-height: 560px;
min-height: 480px;
}
header[dev]:before {
content: '';
box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.28);
background-color: #15D2FC;
width: 100%;
height: 70px;
border-radius: 0 0 50% 50%;
position: absolute;
bottom: -70px;
}
header[dev]>div{
background: #15D2FC url(../img/api-bg.png) no-repeat right center;
color: #013447;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.28);
text-decoration: none;
width: 90%;
margin: 84px auto;
line-height: 2.1;
height: 420px;
max-width: 980px;
}
header[dev]>div>h1{
font-size: 28px;
color: #013447;
line-height: 1;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.28);
text-decoration: none;
padding: 28px 0 0 14px;
}
header[dev]>div>ol{
margin-left: 49px;
}
header[dev]>div>ol>li{
font-size: 21px;
}
header>a{
position: absolute;
bottom: -49px;
left: 0;
right: 0;
width: 280px;
margin: 0 auto;
height: 49px;
text-align: center;
background-color: #fff342;
border: solid 1px #D8C000;
border-radius: 7px;
box-shadow: 0px 2px 3px 0px rgba(0,0,0, 0.14);
line-height: 2.8;
color: #534912;
font-size: 19px;
z-index: 1;
}

#windows{
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(252, 252, 252, 0.56);
z-index: 140;
}
#windows>div[backg]{
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 140;
}
#windows>div[hide]{
display: none;
}
#windows>div[window]{
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 140;
margin: auto;
border: 3px solid #00a8fc;
box-shadow: 0px 0px 0px 3px #fcfcfc,0px 14px 42px 0px rgba(0, 0, 0, 0.28);
}
#windows>div[window]>div{
content: '';
position: relative;
top: 0;
bottom: 0;
left: 0;
right: 0;
padding-top: 35px;
height: calc(100% - 35px);
}
#windows>div[window][setting]>div{
height: calc(100% - 35px);
}
#windows>div[window][setting]>div>div{
content: '';
position: absolute;
top: 35px;
bottom: 0;
left: 0;
right: 0;
overflow: auto;
}
#windows>div[window]>div:before{
content: '';
width: 84px;
height: 12px;
position: absolute;
top: -5px;
left: 0;
right: 0;
margin: 0 auto;
background-color: #fcfcfc;
}
#windows>div[window]>div:after{
content: '';
width: 70px;
height: 70px;
position: absolute;
top: -35px;
left: 0;
right: 0;
margin: 0 auto;
background: url(../img/icon.png) no-repeat;
background-size: cover;
}
#windows>div[window]>div p{
padding: 7px 14px;
color: #464646;
}
#windows>div[window]>div p>u{
color: #008CFC;
cursor: pointer;
}
#windows>div[window]>div h3{
text-align: center;
font-weight: normal;
font-size: 28px;
}
#windows>div[login]{
border-radius: 14px;
background-color: #fcfcfc;
width: 294px;
height: 343px;
}
#windows>div[signup]{
border-radius: 14px;
background-color: #fcfcfc;
width: 294px;
height: 392px;
}
#windows>div[quransetting]{
border-radius: 14px;
background-color: #fcfcfc;
width: 294px;
height: 392px;
}
#windows>div[goaye]{
border-radius: 14px;
background-color: #fcfcfc;
width: 294px;
height: 110px;
}
#windows>div[quranbookmark]{
border-radius: 14px;
background-color: #fcfcfc;
width: 294px;
height: 392px;
}
#windows>div[quranbookmark]>div>div{
overflow: auto;
height: 300px;
}
#windows>div[quranbookmark]>div>p{
text-align: center;
font-size: 18px;
}
#windows>div[quranbookmark]>div>div>ol{
list-style: none;
}
#windows>div[quranbookmark]>div>div>ol>li{
position: relative;
height: 56px;
}
#windows>div[quranbookmark]>div>div>ol>li:nth-child(2n+1){
background-color: #EEEEEE;
}
#windows>div[quranbookmark]>div>div>ol>li:before{
font-family:'RojatFont';
content: '\f05e';
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 42px;
height: 42px;
font-size: 28px;
text-align: center;
line-height: 2.1;
color: #FC4600;
}
#windows>div[quranbookmark]>div>div>ol>li>button{
color: #FC0E0E;
position: absolute;
right: 0;
top: 0;
bottom: 0;
font-size: 28px;
text-align: center;
line-height: 1.4;
width: 42px;
border-radius: 7px;
border: none;
}
#windows>div[quranbookmark]>div>div>ol>li>a{
display: block;
text-align: center;
line-height: 3.5;
margin: 0 42px;
height: 56px;
overflow: hidden;
line-break: anywhere;
}
#windows>div[quranbookmark]>div>div>ol>li>a>pre{
overflow: hidden;
width: 100%;
text-overflow: ellipsis;
}
#windows>div[setting]{
border-radius: 14px;
background-color: #fcfcfc;
max-width: 420px;
height: calc(100% - 56px);
top: auto;
bottom: 14px;
width: calc(100% - 14px);
min-width: 354px;
}
#windows>div[news]{
border-radius: 14px;
background-color: #fcfcfc;
width: 294px;
height: calc(100% - 56px);
top: auto;
bottom: 14px;
}
#windows>div[window][news]>div{
height: calc(100% - 35px);
}
#windows>div[window][news]>div>div{
position: absolute;
top: 35px;
bottom: 0;
left: 0;
right: 0;
overflow: auto;
}
#windows>div[news] ol{
margin: 0 0 0 21px;
}
#windows>div[news] ol>li{
padding: 7px;
}
#windows>div[news] ol>li:nth-child(2n+1){
background-color: #eee;
border-radius: 14px 0 0 14px;
}
#windows>div[news] ol>li[uread] *{
font-weight: bold;
}
#windows>div[news] ol>li>pre{
line-height: 1;
}
#windows>div[news] ol>li>p{
padding: 0 7px;
line-height: 1.4;
}
#windows>div[news] ul{
margin: 0 0 0 21px;
}
#windows>div[news] ul>li{
padding: 7px;
}
#windows>div[news] ul>li:nth-child(2n+1){
background-color: #EEEEEE;
border-radius: 14px 0 0 14px;
}
#windows>div[lang]{
border-radius: 14px;
background-color: #fcfcfc;
width: 294px;
max-height: 350px;
min-height: 280px;
}
#windows>div[lang]>div>div{
position: absolute;
top:35px;
bottom: 0;
left: 0;
right: 0;
overflow: auto;
}
#windows>div[lang]>div>div>ul{

}
#windows>div[lang]>div>div>ul>li{
border: solid 1px #d2d2d2;
border-radius: 7px;
background-color: #fcfcfc;
margin: 7px 0 7px 7px;
display: inline-block;
color: #464646;
font-size: 21px;
line-height: 1.68;
cursor: pointer;
width: 126px;
text-align: center;
}
#windows>div[map]{
height: calc(100% - 56px);
width: calc(100% - 14px);
background-color: #fcfcfc;
top: auto;
bottom: 14px;
border-radius: 14px;
min-width: 354px;
}
#windows>div[map]>div{
padding-top: 0;
height: 100%;
}
#windows>div[map]>div>canvas{
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
border-radius: 12px;
}
#windows>div[map]>div>button{
position: absolute;
top: 14px;
left: 14px;
border-radius: 5px;
width: 42px;
height: 42px;
font-size: 35px;
line-height: 1;
border: 1px #8C8C8C solid;
}
#windows>div[map]>div>button:nth-child(2){
top: 63px;
}
#windows>div[map]>div>button:nth-child(4){
top: auto;
bottom: 14px;
left: 49px;
right: 0;
margin: 0 auto;
border: 1px solid #8CD21C;
background-color: #9d0;
font-size: 28px;
color: #fcfcfc;
}
#windows>div[map]>div>button:nth-child(4):hover{
background-color: #8CD21C;
}
#windows>div[map]>div>button:nth-child(5){
top: auto;
bottom: 14px;
left: 0;
right: 49px;
margin: 0 auto;
border: 1px solid #c40000;
background-color: #fc0000;
font-size: 28px;
color: #fcfcfc;
}
#windows>div[map]>div>button:nth-child(5):hover{
background-color: #c40000;
}
#windows>div[map]>div>button[disabled]{
color:#8C8C8C;
}
#windows>div[map]>div>p{
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: 0 auto;
background-color: rgba(255, 255, 255, 0.5);
}
#windows>div[typepray]{
border-radius: 14px;
background-color: #fcfcfc;
max-width: 420px;
height: calc(100% - 56px);
top: auto;
bottom: 14px;
width: 100%;
}
#windows>div[typepray]>div>ul{
position: absolute;
top:35px;
bottom: 0;
left: 0;
right: 0;
overflow: auto;
}
#windows>div[typepray]>div>ul>li{
border: solid 1px #d2d2d2;
border-radius: 7px;
background-color: #fcfcfc;
margin: 7px 0 0 7px;
display: inline-block;
color: #464646;
font-size: 21px;
line-height: 1.4;
cursor: pointer;
width: calc(100% - 70px);
text-align: center;
position: relative;
padding-left: 56px;
min-height: 49px;
}
#windows>div[typepray]>div>ul>li:hover{
border: solid 1px #7EEEFC;
background-color: #E0EEFC;
color: #013447;
}
#windows>div[typepray]>div>ul>li[sel]{
border: solid 1px #C4FC00;
background-color: #EEFCD2;
color: #2A3800;
}
#windows>div[typepray]>div>ul>li>img{
position: absolute;
left: 7px;
top: 0;
}
#windows>div[project]{
border-radius: 14px;
background-color: #fcfcfc;
width: calc(100% - 14px);
max-width: 420px;
height: calc(100% - 56px);
top: 28px;
bottom: 14px;
max-height: 420px;
margin: auto;
min-width: 354px;
}
#windows>div[window][Quran]>div:after{
background: url(../img/p-quran.png) no-repeat;
background-size: cover;
}
#windows>div[window][Salawat]>div:after{
background: url(../img/p-salawat.png) no-repeat;
background-size: cover;
}
#windows>div[window][Salawat]>div:before {
width: 56px;
left: -20px;
}
#windows>div[window][faraj]>div:after{
background: url(../img/p-duaa-faraj.png) no-repeat;
background-size: cover;
}
#windows>div[window][faraj]>div:before {
width: 56px;
left: -4px;
}
#windows>div[window][mfaraj]>div:after{
background: url(../img/p-m-duaa-faraj.png) no-repeat;
background-size: cover;
}
#windows>div[window][mfaraj]>div:before {
width: 56px;
left: -4px;
}
#windows>div[project]>div>div{
position: absolute;
top:35px;
bottom: 0;
left: 0;
right: 0;
overflow: auto;
}
#windows>div[project]>div>div[hide]{
display: none;
}
#windows>div[project]>div>div>div>p{
text-align: center;
}
#windows>div[project]>div>div>div>p>b{
font-weight: bold;
}
#windows>div[project]>div>div>div>p>b>u{
text-decoration: none;
font-weight: normal;
}
#windows>div[menu]{
right: 0;
width: 350px;
left: auto;
border: none;
background-color: #fcfcfc;
padding: 0;
}
#windows>div[menu]>div{
padding: 0;
}
#windows>div[menu]>div:after{
content: none;
}
#windows>div[menu]>div>ul{
text-align: right;
position: relative;
}
#windows>div[menu]>div>ul>li{
width: 70px;
height: 56px;
line-height: 4.2;
display: inline-block;
text-align: center;
position: relative;
}
#windows>div[menu]>div>ul>li:hover {
background-color: #eee;
}
#windows>div[menu]>div>ul>li>b{
font-weight: normal;
font-size: 28px;
line-height: 1;
}
#windows>div[menu]>div>ul>li>u{
text-decoration: none;
position: absolute;
right: 17px;
top: 29px;
text-shadow: 0px 1px 0px rgba(252, 252, 252, 0.70), 0px -1px 0px rgba(252, 252, 252, 0.70), 1px 0px 0px rgba(252, 252, 252, 0.70), -1px 0px 0px rgba(252, 252, 252, 0.70);
font-weight: bold;
line-height: 1;
font-weight: bold;
background-color: #fcfcfc;
border-radius: 14%;
}
#windows>div[menu]>div>ul>li:hover>u {
text-shadow: 0px 1px 0px #eee, 0px -1px 0px #eee, 1px 0px 0px #eee, -1px 0px 0px #eee;
background-color: #eee;
}
#windows>div[menu]>div>ul>li>span{
font-size: 16px;
position: absolute;
right: 14px;
top: 5px;
line-height: 1.4;
width: 21px;
height: 21px;
border-radius: 50%;
background-color: #FC0000;
color: #fcfcfc;
}
#windows>div[menu]>div>ul>li>span[hide]{
display: none;
}
#windows>div[menu]>div>ul>li[closewin]{
position: absolute;
left: 0;
top: 0;
}
#windows>div[menu]>div>div[top]{
position: relative;
}
#windows>div[menu]>div>div[top]>div[icon]{
border-radius: 50%;
background-color: #70e0fc;
width: 120px;
height: 120px;
background-image: -webkit-linear-gradient(left, #70e0fc, #d2fc70);
background-image: linear-gradient(to right, #70e0fc, #d2fc70);
margin: 0 auto;
position: relative;
z-index: 2;
}
#windows>div[menu]>div>div[top]>div[icon]>div{
border-radius: 50%;
background-color: #e0e0e0;
position: absolute;
top: 3px;
left: 3px;
bottom: 3px;
right: 3px;
border: 2px solid #FCFCFC;
font-size: 56px;
text-align: center;
}
#windows>div[menu]>div>div[top]>div[showlogin],#windows>div[menu]>div>div[top]>div[showdashboard]{
background-color: #d2fc70;
width: 126px;
height: 56px;
position: absolute;
right: 0;
top: 0;
bottom: 0;
margin: auto;
text-align: center;
line-height: 2.94;
font-size: 18px;
}
#windows>div[menu]>div>div[top]>div[showsignup],#windows>div[menu]>div>div[top]>div[showsaveset]{
background-color: #70e0fc;
width: 126px;
height: 56px;
position: absolute;
left: 0;
top: 0;
bottom: 0;
margin: auto;
text-align: center;
line-height: 2.94;
font-size: 18px;
}
#windows>div[menu]>div>div[menu]{
position: absolute;
top: 196px;
bottom: 0;
left: 0;
right: 0;
overflow: auto;
}
#windows>div[menu]>div>div>ul{
list-style: none;
}
#windows>div[menu]>div>div>ul>li{
padding: 0;
}
#windows>div[menu]>div>div>ul>li>a ,#windows>div[menu]>div>div>ul>li[showquranmenu] ,#windows>div[menu]>div>div>ul>li[showqiblamenu]{
padding: 7px;
text-decoration: none;
color: #383838;
font-size: 18px;
display: block;
text-align: center;
cursor: pointer;
}
#windows>div[menu]>div>div>ul>li>a:hover ,#windows>div[menu]>div>div>ul>li[showquranmenu]:hover ,#windows>div[menu]>div>div>ul>li[showqiblamenu]:hover{
background-color: #eee;
}
#windows>div[quranmenu]{
border-radius: 14px;
background-color: #fcfcfc;
width: calc(100% - 14px);
max-width: 350px;
height: 308px;
top: 28px;
bottom: 14px;
max-height: 420px;
margin: auto;
min-width: 350px;
}
#windows>div[quranmenu]>div{
height: auto;
}
#windows>div[quranmenu]>div>ul{
list-style: none;
padding-top: 14px;
}
#windows>div[quranmenu]>div>ul>li[back]{
position: absolute;
left: 0;
top: 0;
border-radius: 14px 0 0 0;
width: 70px;
height: 56px;
line-height: 4.2;
display: inline-block;
text-align: center;
}
#windows>div[quranmenu]>div>ul>li[back]:hover{
background-color: #eee;
}
#windows>div[quranmenu]>div>ul>li[back]>b{
font-weight: normal;
font-size: 28px;
line-height: 1;
}
#windows>div[quranmenu]>div>ul>li>a{
background-color: #fff;
height: 61px;
display: block;
font-size: 21px;
padding: 0 0px 0 56px;
line-height: 2.8;
color: #464646;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.28);
position: relative;
text-align: center;
}
#windows>div[quranmenu]>div>ul>li>a:hover{
background-color: #eee;
}
#windows>div[quranmenu]>div>ul>li>a>b{
position: absolute;
left: 0px;
top: 0;
bottom: 0;
font-size: 42px;
line-height: 1.4;
font-weight: normal;
color: #2AB6FC;
text-shadow: none;
width: 63px;
text-align: center;
border-radius: 7px 0 0 7px;
}
#windows>div[account]{
border-radius: 14px;
background-color: #fcfcfc;
width: calc(100% - 14px);
max-width: 350px;
height: 322px;
top: 28px;
bottom: 14px;
max-height: 420px;
margin: auto;
min-width: 350px;
}
#windows>div[account]>div>p{
text-align: center;
}
#windows>div[account]>div>ul{
list-style: none;
padding-bottom: 7px;
}
#windows>div[account]>div>ul>li{
display: block;
font-size: 21px;
line-height: 2.1;
color: #464646;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.28);
position: relative;
text-align: center;
}
#windows>div[account]>div>ul>li:hover{
background-color: #eee;
}
#windows>div[qiblamenu]{
border-radius: 14px;
background-color: #fcfcfc;
width: calc(100% - 14px);
max-width: 350px;
height: 182px;
top: 28px;
bottom: 14px;
max-height: 420px;
margin: auto;
min-width: 350px;
}
#windows>div[qiblamenu]>div{
height: auto;
}
#windows>div[qiblamenu]>div>ul{
list-style: none;
padding-top: 14px;
}
#windows>div[qiblamenu]>div>ul>li[back]{
position: absolute;
left: 0;
top: 0;
border-radius: 14px 0 0 0;
width: 70px;
height: 56px;
line-height: 4.2;
display: inline-block;
text-align: center;
}
#windows>div[qiblamenu]>div>ul>li[back]:hover{
background-color: #eee;
}
#windows>div[qiblamenu]>div>ul>li[back]>b{
font-weight: normal;
font-size: 28px;
line-height: 1;
}
#windows>div[qiblamenu]>div>ul>li>a{
background-color: #fff;
height: 61px;
display: block;
font-size: 21px;
padding: 0 0px 0 56px;
line-height: 2.8;
color: #464646;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.28);
position: relative;
text-align: center;
}
#windows>div[qiblamenu]>div>ul>li>a:hover{
background-color: #eee;
}
#windows>div[qiblamenu]>div>ul>li>a>b{
position: absolute;
left: 0px;
top: 0;
bottom: 0;
font-size: 42px;
line-height: 1.4;
font-weight: normal;
color: #2AB6FC;
text-shadow: none;
width: 63px;
text-align: center;
border-radius: 7px 0 0 7px;
}
.input{
position: relative;
height: 42px;
margin: 14px 7px 7px 7px;
}
.textarea{
height: auto;
}
.input>input{
width: calc(100% - 14px);
padding: 0 5px;
border-radius: 5px;
border: 1px solid #d2d2d2;
height: 42px;
text-align: center;
}
.input>textarea{
width: calc(100% - 14px);
padding: 0 5px;
border-radius: 5px;
border: 1px solid #d2d2d2;
height: 140px;
text-align: center;
}
.input *[invalid],.captcha *[invalid]{
border: 1px solid #FCA80E;
box-shadow: 0 0 5px 0 #FCA80E;
}
.input>label{
position: absolute;
left: 14px;
top: -7px;
background-color: #FCFCFC;
padding: 0 5px;
line-height: 1;
color: #464646;
}
.input>label[logo]{
position: absolute;
left: 1px;
top: 1px;
background-color: transparent;
height: 42px;
border-radius: 5px 0 0 5px;
font-size: 28px;
line-height: 1.54;
color: rgba(0, 0, 0, 0.28);
}
.checkbox{
position: relative;
height: 28px;
margin: 14px 7px 7px 7px;
}
.checkbox>input{
display: none;
}
.checkbox>label:nth-child(1){
padding-left: 70px;
}
.checkbox>label:nth-child(3){
border: solid 1px #D2D2D2;
border-radius: 5px;
background-color: #fcfcfc;
position: absolute;
left: 0;
top: 0;
width: 56px;
height: 28px;
}
.checkbox>label:nth-child(3):before{
content: '';
border: solid 1px #D2D2D2;
border-radius: 5px;
background-color: #E0E0E0;
position: absolute;
left: -1px;
top: -1px;
width: 28px;
height: 28px;
-moz-transition:all 0.2s ease-in-out;
-webkit-transition:all 0.2s ease-in-out;
transition:all 0.2s ease 0.2s;
}
.checkbox>label:nth-child(3):after{
content: '';
background-color: rgba(0, 0, 0, 0.42);
box-shadow: 0 4px 0 0 rgba(0, 0, 0, 0.42),0 -4px 0 0 rgba(0, 0, 0, 0.42);
position: absolute;
left: 7px;
top: 13px;
width: 14px;
height: 2px;
-moz-transition:all 0.2s ease-in-out;
-webkit-transition:all 0.2s ease-in-out;
transition:all 0.2s ease 0.2s;
}
.checkbox>input:checked~label:nth-child(3){
}
.checkbox>input:checked~label:nth-child(3):before{
border: solid 1px #008CFC;
background-color: #2AB6FC;
left: 27px;
}
.checkbox>input:checked~label:nth-child(3):after{
left: 35px;
}
.button{
position: relative;
margin: 0 7px 7px 7px;
}
.button>button {
border: solid 1px #8CD200;
border-radius: 5px;
background-color: #A8FC00;
width: 100%;
height: 49px;
color: #385400;
}
.button>label{
color: #464646;
padding: 0 5px;
height: 30px;
}
.button>label[logo]{
position: absolute;
padding: 0 5px;
left: 1px;
top: 30px;
background-color: transparent;
height: 42px;
border-radius: 5px 0 0 5px;
font-size: 28px;
line-height: 1.54;
color: rgba(0, 0, 0, 0.28);
}
.button>p{
color: #464646;
font-size: 14px;
padding: 0 0 7px 0 !important;
line-height: 1.4;
}
.ButtonLoLa{
position: relative;
margin: 0 7px;
}
.ButtonLoLa>button{
position: absolute;
right: 0;
bottom: 5px;
height: 100px;
width: 56px;
border: solid 1px #8CD200;
border-radius: 5px;
background-color: #A8FC00;
color: #385400;
font-size: 35px;
}

.select{
position: relative;
height: 42px;
margin: 14px 7px 7px 7px;
}
.select>select{
width: 100%;
padding: 0 5px;
border-radius: 5px;
border: 1px solid #d2d2d2;
height: 42px;
text-align: center;
}
.select>label{
position: absolute;
left: 14px;
top: -7px;
background-color: #FCFCFC;
padding: 0 5px;
line-height: 1;
color: #464646;
}
.select>label[logo]{
position: absolute;
left: 1px;
top: 1px;
background-color: transparent;
height: 42px;
border-radius: 5px 0 0 5px;
font-size: 28px;
line-height: 1.54;
color: rgba(0, 0, 0, 0.28);
}
.captcha{
position: relative;
height: 49px;
margin: 14px 7px 7px 7px;
text-align: initial;
}
.captcha>input{
width: calc(50% - 21px);
padding: 0 5px;
border-radius: 5px;
border: 1px solid #d2d2d2;
height: 42px;
text-align: center;
}
.captcha>label{
position: absolute;
left: 14px;
top: -7px;
background-color: #FCFCFC;
padding: 0 5px;
line-height: 1;
color: #464646;
}
.captcha>label[logo]{
position: absolute;
left: 1px;
top: 2px;
background-color: transparent;
height: 42px;
border-radius: 5px 0 0 5px;
font-size: 28px;
line-height: 1.54;
color: rgba(0, 0, 0, 0.28);
}
.captcha>img{
width: 50%;
height: 42px;
display: inline-block;
margin: 0 0 0 7px;
position: absolute;
text-align: center;
border: 1px solid #8C8C8C;
border-radius: 5px;
}
.Notifection {
border: solid 1px #EEC400;
border-radius: 7px;
background-color: #FCE062;
box-shadow: 0px 5px 14px 0px rgba(0, 0, 0, 0.14);
padding: 7px;
margin: 14px 7px 0px 7px;
line-height: 1.4;
}
section[dev]{
padding-top: 70px;
position: relative;
}
section>div[part]{
margin-bottom: 42px;
}
section>div[part]>h2{
font-weight: normal;
font-size: 28px;
padding:0 0 28px 14px;
position: relative;
color: #464646;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.28);
}
section>div[part]>h2>i{
font-style: normal;
font-size: 28px;
}
section>div[part]>h2>b{
font-weight: normal;
text-shadow: none;
}
section>div[part]>h2>b>u{
color: #008cfc;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.28);
padding: 0 7px;
cursor: pointer;
}
section>div[part]>h2>b>b{
color: #464646;
text-shadow: none;
font-size: 21px;
}
section>div[part]>h2:before{
content: '';
min-width: 210px;
width: 42%;
height: 5px;
background-color: #c0ff00;
position: absolute;
position: absolute;
left: 0;
bottom: 14px;
}
section>div[part]>h2:after{
content: '';
min-width: 280px;
width: 56%;
height: 5px;
background-color: #15d2fc;
position: absolute;
position: absolute;
left: 0;
bottom: 0;
}
section>div[contact]>p[center]{
text-align: center;
}
section>div[contact]>p>a{
border: solid 1px #C4C4C4;
border-radius: 7px;
background-color: #E0E0E0;
box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.21);
width: 248px;
height: 49px;
display: inline-block;
text-align: center;
color: #000;
line-height: 2.4;
margin: 14px 7px 42px 7px;
font-size: 21px;
}
section>div[contact]>p>a[support]{
background-color: #fff342;
border: solid 1px #D8C000;
border-radius: 7px;
box-shadow: 0px 2px 3px 0px rgba(0,0,0, 0.14);
line-height: 2.8;
color: #534912;
font-size: 19px;
}
section>div[download] span {
border: solid 1px #E6E6E6;
background-color: #eee;
box-shadow: 0px 5px 0px 0px #B5B5B5,0px 5px 5px 0px rgba(0, 0, 0, 0.21);
}
section>div>p {
padding: 14px 28px;
}
section>div>ul {
padding: 14px 14px 14px 42px;
}
section>div[download]>div {
text-align: center;
padding-bottom: 28px;
}
section>div[download]>div[ok=hide] {
height: 400px;
background: url(../img/ok.png) no-repeat center;
}
section>div[download]>div>div {
position: relative;
display: block;
max-width: 490px;
margin: 0 auto;
}
section>div[download]>div[ok=hide]>div {
display: none;
}
section>div[download]>div>div>p {
border: solid 1px #E0E0E0;
border-radius: 14px;
background-color: #fff;
width: 100%;
height: 140px;
padding: 7px;
overflow: auto;
}
section>div[download]>div>div>label {
background-color: #fff;
padding: 0 7px;
text-align: center;
font-size: 16px;
position: absolute;
left: 21px;
top: 0;
}
section>div[download]>div>div>label>b {
font-size: 10px;
color: #FC9A00;
}
section>div[download]>div>div[norequired]>label>b {
display: none;
}
section>div[download]>div>div>input {
border: solid 1px #E0E0E0;
border-radius: 7px;
background-color: #fff;
box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.21);
width: calc(100% - 18px);
height: 52px;
margin: 21px 0 7px 0;
padding: 0 7px;
text-align: center;
font-size: 16px;
}
section>div[download]>div>div>input:hover {
border: solid 1px #74DDFF;
}
section>div[download]>div>div>textarea {
border: solid 1px #E0E0E0;
border-radius: 14px;
background-color: #fff;
box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.21);
width: calc(100% - 18px);
max-width: calc(100% - 18px);
height: 210px;
margin: 21px 0 7px 0;
padding: 0 7px;
text-align: center;
font-size: 16px;
}
section>div[download]>div>div>textarea:hover {
border: solid 1px #74DDFF;
}
section>div[download]>div>div>button {
border: solid 1px #56A3BC;
border-radius: 7px;
background-color: #74DDFF;
box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.21);
width: 100%;
height: 52px;
font-size: 18px;
cursor: pointer;
}
section>div[download]>div>div[radiobox] {
text-align: left;
}
section>div[download]>div>div[radiobox]>div {
height: 56px;
position: relative;
display: inline-block;
margin: 14px 7px 0 0;
}
section>div[download]>div>div[radiobox]>div>input {
display: none;
}
section>div[download]>div>div[radiobox]>div>label {
position: relative;
height: 52px;
display: block;
padding: 0 0 0 49px;
text-align: left;
line-height: 2.8;
background: transparent;
}
section>div[download]>div>div[radiobox]>div>label[check] {
position: absolute;
left: 0;
top: 0;
border: solid 1px #E0E0E0;
border-radius: 50%;
background-color: #fff;
box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.21);
width: 42px;
height: 42px;
padding: 0 !important;
}
section>div[download]>div>div[radiobox]>div>label[check]:before {
content: '';
position: absolute;
left: 8px;
top: 8px;
border-radius: 50%;
background-color: #FFF;
width: 26px;
height: 26px;
transition: 500ms all linear;
}
section>div[download]>div>div[radiobox]>div>input:checked~label[check]:before {
background-color: #74DDFF;
}
section>div[download]>div>div[ycode]>input {
width: 60%;
width: calc(60% - 21px);
}
section>div[download]>div>div[ycode]>button {
width: 40%;
width: calc(40% - 7px);
margin-left: 7px;
border: solid 1px #8CD200;
background-color: #A8FC00;
color: #000;
position: relative;
}
section>div[download]>div>div[ycode]>button>b {
font-size: 10px;
font-weight: normal;
position: absolute;
left: 0;
bottom: 0;
right: 0;
color: #666;
line-height: 1.4;
}
section[dev]>div[part]>div[dev] {

}
section[dev]>div[part]>div[dev]>ul{
text-align: center;
}
section[dev]>div[part]>div[dev]>ul>li{
text-align: center;
display: inline-block;
padding: 14px;
border: 1px solid #e0e0e0;
border-bottom: none;
position: relative;
background-color:#eee;
cursor: pointer;
}
section[dev]>div[part]>div[dev]>ul>li[hide]{
display: none;
}
section[dev]>div[part]>div[dev]>ul>li[sel]{
background-color: #fff;
}
section[dev]>div[part]>div[dev]>ul>li[sel]:before{
content: '';
position: absolute;
left: 0;
right: 0;
bottom: -1px;
height: 2px;
background-color: #fff;
}
section[dev]>div[part]>div[dev]>div{
background-color: #fff;
border: #ccc 1px solid;
box-shadow: 0 5px 7px 0 rgba(0, 0, 0, 0.14);
}
section[dev]>div[part]>div[dev]>div[hide]{
display: none;
}
section[dev]>div[part]>div[dev]>div>div{
padding: 14px;
}
section[dev]>div[part]>div[dev]>div>div>div{
position: relative;
width: 280px;
display: inline-block;
min-height: 56px;
}
section[dev]>div[part]>div[dev]>div>div input[type=checkbox]{
display: none;
}
section[dev]>div[part]>div[dev]>div>div label{
padding-left: 56px;
padding-top: 7px;
display: block;
}
body[rtl]>div[part]>div[dev]>div>div label{
padding-right: 56px;
padding-left: 0;
}
section[dev]>div[part]>div[dev]>div>div>div[full]{
width: auto;
display: block;
}
section[dev]>div[part]>div[dev]>div>div>div[full] input{
border: solid 1px #E0E0E0;
border-radius: 14px;
background-color: #fff;
box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.21);
width: calc(100% - 18px);
height: 52px;
margin: 21px 0 7px 0;
padding: 0 7px;
text-align: center;
font-size: 16px;
}
section[dev]>div[part]>div[dev]>div>div>div[full] textarea{
border: solid 1px #E0E0E0;
border-radius: 14px;
background-color: #fff;
box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.21);
width: calc(100% - 18px);
height: 52px;
margin: 21px 0 7px 0;
padding: 0 7px;
text-align: center;
font-size: 16px;
}
section[dev]>div[part]>div[dev]>div>div>div[full] textarea{
border: solid 1px #E0E0E0;
border-radius: 14px;
background-color: #fff;
box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.21);
width: calc(100% - 18px);
height: 52px;
margin: 21px 0 7px 0;
padding: 0 7px;
text-align: center;
font-size: 16px;
}
section[dev]>div[part]>div[dev]>div>div>div[full] textarea[out]{
border: solid 5px #0CF;
}
section[dev]>div[part]>div[dev]>div>div>div[full] select{
border: solid 1px #E0E0E0;
border-radius: 14px;
background-color: #fff;
box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.21);
width: 100%;
height: 52px;
margin: 21px 0 7px 0;
padding: 0 7px;
text-align: center;
font-size: 16px;
}
section[dev]>div[part]>div[dev]>div>div>div[full] label{
background-color: #fff;
padding: 0 7px;
text-align: center;
font-size: 16px;
position: absolute;
left: 21px;
top: 0;
}
section[dev]>div[part]>div[dev]>div>div label[check]{
-webkit-transition: all .5s ease-out;
transition: all .5s ease-out;
position: absolute;
left: 0;
top: 0;
border: solid 7px #fff;
border-radius: 14px;
background-color: #E0E0E0;
box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.21);
width: 28px;
height: 28px;
padding: 0 !important;
}
body[rtl]>div[part]>div[dev]>div>div label[check]{
left: auto;
right: 0;
}
section[dev]>div[part]>div[dev]>div>div input:checked~label[check]{
background-color:#0cf;
border:7px solid #fff;
}
section[dev]>div[part]>div[dev]>div>div input:disabled~label[check]{
background-color: #D2D2D2;
border: 7px solid #C4C4C4;
}
section[dev]>div[part]>div[dev]>div>div>iframe{
width: 100%;
min-height: 350px;
border: none;
}
section>div[menu] {
padding: 0px;
position: absolute;
left: 0;
right: 0;
top: 0;
}
section>div[menu]>ul {
border-bottom: 1px solid transparent;
}
section>div[menu][headfix]>ul {
position: fixed;
top: 0;
left: 0;
right: 0;
background-color: #fcfcfc;
box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.14);
min-width: 360px;
z-index: 2000000;
border-bottom: 1px solid #e0e0e0;
}
section>div[menu] li {
display: inline-block;
}
section>div[menu] li>a {
padding: 14px 0px 14px 14px;
display: inline-block;
color: #545454;
line-height: 1.4;
}

footer>div[footer] {
border-top: solid 1px #8CD238;
background-color: #a8fc00;
box-shadow: inset 0px 1px 2px 0px rgba(255, 255, 255, 0.28);
position: relative;
margin-top: 70px;
padding-top: 98px;
}
footer>div[footer]:before {
content: '';
box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.28);
background: #fcfcfc url(../img/f-sun.png) no-repeat center bottom;
width: 100%;
height: 140px;
border-radius: 50%;
position: absolute;
top: -70px;
}
footer>div[footer]:after{
content: '';
width: 70px;
height: 70px;
position: absolute;
top: 21px;
left: 0;
right: 0;
margin: 0 auto;
background: url(../img/icon.png) no-repeat;
background-size: cover;
}
footer>div[footer]>q {
text-align: center;
display: block;
padding: 7px 0 21px 0;
position: relative;
}
footer>div[footer]>q>b {
font-weight: normal;
font-size: 12px;
position: relative;
top: 7px;
}
footer>div[footer]>button {
text-align: center;
display: block;
position: absolute;
right: 14px;
top: 7px;
width: 49px;
height: 49px;
font-size: 28px;
line-height: 1;
border: solid 1px #548C0E;
background-color: #8CC400;
border-radius: 42%;
color: #548c0e;
}

footer>div[footer]>nav {
border-top: solid 1px #8CD238;
border-bottom: solid 1px #8CD238;
background-color: #fcfcfc;
box-shadow: 0px 1px 2px 0px rgba(255, 255, 255, 0.28);
}
footer>div[footer]>nav>ul {
text-align: center;
}
footer>div[footer]>nav>ul>li {
list-style: none;
display: inline-block;
}
footer>div[footer]>nav>ul>li>a {
padding: 0 5px;
color: #31621C;
}
footer>div[footer]>nav>ul>li>a:hover {
background-color: #E0E0E0;
}
footer>div[footer]>p {
text-align: center;
font-size: 14px;
color: #406A01;
line-height: 1.4;
padding: 14px 0 7px 0;
}
footer>div[footer]>p>a {
color: #31621C;
text-decoration: underline;

}
@media all and (max-width:890px){
header[dev]{
max-height: 770px;
}
header[dev]>div{
background: #15D2FC url(../img/api-bg.png) no-repeat top center;
padding-top: 320px;
height: auto;
text-align: center;
width: 100%;
}

header[dev]>div>ol{
margin-left: 28px;
display: inline-block;
text-align: left;
}

}
@media all and (max-width:660px){
header>nav>h2>a {
font-size: 21px;
line-height: 2.1;
padding-left: 49px;
}
header>nav>h2>a>u {
display: none;
}

}
@media all and (max-width:592px){
header p{
width: 100%;
max-width: 350px;
line-height: 1.82;
}
header p *{
line-height: 1.82;
}
header>div>nav ul {
width: 100%;
max-width: 336px;
margin: 0 auto;
}
}
@media all and (max-width:540px){
header>nav>h2>a {
padding-left: 180px;
height:56px;
}
}
@media all and (max-width:470px){
header>nav>h2>a {
padding-left: 140px;
}
header>nav>ul>li[site] {
display: none;
}
section>div[download]>div>div[ycode]>button {
width: 168px;
font-size: 16px;
}
section>div[download]>div>div[ycode]>input {
width: calc(100% - 196px);
}
section>div[download]>div>div[ycode]>label {
left: 7px;
}
}
@media all and (max-width:380px){
header>nav>h2>a {
padding-left: 110px;
}

}
#Winmssg{
z-index: 154;
position: fixed;
}
#Winmssg>div[mssgclose]{
position: fixed;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(252, 252, 252, 0.28);
top: auto;
}
#Winmssg>div[mssgclose][show]{
top: 0;
}
#Winmssg>div[win]{
border-radius: 14px;
background-color: #fff;
width: 280px;
bottom: -600px;
position: fixed;
right: 14px;
z-index: 140;
border: 3px solid #fcfcfc;
box-shadow: 0px 0px 0px 3px #15d2fc,0px 14px 42px 0px rgba(0, 0, 0, 0.28);
-moz-transition:all 0.2s ease-in-out;
-webkit-transition:all 0.2s ease-in-out;
transition:all 0.2s ease 0.2s;
}
#Winmssg>div[win][war]{
box-shadow: 0px 0px 0px 3px #FCA80E,0px 14px 42px 0px rgba(0, 0, 0, 0.28);
}
#Winmssg>div[win][show]{
bottom: 28px;
-moz-transition:all 0.2s ease-in-out;
-webkit-transition:all 0.2s ease-in-out;
transition:all 0.2s ease 0.2s;
}
#Winmssg>div[win] pre{
text-align: center;
font-size: 21px;
color: #013447;
position: relative;
}
#Winmssg>div[win] pre>samp{
text-align: center;
font-size: 42px;
color: #15d2fc;
left: 0;
top: -62px;
width: 56px;
height: 56px;
position: absolute;
border-radius: 50% 50% 0 0;
background-color: #fcfcfc;
border: 3px solid #fcfcfc;
box-shadow: 0px 0px 0px 3px #15d2fc;
right: 0;
margin: 0 auto;
line-height: 1.4;
border-bottom: none;
}
#Winmssg>div[win][war] pre>samp{
color: #FCA80E;
box-shadow: 0px 0px 0px 3px #FCA80E;
}
#Winmssg>div[win] pre>samp:before{
content: '';
background-color: #fcfcfc;
height: 3px;
position: absolute;
left: -6px;
right: -6px;
bottom:-3px;
}
#Winmssg>div[win] p{
padding: 7px;
text-align: center;
}
#Winmssg>div[win] p>a{
color: #00829f;
text-align: center;
display: block;
font-size: 21px;
text-decoration: underline;
}
#Winmssg>div[win] p>a>b{
font-size: 21px;
}
#Winmssg>div[win] button{
border: solid 1px #8CD200;
border-radius: 5px;
background-color: #A8FC00;
width: 90%;
height: 49px;
color: #385400;
margin: 0px auto 7px auto;
display: block;
}