@charset "utf-8";
/* CSS Document */
#top-logo { text-align:left; }
#top-logo img { max-width: 100%; height:auto; }
.navbar-default { font-size: 1.2em; font-family: 微軟正黑體, Arial, Helvetica, sans-serif; }

#banner1 { padding-top: 1em; background-color: #cccccc; }
.carousel-indicators { bottom: -10px; }

.gr:link { color: #acd813 !important; }
.gr:visited { color: #acd813 !important; }

#content {  }
#content .guide { margin-bottom: 1em; }

#content img { max-width: 100%; height:auto; }

/*廣告 banner*/
.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}

#header { padding-top: 3em; background-color: #ccc;  }
.leftmenu { background-color: #cccccc; }

.unnamed3 a:hover { color: #0d55a4; }
.unnamed3 a:visited { color: #000; }

/*內文*/
#main { background-color: #fff; }
.pimg img { max-width: 100%; height:auto; }

#cont-body { margin-top: 1em; display: inline-block;  }

#footer .white04 { padding-top: 1.5em; }

.ft-panel .right img { max-width: 100%; height:auto; }

.navbar-inverse {
	background: #c8c8c8;
	font-size: .9em;
	border: none;
}
.navbar-inverse .navbar-nav>li>a { color: #666; }
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { color: #6699FF}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {
	color: #6699FF
}
.navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus { color: #339900; }


@media (min-width: 768px) {
	.navbar-right {
		font-family: 微軟正黑體, Arial, Helvetica, sans-serif;
		font-size: 0.9em;
		background: #232f3b; /* Old browsers */
		background: -moz-linear-gradient(top,  #232f3b 1%, #2d415c 26%, #2d415c 37%, #020001 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  #232f3b 1%,#2d415c 26%,#2d415c 37%,#020001 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  #232f3b 1%,#2d415c 26%,#2d415c 37%,#020001 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#232f3b', endColorstr='#020001',GradientType=0 ); /* IE6-9 */
	}
	.navbar-default {
		font-family: 微軟正黑體, Arial, Helvetica, sans-serif;
		font-size: 0.9em;
		background: #c81c1c; /* Old browsers */
		background: -moz-linear-gradient(top,  #c81c1c 0%, #dc3d28 27%, #dc3d28 38%, #c81c1c 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  #c81c1c 0%,#dc3d28 27%,#dc3d28 38%,#c81c1c 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  #c81c1c 0%,#dc3d28 27%,#dc3d28 38%,#c81c1c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c81c1c', endColorstr='#c81c1c',GradientType=0 ); /* IE6-9 */

	}
	.navbar-default .navbar-brand:hover { color: #FFFFFF }
	.navbar-default .navbar-nav>li>a { color: #FFFFFF; font-weight: bold; }
	.navbar-default .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { color: #0d55a4; background-color: #fff; }
	.navbar-default .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus { color: #0d55a4; background-color: #fff; }
	.navbar-default .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus { color: #0d55a4; background-color: #fff; }
	.navbar-nav li a { font-size: 1.1em;  font-family: 微軟正黑體, Arial, Helvetica, sans-serif; }
	
	.ft-panel { margin-top: 1em; border: #b1b1b1 3px solid; margin-left: 2.5em; margin-right: 2.5em; }
	.ft-panel .right { text-align: right; padding-right: 0; }
	
	.left-side { padding-right: 0; min-height: 480px; }
	.right-side { padding-left: 0; min-height: 480px; }
	.leftmenu { width: 100%;  min-height: 480px; background-color: #ccc; display: inline-block; }	
	.left-top { margin-bottom: 1em;}
	#content {  min-height: 480px; }
	.menu-item { text-align:right; }
}

@media (min-width: 1024px) {
	#loginbox { height: 300px; }
	.navbar-default { font-size: 1.1em; }
	.navbar-right { font-size: 1.1em; }
}
@media (min-width: 1100px) {
	#loginbox { height: 350px; }
}

@media (max-width: 1024px) {
	.container { padding-left: 0; padding-right: 0; }
	.hd .text07 { left: 30px; }

	
}

@media (max-width: 767px) {
	#top-logo { text-align: left; }
	.ft-panel { margin-top: 1em; border: #b1b1b1 3px solid; margin-left: 1em; margin-right: 1em; }
	.ft-panel .right { text-align: right; padding-right: 0; }

	.menu-item { text-align:left; font-size:1.1em; margin-left: 2em; }
	.left-side { padding-bottom: 1em;}
	
	#header { padding: 0;}
	#header .menu { padding: 0; }
	.navbar-nav li a { font-size: 1.1em; }
	.navbar-nav, .navbar-inverse { margin-bottom: 0; }
	.navbar-default { background: #222; font-size: 1em; }
	.navbar-default .navbar-brand:hover { color: #FFFFFF }
	.navbar-default .navbar-nav>li>a { color: #FFFFFF; font-weight: bold; }
	.navbar-default .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { color: #6699FF; }
	.navbar-default .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { color: #339900; }
	.navbar-default .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus { color: #fff; }
	.navbar-brand:link { color: #666; font-size: 1.5em; }
	
}
@media (max-width: 640px) {
	
}
@media (max-width: 480px) {
	.hd .text07 { left: 35%; }
}