/* 超小屏幕（手机，小于 768px） */
/* 没有任何媒体查询相关的代码，因为这在 Bootstrap 中是默认的（还记得 Bootstrap 是移动设备优先的吗？） */
.section .mask{
	z-index: 1;
	position: absolute;
	background: repeating-radial-gradient(circle, rgba(0,0,0,.8), rgba(0,0,0,.99) 100%);
	background: -ms-repeating-radial-gradient(circle, rgba(0,0,0,.8), rgba(0,0,0,.99) 100%);
	left:0;
	top:0;
	right:0;
	bottom:0;
}
.section .container{
	position: relative;
	z-index: 999;
}
.text3d {
	line-height: 1.2 !important;
	font-family: 'Lato', sans-serif;
	font-weight: bold;
	font-size: 32px;
	color: #ff0;
	letter-spacing: 1px;
	text-shadow:  	
	0px 1px 0 #222, 
	0px 2px 0 #222, 
	0px 3px 0 #222, 
	0px 4px 0 #222, 
	0px 5px 0 #222;
}
.ellipsis {
	display: block;
	width: 100%;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.ellipsis-2 {
	display: -webkit-box;
	overflow: hidden;
	white-space: normal!important;
	text-overflow: ellipsis;
	word-wrap: break-word;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
ul.dot, ul.dot > li{padding:0;margin: 0;list-style: none;}
ul.dot > li{background-image: url('/public/topic/images/ico.png');background-position: left 5px;background-repeat: no-repeat;padding-left: 15px;}
.bp-tc{background-position: top center !important;}
#copy{text-align: center;margin: 50px 0 80px;}
#copy > p, #copy a{color: #fff !important;text-shadow: 1px 1px 0 #000;}
#copy > .code{display: inline-block;margin-left: auto;margin-right: auto;margin-bottom: 30px;border: 10px solid #ffffff;background-color: #fff;color: #333333;border-radius: 5px;-moz-box-shadow:2px 2px 5px #333333; -webkit-box-shadow:2px 2px 5px #333333; box-shadow:2px 2px 5px #333333;}
#copy > .code img{display: block;margin-bottom: 15px;}
.m-0 {margin: 0 !important;}
.m-1 {margin: 1px !important;}
.m-2 {margin: 2px !important;}
.m-3 {margin: 3px !important;}
.m-4 {margin: 4px !important;}
.m-5 {margin: 5px !important;}
.m-10 {margin: 10px !important;}
.m-15 {margin: 15px !important;}
.m-20 {margin: 20px !important;}
.m-25 {margin: 25px !important;}
.m-30 {margin: 30px !important;}
.m-40 {margin: 40px !important;}
.m-50 {margin: 50px !important;}
.mt-0 {margin-top: 0 !important;}
.mt-1 {margin-top: 1 !important;}
.mt-2 {margin-top: 2 !important;}
.mt-3 {margin-top: 3 !important;}
.mt-4 {margin-top: 4 !important;}
.mt-5 {margin-top: 5px !important;}
.mt-10 {margin-top: 10px !important;}
.mt-15 {margin-top: 15px !important;}
.mt-20 {margin-top: 20px !important;}
.mt-25 {margin-top: 25px !important;}
.mt-30 {margin-top: 30px !important;}
.mt-40 {margin-top: 40px !important;}
.mt-50 {margin-top: 50px !important;}
.mb-0 {margin-bottom: 0 !important;}
.mb-1 {margin-bottom: 1 !important;}
.mb-2 {margin-bottom: 2 !important;}
.mb-3 {margin-bottom: 3 !important;}
.mb-4 {margin-bottom: 4 !important;}
.mb-5 {margin-bottom: 5px !important;}
.mb-10 {margin-bottom: 10px !important;}
.mb-15 {margin-bottom: 15px !important;}
.mb-20 {margin-bottom: 20px !important;}
.mb-25 {margin-bottom: 25px !important;}
.mb-30 {margin-bottom: 30px !important;}
.mb-40 {margin-bottom: 40px !important;}
.mb-50 {margin-bottom: 50px !important;}
.ml-0 {margin-left: 0 !important;}
.ml-1 {margin-left: 1 !important;}
.ml-2 {margin-left: 2 !important;}
.ml-3 {margin-left: 3 !important;}
.ml-4 {margin-left: 4 !important;}
.ml-5 {margin-left: 5px !important;}
.ml-10 {margin-left: 10px !important;}
.ml-15 {margin-left: 15px !important;}
.ml-20 {margin-left: 20px !important;}
.ml-25 {margin-left: 25px !important;}
.ml-30 {margin-left: 30px !important;}
.ml-40 {margin-left: 40px !important;}
.ml-50 {margin-left: 50px !important;}
.mr-0 {margin-right: 0 !important;}
.mr-1 {margin-right: 1 !important;}
.mr-2 {margin-right: 2 !important;}
.mr-3 {margin-right: 3 !important;}
.mr-4 {margin-right: 4 !important;}
.mr-5 {margin-right: 5px !important;}
.mr-10 {margin-right: 10px !important;}
.mr-15 {margin-right: 15px !important;}
.mr-20 {margin-right: 20px !important;}
.mr-25 {margin-right: 25px !important;}
.mr-30 {margin-right: 30px !important;}
.mr-40 {margin-right: 40px !important;}
.mr-50 {margin-right: 50px !important;}
.p-0 {padding: 0 !important;}
.p-1 {padding: 1px !important;}
.p-2 {padding: 2px !important;}
.p-3 {padding: 3px !important;}
.p-4 {padding: 4px !important;}
.p-5 {padding: 5px !important;}
.p-10 {padding: 10px !important;}
.p-15 {padding: 15px !important;}
.p-20 {padding: 20px !important;}
.p-25 {padding: 25px !important;}
.p-30 {padding: 30px !important;}
.p-40 {padding: 40px !important;}
.p-50 {padding: 50px !important;}
.pt-0 {padding-top: 0 !important;}
.pt-1 {padding-top: 1 !important;}
.pt-2 {padding-top: 2 !important;}
.pt-3 {padding-top: 3 !important;}
.pt-4 {padding-top: 4 !important;}
.pt-5 {padding-top: 5px !important;}
.pt-10 {padding-top: 10px !important;}
.pt-15 {padding-top: 15px !important;}
.pt-20 {padding-top: 20px !important;}
.pt-25 {padding-top: 25px !important;}
.pt-30 {padding-top: 30px !important;}
.pt-40 {padding-top: 40px !important;}
.pt-50 {padding-top: 50px !important;}
.pb-0 {padding-bottom: 0 !important;}
.pb-1 {padding-bottom: 1 !important;}
.pb-2 {padding-bottom: 2 !important;}
.pb-3 {padding-bottom: 3 !important;}
.pb-4 {padding-bottom: 4 !important;}
.pb-5 {padding-bottom: 5px !important;}
.pb-10 {padding-bottom: 10px !important;}
.pb-15 {padding-bottom: 15px !important;}
.pb-20 {padding-bottom: 20px !important;}
.pb-25 {padding-bottom: 25px !important;}
.pb-30 {padding-bottom: 30px !important;}
.pb-40 {padding-bottom: 40px !important;}
.pb-50 {padding-bottom: 50px !important;}
.pl-0 {padding-left: 0 !important;}
.pl-1 {padding-left: 1 !important;}
.pl-2 {padding-left: 2 !important;}
.pl-3 {padding-left: 3 !important;}
.pl-4 {padding-left: 4 !important;}
.pl-5 {padding-left: 5px !important;}
.pl-10 {padding-left: 10px !important;}
.pl-15 {padding-left: 15px !important;}
.pl-20 {padding-left: 20px !important;}
.pl-25 {padding-left: 25px !important;}
.pl-30 {padding-left: 30px !important;}
.pl-40 {padding-left: 40px !important;}
.pl-50 {padding-left: 50px !important;}
.pr-0 {padding-right: 0 !important;}
.pr-1 {padding-right: 1 !important;}
.pr-2 {padding-right: 2 !important;}
.pr-3 {padding-right: 3 !important;}
.pr-4 {padding-right: 4 !important;}
.pr-5 {padding-right: 5px !important;}
.pr-10 {padding-right: 10px !important;}
.pr-15 {padding-right: 15px !important;}
.pr-20 {padding-right: 20px !important;}
.pr-25 {padding-right: 25px !important;}
.pr-30 {padding-right: 30px !important;}
.pr-40 {padding-right: 40px !important;}
.pr-50 {padding-right: 50px !important;}

.col-xs-20 {float: left;width: 20%;position: relative;min-height: 1px;padding-left: 15px;padding-right: 15px;}
.row .col-xs-20 {padding-left: 15px;padding-right: 15px;}
.row-gutter-0 {margin-left: 0;margin-right: 0;}
.row-gutter-0>.col-xs-1,
.row-gutter-0>.col-xs-2,
.row-gutter-0>.col-xs-3,
.row-gutter-0>.col-xs-4,
.row-gutter-0>.col-xs-5,
.row-gutter-0>.col-xs-6,
.row-gutter-0>.col-xs-7,
.row-gutter-0>.col-xs-8,
.row-gutter-0>.col-xs-9,
.row-gutter-0>.col-xs-10,
.row-gutter-0>.col-xs-11,
.row-gutter-0>.col-xs-12,
.row-gutter-0>.col-xs-20 {padding-left: 0;padding-right: 0;}
.row-gutter-10 {margin-left: -5px;  margin-right: -5px;}
.row-gutter-10>.col-xs-1,
.row-gutter-10>.col-xs-2,
.row-gutter-10>.col-xs-3,
.row-gutter-10>.col-xs-4,
.row-gutter-10>.col-xs-5,
.row-gutter-10>.col-xs-6,
.row-gutter-10>.col-xs-7,
.row-gutter-10>.col-xs-8,
.row-gutter-10>.col-xs-9,
.row-gutter-10>.col-xs-10,
.row-gutter-10>.col-xs-11,
.row-gutter-10>.col-xs-12,
.row-gutter-10>.col-xs-20 {padding-left: 5px;padding-right: 5px;}
.row-gutter-20 { margin-left: -10px;  margin-right: -10px;}
.row-gutter-20>.col-xs-1,
.row-gutter-20>.col-xs-2,
.row-gutter-20>.col-xs-3,
.row-gutter-20>.col-xs-4,
.row-gutter-20>.col-xs-5,
.row-gutter-20>.col-xs-6,
.row-gutter-20>.col-xs-7,
.row-gutter-20>.col-xs-8,
.row-gutter-20>.col-xs-9,
.row-gutter-20>.col-xs-10,
.row-gutter-20>.col-xs-11,
.row-gutter-20>.col-xs-12,
.row-gutter-20>.col-xs-20 {padding-left: 10px;padding-right: 10px;}


/* 手机专用（小于 768px） */
@media (max-width: 767px){
	/* 侧边导航*/
	body {max-width: 100%; }
	.navbar-nav {margin: 0px -15px;}
	button.navbar-toggle{position: absolute;right:15px;top: 15px;z-index: 99;}
	.navbar-toggle {margin-top: 0; margin-right: 0; margin-bottom: 0;}
	.navbar-offcanvas {overflow-y: auto;}
}

/* 小屏幕（平板，大于等于 768px） */
@media (min-width: 768px) {
	.text3d {font-size: 80px;color: #ff0;letter-spacing: .2em;text-shadow:  -1px -1px 1px #fff, 0px 1px 0 #222, 0px 2px 0 #222, 0px 3px 0 #222, 0px 4px 0 #222, 0px 5px 0 #222, 0px 6px 0 #222, 0px 7px 0 #222, 0px 8px 0 #222, 0px 9px 0 #222, 0px 10px 0 #222, 0px 11px 0 #222, 0px 12px 0 #222, 0px 13px 0 #222, 0px 14px 0 #222, 0px 15px 0 #222,2px 20px 5px rgba(0, 0, 0, 0.9),5px 23px 5px rgba(0, 0, 0, 0.3),8px 27px 8px rgba(0, 0, 0, 0.5),8px 28px 35px rgba(0, 0, 0, 0.9);}
	#copy{font-size: 18px;}
	#copy a{color: #fff !important;}
	.row-gutter-40 { margin-left: -20px;  margin-right: -20px;}
	.row-gutter-40>.col-xs-1, .row-gutter-40>.col-xs-2, .row-gutter-40>.col-xs-3, .row-gutter-40>.col-xs-4, .row-gutter-40>.col-xs-5, .row-gutter-40>.col-xs-6, .row-gutter-40>.col-xs-7, .row-gutter-40>.col-xs-8, .row-gutter-40>.col-xs-9, .row-gutter-40>.col-xs-10, .row-gutter-40>.col-xs-11, .row-gutter-40>.col-xs-12, .row-gutter-40>.col-xs-20 {padding-left: 20px; padding-right: 20px;}
	.row-gutter-50 { margin-left: -25px;  margin-right: -25px;}
	.row-gutter-50>.col-xs-1, .row-gutter-50>.col-xs-2, .row-gutter-50>.col-xs-3, .row-gutter-50>.col-xs-4, .row-gutter-50>.col-xs-5, .row-gutter-50>.col-xs-6, .row-gutter-50>.col-xs-7, .row-gutter-50>.col-xs-8, .row-gutter-50>.col-xs-9, .row-gutter-50>.col-xs-10, .row-gutter-50>.col-xs-11, .row-gutter-50>.col-xs-12, .row-gutter-50>.col-xs-20 {padding-left: 25px; padding-right: 25px;}
	.row-gutter-60 { margin-left: -30px;  margin-right: -30px;}
	.row-gutter-60>.col-xs-1, .row-gutter-60>.col-xs-2, .row-gutter-60>.col-xs-3, .row-gutter-60>.col-xs-4, .row-gutter-60>.col-xs-5, .row-gutter-60>.col-xs-6, .row-gutter-60>.col-xs-7, .row-gutter-60>.col-xs-8, .row-gutter-60>.col-xs-9, .row-gutter-60>.col-xs-10, .row-gutter-60>.col-xs-11, .row-gutter-60>.col-xs-12, .row-gutter-60>.col-xs-20 {padding-left: 30px;padding-right: 30px;}
}
/* 中等屏幕（桌面显示器，大于等于 992px） */
@media (min-width: 992px) {

}
/* 大屏幕（大桌面显示器，大于等于 1200px） */
@media (min-width: 1200px) {

}