/*
Version:1.0.0
*/
body {
	font-family: 'Kanit', sans-serif;
	color:#b10e69;
	font-size:13px;
}
img {
	max-width:100%;
}
.pjimg img{
	background-color: transparent;
	width:100%;
}
img {
	max-width:100%;
}
.text-center{
	text-align:center;
}
.color {
color: #0000FF;
font-family: Tahoma;
font-size: 10px;
}
.re-radio{
	background-image:url(../images/refresh.png);
	background-repeat:no-repeat;
	width:45px;
	height:45px;
	background-position: center;
    display: inline-flex;
	margin-top:10px;
	
}
.login-admin{
	background-image:url(../images/login.png);
	background-repeat: no-repeat;
    width: 45px;
    height: 45px;
    margin-top: -35px;
    background-position: center;
    display: inline-flex;
}
.bg-transparent{
	padding-bottom:30px !important;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
audio.suaudio, audio::before{
	max-width:80%;
	height:50px;
	background-color:#dd5266;
	padding:2px;
	border-radius:50px;
	margin-bottom:5px;
}
audio:before{
	color:#0F0;
}
@media (min-width:1200px){
	
	
}
@media (max-width:900px){
	
}
.marquee img{
            box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
            border: 1px solid rgba(0, 0, 0, .15);
            background-color: #f30;
            overflow: hidden;
            position: relative;
            /* Full width of its parent */
            white-space: nowrap;
        }

.marquee img {
               
                margin: 0;
                line-height:20px;
                text-align: center;
               -moz-transform: translateX(100%);
                -webkit-transform: translateX(100%);
                transform: translateX(100%);
                -moz-animation: bouncing-text 20s linear infinite alternate;
                -webkit-animation: bouncing-text 20s linear infinite alternate;
                animation: bouncing-text 8s linear infinite alternate;
            }
            
            @-moz-keyframes bouncing-text {
                0% {
                    -moz-transform: translateX(100%);
                }
                100% {
                    -moz-transform: translateX(-100%);
                }
            }
            
            @-webkit-keyframes bouncing-text {
                0% {
                    -webkit-transform: translateX(100%);
                }
                100% {
                    -webkit-transform: translateX(-100%);
                }
            }
            
            @keyframes bouncing-text {
                0% {
                    -moz-transform: translateX(100%);
                    -webkit-transform: translateX(100%);
                    transform: translateX(100%);
                }
                100% {
                    -moz-transform: translateX(-100%);
                    -webkit-transform: translateX(-100%);
                    transform: translateX(-100%);
                }
            }