*{margin:0px; padding: 0px;}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
h1,h2,h3,h4,h5{font-weight: normal;}li{vertical-align:top;}
b,strong,.bold{font-weight:bold;}*:focus{outline:none;}
body{
    font-family: Arial,Tahoma;
    font-size: 62.5%;
    
}
/* float - position - width - heigt */
.fr{float:right;}.fl{float:left;}.px{position:fixed;}.ps{position:absolute;}.pr{position:relative;}
.fl100{float:left;width:100%;}.fl100p{position:relative; width:100%; float:left;}
.w100{width:100%;}.w50{width:50%;}
.h100{height:100%;}.h50{height:50%;}
.h50p{height:50px;}
.h100p{height:100px;}
.h200p{height:200px;}
.h300p{height:300px;}
.h400p{height:400px;}
.h500p{height:500px;}
.w50p{width:50px;}
.w100p{width:100px;}
.w200p{width:200px;}
.w300p{width:300px;}
.w400p{width:400px;}
.w500p{width:500px;}

.w10p{width:10px;}
.w20p{width:20px;}
.w30p{width:30px;}
.w40p{width:40px;}
.w50p{width:50px;}
.w60p{width:60px;}
/* input - img */

.btn,button,input[type=submit],input[type=button],.link,.pointer{cursor:pointer;}
.glyphicon-refresh-animate {
-webkit-animation: aia2 5s linear infinite alternate;
   -moz-animation: aia2 5s linear infinite alternate;
    -ms-animation: aia2 5s linear infinite alternate;
     -o-animation: aia2 5s linear infinite alternate;
        animation: aia2 5s linear infinite alternate; 
}
.vmiddle{vertical-align: middle !important} 
.btn:hover,button:hover,input[type=submit]:hover,input[type=button]:hover,.link:hover{opacity:0.8;}
img{max-height:100%;max-width:100%;}
.mg5{margin: 5px;}
.mgl5{margin-left: 5px;}
.mgr5{margin-right: 5px;}
/*color*/
.white{color:white;}.red{color:red;}.black{color:black;}.yellow{color:yellow;}.brown{color: brown;}
/*background*/
.bred{background-color:red;}
.bblack{background-color:black;}
.byellow{background-color:yellow;}
.bbrown{background-color: brown;}
.bwhite{background-color: white;}
/* ul li - ol li */
ul.inline li{display:inline-block;}
ul.style-none li,ul.style-none,ol.style-none, ul.style-none {list-style: none;}
ul.list-item li{display:list-item;}
/* line-height */
.lh20{line-height:20px;}
.lh22{line-height:22px;}
.lh225{line-height:22.5px;}
.lh16{line-height: 16px;}
.lh16e{line-height: 1.6em;}
.lh18{line-height: 18px;}
.lh18e{line-height: 1.8em;}
.lh20e{line-height:2em;}
.lh22e{line-height:2.2em;}
.lh225e{line-height:2.25em;}
/* margin - padding  */
.c_in{width:999px; margin:0 auto;}
.mgnone,.mg0{margin:0;}
.mgrnone,.mgr0{margin-right:0 !important;}
.mg15{margin:15px;}.mg10{margin: 10px;}
.pdtop5{padding-top:5px;}
/* display */
.underline{ text-decoration: underline;}.hide,.dpnone{display:none;}.show{display:block;}
.aright{text-align:right;}
.upper{text-transform:uppercase;}.center{text-align:center;}
a{display:inline;text-decoration:none;}a:hover{text-decoration:underline;}
.ovh{overflow:hidden;}a.ib{display: inline-block;} a.tdnone{text-decoration: none;}.clear{clear:both;}
.truncate {
  
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.line-clamp {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;  
}
.line-clamp.l2 { -webkit-line-clamp: 2; }
.line-clamp.l3 { -webkit-line-clamp: 3; }
.line-clamp.l4 { -webkit-line-clamp: 4; }
.line-clamp.l5 { -webkit-line-clamp: 5; }
.line-clamp.l6 { -webkit-line-clamp: 6; }
.line-clamp.l7 { -webkit-line-clamp: 7; }
.line-clamp.l8 { -webkit-line-clamp: 8; }


a[role=none]:hover{    cursor: text !important; }
/* pagi */
.system-pagi.default{
     margin: 10px 0;
}
.system-pagi.default li{
    vertical-align: middle;
}
.system-pagi.default li a{
    display: inline-block;
    padding: 0px 9px;
    margin-right: 4px;
    border-radius: 3px;
    border: solid 1px #c0c0c0;
    background: #e9e9e9;
    box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
    font-size: 1.1em;
    line-height: 24px;
    font-weight: bold;
    text-decoration: none; 
    color: #717171;
    text-shadow: 0px 1px 0px rgba(255,255,255, 1);

}
.system-pagi.default li a:hover {
    background: #fefefe;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), to(#f0f0f0));
    background: -moz-linear-gradient(0% 0% 270deg,#FEFEFE, #f0f0f0);
}
.system-pagi.default li a.active {
    border: none;
    background: #616161;
    box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8);
    color: #f0f0f0;
    text-shadow: 0px 0px 3px rgba(0,0,0, .5);
}
.pdl5{padding-left: 5px;} 
 

.mobile .back_to_top{right:5px; bottom: 5px;}
.col-width-10,
.col-width-20,
.col-width-30,.col-width-35,

.col-width-40,
.col-width-50,
.col-width-60,.col-width-65,
.col-width-70,
.col-width-80,
.col-width-90,
.col-width-100{
    float: left; position: relative;min-height: 1px;  padding-right: 15px;  padding-left: 15px;
}

.col-width-10{
    width: 10%;
}
.col-width-20{
    width: 20%;
}
.col-width-21{
    width: 21%;
}
.col-width-22{
    width: 22%;
}
.col-width-23{
    width: 23%;
}
.col-width-24{
    width: 24%;
} 
.col-width-25{
    width: 25%;
}
.col-width-26{
    width: 26%;
}
.col-width-27{
    width: 27%;
}
.col-width-28{
    width: 28%;
}
.col-width-29{
    width: 29%;
}
 
.col-width-30{
    width: 30%;
}
.col-width-31{
    width: 31%;
}
.col-width-32{
    width: 32%;
}
.col-width-33{
    width: 33%;
}
.col-width-34{
    width: 34%;
}
.col-width-35{
    width: 35%;
}
.col-width-36{
    width: 36%;
}
.col-width-37{
    width: 37%;
}
.col-width-38{
    width: 38%;
}
.col-width-39{
    width: 39%;
}
.col-width-40{
    width: 40%;
}
.col-width-50{
    width: 50%;
}
.col-width-60{
    width: 60%;
}.col-width-65{
    width: 65%;
}
.col-width-70{
    width: 70%;
}
.col-width-80{
    width: 80%;
}
.col-width-90{
    width: 90%;
}
.col-width-100{
    width: 100%;
}
.pd5{padding: 5px}
#sys-full-loading{
    position: fixed; top:0; left:0; height: 30px; width: 100%; z-index: 99999999999;
    background-color: #E3EFFF; opacity: 0.85;
    text-align: center;
}
#sys-full-loading > .img_loading{
    background: url('../img/loading.gif') no-repeat left center;
    font-size: 1.2em; font-style: italic;line-height: 30px; padding-left: 35px;width: 130px; margin: 0 auto
}