.bg1{background-image: linear-gradient(60deg, #abecd6 0%, #fbed96 100%);
}
.bg2{background-color: #3EECAC;
background-image: linear-gradient(122deg, #3EECAC 0%, #EE74E1 100%);
}

.tb-cinfo{width:70% !important;margin:0 15% !important;}

/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 80px;
  background-color: #E5EAF1;
}
.ctnr2 {
  padding: 20px 15px 15px 15px !important;
}
.footer {
  position: absolute;
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 10;
  /* Set the fixed height of the footer here */
  height: 60px;
  background-color: #f5f5f5;
}


/* front style CSS
-------------------------------------------------- */
*{font-family:  'Microsoft JhengHei','微軟正黑體', Helvetica, Arial, sans-serif;}
body, h1, h2, h3, h4, h5, h6 {
	font-family:  'Microsoft JhengHei','微軟正黑體', Helvetica, Arial, sans-serif;
	font-weight: 700; 
	color: #555 !important;
}
.page-header >h1, h2, h3{ color: #1A5090 !important;}
p{ color: #555 !important;}

/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

body > .container {
  padding: 20px 15px 15px 15px !important;
}
.container .text-muted {
	margin: 20px 0;
	color: #FFF !important;
}
.container .text-muted  > a{
	color: #66CCFF !important;
}

.footer > .container {
  padding-right: 15px;
  padding-left: 15px;
}

code {
  font-size: 80%;
}

/* blue color */
.style01{
  background-color: #395475;
  background-color: #2D3D63;
  color: #FFF !important;
}

.navbar{
	padding:  10px 0;
	border: none;
}
.navbar h3{
	color: #FFF !important;
}
.navbar-text{
	color: #FFF !important;
	font-size: 20px !important;
}
/* 已連結過 */
.btn-block:visited{
	color: #FFF;
  background-color: #3A6599;
}
/* 滑鼠移至連結 */
.btn-block:hover{
	color: #FFF;
  background-color: #3A6599;
}
/* 選擇的連結 */
.btn-block:active{
	color: #FFF;
  background-color: #3A6599;
}

.page-header{
	border-bottom: 1px solid #ccc;
	margin-bottom: 80px;
}
.wrap{word-wrap: break-word !important;}

@media screen and (min-width: 320px) {
    .btn-block{ 
		width: 100% !important;
		word-wrap: break-word !important;
		float: none !important;
	}
	.btn-group-justified{
		width: 100% !important;
		float: none !important;
	}
}