@charset "utf-8";
/* CSS Document */
body{
	font-family: 'Open Sans', sans-serif;
	font-size:13px;
	color:#333333;
	margin:0px;
	padding:0px;
	background-color:#FFFFFF;
	overflow:auto;
	overflow-y:scroll;
	position:absolute;
	top:45px;
	bottom:0px;
	left:0px;
	right:0px;
}
html{
	overflow:hidden;
}

b,strong{
font-weight:600;

}
strong.strongColor{
	color:#0099FF;
}
a{
	color:#FF3300;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
ul{
	list-style:none;
	padding-left:0px;
}
ul a{
	color:#333333;
}
ul ul{
	padding-left:15px;
}
ul ul a{
	color:#0099FF;
}
hr{
	border:0px;
	margin:0px;
	padding:0px;
	border-top:1px solid #EFEFEF;
	margin-top:30px;
	margin-bottom:40px;
}
h1{
	font-size:34px;
	font-weight:300;
	color:#333333;
	padding:0px;
	margin:0px;
}
h1 a{
	color:#FFFFFF !important;
	text-decoration:none !important;
}
h1 a:hover{
	color:#00CCFF !important;
	text-decoration:none !important;
}
header h1{
	font-size:30px;
}
header h1, header h2{
	display:inline-block;
}

h2{
	font-size:28px;
	font-weight:300;
	color:#0099FF;
	padding:0px;
	margin:0px;
}
header h2{
	font-size:24px;
	padding-left:10px;
	color:#00CCFF;
}


h3{
	font-size:21px;
	font-weight:400;
	color:#0099FF;
	padding:0px;
	margin:0px;
}
h4{
	font-size:15px;
	font-weight:600;
	color:#0099FF;
	padding:0px;
	margin:0px;
	padding-bottom:5px;
}
h5{
	font-size:14px;
	font-weight:normal;
	color:#0099FF;
	padding:0px;
	margin:0px;
	padding-bottom:5px;
}

blockquote{
	font-size:12px;
	background-color:#EFEFEF;
	padding:10px;
	margin:10px;
	margin-top:0px;
	text-indent:0px;
}
blockquote h2{
	color:#333333;
	text-align:right;
	padding:0px;
	margin:0px;
}
.blockquote-3{
	width:30%;
	margin-left:20px;
}
.blockquote-100{
	margin-left:0px;
	margin-right:0px;
}
.blockquote-right{
	float:right;
	text-align:right;
}
blockquote a{
	
}
.indent{
	display:block;
	padding-left:20px;
	padding-top:3px;
	padding-bottom:3px;
}
.syntaxhighlighter{
	border:1px solid #CCCCCC !important;
}

.btn{
	padding:3px;
	border-radius:3px;
	background-color:#0099FF;
	width:auto;
	text-decoration:none;
	color:#FFFFFF;
	display:inline-block;
	padding-left:6px;
	padding-right:6px;
}
.btn:hover{
	background-color:#0066CC;
	text-decoration:none;
}


.btn-big{
	padding:10px;
	border-radius:5px;
	background-color:#0099FF;
	width:auto;
	text-decoration:none;
	color:#FFFFFF;
	display:inline-block;
}
.btn-big.btn-nav{
	height:60px;
	padding:0px;
	border-radius:5px;
	cursor:pointer;
	min-width:40px;
}
.nav-bar-left .btn-big.btn-nav{
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
}
.nav-bar-right .btn-big.btn-nav{
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
}
.btn-big:hover{
	background-color:#0066CC;
	text-decoration:none;
}
.btn-big-top{
	margin-top:5px;
}

.btn-big b{
	display:block;
	font-weight:400;
	font-size:16px;
}

.outer{
	
}

header{
	border-bottom:1px solid #CCCCCC;
	padding-top:2px;
	height:40px;
	padding-bottom:2px;
	position:fixed;
	top:0px;
	left:0px;
	right:0px;
	background-color:#333333;
	z-index:999;
}

.main{
	padding-bottom:40px;
	padding-top:20px;
}
.main h2{
	padding-bottom:5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #8CD1FF;
}
pre{
	background-color:#EFEFEF;
}
pre p{
	padding:0px;
	margin:0px;
	border:0px none;
	font-size:12px;
	line-height:12px;
	padding-left:5px;
	padding-right:5px;
	border-bottom:1px solid #CCCCCC;
}
code{
}

.tab-100{
	display:block;
	font-size:0px;
	white-space:nowrap;
}
.tab-50{
	display:inline-block;
	vertical-align:top;
	font-size:13px;
	width:49%;
	margin-right:1%;
}
.tab-33{
	display:inline-block;
	vertical-align:top;
	font-size:13px;
	width:32%;
	margin-right:1%;
}


@media all and (min-width:1400px) {
	.center{
		max-width:1250px;
		margin-left:auto;
		margin-right:auto;
	}
	.main .center{
		max-width:1235px;
	}
	.nav-bar-left{
	  width: 40px;
	  height: 60px;
	  position: fixed;
	  top: 0;
	  bottom: 0;
	  left:20px;
	  margin: auto;
	  overflow:hidden;
	}
	.nav-bar-right{
	  width: 40px;
	  height: 60px;
	  position: fixed;
	  top: 0;
	  bottom: 0;
	  right:20px;
	  margin: auto;
	  overflow:hidden;
	}
}
@media all and (max-width:1399px) {
	.center{
		margin-left:auto;
		margin-right:auto;
		padding-left:55px;
		padding-right:55px;
	}
	.nav-bar-left{
	  width: 40px;
	  height: 60px;
	  position: fixed;
	  top: 0;
	  bottom: 0;
	  left:10px;
	  margin: auto;
	  overflow:hidden;
	}
	.nav-bar-right{
	  width: 40px;
	  height: 60px;
	  position: fixed;
	  top: 0;
	  bottom: 0;
	  right:10px;
	  margin: auto;
	  overflow:hidden;
	}
}


	.btn-arrow{
		position:absolute;
		top:0px;
		width:40px;
		height:60px;
		background-position:center center;
		background-repeat:no-repeat;
	}
	.nav-bar-left .btn-arrow{
		left:0px;
	}
	.nav-bar-right .btn-arrow{
		right:0px;
	}
	.nav-bar-left .btn-arrow-left{
		background-image:url(img/left-arrow.png);
	}
	.nav-bar-right .btn-arrow-right{
		background-image:url(img/right-arrow.png);
	}
	.btn-nav .table{
		position:absolute;
		height:60px;
		width:220px;
		background-color:#0099FF;
		vertical-align:middle;
		height:60px;
	}
	.nav-bar-left .btn-nav .table{
		left:40px;
		border-top-right-radius: 5px;
		border-bottom-right-radius: 5px;
	}
	.nav-bar-right .btn-nav .table{
		right:40px;
		border-top-left-radius: 5px;
		border-bottom-left-radius: 5px;
		text-align:right;
	
	}
	.btn-arrow:hover{
		float:left;
		width:40px;
		height:60px;
	}
	
	
	.table{
		display:table;
		height:60px;
		vertical-align:middle;
	}
	.tr{
		display:table-row;
		height:60px;
		vertical-align:middle;
	}
	.td{
		display:table-cell;
		padding-left:10px;
		padding-right:10px;
		height:60px;
		vertical-align:middle;
	}