/* BODY */ 
html { min-height:100%; height:100%; }
body { min-height:100%; padding:0px 0px; max-width:100%; background: #E8E9EE; color:#696D78;  text-shadow: 0 1px 0 #F8F8F8;background:#F0F2F5;
background-image: linear-gradient(to bottom, #FAFBFB, #F0F2F5 70px);
background-repeat: no-repeat;
}
 
/* LINK */ 
a, .link { color:#3a3a3d; text-decoration:none; transition:color 0.15s ease-in-out; text-shadow: 0 1px 0 #F8F8F8;}
a:hover, a:focus, a i:hover , .link:hover{ color:#4F6580; text-decoration:none; transition:color 0.2s ease-in-out; text-shadow: 0 1px 0 #F8F8F8;}
a:active { text-decoration:unerline!important; } 
-a:focus{ color:#7072A2; }
   .white{color:#fee; text-shadow: none; }

/* HOVER */ 
img:hover { opacity:1!important; }

/* TRANSITION */ 
li, p ,a { -transition:  0.3s cubic-bezier(0, 0, 1, 1) 0s; }
.ws ,h3 { white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
hr, .hr { border: 0;  margin: 3px 0 1px 0; border-bottom: 1px solid #D9D9DA; }

 /*   */ 
div , .add { display:block; }
img { border:0; max-width:100%; }
i, .back *, .cnt , .info , .time { color:#99A6A9;  -font-size:12px;  }

 

/* OVERLAY */
.open_overlay #overlay { 
display:block; position:fixed; z-index:10; top:0px; bottom:0; right:0; left:0px; cursor:pointer; 
background: #222;
    opacity: .6;
 transition:background 1.0s ease-in-out; }
.open_overlay #overlay_close { 
display:block; position:fixed; z-index:11; width:50px; height:50px; top:0px; right:0px; cursor:pointer; 
background-image:url(/media/img/ui/light/close.png); background-position:15px 13px; background-repeat:no-repeat; 
}
.open_overlay #overlay_close:hover{ opacity:1; }
 



.tags   { padding-top: 1px;}

.tags a {
  -background-color: #efefef;
  border: 1px solid #ddd;
  line-height: 15px;
  padding: 2px 5px 2px 5px;
  border-radius: 3px;
  color: #707070;
  font-size: 11px;
  margin: 0  6px 7px 1px;
 - box-shadow: 0 1px #f0f0f0;
  display: inline-block;
 
 
  text-decoration: none;
}

.ya-share2__container{
 text-align:center; }



/* HEADER */ 
#header * { transition:all 0.4s ease-in-out; }
#header { max-width:100%; width:100%; max-width: 1020px; min-height:40px; margin:0 auto; z-index: 4;}
#header .left , #header .right { width:50px }
#header .left img{ float :left; margin:0 12px; }
#header .right img{ float :right; margin:0 12px; }
#header .logo * { width:auto; margin:0 auto; }
#header td.left, #header td.right { cursor:pointer; border:1px solid transparent; }
#header td.left:hover{}
#header td.right:hover {}
#logo { display:none; } 
#logo_mobile { display:block; }
 


 
/* USERNAV */
.usernav { position:fixed; display:block; height:24px; right:0px; bottom:0px; width:50px; z-index:8; opacity:0.66; background:#000; }
.usernav div{ display:inline-block; }
.usernav:hover { cursor:pointer; background:#000; opacity:0.7; }
.user{ display:table; float:right; min-width:150px; }
.user li { display:table-cell; width:50px; }
.usernav li:hover { background-color:#222; }




/* CANVAS */
#body_wrapper  { min-height: 88%; }
#body { 
min-height:320px;  width:auto; max-width:1020px; margin:0 auto;
box-shadow:0px 3px 20px 5px #D3D3D3, inset 1px 1px 1px 0px #EDF4FF; 
}
#sidebar_canvas { position:absolute; width:0; top:0; left:0px; right:0; bottom:0px; 
background:#FAFBFB; -opacity:.85; transition:width 0.5s ease-in-out; }
#content_canvas { 
display:block; position:absolute; z-index:0; left:0px; right:0px; top:0px; bottom:0px; 
background:#FAFBFB;-opacity:.75; transition:all 0.5s ease-in-out;
}



/* MAIN */
#main_wrapper { 
min-height:90%; width:auto; margin-left:0; padding-left:1px; left:0; transition:all 0.1s ease-in-out; color:#6F777F; }
#main_move { transition:all 0.5s ease-in-out; padding-top:15px; padding-right:2px; padding-bottom: 15px;}
#content{ min-height:320px;  min-height: 100%; width: 100%;}
h3, .h3, .h3 td { white-space:nowrap; overflow:hidden; font-family:'pts',arial; font-size:16px; color:#B2BCBF;text-shadow: 0 1px 0 #fff;} 
.h3 td+td { width: 100%; }
.h3 td+td:before {content:""; position:absolute; width:100%;padding-top:1px; left:3px; border-bottom:1px solid #E3E3E8; }
#content .h3{  margin :10px 15px 11px 8px; } 
#content h3 { margin :0px 5px 1px 8px; } 
.box{ padding:0px 10px 15px 5px;  overflow: hidden;   }
.box .fr{ padding:2px 0 0 0; float: none; }
.box:after {  sclear: both;
content: " ";
display: table;
}

.jBox-content h3{ margin :4px 5px 5px 8px; width: 100%;  } 
.mbox{ margin:0px 10px 15px 5px; overflow: hidden; }



/* ARTICLE */ 
.article { padding:0px 10px 15px 10px; color:#222; line-height: 1.4;font-size:14px; }
 #content .article h1:first-child  { width: 100%; display: block; padding:5px 0px 5px 0px;margin :0px; font-family:'pts',arial; font-size:19px; color:#000;} 
.article img {  margin:10px 15px 10px 0px; } 
.article p { margin-bottom:10px; margin-top:10px;line-height:1.5; font-size:14px;}


 
/* SIDEBAR */ 
#sidebar * { white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
#sidebar { 
display:none; width:0; float:left; padding-top:15px; margin-bottom: 15px;
transition:width 0.5s ease-in-out; overflow:hidden; 
}
#sidebar-list { margin:0 15px; z-index: 1;}
#sidebar li { display:block; width:160px; }
#sidebar li+li { padding:1px 0 0 0; }
#sidebar li.title { display:table; height:30px;}
#sidebar li.title b { 
display:table-cell; height:30px; width:100%;
text-decoration:none; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; 
text-align:center; letter-spacing:3px; color:#999; 
background: url(/css/bg/light/lined.png);;0border: 1px solid #EAEAEF;
 
 }
#sidebar li a {   display:block; padding:5px 2px 5px 2px;     }
#sidebar li a img{ padding:0 4px 0 0; opacity:.7;}
#sidebar li:hover > a { background:#F1F1F3;  }



/* NAVBAR #D8E0E3*/
#navbar * {  text-align:center;  white-space: nowrap; text-overflow:ellipsis; text-align:center; }
#navbar { width:100%; display:none; z-index:4; margin-bottom:10px; }
#navbar-list { width:99.9%; max-width:100%; min-height:100%;   }
#navbar ul { display:table; } 
#navbar li {  padding:0 0 0 2px; display:table-cell;}
#navbar a , #navbar-mobile a { height:30px;
text-decoration:none; display:table; width:100%; nheight:30px; background:#EBEBED; 
background-image: linear-gradient(to bottom, #EBEBEB 0px, #EBEBEB 50%, #E2E2E2 51%, #F3F3F3 100%);
box-shadow: 1px 1px 2px -1px rgba(0,0,0,.15); 
 }
#navbar b , #navbar-mobile b{ display:table-cell; text-align:center; }

#navbar a:hover, #navbar-mobile a:hover { 
background:#EDEDEF; transition:all 0.2s ease-in-out; 
background-image: linear-gradient(to bottom, #EEEEEE 0px, #EBE8E8 50%, #DeDeDe 51%, #F8F8F8 100%);
color:#000!important; 
} 
#navbar a.sel ,  #navbar-mobile a.sel { 
color:#555; background:#E9E4F3!important;  
background-image: linear-gradient(to bottom, #E9E4F3 0px, #E9E4F3 50%, #E0D6F7 51%, #F3F3Fc 100%)!important;
}

#navbar-hid ul { display:block; position:absolute; left:0px; display:none;  z-index:5; }
#navbar-hid li { display:block;  padding-top:2px  ;  z-index:5;fmargin:1px;
}
#navbar-mobile { display:block; position:fixed; z-index:11; top:70px; display:block; }
#navbar-mobile li { float:left; width:100%; padding:1px 0px 5px 1px; }
#navbar-mobile a { line-height:15px; text-shadow:none; padding:15px 0; }
 
 
 /* BAR WC */
.t2>.b1, .t2>.b2 { width:50%; }
.t3>.b1, .t3>.b2, .t3>.b3 { width:33.33%; }
.t4>.b1, .t4>.b2, .t4>.b3, .t4>.b4 { width:25%;}
.t5>.b1, .t5>.b2, .t5>.b3, .t5>.b4, .t5>.b5 { width:20%; }
.t6>.b1, .t6>.b2, .t6>.b3, .t6>.b4, .t6>.b5, .t6>.b6 { width:16.666%; }
.t7>.b1, .t7>.b2, .t7>.b3, .t7>.b4, .t7>.b5, .t7>.b6, .t7>.b7 { width:14.18%; }
.t8>.b1, .t8>.b2, .t8>.b3, .t8>.b4, .t8>.b5, .t8>.b6, .t8>.b7, .t8>.b8 { width:12.5%; }
.t9>.b1, .t9>.b2, .t9>.b3, .t9>.b4, .t9>.b5, .t9>.b6, .t9>.b7, .t9>.b8, .t9>.b9 { width:11.11%; }
.t10>.b1, .t10>.b2, .t10>.b3, .t10>.b4, .t10>.b5, .t10>.b6, .t10>.b7, .t10>.b8, .t10>.b9, .t10>.b10 { width:10%; }



/* LOCATION */
#location { padding-bottom: 8px; max-width:99%; white-space:nowrap;overflow:hidden;}
#location-list {display:inline-block;width:auto; max-width:70%; }
#location-list li { }
#location-list a { text-overflow:ellipsis; white-space:nowrap;overflow:hidden;
font-family:'pts',arial; font-size:15px;color:#818898;
text-decoration:none; display:block; line-height:30px; width:100%; 
white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:center; }
#location h5, #location h5 a {display:inline-block; line-height:30px; font-family:'pts',arial; font-size:15px; color:#9FA5B3;text-shadow: 0 1px 0 #FFF; }
 
 

/* SUB */ 
.sub* { z-index:222;  }
.sub { display:inline-block; text-align:center; cursor:pointer; }
.sub li:first-child { white-space: nowrap; display:inline-block; height:25px; line-height:25px; min-width:25px; padding-bottom:0px; }
.sub b { display:block; min-width:70px; max-width:250px; overflow:hidden; text-align:left;white-space: nowrap; }
.sub b label, .sub b input[type=text], .sub b input[type=submit], .sub b a { 
line-height:24px; width:100%; padding:0px 6px; display:block; border:none; text-align:center;
}
.sub b input[type=text], .sub b input[type=submit] { padding:0; height:21px; }
.sub b input[type=submit] { background:#D9D9D9; }
.sub b a { border-top:solid 1px rgba(0,0,0,.1); }
.sub li+li { height:0px; padding:0 1px 0 1px; position:absolute; overflow:hidden; width:auto; white-space:nowrap; 
transition:all 0.33s cubic-bezier(0, 0, 1, 1) 0s; box-shadow:0px 2px 3px 0px rgba(0,0,0,.65); } 
.sub li b:hover, .sub.sub_open li:first-child:hover, .sub li *:hover { }
.sub.sub_open { background:#FFFFF2;   }
.fr > .sub li, .fr.sub li { right:20px; } 
.fl > .sub i, .fl.sub i { left:0px; }
.sub.sub_open li { height:100%; } 

 

/* PAGES */
.pages { display:table; width:100%; border-spacing:3px; dpadding-bottom: 12px; float:none; overflow: hidden; }
.pages li a,.pages li b ,.pages li { display:inline-block; border:0; text-align:center; box-shadow:none; }
.pages li { display:table-cell; vertical-align:middle; }
.pages li a , .pages li b { 
display:block; width:100%; padding:5px 0 5px 0; min-width:35px;
border: 1px solid #D9D9Da; 
}
.pages .sel { background: #F9F9F9; box-shadow: inset 0 3px 6px rgba(65 ,65, 65, .1);}
 



/* PREV NEXT */
.pager * { padding: 0 6px 0 6px; rdisplay: block; text-align: center; ftext-align:right; overflow: hidden;white-space: nowrap;  }
.pager { display:table; width: 100%; padding-bottom: 12px; }
.pager li { display:table-cell; min-width: 33%; width: 33%; }
.pager a , .pager b { display: block; width: 100%;  }
.pager .center b { display:inline-block; width:auto; border: 1px solid #D9D9DA; font-family:'pts',arial; padding:6px 10px 6px 10px; }
.pager .center b+b {  border-left: 1px solid transparent;}




 /* FOOTER */
#both { clear:both; }
#footer * { font-size:11px; color:#778; }
#footer { max-width:100%; width:100%; max-width: 1010px; margin:0 auto; padding: 11px 0px 64px 11px;   }
#footer div { white-space: nowrap; overflow: hidden; float:left; }
#footer .pb { text-align:center; border:1px solid #444; }
#footer p { width:100%; display: block; margin:6px 2px; }
#footer .left:hover b:last-child { border:1px solid #FDA389; }
#footer .left { text-align:center; float :left; padding-right:10px; }
#footer .left b { display: block; margin:5px 1px; font-family:'pts',arial; font-size:12px; letter-spacing: 3px; }
#footer .left:hover * { color:#EC5E34; }
#footer .center { display: table; height:50px; }
#footer .center a { display: table-cell; padding-left:10px;  }
#footer .center { min-height:45px; border-left:1px solid #444; }
#footer .right { max-width:0px; height:50px; float :right; max-width:1px;max-height:45px; margin:0 10px 0 10px; overflow: hidden; }
#footer .right a { display:block;  margin:1px 0 0 0; }
#footer .right p { display: table-cell;   }
#footer .right img { float :right; }
#infobar-list { display: table-cell;  height:50px;}




 /* HID - MOB /TAB /PC */
.mh { display:none!important; }
.th { display:block; }
.ph { display:block; }


 /*>>>>>>>>>>>>>>>>>>>>>>>>>>> 290px SMART */
 @media all and (min-width: 290px) {

}


 /*>>>>>>>>>>>>>>>>>>>>>>>>>>> 480px TAB */
@media all and (min-width:480px) {
.mh { display:block!important; }
.th { display:none!important; }
.ph { display:block!important; }
#header { background:none; }
#footer .center { min-height:50px ; }
#footer .right { display: table; max-width:100px;  }
#navbar-mobile { display:none; }
#header .logo * { width:auto; margin:0 0; left:3px; }
#logo { display:inline-block; }
#logo_mobile { display:none; }
#navbar_btn { display:none; }
#navbar { display:block; }
#sidebar_canvas_200 { width:0px; }
#sidebar { display:none ; width:0px; float:left; left:auto; }
#main_wrapper { width:auto; }
.main { z-index:1; }
.box .fr{ padding: 0; float: right; }
.pages li.mh{ display:table-cell; }
.pages li { width:auto; }
}


/* >>>>>>>>>>>>>>>>>>>>>>>>>>> 900px PC */
@media all and (min-width:900px) {
#logo { display:inline-block; }
#logo_mobile { display:none; } 
#sidebar_btn { display:none; }
#sidebar_overlay { display:none!important; }
#sidebar_canvas { width:190px; background:none; }
#sidebar { display:block !important; width:190px !important; float:left; }
#main_wrapper { width:auto; padding-left:190px; }
#main_move { padding-right:12px;}
.main { margin-right:auto !important; }
.article {padding:0px 5px 15px 8px;}
}


 
 
/* BLOCK MSG INFO */
.msg.main { width:100%; min-height:55px; margin:50px 0 70px 0;}
.msg { sdisplay:block; min-height:28px; margin:0 0 15px 1px; width:99.5%; border:1px solid #E1E1E1;}
.msg  td:last-child { min-width: 100%; padding:0 0 0 4px;   }
.msg .icon { width:18px; min-height:100%;}
.msg.err { background: #F8ECEC; border:1px solid #F9E6E6; color:#794949;}
.msg.err .icon { background: #F9DAD9; }
.msg.ok { background: #F2F8EF; border:1px solid #D4E6D6; color:#587949;}
.msg.ok .icon { background: #D2E6CE; }
.msg.inf { background: #E8EEF7; border:1px solid #E4EAEE; color:#737D82;}
.msg.inf .icon { background: #D9E6EE; }

 
 



/* TLIST */
.tlist.db {  margin: 3px  5px 0px 3px;  max-width: 99%; }
.tlist { width: 100%; max-width: 100%; overflow: hidden; border-spacing: 0; border: 1px solid #8b939a24; border-bottom: 1px solid transparent; }
.tlist td { height: 28px; padding: 0 8px;  border-bottom: 1px solid #8b939a24; ;}
.tlist.db td { white-space: nowrap;  }
.tlist td + td { -border-left: 1px solid #E7E8E9; }
.tlist tr.hf * { font-weight: 700!important;}
.tlist tr:hover {  background: #fff;  }
.tlist tr.hf {height: 26px; background: #F1F1F2; color:#A2A2A2; font-weight: 400!important;font-size: 11px; 
 
}

.tlist .tt td, .tt td:hover {  background: #E8E8EA; }
.tlist td + td label { display: inline-block; width: 100%; }
.db .thf td { height: 25px; white-space: nowrap; }
.db td a { display: inline-block; float: left; width: 90%;}
.db td a+a { float: right; text-align: center;width: 10%; padding:0 0px 0 3px ; position: absolute;border-left: 1px solid #E3E3E3;}

.tlist.nohover tr:hover {  background: none;  }


 
.code {
background: #efefef; border: 1px dotted #dcdcdc;  color: #555; 
padding:11px ; margin:6px;
overflow: auto;  overflow-x: auto; 
font-family: monospace;  line-height: 1.6em;font-size: 1.1em;
}



 


/* GLOBALS */
.fl { float:left; }.fr { float:right; } .u{ text-decoration:underline}
.c { text-align:center; } .l { text-align:left; }.r { text-align:right!important; }
.p10 { padding:10px; }.p5 { padding:5px; }.p3 { padding:3px; }.p2 { padding:2px; }.p1 { padding:1px; }
.m10 { margin:10px; }.m5 { margin:5px; }.m3 { margin:3px; }.m2 { margin:2px; }.m1 { margin:1px; }
.h200 { min-height:200px!important; }
.h100 { min-height:100px!important; }
.h50 { min-height:50px!important; }
.h25 { min-height:25px!important; }
.h150 { min-height:150px!important; }
.w100 { width:100%!important;max-width:100%!important; }
.w75 { width:75%!important; max-width:75%!important;}
.w50 { width:50%!important; max-width:50%!important;}
.w33 { width:33.3333%!important;max-width:33.3333%!important; }
.w25 { width:25%!important; max-width:25%!important;}
.w20 { width:20%!important;max-width:20%!important; }
.w10 { width:10%!important; max-width:10%!important;}
.wauto { width:auto!important;max-width:auto!important; }
.block { display:block; } .iblock { display:inline-block; } .none { display:none; } 
.tab { display:table; } .itab { display:inline-table; } .tr { display:table-row; } .tc { display:table-cell; }
  
.spacer { height: 8px;margin-bottom:15px;border-bottom: 1px dotted #D7D7D7; }
.overhid { overflow: hidden;}
.op2{ opacity:.2; }.op3{ opacity:.3; }.op4{ opacity:.4; }.op5{ opacity:.5; }
.op6{ opacity:.6; }.op7{ opacity:.7; }.op8{ opacity:.8; }.op9{ opacity:.9; }
.op1:hover,.op2:hover,.op3:hover,.op4:hover,.op5:hover,.op6:hover,.op7:hover,.op8:hover,.op9:hover{ opacity:.98; }
.cp {cursor:pointer; }
 


/* COLORS */
.b-title { fbackground: #F3F5FF  !important; color: #999999;  }
.b-light { background:#E8E8E8; }
.b-dark { background:#939395; }
.b-blue , .info{ background:#87A0C1; }
.b-l-blue { background:#9AAABE; }
.b-d-blue { background:#577293; }
.b-violet { background:#6A8CE9; }
.b-green , .ok{ background:#83D0A3; }
.b-orange ,.war { background:#F5AD7A; }
.b-red , .err { background:#F57166; }


.orange { color:#EE970B; }
.red { color:#F93311; }
.green { color:#349D6A; }
.violet { color:#6060FF; }
.dark { color:#434A54; }
.black { color:#111; }
.light { color:#E8E8E8; }



.play {
position: absolute; top: 50%; left: 50%; height: 89px; width: 79px; display: block;
margin: -45px 0 0 -40px; z-index: 3; text-indent: -9999px; 
 overflow: hidden;background: url('/media/img/ui/light/play.png') no-repeat 0 0;
}
 



@font-face { 
font-family:'pts'; 
src:url('/media/fonts/pts.eot'); 
src:url('/media/fonts/pts.eot') format('embedded-opentype'),
url('/media/fonts/pts.woff') format('woff'),
url('/media/fonts/pts.ttf') format('truetype'),
url('/media/fonts/pts.svg') format('svg'); 		 
}