/*
Theme Name: Dash
Theme URI: http://www.dashgame.com
Description: Dashgame's official site.
Author: GSGundam
Author URI: http://www.gsgundam.com
Version: 1.2.0
Tags: dashgame, responsive, bootstrap

Official-use only.
*/

@charset "utf-8";

::-moz-selection { background: #5e823d; color: #fff; text-shadow: none;}
::selection { background: #5e823d; color: #fff; text-shadow: none; border-radius: 10px;}
body {
	background:#eee;
	font: 12px/22px 'microsoft yahei',simsun,arial,sans-serif;
}
a, a:link{color:#333; text-decoration: none;}
a:hover{color:#509650;}
a.ani-link{-webkit-transition: all .2s linear;-moz-transition: all .2s linear;transition: all .2s linear;}
button{font-family: 'microsoft yahei',simsun,arial,sans-serif;}

/*html5*/
article,aside,footer,header,section,nav,figure,menu{display:block}

/*public*/
.list-style-none, .list-style-none li{list-style:none;}

/*utils*/
.gray {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transition: all .2s linear;-moz-transition: all .2s linear;transition: all .2s linear;
}
.gray.pointer:hover{-webkit-filter: none;-moz-filter:none;-o-filter:none;filter:none;}
.margin-20{margin-top:20px;}
.margin-30{margin-top:30px;}
.wow { visibility: hidden; }
.pb-15{ padding-bottom: 15px;}
.mb-15{margin-bottom: 15px;}

/* menu start */
.logo{
	background: url(images/logo.png) no-repeat;
	height:54px;
	width:250px;
	display:block;
	float:left;
}
.navbar .navbar-brand{padding:0;margin-left:0;}
.nav-collapse.in.collapse, .nav-collapse.collapse{
	background-color:#111;
	z-index:100;
	float:none;
	border-radius:0 0 5px 5px;
}
.dropdown-backdrop{
	position:relative;}

header button.btn.navbar-btn{
	margin-top:10px;
}
header nav {
	margin:7px 0 0 0;
	overflow: hidden!important;
}
header nav li {
	float: left;
	margin-right:2px;
}
header nav a{
	text-decoration:none;
	color:#aaa;
	font-size:16px;
	border-bottom:1px solid transparent;
	text-shadow: 0 2px 0 rgba(0, 0, 0, 1);
}
header nav a:hover, header nav ul.nav li a.active, .navbar-toggle .open .dropdown-toggle, header nav ul.nav li.sfHover .dropdown-toggle{
	color:#fff;
	background:#111;
	border-bottom:1px solid #444;
	-moz-box-shadow:0 2px 2px #000 inset;
	-webkit-box-shadow:0 2px 2px #000 inset;
	box-shadow:0 2px 2px #000 inset;
}
ul.dropdown-menu{
	background: #111;
	border: 1px solid #333;
}
ul.dropdown-menu li{
	float:none;
	margin:0;
}
ul.dropdown-menu li a{
	color:#aaa;
}
ul.dropdown-menu li a:hover{
	color: #eee;
	border-bottom:1px solid transparent;
	background:#444;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
}
.navbar .pull-right>li>.dropdown-menu{right:auto; width:182px;}
.dropdown img{margin-right:2px; opacity:0.8;}
.dropdown a.menu-divider{padding-bottom:8px; border-bottom:1px dashed #333; margin-bottom:8px;}
.dropdown a.menu-divider:hover img{opacity:0.8;}
ul.dropdown-menu li a.menu-divider:hover{ background-color:transparent; color:#aaa; cursor:default; border-bottom:1px dashed #333;}
.dropdown hr.line-divider{border:none; padding:0; margin:0; padding-bottom:8px; border-bottom:1px dotted #333; margin-bottom:8px;}
.dropdown a:hover img{opacity:1;}

.navbar .nav>li span.seperator{line-height: 36px; font-size: 16px; color: #999; }
.navbar .nav>li>a.login-link, .navbar .nav>li>a.reg-link, .navbar .nav>li a.user-link, .navbar .nav>li a.logout-link{color: #77c04b; border:none; background: transparent; padding: 10px; margin: 2px 0;}
.navbar .nav>li a.user-link:hover, .navbar .nav>li a.logout-link:hover, .navbar .nav>li>a.login-link:hover, .navbar .nav>li>a.reg-link:hover{color: #fff; border: none; background: transparent; box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;}
/* menu end */

/* banner start */
#slider {
	/*display:none;*/
	/*padding-top: 30px;*/
	margin-bottom:40px;
}
.theme-default #slides.nivoSlider{
	-webkit-box-shadow: none!important;
	box-shadow: none!important;
}
#slider .nivo-controlNav{position: relative; z-index: 99; margin-top: -70px;}
/* banner end */

/*index successful start*/
.successful-part .thumbnail{
	padding: 0;
	margin-bottom: 0;
	overflow: hidden;
}
.successful-part .thumbnail a>img, .successful-part .thumbnail>img{
	width: calc(100% + 50px);
}
.successful-part .caption{
	position: absolute;
	bottom: 0;
	width: calc(100% - 32px);
	background: rgba(0,0,0,0.5);
}
.successful-part .caption a, .successful-part .caption a:link{
	color: #fff;
}
.successful-part img{
	cursor: pointer;
	transition: all 0.35s;
}
.successful-part img:hover{
	transform: scale(1.05);
}
/*index successful end*/

/* product body-content start */
.body-content{
	margin:0 auto;
}
#maintenance .item_large_icon{border-radius: 18px;}
.product-nav .product-summary{
	transition: all 0.2s;
}
.product-nav .product-summary:hover{
	transform: scale(1.02);
}
/* product body-content end*/

/* main wrap subhead start */
.subhead {
	text-align: left;
	border-bottom: 1px solid #ddd;
	background-size: cover;
}
.jumbotron {
	position: relative;
	padding: 20px 0;
	margin-bottom: 10px;
	color: #fff;
	text-align: center;
	text-shadow: 0 1px 3px rgba(0,0,0,.4), 0 0 30px rgba(0,0,0,.075);
	-webkit-box-shadow: 0 3px 7px rgba(0,0,0,.2),  0 -3px 7px rgba(0,0,0,.2);
	-moz-box-shadow: 0 3px 7px rgba(0,0,0,.2),  0 -3px 7px rgba(0,0,0,.2);
	box-shadow: inset 0 3px 7px rgba(0,0,0,.2),  0 -3px 7px rgba(0,0,0,.2);
}
.top-icons {
	float: right;
	position: absolute;
	left: 80%;
}
a.aside-communicate{
	line-height: 40px;
	cursor:pointer;
	float:right;
	background-image:none;
	margin-right:10px;
	color:#999;
	text-decoration: none;
}
a.aside-communicate:hover{color:#fff;}
#subhead-ba{background:url(images/subhead-ba.jpg) no-repeat #111;}
#subhead-in{background:url(images/subhead-in.jpg) no-repeat #eee;}
#subhead-ik{background:url(images/subhead-ik.jpg) no-repeat #111;}
#subhead-js{background:url(images/subhead-js.jpg) no-repeat #111;}
#subhead-ufo{background:url(images/subhead-ufo.jpg) no-repeat #111;}
#subhead-about{background:url(images/subhead-about.jpg) no-repeat #fff;}
#subhead-service{background:url(images/subhead-service.jpg) no-repeat #111;}
#subhead-product{background:url(images/subhead-ba.jpg) no-repeat #111;}
#subhead-hr{background:url(images/subhead-hr.jpg) no-repeat #111;}
#subhead-bsc{background:url(images/subhead-bsc.jpg) no-repeat #fff;}
#subhead-sa{background:url(images/subhead-sa.jpg) no-repeat #111;}
#subhead-pp{background:url(images/subhead/subhead-pp.jpg) no-repeat #111;}
#subhead-garden{background:url(images/subhead-garden.jpg) no-repeat #111;}
#subhead-wi{background:url(images/subhead/subhead-wi.jpg) no-repeat #111;}
#subhead-ss{background:url(images/subhead/subhead-ss.jpg) no-repeat #111;}
.subhead.no-btn .container {margin-top: 10px;}
/* main wrap subhead start */

/* product main-wrap start */
.main-wrap{
	text-shadow: 0px 1px 0px white;
	color: #666;
}
.main-wrap img{
	margin: 0 0 10px;
}
.main-wrap .center-img{
	display:block;
	margin:0 auto;
}
.main-wrap h2, .main-wrap h3{
	margin:0 0 10px;
	color: #333;
	font-size: 24px;
}
.main-wrap h2{
	margin-top:24px;
}
.main-wrap h3{
	font-size:18px;
	float:none;
}
.main-wrap p{
	clear:both;
	font-size: 16px;
	line-height: 32px;
	margin:10px 0;
}
.para{
	text-indent:32px;
	display:block;
}
.help-readme{
	border-bottom: 1px dotted #ccc;
	margin-bottom: 26px;
	padding-bottom: 10px;
	position:relative;
	margin-top:-70px;
}
.help-readme:last-child{border:none;}
.help-wrap{padding-top:70px;}
.help-wrap i{
	padding-left:10px;
}
.help-wrap p a{
	color:#666;
}
.help-wrap p a:hover{
	color:#333;
}
#network-thumb{
	margin: 20px 20px 0;
}
#robot-thumb{
	margin: 18px 20px 0;
}
#mouse-thumb{
	margin: 18px 20px 0;
}
#gamer-thumb{
	margin: 14px 20px 0;
}
#intro-thumb{
	margin: 16px 20px 0;
}
#rocket-thumb{
	margin: 14px 20px 0;
}
#keyboard-thumb{
	margin: 14px 20px 0;
}
#lock-thumb{
	margin: 16px 20px 0;
}
#qa-thumb{
	margin: 16px 20px 0;
}
#chat-thumb{
	margin: 16px 20px 0;
}
#link-thumb{
	margin: 18px 20px 0;
}
/* product */
#product .portfolio{margin:20px 95px 60px;}
#product .portfolio .item {float: left;text-align: center;position: relative; margin-bottom:30px;}
#product .portfolio.items .item a{cursor:default;}
#product .portfolio.items .item a img.shake{cursor:pointer;}
#product .portfolio.items .item a.image, .main a.map, a.image, a.imagecont {display: block; background: white; border: 6px solid white;box-shadow: 0 1px 3px rgba(0,0,0,0.3);}
/*#product .portfolio .item a.image {width: 290px; height: auto; overflow: hidden; height: 190px;}*/
#product .portfolio .item a.image {width: 100%; height: auto; overflow: hidden; background-size: cover;}
#product .portfolio.large .item a.image { height: auto; background: url(http://www.dashgame.com/wp-content/themes/dash/images/portfolio-bg.png); background-size: cover;}
/*.portfolio.large .item a.image {height: 300px;}*/
#product .portfolio .item h4 {font-size: 1.2em; margin: 15px 0 2px 0;}
#product .portfolio.large .item h4 {font-size: 1.35em;margin-bottom: 8px;}
#product .portfolio.large .item h4 a{cursor:pointer;-webkit-transition: all .2s linear;-moz-transition: all .2s linear;transition: all .2s linear;}
#product .portfolio .item small {font-size:.9em;}
#product .portfolio.large .item small {font-size: 1em;}
#product .portfolio .row .item.last {margin-right: 0;}
#product .portfolio .item .hover {background: url(images/overlay.png) repeat 0 0;position: absolute; top: 6px; left: 6px; *left: 11px;opacity: 0;*display: none;display: none\9;-webkit-transition: opacity .25s ease-in-out;-moz-transition: opacity .25s ease-in-out;-o-transition: opacity .25s ease-in-out;transition: opacity .25s ease-in-out;}
#product .portfolio .item:hover .hover { opacity: 1;*display: block;display: block\9;}
#product .portfolio .item .hover a {display: block; width: 63px; height: 63px; position: absolute;}
#product .portfolio .item .hover a:hover {background-position: 0 -63px;}
/*#product .portfolio .item .hover {width: 290px; height: 190px;}*/
/*#product .portfolio.large .item .hover {width: 460px; height: 300px;}*/
#product .shake:hover {-webkit-animation: shake .5s linear 0s;-moz-animation: shake .5s linear 0s;}
#product .item_large_icon {border-radius: 15px;}

/* maintenance */
#maintenance .portfolio{margin:20px 95px 60px;}
#maintenance .portfolio .item {float: left;text-align: center;position: relative; margin-bottom:30px;}
#maintenance .portfolio.items .item a{cursor:default;}
#maintenance .portfolio.items .item a img.shake{cursor:pointer;}
#maintenance .portfolio.items .item a.image, .main a.map, a.image, a.imagecont {display: block; background: white; border: 6px solid white;box-shadow: 0 1px 3px rgba(0,0,0,0.3);}
/*#maintenance .portfolio .item a.image {width: 290px; height: auto; overflow: hidden; height: 190px;}*/
#maintenance .portfolio .item a.image {width: 100%; height: auto; overflow: hidden; background-size: cover;}
#maintenance .portfolio.large .item a.image { height: auto; background: url(http://www.dashgame.com/wp-content/themes/dash/images/portfolio-bg.png); background-size: cover;}
/*.portfolio.large .item a.image {height: 300px;}*/
#maintenance .portfolio .item h4 {font-size: 1.2em; margin: 15px 0 2px 0;}
#maintenance .portfolio.large .item h4 {font-size: 1.35em;margin-bottom: 8px;}
#maintenance .portfolio.large .item h4 a{cursor:pointer;-webkit-transition: all .2s linear;-moz-transition: all .2s linear;transition: all .2s linear;}
#maintenance .portfolio .item small {font-size:.9em;}
#maintenance .portfolio.large .item small {font-size: 1em;}
#maintenance .portfolio .row .item.last {margin-right: 0;}
#maintenance .portfolio .item .hover {background: url(images/overlay.png) repeat 0 0;position: absolute; top: 6px; left: 6px; *left: 11px;opacity: 0;*display: none;display: none\9;-webkit-transition: opacity .25s ease-in-out;-moz-transition: opacity .25s ease-in-out;-o-transition: opacity .25s ease-in-out;transition: opacity .25s ease-in-out;}
#maintenance .portfolio .item:hover .hover { opacity: 1;*display: block;display: block\9;}
#maintenance .portfolio .item .hover a {display: block; width: 63px; height: 63px; position: absolute;}
#maintenance .portfolio .item .hover a:hover {background-position: 0 -63px;}
/*#maintenance .portfolio .item .hover {width: 290px; height: 190px;}*/
/*#maintenance .portfolio.large .item .hover {width: 460px; height: 300px;}*/
#maintenance .shake:hover {-webkit-animation: shake .5s linear 0s;-moz-animation: shake .5s linear 0s;}
/*#maintenance .item_large_icon {position: absolute; left: 160px; top: 75px; width: 150px; height: 150px;}*/

/* for battle array */
#list-container{ background:#fff; border-radius:6px; padding:0 16px;margin-top:20px;margin-bottom:20px;font-size:14px;}
#list-container caption{font-size:24px; line-height:28px;padding:10px;}
#list-container .table th, #list-container  .table td{text-align:center;}
#list-container i{padding-left:0;margin-left:-4px;}
#pagecount {margin-top: -4px;margin-bottom: 6px;}
.search-email-part{margin-bottom:4px;}
#search-email-btn {margin-top: -10px;}
#search-error{margin-top:4px;margin-bottom:6px;}
.ba-rank-icon{background:url(images/battle-array/ba-rank-icon.png) transparent 0 0 scroll; width:24px; height:24px; display:block; float:left;}
#rank-1{background-position:0 -24px;}
#rank-2{background-position:0 -48px;}
#rank-3{background-position:0 -72px;}
#rank-4{background-position:0 -96px;}
#rank-5{background-position:0 -120px;}
#rank-6{background-position:0 -144px;}
#rank-7{background-position:0 -168px;}
#rank-8{background-position:0 -192px;}
#rank-9{background-position:0 -216px;}
#rank-10{background-position:0 -240px;}
#rank-11{background-position:0 -264px;}
#rank-12{background-position:0 -288px;}
#rank-13{background-position:0 -312px;}
#rank-14{background-position:0 -336px;}
#rank-15{background-position:0 -360px;}
#rank-16{background-position:0 -384px;}
#rank-17{background-position:0 -408px;}
#rank-18{background-position:0 -432px;}
#rank-19{background-position:0 -456px;}
#rank-20{background-position:0 -480px;}
#rank-21{background-position:0 -504px;}
#rank-22{background-position:0 -528px;}
#rank-23{background-position:0 -552px;}
#rank-24{background-position:0 -576px;}
#rank-25{background-position:0 -600px;}
#rank-26{background-position:0 -624px;}
#rank-27{background-position:0 -648px;}
#rank-28{background-position:0 -672px;}
#rank-29{background-position:0 -696px;}
#rank-30{background-position:0 -720px;}
#robot{
	width:460px;
	clear:both;
	margin: 15px auto;
}
#robot-name{
	color: #333;
	font-size: 22px;
	text-align: center;
	margin: 30px 0 0;
}
.robot-icon-show, .robot-icon-link{
	background:url(images/robot-icon.png) no-repeat scroll 0 0 transparent;
	width:70px;
	height:70px;
	display:block;
	float:left;
	border:2px solid transparent;
	cursor:pointer;
	border-radius:6px;
	margin:20px;
}
.robot-icon-link:hover{
	border:2px solid #F90;
}
.robot-icon-show{
	cursor:auto;
	margin-top:0;
}
.robot-free{background:url(images/free-label.png) no-repeat scroll 0 0 transparent;width:39px;height:40px;display:block;margin:-1px 0 0 -1px;}
#dasher{
	background-position:0px  -80px;
}
#assassin{
	background-position:-240px  -80px;
}
#spider{
	background-position:-400px  -80px;
}
#hunter{
	background-position:-80px  -80px;
}
#thor{
	background-position:-160px  -80px;
}
#phoenix{
	background-position:-320px  -80px;
}
#ice{
	background-position:-480px  -80px;
}
#flame{
	background-position:-560px  -80px;
}

#guide{
	width:620px;
	margin:20px auto 0;
	font-size:14px;
}
.content-box{
	border: 1px solid #444;
	border-radius:3px;
	line-height: 60px;
	text-align: center;
	width: 120px;
	float:left;
	margin: 20px 0;
}
#guide i.fa-chevron-right{
	padding: 45px 10px 0;
	float:left;
}
#ajax-loading{width:120px; height:42px; border-radius:4px; line-height:32px; border:1px solid #d3d3d3; position:absolute; top:30%; left:40%; font-size:16px; padding:10px 0 0 90px; background:#fff url(images/loading.gif) no-repeat 30px 10px;-moz-box-shadow:1px 1px 2px rgba(0,0,0,.2); -webkit-box-shadow:1px 1px 2px rgba(0,0,0,.2); box-shadow:1px 1px 2px rgba(0,0,0,.2);}
#ajax-error{line-height:32px; position:absolute; top:30%; left:40%; font-size:16px; text-align:center; -moz-box-shadow:1px 1px 2px rgba(0,0,0,.2); -webkit-box-shadow:1px 1px 2px rgba(0,0,0,.2); box-shadow:1px 1px 2px rgba(0,0,0,.2);padding:20px;}
#ajax-error .btn{margin:-4px 0 0 6px;}

/* for battle-array new */


/* for infinite */
#craft-main {margin-top: 30px; }
.craft-decs{
	width:700px;
	display:block;
	clear:both;
	cursor:help;
}
.craft-decs .left-float{
	margin:0 0 0 12px;
	width:576px;
}
.craft-decs .title{
	font-weight:bold;
	font-size:18px;
}
span.orange{
	color:#F90;
	margin-left:16px;
}
.craft-icon-show{
	background:url(images/craft-icon.png) no-repeat scroll 0 0 transparent;
	width:100px;
	height:100px;
	display:block;
	float:left;
}
#ares{
}
#mercury{
	background-position:-114px 0;
}
#light{
	background-position:-228px 0;
}
#vulcan{
	background-position:0 -116px;
}
#striker{
	background-position:-114px -116px;
}
#pluto{
	background-position:-228px -116px;
}

/* for successful /product /maintenance */
#successful{text-shadow:0 1px #fff; margin-bottom:20px;}
#maintenance .tabbable, #successful .tabbable{margin-top:20px; font-size:14px;}
#maintenance .tabbable li.active a, #product .tabbable li.active a, #successful .tabbable li.active a{background-color:#509650; text-shadow:none;}
#maintenance .label, #product .label, #successful .label{text-shadow: none; font-size: 100%;}
#maintenance .label.label-info, #product .label.label-info, #successful .label.label-info{margin-bottom:10px;}
#maintenance #container, #product #container, #successful #container{position: relative; margin-top:10px;}
#maintenance #container li, #product #container li, #successful #container li {
	display: none; /** Hide items initially to avoid a flicker effect **/
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
#maintenance #container li.inactive, #product #container li.inactive, #successful #container li.inactive {visibility: hidden; opacity: 0; }
#maintenance #main, #product #main, #successful #main { position: relative;}
#maintenance span.label, #product span.label, #successful span.label{margin-right:4px;}
#maintenance p, #product p, #successful p{font-size:14px; margin-top: 10px;}
#successful .btn{color:#fff; text-shadow: none;}
#successful .btn.btn-ios{color:#666;}
#successful img{outline:none;}
#successful p{overflow-x: auto; overflow-y: hidden;}
/*滚动条样式*/
#successful p::-webkit-scrollbar {/*滚动条整体样式*/
	margin-top: 1px;
	width: 4px;     /*高宽分别对应横竖滚动条的尺寸*/
	height: 4px;
}
#successful p::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
	border-radius: 5px;
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
	background: rgba(0,0,0,0.2);
}
#successful p::-webkit-scrollbar-track {/*滚动条里面轨道*/
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
	border-radius: 0;
	background: rgba(0,0,0,0.1);
}

/* for news */
#news{padding-top:40px; font-size:14px; color:#666; text-shadow:0 1px #eee;}
#news .date{color:#777;font-family:Arial, Helvetica, sans-serif;font-weight:bold; background-color:#ccc; padding:20px; border-radius:6px; border: 1px solid #c0c0c0;min-height: 40px;}
#news .date-left{font-size:10px;line-height: 14px;padding-top:8px;}
#news .day{font-size:40px;float:right;line-height:40px;}
#news .return-list{display:block;margin-top: 10px;}
#news .content{background-color:#fff; border-radius:6px; box-shadow:0 3px 3px #ccc; -moz-box-shadow:0 3px 3px #ccc; -webkit-box-shadow:0 3px 3px #ccc; border: 1px solid #ccc;}
#news .content img {margin: 12px;}
#news p, #news h3{margin:15px 20px; max-width: 100%; height: auto;}
#news p{overflow-x: hidden;}
#news .meta{border-top: 1px solid #cecece; padding: 20px;}
#news .meta-date{border-right:1px solid #cecece; padding-right:20px;}
#news .btn.btn-success{color:#fff; text-shadow: none;}
.pagination .page-numbers{margin:0 4px;}
.pagination a.page-numbers{border-radius: 6px; padding: 12px 18px; background: #5cb85c; color: #fff; text-shadow: none; border:1px solid #4cae4c;}
.pagination a.page-numbers:hover{background-color: #449d44; border-color: #398439;}
.pagination .current{border-radius: 6px; padding: 12px 18px; text-shadow: none; border:1px solid #b2b2b2;}

/*for labotory*/
#labotory{position: relative; width: 100%; height: 93vh; z-index: 1060;margin-top: -4px;}

/* for about */
#about .btn{position:relative; z-index:2;}
a.no-link, a.link-logo{
	background:url(images/no-link.png) no-repeat transparent;
	display:block;
	float:left;
	width:50px;
	height:50px;
	margin:0 20px 0 0;
	border:#bbb 1px solid;
	border-radius:8px;
}
a.link-logo{
	background-image:none;
}
a.link-logo:hover{
	border-color:#F90;
}
.main-wrap a.link-logo img{
	margin:0;
}
.links-part{
	min-height:400px;
	margin:10px 0;
	padding:20px;
}
h3.link-title{
	font-size:12px;
	font-weight:bold;
	color:#360;
	line-height:60px;
	height:60px;
	margin:0;
	padding:0;
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
}
#our-link{margin-top:56px;}
#link-to-us{
	font-size:14px;
	color:#999;
	width:500px;
	height:70px;
	margin-bottom:-10px;
}

/* for service */
#canvas-show{margin-top:20px; margin-bottom:20px;}
#service #contact-us{color:#fff; text-indent:0; margin-top:-4px; text-shadow: none;}
#service-show-icon li{font-size:24px; padding:20px 32px 0;}
#service-show-icon li i{text-shadow:0 2px #666; color:#fff; position:absolute; margin:6.2% 0 0 -15.8%; font-size:72px;}
#service-show-icon li#website i{margin-left: -15.3%;}
#service-show-icon li#project-design i{margin-left: -14.9%;}
#service-show-icon li#develop i{margin-left: -13.9%;}
#service-show-icon li i:hover {-webkit-animation: shake .5s linear 0s;-moz-animation: shake .5s linear 0s;}
#service-show-icon li img{width: 100%;}
@-webkit-keyframes shake {0% {-webkit-transform: rotate(5deg)}15% {-webkit-transform: rotate(-5deg)}30% {-webkit-transform: rotate(5deg)}45% {-webkit-transform: rotate(-5deg)}60% {-webkit-transform: rotate(5deg)}75% {-webkit-transform: rotate(-5deg)}100% {-webkit-transform: rotate(0deg)}}
@-moz-keyframes shake {0% {-moz-transform: rotate(5deg)}15% {-moz-transform: rotate(-5deg)}30% {-moz-transform: rotate(5deg)}45% {-moz-transform: rotate(-5deg)}60% {-moz-transform: rotate(5deg)}75% {-moz-transform: rotate(-5deg)}100% {-moz-transform: rotate(0deg)}}

/* for contact */
#contact{font-family:'microsoft yahei',simsun,arial,sans-serif; padding: 20px 0; text-shadow:0 1px #fff;}
#contact .map-container{display:block; background-color:#fff; padding:6px;}
#contact .map{height:620px;}
#contact .address-detail{font-size:16px; line-height:28px;}
#contact .address-detail i{color:#390;width: 32px; text-align: center; }
#contact .email-form{margin:10px 0 12px;font-size:14px;}
#contact .email-form legend{font-size:18px; margin-bottom: 8px;line-height: 24px; border:none;}
#contact .add-on i{color:#999;}
#contact .input-xlarge{height:36px;}
#contact .add-on{line-height:35px;padding-left:14px;padding-right:14px;}
#contact .contact-subtitle{line-height:28px;font-size:14px; margin-right:20px;}
#contact .btn.btn-large.btn-danger{font-family:'microsoft yahei',simsun,arial,sans-serif;}
#contact .valid-number{font-size:16px; line-height:28px;}
#contact .valid-number .img-polaroid{padding: 3px 12px;border-radius: 4px;background-color: #eee;}
#contact .valid-number input{margin-top:6px;}
#contact .comment-input{margin-bottom: 10px;}
/* product main-wrap end*/

/* game-show start*/
.game-show h3{
	margin:0;
	padding:0;
}
.game-btn{
	color:#333;
	height:60px;
	background:#ddd url(images/download-icon.png) no-repeat;
	border:1px #aaa solid;
	display:block;
	cursor:pointer;
	border-radius:4px;
	padding:0;
	margin-right: 15px;
	/*margin-left: 40px;*/
	z-index:5;
	position:relative;
}
.game-btn:hover{
	color:#000;
	background-color:#fff;
}
.game-btn p{
	font-size:14px;
	line-height:58px;
	margin-left:20px;
}
.incoming, .incoming:hover{
	color:#aaa;
	background-color:#ccc;
	cursor:not-allowed;
}
.for-android{
	background-position:0 -60px;
}
.for-ios{
	background-position:0 -120px;
}
.for-3366{
	background-position:0 -184px;
}
.for-mochi{
	background-position:0 -240px;
}
.for-wandoujia{background-position:0 -296px;}
.for-25pp{background-position:0 -352px;}
.for-wp{background-position:0 -408px;}
.for-mi{background-position:0 -476px;}
.for-amazon{background-position:0 -537px;}
.for-weixin{background:url("images/weixin-mp-icon.png") 0 0 #ddd no-repeat;}
/* game-show end*/

/* register start */
.form-paper{max-width: 600px; margin: 0 auto 64px;}
#wp-submit{width: 150px; margin: 0 auto; font-family: 'microsoft yahei',simsun,arial,sans-serif;}
.submit-btn-part{text-align: center;}
.to-login{margin-top:10px; font-size: 14px;}
.to-login a{color: #006dcc;}
.to-login a:hover{color: #509650;}

.mailListBox{border:1px solid #e0e0e0; background-color:#fff; position:absolute; z-index:9999; display:none;}
.mailListBox ul{padding:0; margin:0;}
.mailListBox li{zoom:1;overflow:hidden;padding:0 3px; margin:0; border-top:1px solid #e0e0e0; list-style:none; font-size:12px; line-height:24px; cursor:pointer; color:#999999;}
.mailListBox li.hover{background-color:#e0e0e0;}
.mailListBox li.current{background-color:#999; color:#fff;}

.faq-content li {    display: list-item;    list-style-position: outside;    list-style-type: decimal; font-size: 14px; line-height: 18px; margin-top: 10px;}
.faq-content li li {    list-style-type: upper-alpha; font-size: 14px; line-height: 18px;}
.faq-content ol, .faq-content ol ol {margin-top: 10px;}
/* register end */

/* login start */
#captcha_img{margin-top: 10px;}
.jumbotron-lr{background: #2b2b2b; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; margin-bottom: 0; border: none; padding-top: 40px;}
.lr-divider{background: #2b2b2b url("images/bg-sides.png") bottom center; height: 25px;}
.content-lr{background: #eee url("images/bg-middle.jpg") top center no-repeat; padding-top: 64px; }
.lr-notice{font-size: 16px; text-align: center;}
.lr-notice a{-webkit-transition: all .2s linear;-moz-transition: all .2s linear;transition: all .2s linear;}
/* login end */

/* pwd-reset start */
#change_pwd{width: 150px; margin: 0 auto; font-family: 'microsoft yahei',simsun,arial,sans-serif;}
/* pwd-reset end */

/* passport start */
.jumbotron-passport{max-width: 980px; margin: 0 auto;}
.jumbotron-passport a{color: #627e5f;}
.jumbotron-passport a:hover{color: #fff;}
.passport-nav{padding-top: 20px;}
.passport-nav li>a{color: #77c04b; font-size: 16px; text-align: center;}
.passport-nav li.active>a, .passport-nav li.active>a:hover, .passport-nav li.active>a:focus, .passport-nav li>a:hover, .passport-nav li>a:focus{background-color:transparent;}
.passport-nav li a.active, .passport-nav li a.active:hover { color: #fff;background: #111; border-bottom: 1px solid #444; -moz-box-shadow: 0 2px 2px #000 inset; -webkit-box-shadow: 0 2px 2px #000 inset; box-shadow: 0 2px 2px #000 inset;}
.beta-mark{position: relative; top: -18px;}

.passport-content{max-width: 980px; margin: 30px auto;}
.passport-content a{-webkit-transition: all .2s linear;-moz-transition: all .2s linear;transition: all .2s linear;}
.passport-subtitle{ font-size: 18px; border-bottom: 1px solid #ccc; color: #444;}
.passport-subsection{color: #666; font-size: 14px; margin-bottom: 16px;}
.passport-subsection h4{ font-size: 14px; margin: 0;}
.passport-subsection p{margin: 0;}
.passport-content a.edit-link{font-size: 12px;color: #56a72d;}
.passport-content a.edit-link:hover{ color: #30741d; }
#games-tools {font-size: 14px;}
#buy-btn{font-size: 16px; color: #fff; margin-bottom: 16px;}
.passport-content .accordion-heading{background-color: #6a6e73; border-radius: 4px 4px 0 0;}
.passport-content .accordion-heading a{color:#b0afac;}
.passport-content .accordion-heading a:hover{color: #fff;}
.passport-content .accordion-inner{padding: 0;}
.passport-content .game-item{display: block; background-color: #f8f8f8; padding: 9px 15px; font-size: 16px;}
.passport-content .game-item:hover{background-color: #fff; }
.game-item .icon-chevron-right{color: #999; line-height: 48px;}
.game-item:hover .icon-chevron-right{color: #56a72d;}

.passport-content legend{border-bottom-color: #ccc; font-weight: bold; color: #666;}
.passport-small-title{margin: 0;font-size: 14px; font-weight: normal; color: #666;}

.form-paper.form-purchase{max-width: 980px;}

.passport-content #order-form{font-size: 12px;}
.passport-content #order-form th{font-weight: bold;}
.passport-content{font-size: 14px;}
.passport-content #order-form tr td{text-align: left;}

.passport-content .item-title{display: inline; margin-left: 6px;}
.passport-content #item-select .tab-content{background-color: #51504e; padding: 36px 30px; border:1px solid #ddd; border-top:none;}
.passport-content #item-select .nav{margin-bottom: 0; }
.passport-content #item-select .nav h4{color: #fff; }
.passport-content #item-select .nav-tabs a{padding: 16px 20px 2px;}
.passport-content #item-select .nav-tabs>.active>a, .passport-content #item-select .nav-tabs>.active>a:hover, .passport-content #item-select .nav-tabs>.active>a:focus{background-color: #51504e;}
.passport-content .pay-btn{color: #fff; width: 150px; margin: 0 auto; font-family: 'microsoft yahei',simsun,arial,sans-serif;}
.passport-content .tabbable {margin-bottom: 25px;}
.passport-content .e-part .block-title{font-size: 16px; margin-bottom: 4px; border-top: 1px solid #777; margin-top: 0; padding-top: 16px;}
.passport-content .e-part .block-description{margin-bottom: 20px;}
.passport-content .e-part .price{color: #00aeff;}
.passport-content .e-part .checked-sign{position: absolute; z-index: 11; font-size: 48px; bottom: 0; right: 0; display: none; -webkit-transition: all .2s linear;-moz-transition: all .2s linear;transition: all .2s linear; text-shadow: 0 0 5px #333;}
.passport-content .e-part label.checked .checked-sign, .passport-content .e-part label.checkedHover .checked-sign, .passport-content .e-part label.checkedFocus .checked-sign{display: block;}
.passport-content .e-part input[type="radio"],  .passport-content .e-part input[type="checkbox"]{position: absolute; margin: 0; z-index: -1;}
.passport-content .e-part label{position: relative; text-align: center; margin-bottom: 20px; background: rgba(39,56,76,0.9);;-moz-box-sizing: border-box;box-sizing: border-box;box-shadow: 0 0 12px rgba(0,0,0,0.4);-webkit-transition: all .2s linear;-moz-transition: all .2s linear;transition: all .2s linear; padding: 10px; border:1px solid transparent;cursor:pointer;width:auto;color:#fff;}
.passport-content .e-part label:after {content: "";position: absolute;top: 0;left: 0;z-index: 10;display: block;width: 100%;height: 100%;box-shadow: inset 0 0 0 1px rgba(0,0,0,0.7),inset 0 0 0 2px rgba(255,255,255,0.1);-webkit-transition: all .2s linear;-moz-transition: all .2s linear;transition: all .2s linear;}
.passport-content .e-part label.hover{border-color:#002a80; background:#203d60;}
.passport-content .e-part label.checked, .passport-content .e-part label.checkedHover, .passport-content .e-part label.checkedFocus{background: #2f4a6c;border-color:#24748c;}
.total-price{font-size: 24px;}
.item-list-delete{cursor: pointer; -webkit-transition: all .2s linear;-moz-transition: all .2s linear;transition: all .2s linear;}
.item-list-delete:hover{color: #56a72d}
#item-list .table th, #item-list .table td {vertical-align: middle;}
#item-list .table input {margin: 0;}
.e-subtitle{font-size: 18px; font-weight: bold; color: #999; padding-bottom: 10px; border-bottom: 1px solid #ddd; margin-bottom: 10px; margin-top: 10px; text-align: left;}
.passport-content .e-part#confirm-select label{background-color: #444; border-color: #ddd;}
.passport-content .e-part#confirm-select label.checked, .passport-content .e-part#confirm-select label.checkedHover, .passport-content .e-part#confirm-select label.checkedFocus{background-color: #333;}
.passport-content .e-part label.disabled, .passport-content .e-part label.disabled:hover, .passport-content .e-part label.disabled:focus {background-color: #666; border-color: #999; cursor: not-allowed;}
.passport-content .e-part#confirm-select label.disabled{background-color: #666; border: #999;}
.passport-content .e-part label.disabled:after{box-shadow: none;}
.passport-content .e-part label.disabled img{opacity: 0.5;}
.passport-content .pay-method{margin-bottom: 24px;}

.passport-content #order-form #ajax-loading{top:75%; left: 45%;}
.passport-content #order-form #ajax-error{line-height:32px; position:absolute; top:75%; left:45%; font-size:16px; text-align:center; -moz-box-shadow:1px 1px 2px rgba(0,0,0,.2); -webkit-box-shadow:1px 1px 2px rgba(0,0,0,.2); box-shadow:1px 1px 2px rgba(0,0,0,.2);padding:20px;}
/* passport end */

/* product aside start */
.sidebar{
	font-size:16px;
}
.sidebar .title{
	background: url(images/listbk.png) 0 10px no-repeat;
	height: 50px;
	padding: 0 0 10px 0;
}
.sidebar h2{
	line-height: 40px;
	font-size: 18px;
	font-weight: bold;
	float:left;
	margin: 0;
}
.sidenav {
	width: 228px;
	margin: 30px 0 0;
	padding: 0;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.065);
	-moz-box-shadow: 0 1px 4px rgba(0,0,0,.065);
	box-shadow: 0 1px 4px rgba(0,0,0,.065);
}
.sidenav > li > a {
	display: block;
	width: 190px \9;
	margin: 0 0 -1px;
	padding: 8px 14px;
	border: 1px solid #e5e5e5;
	background-color:#fff;
}
.sidenav > li:first-child > a {
	-webkit-border-radius: 6px 6px 0 0;
	-moz-border-radius: 6px 6px 0 0;
	border-radius: 6px 6px 0 0;
}
.sidenav > li:last-child > a {
	-webkit-border-radius: 0 0 6px 6px;
	-moz-border-radius: 0 0 6px 6px;
	border-radius: 0 0 6px 6px;
}
.sidenav > .active > a {
	color: #fff;
	position: relative;
	z-index: 2;
	padding: 9px 15px;
	border: 0;
	text-shadow: 0 1px 0 rgba(0,0,0,.15);
	-webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
	-moz-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
	box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
}
/* Chevrons */
.sidenav .fa-chevron-right, .sidenav .fa-chevron-up {
	float: right;
	margin-top: 2px;
	margin-right: -6px;
	opacity: .25;
}
.sidenav > li > a:hover {
	background-color: #f5f5f5;
}
.sidenav a:hover .fa-chevron-right, .sidenav a:hover .fa-chevron-up {
	opacity: .5;
}
.sidenav .active .fa-chevron-right,
.sidenav .active a:hover .fa-chevron-right,
.sidenav .active .fa-chevron-up,
.sidenav .active a:hover .fa-chevron-up {
	opacity: 1;
}
.nav-list>.active>a, .nav-list>.active>a:hover, .nav-list>.active>a:focus {
	background-color: #390;
}
.sidenav.affix {
	top: 70px;
	margin-top:10px;
}
.sidenav.affix-bottom {
	position: absolute;
	top: auto;
	bottom: 270px;
}
#back-to-top-link{
	line-height:40px;
	background:url(images/left-menu-icon.png) no-repeat scroll right -120px transparent;
	display:block;
	border:none;
}
/* product aside end*/

/* footer start */
footer{
	text-align: center;
	font-size: 12px;
	padding:25px 0;
	color: #999;
	background-color: #232323;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #444;
}
footer p{margin:0;}
footer a, footer a:link{color:#eee;}
footer a:hover{color:#56e90e;}

/* footer end*/

/* robot detail start */
.detail-content{
	background-color:#666;
	color:#eee;
	padding:30px 0 0;
	min-height:200px;
}
.detail-summary{
	float:left;
	font-size:14px;
	max-width:350px;
}
.detail-value{
	display:block;
	float:left;
	margin:-44px 0 0 90px;
}
.detail-hp, .detail-atk, .detail-range{
	background:url(images/health.png) no-repeat scroll 0px 0px transparent;
	height:24px;
	float: left;
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 0 20px;
	padding-left:22px;
}
.detail-atk{
	background-position:0px -20px;
}
.detail-range{
	background-position:0px -40px;
}
.robot-skill-list{
	margin: 40px 0 0;
	position: relative;
	width:540px;
}
.robot-skill-description{
	float: left;
	font-size: 14px;
	margin: 0px 0 20px 20px;
	width:410px;
}
.robot-skill-description .title{
	display:block;
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 4px 0;
}
.robot-skill-description .description{
	display:block;
}
.robot-skill-description .cost{
	display:block;
}
.robot-skill-show{
	background:url(images/skill-icon.png) no-repeat scroll 0px 0px transparent;
	width:70px;
	height:70px;
	display:block;
	margin: 0px 0 10px 23px;
	float:left;
}
#s1-1{
	background-position:0px -80px;
}
#s1-2{
	background-position:-80px -80px;
}
#s2-1{
	background-position:0px -160px;
}
#s2-2{
	background-position:-80px -160px;
}
#s3-1{
	background-position:0px -240px;
}
#s3-2{
	background-position:-80px -240px;
}
#s4-1{
	background-position:0px -320px;
}
#s4-2{
	background-position:-80px -320px;
}
#s5-1{
	background-position:0px -400px;
}
#s5-2{
	background-position:-80px -400px;
}
#s6-1{
	background-position:0px -480px;
}
#s6-2{
	background-position:-80px -480px;
}
#s7-1{
	background-position:0px -560px;
}
#s7-2{
	background-position:-80px -560px;
}
#s8-1{
	background-position:0px -640px;
}
#s8-2{
	background-position:-80px -640px;
}
/* robot detail end */

/* loading start */
#loading{position:fixed; bottom:10px; width:100%; z-index:20;}
.loading-box{background:rgba(0, 0, 0, 0.5); border:1px #666 solid; border-radius:3px;padding:10px 0 10px 30px; width:160px; height:50px; margin:0 auto;}
.loading-box img{float:left;}
.loading-text{margin:4px 0 0 10px; font-size:16px; color:#fff; font-weight:bold; float:left;}
/* loading end */

/* update log start */
.update-log{
	color:#8f8f8f;
}
.update-log p{
	font-size:14px;
	line-height:18px;
}
.update-log p.title{
	font-size:16px;
	color:#444;
	margin:0 0 10px;
}
/* update log end */

/* hot start*/
.product-nav{
	padding-bottom:20px;
	margin-bottom:20px;
	text-shadow:0 1px #fff;
}
.product-summary{
	text-align:left;
	white-space:normal;
	min-height:151px;
}
.product-summary p{
	height:80px;
	overflow:hidden;
}
.tag-label{
	width:54px;
	text-align:center;
	text-shadow: none;
}
.product-summary .tag-label{
	margin-bottom:10px;
	width:33%;
}
.product-summary span.label{
	text-align:center;
	text-shadow: none;
	margin-bottom:10px;
	margin-right:6px;
}
.hot-icon{
	width:102px;
	height:102px;
	display:block;
	float:left;
	margin:0 10px 10px 0;
}
.hot-icon img{width:100%; border-radius: 10px;}
#hot-icon-ba{
	background-position:-52px -1322px;
}
#hot-icon-in{
	background-position:-52px -1002px;
}
#hot-icon-js{
	background-position:-52px -682px;
}
#hot-icon-ufo{
	background-position:-52px -1642px;
}
.img-label{
	background:url(images/label.png) no-repeat;
	width:44px;
	height:49px;
	display:block;
	position:absolute;
	z-index:10;
	margin:6px 0 0 -6px;
}
#label-new{
}
#label-rec{
	background-position:-46px 0;
}
#label-hot{
	background-position:-92px 0;
}
/* hot end*/

/* bottom news start */
.news-part{
	width:100%;
	min-height:128px;
	padding:20px 0;
	margin-bottom:20px;
	text-shadow:0 1px #fff;
}
.news{
	min-height:128px;
}
.first-news, .more-news{
	padding:6px;
}
.first-news .media-body {margin-top: 4px;}
.first-news img{max-width:96px; max-height:96px;}
/* bottom news end */

/* contact news start */
.service ul{
	margin-top:12px;
}
.contact-part{text-shadow:0 1px #fff; padding-bottom:30px;}
.contact-part .btn{color:#fff; text-shadow: none;}
.rss{padding-top: 20px;}
.rss input{
	max-width: 180px;
	margin-top: 10px;
}
/* contact news end */

/* bottom-nav start*/
.bottom-nav{
	font-size: 14px;
	line-height: 30px;
	color: #CCC;
	text-shadow: 0 1px 0 black;
	background:#333;
	padding:26px 0 20px;
}
.bottom-nav a{
	text-decoration:none;
	display:block;
	height:24px;
	line-height:24px;
	color:#999;
}
.bottom-nav a:hover{color:#fff;}
.bottom-nav ul{
	margin:0 auto;
	padding: 0;
}
.bottom-nav ul li{
	display:block;
	margin-bottom: 10px;
}
.bottom-nav a{
	border-left: 1px solid #eeeeee;
}
.bottom-nav a:first-child{
	border-left: 1px solid rgba(0, 0, 0, 0);
}
.bottom-nav i{
	padding-right:2px;
}
/* bottom-nav end */

/* public */
.clear{
	clear:both;
}
.hidden{
	text-indent:-9999px;
	position:absolute;
	z-index:-1;
}
.line-cutter{
	background-color: white;
	border-bottom: 5px solid #77c04b;
	/*margin-bottom: 5px;*/
	overflow: hidden;
	position: relative;
}
.line-cutter-thin{
	display:block;
	background-color: white;
	border-top:1px solid #ccc;
	border-bottom: 1px solid #fff;
	overflow: hidden;
}
.center-text{
	text-align:center;
}
.gray-text{color:#999;}
.black-text{color:#000;}
.white-text{color:#fff;}
.white-bg{background-color:#000;}
.small-font, p.small-font, span.small-font{
	font-size:12px;
}
.left-float{
	float:left;
}
.bottom-20{
	margin-bottom:20px;
}
.bottom-40{
	margin-bottom:40px;
}
.no-para{
	text-indent:0;
}
.no-bottom-line{
	border-bottom:none;
}
span.disabled{color:#999;}
.part-title{
	font-size:16px;
	color:#aaa;
	border-bottom:1px #bbb dotted;
	text-shadow:0 1px #fff;
	margin-bottom: 10px;
}
.part-title a{color: #aaa;}
.pointer-cursor{cursor:pointer;}
.margin-for-top{margin-top:54px;}
.tooltip-inner{text-shadow:none;}
.tooltip .rank{font-size:14px; width:200px;}
.tooltip .rank p{line-height:24px;font-size:14px;}
.kbd{
	padding: 0.1em 0.6em;
	border: 1px solid #CCC;
	font-size: 16px;
	font-family: Arial,Helvetica,sans-serif;
	background-color: #F7F7F7;
	color: #333;
	-moz-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.2),0 0 0 2px #ffffff inset;
	-webkit-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.2),0 0 0 2px white inset;
	box-shadow: 0 1px 0px rgba(0, 0, 0, 0.2),0 0 0 2px white inset;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	display: inline-block;
	margin: 0 0.3em;
	text-shadow: 0 1px 0 white;
	line-height: 1.4;
	white-space: nowrap;
}
h1.text-404{margin-bottom:30px;}
p.text-404{font-size:16px;margin-bottom:30px;}
.img-404{display:block;width:444px; height:487px; margin:20px auto;}
#scroll-up{display:block; width:42px; height:42px; background:#444; border:1px solid rgba(0, 0, 0, 0.85); border-radius:5px; position:fixed; bottom:40px; right:30px; color:#111; text-shadow:0 1px #666;
	-webkit-transition: all .2s linear;-moz-transition: all .2s linear;transition: all .2s linear;}
#scroll-up:hover{background:rgba(0, 0, 0, 0.9); color:#fff;}
#scroll-up i{line-height:38px; padding-left:8px;}
/*new label & badge*/
.label-lime,.badge-lime{background-color:#a4c400 !important}
.label-green,.badge-green{background-color:#60a917 !important}
.label-emerald,.badge-emerald{background-color:#008a00 !important}
.label-teal,.badge-teal{background-color:#00aba9 !important}
.label-cyan,.badge-cyan{background-color:#1ba1e2 !important}
.label-indigo,.badge-indigo{background-color:#6a00ff !important}
.label-violet,.badge-violet{background-color:#a0f !important}
.label-cobalt,.badge-cobalt{background-color:#0050ef !important}
.label-pink,.badge-pink{background-color:#dc4fad !important}
.label-magenta,.badge-magenta{background-color:#d80073 !important}
.label-crimson,.badge-crimson{background-color:#a20025 !important}
.label-olive,.badge-olive{background-color:#6d8764 !important}
.label-steel,.badge-steel{background-color:#647687 !important}
.label-mauve,.badge-mauve{background-color:#76608a !important}
.label-taupe,.badge-taupe{background-color:#87794e !important}

/*plugins*/
/*limaquee*/
/*Plugin CSS*/
.str_wrap {
	overflow:hidden;
//zoom:1;
	width:100%;
	font-size:12px;
	line-height:16px;
	position:relative;
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;
	white-space:nowrap;
}
.str_move {
	white-space:nowrap;
	position:absolute;
	top:0;
	left:0;
	cursor:move;
}
.str_move_clone {
	display:inline-block;
//display:inline;
//zoom:1;
	vertical-align:top;
	position:absolute;
	left:100%;
	top:0;
}
.str_vertical .str_move_clone {
	left:0;
	top:100%;
}
.str_down .str_move_clone {
	left:0;
	bottom:100%;
}
.str_vertical .str_move,
.str_down .str_move {
	white-space:normal;
	width:100%;
}
.str_static .str_move,
.no_drag .str_move,
.noStop .str_move{
	cursor:inherit;
}
.str_wrap img {
	max-width:none !important;
}

/* Responsive */
/* 超大宽度 */
@media (min-width: 1600px) {
	.navbar-nav{float: right!important;}

	.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container{width:1600px;}
	.product-summary .tag-label {width: 30.22%;}
	/*#product .item_large_icon{left:275px;}*/
	.sidenav{width:268px;}

	#service-show-icon li i{margin:76px 0 0 -160px;}
	#service-show-icon li#website i{margin-left: -154px;}
	#service-show-icon li#project-design i{margin-left: -154px;}
	#service-show-icon li#develop i{margin-left: -146px;}

	/*#product .portfolio.large .item a.image, #product .item_large_icon, #product .portfolio.large .item .hover{margin-left: 108px;}*/

	#news .date-left{font-size:14px;line-height:16px;padding-top:5px;}

	.news-box p a{-webkit-transition: all .2s linear;-moz-transition: all .2s linear;transition: all .2s linear;color: #333; border-bottom:1px dotted #333;}
	.news-box p a:hover{color: #509650; border-color: #509650;}
}

/* 过渡1 */
@media (min-width: 980px) and (max-width: 1599px) {
	.product-summary .tag-label {width: 28.96%;}
	.navbar-nav{float: right!important;}

	#service-show-icon li i{font-size:46px; margin:49px 0 0 -107px;}
	#service-show-icon li#website i{margin-left: -105px;}
	#service-show-icon li#project-design i{margin-left: -105px;}
	#service-show-icon li#develop i{margin-left: -97px;}
}

/* 过渡2 */
@media (min-width: 980px) and (max-width: 1199px) {
	.product-summary .tag-label {width: 27.84%;}
	.navbar-nav{float: right!important;}

	/*#product .portfolio.large .item a.image{width:356px;}*/
	/*#product .portfolio.large .item .hover{width:356px; height:232px;}*/
	/*#product .item_large_icon {position: absolute;left: 136px; width: 120px;height: 120px;}*/

	#service-show-icon li i{font-size:36px;margin:36px 0 0 -82px;}
	#service-show-icon li#website i{margin-left: -80px;}
	#service-show-icon li#project-design i{margin-left: -80px;}
	#service-show-icon li#develop i{margin-left: -76px;}

	.game-btn{ background-image:none;}
	.game-btn p{margin-left:0;}
	.search-email-part #search-email{width:180px;}

	header nav a{font-size: 14px;}

	#news .date-left{font-size:6px;margin-top:-2px;}
	#news .day{font-size:34px;}
}

/* 平板电脑和小屏电脑之间的分辨率 */
@media (min-width: 768px) and (max-width: 979px) {
	.navbar>li>.dropdown-menu{right:auto; width:auto;}
	.navbar-nav{float: right!important;}
	header nav li, header .navbar-nav>li{margin-right: 0;}
	header nav a{font-size: 14px;}
	header nav .nav>li>a, .nav>li>a{padding: 10px 5px;}

	.product-summary .tag-label {width: 96%;}
	.hot-icon{width:144px;float:none;}
	.hot-desc h4{margin-top:62px;}
	.product-summary{height:387px;}
	.sidenav{width:160px;}
	.rss .email-input{width:90px;}
	.bottom-nav blockquote {padding-left:12px;}
	.bottom-nav a{font-size:12px;}

	#service-show-icon li i{font-size:48px;margin: 33px 0 0 -92px;}
	#service-show-icon li#website i{margin-left: -88px;}
	#service-show-icon li#project-design i{margin-left: -88px;}
	#service-show-icon li#develop i{margin-left: -81px;}

	/*#product .portfolio.large .item a.image{width:252px;}*/
	/*#product .portfolio.large .item .hover{width:252px; height:164px;}*/
	/*#product .item_large_icon {position: absolute;left: 84px;top: 44px;width: 96px;height: 96px;}*/

	.game-btn{ background-image:none;}
	.game-btn p{margin-left:0; font-size:12px;}
	.search-email-part #search-email{width:120px;}

	#news .date-left{margin-left:16px;margin-right:5px;line-height: 13px;padding-top: 7px;}
	#news .date-left .year{margin-top:-2px;}
	#news .day{font-size:26px;}
	#news .date {margin-bottom: 10px;}

	.service h4.media-heading{font-size:14px;}

	.navbar .nav>li>a.login-link, .navbar .nav>li>a.reg-link{padding: 10px 15px; margin: 2px;}

	.passport-title{font-size: 32px;}
	#buy-btn{font-size: 14px;}
}

/* 横向放置的手机和竖向放置的平板之间的分辨率 */
@media (max-width: 767px) {
	.navbar>li>.dropdown-menu{right:auto; width:auto;}


	.navbar-nav{float: left!important; width: 100%; margin: 7.5px 0;}

	header nav li {float: none;}

	.product-summary .tag-label {width: 100px;}
	.bottom-nav blockquote{border-left:none;}

	#maintenance .portfolio, #product .portfolio{margin:20px auto 60px;}
	/*#product .portfolio.large .item a.image{width:100%; height:auto; border-radius: 20px;}*/
	#maintenance .portfolio.large .item a .imageBg, #product .portfolio.large .item a .imageBg{display:none; background-size: cover;}
	#maintenance .portfolio.large .item .hover, #product .portfolio.large .item .hover{display:none;}
	/*#product .item_large_icon{position:relative; top:auto; left:auto; width:auto; height:auto;}*/

	#news .date{margin-bottom:10px;}
	#news .return-list{margin-bottom:6px;}
	#news .phone-single-date{line-height:30px; min-height:16px; padding:10px;}

	.navbar .nav>li>a.login-link, .navbar .nav>li>a.reg-link, .navbar .nav>li>a.user-link, .navbar .nav>li>a.logout-link{padding: 10px 15px; margin: 2px;}

	.jumbotron-lr{padding-top: 10px; padding-bottom: 10px;}
	.lr-divider{height:0;}
	.content-lr{padding-top:36px;}

	/*.game-btn p{display: none;}*/

	.jumbotron-passport ul.dropdown-menu{position: static; top: auto; float: none;}
	.passport-nav li>a{text-align: left;}
}

/* 横向放置的手机及分辨率更小的设备 */
@media (max-width: 480px) {
	.bottom-nav blockquote{border-left:none;}

	.game-btn p{display: none;}
}

/*支持弹性布局*/
.row-flex{display: flex; flex-wrap: wrap;}
.flex-grow-1{flex-grow: 1;}