@charset "utf-8";

body {
	font-size: 15px;
	font-family: oxygen,微軟正黑體,Verdana,sans-serif;
	-webkit-text-size-adjust: none
}

.clean {
	clear: both;
	height: 0;
	line-height: 0
}

.red {
	color: #ff5151
}

body #arrow {
	width: 100%;
	height: 70px;
	position: absolute;
	bottom: 0;
	z-index: 99;
	text-align: center;
	background: -moz-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(51,51,51,0.65) 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,0)),color-stop(100%,rgba(51,51,51,0.65)));
	background: -webkit-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(51,51,51,0.65) 100%);
	background: -ms-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(51,51,51,0.65) 100%);
	background: linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(51,51,51,0.65) 100%)
}

#jump {
	margin-top: 20px
}

#header {
	width: 100%;
	background: url(../images/header_bg.jpg) repeat-x top;
	position: relative;
	z-index: 899;
	box-shadow: 0 5px 15px 0 rgba(0,0,0,.6)
}

.h_bg {
	width: 100%;
	background: url(../images/header_bg02.jpg) no-repeat top center
}

.h_con {
	width: 100%;
	max-width: 990px;
	height: 118px;
	margin: 0 auto;
	overflow: hidden
}

.h_r {
	width: 250px;
	float: right
}

.community {
	padding: 12px 15px 0 0;
	text-align: right;
	display: block
}

.community li {
	display: inline;
	margin-left: 3px
}

.h_l {
	width: 420px;
	float: left;
	padding: 22px 0 0 25px
}

.logo {
	width: 226px;
	float: left;
	position: relative
}

.logo h1 {
	position: absolute;
	text-indent: -9999px
}

.logo2 {
	float: left;
	margin: 22px 0 0 10px
}

.top_search {
	width: 210px;
	float: right;
	padding-top: 10px
}

.search01 {
	width: 165px;
	border: 0;
	vertical-align: middle
}

.search_btn {
	width: 21px;
	height: 20px;
	text-indent: -9999px;
	background: url(../images/search_btn.png) no-repeat;
	border: 0;
	cursor: pointer;
	vertical-align: middle
}

.nav {
	width: calc(100% - 210px);
	max-width: 780px;
	float: left;
	margin-top: 5px
}

.nav li {
	float: left;
	margin: 0 0px
}

.nav li:last-child {
	margin-right: 0
}

.nav li a {
	height: 30px;
	padding: 7px 15px 0;
	display: block;
	color: #fff;
	font-size: 16px
}

.nav li a:hover {
	color: #00cbff;
	text-decoration: none
}

.nav-link {
	width: 40px;
	height: 40px;
	position: absolute;
	border: 1px solid rgba(255,255,255,.8);
	background-color: transparent;
	display: none;
	right: 20px;
	top: 20px;
	z-index: 10
}

.nav-link span {
	width: 20px;
	height: 2px;
	margin: auto;
	background-color: rgba(255,255,255,.8);
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	-moz-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	-webkit-transition: all .5s ease-out;
	transition: all .5s ease-out
}

.nav-link:before,.nav-link:after {
	content: "";
	width: 20px;
	height: 2px;
	margin: auto;
	background-color: rgba(255,255,255,.8);
	position: absolute;
	left: 0;
	right: 0;
	-moz-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	-webkit-transition: all .5s ease-out;
	transition: all .5s ease-out
}

.nav-link:before {
	top: 16px;
	bottom: 0
}

.nav-link:after {
	top: 0;
	bottom: 16px
}

.nav2-search {
	padding: 10px!important;
	background-color: #555;
	display: block
}

.nav2-search .nav2-sh .sh01 {
	width: calc(100% - 30px);
	height: 25px;
	line-height: 25px;
	border: 0;
	vertical-align: top
}

.nav2-search .nav2-sh .sh_btn {
	width: 25px;
	height: 25px;
	border: 0;
	display: inline-block;
	vertical-align: top;
	background: url(../images/search_btn.png) no-repeat center center #1c1a1a;
	text-indent: -9999px
}

.all_content {
	width: 100%;
	margin-top: -35px;
	padding: 0 15px 35px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 0px 0px 50% 50%/20px;
	box-shadow: 0 5px 10px 0 rgba(0,0,0,.6);
	position: relative;
	overflow: hidden
}

.all_wrap {
	width: 100%;
	max-width: 990px;
	margin: 0 auto;
	padding: 60px 0 20px;
	position: relative;
	text-align: center
}

.all_wrap .go_top {
	position: absolute;
	left: calc(50% - 40px);
	bottom: -41px
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	.all_wrap .go_top {
		bottom: -42px
	}
}

.A_bg01 {
	background: url(../images/A_bg01.jpg) repeat
}

.B_bg01 {
	background: url(../images/B_bg01.jpg) repeat-y top center
}

.A_bg02 {
	background: url(../images/A_bg02.jpg) repeat top
}

.A_bg03 {
	background: url(../images/A_bg03.jpg) repeat
}

.B_bg03 {
	background: url(../images/B_bg03.jpg) repeat-y top center
}

.A_bg04 {
	background: url(../images/A_bg04.jpg) repeat top
}

.A_bg05 {
	background: url(../images/A_bg05.jpg) repeat
}

.B_bg05 {
	background: url(../images/B_bg05.jpg) repeat-y top center
}

.A_bg06 {
	background: url(../images/A_bg06.jpg) repeat
}

.all_title {
	width: 100%;
	margin-bottom: 20px;
	padding: 0 0 10px;
	font-size: 30px;
	text-align: center;
	font-family: lato,微軟正黑體;
	font-weight: 400
}

.all_title p {
	display: inline
}

.title_l {
	padding: 0 0 0 47px;
	background-position: left 15px;
	background-repeat: no-repeat
}

.title_r {
	padding: 0 47px 0 0;
	background-position: right 15px;
	background-repeat: no-repeat
}

.title01 {
	background-image: url(../images/T_icon01.png);
	color: #252525
}

.title11 {
	background-image: url(../images/T_icon11.png);
	color: #686868
}

.title02 {
	background-image: url(../images/T_icon02.png);
	color: #fff
}

.title22 {
	background-image: url(../images/T_icon22.png);
	color: #bcbcbc
}

.title03 {
	background-image: url(../images/T_icon03.png);
	color: #fff
}

.title33 {
	background-image: url(../images/T_icon33.png);
	color: #413d3d
}

.read_more {
	width: 100%;
	text-align: center
}

.read_more a {
	width: 105px;
	height: 28px;
	padding: 5px 0 0;
	margin: 0 5px 10px;
	color: #fff;
	text-align: center;
	font-weight: 700;
	display: inline-block
}

.read_more a.more01 {
	background: #afafaf
}

.read_more a.more01:hover {
	background: #0ab6e2
}

.read_more a.more02 {
	background: #999
}

.read_more a.more02:hover {
	background: #c03
}

.read_more a.more03 {
	background: #707070
}

.read_more a.more03:hover {
	background: #ff0;
	color: #252525
}

.read_more a.more04 {
	background: #0ab6e2
}

.read_more a.more04:hover {
	background: #fc0;
	color: #252525
}

.category {
	margin-bottom: 15px;
	padding: 0 15px;
	position: relative
}

#bxslider {
	width: 100%;
	max-width: 946px
}

.cat_list {
	width: calc(25% - 20px);
	float: left;
	padding-top: 5px;
	margin: 0 10px
}

.cat_list img {
	width: 100%;
	margin-bottom: 25px;
	display: block
}

.cat_list img:hover {
	border: #ccc solid 3px;
	box-shadow: 0 0 5px 0 rgba(0,0,0,.5);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box
}

.cat_list p a {
	padding: 8px 5px;
	color: #2d2e30;
	background: #fff;
	display: block;
	text-align: center;
	line-height: 20px
}

.cat_list p a:hover {
	background: #0ab6e2;
	color: #fff
}

.category #bxslider {
	padding-bottom: 30px
}

.category #bxslider #next,.category #bxslider #prev {
	width: 17px;
	height: 54px;
	display: block;
	position: absolute;
	z-index: 5;
	top: calc(50% - 27px)
}

.category #bxslider #next {
	background: url(../images/next01.png) no-repeat;
	right: -22px
}

.category #bxslider #next:hover {
	background: url(../images/next11.png) no-repeat
}

.category #bxslider #prev {
	background: url(../images/prev01.png) no-repeat;
	left: -22px
}

.category #bxslider #prev:hover {
	background: url(../images/prev11.png) no-repeat
}

.category #bxslider ul.slick-dots {
	display: none!important
}

.footnav_bg {
	width: 100%;
	background: url(../images/footnav_bg.jpg) repeat;
	font-size: 13px
}

.footnav_con {
	width: 100%;
	max-width: 990px;
	margin: 0 auto;
	padding: 6px 0;
	background: url(../images/footnav_bg02.jpg) repeat-y top center;
	position: relative;
	text-align: center
}

.ework {
	color: #7a7a7a;
	position: absolute;
	right: 10px;
	top: 6px
}

.ework a {
	color: #7a7a7a
}

.ework a:hover {
	color: #00cbff
}

.foot_nav {
	width: 100%;
	color: #fff
}

.foot_nav li {
	margin-right: 8px;
	display: inline
}

.foot_nav li a {
	padding-right: 5px;
	color: #fff
}

.foot_nav li a:hover {
	color: #00cbff
}

#foot {
	background: url(../images/foot_bg.jpg) repeat;
	font-size: 13px
}

.foot_con {
	width: 100%;
	max-width: 990px;
	margin: 0 auto;
	padding: 15px 0 20px;
	background: url(../images/foot_bg02.jpg) repeat-y top center;
	text-align: center
}

.foot_con p {
	color: #0eb5ff;
	line-height: 22px;
	padding: 0 15px
}

.foot_con a {
	color: #0eb5ff
}

.foot_con a:hover {
	color: #fc0
}

.foot_icon {
	width: 100%;
	margin-bottom: 18px;
	display: table;
	border-bottom: #000 1px solid;
	box-shadow: #454545 0 1px 0 0
}

.foot_icon_list {
	display: block;
	padding: 10px 0 20px
}

.foot_icon_list li {
	width: 141px;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	border-left: #454545 1px solid;
	border-right: #000 1px solid
}

.foot_icon_list li:first-child {
	border-left: 0
}

.foot_icon_list li:last-child {
	border-right: 0
}

@media screen and (max-width:1010px) {
	.nav li {
		float: left;
		margin: 0
	}

	.nav li a {
		padding: 7px 10px 0
	}
}

@media screen and (max-width:830px) {
	body #arrow {
		display: none!important
	}

	.h_r,.top_search,.nav {
		display: none
	}

	.h_con {
		height: 80px
	}

	.nav-link {
		display: block
	}

	.footnav_con {
		display: none
	}
}

@media screen and (max-width:540px) {
	.logo {
		width: 200px
	}

	.logo img {
		width: 100%
	}

	.logo2 {
		display: none
	}

	.all_title {
		font-size: 23px;
		line-height: 30px
	}

	.title_l {
		background-position: left 10px
	}

	.title_r {
		background-position: right 10px
	}

	.foot_icon {
		display: none
	}
}