body{
	background:rgb(234, 255, 234);
}
.inside-h{
	/* height:850px; */
	position:relative;
}
.container{
	background:white;
	-webkit-box-shadow: #96A095 1px 1px 2px;
	-moz-box-shadow: #96A095 1px 1px 2px;
	box-shadow: #96A095 1px 1px 2px;
	behavior: url(css/PIE.htc);
	/* overflow-y:hidden; */
}
.visual{
	position:absolute;
	bottom:100px;
	right:0;
	z-index:10
}
.no-padding{
	padding:0;
}
.padding-bottom-adjust{
	padding-bottom:195px;
}
.home-visual{
	float: right;
	margin-right: -15px;
}
.fit-inside-h{
	min-height:55%;
}
.fit-h{
	height:100%;
}

.fit-content{
	padding:0 45px;
}
.svg-holder{
	overflow:hidden;
	position:relative;
}
.side-border{
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  
  border-left:25px solid #4db048;
}

.breadcrumb a{
	color:black;
	font-weight:bold;
}
#table-nav ul li{
	color:#4db048;
	font-family:"微軟正黑體",arial;
}

.tut a{
	color:black;
}
.breadcrumb{
	text-align:right;
	background:none;
	line-height:20em;
}

.section-content{
	min-height:300px;
}
.section-content,.section-title h1{
	font-family:"微軟正黑體",arial;
}

.section-content b{
	color:#4db048 !important;
}
.section-title h1{
	font-variant:small-caps;
}

.table-vcenter{
	vertical-align:middle !important;
	background-color:transparent !important;
}

#lang{
	text-align:right;
	font-size:13pt;
	padding:7px 15px;
	font-family:"微軟正黑體",arial;
}

#index-link{
	font-size:13pt;
	padding:7px 8px;
	font-family:"微軟正黑體",arial;
}

#index-link span:first-child+span,
#lang span:first-child+span{
	color:#4db048;
}

#index-link a,
#lang a{
	color:black;
}

#inside-header-logo,
#inside-header-icon{
	padding:30px 0;
}
#inside-header-icon .icon-label{
	font-size:8pt;
	padding:25px 0 0 0;
}

#footer{
	position:relative;
	background:url(../images/inside-footer-bg.jpg);
	height:188px;
	width:105.7%;
	left:-40px;
	bottom:0;
}

/* navbar */
.navbar-default{
	background:none;
	border:0;
}
.navbar .pin{
	background:#39b54a;
	color:white;
	border-radius:20px;
	width:18px;
	padding:4px 0px 0px 0px;
	
	behavior: url(css/PIE.htc);
}

.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover,
 .navbar-default .navbar-nav > .active > a:focus{
	background:none;
}

.navbar-default .navbar-nav > li > a{
	color:black;
	font-weight:bold;
}

.navbar-default .navbar-nav > li > a:hover,
 .navbar-default .navbar-nav > li > a:focus{
	color:#CCC;
 }
 .navbar-default .navbar-nav > .active > a,
 .navbar-default .navbar-nav > .active > a:hover,
 .navbar-default .navbar-nav > .active > a:focus{
	color:#4db048;
 }
 
.section-content th{
	color:#009444 !important;
	font-weight:bold !important;
	text-transform:uppercase;
}
 
/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px),
(max-width: 767px) {
/* Styles */
	#table .section-content{ 
		overflow:scroll;
	}
	.home-visual{
		width:100%;
	}

	.navbar-default{
		background:#39b54a;
		border:0;
	}
	
	.navbar-default .navbar-toggle:hover,
	.navbar-default .navbar-toggle:focus{
		background:none;
	}
	
	.navbar-default .navbar-collapse,
	.navbar-default .navbar-form{
		background:rgb(240, 252, 240);
	}
	
	#home{
		height:auto !important;
	}
	
	#home img{
		width:100%;
	}
	
	#home table{
		width:100%;
	}
	
	#inside-header-logo img{
		width:100%;
	}
	
	#inside-header-icon{
		display:none;
	}
	
	.inside-h{
		height:auto;
	}
	
	.fit-content{
		padding:0 8px;
	}
	
	.section-content{
		padding-bottom:20px;
	}
	
	#footer{
		bottom:auto;
		width:108% !important;
	}
	
	#our-centre br{
		display:none;
	}
	
	h1{
		font-size:20pt;
	}
		
	.breadcrumb{
		padding-top: 123px;
		line-height: 1.8em;
	}
	
	.breadcrumb a{
		text-shadow: 1px 1px 2px #333;
		color:white;
	}
	
	.section-content br{
		display:block !important;
	}
	
	#table-nav .col-md-12{
		padding:0;
	}
	
	.visual{
		display:none;
	}
}


@media (min-width: 768px) and (max-width: 991px){
	
	.navbar-default{
		background:#39b54a;
		border:0;
	}
	
	.navbar-default .navbar-toggle:hover,
	.navbar-default .navbar-toggle:focus{
		background:none;
	}
	
	.navbar-default .navbar-collapse,
	.navbar-default .navbar-form{
		background:rgb(240, 252, 240);
	}
	
	#inside-header-icon{
		display:none;
	}
	 .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
		
	.navbar-default .navbar-nav > li > a{
		line-height:1em !important;
	}
	
	.fit-h{
		height:auto;
	}
	
	.section-content{
		padding-bottom:20px;
	}
	
	#footer{
		position:relative;
		bottom:auto;
		width:100% !important;
	}
	
	.fit-inside-h{
		padding-bottom:80px;
	}
	
	.breadcrumb{
		text-align:left;
	}
	.breadcrumb a{
		text-shadow: 1px 1px 2px #333;
		color:white;
	}
	
	#home table{
		width:100%;
	}
}

h1{
	color:#4db048;
}

#home{
	height:768px;
}

#home table{
	height:100%;
	text-align:center;
}

#table-nav{
	margin-top:-10px;
}
#table-nav ul li{
	font-variant:small-caps;
	font-size:14pt;
	line-height:1.8em;
}

.table > thead > tr > th,
 .table > tbody > tr > th,
 .table > tfoot > tr > th, 
 .table > thead > tr > td, 
 .table > tbody > tr > td, 
 .table > tfoot > tr > td{
	border-top:0;
	font-weight:bold !important;
 }