﻿@font-face {
    font-family: myFirstFont;
    src: url("../fonts/helveticaneue-medium-webfont.eot");
}

@font-face {
    font-family: myFirstFontBold;
    src: url("../fonts/HelveticaNeue-Bold.woff") format("woff");
}

@font-face {
    font-family: myFirstFontMed;
    src: url("../fonts/helveticaneue-medium-webfont.eot");
}
/*url("../fonts/UTM-Neo-Sans-IntelBold.woff2?v=1.1.0") format("woff2"),*/
@font-face {
    font-family: UTM-Neo-Sans-IntelBold;
    src: url("../fonts/UTM-Neo-Sans-IntelBold.eot?v=1.1.0");
    src: url("../fonts/UTM-Neo-Sans-IntelBold.eot?#iefix&v=1.1.0") format("embedded-opentype"),
         
         url("../fonts/UTM-Neo-Sans-IntelBold.woff?v=1.1.0") format("woff"),
         url("../fonts/UTM-Neo-Sans-IntelBold.ttf?v=1.1.0") format("truetype"),
         url("../fonts/UTM-Neo-Sans-IntelBold.svg?v=1.1.0#Light") format("svg");
    font-weight: 300;
    font-style: normal;
}

body {
    color: #222;
    font-family: myFirstFont, Helvetica, Arial, "Lucida Grande", sans-serif !important;
    font-size: 14px !important;
    line-height: 24px !important;
}



@media only screen and (max-width: 767px) {


}

@media only screen and (min-width: 768px) {
#todo{ font-size:20px;font-family: myFirstFont !important;color: #666;
  text-shadow: 0 1px #fff, -1px 0 #fff, -1px 2px #fff, -2px 1px #fff, -2px 3px #fff, -3px 2px #fff; margin-bottom:1em}
  
  #bounce {
  font-size: 32px;
  font-family: UTM-Neo-Sans-IntelBold;
  text-align: left;
  color: #333;
  font-weight: bold;
  text-shadow: 0 1px #fff, -1px 0 #fff, -1px 2px #fff, -2px 1px #fff, -2px 3px #fff, -3px 2px #fff, -3px 4px #fff, -4px 3px #fff, -4px 5px #fff, -5px 4px #fff;margin-bottom:15px
}
}
@keyframes fadeInLeft {
    from {
        opacity: 0;
        transform: translateX(-60px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(50px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}


@keyframes fadeInRight {
    from {
        opacity: 0;
        transform: translateX(60px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes floating {
    0%,100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-12px);
    }
}

.animate-fadeInLeft {
    animation: fadeInLeft 1s ease-out forwards;
}

.animate-fadeInRight {
    animation: fadeInRight 1.2s ease-out forwards;
}

.animate-floating {
    animation: floating 4s ease-in-out infinite;
}

.animate-fadeInUp {
    opacity: 0;
    animation: fadeInUp 0.8s ease-out forwards;
}
@keyframes rotateInUpRight {
    0% {
        opacity: 0;
        transform-origin: right bottom;
        transform: translateY(120px) rotate(45deg);
    }

    100% {
        opacity: 1;
        transform-origin: right bottom;
        transform: translateY(0) rotate(0deg);
    }
}

.animate-rotateInUpRight-delay {
    opacity: 0;
    animation: rotateInUpRight 0.8s ease-out 0.8s forwards;
}
.animate-rotateInUpRight-delay-2 {
    opacity: 0;
    animation: rotateInUpRight 1.2s ease-out 0.8s forwards;
}
.paging {clear:both; margin-bottom:20px; margin-top:20px; text-align:center;}
.paging a  { 
	 color:#000000;  
	 text-decoration:none; border:1px solid #ddd; padding:10px 15px; text-align:center; margin-right:5px; }
.paging a:hover{ 
	color:#fff; text-decoration:underline; background-color:#ED1D24}  
.paging .current  { 
	background-color:#ED1D24; color:#fff; 
	padding:10px 15px; text-align:centerfont-weight:bold}
	
.prose h1, .prose h2, .prose h3,.prose h4,.prose h5,.prose h6 {
	margin: 0;
	line-height: 1.2 !important;
	/*font-family: "Montserrat", Arial, Helvetica, sans-serif; */
	
	/* Đặt phông chữ */
	
}

.prose h1{	
	font-size: 28px !important;
	/*line-height: 20px !important;*/
}

.prose h2{	
	font-size: 24px !important;
	/*line-height: 19px !important;*/

}

.prose h3 {	
	font-size: 20px !important;
	/*line-height: 18px !important;*/

}

.prose h4 {	
	font-size: 18px !important;
	/*line-height: 17px !important;*/

}


.prose h5 {	
	font-size: 16px !important;
	/*line-height: 16px !important;*/

}	
.prose img{ display:initial !important;}