.xyhomehtml h1{ font: 300 48px/50px "Open Sans Condensed", sans-serif; }
    .xyhomehtml h1 strong{ font-weight: normal; }
    @media (max-width: 768px) {
        .xyhomehtml h1 { font-size: 40px; margin: 10px 0; text-align: center;}
        .xyhomehtml h1 span { display: block; font-size: 0.6em; line-height: 1.3em; font-weight: bold;}
    }

.xyhomehtml p{
    font-size: 120%;
    line-height: 1.7;
}
.xyhomehtml p strong{
    font-weight: normal;
}
.xyhomehtml-hidden-text{
    display: inline;
}
.display-action, .undisplay-action{
    display: none;
    color: #1f1f1f;
    padding-left: 10px; cursor: pointer;
}
.undisplay-action{
    display: none;
}
@media (max-width: 480px) {
    .display-action{
        display: inline-block;
    }
    .xyhomehtml-hidden-text{
        display: none;
        opacity: 0;
    }
    /** ReadMore actived **/
    .xyhomehtml p.active .xyhomehtml-hidden-text{
        display: inline;
        -webkit-animation-name: fadeIn;
        animation-name: fadeIn;
        -webkit-animation-duration: 0.2s;
        animation-duration: 0.2s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    }
    .xyhomehtml p.active .display-action{
        display: none;
    }
    .xyhomehtml p.active .undisplay-action{
        display: inline-block;
    }
}
@-webkit-keyframes fadeIn {
    0%{opacity: 0;}
    100% {opacity: 1;}
}
@keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
}