/* Add additional stylesheets below
-------------------------------------------------- */
/* Bootstrap's documentation styles
Special styles for presenting Bootstrap's documentation and examples */



/* Body and structure
-------------------------------------------------- */

body { position: relative; }
body { font-family: "Lucida Grande", "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Hiragino Sans GB W3", "Microsoft YaHei UI", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif; }
/* Code in headings */
h3 code { font-size: 14px; font-weight: normal; }
/* Tweak navbar brand link to be super sleek
-------------------------------------------------- */
body > .navbar { font-size: 14px; }
/* Change the docs' brand */
body > .navbar .brand { padding: 0px; padding-top: 4px; margin-left: 20px; float: right; font-weight: bold; color: #000; text-shadow: 0 1px 0 rgba(255, 255, 255, .1), 0 0 30px rgba(255, 255, 255, .125); -webkit-transition: all .2s linear; -moz-transition: all .2s linear; transition: all .2s linear; }
body > .navbar .brand:hover { text-decoration: none; text-shadow: 0 1px 0 rgba(255, 255, 255, .1), 0 0 30px rgba(255, 255, 255, .4); }
/* Sections
-------------------------------------------------- */
/* padding for in-page bookmarks and fixed navbar */
section { padding-top: 30px; }
section > .page-header, section > .lead { color: #5a5a5a; }
section > ul li { margin-bottom: 5px; }
/* Separators (hr) */
.separator { margin: 40px 0 39px; }
.social { padding: 15px 0; text-align: center; background-color: #F5F5F5; border-top: 1px solid #FFF; border-bottom: 1px solid #DDD; }
/* Faded out hr */
hr.soften { height: 1px; margin: 70px 0; background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, .1), rgba(0, 0, 0, 0)); background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, .1), rgba(0, 0, 0, 0)); background-image: -ms-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, .1), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, .1), rgba(0, 0, 0, 0)); border: 0; }
/* Jumbotrons
-------------------------------------------------- */
/* Base class
------------------------- */
.mt60{margin-top: 60px;}
h1 { font-size: 40px; font-weight: bold; letter-spacing: -1px; line-height: 1; }
.jumbotron { position: relative; padding: 40px 0; color: #fff; text-align: center; background: url(./img/galaxy.jpg) repeat center center; text-shadow: 0 3px 4px rgba(0, 0, 0, .5), 0 0 30px rgba(0, 0, 0, .075); -webkit-box-shadow: inset 0 3px 7px rgba(0, 0, 0, .2), inset 0 -3px 7px rgba(0, 0, 0, .2); -moz-box-shadow: inset 0 3px 7px rgba(0, 0, 0, .2), inset 0 -3px 7px rgba(0, 0, 0, .2); box-shadow: inset 0 3px 7px rgba(0, 0, 0, .2), inset 0 -3px 7px rgba(0, 0, 0, .2); }
.jumbotron h1 { font-size: 80px; font-weight: bold; letter-spacing: -1px; line-height: 1; }
.jumbotron p { font-size: 24px; font-weight: 300; line-height: 1.25; margin-bottom: 30px; margin-top: 20px; }
/* Link styles (used on .masthead-links as well) */
.jumbotron a { color: #fff; color: rgba(255, 255, 255, .5); -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
.jumbotron a:hover { color: #fff; text-shadow: 0 0 10px rgba(255, 255, 255, .25); }
/* Download button */
.masthead .btn { padding: 19px 24px; font-size: 24px; font-weight: 200; color: #fff; /* redeclare to override the `.jumbotron a` */
border: 0; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 5px rgba(0, 0, 0, .25); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 5px rgba(0, 0, 0, .25); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 5px rgba(0, 0, 0, .25); -webkit-transition: none; -moz-transition: none; transition: none; }
.masthead .btn:hover { -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 5px rgba(0, 0, 0, .25); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 5px rgba(0, 0, 0, .25); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 5px rgba(0, 0, 0, .25); }
.masthead .btn:active { -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .1), 0 1px 0 rgba(255, 255, 255, .1); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .1), 0 1px 0 rgba(255, 255, 255, .1); box-shadow: inset 0 2px 4px rgba(0, 0, 0, .1), 0 1px 0 rgba(255, 255, 255, .1); }
/* Pattern overlay
------------------------- */
.jumbotron .container { position: relative; z-index: 2; }
@media
only screen and (-webkit-min-device-pixel-ratio:2), only screen and (   min--moz-device-pixel-ratio:2), only screen and (     -o-min-device-pixel-ratio:2/1) {
	.jumbotron:after { background-size: 150px 150px; }
}
/* Masthead (docs home)
------------------------- */
.masthead { padding: 70px 0 80px; margin-bottom: 0; color: #fff; }
.masthead h1 {font-family: "Hiragino Sans GB", "Hiragino Sans GB W3", "Microsoft YaHei UI", "Microsoft YaHei", "WenQuanYi Micro Hei", Arial, sans-serif;font-size: 120px; line-height: 1; letter-spacing: -2px; }
.masthead p { font-size: 40px; font-weight: 200; line-height: 1.25; }
/* Textual links in masthead */
.masthead-links { margin: 0; list-style: none; }
.masthead-links li { display: inline; padding: 0 10px; color: rgba(255, 255, 255, .25); }
/* Marketing section of Overview
-------------------------------------------------- */
.marketing { text-align: center; color: #5a5a5a; }
.marketing h1 { margin-bottom: 10px; font-size: 60px; font-weight: 200; line-height: 1; letter-spacing: -1px; }
.marketing h2 { font-weight: 200; margin-bottom: 5px; font-size: 32px; }
.marketing p { font-size: 16px; line-height: 1.5; text-align: left;}
.marketing .marketing-byline { margin-bottom: 40px; font-size: 20px; font-weight: 300; line-height: 1.25; color: #999; text-align: center;}
.marketing-img { display: block; margin: 0 auto 30px; max-height: 145px; }
.form-actions { text-align: center; }
.form-horizontal .form-actions{padding-left:0px;}
.well ul, .well ol { list-style-type: disc; padding-left: 2em; }
.well li { line-height: 1.6; }
.well h1 { padding-bottom: 0.3em; font-size: 2.25em; line-height: 1.2; border-bottom: 1px solid #EEE; text-align: center; }
.well .chk { font-size: 16px; }
.well p { margin-top: 0; margin-bottom: 16px; }
.well h2 { padding-bottom: 0.3em; font-size: 1.75em; line-height: 1.225; border-bottom: 1px solid #E5E5E5; margin-top: 1em; margin-bottom: 16px; font-weight: bold; }
.well h3 { font-size: 1.5em; line-height: 1.43; margin-top: 1em; margin-bottom: 16px; font-weight: bold; }
.well .controls input { height: 30px; line-height: 30px; font-size: 14px; }
.license { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; line-height: 1.6; }
/* Footer
-------------------------------------------------- */
.footer { text-align: center; padding: 30px 0; margin-top: 70px; border-top: 1px solid #e5e5e5; background-color: #f5f5f5; }
.footer p { margin-bottom: 0; color: #777; }
.footer-links { margin: 10px 0; }
.footer-links li { display: inline; padding: 0 2px; }
.footer-links li:first-child { padding-left: 0; }
/* Responsive
-------------------------------------------------- */
/* Desktop large
------------------------- */
@media (min-width:1200px) {
}
/* Desktop
------------------------- */
@media (max-width:980px) {
	/* Unfloat brand */
	body > .navbar-fixed-top .brand { float: left; margin-left: 0; padding-left: 10px; padding-right: 10px; }
}
/* Tablet to desktop
------------------------- */
@media (min-width:768px) and (max-width:979px) {
	/* Remove any padding from the body */
	body { padding-top: 0; }
	/* Widen masthead and social buttons to fill body padding */
	.jumbotron { margin-top: -20px; /* Offset bottom margin on .navbar */ }
}
/* Tablet
------------------------- */
@media (max-width:767px) {
	/* Remove any padding from the body */
	body { padding-top: 0; }
	/* Widen masthead and social buttons to fill body padding */
	.jumbotron { padding: 40px 20px; margin-top: -20px; /* Offset bottom margin on .navbar */
	margin-right: -20px; margin-left: -20px; }
	.masthead h1 { font-size: 90px; }
	.masthead p, .masthead .btn { font-size: 24px; }
	.marketing .span4 { margin-bottom: 40px; }
	.footer { margin-left: -20px; margin-right: -20px; padding-left: 20px; padding-right: 20px; }
	.footer p { margin-bottom: 9px; }
}
/* Landscape phones
------------------------- */
@media (max-width:480px) {
	/* Remove padding above jumbotron */
	body { padding-top: 0; }
	/* Change up some type stuff */
	h2 small { display: block; }
	/* Downsize the jumbotrons */
	.jumbotron h1 { font-size: 45px; }
	.jumbotron p, .jumbotron .btn { font-size: 18px; }
	.jumbotron .btn { display: block; margin: 0 auto; }
	/* Marketing on home */
	.marketing h1 { font-size: 30px; }
	.marketing-byline { font-size: 18px; }
	/* Tighten up footer */
	.footer { padding-top: 20px; padding-bottom: 20px; }
}
