/*COLOR*/
	/*
	BLACK		#060606
	BLACK LIGHT #3d3d3d
	WHITE 		#ffffff
	GREEN		#008b9a
	GREY		#999999 
	*/
	
/*FONT*/
@font-face {
    font-family: 'fonartoregular';
    src: url('../js/font/Fonarto-webfont.eot');
    src: url('../js/font/Fonarto-webfont.eot?#iefix') format('embedded-opentype'),
         url('../js/font/Fonarto-webfont.woff2') format('woff2'),
         url('../js/font/Fonarto-webfont.woff') format('woff'),
         url('../js/font/Fonarto-webfont.ttf') format('truetype'),
         url('../js/font/Fonarto-webfont.svg#fonartoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'arialregular';
    src: url('../js/font/arial-webfont.eot');
    src: url('../js/font/arial-webfont.eot?#iefix') format('embedded-opentype'),
         url('../js/font/arial-webfont.woff2') format('woff2'),
         url('../js/font/arial-webfont.woff') format('woff'),
         url('../js/font/arial-webfont.ttf') format('truetype'),
         url('../js/font/arial-webfont.svg#arialregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
	
/*	Resets
	------	*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, 
p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, 
img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figure, figcaption, hgroup, 
menu, footer, header, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;		
}

article, aside, canvas, figure, figure img, figcaption, hgroup,
footer, header, nav, section, audio, video {
	display: block;
}

a {text-decoration:none; border:none; outline:0;}
img{border:none; outline:0;}
.cursor{cursor:pointer;}
textarea {resize: none;}
ul li{padding:0; list-style:none;}
	.list-1 li img, .list-2 li img, .list-3 li img, .list-4 li img{max-width:100%;}
	.list-1 li{float:left; width:275px; margin-right:27px;}
		.list-1 li:nth-child(3n){margin-right:0px;}
		.testi .list-1 li, .galeri .list-1 li{margin-bottom:20px;}
	.list-2 li{float:left; width:275px; margin-right:27px; padding-bottom:30px;}
		.list-2 li:nth-child(3n){margin-right:0px;}
	.list-3 li{float:left; width:175px; margin-right:60px; padding-bottom:40px; text-align:center;}
		.list-3 li:nth-child(4n){margin-right:0px;}
	.list-4 li{float:left; width:412px; margin-right:56px; margin-bottom:20px;}
		.list-4 li:nth-child(2n){margin-right:0px;}
		.list-4 p, .list-4 .f-title{padding-top:15px;}
	.list-karir li{width:100%; list-style-type: circle; margin-left:15px;}
	.list-karir2 li{float:left; width:30%; margin-right:40px;}
		.list-karir2 li:nth-child(3){margin-right:0;}
	.icon-menu li{float:left; width:185px; margin-right:46px;}
		.icon-menu li:nth-child(4){margin-right:0px;}
	.icon-menu2 li{display:inline-block; width:280px; margin-right:15px; text-align:center; vertical-align:top;}
		.icon-menu2 li:nth-child(3){margin-right:0px;}
		.icon-menu2 img{display:inline-block;}
	.list-sitemap li{float:left; width:200px; margin-right:26px;}
		.list-sitemap li:nth-child(4){margin-right:0px;}
	.list-menu li{float:left; width:180px; margin-right:22px; text-align:center; position:relative;}
		.list-menu li:nth-child(5){margin-right:0px;}
	ol.list-detail-resep li{list-style:decimal; margin-left:15px; font-size:13px;}
	ol.list-bmc li{list-style:decimal; margin-left:15px; font-size:13px; line-height:20px;}
	ul.light-slider{width:880px;}
	.light-slider li{text-align:center;}
		.light-slider a{font-size:20px; color:#519bd3; font-family: 'fonartoregular';}
		.light-slider a:hover{color:#003b68;}
	
	
p{padding:0; margin:0;}
.clear{clear:both; height:0;}
h1, h2, h3, h4, h5{font-weight:normal; line-height:normal;}
	
	
/*SPACE*/
.space-0{margin-top:5px;}
.space-1{margin-top:10px;}
.space-2{margin-top:20px;}
.space-3{margin-top:30px;}
.space-4{padding-top:30px;}
.space-5{margin-top:50px;}
.space-6{margin-top:60px;}
.space-head{height:85px; width:100%; background:#fcd333;}
.pad-0{float:left; margin-left:4px;}

/*font*/
.f-number{font-size:40px; color:#767676; padding-top:20px; line-height:30px;}
.f-date{font-size:12px; color:#767676; padding-top:5px;}
.f-year{font-size:25px; color:#767676; width:70px; margin:0 auto; line-height:25px;}
.f-title{font-size:18px; color:#519bd3; font-family: 'fonartoregular'; padding-bottom:5px; line-height:normal;}
.f-opening{font-size:18px; color:#555555; font-family: 'fonartoregular'; padding-bottom:5px; line-height:24px;}
.f-content{font-size:13px; color:#000000; line-height:20px;}
	.f-content p{padding-bottom:12px;}
.f-crumb{font-size:12px; color:#243772; padding-top:5px;}
.f-crumb a{font-size:12px; color:#243772;}
	.f-crumb a:hover{font-size:12px; color:#00228b;}
a.f-youtube{background: url(../images/icon/sprite.png) no-repeat -406px -11px; height: 21px; padding-left:32px; font-size:18px; color:#243772; font-family: 'fonartoregular';}
	a:hover.f-youtube{color:#000000;}
a.f-like{background: url(../images/icon/sprite.png) no-repeat -409px -65px; height: 19px; padding-left:32px; font-size:18px; color:#243772; font-family: 'fonartoregular';}
	a:hover.f-like{color:#000000;}
a.f-like-a{background: url(../images/icon/sprite.png) no-repeat -407px -265px; height: 19px; padding-left:32px; font-size:18px; color:#243772; font-family: 'fonartoregular';}

.f-back a{font-size:20px; color:#519bd3; font-family: 'fonartoregular'; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; background-color: #243772; height: 22px; padding:5px 15px;}
	.f-back a:hover{color:#ffffff;}

.f-copyright{font-size:11px; color:#FFFFFF; font-family: 'arialregular';}
.f-call{font-size:35px; color:#FFFFFF; font-family: 'fonartoregular';}

.f-drop-title, .f-drop-title a{font-size:15px; color:#253e92; font-family: 'fonartoregular'; padding-bottom:5px;}
.f-drop-link a{font-size:11px; color:#000000; font-family: 'arialregular'; display:block; line-height:20px;}

.f-drop-menu{margin-top:15px;}
.f-drop-menu a{font-size:14px; height: 22px; color:#243772; font-family: 'fonartoregular'; padding:5px 10px;}
	.f-drop-menu a:hover {-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; background-color: #243772; color:#fcd333;}

.menu a{font-size:15px; height: 22px; color:#243772; font-family: 'fonartoregular'; padding:5px 10px; width:100%; margin-left:6px;}
	.menu a.active{-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; background-color: #243772; color:#ffffff;}
	
.drophover{display:block; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; background-color: #243772; padding:5px 10px; width:100%; height:22px; position:absolute; z-index:1; top:0;}

.kirim a, .k-more a{font-size:15px; height: 22px; min-width:150px; color:#fcd333; font-family: 'fonartoregular'; padding:5px 20px; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; background-color: #243772;}
	.kirim a:hover, .k-more a:hover{color:#edbd00;}

.menu-sub a{font-size:15px; height: 22px; color:#243772; font-family: 'fonartoregular'; padding:5px 10px; width:100%; margin-left:5px;}
	.menu-sub a:hover, .menu a.active{-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; background-color: #243772; color:#ffffff;}

.f-karir{font-size:15px; color:#2b2b2b; font-family: 'arialregular';}
	.f-karir a{color:#243772; font-weight:bold;}
	
.f-foot-1{font-size:20px; color:#fff; font-family: 'fonartoregular';}
.f-foot-2{font-size:14px; color:#fbd333; font-family: 'fonartoregular';}
.f-foot-3{font-size:12px; color:#fff; font-family: 'arialregular';}
.f-foot-4{font-size:15px; color:#fff; font-family: 'fonartoregular';}

/*shape*/
.shape-yellow-1{height: 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #fcd333; padding:2px 15px 4px 15px; display:inline-block; margin:5px 5px 0 0;}
	.shape-yellow-1 a, a .shape-yellow-1{font-family: 'fonartoregular'; font-size:13px; color:#000000;}
		.shape-yellow-1 a:hover, a:hover .shape-yellow-1{color:#243772;}
	.bbcc-2-1 .shape-yellow-1, .blc-5 .shape-yellow-1, .brc-2-1 .shape-yellow-1{display:inline-block; float:none; padding-top:4px; height:18px;}
	.bjc-3 .shape-yellow-1{padding:5px 10px 0 10px; font-family: 'fonartoregular'; font-size:13px; color:#000000; height: 21px;}

.round-red{background: url(../images/icon/sprite.png) no-repeat -233px 0; width: 53px; height: 52px; position:absolute; right:0; top:0; font-size:15px; color:#ffffff; font-family: 'fonartoregular'; padding-top:18px;}

/*btn*/
.btn-fb, .btn-tw, .btn-yt, .btn-sh{background: url(../images/icon/sprite.png) no-repeat; float:left; border-right:0.1px solid #ffffff; padding:5px 0; padding-right:10px;}
.btn-sh{width: 18px; height: 25px; background-position:-147px -420px;}
	.btn-sh:hover{background-position:-147px -457px;}
.btn-fb{width: 14px; height: 25px; margin-left:10px; background-position:-247px -420px;}
	.btn-fb:hover{background-position:-247px -457px;}
.btn-tw{width:22px; height:25px; margin-left:10px; background-position:-291px -420px; border:none;}
	.btn-tw:hover{background-position:-291px -457px;}
.btn-yt{width:27px; height:25px; margin-left:10px; background-position:-196px -420px;}
	.btn-yt:hover{background-position:-196px -457px;}
.btn-top{position: absolute; bottom: -4px; left:50%; margin-left:-42px; z-index:99; background: url(../images/icon/sprite.png) no-repeat -400px -119px; width: 40px; height: 39px; opacity:1;}
	.btn-top:hover{opacity:0.8;}
.btn-down{position: absolute; z-index:88; top:525px; left:50%; margin-left:-42px; z-index:80; background: url(../images/icon/sprite.png) no-repeat -182px -615px; width: 56px;	height: 56px;}
	.btn-down:hover{background-position:-182px -550px;}
	.btn-down._full{top:560px;}
.btn-back{float:right; background: url(../images/icon/sprite.png) no-repeat -627px -2px; width: 56px; height: 56px; margin-bottom:20px; cursor:pointer;}
	.btn-back:hover{background-position:-627px -61px;}
.btn-share{float:right; background: url(../images/icon/sprite.png) no-repeat -76px -59px; width: 56px; height: 56px; margin-bottom:20px;}
	.btn-share:hover{background-position:-76px 0;}
.btn-chat{float:right; background: url(../images/icon/sprite.png) no-repeat 0 -68px; width: 70px; height: 65px;}
	.btn-chat:hover{background-position:0 0;}
.btn-sitemap-open{float:right; background: url(../images/icon/sprite.png) no-repeat -159px -57px; background-size: 600px 400px; width: 23px; height: 22px;}
	.btn-sitemap-open:hover{opacity:0.8;}
.btn-sitemap-close{float:right; background: url(../images/icon/sprite.png) no-repeat -159px -80px; background-size: 600px 400px; width: 23px; height: 22px; position:absolute; right:20px; top:32px; z-index:80;}
	.btn-sitemap-close:hover{opacity:0.8;}
.btn-login-yes{position:absolute; background: url(../images/icon/sprite.png) no-repeat -163px 0; background-size: 600px 400px; width: 25px; height: 20px; z-index:80; right:135px;}
.btn-login-no{position:absolute; background: url(../images/icon/sprite.png) no-repeat -156px -24px; background-size: 600px 400px; width: 29px; height: 26px; z-index:80; right:135px;}
.btn-bottom{display:inline-block; background: url(../images/icon/sprite.png) no-repeat -256px -173px; width: 32px; height: 32px;}
	.btn-bottom:hover{background-position:-256px -208px;}
.btn-next{position:absolute; z-index:2; width:63px; height:63px; background:url(../images/icon/next.png) no-repeat; right:30px; top:50%;}
.btn-prev{position:absolute; z-index:2; width:63px; height:63px; background:url(../images/icon/prev.png) no-repeat; left:30px; top:50%;}
.btn-fb-login{background: url(../images/icon/sprite.png) no-repeat -730px -16px; width: 158px; height: 26px; float:left;}

.icon-note-no, .icon-note-yes{background: url(../images/icon/sprite.png) no-repeat; width: 32px; height: 32px; position:absolute; right:0; top:40px;}
	.icon-note-no{background-position:-133px -224px;}
	.icon-note-yes{background-position:-191px -224px;}

.brcr-icon-1, .brcr-icon-2{display:block; background: url(../images/icon/sprite.png) no-repeat; height: 69px; margin:20px 40px 10px 0;}
	.brcr-icon-1{background-position:-149px -301px; width:95px; margin-left:25px;}
	.brcr-icon-2{background-position:-275px -308px; width:122px;}
	
.btn-tooltip{float:left; background: url(../images/icon/sprite.png) no-repeat -402px -206px; width: 32px; height: 32px;}
	.btn-tooltip:hover{background-position:-402px -174px;}

.line-orange{width:100%; background:#f6ca69; height:2px; display:block; margin:30px 0;}
	.footer2 .line-orange{margin:8px 0;}
.line-drop-sitemap{width:100%; border-bottom:dotted 1px #000; margin:15px 0;}
.line-drop-menu{width:100%; border-bottom:dotted 1px #000; margin:12px 0;}
.line-isotope{width:100%; background:#fcd333; height:2px; display:block; margin:18px 0 38px 0;}
.line-dot{width:100%; border-bottom:dotted 1px #767676; margin:30px 0; clear:both;}
.line-dot2{width:95.5%; border-bottom:dotted 1px #ffffff; margin:0 auto; padding-top:10px; margin-bottom:20px;}

/* Selection colours (easy to forget) */

::selection 	 	{background: rgb(255,255,158);}
::-moz-selection 	{background: rgb(255,255,158);}
img::selection 		{background: transparent;}
img::-moz-selection	{background: transparent;}
body {-webkit-tap-highlight-color: rgb(255,255,158);}

/*TEXTFIELD*/
.form-1, .form-2{width:365px;}
.form-1{float:left;}
.form-2{float:right;}
input{font-family: 'arialregular';}
::-webkit-input-placeholder {font-style:italic;}
::-moz-placeholder {font-style:italic;} /* firefox 19+ */
:-ms-input-placeholder {font-style:italic;} /* ie */
input:-moz-placeholder {font-style:italic;}
.boxtext{
	width: 280px;
	height: 20px;
	border: none;
	background:none;
	color: #ffffff;
	font-size:12px;
	padding:6px 0 0 12px;	
	border:none;
	outline:none;
}
#fieldtext{width: 320px; height: 32px; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; background-color: #61380e; position:relative; margin:6px 0 12px 0;}
.boxnewletter{
	width: 94%;
	height: 20px;
	border: none;
	background:none;
	color: #ffffff;
	font-size:10px;
	padding:6px 0 0 12px;	
	border:none;
	outline:none;
	position:relative;
}
#fieldnewletter{width: 95.5%; height: 32px; -webkit-border-radius: 17px; -moz-border-radius: 17px;	border-radius: 17px; background-color: #243771;	border: solid 1px #fff; position:relative; margin:0 auto; margin-top:12px;}

.btn-newsletter{
  background: url(../images/icon/sprite.png) no-repeat -486px -257px; width: 27px;	height: 27px; cursor: pointer; border:none; color:transparent; position:absolute; right:5px; top:3px;
}
.boxlogin{
	width: 280px;
	height: 20px;
	border: none;
	background:none;
	color: #ffffff;
	font-size:12px;
	padding:6px 0 0 12px;	
	border:none;
	outline:none;
}
#fieldlogin{width: 300px; height: 32px; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; background-color: #61380e; position:relative; margin:6px 0 12px 0;}
.boxblc1{
	width: 150px;
	height: 20px;
	border: none;
	background:none;
	color: #ffffff;
	font-size:12px;
	padding:6px 0 0 12px;	
	border:none;
	outline:none;
}
#fieldblc1{width: 136px; height: 32px; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; background-color: #61380e; position:relative; margin-right:10px;}
#fieldblc1:nth-last-child{margin-right:0;}
.boxblc2{
	width: 265px;
	height: 20px;
	border: none;
	background:none;
	color: #ffffff;
	font-size:12px;
	padding:6px 0 0 12px;	
	border:none;
	outline:none;
}
#fieldblc2{width: 285px; height: 32px; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; background-color: #61380e; position:relative; margin-right:10px;}
.boxbmc{
	width: 260px;
	height: 20px;
	border: none;
	background:none;
	color: #243772;
	font-size:13px;
	padding:6px 0 0 12px;	
	border:none;
	outline:none;
	font-family: 'fonartoregular';
}
#fieldbmc{width: 270px; height: 32px; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; background-color: #fff; margin-top:20px;}
.boxkontak1{
	width: 400px;
	height: 20px;
	border: none;
	background:none;
	color: #000000;
	font-size:12px;
	padding:6px 0 0 12px;	
	border:none;
	outline:none;
}
#fieldkontak1{width: 412px; height: 32px; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; background-color: #f0f0ef; margin-bottom:8px;}

.boxsearch{
	width: 280px;
	height: 20px;
	border: none;
	background:none;
	color: #ffffff;
	font-size:12px;
	padding:6px 0 0 12px;	
	border:none;
	outline:none;
}
#fieldsearch{
	 width: 320px; height: 32px; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; background-color: #61380e; position:relative; margin-top:10px;
}
.btn-search{background:url(../images/icon/search2.png) no-repeat top left; width:20px; height:16px; position:absolute; right:10px; top:7px;}

/*SELECT*/
.styled-select {
   -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; background-color: #f0f0ef; 
   height: 32px;
   overflow: hidden;
   width: 320px;
   position:relative;
   margin:6px 0 12px 0;
}
.styled-select select {
   color: #2b2b2b;
   background: transparent;  
   border:none;
   font-size: 12px;
   height: 32px;
   padding: 5px; /* If you add too much padding here, the options won't show in IE */
   width: 345px;
   z-index:10;
   position:absolute;
   padding-left:10px;   
}
.styled-select select option{border:none; padding-left:12px;}

.styled-select2 {
   -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; background-color: #61380e; 
   height: 32px;
   overflow: hidden;
   width: 285px;
   position:relative;
}
.styled-select2 select {
   color: #ffffff;
   background: transparent;  
   border:none;
   font-size: 12px;
   height: 32px;
   padding: 5px; /* If you add too much padding here, the options won't show in IE */
   width: 305px;
   z-index:10;
   position:absolute;
   padding-left:10px;   
}
.styled-select2 select option{border:none; padding-left:12px;}

.btn-select{background:url(../images/icon/select2.png) no-repeat top left; width:17px; height:10px; position:absolute; right:15px; top:12px; z-index:8;}
.blc .btn-select, .brc .btn-select, .bbc-content .btn-select{background:url(../images/icon/select.png)}

.styled-select3 {
   -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; background-color: #f0f0ef; 
   height: 32px;
   overflow: hidden;
   width: 412px;
   position:relative;
   text-align:left;
   display:inline-block;
}
.styled-select3 select {
   color: #646464;
   background: transparent;  
   border:none;
   font-size: 12px;
   height: 32px;
   padding: 5px; /* If you add too much padding here, the options won't show in IE */
   width: 430px;
   z-index:10;
   position:absolute;
   text-align:center;
}
.styled-select3 select option{border:none; text-align:center;}
.btn-select3{background:url(../images/icon/arrow-down-blue.png) no-repeat top left; width:17px; height:10px; position:absolute; right:15px; top:12px; z-index:8;}

.boxarea{
	width: 315px;
	height: 78px;
	background:none;
	border: none;
	color: #ffffff;
	font-size:12px;
	padding:5px 0 0 8px;
}
#fieldarea{width:320px;	height:89px; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; background-color: #61380e; margin:6px 0 12px 0;}

.boxcomment{
	width: 730px;
	height: 78px;
	background:none;
	border: none;
	color: #000000;
	font-size:13px;
	padding:8px 0 0 12px;
	font-family: 'arialregular';
}
#fieldcomment{width: 745px; height: 81px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background-color: #f0f0ef; margin:6px 0 12px 0;}

.boxkritik{
	width: 864px;
	height: 130px;
	background:none;
	border: none;
	color: #000000;
	font-size:13px;
	padding:8px 0 0 12px;
	font-family: 'arialregular';
}
#fieldkritik{width: 880px; height: 142px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background-color:#f0f0ef;}

/*radio*/
input[type="radio"] {display:none;}
input[type="radio"] + label {color: #323232; font-size:15px;}
input[type="radio"] + label span {
    display:inline-block;   
	width:28px; height:28px;
    margin:0 10px 0 0;
    vertical-align:middle;
    cursor:pointer;
    -moz-border-radius:  50%;
    border-radius:  50%;
}

input[type="radio"] + label span {background-color:#f0f0ef;}
input[type="radio"]:checked + label span{background-color:#243772;}
input[type="radio"] + label span, input[type="radio"]:checked + label span {
  -webkit-transition:background-color 0.4s linear;
  -o-transition:background-color 0.4s linear;
  -moz-transition:background-color 0.4s linear;
  transition:background-color 0.4s linear;
}

/*select-check*/
.dropdown dd, .dropdown dt, .dropdown2 dd, .dropdown2 dt {margin:0px; padding:0px; position:relative; font-size:12px; width:295px;}
dt .btn-select{right:-10px;}
.dropdown ul, .dropdown2 ul {margin:0;}
.dropdown dd, .dropdown2 dd {position:relative;}
.dropdown a, .dropdown a:visited, .dropdown2 a, .dropdown2 a:visited {color:#2b2b2b; text-decoration:none; outline:none; font-size: 12px;}
.dropdown dt a, .dropdown2 dt a {display:block; line-height: 24px; border:0; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; background-color: #f0f0ef; height: 27px;overflow: hidden; width: 308px; padding:5px 0 0 12px; margin:6px 0;}
.dropdown dt a span, .multiSel span, .dropdown2 dt a span, .multiSel2 span {cursor:pointer; display:inline-block; padding: 0 3px 2px 0;}
.dropdown dd ul, .dropdown2 dd ul {background-color: #f0f0ef; border:0; color:#2b2b2b; display:none; left:0px; padding: 2px 15px 2px 5px; position:absolute; z-index:60; top:2px; width:110%; list-style:none; min-height: 60px; overflow: auto;}
.dropdown span.value, .dropdown2 span.value {display:none;}
.dropdown dd ul li a, .dropdown2 dd ul li a {padding:5px; display:block;}
.dropdown dd ul li a:hover, .dropdown2 dd ul li a:hover {background-color:#fff;}

#fieldtext, #fieldarea{background:#f0f0ef;}
.boxtext, .boxarea{color:#2b2b2b;}
.blc input[type="radio"] + label span {background-color:#61380e;}
.blc input[type="radio"]:checked + label span{background-color:#fcd333;}
.bbcc-2 .styled-select, .brc .styled-select{background:#61380e;}
.bbcc-2 .styled-select select, .brc .styled-select select{color:#ffffff;}
.bbcc-2 .dropdown a, .bbcc-2 .dropdown a:visited{color:#ffffff;}
.bbcc-2 .dropdown dt a, .bbcc-2 .dropdown dd ul{background:#61380e;}
.bbcc-2 .dropdown dd ul li a:hover{background:#61380e;}

.m-yes{display:none;}
.m-no{display:block;}

body {
	width: 100%;
	/*padding: 72px 48px 84px;
	background: rgb(232,232,232);
	color: rgb(60,60,60);*/
	margin:0 auto;
	-webkit-text-size-adjust: 100%; /* Stops Mobile Safari from auto-adjusting font-sizes */
	overflow-x:hidden;
	font-family: 'arialregular';
}

/*header*/
header{width:100%; float: left; margin:0 auto; background:#fcd333; position:fixed;  z-index:90; transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s;}
	.header-content{width:100%; position:relative;}
		header.large{height: 85px;}
		header.large .logo-bogasari{height:75px; width:auto;}		
		header.small{height: 45px;}
		header.small .logo-bogasari{height: 40px; width:auto;}
		header.small .sb-search{top:6px;}
		header.small .header-r{margin-top:12px;}
		header.small .droptentang, header.small .dropproduk, header.small .dropresep, header.small .droptips, header.small .dropevents, header.small .dropbaking, header.small .dropmitra, header.small .dropkontak, header.small .dropkarir{height:235px; background:url(../images/bg/bg-menu-small.png);}
		header.small .dropmenu{margin-top:30px;}
		
		header.small .dropsitemap{height:440px; background:url(../images/bg/bg-sitemap-small.jpg); margin-top:-34px;}
		header.small .ds-header{margin-top:15px;}
		header.small .btn-sitemap-close{top:12px;}
		header.small .ds-content{margin-top:30px;}
		
	.header-mini{position:fixed; width:100%; margin:0 auto; background:#fcd333; height:45px;}
	.header-l{position:absolute; z-index:90; left:20px;}
		.logo-bogasari{width:148px; height:auto; margin:5px 0 0 20px;}
	.header-r{float:right; width:800px; margin:30px 20px 0 0;}
		.menu{position:absolute; z-index:2; top:0; left:0; right:0; margin-left:auto; margin-right:auto; width:950px;}
		header.large .menu{margin-top:30px;}
		header.small .menu{margin-top:12px;}
		.lang{position:absolute; z-index:80; right:60px; cursor:pointer;}
			.lang a{font-size:15px; color:#243772; font-family: 'fonartoregular';}
		.sb-search{right:90px; top:24px;}
	.header-mobile{display:none}
	
	/*dropdown*/
	.droptentang, .dropproduk, .dropresep, .droptips, .dropevents, .dropbaking, .dropmitra, .dropkontak, .dropkarir{position:absolute; z-index:99; visibility: hidden; width:100%; height:240px; background:url(../images/bg/bg-menu.png); top:0; left:0 !important;}
		/*.droptentang{}
			.chrome .droptentang{margin-left:1034px;}
		.dropproduk{margin-left:941px;}
			.chrome .dropproduk{margin-left:947px;}
		.dropresep{margin-left:830px;}
			.chrome .dropresep{margin-left:836px;}
		.droptips{margin-left:696px;}
			.chrome .droptips{margin-left:703px;}
		.dropevents{margin-left:549px;}
			.chrome .dropevents{margin-left:552px;}
		.dropbaking{margin-left:404px;}
			.chrome .dropbaking{margin-left:410px;}
		.dropmitra{margin-left:286px;}
			.chrome .dropmitra{margin-left:290px;}
		.dropkontak{margin-left:200px;}
			.chrome .dropkontak{margin-left:200px;}*/
		.safari .droptentang, .safari .dropproduk, .safari .dropresep, .safari .droptips, .safari .dropevents, .safari .dropbaking, .safari .dropmitra, .safari .dropkontak, .safari .dropkarir{margin-top:-2px;}
		.dropmenu{width:998px; margin:0 auto; position:relative; padding-top:50px;}
			.dm-img img{width: 118px; height: 118px; -webkit-border-radius: 59px; -moz-border-radius: 59px; border-radius: 59px;}
			.dm-sub-1{padding-top:5px; color:#519bd3; font-size:13px; height:25px;}
				.dm-sub-1 a{color:#519bd3; font-family: 'arialregular'; font-size:13px;}
			.dm-sub-2{padding-top:5px; color:#519bd3; font-size:13px;}
	.dropsitemap{position:absolute; z-index:90; visibility: hidden; width:100%; height:507px; background:url(../images/bg/bg-sitemap.jpg) repeat-x top; top:0; left:0 !important; margin-top:-52px;}
		.ds-header{width:880px; margin:0 auto; margin-top:32px;}
		.ds-content{width:880px; margin:0 auto; margin-top:50px;}
	.dropsort{position:absolute; z-index:60; visibility: hidden; width:130px; background:url(../images/bg/bg-menu.png); top:0; left:0; text-align:center; margin:-20px 0 0 45px; padding:40px 10px 10px 10px;}
		.dropsort .f-drop-menu a{display:block; }
				
/*content*/
.main{width:100%; position:relative;}
.main-content{width:880px; position:relative; display:block; margin:0 auto; font-family: 'arialregular';}
	.sidebar{position:absolute; right:30px; z-index:2; width:70px;}
	.footbar{display:none;}
	/*icon menu*/
	.icon-menu, .icon-menu2{width:100%; text-align:center;}
	.icon-menu a, .icon-menu2 a{font-size:20px; color:#519bd3; font-family: 'fonartoregular';}
		.icon-menu a:hover, .icon-menu2 a:hover{color:#003b68;}
		.icon-menu a img, .icon-menu2 a img{-webkit-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out; padding-bottom:5px;}
		.icon-menu a:hover img, .icon-menu2 a:hover img{transform:scale(1.1); -ms-transform:scale(1.1); -webkit-transform:scale(1.1);}
		.icon-menu2 a.active{color:#003b68;}
	
	/*newshome*/
	.sliderwrapper{
	position: relative; /*leave as is*/
	overflow: hidden; /*leave as is*/
	width: 880px; /*width of featured content slider*/
	height: 100%;
	}
	
	.sliderwrapper .contentdiv{
	visibility: hidden; /*leave as is*/
	position: absolute; /*leave as is*/
	left: 0;  /*leave as is*/
	top: 0;  /*leave as is*/
	width: 880px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
	filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	}
	
	.pagination{position:absolute; z-index:99; left:45px; top:80px;}
	.pagination a{}
	.pagination a:hover, .pagination a.selected{}
	
	/*banner*/
	.banner{}
		.banner-produk-1{width:300px;}
			.bp-1-1{float:left; width:170px;}
			.bp-1-2{float:left; width:130px;}
				.bp-1-1 p, .bp-1-2 p{font-size:12px; padding:3px 15px; border-bottom:solid 1px #af9b86;}
		.banner-resep{width:100%; background:url(../images/banner/book.jpg) no-repeat top center; background-size:cover; height:535px;}
			.br-content{width:820px; margin:0 auto; padding-top:50px;}
				.brc li{float:left; width:370px; margin-right:70px; position:relative;}
					.brc li:nth-child(2){margin-right:0;}
					.brc-1{position:relative; height:92px;}
						.brc-1-1{position:absolute;}
					.brc-2{position:relative;}
						.brc-2-1{float:left; width:170px; text-align:center;}
						.brc-2-2{float:left; background: url(../images/icon/sprite.png) no-repeat -116px 0; background-size: 600px 400px; width: 28px; height: 24px; color:#fff; font-size:13px; font-family: 'fonartoregular'; text-align:center; padding-top:5px; margin-top:40px;}
				a .f-brc-1{font-size:50px; color:#242424; font-family: 'fonartoregular';}
				a .f-brc-2, .f-brc-2{font-size:15px; color:#61380e; font-family: 'fonartoregular';}
				.f-brc-3{font-size:20px; color:#2b2b2b; font-family: 'fonartoregular';}
				.f-brc-4{font-size:18px; color:#2b2b2b; font-family: 'fonartoregular';}
				.f-brc-5{font-size:12px; color:#2b2b2b; font-family: 'arialregular';}
				.f-brc-6{font-size:15px; color:#243772; font-family: 'arialregular'; font-weight:bold;}
				
				.brc-resep{position:relative; background:url(../images/icon/kirim-resep.png) no-repeat top center; display:block; height:335px; margin-top:30px;}
					.brc-resep a:hover .f-brc-2, .brcr-8 a:hover .f-brc-2{color:#243772;}
					.brcr-1, .brcr-2, .brcr-3, .brcr-4{position:absolute; text-align:center; padding-bottom:10px;}
						.brcr-1{margin:50px 0 0 20px;}
						.brcr-2{margin:0px 0 0 180px;}
						.brcr-3{margin:150px 0 0 235px;}
						.brcr-4{margin:220px 0 0 90px;}
						.brcr-content{position:relative;}
					.brcr-5, .brcr-6, .brcr-7{float:left; color:#2b2b2b; font-family: 'fonartoregular'; font-size:16px;}
						.brcr-5{width:180px;}
						.brcr-6{width:10px;}
						.brcr-7{width:110px; font-size:15px; font-family: 'arialregular'; color:#243772; font-weight:bold;}
					.brcr-8{float:left; text-align:center; width:150px;}
				
				.brc-detail-img-wrap {width:370px; height:100%}
				.brc-detail-img{position:relative;}
					.brc-detail-img img{max-width:100%;}
					.brc-photo-count{position:absolute; z-index:60; bottom:0px; right:0; width:48px; height:40px; background:#1f428b; font-family: 'fonartoregular'; color:#fff; text-align:center; padding-top:8px;}
						.brc-pc-1{font-size:15px;}
						.brc-pc-2{font-size:11px;}
					.badge-resep{}
					#slideshow{width:100%;}
					#slideshow-prev, #slideshow-next{position:absolute; z-index:60; top:50%; cursor:pointer;}
						#slideshow-prev{left:10px; background: url(../images/icon/prev.png) no-repeat 0 0; background-size: 32px 32px; width: 32px; height: 32px;}
						#slideshow-next{right:10px; background: url(../images/icon/next.png) no-repeat 0 0; background-size: 32px 32px; width: 32px; height: 32px;}
				
				.banner-resep-list li{float:left; width:123px; margin:0; padding:0;}
				.br{float:left; width:102px; cursor:pointer; text-align:center;}
					a .br-link{font-size:13px; color:#2b2b2b; font-family: 'fonartoregular'; padding:5px 0;}
					a:hover .br-link{-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; background-color: #fcd333;}
					a .br-link.active{-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; background-color: #fcd333;}
				.br.icon-1{background-position:-15px 0px;  padding-top:100px;}
				.br.icon-2{background-position:-143px 0px;  padding-top:100px;}
				.br.icon-3{background-position:-260px 0px;  padding-top:100px;}
				.br.icon-4{background-position:-390px -15px;  padding-top:85px;}
				.br.icon-5{background-position:-510px -15px; padding-top:85px;}
				.br.icon-6{background-position:-634px -15px; padding-top:85px;}
				.br.icon-7{background-position:-760px -35px; padding-top:60px;}
				
		.banner-artikel-tips{width:100%; background:url(../images/artikel-tips/bg-artikel-1.jpg) no-repeat top center; background-size:cover; height:520px; position:relative;}
			.bat-content{width:880px; margin:0 auto; padding-top:100px;}
				.batc-1{width:432px; margin:0 auto;}
					.batc-1-1{position:absolute;}
				.batc-2{position:absolute; bottom:30px; width:820px;}
					.batc-2 .f-like{color:#fff;}
				.f-batc-1{font-size:18px; color:#ffffff; font-family: 'fonartoregular'; padding-bottom:10px;}
				.f-batc-2{font-size:13px; color:#ffffff; line-height:20px; padding-bottom:10px;}
				.f-batc-3{font-size:12px; color:#ffffff; padding-bottom:10px;}
					.f-batc-3 a{font-size:12px; color:#ffffff; padding-bottom:10px;}
						.f-batc-3 a:hover{color:#CCC;}
						
		.banner-bbc{width:100%; background:url(../images/banner/jadwal-detail.jpg) no-repeat top center; height:535px; background-size:cover;}
			.bbc-content{width:880px; margin:0 auto; padding-top:30px;}
				.bbcc-1{float:left; width:438px; position:relative; margin-top:50px;}
					.bbcc-1-1{position:absolute; z-index:1; margin:0 auto;}
				.bbcc-2{float:left; width:342px; margin-left:100px;}
					.f-bbcc-2 li{margin:10px 0;}
					.bbcc-2 .styled-select{margin-top:70px;}
						.bbcc-2-1{float:left; width:156px; text-align:center;}
						.bbcc-2-2{float:left; background: url(../images/icon/sprite.png) no-repeat -116px 0; background-size: 600px 400px; width: 28px; height: 24px; color:#fff; font-size:13px; font-family: 'fonartoregular'; text-align:center; padding-top:5px; margin-top:40px;}
				.line-bbcc{height:1px; background:#61380e; margin:4px 0;}
				.f-bbcc-1{font-size:15px; color:#61380e; font-family: 'fonartoregular'; text-align:center; margin-top:110px;}
				.f-bbcc-2 a{font-size:13px; color:#61380e; font-family: 'fonartoregular'; padding:5px 15px;}
					.f-bbcc-2 a:hover{-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; background-color: #243772; color:#ffffff;}
				.event-photo{width:260px; padding:10px 10px; background:#FFFFFF; -ms-transform: rotate(6deg); -webkit-transform: rotate(6deg); transform: rotate(6deg);}
				
		.banner-jadwal{width:100%; background:url(../images/banner/jadwal-detail.jpg) no-repeat top center; height:748px; position:relative; background-size:cover;}
			.bj-content{width:880px; margin:0 auto; padding-top:100px; position:relative;}
				.bjc-1{float:left; width:370px; position:relative;}
				.bjc-2{float:left; width:428px; margin-left:42px;}
				.bjc-3{width:510px; margin-top:40px;}
					.bjc-3-c{margin-bottom:0px; color:#000000; font-size:13px;}
					.bjc-3-d{border-bottom:solid 1px #b09b86; margin-bottom:0px; color:#000000; font-size:13px; cursor:pointer; margin-bottom:2px;}
					.bjc-3-1{float:left; width:175px; padding:8px 0 10px 10px;}
					.bjc-3-2{float:left; width:88px; padding:8px 0 10px 10px;}
				
				.f-bjc-1{font-size:18px; color:#000000; font-family: 'fonartoregular'; padding-bottom:8px;}
				.f-bjc-2{font-size:13px; color:#000000; padding-bottom:8px; line-height:22px;}
		
		.banner-bmc{width:100%; background:url(../images/banner/bmc.jpg) no-repeat top center; height:520px; position:relative; background-size:cover;}
			.bbmc-content{width:880px; margin:0 auto; padding-top:80px;}
				.bbmcc-1 img{position:absolute;}
				.bbmcc-2{width:272px; padding:150px 0 0 40px;}
					.f-bbmcc-1{font-size:25px; color:#243772; font-family: 'fonartoregular';}
					.bbmcc-2 .f-bbmcc-2{text-align:center; margin-top:30px;}
					.f-bbmcc-2 a{font-size:15px; height: 22px; font-family: 'fonartoregular'; padding:6px 15px; margin-top:5px; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; background-color: #243772; color:#fcd333;}
						.f-bbmcc-2 a:hover {color:#ffffff;}
		
		.banner-login{width:100%; background:url(../images/banner/book.jpg) no-repeat top center; height:748px; background-size:cover;}
			.bl-content{width:870px; margin:0 auto; padding-top:100px;}
				.blc li{float:left; width:410px; margin-right:50px; position:relative;}
					.blc li:nth-child(2){margin-right:0;}
					.blc-1{position:relative; height:102px;}
						.blc-1 img{position:absolute; max-width:100%; left:0; right:0; margin-left:auto; margin-right:auto;}
					.blc-2{margin-left:40px; width:300px; font-family: 'fonartoregular';}
						.f-blc-1{font-size:25px; color:#323232; font-family: 'fonartoregular';}
						.f-blc-2{font-size:18px; color:#323232; font-family: 'fonartoregular';}
						.f-blc-3{float:right;}
							.f-blc-3 a{font-size:13px; color:#db0000;}
						.f-blc-4{float:left; width:125px; font-family: 'fonartoregular';}
							.f-blc-4 a{font-size:15px; color:#fcd333; height: 18px; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; background-color: #243772; padding:5px 0; width:100%; display:inline-block; text-align:center;}
								.f-blc-4 a:hover{color:#ffffff;}
						.f-blc-5{float:left; background: url(../images/icon/sprite.png) no-repeat -116px 0; background-size: 600px 400px; width: 30px; height: 26px; color:#fff; font-size:13px; font-family: 'fonartoregular'; text-align:center; padding-top:4px; margin:0 10px}
						.f-blc-6{font-size:13px; font-family: 'arialregular'; color:#323232; font-weight:bold;}
					.blc-3{width:390px; font-family: 'fonartoregular'; font-size:15px; margin-top:100px;}
						.blc-3-1{float:left; background: url(../images/icon/sprite.png) no-repeat -155px -2px; width: 50px; height: 40px; color:#fcd333; font-size:15px; padding:5px 0 0 24px;}
						.blc-3-2{float:left; width:296px; margin-left:20px; color:#323232;}
						.blc-3 .clear{height:15px;}
					.blc-4{font-family: 'fonartoregular'; margin-top:40px;}
						.blc-4-1{float:left; width:90px; font-size:18px; color:#323232; padding-top:5px;}
						.blc-4-2{float:left; width:136px; font-size:18px; color:#323232;}						
						.blc-4-3{float:left; width:290px;}
						.blc-4-4{float:left; width:136px; font-size:14px; color:#323232;}	
						.blc-4-5{float:left; width:200px; font-size:14px; color:#323232;}	
						.blc-4 .clear{height:8px;}
					.blc-5{position:relative; width:340px; margin:0 auto;}
						.blc-5-1{float:left; width:170px; text-align:center; margin-bottom:10px;}
						.blc-5-2{width:170px; text-align:center; margin:0 auto;}
							.blc-5 .clear{height:20px;}
					.blc-6{font-family: 'arialregular'; margin-top:40px; font-size:13px; color:#323232;}
						.blc-6-1{float:left; width:106px; font-weight:bold;}
						.blc-6-2{float:left; width:20px; text-align:center; font-weight:bold;}
						.blc-6-3{float:left; width:260px; font-weight:bold;}
						.blc-6 .clear{height:8px;}
					.badge-7-keuntungan{position:absolute; right:0; top:0; margin:-80px -70px 0 0;}
						.badge-7-keuntungan img{max-width:100%;}
					.badge-photo{width:182px; position:absolute; right:0; top:0; margin:-60px -15px 0 0;}
						.bp-clip{position:absolute; z-index:2;}
						.bp-frame{position:absolute; z-index:1; width:174px; height:174px; background:#ffffff; padding:8px 0 0 8px; margin-top:12px;}
		
	/*page*/
	.page{width:100%; font-size:20px; color:#555555; font-family: 'fonartoregular'; margin-top:-30px; margin-bottom:15px;}
		.page-head{float:left; padding-top:6px; margin-right:10px;}
		.page ul li{float:left;}
		/*.page ul li:nth-last-child(1){padding-top:10px;}*/
		.page a{font-size:15px; color:#243772; text-align:center; width: 32px; height: 30px; display:inline-block; padding-top:10px;}
			.page a:hover{-webkit-border-radius: 0 0 16px 16px; -moz-border-radius: 0 0 16px 16px; border-radius: 0 0 16px 16px; background-color: #fcd333;}
			.page a.active{-webkit-border-radius: 0 0 16px 16px; -moz-border-radius: 0 0 16px 16px; border-radius: 0 0 16px 16px; background-color: #fcd333;}
			
	/*isotope*/
	.button {display: inline-block; padding: 3px 10px; background: none; border: none; color:#519bd3; font-family: 'fonartoregular'; font-size: 20px; cursor: pointer;}	
	.button:hover, .button.active{-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; background-color: #243772; color:#ffffff;}	
	.button:active, .button.is-checked{-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; background-color: #243772;}	
	.button.is-checked {color: #fff;}	
	.button:active {}	
	.button-group:after {content: ''; display: block; clear: both;}	
	.button-group .button {float: left; margin-left: 0; margin-right: 5px;}
	.isotope {}
	.isotope:after {content: ''; display: block; clear: both;}	
	.element-item {position: relative;}	
	.search-filter{margin-bottom:-20px; margin-top:5px;}
	
	/*scroll*/
	.scrollgeneric{line-height: 1px; font-size: 1px; position: absolute;top: 0; left: 0;}
	.vscrollerbase{visibility: visible; width: 63px; background:none;}
	.vscrollerbar{background: url(../images/icon/sprite.png) no-repeat -1137px -258px; width: 63px; height: 63px; margin-left:-3px; padding-top:8px; padding-bottom:34px; z-index: 1;}
	#mycustomscroll{width: 410px; height: 500px; overflow: auto; position: absolute;}
		.fixed-h{height:500px}
	#mycustomscroll2{width: 370px; height:350px;}
		.fixed-h2{width: 395px; height: 390px; overflow: auto; background:url(../images/banner/jadwal-lokasi.png) no-repeat top left; margin-top:-50px; padding:40px 0 0 40px; margin-bottom:-40px;}
		.fixed-h3{width: 395px; height: 390px; background:url(../images/banner/jadwal-lokasi.png) no-repeat top left; margin-top:-40px; margin-bottom:0px; padding:20px 0 0 40px;}
		
	/*about*/
	.about{text-align:center;}
		.about-date{width:100%; position:relative; height:145px; margin-top:10px;cursor:pointer}
		.about-circle-1{background: url(../images/icon/sprite.png) no-repeat -1095px 0; width: 105px; height: 105px; position:absolute; z-index:2; text-align:center; left:0; right:0; margin:20px auto; padding-top:10px;}
			.about-circle-1 .f-year{padding-top:5px;}
		.about-line-1{position:absolute; z-index:1; width:100%; height:1px; background:#f6ca69; margin-top:70px;}
		.about-line-2{position:absolute; z-index:1; width:100%; border-bottom:dotted 1px #767676; margin-top:70px;}
		
	/*produk*/
	.produk{}
		.seputar-produk{text-align:center;}
			.seputar-produk img{max-width:100%; float:left;}
		.aplikasi-produk{}
			.ap{float:left; background:url(../images/produk/aplikasi-produk-1.png) no-repeat; width:125px; cursor:pointer; text-align:center; padding-top:108px;}
				a .ap-link{font-size:18px; color:#519bd3; font-family: 'fonartoregular'; padding:5px 0;}
				a:hover .ap-link{-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; background-color: #243772;}
				a .ap-link.active{-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; background-color: #243772;}
			.ap.icon-1{background-position:0px 0px;}
			.ap.icon-2{background-position:-125px 0px;}
			.ap.icon-3{background-position:-250px 0px;}
			.ap.icon-4{background-position:-375px 0px;}
			.ap.icon-5{background-position:-500px 0px;}
			.ap.icon-6{background-position:-625px 0px;}
			.ap.icon-7{background-position:-750px 0px;}
		.sekilas-produk{}	
		.m-detail{text-align: justify;width:380px;}
	
	/*bbc*/
	.sekilas-bbc{}
	
	/*bmc*/
	.bmc{}
		.bmc-card{border-bottom:dotted 1px #767676; padding-bottom:20px; margin:20px 0;}
			.bmc-card:nth-last-child(1){border:none;}
			.bmc-card-1{float:left; width:130px;}
			.bmc-card-2{float:left; margin-left:30px; width:252px;}
			.f-bmc-1{font-size:13px; color:#ca0000; font-style:italic;}
			.f-bmc-2{font-size:25px; color:#000000; font-family: 'fonartoregular';}
	
	/*recommend*/
	.recommend{width:100%; margin-bottom:20px;}
		.reco-1{float:left; margin-right:40px; padding-top:25px; font-family: 'fonartoregular';}
		.reco-2{float:left;}
			.reco-2 img{margin-right:10px; width:auto; height:100px;}
		.reco-3{float:right; background: url(../images/icon/sprite.png) no-repeat -1095px 0; width: 105px; height: 95px; text-align:center; padding-top:20px;}
			a.reco-3{font-size:13px; color:#243772; font-family: 'fonartoregular'; line-height:20px;}
	
	/*panel*/
	.panel{width:100%; font-family: 'fonartoregular'; font-size:20px; }
		.panel-1{float:left; color:#519bd3; width:40%; }
		.panel-2{float:right; color:#555555; width:48%; }
		.panel-2 .btn-bottom{float:right; padding-left:20px;}
			.panel-2 a{color:#519bd3;}
		
	/*tooltip*/
	.detail-tip{position:absolute; bottom:-40px; right:0;}
	.bj-tip{display:none; width:320px; height:320px; background:url(../images/bg/bg-tooltip.png) no-repeat top center; padding:20px 20px;}
		.f-bjt-1{font-size:20px; color:#519bd3; padding-bottom:10px; font-family: 'fonartoregular';}
		.f-bjt-2{font-size:25px; color:#000000; font-family: 'fonartoregular'; line-height:30px;}
		.f-bjt-3{font-size:12px; color:#000000; float:left; padding-top:3px;}
		.f-bjt-4 a{font-size:12px; color:#ffffff; padding:2px 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #243772; float:left; margin-left:10px;}
		p.f-bjt-4 a{margin-left:0;}
		.f-bjt-5{font-size:12px; color:#000000;}
			.f-bjt-5 a{color:#243772;}
		.f-bjt-6{float:left;}
			.f-bjt-6-1{font-size:50px; color:#242424; font-family: 'fonartoregular';}
			.f-bjt-6-2{font-size:15px; color:#61380e; font-family: 'fonartoregular';}
		.f-bjt-7{float:left; margin-left:40px; padding-top:30px;}
			.f-bjt-7 a{font-size:15px; color:#fcd333; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; background-color: #243772; font-family: 'fonartoregular'; padding:5px 15px;}
	
	/*comment*/
	.comment{width:100%; padding-bottom:20px; margin-bottom:20px; border-bottom:dotted 1px #767676;}
		.comment:nth-last-child(1){border-bottom:none; margin:0; padding:0;}
		.comment-1{float:left; background: url(../images/icon/sprite.png) no-repeat -1095px 0; width: 105px; height: 105px; text-align:center; padding-top:10px;}
		.comment-2{float:left; width:745px; margin-left:30px; padding-top:10px;}
	
	/*news*/
	.news-highlight{width:100%; position:relative;}
		.nh-1{float:left; background: url(../images/icon/sprite.png) no-repeat -1095px 0; width: 105px; height: 105px; position:relative; text-align:center;}
		.nh-2{float:left; width:745px; margin-left:30px; padding-top:10px;}		
		.nh-arrow{background: url(../images/icon/sprite.png) no-repeat -175px -133px; width: 17px; height: 10px;}
	.news{width:100%;}	
	
	/*testimonial foto*/
	.testi-img{background: url(../images/icon/sprite.png) no-repeat -924px -584px; width: 276px; height: 216px; text-align:center; padding-top:9px;}
	.foto-img{background: url(../images/icon/sprite.png) no-repeat -600px -584px; width: 276px; height: 185px; text-align:center; padding-top:9px;}
	.testi .foto-img{height: 216px;}
		.testi-img img, .foto-img img{max-width:100%;}
	
	/*kontak*/
	#map-canvas{height: 460px;}
	.kontak{}
		.kontak .about-circle-1 img{padding-top:30px;}
		.kontak-1{float:left; width:260px; font-size:35px; color:#243772; font-family: 'fonartoregular'; margin-top:-10px;}
		.kontak-2{float:left; margin-left:25px; width:595px; font-family: 'fonartoregular'; }
			.kontak-2 .f-content{color:#555555;}
			.kontak-customer{background: url(../images/icon/sprite.png) no-repeat 0 -197px; width: 109px; height: 29px; display:block; margin-bottom:5px;}
		.kontak-3{width:100%; text-align:center;}
		.kontak-5{float:left; background: url(../images/icon/sprite.png) no-repeat -1095px -133px; width: 105px; height: 70px; text-align:center; font-size:20px; color:#ffffff; padding-top:35px;}
		.kontak-6{float:left; width:272px; margin-left:35px;}
			.kontak-6 p{padding:0; line-height:25px;}
		.mail{background: url(../images/icon/sprite.png) no-repeat -327px -216px; width: 28px; height: 21px; display:block; margin:30px 0 0 38px;}
	
	/*karir*/
	.karir{}
		.f-karir-1{font-size:18px; color:#000000; font-family: 'arialregular';}
		.karir-photo{margin-bottom:20px;}
			.karir-photo img{width: 214px; height: 214px; -webkit-border-radius: 107px; -moz-border-radius: 107px; border-radius: 107px;}
			.k-form-start{border-bottom:1px solid #fcd333; font-family: 'arialregular'; padding-bottom:10px; margin-bottom:20px;}
				.kfs-1{float:left; color:#000000; font-size:20px;}
				.kfs-2{float:right; color:#990101; font-size:12px; padding-top:5px;}
			.k-form1, .k-form2, .k-form3, .k-form4, .k-form5{float:left; color:#2b2b2b; font-family: 'arialregular'; margin-bottom:16px;}
				.k-form1, .k-form3{width:180px; font-size:14px; padding-top:6px;}
					.k-form1 span{color:#990101;}					
					.k-form3{margin-left:40px;}	
					.k-form5{width:520px;}
				.k-form2#fieldtext{margin:0;}
				.k-form4#fieldtext{margin:0; width:240px;}
					.k-form4 .boxtext{width:230px;}
				.k-more{margin-left:180px;}
					.k-form2 .k-more{margin-left:0; margin-top:5px;}
	
	/*accordion*/
	.accordion{position:relative; padding-bottom:20px; margin-bottom:20px; border-bottom:1px dotted #767676;}
		.acc{cursor: pointer;}
		.acc-1{font-size:40px; color:#767676; float:left; background: url(../images/icon/sprite.png) no-repeat -1095px 0; width: 73px; height: 85px; padding-top:20px; padding-left:32px;}
		.acc-2{float:left; margin-left:30px; width:745px; color:#243772;}
		.acctitle{font-size:18px; color:#519bd3; margin-bottom:5px; font-family: 'fonartoregular';}
		.acccontent{font-size:13px; color:#323232; line-height:20px;}
			.acc-karir-1{float:left; width:500px;}
			.acc-karir-2{float:right; width: 129px;	height: 148px; -webkit-border-radius: 20px;	-moz-border-radius: 20px; border-radius: 20px; background-color: #fcd333; padding:35px 20px 35px 35px;}
		.accicon{position:absolute; left:45px; top:70px; width: 17px; height: 11px;}
			.accicon.up{background: url(../images/icon/sprite.png) no-repeat -175px -82px;}
			.accicon.down{background: url(../images/icon/sprite.png) no-repeat -247px -82px;}
		.closedacc{padding-top:45px; }
		.openacc{padding-top:10px; }
	
	/*video*/
	.video{position: relative; width: 100%; height:460px;}
		.covervid-wrapper {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
		
/*footer*/
.footer{background:url(../images/bg/bg-footer.png) no-repeat top center; background-size:cover; width:100%; height:272px; position:relative;}
	.footer-content{position:absolute; bottom:10px; width:100%;}
		.fc-1{float:left; margin-left:30px; padding-top:10px;}	
			.footer-logo{background: url(../images/icon/sprite.png) no-repeat -217px -125px; width: 77px; height: 27px; display:block;}
		.fc-2{float:left; margin-left:20px; padding-top:20px;}
		.fc-4{float:right; margin-right:20px;}
		.fc-5{float:right;  margin-right:30px; padding-top:10px;}
			.footer-customer{background: url(../images/icon/sprite.png) no-repeat 0 -152px; width: 109px; height: 29px; display:block;}
.footer2{background:#243771; padding-bottom:10px;}
	.f2-1{float:left; width:14%; margin-left:30px;}
	.f2-2{float:left; width:78%; margin-left:10px; padding-top:3px;}
		.f2-2 img{display:none;}
	.twitter-timeline{height:50px;}

/*dom*/
.dom-content .footer, .dom-content .footer2{display:none;}

/*twitter*/
#twitter-news {margin:0; float: left; width: 100%; font-size:12px; font-family: 'arialregular'; color:#ffffff; font-weight:normal;}
#twitter-news a {text-decoration: none; color:#ffffff;}
#twitter-news a:hover {text-decoration: underline !important; color: #242424;}
#twitter-news ul, #twitter-news ul li {margin: 0px !important; padding: 0px !important; float: left; width: 100%; list-style: none; background: url(none);}
#twitter-news .user,#twitter-news .interact {display: none;}
#twitter-news p {float: left; margin: 0; padding: 0;}
#twitter-news .timePosted {margin: 0; font-size:12px; color: #ffffff;}


/*========================================================*/
/*edit 29Sept2015*/
/*menu*/
.dropmenu{text-align:center;}
	.dropmenu .f-opening{margin-top:-10px;}
.list-menu li{float:none; display:inline-block; margin:0 auto; width:180px; margin-right:20px; text-align:center; position:relative;}
.drop-arrow{background:url(../images/icon/sprite.png) no-repeat -472px -117px; width: 70px; height: 39px; display:block; position:absolute; top:0; left:0; margin-top:-10px;}
	/*english*/
	.drop-arrow._1{margin-left:32px;}
	.drop-arrow._2{margin-left:120px;}
	.drop-arrow._3{margin-left:230px;}
	.drop-arrow._4{margin-left:362px;}
	.drop-arrow._5{margin-left:510px;}
	.drop-arrow._6{margin-left:660px;}
	.drop-arrow._7{margin-left:790px;}
	.drop-arrow._8{margin-left:885px;}
	
	/*indonesia*/
	/*
	.drop-arrow._1{margin-left:40px;}
	.drop-arrow._2{margin-left:132px;}
	.drop-arrow._3{margin-left:230px;}
	.drop-arrow._4{margin-left:370px;}
	.drop-arrow._5{margin-left:525px;}
	.drop-arrow._6{margin-left:680px;}
	.drop-arrow._7{margin-left:805px;}
	.drop-arrow._8{margin-left:885px;}
	*/
.menu{position:absolute; z-index:2; top:0; left:0; right:0; margin-left:auto; margin-right:auto; width:950px;}
	header.large .menu{margin-top:30px;}
	header.small .menu{margin-top:12px;}
	header.small .dropmenu{margin-top:0px;}
	
/*accordion history*/
.acc2{cursor: pointer;}
	.acccontent2{font-size:13px; color:#323232; line-height:20px;}
.closedacc2{}
.openacc2{}

/*========================================================*/
/*edit 22Oct2015*/
.confirm-search{display:block; background: url(../images/icon/sprite.png) no-repeat -1123px -354px; width: 77px; height: 77px; margin:0 auto; margin-top:5px; margin-bottom:5px;}
.mutliSelect ul li{color:#ffffff;}

/*========================================================*/

/*========================================================*/
/*edit 03November2015*/
.f-title-dark{font-size:18px; color:#253a91; font-family: 'fonartoregular'; padding-bottom:5px; line-height:normal;}
.banner-produk-1{width:380px;}
	.bp-1-1{width:240px;}
	.bp-1-2{width:140px;}
/*========================================================*/
/*edit 13November2015*/

.about-circle-1{background:none; position:relative; margin:0 auto; padding-top:10px;}	
/*hover*/
@-webkit-keyframes hvr-bob{0%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}50%{-webkit-transform:translateY(-4px);transform:translateY(-4px)}100%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}}@keyframes hvr-bob{0%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}50%{-webkit-transform:translateY(-4px);transform:translateY(-4px)}100%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}}@-webkit-keyframes hvr-bob-float{100%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}}@keyframes hvr-bob-float{100%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}}.hvr-bob{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale}.hvr-bob:active,.hvr-bob:focus,.hvr-bob:hover{-webkit-animation-name:hvr-bob-float,hvr-bob;animation-name:hvr-bob-float,hvr-bob;-webkit-animation-duration:.3s,1.5s;animation-duration:.3s,1.5s;-webkit-animation-delay:0s,.3s;animation-delay:0s,.3s;-webkit-animation-timing-function:ease-out,ease-in-out;animation-timing-function:ease-out,ease-in-out;-webkit-animation-iteration-count:1,infinite;animation-iteration-count:1,infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-direction:normal,alternate;animation-direction:normal,alternate}
.about-circle-1 .f-year{padding-top:5px;}

/* Gallery Styles */
#motioncontainer {width: 880px; height: 120px; position:relative; overflow:hidden; padding-bottom:10px; border-bottom:solid 2px #fcd333;}
#motioncontainer ul{margin: 0; padding: 0; list-style: none;}
#motioncontainer li{display: inline-block; margin:0 20px;}
#statusdiv {position: absolute; left: -300px; visibility: hidden;}
#motioncontainer a:hover {}
/* End Gallery Styles */

.btn-select3{background:url(../images/icon/select2.png);}

/*history*/
.pure-button{display:inline-block;*display:inline;zoom:1;line-height:normal;white-space:nowrap;vertical-align:baseline;text-align:center;cursor:pointer;-webkit-user-drag:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none; margin-right:20px;}
.pure-button::-moz-focus-inner{padding:0;border:0}
.pure-button{*overflow:visible;background: url(../images/icon/sprite.png) no-repeat -1095px 0; width:105px; height:105px;}
.pure-button-hover,.pure-button:hover,.pure-button:focus{background-position:-947px 0; color:#ffffff;}
.pure-button-hover .f-number, .pure-button:hover .f-number, .pure-button:focus .f-number{color:#ffffff;}
.pure-button-hover .f-date, .pure-button:hover .f-date, .pure-button:focus .f-date{color:#ffffff;}
.pure-button:focus{outline:0}

/*========================================================*/
/*edit 27November2015*/
/*bmc*/
.f-bmc-3{font-size:25px; color:#243772; font-family: 'fonartoregular';}
	.f-bmc-3 p{padding-bottom:8px;}
.btn-bmc-1{background: url(../images/icon/sprite.png) no-repeat -729px -82px; width: 142px; height: 32px; display:block; margin:0 auto; margin-top:20px;}
	.btn-bmc-1:hover{background-position:-729px -131px;}
.f-bmc-4{font-size:60px; color:#243772; font-family: 'fonartoregular'; width: 274px; height: 55px; -webkit-border-radius: 46px 45px 45px 46px/45px 45px 46px 46px; -moz-border-radius: 46px 45px 45px 46px/45px 45px 46px 46px; border-radius: 46px 45px 45px 46px/45px 45px 46px 46px; background-color: #fff; text-align:center; margin:0 auto; padding-top:30px; display:block; margin-top:25px;}
.f-bmc-5{font-size:15px; color:#243772; font-family: 'fonartoregular'; width: 208px; height: 25px; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; background-color: #f8d047; display:block; text-align:center; padding-top:7px;}
.f-bmc-6 a{float:left; font-size:20px; height: 22px; color:#519bd3; font-family: 'fonartoregular'; padding:5px 15px;}
	.f-bmc-6 a:hover, .f-bmc-6 a.active{-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; background-color: #243772; color:#ffffff;}
.f-bmc-7{font-size:35px; color:#243772; font-family: 'fonartoregular';}
.f-bmc-8{font-size:13px; color:#555555; font-family: 'fonartoregular';}
.f-bmc-9{font-size:15px; color:#519bd3; font-family: 'fonartoregular';}
.f-bmc-10{font-size:13px; color:#000000; font-family: 'fonartoregular';}
.list-bmc-1{position:relative; width:100%; display:block; margin:0 auto;}
	.bmc-cart{position:absolute; top:0; right:0; margin-top:-70px;}
		a.icon-cart{font-size:20px; color:#fff; font-family: 'fonartoregular'; background:url(../images/bmc/cart.png) no-repeat top right; width:247px; height:123px; display:block; position:relative;}
		a.icon-cart div{position:absolute; top:0; right:0; margin:25px 38px 0 0; width:40px; text-align:center;}
ul.list-bmc-2{position:relative; display: flex; flex-wrap: wrap;}
.list-bmc-2 li{margin-right:35px; text-align:center; font-size:13px; color:#000; font-family: 'arialregular'; position:relative; display: flex; width: 22%;}
	.list-bmc-2 li:nth-child(4){margin-right:0px;}
	.bmc-content img{max-width:215px; height:auto; margin:0 auto;}
	.list-bmc-2 li .title{color:#519bd3; font-size:15px; font-family: 'fonartoregular'; padding-bottom:5px;}
	.bmc-category{font-size:14px; color:#243772; font-family: 'fonartoregular';  position:absolute; top:0; left:0; margin-top:-32px; padding:5px 20px; -webkit-border-radius: 5px;	-moz-border-radius: 5px; border-radius: 5px; background-color: #fcd333;}
	.bmc-content{display: flex; flex-direction: column; width: 100%; padding-bottom:50px;}
	a.bmc-price{background: url(../images/icon/sprite.png) no-repeat -729px -197px; width: 143px; height: 31px; display:block; font-size:15px; color:#000000; font-family: 'fonartoregular'; margin:0 auto; text-align:left; padding:15px 0 0 10px; bottom:0; position:absolute; left:0; right:0; margin-left:auto; margin-right:auto; cursor:pointer;}
	a:hover.bmc-price{color:#243772;}
	.bmc-crest{display:block; width:321px; height:352px; background:url(../images/bmc/crest.png) no-repeat center; position:absolute; top:0; right:0;}

.bmc-redeem{position:relative; width:100%; display:block; border-bottom:dotted 1px #767676; padding-top:5px;}
	.bmcr-1, .bmcr-2, .bmcr-3, .bmcr-4, .bmcr-5{float:left; margin-right:20px;}
		.bmcr-1{width:70px; padding-left:20px;}
			.bmcr-1 img{max-width:100%;}
		.bmcr-2{width:auto; width:120px; height:60px; display:table;}
		.bmcr-3{width:auto; height:60px; display:table;}
		a.bmcr-4{background: url(../images/icon/sprite.png) no-repeat -563px -206px; width: 32px; height: 32px; margin:14px 20px 0 0;}
		.bmcr-5{width:auto; height:60px; display:table; text-align:right; min-width:100px; color:#555555; font-family: 'fonartoregular'; font-size:15px;}
			.bmcr-2 span, .bmcr-3 span, .bmcr-5 span{display:table-cell; vertical-align:middle;}
.bmc-total{position:relative; width:100%; background:#fcd333; height:40px; padding-top:20px;}
	.bmct-1, .bmct-2, .bmct-3{float:left; color:#243772; font-family: 'fonartoregular';}
		.bmct-1{font-size:18px; margin-left:110px;}
		.bmct-2{font-size:15px; margin-left:125px;}
		.bmct-3{font-size:15px; margin-left:60px;}		
	.line-bmct{height:1px; background:#fcd333; margin:4px 0;}

.list-bmc-3 li{float:left; width:48%;}
	.list-bmc-3 li:nth-child(2n){float:right;}
/*field bmc*/
.boxbmc1{
	width: 95%;
	height: 20px;
	border: none;
	background:none;
	color: #000000;
	font-size:12px;
	padding:6px 0 0 12px;	
	border:none;
	outline:none;
}
#fieldbmc1{width: 100%; height: 32px; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; background-color: #f0f0ef; margin-bottom:8px; position:relative;}
.boxareabmc{
	width: 95%;
	height: 70px;
	background:none;
	border: none;
	color: #000000;
	font-size:13px;
	padding:8px 0 0 12px;
	font-family: 'arialregular';
}
#fieldareabmc{width: 100%; height: 82px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background-color:#f0f0ef;}
a.bmc-order{height: 22px; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; background-color: #243772; padding:5px 30px; font-size:15px; color:#fcd333; font-family: 'fonartoregular';}
	a:hover.bmc-order{color:#ffffff;}
.bmc-form{width:100%;}
	.bmc-form #boxkontak{width:300px;}
.bmc-upload{background: url(../images/icon/sprite.png) no-repeat -266px -79px; background-size: 800px 533px; width: 28px; height: 27px; position:absolute; top:3px; right:5px;}

.dom-content .main-content._2{width:100%; margin:0 auto;}

/*========================================================*/
/*edit 18December2015*/
#banner-home, #banner-detail{display:none;}

/*========================================================*/
/*edit 23December2015*/
#banner-home img, #banner-detail img{width:100%; max-width:100%;}
.btn-down{display:none;}

/*========================================================*/
/*edit 04January20016*/
#fieldbmc{margin-top:10px;}
.btn-bmc-1{margin-top:14px;}
.f-bmc-11{font-size:15px; color:#243772; font-family: 'fonartoregular';}
.f-bmc-11 a{font-size:15px; font-weight:normal; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; background-color: #243772; color:#efca37; height: 22px; padding:5px 15px;}
	.f-bmc-11 a:hover{color:#fff;}
.bmc-line-1{height:2px; width:100%; background:#fcd333; display:block; margin:10px 0;}
.f-title a{color:#519bd3;}
.main-content img{max-width:100%;}
.about-next{width:10px; height:17px; background:url(../images/icon/cal-next.png) no-repeat; position:absolute; right:0; top:175px; margin-right:-25px;}
.about-prev{width:10px; height:17px; background:url(../images/icon/cal-prev.png) no-repeat; position:absolute; left:0; top:175px; margin-left:-25px;}

/*========================================================*/
/*edit 12January20016*/
.styled-select select option{background-color: #f0f0ef; }
.styled-select2 select option{background-color: #61380e; }
.styled-select3 select option{background-color: #f0f0ef;}

/*========================================================*/
/*edit 14January20016*/
.footer-logo{background: url(../images/icon/sprite.png) no-repeat -349px -420px; width: 90px; height: 30px;}
.footer2{padding-bottom:33px;}

/*========================================================*/
/*edit 20January2016*/
.upgrade{width:708px; height:444px; margin:0 auto; background:url(../images/upgrade/bg.jpg) no-repeat center; margin-top:40px; font-family: 'fonartoregular'; color:#2b2b2b;}
	.upgrade-content{width:600px; margin:0 auto; padding-top:50px;}
	.up li{float:left; width:120px; text-align:center; font-size:14px; margin-top:30px;}
	
	.up-title{font-size:24px; padding-bottom:30px; font-weight:bold;}
	.up-des{font-size:14px; font-family: 'arialregular';}
		.up-des p{padding-bottom:20px;}
	.f-up-1 a{color:#293f64;}
	
/*========================================================*/
/*edit 22January2016*/
.confirm-search{margin-top:15px;}
	.confirm-search:hover{background-position:-1123px -437px;}
.table-news tr, .table-news td{border:1px solid #333;}

.vscrollerbar{background: url(../images/icon/sprite.png) no-repeat -4px -735px;}
#mycustomscroll2{width: 330px; height:325px;}

/*select-check*/
.dropdown3 dd, .dropdown3 dt {margin:0px; padding:0px; position:relative; font-size:12px; width:295px;}
.dropdown3 ul {margin:0;}
.dropdown3 dd {position:relative;}
.dropdown3 a, .dropdown3 a:visited {color:#fff; text-decoration:none; outline:none; font-size: 12px;}
.dropdown3 dt a {display:block; line-height: 24px; border:0; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; background-color: #61380e; height: 27px;overflow: hidden; width: 308px; padding:5px 0 0 12px; margin:6px 0;}
.dropdown3 dt a span, .multiSel3 span {cursor:pointer; display:inline-block; padding: 0 3px 2px 0;}
.dropdown3 dd ul {background-color: #61380e; border:0; color:#fff; display:none; left:0px; padding: 2px 15px 2px 5px; position:absolute; z-index:60; top:2px; width:110%; list-style:none; min-height: 60px; overflow: auto;}
.dropdown3 span.value {display:none;}
.dropdown3 dd ul li a {padding:5px; display:block;}
.dropdown3 dd ul li a:hover {background-color:#fff;}

.customscroll{overflow: auto; position: relative; width: 510px;}
#content-3.customscroll{padding:5px 0; height:225px;}
#bbc-list-all{display:none;}
.bbc-list-show{margin-top:20px;}
.bbc-list-show a{display:inline-block; font-family: 'fonartoregular'; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;	background: #243772; padding:7px 25px; color:#fcd333;}
	.bbc-list-show a:hover{color:#ffffff;}

.show-border, .show-border td{border: 1px solid #000; border-collapse: collapse;}

/*========================================================*/
/*edit 02February2016*/
.detail-tip{bottom:-45px; right:-20px;}

/*========================================================*/
/*edit 03March2016*/
.user-log, .user-log-sm{position: absolute; z-index: 2; bottom: -24px; right:20px; text-align: right; font-size: 14px; font-family: 'fonartoregular';}
	.user-log-sm{bottom: 3px; right: 175px; color: #243771;}
	header.large .user-log span{display: none;}
	header.small .user-log{display: none;}

	header.large .user-log-sm{display: none;}
	header.small .user-log-sm{display: block;}

.f-blc-1{width: 240px;}
.bmc-cart{right: 145px;}
a.icon-cart{width:133px; background-position: top center;}
	.icon-cart div{width: 50px; margin:0 auto; margin-top: -5px;}

.bmc-history{position:absolute; top:0; right:0; margin-top:-70px; display: inline-block}
	a.icon-history{background:url(../images/bmc/history.png) no-repeat top center; width:133px; height:123px; display:block; position:relative;}

.list-bmc-2 li:nth-child(4n){margin-right:0px;}
.list-bmc-2 li{margin-bottom:30px;}

.bmct-3{margin-top: -8px; width: 26%;}
.bmcr-5._1{padding-left: 87px;}
.bmcr-6{float:left; margin-left:40px; width:auto; height:60px; display:table; text-align:left; color:#243772; font-family: 'fonartoregular'; font-size:15px;}
	.bmcr-6 span{display:table-cell; vertical-align:middle;}
.k-form3 span{color:#990101;}	
.k-form6, .k-form7{display: inline-block; color:#2b2b2b; font-family: 'arialregular'; margin-bottom:16px;}
	.k-form6{margin-left: 40px; font-size: 11px; width: 36%;}
		.k-form6 span{vertical-align: middle;}
	.k-form7{width: 100%; vertical-align:middle; color: #323232; font-size:14px;}
	.k-form7 input[type="checkbox"] {display:none;}
	.k-form7 input[type="checkbox"] + label span {
	    display:inline-block;
	    margin:-1px 4px 0 0;
	    vertical-align:middle;
	    background: url(../images/icon/sprite.png) no-repeat -239px -154px;
		background-size: 600px 400px;
		width: 29px;
		height: 29px;
	    cursor:pointer;
	    padding-left: 10px;
	}
	.k-form7 input[type="checkbox"]:checked + label span {
	    background-position: -281px -154px;
	}
	.k-form7c{float: left; width: 25%; margin-bottom: 10px;}
	.k-form7d{width:100%;}
	.k-form7 .k-form4{padding-top:4px;}
	.k-form4 .kirim{padding-top:5px;}
	.k-left-1{float:left; width:40px;}
	.k-left-2{float:left; width:95%;}
	
a.link{color: #243772; font-weight: bold;}
.field-validation-error { color: #ff0000 !important; }

/*========================================================*/
/*edit 04May2016*/
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-transform: translateZ(0);
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}
@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

.iu-klik{font-family: 'fonartoregular'; font-size:14px; color:#1a417e;}
.btn-shop{float:right; background: url(../images/icon/sprite.png) no-repeat -2px -539px; width: 55px; height: 56px; margin-bottom:20px;}
	.btn-shop:hover{background-position:-2px -607px;}
.btn-share{margin-right:-2px;}


/*========================================================*/
/*edit 17June2016*/
.bbcc{position:relative; margin-top:40px; padding-top:30px;}
.banner-bbc._1{background:url(../images/banner/jadwal.jpg) no-repeat top center; background-size:cover; position:relative;}
	.bbc-content._1{position:relative; width:900px;}
	.bbcc-1._1{position:relative; float:left; width:210px; font-size:13px; color:#3d3d3d; margin-top:10px;}
		.bbcc-1-2{position:absolute; width:438px; top:22px; z-index:1; left:0; right:0; margin:0 auto;}
		.f-bbcc-3{font-family: 'fonartoregular'; font-size:18px; color:#61380e; padding-bottom:5px; background:#fcd333; padding:5px 0; margin-bottom:5px; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; text-align:center;}
	.bbcc .vscrollerbar{background: url(../images/icon/sprite.png) no-repeat -2px -489px; width: 43px;	height: 43px; background-size: 800px 533px;}
	.bbcc #mycustomscroll2{width: 325px; height:230px;}
	.bbcc #mycustomscroll2._1{width:260px;}
		.bbcc .fixed-h2{width: 335px; background:none; margin:0; padding:0; height:auto;}
		.bbcc .vscrollerbar{background: url(../images/icon/sprite.png) no-repeat -2px -761px; width: 17px; height: 38px; margin-left:-3px; z-index: 1;}
	.bbcc .brc-2-2{margin:0 10px; margin-top:13px;}
	.bbcc-2._1, .bbcc-2._2{position:relative; float:left; margin:0; margin-top:10px;}
	.bbcc-2._1{width:270px;}
	.bbcc-2._2{width:310px;}
	.brc-2._1{width:78px; float:none; position:absolute; bottom:0; left:50%; margin-left:-75px;}
		.bbcc-2-1._1 .f-brc-1{font-size:40px;}
		.bbcc-2-1._1 .f-brc-2{font-size:14px;}
	
	.bbcc-1 .styled-select{background:#61380e;}
	.bbcc-1 .styled-select select{color:#ffffff;}
	.bbcc-1 .dropdown a, .bbcc-1 .dropdown a:visited{color:#ffffff;}
	.bbcc-1 .dropdown dt a, .bbcc-1 .dropdown dd ul{background:#61380e;}
	.bbcc-1 .dropdown dd ul li a:hover{background:#61380e;}

	/*CHECKBOX*/
	.bbcc-check li{margin-bottom:5px;}
	.bbcc-check{width: 100%; vertical-align:middle; color: #323232; font-size:14px; }
	.bbcc-check input[type="checkbox"] {display:none;}
	.bbcc-check input[type="checkbox"] + label span {
		display:inline-block;
		margin:-1px 4px 0 0;
		vertical-align:middle;
		background: url(../images/icon/sprite.png) no-repeat -239px -154px;
		background-size: 600px 400px;
		width: 29px;
		height: 29px;
		cursor:pointer;
		padding-left: 10px;
	}
	.bbcc-check input[type="checkbox"]:checked + label span {
		background-position:  -281px -154px;
	}
	
	.bbcc-pos{position:relative; width:100%; text-align:center;}
	.boxbbcc{
		width: 280px;
		height: 20px;
		border: none;
		background:none;
		color: #fff;
		font-size:12px;
		padding:6px 0 0 12px;	
		border:none;
		outline:none;		
	}
	#bbccsearch{width: 320px; height: 32px; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; background-color: #61380e; position:relative; display:inline-block; margin-left:20px;}
	.btn-search-bbcc{background:url(../images/icon/search2.png) no-repeat top left; width:20px; height:16px; position:absolute; right:10px; top:7px;}
	.bbcc-search-text{display:inline-block; text-align:center; font-size:15px; color:#3d3d3d; font-family: 'arialregular'; padding-top:5px;}
	

/*========================================================*/
/*edit 28June2016*/
.bbcc-info-text{text-align:center; font-size:16px; color:#3d3d3d; line-height:24px;}

/*========================================================*/
/*edit 11October2016*/
.f-bmc-4{margin-top:5px;}

/*========================================================*/
/*edit 19Oct2016*/
ul.bbc-history{position:relative; width:100%; display:block;}
	.bbc-history li{border-bottom:dotted 1px #767676; padding-top:5px; padding-bottom:10px;}
		.bbc-history li:nth-last-child(1){border:none;}
		.bbch-1, .bbch-2, .bbch-3, .bbch-4{float:left; margin-right:20px; font-size:13px;}
		.bbch-1{width:40%;}
		.bbch-2{width:18%;}
		.bbch-3{width:22%;}
		.bbch-4{width:11%; margin-right:0; color:#243772; font-family: 'fonartoregular'; font-size:15px;}
.f-bjt-7{padding-top:12px;}
.f-bjt-8{display:inline-block; background: url(../images/icon/sprite.png) no-repeat -116px 0; background-size: 600px 400px; width: 28px; height: 24px; color:#fff; font-size:13px; font-family: 'fonartoregular'; text-align:center; padding-top:5px; margin:10px 0 0 16px;}

ul.bmc-status{position:relative; width:100%; display:block;}
	.bmc-status li{border-bottom:dotted 1px #767676; padding-top:5px; padding-bottom:10px;}
		.bmc-status li:nth-last-child(1){border:none;}
		.bmcs-1, .bmcs-2, .bmcs-3, .bmcs-4{float:left; margin-right:20px; font-size:13px;}
		.bmcs-1{width:38%;}
		.bmcs-2{width:18%;}
		.bmcs-3{width:20%; color:#243772; font-family: 'fonartoregular'; font-size:15px;}
		.bmcs-4{width:12%; margin-right:0; color:#555555; font-family: 'fonartoregular'; font-size:15px;}
		
/*========================================================*/
/*edit 02Dec2016*/
.f-privacy a{font-size:11px; color:#fff;}

/*========================================================*/
/*edit 06Dec2016*/
.f-link a{font-size:13px; color:#243772;}
	.f-link a:hover{color:#060606;}

/*========================================================*/
/*edit 08Aug2017*/
#banner-bbc-syarat{display:none; text-align:center;}
.bbc-syarat-ok{display:inline-block; margin:0 auto; text-align:center; vertical-align:middle; border-radius: 50%; font-family: 'fonartoregular'; background:#243772; padding:8px 10px; line-height:normal;}
	.bbc-syarat-ok a{font-size:14px; color:#ffffff;}
		.bbc-syarat-ok a:hover{color:#fcd333;}

/*========================================================*/
/*edit 02Oct2017*/
.dom-online-shop{display:none;}
.online-shop-list{width:98%; margin:0 auto; margin-top:45px;}
.online-shop-list li{display:inline-block; width:20.5%; margin-right:5%; vertical-align:middle;}
	.online-shop-list li:nth-child(n-4){margin-bottom:50px;}
	.online-shop-list li:nth-child(4n){margin-right:0;}
	.online-shop-list img{max-width:100%;}
				
	
/*========================================================*/	
.boxalert {
    background: #11528b none repeat scroll 0 0;
    margin: 0;
    padding: 2px;
}
.boxalert .title {
    color: #fff;
    font: bold 18pt "EstiloText-Bold",Arial,sans-serif;
    text-align: center;
}
.boxalert div.btnclose {
    background: rgba(0, 0, 0, 0) url("../images/btnclose.png") no-repeat scroll center center;
    cursor: pointer;
    height: 22px;
    position: absolute;
    right: 4px;
    top: 2px;
    width: 22px;
}
.boxalert .isi {
    color: #fff;
    font: 15pt "EstiloText",Arial,sans-serif;
    padding: 0 20px;
    text-align: center;
}
.error {
    color: #fff;
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;
    margin: 4px auto;
    text-align: left;
}
.error2 {
    color: #ff0000;
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;
    margin: 4px auto;
    text-align: left;
}
.success {
    background: #edffed url("../images/icon_info.gif") no-repeat scroll 6px center;
    border: 1px solid #73ad72;
    color: #0f8e0c;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    margin: 4px auto;
    padding-bottom: 6px;
    padding-left: 30px;
    padding-top: 6px;
    text-align: left;    
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #ff0000;
    font-size:9pt;
    display:block;
    margin-top:5px;
}

.field-validation-valid {
    display: none;
}

.validation-summary-errors {
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid {
    display: none;
}

.mutliSelect li { color:#fff; }
.mutliSelect li.black { color:#000; }

.share-comment 
{
    float:right;   
    width:220px;
}
.twt-btn 
{
    float:left;    
    width:60px;
    padding-top:3px;
    height:27px;
    margin-right:6px;
}
.fb-btn 
{
    float:left;
    width:150px;
    height:30px;
}
#sortby 
{
    visibility:hidden;
    position:absolute;
}