body {
  background: #fff none repeat scroll 0 0;
  color: #444444;
  font-family: trebuchet ms;
  font-size: 14px;
  line-height: 1.5;
  margin: 0 auto;
  padding: 0;
}
body.member {
  background: none repeat scroll 0 0 #eee;
}
iframe {
  border: medium none;
}
.crop {
	height: 65px;
	overflow: hidden;
}
.top {
background: none repeat scroll 0 0 #334444;
  color: #9cc800;
  overflow: hidden;
  padding: 80px 0;
  position: relative;
  text-align: center;
}
.linkmap li a {
  display: block;
  padding: 10px;
}
.linkmap li {
  border-bottom: 1px solid #cccccc;
}
.linkmap .levelsatu {
  background: #eeeeee none repeat scroll 0 0;
  font-size: 20px;
  font-weight: bold;
  text-transform: uppercase;
}
.more-alumni:hover {
	background: #0b5d1f;
	color: #fff;
}
.more-alumni {
	background: #eee;
	color: #444;
	padding: 10px;
	display: block;
	text-align: center;
	font-size: 20px;
	text-transform: uppercase;
}
h1, h2, h3, h4 {
  color: #333333;
  line-height: normal;
  font-size: 20px;
  margin:0 auto;
}
h2 {
  color: #1d74ad;
  font-size: 24px;
}
h2.head {
  color: #333;
}
.foto img {
  display: block;
  height: 145px;
  margin: 0 auto;
  position: relative;
  text-align: center;
}
#outer-wrapper {
  background: none repeat scroll 0 0 transparent;
  margin: 0 auto;
  max-width: none;
  padding: 0;
  text-align: left;
  width: auto;
}
.inner, .menu-wrapper {
  margin: 0 auto;
  max-width: 1122px;
  position: relative;
}
.mainnews .inner,.board .inner {
  background: #ffffff none repeat scroll 0 0;
  overflow: hidden;
  padding: 10px;
}
.board .main-wrapper,.board .boardbottom {
  margin: 0 auto;
}
.menu-wrapper {
  margin: 8px auto;
}
.menu-wrapper ul {
  margin: 0 auto;
  padding: 0;
  text-align: center;
}
.menu-wrapper li {
  display: inline-block;
}
.menu-wrapper li a {
  display: block;
  padding: 10px;
}
.usermenu .inner {
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
}
#bottom-wrapper .inner {
  margin: 30px auto 0;
  padding: 20px 0;
  position: relative;
}
a {
  color: #0b5d1f;
  text-decoration: none;
}
.headerbox {
	float: none;
	margin: 0 auto;
	max-width: none;
	overflow: hidden;
	padding: 20px 0;
	position: relative;
	width: 100%;
	z-index: 1000;
}
.tops {
	overflow: hidden;
	display: none;
}
.topleft {
  float: left;
}
.topright {
  color: #666666;
  float: right;
}
.tops ul {
  list-style: outside none none;
  margin: 0 auto;
  padding: 0;
}
.tops li {
  display: inline-block;
}
.tops li a {
  color: #666666;
  display: block;
  padding: 5px;
}
span.date {
	font-size: 11px;
}
/*Slider*/
.slider {
	float: none;
	height: 422px;
	position: relative;
	width: auto;
	margin-top: 9px;
}
.navi {
  bottom: 0;
  margin: 0 auto;
  padding: 0;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 1000;
}
.navi a {
  color: #ffffff;
  display: inline-block;
  padding: 3px 4px;
}
.rslides_nav.rslides2_nav.prev, .rslides_nav.rslides2_nav.next {
  background: #333333 none repeat scroll 0 0;
  margin: 1px;
}
.slider h1 {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
  bottom: 0;
  color: #FFFFFF;
  margin: 0;
  padding: 10px;
  position: absolute;
}
.rslides {
  list-style: outside none none;
  margin: 0;
  max-width: none;
  overflow: hidden;
  padding: 0;
  position: relative;
  width: 100%;
}
.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }
.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }
.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
.rslides_tabs {
display:none;
  overflow: hidden;
  position: absolute;
  right: 10px;
  top: 0;
  z-index: 1000;
}
.rslides_tabs li {
  background: none repeat scroll 0 0 #CCCCCC;
  float: left;
  list-style: none outside none;
  margin: 1px;
  padding: 10px;
}
.rslides_tabs li.rslides_here {
  background: none repeat scroll 0 0 #333333;
}
.welcome {
  border-radius: 5px;
  float: none;
  margin: 0 auto 5px;
  padding: 0;
  width: auto;
}
.welcome > h1 {
  color: #eee;
  font-family: "Trebuchet MS";
  font-size: 22px;
  font-weight: normal;
  margin: 0 auto 5px;
  text-transform: capitalize;
}
.welcome ul, .feature ul{
  margin: 10px;
  padding: 0;
}
.welcome li,.feature li {
  border-bottom: 1px solid #CCCCCC;
  font-size: 14px;
  margin: 2px 20px;
  padding: 10px 5px;
}
.midle-wrapper {
  background: none repeat scroll 0 0 transparent;
  margin: 0 auto;
  overflow: hidden;
  padding: 80px 20px;
}
.feature {
  background: none repeat scroll 0 0 #FFFFFF;
  clear: both;
  overflow: hidden;
  padding: 0;
}
.portofolio {
  border-bottom: 2px solid #9cc800;
  border-radius: 10px;
  border-top: 2px double #9cc800;
  margin: 0 0 20px;
  overflow: hidden;
  padding: 20px 0;
  position: relative;
  width: auto;
}
.feature .widget {
  display: inline-block;
  float: left;
  margin: 0 0 20px;
  overflow: hidden;
  width: 50%;
}
.feature h1 {
  background: none repeat scroll 0 0 #9cc800;
  color: #FFFFFF;
  font-size: 20px;
  margin: 10px 0;
  padding: 10px;
  text-transform: capitalize;
}
.feature > h2 {
  background: none repeat scroll 0 0 #333333;
  border-radius: 10px 10px 0 0;
  color: #FFFFFF;
  margin: 0 8px;
  padding: 10px;
}
.outer {
    background: none repeat scroll 0 0 #FFFFFF;
    margin:10px auto;
    width:740px;
	min-height: 700px;
}
#content-wrapper {
	clear: both;
	margin: 0 auto;
	min-height: 0;
	overflow: hidden;
	padding: 0;
	position: relative;
	width: auto;
}
.breadcrumb {
  background: none repeat scroll 0 0 #EEEEEE;
  font-size: 12px;
  margin: 5px 0;
  padding: 10px;
  text-transform: capitalize;
}
.main-wrapper {
  clear: both;
  float: none;
  margin: 0 auto 10px;
  padding: 0;
  width: auto;
}
.main-wrapper .inner {
	padding: 20px;
}
.post-title {
  font-size: 12px;
  margin: 0 auto;
  text-transform: capitalize;
}
.post h2.post-title {
  height: 20px;
  overflow: hidden;
}
h1.post-title {
  clear: both;
  font-size: 20px;
  font-weight: normal;
  line-height: normal;
  margin: 0 auto 10px;
  overflow: hidden;
}
.post .user {
  font-size: 11px;
}
.content {
  float: none;
  padding: 20px;
  width: auto;
}
.video-content {
  padding: 13px;
}
.forgotpass {
  border: 2px dashed #fff;
  font-family: "Trebuchet MS";
  font-size: 16px;
  margin: 0 auto;
  max-width: none;
  padding: 20px;
  width: auto;
}
.datmember ol {
  margin: 0;
  max-height: 400px;
  overflow: auto;
  padding: 0 18px;
}
.forgotpass input.text {
  padding: 10px;
}
.forgotpass input.submit {
  cursor: pointer;
  padding: 8px;
}
table, .table {
border: 1px solid #CCCCCC;
border-collapse: collapse;
width:100%;
}
.table.noborder, .table.noborder td, .table.noborder tr {
  border: medium none;
}
.table tr {
border-bottom: 1px solid #DDDDDD;
margin: 0;
padding: 0;
}
.table tr:nth-child(odd) {
  background: none repeat scroll 0 0 #EEEEEE;
}
.table tr.title {
  background: #ffffb2 none repeat scroll 0 0;
  font-size: 18px;
  font-weight: bold;
  text-transform: capitalize;
}
.table .alamat {
  width: 400px;
}
table td,.table td {
border-right: 1px solid #DDDDDD;
margin: 0;
padding: 5px 10px;
}
.table tr.title td {
}
.table a {
  text-decoration: none;
}
/*Table Style 2*/
.table.dua .feature {
  background: none repeat scroll 0 0 #FDFDBF;
}
.table.dua tr:nth-child(2n+1){
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);}
.table.dua tr.title {
  background: none repeat scroll 0 0 #0061A5;
  color: #FFFFFF;
  text-transform: uppercase;
}
.table.dua .feature-title {
  background: none repeat scroll 0 0 #F4F4F4;
  width: 200px;
}
/*Table download*/
table.download {
  background: none repeat scroll 0 0 #EEEEEE;
  margin: 10px 0;
  padding: 10px;
}
table.download td.title {
  font-weight: bold;
}
table.download .td_left {
  width: 50px;
}
table.download .td_dot {
  width: 5px;
}
table.download td.logo img {
  margin-right: 10px;
  overflow: hidden;
  width: 90px;
}
.upload-file {
  background: none repeat scroll 0 0 #EEEEEE;
  margin: 0 0 20px;
  padding: 20px;
}
.upload-file ol {
  margin: 10px 0 0;
  padding: 0 0 0 20px;
}
.upload-file li {
  background: none repeat scroll 0 0 rgba(255, 255, 255, 0.7);
  margin: 5px 0;
  padding: 5px;
}
.upload-file li a {
  color: #000000;
  display: block;
  text-decoration: none;
}
#sidebar-wrapper{
 background: none repeat scroll 0 0 transparent;
    float: right;
    margin: 0;
    overflow: hidden;
    width: 300px;
    word-wrap: break-word;
}
.terbaru {
    color: #566666;
    float: none;
    font-size: 20px;
    overflow: hidden;
    padding: 5px;
    text-transform: capitalize;
    width: auto;
}
.terbaru .hleft {
    float: left;
}
.terbaru .hright {float: left;
    padding: 0 15px;}
.terbaru .hright h2 {
    display: none;
}
.terbaru .hright ul {
    margin: 0;
    overflow: hidden;
    padding: 0;
}
.terbaru li a {
    color: #333333;
    display: block;
    font-size: 12px;
    padding: 5px 10px;
}
.terbaru .hright li {
    border: medium none;
    float: left;
    list-style: none outside none;
}
.post-home {
  border-radius: 10px;
  float: left;
  font-size: 14px;
  height: 222px;
  margin: 10px;
  overflow: hidden;
  padding: 0;
  position: relative;
  width: 200px;
}
.portofolio li {padding:0;margin:0;}
.post {
  background: transparent none repeat scroll 0 0;
  border-bottom: 1px solid #ccc;
  float: none;
  font-size: 14px;
  height: auto;
  margin: 20px auto;
  overflow: hidden;
  padding: 0 0 20px;
  position: relative;
  width: auto;
}
.des {
  overflow: hidden;
}
.post h2.title a {
  font-family: trebuchet ms;
}
.post-info {
  color: #888888;
  font-size: 13px;
  font-style: italic;
  margin: 0 auto;
  padding: 0 5px;
}
.left-content .thum {
  float: none;
  margin: 0 auto;
  width: auto;
  text-align: center;
}
.left-content .thum img {
  width: 100%;
}
.post .read-more {
  color: #000;
  font-size: 12px;
  font-weight: bold;
}
.post .author {display:none;
  font-size: 12px;
  font-weight: bold;
}
.post h2.title {
  margin: 0 auto 10px;
  padding: 0;
  text-transform: capitalize;
}
.post-body-home{
    margin: 0;
    overflow: hidden;
}
.post .thumb {
  float: left;
  margin-right: 15px;
  max-height: 140px;
  max-width: 140px;
  overflow: hidden;
}
.post-body {
border: 0 solid #FFFFFF;
    color: #000000;
    line-height: 1.6em;
    margin: 0;
    overflow: hidden;
    padding: 0;
}
.post-body h1 {
  font-size: 20px;
}
.post-body-home:hover{
    color: #EEEEEE;
    line-height: 1.6em;
    margin: 0;
    overflow: hidden;
}
.post-home img {
  border: 0 none;
  float: left;
  height: auto;
  margin: 0;
  padding: 0;
  width: 100%;
}
.post img {
  border: 0 none;
  float: left;
  margin: 0;
  padding: 0;
  width: 100%;
}
.post .thumb img {
  display: block;
  float: none;
}
.post .thumbs img {
  border-radius: 6px;
}
.left-content .banner {
	background: #eee;
	width: 100%;
	margin: auto auto 10px;
}
.left-content .banner img {
	display: block;
}
.sidebar .catatan-alumni {
	margin: 0 auto 10px;
	background: url("../images/batik.jpg");
	position: relative;
}
.catatan-alumni::after {
	background: #DDC213;
	opacity: 0.9;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	content: "";
}
.sidebar .catatan-alumni a {
	display: block;
	padding: 20px;
	color: #333;
	position: relative;
	z-index: 1;
}
.sidebar .form-alumni {
	padding: 0;
	margin: 0 auto 10px;
	color: #fff;
	font-size: 16px;
	background-image: url("../images/batik.jpg");
	position: relative;
}
.sidebar .form-alumni::after {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: #055c95;
	opacity: 0.9;
}
.sidebar .form-alumni a {
	color: #DDC213;
	cursor: pointer;
	display: block;
}
.form-alumni .inn {
	padding: 20px;
	z-index: 1;
	position: relative;
}
.sidebar .form-alumni h2 {
	border: none;
	padding: 0;
	margin: 0 auto;
	color: #fff;
	padding: 20px;
	z-index: 1;
	position: relative;
}
.sidebar .catatan-alumni a, .sidebar .form-alumni h2 {
font-size: 26px;
font-weight: bold;
}
.sidebar .form-alumni h2 span.arow {
	float: right;
	font-size: 16px;
	width:15px;
}
.sidebar .form-alumni input[type="text"], .form-alumni input[type="password"], .form-alumni select {
	width: 94%;
	padding: 3%;
	border: none;
	border-radius: 3px;
	margin-bottom: 10px;
}
.sidebar .form-alumni input[type="submit"] {
	padding: 5px 10px;
	font-size: 16px;
	font-weight: bold;
	cursor: pointer;
}
.alumni-list {
	overflow: hidden;
}
.alumni-list .detail {
	background: #DDC213;
	color: #fff;
	padding: 2px 10px;
	display: inline-block;
	font-size: 12px;
}
.alumni-list .list {
	display: inline-block;
	text-align: left;
	width: 100%;
	max-width: 49%;
	margin: auto auto 10px;
	padding: 5px 0;
	background: #f4f4f4;
}
.list-detail .foto {
	float: left;
	max-width: 250px;
	width: 100%;
	margin-right: 20px;
}
.list-detail .details {
	margin-left: 270px;
}
.alumni-list .list:nth-child(2n+1) {
	margin-right: 1%;
	float: left;
}
.alumni-list .list:nth-child(2n+2) {
	float: right;
}
.alumni-list .list .details {
	font-size: 16px;
	line-height: normal;
}
.alumni-list .list .foto {
	padding: 5px 10px 5px;
	float: left;
	max-width: 90px;
	width: 100%;
	position: relative;
}
.alumni-list .list .foto::after {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}
.alumni-list .nama {
	font-size: 16px;
	text-transform: uppercase;
	font-weight: bold;
}
.alumni-list .foto img {
	height: auto;
	width: 100%;
}
.pegawai .pegawai-list {
  display: inline-block;
  max-width: 224px;
  vertical-align: top;
  width: 100%;
}
.pegawai-list .foto {
  background: #ffffff none repeat scroll 0 0;
  height: 225px;
  margin: 5px;
  overflow: hidden;
  padding: 10px 10px 0;
}
.pegawai-list .foto img {
  height: auto;
  width: 100%;
}
.widget.staff {
	display: none;
}
.widget.article .other-article {
  border-bottom: 1px solid #eeeeee;
  display: block;
  margin: 0 auto 10px;
  overflow: hidden;
  padding: 0 0 10px;
}
.widget.article .other-article a {
	color: #333333;
	font-size: 16px;
	font-weight: normal;
}
.widget.article .thumbs {
  float: left;
  margin-right: 10px;
  width: 70px;
}
.widget.article .thumbs img {
  display: block;
  width: 100%;
}
.widget.article  .date {
  color: #666666;
  font-size: 12px;
  font-style: italic;
}
.latest {
  float: none;
  overflow: hidden;
  padding: 0;
}
.latest h2 {
    background: none repeat scroll 0 0 #333333;
    color: #EEEEEE;
    font-size: 16px;
    margin: 0;
    padding: 2px;
}
.post-home h3 {
    font-size: 14px;
    height: 100%;
    line-height: normal;
    margin: 0;
    text-align: center;
    width: 100%;
}
.post h3 {
    background: none repeat scroll 0 0 #C4C4C4;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.4em;
    margin: 0;
    padding: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
}
.post-home h3 a, .post h3 a:visited, .post h3 strong {
    color: #fff;
    display: block;
    font-weight: bold;
    text-decoration: none;
	font-size: 12px;
}
.post h3 a, .post h3 a:visited, .post h3 strong {
    color: #000000;
    display: block;
    font-weight: bold;
    text-decoration: none;
}
h3.post-title.entry-title a {
   color:#333;
    display: block;
    font-weight: normal;
    height: auto;
    padding: 0;
    width: auto;
}
.pg {
    background: none repeat scroll 0 0 #000000;
    color: #FFFFFF;
    float: right;
    width: 200px;
}
.gal2 {
    float: left;
    padding: 10px;
    width: 100%;
}
.topnav {display:none;
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
  border: 1px solid;
  box-shadow: 0 0 8px #222;
  text-align: right;
}
.topnav ul {
  margin: 0 auto;
  padding: 0;
}
.topnav ul li {
  display: inline-block;
}
.topnav ul li a {
  color: #eee;
  display: block;
  padding: 10px;
}
.topnav ul li ul a {
  background: #333 none repeat scroll 0 0;
  padding: 15px 10px 15px 20px;
}
.topnav ul li ul a:hover {
  background: #666 none repeat scroll 0 0;
}
.topnav ul li ul a::before {
  border-bottom: 4px solid transparent;
  border-left: 5px solid #eee;
  border-top: 4px solid transparent;
  content: "";
  left: 10px;
  position: absolute;
  top: 18px;
}
.topnav #sub {
  min-width: 150px;
  overflow: hidden;
  position: absolute;
  right: 0;
  text-align: left;
  width: auto;
  z-index: 1000;
}
.topnav #sub > li {
  border-bottom: 1px solid #666;
  display: block;
  float: none;
  position: relative;
}
#header-wrap {
	background: #3c7db6 none repeat scroll 0 0;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
	width: 100%;
	z-index: 3000;
}
.header {
  display: inline-block;
  float: left;
  margin: 0 auto;
  max-width: none;
  padding: 0;
  position: relative;
  vertical-align: top;
  width: auto;
  z-index: 1000;
}
.header-left {
    float: left;
    width: 300px;
}
.header-right {
    background: none repeat scroll 0 0 #EEEEEE;
    float: right;
    margin-right: 10px;
    margin-top: 0;
    width: 400px;
}
.header h1 {
   color: #FFFFFF;
    margin: 0 auto;
}
.titlewrapper img {
	max-width: none;
	padding: 0;
	display: inline-block;
	vertical-align: top;
}
.header h1 a {
	text-decoration: none;
	padding: 0;
	display: inline-block;
	text-transform: uppercase;
}
.titlewrapper {
    margin: 0;
    padding: 0;
}
.descrptionwrapper {
    color: #FFFFFF;
    padding: 0 8px;
}
.adminheader p {
margin: 15px auto 15px 5px;
    padding: 0;
    width: 270px;
}
.menu {
  background: #055c95 none repeat scroll 0 0;
  float: none;
  margin: 0 auto;
  max-width: none;
  overflow: visible;
  padding: 0;
  position: relative;
  width: auto;
}
/*

.menu .inner > ul {
  overflow: hidden;
}
.menu .inner ul {
  margin: 0 auto;
padding: 0;  
}
.menu a {
  color: #fff;
  display: inline-block;
  font-family: trebuchet ms;
  font-size: 16px;
  padding: 20px;
  text-transform: uppercase;
}
.menu a:last-child {
  border-right: medium none;
}
.menu a:first-child {
  border-left: medium none;
}
.menu a:hover {
  background: #ff9900 none repeat scroll 0 0;
  color: #333333;
}
.menu.dropdown >.inner > ul > li > ul {
  background: #333333 none repeat scroll 0 0;
  clear: left;
  display: none;
  position: absolute;
  top: 51px;
  z-index: 10000;
}
.menu.dropdown >.inner > ul > li > ul  > li > ul{
  background: #333333 none repeat scroll 0 0;
  clear: left;
  display: none;
  position: absolute;
  top: 51px;
  z-index: 10000;
}
.menu.dropdown li ul li {
  border: medium none;
}
.menu.dropdown li ul li {
  border-bottom: 1px solid #666;
  display: block;
  float: none;
}
.menu.dropdown li ul li:last-child {
  border: medium none;
}
.menu.dropdown li ul li a {
  border: medium none;
  display: block;
  float: none;
  padding: 10px 15px;
  text-align: left;
}
.menu.dropdown > .inner > ul > li:hover > ul {
display: block;
}
.menu.dropdown > .inner > ul > li > ul  > li:hover > ul{
display: block;
}
*/
#nav{
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: 300;
	font-size:15px;
}

#nav > ul{
	list-style:none;
	overflow:hidden;
	padding:0;
	margin:0 auto;
}
#nav li:first-child {
  border-left: medium none;
}
#nav li {
  float: left;
  padding: 0;
}
#nav li:last-child {
  border: none;
}
#nav li a {
	display: block;
	text-align: center;
	text-decoration: none;
	color: #fff;
	padding: 15px;
	text-transform: uppercase;
}
#nav li a:hover{
	text-decoration:none;
	background: #DDC213;
	color:#FFFFFF;
}

/* Navigation Second Level */

#nav li ul{
	position:absolute;
	background:#333333; 
	display:none;
	height:auto;
	width:auto;
	margin-left:0 auto;
	padding:0;
	z-index:3000;
}

#nav li:hover > ul{
	display:block
}
#nav li li:hover {
  font-weight: 800;
  background: #222;
}
#nav li li {
  border-bottom: 1px solid;
  border-left: medium none;
  border-right: medium none;
  display: block;
  float: none;
  position: relative;
}
#nav li li li {
  width: auto;
  display: block;
  min-width: 250px;
}
#nav li ul a{
	text-align:left;
	display:block;
	height:auto;
	padding:10px 15px;
}
#nav li li ul {
  left: 100%;
  position: absolute;
  top: 0;
  background: #222;
}
#flasnews {
	background: #E0FFFF none repeat scroll 0 0;
	border-bottom: 1px solid #65D3FF;
	overflow: visible;
}
#flasnews .title {
	background: #2B99CB none repeat scroll 0 0;
	color: #fff;
	float: left;
	font-weight: bold;
	padding: 7px 15px 9px;
	position: absolute;
	z-index: 1000;
}
#flasnews marquee {
  display: block;
  padding: 5px 10px 5px 130px;
}
#flasnews .title::after {
	border-bottom: 6px solid rgba(0, 0, 0, 0);
	border-left: 11px solid #0D7BAD;
	bottom: 0;
	content: "";
	position: absolute;
	right: -11px;
}
#flasnews.fixed {
	position: fixed;
	bottom: 0;
	z-index: 3000;
	width: 100%;
}
#slide {
	background: #333;
	position:relative;
}
#slide .title {
	display:none;
	position: absolute;
	bottom: 20%;
	text-align: center;
	width: 100%;
	color: #fff;
	padding: 20px;
}
#slide .title h1 {
	background: rgba(0,0,0,0.5);
	display: inline-block;
	padding: 10px 20px;
	color: #fff;
}
#slide .navi {
	top: 35%;
}
#slide .navi .prev, #slide .navi .next {
	position: absolute;
	background: #333;
	padding: 15px 20px;
	text-indent: -3000px;
	border-radius: 50%;
	width: 12px;
	display: block;
	opacity: 0;
}
#slide:hover .navi .prev, #slide:hover .navi .next {
	opacity: 1;
	transition: 1s all;
}
#slide .navi .prev {
	left: 20px;
}
#slide .navi .next {
	right: 20px;
}
#slide .navi .prev::after, #slide .navi .prev::before, #slide .navi .next::after, #slide .navi .next::before {
top:5px;	
}
#slide .navi .prev::after {
	content: "";
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-right: 20px solid #333;
	position: absolute;
	left: 14px;
}
#slide .navi .prev::before {
	content: "";
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-right: 20px solid #fff;
	position: absolute;
	left: 10px;
}
#slide .navi .next::after {
	content: "";
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-left: 20px solid #333;
	position: absolute;
	right: 14px;
}
#slide .navi .next::before {
	content: "";
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-left: 20px solid #fff;
	position: absolute;
	right: 10px;
}
.mainnews {
  margin: auto auto 15px;
  overflow: hidden;
}
.mainnews .popular {
	float: left;
	min-height: 386px;
	margin-right: 15px;
	width: 255px;
	max-height: 175px;
	overflow: hidden;
}
.mainnews .popular.gadget .table, .mainnews .popular.gadget .table td, .mainnews .popular.gadget .table tr {
  border: medium none;
}
.mainnews .popular .lo .title {
  background: #ffffff none repeat scroll 0 0;
  bottom: 0;
  left: 0;
  padding: 0 2%;
  position: absolute;
  width: 96%;
}
.mainnews .popular a {
  color: #333333;
}
.mainnews .widget-content {
  overflow: hidden;
  padding: 0;
}
.mainnews .gadget h2.title {
	background: #055c95;
	color: #ffffff;
	font-size: 16px;
	margin: 0 auto;
	padding: 5px 10px;
}
.mainnews .popular .title {
  line-height: normal;
}
.mainnews .lastnews {
  display: inline-block;
  max-width: 535px;
  width: 100%;
}
.mainnews .lastinfo {
  float: right;
  height: 386px;
  margin-left: 15px;
  max-width: 300px;
  overflow: hidden;
  width:100%;
}
.vv {
	background: #DDC213;
	text-align: center;
	padding: 10px;
	display: block;
	font-size: 22px;
	color: #000;
	margin: 10px auto;
}
.video li {
	display: inline-block;
	max-width: 24%;
	width: 100%;
	margin: 0.5%;
	position:relative;
}
.video li .video-detail {
	display:none;
}
.video li:hover .video-detail {
	color:#fff;
	display:block;
	font-size:20px;
	position: absolute;
	top: 0;
	bottom: 0;
	content: "";
	background: #333;
	width: 100%;
	height: 60%;
	left: 0;
	z-index: 1;
	text-align:center;
	padding-top:23%;
}
.mainnews .slidewrap {
	position: relative;
}
.mainnews .slider {
  height: auto;
}
.alumni {
	padding: 0;
	text-align: center;
	background: #ff99;
	margin: 0 auto 10px;
	font-size: 30px;
	background-image: url("../images/alumni-bg.png");
	background-size: 100%;
}
.alumni img {
	display: block;
	margin: 0 auto;
}
#full, #closefull {
  background: #ff9900 none repeat scroll 0 0;
  color: #ffffff;
  content: "";
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 2000;
  padding: 1px 6px;
}
.slidewrap.full {
  background: rgba(0, 0, 0, 0.9) none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  margin: 0 auto;
  max-width: none;
  overflow: auto;
  position: fixed;
  right: auto;
  top: 0;
  width: 100%;
  z-index: 2000;
}
.slidewrap.full .slider {
  margin: 0 auto;
  max-width: 600px;
}
.board {
  clear: both;
  height: auto;
  padding: 0;
}
.board .inner {
	border: none;
}
.member-menu {
  background: #eeeeee none repeat scroll 0 0;
  margin-bottom: 10px;
  padding: 0 10px;
}
.member-menu ul {
  margin: 0 auto;
  padding: 0;
}
.member-menu li {
  display: inline-block;
}
.member-menu li a {
  color: #000;
  display: block;
  font-size: 16px;
  padding: 10px;
}
.boardtop {
  float: none;
  margin: 0 auto;
  overflow: hidden;
  padding: 0;
}
.boardtop .inner {
  padding: 10px;
  background: #fff;
  margin: 0 auto 10px;
}
.boardtop .inner:hover .navi {
  display: block;
}
.boardtop .navi {
  margin: 0 auto;
  padding: 0;
  position: absolute;
  top: 40%;
  width: 98.3%;
  z-index: 1000;
  display: none;
}
.boardtop .navi a {
  color: #ffffff;
  display: inline-block;
  padding: 15px;
}
.boardtop .rslides_nav.rslides1_nav.prev, .boardtop .rslides_nav.rslides1_nav.next {
  background: #cccccc none repeat scroll 0 0;
  margin: 1px;
  text-indent: -3000px;
  width: 15px;
}
.boardtop .rslides_nav.rslides1_nav.prev {
  position: absolute;
  left: 0;
  z-index: 10000;
}
.boardtop .rslides_nav.rslides1_nav.next {
  position: absolute;
  right: 0;
  z-index: 10000;
}
.boardtop .rslides_nav.rslides1_nav.prev::before {
  border-bottom: 15px solid rgba(0, 0, 0, 0);
  border-right: 16px solid #333333;
  border-top: 15px solid rgba(0, 0, 0, 0);
  content: "";
  left: 13px;
  position: absolute;
  top: 13px;
}
.boardtop .rslides_nav.rslides1_nav.prev::after {
  border-bottom: 15px solid rgba(0, 0, 0, 0);
  border-right: 16px solid #cccccc;
  border-top: 15px solid rgba(0, 0, 0, 0);
  content: "";
  left: 16px;
  position: absolute;
  top: 13px;
}
.boardtop .rslides_nav.rslides1_nav.next::before {
  border-bottom: 15px solid rgba(0, 0, 0, 0);
  border-left: 16px solid #333333;
  border-top: 15px solid rgba(0, 0, 0, 0);
  content: "";
  right: 13px;
  position: absolute;
  top: 13px;
}
.boardtop .rslides_nav.rslides1_nav.next::after {
  border-bottom: 15px solid rgba(0, 0, 0, 0);
  border-left: 16px solid #cccccc;
  border-top: 15px solid rgba(0, 0, 0, 0);
  content: "";
  right: 16px;
  position: absolute;
  top: 13px;
}
/*
.boardbottom {
  height: auto;
  margin: 0 auto 20px;
  overflow: hidden;
  padding: 0;
  position: relative;
  width: auto;
}
.boardbottom .slideshow .prev, .boardbottom .slideshow .next {
  background: #2c3e50 none repeat scroll 0 0;
  color: #333333;
  display: block;
  font-size: 25px;
  height: 15px;
  padding: 14px;
  position: absolute;
  text-align: center;
  text-indent: -3000px;
  top: 65px;
  width: 15px;
  z-index: 1;
  border-radius: 50%;
  font-size: 19px;
}
.boardbottom .slideshow .prev::before {
  border-bottom: 10px solid rgba(0, 0, 0, 0);
  border-right: 10px solid #eeeeee;
  border-top: 10px solid rgba(0, 0, 0, 0);
  content: "";
  left: 14px;
  position: absolute;
  top: 12px;
}
.boardbottom .slideshow .prev::after {
  border-bottom: 10px solid rgba(0, 0, 0, 0);
  border-right: 10px solid #2c3e50;
  border-top: 10px solid rgba(0, 0, 0, 0);
  content: "";
  left: 16px;
  position: absolute;
  top: 12px;
}
.boardbottom .slideshow .next::before {
  border-bottom: 10px solid rgba(0, 0, 0, 0);
  border-left: 10px solid #eeeeee;
  border-top: 10px solid rgba(0, 0, 0, 0);
  content: "";
  position: absolute;
  right: 14px;
  top:12px;
}
.boardbottom .slideshow .next::after {
  border-bottom: 10px solid rgba(0, 0, 0, 0);
  border-left: 10px solid #2c3e50;
  border-top: 10px solid rgba(0, 0, 0, 0);
  content: "";
  position: absolute;
  right: 16px;
  top: 12px;
}
.boardbottom .slideshow .prev {
  left: 5px;
}
.boardbottom .slideshow .next {
  right: 5px;
}
*/
.board-end {
  padding: 0 30px 30px;
  background: #fff;
}
.board-end .partner {
  background: none repeat scroll 0 0 #2980b9;
  color: #fff;
  float: left;
  margin: 0 10px;
  padding: 3px 10px;
}
.board-end .slide_container {
  border-top: 1px solid #ccc;
  clear: both;
}
.board-end  ul.slide2 li {
  float: left;
  list-style-type: none;
  margin: 0 4px;
}
.board-end  ul.slide2 img {
  border: medium none;
  height: 70px;
}
/*
.slideshow {
  overflow: visible;
  width: 100%;
}
.slideshow .photo {
  display: block;
  height: 178px;
  margin: 2px;
  overflow: hidden;
  padding: 0;
  position: relative;
  text-align: center;
}
.slideshow .photo span {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
  bottom: 0;
  display: block;
  left: 0;
  padding: 10px 0;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 1000;
}
.slideshow .photo a {
  color: #eee;
  text-transform: capitalize;
}
.slideshow .photo img {
  width: 100%;
}
.slideshow li {
  width: 20%;
}
*/
.slides {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.slide {
  float: none;
  width: 100%;
  padding: 20px;
}
.slide .img-wrapper {
  height: 200px;
  overflow: hidden;
}
.slide img {
  width: 100%;
}
.news {
  float: none;
  min-height: 300px;
  width: auto;
}
.news > ul {
  margin: 0 auto;
  padding: 0;
}
.news li {
  border-bottom: 1px dotted #000;
  float: none;
  list-style: none outside none;
  overflow: hidden;
  padding: 5px 0;
}
.news .thumbs {
  background: none repeat scroll 0 0 #eee;
  float: left;
  height: 70px;
  margin-right: 10px;
  width: 70px;
}
.news .summary {
  color: #333;
  display: inline;
  float: none;
  overflow: hidden;
  width: auto;
}
.usermenu {
  background: none repeat scroll 0 0 transparent;
  border: 0 solid #cccccc;
  margin: 5px auto 0;
  overflow: hidden;
  padding: 0;
  text-align: right;
}
.usermenu .left a {
background: none repeat scroll 0 0 transparent;
    border: medium none;
    color: #9cc800;
    display: block;
    float: left;
    font-weight: normal;
    padding: 10px;
}
.usermenu .right a {
    color: #eeeeee;
    display: block;
    float: left;
    padding: 10px;
    text-align: right;
    text-decoration: none;
}
.menu .left {
background: none repeat scroll 0 0 #ABD158;
    float: left;
    padding: 15px;
    width: 170px;
}
.menu .rigth {
    padding: 14px;
}
.user {
  float: left;
  padding: 10px;
}
/*.right a {
   border-right: 1px solid #EEEEEE;
    color: #2E6B4A;
    font-size: 14px;
    font-weight: bold;
    padding: 0 5px;
    text-decoration: none;
}*/
.tright .search {
    float: right;
    height: 25px;
    padding: 0px;
    width: 100%;
}
.tright a {
    color: #EEEEEE;
    text-decoration: none;
}
.sleft {
    float: left;
    padding: 3px;
    width: 175px;
}
.sleft a {
    float: right;
}
.ct {
    background: none repeat scroll 0 0 #F5F5F5;
    border: 1px solid #CCCCCC;
    color: #333333;
    float: left;
    font-family: arial;
    font-size: 14px;
    margin: 5px;
    padding: 5px;
}
.ct li {
    list-style: square outside none;
}
.sright {
    float: right;
    width: 184px;
}
.search .left {
    background: none repeat scroll 0 0 #ccc;
    border: 0 solid #AAAAAA;
    color: #FFFFFF;
    float: left;
    height: 20px;
    padding: 2px;
    width: 130px;
}
.search .left:hover {
    background: none repeat scroll 0 0 #333333;
}
.search .right {
    background: none repeat scroll 0 0 #566666;
    border: 0 solid #333333;
    color: #FFFFFF;
    float: left;
    font-family: arial;
    font-size: 14px;
    padding: 3px;
    width: 50px;
}
.search .right:hover {
    background: none repeat scroll 0 0 #333333;
    cursor: pointer;
}
/*
.menu ul li {
  border-left: 1px solid #186a2c;
  border-right: 1px solid #004b0d;
  float: left;
  list-style: outside none none;
  margin: 0 auto;
  overflow: hidden;
}
.menu ul li:first-child {
  border-left: medium none;
}
.menu ul li:last-child {
  border-right: medium none;
}
.menu ul li a {
  color: #ffffff;
  display: block;
  float: left;
  font-size: 14px;
  letter-spacing: 1px;
  padding: 15px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}
.menu .sub {
  background: none repeat scroll 0 0 #333;
  margin: 0 auto;
  min-width: 75px;
  padding: 10px;
  position: absolute;
  text-align: left;
  top: 48px;
  width: auto;
  z-index: 3000;
  display: none;
}
.menu li:hover .sub {
  display: block;
}
.menu .sub > li {
  border-bottom: 1px solid #666;
  display: block;
  float: none;
  margin: 0 auto;
}
.menu .sub a {
  color: #eee;
  display: block;
  padding: 5px 0;
}
.menu .sub a:hover {
  color: #fbd340;
}
*/
/** breadcrumbs**/
.breadcrumbs {
    background: none repeat scroll 0 0 #566666;
    border-bottom: 2px double #EEEEEE;
    color: #EEEEEE;
    font-size: 12px;
    margin: 0 0 5px;
    padding: 12px 10px;
}
.breadcrumbs a.home {
    text-decoration: none;
    text-transform: uppercase;
}
.breadcrumbs a {
    color: #EEEEEE;
    padding: 0 5px;
    text-decoration: none;
    text-transform: capitalize;
}
.main {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  float: none;
  margin: 0 auto;
  overflow: hidden;
  width: auto;
}
.subscribe {
color: #000000;
    float: none;
    margin: 0 0 10px;
    overflow: hidden;
    padding: 15px;
    width: auto;
}
.s {
    background: none repeat scroll 0 0 #555555;
    border: medium none;
    color: #CCCCCC;
    float: left;
    font-style: italic;
    padding: 10px;
    width: 186px;
}
.search_btn {
    background: none repeat scroll 0 0 #9cc800;
    border: medium none;
    color: #FFFFFF;
    float: left;
    padding: 10px 5px;
    text-transform: uppercase;
}
.subscribe .count {
    font-size: 30px;
}
.subscribe p {
    margin: 0;
}
.allprod {
  overflow: hidden;
  padding: 30px;
}
#output {
  font-size: 12px;
  max-width: 415px;
  padding: 5px;
}
#output img {
  border: medium none;
  max-width: 100%;
  padding: 0;
  width: auto;
}
#output a {
  background: #333 none repeat scroll 0 0;
  color: #fff;
  display: block;
  font-size: 20px;
  padding: 10px;
}
.editpost form {
  float: left;
}
.editpost .post-thumb {
  float: right;
  width: 280px;
}
.left {
    background: none repeat scroll 0 0 #f6f6f6;
    border: 1px solid #CCCCCC;
    float: left;
    height: 300px;
    overflow: hidden;
    padding: 10px;
    width: auto;
}
.left .thumb:hover {
    -moz-transition: overflow 1s ease 0s;
    overflow: auto;
}
.left .thumb {
    height: 300px;
    overflow: hidden;
}
.left img {
    border: medium none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.back {
    background: none repeat scroll 0 0 #D4D4D4;
    margin: 0 auto 2px;
}
.back a {
   background: none repeat scroll 0 0 #2E6B4A;
    color: #FFFFFF;
    font-family: arial;
    font-size: 14px;
    font-weight: bold;
    margin: 5px 0;
    padding: 0 10px;
    text-decoration: none;
}
.back a:hover {
    background: none repeat scroll 0 0 #EEEEEE;
    color: #333333;
}
.form form {
    margin: 15px;
}
.fright input {
    border: 1px solid #CCCCCC;
    color: #333333;
    margin: 1px;
    padding: 6px;
}
.fright textarea {
    border: 1px solid #CCCCCC;
}
.fbutton input {
background: none repeat scroll 0 0 #A97FB0;
    border-color: #F4F1EE #444444 #444444 #F4F1EE;
    border-style: solid;
    border-width: 1px;
	color: #EEEEEE;
    font-weight: bold;
    padding: 5px;
    width: 70px;
}
.left a {
    background: none repeat scroll 0 0 #CCCCCC;
    border: 1px solid #BBBBBB;
    color: #000000;
    font-weight: bold;
    text-decoration: none;
}
.related {
    border-top: 1px dotted #AAAAAA;
    float: left;
    margin: 10px auto;
    padding: 0;
    width: 100%;
}
.related h3 {
    font-size: 14px;
    margin: 0;
    padding: 0;
    position: absolute;
	width: 132px;
}
.related .title {
    margin-bottom: 10px;
    margin-top: 5px;
    font-family: verdana;
}
.thumbs-home {
 height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
.other .thumbs {
  float: left;
  margin: 0 5px auto auto;
  max-width: 70px;
  overflow: hidden;
  padding: 4px;
  position: relative;
  width: 100%;
  border: 1px solid #eee;
}
.thumbs img {
  display: block;
  float: none;
  width: 100%;
}
.thumbs .del {
  background: none repeat scroll 0 0 #fff;
  display: inline-block;
  padding: 0 5px;
  position: absolute;
  right: 2px;
  top: 3px;
}
.summary {
  display: inline-block;
  float: none;
  width: 100%;
}
.summary > h2 {
display:none;
  margin: 10px 0;
  padding: 0;
}
.summary .demo, .summary .download {
  float: left;
  font-size: 12px;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 50%;
}
.summary .demo {
  background: none repeat scroll 0 0 #333;
  color: #9cc800;
}
.summary .download {
  background: none repeat scroll 0 0 #9cc800;
  color: #FFFFFF;
}
.goto {
  display: block;
  float: none;
  padding: 10px;
  width: auto;
}
.thumbs #img {
    height: 120px;
    margin: 2px;
    overflow: hidden;
}
.thumbs #img img {
    height: auto;
    margin-left: -10px;
    margin-top: -10px;
    position: relative;
    width: 300px;
}
.menuname{
background: none repeat scroll 0 0 #0066FF;
    color: #000000;
    float: right;
    font-size: 18px;
    font-weight: bold;
    margin-right: 0;
    padding-left: 5px;
    width: 200px;
}
.left-content {
  float: left;
  max-width: 770px;
  width: 100%;
}
.left-content > h1 {
  font-size: 26px;
  margin:0 auto;
}
.sidebar {
  float: right;
  line-height: normal;
  margin-left: 20px;
  padding: 0;
  width: 330px;
}
.sidebar .widget {
    margin: 0 0 20px;
    padding: 0;
}
.sidebar .widget.random {
  background: none repeat scroll 0 0 #eee;
}
.sidebar .widget.random li {
  border: medium none;
  display: inline-block;
  list-style: none outside none;
  width: 46%;
}
.sidebar .widget2 {
    margin-top: 10px;
}
.banner {
    margin: 0 0 2px;
    padding: 0;
}
.sidebar .widget-content.list-label-widget-content{
padding:8px

}
.sidebar h2 {
  border-bottom: 1px solid #333333;
  color: #333;
  font: bold 14px Arial;
  margin: 0;
  padding: 10px 5px;
  text-align: left;
  text-transform: uppercase;
}
.sidebar .widget.random h2 {
  border: medium none;
}
.sidebar ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
.sidebar ul li {
  border-bottom: 1px solid #ccc;
  color: #000000;
  line-height: 1.3em;
  list-style: square inside none;
  margin: 0 auto;
  padding: 5px;
  text-indent: 0;
}
.pager {
  float: left;
  padding: 5px 0;
  text-align: center;
  width: 100%;
}
.pager a {
  background: none repeat scroll 0 0 #333;
  color: #fff;
  display: block;
  float: left;
  font-weight: normal;
  margin: 2px;
  padding: 5px 10px;
  text-decoration: none;
}
.pager b {
    background: none repeat scroll 0 0 #333333;
    color: #EEEEEE;
    float: left;
    margin: 3px;
    padding: 4px;
}
.result {
    color: #000000;
    font-family: verdana;
    margin: 5px;
}
#sidebar-wrapper a {
color: #000;
    font-size: 12px;
    font-weight: normal;
    line-height: 24px;
    padding: 3px 2px 4px 0;
}
.icontent {
  float: right;
    margin: 10px;
    width: 780px;
}
.content-inner {
    background:none repeat scroll 0 0 transparent;
    float: right;
    width: 100%;
}
.isi {
    background:none repeat scroll 0 0 transparent;
    width: 100%;
}
.premium {
  background: none repeat scroll 0 0 #9cc800;
  color: #fff;
  display: inline;
  font-size: 10px;
  margin-left: 10px;
  padding: 2px 4px;
}
.link-wrap {
  margin: 0 20px;
  overflow: hidden;
  padding: 0 0 20px;
}
.link {
	background: #eee none repeat scroll 0 0;
	padding: 20px 0;
	display: block;
	margin: 0 auto;
	background-image: url("../images/bg2.jpg");
	position: relative;
}

.link .inner {
	z-index: 1;
}
.link::after {
	background: rgba(255,255,255,0.8);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: "";
}
.link .kepala {
	overflow: hidden;
	border-radius: 50%;
	width: 90px;
	height: 90px;
	margin: 0 auto;
	display: block;
	text-align: center;
	border: 4px solid #DDC213;
}
.link ul li img {
	max-width: 100%;
	vertical-align: top;
	display: block;
	margin: 0 auto;
	min-height: 100%;
	min-width: 100%;
}
.link.fixed ul li img {
	max-width: 70%;
	vertical-align: top;
	display: block;
	margin: 0 auto;
}
.link.fixed {
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 1000;
	background: transparent;
	display: none;
}
.link.fixed::after {
	background: none;
}
.link.fixed ul li {
	width: 100%;
}
.link.fixed li .fa {
	height: 26px;
	padding: 19px 0;
	width: 90%;
	max-width: 70px;
}
.link h2 {
  color: #555555;
  display: block;
  font-size: 18px;
  margin: 0 auto 20px;
  padding: 0 10px;
  text-align: center;
}
.link ul {
  display: block;
  margin: -1px auto auto;
  padding: 10px 0;
  text-align: center;
}
.link ul li {
	display: inline-block;
	list-style: outside none none;
	max-width: 16%;
	text-align: center;
	width: 100%;
	font-size: 13px;
	margin: 0 auto 20px;
}
.link li a {
	color: #222;
	font-weight: bold;
	font-size: 20px;
	text-transform: uppercase;
}
.link li .fa {
	background: #fff none repeat scroll 0 0;
	border: 3px solid #2D9BD3;
	border-radius: 50%;
	color: #2D9BD3;
	display: block;
	font-size: 30px;
	height: 30px;
	margin: 0 auto;
	padding: 30px 0;
	text-align: center;
	width: 90px;
}
.links {
  padding: 50px 0;
  position: relative;
}
.links::after {
  background-color: #ffffff;
  background-image: url("../images/shadow-2.png");
  background-repeat: no-repeat;
  background-size: 100% auto;
  bottom: -123px;
  content: "";
  height: 190px;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 1;
}
.links ul {
  list-style: outside none none;
  margin: 0 auto;
  padding: 10px 0 0;
  text-align: center;
}
.links ul li {
  display: inline-block;
  vertical-align: top;
  width: 150px;
}
.links li img {
  display: block;
  width: 100%;
  max-height: 40px;
}
.links h2 {
  color: #666666;
  font-size: 30px;
  text-align: center;
}
.links ul::after {
  background-image: url("../images/transparent.png");
  bottom: 0;
  content: "";
  height: 78px;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 1;
}
#footer {
	background: #055c95;
	color: #eeeeee;
	margin: 0 auto;
	padding: 50px 0;
	position: relative;
	width: auto;
	z-index: 1;
}
#footer .widget {
  display: inline-block;
  vertical-align: top;
  width: 24%;
  overflow: hidden;
}
#footer .widget ul li a:hover {
  color: #ff9900;
}
#footer h2 {
  color: #fff;
  font-size: 20px;
  text-transform: uppercase;
}
#footer .widget ul {
  list-style: outside none none;
  margin: 0 auto;
  padding: 0;
}
#footer a {
  color: #eee;
}
#footer .widget ul li a {
  display: block;
  padding: 2px 0;
}
#footer li {
  padding: 0 10px;
  position: relative;
}
#footer .social {
	padding: 40px 0;
}
#footer .widget .social li {
	display: inline-block;
	width: 16%;
}
#footer .widget .social li .fa {
	font-size: 30px;
	background: #0b5d1f;
	padding: 10px;
	width: 30px;
	text-align: center;
	height: 30px;
	border-radius: 50%;
	border: 3px solid #DDC213;
}
#footerText {
	color: #CC9;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
}
.bottom {
	background: #00417A;
	color: #eee;
	padding: 10px;
	text-align: left;
}
.bottom a {
	color: #fff;
	font-weight: bold;
}
#img a img {
    height: auto;
    width: 370px;
}
.warning {
    border: 1px dashed #AAAAAA;
    color: #333333;
    font-family: verdana;
    font-size: 12px;
    margin-top: 0;
    padding: 5px;
    text-align: center;
}
/* Start Home by cat*/
.cat {
    float: left;
    width: 100%;
}
.cat .cat-title h2 {
    color: #2E6B4A;
    float: left;
    font-size: 16px;
    font-weight: bold;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
}
.cat .border {
    border: 0 solid #CCCCCC;
    float: left;
    padding: 5px 0;
}
.cat-title {
    border-bottom: 2px solid #333333;
    float: left;
    margin: 10px 0 5px;
    width: 100%;
}
.cat-title .more {
    background: none repeat scroll 0 0 #333333;
    float: right;
    margin: 0;
    padding: 1px 5px;
}
.cat-title .more a {
    color: #FFFFFF;
    text-decoration: none;
}
.cat .post h3 {
	background: none repeat scroll 0 0 #EEEEEE;
    color: #B3A756;
    font-family: verdana;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.4em;
    margin: 0;
    padding: 0;
    text-align: center;
    text-transform: capitalize;
}
.cat .post-body {
    background: none repeat scroll 0 0 #eee;
    border: 1px solid #EEEEEE;
    color: #000000;
    line-height: 1.6em;
    margin: 0;
    overflow: hidden;
}
.cat .post {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    float: left;
    font-size: 14px;
    margin: 0 2px;
    width: 160px;
}
.cat .thumbs {
    border: 0 solid #EEEEEE;
    height: 215px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
.cat .post img {
    border: 0 none;
    height: auto;
    margin-left: -10%;
    margin-right: -10%;
    margin-top: -1px;
    padding: 0;
    width: 190px;
}
.font3 a {
    text-decoration: none;
}
.login .form {
  margin: 0 0 5px;
  padding: 10px;
  width: 170px;
}
input.form_element {
  background: none repeat scroll 0 0 #f4f4f4;
  border: 1px solid #ccc;
  color: #333;
  margin-bottom: 0;
  padding: 10px;
  width: 390px;
}
#registration {
  margin: 20px 0;
}
.style_form {
  margin: 3px;
  position: relative;
}
.style_form:nth-child(4) {
  margin: 10px auto 0;
}
#availability_status, #password_validation, #email_availability {
  font-size: 11px;
  left: 285px;
  position: absolute;
  top: 12px;
}
.register, #submit_btn {
  background: none repeat scroll 0 0 #4385f7;
  border: medium none;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  margin: 10px 0;
  padding: 10px;
  text-transform: capitalize;
  vertical-align: middle;
}
.register, #submit_btn:hover {
  background: none repeat scroll 0 0 #2567d9;
}
.register-finish {
  padding: 25px;
  text-align: center;
}
.register .link {
    color: #fff;
    text-decoration: none;
}
*:focus {
    outline: 0;
}
.member_status {
  background: none repeat scroll 0 0 #9cc800;
  border: 1px dashed #FFFFFF;
  clear: both;
  color: #FFFFFF;
  font-size: 35px;
  margin: 0 auto;
  overflow: hidden;
  padding: 20px;
  position: relative;
  text-transform: uppercase;
  width: 300px;
}
.notfound {
  color: #333;
  font-size: 14px;
  margin: 0 auto;
  padding: 0;
}
.notfound h2 {
    font-size: 16px;
    margin: 6px 0 10px;
    padding: 0;
    text-align: left;
}
.notfound ul {
    height: 400px;
    margin: 0;
    padding: 0;
}
.notfound li {
    color: #2E6B4A;
    float: left;
    list-style: square outside none;
    margin: 2px 4px 2px 14px;
    padding: 2px 0;
    text-align: left;
    width: 196px;
}
.notfound li a {
    color: #2E6B4A;
}
table input {
    padding: 5px;
}
td {
  padding: 0 10px;
  vertical-align: top;
}
.pemesanan table {
    border: 1px none;
    width: 100%;
}
.pemesanan th {
    background: none repeat scroll 0 0 #F4F4F4;
    border: 1px solid #AAAAAA;
}
.pemesanan td {
    border: 1px solid #CCCCCC;
    padding: 2px;
}
.shopcart table {
    border: 1px none;
    width: 650px;
}
.shopcart table tr {
    border: 1px none;
}
.shopcart table th {
    background: none repeat scroll 0 0 #F4F4F4;
    border: 1px solid #aaa;
    color: #000000;
    padding: 4px;
    text-align: left;
}
.shopcart td {
    border: 1px solid #AAAAAA;
    padding: 5px;
    text-align: left;
}
.shopcart li {
    font-family: arial;
    font-size: 16px;
    list-style: none outside none;
}
.form {
    margin: 20px;
}
.payment {
  margin: 0 0 5px;
  padding: 15px;
  width: auto;
}
.payment h1 {
    margin: 0;
}
.payment ul {
margin: 15px 0;
    overflow: hidden;
    padding: 0;
}
.payment li {
    float: left;
    font-size: 16px;
    list-style: none outside none;
    margin: 0 0 9px;
    width: 220px;
}
.prospes {
  float: left;
  margin: 10px 10px 10px 0;
  overflow: hidden;
  width: 560px;
}
#sidebar {
  float: right;
  margin: 10px 0;
  width: 300px;
}
#sidebar .widget {
  background: none repeat scroll 0 0 #EEEEEE;
  margin: 0 0 10px;
  overflow: hidden;
  padding: 12px;
}
#sidebar .widget h2 {
  font-size: 18px;
  font-weight: normal;
  margin: 0 0 5px;
}
#sidebar .widget ul {
  list-style: none outside none;
  margin: 0 auto;
  overflow: hidden;
  padding: 0;
}
#sidebar .widget.random ul li {
  float: left;
}
#sidebar .widget.random ul .thumb {
  height: 90px;
  margin: 1px;
  overflow: hidden;
  width: 90px;
}
#sidebar .widget.random ul li .thumb img {
  float: left;
  height: auto;
  width: 100%;
}
.prospes .thumbnail {
  float: none;
  padding: 0;
  width: 560px;
}
.thumbnail img {
  margin: -10% auto auto;
  width: 100%;
}
.prospes .description {
    overflow: hidden;
}
/*bottom wrapper*/
#bottom-wrapper {
  background: none repeat scroll 0 0 #111;
  margin: 0;
  overflow: hidden;
  padding: 0 0 5px;
  text-align: center;
}
#bottom-wrapper .main {
  float: none;
  margin: 0;
  padding: 1%;
  width: auto;
}
#bottom-wrapper ul {
  list-style: none outside none;
  margin: 20px 0;
  padding: 0;
}
#bottom-wrapper a {
  color: #cccccc;
  text-decoration: none;
}
#bottom-wrapper h2 {
  color: #9cc800;
  font-size: 30px;
  font-weight: normal;
  margin: 0 auto;
  position: relative;
  text-transform: capitalize;
}
#user-activity {
  background: none repeat scroll 0 0 #FFFFFF;
  margin: 0;
  overflow: hidden;
  padding: 0px;
}
#user-activity .inner {
  background: none repeat scroll 0 0 #F4F4F4;
}
#user-activity .main:nth-child(1) {
  float: left;
  padding: 10px;
  width: 520px;
}
#user-activity .main:nth-child(2) {
  float: right;
  padding: 10px;
  width: 310px;
}
#user-activity li {
  float: left;
  height: 145px;
  margin: 5px;
  overflow: hidden;
  width: 145px;
}
#user-activity li img {
  width: 100%;
}
#user-activity ul {
  margin: 0;
  padding: 0;
}
#user-activity h2 {
  font-size: 16px;
  font-weight: normal;
  margin: 4px;
}
#bottom-wrapper .search h2 {
  font-size: 17px;
  text-align: left;
  text-transform: capitalize;
}
.search {
  color: #eeeeee;
  display: inline-block;
  float: right;
  font-size: 11px;
  position: relative;
  vertical-align: top;
  z-index: 1;
  padding: 24px 0;
}
.search .text {
	background: #25669f none repeat scroll 0 0;
	border: 1px solid #5697d0;
	color: #ffffff;
	padding: 9px 40px 9px 9px;
	width: 200px;
}
.search .search {
	background: #5697d0 url("../images/search.png") no-repeat scroll 6px 4px / 26px auto;
	border: medium none;
	cursor: pointer;
	margin-left: -40px;
	padding: 10px;
	text-indent: -3000px;
	width: 35px;
	top: 1px;
	right: 1px;
}
.search .search:hover {
	background-color: #4b8cc5;
}
.search > form {
  overflow: hidden;
}
.search .input {
  background: none repeat scroll 0 0 #3E4F4F;
  border: medium none;
  border-radius: 5px;
  color: #EEEEEE;
  cursor: text;
  float: left;
  margin: 0 -78px 0 0;
  padding: 15px;
  width: 180px;
}
.search input.button {
  background: none repeat scroll 0 0 #9cc800;
  border: medium none;
  color: #FFFFFF;
  cursor: pointer;
  float: left;
  margin: 8px 5px;
  padding: 7px;
  text-transform: capitalize;
}
.search input.button:hover {
  background: none repeat scroll 0 0 #F38D0E;
}
/* Start drop down menu*/
#dropdownMenu ul.data {
  float: left;
}
#dropdownMenu ul.data li {
  padding: 8px 19px;
}
#dropdownMenu ul.data li a {
  display: inline;
  margin: 0;
  padding: 0;
}
#dropdownMenu ul.data li:hover  a{
  background: none repeat scroll 0 0 transparent;
}
       #dropdownMenu {
  color: #333;
  overflow: hidden;
}
        #dropdownMenu ul {
            float: right;
            list-style: none;
            margin: 0;
            padding: 0;
        }
        #dropdownMenu li {
            list-style: none;
            margin: 0;
            padding: 0;
			text-align:left;
        }
		#dropdownMenu li:hover a {
  background: none repeat scroll 0 0 #555555;
}
        #dropdownMenu li a, #dropdownMenu li a:link, #dropdownMenu li a:visited {
  color: #333;
  display: block;
  margin: 0;
  padding: 9px 15px;
  text-transform: capitalize;
}
        #dropdownMenu li a:hover, #dropdownMenu li a:active {
            background: #cccccc;
            color: #555555;
            margin: 0;
            text-decoration: none;
        }
        #dropdownMenu li li a, #dropdownMenu li li a:link, #dropdownMenu li li a:visited {
            background: #555555;
            width: 150px;
            color: #FFFFFF;
            text-transform:capitalize;
            float: none;
            margin: 0;
            padding: 7px 11px;
            border-bottom:1px dotted #aaa;
        }
        #dropdownMenu li li a:hover, #dropdownMenu li li a:active {
            background: #cccccc;
            color: #555555;
            padding: 7px 11px;
        }
        #dropdownMenu li {
            float: left;
            padding: 0;
        }
        #dropdownMenu li ul {
            z-index: 9999;
            position: absolute;
            left: -999em;
            height: auto;
            width: 170px;
            margin: 0;
            padding: 0;
        }
        #dropdownMenu li ul a {
            width: 140px;
        }
        #dropdownMenu li ul ul {
            margin: -32px 0 0 171px;
        }
        #dropdownMenu li:hover ul ul, #dropdownMenu li:hover ul ul ul, #dropdownMenu li.sfhover ul ul, #dropdownMenu li.sfhover ul ul ul {
            left: -999em;
        }
        #dropdownMenu li:hover ul, #dropdownMenu li li:hover ul, #dropdownMenu li li li:hover ul, #dropdownMenu li.sfhover ul, #dropdownMenu li li.sfhover ul, #dropdownMenu li li li.sfhover ul {
            left: auto;
        }
        #dropdownMenu li:hover, #dropdownMenu li.sfhover {
            position: static;
        }
/*End*/
#bottom-wrapper li {
  background: none repeat scroll 0 0 #333;
  border-radius: 50%;
  display: inline-block;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
  text-align: center;
  width: 80px;
}
#bottom-wrapper li img {
  float: left;
  height: 80px;
  width: 80px;
}
.status {
  margin: 0 auto;
  overflow: hidden;
  padding: 20px;
  text-align: center;
  width: auto;
}
.status .submit {
  cursor: pointer;
  font-size: 30px;
  padding: 10px 20px;
}
.status .table {
  text-align: left;
}
.status .table, .status .table tr, .status .table td {
  border: medium none;
  text-align: left;
}
.status .left {
  float:left;
}
.status .left .table.bank td:first-child {
  padding: 8px 5px;
  width: 170px;
}
.status .right {
  float: right;
}
.status .left, .status .right {
  background: none repeat scroll 0 0 #EEEEEE;
  border: medium none;
  border-radius: 10px;
  height: 400px;
  padding: 2%;
  position: relative;
  width: 42%;
}
.status h2 {
  background: none repeat scroll 0 0 #333333;
  color: #FFFFFF;
  margin: 0 0 20px;
  padding: 10px;
}
.status .left:before, .status .right:before {
  background: none repeat scroll 0 0 #9cc800;
  border-radius: 50%;
  color: #FFFFFF;
  font-size: 30px;
  left: 5px;
  padding: 10px 12px;
  position: absolute;
  top: 5px;
}
.status .left:before {
  content: "1";
}
.status .right:before {
  content: "2";
}
.status .right .submit {
  font-size: 14px;
}
/*Tutor*/
.tutor-left, .tutor-content {
  display: inline-table;
}
.tutor-left {
  background: none repeat scroll 0 0 #eee;
  float: left;
  padding: 15px;
  width: 158px;
}
.tutor-content {
  padding: 15px;
  width: 712px;
}
.tutor-content ol > li {
  padding: 30px 0;
}
.tutor-content img {
  max-width: 600px;
}
.tutor-content > h2 {
  background: none repeat scroll 0 0 #eee;
  padding: 5px;
}
.tutor-left > ul {
  margin: 0;
  padding-left: 15px;
}
.alert {
  padding: 20px;
  text-align: center;
}
table.regular {
  font-size: 12px;
  padding: 20px;
}
table.regular td:first-child {
  min-width: 50px;
  padding: 8px 0;
}
table.regular input {
  font-size: 12px;
  padding: 10px;
}
.tleft, .tright {
  border-left: 1px solid #eee;
  float: left;
  font-size: 12px;
  min-height: 230px;
  padding: 1% 0;
  position: relative;
  width: 44%;
}
.tleft .des1, .tleft .des2 {
  width: 100%;
}
.tleft .des1 {
  min-height: 100px;
}
.tleft .des2 {
  min-height: 200px;
}
.tleft {
  border: medium none;
  padding-right: 5%;
}
.tright {
  padding-left: 5%;
}
.tright:before {
  background: none repeat scroll 0 0 #eee;
  border-radius: 50%;
  content: "";
  left: -20px;
  padding: 20px;
  position: absolute;
  top: 50%;
}
.tright:after {
  border-bottom: 11px solid transparent;
  border-left: 10px solid #fff;
  border-top: 11px solid transparent;
  content: "";
  left: -3px;
  position: absolute;
  top: 53%;
}
.tright textarea {
  min-height: 100px;
  width: 98%;
}
/*gllery*/
.gallery {
  margin: 0 auto;
  max-width: none;
  padding: 10px;
  text-align: center;
  width: auto;
}
.other {
  float: right;
  max-width: 300px;
  width: 100%;
}
.other .title {
  font-size: 15px;
  line-height: 1;
}
.other.album {
  background: #eee none repeat scroll 0 0;
  margin: 20px auto;
  overflow: hidden;
  padding: 10px;
  text-align: center;
}
.gallery > h1 {
  line-height: normal;
  overflow: hidden;
  padding: 10px;
}
.other.album > h2 {
  background: none repeat scroll 0 0 #2980b9;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  padding: 5px 20px;
  width: auto;
}
.gallery > ul {
  margin: 0;
  overflow: hidden;
  padding: 0;
}
.gallery li {
	border-bottom: 4px solid #ccc;
	display: inline-block;
	width: 19%;
	margin: 0.5%;
}
.gallery h2 {
	font-size: 16px;
	font-weight: bold;
}
.gallery-detail li {
	display: inline-block;
	max-width: 19%;
	vertical-align: top;
	text-align: center;
	padding: 0.5%;
}
.widget .gallery-detail h2 {
	font-size: 14px;
	font-weight: normal;
}
.gallery-detail h2 a {
	color: #222;
}
.gallery li:hover {
  border-bottom: 4px solid #9cc800;
}
.gallery .thumbs {
	padding: 10px 10px 5px;
	background: #eee;
}
.gallery img {
	height: auto;
	padding: 0;
	width: auto;
	margin: 0 auto;
}
.album {
  margin: 0 auto;
  overflow: hidden;
  padding: 0;
}
.album > ul {
  margin: 0;
  padding: 0;
}
.album .thumbs {
	border: 1px solid #2D9BD3;
	padding: 3%;
	background: #E0FFFF;
	position: relative;
}
.album a {
  color: #fff;
}
.album li h2 a {
  position: relative;
}
/*.album li h2 a::before {
  border: 1px solid #000;
  content: "";
  height: 7px;
  position: absolute;
  right: -12px;
  top: 2px;
  width: 7px;
}
.album li h2 a::after {
  background: none repeat scroll 0 0 #fff;
  border: 1px solid #000;
  content: "";
  height: 7px;
  position: absolute;
  right: -15px;
  width: 7px;
  top: -1px;
}*/
.album > ul li, .others {
  display: inline-block;
  list-style: outside none none;
  overflow: hidden;
  padding: 5px;
  text-align: center;
  width: 171px;
}
.album li h2 {
	font-size: 14px;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
	text-align: center;
	text-transform: capitalize;
	position: absolute;
	bottom: 0;
	background: rgba(0,0,0,0.7);
	width: 94%;
	left: 3%;
	font-weight: normal;
	bottom: 3%;
}
.album2 > ul {
  margin: 0;
  padding: 0;
}
.album2 > ul li {
  display: inline-block;
  list-style: outside none none;
  overflow: hidden;
  padding: 10px;
  vertical-align: top;
  width: 168px;
}
.slideshow1 .photo img {
  box-shadow: none;
}
.slideshow1 .nama {
  background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
  bottom: 0;
  color: #333333;
  font-size: 18px;
  margin: 1%;
  padding: 0 10px;
  position: absolute;
  text-align: center;
  width: 91%;
  z-index: 1;
}
.slideshow1 .photo {
  height: 348px;
  overflow: hidden;
  position: relative;
}
.slideshow1 .nama .row1 {
  color: #333333;
  display: block;
  font-weight: bold;
  text-decoration: underline;
}
.slideshow1 .nama .row2 {
  background: #eee none repeat scroll 0 0;
  color: #000000;
  display: block;
  font-size: 14px;
}
.photo img {
	width: 100%;
}
.album2 h2 {
  font-size: 12px;
  margin: 0;
  padding: 0;
  text-transform: capitalize;
}
.head-bottom {
  overflow: hidden;
}
.head-bottom .head-news {
  float: left;
  overflow: hidden;
  padding: 0;
  position: relative;
  max-width: 807px;
  width: 100%;
}
.head-bottom .head-sidebar {
  border: 0 solid #cccccc;
  float: right;
  margin-left: 15px;
  overflow: hidden;
  padding: 0;
  width: 300px;
}
.wrapnews {
  margin: 0 auto 15px;
  overflow: hidden;
}
.download {
  float: none;
  height: auto;
  max-width: 100%;
  overflow: hidden;
  width: 100%;
  margin: 0 auto 15px;
}
.readmore {
  background: #333333 none repeat scroll 0 0;
  color: #ffffff;
  display: inline-block;
  font-size: 12px;
  padding: 4px 6px;
}
.newest {
  float: left;
  max-width: 497px;
  width: 100%;
  margin-right: 10px;
}
img {
  max-width: 100%;
}
.hn-top {
  color: #333;
  margin: 0 auto;
  overflow: hidden;
}
.brt-c {
  float: none;
  width: auto;
}
.widget.twit {
  float: right;
  width: 280px;
}
.latest-other {
  float: none;
  margin: 0 auto;
  width: auto;
}
.lo {
  display: block;
  float: none;
  margin: 0 auto 10px;
  overflow: hidden;
  padding: 0;
  position: relative;
  text-align: left;
  vertical-align: top;
  width: auto;
}
.lo .date {
  color: #666;
  font-size: 12px;
}
.other .lo a {
  color: #333;
  font-weight: bold;
}
.head-news .thumbnail {
  float: none;
  margin: 0 auto;
  width: auto;
}
.brt-c .thumbnail {
  margin: 0 auto 10px;
  max-height: 230px;
  overflow: hidden;
}
.head-news .cnt {
  padding:  0;
}
.latest-other .cnt h2 {
  color: #333333;
  font-size: 20px;
  line-height: normal;
  text-transform: capitalize;
}
.cnt h2 a {
  color: #333333;
}
.video-content .video {
  display: inline-block;
  margin: 5px;
  overflow: hidden;
  vertical-align: top;
  width: 301px;
}
.v-title > a {
  color: #000;
  font-weight: bold;
}
.hn-top ol {
  margin: 0 auto;
  padding: 0 0 0 20px;
}
.hn-top .cright {
  float: none;
  overflow: hidden;
  padding: 20px;
  width: auto;
}
.hn-bottom {
  overflow: hidden;
}
.hn-bottom > ul {
  margin: 0;
  overflow: hidden;
  padding: 0 20px;
}
.hn-bottom li {
  border-bottom: 1px dotted #ccc;
  display: inline-block;
  list-style: outside none none;
  margin: 0 1%;
  padding: 10px;
  width: 44%;
}
.hn-bottom a {
  color: #000;
  text-transform: capitalize;
}
.hn-bottom > h2 {
  background: none repeat scroll 0 0 #eee;
  padding: 5px;
}
.widget {
  position: relative;
  margin-bottom: 10px;
}

.slideshow1 {
  border-top: 21px solid #333333;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  clear:left;
}
.widget.profile h2 {
  background: #C74927 none repeat scroll 0 0;
  color: #ffffff;
  font-size: 16px;
  margin: 0 auto -21px;
  padding: 5px 10px;
  position: relative;
  z-index: 1000;
  float:left;
}

.widget.profile h2::after {
  border-left: 20px solid #C74927;
  border-right: 20px solid rgba(0, 0, 0, 0);
  border-top: 34px solid rgba(0, 0, 0, 0);
  content: "";
  position: absolute;
  right: -40px;
  top: 0;
}

.widget h2 {
  font-size: 20px;
  margin: 0 auto;
  text-transform: capitalize;
}

.download h2 {
  background: #2c3e50 none repeat scroll 0 0;
  color: #ffffff;
  font-size: 16px;
  padding: 5px 10px;
}


.widget ul {
  margin: 0 auto;
  padding: 0;
}
.btn-manage {
  background: #fc7100 none repeat scroll 0 0;
  color: #000000;
  display: inline-block;
  margin: 0 auto 10px;
  padding: 5px 10px;
}
.continue {
  background: #61bae4 none repeat scroll 0 0;
  color: #fff;
  display: block;
  font-size: 18px;
  font-weight: bold;
  padding: 5px 10px;
  position: relative;
  width: 100px;
}
.continue::before {
  border-bottom: 6px solid transparent;
  border-left: 6px solid #fff;
  border-top: 6px solid transparent;
  content: "";
  position: absolute;
  right: 25px;
  top: 9px;
}
/*social share*/
.share {
  overflow: hidden;
}
.share li {
  display: inline-block;
  float:left;
  text-align: center;
  width: 33%;
}
.share li a {
  color: #fff;
  display: block;
  padding: 0;
  text-transform: uppercase;
  vertical-align: top;
}
.share .fb {
  background: #3b5998 none repeat scroll 0 0;
  color: #fff;
}
.share .tw {
  background: #5ea9dd none repeat scroll 0 0;
  color: #fff;
}
.share .gp {
  background: #df4b38 none repeat scroll 0 0;
  color: #fff;
}
.share i.fa {
	display: inline-block;
	font-size: 16px;
	padding: 5px;
}
#showMenu {
  color: #fff;
  display: none;
  padding: 10px;
  float: right;
  text-indent: -3000px;
}
#showMenu::after {
  border-bottom: 7px solid #fff;
  border-top: 20px double #fff;
  content: "";
  height: 6px;
  position: absolute;
  right: 10px;
  width: 45px;
  top: 10px;
}
.mobile.show {
  display: none;
}
#midle {
	padding: 20px 0;
}
#midle .column2 {
	display: inline-block;
	width: 494px;
	margin: auto 10px;
}
#midle .column2 .widget .thumbs {
	width: 180px;
}
#midle .column1, #midle .column3 {
	max-width: 300px;
	height: auto;
	display: inline-block;
	width: 100%;
	overflow: hidden;
	vertical-align: top;
}
#midle .widget h2.title {
	font-size: 12px;
	margin: 0 auto;
	text-transform: uppercase;
	background: #055c95;
	color: #fff;
	padding: 5px 10px;
	display: inline-block;
	position: relative;
}
#midle .widget h2.title::after {
	content: "";
	position: absolute;
	right: -15px;
	border-top: 24px solid transparent;
	border-left: 15px solid #055c95;
	top: 0;
}
#midle .sum {
	overflow: hidden;
}
#midle .sum .rm {
	display: inline-block;
	color: #333;
	padding: 0;
	font-size: 12px;
}
.widget.staff li {
	display: inline-block;
	width: 25%;
	vertical-align: top;
	height: 80px;
	overflow: hidden;
}
.widget.image li {
	display: inline-block;
	max-width: 33%;
}
.widget.image li .thumbs {
	padding: 1px;
}
.widget.popular li {
	overflow: hidden;
	padding: 0;
	margin: 0 auto 12px;
}
.widget.popular li a {
	font-weight: bold;
	color: #000;
}
.widget.popular li a:hover {
	color: #055c95;
}
.widget.popular .thumbs {
	width: 70px;
	margin-right: 10px;
	float: left;
}
/*
@media only screen and (max-width:1170px){.inner, .menu-wrapper {max-width: 900px;width:100%;}
.mainnews .lastnews {max-width: 365px;}
.mainnews .lastinfo {max-width: 250px;}
.link ul li {font-size: 11px;max-width: 100px;}
	
}
@media only screen and (max-width:950px){
.inner, .menu-wrapper {max-width: 800px;}
.mainnews .lastnews {max-width: 485px;}
.mainnews .lastinfo {max-width: 300px;}
.mainnews .popular {float: none;height: auto;margin: 10px auto auto;width: 100%;overflow: hidden;}
}

@media only screen and (max-width:850px){
.inner, .menu-wrapper {max-width: 700px;}
.mainnews .lastnews {max-width: 385px;}
#footer .widget {max-width: 32.9%;width:100%;}
#footer .widget.four {max-width: none;}
}
*/
@media only screen and (max-width:1122px){
.inner, .menu-wrapper {
	max-width: 1000px;
}
.mainnews .lastnews {
	max-width: 450px;
}
.mainnews .popular {
	max-width: 260px;
	width: 100%;
}
.mainnews .lastinfo {
	max-width: 260px;
}
#midle .column1, #midle .column3 {
	max-width: 260px;
}
#midle .column2 {
	max-width: 452px;
	width:100%;
}
}
@media only screen and (max-width:1150px){
.inner, .menu-wrapper {
	max-width: 900px;
}
.mainnews .lastnews {
	max-width: 350px;
}
.mainnews .lastinfo {
	max-width: 260px;
}
#midle .column2 {
	max-width: 352px;
}
#midle .column2 .widget .thumbs {
	width: 100px;
}
#footer .widget .social li {
	width: 15%;
}
#footer .widget .social li .fa {
	font-size: 22px;
	padding: 10px 5px 0;
	width: 30px;
}
.left-content {
	max-width: 630px;
}
.sidebar {
	max-width: 250px;
	width: 100%;
}
}
@media only screen and (max-width:925px){
.inner, .menu-wrapper {
	max-width: 800px;
}
#midle {
	padding: 10px;
}
.video li {
	max-width: 100%;
}
.header h1 a {
	font-size: 42px;
	padding: 15px 0 0;
}
.mainnews .lastnews {
	max-width: 485px;
}
.mainnews .lastinfo {
	max-width: 300px;
}
.mainnews .popular {
	margin:0 auto;
	max-width: none;
}
#midle .column1, #midle .column3 {
	max-width: 210px;
}
.widget.popular .thumbs {
	width: 50px;
}
#footer h2 {
	font-size: 16px;
}
.left-content {
	max-width: 530px;
}
}
@media only screen and (max-width:825px){
.inner, .menu-wrapper {
	max-width: 700px;
}
.header h1 a {
	font-size: 32px;
}
.mainnews .lastnews {
	max-width: 435px;
}
.mainnews .lastinfo {
	max-width: 250px;
}
.link li a {
	font-size: 14px;
}
#midle .column1, #midle .column3 {
	max-width: none;
	display: block;
}
#midle .column2 {
	max-width: none;
	margin: 0 auto;
	width: 100%;
}
.widget.html {
	text-align: center;
}
#footer .social {
	padding: 10px 0;
}
#footer .widget .social li {
	width: 35%;
}
.left-content {
	max-width: 480px;
}
.sidebar {
	max-width: 200px;
}
}
@media only screen and (max-width:750px){body {background: #fff;}.mainnews .inner, .board .inner {padding: 0;}
.mainnews,.board,.link,#footer,.bottom {
  padding: 10px;
}
.mobile.show {display:block;}
.mobile.hide {display:none;}
#showMenu {
  display: inline-block;
  float: none;
}
#home {
  color: #fff;
  display: inline-block;
  padding: 15px 10px;
}
#nav ul {
  clear: left;
  border-top: 1px solid #ccc;
  display: none;
}
.header {
  display: block;
  float: none;
  margin: 0 auto;
  max-width: none;
  position: relative;
  width: 100%;
}
.header h1 {
	text-align: center;
}
.header h1 a {
	color: #fff;
	font-size: 26px;
	padding: 10px;
	display: block;
}
.titlewrapper img {
	margin: 0 auto;
	display: block;
}
.search {
  display: block;
  float: none;
  padding: 0 10px;
}
.search .search {
  background-position: 15px 10px;
  margin-left: 0;
  padding: 16px;
  position: absolute;
  right: 12px;
  top: 1px;
  width: 50px;
}
.search .text {padding: 15px;width: 100%;}
.jqans-content {
	height: 220px;
}
div.jqans-wrapper.default .jqans-container {
	min-height: 0;
}
.mainnews .popular {float: none;height: auto;margin: 10px auto auto;width: 100%;overflow: hidden;}
.link.fixed {position: relative;}
#nav li {border:none;float: none;}
#nav li {border-bottom: 1px solid #ccc;}
#nav li a {text-align: left;}
#nav li ul {
  background: #333333 none repeat scroll 0 0;
  position: relative;
  width: 100%;
}
#flasnews .title {
  display: none;
}
.TickerNews {
  margin-left: auto;
}
.inner, .menu-wrapper {max-width: 600px;padding:0;}
.mainnews .popular {
	min-height: 0;
}
.mainnews .lastnews {
  display: block;
  max-width: none;
  overflow: hidden;
  margin: 0 auto 20px;
}
.mainnews .lastinfo {
  max-width: none;
  float: none;
  margin: 0 auto;
  height: auto;
  
}
.widget h2 {font-size: 18px;}
#midle .column1, #midle .column3 {
	max-width: none;
	display: block;
}
#midle .column2 {
	display: block;
	width: auto;
	margin: 0 auto;
}
#midle .column2 .widget .thumbs {
	width: 70px;
}
/*single*/
.list-detail .foto {
	float: none;
	max-width: none;
	width: 100%;
	margin: auto;
}
.list-detail .details {
	margin: 20px auto;
}
.full {
	background: #0b5d1f;
	display: block;
	margin: 10px auto;
	padding: 10px;
	font-size: 20px;
	color: #fff;
}
.alumni-list .list {
	display: block;
	width: auto;
	max-width: none;
}
.sidebar .catatan-alumni a, .sidebar .form-alumni h2 {
	font-size: 20px;
	font-weight: bold;
}
.main-wrapper .inner {
	padding: 10px;
	max-width: none;
	width: auto;
}
.left-content > h1 {
	font-size: 20px;
}
.left-content, .sidebar {
	float: none;
	max-width: none;
	width: auto;
	margin: 0 auto;
	overflow: hidden;
}
.alumni-list .list:nth-child(2n+1), .alumni-list .list:nth-child(2n+2) {
	margin: 0 auto;
	float: none;
	display: block;
	width: 100%;
	overflow: hidden;
}
/*end single*/
/*gallery*/
.gallery li {
	width: 49%;
}
.gallery-detail li {
	max-width: 49%;
}
.gallery .thumbs {
	padding: 5px;
}
/*end gallery*/
/*news*/
.post .thumb {
	float: left;
	max-width: 70px;
}
/*end news*/
.bottom {
	color: #fff;
	text-align: center;
}
#footer .widget {
	max-width: none;
	margin: 0 auto 20px;
	display: block;
	width: auto;
}
.link ul li {font-size: 13px;max-width: 128px;margin: 0 auto 10px;}
#footer .widget.four li {
  width: 50%;
}
}