/*
 * box-sizing all object
 */
* {
    box-sizing: border-box;
}

*:before, *:after {
    box-sizing: border-box;
}

*:before, *:after {
    box-sizing: border-box;
}


/*
   GENERAL
------------------------------------------------------------------- */
html {
    height: 100%;
    padding-bottom: 1px; /* force scrollbars */
}

body {
    font-family: Helvetica, Arial,sans-serif;
    font-weight: 400;
    font-size: 13px;
    line-height: 1.6em;
    color: #333;
    text-rendering: optimizeLegibility;
    background: #fff;
}


/*
   COMMON TYPING CLASS
------------------------------------------------------------------- */
.elife-text-left {text-align: left;}
.elife-text-right {text-align: right;}
.elife-text-center {text-align: center;}
.elife-text-uppercase { text-transform: uppercase; }
.elife-text-underline { text-decoration: underline; }

/*
   COMMON DISPLAY CLASS
------------------------------------------------------------------- */
.elife-block {
    display: block;
}

.elife-inline-block {
    display: inline-block;
}

.elife-hidden {
    display: none;
}


/*
   COMMON ALIGNMENT CLASS
------------------------------------------------------------------- */
/* Floats */
.elife-left { float: left; }
.elife-right { float: right; }
.elife-center { margin:0 auto; }
.clear, .clearer {clear: both;}
.clearer {
    display: block;
    font-size: 0;
    line-height: 0;
    height: 0;
}
.clearfix:after, .clearfix:before {
    clear: both;
}
.clearfix:after, .clearfix:before {
    content: "";
    display: table;
}


/*
   RESPONSIVE IMAGE CLASS
------------------------------------------------------------------- */
img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
}



/*
   LIST - TABLE
------------------------------------------------------------------- */
/* Default Lists */
li ul, li ol {margin-left: 1em;}
ul, ol {margin: 0 0 0 1em; padding-left: 0}
ul { list-style-type: square; }
ol { list-style-type: decimal; margin-left: 1.9em; }
dl {margin: 0 0 1.5em 0;}
dl dt {font-weight: bold;}
dd {margin-left: 1.5em;}


/* Special lists */
ul.elife-ul-no-style {
    list-style: none;
    margin-left: 0;
}

/* list style vertical */
ul.elife-ul-vertical {
    list-style: none;
}

ul.elife-ul-vertical.control {
    margin-left: 15px;
}

ul.elife-ul-vertical li {
    padding: 4px 0;
}

/* list style horizontal */
ul.elife-ul-inline {
    list-style: none;
    margin-left: 0;
}
ul.elife-ul-inline li {
    display: inline-block;
    margin-right: 10px;
}
ul.elife-ul-inline li:last-child {
    margin-right: 0;
}



/* Columns */
.row { padding: 0 15px; }
.elife-col2 { width: 48%; }
.elife-col3, .col3-mid {width: 32%;}
.elife-col66 { width: 66%; }
.elife-col3-mid {margin-left: 2%;}
.elife-col4 { width: 25% }




#elife-fixbackground{
    /*background:#eee;*/
    /*background:url(../image/bg_body2.png) center top no-repeat;*/
}

/*
    PARAGRAPH
------------------------------------------------------------------- */
p {
    margin: 0 0 1.5em;
}

p:last-child {
    margin-bottom: 0;
}

.highlight {
    color: #199cb7;
}

blockquote {
    color:#444;
    font-size:1.2em;
    margin:10px 25px 10px 25px;
    padding:0 20px 0 20px;
    border-left: 2px dotted #DDD;
}


/*
    LINKS
------------------------------------------------------------------- */
a {
    color: #333;
    text-decoration: none;
    cursor:pointer;
    transition: all 0.3s ease 0s;
}

a:hover
{
    text-decoration:underline;
    cursor:pointer;
}

a:focus {
    cursor: pointer;
}

a.link {
    text-decoration: underline;
}

a.no-link:hover {
    text-decoration: none;
}


/*
    HEADING
------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    line-height: 1.4em;
    margin-bottom: 0.5em;
    margin-top: 0;
}

h1 { font-size: 1.8em; }
h2 { font-size: 1.6em; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1.0em; }
h6 { font-size: 0.8em; }