@charset "utf-8";
/* CSS Document */

.no-rgba a {
	border: 1px solid #f1f1f1
}
.no-rgba a:hover {
	border-color: #e9e9e9
}
a.active, a:active {
	color: #fff;
	background: #484f53 url(../images/darkBG.jpg)
}
strong {
	font-weight: 700
}
em {
	font-style: italic
}
small {
	font-size: 14px
}
h2 span {
	font-size: 22px;
	margin-left: 5px;
	color: #9f9f9f;
	color: rgba(0,0,0,.4)
}
/*
::-moz-selection, ::selection {
background-color:#74bd79;
color:#fff;
-webkit-box-shadow:0 1px 0 #fff, 0 0 1px rgba(0,0,0,.2) inset;
-moz-box-shadow:0 1px 0 #fff, 0 0 1px rgba(0,0,0,.2) inset;
box-shadow:0 1px 0 #fff, 0 0 1px rgba(0,0,0,.2) inset
}*/
.wrap {
	width: 90%;
	margin: 0 auto;
	max-width: 1320px
}
.section-wrap {
	padding-bottom: 20px;
	/*border-bottom: 1px dotted #c6c8c9;
	border-bottom: 1px dotted rgba(0,0,0,.15)*/
}
.lt-ie8 .section-wrap {
	zoom: 1
}
.section-1 {
	width: 42%;
	float: left;
	min-height: 1px
}
.section-1 .subtitle{margin-top:0; margin-bottom:30px;}
.section-2 {
	width: 55%;
	float: left;
	margin: 0 0 0 3%;
	min-height: 1px
}
.topline {
	background: #484f53 url(../images/darkBG.jpg);
	height: 2px;
	border-bottom: 1px solid #000;
	-moz-box-shadow: 0 1px 0 #fff;
	-webkit-box-shadow: 0 1px 0 #fff;
	box-shadow: 0 1px 0 #fff
}
#top-buttons {
	display: block;
	float: right
}
#top-buttons>a {
	font-size: 20px;
	display: block;
	float: left;
	text-align: center
}
#download {
	padding: 10px 20px 10px 47px;
	background: url(../images/dl.svg) no-repeat 16px 50%, #fff;
	background: url(../images/dl.svg) no-repeat 16px 50%, #fff -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.01)) 0 0 repeat;
	background: url(../images/dl.svg) no-repeat 16px 50%, #fff -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.01)) 0 0 repeat;
	background: url(../images/dl.svg) no-repeat 16px 50%, #fff -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.01)) 0 0 repeat;
	background: url(../images/dl.svg) no-repeat 16px 50%, #fff -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.01)) 0 0 repeat;
	background: url(../images/dl.svg) no-repeat 16px 50%, #fff linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.01)) 0 0 repeat;
	-webkit-border-radius: 5px 0 0 5px;
	-moz-border-radius: 5px 0 0 5px;
	border-radius: 5px 0 0 5px
}
.no-inlinesvg #download {
	background: #fff url(../images/dl.png) no-repeat 16px 50%
}
#download:active {
	background: url(../images/dl.svg) no-repeat 16px 50%, #484f53 url(../images/darkBG.jpg)
}
.no-inlinesvg #download:active {
	background: #484f53 url(../images/dl.png) no-repeat 16px 50%
}
#github {
	padding: 10px 20px 10px 39px;
	border-left: 0;
	background: url(../images/git.svg) no-repeat 13px 55%, #fff;
	background: url(../images/git.svg) no-repeat 13px 55%, #fff -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.01)) 0 0 repeat;
	background: url(../images/git.svg) no-repeat 13px 55%, #fff -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.01)) 0 0 repeat;
	background: url(../images/git.svg) no-repeat 13px 55%, #fff -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.01)) 0 0 repeat;
	background: url(../images/git.svg) no-repeat 13px 55%, #fff -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.01)) 0 0 repeat;
	background: url(../images/git.svg) no-repeat 13px 55%, #fff linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.01)) 0 0 repeat;
	-webkit-border-radius: 0 5px 5px 0;
	-moz-border-radius: 0 5px 5px 0;
	border-radius: 0 5px 5px 0
}
.no-inlinesvg #github {
	background: #fff url(../images/git.png) no-repeat 13px 55%
}
#github:active {
	background: url(../images/git.svg) no-repeat 13px 55%, #484f53 url(../images/darkBG.jpg)
}
.no-inlinesvg #github:active {
	background: #484f53 url(../images/git.png) no-repeat 13px 50%
}
#upper {
	background-color: #4b4f57;
	background-image: url(../images/darkBG.jpg);
	background: #f1f1f1;
	background: #fff;
	color: #fff;
	padding: 50px 0;
	border-top: 1px solid #000;
	/*border-bottom: 1px solid #000*/
}
#upper h2, #upper .section-1 {
	border-bottom-color: #000
}
#upper .button {
	color: #fff;
	padding: 4px 5px 5px;
	display: inline-block;
	border: 1px solid #34373a;
	border: 1px solid rgba(0,0,0,.2);
	border-bottom: 1px solid #2f3234;
	border-bottom: 1px solid rgba(0,0,0,.35);
	background: url(../images/black10.png);
	background: rgba(0,0,0,.1);
	background: -webkit-linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,.2));
	background: -moz-linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,.2));
	background: -o-linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,.2));
	background: -ms-linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,.2));
	background: linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,.2));
	-webkkit-box-shadow: 0 1px 0 rgba(255,255,255,.1), 0 1px 0 transparent inset;
	-moz-box-shadow: 0 1px 0 rgba(255,255,255,.1), 0 1px 0 transparent inset;
	box-shadow: 0 1px 0 rgba(255,255,255,.1), 0 1px 0 transparent inset
}
#upper .button:hover {
	border: 1px solid #2e3133;
	border: 1px solid rgba(0,0,0,.3);
	border-bottom: 1px solid rgba(0,0,0,.45);
	border-bottom: 1px solid #25282a;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.15), 0 1px 0 rgba(255,255,255,.04) inset;
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.15), 0 1px 0 rgba(255,255,255,.04) inset;
	box-shadow: 0 1px 2px rgba(0,0,0,.15), 0 1px 0 rgba(255,255,255,.04) inset
}
#upper .button:active, #upper .button.active {
	color: #8acdf3;
	border: 1px solid #66899e;
	border: 1px solid rgba(138,205,243,.5);
	-webkit-box-shadow: 0 1px 6px rgba(0,0,0,.7) inset;
	-moz-box-shadow: 0 1px 6px rgba(0,0,0,.7) inset;
	box-shadow: 0 1px 6px rgba(0,0,0,.7) inset
}

.rs-wrap {
	float: right
}
.checklist {
	padding-top: 25px;
	border-top: 1px dotted #808487;
	border-top: 1px dotted rgba(255,255,255,.25);
*zoom:1
}
.checklist li {
	list-style: none;
*zoom:1;
	padding-left: 30px;
	background: url(../images/check.svg) no-repeat left center
}
.no-inlinesvg .checklist li {
	background: url(../images/check.png) no-repeat left center
}
.reg-list {
	margin-bottom: 15px
}
.reg-list li {
	color: #4b4f57;
	padding: 6px 0
}
.reg-list li:first-child {
	padding-top: 0
}
#changelog li {
	list-style-type: none
}
.translist {
	padding-top: 25px
}
.translist li {
	list-style: none;
	display: block;
	float: left;
	width: 50%;
*width:49.9%
}
.translist li a {
	position: relative
}
.bobble-key, .bobble-js, .bobble-css, .bobble-3d {
	font-weight: 700;
	position: absolute;
	font-size: 10px;
	background: #74bd79;
	border-radius: 2px;
	top: -8px;
	padding: 3px;
	color: #fff!important;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.2), 0 1px 0 rgba(255,255,255,.2) inset;
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,.2), 0 1px 0 rgba(255,255,255,.2) inset;
	box-shadow: 0 1px 1px rgba(0,0,0,.2), 0 1px 0 rgba(255,255,255,.2) inset
}
.bobble-js {
	right: -13px
}
.bobble-3d {
	right: -15px
}
.bobble-css {
	right: -21px
}
.bobble-key.unsupported, .bobble-js.unsupported, .bobble-css.unsupported, .bobble-3d.unsupported {
	background: #c4544e
}

@media screen and (max-width:1024px) {
.rs-wrap {
	margin: 0 auto;
	float: none
}
#top-buttons {
	padding: 40px 0
}
.section-1, .section-2 {
	width: 100%;
	margin: 0
}
.section-1 .checklist li {
	display: inline-block;
	width: 50%;
*width:45%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	float: left
}
.section-1 .checklist li:nth-child(odd) {
	width: 44%;
	margin-right: 5%
}
.section-1 {
	padding: 0 0 25px;
	border-bottom: 1px dotted #c6c8c9;
	border-bottom: 1px dotted rgba(0,0,0,.15)
}
.section-2 {
	border-top: 1px dotted #808487;
	border-top: 1px dotted rgba(255,255,255,.25);
	padding: 39px 0 0
}
.translist li {
	width: 33.3%
}
}

@media screen and (max-width:768px) {
#top-buttons {
	padding: 30px 0
}
#top-buttons>a {
	font-size: 17px
}
.divide {
	margin-bottom: 12px
}
}

@media screen and (max-width:640px) {
#top-buttons {
	padding-top: 20px
}
#top-buttons>a {
	width: 50%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
}

@media screen and (max-width:480px) {
.rs-slide-bg {
	padding: 5px!important
}
.rs-thumb-wrap>a {
	padding: 2px!important
}
.translist li {
	width: 50%;
*width:49.9%
}
}

@media screen and (max-width:320px) {
.checklist li {
	width: 100%!important;
	margin-right: 0!important
}
}

.group:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	line-height: 0;
	visibility: hidden
}

.packingSubClass{}
.packingSubItem{margin-bottom:5px;}
.packingSubGroup{width:100%; border:2px solid transparent; border-radius:25px;}
.packingSubActive{/*border:2px solid #ff4e00;*/}
.packingLinkPic{ display:block; width:50px; height:50px; float:left; background:transparent!important;}
.packingLinkPic img{border-radius:50%; border:3px solid #0090ff; transform: scale(1.1); box-sizing: border-box; box-shadow: 5px 5px 10px rgba(0,0,0,0.5);}
.packingLinkTxt{display:block; width:100%; height:50px; background-color:#0090ff!important; color:#fff; font-size:15px; border-radius:25px; padding-left:68px; line-height:48px;}
.packingLinkTxt:hover{color:#fff; background: #484f53 url(../images/darkBG.jpg);}
.packingSubActive .packingLinkPic img{border:3px solid #ff4e00;}
.packingSubActive .packingLinkTxt{background-color:#ff4e00!important; color:#fff;}

@media only screen and (max-width:767px)
{
	
}