@font-face { font-family: "BYekan"; src: url("fonts/v11_Yekan.woff"); src: url("fonts/v11_Yekan.eot?#iefix") format("embedded-opentype"), url("fonts/v11_Yekan.woff") format("woff"), url("fonts/v11_Yekan.ttf") format("truetype"), url("fonts/v11_Yekan.svg#BYekan") format("svg"); font-weight: normal; font-style: normal }
@font-face { font-family: "BYekan1"; src: url("fonts/v11_Yekan.woff"); src: url("fonts/v11_Yekan.eot?#iefix") format("embedded-opentype"), url("fonts/v11_Yekan.woff") format("woff"), url("fonts/v11_Yekan.ttf") format("truetype"), url("fonts/v11_Yekan.svg#BYekan") format("svg"); font-weight: normal; font-style: normal }
@font-face { font-family: "BYekanNumbers"; src: url("fonts/yekanNumbers-Regular.eot"); src: url("fonts/yekanNumbers-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/yekanNumbers-Regular.woff") format("woff"), url("fonts/yekanNumbers-Regular.ttf") format("truetype"), url("fonts/yekanNumbers-Regular.svg#YekanWeb-Regular") format("svg"); font-style: normal; font-weight: normal; text-rendering: optimizeLegibility; line-height: 90% }
@font-face { font-family: "BYekanNew"; src: url("fonts/yekanWeb-Regular.eot"); src: url("fonts/yekanWeb-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/yekanWeb-Regular.woff") format("woff"), url("fonts/yekanWeb-Regular.ttf") format("truetype"), url("fonts/yekanWeb-Regular.svg#YekanWeb-Regular") format("svg"); font-style: normal; font-weight: normal; text-rendering: optimizeLegibility; line-height: 90% }
@font-face { font-family: "AIranianSans"; src: url(fonts/AIranianSans.eot); src: url(fonts/AIranianSans.eot?#iefix) format("embedded-opentype"),url(fonts/AIranianSans.woff2) format("woff2"),url(fonts/AIranianSans.woff) format("woff"),url(fonts/AIranianSans.ttf) format("truetype"); font-weight: 400; font-style: normal }
@font-face { font-family: "FIranianSans"; src: url(fonts/FIranianSans.eot); src: url(fonts/FIranianSans.eot?#iefix) format("embedded-opentype"),url(fonts/FIranianSans.woff) format("woff"),url(fonts/FIranianSans.ttf) format("truetype"); font-weight: 400; font-style: normal }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; background: transparent }
ol, ul { list-style: none outside none }
select { border: 1px solid Silver }
body { font-family: FIranianSans, BYekanNumbers; font-size: 100%; background-color: White; color: #333; max-width: 500px; margin: 0 auto }
a:active, a:focus { outline: none }
textarea { overflow: auto }
input, textarea, select { padding: 0; font-family: FIranianSans !important }
a img { border: none }
a:link { color: inherit; display: inline; font-weight: inherit; font-variant: normal; font-style: normal; text-decoration: none }
a:hover { color: inherit; display: inline; font-weight: inherit; font-variant: normal; font-style: normal; text-decoration: none }
a:visited { color: inherit; display: inline; font-weight: inherit; font-variant: normal; font-style: normal; text-decoration: none }

body { background-color: #eeeeee; font-family: FIranianSans, BYekanNumbers; color: white; direction: rtl; color: black; padding-bottom: 60px }
form { position: relative }
.masterdiv { background: url('/images/header.png') center top no-repeat; min-height: 400px }
input { padding: 3%; border: 0; border-bottom: 2px solid #ae63ca }
/*input:focus { padding: 3%; border: 0; border-bottom: 2px solid black }*/
textarea { padding: 3%; border: 0; border-bottom: 2px solid #ae63ca; direction: rtl }
pre { font-family: BYekanNew, BYekanNumbers; white-space: pre-line; }
.loginbox { margin: 50px auto; width: 100%; color: black; direction: rtl }
.textboxen { direction: ltr; text-align: left }
.textboxfa { direction: rtl; text-align: right }
.btnbox { background-color: #5d4873; color: white; font-size: 90%; width: 120px; height: 40px; border-bottom: 3px solid #010002; cursor: pointer }
.btnbox:hover { background-color: #4e2577 }
.paneltitle { text-align: center; background: #d5c3ff; color: black; padding: 20px 0; margin: 4% 0; border-bottom: 5px solid black }
.penelbox { max-width: 1000px; margin: 0 auto }
.panelmenu { display: inline-block; text-align: center; direction: rtl; width: 100% }
.panelmenuitem { width: 18%; text-align: center; color: black !important; font-size: 90%; padding: 40px 5px 5px; margin: 2%; display: inline-block !important; background-color: white; border-bottom: 5px solid #d5c3ff; cursor: pointer }
.panelmenuitem:hover { background-color: #d5c3ff; border-bottom: 5px solid grey }
.messagebox { background-color: white; padding: 5px; text-align: center; color: black; margin: 0 auto 30px; width: 200px; display: inherit; direction: rtl; border-bottom: 5px solid green; }
.VerificationCode { display: none }
.center { text-align: center; margin: 0 auto; display: block }
.btnpoll { background-color: #684ebb; border-radius: 5px; padding: 5px 20px 10px; color: white; text-align: center; width: 200px; margin: 2% auto; display: block }
.btnEnter { background-color: #684ebb; border-radius: 5px; padding: 5px 20px 10px; color: white; text-align: center }
.registerbtn { background-color: #684ebb; border-radius: 5px; font-size: 70%; width: 130px; color: white; padding: 2%; margin: 0 auto; text-align: center }
.title { color: white; margin: 30px auto }
.packagebox { width: 41%; margin: 0 4% 4%; display: inline-table; text-align: center; position: relative }
.packagebox a { display: inline-block; position: relative }
.packageimage { width: 100% }
.packagetitle { font-size: 80%; margin-top: -3px }
.logout { position: absolute; top: 10px; left: 10px; color: transparent !important; font-size: 80%; border: 0; background-color: transparent; background: url('/Images/exit.png') center center no-repeat; width: 50px; }
.back { position: absolute; top: 10px; left: 10px; color: transparent !important; font-size: 80%; border: 0; background-color: transparent; background: url('/Images/back.png') center center no-repeat; width: 50px }
.itembox { margin: 0 auto; width: 85% }
.hidden { visibility: hidden !important; display: none !important }
.enterlink { background-color: transparent; padding: 0px 20px; border: 2px solid #71e871; border-radius: 10px }
.paymentlink { background-color: #97ff93; color:black !important; padding: 0px 20px 10px; border: 2px solid #684ebb; border-radius: 10px; font-size: 130%; font-weight: bold }
.questionmainbox { width: 80%; margin: 0 auto 30px }
.bottombox { width: 100%; max-width: 500px; height: 60px; direction: ltr; background-color: #684ebb; position: fixed; bottom: 0; text-align: center; z-index: 9999 }
.bottomboxitem { width: 18%; text-align: center; position: relative; height: 60px; display: inline-block !important; padding: 10px 0 }
.bottomboxitem:hover { background-color: #4e2577 }
.bottomboxitem:active { background-color: #ae63ca }
.profileitems { background-color: #f1f1f1; margin: 2px auto 15px; width: 90%; line-height: 1em }
.profileitems input { background-color: transparent; width: 93%; border: 1px solid silver; margin-top: 5px }
.imglock { position: absolute; width: 8%; height: 12%; z-index: 99; bottom: 7%; right: 2%; margin-left: -12px; opacity: 0; display: none; background: url(/images/lock.png) center center no-repeat; background-size: 100% 100% }
.imgseen { position: absolute; width: 8%; height: 12%; z-index: 99; bottom: 7%; right: 2%; margin-left: -12px; background: url(/images/seen.png) center right no-repeat; background-size: 100% 100% }
.addtohome { position: absolute; top: 18px; right: 20px; font-size: 70%; color: white !important; padding-right: 22px; background: url(/images/home.png) center right no-repeat; background-size: 16px }
.messagetype1 { float: right; background-color: #eafbea }
.messagetype2 { float: left; background-color: #f9ecec }
.sendmessagebox { width: 100%; max-width: 500px; float: right; margin-top: 10px }
.btnUpdate { }
.messagecount { position: absolute; top: 0; background-color: red; color: white; padding: 1%; border-radius: 15px; width: 20px }

.indexbox { width: 85%; text-align: center; margin: 0 auto; border: 1px solid #dfdede; border-radius: 10px; padding: 10px 0 }
.indexboxtitle { font-weight: bold; font-size: 90%; text-align: center; margin: 10px 0; display: inline-block; width: 100% }
.indexbox a { width: 40%; padding: 10px 0; font-weight: bold; font-size: 80%; margin: 1% auto; border: 1px solid silver; border-radius: 10px; background-color: #ae63ca; color: white; display: inline-block }
.videobottomlink { margin: 0 auto; width: 300px; display: inherit !important; text-align: center; background-color: #ffff34; padding: 15px 10px; font-weight: bold !important; border-radius: 10px; border-bottom: 1px solid gray; }

.lightbox { z-index: 99; display: none; width: 100%; height: 100%; background-color: #000000c7; position: fixed; top: 0; right: 0; }
.lightboxnotif { z-index: 99; display: none; width: 100%; height: 100%; background-color: #000000c7; position: fixed; top: 0; right: 0; }
.lightboxintodiv { position: absolute; top: 50%; right: 50%; width: 250px; margin-top: -150px; margin-right: -150px; background-color: white; padding: 25px; text-align: center; font-size: 16px; font-weight: bold; box-shadow: inset 0px 0px 30px 0px #6b00ff80; }