body{
	font-family:Microsoft JhengHei ;
	
}



h1{
	color:#fff;
	padding:0;
	margin:0;
	font-size:24px
}

h2{
	font-size:26px;
	border-bottom:#ccc 1px solid;
	padding-bottom:15px;
	margin-bottom:20px;
	
}

.tit_n{
	color:#000;
	font-size:42px;
	margin-top:13px;
	
}

.contain p{
	font-size:18px;
	line-height:1.2em;
}

.contain > h3{
	font-size:36px;
	
}
.main_btn {
	padding:0;
	margin:0;
	
}

.main_btn li{
	font-size:18px;
	line-height:2em;
	
	overflow:hidden;
	list-style:none;
	padding:0;
	margin:0;
	
}

.main_btn li a{
	font-size:18px;
	line-height:2em;
	border:#ccc 1px solid;
	overflow:hidden;
	display:block;
	padding:0;
	margin:0;
	color:#333;
	
}

.main_btn li a:hover{
	font-size:18px;
	line-height:2em;
	border:#ccc 1px solid;
	overflow:hidden;
	background-color:#ccc;
	display:block;
	text-decoration:none;
	color:#fff;
	
}




.more_btn {
	border:#999999 1px solid; 
	font-size:20px; 
	border-radius:30px; 
	padding:10px; 
	display: inline-block; 
	min-width:200px; 
	margin-top:20px;
	color:#333;
}

.more_btn a:hover{
	border:#999999 1px solid; 
	font-size:20px; 
	border-radius:30px; 
	padding:10px; 
	display: inline-block; 
	min-width:200px; 
	margin-top:20px;
	color:#fff;
	background-color:#ccc;
}

.tit_pd{
	margin-top:30px; 
	margin-bottom:30px;
}

.tit_d_gray{
	background-color:#818181; 
	padding-top:15px; 
	padding-bottom:15px;
}

.tit_d_red{
	background-color:#CC000A; 
	padding-top:15px; 
	padding-bottom:15px;
}

.news_d{
	background-image:url(../images/icon.png); 
	background-repeat:no-repeat; 
	padding-left:45px; 
	font-size:18px; 
	padding-top:8px; 
	padding-bottom:8px;
	margin-bottom:10px;
}

.news_date{
	font-size:18px; padding-top:8px; padding-bottom:8px; margin-bottom:10px;
}

.nav_bg{
	background-image:url(../images/menu_bg.png); 
	padding:0;
}

/*
 * Footer
 */

.footer {
  padding: 20px 0;
  color: #4C4C4C;
  background-color: #CDCDCD;

}

.page_tit{
	margin-bottom:40px; 
	margin-top:20px;
}

.sub_1{
	background-color:#666666;
	color:#fff;
	min-width:200px;
	margin-top:20px;
	
}

.line3{
	
	

	background-color:#E00003;
  	padding:20px;
  	overflow:hidden; 
  	float:left;
  	margin-left:-20px; 
  	margin-top:-20px; 
 	 width:95px; 
 	 height:90px;

}

.menu_nav li{
	
	font-size:24px;
	list-style:none;
	line-height:2.5em;
	color:#fff;
}

.panel-heading{
	background-image:url(../images/icon.png);
	background-repeat:no-repeat;
	padding: 15px 15px 15px 45px;
    background-color: #fff;
    border-color: #fff;
	background-position:left;
	background-color: #fff;
    border-color:#fff;
	border:none;
}

.logo_1{
	float:left; 
	margin-left:15px; 
	margin-top:10px;
}

.logo_3{
	float:right; 
	margin-top:22px;
}

@media (max-width: 768px) {
  .logo_1{
	float:left; 
	margin-left:15px; 
	margin-top:20px;
	width:50%;
	}
	
	.logo_3{
	float:right; 
	margin-top:22px;
	width: 23%;
}
}

.icon_1{
	background-image:url(../images/share_icon_1.png);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:40px;
	font-size:22px;
	
}

.panel-default>.panel-heading {
    color: #333;
    background-color:#fff;
    border-color: #fff;
}

.panel-default {
    border-color: #fff;
}

div#contentarea {
  position: relative;
  width: 100%;
  -moz-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -moz-transition: -moz-transform 0.5s;
  /* transition settings */
  
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
}

input[type="checkbox"]#togglebox {
  /* checkbox used to toggle menu state */
  position: absolute;
  left: 0;
  top: 0;
  visibility: hidden;

}

label#navtoggler {
  /* Main label icon to toggle menu state */
  z-index: 9;
  display: block;
  position: relative;
  font-size: 6px;
  /* change font size to change label dimensions. Leave width/height below alone */
  width: 4em;
  height: 2.5em;
  top: 20px;
  left: 20px;
  text-indent: -1000px;
  border: 0.6em solid #fff;
  /* border color */
  border-width: 0.6em 0;
  cursor: pointer;
 
}

label#navtoggler::before {
  /* inner strip inside label */
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 0.6em;
  top: 50%;
  margin-top: -0.3em;
  left: 0;
  background: #fff;
  /* stripes background color. Change to match border color of parent label above */
}

nav#offcanvas-menu {
  /* Full screen nav menu */
  width: 300px;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 100;
  visibility: hidden; /* this is for browsers that don't support CSS3 translate3d */
  -moz-transform: translate3d(-300px, 0, 0);
  -webkit-transform: translate3d(-300px, 0, 0);
  transform: translate3d(-400px, 0, 0);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #001E75;
  display: block;
  position: fixed;
  text-align: center;
  overflow: auto;
  -moz-transition: -moz-transform 0.5s, visibility 0s 0.5s;
  /* transition settings */
  -webkit-transition: -webkit-transform 0.5s, visibility 0s 0.5s;
  transition: transform 0.5s, visibility 0s 0.5s;
}

input[type="checkbox"]#togglebox:checked ~ div#contentarea {
  margin-left: 0px;
  -moz-transform: translate3d(300px, 0, 0);
  -webkit-transform: translate3d(400px, 0, 0);
  transform: translate3d(300px, 0, 0);
}

input[type="checkbox"]#togglebox:checked ~ nav#offcanvas-menu {
  /* nav state when corresponding checkbox is checked */
  -moz-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  visibility: visible; /* this is for browsers that don't support CSS3 translate3d in showing the menu */
  -moz-transition-delay: 0s; /* No delay for applying "visibility:visible" property when menu is going from "closed" to "open" */
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}