@charset "utf-8";
/* CSS Document */
body, dl, dt, dd, td, th, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, textarea, p, blockquote {
	margin: 0;
	padding: 0;
	word-wrap:break-word;
	/* word-wrap:break-word; */
}

html,body {
	font-family: 'Roboto', "Microsoft JhengHei","simsun", sans-serif;
	font-size:15px;
	width:100%;
	height:100%;
	-ms-overflow-style: scrollbar;
	background:#e4e6eb;
}

a:link {
	color:#474747;
	text-decoration: none;
}
a:visited {
	color:#474747;
	text-decoration: none;
}
a:hover {
	color:#dec49c;
	text-decoration: none;
}
a:active {
	color:#474747;
	text-decoration: none;
}
@-ms-viewport {
  width: device-width;
}

/* 三欄式自動調幅版面--------------------------------------------- */


#header {
	width:100%;
	height:210px;
	display:none;
	margin: auto;
	position:absolute;
	top:0;
	z-index:999;
}

.header_small {
	width:100%;
	height:70px;
	display:block;
	position:absolute;
	z-index:9999;
	top:0;
	padding:20px;
}

@media only screen and (min-width: 768px) {
	
	#header {
		display:none;
	}
	.header_small {
		height:120px;
		display:block;
	}
}

@media only screen and (min-width: 1000px) {
	#header {	
		display:block;
	}
	.header_small {
		display:none;
	}
}


.header_small_logo img {
	width: 200px;
}
.header_small_open img {
	margin-top: 10px;
	width: 70px;
}
.header_small_close img {
	width: 50px;
}

	@media only screen and (min-width: 768px) {
		.header_small_logo img {
			width: 300px;
		}
		.header_small_open img {
			margin-top: 10px;
			width: 100px;
		}
		.header_small_close img {
			width: 80px;
		}
	}



@media only screen and (min-width: 1000px) {
	
	.menu {
		position:absolute;
		width:800px;
		margin: auto;
		font-size: 14px;
		margin-top:88px;
		right:40px;
		text-align:right;
	}
	
	
	.menu1 {
		padding-left: 0px;
	}
		.menu1 div {
			padding:10px 13px;
		}
		.menu1 div:hover {
			padding:9px 12px;
			border:1px solid #000;
		}
		.menu1 a {
			color:#000;
		}
		.menu1 a:hover {
			color:#000;
		}
		
		
	.menu2 {
		padding-left: 34px;
		background: url(../images/menu_point.png) left no-repeat;
	}
	
		.menu2 div {
			padding:10px 13px;
		}
		
		.menu2 div:hover {
			padding:9px 12px;
			border:1px solid #000;
		}
		
		.menu2 a {
			color:#000;
		}
		
		.menu2 a:hover {
			color:#000;
		}
		
		.menu ul {
			list-style:none;
		}
		
		.menu ul li {
			display:inline-block;
		}
}

@media only screen and (min-width: 1300px) {
	
	.menu {
		position:absolute;
		width:800px;
		margin: auto;
		font-size: 14px;
		margin-top:88px;
		right:90px;
		text-align:right;
	}
	
	
	.menu1 {
		padding-left: 0px;
	}
		.menu1 div {
			padding:10px 13px;
		}
		.menu1 div:hover {
			padding:9px 12px;
			border:1px solid #000;
		}
		.menu1 a {
			color:#000;
		}
		.menu1 a:hover {
			color:#000;
		}
		
		
	.menu2 {
		padding-left: 34px;
		background: url(../images/menu_point.png) left no-repeat;
	}
	
		.menu2 div {
			padding:10px 13px;
		}
		
		.menu2 div:hover {
			padding:9px 12px;
			border:1px solid #000;
		}
		
		.menu2 a {
			color:#000;
		}
		
		.menu2 a:hover {
			color:#000;
		}
		
		.menu ul {
			list-style:none;
		}
		
		.menu ul li {
			display:inline-block;
		}
}

@media only screen and (min-width: 1600px) {
	.menu {
		position:absolute;
		width:900px;
		margin: auto;
		font-size: 14px;
		margin-top:88px;
		right:200px;
		text-align:right;
	}
	
	
	.menu1 {
		padding-left: 0px;
	}
		.menu1 div {
			padding:10px 13px;
		}
		.menu1 div:hover {
			padding:9px 12px;
			border:1px solid #000;
		}
		.menu1 a {
			color:#000;
		}
		.menu1 a:hover {
			color:#000;
		}
		
		
	.menu2 {
		padding-left: 34px;
		background: url(../images/menu_point.png) left no-repeat;
	}
	
		.menu2 div {
			padding:10px 13px;
		}
		
		.menu2 div:hover {
			padding:9px 12px;
			border:1px solid #000;
		}
		
		.menu2 a {
			color:#000;
		}
		
		.menu2 a:hover {
			color:#000;
		}
		
		.menu ul {
			list-style:none;
		}
		
		.menu ul li {
			display:inline-block;
		}
}
	
.menulist {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    z-index: 1;
		text-align:left;
		padding:0;
}

.menulist:hover .dropdown-content {
    display: block;
		border:1px solid #757575;
}
.menulist:hover .dropdown-content:hover {
    padding:0;
}
.menulist:hover .dropdown-content p {
	border-bottom:1px solid #e4e6eb;
	padding:7px 5px;
}
.menulist:hover .dropdown-content a {
	color: #717171;
}
.menulist:hover .dropdown-content a:hover {
	color: #333;
}
	
	
	
	
/* 行動裝置菜單 */
.header_small_open {
	position:absolute;
	right:0;
	top:0;
	z-index:50;
}

.header_small_close {
	position:absolute;
	right:10px;
	top:10px;
	display:none;
	z-index:50;
}

.header_small_home {
	width: 100%;
	padding: 50px 0;
	text-align: center;
}

.header_small_menu_list {
	position:fixed;
	top: 0;
	left:0;
	width:100%;
	height:100%;
	min-height:100%;
	overflow-y:auto;
	z-index:9999;
	padding-bottom:50px;
	background:#FFF;
	display:none;
}


/* 行動裝置菜單 */
	
.header_small_menu_color {
	background-color:#fff;
	width:100%;
	height:0px;
	position:absolute;
	z-index:1;
	opacity:0;
}
	
	
.header_small_menu_list {
	position:fixed;
	left:0;
	width:100%;
	height:100%;
	min-height:100%;
	overflow-y:auto;
	z-index:9999;
	padding-bottom:120px;
	background-color:#fff;
	display:none;
}

	.header_small_menu_list li img {
		width:20px;
	}
	
	.menu_list_1 {
		min-height:60px;
		padding:20px 0 0 0;
		font-size:15px;
		font-family:'Lato',"Microsoft JhengHei", sans-serif;
		border-bottom:1px solid #d5d5d5;
	}
		.menu_list_1 a{
			color:#0d0d0d;
		}
	
	.menu_list_2 {
		min-height:60px;
		padding:20px 0 0 0;
		font-size:15px;
		font-family:'Lato',"Microsoft JhengHei", sans-serif;
		border-bottom:1px solid #d5d5d5;
	}
		.menu_list_2 a {
			color:#6a6a6a;
		}
		.menu_list_2 a:hover {
			color:#0d0d0d;
		}
		.menu_list_ul2 li:first-child {
			border-top:1px solid #d5d5d5;
			border-bottom:1px solid #d5d5d5;
			margin-top:15px;
		}
		.menu_list_ul2 li:last-child {
			border-bottom:0;
		}
	.menu_list_3 {
		min-height:60px;
		padding:20px 0 0 0;
		font-size:15px;
		font-family:"Microsoft JhengHei",'Lato',"Microsoft JhengHei", sans-serif;
	}
		.menu_list_3 a {
			color:#6a6a6a;
		}
		.menu_list_3 a:hover {
			color:#0d0d0d;
		}
		.menu_list_ul3 li:first-child {
			border:0;
			margin-top:15px;
		}
		.menu_list_ul3 li:last-child {
			border:0;
		}
	
	.menu_list_1_p {
		padding:0 20px 0 20px;
	}
	.menu_list_2_p {
		padding:0 20px 0 40px;
	}
	.menu_list_3_p {
		padding:0 20px 0 40px;
	}

	.header_small_clear {
		height:70px;
		clear:both;
		border-bottom:1px solid #d5d5d5;
	}
	
	.menu_list_ul1 {
		list-style:none;
		padding:0;
	}
	
	.menu_list_ul2 {
		list-style:none;
		padding:0;
		margin:0;
		display:none;
	}
	
	.menu_list_ul3 {
		list-style:none;
		padding:0;
		margin:0;
		display:none;
	}
	
	.menu_lista {
		position:absolute;
		width:100%;
		padding-bottom:30px;
		text-align:center;
		z-index:9999;
		background:rgba(0,0,0,0.8);
		top:83px;
		overflow-y:auto;
		color:#FFF;
		left:0;
		font-family:'Open Sans',"Microsoft JhengHei", sans-serif;
		display:none;
		
	}
		.menu_lista2 {
			width:1000px;
			margin:auto;
			text-align:center;
			padding-top:50px;
			overflow:hidden;
			position:relative;
		}
		.menu_main {
			font-size:18px;
			float:left;
			margin-left:20px;
		}
			.menua_1 {
				width:220px;
				border-bottom:1px solid #CCC;
				padding-bottom:10px;
				padding-top:10px;
				text-align:left;
				font-weight:bold;
			}
				.menua_1 a {
					color:#FFF;
				}
				.menua_1 a:hover {
					color:#CCC;
				}
			.menua_2 {
				width:220px;
				border-bottom:1px solid #CCC;
				padding-bottom:10px;
				padding-top:10px;
				text-align:left;
			}
				.menua_2 a {
					color:#CCC;
				}
				.menua_2 a:hover {
					color:#FFF;
				}
			.menua_3 {
				width:220px;
				border-bottom:1px solid #CCC;
				padding-bottom:10px;
				padding-top:10px;
				text-align:left;
			}
			.menua_clear {
				clear:both;
				height:30px;
			}
	
	
	
@media only screen and (min-width: 768px) {
	.header_small_menu_list li img {
		width:30px;
	}
	
	.menu_list_1 {
		min-height:75px;
		padding:25px 0 0 0;
		font-size:22px;
		border-bottom:1px solid #d5d5d5;
	}
		.menu_list_1 a {
			color:#0d0d0d;
		}
	
	.menu_list_2 {
		min-height:75px;
		padding:25px 0 0 0;
		font-size:22px;
		font-family:'Lato',"Microsoft JhengHei", sans-serif;
		border-bottom:1px solid #d5d5d5;
	}
		.menu_list_2 a {
			color:#6a6a6a;
		}
		.menu_list_2 a:hover {
			color:#0d0d0d;
		}
		.menu_list_ul2 li:first-child {
			border-top:1px solid #d5d5d5;
			border-bottom:1px solid #d5d5d5;
			margin-top:15px;
		}
		.menu_list_ul2 li:last-child {
			border-bottom:0;
		}
		
	.menu_list_3 {
		min-height:75px;
		padding:25px 0 0 0;
		font-size:22px;
		font-family:"Microsoft JhengHei",'Lato',"Microsoft JhengHei", sans-serif;
	}
		.menu_list_3 a {
			color:#6a6a6a;
		}
		.menu_list_3 a:hover {
			color:#0d0d0d;
		}
		.menu_list_ul3 li:first-child {
			border:0;
			margin-top:15px;
		}
		.menu_list_ul3 li:last-child {
			border:0;
		}
			
	
	.menu_list_1_p {
		padding:0 30px 0 30px;
	}
	.menu_list_2_p {
		padding:0 30px 0 50px;
	}
	.menu_list_3_p {
		padding:0 30px 0 50px;
	}
	
	.header_small_clear {
		height:90px;
		clear:both;
		border-bottom:1px solid #d5d5d5;
	}
}

.header_small_footer {
	padding-top: 50px;
	clear: both;
	line-height: 36px;
}


@media only screen and (min-width: 1000px) {
.logo {
	position:absolute;
	top:30px;
	left:50px;
	z-index:999;
}
.fb {
	position:absolute;
	top:30px;
	right:50px;
	z-index:999;
	width:165px;
	height:40px;
	background:url(../images/fb.png) no-repeat;
	cursor:pointer;
	font-size:14px;
}
}

@media only screen and (min-width: 1300px) {
.logo {
	position:absolute;
	top:30px;
	left:100px;
	z-index:999;
}
.fb {
	position:absolute;
	top:30px;
	right:100px;
	z-index:999;
	width:165px;
	height:40px;
	background:url(../images/fb.png) no-repeat;
	cursor:pointer;
	font-size:14px;
}
}

@media only screen and (min-width: 1600px) {
.logo {
	position:absolute;
	top:65px;
	left:200px;
	z-index:999;
}
.fb {
	position:absolute;
	top:40px;
	right:200px;
	z-index:999;
	width:165px;
	height:40px;
	background:url(../images/fb.png) no-repeat;
	cursor:pointer;
	font-size:14px;
}
}


.header_clear {
	clear: both;
	height: 10px;
}



.banner {
	width:100%;
	height:100%;
	height:auto;
	position:relative;
	text-align:center;
	overflow:hidden;
}

	.word {
		position: absolute;
		width: 350px;
		height: 110px;
		left: 50%;
		top: 50%;
		display: none;
		z-index: 999;
		margin-left: -100px;
		margin-top: -55px;
		text-align: left;
	}
		.word1 {
			font-size: 24px;
			color: #000;
		}
		.word2 {
			font-size: 12px;
			font-weight:100;
			color: #000;
		}

	@media only screen and (min-width: 500px) {
		.word {
			width: 500px;
			height: 80px;
			margin-left: -250px;
			margin-top: -40px;
			display: block;
		}
			.word1 {
				font-size: 28px;
			}
			.word2 {
				font-size: 16px;
			}
	}
	
	@media only screen and (min-width: 1000px) {
		.word {
			width: 600px;
			height: 110px;
			margin-left: -300px;
			margin-top: -55px;
			display: block;
		}
			.word1 {
				font-size: 32px;
			}
			.word2 {
				font-size: 16px;
			}
	}
	
	@media only screen and (min-width: 1600px) {
		.word {
			width: 700px;
			height: 110px;
			margin-left: -600px;
			margin-top: -55px;
			display: block;
		}
			.word1 {
				font-size: 48px;
			}
			.word2 {
				font-size: 18px;
			}
	}
	
	
#content {
	width:100%;
	margin:auto;
	text-align:center;
	background:#FFF;
	overflow:hidden;
	padding:100px 20px;
}
	

	.about_1 {
		width:43%;
		float:left;
	}
	.about_2 {
		width:52%;
		float:left;
	}
	
	.about1 {
		width:100%;
		position:relative;
		float:left;
		opacity:0;
		margin-top:50px;
	}
		.about_line {
			position:absolute;
			top:0;
			left:30px;
			z-index:999;
		}
		.about_pic1 {
			position:relative;
			padding-top:40px;
		}
		.about_word1 {
			position:absolute;
			top:330px;
			left:50%;
			margin-left:-200px;
		}
		.about_word2 {
			font-size:15px;
			padding:0 40px;
			text-align:left;
		}
		.about_title1 {
			font-size:21px;
			color:#FFF;
		}
		.about_clear {
			height:40px;
			clear:both;
		}
		
	.about_none {
		width:5%;
		height:30px;
		float:left;
	}
	
	.about2 {
		width:46%;
		padding-top:40px;
		float:left;
		opacity:0;
		margin-top:50px;
	}
		.about2_word {
			text-align:left;
		}
	
	.about3 {
		width:46%;
		padding-top:40px;
		float:left;
		opacity:0;
		margin-top:50px;
	}
	.about4 {
		opacity:0;
		margin-top:50px;
	}
	.see_clear {
		height:30px;
		clear:both;
	}
	.see_more {
		width:100%;
		height:130px;
		line-height:130px;
		border:1px solid #bd8a39;
		font-size:18px;
		color:#bd8a39;
		font-weight:100;
		cursor:pointer;
	}
	.see_more:hover {
		color:#FFF;
		background:#bd8a39;
	}
	.under_word1 {
		font-size:18px;
		padding-top:20px;
		padding-bottom:20px;
		font-weight:300;
		text-align: left;
	}
	.under_word2 {
		font-size:18px;
		padding-top:20px;	
	}
	.under_line {
		position:absolute;
		top:60px;
		left:40px;
		z-index:999;
	}
	.under_pic1 {
		position:relative;
		padding-top:10px;
	}
	.about_1 {
		width:43%;
		float:left;
	}
	.about_2 {
		width:50%;
		float:left;
	}
	
	.about1 {
		width:100%;
		position:relative;
		float:left;
	}
		.about_line {
			position:absolute;
			top:0;
			left:30px;
			z-index:999;
		}
		.about_pic1 {
			position:relative;
			padding-top:40px;
		}
		.about_word1 {
			position:absolute;
			top:330px;
			left:50%;
			margin-left:-200px;
		}
		.about_word2 {
			font-size:15px;
			padding:0 40px;
			text-align:left;
		}
		.about_title1 {
			font-size:21px;
			color:#FFF;
		}
		.about_clear {
			height:40px;
			clear:both;
		}
		
	.about_none {
		width:3%;
		height:30px;
		float:left;
	}
	
	.about2 {
		width:46%;
		padding-top:40px;
		float:left;
	}
		.about2_word {
			text-align:left;
		}
	
	.about3 {
		width:46%;
		padding-top:40px;
		float:left;
	}
	.see_clear {
		height:30px;
		clear:both;
	}
	.see_more {
		width:100%;
		height:130px;
		line-height:130px;
		border:1px solid #bd8a39;
		font-size:18px;
		color:#bd8a39;
		font-weight:100;
		cursor:pointer;
	}
	.see_more:hover {
		color:#FFF;
		background:#bd8a39;
	}
	.under_word1 {
		font-size:18px;
		padding-top:20px;
		padding-bottom:20px;
		font-weight:300;
		text-align: left;
	}
	.under_word2 {
		font-size:18px;
		padding-top:20px;	
	}
	.under_line {
		position:absolute;
		top:60px;
		left:40px;
		z-index:999;
	}
	.under_pic1 {
		position:relative;
		padding-top:10px;
	}

#content {
	width:100%;
	margin:auto;
	text-align:center;
	background:#FFF;
	overflow:hidden;
	padding:100px 20px;
}
	.about_1 {
		width:100%;
		float:left;
	}
	.about_2 {
		width:100%;
		float:left;
	}
	
	.about1 {
		width:100%;
		position:relative;
		float:left;
	}
		.about_line {
			position:absolute;
			top:0;
			left:30px;
			z-index:999;
		}
		.about_pic1 {
			position:relative;
			padding-top:40px;
		}
		.about_word1 {
			position:absolute;
			top:330px;
			left:50%;
			margin-left:-200px;
		}
		.about_word2 {
			font-size:15px;
			padding:0 40px;
			text-align:left;
		}
		.about_title1 {
			font-size:21px;
			color:#FFF;
		}
		.about_clear {
			height:40px;
			clear:both;
		}
		
	.about_none {
		width:3%;
		height:30px;
		float:left;
	}
	
	.about2 {
		width:46%;
		padding-top:40px;
		float:left;
	}
		.about2_word {
			text-align:left;
		}
	
	.about3 {
		width:46%;
		padding-top:40px;
		float:left;
	}
	.see_clear {
		height:30px;
		clear:both;
	}
	.see_more {
		width:100%;
		height:100px;
		line-height:100px;
		border:1px solid #bd8a39;
		font-size:18px;
		color:#bd8a39;
		font-weight:100;
		cursor:pointer;
	}
	.see_more:hover {
		color:#FFF;
		background:#bd8a39;
	}
	.under_word1 {
		font-size:18px;
		padding-top:20px;
		padding-bottom:20px;
		font-weight:300;
		text-align: left;
	}
	.under_word2 {
		font-size:18px;
		padding-top:20px;	
	}
	.under_line {
		position:absolute;
		top:60px;
		left:40px;
		z-index:999;
	}
	.under_pic1 {
		position:relative;
		padding-top:10px;
	}

@media only screen and (min-width: 1000px) {
#content {
	max-width:1600px;
	width:100%;
	margin:auto;
	text-align:center;
	background:#FFF;
	overflow:hidden;
	padding:100px 20px;
}
	.about_1 {
		width:45%;
		float:left;
	}
	.about_2 {
		width:50%;
		float:left;
	}
	
	.about1 {
		width:100%;
		position:relative;
		float:left;
	}
		.about_line {
			position:absolute;
			top:0;
			left:30px;
			z-index:999;
		}
		.about_pic1 {
			position:relative;
			padding-top:40px;
		}
		.about_word1 {
			position:absolute;
			top:330px;
			left:50%;
			margin-left:-200px;
		}
		.about_word2 {
			font-size:15px;
			padding:0 40px;
			text-align:left;
		}
		.about_title1 {
			font-size:21px;
			color:#FFF;
		}
		.about_clear {
			height:40px;
			clear:both;
		}
		
	.about_none {
		width:4%;
		height:30px;
		float:left;
	}
	
	.about2 {
		width:48%;
		padding-top:40px;
		float:left;
	}
		.about2_word {
			text-align:left;
		}
	
	.about3 {
		width:48%;
		padding-top:40px;
		float:left;
	}
	.see_clear {
		height:30px;
		clear:both;
	}
	.see_more {
		width:100%;
		height:130px;
		line-height:130px;
		border:1px solid #bd8a39;
		font-size:18px;
		color:#bd8a39;
		font-weight:100;
		cursor:pointer;
	}
	.see_more:hover {
		color:#FFF;
		background:#bd8a39;
	}
	.under_word1 {
		font-size:18px;
		padding-top:20px;
		padding-bottom:20px;
		font-weight:300;
		text-align: left;
	}
	.under_word2 {
		font-size:18px;
		padding-top:20px;	
	}
	.under_line {
		position:absolute;
		top:60px;
		left:40px;
		z-index:999;
	}
	.under_pic1 {
		position:relative;
		padding-top:10px;
	}
}


#content_clear {
	height:70px;
	clear:both;
}

#footer {
	width:100%;
	max-width:1600px;
	margin:auto;
	text-align:center;
	background:#FFF;
	overflow:hidden;
	padding:40px 10px;
}

	.footer1 {
		width:100%;
		float:left;
		text-align:center;
	}
	.footer2 {
		width:100%;
		float:left;
		line-height:24px;
		text-align:center;
		font-size:15px;
		padding-top:40px;
	}
  .footer2_1 {
    width: 100%;
    float: left;
    text-align: left;
    padding-right: 0px;
  }
  .footer2_2 {
    width: 100%;
    float: left;
    text-align: left;
    padding-top: 20px;
  }
	.footer3 {
		width:100%;
		float:left;
		text-align:center;
		font-size:12px;
		padding-top:20px;
	}
@media only screen and (min-width: 600px) {
  .footer2_1 {
    width: 50%;
    float: left;
    text-align: left;
    padding-right: 20px;
  }
  .footer2_2 {
    width: 50%;
    float: left;
    text-align: left;
    padding-top: 0;
  }
}
@media only screen and (min-width: 1000px) {
#footer {
	width:100%;
	max-width:1600px;
	margin:auto;
	text-align:center;
	background:#FFF;
	overflow:hidden;
	padding:90px 50px;
}
	.footer1 {
		width:30%;
		float:left;
		text-align:left;
	}
	.footer2 {
		width:45%;
		float:left;
		line-height:24px;
		text-align:left;
		font-size:15px;
		padding-top:0;
	}
  .footer2_1 {
    width: 50%;
    float: left;
    text-align: left;
  }
  .footer2_2 {
    width: 50%;
    float: left;
    text-align: left;
  }
	.footer3 {
		width:25%;
		float:left;
		text-align:left;
		font-size:12px;
		padding-top:5px;
	}
}

.bx-viewport, .bx-wrapper{
    position:relative;
    width:100%;
    height:100% !important;
    top:0;
    left:0;
}
.bxslider, .bxslider li{
    height: 100% !important;;
}
.bxslider li{
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}
.bx-wrapper .bx-viewport{
    border: none !important;
}