@charset "utf-8";
*{box-sizing:border-box}
H1{font-family:arial,helvetica,sans-serif;font-size:28px;text-decoration:none;font-weight:bold;font-style:normal;text-align:center;margin-bottom:0em}
H2{font-family:arial,helvetica,sans-serif;font-size:24px;text-decoration:none;font-weight:bold;font-style:normal;text-align:center}
H3{font-family:arial,helvetica,sans-serif;font-size:22px;text-indent:2em;text-decoration:none;font-weight:bold;font-style:normal}
H4{font-family:arial,helvetica,sans-serif;font-size:20px;text-decoration:none;font-weight:bold;font-style:normal;line-height:20px}
H5{font-family:arial,helvetica,sans-serif;font-size:18px;text-decoration:none;font-weight:bold;font-style:normal;text-align:center;margin:0;line-height:26px}
H6{font-family:arial,helvetica,sans-serif;font-size:16px;text-decoration:none;font-weight:bold;font-style:normal;text-align:center;margin:0;text-indent:0}
A{color:#008;font-weight:normal;text-decoration:none}
A:hover{text-decoration:underline}
A.text:link{color:#00b}
A.text:visited{color:#00357e}
A.text:hover{color:#008100}
A.text:active{color:#000}
A.text2:link{color:#465489}
A.text2:hover{text-decoration:none}
BODY{color:#00357e;font-family:arial,helvetica,sans-serif;font-size:16px;z-index:10;background-color:#FFF;margin:0;padding:0}
BODY:lang(ar){font-size:18px}
I{color:green}
INPUT{font-family:arial,helvetica,sans-serif;font-size:14px}
P{font-size:medium;line-height:22px;text-align:initial}
P:lang(ar){font-size:20px;line-height:22px}
TABLE{color:#000}
TD{padding:5px 3vw 5px 0}
TH{font-size:16px;color:#4444CC;padding:5px 3vw 5px 0}
.accmenuitem{padding:10px 0 0 0}
.alignleft{text-align:initial}
.bluelink{margin-left:15px;color:#FFF;padding:2px 5px;background-color:#00F;border:1px solid #00F;border-radius:3px;font-weight:bold;white-space:nowrap}
.bluelink:visited{color:#FFF}
.bluelink:hover{background-color:#44F;text-decoration:none}

/*.chapter{width:60px;height:60px;margin:10px 0}*/

.bold{font-weight:bold}
.border{border:1px solid #DDD}
.button{font-size:14px;padding:5px 8px;font-weight:bold;color:#00D;border:2px solid #00A;border-radius:5px;white-space:nowrap;background-color:#FFF;cursor:pointer}
.button:lang(ar){font-size:20px}
.button:hover{background-color:#DFD;text-decoration:none}
.button:disabled{color:#DDD;border:1px solid #DDD;pointer-events:none}
.button2{display:inline;width:auto;height:auto;text-align:center;padding:6px 8px;background-color:#EEF;border:1px solid #008;border-radius:5px;white-space:nowrap;line-height:40px}
.buttonCart{font-size:18px;padding:6px 12px;font-weight:bold;color:#00D;border:2px solid #00A;border-radius:7px;background:#FFF}
.buttonCart:hover{background-color:#DFD;text-decoration:none}
.cardimg{width:auto;height:auto;padding:0;margin:0;border:1px solid #CCC;border-radius:5px;vertical-align:middle}
.cards{padding:10px 10px 20px;line-height:3;font-weight:bold;border:1px solid #AAA;border-radius:10px}
.cart{width:17px;height:17px}
.cartbox{width:20px;height:20px;border:1px solid #444}
.cartbutton{position:sticky;position:-webkit-sticky;top:0;width:100%;height:auto;background-color:#FFF;box-shadow:10px 10px 15px 15px #FFF;z-index:20}
.cartItem{width:1px;height:10px}
.cartItem:CHECKED +.cartItemSelected{display:inline-block}
.cartItemSelected{position:relative;left:-8px;top:25px;display:none;width:23px;height:18px;background:url('/img/radio.png') no-repeat}
.cartItems{margin:10px 0}
.cartnobreak{white-space:nowrap}
.cat{margin-bottom:5px;text-indent:0}
.category{min-width:80px;text-align:right;float:left;margin:0 2vw 0 0}
[dir="rtl"] .category{text-align:left;float:right;margin:0 0 0 2vw}
.category2{width:160px;text-align:right;float:left;margin:0 5px 0 0;font-weight:bold}
[dir="rtl"] .category2{text-align:left;float:right;margin:0 0 0 5px}
.category3{width:80px;text-align:right;float:left;margin-right:5px;font-weight:bold;font-size:14px}
.categoryPref{width:170px;text-align:right;float:left;margin:0 5px 0 0;font-weight:bold}
[dir="rtl"] .categoryPref{width:180px;text-align:left;float:right;margin:0 0 0 5px;font-weight:bold}
.catsticky{position:sticky;position:-webkit-sticky;top:70px;background:#FFF;z-index:21;padding-top:10px}
.center{width:100%;text-align:center}
.clabel{font-weight:bold;margin:30px 0 20px 0}
.cookbuttons{white-space:nowrap}
.copyright{direction:ltr;font-size:12px}
.currbox{position:relative;float:right;width:320px;font-size:14px;margin-bottom:30px;text-align:center;padding:15px 2px 15px 15px;border:1px solid #DDE;border-radius:8px}
.data1{width:300px;text-align:initial;margin-left:auto;margin-right:auto}
.data2{width:320px;height:30px;margin-bottom:5px;text-align:initial;position:relative;margin-left:auto;margin-right:auto}
.data3{width:270px;height:30px;text-align:initial;position:relative;margin-left:auto;margin-right:auto}
.dataPref{width:420px;height:30px;margin-bottom:5px;text-align:initial;position:relative;margin-left:auto;margin-right:auto}
.digit{display:inline-block;border:1px solid #00A;width:40px;height:40px;margin-right:20px;text-align:center;font-size:28px;color:#00D}
.entrylabel{font-weight:bold;font-size:14px}
.entrylabel2{font-weight:bold;font-size:18px}
.err_pos{position:fixed;right:10px;top:40px;display:none;color:black;background-color:#FDD;background-image: url(/img/close.png), url(/img/exclam.png);background-position: 187px 3px, 3px 0px;background-repeat:no-repeat, no-repeat;background-size:8px 8px, contain;font-weight:bold;width:200px;height:auto;padding:10px 10px 10px 20px;text-align:initial;border:1px solid #000;border-radius:7px;z-index:101}
[dir="rtl"] .err_pos{left:10px;background-position: 3px 2px, 184px 0px;padding:10px 20px 10px 10px}
.extrasBox{padding:10px;width:450px;border:1px solid #DDD;margin-left:auto;margin-right:auto}
.eyeicon{position:relative;top:-27px;left:223px;z-index:20;cursor:pointer}
[dir="rtl"] .eyeicon{top:-28px;left:-221px}
.fbloginlink{font-size:16px}
.filebutton{border:1px solid #55F;border-radius:4px;color:#55F;font-size:14px;padding:2px 5px;font-weight:bold;background:#FFF;cursor:pointer}
.filebutton:hover{text-decoration:none}
.flgimg{height:15px;vertical-align:text-bottom}
.flgimgcart{height:20px;vertical-align:-5px}
.floatl{float:right}
[dir="rtl"] .floatl{float:left}
.flexbox{display:flex;justify-content:center;}
.formline{margin-top:20px}
.formline2{margin-top:20px;width:auto;white-space: nowrap;float:left;margin-left:20px}
.fsm{font-size:70%}
.groupcat{width:160px;text-align:right;float:left;margin:0 5px 0 0;font-weight:bold}
.groupdata{width:480px;text-align:initial;margin-left:auto;margin-right:auto}
.groups{width:100%;text-align:center}
.help{display:inline-block;width:20px;height:20px;background-color:yellow;text-align:center;vertical-align:bottom;border-radius:50%}
.img{margin-bottom:-4px}
.indent{margin-left:10px}
.info{display:block;font-size:14px;margin:0 0 20px 30px}
.inlinelink{display:inline;margin:15px}
.inserttext{position:relative;width:100%;height:200px;margin-top:20px;border:none;outline:none;resize:none;z-index:21}
.itemdesc{margin:2vw 4vw}
.langifinside{width:100%;text-align:center}
.left{text-align:left}
.line_gap{width:100%;height:20px;clear:both}
.listposts{width:auto;height:auto;margin-top:20px;margin-left:auto;margin-right:auto;text-align:initial;line-height:25px}
.listposts2{line-height:45px}
.login{width:250px;border:1px solid #99F;height:25px;margin-top:8px;padding-left:7px;border-radius:5px;box-shadow:1px 1px 3px #99F, -1px -1px 3px #99F}
.login:disabled{color:#DDD;border:1px solid #DDD;box-shadow:none}
.login2{width:150px;height:25px;font-size:15px;margin-top:-3px;padding-left:3px;background-color:#FFF;border:0}
.login3{width:160px;border:1px solid #99F;height:25px;margin-top:-3px;padding-left:7px;border-radius:5px;box-shadow:1px 1px 3px #99F, -1px -1px 3px #99F}
.login4{padding-left:49px}
.login5{width:50px;border:1px solid #99F;height:25px;margin-top:8px;padding-left:7px;border-radius:5px;box-shadow:1px 1px 3px #99F, -1px -1px 3px #99F}
.login6{width:160px;border:1px solid #99F;height:20px;margin-top:-3px;padding-left:7px;border-radius:5px;box-shadow:1px 1px 3px #99F, -1px -1px 3px #99F;cursor:default}
.loginbox{margin-left:auto;margin-right:auto;margin-top:10px;width:285px;padding:17px;text-align:initial;border:1px solid #DDF;border-radius:10px}
.loginbox2{position:relative;margin-left:auto;margin-right:auto;margin-top:10px;width:555px;height:auto;padding:17px 17px 65px 17px;text-align:initial;border:1px solid #DDF;border-radius:10px}
.loginhelp{font-size:12px;margin-top:25px;width:140px}
.logoimg{width:76px;margin-left:0px;z-index:20}
.logoimg2{width:104px;margin-left:0px;z-index:20}
.mailbar{margin-left:-1vw}
.mainimg{position:relative;max-width:100%;text-align:center;margin-top:10px;margin-left:auto;margin-right:auto;padding:0;overflow:crop}
.mainpage{margin:20px}
.mainpage2{max-width:1440px;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px;position:relative;top:-10px;z-index:9}
.marginL40{;margin-left:40px}
.marginleft{margin-left:20px}
.menudisplay{left:-240px;}
[dir="rtl"] .menudisplay{right:-240px}
.menuimg{width:25px;height:20px;padding:0;margin:0 10px;cursor:pointer;border:none;background:#FFF}
.menulink{display:block;margin-top:20px;width:162px; height:40px;padding:9px 5px; text-align:center;border:solid #88F 2px;border-radius:5px;font-weight:bold;font-size:14px;background-color:#FFF}
.menulink:hover{background-color:#EEF}
.menulink:lang(ar){font-size:20px}
.msglabel{font-size:12px}
.messages{min-width:300px;max-width:600px;height:auto;text-align:initial;margin-left:auto;margin-right:auto;padding:0 1vw;line-height:30px}
.noborder{border:0}
.nontable{display:block;text-align:center;}
.note{font-size;12px;margin-top:20px}
.notice{margin-left:20px;font-weight:bold;color:#060;border:1px solid #060;background-color:#AFA;border-radius:4px;padding:0px 4px;animation:dofade 5s 1 forwards ease-in}
.noUnderline{text-decoration:none}
.noUnderline:hover{text-decoration:none}
.oddrow{background:#F0F5FF}
.oneitem{width:150px;margin:10px;float:left}
.ocspan{display:inline-block;height:20px;font-size:12px;margin-left:3px;cursor:default;padding:0 2px}
.opt{width:310px;height:auto;padding:0;padding-left:4px;margin:0;line-height:25px;white-space:nowrap;font-size:14px}
.opt:hover{color:#FFF;background-color:#99F}
.optcart{width:310px;height:20px;padding:0 0 0 4px;margin:0 0 10px;line-height:20px;white-space:nowrap;font-size:14px;background-color:#FFF}
.optcart:hover .ocspan{color:#FFF;background-color:#99F}
.option2{margin-left:-6px}
.page_ending{font-size:12px;width:100%;text-align:center;margin-top:30px;line-height:30px;clear:both}
.page_ending:lang(ar){font-size:18px}
.postmain{width:100%;text-align:center}
.pref{text-align:initial}
.purch{font-weight:bold;white-space:nowrap;line-height:1}
.pvmail{display:inline;background:url('/img/mail2.png') left bottom no-repeat;background-size:contain;height:24px;float:left;padding-left:10px;padding-top:8px;padding-right:0}
[dir="rtl"] .pvmail{background:right bottom no-repeat;background-size:contain;float:right;padding-right:20px;padding-left:0}
.pvmsgform{display:none;position:absolute;z-index:21;width:300px;max-width:100%;height:auto;background-color:#FFF;padding:5px 0 30px 0;text-align:center;border:1px solid #99F;border-radius:8px;box-shadow:1px 1px 3px #99F, -1px -1px 3px #99F}
.pvmsglink{font-family:georgia,serif;cursor:pointer}
.question{font-weight:bold;margin-top:1.5em}
.qrcode{width:300px;height:300px}
.red{color:red;font-size:20px}
.regcreate{float:right;margin-right:10px;margin-left:0;margin-top:9px;color:#4444FF;text-align:center;border:0;background:#FFF;font-size:14px}
[dir="rtl"] .regcreate{float:left;margin-left:15px;margin-right:0}
.sep{display:inline;width:200px;height:30px;border:1px solid red}
.showitems{width:100%}
.signin{font-size:26px;font-weight:normal}
.smallb{font-size:12px;padding:2px 3px;font-weight:bold;white-space:nowrap}
.smallb2{font-size:12px;padding:2px 3px;font-weight:bold;white-space:nowrap;border:1px solid #888;border-radius:3px}
.smallb2b{font-size:12px;padding:2px 3px;font-weight:bold;white-space:nowrap;border:1px solid #00F;border-radius:3px;color:#FFF;background-color:#88F}
.smallb3{width:100%;height:31px;font-size:14px;text-align:initial;margin-left: 0vw;padding:2px 3px;font-weight:bold;white-space:nowrap;border:1px solid #88C;border-radius:2px;background:#E8E8FF}
.smallf{display:inline-block;width:52px;background:url("/img/msg3.png") no-repeat center center;background-size:contain;opacity:0.6}
.smallf:hover{opacity:1.0}
[dir="rtl"] .smallf{background:url("/img/msg3r.png") no-repeat center center;background-size:contain}
.star{padding-left:20px;background:url("/img/star.png") no-repeat left center}
.status{width:auto;height:auto;padding:2px 5px;font-size:12px;color:#4444FF;border:1px solid #00B;border-radius:3px;background:#FFF;cursor:pointer;font-weight:bold;white-space:nowrap}
.store{line-height:1.7;font-size:16px}
.submitbutton{width:250px;height:35px;font-size:18px;color:#FFF;margin-top:20px;background-color:#1700FC;border-radius:5px;border:1px solid #AAF;cursor:pointer}
.table{display:inline-block;width:auto}
.table1{border-spacing:0}
.table1 TD, TH{padding:1vw 2vw}
.txtbox{max-width:500px}
.underline{text-decoration:underline;color:green}
.underline:hover, active{color:blue}
.vwx{width:248px;height:17px;padding-left:7px;padding-top:0px;margin-left:1px;margin-top:-20px;overflow:hidden;font-size:14px;color:#000;position:absolute;background-color:#FFF;display:none}
.warn{background:#FDD;color:#800;border-color:#F00}
.warn:hover{background:#FDD;color:#F00;border-color:#F00}
.wcover{width:100%;height:40px;padding-top:8px;text-align:initial;position:relative;top:-30px;left:-9px;background:#FFF}
[dir="rtl"] .wcover{left:0}
.welcome{width:auto;float:right;line-height:20px}
[dir="rtl"] .welcome{float:left}
.width120{width:120px}
.width200{width:200px}
.width600{position:relative;width:580px;height:auto;margin-left:auto;margin-right:auto;text-align:center;z-index:15}
.widthcart600{position:relative;max-width:600px;height:auto;margin-left:auto;margin-right:auto;text-align:initial;z-index:20;padding:0 20px}
.width1440{max-width:1440px;margin-left:auto;margin-right:auto;text-align:initial}

#abulabel{font-weight:bold}
#accEdit{width:100%;text-align:center;padding-top:1vw}
#acclink{font-weight:bold;padding:0;cursor:pointer}
#accmain{display:none;margin-top:6px;font-size:14px}
#accmenu{position:absolute;right:10px;z-index:20;padding:5px 10px 15px 7px;text-align:right;background-color:#F8F8FF;display:block;border:1px solid #AAD}
[dir="rtl"] #accmenu{position:absolute;left:10px;z-index:20;padding:5px;text-align:left;background-color:#F8F8FF;display:block;border:1px solid #AAD}
#allowcomments:CHECKED ~ #commentSettings{display:block;}
#bio{width:313px;height:60px;margin:5px 0;border:1px solid #FFF;background:#FFF;resize:none;font-size:15px}
#bio2{height:90px}
#bphoto{width:100%;height:100%;border-radius:50%}
#cam{position:relative;left:90px;bottom:20px;z-index:19;cursor:pointer}
#cancel{position:relative;top:35px;left:160px;color:#6868FF;font-weight:bold;cursor:pointer}
#cancel2{position:relative;left:0px;color:#6868FF;font-weight:bold;cursor:pointer}
#closeb{position:absolute;top:10px;right:10px;cursor:pointer}
#closepu{position:absolute;top:5px;right:5px;cursor:pointer}
#commentSettings{display:none;text-align:initial}
#cookienote{width:100%;height:40px;color:#FFF;background-color:#000}
#cookienotice{width:100%;height:auto;position:fixed;bottom:0px;background-color:#000;padding:6px;text-align:center;line-height:normal;font-size:14px;z-index:30}
#cookieok{margin-left:15px;color:#FFF;font-size:14px;font-weight:bold;background-color:#00F;border:1px solid #00F;border-radius:3px;padding:2px 4px;cursor:pointer}
#cookieok:hover{background-color:#44F;}
#copy{margin-left:10px;margin-right:10px;white-space:nowrap}
#countrylist{display:none;position:absolute;top:-39px;left:254px;list-style-type:none;width:265px;height:200px;padding:0;margin:0;text-align:initial;border:1px solid #99F;overflow:auto;overflow-x:hidden;background-color:#FFF;z-index:21}
#countrylistcart{display:none;position:absolute;top:93px;left:77px;list-style-type:none;width:235px;height:200px;padding:0;margin:0;text-align:initial;border:1px solid #99F;overflow:auto;overflow-x:hidden;background-color:#FFF;z-index:21}
#createimg{}
#cur{display:inline-block;margin-left:5px;font-size:12px;width:auto;cursor:default}
#dar{position:absolute;left:32px;top:2px}
[dir="rtl"] #dar{left:-13px;top:2px}
#darcart{position:absolute;left:150px;top:4px}
#deleteTrib{float:right}
[dir="rtl"] #deleteTrib{float:left}
#deleteWarning{display:none;font-weight:bold;width:auto;background-color:#FDD;border:2px solid red;padding:10px;line-height:25px;clear:both;position:relative;top:10px}
#desc{width:100%;height:60px;float:left;position:relative;top:20px}
#dimmer{position:absolute;top:0px;width:260px;height:40px;background:#FFF;opacity:0}
#dosub{display:none;position:absolute;width:auto;height:auto;margin-left:90px}
#editphoto{display:block;position:absolute;top:-995px;left:-2000px;width:100%;height:700px;text-align:center;background:#FFF;z-index:21;padding:20px;text-align:center;border-radius:10px}
[dir="rtl"] #editphoto{right:-2000px}
#edsub{width:auto;height:auto;}
#emldesc{display:none}
#emlend{display:none}
#emlgo{display:none}
#emlmsg{display:none}
#emlsal{display:none}
#emlsub{display:none}
#eyeicon{width:29px}
#fblogin{text-align:center;width:250px;height:auto;font-size:16px}
#filename{text-align:initial;font-family:Helvetica;font-size:.9em}
[dir="rtl"] #filename{float:left;width:170px}
#getimage{display:block;margin-left:-4px}
#getpage{border:none}
#goback{font-size:12px;font-weight:normal}
#green{background-color:#00FF00;width:0px;height:12px;float:left}
[dir="rtl"] #green{text-align:right;float:right}
#green:lang(zh){background-color:#FF0000}
#header{padding:0;margin:0;padding-top:.3em}
#headermenu{width:70px;float:right;margin-right:.2em;position:relative;top:-32px}
#langif{width:100%;height:30px;border:1px solid red;margin-top:10px}
#langs{width:auto;text-align:center;color:#00357e;height:auto;border:1px solid #88F;border-radius:2px;font-weight:normal;font-size:12px}
#menudisp2{width:100%;height:20px}
#menudisplay{display:block;background-color:#FFF;width:220px;z-index:120;height:100%;position:absolute;top:0;transition:0.5s}
#motto{position:absolute;top:55px;left:50px;width:90px;height:20px;padding:0;background-color:#FFF;border:1px solid blue}
#newcardinfo{margin-top:30px;line-height:1;padding:10px 10px 20px;font-weight:bold;border:1px solid #AAA;border-radius:10px}
#newpay{}
#noscriptwarning{margin-top:5px;color:red;font-weight:bold;visibility:visible}
#notloggedin{position:fixed;top:100px;margin-left:auto;margin-right:auto;display:none;max-width:200px;height:auto;padding:10px;background:#FEE;border:1px solid red;opacity:0;animation:dofade 5s 1 forwards ease-in;z-index:20}
#overlay{position:fixed;display:none;width:100%;height:100%;top:0;left:0px;background-color:#888;z-index:20;cursor:pointer;opacity:0;animation:dimit 0.6s;animation-fill-mode:forwards}
#passwordstrength{position:relative;font-size:12px}
#photo{position:relative;width:300px;height:300px;margin-left:auto;margin-right:auto;z-index:18}
#photocirc{cursor:pointer}
#photoupload{display:none;border:1px solid #6666FF;border-radius:10px; #DDF;width:320px;padding:20px;position:absolute;bottom:40px;left:-10px;background:#FFF;z-index:20;overflow:hidden}
#pnotice{position:absolute;font-size:14px}
#pvmail{width:18px;background-image:url('/img/mail2.png')}
#pvmail2{width:18px;background-image:url('/img/mail5.png')}
#pwrating{color:#000000;font-weight:bold}
#red{background-color:#FF0000;width:0px;height:12px;float:left}
[dir="rtl"] #red{text-align:right;float:right}
#red:lang(zh){background-color:#000}
#regarea{color:#FFF;padding:6px 10px;font-size:16px;font-weight:bold;background-color:#E60000;border:1px solid #BB0000;border-radius:7px;cursor:pointer;vertical-align:baseline}
#regarea:lang(ar){font-size:20px;}
#regarea:lang(zh){background-color:#FF0000;}
#regarea:hover{background-color:#FF3333;}
#regarea:hover:lang(zh){background-color:#FF0000;}
#resend{margin-top:30px;font-size:14px}
#resendcode{margin-left:5px;color:red;background-color:#FFEEEE;border:1px solid red;border-radius:3px}
#resendcode:hover{color:#FF0000;background-color:#FFE0E0}
#resp-iframe{position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%;border:none;margin:0;padding:0}
#saveToCart{display:none;white-space:nowrap}
#setd{margin-top:6px}
#showlang{width:25px;height:25px;background-color:#FFF;position:absolute;bottom:18px;right:5px}
[dir="rtl"] #showlang{right:293px}
#showDispLang{width:25px;height:25px;background-color:#FFF;position:absolute;bottom:18px;right:5px}
[dir="rtl"] #showDispLang{right:293px}
#showlist{position:absolute;top:-35px;left:259px;width:auto;height:30px;cursor:default}
[dir="rtl"] #showlist{top:-35px;left:281px}
#showlist2:hover  #countrylist{display:block}
#showlistcart{position:absolute;bottom:15px;left:114px;width:180px;height:30px;cursor:default;text-align:initial}
#showProfile{width:25px;height:25px;background-color:#FFF;position:absolute;bottom:18px;right:5px}
[dir="rtl"] #showProfile{right:293px}
#showqr{font-weight:bold;color:#00F;cursor:pointer}
#signin{position:absolute;bottom:10px;margin-top:50px}
#signout{position:absolute;bottom:10px;margin-top:50px}
#strength{width:252px;height:14px;background-color:#FFFFFF;border:1px solid #CCC}
#TOC{background-color:#080;color:#FFF;font-size:12px;border-radius:4px;padding:1px 5px;margin:0;cursor:pointer}
#TOC:hover{background-color:#0A0;color:#FFF;font-size:12px;border-radius:4px;padding:1px 5px;margin:0;cursor:pointer}
#taCount{height:10px;font-size:10px}
#td{text-align:center}
#test{width:300px;height:300px;border:1px solid red}
#timeleft{margin-top:10px;font-size:small;color:#FF0000}
#TOCdisp{display:block;background-color:#FFF;width:220px;z-index:120;height:100%;position:absolute;top:0;transition:0.5s}
$TOCitem{}
#topheader{width:100%;height:40px;padding:20px 0}
#topheader2{width:90%;max-width:550px;height:auto;padding:0 10px;margin-left:auto;margin-right:auto;text-align:center}
#topheader3{width:100%;height:36px;color:#5141FB;background-color:#FFF;text-align:center;font-size:22px;font-weight:bold;margin-bottom:20px;border-bottom:1px solid #DBD8FE;position:fixed;top:0}
#unpub{margin-left:0px}
#warncomments{display:none}
#webid{font-weight:bold;margin-left:10px}
#yellow{background-color:#FFFF00;width:0px;height:12px;float:left}
[dir="rtl"] #yellow{text-align:right;float:right}



.mmask{-webkit-mask-image: radial-gradient(circle, black 42.5%, rgba(0, 0, 0, 0.4) 40%);
  mask-image: radial-gradient(circle, black 70%, rgba(0, 0, 0, 0.4) 50%);}
.sizerline{padding:0;margin-top:20px;text-align:left}
.slide{-webkit-appearance:none;appearance:none;height:8px;border:1px solid blue;border-radius:4px;background:#DDF;outline:none; opacity:1}
.slide::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:25px;height:25px; background:#44F;cursor:pointer;border:1px solid #00D;border-radius:50%}
.slide::-moz-range-thumb{width:25px;height:25px;background:#44F;cursor:pointer;border:1px solid #00D;border-radius:50%}
.width500{position:relative;width:540px;height:auto;margin-left:auto;margin-right:auto;text-align:center;z-index:21}

#can{position:relative;width:500px;height:500px;margin-top:20px;overflow:clip}
#main{position:absolute;z-index:7;cursor:move}
#s{width:auto;height:auto;padding:4px 6px;background:#6868FF;border:1px solid #44F;border-radius:5px;color:#FFF;font-size:16px;;margin-top:30px;float:right;cursor:pointer}
#sizer{width:434px}
#frame{position:absolute;width:900px;height:100%;left:-200px}

@media screen and (max-width:559px) {
.width500{width:320px}

  #can{width:300px;height:300px}
	#cancel{left:70px}
	#editphoto{height:490px;padding:10px;border-radius:10px;z-index:21}
  #sizer{width:230px}
  #frame{width:900px;height:100%;left:-200px}
  #topheader2{padding:0}
}





@keyframes dimit{from {opacity:0} to {opacity:0.5}}
@keyframes dofade{from {opacity:1} to {opacity:0}}
@keyframes warn{from {opacity:1} to {opacity:0}}

/*@media only screen and (hover) {
	#acclink:hover + #accmain{display:block}
}*/
@media screen and (max-width:360.99px) {
	BODY{font-size:14px}
	H1{font-size:18px;padding-top:20px}
	H2{font-size:16px}
	H3{font-size:15px;text-indent:1em}
	H5{font-size:14px}
	H6{font-size:14px}
	INPUT{font-size:14px}
	LI{padding:3px 0;margin-left:15px;text-indent:0;line-height:2}
	OL{padding:0;margin:5px;text-indent:0px}
	P{font-size:12px;margin:0;padding:6px 0}
	TEXTAREA{font-size:12px}
	TH{font-size:14px}
	UL{padding-left:0px}
	.accmenuitem{font-size:10px}
  .button{font-size:11px;padding:1px 2px;border:1px solid #00A;border-radius:3px}
  .button:lang(ar){font-size:12px}
	.buttonCart{font-size:14px}
	.cardimg{width:40px}
	.cart{width:13px;height:13px}
	.cartItems{font-size:12px}
	.cartItemSelected{left:20px}
	.category{min-width:60px;margin-right:1vw}
	.category2{width:80px;font-size:12px}
	.category3{width:auto;font-size:12px}
	.categoryPref{width:80px;font-size:12px}
	.currbox{width:205px;padding:5px 2px 15px 5px;margin:10px 0 10px 5px;font-size:12px}
  .copyright{font-size:10px}
	.data1{font-size:12px;width:200px}
	.data2{max-width:240px;font-size:12px}
	.data3{width:195px}
	.dataPref{max-width:240px;font-size:12px}
  .digit{width:20px;height:20px;margin-right:8px;font-size:16px}
	.entrylabel{font-size:12px}
	.entrylabel2{font-size:13px}
	.extrasBox{max-width:250px;padding:5px}
	.eyeicon{top:5px;left:-2px}
	[dir="rtl"] .eyeicon{left:25px}
	.fbloginlink{font-size:14px}
	.filebutton{border-radius:4px;font-size:12px;padding:2px 5px}
  .flgimg{height:10px;margin-bottom:3px}
  .flgimgcart{vertical-align:-6px}
	.formline2{margin-top:10px;white-space:wrap;margin-left:5px}
  .groupcat{width:95px;font-size:11px}
  .groupdata{width:250px;font-size:11px}
	.info{font-size:11px}
	.listposts{margin-top:10px;line-height:18px}
	.login{width:120px;height:21px;margin-top:8px;padding-left:7px;border-radius:4px;box-shadow:1px 1px 2px #99F, -1px -1px 2px #99F;font-size:11px}
	.login2{font-size:12px;width:70px;height:18px}
  .login3{width:100px;height:19px;font-size:11px;padding-left:45px;border-radius:4px}
	.login4{padding-left:33px}
	.login6{width:133px;height:20px;font-size:12px}
	.loginbox{margin-top:20px;max-width:215px;padding:10px;border-radius:6px}
	.loginbox2{margin-left:0;padding:7px 4px 37px 4px;max-width:290px;min-width:175px;width:auto}
 	.logoimg{width:56px}
 	.logoimg2{width:76px}
	.mainpage{margin:1px}
	.mainpage2{padding:5px}
	.marginL40{margin-left:10px}
	.marginleft{margin-left:10px}
	.menuimg{margin:0 0px}
	.menulink{margin-top:25px;width:122px;height:30px;padding:5px 5px;border:1px solid #88F;border-radius:3px;font-size:12px}
	.messages{min-width:200px}
	.oneitem{width:100px;margin:8px 5px}
  .opt{width:180px;line-height:25px;font-size:10px}
  .optcart{width:190px;font-size:11px}
	.page_ending{font-size:10px;margin-top:10px;line-height:30px}
	.pref{font-size:14px}
	.pvmail{height:18px;padding:0}
  [dir="rtl"] .pvmail{height:18px;padding:0}
 	.pvmsgform{width:200px}
  .qrcode{width:190px;height:190px}
	.regcreate{margin:7px 2px 0 2px;font-size:10px}
	.signin{width:font-size:20px}
	.slide{height:5px}
  .slide::-webkit-slider-thumb{width:15px;height:15px}
  .slide::-moz-range-thumb{width:15px;height:15px}
	.smallf{width:35px}
	.status{padding:0px 2px;font-size:12px;border-radius:2px}
	.store{font-size:13px}
	.submitbutton{width:150px;height:21px;font-size:13px;margin-top:20px;border-radius:4px}
	.table{display:none}
	.table1 TD, TH{padding:1vw 2vw;font-size:12px}
	.warn{background:#FDD;color:#800;border-color:#F00}
  .wcover{width:195px}
  .width100{width:100px}
  .width500{width:250px}
	.width600{width:auto;padding:0 1vw}
	.widthcart600{width:auto;padding:5px;margin-left:2vw}
	#bio{max-width:220px;width:auto;margin-left:0px;font-size:12px}
  #can{width:230px;height:230px}
	#cancel{left:40px}
	#cancel2{left:0px;font-size:12px}
	#cartbutton{font-size:12px}
	#cbut{width:10px}
	#cookienotice{font-size:10px}
	#cookieok{font-size:10px}
	#countrylist{left:63px;top:-39px;width:157px}
	#countrylistcart{top:69px;left:25px;width:185px}
	#cur{margin-left:5px;font-size:11px}
  #dar{width:8px;left:20px}
  #darcart{left:126px;height:10px;top:3px}
	#desc{width:100%;height:70px}
	#dosub{margin-left:30px}
	#editphoto{height:390px;padding:10px;border-radius:10px}
	#eyeicon{width:22px}
	[dir="rtl"] .eyeicon{top:-25px;left:-180px}
	#fblogin{font-size:14px}
	#filename{width:110px}
	[dir="rtl"] #filename{float:left;width:120px}
  #frame{width:900px;height:100%;left:-200px}
	#getimage{margin-left:6px}
	#goback{font-size:9px}
	#goToCart{margin-left:10px}
	#langs{font-size:10px}
	#lrp{width:20px}
	#menudisp2{height:5px}
	#menudisplay{width:130px}
	#menupng{width:20px;height:16px}
  #photo{width:250px;height:250px}
	#photoupload{width:200px;left:0px;padding:10px 5px}
	#pvmail{width:13px}
	#pvmail2{width:13px}
	#regarea{padding:1px 4px;font-size:11px;border-radius:4px}
	#showlang{bottom:11px;right:45px;font-size:14px}
	[dir="rtl"] #showlang{bottom:12px;right:168px;width:15px;height:15px}
	#showDispLang{bottom:11px;right:45px;font-size:14px}
	[dir="rtl"] #showDispLang{bottom:12px;right:168px;width:15px;height:15px}
	#showlist{left:98px;top:-36px}
	#showlistcart{left:60px;width:130px}
  #showProfile{bottom:10px;right:45px}
  [dir="rtl"] #showProfile{right:170px}
  #sizer{width:180px}
	#smp{width:10px}
	#strength{width:152px;height:10px}
	#topheader{height:30px;padding:5px 0}
	#topheader2{padding:0;margin:0}
	#topheader3{height:36px;font-size:18px;margin-bottom:20px}
	#wel{display:none}
}
@media screen and (min-width:361px) and (max-width:480.99px) {
	BODY{font-size:14px}
	H1{font-size:20px;padding-top:20px}
	H2{font-size:18px}
	H3{font-size:16px}
	H5{font-size:15px}
	P{font-size:14px}
	TH{font-size:15px}
	UL{padding-left:10px}
	.accmenuitem{font-size:12px}
  .button{font-size:12px;padding:2px 4px;border:1px solid #00A;border-radius:3px}
  .button:lang(ar){font-size:16px}
	.buttonCart{font-size:14px}
	.cardimg{width:50px}
	.cart{width:15px;height:15px}
	.cartItems{font-size:14px;margin:10px 0}
	.category2{width:120px;font-size:14px}
	.category3{width:60px;font-size:14px}
	.categoryPref{width:120px;font-size:12px}
	.currbox{width:230px;padding:5px 2px 15px 5px}
	.data2{width:290px}
	.data3{width:220px}
	.dataPref{max-width:100%;font-size:12px}
  .digit{width:30px;height:30px;margin-right:10px;font-size:24px}
	.entrylabel2{font-size:15px}
	.extrasBox{width:310px}
	.eyeicon{top:5px;left:-2px}
	[dir="rtl"] .eyeicon{top:-28px;left:-220px}
  .flgimg{height:13px;margin-bottom:1px}
  .flgimgcart{vertical-align:-6px}
	.formline2{margin-top:10px;white-space:wrap;margin-left:5px}
  .groupcat{width:140px}
  .groupdata{width:360px}
	.info{font-size:12px}
	.indented{margin-left:1em}
	.login{width:150px}
	.login2{font-size:14px;height:22px}
  .login3{width:150px;height:21px;padding-left:43px;font-size:12px;border-radius:4px}
	.login6{width:150px;height:20px;font-size:12px}
	.loginbox2{padding:17px 8px 47px 8px;width:320px}
 	.logoimg{width:56px}
	.marginL40{margin-left:15px}
	.menuimg{margin:0 0px}
	.oneitem{width:120px;margin:8px 5px}
  .opt{width:190px;line-height:25px;font-size:12px}
  .optcart{width:190px;font-size:12px}
	.pvmail{height:18px;padding:0}
  [dir="rtl"] .pvmail{height:18px;padding:0}
  .qrcode{width:210px;height:210px}
	.regcreate{margin:5px 5px 0 2px;font-size:12px}
	.smallf{width:40px}
	.store{font-size:14px}
	.table{display:none}
	.table1 TD, TH{padding:1vw 2vw;font-size:14px}
	.warn{background:#FDD;color:#800;border-color:#F00}
	.width600{width:320px}
	.widthcart600{width:auto;padding:10px}
	#bio{width:300px;margin-left:0px}
	#cartbutton{font-size:13px}
	#cookienotice{font-size:12px}
	#cookieok{font-size:12px}
	#countrylist{left:124px;top:-38px;width:205px}
	#countrylistcart{top:111px;left:33px;width:185px}
	#cur{margin-left:3px;font-size:12px}
  #dar{width:9px;left:29px}
  #darcart{left:139px}
	#desc{width:100%}
	#dosub{margin-left:40px}
	#goback{font-size:10px}
	#goToCart{margin-left:13px}
	#header{display: none;}
	#langs{font-size:11px}
	#menu{display:block}
	#menu.active{#menulist{display:block}}
	#menudisp2{height:5px}
	#menupng{width:20px;height:16px}
	#pvmail{width:14px}
	#pvmail2{width:14px}
	#regarea{padding:2px 4px;font-size:14px;border-radius:5px}
	#showlang{bottom:11px;right:11px;font-size:14px}
	[dir="rtl"] #showlang{bottom:10px;right:254px}
	#showDispLang{bottom:11px;right:11px;font-size:14px}
	[dir="rtl"] #showDispLang{bottom:10px;right:254px}
	#showlist{left:129px;top:-36px}
	#showlistcart{left:71px;width:150px}
  #showProfile{bottom:10px;right:5px}
  [dir="rtl"] #showProfile{right:261px}
	#topheader{height:30px;padding:10px 0}
}
@media screen and (min-width:481px) and (max-width:608.98px) {
	H1{font-size:24px}
	H2{font-size:18px}
	H3{font-size:16px}
	H5{font-size:16px}
  .button{font-size:14px;padding:2px 4px;border:1px solid #00A;border-radius:3px}
  .button:lang(ar){font-size:16px}
	.cartItems{font-size:15px;margin:10px 0}
	.category2{width:160px;font-size:15px}
	.data2{width:380px}
	.extrasBox{width:400px}
  .flgimg{height:14px;margin-bottom:0px;margin-left:0px}
	.indented{margin-left:1em}
	.info{font-size:14px;margin:0 0 20px 40px}
  .login3{width:150px;height:22px}
	.loginbox2{padding:20px 12px 40px 12px;width:436px}
  .opt{width:230px;line-height:25px;font-size:12px}
	.pvmail{height:18px;padding:0}
  .qrcode{width:250px;height:250px}
	.regcreate{margin:3px 5px 0 2px}
	.smallf{width:45px}
	.store{font-size:15px}
	.table{display:none}
	.table1 TD, TH{padding:1vw 2vw;font-size:15px}
	.warn{background:#FDD;color:#800;border-color:#F00}
	.width600{width:450px}
	#bio{width:390px;margin-left:20px}
	#cartbutton{font-size:14px}
	#countrylist{left:189px;top:-39px;width:230px}
	#countrylistcart{width:225px}
	#dar{width:9px;top:3px}
	#dosub{margin-left:50px}
	#goToCart{margin-left:20px}
	#header{display: none;}
	#menu{display:block}
	#menu.active{#menulist{display:block}}
	#regarea{padding:4px 6px;font-size:15px;border-radius:6px}
	#showlang{bottom:10px;right:62px;font-size:15px}
	[dir="rtl"] #showlang{right:294px}
	#showDispLang{bottom:10px;right:62px;font-size:15px}
	[dir="rtl"] #showDispLang{right:294px}
  #showProfile{bottom:10px;right:55px}
  [dir="rtl"] #showProfile{right:300px}
	#showlist{left:194px;top:-36px}
	#showlistcart{left:114px}
}
@media screen and (min-width:608.99px) {
	.data2{height:40px}
	.indented{margin-left:3em}
	.info{font-size:15px;margin:0 0 20px 40px}
	.nontable{display:none}
	#bio{width:490px;margin-left:-85px}
	#menu{display:none}
	#headermenu{display:none}
}