.navbar-brand span img {
	width: 200px;
}
.navbar-brand span:last-child img {
	width: 130px;
}
.navbar-brand {
	height: 60px;
	padding-top: 10px;
}
html, body {
 height:100%;
}

body {
	background-color: #fff;
	background-image: url(../../Images/bg.jpg);
	background-size: 50%;
	background-repeat: repeat;
	font-family: '微軟正黑體';
}

.attach {
    margin-top:3%;
    padding:10px;
    border:1px dashed #AAA;
    background-color:gainsboro;
}

.iscom-bar {
	color: #ddd;
	background-color: #703219;
}
.iscom-bar a {

	display: inline-block;
	font-size: 12px;
	color: #fff;
	margin-bottom: 2px;
}

.iscom-bar a:hover {
	text-decoration: none;
	color: #ddd;

}

span.glyphicon {
	color: #3a708b;
}
.carousel-control span.glyphicon {
	color: #ddd;
}
.navbar {
	margin-bottom: 0px;
}
.carousel {
	margin-top: 83px;
}

.navbar-nav>li>a {
    padding-top: 20px;
}
#outbox{
    -moz-column-count: 3;
    -moz-column-gap: 10px;
    -webkit-column-count: 3;
    -webkit-column-gap: 10px;
    column-count: 3;
    column-gap: 10px;
	margin:0 auto;
}

.content_box{
	background-color: rgba(250,250,250,0.9);
	width:100%;
	display: inline-block;
	font-size:12px;
	border: 1px dotted #fff;
	box-shadow: 1px 1px #dfdfdf;
	padding: 20px;
	margin: 5px 5px 5px 0;
	overflow:hidden;
	font-size:15px;
	line-height: 1.5em;
	letter-spacing: 1pt;
	color:#353535;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;		
}

.list_box {
    background-color: rgba(250,250,250,0.9);
	width:100%;
	display: inline-block;
	font-size:12px;
	border: 1px dotted #fff;
	padding: 10px;
	margin: 5px 5px 5px 0;
	overflow:hidden;
	font-size:15px;
	line-height: 1.5em;
	letter-spacing: 1pt;
	color:#353535;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;		
}
a.glyphicon {
	border:1px solid #3a708b;
	border-radius: 100%;
	padding:13px 15px 13px 13px;
	font-size: 24px;
	text-decoration-style: none;
}
.out-container {
    padding-bottom:62px;
}
.footers { 
    position:relative;
    height:auto;
	margin-top: -62px;
	padding: 10px;
	color: #fff;
	background-color:#500000; 
    clear:both;

   
 }
a.glyphicon:hover ,a.glyphicon:focus {
	border:1px solid #3a708b;
	text-decoration: none;
}
.content_box h4 {
	font-weight: 700;
	color: #703219;
}

.list_box h4 {
	font-weight: 700;
	color: #703219;
}
.coff,.coff2 {
	margin-top: 15px;
	margin-bottom: 15px;
	width: 100%;
	height: 1px;
	border-bottom: 3px dotted #3a708b ;
}
#id01 {
	z-index: 999;
	position: absolute;
	left: 0px;
	top:-100px;
}
.coff2 {
	width: 100%;
	height: 1px;
	border-bottom: 3px dotted #703219 ;
}
.content_box .btn {
	width: 100%;
}


.list-group-item span {
	float: left;
	margin-right: 15px;
	display: inline-block;
} 
.list-group-item a {
	float: left;
	width: 550px;
	display: inline-block;
	white-space:nowrap;text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; 
}

/*
Back to top button 
*/
#back-top {
	position: fixed;
	right: 3px;
	bottom: 30px;
	
}
#back-top a {
	width: 50px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #bbb;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
	color: #000;
}
/* arrow icon (span tag) */
#back-top span {
	width: 50px;
	height: 50px;
	display: block;
	margin-bottom: 7px;
	background: #703219 url(../images/up-arrow.png) no-repeat center center;
	box-shadow: 1px 1px #999;
	background-size: 50%;
	/* rounded corners */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover span {
	background-color: #3a708b;
}
.user-box {
	margin-left:14px ;
	width: 360px;
	display: none;
}

.ver {

	display: inline-block;
}
.form-control.ver  {
	width: 100px;
}

.is-form {
	padding: 30px;
}
.is-bar {
	margin-top: 78px;
}
.fancybox-inner {
	overflow: visible!important;
}
.is-news h3 {
	margin-top: 0px;
}

.is-newleson {
	margin-bottom: 15px;
}
@media (min-width: 991px) {
	.navbar-nav {
		float: right;
	}
}
@media (min-width: 991px) and (max-width: 1200px) {
	.navbar-brand span img {
		width: 105px;
	}
	.navbar-brand {
		padding:15px 0;
	}
	.navbar-brand span:last-child img {
		width: 69px;
	}
	.list-group-item a {
		width: 400px;
	}

}
@media (max-width: 991px) {
	.nav>li>a {
		padding:10px 10px;
	}

	.navbar-right {
		float: left!important;
	}

	.carousel {
	margin-top: 123px;
	}
	.list-group-item a {
		width: 300px;
	}
}

@media (max-width: 768px) {

	.carousel {
		display: none;
	}

	#outbox{
	    -moz-column-count: 1;
	    -moz-column-gap: 10px;
	    -webkit-column-count: 1;
	    -webkit-column-gap: 10px;
	    column-count: 1;
	    column-gap: 10px;
		margin:0 auto;
	}
	.list-group-item a {
		width: 330px;
	}
	.is-news {
		margin-top: 83px;
	}

	.user-box {
		margin-left:10px ;
		width: 200px;
		display: none;
	}
}

@media (max-width: 440px) {
	.navbar-brand span img {
		width: 120px;
	}
	.navbar-brand {
		padding:15px 5;
	}
	.navbar-brand span:last-child img {
		width:78px;
	}

	.list-group-item a {
		width: 200px;
	}
	.is-form {
		padding: 0px;
	}


}