@charset "UTF-8";
/*! normalize.css v3.0.0 | MIT License | git.io/normalize */
/*! normalize.css v3.0.0 | HTML5 Display Definitions | MIT License | git.io/normalize */
@import url(http://fonts.googleapis.com/css?family=Didact+Gothic);
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }

audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }

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

[hidden], template { display: none; }

/*! normalize.css v3.0.0 | Base | MIT License | git.io/normalize */
html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body { margin: 0; }

/*! normalize.css v3.0.0 | Links | MIT License | git.io/normalize */
a { background: transparent;   }

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

/*! normalize.css v3.0.0 | Typography | MIT License | git.io/normalize */
abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

dfn { font-style: italic; }

h1 { font-size: 2em; margin: 0.67em 0; }

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

small { font-size: 80%; }

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

sup { top: -0.5em; }

sub { bottom: -0.25em; }

/*! normalize.css v3.0.0 | Embedded Content | MIT License | git.io/normalize */
img { border: 0; }

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

/*! normalize.css v3.0.0 | Figures | MIT License | git.io/normalize */
figure { margin: 1em 40px; }

hr { -moz-box-sizing: content-box; box-sizing: content-box; border:0; height: 1px; margin:15px 0; background:#c1c1c1; }

pre { overflow: auto; }

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

/*! normalize.css v3.0.0 | Forms | MIT License | git.io/normalize */
button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }

button { overflow: visible; }

button, select { text-transform: none; }

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

button[disabled], html input[disabled] { cursor: default; }

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

input { line-height: normal; }

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

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

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; }

fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

legend { border: 0; padding: 0; }

textarea { overflow: auto; }

optgroup { font-weight: bold; }

/*! normalize.css v3.0.0 | Tables | MIT License | git.io/normalize */
table { border-collapse: collapse; border-spacing: 0; }

td, th { padding: 0; }

.std-title { color: #685e74; }

.fontColor-title { color: #7b8a97; }

.cf:before, .row:before, .cf:after, .row:after { content: ""; display: table; }

.cf:after, .row:after { clear: both; }

.invisible { display: none; }

ul.list-unstyled li { list-style-type: none; }

.show-smxs { display: none; }

@media screen and (min-width: 320px) and (max-width: 767px) {
  .hidden-smxs { display: none !important; }
  .show-smxs { display: block; }
 }
html { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; }

*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

body { font-size: 16px; font-family: '微軟正黑體', Arial, sans-serif; line-height: 1.5; }

/*body.fullnav { height: 100%; overflow: hidden; }*/

body.fullnav { width: 100%;position: fixed;top: 0;bottom: 0;left: 0;right: 0;}

a { text-decoration: none; color:#000; }

img { display: block; }

ul { padding: 0; }

p { margin: 7px 0; }

.img-responsive { max-width: 100%; height: auto; display:inline-block; }


.community_link { display:block; float:right; list-style:none; margin:0 25px 0 0;}
.m_link { display:none;}
.community_link li{ float:left; margin:20px 10px 0 0; font-size:12px; line-height:40px;}
.community_link li:first-child{ width:75px;}

.community_link a{ display:block; width:35px; height:35px; border-radius:35px; background:#fff;  background-size:cover;}
.community_link a.facebook{ background:url(../img/icon_facebook.png) no-repeat center top;}
.community_link a.twitter{ background:url(../img/icon_twitter.png) no-repeat center top; }
.community_link a.googleplus{ background:url(../img/icon_google.png) no-repeat center top;}
.community_link a.youtube{ background:url(../img/icon_youtube.png) no-repeat center top;}
.community_link a.company_apply{ /*background:url(../img/icon_apply.png) no-repeat center top;*/ background:#e60012; color:#fff; width:100%; border-radius:4px; display:flex; justify-content:center; align-items:center; font:13px/20px meiryo,arial,sans-serif; line-height: 35px;}
.community_link a:hover{-webkit-filter:invert(1) saturate(1000%);}
.community_link span.wechat{ display:block; float:left; margin-right:5px; width:40px; height:40px; background:#fff; background:url(../img/icon_wechat.png) no-repeat center center; background-size:cover;}

@media screen and (min-width: 320px) and (max-width: 767px) {
	.community_link { display:none; }
  .community_link a.company_apply{width: 95%;}
	.m_link{ display:block; justify-content:center; width:85%; float:none; margin:0 auto; padding-bottom:300px;}
	.m_link li:first-child{ width:25% !important; margin-right:3%;}
	.m_link li{ width:18% !important;margin:20px auto 0; }
	.m_link li a{ margin:0; }

	 }

.wechat_in{ width:166px; height:29px; background:url(../img/index_contact_wechat.png) no-repeat center center; margin:35px auto 15px;}
.line_in a{ display:block; width:166px; height:29px; background:url(../img/index_contact_line.png) no-repeat center center; margin:0 auto;}

.logo-container { display: flex; align-items: center; color:#019BB3}
.logo-container .logo{font-size: 30px;font-weight: 400;letter-spacing: 3px;line-height: 20px;text-align: center;font-family: "Meiryo UI"; text-align:left}
.logo-container .logo small{ font-size: 14px;}
.logo-container .logo:before{display: inline-block;/* content: "頡伊"; */width: 75px;height: 75px; background-color: #00a7ac;padding-top: 22.5px;border-radius: 50%;font-weight: 700;font-size: 30px;margin-right: 18px;text-align: center;color:#FFF;}

.section-header { width: 100%;  }
.section-header h2 {  color: #000; font-family: 'MeiryoUI', sans-serif; font-weight: bold; font-size: 20px; letter-spacing: 1px; line-height: 24px; margin:0; min-height:37px; }
.page-main-wrap .section-header h2 {color: #019BB3; font:24px 'MeiryoUI', sans-serif; letter-spacing: 1px; line-height: 24px; margin:0;text-align:center;}
@media screen and (min-width: 320px) and (max-width: 767px) {
.page-main-wrap .section-header h2 {  color: #00a7ac; font:24px 'MeiryoUI', sans-serif;letter-spacing: 1px; line-height: 24px; margin:0; width:100%; text-align:center;}
}

@media screen and (min-width: 320px) and (max-width: 1024px){
.section-header h2 {  color: #000; font-family: 'MeiryoUI', sans-serif; font-weight: bold; font-size: 20px; letter-spacing: 1px; line-height: 24px; margin:0; width:100%; text-align:left; }
	}

.content .description a { color: #1c1c1c; display:inline-block; width:80%; font-family:aeial,新細明體,sans-serif; word-wrap: break-word;}
.content .title, .content .title a {font-size: 13px;color:#00a7ac;}

.page-container { min-height: 100%; height: auto !important; height: 100%; margin-top: 40px; }

.page-main-wrap .section-header { /*margin-bottom: 20px;*/  }

@media screen and (min-width: 320px) and (max-width: 980px) {
.index-main-wrap { margin-top: 0; }
.section-header { /*margin-top: 30px;*/ }
 }

.header_container { width: 95%; float: left; margin-left: 2.5%; margin-right: 2.5%;float: none; }

.carousel-one { width: 100%; position: relative; margin:15px 0;}
.carousel-one img { margin:0 auto;width:100%; }

.carousel { margin: 10px 0 10px; }

.page-banner { display: block; margin:15px 0;}
.page-banner img { max-width:100%; margin:0 auto; display:block;}
.index-main-wrap { padding-top:15px; margin-bottom: 30px;}
.index-main-wrap .container{padding:0 0 0 35px;}

.index-about, .index-products { width: 71.25%; float: left;padding-right: 40px;}
.index-about{margin: 25px 0;}
.index-news, .index-contact { width: 28.75%; float: left;}
.index-news{padding:30px 25px 40px;}
.index-contact {padding:25px 35px 35px;background-color: #8BDC64;}
@media screen and (min-width:768px) and (max-width: 991px) {
.index-about, .index-products{width:65%;}
.index-news, .index-contact{width: 35%;}
.index-contact {padding:25px 20px 35px;}
.main-products{width:calc(50% - 15px);float: left;}
.main-products:first-child{margin-right: 30px;}
/* #pcol-3{display: none;} */
}

.main-stage { position: relative; }

.page-main-wrap { margin: 30px 0; }

@media screen and (min-width: 1200px) {
  .container { max-width: 1170px; margin-left: auto; margin-right: auto; }
  .container:after { content: " "; display: block; clear: both; }
 }
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .container { max-width: 980px; margin-left: auto; margin-right: auto; }
  .container:after { content: " "; display: block; clear: both; }
  .index-main-wrap .container{padding:0 17.5px 0 17.5px;}
 }
@media screen and (min-width: 992px) {
  .main-stage { width: 72.91667%; float: left; margin-left: 1.04167%; margin-right: 1.04167%;}
  .side { width: 22.91667%; float: left; margin-left: 1.04167%; margin-right: 1.04167%; }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .container { max-width: 95%; margin-left: auto; margin-right: auto; }
  .container:after { content: " "; display: block; clear: both; }
  .side { width: 97.91667%; float: left; margin-left: 1.04167%; margin-right: 1.04167%; }
  .main-stage { width: 97.91667%; float: left; margin-left: 1.04167%; margin-right: 1.04167%; }
}
  .index-news2{ display:none;}

 @media screen and (min-width: 992px) and (max-width: 1024px) {
.main-stage { width: 64%; float: left;}
  .side { width: 30%; float: left; margin-right: 2%; } }
@media screen and (min-width: 768px) and (max-width: 991px) {
.main-stage { width: 64%; float: left;}
  .side { width: 30%; float: left; margin-right: 2%; }
  .contactpage_info{ width:38%;}
  .contact_frame{ width:55%;}
   }




@media screen and (min-width: 320px) and (max-width: 767px) {
.index-main-wrap { padding-top:15px; margin-bottom: 35px;}
.index-main-wrap .container{padding: 0;}
.index-main-wrap + hr{display: none;}
.container { max-width: 100%; margin-left: auto; margin-right: auto; }
.container:after { content: " "; display: block; clear: both; }
.main-stage {margin:25px;}
.index-about, .index-news, .index-products, .index-contact { width: 100%; float: left; margin:0;padding: 10px;}
.index-contact {padding:25px 25px 25px;}
.content .description a { color: #283138; display:inline-block; width:86%; font-size: 15px;line-height: 20px;font-family:"MeiryoUI"; text-align:left;}
.index-news{ padding:30px 20px 40px;}
.carousel, .carousel-one { margin-top: 0; margin-bottom: 0px;}
.side { margin:50px; min-height: 30px; background-image: none; }
.contactpage_info{margin:0;}


.page-news-list .normal-news .content{max-height:none;overflow: auto;}
.page-news-list .page-news-list .title2{float: none;}
.page-news-list .normal-news a {float: none;max-height: 60px;overflow: hidden;}
 }

.index-about img { width: 30%; float: left; padding:4px;margin-right:25px;  }
.index-about .right { width:calc(70% - 25px); float: left;}
.index-about .right h2{ margin:20px 0; color:#00a7ac;font-size: 24px;font-weight: 400;height: 35px;overflow: hidden;line-height: 35px;}
.index-about .right h2 span:first-child{font-size: 30px;font-weight: 700;line-height: 35px;}
.index-about .right p { font-size: 13px; font-family:arial,新細明體,sans-serif;  letter-spacing: 1px; line-height: 2;}

.index-news .section-header h2 {font: 24px meiryoUI,arial,sans-serif;margin-bottom:25px; display: flex;align-items: center;color:#00a7ac;}
.index-news .section-header h2:before{content: url(../img/news_title.png);width: 50px;height: 50px;margin-right:18px;}
@media screen and (min-width: 320px) and (max-width: 767px) {
.index-news .section-header h2 {font: 30px/37px meiryoUI,arial,sans-serif; margin-bottom:25px; display: block;text-align: center;}
.index-news .section-header h2:before{display: block;margin:auto; }
.index-news .section-header span{ margin-left:5px;}
.index-about .right p { font-size: 13px; font-family:arial,新細明體,sans-serif;  letter-spacing: 1px; line-height: 2; text-align:left;margin-bottom:35px; }
}


.index-news .section-header span{ font:15px arial,標楷體,sans-serif; margin-left:10px; }
.normal-news .content { margin-bottom: 35px; max-height:56px; font:13px/20px 新細明體,arial,sans-serif; color:#283138; overflow: hidden; }
.normal-news .content .title, .normal-news .content .title a{color:#00a1df;}

.main-products:last-child{margin-right:0;}
.main-products .content{margin:0 15px;}
.main-products .content .title{margin:48px 0;}
.main-products .content .title a {display: block;margin: 20px auto; max-height: 56px;color: #00a7ac; font-size: 15px; font-family:mairyo;line-height:28px; word-wrap: break-word;overflow: hidden;}

.main-products .content .PD_description{/* height: 208px; overflow: hidden; */ }
.main-products .content .PD_description p{ font:12px/22px arial,新細明體,sans-serif; color:#71787d; text-align:left; margin:0 5px;}
@media screen and (min-width: 992px) {
  .main-products { width: calc((100% - 58.5px)/3); float: left; margin-right: 29.25px; }
 }


.index-contact .section-header h2 {font: 24px/40px meiryoUI,arial,sans-serif;color:#FFF; margin:0; }
.index-contact .section-header h2:before{content: url(../img/contact_title.png);margin-right: 18px; width:50px;height: 50px;}
.index-contact .section-header span{ font:15px arial,標楷體,sans-serif; margin-left:10px; }
.index-contact { color: #FFF; }
.index-contact a { color: #FFF; }
.index-contact .contact-wrap { padding: 15px 0; position: relative; font-size: 14px; border-bottom: 1px dashed #FFF; }
.index-contact .contact-wrap:last-child { border: 0; }
.index-contact .contact-wrap:before { content: ''; display: block; width: 40px; height: 40px; position: absolute; left: 0; top:50%; margin-top:-20px; background-repeat: no-repeat; -moz-background-size: cover; -o-background-size: cover; -webkit-background-size: cover; background-size: cover; border-radius:40px; }

.index-contact .contact-phone:before { background: url(../img/contact_call.png); }
.index-contact .contact-fax:before { background: url(../img/contact_fax.png); }
.index-contact .contact-mail:before { background: url(../img/contact_mail.png); }
.index-contact .contact-address:before { background: url(../img/contact_address.png); top:20px; margin-top:0; }
.index-contact .contact-time:before { background: url(../img/contact_time.png); }
.index-contact .c-content { padding-left: 50px; color: #FFF; font-size: 15px;font-weight: bold; line-height: 24px;}
.index-contact .c-content span{ font-family:meiryo; display:block; font-size:16px;  }
.index-contact .c-content a[itemprop=email] {word-wrap: break-word;}


.index-contact .indexmap{margin-top:20px;}


@media screen and (min-width: 320px) and (max-width: 767px) {
.index-contact .section-header h2:before{display: block;margin:auto;}
.index-contact .section-header h2 {text-align: center;}
.index-contact .c-content { padding-left: 50px; color: #FFF; font-size: 15px;font-weight: bold; text-align:left; }
.index-contact .c-content span{ font-family:meiryo; display:block; font-size:16px; float:left;  }}
.index-contact .contact-mail  .c-content{ font-size:13px;}
.index-contact .contact-address  .c-content{ font-size:13px; margin-bottom:20px;}
.index-contact .c-content a { color: #FFF; }

.btn_map{ display: inline-block; width:50px; height:20px; background:#ff8600; border-radius:4px; text-align:center; color:#fff !important; font:13px/20px meiryoUI,arial,sans-serif;}

@media screen and (min-width: 981px) and (max-width: 1200px) { .index-about img { /*margin-top: 10%;*/ } }
@media screen and (min-width: 861px) and (max-width: 980px) { .index-about img { /*margin-top: 20%;*/ } }
@media screen and (min-width: 768px) and (max-width: 860px) { .index-about img { /*margin-top: 25%; */} }
@media screen and (min-width: 768px) and (max-width: 940px) {
  .index-news .section-header h2, .index-contact .section-header h2 { font-size: 18px; }
  .index-about .right h2{font-size: 18px;}
  .index-about .right h2 span:first-child{font-size: 24px;}
 }
@media screen and (min-width: 600px) and (max-width: 767px) { .index-news .section-header h2 { background-position: 30% 0; } }
@media screen and (min-width: 420px) and (max-width: 599px) { .index-news .section-header h2 { background-position: 20% 0; } }
@media screen and (min-width: 600px) and (max-width: 767px) { .index-contact .section-header h2 { background-position: 40% 0; } }
@media screen and (min-width: 400px) and (max-width: 599px) { .index-contact .section-header h2 { background-position: 30% 0; } }
@media screen and (min-width: 320px) and (max-width: 767px) {
  .main-products { margin-bottom: 30px; width: 97.91667%; float: left; margin-left: 1.04167%; margin-right: 1.04167%; }
  .main-products .content { text-align: center; }
  .main-products .content .title a { margin: 5px 0; margin:0 auto; text-align:left;}
  .index-about .right { width: 97.91667%; float: left; margin-left: 1.04167%; margin-right: 1.04167%; }
  .index-about .right h2{font-size: 16px;}
  .index-about .right h2 span:first-child{font-size: 18px;}
}
@media screen and (min-width: 450px) and (max-width: 767px) { .index-about img { width: 47.91667%; float: left; margin-left: 1.04167%; margin-right: 1.04167%; margin-left: 26.04167%; } }
@media screen and (min-width: 320px) and (max-width: 450px) { .index-about img { width: 100%; margin: 0 auto; } }
.products-detail-top { position: relative; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #ccc; }
.products-detail-top .content .title { font:bold 24px/30px meiryoUI,arial,sans-serif; margin-bottom:35px; }

.main-products img {display: block;margin: 0 auto; width:100%; height:auto; }

@media screen and (min-width: 320px) and (max-width: 480px) {
.main-products img { margin: 0 auto; width:100%; height:auto; }
}


.products-detail-top p{ font:12px/24px arial,新細明體,sans-serif;}

@media screen and (min-width: 992px) { .page-products-list .main-products { width: 31.25%; float: left; }
  .page-products-list .main-products:nth-child(3n + 1) { margin-left: 1.04167%; margin-right: -100%; clear: both; }
  .page-products-list .main-products:nth-child(3n + 2) { margin-left: 34.375%; margin-right: -100%; clear: none; }
  .page-products-list .main-products:nth-child(3n + 3) { margin-left: 67.70833%; margin-right: -100%; clear: none; }
  .page-products-list .main-products img { width: 97.91667%; float: left; margin-left: 1.04167%; margin-right: 1.04167%; }
  .page-products-list .main-products .content { width: 97.91667%; float: left; margin-left: 1.04167%; margin-right: 1.04167%; font-size: 18px; }
  .products-detail-top .products-img { width: 31.25%; float: left; margin-left: 1.04167%; margin-right: 1.04167%; }
  .products-detail-top .content { width: 60%; float: left; margin-left: 5%;  } }
@media screen and (min-width: 768px) and (max-width: 991px) { .page-products-list .main-products { width: 31.25%; float: left; }
  .page-products-list .main-products:nth-child(3n + 1) { margin-left: 1.04167%; margin-right: -100%; clear: both; }
  .page-products-list .main-products:nth-child(3n + 2) { margin-left: 34.375%; margin-right: -100%; clear: none; }
  .page-products-list .main-products:nth-child(3n + 3) { margin-left: 67.70833%; margin-right: -100%; clear: none; }
  .page-products-list .main-products img { width: 100%; float: left; height:auto;  }
  .page-products-list .main-products .content { width: 97.91667%; float: left; margin-left: 1.04167%; margin-right: 1.04167%; font-size: 16px; }
  .products-detail-top .products-img { width: 47.91667%; float: left; margin-left: 1.04167%; margin-right: 1.04167%; }
  .products-detail-top .content { width: 47.91667%; float: left; margin-left: 1.04167%; margin-right: 1.04167%; } }
@media screen and (min-width: 320px) and (max-width: 767px) {
  .page-products-list .main-products { width: 47.91667%; float: left; }
  .page-products-list .main-products:nth-child(2n + 1) { margin-left: 1.04167%; margin-right: -100%; clear: both; }
  .page-products-list .main-products:nth-child(2n + 2) { margin-left: 51.04167%; margin-right: -100%; clear: none; }
  .products-detail-top .products-img { width:100%;float: none;}
  .products-detail-top .products-img img{width: 100%;}
}
footer { min-height:191px;padding: 50px 0; color: #fff; font-size: 14px; background-color: #00a7ac; -moz-box-shadow: inset 0px 20px 30px -15px rgba(0, 0, 0, 0.5); -webkit-box-shadow: inset 0px 20px 30px -15px rgba(0, 0, 0, 0.5); box-shadow: inset 0px 20px 30px -15px rgba(0, 0, 0, 0.5); }
.footercenter{display: table;margin:auto;}

.sitemap{ width:}
.sitemap ul { margin: 5px; list-style:none; display:flex; flex-direction:row; font:13px/20px arial,新細明體,sans-serif; }
@media screen and (min-width: 320px) and (max-width: 767px) {
.sitemap{ display:none;}
.sitemap ul { margin: 5px; list-style:none; display:flex; flex-wrap:wrap; font:13px/20px arial,新細明體,sans-serif; }
/*.sitemap ul li:before{ display:none;}*/
}
.sitemap ul li{ float:left; width:33%;}
.sitemap ul li:before { content: '∣'; margin: 0 10px; }
.sitemap ul li:first-child::before { content: none; }
.sitemap ul li:last-child{ display:none;}


.sitemap ul li a { color: #fff; }
.sitemap ul li a:hover { color:#ff8600; }

.social-container {float:left;}

.social-media { display: table;}

.social-media li { margin-right: 10px;float: left;list-style-type: none; }
.social-media li img{ display:block; width:25px; height:25px;border-radius: 4px;}
.copyright {float: left; text-align: left; padding: 1px 0; font:16px/24px meiryoUI,arial,sans-serif; }
.copyright span{ padding-bottom:20px;}
.copyright_logo{ display:inline-block; float:left; width:10%; height:80px; background:url(../img/logo2.png); margin:10px 30px 0 0;}

@media screen and (min-width: 768px) and (max-width: 1024px) {
.sitemap ul li{ float:left; width:auto;}
.sitemap ul li:before { content: '∣'; margin: 0 5px; }
.copyright_logo{ display:inline-block; float:left; width:123px; height:80px; background:url(../img/logo2.png); margin:10px 30px 0;}
}


@media screen and (min-width: 320px) and (max-width: 767px) { footer { font-size: 12px; }
.copyright_logo{ display:inline-block; float:left; width:100%; height:80px; background:url(../img/logo2.png) no-repeat center center; margin:0;}
  .social-container { width: 97.91667%; float: left; margin-left: 1.04167%; margin-right: 1.04167%; }
  .social-media { display: table; float: none; margin: 0 auto; }
  .copyright { width: 97.91667%; float: left; margin-left: 1.04167%; margin-right: 1.04167%; text-align: center; }
}
.page-news-list{ margin-bottom:100px;}
.page-news-list .normal-news { padding-top: 20px; border-top: 1px solid #ebebeb; }
.page-news-list .title{ display:none;}
.page-news-list .title2{ color:#00a1df; float: left;font:16px/30px meiryoUI,arial,sans-serif;}
.page-news-list .normal-news a{ float:left; padding-left:12px; font:16px/30px meiryoUI,arial,sans-serif;}
.side { min-height: 100px; }

.side .main-list > li {  position: relative; width:100%; margin:0 auto 1px; }
.side .main-list > li > a { display: block; width: 100%; height: 50px; color: #fff; border: 1px solid #8BDC64; background: #8BDC64; border-radius: 8px;  letter-spacing: 1px;text-align: center; line-height: 50px; font-size: 16px; font-weight: bold;}
.side .second-list > li a { display: block; color: #019BB3; width:100%; height: 50px; line-height: 50px; padding:0 15px; border-bottom: 1px dashed rgba(0,167,172,0.75); text-align: center; border-radius: 8px;}
.side .second-list > li:last-child a { border-bottom: none; margin-bottom: 35px;}
.side .main-list > li > a:hover,.side .second-list > li a:hover{/*background-color: #00a7ac;color:#FFF; */font-weight: bold; font-size: 18px;}


.side-xs { width: 100%; margin-bottom: 10px; border-top: 0; border-left: 0; border-right: 0; border-bottom: 1px solid #1c1c1c; }

.side .index-contact { width: 100%; float: left;padding:25px 20px ;}
@media screen and (min-width: 320px) and (max-width: 767px) {
  .side .index-contact {float: none;}
}


.nav-container {border-top:1px solid #c1c1c1;border-bottom:1px solid #c1c1c1;height: 52px;}

nav { height: 100%; }
nav ul { margin: 0; list-style:none; display:flex;  }
@media screen and (min-width: 320px) and (max-width: 767px) {
nav ul { display:block; /*flex-direction:column;*/  }}

nav li { width: 20%; text-align: center; position:relative;  }
nav li:before { content: ''; display: block; position: absolute; top: 50%; transform: translateY(-50%); left: 0; color: #FFF; }
nav li:nth-child(1):before { content: none; }
nav li a { display:flex; justify-content:center; align-items:center; width: 100%; height: 50px;line-height: 50px; font:16px/24px meiryoUI,arial,sans-serif;text-align: center; }
nav li a:hover { background-color: #8BDC64; color:#FFF;border:1px solid #FFF;}
nav li:hover + li:before{ content:none; }



.toggle-menu { display: none; }

@media screen and (min-width: 768px) {
  .logo-container { width: 90%; margin:0 auto; padding: 10px 0; height: 100px; max-width:1140px; }
  .logo-container img { max-height: 100%; }
  .nav-container { width: 100%; }
  .nav-container nav { width: 90%; margin:0 auto; max-width:1040px; }
  .nav-container li:first-child {  }
}
@media screen and (min-width: 320px) and (max-width: 767px) {
  header { background:#fff; z-index:2; top:0;width:100%;}
  .header_container { margin: 0; width: 100%; top:0; margin-bottom: 10px;overflow: hidden;position: relative; border-bottom:solid 1px #c1c1c1;}
  .logo-container { width: calc(100% - 60px); float: left; margin: 12px 0 12px 15px;  }
  .logo-container img { width: 100%; }
  .toggle-menu {display:inline-block;height:30px;margin-right: 15px;position: absolute;top: 50%;transform: translateY(-50%);}
  .toggle-menu img { margin: auto; }
  .nav-container { display: none; }
  .nav-container {width: 100%; height: 100vh; margin:0; padding: 20px 0; z-index: 9999;background-color: rgba(0, 167, 172, 0.75);}
  .nav-container li { display: block; width: 100%; }
  nav{height: auto;}
  nav li:before { display:none;}
 }

 @media screen and (min-width: 320px) and (max-width: 600px) {
   .logo-container .logo{font-size: 20px;line-height: 19px;letter-spacing: 0;}
   .logo-container .logo:before{width: 57px;height: 57px;padding-top: 17.25px;font-size: 22.5px;margin-right: 6px;}
 }


@media screen and (min-width: 768px) and (max-width: 850px) {
  nav li { font-size: 14px; }
 }
#menu_custom2 { display: none; }

.breadcrumb360 {font-size: 13px;}
.breadcrumb360 li { position: relative; padding: 0; list-style: none; display: inline-block; margin-bottom:15px;word-wrap: break-word;}
.breadcrumb360 li a { color: #929292;  font-family:meiryoUI,arial,sans-serif; }
.breadcrumb360 li:before { content: ">"; margin:0 10px; color: #929292; }
.breadcrumb360 li:first-child{ margin:0 0 0 25px; }
.breadcrumb360 li:first-child:before {content: ''; display: block; width: 10px; height: 10px; border-radius:100%; position: absolute; top: 7px; left: -25px; margin: 0; background-color: #8BDC64;}
.breadcrumb360 li:first-child:after { }
.breadcrumb360 li:last-child a { color: #000;  font-size:16px;}
.breadcrumb360 li:last-child:after { content:''; display:none;}
.breadcrumb360 li.active:last-child a { color: #000; }
@media screen and (min-width: 320px) and (max-width: 767px) {
  .breadcrumb360 li:nth-child(n+2) {display: inline-block; /* text-indent: -10px;margin-left:25px; */}
}


.edit-area { min-height: 500px; margin: 20px 0; }
.edit-area p { overflow:hidden;}
.edit-area img {/* width: 100% !important;*/ }

.pagination { margin: 20px auto; text-align: center; }
.pagination ul { display: inline-block; }
.pagination li { display: inline; }
.pagination li a { display: block; width: 25px; height: 25px; float: left; margin: 0 3px; color: #929292; font-family: 'Didact Gothic', sans-serif; font-size: 13px; line-height: 22px; text-align: center; border: 1px solid #cdcdcd; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.pagination li a:hover { color: #fff; background-color: #00a7ac; border: 1px solid #00a7ac; }
.pagination li:nth-child(2) a { margin-right: 40px; }
.pagination li:nth-last-child(2) a { margin-left: 40px; }
.pagination li.active a { color: #fff; background-color: #00a7ac; border: 1px solid #00a7ac; }

@media screen and (max-width: 350px) { .pagination li:nth-child(2) a { margin-right: 20px; }
  .pagination li:nth-last-child(2) a { margin-left: 20px; } }
.form-control { display: block; width: 100%; height: 35px; padding: 6px 12px; color: #1c1c1c; font-size: 14px; background-color: #fff; border: 1px solid #ccc; }

textarea.form-control { height: 100%; }

.form-wrap { margin-bottom: 20px; }

.form-vcode img { margin-top: 10px; }

.form-wrap { width: 97.91667%; float: left; margin-left: 1.04167%; margin-right: 1.04167%; }

.form-half { width: 47.91667%; float: left; margin-left: 1.04167%; margin-right: 1.04167%; }

.form-third { width: 31.25%; float: left; margin-left: 1.04167%; margin-right: 1.04167%; }

.form-forth { width: 14.58333%; float: left; margin-left: 1.04167%; margin-right: 1.04167%; }

.btn, .btn-reverse, .form-btn input[type="reset"], .form-btn input[type="submit"] { display: inline-block; margin: 5px 0; padding: 5px 10px; color: #fff; text-align: center; background-color: #00a7ac; border: 1px solid #00a7ac; }
.btn:hover, .btn-reverse:hover, .form-btn input[type="reset"]:hover, .form-btn input[type="submit"]:hover { color: #000; background-color: #fff; }

.btn-reverse, .form-btn input[type="reset"] { color: #00a7ac; background-color: #fff; border: 1px solid #00a7ac; }

.btn-dl { width: 120px; height: 35px; position: absolute; bottom: 5px; right: 0; }

.form-btn input { width: 120px; display: inline-block; }

.newspage_title{ font:bold 20px/36px MeiryoUI,arial,sans-serif; color:#000;word-wrap: break-word;}






/* footer 背景 */
.ftbg {
  background-color: #05A975 !important;
  color:white !important; 
}

.ftbg a {
  color:white !important; 
}

.hdbg .main-logo a  {
  color: #019BB3 !important;
}


.nav-container a {
  color: #8BDC64 !important;
}

.nav-container a:hover {
  color: white !important;
}

.indexgroup .title a {
  color: initial !important;
  font-size:16px;
  text-align:center;
  margin:8px 0px;
  width: 100%;
  display:inline-block;
}

.indexgroup .PD_description {
  font-size: 14px !important;
}
.indexgroup .PD_description a {
  color:#00a7ac  !important;
}

.indexgroup .section-header h2 {
  color:#00a7ac  !important;
  text-align:center;
  display:inline-block;
  width: 100%;
  padding:40px 0px 15px;

}
.ftbg {
  font-size:14px !important;
  padding: 20px 0px;
}
.ftbgLink a {
border-left: 1px solid white;
padding:0px 5px 0px 10px;
}

.ftbgLink a:first-of-type {
  border-left:none;
}