h4, h5, h6,
h1, h2, h3 {margin: 0;}
ul, ol, li{margin: 0;}
p {margin: 0;}
body{
	margin:0;
	padding:0;
}
/*--fonts--*/
@font-face{
    font-family: 'Monda';
	src:url(../fonts/Monda-Regular.ttf) format('truetype');
}
@font-face{
    font-family: 'Monda Bold';
	src:url(../fonts/Monda-Bold.ttf) format('truetype');
}
@font-face{
    font-family: 'Roboto Slab';
	/*src:url(../fonts/Monda-Regular.ttf) format('truetype');*/
	src:url(../fonts/RobotoSlab-Regular.ttf) format('truetype');
}
@font-face{
    font-family: 'Roboto Slab Light';
	src:url(../fonts/RobotoSlab-Light.ttf) format('truetype');
}
@font-face{
    font-family: 'Roboto Slab Bold';
	src:url(../fonts/RobotoSlab-Bold.ttf) format('truetype');
}
@font-face{
    font-family: 'Adobe Garamond Regular';
	src:url(../fonts/AGaramondPro-Regular.otf) format('opentype');
}
@font-face{
    font-family: 'Adobe Garamond Bold Italic';
	src:url(../fonts/AGaramondPro-BoldItalic.otf) format('opentype');
}
@font-face{
    font-family: 'Adobe Garamond Bold';
	src:url(../fonts/AGaramondPro-Bold.otf) format('opentype');
}
@font-face{
    font-family: 'Adobe Garamond Italic';
	src:url(../fonts/AGaramondPro-Italic.otf) format('opentype');
}
@font-face{
    font-family: 'Lucida Handwriting Italic';
	src:url(../fonts/LucidaHandwriting-Italic.ttf) format('truetype');
}
@font-face{
    font-family: 'ChaparralPro Regular';
	src:url(../fonts/ChaparralPro-Regular.otf) format('opentype');
}
@font-face{
    font-family: 'Candara';
	src:url(../fonts/Candara.ttf) format('truetype');
}
.header-top_old{
	background: -moz-linear-gradient(45deg, #191970 0%, #27408B 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #191970), color-stop(100%, #27408B)); /* safari4+,chrome */
    background: -webkit-linear-gradient(45deg, #191970 0%, #27408B 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(45deg, #191970 0%, #27408B 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(45deg, #191970 0%, #27408B 100%); /* ie10+ */
    background: linear-gradient(45deg, #191970 0%, #27408B 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#27408B', endColorstr='#191970',GradientType=1 ); /* ie6-9 */ 
	padding: 0.5em 0em;
    padding-top:1.00em;
    padding-bottom: 1.0em;
	border:0px solid;
}
.header-top {
	padding: 0em 0em;
    padding-top: 0px;
    padding-bottom: 0px;
	border:0px solid;
}
.header-top .boximg {
	float:left;
	margin-right:20px;
    width:160px;
    height:160px;
    border:0px solid;
    color:#000;
    text-align:center;
}

.header-top .boximg img {
	width:160px;
	margin-top:3px;
}
.header-top .boximg .string {
    width:100%;
    margin:0 auto;
    margin-top:30px;
}
.header-top p {
	float:left;
	font-family:"ChaparralPro Regular";
	font-size:24px;
	font-weight:400;
	color:#191970;
	text-transform:uppercase;
	margin-top:40px;
	margin-left:50px;
	line-height:40px;
	letter-spacing:1px;
	border:0px solid;
	text-align:center;
	width:55%;
	text-shadow:
    -1px -1px 0 #fff,
    1px -1px 0 #fff,
    -1px 1px 0 #fff,
    1px 1px 0 #fff;
}
.header-top .boxLogin {
	float:right;
	margin-right:0px;
	margin-top:40px;
	width:20%;
	min-height:30px;
	border:0px solid;
}

.header-top .tagline {
	font-family:"Adobe Garamond Regular";
	font-size:20px;
	font-weight:400;
	color:#000;
	line-height:40px;
	letter-spacing:2px;
	border:0px solid;
	float:left;
	margin-left:250px;
	margin-top:5px;
	text-align:center;
}

.header-top .tagline .bawah {
	font-family:'Adobe Garamond Regular';
	font-size:1em;
	font-weight:400;
	color:#000;
}

.margine {
	clear:both;
	margin-top:10px;
}

.margine1 {
	clear:both;
}

.margine10 {
	clear:both;
	margin-top:20px;
}

.margine30 {
	clear:both;
	margin-top:30px;
}

.sideLeft {
	float:left;
	width:25%;
	min-height:100px;
	border:0px solid;
	margin-bottom:2px;
	padding-left:20px;
}

.sideLeft h3 {
	color: #D47115;
	font-weight: 700;
	font-family: 'Roboto Slab';
	margin-bottom: 5px;
	font-size: 20px;
	text-align:center;
}

.menu_side {
	background:#fff;
	width: auto;
	height: auto;
	padding: 0;
	padding-bottom:30px;
	list-style: none;
	border:0px solid;
	margin-left:70px;
}

.sideLeft_news {
	float:left;
	width:25%;
	min-height:100px;
	border:0px solid;
	margin-bottom:2px;
	padding-left:20px;
}

.sideLeft_news h3 {
	color: #D47115;
	font-weight: 700;
	font-family: 'Roboto Slab';
	margin-bottom: 5px;
	font-size: 20px;
	text-align:center;
}
.marginLeft1 {
	margin-left:1em;
}

.menu_side_news {
	background:#fff;
	width: auto;
	height: auto;
	padding: 0;
	padding-bottom:30px;
	list-style: none;
	border:0px solid;
	margin-left:2px;
}

ul {
	padding: 0;
	list-style: none;
}
.menu_side > li > a {
	border-left:5px solid transparent;
	width: 100%;
	line-height: 2.9em;
	display: block;
	text-indent: 20px;
	position: relative;
	color: #000;
	text-decoration: none;
	font-weight: 500;
	font-size: 12px;
	font-family: 'Roboto Slab';
}
.menu_side ul li a {
	background: #fff;
	width: 100%;
	padding: 6px 0;
	text-indent: 50px;
	display: block;
	position: relative;
	font-size: 15px;
	font-weight: 400;
	color: #625548;
	text-decoration: none;
}
.menu_side ul li a:hover {
	color:#FAB83E;
}
.menu_side > li > a:hover, .menu > li > a.active {
	color: #F8FDFD;
	/*background: #FAB83E;*/
	background: -moz-radial-gradient(center, ellipse cover, rgba(250,184,62,1) 0%, rgba(212,113,21,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(250,184,62,1)), color-stop(100%, rgba(212,113,21,1))); /* safari4+,chrome */
    background:-webkit-radial-gradient(center, ellipse cover, rgba(250,184,62,1) 0%, rgba(212,113,21,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-radial-gradient(center, ellipse cover, rgba(250,184,62,1) 0%, rgba(212,113,21,1) 100%); /* opera 11.10+ */
    background: -ms-radial-gradient(center, ellipse cover, rgba(250,184,62,1) 0%, rgba(212,113,21,1) 100%); /* ie10+ */
    background:radial-gradient(ellipse at center, rgba(250,184,62,1) 0%, rgba(212,113,21,1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FAB83E', endColorstr='#D47115',GradientType=1 ); /* ie6-9 */
}

.menu_side_news > li > a {
	border-left:5px solid transparent;
	width: 100%;
	line-height: 2.9em;
	display: block;
	text-indent: 0px;
	position: relative;
	color: #000;
	text-decoration: none;
	font-weight: 500;
	font-size: 11px;
	font-family: 'Roboto Slab';
	margin-bottom:15px;
}
.menu_side_news ul li a {
	background: #fff;
	width: 100%;
	padding: 6px 0;
	text-indent: 50px;
	display: block;
	position: relative;
	font-size: 15px;
	font-weight: 400;
	color: #625548;
	text-decoration: none;
}
.menu_side_news ul li a:hover {
	color:#FAB83E;
}
.menu_side_news > li > a:hover, .menu > li > a.active {
	color: #F8FDFD;
	/*background: #FAB83E;*/
	background: -moz-radial-gradient(center, ellipse cover, rgba(250,184,62,1) 0%, rgba(212,113,21,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(250,184,62,1)), color-stop(100%, rgba(212,113,21,1))); /* safari4+,chrome */
    background:-webkit-radial-gradient(center, ellipse cover, rgba(250,184,62,1) 0%, rgba(212,113,21,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-radial-gradient(center, ellipse cover, rgba(250,184,62,1) 0%, rgba(212,113,21,1) 100%); /* opera 11.10+ */
    background: -ms-radial-gradient(center, ellipse cover, rgba(250,184,62,1) 0%, rgba(212,113,21,1) 100%); /* ie10+ */
    background:radial-gradient(ellipse at center, rgba(250,184,62,1) 0%, rgba(212,113,21,1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FAB83E', endColorstr='#D47115',GradientType=1 ); /* ie6-9 */
}

.sideRight {
	float:left;
	width:70%;
	min-height:100px;
	border:0px solid;
	margin-bottom:10px;
}

.sideRight img {
	width:100%;
	padding-top:40px;
	padding-bottom:40px;
	padding-left:20px;
	padding-right:20px;
}

.sideRightInner {
	float:left;
	border:0px solid;
	width:45%;
	margin-left:40px;
	min-height:50px;
}

.sideRightInner h3 {
	color:#FFF;
	border-radius:5px;
	font-weight: 700;
	font-family: 'Roboto Slab';
	margin-bottom:20px;
	font-size: 20px;
	text-align:center;
	border:1px solid;
	padding-top:5px;
	padding-bottom:5px;
	background: -moz-radial-gradient(center, ellipse cover, rgba(250,184,62,1) 0%, rgba(212,113,21,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(250,184,62,1)), color-stop(100%, rgba(212,113,21,1))); /* safari4+,chrome */
    background:-webkit-radial-gradient(center, ellipse cover, rgba(250,184,62,1) 0%, rgba(212,113,21,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-radial-gradient(center, ellipse cover, rgba(250,184,62,1) 0%, rgba(212,113,21,1) 100%); /* opera 11.10+ */
    background: -ms-radial-gradient(center, ellipse cover, rgba(250,184,62,1) 0%, rgba(212,113,21,1) 100%); /* ie10+ */
    background:radial-gradient(ellipse at center, rgba(250,184,62,1) 0%, rgba(212,113,21,1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FAB83E', endColorstr='#D47115',GradientType=1 ); /* ie6-9 */
}

.sideRightInner .isi {
	color:#000;
	font-family:'Roboto Slab';
	font-size:17px;
	margin-top:10px;
	border:0px solid;
	padding-bottom:10px;
	padding-top:0px;
	line-height:30px;
	text-align:justify;
}

.limitIsi {
	color:#000;
}

.sideRightInnerTable {
	float:left;
	border:0px solid;
	width:45%;
	margin-left:60px;
	margin-bottom:20px;
	min-height:50px;
	border:1px solid;
	border-radius:5px;
	border-color:#D47115;
}

.sideRightInnerTable h3 {
	color:#FFF;
	border-radius:5px;
	font-weight: 700;
	font-family: 'Roboto Slab';
	margin-bottom:20px;
	font-size: 20px;
	text-align:center;
	border:1px solid;
	padding-top:5px;
	padding-bottom:5px;
	background: -moz-radial-gradient(center, ellipse cover, rgba(250,184,62,1) 0%, rgba(212,113,21,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(250,184,62,1)), color-stop(100%, rgba(212,113,21,1))); /* safari4+,chrome */
    background:-webkit-radial-gradient(center, ellipse cover, rgba(250,184,62,1) 0%, rgba(212,113,21,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-radial-gradient(center, ellipse cover, rgba(250,184,62,1) 0%, rgba(212,113,21,1) 100%); /* opera 11.10+ */
    background: -ms-radial-gradient(center, ellipse cover, rgba(250,184,62,1) 0%, rgba(212,113,21,1) 100%); /* ie10+ */
    background:radial-gradient(ellipse at center, rgba(250,184,62,1) 0%, rgba(212,113,21,1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FAB83E', endColorstr='#D47115',GradientType=1 ); /* ie6-9 */
}

.sideRightInnerTable .isi {
	color:#000;
	font-family:'Adobe Garamond Regular';
	font-size:20px;
	margin-top:10px;
	border:0px solid;
	padding-bottom:20px;
	padding-top:0px;
	padding-left:20px;
	padding-right:10px;
	line-height:30px;
	text-align:justify;
}

.sideRightInnerTable2 {
	float:left;
	border:0px solid;
	width:90%;
	margin-left:60px;
	margin-bottom:20px;
	min-height:50px;
	border:1px solid;
	border-radius:5px;
	border-color:#D47115;
}

.sideRightInnerTable2 h3 {
	color:#FFF;
	border-radius:5px;
	font-weight: 700;
	font-family: 'Roboto Slab';
	margin-bottom:20px;
	font-size: 20px;
	text-align:center;
	border:1px solid;
	padding-top:10px;
	padding-bottom:10px;
	background: -moz-radial-gradient(center, ellipse cover, rgba(250,184,62,1) 0%, rgba(212,113,21,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(250,184,62,1)), color-stop(100%, rgba(212,113,21,1))); /* safari4+,chrome */
    background:-webkit-radial-gradient(center, ellipse cover, rgba(250,184,62,1) 0%, rgba(212,113,21,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-radial-gradient(center, ellipse cover, rgba(250,184,62,1) 0%, rgba(212,113,21,1) 100%); /* opera 11.10+ */
    background: -ms-radial-gradient(center, ellipse cover, rgba(250,184,62,1) 0%, rgba(212,113,21,1) 100%); /* ie10+ */
    background:radial-gradient(ellipse at center, rgba(250,184,62,1) 0%, rgba(212,113,21,1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FAB83E', endColorstr='#D47115',GradientType=1 ); /* ie6-9 */
}

.sideRightInnerTable2 h3 .ket {
	font-size:15px;
	margin-top:20px;
	font-weight:normal;
}

.sideRightInnerTable2 .isi, .sideRightInnerTable2 .isi2 {
	color:#000;
	font-family:'Adobe Garamond Regular';
	font-size:20px;
	margin-top:10px;
	border:0px solid;
	padding-bottom:10px;
	padding-top:10px;
	padding-left:20px;
	padding-right:10px;
	line-height:30px;
	text-align:justify;
}

.sideRightInnerTable2 .isi2 {
	background-color:#FFFFE0;
}

.sideRightInnerTable2 .isi .detail {
	font-size:16px;
	padding-left:20px;
}

.sideRightInnerTable3 {
	float:left;
	border:0px solid;
	width:95%;
	margin-left:60px;
	margin-bottom:20px;
	min-height:50px;
	border:1px solid;
	border-radius:5px;
	border-color:#D47115;
}

.sideRightInnerTable3 h3 {
	color:#FFF;
	border-radius:5px;
	font-weight: 700;
	font-family: 'Roboto Slab';
	margin-bottom:20px;
	font-size: 20px;
	text-align:center;
	border:1px solid;
	padding-top:10px;
	padding-bottom:10px;
	background: -moz-radial-gradient(center, ellipse cover, rgba(250,184,62,1) 0%, rgba(212,113,21,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(250,184,62,1)), color-stop(100%, rgba(212,113,21,1))); /* safari4+,chrome */
    background:-webkit-radial-gradient(center, ellipse cover, rgba(250,184,62,1) 0%, rgba(212,113,21,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-radial-gradient(center, ellipse cover, rgba(250,184,62,1) 0%, rgba(212,113,21,1) 100%); /* opera 11.10+ */
    background: -ms-radial-gradient(center, ellipse cover, rgba(250,184,62,1) 0%, rgba(212,113,21,1) 100%); /* ie10+ */
    background:radial-gradient(ellipse at center, rgba(250,184,62,1) 0%, rgba(212,113,21,1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FAB83E', endColorstr='#D47115',GradientType=1 ); /* ie6-9 */
}

.sideRightInnerTable3 h3 .ket {
	font-size:15px;
	margin-top:20px;
	font-weight:normal;
}

.sideRightInnerTable3 .isi {
	float:left;
	width:40%;
	color:#000;
	font-family:'Adobe Garamond Regular';
	font-size:20px;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:40px;
	margin-right:40px;
	border:0px solid;
	padding-bottom:10px;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	line-height:30px;
	text-align:left;
}

.sideRightInnerTable3 .isi a {
	text-decoration:none;
	color:#000;
	font-style:italic;
}

.sideRightInnerTable3 .isi a:hover {
	text-decoration:none;
	color:#00C;
}

.sideRightInnerTable4 {
	float:left;
	width:95%;
	margin-left:60px;
	margin-bottom:20px;
	min-height:50px;
	border:1px solid;
	border-radius:5px;
	border-color:#D47115;
}

.sideRightInnerTable4 h3, h4 {
	color:#FFF;
	border-radius:5px;
	font-weight: 700;
	font-family: 'Roboto Slab';
	margin-bottom:20px;
	font-size: 20px;
	text-align:center;
	border:1px solid;
	padding-top:10px;
	padding-bottom:10px;
	background: -moz-radial-gradient(center, ellipse cover, rgba(250,184,62,1) 0%, rgba(212,113,21,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(250,184,62,1)), color-stop(100%, rgba(212,113,21,1))); /* safari4+,chrome */
    background:-webkit-radial-gradient(center, ellipse cover, rgba(250,184,62,1) 0%, rgba(212,113,21,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-radial-gradient(center, ellipse cover, rgba(250,184,62,1) 0%, rgba(212,113,21,1) 100%); /* opera 11.10+ */
    background: -ms-radial-gradient(center, ellipse cover, rgba(250,184,62,1) 0%, rgba(212,113,21,1) 100%); /* ie10+ */
    background:radial-gradient(ellipse at center, rgba(250,184,62,1) 0%, rgba(212,113,21,1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FAB83E', endColorstr='#D47115',GradientType=1 ); /* ie6-9 */
}

.sideRightInnerTable4 h4 {
	font-size:15px;
	font-weight:normal;
}

.sideRightInnerTable4 h3 .ket {
	font-size:15px;
	margin-top:20px;
	font-weight:normal;
}

.sideRightInnerTable4 .isi {
	float:left;
	width:45%;
    min-height:130px;
	color:#000;
	font-family:'Adobe Garamond Regular';
	font-size:18px;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:20px;
	margin-right:20px;
	border:0px solid;
	padding-bottom:10px;
	padding-top:10px;
	padding-left:0px;
	padding-right:0px;
	line-height:30px;
	text-align:left;
}
.sideRightInnerTable4 .isiAgenda {
	float:left;
	width:90%;
	color:#000;
	font-family:'Adobe Garamond Regular';
	font-size:18px;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:20px;
	margin-right:20px;
	border:0px solid;
	padding-bottom:10px;
	padding-top:10px;
	padding-left:0px;
	padding-right:0px;
	line-height:30px;
	text-align:left;
}
.sideRightInnerTable4 .isi img {
	width:480px;
	height:480px;
	border:1px solid;
	margin-bottom:10px;
	margin-left:190px;
	padding:0px;
}
.sideRightInnerTable4 .isiAgenda img {
	width:100%;
	height:auto;
    margin:0 auto;
	margin-bottom:20px;
    margin-left:20px;
	padding:0px;
}
.sideRightInnerTable4 .isi a, .sideRightInnerTable4 .isiAgenda a {
	text-decoration:none;
	color:#B35F12;
	font-style:italic;
	border:0px solid;
}

.sideRightInnerTable4 .isi a:hover, .sideRightInnerTable4 .isiAgenda a:hover {
	text-decoration:none;
	color:#00C;
}

.sideRightInnerTable4 .isi .highlight, .sideRightInnerTable4 .isiAgenda .highlight {
	color:#000;
	font-size:12px;
	font-family: 'Roboto Slab';
	border:0px solid;
	padding-top:0px;
	line-height:normal;
}

.sideRightInnerTable4 .isiContent {
	width:95%;
	min-height:100px;
	color:#000;
	font-family:'Adobe Garamond Regular';
	margin-top:3px;
	margin-bottom:10px;
	margin-left:10px;
	margin-right:10px;
	border:0px solid;
	padding-bottom:10px;
	padding-top:10px;
	padding-left:10px;
	padding-right:5px;
	line-height:30px;
	text-align:left;
}
.sideRightInnerTable4 .isiContent .title {
	text-align:center;
	font-weight:600;
	font-size:18px;
}
.sideRightInnerTable4 .isiContent .titleDua {
	text-align:center;
	font-weight:600;
	font-size:16px;
}
.sideRightInnerTable4 .isiContent img.satu, img.dua {
	float:left;
	width:350px;
	margin-left:50px;
}
.sideRightInnerTable4 .isiContent img.dua {
	margin-left:10px;
}
.sideRightInnerTable4 .isiContent img.tiga {
	float:left;
	width:500px;
	margin-left:170px;
}
.sideRightInnerTable4 .isiContent .berita {
	font-size:16px;
	text-align:justify;
}
.sideRightInnerTable4 .isiContent .berita  ul {
	margin-left:30px;
	border:0px solid;
}
.sideRightInnerTable4 .isiContent .berita  ul li {
	list-style:disc;
}
.sideRightInnerTable4 .isiContent .berita  ul li.satu {
	list-style:circle;
}
.sideRightInnerTable4 .isiContent .berita .highlight {
	color:#000;
	font-size:14px;
	font-family:'Adobe Garamond Regular';
	border:0px solid;
	padding-top:0px;
	line-height:normal;
    margin-top:30px;
}
.sideRightInnerTable4 .isiContent .berita .highlight a {
    text-decoration:none;
    color:#000;
}
.sideRightInnerTable4 .isiContent .berita .highlight a:hover {
    color:#ff8000;
}

.sideRightInnerTable4 .isiContent .berita table {
    margin:0 auto;
    width:90%;
    border-collapse:collapse;
    border:1px solid;
}

.sideRightInnerTable4 .isiContent .berita td.satu, td.dua, td.tiga {
    border-collapse:collapse;
    border:1px solid;
    padding-left:5px;
    padding-right:5px;
}

.sideRightInnerTable4 .isiContent .berita td.satu {
    width:20%;
}

.sideRightInnerTable4 .isiContent .berita td.dua, td.tiga {
    width:80%;
}
.sideRightInnerTable4 .isiContent .berita td.tiga {
    padding-left:20px;
}

.sideRightInnerTable5 {
	float:left;
	border:0px solid;
	width:95%;
	margin-left:60px;
	margin-bottom:20px;
	min-height:50px;
	border:1px solid;
	border-radius:5px;
	border-color:#D47115;
	padding-bottom:20px;
}

.sideRightInnerTable5 h3 {
	color:#FFF;
	border-radius:5px;
	font-weight: 700;
	font-family: 'Roboto Slab';
	margin-bottom:20px;
	font-size: 20px;
	text-align:center;
	border:1px solid;
	padding-top:10px;
	padding-bottom:10px;
	background: -moz-radial-gradient(center, ellipse cover, rgba(250,184,62,1) 0%, rgba(212,113,21,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(250,184,62,1)), color-stop(100%, rgba(212,113,21,1))); /* safari4+,chrome */
    background:-webkit-radial-gradient(center, ellipse cover, rgba(250,184,62,1) 0%, rgba(212,113,21,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-radial-gradient(center, ellipse cover, rgba(250,184,62,1) 0%, rgba(212,113,21,1) 100%); /* opera 11.10+ */
    background: -ms-radial-gradient(center, ellipse cover, rgba(250,184,62,1) 0%, rgba(212,113,21,1) 100%); /* ie10+ */
    background:radial-gradient(ellipse at center, rgba(250,184,62,1) 0%, rgba(212,113,21,1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FAB83E', endColorstr='#D47115',GradientType=1 ); /* ie6-9 */
}

.sideRightInnerTable5 h3 .ket {
	font-size:15px;
	margin-top:20px;
	font-weight:normal;
}

.sideRightInnerTable5 .isi {
	float:left;
	width:40%;
	color:#000;
	font-family:'Adobe Garamond Regular';
	font-size:20px;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:50px;
	margin-right:30px;
	border:1px solid;
	border-color:#CCC;
	padding-bottom:0px;
	padding-top:0px;
	padding-left:0px;
	padding-right:0px;
	line-height:30px;
	text-align:left;
}

.sideRightInnerTable5 .isi img {
	width:100%;
}

.sideRightInnerTable5 .isi a {
	text-decoration:none;
	color:#000;
	font-style:italic;
}

.sideRightInnerTable5 .isi a:hover {
	filter: alpha(opacity=50);
	opacity: .50;
}

.sideRightInnerTable5 .isiBook {
	float:left;
	width:40%;
	color:#000;
	font-family:'Adobe Garamond Regular';
	margin-top:3px;
	margin-bottom:3px;
	margin-left:50px;
	margin-right:30px;
	border:0px solid;
	border-color:#CCC;
	padding-bottom:0px;
	padding-top:0px;
	padding-left:0px;
	padding-right:0px;
	text-align:left;
}

.sideRightInnerTable5 .isiBook img {
	width:100%;
}

.sideRightInnerTable5 .isiBook a {
	text-decoration:none;
	color:#000;
	font-style:italic;
}

.sideRightInnerTable5 .isiBook a:hover {
	filter: alpha(opacity=50);
	opacity: .50;
}

.sideRightInnerTable6 {
	float:left;
	border:0px solid;
	width:90%;
	margin-left:60px;
	margin-bottom:20px;
	min-height:50px;
	border:1px solid;
	border-radius:5px;
	border-color:#D47115;
}

.sideRightInnerTable6 h3 {
	color:#FFF;
	border-radius:5px;
	font-weight: 700;
	font-family: 'Roboto Slab';
	margin-bottom:20px;
	font-size: 20px;
	text-align:center;
	border:1px solid;
	padding-top:10px;
	padding-bottom:10px;
	background: -moz-radial-gradient(center, ellipse cover, rgba(250,184,62,1) 0%, rgba(212,113,21,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(250,184,62,1)), color-stop(100%, rgba(212,113,21,1))); /* safari4+,chrome */
    background:-webkit-radial-gradient(center, ellipse cover, rgba(250,184,62,1) 0%, rgba(212,113,21,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-radial-gradient(center, ellipse cover, rgba(250,184,62,1) 0%, rgba(212,113,21,1) 100%); /* opera 11.10+ */
    background: -ms-radial-gradient(center, ellipse cover, rgba(250,184,62,1) 0%, rgba(212,113,21,1) 100%); /* ie10+ */
    background:radial-gradient(ellipse at center, rgba(250,184,62,1) 0%, rgba(212,113,21,1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FAB83E', endColorstr='#D47115',GradientType=1 ); /* ie6-9 */
}

.sideRightInnerTable6 h3 .ket {
	font-size:15px;
	margin-top:20px;
	font-weight:normal;
}

.sideRightInnerTable6 .baris {
	margin-bottom:20px;
	border:0px solid;
}

.sideRightInnerTable6 .baris .isi {
	color:#000;
	font-family:'Adobe Garamond Regular';
	font-size:22px;
	border:0px solid;
	padding-bottom:2px;
	padding-top:10px;
	padding-left:20px;
	padding-right:10px;
	margin-bottom:10px;
	line-height:30px;
	text-align:justify;
	font-weight:600;
}
.sideRightInnerTable6 .baris .isiMid {
	color:#000;
	font-family:'Adobe Garamond Regular';
	font-size:20px;
	padding-left:45px;
	margin-bottom:5px;
	text-align:justify;
	font-weight:600;
}
.sideRightInnerTable6 .baris .isiLink {
	color:#000;
	font-family:'Adobe Garamond Regular';
	font-size:18px;
	padding-left:65px;
	margin-bottom:5px;
	text-align:justify;
}

.sideRightInnerTable7 {
	float:left;
	width:95%;
	margin-left:60px;
	margin-bottom:20px;
	min-height:50px;
	border:1px solid;
	border-radius:5px;
	border-color:#D47115;
}

.sideRightInnerTable7 h3 {
	color:#FFF;
	border-radius:5px;
	font-weight: 700;
	font-family: 'Roboto Slab';
	margin-bottom:20px;
	font-size: 20px;
	text-align:center;
	border:1px solid;
	padding-top:10px;
	padding-bottom:10px;
	background: -moz-radial-gradient(center, ellipse cover, rgba(250,184,62,1) 0%, rgba(212,113,21,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(250,184,62,1)), color-stop(100%, rgba(212,113,21,1))); /* safari4+,chrome */
    background:-webkit-radial-gradient(center, ellipse cover, rgba(250,184,62,1) 0%, rgba(212,113,21,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-radial-gradient(center, ellipse cover, rgba(250,184,62,1) 0%, rgba(212,113,21,1) 100%); /* opera 11.10+ */
    background: -ms-radial-gradient(center, ellipse cover, rgba(250,184,62,1) 0%, rgba(212,113,21,1) 100%); /* ie10+ */
    background:radial-gradient(ellipse at center, rgba(250,184,62,1) 0%, rgba(212,113,21,1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FAB83E', endColorstr='#D47115',GradientType=1 ); /* ie6-9 */
}

.sideRightInnerTable7 .isi {
	width:95%;
	color:#000;
	font-family:'Adobe Garamond Regular';
	font-size:18px;
	margin-top:10px;
	margin-bottom:20px;
	margin-left:20px;
	margin-right:5px;
	border-bottom:0px solid;
	padding-bottom:10px;
	padding-top:10px;
	padding-left:0px;
	padding-right:0px;
	/*line-height:30px;*/
	text-align:left;
}

.sideRightInnerTable7 .isi a {
	text-decoration:none;
	color:#B35F12;
	font-style:normal;
	border:0px solid;
}

.sideRightInnerTable7 .isi a:hover {
	text-decoration:none;
	color:#00C;
}

.sideRightInnerTable7 .isi .highlight {
	color:#000;
	font-size:12px;
	font-family: 'Roboto Slab';
	border:0px solid;
	padding-top:0px;
	line-height:normal;
}

.sideRightInnerTable8 {
	width:95%;
	margin-left:200px;
	margin-bottom:20px;
	min-height:50px;
	border:1px solid;
	border-radius:5px;
	border-color:#D47115;
}

.sideRightInnerTable8 .isi {
	width:95%;
	color:#000;
	font-family: 'Roboto Slab';
	font-size:18px;
	margin-top:2px;
	margin-bottom:20px;
	margin-left:40px;
	margin-right:5px;
	border-bottom:0px solid;
	padding-bottom:10px;
	padding-top:10px;
	padding-left:0px;
	padding-right:0px;
	text-align:left;
	line-height:30px;
	border:0px solid;
}

.sideRightInnerTable8 .isiTitle {
	width:95%;
	color:#000;
	font-family: 'Roboto Slab';
	font-size:22px;
	font-weight:600;
	margin-top:10px;
	margin-bottom:0px;
	margin-left:40px;
	margin-right:5px;
	border-bottom:0px solid;
	padding-bottom:10px;
	padding-top:10px;
	padding-left:0px;
	padding-right:0px;
	text-align:left;
	line-height:30px;
	border:0px solid;
}

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

.sideRightInnerTable8 .isi a:hover {
	color:#B35F12;
	text-decoration:none
}

.sideRightInnerTable8 .peta {
	margin-left:40px;
	margin-bottom:30px;
}

.sideRightInnerTable9 {
	float:left;
	width:95%;
	margin-left:60px;
	margin-bottom:20px;
	min-height:50px;
	border:1px solid;
	border-radius:5px;
	border-color:#D47115;
	padding-bottom:20px;
}

.sideRightInnerTable9 h3 {
	color:#FFF;
	border-radius:5px;
	font-weight: 700;
	font-family: 'Roboto Slab';
	margin-bottom:20px;
	font-size: 20px;
	text-align:center;
	border:1px solid;
	padding-top:10px;
	padding-bottom:10px;
	background: -moz-radial-gradient(center, ellipse cover, rgba(250,184,62,1) 0%, rgba(212,113,21,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(250,184,62,1)), color-stop(100%, rgba(212,113,21,1))); /* safari4+,chrome */
    background:-webkit-radial-gradient(center, ellipse cover, rgba(250,184,62,1) 0%, rgba(212,113,21,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-radial-gradient(center, ellipse cover, rgba(250,184,62,1) 0%, rgba(212,113,21,1) 100%); /* opera 11.10+ */
    background: -ms-radial-gradient(center, ellipse cover, rgba(250,184,62,1) 0%, rgba(212,113,21,1) 100%); /* ie10+ */
    background:radial-gradient(ellipse at center, rgba(250,184,62,1) 0%, rgba(212,113,21,1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FAB83E', endColorstr='#D47115',GradientType=1 ); /* ie6-9 */
}

.sideRightInnerTable9 .frameLagu {
	width:95%;
	margin-left:20px;
	margin-right:20px;
	margin-bottom:0px;
	min-height:100px;
	border:0px solid;
}

.sideRightInnerTable9 .frameLagu .headerJudul, .headerPencipta {
	float:left;
	font-size:16px;
	font-weight:600;
	font-family: 'Roboto Slab';
	background:#FFF;
	color:#B35F12;
	border:0px solid;
	margin-bottom:0px;
	text-align:left;
	margin-bottom:10px;
}

.sideRightInnerTable9 .frameLagu .headerJudul  {
	margin-left:15px;
}

.sideRightInnerTable9 .frameLagu .headerPencipta  {
	margin-left:355px;
}

.sideRightInnerTable9 ul {
	margin-left:10px;
}

.sideRightInnerTable9 ul li.ganjil, li.genap {
	list-style:none;
	font-family: 'Roboto Slab';
	line-height:40px;
	border-bottom:1px solid #D9D9D9;
	padding-left:5px;
	padding-right:5px;
}

.sideRightInnerTable9 ul li.ganjil {
	background-color:#FFF;
}

.sideRightInnerTable9 ul li.genap {
	background-color:#F2F2F2;
}

.sideRightInnerTable9 ul li .judul {
	float:left;
	margin-left:2px;
	font-size:14px;
}

.sideRightInnerTable9 ul li .pencipta {
	float:left;
	margin-left:300px;
	font-size:14px;
}

.sideRightInnerTable9 ul li a {
	float:right;
	margin-right:0px;
	margin-right:15px;
	font-size:11px;
	text-decoration:none;
	color:#B35F12;
	font-style:normal;
	border:0px solid;
}

.sideRightInnerTable9 ul li a:hover {
	text-decoration:none;
	color:#00C;
}

.sideRightInnerTable10 {
	float:left;
	width:95%;
	margin-left:60px;
	margin-bottom:20px;
	min-height:50px;
	border:1px solid;
	border-radius:5px;
	border-color:#D47115;
	padding-bottom:20px;
}

.sideRightInnerTable10 h3 {
	color:#FFF;
	border-radius:5px;
	font-weight: 700;
	font-family: 'Roboto Slab';
	margin-bottom:20px;
	font-size: 20px;
	text-align:center;
	border:1px solid;
	padding-top:10px;
	padding-bottom:10px;
	background: -moz-radial-gradient(center, ellipse cover, rgba(250,184,62,1) 0%, rgba(212,113,21,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(250,184,62,1)), color-stop(100%, rgba(212,113,21,1))); /* safari4+,chrome */
    background:-webkit-radial-gradient(center, ellipse cover, rgba(250,184,62,1) 0%, rgba(212,113,21,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-radial-gradient(center, ellipse cover, rgba(250,184,62,1) 0%, rgba(212,113,21,1) 100%); /* opera 11.10+ */
    background: -ms-radial-gradient(center, ellipse cover, rgba(250,184,62,1) 0%, rgba(212,113,21,1) 100%); /* ie10+ */
    background:radial-gradient(ellipse at center, rgba(250,184,62,1) 0%, rgba(212,113,21,1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FAB83E', endColorstr='#D47115',GradientType=1 ); /* ie6-9 */
}

.sideRightInnerTable10 .frameLagu {
	width:95%;
	margin-left:20px;
	margin-right:20px;
	margin-bottom:0px;
	min-height:100px;
	border:0px solid;
}

.sideRightInnerTable10 .frameLagu .headerJudul, .headerPencipta {
	float:left;
	font-size:16px;
	font-weight:600;
	font-family: 'Roboto Slab';
	background:#FFF;
	color:#B35F12;
	border:0px solid;
	margin-bottom:0px;
	text-align:left;
	margin-bottom:10px;
}

.sideRightInnerTable10 .frameLagu .headerJudul  {
	margin-left:15px;
	width:53%;
	border:0px solid;
}

.sideRightInnerTable10 .frameLagu .headerPencipta  {
	margin-left:10px;
	width:30%;
	border:0px solid;
}

.sideRightInnerTable10 ul {
	margin-left:10px;
}

.sideRightInnerTable10 ul li.ganjil, li.genap {
	list-style:none;
	font-family: 'Roboto Slab';
	line-height:40px;
	border-bottom:1px solid #D9D9D9;
	padding-left:5px;
	padding-right:5px;
}

.sideRightInnerTable10 ul li.ganjil {
	background-color:#FFF;
}

.sideRightInnerTable10 ul li.genap {
	background-color:#F2F2F2;
}

.sideRightInnerTable10 ul li .judul {
	float:left;
	margin-left:2px;
	font-size:14px;
	width:55%;
	border:0px solid;
}

.sideRightInnerTable10 ul li .pencipta {
	float:left;
	margin-left:5px;
	font-size:12px;
	width:33%;
	border:0px solid;
}

.sideRightInnerTable10 ul li a {
	float:right;
	margin-right:3px;
	font-size:11px;
	text-decoration:none;
	color:#B35F12;
	font-style:normal;
	border:0px solid;
}

.sideRightInnerTable10 ul li a:hover {
	text-decoration:none;
	color:#00C;
}

.sideRightInnerTable11 {
	float:left;
	width:95%;
	margin-left:60px;
	margin-bottom:20px;
	min-height:50px;
	border:1px solid;
	border-radius:5px;
	border-color:#D47115;
	padding-bottom:20px;
}

.sideRightInnerTable11 h3 {
	color:#FFF;
	border-radius:5px;
	font-weight: 700;
	font-family: 'Roboto Slab';
	margin-bottom:20px;
	font-size: 20px;
	text-align:center;
	border:1px solid;
	padding-top:10px;
	padding-bottom:10px;
	background: -moz-radial-gradient(center, ellipse cover, rgba(250,184,62,1) 0%, rgba(212,113,21,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(250,184,62,1)), color-stop(100%, rgba(212,113,21,1))); /* safari4+,chrome */
    background:-webkit-radial-gradient(center, ellipse cover, rgba(250,184,62,1) 0%, rgba(212,113,21,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-radial-gradient(center, ellipse cover, rgba(250,184,62,1) 0%, rgba(212,113,21,1) 100%); /* opera 11.10+ */
    background: -ms-radial-gradient(center, ellipse cover, rgba(250,184,62,1) 0%, rgba(212,113,21,1) 100%); /* ie10+ */
    background:radial-gradient(ellipse at center, rgba(250,184,62,1) 0%, rgba(212,113,21,1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FAB83E', endColorstr='#D47115',GradientType=1 ); /* ie6-9 */
}

.sideRightInnerTable11 .frameLagu {
	width:95%;
	margin:0 auto;
	margin-bottom:0px;
	min-height:100px;
	border:0px solid;
}

.sideRightInnerTable11 ul {
	margin-left:0px;
}

.sideRightInnerTable11 ul li.ganjil, li.genap {
	list-style:none;
	font-family: 'Roboto Slab';
	line-height:40px;
	border-bottom:1px solid #D9D9D9;
	padding-left:5px;
	padding-right:5px;
}

.sideRightInnerTable11 ul li.ganjil {
	background-color:#FFF;
}

.sideRightInnerTable11 ul li.genap {
	background-color:#F2F2F2;
}

.sideRightInnerTable11 ul li .judul {
	float:left;
	margin-left:2px;
	font-size:14px;
}

.sideRightInnerTable11 ul li a.view {
	float:right;
	margin-right:15px;
	font-size:11px;
	text-decoration:none;
	color:#B35F12;
	font-style:normal;
	border:0px solid;
}

.sideRightInnerTable11 ul li a.view:hover {
	text-decoration:none;
	color:#00C;
}

.sideRightInnerTable11 ul li a.download {
	float:right;
	margin-right:15px;
	font-size:11px;
	text-decoration:none;
	color:#B35F12;
	font-style:normal;
	border:0px solid;
}

.sideRightInnerTable11 ul li a.download:hover {
	text-decoration:none;
	color:#00C;
}

.box-shadow-content{
	width:95%;
	min-height:150px;
	background:#FAB83E;
	margin:40px auto;
	margin-top:5px;
	border:0px solid;
	padding-top:20px;
	padding-bottom:40px;
	padding-left:30px;
	padding-right:30px;
}

.box-shadow-effect
{
  position: relative;
}
.box-shadow-effect:before, .box-shadow-effect:after{
	z-index: -1;
	position: absolute;
	content: "";
	bottom: 15px;
	left: 10px;
	width: 50%;
	top: 80%;
	max-width:300px;
	background: #777;
	-webkit-box-shadow: 0 15px 10px #777;
	-moz-box-shadow: 0 15px 10px #777;
	box-shadow: 0 15px 10px #777;
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	transform: rotate(-3deg);
}
.box-shadow-effect:after{
	-webkit-transform: rotate(3deg);
	-moz-transform: rotate(3deg);
	-o-transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	transform: rotate(3deg);
	right: 10px;
	left: auto;
}
.box-shadow-content h3 {
	color:#000;
	font-weight: 800;
	font-family: 'Roboto Slab';
	margin-bottom:20px;
	font-size: 20px;
	text-align:center;
}
.box-shadow-content p {
	font-family: 'Monda';
	font-size: 15px;
	font-weight: 100;
	color: #000;
	text-align:justify;
	line-height:30px;
}

img.logo_yayasan {
	margin-left:200px;
	margin-bottom:30px;
	/*border:1px solid;*/
	width:480px;
	-webkit-box-shadow:
     0px 0px 0px 2px rgba(0,0,0,0.6),
                0px 0px 0px 14px #fff,
                0px 0px 0px 18px rgba(0,0,0,0.2),
                6px 6px 8px 17px #555;
  
     -moz-box-shadow:
     0px 0px 0px 2px rgba(0,0,0,0.6),
                0px 0px 0px 14px #fff,
                0px 0px 0px 18px rgba(0,0,0,0.2),
                6px 6px 8px 17px #555;
  
     box-shadow:
     0px 0px 0px 2px rgba(0,0,0,0.6),
                0px 0px 0px 14px #fff,
                0px 0px 0px 18px rgba(0,0,0,0.2),
                6px 6px 8px 17px #555;
}

.navbar-header a.navbar-brand.logo-st,.navbar-header a.navbar-brand.logo-st:hover{
	font-family: 'Roboto Slab';
	font-weight:700;
	font-size: 35px;
	text-decoration:none;
	color:#D47115;
	margin-top: 2px;
}
img.navbar-brand2 {
	width:90px;
	border:0px solid;
}
nav.navbar.navbar-default.chn-gd{
	background-color: #fff;
	border-bottom: 1px solid #EBEBEB;
	padding: 0em 0em;
	padding-bottom:2em;
	margin: 0;
}
.icn_pos {
	font-size: 16px;
	padding-left:20px;
}
.icn_pos.hm{
	padding-left:12px;
}
.icn_pos.hm2 {
	padding-left: 40px;
}
.navbar-nav{
	border:0px solid;
	margin-top:30px;
	margin-left:260px;
	position: relative;
	z-index:9999;
}
.navbar-default .navbar-nav>li{
	border-right:1px solid #191970;
	padding: 0px 0px 0px;
}
.navbar-default .navbar-nav>li:nth-child(6){
	border-right:none;
}
.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a{
	padding: 4px 12px;
	color: #191970 !important;
	font-family: 'Roboto Slab';
	font-weight: 500;
	font-size: 14px;
	border:0px solid;
}
.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover {
	color: #FFF !important;
	border-radius: 2px;
	transition:0.6s all;
	background: -moz-radial-gradient(center, ellipse cover, #3557BD 0%, #191970 100%); /* ff3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #3557BD), color-stop(100%, #191970)); /* safari4+,chrome */
    background: -webkit-radial-gradient(center, ellipse cover, #3557BD 0%, #191970 100%); /* safari5.1+,chrome10+ */
    background: -o-radial-gradient(center, ellipse cover, #3557BD 0%, #191970 100%); /* opera 11.10+ */
    background: -ms-radial-gradient(center, ellipse cover, #3557BD 0%, #191970 100%); /* ie10+ */
    background: radial-gradient(ellipse at center, #3557BD 0%, #191970 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3557BD', endColorstr='#191970',GradientType=1 ); /* ie6-9 */ 
}

.navbar-nav>li:hover {
	color: #FFF !important;
	border-radius: 2px;
	transition:0.6s all;
	background: -moz-radial-gradient(center, ellipse cover, #3557BD 0%, #191970 100%); /* ff3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #3557BD), color-stop(100%, #191970)); /* safari4+,chrome */
    background: -webkit-radial-gradient(center, ellipse cover, #3557BD 0%, #191970 100%); /* safari5.1+,chrome10+ */
    background: -o-radial-gradient(center, ellipse cover, #3557BD 0%, #191970 100%); /* opera 11.10+ */
    background: -ms-radial-gradient(center, ellipse cover, #3557BD 0%, #191970 100%); /* ie10+ */
    background: radial-gradient(ellipse at center, #3557BD 0%, #191970 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3557BD', endColorstr='#191970',GradientType=1 ); /* ie6-9 */ 
}

.navbar-nav>li:hover>a {
	color: #FF0000 !important;
}
/*------ Sub menu --------*/
.navbar-nav>li:hover > ul { 
	visibility: visible;
}
.navbar-nav ul { 
	width: 230px;
	visibility: hidden;
	position:absolute;
	top: 100%;
	left: 0;
	border:0px solid;
}
.navbar-nav ul li {
	font-weight: normal; 
	color: #FFF;
	font-family: 'Roboto Slab';
	border-bottom: 1px solid #F7F7F7;
	float: none; 
	margin-bottom:0px; 
	font-size: 12px;
	text-align:left;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:10px;
	background: -moz-linear-gradient(45deg, #191970 0%, #27408b 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #191970), color-stop(100%, #27408b)); /* safari4+,chrome */
    background: -webkit-linear-gradient(45deg, #191970 0%, #27408b 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(45deg, #191970 0%, #27408b 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(45deg, #191970 0%, #27408b 100%); /* ie10+ */
    background: linear-gradient(45deg, #191970 0%, #27408b 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#27408b', endColorstr='#191970',GradientType=1 ); /* ie6-9 */
}
.navbar-nav ul li:last-child {
	border-bottom: 0px solid;
}
.navbar-nav ul a {
	color:#FFF;
	text-decoration:none;
}

.navbar-nav ul a li:hover {
	color:#FF0000;
	text-decoration:none;
}

/*--------- End ---------*/
.carousel-indicators .active {
	background-color: #79CFD1 !important;
}
.carousel-indicators li {
	border: 1px solid #79CFD1 !important;
}
.image-wid img {
	/*width: 100%;*/
    width: 1200px;
    margin:0 auto;
    border:1px solid #B0C4DE;
}
.carousel-caption {
	text-align:left;
	top: 19%;
	left: 13%;
}
.carousel-caption h3 {
	font-family: 'Roboto Slab';
	font-size: 30px;
	color: #FAF4F4;
	background: rgba(56, 194, 197, 0.62);
	padding: 15px 25px;
	width: 59%;
	margin-bottom:15px;
	border-radius: 2px;
}
.carousel-caption p {
	font-family: 'Monda';
	font-weight: 400;
	font-size: 16px;
	background: rgba(48, 155, 190, 0.7);
	width: 60%;
	padding: 10px 10px;
	margin-bottom: 15px;
	border-radius: 2px;
}
a.carousel-link1 {
	position:absolute;
	top: 87%;
	left: 23%;
	border:0px solid;
	background:rgba(3, 3, 3, 0.83);
	color:#FFF;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
	cursor:pointer;
}
a.carousel-link1:hover {
	background: #fff;
	color: #000;
	transition: 0.5s all;
	text-decoration:none;
}
a.right.carousel-control {
	background: none !important;
}
a.left.carousel-control {
	background: none !important;
}
button.btn.btn-info.sld {
	width: 12%;
	padding: 8px 0px;
	border-radius: 2px;
	outline:none;
	border:none !important;
	background:rgba(3, 3, 3, 0.83);
}
button.btn.btn-info.sld:hover {
	padding: 8px 0px;
	background: #fff;
	color: #000;
	transition: 0.5s all;
}
.style-label{
	text-align:center;
	border:0px solid;
}
.style-label{
	/*padding: 3em 0em;*/
	padding-top:2em;
	padding-bottom:3em;
}
/*--box_effect--*/
ul.box-shadow li {
	text-align:center;
	position:relative;
	top:55px;
}
ul.box-shadow{
	width:100%;
	height:200px;
	background:#FAB83E;
	margin:20px auto;
	border:0px solid;
}
.effect2
{
  position: relative;
}
.effect2:before, .effect2:after{
	z-index: -1;
	position: absolute;
	content: "";
	bottom: 15px;
	left: 10px;
	width: 50%;
	top: 80%;
	max-width:300px;
	background: #777;
	-webkit-box-shadow: 0 15px 10px #777;
	-moz-box-shadow: 0 15px 10px #777;
	box-shadow: 0 15px 10px #777;
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	transform: rotate(-3deg);
}
.effect2:after{
	-webkit-transform: rotate(3deg);
	-moz-transform: rotate(3deg);
	-o-transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	transform: rotate(3deg);
	right: 10px;
	left: auto;
}
.label-text h3 {
	color:#CD6600;
	font-weight: 800;
	font-family: 'Roboto Slab';
	margin-bottom:10px;
	font-size: 20px;
}
.label-text p {
	font-family: 'Monda';
	font-size: 15px;
	font-weight: 100;
	color: #fff;
}
/*--box_effect--*/
.style-label ul{
	list-style-type:none;
	margin:0;
	padding:0;
}
.style-label ul li{
	list-style-type:none;
	margin:0;
	padding:0px 20px;
}
.flt {
	font-size: 20px;
	background: #F9FBFC;
	border-radius: 50%;
	padding: 15px;
	color: #D47115;
	margin-bottom: 15px;
}
.flt:hover {
	-webkit-transform: rotatey(360deg);
	-o-transform: rotatey(360deg);
	-moz-transform: rotatey(360deg);
	transition: 0.5s all;
	cursor: pointer;
}
/*--services--*/
.service_features {
	/*padding: 0em 0em 3em;*/
	border:0px solid;
	padding-top:3em;
}
.ser-fet h3 {
	color: #D47115;
	font-weight: 700;
	font-family: 'Roboto Slab';
	margin-bottom: 5px;
	font-size: 30px;
}
.ser-fet p{
	font-family: 'Monda';
	font-size: 18px;
	font-weight: 100;
	color: #000;
	padding-bottom: 5px;
}
span.line {
	height: 1px;
	background-color: #79CFD1;
	display: block;
	width: 7%;
}
li.subitem1 p{
	font-family: 'Monda' !important;
	font-size: 12.5px !important;
	font-weight: 100 !important;
	color: #535657 !important;
	line-height:1.8em !important;
	padding-left: 25px;
}
/*--style for menu-drop--*/
.menu-grid{
	margin-top:30px;
}
.menu_drop {
	background:#fff;
	width: auto;
	height: auto;
	padding: 0;
	padding-bottom:30px;
	list-style: none;
	border:0px solid;
}

ul {
	padding: 0;
	list-style: none;
}
.menu_drop > li > a {
	border-left:5px solid transparent;
	width: 100%;
	line-height: 2.9em;
	display: block;
	text-indent: 20px;
	position: relative;
	color: #000;
	text-decoration: none;
	font-weight: 500;
	font-size: 16px;
	font-family: 'Roboto Slab';
}
.menu_drop ul li a {
	background: #fff;
	width: 100%;
	padding: 6px 0;
	text-indent: 50px;
	display: block;
	position: relative;
	font-size: 15px;
	font-weight: 400;
	color: #625548;
	text-decoration: none;
}
.menu_drop ul li a:hover {
	color:#FAB83E;
}
.menu_drop > li > a:hover, .menu > li > a.active {
	color: #F8FDFD;
	/*background: #FAB83E;*/
	background: -moz-radial-gradient(center, ellipse cover, rgba(250,184,62,1) 0%, rgba(212,113,21,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(250,184,62,1)), color-stop(100%, rgba(212,113,21,1))); /* safari4+,chrome */
    background:-webkit-radial-gradient(center, ellipse cover, rgba(250,184,62,1) 0%, rgba(212,113,21,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-radial-gradient(center, ellipse cover, rgba(250,184,62,1) 0%, rgba(212,113,21,1) 100%); /* opera 11.10+ */
    background: -ms-radial-gradient(center, ellipse cover, rgba(250,184,62,1) 0%, rgba(212,113,21,1) 100%); /* ie10+ */
    background:radial-gradient(ellipse at center, rgba(250,184,62,1) 0%, rgba(212,113,21,1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FAB83E', endColorstr='#D47115',GradientType=1 ); /* ie6-9 */
}
.features {
	margin-top: 30px;
}
.aim-icn {
	color: #FFFFFF;
	background: #79CFD1;
	padding: 15px 15px;
	border-radius: 2px;
	font-size: 24px;
	cursor: pointer;
}
.aim-icn:hover {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	transition: 0.5s all ease-in-out;
}
.fet-pad {
	padding:0px 0px 0px 0px;
	border:0px solid;
}
.wid {
	width: 20%;
}
.div-margin {
	padding-bottom: 35px;
	border:0px solid;
}
.div-margin img {
	float:left;
	margin-right:8px;
	width:54px;
}
.div-margin h4 {
	font-weight: 500;
	font-size:17px;
	font-family: 'Roboto Slab';
	color:#FFF;
	margin-bottom: 6px;
	border:0px solid;
}
.div-margin p {
	font-size: 12.5px;
	font-weight: 100;
	color: #787B7C;
	line-height: 1.6em;
	border:0px solid;
}
/*--style_for_menudrop--*/
/*--acheivements--*/
.acheivments {
	padding:0em 0em 3em;
}
.top {
	text-align: center;
}
.top>h3{
	color: #27408b;
	font-weight: 700;
	font-family: 'Roboto Slab';
	margin-bottom: 5px;
	font-size: 30px;
}
.top>p{
	font-family: 'Monda';
	font-size: 15px;
	font-weight: 100;
	color: #000;
 }
.gallery-grids {
	margin-top: 3em;
}
.gallery-grids ul{
	list-style-type:none;
	margin:0;
	padding:0;
}
.gallery-grids ul li{
	margin:0px 20px 20px 0px;
	padding:0;
}
.gallery-grids ul li.moke{
    float:left;
	margin:0px 20px 20px 0px;
	padding:0;
    border:1px solid;
    border-color:#27408b;
    width:250px;
    height:200px;
    margin-left:10px;
    margin-bottom:20px;
    margin-top:20px;
}
.gal-alt img {
	width:250px;
    height:200px;
	border-radius: 2px;
    border:1px solid;
	border-color:#9FB6CD;
}
.gal-alt {
	position: relative;
	width: 31.333333%;
}
span.hide-box {
	/*background: rgba(121, 207, 209, 0.63);*/
	background: rgba(250, 184, 62, 0.63);
	position: absolute;
	z-index: 9;
	display: none;
	width:100%;
    height:200px;
	padding: 97px 0px;
	text-align: center;
	top: 0;
	border-radius: 2px;
    border:1px solid;
}
.gal-alt:hover span.hide-box {
	display: block;
	transition:0.5s all ease;
}
span.hide-box h4 {
	font-size: 18px;
	font-family: 'Roboto Slab';
	color: #fff;
	margin-bottom: 6px;
}
span.hide-box p{
	font-size: 15px;
	font-weight: 100;
	color: #fff;
	line-height: 1.3em;
}
/*--doctor--*/
.doctor-port {
	padding: 0em 0em 3em;
	text-align: center;
}
.doctor-port h3{
	color: #D47115;
	font-weight: 700;
	font-family: 'Roboto Slab';
	margin-bottom: 1.5em;
	font-size: 35px;
}
/*-- caption-css --*/
.g1{
	position:relative;
	margin-right: 15px;
	border:0px solid;
}
.g1:hover div.caption{
	display:block;
	transform:;
}
.g1 img {
	border:1px solid;
	border-color:#999;
	border-radius:10px;
}

.note {
    font-size:0.80em;
    text-align:left;
    margin-top:20px;
}

.note2 {
    font-size:0.80em;
    text-align:left;
    margin-top:60px;
}

.noteGaris {
    font-size:0.80em;
    text-align:left;
    margin-top:20px;
    padding-top:10px;
    border-top:1px solid #EEE8CD;
}
a.linkCourse {
	color:#000;
	text-decoration:none;
}
a.linkCourse:hover {
	color:#0000FF;
	text-decoration:none;
}
.caption{
	position: absolute;
	width: 58%;
	bottom: 0px;
	z-index: 999;
	background:rgba(250, 184, 62, 0.63);
	padding:0.8em 0.5em;
	transition: all 0.8s ease;
	-webkit-transition: all 0.8s ease;
	-moz-transition: all 0.8s ease;
	-o-transition: all 0.8s ease;
	-ms-transition: all 0.8s ease;
	transform-style:preserve-3d;
	display:none;
}
.caption h4{
	font-weight: 500;
	font-size: 18px;
	font-family: 'Roboto Slab';
	color: #fff;
}
.caption span{
	font-weight: 100;
	color: #fff;
	margin:0;
	padding:0;
	font-size:0.875em;
}
.social-label{
	padding:0em 0em;
	margin:0;
}
.text-label{
	background:#D47115;
	padding: 36px 83px;
}
.text-label{
	font-family: 'Monda';
	font-size: 16px;
	font-weight: 400;
	color: #fff;
}
.social-icn{
	background:#79CFD1;
	padding: 30px 0px 25px;
}
.social-icn ul{
	list-style-type:none;
	margin:0;
	padding:0;
	float: right;
}
.social-icn ul li{
	margin:0px;
	padding: 0px 43px;
	display:inline;
}
.social-icn ul li a{
	background: url(../images/social.png);
	width: 35px;
	background-size: 211px;
	height: 34px;
	display: inline-block;
}
.social-icn ul li a.face{
	background-position: 0px 34px;
}
.social-icn ul li a.face:hover{
	background-position: 0px 68px;
}
.social-icn ul li a.twit{
	background-position: -71px 34px;
}
.social-icn ul li a.twit:hover{
	background-position: -71px 68px;
}
.social-icn ul li a.gplus{
	background-position: -106px 34px;
}
.social-icn ul li a.gplus:hover{
	background-position: -106px 68px;
}
.social-icn ul li a.inst{
	background-position: -35px 34px;
}
.social-icn ul li a.inst:hover{
	background-position: -35px 68px;
}
.social-icn ul li a.drib{
	background-position: 70px 34px;
	width: 36px;
}
.social-icn ul li a.drib:hover{
	background-position: 70px 68px;
	width: 36px;
}
.social-icn ul li a.in{
	background-position: 35px 34px;
}
.social-icn ul li a.in:hover{
	background-position:35px 68px;
}
/*--contact--*/
.map {
	margin: 0px 0px 0px;
	padding: 0;
	border-bottom: 4px solid #D47115;
}
.map iframe {
	width: 100%;
	min-height: 300px;
	margin: 0px 0px -5px;
	padding: 0;
}
.contact-form {
	background: #FADD5C;
	padding: 3em 0px;
	color: #D47115;
	border:0px solid;
}
.pd h3 {
	font-weight: 700;
	font-size: 21px;
	font-family: 'Roboto Slab';
	/*color: #fff;*/
	margin-bottom: 15px;
	text-transform:capitalize;
}
.adress ul li {
	font-family: 'Monda';
	font-size: 13.5px;
	font-weight: 100;
	/*color: #fff;*/
}
.news-letter p {
	font-family: 'Monda';
	font-size: 13.5px;
	font-weight: 100;
	/*color: #fff;*/
	margin-bottom: 10px;
}
input.mail {
	padding: 5px 10px;
	border: none;
	font-family: 'Monda';
	font-size: 12.5px;
	outline:none;
	width:69.5%;
	color: #000;
}
.sub1 {
	padding: 0px 15px;
	border-radius: 0;
	font-size: 12.5px;
	font-family: 'Monda';
	border: none;
	height: 31px;
	margin-bottom: 1px;
	background-color: #D47115;
	color:#FFF;
}
.sub1:hover,.sub1:active,.sub1:focus{
	border: none;
	outline:none;
	padding: 0px 15px;
	height: 31px;
	margin-bottom: 1px;
	background-color: #FAB83E;
	color:#000;
}
.contact-us textarea {
	width: 75%;
	resize: none;
	min-height: 46px;
	padding: 7px 10px;
	border: none;
	font-family: 'Monda';
	font-size: 12.5px;
	outline:none;
	color: #000;
}
input.name{
	padding: 7px 10px;
	border: none;
	font-family: 'Monda';
	font-size: 12.5px;
	height: 29px;
	outline:none;
	width:32.5%;
	color: #000;
}
input.nuber {
	padding: 7px 10px;
	border: none;
	font-family: 'Monda';
	font-size: 12.5px;
	height: 29px;
	outline:none;
	width:32.5%;
	color: #000;
}
/*--contact--*/
/*--footer--*/
.footer{
    background: -moz-linear-gradient(45deg, #191970 0%, #27408b 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #191970), color-stop(100%, #27408b)); /* safari4+,chrome */
    background: -webkit-linear-gradient(45deg, #191970 0%, #27408b 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(45deg, #191970 0%, #27408b 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(45deg, #191970 0%, #27408b 100%); /* ie10+ */
    background: linear-gradient(45deg, #191970 0%, #27408b 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#27408b', endColorstr='#191970',GradientType=1 ); /* ie6-9 */ 
	padding:1em 0em;
}
.footer-text{
	text-align:center;
}
.footer-text h3 {
	font-family:"ChaparralPro Regular";
	font-weight: 600;
	font-size: 1.60em;
	text-decoration: none;
	color: #fff;
	margin-bottom: 10px;
	text-transform:uppercase;
	letter-spacing:1px;
	text-shadow:
    -1px -1px 0 #191970,
    1px -1px 0 #191970,
    -1px 1px 0 #191970,
    1px 1px 0 #191970;
}
.footer-text p{
	margin-top: 10px;
	color: #fff;
	font-family: 'Monda';
	font-size: 14px;
	font-weight: 100;
}
.footer-text p a{
	color:#fff;
}
.footer-text p a:hover{
	color:#E2E027;
	text-decoration:none;
}
#toTop {
	display: none;
	text-decoration: none;
	position: fixed;
	bottom: 10px;
	right: 10px;
	overflow: hidden;
	width: 48px;
	height: 48px;
	border: none;
	text-indent: 100%;
	background: url(../images/scroll-top.png) no-repeat 0px 0px;
}

.homeVisi {
	width:60%;
	margin:0 auto;
	border:0px solid;
	margin-top:20px;
	margin-bottom:20px;
	padding-bottom:20px;
	text-align:center;
	font-weight:600;
	text-transform:uppercase;
	font-size:1.20em;
	line-height:40px;
	color:#000;
}
.homeVisi img {
	border:0px solid;
}
.homeVisi a {
	padding-left:8px;
	padding-right:8px;
	padding-top:5px;
	padding-bottom:5px;
	border-radius:5px;
	background-color:#FFF;
	color:#D47115;
	text-transform:none;
	font-size:1.00em;
	font-weight:normal;
	font-family:Roboto Slab;
}

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

.homeLayer1 {
	width:90%;
	margin:0 auto;
	min-height:150px;
	border:0px solid;
	padding-top:23px;
	padding-bottom:23px;
    padding-left:20px;
    padding-right:20px;
    margin-top:30px;
    margin-bottom:30px;
	color:#000;
	background: url(../images/bg03.jpg);
    border-radius:10px;
}

.homeLayer1 .frameContent {
    background-color:#FFF;
    width:100%;
	margin:0 auto;
    min-height:200px;
    padding-top:10px;
    padding-bottom:20px;
    padding-left:20px;
    padding-right:20px;
	border:0px solid;
}

.homeLayer1 .frameContent .sejarah {
	margin-top:20px;
	font-size:1.10em;
	line-height:35px;
}

.homeLayer2 {
	width:90%;
	margin:0 auto;
	min-height:50px;
	border:1px solid;
	padding-top:23px;
	padding-bottom:20px;
    padding-left:20px;
    padding-right:20px;
    margin-top:30px;
    margin-bottom:7px;
	color:#000;
    background-color:#27408B;
    border-radius:10px;
}

.homeLayer2 .homeLayer2Left {
    float:left;
    background-color:#FFF;
    width:49%;
    min-height:350px;
    margin-left:0px;
    margin-right:20px;
    padding-top:10px;
    padding-bottom:20px;
    padding-left:20px;
    padding-right:20px;
	border:0px solid;
}
.homeLayer2 .homeLayer2Right {
    float:right;
    background-color:#FFF;
    width:49%;
    min-height:350px;
    margin-right:0px;
    padding-top:10px;
    padding-bottom:0px;
    padding-left:20px;
    padding-right:20px;
	border:0px solid;
}
.homeLayer2 .frameContent100 {
    float:none;
    background-color:#FFF;
    width:100%;
    min-height:100px;
    margin-right:0px;
    padding-top:10px;
    padding-bottom:20px;
    padding-left:20px;
    padding-right:20px;
	border:1px solid;
}

.frameHeaderGen {
	width:100%;
	margin:0 auto;
	border-bottom:1px solid #EEE8CD;
	font-family:Roboto Slab;
	padding-bottom:10px;
}

.frameHeaderGen h3 {
	float:left;
	font-size:1.40em;
	color:#191970;
}

.frameHeaderGen h5 {
	float:left;
	font-size:1.20em;
	color:#191970;
}

.frameHeaderGen a.header {
	float:right;
	font-size:1.20em;
	color:#FF0000;
	text-decoration:none;
}

.frameHeaderGen a.header:hover {
	color:#27408b;
	text-decoration:none;
	opacity:0.5;
}

.homeLayer2 .frameNews {
	width:100%;
	min-height:100px;
	border:0px solid;
	margin-top:10px;
	margin-bottom:30px;
	border:0px solid;
}

.homeLayer2 .frameNews img {
	float:left;
	width:150px;
	height:100px;
	border:0px solid;
}
.homeLayer2 .frameNews img.agenda {
	float:none;
	width:150px;
	height:150px;
	border:0px solid;
	margin-top:0px;
	margin-left:170px;
}
.homeLayer2 .frameNews .title {
	font-weight:600;
	margin-left:13px;
	margin-bottom:20px;
	text-align:center;
	border:0px solid;
}
.homeLayer2 .frameNews .highlight {
	float:left;
	margin-left:13px;
	text-align:justify;
	border:0px solid;
	min-height:100px;
	width:95%;
	line-height:25px;
}
.homeLayer2 .frameNews a {
	text-decoration:none;
	color:#27408B;
	font-weight:600;
	border:0px solid;
}
.homeLayer2 .frameNews a:hover {
	color:#000;
	text-decoration:underline;
}
.homeLayer2 .frameNews .agenda {
	float:none;
	margin-left:13px;
	margin-top:10px;
	text-align:justify;
	border:0px solid;
	min-height:10px;
	width:100%;
	font-weight:600;
	text-align:center;
}
.homeLayer2 .frameAgenda {
	float:left;
	width:47%;
	min-height:100px;
	border:0px solid;
	margin-top:20px;
	margin-left:23px;
	padding:0px;
}
.homeLayer2 .frameAgenda img.agenda {
	float:none;
	width:150px;
	height:150px;
	border:0px solid;
	margin-top:20px;
	margin-bottom:20px;
	margin-left:170px;
}
.homeLayer2 .frameAgenda .agenda {
	float:none;
	margin-left:13px;
	margin-top:10px;
	text-align:justify;
	border:0px solid;
	min-height:10px;
	width:100%;
	font-weight:600;
	text-align:center;
	padding-top:0px;
}
.homeLayer2 .frameAgenda .judul {
	width:100%;
	margin:0 auto;
	border-bottom:1px solid #EEE8CD;
	font-family:Roboto Slab;
	padding-bottom:10px;
	padding-top:0px;
	margin-left:0px;;
}
.homeLayer2 .frameAgenda .judul h5 {
	float:left;
	font-size:1.20em;
	color:#191970;
}
.homeLayer2 .frameNewsAll {
	float:left;
	width:100%;
	margin:0 auto;
	min-height:200px;
	border:0px solid;
	margin-top:20px;
	margin-bottom:20px;
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
	padding-bottom:5px;
}
.homeLayer2 .frameNewsAll img {
	float:none;
	width:300px;
	height:200px;
	border:0px solid;
	margin-top:20px;
	margin-bottom:20px;
	margin-left:100px;
}
.homeLayer2 .frameNewsAll .highlight {
	float:none;
	margin-left:13px;
	margin-top:10px;
	text-align:justify;
	line-height:30px;
	border:0px solid;
	min-height:10px;
	width:95%;
	font-weight:normal;
	text-align:justify;
	padding-top:0px;
}
.homeLayer2 .frameNewsAll .highlight .link {
	cursor:pointer;
	color:#000;
	text-decoration:none;
}
.homeLayer2 .frameNewsAll .highlight .link:hover {
	color:#191970;
	text-decoration:underline;
}
.homeLayer2 .frameNewsAll .judul {
	width:100%;
	margin:0 auto;
	border-bottom:1px solid #EEE8CD;
	font-family:Roboto Slab;
	padding-bottom:10px;
	padding-top:0px;
	margin-left:0px;;
}
.homeLayer2 .frameNewsAll .judul h5 {
	float:left;
	font-size:1.20em;
	color:#191970;
	text-transform:uppercase;
}
.homeLayer2 .frameNewsAll table {
	border:1px solid;
	width:90%;
	border-collapse:collapse;
}
.homeLayer2 .frameNewsAll td {
	border:1px solid;
	border-collapse:collapse;
	padding-left:8px;
	padding-right:8px;
	padding-bottom:3px;
	padding-top:3px;
	font-size:0.90em;
}
.homeLayer2 .frameNewsAll td.satu {
	width:15%;
	background:#D6D6D6;
	font-weight:600;
}
.homeLayer2 .frameNewsAll td.dua {
	width:30%;
}
.homeLayer2 .frameNewsAll td.tiga {
	width:55%;
}
.homeLayer2 .frameNewsAll li {
	margin-left:20px;
	list-style-type:disc;
}
.homeLayer3 {
	width:90%;
	margin:0 auto;
	min-height:150px;
	border:0px solid;
	padding-top:23px;
	padding-bottom:20px;
	color:#000;
	background-color:#27408B;
	margin-bottom:40px;
    border-radius:10px;
}
.homeLayer3 .frameJurnal {
	float:left;
	margin-left:25px;
	margin-right:5px;
	width:25%;
	min-height:300px;
	padding-top:15px;
	padding-bottom:15px;
    padding-left:10px;
    padding-right:10px;
	background-color:#FFF;
	text-align:center;
}

.homeLayer3 .frameJurnal .frameLink {
	float:left;
	margin-left:10px;
	width:150px;
	height:30px;
	border:0px solid;
    text-align:left;
    padding-bottom:50px;
}

.homeLayer3 .frameJurnal .frameLink h3 {
	font-size:1.20em;
	color:#191970;
	text-decoration:none;
	font-family:Roboto Slab;
}

.homeLayer3 .frameJurnal .frameLink a.header {
	font-size:0.90em;
	color:#FF0000;
	text-decoration:none;
	font-family:Roboto Slab;
    margin-top:40px;
}

.homeLayer3 .frameJurnal .frameLink a.header:hover {
	color:#191970;
	text-decoration:none;
}

.homeLayer3 .frameJurnal .frameImg {
	width:90%;
	margin:0 auto;
	border:0px solid;
	padding-bottom:10px;
}

/*.homeLayer3 .frameJurnal .frameImg img {
	border:0px solid;
	width:100%;
	height:auto;
	margin-bottom:15px;
	margin-top:5px;
}*/

.homeLayer3 .frameJurnal .frameImg .box {
	border:1px solid #B4CDCD;
	width:100%;
	height:150px;
	margin-bottom:15px;
	margin-top:15px;
}

.homeLayer3 .frameJurnal a.more {
	font-size:0.90em;
	font-family:Monda;
	color:#FFF;
	background-color:#FF0000;
	padding-left:20px;
	padding-right:20px;
	padding-top:7px;
	padding-bottom:7px;
	margin:0 auto;
	text-decoration:none;
	border-radius:3px;
	border-color:#FF0000;
	border:2px solid;
}

.homeLayer3 .frameJurnal a.more:hover {
	color:#FF0000;
	background-color:#FFF;
	border-color:#FF0000;
	border:2px solid;
}

.homeLayer3 .frameOpini {
	float:left;
	margin-left:25px;
	margin-right:5px;
	width:66%;
	min-height:300px;
	padding-top:15px;
	padding-bottom:45px;
	padding-left:20px;
	padding-right:20px;
	background-color:#FFF;
}

.homeLayer3 .frameOpini .frameHeader {
	width:100%;
	margin:0 auto;
	border-bottom:1px solid #EEE8CD;
	font-family:Roboto Slab;
	padding-bottom:10px;
	margin-bottom:20px;
}

.homeLayer3 .frameOpini .frameHeader h3 {
	float:left;
	font-size:1.40em;
	color:#191970;
}

.homeLayer3 .frameOpini .frameHeader a.header {
	float:right;
	font-size:1.20em;
	color:#FF0000;
	text-decoration:none;
}

.homeLayer3 .frameOpini .frameHeader a.header:hover {
	color:#FF0000;
	text-decoration:none;
}

.homeLayer3 .frameOpini .boxIsi {
	float:left;
	width:180px;
	height:230px;
	border:0px solid;
	margin-left:25px;
	margin-right:25px;
	margin-bottom:20px;
	margin-top:20px;
}

.homeLayer3 .frameOpini .boxIsi img {
	border: solid 1px #CCC;
    -moz-box-shadow: 1px 1px 5px #27408b;
    -webkit-box-shadow: 1px 1px 5px #27408b;
        box-shadow: 1px 1px 5px #27408b;
}

.homeLayer3 .frameOpini .frameIsi {
	width:100%;
	margin:0 auto;
	border-bottom:1px solid #EEE8CD;
	font-family:Roboto Slab;
	padding-bottom:5px;
	margin-bottom:20px;
	margin-top:20px;
}

.homeLayer3 .frameOpini .frameIsi .isi {
	font-size:1.00em;
	color:#515151;
	border:0px solid;
    color:#000;
}

.homeLayer3 .frameOpini .frameIsi .course {
	font-size:0.90em;
	color:#5B5B5B;
	border:0px solid;
	margin-bottom:3px;
    font-weight:600;
    font-family:ChaparralPro Regular;
}
.homeLayer3 .frameOpini .frameIsi .orang {
	font-size:1.00em;
	color:#5B5B5B;
	border:0px solid;
	margin-bottom:15px;
    font-family:Candara;
}
.homeLayer3 .frameOpini .frameIsi a.more {
	font-size:1.00em;
	font-family:Monda;
	color:#FFF;
	background-color:#00B2EE;
	padding-left:20px;
	padding-right:20px;
	padding-top:2px;
	padding-bottom:2px;
	text-decoration:none;
	border-radius:3px;
	border-color:#D47115;
	border:2px solid;
}

.homeLayer3 .frameOpini .frameIsi a.more:hover {
	color:#00B2EE;
	background-color:#FFF;
	border-color:#00B2EE;
	border:2px solid;
}

.homeLayer3 .frameSong {
	float:left;
	margin-left:25px;
	margin-right:5px;
	width:27%;
	min-height:300px;
	padding-top:15px;
	padding-bottom:20px;
	padding-left:10px;
	padding-right:10px;
	background-color:#FFF;
	text-align:center;
}

.homeLayer3 .frameSong img {
	float:left;
	margin-left:20px;
	border:0px solid;
	width:50px;
}

.homeLayer3 .frameSong .frameLink {
	float:right;
	margin-right:3px;
	width:200px;
	height:30px;
	border:0px solid;
	text-align:right;
    padding-bottom:50px;
}

.homeLayer3 .frameSong .frameLink h3 {
	font-size:1.20em;
	color:#191970;
	text-decoration:none;
	font-family:Roboto Slab;
}

.homeLayer3 .frameSong .frameLink a.header {
	font-size:0.90em;
	color:#FF0000;
	text-decoration:none;
	font-family:Roboto Slab;
    margin-top:40px;
}

.homeLayer3 .frameSong .frameLink a.header:hover {
	color:#191970;
	text-decoration:none;
}

.homeLayer3 .frameSong .baris {
	width:100%;
	margin:0 auto;
	min-height:35px;
	border-bottom:1px solid #B4CDCD;
	background-color:#FFF;
	text-align:left;
	padding-top:15px;
	padding-bottom:15px;
	padding-left:5px;
	font-family:Roboto Slab;
	font-size:10px;
}

.homeLayer3 .frameSong a.more {
	font-size:0.90em;
	font-family:Monda;
	color:#FFF;
	background-color:#FF0000;
	padding-left:20px;
	padding-right:20px;
	padding-top:7px;
	padding-bottom:7px;
	margin:0 auto;
    margin-top:20px;
	text-decoration:none;
	border-radius:3px;
	border-color:#FF0000;
	border:2px solid;
}

.homeLayer3 .frameSong a.more:hover {
	color:#FF0000;
	background-color:#FFF;
	border-color:#FF0000;
	border:2px solid;
}

.homeLayer3 .frameVideo {
	float:left;
	margin-left:25px;
	margin-right:0px;
	width:24%;
	min-height:300px;
	border:0px solid;
	text-align:center;
	padding-top:15px;
	padding-bottom:15px;
	padding-left:10px;
	padding-right:10px;
	background-color:#FFF;
	text-align:center;
}
.homeLayer3 .frameVideo .boxVideo {
	width:230px;
	height:150px;
	border:0px solid;
	margin:0 auto;
	margin-bottom:20px;
}
.homeLayer3 .frameVideo .boxVideo iframe {
	width:100%;
	height:100%;
}
.homeLayer3 .frameVideo h3 {
	color:#FF0000;
	font-size:1.20em;
	font-family:Roboto Slab;
	text-align:center;
	margin-bottom:10px;
}

.homeLayer3 .frameVideo a.more {
	font-size:0.90em;
	font-family:Monda;
	color:#FFF;
	background-color:#FF0000;
	padding-left:20px;
	padding-right:20px;
	padding-top:7px;
	padding-bottom:7px;
	margin:0 auto;
	text-decoration:none;
	border-radius:3px;
	border-color:#FF0000;
	border:2px solid;
}

.homeLayer3 .frameVideo a.more:hover {
	color:#FF0000;
	background-color:#FFF;
	border-color:#FF0000;
	border:2px solid;
}

.homeLayer3 .frameAllVideo {
	margin:0 auto;
	width:96%;
	min-height:300px;
	border:0px solid;
	text-align:center;
	padding-top:15px;
	padding-bottom:15px;
	padding-left:10px;
	padding-right:10px;
	background-color:#FFF;
	text-align:center;
}
.homeLayer3 .frameAllVideo .boxVideo {
	float:left;
	width:300px;
	height:196px;
	margin-left:30px;
	margin-right:20px;
	margin-bottom:20px;
	margin-top:20px;
	border:0px solid;
}
.homeLayer3 .frameAllVideo .boxVideo iframe {
	width:100%;
	height:100%;
}
.homeLayer3 .frameAllVideo h3 {
	color:#FF0000;
	font-size:1.40em;
	font-family:Roboto Slab;
	text-align:center;
	margin-bottom:20px;
	font-weight:600;
}

.homeLayer4 {
	width:95%;
	margin:0 auto;
	min-height:150px;
	border:0px solid;
	padding-top:20px;
	padding-bottom:20px;
	color:#000;
	background-color:#27408B;
	margin-top:20px;
	margin-bottom:40px;
    border-radius:10px;
}

.homeLayer4 .frameView {
	width:97%;
	margin:0 auto;
	margin-top:3px;
	margin-bottom:3px;
	background-color:#fff;
	min-height:40px;
	padding-top:15px;
	padding-bottom:45px;
	padding-left:20px;
	padding-right:20px;
}

.homeLayer4 .frameView .frameHeader {
	width:100%;
	margin:0 auto;
	border-bottom:1px solid #EEE8CD;
	font-family:Roboto Slab;
	padding-bottom:10px;
}

.homeLayer4 .frameView .frameHeader h3 {
	float:left;
	font-size:1.20em;
	color:#191970;
}

.homeLayer4 .frameView .frameAlumni {
	float:left;
	width:30%;
	border:0px solid;
	height:70px;
	margin-top:20px;
	margin-bottom:20px;
	margin-right:15px;
	margin-left:15px;
}

.homeLayer4 .frameView .frameAlumni .isi {
	font-size:1.00em;
	color:#515151;
	border:0px solid;
    color:#000;
}

.homeLayer4 .frameView .frameAlumni .course {
	font-size:0.80em;
	color:#5B5B5B;
	border:0px solid;
	margin-bottom:3px;
    font-weight:normal;
    font-family:Roboto Slab;
	width:95%;
}
.homeLayer4 .frameView .frameAlumni .title {
	font-size:0.80em;
	color:#000;
	border:0px solid;
	margin-bottom:3px;
    font-weight:normal;
    font-family:Roboto Slab;
	width:95%;
}
.homeLayer4 .frameView .frameAlumni .orang {
	font-size:1.00em;
	color:#5B5B5B;
	border:0px solid;
	margin-bottom:15px;
    font-family:Candara;
}
.homeLayer4 .frameView .frameAlumni a.more {
	font-size:1.00em;
	font-family:Monda;
	color:#FFF;
	background-color:#00B2EE;
	padding-left:20px;
	padding-right:20px;
	padding-top:2px;
	padding-bottom:2px;
	text-decoration:none;
	border-radius:3px;
	border-color:#D47115;
	border:2px solid;
}

.homeLayer4 .frameView .frameAlumni a.more:hover {
	color:#00B2EE;
	background-color:#FFF;
	border-color:#00B2EE;
	border:2px solid;
}

.homeLayerCari {
	width:90%;
	margin:0 auto;
	margin-top:20px;
	min-height:20px;
	border:0px solid;
}

.homeLayerCari .label {
	float:left;
	margin-right:20px;
	margin-top:7px;
	font-size:1.00em;
	color:#515151;
	border:0px solid;
    color:#000;
	font-weight:normal;
}

.homeLayerCari .boxInput {
	float:left;
	margin-right:20px;
	width:30%;
	border:0px solid;
}

#hintEmail {
	width:60%;
	margin:0 auto;
	margin-bottom:20px;
}

.textinput {
	display: block;
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #515151;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
			  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
		   -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
			  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.textinput2 {
	float:right;
	display: block;
	width: 60%;
	height: 25px;
	padding: 6px 6px;
	margin-bottom:5px;
	font-size:0.80em;
	line-height: 1.42857143;
	color: #515151;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
			  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
		   -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
			  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.textinput3 {
	float:left;
	margin-right:20px;
	display: block;
	width:40%;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #515151;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
			  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
		   -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
			  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.button {
	font-size:1.00em;
	font-family:Monda;
	color:#FFF;
	background-color:#FF0000;
	padding-left:20px;
	padding-right:20px;
	padding-top:5px;
	padding-bottom:5px;
	text-decoration:none;
	border-radius:3px;
	border-color:#D47115;
	border:2px solid;
	margin-top:0px;
}

.button:hover {
	color:#FF0000;
	background-color:#FFF;
	border-color:#FF0000;
	border:2px solid;
}
.button2 {
	float:right;
	font-size:1.00em;
	font-family:Monda;
	color:#FFF;
	background-color:#27408b;
	padding-left:15px;
	padding-right:15px;
	padding-top:3px;
	padding-bottom:3px;
	text-decoration:none;
	border-radius:3px;
	border-color:#D47115;
	border:2px solid;
	margin-top:0px;
	font-size:0.80em;
	margin-left:5px;
}

.button2:hover {
	color:#FF0000;
	background-color:#FFF;
	border-color:#FF0000;
	border:2px solid;
}
.button3 {
	float:left;
	font-size:1.00em;
	font-family:Monda;
	color:#FFF;
	background-color:#FF0000;
	padding-left:20px;
	padding-right:20px;
	padding-top:5px;
	padding-bottom:5px;
	text-decoration:none;
	border-radius:3px;
	border-color:#D47115;
	border:2px solid;
	margin-top:0px;
}
.button3:hover {
	color:#FF0000;
	background-color:#FFF;
	border-color:#FF0000;
	border:2px solid;
}
.modal-dialog {
	border:0px solid;
}
.modal-content {
	width:80%;
	margin:0 auto;
	text-align:center;
	border:1px solid;
}
.modal-header {
    margin-bottom:3px;
	border:0px solid;
	height:25px;
}
.modal-header img {
	width:30px;
	float:right;
	margin-right:5px;
}
.modal-body {
    padding-top:3px;
	border:0px solid;
	text-align:left;
	padding-left:30px;
	padding-right:20px;
	padding-bottom:10px;
	color:#000;
}
.modal-body .nama {
	font-size:1.00em;
	text-transform:uppercase;
	font-weight:600;
	text-align:center;
}
.modal-body .barisData {
	width:80%;
	min-height:25px;
	margin:0 auto;
	margin-top:15px;
	margin-bottom:2px;
	border:0px solid;
	font-weight:600;
	font-size:0.90em;
}
.modal-body .barisIsi {
	float:left;
	margin-left:10px;
	margin-top:5px;
	font-size:1.20em;
}
.modal-body img {
	float:left;
	margin-left:20px;
	width:32px;
	height:32px;
}
.resultReg {
	width:50%;
	margin:0 auto;
	margin-bottom:20px;
	font-size:1.00em;
	border:0px solid;
	text-align:center;
}
.resultReg .sukses {
	color:#000;
}
.resultReg .gagal {
	color:#FF0000;
}

.greeting {
	float:right;
	width:40%;
	margin-bottom:5px;
	margin-right:60px;
	font-size:1.00em;
	border:0px solid;
	text-align:right;
	font-weight:600;
	font-size:1.00em;
}

.notLogin {
	width:50%;
	height:300px;
	margin:0 auto;
	margin-top:20px;
	margin-bottom:20px;
	font-size:1.00em;
	border:0px solid;
	text-align:center;
	color:#FF0000;
	font-weight:600;
	font-size:1.20em;
}

/*--responsivestarts-here--*/
@media screen and (max-width:1024px){
	.homeVisi {
		width:90%;
		margin:0 auto;
		min-height:150px;
		border:0px solid;
		margin-top:20px;
		font-weight:600;
		font-size:1.00em;
		line-height:40px;
	}
	.homeVisi img {
		width:90%;
	}
	.carousel-caption h3 {
		font-size: 28px;
		width: 60%;
	}
	.carousel-caption p {
		font-size: 13px;
		width: 53%;
	}
	button.btn.btn-info.sld,button.btn.btn-info.sld:hover {
		padding: 5px 13px !important;
		font-size: 12px;
		width: 20%;
	}
	.gal-alt {
		width: 30.333333%;
	}
	span.hide-box {
		padding: 73px 0px;
	}
	.text-label {
		padding: 36px 44px;
	}
	.ser-fet h3,.ser-fet h3,.top>h3,.doctor-port h3 {
		font-size: 28px;
	}
	.sideLeft h3 {
		font-size:22px;
	}
	.ser-fet p,.ser-fet p {
		font-family: 'Monda';
		font-size: 16px;
	}
	.div-margin p {
		font-size: 12.5px;
	}
	.social-icn ul li {
		padding: 0px 36px;
	}
}
@media screen and (max-width:900px) {
	.header-top .boximg {
		float:left;
		margin-right:10px;
		margin-top:10px;
		margin-left:0px;
		width:120px;
		height:120px;
		border:0px solid;
	}
	.header-top .boximg img {
		width:110px;
	}
	.header-top p {
		float:left;
		width:55%;
		font-size:18px;
		margin-top:20px;
		margin-left:10px;
		letter-spacing:0px;
		border:0px solid;
		text-align:center;
	}
	.header-top .boxLogin {
		float:right;
		margin-right:0px;
		margin-top:20px;
		width:25%;
		min-height:30px;
		border:0px solid;
	}
	.textinput2 {
		float:right;
		display: block;
		width: 100%;
		height: 25px;
		padding: 6px 6px;
		margin-bottom:5px;
		font-size:0.80em;
		border: 1px solid #ccc;
		border-radius: 4px;
	}
	.button2 {
		float:right;
		font-size:1.00em;
		padding-left:10px;
		padding-right:10px;
		padding-top:3px;
		padding-bottom:3px;
		border-radius:3px;
		border-color:#D47115;
		border:2px solid;
		margin-top:0px;
		font-size:0.80em;
		margin-left:5px;
	}
	#hintEmail {
		width:70%;
		margin:0 auto;
		margin-bottom:20px;
		border:0px solid;
	}
	.textinput3 {
		float:left;
		margin-right:20px;
		display: block;
		width:35%;
		height: 30px;
		padding: 6px 12px;
		font-size: 10px;
		line-height: 1.42857143;
		color: #515151;
		background-color: #fff;
		background-image: none;
		border: 1px solid #ccc;
		border-radius: 4px;
		-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
				  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
		-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
			   -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
				  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	}
	.button3 {
		float:left;
		font-size:0.80em;
		font-family:Monda;
		color:#FFF;
		background-color:#FF0000;
		padding-left:10px;
		padding-right:10px;
		padding-top:3px;
		padding-bottom:3px;
		text-decoration:none;
		border-radius:3px;
		border-color:#D47115;
		border:2px solid;
		margin-top:0px;
	}
}
@media screen and (max-width:800px) {
	.header-top .boximg {
		float:left;
		margin-right:10px;
		margin-top:10px;
		width:120px;
		height:120px;
		border:0px solid;
	}
	.header-top .boximg img {
		width:110px;
	}
	.header-top p {
		float:left;
		width:50%;
		font-size:18px;
		margin-top:20px;
		margin-left:10px;
		letter-spacing:0px;
		border:0px solid;
		text-align:center;
	}
	.header-top .boxLogin {
		float:right;
		margin-right:0px;
		margin-top:20px;
		width:25%;
		min-height:30px;
		border:0px solid;
	}
	.textinput2 {
		float:right;
		display: block;
		width: 100%;
		height: 25px;
		padding: 6px 6px;
		margin-bottom:5px;
		font-size:0.80em;
		border: 1px solid #ccc;
		border-radius: 4px;
	}
	.button2 {
		float:right;
		font-size:1.00em;
		padding-left:10px;
		padding-right:10px;
		padding-top:3px;
		padding-bottom:3px;
		border-radius:3px;
		border-color:#D47115;
		border:2px solid;
		margin-top:0px;
		font-size:0.80em;
		margin-left:5px;
	}
	#hintEmail {
		width:70%;
		margin:0 auto;
		margin-bottom:20px;
		border:0px solid;
	}
	.textinput3 {
		float:left;
		margin-right:20px;
		display: block;
		width:35%;
		height: 30px;
		padding: 6px 12px;
		font-size: 10px;
		line-height: 1.42857143;
		color: #515151;
		background-color: #fff;
		background-image: none;
		border: 1px solid #ccc;
		border-radius: 4px;
		-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
				  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
		-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
			   -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
				  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	}
	.button3 {
		float:left;
		font-size:0.80em;
		font-family:Monda;
		color:#FFF;
		background-color:#FF0000;
		padding-left:10px;
		padding-right:10px;
		padding-top:3px;
		padding-bottom:3px;
		text-decoration:none;
		border-radius:3px;
		border-color:#D47115;
		border:2px solid;
		margin-top:0px;
	}
}
@media screen and (max-width:768px){
	a.carousel-link1 {
		top: 85%;
		left: 19%;
		padding-left:5px;
		padding-right:5px;
		padding-top:2px;
		padding-bottom:2px;
		font-size:8px;
	}
	.sideLeft {
		float:none;
		width:100%;
		padding-left:0px;
		border-bottom:1px solid;
		border-color:#CCC;
	}
	.sideLeft h3 {
		font-size:24px;
	}
	.box-shadow-content{
		margin-top:40px;
	}
	.box-shadow-content p {
		font-size: 13px;
	}
	.menu_side {
		margin-left:0px;
		padding-bottom:3px;
	}
	.menu_side > li > a {
		font-size: 16px;
		text-align:left;
	}
	.sideRight {
		float:none;
		width:100%;
	}
	.sideRightInner {
		float:none;
		width:100%;
		margin:0 auto;
		margin-bottom:30px;
	}
	.sideRightInner h3 {
		margin-top:30px;
	}
	.sideRightInner .isi {
		text-align:center;
		padding-left:5px;
		padding-right:5px;
	}
	.sideRightInnerTable {
		float:none;
		width:80%;
		margin: 0 auto;
		margin-top:20px;
		margin-bottom:40px;
	}
	.sideRightInnerTable h3 {
		margin-top:0px;
	}
	.sideRightInnerTable .isi {
		text-align:left;
	}
	.sideRightInnerTable2 {
		float:none;
		width:90%;
		margin: 0 auto;
		margin-top:20px;
		margin-bottom:40px;
	}
	.sideRightInnerTable2 h3 {
		margin-top:0px;
	}
	.sideRightInnerTable2 .isi {
		text-align:left;
	}
	.sideRightInnerTable2 .isi .detail {
		font-size:16px;
		padding-left:20px;
	}
	.sideRightInnerTable3 {
		float:none;
		width:80%;
		margin: 0 auto;
		margin-top:20px;
		margin-bottom:40px;
	}
	.sideRightInnerTable3 h3 {
		margin-top:0px;
	}
	.sideRightInnerTable3 .isi {
		float:none;
		width:80%;
		margin-left:10px;
		margin-right:10px;
	}
	.sideRightInnerTable4 {
		float:none;
		width:80%;
		margin: 0 auto;
		margin-top:20px;
		margin-bottom:40px;
	}
	.sideRightInnerTable4 h3 {
		margin-top:0px;
	}
	.sideRightInnerTable4 .isi {
		float:none;
		width:80%;
		margin-left:10px;
		margin-right:10px;
	}
    .sideRightInnerTable4 .isiAgenda {
		float:none;
		width:80%;
		margin-left:10px;
		margin-right:10px;
	}
	.sideRightInnerTable4 .isi img {
		width:400px;
		height:400px;
		margin-bottom:10px;
		margin-left:40px;
		padding:0px;
	}
    .sideRightInnerTable4 .isiAgenda img {
		width:100%;
		height:auto;
		margin-bottom:10px;
		margin-left:40px;
		padding:0px;
	}
	.sideRightInnerTable4 .isi .highlight, .sideRightInnerTable4 .isiAgenda .highlight {
		font-size:10px;
	}
	.sideRightInnerTable4 .isiContent {
		width:95%;
		margin-top:3px;
		margin-bottom:10px;
		margin-left:10px;
		margin-right:10px;
		padding-bottom:10px;
		padding-top:5px;
		padding-left:10px;
		padding-right:5px;
	}
	.sideRightInnerTable4 .isiContent .title {
		font-size:18px;
	}
	.sideRightInnerTable4 .isiContent img.satu, img.dua {
		float:none;
		width:350px;
		margin-left:50px;
		margin-bottom:5px;
		margin-top:5px;
		padding:0px;
	}
	.sideRightInnerTable4 .isiContent img.dua {
		margin-left:50px;
	}
    .sideRightInnerTable4 .isiContent img.tiga {
		float:none;
		width:350px;
		margin-left:50px;
		margin-bottom:5px;
		margin-top:5px;
		padding:0px;
	}

	.sideRightInnerTable5 {
		float:none;
		width:80%;
		margin: 0 auto;
		margin-top:20px;
		margin-bottom:40px;
		border:0px solid;
	}
	.sideRightInnerTable5 h3 {
		margin-top:0px;
	}
	.sideRightInnerTable5 .isi {
		float:left;
		width:47%;
		margin-top:10px;
		margin-bottom:20px;
		margin-left:10px;
		margin-right:0px;
	}
	.sideRightInnerTable5 .isiBook {
		float:left;
		width:47%;
		margin-top:5px;
		margin-bottom:10px;
		margin-left:10px;
		margin-right:0px;
	}
	.sideRightInnerTable6 {
		float:none;
		width:95%;
		margin: 0 auto;
		margin-top:20px;
		margin-bottom:40px;
	}
	.sideRightInnerTable6 h3 {
		margin-top:0px;
	}
	.sideRightInnerTable6 .baris .isi {
		text-align:left;
		font-size:20px;
	}
	.sideRightInnerTable6 .baris .isiMid {
		text-align:left;
		font-size:18px;
		padding-left:30px;
	}
	.sideRightInnerTable6 .baris .isiLink {
		text-align:left;
		font-size:16px;
		padding-left:45px;
	}
	.sideRightInnerTable7 {
		float:none;
		width:80%;
		margin: 0 auto;
		margin-top:20px;
		margin-bottom:40px;
	}
	.sideRightInnerTable7 h3 {
		margin-top:0px;
	}
	.sideRightInnerTable7 .isi {
		float:none;
		width:95%;
		margin-left:10px;
		margin-right:10px;
	}
	.sideRightInnerTable7 .isi .highlight {
		font-size:10px;
	}
	.sideRightInnerTable8 {
		width:93%;
		margin-left:20px;
	}
	
	.sideRightInnerTable8 .isi {
		font-size:18px;
	}
	
	.sideRightInnerTable8 .isiTitle {
		font-size:22px;
	}
	.sideRightInnerTable9 {
		float:none;
		width:80%;
		margin: 0 auto;
		margin-top:20px;
		margin-bottom:40px;
		padding-left:0px;
		padding-right:0px;
	}
	.sideRightInnerTable9 h3 {
		margin-top:0px;
	}
	.sideRightInnerTable9 .frameLagu {
		width:95%;
		margin-bottom:0px;
		margin:0 auto;
		border:0px solid;
	}
	.sideRightInnerTable9 ul {
		margin-left:0px;
	}
	.sideRightInnerTable10 {
		float:none;
		width:98%;
		margin: 0 auto;
		margin-top:20px;
		margin-bottom:40px;
		padding-bottom:20px;
	}

	.sideRightInnerTable10 h3 {
		margin-top:0px;
	}

	.sideRightInnerTable10 .frameLagu {
		width:95%;
		margin-bottom:0px;
		margin:0 auto;
	}

	.sideRightInnerTable10 .frameLagu .headerJudul, .headerPencipta {
		float:left;
		font-size:16px;
		border:0px solid;
		margin-bottom:0px;
		text-align:left;
		margin-bottom:10px;
	}

	.sideRightInnerTable10 .frameLagu .headerJudul  {
		margin-left:5px;
		width:53%;
		border:0px solid;
	}
	
	.sideRightInnerTable10 .frameLagu .headerPencipta  {
		margin-left:10px;
		width:30%;
		border:0px solid;
	}
	
	.sideRightInnerTable10 ul {
		margin-left:0px;
	}
	
	.sideRightInnerTable10 ul li.ganjil, li.genap {
		line-height:30px;
		padding-left:5px;
		padding-right:5px;
	}
	
	.sideRightInnerTable10 ul li.ganjil {
		background-color:#FFF;
	}
	
	.sideRightInnerTable10 ul li.genap {
		background-color:#F2F2F2;
	}

	.sideRightInnerTable10 ul li .judul {
		float:left;
		margin-left:2px;
		font-size:12px;
		width:55%;
		border:0px solid;
		text-align:left;
	}
	
	.sideRightInnerTable10 ul li .pencipta {
		float:left;
		margin-left:5px;
		font-size:10px;
		width:33%;
		border:0px solid;
		text-align:left;
	}
	
	.sideRightInnerTable10 ul li a {
		float:right;
		margin-right:3px;
		font-size:9px;
		text-decoration:none;
		color:#B35F12;
		font-style:normal;
		border:0px solid;
	}
	
	.sideRightInnerTable10 ul li a:hover {
		text-decoration:none;
		color:#00C;
	}
	
	.sideRightInnerTable11 {
		float:none;
		width:98%;
		margin: 0 auto;
		margin-top:20px;
		margin-bottom:40px;
		padding-bottom:20px;
	}

	.sideRightInnerTable11 h3 {
		margin-top:0px;
	}

	.sideRightInnerTable11 .frameLagu {
		width:95%;
		margin-bottom:0px;
		margin:0 auto;
	}
	
	.sideRightInnerTable11 ul {
		margin-left:0px;
	}
	
	.sideRightInnerTable11 ul li.ganjil, li.genap {
		line-height:30px;
		padding-left:5px;
		padding-right:5px;
	}
	
	.sideRightInnerTable11 ul li.ganjil {
		background-color:#FFF;
	}
	
	.sideRightInnerTable11 ul li.genap {
		background-color:#F2F2F2;
	}

	.sideRightInnerTable11 ul li .judul {
		float:left;
		margin-left:2px;
		font-size:12px;
		width:55%;
		border:0px solid;
		text-align:left;
	}
	
	.sideRightInnerTable11 ul li a.view {
		float:right;
		margin-right:10px;
		font-size:9px;
		text-decoration:none;
		color:#B35F12;
		font-style:normal;
		border:0px solid;
	}
	
	.sideRightInnerTable11 ul li a.view:hover {
		text-decoration:none;
		color:#00C;
	}
	
	.sideRightInnerTable11 ul li a.download {
		float:right;
		margin-right:3px;
		font-size:9px;
		text-decoration:none;
		color:#B35F12;
		font-style:normal;
		border:0px solid;
	}
	
	.sideRightInnerTable11 ul li a.download:hover {
		text-decoration:none;
		color:#00C;
	}
	
	img.logo_yayasan {
		margin:40px auto;
		margin-bottom:30px;
		width:400px;
	}
	img.navbar-brand2 {
		width:55px;
		margin-left:50px;
	}
	.carousel-caption h3 {
		font-size: 25px;
		width: 60%;
	}
	.navbar-nav{
		margin-left:0px;
	}
	.navbar-header a.navbar-brand.logo-st, .navbar-header a.navbar-brand.logo-st:hover {
		font-family: 'Roboto Slab';
		font-weight: 700;
		font-size: 33px;
	}
	.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a {
		padding: 6px 7px;
		font-size: 14px;
	}
	.navbar-default .navbar-nav>li {
		padding: 0px 0px 0px;
	}
	.navbar-nav>li:hover > ul { 
		visibility:hidden;
	}
	.navbar-nav>li:active > ul { 
		visibility:hidden;
	}
	.menu-grid {
		margin-top: 30px;
		text-align: left;
	}
	.icn_pos {
		font-size: 13px;
	}
	ul.box-shadow {
		width: 100%;
		height: 270px;
	}
	.style-label ul li {
		margin: 0px 3px 0px;
		padding: 0px 0px 0px;
		width: 24%;
		float: left;
	}
	.service_features {
		text-align: center;
	}
	span.line {
		margin: 0 auto;
	}
	.wid {
		width: 20%;
		float: left;
	}
	.wid2 {
		padding: 0;
		width: 80%;
		float: right;
	}
	.col-md-6.fet-pad {
		width: 50%;
		float: left;
		text-align: left;
	}
	.col-md-4.ser-fet {
		margin-bottom: 3em;
	}
	.gal-alt {
		width: 30.333333%;
		float: left;
	}
	span.hide-box h4 {
		font-size: 14px;
	}
	span.hide-box p {
		font-size: 12px;
	}
	span.hide-box {
		padding: 55px 0px;
	}
	.text-label {
		padding:30px 12px;
		width: 30%;
		float: left;
		font-size: 13px;
	}
	.social-icn ul li {
		padding: 0px 24px;
	}
	.social-icn {
		width:70%;
		float:right;
		background: #79CFD1;
		padding: 24px 0px 15px;
	}
	.pd {
		float: left;
		width: 33.333333%;
	}
	.contact-us textarea {
		width: 100%;
	}
	input.name, input.nuber {
		width: 49%;
		float: left;
		margin-right: 2px;
		margin-bottom: 5px;
	}
	.caption{
		width: 100%;
	}
	.caption h4{
		font-size: 10px;
	}
	.caption span{
		font-size:0.5em;
	}
	.label-text h3 {
		font-size: 17px;
	}
	.label-text p {
		font-size: 12px;
	}
	.div-margin img {
		margin-right:1px;
		width:50px;
	}
	.header-top .boximg {
		float:left;
		margin-right:10px;
		margin-top:10px;
		width:120px;
		height:120px;
		border:0px solid;
	}
	.header-top .boximg img {
		width:105px;
	}
	.header-top p {
		float:left;
		width:50%;
		font-size:16px;
		margin-top:20px;
		margin-left:10px;
		letter-spacing:0px;
		border:0px solid;
		text-align:center;
	}
	.header-top .boxLogin {
		float:right;
		margin-right:0px;
		margin-top:20px;
		width:25%;
		min-height:30px;
		border:0px solid;
	}
	.textinput2 {
		float:right;
		display: block;
		width: 100%;
		height: 25px;
		padding: 6px 6px;
		margin-bottom:5px;
		font-size:0.80em;
		border: 1px solid #ccc;
		border-radius: 4px;
	}
	.button2 {
		float:right;
		font-size:1.00em;
		padding-left:10px;
		padding-right:10px;
		padding-top:3px;
		padding-bottom:3px;
		border-radius:3px;
		border-color:#D47115;
		border:2px solid;
		margin-top:0px;
		font-size:0.80em;
		margin-left:5px;
	}
	#hintEmail {
		width:70%;
		margin:0 auto;
		margin-bottom:20px;
		border:0px solid;
	}
	.textinput3 {
		float:left;
		margin-right:20px;
		display: block;
		width:35%;
		height: 30px;
		padding: 6px 12px;
		font-size: 10px;
		line-height: 1.42857143;
		color: #515151;
		background-color: #fff;
		background-image: none;
		border: 1px solid #ccc;
		border-radius: 4px;
		-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
				  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
		-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
			   -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
				  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	}
	.button3 {
		float:left;
		font-size:0.80em;
		font-family:Monda;
		color:#FFF;
		background-color:#FF0000;
		padding-left:10px;
		padding-right:10px;
		padding-top:3px;
		padding-bottom:3px;
		text-decoration:none;
		border-radius:3px;
		border-color:#D47115;
		border:2px solid;
		margin-top:0px;
	}
	.homeLayer1 {
		width:98%;
		margin:0 auto;
		min-height:150px;
		padding-top:23px;
		padding-bottom:23px;
		padding-left:20px;
		padding-right:20px;
		margin-top:30px;
		margin-bottom:30px;
	}

	.homeLayer1 .frameContent {
		background-color:#FFF;
		width:100%;
		margin:0 auto;
		min-height:200px;
		padding-top:10px;
		padding-bottom:10px;
		padding-left:25px;
		padding-right:25px;
	}
	.homeLayer1 .frameContent .sejarah {
		margin-top:10px;
		font-size:1.00em;
		line-height:25px;
	}
	.homeLayer2 {
		width:98%;
		margin:0 auto;
		min-height:100px;
		padding-top:20px;
		padding-bottom:20px;
		padding-left:20px;
		padding-right:20px;
		margin-top:20px;
		margin-bottom:20px;
	}
	.homeLayer2 .homeLayer2Left {
		float:none;
		background-color:#FFF;
		width:100%;
		min-height:100px;
		margin-left:0px;
		margin-right:0px;
		margin-bottom:15px;
		padding-top:10px;
		padding-bottom:10px;
		padding-left:20px;
		padding-right:20px;
		border:0px solid;
	}
	.homeLayer2 .homeLayer2Right {
		float:none;
		background-color:#FFF;
		width:100%;
		min-height:100px;
		margin-right:0px;
		margin-bottom:0px;
		padding-top:10px;
		padding-bottom:20px;
		padding-left:20px;
		padding-right:20px;
	}
	.frameHeaderGen {
		width:100%;
		margin:0 auto;
		border-bottom:1px solid #EEE8CD;
		font-family:Roboto Slab;
		padding-bottom:10px;
	}

	.frameHeaderGen h3 {
		float:left;
		font-size:1.00em;
		color:#191970;
	}

	.frameHeaderGen a.header {
		float:right;
		font-size:1.00em;
		color:#FF0000;
		text-decoration:none;
	}
	
	.homeLayer3 {
		width:95%;
		border:0px solid;
		padding-top:20px;
		padding-bottom:20px;
		color:#000;
		background-color:#27408B;
		margin-bottom:20px;
		border-radius:10px;
	}
	.homeLayer3 .frameVideo {
		float:none;
		margin:0 auto;
		margin-bottom:20px;
		width:90%;
		min-height:100px;
		padding-top:10px;
		padding-bottom:10px;
		padding-left:10px;
		padding-right:10px;
		background-color:#FFF;
		text-align:center;
		border:0px solid;
	}

	.homeLayer3 .frameJurnal .frameLink {
		float:left;
		margin-left:10px;
		width:150px;
		height:30px;
		border:0px solid;
		text-align:left;
		padding-bottom:20px;
	}

	.homeLayer3 .frameJurnal .frameLink h3 {
		font-size:1.20em;
	}

	.homeLayer3 .frameJurnal .frameLink a.header {
		font-size:0.90em;
		color:#FF0000;
		text-decoration:none;
		font-family:Roboto Slab;
		margin-top:40px;
	}

	.homeLayer3 .frameJurnal .frameLink a.header:hover {
		color:#191970;
		text-decoration:none;
	}

	.homeLayer3 .frameJurnal .frameImg {
		width:50%;
		margin:0 auto;
		border:0px solid;
		padding-bottom:10px;
	}

	.homeLayer3 .frameJurnal .frameImg .box {
		border:1px solid #B4CDCD;
		width:100%;
		height:150px;
		margin-bottom:15px;
		margin-top:15px;
	}

	.homeLayer3 .frameVideo a.more {
		font-size:0.90em;
		font-family:Monda;
		color:#FFF;
		background-color:#FF0000;
		padding-left:20px;
		padding-right:20px;
		padding-top:7px;
		padding-bottom:7px;
		margin:0 auto;
		text-decoration:none;
		border-radius:3px;
		border-color:#FF0000;
		border:2px solid;
	}

	.homeLayer3 .frameVideo a.more:hover {
		color:#FF0000;
		background-color:#FFF;
		border-color:#FF0000;
		border:2px solid;
	}

	.homeLayer3 .frameOpini {
		float:none;
		margin:0 auto;
		margin-bottom:20px;
		width:90%;
		min-height:100px;
		padding-top:15px;
		padding-bottom:45px;
		padding-left:20px;
		padding-right:20px;
	}

	.homeLayer3 .frameOpini .frameHeader {
		width:100%;
		margin:0 auto;
		border-bottom:1px solid #EEE8CD;
		padding-bottom:10px;
	}

	.homeLayer3 .frameOpini .frameHeader h3 {
		float:left;
		font-size:1.00em;
	}

	.homeLayer3 .frameOpini .frameHeader a.header {
		float:right;
		font-size:1.00em;
		color:#FF0000;
		text-decoration:none;
	}

	.homeLayer3 .frameOpini .frameHeader a.header:hover {
		color:#FF0000;
		text-decoration:none;
	}

	.homeLayer3 .frameOpini .frameIsi {
		width:100%;
		margin:0 auto;
		border-bottom:1px solid #EEE8CD;
		font-family:Roboto Slab;
		padding-bottom:5px;
		margin-bottom:20px;
		margin-top:20px;
	}

	.homeLayer3 .frameOpini .frameIsi .isi {
		font-size:1.00em;
		color:#515151;
		border:0px solid;
		color:#000;
		font-weight:600;
	}

	.homeLayer3 .frameOpini .frameIsi .course {
		font-size:0.90em;
		color:#5B5B5B;
		border:0px solid;
		margin-bottom:3px;
		font-weight:600;
		font-family:ChaparralPro Regular;
	}
	.homeLayer3 .frameOpini .frameIsi .orang {
		font-size:1.00em;
		color:#5B5B5B;
		border:0px solid;
		margin-bottom:15px;
		font-family:Candara;
	}
	.homeLayer3 .frameOpini .frameIsi a.more {
		font-size:1.00em;
		font-family:Monda;
		color:#FFF;
		background-color:#00B2EE;
		padding-left:20px;
		padding-right:20px;
		padding-top:2px;
		padding-bottom:2px;
		text-decoration:none;
		border-radius:3px;
		border-color:#D47115;
		border:2px solid;
	}

	.homeLayer3 .frameOpini .frameIsi a.more:hover {
		color:#00B2EE;
		background-color:#FFF;
		border-color:#00B2EE;
		border:2px solid;
	}

	.homeLayer3 .frameSong {
		float:none;
		margin:0 auto;
		width:90%;
		min-height:100px;
		padding-top:15px;
		padding-bottom:20px;
		padding-left:10px;
		padding-right:10px;
		background-color:#FFF;
		text-align:center;
	}

	.homeLayer3 .frameSong img {
		float:left;
		margin-left:20px;
		border:0px solid;
		width:50px;
	}

	.homeLayer3 .frameSong .frameLink {
		float:right;
		margin-right:3px;
		width:150px;
		height:30px;
		border:0px solid;
		text-align:right;
		padding-bottom:50px;
	}

	.homeLayer3 .frameSong .frameLink h3 {
		font-size:1.20em;
		color:#191970;
		text-decoration:none;
		font-family:Roboto Slab;
	}

	.homeLayer3 .frameSong .frameLink a.header {
		font-size:0.90em;
		color:#FF0000;
		text-decoration:none;
		font-family:Roboto Slab;
		margin-top:40px;
	}

	.homeLayer3 .frameSong .frameLink a.header:hover {
		color:#191970;
		text-decoration:none;
	}

	.homeLayer3 .frameSong .baris {
		width:100%;
		margin:0 auto;
		min-height:35px;
		border-bottom:1px solid #B4CDCD;
		background-color:#FFF;
		text-align:left;
		padding-top:13px;
		padding-bottom:13px;
		padding-left:5px;
		font-family:Roboto Slab;
		font-size:10px;
	}

	.homeLayer3 .frameSong a.more {
		font-size:0.90em;
		font-family:Monda;
		color:#FFF;
		background-color:#FF0000;
		padding-left:20px;
		padding-right:20px;
		padding-top:7px;
		padding-bottom:7px;
		margin:0 auto;
		margin-top:20px;
		text-decoration:none;
		border-radius:3px;
		border-color:#FF0000;
		border:2px solid;
	}

	.homeLayer3 .frameSong a.more:hover {
		color:#FF0000;
		background-color:#FFF;
		border-color:#FF0000;
		border:2px solid;
	}
	
	.homeLayer4 {
		width:95%;
		border:0px solid;
		padding-top:20px;
		padding-bottom:20px;
		color:#000;
		background-color:#27408B;
		margin-bottom:20px;
		margin-top:20px;
		border-radius:10px;
	}
	
	.homeLayer4 .frameView .frameAlumni {
		float:left;
		width:40%;
		border:0px solid;
		height:70px;
		margin-top:10px;
		margin-bottom:10px;
		margin-right:15px;
		margin-left:15px;
	}
	
	.homeLayer4 .frameView .frameAlumni .isi {
		font-size:1.00em;
	}

	.homeLayer4 .frameView .frameAlumni .course {
		font-size:0.70em;
		border:0px solid;
	}
	.homeLayer4 .frameView .frameAlumni .title {
		font-size:0.70em;
		border:0px solid;
		color:#000;
	}
	.homeLayer4 .frameView .frameAlumni .orang {
		font-size:0.90em;
	}

	.homeLayerCari .label {
		float:none;
		margin-right:0px;
		margin-top:7px;
		margin-bottom:5px;
		font-size:1.00em;
		border:0px solid;
	}
	
	.homeLayerCari .boxInput {
		float:none;
		margin-right:20px;
		margin-top:10px;
		width:100%;
		border:0px solid;
	}
	
	.footer-text h3 {
		font-weight: 600;
		font-size: 0.90em;
		text-decoration: none;
		color: #fff;
		margin-bottom: 10px;
		text-transform:uppercase;
		letter-spacing:1px;
	}
	
	.footer-text p{
		margin-top: 10px;
		color: #fff;
		font-size: 10px;
		font-weight: 100;
	}
	
	.homeLayer3 .frameAllVideo {
		margin:0 auto;
		width:90%;
		border:0px solid;
		text-align:center;
		padding-top:15px;
		padding-bottom:15px;
		padding-left:10px;
		padding-right:10px;
	}
	.homeLayer3 .frameAllVideo .boxVideo {
		float:none;
		width:300px;
		height:196px;
		margin-left:100px;
		margin-bottom:20px;
		margin-top:20px;
		border:0px solid;
	}
	
	.homeLayer2 .frameNews img.agenda {
		float:none;
		width:150px;
		height:150px;
		margin-left:200px;
	}
	.homeLayer2 .frameNews .agenda {
		float:none;
		margin-left:0px;
		margin-top:30px;
		border:0px solid;
		text-align:left;
		min-height:10px;
		width:100%;
		font-weight:600;
		text-align:center;
		font-size:1.20em;
	}
	.homeLayer2 .frameAgenda {
		float:none;
		width:100%;
		min-height:10px;
		border:0px solid;
		margin-top:20px;
		margin-left:23px;
		padding:0px;
	}
	.homeLayer2 .frameAgenda img.agenda {
		float:none;
		width:150px;
		height:150px;
		border:0px solid;
		margin-top:20px;
		margin-bottom:20px;
		margin-left:170px;
	}
	.homeLayer2 .frameAgenda .agenda {
		float:none;
		margin-left:0px;
		margin-top:10px;
		text-align:justify;
		border:0px solid;
		min-height:10px;
		width:100%;
		font-weight:600;
		text-align:center;
		padding-top:0px;
		font-size:1.00em;
	}
	.homeLayer2 .frameNewsAll {
		float:none;
		width:95%;
		margin:0 auto;
		margin-top:5px;
		margin-bottom:20px;
		padding-left:5px;
		padding-right:5px;
		padding-top:5px;
		padding-bottom:5px;
		border:0px solid;
	}
	.homeLayer2 .frameNewsAll img {
		float:none;
		width:300px;
		height:200px;
		border:0px solid;
		margin-top:20px;
		margin-bottom:20px;
		margin-left:100px;
	}
	.homeLayer2 .frameNewsAll .highlight {
		float:none;
		margin-left:5px;
		margin-right:5px;
		margin-top:10px;
		text-align:justify;
		border:0px solid;
		min-height:10px;
		width:100%;
		font-weight:normal;
		text-align:justify;
		padding-top:0px;
	}
	.homeLayer2 .frameNewsAll .highlight a {
		color:#000;
		text-decoration:none;
	}
	.homeLayer2 .frameNewsAll .highlight a:hover {
		color:#191970;
		text-decoration:underline;
	}
	.homeLayer2 .frameNewsAll .judul {
		width:100%;
		margin:0 auto;
		border-bottom:1px solid #EEE8CD;
		font-family:Roboto Slab;
		padding-bottom:10px;
		padding-top:0px;
		margin-left:0px;;
	}
	.homeLayer2 .frameNewsAll .judul h5 {
		float:left;
		font-size:1.10em;
		color:#191970;
		text-align:center;
	}
	
	.homeLayer3 .frameOpini .boxIsi {
		float:left;
		width:180px;
		height:230px;
		border:0px solid;
		margin-left:35px;
		margin-right:35px;
		margin-bottom:20px;
		margin-top:20px;
	}
	
}
@media screen and (max-width:640px){
	img.navbar-brand2 {
		width:55px;
		margin-left:40px;
	}
	.navbar-default .navbar-nav>li {
		text-align: center;
	}
	.navbar-nav>li:hover > ul { 
		visibility:hidden;
	}
	.navbar-nav>li:active > ul { 
		visibility:hidden;
	}
	.icn_pos.hm {
		padding-left: 0px;
	}
	.icn_pos {
		padding-left: 1px;
	}
	.icn_pos.hm2 {
		padding-left: 2px;
	}
	.navbar-default .navbar-toggle .icon-bar {
		background-color: #D47115;
	}
	.navbar-default .navbar-toggle {
		border: none !important;
	}
	.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
		background-color: #FCFCFC !important;
	}
	.navbar-header a.navbar-brand.logo-st, .navbar-header a.navbar-brand.logo-st:hover{
		margin:0;
	}
	.carousel-caption h3 {
		font-size: 18px;
		width: 70%;
	}
	.carousel-caption p {
		font-size: 13px;
		width: 91%;
	}
	.style-label ul li {
		margin: 0px 3px 0px;
		width: 32%;
	}
	.style-label ul li:nth-child(4){
		display:none;
	}
	.wid2 {
		padding: 0px 20px;
	}
	.gal-alt {
		width: 46%;
		float: left;
		margin: 0px 10px 20px !important;
	}
	span.hide-box {
		padding: 73px 0px;
	}
	.social-icn ul li {
		padding: 0px 16px;
	}
	.text-label {
		padding: 21px 12px;
	}
	input.name, input.nuber {
		width: 100%;
		float: left;
		margin-bottom: 5px;
	}
	.label-text h3 {
		font-size: 17px;
	}
	.label-text p {
		font-size: 12px;
	}
}
@media screen and (max-width:600px) {
	.header-top .boximg {
		float:none;
		margin-right:0px;
		width:100%;
		/*width:120px;*/
		height:120px;
		border:0px solid;
		margin-bottom:20px;
		margin-top:20px;
	}
	.header-top .boximg img {
		width:120px;
	}
	.header-top p {
		float:none;
		font-size:20px;
		margin-top:10px;
		margin-left:0px;
		line-height:30px;
		letter-spacing:0px;
		border:0px solid;
		width:100%;
		text-align:center;
	}
	.header-top .boxLogin {
		float:none;
		width:50%;
		min-height:30px;
		margin:0 auto;
		margin-top:20px;
		border:0px solid;
	}
	.textinput2 {
		float:right;
		display: block;
		width: 100%;
		height: 35px;
		padding-top:10px;
		padding-bottom:10px;
		padding-left:10px;
		padding-right:10px;
		margin-bottom:5px;
		font-size:0.80em;
		border: 1px solid #ccc;
		border-radius: 4px;
	}
	.button2 {
		float:right;
		font-size:1.00em;
		padding-left:20px;
		padding-right:20px;
		padding-top:5px;
		padding-bottom:5px;
		border-radius:3px;
		border-color:#D47115;
		border:2px solid;
		margin-top:0px;
		font-size:0.80em;
		margin-left:5px;
	}
	#hintEmail {
		width:90%;
		margin:0 auto;
		margin-bottom:20px;
		margin-top:20px;
		border:0px solid;
	}
	.textinput3 {
		float:left;
		margin-right:10px;
		margin-left:10px;
		display: block;
		width:35%;
		height: 35px;
		padding: 6px 10px;
		font-size: 10px;
		line-height: 1.42857143;
		color: #515151;
		background-color: #fff;
		background-image: none;
		border: 1px solid #ccc;
		border-radius: 4px;
		-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
				  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
		-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
			   -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
				  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	}
	.button3 {
		float:left;
		font-size:0.80em;
		font-family:Monda;
		color:#FFF;
		background-color:#FF0000;
		padding-left:15px;
		padding-right:15px;
		padding-top:5px;
		padding-bottom:5px;
		text-decoration:none;
		border-radius:3px;
		border-color:#D47115;
		border:2px solid;
		margin-top:0px;
	}
	.note {
		font-size:0.80em;
		text-align:left;
		margin-top:20px;
		margin-left:20px;
	}
}
@media screen and (max-width:500px) {
	.header-top .boximg {
		float:none;
		margin-right:0px;
		width:100%;
		/*width:120px;*/
		height:120px;
		border:0px solid;
		margin-bottom:20px;
	}
	.header-top .boximg img {
		width:120px;
	}
	.header-top p {
		float:none;
		font-size:20px;
		margin-top:10px;
		margin-left:0px;
		line-height:30px;
		letter-spacing:0px;
		border:0px solid;
		width:100%;
		text-align:center;
	}
	.header-top .boxLogin {
		float:none;
		width:60%;
		min-height:30px;
		margin:0 auto;
		margin-top:20px;
		border:0px solid;
	}
	.textinput2 {
		float:right;
		display: block;
		width: 100%;
		height: 25px;
		padding: 6px 6px;
		margin-bottom:5px;
		font-size:0.80em;
		border: 1px solid #ccc;
		border-radius: 4px;
	}
	.button2 {
		float:right;
		font-size:1.00em;
		padding-left:20px;
		padding-right:20px;
		padding-top:5px;
		padding-bottom:5px;
		border-radius:3px;
		border-color:#D47115;
		border:2px solid;
		margin-top:0px;
		font-size:0.80em;
		margin-left:5px;
	}
	#hintEmail {
		width:90%;
		margin:0 auto;
		margin-bottom:20px;
		margin-top:20px;
		border:0px solid;
	}
	.textinput3 {
		float:left;
		margin-right:10px;
		margin-left:10px;
		display: block;
		width:35%;
		height: 30px;
		padding: 6px 10px;
		font-size: 10px;
		line-height: 1.42857143;
		color: #515151;
		background-color: #fff;
		background-image: none;
		border: 1px solid #ccc;
		border-radius: 4px;
		-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
				  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
		-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
			   -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
				  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	}
	.button3 {
		float:left;
		font-size:0.80em;
		font-family:Monda;
		color:#FFF;
		background-color:#FF0000;
		padding-left:15px;
		padding-right:15px;
		padding-top:5px;
		padding-bottom:5px;
		text-decoration:none;
		border-radius:3px;
		border-color:#D47115;
		border:2px solid;
		margin-top:0px;
	}
	.note {
		font-size:0.80em;
		text-align:left;
		margin-top:20px;
		margin-left:20px;
	}
}
@media screen and (max-width:480px){
	.header-top .boximg {
		float:none;
		margin-right:0px;
		width:100%;
		/*width:120px;*/
		height:120px;
		border:0px solid;
	}
	.header-top .boximg img {
		width:120px;
	}
	.header-top p {
		float:none;
		font-size:16px;
		margin-top:10px;
		margin-left:0px;
		line-height:30px;
		letter-spacing:0px;
		border:0px solid;
		width:100%;
		text-align:center;
	}
	.header-top .boxLogin {
		float:none;
		width:80%;
		min-height:30px;
		margin:0 auto;
		margin-top:20px;
		border:0px solid;
	}
	.textinput2 {
		float:right;
		display: block;
		width: 100%;
		height: 25px;
		padding: 6px 6px;
		margin-bottom:5px;
		font-size:0.80em;
		border: 1px solid #ccc;
		border-radius: 4px;
	}
	.button2 {
		float:right;
		font-size:1.00em;
		padding-left:20px;
		padding-right:20px;
		padding-top:5px;
		padding-bottom:5px;
		border-radius:3px;
		border-color:#D47115;
		border:2px solid;
		margin-top:0px;
		font-size:0.80em;
		margin-left:5px;
	}
	#hintEmail {
		width:98%;
		margin:0 auto;
		margin-bottom:20px;
		margin-top:20px;
		border:0px solid;
	}
	.textinput3 {
		float:left;
		margin-right:10px;
		margin-left:10px;
		display: block;
		width:33%;
		height: 30px;
		padding: 6px 10px;
		font-size: 10px;
		line-height: 1.42857143;
		color: #515151;
		background-color: #fff;
		background-image: none;
		border: 1px solid #ccc;
		border-radius: 4px;
		-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
				  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
		-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
			   -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
				  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	}
	.button3 {
		float:left;
		font-size:0.80em;
		font-family:Monda;
		color:#FFF;
		background-color:#FF0000;
		padding-left:10px;
		padding-right:10px;
		padding-top:3px;
		padding-bottom:3px;
		text-decoration:none;
		border-radius:3px;
		border-color:#D47115;
		border:2px solid;
		margin-top:3px;
	}
	.homeVisi {
		width:95%;
		margin:0 auto;
		min-height:100px;
		border:0px solid;
		margin-top:20px;
		font-weight:600;
		font-size:0.70em;
		line-height:20px;
	}
	.homeVisi img {
		width:95%;
	}
	a.carousel-link1 {
		top: 85%;
		left: 19%;
		padding-left:5px;
		padding-right:5px;
		padding-top:1px;
		padding-bottom:1px;
		font-size:6px;
	}
	img.navbar-brand2 {
		width:50px;
		margin-left:35px;
	}
	.sideRightInnerTable2 .isi {
		font-size:15px;
		padding-bottom:5px;
		padding-top:5px;
		padding-left:5px;
		padding-right:5px;
		line-height:20px;
	}
	.sideRightInnerTable2 .isi .detail {
		font-size:10px;
		padding-left:10px;
	}
	.sideRightInnerTable2 h3 {
		font-size:15px;
		font-weight:normal;
	}
	.sideRightInnerTable2 h3 .ket {
		font-size:12px;
		font-weight:normal;
	}
	.sideRightInnerTable3 h3 {
		font-size:15px;
		font-weight:normal;
	}
	.sideRightInnerTable3 .isi {
		font-size:15px;
		float:none;
		width:80%;
	}
	.sideRightInnerTable4 h3 {
		font-size: 16px;
	}
	.sideRightInnerTable4 .isi {
		font-size:13px;
		float:none;
		width:90%;
        min-height:75px;
	}
    .sideRightInnerTable4 .isiAgenda {
		font-size:13px;
		float:none;
		width:100%;
	}
	.sideRightInnerTable4 .isi img {
		width:250px;
		height:250px;
		margin-bottom:10px;
		margin-left:10px;
		padding:0px;
	}
    .sideRightInnerTable4 .isiAgenda img {
		width:90%;
		height:auto;
		margin-bottom:10px;
		margin-left:3px;
		padding:0px;
	}
	.sideRightInnerTable4 .isi .highlight, .sideRightInnerTable4 .isiAgenda .highlight {
		font-size:8px;
	}
	.sideRightInnerTable4 .isiContent {
		width:95%;
		margin-top:3px;
		margin-bottom:5px;
		margin-left:10px;
		margin-right:10px;
		padding-bottom:3px;
		padding-top:2px;
		padding-left:10px;
		padding-right:5px;
	}
	.sideRightInnerTable4 .isiContent .title {
		font-size:14px;
	}
	.sideRightInnerTable4 .isiContent img.satu, img.dua {
		float:none;
		width:250px;
		margin-left:2px;
		margin-bottom:5px;
		margin-top:5px;
		padding:0px;
	}
	.sideRightInnerTable4 .isiContent img.dua {
		margin-left:2px;
	}
    .sideRightInnerTable4 .isiContent img.tiga {
		float:none;
		width:250px;
		margin-left:2px;
		margin-bottom:5px;
		margin-top:5px;
		padding:0px;
	}
	.sideRightInnerTable4 .isiContent .berita {
		font-size:12px;
		line-height:20px;
	}
	.sideRightInnerTable5 .isi {
		float:none;
		width:90%;
		margin-top:10px;
		margin-bottom:20px;
		margin-left:10px;
		margin-right:0px;
	}
	.sideRightInnerTable5 .isiBook {
		float:none;
		width:90%;
		margin-top:5px;
		margin-bottom:3px;
		margin-left:10px;
		margin-right:0px;
		border:0px solid;
		padding-bottom:0px;
		padding-top:0px;
	}
	.sideRightInnerTable6 .baris {
		margin-bottom:10px;
		border:0px solid;
	}
	.sideRightInnerTable6 .baris .isi {
		font-size:15px;
		padding-top:5px;
		margin-bottom:5px;
	}
	.sideRightInnerTable6 .baris .isiMid {
		font-size:14px;
	}
	.sideRightInnerTable6 .baris .isiLink {
		font-size:13px;
	}
	.sideRightInnerTable6 h3 {
		font-size:15px;
		font-weight:normal;
	}
	.sideRightInnerTable7 h3 {
		font-size: 16px;
	}
	.sideRightInnerTable7 .isi {
		font-size:13px;
		float:none;
		width:95%;
	}
	.sideRightInnerTable7 .isi .highlight {
		font-size:8px;
	}
	.sideRightInnerTable8 {
		width:90%;
		margin-left:20px;
	}
	
	.sideRightInnerTable8 .isi {
		font-size:15px;
	}
	
	.sideRightInnerTable8 .isiTitle {
		font-size:17px;
	}
	.sideRightInnerTable9 {
		float:none;
		width:95%;
		margin: 0 auto;
		margin-top:20px;
		margin-bottom:40px;
	}
	.sideRightInnerTable9 h3 {
		font-size: 16px;
	}
	.sideRightInnerTable9 .frameLagu {
		width:95%;
		margin-bottom:0px;
		margin:0 auto;
		min-height:100px;
		border:0px solid;
	}
	
	.sideRightInnerTable9 ul {
		margin-left:0px;
	}

	.sideRightInnerTable9 ul li.ganjil, li.genap {
		line-height:40px;
		padding-left:5px;
		padding-right:5px;
	}

	.sideRightInnerTable9 ul li .judul {
		float:left;
		margin-left:2px;
		font-size:12px;
	}

	.sideRightInnerTable9 ul li a {
		float:right;
		margin-right:3px;
		font-size:11px;
	}
	.sideRightInnerTable10 .frameLagu {
		width:95%;
		margin-bottom:0px;
		margin:0 auto;
		min-height:100px;
		border:0px solid;
	}
	.sideRightInnerTable10 .frameLagu .headerJudul, .headerPencipta {
		float:left;
		font-size:14px;
		border:0px solid;
		margin-bottom:0px;
		text-align:left;
		margin-bottom:10px;
	}

	.sideRightInnerTable10 .frameLagu .headerJudul  {
		margin-left:5px;
		width:45%;
		border:0px solid;
	}
	
	.sideRightInnerTable10 .frameLagu .headerPencipta  {
		margin-left:10px;
		width:25%;
		border:0px solid;
	}
	
	.sideRightInnerTable10 ul {
		margin-left:0px;
	}
	
	.sideRightInnerTable10 ul li.ganjil, li.genap {
		line-height:20px;
		padding-left:5px;
		padding-right:5px;
	}

	.sideRightInnerTable10 ul li .judul {
		float:left;
		margin-left:2px;
		font-size:10px;
		width:45%;
		border:0px solid;
		text-align:left;
	}
	
	.sideRightInnerTable10 ul li .pencipta {
		float:left;
		margin-left:5px;
		font-size:8px;
		width:33%;
		border:0px solid;
		text-align:left;
	}
	
	.sideRightInnerTable10 ul li a {
		float:right;
		margin-right:3px;
		font-size:8px;
		text-decoration:none;
		color:#B35F12;
		font-style:normal;
		border:0px solid;
	}
	
	.sideRightInnerTable10 ul li a:hover {
		text-decoration:none;
		color:#00C;
	}
	
	.sideRightInnerTable11 {
		float:none;
		width:98%;
		margin: 0 auto;
		margin-top:20px;
		margin-bottom:40px;
		padding-bottom:20px;
	}

	.sideRightInnerTable11 h3 {
		margin-top:0px;
		font-size:1.00em;
	}

	.sideRightInnerTable11 .frameLagu {
		width:95%;
		margin-bottom:0px;
		margin:0 auto;
	}
	
	.sideRightInnerTable11 ul {
		margin-left:0px;
	}
	
	.sideRightInnerTable11 ul li.ganjil, li.genap {
		line-height:30px;
		padding-left:5px;
		padding-right:5px;
	}
	
	.sideRightInnerTable11 ul li.ganjil {
		background-color:#FFF;
	}
	
	.sideRightInnerTable11 ul li.genap {
		background-color:#F2F2F2;
	}

	.sideRightInnerTable11 ul li .judul {
		float:left;
		margin-left:2px;
		font-size:8px;
		width:55%;
		border:0px solid;
		text-align:left;
	}
	
	.sideRightInnerTable11 ul li a.view {
		float:right;
		margin-right:10px;
		font-size:7px;
		text-decoration:none;
		color:#B35F12;
		font-style:normal;
		border:0px solid;
	}
	
	.sideRightInnerTable11 ul li a.view:hover {
		text-decoration:none;
		color:#00C;
	}
	
	.sideRightInnerTable11 ul li a.download {
		float:right;
		margin-right:3px;
		font-size:7px;
		text-decoration:none;
		color:#B35F12;
		font-style:normal;
		border:0px solid;
	}
	
	.sideRightInnerTable11 ul li a.download:hover {
		text-decoration:none;
		color:#00C;
	}

	img.logo_yayasan {
		margin:30px auto;
		margin-bottom:30px;
		width:300px;
	}
	.navbar-header a.navbar-brand.logo-st, .navbar-header a.navbar-brand.logo-st:hover {
		font-size: 30px;
	}
	.navbar-nav>li:hover > ul { 
		visibility:hidden;
	}
	.navbar-nav>li:active > ul { 
		visibility:hidden;
	}
	.carousel-caption h3 {
		font-size: 14px;
		width: 80%;
		margin: 0px 0px 5px;
	}
	.carousel-caption p {
		font-size: 11px;
		width: 104%;
		margin: 0px 0px 5px;
	}
	button.btn.btn-info.sld, button.btn.btn-info.sld:hover {
		padding: 3px 3px !important;
		font-size: 12px;
		width: 20%;
	}
	.style-label ul li {
		margin: 0px 7px 0px;
		width: 29%;
		top: 31px;
	}
	.flt {
		font-size: 15px;
		padding: 12px;
	}
	ul.box-shadow {
		height: 200px;
	}
	.label-text h3 {
		font-size: 17px;
	}
	.label-text p {
		font-size: 12px;
	}
	.style-label {
		/*padding: 2em 0em;*/
		padding-bottom:2em;
	}
	.ser-fet h3, .ser-fet h3, .top>h3, .doctor-port h3 {
		font-size: 24px;
	}
	.ser-fet p, .ser-fet p {
		font-family: 'Monda';
		font-size: 14px;
	}
	.service_features {
		/*padding: 0em 0em 2em;*/
		padding-top:2em;
	}
	.col-md-4.ser-fet {
		margin-bottom: 2em;
	}
	.div-margin {
		padding-bottom: 1em;
	}
	.menu_drop > li > a,.div-margin h4{
		font-size: 14px;
	}
	li.subitem1 p {
		font-size: 12px 
	}
	.ser-fet p, .ser-fet p {
		font-size: 12px;
	}
	.gal-alt {
		width: 47%;
		float: left;
		margin: 0px 5px 10px !important;
	}
	span.hide-box {
		padding: 50px 0px;
	}
	.acheivments {
		padding: 0em 0em 2em;
	}
	.social-icn ul li {
		padding: 0px 8px;
	}
	.text-label {
		padding: 21px 7px;
	}
	.map iframe {
		min-height: 190px;
	}
	.pd {
		float: none;
		width: 100%;
	}
	.adress,.news-letter {
		margin-bottom: 20px;
	}
	.pd h3 {
		font-size: 20px;
		margin-bottom: 8px;
	}
	.adress ul li,.news-letter p{
		font-size: 12px;
	}
	.contact-us textarea {
		width: 100%;
		min-height: 80px;
	}
	.footer-text h3 {
		font-size: 20px;
	}
	.footer-text p {
		font-size: 12px;
	}
    
    .sideRightInnerTable4 .isiContent .berita td.satu, td.dua, td.tiga {
        font-size:0.80em;
    }
	.homeLayer1 .frameContent .sejarah {
		margin-top:10px;
		font-size:0.80em;
		line-height:25px;
	}
	.homeLayer2 {
		width:95%;
		margin:0 auto;
		min-height:150px;
		padding-top:20px;
		padding-bottom:20px;
		padding-left:20px;
		padding-right:20px;
		margin-top:20px;
		margin-bottom:20px;
	}
	.homeLayer2 .homeLayer2Left {
		float:none;
		background-color:#FFF;
		width:100%;
		min-height:100px;
		margin-left:0px;
		margin-right:0px;
		margin-bottom:15px;
		padding-top:10px;
		padding-bottom:10px;
		padding-left:20px;
		padding-right:20px;
		border:0px solid;
	}
	.homeLayer2 .homeLayer2Right {
		float:none;
		background-color:#FFF;
		width:100%;
		min-height:100px;
		margin-right:0px;
		margin-bottom:0px;
		padding-top:10px;
		padding-bottom:20px;
		padding-left:20px;
		padding-right:20px;
	}
	.frameHeaderGen {
		width:100%;
		margin:0 auto;
		border-bottom:1px solid #EEE8CD;
		font-family:Roboto Slab;
		padding-bottom:10px;
	}

	.frameHeaderGen h3 {
		float:left;
		font-size:0.80em;
		color:#191970;
	}

	.frameHeaderGen a.header {
		float:right;
		font-size:0.80em;
		color:#FF0000;
		text-decoration:none;
	}
	
	.homeLayer3 {
		width:95%;
		border:0px solid;
		padding-top:20px;
		padding-bottom:20px;
		color:#000;
		background-color:#27408B;
		margin-bottom:20px;
		border-radius:10px;
	}
	.homeLayer3 .frameVideo {
		float:none;
		margin:0 auto;
		margin-bottom:20px;
		width:90%;
		min-height:100px;
		padding-top:10px;
		padding-bottom:10px;
		padding-left:10px;
		padding-right:10px;
		background-color:#FFF;
		text-align:center;
		border:0px solid;
	}

	.homeLayer3 .frameJurnal .frameLink {
		float:left;
		margin-left:10px;
		width:150px;
		height:30px;
		border:0px solid;
		text-align:left;
		padding-bottom:20px;
	}

	.homeLayer3 .frameJurnal .frameLink h3 {
		font-size:1.20em;
	}

	.homeLayer3 .frameJurnal .frameLink a.header {
		font-size:0.90em;
		color:#FF0000;
		text-decoration:none;
		font-family:Roboto Slab;
		margin-top:40px;
	}

	.homeLayer3 .frameJurnal .frameLink a.header:hover {
		color:#191970;
		text-decoration:none;
	}

	.homeLayer3 .frameJurnal .frameImg {
		width:50%;
		margin:0 auto;
		border:0px solid;
		padding-bottom:10px;
	}

	.homeLayer3 .frameJurnal .frameImg .box {
		border:1px solid #B4CDCD;
		width:100%;
		height:150px;
		margin-bottom:15px;
		margin-top:15px;
	}

	.homeLayer3 .frameVideo a.more {
		font-size:0.90em;
		font-family:Monda;
		color:#FFF;
		background-color:#FF0000;
		padding-left:20px;
		padding-right:20px;
		padding-top:7px;
		padding-bottom:7px;
		margin:0 auto;
		text-decoration:none;
		border-radius:3px;
		border-color:#FF0000;
		border:2px solid;
	}

	.homeLayer3 .frameVideo a.more:hover {
		color:#FF0000;
		background-color:#FFF;
		border-color:#FF0000;
		border:2px solid;
	}

	.homeLayer3 .frameOpini {
		float:none;
		margin:0 auto;
		margin-bottom:20px;
		width:90%;
		min-height:300px;
		padding-top:15px;
		padding-bottom:45px;
		padding-left:20px;
		padding-right:20px;
		background-color:#FFF;
	}

	.homeLayer3 .frameOpini .frameHeader {
		width:100%;
		margin:0 auto;
		border-bottom:1px solid #EEE8CD;
		font-family:Roboto Slab;
		padding-bottom:10px;
	}

	.homeLayer3 .frameOpini .frameHeader h3 {
		float:left;
		font-size:1.00em;
		color:#191970;
	}

	.homeLayer3 .frameOpini .frameHeader a.header {
		float:right;
		font-size:1.00em;
		color:#FF0000;
		text-decoration:none;
	}

	.homeLayer3 .frameOpini .frameHeader a.header:hover {
		color:#FF0000;
		text-decoration:none;
	}

	.homeLayer3 .frameOpini .frameIsi {
		width:100%;
		margin:0 auto;
		border-bottom:1px solid #EEE8CD;
		font-family:Roboto Slab;
		padding-bottom:5px;
		margin-bottom:20px;
		margin-top:20px;
	}

	.homeLayer3 .frameOpini .frameIsi .isi {
		font-size:0.80em;
		color:#515151;
		border:0px solid;
		color:#000;
		font-weight:600;
	}

	.homeLayer3 .frameOpini .frameIsi .course {
		font-size:0.70em;
		margin-bottom:3px;
		font-weight:600;
	}
	.homeLayer3 .frameOpini .frameIsi .orang {
		font-size:0.70em;
		margin-bottom:15px;
	}
	.homeLayer3 .frameOpini .frameIsi a.more {
		font-size:1.00em;
		font-family:Monda;
		color:#FFF;
		background-color:#00B2EE;
		padding-left:20px;
		padding-right:20px;
		padding-top:2px;
		padding-bottom:2px;
		text-decoration:none;
		border-radius:3px;
		border-color:#D47115;
		border:2px solid;
	}

	.homeLayer3 .frameOpini .frameIsi a.more:hover {
		color:#00B2EE;
		background-color:#FFF;
		border-color:#00B2EE;
		border:2px solid;
	}

	.homeLayer3 .frameSong {
		float:none;
		margin:0 auto;
		width:90%;
		min-height:100px;
		padding-top:15px;
		padding-bottom:20px;
		padding-left:10px;
		padding-right:10px;
		background-color:#FFF;
		text-align:center;
		border:1px solid;
	}

	.homeLayer3 .frameSong img {
		float:left;
		margin-left:20px;
		border:0px solid;
		width:50px;
	}

	.homeLayer3 .frameSong .frameLink {
		float:right;
		margin-right:3px;
		width:150px;
		height:30px;
		border:0px solid;
		text-align:right;
		padding-bottom:10px;
	}

	.homeLayer3 .frameSong .frameLink h3 {
		font-size:1.00em;
		border:0px solid;
	}

	.homeLayer3 .frameSong .frameLink a.header {
		font-size:0.90em;
		color:#FF0000;
		text-decoration:none;
		font-family:Roboto Slab;
		margin-top:40px;
	}

	.homeLayer3 .frameSong .frameLink a.header:hover {
		color:#191970;
		text-decoration:none;
	}

	.homeLayer3 .frameSong .baris {
		width:100%;
		margin:0 auto;
		min-height:35px;
		border-bottom:1px solid #B4CDCD;
		background-color:#FFF;
		text-align:left;
		padding-top:13px;
		padding-bottom:5px;
		padding-left:5px;
		font-size:8px;
	}

	.homeLayer3 .frameSong a.more {
		font-size:0.90em;
		font-family:Monda;
		color:#FFF;
		background-color:#FF0000;
		padding-left:20px;
		padding-right:20px;
		padding-top:7px;
		padding-bottom:7px;
		margin:0 auto;
		margin-top:20px;
		text-decoration:none;
		border-radius:3px;
		border-color:#FF0000;
		border:2px solid;
	}

	.homeLayer3 .frameSong a.more:hover {
		color:#FF0000;
		background-color:#FFF;
		border-color:#FF0000;
		border:2px solid;
	}
	
	.homeLayer4 {
		width:95%;
		border:0px solid;
		padding-top:20px;
		padding-bottom:20px;
		color:#000;
		background-color:#27408B;
		margin-bottom:20px;
		margin-top:20px;
		border-radius:10px;
	}
	
	.homeLayer4 .frameView .frameAlumni {
		float:none;
		width:100%;
		border:0px solid;
		height:70px;
		margin-top:10px;
		margin-bottom:10px;
		margin-right:15px;
		margin-left:15px;
	}
	
	.homeLayer4 .frameView .frameAlumni .isi {
		font-size:1.00em;
	}

	.homeLayer4 .frameView .frameAlumni .course {
		font-size:0.80em;
		border:0px solid;
	}
	.homeLayer4 .frameView .frameAlumni .title {
		font-size:0.80em;
		border:0px solid;
		color:#000;
	}
	.homeLayer4 .frameView .frameAlumni .orang {
		font-size:1.00em;
	}
	
	.homeLayerCari .label {
		float:none;
		margin-right:0px;
		margin-top:7px;
		margin-bottom:5px;
		font-size:1.00em;
		border:0px solid;
	}
	
	.homeLayerCari .boxInput {
		float:none;
		margin-right:20px;
		margin-top:10px;
		width:100%;
		border:0px solid;
	}
	
	.footer-text h3 {
		font-weight: 600;
		text-decoration: none;
		color: #fff;
		margin-bottom: 10px;
		text-transform:uppercase;
		letter-spacing:1px; */
		font-size: 0.70em;
	}
	
	.footer-text p{
		margin-top: 10px;
		color: #fff;
		font-size: 10px;
		font-weight: 100;
	}

	.homeLayer2 .frameNews img {
		float:none;
		width:150px;
		height:100px;
		border:0px solid;
		margin-left:50px;
	}
	
	.homeLayer2 .frameNews .title {
		font-weight:600;
		margin-left:5px;
		margin-right:5px;
		margin-bottom:20px;
		text-align:center;
		font-size:0.90em;
	}

	.homeLayer2 .frameNews .highlight {
		float:none;
		margin-left:3px;
		margin-right:3px;
		margin-top:5px;
		border:0px solid;
		min-height:100px;
		width:100%;
		font-size:0.90em;
	}
	.homeLayer2 .frameNews img.agenda {
		float:none;
		width:150px;
		height:150px;
		border:0px solid;
		margin-top:0px;
		margin-left:50px;
	}
	.homeLayer2 .frameNews .agenda {
		float:none;
		margin-left:0px;
		margin-top:30px;
		border:0px solid;
		text-align:left;
		min-height:10px;
		width:100%;
		font-weight:600;
		text-align:center;
	}
	
	.homeLayer3 .frameAllVideo {
		margin:0 auto;
		width:86%;
		border:0px solid;
		text-align:center;
		padding-top:20px;
		padding-bottom:20px;
		padding-left:10px;
		padding-right:10px;
	}
	.homeLayer3 .frameAllVideo .boxVideo {
		float:none;
		width:260px;
		height:170px;
		margin-left:5px;
		margin-bottom:20px;
		margin-top:20px;
		border:0px solid;
	}
	.homeLayer2 .frameAgenda {
		float:none;
		min-height:10px;
		border:0px solid;
		margin-top:20px;
		margin-left:0px;
		padding:0px;
	}
	.homeLayer2 .frameAgenda img.agenda {
		float:none;
		width:150px;
		height:150px;
		border:0px solid;
		margin-top:20px;
		margin-bottom:20px;
		margin-left:50px;
	}
	.homeLayer2 .frameAgenda .agenda {
		float:none;
		margin-left:0px;
		margin-top:10px;
		text-align:justify;
		border:0px solid;
		min-height:10px;
		width:100%;
		font-weight:600;
		text-align:center;
		padding-top:0px;
		font-size:1.00em;
	}
	
	.homeLayer2 .frameAgenda .judul {
		width:100%;
		margin:0 auto;
		border-bottom:1px solid #EEE8CD;
		padding-bottom:10px;
		padding-top:0px;
		margin-left:0px;
	}
	.homeLayer2 .frameAgenda .judul h5 {
		float:left;
		font-size:0.80em;
		color:#191970;
	}
	
	.homeLayer2 .frameNewsAll {
		float:none;
		width:100%;
		margin:0 auto;
		margin-top:10px;
		margin-bottom:20px;
		padding-left:3px;
		padding-right:3px;
		padding-top:5px;
		padding-bottom:5px;
	}
	.homeLayer2 .frameNewsAll img {
		float:none;
		width:200px;
		height:133px;
		border:0px solid;
		margin-top:20px;
		margin-bottom:20px;
		margin-left:20px;
	}
	.homeLayer2 .frameNewsAll .highlight {
		float:none;
		margin-left:3px;
		margin-top:10px;
		text-align:justify;
		border:0px solid;
		min-height:10px;
		width:100%;
		line-height:27px;
		font-weight:normal;
		text-align:justify;
		padding-top:0px;
		font-size:0.90em;
	}
	.homeLayer2 .frameNewsAll .highlight a {
		color:#000;
		text-decoration:none;
	}
	.homeLayer2 .frameNewsAll .judul {
		width:100%;
		margin:0 auto;
		border-bottom:1px solid #EEE8CD;
		font-family:Roboto Slab;
		padding-bottom:10px;
		padding-top:0px;
		margin-left:0px;
		font-size:0.80em;
	}
	.homeLayer2 .frameNewsAll .judul h5 {
		float:left;
		font-size:1.10em;
		color:#191970;
		line-height:25px;
		text-align:center;
	}
	
	.homeLayer3 .frameOpini .boxIsi {
		float:none;
		width:180px;
		height:230px;
		border:0px solid;
		margin-left:45px;
		margin-right:35px;
		margin-bottom:20px;
		margin-top:20px;
	}
	
	.modal-content {
		width:95%;
		margin:0 auto;
		text-align:center;
		border:1px solid;
	}
	.modal-header {
		margin-bottom:3px;
		border:0px solid;
		height:25px;
	}
	.modal-header img {
		width:30px;
		float:right;
		margin-right:5px;
	}
	.modal-body {
		padding-top:3px;
		border:0px solid;
		text-align:left;
		padding-left:0px;
		padding-right:20px;
		padding-bottom:10px;
		color:#000;
	}
	.modal-body .nama {
		font-size:1.00em;
		text-transform:uppercase;
		font-weight:600;
		text-align:center;
	}
	.modal-body .barisData {
		width:95%;
		min-height:25px;
		margin:0 auto;
		margin-top:15px;
		margin-bottom:2px;
		border:0px solid;
		font-weight:600;
		font-size:0.90em;
	}
	.modal-body .barisIsi {
		float:left;
		margin-left:10px;
		margin-top:7px;
		font-size:1.00em;
	}
	.modal-body img {
		float:left;
		margin-left:15px;
		width:32px;
		height:32px;
	}
}
@media screen and (max-width:384px){
	img.navbar-brand2 {
		width:50px;
		margin-left:30px;
	}
	.navbar-header a.navbar-brand.logo-st, .navbar-header a.navbar-brand.logo-st:hover {
		font-size: 26px;
	}
	nav.navbar.navbar-default.chn-gd {
		padding: 0.5em 0em;
	}
	.navbar-nav>li:hover > ul { 
		visibility:hidden;
	}
	.navbar-nav>li:active > ul { 
		visibility:hidden;
	}
	.carousel-caption h3 {
		font-size: 14px;
		width: 90%;
		margin: 0px 0px 5px;
		padding: 6px 10px;
	}
	.carousel-caption p {
		font-size: 11px;
		width: 94%;
		margin: 0px 0px 5px;
		padding: 5px 9px;
	}
	.carousel-caption {
		text-align: left;
		top: 5%;
		left: 13%;
	}
	button.btn.btn-info.sld, button.btn.btn-info.sld:hover {
		padding: 3px 3px !important;
		font-size: 10px;
		width: 26%;
	}
	.carousel-indicators .active {
		width: 8px;
		height: 8px;
	}
	.carousel-indicators li {
		width: 8px;
		height: 8px;
	}
	.style-label ul li {
		margin: 0px 0px 0px;
		width: 50%;
		top: 31px;
		padding: 0px 7px;
	}
	.style-label ul li:nth-child(4) {
		display: block;
	}
	ul.box-shadow {
		height: 352px;
	}
	.label-text p {
		margin-bottom: 20px;
	}
	.col-md-6.fet-pad {
		width: 100%;
		float: none;
		text-align: left;
	}
	.gal-alt {
		width: 100%;
		float: none;
		margin: 0px 0px 10px !important;
	}
	span.hide-box {
		padding: 89px 0px;
	}
	.text-label {
		padding: 21px 0px;
		width: 100%;
		float: none;
		text-align: center;
	}
	.social-icn {
		width: 100%;
		float: none;
		background: #79CFD1;
		padding: 15px 0px 49px;
	}
	.footer-text h3 {
		font-size: 18px;
	}
	.footer-text p {
		font-size: 12px;
	}
}
@media screen and (max-width:320px){
	img.navbar-brand2 {
		width:45px;
		margin-left:30px;
	}
	.navbar-nav>li:hover > ul { 
		visibility:hidden;
	}
	.navbar-nav>li:active > ul { 
		visibility:hidden;
	}
	.carousel-caption p {
		padding: 5px 9px;
	}
	.carousel-caption {
		text-align: left;
		top: 0%;
		left: 13%;
	}
	.wid2 {
		padding: 0px 15px;
	}
	.carousel-caption h3 {
		width: 109%;
	}
	ul.box-shadow {
		height: 380px;
	}
	.menu-grid {
		margin-top: 10px;
	}
	.col-md-4.ser-fet {
		margin-bottom: 1em;
	}
	.features {
		margin-top: 20px;
	}
	.aim-icn {
		padding: 12px 12px;
	}
	.div-margin {
		padding-bottom: 0.5em;
	}
	span.hide-box {
		padding: 73px 0px;
	}
	.service_features {
		/*padding: 0em 0em 1em;*/
		padding-top:1em;
	}
	.acheivments {
		padding: 0em 0em 1em;
	}
	.social-icn ul li {
		padding: 0px 6px;
	}
	button.btn.btn-info.sld, button.btn.btn-info.sld:hover {
		padding: 6px 3px !important;
		font-size: 10px;
		width: 33%;
	}
	.pd h3 {
		font-size: 19px;
	}
	.caption h4 {
		font-weight: 300;
		font-size: 11px;
	}
	.caption span {
		font-size: 0.7em;
	}
	.ser-fet {
		padding: 0;
	}
	.pd {
		padding: 0;
	}
	.footer-text h3 {
		font-size: 18px;
	}
	.footer-text p {
		font-size: 12px;
	}
	.image-wid img.img-responsive{
		width:100%;
		min-height:180px;
	}
	#swipebox-slider .slide img {
		min-height: 119px !important;
		min-width: 75% !important;
	}
}