body {
	background-color:#f7f7f7;
}
/*img {
	max-width:100%;
	height:auto;
}*/

.img100 img {
	width:100%;
}
.float-left {
	float:left;
}
.float-right {
	float:right !important;
}
.red-text {
	color:#cd1e32;
}
.green-text {
	color:#02c0af;
}
.font-weight {
	font-weight:700;
}
.bg-red {
	background-color:#cd1e32;
}
.bg-black {
	background-color:#181818;
	height:15px;
}
.bg-gay {
	background-color:#1a1a1a;
}
.bg-white {
	background-color:#FFF;
}
.text-nav {
	line-height:55px;
	font-size:14px;	
	color:#FFFFFF;
}
.text-nav a {
	color:#FFFFFF;
}
.text-nav a:hover {
	text-decoration:none;
	color:#fecf01;
}
.margin-right-5 {
	/*margin-right:5px;*/
}
.margin-right-5 img {
	margin-right:5px;
}
.margin-bottom-10 {
	margin-bottom:10px;
}
.margin-bottom-20 {
	margin-bottom:20px;
}
.margin-bottom-30 {
	margin-bottom:30px;
	line-height:25px;
}
.margin-bottom-box {
	margin-bottom:30px;
	float:left;
	width:100%;
}
.margin-top-15 {
	margin-top:15px;
}
.margin-top-33 {
	margin-top:33px;
}
.margin-top-5 {
	margin-top:-5px;
}
.margin-top-20 {
	margin-top:-20px;
}
.margin-left-8 {
	margin-left:8px;
}
.padding-0 {
	padding:0px;
}
.right {
	float:right;
}
.left {
	float:left;
}
.top-bar-line1 {
	line-height:15px;
	margin-bottom:12px;
}
.top-bar-line2 {
	line-height:20px;
}
.leader-board {
    margin: 15px auto;
    max-width: 728px;
    text-align: center;
    width: 100%;
}
.leader-board img {
	width:100%;
	height:auto;
}
.slideshow-1 {
	width:100%;
	padding:0;
}
.logo-center {
	text-align:center;
}

/*Top-Star*/
.top-star {
	margin-left:20px;
	width:95%;
	margin-bottom:20px;
}
.top-star-2 {
	margin-left:17px;
	width:81%;
	margin-bottom:20px;
}
.top-star-header {
	width:100%;
	float:left;
	background-color:#959595;
	color:#1a1a1a;
	padding:25px 20px 20px;
	font-size:17px;
	font-weight:700;
	
}
.star-detail {
	background: #1a1a1a none repeat scroll 0 0;
	padding:1em;
	float:left;
	width:100%;
	color:#fff;
}
.star-detail:hover {
	background: #000000 none repeat scroll 0 0;
}
.star-detail img {
	width:100%;
}
.star-img {
	width:30%;
	float:left;
}
.star-content {
	width:70%;
	float:left;
	padding-left:20px;
}
.star-content a {
	color:#fff;
	text-decoration:none;
}
.box-star-ad {
	background: #fff none repeat scroll 0 0;
    border: 1px solid #dddddd;
    float: left;
    padding: 10px;
    width: auto;
	height:auto;
}
.box-star-ad2 {
	background: #fff none repeat scroll 0 0;
    border: 1px solid #dddddd;
    float: left;
    padding: 10px;
    /*width: 100%;*/
	height:auto;
	text-align:center;
	max-width:320px;
}
.box-star-ad3 {
	background: #fff none repeat scroll 0 0;
    border: 1px solid #dddddd;
    float: left;
    padding: 10px;
    width: auto;
	height:auto;
	margin-bottom:15px;
}
.box-star-ad4 {
	background: #fff none repeat scroll 0 0;
    border: 1px solid #dddddd;
    float: left;
    padding: 10px;
    width: auto;
	height:auto;
	margin-left:25px;
}
.ad-320-100 {
	max-width:320px;
	margin:15px auto;
}
/*Top-Star*/

/*Red-Bar*/
.button-n {
	width:90px;
	height:30px;
	line-height:25px;
	color:#353535;
	border:0;
	box-shadow: 2px 2px #960818;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f9cb57+0,f9d068+50,f2a900+51,f9c645+100 */
background: #f9cb57; /* Old browsers */
background: -moz-linear-gradient(top, #f9cb57 0%, #f9d068 50%, #f2a900 51%, #f9c645 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #f9cb57 0%,#f9d068 50%,#f2a900 51%,#f9c645 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f9cb57 0%,#f9d068 50%,#f2a900 51%,#f9c645 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9cb57', endColorstr='#f9c645',GradientType=0 ); /* IE6-9 */

-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
/*Red-Bar*/

/*News-Detail*/
.news-detail {
	background: #fff none repeat scroll 0 0;
    border: 1px solid #dddddd;
	padding:1em;
	float:left;
	width:100%;
}
.news-detail-header {
	width:100%;
	float:left;
	background-color:#1a1a1a;
	color:#FFF;
	padding:15px 20px 5px;
	font-size:16px;
}
.news-detail-buttom {
	width:100%;
	float:left;
	background-color:#ddd;
	color:#818181;
	padding:15px 15px 0;
	font-size:22px;
	font-weight:700;
	text-align:center;
	margin-bottom:40px;
}
.date {
	font-weight:700;
	width:20%;
	float:left;
	padding-left:20px;
	text-align:left;
}
.date-2 {
	font-weight:700;
	width:20%;
	float:left;
	padding-left:20px;
	text-align:left;
}
.text-thumbnail {
	font-size:18px;
	color:#333;
	line-height:24px;
	padding-left:20px;
	width:56%;
	float:left;
	text-align:left;
}
.text-thumbnail p {
	min-width:100%;
}
.text-thumbnail a {
	color:#333;
	text-decoration:none;
}
.text-thumbnail a:hover {
	color:#000;
}
.thumbnail-img {
	width:24%;
	float:left;
}
.thumbnail-img img {
	width:100%;
}
.tag {
	position:absolute;
	top:-5px;
	right:25px;
	float:right;
	background-color:#cd1e32;
	color:#fff;
	padding:5px 10px;
	z-index:1;
}
.tag:hover {
	color:#cd1e32;
	background-color:#f6f6f6;
}
.tag-2 {
	position:absolute;
	top:35px;
	right:25px;
	float:right;
	background-color:#cd1e32;
	color:#fff;
	padding:5px 10px;
	z-index:1;
}
.tag-2:hover {
	color:#cd1e32;
	background-color:#f6f6f6;
}
/*search*/
.tag-3 {
	position:absolute;
	top:-5px;
	right:25px;
	float:right;
	background-color:#cd1e32;
	color:#fff;
	padding:5px 10px;
	z-index:1;
}
.tag-3:hover {
	color:#cd1e32;
	background-color:#f6f6f6;
}
.head-search {
	width:100%;
	font-size:18px;
	font-family:"Arial";
	float:left;
	border-bottom:#dddddd solid 1px;
	margin-bottom:25px;
}
.search-more {
	color:#666;
	font-size:18px;
}
.search-red {
	width:40px;
	height:35px;
	padding:0;
	margin-top:-1px;
	float:left;
}
/*search*/

/*News-Detail*/

/*content-home*/
.head-box {
	width:auto;
	padding:0 30px;
	font-size:18px;
	border:#dddddd solid 1px;
	text-align:center;
	font-family:"Arial";
	background-color:#fff;
	float:left;
}
.head-box-2 {
	width:auto;
	padding:0 30px;
	font-size:18px;
	border:#dddddd solid 1px;
	text-align:center;
	font-family:"Arial";
	background-color:#fff;
	float:left;
}
.head-box-3 {
	width:auto;
	padding:0 30px;
	font-size:18px;
	border:#dddddd solid 1px;
	text-align:center;
	font-family:"Arial";
	background-color:#fff;
	float:left;
}
.head-box-4 {
	width:auto;
	padding:0 30px;
	font-size:20px;
	font-family:"Arial";
	float:left;
	font-weight:700;
}
.head-box a {
	color:#333;
	text-decoration:none;
}
.head-box a:hover {
	color:#cd1e32;
}
.head-box-2 a, .head-box-3 a , .head-box-4 a {
	color:#333;
	text-decoration:none;
}
.head-box-2 a:hover, .head-box-3 a:hover, .head-box-4 a:hover {
	color:#cd1e32;
}
.head-box-more {
	width:1px;
	text-align:left;
	line-height:2.2;
	float:left;
}
.head-box-more-2 {
	width:1px;
	text-align:left;
	line-height:2.2;
	float:left;
}
.head-box-more-3 {
	width:1px;
	text-align:left;
	line-height:2.2;
	float:left;
}
.head-box a span.more {
	color: #cecece;
	font-weight:700;
}
.content-border {
	border:#dddddd solid 1px;
	padding:10px;
	float:left;
	width:100%;
	background:#fff;
	height:75px;
}
.content-border a {
	color:#333;
	text-decoration:none;
	height:45px;
	overflow:hidden;
	float:left;
	
}
.content-border a:hover {
	color:#000;
}
/*content-home*/


/*content-detail*/
.content-navigation {
	width:100%;
	float:left;
	font-size:14px;
	color:#5a5858;
}
.content-navigation a {
	color:#5a5858;
}
.content-navigation a:hover {
	color:#01b1e6;
	text-decoration:none;
}
.content-detail {
	width:100%;
	padding:10px 40px 40px;
	background: #fff none repeat scroll 0 0;
    border: 1px solid #dddddd;
	float:left;
}
.content-detail img{
	width:100% !important;
	height:auto !important;
}
iframe {
	/*width:100% !important;
	height:auto !important;
	min-height:350px;*/
	border: 0 none;
    bottom: 0;
    left: 0;
    top: 0;
    width: 100%;
}
.social-view {
	width:100%;
	margin:20px 0 0 0;
	float:left;
}
.social-view-a {
	float:right;
	font-size:20px;
	line-height:20px;
	font-weight:700;
	color:#7e7e7e;
}
.social-view-b {
	float:right;
}
/*content-Footer*/
.logo-sponsor img {
	max-width:200px;

} 
.logo-sponsor-2 img {
	max-width:300px;

} 
/*content-Footer*/

/*content-detail*/


/*Navbar*/
.navbar-brand { position: relative; z-index: 2; }

.navbar-nav.navbar-right .btn { position: relative; z-index: 2; padding: 4px 20px; margin: 10px auto; transition: transform 0.3s; }

.navbar .navbar-collapse { position: relative; overflow: hidden !important; }
.navbar .navbar-collapse .navbar-right > li:last-child { padding-left: 22px; }

.navbar .nav-collapse { position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; margin: 0; padding-right: 120px; padding-left: 80px; width: 100%; }
.navbar.navbar-default .nav-collapse { background-color: #f8f8f8; }
.navbar.navbar-inverse .nav-collapse { background-color: #1a1a1a; }
.navbar .nav-collapse .navbar-form { border-width: 0; box-shadow: none; }
.nav-collapse>li { float: right; }

.btn.btn-circle { border-radius: 50px; }
.btn.btn-outline { background-color: transparent; }

.navbar-nav.navbar-right .btn:not(.collapsed) {
    background-color: #02c0af;
    border-color: #02c0af;
    color: rgb(255, 255, 255);
}

.navbar.navbar-default .nav-collapse,
.navbar.navbar-inverse .nav-collapse {
    height: auto !important;
    transition: transform 0.3s;
    transform: translate(0px,-50px);
}
.navbar.navbar-default .nav-collapse.in,
.navbar.navbar-inverse .nav-collapse.in {
    transform: translate(0px,0px);
}


@media screen and (max-width: 767px) {
    .navbar .navbar-collapse .navbar-right > li:last-child { padding-left: 15px; padding-right: 15px; } 
    
    .navbar .nav-collapse { margin: 7.5px auto; padding: 0; }
    .navbar .nav-collapse .navbar-form { margin: 0; }
    .nav-collapse>li { float: none; }
    
    .navbar.navbar-default .nav-collapse,
    .navbar.navbar-inverse .nav-collapse {
        transform: translate(-100%,0px);
    }
    .navbar.navbar-default .nav-collapse.in,
    .navbar.navbar-inverse .nav-collapse.in {
        transform: translate(0px,0px);
    }
    
    .navbar.navbar-default .nav-collapse.slide-down,
    .navbar.navbar-inverse .nav-collapse.slide-down {
        transform: translate(0px,-100%);
    }
    .navbar.navbar-default .nav-collapse.in.slide-down,
    .navbar.navbar-inverse .nav-collapse.in.slide-down {
        transform: translate(0px,0px);
    }
}
/*Navbar*/

/*Highlight*/
/* Makes images fully responsive */

.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  width: 100%;
  height: auto;
}

/* ------------------- Carousel Styling ------------------- */

.carousel-inner {
  border-radius: 6px;
}

.carousel-caption {
  background-color: rgba(0,0,0,.6);
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  padding: 0 0 10px 25px;
  color: #fff;
  text-align: left;
}

.carousel-indicators {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  z-index: 15;
  margin: 0;
  padding: 0 25px 25px 0;
  text-align: right;
}

.carousel-control.left,
.carousel-control.right {
  background-image: none;
}


/* ------------------- Section Styling - Not needed for carousel styling ------------------- */

.section-white {
   padding: 10px 0;
}
.section-white {
  background-color: #fff;
  color: #555;
}



/*Highlight*/

/*image hover*/
.hovereffect {
    width: 100%;
    height: 100%;
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default;
}
.hovereffect .overlay {
    width: 100%;
    position: absolute;
    overflow: hidden;
    left: 0;
	top: auto;
	bottom: 0;
	padding: 1em;
	height: 100%;
	background: #1a1a1a;
	color: #3c4a50;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
}

.hovereffect img {
    display: block;
    position: relative;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}

.hovereffect:hover img {
-webkit-transform: translate3d(0,-10%,0);
	transform: translate3d(0,-10%,0);
}

.hovereffect h2 {
    text-transform: uppercase;
    text-align: center;
    position: relative;
    font-size: 17px;
    padding: 10px;
	margin: 0px;
	display: inline-block;
	border:#fff solid 1px;
}

.hovereffect h2 a {
    color: #fff;
	text-decoration:none;
}

.hovereffect a.info {
    display: inline-block;
    text-decoration: none;
    padding: 7px 14px;
    text-transform: uppercase;
	color: #fff;
	border: 1px solid #fff;
	margin: 50px 0 0 0;
	background-color: transparent;
}
.hovereffect a.info:hover {
    box-shadow: 0 0 5px #fff;
}


.hovereffect p.icon-links a {
	float: right;
	color: #3c4a50;
	font-size: 1.4em;
}

.hovereffect:hover p.icon-links a:hover,
.hovereffect:hover p.icon-links a:focus {
	color: #252d31;
}

.hovereffect h2,
.hovereffect p.icon-links a {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,200%,0);
	transform: translate3d(0,200%,0);
}

.hovereffect p.icon-links a span:before {
	display: inline-block;
	padding: 8px 10px;
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


.hovereffect:hover .overlay,
.hovereffect:hover h2,
.hovereffect:hover p.icon-links a {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.hovereffect:hover h2 {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
}

.hovereffect:hover p.icon-links a:nth-child(3) {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

.hovereffect:hover p.icon-links a:nth-child(2) {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}

.hovereffect:hover p.icon-links a:first-child {
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}
/*image hover*/

/*image-hover 2*/
.hovereffect-red {
    width: 100%;
    height: 100%;
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default;
}
.hovereffect-red .overlay {
    width: 100%;
    position: absolute;
    overflow: hidden;
    left: 0;
	top: auto;
	bottom: 0;
	padding: 0.1em;
	background: #cd1e32;
	color: #3c4a50;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
}
.hovereffect-red img {
    display: block;
    position: relative;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}

.hovereffect-red:hover img {
-webkit-transform: translate3d(0,-10%,0);
	transform: translate3d(0,-10%,0);
}

.hovereffect-red a.info:hover {
    box-shadow: 0 0 5px #fff;
}

.hovereffect-red:hover .overlay,
.hovereffect-red:hover h2,
.hovereffect-red:hover p.icon-links a {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
/*image-hover 2*/

/*image-hover 3 [thumbnail]*/
.hovereffect-black {
    width: 100%;
    height: 100%;
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default;
}
.hovereffect-black .overlay {
    width: 100%;
    position: absolute;
    overflow: hidden;
    left: 0;
	top: auto;
	bottom: 0;
	padding: 0.1em;
	color: #3c4a50;
	border:#ddd solid 2px;
	border-left:#ddd solid 20px;
	height:100%;
	
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
   	transition: opacity 0.35s, transform 0.35s;
 	-webkit-transform: scale(0,1);
 	-ms-transform: scale(0,1);
 	transform: scale(0,1);
	
}

.hovereffect-black a.info:hover {
    box-shadow: 0 0 5px #fff;
}

.hovereffect-black:hover .overlay,
.hovereffect-black:hover h2,
.hovereffect-black:hover p.icon-links a {
	opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
/*image-hover 3 [thumbnail]*/

/*yo*/
.blocktest {position: relative;background:#fff;overflow: visible;}
.contentori {width:100%;position: relative;z-index: 3;padding:5px;}  
.contentori a {
	color:
}   
.img {width:100%;}
.img img {width:100%;}
.topic {height:100px;padding:10px;}
.floatcontent {position: absolute;z-index: 1;background:#212225;top:0;left:0;width: 317%;padding:2% 2% 2% 105%;height: 124%;display: none;}
.blocktest.showcontent .floatcontent {}
/*yo*/

.showcontent .content-border, .showcontent .head-box {
	color:#fff;
	background:none;
	border:none;	
}

/*image hover(2)*/
.hovereffect-b {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
}


.hovereffect-b img {
  display: block;
  position: relative;
  -webkit-transition: all 0.4s ease-in;
  transition: all 0.4s ease-in;
}

.hovereffect-b:hover img {
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0" /><feGaussianBlur stdDeviation="3" /></filter></svg>#filter');
  filter: grayscale(1) blur(1px);
  -webkit-filter: grayscale(1) blur(3px);
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

.hovereffect-b a.info {
  display: inline-block;
  text-decoration: none;
  padding: 7px 14px;
  border: 1px solid #fff;
  margin: 50px 0 0 0;
  background-color: transparent;
}

.hovereffect-b a.info:hover {
  box-shadow: 0 0 5px #fff;
}

.hovereffect-b a.info, .hovereffect-b h2 {
  -webkit-transform: scale(0.7);
  -ms-transform: scale(0.7);
  transform: scale(0.7);
  -webkit-transition: all 0.4s ease-in;
  transition: all 0.4s ease-in;
  opacity: 0;
  filter: alpha(opacity=0);
  color: #fff;
  text-transform: uppercase;
}

.hovereffect-b:hover a.info, .hovereffect-b:hover h2 {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
/*image hover(2)*/