@charset "utf-8";
@import url(animate.css);
@import url(bootstrap.min.css);
@import url(flaticon.css);
@import url(jquery.fancybox.min.css);
@import url(owl.carousel.min.css);
@import url(https://fonts.googleapis.com/css?family=Lato|Quintessential);
@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);
@import url(https://fonts.googleapis.com/earlyaccess/cwtexfangsong.css);
body, h1, h2, h3, h4, h5, h6{
	font-family: "Lato", "Apple LiGothic Medium", "微軟正黑體", "Microsoft Jhenghei", "Noto Sans TC",sans-serif;
}
body{
	color: #333;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 1px;
	line-height: 150%;
	margin: 0;
	-webkit-overflow-scrolling: touch;/*非正規*/
	overflow-x: hidden;
	padding: 0;
	position: relative;
	text-justify:inter-ideograph;
}
h1, h2, h3, h4, h5, h6{
	color: #333;
	font-weight: 400;
	letter-spacing: 1px;
	line-height: 150%;
}
a, a:active, a:focus, a:visited, .btn{
	background: transparent;
	display: inline-block;
	transition: all .25s ease;
}
a:hover, a:active, a:visited, a:focus{
	text-decoration: none;
}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus{
	outline: none;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	margin: 0;
}
nav h1,
nav h2,
nav h3{
	color: inherit;
	font-family: inherit;
	font-size: inherit;
	line-height: 1;
	margin: 0;
	padding: 0;
	text-transform: capitalize;
}
::selection{
	background: #461511;
	box-shadow: none;
	color: #fff;
}
::-moz-selection{
	background: #461511;
	box-shadow: none;
	color: #fff;
}
.text-justify{
	text-justify:inter-ideograph;
}
.text-serif{
	font-family: 'Quintessential', 'cwTeXFangSong', 'Times New Roman', '新細明體', serif;
}
ul[class*=nav],
ul[class*=list]{
	list-style: none;
	margin: 0;
	padding: 0;
}
ul[class*=nav]:after,
ul[class*=list]:after{
	clear: both;
	content: '';
	display: block;
}
#gotop{
	color: #333;
	display: block;
	height: auto;
	margin: 50px auto;
	padding-top: 10px;
	position: relative;
	text-align: center;
	transition: all .25s ease;
	width: 40px;
	z-index: 10000;
}
#gotop:before{
	border: transparent 2px solid;
	border-left-color: #333;
	border-top-color: #333;
	content: "";
	display: block;
	height: 12px;
	left: calc(50% - 6px);
	position: absolute;
	transform: rotate(45deg);
	top: 5px;
	width: 12px;
}
/*==============================*/
a:focus,
.btn:focus{
	box-shadow: none;
	outline: none;
}
a.brand{
	background: transparent url(../images/logo.png) center center no-repeat;
	background-size: 100% auto;
	display: block;
	height: 59px;
	margin: 0 auto;
	width: 150px;
}
body{
	background: #e7e5dd url(../images/bg_body.jpg);
	position: relative;
}
.bread{
	background: #6b6350;
	font-family: 'Quintessential', 'cwTeXFangSong', 'Times New Roman', '新細明體', serif;
	text-transform: capitalize;
}
.breadcrumb,
.breadcrumb a,
.breadcrumb .active{
	color: #ccc;
}
.breadcrumb{
	background: none;
	border-radius: 0;
	display: none;
	font-size: 16px;
	margin: 5px 0;
	padding: 0;
	text-align: right;
}
.breadcrumb a:hover{
	color: #fff;
}
.breadcrumb li+li:before{
	content: '>';
	padding: 0;
}
.breadcrumb:before{
	content: attr(data-title) '：';
	display: inline-block;
	line-height: 1;
	vertical-align: 0px;
}
.btn,
.btn:active,
.btn:focus,
.btn:visited{
	background: #333 ;
	border: none;
	border-radius: 0px;
	color: rgba(255, 255, 255, 1);
	font-weight: 100;
	padding: 5px 15px;
}
.btn:hover{
	background: #461511;
	color: rgba(255, 255, 255, 1);
}
.btn.nav-toggle,
.btn.nav-toggle:active,
.btn.nav-toggle:focus,
.btn.nav-toggle:hover,
.btn.nav-toggle:visited{
	background: transparent url(../images/icon_toggle.png) center bottom no-repeat;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	border: none;
	border-radius: 0;
	height: 125px;
	left: auto;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 5px;
	top: 100%;
	width: 20px;
	z-index: -1;
}
.btn.nav-toggle:before{
	bottom: 45px;
	color: #fff;
	content: attr(data-info);
	display: block;
	height: auto;
	font-size: 14px;
	left: calc(50% - 7px);
	letter-spacing: 0;
	line-height: 16px;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 0;
	text-align: center;
	text-shadow: rgba(0,0,0,.5) 0 0 2px;
	white-space: normal;
	width: 14px;
	word-break: break-all;
}
[lang*=en] .btn.nav-toggle:before{
	bottom: 15px;
}
.btn.nav-toggle.clicked{
	height: 140px;
}
.btn.nav-toggle.clicked>span{
	background: #eee;
	bottom: auto;
	left: auto;
	margin: 0;
	opacity: 0;
	padding: 0;
	position: absolute;
	right: 0;
	top: 12px;
	width: 100%;
}
.btn.nav-toggle.clicked>span:first-child,
.btn.nav-toggle.clicked>span:last-child{
	opacity: 1;
}
.btn.nav-toggle.clicked>span:first-child{
	transform: rotate(-135deg);
}
.btn.nav-toggle.clicked>span:last-child{
	transform: rotate(135deg);
}
.grecaptcha-badge{
	opacity: .1;
}
body>nav{
	background:
		repeating-linear-gradient(-45deg, rgba(0,0,0,.25) 0px, rgba(0,0,0,.25) 1px, rgba(0,0,0,0) 2px, rgba(0,0,0,0) 5px) center center,
		url(../images/bg_nav.jpg) center top,
		#461511 ;
	-webkit-background-size: auto, 200% auto, auto;
	background-size: auto, 200% auto, auto;
	left: 0;
	padding: 25px 0;
	position: relative;
	right: 0;
	top: 0;
	z-index: 100;
}
nav .nav{
	border-radius: 0;
	display: none;
	margin: 25px auto 0;
	overflow-x: hidden;
	padding: 0;
	width: 150px;
}
nav .nav>li{
	background: url(../images/icon_cloud.svg) 10px center no-repeat;
	-webkit-background-size: 30px 30px;
	background-size: 30px 30px;
	overflow: hidden;
	position: relative;
	text-align: left;
}
nav .nav li>a{
	color: #eee;
	overflow: hidden;
}
nav .nav>li>a{
	padding: 10px 10px 10px 50px;
}
nav .nav>li>a:focus,
nav .nav>li>a:hover{
	background: transparent;
	outline: none;
}
nav .nav>li+li{
	border-top: rgba(255,255,255,.05) 1px solid;
}
.page-content{
	font-size: 16px;
}
.page-content h1,
.page-content h2,
.page-content h3,
.page-content h4,
.page-content h5,
.page-content h6,
.page-content p{
	color: #333
}
.page-content h1{
	font-size: 2em;
}
.page-content h2{
	font-size: 1.5em;
}
.page-content h3{
	font-size: 1.25em;
}
.page-content h4{
	font-size: 1em;
}
.page-content h5{
	font-size: .75em;
}
.page-content h6{
	font-size: .5em;
}
.page-content img{
	display: block;
	height: auto;
	margin: 15px 0;
	max-width: 100%;
}
.page-content p{
	margin-bottom: 15px;
}
.page-content img+p,
.page-content p+img{
	margin-top: 30px;
}
.page-list,
.pagination{
	display: inline-block;
	font-size: 14px;
	margin: 0;
	vertical-align: middle;
}
.page-list>li,
.pagination>li{
	border: none;
	display: none;
	float: left;
	margin: 0;
	padding: 0;
}
.page-list>li{
	display: block;
}
.page-list>li a,
.page-list>li a:active,
.page-list>li a:focus,
.page-list>li a:visited,
.pagination>li a,
.pagination>li a:active,
.pagination>li a:focus,
.pagination>li a:visited,
.pagination>li:first-child a,
.pagination>li:last-child a{
	background: #333;
	border-radius: 0px;
	border: none;
	color: rgba(255,255,255,1);
	float: none;
	line-height: 34px;
	min-width: 34px;
	padding: 0 10px;
	text-align: center;
}
.page-list>li a:hover,
.pagination>li a:hover,
.pagination>li.active a,
.pagination>li.active a:active,
.pagination>li.active a:focus,
.pagination>li.active a:hover,
.pagination>li.active a:visited{
	background: #461511;
	color: rgba(255,255,255,1);
}
.page-list>li+li,
.pagination>li+li{
	margin-left: 10px;
}
.pagination>li.active,
.pagination>li.arrow{
	display: block;
}
.pagination>li.arrow>a{
	line-height: 30px;
	padding-bottom: 4px;
}
.pagination:after{
	clear: both;
	content: '';
	display: block;
}
ul[class*=list]>li:first-child{
	margin-top: 0px;
}
ul[class*=list] .preview{
	background: center center no-repeat;
	background-size: cover;
	height: calc((100vw - 30px) / 4 * 3);
	overflow: hidden;
	position: relative;
}
ul[class*=list] .preview>a{
	background: rgba(0,0,0,.1) center center no-repeat;
	background-size: cover;
	color: #fff;
	height: 100%;
	line-height: 1;
	position: relative;
	text-align: center;
	text-shadow: rgba(0,0,0,.25) 0 2px 5px;
	text-transform: uppercase;
	width: 100%;
}
ul[class*=list] .preview+h2,
ul[class*=list] .preview+p:not([class]){
	margin: 10px 0 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
ul[class*=list] .preview+h2{
	font-size: inherit;
	text-align: center;
}
ul[class*=list] .preview i{
	display: block;
	font-size: 45px;
	line-height: 1;
	margin-bottom: 5px;
	margin-top: calc((100vw - 30px) / 8 * 3 - 33px);
}
ul[class*=list] .preview img{
	display: block;
	height: 100%;
	opacity: 0;
	width: 100%;
}
ul[class*=list] .preview:before{
	border: #ccc 1px solid;
	bottom: 0;
	box-shadow: inset #fff 0 0 0 5px, inset #ccc 0 0 0 6px;
	content: '';
	display: block;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}
@media (min-width: 544px){
	ul[class*=list] .preview>a{
		background-color: rgba(0,0,0,.65);
		opacity: 0;
		text-shadow: none;
	}
	ul[class*=list] .preview>a:hover{
		opacity: 1;
	}
}
@media (min-width: 768px){
	a.brand{
		height: 74px;
		width: 190px;
	}
	.breadcrumb{
		display: block;
	}
	.btn.nav-toggle,
	.btn.nav-toggle:active,
	.btn.nav-toggle:focus,
	.btn.nav-toggle:hover,
	.btn.nav-toggle:visited{
		right: calc(50% - 370px);
	}
	nav{
		text-align: center;
	}
	nav .nav{
		display: block;
		margin-top: 25px;
		overflow: visible;
		width: 384px;
	}
	[lang*=en] nav .nav{
		margin-top: 10px;
		width: auto;
	}
	nav .nav>li{
		background: none;
		display: block;
		float: right;
		font-size: 24px;
		overflow: visible;
		vertical-align: top;
	}
	[lang*=en] nav .nav li{
		display: inline-block;
		float: none;
		font-size: 22px;
		width: auto;
	}
	nav .nav li>a{
		height: auto;
		overflow: visible;
		padding: 15px 20px 0;
		position: relative;
	}
	[lang*=en] nav .nav li>a{
		padding-left: 15px;
		padding-right: 15px;
	}
	nav .nav li h2{
		letter-spacing: 0;
		text-align: center;
		text-transform: capitalize;
		width: 24px;
		word-break: break-all;
	}
	[lang*=en] nav .nav li h2{
		letter-spacing: 1px;
		white-space: nowrap;
		width: auto;
		word-break: normal;
	}
	nav .nav>li+li{
		border-top: none;
	}
	nav .nav>li:before{
		border-top: #26b597 6px solid;
		content: '';
		left: 20px;
		opacity: 0;
		position: absolute;
		right: 20px;
		top: 0;
		transition: all .25s ease;
	}
	[lang*=en] nav .nav>li:before{
		left: calc(50% - 3px);
		right: calc(50% - 3px);
	}
	nav .nav>li:hover:before,
	nav .nav>li.active:before,
	nav .nav>li.active:hover:before{
		opacity: 1;
	}
	nav:before{
		background: url(../images/bg_cloud_nav.png) center center no-repeat;
		bottom: 0;
		content: '';
		display: block;
		left: 0;
		position: absolute;
		right: 0;
		top: 0;
	}
	[lang*=en] nav:before{
		opacity: .25;
	}
	.pagination>li{
		display: block;
	}
	ul.col-03 li,
	ul.col-04 li{
		float: left;
		margin-right: 25px;
		width: calc((100% - 25px) / 2);
	}
	ul.col-03 li:nth-child(2n),
	ul.col-04 li:nth-child(2n){
		margin-right: 0;
	}
	ul.col-03 li:nth-child(2),
	ul.col-04 li:nth-child(2){
		margin-top: 0;
	}
	ul.col-03 .preview,
	ul.col-04 .preview{
		height: calc(347.5px / 4 * 3);
	}
}
@media (min-width: 992px){
	.btn.nav-toggle,
	.btn.nav-toggle:active,
	.btn.nav-toggle:focus,
	.btn.nav-toggle:hover,
	.btn.nav-toggle:visited{
		right: calc(50% - 480px);
	}
	ul.col-03 li{
		width: calc((100% - 50px) / 3);
	}
	ul.col-03 li:nth-child(2n){
		margin-right: 25px;
	}
	ul.col-03 li:nth-child(3n){
		margin-right: 0;
	}
	ul.col-03 li:nth-child(3){
		margin-top: 0;
	}
	ul.col-03 .preview{
		height: calc(296.66px / 4 * 3);
	}
	ul.col-04 li{
		width: calc((100% - 75px) / 4);
	}
	ul.col-04 li:nth-child(2n){
		margin-right: 25px;
	}
	ul.col-04 li:nth-child(4n){
		margin-right: 0;
	}
	ul.col-04 li:nth-child(3),
	ul.col-04 li:nth-child(4){
		margin-top: 0;
	}
	ul.col-04 .preview{
		height: calc(216.25px / 4 * 3);
	}
}
@media (min-width: 1200px){
	.btn.nav-toggle,
	.btn.nav-toggle:active,
	.btn.nav-toggle:focus,
	.btn.nav-toggle:hover,
	.btn.nav-toggle:visited{
		right: calc(50% - 580px);
	}
	ul.col-03 .preview{
		height: calc(363.33px / 4 * 3);
	}
	ul.col-04 .preview{
		height: calc(266.25px / 4 * 3);
	}
}
/*==============================*/
/** Owl Slider **/
.owl-carousel{
	box-shadow: rgba(0,0,0,.5) 0 0 50px;
	overflow: visible;
}
.owl-carousel .item{
	background: center center no-repeat;
	background-size: cover;
	height: 250px;
}
.owl-carousel .item img{
	display: block;
	height: 100%;
	opacity: 0;
	visibility: hidden;
	width: 100%;
}
.owl-carousel .owl-next,
.owl-carousel .owl-prev{
	background: #000;
	border-radius: 50%;
	box-shadow: #fff 0 0 0 2px;
	font-size: 0;
	height: 30px;
	left: auto;
	opacity: .25;
	position: absolute;
	right: auto;
	top: calc(50% - 15px);
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
	width: 30px;
	z-index: 10;
}
.owl-carousel .owl-next{
	right: 10px;
}
.owl-carousel .owl-prev{
	left: 10px;
}
.owl-carousel .owl-next:after,
.owl-carousel .owl-prev:after{
	content: '';
	display: block;
	left: auto;
	position: absolute;
	right: auto;
}
.owl-carousel .owl-next:after,
.owl-carousel .owl-prev:after{
	border: #fff solid;
	border-width: 2px 2px 0 0;
	height: 10px;
	top: calc(50% - 5px);
	width: 10px;
}
.owl-carousel .owl-next:after{
	right: 12px;
	transform: rotate(45deg);
}
.owl-carousel .owl-prev:after{
	left: 12px;
	transform: rotate(-135deg);
}
.owl-carousel .owl-next:hover,
.owl-carousel .owl-prev:hover{
	opacity: 1;
}
.owl-carousel:after{
    background: repeating-linear-gradient(-45deg, rgba(0,0,0,1) 0px, rgba(0,0,0,1) 1px, rgba(0,0,0,0) 1.5px, rgba(0,0,0,0) 3px, rgba(0,0,0,1) 3.5px);
    //content: '';
    display: block;
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    opacity: 0.15;
}
.owl-dots{
	bottom: 15px;
	font-size: 0;
	left: 0;
	position: absolute;
	right: 0;
	text-align: center;
}
.owl-dots .owl-dot{
	background: #333;
	border: #333 1px solid;
	border-radius: 50%;
	display: inline-block;
	height: 12px;
	vertical-align: middle;
	width: 12px;
}
.owl-dots .owl-dot+.owl-dot{
	margin-left: 10px;
}
.owl-dots .owl-dot.active{
	background: #fff;
}
@media (min-width: 544px){
	.owl-carousel .item{
		height: 300px;
	}
}
@media (min-width: 768px){
	.owl-carousel .item{
		height: 450px;
	}
	.owl-carousel .owl-next,
	.owl-carousel .owl-prev{
		box-shadow: #fff 0 0 0 3px;
		height: 50px;
		top: calc(50% - 25px);
		width: 50px;
	}
	.owl-carousel .owl-next{
		right: 30px;
	}
	.owl-carousel .owl-prev{
		left: 30px;
	}
	.owl-carousel .owl-next:after,
	.owl-carousel .owl-prev:after{
		border-width: 3px 3px 0 0;
		height: 16px;
		top: calc(50% - 8px);
		width: 16px;
	}
	.owl-carousel .owl-next:after{
		right: 20px;
	}
	.owl-carousel .owl-prev:after{
		left: 20px;
	}
}
@media (min-width: 992px){
	.owl-carousel .item{
		height: 500px;
	}
}

/*======================= animation =======================*/
@keyframes Aoption0{
	0%{
		opacity: 0;
	}
	100%{
		opacity: 1;
	}
}
@keyframes Aoption25{
	0%{
		opacity: .25;
	}
	100%{
		opacity: 1;
	}
}
@keyframes Aoption50{
	0%{
		opacity: .5;
	}
	100%{
		opacity: 1;
	}
}
@keyframes Aoption75{
	0%{
		opacity: .75;
	}
	100%{
		opacity: 1;
	}
}
@keyframes Arotate15{
	0%{
		-webkit-transform: rotate(-15deg);
		-moz-transform: rotate(-15deg);
		-ms-transform: rotate(-15deg);
		-o-transform: rotate(-15deg);
		transform: rotate(-15deg);
	}
	100%{
		-webkit-transform: rotate(15deg);
		-moz-transform: rotate(15deg);
		-ms-transform: rotate(15deg);
		-o-transform: rotate(15deg);
		transform: rotate(15deg);
	}
}
@keyframes Arotate30{
	0%{
		-webkit-transform: rotate(-30deg);
		-moz-transform: rotate(-30deg);
		-ms-transform: rotate(-30deg);
		-o-transform: rotate(-30deg);
		transform: rotate(-30deg);
	}
	100%{
		-webkit-transform: rotate(30deg);
		-moz-transform: rotate(30deg);
		-ms-transform: rotate(30deg);
		-o-transform: rotate(30deg);
		transform: rotate(30deg);
	}
}
@keyframes Arotate45{
	0%{
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	100%{
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
	}
}
@keyframes Arotate60{
	0%{
		-webkit-transform: rotate(-60deg);
		-moz-transform: rotate(-60deg);
		-ms-transform: rotate(-60deg);
		-o-transform: rotate(-60deg);
		transform: rotate(-60deg);
	}
	100%{
		-webkit-transform: rotate(60deg);
		-moz-transform: rotate(60deg);
		-ms-transform: rotate(60deg);
		-o-transform: rotate(60deg);
		transform: rotate(60deg);
	}
}
@keyframes Arotate75{
	0%{
		-webkit-transform: rotate(-75deg);
		-moz-transform: rotate(-75deg);
		-ms-transform: rotate(-75deg);
		-o-transform: rotate(-75deg);
		transform: rotate(-75deg);
	}
	100%{
		-webkit-transform: rotate(75deg);
		-moz-transform: rotate(75deg);
		-ms-transform: rotate(75deg);
		-o-transform: rotate(75deg);
		transform: rotate(75deg);
	}
}
@keyframes Arotate90{
	0%{
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
		-o-transform: rotate(-90deg);
		transform: rotate(-90deg);
	}
	100%{
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		transform: rotate(90deg);
	}
}

/*=========================================================*/
body>*{
	position: relative;
}
body>section:not(.banner){
	overflow-x: hidden;
}
body:before{
	background: url(../images/bg_cloud_body.png) center top repeat-y;
	bottom: 0;
	content: '';
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}
body.fixed-top{
	padding-top: 63px;
}
body.fixed-top nav:before{
	content: none;
}
footer{
	background:
		repeating-linear-gradient(-45deg, rgba(0,0,0,.25) 0px, rgba(0,0,0,.25) 1px, rgba(0,0,0,0) 2px, rgba(0,0,0,0) 5px) center center no-repeat,
		url(../images/bg_footer.jpg) center center,
		#461511 ;
	-webkit-background-size: auto, cover, auto;
	background-size: auto, cover, auto;
	color: #fff;
	padding-bottom: 15px;
}
footer a{
	color: #fff;
}
footer a:hover{
	color: #ffc7c3;
}
footer .com-info{
	font-size: 0;
	list-style: none;
	margin: 45px 0 0;
	padding: 0;
	text-align: center;
}
footer .com-info li{
	font-size: 16px;
	margin: 0 15px;
	position: relative;
}
footer .com-info li+li{
	margin-top: 5px;
}
footer .copyright{
	color: #999;
	font-size: 14px;
	margin: 15px 0 0;
	text-align: center;
}
footer .copyright a{
	color: #ddd;
	display: inline-block;
	margin: 0 5px;
}
footer .copyright a:hover{
	color: #fff;
}
footer:before{
	background: #784a26 url(../images/bg_wood.jpg) center left repeat-x;
	content: '';
	display: block;
	height: 30px;
}
nav .lang-select{
	position: absolute;
	right: 15px;
	top: -20px;
}
nav .lang-select option{
	color: #333;
	padding: 5px 10px;
}
nav .lang-select option{
	background: #461511;
	color: #fff;
}
nav .lang-select select{
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	appearance: none;
	background: transparent;
	border: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #999;
	cursor: pointer;
	font-size: 14px;
	letter-spacing: 1px;
	line-height: 1.5;
	margin: 0;
	outline: none;
	padding: 0px 20px 0px 10px;
}
/*[lang*=en] nav .lang-select select{
	background: #461511;
	background-clip: content-box;
}*/
nav .lang-select select::-ms-expand{
	display: none;
}
nav .lang-select select:focus{
	outline: none;
}
nav .lang-select:before{
	border: transparent solid;
	border-top-color: #999;
	border-width: 6px 4px 0;
	content: '';
	display: block;
	position: absolute;
	right: 5px;
	top: calc(50% - 3px);
	z-index: -1;
}
section.banner{
	background: #784a26 url(../images/bg_wood.jpg) center left repeat-x;
}
section.banner>div{
	position: relative;
}
section.banner>div>img{
	bottom: -10px;
	left: 0px;
	position: absolute;
	width: 50px;
	z-index: 10;
}
section.content .about-list{
	margin-bottom: 25px;
}
section.content .about-list>li{
	display: none;
}
section.content .about-list>li:first-child{
	display: block;
	margin: 0 auto;
}
section.content .album-list>li{
	display: none;
}
section.content .album-list>li:first-child{
	display: block;
}
section.content .btn-back{
	margin: 20px auto 0;
	max-width: 300px;
}
section.content .cert-list>li{
	float: left;
	margin: 30px 15px 0 0;
	width: calc((100vw - 45px) / 2);
}
section.content .cert-list>li:nth-child(2n){
	margin-right: 0;
}
section.content .cert-list>li:nth-child(1),
section.content .cert-list>li:nth-child(2){
	margin-top: 0;
}
section.content .cert-list .preview{
	height: calc((100vw - 45px) / 140 * 99);
}
section.content .cert-list .preview>a{
	opacity: 0;
}
section.content .cert-list .preview i{
	margin-top: calc((100vw - 45px) / 280 * 99 - 33px);
}
section.content form .form-control{
	border-radius: 0;
}
section.content form .help-block{
	display: block;
	font-size: 12px;
	margin: 0;
	text-align: right;
}
section.content form label:not([class]):first-child {
	font-weight: 400;
}
section.content form textarea{
	min-height: 100px;
}
section.content h1{
	font-size: 28px;
	margin: 50px 0 30px;
	text-align: center;
	text-transform: capitalize;
}
section.content h1>span{
	background: url(../images/icon_cloud.svg) bottom left no-repeat;
	-webkit-background-size: 60px 60px;
	background-size: 60px 60px;
	display: inline-block;
	font-family: 'Quintessential', 'cwTeXFangSong', 'Times New Roman', '新細明體', serif;
	padding: 10px 45px 15px;
}
[lang*=en] section.content h1>span{
	padding-right: 0;
	text-align: left;
}
section.content h2{
	font-size: 24px;
	margin: 0 0 35px;
	text-align: center;
}
section.content h2>span{
	border-bottom: #333 1px solid;
	display: inline-block;
	line-height: 1.25;
	padding-bottom: 5px;
}
section.content h2[data-date]:after{
	color: #666;
	content: attr(data-date);
	display: block;
	font-size: 14px;
	line-height: 1;
	margin-top: 5px;
}
section.content h2.ink{
	font-family: 'Quintessential', 'cwTeXFangSong', 'Times New Roman', '新細明體', serif;
	font-size: 32px;
	margin-bottom: 30px;
	overflow: hidden;
}
section.content h2.ink+h3{
	margin-top: 0;
}
section.content h2.ink~p{
	margin-bottom: 20px;
}
section.content h2.ink>span{
	border: none;
	color: #edc36a;
	line-height: 60px;
	margin: 0 auto;
	min-width: 210px;
	padding: 0 15px;
	position: relative;
	text-shadow: #40220f 0px 0px 5px, #40220f 0px 0px 10px;
	text-transform: capitalize;
}
[lang*=en] section.content h2.ink>span{
	text-align: left;
}
section.content h2.ink>span:before{
	background: url(../images/icon_ink.png) left top no-repeat;
	-webkit-background-size: auto 60px;
	background-size: auto 60px;
	bottom: 0;
	content: '';
	display: block;
	left: 0;
	position: absolute;
	top: 0;
	width: 100vw;
	z-index: -1;
}
section.content h3{
	font-size: 24px;
	margin: 75px 0 20px;
	text-align: center;
	text-transform: capitalize;
}
section.content h3>span{
	border-bottom: #333 1px solid;
	display: inline-block;
}
section.content hr{
	border-top: rgba(0,0,0,.1) 1px solid;
	margin: 50px 0;
}
section.content nav{
	text-align: center;
}
section.content .news-list{
	margin-bottom: 50px;
}
section.content .news-list li+li{
	border-top: rgba(0,0,0,.1) 1px solid;
	margin-top: 50px;
	padding-top: 50px;
}
section.content ol:not([class])>li+li{
	margin-top: 10px;
}
section.content .process-list h2{
	font-size: 18px;
	margin: 0 0 10px;
	text-align: inherit;
}
section.content .process-list i{
	background: #ffc743;
	border-radius: 50%;
	color: #fff;
	display: block;
	font-size: 30px;
	left: 0;
	line-height: 60px;
	overflow: hidden;
	position: absolute;
	text-align: center;
	top: 0;
	width: 60px;
}
section.content .process-list li{
	min-height: 100px;
	padding: 16px 0 15px 75px;
	position: relative;
}
section.content .process-list li>*:last-child{
	margin-bottom: 0;
}
section.content .process-list li:before{
	border-left: #d89800 2px solid;
	bottom: 0;
	content: '';
	left: 29px;
	position: absolute;
	top: 0;
}
section.content .process-list li:last-child:before{
	content: none;
}
section.content .process-list li[data-extra]{
	min-height: 150px;
}
section.content .process-list li[data-extra]:after{
	content: attr(data-extra);
	display: block;
	left: 40px;
	letter-spacing: 0;
	line-height: 18px;
	position: absolute;
	top: calc((100% - 60px) / 2 - 18px + 60px);
	width: 16px;
}
[lang*=en] section.content .process-list li[data-extra]:after{
	height: 74px;
	letter-spacing: 1px;
	text-align: center;
	text-transform: capitalize;
	top: calc((100% - 60px) / 2 - 37px + 60px);
	writing-mode: horizontal-tb;
	-webkit-writing-mode: tb-rl;
	-moz-writing-mode: tb-rl;
	-ms-writing-mode: tb-rl;
	-o-writing-mode: tb-rl;
	writing-mode: tb-rl;
	-webkit-writing-mode: vertical-rl;
	-moz-writing-mode: vertical-rl;
	-ms-writing-mode: vertical-rl;
	-o-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
}
section.content .process-list p{
	color: #666;
	margin-bottom: 0px;
}
section.content small{
	display: block;
	font-size: .5em;
	margin-top: 10px;
	text-align: right;
}
section.content small>a{
	color: #461511;
	display: inline-block;
}
section.content small>a:hover{
	color: #d03f33;
}
section.content span.large{
	font-size: 150%;
	line-height: 1.5;
}
section.content .video-list{
	margin-top: 40px;
}
section.content .video-list .embed-responsive{
	margin-bottom: 10px;
}
section.content .video-list li+li{
	border-top: rgba(0,0,0,.15) 1px dashed;
	margin-top: 25px;
	padding-top: 25px;
}
section.index{
	background: #1e1917 url(../images/bg_index.jpg) center center no-repeat;
	background-size: auto 100%;
	height: 100vh;
	overflow: hidden;
	position: relative;
	width: 100vw;
}
section.index:before{
	animation: Aoption0 2.5s ease-in-out infinite alternate;
	background: #1e1917 url(../images/bg_cover.jpg) center center no-repeat;
	background-size: auto 100%;
	bottom: 0;
	content: '';
	left: 0;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0;
}
section.index>*{
	position: relative;
}
section.index h1{
	/*border: #c00 2px solid;*/
	font-size: 0;
	height: 290px;
	left: calc(50% - 120px);
	margin: 0;
	opacity: 1;
	padding: 0;
	position: absolute;
	transform-origin: top center;
	width: 240px;
}
section.index h1>a{
	display: block;
	height: 100%;
	width: 100%;
}
section.index h1>a:after{
	border-radius: 10px;
	bottom: 25%;
	color: #78242e;
	content: attr(data-title);
	display: block;
	font-size: 30px;
	font-weight: 600;
	left: 0;
	line-height: 1;
	opacity: 0;
	position: absolute;
	right: 0;
	text-align: center;
	text-shadow:
		#eeb42c 0 1px 5px,
		#eeb42c 0 1px 5px,
		#eeb42c 0 1px 5px,
		#eeb42c 0 1px 5px,
		#eeb42c 0 1px 5px,
		#fff 0 2px 10px,
		#fff 0 2px 10px,
		#fff 0 2px 10px,
		#fff 0 2px 10px,
		#fff 0 2px 10px,
		#fff 0 2px 10px,
		#fff 0 2px 10px,
		#fff 0 2px 10px,
		#fff 0 2px 10px,
		#fff 0 2px 10px,
		#fff 0 2px 10px,
		#fff 0 2px 10px,
		#fff 0 2px 10px,
		#fff 0 2px 10px,
		#fff 0 2px 10px;
	text-transform: uppercase;
	transform: scale(0);
	transform-origin: center bottom;
	-webkit-transition: all .25s cubic-bezier(.25,0,.75,2) ;
	-moz-transition: all .25s cubic-bezier(.25,0,.75,2) ;
	-ms-transition: all .25s cubic-bezier(.25,0,.75,2) ;
	-o-transition: all .25s cubic-bezier(.25,0,.75,2) ;
	transition: all .25s cubic-bezier(.25,0,.75,2) ;
}
section.index h1>a:hover:after{
	opacity: 1;
	transform: scale(1);
}
section.index .shine-01,
section.index .shine-02{
	left: 50%;
	-webkit-transform-origin: top left;
	-moz-transform-origin: top left;
	-ms-transform-origin: top left;
	-o-transform-origin: top left;
	transform-origin: top left;
}
section.index .shine-03,
section.index .shine-04{
	right: 50%;
	-webkit-transform-origin: top right;
	-moz-transform-origin: top right;
	-ms-transform-origin: top right;
	-o-transform-origin: top right;
	transform-origin: top right;
}
section.index .shine-box{
	display: none;
	height: 100px;
	position: absolute;
	width: 100px;
}
section.index span{
	background: url(../images/icon_shine.png) center center no-repeat;
	background-size: cover;
	display: block;
	position: absolute;
}
section.index span.star-01,
section.index span.star-02{
	height: 48px;
	width: 48px;
}
section.index span.star-01{
	animation:
		Aoption75 1s ease infinite alternate,
		Arotate15 2s linear infinite alternate;
	right: 10px;
	top: -10px;
}
section.index span.star-02{
	animation:
		Aoption50 1.5s ease-in-out infinite alternate-reverse,
		Arotate30 2.5s ease infinite alternate;
	bottom: 20px;
	right: 30px;
}
section.index span.star-03{
	animation:
		Aoption25 2.5s linear infinite alternate-reverse,
		Arotate45 5s ease-out infinite alternate-reverse;
	bottom: 15px;
	height: 32px;
	right: 0;
	width: 32px;
}
section.index span.star-04,
section.index span.star-05{
	height: 24px;
	width: 24px;
}
section.index span.star-04{
	animation:
		Aoption50 1.7s ease-out infinite alternate-reverse,
		Arotate30 3.4s ease-in infinite alternate;
	left: 30px;
	top: 10px;
}
section.index span.star-05{
	animation:
		Aoption25 2.6s ease-in infinite alternate,
		Arotate45 5.2s ease infinite alternate-reverse;
	bottom: 0;
	left: 0;
}
section.index span.star-06,
section.index span.star-07{
	height: 50px;
	width: 50px;
}
section.index span.star-06{
	animation:
		Aoption50 1.3s ease-in infinite alternate-reverse,
		Arotate60 3.4s ease-out infinite alternate;
	bottom: 60px;
	left: 20px;
}
section.index span.star-07{
	animation:
		Aoption25 1.9s ease-in infinite alternate,
		Arotate15 4.8s linear infinite alternate;
	bottom: 10px;
	left: 40%;
}
section.index span.star-08,
section.index span.star-09{
	height: 75px;
	width: 75px;
}
section.index span.star-08{
	animation:
		Aoption0 3.4s ease-out infinite alternate-reverse,
		Arotate90 6.8s ease infinite alternate-reverse;
	left: 20px;
	top: 50px;
}
section.index span.star-09{
	animation:
		Aoption75 2.1s ease-in-out infinite alternate,
		Arotate30 4.2s ease-out infinite alternate-reverse;
	right: 50px;
	top: 150px;
}
section.index span.star-10{
	animation:
		Aoption50 2.9s ease infinite alternate,
		Arotate45 3.8s ease-in infinite alternate;
	height: 100px;
	right: 50px;
	top: 0;
	width: 100px;
}
#top.fixed-top a.brand{
	height: 33px;
	margin-left: 0;
	width: 85px;
}
#top.fixed-top .lang-select{
	top: 4px;
}
#top.fixed-top>nav{
	padding: 15px 0;
	position: fixed;
}
@media (min-width: 544px){
	section.banner>div>img{
		width: 75px;
	}
	section.content .about-list>li{
		max-width: 400px;
	}
	section.content .about-list .preview{
		height: 300px;
	}
	section.content .about-list .preview i{
		margin-top: calc(300px / 2 - 33px);
	}
	section.content .album-list>li{
		float: left;
		margin-right: 15px;
		width: calc((100vw - 45px) / 2);
	}
	section.content .album-list>li:nth-child(2n){
		margin-right: 0;
	}
	section.content .album-list>li:nth-child(2){
		display: block;
	}
	section.content .album-list .preview{
		height: calc((100vw - 45px) / 8 * 3);
	}
	section.content .album-list .preview i{
		margin-top: calc((100vw - 45px) / 16 * 3 - 33px);
	}
	section.content .cert-list li{
		width: calc((100vw - 60px) / 3);
	}
	section.content .cert-list li:nth-child(2n){
		margin-right: 15px;
	}
	section.content .cert-list li:nth-child(3n){
		margin-right: 0;
	}
	section.content .cert-list li:nth-child(3){
		margin-top: 0;
	}
	section.content .cert-list .preview{
		height: calc((100vw - 60px) / 210 * 99);
	}
	section.content .cert-list .preview a:hover{
		opacity: 1;
	}
	section.content .cert-list .preview i{
		margin-top: calc((100vw - 60px) / 420 * 99 - 33px);
	}
	section.content form label:not([class]):first-child{
		left: 20px;
		line-height: 34px;
		margin: 0;
		position: absolute;
		top: 10px;
	}
	section.content form .form-group{
		margin: 0;
		padding: 10px 20px 10px 100px;
		position: relative;
	}
	section.content form .form-group+.form-group{
		border-top: rgba(0,0,0,.25) 1px dashed;
	}
	section.content form .form-group:last-child{
		border-top: none;
		margin-top: 20px;
		padding-bottom: 0;
		padding-top: 0;
	}
	section.content h1>span{
		-webkit-background-size: 140px 140px;
		background-size: 130px 130px;
		letter-spacing: 0;
		line-height: 1;
		padding: 0 10px 55px 90px;
		width: 130px;
		word-break: break-all;
	}
	[lang*=en] section.content h1>span{
		padding-top: 25px;
		width: auto;
	}
	section.content .process-list i{
		left: auto;
		right: -29px;
	}
	section.content .process-list li{
		padding: 16px 45px 15px 0;
		text-align: right;
		width: 50%;
	}
	section.content .process-list li:before{
		left: auto;
		right: -1px;
	}
	section.content .process-list li:nth-child(even){
		left: 50%;
		padding-left: 45px;
		padding-right: 0;
		text-align: left;
	}
	section.content .process-list li:nth-child(even) i{
		left: -29px;
		right: auto;
	}
	section.content .process-list li:nth-child(even):before{
		left: -1px;
		right: auto;
	}
	section.content .process-list li[data-extra]:after{
		left: auto;
		right: -26px;
	}
	section.content .process-list li[data-extra]:nth-child(even):after{
		left: -26px;
		right: auto;
	}
}
@media (min-width: 768px){
	body.fixed-top{
		padding-top: 77px;
	}
	footer .com-info li{
		display: inline-block;
	}
	footer .com-info li+li{
		margin-top: 0;
	}
	footer .com-info li+li:before{
		border-left: rgba(255,255,255,1) 1px solid;
		content: '';
		display: block;
		height: 16px;
		left: -16px;
		position: absolute;
		top: calc(50% - 8px);
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	footer .com-info li:last-child:before{
		display: none;
	}
	section.banner>div>img{
		bottom: -20px;
		left: -5px;
		width: 100px;
	}
	section.content .album-list>li{
		margin-right: 30px;
		width: calc((100% - 60px) / 3);
	}
	section.content .album-list>li:nth-child(2n){
		margin-right: 30px;
	}
	section.content .album-list>li:nth-child(3n){
		margin-right: 0;
	}
	section.content .album-list>li:nth-child(3){
		display: block;
	}
	section.content .album-list .preview{
		height: calc(220px / 4 * 3);
	}
	section.content .album-list .preview i{
		margin-top: calc(220px / 8 * 3 - 33px);
	}
	section.content .cert-list li{
		margin-right: 30px;
		width: calc((100% - 60px) / 3);
	}
	section.content .cert-list li:nth-child(2n){
		margin-right: 30px;
	}
	section.content .cert-list li:nth-child(3n){
		margin-right: 0px;
	}
	section.content .cert-list .preview{
		height: calc(220px / 70 * 99);
	}
	section.content .cert-list .preview i{
		margin-top: calc(220px / 140 * 99 - 33px);
	}
	section.content p>span{
		display: block;
	}
	section.content .process-list i{
		font-size: 45px;
		line-height: 80px;
		right: -39px;
		width: 80px;
	}
	section.content .process-list li{
		min-height: 120px;
		padding-right: 55px;
		padding-top: 26px;
	}
	section.content .process-list li:nth-child(even){
		padding-left: 55px;
	}
	section.content .process-list li:nth-child(even) i{
		left: -39px;
	}
	section.content .process-list li[data-extra]{
		min-height: 200px;
	}
	section.content .process-list li[data-extra]:after{
		top: calc((100% - 80px) / 2 - 18px + 80px);
	}
	section.content .video-list{
		margin: 50px -25px 0;
	}
	section.content .video-list li{
		float: left;
		padding: 0 25px;
		width: 50%;
	}
	section.content .video-list li+li{
		border-left: rgba(0,0,0,.15) 1px dashed;
		border-top: none;
		margin: 0;
		padding-top: 0;
	}
	#top.active{
		transition-duration: .1s;
	}
	#top.fixed-top a.brand{
		height: 47px;
		margin-left: auto;
		width: 120px;
	}
	#top.fixed-top .lang-select{
		top: 13px;
	}
}
@media (min-width: 992px){
	section.content .album-list .preview{
		height: calc(239.44px / 4 * 3);
	}
	section.content .album-list .preview i{
		margin-top: calc(239.44px / 8 * 3 - 33px);
	}
	section.content .cert-list li{
		width: calc((100% - 90px) / 4);
	}
	section.content .cert-list li:nth-child(3n){
		margin-right: 30px;
	}
	section.content .cert-list li:nth-child(4n){
		margin-right: 0px;
	}
	section.content .cert-list li:nth-child(4){
		margin-top: 0;
	}
	section.content .cert-list .preview{
		height: calc(212.5px / 70 * 99);
	}
	section.content .cert-list .preview i{
		margin-top: calc(212.5px / 140 * 99 - 33px);
	}
}
@media (min-width: 1200px){
	[lang*=zh] footer .com-info li:last-child:before{
		display: block;
	}
	section.content .album-list .preview{
		height: calc(230px / 4 * 3);
	}
	section.content .album-list .preview i{
		margin-top: calc(230px / 8 * 3 - 33px);
	}
	section.content .cert-list .preview{
		height: calc(262.5px / 70 * 99);
	}
	section.content .cert-list .preview i{
		margin-top: calc(262.5px / 140 * 99 - 33px);
	}
}