@charset "utf-8";
/* CSS Document */
body
	{
	font-family: "微軟正黑體","Times New Roman", serif;
	font-size: 11pt;
	line-height: 2em;
	color: #333;
	letter-spacing:1px;
	}
	
	a
	{
	color: #3A8EB5;
	text-decoration: none;
	}
	
		a:hover
		{
			text-decoration: none;
		}
	
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
	{
		color: inherit;
		text-decoration: none;
		outline: 0;
	}

	
    h3
	{
	font-size: 1.5em;
	line-height: 1em;
	font-weight: bolder;
	margin-bottom: 0.5em;
	margin-left: 1em;
	padding: 10px;
	}

    h4{
	font-size: 1.2em;	
	text-indent: -2em; 
	margin-left: 2em;
		}
.title{
	font-weight: bolder;
	list-style-position: outside;
	text-indent: -1em; 
}

 
/*li{line-height:2.5em;}*/
	row{
	margin: 5px;
	}

	
	section,	
	article
	{
		margin-bottom: 3em;
	}
	
	section > :last-child,
	article > :last-child
	{
		margin-bottom: 0;
	}

	article > row
	{
		margin-bottom: 5px;
	}
	
	dl.contact
	{
	}
	
		dl.contact dt
		{
			display: block;
			text-transform: uppercase;
			font-weight: 700;
			letter-spacing: 0.065em;
			font-size: 0.9em;
			color: #696969;
			float: left;
			width: 6em;
		}
		
		dl.contact dd
		{
			margin: 0 0 1em 6em;
		}

	.image
	{
		display: inline-block;
	}
	
		.image img
		{
			display: block;
			width: 100%;
			border-radius: 8px;
		}

	.image-full
	{
		display: block;
		width: 100%;
		margin: 0 0 2.5em 0;
	}
	
	.image-left
	{
		float: left;
		margin: 0 2em 2em 0;
	}
	
	.image-centered
	{
		display: block;
		margin: 0 0 2.5em 0;
	}

		.image-centered img
		{
			margin: 0 auto;
			width: auto;
		}

	.button
	{
	background-image: -moz-linear-gradient(top, #ff6600, #993d00);
	background-image: -webkit-linear-gradient(top, #ff6600, #993d00);
	background-image: -o-linear-gradient(top, #ff6600, #993d00);
	background-image: -ms-linear-gradient(top, #ff6600, #993d00);
	background-image: linear-gradient(top, #ff6600, #993d00);
	border-radius: 8px;
	box-shadow: inset 0px 0px 0px 1px #005173, inset 0px 2px 1px 0px #76c0e0;
	text-shadow: -1px -1px 0 rgba(0,0,0,1);
	font-size: 1em;
	letter-spacing: 0.075em;
	padding: 1.1em 2em 1.1em 2em;
	outline: 0;
	white-space: nowrap;
	display: inline-block;	
	}
	
		.button:hover
		{
			background-image: -moz-linear-gradient(top, #4ba1c6, #23749f);
			background-image: -webkit-linear-gradient(top, #4ba1c6, #23749f);
			background-image: -o-linear-gradient(top, #4ba1c6, #23749f);
			background-image: -ms-linear-gradient(top, #4ba1c6, #23749f);
			background-image: linear-gradient(top, #4ba1c6, #23749f);
		}
	
		.button:active
		{
			background-image: -moz-linear-gradient(top, #23749f, #2b81a6);
			background-image: -webkit-linear-gradient(top, #23749f, #2b81a6);
			background-image: -o-linear-gradient(top, #23749f, #2b81a6);
			background-image: -ms-linear-gradient(top, #23749f, #2b81a6);
			background-image: linear-gradient(top, #23749f, #2b81a6);
		}
		
		
	ul.style1
	{
	list-style-type: none;
	text-indent: -2em;
	margin-left: 1.5em;
	margin-right: 0.1em;
	
	}
	
	ul.style1 li
	{
	color: #333;
	font-weight: bold;
	text-indent: -2em;
	list-style-position: outside;
	}
	ul.style1 li p
	{
	margin-left: 1em;
	line-height: 1.2em;
	color: #009;
	margin-top: 10px;
	text-indent: 0em;
	}
	ul.style1 li ul li,ul.style1 li ol li
	{
	margin-left: 1em;
	line-height: 1.2em;
	color: #009;	
	text-indent: 0em;
	}	
	
	ul.style4
	{
	list-style-type: none;
	text-indent: -2em;
	margin-left: 2em;
	margin-right: 2em;
	}
	
	ul.style4 li
	{
	color: #000;		
	}
	
	
	ul.style3
	{
	list-style-type: none;
	}
	
	ul.style3 li
	{
	color: #000;		
	}
	
	
	
	ul.style2
	{
	list-style-type: none;
	}
	
		ul.style2 li
		{
			
			border-top: solid 1px #eee;
			padding: 0.55em 0 0.55em 0;
		}
		
			ul.style2 li:first-child
			{
				border-top: 0;
				padding-top: 0;
			}
			
	ol.style1 li
	{
	list-style-type: decimal;
	list-style-position:inside;
	color: #00F;
	text-indent: -2em;
	margin-left: 2em;
	margin-top: 2em;
	font-weight: bold;
	}


	header
	{
	padding: 10px;
	}
	
	header h2, header h3
		{
			
	margin: 5px;
	
			}
		
		
	
	footer
	{
		margin: 2.5em 0 0 0;
	}
	
	header.major
	{
	border-radius: 10px;
    background: url(images/bg.jpg);
	}
	
		header.major:after
		{
	content: '';
	display: block;
	height: 10px;	
	border-top-width: medium;
	border-top-style: double;
	border-top-color: #FFF;
		}

		header.major h2, 
		header.major h3
		{
	font-size: 2.5em;
	padding-left:20px;
	color: white;
	text-shadow: 2px 2px 4px #000000;
	margin: 5px;
		}

	header.major h2::before {
	  content: url(images/131-logos.gif);
	  vertical-align: bottom;
	}
		header.major .byline
		{
			margin: 0 0 1.5em 0;
			position: relative;
			top: -1em;
		}
	
	/*-------------panel +_content------------------*/
.panel-heading  a{
	text-decoration: none;
	}
.panel-heading  a:hover {
	color: red;
	font-size: 1.1em;
}

.panel-heading .accordion-toggle::after,.panel-heading .accordion-toggle.collapse in::after /*展開時*/{
	content: "－";
	float: right;
	text-decoration: none;	
}

	
.panel-heading .accordion-toggle.collapsed::after /*合起來*/{
	content: "＋";
	float: right;
	text-decoration: none;
}


/*********************************************************************************/
/* Wrappers                                                                      */
/*********************************************************************************/

	#header-wrapper
	{
	background-size: 100%;
	background-image: url(images/banner.jpg);
	background-position: center top;
	}
	
		body.homepage #header-wrapper
		{
			background-size: cover;
		}
	
	#banner-wrapper
	{
	}
	
	#main-wrapper
	{
		background: #fff;
	}

	.main-wrapper-style1 .inner,
	.main-wrapper-style2 .inner,
	.main-wrapper-style3 .inner
		{
			position: relative;
			z-index: 2;
		}

		.main-wrapper-style1
		{
	position: relative;
	
		}

		.main-wrapper-style1:before
			{
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	background-image: url('images/bg01.jpg');
	background-position: left bottom;
			}
	
		.main-wrapper-style2
		{
	background-image: url('images/bg02.jpg');
	background-repeat: no-repeat;
	background-position: left bottom;
	background-attachment: fixed;
		}
	
		.main-wrapper-style3
		{
			background: url('images/bg01.jpg');
			position: relative;
			text-shadow: 1px 1px 0 #fff;
		}

			.main-wrapper-style3:before
			{
	content: '';
	display: block;
	position: absolute;
	height: 250px;	
	z-index: 1;
	opacity: 0.25;
	background-image: url('images/bg04.png');
			}
	
	
	
/**************table/text***************************************/
	table {
	    border: 1px solid #ddd;
	    width: 100%;
	}
	th {
	text-align: center;
	background-color:#DEB887;
	font-weight: bold;
	font-size: 1.2em;
	border-color: #FFF;
	}

	td {
    text-align: left;
	}

	pre{
		white-space:pre-wrap;
	}
	
	.text{
		padding:5px 15px;
		border:2px #23749f solid;
		cursor:pointer;
		-webkit-border-radius: 5px;
		border-radius: 5px; }
		
.text2em{
	text-indent: -2em;
	margin-left: 2em;
	margin-right: 0.5em;	/*margin-top: -8px;*/
	color: #000;
	 	 }

.text3em{
	text-indent: -1.5em;
	margin-left: 2.5em;
	margin-right: 0em;	/*margin-top: -8px;*/
	color: #000;
	 	 }


.text0em{
	text-indent: -1.5em;
	margin-left: 0em;
	margin-right: 0em;	/*margin-top: -8px;*/
	 	 }
/*********************************************************************************/
/* navbar                                                                      */
/*********************************************************************************/ 
	
	
		 
.navbar-default {
	background-color: #803300;
	border-color: #FFFFFF;
}
.navbar-default .navbar-brand {
  color: #ffffff;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
	color: #FFCCFF;
}
.navbar-default .navbar-text {
	color: #ffffff;
	background-color: #300;
	width: 90%;
}
.navbar-default .navbar-nav > li > a {
  color: #ffffff;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
	font-size: 110%;
	color: #FFF;
}
.navbar-default .navbar-nav > li > .dropdown-menu {
	background-color: #FFFFFF;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a {
	color: #000000;
	border: thin dashed #CCC;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus {
	color: #660000;
	background-color: #FFFFFF;
	font-size: 110%;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li.divider {
	background-color: #FFFFFF;
}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
	color: #660000;
	background-color: #FFFFFF;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
	color: #660000;
	background-color: #FFFFFF;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
	color: #660000;
	background-color: #FFFFFF;
}
.navbar-default .navbar-toggle {
	border-color: #660000;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
	background-color: #CC3300;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #ffffff;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #ffffff;
}
.navbar-default .navbar-link {
  color: #ffffff;
}
.navbar-default .navbar-link:hover {
	color: #660000;
}

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
	color: #660000;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
	color: #660000;
	background-color: #FFF;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
	color: #660000;
	background-color: #FFFFFF;
  }
.pc{
	display: none;
}

 header.major h2,h3
		{
	margin: 10px;
	padding: 10px;
	padding-bottom:5px;
	font-size: 1.5em;
	font-weight: bold;
		}
 
ul.style1,ul.style2,ol.style1,li p
	{	
	margin-left: 0em;
	}	
th {
	font-size: 1em;
	}	
		
}

.pc {
	display:  block;
}
.mo {
	display: none;!important
}

@media only screen and (max-width:768px)
{
.pc {
	display: none;!important
}
.mo {
	display: block;
}
}