/* RESET ALL BROWSER Copyright 2013 by Ryan ibargame */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption,tfoot { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align:baseline; background:transparent;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
ol, ul { list-style:none; }
body { line-height: 1; margin: 0;}
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
table { border-collapse:collapse; border-spacing:0; border:0;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight:none; }
.clear { clear: both; }

/*css image responsive */
img { border:0;}
.max-img {width:100%; height:auto;}
.max-imgnews {width:100%; height:auto;}
a {text-decoration:none; font-size:.8em; font-weight:400; outline:0;}


/*start*/
.wrapper { width:100%; position:relative; margin:0 auto; padding:0;}
.row { width:96%; margin:0 2%; position:relative; padding:0; float:left;}
.wrapper>p {font-size:1em; line-height:1.2; text-align:center; margin: 15px auto;}


#navigationbar {width:100%; position:relative; margin:0 auto; padding:0; float:left; height:44px;}
#top {width:100%; position:relative; margin:0 auto; padding:0; background:#6db600; height:44px;}
#btn-menu { display:block; width:37px; height:31px; float:left; margin:7px 0 0;}
#logo { width:109px; height:29px; float:left; display:block; margin:7px 20px 0;}

.tvonline {width:100%; height:36px; position:relative; background:#6db600; float:left;  }
.tvonline h2 { color:#FFF; font-size:2.2em; margin:auto; font-family:psl_displayregular; padding:0px 0px 0px 10px; }
.tvonline>.topic { width:100%; height:30px; position:relative; background:#ececec; float:left;  }
.tvonline>.topic>h3 { color:#000; font-size:2em; font-weight: 500; margin:auto; font-family:psl_displayregular; padding:0px 0px 0px 10px;  }
.tvonline ul {width:100%; overflow: hidden; margin:auto; background-color:#FFF; }
.tvonline ul li  {width:100%; display:inline; float:left; border-bottom:#e6e6e6 solid 1px;  text-align:center;  font-size:1.4em; font-weight:normal; color:#000; line-height:normal; margin-top:3%; }
.tvonline ul li img { width:40%; float:left; margin-right:2%; margin-left:2%; margin-bottom:3%; }

.buttononline {  width:50%; height:auto; text-decoration: none; padding: 5px; margin-top:3%; margin-bottom:2%; float:left;  background: #6db600; font-size: 0.8em;  color: #ffffff; border-radius: 2px;  }
.buttononline:hover { background: #6db600; text-decoration: none;}

.buttonback { width:50%; height:auto; text-decoration: none; padding: 5px;   float:left; background: #9a9a9a; font-size: 0.8em;  color: #ffffff; border-radius: 2px; }
.buttonback:hover { background: #9a9a9a; text-decoration: none;}




@media (min-width:48em){
    
    }
@media (min-width:40em) {
    
    }
@media (min-width:30em) {
    
    
    }