.jumbotron {
  padding: 30px;
  margin-bottom: 0px;
  font-size: 21px;
  font-weight: 200;
  line-height: 2.1428571435;
  color: inherit;
  background-image: url(../img/jumbotron-bg8.jpg);
  background-position: 0% 0%;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #eeeeee;
}


.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #FFF;
  text-decoration: none;
  background-color: #72a8e4;
}

/*
.panel-default > .panel-heading {
  color: #333333;
  background-color: #d5e9f4;
  border-color: #dddddd;
}
*/
.panel-default > .panel-heading {
  color: #333333;
/*
	background: linear-gradient(45deg, rgba(183,222,237,1) 0%, rgba(113,206,239,1) 50%, rgba(33,180,226,1) 51%, rgba(183,222,237,1) 100%);
*/
background: rgba(224,240,252,1);
background: -moz-linear-gradient(-45deg, rgba(224,240,252,1) 0%, rgba(16,104,181,0.3) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(224,240,252,1)), color-stop(100%, rgba(16,104,181,0.3)));
background: -webkit-linear-gradient(-45deg, rgba(224,240,252,1) 0%, rgba(16,104,181,0.3) 100%);
background: -o-linear-gradient(-45deg, rgba(224,240,252,1) 0%, rgba(16,104,181,0.3) 100%);
background: -ms-linear-gradient(-45deg, rgba(224,240,252,1) 0%, rgba(16,104,181,0.3) 100%);
background: linear-gradient(135deg, rgba(224,240,252,1) 0%, rgba(16,104,181,0.3) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0f0fc', endColorstr='#1068b5', GradientType=1 );

  border-color: #dddddd;
/*
	border: 0px solid #000000;
  border-bottom: 1px solid #dddddd;
 */
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
}
.panel {
	border-radius: 0px 0px 0px 0px;
/*
  padding: 15px;
  margin-bottom: 20px;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
*/
}
/* panel footer color */
.panel .panel-footer{
	background:white;
}
.panel-group {
	.panel {
		border-radius: 0px 0px 0px 0px;
	}
}


.container .jumbotron {
  border-radius: 0px;
  padding-left: 10px;
}

body {
  font-family:  "Microsoft JhengHei","Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 15px;
  line-height: 1.428571429;
  color: #333333;
  background-color: #ffffff;
}


.list-group2 {
  padding-left: 0;
  margin-bottom: 20px;
}

.list-group-item2 {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #ffffff;
  border: 1px solid #dddddd;
}

.list-group-item2:first-child {
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
  background-color: #ffffff;
}

.list-group-item2:child {
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
  background-color: #ffffff;
}

.list-group-item2:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}

.list-group-item2 > .badge {
  float: right;
}

.list-group-item2 > .badge + .badge {
  margin-right: 5px;
}

a.list-group-item2 {
  color: #2a6497;
}

a.list-group-item2 .list-group-item-heading {
  color: #2a6497;
}

a.list-group-item2:hover,
a.list-group-item2:focus {
  text-decoration: none;
  color: #ffffff;
  background-color: #2a6497;
}

a.list-group-item2.active,
a.list-group-item2.active:hover,
a.list-group-item2.active:focus {
  z-index: 2;
  color: #ffffff;
  background-color: #2a6497;
  border-color: #428bca;
}

a.list-group-item2.active .list-group-item-heading,
a.list-group-item2.active:hover .list-group-item-heading,
a.list-group-item2.active:focus .list-group-item-heading {
  color: inherit;
}

a.list-group-item2.active .list-group-item-text,
a.list-group-item2.active:hover .list-group-item-text,
a.list-group-item2.active:focus .list-group-item-text {
  color: #e1edf7;
}

.list-group-item-heading2 {
  margin-top: 0;
  margin-bottom: 5px;
}

.list-group-item-text2 {
  margin-bottom: 0;
  line-height: 1.3;
}

@media screen and (max-device-width:	400px)	{
	.column {
		float: none;
		width:auto;
	}

	#MainMenu {
		display:none;
	}

}

.list-group-item3 {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #f2f2f2;
  border: 1px solid #dddddd;
}

@media screen and (max-width: 768px) {
  .dropdown-menu>li>a {
    color: #FFF;
  }
  .dropdown-menu>li>a:hover {
    color: #FFF;
  }
}