@import url('https://wikiplast.ir/css/reset.css');
@import url('/css/font-awesome.min.css');

body
{

    font:11pt tahoma;
    background:#eee;
    line-height:1.7;
}
.main
{
    width:100%;
    overflow: hidden;
}
a
{
    color:#555;
    text-decoration: none;
}
a:hover
{
    color:#9E2558;
}
img
{
    max-width:100% !important;
    height:auto !important;
}
input[type=text],input[type=password],select,textarea
{
    font:10pt tahoma;
    width:240px;
    height:25px; 
    border-radius:5px;
    border:1px solid #ccc;
    padding:5px;
}
select
{
    height:40px;
}
.animtime,.tabitems li,.box:after,.minbox,#fixicons a,.menu li,.purbtn,#searchico,.slidnavs,.menu li ul,.cmreply,#galitems li,.socials li,.closeicon,.maintr,.accords,.header .container,.topheader .container,.logocont h1,.logocont h2,#logo,.menu
{
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;  
}
.topheader
{
    height:30px;
    background:#9E2457;
    width:100%;
    overflow:hidden;
    z-index:10;
}
.header
{
    background:#fff;
    border-bottom: 3px solid #9E2358;
    height:80px;
    padding:10px 0;
    position: relative;
    z-index:10;  
}

.container
{
    width:1200px;
    margin:0 auto;    
}
.content
{
    width:1200px;
    margin:0 auto;
    overflow: hidden;
    background:#f5f5f5;
}  
.content.inpage
{
    background:#fff;
    margin-top:20px;
}
.logocont
{
    float:left;
    font-family:tahoma;
}   
.logocont div
{
    overflow: hidden;   
    min-width:240px;
}
.logocont h1
{
    font-size:31px;   
}
#logo
{
   width:50px;
   height:38px;
   padding-top:12px;
   font:bold 20px tahoma;
   background:#9E2558 url('https://wikiplast.ir/images/logonew.png') no-repeat center;
   border-radius:50%;
   float:left;
   color:#fff;
   text-align: center;
   margin-right:15px;  
   margin-top:15px;  
}
.logocont h2
{
    margin-left:65px;
    margin-top:-20px;
    font-size:10pt;
}
.purple
{
    color:#9E2558;
} 
.lightpur
{
    color:#d03e7b;
}
.topicons
{
    float:right;
    margin-left:10px;
    padding:5px;
    color:#ccc !important;
}
.topicons.active
{
    color:#fff;
}
.topicons .fa
{
    margin-left:3px;
}
.menu
{
    width:100%;
    margin-top:5px;
    float:right;
    clear:both;
    margin-top:30px;
}
.menu li
{
    float:left;
    margin-right:10px;
    border-radius:20px;     
    position: relative;
}
.menu li a
{
    display: block;
    padding:5px 15px;
}
.menu>ul>li:hover,.menu>ul>li.active
{
    background:#eee;
}
.menu li:last-child
{
    margin-left:0
}
.menu li ul
{
    position: absolute;
    background:#9E2558;
    border:1px solid #ccc;
    border-radius:5px;
    opacity:0;
    left:0;
    width:200px;
    overflow: hidden;  
    height:0;
    z-index:2000;
    font-size:10pt;
}
.menu li ul li
{
    width:200px;
}
.menu li ul a
{
    color:#fff;
}
.menu li:hover ul
{
    opacity:1;
    height:auto;   
}
.menu li ul a:hover
{
    color:#eaadc7;
}
#searchico
{
    float: right;
    text-align: center;
    width:20px;
    height:20px;
    margin-top:5px;
    color:#ccc;
}
#searchico:hover,#searchico.active,.slidnavs:hover
{
    color:#fff;    
}
.searchbox
{
    position: absolute;
    top:103px;
    right:0;
    width:100%;
    z-index:100;
    background:#fff;
    display: none;
}
.header.fixed .searchbox
{
    top:63px;
}
.searchbox input[type=text]
{
    width:100%;
    height:50px;
    border:0;
    padding:5px 10px;
    font:16px tahoma;
}
#searchbtn
{
    position: absolute;
    right:10px;
    top:5px;
    background: #9E2558;
    text-align: center;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    color:#fff;
}
.topheader.fixed
{
    position: fixed;
    top:0;
}
.header.fixed
{
    height:40px;
    position: fixed;
    top:30px;
    width: 100%;
    
}
.header.fixed #logo
{
    background-size: 30px;
    width: 40px;
    height: 28px;
    margin-top:0;
}
.header.fixed .logocont h2
{
    display:none;
}
.header.fixed .menu
{
    margin-top:0;
}
.header.fixed .logocont h1 {
    font-size: 22px;
}
.purbtn
{
    color: #fff !important;
    background-color: #9E2558;
    padding: 6px 25px;  
    border-radius: 9999px;
}
.purbtn.light,.lpurbg
{
    background:#d03e7b;
}
.purbtn:hover
{
    background:#8a1e4b;
}
.purbtn i
{
    margin-right:5px;
}
.tabitems
{
    border-bottom: 3px solid #e2e2e2;
    font-size:18px;    
}
.purbg .tabitems
{
    border-color:#a72d60;
}
.tabitems li
{
    display: inline-block;
    margin-right:20px;
    border-bottom: 3px solid transparent;
}
.tabitems li a
{
    display: block;
    padding:10px;
}
.purbg .tabitems li a
{
    color:#ccc;
}
.tabitems li:hover,.tabitems li.active
{
    border-bottom: 3px solid #9E2558;
}
.purbg .tabitems li:hover,.purbg .tabitems li.active
{
    border-color:#eee;
} 
.purbg .tabitems li:hover a,.purbg .tabitems li.active a
{
    color:#fff;
}
.tabs
{
    width:100%;
    overflow:hidden;
}
.tabscont 
{
    padding:10px 20px;
    overflow: hidden;
    float:left;
}
.tabscont .purbtn
{
    margin-top:20px;
}
#priceads
{
    float:left;
    margin-top:30px;
}
#priceads a,#priceads div
{
display:inline-block;
}
.tabscont .tabcontent
{
    display: none;
}
.box
{
    width:360px;
    float:left;
    margin-right:35px;
    background:#fff;      
    border:1px solid #e4e4e4;
    border-bottom: 3px solid #e4e4e4;
    position: relative;  
    margin-top:20px;      
}
.box img
{
    width:150px;
    display:block;
    margin:20px auto;
}
.box>a>div,.box>div
{
    padding:10px;   
}
.box h3
{
    font-size:20px;
    height:40px;
    overflow: hidden;
}
.box:after
{
    content:'';
    width:25%;
    height:3px;
    background:#9E2558;
    position: absolute;
    right:0;
    bottom:-2px;
}
.box:hover:after
{
    width:100%;
}     
.newsico
{
    color:#aaa;
    font:10pt tahoma;
    font-weight:bold;
    overflow: hidden;
}
.newsico span
{
    margin-left:15px;
    float:left;
}
.newsico a
{
    color:#9E2558;
}
.newsico i
{
    margin-left:5px;
    margin-right:3px;
}
.morebtn
{
    color:#406079;
    font-size:16px;
    margin-bottom:10px;
    padding:5px 10px;
    border-radius:9999px;  
    float:left;
}
.morebtn i
{
    margin-right:10px;  
    font-size:18px;
    margin-top:5px;
    float:left;  
}
.morebtn:hover
{
    background:#eee;
}
.bigbox
{
    height: 350px;
    margin-top: 20px;
    overflow: hidden;
    box-shadow: 0 4px 4px -2px rgba(0,0,0,.1);
    position: relative;
}
.boxcont
{
    
    float:left;
    width:580px;
}
.boxcont .topline
{
    border-bottom:2px solid #9E2558;
    height:15px;
}
.boximg
{
    z-index: 2;
    border-top: 350px solid #585858;
    position:absolute;   
}
 .leftitem
{
    float:right;
}
 .rightitem
{
    float:left;
}

.bigbox img
{
    width: auto;
    height: 350px;
    vertical-align: middle;
    -webkit-transform: translate(0,-100%);
    transform: translate(0,-100%);
}
.boxcont h2
{
    color:#9E2558;
    font-size:28px;
    font-weight:bold;
}
.boxcont h2 i
{
    margin-left:10px;
}
.boxtext
{
    padding:20px 10px;
    overflow: hidden; 
    width:580px;
}
.boxtext div
{
    float:left;
    margin-top:30px;
    width:260px;
    text-align: justify;
    overflow:hidden;
    padding:10px;     
    margin-left:20px;
} 
.boxtext div:nth-child(odd)
{
    margin-left:0;
}
.boxtext div:hover
{
    background:#f7f7f7;
}
.boxtext.leftitem div:nth-child(odd)
{
    margin-left:0;
}
.boxtext.rightitem div:nth-child(odd)
{
    margin-right:0;
}
.boxtext div h3
{
    height:45px;
    overflow: hidden;
}
.boxtext div p
{
    margin-top:20px;
    height:93px;
    overflow: hidden;
}
.hidbtn
{
    width:10px;
    height:20px;
    float:right;
    overflow: hidden;   
    padding:5px 10px;
    border-radius:9999px;  
    -webkit-transition: width .5s,background-color .5s;
    transition: width .5s,background-color .5s;  
}
.hidbtn i
{
    margin-right:10px;  
    font-size:20px; 
    float:left;
}
.hidbtn:hover
{
    width:100px;
    background:#e7e7e7;
}
.graypg
{
    background: #E0E0E0;
    min-height:400px;
    position: relative;
    overflow: hidden;  
    padding-bottom:30px;
}
.graypg .content,.purbg .content
{
    background: none;
}
.line
{
    background: #BABABA;
    border-radius: 5px 0 0 5px;
    height: 7px;
    width:200px;
    margin-top:60px;
    float:left;
    margin-right:10px;  
}
.graypg>h2
{
    color: #BABABA;
    font-size:30px;
    font-weight:bold;
    margin-top:35px;
    margin-bottom:10px;
}
.graypg>h2 a
{
   color: #BABABA; 
}
.minbox
{
    width:238px;
    height:120px;
    overflow:hidden;
    display:inline-block;
    margin-left:20px;
    padding:10px 15px;
    background:#fff;
    border-left: 3px solid #c7c7c7;
    margin-top:20px;
}
.minbox h3
{
    color: #931a4b;
    font-size:16px;      
}
.minbox .catdesc
{
    height:50px;
    margin-top:20px;
}
.minbox:hover
{
   border-color:#9E2358; 
   margin-top:20px;
}
.box:nth-child(3n),.minbox:nth-child(4n)
{
    margin-left:0;
}
.minbox:nth-child(5n)
{
    clear:both;
}
.rightside .box
{
    width:100%;  
}
.rightside .box div.cont
{
    padding:20px;
    overflow: hidden;
    position: relative;
}
.rightside .box img
{
    float:left;
    width:150px;
    margin-right:40px;
}
.rightside .box p
{
    text-align: justify;
    float:right;
    width:530px;
}  
.rightside .newsico
{
    margin:10px 0;
    color:#aaa;
}
.catlab
{
    position: absolute;
    top:20px;
    right:20px;
    font-size:9pt;
    background:rgba(158,35,88,0.8);
    color:#fff;
    padding:5px;
}
.footer
{
    background:#fff;
    height:150px;
    border-top: 3px solid #ccc;
}
.botmenu
{
    float:left;
    margin-top:50px;
}
.botmenu li
{
    float:left;
    margin-right:30px;
}
.footer .socials
{
    float:right;
    margin-top:50px;
    font-size:18px;
}
.socials li
{
    float:right;
    margin-left:10px;
    background:#777;
    
    border-radius:50%;
}
.socials li.bigico
{
    font-size:25px;
    margin-top:-5px;
    background:#9E2558;
}
.socials a
{
    color:#fff;
    width:40px;   
    height:40px;
    line-height:40px;
    text-align: center;
    display:block;
}
.socials li.bigico a
{
   width:60px;
   height:60px;
   line-height:60px; 
}
.socials li:hover
{
    background:#9E2558;
}
.botfooter
{
    height:40px;
    background:#9E2358;
    color:#eee;
    font-size:10pt;
} 
#copyright
{
    margin-top:10px;
    background:#9E2358 url('https://wikiplast.ir/images/logonew.png') no-repeat right center;
    display: block;
    width:100%;
}
#fixicons
{
    position: fixed;
    bottom:30%;
    right:10px;   
    direction: rtl;
    z-index:2000;
}
#fixicons i
{
    font-size:20px; 
    float:right;
    margin-right:3px; 
    margin-top:3px;
}
#fixicons i.fa-instagram
{
    font-size:25px;
}
#fixicons a
{
    width:25px;
    height:25px;
    line-height:45px;
    display: block;
    margin-bottom:10px;
    border-radius:40px;
    background:#777; 
    color:#fff;
    overflow: hidden;
    text-align: center;
    position: relative;
    padding:10px;
    border:1px solid #555;
}
#fixicons span
{
    margin-top:-10px;
    margin-right: 40px;
    display: block;
} 
#fixicons a:hover
{
    width:150px;
    background:#9E2358;
    border-color:#eee;
}
.fll
{
    float:right;
}
.flr
{
    float:left;
}
.darkbg
{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index:2;
    display: none;
}              
.btn
{
     background: #d65d90;
     border-radius:4px 4px 4px 4px;
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d65d90', endColorstr='#9E2558'); /* for IE */
     background: -webkit-gradient(linear, left top, left bottom, from(#d65d90), to(#9E2558)); /* for webkit browsers */
     background: -moz-linear-gradient(top,  #d65d90,  #9E2558); /* for firefox 3.6+ */
     color: #fff;
     height:35px;
     font:11pt tahoma !important;
     border:0;
     min-width:80px;
     cursor:pointer;
     float:right;
     text-align: center;
}

.btn:hover
{
    background-color: #9E2558;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9E2558', endColorstr='#d65d90'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#9E2558), to(#d65d90)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #9E2558,  #d65d90); /* for firefox 3.6+ */
}
table td
{
    padding:10px;
    vertical-align: middle;
}
.newspage img
{
    width:100%;
    height:auto;
    margin-bottom:20px;
}
#newstop
{
    padding:10px 20px;
}
#ndate
{
    border-bottom: 1px solid #e9e9e9;
    padding-left: 0px;
    margin: 0px;
    line-height: 1.5;
    display: block;
    padding: 0 10px 10px 10px;
    color:#999;
    overflow: hidden;
}
#ndate .newsico
{
    margin:0;
    color:#999;
}
#ntitr
{
    color:#bbb;
    margin-top:20px;
    padding:0 10px;
}
#ntitle
{
    font-size:26px;
    padding:10px;
}
#nlead
{
    background: #eee;
    padding: 10px;
}
#ntext img
{
    max-width:100%;
    height:auto !important;
}
#ntext p
{
    margin-bottom:20px;
}
.rightside,.newsFrame
{
    float:left;
    width:760px;
    overflow: hidden;
    padding:20px;
    min-height:400px;
}
.newsFrame .socicons
{
    float:left;
    font-size:18px;   
}
.socicons.fix
{
    position: fixed;
    top: 150px;
    right:100px;
    width:30px;
}
.newsFrame .socicons li
{
    float:left;
    margin-right:10px;
    background:#eee;
    text-align: center;
    border:1px solid #ccc;
    -webkit-transition: margin-top .2s ease;
    -moz-transition: margin-top .2s ease;
    -o-transition: margin-top .2s ease;
    -ms-transition: margin-top .2s ease;
    transition: margin-top .2s ease;
}
.newsFrame .socicons li a
{
    display: block;
    width:30px;
    height:30px;
    line-height:30px;
    padding:5px;
}
.newsFrame .socicons li:hover
{
    margin-top:-5px;
    border-color:#9E2558;
}   
.newsFrame .socicons.fix li
{
    background:#fff;
    margin-top:10px;
}
.newsFrame .socicons.fix li:hover
{
    margin-top:10px;
}
#newslink
{
    float:right; 
    margin-top:10px;  
}
#newslink span
{
    border-radius:20px;
    border:1px solid #ccc;
    padding:5px 10px;
    height:20px;
    margin-right:20px;
    color:#888;
    font:10pt tahoma !important;
}
#newslink input
{
    border:1px solid #ccc;
    height:30px;
    width:auto;
    border-radius:20px;
    padding:0;
    text-align:center;
    font:10pt tahoma !important;
}
#ntext
{
    width:100%;
    overflow: hidden;
    float:left;
    text-align: justify;
    margin:20px 0;
    padding-bottom:20px;
    border-bottom:1px solid #ccc;
}
#likeshare
{
    overflow: hidden;
    padding:10px;
    margin-bottom:20px;
}
#likeshare span
{
    display: block;
    font-size:16px;
    margin-bottom:10px;
}
#likeshare .socicons
{
    margin-top:20px;
    float:none
}
.colorbtn
{
    color: #fff;
    border-radius: 50px;
    padding: 5px 25px;
    margin:10px;
    display: inline-block;
    transition: color .2s,background-color .2s;
    -webkit-transition: color .2s,background-color .2s;
}
.grbtn
{
    background: #78af7f;
    border: 1px solid #78af7f;
}
.redbtn
{
    background: #c56766;
    border: 1px solid #c56766;
}
.grbtn:hover
{
   color:#78af7f;
   background:#fff; 
}
.redbtn:hover
{
    color:#c56766;
    background:#fff;
}
.leftside
{
    float:right;
    width:350px;
    margin:20px 0;
    background:#fff;  
}
.maintitle
{
    font-size: 16px;
    border-top: 1px solid #9E2358;
    padding: 3px 0px 10px 7px;
    color: #9E2358;
}
.sidebox
{
    margin-bottom:20px;
}
.list
{
    padding:0 10px;
}      
.list  a
{
    border-bottom:1px solid #ccc;
    display: block;
    position: relative;
    overflow: hidden;
    padding:20px;
}
.list i
{
    margin-right:10px;
    margin-top:5px;
}
.numlist a
{
    padding: 17px 20px 17px 48px!important;
}
.numlist a:before
{
    color: #999;
    position: absolute;
    top: 50%;
    left: 0;
    width: 48px;
    height: 48px;
    text-align: center;
    line-height: 50px;
    font:30px tahoma;
    margin: -30px -5px!important;
}
.numlist a:nth-child(1):before
{
    content:'1';
}
.numlist a:nth-child(2):before
{
    content:'2';
}
.numlist a:nth-child(3):before
{
    content:'3';
}
.numlist a:nth-child(4):before
{
    content:'4';
}
.numlist a:nth-child(5):before
{
    content:'5';
}
.list a:hover
{
    background:#f7f7f7;
}
#newscat i
{
    margin:0 5px;  
}
#comreply
{
    margin-top:20px;
    width:100%;
    overflow: hidden;
    float:left;
    background:#eee;
    padding:10px;
}
.comframe textarea,.comframe input[type=text],.comframe label
{
    border-radius:25px;
    margin-top:10px;
    display: block;
    font:16px tahoma;
    color:#777;
}
.comframe textarea
{
    width:100%;
    height:100px;
}
#comreply textarea
{
    width:95%;
}
.comframe input[type=text]
{
     width:50%;
}
.comframe .colorbtn
{
    padding: 10px 20px;
}
#closerep
{
    color:#bf3f3e;
    float:right;
    margin-left:20px;
    font-size:25px;
}
.ads
{
    padding:20px;
}
.ads img
{
    width:100% !important;
    height:auto !important;
}
.paging
{
    
    font:16px tahoma;
    float:right;    
    margin-bottom:10px;    
}
.paging span
{
    float:left;
    background:#eee;
    padding:5px;
    line-height:25px;
    width:22px;
    height:22px;
    margin-left:5px;
    text-align:center;
    color:#777;
    cursor:pointer;
    border-radius:3px;
    border:2px solid #aaa;
}
.paging span a
{
    color:#777;
    display: block;
    width:22px;
    height:22px;
}
.paging .otherpages
{
    cursor:auto;
}

.paging span:hover,.paging .active
{
    background:#fff;
    color:#d22f74;
    border-color:#d22f74;
}
.paging span:hover a,.paging .active a,.paging .active
{
     color:#d22f74;
}
.paging span.otherpages:hover
{
   background:#eee;  
}
#lastpage,#lastpage:hover {
background:#eee url('https://wikiplast.ir/images/next-pg.png') no-repeat center;
background-size:12px;
}
#firstpage,#firstpage:hover 
{
background:#eee url('https://wikiplast.ir/images/prev-pg.png') no-repeat center;
background-size:12px;
}
.center
{
    text-align: center;
}
.lightgray
{
    background:#eee;
    overflow: hidden;
    padding:20px;
}
.lightbg>h2
{
    color:#9e2558;
    font-size:22px;
    margin-top:40px;
}
.catbox
{
    margin-top:30px;
    width:1160px;
    overflow: hidden;
    clear:both;
}
.catbox h2
{
    font-size:28px;
}
#errorbox
{
    position:absolute;
    padding:10px 5px 0 5px;
    width:210px;
    min-height:45px;
    border-radius:3px 3px 0 0;
    color:#fff;
    text-align: center;
    z-index: 2002;
    background:#bd4477;
    display:none;
}
#errorbox:after
{
    content:'';
    position: absolute;
    left: 50%;
    bottom: -10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10.5px 0 10.5px;
    border-color: #bd4477 transparent transparent;
    margin: 0 0 0 -10px; 
}
#comtexts
{
    overflow: hidden;
    width: 100%;
}
.comitem
{
    margin-top:20px;
    width:100%;
    overflow: hidden;
}
.comitem.reply
{
  margin-right:10%;
  width:90%;
  margin-top:50px;
}
.comitem>span
{
    margin-top:20px;
    display: block;
    padding:10px 0;
    border-bottom:1px solid #ccc;
}
.comdelbtn
{
    float:right;
    font:bold 12px tahoma;
    padding:2px 10px;
    color: #ec5530;
}
.comitem>span a
{
    color: #9E2558;
}
.comitem span.date
{
    float:right;
}
.comitem .combody
{
    padding:10px 0; 
    position: relative; 
    text-align:justify;
}
.combody .cmreply
{
    background: #888; 
    padding:5px 10px;
    color:#fff;
    float:right;
    margin-top:50px;
    border-radius:50px;
    font-size:10pt;
}
.combody .cmreply:hover
{
  background: #9E2558;  
}
#score
{
    float:right;
    margin-left:20px;
    font-size:10pt;
    margin-top:-5px;
}
#score div
{
    width:100px;
    height:20px;
    border:1px solid #ccc;
    background:#eee;
    border-radius:10px;
    margin-top:5px;
}
#score span
{
    float:left;
    height:20px;      
    background:#6dca40;
    border-radius:10px;
}
#regtbl span
{
    display: block;
    color:#999;
    text-align:left;
    font-size:9pt;
    margin-top:5px;
}
 #regtbl input[type=text], #regtbl textarea
 {
     width:500px;
 }
 #regtbl label
 {
     margin-left:20px;
 }
 #regtbl textarea
 {
     height:100px;
 }
 .whitebg
 {
     background:#fff;
     margin-top:20px;
 }
 .padt0
 {
     padding-top:0;
 }
 label.error
 {
     font:18px tahoma;
     color:#d61313;
 }
 #changecap
 {
     float:right;
     font-size:30px;
 }
 .purtitle
 {
     padding:5px 10px;
     font-size:20px;
     font-weight: normal;
     margin:20px 0;
     background:#9E2558;
     color:#fff;
     border-radius:50px;
     overflow:hidden;
 }
 .compinfo ul
{
    float:left;
    overflow: hidden;
}
.compinfo li
{
    margin-top:20px;
    width:100%;
    overflow: hidden;
}
.compinfo span
{
    color:#9E2558;
    margin-right:10px;
    float:left;
}
.compinfo span.fa
{
    font-size:22px;
}
.clr
{
    clear:both;
}
#msgcont
{
    line-height:2;
}
#msgcont .fa
{
    margin-left:10px;
    font-size:20px;
    color:#9E2558;
}
#msgform
{
    margin-top:20px;
}  
#msgform input[type=text],#msgform textarea
{
    width:500px;
}
#msgform textarea
{
    height:100px;
}
.lightbg
{
    background:#eee;
}
#backtop {
    cursor: pointer;
    width: 50px;
    height: 50px;
    line-height:50px;
    text-align: center;
    right:10px;
    background: rgba(158,37,88,0.8);
    color: #fff;
    border-radius: 100px;
    box-shadow: 0 1px 3px #3e3e3e;
    font-size: 27px;
    position: fixed;
    bottom: 20px;
    z-index: 10;
    transition: all .2s;
    -webkit-transition: all .2s;
    transform: translateY(-60%);
    -webkit-transform: translateY(-60%);
    -ms-transform: translateY(-60%);
    visibility: hidden;
    opacity: 0;
}
#backtop.active {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    visibility: visible;
    opacity: 1;
    z-index: 1001;
}
#tgju table.data-table
{
    width:350px;
    font:11pt tahoma !important; 
    margin-bottom:0 !important;
}                
.tgju-copyright
{
    background:#777 !important;
    margin-top:0 !important;
}
#tgju table.data-table thead th
{
    background:#9E2558 !important;
    font-weight:normal;        
}
#amarframe
{
    width:100%;
    overflow: hidden;
    padding:20px;
}
.amartbl
{
    width:370px;
    float:left;
    margin-right:20px;
    height:300px;
    overflow-y:auto;
}
#galitems li
{
    float:left;
    width:330px;   
    margin-right:30px;
    background:#fff;
    padding:10px;
    border-radius:10px;
    text-align: center;
    border:1px solid #ccc;
    margin-top:20px;
}
#galitems li:hover
{
    background:#9E2558;
}
#galitems li:hover a
{
    color:#fff
}
#galitems li img
{
    width:100%;
    height:220px;
}
.keyscont a
{
    float:left;
    margin-right:20px;
    padding:5px 10px;
    background:#eee;
    border-radius:10px;
    border:1px solid #ccc;
    margin-bottom:15px;
}
.keyscont a:hover
{
   border-color:#9E2558; 
}
.notic
{
   background: #9E2558;
   color:#fff;
   width:100%;
   height:100px;
   line-height:100px;
   font-size:30px;
   margin:200px 0;
   text-align: center; 
}
.purbg

{
    background:#9E2457;
    min-height:400px;
}
.purbg .content
{
    padding:20px 0;
}
.prframe
{
    margin-top:20px;
    width:800px;
}
.prframe h2
{
    text-align: center;
    color:#fff;
    margin-bottom:10px;
    font-weight:normal; 
}   
.prframe i
{
    margin:0 5px;
    font-size:20px;
}
.pricetbl
{
    width:100%;  
    font-family:tahoma;
    background:#f3e7ec url(https://wikiplast.ir/images/wikitbl-bg.png) center no-repeat !important;
}
.pricetbl tbody td
{
    border:1px solid #ccc;
    padding:10px 5px;
}
.pricetbl tbody
{
  display:block;
  max-height:685px;
  overflow:auto;
}

.pricetbl td
{
    padding:10px;
    text-align: center;
    border:0;  
    width:400px;
}
.pricetbl#bazar td
{
    width:120px;
}
#tab7 .pricetbl td
{
    width:90px;
}
.pricetbl tr.trhead
{
    background:#b54172;
    color:#eee;
    display: block;   
}
.pricetbl .fa
{
    font-size:20px;
}
.graybg 
{
    background: #333;
    color:#ccc;
    margin-top:30px;
}
.graybg .content
{
    background: none;
}
.graybg  select
{
    margin:0 10px;
}
#chartdiv {
    background: rgba(0, 0, 0, 0) url(https://wikiplast.ir/images/wiki-bg.png) no-repeat scroll center 170px;
    direction: ltr;
    font-family: tahoma;
    height: 500px;
    width: 100%;
}
.amcharts-chart-div > a 
{
    display: none !important;
}
.padtb
{
    padding:20px 0;
}
#desc
{
    color:#555;
    background:#eee;
    padding:10px;
    margin-bottom:20px;
}
#desc li
{
    margin-top:10px;
}
#desc li:before
{
    content:'';
    width:8px;
    height:8px;
    background:#d03e7b;
    float:left;
    border-radius:50%;
    margin-right:10px;
    margin-top:7px;
}
#desc li.star:before,#desc li.gift:before,#desc li.teleg:before,#desc li.bell:before
{
  content:'\f005';   
  font:18px fontAwesome;
  background:none;
  margin-top:0;
  color:#d03e7b;
  margin-left:15px;
}
#desc li.gift:before
{
   content:'\f06b'; 
}
#desc li.teleg:before
{
    content:'\f1d8';
}
#desc li.bell:before
{
    content:'\f0f3';
}
#regform table
{
    margin:0 auto;
}
.errormsg,.confirm
{
    padding:10px;
    display: block;
    background:#d03e7b;
    color:#fff;
    max-width:400px;
    margin:0 auto;
}
.confirm
{
    background:#5dc51e;
}
.errormsg:before,.confirm:before
{
   font:30px fontawesome; 
   float:left;
   margin-right:10px;
}
.errormsg:before
{
    content:'\f071';
}
.confirm:before
{
    content:'\f058';
}
#logindiv
{
    width: 350px;
    position: fixed;
    top: 15%;
    background:#fff;
    border-radius:10px;
    overflow:hidden;
    z-index:2000;
    display:none; 
    color:#555;
    font-family:tahoma;
}
#logindiv p.title
{
    height: 40px;
    line-height: 40px;
    padding: 0px 10px 0;
    background:#9E2358 url('https://wikiplast.ir/images/logo.png') no-repeat 315px center;
    background-size:30px;
    border-radius:10px 10px 0px 0px;
    text-align:left;
    margin-bottom:20px; 
    position:relative;
    border-bottom:1px solid #ccc;
    font-size:14px;
    color:#fff;
    padding-right:40px; 
}
.closeicon
{
    position:absolute;
    top:30px;
    right:10px;
    margin-top:-23px;
    width:24px;
    height:24px; 
    line-height:24px;
    border-radius:50%;
    background:#fff;
    color:#9E2558;
    text-align: center;
}
.closeicon:hover
{
    background:#dc6296;
    color:#fff;
}
#logindiv #btnlogin
{
    width:280px;
  margin-top:10px;
  text-align: center;
}
#logindiv ul
{
    width:280px;
    margin:0 auto;
    margin-top:80px;
    overflow:hidden;
}
#logindiv li
{
    display: block;
}
#logindiv input
{
    width:260px;
    margin-bottom:10px;
    text-align: left;
}
#logindiv div
{
    border-top:1px solid #ccc;
    padding:10px 25px;
}
#logindiv a#reguser
{
    color:#9E2558;
    font-weight: bold;
    margin-right:10px;
}
#logindiv #forgetpass
{
    display: block;
    font-weight: bold;
    margin-bottom:5px;
    color:#ef3f3e;
}
#login
{
    float:right;
    color:#eee;
}
#login span
{
    float:left;
    margin-right:10px;
    margin-top:5px;
}
#gridstd span
{
    float:left;
    color:#e03b80;
    cursor: pointer;
}
#gridstd .fa-star-o
{
    color:#bbb;
}
#popup
{
    background:#333;
    width:300px;
    position: fixed;
    z-index:1000;
    padding:30px;
    color:#fff;
    border-radius:30px;
    display: none;
}
#popup span
{
    display: block;
    margin-bottom:20px;
    margin-right:10px;
    font-size:18px;
}
#respmenu
{
    position: absolute;
    bottom:0px;
    right:10px;  
    display: none;
    color:#333;
} 
#respmenu:hover
{
  color:#555;  
}
#respmenu:before
{
    content:'\f03a';
    font:30px FontAwesome;
}
#priceads img
{
    max-width:100%;
    height:auto;
}
.grtbl
{
width:100%;
text-align:center;
}
.grhead
{
background:#9e2558;
color:#fff;
}
.grtbl td
{
border:1px solid #ccc;
}
.grtbl .fa
{
font-size:20px;
}
#tgju table.data-table
{
    background:#fff url('https://wikiplast.ir/images/wiki-bg2.png') 0 110px no-repeat;
}
#tgju table.data-table tbody tr th
{
    background:none !important;
}
#jointeleg
{
    display:none;
    width: 100%;
    text-align: center;
    background: rgba(119, 119, 119, 0.8);
    color: #fff;
    position: fixed;
    bottom: 0px;
    z-index: 1000;
    padding: 10px 0;
}
#jointeleg i
{
    font-size: 18px;
    margin-left: 10px;
    background: #2ca5e0;
    padding: 10px;
    border-radius: 50%;
}
#jointeleg a
{
    color:#fff;
    display:block;
}
#tblrate
{
    text-align:center;
    margin-top:20px;
    margin:0 auto;
    font-family:tahoma;
}
#tblrate td
{
    border:1px solid #777;
}
#tblrate .ratehead
{
    background: #b54172;
    color: #eee;
}
.fa-youtube-play
{
    font-size:22px;
}
.newsban img
{
    width:auto;
    max-width:100%;
    margin-bottom:0;
    width: auto !important;
    height: auto !important;
}
#pricepg h2
        {
            margin-bottom:30px;
        }
        #pricepg #pricetbl
        {
            text-align:center;
            background:#f9e7ee;
            margin-top:20px;
        }
        #pricepg #pricetbl td
        {
            border:1px solid #ccc;
        }
        #pricepg #pricetbl .fa
        {
            font-size:20px;
        }
        #pricepg .trhead
        {
            background:#b54172;
            color:#fff;
        }
        .whbg
        {
            background:#fff;
        }
        #pricepg .btn
        {
            float:none !important;
        }
        #pricepg select
        {
            margin-right:20px;
        }
        .mrgt30
        {
            margin-top:30px;
        }
        .videosec .minbox
        {
            height:180px;
            text-align:center;
        }
        .videosec .minbox h3
        {
            font-size:16px;
            margin-top:10px;
            height:30px;
            overflow:hidden;
        }
        .videosec .minbox div
        {
            height:120px;
            overflow:hidden;
        }
        .videosec span
        {
            font-size:10pt;
            float:right;
            color:#777;
        }
        .videosec span i
        {
            margin-left:5px;
        }
        .footbox
        {
            margin-top:20px;
            max-width:500px;
        }
        .footbox a
        {
            float:left;
            margin-right:10px;
            width:100px;
            height:100px;
            overflow:hidden;
            background: #ccc;
            padding: 5px;
        }
        .footbox img
        {
            min-height:100px !important;
        }
        .footbox a:hover
        {
            background:#c13e76;
        }
        .mrgt10
        {
            margin-top:10px;
        }
        .petrocats
        {
            float:left;
            width:350px;
            text-align:center;
            margin-bottom:20px;
            border:1px solid #ccc;
            margin-right:20px;
        }
        .petrocats h3
        {
            background:#eee;
            padding:10px;
        }
        .petrocats div
        {
            height:250px;
            overflow:auto;
        }
        .petrocats div a
        {
            display:block;
            margin-top:10px;
        }
        #tblprop
{
    border:1px solid #ccc;
    width:100%;
    margin-top:20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background:#fff;
    color:#777;
    overflow:auto;
}
#tblprop table
{
    width:100%;
    margin-bottom:20px;
}
#tblprop table td
{
    border-bottom:1px solid #ccc;
   
}
    #tblprop .headtr td
    {
        border-bottom:3px solid #ccc;
        font-size:20px;
        color:#9E2358;
        padding-top:20px;
        position:relative;
    }
    #tblprop .headtr td:after
    {
        content:'';
        width:140px;
        background:#d46997;
        height:3px;
        position:absolute;
        bottom:0;
        right:5px;
    }
    .compinfo span.phone
    {
        direction:ltr;
        color:#000 !important;
    }
    .sendpulse-bar.sendpulse-prompt
    {
        background:#eee !important;
    }
    .sendpulse-bell-icon
    {
        margin-left:5px;
    }
    .sendpulse-disallow-btn
    {
        float:right;
        margin-left:10px;
    }
    .sendpulse-fab .sendpulse-prompt-message, .sendpulse-prompt, .sendpulse-prompt *, .sendpulse-prompt-btn, .sendpulse-prompt-close
    {
        font-family:tahoma !important; 
    }
    .sendpulse-bar .sendpulse-prompt-btn
    {
        font-weight:100 !important;
    }
    #newstype
    {
        min-height:20px;
        height:40px;
        overflow:hidden;
    }
    #newstype .content
    {
        padding:10px 0;
        color:#eee;
    }
    #newstype a
    {
        color:#eee;
    }
    .visitcard
    {
        background:#eee;
        border:1px solid #ccc;
        ;padding:10px;
        min-height:120px;
        position:relative;
        box-shadow:3px 3px 5px #ccc;
        text-align:left;
    }
    .visitcard i.fa-cog
    {
        font-size:50px;
    }
    .visitcard h3
    {
        padding:5px 0;
        border-bottom:2px solid #ccc;
        color:#555;
        height:22px;
        overflow:hidden;
    }
    .visitcard h4
    {
        padding:5px 0;
        font-size:13px;
        margin-bottom:5px;
        height:20px;
        overflow:hidden;
    }
   .visitcard #siteadd
   {
       position:absolute;
       bottom:0px;
       right:10px;
       font-size:12px;
   }
   .visitcard #shareicons
   {
       font-size:11px;
       background:#ccc;
       padding:5px;
   }
   .visitcard #shareicons a
   {
       font-size:20px;
       float:right;
       margin-left:10px;
       color:#1b1b1b;
   }
   .visitcard #shareicons a:hover
   {
   color:#9e2558;
   }
   .visitcard .fa-code, .visitcard .fa-thumbs-up {
    position: absolute;
    bottom: 2px;
    left: 10px;
}
   .mrgb20
   {
       margin-bottom:20px;
   }
   .mrgb10
   {
       margin-bottom:10px;
   }
   .lgbg
   {
       background:#eee;
       border-radius:5px;
       border:1px solid #ccc;
   }
   .mrgl20
   {
       margin-right:20px;
   }
   .cards .visitcard
   {
       width:300px;
       display:inline-block;
       margin-left:30px;
       margin-bottom:20px;
   }
   .compinfo #newslink
   {
       float:left !important;
   }
   #mainnews
{
    width:100%;
    overflow:hidden;
    margin-bottom:10px;
}
.topnews
{
    width:520px;
    float:left;
} 
.topnews div.newsitems
{
    width:100%;
    overflow: hidden;
    margin-top:10px;
    height:108px;
    overflow: hidden;
    background:#eee;
    border:1px solid #fff;
    padding-bottom:5px;
}
.topnews div.newsitems:hover
{
    border-color:#ccc;
    background:#f3d3e0;
}
.topnews div.newsitems>div
{
    padding:10px;
}
.topnews h2
{
    height:25px;
    overflow:hidden;
}
.topnews p
{
    font-size:13px; 
    text-align: justify;
    height:47px;
    overflow:hidden;
}
.topnews img
{
    width:150px;
    height:auto; 
    float:left;
    margin-right:10px;
}
.newslist
{
    float:left;
    margin-left:20px;
    width:320px;
    font-size:14px;
}
.newslist h3
{
    font-weight:normal;
    padding-left:15px;
    position: relative;
}
.newslist h3 a
{
    display: block;
    max-height:45px;
    overflow:hidden;
}
.newslist li
{
  margin-top:10px;  
  border-bottom:1px dashed #ccc;
  padding:5px 0;     
}
.newslist li h3:before
{
    content:'';
    width:7px;
    height:7px;
    border-radius:50%;
    background:#ccc;
    position: absolute;
    top:9px;
    left:0;
}
.newslist li:hover h3:before
{
    background:#b54172 ;
} 
.newslist h2
{
    margin-top:10px;
    background:#b54172;
    padding:5px;
    width:120px;
    color:#ccc;
}
.mrgt20
{
    margin-top:20px;
}
.newslist.graybg a
{
    color:#999;
}
.newslist.graybg a:hover
{
    color:#ccc;
}
.daynews
{
    margin-top:10px;
    padding-left:10px;
}
.daynews div
{
   border-bottom:1px solid #444;
   padding:5px 0; 
}
.daynews h3:before
{
   content:'';
   float:left; 
   margin-right:5px;
   margin-top:9px;
}
.daynews h3:hover:before
{
    font:12px fontAwesome;
    content:'\f005';
    color:#b54172;
}
#forgpass
{
    float:left;
    font-size:13px;
    margin-top:-10px;
}
.verifymsg
    {
        margin:100px auto;
        font-size:18px;
        text-align:center;
    }
    .verifymsg .purbtn
    {
        display:inline-block;
        margin-top:20px;
    }
    .verifymsg i
    {
      font-size: 30px;
      color: #24ab15;
    }
    .verifymsg i.red
    {
        color:#de0f0f;
    }
    .font20
    {
        font-size:20px;
    }
    .font16
    {
        font-size:16px !important;
    }
    .whcolor,.whcolor:hover
    {
        color:#fff;
    }
    #eventsDiv
{
 width:100%;
 overflow: hidden;
 padding-bottom:20px;
}
#eventsDiv #evetop
{
    background:#9E2558 url('https://wikiplast.ir/images/logonew.png') no-repeat center 20px;  
    overflow: hidden;
    padding:60px 20px 20px 20px;  
    border-radius:10px 10px 0 0;
    text-align: center;
}
#eventsDiv select
{
    width:120px;
    font:11pt tahoma;
}
#eventsDiv ul
{
    width:300px;
    margin:0 auto; 
}
#eventsDiv li
{
    float:left;
    margin-right:10px;
    background:#eee;
    width:40px;
    margin-top:7px;
    text-align: center;
    
}  
#eventsDiv li a
{
    display: block;
    border-radius:5px;
}
#eventsDiv li.today a,#eventsDiv span a.active
{
    background:#f7c4d9;
} 
#eventsDiv .havevent
{
    background:#888;
    color:#fff;
}
#eventsDiv span a
{
    padding:5px;
    margin-left:5px;
    border-radius:5px;
    float:left;
    margin-top:7px;
    margin-left:28px;
    color:rgb(68, 131, 164);
}
.maintr.selected
{
    background:#f7c4d9 !important;
}
  .pricetbl td span
   {
       display:block;
       min-height:20px;
   }
   .defday
   {
       background:#da3e80 !important;
   }
.btnsum
{
    font:bold 20pt tahoma;
    cursor: pointer;
    height:40px;
    line-height:35px;
    background:#b54172;
    border-radius:5px;
    color:#fff;
}
.btnsum:hover
{
    background:#d46896;
}
#excelico
{
    font-size:30px;
    margin-bottom:5px;
    color:#fff;
}
.minnot
{
    font-size:10pt;
    color:#333;
}
.accords
{
    border:1px solid #aaa;
    border-radius:5px 5px 0 0;
    padding:10px;
    cursor: pointer;
    margin-top:20px;
}
.accords:after
{
    content:'+';
    float:right;
    font-size:20px;
    font-weight:bold;
    color:#ce2d71;
}
.accords.closeac
{              
    background:#eee;
    border-color:#ccc;
}
.accords.closeac:after
{
    content:'-';    
}
.accordcont
{
    border:1px solid #ccc;
    padding:10px;
    overflow: hidden;
    display: none;
}
:lang(en)
    {
        font-family:tahoma !important;
        direction:ltr;
        text-align:left;
    }
 #startdate,#enddate,#ddltype
{
    width:130px;
    height:20px;
    font:10pt tahoma;
}
#ddltype
{
    width:170px;
    height:35px;
}
.gray
{
    color:#777;
}
.acsdiv
{
    margin-bottom:20px;
}
#calframe
        {
            background:#ecbfd2;
            padding:10px;
        }
        #calres
        {
        width:100px;
        height:30px;
        line-height:30px;
        background:#fff;
        border:1px solid #ccc;
        float:right;
        margin-left:10px;
        text-align:center;
        }
        #calcont
        {
          display:block;
        }
        #calframe span,#calframe select
        {
        	margin-bottom:10px;
        }
        #sumbox
        {
        text-align:center;
	margin-top:20px;
        }
        #backbtn
        {
        margin-right:10px;
	font-size:20px;
	cursor:pointer;
        }
        #credit
        {
            padding:10px;
            border:1px solid #ccc;
        }
        #accounts li
        {
            display: block;
            margin-bottom:20px;
            
        }
        #billframe
        {
            display: none;
        }
        .graybtn
        {
            background:#999;
            color:#fff;
            border-radius:3px;
            padding:5px;
        }
        .graybtn:hover
        {
            background:#888;
            color:#fff;
        }
        .adsmonth
        {
            width:70px !important;
        }
        #accounts h3
        {
            border-bottom:1px solid #ccc;
            padding-bottom:5px;
            margin-bottom:10px;
            color:#9e2558;
        }
        .maincell
        {
            background:#f3d2e0;
            color:#9E2558;
        }
        .sampad
{
    text-align: center;
    border:1px solid #ccc;
    font-size:18px;
    background:#b54172;
    color:#fff;
    max-width: 100%;
    overflow: hidden;
    margin: 0 auto;
    margin-bottom: 10px;
    display:inline-block;
}
.sampad a
{
    color:#fff;
    display: block;
}
#chngtbl
{
width:100%;
margin-top:30px;
text-align:center;
overflow:hidden;
float:left;
}
#chngtbl td
{
 border-right:1px solid #ccc;
}
#chngtbl span
{
display:block;
margin-top:5px;
}
.graycell
{
 color:#777;
 font-size:10pt;
}
.enltr
{
 direction:ltr;
 color:#333;
}
.grcell
{
    background:#a8fb8e;
}
.redcell
{
    background:#ec5353;
}
.mrgt0
{
    margin-top:0 !important;
}
.mrgt-5
{
    margin-top:-5px !important;
}
.pad10
{
    padding:10px;
}
.pad5
{
    padding:5px;
}
.overh
{
    width:100%;
    overflow:hidden;
}
.overhonly
{
    overflow:hidden;
}
.disib
{
    display:inline-block;
}
#topads p
{
    margin-left:30px;
}
#topads p:last-child
{
    margin-left:0;
}
.bold
{
    font-weight:bold;
}
.btn-whatsapp-pulse {
    background: #25d366;
    color: white !important;
    position: fixed;
    bottom: 120px;
    right: 20px;
    font-size: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 0;
    height: 0;
    padding: 30px;
    text-decoration: none;
    border-radius: 50%;
    animation-name: pulse;
    animation-duration: 1.5s;
    animation-timing-function: ease-out;
    animation-iteration-count: infinite;
    z-index:200;
}
.btn-whatsapp-pulse-border {
   
    animation-play-state: paused;
}
.btn-whatsapp-pulse-border::before {
    content: "";
    position: absolute;
    border-radius: 50%;
    padding: 25px;
    border: 5px solid #25d366;
    opacity: 0.75;
    animation-name: pulse-border;
    animation-duration: 1.5s;
    animation-timing-function: ease-out;
    animation-iteration-count: infinite;
}

@keyframes pulse-border {
    0% {
        padding: 25px;
        opacity: 0.75;
    }
    75% {
        padding: 50px;
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}
#watbox
{
    position:fixed;
    bottom:10px;
    right:10px;
    z-index:2010;
    display:none;
}
#wathead
{
    background:#25d366;
    color:#fff;
    border-radius:10px 10px 0 0;
    padding:5px 10px;
    font-size:14px;
}
#wathead img
{
    vertical-align:middle;
    margin-left:5px;
}
#watclose
{
    float:right;
    font-size:20px;
    color:#fff;
}
#watbody
{
    background:#fff;
    height:200px;
    padding:10px;
    font-size:14px;
    border:1px solid #cecece;
    border-bottom:0;
}
#watbody span
{
    background:#eee;
    border-radius:5px;
    display:block;
    padding:10px
}
#watsend
{
    padding:15px 10px;
    background:#dfdede;
}
#wattxt
{
    border:0;
    height:40px;
    border-radius:10px;
}
#watbtn
{
    font-size:20px;
    margin-left:10px;
    color:#fff;
    text-align:center;
    border-radius:50%;
    width:50px;
    height:50px;
    line-height:60px;
    float:right;
    background:#25d366;
}
@media only screen and (min-width: 970px) and (max-width: 1199px){
    .content,.container,.catbox
    {
        width:970px;
    }
    .rightside, .newsFrame
    {
        width:600px;
    }
    .leftside
    {
        width:320px;
    }
    .box
    {
        width:280px;
    }
    
    .rightside .box p
    {
        width:310px;
    }
    .prframe
    {
        width:650px;
    }
    #priceads img
    {
        max-width:270px;
        height:auto;
    }
    .lightgray
    {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        
    }
    #amarframe>div
    {
        margin-top:20px;
    }
    .petrocats
     {
         width:270px;
     }
}
@media only screen and (min-width: 768px) and (max-width: 969px)
{
  .content,.container,.prframe,.catbox
    {
        width:768px;
    }  
    .menu
    {
        display: none;
        margin-top:0;
        width:300px;
        position: absolute;
        right:10px;
        top:95px;
        background:#eee;
        border:1px solid #ccc;
    }
    .header.fixed .menu
    {
        top:60px;
    }
    .menu li
    {
        width:100%;
        padding:0;
    }
    #respmenu
    {
        display: block;
    }
    .box
    {
        width:280px;
    }
   
    .box:nth-child(3n), .minbox:nth-child(4n)
    {
        margin-left:35px;
    }
    .slider .slidcont
    {
        width:450px;
        float:left;
        border:none;
        position: relative;
    }
    .slider .slidimg
    {
        position: relative;
        height:150px;
        float:right;
        margin-top:100px;
    }
    .slidimg img
    {
        height:150px;
    }
    .boxcont
    {
        width:100%;
    }
    .boximg
    {
        width:200px;
    }
    .rightside, .newsFrame,.leftside
    {
        width:93%;
        float:none;
    }
    .lightgray
    {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        
    }
    #amarframe>div
    {
        margin-top:20px;
    }
    .petrocats
     {
         width:320px;
     }
     .topnews
    {
        width:100%
    }
}
@media only screen and (max-width: 767px)
{
    .content,.container,.prframe,.rightside, .newsFrame,.leftside,.catbox
    {
        width:100%;
    }
    .newsFrame,.lightgray,.rightside
    {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        
    }
    .newsFrame
    {
        padding:0 10px;
    }
    .slider .slidcont
    {
        width:250px;
        float:left;
        border:none;
        position: relative;
    }
    .slidcont .newsico
    {
        display: none;
    }
    .slider .slidimg
    {
        position: relative;
        height:auto;
        width:200px;
        float:right;
        margin-top:100px;
    }
    .slidimg img
    {
        height:100px;
    }
    .menu
    {
        display: none;
        margin-top:0;
        width:300px;
        position: absolute;
        right:10px;
        top:100px;
        background:#eee;
        border:1px solid #ccc;
    }
    .menu li
    {
        width:100%;
        padding:0;
    }
    #respmenu
    {
        display: block;
    }
    .header
    {
        height:80px;
    }
    .footer
    {
        height:auto;
        overflow: hidden;
        padding:0 10px;
    }
    #menuico
    {
        margin-top:20px;
    }
    .boxcont,.boxtext
    {
        width:100%;
        position: relative;
        overflow: hidden;
        height:auto;
        border:0;
    }
    .boxcont.leftitem
    {
        border:0;
    }
    .boxtext div
    {
        width:90%;
        float:none;
    }
    .bigbox
    {
        height: auto;
        overflow: hidden;
    }
    .boximg
    {
        display: none;
    }  
    #fixicons
    {
        display: none;
    }   
    .box
    {
        max-width: 100%;
        margin:0 auto;
        float:none;
        overflow:hidden;
        margin-top:20px;
    }  
    .box:nth-child(3n), .minbox:nth-child(4n)
    {
        margin-left:auto;
    }
    .tabscont
    {
        width:100%;
    }
    .socicons.fix
    {
        display: none;
    }
    #priceads
    {
        float:none;
        text-align:center;
    }
    #regtbl input[type=text], #regtbl textarea
    {
        width:350px;
    }
    .box h3
    {
        height:auto;
    }
    #amarframe>div
    {
        margin-top: 20px;
        margin: 0 auto;
        float: none;
        margin-top:20px;
    }
    .petrocats
     {
         width:270px;
     }
     .topnews,.newslist
    {
        width:100%;
        float:none;
        margin-left:0;
        margin-right:0;
        padding:0 5px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .header.fixed
    {
        padding:10px;
    }
    .header.fixed #respmenu,.header.fixed #searchbtn
    {
        right:25px;
    }
     .header.fixed .menu
     {
         top:60px;
         right:25px;
     }
}
@media only screen and (max-width: 500px)
{
    .header
    {
        height:100px;
        padding:0 10px;
    }
    .menu
    {
        width:250px;
        top:100px;
    }
    #amarframe
    {
        padding:20px 0;
    }
    .tabscont
    {
        padding:10px 0;
    }
    .purbtn
    {
        margin-top:10px;
    }
    .box
    {
        width:300px;
    }
    .minbox
    {
        margin:0 auto;
        display:block;
        margin-top:20px;
    }
    .prframe
    {
        overflow:auto;
    }
    .slider .purbtn
    {
        display:none;
    }
    .slider h2
    {
        font-size:18px;
    }
    .line
    {
        width:80px;
    }
    .graypg>h2
    {
        font-size:20px;
    }
    #regtbl input[type=text], #regtbl textarea
    {
        width:250px;
    }
    .rightside .box img
    {
        float:none;
        display:block;
        margin:0 auto;
        margin-bottom:20px;
        max-width:100%;
        height:auto;
    }
    .rightside .box p
    {
        width:100%;
    }
    #menuico
    {
        margin-top:10px;
        width:120px;
    }
    .slider .slidimg
    {
        width:150px;
    }
    .slidimg img
    {
        width:100%;
        height:auto;
    }
    #jointeleg
    {
        display:block;
    }
    .petrocats
     {
         width:100%;
         margin-left:auto;
         margin-right:auto;
         float:none;
     }
     .pricetbl tbody
     {
         max-height:350px;
     }
     #newstype
     {
         font-size:9pt;
         height:auto;
     }
     #newstype .content
     {
         padding:10px;
     }
     #newstype .purbtn
     {
         display:none;
     }
     #msgform input[type=text], #msgform textarea
     {
         width:250px;
     }
     .filterform div,.filterform .btn
    {
        margin-bottom:10px;
    }
    #topads p:last-child,#topads p
    {
        margin-left:0;
    }
    .sampad 
    {
        float:none !important;
        margin-right:0 !important;
    }
}
@media only screen and (max-width: 400px)
{
    #regtbl input[type=text], #regtbl textarea,#regtbl select
    {
        width:150px;
    }
    .line
    {
        width:50px;
    }
    .slider .slidimg
    {
        width:100px;
    }
    input[type=text],input[type=password],select,textarea
    {
        width:100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
          box-sizing: border-box;
    }
    
}
@media only screen and (max-width: 350px)
{
    
    #menuico
    {
        width:100%;
    }
    .line
    {
        width:30px;
    }
    .topicons
    {
        margin-left:5px;
    }
}