html, Body, div, span, applet, object, iframe, caption, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {vertical-align:baseline;font-size:100%;outline:0;padding:0;margin:0;border:0;line-height:1.6;}

/*  ATTRIBUTE */
h1 {font-size:20px;font-weight:400;}
h2 {font-size:18px;font-weight:400;}
a {color:#D71D2A;text-decoration:none;}
ol {list-style:decimal;padding-left:20px;}
.clearfix:after {clear:both;content:".";display:block;height:0;visibility:hidden;}
@media screen and (max-width:580px)
{
	h1 {font-size:20px;font-weight:400;}
	h2 {font-size:18px;font-weight:400;}
	a {color:#D71D2A;text-decoration:none;}
	ol {list-style:decimal;padding-left:20px;}
	.clearfix:after {clear:both;content:".";display:block;height:0;visibility:hidden;}
}

/* BACKGROUND */
#bg {font-weight:400;font-size:15px;font-family:'Roboto', sans-serif;line-height:1.6;color:#444;background:#F7F7F7;margin:0 auto;padding:0;}
@media screen and (max-width:580px)
{
	#bg {font-weight:400;font-size:15px;font-family:'Roboto', sans-serif;line-height:1.6;color:#444;background:#F7F7F7;margin:0 auto;padding:0;}
}
/* ================================================== */

/* MODULE TOP */
#bglogo {width:100%;height:auto;margin:0 auto;padding:10px 0;background:#006700;}
#bologo {width:580px;height:auto;margin:0 auto;padding:0;text-align:center;}
@media screen and (max-width:580px)
{
	#bglogo {width:100%;height:auto;margin:0 auto;padding:10px 0;background:#006700;}
	#bologo {width:100%;height:auto;margin:0 auto;padding:0;text-align:center;}
}
/* ================================================== */

/* CONTENT */
#bgcontent {width:540px;margin:0 auto 80px;padding:20px;background:#fff;}
@media screen and (max-width:580px)
{
	#bgcontent {width:94%;margin:0 auto 100px;padding:3%;background:#fff;}
}
/* ================================================== */

/* FOOTER */
#bgfooter {width:100%;margin:20px auto 0;padding:20px 0;border-top:1px solid #ddd;}
#bofooter {width:100%;margin:0 auto;padding:0;text-align:center;}
#footer {margin:0 auto;padding:0;}
#footer a {color:#fff;text-decoration :none;}
#footer a:hover {color:#D71D2A;}
@media screen and (max-width:580px)
{
	#bgfooter {width:100%;margin:20px auto 0;padding:20px 0;border-top:1px solid #ddd;}
	#bofooter {width:100%;margin:0 auto;padding:0;text-align:center;}
	#footer {margin:0 auto;padding:0;}
	#footer a {color:#fff;text-decoration :none;}
	#footer a:hover {color:#D71D2A;}
}
/* ======================================================= */

/* NAVIGASI */
#bgnavi {width:100%;margin:0 auto;padding:0;position:fixed;z-index:999;bottom:0;}
#bonavi {width:580px;margin:0 auto;padding:20px 0 10px;background:#006700;border-top:2px solid #fff;}
#navi {width:145px;float:left;text-align:center;}
#naviimg {width:30px;height:30px;overflow:hidden;text-align:center;margin:0 auto;}
#naviimg img {width:30px;height:30px;display:inline-block;}
#navitit {font-size:10px;color:#fff;}
@media screen and (max-width:580px)
{
	#bgnavi {width:100%;margin:0 auto;padding:0;position:fixed;z-index:999;bottom:0;}
	#bonavi {width:100%;margin:0 auto;padding:20px 0 10px;background:#006700;border-top:2px solid #fff;}
	#navi {width:25%;float:left;text-align:center;}
	#naviimg {width:30px;height:30px;overflow:hidden;text-align:center;margin:0 auto;}
	#naviimg img {width:30px;height:30px;display:inline-block;}
	#navitit {font-size:10px;color:#fff;}
}
/* ======================================================= */

/* PENGUMUMAN HEADLINE */
#bgpeng {width:100%;margin:0 auto;padding:0;}
#bopeng {width:100%;margin:0 auto;padding:0;}
#hepeng {margin:0 auto;padding:0 0 10px;font-weight:700;font-size:15px;font-family:'Roboto', sans-serif;text-align:center;}
#peng {margin:0 auto;padding:0;}
#pengtop {margin:0 auto;padding:0;}
.pengimg {width:100%;height:auto;overflow:hidden;}
.pengimg img {width:100%;height:auto;}
#pengmid {margin:0 auto;padding:0;}
.pengtit {margin:0 auto;padding:0;font-weight:700;font-size:16px;}
.pengdet {margin:0 auto 10px;padding:0;font-size:13px;color:#999;}
.pengdes {margin:0 auto;padding:0;}


@media screen and (max-width:580px)
{
	
}
/* ======================================================= */

/* PENGUMUMAN HOME */
#bgpenghom {width:100%;margin:10px auto;padding:0;}
#bopenghom {width:100%;margin:0 auto;padding:0;}
#penghom {margin:1% auto 0;padding:1% 0 0;border-top:1px solid #ddd;}
#penghomleft {width:30%;float:left;margin:0 2% 0 0;padding:0;}
.penghomimg {width:100%;height:auto;overflow:hidden;}
.penghomimg img {width:100%;height:auto;}
#penghomrite {width:66%;float:left;margin:0 auto;padding:1%;}
.penghomtit {margin:0 auto;padding:0;font-weight:700;}
.penghomdet {margin:0 auto 10px;padding:0;font-size:13px;color:#999;}
.penghomdes {margin:0 auto;padding:0;}
@media screen and (max-width:580px)
{
	
}
/* ======================================================= */

/* PENGUMUMAN DETAILS */
#bgpengdetails {width:100%;margin:0 auto;padding:0;}
#bopengdetails {width:100%;margin:0 auto;padding:0;font-family:'Roboto', sans-serif;}
.pengdetailsimg {width:100%;height:auto;overflow:hidden;margin:0 auto 10px;padding:0;}
.pengdetailsimg img {width:100%;height:auto;}
.pengdetailstit {margin:0 auto;padding:0;}
.pengdetailstit h1 {font-weight:700;font-size:16px;font-family:'Roboto', sans-serif;}
.pengdetailsdet {margin:0 auto 10px;padding:0;font-size:13px;color:#999;}
.pengdetailsdes {margin:0 auto;padding:0;}
.pengdetailsdes h2 {font-weight:400;font-size:14px;font-family:'Roboto', sans-serif;}
.pengdetailssos {margin:10px auto;padding:0;text-align:right;}
@media screen and (max-width:580px)
{
	
}
/* ======================================================= */



















/* MODULE UP */
#bgup {width:100%;margin:0 auto;padding:8px 0;border-bottom:1px solid #ddd;}
#boup {width:580px;margin:0 auto;padding:0;}
#up {width:auto;margin:0 auto;padding:0;}
#upleft {width:50%;margin:0 auto;padding:0;float:left;}
#uprite {width:50%;margin:0 auto;padding:0;float:right;text-align:right;}
.uprite {margin:0;padding:0;vertical-align:middle;}
.uprite a {font-size:13px;color:#D71D2A;vertical-align:top;}
.uprite a:hover {color:#fff;}
.uprite img {width:26px;height:20px;vertical-align:middle;padding:1px;background:#ddd;border-radius:2px;}
@media screen and (max-width:580px)
{
	#bgup {width:100%;margin:0 auto;padding:8px 0;border-bottom:1px solid #ddd;}
	#boup {width:90%;margin:0 5%;padding:0;}
	#up {width:auto;margin:0 auto;padding:0;}
	#upleft {width:100%;margin:0 auto 5px;padding:0;float:none;text-align:center;}
	#uprite {width:100%;margin:0 auto;padding:0;float:none;text-align:center;}
	.uprite {margin:0;padding:0;vertical-align:middle;}
	.uprite a {font-size:13px;color:#D71D2A;vertical-align:top;}
	.uprite a:hover {color:#fff;}
	.uprite img {width:26px;height:20px;vertical-align:middle;padding:1px;background:#ddd;border-radius:2px;}
}
/* ================================================== */



/* MENU */
#bgmenu {width:100%;margin:0 auto;padding:0;}
#menu {width:580px;height:auto;margin:0 auto;padding:0;}
@media screen and (max-width:580px)
{
	#bgmenu {width:100%;margin:0 auto;padding:0;background:#D71D2A;}
	#menu {width:100%;height:auto;margin:0 auto;padding:0;}
}
/* ================================================== */

/* SLIDESHOW */
#bgslideshow {width:100%;margin:0 auto;padding:0;}
@media screen and (max-width:580px)
{
	#bgslideshow {width:100%;margin:0 auto;padding:0;}
}

/* HEADER */
#bgheadpage {width:100%;margin:0 auto;padding:10px 0;position:relative;z-index:9;color:#fff;background:rgb(131,17,37);background:linear-gradient(45deg, rgba(131,17,37,1) 0%, rgba(177,23,49,1) 50%, rgba(223,29,61,1) 100%);}
#headpage {width:580px;height:auto;overflow:hidden;margin:0 auto;}
#headpage a {color:#fff;}
#headpage a:hover {color:#FF6800;}
@media screen and (max-width:580px)
{
	
}
/* ================================================== */

/* FRONTPAGE */
#bgfrontpage {width:100%;margin:0 auto;padding:50px 0;}
#bofrontpage {width:580px;margin:0 auto;padding:0;}
#frontpage {margin:0 auto;padding:0;}
#frontpagelef {width:170px;float:left;margin-right:20px;padding:0;}
.frontpageimg {width:170px;height:170px;overflow:hidden;}
.frontpageimg img {width:170px;height:170px;border-radius:100%;}
#frontpagerit {width:800px;float:left;margin:0;padding:0;}
.frontpagetit {margin:0 auto 5px;padding:0;}
.frontpagetit h1 {font-weight:600;font-size:25px;font-family:'Roboto', sans-serif;color:#D71D2A;letter-spacing:-1px;}
.frontpagedes {margin:0 auto 20px;padding:0;}
.frontpagedes h2 {font-weight:400;font-size:18px;font-family:'Roboto', sans-serif;color:#000;}
.frontpagebtn {margin:0 auto;padding:0;}
@media screen and (max-width:580px)
{
	#bgfrontpage {width:100%;margin:0 auto;padding:50px 0;}
	#bofrontpage {width:90%;margin:0 auto;padding:0;}
	#frontpage {margin:0 auto;padding:0;}
	#frontpagelef {width:100%;float:left;margin-right:0;padding:0;text-align:center;}
	.frontpageimg {width:60%;height:auto;overflow:hidden;margin:0 auto;}
	.frontpageimg img {width:60%;height:auto;border-radius:100%;}
	#frontpagerit {width:100%;float:left;margin:0;padding:0;text-align:center;}
	.frontpagetit {margin:0 auto 5px;padding:0;}
	.frontpagetit h1 {font-weight:600;font-size:25px;font-family:'Roboto', sans-serif;color:#D71D2A;letter-spacing:-1px;}
	.frontpagedes {margin:0 auto 20px;padding:0;}
	.frontpagedes h2 {font-weight:400;font-size:18px;font-family:'Roboto', sans-serif;color:#000;}
	.frontpagebtn {margin:0 auto;padding:0;}
}
/* ================================================== */

/* ROW INFO A */
#bgrowa {width:100%;margin:0 auto;padding:50px 0;background:rgb(131,17,37);background:linear-gradient(45deg, rgba(131,17,37,1) 0%, rgba(177,23,49,1) 50%, rgba(223,29,61,1) 100%);}
#borowa {width:580px;margin:0 auto;padding:0;text-align:center;color:#fff;}
.rowatop {margin:0 auto;padding:0;font-weight:600;font-size:25px;}
.rowabot {margin:0 auto;padding:0;}
@media screen and (max-width:580px)
{
	#bgrowa {width:100%;margin:0 auto;padding:50px 0;background:rgb(131,17,37);background:linear-gradient(45deg, rgba(131,17,37,1) 0%, rgba(177,23,49,1) 50%, rgba(223,29,61,1) 100%);}
	#borowa {width:90%;margin:0 5%;padding:0;text-align:center;color:#fff;}
	.rowatop {margin:0 auto;padding:0;font-weight:600;font-size:25px;}
	.rowabot {margin:0 auto;padding:0;}
}
/* ================================================== */

/* SERVICES SLIDE */
#deservslide {display:block;}
#moservslide {display:none;}
#bgservslide {width:100%;margin:0 auto;padding:50px 0;background:#f9f9f9;}
#boservslide {width:580px;margin:0 auto;padding:0;}
#servslidehed {font-weight:600;font-size:25px;margin-bottom:20px;padding:0;text-align:center;color:#D71D2A;}
#servslide {width:318px;margin:0 5px 10px;float:left;background:#fff;border:1px solid #ddd}
#servslidetop {margin:0 auto;padding:0;}
.servslideimg {width:318px;height:212px;overflow:hidden;}
.servslideimg img {width:318px;height:212px;-moz-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;-webkit-filter:grayscale(0);-webkit-filter:grayscale(0);filter:grayscale(0)}
.servslideimg img:hover {width:100%;height:auto;-moz-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1);opacity:0.7;-webkit-filter:grayscale(1);-webkit-filter:grayscale(100%);filter:grayscale(100%)}
#servslidemid {margin:0 auto;padding:20px;}
.servslidetit {font-weight:600;font-size:18px;}
.servslidetit a {color:#007DBF;}
.servslidetit a:hover {color:#D71D2A;}
.servslidedes {color:#000;padding-top:20px;}
#servslidebot {margin:0 20;padding:10px 20px 20px;border-top:1px solid #ddd;}
.servslidemor {width:100%;float:left;text-align:right;font-size:13px;}
.servslidemor a {color:#fff;}
.servslidemor a:hover {color:#fff;}
@media screen and (max-width:580px)
{
	#deservslide {display:none;}
	#moservslide {display:block;}
	#bgservslide {width:100%;margin:0 auto;padding:50px 0;background:#f9f9f9;}
	#boservslide {width:90%;margin:0 5%;padding:0;}
	#servslidehed {font-weight:600;font-size:25px;margin-bottom:20px;padding:0;text-align:center;color:#D71D2A;}
	#servslide {width:100%;margin:0 0 10px;float:left;background:#fff;border:1px solid #ddd}
	#servslidetop {margin:0 auto;padding:0;}
	.servslideimg {width:100%;height:auto;overflow:hidden;}
	.servslideimg img {width:100%;height:auto;-moz-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;-webkit-filter:grayscale(0);-webkit-filter:grayscale(0);filter:grayscale(0)}
	.servslideimg img:hover {width:100%;height:auto;-moz-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1);opacity:0.7;-webkit-filter:grayscale(1);-webkit-filter:grayscale(100%);filter:grayscale(100%)}
	#servslidemid {margin:0 auto;padding:20px;}
	.servslidetit {font-weight:600;font-size:18px;}
	.servslidetit a {color:#007DBF;}
	.servslidetit a:hover {color:#D71D2A;}
	.servslidedes {color:#000;padding-top:20px;}
	#servslidebot {margin:0 20;padding:10px 20px 20px;border-top:1px solid #ddd;}
	.servslidemor {width:100%;float:left;text-align:right;font-size:13px;}
	.servslidemor a {color:#fff;}
	.servslidemor a:hover {color:#fff;}
}
/* ================================================== */

/* BLOG HOME */
#bgbloghome {width:100%;margin:0 auto;padding:50px 0;background:#f9f9f9;}
#bobloghome {width:580px;margin:0 auto;padding:0;}
#bloghomehed {font-weight:600;font-size:25px;margin-bottom:20px;padding:0;text-align:center;color:#D71D2A;}
#bloghome {width:318px;margin:0 5px;float:left;background:#fff;border:1px solid #ddd}
#bloghometop {margin:0 auto;padding:0;}
.bloghomeimg {width:318px;height:212px;overflow:hidden;}
.bloghomeimg img {width:318px;height:212px;-moz-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;-webkit-filter:grayscale(0);-webkit-filter:grayscale(0);filter:grayscale(0)}
.bloghomeimg img:hover {width:100%;height:auto;-moz-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1);opacity:0.7;-webkit-filter:grayscale(1);-webkit-filter:grayscale(100%);filter:grayscale(100%)}
#bloghomemid {margin:0 auto;padding:20px;}
.bloghometit {font-weight:600;font-size:18px;}
.bloghometit a {color:#007DBF;}
.bloghometit a:hover {color:#D71D2A;}
.bloghomedat {color:#999;font-size:13px;}
.bloghomedes {color:#000;padding-top:20px;}
#bloghomebot {margin:0 20;padding:10px 20px 20px;border-top:1px solid #ddd;}
.bloghomemor {width:100%;float:left;text-align:right;font-size:13px;}
.bloghomemor a {color:#007DBF;}
.bloghomemor a:hover {color:#D71D2A;text-decoration:none;}
@media screen and (max-width:580px)
{
	#bgbloghome {width:100%;margin:0 auto;padding:5% 0;background:#f9f9f9;}
	#bobloghome {width:100%;margin:0 auto;padding:0;}
	#bloghomehed {font-weight:600;font-size:25px;margin-bottom:20px;padding:0;text-align:center;color:#D71D2A;}
	#bloghome {width:100%;margin:0 auto 5%;float:left;background:#fff;border:0;}
	#bloghometop {margin:0 auto;padding:0;}
	.bloghomeimg {width:100%;height:auto;overflow:hidden;}
	.bloghomeimg img {width:100%;height:auto;-moz-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;-webkit-filter:grayscale(0);-webkit-filter:grayscale(0);filter:grayscale(0)}
	.bloghomeimg img:hover {width:100%;height:auto;-moz-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1);opacity:0.7;-webkit-filter:grayscale(1);-webkit-filter:grayscale(100%);filter:grayscale(100%)}
	#bloghomemid {margin:0 auto;padding:20px;}
	.bloghometit {font-weight:600;font-size:18px;}
	.bloghometit a {color:#007DBF;}
	.bloghometit a:hover {color:#D71D2A;}
	.bloghomedat {color:#999;font-size:13px;}
	.bloghomedes {color:#000;padding-top:20px;}
	#bloghomebot {margin:0 20;padding:10px 20px 20px;border-top:1px solid #ddd;}
	.bloghomemor {width:100%;float:left;text-align:right;font-size:13px;}
	.bloghomemor a {color:#007DBF;}
	.bloghomemor a:hover {color:#D71D2A;text-decoration:none;}
}
/* ================================================== */

/* BOTTOM */
#bgbottom {width:100%;margin:0 auto;padding:50px 0;background:#f9f9f9;}
#bobottom {width:580px;margin:0 auto;padding:0;}
#bottoma {width:280px;float:left;margin:0;padding-left:10px;border-left:1px solid #D71D2A;}
#bottomb {width:220px;float:left;margin:0;padding-left:10px;border-left:1px solid #D71D2A;}
#bottomc {width:220px;float:left;margin:0;padding-left:10px;border-left:1px solid #D71D2A;}
#bottomd {width:220px;float:left;margin:0;padding-left:10px;border-left:1px solid #D71D2A;}
.bottomtitle {font-weight:600;font-size:18px;margin:0 auto 20px;color:#D71D2A;}
.bottomdesc {margin:0;padding:0;}
#bottomurl {margin:0;padding:0;}
.bottomurl {color:#333;}
a.bottomurl:hover {color:#D71D2A;text-decoration:none;}
@media screen and (max-width:580px)
{
	#bgbottom {width:100%;margin:0 auto;padding:5% 0;background:#f9f9f9;}
	#bobottom {width:90%;margin:0 5%;padding:0;}
	#bottoma {width:100%;float:left;margin:0 0 5%;padding-left:10px;border-left:1px solid #D71D2A;}
	#bottomb {width:100%;float:left;margin:0 0 5%;padding-left:10px;border-left:1px solid #D71D2A;}
	#bottomc {width:100%;float:left;margin:0 0 5%;padding-left:10px;border-left:1px solid #D71D2A;}
	#bottomd {width:100%;float:left;margin:0 0 5%;padding-left:10px;border-left:1px solid #D71D2A;}
	.bottomtitle {font-weight:600;font-size:18px;margin:0 auto 10px;color:#D71D2A;}
	.bottomdesc {margin:0;padding:0;}
	#bottomurl {margin:0;padding:0;}
	.bottomurl {color:#333;}
	a.bottomurl:hover {color:#D71D2A;text-decoration:none;}
}
/* ================================================== */

/* MEDIA SOSIAL */
#bgsocial {width:100%;margin:0 auto;padding:20px 0;background:#B11731}
#wrapsocial {width:580px;margin:0 auto;padding:0;}
#socialhead {font-weight:600;font-size:18px;margin:0 auto;padding:0;color:#fff;text-align:center;}
#socialrows {width:180px;margin:0 auto;}
#social {width:50px;float:left;margin:0 5px;padding:0;}
.socialimg {width:50px;height:50px;overflow:hidden;}
.socialimg img {width:50px;height:50px;}
@media screen and (max-width:580px)
{
	#bgsocial {width:100%;margin:0 auto;padding:5% 0;background:#404040;}
	#wrapsocial {width:90%;margin:0 5%;padding:0;}
	#socialhead {font-weight:600;font-size:18px;margin:0 auto;padding:0;color:#fff;text-align:center;}
	#socialrows {width:180px;margin:0 auto;}
	#social {width:50px;float:left;margin:0 5px;padding:0;}
	.socialimg {width:50px;height:50px;overflow:hidden;}
	.socialimg img {width:50px;height:50px;}
}
/* ================================================== */



/* KBLI PAGE */
#bgkblipage {width:100%;margin:0 auto;padding:50px 0;}
#wrapkblipage {width:580px;margin:0 auto;padding:0;}
#kblipage {width:470px;margin:0 10px 20px;float:left;background:#fff;border:1px solid #ddd}
#kblipagetop {margin:0 auto;padding:0;}
.kblipageimg {width:470px;height:313px;overflow:hidden;}
.kblipageimg img {width:470px;height:auto;-moz-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;-webkit-filter:grayscale(0);-webkit-filter:grayscale(0);filter:grayscale(0)}
.kblipageimg img:hover {width:100%;height:auto;-moz-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1);opacity:0.7;-webkit-filter:grayscale(1);-webkit-filter:grayscale(100%);filter:grayscale(100%)}
#kblipagemid {margin:0 auto;padding:20px;}
.kblipagetit {font-size:18px;}
.kblipagetit a {color:#05386B;}
.kblipagetit a:hover {color:#D71D2A;}
.kblipagedat {color:#999;font-size:13px;}
.kblipagedes {color:#000;padding-top:20px;}
#kblipagebot {margin:0 20;padding:10px 20px 20px;border-top:1px solid #ddd;}
.kblipagehit {width:50%;float:left;color:#999;font-size:13px;}
.kblipagemor {width:50%;float:left;text-align:right;font-size:13px;}
.kblipagemor a {color:#05386B;}
.kblipagemor a:hover {color:#D71D2A;text-decoration:underline;}
@media screen and (max-width:580px)
{
	
}
/* ================================================== */

/* ARTIKEL PAGE */
#bgartpage {width:100%;margin:0 auto;padding:50px 0;}
#boartpage {width:580px;margin:0 auto;padding:0;font-family:'Roboto', sans-serif;}
#artpagetop {width:100%;margin:0 auto;padding:0;text-align:center;}
#artpagetopmenu {width:auto;margin:0 auto 20px;padding:0;display:table;}
#artpagetopmenu ul li {list-style:none;margin:0 5px;padding:0;font-size:13px;font-family:'Roboto', sans-serif;text-transform:uppercase;float:left;}
#artpagebot {width:100%;margin:0 auto;padding:0;text-align:center;}
.artpagebotkat {font-weight:600;font-size:18px;font-family:'Roboto', sans-serif;}
.artpagebotimg {width:100px;height:100px;overflow:hidden;margin:0 auto 10px;padding:0;}
.artpagebotimg img {width:100%;height:auto;}
.artpagebottit {margin:0 auto 20px;padding:0;color:#D71D2A;}
.artpagebottit h1 {font-weight:600;font-size:30px;font-family:'Roboto', sans-serif;text-transform:uppercase;}
.artpagebotdes {margin:0 auto;padding:0;}
.artpagebotdes h2 {font-weight:400;font-size:20px;font-family:'Roboto', sans-serif;}
@media screen and (max-width:580px)
{
	
}
/* ======================================================= */



/* BLOG PAGE */
#bgblogpage {width:100%;margin:0 auto;padding:50px 0;background:#eee;}
#boblogpage {width:580px;margin:0 auto;padding:0;}
#blogpage {width:470px;margin:0 10px 20px;float:left;background:#fff;border:1px solid #ddd}
#blogpagetop {margin:0 auto;padding:0;}
.blogpageimg {width:470px;height:313px;overflow:hidden;}
.blogpageimg img {width:470px;height:auto;-moz-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;-webkit-filter:grayscale(0);-webkit-filter:grayscale(0);filter:grayscale(0)}
.blogpageimg img:hover {width:100%;height:auto;-moz-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1);opacity:0.7;-webkit-filter:grayscale(1);-webkit-filter:grayscale(100%);filter:grayscale(100%)}
#blogpagemid {margin:0 auto;padding:20px;}
.blogpagetit {font-weight:600;font-size:18px;}
.blogpagetit a {color:#007DBF;}
.blogpagetit a:hover {color:#D71D2A;}
.blogpagedat {color:#999;font-size:13px;}
.blogpagedes {color:#000;padding-top:20px;}
#blogpagebot {margin:0 20;padding:10px 20px 20px;border-top:1px solid #ddd;}
.blogpagemor {width:100%;float:left;text-align:right;font-size:13px;}
.blogpagemor a {color:#007DBF;}
.blogpagemor a:hover {color:#D71D2A;text-decoration:none;}
@media screen and (max-width:580px)
{
	
}
/* ================================================== */

/* BLOG LIST */
#bgbloglist {width:100%;margin:0 auto;padding:0;}
#bobloglist {width:auto;margin:0 auto;padding:0;}
#bloglisthead {font-weight:600;font-size:18px;margin-bottom:10px;padding:5px 10px;border:1px solid #ddd;text-align:left;background:#fff;color:#05386B;}
#bloglist {width:auto;margin:0 auto 10px;float:left;background:#fff;border:1px solid #ddd;}
#bloglisttop {margin:0 auto;padding:0;}
.bloglistimg {width:340;height:227px;overflow:hidden;}
.bloglistimg img {width:100%;height:auto;-moz-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;-webkit-filter:grayscale(0);-webkit-filter:grayscale(0);filter:grayscale(0)}
.bloglistimg img:hover {width:100%;height:auto;-moz-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1);opacity:0.7;-webkit-filter:grayscale(1);-webkit-filter:grayscale(100%);filter:grayscale(100%)}
#bloglistmid {margin:0 auto;padding:20px;}
.bloglisttit {font-size:18px;}
.bloglisttit a {color:#05386B;}
.bloglisttit a:hover {color:#D71D2A;}
.bloglistdat {color:#999;font-size:13px;}
.bloglistdes {margin:0 auto;padding-top:20px;}
#bloglistbot {margin:0 20px;padding:10px 0 20px;font-size:13px;border-top:1px solid #ddd;}
.bloglistmor {width:100%;float:left;text-align:right;}
.bloglistmor a {color:#05386B;}
.bloglistmor a:hover {color:#D71D2A;text-decoration:underline;}
@media screen and (max-width:580px)
{
	
}
/* ================================================== */

/* BLOG DETAILS */
#bgblogdetails {width:100%;margin:0 auto;padding:0;}
#boblogdetails {width:auto;margin:0 auto;padding:0;}
#blogdetails {margin:0 auto;padding:0;background:#fff;border:1px solid #ddd;}
#blogdetailstop {margin:0 auto;padding:20px;}
.blogdetailstit {margin:0 auto;padding:0;}
.blogdetailstit h1 {font-weight:400;font-size:20px;font-family:'Roboto', sans-serif;color:#05386B;}
.blogdetailsdat {font-size:13px;color:#999;}
.blogdetailssos {text-align:right;}
#blogdetailsmid {margin:0 auto;padding:0;}
.blogdetailsimg {width:100%;height:auto;overflow:hidden;}
.blogdetailsimg img {width:100%;height:auto;}
#blogdetailsbot {margin:0 auto;padding:20px;}
.blogdetailsdes {margin:0 auto;padding:0;}
.blogdetailsdes h2 {font-weight:400;font-size:15px;font-family:'Roboto', sans-serif;}
.blogdetailsdes ol {margin:0 0 0 18px;list-style:decimal;}
.blogdetailsdes ul {margin:0 0 0 18px;list-style:square;}
.blogdetailsdes li {color:#000;}
#blogdetailsfot {margin:0 20px;padding:10px 0 20px;font-size:13px;border-top:1px solid #ddd;}
.blogdetailshit {width:50%;float:left;color:#999;}
.blogdetailsaut {width:50%;float:left;color:#999;text-align:right;}
@media screen and (max-width:580px)
{
	
}
/* ================================================== */

/* CEK NAMA PT */
#bgptpagetop {width:100%;margin:0 auto;padding:50px 0;color:#fff;background:rgb(131,17,37);background:linear-gradient(45deg, rgba(131,17,37,1) 0%, rgba(177,23,49,1) 50%, rgba(223,29,61,1) 100%);}
#boptpagetop {width:580px;margin:0 auto;padding:0;}
#ptpagetop {margin:0 auto;padding:20px 0;}
#ptpagetopbox {margin:0 auto;padding:0;}
.ptpagetoptit {font-weight:600;font-size:30px;}
.ptpagetopdes {margin:0;padding:0;}
		
#bgptpagebot {width:100%;margin:0 auto;padding:50px 0;}
#boptpagebot {width:580px;margin:0 auto;padding:0;}		
#ptpagebot {margin:0 auto;padding:50px;background:#f9f9f9;-webkit-box-shadow:0px 5px 8px 0px rgba(0,0,0,0.3);-moz-box-shadow:0px 5px 8px 0px rgba(0,0,0,0.3);box-shadow:0px 5px 8px 0px rgba(0,0,0,0.3);}
#ptpagebotleft {width:49%;float:left;margin-right:2%;}
.ptpagebotlefthed {font-weight:600;font-size:20px;margin:0 auto 20px;padding:0;}
.ptpagebotlefttop {margin:0 auto;padding:0;}
.ptpagebotleftmid {margin:0 auto;padding:10px 0 20px;}
.ptpagebotleftbot {margin:0 auto;padding:0;}
#ptpagebotrite {width:49%;float:left;}
.ptpagebotritehed {font-weight:600;font-size:20px;margin:0 auto 20px;padding:0;}
.ptpagebotritetop {margin:0 auto;padding:0;}
.ptpagebotritemid {margin:0 auto;padding:0;}
.ptpagebotritebot {margin:0 auto;padding:0;}

.ptpagebotinput {font-weight:400;font-size:15px;font-family:'Roboto', sans-serif;width:96%;padding:2%;border:1px solid #ddd;box-sizing:border-box;background:#fff;border-radius:3px;color:#666;margin-bottom:5px;}
.ptpagebotinput:focus {border:1px solid #D71D2A;color:#000;}

#bgptpagefin {width:100%;margin:0 auto;padding:50px 0;}
#boptpagefin {width:580px;margin:0 auto;padding:0;}		
#ptpagefin {margin:0 auto;padding:50px;background:#f9f9f9;text-align:center;-webkit-box-shadow:0px 5px 8px 0px rgba(0,0,0,0.3);-moz-box-shadow:0px 5px 8px 0px rgba(0,0,0,0.3);box-shadow:0px 5px 8px 0px rgba(0,0,0,0.3);}
#ptpagefintop {width:auto;margin:0 auto;padding:0;}
#ptpagefintop img {width:100px;height:100px;overflow:hidden;}
#ptpagefinmid {}
#ptpagefinbot {}
@media screen and (max-width:580px)
{
	
}
/* ======================================================= */

/* SERVICES PAGE */
#bgservpage {width:100%;margin:0 auto;padding:50px 0;background:#f9f9f9;}
#boservpage {width:580px;margin:0 auto;padding:0;}
#heservpage {font-weight:600;font-size:25px;margin-bottom:20px;padding:0;text-align:center;color:#D71D2A;}
#servpage {width:318px;margin:0 5px 10px;float:left;background:#fff;border:1px solid #ddd}
#servpagetop {margin:0 auto;padding:0;}
.servpageimg {width:318px;height:212px;overflow:hidden;}
.servpageimg img {width:318px;height:212px;-moz-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;-webkit-filter:grayscale(0);-webkit-filter:grayscale(0);filter:grayscale(0)}
.servpageimg img:hover {width:100%;height:auto;-moz-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1);opacity:0.7;-webkit-filter:grayscale(1);-webkit-filter:grayscale(100%);filter:grayscale(100%)}
#servpagemid {margin:0 auto;padding:20px;}
.servpagetit {font-weight:600;font-size:18px;}
.servpagetit a {color:#007DBF;}
.servpagetit a:hover {color:#D71D2A;}
.servpagedes {color:#000;padding-top:20px;}
#servpagebot {margin:0 20;padding:10px 20px 20px;border-top:1px solid #ddd;}
.servpagemor {width:100%;float:left;text-align:right;font-size:13px;}
.servpagemor a {color:#fff;}
.servpagemor a:hover {color:#fff;}
@media screen and (max-width:580px)
{
	
}
/* ================================================== */

/* SERVICES HEADER */
#servcathedbg {width:100%;margin:0 auto;padding:50px 0;background:#f9f9f9;}
#servcathedbo {width:580px;margin:0 auto;padding:0;}
.servcathedtit {font-weight:600;font-size:25px;margin:0 auto;padding:0;text-align:center;color:#D71D2A;}
.servcatheddes {margin:0 auto;padding:0;text-align:center;}
@media screen and (max-width:580px)
{
	
}
/* ================================================== */

/* SERVICES DESCRIPTION */
#servcatdesbg {width:100%;margin:0 auto;padding:50px 0 0;}
#servcatdesbo {width:580px;margin:0 auto;padding:0;}
#servcatdesbox {margin:0 auto 20px;padding:0 0 20px;border-bottom:1px solid #eee;}
#servcatdeslef {width:100px;float:left;text-align:center;}
.servcatdesimg {width:100px;height:100px;overflow:hidden;}
.servcatdesimg img {width:100px;height:100px;}
#servcatdesrit {width:870px;float:left;margin-left:20px;}
.servcatdestit {font-weight:600;font-size:18px;margin:0 auto 10px;padding:0;}
.servcatdesdes {margin:0 auto;padding:0;}
.servcatdesdes ul li {margin-left:20px;padding:0;}
@media screen and (max-width:580px)
{
	
}
/* ================================================== */

/* SERVICES PRODUCT */
#bgservcatpro {width:100%;margin:0 auto;padding:50px 0;}
#boservcatpro {width:580px;margin:0 auto;padding:0;}
#boservcatprohor {width:auto;margin:0 auto;padding:0;display:table;}

/* 1ST MODEL */
#servcatpro {width:48%;margin:0 1% 2%;float:left;background:#fff;-webkit-box-shadow:0px 0px 2px 0px rgba(0,0,0,0.2);-moz-box-shadow:0px 0px 2px 0px rgba(0,0,0,0.2);box-shadow:0px 0px 2px 0px rgba(0,0,0,0.2);}
#servcatprotop {margin:0 auto;padding:0;}
.servcatproimg {width:100%;height:300px;overflow:hidden;}
.servcatproimg img {width:100%;height:auto;-moz-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;-webkit-filter:grayscale(0);-webkit-filter:grayscale(0);filter:grayscale(0)}
.servcatproimg img:hover {width:100%;height:auto;-moz-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1);opacity:0.7;-webkit-filter:grayscale(1);-webkit-filter:grayscale(100%);filter:grayscale(100%)}
#servcatpromid {margin:0 auto;padding:20px;}
.servcatprotit {font-weight:600;font-size:18px;}
.servcatprotit a {color:#007DBF;}
.servcatprotit a:hover {color:#D71D2A;}
.servcatprodes {color:#444;padding:20px 0;}
#servcatprobot {margin:0;padding:20px;background:#FCDBDE;}
.servcatprobotleft {width:50%;float:left;text-align:left;}
.servcatprobotrite {width:50%;float:left;text-align:right;font-weight:700;}
#servcatprofot {margin:0 20;padding:10px 20px;text-align:center;}

/* 2ND MODEL */
#servcatprohor {width:100%;margin:0 auto 20px;padding:0 0 20px;border-bottom:1px solid #ddd;background:#fff;}
#servcatprohorleft {width:300px;float:left;}
#servcatprohortop {margin:0 auto;padding:0;}
.servcatprohorimg {width:300px;height:200px;overflow:hidden;}
.servcatprohorimg img {width:300px;height:200px;-moz-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;}
.servcatprohorimg img:hover {width:100%;height:auto;-moz-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1);}
#servcatprohormidd {width:490px;float:left;}
#servcatprohormid {margin:0 auto;padding:0 20px;}
.servcatprohortit {margin:0 auto 20px;font-weight:700;color:#007DBF;font-size:25px;}
.servcatprohordes {margin:0;padding:0;}
.servcatprohordes li {margin-left:20px;}
#servcatprohorrite {width:200px;float:left;}
#servcatprohorbot {margin:0;padding:0 20px;}
.servcatprohorbottop {margin:0 auto 10px;padding:0;font-weight:700;font-size:20px;text-align:center;}
.servcatprohorbotbot {margin:0;padding:0;}
#servcatprohorfot {margin:0;padding:0;text-align:right;}
@media screen and (max-width:580px)
{
	
}
/* ================================================== */

/* SERVICES PRODUCT DETAILS DESCRIPTION */
#servcatprodesbg {width:100%;margin:0 auto;padding:50px 0 0;}
#servcatprodesbo {width:580px;margin:0 auto;padding:0;}
#servcatprodesbox {margin:0 auto 20px;padding:0 0 20px;border-bottom:1px solid #eee;}
#servcatprodeslef {width:400px;float:left;text-align:center;}
.servcatprodesimg {width:400px;height:auto;overflow:hidden;}
.servcatprodesimg img {width:400px;height:auto;}
#servcatprodesrit {width:570px;float:left;margin-left:20px;}
.servcatprodestit {font-weight:600;font-size:18px;margin:0 auto 10px;padding:0;}
.servcatprodesdes {margin:0 auto;padding:0;}
.servcatprodesdes ul li {margin-left:20px;padding:0;}
@media screen and (max-width:580px)
{
	
}
/* ================================================== */

/* SERVICES PRODUCT */
#bgservcatpropax {width:100%;margin:0 auto;padding:50px 0;}
#boservcatpropax {width:580px;margin:0 auto;padding:0 5px;}
#boservcatpropaxrow {width:100%;margin:0 auto;padding:0;display:table;}

/* 1ST MODEL */
#servcatpropax {width:235px;margin:0 5px 10px;float:left;background:#fff;-webkit-box-shadow:0px 0px 2px 0px rgba(0,0,0,0.2);-moz-box-shadow:0px 0px 2px 0px rgba(0,0,0,0.2);box-shadow:0px 0px 2px 0px rgba(0,0,0,0.2);}
#servcatpropaxmid {margin:0 auto;padding:20px;background:#831125;color:#fff;}
.servcatpropaxtit {font-weight:600;font-size:18px;}
.servcatpropaxdes {margin:0;padding:0;}
#servcatpropaxbot {margin:0 20;padding:10px 20px;background:#9A142B;color:#fff;text-align:right;}
#servcatpropaxfot {margin:0 20;padding:10px 20px;text-align:center;}
/* === */

/* 2ND MODEL */
#servcatpropaxhor {width:100%;margin:0 auto 20px;padding:0 0 20px;border-bottom:1px solid #ddd;background:#fff;}
#servcatpropaxhorleft {width:300px;float:left;}
#servcatpropaxhortop {margin:0 auto;padding:0;}
.servcatpropaxhorimg {width:100%;height:auto;overflow:hidden;}
.servcatpropaxhorimg img {width:100%;height:auto;-moz-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;}
.servcatpropaxhorimg img:hover {width:100%;height:auto;-moz-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1);}
#servcatpropaxhormidd {width:490px;float:left;}
#servcatpropaxhormid {margin:0 auto;padding:20px;background:#831125;color:#fff;}
.servcatpropaxhortit {font-weight:600;font-size:18px;}
.servcatpropaxhordes {margin:0;padding:0;}
#servcatpropaxhorrite {width:200px;float:left;}
#servcatpropaxhorbot {margin:0 20;padding:10px 20px;background:#9A142B;color:#fff;text-align:right;}
#servcatpropaxhorfot {margin:0 20;padding:10px 20px;text-align:center;}
/* === */

/* LISBOT:TITLE */
#servcatpropaxlisbot {margin:0;padding:10px;}
#servcatpropaxlisbot li {list-style:url('../images/icons/icon__availables.png');margin-left:20px;margin-bottom:5px;padding:0 0 5px;border-bottom:1px solid #eee;}
#servcatpropaxlisbot li:last-child {list-style:url('../images/icons/icon__availables.png');margin-left:20px;margin-bottom:0;padding:0;border-bottom:none;}

#servcatpropaxhorlisbot {margin:0;padding:10px;}
#servcatpropaxhorlisbot li {list-style:url('../images/icons/icon__availables.png');margin-left:20px;margin-bottom:5px;padding:0 0 5px;border-bottom:1px solid #eee;}
#servcatpropaxhorlisbot li:last-child {list-style:url('../images/icons/icon__availables.png');margin-left:20px;margin-bottom:0;padding:0;border-bottom:none;}
@media screen and (max-width:580px)
{
	
}
/* ================================================== */

/* SERVICES LIST */
#bgservlist {width:100%;margin:0 auto;padding:0 0 50px;}
#boservlist {width:580px;margin:0 auto;padding:0;}
#heservlist {font-weight:600;font-size:25px;margin-bottom:20px;padding:0;text-align:center;color:#D71D2A;}
#servlist {width:100%;margin-bottom:5px;padding-bottom:5px;border-bottom:1px solid #eee;}
#servlistleft {width:60%;float:left;margin:0 auto;padding:5px 0;}
.servlistlefttit {font-weight:600;text-align:left;}
.servlistleftdes#div {font-weight:400;font-size:13px;}
#servlistmidd {width:20%;float:left;margin:0 auto;padding:5px 0;text-align:right;}
#servlistmidd span {font-weight:600;}
#servlistrite {width:20%;float:left;margin:0 auto;padding:0;text-align:right;}
@media screen and (max-width:580px)
{
	
}
/* ================================================== */



.tooltip {position:relative;display:inline-block;}
.tooltip .tooltiptext {visibility:hidden;width:335px;background-color:#007DBF;color:#fff;text-align:left;border-radius:3px;padding:10px;
/* Position the tooltip */
position:absolute;z-index:1;top:100%;left:50%;margin-left:-60px;}
.tooltip:hover .tooltiptext {visibility:visible;}
@media screen and (max-width:580px)
{
	
}
/* ================================================== */


/* SERVICES FORM */
#bgservform {width:100%;margin:0 auto;padding:50px 0;border-bottom:1px solid #ddd;}
#boservform {width:580px;margin:0 auto;padding:0;}
#heservform {margin:0 auto 20px;padding:0;}
.heservformtit {margin:0;padding:0;font-weight:700;font-size:18px;}
.heservformdes {margin:0;padding:0;color:#222;}

#servform {margin:0 auto;padding:0;}
#servformrow {margin:0 auto 10px;padding:0;}
.servformlabel {width:30%;float:left;margin:5px 0;}
.servforminput {width:70%;float:left;margin:0;padding:8px;background:#F1F5F7;color:#253544;border-radius:2px;border:1px solid #ccc;box-sizing:border-box;transition:all 0.3s ease 0s;display:table-cell;}

.servformedits {width:70%;float:left;}
.servformedits input {width:100%;margin:0;padding:8px;color:#253544;border-radius:2px;border:1px solid #ddd;box-sizing:border-box;transition:all 0.3s ease 0s;display:table-cell;}
.servformedits input:focus {border:1px solid #EC4B48;}

.servformedits textarea {width:100%;margin-bottom:0px;color:#253544;padding:10px;border-radius:3px;border:1px solid #ddd;box-sizing:border-box;font-size:13px;font-family:'Roboto Condensed', sans-serif;transition:all 0.3s ease 0s;display:table-cell;}
.servformedits textarea:focus {border: 1px solid #EC4B48;}
@media screen and (max-width:580px)
{
	
}
/* ================================================== */

/* ======================================================= START OF PAGES DETAILS ======================================================= */
/* PAGES DETAILS */
#bgpages {width:100%;margin:0 auto;padding:50px 0;}
#wrappages {width:580px;margin:0 auto;padding:0;font-family:'Roboto', sans-serif;}

#pagestop {width:100%;margin:0 auto;padding:0;text-align:center;}
#pagestopmenu {width:auto;margin:0 auto 10px;padding:0;display:table;}
#pagestopmenu ul li {list-style:none;margin:0 5px;padding:0;font-family:'Roboto', sans-serif;float:left;}
#pagesbot {width:100%;float:left;}

#pagesleft {width:270px;float:left;margin-right:20px;}
#pagesright {width:700px;float:left;padding:0;}
.pagesnoimage {width:700px;height:150px;overflow:hidden;}
.pagesnoimage img {width:700px;height:150px;}
.pagesimage {width:700px;height:auto;overflow:hidden;}
.pagesimage img {width:700px;height:auto;}
.pagestitle {margin:0 auto 20px;padding:0;color:#FF6800;}
.pagestitle h1 {font-weight:600;font-size:20px;font-family:'Roboto', sans-serif;}
.pagesdesc {margin:0;padding:0;}
.pagesdesc h2 {font-size:15px;}
.pagesdesc a {color:#FF6800;}
.pagesdesc a:hover {color:#05386B;}
.pagesdesc ul li {list-style:square;margin-left:20px;padding-left:10px;}
.pagessosmed {padding-top:20px;margin-top:20px;border-top:1px solid #ddd;text-align:center;}
.pagessosmedtext {margin-bottom:5px;}
@media screen and (max-width:580px)
{
	#bgpages {width:100%;margin:0 auto;padding:5% 0;}
	#wrappages {width:90%;margin:0 5%;padding:0;font-family:'Roboto', sans-serif;}
	#pagesleft {width:100%;float:left;margin-right:0;margin-bottom:5%;}
	#pagesright {width:100%;float:left;padding:0;}
	.pagesnoimage {width:100%;height:auto;overflow:hidden;}
	.pagesnoimage img {width:100%;height:auto;}
	.pagesimage {width:100%;height:auto;overflow:hidden;}
	.pagesimage img {width:100%;height:auto;}
	.pagestitle {margin:0 auto 20px;padding:0;color:#FF6800;}
	.pagestitle h1 {font-weight:600;font-size:20px;font-family:'Roboto', sans-serif;}
	.pagesdesc {margin:0;padding:0;}
	.pagesdesc h2 {font-size:15px;}
	.pagesdesc a {color:#FF6800;}
	.pagesdesc a:hover {color:#05386B;}
	.pagesdesc ul li {list-style:square;margin-left:20px;padding-left:10px;}
	.pagessosmed {padding-top:20px;margin-top:20px;border-top:1px solid #ddd;text-align:center;}
	.pagessosmedtext {margin-bottom:5px;}
}
/* ======================================================= */

/* MENU SIDE */
#menuside {margin:0 auto;}
#menuside ul li {list-style:none;margin-bottom:5px;padding:5px 10px;background:#f9f9f9;font-family:'Roboto', sans-serif;}
#menuside ul li a {color:#05386B;}
#menuside ul li a:hover {color:#FF6800;}
#menuside ul li a.active {color:#D71D2A;}
@media screen and (max-width:580px)
{
	#menuside {margin:0 auto;}
	#menuside ul li {list-style:none;margin-bottom:5px;padding:5px 10px;background:#f9f9f9;font-family:'Roboto', sans-serif;}
	#menuside ul li a {color:#05386B;}
	#menuside ul li a:hover {color:#FF6800;}
	#menuside ul li a.active {color:#D71D2A;}
}
/* ======================================================= */
/* ======================================================= END OF PAGES DETAILS ======================================================= */


/* DEATILS BERITA & AGENDA */
#detailsback {width:100%;margin:0 auto;padding:50px 0;background:#eee;}
#detailswrap {width:580px;margin:0 auto;padding:0;}
#detailsleft {width:640px;float:left;margin-right:10px;padding:0;}
#detailsrite {width:340px;float:left;padding:0;}
@media screen and (max-width:580px)
{
	#detailsback {width:100%;margin:0 auto;padding:5% 0;background:#eee;}
	#detailswrap {width:90%;margin:0 5%;padding:0;}
	#detailsleft {width:100%;float:left;margin-right:0;margin-bottom:5%;padding:0;}
	#detailsrite {width:100%;float:left;padding:0;}
}
/* ======================================================= */


/* ======================================================= START OF BERITA ======================================================= */
/* BERITA PAGE */
#bgberitapage {width:100%;margin:0 auto;padding:50px 0;background:#eee;}
#wrapberitapage {width:580px;margin:0 auto;padding:0;}
#beritapage {width:470px;margin:0 10px 20px;float:left;background:#fff;border:1px solid #ddd}
#beritapagetop {margin:0 auto;padding:0;}
.beritapageimg {width:470px;height:313px;overflow:hidden;}
.beritapageimg img {width:470px;height:auto;-moz-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;-webkit-filter:grayscale(0);-webkit-filter:grayscale(0);filter:grayscale(0)}
.beritapageimg img:hover {width:100%;height:auto;-moz-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1);opacity:0.7;-webkit-filter:grayscale(1);-webkit-filter:grayscale(100%);filter:grayscale(100%)}
#beritapagemid {margin:0 auto;padding:20px;}
.beritapagetit {font-size:18px;}
.beritapagetit a {color:#05386B;}
.beritapagetit a:hover {color:#D71D2A;}
.beritapagedat {color:#999;font-size:13px;}
.beritapagedes {color:#000;padding-top:20px;}
#beritapagebot {margin:0 20;padding:10px 20px 20px;border-top:1px solid #ddd;}
.beritapagehit {width:50%;float:left;color:#999;font-size:13px;}
.beritapagemor {width:50%;float:left;text-align:right;font-size:13px;}
.beritapagemor a {color:#05386B;}
.beritapagemor a:hover {color:#D71D2A;text-decoration:underline;}
@media screen and (max-width:580px)
{
	#bgberitapage {width:100%;margin:0 auto;padding:5% 0;background:#eee;}
	#wrapberitapage {width:90%;margin:0 5%;padding:0;}
	#beritapage {width:100%;margin:0 0 5%;float:left;background:#fff;border:1px solid #ddd}
	#beritapagetop {margin:0 auto;padding:0;}
	.beritapageimg {width:100%;height:auto;overflow:hidden;}
	.beritapageimg img {width:100%;height:auto;-moz-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;-webkit-filter:grayscale(0);-webkit-filter:grayscale(0);filter:grayscale(0)}
	.beritapageimg img:hover {width:100%;height:auto;-moz-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1);opacity:0.7;-webkit-filter:grayscale(1);-webkit-filter:grayscale(100%);filter:grayscale(100%)}
	#beritapagemid {margin:0 auto;padding:20px;}
	.beritapagetit {font-size:18px;}
	.beritapagetit a {color:#05386B;}
	.beritapagetit a:hover {color:#D71D2A;}
	.beritapagedat {color:#999;font-size:13px;}
	.beritapagedes {color:#000;padding-top:20px;}
	#beritapagebot {margin:0 20;padding:10px 20px 20px;border-top:1px solid #ddd;}
	.beritapagehit {width:50%;float:left;color:#999;font-size:13px;}
	.beritapagemor {width:50%;float:left;text-align:right;font-size:13px;}
	.beritapagemor a {color:#05386B;}
	.beritapagemor a:hover {color:#D71D2A;text-decoration:underline;}
}
/* ================================================== */

/* BERITA DETAILS */
#bgberitadetails {width:100%;margin:0 auto;padding:0;}
#wrapberitadetails {width:auto;margin:0 auto;padding:0;}
#beritadetails {margin:0 auto;padding:0;background:#fff;border:1px solid #ddd;}
#beritadetailstop {margin:0 auto;padding:20px;}
.beritadetailstit {margin:0 auto;padding:0;}
.beritadetailstit h1 {font-weight:400;font-size:20px;font-family:'Roboto', sans-serif;color:#05386B;}
.beritadetailsdat {font-size:13px;color:#999;}
.beritadetailssos {text-align:right;}
#beritadetailsmid {margin:0 auto;padding:0;}
.beritadetailsimg {width:100%;height:auto;overflow:hidden;}
.beritadetailsimg img {width:100%;height:auto;}
#beritadetailsbot {margin:0 auto;padding:20px;}
.beritadetailsdes {margin:0 auto;padding:0;}
.beritadetailsdes h2 {font-weight:400;font-size:15px;font-family:'Roboto', sans-serif;}
.beritadetailsdes ol {margin:0 0 0 18px;list-style:decimal;}
.beritadetailsdes ul {margin:0 0 0 18px;list-style:square;}
.beritadetailsdes li {color:#000;}
#beritadetailsfot {margin:0 20px;padding:10px 0 20px;font-size:13px;border-top:1px solid #ddd;}
.beritadetailshit {width:50%;float:left;color:#999;}
.beritadetailsaut {width:50%;float:left;color:#999;text-align:right;}
@media screen and (max-width:580px)
{
	
}
/* ================================================== */

/* BERITA LIST */
#bgberitalist {width:100%;margin:0 auto;padding:0;}
#wrapberitalist {width:auto;margin:0 auto;padding:0;}
#beritalisthead {font-weight:600;font-size:18px;margin-bottom:10px;padding:5px 10px;border:1px solid #ddd;text-align:left;background:#fff;color:#05386B;}
#beritalist {width:auto;margin:0 auto 10px;float:left;background:#fff;border:1px solid #ddd;}
#beritalisttop {margin:0 auto;padding:0;}
.beritalistimg {width:340;height:227px;overflow:hidden;}
.beritalistimg img {width:100%;height:auto;-moz-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;-webkit-filter:grayscale(0);-webkit-filter:grayscale(0);filter:grayscale(0)}
.beritalistimg img:hover {width:100%;height:auto;-moz-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1);opacity:0.7;-webkit-filter:grayscale(1);-webkit-filter:grayscale(100%);filter:grayscale(100%)}
#beritalistmid {margin:0 auto;padding:20px;}
.beritalisttit {font-size:18px;}
.beritalisttit a {color:#05386B;}
.beritalisttit a:hover {color:#D71D2A;}
.beritalistdat {color:#999;font-size:13px;}
.beritalistdes {margin:0 auto;padding-top:20px;}
#beritalistbot {margin:0 20px;padding:10px 0 20px;font-size:13px;border-top:1px solid #ddd;}
.beritalisthit {width:50%;float:left;color:#999;}
.beritalistmor {width:50%;float:left;color:#999;text-align:right;}
.beritalistmor a {color:#05386B;}
.beritalistmor a:hover {color:#D71D2A;text-decoration:underline;}
@media screen and (max-width:580px)
{
	
}
/* ================================================== */

/* BERITA POPULER */
#bgberitapop {width:100%;margin:0 auto;padding:50px 0;background:#f9f9f9;}
#wrapberitapop {width:580px;margin:0 auto;padding:0;}
#beritapophed {font-weight:600;font-size:18px;margin-bottom:10px;padding:5px 10px;border:1px solid #ddd;text-align:left;background:#fff;color:#05386B;}
#beritapop {width:318px;margin:0 5px;float:left;background:#fff;border:1px solid #ddd}
#beritapoptop {margin:0 auto;padding:0;}
.beritapopimg {width:318px;height:212px;overflow:hidden;}
.beritapopimg img {width:318px;height:212px;-moz-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;-webkit-filter:grayscale(0);-webkit-filter:grayscale(0);filter:grayscale(0)}
.beritapopimg img:hover {width:100%;height:auto;-moz-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1);opacity:0.7;-webkit-filter:grayscale(1);-webkit-filter:grayscale(100%);filter:grayscale(100%)}
#beritapopmid {margin:0 auto;padding:20px;}
.beritapoptit {font-size:18px;}
.beritapoptit a {color:#05386B;}
.beritapoptit a:hover {color:#D71D2A;}
.beritapopdat {color:#999;font-size:13px;}
.beritapopdes {color:#000;padding-top:20px;}
#beritapopbot {margin:0 20;padding:10px 20px 20px;border-top:1px solid #ddd;}
.beritapophit {width:50%;float:left;color:#999;font-size:13px;}
.beritapopmor {width:50%;float:left;text-align:right;font-size:13px;}
.beritapopmor a {color:#05386B;}
.beritapopmor a:hover {color:#D71D2A;text-decoration:underline;}
@media screen and (max-width:580px)
{
	#bgberitapop {width:100%;margin:0 auto;padding:5% 0;background:#f9f9f9;}
	#wrapberitapop {width:90%;margin:0 5%;padding:0;}
	#beritapophed {font-weight:600;font-size:18px;margin-bottom:10px;padding:5px 10px;border:1px solid #ddd;text-align:left;background:#fff;color:#05386B;}
	#beritapop {width:100%;margin:0 0 5%;float:left;background:#fff;border:1px solid #ddd}
	#beritapoptop {margin:0 auto;padding:0;}
	.beritapopimg {width:100%;height:auto;overflow:hidden;}
	.beritapopimg img {width:100%;height:auto;-moz-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;-webkit-filter:grayscale(0);-webkit-filter:grayscale(0);filter:grayscale(0)}
	.beritapopimg img:hover {width:100%;height:auto;-moz-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1);opacity:0.7;-webkit-filter:grayscale(1);-webkit-filter:grayscale(100%);filter:grayscale(100%)}
	#beritapopmid {margin:0 auto;padding:20px;}
	.beritapoptit {font-size:18px;}
	.beritapoptit a {color:#05386B;}
	.beritapoptit a:hover {color:#D71D2A;}
	.beritapopdat {color:#999;font-size:13px;}
	.beritapopdes {color:#000;padding-top:20px;}
	#beritapopbot {margin:0 20;padding:10px 20px 20px;border-top:1px solid #ddd;}
	.beritapophit {width:50%;float:left;color:#999;font-size:13px;}
	.beritapopmor {width:50%;float:left;text-align:right;font-size:13px;}
	.beritapopmor a {color:#05386B;}
	.beritapopmor a:hover {color:#D71D2A;text-decoration:underline;}
}
/* ================================================== */
/* ======================================================= END OF BERITA ======================================================= */

/* KONTAK KAMI */
#bgcontact {width:100%;margin:0 auto;padding:50px 0;}
#contact {width:580px;margin:0 auto;padding:0;}
#contactleft {width:450px;float:left;margin-right:20px;}
#contactright {width:510px;float:left;}

#bgmodleft {width:100%;margin:0 auto;}
#modleft {width:450px;float:left;padding:0;margin-bottom:20px;background:#fff;}
.modlefttitle {font:bold 20px 'Roboto';color:#05386B;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #ddd;}
.modleftdesc {font-weight:400;font-size:15px;font-family:'Roboto', sans-serif;color:#000;padding:5px 0;}
.modleftdesc a {color:#D71D2A;}
.modleftdesc table {line-height:1.6;}
.modleftdesc table tr td {padding:5px;}
@media screen and (max-width:580px)
{
	#bgcontact {width:100%;margin:0 auto;padding:50px 0;}
	#contact {width:90%;margin:0 5%;padding:0;}
	#contactleft {width:100%;float:left;margin-right:0;}
	#contactright {width:100%;float:left;}

	#bgmodleft {width:100%;margin:0 auto;}
	#modleft {width:100%;float:left;padding:0;margin-bottom:20px;background:#fff;}
	.modlefttitle {font:bold 20px 'Roboto';color:#05386B;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #ddd;}
	.modleftdesc {font-weight:400;font-size:15px;font-family:'Roboto', sans-serif;color:#000;padding:5px 0;}
	.modleftdesc a {color:#D71D2A;}
	.modleftdesc table {line-height:1.6;}
	.modleftdesc table tr td {padding:5px;}
}
/* ======================================================= */

/* MAPS */
#bgmaps {width:100%;height:200px;margin:0 auto;padding:0;clear:both;}
@media screen and (max-width:580px)
{
	#bgmaps {width:100%;height:200px;margin:0 auto;padding:0;clear:both;}
}
/* ======================================================= */

/* FORM EMAIL */
#bgemailform {margin:0 auto;padding:0;clear:both}
.formcontact {font-weight:400;font-size:15px;font-family:'Roboto', sans-serif;width:96%;padding:2%;border:none;background:#eee;border-radius:3px;color:#666;margin-bottom:5px;}
.formcontact:focus {background:#eee;color:#000;}
@media screen and (max-width:580px)
{
	#bgemailform {margin:0 auto;padding:0;clear:both}
	.formcontact {font-weight:400;font-size:15px;font-family:'Roboto', sans-serif;width:94%;padding:3%;border:none;background:#eee;border-radius:3px;color:#666;margin-bottom:5px;}
	.formcontact:focus {background:#eee;color:#000;}
}
/* ======================================================= */

/* ERROR PAGES */
#bgerror {width:100%;margin:0 auto;padding:50px 0;}
#wraperror {width:580px;margin:0 auto;padding:0;text-align:center;}
.errortitle {color:#000;clear:both;}
.errortitle h1 {font-size:50px;font-family:'Roboto', sans-serif;font-weight:600;color:#05386B;margin-bottom:20px;padding-bottom:20px;border-bottom:2px dotted #ddd;}
.errordesc {margin:0;padding:0;}
.errordesc h2 {font-size:18px;}
@media screen and (max-width:580px)
{
	#bgerror {width:100%;margin:0 auto;padding:50px 0;}
	#wraperror {width:90%;margin:0 5%;padding:0;text-align:center;}
	.errortitle {color:#000;clear:both;}
	.errortitle h1 {font-size:50px;font-family:'Roboto', sans-serif;font-weight:600;color:#05386B;margin-bottom:20px;padding-bottom:20px;border-bottom:2px dotted #ddd;}
	.errordesc {margin:0;padding:0;}
	.errordesc h2 {font-size:18px;}
}
/* ======================================================= */

/* TEXT */
#bgtext {margin:0 auto 20px;padding:0;}
.texttitle {font-size:18px;color:#05386B;}
.textdesc {color:#666;}
@media screen and (max-width:580px)
{
	#bgtext {margin:0 auto 20px;padding:0;}
	.texttitle {font-size:18px;color:#05386B;}
	.textdesc {color:#666;}
}
/* ======================================================= */

/* HASIL PENCARIAN */
#resultinfo {margin:0 auto 20px;padding:0 0 5px;border-bottom:1px solid #eee;}
#searchpage {margin-bottom:10px;}
.searchpagetitle {font-size:18px;}
.searchpagetitle a {color:#05386B;}
.searchpagedesc {font-size:15px;color:#666;}
@media screen and (max-width:580px)
{
	#resultinfo {margin:0 auto 20px;padding:0 0 5px;border-bottom:1px solid #eee;}
	#searchpage {margin-bottom:10px;}
	.searchpagetitle {font-size:18px;}
	.searchpagetitle a {color:#05386B;}
	.searchpagedesc {font-size:15px;color:#666;}
}
/* ======================================================= */

/* ACCOUNT PAGE */
#bgaccountpage {width:100%;margin:0 auto;padding:20px 0;}
#wrapaccountpage {width:580px;margin:0 auto;padding:0;}
#wrapaccountacti {width:580px;margin:0 auto;padding:0 0 15%;}
#accountpagehead {text-align:center;margin-bottom:30px;}
#accountpagetitle {font-family:'Lato', sans-serif;font-size:30px;}
#accountpagedesc {font-size:15px;}
#accountpagelogin {width:500px;margin:0 auto;padding:20px;border:1px solid #ddd;}
#accountpageregister {width:500px;margin:0 auto;padding:20px;border:1px solid #ddd;}
@media screen and (max-width:580px)
{
	#bgaccountpage {width:100%;margin:0 auto;padding:5% 0;}
	#wrapaccountpage {width:100%;margin:0 auto;padding:0;}
	#wrapaccountacti {width:100%;margin:0 auto;padding:25% 0;}
	#accountpagehead {text-align:center;margin-bottom:30px;}
	#accountpagetitle {font-family:'Lato', sans-serif;font-size:30px;}
	#accountpagedesc {font-size:15px;}
	#accountpageregister {width:90%;margin:0 auto;padding:5%;border:1px solid #ddd;}
	#accountpagelogin {width:90%;margin:0 auto;padding:5%;border:1px solid #ddd;}
} 
/* ======================================================= */

/* FORM */
#bgformlogin {margin:0 auto;padding:0;}
#bgformregistration {margin:0 auto;padding:0;}

#bgboxforms {width:100%;margin:0 auto;}
#boxforms {padding:0;}
#boxformshead {color:#000;margin-bottom:20px;padding:0;}
#boxformstitle {font-family:'Roboto', sans-serif;font-size:15px;font-weight:600;text-align:left;border-bottom:2px solid #ddd;}
#boxformsdesc {padding:10px 0;margin:0;color:#000;}

#boxformsbodi {margin:20px 0 0;}
#boxformsrow {margin:10px 0;}
#boxformslabel {width:100%;float:left;padding:0;text-align:left;}

#boxformsinput {width:100%;float:left;padding:0;text-align:left;color:#000;background:#fff;}
#boxformsinput input {border:none;border:1px solid #ccc;font:15px 'Roboto';padding:2%;width:96%;text-align:left;color:#666;background:#fff;box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset;transition:border 0.2s linear 0s, box-shadow 0.2s linear 0s;border-radius:2px;}
#boxformsinput input:focus {border-color:rgba(82, 168, 236, 0.8);box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);outline:0 none;}

#boxformsinput select {border:none;border:1px solid #ccc;font:15px 'Roboto';padding:2%;width:100%;text-align:left;color:#666;background:#fff;box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset;transition:border 0.2s linear 0s, box-shadow 0.2s linear 0s;border-radius:2px;}

#boxformsresult {width:96%;float:left;padding:2%;text-align:left;background:#fff;color:#D71D2A;}

.isiform {border:none;border:1px solid #ccc;font:15px 'Roboto';padding:2%;width:96%;text-align:left;background-color:#ffffff;box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset;transition:border 0.2s linear 0s, box-shadow 0.2s linear 0s;border-radius:2px;color:#D71D2A;}
#boxformsnote {text-align:left;}

#boxformsdate {width:96%;float:left;padding:2%;text-align:left;background:#fff;}
#boxformsdate select {border:none;border:1px solid #ccc;font:15px 'Roboto';padding:1.5%;width:20%;text-align:left;background-color:#ffffff;box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset;transition:border 0.2s linear 0s, box-shadow 0.2s linear 0s;border-radius:2px;color:#999;}
#boxformsdate select.tglinput {width:15%;}
#boxformsdate select.blninput {width:30%;}
#boxformsdate select.thninput {width:16%;}
#boxformslabels {width:47.3%;float:left;padding:0;margin:1%;}


#boxformsfooter {margin:0 auto;padding:10px;font-size:15px;background:#FFCCCC;}
#boxformsfooter a {color:#D71D2A;}
#boxformsfooter a:hover {color:#000;}
#boxformsfooter ul {padding-left:15px;list-style:square;}
@media screen and (max-width:580px)
{
	#bgformlogin {margin:0 auto;padding:0;}
	#bgformregistration {margin:0 auto;padding:0;}

	#bgboxforms {width:100%;margin:0 auto;}
	#boxforms {padding:0;}
	#boxformshead {color:#000;margin-bottom:20px;padding:0;}
	#boxformstitle {font-size:18px;text-align:left;}
	#boxformssubtitle {font-size:15px;text-align:center;background:#ddd;padding:1%;margin:2% 0;}

	#boxformsbodi {margin:0;}
	#boxformsrow {margin:10px 0;}
	#boxformslabel {width:100%;float:left;padding:0;text-align:left;}
	
	#boxformsinput {width:100%;float:left;padding:0;text-align:left;color:#000;background:#fff;}
	#boxformsinput input {border:none;border:1px solid #ccc;font:15px 'Roboto';padding:4%;width:92%;text-align:left;color:#666;background:#fff;box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset;transition:border 0.2s linear 0s, box-shadow 0.2s linear 0s;border-radius:2px;}
	#boxformsinput input:focus {border-color:rgba(82, 168, 236, 0.8);box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);outline:0 none;}
	
	#boxformsinput select {border:none;border:1px solid #ccc;font:15px 'Roboto';padding:4%;width:100%;text-align:left;color:#666;background:#fff;box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset;transition:border 0.2s linear 0s, box-shadow 0.2s linear 0s;border-radius:2px;}
	
	#boxformsresult {width:94%;float:left;padding:3%;text-align:left;background:#fff;color:#D71D2A;}

	.isiform {border:none;border:1px solid #ccc;font:15px 'Roboto';padding:2%;width:96%;text-align:left;background-color:#ffffff;box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset;transition:border 0.2s linear 0s, box-shadow 0.2s linear 0s;border-radius:2px;color:#D71D2A;}
	#boxformsnote {text-align:left;}

	#boxformsdate {width:96%;float:left;padding:2%;text-align:left;background:#fff;}
	#boxformsdate select {border:none;border:1px solid #ccc;font:15px 'Roboto';padding:1.5%;width:20%;text-align:left;background-color:#ffffff;box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset;transition:border 0.2s linear 0s, box-shadow 0.2s linear 0s;border-radius:2px;color:#999;}
	#boxformsdate select.tglinput {width:15%;}
	#boxformsdate select.blninput {width:30%;}
	#boxformsdate select.thninput {width:16%;}
	#boxformslabels {width:47.3%;float:left;padding:0;margin:1%;}


	#boxformsfooter {margin:0 auto;padding:10px;background:#FFCCCC;}
	#boxformsfooter a {color:#D71D2A;}
	#boxformsfooter a:hover {color:#000;}
	#boxformsfooter ul {padding-left:15px;list-style:square;} 
}
/* ======================================================= */

/* CONFIRM PAGE */
#bgconfirmpage {margin:0 auto;padding:20px 0;text-align:center;background:#fff;}
.confirmimg {width:100px;height:100px;overflow:hidden;margin:0 auto;}
.confirmimg img {width:100px;height:100px;}
.confirmtitle {font-size:20px;padding:10px 0;}
.confirmdesc {font-size:15px;padding:0 250px;}
.confirmdesc a {color:#AD71D2A00;}
.confirmdesc a:hover {color:#000;}
@media screen and (max-width:580px)
{
	#bgconfirmpage {margin:0 auto;padding:20px 0;text-align:center;background:#fff;}
	.confirmimg {width:100%;height:auto;overflow:hidden;margin:0 auto;}
	.confirmimg img {width:20%;height:auto;}
	.confirmtitle {font-size:20px;padding:10px 0;}
	.confirmdesc {font-size:15px;padding:0 5%;}
	.confirmdesc a {color:#AD71D2A00;}
	.confirmdesc a:hover {color:#000;}
}
/* ======================================================= */

/* PROFIL */
#bgprofiltext {width:100%;margin:20px auto;padding:0;}
#wrapprofiltext {width:950px;margin:0 auto;padding:20px;background:#D4EDFF;border-radius:3px;}
#bgprofil {width:100%;margin:20px auto;padding:0;}
#wrapprofil {width:948px;margin:0 auto;padding:20px;border:1px solid #ddd;}
#profilleft {width:158px;float:left;margin-right:20px;}
#profilleftimg {width:158px;height:158px;overflow:hidden;}
#profilleftimg img {width:158px;height:158px;}
#profilcenter {width:550px;float:left;margin-right:20px;}
#profilcenterbox {margin-bottom:1px;padding-bottom:1px;border-bottom:1px solid #eee;}
#profilcentername {font-size:20px;color:#05386B;}
#profilcenterlabel {width:150px;float:left;padding:5px 0;}
#profilcentervalue {width:400px;float:left;padding:5px 0;color:#05386B;}
#profilcenteredit {width:400px;float:left;padding:5px 0;}
#profilcenteredit input {border:none;font:15px 'Roboto';padding:5px 0;width:100%;text-align:left;color:#666;background:#fff;border-radius:2px;}
#profilcenteredit input:focus {color:#05386B;}
#profilcenteredit select {border:none;font:15px 'Roboto';padding:5px 0;width:100%;text-align:left;color:#666;background:#fff;border-radius:2px;}
#profilcenteredit select:focus {color:#05386B;}
#profilcentereditselect select {border:none;font:15px 'Roboto';padding:5px 0;width:auto;text-align:left;color:#666;background:#fff;border-radius:2px;}
#profilright {width:200px;float:left;}
#profilrightbutton {text-align:center;margin-bottom:5px;}
@media screen and (max-width:580px)
{
	#bgprofiltext {width:100%;margin:20px auto;padding:0;}
	#wrapprofiltext {width:90%;margin:0 auto;padding:5%;background:#D4EDFF;border-radius:3px;}
	#bgprofil {width:100%;margin:10px auto;padding:0;}
	#wrapprofil {width:84%;margin:0 5%;padding:3%;border:1px solid #ddd;}
	#profilleft {width:100%;float:left;margin-right:0;}
	#profilleftimg {width:100%;height:auto;overflow:hidden;}
	#profilleftimg img {width:100%;height:auto;}
	#profilcenter {width:100%;float:left;margin:5% 0;}
	#profilcenterbox {margin-bottom:1px;padding-bottom:1px;border-bottom:1px solid #eee;}
	#profilcentername {font-size:20px;color:#05386B;}
	#profilcenterlabel {width:100%;float:left;padding:5px 0;color:#666;}
	#profilcentervalue {width:100%;float:left;padding:5px 0;color:#05386B;}
	#profilcenteredit {width:100%;float:left;padding:5px 0;}
	#profilcenteredit input {border:none;font:15px 'Roboto';padding:5px 0;width:100%;text-align:left;color:#990000;background:#fff;border-radius:2px;}
	#profilcenteredit input:focus {color:#05386B;}
	#profilcenteredit select {border:none;border-bottom:1px solid #ccc;font:15px 'Roboto';padding:5px 0;width:100%;text-align:left;color:#990000;background:#fff;border-radius:2px;}
	#profilcenteredit select:focus {color:#05386B;}
	#profilright {width:100%;float:left;}
	#profilrightbutton {text-align:center;margin-bottom:5px;}
}
/* ======================================================= */

/* PANEL */
#bgpanel {width:100%;margin:20px auto;padding:0;}
#bopanel {width:580px;margin:20px auto;padding:0;}
#hepanel {margin:0 auto;padding:10px;background:#05386B;color:#fff;}
#copanel {width:958px;margin:0 auto;padding:15px;border:1px solid #ddd;}
#panel {width:298px;float:left;padding:10px;text-align:center;}
#panelimg {margin:0;padding:0;}
#paneltitle {font-size:18px;font-weight:600;color:#05386B;}
#paneldesc {color:#666;margin-bottom:10px;}
@media screen and (max-width:580px)
{
	#bgpanel {width:100%;margin:20px auto;padding:0;}
	#bopanel {width:90%;margin:5% auto;padding:0;}
	#hepanel {margin:0 auto;padding:10px;background:#05386B;color:#fff;}
	#copanel {width:84%;margin:0 auto;padding:3%;border:1px solid #ddd;}
	#panel {width:96%;float:left;padding:2% 2% 5%;margin-bottom:2%;border-bottom:1px solid #eee;text-align:center;}
	#panelimg {margin:0;padding:0;}
	#paneltitle {font-size:18px;font-weight:600;color:#05386B;}
	#paneldesc {color:#666;margin-bottom:10px;}
}
/* ======================================================= */

/* FORM POSTING */
#bgorder {width:100%;margin:20px auto;padding:0;}
#boorder {width:948px;margin:0 auto;padding:20px;border:1px solid #ddd;}
#ordertitle {margin:0 auto;padding:10px;background:#05386B;color:#fff;}
#orderbox {margin:0 auto;padding:0;border-bottom:1px solid #ddd;}
#orderboxtitle {margin:5px auto;padding:10px 0 5px;color:#05386B;font-weight:bold;border-bottom:1px solid #05386B;}
#orderboxlabel {width:30%;float:left;padding:5px 0;}
#orderboxvalue {width:66%;float:left;margin:5px 0;padding:0;text-align:left;color:#D71D2A;}
#orderboxbuton {margin:0 auto;padding:10px 0;}
@media screen and (max-width:580px)
{
	#bgorder {width:100%;margin:20px auto;padding:0;}
	#boorder {width:83.5%;margin:0 5%;padding:3%;border:1px solid #ddd;}
	#ordertitle {width:84%;margin:0 5%;padding:3%;background:#05386B;color:#fff;text-align:center;}
	#orderbox {margin:0 auto;padding:0;border-bottom:1px solid #ddd;}
	#orderboxtitle {margin:5px auto;padding:10px 0 5px;color:#05386B;font-weight:bold;border-bottom:1px solid #05386B;}
	#orderboxlabel {width:100%;float:left;padding:5px 0;font-weight:600;}
	#orderboxvalue {width:92%;float:left;margin:5px 0;padding:4%;text-align:left;color:#D71D2A;background:#f9f9f9;border-radius:2px;}
	#orderboxbuton {margin:0 auto;padding:10px 0;text-align:center;}
}
/* ======================================================= */

/* === AUTO BUTTON === */
.autobutton {background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #D71D2A), color-stop(1, #D71D2A));background:-moz-linear-gradient(top, #D71D2A 5%, #D71D2A 100%);background:-webkit-linear-gradient(top, #D71D2A 5%, #D71D2A 100%);background:-o-linear-gradient(top, #D71D2A 5%, #D71D2A 100%);background:-ms-linear-gradient(top, #D71D2A 5%, #D71D2A 100%);background:linear-gradient(to bottom, #D71D2A 5%, #D71D2A 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#D71D2A', endColorstr='#D71D2A',GradientType=0);background-color:#D71D2A;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;border:0px solid #dcdcdc;display:inline-block;cursor:pointer;color:#fff;font-family:'Roboto', sans-serif;font-size:15px;padding:5px 30px;text-decoration:none;}
.autobutton:hover {background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #C81A37), color-stop(1, #C81A37));background:-moz-linear-gradient(top, #C81A37 5%, #C81A37 100%);background:-webkit-linear-gradient(top, #C81A37 5%, #C81A37 100%);background:-o-linear-gradient(top, #C81A37 5%, #C81A37 100%);background:-ms-linear-gradient(top, #C81A37 5%, #C81A37 100%);background:linear-gradient(to bottom, #C81A37 5%, #C81A37 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#C81A37', endColorstr='#C81A37',GradientType=0);background-color:#C81A37;}
.autobutton:active {position:relative;top:1px;}
@media screen and (max-width:580px)
{
	.autobutton {background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #D71D2A), color-stop(1, #D71D2A));background:-moz-linear-gradient(top, #D71D2A 5%, #D71D2A 100%);background:-webkit-linear-gradient(top, #D71D2A 5%, #D71D2A 100%);background:-o-linear-gradient(top, #D71D2A 5%, #D71D2A 100%);background:-ms-linear-gradient(top, #D71D2A 5%, #D71D2A 100%);background:linear-gradient(to bottom, #D71D2A 5%, #D71D2A 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#D71D2A', endColorstr='#D71D2A',GradientType=0);background-color:#D71D2A;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;border:0px solid #dcdcdc;display:inline-block;cursor:pointer;color:#fff;font-family:'Roboto', sans-serif;font-size:15px;padding:5px 30px;text-decoration:none;none;}
	.autobutton:hover {background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #C81A37), color-stop(1, #C81A37));background:-moz-linear-gradient(top, #C81A37 5%, #C81A37 100%);background:-webkit-linear-gradient(top, #C81A37 5%, #C81A37 100%);background:-o-linear-gradient(top, #C81A37 5%, #C81A37 100%);background:-ms-linear-gradient(top, #C81A37 5%, #C81A37 100%);background:linear-gradient(to bottom, #C81A37 5%, #C81A37 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#C81A37', endColorstr='#C81A37',GradientType=0);background-color:#C81A37;}
	.autobutton:active {position:relative;top:1px;}
}
/* ======================================================= */

/* === BORDER BUTTON === */
.borderbutton {background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #D71D2A), color-stop(1, #D71D2A));background:-moz-linear-gradient(top, #D71D2A 5%, #D71D2A 100%);background:-webkit-linear-gradient(top, #D71D2A 5%, #D71D2A 100%);background:-o-linear-gradient(top, #D71D2A 5%, #D71D2A 100%);background:-ms-linear-gradient(top, #D71D2A 5%, #D71D2A 100%);background:linear-gradient(to bottom, #D71D2A 5%, #D71D2A 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#D71D2A', endColorstr='#D71D2A',GradientType=0);background-color:#D71D2A;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;border:0px solid #dcdcdc;display:inline-block;cursor:pointer;color:#fff;font-family:'Roboto', sans-serif;font-size:15px;padding:5px 20px;text-decoration:none;border:2px solid #fff;}
.borderbutton:hover {background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #C81A37), color-stop(1, #C81A37));background:-moz-linear-gradient(top, #C81A37 5%, #C81A37 100%);background:-webkit-linear-gradient(top, #C81A37 5%, #C81A37 100%);background:-o-linear-gradient(top, #C81A37 5%, #C81A37 100%);background:-ms-linear-gradient(top, #C81A37 5%, #C81A37 100%);background:linear-gradient(to bottom, #C81A37 5%, #C81A37 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#C81A37', endColorstr='#C81A37',GradientType=0);background-color:#C81A37;}
.borderbutton:active {position:relative;top:1px;}
@media screen and (max-width:580px)
{
	.borderbutton {background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #D71D2A), color-stop(1, #D71D2A));background:-moz-linear-gradient(top, #D71D2A 5%, #D71D2A 100%);background:-webkit-linear-gradient(top, #D71D2A 5%, #D71D2A 100%);background:-o-linear-gradient(top, #D71D2A 5%, #D71D2A 100%);background:-ms-linear-gradient(top, #D71D2A 5%, #D71D2A 100%);background:linear-gradient(to bottom, #D71D2A 5%, #D71D2A 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#D71D2A', endColorstr='#D71D2A',GradientType=0);background-color:#D71D2A;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;border:0px solid #dcdcdc;display:inline-block;cursor:pointer;color:#fff;font-family:'Roboto', sans-serif;font-size:15px;padding:5px 20px;text-decoration:none;none;border:2px solid #fff;}
	.borderbutton:hover {background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #C81A37), color-stop(1, #C81A37));background:-moz-linear-gradient(top, #C81A37 5%, #C81A37 100%);background:-webkit-linear-gradient(top, #C81A37 5%, #C81A37 100%);background:-o-linear-gradient(top, #C81A37 5%, #C81A37 100%);background:-ms-linear-gradient(top, #C81A37 5%, #C81A37 100%);background:linear-gradient(to bottom, #C81A37 5%, #C81A37 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#C81A37', endColorstr='#C81A37',GradientType=0);background-color:#C81A37;}
	.borderbutton:active {position:relative;top:1px;}
}
/* ======================================================= */

/* === FULL BUTTON === */
.fullbutton {background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #05386B), color-stop(1, #05386B));background:-moz-linear-gradient(top, #05386B 5%, #05386B 100%);background:-webkit-linear-gradient(top, #05386B 5%, #05386B 100%);background:-o-linear-gradient(top, #05386B 5%, #05386B 100%);background:-ms-linear-gradient(top, #05386B 5%, #05386B 100%);background:linear-gradient(to bottom, #05386B 5%, #05386B 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#05386B', endColorstr='#05386B',GradientType=0);background-color:#05386B;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;border:0px solid #dcdcdc;display:inline-block;cursor:pointer;color:#fff;font-family:'Roboto', sans-serif;font-size:15px;padding:5px 0;text-decoration:none;width:100%;} 
.fullbutton:hover {background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0162A2), color-stop(1, #0162A2));background:-moz-linear-gradient(top, #0162A2 5%, #0162A2 100%);background:-webkit-linear-gradient(top, #0162A2 5%, #0162A2 100%);background:-o-linear-gradient(top, #0162A2 5%, #0162A2 100%);background:-ms-linear-gradient(top, #0162A2 5%, #0162A2 100%);background:linear-gradient(to bottom, #0162A2 5%, #0162A2 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0162A2', endColorstr='#0162A2',GradientType=0);background-color:#0162A2;}
.fullbutton:active {position:relative;top:1px;}
@media screen and (max-width:580px)
{
	.fullbutton {background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #05386B), color-stop(1, #05386B));background:-moz-linear-gradient(top, #05386B 5%, #05386B 100%);background:-webkit-linear-gradient(top, #05386B 5%, #05386B 100%);background:-o-linear-gradient(top, #05386B 5%, #05386B 100%);background:-ms-linear-gradient(top, #05386B 5%, #05386B 100%);background:linear-gradient(to bottom, #05386B 5%, #05386B 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#05386B', endColorstr='#05386B',GradientType=0);background-color:#05386B;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;border:0px solid #dcdcdc;display:inline-block;cursor:pointer;color:#fff;font-family:'Roboto', sans-serif;font-size:15px;padding:5px 0;text-decoration:none;width:100%;} 
	.fullbutton:hover {background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0162A2), color-stop(1, #0162A2));background:-moz-linear-gradient(top, #0162A2 5%, #0162A2 100%);background:-webkit-linear-gradient(top, #0162A2 5%, #0162A2 100%);background:-o-linear-gradient(top, #0162A2 5%, #0162A2 100%);background:-ms-linear-gradient(top, #0162A2 5%, #0162A2 100%);background:linear-gradient(to bottom, #0162A2 5%, #0162A2 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0162A2', endColorstr='#0162A2',GradientType=0);background-color:#0162A2;}
	.fullbutton:active {position:relative;top:1px;}
}
/* ======================================================= */

/* === POST BUTTON === */
.postbutton {background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #05386B), color-stop(1, #05386B));background:-moz-linear-gradient(top, #05386B 5%, #05386B 100%);background:-webkit-linear-gradient(top, #05386B 5%, #05386B 100%);background:-o-linear-gradient(top, #05386B 5%, #05386B 100%);background:-ms-linear-gradient(top, #05386B 5%, #05386B 100%);background:linear-gradient(to bottom, #05386B 5%, #05386B 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#05386B', endColorstr='#05386B',GradientType=0);background-color:#05386B;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;border:0px solid #dcdcdc;display:inline-block;cursor:pointer;color:#fff;font-family:'Roboto', sans-serif;font-size:15px;padding:5px 20px;text-decoration:none;}
.postbutton:hover {background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0162A2), color-stop(1, #0162A2));background:-moz-linear-gradient(top, #0162A2 5%, #0162A2 100%);background:-webkit-linear-gradient(top, #0162A2 5%, #0162A2 100%);background:-o-linear-gradient(top, #0162A2 5%, #0162A2 100%);background:-ms-linear-gradient(top, #0162A2 5%, #0162A2 100%);background:linear-gradient(to bottom, #0162A2 5%, #0162A2 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0162A2', endColorstr='#0162A2',GradientType=0);background-color:#0162A2;}
.postbutton:active {position:relative;top:1px;}
@media screen and (max-width:580px)
{
	.postbutton {background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #05386B), color-stop(1, #05386B));background:-moz-linear-gradient(top, #05386B 5%, #05386B 100%);background:-webkit-linear-gradient(top, #05386B 5%, #05386B 100%);background:-o-linear-gradient(top, #05386B 5%, #05386B 100%);background:-ms-linear-gradient(top, #05386B 5%, #05386B 100%);background:linear-gradient(to bottom, #05386B 5%, #05386B 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#05386B', endColorstr='#05386B',GradientType=0);background-color:#05386B;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;border:0px solid #dcdcdc;display:inline-block;cursor:pointer;color:#fff;font-family:'Roboto', sans-serif;font-size:15px;padding:5px 20px;text-decoration:none;}
	.postbutton:hover {background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0162A2), color-stop(1, #0162A2));background:-moz-linear-gradient(top, #0162A2 5%, #0162A2 100%);background:-webkit-linear-gradient(top, #0162A2 5%, #0162A2 100%);background:-o-linear-gradient(top, #0162A2 5%, #0162A2 100%);background:-ms-linear-gradient(top, #0162A2 5%, #0162A2 100%);background:linear-gradient(to bottom, #0162A2 5%, #0162A2 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0162A2', endColorstr='#0162A2',GradientType=0);background-color:#0162A2;}
	.postbutton:active {position:relative;top:1px;}
}
/* ======================================================= */



/* === BACK BUTTON === */
.backbutton {background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #666666), color-stop(1, #666666));background:-moz-linear-gradient(top, #666666 5%, #666666 100%);background:-webkit-linear-gradient(top, #666666 5%, #666666 100%);background:-o-linear-gradient(top, #666666 5%, #666666 100%);background:-ms-linear-gradient(top, #666666 5%, #666666 100%);background:linear-gradient(to bottom, #666666 5%, #666666 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#666666',GradientType=0);background-color:#666666;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;border:0px solid #dcdcdc;display:inline-block;cursor:pointer;color:#fff;font-family:'Roboto', sans-serif;font-size:15px;padding:5px 0;text-decoration:none;width:100%;} 
.backbutton:hover {background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #444444), color-stop(1, #444444));background:-moz-linear-gradient(top, #444444 5%, #444444 100%);background:-webkit-linear-gradient(top, #444444 5%, #444444 100%);background:-o-linear-gradient(top, #444444 5%, #444444 100%);background:-ms-linear-gradient(top, #444444 5%, #444444 100%);background:linear-gradient(to bottom, #444444 5%, #444444 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#444444',GradientType=0);background-color:#444444;}
.backbutton:active {position:relative;top:1px;}
@media screen and (max-width:580px)
{
	.backbutton {background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #666666), color-stop(1, #666666));background:-moz-linear-gradient(top, #666666 5%, #666666 100%);background:-webkit-linear-gradient(top, #666666 5%, #666666 100%);background:-o-linear-gradient(top, #666666 5%, #666666 100%);background:-ms-linear-gradient(top, #666666 5%, #666666 100%);background:linear-gradient(to bottom, #666666 5%, #666666 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#666666',GradientType=0);background-color:#666666;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;border:0px solid #dcdcdc;display:inline-block;cursor:pointer;color:#fff;font-family:'Roboto', sans-serif;font-size:15px;padding:5px 0;text-decoration:none;width:100%;} 
	.backbutton:hover {background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #444444), color-stop(1, #444444));background:-moz-linear-gradient(top, #444444 5%, #444444 100%);background:-webkit-linear-gradient(top, #444444 5%, #444444 100%);background:-o-linear-gradient(top, #444444 5%, #444444 100%);background:-ms-linear-gradient(top, #444444 5%, #444444 100%);background:linear-gradient(to bottom, #444444 5%, #444444 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#444444',GradientType=0);background-color:#444444;}
	.backbutton:active {position:relative;top:1px;}
}
/* ======================================================= */

/* === BORDER BUTTON === */
.memberbutton {background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fff), color-stop(1, #fff));background:-moz-linear-gradient(top, #fff 5%, #fff 100%);background:-webkit-linear-gradient(top, #fff 5%, #fff 100%);background:-o-linear-gradient(top, #fff 5%, #fff 100%);background:-ms-linear-gradient(top, #fff 5%, #fff 100%);background:linear-gradient(to bottom, #fff 5%, #fff 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#fff',GradientType=0);background-color:#fff;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;display:inline-block;cursor:pointer;color:#fff;font-family:'Roboto', sans-serif;font-size:13px;padding:0 20px;text-decoration:none;border:1px solid #D71D2A;}
.memberbutton:hover {background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #C81A37), color-stop(1, #C81A37));background:-moz-linear-gradient(top, #C81A37 5%, #C81A37 100%);background:-webkit-linear-gradient(top, #C81A37 5%, #C81A37 100%);background:-o-linear-gradient(top, #C81A37 5%, #C81A37 100%);background:-ms-linear-gradient(top, #C81A37 5%, #C81A37 100%);background:linear-gradient(to bottom, #C81A37 5%, #C81A37 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#C81A37', endColorstr='#C81A37',GradientType=0);background-color:#C81A37;}
.memberbutton:active {position:relative;top:1px;}
@media screen and (max-width:580px)
{
	.memberbutton {background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fff), color-stop(1, #fff));background:-moz-linear-gradient(top, #fff 5%, #fff 100%);background:-webkit-linear-gradient(top, #fff 5%, #fff 100%);background:-o-linear-gradient(top, #fff 5%, #fff 100%);background:-ms-linear-gradient(top, #fff 5%, #fff 100%);background:linear-gradient(to bottom, #fff 5%, #fff 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#fff',GradientType=0);background-color:#fff;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;display:inline-block;cursor:pointer;color:#fff;font-family:'Roboto', sans-serif;font-size:13px;padding:0 20px;text-decoration:none;border:1px solid #D71D2A;}
	.memberbutton:hover {background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #C81A37), color-stop(1, #C81A37));background:-moz-linear-gradient(top, #C81A37 5%, #C81A37 100%);background:-webkit-linear-gradient(top, #C81A37 5%, #C81A37 100%);background:-o-linear-gradient(top, #C81A37 5%, #C81A37 100%);background:-ms-linear-gradient(top, #C81A37 5%, #C81A37 100%);background:linear-gradient(to bottom, #C81A37 5%, #C81A37 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#C81A37', endColorstr='#C81A37',GradientType=0);background-color:#C81A37;}
	.memberbutton:active {position:relative;top:1px;}
}
/* ======================================================= */