@font-face
{
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 300;
	src: local('Roboto Light'), local('Roboto-Light'), url(http://themes.googleusercontent.com/static/fonts/roboto/v9/Hgo13k-tfSpn0qi1SFdUfT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face
{
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	src: local('Roboto Regular'), local('Roboto-Regular'), url(http://themes.googleusercontent.com/static/fonts/roboto/v9/2UX7WLTfW3W8TclTUvlFyQ.woff) format('woff');
}
@font-face
{
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 700;
	src: local('Roboto Bold'), local('Roboto-Bold'), url(http://themes.googleusercontent.com/static/fonts/roboto/v9/d-6IYplOFocCacKzxwXSOD8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face
{
	font-family: 'Roboto';
	font-style: italic;
	font-weight: 400;
	src: local('Roboto Italic'), local('Roboto-Italic'), url(http://themes.googleusercontent.com/static/fonts/roboto/v9/1pO9eUAp8pSF8VnRTP3xnvesZW2xOQ-xsNqO47m55DA.woff) format('woff');
}
@font-face
{
	font-family: 'FontAwesome';
	src: url('../fonts/fontawesome-webfont.eot?v=3.2.1');
	src: url('../fonts/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=3.2.1') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=3.2.1') format('truetype'), url('../fonts/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');
	font-style: normal;
	font-weight: normal;
}
input, select, textarea
{
	margin: 0;
}
html
{
	background-color: #262626;
	transition: 0.5s;
}
body, input, select, textarea
{
	color: #aaa;
	font: normal 13px Roboto,arial,sans-serif;
	padding: 50px 0;
}
a
{
	color: #26ADE4;
	text-decoration: none;
}
img {
	max-width: 100%;
	height: auto !important;
}
a:hover
{
	color: #427FED;
}
h1
{
	font-size: 24px;
	font-weight: 700;
}
h2, h3
{
	font-size: 16px;
	font-weight: 500;
	margin: 0 0 1px 0;
}
.sitename {
	background: none;
	border: none;
}
.sitename a:hover {
	color:#999;
}
p
{
	margin: 0 0 10px 0;
	padding: 0;
}
.fl
{
	float: left;
}
.fr
{
	float: right;
}
.clr
{
	clear: both;
	display: block;
}
.hc
{
	background: rgba(0,0,0,0.6);
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 1px 0 0 rgba(0, 0, 0, 0.1);
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 5;
}
.nav1
{
	margin: auto;
	padding: 2px 60px;
}
.logo
{
	display: block;
	height: 32px;
	width: 69px;
}
.logo:hover
{
	opacity: 0.7;
}
.hs
{
	padding: 8px;
	position: relative;
}
.hs .hstxt
{
	background-color: #FAF9F7;
	border: 1px solid #CCC;
	border-radius: 3px;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.07) inset;
	color: #999;
	font-weight: bold;
	line-height: 18px;
	outline: none;
	padding: 4px 26px 4px 6px;
	transition: all 0.08s ease-in-out 0s;
	width: 100%;
}
.hs .hstxt:focus
{
	background-color: #FAFAFA;
	border-color: #AAA;
	color: #333;
}
.hs .hsub
{
	border: 0 none;
	bottom: 0;
	height: 0px;
	position: absolute;
	right: 0;
	visibility: hidden;
	width: 0px;
}
.hs a.hsbtn
{
	color: #AAA;
	display: block;
	font-size: 14px;
	height: 16px;
	position: absolute;
	right: 12px;
	top: 15px;
	width: 14px;
}
.hs a.hsbtn:hover
{
	color: #999;
}
#sres
{
	display: none;
	min-width: 184px;
	position: absolute;
	z-index: 100;
}
.sres
{
	background: #FFF;
	border-radius: 0 0 3px 3px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
}
.sres ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}
.sres ul li a
{
	display: block;
	padding: 2px 5px;
}
.sres ul li a:hover
{
	background: #52B8EB;
	color: #FFF;
}
.sres ul li:last-child a
{
	border-radius: 0 0 3px 3px;
}
.mnu1
{
	list-style: none;
	margin: 0;
	padding: 0;
}
.mnu1 > li
{
	float: left;
	margin: 3px 0 3px 0;
	position: relative;
}
.mnu1.fr > li
{
	margin: 0 0 0 8px;
}
.mnu1 > li > a
{
	background: linear-gradient(#FFFFFF, #F0F0F0) repeat scroll 0 0 #F7F7F7;
	background: -webkit-linear-gradient(#FFFFFF, #F0F0F0) repeat scroll 0 0 #F7F7F7;
	border: 1px solid #CCCCCC;
	border-radius: 3px 3px 3px 3px;
	color: #5F5F5F;
	display: block;
	font-size: 14px;
	height: 14px;
	line-height: 18px;
	padding: 7px 9px 5px 9px;
	text-align: center;
	text-shadow: 0 1px #FFFFFF;
}
.mnu1.fr > li > a
{
	padding: 7px 8px 5px 8px;
}
.mnu1 > li > a > i
{
	display: block;
	float: left;
	height: 14px;
	width: 14px;
}
.mnu1 > li > a > span
{
	display: block;
	float: left;
	font-size: 13px;
	margin: -3px 0 0 5px;
}
#usrops > a > img
{
	border-radius: 3px 0 0 3px;
	display: block;
	float: left;
	margin: -7px 4px -7px -8px;
}
.mnu1 > li > a:hover, .mnu1 > li:hover > a
{
	background-color: #AB171E;
	background-image: linear-gradient(#E63D44, #C11A22);
	background-image: -webkit-linear-gradient(#E63D44, #C11A22);
	border: 1px solid #920C12;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.22);
	color: #FFFFFF;
	text-shadow: 0 -1px rgba(0, 0, 0, 0.11);
}
.mnu1 > li > .sub1
{
	display: none;
	left: -26px;
	list-style: none;
	margin: 0;
	padding: 14px 0 0 0;
	position: absolute;
	z-index: 10;
}
.mnu1.fr > li > .sub1
{
	left: -6px;
}
.mnu1.fr > li:last-child > .sub1
{
	left: -45px;
}
.mnu1 > li:hover > .sub1
{
	display: block;
}
.mnu1 > li > .sub1 .tri
{
	background: url("../img/tri.png");
	height: 13px;
	left: 9px;
	position: absolute;
	top: 1px;
	width: 27px;
}
.mnu1.fr > li:last-child > .sub1 .tri
{
	left: 48px;
}
.mnu1 > li > .sub1 .wrap
{
	background: #FFF;
	border-radius: 3px 3px 3px 3px;
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.44);
}
.mnu1 > li > .sub1 .wrap > li > a
{
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset;
	color: #8F8F8F;
	display: block;
	padding: 6px 0 5px 9px;
	width: 75px;
}
.mnu1 > li > .sub1 .wrap > li:first-child a
{
	border-radius: 3px 3px 0 0;
}
.mnu1 > li > .sub1 .wrap > li:last-child a
{
	border-radius: 0 0 3px 3px;
}
.mnu1 > li > .sub1 .wrap > li > a:hover
{
	background: linear-gradient(#F1F1F1, #E8E8E8) repeat scroll 0 0 #ECECEC;
	background: -webkit-linear-gradient(#F1F1F1, #E8E8E8) repeat scroll 0 0 #ECECEC;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 -1px 0 rgba(0, 0, 0, 0.035) inset;
}
.mnu2
{
	list-style: none;
	margin: 0;
	padding: 9px 0 0 20px;
}
.mnu2 li
{
	float: left;
	margin: 0 3px;
}
.mnu2 li a
{
	border-bottom: 2px solid #26ADE4;
	display: block;
	font-size: 14px;
	padding: 5px 0px 5px 3px;
}
.mnu2 li a:hover, .mnu2 li a.active
{
	border-bottom: 2px solid #427FED;
	color: #427FED;
}

.mega li a, .mega li a:hover, .mega li a.active {
	border-bottom-width: 1px;
	border-bottom-color: #222222;
}

ul.menu li { position: relative; }

ul.menu>ul {
	list-style: none;
	position:absolute;
	background: rgba(255,255,255,.9);
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 1px 0 0 rgba(0, 0, 0, 0.1);
	padding: 0;
}

ul.menu ul li {
	display: block;
	width: 200px;
}

ul.menu .mega {
	width: 400px;
	position: absolute;
	z-index: 999999;
	right: 0;
	background-color: rgba(0, 0, 0, 0.8);
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 1px 0 0 rgba(0, 0, 0, 0.1);
	display : none;
}

ul.menu li:hover>.mega {
	display:inherit;
}

ul.menu .mega>ul {
	width: 50%;
	float: left;
	padding : 0;
	margin : 0;
}

.utama
{
	/* background: #fff; */
	/* box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33); */
	margin: auto;
	min-width: 260px;
	/* max-width: 728px; */
}
.box1
{
	background: #FFF;
	border-radius: 3px;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
	margin: 0 0 15px 0;
	padding: 15px;
}
.box1 > p:last-child
{
	margin-bottom: 0;
}
.box2
{
	border: 1px solid #EEE;
	border-radius: 4px;
	margin: 0 0 10px 0;
	padding: 10px;
	position: relative;
}
.box2.mpt
{
	padding-top: 30px;
}
.box2 .b2hr
{
	background: #52B8EB;
	border: 1px solid #52B8EB;
	border-radius: 0 4px 0 4px;
	color: #FFF;
	font-size: 12px;
	font-weight: 700;
	padding: 3px 7px;
	position: absolute;
	right: -1px;
	text-transform: uppercase;
	top: -1px;
}
.box2 .b2hl
{
	background: #52B8EB;
	border: 1px solid #52B8EB;
	border-radius: 4px 0 4px 0;
	color: #FFF;
	font-size: 12px;
	font-weight: 700;
	left: -1px;
	padding: 3px 7px;
	position: absolute;
	text-transform: uppercase;
	top: -1px;
}
.box2 .b2fr
{
	background: #52B8EB;
	border: 1px solid #52B8EB;
	border-radius: 0 4px 0 4px;
	color: #FFF;
	float: right;
	font-size: 12px;
	font-weight: 700;
	margin: -11px -11px 0 5px;
	padding: 3px 7px;
	text-transform: uppercase;
}
.btn
{
	background-color: #AB171E;
	background-image: linear-gradient(#E3262E, #AB171E);
	background-image: -webkit-linear-gradient(#E3262E, #AB171E);
	border-color: #AF151B #9A1015 #820A0F;
	border-image: none;
	border-radius: 3px;
	border-style: solid;
	border-width: 1px;
	box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.34);
	color: #FFFFFF;
	display: inline-block;
	font-size: 14px;
	font-weight: 400;
	padding: 4px 10px;
	text-shadow: 0 -1px rgba(0, 0, 0, 0.11);
}
a.btn:hover, input.btn:hover
{
	background-color: #AB171E;
	background-image: linear-gradient(#E63D44, #C11A22);
	background-image: -webkit-linear-gradient(#E63D44, #C11A22);
	border: 1px solid #920C12;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.22);
	color: #FFFFFF;
	cursor: pointer;
}
.btn:active, .btn.active
{
	background-color: #E22123;
	background-image: linear-gradient(#BB1618, #E22123);
	background-image: -webkit-linear-gradient(#BB1618, #E22123);
	border-color: #99161B;
	box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.5) inset;
	color: #FFFFFF;
	text-shadow: 0 1px rgba(0, 0, 0, 0.6);
}
.btn.blue
{
	background-color: #006DCC;
	background-image: linear-gradient(#0088CC, #0044CC);
	background-image: -webkit-linear-gradient(#0088CC, #0044CC);
	background-repeat: repeat-x;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
a.btn.blue:hover, input.btn.blue:hover
{
	background-color: #0044CC;
	background-image: linear-gradient(#0088CC, #0044CC);
	background-image: -webkit-linear-gradient(#0088CC, #0044CC);
	background-position: 0 -15px;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	transition: background-position 0.1s linear 0s;
}
.btn.med
{
	font-size: 12px;
	padding: 2px 7px;
}
.btn.dis
{
	background-image: none;
	color: #BBB;
}
.btngrp .btn
{
	border-left-width: 0;
	border-radius: 0;
}
.btngrp .btn:first-child
{
	border-left-width: 1px;
	border-radius: 3px 0 0 3px;
}
.btngrp .btn:last-child
{
	border-radius: 0 3px 3px 0;
}
.infoc
{
	background: #D9EDF7;
	border: 1px solid #BCE8F1;
	border-radius: 4px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.14);
	color: #3A87AD;
	font-size: 14px;
	margin: 0 0 10px 0;
	padding: 8px 10px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.msgc
{
	background: #DFF0D8;
	border: 1px solid #D6E9C6;
	border-radius: 4px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.14);
	color: #468847;
	font-size: 14px;
	margin: 0 0 10px 0;
	padding: 8px 10px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.errc
{
	background: #F2DEDE;
	border: 1px solid #EED3D7;
	border-radius: 4px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.14);
	color: #B94A48;
	font-size: 14px;
	margin: 0 0 10px 0;
	padding: 8px 10px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
form .msgc, form .errc
{
	display: none;
}
.msgc .altc
{
	color: #444;
}
.edit .fc
{
	padding: 0 0 5px 0;
}
.fc2
{
	padding: 0 0 10px 0;
}
.fn
{
	font-weight: 700;
	padding: 0 0 3px 0;
}
.txt, textarea, select
{
	background: #FFF;
	border: 1px solid #AD9C9C;
	border-radius: 4px;
	box-shadow: 0 1px rgba(34, 25, 25, 0.15) inset, 0 1px #FFFFFF;
	color: #221919;
	font-size: 14px;
	padding: 6px 8px;
	transition: all 0.08s ease-in-out 0s;
	width: 350px;
}
select
{
	width: 368px;
}
.wide .txt, .wide textarea
{
	width: 480px;
}
.wide select
{
	width: 498px;
}
option.def
{
	color: #999;
}
.txt:focus, textarea:focus, select:focus
{
	border-color: #993300;
	box-shadow: 0 1px rgba(34, 25, 25, 0.15) inset, 0 1px rgba(255, 255, 255, 0.8), 0 0 14px rgba(235, 82, 82, 0.35);
	outline: none;
}
.err
{
	color: #CB2027;
	display: none;
}
.note
{
	color: #999;
	font-size: 11px;
	font-weight: 300;
}
.loading
{
	background: url("../img/loading.gif");
	display: block;
	display: none;
	height: 11px;
	width: 16px;
}
td .loading
{
	margin-left: 10px;
}
.imgc1
{
	border-radius: 3px;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
}
.csubnav
{
	background: linear-gradient(#F3F3F3, #E5E5E5) repeat scroll 0 0 #ECECEC;
	background: -webkit-linear-gradient(#F3F3F3, #E5E5E5) repeat scroll 0 0 #ECECEC;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.17) rgba(0, 0, 0, 0.2) #D4D4D4;
	border-radius: 3px;
	border-style: solid;
	border-width: 1px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.14);
	margin: 0 0 10px 0;
}
.csubnav > ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}
.csubnav > ul > li
{
	border-right: 1px solid #CDCDCD;
	float: left;
	position: relative;
}
.csubnav > ul > li > a
{
	box-shadow: 0 0 1px rgba(255, 255, 255, 0.9) inset;
	color: #777777;
	display: block;
	font-size: 14px;
	font-weight: 700;
	padding: 6px 14px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}
.csubnav > ul > li:first-child > a
{
	border-radius: 3px 0 0 3px;
}
.csubnav.fr > ul > li:last-of-type, .csubnav.fl > ul > li:last-of-type
{
	border-right: 0 none;
}
.csubnav.fr > ul > li:last-of-type > a, .csubnav.fl > ul > li:last-of-type > a
{
	border-radius: 0 3px 3px 0;
}
.csubnav > ul > li > a:hover, .csubnav > ul > li > a.active, .csubnav > ul > li.active > a, .csubnav > ul > li:hover > a
{
	background: linear-gradient(#FFFFFF, #F4F4F4) repeat scroll 0 0 #F9F9F9;
	background: -webkit-linear-gradient(#FFFFFF, #F4F4F4) repeat scroll 0 0 #F9F9F9;
	color: #333333;
}
.csubnav > ul > li > .sub1
{
	display: block;
	display: none;
	left: 0px;
	list-style: none;
	margin: 0;
	padding: 14px 0 0 0;
	position: absolute;
	z-index: 10;
}
.csubnav > ul > li.active > .sub1
{
	display: block;
}
.csubnav > ul > li > .sub1 .tri
{
	background: url("../img/tri.png");
	height: 13px;
	left: 9px;
	position: absolute;
	top: 1px;
	width: 27px;
}
.csubnav > ul > li > .sub1 .wrap
{
	background: #FFF;
	border-radius: 3px;
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.44);
	padding: 10px;
}
.csubnav > ul > li > .sub1 .wrap td > li > a
{
	border-radius: 3px;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset;
	color: #8F8F8F;
	display: block;
	padding: 5px 9px 4px 9px;
}
.csubnav > ul > li > .sub1 .wrap td > li > a:hover
{
	background: linear-gradient(#F1F1F1, #E8E8E8) repeat scroll 0 0 #ECECEC;
	background: -webkit-linear-gradient(#F1F1F1, #E8E8E8) repeat scroll 0 0 #ECECEC;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 -1px 0 rgba(0, 0, 0, 0.035) inset;
}
.kotak
{
	list-style: none;
	/* margin: -10px -15px; */
	margin: 0;
	padding: 0;
}
.kotak li
{
	margin: 1.5%;
	background: rgba(0,0,0,.4);
	list-style: none;
	overflow: hidden;
}

@media only screen and (max-width:765px) {
	.kotak li {
		width: 46%;
		margin: 1em 0 1em 2.5%;
	}
}

@media only screen and (max-width:480px) {
	.kotak li {
		width: 98%;
		margin: 1em 1%;
	}
}

.kotak li > a
{
	display: block;
	padding: 10px;
}
.kotak li a img
{
	display: block;
	opacity: 0.9;
	width: 100%;
	height: auto;
}
.kotak li a:hover img
{
	opacity: 1;
}
.kotak li em
{
	color: #999;
	display: block;
	font-size: 11px;
	font-style: normal;
	line-height: 13px;
	padding: 5px 10px 0 10px;
	position: relative;
}
.kotak li em b
{
	background-color: #006DCC;
	background-image: linear-gradient(#0088CC, #0044CC);
	background-image: -webkit-linear-gradient(#0088CC, #0044CC);
	background-repeat: repeat-x;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	border-radius: 5px;
	color: #FFFFFF;
	display: inline-block;
	font-size: 12px;
	padding: 2px 4px 2px 4px;
	position: absolute;
	right: 2px;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	top: 2px;
}
.kotak li em b i
{
	font-size: 14px;
	font-weight: normal;
}
.kotak li h3, .kotak li h2
{
	border-radius: 21px;
	display: block;
	font-size: 12px;
	height: 15px;
	line-height: 20px;
	overflow: hidden;
	padding: 0 10px 5px 10px;
}
.kotak li strong
{
	background: #FFF;
	border-top: 1px solid #E7E7E7;
	display: block;
	font-size: 12px;
	font-size: 13px;
	padding: 5px 10px 5px 10px;
	width: 192px;
}
.kotak li strong a
{
	margin: 0 10px 0 0;
}
.kotak li a.btn
{
	margin: 0 0 5px 10px;
}
.tnl2
{
	list-style: none;
	margin: -10px -15px;
	padding: 0;
	position: relative;
}
.tnl2 li
{
	background: #FFF;
	border: 1px solid #E7E7E7;
	border-radius: 3px;
	display: block;
	float: left;
	margin: 10px 15px;
}
.tnl2 li > a
{
	background: #F8F8F8;
	display: block;
}
.tnl2 li > a > img
{
	border-radius: 3px 3px 0 0;
	display: block;
	opacity: 0.9;
	padding: 10px;
}
.tnl2 li > a:hover > img
{
	opacity: 1;
}
.tnl2 li em
{
	border-top: 1px solid #E7E7E7;
	color: #999;
	display: block;
	font-size: 11px;
	font-style: normal;
	padding: 5px 10px 0 50px;
	position: relative;
}
.tnl2 li span
{
	border-radius: 0 0 3px 3px;
	display: block;
	font-size: 12px;
	padding: 0 10px 5px 50px;
	width: 152px;
}
.tnl2 li p
{
	background: #FFF;
	border-radius: 0 0 3px 3px;
	border-top: 1px solid #E7E7E7;
	color: #999;
	display: block;
	font-size: 11px;
	margin: 0;
	margin-top: 5px;
	padding: 5px 10px 5px 10px;
	width: 192px;
}
.tnl2 li em img
{
	border-radius: 3px;
	left: 10px;
	position: absolute;
	top: 7px;
}
.tnl3
{
	list-style: none;
	margin: -8px;
	padding: 0;
}
.tnl3 li
{
	display: block;
	float: left;
	margin: 8px;
}
.tnl3 li a
{
	display: block;
}
.tnl3 li a img
{
	border-radius: 3px;
	box-shadow: 1px 1px 4px #CCCCCC;
	display: block;
	opacity: 0.9;
}
.tnl3 li a:hover img
{
	opacity: 1;
}
.tnl3 li a span
{
	display: block;
	font-size: 11px;
	height: 14px;
	line-height: 14px;
	overflow: hidden;
	text-align: center;
	width: 80px;
}
.related
{
	float: left;
	height: 18px;
	margin-right: 10px;
	max-width: 890px;
	overflow: hidden;
}
.related a, .related2 a
{
	margin: 0 0 0 7px;
}
.related2 a.btn
{
	margin: 0 2px 3px 0;
}
.related2 a em
{
	display: none;
}
.sl1
{
	list-style: none;
	margin: 0;
	padding: 0;
}
.sl1 li
{
	border-bottom: 1px dotted #CCC;
	padding: 7px 0 9px 0;
}
.sl1 li p
{
	font-size: 12px;
	margin: 0 0 0 20px;
}
.sl1 li .stat
{
	margin: 0 0 0 20px;
}
.sl1 li .stat span
{
	color: #999;
	display: block;
	float: left;
	font-size: 11px;
	margin: 0 20px 0 0;
}
.sl1 li .stat .rank
{
	width: 90px;
}
.sl1 li .stat .wps
{
	width: 110px;
}
.sl1 li .stat .lang
{
	width: 80px;
}
.sl1 li .stat .cat
{
	width: 200px;
}
.sl1 .prog
{
	background: #CCC;
	border-radius: 3px;
	height: 3px;
	margin: 3px 0 0 0;
	width: 100px;
}
.sl1 .prog .up
{
	background: #590;
	border-radius: 3px 0 0 3px;
	height: 3px;
}
.sl1 > li > .fr > .fr
{
	font-size: 11px;
	margin: 3px 0 0 0;
}
.sl1 > li > .fr > .fr td
{
	padding: 0 2px;
}
.sl1 .icon-meh, .sl1 .icon-smile, .sl1 .icon-frown
{
	color: #999;
	font-size: 15px;
}
.sl1 .icon-smile
{
	color: #590;
}
.sl1 .icon-frown
{
	color: #CCC;
	margin-left: 5px;
}
.data1
{
	border: 1px solid #DDD;
	border-radius: 3px;
}
.data1 th, .data1 td
{
	border-left: 1px solid #DDD;
	border-top: 1px solid #DDD;
	padding: 3px 5px;
}
.data1 th
{
	text-align: left;
}
.data1 tr:first-child th, .data1 tr:first-child td
{
	border-top: 0 none;
}
.data1 tr :first-child
{
	border-left: 0 none;
}
.data2 td
{
	padding: 2px 4px;
}
.data2 td i
{
	color: #427FED;
	display: block;
	font-size: 16px;
	margin-top: 3px;
}
.tabs1
{
	list-style: none;
	margin: 0 0 -1px 20px;
	padding: 0;
	position: relative;
	z-index: 1;
}
.tabs1 li
{
	float: left;
	margin: 0 4px 0 4px;
}
.tabs1 li a
{
	background: #FFF;
	border: 1px solid #FFF;
	border-bottom: 1px solid #EEE;
	border-radius: 4px 4px 0 0;
	color: #08C;
	display: block;
	padding: 5px 10px 5px 10px;
}
.tabs1 li a:hover
{
	background: #EEE;
	border: 1px solid #EEE;
	color: #005580;
}
.tabs1 li.active a
{
	border: 1px solid #EEE;
	border-bottom: 1px solid #FFF;
	color: #555;
}
.tabs1 li.active a:hover
{
	background: #FFF;
}
.tags1
{
	padding: 5px 0 0 0;
}
.tags1 a, .tags1 span
{
	display: block;
	float: left;
	margin: 0px 8px 0 0;
}
.out_tn
{
	background: #F8F8F8;
	border: 1px solid #E7E7E7;
	border-radius: 3px;
	display: block;
	padding: 10px;
}
.out_tn img
{
	display: block;
	opacity: 0.9;
}
.out_tn:hover img
{
	opacity: 1;
}
.download
{
	background: url("../img/download.png");
	box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.34);
	display: block;
	height: 29px;
	text-indent: -1000em;
	width: 107px;
}
.download:hover
{
	background: url("../img/download-o.png");
}
.cl1
{
	list-style: none;
	margin: -10px -15px;
	padding: 0;
	position: relative;
}
.cl1 li
{
	background: #F8F8F8;
	border: 1px solid #E7E7E7;
	border-radius: 3px;
	float: left;
	margin: 10px 15px;
	padding: 10px 10px;
	width: 192px;
	word-wrap: break-word;
}
.cl1 li p
{
	margin: 0;
}
.cl1 li em
{
	color: #999;
	display: block;
	float: right;
	font-size: 11px;
	font-style: normal;
}
.cl1 li img
{
	border-radius: 3px;
	display: block;
	float: left;
	margin: 0 10px 0 0;
}
.slist1
{
	list-style: none;
	margin: 0;
	padding: 0 0 4px 0;
}
.slist1 > li
{
	float: left;
	margin: 0 10px 0 0;
	position: relative;
}
.slist1 > li > a
{
	display: block;
}
.slist1 > li > ul
{
	display: none;
	left: -116px;
	list-style: none;
	margin: 0;
	padding: 14px 0 0 0;
	position: absolute;
	z-index: 10;
}
.slist1 > li:hover > ul
{
	display: block;
}
.slist1 > li > ul .tri
{
	background: url("../img/tri.png");
	height: 13px;
	left: 119px;
	position: absolute;
	top: 1px;
	width: 27px;
}
.slist1 > li > ul .wrap
{
	background: #FFF;
	border-radius: 3px;
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.44);
	height: 135px;
	padding: 10px;
	width: 323px;
}
.paging
{
	padding: 20px 0 0 0;
}
.paging ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}
.paging ul li
{
	float: left;
	margin: 0 5px 0 0;
}
.paging ul li a, .paging ul li span
{
}
.bestwp
{
	background: #EEE url(../img/bestwp2013.png);
	display: block;
	height: 90px;
	width: 210px;
}
.logos td
{
	padding-left: 10px;
}
.logos a
{
	background: linear-gradient(#F3F3F3, #E5E5E5) repeat scroll 0 0 #ECECEC;
	background: -webkit-linear-gradient(#F3F3F3, #E5E5E5) repeat scroll 0 0 #ECECEC;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.17) rgba(0, 0, 0, 0.2) #D4D4D4;
	border-radius: 3px;
	border-style: solid;
	border-width: 1px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.14);
	display: block;
	padding: 5px 5px;
}
.logos a:hover
{
	background: linear-gradient(#FFFFFF, #F4F4F4) repeat scroll 0 0 #F9F9F9;
	background: -webkit-linear-gradient(#FFFFFF, #F4F4F4) repeat scroll 0 0 #F9F9F9;
}
.index_logos .logos td
{
	padding-left: 0;
	padding-right: 10px;
}
.index_logos .logos tr td:last-child
{
	padding-right: 0;
}
.ajopc
{
	background: rgba(0, 0, 0, 0.5);
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 100;
}
.ajopb
{
	background: #FFF;
	border: 1px solid #E5E5E5;
	border-radius: 3px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.45);
}
.ajopb .con
{
	background: #FFF;
	padding: 15px;
}
.ajopb .title
{
	background-color: #F8F8F8;
	background-image: linear-gradient(top,#FFFFFF,#F5F5F5);
	background-image: -moz-linear-gradient(top,#FFFFFF,#F5F5F5);
	background-image: -ms-linear-gradient(top,#FFFFFF,#F5F5F5);
	background-image: -o-linear-gradient(top,#FFFFFF,#F5F5F5);
	background-image: -webkit-gradient(linear,left top,left bottom,from(#FFFFFF),to(#F5F5F5));
	background-image: -webkit-linear-gradient(top,#FFFFFF,#F5F5F5);
	border-bottom: 1px solid #E5E5E5;
	font-size: 16px;
	font-weight: 500;
	padding: 6px 6px 6px 15px;
	text-align: center;
	text-transform: uppercase;
}
.ajopc .close
{
	color: #666;
	display: block;
	float: right;
	font-size: 22px;
	height: 22px;
	margin: 1px 3px 0 0;
	outline: none;
	width: 22px;
}
.ajopc .close:hover
{
	color: #999;
}
[class^="icon-"],[class*=" icon-"]
{
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	margin-right: .3em;
	text-decoration: inherit;
	webkit-font-smoothing: antialiased;
}
[class^="icon-"]:before,[class*=" icon-"]:before
{
	display: inline-block;
	speak: none;
	text-decoration: inherit;
}
.icon-large:before
{
	font-size: 1.3333333333333333em;
	vertical-align: -10%;
}
a [class^="icon-"],a [class*=" icon-"]
{
	display: inline;
}
[class^="icon-"].icon-fixed-width,[class*=" icon-"].icon-fixed-width
{
	display: inline-block;
	padding-right: 0.2857142857142857em;
	text-align: right;
	width: 1.1428571428571428em;
}
[class^="icon-"].icon-fixed-width.icon-large,[class*=" icon-"].icon-fixed-width.icon-large
{
	width: 1.4285714285714286em;
}
.icons-ul
{
	list-style-type: none;
	margin-left: 2.142857142857143em;
}
.icons-ul>li
{
	position: relative;
}
.icons-ul .icon-li
{
	left: -2.142857142857143em;
	line-height: inherit;
	position: absolute;
	text-align: center;
	width: 2.142857142857143em;
}
[class^="icon-"].hide,[class*=" icon-"].hide
{
	display: none;
}
.icon-muted
{
	color: #eeeeee;
}
.icon-light
{
	color: #ffffff;
}
.icon-dark
{
	color: #333333;
}
.icon-border
{
	border: solid 1px #eeeeee;
	border-radius: 3px;
	moz-border-radius: 3px;
	padding: .2em .25em .15em;
	webkit-border-radius: 3px;
}
.icon-2x
{
	font-size: 2em;
}
.icon-2x.icon-border
{
	border-radius: 4px;
	border-width: 2px;
	moz-border-radius: 4px;
	webkit-border-radius: 4px;
}
.icon-3x
{
	font-size: 3em;
}
.icon-3x.icon-border
{
	border-radius: 5px;
	border-width: 3px;
	moz-border-radius: 5px;
	webkit-border-radius: 5px;
}
.icon-4x
{
	font-size: 4em;
}
.icon-4x.icon-border
{
	border-radius: 6px;
	border-width: 4px;
	moz-border-radius: 6px;
	webkit-border-radius: 6px;
}
.icon-5x
{
	font-size: 5em;
}
.icon-5x.icon-border
{
	border-radius: 7px;
	border-width: 5px;
	moz-border-radius: 7px;
	webkit-border-radius: 7px;
}
.pull-right
{
	float: right;
}
.pull-left
{
	float: left;
}
[class^="icon-"].pull-left,[class*=" icon-"].pull-left
{
	margin-right: .3em;
}
[class^="icon-"].pull-right,[class*=" icon-"].pull-right
{
	margin-left: .3em;
}
[class^="icon-"],[class*=" icon-"]
{
	background-image: none;
	background-position: 0% 0%;
	background-repeat: repeat;
	display: inline;
	height: auto;
	line-height: normal;
	margin-top: 0;
	vertical-align: baseline;
	width: auto;
}
.icon-white,.nav-pills>.active>a>[class^="icon-"],.nav-pills>.active>a>[class*=" icon-"],.nav-list>.active>a>[class^="icon-"],.nav-list>.active>a>[class*=" icon-"],.navbar-inverse .nav>.active>a>[class^="icon-"],.navbar-inverse .nav>.active>a>[class*=" icon-"],.dropdown-menu>li>a:hover>[class^="icon-"],.dropdown-menu>li>a:hover>[class*=" icon-"],.dropdown-menu>.active>a>[class^="icon-"],.dropdown-menu>.active>a>[class*=" icon-"],.dropdown-submenu:hover>a>[class^="icon-"],.dropdown-submenu:hover>a>[class*=" icon-"]
{
	background-image: none;
}
.btn [class^="icon-"].icon-large,.nav [class^="icon-"].icon-large,.btn [class*=" icon-"].icon-large,.nav [class*=" icon-"].icon-large
{
	line-height: .9em;
}
.btn [class^="icon-"].icon-spin,.nav [class^="icon-"].icon-spin,.btn [class*=" icon-"].icon-spin,.nav [class*=" icon-"].icon-spin
{
	display: inline-block;
}
.nav-tabs [class^="icon-"],.nav-pills [class^="icon-"],.nav-tabs [class*=" icon-"],.nav-pills [class*=" icon-"],.nav-tabs [class^="icon-"].icon-large,.nav-pills [class^="icon-"].icon-large,.nav-tabs [class*=" icon-"].icon-large,.nav-pills [class*=" icon-"].icon-large
{
	line-height: .9em;
}
.btn [class^="icon-"].pull-left.icon-2x,.btn [class*=" icon-"].pull-left.icon-2x,.btn [class^="icon-"].pull-right.icon-2x,.btn [class*=" icon-"].pull-right.icon-2x
{
	margin-top: .18em;
}
.btn [class^="icon-"].icon-spin.icon-large,.btn [class*=" icon-"].icon-spin.icon-large
{
	line-height: .8em;
}
.btn.btn-small [class^="icon-"].pull-left.icon-2x,.btn.btn-small [class*=" icon-"].pull-left.icon-2x,.btn.btn-small [class^="icon-"].pull-right.icon-2x,.btn.btn-small [class*=" icon-"].pull-right.icon-2x
{
	margin-top: .25em;
}
.btn.btn-large [class^="icon-"],.btn.btn-large [class*=" icon-"]
{
	margin-top: 0;
}
.btn.btn-large [class^="icon-"].pull-left.icon-2x,.btn.btn-large [class*=" icon-"].pull-left.icon-2x,.btn.btn-large [class^="icon-"].pull-right.icon-2x,.btn.btn-large [class*=" icon-"].pull-right.icon-2x
{
	margin-top: .05em;
}
.btn.btn-large [class^="icon-"].pull-left.icon-2x,.btn.btn-large [class*=" icon-"].pull-left.icon-2x
{
	margin-right: .2em;
}
.btn.btn-large [class^="icon-"].pull-right.icon-2x,.btn.btn-large [class*=" icon-"].pull-right.icon-2x
{
	margin-left: .2em;
}
.nav-list [class^="icon-"],.nav-list [class*=" icon-"]
{
	line-height: inherit;
}
.icon-stack
{
	display: inline-block;
	height: 2em;
	line-height: 2em;
	position: relative;
	vertical-align: -35%;
	width: 2em;
}
.icon-stack [class^="icon-"],.icon-stack [class*=" icon-"]
{
	display: block;
	font-size: 1em;
	height: 100%;
	line-height: 2em;
	line-height: inherit;
	position: absolute;
	text-align: center;
	width: 100%;
}
.icon-stack .icon-stack-base
{
	font-size: 2em;
	line-height: 1em;
}
.icon-spin
{
	animation: spin 2s infinite linear;
	display: inline-block;
	moz-animation: spin 2s infinite linear;
	o-animation: spin 2s infinite linear;
	webkit-animation: spin 2s infinite linear;
}
a .icon-stack,a .icon-spin
{
	display: inline-block;
	text-decoration: none;
}
@-moz-keyframes spin
{
	0%
	{
		moz-transform: rotate(0deg);
	}
	100%
	{
		moz-transform: rotate(359deg);
	}
}
@-webkit-keyframes spin
{
	0%
	{
		webkit-transform: rotate(0deg);
	}
	100%
	{
		webkit-transform: rotate(359deg);
	}
}
@-o-keyframes spin
{
	0%
	{
		o-transform: rotate(0deg);
	}
	100%
	{
		o-transform: rotate(359deg);
	}
}
@-ms-keyframes spin
{
	0%
	{
		ms-transform: rotate(0deg);
	}
	100%
	{
		ms-transform: rotate(359deg);
	}
}
@keyframes spin
{
	0%
	{
		transform: rotate(0deg);
	}
	100%
	{
		transform: rotate(359deg);
	}
}
.icon-rotate-90:before
{
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
	moz-transform: rotate(90deg);
	ms-transform: rotate(90deg);
	o-transform: rotate(90deg);
	transform: rotate(90deg);
	webkit-transform: rotate(90deg);
}
.icon-rotate-180:before
{
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
	moz-transform: rotate(180deg);
	ms-transform: rotate(180deg);
	o-transform: rotate(180deg);
	transform: rotate(180deg);
	webkit-transform: rotate(180deg);
}
.icon-rotate-270:before
{
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	moz-transform: rotate(270deg);
	ms-transform: rotate(270deg);
	o-transform: rotate(270deg);
	transform: rotate(270deg);
	webkit-transform: rotate(270deg);
}
.icon-flip-horizontal:before
{
	moz-transform: scale(-1, 1);
	ms-transform: scale(-1, 1);
	o-transform: scale(-1, 1);
	transform: scale(-1, 1);
	webkit-transform: scale(-1, 1);
}
.icon-flip-vertical:before
{
	moz-transform: scale(1, -1);
	ms-transform: scale(1, -1);
	o-transform: scale(1, -1);
	transform: scale(1, -1);
	webkit-transform: scale(1, -1);
}
a .icon-rotate-90:before,a .icon-rotate-180:before,a .icon-rotate-270:before,a .icon-flip-horizontal:before,a .icon-flip-vertical:before
{
	display: inline-block;
}
.icon-glass:before
{
	content: "\f000";
}
.icon-music:before
{
	content: "\f001";
}
.icon-search:before
{
	content: "\f002";
}
.icon-envelope-alt:before
{
	content: "\f003";
}
.icon-heart:before
{
	content: "\f004";
}
.icon-star:before
{
	content: "\f005";
}
.icon-star-empty:before
{
	content: "\f006";
}
.icon-user:before
{
	content: "\f007";
}
.icon-film:before
{
	content: "\f008";
}
.icon-th-large:before
{
	content: "\f009";
}
.icon-th:before
{
	content: "\f00a";
}
.icon-th-list:before
{
	content: "\f00b";
}
.icon-ok:before
{
	content: "\f00c";
}
.icon-remove:before
{
	content: "\f00d";
}
.icon-zoom-in:before
{
	content: "\f00e";
}
.icon-zoom-out:before
{
	content: "\f010";
}
.icon-power-off:before,.icon-off:before
{
	content: "\f011";
}
.icon-signal:before
{
	content: "\f012";
}
.icon-gear:before,.icon-cog:before
{
	content: "\f013";
}
.icon-trash:before
{
	content: "\f014";
}
.icon-home:before
{
	content: "\f015";
}
.icon-file-alt:before
{
	content: "\f016";
}
.icon-time:before
{
	content: "\f017";
}
.icon-road:before
{
	content: "\f018";
}
.icon-download-alt:before
{
	content: "\f019";
}
.icon-download:before
{
	content: "\f01a";
}
.icon-upload:before
{
	content: "\f01b";
}
.icon-inbox:before
{
	content: "\f01c";
}
.icon-play-circle:before
{
	content: "\f01d";
}
.icon-rotate-right:before,.icon-repeat:before
{
	content: "\f01e";
}
.icon-refresh:before
{
	content: "\f021";
}
.icon-list-alt:before
{
	content: "\f022";
}
.icon-lock:before
{
	content: "\f023";
}
.icon-flag:before
{
	content: "\f024";
}
.icon-headphones:before
{
	content: "\f025";
}
.icon-volume-off:before
{
	content: "\f026";
}
.icon-volume-down:before
{
	content: "\f027";
}
.icon-volume-up:before
{
	content: "\f028";
}
.icon-qrcode:before
{
	content: "\f029";
}
.icon-barcode:before
{
	content: "\f02a";
}
.icon-tag:before
{
	content: "\f02b";
}
.icon-tags:before
{
	content: "\f02c";
}
.icon-book:before
{
	content: "\f02d";
}
.icon-bookmark:before
{
	content: "\f02e";
}
.icon-print:before
{
	content: "\f02f";
}
.icon-camera:before
{
	content: "\f030";
}
.icon-font:before
{
	content: "\f031";
}
.icon-bold:before
{
	content: "\f032";
}
.icon-italic:before
{
	content: "\f033";
}
.icon-text-height:before
{
	content: "\f034";
}
.icon-text-width:before
{
	content: "\f035";
}
.icon-align-left:before
{
	content: "\f036";
}
.icon-align-center:before
{
	content: "\f037";
}
.icon-align-right:before
{
	content: "\f038";
}
.icon-align-justify:before
{
	content: "\f039";
}
.icon-list:before
{
	content: "\f03a";
}
.icon-indent-left:before
{
	content: "\f03b";
}
.icon-indent-right:before
{
	content: "\f03c";
}
.icon-facetime-video:before
{
	content: "\f03d";
}
.icon-picture:before
{
	content: "\f03e";
}
.icon-pencil:before
{
	content: "\f040";
}
.icon-map-marker:before
{
	content: "\f041";
}
.icon-adjust:before
{
	content: "\f042";
}
.icon-tint:before
{
	content: "\f043";
}
.icon-edit:before
{
	content: "\f044";
}
.icon-share:before
{
	content: "\f045";
}
.icon-check:before
{
	content: "\f046";
}
.icon-move:before
{
	content: "\f047";
}
.icon-step-backward:before
{
	content: "\f048";
}
.icon-fast-backward:before
{
	content: "\f049";
}
.icon-backward:before
{
	content: "\f04a";
}
.icon-play:before
{
	content: "\f04b";
}
.icon-pause:before
{
	content: "\f04c";
}
.icon-stop:before
{
	content: "\f04d";
}
.icon-forward:before
{
	content: "\f04e";
}
.icon-fast-forward:before
{
	content: "\f050";
}
.icon-step-forward:before
{
	content: "\f051";
}
.icon-eject:before
{
	content: "\f052";
}
.icon-chevron-left:before
{
	content: "\f053";
}
.icon-chevron-right:before
{
	content: "\f054";
}
.icon-plus-sign:before
{
	content: "\f055";
}
.icon-minus-sign:before
{
	content: "\f056";
}
.icon-remove-sign:before
{
	content: "\f057";
}
.icon-ok-sign:before
{
	content: "\f058";
}
.icon-question-sign:before
{
	content: "\f059";
}
.icon-info-sign:before
{
	content: "\f05a";
}
.icon-screenshot:before
{
	content: "\f05b";
}
.icon-remove-circle:before
{
	content: "\f05c";
}
.icon-ok-circle:before
{
	content: "\f05d";
}
.icon-ban-circle:before
{
	content: "\f05e";
}
.icon-arrow-left:before
{
	content: "\f060";
}
.icon-arrow-right:before
{
	content: "\f061";
}
.icon-arrow-up:before
{
	content: "\f062";
}
.icon-arrow-down:before
{
	content: "\f063";
}
.icon-mail-forward:before,.icon-share-alt:before
{
	content: "\f064";
}
.icon-resize-full:before
{
	content: "\f065";
}
.icon-resize-small:before
{
	content: "\f066";
}
.icon-plus:before
{
	content: "\f067";
}
.icon-minus:before
{
	content: "\f068";
}
.icon-asterisk:before
{
	content: "\f069";
}
.icon-exclamation-sign:before
{
	content: "\f06a";
}
.icon-gift:before
{
	content: "\f06b";
}
.icon-leaf:before
{
	content: "\f06c";
}
.icon-fire:before
{
	content: "\f06d";
}
.icon-eye-open:before
{
	content: "\f06e";
}
.icon-eye-close:before
{
	content: "\f070";
}
.icon-warning-sign:before
{
	content: "\f071";
}
.icon-plane:before
{
	content: "\f072";
}
.icon-calendar:before
{
	content: "\f073";
}
.icon-random:before
{
	content: "\f074";
}
.icon-comment:before
{
	content: "\f075";
}
.icon-magnet:before
{
	content: "\f076";
}
.icon-chevron-up:before
{
	content: "\f077";
}
.icon-chevron-down:before
{
	content: "\f078";
}
.icon-retweet:before
{
	content: "\f079";
}
.icon-shopping-cart:before
{
	content: "\f07a";
}
.icon-folder-close:before
{
	content: "\f07b";
}
.icon-folder-open:before
{
	content: "\f07c";
}
.icon-resize-vertical:before
{
	content: "\f07d";
}
.icon-resize-horizontal:before
{
	content: "\f07e";
}
.icon-bar-chart:before
{
	content: "\f080";
}
.icon-twitter-sign:before
{
	content: "\f081";
}
.icon-facebook-sign:before
{
	content: "\f082";
}
.icon-camera-retro:before
{
	content: "\f083";
}
.icon-key:before
{
	content: "\f084";
}
.icon-gears:before,.icon-cogs:before
{
	content: "\f085";
}
.icon-comments:before
{
	content: "\f086";
}
.icon-thumbs-up-alt:before
{
	content: "\f087";
}
.icon-thumbs-down-alt:before
{
	content: "\f088";
}
.icon-star-half:before
{
	content: "\f089";
}
.icon-heart-empty:before
{
	content: "\f08a";
}
.icon-signout:before
{
	content: "\f08b";
}
.icon-linkedin-sign:before
{
	content: "\f08c";
}
.icon-pushpin:before
{
	content: "\f08d";
}
.icon-external-link:before
{
	content: "\f08e";
}
.icon-signin:before
{
	content: "\f090";
}
.icon-trophy:before
{
	content: "\f091";
}
.icon-github-sign:before
{
	content: "\f092";
}
.icon-upload-alt:before
{
	content: "\f093";
}
.icon-lemon:before
{
	content: "\f094";
}
.icon-phone:before
{
	content: "\f095";
}
.icon-unchecked:before,.icon-check-empty:before
{
	content: "\f096";
}
.icon-bookmark-empty:before
{
	content: "\f097";
}
.icon-phone-sign:before
{
	content: "\f098";
}
.icon-twitter:before
{
	content: "\f099";
}
.icon-facebook:before
{
	content: "\f09a";
}
.icon-github:before
{
	content: "\f09b";
}
.icon-unlock:before
{
	content: "\f09c";
}
.icon-credit-card:before
{
	content: "\f09d";
}
.icon-rss:before
{
	content: "\f09e";
}
.icon-hdd:before
{
	content: "\f0a0";
}
.icon-bullhorn:before
{
	content: "\f0a1";
}
.icon-bell:before
{
	content: "\f0a2";
}
.icon-certificate:before
{
	content: "\f0a3";
}
.icon-hand-right:before
{
	content: "\f0a4";
}
.icon-hand-left:before
{
	content: "\f0a5";
}
.icon-hand-up:before
{
	content: "\f0a6";
}
.icon-hand-down:before
{
	content: "\f0a7";
}
.icon-circle-arrow-left:before
{
	content: "\f0a8";
}
.icon-circle-arrow-right:before
{
	content: "\f0a9";
}
.icon-circle-arrow-up:before
{
	content: "\f0aa";
}
.icon-circle-arrow-down:before
{
	content: "\f0ab";
}
.icon-globe:before
{
	content: "\f0ac";
}
.icon-wrench:before
{
	content: "\f0ad";
}
.icon-tasks:before
{
	content: "\f0ae";
}
.icon-filter:before
{
	content: "\f0b0";
}
.icon-briefcase:before
{
	content: "\f0b1";
}
.icon-fullscreen:before
{
	content: "\f0b2";
}
.icon-group:before
{
	content: "\f0c0";
}
.icon-link:before
{
	content: "\f0c1";
}
.icon-cloud:before
{
	content: "\f0c2";
}
.icon-beaker:before
{
	content: "\f0c3";
}
.icon-cut:before
{
	content: "\f0c4";
}
.icon-copy:before
{
	content: "\f0c5";
}
.icon-paperclip:before,.icon-paper-clip:before
{
	content: "\f0c6";
}
.icon-save:before
{
	content: "\f0c7";
}
.icon-sign-blank:before
{
	content: "\f0c8";
}
.icon-reorder:before
{
	content: "\f0c9";
}
.icon-list-ul:before
{
	content: "\f0ca";
}
.icon-list-ol:before
{
	content: "\f0cb";
}
.icon-strikethrough:before
{
	content: "\f0cc";
}
.icon-underline:before
{
	content: "\f0cd";
}
.icon-table:before
{
	content: "\f0ce";
}
.icon-magic:before
{
	content: "\f0d0";
}
.icon-truck:before
{
	content: "\f0d1";
}
.icon-pinterest:before
{
	content: "\f0d2";
}
.icon-pinterest-sign:before
{
	content: "\f0d3";
}
.icon-google-plus-sign:before
{
	content: "\f0d4";
}
.icon-google-plus:before
{
	content: "\f0d5";
}
.icon-money:before
{
	content: "\f0d6";
}
.icon-caret-down:before
{
	content: "\f0d7";
}
.icon-caret-up:before
{
	content: "\f0d8";
}
.icon-caret-left:before
{
	content: "\f0d9";
}
.icon-caret-right:before
{
	content: "\f0da";
}
.icon-columns:before
{
	content: "\f0db";
}
.icon-sort:before
{
	content: "\f0dc";
}
.icon-sort-down:before
{
	content: "\f0dd";
}
.icon-sort-up:before
{
	content: "\f0de";
}
.icon-envelope:before
{
	content: "\f0e0";
}
.icon-linkedin:before
{
	content: "\f0e1";
}
.icon-rotate-left:before,.icon-undo:before
{
	content: "\f0e2";
}
.icon-legal:before
{
	content: "\f0e3";
}
.icon-dashboard:before
{
	content: "\f0e4";
}
.icon-comment-alt:before
{
	content: "\f0e5";
}
.icon-comments-alt:before
{
	content: "\f0e6";
}
.icon-bolt:before
{
	content: "\f0e7";
}
.icon-sitemap:before
{
	content: "\f0e8";
}
.icon-umbrella:before
{
	content: "\f0e9";
}
.icon-paste:before
{
	content: "\f0ea";
}
.icon-lightbulb:before
{
	content: "\f0eb";
}
.icon-exchange:before
{
	content: "\f0ec";
}
.icon-cloud-download:before
{
	content: "\f0ed";
}
.icon-cloud-upload:before
{
	content: "\f0ee";
}
.icon-user-md:before
{
	content: "\f0f0";
}
.icon-stethoscope:before
{
	content: "\f0f1";
}
.icon-suitcase:before
{
	content: "\f0f2";
}
.icon-bell-alt:before
{
	content: "\f0f3";
}
.icon-coffee:before
{
	content: "\f0f4";
}
.icon-food:before
{
	content: "\f0f5";
}
.icon-file-text-alt:before
{
	content: "\f0f6";
}
.icon-building:before
{
	content: "\f0f7";
}
.icon-hospital:before
{
	content: "\f0f8";
}
.icon-ambulance:before
{
	content: "\f0f9";
}
.icon-medkit:before
{
	content: "\f0fa";
}
.icon-fighter-jet:before
{
	content: "\f0fb";
}
.icon-beer:before
{
	content: "\f0fc";
}
.icon-h-sign:before
{
	content: "\f0fd";
}
.icon-plus-sign-alt:before
{
	content: "\f0fe";
}
.icon-double-angle-left:before
{
	content: "\f100";
}
.icon-double-angle-right:before
{
	content: "\f101";
}
.icon-double-angle-up:before
{
	content: "\f102";
}
.icon-double-angle-down:before
{
	content: "\f103";
}
.icon-angle-left:before
{
	content: "\f104";
}
.icon-angle-right:before
{
	content: "\f105";
}
.icon-angle-up:before
{
	content: "\f106";
}
.icon-angle-down:before
{
	content: "\f107";
}
.icon-desktop:before
{
	content: "\f108";
}
.icon-laptop:before
{
	content: "\f109";
}
.icon-tablet:before
{
	content: "\f10a";
}
.icon-mobile-phone:before
{
	content: "\f10b";
}
.icon-circle-blank:before
{
	content: "\f10c";
}
.icon-quote-left:before
{
	content: "\f10d";
}
.icon-quote-right:before
{
	content: "\f10e";
}
.icon-spinner:before
{
	content: "\f110";
}
.icon-circle:before
{
	content: "\f111";
}
.icon-mail-reply:before,.icon-reply:before
{
	content: "\f112";
}
.icon-github-alt:before
{
	content: "\f113";
}
.icon-folder-close-alt:before
{
	content: "\f114";
}
.icon-folder-open-alt:before
{
	content: "\f115";
}
.icon-expand-alt:before
{
	content: "\f116";
}
.icon-collapse-alt:before
{
	content: "\f117";
}
.icon-smile:before
{
	content: "\f118";
}
.icon-frown:before
{
	content: "\f119";
}
.icon-meh:before
{
	content: "\f11a";
}
.icon-gamepad:before
{
	content: "\f11b";
}
.icon-keyboard:before
{
	content: "\f11c";
}
.icon-flag-alt:before
{
	content: "\f11d";
}
.icon-flag-checkered:before
{
	content: "\f11e";
}
.icon-terminal:before
{
	content: "\f120";
}
.icon-code:before
{
	content: "\f121";
}
.icon-reply-all:before
{
	content: "\f122";
}
.icon-mail-reply-all:before
{
	content: "\f122";
}
.icon-star-half-full:before,.icon-star-half-empty:before
{
	content: "\f123";
}
.icon-location-arrow:before
{
	content: "\f124";
}
.icon-crop:before
{
	content: "\f125";
}
.icon-code-fork:before
{
	content: "\f126";
}
.icon-unlink:before
{
	content: "\f127";
}
.icon-question:before
{
	content: "\f128";
}
.icon-info:before
{
	content: "\f129";
}
.icon-exclamation:before
{
	content: "\f12a";
}
.icon-superscript:before
{
	content: "\f12b";
}
.icon-subscript:before
{
	content: "\f12c";
}
.icon-eraser:before
{
	content: "\f12d";
}
.icon-puzzle-piece:before
{
	content: "\f12e";
}
.icon-microphone:before
{
	content: "\f130";
}
.icon-microphone-off:before
{
	content: "\f131";
}
.icon-shield:before
{
	content: "\f132";
}
.icon-calendar-empty:before
{
	content: "\f133";
}
.icon-fire-extinguisher:before
{
	content: "\f134";
}
.icon-rocket:before
{
	content: "\f135";
}
.icon-maxcdn:before
{
	content: "\f136";
}
.icon-chevron-sign-left:before
{
	content: "\f137";
}
.icon-chevron-sign-right:before
{
	content: "\f138";
}
.icon-chevron-sign-up:before
{
	content: "\f139";
}
.icon-chevron-sign-down:before
{
	content: "\f13a";
}
.icon-html5:before
{
	content: "\f13b";
}
.icon-css3:before
{
	content: "\f13c";
}
.icon-anchor:before
{
	content: "\f13d";
}
.icon-unlock-alt:before
{
	content: "\f13e";
}
.icon-bullseye:before
{
	content: "\f140";
}
.icon-ellipsis-horizontal:before
{
	content: "\f141";
}
.icon-ellipsis-vertical:before
{
	content: "\f142";
}
.icon-rss-sign:before
{
	content: "\f143";
}
.icon-play-sign:before
{
	content: "\f144";
}
.icon-ticket:before
{
	content: "\f145";
}
.icon-minus-sign-alt:before
{
	content: "\f146";
}
.icon-check-minus:before
{
	content: "\f147";
}
.icon-level-up:before
{
	content: "\f148";
}
.icon-level-down:before
{
	content: "\f149";
}
.icon-check-sign:before
{
	content: "\f14a";
}
.icon-edit-sign:before
{
	content: "\f14b";
}
.icon-external-link-sign:before
{
	content: "\f14c";
}
.icon-share-sign:before
{
	content: "\f14d";
}
.icon-compass:before
{
	content: "\f14e";
}
.icon-collapse:before
{
	content: "\f150";
}
.icon-collapse-top:before
{
	content: "\f151";
}
.icon-expand:before
{
	content: "\f152";
}
.icon-euro:before,.icon-eur:before
{
	content: "\f153";
}
.icon-gbp:before
{
	content: "\f154";
}
.icon-dollar:before,.icon-usd:before
{
	content: "\f155";
}
.icon-rupee:before,.icon-inr:before
{
	content: "\f156";
}
.icon-yen:before,.icon-jpy:before
{
	content: "\f157";
}
.icon-renminbi:before,.icon-cny:before
{
	content: "\f158";
}
.icon-won:before,.icon-krw:before
{
	content: "\f159";
}
.icon-bitcoin:before,.icon-btc:before
{
	content: "\f15a";
}
.icon-file:before
{
	content: "\f15b";
}
.icon-file-text:before
{
	content: "\f15c";
}
.icon-sort-by-alphabet:before
{
	content: "\f15d";
}
.icon-sort-by-alphabet-alt:before
{
	content: "\f15e";
}
.icon-sort-by-attributes:before
{
	content: "\f160";
}
.icon-sort-by-attributes-alt:before
{
	content: "\f161";
}
.icon-sort-by-order:before
{
	content: "\f162";
}
.icon-sort-by-order-alt:before
{
	content: "\f163";
}
.icon-thumbs-up:before
{
	content: "\f164";
}
.icon-thumbs-down:before
{
	content: "\f165";
}
.icon-youtube-sign:before
{
	content: "\f166";
}
.icon-youtube:before
{
	content: "\f167";
}
.icon-xing:before
{
	content: "\f168";
}
.icon-xing-sign:before
{
	content: "\f169";
}
.icon-youtube-play:before
{
	content: "\f16a";
}
.icon-dropbox:before
{
	content: "\f16b";
}
.icon-stackexchange:before
{
	content: "\f16c";
}
.icon-instagram:before
{
	content: "\f16d";
}
.icon-flickr:before
{
	content: "\f16e";
}
.icon-adn:before
{
	content: "\f170";
}
.icon-bitbucket:before
{
	content: "\f171";
}
.icon-bitbucket-sign:before
{
	content: "\f172";
}
.icon-tumblr:before
{
	content: "\f173";
}
.icon-tumblr-sign:before
{
	content: "\f174";
}
.icon-long-arrow-down:before
{
	content: "\f175";
}
.icon-long-arrow-up:before
{
	content: "\f176";
}
.icon-long-arrow-left:before
{
	content: "\f177";
}
.icon-long-arrow-right:before
{
	content: "\f178";
}
.icon-apple:before
{
	content: "\f179";
}
.icon-windows:before
{
	content: "\f17a";
}
.icon-android:before
{
	content: "\f17b";
}
.icon-linux:before
{
	content: "\f17c";
}
.icon-dribbble:before
{
	content: "\f17d";
}
.icon-skype:before
{
	content: "\f17e";
}
.icon-foursquare:before
{
	content: "\f180";
}
.icon-trello:before
{
	content: "\f181";
}
.icon-female:before
{
	content: "\f182";
}
.icon-male:before
{
	content: "\f183";
}
.icon-gittip:before
{
	content: "\f184";
}
.icon-sun:before
{
	content: "\f185";
}
.icon-moon:before
{
	content: "\f186";
}
.icon-archive:before
{
	content: "\f187";
}
.icon-bug:before
{
	content: "\f188";
}
.icon-vk:before
{
	content: "\f189";
}
.icon-weibo:before
{
	content: "\f18a";
}
.icon-renren:before
{
	content: "\f18b";
}
.thumb
{
	border-radius: 3px;
	display: block;
	margin-left: 0px;
	position: relative;
}

.pagination {
  height: 36px;
  margin: 18px 0;
  text-align: center;
  padding: 0;
  margin: 0;
}
.pagination ul {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */

  *zoom: 1;
  margin-left: 0;
  margin-bottom: 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.pagination li {
  display: inline-block;
}
.pagination a,
.pagination span {
  float: left;
  padding: 0 14px;
  line-height: 34px;
  text-decoration: none;
  border: 1px solid #ddd;
  border-left-width: 0;
}
.pagination a:hover,
.pagination .active a,
.pagination .active span {
  background-color: #f5f5f5;
}
.pagination .active a,
.pagination .active span {
  color: #999999;
  cursor: default;
}
.pagination .disabled span,
.pagination .disabled a,
.pagination .disabled a:hover {
  color: #999999;
  background-color: transparent;
  cursor: default;
}
.pagination li:first-child a,
.pagination li:first-child span {
  border-left-width: 1px;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}
.pagination li:last-child a,
.pagination li:last-child span {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}
.pagination-centered {
  text-align: center;
}
.pagination-right {
  text-align: right;
}
.pager {
  margin-left: 0;
  margin-bottom: 18px;
  list-style: none;
  text-align: center;
  *zoom: 1;
}
.pager:before,
.pager:after {
  display: table;
  content: "";
}
.pager:after {
  clear: both;
}
.pager li {
  display: inline;
}
.pager a {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
.pager a:hover {
  text-decoration: none;
  background-color: #f5f5f5;
}
.pager .next a {
  float: right;
}
.pager .previous a {
  float: left;
}
.pager .disabled a,
.pager .disabled a:hover {
  color: #999999;
  background-color: #fff;
  cursor: default;
}


.mainimg
{
	width: 100%;
}
.skiri
{
	clear: both;
	text-align: center;
}
.skanan
{
	float: left;
	margin: 20px;
	width: 258px;
}
h1
{
	border-bottom: 1px solid #666;
	color: #fff;
	margin: 0px 0px 4px 0px;
	padding: 10px;
	text-align: center;
}
.sitemap
{
	margin: 0px;
	padding: 0px;
}
.asitemap
{
	padding-right: 10px;
}
.disc
{
	padding: 10px;
}
.dnldframe
{
	padding: 20px;
	text-align: center;
	width: 100%;
}
.h2single
{
	background: #000;
	color: #fff;
	padding: 10px;
}
.colorbox
{
	float: left;
	height: 50px;
	padding-left: 1px;
	width: 90px;
}
.frmshare
{
	clear: both;
	padding: 20px;
	width: 100%;
}
.frmdesc
{
	clear: both;
	padding: 20px;
	/*width: 100%;*/
}
.h3c
{
	font-weight: 500;
	text-align: center;
	text-transform: capitalize;
}


ul.bottom-menu {
	padding: 0;
	margin: 0;
	display: block;
	text-align: center;
	list-style: none;
}

ul.bottom-menu li {
	display: inline-block;
}

ul.bottom-menu li a {
	display: block;
	padding: .5em;
}

ul.bottom-menu li a.active {
	color: #427FED;
}

.clear-fix { clear: both; }
.page-wrap {
	width : 100%;
	max-width: 985px;
	margin: 0 auto;
}

.content-wrapper {
	clear: both;
	/* background-color: white; */
}

.utama.footer {
	padding-bottom: 1em;
	border-top: 1px solid #DDD;
}

.box-shadow-menu {
  position: relative;
  padding-left: 1.25em;
}
.box-shadow-menu:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.25em;
  width: 1em;
  height: 0.15em;
  background: #555;
  box-shadow: 
    0 0.25em 0 0 #555,
    0 0.5em 0 0 #555;
}

/* --------------------------------------- */
.mobile-menu {
	font-size: 1.2em;
}

.content-left-inside {
	padding: 1em;
}
.content-left-inside .title {
	background: none;
	font-size: 1.2em;
	font-weight: bold;
	color: #666;
}

ul.resolutions {
	list-style:none;
	padding:0;
	margin-top: 0;
	margin-bottom: 1.5em;
}

ul.resolutions li a {
	padding: 2px 0 2px 4px;
	display: block;
}

div.cat-wrapper {
	margin-bottom: .5em;
	font-style:italic;
}
span.article-categories span::before {
	display: inline-block;
	margin-right: 2px;
	content: ',';
}
span.article-categories span:first-child::before {
	content:'';
}
/* *********************************************************************************************************************
	One% CSS Grid - 12 Columns Fluid CSS Grid System

	Why One% ? Let's count ...
		we have 12 columns (magic number divided by 2, 3, 4, 6)

		for 12 columns we need 11 margins

		so if we count margin 3%, then 3% * 11 margins = 33%

		and if we count width of 1 column 5.5%, than 5.5% * 12 columns = 66%

		in the end we have 33% + 66% = 99% aaand ???

		1% is still here so that's the name - One%

	2 starting options ? Let's count a bit more ...
		1200px - perfectly fits 1280 screens
			12 columns
			margin 3% / 36px (full-width)
			col1 5.5% / 66px (full-width)

		1000px - perfectly fits 1024 screens
			12 columns
			margin 3% / 30px (full-width)
			col1 5.5% / 55px (full-width)
*/





/* *********************************************************************************************************************
 * Main container for all
 */
.onepcssgrid-1000, .onepcssgrid-1200 {
	margin: 0 auto;
	padding: 0 0 0 1%; /* THAT'S THE NAME ;) */
}

.onepcssgrid-1200 {
	max-width: 1220px;
}

.onepcssgrid-1000 {
	max-width: 1020px;
}

.onerow {
	clear: both;
	padding: 0 10px;
}





/* *********************************************************************************************************************
 * Common columns definitions
 */
.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 {
	float: left;
	margin: 0 3% 0 0;
}

.col1.last, .col2.last, .col3.last, .col4.last, .col5.last, .col6.last, .col7.last, .col8.last, .col9.last, .col10.last, .col11.last, .col12 {
	margin: 0;
}

.col1 { width: 5.5%; }
.col2 { width: 14%; }
.col3 { width: 22.5%; }
.col4 { width: 31%; }
.col5 { width: 39.5%; }
.col6 { width: 48%; }
.col7 { width: 56.5%; }
.col8 { width: 65%; }
.col9 { width: 73.5%; }
.col10 { width: 82%; }
.col11 { width: 90.5%; }
.col12 { width: 99%; margin: 0; }

.col1 img, .col2 img, .col3 img, .col4 img, .col5 img, .col6 img, .col7 img, .col8 img, .col9 img, .col10 img, .col11 img, .col12 img {
	width: 100%;
	height: auto;
	display: block;
}





/* *********************************************************************************************************************
 * Disable padding left/right 10px if I'm 1024 or gibber - correct percentage math
 */
@media all and (min-width: 1024px) {
	.onepcssgrid-1000 {
		max-width: 1000px;
	}

	.onepcssgrid-1000 .onerow {
		padding: 0;
	}
}





/* *********************************************************************************************************************
 * Small devices
 */
@media all and (max-width: 768px) {
	.onerow {
	}
	.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11 {
		float: none;
		width: 99%;
	}
	.nav1 .searchForm { text-align: center; }
	.nav1 .searchForm input { width: 100%; }
	
	.mnu2 li { float: none; }
	.mnu2 { float: none; }
	ul.menu .mega { width: 100%; }
	ul.menu .mega > ul { width: auto; float: none; }
}

@media all and ( max-width: 1200px ) {
	body { padding: 0 0 50px 0;}
	.nav1 .col1,
	.nav1 .col2,
	.nav1 .col3,
	.nav1 .col4,
	.nav1 .col5,
	.nav1 .col6,
	.nav1 .col7,
	.nav1 .col8,
	.nav1 .col9,
	.nav1 .col10,
	.nav1 .col11 {
		float: none;
		width: 99%;
	}
	.hc { position:relative; }
}
/* --------------------- END COLS ------------------------- */

@media screen and (min-width : 801px ) {	
	.content-left {
		float:left;
		width: 25%;
		background-color: rgba(0, 0, 0, 0.4);
	}
	.content-right {
		float: right;
		width: 75%
	}
	.desktop { display: block !important; }
	.mobile { display: none; }
}

@media screen and (max-width : 800px ) {	
	.content-right,
	.content-left {
		width: 100%;
		float: none;
	}
	
	.logo {
		text-align:center;
	}
	
	.desktop { display: none; }
	.mobile { display:block; }
}

.mobile span {
	display: block;
	padding: 10px;
	font-size: 1.2em;
	font-weight: bold;
	cursor: pointer;
}

hr {
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid #444444;
}


/*
* Skeleton V2.0.4
* Copyright 2014, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 12/29/2014
*/


/* Table of contents
末末末末末末末末末末末末末末末末末末末末末末末末末
- Grid
- Base Styles
- Typography
- Links
- Buttons
- Forms
- Lists
- Code
- Tables
- Spacing
- Utilities
- Clearing
- Media Queries
*/


/* Grid
末末末末末末末末末末末末末末末末末末末末末末末末末 */
.column,
.columns {
  width: 100%;
  float: left;
  box-sizing: border-box;
}


/* For devices larger than 550px */
@media (min-width: 719px) {
  .column,
  .columns {
    margin-left: 4%; }
  .column:first-child,
  .columns:first-child {
    margin-left: 0; }

  .one.column,
  .one.columns                    { width: 4.66666666667%; }
  .two.columns                    { width: 13.3333333333%; }
  .three.columns                  { width: 22%;            }
  .four.columns                   { width: 30.6666666667%; }
  .five.columns                   { width: 39.3333333333%; }
  .six.columns                    { width: 48%;            }
  .seven.columns                  { width: 56.6666666667%; }
  .eight.columns                  { width: 65.3333333333%; }
  .nine.columns                   { width: 74.0%;          }
  .ten.columns                    { width: 82.6666666667%; }
  .eleven.columns                 { width: 91.3333333333%; }
  .twelve.columns                 { width: 100%; margin-left: 0; }

  .one-third.column               { width: 30.6666666667%; }
  .two-thirds.column              { width: 65.3333333333%; }

  .one-half.column                { width: 48%; }

  /* Offsets */
  .offset-by-one.column,
  .offset-by-one.columns          { margin-left: 8.66666666667%; }
  .offset-by-two.column,
  .offset-by-two.columns          { margin-left: 17.3333333333%; }
  .offset-by-three.column,
  .offset-by-three.columns        { margin-left: 26%;            }
  .offset-by-four.column,
  .offset-by-four.columns         { margin-left: 34.6666666667%; }
  .offset-by-five.column,
  .offset-by-five.columns         { margin-left: 43.3333333333%; }
  .offset-by-six.column,
  .offset-by-six.columns          { margin-left: 52%;            }
  .offset-by-seven.column,
  .offset-by-seven.columns        { margin-left: 60.6666666667%; }
  .offset-by-eight.column,
  .offset-by-eight.columns        { margin-left: 69.3333333333%; }
  .offset-by-nine.column,
  .offset-by-nine.columns         { margin-left: 78.0%;          }
  .offset-by-ten.column,
  .offset-by-ten.columns          { margin-left: 86.6666666667%; }
  .offset-by-eleven.column,
  .offset-by-eleven.columns       { margin-left: 95.3333333333%; }

  .offset-by-one-third.column,
  .offset-by-one-third.columns    { margin-left: 34.6666666667%; }
  .offset-by-two-thirds.column,
  .offset-by-two-thirds.columns   { margin-left: 69.3333333333%; }

  .offset-by-one-half.column,
  .offset-by-one-half.columns     { margin-left: 52%; }

}

.content-right > .utama { padding-left: 10px; }
.page-header { padding: 1em; margin: 1.5em 0 0 0; }