/* RWD CASCADING STYLE SHEET */
/* Menu 05 Content */
/* 2016 04 14 CREATED BY RTISTECH */

#M5 {
    text-align: center;
    color: #333;
    background: url(../images/Alliance/Content.png) no-repeat scroll center right #F0F0F0;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    z-index: -1;

}

#M5 .Header {
    padding: 0 0 20px 0; 
    font-size: 2.0em;
    text-align: left;
}

#M5 hr { border-top: 1px solid #AAA; }

#M5 i { color: #D6AC3C; }

#M5 a { text-decoration: none; color: #333333}
#M5 a:focus { text-decoration: none; color: #333333}
#M5 a:hover { text-decoration: none; color: #333333}

#M5 p {
    padding: 0; 
    font-size: 1em;
    line-height: 1.5em;
}

#M5 img {
    padding: 20px 0 0 0; 
    width: 300px;
}

#M5 .TitleContent {
    padding: 0; 
    font-size: 2.0em;
}

#M5 .TitleContentName {
    padding: 24px 0 0 0; 
    font-size: 1.5em;
}

#M5 .TitleContentNameShort {
    padding: 12px 0 24px 0; 
    font-size: 1.2em;
}

#M5 .TitleContentBrief {
    padding: 4px 0; 
    font-size: 1em;
}

#M5 .outer {
    display: table; width: 100%; height: 400px; float: none;
}

#M5 .inner {
    display: table-cell; width: 100%; vertical-align: middle;
}

@media only screen and (min-width: 480px) and (max-width: 768px) {
    #M5 .Header { 
        padding: 0 0 30px 0;
        font-size: 2.2em; }
    #M5 p {
        font-size: 1.0em; }
}

@media only screen and (min-width: 769px) {
    #M5 .Header { 
        padding: 0 0 40px 0;
        font-size: 2.4em; }
    #M5 p {
        font-size: 1.1em; }
}