@charset "utf-8";
/* CSS Document */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden]{ display: none; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: sans-serif; color: #222; }
body { margin: 0; font-size: 1em; line-height: 1.4; }
a:hover, a:active { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
/*input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }*/
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }
/*------------------------------------*\
  RESET
\*------------------------------------*/
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0b1 | 201101
   NOTE:WORK IN PROGRESS
   USE WITH CAUTION AND TEST WITH ABANDON */

html,body,div,span,applet,object,iframe,

a,abbr,acronym,address,big,cite,code,
del,dfn,em,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,
table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary,
time,mark,audio,video{
  font-family: inherit;
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  font:inherit;
  vertical-align:baseline;
}
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section{
  display:block;
}
body{
  line-height:1;
}
ol,ul{
  list-style:none;
}
blockquote,q{
  quotes:none;
}
blockquote:before,blockquote:after,
q:before,q:after{
  content:'';
  content:none;
}
/* remember to define visible focus styles!
:focus{
  outline:?????;
} */

/* remember to highlight inserts somehow! */
ins{
  text-decoration:none;
}
del{
  text-decoration:line-through;
}

table{
  border-collapse:collapse;
  border-spacing:0;
}

input, textarea { border:0; font-family: 'GeogrotesqueRegular', Arial, Helvetica, sans-serif; outline:none; }

.cf { clear: both; }
.hide { display: none; }
.fl { float: left; }
.fr { float: right; }
.u { text-decoration: underline; }

/* ==|== primary styles =====================================================
   Author: Alex Cho
   Agency: Harlo Interactive
   ========================================================================== */

@font-face {
	font-family: 'dinpro';
	src: url('fonts/DINNextLTPro-Regular.eot');
	src: local('☺'), url('fonts/DINNextLTPro-Regular.woff') format('woff'), url('fonts/DINNextLTPro-Regular.ttf') format('truetype'), url('fonts/DINNextLTPro-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


/*--------------------------------*/
/*  Globals  */
/*--------------------------------*/
html, body { position:relative;background: #fff; font-family: 'GeogrotesqueRegular', Arial, Helvetica, sans-serif; }
a { color: #000; cursor: pointer; text-decoration: none; }
a:hover { color: #ff0000; text-decoration:underline }
#wrap{
	width:960px;
	margin:auto;
}
#contain { margin: 0 auto; width: 960px; min-height:1000px; position:relative;z-index:0; }
.bcktoTop{position:fixed;right:10px;bottom:10%;z-index:10;background:#959595;}
.bcktoTop a{display:block;width:28px;height:14px;background: #959595;padding:17px 11px;}
.bcktoTop a:hover{background: #fff;}
.bcktoTop a .dwnarrw{background:url('images/sprite.png') -103px -116px no-repeat; display:block;width:28px;height:14px;}
.bcktoTop a:hover .dwnarrw{background:url('images/sprite.png') -137px -116px no-repeat;}
.col-left { float: left; width: 680px; }
.col-right { float: right; width: 350px; }
section { background: #fff; margin-top: 20px; padding: 50px; }
section.slider, .cols, .clear { background-color: transparent; padding: 0; }
.MR20{margin-right:20px;}
.MB20{margin-bottom:20px;}
/*--------------------------------*/
/*  Headings  */
/*--------------------------------*/


header ul.title_slider{list-style:none;position:relative;width:1080px;min-height:280px;overflow:hidden;}
header ul.title_slider li.text_only{padding:40px 0 40px 50px;width:1030px;height:200px;overflow:hidden;}
header ul.title_slider li h1{padding:0;position:relative;}
header ul.title_slider li h1 span.title{position:relative;top:-200px;}
header ul.title_slider li h1 span.subtitle{position:relative;bottom:-200px;}
/*--------------------------------*/
/*  Header  */
/*--------------------------------*/
header { background: #fff; padding: 0 50px 50px 50px; position:relative; z-index:0;}
header h2 { background: url('../images/structure/bg_dots_double_ccc.png') left bottom repeat-x transparent; padding: 43px 0; }
header h3 { background: url('../images/structure/bg_dots_single_ccc.png') left bottom repeat-x transparent; }
header p { color: #959595; }
header p.topics { background: url('../images/structure/bg_dots_single_ccc.png') left bottom repeat-x transparent; font-family: 'GeogrotesqueUltraLight', Arial, Helvetica, sans-serif; font-size: 16px; padding: 21px 0; }
.project h3{font-size:25px;}
header p.topics span.cat_title{margin-right:5px;}
/*--------------------------------*/
/*  Nav  */
/*--------------------------------*/
.navigasi {width:980px; background: #fff; height: 116px; /*margin-bottom:-15px;*/ padding: 0px; position: relative; z-index: 8888;  }
.navigasi:hover{ padding-top:70px; }
.navigasi a.sub:active, .navigasi a.sub.selected { background-position: 0 62px; color: #252525; }
.navigasi a.sub:hover, .navigasi a.sub.selected:hover { background-position: 0 -124px; color: #ef4135; }
.logo{
	width:200px;
	height:auto;
	float:left;
	margin-top:20px;
}

.about {
	width:728px;
	height:100px;
	float:right;
	margin-top:20px;
	font-family:dinpro;
	margin-right:20px;
	
}

.box-about-link{
	width:300px;
	height:30px;
	float:left;
	margin-left:20px;
	margin-top:3px;
}

.about-link{
	width:auto;
	padding:5px;
	float:left;
	margin-left:5px;
	color:#232323;
}

.wrap_search{
	width:383px;
	height:30px;
	float:right;
	text-align:right;
	margin-right:0px;
}

.wrap_search_art{
	width:650px;
	height:40px;
	float:left;
	margin-bottom:10px;
	border-bottom:1px solid #808080;
}

.searchform input[type="text"] {
	padding-right: 0;
	max-width: 180px;
	
}

input[type="searchform"] {
	background: #666666 url(images/search.png) no-repeat 3px center;
	padding-left: 20px;
	height:28px;
	-webkit-appearance: none;
	width:180px;
	color:#CCCCCC;
	margin-left:5px;
	font-family:"Courier New", Courier, monospace;
	font-size:15px;
	float:left;

}

input[type="searchform"] {
background-color: #666666;
color: black;
font-family: arial, verdana, ms sans serif;
font-size: 12pt;
border:0px;

}

.buttons a, .buttons button{
    display:block;
    float:left;
    margin:0 0px 0 0;
    background-color:#ffff00;
    border:0px solid #dedede;
    border-top:0px solid #eee;
    border-left:0px solid #eee;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:12px;
    line-height:0px;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    
}
.buttons button{
    width:auto;
	height:30px;
    
    
}
.buttons button[type]{
    
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}


/* STANDARD */

button:hover, .buttons a:hover{
    background-color:#f9f969;
    border:0px solid #c2e1ef;
    color:#000;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

.icon-social{
	width:30px;
	height:30px;
	float:left;
}

.banner_top{
	width:728px;
	height:90px;
	float:right;
	
	margin-left:20px;
	margin-bottom:20px;
}

.box_content{
	width:980px;
	height:auto;
	float:left;
	margin-bottom:20px;
}

.left{
	width:650px;
	height:auto;
	float:left;
	margin-bottom:40px;
	margin-left:0px;
}

.right{
	width:300px;
	float:left;
	margin-left:10px;
	height:auto;
	
}

.news_left{
	width:430px;
	height:auto;
	float:left;
}

.mid-video{
	width:430px;
	height:auto;
	float:left;
	margin-left:10px;
	margin-top:10px;
	padding-bottom:8px;
}

.box-video{
	width:410px;
	height:306px;
	float:left;
}

.box-demos{
	width:200px;
	height:66px;
	float:left;
	background:#e7e6e3;
	padding:10px 5px;
	font-family:dinpro;
	text-transform:uppercase;
	font-weight:bold;
}

.wrap_hai_art{
	width:650px;
	height:auto;
	float:left;
}

.tittle-demos{
	width:200px;
	height:auto;
	float:left;
	text-transform:none;
	font-size:13px;
	font-weight:normal;
}

.box-demos span{
	font-size:14px;
	text-transform:none;
	color:#F00;
}

.box-demos a{
	color:#000;
}

.box-demos a:hover{
	color:#FF0000;
}

.h4{
	font-family:dinpro;
	font-size:18px;
	color:#000000;
	text-transform:uppercase;
	margin:0;
	padding:0;
}

.box_right{
	width:300px;
	float:left;

}

.news_mid{
	width:210px;
	height:auto;
	float:left;
	margin-left:10px;
	
}

.h-channel-left{
	width:430px;
	height:26px;
	border-bottom:2px #ff0000 solid;
	float:left;
	margin-bottom:5px;
}

.h-channel-mid{
	width:210px;
	height:26px;
	border-bottom:2px #ff0000 solid;
	float:left;
	margin-bottom:5px;
}

.news-article-left{
	width:420px;
	float:left;
	padding:5px;
	font-family:dinpro;
	font-weight:bold;
	text-transform:uppercase;
	border-bottom:dotted 2px #bcb8b2;
}

.news-article-left span{
	font-size:16px;
	font-weight:normal;
	text-transform:none;
}
.star-left{
	width:430px;
	height:7px;
	float:left;
	background:url(../images/icon-star.png) repeat;
	margin-right:5px;
}

.star-mid{
	width:155px;
	height:7px;
	float:left;
	background:url(../images/icon-star.png) repeat;
	margin-right:5px;
}

.star-photo{
	width:650px;
	height:7px;
	float:left;
	background:url(../images/icon-star.png) repeat;
	margin-right:5px;
}

.box-more{
	width:430px;
	float:left;
	height:auto;
	padding:5px;
	padding-left:0px;
	padding-right:0px;
	font-family:dinpro;
	font-weight:bold;
	text-transform:uppercase;
}

.box-more a{
	color:#FF0000;
	text-decoration:none;
}

.box-more a:hover{
	color:#000;
	text-decoration:underline;
}

.box-more-mid{
	width:210px;
	float:left;
	height:auto;
	padding:5px;
	margin-top:5px;
	padding-left:0px;
	padding-right:0px;
	font-family:dinpro;
	font-weight:bold;
	text-transform:uppercase;
	border-top: 5px solid #F00;
}

.box-more-mid a{
	color:#FF0000;
	text-decoration:none;
}

.box-more-mid a:hover{
	color:#000;
	text-decoration:underline;
}

.foto-channel-mid{
	width:210px;
	height:140px;
	float:left;
	overflow:hidden;
}

.text_news-ch-mid{
	width:225px;
	background:url(images/bg-text1.png);
	padding: 5px;
	height:auto;
	bottom:0;
	position:absolute;
	z-index: 100;
	color: #ffffff;
	font-size:20px;
	font-weight:bold;
	text-align:left;
	float:left;
	font-family:dinpro;
	text-transform:uppercase;
	font-weight:bold;
}

.text_news-ch-mid a{
	color:#000;
	text-decoration:none;
}

.text_news-ch-mid a:hover{
	color:#ff0000;
	text-decoration:underline;
}

.text_news-ch-mid span{
	text-transform:none;
	font-size:14px;
	font-weight:normal;
	color:#000;
}

.box-mid {
	width:210px;
	height:140px;
	overflow:hidden;
	position:relative;
	
}

.channel-photos{
	width:650px;
	float:left;
}

.h-channel-photos{
	width:650px;
	height:26px;
	border-bottom:2px #ff0000 solid;
	float:left;
	margin-bottom:5px;
}

.h-channel-edisi{
	width:300px;
	height:26px;
	border-bottom:2px #ff0000 solid;
	float:left;
	margin-bottom:5px;
}

.foto_edisi{
	width:150px;
	height:180px;
	float:left;
	background:#000;
}

.box_edisi_tittle{
	width:140px;
	height:auto;
	float:left;
	margin-left:10px;
}
.edisi_tittle{
	width:125px;
	height:auto;
	float:left;
	font-family:dinpro;
	background:url(images/arrow-list.jpg) -5px -4px no-repeat;
	padding-left:12px;
	font-size:13px;
	margin-bottom:11px;
}

.h-channel-mostread{
	width:280px;
	float:left;
	background:#FF0000;
	float:left;
	color:#FFF;

	font-family:Helvetica;
	font-size:18px;
	padding:10px;
}

.box-mostread{
	width:276px;
	height:auto;
	border:2px solid #F00;
	padding:10px;
	float:left;
	margin-bottom:5px;
}

.mostread-tittle{
	width:235px;
	height:30px;
	float:left;
	text-transform:uppercase;
	font-weight:bold;
	font-family:dinpro;
	padding-top:5px;
	margin-bottom:10px;
	font-size:15px;
	z-index:5;
}

.mostread-tittle a{
	color:#000000;
	text-decoration:underline;
}

.mostread-tittle a:hover{
	color:#F00;
	text-decoration:none;
}

.mostread-tittle span{
	font-size:13px;
	font-weight:normal;
	text-transform:none;
}

.mostread-tittle span a{
	color:#F00;
	text-decoration:none;
}

.mostread-tittle span a:hover{
	color:#00000;
	text-decoration:underline;
}

.mostread-number{
	width:30px;
	height:20px;
	padding:5px;
	padding-top:10px;
	float:left;
	background:#F00;
	color:#fff;
	text-align:center;
	font-family:dinpro;
	font-weight:bold;
	font-size:20px;
	margin-bottom:10px;
}

.box-social{
	width:300px;
	height:auto;
	border-bottom:2px #ff0000 solid;
	float:left;
	margin-bottom:5px;
}

.footer{
	width:960px;
	height:auto;
	padding-top:5px;
	border-top:20px solid #555555;
	float:left;
	
	
}

.box_footer{
	width:960px;
	padding:8px 0px;
	float:left;
	text-align:center;
	font-family:dinpro;
	font-size:13px;
	border-top:5px solid #555555;
	
}

.icon_footer{
	width:70px;
	padding:5px;
	height:25px;
	float:left;
	text-align:center;
}

.navigasi a.projects { margin-left: 0; }
.navigasi a.culture { margin-left: 5px;}
.navigasi a.home { background: url('images/hai.png') 0 0 no-repeat transparent; display: block; height: 145px; float:left; width: 200px; }
/*nav a.home.selected:hover, nav a.home:hover{background-position:0 -101px;}*/
.navigasi a.home img { display: block; height: 145px; width: 200px; }

/**************************/
/***  www.SliderJs.com  ***/
/**************************/
#promotion {
	width:100%;
	float:left;
	position:relative;
	height:310px;
}

#promotion-photo {
	width:650px;
	height:431px;
	float:left;
	position:relative;
	float:left;
	overflow:hidden;
	
}


#slides {
	position:absolute;
	top:0px;
	left:0px;
	z-index:100;
	margin:0px auto;
}
#slides .next, #slides .prev {
	position:absolute;
	top:95px;
	left:0px;
	width:20px;
	height:43px;
	display:block;
	z-index:101;
}
#slides .next {
	left:410px;
}
.slides_container {
	width:430px;
	height:285px;
	overflow:hidden;
	position:relative;
	background:#ADA9A3;
	
}
/* IE */ * html .slides_container {margin-left:-20px;}
.pagination {
	margin:10px auto 0px;
	margin-left:350px;
	top:-7px;
	position:absolute;
	z-index:100;
	width:70px;/* Each li including margin is 14px (14x14=56) Ooooh, and then add 2 pixels for IE */
}
.pagination li {
	float:left;margin:0 1px;
}
.pagination li a {
	display:block;
	width:12px;
	height:0px;
	padding-top:12px;
	background-image:url(images/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}
.pagination li.current a {
	background-position:0 -12px;
}

.paginations {
	margin:10px auto 0px;
	margin-left:350px;
	top:-7px;
	position:absolute;
	z-index:100;
	width:70px;/* Each li including margin is 14px (14x14=56) Ooooh, and then add 2 pixels for IE */
}
.paginations li {
	float:left;margin:0 1px;
}
.paginations li a {
	display:block;
	width:12px;
	height:0px;
	padding-top:12px;
	background-image:url(images/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}
.paginations li.current a {
	background-position:0 -12px;
}

.foto_slide{
	width:430px;
	height:285px;
	float:left;
}

.foto_slide img{
	min-width:430px;
	height:285px;
	float:left;
}

.text_news{
	width:420px;
	background:url(images/bg-text.png);
	padding: 5px;
	height:auto;
	bottom:0px;
	position:absolute;
	z-index: 9999;
	color: #ffffff;
	font-size:22px;
	font-weight:bold;
	text-align:left;
	float:left;
	font-family:dinpro;
	text-transform:uppercase;
	font-weight:bold;
}

.text_news a{
	color:#fff;
	text-decoration:underline;
}

.text_news a:hover{
	color:#ff0000;
	text-decoration:none;
}

.text_news span{
	text-transform:none;
	font-size:14px;
	font-weight:normal;
}

.banner_650{
	width:650px;
	height:auto;
	float:left;
	margin:20px 0px;
}

#slidesphoto {
	position:absolute;
	top:0px;
	left:0px;
	z-index:100;
	margin:0px auto;
}
#slidesphoto .nextphoto, #slidesphoto .prevphoto {
	position:absolute;
	top:95px;
	left:0px;
	width:20px;
	height:43px;
	display:block;
	z-index:101;
}
#slidesphoto .nextphoto {
	left:630px;
}
.slides_containerphoto {
	width:650px;
	height:300px;
	overflow:hidden;
	position:relative;
	
}

.foto_slidephoto{
	width:650px;
	height:431px;
	float:left;
}

.foto_slidephoto img{
	width:650px;
	min-height:431px;
}

.text_newsphoto{
	width:650px;
	background:url(images/bg-text.png);
	padding: 5px;
	height:auto;
	bottom:0px;
	position:absolute;
	z-index: 9999;
	color: #ffffff;
	font-size:22px;
	font-weight:bold;
	text-align:left;
	
	font-family:dinpro;
	text-transform:uppercase;
	font-weight:bold;
}

.text_newsphoto a{
	color:#fff;
	text-decoration:underline;
}

.text_newsphoto a:hover{
	color:#ff0000;
	text-decoration:none;
}

.text_newsphoto span{
	text-transform:none;
	font-size:14px;
	font-weight:normal;
}


.box-more-photos{
	width:650px;
	float:left;
	height:auto;
	padding:5px;
	margin-top:10px;
	padding-left:0px;
	padding-right:0px;
	font-family:dinpro;
	font-weight:bold;
	text-transform:uppercase;
	border-top: 5px solid #F00;
}

.h-other_article_cehai{
	width:640px;
	height:auto;
	padding:5px;
	float:left;
	background:#84beee;
	font-size:12px;
	color:#000;
	margin-top:5px;
}

.box-more-photos-cehai{
	width:650px;
	float:left;
	height:auto;
	padding:5px;
	margin-top:10px;
	padding-left:0px;
	padding-right:0px;
	font-family:dinpro;
	font-weight:bold;
	text-transform:uppercase;
	border-top: 5px solid #84beee;
	
}

.box-more-photos-cehai a{
	color:#84beee;
	text-decoration:none;
}

.box-more-photos-cehai a:hover{
	color:#000;
	text-decoration:underline;
}

.box_video{
	width:410px;
	height:300px;
	float:left;
	background:#e7e6e3;
	padding:10px;
}

.box_video_th{
	width:410px;
	height:auto;
	float:left;
	background:#e7e6e3;
	padding:10px;
}

.th_video{
	width:90px;
	height:60px;
	float:left;
	background:#333333;
	padding:3px;
	margin-top:3px;
	margin-left:1px
}

.line_video{
	width:430px;
	height:0px;
	border-bottom:5px solid #F00;
	float:left;
	margin-top:6px
}

.box_haiart{
	width:320px;
	height:245px;
	float:left;
	padding-bottom:5px;
	border-bottom:5px solid #F00;
}

.h-channel-haiart{
	width:320px;
	height:26px;
	border-bottom:2px #ff0000 solid;
	float:left;
	margin-bottom:5px;
}

.foto-haiart{
	width:210px;
	height:210px;
	overflow:hidden;
	position:relative;
	float:left;
	background:#000;
	
}

.foto-haiart-kecil{
	width:100px;
	height:100px;
	float:left;
	overflow:hidden;
	position:relative;
	
	margin-left:8px;
	margin-bottom:10px
}


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

.text_haiart a:hover{
	color:#ff0000;
	text-decoration:underline;
}

.text_haiart span{
	text-transform:none;
	font-size:14px;
	font-weight:normal;
	color:#fff;
}

.text_haiart{
	width:210px;
	background:url(images/bg-text.png);
	padding: 5px;
	height:auto;
	bottom:0px;
	position:absolute;
	z-index: 9999;
	color: #000;
	font-size:22px;
	font-weight:bold;
	text-align:left;
	
	font-family:dinpro;
	text-transform:uppercase;
	font-weight:bold;
}

.piala{
	width:30px;
	height:54px;
	background:url(images/champ3.png) no-repeat;
	top:0px;
	left:10px;
	position:absolute;
	z-index: 100;
	color: #000;
}

.flag{
	width:30px;
	height:47px;
	background:url(images/flag-champ1.png) no-repeat;
	top:0px;
	right:10px;
	font-size:12px;
	position:absolute;
	z-index: 100;
	color: #fff;
	text-align:center;
	font-family:dinpro;
	font-weight:normal;
	padding-top:15px;
}

.box-more-video{
	width:325px;
	float:left;
	height:auto;
	padding:5px;
	padding-left:0px;
	padding-right:0px;
	font-family:dinpro;
	font-weight:bold;
	text-transform:uppercase;
}

.box-more-video a{
	color:#FF0000;
	text-decoration:none;
}

.box-more-video a:hover{
	color:#000;
	text-decoration:underline;
}

.star-video{
	width:270px;
	height:7px;
	float:left;
	background:url(images/icon-star.png) repeat;
	margin-right:5px;
}

.box_polling{
	width:320px;
	height:220px;
	float:left;
}

.box_more_right{
	width:280px;
	padding:10px;
	padding-bottom:8px;
	float:left;
	background:#bab6b0;
	font-family:dinpro;
	text-align:right;
	font-weight:bold;
}

.box_more_right a{
	color:#FF0000;
}

.box_more_right a:hover{
	color:#000;
}

.line_right{
	width:300px;
	height:13px;
	float:left;
	background:url(images/line-miring.jpg);
	border-top: 5px solid #bab6b0;
	margin-top:5px;
	margin-bottom:20px;
}


.enter_mid{
	width:210px;
	height:auto;
	float:left;
	margin-left:10px;
	overflow:hidden;
	
}

.h-channel-enter{
	width:210px;
	height:26px;
	border-bottom:2px #ff0000 solid;
	float:left;
	margin-bottom:5px;
}

.foto-channel-enter{
	width:210px;
	height:180px;
	float:left;
}

.foto-channel-enter img{
	width:210px;
	height:180px;
}

.box-tittle-enter{
	width:200px;
	height:50px;
	float:left;
	background:#e7e6e3;
	padding:10px 5px;
	font-size:13px;
	font-family:dinpro;
	text-transform:uppercase;
	font-weight:bold;
	margin-bottom:5px;
}

.box-tittle-enter a{
	color:#000000;
	text-decoration:underline;
}

.box-tittle-enter a:hover{
	color:#F00;
	text-decoration:none;
}


.box-tittle-enter span{
	font-size:13px;
	text-transform:none;
	color:#808080;
	font-weight:normal;
}

.tittle-enter{
	width:200px;
	height:auto;
	float:left;
	text-transform:none;
	font-size:13px;
	font-weight:normal;
	
}

.tittle-enter a{
	color:#FF0000;
	text-decoration:none;
}

.tittle-enter a:hover{
	color:#000000;
	
}

.text_musicphotos{
	width:640px;
	background:url(images/bg-text.png);
	padding: 5px;
	height:auto;
	bottom:0px;
	position:absolute;
	z-index: 1;
	color: #ffffff;
	font-size:22px;
	font-weight:bold;
	text-align:left;
	
	font-family:dinpro;
	text-transform:uppercase;
	font-weight:bold;
}

.musicvideos{
	width:630px;
	height:492px;
	float:left;
	background:#e7e6e3;
	padding:10px;
	
}

.if_videos{
	width:630px;
	height:auto;
	float:left;
}

.if_videos_thbox{
	width:630px;
	height:auto;
	float:left;
	background:#e7e6e3;
	padding:0px;
}

.th_if_videos{
	width:105px;
	height:80px;
	float:left;
	background:#333333;
	padding:3px;
	margin-top:5px;
	margin-left:0px
}

.th_if_videos img{
	width:105px;
	height:80px;
}

.text_musicphotos a{
	color:#fff;
	text-decoration:underline;
}

.text_musicphotos a:hover{
	color:#ff0000;
	text-decoration:none;
}

.text_musicphotos span{
	text-transform:none;
	font-size:14px;
	font-weight:normal;
}

.ff-items{
	
	margin: 0px auto;
	padding-top: 0px;
	width:650px;
	float:left;
	
	
}

.ff-items a{
	display: block;
	position: relative;
	padding: 0px;
	background: #fff;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	margin: 0px;
	width: 210px;
	height: 140px;
}
.ff-items a span{
	display: block;
	background: rgba(255,29,37, 0.7);
	text-transform:uppercase;
	color: #fff;
	font-weight: bold;
	font-family:dinpro;
	padding: 20px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 170px;
	height: 0px;
	overflow: hidden;
	opacity: 0;
	text-align: center;
	text-decoration:underline;
	text-shadow: 1px 1px 1px #303857;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	
}
.ff-items a:hover span{
	height: 80px;
	opacity: 1;
	padding-top:40px;
	
}
.ff-items li img{
	display: block;
	height:140px;
}

.ff-items li{
	margin: 0px;
	float: left;
	width: 210px;
	height: 140px;
	margin-bottom:10px;
	-webkit-transition: opacity 0.6s ease-in-out;
	-moz-transition: opacity 0.6s ease-in-out;
	-o-transition: opacity 0.6s ease-in-out;
	-ms-transition: opacity 0.6s ease-in-out;
	transition: opacity 0.6s ease-in-out;
}

.ff-musicitemreview{
	
	margin: 0px auto;
	padding-top: 0px;
	width:650px;
	float:left;
	
	
}

.ff-musicitemreview a{
	display: block;
	position: relative;
	padding: 0px;
	background: #fff;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	margin: 0px;
	width: 210px;
	height: 210px;
}
.ff-musicitemreview a span{
	display: block;
	background: rgba(255,29,37, 0.7);
	text-transform:uppercase;
	color: #fff;
	font-weight: bold;
	font-family:dinpro;
	padding: 20px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 170px;
	height: 0px;
	overflow: hidden;
	opacity: 0;
	text-align: center;
	text-decoration:underline;
	text-shadow: 1px 1px 1px #303857;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	
}
.ff-musicitemreview a:hover span{
	height: 110px;
	opacity: 1;
	padding-top:80px;
	
}
.ff-musicitemreview li img{
	display: block;
	height:210px;
}

.ff-musicitemreview li{
	margin: 0px;
	float: left;
	width: 210px;
	height: 210px;
	margin-bottom:10px;
	-webkit-transition: opacity 0.6s ease-in-out;
	-moz-transition: opacity 0.6s ease-in-out;
	-o-transition: opacity 0.6s ease-in-out;
	-ms-transition: opacity 0.6s ease-in-out;
	transition: opacity 0.6s ease-in-out;
}

.ff-itemreview{
	
	margin: 0px auto;
	padding-top: 0px;
	width:650px;
	float:left;
	
	
}

.ff-itemreview a{
	display: block;
	position: relative;
	padding: 0px;
	background: #fff;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	margin: 0px;
	width: 210px;
	height: 317px;
}
.ff-itemreview a span{
	display: block;
	background: rgba(255,29,37, 0.7);
	text-transform:uppercase;
	color: #fff;
	font-weight: bold;
	font-family:dinpro;
	padding: 20px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 170px;
	height: 0px;
	overflow: hidden;
	opacity: 0;
	text-align: center;
	text-decoration:underline;
	text-shadow: 1px 1px 1px #303857;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	
}
.ff-itemreview a:hover span{
	height: 177px;
	opacity: 1;
	padding-top:120px;
	
}
.ff-itemreview li img{
	display: block;
	height:317px;
}

.ff-itemreview li{
	margin: 0px;
	float: left;
	width: 210px;
	height: 317px;
	margin-bottom:10px;
	-webkit-transition: opacity 0.6s ease-in-out;
	-moz-transition: opacity 0.6s ease-in-out;
	-o-transition: opacity 0.6s ease-in-out;
	-ms-transition: opacity 0.6s ease-in-out;
	transition: opacity 0.6s ease-in-out;
}


.ff-itemsall{
	
	margin: 0px auto;
	padding-top: 0px;
	width:650px;
	float:left;
	
	
}

.ff-itemsall a{
	display: block;
	position: relative;
	padding: 0px;
	background: #fff;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	margin: 0px;
	width: 155px;
	height: 103px;
}
.ff-itemsall a span{
	display: block;
	background: rgba(255,29,37, 0.7);
	text-transform:uppercase;
	color: #fff;
	font-weight: bold;
	font-family:dinpro;
	padding: 20px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 115px;
	height: 0px;
	overflow: hidden;
	opacity: 0;
	text-align: center;
	text-decoration:underline;
	text-shadow: 1px 1px 1px #303857;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	
}
.ff-itemsall a:hover span{
	height: 63px;
	opacity: 1;
	padding-top:20px;
	
}
.ff-itemsall li img{
	display: block;
	width:155px;
	height:103px;
}

.ff-itemsall li{
	margin: 0px;
	float: left;
	width: 155px;
	height: 103px;
	margin-bottom:10px;
	-webkit-transition: opacity 0.6s ease-in-out;
	-moz-transition: opacity 0.6s ease-in-out;
	-o-transition: opacity 0.6s ease-in-out;
	-ms-transition: opacity 0.6s ease-in-out;
	transition: opacity 0.6s ease-in-out;
}



.ff-video{
	
	margin: 0px auto;
	margin-top:10px;
	padding-top: 0px;
	width:650px;
	float:left;
	
	
}

.ff-video a{
	display: block;
	position: relative;
	padding: 0px;
	background: #fff;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	margin: 0px;
	width: 118px;
	height: 80px;
}
.ff-video a span{
	display: block;
	background: rgba(255,29,37, 0.7);
	text-transform:uppercase;
	color: #fff;
	font-weight: bold;
	font-family:dinpro;
	font-size:13px;
	padding: 20px;
	padding-left:5px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 93px;
	height: 0px;
	overflow: hidden;
	opacity: 0;
	text-align: left;
	text-decoration:underline;
	text-shadow: 1px 1px 1px #303857;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	
}
.ff-video a:hover span{
	height: 50px;
	opacity: 1;
	padding-top:10px;
	
}
.ff-video li img{
	display: block;
	width:118px;
	height:80px;
}

.ff-video li{
	margin: 0px;
	float: left;
	width: 118px;
	height: 80px;
	margin-bottom:10px;
	-webkit-transition: opacity 0.6s ease-in-out;
	-moz-transition: opacity 0.6s ease-in-out;
	-o-transition: opacity 0.6s ease-in-out;
	-ms-transition: opacity 0.6s ease-in-out;
	transition: opacity 0.6s ease-in-out;
}

.icon_video{
	width:118px;
	height:80px;
	position:absolute;
	background:url(images/video-bt.png) no-repeat;
}

.icon_videoall{
	width:210px;
	height:140px;
	position:absolute;
	background:url(images/icon_video.png) no-repeat;
}

.icon_videoart{
	width:320px;
	height:213px;
	position:absolute;
	background:url(images/icon_videoart.png) no-repeat;
}

.box_review{
	width:210px;
	height:auto;
	float:left;
}

.foto-channel-hairecomend{
	width:210px;
	height:317px;
	float:left;
}

.foto-channel-hairecomend img{
	width:210px;
	height:317px;
}

.foto-channel-moviereview{
	width:140px;
	height:210px;
	float:left;
}

.foto-channel-moviereview img{
	width:140px;
	height:210px;
}

.foto-channel-review{
	width:210px;
	height:210px;
	float:left;
}

.foto-channel-review img{
	width:210px;
	height:210px;
}
.box-tittle-review{
	width:200px;
	height:30px;
	float:left;
	background:#e7e6e3;
	padding:10px 5px;
	font-size:13px;
	font-family:dinpro;
	text-transform:uppercase;
	font-weight:bold;
	margin-bottom:5px;
}

.user_reviews_left{
	width:430px;
	height:auto;
	float:left;

}

.user_reviews_right{
	width:210px;
	height:auto;
	float:left;
	margin-left:10px;

}

.user_rate{
	width:40px;
	height:25px;
	padding:8px;
	float:right;
	background:#ff1d25;
	text-align:center;
	color:#fff;
	font-family:dinpro;
	font-size:30px;
}

.box_user_moviereview_rate{
	width:280px;
	height:210px;
	float:left;
	margin-left:10px;
}

.box_user_review_rate{
	width:210px;
	height:210px;
	float:left;
	margin-left:10px;
}

.wrap_user_review{
	width:430px;
	height:210px;
	float:left;
	margin-bottom:10px;
}

.wrap_user_review_right{
	width:200px;
	padding:5px;
	height:65px;
	background:#e1e1e1;
	float:left;
	margin-bottom:21px;
	font-family:dinpro;
	font-size:15px;
	font-weight:bold;
	text-transform:uppercase;
}

.wrap_user_review_right span{
	color:#fff;
	font-size:13px;
	text-transform:none;
	font-weight:normal;
}

.wrap_user_review_right a{
	color:#000;
	text-decoration:underline;
}

.wrap_user_review_right a:hover{
	color:#fff;
	text-decoration:none;
}

.user_rate_right{
	width:30px;
	height:20px;
	padding:8px;
	float:right;
	background:#ff1d25;
	text-align:center;
	color:#fff;
	font-family:dinpro;
	font-size:20px;
	margin-top:19px;
	margin-right:-5px;
}

.box-tittle-user-review{
	width:200px;
	height:30px;
	float:left;
	background:#e1e1e1;
	padding:10px 5px;
	font-size:13px;
	font-family:dinpro;
	text-transform:uppercase;
	font-weight:bold;
	margin-bottom:5px;
	margin-top:119px;
}

.box-tittle-user-review span{
	color:#fff;
	font-size:13px;
	text-transform:none;
}

.box-tittle-user-review a{
	color:#000;
	text-decoration:underline;
}

.box-tittle-user-review a:hover{
	color:#fff;
	text-decoration:none;
}

.box-tittle-user-moviereview{
	width:270px;
	height:30px;
	float:left;
	background:#e1e1e1;
	padding:10px 5px;
	font-size:13px;
	font-family:dinpro;
	text-transform:uppercase;
	font-weight:bold;
	margin-bottom:5px;
	margin-top:119px;
}

.box-tittle-user-moviereview span{
	color:#fff;
	font-size:13px;
	text-transform:none;
}

.box-tittle-user-moviereview a{
	color:#000;
	text-decoration:underline;
}

.box-tittle-user-moviereview a:hover{
	color:#fff;
	text-decoration:none;
}

/* ==========================================================================
	TABS
   ========================================================================== */
/*
.tabs {
    position: relative;
	margin: 0px;
	width: 286px;
	float:left;
	padding:0px;
	margin-top:0px;
	margin-bottom:5px;
	
	
}

.tabs input {
	position: absolute;
	z-index: 1000;
	width: 170px;
	height: 40px;
	left: 0px;
	top: 0px;
	opacity: 0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	cursor: pointer;
	
}
.tabs input#tab-2{
	left: 120px;
}


.tabs label {
	background: #6e4242;
	font-size: 13px;
	font-family:dinpro;
	
	height: 23px;
	position: relative;
	padding: 10px 5px 0px 5px;
    float: left;
	display: block;
	width: 133px;
	color: #fff;
	letter-spacing: 0px;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.3);

}

.tabs label:after {
    content: '';
	background: none;
	position: absolute;
	bottom: -5px;
	left: 0;
	width: 100%;
	height: 2px;
	display: block;
}

.tabs input:hover + label {
	background: #c85353;
}

.tabs label:first-of-type {
    z-index: 4;
   
}

.tab-label-2 {
    z-index: 3;
}


.tabs input:checked + label {
    background: #ff0000;
	z-index: 6;
}

.clear-shadow {
	clear: both;
}

.content {
    background: #fff;
	position: relative;
	padding:5px;
    width: 287px;
	height: 230px;
	z-index: 5;
	border:2px solid #F00;
	overflow:hidden;
}

.content div {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	opacity: 0;
	-webkit-transition: opacity linear 0.1s;
	-moz-transition: opacity linear 0.1s;
	-o-transition: opacity linear 0.1s;
	-ms-transition: opacity linear 0.1s;
	transition: opacity linear 0.1s;
	width: 287px;
	padding:10px;
}

.tabs input.tab-selector-1:checked ~ .content .content-1,
.tabs input.tab-selector-2:checked ~ .content .content-2,
.tabs input.tab-selector-3:checked ~ .content .content-3,
.tabs input.tab-selector-4:checked ~ .content .content-4 {
	z-index: 100;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;

    -webkit-transition: opacity ease-out 0.2s 0.1s;
    -moz-transition: opacity ease-out 0.2s 0.1s;
    -o-transition: opacity ease-out 0.2s 0.1s;
    -ms-transition: opacity ease-out 0.2s 0.1s;
    transition: opacity ease-out 0.2s 0.1s;
}
.content div h2,
.content div h3{
	color: #398080;
}
.content div p {
	font-size: 14px;
	line-height: 22px;
	text-align: left;
	margin: 0;
	color: #777;
	padding-left: 5px;
	font-family: Cambria, Georgia, serif;
}
*/
/* ==========================================================================
	END TABS
   ========================================================================== */

.news-tittle{
	width:630px;
	height:auto;
	padding:10px;
	font-family:dinpro;
	font-size:26px;
	text-transform:uppercase;
	float:left;
	font-weight:bold;
}

.news-tittle span{
	font-size:14px;
	font-weight:normal;
}

.news-tittle p{
	font-style:italic;
	font-weight:normal;
	font-size:15px;
	text-transform:none;
	font-weight:bold;
	word-spacing:5px;
	line-height:20px;
}

.news-tittle-social{
	width:630px;
	height:auto;
	padding:10px;
	border-top:1px solid #333;
	border-bottom:1px solid #333;
	float:left;
}

.news-foto-detail{
	width:650px;
	height:455px;
	float:left;
	margin:10px 0px;
	text-align:center;
	font-size:14px;
	font-family:dinpro;
	
}

.news-foto-detail img{
	width:650px;
	height:431px;
	margin-bottom:6px;
}

.news-detail-article{
	width:640px;
	height:auto;
	float:left;
	padding:5px;
	font-family:Arial, "Helvetica", sans-serif;
	line-height:24px;
	border-top:1px solid #333;
	border-bottom:1px solid #333;
}

.news-detail-article-c{
	width:400px;
	height:auto;
	float:left;
	padding:5px;
	font-family:Arial, "Helvetica", sans-serif;
	line-height:24px;
	
}

.box_consultant{
	width:210px;
	height:auto;
	padding:10px;
	background:#e5e4e2;
	color:#000000;
	float:left;
	font-family:dinpro;
	line-height:22px;
}

.foto_consultant{
	width:210px;
	height:210px;
	float:left;
	margin-bottom:5px;
}

.line-detail-article{
	width:640px;
	height:10px;
	float:left;
	border-top:1px solid #333;
}


/* ==========================================================================
	galeri news detail
   ========================================================================== */
   
   .lb-album{
	width: 650px;
	margin-top:10px;
	float:left;
	font-family:dinpro;
	overflow:hidden;
	border-bottom:1px solid #333;
	padding-bottom:10px;
}
.lb-album li{
	float: left;
	margin: 2px;
	margin-right:10px;
	float:left;
	width:150px;
	overflow:hidden;
}
.lb-album li > a,
.lb-album li > a img{
	display: block;
	width:155px;
	height:100px;
	overflow:hidden;
}
.lb-album li > a{
	width: 155px;
	height: 100px;
	position: relative;
	padding: 0px;
	overflow:hidden;
	
}
.lb-album li > a span{
	position: absolute;
	width: 155px;
	height: 100px;
	top: 0px;
	left: 0px;
	text-align: center;
	line-height: 150px;
	color:#FFF;
	font-size: 24px;
	opacity: 0;
	filter: alpha(opacity=0); /* internet explorer */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; /*IE8*/
	background: rgb(39,34,37);
	background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%, rgba(241,210,194,1) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,0.56)), color-stop(100%,rgba(241,210,194,1)));
	background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%,rgba(241,210,194,1) 100%);
	background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%,rgba(241,210,194,1) 100%);
	background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%,rgba(241,210,194,1) 100%);
	background: radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%,rgba(241,210,194,1) 100%);
	-webkit-transition: opacity 0.3s linear;
	-moz-transition: opacity 0.3s linear;
	-o-transition: opacity 0.3s linear;
	-ms-transition: opacity 0.3s linear;
	transition: opacity 0.3s linear;
}
.lb-album li > a:hover span{
	background: rgb(39,34,37);
	opacity: 0.8;
	filter: alpha(opacity=80); /* internet explorer */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=99)"; /*IE8*/
}
.lb-overlay{
	width: 0px;
	height: 0px;
	position: fixed;
	overflow: hidden;
	left: 0px;
	top: 0px;
	padding: 0px;
	z-index: 99;
	text-align: center;
	background: rgb(39,34,37);
	background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%, rgba(39,34,37,1) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,0.56)), color-stop(100%,rgba(39,34,37,1)));
	background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%,rgba(39,34,37,1) 100%);
	background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%,rgba(39,34,37,1) 100%);
	background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%,rgba(39,34,37,1) 100%);
	background: radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%,rgba(39,34,37,1) 100%);
	
}
.lb-overlay > div{
	position: relative;
	color: rgba(27,54,81,9);
	
	opacity: 0;
	filter: alpha(opacity=0); /* internet explorer */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; /*IE8*/
	width: 740px;
	margin: 10px auto 0px auto;
	text-shadow: 0px 1px 1px rgba(255,255,255,0.6);
	-webkit-transition: opacity 0.3s linear 1.3s;
	-moz-transition: opacity 0.3s linear 1.3s;
	-o-transition: opacity 0.3s linear 1.3s;
	-ms-transition: opacity 0.3s linear 1.3s;
	transition: opacity 0.3s linear 1.3s;
}
.lb-overlay div h3,
.lb-overlay div p{
	padding: 0px 20px;
	width: auto;
	height: 60px;
	
}
.lb-overlay div h3{
	font-size: 36px;
	float: left;
	margin-left:10px;
	text-align: left;
	margin-top:-10px;
	
	
}
.lb-overlay div h3 span,
.lb-overlay div p{
	font-size: 16px;
	font-family: Constantia, Palatino, "Palatino Linotype", "Palatino LT STD", Georgia, serif;
	font-style: italic;
}
.lb-overlay div h3 span{
	display: block;
	line-height: 6px;
}
.lb-overlay div p{
	text-align: left;
	float: left;
	width: 260px;
}
.lb-overlay a.lb-close{
	background: rgba(27,54,81,0.8);
	z-index: 1001;
	color: #fff;
	position: absolute;
	top: 43px;
	left: 50%;
	font-size: 15px;
	line-height: 26px;
	text-align: center;
	width: 50px;
	height: 23px;
	overflow: hidden;
	margin-left: -25px;
	opacity: 0;
	filter: alpha(opacity=0); /* internet explorer */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; /*IE8*/
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	-webkit-transition: opacity 0.3s linear 1.2s;
	-moz-transition: opacity 0.3s linear 1.2s;
	-o-transition: opacity 0.3s linear 1.2s;
	-ms-transition: opacity 0.3s linear 1.2s;
	transition: opacity 0.3s linear 1.2s;
}
.lb-overlay img{
	/* height: 100%; For Opera max-height does not seem to work */
	max-height: 100%;
	position: relative;
	-webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.3);
	-moz-box-shadow: 1px 1px 4px rgba(0,0,0,0.3);
	box-shadow: 0px 2px 7px rgba(0,0,0,0.2);
}
.lb-overlay:target {
	width: auto;
	height: auto;
	bottom: 0px;
	right: 0px;
	padding: 80px 100px 120px 100px;
}
.lb-overlay:target img {
	-webkit-animation: fadeInScale 1.2s ease-in-out;
	-moz-animation: fadeInScale 1.2s ease-in-out;
	-o-animation: fadeInScale 1.2s ease-in-out;
	-ms-animation: fadeInScale 1.2s ease-in-out;
	animation: fadeInScale 1.2s ease-in-out;
}
.lb-overlay:target a.lb-close,
.lb-overlay:target > div{
	opacity: 1;
	filter: alpha(opacity=99); /* internet explorer */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=99)"; /*IE8*/
}
@-webkit-keyframes fadeInScale {
  0% { -webkit-transform: scale(0.6); opacity: 0; }
  100% { -webkit-transform: scale(1); opacity: 1; }
}
@-moz-keyframes fadeInScale {
  0% { -moz-transform: scale(0.6); opacity: 0; }
  100% { -moz-transform: scale(1); opacity: 1; }
}
@-o-keyframes fadeInScale {
  0% { -o-transform: scale(0.6); opacity: 0; }
  100% { -o-transform: scale(1); opacity: 1; }
}
@-ms-keyframes fadeInScale {
  0% { -ms-transform: scale(0.6); opacity: 0; }
  100% { -ms-transform: scale(1); opacity: 1; }
}
@keyframes fadeInScale {
  0% { transform: scale(0.6); opacity: 0; }
  100% { transform: scale(1); opacity: 1; }
}

/* 
	100% Height for Opera as the max-height seems to be ignored, not optimal for large screens 
	http://bricss.net/post/11230266445/css-hack-to-target-opera 
*/
x:-o-prefocus, .lb-overlay img {
    height: 100%;
}


.others-article{
	width: 630px;
	margin-top:10px;
	float:left;
	font-size:17px;
	font-family:dinpro;
	background:#d3d3d3;
	overflow:hidden;
	border-top:1px solid #333;
	border-bottom:1px solid #333;
	padding:10px;
}

.others-article span{
	font-size:19px;
	font-weight:bold;
	text-transform:uppercase;
}

.h-comments{
	width:630px;
	float:left;
	background:#FF0000;
	float:left;
	color:#FFF;
	margin-top:10px;
	font-family:Helvetica;
	font-size:18px;
	padding:10px;
}

.h-comments-cehai{
	width:630px;
	float:left;
	background:#84beee;
	float:left;
	color:#000;
	margin-top:10px;
	font-family:Helvetica;
	font-size:18px;
	padding:10px;
}

.h-comments-ls{
	width:630px;
	float:left;
	background:#85D438;
	float:left;
	color:#FFF;
	margin-top:10px;
	font-family:Helvetica;
	font-size:18px;
	padding:10px;
}

/* ==========================================================================
	MovieTalk
   ========================================================================== */
   
   .lb-movietalk{
	width: 650px;
	margin-top:0px;
	float:left;
	font-family:dinpro;
	overflow:hidden;
	padding-bottom:10px;
	text-transform:uppercase;
}
.lb-movietalk li{
	float: left;
	margin: 0px;
	
	float:left;
	width:210px;
	overflow:hidden;
}
.lb-movietalk li > a,
.lb-movietalk li > a img{
	display: block;
	width:210px;
	height:180px;
	overflow:hidden;
}
.lb-movietalk li > a{
	width: 210px;
	height: 180px;
	position: relative;
	padding: 0px;
	overflow:hidden;
	
}
.lb-movietalk li > a span{
	position: absolute;
	width: 210px;
	height: 100px;
	top: 0px;
	left: 0px;
	text-align: center;
	padding-top:80px;
	color:#FFF;
	font-size: 18px;
	opacity: 0;
	filter: alpha(opacity=0); /* internet explorer */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; /*IE8*/
	background: rgb(39,34,37);
	background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%, rgba(241,210,194,1) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,0.56)), color-stop(100%,rgba(241,210,194,1)));
	background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%,rgba(241,210,194,1) 100%);
	background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%,rgba(241,210,194,1) 100%);
	background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%,rgba(241,210,194,1) 100%);
	background: radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%,rgba(241,210,194,1) 100%);
	-webkit-transition: opacity 0.3s linear;
	-moz-transition: opacity 0.3s linear;
	-o-transition: opacity 0.3s linear;
	-ms-transition: opacity 0.3s linear;
	transition: opacity 0.3s linear;
}
.lb-movietalk li > a:hover span{
	background: rgb(42,36,36);
	opacity: 0.8;
	filter: alpha(opacity=80); /* internet explorer */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=99)"; /*IE8*/
}
.lb-overlaymovie{
	width: 0px;
	height: 0px;
	position: fixed;
	overflow: hidden;
	left: 0px;
	top: 0px;
	padding: 0px;
	z-index: 99;
	text-align: center;
	background: rgb(39,34,37);
	background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%, rgba(39,34,37,1) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,0.56)), color-stop(100%,rgba(39,34,37,1)));
	background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%,rgba(39,34,37,1) 100%);
	background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%,rgba(39,34,37,1) 100%);
	background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%,rgba(39,34,37,1) 100%);
	background: radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%,rgba(39,34,37,1) 100%);
	
}
.lb-overlaymovie > div{
	position: relative;
	color: rgba(15,15,15,9);
	
	opacity: 0;
	filter: alpha(opacity=0); /* internet explorer */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; /*IE8*/
	width: 570px;
	margin: 10px auto 0px auto;
	text-shadow: 0px 1px 1px rgba(255,255,255,0.6);
	-webkit-transition: opacity 0.3s linear 1.3s;
	-moz-transition: opacity 0.3s linear 1.3s;
	-o-transition: opacity 0.3s linear 1.3s;
	-ms-transition: opacity 0.3s linear 1.3s;
	transition: opacity 0.3s linear 1.3s;
}
.lb-overlaymovie div h3,
.lb-overlaymovie div p{
	padding: 0px 20px;
	width: auto;
	height: 60px;
	width:570px;
	
}
.lb-overlaymovie div h3{
	font-size: 24px;
	float: left;
	margin-left:-20px;
	text-align: center;
	margin-top:-5px;
	
	
}
.lb-overlaymovie div h3 span,
.lb-overlaymovie div p{
	font-size: 16px;
	font-family: Constantia, Palatino, "Palatino Linotype", "Palatino LT STD", Georgia, serif;
	font-style: italic;
}
.lb-overlaymovie div h3 span{
	display: block;
	line-height: 6px;
}
.lb-overlaymovie div p{
	text-align: left;

	float: left;
	width: 260px;
}
.lb-overlaymovie a.lb-close{
	background: rgba(27,54,81,0.8);
	z-index: 1001;
	color: #fff;
	position: absolute;
	top: 55px;
	left: 50%;
	font-size: 15px;
	line-height: 26px;
	text-align: center;
	width: 50px;
	height: 23px;
	overflow: hidden;
	margin-left: -25px;
	opacity: 0;
	filter: alpha(opacity=0); /* internet explorer */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; /*IE8*/
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	-webkit-transition: opacity 0.3s linear 1.2s;
	-moz-transition: opacity 0.3s linear 1.2s;
	-o-transition: opacity 0.3s linear 1.2s;
	-ms-transition: opacity 0.3s linear 1.2s;
	transition: opacity 0.3s linear 1.2s;
}
.lb-overlaymovie img{
	/* height: 100%; For Opera max-height does not seem to work */
	max-height: 100%;
	position: relative;
	-webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.3);
	-moz-box-shadow: 1px 1px 4px rgba(0,0,0,0.3);
	box-shadow: 0px 2px 7px rgba(0,0,0,0.2);
}
.lb-overlaymovie:target {
	width: auto;
	height: auto;
	bottom: 0px;
	right: 0px;
	padding: 80px 100px 120px 100px;
}
.lb-overlaymovie:target img {
	-webkit-animation: fadeInScale 1.2s ease-in-out;
	-moz-animation: fadeInScale 1.2s ease-in-out;
	-o-animation: fadeInScale 1.2s ease-in-out;
	-ms-animation: fadeInScale 1.2s ease-in-out;
	animation: fadeInScale 1.2s ease-in-out;
}
.lb-overlaymovie:target a.lb-close,
.lb-overlaymovie:target > div{
	opacity: 1;
	filter: alpha(opacity=99); /* internet explorer */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=99)"; /*IE8*/
}
@-webkit-keyframes fadeInScale {
  0% { -webkit-transform: scale(0.6); opacity: 0; }
  100% { -webkit-transform: scale(1); opacity: 1; }
}
@-moz-keyframes fadeInScale {
  0% { -moz-transform: scale(0.6); opacity: 0; }
  100% { -moz-transform: scale(1); opacity: 1; }
}
@-o-keyframes fadeInScale {
  0% { -o-transform: scale(0.6); opacity: 0; }
  100% { -o-transform: scale(1); opacity: 1; }
}
@-ms-keyframes fadeInScale {
  0% { -ms-transform: scale(0.6); opacity: 0; }
  100% { -ms-transform: scale(1); opacity: 1; }
}
@keyframes fadeInScale {
  0% { transform: scale(0.6); opacity: 0; }
  100% { transform: scale(1); opacity: 1; }
}

/* 
	100% Height for Opera as the max-height seems to be ignored, not optimal for large screens 
	http://bricss.net/post/11230266445/css-hack-to-target-opera 
*/
x:-o-prefocus, .lb-overlaymovie img {
    height: 100%;
}

.popup{
	width:100%;
	height:auto;
	position:relative;
	padding:10px;
	background:#FFFFFF;
	border-radius:10px;
	
}

::selection {
	background: #555555;
	color: #ffffff;
}
::-moz-selection {
	background: #555555;
	color: #ffffff;
}

.box_latestnews{
	width:650px;
	height:auto;
	float:left;
	padding-bottom:10px;
	border-bottom:2px dotted #bcb8b2;
	margin-top:10px;
	
}

.wrap_latestnews{
	width:650px;
	height:auto;
	float:left;
	

}

.th_latestnews{
	width:155px;
	height:155px;
	float:left;
}

.article_latestnews{
	width:310px;
	height:100px;
	float:left;
	margin-left:10px;
	background:#e7e6e3;
	padding:5px;
	color:#000000;
	font-family:dinpro;
	text-transform:uppercase;
	font-weight:bold;
	font-size:15px;
	line-height:16px;
	
}

.article_latestnews span{
	color:#808080;
	font-weight:normal;
	text-transform:none;
	font-size:13px;
	
}

.article_latestnews a{
	color:#000;
	text-decoration:underline;
}

.article_latestnews a:hover{
	color:#ff0000;
	text-decoration:none;
}

.social_latestnews{
	width:77px;
	height:auto;
	float:right;
	margin-right:30px;
}

.icon_social_latestnews{
	width:77px;
	height:auto;
	float:left;
}

.most_view_box{
	width:650px;
	height:auto;
	float:left;

}

.h-channel-cewekhai{
	width:650px;
	height:26px;
	border-bottom:2px #84BEEE solid;
	float:left;
	margin-bottom:5px;
}

.box-more-cewekhai{
	width:650px;
	float:left;
	height:auto;
	padding:5px;
	margin-top:10px;
	padding-left:0px;
	padding-right:0px;
	font-family:dinpro;
	font-weight:bold;
	text-transform:uppercase;
	border-top: 5px solid #84BEEE;
}

.box-more-cewekhai a{
	color:#84BEEE;
	text-decoration:none;
}

.box-more-cewekhai a:hover{
	color:#000;
	text-decoration:underline;
}

.ff-caloncewekhai{
	
	margin: 0px auto;
	padding-top: 0px;
	width:650px;
	float:left;
	
	
}

.ff-caloncewekhai a{
	display: block;
	position: relative;
	padding: 0px;
	background: #fff;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	margin: 0px;
	width: 210px;
	height: 210px;
}
.ff-caloncewekhai a span{
	display: block;
	background: rgba(132,190,238, 0.7);
	text-transform:uppercase;
	color: #000;
	font-weight: bold;
	font-family:dinpro;
	padding: 20px;
	padding-left:10px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 180px;
	height: 0px;
	overflow: hidden;
	opacity: 0;
	text-align: left;
	

	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	
}
.ff-caloncewekhai a:hover span{
	height: 20px;
	opacity: 1;
	padding-top:10px;
	
}
.ff-caloncewekhai li img{
	display: block;
	height:210px;
}

.ff-caloncewekhai li{
	margin: 0px;
	float: left;
	width: 210px;
	height: 210px;
	margin-bottom:10px;
	-webkit-transition: opacity 0.6s ease-in-out;
	-moz-transition: opacity 0.6s ease-in-out;
	-o-transition: opacity 0.6s ease-in-out;
	-ms-transition: opacity 0.6s ease-in-out;
	transition: opacity 0.6s ease-in-out;
}

#box-ceweoftheweek
{
    width:650px;margin:0;padding:0px;
	height:648px;
    background-color:#FFF;
	float:left;
}

.foto-ceweoftheweek{
	width:430px;
	height:648px;
	float:left;
}

.foto-ceweoftheweek img{
	width:430px;
	height:648px;
}

.tittle-ceweoftheweek{
	width:200px;
	height:78px;
	padding:10px;
	background:#e1e1e1;
	float:right;
	margin-top:540px;
	font-family:dinpro;
	font-size:15px;
	text-transform:uppercase;
	font-weight:bold;
	
}

.tittle-ceweoftheweek span{
	font-size:13px;
	color:#808080;
	text-transform:none;
	font-weight:normal;
	

}

.tittle-ceweoftheweek a{
	color:#000;
}

.tittle-ceweoftheweek a:hover{
	color:#84beee;
}

.article_latestcewekhai{
	width:310px;
	height:100px;
	float:left;
	margin-left:10px;
	background:#e7e6e3;
	padding:5px;
	color:#000000;
	font-family:dinpro;
	text-transform:uppercase;
	font-weight:bold;
	font-size:15px;
	line-height:16px;
	
}

.article_latestcewekhai span{
	color:#808080;
	font-weight:normal;
	text-transform:none;
	font-size:13px;
	
}

.article_latestcewekhai:hover{
	background:#d4e8f9;
}


.article_latestcewekhai a{
	color:#000;
	text-decoration:underline;
}

.article_latestcewekhai a:hover{
	color:#5095ce;
	text-decoration:none;
}

.user_rate_cewekhai{
	width:40px;
	height:25px;
	padding:8px;
	float:right;
	background:#84beee;
	text-align:center;
	color:#fff;
	font-family:dinpro;
	font-size:30px;
}

.user_rate_right_cewekhai{
	width:30px;
	height:20px;
	padding:8px;
	float:right;
	background:#84beee;
	text-align:center;
	color:#fff;
	font-family:dinpro;
	font-size:20px;
	margin-top:19px;
	margin-right:-5px;
}

.ff-caloncewekhai a .flag-cewekhai {
	visibility:hidden;
}

.ff-caloncewekhai a:hover .flag-cewekhai{
	visibility:visible;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.flag-cewekhai{
	width:40px;
	height:63px;
	background:url(images/flag-cewekhai.png) no-repeat;
	top:0px;
	right:5px;
	position:absolute;
	z-index: 9999;
	color: #fff;
	text-align:center;
	font-family:dinpro;
	font-weight:bold;
	padding-top:15px;
}

.box-ohgirl{
	width:650px;
	height:431px;
	float:left;
	position:relative;
}

.ohgirl-photo{
	width:650px;
	height:431px;
	float:left;
	overflow:hidden;
}

.ohgirl-photo img{
	width:650px;
	height:431px;
	overflow:hidden;
}

.ohgirl-tittle{
	width:630px;
	height:30px;
	padding:10px;
	background:rgba(212,232,249,0.7);
	bottom:0px;
	float:left;
	position:absolute;
	
	font-family:dinpro;
	text-transform:uppercase;
	font-size:15px;
	font-weight:bold;
	
	
}

.ohgirl-tittle span{
	text-transform:none;
	font-size:13px;
	font-weight:normal;
	
}

.ohgirl-tittle a{
	color:#4683b5;
}

.ohgirl-tittle a:hover{
	color:#000;
}

.ff-latestohgirl{
	
	margin: 0px auto;
	padding-top: 0px;
	width:650px;
	float:left;
	
	
}

.ff-latestohgirl a{
	display: block;
	position: relative;
	padding: 0px;
	background: #fff;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	margin: 0px;
	width: 320px;
	height: 213px;
}
.ff-latestohgirl a span{
	display: block;
	background: rgba(132,190,238, 0.7);
	text-transform:uppercase;
	color: #000;
	font-weight: bold;
	font-family:dinpro;
	padding: 20px;
	padding-left:10px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 290px;
	height: 0px;
	overflow: hidden;
	opacity: 0;
	text-align: left;
	

	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	
}
.ff-latestohgirl a:hover span{
	height: 20px;
	opacity: 1;
	padding-top:10px;
	
}
.ff-latestohgirl li img{
	display: block;
	height:213px;
	width:320px;
}

.ff-latestohgirl li{
	margin: 0px;
	float: left;
	width: 320px;
	height: 213px;
	margin-bottom:10px;
	-webkit-transition: opacity 0.6s ease-in-out;
	-moz-transition: opacity 0.6s ease-in-out;
	-o-transition: opacity 0.6s ease-in-out;
	-ms-transition: opacity 0.6s ease-in-out;
	transition: opacity 0.6s ease-in-out;
}

.h-profilegirl{
	width:630px;
	float:left;
	background:#84beee;
	float:left;
	color:#000;
	margin-top:10px;
	font-family:Helvetica;
	font-size:18px;
	padding:10px;
}

.movietalk{
	width:630px;
	height:auto;
	float:left;
	background:#e7e6e3;
	padding:10px;
	
}

.movie-foto-detail{
	width:431px;
	height:660px;
	float:left;
	margin:10px 110px;
	text-align:center;
	font-size:14px;
	font-family:dinpro;
	
}

.movie-foto-detail img{
	width:431px;
	height:650px;
	margin-bottom:5px;
}

.box_movie_rate{
	width:630px;
	height:25px;
	padding:10px;
	float:left;
	background:#ffb0b3;
	margin:10px 0px 0px 0px;
}

.box_cehai_rate{
	width:630px;
	height:25px;
	padding:10px;
	float:left;
	background:#84beee;
	margin:10px 0px 0px 0px;
}

.rate_for_movie{
	width:250px;
	height:auto;
	padding:5px;
	float:left;
	font-size:12px;
}

.rate_movie_tittle{
	width:250px;
	height:auto;
	float:right;
	font-size:12px;
	text-align:right;
}

.h-other_article_movie{
	width:640px;
	height:auto;
	padding:5px;
	float:left;
	background:#FF0000;
	font-size:12px;
	color:#000;
	margin-top:5px;
}
.movie_article{
	width:650px;
	height:auto;
	float:left;
	margin-top:10px;
}

.thumb_sport{
	width:155px;
	height:103px;
	float:left;
	margin-top:10px;

}

.thumb_sport img{
	width:155px;
	height:103px;
}

.h-channel-consultation{
	width:650px;
	height:26px;
	border-bottom:2px #E298F6 solid;
	float:left;
	margin-bottom:5px;
}

.th_consultation{
	width:210px;
	height:140px;
	float:left;
}

.article_consultation{
	width:310px;
	height:100px;
	float:left;
	margin-left:10px;
	
	padding:5px;
	color:#000000;
	font-family:dinpro;
	text-transform:uppercase;
	font-weight:bold;
	font-size:15px;
	line-height:16px;
	
}

.article_consultation span{
	color:#808080;
	font-weight:normal;
	text-transform:none;
	font-size:13px;
	
}

.article_consultation a{
	color:#000;
	text-decoration:underline;
}

.article_consultation a:hover{
	color:#E298F6;
	text-decoration:none;
}

.box-more-consultation{
	width:650px;
	float:left;
	height:auto;
	padding:5px;
	margin-top:10px;
	padding-left:0px;
	padding-right:0px;
	font-family:dinpro;
	font-weight:bold;
	text-transform:uppercase;
	border-top: 5px solid #E298F6;
}

.box-more-consultation a{
	color:#E298F6;
	text-decoration:none;
}

.box-more-consultation a:hover{
	color:#000;
	text-decoration:underline;
}

.h-comments-konsul{
	width:630px;
	float:left;
	background:#E298F6;
	float:left;
	color:#000;
	margin-top:10px;
	font-family:Helvetica;
	font-size:18px;
	padding:10px;
}

.h-other_article_konsul{
	width:640px;
	height:auto;
	padding:5px;
	float:left;
	background:#E298F6;
	font-size:12px;
	color:#000;
	margin-top:5px;
}

.ff-konsultasi{
	
	margin: 0px auto;
	padding-top: 0px;
	width:650px;
	float:left;
	
	
}

.ff-konsultasi a{
	display: block;
	position: relative;
	padding: 0px;
	background: #fff;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	margin: 0px;
	width: 210px;
	height: 140px;
}
.ff-konsultasi a span{
	display: block;
	background: rgba(226,152,246, 0.7);
	text-transform:uppercase;
	color: #000;
	font-weight: bold;
	font-family:dinpro;
	padding: 20px;
	padding-left:10px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 180px;
	height: 0px;
	overflow: hidden;
	opacity: 0;
	text-align: left;
	

	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	
}
.ff-konsultasi a:hover span{
	height: 20px;
	opacity: 1;
	padding-top:10px;
	
}
.ff-konsultasi li img{
	display: block;
	height:140px;
}

.ff-konsultasi li{
	margin: 0px;
	float: left;
	width: 210px;
	height: 140px;
	margin-bottom:10px;
	-webkit-transition: opacity 0.6s ease-in-out;
	-moz-transition: opacity 0.6s ease-in-out;
	-o-transition: opacity 0.6s ease-in-out;
	-ms-transition: opacity 0.6s ease-in-out;
	transition: opacity 0.6s ease-in-out;
}

.box_consultation_left{
	width:320px;
	height:auto;
	float:left;
}

.box_consultation_2{
	width:254px;
	height:auto;
	float:left;
}

.box_consultation_3{
	width:386px;
	height:auto;
	float:left;
	margin-left:10px;
}

.consultation_news{
	width:320px;
	height:213px;
	float:left;
}

.consultation_news img{
	width:320px;
	height:213px;
}

.text_consultation{
	width:310px;
	height:45px;
	background:url(images/bg-text2.png);
	padding: 5px;
	position:absolute;
	margin-top:158px;
	z-index: 100;
	color: #000;
	font-size:15px;
	font-weight:bold;
	text-align:left;
	font-family:dinpro;
	text-transform:uppercase;
	font-weight:bold;
}

.text_consultation a{
	color:#000;
	text-decoration:underline;
}

.text_consultation a:hover{
	color:#e298f6;
	text-decoration:none;
}

.text_consultation span{
	text-transform:none;
	font-size:12px;
	font-weight:normal;
	color:#000;
}
.text_consultation span a{
	color:#e298f6;
	text-decoration:none;
}

.text_consultation span a:hover{
	color:#000;
	text-decoration:underline;
}

.consultation_tittlenews{
	width:320px;
	float:left;
	border-top:2px dotted #B7B3AD;
	font-size:15px;
	padding-top:8px;
	margin-bottom:8px;
	font-family:dinpro;
	text-transform:uppercase;
	text-decoration:none;
}

.consultation_tittlenews a{
	color:#000000;
	text-decoration:underline;
}

.consultation_tittlenews a:hover{
	color:#e298f6;
	text-decoration:none;
}


.consultation_tittlenews span{
	font-size:13px;
	text-transform:none;
	color:#808080;
	font-weight:normal;
}

.consultation_tittlenews2{
	width:386px;
	float:left;
	border-top:2px dotted #B7B3AD;
	font-size:15px;
	padding-top:8px;
	margin-bottom:8px;
	font-family:dinpro;
	text-transform:uppercase;
	text-decoration:underline;
}

.consultation_tittlenews2 a{
	color:#000000;
	text-decoration:underline;
}

.consultation_tittlenews2 a:hover{
	color:#e298f6;
	text-decoration:none;
}


.consultation_tittlenews2 span{
	font-size:13px;
	text-transform:none;
	color:#808080;
	font-weight:normal;
}

.more_consultation{
	width:auto;
	height:auto;
	float:left;
	text-transform:none;
	font-size:13px;
	font-weight:normal;
	
}

.more_consultation a{
	color:#e298f6;
	text-decoration:none;
}

.more_consultation a:hover{
	color:#000000;
	
}

.consultation_foto2{
	width:254px;
	height:169px;
	float:left;
}

.consultation_foto2 img{
	width:254px;
	height:169px;
}

.consultation_foto2_tittle{
	width:245px;
	height:40px;
	float:left;
	background:#e7e6e3;
	padding:10px 5px;
	font-size:13px;
	font-family:dinpro;
	text-transform:uppercase;
	font-weight:bold;
	margin-bottom:5px;
	text-decoration:none;
}

.consultation_foto2_tittle a{
	color:#000;
	text-decoration:underline;
}

.consultation_foto2_tittle a:hover{
	color:#e298f6;
	text-decoration:none;
}


.consultation_foto2_tittle span{
	font-size:13px;
	text-transform:none;
	color:#808080;
	font-weight:normal;
}

.consultation_foto2_tittle span a{
	color:#e298f6;
	text-decoration:none;
}

.consultation_foto2_tittle span a:hover{
	color:#000;
	text-decoration:underline;
}

.consultation_foto3{
	width:210px;
	height:140px;
	float:left;
}

.consultation_foto3 img{
	width:210px;
	height:140px;
}

.consultation_foto3_tittle{
	width:200px;
	height:50px;
	float:left;
	background:#e7e6e3;
	padding:10px 5px;
	font-size:13px;
	font-family:dinpro;
	text-transform:uppercase;
	font-weight:bold;
	margin-bottom:5px;
	text-decoration:none;
}

.consultation_foto3_tittle a{
	color:#000;
	text-decoration:underline;
}

.consultation_foto3_tittle a:hover{
	color:#e298f6;
	text-decoration:none;
}


.consultation_foto3_tittle span{
	font-size:13px;
	text-transform:none;
	color:#808080;
	font-weight:normal;
}
.consultation_foto3_tittle span a{
	color:#e298f6;
	text-decoration:none;
}
.consultation_foto3_tittle span a:hover{
	text-decoration:underline;
	color:#000;
}

.box_consultation_foto3{
	width:210px;
	float:left;
}

.tittle-enter{
	width:200px;
	height:auto;
	float:left;
	text-transform:none;
	font-size:13px;
	font-weight:normal;
	
}

.tittle-enter a{
	color:#FF0000;
	text-decoration:none;
}

.tittle-enter a:hover{
	color:#000000;
	
}

.foto_consultation2{
	width:122px;
	height:81px;
	float:left;
}

.foto_consultation2 img{
	width:122px;
	height:81px;
}

.article_consultation_tittlenews2{
	width:240px;
	float:left;
	margin-left:15px;
	text-decoration:underline;
}

.foto-haiart-channel{
	width:430px;
	height:430px;
	overflow:hidden;
	position:relative;
	float:left;
	background:#000;
	
}

.foto-haiart-channel img{
	width:430px;
	height:430px;
}

.foto-haiart-kecil-channel{
	width:210px;
	height:210px;
	float:left;
	overflow:hidden;
	position:relative;
	float:right;
	margin-left:8px;
	margin-bottom:10px
}

.foto-haiart-kecil-channel img{
	width:210px;
	height:210px;
}


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

.text_haiart a:hover{
	color:#DB519A;
	text-decoration:underline;
}

.text_haiart span{
	text-transform:none;
	font-size:14px;
	font-weight:normal;
	color:#fff;
}

.text_haiart{
	width:100%;
	background:url(images/bg-text3.png);
	padding: 5px;
	height:40px;
	bottom:0px;
	position:absolute;
	z-index: 100;
	color: #000;
	font-size:22px;
	font-weight:bold;
	text-align:left;
	
	font-family:dinpro;
	text-transform:uppercase;
	font-weight:bold;
}

.h-channel-art{
	width:650px;
	height:26px;
	border-bottom:2px #DB519A solid;
	float:left;
	margin-bottom:5px;
}

.art_foto3_tittle{
	width:200px;
	height:50px;
	float:left;
	background:#e7e6e3;
	padding:10px 5px;
	font-size:13px;
	font-family:dinpro;
	text-transform:uppercase;
	font-weight:bold;
	margin-bottom:5px;
	text-decoration:underline;
}

.art_foto3_tittle a{
	color:#000;
	text-decoration:none;
}

.art_foto3_tittle a:hover{
	color:#DB519A;
	text-decoration:underline;
}


.art_foto3_tittle span{
	font-size:13px;
	text-transform:none;
	color:#808080;
	font-weight:normal;
}

.box-more-art{
	width:650px;
	float:left;
	height:auto;
	padding:5px;
	margin-top:10px;
	padding-left:0px;
	padding-right:0px;
	font-family:dinpro;
	font-weight:bold;
	text-transform:uppercase;
	border-top: 5px solid #DB519A;
}

.box-more-art a{
	color:#DB519A;
	text-decoration:none;
}

.box-more-art a:hover{
	color:#000;
	text-decoration:underline;
}

.more_art{
	width:auto;
	height:auto;
	float:left;
	text-transform:none;
	font-size:13px;
	font-weight:normal;
	
}

.more_art a{
	color:#DB519A;
	text-decoration:none;
}

.more_art a:hover{
	color:#000000;
	text-decoration:underline;
}

.background_videokamu{
	width:640px;
	height:auto;
	float:left;
	background:#B7B3AD;
	padding:10px 0px 10px 10px;
}

.videokamu{
	width:375px;
	height:275px;
	float:left;
}

.videokamu_boxtittle{
	width:249px;
	height:70px;
	float:right;
	padding:5px;
	background:#B0ACA6;
	border-top:2px dotted #B7B3AD;
	
}

.videokamu_tittle{
	width:150px;
	height:61px;
	float:left;
	margin-left:5px;
	font-family:dinpro;
	font-weight:bold;
	text-transform:uppercase;
	font-size:16px;
	
}

.videokamu_tittle a{
	color:#000;
	text-decoration:none;
}

.videokamu_tittle a:hover{
	color:#DB519A;
	text-decoration:underline;
}

.videokamu_tittle span{
	font-size:14px;
	text-transform:none;
	color:#808080;
	font-weight:normal;
}

.videokamu_tittle span a{
	color:#DB519A;
}

.videokamu_tittle span a:hover{
	color:#000;
}

.videokamu_foto{
	width:92px;
	height:61px;
	float:left;
}

.videokamu_foto img{
	width:92px;
	height:61px;
}

.icon_videokamu{
	width:92px;
	height:61px;
	position:absolute;
	background:url(images/icon_videokamu.png) no-repeat;
}

.photokamu-channel{
	width:210px;
	height:280px;
	float:left;
	overflow:hidden;
	position:relative;
	margin-left:8px;
	margin-bottom:10px
}

.photokamu-channel img{
	width:210px;
	height:210px;
}

.ff-art_latest{
	
	margin: 0px auto;
	padding-top: 0px;
	width:650px;
	float:left;
	
	
}

.ff-art_latest a{
	display: block;
	position: relative;
	padding: 0px;
	background: #fff;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	margin: 0px;
	width: 130px;
	height: 130px;
}
.ff-art_latest a span{
	display: block;
	background: rgba(219,81,154, 0.7);
	text-transform:uppercase;
	color: #fff;
	font-weight: bold;
	font-family:dinpro;
	padding: 20px;
	padding-left:10px;
	
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100px;
	height: 0px;
	overflow: hidden;
	opacity: 0;
	text-align: left;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	
}
.ff-art_latest a:hover span{
	height: 30px;
	opacity: 1;
	padding-top:80px;

}
.ff-art_latest li img{
	display: block;
	height:130px;
	width:130px;
}

.ff-art_latest li{
	margin: 0px;
	float: left;
	width: 130px;
	height: 130px;
	margin-bottom:0px;
	-webkit-transition: opacity 0.6s ease-in-out;
	-moz-transition: opacity 0.6s ease-in-out;
	-o-transition: opacity 0.6s ease-in-out;
	-ms-transition: opacity 0.6s ease-in-out;
	transition: opacity 0.6s ease-in-out;
}

#box-ceweoftheweek
{
    width:650px;margin:0;padding:0px;
	height:648px;
    background-color:#FFF;
	float:left;
}

.foto-ceweoftheweek{
	width:430px;
	height:648px;
	float:left;
}

.foto-ceweoftheweek img{
	width:430px;
	height:648px;
}

.tittle-ceweoftheweek{
	width:200px;
	height:78px;
	padding:10px;
	background:#e1e1e1;
	float:right;
	margin-top:540px;
	font-family:dinpro;
	font-size:15px;
	text-transform:uppercase;
	font-weight:bold;
	
}

.tittle-ceweoftheweek span{
	font-size:13px;
	color:#808080;
	text-transform:none;
	font-weight:normal;
	

}

.tittle-ceweoftheweek a{
	color:#000;
}

.tittle-ceweoftheweek a:hover{
	color:#84beee;
}

.article_latestcewekhai{
	width:310px;
	height:100px;
	float:left;
	margin-left:10px;
	background:#e7e6e3;
	padding:5px;
	color:#000000;
	font-family:dinpro;
	text-transform:uppercase;
	font-weight:bold;
	font-size:15px;
	line-height:16px;
	
}

.article_latestcewekhai span{
	color:#808080;
	font-weight:normal;
	text-transform:none;
	font-size:13px;
	
}

.article_latestcewekhai:hover{
	background:#d4e8f9;
}


.article_latestcewekhai a{
	color:#000;
	text-decoration:underline;
}

.article_latestcewekhai a:hover{
	color:#5095ce;
	text-decoration:none;
}

.user_rate_cewekhai{
	width:40px;
	height:25px;
	padding:8px;
	float:right;
	background:#84beee;
	text-align:center;
	color:#fff;
	font-family:dinpro;
	font-size:30px;
}

.user_rate_right_cewekhai{
	width:30px;
	height:20px;
	padding:8px;
	float:right;
	background:#84beee;
	text-align:center;
	color:#fff;
	font-family:dinpro;
	font-size:20px;
	margin-top:19px;
	margin-right:-5px;
}

.ff-art_latest a .flag-art {
	visibility:hidden;
}

.ff-art_latest a:hover .flag-art{
	visibility:visible;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.flag-art{
	width:25px;
	height:15px;
	background:#fff;
	top:0px;
	right:5px;
	position:absolute;
	z-index: 9999;
	color: #DB519A;
	text-align:center;
	font-family:dinpro;
	font-weight:bold;
	padding-top:5px;
	font-size:11px;
}

.ff-art_latest a .flag-art-nature {
	visibility:hidden;
}
.ff-art_latest a:hover .flag-art-nature{
	visibility:visible;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.flag-art-nature{
	width:20px;
	height:30px;
	background:url(images/flag-art-nature.png) no-repeat;
	top:0px;
	left:5px;
	position:absolute;
	z-index: 9999;
	color: #DB519A;
	text-align:center;
	font-family:dinpro;
	font-weight:normal;
	
	font-size:11px;
}

.ff-art_latest a .flag-art-fineart {
	visibility:hidden;
}
.ff-art_latest a:hover .flag-art-fineart{
	visibility:visible;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.flag-art-fineart{
	width:20px;
	height:30px;
	background:url(images/flag-art-fineart.png) no-repeat;
	top:0px;
	left:5px;
	position:absolute;
	z-index: 9999;
	color: #DB519A;
	text-align:center;
	font-family:dinpro;
	font-weight:normal;
	
	font-size:11px;
}

.ff-art_latest a .flag-art-journalism {
	visibility:hidden;
}
.ff-art_latest a:hover .flag-art-journalism{
	visibility:visible;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.flag-art-journalism{
	width:20px;
	height:30px;
	background:url(images/flag-art-journalism.png) no-repeat;
	top:0px;
	left:5px;
	position:absolute;
	z-index: 9999;
	color: #DB519A;
	text-align:center;
	font-family:dinpro;
	font-weight:normal;
	
	font-size:11px;
}

.ff-art_latest a .flag-art-people {
	visibility:hidden;
}
.ff-art_latest a:hover .flag-art-people {
	visibility:visible;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.flag-art-people {
	width:20px;
	height:30px;
	background:url(images/flag-art-people.png) no-repeat;
	top:0px;
	left:5px;
	position:absolute;
	z-index: 9999;
	color: #DB519A;
	text-align:center;
	font-family:dinpro;
	font-weight:normal;
	
	font-size:11px;
}

.ff-art_latest a .flag-art-stage {
	visibility:hidden;
}
.ff-art_latest a:hover .flag-art-stage {
	visibility:visible;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.flag-art-stage {
	width:20px;
	height:30px;
	background:url(images/flag-art-stage.png) no-repeat;
	top:0px;
	left:5px;
	position:absolute;
	z-index: 9999;
	color: #DB519A;
	text-align:center;
	font-family:dinpro;
	font-weight:normal;
	
	font-size:11px;
}

.ff-art_latest a .flag-art-tittle {
	visibility:hidden;
}

.ff-art_latest a:hover .flag-art-tittle{
	visibility:visible;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.flag-art-tittle{
	width:30px;
	height:30px;
	background:none;
	top:0px;
	float:left;
	margin-left:30px;
	margin-top:10px;
	position:absolute;
	z-index: 9999;
	color: #fff;
	text-align:center;
	font-family:dinpro;
	font-weight:bold;
	
	font-size:11px;
}

.photokamu-detail{
	width:431x;
	height:470px;
	float:left;
	margin:10px 0px;
	margin-left:120px;
	text-align:center;
	font-size:14px;
	font-family:dinpro;
	
}

.photokamu-detail img{
	width:431px;
	height:431px;
	margin-bottom:6px;
}

.h-comments-art{
	width:630px;
	float:left;
	background:#DB519A;
	float:left;
	color:#000;
	margin-top:10px;
	font-family:Helvetica;
	font-size:18px;
	padding:10px;
}

.h-other_article_art{
	width:640px;
	height:auto;
	padding:5px;
	float:left;
	background:#DB519A;
	font-size:12px;
	color:#000;
	margin-top:5px;
}

.buttons_photokamu a, .buttons_photokamu button{
    display:block;
    float:left;
    margin:0 0px 0 0;
    background-color:#F52A9E;
    border:0px solid #dedede;
    border-top:0px solid #eee;
    border-left:0px solid #eee;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:12px;
    line-height:0px;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    
}
.buttons_photokamu button{
    width:auto;
	height:30px;
	margin-right:10px;
    
    
}
.buttons_photokamu button[type]{
    
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}


/* STANDARD */

.buttons_photokamu a:hover{
    background-color:#E52C9F;
    border:0px solid #c2e1ef;
    color:#000;
}
.buttons_photokamu a:active{
    background-color:#F52A9E;
    border:1px solid #6299c5;
    color:#fff;
}

label.custom-select {
    position: relative;
    display: inline-block;
}

    .custom-select select {
        display: inline-block;
        border: 2px solid #565656;
        padding: 4px 3px 3px 5px;
		width:200px;
        margin: 0;
		margin-left:10px;
        font: inherit;
        outline:none; /* remove focus ring from Webkit */
        line-height: 1.2;
        background: #666666;
        border-radius:0px;
        -webkit-appearance:none; /* remove the strong OSX influence from Webkit */

    }
	
	

    /* for Webkit's CSS-only solution */
    @media screen and (-webkit-min-device-pixel-ratio:0) { 
        .custom-select select {
            padding-right:30px;    
        }
    }
    
    /* Since we removed the default focus styles, we have to add our own */
    .custom-select select:focus {
        -webkit-box-shadow: 0 0 3px 1px #c00;
        -moz-box-shadow: 0 0 3px 1px #c00;
        box-shadow: 0 0 3px 1px #c00;
    }
    
    /* Select arrow styling */
    .custom-select:after {
        content: "▼";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        font-size: 60%;
        line-height: 30px;
        padding: 0 7px;
        background: #F52A9E;
        color: #666666;
        
        pointer-events:none;
        

    }
    
    .no-pointer-events .custom-select:after {
        content: none;
    }

.buttons_lifestyle a, .buttons_lifestyle button{
    display:block;
    float:left;
    margin:0 0px 0 0;
    background-color:#56e100;
    border:0px solid #dedede;
    border-top:0px solid #eee;
    border-left:0px solid #eee;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:12px;
    line-height:0px;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    
}
.buttons_lifestyle button{
    width:auto;
	height:30px;
	margin-right:10px;
    
    
}
.buttons_lifestyle button[type]{
    
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}


/* STANDARD */

.buttons_lifestyle a:hover{
    background-color:#56e100;
    border:0px solid #c2e1ef;
    color:#000;
}
.buttons_lifestyle a:active{
    background-color:#56e100;
    border:1px solid #6299c5;
    color:#fff;
}

label.custom-select1 {
    position: relative;
    display: inline-block;
}

    .custom-select1 select {
        display: inline-block;
        border: 2px solid #565656;
        padding: 4px 3px 3px 5px;
		width:200px;
        margin: 0;
		margin-left:10px;
        font: inherit;
        outline:none; /* remove focus ring from Webkit */
        line-height: 1.2;
        background: #666666;
		color:#fff;
        border-radius:0px;
        -webkit-appearance:none; /* remove the strong OSX influence from Webkit */

    }
	
	

    /* for Webkit's CSS-only solution */
    @media screen and (-webkit-min-device-pixel-ratio:0) { 
        .custom-select1 select {
            padding-right:30px;    
        }
    }
    
    /* Since we removed the default focus styles, we have to add our own */
    .custom-select1 select:focus {
        -webkit-box-shadow: 0 0 3px 1px #c00;
        -moz-box-shadow: 0 0 3px 1px #c00;
        box-shadow: 0 0 3px 1px #c00;
    }
    
    /* Select arrow styling */
    .custom-select1:after {
        content: "▼";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        font-size: 60%;
        line-height: 30px;
        padding: 0 7px;
        background: #56e100;
        color: #666666;
        
        pointer-events:none;
        

    }
    
    .no-pointer-events .custom-select1:after {
        content: none;
    }
	
.box_listkategori{
	width:auto;
	height:auto;
	float:right;
	
}

.box_form_search{
	width:auto;
	height:auto;
	float:left;
}
	
	
.ff-designkamu_latest{
	
	margin: 0px auto;
	padding-top: 0px;
	width:650px;
	float:left;
	
	
}

.ff-designkamu_latest a{
	display: block;
	position: relative;
	padding: 0px;
	background: #fff;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	margin: 0px;
	width: 210px;
	height: 140px;
}
.ff-designkamu_latest a span{
	display: block;
	background: rgba(219,81,154, 0.7);
	text-transform:uppercase;
	color: #fff;
	font-weight: bold;
	font-family:dinpro;
	padding: 20px;
	padding-left:10px;
	
	position: absolute;
	top: 0px;
	left: 0px;
	width: 180px;
	height: 0px;
	overflow: hidden;
	opacity: 0;
	text-align: left;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	
}
.ff-designkamu_latest a:hover span{
	height: 40px;
	opacity: 1;
	padding-top:80px;

}
.ff-designkamu_latest li img{
	display: block;
	height:140px;
	width:210px;
}

.ff-designkamu_latest li{
	margin: 0px;
	float: left;
	width: 210px;
	height: 140px;
	margin-right:10px;
	margin-bottom:10px;
	-webkit-transition: opacity 0.6s ease-in-out;
	-moz-transition: opacity 0.6s ease-in-out;
	-o-transition: opacity 0.6s ease-in-out;
	-ms-transition: opacity 0.6s ease-in-out;
	transition: opacity 0.6s ease-in-out;
}

#box-ceweoftheweek
{
    width:650px;margin:0;padding:0px;
	height:648px;
    background-color:#FFF;
	float:left;
}

.foto-ceweoftheweek{
	width:430px;
	height:648px;
	float:left;
}

.foto-ceweoftheweek img{
	width:430px;
	height:648px;
}

.tittle-ceweoftheweek{
	width:200px;
	height:78px;
	padding:10px;
	background:#e1e1e1;
	float:right;
	margin-top:540px;
	font-family:dinpro;
	font-size:15px;
	text-transform:uppercase;
	font-weight:bold;
	
}

.tittle-ceweoftheweek span{
	font-size:13px;
	color:#808080;
	text-transform:none;
	font-weight:normal;
	

}

.tittle-ceweoftheweek a{
	color:#000;
}

.tittle-ceweoftheweek a:hover{
	color:#84beee;
}

.article_latestcewekhai{
	width:310px;
	height:100px;
	float:left;
	margin-left:10px;
	background:#e7e6e3;
	padding:5px;
	color:#000000;
	font-family:dinpro;
	text-transform:uppercase;
	font-weight:bold;
	font-size:15px;
	line-height:16px;
	
}

.article_latestcewekhai span{
	color:#808080;
	font-weight:normal;
	text-transform:none;
	font-size:13px;
	
}

.article_latestcewekhai:hover{
	background:#d4e8f9;
}


.article_latestcewekhai a{
	color:#000;
	text-decoration:underline;
}

.article_latestcewekhai a:hover{
	color:#5095ce;
	text-decoration:none;
}

.user_rate_cewekhai{
	width:40px;
	height:25px;
	padding:8px;
	float:right;
	background:#84beee;
	text-align:center;
	color:#fff;
	font-family:dinpro;
	font-size:30px;
}

.user_rate_right_cewekhai{
	width:30px;
	height:20px;
	padding:8px;
	float:right;
	background:#84beee;
	text-align:center;
	color:#fff;
	font-family:dinpro;
	font-size:20px;
	margin-top:19px;
	margin-right:-5px;
}

.ff-designkamu_latest a .flag-art {
	visibility:hidden;
}

.ff-designkamu_latest a:hover .flag-art{
	visibility:visible;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.flag-art{
	width:25px;
	height:15px;
	background:#fff;
	top:0px;
	right:5px;
	position:absolute;
	z-index: 9999;
	color: #DB519A;
	text-align:center;
	font-family:dinpro;
	font-weight:bold;
	padding-top:5px;
	font-size:11px;
}

.ff-designkamu_latest a .flag-art-nature {
	visibility:hidden;
}
.ff-designkamu_latest a:hover .flag-art-nature{
	visibility:visible;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.flag-art-nature{
	width:20px;
	height:30px;
	background:url(images/flag-art-nature.png) no-repeat;
	top:0px;
	left:5px;
	position:absolute;
	z-index: 9999;
	color: #DB519A;
	text-align:center;
	font-family:dinpro;
	font-weight:normal;
	
	font-size:11px;
}

.ff-designkamu_latest a .flag-art-fineart {
	visibility:hidden;
}
.ff-designkamu_latest a:hover .flag-art-fineart{
	visibility:visible;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.flag-art-fineart{
	width:20px;
	height:30px;
	background:url(images/flag-art-fineart.png) no-repeat;
	top:0px;
	left:5px;
	position:absolute;
	z-index: 9999;
	color: #DB519A;
	text-align:center;
	font-family:dinpro;
	font-weight:normal;
	
	font-size:11px;
}

.ff-designkamu_latest a .flag-art-journalism {
	visibility:hidden;
}
.ff-designkamu_latest a:hover .flag-art-journalism{
	visibility:visible;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.flag-art-journalism{
	width:20px;
	height:30px;
	background:url(images/flag-art-journalism.png) no-repeat;
	top:0px;
	left:5px;
	position:absolute;
	z-index: 9999;
	color: #DB519A;
	text-align:center;
	font-family:dinpro;
	font-weight:normal;
	
	font-size:11px;
}

.ff-designkamu_latest a .flag-art-people {
	visibility:hidden;
}
.ff-designkamu_latest a:hover .flag-art-people {
	visibility:visible;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.flag-art-people {
	width:20px;
	height:30px;
	background:url(images/flag-art-people.png) no-repeat;
	top:0px;
	left:5px;
	position:absolute;
	z-index: 9999;
	color: #DB519A;
	text-align:center;
	font-family:dinpro;
	font-weight:normal;
	
	font-size:11px;
}

.ff-designkamu_latest a .flag-art-stage {
	visibility:hidden;
}
.ff-designkamu_latest a:hover .flag-art-stage {
	visibility:visible;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.flag-art-stage {
	width:20px;
	height:30px;
	background:url(images/flag-art-stage.png) no-repeat;
	top:0px;
	left:5px;
	position:absolute;
	z-index: 9999;
	color: #DB519A;
	text-align:center;
	font-family:dinpro;
	font-weight:normal;
	
	font-size:11px;
}

.ff-designkamu_latest a .flag-art-tittle {
	visibility:hidden;
}

.ff-designkamu_latest a:hover .flag-art-tittle{
	visibility:visible;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.flag-art-tittle{
	width:30px;
	height:30px;
	background:none;
	top:0px;
	float:left;
	margin-left:30px;
	margin-top:10px;
	position:absolute;
	z-index: 9999;
	color: #fff;
	text-align:center;
	font-family:dinpro;
	font-weight:bold;
	
	font-size:11px;
}

.ff-videokamu_latest{
	
	margin: 0px auto;
	padding-top: 0px;
	width:650px;
	float:left;
	
	
}

.ff-videokamu_latest a{
	display: block;
	position: relative;
	padding: 0px;
	background: #fff;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	margin: 0px;
	width: 320px;
	height: 213px;
}
.ff-videokamu_latest a span{
	display: block;
	background: rgba(219,81,154, 0.7);
	text-transform:uppercase;
	color: #fff;
	font-weight: bold;
	font-family:dinpro;
	padding: 20px;
	padding-left:10px;
	
	position: absolute;
	top: 0px;
	left: 0px;
	width: 290px;
	height: 0px;
	overflow: hidden;
	opacity: 0;
	text-align: left;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	
}
.ff-videokamu_latest a:hover span{
	height: 43px;
	opacity: 1;
	padding-top:150px;

}
.ff-videokamu_latest li img{
	display: block;
	height:213px;
	width:320px;
}

.ff-videokamu_latest li{
	margin: 0px;
	float: left;
	width: 320px;
	height: 213px;
	margin-right:10px;
	margin-bottom:10px;
	-webkit-transition: opacity 0.6s ease-in-out;
	-moz-transition: opacity 0.6s ease-in-out;
	-o-transition: opacity 0.6s ease-in-out;
	-ms-transition: opacity 0.6s ease-in-out;
	transition: opacity 0.6s ease-in-out;
}

#box-ceweoftheweek
{
    width:650px;margin:0;padding:0px;
	height:648px;
    background-color:#FFF;
	float:left;
}

.foto-ceweoftheweek{
	width:430px;
	height:648px;
	float:left;
}

.foto-ceweoftheweek img{
	width:430px;
	height:648px;
}

.tittle-ceweoftheweek{
	width:200px;
	height:78px;
	padding:10px;
	background:#e1e1e1;
	float:right;
	margin-top:540px;
	font-family:dinpro;
	font-size:15px;
	text-transform:uppercase;
	font-weight:bold;
	
}

.tittle-ceweoftheweek span{
	font-size:13px;
	color:#808080;
	text-transform:none;
	font-weight:normal;
	

}

.tittle-ceweoftheweek a{
	color:#000;
}

.tittle-ceweoftheweek a:hover{
	color:#84beee;
}

.article_latestcewekhai{
	width:310px;
	height:100px;
	float:left;
	margin-left:10px;
	background:#e7e6e3;
	padding:5px;
	color:#000000;
	font-family:dinpro;
	text-transform:uppercase;
	font-weight:bold;
	font-size:15px;
	line-height:16px;
	
}

.article_latestcewekhai span{
	color:#808080;
	font-weight:normal;
	text-transform:none;
	font-size:13px;
	
}

.article_latestcewekhai:hover{
	background:#d4e8f9;
}


.article_latestcewekhai a{
	color:#000;
	text-decoration:underline;
}

.article_latestcewekhai a:hover{
	color:#5095ce;
	text-decoration:none;
}

.user_rate_cewekhai{
	width:40px;
	height:25px;
	padding:8px;
	float:right;
	background:#84beee;
	text-align:center;
	color:#fff;
	font-family:dinpro;
	font-size:30px;
}

.user_rate_right_cewekhai{
	width:30px;
	height:20px;
	padding:8px;
	float:right;
	background:#84beee;
	text-align:center;
	color:#fff;
	font-family:dinpro;
	font-size:20px;
	margin-top:19px;
	margin-right:-5px;
}

.ff-videokamu_latest a .flag-art {
	visibility:hidden;
}

.ff-videokamu_latest a:hover .flag-art{
	visibility:visible;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.flag-art{
	width:25px;
	height:15px;
	background:#fff;
	top:0px;
	right:5px;
	position:absolute;
	z-index: 9999;
	color: #DB519A;
	text-align:center;
	font-family:dinpro;
	font-weight:bold;
	padding-top:5px;
	font-size:11px;
}

.ff-videokamu_latest a .flag-art-nature {
	visibility:hidden;
}
.ff-videokamu_latest a:hover .flag-art-nature{
	visibility:visible;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.flag-art-nature{
	width:20px;
	height:30px;
	background:url(images/flag-art-nature.png) no-repeat;
	top:0px;
	left:5px;
	position:absolute;
	z-index: 9999;
	color: #DB519A;
	text-align:center;
	font-family:dinpro;
	font-weight:normal;
	
	font-size:11px;
}

.ff-videokamu_latest a .flag-art-fineart {
	visibility:hidden;
}
.ff-videokamu_latest a:hover .flag-art-fineart{
	visibility:visible;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.flag-art-fineart{
	width:20px;
	height:30px;
	background:url(images/flag-art-fineart.png) no-repeat;
	top:0px;
	left:5px;
	position:absolute;
	z-index: 9999;
	color: #DB519A;
	text-align:center;
	font-family:dinpro;
	font-weight:normal;
	
	font-size:11px;
}

.ff-videokamu_latest a .flag-art-journalism {
	visibility:hidden;
}
.ff-videokamu_latest a:hover .flag-art-journalism{
	visibility:visible;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.flag-art-journalism{
	width:20px;
	height:30px;
	background:url(images/flag-art-journalism.png) no-repeat;
	top:0px;
	left:5px;
	position:absolute;
	z-index: 9999;
	color: #DB519A;
	text-align:center;
	font-family:dinpro;
	font-weight:normal;
	
	font-size:11px;
}

.ff-videokamu_latest a .flag-art-people {
	visibility:hidden;
}
.ff-videokamu_latest a:hover .flag-art-people {
	visibility:visible;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.flag-art-people {
	width:20px;
	height:30px;
	background:url(images/flag-art-people.png) no-repeat;
	top:0px;
	left:5px;
	position:absolute;
	z-index: 9999;
	color: #DB519A;
	text-align:center;
	font-family:dinpro;
	font-weight:normal;
	
	font-size:11px;
}

.ff-videokamu_latest a .flag-art-stage {
	visibility:hidden;
}
.ff-videokamu_latest a:hover .flag-art-stage {
	visibility:visible;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.flag-art-stage {
	width:20px;
	height:30px;
	background:url(images/flag-art-stage.png) no-repeat;
	top:0px;
	left:5px;
	position:absolute;
	z-index: 9999;
	color: #DB519A;
	text-align:center;
	font-family:dinpro;
	font-weight:normal;
	
	font-size:11px;
}

.ff-videokamu_latest a .flag-art-tittle {
	visibility:hidden;
}

.ff-videokamu_latest a:hover .flag-art-tittle{
	visibility:visible;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.flag-art-tittle{
	width:30px;
	height:30px;
	background:none;
	top:0px;
	float:left;
	margin-left:30px;
	margin-top:10px;
	position:absolute;
	z-index: 9999;
	color: #fff;
	text-align:center;
	font-family:dinpro;
	font-weight:bold;
	
	font-size:11px;
}

.h-channel-lifestyle{
	width:650px;
	height:35px;
	border-bottom:2px #85D438 solid;
	float:left;
	margin-bottom:5px;
	text-align:left;
}

.box-more-ls{
	width:650px;
	float:left;
	height:auto;
	padding:5px;
	margin-top:10px;
	padding-left:0px;
	padding-right:0px;
	font-family:dinpro;
	font-weight:bold;
	text-transform:uppercase;
	border-top: 5px solid #85D438;
}

.box-more-ls a{
	color:#85D438;
	text-decoration:none;
}

.box-more-ls a:hover{
	color:#000;
	text-decoration:underline;
}

.more_ls{
	width:auto;
	height:auto;
	float:left;
	text-transform:none;
	font-size:13px;
	font-weight:normal;
	
}

.more_ls a{
	color:#85D438;
	text-decoration:none;
}

.more_ls a:hover{
	color:#000000;
	
}

.ff-lifestyle_hangout{
	
	margin: 0px auto;
	padding-top: 0px;
	width:650px;
	float:left;
	
	
}

.ff-lifestyle_hangout a{
	display: block;
	position: relative;
	padding: 0px;
	background: #fff;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	margin: 0px;
	width: 210px;
	height: 140px;
}
.ff-lifestyle_hangout a span{
	display: block;
	background: rgba(133, 211, 56, 0.7);
	text-transform:uppercase;
	color: #fff;
	font-weight: bold;
	font-family:dinpro;
	padding: 20px;
	padding-left:10px;
	
	position: absolute;
	top: 0px;
	left: 0px;
	width: 180px;
	height: 0px;
	overflow: hidden;
	opacity: 0;
	text-align: left;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
	
}
.ff-lifestyle_hangout a:hover span{
	height: 40px;
	opacity: 1;
	padding-top:80px;

}
.ff-lifestyle_hangout li img{
	display: block;
	height:140px;
	width:210px;
}

.ff-lifestyle_hangout li{
	margin: 0px;
	float: left;
	width: 210px;
	height: 140px;
	margin-right:10px;
	margin-bottom:10px;
	-webkit-transition: opacity 0.6s ease-in-out;
	-moz-transition: opacity 0.6s ease-in-out;
	-o-transition: opacity 0.6s ease-in-out;
	-ms-transition: opacity 0.6s ease-in-out;
	transition: opacity 0.6s ease-in-out;
}

.ff-lifestyle_hangout a .kategori {
	visibility:visible;
}

.ff-lifestyle_hangout a:hover .kategori{
	visibility:visible;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	background:#FFF;
	
}

.kategori{
	width:50px;
	height:15px;
	background-color: rgba(133, 211, 56, 0.7);
	top:50px;
	left:0px;
	position:absolute;
	z-index: 100;
	color: #000;
	text-align:center;
	font-family:dinpro;
	font-weight:bold;
	padding-top:5px;
	font-size:11px;
}


.ff-lifestyle_hangout a .ls-tittle {
	visibility:visible;
}

.ff-lifestyle_hangout a:hover .ls-tittle{
	visibility:visible;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	background:#000;
	color:#fff;
}

.ls-tittle{
	width:150px;
	height:auto;
	top:75px;
	left:0px;
	float:left;
	position:absolute;
	z-index: 100;
	color: #fff;
	background-color: rgba(133, 211, 56, 0.7);
	text-align:left;
	font-family:dinpro;
	font-weight:bold;
	padding:5px;
	font-size:16px;
	text-transform:uppercase;
}

.background_events{
	width:640px;
	height:auto;
	float:left;
}

.ls-events{
	width:386px;
	height:257px;
	float:left;
}

.ls-events img{
	width:386px;
	height:257px;
}

.ls-events_boxtittle{
	width:249px;
	height:70px;
	float:left;
	padding:5px;
	margin-left:5px;
	border-bottom:3px solid #85d338;
	
}

.ls-events_tittle{
	width:240px;
	height:61px;
	float:left;
	margin-left:5px;
	font-family:dinpro;
	font-weight:bold;
	text-transform:uppercase;
	font-size:20px;
	margin-top:10px;
}

.ls-events_tittle a{
	color:#000;
	text-decoration:none;
}

.ls-events_tittle a:hover{
	color:#85D438;
	text-decoration:underline;
	
}

.videokamu_tittle span{
	font-size:14px;
	text-transform:none;
	color:#808080;
	font-weight:normal;
}

.videokamu_foto{
	width:92px;
	height:61px;
	float:left;
}

.videokamu_foto img{
	width:92px;
	height:61px;
}

.icon_videokamu{
	width:92px;
	height:61px;
	position:absolute;
	background:url(images/icon_videokamu.png) no-repeat;
}

.more_ls{
	width:auto;
	height:auto;
	float:left;
	text-transform:none;
	font-size:13px;
	font-weight:normal;
	color:#808080;
	
}

.more_ls a{
	color:#85D438;
	text-decoration:none;
}

.more_ls a:hover{
	color:#000000;
	
}

.ff-ls_stuffs{
	
	margin: 0px auto;
	padding-top: 0px;
	width:650px;
	float:left;
	
	
}

.ff-ls_stuffs a{
	display: block;
	position: relative;
	padding: 0px;
	background: #fff;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	margin: 0px;
	width: 210px;
	height: 140px;
}
.ff-ls_stuffs a span{
	display: block;
	background: rgba(133, 211, 56, 0.6);
	text-transform:uppercase;
	color: #fff;
	font-weight: bold;
	font-family:dinpro;
	padding: 20px;
	padding-left:10px;
	
	position: absolute;
	top: 0px;
	left: 0px;
	width: 180px;
	height: 0px;
	overflow: hidden;
	opacity: 0;
	text-align: left;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
	
}
.ff-ls_stuffs a:hover span{
	height: 40px;
	opacity: 1;
	padding-top:80px;

}
.ff-ls_stuffs li img{
	display: block;
	height:140px;
	width:210px;
}

.ff-ls_stuffs li{
	margin: 0px;
	float: left;
	width: 210px;
	height: 140px;
	margin-right:10px;
	margin-bottom:10px;
	-webkit-transition: opacity 0.6s ease-in-out;
	-moz-transition: opacity 0.6s ease-in-out;
	-o-transition: opacity 0.6s ease-in-out;
	-ms-transition: opacity 0.6s ease-in-out;
	transition: opacity 0.6s ease-in-out;
}

.ls-stuffs_element{
	width:210px;
	height:140px;
	position:absolute;
	background:url(images/ls-stuffs-element.png) no-repeat;
}

.ff-ls_stuffs a .ls-stuffs_element{
	visibility:hidden;
}

.ff-ls_stuffs a:hover .ls-stuffs_element{
	visibility:visible;
}

#box_ls_fashion {
	width:650px;
	float:left;
	position:relative;
	height:330px;
	margin-top:5px;
}

#box_ls_fashion .next, #box_ls_fashion .prev {
	position:absolute;
	top:105px;
	left:-100px;
	width:20px;
	height:43px;
	display:block;
	z-index:101;
}
#box_ls_fashion .next {
	left:515px;
}
.ls_slides_fashion {
	width:320px;
	height:320px;
	overflow:hidden;
	position:relative;
	background:#ADA9A3;
	margin-left:50px;
	
}

.ls_fashion_potrait{
	width:213px;
	height:320px;
	float:left;
	margin-left:55px;
}

.ls_fashion_potrait img{
	max-width:213px;
	height:320px;
	float:left;
}

.ls_fashion_landscape{
	width:320px;
	height:213px;
	float:left;
	margin-top:50px;
}

.ls_fashion_landscape img{
	min-width:320px;
	height:213px;
	float:left;
}

.ff-lifestyle_hangoutchannel{
	
	margin: 0px auto;
	padding-top: 0px;
	width:650px;
	float:left;
	
	
}

.ff-lifestyle_hangoutchannel a{
	display: block;
	position: relative;
	padding: 0px;
	background: #fff;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	margin: 0px;
	width: 320px;
	height: 213px;
}
.ff-lifestyle_hangoutchannel a span{
	display: block;
	background: rgba(133, 211, 56, 0.7);
	text-transform:uppercase;
	color: #fff;
	font-weight: bold;
	font-family:dinpro;
	padding: 20px;
	padding-left:10px;
	
	position: absolute;
	top: 0px;
	left: 0px;
	width: 290px;
	height: 0px;
	overflow: hidden;
	opacity: 0;
	text-align: left;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
	
}
.ff-lifestyle_hangoutchannel a:hover span{
	height: 113px;
	opacity: 1;
	padding-top:80px;

}
.ff-lifestyle_hangoutchannel li img{
	display: block;
	height:213px;
	width:320px;
}

.ff-lifestyle_hangoutchannel li{
	margin: 0px;
	float: left;
	width: 320px;
	height: 213px;
	margin-right:10px;
	margin-bottom:10px;
	-webkit-transition: opacity 0.6s ease-in-out;
	-moz-transition: opacity 0.6s ease-in-out;
	-o-transition: opacity 0.6s ease-in-out;
	-ms-transition: opacity 0.6s ease-in-out;
	transition: opacity 0.6s ease-in-out;
}

.ff-lifestyle_hangoutchannel a .kategori1 {
	visibility:visible;
}

.ff-lifestyle_hangoutchannel a:hover .kategori1{
	visibility:visible;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	background:#FFF;
	
}

.kategori1{
	width:50px;
	height:15px;
	background-color: rgba(133, 211, 56, 0.9);
	top:125px;
	left:0px;
	position:absolute;
	z-index: 100;
	color: #000;
	text-align:center;
	font-family:dinpro;
	font-weight:bold;
	padding-top:5px;
	font-size:11px;
}


.ff-lifestyle_hangoutchannel a .ls-tittle1 {
	visibility:visible;
}

.ff-lifestyle_hangoutchannel a:hover .ls-tittle1{
	visibility:visible;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	background:#000;
	color:#fff;
}

.ls-tittle1{
	width:150px;
	height:auto;
	top:150px;
	left:0px;
	float:left;
	position:absolute;
	z-index: 100;
	color: #fff;
	background-color: rgba(133, 211, 56, 0.9);
	text-align:left;
	font-family:dinpro;
	font-weight:bold;
	padding:5px;
	font-size:16px;
	text-transform:uppercase;
}

.box_events_kiri{
	width:254px;
	height:auto;
	float:left;
	margin-right:10px;
}

.box_events_kanan{
	width:386px;
	height:auto;
	float:left;
	margin-bottom:10px;
}

.ff-foto_events_kiri{
	
	margin: 0px auto;
	padding-top: 0px;
	width:254px;
	float:left;
	
	
}

.ff-foto_events_kiri a{
	display: block;
	position: relative;
	padding: 0px;
	margin: 0px;
	width: 254px;
	height: auto;
}
.ff-foto_events_kiri a span{
	display: block;
	background: rgba(133, 211, 56, 0.7);
	text-transform:uppercase;
	color: #fff;
	font-weight: bold;
	font-family:dinpro;
	padding: 20px;
	padding-left:10px;
	
	position: absolute;
	top: 0px;
	left: 0px;
	width: 224px;
	height: 0px;
	overflow: hidden;
	opacity: 0;
	text-align: left;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
	
}
.ff-foto_events_kiri a:hover span{
	height: 71px;
	opacity: 1;
	padding-top:80px;

}
.ff-foto_events_kiri li img{
	display: block;
	height:171px;
	width:254px;
}

.ff-foto_events_kiri li{
	margin: 0px;
	float: left;
	width: 254px;
	height: 171px;
	margin-right:10px;
	margin-bottom:10px;
	-webkit-transition: opacity 0.6s ease-in-out;
	-moz-transition: opacity 0.6s ease-in-out;
	-o-transition: opacity 0.6s ease-in-out;
	-ms-transition: opacity 0.6s ease-in-out;
	transition: opacity 0.6s ease-in-out;
}

.tittle_foto_events_kiri{
	width:254px;
	height:50px;
	float:left;
	color:#000;
	text-align:left;
	font-family:dinpro;
	font-weight:bold;
	font-size:16px;
	text-transform:uppercase;
	border-bottom:3px solid #85d338;
}

.tittle_foto_events_kiri a:hover{
	color:#85d338;
}

.tittle_foto_events_kiri span{
	width:auto;
	height:auto;
	float:left;
	text-transform:none;
	font-size:13px;
	font-weight:normal;
	color:gray;
	
}

.tittle_foto_events_kiri span a{
	color:#85D438;
	text-decoration:none;
}

.tittle_foto_events_kiri span a:hover{
	color:#000000;
	
}

.foto_events_kanan{
	width:122px;
	height:82px;
	float:left;
	margin-right:10px;
}

.foto_events_kanan img{
	width:122px;
	height:82px;
}

.tittle_events_kanan{
	width:253px;
	height:78px;
	float:left;
	border-bottom:3px solid #85d338;
	color:#000;
	text-align:left;
	font-family:dinpro;
	font-weight:bold;
	font-size:16px;
	text-transform:uppercase;
	border-bottom:3px solid #85d338;
}

.tittle_events_kanan a:hover{
	color:#85d338;
}

.tittle_events_kanan span{
	width:auto;
	height:auto;
	float:left;
	text-transform:none;
	font-size:13px;
	font-weight:normal;
	color:gray;
	
}

.tittle_events_kanan span a{
	color:#85D438;
	text-decoration:none;
}

.tittle_events_kanan span a:hover{
	color:#000000;
	
}

.ff-lifestyle_automotivechannel{
	
	margin: 0px auto;
	padding-top: 0px;
	width:650px;
	float:left;
	
	
}

.ff-lifestyle_automotivechannel a{
	display: block;
	position: relative;
	padding: 0px;
	background: #fff;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	margin: 0px;
	width: 210px;
	height: 140px;
}
.ff-lifestyle_automotivechannel a span{
	display: block;
	background: rgba(133, 211, 56, 0.7);
	text-transform:uppercase;
	color: #fff;
	font-weight: bold;
	font-family:dinpro;
	padding: 20px;
	padding-left:10px;
	
	position: absolute;
	top: 0px;
	left: 0px;
	width: 180px;
	height: 0px;
	overflow: hidden;
	opacity: 0;
	text-align: left;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
	
}
.ff-lifestyle_automotivechannel a:hover span{
	height: 40px;
	opacity: 1;
	padding-top:80px;

}
.ff-lifestyle_automotivechannel li img{
	display: block;
	height:140px;
	width:210px;
}

.ff-lifestyle_automotivechannel li{
	margin: 0px;
	float: left;
	width: 210px;
	height: 140px;
	margin-right:10px;
	margin-bottom:10px;
	-webkit-transition: opacity 0.6s ease-in-out;
	-moz-transition: opacity 0.6s ease-in-out;
	-o-transition: opacity 0.6s ease-in-out;
	-ms-transition: opacity 0.6s ease-in-out;
	transition: opacity 0.6s ease-in-out;
}

.ff-lifestyle_automotivechannel a .kategori2 {
	visibility:visible;
}

.ff-lifestyle_automotivechannel a:hover .kategori2{
	visibility:visible;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	background:#FFF;
	
}

.kategori2{
	width:50px;
	height:15px;
	background-color: rgba(133, 211, 56, 0.9);
	top:55px;
	left:0px;
	position:absolute;
	z-index: 100;
	color: #000;
	text-align:center;
	font-family:dinpro;
	font-weight:bold;
	padding-top:5px;
	font-size:11px;
}

.kategori3{
	width:75px;
	height:15px;
	background-color: rgba(133, 211, 56, 0.7);
	top:55px;
	left:0px;
	position:absolute;
	z-index: 100;
	color: #000;
	text-align:center;
	font-family:dinpro;
	font-weight:bold;
	padding-top:5px;
	font-size:11px;
}


.ff-lifestyle_automotivechannel a .ls-tittle2 {
	visibility:visible;
}

.ff-lifestyle_automotivechannel a:hover .ls-tittle2{
	visibility:visible;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	background:#000;
	color:#fff;
}

.ls-tittle2{
	width:150px;
	height:auto;
	top:80px;
	left:0px;
	float:left;
	position:absolute;
	z-index: 100;
	color: #fff;
	background-color: rgba(133, 211, 56, 0.9);
	text-align:left;
	font-family:dinpro;
	font-weight:bold;
	padding:5px;
	font-size:16px;
	text-transform:uppercase;
}

.ff-lifestyle_stuffschannel{
	
	margin: 0px auto;
	padding-top: 0px;
	width:650px;
	float:left;
	
	
}

.ff-lifestyle_stuffschannel a{
	display: block;
	position: relative;
	padding: 0px;
	color: #fff;
	margin: 0px;
	width: 210px;
	height: 230px;
}
.ff-lifestyle_stuffschannel a span{
	display: block;
	background: rgba(133, 211, 56, 0.7);
	text-transform: uppercase;
	color: #fff;
	font-weight: bold;
	font-family: dinpro;
	padding: 20px;
	padding-left: 10px;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 180px;
	height: 0px;
	overflow: hidden;
	opacity: 0;
	text-align: left;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;	
}
.ff-lifestyle_stuffschannel a:hover span{
	height: 130px;
	opacity: 1;
	padding-top:80px;

}
.ff-lifestyle_stuffschannel li img{
	display: block;
	height:140px;
	width:210px;
}

.ff-lifestyle_stuffschannel li{
	margin: 0px;
	float: left;
	width: 210px;
	height: 230px;
	margin-right:10px;
	margin-bottom:10px;
	-webkit-transition: opacity 0.6s ease-in-out;
	-moz-transition: opacity 0.6s ease-in-out;
	-o-transition: opacity 0.6s ease-in-out;
	-ms-transition: opacity 0.6s ease-in-out;
	transition: opacity 0.6s ease-in-out;
}

.ls-stuffs-tittle{
	width:190px;
	height:70px;
	float:left;
	background:url(images/bg-text-stuffs.png) no-repeat;
	padding:10px;
	font-family:dinpro;
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
}

.ls-stuffs-tittle-intro{
	width:190px;
	float:left;
	color:gray;
	text-transform:none;
	font-size:13px;
	font-weight:normal;
	margin-top:3px;
}



.ls-stuffs-tittle-ornamen{
	width:210px;
	height:230px;
	background:url(images/bg-text-stuffs-hitam.png) no-repeat;
	position:absolute;
	z-index: 100;
	top:0px;
	
}



.ff-lifestyle_stuffschannel a .ls-stuffs-tittle-ornamen {
	visibility:hidden;
}

.ff-lifestyle_stuffschannel a:hover .ls-stuffs-tittle-ornamen{
	visibility:visible;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}



.ff-lifestyle_fashionchannel{
	
	margin: 0px auto;
	padding-top: 0px;
	width:650px;
	float:left;
	
	
}

.ff-lifestyle_fashionchannel a{
	display: block;
	position: relative;
	padding: 0px;
	color: #000;
	margin: 0px;
	width: 210px;
	height: 210px;
	background:#ADA9A3;
}
.ff-lifestyle_fashionchannel a span{
	display: block;
	text-transform: uppercase;
	color: #000;
	font-weight: bold;
	font-family: dinpro;
	padding: 20px;
	padding-left: 10px;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 180px;
	height: 0px;
	overflow: hidden;
	opacity: 0;
	text-align: left;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;	
}
.ff-lifestyle_fashionchannel a:hover span{
	height: 190px;
	opacity: 1;
	padding-top:80px;
	

}

.ff-lifestyle_fashionchannel li{
	margin: 0px;
	float: left;
	width: 210px;
	height: 300px;
	margin-right:10px;
	margin-bottom:10px;
	-webkit-transition: opacity 0.6s ease-in-out;
	-moz-transition: opacity 0.6s ease-in-out;
	-o-transition: opacity 0.6s ease-in-out;
	-ms-transition: opacity 0.6s ease-in-out;
	transition: opacity 0.6s ease-in-out;
}

.ff-lifestyle_fashionchannel a .kategori {
	visibility:hidden;
}

.ff-lifestyle_fashionchannel a:hover .kategori{
	visibility:visible;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.kategori{
	width:70px;
	height:15px;
	background:#56e100;
	top:0px;
	left:135px;
	position:absolute;
	z-index: 9999;
	color: #fff;
	text-align:center;
	font-family:dinpro;
	font-weight:bold;
	padding-top:5px;
	font-size:11px;
}

.ls-fashion-tittle{
	width:190px;
	height:70px;
	float:left;
	padding:10px;
	font-family:dinpro;
	color:#000;
	font-weight:bold;
	text-transform:uppercase;
}

.ls-fashion-tittle-intro{
	width:190px;
	float:left;
	color:gray;
	text-transform:none;
	font-size:13px;
	font-weight:normal;
	margin-top:3px;
}



.ls-fashion-tittle-ornamen{
	width:210px;
	height:300px;
	background:url(images/bg-ls-fashion.png) no-repeat;
	position:absolute;
	z-index: 100;
	top:0px;
	
}



.ff-lifestyle_fashionchannel a .ls-fashion-tittle-ornamen {
	visibility:hidden;
}

.ff-lifestyle_fashionchannel a:hover .ls-fashion-tittle-ornamen{
	visibility:visible;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.ff-lifestyle_fashion_landscape{
	width:210px;
	height:140px;
	float:left;
	margin-top:33px;
	margin-bottom:35px;
}

.ff-lifestyle_fashion_landscape img{
	width:210px;
	height:140px;
}

.ff-lifestyle_fashion_potrait{
	width:140px;
	height:210px;
	float:left;
	margin-left:35px;
}

.ff-lifestyle_fashion_potrait img{
	width:140px;
	height:210px;
}

.bg-lifestyle_fashion{
	width:210px;
	height:210px;
	position:relative;
	background:#ADA9A3;
}

.thumb_ls{
	width:210px;
	height:140px;
	float:left;
	margin-top:10px;

}

.thumb_ls img{
	width:210px;
	height:140px;
}

.h-other_article_ls{
	width:640px;
	height:auto;
	padding:5px;
	float:left;
	background:#85D438;
	font-size:12px;
	color:#000;
	margin-top:5px;
	margin-bottom:10px;
}

.ff-foto_events_lainnya{
	
	margin: 0px auto;
	padding-top: 0px;
	width:650px;
	float:left;
	
	
}

.ff-foto_events_lainnya a{
	display: block;
	position: relative;
	padding: 0px;
	margin: 0px;
	width: 210px;
	height: auto;
}
.ff-foto_events_lainnya a span{
	display: block;
	background: rgba(133, 211, 56, 0.7);
	text-transform:uppercase;
	color: #fff;
	font-weight: bold;
	font-family:dinpro;
	padding: 20px;
	padding-left:10px;
	
	position: absolute;
	top: 0px;
	left: 0px;
	width: 180px;
	height: 0px;
	overflow: hidden;
	opacity: 0;
	text-align: left;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
	
}
.ff-foto_events_lainnya a:hover span{
	height: 40px;
	opacity: 1;
	padding-top:80px;

}
.ff-foto_events_lainnya li img{
	display: block;
	height:140px;
	width:210px;
}

.ff-foto_events_lainnya li{
	margin: 0px;
	float: left;
	width: 210px;
	height: 300px;
	margin-right:10px;
	margin-bottom:10px;
	-webkit-transition: opacity 0.6s ease-in-out;
	-moz-transition: opacity 0.6s ease-in-out;
	-o-transition: opacity 0.6s ease-in-out;
	-ms-transition: opacity 0.6s ease-in-out;
	transition: opacity 0.6s ease-in-out;
}

.tittle_foto_events_lainnya{
	width:210px;
	height:75px;
	margin-top:5px;
	float:left;
	color:#000;
	text-align:left;
	font-family:dinpro;
	font-weight:bold;
	font-size:16px;
	text-transform:uppercase;
	border-bottom:3px solid #85d338;
}

.tittle_foto_events_lainnya a:hover{
	color:#85d338;
}

.tittle_foto_events_lainnya span{
	width:auto;
	height:auto;
	float:left;
	text-transform:none;
	font-size:13px;
	font-weight:normal;
	color:gray;
	
}

.tittle_foto_events_lainnya span a{
	color:#85D438;
	text-decoration:none;
}

.tittle_foto_events_lainnya span a:hover{
	color:#000000;
	
}

.box_ls_agenda{
	width:650px;
	height:530px;
	float:left;
	
}

.agenda_bulan{
	width:630px;
	height:15px;
	float:left;
	text-align:right;
	font-family:dinpro;
	font-size:16px;
	padding:10px;
	text-transform:uppercase;
	font-weight:bold;
	background:#85D438;
	margin-bottom:10px;
}

.box_agenda_tanggal{
	width:650px;
	height:75px;
	float:left;
	border-bottom:2px solid #808080;
	margin-top:5px;
	padding-bottom:7px;
	
}

.agenda_tanggal{
	width:86px;
	height:75px;
	float:left;
	border-right:1px solid #ababab;
	padding-top:5px;
	padding-left:5px;
	font-family:dinpro;
	font-size:20px;
}

.aboutus{
	width:960px;
	height:auto;
	float:left;
	margin-bottom:40px;
	margin-left:0px;
}

/* ==========================================================================
	TABS HAI DIGITAL ABOUT US
   ========================================================================== */

.haidigital {
    float:left;
	margin: 0px;
	width: 960px;
	float:left;
	padding:0px;
	margin-top:0px;
	margin-bottom:5px;
	
	
}

.haidigital input {
	position: absolute;
	z-index: 1000;
	width: 140px;
	height: 40px;
	left: 0px;
	top: 0px;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	cursor: pointer;
	
}
.haidigital input#tab-2{
	left: 140px;
}

.haidigital input#tab-3{
	left: 290px;
}

.haidigital input#tab-4{
	left: 430px;
}


.haidigital label {
	background: #6e4242;
	font-size: 13px;
	font-family:dinpro;
	border-right:1px solid #fff;
	height: 23px;
	position: relative;
	padding: 10px 5px 0px 5px;
    float: left;
	display: block;
	width: 133px;
	color: #fff;
	letter-spacing: 0px;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.3);

}

.haidigital label:after {
    content: '';
	background: none;
	position: absolute;
	bottom: -5px;
	left: 0;
	width: 100%;
	height: 2px;
	display: block;
}

.haidigital input:hover + label {
	background: #c85353;
	
}

.haidigital label:first-of-type {
    z-index: 4;
   
}

.tab-label-2 {
    z-index: 3;
}

.tab-label-3 {
    z-index: 3;
}

.tab-label-4 {
    z-index: 3;
}

.haidigital input:checked + label {
    background: #ff0000;
	z-index: 6;
}

.clear-shadow {
	clear: both;
}

.contentdigital {
    background: #fff;
	position: relative;
	padding:5px;
    width: 950px;
	height: 230px;
	z-index: 5;
	border:2px solid #F00;
	overflow:hidden;
}

.contentdigital div {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	opacity: 0;
	-webkit-transition: opacity linear 0.1s;
	-moz-transition: opacity linear 0.1s;
	-o-transition: opacity linear 0.1s;
	-ms-transition: opacity linear 0.1s;
	transition: opacity linear 0.1s;
	width: 960px;
	padding:10px;
}

.haidigital input.tab-selector-1:checked ~ .contentdigital .content-1,
.haidigital input.tab-selector-2:checked ~ .contentdigital .content-2,
.haidigital input.tab-selector-3:checked ~ .contentdigital .content-3,
.haidigital input.tab-selector-4:checked ~ .contentdigital .content-4 {
	z-index: 100;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;

    -webkit-transition: opacity ease-out 0.2s 0.1s;
    -moz-transition: opacity ease-out 0.2s 0.1s;
    -o-transition: opacity ease-out 0.2s 0.1s;
    -ms-transition: opacity ease-out 0.2s 0.1s;
    transition: opacity ease-out 0.2s 0.1s;
}
.content div h2,
.content div h3{
	color: #398080;
}
.content div p {
	font-size: 14px;
	line-height: 22px;
	text-align: left;
	margin: 0;
	color: #777;
	padding-left: 5px;
	font-family: Cambria, Georgia, serif;
}

.h-channel-haidigital{
	width:280px;
	float:left;
	background:#FF0000;
	float:left;
	color:#FFF;

	font-family:Helvetica;
	font-size:18px;
	padding:10px;
}

.box-haidigital{
	width:276px;
	height:auto;
	border:2px solid #F00;
	padding:10px;
	float:left;
	margin-bottom:5px;
}

.haidigital-tittle{
	width:900px;
	height:30px;
	float:left;
	text-transform:uppercase;
	font-weight:bold;
	font-family:dinpro;
	padding-top:5px;
	margin-bottom:10px;
	font-size:15px;
	z-index:5;
}

.haidigital-tittle a{
	color:#000000;
	text-decoration:underline;
}

.haidigital-tittle a:hover{
	color:#F00;
	text-decoration:none;
}

.haidigital-tittle span{
	font-size:13px;
	font-weight:normal;
	text-transform:none;
}

.haidigital-tittle span a{
	color:#F00;
	text-decoration:none;
}

.haidigital-tittle span a:hover{
	color:#00000;
	text-decoration:underline;
}

.haidigital-number{
	width:30px;
	height:20px;
	padding:5px;
	padding-top:10px;
	float:left;
	background:#F00;
	color:#fff;
	text-align:center;
	font-family:dinpro;
	font-weight:bold;
	font-size:20px;
	margin-bottom:10px;
}

/* ==========================================================================
	END TABS
   ========================================================================== */

/* ==|== print styles =======================================================
   Print styles.F
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}


/* login css */

.post { margin: 0 auto; padding-bottom: 50px; float: left; width: 960px; }

.login-popup{
	display:none;
	background: #333333;
	padding: 10px; 	
	border: 2px solid #ff0000;
	float: left;
	font-size: 1.2em;
	position: fixed;
	top: 27%; left: 40%;
	z-index: 99999;
	box-shadow: 0px 0px 20px #333333;
	-moz-box-shadow: 0px 0px 20px #333333; /* Firefox */
    -webkit-box-shadow: 0px 0px 20px #333333; /* Safari, Chrome */
	
}

img.btn_close {
	float: right; 
	margin: -28px -28px 0 0;
}

fieldset { 
	border:none;
	width:220px;
}

form.signin .textbox label { 
	display:block; 
	padding-bottom:7px; 
}

form.signin .textbox span { 
	display:block;
}


form.signin p, form.signin span { 
	color:#999; 
	font-size:11px; 
	line-height:18px;
} 

form.signin .textbox input { 
	background:#666666; 
	
	color:#fff; 
	
	font:13px Arial, Helvetica, sans-serif;
	padding:6px 6px 4px;
	width:200px;
}

form.signin input:-moz-placeholder { color:#bbb; text-shadow:0 0 2px #000; }
form.signin input::-webkit-input-placeholder { color:#bbb; text-shadow:0 0 2px #000;  }

.button {
	background:#1f1f1f;
	border-color:#000; 
	border-width:1px;
	color:#fff;
	cursor:pointer;
	display:inline-block;
	padding:6px 6px 4px;
	margin-top:10px;
	font:12px; 
	width:214px;
}

.button:hover { background:#121010; border-width:1px; border-color:#000; color:red;}


/*TAB MOST READ NEWS & UPDATE NEWS*/

.content_tree{
	width:300px;
	height:auto;
	float:left;
	font-family:dinpro;
	
	
}

	.etabs { margin: 0; padding: 0;  }
    .tab_s { display: inline-block; zoom:1; *display:inline; border: none; border-bottom: none; width:140px; padding-top:5px; height:39px; background: #6e4242;font-weight: bold;}
    .tab_s a { font-size: 14px;  display: block; padding: 10px; outline: none; width:135px; text-align:center;  padding-left:5px; color:#FFF}
    .tab_s a:hover { text-decoration: underline; color:#FFF; }
    .tab_s.active { background: #f00;  position: relative; top: 0px; border-color: #f00; width:140px; height:39px; }
    .tab_s a.active { font-weight: bold; }
    .tab-container .panel-container { background: #fff; border: solid #f00 2px; padding: 10px; height:auto; float:left  }
    .panel-container { margin-bottom: 5px; }
	
/*END TAB MOST READ NEWS & UPDATE NEWS*/

.if_videos{
	width:630px;
	height:400px;
	float:left;
}


.if_videos a{
	display: block;
	position: relative;
	padding: 0px;
	background: #fff;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	margin: 0px;
	width: 630px;
	height: 430px;
}
.if_videos a span{
	display: block;
	background: rgba(255,29,37, 0.57);
	text-transform:uppercase;
	color: #fff;
	font-weight: bold;
	font-family:dinpro;
	padding: 20px;
	padding-left:10px;
	
	position: absolute;
	bottom: 30px;
	left: 0px;
	width: 600px;
	height: 0px;
	overflow: hidden;
	opacity: 0;
	text-align: center;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	
}
.if_videos a:hover span{
	height: 20px;
	opacity: 1;
	padding-top:360px;

}
.if_videos img{
	display: block;
	height:400px;
	width:630px;
}

.icon_video_big{
	width:630px;
	height:400px;
	position:absolute;
	background:url(images/icon_video_big.png) no-repeat;
}

.icon_video_big:hover{
	background:none;
}