html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video,
input,
placeholder,
textarea,
button,
label,
select {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	vertical-align: baseline;
	font-family: Verdana, Arial, "Microsoft JhengHei"
}

body,
* {
	outline: 0
}

ol,
ul {
	list-style: none;
	font-size: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
	display: block
}

audio,
canvas,
video {
	display: inline-block
}

audio:not([controls]) {
	display: none;
	height: 0
}

[hidden] {
	display: none
}

a {
	outline: 0;
	text-decoration: none
}

a:focus {
	outline: 0
}

a:active,
a:hover {
	outline: 0
}

abbr[title] {
	border-bottom: 1px dotted
}

b,
strong {
	font-weight: bold
}

dfn {
	font-style: italic
}

hr {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0
}

mark {
	background: #ff0;
	color: #000
}

code,
kbd,
pre,
samp {
	font-family: monospace, serif;
	font-size: 1em
}

pre {
	white-space: pre-wrap
}

q {
	quotes: "\201C" "\201D" "\2018" "\2019"
}

small {
	font-size: 80%
}

sub {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
	top: -0.5em
}

sub {
	bottom: -0.25em
}

img {
	max-width: 100%;
	height: auto
}

svg:not(:root) {
	overflow: hidden
}

figure {
	margin: 0;
	line-height: 0
}

legend {
	border: 0;
	padding: 0
}

button,
input,
select,
textarea {
	font-size: 100%;
	margin: 0
}

button,
input {
	line-height: normal
}

button,
select {
	text-transform: none
}

button,
html input[type="button"] {
	-webkit-appearance: button;
	cursor: pointer
}

input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer
}

button[disabled],
html input[disabled] {
	cursor: not-allowed
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0
}

input[type="search"] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0
}

textarea {
	overflow: auto;
	vertical-align: top
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

a {
	text-decoration: none
}

input[type=text]::-ms-clear {
	display: none;
	width: 0;
	height: 0
}

input[type=text]::-ms-reveal {
	display: none;
	width: 0;
	height: 0
}

input[type=text] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

html * {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

body {
	font-family: Verdana, Arial, "Microsoft JhengHei";
	color: #323232
}

a:link {
	color: #016364;
	text-decoration: none
}

a:hover,
a:active {
	color: #016364;
	text-decoration: underline;
	transition: color ease-in-out 0.15s
}

a:visited {
	color: #7a5937
}

.container {
	font-family: Verdana, Arial, "Microsoft JhengHei"
}

header {
	z-index: 9998
}

section.container {
	width: 100%
}

.sec section.container {
	padding-left: 2.5%;
	padding-right: 2.5%
}

.sec section.sp {
	width: 100%
}

.sec section.sp h2 {
	width: 100%;
	padding-left: 15px;
	padding-right: 15px
}

select:hover,
select:focus,
input[type="password"]:hover,
input[type="password"]:focus,
input[type="email"]:hover,
input[type="email"]:focus,
input[type="text"]:hover,
input[type="text"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="url"]:hover,
input[type="url"]:focus {
	background: white;
	color: #323232;
	border: #016364 solid 1px;
	transition: border-color ease-in-out 0.35s
}

.white {
	background-color: white;
	box-shadow: 0 3px 20px rgba(0, 0, 0, 0.5)
}

@media (max-width: 767px) {

	#main-menu-state,
	.main-menu-btn {
		display: inline-block
	}

	.header {
		padding-left: 1.25rem;
		padding-right: 1.25rem;
		padding-top: 0.5rem;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between
	}

	.sec section.sp {
		width: 100%;
		height: auto
	}
}

@media (max-width: 979px) {

	#jumpTo,
	#AU,
	#AZ,
	#AS,
	.accesskey {
		display: none
	}

	.header {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between
	}

	header {
		padding-bottom: 1rem
	}

	.hot {
		width: 92%;
		margin: 0px auto 0 auto;
		margin-left: 8%
	}
}

@media (min-width: 320px) {
	.hot {
		width: 96%;
		margin-left: 4%
	}
}

@media (min-width: 768px) {
	.header.flex {
		justify-content: flex-start
	}

	.hot {
		width: 738px;
		margin: 0px auto 0 auto
	}

	#main-menu-state,
	.main-menu-btn {
		display: none
	}
}

@media (min-width: 980px) {
	#jumpTo {
		position: fixed;
		z-index: 9999;
		display: inline-block;
		opacity: 0;
		color: gray
	}

	#jumpTo:focus {
		opacity: 1
	}

	.header.flex {
		justify-content: space-between;
		height: auto
	}

	.function_link,
	.header {
		width: 940px;
		margin: 0px auto 0 auto
	}

	.index .ft_container {
		width: 940px;
		margin: 0px auto 0 auto;
		padding-top: 3.125rem;
		padding-bottom: 3.125rem
	}

	.sec section.sp {
		width: 100%;
		height: 430px;
		padding-top: 220px
	}

	.sec section.sp h2 {
		width: 940px;
		padding: 0px
	}

	.sec section.sp.h2_sp6 {
		height: 300px;
		padding-top: 170px
	}

	.hot,
	.industrial_service,
	.news {
		width: 980px;
		margin: 0px auto 0 auto
	}

	.sec section.container {
		*zoom: 1;
		width: 940px;
		padding: 0px;
		padding-top: 25px;
		padding-bottom: 50px;
		margin: 0px auto 0 auto
	}
}

@media (min-width: 1200px) {

	.function_link,
	.header {
		width: 1170px
	}

	.col_3 {
		width: 100%
	}

	.index .ft_container {
		width: 1170px;
		margin: 0px auto 0 auto
	}

	.sec section.sp h2 {
		width: 1170px
	}

	.sec section.container {
		*zoom: 1;
		width: 1170px
	}

	.hot,
	.industrial_service,
	.news {
		width: 1170px;
		margin: 0px auto 0 auto
	}
}

@media (min-width: 1400px) {

	.function_link,
	.header {
		width: 1370px
	}

	.hot,
	.industrial_service,
	.news {
		width: 1370px;
		margin: 0px auto 0 auto
	}

	.index .ft_container {
		width: 1370px;
		margin: 0px auto 0 auto
	}

	.sec section.sp h2 {
		width: 1370px
	}

	.sec section.container {
		*zoom: 1;
		width: 1370px
	}

	.h2_sp1~.container {
		min-height: 800px
	}
}

@media (min-width: 1600px) {

	.index .function_link,
	.index .header {
		width: 1570px
	}

	.hot,
	.industrial_service,
	.news {
		width: 1570px;
		margin: 0px auto 0 auto
	}

	.index .ft_container {
		width: 1570px;
		margin: 0px auto 0 auto
	}
}

.mega-menu {
	z-index: 9999
}

@font-face {
	font-family: 'icomoon';
	src: url("../fonts/icomoon.eot?56cq5z");
	src: url("../fonts/icomoon.eot?56cq5z#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?56cq5z") format("truetype"), url("../fonts/icomoon.woff?56cq5z") format("woff"), url("../fonts/icomoon.svg?56cq5z#icomoon") format("svg");
	font-weight: normal;
	font-style: normal;
	font-display: block
}

[class^="icon-"],
[class*=" icon-"],
.mega-menu-title:before,
.column li:before,
.more:after,
.contentus:before,
.download a:before,
.pub_img a:before,
.Pubflex a:before,
.directory .pub_directory dd span a:before,
.sec .container .pages a.first:before,
.sec .container .pages a.previous:before,
.sec .container .pages a.next:before,
.sec .container .pages a.last:before,
.sm-green a .sub-arrow::before,
.sm-green a.highlighted .sub-arrow::before,
#toTop::before {
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

@media (min-width: 980px) {

	.sec .container .pages a.first:before,
	.sec .container .pages a.previous:before,
	.sec .container .pages a.next:before,
	.sec .container .pages a.last:before {
		font-family: "Microsoft JhengHei", Verdana, Arial !important
	}
}

.icon-left:before {
	content: "\e90f"
}

.icon-right:before {
	content: "\e910"
}

.mega-menu-title:before {
	content: "\e90e";
	color: #03a3a4;
	font-size: 1rem;
	margin-right: 0.5rem
}

.icon-home:before {
	content: "\e900"
}

.icon-close:before {
	content: "\e901"
}

.icon-up:before {
	content: "\e902"
}

.icon-down:before {
	content: "\e903"
}

.sm-green a .sub-arrow::before {
	content: "\e903"
}

.sm-green a.highlighted .sub-arrow::before {
	content: "\e902"
}

.icon-first-page:before {
	content: "\e904"
}

.icon-arrow-left:before {
	content: "\e905"
}

.icon-arrow-right:before,
.column li:before,
.more:after {
	content: "\e906"
}

.icon-last-page:before {
	content: "\e907"
}

.icon-mail2:before {
	content: "\e908"
}

.icon-menu:before {
	content: "\e909"
}

.icon-thumb-up:before {
	content: "\e90a"
}

.icon-download {
	margin-right: 0.5rem;
	display: inline-block
}

a:hover .icon-download {
	text-decoration: none
}

.icon-download:before,
.download a:before,
.pub_img a:before {
	content: "\e90b"
}

.icon-file-text:before {
	content: "\e90c"
}

.icon-file-text2:before,
.Pubflex a:before {
	content: "\e90d"
}

.icon-home {
	margin-right: 0.5rem
}

a:hover .icon-home {
	text-decoration: none;
	display: inline-block
}

.icon-search:before {
	content: "\e986"
}

.more:after {
	top: 3px;
	position: relative
}

.column li:before {
	font-size: 1rem;
	top: 3px;
	position: relative;
	color: #016364
}

.sm {
	box-sizing: border-box;
	position: relative;
	z-index: 9999;
	-webkit-tap-highlight-color: transparent
}

.sm,
.sm ul,
.sm li {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	line-height: normal;
	direction: ltr;
	text-align: left
}

.sm-rtl,
.sm-rtl ul,
.sm-rtl li {
	direction: rtl;
	text-align: right
}

.sm>li>h1,
.sm>li>h2,
.sm>li>h3,
.sm>li>h4,
.sm>li>h5,
.sm>li>h6 {
	margin: 0;
	padding: 0
}

.sm ul {
	display: none
}

.sm li,
.sm a {
	position: relative
}

.sm a {
	display: block
}

.sm a.disabled {
	cursor: default
}

.sm::after {
	content: "";
	display: block;
	height: 0;
	font: 0px/0 serif;
	clear: both;
	overflow: hidden
}

.sm *,
.sm *::before,
.sm *::after {
	box-sizing: inherit
}

.sm-green {
	background: transparent;
	border-radius: 0px
}

.sm-green a.has-submenu,
.sm-green a.has-submenu:hover,
.sm-green a.has-submenu:focus,
.sm-green a.has-submenu:active {
	padding: 0.625rem 1.25rem;
	padding-right: 3.625rem;
	background: transparent;
	color: #016364;
	font-size: 1.25rem;
	font-weight: normal;
	line-height: 1.5rem;
	text-decoration: none
}

.sm-green a.current {
	color: #016364;
	border-left: 9px solid #03a3a4
}

.sm-green a.disabled {
	color: #016364
}

.sm-green a .sub-arrow {
	position: absolute;
	top: 25%;
	left: auto;
	right: 1%;
	width: 34px;
	height: 34px;
	overflow: hidden;
	font: bold 2rem/2.125rem monospace !important;
	text-align: center;
	text-shadow: none;
	border-radius: 0px
}

.sm-green>li:first-child>a,
.sm-green>li:first-child>:not(ul) a {
	border-radius: 0px 0px 0 0
}

.sm-green>li:last-child>a,
.sm-green>li:last-child>*:not(ul) a,
.sm-green>li:last-child>ul,
.sm-green>li:last-child>ul>li:last-child>a,
.sm-green>li:last-child>ul>li:last-child>*:not(ul) a,
.sm-green>li:last-child>ul>li:last-child>ul,
.sm-green>li:last-child>ul>li:last-child>ul>li:last-child>a,
.sm-green>li:last-child>ul>li:last-child>ul>li:last-child>*:not(ul) a,
.sm-green>li:last-child>ul>li:last-child>ul>li:last-child>ul,
.sm-green>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>a,
.sm-green>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>*:not(ul) a,
.sm-green>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>ul,
.sm-green>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>a,
.sm-green>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>*:not(ul) a,
.sm-green>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>ul {
	border-radius: 0 0 0px 0px
}

.sm-green>li:last-child>a.highlighted,
.sm-green>li:last-child>*:not(ul) a.highlighted,
.sm-green>li:last-child>ul>li:last-child>a.highlighted,
.sm-green>li:last-child>ul>li:last-child>*:not(ul) a.highlighted,
.sm-green>li:last-child>ul>li:last-child>ul>li:last-child>a.highlighted,
.sm-green>li:last-child>ul>li:last-child>ul>li:last-child>*:not(ul) a.highlighted,
.sm-green>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>a.highlighted,
.sm-green>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>*:not(ul) a.highlighted,
.sm-green>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>a.highlighted,
.sm-green>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>*:not(ul) a.highlighted {
	border-radius: 0
}

.sm-green ul {
	background: #fff
}

.sm-green ul ul {
	background: rgba(102, 102, 102, 0.1)
}

.sm-green ul a.has-submenu,
.sm-green ul a.has-submenu:hover,
.sm-green ul a.has-submenu:focus,
.sm-green ul a.has-submenu:active {
	background: transparent;
	color: #353451;
	font-size: 1rem;
	text-shadow: none;
	border-left: 0.5rem solid transparent
}

.sm-green ul a.current {
	background: #2f2e47;
	background-image: linear-gradient(to bottom, #2d2c44, #31304b);
	color: #fff
}

.sm-green ul a.disabled {
	color: #b3b3b3
}

.sm-green ul ul a,
.sm-green ul ul a:hover,
.sm-green ul ul a:focus,
.sm-green ul ul a:active {
	border-left: 1rem solid transparent
}

.sm-green ul ul ul a,
.sm-green ul ul ul a:hover,
.sm-green ul ul ul a:focus,
.sm-green ul ul ul a:active {
	border-left: 1.5rem solid transparent
}

.sm-green ul ul ul ul a,
.sm-green ul ul ul ul a:hover,
.sm-green ul ul ul ul a:focus,
.sm-green ul ul ul ul a:active {
	border-left: 2rem solid transparent
}

.sm-green ul ul ul ul ul a,
.sm-green ul ul ul ul ul a:hover,
.sm-green ul ul ul ul ul a:focus,
.sm-green ul ul ul ul ul a:active {
	border-left: 2.5rem solid transparent
}

.sm-green ul li {
	border-top: 1px solid rgba(0, 0, 0, 0.05)
}

.sm-green ul li:first-child {
	border-top: 0
}

@media (min-width: 768px) {
	.sm-green ul {
		position: absolute;
		width: 12rem
	}

	.sm-green li {
		float: left;
		font-family: Verdana, Arial
	}

	.sm-green.sm-rtl li {
		float: right
	}

	.sm-green ul li,
	.sm-green.sm-rtl ul li,
	.sm-green.sm-vertical li {
		float: none
	}

	.sm-green a {
		white-space: nowrap;
		letter-spacing: -0.025rem
	}

	.sm-green ul a,
	.sm-green.sm-vertical a {
		white-space: normal
	}

	.sm-green .sm-nowrap>li>a,
	.sm-green .sm-nowrap>li>:not(ul) a {
		white-space: nowrap
	}

	.sm-green {
		background: transparent;
		border-radius: 0px
	}

	.sm-green a.has-submenu,
	.sm-green a.has-submenu:hover,
	.sm-green a.has-submenu:focus,
	.sm-green a.has-submenu:active,
	.sm-green a.has-submenu.highlighted {
		height: 60px;
		line-height: 60px;
		color: #016364;
		padding: 0;
		margin-right: 1.5vw;
		font-size: 1.0rem
	}

	.sm-green a.has-submenu:after,
	.sm-green a.has-submenu:hover:after,
	.sm-green a.has-submenu:focus:after,
	.sm-green a.has-submenu:active:after,
	.sm-green a.has-submenu.highlighted:after {
		position: absolute;
		left: 1px;
		right: 1px;
		bottom: -1px;
		z-index: 1;
		height: 9px;
		content: '';
		background-color: #00b2b3;
		-webkit-transform: scaleX(0);
		-ms-transform: scaleX(0);
		transform: scaleX(0);
		-webkit-transition: -webkit-transform 0.3s;
		transition: -webkit-transform 0.3s;
		transition: transform 0.3s;
		transition: transform 0.3s, -webkit-transform 0.3s
	}

	.sm-green a.has-submenu:hover:after,
	.sm-green a.has-submenu:focus:after,
	.sm-green a.has-submenu:active:after,
	.sm-green a.has-submenu.highlighted:after {
		height: 9px;
		background-color: #00b2b3;
		-webkit-transform: scaleX(1);
		-ms-transform: scaleX(1);
		transform: scaleX(1)
	}

	.sm-green a.current {
		background: #2f2e47;
		color: #fff
	}

	.sm-green a.disabled {
		background: #00a3a4;
		background-image: linear-gradient(to bottom, #4f4e79, #4b4a73);
		color: #9d9cbf
	}

	.sm-green a .sub-arrow {
		display: none
	}

	.sm-green a .sub-arrow::before {
		display: none
	}

	.sm-green>li:first-child>a,
	.sm-green>li:first-child>:not(ul) a {
		border-radius: 0px 0 0 0px
	}

	.sm-green>li:last-child>a,
	.sm-green>li:last-child>:not(ul) a {
		border-radius: 0 0px 0px 0 !important;
		margin-right: 0
	}

	.sm-green>li {
		border-left: 0px solid #434266
	}

	.sm-green>li:first-child {
		border-left: 0
	}

	.sm-green ul {
		border: 0px solid #a8a8a8;
		padding: 5px 0;
		background: #fff;
		border-radius: 0 0 0px 0px !important
	}

	.sm-green ul ul {
		border-radius: 0px !important;
		background: #fff
	}

	.sm-green ul a.has-submenu,
	.sm-green ul a.has-submenu:hover,
	.sm-green ul a.has-submenu:focus,
	.sm-green ul a.has-submenu:active,
	.sm-green ul a.has-submenu.highlighted {
		border: 0 !important;
		padding: 10px 23px;
		background: transparent;
		color: #353451;
		border-radius: 0 !important
	}

	.sm-green ul a.has-submenu:hover,
	.sm-green ul a.has-submenu:focus,
	.sm-green ul a.has-submenu:active,
	.sm-green ul a.has-submenu.highlighted {
		background: #00a3a4;
		background-image: linear-gradient(to bottom, #4f4e79, #4b4a73);
		color: #fff
	}

	.sm-green ul a.current {
		background: #2f2e47;
		background-image: linear-gradient(to bottom, #2d2c44, #31304b);
		color: #fff
	}

	.sm-green ul a.disabled {
		background: #fff;
		color: #b3b3b3
	}

	.sm-green ul a .sub-arrow {
		display: none;
		top: 50%;
		margin-top: -5px;
		bottom: auto;
		left: auto;
		margin-left: 0;
		right: 10px;
		border-style: dashed dashed dashed solid;
		border-color: transparent transparent transparent #dadae7
	}

	.sm-green ul li {
		border: 0
	}

	.sm-green .scroll-up,
	.sm-green .scroll-down {
		position: absolute;
		display: none;
		visibility: hidden;
		overflow: hidden;
		background: #fff;
		height: 20px
	}

	.sm-green .scroll-up-arrow,
	.sm-green .scroll-down-arrow {
		position: absolute;
		top: -2px;
		left: 50%;
		margin-left: -8px;
		width: 0;
		height: 0;
		overflow: hidden;
		border-width: 8px;
		border-style: dashed dashed solid dashed;
		border-color: transparent transparent #353451 transparent
	}

	.sm-green .scroll-down-arrow {
		top: 6px;
		border-style: solid dashed dashed dashed;
		border-color: #353451 transparent transparent transparent
	}

	.sm-green.sm-rtl.sm-vertical a .sub-arrow {
		right: auto;
		left: 10px;
		border-style: dashed solid dashed dashed;
		border-color: transparent #dadae7 transparent transparent
	}

	.sm-green.sm-rtl>li:first-child>a,
	.sm-green.sm-rtl>li:first-child>:not(ul) a {
		border-radius: 0 0px 0px 0
	}

	.sm-green.sm-rtl>li:last-child>a,
	.sm-green.sm-rtl>li:last-child>:not(ul) a {
		border-radius: 0px 0 0 0px !important
	}

	.sm-green.sm-rtl>li:first-child {
		border-left: 0px solid #434266
	}

	.sm-green.sm-rtl>li:last-child {
		border-left: 0
	}

	.sm-green.sm-rtl ul a .sub-arrow {
		right: auto;
		left: 10px;
		border-style: dashed solid dashed dashed;
		border-color: transparent #dadae7 transparent transparent
	}

	.sm-green.sm-vertical a {
		padding: 9px 23px
	}

	.sm-green.sm-vertical a .sub-arrow {
		top: 50%;
		margin-top: -5px;
		bottom: auto;
		left: auto;
		margin-left: 0;
		right: 10px;
		border-style: dashed dashed dashed solid;
		border-color: transparent transparent transparent #dadae7
	}

	.sm-green.sm-vertical>li:first-child>a,
	.sm-green.sm-vertical>li:first-child>:not(ul) a {
		border-radius: 0px 0px 0 0
	}

	.sm-green.sm-vertical>li:last-child>a,
	.sm-green.sm-vertical>li:last-child>:not(ul) a {
		border-radius: 0 0 0px 0px !important
	}

	.sm-green.sm-vertical>li {
		border-left: 0 !important
	}

	.sm-green.sm-vertical ul {
		border-radius: 0px !important
	}

	.sm-green.sm-vertical ul a {
		padding: 10px 23px
	}

	.sm-green .mega-menu-title {
		margin-top: 1.5rem
	}

	.sm-green .mega-menu-title.icon-magamenu:before {
		font-size: 1rem;
		margin-right: 0.5rem
	}

	.column li:before {
		font-size: 1rem
	}
}

@media (min-width: 980px) {

	.sm-green a.has-submenu,
	.sm-green a.has-submenu:hover,
	.sm-green a.has-submenu:focus,
	.sm-green a.has-submenu:active,
	.sm-green a.has-submenu.highlighted {
		font-size: 1.0rem;
		height: 70px;
		line-height: 70px;
		padding: 0;
		margin-right: 1.5rem
	}

	.sm-green>li:last-child>a,
	.sm-green>li:last-child>:not(ul) a {
		margin-right: 1.5rem
	}
}

@media (min-width: 1200px) {

	.sm-green a.has-submenu,
	.sm-green a.has-submenu:hover,
	.sm-green a.has-submenu:focus,
	.sm-green a.has-submenu:active,
	.sm-green a.has-submenu.highlighted {
		font-size: 1.125rem;
		margin-right: 3vw;
		height: 80px;
		line-height: 80px
	}

	.sm-green li:last-child {
		margin-right: 2.5rem
	}

	.sm-green>li:last-child>a,
	.sm-green>li:last-child>:not(ul) a {
		margin-right: 3vw
	}
}

@media (min-width: 1400px) {

	.sm-green a.has-submenu,
	.sm-green a.has-submenu:hover,
	.sm-green a.has-submenu:focus,
	.sm-green a.has-submenu:active,
	.sm-green a.has-submenu.highlighted {
		font-size: 1.25rem;
		margin-right: 3vw
	}

	.sm-green li:last-child {
		margin-right: 3.5rem
	}

	.sm-green>li:last-child>a,
	.sm-green>li:last-child>:not(ul) a {
		margin-right: 3vw
	}
}

header {
	position: fixed;
	background: rgba(255, 255, 255, 0.9);
	width: 100%;
	top: 0;
	left: 0
}

.main-nav:after {
	clear: both;
	content: "\00a0";
	display: block;
	height: 0;
	font: 0px/0 serif;
	overflow: hidden
}

.nav-brand {
	float: left;
	margin: 0
}

#main-menu {
	clear: both;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none
}

#main-menu,
#main-menu>.has-mega-menu {
	position: static !important
}

#main-menu .mega-menu {
	margin-left: 0 !important;
	right: 0 !important;
	width: auto !important;
	max-width: none !important
}

#main-menu>.has-mega-menu .scroll-up,
#main-menu>.has-mega-menu .scroll-down {
	margin-left: 0 !important
}

#main-menu .mega-menu {
	color: #c6caca;
	background-color: #f4f4f5;
	border-top: solid 1px #00b2b3;
	box-shadow: 0rem 6px 6px 0px rgba(0, 0, 0, 0.15);
	padding-top: 1rem;
	padding-bottom: 4rem;
	background-image: url("../images/magamenu_bg.png");
	background-repeat: no-repeat;
	background-position: left bottom;
	min-height: 300px
}

#main-menu .mega-menu ul {
	position: static;
	display: block;
	margin: 0.83em 0;
	border: 0;
	padding: 0 0 0 20px;
	width: auto;
	background: transparent;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none
}

#main-menu .mega-menu ul li {
	display: list-item;
	list-style-type: disc;
	border: 0;
	margin-top: 1.5rem;
	display: flex;
	flex-wrap: nowrap
}

#main-menu .mega-menu a {
	display: inline;
	border: 0;
	padding: 0;
	background: transparent;
	color: inherit;
	font-size: 1.125rem
}

#main-menu .mega-menu a:link {
	color: #016364;
	text-decoration: none
}

#main-menu .mega-menu a:hover,
#main-menu .mega-menu a:active {
	color: #016364;
	text-decoration: underline;
	transition: color ease-in-out 0.15s
}

#main-menu .mega-menu a:visited {
	color: #7a5937
}

#main-menu .mega-menu .mega-menu-title a,
#main-menu .mega-menu .mega-menu-title a:link,
#main-menu .mega-menu .mega-menu-title a:hover,
#main-menu .mega-menu .mega-menu-title a:active,
#main-menu .mega-menu .mega-menu-title a:visited {
	font-size: 1.5rem;
	font-weight: bold;
	font-family: "Microsoft JhengHei", Verdana, Arial !important
}

#main-menu .mega-menu .column-1-3 {
	padding: 0 20px
}

.mega-menu-sample-image {
	margin: 0.83em 0;
	border: 1px solid;
	height: 80px;
	line-height: 80px;
	text-align: center
}

#main-menu:before {
	content: '';
	display: block;
	height: 1px;
	font: 1px/1px sans-serif;
	overflow: hidden;
	background: #4b4a73
}

.main-menu-btn {
	float: right;
	margin: 10px 0;
	position: relative;
	display: inline-block;
	width: 29px;
	height: 29px;
	text-indent: 29px;
	white-space: nowrap;
	overflow: hidden;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent
}

.main-menu-btn-icon,
.main-menu-btn-icon:before,
.main-menu-btn-icon:after {
	position: absolute;
	top: 50%;
	left: 2px;
	height: 3px;
	width: 24px;
	background: #046566;
	-webkit-transition: all 0.25s;
	transition: all 0.25s
}

.main-menu-btn-icon:before {
	content: '';
	top: -7px;
	left: 0
}

.main-menu-btn-icon:after {
	content: '';
	top: 7px;
	left: 0
}

#main-menu-state:checked~.main-menu-btn .main-menu-btn-icon {
	height: 0;
	background: transparent
}

#main-menu-state:checked~.main-menu-btn .main-menu-btn-icon:before {
	top: 0;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

#main-menu-state:checked~.main-menu-btn .main-menu-btn-icon:after {
	top: 0;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

#main-menu-state {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	border: 0;
	padding: 0;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px)
}

#main-menu-state:not(:checked)~#main-menu {
	display: none
}

#main-menu-state:checked~#main-menu {
	display: block
}

.SnavOpen,
.white.SnavOpen {
	background: #00a3a3
}

.SnavOpen .function_link ul {
	justify-content: center;
	padding-top: 1rem;
	padding-bottom: 0.5rem
}

.SnavOpen .function_link ul li {
	width: 30%;
	text-align: center;
	border-right: 1px solid #ffffff
}

.SnavOpen .function_link ul li a:link,
.SnavOpen .function_link ul li a:hover,
.SnavOpen .function_link ul li a:visited,
.SnavOpen .function_link ul li a:active {
	color: #052929;
	font-weight: bold;
	width: 100%;
	text-align: center;
	padding: 0
}

.SnavOpen .function_link ul li:last-child {
	border-right: 0
}

.SnavOpen .header {
	padding: 0
}

.SnavOpen .main-menu-btn {
	float: none;
	position: absolute;
	top: 0px;
	right: 0;
	margin-right: 3%
}

.SnavOpen #main-menu:before {
	background: #9ecbc8
}

.SnavOpen .sm-green a:link,
.SnavOpen .sm-green a:hover,
.SnavOpen .sm-green a:visited,
.SnavOpen .sm-green a:active {
	color: #ffffff;
	font-size: 1.25rem;
	height: 3.3rem;
	line-height: 3.3rem;
	padding: 0px 3%
}

.SnavOpen .sm-green a.highlighted {
	background-color: #016364
}

.SnavOpen .sm-green .mega-menu-title {
	font-size: 1.125rem;
	color: #016364
}

.SnavOpen #main-menu li {
	border-bottom: solid 1px #9ecbc8
}

.SnavOpen #main-menu .mega-menu {
	background-color: #e5e9e9;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 1.25rem;
	padding-right: 3.625rem
}

.SnavOpen #main-menu .mega-menu li {
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	border: 0
}

.SnavOpen #main-menu .mega-menu li .mega-menu-title a {
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	font-size: 1.3rem;
	text-decoration: none
}

.SnavOpen #main-menu .mega-menu ul {
	display: none
}

@media (max-width: 767px) {
	.main-nav {
		order: 2
	}

	.navOpen+.main-nav {
		width: 100%
	}
}

@media (max-width: 979px) {
	#main-menu .mega-menu a {
		font-size: 1.0rem;
		white-space: normal
	}
}

@media (min-width: 768px) {
	#main-menu {
		float: right;
		clear: none
	}

	.main-nav {
		overflow-y: inherit
	}

	#main-menu:before {
		display: none
	}

	#main-menu .mega-menu>li {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		padding: 0rem 15px
	}

	#main-menu .mega-menu .mega-menu-title a,
	#main-menu .mega-menu .mega-menu-title a:link,
	#main-menu .mega-menu .mega-menu-title a:hover,
	#main-menu .mega-menu .mega-menu-title a:active,
	#main-menu .mega-menu .mega-menu-title a:visited {
		font-size: 1.125rem
	}

	#main-menu>.has-mega-menu {
		margin-right: 0px
	}

	#main-menu .mega-menu>li .column:first-child {
		display: none
	}

	#main-menu .mega-menu .column {
		width: 33%
	}

	#main-menu:before {
		display: none
	}

	.main-menu-btn {
		position: absolute;
		top: -99999px
	}

	#main-menu-state:not(:checked)~#main-menu {
		display: block;
		margin-top: 0px
	}
}

@media (min-width: 980px) {

	#main-menu .mega-menu .mega-menu-title a,
	#main-menu .mega-menu .mega-menu-title a:link,
	#main-menu .mega-menu .mega-menu-title a:hover,
	#main-menu .mega-menu .mega-menu-title a:active,
	#main-menu .mega-menu .mega-menu-title a:visited {
		font-size: 1.5rem;
		font-weight: bold;
		font-family: "Microsoft JhengHei", Verdana, Arial !important
	}

	#main-menu>.has-mega-menu {
		margin-right: 0px
	}

	#main-menu .mega-menu .column {
		width: 33.3%
	}

	#main-menu .mega-menu .column ul {
		padding: 0;
		padding-left: 0.85rem
	}

	#main-menu .mega-menu>li {
		width: 940px;
		margin: 0px auto;
		padding: 0;
		display: flex;
		flex-wrap: nowrap;
		justify-content: space-between
	}

	#main-menu .mega-menu .title {
		display: none
	}
}

@media (min-width: 1200px) {
	#main-menu .mega-menu>li {
		width: 1170px;
		padding: 0rem 15px
	}

	#main-menu .mega-menu .column {
		min-width: 25%
	}

	#main-menu .mega-menu .column:nth-child(4n+2) {
		margin-right: 2%
	}

	#main-menu .mega-menu .column:nth-child(4n+3) {
		margin-right: 2%
	}

	#main-menu .mega-menu .column:nth-child(4n+4) {
		margin-right: 2%
	}

	#main-menu .mega-menu .column ul {
		padding: 0;
		padding-left: 0.85rem
	}

	#main-menu .mega-menu>li .column:first-child {
		display: flex;
		flex-wrap: nowrap;
		width: 30%;
		display: none
	}

	#main-menu .mega-menu .title {
		display: block;
		font-size: 2.125rem;
		font-weight: bold;
		color: #c6caca;
		margin-top: 25px
	}
}

@media (min-width: 1400px) {
	#main-menu .mega-menu .column {
		width: 25%
	}

	#main-menu .mega-menu .column:nth-child(4n+2) {
		margin-right: 2%
	}

	#main-menu .mega-menu .column:nth-child(4n+3) {
		margin-right: 2%
	}

	#main-menu .mega-menu .column:nth-child(4n+4) {
		margin-right: 2%
	}

	#main-menu .mega-menu .column ul {
		padding: 0;
		padding-left: 1rem
	}

	#main-menu .mega-menu>li .column:first-child {
		width: 25%;
		display: flex
	}

	#main-menu .mega-menu>li {
		width: 1370px;
		padding: 0 15px
	}

	#main-menu .mega-menu .title {
		font-size: 2.25rem
	}
}

.function_link {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	margin-top: 8px
}

.function_link ul {
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-end;
	font-size: 1rem;
	margin: 0
}

.function_link li a {
	padding-left: 8px;
	padding-right: 8px
}

@media (max-width: 767px) {
	.function_link {
		display: none
	}

	.function_link.navOpen {
		display: block;
		margin-top: 2rem
	}
}

@media (max-width: 979px) {
	.function_link {
		justify-content: flex-end
	}
}

.search_form {
	margin: 0px auto;
	width: 80%
}

.search_form input[type="search"] {
	-webkit-appearance: none;
	padding: 0px 10px;
	font-size: 1rem;
	float: left;
	background: #ffffff;
	border: 0;
	border-bottom-left-radius: 5px;
	border-top-left-radius: 5px;
	border-bottom-right-radius: 0px;
	border-top-right-radius: 0px;
	line-height: 35px;
	width: 80%
}

::-webkit-input-placeholder {
	color: #767676;
	font-weight: normal;
	opacity: 0.75
}

:-ms-input-placeholder {
	color: #767676;
	font-weight: normal;
	opacity: 0.75
}

::placeholder {
	color: #767676;
	font-weight: normal;
	opacity: 0.75
}

.search_form button {
	padding: 0;
	cursor: pointer;
	background: transparent;
	width: 7.1875rem
}

.search_form::after {
	content: "";
	clear: both;
	display: table
}

.icon-search:before {
	color: #016364
}

.headbar_search i.icon-search {
	display: inline-block;
	cursor: pointer;
	width: 40px;
	height: 40px;
	background-color: transparent;
	margin-top: 15px;
	text-align: center;
	padding-top: 11px;
	transition: background-color 0.6s
}

.headbar_search i.icon-search:hover,
.headbar_search i.icon-search:active {
	background-color: #006365
}

.headbar_search i.icon-search:hover:before,
.headbar_search i.icon-search:active:before {
	color: #ffffff
}

.headbar_search i.icon-search.search_close {
	display: inline-block;
	cursor: pointer;
	width: 40px;
	height: 40px;
	background: #006365;
	color: #ffffff;
	margin-top: .9375rem;
	text-align: center;
	padding-top: .9375rem
}

.headbar_search i.icon-search.search_close:before,
.headbar_search i.icon-search.search_close:after {
	position: relative;
	display: block;
	top: 50%;
	left: 8px;
	height: 2px;
	width: 1.5rem;
	background: #ffffff
}

.headbar_search i.icon-search.search_close:before {
	content: "";
	top: 2px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.headbar_search i.icon-search.search_close:after {
	content: "";
	top: 0;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

@media (max-width: 320px) {
	.search_form input[type="search"] {
		width: 76%
	}
}

@media (max-width: 979px) {
	.headbar_search {
		display: none
	}

	.search_block {
		width: 100%;
		order: 3;
		margin-top: 10px
	}

	.search_form {
		margin: 0px auto;
		width: 100%;
		display: flex;
		flex-wrap: nowrap
	}

	.search_form input[type="text"] {
		width: 95%;
		background-color: #e6e6e6;
		height: 40px;
		padding-right: 0.5rem;
		padding-left: 1rem;
		-webkit-appearance: none;
		-webkit-border-radius: 0;
		-moz-appearance: none;
		appearance: none
	}

	.search_form input[type="text"]:hover,
	.search_form input[type="text"]:focus {
		outline: #b99959 solid 4px;
		border: 0;
		background: #e6e6e6
	}

	.search_form button {
		width: 10%;
		background: #e6e6e6;
		height: 40px;
		text-align: center;
		font-size: 1.5rem
	}

	.search_form button:focus {
		outline: 0;
		border: 0
	}

	.search_form i.icon-search {
		display: inline-block;
		line-height: inherit;
		min-width: 25px;
		width: 15%;
		cursor: pointer
	}

	.hot_keyword {
		display: none
	}
}

@media (min-width: 768px) {
	.search_form input[type="search"] {
		width: 84%
	}
}

@media (min-width: 980px) {
	.search_block {
		display: none;
		opacity: 0;
		background-color: #f4f4f5;
		position: absolute;
		width: 100%;
		left: 0;
		top: 6.1875rem;
		z-index: 9999;
		height: 0rem;
		border-top: 1px solid #00b2b3
	}

	.search_block.show {
		height: 18.75rem;
		position: absolute;
		width: 100%;
		left: 0;
		z-index: 9999;
		opacity: 1;
		box-shadow: 0px 7px 15px -2px rgba(0, 0, 0, 0.5)
	}

	.search_block input {
		width: 37.5rem;
		height: 75px;
		line-height: 4.6875rem;
		padding-left: 1rem;
		background: transparent
	}

	.search_block input[title="進階搜尋"] {
		color: #03a3a4;
		font-size: 1.5rem;
		font-weight: bold
	}

	.search_block input[type="text"]:hover {
		border-width: 0px;
		background: transparent;
		outline: 0
	}

	.search_form {
		font-weight: bold;
		font-size: 1.25rem;
		color: #333333;
		width: 45.625rem;
		margin: 3.125rem auto 1.125rem auto;
		border: solid 4px #03a3a4
	}

	.search_form:hover,
	.search_form:focus {
		border-width: 4px;
		background: #ffffff
	}

	.search_form input[type="text"]:focus {
		border-width: 0px;
		outline: #b99959 solid 4px;
		transition: background ease-in-out 0.15s;
		background: #fff
	}

	.search_form button {
		width: 115px;
		height: 75px
	}

	.search_form button i.icon-search {
		display: inline-block
	}

	.search_form button:focus {
		outline: #b99959 solid 4px;
		transition: background ease-in-out 0.15s;
		background: #fff
	}

	.hot_keyword {
		font-size: 1.25rem;
		font-weight: bold;
		width: 45.625rem;
		margin: 3.125rem auto;
		display: flex;
		flex-wrap: nowrap
	}

	.hot_keyword .hot_label {
		width: 15%;
		font-weight: normal
	}

	.hot_keyword .result {
		width: 85%
	}

	.hot_keyword .result a {
		margin-right: 1.25rem;
		font-size: 1.25rem;
		font-weight: normal
	}

	.headbar_search i.icon-search:before {
		font-size: 1.5rem
	}
}

@media (min-width: 1200px) {
	.search_block {
		top: 6.8125rem
	}
}

@media (min-width: 1400px) {
	.search_block {
		top: 6.8125rem
	}
}

.logo {
	position: relative;
	z-index: 9999
}

.logo a {
	color: white;
	text-indent: -9999px;
	background-image: url(../images/itrilogo.svg);
	background-repeat: no-repeat;
	background-size: contain
}

@media (max-width: 767px) {
	header {
		overflow-y: auto
	}

	.logo.sm {
		width: 80%;
		order: 1;
		display: inline-block;
		font-size: 1rem
	}

	.logo.sm a {
		width: 10.75rem;
		height: 2.5rem
	}

	.logo.sm.navOpen,
	.search.navOpen {
		display: none
	}
}

@media (min-width: 768px) {
	.header {
		padding: 0px .5rem
	}

	.logo.lg {
		width: 17vw;
		font-size: 1.25rem;
		margin-right: 1%
	}

	.logo.lg a {
		width: 8rem;
		height: 2.8125rem;
		margin-top: 0rem
	}
}

@media (min-width: 980px) {
	.header {
		padding: 0px
	}

	.logo.lg {
		width: 14vw;
		font-size: 1.25rem;
		margin-right: 0.05rem
	}

	.logo.lg a {
		width: 9rem;
		height: 3.75rem;
		margin-top: .625rem
	}
}

@media (min-width: 1200px) {
	.logo.lg {
		width: 11.875rem;
		height: 80px
	}

	.logo.lg a {
		width: 11.875rem;
		height: 3.75rem;
		margin-top: .25rem
	}
}

@media (min-width: 1400px) {
	.logo.lg {
		width: 11.875rem
	}

	.logo.lg a {
		width: 11.875rem
	}
}

.hot {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center
}

.bigcarousel a:hover {
	text-decoration: none
}

.bigcarousel div.bgcontent {
	position: relative;
	color: #ffffff;
	font-weight: bold;
	text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.65);
	background-image: linear-gradient(to right, #000, #000);
	width: 100%;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px
}

.bigcarousel div.bgcontent p {
	font-size: 1rem
}

.bigcarousel div.bgcontent p.title {
	font-size: 1rem;
	border-bottom: 0px solid #03a3a4;
	display: inline-block;
	display: none
}

.hot dl {
	border: 1px solid #d7d7d7;
	background-color: #ffffff;
	margin-left: 10px;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	text-decoration: none;
	-webkit-tap-highlight-color: transparent;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transition: all 0.6s ease-out
}

.hot dl a p {
	font-size: 1rem
}

.hot dl a p.date {
	font-size: 1rem;
	color: #575757;
	margin-bottom: .5rem
}

.hot dl a:link .hot dl a.date {
	color: #575757
}

.hot dl a:hover .hot dl a.date,
.hot dl a:active .hot dl a.date {
	color: #575757
}

.hot dl a:visited .hot dl a.date {
	color: #575757
}

.col_3 div.block_01 dl {
	background-image: url(../images/p1.jpg);
	background-repeat: no-repeat;
	background-size: cover
}

.col_3 div.block_02 dl {
	background-image: url(../images/p2.jpg);
	background-repeat: no-repeat;
	background-size: cover
}

.col_3 div.block_03 dl {
	background-image: url(../images/p3.jpg);
	background-repeat: no-repeat;
	background-size: cover
}

.col_3 div dl {
	width: 100%;
	padding-left: 2.88rem;
	padding-top: 2.24rem
}

.col_3 div dl dt {
	font-size: 2.63rem;
	line-height: 3rem;
	display: inline-block;
	padding-bottom: 1.2rem;
	margin-bottom: 1.25rem
}

.col_3 div dl dd {
	margin-bottom: 3rem
}

.col_3 div .carousel02 img {
	width: 320px;
	height: 180px
}

.col_4 {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	margin-bottom: 5.5rem
}

.col_4 div {
	width: 50%
}

.col_4 div p {
	font-size: 1.5rem;
	color: #009e9e
}

.col_4 a {
	text-align: center;
	width: 150px;
	margin: 0px auto;
	text-decoration: none;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	position: relative;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.col_4 a:before {
	pointer-events: none;
	position: absolute;
	z-index: -1;
	content: '';
	top: 105%;
	left: 5%;
	height: 10px;
	width: 90%;
	opacity: 0;
	background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
	background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%)
}

.col_4 a span {
	content: ' ';
	border-radius: 100%;
	width: 132px;
	height: 132px;
	margin-bottom: 1.13rem;
	border: solid 1px #009e9e;
	display: flex;
	align-items: center;
	justify-content: center;
	background-image: #ffffff
}

.col_4 a:hover,
.col_4 a:active,
.col_4 a:focus {
	-webkit-transform: translateY(-5px);
	transform: translateY(-5px)
}

.col_4 a:hover:before,
.col_4 a:active:before {
	opacity: 1
}

.col_4 a:hover span,
.col_4 a:active span,
.col_4 a:focus span {
	background-image: linear-gradient(0deg, #00a3a4 0%, #00abe8 100%), linear-gradient(#00abe8, #00abe8);
	background-blend-mode: normal, normal
}

.col_4 a.is01 span:before {
	font-size: 5rem;
}

.col_4 a.is02 span:before {
	font-size: 68px
}

.col_4 a.is03 span:before {
	font-size: 58px
}

.col_4 a.is04 span:before {
	font-size: 70px
}

.col_3 h2,
.industrial_service h2 {
	width: 100%;
	font-size: 1.75rem;
	font-weight: bold;
	color: #009e9e;
	text-align: center;
	line-height: 3.75rem;
	margin-bottom: 3.75rem;
	margin-top: 3.75rem
}

.industrial_service {
	margin-bottom: 3rem;
	margin-top: 3.5rem
}

.industrial_service h2 {
	text-indent: -9999px
}

@media (max-width: 979px) {
	.hot .slick-slide {
		margin-bottom: 30px;
		margin-left: 0px;
		margin-right: 24px
	}

	.hot dl {
		margin-left: 0px
	}

	.hot dl img {
		width: 100%;
		height: 172px
	}

	.hot dd {
		display: inline-block;
		width: 258px;
		height: 90px;
		padding: 8px
	}

	.hot dd p.date+p {
		overflow: hidden;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		text-overflow: ellipsis;
		height: 45px;
		line-height: 24px
	}

	.col_3 {
		background-color: #f5f5f5
	}

	.col_3 div.block_01,
	.col_3 div.block_02,
	.col_3 div.block_03 {
		width: 100%
	}

	.col_3 h2,
	.col_3 dd {
		display: none
	}

	.col_3 div dl {
		padding: 0;
		padding-top: 2rem;
		text-align: center
	}

	.col_3 div dl {
		height: 250px
	}

	.col_3 div dl dt {
		font-size: 1.5rem;
		line-height: 1.8rem
	}

	.col_3 dt {
		color: #edfde1
	}

	.col_3 div .carousel02 {
		margin: -145px auto 0px auto;
		padding-bottom: 3rem;
		width: 90%;
		text-align: center
	}

	.col_3 div .carousel02 p.carousel_title {
		width: 90%;
		background-color: transparent;
		color: #000000;
		font-size: 1.25rem;
		line-height: 1.875rem;
		text-align: left;
		margin: 0px auto;
		padding: 1rem
	}

	.col_3 div .carousel02 p.carousel_title+p,
	.col_3 div .carousel02 p.more {
		display: none
	}

	.col_3 div .carousel02 img {
		margin: 0px auto;
		width: 100%;
		height: auto
	}

	.col_3 div .carousel02 .carousel_content a {
		display: inline-block;
		background-color: #fff;
		border: solid 1px #d7d7d7;
		margin: 0px auto;
		width: 100%
	}

	.industrial_service {
		margin-bottom: 0rem
	}

	.index .col_4 {
		justify-content: space-between;
		margin-bottom: 5.5rem;
		width: 90%;
		margin: 0px auto
	}

	.index .col_4 div {
		margin-bottom: 2rem;
		width: 25%
	}

	.col_3 h2,
	.industrial_service h2 {
		width: 100%;
		font-size: 1.25rem;
		font-weight: bold;
		color: #009e9e;
		text-align: center;
		line-height: inherit;
		margin-bottom: 1.875rem;
		margin-top: 1.875rem
	}

	.col_2 {
		justify-content: space-between;
		margin-bottom: 3rem
	}

	.col_2 div {
		width: 90%;
		margin: 0px auto
	}

	.col_2 div.date {
		margin-top: 2rem
	}

	.col_2 .news_title {
		border-bottom: solid 2px #000000;
		display: flex;
		flex-wrap: nowrap;
		justify-content: space-between;
		align-items: center;
		width: 100%;
		margin-bottom: 1.375rem;
		padding-bottom: .5rem
	}

	.col_2 .news_title span {
		color: #030303;
		font-size: 1.5rem
	}

	.col_2 .news_title .more {
		font-size: 1rem
	}

	.col_2 .news_list li {
		font-size: 1rem;
		border-bottom: 1px dotted #7e7d66;
		color: #717070;
		line-height: 2rem;
		display: inline-block;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		width: 100%
	}

	.col_2 .date li a {
		width: 90%;
		margin-left: .5rem
	}

	.container .input_form .search_btn .icon-search {
		display: none
	}

	.container .input_form select.select {
		margin-bottom: 0px
	}

	.index .container.smT {
		margin-top: -150px;
		padding-top: 0rem
	}
}

@media (max-width: 651px) {
	.index .container.smT {
		margin-top: -120px;
		padding-top: 0rem
	}

	.index .col_4 {
		justify-content: center;
		width: 100%;
		margin-bottom: 0rem
	}

	.index .col_4 div {
		margin-bottom: 2rem;
		width: 50%
	}
}

@media (min-width: 320px) {
	.hot dl img {
		width: 258px;
		height: 172px
	}

	.index .container.smT {
		margin-top: -90px;
		padding-top: 0rem
	}
}

@media (min-width: 651px) {
	.hot .slick-slide {
		margin-bottom: 30px;
		margin-left: 0px;
		margin-right: 14px
	}

	.hot dl img {
		width: 100%;
		height: 265px
	}

	.hot dl dd {
		padding: 1rem;
		height: 109px;
		width: auto
	}

	.hot dl a p {
		font-size: 1.125rem
	}

	.hot dl a p.date {
		font-size: 1rem;
		margin-bottom: .5rem
	}
}

@media (min-width: 768px) {
	.col_3 div dl dt {
		font-size: 2.625rem
	}

	.col_3 div .carousel02 .carousel_content a {
		width: 60%
	}

	p.carousel_title {
		margin: 0px auto;
		font-size: 1.5rem
	}

	.bigcarousel a:hover {
		text-decoration: none
	}

	.bigcarousel div.bgcontent {
		position: relative;
		top: 0vh;
		left: 0;
		color: #ffffff;
		font-weight: bold;
		text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.65);
		background-image: linear-gradient(to right, #000, #000);
		width: 100vw;
		padding-left: 10%;
		padding-top: 24px;
		padding-bottom: 24px
	}

	.bigcarousel div.bgcontent p {
		font-size: 2rem
	}

	.bigcarousel div.bgcontent p.title {
		font-size: 2rem;
		border-bottom: 5px solid #03a3a4;
		display: none;
		margin-bottom: 1rem;
		padding-bottom: 0.5rem
	}
}

@media (min-width: 980px) {
	.bigcarousel {
		background: #f5f5f5
	}

	.bigcarousel a:hover {
		text-decoration: none
	}

	.bigcarousel div.bgcontent {
		position: relative;
		top: 0vh;
		left: 0;
		color: #ffffff;
		background-image: linear-gradient(to right, #000, #000);
		width: 100vw;
		padding-left: 10%;
		padding-top: 24px;
		padding-bottom: 24px
	}

	.bigcarousel div.bgcontent p {
		font-size: 1.5rem
	}

	.bigcarousel div.bgcontent p.title {
		font-size: 2rem;
		border-bottom: 5px solid #03a3a4;
		display: none;
		margin-bottom: 1rem;
		padding-bottom: 0.5rem
	}

	.index .container.smT {
		margin-top: 0px;
		padding-top: 0rem
	}

	.index section.sp {
		width: 100%;
		height: auto;
		padding-top: 0px
	}

	.flex {
		display: flex;
		flex-wrap: wrap
	}

	.show {
		display: block
	}

	.slickblock {
		padding-top: 52px
	}

	.hot {
		display: flex;
		flex-wrap: nowrap;
		align-items: center;
		justify-content: center
	}

	.hot .slick-slide {
		margin-bottom: 30px;
		margin-left: 0px;
		margin-right: 14px
	}

	.hot dl {
		width: 295px
	}

	.hot dl:hover {
		cursor: pointer;
		box-shadow: 0px 30px 14px -20px rgba(0, 0, 0, 0.35);
		transform: scale(1.05)
	}

	.hot dl:hover a {
		text-decoration: none
	}

	.hot dl img {
		width: 100%;
		height: 195px
	}

	.hot dl dd {
		padding: 1rem;
		height: 109px
	}

	.hot dl a p {
		font-size: 1.125rem
	}

	.hot dl a p.date {
		font-size: 1rem;
		margin-bottom: .5rem
	}

	.slickblock,
	.col_3 {
		background-color: #f5f5f5
	}

	.col_3,
	.col_4,
	.col_2 {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start
	}

	.col_3 h2,
	.industrial_service h2 {
		font-size: 2.5rem;
		line-height: 3rem;
		margin-bottom: 2.75rem;
		margin-top: 2.75rem
	}

	.col_3 div.block_01,
	.col_3 div.block_02,
	.col_3 div.block_03 {
		width: 33.33333%
	}

	.col_3 div dl {
		height: 400px;
		text-align: center;
		padding-left: 0
	}

	.col_3 div dl dt {
		font-size: 1.8125rem;
		width: 286px;
		text-align: left;
		line-height: 1.25;
		height: 100px
	}

	.col_3 div.block_01 dt {
		color: #d6f3fe;
		border-bottom: 8px solid #02baff;
		padding-top: 2.15rem
	}

	.col_3 div.block_02 dt {
		color: #e6fcfd;
		border-bottom: 8px solid #03a3a4;
		padding-top: 2.15rem
	}

	.col_3 div.block_03 dt {
		color: #edfde1;
		border-bottom: 8px solid #50aa25
	}

	.col_3 div dl dd {
		width: 286px;
		text-align: left;
		margin: 0px auto 0 auto
	}

	.col_3 div dl dd p {
		line-height: 1.25;
		margin-bottom: 1.125rem
	}

	.col_3 div dl dd p:last-child {
		margin-bottom: 0
	}

	.col_3 div.block_01 dd a,
	.col_3 div.block_02 dd a,
	.col_3 div.block_03 dd a {
		font-size: 1.25rem
	}

	.col_3 div.block_01 dd a:link,
	.col_3 div.block_02 dd a:link,
	.col_3 div.block_03 dd a:link {
		color: #ffffff;
		text-decoration: none
	}

	.col_3 div.block_01 dd a:hover,
	.col_3 div.block_01 dd a:active,
	.col_3 div.block_02 dd a:hover,
	.col_3 div.block_02 dd a:active,
	.col_3 div.block_03 dd a:hover,
	.col_3 div.block_03 dd a:active {
		color: #ffffff;
		text-decoration: underline;
		transition: color ease-in-out 0.15s
	}

	.col_3 div.block_01 dd a:visited,
	.col_3 div.block_02 dd a:visited,
	.col_3 div.block_03 dd a:visited {
		color: #dbba97
	}

	.col_3 div .carousel02 {
		width: 288px;
		background-color: #ffffff;
		margin: 0px auto;
		margin-top: -90px;
		margin-bottom: 3.69rem;
		border: solid 1px #d7d7d7;
		-webkit-transform: perspective(1px) translateZ(0);
		transform: perspective(1px) translateZ(0);
		box-shadow: 0 0 1px transparent;
		text-decoration: none;
		-webkit-tap-highlight-color: transparent;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		transition: box-shadow 0.6s ease-out
	}

	.col_3 div .carousel02 p {
		color: #020202;
		font-size: 1rem;
		padding: 1.0rem 1.0rem
	}

	.col_3 div .carousel02 p.carousel_title {
		color: #020202;
		font-size: 1.125rem;
		width: 100%;
		height: 105px
	}

	.col_3 div .carousel02 .carousel_content {
		width: 100%;
		display: inline-block;
		overflow: hidden
	}

	.col_3 div .carousel02 img {
		width: 288px;
		height: 192px;
		transition: all 0.4s ease-out
	}

	.col_3 div .carousel02 .more {
		border: solid 1px #016364;
		background-color: #ffffff;
		color: #016364;
		width: 180px;
		height: 53px;
		line-height: 53px;
		padding: 0px;
		text-align: center;
		margin: 0px auto;
		margin-bottom: 1.25rem;
		transition: background-color 0.6s ease-out
	}

	.col_3 div .carousel02:hover {
		cursor: pointer;
		box-shadow: 0 20px 20px -10px rgba(0, 0, 0, 0.5)
	}

	.col_3 div .carousel02:hover .carousel_content {
		width: 100%;
		display: inline-block;
		overflow: hidden
	}

	.col_3 div .carousel02:hover img {
		transform: scale(1.05)
	}

	.col_3 div .carousel02:hover .more {
		background-color: #016364;
		border: solid 1px #016364;
		color: #ffffff
	}

	.col_3 div .carousel02:hover a {
		text-decoration: none
	}

	.col_4 {
		margin-bottom: 5.5rem
	}

	.col_4 div {
		width: 25%
	}

	.col_4 div p {
		font-size: 1.5rem
	}

	.col_4 a {
		width: 150px
	}

	.col_4 a:before {
		top: 110%;
		left: 5%;
		height: 10px;
		width: 90%
	}

	.col_4 a span {
		width: 132px;
		height: 132px;
		margin-bottom: 1.13rem
	}

	.col_4 a.is01 span:before {
		font-size: 5rem
	}

	.col_4 a.is02 span:before {
		font-size: 68px
	}

	.col_4 a.is03 span:before {
		font-size: 58px
	}

	.col_4 a.is04 span:before {
		font-size: 70px
	}

	.col_2 {
		justify-content: space-between;
		margin-bottom: 3rem
	}

	.col_2 div {
		width: 45%
	}

	.col_2 .news_title {
		border-bottom: solid 2px #000000;
		display: flex;
		flex-wrap: nowrap;
		justify-content: space-between;
		align-items: center;
		width: 100%;
		margin-bottom: 1.375rem
	}

	.col_2 .news_title span {
		color: #030303;
		font-size: 1.75rem
	}

	.col_2 .news_title .more {
		font-size: 1rem
	}

	.col_2 .news_list li {
		font-size: 1rem;
		border-bottom: 1px dotted #7e7d66;
		color: #717070;
		line-height: 2.5rem;
		display: inline-block;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		width: 100%
	}

	.col_2 .date li a {
		width: 90%;
		margin-left: .5rem
	}
}

@media (min-width: 1200px) {
	.bigcarousel div.bgcontent {
		position: absolute;
		top: 17.5vh;
		width: auto;
		padding-left: 12%;
		padding-top: 2rem;
		padding-bottom: 2rem;
		background-image: linear-gradient(to right, rgba(0, 0, 0, 0.55), transparent)
	}

	.bigcarousel div.bgcontent p {
		font-size: 2rem;
		font-weight: normal;
		text-shadow: 0px 0rem 1rem rgba(0, 0, 0, 0.58)
	}

	.bigcarousel div.bgcontent p.title {
		font-size: 2.25rem;
		line-height: 3rem;
		border-bottom: 5px solid #03a3a4;
		display: inline-block;
		font-weight: bold;
		text-shadow: 0px 0.188rem 1rem rgba(0, 0, 0, 0.65)
	}

	.bigcarousel div.bgcontent p.subTitle {
		min-width: 350px;
		max-width: 700px
	}

	.hot .slick-slide {
		margin-bottom: 30px;
		margin-left: 0px;
		margin-right: 18px
	}

	.hot dl img {
		width: 100%;
		height: 246px
	}

	.col_3 div dl {
		width: 100%;
		padding-left: 0rem;
		padding-top: 0rem;
		height: 390px;
		text-align: center
	}

	.col_3 div dl dt {
		font-size: 2.0rem;
		line-height: 2rem;
		display: inline-block;
		padding-bottom: 1.2rem;
		margin-bottom: 1.25rem;
		width: 354px;
		text-align: left;
		height: 120px;
		line-height: 120px;
		padding-top: 1.25rem
	}

	.col_3 div dl dd {
		width: 354px;
		text-align: left;
		margin: 0px auto 3rem auto;
		line-height: 1.25;
		font-weight: normal
	}

	.col_3 div dl dd p {
		line-height: 1.25;
		margin-bottom: 1.125rem
	}

	.col_3 div dl dd p:last-child {
		margin-bottom: 0
	}

	.col_3 div.block_01 dl dt,
	.col_3 div.block_02 dl dt {
		padding-top: 1.25rem
	}

	.col_3 div.block_03 dl dt {
		padding-top: 1.95rem;
		line-height: 2rem
	}

	.col_3 div .carousel02 {
		width: 356px;
		margin-top: -90px;
		margin-bottom: 3.69rem
	}

	.col_3 div .carousel02 p {
		font-size: 1.125rem;
		padding: 1.0rem 2.25rem
	}

	.col_3 div .carousel02 p.carousel_title {
		font-size: 1.25rem;
		height: 105px
	}

	.col_3 div .carousel02 img {
		width: 356px;
		height: 238px
	}
}

@media (min-width: 1400px) {
	.bigcarousel div.bgcontent {
		top: 180px;
		padding-left: 12%;
		padding-top: 2rem;
		padding-bottom: 2rem
	}

	.bigcarousel div.bgcontent p {
		font-size: 2rem
	}

	.bigcarousel div.bgcontent p.title {
		font-size: 2.25rem;
		line-height: 3rem;
		border-bottom: 5px solid #03a3a4;
		display: inline-block
	}

	.hot .slick-slide {
		margin-bottom: 43px;
		margin-left: 13px;
		margin-right: 13px
	}

	.hot dl {
		width: 429px
	}

	.hot dl img {
		width: 429px;
		height: 284px
	}

	.hot dl dd {
		padding: 1.63rem 2rem;
		height: 138px
	}

	.hot dl a p {
		font-size: 1.125rem
	}

	.hot dl a p.date {
		font-size: 1.125rem
	}

	.col_3 div dl {
		width: 100%;
		padding-left: 0rem;
		padding-top: 0rem;
		height: 450px
	}

	.col_3 div dl dt {
		font-size: 2.5rem;
		line-height: 8.125rem;
		display: inline-block;
		padding-bottom: 0rem;
		margin-bottom: 1.5rem;
		width: 418px;
		height: 130px;
		text-align: left
	}

	.col_3 div dl dd {
		text-align: left;
		width: 418px;
		margin: 0px auto;
		margin-bottom: 3rem
	}

	.col_3 div dl dd p {
		line-height: 1.25;
		margin-bottom: 1.125rem
	}

	.col_3 div dl dd p:last-child {
		margin-bottom: 0
	}

	.col_3 div.block_01 dl dt,
	.col_3 div.block_02 dl dt {
		padding-top: 1.5rem
	}

	.col_3 div.block_03 dl dt {
		padding-top: 1.5rem;
		line-height: 1.125
	}

	.col_3 div.block_01 dd a,
	.col_3 div.block_02 dd a,
	.col_3 div.block_03 dd a {
		font-size: 1.75rem
	}

	.col_3 div .carousel02 {
		width: 420px;
		margin-top: -90px;
		margin-bottom: 3.69rem
	}

	.col_3 div .carousel02 p {
		font-size: 1.25rem;
		padding: 1.0rem 2.25rem
	}

	.col_3 div .carousel02 p.carousel_title {
		font-size: 1.5rem;
		height: 125px;
		line-height: 1.5;
		margin-bottom: 1rem
	}

	.col_3 div .carousel02 img {
		width: 420px;
		height: 280px
	}

	.col_4 div p {
		font-size: 1.75rem
	}

	.col_4 a {
		text-align: center;
		width: 250px
	}

	.col_4 a span {
		content: ' ';
		border-radius: 100%;
		width: 193px;
		height: 193px;
		margin-bottom: 2rem
	}

	.col_4 a.is01 span:before {
		font-size: 105px
	}

	.col_4 a.is02 span:before {
		font-size: 78px
	}

	.col_4 a.is03 span:before {
		font-size: 84px
	}

	.col_4 a.is04 span:before {
		font-size: 104px
	}

	.col_2 {
		margin-bottom: 3rem
	}

	.col_2 .news_title {
		margin-bottom: 2.0625rem
	}

	.col_2 .news_title span {
		font-size: 1.75rem
	}

	.col_2 .news_title .more {
		font-size: 1.125rem
	}

	.col_2 .news_list li {
		font-size: 1.125rem;
		line-height: 2.8rem
	}
}

@media (min-width: 1600px) {
	.bigcarousel div.bgcontent {
		top: 20vh;
		padding-left: 10%;
		padding-top: 4rem;
		padding-bottom: 4rem
	}

	.bigcarousel div.bgcontent p {
		font-size: 2.25rem
	}

	.bigcarousel div.bgcontent p.title {
		font-size: 3rem;
		line-height: 3.125rem;
		border-bottom: 5px solid #03a3a4;
		display: inline-block
	}

	.hot dl {
		width: 490px
	}

	.hot .slick-slide {
		margin-bottom: 43px;
		margin-left: 16px;
		margin-right: 16px
	}

	.hot dl a p {
		font-size: 1.25rem
	}

	.hot dl a p.date {
		font-size: 1.25rem
	}

	.hot dl dd {
		height: 157px
	}

	.hot dl img {
		width: 490px;
		height: 327px
	}

	.col_3 div .carousel02 {
		width: 420px;
		margin-top: -90px;
		margin-bottom: 3.69rem
	}

	.col_3 div .carousel02 p {
		font-size: 1.25rem;
		padding: 1.0rem 2.25rem
	}

	.col_3 div .carousel02 p.carousel_title {
		font-size: 1.5rem;
		height: 135px;
		line-height: 1.5
	}

	.col_3 div .carousel02 img {
		width: 420px;
		height: 280px
	}

	.col_4 div p {
		font-size: 1.75rem
	}

	.col_4 a {
		text-align: center;
		width: 250px
	}

	.col_4 a span {
		content: ' ';
		border-radius: 100%;
		width: 219px;
		height: 219px;
		margin-bottom: 2rem
	}

	.col_4 a.is01 span:before {
		font-size: 115px
	}

	.col_4 a.is02 span:before {
		font-size: 88px
	}

	.col_4 a.is03 span:before {
		font-size: 98px
	}

	.col_4 a.is04 span:before {
		font-size: 118px
	}

	.col_2 {
		margin-bottom: 3rem
	}

	.col_2 .news_title {
		margin-bottom: 1rem;
		padding-bottom: .5rem
	}

	.col_2 .news_title span {
		font-size: 2rem
	}

	.col_2 .news_title .more {
		font-size: 1.25rem
	}

	.col_2 .news_list li {
		font-size: 1.25rem;
		line-height: 3rem
	}
}

@media (min-width: 984px) {
	#toTop {
		position: fixed;
		cursor: pointer;
		display: none;
		z-index: 9999;
		bottom: 10px;
		right: 10px;
		background-color: #454545;
		width: 60px;
		height: 60px;
		text-align: center
	}

	#toTop:before {
		font-size: 1.875rem;
		color: #ffffff;
		display: inline-block;
		text-align: center;
		content: "\e905";
		transform: rotate(90deg)
	}

	#toTop:after {
		content: "TOP";
		font-size: 1.875rem;
		color: #ffffff;
		display: inline-block;
		text-align: center;
		font-size: 1rem
	}

	#toTop:hover {
		background-color: #aaaaaa
	}
}

.input-label {
	display: none
}

.maillabel {
	display: inline-block;
	width: 100%
}

input[type="email"] {
	padding: 0.65rem 0.8rem;
	background-color: #ffffff;
	color: #767676;
	border: solid 1px #acabab;
	font-size: 1rem;
	height: 2.8125rem
}

.subscribeBtn {
	background-color: #595959;
	height: 2.8125rem;
	line-height: 2.8125rem;
	color: #ffffff;
	font-size: 1rem;
	padding-left: 3rem;
	padding-right: 3rem;
	margin-left: -5px
}

.subscribeBtn:link,
.subscribeBtn:visited {
	background-color: #595959;
	border: 1px solid #595959;
	color: #fff;
	cursor: pointer
}

.subscribeBtn:hover,
.subscribeBtn:active {
	background-color: #016364;
	border: 1px solid #016364;
	color: #ffffff;
	text-decoration: none;
	cursor: pointer
}

input[type="submit"].subscribeBtn:hover {
	background-color: #016364;
	color: #ffffff;
	border: 0;
	transition: none ease-in-out 0.35s
}

footer {
	background-color: #d1d1d1
}

.ft_container {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between
}

.social-box {
	order: 1
}

.social-box ul {
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-start
}

.social-box ul li {
	margin-right: 1.25rem
}

.social-box ul li img {
	width: 35px;
	height: 35px
}

.footer_Mcontent {
	order: 2
}

.footer_Mcontent p {
	line-height: 1.75rem;
	margin-bottom: 1.75rem;
	font-size: 1rem
}

.footer_Mcontent p a {
	margin-left: .5rem;
	margin-right: .5rem
}

.footer_Mcontent span {
	display: block;
	margin-left: .5rem
}

.footer_Mcontent .logo-box ul {
	margin-left: .5rem
}

.footer_Mcontent .logo-box ul li {
	margin-right: 1rem
}

.ft_itrilogo {
	order: 3
}

address {
	font-size: 1rem;
	line-height: 1.5rem;
	margin-bottom: 1.75rem
}

.logo-box ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start
}

@media (max-width: 979px) {
	.ft_container {
		padding-top: 2rem;
		padding-bottom: 2rem;
		justify-content: center
	}

	.social-box ul {
		margin-bottom: 2rem;
		justify-content: space-between
	}

	.social-box ul li:last-child {
		margin-right: 0
	}

	.footer_Mcontent p {
		padding-left: 0.5rem;
		padding-right: 0.5rem;
		margin-top: 1rem;
		margin-bottom: 1rem;
		font-size: 0.875rem
	}

	.footer_Mcontent p a:first-child {
		margin-left: 0
	}

	.footer_Mcontent address {
		padding-left: 0.5rem;
		padding-right: 0.5rem;
		line-height: 1.5rem;
		font-size: 0.875rem
	}

	.footer_Mcontent address span {
		margin: 0
	}

	.footer_Mcontent address img {
		display: none
	}

	.logo-box,
	.ft_itrilogo,
	.sligan-box {
		display: none
	}

	input[type="email"] {
		width: 80%;
		-webkit-appearance: none;
		-webkit-border-radius: 0;
		-moz-appearance: none;
		appearance: none
	}

	.mail-box {
		margin: 0px auto;
		width: 100%;
		display: inline-flex;
		justify-content: space-between
	}

	.mail-box input {
		-webkit-appearance: none;
		-webkit-border-radius: 0;
		-moz-appearance: none;
		appearance: none
	}
}

@media (min-width: 768px) {
	.social-box {
		width: 30%
	}

	.footer_Mcontent {
		width: 65%
	}

	.ft_itrilogo {
		width: 148px
	}

	.mail-box {
		display: inline-flex;
		width: 100%
	}

	.mail-box input[type="submit"] {
		-webkit-appearance: none;
		-webkit-border-radius: 0;
		-moz-appearance: none;
		appearance: none
	}

	input[type="email"] {
		width: 80%;
		-webkit-appearance: none;
		-webkit-border-radius: 0;
		-moz-appearance: none;
		appearance: none
	}

	.social-box {
		order: 3
	}

	.social-box ul {
		margin-bottom: 1.5rem
	}

	.footer_Mcontent {
		order: 2
	}

	.ft_itrilogo {
		order: 1
	}

	.footer_Mcontent p {
		margin-top: 0px
	}
}

@media (min-width: 980px) {
	input[type="email"] {
		padding: 0.65rem 0.28rem;
		font-size: .9375rem
	}

	.social-box {
		width: 33%
	}

	.footer_Mcontent {
		width: 45%
	}

	.sec .ft_container {
		*zoom: 1;
		width: 940px;
		padding: 0px;
		padding-top: 3.125rem;
		padding-bottom: 3.125rem;
		margin: 0px auto 0 auto
	}

	.footer_Mcontent {
		border-left: 6px solid #b2b2b2;
		padding-left: 0rem
	}

	.footer_Mcontent img {
		width: 18px;
		vertical-align: text-top
	}

	.sligan-box {
		background: url(../images/sligan.svg) no-repeat center;
		background-size: 100%;
		width: 205px;
		height: 100px;
		margin-top: 0rem
	}

	.sligan-box p {
		display: none
	}

	input[type="email"] {
		width: 68%
	}
}

@media (min-width: 1200px) {
	.sec .ft_container {
		*zoom: 1;
		width: 1170px
	}

	.social-box {
		width: 25%
	}

	.social-box ul {
		justify-content: flex-start
	}

	.footer_Mcontent {
		width: 55%;
		padding-left: 1rem
	}

	.sec .footer_Mcontent {
		width: 53%
	}

	.sec .social-box {
		width: 25%
	}

	.ft_itrilogo {
		width: 192px
	}

	input[type="email"] {
		width: 70%
	}

	.sec input[type="email"] {
		width: 70%
	}
}

@media (min-width: 1400px) {
	.sec .ft_container {
		*zoom: 1;
		width: 1370px
	}

	.ft_itrilogo {
		width: 192px
	}

	.social-box {
		width: 33%
	}

	.footer_Mcontent {
		width: 45%
	}

	input[type="email"] {
		width: 40%
	}

	.sec input[type="email"] {
		width: 60%
	}

	.footer_Mcontent p {
		font-size: 1.125rem
	}
}

.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent
}

.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand
}

.slick-slider .slick-track,
.slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
	margin-left: auto;
	margin-right: auto
}

.slick-track:before,
.slick-track:after {
	display: table;
	content: ''
}

.slick-track:after {
	clear: both
}

.slick-loading .slick-track {
	visibility: hidden
}

.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px
}

[dir='rtl'] .slick-slide {
	float: right
}

.slick-slide img {
	display: block;
	width: 100%
}

.slick-slide.slick-loading img {
	display: none
}

.slick-slide.dragging img {
	pointer-events: none
}

.slick-initialized .slick-slide {
	display: block
}

.slick-loading .slick-slide {
	visibility: hidden
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent
}

.slick-arrow.slick-hidden {
	display: none
}

@media (max-width: 979px) {
	.slick-slider {
		margin-top: 180px
	}
}

@media (max-width: 651px) {
	.slick-slider {
		margin-top: 130px
	}
}

.slick-loading .slick-list {
	background: #fff url("./ajax-loader.gif") center center no-repeat
}

@font-face {
	font-family: 'icomoon';
	src: url("/fonts/icomoon.eot?56cq5z");
	src: url("/fonts/icomoon.eot?56cq5z#iefix") format("embedded-opentype"), url("/fonts/icomoon.ttf?56cq5z") format("truetype"), url("/fonts/icomoon.woff?56cq5z") format("woff"), url("/fonts/icomoon.svg?56cq5z#icomoon") format("svg");
	font-weight: normal;
	font-style: normal;
	font-display: block
}

[class^="icon-"],
[class*=" icon-"],
.mega-menu-title:before,
.column li:before,
.more:after,
.slick-prev:before,
.slick-next:before {
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.slick-prev,
.slick-next {
	font-size: 0;
	line-height: 0;
	position: absolute;
	top: 52%;
	display: block;
	width: 50px;
	height: 60px;
	padding: 0;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	cursor: pointer;
	color: transparent;
	border: none;
	outline: none;
	background: transparent
}

.bigcarousel .slick-prev,
.bigcarousel .slick-next,
.bigcarousel .slick-prev:focus,
.bigcarousel .slick-next:focus {
	width: 60px;
	height: 80px
}

.slick-prev:hover,
.slick-next:hover {
	color: transparent;
	outline: none;
	background: transparent
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
	opacity: 1
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
	opacity: .25
}

.slick-prev:before,
.slick-next:before {
	font-family: 'icomoon';
	font-size: 5rem;
	line-height: 1;
	opacity: .75;
	color: white;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.slick-prev {
	left: 95px;
	z-index: 9900;
	display: none
}

[dir='rtl'] .slick-prev {
	right: 0px;
	left: auto
}

.slick-prev:before {
	content: "\e90f"
}

[dir='rtl'] .slick-prev:before {
	content: "\e910"
}

.slick-next {
	right: 95px;
	display: none
}

[dir='rtl'] .slick-next {
	right: auto;
	left: -25px
}

.slick-next:before {
	content: "\e910"
}

[dir='rtl'] .slick-next:before {
	content: "\e90f"
}

.slick-dotted.slick-slider {
	margin-bottom: 30px;
	margin-top: 0px
}

.slick-dots {
	position: absolute;
	bottom: 1.75rem;
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center
}

.slick-dots li {
	position: relative;
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 0 10px;
	padding: 0;
	cursor: pointer
}

.slick-dots li button {
	font-size: 0;
	line-height: 0;
	display: block;
	width: 20px;
	height: 20px;
	padding: 5px;
	cursor: pointer;
	color: transparent;
	border: 0;
	outline: none;
	background: transparent
}

.slick-dots li button:hover,
.slick-dots li button:focus {
	outline: none
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
	opacity: 1
}

.slick-dots li button:before {
	font-size: 0.375rem;
	line-height: 20px;
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	text-align: center;
	width: 14px;
	height: 13px;
	border-radius: 100%;
	background-color: #f7f7f7;
	box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.35);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active {
	margin-right: 38px
}

.slick-dots li.slick-active button:before {
	width: 48px;
	height: 13px;
	background-color: #00b2b3;
	box-shadow: inset 0px 3px 3px 0px rgba(0, 0, 0, 0.19);
	border-radius: 6px;
	transition: width ease-in-out 0.15s
}

@media (max-width: 979px) {
	.slick-dotted.slick-slider {
		margin-top: 125px
	}

	.bigcarousel .slick-prev,
	.bigcarousel .slick-next {
		display: none !important
	}
}

@media (min-width: 768px) {

	.hot .slick-prev:before,
	.hot .slick-next:before {
		font-size: 3.5rem;
		text-shadow: 0px 2px 20px rgba(0, 0, 0, 0.5);
		color: rgba(255, 255, 255, 0.55)
	}

	.hot .slick-prev:hover:before,
	.hot .slick-next:hover:before {
		text-shadow: 0px 2px 20px rgba(0, 0, 0, 0.5);
		color: #fff
	}

	.hot .slick-prev {
		left: 50px;
		display: inline-block;
		top: 30%
	}

	.hot .slick-next {
		right: 30px;
		display: inline-block;
		top: 30%
	}

	.slick-dotted.slick-slider {
		margin-top: 165px
	}
}

@media (min-width: 980px) {
	.slick-dotted.slick-slider {
		margin-bottom: 0px;
		margin-top: 0px
	}

	.slick-prev:before,
	.slick-next:before {
		font-size: 5rem;
		text-shadow: 0px 2px 12px rgba(0, 0, 0, 0.6);
		font-weight: bold
	}

	.slick-prev {
		left: 75px;
		display: inline-block
	}

	.slick-next {
		right: 75px;
		display: inline-block
	}

	.hot .slick-prev:before,
	.hot .slick-next:before {
		font-size: 3.5rem;
		text-shadow: 0px 2px 20px rgba(0, 0, 0, 0.5);
		color: rgba(255, 255, 255, 0.55)
	}

	.hot .slick-prev:hover:before,
	.hot .slick-next:hover:before {
		text-shadow: 0px 2px 20px rgba(0, 0, 0, 0.5);
		color: #fff
	}

	.hot .slick-prev {
		left: 50px;
		display: inline-block;
		top: 30%
	}

	.hot .slick-next {
		right: 30px;
		display: inline-block;
		top: 30%
	}
}

@media (min-width: 1200px) {

	.slick-prev:before,
	.slick-next:before {
		font-size: 5rem
	}

	.hot .slick-prev:before,
	.hot .slick-next:before {
		font-size: 3.5rem
	}
}

@media (min-width: 1400px) {

	.slick-prev:before,
	.slick-next:before {
		font-size: 5rem
	}

	.slick-prev {
		left: 95px
	}

	.slick-next {
		right: 95px
	}

	.hot .slick-prev:before,
	.hot .slick-next:before {
		font-size: 3.5rem
	}

	.hot .slick-prev {
		left: 50px;
		display: inline-block
	}

	.hot .slick-next {
		right: 30px;
		display: inline-block
	}
}

@media (min-width: 980px) {
	.sec dl dt:first-child {
		padding-top: 0px
	}

	.sec figure.big_img {
		width: 700px
	}
}

.container .input_form .search_btn:hover .icon-search:before {
	color: #ffffff
}

.container .input_form .search_btn:hover {
	text-decoration: none
}

a#AU:link,
a.accesskey:link,
a#AU:visited,
a.accesskey:visited {
	color: #ffffff
}

a#AZ:link,
a#AZ:visited {
	color: #d1d1d1
}

a#AU:focus,
a.accesskey:focus,
a#AZ:focus,
a#AU:focus,
a.accesskey:focus,
a#AZ:focus {
	color: #7a5937
}

a:focus {
	outline: #b99959 solid 2px;
	transition: border-color ease-in-out 0.15s;
	color: #7a5937
}

area:focus {
	outline: #b99959 solid 2px !important;
	transition: border-color ease-in-out 0.15s
}

a.accesskey {
	position: relative;
	z-index: 9999;
	top: 440px;
	z-index: 9999
}

.bigcarousel a:focus {
	outline: #b99959 solid 2px;
	border: 4px solid #b99959;
}

.hot:focus-within {
	border: 0px solid #f6679d
}

.slick-prev:focus,
.slick-next:focus {
	width: 30px;
	height: 57px;
	outline: #b99959 solid 2px
}

.hot a:focus {
	display: inline-block
}

.carousel_content:focus-within {
	display: inline-block;
	border: #b99959 solid 2px
}

.carousel_content:focus-within a:focus {
	outline: 0
}

.carousel_content:focus-within p.more {
	background-color: #016364;
	color: #ffffff
}

.sec .container .photo figure:focus-within {
	border: #b99959 solid 2px;
	width: 31%
}

.sec .container .photo figure:focus-within a:focus {
	outline: 0
}

.sec .container .pages a:focus {
	background-color: #016364;
	border: 1px solid #016364;
	color: #ffffff;
	text-decoration: none;
	cursor: pointer
}

footer input[type="submit"]:focus {
	outline: #b99959 solid 2px;
	background-color: #016364;
	color: #ffffff;
	border: 0
}

footer input[type="email"]:focus {
	border: #b99959 solid 2px
}

@font-face {
	font-family: 'icomoon';
	src: url("../fonts/icomoon01.eot?nnltgw");
	src: url("../fonts/icomoon01.eot?nnltgw#iefix") format("embedded-opentype"), url("../fonts/icomoon01.ttf?nnltgw") format("truetype"), url("../fonts/icomoon01.woff?nnltgw") format("woff"), url("../fonts/icomoon01.svg?nnltgw#icomoon") format("svg");
	font-weight: normal;
	font-style: normal;
	font-display: block
}

.col_4 a span:before {
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.col_4 a.is01 span:before {
	content: "\a900"
}

.col_4 a.is02 span:before {
	content: "\a901"
}

.col_4 a.is03 span:before {
	content: "\a902"
}

.col_4 a.is04 span:before {
	content: "\a903"
}

.col_4 a span:before,
.col_4 a:visited span:before {
	color: #009e9e
}

.col_4 a:hover span:before,
.col_4 a:active span:before,
.col_4 a:focus span:before {
	color: #ffffff
}

.verification>input[type="button"]:nth-child(2n) {
	border: 1px solid #016364;
	height: 36px;
	line-height: 32px;
	margin: 0;
	margin-left: 1rem;
	padding: 0 0.5rem;
	background-color: #ffffff;
	color: #016364;
}

.container .verification>input.mainbtn {
	height: 36px;
	line-height: 32px;
	margin: 0;
	margin-left: 1rem;
	padding: 0 0.5rem;
	margin-right: .9375rem;
}

.verification>input[type="button"]:hover:nth-child(2n),
.verification>input[type="button"]:active:nth-child(2n) {
	background-color: #016364;
	border: 1px solid #016364;
	color: #ffffff;
	text-decoration: none;
	cursor: pointer;
}

.verification>input[type="button"]:hover:last-child,
.verification>input[type="button"]:active:last-child {
	color: #ffffff;
}

input[type="text"]:focus,
section.container.contentus_content a:focus,
section.container.contentus_content .group input[type="text"]:focus,
section.container.contentus_content .group .select:focus,
section.container.contentus_content .group textarea:focus,
section.container.contentus_content .group.verification input[type="text"]:focus,
footer input[type="email"]:focus {
	border: #b99959 solid 2px;
}

.container div.error {
	color: #8e0303;
	font-size: 1rem;
}

.container .input_form label span {
	display: none;
}

.container .input_form label.required:before {
	content: '*';
	color: #8e0303;
	margin-right: .25rem;
}

.sec section.container.contentus_content .group input[type="text"].error,
.sec section.container.contentus_content .group textarea.error {
	border-color: #8e0303;
	margin-right: .9375rem;
}


#toTop span {
	display: none;
}

.index a.accesskey {
	position: relative;
	top: 0;
	z-index: 9999;
}

.hot dd p.date+p {
	height: calc(2em * 1.2);
	display: -webkit-box;
	-webkit-line-clamp: 2;
	/*數字是幾就顯示幾行*/
	-webkit-box-orient: vertical;
	overflow: hidden;
}

@media (max-width: 979px) {
	.hot dd p.date+p {
		overflow: hidden;
		display: inline-block;
		-webkit-box-orient: unset;
		-webkit-line-clamp: unset;
		text-overflow: ellipsis;
		line-height: inherit;
	}

	.headbar_search_close {
		display: none;
	}

	.container div.error {
		display: block;
		width: 50%;
		margin-left: 20%;
	}

	.container .verification label+div.error {
		margin-left: 0;
	}
}

@media (min-width: 980px) {
	.header.flex {
		height: 70px;
	}

	/*search*/
	.search_form {
		margin: 6.35rem auto 1.125rem auto;
	}

	.headbar_search {
		width: 20px;
		text-align: right;
	}

	.headbar_search i.icon-search.search_close {
		/* visibility: hidden;*/
	}


	.search_block+.headbar_search_close {
		display: none;
	}

	.search_block.show+.headbar_search_close {
		display: block;
		position: relative;
		top: -50px;
		width: 60px;
		margin-left: 920px;
		text-align: right;
		right: 0px;
	}

	*::-ms-backdrop,
	.search_block.show+.headbar_search_close {
		top: -50px;
		margin-left: 920px;
	}

	.sm-green a.has-submenu,
	.sm-green a.has-submenu:hover,
	.sm-green a.has-submenu:focus,
	.sm-green a.has-submenu:active,
	.sm-green a.has-submenu.highlighted {
		margin-right: 1vw;
	}

	.sm-green>li:last-child>a,
	.sm-green>li:last-child>:not(ul) a {
		margin-right: 1vw;
	}


	.headbar_search a,
	.headbar_search_close a {
		display: inline-block;

		width: 40px;
		height: 40px;
		padding: 0;
		margin: 0;
	}

	.headbar_search a {
		margin-top: 18px;
	}

	.headbar_search_close a {}

	.headbar_search_close a {}

	.headbar_search i.icon-search {
		margin: 0;
	}

	.headbar_search_close i.icon-search.search_close {
		visibility: visible;
		display: inline-block;
		cursor: pointer;
		width: 40px;
		height: 40px;
		background: #006365;
		color: #ffffff;
		/*margin-top: .9375rem;*/
		text-align: center;
		/*padding-top: .9375rem;*/
	}

	.headbar_search_close i.icon-search.search_close:before {
		content: "\26CC";
		color: white;
		font-size: 1.5rem;
		line-height: 1.5;
	}

	.headbar_search_close i.icon-search.search_close:after {
		content: "";
		top: 0;
	}







	#divContent div.run_around:last-child {
		display: inline-block;
		width: 100%;
	}

	.container .input_form .mainbtn:focus,
	.verification input[type="button"]:focus:nth-child(2n) {
		background-color: #016364;
		border: 2px solid #b99959;
		color: #ffffff;
		text-decoration: none;
		cursor: pointer;
	}

	.container .input_form .secondarybtn:focus {
		background-color: #444343;
		border: 2px solid #b99959;
		color: #ffffff;
		text-decoration: none;
		cursor: pointer;
	}

	.verification>input[type="button"]:hover:last-child,
	.verification>input[type="button"]:active:last-child,
	.verification>input[type="button"]:focus:last-child {
		color: white;
	}

	.container .input_form input[type="checkbox"]:focus {
		transition: border-color ease-in-out 0.35s;
		outline: 2px solid #b99959;
		width: auto;
		height: auto;
	}

	/*gotoTOP
	#toTop:before {
    content: "TOP";
	}*/
	#toTop span {
		display: none;
	}


	/*footer AA logo*/
	.footer_Mcontent .logo-box ul li img {
		width: 30%;
	}

	header.absolute {
		position: absolute;
	}


}

@media (min-width: 1200px) {
	.header.flex {
		height: 80px;
	}

	.headbar_search {
		width: 130px;
	}

	.search_block.show+.headbar_search_close {
		top: -60px;
		margin-left: 1130px;
	}

	*::-ms-backdrop,
	.search_block.show+.headbar_search_close {
		top: -60px;
		margin-left: 1100px;
	}

	.sm-green a.has-submenu,
	.sm-green a.has-submenu:hover,
	.sm-green a.has-submenu:focus,
	.sm-green a.has-submenu:active,
	.sm-green a.has-submenu.highlighted {
		margin-right: 1vw;
	}

	.sm-green>li:last-child>a,
	.sm-green>li:last-child>:not(ul) a {
		margin-right: 1vw;
	}
}

@media (min-width: 1400px) {
	.headbar_search {
		width: 130px;
	}

	.search_block.show+.headbar_search_close {
		margin-left: 1310px;
		/*1330*/
	}

	*::-ms-backdrop,
	.search_block.show+.headbar_search_close {
		margin-left: 1290px;
		/*1330*/
	}

	.sm-green a.has-submenu,
	.sm-green a.has-submenu:hover,
	.sm-green a.has-submenu:focus,
	.sm-green a.has-submenu:active,
	.sm-green a.has-submenu.highlighted {
		margin-right: 1vw;
	}

	.sm-green>li:last-child>a,
	.sm-green>li:last-child>:not(ul) a {
		margin-right: 1vw;
	}

}

@media (min-width: 1600px) {
	.headbar_search {
		width: 205px;
	}

	.search_block.show+.headbar_search_close {
		margin-left: 1530px;
	}

}



/** ITRI Internet Eng-CSS for Index by villa @20200622 v.final **/
/* why? 'article.col_3' add new child As 'div.block_04' */
/* why? new child As 'div.block_05' by @20240523 amy*/


/* new block: 'div.block_04' */


.col_3 div.block_04 dl {
	background-image: url(../images/p4.jpg);
	/* later modify from vision, w&h 640*520 */
	background-repeat: no-repeat;
}

.col_3 div.block_05 dl {
	background-image: url(../images/p5.jpg);
	/* later modify from vision, w&h 640*520 */
	background-repeat: no-repeat;
	background-position: -55px 0px;
}


.col_3 div .carousel02 .carousel_content {
	font-size: 0;
}

@media (max-width: 979px) {

	/* 類別清單 */
	.col_3 div dl {
		padding: 0;
	}

	.col_3 div.block_04 dl,
	.col_3 div.block_05 dl {
		background-size: cover;
		background-position: center;
	}

	/* 類別清單: 標題 */
	.col_3 div dl dt {
		display: flex;
		flex-wrap: nowrap;
		justify-content: center;
		align-items: center;
		font-size: 1.5rem;
		font-weight: bold;
		line-height: 1.25;
		padding: 1em;
		margin: 0;
		height: calc(2em * 1.25 + 1em * 2);
	}

	.col_3 div .carousel02 p.carousel_title {
		width: 100%;
		font-size: .9375rem;
		font-weight: bold;
		line-height: 1.6;
		padding: 1em 1em;
		margin: 0;
	}
}

@media (min-width: 980px) {

	/*調整圖框size*/
	.col_3 div.block_01 dl,
	.col_3 div.block_02 dl,
	.col_3 div.block_03 dl,
	.col_3 div.block_04 dl,
	.col_3 div.block_05 dl {
		background-size: auto 407px;
		background-position: -55px 0px;
		/*-90px 0px*/
	}

	/*.col_3 div.block_05 dl{
		background-position: -55px 0px;
	}*/

	.col_3 div.block_01,
	.col_3 div.block_02,
	.col_3 div.block_03,
	.col_3 div.block_04,
	.col_3 div.block_05 {
		width: 20%;
	}

	/* 類別清單 */
	.col_3 div dl {
		padding: 10% 6.75%;
		height: auto;
	}

	/* 類別清單: 標題 */
	.col_3 div dl dt {
		display: flex;
		flex-wrap: wrap;
		align-items: flex-end;
		padding-top: 0 !important;
		padding-bottom: .625em;
		margin-bottom: .5em;
		line-height: 1.1666;
		width: 100%;
		height: calc(2em * 1.1666 + .625em + 8px);
		font-size: calc(16px + 0.7vw);
		/*VW的算法：營幕解析度*0.7/100*/
	}

	/* 類別清單: 子項 */
	.col_3 div dl dd {
		width: 100%;
		height: calc(4em * 1.75 + 90px + 2em);
		margin-bottom: 0;
		font-size: 1.0rem;
	}

	.col_3 div dl dd p {
		line-height: inherit;
		margin-bottom: .75em;
	}

	.col_3 div.block_01 dd a,
	.col_3 div.block_02 dd a,
	.col_3 div.block_03 dd a,
	.col_3 div.block_04 dd a,
	.col_3 div.block_05 dd a {
		font-size: inherit;
		line-height: 1.333;
	}

	.col_3 div.block_04 dd a:link,
	.col_3 div.block_05 dd a:link {
		color: white;
	}

	.col_3 div.block_04 dd a:visited,
	.col_3 div.block_05 dd a:visited {
		color: #dbba97;
	}

	/* 子項目區塊: */
	.col_3 div .carousel02 {
		width: 86.5%;
	}

	/* 子項目區塊: 標題 */
	.col_3 div .carousel02 p.carousel_title {
		font-size: 1.125rem;
		line-height: 1.5;
		height: calc(3em * 1.5 + 1em);
		margin-bottom: 0;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		/*數字是幾就顯示幾行*/
		-webkit-box-orient: vertical;
		overflow: hidden;
	}

	/* 子項目區塊: 圖片 */
	.col_3 div .carousel02 img {
		width: 100%;
		height: calc(21.25vw / 1.85);
	}

	/* 子項目區塊: 段落 */
	.col_3 div .carousel02 p {
		padding: .75em 1em;
	}

	/* 子項目區塊: 更多 */
	.col_3 div .carousel02 .more {
		width: 8em;
		height: auto;
		font-size: 1rem;
		font-weight: bold;
		line-height: 2;
		height: calc(2em * 1);
	}

	/** new block **/
	.col_3 div.block_04 dt {
		color: #edfde1;
		border-bottom: 8px solid #01a76a;
		/*height: calc(2.0em * 1.40 + 0.95em + 10px);
        line-height: 1.35 !important;*/

	}

	.col_3 div.block_05 dt {
		color: #edfde1;
		border-bottom: 8px solid #8683fc;
		/*height: calc(2.0em* 1.40 + 0.95em + 10px);
        line-height: 1.35 !important;*/
	}

	.col_3 div.block_04 dd a:link,
	.col_3 div.block_05 dd a:link {
		color: white;
	}

	.col_3 div.block_04 dd a:visited,
	.col_3 div.block_04 dd a:visited {
		color: #dbba97;
	}

	.col_3 div.block_01 dt,
	.col_3 div.block_02 dt,
	.col_3 div.block_03 dt,
	.col_3 div.block_04 dt,
	.col_3 div.block_05 dt {
		font-size: 1rem;
	}

}

@media (min-width: 1200px) {

	/* 類別清單 */
	.col_3 div dl {
		height: auto;
	}

	/* 類別清單: 標題 */
	.col_3 div dl dt {
		padding-top: 0 !important;
		padding-bottom: .25em;
		margin-bottom: .85em;
		line-height: 1.4 !important;
		height: calc(2em * 1.4 + .25em + 8px);
		font-size: calc(16px + 0.8vw);
	}

	.col_3 div.block_04 dt {}

	/* 類別清單: 子項 */
	.col_3 div dl dd {
		font-size: 1.125rem;
		height: calc(4em * 1.75 + 90px + 1em);
	}

	.col_3 div.block_01 dt,
	.col_3 div.block_02 dt,
	.col_3 div.block_03 dt,
	.col_3 div.block_04 dt,
	.col_3 div.block_05 dt {
		font-size: 1.25rem;
	}

	/* 類別清單: 底線 */
	.col_3 div.block_01 dt:after,
	.col_3 div.block_02 dt:after,
	.col_3 div.block_03 dt:after,
	.col_3 div.block_04 dt:after,
	.col_3 div.block_05 dt:after {
		height: 8px;
	}

	.col_3 div dl dd p {
		line-height: inherit;
		margin-bottom: .75em;
	}

	/* 子項目區塊: 段落 */
	.col_3 div .carousel02 {
		width: 85%;
	}

	/* 子項目區塊: 段落 */
	.col_3 div .carousel02 p {
		padding: .75rem;
	}

	.col_3 div .carousel02 p.carousel_title {
		font-size: 1.125rem;
		height: calc(3em * 1.5 + 1em);
		padding: .75em;
	}

	/* 子項目區塊: 摘要 */
	.col_3 div .carousel02 p.carousel_title+p {
		font-size: 1.0rem;
	}

	/* 子項目區塊: 更多 */
	.col_3 div .carousel02 .more {
		font-size: 1rem;
	}
}

@media (min-width: 1400px) {

	/* 類別清單 */
	.col_3 div dl {
		height: auto;
	}

	/* 類別清單:標題 */
	.col_3 div.block_04 dt {}

	.col_3 div.block_01 dt,
	.col_3 div.block_02 dt,
	.col_3 div.block_03 dt,
	.col_3 div.block_04 dt,
	.col_3 div.block_05 dt {
		font-size: 1.35rem;
	}

	/* 類別清單: 底線 */
	.col_3 div.block_01 dt:after,
	.col_3 div.block_02 dt:after,
	.col_3 div.block_03 dt:after,
	.col_3 div.block_04 dt:after,
	.col_3 div.block_08 dt:after {
		height: 8px;
	}

	/* 子項目區塊: 標題 */
	.col_3 div .carousel02 p.carousel_title {
		font-size: 1.28vw;
	}

	/* 子項目區塊: 摘要 */
	.col_3 div .carousel02 p.carousel_title+p {
		font-size: 1.09vw;
	}

	/* 子項目區塊: 更多 */
	.col_3 div .carousel02 .more {
		width: 8em;
	}



}

@media (min-width: 1600px) {

	/* 類別清單 */
	.col_3 div dl {
		padding: 10% 8%;
	}

	/* 類別清單: 標題 */
	.col_3 div dl dt {
		font-size: 2.0vw;
		padding-bottom: .45em;
		margin-bottom: .5em;
		height: calc(2em * 1.4 + .45em + 8px);
	}

	.col_3 div.block_04 dt {
		/*font-size: 1.90vw;
        height: calc(2em * 1.60 + .5em + 8px);
        line-height: 1.67 !important;*/
	}

	.col_3 div.block_01 dt,
	.col_3 div.block_02 dt,
	.col_3 div.block_03 dt,
	.col_3 div.block_04 dt,
	.col_3 div.block_05 dt {
		font-size: 1.55rem;
	}

	/* 類別清單: 底線 */
	.col_3 div.block_01 dt:after,
	.col_3 div.block_02 dt:after,
	.col_3 div.block_03 dt:after,
	.col_3 div.block_04 dt:after,
	.col_3 div.block_05 dt:after {
		height: 8px;
		margin-top: 1.6rem;
		margin-bottom: 1.5rem;
	}

	/* 類別清單: 子項 */
	.col_3 div dl dd {
		font-size: 1.25vw;
	}

	/* 子項目區塊 */
	.col_3 div .carousel02 {
		width: 84%;
	}

	/* 子項目區塊: 圖片 */
	.col_3 div .carousel02 img {
		height: calc(21.875vw / 1.85);
		object-fit: cover;
	}

	/* 子項目區塊: 段落 */
	.col_3 div .carousel02 p {
		padding: 1rem;
	}

	/* 子項目區塊: 標題 */
	.col_3 div .carousel02 p.carousel_title {
		font-size: 1.035vw;
		line-height: 1.5;
		height: calc(3em * 1.5 + .75em * 2);
	}

	/* 子項目區塊: 摘要 */
	.col_3 div .carousel02 p.carousel_title+p {
		font-size: 0.9vw;
		line-height: 2;
		height: calc(2em * 1);
	}

	/* 子項目區塊: 更多 */
	.col_3 div .carousel02 .more {
		font-size: 1rem;
		width: 40%;
	}
}

@media (min-width: 1800px) {

	/* 類別清單 */
	.col_3 div dl {
		padding: 5% 12.5%;
	}

	/* 類別清單: 標題 */
	.col_3 div dl dt {
		font-size: 1.98vw;
		line-height: 1.26 !important;
		height: calc(2em * 1.26 + .45em + 8px);
	}

	.col_3 div.block_04 dt {
		font-size: 1.67vw;
	}


	/* 類別清單: 子項 */
	.col_3 div dl dd {
		font-size: 1.146vw;
	}

	/* 子項目區塊 */
	.col_3 div .carousel02 {
		width: 75%;
	}

	/* 子項目區塊: 圖片 */
	.col_3 div .carousel02 img {
		width: 100%;
		height: calc(18.75vw / 1.5);
	}

	/* 子項目區塊: 標題 */
	.col_3 div .carousel02 p.carousel_title {
		font-size: 1.04vw;
	}

	/* 子項目區塊: 更多 */
	.col_3 div .carousel02 .more {
		font-size: .9375vw;
	}

	.col_3 div.block_01 dt,
	.col_3 div.block_02 dt,
	.col_3 div.block_03 dt,
	.col_3 div.block_04 dt,
	.col_3 div.block_05 dt {
		font-size: 1.6rem;
	}


}




/*2023 無障礙調整*/
.headbar_search a span,
.headbar_search_close a span,
button span,
span.text {
	display: none
}


/*20240419 nav 字數太長，maga寬度調整*/
@media (min-width: 980px) {
	#main-menu .mega-menu a {
		font-size: 1.0rem;
	}

	#main-menu .mega-menu>li {
		width: 85%;
		padding: 0 15px;
	}

	#main-menu .mega-menu .mega-menu-title a,
	#main-menu .mega-menu .mega-menu-title a:link,
	#main-menu .mega-menu .mega-menu-title a:hover,
	#main-menu .mega-menu .mega-menu-title a:active,
	#main-menu .mega-menu .mega-menu-title a:visited {
		font-size: clamp(1rem, 2.5vw, 1.5rem);
	}

	.sm-green .sm-nowrap>li>a,
	.sm-green .sm-nowrap>li>:not(ul) a {
		white-space: break-spaces;
	}
}

@media (max-width: 1440px) {
	#main-menu .mega-menu>li .column:first-child {
		display: none;
	}
}



/*20241114 新增公告區塊，只有一則*/
.notice {
	background-color: #f5f5f5;
}

.notice article {
	padding-top: 2em;
	padding-bottom: 2em;
}

.notice p {
	width: 90%;
	background-color: #ffffff;
	padding: 1.5rem;
	border-radius: 20px;
	line-height: 2;
	font-size: 1.125rem;
	box-sizing: border-box;
	margin: 0px auto;
}

@media (min-width: 980px) {
	.notice article {
		padding-top: 2em;
		padding-bottom: 0;
	}

	.notice p {
		width: 97.5%;
	}

	.notice+.container .slickblock {
		padding-top: 1em;
	}
}