/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}
body {
	margin: 0; font-size:12px; color:#666;
}
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
	display: block
}
audio, canvas, progress, video {
	display: inline-block
}
audio:not([controls]) {
	display: none;
	height: 0
}
progress {
	vertical-align: baseline
}
template, [hidden] {
display:none
}
a {
	background-color: transparent;
	-webkit-text-decoration-skip: objects
}
a:active, a:hover {
	outline-width: 0
}
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted
}
b, strong {
	font-weight: inherit
}
b, strong {
	font-weight: bolder
}
dfn {
	font-style: italic
}
h1 {
	font-size: 2em;
	margin: 0.67em 0
}
mark {
	background-color: #ff0;
	color: #000
}
small {
	font-size: 80%
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}
sub {
	bottom: -0.25em
}
sup {
	top: -0.5em
}
img {
	max-width: 100%;
	height: auto;
	text-align:center;

	border-style: none
}
svg:not(:root) {
	overflow: hidden
}
code, kbd, pre, samp {
	font-family: monospace, monospace;
	font-size: 1em
}
figure {
	margin: 0
}
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible
}
button, input, select, textarea {
	font: inherit;
	margin: 0
}
optgroup {
	font-weight: bold
}
button, input {
	overflow: visible
}
button, select {
	text-transform: none
}
button, html [type="button"], [type="reset"], [type="submit"] {
-webkit-appearance:button;
cursor:pointer
}
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
border-style:none;
padding:0
}
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
outline:1px dotted ButtonText
}
fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em
}
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal
}
textarea {
	overflow: auto
}
[type="checkbox"], [type="radio"] {
box-sizing:border-box;
padding:0
}
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
height:auto
}
[type="search"] {
-webkit-appearance:textfield;
outline-offset:-2px
}
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
-webkit-appearance:none
}
::-webkit-input-placeholder {
color:inherit;
opacity:0.54
}
::-webkit-file-upload-button {
-webkit-appearance:button;
font:inherit
}
.clear:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}
.noSelect {
	user-select: none;
	-o-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none
}/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2017 Daniel Eden
 */
.animated {
	animation-duration: 1s;
	animation-fill-mode: both
}
.animated.infinite {
	animation-iteration-count: infinite
}
.animated.hinge {
	animation-duration: 2s
}
.animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut {
	animation-duration: .75s
}
@keyframes bounce {
from, 20%, 53%, 80%, to {
animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
transform:translate3d(0, 0, 0)
}
40%, 43% {
animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
transform:translate3d(0, -30px, 0)
}
70% {
animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
transform:translate3d(0, -15px, 0)
}
90% {
transform:translate3d(0, -4px, 0)
}
}
.bounce {
	animation-name: bounce;
	transform-origin: center bottom
}
@keyframes flash {
from, 50%, to {
opacity:1
}
25%, 75% {
opacity:0
}
}
.flash {
	animation-name: flash
}
@keyframes pulse {
from {
transform:scale3d(1, 1, 1)
}
50% {
transform:scale3d(1.05, 1.05, 1.05)
}
to {
	transform: scale3d(1, 1, 1)
}
}
.pulse {
	animation-name: pulse
}
@keyframes rubberBand {
from {
transform:scale3d(1, 1, 1)
}
30% {
transform:scale3d(1.25, 0.75, 1)
}
40% {
transform:scale3d(0.75, 1.25, 1)
}
50% {
transform:scale3d(1.15, 0.85, 1)
}
65% {
transform:scale3d(0.95, 1.05, 1)
}
75% {
transform:scale3d(1.05, 0.95, 1)
}
to {
	transform: scale3d(1, 1, 1)
}
}
.rubberBand {
	animation-name: rubberBand
}
@keyframes shake {
from, to {
transform:translate3d(0, 0, 0)
}
10%, 30%, 50%, 70%, 90% {
transform:translate3d(-10px, 0, 0)
}
20%, 40%, 60%, 80% {
transform:translate3d(10px, 0, 0)
}
}
.shake {
	animation-name: shake
}
@keyframes headShake {
0% {
transform:translateX(0)
}
6.5% {
transform:translateX(-6px) rotateY(-9deg)
}
18.5% {
transform:translateX(5px) rotateY(7deg)
}
31.5% {
transform:translateX(-3px) rotateY(-5deg)
}
43.5% {
transform:translateX(2px) rotateY(3deg)
}
50% {
transform:translateX(0)
}
}
.headShake {
	animation-timing-function: ease-in-out;
	animation-name: headShake
}
@keyframes swing {
20% {
transform:rotate3d(0, 0, 1, 15deg)
}
40% {
transform:rotate3d(0, 0, 1, -10deg)
}
60% {
transform:rotate3d(0, 0, 1, 5deg)
}
80% {
transform:rotate3d(0, 0, 1, -5deg)
}
to {
	transform: rotate3d(0, 0, 1, 0deg)
}
}
.swing {
	transform-origin: top center;
	animation-name: swing
}
@keyframes tada {
from {
transform:scale3d(1, 1, 1)
}
10%, 20% {
transform:scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)
}
30%, 50%, 70%, 90% {
transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
}
40%, 60%, 80% {
transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
}
to {
	transform: scale3d(1, 1, 1)
}
}
.tada {
	animation-name: tada
}
@keyframes wobble {
from {
transform:none
}
15% {
transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
}
30% {
transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
}
45% {
transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
}
60% {
transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
}
75% {
transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
}
to {
	transform: none
}
}
.wobble {
	animation-name: wobble
}
@keyframes jello {
from, 11.1%, to {
transform:none
}
22.2% {
transform:skewX(-12.5deg) skewY(-12.5deg)
}
33.3% {
transform:skewX(6.25deg) skewY(6.25deg)
}
44.4% {
transform:skewX(-3.125deg) skewY(-3.125deg)
}
55.5% {
transform:skewX(1.5625deg) skewY(1.5625deg)
}
66.6% {
transform:skewX(-0.78125deg) skewY(-0.78125deg)
}
77.7% {
transform:skewX(0.39063deg) skewY(0.39063deg)
}
88.8% {
transform:skewX(-0.19531deg) skewY(-0.19531deg)
}
}
.jello {
	animation-name: jello;
	transform-origin: center
}
@keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)
}
0% {
opacity:0;
transform:scale3d(0.3, 0.3, 0.3)
}
20% {
transform:scale3d(1.1, 1.1, 1.1)
}
40% {
transform:scale3d(0.9, 0.9, 0.9)
}
60% {
opacity:1;
transform:scale3d(1.03, 1.03, 1.03)
}
80% {
transform:scale3d(0.97, 0.97, 0.97)
}
to {
	opacity: 1;
	transform: scale3d(1, 1, 1)
}
}
.bounceIn {
	animation-name: bounceIn
}
@keyframes bounceInDown {
from, 60%, 75%, 90%, to {
animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)
}
0% {
opacity:0;
transform:translate3d(0, -3000px, 0)
}
60% {
opacity:1;
transform:translate3d(0, 25px, 0)
}
75% {
transform:translate3d(0, -10px, 0)
}
90% {
transform:translate3d(0, 5px, 0)
}
to {
	transform: none
}
}
.bounceInDown {
	animation-name: bounceInDown
}
@keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)
}
0% {
opacity:0;
transform:translate3d(-3000px, 0, 0)
}
60% {
opacity:1;
transform:translate3d(25px, 0, 0)
}
75% {
transform:translate3d(-10px, 0, 0)
}
90% {
transform:translate3d(5px, 0, 0)
}
to {
	transform: none
}
}
.bounceInLeft {
	animation-name: bounceInLeft
}
@keyframes bounceInRight {
from, 60%, 75%, 90%, to {
animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)
}
from {
	opacity: 0;
	transform: translate3d(3000px, 0, 0)
}
60% {
opacity:1;
transform:translate3d(-25px, 0, 0)
}
75% {
transform:translate3d(10px, 0, 0)
}
90% {
transform:translate3d(-5px, 0, 0)
}
to {
	transform: none
}
}
.bounceInRight {
	animation-name: bounceInRight
}
@keyframes bounceInUp {
from, 60%, 75%, 90%, to {
animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)
}
from {
	opacity: 0;
	transform: translate3d(0, 3000px, 0)
}
60% {
opacity:1;
transform:translate3d(0, -20px, 0)
}
75% {
transform:translate3d(0, 10px, 0)
}
90% {
transform:translate3d(0, -5px, 0)
}
to {
	transform: translate3d(0, 0, 0)
}
}
.bounceInUp {
	animation-name: bounceInUp
}
@keyframes bounceOut {
20% {
transform:scale3d(0.9, 0.9, 0.9)
}
50%, 55% {
opacity:1;
transform:scale3d(1.1, 1.1, 1.1)
}
to {
	opacity: 0;
	transform: scale3d(0.3, 0.3, 0.3)
}
}
.bounceOut {
	animation-name: bounceOut
}
@keyframes bounceOutDown {
20% {
transform:translate3d(0, 10px, 0)
}
40%, 45% {
opacity:1;
transform:translate3d(0, -20px, 0)
}
to {
	opacity: 0;
	transform: translate3d(0, 2000px, 0)
}
}
.bounceOutDown {
	animation-name: bounceOutDown
}
@keyframes bounceOutLeft {
20% {
opacity:1;
transform:translate3d(20px, 0, 0)
}
to {
	opacity: 0;
	transform: translate3d(-2000px, 0, 0)
}
}
.bounceOutLeft {
	animation-name: bounceOutLeft
}
@keyframes bounceOutRight {
20% {
opacity:1;
transform:translate3d(-20px, 0, 0)
}
to {
	opacity: 0;
	transform: translate3d(2000px, 0, 0)
}
}
.bounceOutRight {
	animation-name: bounceOutRight
}
@keyframes bounceOutUp {
20% {
transform:translate3d(0, -10px, 0)
}
40%, 45% {
opacity:1;
transform:translate3d(0, 20px, 0)
}
to {
	opacity: 0;
	transform: translate3d(0, -2000px, 0)
}
}
.bounceOutUp {
	animation-name: bounceOutUp
}
@keyframes fadeIn {
from {
opacity:0
}
to {
	opacity: 1
}
}
.fadeIn {
	animation-name: fadeIn
}
@keyframes fadeInDown {
from {
opacity:0;
transform:translate3d(0, -30px, 0)
}
to {
	opacity: 1;
	transform: none
}
}
.fadeInDown {
	animation-name: fadeInDown
}
@keyframes fadeInDownBig {
from {
opacity:0;
transform:translate3d(0, -2000px, 0)
}
to {
	opacity: 1;
	transform: none
}
}
.fadeInDownBig {
	animation-name: fadeInDownBig
}
@keyframes fadeInLeft {
from {
opacity:0;
transform:translate3d(-30px, 0, 0)
}
to {
	opacity: 1;
	transform: none
}
}
.fadeInLeft {
	animation-name: fadeInLeft
}
@keyframes fadeInLeftBig {
from {
opacity:0;
transform:translate3d(-2000px, 0, 0)
}
to {
	opacity: 1;
	transform: none
}
}
.fadeInLeftBig {
	animation-name: fadeInLeftBig
}
@keyframes fadeInRight {
from {
opacity:0;
transform:translate3d(30px, 0, 0)
}
to {
	opacity: 1;
	transform: none
}
}
.fadeInRight {
	animation-name: fadeInRight
}
@keyframes fadeInRightBig {
from {
opacity:0;
transform:translate3d(2000px, 0, 0)
}
to {
	opacity: 1;
	transform: none
}
}
.fadeInRightBig {
	animation-name: fadeInRightBig
}
@keyframes fadeInUp {
from {
opacity:0;
transform:translate3d(0, 30px, 0)
}
to {
	opacity: 1;
	transform: none
}
}
.fadeInUp {
	animation-name: fadeInUp
}
@keyframes fadeInUpBig {
from {
opacity:0;
transform:translate3d(0, 2000px, 0)
}
to {
	opacity: 1;
	transform: none
}
}
.fadeInUpBig {
	animation-name: fadeInUpBig
}
@keyframes fadeOut {
from {
opacity:1
}
to {
	opacity: 0
}
}
.fadeOut {
	animation-name: fadeOut
}
@keyframes fadeOutDown {
from {
opacity:1
}
to {
	opacity: 0;
	transform: translate3d(0, 30px, 0)
}
}
.fadeOutDown {
	animation-name: fadeOutDown
}
@keyframes fadeOutDownBig {
from {
opacity:1
}
to {
	opacity: 0;
	transform: translate3d(0, 2000px, 0)
}
}
.fadeOutDownBig {
	animation-name: fadeOutDownBig
}
@keyframes fadeOutLeft {
from {
opacity:1
}
to {
	opacity: 0;
	transform: translate3d(-30px, 0, 0)
}
}
.fadeOutLeft {
	animation-name: fadeOutLeft
}
@keyframes fadeOutLeftBig {
from {
opacity:1
}
to {
	opacity: 0;
	transform: translate3d(-2000px, 0, 0)
}
}
.fadeOutLeftBig {
	animation-name: fadeOutLeftBig
}
@keyframes fadeOutRight {
from {
opacity:1
}
to {
	opacity: 0;
	transform: translate3d(30px, 0, 0)
}
}
.fadeOutRight {
	animation-name: fadeOutRight
}
@keyframes fadeOutRightBig {
from {
opacity:1
}
to {
	opacity: 0;
	transform: translate3d(2000px, 0, 0)
}
}
.fadeOutRightBig {
	animation-name: fadeOutRightBig
}
@keyframes fadeOutUp {
from {
opacity:1
}
to {
	opacity: 0;
	transform: translate3d(0, -30px, 0)
}
}
.fadeOutUp {
	animation-name: fadeOutUp
}
@keyframes fadeOutUpBig {
from {
opacity:1
}
to {
	opacity: 0;
	transform: translate3d(0, -2000px, 0)
}
}
.fadeOutUpBig {
	animation-name: fadeOutUpBig
}
@keyframes flip {
from {
transform:perspective(400px) rotate3d(0, 1, 0, -360deg);
animation-timing-function:ease-out
}
40% {
transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
animation-timing-function:ease-out
}
50% {
transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
animation-timing-function:ease-in
}
80% {
transform:perspective(400px) scale3d(0.95, 0.95, 0.95);
animation-timing-function:ease-in
}
to {
	transform: perspective(400px);
	animation-timing-function: ease-in
}
}
.animated.flip {
	-webkit-backface-visibility: visible;
	backface-visibility: visible;
	animation-name: flip
}
@keyframes flipInX {
from {
transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
animation-timing-function:ease-in;
opacity:0
}
40% {
transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
animation-timing-function:ease-in
}
60% {
transform:perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity:1
}
80% {
transform:perspective(400px) rotate3d(1, 0, 0, -5deg)
}
to {
	transform: perspective(400px)
}
}
.flipInX {
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	animation-name: flipInX
}
@keyframes flipInY {
from {
transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
animation-timing-function:ease-in;
opacity:0
}
40% {
transform:perspective(400px) rotate3d(0, 1, 0, -20deg);
animation-timing-function:ease-in
}
60% {
transform:perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity:1
}
80% {
transform:perspective(400px) rotate3d(0, 1, 0, -5deg)
}
to {
	transform: perspective(400px)
}
}
.flipInY {
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	animation-name: flipInY
}
@keyframes flipOutX {
from {
transform:perspective(400px)
}
30% {
transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity:1
}
to {
	transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
	opacity: 0
}
}
.flipOutX {
	animation-name: flipOutX;
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important
}
@keyframes flipOutY {
from {
transform:perspective(400px)
}
30% {
transform:perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity:1
}
to {
	transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
	opacity: 0
}
}
.flipOutY {
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	animation-name: flipOutY
}
@keyframes lightSpeedIn {
from {
transform:translate3d(100%, 0, 0) skewX(-30deg);
opacity:0
}
60% {
transform:skewX(20deg);
opacity:1
}
80% {
transform:skewX(-5deg);
opacity:1
}
to {
	transform: none;
	opacity: 1
}
}
.lightSpeedIn {
	animation-name: lightSpeedIn;
	animation-timing-function: ease-out
}
@keyframes lightSpeedOut {
from {
opacity:1
}
to {
	transform: translate3d(100%, 0, 0) skewX(30deg);
	opacity: 0
}
}
.lightSpeedOut {
	animation-name: lightSpeedOut;
	animation-timing-function: ease-in
}
@keyframes rotateIn {
from {
transform-origin:center;
transform:rotate3d(0, 0, 1, -200deg);
opacity:0
}
to {
	transform-origin: center;
	transform: none;
	opacity: 1
}
}
.rotateIn {
	animation-name: rotateIn
}
@keyframes rotateInDownLeft {
from {
transform-origin:left bottom;
transform:rotate3d(0, 0, 1, -45deg);
opacity:0
}
to {
	transform-origin: left bottom;
	transform: none;
	opacity: 1
}
}
.rotateInDownLeft {
	animation-name: rotateInDownLeft
}
@keyframes rotateInDownRight {
from {
transform-origin:right bottom;
transform:rotate3d(0, 0, 1, 45deg);
opacity:0
}
to {
	transform-origin: right bottom;
	transform: none;
	opacity: 1
}
}
.rotateInDownRight {
	animation-name: rotateInDownRight
}
@keyframes rotateInUpLeft {
from {
transform-origin:left bottom;
transform:rotate3d(0, 0, 1, 45deg);
opacity:0
}
to {
	transform-origin: left bottom;
	transform: none;
	opacity: 1
}
}
.rotateInUpLeft {
	animation-name: rotateInUpLeft
}
@keyframes rotateInUpRight {
from {
transform-origin:right bottom;
transform:rotate3d(0, 0, 1, -90deg);
opacity:0
}
to {
	transform-origin: right bottom;
	transform: none;
	opacity: 1
}
}
.rotateInUpRight {
	animation-name: rotateInUpRight
}
@keyframes rotateOut {
from {
transform-origin:center;
opacity:1
}
to {
	transform-origin: center;
	transform: rotate3d(0, 0, 1, 200deg);
	opacity: 0
}
}
.rotateOut {
	animation-name: rotateOut
}
@keyframes rotateOutDownLeft {
from {
transform-origin:left bottom;
opacity:1
}
to {
	transform-origin: left bottom;
	transform: rotate3d(0, 0, 1, 45deg);
	opacity: 0
}
}
.rotateOutDownLeft {
	animation-name: rotateOutDownLeft
}
@keyframes rotateOutDownRight {
from {
transform-origin:right bottom;
opacity:1
}
to {
	transform-origin: right bottom;
	transform: rotate3d(0, 0, 1, -45deg);
	opacity: 0
}
}
.rotateOutDownRight {
	animation-name: rotateOutDownRight
}
@keyframes rotateOutUpLeft {
from {
transform-origin:left bottom;
opacity:1
}
to {
	transform-origin: left bottom;
	transform: rotate3d(0, 0, 1, -45deg);
	opacity: 0
}
}
.rotateOutUpLeft {
	animation-name: rotateOutUpLeft
}
@keyframes rotateOutUpRight {
from {
transform-origin:right bottom;
opacity:1
}
to {
	transform-origin: right bottom;
	transform: rotate3d(0, 0, 1, 90deg);
	opacity: 0
}
}
.rotateOutUpRight {
	animation-name: rotateOutUpRight
}
@keyframes hinge {
0% {
transform-origin:top left;
animation-timing-function:ease-in-out
}
20%, 60% {
transform:rotate3d(0, 0, 1, 80deg);
transform-origin:top left;
animation-timing-function:ease-in-out
}
40%, 80% {
transform:rotate3d(0, 0, 1, 60deg);
transform-origin:top left;
animation-timing-function:ease-in-out;
opacity:1
}
to {
	transform: translate3d(0, 700px, 0);
	opacity: 0
}
}
.hinge {
	animation-name: hinge
}
@keyframes jackInTheBox {
from {
opacity:0;
transform:scale(0.1) rotate(30deg);
transform-origin:center bottom
}
50% {
transform:rotate(-10deg)
}
70% {
transform:rotate(3deg)
}
to {
	opacity: 1;
	transform: scale(1)
}
}
.jackInTheBox {
	animation-name: jackInTheBox
}
@keyframes rollIn {
from {
opacity:0;
transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
}
to {
	opacity: 1;
	transform: none
}
}
.rollIn {
	animation-name: rollIn
}
@keyframes rollOut {
from {
opacity:1
}
to {
	opacity: 0;
	transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
}
}
.rollOut {
	animation-name: rollOut
}
@keyframes zoomIn {
from {
opacity:0;
transform:scale3d(0.3, 0.3, 0.3)
}
50% {
opacity:1
}
}
.zoomIn {
	animation-name: zoomIn
}
@keyframes zoomInDown {
from {
opacity:0;
transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
60% {
opacity:1;
transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
.zoomInDown {
	animation-name: zoomInDown
}
@keyframes zoomInLeft {
from {
opacity:0;
transform:scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
60% {
opacity:1;
transform:scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
.zoomInLeft {
	animation-name: zoomInLeft
}
@keyframes zoomInRight {
from {
opacity:0;
transform:scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
60% {
opacity:1;
transform:scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
.zoomInRight {
	animation-name: zoomInRight
}
@keyframes zoomInUp {
from {
opacity:0;
transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
60% {
opacity:1;
transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
.zoomInUp {
	animation-name: zoomInUp
}
@keyframes zoomOut {
from {
opacity:1
}
50% {
opacity:0;
transform:scale3d(0.3, 0.3, 0.3)
}
to {
	opacity: 0
}
}
.zoomOut {
	animation-name: zoomOut
}
@keyframes zoomOutDown {
40% {
opacity:1;
transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
to {
	opacity: 0;
	transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
	transform-origin: center bottom;
	animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
.zoomOutDown {
	animation-name: zoomOutDown
}
@keyframes zoomOutLeft {
40% {
opacity:1;
transform:scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)
}
to {
	opacity: 0;
	transform: scale(0.1) translate3d(-2000px, 0, 0);
	transform-origin: left center
}
}
.zoomOutLeft {
	animation-name: zoomOutLeft
}
@keyframes zoomOutRight {
40% {
opacity:1;
transform:scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)
}
to {
	opacity: 0;
	transform: scale(0.1) translate3d(2000px, 0, 0);
	transform-origin: right center
}
}
.zoomOutRight {
	animation-name: zoomOutRight
}
@keyframes zoomOutUp {
40% {
opacity:1;
transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
to {
	opacity: 0;
	transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
	transform-origin: center bottom;
	animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
.zoomOutUp {
	animation-name: zoomOutUp
}
@keyframes slideInDown {
from {
transform:translate3d(0, -100%, 0);
visibility:visible
}
to {
	transform: translate3d(0, 0, 0)
}
}
.slideInDown {
	animation-name: slideInDown
}
@keyframes slideInLeft {
from {
transform:translate3d(-100%, 0, 0);
visibility:visible
}
to {
	transform: translate3d(0, 0, 0)
}
}
.slideInLeft {
	animation-name: slideInLeft
}
@keyframes slideInRight {
from {
transform:translate3d(100%, 0, 0);
visibility:visible
}
to {
	transform: translate3d(0, 0, 0)
}
}
.slideInRight {
	animation-name: slideInRight
}
@keyframes slideInUp {
from {
transform:translate3d(0, 100%, 0);
visibility:visible
}
to {
	transform: translate3d(0, 0, 0)
}
}
.slideInUp {
	animation-name: slideInUp
}
@keyframes slideOutDown {
from {
transform:translate3d(0, 0, 0)
}
to {
	visibility: hidden;
	transform: translate3d(0, 100%, 0)
}
}
.slideOutDown {
	animation-name: slideOutDown
}
@keyframes slideOutLeft {
from {
transform:translate3d(0, 0, 0)
}
to {
	visibility: hidden;
	transform: translate3d(-100%, 0, 0)
}
}
.slideOutLeft {
	animation-name: slideOutLeft
}
@keyframes slideOutRight {
from {
transform:translate3d(0, 0, 0)
}
to {
	visibility: hidden;
	transform: translate3d(100%, 0, 0)
}
}
.slideOutRight {
	animation-name: slideOutRight
}
@keyframes slideOutUp {
from {
transform:translate3d(0, 0, 0)
}
to {
	visibility: hidden;
	transform: translate3d(0, -100%, 0)
}
}
.slideOutUp {
	animation-name: slideOutUp
}
@-moz-keyframes rotate {
from {
-moz-transform:rotate(0deg);
transform:rotate(0deg)
}
to {
	-moz-transform: rotate(360deg);
	transform: rotate(360deg)
}
}
@-webkit-keyframes rotate {
from {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
to {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg)
}
}
@keyframes rotate {
from {
-moz-transform:rotate(0deg);
-ms-transform:rotate(0deg);
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
to {
	-moz-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg)
}
}
@-moz-keyframes clipIn {
from {
-webkit-clip-path:circle(0% at 50% 50%);
clip-path:circle(0% at 50% 50%)
}
to {
	-webkit-clip-path: circle(100% at 50% 50%);
	clip-path: circle(100% at 50% 50%)
}
}
@-webkit-keyframes clipIn {
from {
-webkit-clip-path:circle(0% at 50% 50%);
clip-path:circle(0% at 50% 50%)
}
to {
	-webkit-clip-path: circle(100% at 50% 50%);
	clip-path: circle(100% at 50% 50%)
}
}
@keyframes clipIn {
from {
-webkit-clip-path:circle(0% at 50% 50%);
clip-path:circle(0% at 50% 50%)
}
to {
	-webkit-clip-path: circle(100% at 50% 50%);
	clip-path: circle(100% at 50% 50%)
}
}
@-moz-keyframes clipOut {
from {
opacity:1;
filter:alpha(opacity=100);
-webkit-clip-path:circle(100% at 50% 50%);
clip-path:circle(100% at 50% 50%)
}
to {
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-clip-path: circle(0% at 50% 50%);
	clip-path: circle(0% at 50% 50%)
}
}
@-webkit-keyframes clipOut {
from {
opacity:1;
filter:alpha(opacity=100);
-webkit-clip-path:circle(100% at 50% 50%);
clip-path:circle(100% at 50% 50%)
}
to {
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-clip-path: circle(0% at 50% 50%);
	clip-path: circle(0% at 50% 50%)
}
}
@keyframes clipOut {
from {
opacity:1;
filter:alpha(opacity=100);
-webkit-clip-path:circle(100% at 50% 50%);
clip-path:circle(100% at 50% 50%)
}
to {
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-clip-path: circle(0% at 50% 50%);
	clip-path: circle(0% at 50% 50%)
}
}
@-moz-keyframes clipInLeft {
from {
-webkit-clip-path:polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
clip-path:polygon(100% 0, 100% 0, 100% 100%, 100% 100%)
}
to {
	-webkit-clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%);
	clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%)
}
}
@-webkit-keyframes clipInLeft {
from {
-webkit-clip-path:polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
clip-path:polygon(100% 0, 100% 0, 100% 100%, 100% 100%)
}
to {
	-webkit-clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%);
	clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%)
}
}
@keyframes clipInLeft {
from {
-webkit-clip-path:polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
clip-path:polygon(100% 0, 100% 0, 100% 100%, 100% 100%)
}
to {
	-webkit-clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%);
	clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%)
}
}
@-moz-keyframes clipOutLeft {
from {
-webkit-clip-path:polygon(100% 0, 0 0, 0 100%, 100% 100%);
clip-path:polygon(100% 0, 0 0, 0 100%, 100% 100%)
}
to {
	-webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
	clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%)
}
}
@-webkit-keyframes clipOutLeft {
from {
-webkit-clip-path:polygon(100% 0, 0 0, 0 100%, 100% 100%);
clip-path:polygon(100% 0, 0 0, 0 100%, 100% 100%)
}
to {
	-webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
	clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%)
}
}
@keyframes clipOutLeft {
from {
-webkit-clip-path:polygon(100% 0, 0 0, 0 100%, 100% 100%);
clip-path:polygon(100% 0, 0 0, 0 100%, 100% 100%)
}
to {
	-webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
	clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%)
}
}
@-moz-keyframes scaleIn {
from {
-moz-transform:scale(1.2);
transform:scale(1.2)
}
to {
	-moz-transform: scale(1);
	transform: scale(1)
}
}
@-webkit-keyframes scaleIn {
from {
-webkit-transform:scale(1.2);
transform:scale(1.2)
}
to {
	-webkit-transform: scale(1);
	transform: scale(1)
}
}
@keyframes scaleIn {
from {
-moz-transform:scale(1.2);
-ms-transform:scale(1.2);
-webkit-transform:scale(1.2);
transform:scale(1.2)
}
to {
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1)
}
}
.banner-tp03:before, .banner-tp04:before, .nav-tp07 a:before, .tp009 .min-figure .item-inner:after, .tp084 .min-figure .item-inner:after, .tp015 .figure:before, .tp015 .figure:after, .tp021 .item-inner:before, .tp023 .figure:before, .tp023 .figure:after, .tp074 .figure:before, .tp074 .figure:after, .tp031 .figure:before, .tp031 .figure:after, .tp034 .item-inner:before, .tp034 .figure:before, .tp034 .figure:after, .tp038 .item-inner:before, .tp048 .item-inner:before, .tp048 .figure:before, .tp055 .item-inner:before, .tp056 .figure:before, .tp056 .figure:after, .tp057 .figure:before, .tp057 .figure:after, .tp058 .max-figure .figure:before, .tp076 .max-figure .figure:before, .tp058 .min-figure .item-inner:before, .tp076 .min-figure .item-inner:before, .tp064 .figure:before, .tp064 .figure:after, .tp066 .inquiry-form .figure:before, .tp075 .text:before, .tp082 .figure:before, .tp083 .figure:before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 1;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-webkit-transition: all .3s;
	transition: all .3s
}
.header-tp01 #main-nav .has-nav>a:after, .header-tp02 #main-nav .has-nav>a:after, .header-tp03 #main-nav .has-nav>a:after, .header-tp04 #main-nav .has-nav>a:after, .header-tp05 #main-nav .has-nav>a:after, .header-tp06 #main-nav .has-nav>a:after, .header-tp07 #main-nav .has-nav>a:after, .header-tp01 .lang-btn:after, .header-tp04 .lang-btn:after, .header-tp05 .lang-btn:after, .header-tp06 .lang-btn:after, .header-tp07 .lang-btn:after, .gotop-tp02:before, .nav-tp02 .label span:after, .nav-tp03 .label span:after, .nav-tp04 .label span:after, .page-tp01 .prev a:after, .page-tp01 .next a:after, .page-tp02 .prev a:after, .page-tp02 .next a:after, .page-tp03 .prev a:after, .page-tp03 .next a:after, .path-tp01 li:after, .tp007 .btn:after, .tp083 .btn:after, .tp017 .main-content .page-btn a:after, .tp081 .page-btn a:after, .tp032 .list li:before, .tp058 .swiper-button-prev:before, .tp058 .swiper-button-next:before, .tp076 .swiper-button-prev:before, .tp076 .swiper-button-next:before, .tp062 .btn:after, .tp063 .btn:before, .tp065 td span:after {
	content: '';
	border-style: solid;
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-webkit-transition: all .3s;
	transition: all .3s
}
.gotop-tp02:before {
	border-right: 0 none;
	border-bottom: 0 none
}
.header-tp01 #main-nav .has-nav>a:after, .header-tp02 #main-nav .has-nav>a:after, .header-tp03 #main-nav .has-nav>a:after, .header-tp04 #main-nav .has-nav>a:after, .header-tp05 #main-nav .has-nav>a:after, .header-tp06 #main-nav .has-nav>a:after, .header-tp07 #main-nav .has-nav>a:after, .page-tp01 .next a:after, .page-tp02 .next a:after, .page-tp03 .next a:after, .path-tp01 li:after, .tp007 .btn:after, .tp083 .btn:after, .tp017 .main-content .page-btn .next:after, .tp081 .page-btn .next:after, .tp032 .list li:before, .tp062 .btn:after, .tp065 td span:after {
	border-left: 0 none;
	border-bottom: 0 none
}
.header-tp01 .lang-btn:after, .header-tp04 .lang-btn:after, .header-tp05 .lang-btn:after, .header-tp06 .lang-btn:after, .header-tp07 .lang-btn:after, .nav-tp02 .label span:after, .nav-tp03 .label span:after, .nav-tp04 .label span:after {
	border-left: 0 none;
	border-top: 0 none
}
.page-tp01 .prev a:after, .page-tp02 .prev a:after, .page-tp03 .prev a:after, .tp017 .main-content .page-btn .prev:after, .tp081 .page-btn .prev:after, .tp063 .btn:before {
	border-top: 0 none;
	border-right: 0 none
}
.header-tp02 .lang-btn:before, .header-tp02 .lang-btn:after, .sidenav-tp02 .sub-nav .on a:before, .path-tp03 li:first-child a:before, .tp015 h3:before, .tp015 .btn:before, .tp018 .map:before, .tp024 .map:before, .tp058 .btn-wrap .btn:before, .tp076 .btn-wrap .btn:before, .tp068 .btn:after {
	content: '';
	display: inline-block;
	vertical-align: middle;
	background-size: contain !important;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-webkit-transition: all .3s;
	transition: all .3s
}
.tp016 .search-form, .tp017 .search-form {
	font-size: 0
}
.tp016 .search-form .form-wrap, .tp017 .search-form .form-wrap {
	position: relative;
	max-width: 400px;
	margin: 0 auto;
	overflow: hidden
}
.tp016 .search-form .keyword, .tp017 .search-form .keyword {
	width: 100%;
	height: 40px;
	padding: 5px 50px 5px 20px;
	border: none;
	background: #f5f5f5;
	color: #111
}
.tp016 .search-form .btn, .tp017 .search-form .btn {
	min-width: 80px;
	height: 40px;
	padding: 0 20px;
	background: #2D88CF;
	color: #fff;
	border: none;
	overflow: hidden;
	position: absolute;
	top: 0;
	right: -1px;
	z-index: 1
}
.tp016 .search-form .result-info, .tp017 .search-form .result-info {
	padding: 20px 0 0;
	text-align: center;
	font-size: 14px;
	font-size: 1.4rem
}
.tp016 .search-form .result-info span, .tp017 .search-form .result-info span {
	display: inline-block;
	vertical-align: middle;
	font-weight: bold;
	color: #2D88CF;
	padding: 0 7px
}
.tp016 .search-form+.item-group, .tp017 .search-form+.item-group {
	padding-top: 20px
}
@media screen and (min-width: 769px) {
.tp016 .search-form .btn:hover, .tp017 .search-form .btn:hover {
	background: #96BB36
}
.tp016 .search-form+.item-group, .tp017 .search-form+.item-group {
	padding-top: 30px
}
.tp015 .item-inner, .tp021 .item-inner, .tp056 .item-inner, .tp057 .item-inner, .tp073 .item-inner, .tp023 .item-inner, .tp074 .item-inner, .tp075 .item-inner {
	overflow: hidden
}
.tp015 .item-inner .figure, .tp021 .item-inner .figure, .tp056 .item-inner .figure, .tp057 .item-inner .figure, .tp073 .item-inner .figure, .tp023 .item-inner .figure, .tp074 .item-inner .figure, .tp075 .item-inner .figure {
	overflow: hidden
}
.tp015 .item-inner .figure img, .tp021 .item-inner .figure img, .tp056 .item-inner .figure img, .tp057 .item-inner .figure img, .tp073 .item-inner .figure img, .tp023 .item-inner .figure img, .tp074 .item-inner .figure img, .tp075 .item-inner .figure img {
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-webkit-transition: all .3s;
	transition: all .3s
}
.tp015 .item-inner:hover img, .tp021 .item-inner:hover img, .tp056 .item-inner:hover img, .tp057 .item-inner:hover img, .tp073 .item-inner:hover img, .tp023 .item-inner:hover img, .tp074 .item-inner:hover img, .tp075 .item-inner:hover img {
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}
}
::-webkit-input-placeholder {
font-size:13px;
font-size:1.3rem;
color:#333;
opacity:1
}
:-moz-placeholder {
font-size:15px;
font-size:1.5rem;
color:#333;
opacity:1
}
::-moz-placeholder {
font-size:15px;
font-size:1.5rem;
color:#333;
opacity:1
}
:-ms-input-placeholder {
font-size:15px;
font-size:1.5rem;
color:#333;
opacity:1
}
html {
	font-size: 62.5%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: 100%
}
body {
	background: #FFF;
	font-size: 14px;
	font-size: 1.4rem;
	position: relative;
	font-family: "微軟正黑體", "Microsoft JhengHei", "MHei", "STHeitiTC-Light", sans-serif, Arial, Helvetica, "Helvetica Neue", Tahoma, Verdana;
	color: #111;
	line-height: 1.5;
	height: 100%
}
body.lock {
	overflow: hidden;
	-webkit-backface-visibility: hidden
}
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
input, select, textarea {
	font-size: 16px;
	font-size: 1.6rem;
	outline: 0 none;
	padding: 8px
}
input[type="checkbox"], input[type="radio"], select[type="checkbox"], select[type="radio"], textarea[type="checkbox"], textarea[type="radio"] {
	width: auto;
	height: auto;
	padding: 0;
	vertical-align: middle;
	cursor: pointer
}
select {
	cursor: pointer;
	vertical-align: middle
}
textarea {
	resize: none
}
h1, h2, h3, h4, h5, h6, p {
	margin: 0
}
label {
	cursor: pointer
}
a, button {
	outline: 0 none;
	text-decoration: none;
	color: inherit
}
nav ul, nav li, .path ul, .path li, .page-limit ul, .page-limit li {
	margin: 0;
	padding: 0;
	list-style: none outside none
}
nav ul, .path ul, .page-limit ul {
	font-size: 0
}
nav a, .path a, .page-limit a {
	display: block;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-webkit-transition: all .3s;
	transition: all .3s
}
.figure img {
	display: block;
	margin: 0 auto
}
.figure.web {
	display: none
}
#container {
	position: relative;
	min-width: 320px;
	margin: 0 auto;
	overflow: hidden
}
#container.has-bg {
	background: url(../images/container-bg.jpg) fixed top no-repeat;
	background-size: cover
}
#content {
	margin: 0 auto;
	clear: both;
	position: relative;
	overflow: hidden
}
#mask-bg {
	opacity: 0;
	filter: alpha(opacity=0);
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 0;
	background: #000;
	overflow: hidden;
	z-index: 998;
	-moz-transition: opacity .3s;
	-o-transition: opacity .3s;
	-webkit-transition: opacity .3s;
	transition: opacity .3s
}
#mask-bg.on {
	opacity: .8;
	filter: alpha(opacity=80);
	height: 100%
}
@media screen and (min-width: 768px) {
.figure.mobile {
	display: none
}
.figure.web {
	display: block
}
}
@media screen and (min-width: 769px) {
body.lock {
	overflow-y: auto;
	-webkit-backface-visibility: visible
}
#container {
	min-width: 1024px
}
#mask-bg {
	display: none
}
#mask-bg.always {
	display: block
}
}
.header-tp01, .header-tp02, .header-tp03, .header-tp04, .header-tp05, .header-tp06, .header-tp07 {
	width: 100%;
	min-width: 320px;
	z-index: 999;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-webkit-transition: all .3s;
	transition: all .3s
}
.header-tp01 .inner-wrap, .header-tp02 .inner-wrap, .header-tp03 .inner-wrap, .header-tp04 .inner-wrap, .header-tp05 .inner-wrap, .header-tp06 .inner-wrap, .header-tp07 .inner-wrap {
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-webkit-transition: all .3s;
	transition: all .3s;
	margin: 0 auto
}
.header-tp01 .mobile-side, .header-tp02 .mobile-side, .header-tp03 .mobile-side, .header-tp04 .mobile-side, .header-tp05 .mobile-side, .header-tp06 .mobile-side, .header-tp07 .mobile-side {
	position: absolute;
	top: 100%;
	width: 100%;
	overflow-y: auto;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-webkit-transition: all .3s;
	transition: all .3s
}
.header-tp01 .search-btn, .header-tp02 .search-btn, .header-tp03 .search-btn, .header-tp04 .search-btn, .header-tp05 .search-btn, .header-tp06 .search-btn, .header-tp07 .search-btn {
	font-size: 0;
	text-indent: -999px;
	border: 0 none;
	outline: 0 none;
	background-size: 20px !important;
	overflow: hidden;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-webkit-transition: all .3s;
	transition: all .3s
}
.header-tp01 .search-form, .header-tp02 .search-form, .header-tp03 .search-form, .header-tp04 .search-form, .header-tp05 .search-form, .header-tp06 .search-form, .header-tp07 .search-form {
	font-size: 0;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-webkit-transition: all .3s;
	transition: all .3s;
	z-index: 2
}
.header-tp01 .search-form .form-wrap, .header-tp02 .search-form .form-wrap, .header-tp03 .search-form .form-wrap, .header-tp04 .search-form .form-wrap, .header-tp05 .search-form .form-wrap, .header-tp06 .search-form .form-wrap, .header-tp07 .search-form .form-wrap {
	position: relative
}
.header-tp01 .search-form .keyword, .header-tp02 .search-form .keyword, .header-tp03 .search-form .keyword, .header-tp04 .search-form .keyword, .header-tp05 .search-form .keyword, .header-tp06 .search-form .keyword, .header-tp07 .search-form .keyword {
	width: 100%;
	height: 40px;
	border: 0 none;
	padding: 5px 50px 5px 10px
}
.header-tp01 .search-form .btn, .header-tp02 .search-form .btn, .header-tp03 .search-form .btn, .header-tp04 .search-form .btn, .header-tp05 .search-form .btn, .header-tp06 .search-form .btn, .header-tp07 .search-form .btn {
	height: 40px;
	padding: 0 20px;
	border: 0 none;
	background: #2D88CF;
	font-size: 12px;
	font-size: 1.2rem;
	color: #fff;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1
}
.header-tp01 .lang-btn, .header-tp02 .lang-btn, .header-tp03 .lang-btn, .header-tp04 .lang-btn, .header-tp05 .lang-btn, .header-tp06 .lang-btn, .header-tp07 .lang-btn {
	display: none;
	position: relative;
	cursor: pointer;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-webkit-transition: all .3s;
	transition: all .3s
}
.header-tp01 .lang-nav, .header-tp02 .lang-nav, .header-tp03 .lang-nav, .header-tp04 .lang-nav, .header-tp05 .lang-nav, .header-tp06 .lang-nav, .header-tp07 .lang-nav {
	font-size: 0;
	overflow: hidden;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-webkit-transition: all .3s;
	transition: all .3s
}
.header-tp01 .lang-nav ul, .header-tp01 .lang-nav li, .header-tp02 .lang-nav ul, .header-tp02 .lang-nav li, .header-tp03 .lang-nav ul, .header-tp03 .lang-nav li, .header-tp04 .lang-nav ul, .header-tp04 .lang-nav li, .header-tp05 .lang-nav ul, .header-tp05 .lang-nav li, .header-tp06 .lang-nav ul, .header-tp06 .lang-nav li, .header-tp07 .lang-nav ul, .header-tp07 .lang-nav li {
	margin: 0;
	padding: 0;
	list-style: none outside none
}
.header-tp01 .lang-nav li, .header-tp02 .lang-nav li, .header-tp03 .lang-nav li, .header-tp04 .lang-nav li, .header-tp05 .lang-nav li, .header-tp06 .lang-nav li, .header-tp07 .lang-nav li {
	display: inline-block;
	vertical-align: middle;
	text-align: center
}
.header-tp01 .lang-nav a, .header-tp02 .lang-nav a, .header-tp03 .lang-nav a, .header-tp04 .lang-nav a, .header-tp05 .lang-nav a, .header-tp06 .lang-nav a, .header-tp07 .lang-nav a {
	display: block;
	font-size: 12px;
	font-size: 1.2rem;
	padding: 18px 0
}
.header-tp01 #logo, .header-tp02 #logo, .header-tp03 #logo, .header-tp04 #logo, .header-tp05 #logo, .header-tp06 #logo, .header-tp07 #logo {
	display: block;
	width: 180px;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-webkit-transition: all .3s;
	transition: all .3s
}
.header-tp01 #logo a, .header-tp01 #logo img, .header-tp02 #logo a, .header-tp02 #logo img, .header-tp03 #logo a, .header-tp03 #logo img, .header-tp04 #logo a, .header-tp04 #logo img, .header-tp05 #logo a, .header-tp05 #logo img, .header-tp06 #logo a, .header-tp06 #logo img, .header-tp07 #logo a, .header-tp07 #logo img {
	display: block
}
.header-tp01 #nav-btn, .header-tp02 #nav-btn, .header-tp03 #nav-btn, .header-tp04 #nav-btn, .header-tp05 #nav-btn, .header-tp06 #nav-btn, .header-tp07 #nav-btn {
	display: block;
	width: 30px;
	height: 30px;
	font-size: 0;
	text-indent: -9999px;
	position: absolute;
	top: 50%;
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	overflow: hidden;
	z-index: 2
}
.header-tp01 #nav-btn .thumb, .header-tp02 #nav-btn .thumb, .header-tp03 #nav-btn .thumb, .header-tp04 #nav-btn .thumb, .header-tp05 #nav-btn .thumb, .header-tp06 #nav-btn .thumb, .header-tp07 #nav-btn .thumb {
	display: block;
	width: 60%;
	height: 2px;
	background: #fff;
	position: absolute;
	left: 50%;
	-moz-transform-origin: center 50%;
	-ms-transform-origin: center 50%;
	-webkit-transform-origin: center 50%;
	transform-origin: center 50%;
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-webkit-transition: all .3s;
	transition: all .3s
}
.header-tp01 #nav-btn .thumb.thumb-1, .header-tp02 #nav-btn .thumb.thumb-1, .header-tp03 #nav-btn .thumb.thumb-1, .header-tp04 #nav-btn .thumb.thumb-1, .header-tp05 #nav-btn .thumb.thumb-1, .header-tp06 #nav-btn .thumb.thumb-1, .header-tp07 #nav-btn .thumb.thumb-1 {
	top: 8px
}
.header-tp01 #nav-btn .thumb.thumb-2, .header-tp02 #nav-btn .thumb.thumb-2, .header-tp03 #nav-btn .thumb.thumb-2, .header-tp04 #nav-btn .thumb.thumb-2, .header-tp05 #nav-btn .thumb.thumb-2, .header-tp06 #nav-btn .thumb.thumb-2, .header-tp07 #nav-btn .thumb.thumb-2 {
	top: 50%;
	margin-top: -1px
}
.header-tp01 #nav-btn .thumb.thumb-3, .header-tp02 #nav-btn .thumb.thumb-3, .header-tp03 #nav-btn .thumb.thumb-3, .header-tp04 #nav-btn .thumb.thumb-3, .header-tp05 #nav-btn .thumb.thumb-3, .header-tp06 #nav-btn .thumb.thumb-3, .header-tp07 #nav-btn .thumb.thumb-3 {
	bottom: 8px
}
.header-tp01 #nav-btn.on .thumb-1, .header-tp02 #nav-btn.on .thumb-1, .header-tp03 #nav-btn.on .thumb-1, .header-tp04 #nav-btn.on .thumb-1, .header-tp05 #nav-btn.on .thumb-1, .header-tp06 #nav-btn.on .thumb-1, .header-tp07 #nav-btn.on .thumb-1 {
	-moz-transform: rotate(-45deg) translate(-50%, -50%);
	-ms-transform: rotate(-45deg) translate(-50%, -50%);
	-webkit-transform: rotate(-45deg) translate(-50%, -50%);
	transform: rotate(-45deg) translate(-50%, -50%);
	margin: 0 0 0 -2px
}
.header-tp01 #nav-btn.on .thumb-2, .header-tp02 #nav-btn.on .thumb-2, .header-tp03 #nav-btn.on .thumb-2, .header-tp04 #nav-btn.on .thumb-2, .header-tp05 #nav-btn.on .thumb-2, .header-tp06 #nav-btn.on .thumb-2, .header-tp07 #nav-btn.on .thumb-2 {
	opacity: 0;
	filter: alpha(opacity=0);
	visibility: hidden
}
.header-tp01 #nav-btn.on .thumb-3, .header-tp02 #nav-btn.on .thumb-3, .header-tp03 #nav-btn.on .thumb-3, .header-tp04 #nav-btn.on .thumb-3, .header-tp05 #nav-btn.on .thumb-3, .header-tp06 #nav-btn.on .thumb-3, .header-tp07 #nav-btn.on .thumb-3 {
	-moz-transform: rotate(45deg) translate(-50%, -50%);
	-ms-transform: rotate(45deg) translate(-50%, -50%);
	-webkit-transform: rotate(45deg) translate(-50%, -50%);
	transform: rotate(45deg) translate(-50%, -50%);
	margin: 0 0 -1px -3px
}
.header-tp01 #main-nav, .header-tp02 #main-nav, .header-tp03 #main-nav, .header-tp04 #main-nav, .header-tp05 #main-nav, .header-tp06 #main-nav, .header-tp07 #main-nav {
	font-family: "HelveticaNeueLTStd85", "微軟正黑體", "Microsoft JhengHei", "MHei", "STHeitiTC-Light", sans-serif, Arial, Helvetica, "Helvetica Neue", Tahoma, Verdana;
	z-index: 10
}
.header-tp01 #main-nav li, .header-tp02 #main-nav li, .header-tp03 #main-nav li, .header-tp04 #main-nav li, .header-tp05 #main-nav li, .header-tp06 #main-nav li, .header-tp07 #main-nav li {
	position: relative
}
.header-tp01 #main-nav.on, .header-tp02 #main-nav.on, .header-tp03 #main-nav.on, .header-tp04 #main-nav.on, .header-tp05 #main-nav.on, .header-tp06 #main-nav.on, .header-tp07 #main-nav.on {
	left: 0
}
.header-tp01 #main-nav>ul>li.on>a:after, .header-tp02 #main-nav>ul>li.on>a:after, .header-tp03 #main-nav>ul>li.on>a:after, .header-tp04 #main-nav>ul>li.on>a:after, .header-tp05 #main-nav>ul>li.on>a:after, .header-tp06 #main-nav>ul>li.on>a:after, .header-tp07 #main-nav>ul>li.on>a:after {
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg)
}
.header-tp01 #main-nav>ul>li.on .sub-nav, .header-tp02 #main-nav>ul>li.on .sub-nav, .header-tp03 #main-nav>ul>li.on .sub-nav, .header-tp04 #main-nav>ul>li.on .sub-nav, .header-tp05 #main-nav>ul>li.on .sub-nav, .header-tp06 #main-nav>ul>li.on .sub-nav, .header-tp07 #main-nav>ul>li.on .sub-nav {
	display: block
}
.header-tp01 #main-nav>ul>li>a, .header-tp02 #main-nav>ul>li>a, .header-tp03 #main-nav>ul>li>a, .header-tp04 #main-nav>ul>li>a, .header-tp05 #main-nav>ul>li>a, .header-tp06 #main-nav>ul>li>a, .header-tp07 #main-nav>ul>li>a {
	color: #FFFFFD
}
.header-tp01 #main-nav .has-nav>a:after, .header-tp02 #main-nav .has-nav>a:after, .header-tp03 #main-nav .has-nav>a:after, .header-tp04 #main-nav .has-nav>a:after, .header-tp05 #main-nav .has-nav>a:after, .header-tp06 #main-nav .has-nav>a:after, .header-tp07 #main-nav .has-nav>a:after {
	display: inline-block;
	vertical-align: middle;
	width: 5px;
	height: 5px;
	border-width: 2px;
	margin: -2px 0 0 15px;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-webkit-transition: all .3s;
	transition: all .3s
}
.header-tp01 #main-nav .sub-nav, .header-tp02 #main-nav .sub-nav, .header-tp03 #main-nav .sub-nav, .header-tp04 #main-nav .sub-nav, .header-tp05 #main-nav .sub-nav, .header-tp06 #main-nav .sub-nav, .header-tp07 #main-nav .sub-nav {
	display: none;
	-moz-animation: fadeIn 0.2s ease-in;
	-webkit-animation: fadeIn 0.2s ease-in;
	animation: fadeIn 0.2s ease-in;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-webkit-transition: all .3s;
	transition: all .3s
}
.header-tp01.fix, .header-tp02.fix, .header-tp03.fix, .header-tp04.fix, .header-tp05.fix, .header-tp06.fix, .header-tp07.fix {
	position: fixed;
	top: 0
}
.header-tp01 .mobile-side, .header-tp02 .mobile-side, .header-tp03 .mobile-side, .header-tp06 .mobile-side, .header-tp07 .mobile-side {
	left: -100%
}
.header-tp01 .mobile-side.on, .header-tp02 .mobile-side.on, .header-tp03 .mobile-side.on, .header-tp06 .mobile-side.on, .header-tp07 .mobile-side.on {
	left: 0
}
.header-tp01 .search-btn, .header-tp04 .search-btn, .header-tp05 .search-btn, .header-tp06 .search-btn, .header-tp07 .search-btn {
	display: none;
	width: 30px;
	height: 43px
}
.header-tp01 .search-form, .header-tp04 .search-form, .header-tp05 .search-form, .header-tp06 .search-form, .header-tp07 .search-form {
	padding: 20px
}
.header-tp01 .search-form .keyword, .header-tp04 .search-form .keyword, .header-tp05 .search-form .keyword, .header-tp06 .search-form .keyword, .header-tp07 .search-form .keyword {
	background: #FFF;
	color: #111
}
.header-tp01 .lang-btn, .header-tp04 .lang-btn, .header-tp05 .lang-btn, .header-tp06 .lang-btn, .header-tp07 .lang-btn {
	width: 130px;
	text-align: center;
	font-size: 14px;
	font-size: 1.4rem;
	color: #fff;
	line-height: 40px;
	border: 1px solid #fff;
	position: relative
}
.header-tp01 .lang-btn:after, .header-tp04 .lang-btn:after, .header-tp05 .lang-btn:after, .header-tp06 .lang-btn:after, .header-tp07 .lang-btn:after {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 7px;
	height: 7px;
	border-width: 2px;
	border-color: #fff;
	margin: 0 0 4px 10px
}
.header-tp01 .lang-nav, .header-tp04 .lang-nav, .header-tp05 .lang-nav, .header-tp06 .lang-nav, .header-tp07 .lang-nav {
	color: #fff
}
.header-tp01 .lang-nav li, .header-tp04 .lang-nav li, .header-tp05 .lang-nav li, .header-tp06 .lang-nav li, .header-tp07 .lang-nav li {
	width: 33.333%
}
.header-tp01 .lang-nav .on a, .header-tp04 .lang-nav .on a, .header-tp05 .lang-nav .on a, .header-tp06 .lang-nav .on a, .header-tp07 .lang-nav .on a {
	font-weight: bold;
	color: #2D88CF
}
.header-tp01 #nav-btn, .header-tp04 #nav-btn, .header-tp05 #nav-btn, .header-tp06 #nav-btn, .header-tp07 #nav-btn {
	right: 10px
}
.header-tp02 .search-btn, .header-tp03 .search-btn {
	display: block;
	width: 30px;
	height: 30px;
	position: absolute;
	top: 50%;
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%)
}
.header-tp02 .search-form, .header-tp03 .search-form {
	position: absolute;
	top: 100%;
	width: 100%;
	right: -100%;
	text-align: center;
	padding: 30px 20px
}
.header-tp02 .search-form.on, .header-tp03 .search-form.on {
	right: 0
}
.header-tp01 {
	position: fixed;
	top: 0
}
.header-tp01 .inner-wrap {
	padding: 10px 15px
}
.header-tp01 .search-btn {
	background: url(../images/icon-search-w.png) center 4px no-repeat
}
.header-tp01 .search-form, .header-tp01 .lang-nav {
	background: rgba(255,255,255,0.2)
}
.header-tp01 #nav-btn {
	background: #2D88CF;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-clip: padding-box
}
.header-tp01 #main-nav {
	background: rgba(255,255,255,0.2);
	text-align: center
}
.header-tp01 #main-nav a {
	font-size: 15px;
	font-size: 1.5rem;
	padding: 12px;
	position: relative
}
.header-tp01 #main-nav>ul>li {
	border-bottom: 1px solid rgba(0,0,0,0.2)
}
.header-tp01 #main-nav>ul>li>a {
	font-family: "CenturyGothicBold", "微軟正黑體", "Microsoft JhengHei", "MHei", "STHeitiTC-Light", sans-serif, Arial, Helvetica, "Helvetica Neue", Tahoma, Verdana;
	color: #fff
}
.header-tp01 #main-nav>ul>li.on>a {
	background: rgba(255,255,255,0.9);
	color: #333
}
.header-tp01 #main-nav .has-nav>a:after {
	border-color: #2D88CF
}
.header-tp01 #main-nav .sub-nav {
	background: rgba(255,255,255,0.9)
}
.header-tp01 #main-nav .sub-nav li {
	border-top: 1px solid rgba(0,0,0,0.1)
}
.header-tp01 #main-nav .sub-nav a {
	color: #000
}
.header-tp01 #main-nav .sub-nav .on a {
	color: #2D88CF;
	font-weight: bold
}
.header-tp01.fix {
	background: rgba(0,0,0,0.7);
	padding: 7px 15px
}
.header-tp02 {
	background: url(../images/未标题-4.png) top center no-repeat;
	background-color: #FFFFFF;
	border-bottom: 1px solid #DDD;
	position: relative;
	padding: 12px
}
.header-tp02 .inner-wrap {
	max-width: 1440px;
	padding: 20px
}
.header-tp02 .search-btn {
	background: url(../images/icon-search.png) center no-repeat;
	right: 60px
}
.header-tp02 .search-form {
	background: #f5f5f5
}
.header-tp02 .search-form .keyword {
	background: #FFF;
	color: #111
}
.header-tp02 .lang-btn {
	border: 0 none;
	background: none;
	font-size: 14px;
	font-size: 1.4rem;
	color: #111;
	padding: 0 0 10px
}
.header-tp02 .lang-btn:before {
	width: 18px;
	height: 18px;
	background: url(../images/icon-lang.png) center no-repeat;
	margin-right: 10px
}
.header-tp02 .lang-btn:after {
	width: 7px;
	height: 7px;
	border: 2px solid #555;
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	border-top: 0 none;
	border-left: 0 none;
	margin: 0 10px 3px
}
.header-tp02 .lang-nav {
	background: #FFF;
	color: #111
}
.header-tp02 .lang-nav li {
	width: 49.9999%
}
.header-tp02 .lang-nav.on a {
	font-weight: bold;
	color: #2D88CF
}
.header-tp02 #nav-btn {
	right: 10px;
	background: #2D88CF
}
.header-tp02 #main-nav {
	background: #f5f5f5
}
.header-tp02 #main-nav>ul>li {
	border-top: 1px solid #FFF;
	text-align: center
}
.header-tp02 #main-nav>ul>li>a {
	padding: 12px;
	font-size: 20px;
}
.header-tp02 #main-nav>ul>li.on>a {
	font-weight: bold;
	background: #FFF;
	color: #2D88CF
}
.header-tp02 #main-nav a {
	font-size: 18px;
	color: #111;
	font-weight:bold;
}
.header-tp02 #main-nav .has-nav>a:after {
	border-color: #2D88CF
}
.header-tp02 #main-nav .sub-nav {
	background: #FFF;
	padding: 0 0 10px
}
.header-tp02 #main-nav .sub-nav li {
	border-top: 1px solid #f5f5f5
}
.header-tp02 #main-nav .sub-nav a {
	padding: 9px 12px
}
.header-tp02:after {
	content: '';
	display: block;
	width: 100%;
	height: 0;
	clear: both;
	overflow: hidden
}
.header-tp03 {
	background: #111;
	position: relative
}
.header-tp03 .inner-wrap {
	padding: 15px 20px
}
.header-tp03 .search-btn {
	background: url(../images/icon-search.png) center no-repeat;
	right: 10px
}
.header-tp03 .lang-btn {
	font-size: 12px;
	font-size: 1.2rem;
	color: #FFF;
	padding: 5px 0
}
.header-tp03 .lang-nav {
	padding: 5px 0;
	background: rgba(255,255,255,0.1)
}
.header-tp03 .lang-nav li {
	width: 33.333%
}
.header-tp03 .lang-nav a {
	color: #fff;
	padding: 13px 10px
}
.header-tp03 .lang-nav .on a {
	font-weight: bold;
	color: #2D88CF
}
.header-tp03 #logo {
	margin: 0 auto
}
.header-tp03 #nav-btn .thumb {
	background: #2D88CF
}
.header-tp03 #main-nav {
	padding: 20px
}
.header-tp03 #main-nav a {
	color: #fff
}
.header-tp03 #main-nav>ul>li {
	padding: 3px 0;
	border-bottom: 1px solid rgba(255,255,255,0.1);
	text-align: center
}
.header-tp03 #main-nav>ul>li>a {
	font-style: italic;
	font-size: 15px;
	font-size: 1.5rem;
	position: relative;
	padding: 10px
}
.header-tp03 #main-nav>ul>li:last-child {
	border-bottom: none
}
.header-tp03 #main-nav>ul>li.on>a {
	background: #2D88CF
}
.header-tp03 #main-nav>ul>li.on>a:after {
	border-color: #fff
}
.header-tp03 #main-nav>ul>li.on .sub-nav {
	display: block
}
.header-tp03 #main-nav .has-nav>a:after {
	border-color: #2D88CF
}
.header-tp03 #main-nav .sub-nav {
	background: rgba(0,0,0,0.2)
}
.header-tp03 #main-nav .sub-nav li {
	border-top: 1px solid rgba(255,255,255,0.1)
}
.header-tp03 #main-nav .sub-nav a {
	font-size: 12px;
	font-size: 1.2rem;
	padding: 10px
}
.header-tp04, .header-tp05 {
	position: fixed;
	top: 0
}
.header-tp04 .mobile-side, .header-tp05 .mobile-side {
	left: 0;
	display: none;
	overflow-x: hidden
}
.header-tp04 .mobile-side.on, .header-tp05 .mobile-side.on {
	display: block
}
.header-tp04 .inner-wrap, .header-tp05 .inner-wrap {
	padding: 7px 15px;
	overflow: hidden
}
.header-tp04 .search-form .form-wrap, .header-tp05 .search-form .form-wrap {
	max-width: 500px;
	margin: 0 auto
}
.header-tp04 .search-btn, .header-tp05 .search-btn {
	background: url(../images/icon-search-w.png) center no-repeat
}
.header-tp04 .lang-nav, .header-tp05 .lang-nav {
	background: rgba(255,255,255,0.1)
}
.header-tp04 #main-nav, .header-tp05 #main-nav {
	padding: 20px
}
.header-tp04 #main-nav>ul>li, .header-tp05 #main-nav>ul>li {
	padding: 3px 0;
	text-align: center
}
.header-tp04 #main-nav>ul>li>a, .header-tp05 #main-nav>ul>li>a {
	font-style: italic;
	font-size: 15px;
	font-size: 1.5rem;
	position: relative;
	padding: 10px
}
.header-tp04 #main-nav>ul>li:last-child, .header-tp05 #main-nav>ul>li:last-child {
	border-bottom: none
}
.header-tp04 #main-nav>ul>li.on>a, .header-tp05 #main-nav>ul>li.on>a {
	background: #2D88CF
}
.header-tp04 #main-nav>ul>li.on>a:after, .header-tp05 #main-nav>ul>li.on>a:after {
	border-color: #fff
}
.header-tp04 #main-nav>ul>li.on .sub-nav, .header-tp05 #main-nav>ul>li.on .sub-nav {
	display: block
}
.header-tp04 #main-nav .has-nav>a:after, .header-tp05 #main-nav .has-nav>a:after {
	border-color: #2D88CF
}
.header-tp04 #main-nav .sub-nav a, .header-tp05 #main-nav .sub-nav a {
	font-size: 12px;
	font-size: 1.2rem;
	padding: 10px
}
.header-tp04 {
	background: linear-gradient(to top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 45%, rgba(0,0,0,0.5) 100%)
}
.header-tp04 #main-nav a {
	color: #fff
}
.header-tp04 #main-nav>ul>li {
	border-bottom: 1px solid rgba(255,255,255,0.1)
}
.header-tp04 #main-nav .sub-nav {
	background: rgba(0,0,0,0.2)
}
.header-tp04 #main-nav .sub-nav li {
	border-top: 1px solid rgba(255,255,255,0.1)
}
.header-tp04.fix {
	background: rgba(0,0,0,0.7)
}
.header-tp05 {
	background: linear-gradient(to top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 45%, rgba(255,255,255,0.5) 100%)
}
.header-tp05 .lang-nav {
	color: #000
}
.header-tp05 #nav-btn .thumb {
	background: #000
}
.header-tp05 #main-nav a {
	color: #000
}
.header-tp05 #main-nav>ul>li {
	border-bottom: 1px solid rgba(0,0,0,0.1)
}
.header-tp05 #main-nav .sub-nav {
	background: rgba(0,0,0,0.2)
}
.header-tp05 #main-nav .sub-nav li {
	border-top: 1px solid rgba(0,0,0,0.1)
}
.header-tp05.fix {
	background: rgba(255,255,255,0.7)
}
.header-tp06, .header-tp07 {
	position: relative
}
.header-tp06 .inner-wrap, .header-tp07 .inner-wrap {
	max-width: 1280px;
	padding: 10px 15px
}
.header-tp06 #main-nav, .header-tp07 #main-nav {
	text-align: center
}
.header-tp06 #main-nav a, .header-tp07 #main-nav a {
	font-size: 14px;
	font-size: 1.4rem;
	padding: 10px;
	position: relative
}
.header-tp06 #main-nav>ul>li>a, .header-tp07 #main-nav>ul>li>a {
	font-family: "CenturyGothicBold", "微軟正黑體", "Microsoft JhengHei", "MHei", "STHeitiTC-Light", sans-serif, Arial, Helvetica, "Helvetica Neue", Tahoma, Verdana
}
.header-tp06 #main-nav .has-nav>a:after, .header-tp07 #main-nav .has-nav>a:after {
	border-color: #2D88CF
}
.header-tp06 #main-nav .sub-nav .on a, .header-tp07 #main-nav .sub-nav .on a {
	color: #2D88CF;
	font-weight: bold
}
.header-tp06 .search-btn {
	background: url(../images/icon-search-w.png) center 4px no-repeat
}
.header-tp06 #main-nav>ul>li {
	border-bottom: 1px solid rgba(255,255,255,0.2)
}
.header-tp06 #main-nav>ul>li>a {
	color: #fff
}
.header-tp06 #main-nav>ul>li.on>a {
	background: #000;
	color: #fff
}
.header-tp06 #main-nav .sub-nav {
	background: rgba(0,0,0,0.5)
}
.header-tp06 #main-nav .sub-nav li {
	border-top: 1px solid rgba(255,255,255,0.1)
}
.header-tp06 #main-nav .sub-nav a {
	color: #fff
}
.header-tp06.fix {
	background: rgba(0,0,0,0.7)
}
.header-tp07 .search-btn {
	background: url(../images/icon-search-b.png) center 4px no-repeat
}
.header-tp07 .lang-btn {
	color: #000;
	border: 1px solid #000
}
.header-tp07 .lang-btn:after {
	border-color: #000
}
.header-tp07 #main-nav>ul>li {
	border-bottom: 1px solid rgba(0,0,0,0.2)
}
.header-tp07 #main-nav>ul>li>a {
	color: #000
}
.header-tp07 #main-nav>ul>li.on>a {
	background: rgba(0,0,0,0.9);
	color: #fff
}
.header-tp07 #main-nav .sub-nav {
	background: rgba(255,255,255,0.9)
}
.header-tp07 #main-nav .sub-nav li {
	border-top: 1px solid rgba(0,0,0,0.1)
}
.header-tp07 #main-nav .sub-nav a {
	color: #000
}
.header-tp07.fix {
	background: rgba(255,255,255,0.7)
}
@media screen and (min-width: 769px) {
.header-tp01 .mobile-side, .header-tp02 .mobile-side, .header-tp03 .mobile-side, .header-tp06 .mobile-side, .header-tp07 .mobile-side {
	position: static;
	left: 0;
	top: 0;
	width: auto;
	overflow-y: visible
}
.header-tp01 .search-wrap, .header-tp02 .search-wrap, .header-tp03 .search-wrap, .header-tp06 .search-wrap, .header-tp07 .search-wrap {
	overflow-y: visible
}
.header-tp01 .search-wrap.on .search-form, .header-tp01 .search-wrap:hover .search-form, .header-tp02 .search-wrap.on .search-form, .header-tp02 .search-wrap:hover .search-form, .header-tp03 .search-wrap.on .search-form, .header-tp03 .search-wrap:hover .search-form, .header-tp06 .search-wrap.on .search-form, .header-tp06 .search-wrap:hover .search-form, .header-tp07 .search-wrap.on .search-form, .header-tp07 .search-wrap:hover .search-form {
	display: block
}
.header-tp01 .search-btn, .header-tp02 .search-btn, .header-tp03 .search-btn, .header-tp06 .search-btn, .header-tp07 .search-btn {
	position: relative
}
.header-tp01 .search-form, .header-tp02 .search-form, .header-tp03 .search-form, .header-tp06 .search-form, .header-tp07 .search-form {
	display: none;
	max-width: 350px
}
.header-tp01 .search-form.on, .header-tp02 .search-form.on, .header-tp03 .search-form.on, .header-tp06 .search-form.on, .header-tp07 .search-form.on {
	display: block
}
.header-tp01 .lang-btn, .header-tp02 .lang-btn, .header-tp03 .lang-btn, .header-tp06 .lang-btn, .header-tp07 .lang-btn {
	display: inline-block;
	vertical-align: middle
}
.header-tp01 .lang-wrap, .header-tp02 .lang-wrap, .header-tp03 .lang-wrap, .header-tp06 .lang-wrap, .header-tp07 .lang-wrap {
	overflow: visible
}
.header-tp01 .lang-wrap:hover .lang-nav, .header-tp02 .lang-wrap:hover .lang-nav, .header-tp03 .lang-wrap:hover .lang-nav, .header-tp06 .lang-wrap:hover .lang-nav, .header-tp07 .lang-wrap:hover .lang-nav {
	display: block
}
.header-tp01 .lang-nav, .header-tp02 .lang-nav, .header-tp03 .lang-nav, .header-tp06 .lang-nav, .header-tp07 .lang-nav {
	display: none;
	position: absolute;
	top: 100%;
	width: 100%;
	z-index: 3
}
.header-tp01 .lang-nav li, .header-tp02 .lang-nav li, .header-tp03 .lang-nav li, .header-tp06 .lang-nav li, .header-tp07 .lang-nav li {
	display: block;
	width: 100%
}
.header-tp01 .lang-nav a, .header-tp02 .lang-nav a, .header-tp03 .lang-nav a, .header-tp06 .lang-nav a, .header-tp07 .lang-nav a {
	font-size: 13px;
	font-size: 1.3rem;
	padding: 10px 20px
}
.header-tp01 #logo, .header-tp02 #logo, .header-tp03 #logo, .header-tp06 #logo, .header-tp07 #logo {
	width: 200px
}
.header-tp01 #nav-btn, .header-tp02 #nav-btn, .header-tp03 #nav-btn, .header-tp06 #nav-btn, .header-tp07 #nav-btn {
	display: none
}
.header-tp01 #main-nav, .header-tp02 #main-nav, .header-tp03 #main-nav, .header-tp06 #main-nav, .header-tp07 #main-nav {
	display: inline-block;
	vertical-align: middle;
	position: relative
}
.header-tp01 #main-nav>ul>li, .header-tp02 #main-nav>ul>li, .header-tp03 #main-nav>ul>li, .header-tp06 #main-nav>ul>li, .header-tp07 #main-nav>ul>li {
	display: inline-block;
	vertical-align: top
}
.header-tp01 #main-nav>ul>li:hover .sub-nav, .header-tp02 #main-nav>ul>li:hover .sub-nav, .header-tp03 #main-nav>ul>li:hover .sub-nav, .header-tp06 #main-nav>ul>li:hover .sub-nav, .header-tp07 #main-nav>ul>li:hover .sub-nav {
	display: block
}
.header-tp01 #main-nav>ul>li.on .sub-nav, .header-tp02 #main-nav>ul>li.on .sub-nav, .header-tp03 #main-nav>ul>li.on .sub-nav, .header-tp06 #main-nav>ul>li.on .sub-nav, .header-tp07 #main-nav>ul>li.on .sub-nav {
	display: none
}
.header-tp01 #main-nav>ul>li.on:hover .sub-nav, .header-tp02 #main-nav>ul>li.on:hover .sub-nav, .header-tp03 #main-nav>ul>li.on:hover .sub-nav, .header-tp06 #main-nav>ul>li.on:hover .sub-nav, .header-tp07 #main-nav>ul>li.on:hover .sub-nav {
	display: block
}
.header-tp01 #main-nav .has-nav>a:after, .header-tp02 #main-nav .has-nav>a:after, .header-tp03 #main-nav .has-nav>a:after, .header-tp06 #main-nav .has-nav>a:after, .header-tp07 #main-nav .has-nav>a:after {
	display: none
}
.header-tp01 #main-nav .sub-nav, .header-tp02 #main-nav .sub-nav, .header-tp03 #main-nav .sub-nav, .header-tp06 #main-nav .sub-nav, .header-tp07 #main-nav .sub-nav {
	position: absolute;
	top: 100%
}
.header-tp01 #main-nav .sub-nav a, .header-tp02 #main-nav .sub-nav a, .header-tp03 #main-nav .sub-nav a, .header-tp06 #main-nav .sub-nav a, .header-tp07 #main-nav .sub-nav a {
	white-space: nowrap;
	padding: 10px 20px
}
.header-tp01 #logo, .header-tp02 #logo, .header-tp03 #logo {
	float: left
}
.header-tp01 .search-btn, .header-tp06 .search-btn, .header-tp07 .search-btn {
	display: block
}
.header-tp01 .search-wrap, .header-tp01 .lang-wrap, .header-tp06 .search-wrap, .header-tp06 .lang-wrap, .header-tp07 .search-wrap, .header-tp07 .lang-wrap {
	position: relative
}
.header-tp01 .search-wrap.on .search-btn, .header-tp01 .search-wrap:hover .search-btn, .header-tp01 .lang-wrap.on .search-btn, .header-tp01 .lang-wrap:hover .search-btn, .header-tp06 .search-wrap.on .search-btn, .header-tp06 .search-wrap:hover .search-btn, .header-tp06 .lang-wrap.on .search-btn, .header-tp06 .lang-wrap:hover .search-btn, .header-tp07 .search-wrap.on .search-btn, .header-tp07 .search-wrap:hover .search-btn, .header-tp07 .lang-wrap.on .search-btn, .header-tp07 .lang-wrap:hover .search-btn {
	background: url(../images/icon-search.png) center 4px no-repeat
}
.header-tp01 .search-wrap:hover .lang-btn, .header-tp01 .lang-wrap:hover .lang-btn, .header-tp06 .search-wrap:hover .lang-btn, .header-tp06 .lang-wrap:hover .lang-btn, .header-tp07 .search-wrap:hover .lang-btn, .header-tp07 .lang-wrap:hover .lang-btn {
	color: #2D88CF;
	background: #fff
}
.header-tp01 .search-wrap:hover .lang-btn:after, .header-tp01 .lang-wrap:hover .lang-btn:after, .header-tp06 .search-wrap:hover .lang-btn:after, .header-tp06 .lang-wrap:hover .lang-btn:after, .header-tp07 .search-wrap:hover .lang-btn:after, .header-tp07 .lang-wrap:hover .lang-btn:after {
	border-color: #2D88CF
}
.header-tp01 .search-wrap:hover .lang-nav, .header-tp01 .lang-wrap:hover .lang-nav, .header-tp06 .search-wrap:hover .lang-nav, .header-tp06 .lang-wrap:hover .lang-nav, .header-tp07 .search-wrap:hover .lang-nav, .header-tp07 .lang-wrap:hover .lang-nav {
	left: 0
}
.header-tp01 .search-wrap:hover .lang-nav .on a, .header-tp01 .lang-wrap:hover .lang-nav .on a, .header-tp06 .search-wrap:hover .lang-nav .on a, .header-tp06 .lang-wrap:hover .lang-nav .on a, .header-tp07 .search-wrap:hover .lang-nav .on a, .header-tp07 .lang-wrap:hover .lang-nav .on a {
	background: #2D88CF;
	color: #fff
}
.header-tp01 .search-form, .header-tp01 .lang-nav, .header-tp01 #main-nav .sub-nav, .header-tp06 .search-form, .header-tp06 .lang-nav, .header-tp06 #main-nav .sub-nav, .header-tp07 .search-form, .header-tp07 .lang-nav, .header-tp07 #main-nav .sub-nav {
	background: rgba(255,255,255,0.7);
	box-shadow: 0 0 5px rgba(0,0,0,0.1)
}
.header-tp01 .search-form a, .header-tp01 .lang-nav a, .header-tp01 #main-nav .sub-nav a, .header-tp06 .search-form a, .header-tp06 .lang-nav a, .header-tp06 #main-nav .sub-nav a, .header-tp07 .search-form a, .header-tp07 .lang-nav a, .header-tp07 #main-nav .sub-nav a {
	color: #000
}
.header-tp01 .search-form:before, .header-tp01 #main-nav .sub-nav:before, .header-tp06 .search-form:before, .header-tp06 #main-nav .sub-nav:before, .header-tp07 .search-form:before, .header-tp07 #main-nav .sub-nav:before {
	border-color: rgba(255,255,255,0) rgba(255,255,255,0) rgba(255,255,255,0.7) rgba(255,255,255,0)
}
.header-tp01 .search-form, .header-tp06 .search-form, .header-tp07 .search-form {
	width: 350px;
	border: none;
	position: absolute;
	top: 100%
}
.header-tp01 .search-form:before, .header-tp06 .search-form:before, .header-tp07 .search-form:before {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 14px 9px 0;
	position: absolute;
	top: -9px;
	right: 90px
}
.header-tp01 .search-form .keyword, .header-tp06 .search-form .keyword, .header-tp07 .search-form .keyword {
	background: #FFF;
	color: #111
}
.header-tp01 .search-form .btn:hover, .header-tp06 .search-form .btn:hover, .header-tp07 .search-form .btn:hover {
	background: #000
}
.header-tp01 .lang-wrap, .header-tp06 .lang-wrap, .header-tp07 .lang-wrap {
	float: right
}
.header-tp01 .lang-nav, .header-tp06 .lang-nav, .header-tp07 .lang-nav {
	color: #000
}
.header-tp01 .lang-nav a:hover, .header-tp06 .lang-nav a:hover, .header-tp07 .lang-nav a:hover {
	background: #2D88CF;
	color: #fff
}
.header-tp01 #main-nav>ul>li, .header-tp06 #main-nav>ul>li, .header-tp07 #main-nav>ul>li {
	border: 0 none;
	position: relative
}
.header-tp01 #main-nav>ul>li>a, .header-tp06 #main-nav>ul>li>a, .header-tp07 #main-nav>ul>li>a {
	font-size: 15px;
	font-size: 1.5rem
}
.header-tp01 #main-nav>ul>li:hover>a, .header-tp06 #main-nav>ul>li:hover>a, .header-tp07 #main-nav>ul>li:hover>a {
	color: #2D88CF
}
.header-tp01 #main-nav>ul>li:after, .header-tp06 #main-nav>ul>li:after, .header-tp07 #main-nav>ul>li:after {
	content: "/";
	display: inline-block;
	font-size: 18px;
	font-size: 1.8rem;
	color: rgba(255,255,255,0.2);
	position: absolute;
	top: 0;
	right: -3px
}
.header-tp01 #main-nav>ul>li:first-child, .header-tp06 #main-nav>ul>li:first-child, .header-tp07 #main-nav>ul>li:first-child {
	padding-left: 0
}
.header-tp01 #main-nav>ul>li:last-child:after, .header-tp06 #main-nav>ul>li:last-child:after, .header-tp07 #main-nav>ul>li:last-child:after {
	display: none
}
.header-tp01 #main-nav .sub-nav, .header-tp06 #main-nav .sub-nav, .header-tp07 #main-nav .sub-nav {
	left: 50%;
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0)
}
.header-tp01 #main-nav .sub-nav li, .header-tp06 #main-nav .sub-nav li, .header-tp07 #main-nav .sub-nav li {
	border: none
}
.header-tp01 #main-nav .sub-nav a:hover, .header-tp06 #main-nav .sub-nav a:hover, .header-tp07 #main-nav .sub-nav a:hover {
	background: #2D88CF;
	color: #fff
}
.header-tp01 #main-nav .sub-nav .on a, .header-tp06 #main-nav .sub-nav .on a, .header-tp07 #main-nav .sub-nav .on a {
	font-weight: normal;
	background: #2D88CF;
	color: #fff
}
.header-tp01 #main-nav .sub-nav:before, .header-tp06 #main-nav .sub-nav:before, .header-tp07 #main-nav .sub-nav:before {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 14px 9px 0;
	position: absolute;
	top: -9px;
	left: 50%;
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0)
}
.header-tp01 .mobile-side {
	margin: 0 0 0 180px;
	text-align: right
}
.header-tp01 .inner-wrap {
	padding: 24px 10px
}
.header-tp01 .search-wrap {
	display: inline-block;
	vertical-align: middle;
	padding: 7px 20px 0 0
}
.header-tp01 .search-form {
	right: -60px
}
.header-tp01 #main-nav {
	background: none;
	padding: 8px 10px 0 0
}
.header-tp01 #main-nav>ul>li {
	padding: 0 15px
}
.header-tp01 #main-nav>ul>li>a {
	padding: 0 0 16px
}
.header-tp01.fix {
	min-width: 1024px
}
.header-tp01.fix .inner-wrap {
	padding: 10px 10px 0
}
.header-tp01.fix .mobile-side {
	margin: 0 0 0 180px
}
.header-tp01.fix #main-nav .sub-nav {
	background: rgba(255,255,255,0.9)
}
.header-tp01.fix #main-nav .sub-nav:before {
	border-color: rgba(255,255,255,0) rgba(255,255,255,0) rgba(255,255,255,0.9) rgba(255,255,255,0)
}
.header-tp01.fix #logo {
	width: 165px
}
.header-tp02 .inner-wrap {
	padding: 12px
}
.header-tp02 .mobile-side {
	margin: 0 0 0 250px;
	text-align: right
}
.header-tp02 .search-wrap {
	position: relative
}
.header-tp02 .search-btn {
	float: right;
	top: auto;
	right: auto;
	-moz-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
	width: 60px;
	height: 60px
}
.header-tp02 .search-form {
	top: 60px;
	right: 0
}
.header-tp02 .lang-wrap {
	float: right;
	background: none;
	margin: 18px 0 0;
	position: relative
}
.header-tp02 .lang-wrap:hover .lang-btn {
	color: #2D88CF
}
.header-tp02 .lang-wrap:hover .lang-btn:before {
	background: url(../images/icon-lang-hover.png) center no-repeat
}
.header-tp02 .lang-wrap:hover .lang-btn:after {
	border-color: #2D88CF
}
.header-tp02 .lang-wrap:hover .lang-nav {
	opacity: 1;
	filter: alpha(opacity=100)
}
.header-tp02 .lang-btn {
	border: 0 none
}
.header-tp02 .lang-nav {
	width: 130px;
	background: #f5f5f5
}
.header-tp02 .lang-nav a:hover {
	background: #2D88CF;
	font-weight: bold;
	color: #fff
}
.header-tp02 .lang-nav .on a:hover {
	color: #fff
}
.header-tp02 #main-nav {
	top: 0;
	background: none;
	padding: 20px 10px 3px 0
}
.header-tp02 #main-nav>ul>li {
	border: 0 none;
	padding: 0 15px
}
.header-tp02 #main-nav>ul>li>a {
	padding: 0 24px 17px
}
.header-tp02 #main-nav>ul>li.on>a, .header-tp02 #main-nav>ul>li>a:hover {
	color: #2D88CF
}
.header-tp02 #main-nav .sub-nav {
	left: 50%;
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	background: #f5f5f5
}
.header-tp02 #main-nav .sub-nav li {
	border-top: 1px solid #FFF
}
.header-tp02 #main-nav .sub-nav a:hover {
	background: #2D88CF;
	color: #fff
}
.header-tp03 {
	padding: 28px 0 0
}
.header-tp03 .mobile-side {
	margin: 0 0 0 250px
}
.header-tp03 .mobile-side:before {
	content: '';
	display: block;
	width: 100%;
	height: 28px;
	background: #FFF;
	opacity: .1;
	filter: alpha(opacity=10);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	pointer-events: none
}
.header-tp03 .inner-wrap {
	padding: 0 20px
}
.header-tp03 .search-wrap.on .search-btn, .header-tp03 .search-wrap:hover .search-btn {
	background: url(../images/icon-search.png) center no-repeat, #070707
}
.header-tp03 .search-btn {
	float: right;
	top: auto;
	right: auto;
	-moz-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
	width: 60px;
	height: 77px
}
.header-tp03 .search-form {
	right: 20px;
	background: #070707
}
.header-tp03 .lang-wrap {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	padding-right: 20px;
	text-align: right;
	z-index: 3
}
.header-tp03 .lang-wrap:hover .lang-btn {
	color: #FFF
}
.header-tp03 .lang-wrap:hover .lang-nav {
	display: block
}
.header-tp03 .lang-nav {
	right: 20px;
	width: auto;
	min-width: 115px;
	padding: 0
}
.header-tp03 .lang-nav a {
	background: #070707;
	color: #FFF
}
.header-tp03 .lang-nav a:hover {
	background: #2D88CF;
	color: #fff
}
.header-tp03 .lang-nav .on a:hover {
	color: #fff
}
.header-tp03 #logo {
	padding: 17px 0 0
}
.header-tp03 #main-nav {
	padding: 0
}
.header-tp03 #main-nav a {
	color: #FFF
}
.header-tp03 #main-nav>ul>li {
	padding: 0;
	border: 0 none
}
.header-tp03 #main-nav>ul>li>a {
	padding: 30px 15px 25px
}
.header-tp03 #main-nav>ul>li:hover>a {
	background: #070707
}
.header-tp03 #main-nav>ul>li.on>a {
	background: #2D88CF;
	color: #fff
}
.header-tp03 #main-nav .sub-nav {
	left: 0;
	background: #070707;
	border: 1px solid #111;
	border-top: none;
	padding: 0
}
.header-tp03 #main-nav .sub-nav a {
	font-size: 13px;
	font-size: 1.3rem;
	border-top: none;
	border-bottom: 1px solid rgba(255,255,255,0.1);
	min-width: 120px
}
.header-tp03 #main-nav .sub-nav a:hover {
	background: #2D88CF;
	color: #fff
}
.header-tp04 .inner-wrap, .header-tp05 .inner-wrap {
	padding: 20px 5%
}
.header-tp04 .search-form .btn:hover, .header-tp05 .search-form .btn:hover {
	background: #96BB36
}
.header-tp04 #logo, .header-tp05 #logo {
	float: left;
	width: 200px
}
.header-tp04 #nav-btn, .header-tp05 #nav-btn {
	right: 5%;
	cursor: pointer;
	-moz-transform: scale(1.5, 1.5) translate(0, -50%);
	-ms-transform: scale(1.5, 1.5) translate(0, -50%);
	-webkit-transform: scale(1.5, 1.5) translate(0, -50%);
	transform: scale(1.5, 1.5) translate(0, -50%)
}
.header-tp04 #main-nav a:hover, .header-tp05 #main-nav a:hover {
	color: #2D88CF
}
.header-tp04 #main-nav .on>a:hover, .header-tp05 #main-nav .on>a:hover {
	color: inherit
}
.header-tp04.fix .inner-wrap, .header-tp05.fix .inner-wrap {
	padding: 7px 5%
}
.header-tp04.fix #logo, .header-tp05.fix #logo {
	width: 150px
}
.header-tp04.fix #nav-btn, .header-tp05.fix #nav-btn {
	-moz-transform: scale(1, 1) translate(0, -50%);
	-ms-transform: scale(1, 1) translate(0, -50%);
	-webkit-transform: scale(1, 1) translate(0, -50%);
	transform: scale(1, 1) translate(0, -50%)
}
.header-tp06, .header-tp07 {
	padding: 40px 0 15px
}
.header-tp06 .inner-wrap, .header-tp07 .inner-wrap {
	padding: 0 15px
}
.header-tp06 #logo, .header-tp07 #logo {
	margin: 0 auto 30px
}
.header-tp06 .search-btn, .header-tp07 .search-btn {
	float: right
}
.header-tp06 .search-wrap, .header-tp07 .search-wrap {
	float: right;
	padding: 7px 20px 0 0;
	right: 150px
}
.header-tp06 .search-form, .header-tp07 .search-form {
	right: -70px
}
.header-tp06 .lang-wrap, .header-tp07 .lang-wrap {
	left: 50px
}
.header-tp06 #main-nav, .header-tp07 #main-nav {
	padding: 15px 10px 0 0
}
.header-tp06 #main-nav>ul>li, .header-tp07 #main-nav>ul>li {
	padding: 0 30px
}
.header-tp06 #main-nav>ul>li>a, .header-tp07 #main-nav>ul>li>a {
	padding: 0 0 10px
}
.header-tp06.fix, .header-tp07.fix {
	min-width: 1024px;
	padding: 10px 0 7px
}
.header-tp06.fix .search-wrap, .header-tp07.fix .search-wrap {
	padding: 0 20px 0 0;
	right: 130px
}
.header-tp06.fix .search-btn, .header-tp07.fix .search-btn {
	background: url(../images/icon-search-w.png) center 6px no-repeat
}
.header-tp06.fix .lang-btn, .header-tp07.fix .lang-btn {
	width: 120px;
	line-height: 34px
}
.header-tp06.fix #logo, .header-tp07.fix #logo {
	float: left;
	width: 150px;
	margin: 0 50px 0 0
}
.header-tp06.fix #main-nav, .header-tp07.fix #main-nav {
	padding: 6px 0 0
}
.header-tp06.fix #main-nav>ul>li, .header-tp07.fix #main-nav>ul>li {
	padding: 0 15px
}
.header-tp07 .lang-wrap:hover .lang-btn {
	border: 1px solid #fff
}
}
@media screen and (min-width: 1200px) {
.header-tp01 .mobile-side {
	margin: 0 0 0 200px
}
.header-tp06.fix #main-nav>ul>li {
	padding: 0 30px
}
}
@media screen and (min-width: 1280px) {
.header-tp01 .search-wrap {
	padding: 7px 30px 0 0
}
.header-tp01 #main-nav>ul>li {
	padding: 0 30px
}
.header-tp02 .inner-wrap {
	padding: 12px 25px 12px 57px
}
.header-tp02 .lang-wrap {
	margin: 18px 0 0 35px
}
.header-tp02 #main-nav {
	border-right: 1px solid #ddd;
	padding: 20px 24px 3px 0
}
.header-tp02 #main-nav a {
	padding: 0 12px 17px
}
}
@media screen and (min-width: 1300px) {
.header-tp06 .inner-wrap {
	padding: 0
}
}
.footer-tp02 {
	background: #FFF;
	color: #111;
	text-align: center;
	padding: 0 0 35px;
	position: relative;
	overflow: hidden
}
.footer-tp02 .inner-wrap {
	margin: 0 auto;
	overflow: hidden
}
.footer-tp02 .copyright, .footer-tp02 .design {
	font-size: 12px;
	font-size: 1.2rem
}
.footer-tp02 .copyright {
	padding: 30px 15px 0
}
.footer-tp02 .design {
	padding: 10px 15px 0
}
.footer-tp02 .social-wrap {
	padding: 40px 0 0;
	font-size: 0
}
.footer-tp02 .social-wrap dt {
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: bold;
	color: #999;
	padding: 0 0 12px
}
.footer-tp02 .social-wrap dd {
	display: inline-block;
	vertical-align: middle;
	padding: 0 5px;
	margin: 0
}
.footer-tp02 .footer-nav {
	font-size: 0;
	overflow: hidden;
	background: #F5F5F5;
	padding: 10px 6% 20px;
	border-bottom: 2px solid #2D88CF
}
.footer-tp02 .footer-nav a {
	display: inline-block
}
.footer-tp02 .footer-nav>ul>li {
	padding: 10px 0;
	text-align: left
}
.footer-tp02 .footer-nav>ul>li>a {
	font-size: 18px;
	
	font-weight: bold
}
.footer-tp02 .footer-nav .sub-nav li {
	display: inline-block;
	vertical-align: top;
	width: 49.999%;
	padding: 10px 0 0
}
.footer-tp02 .footer-nav .sub-nav a {
	font-size: 16px;
	
	opacity: .6;
	filter: alpha(opacity=60)
}
.footer-tp02 .design {
	font-size: 12px;
	font-size: 1.2rem
}
.footer-tp02 .design a {
	font-weight: bold;
	color: #2D88CF
}
@media screen and (min-width: 480px) {
.footer-tp02 .footer-nav .sub-nav li {
	width: 33.333%
}
}
@media screen and (min-width: 640px) {
.footer-tp02 .footer-nav .sub-nav li {
	width: 24.999%
}
}
@media screen and (min-width: 769px) {
.footer-tp02 .copyright, .footer-tp02 .design {
	display: inline-block;
	padding: 30px 10px 0
}
.footer-tp02 .social-wrap {
	padding: 20px 0 0
}
.footer-tp02 .social-wrap dt, .footer-tp02 .social-wrap dd {
	display: inline-block;
	vertical-align: middle
}
.footer-tp02 .social-wrap dt {
	padding: 0 10px 0 0
}
.footer-tp02 .footer-nav {
	border-top: 1px solid #CCC;
	padding: 20px 0 25px
}
.footer-tp02 .footer-nav a:hover {
	color: #2D88CF
}
.footer-tp02 .footer-nav>ul>li {
	display: inline-block;
	vertical-align: top;
	padding: 0 18px
}
.footer-tp02 .footer-nav>ul>li>a {
	padding: 0
}
.footer-tp02 .footer-nav .has-nav>a:after {
	display: none
}
.footer-tp02 .footer-nav .sub-nav {
	display: block
}
.footer-tp02 .footer-nav .sub-nav li {
	display: block;
	width: auto;
	padding: 8px 0 0
}
.footer-tp02 .footer-nav .sub-nav a {
	white-space: nowrap
}
}
.btn-wrap {
	font-size: 0
}
.btn-wrap .btn {
	display: inline-block;
	vertical-align: middle
}
.btn {
	display: inline-block;
	margin: 0 auto;
	text-align: center;
	overflow: hidden;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-webkit-transition: all .3s;
	transition: all .3s
}
.btn:before, .btn:after {
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-webkit-transition: all .3s;
	transition: all .3s
}
@media screen and (min-width: 769px) {
.btn:hover {
	-moz-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1)
}
}
.go-top {
	display: block;
	text-align: center;
	line-height: 1;
	position: absolute;
	bottom: -100%;
	overflow: hidden;
	opacity: 0;
	filter: alpha(opacity=0);
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-webkit-transition: all .3s;
	transition: all .3s;
	z-index: 99
}
.go-top:before {
	content: '';
	display: block
}
.go-top.block {
	opacity: 1;
	filter: alpha(opacity=100);
	position: fixed
}
.go-top.block.end {
	position: absolute;
	bottom: auto
}
.gotop-tp01 {
	right: 15px;
	font-size: 0
}
.gotop-tp01:before {
	width: 20px;
	height: 14px;
	background: url(../images/gotop01.png) center no-repeat;
	background-size: contain !important;
	position: absolute;
	top: 8px;
	left: 50%;
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0)
}
.gotop-tp01.block {
	bottom: 30px;
	right: 2%;
	width: 35px;
	height: 35px;
	background: rgba(0,0,0,0.8);
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background-clip: padding-box
}
.gotop-tp01.end {
	margin: -20px 0 0
}
.gotop-tp02 {
	width: 0;
	height: 0;
	right: 15px;
	font-size: 0;
	text-indent: -9999px;
	background: #2D88CF
}
.gotop-tp02:before {
	width: 10px;
	height: 10px;
	border-width: 2px;
	border-color: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -4px 0 0 -5px
}
.gotop-tp02.block {
	bottom: 30px;
	right: 2%;
	width: 30px;
	height: 30px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background-clip: padding-box
}
.gotop-tp02.end {
	margin: -15px 0 0
}
@media screen and (min-width: 769px) {
.gotop-tp01:before {
	top: 16px
}
.gotop-tp01.block {
	width: 70px;
	height: 70px;
	padding: 40px 0 0;
	text-align: center;
	font-size: 13px;
	font-size: 1.3rem;
	color: #fff
}
.gotop-tp01.end {
	margin: -40px 0 0
}
.gotop-tp01:hover {
	background: #000
}
.gotop-tp02:before {
	width: 12px;
	height: 12px;
	margin: -3px 0 0 -6px
}
.gotop-tp02.block {
	width: 50px;
	height: 50px
}
}
@media screen and (min-width: 1500px) {
.gotop-tp01 {
	right: 150px
}
}
.banner {
	position: relative;
	margin: 0 auto;
	overflow: hidden
}
.banner-tp01 .figure>img, .banner-tp02 .figure>img, .banner-tp03 .figure>img, .banner-tp04 .figure>img {
	display: block;
	margin: 0 auto;
	visibility: hidden
}
.banner-tp01 .text, .banner-tp02 .text, .banner-tp03 .text, .banner-tp04 .text {
	text-align: center;
	color: #fff;
	padding: 0 10px;
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 2
}
.banner-tp01 .figure {
	min-height: 200px
}
.banner-tp01 .text {
	bottom: 18%
}
.banner-tp01 .title {
	font-size: 30px;
	font-size: 3rem;
	position: relative
}
.banner-tp01 .title:after {
	content: '';
	display: block;
	width: 84px;
	height: 1px;
	background: #2D88CF;
	margin: 5px auto
}
.banner-tp01 span {
	font-size: 12px;
	font-size: 1.2rem;
	opacity: 0.9
}
.banner-tp02 .figure {
	min-height: 110px
}
.banner-tp02 .text {
	top: 0;
	height: 100%
}
.banner-tp02 .title {
	display: block;
	width: 100%;
	max-width: 1180px;
	margin: 0 auto;
	padding: 0 10px;
	position: absolute;
	top: 50%;
	left: 0;
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	margin: -20px 0 0;
	font-size: 38px;
	font-size: 3.8rem;
	font-weight: normal;
	color: #fff;
	text-shadow: 0 0 30px rgba(0,0,0,0.5)
}
.banner-tp03:before, .banner-tp04:before {
	bottom: -1px;
	pointer-events: none;
	background: url(../images/banner03-mask.png) center bottom no-repeat;
	background-size: contain !important
}
.banner-tp03 .figure, .banner-tp04 .figure {
	min-height: 150px;
	padding: 0 0 1px
}
.banner-tp03 .text, .banner-tp04 .text {
	height: 100%;
	top: 0
}
.banner-tp03 .title, .banner-tp04 .title {
	font-size: 32px;
	font-size: 3.2rem;
	position: relative
}
.banner-tp03:before {
	background: url(../images/banner03-mask.png) center bottom no-repeat
}
.banner-tp03 .title {
	top: 33%;
	text-shadow: 3px 3px 0 rgba(0,0,0,0.5)
}
.banner-tp04:before {
	background: url(../images/banner04-mask.png) center bottom no-repeat
}
.banner-tp04 .title {
	top: 45%;
	letter-spacing: 0.5rem;
	text-shadow: 0 0 5px rgba(0,0,0,0.3)
}
@media screen and (min-width: 769px) {
.banner-tp01 .title, .banner-tp03 .title, .banner-tp04 .title {
	font-size: 50px;
	font-size: 5rem
}
.banner-tp01 .figure {
	min-height: 400px
}
.banner-tp01 .title:after {
	margin: 10px auto 15px
}
.banner-tp01 span {
	font-size: 15px;
	font-size: 1.5rem
}
.banner-tp02 .figure {
	min-height: 200px
}
.banner-tp02 .text {
	text-align: left
}
.banner-tp02 .title {
	left: 50%;
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	padding: 0 20px;
	font-size: 55px;
	font-size: 5.5rem;
	margin: 0
}
.banner-tp03 .figure, .banner-tp04 .figure {
	min-height: 300px
}
.banner-tp04 .title {
	top: 40%
}
}
.done {
	max-width: 960px;
	margin: 0 auto;
	padding: 20px 10px 50px;
	text-align: center
}
.done p {
	font-size: 13px;
	font-size: 1.3rem;
	color: #666;
	margin: 0 auto 30px
}
.done .btn {
	max-width: 280px;
	margin: 10px auto 0
}
@media screen and (min-width: 768px) {
.done {
	padding: 0 0 50px
}
.done .btn {
	margin: 50px auto 0
}
}
@media screen and (min-width: 1200px) {
.done {
	padding: 100px 0;
	min-height: 400px
}
}
.editor {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.7
}
.editor img {
	height: auto !important
}
.editor h1, .editor h2, .editor h3, .editor h4, .editor h5, .editor h6 {
	line-height: 1
}
.editor p {
	padding: 0 0 5px
}
@media screen and (min-width: 769px) {
.editor {
	font-size: 16px;
	font-size: 1.6rem
}
}
.fill-form {
	margin: 0 auto;
	overflow: hidden
}
.fill-form i {
	font-family: Arial, "微軟正黑體", "Microsoft JhengHei", "MHei", "STHeitiTC-Light", sans-serif, Arial, Helvetica, "Helvetica Neue", Tahoma, Verdana;
	font-style: normal;
	font-weight: 900;
	color: #d90000;
	text-shadow: 0.5px 0 0 #d90000
}
.fill-form a, .fill-form button {
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-webkit-transition: all .3s;
	transition: all .3s
}
.fill-form ul, .fill-form li {
	margin: 0;
	padding: 0;
	list-style: none outside none
}
.fill-form ul {
	font-size: 0
}
.fill-form li {
	position: relative
}
.fill-form ul, .fill-form li, .fill-form .fill-table, .fill-form .label, .fill-form .box, .fill-form .bd-wrap {
	overflow: hidden
}
.fill-form .full {
	width: 100%;
	max-width: none
}
.fill-form .full .bd-wrap {
	max-width: none
}
.fill-form .box {
	width: 100%
}
.fill-form .bd-wrap {
	position: relative
}
.fill-form .bd-wrap select, .fill-form .bd-wrap input, .fill-form .bd-wrap textarea {
	display: block;
	width: 100%
}
.fill-form .submit-wrap {
	text-align: center;
	padding: 20px 0 0
}
.fill-tp01 .prompt, .fill-tp02 .prompt, .fill-tp03 .prompt, .fill-tp04 .prompt, .fill-tp05 .prompt {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 2;
	padding: 0 0 20px
}
.fill-tp01 li, .fill-tp02 li, .fill-tp03 li, .fill-tp04 li, .fill-tp05 li {
	text-align: left;
	margin: 0 auto 15px
}
.fill-tp01 .label, .fill-tp02 .label, .fill-tp03 .label, .fill-tp04 .label, .fill-tp05 .label {
	font-size: 14px;
	font-size: 1.4rem;
	margin: 0 0 5px
}
.fill-tp01 .bd-wrap, .fill-tp02 .bd-wrap, .fill-tp03 .bd-wrap, .fill-tp04 .bd-wrap, .fill-tp05 .bd-wrap {
	position: relative
}
.fill-tp01 .bd-wrap select, .fill-tp01 .bd-wrap input, .fill-tp01 .bd-wrap textarea, .fill-tp02 .bd-wrap select, .fill-tp02 .bd-wrap input, .fill-tp02 .bd-wrap textarea, .fill-tp03 .bd-wrap select, .fill-tp03 .bd-wrap input, .fill-tp03 .bd-wrap textarea, .fill-tp04 .bd-wrap select, .fill-tp04 .bd-wrap input, .fill-tp04 .bd-wrap textarea, .fill-tp05 .bd-wrap select, .fill-tp05 .bd-wrap input, .fill-tp05 .bd-wrap textarea {
	border: 1px solid #CCC;
	color: #111
}
.fill-tp01 .bd-wrap select:focus, .fill-tp01 .bd-wrap input:focus, .fill-tp01 .bd-wrap textarea:focus, .fill-tp02 .bd-wrap select:focus, .fill-tp02 .bd-wrap input:focus, .fill-tp02 .bd-wrap textarea:focus, .fill-tp03 .bd-wrap select:focus, .fill-tp03 .bd-wrap input:focus, .fill-tp03 .bd-wrap textarea:focus, .fill-tp04 .bd-wrap select:focus, .fill-tp04 .bd-wrap input:focus, .fill-tp04 .bd-wrap textarea:focus, .fill-tp05 .bd-wrap select:focus, .fill-tp05 .bd-wrap input:focus, .fill-tp05 .bd-wrap textarea:focus {
	border: 1px solid #2D88CF
}
.fill-tp01 .bd-wrap select option, .fill-tp02 .bd-wrap select option, .fill-tp03 .bd-wrap select option, .fill-tp04 .bd-wrap select option, .fill-tp05 .bd-wrap select option {
	color: #555
}
.fill-tp01 .bd-wrap textarea, .fill-tp02 .bd-wrap textarea, .fill-tp03 .bd-wrap textarea, .fill-tp04 .bd-wrap textarea, .fill-tp05 .bd-wrap textarea {
	height: 120px
}
.fill-tp01 .seccode, .fill-tp01 .code, .fill-tp01 button, .fill-tp02 .seccode, .fill-tp02 .code, .fill-tp02 button, .fill-tp03 .seccode, .fill-tp03 .code, .fill-tp03 button, .fill-tp04 .seccode, .fill-tp04 .code, .fill-tp04 button, .fill-tp05 .seccode, .fill-tp05 .code, .fill-tp05 button {
	display: inline-block;
	vertical-align: top;
	width: 49%
}
.fill-tp01 .code, .fill-tp02 .code, .fill-tp03 .code, .fill-tp04 .code, .fill-tp05 .code {
	position: relative;
	margin: 0 0 0 2%
}
.fill-tp01 .code img, .fill-tp02 .code img, .fill-tp03 .code img, .fill-tp04 .code img, .fill-tp05 .code img {
	display: block;
	background: url(../images/icon-refresh.png) center no-repeat
}
.fill-tp01 .code:before, .fill-tp02 .code:before, .fill-tp03 .code:before, .fill-tp04 .code:before, .fill-tp05 .code:before {
	content: '';
	display: block;
	width: 20px;
	height: 20px;
	background-size: contain !important;
	position: absolute;
	bottom: 5px;
	right: 5px
}
.fill-tp01 .btn, .fill-tp02 .btn, .fill-tp03 .btn, .fill-tp04 .btn, .fill-tp05 .btn {
	background: #2D88CF;
	border: 2px solid #2D88CF;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	color: #fff;
	line-height: 40px
}
.fill-tp01 i, .fill-tp04 i {
	-moz-transform: scale(1.3, 1.3) translate(5px, 0);
	-ms-transform: scale(1.3, 1.3) translate(5px, 0);
	-webkit-transform: scale(1.3, 1.3) translate(5px, 0);
	transform: scale(1.3, 1.3) translate(5px, 0)
}
.fill-tp01 .condition, .fill-tp04 .condition {
	font-size: 12px;
	font-size: 1.2rem;
	color: #2D88CF;
	padding: 5px 0 0
}
.fill-tp01 .code, .fill-tp04 .code {
	max-width: 150px
}
.fill-tp01 .code:before, .fill-tp04 .code:before {
	background: url(../images/icon-refresh-g.png) center no-repeat
}
.fill-tp01 .btn, .fill-tp04 .btn {
	width: 100%
}
.fill-tp01 .bd-wrap select, .fill-tp01 .bd-wrap input, .fill-tp01 .bd-wrap textarea {
	background: rgba(100,100,100,0.1);
	border: 1px solid transparent
}
.fill-tp02 .bd-wrap select, .fill-tp02 .bd-wrap input, .fill-tp02 .bd-wrap textarea, .fill-tp03 .bd-wrap select, .fill-tp03 .bd-wrap input, .fill-tp03 .bd-wrap textarea {
	background: #FFF;
	border: 1px solid #444
}
.fill-tp02 .code {
	max-width: 176px
}
.fill-tp02 .btn {
	-webkit-border-radius: 40px;
	border-radius: 40px;
	background-clip: padding-box
}
.fill-tp02 .btn+button {
	margin: 0 0 0 2%
}
.fill-tp02 .btn-reset {
	background: #444;
	border: 2px solid #444
}
.fill-tp03 .code {
	max-width: 212px
}
.fill-tp03 .btn {
	width: 220px;
	font-style: italic
}
.fill-tp05 .bd-wrap select, .fill-tp05 .bd-wrap input, .fill-tp05 .bd-wrap textarea {
	background: #FFF;
	border: 1px solid #444
}
.fill-tp05 .submit-wrap {
	padding: 20px 0 0
}
.fill-tp05 .btn {
	width: 100%
}
@media screen and (min-width: 480px) {
.fill-tp01 .prompt, .fill-tp02 .prompt, .fill-tp03 .prompt, .fill-tp05 .prompt {
	text-align: center
}
.fill-tp01 .label, .fill-tp02 .label, .fill-tp03 .label, .fill-tp05 .label {
	text-align: right;
	float: left;
	margin: 10px 0 0
}
.fill-tp01 .box, .fill-tp02 .box, .fill-tp03 .box, .fill-tp05 .box {
	width: auto
}
.fill-tp01 .label, .fill-tp02 .label, .fill-tp03 .label {
	width: 110px
}
.fill-tp01 .box, .fill-tp02 .box, .fill-tp03 .box {
	margin: 0 0 0 125px
}
.fill-tp03 .submit-wrap {
	text-align: left
}
.fill-tp05 .label {
	width: 90px
}
.fill-tp05 .box {
	margin: 0 0 0 105px
}
}
@media screen and (min-width: 768px) {
.fill-tp01 .prompt, .fill-tp02 .prompt, .fill-tp03 .prompt, .fill-tp05 .prompt {
	padding: 0 0 30px
}
.fill-tp01 .fill-table, .fill-tp02 .fill-table, .fill-tp03 .fill-table, .fill-tp05 .fill-table {
	-moz-transform: translate(-2%, 0);
	-ms-transform: translate(-2%, 0);
	-webkit-transform: translate(-2%, 0);
	transform: translate(-2%, 0)
}
.fill-tp04 .prompt {
	padding: 0 0 30px
}
}
@media screen and (min-width: 769px) {
.fill-tp01 .condition, .fill-tp02 .condition, .fill-tp03 .condition, .fill-tp04 .condition, .fill-tp05 .condition {
	padding: 10px 0
}
.fill-tp01 li, .fill-tp02 li, .fill-tp03 li, .fill-tp04 li, .fill-tp05 li {
	margin: 0 auto 20px;
	padding: 0 20px
}
.fill-tp01 .label, .fill-tp02 .label, .fill-tp03 .label, .fill-tp04 .label, .fill-tp05 .label {
	font-size: 15px;
	font-size: 1.5rem
}
.fill-tp01 .btn, .fill-tp02 .btn, .fill-tp03 .btn, .fill-tp04 .btn, .fill-tp05 .btn {
	font-size: 15px;
	font-size: 1.5rem
}
.fill-tp01 .btn:hover, .fill-tp02 .btn:hover, .fill-tp03 .btn:hover, .fill-tp04 .btn:hover, .fill-tp05 .btn:hover {
	background: none;
	color: #2D88CF
}
.fill-tp02 li, .fill-tp03 li {
	display: inline-block;
	vertical-align: top;
	width: 49.999%
}
.fill-tp02 .seccode {
	width: 36%
}
.fill-tp02 .submit-wrap {
	float: right;
	width: 41%;
	text-align: right;
	padding: 0
}
.fill-tp02 .submit-wrap button {
	width: 140px
}
.fill-tp02 .submit-wrap button+button {
	margin: 0 0 0 4%
}
.fill-tp02 .btn-reset:hover {
	color: #D92C1B;
	border: 2px solid #D92C1B
}
.fill-tp03 .submit-wrap {
	padding: 5px 0 0
}
}
.item-group {
	font-size: 0;
	margin: 0 auto;
	overflow: hidden;
	position: relative
}
.item-group1 {
	font-size: 0;
	margin: 0 auto;
	overflow: hidden;
	position: relative
}
.item-group .item-inner, .item-group .item>a, .item-group img {
	display: block; width:100%;
	margin: 0 auto;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-webkit-transition: all .3s;
	transition: all .3s;
	    height: 100%;
}
.item-group1 .item-inner, .item-group1 .item>a, .item-group1 img {
	display: block; width:90%;
	margin: 0 auto;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-webkit-transition: all .3s;
	transition: all .3s;
	    height: 100%;
}
.item-group .item-inner {
	position: relative;
	overflow: hidden;
	margin: 0 auto
}
.item-group .figure {
	margin: 0 auto
}
.tb-wrap {
	overflow-x: auto
}
.swiper-sec {
	position: relative;
	font-size: 0
}
.swiper-sec img {
	display: block;
	margin: 0 auto; width:70%;
}
.swiper-sec .swiper-button-next, .swiper-sec .swiper-button-prev {
	background-size: contain !important;
	font-size: 0;
	text-indent: -999px;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-webkit-transition: all .3s;
	transition: all .3s;
	z-index: 1
}
.swiper-sec .swiper-button-disabled {
	pointer-events: auto;
	display: none
}
.swiper-sec .item {
	box-sizing: border-box
}
.swiper-sec .item-inner {
	position: relative;
	display: block;
	margin: 0 auto
}
.swiper-tp01 .swiper-button-next, .swiper-tp01 .swiper-button-prev {
	width: 30px;
	height: 30px
}
.swiper-tp01 .swiper-button-prev {
	left: 0;
	background: url(../images/swiper01-prev.png) center no-repeat
}
.swiper-tp01 .swiper-button-next {
	right: 0;
	background: url(../images/swiper01-next.png) center no-repeat
}
.swiper-tp02 .swiper-pagination {
	bottom: 7%
}
.swiper-tp02 .swiper-pagination-bullet {
	opacity: 1;
	filter: alpha(opacity=100);
	width: 14px;
	height: 14px;
	background: #ddd;
	border: 3px solid transparent;
	margin: 0 10px;
	-moz-transform: scale(0.57);
	-ms-transform: scale(0.57);
	-webkit-transform: scale(0.57);
	transform: scale(0.57)
}
.swiper-tp02 .swiper-pagination-bullet.on {
	background: none;
	border: 3px solid #2D88CF;
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1)
}
.swiper-tp03 .swiper-wrapper:before, .swiper-tp04 .swiper-wrapper:before {
	content: '';
	display: block;
	width: 100%;
	position: absolute;
	bottom: -1px;
	left: 0;
	z-index: 2
}
.swiper-tp03 .swiper-container-horizontal>.swiper-pagination-bullet, .swiper-tp04 .swiper-container-horizontal>.swiper-pagination-bullet {
	margin: 0 8px
}
.swiper-tp03 .swiper-pagination-bullet, .swiper-tp04 .swiper-pagination-bullet {
	background: #fff;
	box-shadow: 0 0 5px rgba(0,0,0,0.3)
}
.swiper-tp03 .swiper-wrapper:before {
	height: 265px;
	background: url(../images/swiper03-mask.png) center bottom no-repeat;
	background-size: cover
}
.swiper-tp03 .swiper-pagination {
	bottom: 5%
}
.swiper-tp03 .swiper-pagination-bullet {
	width: 14px;
	height: 14px;
	opacity: 1;
	filter: alpha(opacity=100);
	border: 3px solid transparent;
	-moz-transform: scale(0.57);
	-ms-transform: scale(0.57);
	-webkit-transform: scale(0.57);
	transform: scale(0.57)
}
.swiper-tp03 .swiper-pagination-bullet.on {
	background: none;
	border: 3px solid #2D88CF;
	box-shadow: none;
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1)
}
.swiper-tp04 .swiper-wrapper:before {
	height: 180px;
	background: url(../images/swiper04-mask.png) center bottom no-repeat;
	background-size: contain
}
.swiper-tp04 .swiper-pagination {
	bottom: 10%
}
.swiper-tp04 .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	opacity: .5;
	filter: alpha(opacity=50)
}
.swiper-tp04 .swiper-pagination-bullet.on {
	opacity: 1;
	filter: alpha(opacity=100)
}
@media screen and (min-width: 769px) {
.swiper-tp01 .swiper-button-next, .swiper-tp01 .swiper-button-prev {
	width: 60px;
	height: 60px
}
.swiper-tp03 .swiper-container-horizontal .swiper-pagination-bullet, .swiper-tp04 .swiper-container-horizontal .swiper-pagination-bullet {
	margin: 0 12px
}
.swiper-tp04 .swiper-pagination {
	bottom: 15%
}
}
.video-wrap, .map-wrap {
	position: relative
}
.video-wrap iframe, .map-wrap iframe {
	position: absolute;
	width: 100%;
	height: 100%
}
.video-wrap {
	min-height: 200px; font-size:14px; margin-top:4%;
}
.video-wrap iframe {
	left: 0;
	top: 0
}
.map-wrap {
	position: relative;
	min-height: 300px
}
.map-tp01 {
	height: 300px
}
@media screen and (min-width: 769px) {
.map-tp01 {
	height: 400px
}
}
.info-nav {
	font-size: 0
}
.info-nav ul, .info-nav li {
	margin: 0 auto;
	padding: 0;
	list-style: none outside none
}
.info-nav .label, .info-nav li, .info-nav a {
	position: relative;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-webkit-transition: all .3s;
	transition: all .3s
}
.info-nav li.on>a {
	opacity: 1;
	filter: alpha(opacity=100)
}
.info-nav a {
	display: block
}
.nav-tp01 {
	padding: 25px 0 10px;
	overflow: hidden
}
.nav-tp01 .swiper-container {
	max-width: 1440px;
	padding: 0 15px
}
.nav-tp01 .swiper-slide {
	width: 50%
}
.nav-tp01 .swiper-button-prev, .nav-tp01 .swiper-button-next {
	width: 26px;
	height: 26px;
	opacity: 1;
	filter: alpha(opacity=100);
	margin: -13px 0 0
}
.nav-tp01 .swiper-button-prev {
	background: url(../images/swiper01-prev.png) center no-repeat;
	left: 5px
}
.nav-tp01 .swiper-button-next {
	background: url(../images/swiper01-next.png) center no-repeat;
	right: 5px
}
.nav-tp01 .item-inner {
	max-width: 340px;
	padding: 3px 0
}
.nav-tp01 .item-inner:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.6);
	-moz-transform: scale(1, 0.97);
	-ms-transform: scale(1, 0.97);
	-webkit-transform: scale(1, 0.97);
	transform: scale(1, 0.97);
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-webkit-transition: all .3s;
	transition: all .3s
}
.nav-tp01 .text {
	text-align: center;
	font-size: 15px;
	font-size: 1.5rem;
	color: #fff;
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	opacity: 0.8;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-webkit-transition: all .3s;
	transition: all .3s
}
.nav-tp01 .on .item-inner:before {
	background: none;
	border: 3px solid #2D88CF;
	-moz-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1)
}
.nav-tp01 .on .text {
	opacity: 1;
	text-shadow: 0 0 10px #000
}
.nav-tp02, .nav-tp03, .nav-tp04, .sidenav-tp01, .sidenav-tp02 {
	position: relative
}
.nav-tp02 .label, .nav-tp02 span, .nav-tp03 .label, .nav-tp03 span, .nav-tp04 .label, .nav-tp04 span, .sidenav-tp01 .label, .sidenav-tp01 span, .sidenav-tp02 .label, .sidenav-tp02 span {
	display: block
}
.nav-tp02 .label, .nav-tp02 a, .nav-tp03 .label, .nav-tp03 a, .nav-tp04 .label, .nav-tp04 a, .sidenav-tp01 .label, .sidenav-tp01 a, .sidenav-tp02 .label, .sidenav-tp02 a {
	font-size: 14px;
	font-size: 1.4rem
}
.nav-tp02 .label, .nav-tp03 .label, .nav-tp04 .label, .sidenav-tp01 .label, .sidenav-tp02 .label {
	width: 100%;
	-webkit-border-radius: 0;
	border-radius: 0;
	background-clip: padding-box;
	padding: 10px 15px;
	z-index: 1
}
.nav-tp02 .label span, .nav-tp03 .label span, .nav-tp04 .label span, .sidenav-tp01 .label span, .sidenav-tp02 .label span {
	position: relative
}
.nav-tp02>ul, .nav-tp03>ul, .nav-tp04>ul, .sidenav-tp01>ul, .sidenav-tp02>ul {
	display: none
}
.nav-tp02.on>ul, .nav-tp03.on>ul, .nav-tp04.on>ul, .sidenav-tp01.on>ul, .sidenav-tp02.on>ul {
	display: block
}
.nav-tp02, .nav-tp03, .nav-tp04, .nav-tp05, .nav-tp06, .nav-tp07 {
	padding: 30px 15px 10px
}
.nav-tp02 .label, .nav-tp03 .label, .nav-tp04 .label {
	background: none
}
.nav-tp02 .label span:after, .nav-tp03 .label span:after, .nav-tp04 .label span:after {
	display: block;
	width: 7px;
	height: 7px;
	border-width: 1px;
	position: absolute;
	top: 50%;
	right: 0;
	margin: -6px 0 0
}
.nav-tp02 li.on, .nav-tp03 li.on, .nav-tp04 li.on {
	display: none
}
.nav-tp02 a, .nav-tp03 a, .nav-tp04 a {
	padding: 10px
}
.nav-tp02 .label {
	border: 1px solid #2D88CF;
	color: #2D88CF
}
.nav-tp02 .label span:after {
	border-color: #2D88CF
}
.nav-tp02 a {
	border-bottom: 1px solid #2D88CF
}
.nav-tp02.on .label span:after {
	border: 1px solid #2D88CF;
	border-right: 0 none;
	border-bottom: 0 none;
	margin: -2px 0 0
}
.nav-tp03 .label {
	background: none;
	border: 1px solid #444
}
.nav-tp03 .label span:after {
	border-color: #444
}
.nav-tp03 ul {
	max-width: 1360px
}
.nav-tp03 li a {
	border: 1px solid #444;
	border-top: none;
	opacity: .7;
	filter: alpha(opacity=70)
}
.nav-tp04 {
	text-align: center;
	font-weight: bold
}
.nav-tp04 .label {
	text-align: left;
	background: linear-gradient(320deg, #96bb36 0%, #2d88cf 100%);
	border: none
}
.nav-tp04 .label span {
	white-space: nowrap;
	text-overflow: ellipsis;
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	padding-right: 10%;
	color: #fff
}
.nav-tp04 .label span:after {
	border-color: #fff
}
.nav-tp04 a {
	background: #f5f5f5
}
.nav-tp04.on .label span:after {
	border: 1px solid #111;
	border-right: 0 none;
	border-bottom: 0 none;
	margin: -2px 0 0
}
.nav-tp05, .nav-tp06 {
	padding: 25px 15px 0;
	text-align: center
}
.nav-tp05 li, .nav-tp06 li {
	display: inline-block;
	vertical-align: top;
	padding: 1px 2px
}
.nav-tp05 a, .nav-tp06 a {
	font-size: 14px;
	font-size: 1.4rem;
	padding: 10px 15px;
	overflow: hidden
}
.nav-tp05 .on a, .nav-tp06 .on a {
	color: #fff
}
.nav-tp05 a {
	border: 1px solid #333;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-clip: padding-box;
	opacity: .3;
	filter: alpha(opacity=30)
}
.nav-tp05 .on a {
	border: 1px solid #2D88CF;
	background: #2D88CF
}
.nav-tp06 ul {
	max-width: 1240px;
	margin: 0 auto
}
.nav-tp06 a {
	background: #CCC;
	color: #111;
	opacity: .5;
	filter: alpha(opacity=50)
}
.nav-tp06 .on a {
	background: #2D88CF
}
.nav-tp07 {
	text-align: center;
	padding: 25px 0 0
}
.nav-tp07 li {
	display: inline-block;
	vertical-align: top;
	width: 33.333%;
	padding: 0;
	max-width: 180px
}
.nav-tp07 a {
	font-size: 14px;
	font-size: 1.4rem;
	padding: 10px 15px;
	overflow: hidden;
	opacity: .7;
	filter: alpha(opacity=70)
}
.nav-tp07 a:before {
	border: 1px solid #444;
	border-bottom: 3px solid #444
}
.nav-tp07 .on a {
	color: #2D88CF;
	opacity: 1;
	filter: alpha(opacity=100)
}
.nav-tp07 .on a:before {
	border: 1px solid #2D88CF;
	border-bottom: 3px solid #2D88CF
}
.sidenav-tp01, .sidenav-tp02 {
	padding: 0 0 20px
}
.sidenav-tp01 .label, .sidenav-tp02 .label {
	text-align: center;
	font-weight: bold;
	padding: 10px 15px
}
.sidenav-tp01>ul, .sidenav-tp02>ul {
	box-shadow: 0 0 5px rgba(0,0,0,0.1)
}
.sidenav-tp01>ul>li, .sidenav-tp02>ul>li {
	border-bottom: 1px solid #CCC
}
.sidenav-tp01>ul>li>a, .sidenav-tp02>ul>li>a {
	padding: 10px 30px 10px 15px
}
.sidenav-tp01>ul>li.on .sub-nav, .sidenav-tp02>ul>li.on .sub-nav {
	display: block
}
.sidenav-tp01 .has-nav>a:after, .sidenav-tp02 .has-nav>a:after {
	display: block;
	line-height: 1;
	position: absolute;
	top: 50%;
	right: 10px;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-webkit-transition: all .3s;
	transition: all .3s
}
.sidenav-tp01 .sub-nav, .sidenav-tp02 .sub-nav {
	display: none;
	padding: 5px 0 10px
}
.sidenav-tp01 .sub-nav a, .sidenav-tp02 .sub-nav a {
	padding: 5px 20px;
	font-size: 12px;
	font-size: 1.2rem;
	color: #111
}
.sidenav-tp01 .sub-nav .on a, .sidenav-tp02 .sub-nav .on a {
	color: #2D88CF;
	opacity: 1;
	filter: alpha(opacity=100)
}
.sidenav-tp01.on .label {
	background: #2D88CF;
	color: #fff
}
.sidenav-tp01 .label {
	background: #CCC;
	border: none
}
.sidenav-tp01 a {
	border-left: 2px solid transparent
}
.sidenav-tp01>ul>li {
	border-bottom: 1px solid #CCC
}
.sidenav-tp01>ul>li.on>a {
	background: #CCC;
	font-weight: bold;
	color: #111;
	border-left: 2px solid #2D88CF
}
.sidenav-tp01>ul>li.on>a:after {
	content: '--';
	letter-spacing: -3px;
	margin-right: 3px
}
.sidenav-tp01 .has-nav>a:after {
	content: '+';
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: 100;
	color: #999;
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%)
}
.sidenav-tp01 .sub-nav a {
	opacity: .65;
	filter: alpha(opacity=65)
}
.sidenav-tp01 .sub-nav .on a {
	opacity: 1;
	filter: alpha(opacity=100)
}
.sidenav-tp02.on .label {
	background: none;
	border: 2px solid #2D88CF;
	color: #2D88CF
}
.sidenav-tp02 .label {
	background: #111;
	color: #FFF;
	border: 2px solid #111
}
.sidenav-tp02>ul>li.on>a {
	background: #2D88CF;
	font-weight: bold;
	color: #fff
}
.sidenav-tp02>ul>li.on>a:after {
	font-weight: 500;
	color: #fff;
	-moz-transform: translate(0, -50%) scale(1.2, 0.7) rotate(90deg);
	-ms-transform: translate(0, -50%) scale(1.2, 0.7) rotate(90deg);
	-webkit-transform: translate(0, -50%) scale(1.2, 0.7) rotate(90deg);
	transform: translate(0, -50%) scale(1.2, 0.7) rotate(90deg);
	right: 13px
}
.sidenav-tp02 .has-nav>a:after {
	content: '>';
	font-family: Arial, "微軟正黑體", "Microsoft JhengHei", "MHei", "STHeitiTC-Light", sans-serif;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: 700;
	color: #2D88CF;
	-moz-transform: scale(0.7, 1) translate(0, -50%);
	-ms-transform: scale(0.7, 1) translate(0, -50%);
	-webkit-transform: scale(0.7, 1) translate(0, -50%);
	transform: scale(0.7, 1) translate(0, -50%)
}
.sidenav-tp02 .sub-nav .on a {
	font-weight: bold;
	color: #2D88CF;
	opacity: 1;
	filter: alpha(opacity=100)
}
.sidenav-tp02 .sub-nav .on a:before {
	width: 7px;
	height: 2px;
	background: #2D88CF;
	margin: -2px 10px 0 0
}
@media screen and (min-width: 640px) {
.nav-tp01 .swiper-slide {
	width: 33.333%
}
.nav-tp01 .text {
	font-size: 19px;
	font-size: 1.9rem
}
.nav-tp01 .swiper-slide-active .text {
	font-size: 23px;
	font-size: 2.3rem
}
}
@media screen and (min-width: 768px) {
.nav-tp01 a {
	padding: 10px 15px;
	-webkit-border-radius: 40px;
	border-radius: 40px;
	background-clip: padding-box
}
}
@media screen and (min-width: 769px) {
.info-nav a:hover {
	opacity: 1;
	filter: alpha(opacity=100)
}
.nav-tp01 {
	padding: 50px 0 30px
}
.nav-tp01 .swiper-container {
	padding: 0 40px
}
.nav-tp01 .swiper-button-prev {
	left: 20px
}
.nav-tp01 .swiper-button-next {
	right: 20px
}
.nav-tp01 .swiper-slide {
	width: 25%
}
.nav-tp01 .item-inner:hover:before {
	background: none
}
.nav-tp01 .item-inner:hover .text {
	font-size: 23px;
	font-size: 2.3rem;
	opacity: 1;
	text-shadow: 0 0 10px #000
}
.nav-tp02, .nav-tp03, .nav-tp04, .nav-tp05, .nav-tp06, .nav-tp07 {
	padding: 50px 15px 20px
}
.nav-tp02 .label, .nav-tp03 .label, .nav-tp04 .label {
	display: none
}
.nav-tp02 ul, .nav-tp03 ul, .nav-tp04 ul {
	display: block;
	text-align: center
}
.nav-tp02 li, .nav-tp03 li, .nav-tp04 li {
	display: inline-block;
	vertical-align: top
}
.nav-tp02 li.on, .nav-tp03 li.on, .nav-tp04 li.on {
	display: inline-block
}
.nav-tp02 ul {
	border-top: 1px solid #f5f5f5;
	border-bottom: 1px solid #f5f5f5
}
.nav-tp02 li {
	padding: 0 30px
}
.nav-tp02 a {
	padding: 15px 10px 10px;
	font-weight: bold;
	border-bottom: 5px solid #FFF
}
.nav-tp02 a:hover {
	border-bottom: 5px solid #2D88CF
}
.nav-tp02 .on a {
	border-bottom: 5px solid #2D88CF
}
.nav-tp03 a {
	padding: 15px 10px
}
.nav-tp03 li {
	width: 25%;
	padding: 0 1px 1px 0;
	font-size: 17px;
	font-size: 1.7rem
}
.nav-tp03 li a {
	border: none;
	background: #f5f5f5;
	text-align: center;
	width: 100%;
	padding: 14px 5px;
	opacity: 1;
	filter: alpha(opacity=100)
}
.nav-tp03 li a:hover {
	background: #2D88CF;
	color: #fff
}
.nav-tp03 li.on a {
	background: #2D88CF;
	color: #fff
}
.nav-tp03 li.on a:after {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 16px;
	height: 10px;
	background: url(../images/nav03-arr.png) center no-repeat;
	background-size: contain !important;
	margin: 0 0 1px 10px
}
.nav-tp04 li {
	border: none
}
.nav-tp04 a {
	min-width: 150px;
	padding: 16px 10px
}
.nav-tp04 a:hover {
	background: linear-gradient(320deg, #96bb36 0%, #2d88cf 100%);
	color: #fff
}
.nav-tp04 .on a {
	background: linear-gradient(320deg, #96bb36 0%, #2d88cf 100%);
	color: #fff;
	padding: 10px
}
.nav-tp04 .on a:after {
	content: '';
	display: block;
	width: 7px;
	height: 7px;
	margin: 5px auto 0;
	border-style: solid;
	border-width: 0 0 1px 1px;
	border-color: #fff;
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}
.nav-tp05 a {
	padding: 10px 20px
}
.nav-tp05 .on a:hover {
	color: #fff
}
.nav-tp07 a:hover {
	color: #2D88CF
}
.nav-tp07 a:hover:before {
	border: 1px solid #2D88CF;
	border-bottom: 3px solid #2D88CF
}
.sidenav-tp01 .label, .sidenav-tp02 .label {
	display: none
}
.sidenav-tp01>ul, .sidenav-tp02>ul {
	display: block;
	box-shadow: none;
	border-top: 1px solid #CCC
}
.sidenav-tp01>ul>li>a, .sidenav-tp02>ul>li>a {
	font-size: 15px;
	font-size: 1.5rem;
	padding: 14px 30px 14px 15px
}
.sidenav-tp01 .sub-nav, .sidenav-tp02 .sub-nav {
	padding: 10px 0 15px
}
.sidenav-tp01 .sub-nav li, .sidenav-tp02 .sub-nav li {
	padding: 5px 0
}
.sidenav-tp01 .sub-nav a, .sidenav-tp02 .sub-nav a {
	font-size: 14px;
	font-size: 1.4rem
}
.sidenav-tp01 .sub-nav a:hover, .sidenav-tp02 .sub-nav a:hover {
	color: #2D88CF
}
.sidenav-tp01>ul>li>a:hover {
	background: #f5f5f5;
	border-left: 2px solid #f5f5f5
}
.sidenav-tp01>ul>li.on>a:hover {
	border-left: 2px solid #2D88CF
}
.sidenav-tp02>ul>li>a:hover {
	background: #96BB36;
	color: #fff
}
.sidenav-tp02>ul>li>a:hover:after {
	color: #fff
}
.sidenav-tp02>ul>li.on>a:hover {
	background: #2D88CF
}
}
@media screen and (min-width: 1280px) {
.nav-tp03 li {
	width: 20%
}
}
@media screen and (min-width: 1440px) {
.nav-tp03 li {
	width: 16.666%
}
}
.page-limit {
	margin: 0 auto;
	text-align: center
}
.page-limit li {
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	position: relative
}
.page-limit li.on a {
	opacity: 1;
	filter: alpha(opacity=100)
}
.page-limit a {
	position: relative;
	opacity: .5;
	filter: alpha(opacity=50);
	z-index: 1
}
.page-tp01, .page-tp02, .page-tp03 {
	margin: -20px auto 0;
	padding: 0 0 60px
}
.page-tp01 .prev a, .page-tp01 .next a, .page-tp02 .prev a, .page-tp02 .next a, .page-tp03 .prev a, .page-tp03 .next a {
	font-size: 0;
	text-indent: -999px;
	overflow: hidden
}
.page-tp01 .prev a:after, .page-tp01 .next a:after, .page-tp02 .prev a:after, .page-tp02 .next a:after, .page-tp03 .prev a:after, .page-tp03 .next a:after {
	display: block;
	border-color: #111;
	position: absolute;
	z-index: 1
}
.page-tp01 .prev a:after, .page-tp02 .prev a:after, .page-tp03 .prev a:after {
	left: 17px
}
.page-tp01 .next a:after, .page-tp02 .next a:after, .page-tp03 .next a:after {
	right: 17px
}
.page-tp01 li {
	padding: 0 5px
}
.page-tp01 a {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	width: 30px;
	line-height: 30px
}
.page-tp01 .on a {
	background: #2D88CF;
	color: #fff
}
.page-tp01 .prev a:after, .page-tp01 .next a:after {
	width: 7px;
	height: 7px;
	border-width: 2px;
	top: 50%;
	margin: -4px 0 0
}
.page-tp02 li {
	padding: 0 5px
}
.page-tp02 a {
	font-size: 15px;
	font-size: 1.5rem;
	width: 30px;
	height: 40px;
	line-height: 40px;
	border-bottom: 3px solid #FFF;
	z-index: 1;
	position: relative
}
.page-tp02 .on a {
	color: #2D88CF;
	border-bottom: 3px solid #2D88CF
}
.page-tp02 .prev a:after, .page-tp02 .next a:after {
	width: 10px;
	height: 10px;
	border-width: 1px;
	top: 50%;
	margin: -5px 0 0
}
.page-tp03 li {
	margin: 5px 2px
}
.page-tp03 a {
	font-size: 14px;
	font-size: 1.4rem;
	width: 36px;
	height: 36px;
	line-height: 36px
}
.page-tp03 .on a {
	color: #2D88CF
}
.page-tp03 .prev a, .page-tp03 .next a {
	border: 1px solid #333
}
.page-tp03 .prev a:after, .page-tp03 .next a:after {
	width: 8px;
	height: 8px;
	border-width: 1px;
	top: 50%;
	margin: -4px 0 0
}
@media screen and (min-width: 769px) {
.page-tp01, .page-tp02, .page-tp03 {
	padding: 0 0 80px
}
.page-tp01 a:hover, .page-tp02 a:hover, .page-tp03 a:hover {
	opacity: 1;
	filter: alpha(opacity=100)
}
.page-tp01 .prev a:hover, .page-tp01 .next a:hover, .page-tp02 .prev a:hover, .page-tp02 .next a:hover, .page-tp03 .prev a:hover, .page-tp03 .next a:hover {
	background: none
}
.page-tp01 .prev a:hover:after, .page-tp01 .next a:hover:after, .page-tp02 .prev a:hover:after, .page-tp02 .next a:hover:after, .page-tp03 .prev a:hover:after, .page-tp03 .next a:hover:after {
	border-color: #2D88CF
}
.page-tp01 li {
	padding: 0 15px
}
.page-tp01 a:hover {
	background: #2D88CF;
	color: #fff
}
.page-tp02 a:hover, .page-tp03 a:hover {
	color: #2D88CF
}
.page-tp02 li {
	padding: 0 5px
}
.page-tp02 a {
	font-size: 17px;
	font-size: 1.7rem;
	width: 40px;
	height: 54px;
	line-height: 54px
}
.page-tp02 a:hover {
	border-bottom: 3px solid #2D88CF
}
.page-tp02 .prev a:hover, .page-tp02 .next a:hover {
	border-bottom: 3px solid #FFF
}
.page-tp03 a {
	font-size: 16px;
	font-size: 1.6rem
}
.page-tp03 a:hover {
	text-decoration: underline
}
.page-tp03 .prev a:hover, .page-tp03 .next a:hover {
	border: 1px solid #2D88CF
}
}
.path {
	font-size: 0
}
.path .inner-wrap {
	margin: 0 auto
}
.path li {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	font-size: 12px;
	font-size: 4.2rem
}
.path li:after {
	content: '';
	display: inline-block;
	vertical-align: middle
}
.path li:last-child:after {
	display: none
}
.path a {
	display: inline-block;
	vertical-align: middle;
	opacity: .5;
	filter: alpha(opacity=50)
}
.path-tp01, .path-tp03, .path-tp04 {
	padding: 15px 15px 0
}
.path-tp01 .inner-wrap {
	max-width: 1350px
}
.path-tp01 li {
	padding: 4px 0;
	color: #2D88CF
}
.path-tp01 li:after {
	width: 7px;
	height: 7px;
	border-width: 2px;
	border-color: #bbb;
	margin: 0 10px 2px 7px
}
.path-tp01 a {
	color: #111
}
.path-tp02 {
	padding: 5px 10px;
	border-top: 1px solid rgba(255,255,255,0.2);
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 3
}
.path-tp02 .inner-wrap {
	max-width: 1130px
}
.path-tp02 li {
	padding: 4px 0;
	color: #fff
}
.path-tp02 li:after {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 2px 0 2px 6px;
	border-color: transparent transparent transparent #fff;
	margin: 0 10px;
	opacity: .5;
	filter: alpha(opacity=50)
}
.path-tp02 li:first-child a {
	font-size: 0;
	text-indent: -9999px;
	display: inline-block;
	width: 16px;
	height: 14px;
	background: url(../images/path02-icon.png) center no-repeat;
	background-size: contain !important
}
.path-tp03 .inner-wrap {
	max-width: 1240px
}
.path-tp03 li {
	padding: 4px 0 4px 10px;
	color: #999
}
.path-tp03 li:after {
	content: "/";
	font-size: 14px;
	font-size: 1.4rem;
	color: #eee;
	margin: 0 0 0 10px
}
.path-tp03 li:first-child {
	padding: 5px 0
}
.path-tp03 li:first-child a:before {
	width: 16px;
	height: 14px;
	background: url(../images/path03-icon.png) center no-repeat;
	background-size: contain !important;
	margin: -4px 6px 0 0
}
.path-tp03 a {
	color: #2D88CF
}
.path-tp04 .inner-wrap {
	max-width: 1240px
}
.path-tp04 li:after {
	content: '>>';
	font-family: Arial, "微軟正黑體", "Microsoft JhengHei", "MHei", "STHeitiTC-Light", sans-serif;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 700;
	color: #2D88CF;
	display: inline-block;
	vertical-align: middle;
	padding: 1px 10px 0;
	-moz-transform: scale(0.6, 1);
	-ms-transform: scale(0.6, 1);
	-webkit-transform: scale(0.6, 1);
	transform: scale(0.6, 1)
}
@media screen and (min-width: 768px) {
.path-tp01 {
	padding: 25px 20px
}
.path-tp01 li:after {
	margin: 0 25px 2px 22px
}
}
@media screen and (min-width: 769px) {
.path a:hover {
	opacity: 1;
	filter: alpha(opacity=100)
}
.banner-tp03+.path, .banner-tp04+.path {
	margin-top: -30px
}
.path-tp01, .path-tp03, .path-tp04 {
	padding: 20px 15px
}
.path-tp01 a:hover {
	color: #2D88CF
}
.path-tp03 a:hover, .path-tp04 a:hover {
	text-decoration: underline
}
.path-tp02 {
	padding: 15px
}
.path-tp02 a:hover {
	color: #2D88CF
}
}
.social-wrap {
	font-size: 0;
	overflow: hidden
}
.social-wrap ul, .social-wrap li {
	margin: 0;
	padding: 0;
	list-style: none outside none
}
.social-wrap li {
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	padding: 10px
}
.social-wrap li, .social-wrap a {
	position: relative;
	overflow: hidden
}
.social-wrap a {
	font-size: 0;
	display: block;
	width: 30px;
	height: 30px
}
.social-wrap a:before, .social-wrap a:after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1
}
.social-wrap .label {
	font-size: 12px;
	font-size: 1.2rem;
	color: #aaa;
	padding: 2px 15px 0 0
}
.social-wrap .label, .social-wrap .label+ul {
	display: inline-block;
	vertical-align: middle
}
.social01 .icon-facebook:before, .social02 .icon-facebook:before, .social03 .icon-facebook:before {
	background-image: url(../images/social-o-fb.svg)
}
.social01 .icon-instagram:before, .social02 .icon-instagram:before, .social03 .icon-instagram:before {
	background-image: url(../images/social-o-ig.svg)
}
.social01 .icon-linkedin:before, .social02 .icon-linkedin:before, .social03 .icon-linkedin:before {
	background-image: url(../images/social-o-in.svg)
}
.social01 .icon-line:before, .social02 .icon-line:before, .social03 .icon-line:before {
	background-image: url(../images/social-o-line.svg)
}
.social01 .icon-pinterest:before, .social02 .icon-pinterest:before, .social03 .icon-pinterest:before {
	background-image: url(../images/social-o-pe.svg)
}
.social01 .icon-plurk:before, .social02 .icon-plurk:before, .social03 .icon-plurk:before {
	background-image: url(../images/social-o-pl.svg)
}
.social01 .icon-qq:before, .social02 .icon-qq:before, .social03 .icon-qq:before {
	background-image: url(../images/social-o-qq.svg)
}
.social01 .icon-skype:before, .social02 .icon-skype:before, .social03 .icon-skype:before {
	background-image: url(../images/social-o-sk.svg)
}
.social01 .icon-sina:before, .social02 .icon-sina:before, .social03 .icon-sina:before {
	background-image: url(../images/social-o-sn.svg)
}
.social01 .icon-twitter:before, .social02 .icon-twitter:before, .social03 .icon-twitter:before {
	background-image: url(../images/social-o-tw.svg)
}
.social01 .icon-ubereat:before, .social02 .icon-ubereat:before, .social03 .icon-ubereat:before {
	background-image: url(../images/social-o-ut.svg)
}
.social01 .icon-whatsapp:before, .social02 .icon-whatsapp:before, .social03 .icon-whatsapp:before {
	background-image: url(../images/social-o-wa.svg)
}
.social01 .icon-wechat:before, .social02 .icon-wechat:before, .social03 .icon-wechat:before {
	background-image: url(../images/social-o-wc.svg)
}
.social01 .icon-youtube:before, .social02 .icon-youtube:before, .social03 .icon-youtube:before {
	background-image: url(../images/social-o-yt.svg)
}
.social01 .icon-youtube2:before, .social02 .icon-youtube2:before, .social03 .icon-youtube2:before {
	background-image: url(../images/social-o-yt2.svg)
}
.social04 .icon-facebook:before, .social05 .icon-facebook:before, .social06 .icon-facebook:before, .social07 .icon-facebook:before {
	background-image: url(../images/social-fb.svg)
}
.social04 .icon-instagram:before, .social05 .icon-instagram:before, .social06 .icon-instagram:before, .social07 .icon-instagram:before {
	background-image: url(../images/social-ig.svg)
}
.social04 .icon-linkedin:before, .social05 .icon-linkedin:before, .social06 .icon-linkedin:before, .social07 .icon-linkedin:before {
	background-image: url(../images/social-in.svg)
}
.social04 .icon-line:before, .social05 .icon-line:before, .social06 .icon-line:before, .social07 .icon-line:before {
	background-image: url(../images/social-line.svg)
}
.social04 .icon-pinterest:before, .social05 .icon-pinterest:before, .social06 .icon-pinterest:before, .social07 .icon-pinterest:before {
	background-image: url(../images/social-pe.svg)
}
.social04 .icon-plurk:before, .social05 .icon-plurk:before, .social06 .icon-plurk:before, .social07 .icon-plurk:before {
	background-image: url(../images/social-pl.svg)
}
.social04 .icon-qq:before, .social05 .icon-qq:before, .social06 .icon-qq:before, .social07 .icon-qq:before {
	background-image: url(../images/social-qq.svg)
}
.social04 .icon-skype:before, .social05 .icon-skype:before, .social06 .icon-skype:before, .social07 .icon-skype:before {
	background-image: url(../images/social-sk.svg)
}
.social04 .icon-sina:before, .social05 .icon-sina:before, .social06 .icon-sina:before, .social07 .icon-sina:before {
	background-image: url(../images/social-sn.svg)
}
.social04 .icon-twitter:before, .social05 .icon-twitter:before, .social06 .icon-twitter:before, .social07 .icon-twitter:before {
	background-image: url(../images/social-tw.svg)
}
.social04 .icon-ubereat:before, .social05 .icon-ubereat:before, .social06 .icon-ubereat:before, .social07 .icon-ubereat:before {
	background-image: url(../images/social-ut.svg)
}
.social04 .icon-whatsapp:before, .social05 .icon-whatsapp:before, .social06 .icon-whatsapp:before, .social07 .icon-whatsapp:before {
	background-image: url(../images/social-wa.svg)
}
.social04 .icon-wechat:before, .social05 .icon-wechat:before, .social06 .icon-wechat:before, .social07 .icon-wechat:before {
	background-image: url(../images/social-wc.svg)
}
.social04 .icon-youtube:before, .social05 .icon-youtube:before, .social06 .icon-youtube:before, .social07 .icon-youtube:before {
	background-image: url(../images/social-yt.svg)
}
.social04 .icon-youtube2:before, .social05 .icon-youtube2:before, .social06 .icon-youtube2:before, .social07 .icon-youtube2:before {
	background-image: url(../images/social-yt2.svg)
}
.social02 a, .social03 a, .social04 a {
	width: 30px;
	height: 30px
}
.social02 a:before {
	filter: saturate(0) brightness(0)
}
.social03 a:before, .social06 a:before, .social07 a:before {
	filter: saturate(0) brightness(20)
}
.social05 a, .social06 a, .social07 a {
	width: 40px;
	height: 40px;
	border-radius: 50%
}
.social05 a:before, .social06 a:before, .social07 a:before {
	width: 60%;
	background-size: contain
}
.social05 a {
	background: #FFF;
	border: 1px solid #2D88CF
}
.social06 a {
	background: #2D88CF;
	border: 1px solid #2D88CF
}
.social07 a:before {
	filter: saturate(0) brightness(20)
}
.social07 .icon-facebook {
	background: #3B5998
}
.social07 .icon-instagram {
	background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%)
}
.social07 .icon-linkedin {
	background: #0274B3
}
.social07 .icon-line {
	background: #00B900
}
.social07 .icon-pinterest {
	background: #BC081C
}
.social07 .icon-plurk {
	background: #FF574D
}
.social07 .icon-qq {
	background: #000
}
.social07 .icon-skype {
	background: #01A7FF
}
.social07 .icon-sina {
	background: #E6162D
}
.social07 .icon-twitter {
	background: #1DA1F2
}
.social07 .icon-ubereat {
	background: #85B200
}
.social07 .icon-youtube {
	background: #EC162C
}
.social07 .icon-whatsapp {
	background: #2CB742
}
.social07 .icon-wechat {
	background: #00C300
}
.social07 .icon-youtube {
	background: #EC162C
}
.social07 .icon-youtube2 {
	background: #EC162C
}
@media screen and (min-width: 769px) {
.social-wrap li {
	padding: 5px 15px
}
.social01 a:hover, .social04 a:hover {
	transform: translate(0, -2px)
}
.social02 a:hover:before, .social03 a:hover:before {
	filter: saturate(1)
}
.social02 a {
	opacity: 0.7
}
.social02 a:hover {
	opacity: 1
}
.social05 a:hover {
	background: #2D88CF
}
.social05 a:hover:before {
	filter: saturate(0) brightness(10)
}
.social06 a:hover {
	background: #FFF
}
.social06 a:hover:before {
	filter: saturate(1)
}
.social07 a:hover {
	border-radius: 5px
}
}
.list dl, .list dt, .list dd, .list ul, .list ol, .list li {
	margin: 0;
	padding: 0;
	list-style: none outside none
}
.list ul, .list ol, .list dl {
	font-size: 0
}
.list li, .list dd {
	position: relative;
	overflow: hidden;
	counter-increment: number
}
.list-tp01 dt, .list-tp02 dt, .list-tp03 dt, .list-tp04 dt, .list-tp05 dt, .list-tp06 dt, .list-tp07 dt, .list-tp08 dt {
	font-size: 16px;
	font-size: 1.6rem;
	padding: 0 0 10px
}
.list-tp01 li, .list-tp01 dd, .list-tp02 li, .list-tp02 dd, .list-tp03 li, .list-tp03 dd, .list-tp04 li, .list-tp04 dd, .list-tp05 li, .list-tp05 dd, .list-tp06 li, .list-tp06 dd, .list-tp07 li, .list-tp07 dd, .list-tp08 li, .list-tp08 dd {
	text-align: left;
	font-size: 14px;
	font-size: 1.4rem;
	padding: 0 0 10px 20px;
	background-size: 12px !important
}
.list-tp01 li:before, .list-tp01 dd:before, .list-tp02 li:before, .list-tp02 dd:before, .list-tp03 li:before, .list-tp03 dd:before, .list-tp04 li:before, .list-tp04 dd:before, .list-tp05 li:before, .list-tp05 dd:before, .list-tp06 li:before, .list-tp06 dd:before, .list-tp07 li:before, .list-tp07 dd:before, .list-tp08 li:before, .list-tp08 dd:before {
	content: '';
	position: absolute;
	top: 4px;
	left: 0
}
.list-tp02 li:before, .list-tp02 dd:before, .list-tp03 li:before, .list-tp03 dd:before, .list-tp04 li:before, .list-tp04 dd:before, .list-tp05 li:before, .list-tp05 dd:before, .list-tp06 li:before, .list-tp06 dd:before, .list-tp07 li:before, .list-tp07 dd:before, .list-tp08 li:before, .list-tp08 dd:before {
	display: block;
	width: 12px;
	height: 12px;
	background-size: contain !important
}
.list-tp01 li:before, .list-tp01 dd:before {
	font-size: 15px;
	font-size: 1.5rem;
	color: #bbb
}
.list-tp01 li:nth-child(-1n+9):before, .list-tp01 dd:nth-child(-1n+9):before {
	content: "0" counter(number) "."
}
.list-tp01 li:nth-child(n+10):before, .list-tp01 dd:nth-child(n+10):before {
	content: counter(number) "."
}
.list-tp02 dd:before, .list-tp02 li:before {
	background: url(../images/list-tp02.png) center no-repeat
}
.list-tp03 dd:before, .list-tp03 li:before {
	background: url(../images/list-tp03.png) center no-repeat
}
.list-tp04 dd:before, .list-tp04 li:before {
	background: url(../images/list-tp04.png) center no-repeat
}
.list-tp05 dd:before, .list-tp05 li:before {
	background: url(../images/list-tp05.png) center no-repeat
}
.list-tp06 dd:before, .list-tp06 li:before {
	background: url(../images/list-tp06.png) center no-repeat
}
.list-tp07 dd:before, .list-tp07 li:before {
	background: url(../images/list-tp07.png) center no-repeat
}
.list-tp08 dd:before, .list-tp08 li:before {
	background: url(../images/list-tp08.png) center no-repeat
}
@media screen and (min-width: 768px) {
.list.col2 ul, .list.col3 ul, .list.col4 ul, .list.col5 ul {
	padding: 30px 15px
}
.list.col2 li, .list.col3 li, .list.col4 li, .list.col5 li {
	display: inline-block;
	vertical-align: top;
	width: 50%;
	padding: 0 15px 15px 40px
}
.list.col2 li:before, .list.col3 li:before, .list.col4 li:before, .list.col5 li:before {
	background-position: 18px 2px
}
.list-tp02 dd:before, .list-tp02 li:before, .list-tp03 dd:before, .list-tp03 li:before, .list-tp04 dd:before, .list-tp04 li:before, .list-tp05 dd:before, .list-tp05 li:before, .list-tp06 dd:before, .list-tp06 li:before, .list-tp07 dd:before, .list-tp07 li:before, .list-tp08 dd:before, .list-tp08 li:before {
	right: 15px
}
}
@media screen and (min-width: 769px) {
.list.col3 li, .list.col4 li, .list.col5 li {
	width: 33.333%
}
.list.col3 li {
	width: 33.333%
}
}
@media screen and (min-width: 1200px) {
.list.col4 li, .list.col5 li {
	width: 25%
}
}
@media screen and (min-width: 1400px) {
.list.col5 li {
	width: 20%
}
}
.model {
	font-size: 0;
	overflow: hidden
}
.model .model-inner {
	margin: 0 auto;
	overflow: hidden;
	position: relative
}
.model .figure, .model .text {
	position: relative; height:100%
}
.model h2, .model h3, .model h4, .model h5, .model h6 {
	font-family: "CenturyGothicRegular", "微軟正黑體", "Microsoft JhengHei", "MHei", "STHeitiTC-Light", sans-serif, Arial, Helvetica, "Helvetica Neue", Tahoma, Verdana
}
.model p {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.5;
	padding: 0 0 10px
}
.model .head, .model .info-title {
	text-align: center;
	padding: 0 3% 10px;
	color: #111;
	overflow: hidden;
	position: relative
}
.model .head, .model .head h2, .model .head h3, .model .head span, .model .head small, .model .info-title, .model .info-title h2, .model .info-title h3, .model .info-title span, .model .info-title small {
	line-height: 1.2
}
.model .head small, .model .info-title small {
	display: block;
	font-size: 12px;
	font-size: 1.2rem;
	padding: 10px 0 0;
	opacity: .8;
	filter: alpha(opacity=80)
}
.model .head h2, .model .info-title {
	font-size: 32px;
	font-size: 3.2rem;
	position: relative
}
.model .btn {
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold
}
.model-border {
	width: 100%;
	height: 1px;
	background: #CCC
}
.narrow-tp01 {
	background: #FFF;
	max-width: 1280px;
	margin: 0 auto;
	overflow: hidden
}
.tp001 .figure {
	width: 100%
}
.tp002 .model-inner {
	max-width: 1200px
}
.tp002 .item {
	max-width: 600px;
	margin: 0 auto
}
.tp002 .item-inner {
	position: relative;
	margin: 0 auto
}
.tp002 .item-inner:before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.4);
	position: absolute;
	bottom: 0;
	left: 0;
	opacity: 0;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-webkit-transition: all .3s;
	transition: all .3s;
	z-index: 1
}
.tp002 .item-inner.half {
	display: inline-block;
	vertical-align: top;
	width: 49.999%
}
.tp002 .text {
	text-align: center;
	color: #fff;
	position: absolute;
	bottom: -70%;
	width: 100%;
	padding: 15px 10px;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-webkit-transition: all .3s;
	transition: all .3s;
	z-index: 2;
	background-color: #286397
}
.tp002 h3 {
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: normal;
	text-shadow: 0 0 15px #000
}
.tp002 h3:after {
	content: '';
	display: none;
	width: 73%;
	height: 1px;
	background: rgba(255,255,255,0.5);
	margin: 20px auto 30px
}
.tp002 .more {
	display: none;
	font-size: 15px;
	font-size: 1.5rem;
	padding: 13px 31px;
	background: url(../images/tp002,017,020-btn-w.png) center no-repeat;
	margin: 40px auto 0
}
.tp003 .swiper-scrollbar {
	bottom: 0;
	background: #CCC
}
.tp003 .swiper-scrollbar-drag {
	background: #2D88CF
}
.tp003 .swiper-slide {
	width: 280px
}
.tp003 .item-inner:before {
	content: '';
	display: block;
	width: 100%;
	height: 56px;
	background: rgba(0,0,0,0.6);
	position: absolute;
	bottom: 0;
	left: 0;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-webkit-transition: all .3s;
	transition: all .3s;
	z-index: 1
}
.tp003 .text {
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: center;
	color: #fff;
	padding: 5px 10px;
	overflow: hidden;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-webkit-transition: all .3s;
	transition: all .3s;
	z-index: 2
}
.tp003 .date {
	display: block;
	float: left;
	width: 50px;
	text-align: center;
	font-size: 16px;
	font-size: 1.6rem;
	border-right: 1px solid rgba(255,255,255,0.55);
	padding: 0 10px 0 0;
	line-height: 1
}
.tp003 strong {
	display: block;
	font-size: 30px;
	font-size: 3rem;
	font-weight: 100
}
.tp003 h3 {
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	height: 37px;
	text-align: left;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 100;
	line-height: 1.2;
	padding: 8px 0 0 13px
}
.tp003 .more {
	display: none;
	padding: 46px 0 0;
	background: url(../images/tp003,016-more.png) center top no-repeat;
	font-size: 14px;
	font-size: 1.4rem;
	margin: 60px auto 0
}
.tp004 .title {
	text-align: center;
	font-family: "CenturyGothicBold", "微軟正黑體", "Microsoft JhengHei", "MHei", "STHeitiTC-Light", sans-serif, Arial, Helvetica, "Helvetica Neue", Tahoma, Verdana;
	font-size: 28px;
	font-size: 2.8rem;
	color: #111
}
.tp004 .model-inner {
	padding: 30px 10px 0;
	position: relative;
	overflow: hidden
}
.tp004 .item-group {
	margin: 25px auto 0
}
.tp004 .item {
	border-top: 1px solid #CCC;
	padding: 15px 5px 15px;
	overflow: hidden
}
.tp004 h3, .tp004 h4 {
	font-size: 18px;
	font-size: 1.8rem;
	padding: 0 0 0 15px;
	line-height: 1.4;
	position: relative
}
.tp004 h3:before, .tp004 h4:before {
	content: '';
	display: block;
	width: 0px;
	height: 22px;
	background: #2D88CF;
	position: absolute;
	top: 0;
	left: 0
}
.tp004 p {
	font-size: 13px;
	font-size: 1.3rem;
	color: #333;
	padding: 5px 0 0 15px
}
.tp004 a {
	display: inline-block;
	vertical-align: middle;
	color: #2D88CF;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-webkit-transition: all .3s;
	transition: all .3s
}
.tp004 .figure {
	padding: 20px 0 0
}
.tp005 {
	padding: 40px 15px
}
.tp005 .model-inner {
	max-width: 1230px
}
.tp005 .text, .tp005 .figure {
	padding: 10px 0
}
.tp005 .text h3 {
	font-size: 16px;
	font-size: 1.6rem;
	color: #2D88CF;
	padding: 0 0 10px
}
.tp006 {
	text-align: center;
	padding: 50px 6%
}
.tp006 .item {
	padding: 20px 0
}
.tp006 .item-inner {
	max-width: 640px
}
.tp006 .text {
	padding: 30px 0 0
}
.tp006 h4 {
	font-size: 16px;
	font-size: 1.6rem;
	color: #111;
	padding: 0 0 10px
}
.tp007 .model-inner, .tp008 .model-inner, .tp010 .model-inner, .tp011 .model-inner, .tp012 .model-inner, .tp013 .model-inner, .tp016 .model-inner, .tp017 .model-inner, .tp019 .model-inner, .tp070 .model-inner {
	max-width: 1440px
}
.tp007 .search-form, .tp007 .result-info, .tp031 .search-form, .tp031 .result-info, .tp057 .search-form, .tp057 .result-info, .tp083 .search-form, .tp083 .result-info {
	padding: 20px 0 0
}
.tp007 .search-form, .tp031 .search-form, .tp057 .search-form, .tp083 .search-form {
	font-size: 0;
	padding: 40px 0 0
}
.tp007 .search-form .form-wrap, .tp031 .search-form .form-wrap, .tp057 .search-form .form-wrap, .tp083 .search-form .form-wrap {
	position: relative;
	max-width: 400px;
	margin: 0 auto;
	overflow: hidden
}
.tp007 .search-form .keyword, .tp031 .search-form .keyword, .tp057 .search-form .keyword, .tp083 .search-form .keyword {
	width: 100%;
	height: 40px;
	padding: 5px 50px 5px 10px;
	border: none;
	background: #f5f5f5;
	color: #111
}
.tp007 .search-form .btn, .tp031 .search-form .btn, .tp057 .search-form .btn, .tp083 .search-form .btn {
	min-width: 80px;
	height: 40px;
	padding: 0 20px;
	background: #2D88CF;
	color: #fff;
	border: none;
	overflow: hidden;
	position: absolute;
	top: 0;
	right: -1px;
	z-index: 1
}
.tp007 .result-info, .tp031 .result-info, .tp057 .result-info, .tp083 .result-info {
	padding: 20px 0 30px;
	font-size: 14px;
	font-size: 1.4rem
}
.tp007 .result-info span, .tp031 .result-info span, .tp057 .result-info span, .tp083 .result-info span {
	display: inline-block;
	vertical-align: middle;
	font-weight: bold;
	color: #2D88CF;
	padding: 0 10px 0 0
}
.tp007, .tp009, .tp014, .tp015, .tp016, .tp017, .tp019, .tp031, .tp034, .tp056, .tp057, .tp067, .tp068, .tp069, .tp078, .tp079, .tp080, .tp081, .tp082, .tp083 {
	padding:  40px 15px 50px
}
.tp007 .search-form .form-wrap, .tp083 .search-form .form-wrap {
	-webkit-border-radius: 40px;
	border-radius: 40px;
	background-clip: padding-box
}
.tp007 .search-form .btn, .tp083 .search-form .btn {
	-webkit-border-radius: 40px;
	border-radius: 40px;
	background-clip: padding-box
}
.tp007 .head h2:after, .tp083 .head h2:after {
	content: '';
	display: block;
	width: 84px;
	height: 0px;
	background: #2D88CF;
	margin: 10px auto 0
}
.tp007 .item-group, .tp007 .swiper-container, .tp083 .item-group, .tp083 .swiper-container {
	padding: 5px 0 0
}
.tp007 .item, .tp007 .swiper-slide, .tp083 .item, .tp083 .swiper-slide {
	padding: 15px 0
}
.tp007 .item-inner, .tp007 .item-head, .tp007 .text, .tp083 .item-inner, .tp083 .item-head, .tp083 .text {
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-webkit-transition: all .3s;
	transition: all .3s
}
.tp007 .item-inner, .tp083 .item-inner {
	background: #fff;
	border: 1px solid #CCC
}
.tp007 .item-inner>.text, .tp007 .item-head, .tp083 .item-inner>.text, .tp083 .item-head {
	background: #f5f5f5;
	padding: 10px 15px
}
.tp007 .item-inner>.text h3, .tp007 .item-inner>.text span, .tp007 .item-head h3, .tp007 .item-head span, .tp083 .item-inner>.text h3, .tp083 .item-inner>.text span, .tp083 .item-head h3, .tp083 .item-head span {
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-webkit-transition: all .3s;
	transition: all .3s
}
.tp007 .item-inner>.text h3, .tp007 .item-head h3, .tp083 .item-inner>.text h3, .tp083 .item-head h3 {
	font-size: 20px;
	font-size: 2rem
}
.tp007 .item-inner>.text span, .tp007 .item-head span, .tp083 .item-inner>.text span, .tp083 .item-head span {
	font-size: 12px;
	font-size: 1.2rem;
	color: #2D88CF
}
.tp007 .btn, .tp083 .btn {
	color: #fff
}
.tp007 .btn:after, .tp083 .btn:after {
	content: '';
	display: inline-block;
	width: 5px;
	height: 5px;
	border-width: 1px;
	border-color: #fff;
	margin: 0 0 2px 10px
}
.tp007 .item-inner {
	max-width: 420px
}
.tp007 .item-content {
	overflow: hidden;
	position: relative
}
.tp007 .text {
	padding: 0 10px;
	margin: -20px 0 0;
	font-family: "微軟正黑體", "Microsoft JhengHei", "MHei", "STHeitiTC-Light", sans-serif;
	font-size: 12px;
	font-size: 1.2rem;
	color: #666
}
.tp007 .text ul, .tp007 .text li {
	margin: 0;
	padding: 0;
	list-style: none outside none
}
.tp007 .text li {
	padding: 0 0 3px
}
.tp007 .btn {
	background: #2D88CF;
	border: 2px solid #2D88CF;
	padding: 10px 26px;
	margin: 10px
}
.tp009 .model-inner, .tp025 .model-inner, .tp058 .model-inner, .tp076 .model-inner, .tp084 .model-inner {
	max-width: 1280px
}
.tp009 .head, .tp084 .head {
	text-align: left
}
.tp009 .figure-wrap, .tp084 .figure-wrap {
	margin: 0 auto 30px
}
.tp009 .max-figure .item, .tp084 .max-figure .item {
	display: none
}
.tp009 .max-figure .item:first-child, .tp084 .max-figure .item:first-child {
	display: block
}
.tp009 .min-figure .item-inner, .tp084 .min-figure .item-inner {
	max-width: 90px;
	opacity: .5;
	filter: alpha(opacity=50)
}
.tp009 .min-figure .on .item-inner, .tp084 .min-figure .on .item-inner {
	opacity: 1;
	filter: alpha(opacity=100)
}
.tp009 .min-figure .on .item-inner:after, .tp084 .min-figure .on .item-inner:after {
	border: 3px solid #2D88CF
}
.tp009 .min-figure .swiper-container, .tp084 .min-figure .swiper-container {
	padding: 10px 5px 0;
	margin: 0 -10px
}
.tp009 .min-figure .swiper-wrapper, .tp084 .min-figure .swiper-wrapper {
	overflow: hidden
}
.tp009 .min-figure .swiper-slide, .tp084 .min-figure .swiper-slide {
	padding: 0 3px;
	width: 25%
}
.tp009 .min-figure .swiper-button-prev, .tp009 .min-figure .swiper-button-next, .tp084 .min-figure .swiper-button-prev, .tp084 .min-figure .swiper-button-next {
	width: 26px;
	height: 26px;
	background-size: contain !important;
	opacity: 1;
	filter: alpha(opacity=100);
	margin: -13px 0 0
}
.tp009 .min-figure .swiper-button-prev, .tp084 .min-figure .swiper-button-prev {
	background: url(../images/swiper01-prev.png) center no-repeat;
	left: 0
}
.tp009 .min-figure .swiper-button-next, .tp084 .min-figure .swiper-button-next {
	background: url(../images/swiper01-next.png) center no-repeat;
	right: 0
}
.tp009 .text-info, .tp084 .text-info {
	font-size: 14px;
	font-size: 1.4rem;
	padding: 0 20px
}
.tp009 .text-info h2, .tp009 .text-info h3, .tp084 .text-info h2, .tp084 .text-info h3 {
	line-height: 1.2
}
.tp009 .text-info h2, .tp084 .text-info h2 {
	font-size: 30px;
	font-size: 3rem
}
.tp009 .text-info h3, .tp084 .text-info h3 {
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: normal;
	color: #2D88CF
}
.tp009 .text-info .list, .tp009 .text-info .desc, .tp084 .text-info .list, .tp084 .text-info .desc {
	padding: 20px 0 0
}
.tp009 .text-info .list dt, .tp009 .text-info .list h4, .tp009 .text-info .desc dt, .tp009 .text-info .desc h4, .tp084 .text-info .list dt, .tp084 .text-info .list h4, .tp084 .text-info .desc dt, .tp084 .text-info .desc h4 {
	font-weight: bold;
	color: #2D88CF
}
.tp009 .text-info .list dd, .tp009 .text-info .list p, .tp009 .text-info .desc dd, .tp009 .text-info .desc p, .tp084 .text-info .list dd, .tp084 .text-info .list p, .tp084 .text-info .desc dd, .tp084 .text-info .desc p {
	color: #333
}
.tp009 .text-info .list p, .tp009 .text-info .desc p, .tp084 .text-info .list p, .tp084 .text-info .desc p {
	padding: 10px 0
}
.tp009 .text-info .btn-wrap, .tp084 .text-info .btn-wrap {
	padding: 30px 0 0
}
.tp009 .text-info .btn, .tp084 .text-info .btn {
	background: #2D88CF;
	color: #fff;
	min-width: 240px;
	border: 2px solid #2D88CF;
	padding: 10px;
	margin: 10px
}
.tp009 .figure-wrap {
	max-width: 610px
}
.tp010 .sub-title, .tp011 .sub-title, .tp012 .sub-title, .tp013 .sub-title, .tp014 .sub-title {
	font-size: 25px;
	font-size: 2.5rem;
	color: #2D88CF;
	padding: 0 0 10px
}
.tp010 .text, .tp011 .text, .tp012 .text, .tp013 .text, .tp014 .text {
	padding: 25px
}
.tp014 {
	text-align: center
}
.tp014 .tb-wrap {
	padding: 15px 0 0
}
.tp014 table {
	border-collapse: collapse;
	border-bottom: 1px solid #CCC;
	margin: 0 auto
}
.tp014 th, .tp014 td {
	padding: 10px 5px;
	font-size: 14px;
	font-size: 1.4rem
}
.tp014 th, .tp014 td:first-child {
	white-space: nowrap
}
.tp014 th {
	background: #2D88CF;
	color: #fff
}
.tp014 td {
	border-left: 1px solid #FFF
}
.tp014 tr:nth-child(even) td {
	background: #f5f5f5
}
.tp014 tr td:first-child {
	border-left: 1px solid #CCC
}
.tp014 tr td:last-child {
	border-right: 1px solid #CCC
}
.tp015 {
	background: url(../images/tp015-bg.jpg) top center no-repeat;
	background-size: cover
}
.tp015 .model-inner {
	max-width: 1300px
}
.tp015 .item {
	padding: 20px 0;
	text-align: center
}
.tp015 .figure {
	width: 200px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background-clip: padding-box;
	overflow: hidden
}
.tp015 .figure:before, .tp015 .figure:after {
	opacity: 0;
	filter: alpha(opacity=0)
}
.tp015 .figure:before {
	background: #111
}
.tp015 .figure:after {
	background: url(../images/tp015-icon.png) center no-repeat;
	z-index: 2
}
.tp015 .text {
	padding: 10px 0 0
}
.tp015 h3 {
	font-size: 16px;
	font-size: 1.6rem;
	position: relative
}
.tp015 h3:before {
	width: 4px;
	height: 22px;
	background: #2D88CF;
	margin: -3px 10px 0 0
}
.tp015 p {
	font-size: 13px;
	font-size: 1.3rem;
	color: #333;
	padding: 10px 0 0
}
.tp015 .btn {
	margin: 10px auto 0;
	background: #2D88CF;
	color: #fff;
	padding: 0 20px
}
.tp015 .btn:before {
	width: 30px;
	height: 30px;
	background: url(../images/tp015-icon.png) center no-repeat;
	margin: 4px 10px 6px 0
}
.tp016 .search-form .form-wrap, .tp016 .search-form .btn, .tp017 .search-form .form-wrap, .tp017 .search-form .btn {
	-webkit-border-radius: 40px;
	border-radius: 40px;
	background-clip: padding-box
}
.tp016 .item-inner, .tp017 .side-nav .item-inner {
	max-width: 340px
}
.tp016 .figure, .tp017 .side-nav .figure {
	text-align: center
}
.tp016 .figure:before, .tp016 .figure .more, .tp017 .side-nav .figure:before, .tp017 .side-nav .figure .more {
	content: '';
	display: block;
	width: 100%;
	position: absolute;
	left: 0;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-webkit-transition: all .3s;
	transition: all .3s
}
.tp016 .figure:before, .tp017 .side-nav .figure:before {
	height: 100%;
	background: transparent;
	top: 0;
	z-index: 2
}
.tp016 .figure .more, .tp017 .side-nav .figure .more {
	padding: 46px 0 0;
	background: url(../images/tp003,016-more.png) center top no-repeat;
	font-size: 14px;
	font-size: 1.4rem;
	color: #fff;
	top: 50%;
	-moz-transform: translate(0, -40%);
	-ms-transform: translate(0, -40%);
	-webkit-transform: translate(0, -40%);
	transform: translate(0, -40%);
	opacity: 0;
	z-index: 3
}
.tp016 .text, .tp017 .side-nav .text {
	padding: 2px 5px 0;
	border-top: 4px solid transparent;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-webkit-transition: all .3s;
	transition: all .3s
}
.tp016 .title, .tp017 .side-nav .title {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: normal;
	padding: 0 0 5px
}
.tp016 .date, .tp017 .side-nav .date {
	display: block;
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: bold;
	color: #aaa;
	padding: 0 0 0 10px;
	position: relative
}
.tp016 .date:before, .tp017 .side-nav .date:before {
	content: '';
	display: block;
	width: 3px;
	height: 22px;
	background: #2D88CF;
	position: absolute;
	top: 0;
	left: 0
}
.tp016 .item-group {
	padding: 0 0 20px
}
.tp016 .item {
	padding: 15px 0
}
.tp017 .main-content .title, .tp081 .title {
	font-size: 19px;
	font-size: 1.9rem;
	color: #111;
	padding: 0 0 10px
}
.tp017 .main-content .date, .tp081 .date {
	display: block;
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: bold;
	color: #2D88CF;
	padding: 4px 0 0 10px;
	position: relative
}
.tp017 .main-content .date:before, .tp081 .date:before {
	content: '';
	display: block;
	width: 3px;
	height: 22px;
	background: #2D88CF;
	position: absolute;
	top: 0;
	left: 0
}
.tp017 .main-content .figure, .tp081 .figure {
	padding: 0 0 10px
}
.tp017 .main-content .figure img, .tp081 .figure img {
	display: block;
	margin: 0 auto
}
.tp017 .main-content p, .tp081 p {
	color: #333;
	line-height: 1.7;
	padding: 0 0 15px
}
.tp017 .main-content .btn-wrap, .tp081 .btn-wrap {
	padding: 20px 0 40px;
	text-align: center
}
.tp017 .main-content .btn, .tp081 .btn {
	background: url(../images/tp002,017,020-btn.png) center no-repeat;
	background-size: contain;
	color: #2D88CF;
	border: none;
	width: 180px;
	padding: 10px 5px
}
.tp017 .main-content .page-btn, .tp081 .page-btn {
	overflow: hidden
}
.tp017 .main-content .page-btn a, .tp081 .page-btn a {
	display: block;
	float: left;
	clear: both;
	font-size: 14px;
	font-size: 1.4rem;
	padding: 8px 0 6px 40px;
	margin: 0 0 10px;
	position: relative
}
.tp017 .main-content .page-btn a:before, .tp017 .main-content .page-btn a:after, .tp081 .page-btn a:before, .tp081 .page-btn a:after {
	content: '';
	display: block;
	position: absolute
}
.tp017 .main-content .page-btn a:before, .tp081 .page-btn a:before {
	width: 30px;
	height: 30px;
	background: #2D88CF;
	top: 0;
	left: 0;
	z-index: 1
}
.tp017 .main-content .page-btn a:after, .tp081 .page-btn a:after {
	width: 7px;
	height: 7px;
	border-width: 2px;
	border-color: #fff;
	top: 11px;
	z-index: 2
}
.tp017 .main-content .page-btn .prev:after, .tp081 .page-btn .prev:after {
	left: 13px
}
.tp017 .main-content .page-btn .next:after, .tp081 .page-btn .next:after {
	left: 10px
}
.tp017 .main-content .social-wrap, .tp081 .social-wrap {
	padding: 20px 0
}
.tp017 {
	overflow: hidden
}
.tp017 .main-content {
	padding: 0 0 30px
}
.tp017 .editor {
	clear: both
}
.tp017 .side-nav {
	max-width: 425px;
	margin: 0 auto;
	padding: 20px 15px 30px
}
.tp017 .side-nav h2 {
	font-size: 22px;
	font-size: 2.2rem;
	padding: 0 5px 10px
}
.tp017 .side-nav ul, .tp017 .side-nav li {
	margin: 0;
	list-style: none outside none
}
.tp017 .side-nav ul {
	padding: 0
}
.tp017 .side-nav a {
	display: block;
	font-size: 16px;
	font-size: 1.6rem;
	color: #333;
	position: relative
}
.tp017 .side-inner02, .tp017 .side-inner03, .tp017 .side-inner04 {
	padding: 40px 0 0
}
.tp017 .side-inner01 ul {
	margin: 5px 0 0
}
.tp017 .side-inner01 li {
	border: 1px solid #FFF
}
.tp017 .side-inner01 a {
	background: #f5f5f5;
	padding: 10px 15px 10px 30px
}
.tp017 .side-inner01 .on a {
	background: #2D88CF;
	font-weight: bold;
	color: #FFF
}
.tp017 .side-inner02 .item {
	padding: 0 0 25px
}
.tp017 .side-inner03 ul {
	margin: 0 -2px
}
.tp017 .side-inner03 li {
	display: inline-block;
	vertical-align: middle;
	padding: 6px 2px 0
}
.tp017 .side-inner03 a {
	display: block;
	min-width: 90px;
	text-align: center;
	line-height: 37px;
	border: 1px solid #444;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-clip: padding-box;
	padding: 0 15px
}
.tp017 .side-inner03 .on a, .tp017 .side-inner03 a:hover {
	background: #2D88CF;
	color: #fff;
	border: 1px solid #2D88CF
}
.tp018 {
	padding: 40px 15px 20px
}
.tp018 .model-inner {
	max-width: 1180px
}
.tp018 .filter {
	margin: 0 auto;
	text-align: center
}
.tp018 .filter ul, .tp018 .filter li {
	margin: 0;
	padding: 0;
	list-style: none outside none
}
.tp018 .filter p {
	font-size: 15px;
	font-size: 1.5rem;
	padding: 0 0 15px
}
.tp018 .filter li {
	padding: 0 0 10px
}
.tp018 .filter select {
	width: 100%;
	border: 1px solid #ddd;
	color: #666
}
.tp018 .item {
	padding: 20px 0
}
.tp018 .item h2 {
	font-size: 20px;
	font-size: 2rem;
	padding: 0 0 10px
}
.tp018 .info-table {
	border: 1px solid #CCC;
	border-top: 2px solid #2D88CF;
	padding: 2px
}
.tp018 table {
	width: 100%;
	border-collapse: collapse
}
.tp018 tr:nth-child(-1n+3) th, .tp018 tr:nth-child(-1n+3) td {
	border-bottom: 1px dashed #CCC
}
.tp018 tr:last-child th, .tp018 tr:last-child td {
	padding: 0
}
.tp018 th, .tp018 td {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.4;
	padding: 10px 5px
}
.tp018 th {
	text-align: right
}
.tp018 td {
	color: #333
}
.tp018 td span {
	display: inline-block;
	padding: 0 15px 0 0
}
.tp018 .map {
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	background: #f5f5f5;
	text-align: center;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	padding: 9px;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-webkit-transition: all .3s;
	transition: all .3s
}
.tp018 .map:before {
	width: 15px;
	height: 20px;
	background: url(../images/tp018-map.png) center no-repeat;
	background-size: contain !important;
	margin: 0 10px 2px 0
}
.tp019 {
	background: url(../images/tp019-bg.jpg) center top no-repeat;
	background-size: cover
}
.tp019 .fill-form {
	max-width: 600px;
	text-align: left
}
.tp020 {
	background: url(../images/tp020-bg.jpg) center no-repeat;
	background-size: cover;
	padding: 60px 4.6%;
	color: #333
}
.tp020 .model-inner {
	max-width: 435px;
	background: rgba(255,255,255,0.9);
	padding: 40px 15px;
	text-align: center
}
.tp020 .head {
	padding: 0 0 30px;
	color: #000
}
.tp020 .head h2 {
	font-family: "CenturyGothicBold", "微軟正黑體", "Microsoft JhengHei", "MHei", "STHeitiTC-Light", sans-serif, Arial, Helvetica, "Helvetica Neue", Tahoma, Verdana
}
.tp020 .head h2:after {
	content: '';
	display: block;
	width: 84px;
	height: 1px;
	background: #2D88CF;
	margin: 10px auto 10px
}
.tp020 .btn {
	background: url(../images/tp002,017,020-btn.png) center no-repeat;
	background-size: contain;
	color: #2D88CF;
	border: none;
	width: 180px;
	padding: 12px 5px 8px
}
.tp021, .tp073 {
	padding: 50px 0 60px;
	text-align: center;
	position: relative
}
.tp021 .swiper-sec, .tp073 .swiper-sec {
	max-width: 1330px;
	margin: 0 auto
}
.tp021 .swiper-container, .tp073 .swiper-container {
	margin: 30px auto 0
}
.tp021 .swiper-slide, .tp073 .swiper-slide {
	width: 100%
}
.tp021 .item-inner, .tp073 .item-inner {
	display: block;
	margin: 0 auto;
	max-width: 320px;
	position: relative
}
.tp021 .text, .tp073 .text {
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-webkit-transition: all .3s;
	transition: all .3s
}
.tp021 .text span, .tp073 .text span {
	display: block;
	font-size: 13px;
	font-size: 1.3rem;
	opacity: .5;
	filter: alpha(opacity=50)
}
.tp021 .swiper-button-prev, .tp021 .swiper-button-next, .tp073 .swiper-button-prev, .tp073 .swiper-button-next {
	width: 50px;
	height: 50px;
	-moz-transform: translate(0, -40%);
	-ms-transform: translate(0, -40%);
	-webkit-transform: translate(0, -40%);
	transform: translate(0, -40%)
}
.tp021 .swiper-button-prev, .tp073 .swiper-button-prev {
	left: 0
}
.tp021 .swiper-button-next, .tp073 .swiper-button-next {
	right: 0
}
.tp021 {
	background: url(../images/tp021-bg01.png) left bottom fixed no-repeat, url(../images/tp021-bg02.png) right top fixed no-repeat;
	background-size: contain
}
.tp021 .item-inner:before {
	border: 1px solid #FFF
}
.tp021 .text {
	background: #2D88CF;
	color: #fff;
	padding: 20px 15px 35px;
	text-align: left
}
.tp021 .text h2 {
	font-size: 20px;
	font-size: 2rem;
	padding: 10px 0 0
}
.tp021 .swiper-button-prev {
	background: url(../images/tp021-prev.png) center no-repeat
}
.tp021 .swiper-button-next {
	background: url(../images/tp021-next.png) center no-repeat
}
.tp022 {
	background: url(../images/tp022-bg.jpg) center fixed no-repeat;
	background-size: cover;
	padding: 50px 15px;
	text-align: center;
	color: #fff
}
.tp022 .model-inner {
	max-width: 1220px
}
.tp022 .head {
	color: #fff
}
.tp022 .item-group {
	text-align: center;
	padding: 30px 0 0
}
.tp022 .item {
	display: inline-block;
	vertical-align: top;
	max-width: 290px;
	text-align: center;
	padding: 0 15px 30px
}
.tp022 .item-inner {
	background: rgba(0,0,0,0.1)
}
.tp022 .figure {
	padding: 15px
}
.tp022 h3 {
	font-size: 20px;
	font-size: 2rem;
	padding: 0 0 15px;
	border-bottom: 1px solid rgba(255,255,255,0.5)
}
.tp022 p {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.7;
	padding: 20px
}
.tp023, .tp074 {
	padding: 50px 10px 60px;
	text-align: center
}
.tp023 .model-inner, .tp074 .model-inner {
	max-width: 1240px
}
.tp023 .figure:before, .tp074 .figure:before {
	background: #2D88CF;
	opacity: 0;
	filter: alpha(opacity=0)
}
.tp023 .figure:after, .tp074 .figure:after {
	background: url(../images/tp023-plus.png) center no-repeat;
	width: 0;
	height: 0;
	z-index: 2
}
.tp023 .text, .tp074 .text {
	text-align: left
}
.tp023 {
	background: url(../images/tp023-bg.jpg) bottom center fixed no-repeat;
	background-size: cover
}
.tp023 .item-group {
	padding: 30px 0 20px
}
.tp023 .item {
	padding: 0 0 10px
}
.tp023 .item-inner {
	max-width: 580px
}
.tp023 .text {
	padding: 15px;
	background: rgba(255,255,255,0.9);
	color: #000
}
.tp023 .text p {
	font-size: 14px;
	font-size: 1.4rem;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-webkit-transition: all .3s;
	transition: all .3s
}
.tp023 .date, .tp023 p {
	display: table-cell;
	vertical-align: middle
}
.tp023 .date {
	text-align: center;
	color: #2D88CF;
	padding: 0 15px 0 0
}
.tp023 .date h2 {
	font-size: 40px;
	font-size: 4rem;
	font-weight: normal;
	line-height: 1
}
.tp023 .date span {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold
}
.tp023 .btn {
	min-width: 140px;
	background: #2D88CF;
	color: #fff;
	line-height: 40px;
	padding: 0 30px;
	border: 1px solid #2D88CF;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	background-clip: padding-box
}
.tp023 .btn:hover {
	background: none;
	color: #2D88CF
}
.tp024 {
	padding: 40px 15px
}
.tp024 .model-inner {
	max-width: 1300px
}
.tp024 .item {
	padding: 18px 0;
	text-align: left;
	overflow: hidden
}
.tp024 .figure {
	float: left
}
.tp024 .text {
	padding: 0 0 0 70px
}
.tp024 .text h2 {
	font-size: 18px;
	font-size: 1.8rem;
	color: #2D88CF
}
.tp024 .text p {
	padding: 10px 0 10px 2px
}
.tp024 .map {
	display: inline-block;
	vertical-align: middle;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	padding: 5px 0 0;
	color: #2D88CF
}
.tp024 .map:before {
	width: 10px;
	height: 13px;
	background: url(../images/tp024-map.png) center no-repeat;
	margin-right: 5px
}
.tp024 .map:hover {
	text-decoration: underline
}
.tp024 .mail {
	display: inline-block
}
.tp024 .mail:after {
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	border-top: 1px dotted #111
}
.tp024 .mail:hover {
	color: #2D88CF
}
.tp024 .mail:hover:after {
	border-top: 1px dotted #2D88CF
}
.tp025 {
	padding: 30px 5%
}
.tp026 {
	background: url(../images/tp026-bg.jpg) fixed center no-repeat;
	background-size: cover;
	padding: 30px 5% 50px;
	color: #fff
}
.tp026 .model-inner {
	max-width: 1130px
}
.tp026 .figure {
	text-align: center;
	font-size: 0
}
.tp026 .figure, .tp026 .figure li {
	margin: 0;
	padding: 0;
	list-style: none outside none
}
.tp026 .figure li {
	display: inline-block;
	vertical-align: top;
	padding: 10px
}
.tp026 .text {
	padding: 20px 0
}
.tp026 .text .head {
	color: #fff
}
.tp026 .text p {
	line-height: 1.9
}
.tp027, .tp028 {
	text-align: center
}
.tp027 .text, .tp028 .text {
	padding: 0 15px
}
.tp027 .text p, .tp028 .text p {
	line-height: 1.5
}
.tp027 {
	background: url(../images/tp027-bg.jpg) fixed center no-repeat;
	background-size: cover;
	padding: 15px 0 40px
}
.tp027 .history-list {
	max-width: 840px;
	margin: 0 auto;
	padding: 30px 10px;
	overflow: hidden
}
.tp027 .history-list dl, .tp027 .history-list dt, .tp027 .history-list dd {
	list-style: none outside none;
	position: relative;
	overflow: visible
}
.tp027 .history-list dl, .tp027 .history-list dd {
	margin: 0
}
.tp027 .history-list dl {
	text-align: left;
	font-size: 0;
	padding: 0 0 15px
}
.tp027 .history-list dl:before {
	content: '';
	display: block;
	width: 1px;
	height: 100%;
	background: #CCC;
	position: absolute;
	top: 6%;
	left: 9.5px;
	z-index: 0
}
.tp027 .history-list dl:nth-child(odd) dt:before {
	background: #2D88CF;
	border: 3px solid #2D88CF
}
.tp027 .history-list dl:nth-child(even) dt:before {
	background: none;
	border: 3px solid #2D88CF
}
.tp027 .history-list dl:last-child:after {
	content: '';
	display: block;
	width: 23px;
	height: 1px;
	background: #CCC;
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	position: absolute;
	left: 7px;
	bottom: -5px
}
.tp027 .history-list dt:before, .tp027 .history-list dd:before {
	content: '';
	display: block;
	position: absolute;
	z-index: 1
}
.tp027 .history-list dt {
	font-family: "CenturyGothicRegular", "微軟正黑體", "Microsoft JhengHei", "MHei", "STHeitiTC-Light", sans-serif, Arial, Helvetica, "Helvetica Neue", Tahoma, Verdana;
	font-size: 28px;
	font-size: 2.8rem;
	color: #2D88CF;
	padding: 0 0 0 30px;
	margin: 0 0 15px 5px
}
.tp027 .history-list dt:before {
	width: 10px;
	height: 10px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background-clip: padding-box;
	top: 50%;
	left: 0;
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%)
}
.tp027 .history-list dd {
	font-size: 14px;
	font-size: 1.4rem;
	padding: 0 0 15px 55px
}
.tp027 .history-list dd:before {
	width: 12px;
	height: 4px;
	background: #111;
	top: 8px;
	left: 30px;
	opacity: .3;
	filter: alpha(opacity=30)
}
.tp027 .history-list figure {
	display: inline-block;
	margin: 15px 0 0;
	border: 1px solid #CCC
}
.tp027 .history-list figure img {
	display: block
}
.tp028 {
	background: #2D88CF;
	padding: 50px 0
}
.tp028 .text, .tp028 .info-title {
	color: #fff
}
.tp028 .area-list {
	padding: 0 5px;
	-moz-transform: translate(0, 20px);
	-ms-transform: translate(0, 20px);
	-webkit-transform: translate(0, 20px);
	transform: translate(0, 20px)
}
.tp028 .area-list ul, .tp028 .area-list li {
	margin: 0;
	padding: 0;
	list-style: none outside none
}
.tp028 .area-list ul {
	font-size: 0
}
.tp028 .area-list li {
	display: inline-block;
	vertical-align: top;
	width: 49.999%;
	padding: 0 5px
}
.tp029 .model-inner {
	max-width: 1100px;
	padding: 40px 5%
}
.tp029 h3 {
	font-size: 28px;
	font-size: 2.8rem;
	padding: 0 0 10px
}
.tp029 p {
	line-height: 1.8
}
.tp030 .item-inner {
	max-width: 480px;
	position: relative;
	text-align: center
}
.tp030 .text {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: rgba(0,0,0,0.7);
	padding: 10px;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-webkit-transition: all .3s;
	transition: all .3s
}
.tp030 .title {
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: normal;
	color: #fff
}
.tp031 .model-inner {
	max-width: 1300px
}
.tp031 .item {
	display: inline-block;
	vertical-align: top;
	padding: 15px 5px;
	width: 49.999%
}
.tp031 .item-inner {
	max-width: 320px
}
.tp031 .figure {
	position: relative
}
.tp031 .figure:before {
	border: 1px solid #CCC
}
.tp031 .figure:after {
	content: "LEARN MORE";
	height: auto;
	text-align: center;
	font-size: 13px;
	font-size: 1.3rem;
	color: #fff;
	padding: 0 10px;
	opacity: 0;
	filter: alpha(opacity=0)
}
.tp031 .text {
	padding: 10px 5px 0;
	text-align: center
}
.tp031 .title {
	font-size: 17px;
	font-size: 1.7rem;
	font-weight: normal;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-webkit-transition: all .3s;
	transition: all .3s
}
.tp032 {
	padding: 20px 0 30px
}
.tp032 .text-info {
	max-width: 800px;
	padding: 20px 15px
}
.tp032 .head {
	text-align: left
}
.tp032 .head span {
	display: block;
	padding: 5px 0 0;
	font-size: 18px;
	font-size: 1.8rem;
	color: #2D88CF
}
.tp032 .pd-desc {
	padding: 10px 0 20px;
	font-size: 14px;
	font-size: 1.4rem
}
.tp032 p {
	padding: 0 0 15px;
	line-height: 1.7
}
.tp032 .list {
	padding: 10px 0 0;
	font-family: "微軟正黑體", "Microsoft JhengHei", "MHei", "STHeitiTC-Light", sans-serif
}
.tp032 .list, .tp032 .list li {
	margin: 0;
	list-style: none outside none
}
.tp032 .list li {
	padding: 0 0 10px 20px;
	position: relative
}
.tp032 .list li:before {
	content: '';
	display: block;
	width: 7px;
	height: 7px;
	border-width: 1px;
	border-color: #2D88CF;
	position: absolute;
	top: 5px;
	left: 0
}
.tp032 .btn {
	width: 48%;
	max-width: 420px;
	background: #2D88CF;
	color: #fff;
	border: 1px solid #2D88CF;
	line-height: 40px;
	padding: 0 10px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	background-clip: padding-box;
	overflow: hidden;
	margin: 0 1%
}
.tp033 .text .text-inner {
	background: #FFF;
	padding: 30px 15px
}
.tp033 .text h3 {
	font-size: 28px;
	font-size: 2.8rem
}
.tp033 .text p {
	font-family: "微軟正黑體", "Microsoft JhengHei", "MHei", "STHeitiTC-Light", sans-serif;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.5;
	padding: 15px 0 0
}
.tp034 {
	background: url(../images/tp034-bg.jpg) center top no-repeat;
	background-size: cover
}
.tp034 .model-inner {
	max-width: 1250px
}
.tp034 .item {
	padding: 0 5px 20px
}
.tp034 .item-inner {
	max-width: 300px
}
.tp034 .item-inner:before {
	border: 1px solid #333;
	opacity: .2;
	filter: alpha(opacity=20)
}
.tp034 .figure:after {
	width: 54px;
	height: 54px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background-clip: padding-box;
	-moz-transform: scale(0) translate(-50%, -50%);
	-ms-transform: scale(0) translate(-50%, -50%);
	-webkit-transform: scale(0) translate(-50%, -50%);
	transform: scale(0) translate(-50%, -50%);
	position: absolute;
	left: 50%;
	top: 50%;
	background: url(../images/tp057-more.png) center no-repeat, #2D88CF;
	z-index: 2
}
.tp034 .text {
	padding: 10px;
	text-align: center;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	color: #111;
	border-top: 1px solid #aaa;
	position: relative
}
.tp034 .text:before {
	content: '';
	display: block;
	width: 45%;
	height: 3px;
	background: #2D88CF;
	position: absolute;
	top: -2px;
	left: 50%;
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-webkit-transition: all .3s;
	transition: all .3s;
	z-index: 2
}
.tp035 {
	background: url(../images/tp035-bg.jpg) center top no-repeat;
	background-size: cover;
	padding: 50px 0 25px
}
.tp035 .item-group {
	max-width: 1200px;
	padding: 40px 10px 0
}
.tp035 .item {
	overflow: hidden;
	padding: 0 0 20px
}
.tp035 .item-inner {
	background: #FFF;
	box-shadow: 0 0 5px rgba(0,0,0,0.3)
}
.tp035 .text {
	padding: 15px;
	position: relative;
	text-align: center
}
.tp035 .text:before {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-color: transparent transparent #fff transparent;
	border-width: 0 8px 8px 8px;
	position: absolute;
	top: -8px;
	left: 50%;
	margin: 0 0 0 -4px;
	z-index: 1
}
.tp035 h4 {
	font-size: 21px;
	font-size: 2.1rem;
	color: #2D88CF
}
.tp035 p {
	font-family: "微軟正黑體", "Microsoft JhengHei", "MHei", "STHeitiTC-Light", sans-serif;
	font-size: 13px;
	font-size: 1.3rem;
	color: #333;
	line-height: 1.5;
	padding: 5px 0 0
}
.tp037 {
	background: url(../images/tp037-bg.jpg) fixed center no-repeat;
	background-size: cover;
	padding: 40px 15px;
	text-align: center;
	color: #fff
}
.tp037 .model-inner {
	max-width: 800px
}
.tp037 p {
	font-size: 16px;
	font-size: 1.6rem
}
.tp037 .btn {
	min-width: 160px;
	color: #fff;
	border: 1px solid #fff;
	line-height: 40px;
	padding: 0 10px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	background-clip: padding-box;
	overflow: hidden;
	margin: 20px auto 0
}
.tp037 .btn:hover {
	background: #fff;
	color: #2D88CF
}
.tp038 {
	padding: 40px 0;
	background: url(../images/tp038-bg.jpg) center top no-repeat;
	background-size: cover
}
.tp038 .item-group {
	padding: 20px 10px 0;
	max-width: 1220px
}
.tp038 .item {
	padding: 0 0 25px
}
.tp038 .item-inner:before {
	border: 2px solid #111;
	opacity: .3;
	filter: alpha(opacity=30)
}
.tp038 h4, .tp038 .text {
	padding: 10px
}
.tp038 h4 {
	font-size: 21px;
	font-size: 2.1rem;
	padding: 15px 20px;
	position: relative
}
.tp038 h4:after {
	content: '';
	display: block;
	width: 100px;
	height: 3px;
	background: #111;
	position: absolute;
	bottom: -2px;
	left: 20px
}
.tp038 h4 span {
	font-size: 14px;
	font-size: 1.4rem;
	padding: 0 0 0 10px
}
.tp038 .text {
	background: url(../images/tp038-text-bg.png) repeat;
	padding: 15px 20px 20px;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.7
}
.tp039 {
	padding: 40px 0 60px
}
.tp039>.model-inner {
	max-width: 1170px
}
.tp039 .item {
	overflow: hidden;
	border-bottom: 1px solid #CCC;
	padding: 10px 0
}
.tp039 .item:first-child {
	border-top: 1px solid #CCC
}
.tp039 .item.on {
	padding: 10px 0 0
}
.tp039 .item.on .q-wrap h3 {
	color: #2D88CF
}
.tp039 .item.on .q-wrap:after {
	content: '--';
	letter-spacing: -5px;
	margin-right: 3px
}
.tp039 .item.on .a-wrap {
	height: auto;
	opacity: 1;
	filter: alpha(opacity=100);
	background: #f5f5f5;
	margin: 10px 0 0
}
.tp039 .q-wrap {
	display: block;
	padding: 5px 30px 5px 60px;
	position: relative
}
.tp039 .q-wrap:after {
	content: '+';
	display: block;
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: 100;
	color: #2D88CF;
	line-height: 1;
	position: absolute;
	top: 50%;
	right: 10px;
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-webkit-transition: all .3s;
	transition: all .3s
}
.tp039 .q-wrap h3 {
	display: table-cell;
	vertical-align: middle;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: normal;
	height: 60px;
	overflow: visible;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-webkit-transition: all .3s;
	transition: all .3s
}
.tp039 .date {
	padding: 7px 0;
	width: 44px;
	background: linear-gradient(320deg, #96bb36 0%, #2d88cf 100%);
	text-align: center;
	color: #fff;
	position: absolute;
	top: 50%;
	left: 5px;
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%)
}
.tp039 .date strong, .tp039 .date span {
	display: block;
	line-height: 1
}
.tp039 .date strong {
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: normal
}
.tp039 .date span {
	font-size: 15px;
	font-size: 1.5rem
}
.tp039 .a-wrap {
	opacity: 0;
	filter: alpha(opacity=0);
	height: 0;
	overflow: hidden;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-webkit-transition: all .3s;
	transition: all .3s
}
.tp040 {
	padding: 30px 5%
}
.tp040 table {
	width: 100%;
	border-collapse: collapse
}
.tp040 td {
	display: block;
	padding: 5px;
	line-height: 1.85
}
.tp041 {
	padding: 50px 0
}
.tp041 .model-inner {
	max-width: 1040px;
	padding: 0 15px
}
.tp042 {
	padding: 50px 20px 30px
}
.tp042 .model-inner {
	max-width: 800px;
	text-align: center
}
.tp042 .info-title {
	padding: 0 0 20px
}
.tp042 p {
	font-size: 15px;
	font-size: 1.5rem;
	color: #333;
	line-height: 1.85
}
.tp042 .btn {
	width: 80%;
	max-width: 420px;
	background: linear-gradient(300deg, #2d88cf 0%, #96bb36 100%);
	line-height: 40px;
	border: 1px solid #FFF;
	color: #fff;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	background-clip: padding-box;
	overflow: hidden;
	margin: 30px auto 0
}
.tp042 .btn:hover {
	background: none;
	border: 1px solid #2D88CF;
	color: #2D88CF
}
.tp043 {
	background: url(../images/tp043-bg.jpg) center top no-repeat, #2D88CF;
	background-size: cover;
	padding: 50px 0 60px;
	text-align: center;
	color: #fff
}
.tp043 .head {
	margin: 0 auto 15px;
	color: #fff
}
.tp043 .head:after {
	content: '';
	display: block;
	width: 100px;
	height: 1px;
	background: #fff;
	margin: 10px auto
}
.tp043 .swiper-slide {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	width: 80%;
	max-width: 302px
}
.tp043 .item {
	padding: 0 10px 2px;
	overflow: hidden
}
.tp043 .item-inner {
	-moz-transition: all .5s;
	-o-transition: all .5s;
	-webkit-transition: all .5s;
	transition: all .5s;
	-moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.3);
	-webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.3);
	box-shadow: 1px 1px 5px rgba(0,0,0,0.3);
	position: relative;
	max-width: 280px;
	margin: 0 auto;
	top: 32px
}
.tp043 .figure {
	-moz-transition: all .5s;
	-o-transition: all .5s;
	-webkit-transition: all .5s;
	transition: all .5s;
	-webkit-filter: saturate(0);
	filter: saturate(0)
}
.tp043 .text {
	-moz-transition: all .5s;
	-o-transition: all .5s;
	-webkit-transition: all .5s;
	transition: all .5s;
	position: relative;
	text-align: center;
	background: #fff;
	padding: 0 5px 15px
}
.tp043 .text h2 {
	font-size: 16px;
	font-size: 1.6rem;
	color: #444;
	font-weight: normal;
	font-family: "CenturyGothicBold", "微軟正黑體", "Microsoft JhengHei", "MHei", "STHeitiTC-Light", sans-serif, Arial, Helvetica, "Helvetica Neue", Tahoma, Verdana;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}
.tp043 .text a {
	font-size: 13px;
	font-size: 1.3rem;
	color: #2D88CF;
	display: block;
	margin: 10px auto 0;
	text-align: center;
	text-decoration: underline
}
.tp043 .text:before {
	-moz-transition: all .5s;
	-o-transition: all .5s;
	-webkit-transition: all .5s;
	transition: all .5s;
	position: relative;
	top: 0;
	content: '';
	display: block;
	width: 0;
	height: 0;
	margin: 0 auto;
	border-style: solid;
	border-width: 0 28px 16px 28px;
	border-color: transparent transparent #fff transparent
}
.tp043 .onView .item-inner {
	top: 0
}
.tp043 .onView .text {
	top: 0
}
.tp043 .onView .text h2 {
	font-size: 20px;
	font-size: 2rem
}
.tp043 .onView .text:before {
	top: -16px
}
.tp043 .onView .figure {
	-webkit-filter: saturate(1);
	filter: saturate(1)
}
.tp044 {
	background: url(../images/tp044-bg.png) center no-repeat;
	background-size: cover;
	padding: 50px 5%;
	color: #333;
	text-align: center
}
.tp044 .model-inner {
	max-width: 1024px;
	margin: 0 auto;
	text-align: left;
	overflow: hidden
}
.tp044 .head {
	text-align: left;
	margin: 0 0 15px;
	padding: 0 0 0 30px
}
.tp044 .head h2 {
	color: #2D88CF
}
.tp044 .head:before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 4px;
	height: 100%;
	background: #2D88CF
}
.tp044 .text {
	font-size: 13px;
	font-size: 1.3rem
}
.tp044 p {
	line-height: 2
}
.tp044 strong {
	color: #96BB36
}
.tp044 .btn {
	background: #96BB36;
	color: #fff;
	width: 180px;
	height: 40px;
	line-height: 40px;
	margin: 20px 0 0;
	padding: 0 20px;
	border: 1px solid #96BB36;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	background-clip: padding-box;
	overflow: hidden
}
.tp045 {
	color: #fff
}
.tp045 dl, .tp045 dt, .tp045 dd {
	margin: 0;
	padding: 0;
	list-style: none outside none
}
.tp045 dt {
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold
}
.tp045 dd {
	font-size: 14px;
	font-size: 1.4rem
}
.tp045 dd+dt {
	margin: 20px 0 0
}
.tp045 .text {
	padding: 30px 10px 40px;
	background: url(../images/tp045-bg.jpg) center no-repeat;
	background-size: cover
}
.tp045 .btn, .tp046 .btn, .tp047 .btn, .tp072 .btn, .tp074 .btn {
	background: #2D88CF;
	color: #fff;
	border: 2px solid #2D88CF;
	font-style: italic;
	padding: 8px 20px;
	min-width: 150px;
	margin: 20px 0 0
}
.tp046 .text, .tp047 .text {
	padding: 30px 5%
}
.tp046 h2, .tp046 h3, .tp046 h4, .tp047 h2, .tp047 h3, .tp047 h4 {
	line-height: 1.2
}
.tp046 h3, .tp047 h3 {
	font-size: 24px;
	font-size: 2.4rem;
	color: #111;
	padding: 0 0 20px
}
.tp046 h4, .tp047 h4 {
	font-size: 16px;
	font-size: 1.6rem;
	color: #2D88CF;
	padding: 0 0 10px
}
.tp046 p, .tp047 p {
	color: #333
}
.tp048 .item-group {
	background: rgba(0,0,0,0.8)
}
.tp048 .item-inner {
	position: relative
}
.tp048 .item-inner:before {
	background: #000;
	opacity: .5;
	filter: alpha(opacity=50)
}
.tp048 .figure:before {
	background: #2D88CF;
	opacity: 0
}
.tp048 .text {
	position: absolute;
	top: 50%;
	left: 0;
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	margin: 5px 0 0;
	width: 100%;
	text-align: center;
	font-family: "CenturyGothicBold", "微軟正黑體", "Microsoft JhengHei", "MHei", "STHeitiTC-Light", sans-serif, Arial, Helvetica, "Helvetica Neue", Tahoma, Verdana;
	font-size: 30px;
	font-size: 3rem;
	color: #fff;
	z-index: 2
}
.tp049>.model-inner, .tp050>.model-inner, .tp051>.model-inner, .tp057>.model-inner, .tp067>.model-inner, .tp068>.model-inner {
	max-width: 1200px
}
.tp049 p, .tp050 p, .tp051 p, .tp057 p, .tp067 p, .tp068 p {
	line-height: 2
}
.tp049, .tp051, .tp052, .tp053 {
	padding: 40px 5%
}
.tp049 {
	text-align: center
}
.tp050 {
	position: relative;
	background: url(../images/tp050-bg.jpg) center top no-repeat, #012B4E;
	color: #fff
}
.tp050:after {
	content: '';
	display: block;
	width: 100%;
	height: 40px;
	background: url(../images/tp050-mask.png) center top no-repeat;
	position: absolute;
	bottom: 0;
	left: 50%;
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0)
}
.tp050 .model-inner {
	padding: 40px 5% 60px
}
.tp050 .item-group {
	padding: 0 0 20px
}
.tp050 .item {
	display: inline-block;
	vertical-align: top;
	width: 50%
}
.tp051 .head h2 {
	color: #2D88CF
}
.tp051 .item-group {
	margin: 0 -10px
}
.tp051 dl, .tp051 dt, .tp051 dd {
	margin: 0;
	list-style: none outside none
}
.tp051 .item {
	padding: 0 0 20px 20px;
	text-align: left;
	position: relative
}
.tp051 dt {
	font-family: "CenturyGothicRegular", "微軟正黑體", "Microsoft JhengHei", "MHei", "STHeitiTC-Light", sans-serif, Arial, Helvetica, "Helvetica Neue", Tahoma, Verdana;
	font-size: 28px;
	font-size: 2.8rem;
	font-weight: bold;
	color: #2D88CF
}
.tp051 dd {
	position: relative;
	margin: 0 auto 5px;
	padding: 0 0 0 20px
}
.tp051 dd:before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 13px;
	width: 10px;
	height: 2px;
	background: #CCC
}
.tp051 span, .tp051 strong {
	display: inline-block;
	vertical-align: top;
	margin: 5px 0
}
.tp051 span {
	font-size: 13px;
	font-size: 1.3rem;
	margin: 5px 8px 5px 0
}
.tp051 strong {
	font-size: 12px;
	font-size: 1.2rem;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-clip: padding-box;
	font-weight: normal;
	background: #f5f5f5;
	padding: 2px 5px;
	color: #999
}
.tp052, .tp053 {
	text-align: center
}
.tp052>.model-inner, .tp053>.model-inner {
	max-width: 1000px
}
.tp052:before, .tp053:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 0
}
.tp052 .model-inner, .tp053 .model-inner {
	display: inline-block;
	vertical-align: middle;
	width: 100%
}
.tp052 .slogan, .tp053 .slogan {
	max-width: 1040px;
	margin: 0 auto;
	font-family: "HelveticaNeueLTStd35", "微軟正黑體", "Microsoft JhengHei", "MHei", "STHeitiTC-Light", sans-serif, Arial, Helvetica, "Helvetica Neue", Tahoma, Verdana;
	font-style: italic;
	font-size: 30px;
	font-size: 3rem;
	line-height: 1.2
}
.tp052 p, .tp053 p {
	line-height: 2
}
.tp052 .btn, .tp053 .btn {
	padding: 12px 20px;
	min-width: 170px;
	margin: 30px 0 0
}
.tp052 {
	background: url(../images/tp052-bg.jpg) center top no-repeat;
	background-size: cover;
	color: #fff
}
.tp052 .head {
	color: #fff
}
.tp052 .btn {
	background: rgba(255,255,255,0.3)
}
.tp053 {
	background: url(../images/tp053-bg.jpg) center top no-repeat;
	background-size: cover;
	color: #000
}
.tp053 .head {
	color: #000
}
.tp053 .btn {
	background: rgba(0,0,0,0.3)
}
.tp054 .item {
	display: inline-block;
	vertical-align: top;
	width: 49.999%
}
.tp055 {
	background: url(../images/tp055-bg.jpg) center fixed no-repeat;
	background-size: cover;
	padding: 50px 0
}
.tp055 .title {
	text-align: center;
	font-family: "CenturyGothicBold", "微軟正黑體", "Microsoft JhengHei", "MHei", "STHeitiTC-Light", sans-serif, Arial, Helvetica, "Helvetica Neue", Tahoma, Verdana;
	font-style: italic;
	font-size: 32px;
	font-size: 3.2rem;
	color: #FFF;
	padding: 0 5%
}
.tp055 .item-group {
	max-width: 1440px;
	padding: 0 30px
}
.tp055 .item {
	padding: 24px 0
}
.tp055 .item-inner {
	max-width: 430px
}
.tp055 .item-inner:before {
	background: rgba(0,0,0,0.5)
}
.tp055 .text {
	position: absolute;
	bottom: 50%;
	left: 0;
	-moz-transform: translate(0, 50%);
	-ms-transform: translate(0, 50%);
	-webkit-transform: translate(0, 50%);
	transform: translate(0, 50%);
	z-index: 1;
	width: 100%;
	padding: 15px 20px 20px;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-webkit-transition: all .3s;
	transition: all .3s
}
.tp055 .text a {
	font-weight: bold;
	color: #fff
}
.tp055 .text>a {
	font-size: 26px;
	font-size: 2.6rem
}
.tp055 .sub-nav {
	padding: 5px 0 0
}
.tp055 .sub-nav ul, .tp055 .sub-nav li {
	margin: 0;
	padding: 0;
	list-style: none outside none
}
.tp055 .sub-nav li {
	padding: 10px 0 0
}
.tp055 .sub-nav a {
	display: inline-block;
	font-size: 16px;
	font-size: 1.6rem;
	opacity: .8;
	filter: alpha(opacity=80);
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-webkit-transition: all .3s;
	transition: all .3s
}
.tp056 .item-group, .tp057 .item-group {
	margin: 0 -5px;
	padding: 0 0 30px
}
.tp056 .swiper-sec, .tp057 .swiper-sec {
	padding: 0 12px
}
.tp056 .item, .tp056 .swiper-slide, .tp057 .item, .tp057 .swiper-slide {
	padding: 15px 5px
}
.tp056 .item-inner, .tp057 .item-inner {
	max-width: 300px
}
.tp056 .figure:before, .tp057 .figure:before {
	border: 1px solid #CCC
}
.tp056 .figure:after, .tp057 .figure:after {
	width: 54px;
	height: 54px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background-clip: padding-box;
	-moz-transform: scale(0) translate(-50%, -50%);
	-ms-transform: scale(0) translate(-50%, -50%);
	-webkit-transform: scale(0) translate(-50%, -50%);
	transform: scale(0) translate(-50%, -50%);
	left: 50%;
	top: 50%;
	background: url(../images/tp057-more.png) center no-repeat, #2D88CF;
	z-index: 2
}
.tp056 .text, .tp057 .text {
	padding: 10px 5px
}
.tp056 .text h3, .tp057 .text h3 {
	font-family: "CenturyGothicBold", "微軟正黑體", "Microsoft JhengHei", "MHei", "STHeitiTC-Light", sans-serif, Arial, Helvetica, "Helvetica Neue", Tahoma, Verdana;
	font-size: 17px;
	font-size: 1.7rem;
	font-weight: normal;
	color: #111;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-webkit-transition: all .3s;
	transition: all .3s
}
.tp056 .text span, .tp057 .text span {
	font-size: 12px;
	font-size: 1.2rem;
	opacity: .5;
	filter: alpha(opacity=50)
}
.tp056 .swiper-button-prev, .tp056 .swiper-button-next, .tp057 .swiper-button-prev, .tp057 .swiper-button-next {
	width: 30px;
	height: 30px;
	margin: -30px 0 0
}
.tp056 .swiper-button-prev, .tp057 .swiper-button-prev {
	background: url(../images/tp073-prev.png) center no-repeat
}
.tp056 .swiper-button-next, .tp057 .swiper-button-next {
	background: url(../images/tp073-next.png) center no-repeat
}
.tp056 .model-inner {
	max-width: 1240px
}
.tp056 .detail {
	padding: 20px 0
}
.tp056 .page-limit {
	padding: 0
}
.tp057 .model-inner {
	max-width: 1280px
}
.tp058, .tp076 {
	padding: 20px 0
}
.tp058 .figure-wrap, .tp076 .figure-wrap {
	max-width: 600px;
	margin: 0 auto
}
.tp058 .max-figure, .tp076 .max-figure {
	padding: 0 15px 10px
}
.tp058 .max-figure .figure, .tp076 .max-figure .figure {
	position: relative
}
.tp058 .max-figure .figure:before, .tp076 .max-figure .figure:before {
	border: 1px solid #CCC
}
.tp058 .min-figure .swiper-sec, .tp076 .min-figure .swiper-sec {
	padding: 0 10px
}
.tp058 .min-figure .swiper-slide, .tp076 .min-figure .swiper-slide {
	width: 25%;
	padding: 0 5px
}
.tp058 .min-figure .item-inner, .tp076 .min-figure .item-inner {
	max-width: 120px;
	opacity: .5;
	filter: alpha(opacity=50);
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-webkit-transition: all .3s;
	transition: all .3s
}
.tp058 .min-figure .item-inner:before, .tp076 .min-figure .item-inner:before {
	border: 1px solid #CCC
}
.tp058 .min-figure .on .item-inner, .tp076 .min-figure .on .item-inner {
	opacity: 1;
	filter: alpha(opacity=100)
}
.tp058 .min-figure .on .item-inner:before, .tp076 .min-figure .on .item-inner:before {
	background: none;
	border: 2px solid #2D88CF
}
.tp058 .swiper-button-prev, .tp058 .swiper-button-next, .tp076 .swiper-button-prev, .tp076 .swiper-button-next {
	width: 30px;
	height: 30px;
	background: none;
	margin: -15px 0 0
}
.tp058 .swiper-button-prev:before, .tp058 .swiper-button-next:before, .tp076 .swiper-button-prev:before, .tp076 .swiper-button-next:before {
	width: 15px;
	height: 15px;
	border-width: 3px;
	border-color: #2D88CF;
	position: absolute;
	top: 8px
}
.tp058 .swiper-button-prev, .tp076 .swiper-button-prev {
	left: 0
}
.tp058 .swiper-button-prev:before, .tp076 .swiper-button-prev:before {
	border-top: 0 none;
	border-right: 0 none;
	left: 8px
}
.tp058 .swiper-button-next, .tp076 .swiper-button-next {
	right: 0
}
.tp058 .swiper-button-next:before, .tp076 .swiper-button-next:before {
	border-left: 0 none;
	border-bottom: 0 none;
	right: 8px
}
.tp058 .text-info, .tp076 .text-info {
	padding: 20px 5%
}
.tp058 .text-info .head, .tp076 .text-info .head {
	padding: 0
}
.tp058 .head, .tp076 .head {
	text-align: left
}
.tp058 .head h2, .tp076 .head h2 {
	font-size: 26px;
	font-size: 2.6rem
}
.tp058 .head h3, .tp076 .head h3 {
	font-size: 16px;
	font-size: 1.6rem;
	color: #2D88CF;
	padding: 0 0 10px
}
.tp058 .features, .tp058 .spec-table, .tp076 .features, .tp076 .spec-table {
	padding: 10px 0 0
}
.tp058 .features dt, .tp058 .features caption, .tp058 .spec-table dt, .tp058 .spec-table caption, .tp076 .features dt, .tp076 .features caption, .tp076 .spec-table dt, .tp076 .spec-table caption {
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	color: #2D88CF
}
.tp058 .features dl, .tp058 .spec-table dl, .tp076 .features dl, .tp076 .spec-table dl {
	padding: 15px 0 0
}
.tp058 .features dt, .tp058 .spec-table dt, .tp076 .features dt, .tp076 .spec-table dt {
	padding: 0 0 6px
}
.tp058 .features dd, .tp058 .spec-table dd, .tp076 .features dd, .tp076 .spec-table dd {
	padding: 0 0 0 15px;
	margin: 0 0 10px;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.5;
	position: relative
}
.tp058 .features dd:before, .tp058 .spec-table dd:before, .tp076 .features dd:before, .tp076 .spec-table dd:before {
	content: '';
	display: block;
	width: 5px;
	height: 5px;
	background: #2D88CF;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background-clip: padding-box;
	overflow: hidden;
	position: absolute;
	top: 8px;
	left: 0
}
.tp058 .features caption, .tp058 .spec-table caption, .tp076 .features caption, .tp076 .spec-table caption {
	text-align: left;
	padding: 0 0 10px
}
.tp058 .features table, .tp058 .spec-table table, .tp076 .features table, .tp076 .spec-table table {
	width: 100%;
	border-collapse: collapse
}
.tp058 .features th, .tp058 .features td, .tp058 .spec-table th, .tp058 .spec-table td, .tp076 .features th, .tp076 .features td, .tp076 .spec-table th, .tp076 .spec-table td {
	padding: 5px;
	border-bottom: 1px solid #CCC;
	text-align: center;
	font-size: 13px;
	font-size: 1.3rem
}
.tp058 .features th, .tp058 .spec-table th, .tp076 .features th, .tp076 .spec-table th {
	background: #CCC;
	font-weight: normal
}
.tp058 .features td, .tp058 .spec-table td, .tp076 .features td, .tp076 .spec-table td {
	background: #f5f5f5
}
.tp058 .btn-wrap, .tp076 .btn-wrap {
	padding: 20px 0 0;
	text-align: center
}
.tp058 .btn-wrap .btn, .tp076 .btn-wrap .btn {
	min-width: 250px;
	border: 1px solid #2D88CF;
	margin: 10px;
	padding: 10px 20px
}
.tp058 .btn-wrap .btn:before, .tp076 .btn-wrap .btn:before {
	background-size: contain !important;
	margin: 0 10px 2px 0
}
.tp058 .btn-wrap .btn-inquiry, .tp076 .btn-wrap .btn-inquiry {
	background: #2D88CF;
	color: #fff
}
.tp058 .btn-wrap .btn-inquiry:before, .tp076 .btn-wrap .btn-inquiry:before {
	width: 10px;
	height: 10px;
	background: url(../images/tp058-plus-w.png) center no-repeat
}
.tp058 .btn-wrap .btn-download, .tp076 .btn-wrap .btn-download {
	color: #2D88CF
}
.tp058 .btn-wrap .btn-download:before, .tp076 .btn-wrap .btn-download:before {
	width: 20px;
	height: 20px;
	background: url(../images/tp058-download.png) center no-repeat
}
.tp059 {
	padding: 0 7px 65px
}
.tp059 .item-group {
	max-width: 1060px
}
.tp059 .item {
	padding: 15px 10px 0
}
.tp059 .item-inner {
	max-width: 500px;
	background: #fff;
	border-top: 3px solid #2D88CF
}
.tp059 .item-inner a {
	display: block
}
.tp059 .figure {
	width: 100px;
	float: left
}
.tp059 .text {
	padding: 10px 20px 10px 0;
	margin: 0 0 0 100px;
	font-style: italic
}
.tp059 .text span {
	display: block;
	padding: 0 0 5px;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: bold;
	color: #2D88CF
}
.tp059 .text h3 {
	font-size: 16px;
	font-size: 1.6rem;
	color: #000
}
.tp059 .btn-del {
	font-size: 0;
	text-indent: -9999px;
	width: 30px;
	height: 30px;
	background: url(../images/tp059-del.png) center no-repeat;
	background-size: 20px;
	position: absolute;
	top: 5px;
	right: -5px;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-webkit-transition: all .3s;
	transition: all .3s
}
.tp060 {
	background: url(../images/tp060-bg.jpg) center top no-repeat;
	background-size: cover;
	padding: 45px 5% 55px
}
.tp060 .fill-form {
	max-width: 1200px;
	padding: 20px 0 0
}
.tp061 .map-wrap {
	height: 300px
}
.tp061 .company-info {
	font-family: "CenturyGothicBold", "微軟正黑體", "Microsoft JhengHei", "MHei", "STHeitiTC-Light", sans-serif, Arial, Helvetica, "Helvetica Neue", Tahoma, Verdana;
	padding: 40px 6% 45px;
	position: relative;
	color: #333
}
.tp061 .company-info h2, .tp061 .company-info h3 {
	font-style: italic;
	color: #111
}
.tp061 .company-info h2 {
	font-size: 35px;
	font-size: 3.5rem;
	padding: 0 0 15px
}
.tp061 .company-info h3 {
	font-size: 24px;
	font-size: 2.4rem;
	padding: 30px 0 0
}
.tp061 .company-info p, .tp061 .company-info dt, .tp061 .company-info dd {
	font-size: 16px;
	font-size: 1.6rem
}
.tp061 .company-info p {
	padding: 0 0 10px
}
.tp061 .company-info dl, .tp061 .company-info dd {
	margin: 0
}
.tp061 .company-info dl {
	overflow: hidden;
	padding: 15px 0 0
}
.tp061 .company-info dt, .tp061 .company-info dd {
	float: left;
	padding: 10px 0 0
}
.tp061 .company-info dt {
	min-width: 100px;
	clear: left
}
.tp061 .company-info dd {
	clear: right
}
.tp062 {
	padding: 20px 5% 40px
}
.tp062 .item-group {
	max-width: 1240px
}
.tp062 .item {
	padding: 0 0 40px
}
.tp062 .item-inner {
	max-width: 360px
}
.tp062 .text {
	padding: 10px 5px 0;
	overflow: hidden
}
.tp062 h3, .tp062 p {
	line-height: 1.2;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	overflow: hidden
}
.tp062 h3 {
	font-size: 20px;
	font-size: 2rem;
	color: #2D88CF;
	line-height: 1.2;
	-webkit-line-clamp: 2;
	max-height: 48px
}
.tp062 .date {
	display: block;
	font-size: 12px;
	font-size: 1.2rem;
	color: #999;
	border-bottom: 1px solid #CCC;
	padding: 5px 0 10px
}
.tp062 p {
	clear: both;
	color: #333;
	padding: 10px 0 0;
	-webkit-line-clamp: 2;
	max-height: 50px
}
.tp062 .btn {
	min-width: 220px;
	border: 1px solid #999;
	text-align: left;
	font-size: 12px;
	font-size: 1.2rem;
	color: #333;
	padding: 10px 20px;
	position: relative;
	margin: 15px 0 0
}
.tp062 .btn:after {
	width: 10px;
	height: 10px;
	border-width: 2px;
	border-color: #999;
	position: absolute;
	top: 14px;
	right: 20px
}
.tp063 {
	padding: 20px 5% 50px
}
.tp063 .model-inner {
	max-width: 1190px
}
.tp063 .head {
	padding: 0 0 20px
}
.tp063 .head h2 {
	font-size: 26px;
	font-size: 2.6rem;
	color: #2D88CF
}
.tp063 .date {
	font-size: 12px;
	font-size: 1.2rem;
	color: #999;
	padding: 10px 0 0
}
.tp063 .text {
	padding: 20px 0
}
.tp063 .list {
	padding: 0 0 30px
}
.tp063 .list dt {
	font-family: "CenturyGothicBold", "微軟正黑體", "Microsoft JhengHei", "MHei", "STHeitiTC-Light", sans-serif, Arial, Helvetica, "Helvetica Neue", Tahoma, Verdana;
	color: #2D88CF
}
.tp063 .list a {
	color: #2D88CF;
	text-decoration: underline
}
.tp063 .btn {
	min-width: 250px;
	padding: 10px 15px;
	color: #fff;
	background: #2D88CF;
	border: 2px solid #2D88CF
}
.tp063 .btn:before {
	display: inline-block;
	vertical-align: middle;
	width: 10px;
	height: 10px;
	border-width: 3px;
	border-color: #fff;
	margin: -3px 10px 0 0;
	z-index: 2
}
.tp064 {
	padding: 20px 5% 50px
}
.tp064 .model-inner {
	max-width: 1274px
}
.tp064 .item {
	padding: 0 0 40px
}
.tp064 .item-inner {
	max-width: 380px
}
.tp064 .figure {
	position: relative
}
.tp064 .figure:after {
	background: url(../images/tp064-video.png) center no-repeat;
	background-size: 50px 40px;
	z-index: 2
}
.tp064 .text {
	padding: 10px 5px 0
}
.tp064 .text span {
	display: block;
	font-family: "CenturyGothicBold", "微軟正黑體", "Microsoft JhengHei", "MHei", "STHeitiTC-Light", sans-serif, Arial, Helvetica, "Helvetica Neue", Tahoma, Verdana;
	font-size: 14px;
	font-size: 1.4rem;
	color: #2D88CF
}
.tp064 .text h3 {
	font-family: "微軟正黑體", "Microsoft JhengHei", "MHei", "STHeitiTC-Light", sans-serif, Arial, Helvetica, "Helvetica Neue", Tahoma, Verdana;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: normal
}
.tp065 {
	padding: 20px 0
}
.tp065 .model-inner {
	max-width: 1080px
}
.tp065 table {
	width: 100%;
	border-collapse: collapse;
	border-bottom: 1px solid #f5f5f5
}
.tp065 tr:nth-child(even) td {
	background: #f5f5f5
}
.tp065 th, .tp065 td {
	padding: 10px 5px
}
.tp065 th {
	background: #2D88CF;
	text-align: center;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	color: #fff;
	padding: 10px 5px
}
.tp065 td {
	font-size: 12px;
	font-size: 1.2rem
}
.tp065 td:last-child {
	text-align: center
}
.tp065 td span {
	display: block;
	color: #333;
	padding: 0 0 5px
}
.tp065 td span:after {
	display: inline-block;
	vertical-align: middle;
	width: 7px;
	height: 7px;
	border-width: 1px;
	border-color: #bbb;
	margin: 0 0 0 10px
}
.tp065 td>a {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	color: #2D88CF
}
.tp065 .figure {
	display: block;
	margin: 0 auto;
	width: 80px
}
.tp065 .btn-del {
	display: inline-block;
	vertical-align: middle;
	font-size: 0;
	text-indent: -9999px;
	width: 22px;
	height: 22px;
	background: url(../images/tp065-del.png) center no-repeat;
	background-size: contain !important
}
.tp065 .btn-wrap {
	padding: 20px 0 0;
	text-align: right
}
.tp065 .btn {
	width: 50%;
	max-width: 300px;
	background: #2D88CF;
	color: #fff;
	padding: 10px 20px
}
.tp066 {
	padding: 30px 20px
}
.tp066 .model-inner {
	max-width: 1150px
}
.tp066 .row2 {
	padding: 20px 0
}
.tp066 .inquiry-form table {
	width: 100%;
	border-collapse: collapse
}
.tp066 .inquiry-form td {
	padding: 10px 0;
	border-bottom: 1px solid #CCC
}
.tp066 .inquiry-form .figure {
	display: block;
	width: 60px
}
.tp066 .inquiry-form .figure:before {
	border: 1px solid #CCC
}
.tp066 .inquiry-form .pd-path {
	font-size: 0;
	padding: 0 10px
}
.tp066 .inquiry-form .pd-path ul, .tp066 .inquiry-form .pd-path li {
	margin: 0;
	padding: 0;
	list-style: none outside none
}
.tp066 .inquiry-form .pd-path li {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	padding: 4px 27px 4px 0
}
.tp066 .inquiry-form .pd-path li:after {
	content: '';
	display: block;
	width: 8px;
	height: 8px;
	border: 1px solid #2D88CF;
	border-left: 0 none;
	border-bottom: 0 none;
	-moz-transform: rotate(45deg) skew(-20deg, -20deg);
	-ms-transform: rotate(45deg) skew(-20deg, -20deg);
	-webkit-transform: rotate(45deg) skew(-20deg, -20deg);
	transform: rotate(45deg) skew(-20deg, -20deg);
	position: absolute;
	top: 50%;
	right: 13px;
	margin: -3.5px 0 0;
	-moz-transition: all .2s;
	-o-transition: all .2s;
	-webkit-transition: all .2s;
	transition: all .2s
}
.tp066 .inquiry-form .pd-path li:last-child {
	padding-right: 0
}
.tp066 .inquiry-form .pd-path li:last-child:after {
	display: none
}
.tp066 .inquiry-form .pd-path a {
	font-size: 12px;
	font-size: 1.2rem;
	color: #333;
	text-decoration: underline
}
.tp066 .inquiry-form .btn-del {
	display: inline-block;
	width: 18px;
	height: 20px;
	background: url(../images/tp066-del.png) center no-repeat;
	background-size: contain !important;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-webkit-transition: all .3s;
	transition: all .3s;
	margin: 0 10px 0 0
}
.tp066 .inquiry-form .btn-wrap {
	padding: 20px 0 0;
	text-align: right
}
.tp066 .inquiry-form .btn {
	min-width: 120px;
	background: #2D88CF;
	color: #fff;
	padding: 8px 15px;
	border: 2px solid #2D88CF;
	margin: 0 0 0 10px
}
.tp066 .contact-form .fill-form {
	max-width: 780px;
	margin: 0 auto
}
.tp067 table {
	width: 100%;
	border-collapse: collapse
}
.tp067 tr {
	display: block;
	padding: 10px 0;
	position: relative;
	border-bottom: 1px solid #444
}
.tp067 th, .tp067 td {
	padding: 5px
}
.tp067 th {
	display: none;
	font-size: 13px;
	font-size: 1.3rem;
	background: #111;
	font-weight: bold;
	color: #FFF;
	white-space: nowrap
}
.tp067 td {
	font-size: 14px;
	font-size: 1.4rem
}
.tp067 td:nth-child(1), .tp067 td:nth-child(2) {
	display: block
}
.tp067 td:before {
	content: attr(data-title);
	display: block;
	font-size: 12px;
	font-size: 1.2rem;
	color: #2D88CF
}
.tp067 .btn {
	font-size: 0;
	text-indent: -9999px;
	width: 32px;
	height: 32px;
	background: url(../images/tp067-btn.png) center no-repeat;
	background-size: contain !important;
	position: absolute;
	bottom: 18px;
	right: 0
}
.tp068 .item {
	padding: 20px 0;
	border-top: 1px solid #444
}
.tp068 .item-inner {
	max-width: 520px
}
.tp068 .figure {
	float: left;
	width: 110px;
	overflow: hidden
}
.tp068 .text {
	padding: 0 0 40px;
	margin: 0 0 0 125px;
	position: unset
}
.tp068 h3 {
	font-size: 15px;
	font-size: 1.5rem;
	color: #111;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	max-height: 48px;
	overflow: hidden
}
.tp068 dl, .tp068 dt, .tp068 dd {
	list-style: none
}
.tp068 dl {
	padding: 10px 0 0;
	overflow: hidden
}
.tp068 dt, .tp068 dd {
	float: left;
	vertical-align: middle;
	color: #333
}
.tp068 dt {
	clear: left;
	font-size: 12px;
	font-size: 1.2rem;
	opacity: .8;
	filter: alpha(opacity=80);
	padding-right: 10px
}
.tp068 dd {
	clear: right;
	margin: 0;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold
}
.tp068 .btn {
	background: #2D88CF;
	color: #fff;
	padding: 5px 15px;
	position: absolute;
	bottom: 0;
	left: 125px
}
.tp068 .btn:after {
	width: 19px;
	height: 19px;
	background: url(../images/tp068-icon-w.png) center no-repeat;
	background-size: contain !important;
	margin: -3px 0 0 15px
}
.tp069 .model-inner {
	max-width: 500px
}
.tp069 .head {
	padding: 0 0 20px
}
.tp069 .fill-form li {
	width: 100%
}
.tp069 .fill-form .label {
	text-align: left
}
.tp070 {
	padding: 40px 0 50px
}
.tp070 .head {
	padding: 0 0 30px
}
.tp070 .item-inner {
	max-width: 700px
}
.tp070 .text {
	padding: 20px 5% 45px
}
.tp070 h3 {
	font-size: 24px;
	font-size: 2.4rem;
	color: #111;
	padding: 0 0 5px
}
.tp070 p {
	font-size: 14px;
	font-size: 1.4rem;
	color: #333;
	padding: 0 0 15px
}
.tp070 .btn-wrap {
	padding: 20px 0 0;
	text-align: center
}
.tp070 .btn {
	color: #2D88CF;
	border: 2px solid #2D88CF;
	padding: 8px 20px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-clip: padding-box;
	overflow: hidden
}
.tp070 .btn:after {
	content: '+';
	display: inline-block;
	vertical-align: middle;
	font-family: Arial, "微軟正黑體", "Microsoft JhengHei", "MHei", "STHeitiTC-Light", sans-serif, Arial, Helvetica, "Helvetica Neue", Tahoma, Verdana;
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: normal;
	line-height: 1;
	margin: -3px 0 0 15px
}
.tp071 {
	padding: 10px 15px
}
.tp071 .model-inner {
	max-width: 1200px
}
.tp071 .item {
	padding: 30px 0;
	border-bottom: 1px dashed #444
}
.tp071 .item:last-child {
	border: none
}
.tp071 .item-inner {
	max-width: 1050px
}
.tp071 .figure {
	padding: 10px 0 0
}
.tp071 .text {
	padding: 20px 0 0;
	color: #333
}
.tp072 {
	padding: 0 0 20px
}
.tp072 .text {
	padding: 25px 15px
}
.tp072 .head {
	text-align: left;
	padding: 0 0 20px;
	border-bottom: 1px dashed #444
}
.tp072 .head small {
	color: #2D88CF;
	opacity: 1;
	filter: alpha(opacity=100)
}
.tp072 p {
	color: #333;
	padding: 20px 0 0
}
.tp073 {
	background: url(../images/tp073-bg.jpg) center top no-repeat;
	background-size: cover
}
.tp073 .item-inner {
	padding: 0 5px 30px
}
.tp073 .text {
	background: #111;
	color: #FFF;
	min-width: 60%;
	padding: 10px;
	position: absolute;
	bottom: 0;
	left: 50%;
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	z-index: 10
}
.tp073 .text h2 {
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1;
	font-weight: normal;
	white-space: nowrap;
	text-overflow: ellipsis;
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	overflow: hidden
}
.tp073 .text span {
	padding: 5px 0 0
}
.tp073 .swiper-button-prev {
	background: url(../images/tp073-prev.png) center no-repeat
}
.tp073 .swiper-button-next {
	background: url(../images/tp073-next.png) center no-repeat
}
.tp074 .item {
	padding: 20px 0
}
.tp074 .item-inner {
	max-width: 570px
}
.tp074 .text {
	padding: 10px 0 0
}
.tp074 .date {
	float: left;
	text-align: center;
	font-family: "HelveticaNeueLTStd85", "微軟正黑體", "Microsoft JhengHei", "MHei", "STHeitiTC-Light", sans-serif, Arial, Helvetica, "Helvetica Neue", Tahoma, Verdana;
	position: relative;
	margin: -5px 0 0
}
.tp074 .date span, .tp074 .date strong {
	display: block
}
.tp074 .date span {
	font-size: 60px;
	font-size: 6rem;
	opacity: .1;
	filter: alpha(opacity=10);
	line-height: 0.8
}
.tp074 .date strong {
	font-size: 14px;
	font-size: 1.4rem;
	color: #2D88CF;
	position: absolute;
	top: 50%;
	left: 50%;
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 1
}
.tp074 .news-text {
	margin: 0 0 0 85px
}
.tp074 .news-text h3, .tp074 .news-text span {
	text-overflow: ellipsis;
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	overflow: hidden
}
.tp074 .news-text h3 {
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.2;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}
.tp074 .news-text span {
	display: block;
	font-size: 14px;
	font-size: 1.4rem;
	color: #2D88CF;
	white-space: nowrap;
	padding: 5px 0
}
.tp075 {
	background: url(../images/tp075-bg.jpg) repeat;
	padding: 80px 10px 40px
}
.tp075 .head {
	text-align: left;
	color: #FFF;
	padding: 0 20px 20px
}
.tp075 .head .head-inner {
	position: relative;
	padding: 15px 0 15px 30px;
	max-width: 1200px;
	margin: 0 auto
}
.tp075 .head .head-inner:before {
	content: '';
	display: block;
	width: 8px;
	height: 100%;
	background: #FFF;
	opacity: .8;
	filter: alpha(opacity=80);
	position: absolute;
	top: 0;
	left: 0
}
.tp075 .head h2 {
	font-weight: bold
}
.tp075 .head p {
	font-family: "HelveticaNeueLTStd35", "微軟正黑體", "Microsoft JhengHei", "MHei", "STHeitiTC-Light", sans-serif, Arial, Helvetica, "Helvetica Neue", Tahoma, Verdana;
	opacity: .7;
	filter: alpha(opacity=70);
	padding: 15px 0 0
}
.tp075 .item-group:before {
	content: '';
	display: none;
	width: 65%;
	height: 100%;
	background: #FFF;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0
}
.tp075 .item {
	padding: 15px 0
}
.tp075 .item-inner {
	max-width: 640px;
	padding: 0 0 40px
}
.tp075 .text {
	width: 90%;
	text-align: center;
	padding: 10px;
	position: absolute;
	bottom: 0;
	left: 50%;
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0)
}
.tp075 .text:before {
	background: #FFF;
	z-index: -1
}
.tp075 .text h3, .tp075 .text p {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	overflow: hidden
}
.tp075 .text h3 {
	font-size: 20px;
	font-size: 2rem;
	color: #111;
	line-height: 1.2
}
.tp075 .text p {
	font-size: 12px;
	font-size: 1.2rem;
	opacity: .8;
	filter: alpha(opacity=80);
	padding: 0
}
.tp077 {
	padding: 20px 5%
}
.tp077 .model-inner {
	max-width: 1280px
}
.tp077 .model-inner .head h2 {
	font-size: 26px;
	font-size: 2.6rem
}
.tp077 .item {
	padding: 15px 0
}
.tp077 .figure, .tp077 .text {
	display: table-cell;
	vertical-align: middle
}
.tp077 .figure {
	width: 25%
}
.tp077 .text {
	padding: 0 0 0 15px
}
.tp077 h3 {
	font-size: 16px;
	font-size: 1.6rem;
	color: #111;
	line-height: 1.2
}
.tp077 p {
	padding: 5px 0 0;
	color: #333
}
.tp078 {
	background: url(../images/tp078-bg.jpg) repeat;
	background-size: cover
}
.tp078 .model-inner {
	max-width: 1200px
}
.tp078 .item-group:before {
	content: '';
	display: block;
	width: 1px;
	height: 100%;
	background: #444;
	position: absolute;
	top: 20px;
	left: 20px;
	z-index: 0
}
.tp078 .item {
	padding: 0 0 25px
}
.tp078 .item:nth-child(odd) .year:before {
	background: #2D88CF;
	border: 3px solid #2D88CF
}
.tp078 .item:nth-child(even) .year:before {
	background: none;
	border: 3px solid #2D88CF
}
.tp078 .item:last-child:after {
	content: '';
	display: block;
	width: 23px;
	height: 1px;
	background: #CCC;
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	position: absolute;
	left: 7px;
	bottom: -5px
}
.tp078 .year {
	font-size: 28px;
	font-size: 2.8rem;
	color: #2D88CF;
	padding: 0 0 0 30px;
	margin: 0 0 10px 14px;
	position: relative
}
.tp078 .year:before {
	content: '';
	display: block;
	width: 12px;
	height: 12px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background-clip: padding-box;
	position: absolute;
	top: 50%;
	left: 0;
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	z-index: 1
}
.tp078 .list {
	padding: 0 0 0 40px;
	color: #333
}
.tp079 .swiper-button-prev, .tp079 .swiper-button-next, .tp082 .swiper-button-prev, .tp082 .swiper-button-next {
	width: 26px;
	height: 26px;
	background-size: contain !important;
	opacity: 1;
	filter: alpha(opacity=100)
}
.tp079 .swiper-button-prev, .tp082 .swiper-button-prev {
	background: url(../images/swiper01-prev.png) center no-repeat;
	left: 0
}
.tp079 .swiper-button-next, .tp082 .swiper-button-next {
	background: url(../images/swiper01-next.png) center no-repeat;
	right: 0
}
.tp079 {
	background: url(../images/tp079-bg.jpg) repeat;
	background-size: cover
}
.tp079 .model-inner {
	max-width: 1100px
}
.tp079 .item-inner {
	max-width: 600px
}
.tp079 .year {
	text-align: center;
	color: #2D88CF;
	position: relative
}
.tp079 .year h3 {
	display: inline-block;
	font-size: 30px;
	font-size: 3rem;
	padding: 20px;
	background: #fff
}
.tp079 .year:before {
	content: '';
	display: block;
	width: 100%;
	height: 4px;
	background: #2D88CF;
	position: absolute;
	top: 50%;
	left: 0;
	margin: -2px 0 0;
	z-index: -1
}
.tp080 .model-inner {
	max-width: 1200px
}
.tp080 table {
	width: 100%;
	border-collapse: collapse
}
.tp080 tr, .tp080 td {
	display: block
}
.tp080 tr {
	padding: 45px 10px 25px;
	border-bottom: 1px solid #444;
	position: relative
}
.tp080 .date, .tp080 .tag {
	position: absolute;
	top: 20px;
	font-family: "CenturyGothicRegular", "微軟正黑體", "Microsoft JhengHei", "MHei", "STHeitiTC-Light", sans-serif, Arial, Helvetica, "Helvetica Neue", Tahoma, Verdana
}
.tp080 .date {
	font-size: 14px;
	font-size: 1.4rem;
	color: #333;
	left: 10px
}
.tp080 .tag {
	margin: -3px 0 0;
	right: 10px
}
.tp080 .tag span {
	background: #2D88CF;
	font-size: 12px;
	font-size: 1.2rem;
	padding: 5px 10px;
	color: #fff
}
.tp080 .link {
	font-size: 15px;
	font-size: 1.5rem;
	padding: 10px 0 0
}
.tp081 .model-inner {
	max-width: 910px
}
.tp082 .model-inner {
	max-width: 1100px
}
.tp082 .figure:before {
	background: url(../images/tp082-item-bg.png) center no-repeat;
	z-index: -1
}
.tp082 .figure-inner {
	max-width: 500px;
	margin: 0 auto;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background-clip: padding-box;
	overflow: hidden
}
.tp082 .text {
	padding: 10px 0 0;
	text-align: center
}
.tp082 h3 {
	font-size: 18px;
	font-size: 1.8rem
}
.tp082 span {
	display: block;
	color: #333;
	padding: 10px 0
}
.tp083 .model-inner {
	max-width: 1368px
}
.tp083 .item-inner {
	max-width: 300px
}
.tp083 .btn {
	position: absolute;
	top: 50%;
	left: 50%;
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 0;
	filter: alpha(opacity=0);
	z-index: 2
}
.tp084 .figure-wrap {
	max-width: 600px
}
.tp098 h2, .tp098 h3, .tp098 h4, .tp099 h2, .tp099 h3, .tp099 h4, .tp100 h2, .tp100 h3, .tp100 h4 {
	line-height: 1.2
}
.tp098 h3, .tp099 h3, .tp100 h3 {
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: normal;
	color: #000;
	padding: 0 0 20px
}
.tp098 h4, .tp099 h4, .tp100 h4 {
	font-size: 16px;
	font-size: 1.6rem;
	color: #000;
	padding: 0 0 10px
}
.tp098 {
	text-align: center;
	padding: 70px 6%;
	background-size: cover !important
}
.tp098 .model-inner {
	max-width: 1000px
}
.tp098 h4 {
	color: #333;
	padding: 0 0 30px
}
.tp098 h4:after {
	content: '';
	display: block;
	width: 50px;
	height: 2px;
	background: #2D88CF;
	margin: 12px auto 0
}
.tp099 .text, .tp100 .text {
	padding: 30px 6%
}
.tp099 h4, .tp100 h4 {
	color: #333
}
@media screen and (min-width: 375px) {
.tp056 .item, .tp056 .swiper-slide, .tp057 .item, .tp057 .swiper-slide {
	display: inline-block;
	vertical-align: top;
	width: 50%
}
}
@media screen and (min-width: 414px) {
.tp002 .text h3 {
	font-size: 18px;
	font-weight:bold;
	
}
}
@media screen and (min-width: 480px) {
.tp009 .min-figure .swiper-slide {
	width: 20%
}
.tp015 .item {
	display: inline-block;
	vertical-align: top;
	width: 50%;
	padding: 20px 10px
}
.tp020 .model-inner {
	padding: 70px 15px
}
.tp020 .head h2 {
	font-size: 38px;
	font-size: 3.8rem
}
.tp020 .head h2:after {
	margin: 10px auto 15px
}
.tp021 .swiper-slide, .tp073 .swiper-slide {
	width: 50%
}
.tp030 .item {
	display: inline-block;
	vertical-align: top;
	width: 49.999%
}
.tp032 {
	padding: 20px 0 40px
}
.tp034 .item {
	display: inline-block;
	vertical-align: top;
	width: 49.999%
}
.tp035 .item {
	padding: 10px 0
}
.tp035 .item-inner {
	max-width: 580px
}
.tp035 .figure {
	float: left
}
.tp035 .text {
	margin: 0 0 0 230px;
	padding: 10px 20px;
	text-align: left
}
.tp035 .text:before {
	border-color: transparent #fff transparent transparent;
	border-width: 8px 8px 8px 0;
	top: 25px;
	left: -8px;
	margin: 0
}
.tp045 .text {
	padding: 30px 30px 40px
}
.tp058 .min-figure .swiper-slide, .tp076 .min-figure .swiper-slide {
	width: 20%
}
.tp065 th, .tp065 td {
	padding: 10px
}
.tp065 td span, .tp065 td a {
	display: inline-block;
	vertical-align: middle;
	padding: 2px 0
}
.tp065 td span:after {
	margin: 0 10px
}
.tp077 .figure {
	width: 100px
}
.tp077 .text h3 {
	font-size: 18px;
	font-size: 1.8rem
}
}
@media screen and (min-width: 640px) {
.model .head h2 {
	font-size: 32px;
	font-size: 3.2rem
}
.model .head small {
	font-size: 14px;
	font-size: 1.4rem
}
.tp001 .item {
	display: inline-block;
	vertical-align: top;
	width: 33.333%
}
.tp004 .title {
	font-size: 42px;
	font-size: 4.2rem
}
.tp004 .item-group {
	margin: 30px auto 0
}
.tp004 .item {
	padding: 25px 5px 30px
}
.tp004 h3, .tp004 h4 {
	font-size: 22px;
	font-size: 2.2rem
}
.tp004 h3:before, .tp004 h4:before {
	top: 4px
}
.tp004 p {
	font-size: 15px;
	font-size: 1.5rem
}
.tp007 .head h2:after, .tp083 .head h2:after {
	margin: 10px auto
}
.tp007 .head span, .tp083 .head span {
	font-size: 15px;
	font-size: 1.5rem
}
.tp007 .item, .tp007 .swiper-slide, .tp083 .item, .tp083 .swiper-slide {
	display: inline-block;
	vertical-align: top;
	width: 49.999%;
	padding: 0 10px 15px
}
.tp009 .min-figure .swiper-slide, .tp084 .min-figure .swiper-slide {
	width: 16.666%
}
.tp009 .text-info h2, .tp084 .text-info h2 {
	font-size: 46px;
	font-size: 4.6rem
}
.tp010 .sub-title, .tp011 .sub-title, .tp012 .sub-title, .tp013 .sub-title, .tp014 .sub-title {
	font-size: 35px;
	font-size: 3.5rem
}
.tp015 .item {
	width: 33.333%
}
.tp015 h3 {
	font-size: 20px;
	font-size: 2rem
}
.tp016 {
	padding: 20px 10px 30px
}
.tp016 .item {
	display: inline-block;
	vertical-align: top;
	width: 50%;
	padding: 15px 5px
}
.tp017 .main-content .date, .tp081 .date {
	float: left;
	padding: 0 0 25px
}
.tp017 .main-content .social-wrap, .tp081 .social-wrap {
	padding: 0 0 25px;
	text-align: right
}
.tp018 .filter li {
	display: inline-block;
	vertical-align: top;
	padding: 0 10px 0 0
}
.tp018 .filter select {
	width: 260px
}
.tp021 .swiper-container, .tp073 .swiper-container {
	max-width: 640px
}
.tp021 .swiper-slide, .tp073 .swiper-slide {
	width: 50%
}
.tp026 .figure li {
	width: 33.333%
}
.tp027 {
	padding: 80px 0 65px
}
.tp027 .history-list {
	padding: 50px 10px 30px
}
.tp027 .history-list dl {
	width: 50%
}
.tp027 .history-list dl:nth-child(odd) {
	float: right;
	clear: right
}
.tp027 .history-list dl:nth-child(odd):before {
	top: 20px;
	left: -0.5px
}
.tp027 .history-list dl:nth-child(odd) dt:before {
	left: -9px
}
.tp027 .history-list dl:nth-child(even) {
	float: left;
	clear: left
}
.tp027 .history-list dl:nth-child(even):before {
	left: auto;
	right: -0.5px
}
.tp027 .history-list dl:nth-child(even) dt {
	text-align: right;
	padding: 0 30px 0 0
}
.tp027 .history-list dl:nth-child(even) dt:before {
	left: auto;
	right: -10px
}
.tp027 .history-list dl:nth-child(even) dd {
	padding: 0 25px 15px 30px
}
.tp027 .history-list dl:nth-child(even) dd:before {
	left: 0
}
.tp027 .history-list dl:last-child:after {
	left: 99%;
	bottom: -9px
}
.tp027 .history-list dl:nth-child(2) {
	padding: 155px 0 0
}
.tp027 .history-list dl:nth-child(3) {
	padding: 150px 0 0
}
.tp027 .history-list dl:nth-child(4) {
	padding: 140px 0 0
}
.tp027 .history-list dl:nth-child(5), .tp027 .history-list dl:nth-child(6) {
	padding: 120px 0 0
}
.tp027 .history-list dt {
	font-size: 30px;
	font-size: 3rem;
	font-weight: normal
}
.tp028 {
	padding: 80px 0
}
.tp028 .area-list {
	-moz-transform: translate(0, 40px);
	-ms-transform: translate(0, 40px);
	-webkit-transform: translate(0, 40px);
	transform: translate(0, 40px)
}
.tp028 .area-list li {
	width: 33.333%
}
.tp034, .tp035, .tp038, .tp039 {
	padding: 70px 0
}
.tp038 .item {
	display: inline-block;
	vertical-align: top;
	width: 49.999%;
	padding: 0 5px 25px
}
.tp048 .item {
	display: inline-block;
	vertical-align: top;
	width: 50%
}
.tp049, .tp051, .tp052, .tp053 {
	padding: 50px 5%
}
.tp050 .item-group {
	padding: 0 0 40px
}
.tp050 .item {
	width: 25%
}
.tp051 .item {
	display: inline-block;
	vertical-align: top;
	width: 49.999%
}
.tp055 .item {
	display: inline-block;
	vertical-align: top;
	width: 50%;
	padding: 13px
}
.tp055 .item-group {
	padding: 30px 30px 0
}
.tp062 .item-inner {
	max-width: none
}
.tp062 .figure {
	float: left;
	width: 40%
}
.tp062 .text {
	padding: 5px 0 50px 20px;
	margin: 0 0 0 40%
}
.tp062 .btn {
	position: absolute;
	bottom: 0;
	left: 0;
	margin: 0 0 0 20px
}
.tp063 .head h2 {
	font-size: 35px;
	font-size: 3.5rem
}
.tp063 .date {
	font-size: 14px;
	font-size: 1.4rem
}
.tp064 .item {
	display: inline-block;
	vertical-align: top;
	width: 50%;
	padding: 0 10px 45px
}
.tp067 tr {
	display: table-row;
	padding: 0;
	border: none
}
.tp067 th, .tp067 td {
	padding: 10px 5px;
	border-right: 1px solid #FFF
}
.tp067 th {
	display: table-cell
}
.tp067 td {
	border-bottom: 1px solid #444
}
.tp067 td:nth-child(1), .tp067 td:nth-child(2) {
	display: table-cell
}
.tp067 td:nth-last-child(1), .tp067 td:nth-last-child(2) {
	text-align: center
}
.tp067 td:before {
	display: none
}
.tp067 .btn {
	position: relative;
	bottom: auto;
	right: auto;
	-moz-transform: scale(0.8, 0.8);
	-ms-transform: scale(0.8, 0.8);
	-webkit-transform: scale(0.8, 0.8);
	transform: scale(0.8, 0.8)
}
}
@media screen and (min-width: 641px) {
.tp054 .item {
	width: 33.333%
}
}
@media screen and (min-width: 768px) {
.tp002 .item {
	display: inline-block;
	vertical-align: top;
	width:25%;
	height:232px;
}
.tp007, .tp009, .tp014, .tp015, .tp016, .tp031, .tp083 {
	padding: 60px 15px
}
.tp018 {
	padding: 70px 15px 20px
}
.tp018 .filter {
	text-align: left
}
.tp018 .item-group {
	padding: 10px 0 0
}
.tp018 .item {
	display: inline-block;
	vertical-align: top;
	width: 49.999%;
	padding: 20px
}
.tp021 .swiper-container, .tp073 .swiper-container {
	max-width: 960px
}
.tp021 .swiper-slide, .tp073 .swiper-slide {
	width: 33.333%
}
.tp031 .item-group {
	padding: 20px 0 0
}
.tp031 .item {
	width: 33.333%
}
.tp032 .text-info {
	padding: 35px
}
.tp034 .item {
	width: 33.333%;
	padding: 0 5px 35px
}
.tp041 {
	padding: 65px 0 100px
}
.tp042 {
	padding: 100px 20px
}
.tp042 .btn {
	margin: 60px auto 5px
}
.tp043 {
	padding: 60px 0 90px
}
.tp043 .head {
	margin: 0 auto 40px
}
.tp043 .head h2 {
	font-size: 55px;
	font-size: 5.5rem
}
.tp044 {
	padding: 60px 5%
}
.tp044 .head {
	float: left
}
.tp044 .text {
	line-height: 2;
	padding: 0 0 0 30px;
	overflow: hidden
}
.tp045 {
	position: relative
}
.tp045 .figure {
	position: absolute;
	width: 50%;
	height: 100%;
	left: 50%;
	top: 0;
	overflow: hidden;
	z-index: -1
}
.tp045 .figure img {
	display: block;
	max-width: none
}
.tp045 .figure:first-child {
	left: 0
}
.tp045 .text {
	position: relative;
	width: 50%;
	max-width: 510px;
	margin: 0 auto
}
.tp046 .figure, .tp046 .text, .tp047 .figure, .tp047 .text {
	display: inline-block;
	vertical-align: middle;
	width: 50%
}
.tp047 .figure {
	left: 50%
}
.tp047 .text {
	right: 50%
}
.tp051 .item-group {
	padding: 20px 0 0
}
.tp051 .item {
	padding: 0 10px 30px 75px
}
.tp051 dt {
	position: absolute;
	left: 10px;
	top: 0;
	line-height: 1
}
.tp059 {
	padding: 30px 7px 90px
}
.tp059 .item {
	display: inline-block;
	vertical-align: top;
	width: 50%
}
.tp059 .btn-del {
	width: 30px;
	height: 30px;
	top: 5px;
	right: 5px
}
.tp065 .tb-wrap {
	padding: 30px 0 0
}
.tp065 th, .tp065 td {
	text-align: center;
	font-size: 16px;
	font-size: 1.6rem
}
.tp065 .figure {
	width: 120px
}
.tp066 .inquiry-form .figure {
	width: 90px
}
.tp066 .inquiry-form td {
	padding: 20px 0;
	min-width: 50px
}
.tp066 .inquiry-form .pd-path a {
	font-size: 14px;
	font-size: 1.4rem
}
.tp067 {
	padding: 45px 15px 100px
}
.tp068 {
	padding: 40px 15px 100px
}
.tp068 .item {
	display: inline-block;
	vertical-align: top;
	width: 50%;
	padding: 0 5px 60px;
	border: none
}
.tp071 .figure {
	padding: 20px 0 0
}
.tp077 {
	padding: 20px
}
.tp077 .item {
	display: inline-block;
	vertical-align: middle;
	width: 50%;
	padding: 15px
}
.tp099 .figure, .tp099 .text, .tp100 .figure, .tp100 .text {
	display: inline-block;
	vertical-align: middle;
	width: 50%
}
.tp100 .figure {
	left: 50%
}
.tp100 .text {
	right: 50%
}
}
@media screen and (min-width: 769px) {
.model .head, .model .info-title {
	padding: 0 15px 15px; text-align:left; font-size:14px;
}
.model .head h2, .model .info-title {
	font-size: 38px;
	font-size: 3.8rem
}
.tp002 .text {
	padding: 30px 10px
}
.tp002 .item-inner:hover:before {
	height: 100%;
	opacity: 1
}
.tp002 .item-inner:hover .text {
	bottom: 50%;
	-moz-transform: translate(0, 50%);
	-ms-transform: translate(0, 50%);
	-webkit-transform: translate(0, 50%);
	transform: translate(0, 50%)
}
.tp002 .item-inner:hover h3:after {
	display: block
}
.tp002 .item-inner:hover .more {
	display: block
}
.tp003 .swiper-slide {
	width: 33%;
}
.tp003 .item-inner:before {
	height: 92px
}
.tp003 .item-inner:hover:before {
	height: 100%;
	opacity: 1
}
.tp003 .item-inner:hover .text {
	bottom: 50%;
	-moz-transform: translate(0, 60%);
	-ms-transform: translate(0, 60%);
	-webkit-transform: translate(0, 60%);
	transform: translate(0, 60%)
}
.tp003 .item-inner:hover .more {
	display: block
}
.tp003 .text {
	padding: 20px 50px 18px 30px
}
.tp003 .date {
	width: 60px;
	font-size: 18px;
	font-size: 1.8rem;
	padding: 0 20px 0 0
}
.tp003 strong {
	font-size: 36px;
	font-size: 3.6rem
}
.tp003 h3 {
	height: 55px;
	font-size: 18px;
	font-size: 1.8rem;
	padding: 10px 0 0 20px
}
.tp004 .title {
	text-align: left
}
.tp004 .model-inner {
	padding: 50px 20px
}
.tp004 .figure { float:left;
	width: 50%
}
.tp004 .figure img { width:100%;
	margin: 0
}
.tp004 .text { float:right; width:50%;
}
.tp004 a:hover {
	text-decoration: underline
}
.tp005 {
	padding: 60px 15px
}
.tp005 .text {
	padding: 30px 0
}
.tp005 .text h3 {
	font-size: 24px;
	font-size: 2.4rem
}
.tp006 {
	padding: 100px 0
}
.tp006 .item-group {
	padding: 50px 0 0
}
.tp006 .item {
	display: inline-block;
	vertical-align: top;
	width: 33.333%;
	padding: 0 3%
}
.tp006 h4 {
	font-size: 18px;
	font-size: 1.8rem
}
.tp007 .search-form, .tp031 .search-form, .tp057 .search-form, .tp083 .search-form {
	padding: 40px 0 0
}
.tp007 .search-form .btn:hover, .tp031 .search-form .btn:hover, .tp057 .search-form .btn:hover, .tp083 .search-form .btn:hover {
	background: #96BB36
}
.tp007 .result-info, .tp031 .result-info, .tp057 .result-info, .tp083 .result-info {
	padding: 20px 0 30px
}
.tp007 .head h2:after, .tp083 .head h2:after {
	margin: 15px auto 0
}
.tp007 .item-group, .tp007 .swiper-container, .tp083 .item-group,.tp083 .item-group1, .tp083 .swiper-container {
	padding: 20px 0 0
}
.tp007 .item, .tp007 .swiper-slide, .tp083 .item, .tp083 .swiper-slide {
	width: 33.333%;
	padding: 20px 10px
}
.tp007 .figure {
	padding: 30px 0 0 27%
}
.tp007 .text {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 15px 20px
}
.tp007 .item-inner:hover {
	border: 1px solid #2D88CF
}
.tp007 .item-inner:hover .item-head {
	background: #2D88CF
}
.tp007 .item-inner:hover .item-head h3, .tp007 .item-inner:hover .item-head span {
	color: #fff
}
.tp007 .item-inner:hover .btn {
	background: none;
	color: #2D88CF
}
.tp007 .item-inner:hover .btn:after {
	border-color: #2D88CF
}
.tp007 .btn {
	margin: 0 15px 15px;
	font-size: 16px;
	font-size: 1.6rem
}
.tp009 .head, .tp084 .head {
	padding: 0 0 5px
}
.tp009 .figure-wrap, .tp009 .text-info, .tp084 .figure-wrap, .tp084 .text-info {
	display: inline-block;
	width: 50%
}
.tp009 .min-figure .item-inner:hover, .tp084 .min-figure .item-inner:hover {
	opacity: 1;
	filter: alpha(opacity=100)
}
.tp009 .text-info, .tp084 .text-info {
	width: 50%;
	padding: 0 0 0 4%
}
.tp009 .text-info h3, .tp084 .text-info h3 {
	font-size: 20px;
	font-size: 2rem
}
.tp009 .text-info .btn:hover, .tp084 .text-info .btn:hover {
	background: none;
	color: #2D88CF
}
.tp009 .text-info .btn:hover:after, .tp084 .text-info .btn:hover:after {
	border-color: #2D88CF
}
.tp009 .figure-wrap, .tp009 .text-info {
	vertical-align: middle
}
.tp010 .sub-title, .tp011 .sub-title, .tp012 .sub-title, .tp013 .sub-title, .tp014 .sub-title {
	font-size: 52px;
	font-size: 5.2rem;
	padding: 0 0 15px
}
.tp010 .text, .tp011 .text, .tp012 .text, .tp013 .text {
	position: absolute;
	top: 50%;
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	z-index: 1;
	padding: 0
}
.tp010 p, .tp011 p, .tp012 p, .tp013 p {
	font-size: 15px;
	font-size: 1.5rem
}
.tp010 .text, .tp012 .text {
	right: 5%
}
.tp011 .text, .tp013 .text {
	left: 5%
}
.tp012 .sub-title, .tp012 p, .tp013 .sub-title, .tp013 p {
	color: #fff
}
.tp010 .figure {
	padding-right: 30%
}
.tp011 .figure {
	padding-left: 30%
}
.tp014 th, .tp014 td {
	padding: 10px
}
.tp015 .item {
	width: 24.999%;
	padding: 20px 10px 40px
}
.tp015 .item-inner:hover .figure:before {
	opacity: .5;
	filter: alpha(opacity=50)
}
.tp015 .item-inner:hover .figure:after {
	opacity: 1;
	filter: alpha(opacity=100)
}
.tp016 .item-inner:hover .figure:before, .tp017 .side-nav .item-inner:hover .figure:before {
	background: rgba(0,0,0,0.5)
}
.tp016 .item-inner:hover .figure .more, .tp017 .side-nav .item-inner:hover .figure .more {
	opacity: 1
}
.tp016 .item-inner:hover .text, .tp017 .side-nav .item-inner:hover .text {
	border-top: 4px solid #2D88CF
}
.tp016 .text, .tp017 .side-nav .text {
	padding: 10px 8px 0
}
.tp016 .title, .tp017 .side-nav .title {
	font-size: 18px;
	font-size: 1.8rem;
	padding: 0 0 15px
}
.tp016 .date, .tp017 .side-nav .date {
	font-size: 14px;
	font-size: 1.4rem
}
.tp016 .item {
	width: 33.33333%;
	padding: 20px 5px
}
.tp017 .main-content .title, .tp081 .title {
	font-size: 28px;
	font-size: 2.8rem;
	padding: 0 0 15px
}
.tp017 .main-content .date, .tp081 .date {
	font-size: 15px;
	font-size: 1.5rem;
	padding: 0 0 0 10px
}
.tp017 .main-content .figure, .tp081 .figure {
	padding: 0 0 30px
}
.tp017 .main-content p, .tp081 p {
	padding: 0 0 15px
}
.tp017 .main-content .btn-wrap, .tp081 .btn-wrap {
	padding: 50px 0 80px
}
.tp017 .main-content .btn, .tp081 .btn {
	font-size: 16px;
	font-size: 1.6rem
}
.tp017 .main-content .btn:hover, .tp081 .btn:hover {
	background: #2D88CF;
	color: #fff
}
.tp017 .main-content .page-btn a, .tp081 .page-btn a {
	font-size: 18px;
	font-size: 1.8rem;
	padding: 4px 0 6px 40px
}
.tp017 .main-content .page-btn a:hover, .tp081 .page-btn a:hover {
	color: #2D88CF;
	text-decoration: underline
}
.tp017 {
	padding: 70px 0
}
.tp017 .main-content {
	display: inline-block;
	vertical-align: top;
	max-width: 960px;
	width: 69%;
	padding: 0 25px
}
.tp017 .side-wrap {
	float: right;
	width: 31%
}
.tp017 .side-inner02, .tp017 .side-inner03 {
	padding-top: 35px
}
.tp017 .side-inner01 a:hover {
	background: #CCC
}
.tp017 .side-inner01 .on a:hover {
	background: #2D88CF;
	color: #FFF
}
.tp017 .side-inner03 a:hover {
	color: #FFF;
	border: 1px solid #2D88CF
}
.tp018 .filter {
	padding: 0 20px
}
.tp018 .filter p {
	font-size: 19px;
	font-size: 1.9rem;
	padding: 0 0 15px
}
.tp018 th, .tp018 td {
	padding: 10px
}
.tp018 th {
	white-space: nowrap
}
.tp018 .map:hover {
	background: #2D88CF;
	color: #fff
}
.tp018 .map:hover:before {
	background: url(../images/tp018-map-hover.png) center no-repeat
}
.tp019 {
	padding: 70px 10px
}
.tp019 .head {
	padding: 0 0 20px
}
.tp020 {
	padding: 70px 4.6%
}
.tp020 .head {
	padding: 0 0 30px
}
.tp020 .model-inner {
	padding: 118px 15px
}
.tp020 .btn:hover {
	background: #2D88CF;
	color: #fff
}
.tp021, .tp022, .tp023, .tp073, .tp074 {
	padding: 90px 0 110px
}
.tp021 .swiper-button-prev:hover, .tp021 .swiper-button-next:hover, .tp056 .swiper-button-prev:hover, .tp056 .swiper-button-next:hover, .tp057 .swiper-button-prev:hover, .tp057 .swiper-button-next:hover, .tp073 .swiper-button-prev:hover, .tp073 .swiper-button-next:hover {
	background-color: #000
}
.tp021 .item-inner:hover .text {
	background: none;
	color: #111
}
.tp022 .item {
	width: 25%
}
.tp023 .item-group, .tp074 .item-group {
	padding: 25px 0 60px
}
.tp023 .item, .tp074 .item {
	display: inline-block;
	vertical-align: top;
	width: 49.999%;
	padding: 0 20px
}
.tp023 .item-inner:hover .figure:before, .tp074 .item-inner:hover .figure:before {
	opacity: .7;
	filter: alpha(opacity=70)
}
.tp023 .item-inner:hover .figure:after, .tp074 .item-inner:hover .figure:after {
	width: 100%;
	height: 100%
}
.tp023 .item-inner:hover .text p {
	color: #2D88CF
}
.tp023 .text {
	padding: 20px
}
.tp023 .text p {
	font-size: 16px;
	font-size: 1.6rem
}
.tp023 .date h2 {
	font-size: 54px;
	font-size: 5.4rem
}
.tp023 .date span {
	font-size: 19px;
	font-size: 1.9rem
}
.tp024 {
	padding: 60px 15px 50px
}
.tp024 .item {
	display: inline-block;
	vertical-align: top;
	width: 33.3333%;
	padding: 0 10px
}
.tp026 {
	padding: 150px 0
}
.tp026 .text {
	padding: 0 0 60px
}
.tp026 .text p {
	max-width: 880px;
	margin: 0 auto
}
.tp027 .history-list dl:nth-child(4) {
	padding: 90px 0 0
}
.tp027 .history-list dl:nth-child(5), .tp027 .history-list dl:nth-child(6) {
	padding: 85px 0 0
}
.tp027 .history-list dt {
	font-size: 35px;
	font-size: 3.5rem;
	margin: 0 0 15px
}
.tp027 .history-list dt:before {
	width: 20px;
	height: 20px
}
.tp028 {
	padding: 100px 0
}
.tp028 .area-list li {
	width: auto;
	padding: 0 10px
}
.tp030 .item {
	width: 33.333%
}
.tp030 .item-inner:hover .text {
	background: #2D88CF
}
.tp031 .result-info {
	padding: 20px 0
}
.tp031 .item {
	width: 24.999%
}
.tp031 .item-inner:hover .figure:before {
	background: #2D88CF;
	opacity: .7;
	filter: alpha(opacity=70)
}
.tp031 .item-inner:hover .figure:after {
	opacity: 1;
	filter: alpha(opacity=100)
}
.tp031 .item-inner:hover .title {
	color: #2D88CF
}
.tp031 .text {
	padding: 10px 5px;
	text-align: center
}
.tp032 {
	padding: 40px 0 60px
}
.tp032 .sample-wrap {
	padding: 0
}
.tp032 .text-info {
	padding: 0 3%
}
.tp032 .figure-slick, .tp032 .text-info {
	display: inline-block;
	vertical-align: middle;
	width: 49.999%
}
.tp032 .btn:hover {
	background: none;
	color: #2D88CF
}
.tp033 {
	background: url(../images/tp033-bg.jpg) center fixed no-repeat;
	background-size: cover
}
.tp033 .figure, .tp033 .text {
	display: inline-block;
	vertical-align: middle;
	width: 49.999%
}
.tp033 .text .text-inner {
	max-width: 75%;
	padding: 30px
}
.tp033 .text h3 {
	font-size: 39px;
	font-size: 3.9rem
}
.tp033 .text p {
	line-height: 1.9;
	padding: 25px 0 0
}
.tp034 .item {
	width: 25%
}
.tp034 .item-inner:hover .figure:before {
	background: rgba(0,0,0,0.5)
}
.tp034 .item-inner:hover .figure:after {
	-moz-transform: scale(1) translate(-50%, -50%);
	-ms-transform: scale(1) translate(-50%, -50%);
	-webkit-transform: scale(1) translate(-50%, -50%);
	transform: scale(1) translate(-50%, -50%)
}
.tp034 .item-inner:hover .text {
	color: #2D88CF
}
.tp034 .item-inner:hover .text:before {
	width: 100%
}
.tp035 .item-group {
	padding: 50px 10px 0
}
.tp035 .item {
	display: inline-block;
	vertical-align: top;
	width: 49.999%;
	padding: 0 10px 20px
}
.tp035 .text {
	padding: 20px
}
.tp036 .item {
	display: inline-block;
	vertical-align: top;
	width: 49.999%
}
.tp037 {
	padding: 55px 0;
	text-align: left
}
.tp037 p {
	display: inline-block;
	width: 540px
}
.tp037 .btn {
	float: right;
	margin: 0
}
.tp038 header .info-title {
	font-size: 44px;
	font-size: 4.4rem
}
.tp038 .item {
	padding: 0 10px 50px
}
.tp038 h4 {
	padding: 20px
}
.tp038 .text {
	padding: 20px 20px 40px
}
.tp039 .item.on .q-wrap h3 {
	padding: 5px 30px
}
.tp039 .q-wrap {
	padding: 0 65px 0 0
}
.tp039 .q-wrap:after {
	font-size: 30px;
	font-size: 3rem;
	right: 30px
}
.tp039 .q-wrap h3 {
	font-size: 18px;
	font-size: 1.8rem;
	padding: 5px 30px
}
.tp039 .q-wrap:hover h3 {
	color: #2D88CF
}
.tp039 .date {
	display: table-cell;
	vertical-align: middle;
	width: 70px;
	padding: 7px 0 9px;
	position: relative;
	top: auto;
	left: auto;
	-moz-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0)
}
.tp039 .date strong {
	font-size: 32px;
	font-size: 3.2rem
}
.tp039 .date span {
	font-size: 18px;
	font-size: 1.8rem
}
.tp040 td {
	display: table-cell;
	width: 50%;
	vertical-align: middle;
	padding: 10px
}
.tp041 .model-inner {
	padding: 0
}
.tp042 {
	padding: 200px 20px
}
.tp042 .info-title {
	padding: 0 0 30px
}
.tp044 .head {
	padding: 0 0 0 30px
}
.tp044 .btn:hover {
	background: none;
	color: #1b517b
}
.tp045 .btn, .tp046 .btn, .tp047 .btn, .tp072 .btn {
	margin: 40px 0 0;
	font-size: 16px;
	font-size: 1.6rem
}
.tp045 .btn:hover, .tp046 .btn:hover, .tp047 .btn:hover, .tp072 .btn:hover {
	background: none;
	color: #2D88CF
}
.tp046 h3, .tp047 h3 {
	font-size: 30px;
	font-size: 3rem
}
.tp046 h4, .tp047 h4 {
	font-size: 18px;
	font-size: 1.8rem
}
.tp048 .item-inner:before {
	z-index: 2
}
.tp048 .item-inner:hover:before {
	opacity: 0
}
.tp048 .item-inner:hover .figure:before {
	opacity: 0.7
}
.tp048 .text {
	font-size: 35px;
	font-size: 3.5rem;
	z-index: 1
}
.tp049, .tp051, .tp052, .tp053, .tp078, .tp079 {
	padding: 70px 5%
}
.tp050:after {
	height: 100px
}
.tp050 .model-inner {
	padding: 100px 5% 150px
}
.tp050 .item-group {
	padding: 0 0 60px
}
.tp051 .item-group {
	-moz-transform: translate(4%, 0);
	-ms-transform: translate(4%, 0);
	-webkit-transform: translate(4%, 0);
	transform: translate(4%, 0)
}
.tp051 .item {
	padding: 0 10px 0 100px
}
.tp051 dt {
	font-size: 32px;
	font-size: 3.2rem
}
.tp051 dd {
	line-height: 1.8
}
.tp051 dd:before {
	top: 18px
}
.tp051 span {
	font-size: 15px;
	font-size: 1.5rem
}
.tp052:before, .tp053:before {
	height: 400px
}
.tp052 .slogan, .tp053 .slogan {
	font-size: 46px;
	font-size: 4.6rem
}
.tp052 .btn:hover {
	background: rgba(0,0,0,0.3)
}
.tp053 .btn:hover {
	background: rgba(255,255,255,0.3)
}
.tp054 .item {
	width: 16.6666%
}
.tp055 {
	padding: 110px 0 150px
}
.tp055 .title {
	font-size: 50px;
	font-size: 5rem
}
.tp055 .item-group {
	padding: 50px 30px 0
}
.tp055 .item-inner:before {
	display: none
}
.tp055 .item-inner:hover .text {
	-moz-transform: translate(0, -100%);
	-ms-transform: translate(0, -100%);
	-webkit-transform: translate(0, -100%);
	transform: translate(0, -100%)
}
.tp055 .text {
	background: rgba(0,0,0,0.7);
	height: 100%;
	bottom: auto;
	-moz-transform: translate(0, -70px);
	-ms-transform: translate(0, -70px);
	-webkit-transform: translate(0, -70px);
	transform: translate(0, -70px)
}
.tp055 .sub-nav a {
	font-size: 18px;
	font-size: 1.8rem
}
.tp055 .sub-nav a:hover {
	color: #2D88CF
}
.tp056 .item-group, .tp057 .item-group {
	padding: 0 0 60px
}
.tp056 .swiper-sec, .tp057 .swiper-sec {
	padding: 0 20px
}
.tp056 .item-inner:hover .figure:before, .tp057 .item-inner:hover .figure:before {
	background: rgba(0,0,0,0.15)
}
.tp056 .item-inner:hover .figure:after, .tp057 .item-inner:hover .figure:after {
	-moz-transform: scale(1) translate(-50%, -50%);
	-ms-transform: scale(1) translate(-50%, -50%);
	-webkit-transform: scale(1) translate(-50%, -50%);
	transform: scale(1) translate(-50%, -50%)
}
.tp056 .item-inner:hover h3, .tp057 .item-inner:hover h3 {
	color: #2D88CF
}
.tp056 .swiper-button-prev, .tp056 .swiper-button-next, .tp057 .swiper-button-prev, .tp057 .swiper-button-next {
	width: 50px;
	height: 50px;
	margin: -50px 0 0
}
.tp056 .info-nav {
	width: 270px;
	float: left
}
.tp056 .detail {
	padding: 0 0 0 40px;
	overflow: hidden
}
.tp056 .head {
	text-align: left
}
.tp056 .item {
	width: 33.333%
}
.tp057 .item, .tp057 .swiper-slide {
	width: 25%
}
.tp058, .tp076 {
	padding: 70px 20px 50px
}
.tp058 .figure-wrap, .tp076 .figure-wrap {
	width: 50%
}
.tp058 .min-figure .item-inner:hover, .tp076 .min-figure .item-inner:hover {
	opacity: 1;
	filter: alpha(opacity=100)
}
.tp058 .min-figure .item-inner:hover:before, .tp076 .min-figure .item-inner:hover:before {
	background: none
}
.tp058 .head h3, .tp076 .head h3 {
	font-size: 21px;
	font-size: 2.1rem
}
.tp058 .features dl, .tp058 .spec-table dl, .tp076 .features dl, .tp076 .spec-table dl {
	padding: 15px 0 5px
}
.tp058 .features dt, .tp058 .features caption, .tp058 .spec-table dt, .tp058 .spec-table caption, .tp076 .features dt, .tp076 .features caption, .tp076 .spec-table dt, .tp076 .spec-table caption {
	font-size: 20px;
	font-size: 2rem
}
.tp058 .features dd, .tp058 .features th, .tp058 .features td, .tp058 .spec-table dd, .tp058 .spec-table th, .tp058 .spec-table td, .tp076 .features dd, .tp076 .features th, .tp076 .features td, .tp076 .spec-table dd, .tp076 .spec-table th, .tp076 .spec-table td {
	font-size: 14px;
	font-size: 1.4rem
}
.tp058 .features th, .tp058 .features td, .tp058 .spec-table th, .tp058 .spec-table td, .tp076 .features th, .tp076 .features td, .tp076 .spec-table th, .tp076 .spec-table td {
	padding: 8px 5px
}
.tp058 .features, .tp076 .features {
	padding: 15px 0 0
}
.tp058 .spec-table, .tp076 .spec-table {
	padding: 15px 0 20px
}
.tp058 .btn-wrap, .tp076 .btn-wrap {
	text-align: left
}
.tp058 .btn-wrap .btn, .tp076 .btn-wrap .btn {
	margin: 10px 10px 0 0
}
.tp058 .btn-wrap .btn:hover, .tp076 .btn-wrap .btn:hover {
	background: #333;
	border: 1px solid #333;
	color: #fff
}
.tp058 .btn-wrap .btn-inquiry:hover:before, .tp076 .btn-wrap .btn-inquiry:hover:before {
	background: url(../images/tp058-plus-w.png) center no-repeat
}
.tp058 .btn-wrap .btn-download:hover:before, .tp076 .btn-wrap .btn-download:hover:before {
	background: url(../images/tp058-download-w.png) center no-repeat
}
.tp058 .figure-wrap {
	float: right
}
.tp058 .text-info {
	margin: 0 50% 0 0;
	padding: 0 30px 0 0
}
.tp059 .figure {
	width: 41%
}
.tp059 .text {
	margin: 0 0 0 41%;
	padding: 20px 10px 10px 0
}
.tp059 .text span {
	padding: 0 0 10px;
	font-size: 18px;
	font-size: 1.8rem
}
.tp059 .text h3 {
	font-size: 21px;
	font-size: 2.1rem
}
.tp059 .btn-del:hover {
	background-size: 30px
}
.tp060 {
	padding: 80px 5%
}
.tp061 {
	background: #f5f5f5
}
.tp061 .company-info, .tp061 .map-wrap {
	display: inline-block;
	vertical-align: middle
}
.tp061 .map-wrap {
	width: 64%;
	height: 500px;
	right: 36%
}
.tp061 .company-info {
	width: 36%;
	left: 64%;
	padding: 0 3%
}
.tp061 .company-info h2 {
	padding: 0 0 30px
}
.tp061 .company-info h3 {
	padding: 50px 0 0
}
.tp062 .figure {
	width: 360px
}
.tp062 .text {
	margin: 0 0 0 360px;
	position: static
}
.tp062 p {
	line-height: 2;
	-webkit-line-clamp: 6;
	max-height: 95px
}
.tp062 .btn {
	left: 360px
}
.tp062 .btn:hover {
	background: #2D88CF;
	color: #fff;
	border: 1px solid #2D88CF
}
.tp062 .btn:hover:after {
	border-color: #fff
}
.tp063 {
	padding: 40px 5% 70px
}
.tp063 .head {
	padding: 0 0 40px
}
.tp063 .date {
	padding: 20px 0 0
}
.tp063 .list a:hover {
	color: #111
}
.tp063 .btn {
	font-size: 15px;
	font-size: 1.5rem
}
.tp063 .btn:hover {
	background: none;
	color: #2D88CF
}
.tp063 .btn:hover:before {
	border-color: #2D88CF
}
.tp064 {
	padding: 50px 5% 70px
}
.tp064 .item {
	width: 33.333%
}
.tp064 .itme-inner:hover .figure:before {
	background: rgba(0,0,0,0.7)
}
.tp065 td a:hover {
	text-decoration: underline
}
.tp065 .btn-del:hover {
	background: url(../images/tp065-del-hover.png) center no-repeat
}
.tp065 .btn:hover {
	background: #d90000
}
.tp066 {
	padding: 70px 10px
}
.tp066 .two-row {
	display: table;
	width: 100%;
	padding: 20px 0 0
}
.tp066 .row2 {
	display: table-cell;
	vertical-align: top;
	width: 50%;
	background: #f5f5f5;
	border: 7px solid #FFF;
	padding: 30px
}
.tp066 .inquiry-form .figure:hover:before {
	border: 2px solid #2D88CF
}
.tp066 .inquiry-form .pd-path a:hover {
	color: #2D88CF
}
.tp066 .inquiry-form .btn-del:hover {
	background: url(../images/tp066-del-hover.png) center no-repeat;
	-moz-transform: scale(1.2, 1.2);
	-ms-transform: scale(1.2, 1.2);
	-webkit-transform: scale(1.2, 1.2);
	transform: scale(1.2, 1.2)
}
.tp066 .inquiry-form .btn:hover {
	background: none;
	color: #2D88CF
}
.tp067 tr:hover td {
	background: #f5f5f5
}
.tp067 td {
	font-size: 15px;
	font-size: 1.5rem;
	padding: 10px 20px
}
.tp067 .btn:hover {
	-moz-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1)
}
.tp068 .item {
	padding: 0 20px 60px
}
.tp068 .figure {
	width: 180px
}
.tp068 .text {
	margin: 0 0 0 195px
}
.tp068 h3 {
	font-size: 18px;
	font-size: 1.8rem
}
.tp068 dt, .tp068 dd {
	padding: 5px 0
}
.tp068 dt {
	padding-right: 10px;
	font-size: 14px;
	font-size: 1.4rem
}
.tp068 dd {
	font-size: 15px;
	font-size: 1.5rem
}
.tp068 .btn {
	padding: 10px 25px;
	left: 195px;
	overflow: hidden
}
.tp068 .btn:hover {
	background: #96BB36;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background-clip: padding-box
}
.tp069 {
	padding: 40px 0 100px
}
.tp069 .head {
	padding: 0 0 40px
}
.tp070 {
	padding: 40px 0 100px
}
.tp070 .item:nth-child(even) .figure {
	left: 50%
}
.tp070 .item:nth-child(even) .text {
	right: 50%
}
.tp070 .item-inner {
	max-width: none
}
.tp070 .text, .tp070 .figure {
	display: inline-block;
	vertical-align: middle;
	width: 50%
}
.tp070 .text {
	padding: 30px 3%
}
.tp070 h3 {
	font-size: 28px;
	font-size: 2.8rem;
	padding: 0 0 15px
}
.tp070 .btn-wrap {
	text-align: left
}
.tp070 .btn {
	font-size: 16px;
	font-size: 1.6rem;
	padding: 10px 30px
}
.tp070 .btn:hover {
	background: #2D88CF;
	color: #fff
}
.tp070 .btn:hover:after {
	font-weight: bold
}
.tp071 {
	padding: 20px 15px 30px
}
.tp071 .item {
	padding: 70px 0
}
.tp071 .head h2 {
	font-size: 36px;
	font-size: 3.6rem
}
.tp071 .head small {
	font-size: 16px;
	font-size: 1.6rem
}
.tp071 .text {
	padding: 40px 0 0
}
.tp072 {
	padding: 70px 3%
}
.tp073 .head {
	padding: 0 0 30px
}
.tp073 .item-inner:hover .text {
	background: #2D88CF
}
.tp074 .item-inner:hover .date span {
	color: #2D88CF
}
.tp074 .item-inner:hover .date strong {
	color: #111
}
.tp074 .text {
	padding: 20px 0 0
}
.tp074 .date {
	margin: -20px 0 0
}
.tp074 .date span {
	font-size: 140px;
	font-size: 14rem
}
.tp074 .date strong {
	font-size: 32px;
	font-size: 3.2rem
}
.tp074 .news-text {
	margin: 0 0 0 200px
}
.tp074 .news-text h3 {
	font-size: 20px;
	font-size: 2rem
}
.tp074 .news-text span {
	font-size: 16px;
	font-size: 1.6rem
}
.tp075 {
	padding: 100px 10px 100px
}
.tp075 .head {
	padding: 70px 10%
}
.tp075 .head .head-inner {
	padding: 15px 10%
}
.tp075 .head .head-inner:before {
	width: 10px
}
.tp075 .head p {
	font-size: 20px;
	font-size: 2rem
}
.tp075 .item-group {
	padding: 40px 10px
}
.tp075 .item-group:before {
	display: block
}
.tp075 .item-inner {
	max-width: 800px;
	padding: 0 0 0 15%
}
.tp075 .item-inner:hover .text:before {
	opacity: .5;
	filter: alpha(opacity=50)
}
.tp075 .text {
	width: 50%;
	text-align: left;
	padding: 45px 30px;
	bottom: auto;
	left: 0;
	top: 50%;
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%)
}
.tp075 .text h3 {
	font-size: 32px;
	font-size: 3.2rem
}
.tp075 .text p {
	font-size: 14px;
	font-size: 1.4rem;
	padding: 15px 0 0
}
.tp076 .figure-wrap {
	float: left
}
.tp076 .text-info {
	margin: 0 0 0 50%;
	padding: 0 0 0 30px
}
.tp077 .item {
	width: 33.333%;
	padding: 20px 15px
}
.tp078 .item-group:before {
	top: 0;
	left: 150px
}
.tp078 .item {
	padding: 25px 0
}
.tp078 .item-inner {
	padding: 0 0 0 220px
}
.tp078 .year {
	font-size: 40px;
	font-size: 4rem;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 50%;
	left: 0;
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	width: 160px
}
.tp078 .year:before {
	width: 20px;
	height: 20px;
	left: auto;
	right: 0
}
.tp078 .list {
	padding: 0
}
.tp079 .swiper-button-prev, .tp079 .swiper-button-next {
	width: 40px;
	height: 40px
}
.tp079 .item-inner {
	max-width: 1000px;
	padding: 0 20px 25px 0
}
.tp079 .item-inner:before, .tp079 .item-inner:after {
	content: '';
	display: block;
	position: absolute
}
.tp079 .item-inner:before {
	width: 98%;
	height: 96%;
	border: 4px solid #2D88CF;
	bottom: 0;
	right: 0;
	z-index: 1
}
.tp079 .item-inner:after {
	width: 160px;
	height: 20px;
	background: #fff;
	bottom: -8px;
	left: 15%;
	z-index: 2
}
.tp079 .figure, .tp079 .text {
	display: inline-block;
	vertical-align: top
}
.tp079 .figure {
	width: 60%
}
.tp079 .text {
	width: 40%;
	padding: 70px 10px 10px 40px
}
.tp079 .year {
	position: absolute;
	top: -5px;
	right: 10%;
	z-index: 2
}
.tp079 .year h3 {
	font-size: 50px;
	font-size: 5rem;
	line-height: 1;
	padding: 0 25px
}
.tp079 .year:before {
	display: none
}
.tp080 .item {
	padding: 25px 20px
}
.tp080 .item-inner {
	padding: 0
}
.tp080 tr {
	display: table-row
}
.tp080 td {
	display: table-cell;
	vertical-align: middle;
	border-bottom: 1px dashed #444;
	padding: 25px 10px
}
.tp080 .date, .tp080 .tag {
	position: relative;
	top: auto;
	left: auto;
	right: auto;
	text-align: center
}
.tp080 .date {
	width: 120px;
	text-align: center
}
.tp080 .tag {
	margin: 0
}
.tp080 .link {
	padding: 10px
}
.tp080 .link a:hover {
	color: #2D88CF
}
.tp083 .item-inner:hover .figure:before {
	background: rgba(0,0,0,0.7)
}
.tp083 .item-inner:hover .btn {
	opacity: 1;
	filter: alpha(opacity=100)
}
.tp084 .figure-wrap, .tp084 .text-info {
	vertical-align: top
}
.tp097 h3, .tp098 h3, .tp099 h3, .tp100 h3 {
	font-size: 30px;
	font-size: 3rem
}
.tp097 h4, .tp098 h4, .tp099 h4, .tp100 h4 {
	font-size: 18px;
	font-size: 1.8rem
}
.tp098 {
	padding: 120px 6%
}
}
@media screen and (min-width: 1200px) {
.tp007 .item-inner>.text, .tp007 .item-head, .tp083 .item-inner>.text, .tp083 .item-head {
	padding: 15px 20px
}
.tp007 .item-inner>.text h3, .tp007 .item-head h3, .tp083 .item-inner>.text h3, .tp083 .item-head h3 {
	font-size: 23px;
	font-size: 2.3rem
}
.tp007 .item-inner>.text span, .tp007 .item-head span, .tp083 .item-inner>.text span, .tp083 .item-head span {
	font-size: 14px;
	font-size: 1.4rem
}
.tp021 .swiper-container, .tp073 .swiper-container {
	max-width: 1280px
}
.tp021 .swiper-slide, .tp073 .swiper-slide {
	width: 25%
}
.tp043 {
	padding: 70px 0 120px
}
.tp043 .text h2 {
	font-size: 17px;
	font-size: 1.7rem
}
.tp043 .onView .text h2 {
	font-size: 24px;
	font-size: 2.4rem
}
.tp044 {
	padding: 0
}
.tp044:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 0;
	height: 670px
}
.tp044 .model-inner {
	display: inline-block;
	vertical-align: middle
}
.tp044 .head h2 {
	font-size: 50px;
	font-size: 5rem
}
.tp044 .head small {
	font-size: 20px;
	font-size: 2rem
}
.tp044 .text {
	font-size: 15px;
	font-size: 1.5rem
}
.tp045 dt {
	font-size: 21px;
	font-size: 2.1rem
}
.tp045 dd {
	font-size: 15px;
	font-size: 1.5rem
}
.tp046 h3, .tp047 h3 {
	font-size: 40px;
	font-size: 4rem
}
.tp055 .item {
	width: 33.333%
}
.tp066 .inquiry-form .pd-path {
	padding: 0 20px
}
.tp072 {
	padding: 100px 0
}
.tp072 .model-inner {
	max-width: 94%
}
.tp072 .video, .tp072 .text {
	display: inline-block;
	vertical-align: middle
}
.tp072 .video {
	width: 60%
}
.tp072 .text {
	width: 40%;
	padding: 0 3%
}
.tp072 .head {
	padding: 0 0 30px
}
.tp072 p {
	padding: 30px 0 0
}
.tp083 .item, .tp083 .swiper-slide {
	width: 24.999%
}
.tp097 h3, .tp098 h3, .tp099 h3, .tp100 h3 {
	font-size: 40px;
	font-size: 4rem
}
}
@media screen and (min-width: 1280px) {
.tp002 {
	padding: 10px 0
}
.tp004 .model-inner {
	/*padding: 100px 20px 85px*/
}
.tp016 .item {
	width: 24.999%
}
.tp030 .item {
	width: 24.999%
}
.tp030 .text {
	padding: 18px 10px
}
.tp030 .title {
	font-size: 20px;
	font-size: 2rem
}
.tp033 .text .text-inner {
	padding: 40px 50px 50px
}
.tp035 .item-group {
	padding: 60px 0 0
}
.tp035 .item {
	padding: 0 20px 30px
}
.tp048 .item {
	width: 33.333%
}
.tp055 {
	padding: 110px 30px 220px
}
.tp068 .item-group {
	-moz-transform: translate(3%, 0);
	-ms-transform: translate(3%, 0);
	-webkit-transform: translate(3%, 0);
	transform: translate(3%, 0)
}
}
@media screen and (min-width: 1400px) {
.tp075 .item-group:before {
	width: 75%
}
.tp075 .item {
	display: inline-block;
	vertical-align: top;
	width: 50%;
	padding: 20px
}
.tp075 .text {
	padding: 5%
}
.tp076 .text-info {
	padding: 0
}
}
@media screen and (min-width: 1680px) {
.tp046 .text {
	padding: 30px 10% 30px 5%
}
.tp047 .text {
	padding: 30px 5% 30px 10%
}
}
@font-face {
	font-family: 'CenturyGothicRegular';
	src: url("../../font/CenturyGothic/CenturyGothicRegular.eot");
	src: url("../../font/CenturyGothic/CenturyGothicRegular.eot?#iefix") format("embedded-opentype"), url("../../font/CenturyGothic/CenturyGothicRegular.woff2") format("woff2"), url("../../font/CenturyGothic/CenturyGothicRegular.woff") format("woff"), url("../../font/CenturyGothic/CenturyGothicRegular.ttf") format("truetype"), url("../../font/CenturyGothic/CenturyGothicRegular.svg#CenturyGothicRegular") format("svg");
	font-weight: normal;
	font-style: normal
}
@font-face {
	font-family: 'CenturyGothicBold';
	src: url("../../font/CenturyGothic/CenturyGothicBold.eot");
	src: url("../../font/CenturyGothic/CenturyGothicBold.eot?#iefix") format("embedded-opentype"), url("../../font/CenturyGothic/CenturyGothicBold.woff2") format("woff2"), url("../../font/CenturyGothic/CenturyGothicBold.woff") format("woff"), url("../../font/CenturyGothic/CenturyGothicBold.ttf") format("truetype"), url("../../font/CenturyGothic/CenturyGothicBold.svg#CenturyGothicBold") format("svg");
	font-weight: normal;
	font-style: normal
}
@font-face {
	font-family: 'HelveticaNeueLTStd35';
	src: url("../../font/HelveticaNeueLTStd/HelveticaNeueLTStd35.eot");
	src: url("../../font/HelveticaNeueLTStd/HelveticaNeueLTStd35.eot?#iefix") format("embedded-opentype"), url("../../font/HelveticaNeueLTStd/HelveticaNeueLTStd35.woff2") format("woff2"), url("../../font/HelveticaNeueLTStd/HelveticaNeueLTStd35.woff") format("woff"), url("../../font/HelveticaNeueLTStd/HelveticaNeueLTStd35.ttf") format("truetype"), url("../../font/HelveticaNeueLTStd/HelveticaNeueLTStd35.svg#HelveticaNeueLTStd35") format("svg");
	font-weight: normal;
	font-style: normal
}
@font-face {
	font-family: 'HelveticaNeueLTStd85';
	src: url("../../font/HelveticaNeueLTStd/HelveticaNeueLTStd85.eot");
	src: url("../../font/HelveticaNeueLTStd/HelveticaNeueLTStd85.eot?#iefix") format("embedded-opentype"), url("../../font/HelveticaNeueLTStd/HelveticaNeueLTStd85.woff2") format("woff2"), url("../../font/HelveticaNeueLTStd/HelveticaNeueLTStd85.woff") format("woff"), url("../../font/HelveticaNeueLTStd/HelveticaNeueLTStd85.ttf") format("truetype"), url("../../font/HelveticaNeueLTStd/HelveticaNeueLTStd85.svg#HelveticaNeueLTStd85") format("svg");
	font-weight: normal;
	font-style: normal
}
/*# sourceMappingURL=style.css.map */