@charset "utf-8";
/* CSS Document */
ul, li {
	list-style: none;
	margin: 0;
	padding: 0;
}
input, button, select, textarea {
	outline: none
}
*:focus {
	outline: none;
}
body {
	margin: 0;
	font-family: "微軟正黑體";
}
#header_out, #container, .banner, #footer_out {
	width: 100%;
}
.header, .page, .footer {
	max-width: 1024px;
	margin: 0 auto;
}
#header_out, #footer_out {
	background: rgba(34, 180, 115,1.00);
}
/*------------all------------*/
/*------------header------------*/
.header {
	padding: 5px;
}
.header i {
	display: none;
	float: right;
	color: rgba(255,255,255,1.00);
	cursor: pointer;
	margin: 12px 5px 0 0;
	margin-right: 5px;
}
.header .logo, .header .menu {
	display: inline-block;
	vertical-align: middle;
}
.header .logo img {
	max-width: 257px;
	width: 100%;
}
.header .logo {
	width: 25%;
}
.header .menu {
	width: 73%;
	text-align: right;
}
/*------menu-----*/
.header .menu li {
	display: inline-block;
	width: 18%;
	text-align: center;
}
.header .menu li a {
	text-decoration: none;
	color: rgba(255,255,255,1.00);
    padding: 5px;
    display: block;
}
.header .menu li a:hover{
	background:rgba(21, 127, 80,0.8);
	border-radius:10px;
	transition:all 0.5s;
}
.header .menu li a i{
	display: inline-block;
	margin:0;
	float:none;
	margin-left:5px;
}
.header .menu .box {
	position: relative;
	padding: 10px 0;
}
.header .menu .box2 {
	position: absolute;
	border-top: 1px rgba(255,255,255,1.00) solid;
	top: 31px;
	left: 0;
	display: none;
	margin-top: 10px;
}
.header .menu .box:hover .box2 {
	display: block;
}
.header .menu .box2 li {
	width: 94px;
	background: rgba(34, 180, 115,1.00);
}
.header .menu .box2 li a {
	display: block;
	padding: 8px 0;
}
.header .menu .box2 li a:hover {
	background: rgba(21, 127, 80,1.00);
	transition: all .5;
}
/*------rwd_menu-----*/
.demo-3 {
	display: none;
}
.demo-3 {
	position: relative;
	z-index: 888;
	width: 100%;
	padding-top: 65px;
}
.dl-trigger {
	cursor: pointer;
	display: block;
	position: absolute;
	right: 13px;
	top: -29px;
	height: 30px;
	width: 30px;
}
.dl-trigger i {
	position: absolute;
	display: block;
	width: 30px;
	height: 4px;
	background: #fff;
	left: 0;
	top: 0;
	transition: .2s;
}
.dl-trigger .b2 {
	top: 10px;
}
.dl-trigger .b3 {
	top: 21px;
}
.dl-trigger2 .b1 {
	left: 0;
	top: 15px;
	width: 35px;
	height: 2px;
	transform: translateY(-0px) rotate(45deg);
}
.dl-trigger2 .b3 {
	left: 0;
	top: 30px;
	width: 35px;
	height: 2px;
	transform: translateY(-15px) rotate(-45deg);
}
.dl-trigger2 .b2 {
	display: none;
}
/*--------banner-------*/
.banner img {
	width: 100%;
	max-width: 1920px;
}
.banner2{
	display:none;}
/*-------container---------*/
#container {
	background: url(../images/container_bg01.png) no-repeat top left, url(../images/container_bg02.png) no-repeat bottom right;
}
/*--------page---------*/
.home_text .information {
	padding: 100px 0;
	margin: 0 auto;
	text-align: center;
}
.home_text .information .fb_search, .home_text .information .vs, .home_text .information .con {
	display: inline-block;
	vertical-align: middle;
	margin: 0 1.2%;
}
.home_text .information .fb_search {
	border: 4px rgba(34, 180, 115,1.00) solid;
	background: rgba(255,255,255,0.6);
	padding: 5px;
	max-width: 350px;
	width: 100%;
}
.home_text .information .fb_search .good, .home_text .information .fb_search .qr {
	display: inline-block;
	vertical-align: middle;
}
.home_text .information .fb_search .qr img {
	max-width: 145px;
	width: 100%;
}
.home_text .information .vs img {
	width: 100%;
	max-width: 283px;
}
.home_text .information .con {
	min-width: 285px;
	background: rgba(255,255,255,1.00);
	border: 1px rgba(220, 220, 220,1.00) solid;
}
.home_text .information .con .title {
	background: rgba(34, 180, 115,1.00);
	padding: 5px 20px;
	margin:0;
}
.home_text .information .con .con_text {
	padding: 10px;
}
.home_text .information .con .con_text p {
	margin: 0;
	line-height: 38px;
	text-align: left;
}
.home_text .information .con .con_text p b, .home_text .information .con .con_text p span {
	display: inline-block;
	vertical-align: middle;
}
.home_text .information .con .con_text p span {
	/*color: rgba(34, 180, 115,1.00);*/
	margin: 0 20px 0 10px;
}
.home_text .information .con .con_text p span a {
	text-decoration: none;
	color: rgba(0,0,0,1.00);
}
.home_text .information .con .con_text p .style01 {
	color: rgba(0,0,0,1.00);
	letter-spacing: 0;
	font-weight: bold;
}
/*--------------sgs---------------*/	
.home_text .sgs .title {
	margin: 0 auto;
	text-align: center;
}
.home_text .sgs .title a {
	text-align: center;
	display: inline-block;
	text-decoration: none;
	font-size: 29px;
	color: rgba(0,0,0,1.00);
	letter-spacing: 2px;
	margin: 0 5px 30px;
}
.home_text .sgs .title b {
	width: 16%;
	display: inline-block;
	height: 4px;
	border-top: 3px rgba(95,95,95,1.00) double;
}
.home_text .sgs .photo {
	text-align: center;
	margin-bottom: 80px;
}
.home_text .sgs .photo span:first-child img {
	max-width: 350px;
	width: 100%;
}
.home_text .sgs .photo span:last-child img {
	max-width: 292px;
	width: 100%;
}
/*----------*/
.footer {
	text-align: center;
	padding: 10px 0;
}
.footer p {
	color: rgba(255,255,255,1.00);
	margin: 0;
	font-size: 13px;
	font-family: "微軟正黑體";
	line-height: 21px;
}
.footer .link {
	margin: 0 auto;
}
.footer .link a {
	display: inline-block;
}
.footer a {
	color: #fff;
	text-decoration: none;
	font-size: 13px;
}