*{padding:0;margin:0;}html{height:101%;box-sizing:border-box;}*,:after,:before {box-sizing:inherit;}
body{font:100%/1.5 tahoma, arial;color:#333;background-color:#fff;-webkit-user-select:none;-webkit-touch-callout:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}

h1{font-size:130%;}h2{font-size:110%;}
p{text-align:justify;}ul,ol{list-style:none;}
a{color:#0000ff;font-weight:bold;text-decoration:none;}a:hover{text-decoration:underline;}
img{border:0;}

#wholePage{margin:0 auto;padding-top:86px;width:100%;min-width:300px;max-width:950px;box-shadow:0 5px 5px grey;direction:rtl;}
#pageH1{border-right:15px solid #744f49;font-family:arial;padding:5px;min-height:25px;background-color:#E6BAA0;}

#menuContainer{z-index:1000;width:100%;min-width:340px;position:fixed;top:0;left:0;}
#menuContainer .Table{max-width:950px;margin:0 auto;}
#menuHead{background-color:#e4d3cb;max-width:950px;}
#menuHead a{display:block;height:60px;}
#menuHead img{width:300px;height:60px;}

#footer{width:100%;color:#fff;background:#744f49;font-size:12px;}
.copyright{padding:10px;}.copyright a{color:#fff;}

.a-left{text-align:left;}.a-right{text-align:right;}.a-center{text-align:center;}
.f-left{float:left;}.f-right{float:right;}.cleaner{clear:both;}
.Table{width:100%;padding-bottom:10px;box-shadow:0 5px 5px grey;background-color:#eeece8;}
.sectionHead{background-color:#F2C83E;padding-right:5px;font-family:arial;height:35px;line-height:35px;}
.firstColor{background-color:#ebebeb;}.secondColor{background-color:#f8f8f8;}



/* home & Category */
#catHomeDesc {background-color:#FAF3E0;padding:0 5px 5px 5px;}
#catHomeDesc img{float:left;margin-right:5px;}
#catHomeDesc p{margin-bottom:15px;}
@media screen and (max-width:600px){#catHomeDesc img{float:none;display:block;margin:0 auto;}}

/* 		Home 	*/
.sectionBody{margin-top:8px;font-size:14px;}
.newStory{width:300px;margin:0 8px 15px 8px;}
.imgCutter{height:360px;position:relative;box-shadow:0 1px 3px rgba(0, 0, 0, 0.5);}
.imgCutter div{position:absolute;bottom:0;right:0;background-color:#fff;overflow:hidden;width:100%;height:60px;}
.imgCutter div a{position:absolute;top:50%;transform:translate(0, -50%);padding:18px 5px;width:100%;line-height:25px;}
.imgCutter div a:hover{cursor:pointer;background-color:rgba(0, 0, 0, 0.1);}
.imgCutter a{display:block;}
.imgCutter img{width:240px;height:300px;}
@media screen and (max-width:949px){.newStory{width:calc(50% - 16px);}}
@media screen and (max-width:640px){.newStory{width:calc(100% - 16px);}}

.Panels, .widePanel{min-height:40px;min-width:163px;box-shadow:0 1px 3px rgba(0, 0, 0, 0.5);margin:0 4px 10px 4px;}
.Panels{width:calc(16.65% - 8px);} 
.widePanel{width:calc(100% - 8px);clear:both;} 
.divImage{margin:2px 2px 0 2px;}
.divImage img{width:160px;height:200px;}
.divText{height:90px;margin:0 2px 2px 2px;}
.divText a{padding:5px;display:block;}
.divText, .divTextNoImage{background-color:#fff;}
.divTextNoImage a{display:block;padding:10px;}

.newChapters li, .Novelists li{position:relative;overflow:hidden;}
.newChapters li a, .Novelists li a{position:absolute;top:50%;transform:translate(0, -50%);width:100%;}
.newChapters .widePanel{width:calc(100% - 8px);min-height:50px;}

@media screen and (min-width:640px){.newChapters .widePanel{width:calc(50% - 10px);display:inline-block;}}
@media screen and (max-width:910px){.Panels{width:calc(33.3% - 8px);}}
@media screen and (max-width:510px){.Panels{width:calc(50% - 8px);}}