@charset "utf-8";

@font-face {
  font-family: 'Oxygen';
  font-style: normal;
  font-weight: 400;
  src: local('Oxygen'), url('RzoNiRR1p2Mqyyz2RwqSMw.woff') format('woff');
}

body { margin:0; padding:0; width:100%; background-color:#c2e8ed;}
/* #e5e4cf */
html { padding:0; margin:0;}

thebg {
    position: fixed;
    top: 0px;
    right: 0px;
    z-index: -1;
}

.main { margin:0 auto; padding:0;}
.resize { width:1025px; padding:10px 0; margin:0 auto; border:1px solid #f1f1f1; background:#fff;}
.resize2 { width:1025px; padding:10px 0; margin:0 auto;}
.resize h2 { width:600px; float:left; font:normal 11px 'Oxygen'; color:#939393; padding:10px 0 0 20px; margin:0;}
/********** header **********/
.header_resize { margin:0; padding:0; /*border-bottom:1px solid #f1f1f1;*/ }
.header { width:1025px; padding:0; margin:0 auto;  }
/* background-color: #e5e4cf; background:url("newimages/header.png"); */
.header_blog2 { background:url("https://dmalldepok.com/images/header_blog_bg.gif") top center repeat-x; padding:20px 0 0 0; margin:0; height:95px;}
.header_blog { background-color:white; padding:0px 0 0 0; margin:0;}
.header_blog2 h2 { font:bold 36px 'Oxygen'; color:#fff; padding:10px 0 0 0; margin:0;}
/* logo */
.logo {padding:0; margin:0; width:120px; float:left;}


/*orimenu*/
.menu { vertical-align:middle; padding:0px 0 0px 260px; margin:0; float:left; }
.menu ul { text-align:center;  padding:0; margin:0; list-style:none; border:0; float:left;}
.menu ul li { background:url("dmall/butn.png") top center repeat-x; float:left; margin:10; padding:34px 10px 0 10px; width:75px; height:65px; }
.menu ul li a { text-align:center; height:50px; width:75px; float:left; color:black; font:normal 10px 'Oxygen'; text-decoration:none;}
.menu ul li a:link { color:#4b4439; line-height: 3.3em; }
.menu ul li a:link.doubleline { color:#4b4439; line-height: 1.5em;}
.menu ul li a:link.doublelinea { color:#FFF; line-height: 1.5em; font-weight:bold;}
.menu ul li:hover { background:url("dmall/buth.png") top center repeat-x; color:white;}
.menu ul li:active { background:url("dmall/buta.png") top center repeat-x; color:white;}
.menu ul li:hover a:link { color:white; }
.menu ul li:active a:link { color:white; font-weight:bold; }
.menu ul li.active { background:url("dmall/buta.png") top center repeat-x; color:white;}
.menu ul li a.active { color:white;}
.menu ul li.mem { background:url("dmall/but2n.png") top center repeat-x; color:white;}
.menu ul li.mem:hover { background:url("dmall/but2h.png") top center repeat-x; color:white;}
.menu ul li.mem:active { background:url("dmall/but2a.png") top center repeat-x; color:white;}
.menu ul li.mema { background:url("dmall/but2a.png") top center repeat-x; color:white;}



/* search */
.search { padding:0px 0 0px 0; margin:0 0 -20px; width:70px; float:right; }
.search form { padding:0; margin:0 auto;}
.butfunc { padding:0; margin:-4px auto;}
.search span { display:block; float:left; background:url("images/search_bg.gif")/*tpa=https://www.citycorp.com.au/images/search_bg.gif*/ left top no-repeat; width:166px; padding:1px 5px; height:31px;}
.search form .keywords { width:149px; line-height:14px; height:14px; float:left; background:none; border:0; padding:6px 2px; margin:0; font:normal 11px 'Oxygen'; color:#acacac;}
.search form .button { float:left; margin:0; padding:0;}
.butfunc:active { padding:0; margin:-2px 0 -6px 2px; }
/* body */
.body_resize {padding:0; width:1025px; margin:0 auto;}
/* */
.body { padding:0; margin:0 auto; /* border-top:1px solid #f1f1f1; */}
.body h2 { font:normal 20px 'Oxygen'; color:#545454;  padding:10px 5px; margin:0 0 10px 0;}
.body h2 span { font:normal 11px 'Oxygen'; color:#939393;}
.body p { font:normal 14px  'Oxygen'; color:#6b6b6b; line-height:1.8em; padding:3px 5px; margin:0;}
table ul li { font:normal 14px  'Oxygen'; color:#6b6b6b; line-height:1.8em; padding:3px 5px; margin:0;}
table ol li { font:normal 14px  'Oxygen'; color:#6b6b6b; line-height:1.8em; padding:3px 5px; margin:0;}
.body p span { color:#6d6d6d; font:normal 11px 'Oxygen';}
.body a { color:#801e14; text-decoration:none;}
.body img { margin:10px auto; padding:0;}
.body img.floated { float:right; margin:5px 20px; padding:0;}
.body img.floated2 { float:left; margin:5px 15px 5px 0; padding:0;}
.right { width:290px; margin:0; padding:15px; float:right;}
.left { width:610px; margin:0; padding:15px; float:left;}
.blog { width:290px; margin:0; padding:10px 15px; float:left;}
.blog:hover { background-color:#f5f5f5; }
.blog2 { background-color:#AFA486; width:985px; text-align:center; margin:0; padding:0px 20px 10px 20px; float:left; border-top: 7px solid #cfcebb;}
/********** contact form **********/
#contactform { margin:0; padding:5px 10px; }
#contactform * { color:#F00; }
#contactform ol { margin:0; padding:0; list-style:none; }
#contactform li { margin:0; padding:0; background:none; border:none; display:block; clear:both; }
#contactform li.buttons { margin:5px 0 5px 0; clear:both; }
#contactform label { margin:0; width:300px; display:block; padding:10px 0; color:#9a9a9a; font:normal 12px 'Oxygen'; text-transform:capitalize; float:left; }
#contactform label span { color:#F00; }
#contactform input.text { width:320px; border:1px solid #e1e1e1; margin:2px 0; padding:5px 2px; height:16px; background:#fff; float:left; }
#contactform textarea { width:520px; border:1px solid #e1e1e1; margin:2px 0; padding:2px; background:#fff; float:left; }
#contactform li.buttons input { padding:3px 0 3px 0px; margin:10px 0 0 0; border:0; color:#FFF; float:left; }

/*************footer**********/
.footer {padding:0;  margin:0; /* border-top:1px solid #f1f1f1; */}
.footer_resize { background-color: #afa486; width:1005px; margin:0 auto; padding:0px 10px; border-top: 7px solid #cfcebb; border-bottom: 7px solid #cfcebb;}
.footer p { font:normal 12px  'Oxygen'; color:white;}
.footer span { font:normal 12px  'Oxygen'; color:white; padding:5px; margin:0;}
.footer a { margin-left:50px; font:normal 12px  'Oxygen'; color:white; text-decoration:none; padding:5px; }
.footer p.right { text-align:right; width:350px; margin:0; padding:15px 0 0 0; float:right;} 
.footer p.leftt { text-align:left; width:1025px; margin:0; padding:15px 0 0 0; float:left;}

p.clr, .clr { clear:both; padding:0; margin:0; background:none;}
.bg { border-bottom:1px solid #e2e2e2; clear:both; padding:0; margin:10px 0; background:none;}
/* Header block */
.header_blog5 { background:url("images/bg_slider.gif")/*tpa=https://www.citycorp.com.au/images/bg_slider.gif*/; padding:0px 0 0 0; margin:0;}
.header_blog h3 { font:normal 40px 'Oxygen'; color:#484848; padding:10px 0 10px 20px; margin:0;}
.header_blog div.text { width:600px; float:left; font:normal 11px  'Oxygen'; color:#939393; padding:0 0 0 20px; margin:0; line-height:23px;}
/*galeria*/
.galeria { width:120px; padding:0; margin:0; float:right; height:23px;}
.galeria ul,
.galeria ul li { margin:0; padding:0; list-style:none; float:left; line-height:23px;}
.galeria a { display:block; padding:0 2px; margin:0; width:24px; height:23px;}
.galeria a:hover {}
.galeria a.first {background:url("images/rss_1_1.gif") top no-repeat;}
.galeria a:hover.first { background:url("images/rss_1.gif") top no-repeat;}
.galeria a.sek {background:url("images/rss_2_1.gif") top no-repeat;}
.galeria a:hover.sek { background:url("images/rss_2.gif") top no-repeat;}
.galeria a.thre {background:url("images/rss_3_1.gif") top no-repeat;}
.galeria a:hover.thre { background:url("images/rss_3.gif") top no-repeat;}
.galeria a.four {background:url("images/rss_4_1.gif") top no-repeat;}
.galeria a:hover.four { background:url("images/rss_4.gif") top no-repeat;}
/* Slider */
#slider { background-color: #553d1b;  width:1025px; padding:10px 0; margin:0 auto; }
div#slideshow { width:99%; height:475px; overflow:hidden; border-radius: 10px; margin-left:auto; margin-right:auto; }
.slider-item { width:100% !important; }
.slider-item .caption { left:1025px; width:230px; position:absolute; height:287px; top:0; padding:20px; margin:0; background:url("images/overlay.png");}
.slider-item .caption h2 { font:normal 16px/1.6em 'Oxygen'; color:#4b4439; padding:0; margin:0;}
.slider-item .caption p { font:normal 12px/1.6em 'Oxygen'; color:#4b4439; margin:0; padding:0;}
.slider-item .caption a { color:#4b4439; text-decoration:none;}
.slider-item img { float:right; margin:0; padding:0;}
.slider-item2 img { float:left; margin:0; padding:0;}
.slider_content_inner img { border:none; }
.controls-center { width:1025px; margin:0 auto; padding:5px 0;}
#slider_controls { margin:0 auto; z-index:10; width:1025px;}
#slider_controls ul { margin:0; padding:0 20px 0 0; width:554px; float:right;}
#slider_controls ul li { margin:0; padding:0 ; list-style:none; }
#slider_controls ul li { float:right; display:block; }
#slider_controls ul li a { text-decoration:none; font:normal 11px 'Oxygen'; color:#797979; background:#f2f2f2; border:1px solid #e0e0e0; display:block; float:left; padding:1px 5px; margin:2px !important; margin:1px 1px; outline:none; }
#slider_controls ul li a:focus { outline:none; }
#slider_controls ul li a:hover,
#slider_controls ul li a.activeSlide { color:#797979; background:#fff; border:1px solid #ececec; }

.captionnew2 { 
	z-index:15; 
	left:645px; 
	width:330px; 
	position:relative; 
	height:367px; 
	top:-395px; 
	padding:20px; 
	margin:0; 
	background:url("images/overlay.png");
	opacity:0.8;
	filter:alpha(opacity=80);
}
.captionnew2x { 
	z-index:15; 
	left:645px; 
	width:330px; 
	position:relative; 
	height:367px; 
	top:-395px; 
	padding:20px; 
	margin:0; 
	background:url("images/overlay.png");
	opacity:0.8;
	filter:alpha(opacity=80);
}
.captionnew3 { 
	z-index:15; 
	left:645px; 
	width:330px; 
	position:absolute; 
	height:367px; 
	top:0px; 
	padding:20px; 
	margin:0; 
	background:url("images/overlay.png");
	opacity:0.8;
	filter:alpha(opacity=80);
}
.captionnew4 { 
	z-index:15; 
	left:645px; 
	width:330px; 
	position:relative; 
	height:367px; 
	top:0px; 
	padding:20px; 
	margin:0; 
	background:url("images/overlay.png");
	opacity:0.8;
	filter:alpha(opacity=80);
}
.captionnew { 
	z-index:15; 
	left:700px; 
	width:275px; 
	position:relative; 
	height:320px; 
	top:-345px; 
	padding:20px; 
	margin:0; 
	background:url("images/overlay.png");
	opacity:0.8;
	filter:alpha(opacity=80);
}
.captionblank { 
	z-index:15; 
	left:700px; 
	width:275px; 
	position:relative; 
	height:320px; 
	top:-345px; 
	padding:20px; 
	margin:0; 
	opacity:0.8;
	filter:alpha(opacity=80);
}
.captionblank h2 { font:normal 16px/1.6em 'Oxygen'; color:#4b4439; padding:0; margin:0;}
.captionblank p { font:normal 12px/1.6em 'Oxygen'; color:#4b4439; margin:0; padding:0;}
.captionblank a { color:#4b4439; text-decoration:none;}

.header_blognew { height:400px;  padding:0px 0 0 0; margin:0;}
/* background-color:#eee; */
#slideshownew { width:99%; height:377px; overflow:hidden; border-radius: 10px; margin-left:auto; margin-right:auto; }
.captionnew h2 { font:normal 16px/1.6em 'Oxygen'; color:#4b4439; padding:0; margin:0;}
.captionnew p { font:normal 12px/1.6em 'Oxygen'; color:#4b4439; margin:0; padding:0;}
.captionnew a { color:#4b4439; text-decoration:none;}
.captionnew2 h2 { font:normal 20px/2em 'Oxygen'; color:#4b4439; padding:0; margin:0;}
.captionnew2 p { font:normal 14px/1.6em 'Oxygen'; color:#4b4439; margin:0; padding:0;}
.captionnew3 p { font:normal 14px/1.6em 'Oxygen'; color:#4b4439; margin:0; padding:0;}
.captionnew2 a { color:#4b4439; text-decoration:none;}

.captionnew2x h2 { font:normal 16px/1.6em 'Oxygen'; color:#4b4439; padding:0; margin:0;}
.captionnew2x p { font:normal 13px/1.2em 'Oxygen'; color:#4b4439; margin:0; padding:0;}
.captionnew2x a { color:#4b4439; text-decoration:none;}

#slidernew { background-color: #553d1b; height:380px; width:1025px; padding:10px 0; margin:0 auto; }
.brownbar {
margin-left:auto;
margin-right:auto;
border-bottom: 1px solid #ececec;
border-top: 1px solid #ececec;
    height: 5px;
    background-color:#553d1b; 
    position: relative;
    width:1025px; 
}
.bodynew { position:relative; top:-157px; padding:0; margin:0 auto; /* border-top:1px solid #f1f1f1; */ background:#fff;}
.footernew {position:relative; top:-157px; padding:0;  margin:0; /* border-top:1px solid #f1f1f1; */ background-color:white;}
.footernew p { font:normal 12px  'Oxygen'; color:white;}
.footernew span { font:normal 12px  'Oxygen'; color:white; padding:5px; margin:0;}
.footernew a { margin-left:50px; font:normal 12px  'Oxygen'; color:white; text-decoration:none; padding:5px; }
.footernew p.right { text-align:right; width:350px; margin:0; padding:15px 0 0 0; float:right;} 
.footernew p.leftt { text-align:left; width:1025px; margin:0; padding:15px 0 0 0; float:left;}
.mainnew { height:400px;margin:0 auto; padding:0;}

.blue-text{color:#0188cc!important; font:normal 22px 'Oxygen' !important;}
.img-border{border:1px solid #f0f0f0; padding:5px !important;}

.img-border2{border:1px solid #f0f0f0; padding:5px !important; margin:5px 15px 5px 0 !important; float:left;}
.img-border3{border:1px solid #f0f0f0; padding:5px !important; margin:5px 0px 5px 10px !important; float:right;}


		.black_overlay{
			display: none;
			position: absolute;
			top: 0%;
			left: 0%;
			width: 100%;
			height: 200%;
			background-color: black;
			z-index:11;
			-moz-opacity: 0.8;
			opacity:.80;
			filter: alpha(opacity=80);
		}
		.white_content {
			display: none;
			position: absolute;
			text-align:center;
			top: 12.5%;
			left: 15%;
			width: 70%;
			height: 75%;
			padding: 0px;
			border: 0px solid orange;
			background-color: white;
			z-index:12;
			overflow: auto;
		}

.jcarousel-skin-tango .jcarousel-container {
    background: #AFA486;
}

.jcarousel-skin-tango .jcarousel-direction-rtl {
	direction: rtl;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 985px;
    padding: 0px 0px;
}

.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 175px;
    height: 985px;
    padding: 20px 20px;
}

.jcarousel-skin-tango .jcarousel-clip {
    overflow: hidden;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  985px;
    height: 150px;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  175px;
    height: 985px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 175px;
    height: 150px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
	margin-left: 0;
    margin-right: 10px;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 10px;
    margin-right: 0;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 43px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(https://dmalldepok.com/next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 5px;
    right: auto;
    background-image: url(https://dmalldepok.com/prev-horizontal.png);
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-horizontal:focus {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 43px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(https://dmalldepok.com/prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 5px;
    background-image: url(https://dmalldepok.com/next-horizontal.png);
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover, 
.jcarousel-skin-tango .jcarousel-prev-horizontal:focus {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(https://dmalldepok.com/next-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-vertical:focus {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(https://dmalldepok.com/prev-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-vertical:focus {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:focus,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

/* karusel yang baru */
/* Container DIV - automatically generated */
.simply-scroll-container { 
	position: relative;
}

/* Clip DIV - automatically generated */
.simply-scroll-clip { 
	position: relative;
	overflow: hidden;
}

/* UL/OL/DIV - the element that simplyScroll is inited on
Class name automatically added to element */
.simply-scroll-list { 
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}
	
.simply-scroll-list li {
	padding: 0;
	margin: 0;
	list-style: none;
}
	
.simply-scroll-list li img {
	border: none;
	display: block;
}

/* Custom class modifications - adds to / overrides above

.simply-scroll is default base class */

/* Container DIV */
.simply-scroll { 
	width: 985px;
	height: 160px;
	margin-bottom: 1em;
}

/* Clip DIV */
.simply-scroll .simply-scroll-clip {
	width: 985px;
	height: 160px;
}
	
/* Explicitly set height/width of each list item */	
.simply-scroll .simply-scroll-list li {
	float: left; /* Horizontal scroll only */
	width: 190px;
	height: 170px;
}