@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; display: none; }
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; }



@font-face{ font-family:trajan; src: url(../font/TrajanPro-Bold.otf); }


.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: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;}
.logo-container .logo{ font:bold 30px/60px trajan,arial,sans-serif; text-align: center; padding-left:65px; background: url(../img/logo.png) no-repeat left center;color: #00294b; }
.logo-container .logo:before{display: inline-block; width: 50px; height: 59px; padding-top: 22.5px; margin-right: 18px;}

.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: #00294b; font:24px trajan,'MeiryoUI',arial, 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: #00294b; font:24px trajan,'MeiryoUI',arial, 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: #282828; display:inline-block; font:14px/ 22px 微軟正黑體,arial,新細明體,sans-serif; word-wrap: break-word;}
.content .title, .content .title a {font-size: 13px; color:#00294b;}

.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;*//* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+1,ffffff+50,dcdddd+50,dcdddd+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(left, #ffffff 1%, #ffffff 50%, #f0f0f0 50%, #f0f0f0 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #ffffff 1%,#ffffff 50%,#f0f0f0 50%,#f0f0f0 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #ffffff 1%,#ffffff 50%,#f0f0f0 50%,#f0f0f0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=1 ); /* IE6-9 */
}
.index-main-wrap .container{padding:0 0 0 35px; }

.index-about, .index-products { width: 71.25%; float: left;padding-right: 40px; background: #fff; padding-bottom: 35px; }
.index-about{ padding: 40px 40px 50px 0; background: #fff; }
.index-news, .index-contact { width: 28.75%; float: left; background: #f0f0f0;}
.index-news{padding:60px 25px 0 35px;}
.index-contact {padding:25px 35px 35px;/*background-color: #00294b;*/}
@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: 60px 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:0 25px 50px;}
.content .description a { color: #777777; display:inline-block; width:100%; font-size: 14px;line-height: 24px;font-family:微軟正黑體; text-align:left; margin-bottom: 25px; }
.index-news{ padding:60px 20px 0;}
.carousel, .carousel-one { margin-top: 0; margin-bottom: 0px;}
.side { margin:10%; 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; border-radius: 100%;  }
.index-about .right { width:calc(70% - 25px); float: left;}
.index-about .right h2{ margin:20px 0; color:#00294b;font:24px /24px trajan;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: 15px; font-family:微軟正黑體,arial,新細明體,sans-serif;  letter-spacing: 1px; line-height: 24px; color: #282828;}

.index-news .section-header h2 {font: 24px trajan,meiryoUI,arial,sans-serif;margin-bottom:25px; display: flex;align-items: center;color:#00294b;}
/*.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 trajan,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: 20px; /*max-height:64px; */min-height: 30px; font: 14px/22px 微軟正黑體,arial,sans-serif; color:#283138; /*overflow: hidden; */padding-left: 20px; }
.normal-news .content::before { content:"■"; color: #00294b; font-size: 20px; float: left; line-height: 20px; margin-left: -20px;}
.normal-news .content .title, .normal-news .content .title a{color:#00a1df; line-height: 30px;  }

.main-products:last-child{margin-right:0;}
.main-products .content{margin:0 15px;}
.main-products .content .title{}
.main-products .content .title a {display: block; margin: 35px auto 30px; max-height: 56px;color: #00294b; font-size: 15px; font-family:trajan,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 trajan,meiryoUI,arial,sans-serif;color:#00294b; margin:0; }
.index-contact .section-header h2:before{content: url(../img/contact_title.png);margin-right: 18px; width:50px;height: 50px; display: none;}
.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: #00294b; 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:center; }
.index-contact .c-content span{ font-family:meiryo; display:block; font-size:16px; float:left;  }
.normal-news .content { margin-bottom: 10px; /*max-height:64px; */min-height: 20px; font: 14px/22px 微軟正黑體,arial,sans-serif; color:#283138; /*overflow: hidden; */padding-left: 20px; }
.index-contact .section-header h2 {font: 24px/30px trajan,meiryoUI,arial,sans-serif;color:#00294b; margin:0; }
}
.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: #00294b; }

.btn_map{ display: inline-block; width:50px; height:20px; background:#ff8600; border-radius:4px; text-align:center; color:#fff !important; font:13px/20px trajan,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: 90%; float: left; margin:0 5%; }
  .main-products .content { text-align: center; }
  .main-products .content .title a { text-align:center; font:18px/24px trajan; margin: 40px 0 25px; text-align: center;  }
  .index-about .right { width: 90%; float: left; margin:0 5%; }
  .index-about .right h2{ text-align: center; margin: 25px 0 20px;}
  .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: 90%; margin: 0 5%; border-radius: 0; padding: 0; } }
.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 trajan,meiryoUI,arial,sans-serif; margin:35px 0 25px; }

.main-products img {display: block;margin: 0 auto; width:100%; height:auto; border: solid 1px #d7d7d7;}

@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 { 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%; border: solid 1px #d7d7d7; }
}
footer { min-height:191px;padding: 50px 0; color: #fff; font-size: 14px; background-color: #01294c; -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{ }
.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; display: none;}

.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:11px/24px arial,sans-serif; color: #a4abb4; }
.copyright ul{ list-style: none; float: left; margin: 0; }

.copyright li{ float: left;}
.copyright li::after{content:"∣"; padding: 0 25px 10px 25px;}
.copyright li:last-child::after{ content:"";}
.copyright a{ color: #a4abb4; }
.copyright a:hover{ color: #fff; }
.copyright span{ padding-bottom:20px; color: #fff; margin-right: 5px; }
.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; padding:35px 0 50px;  }
.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: 100%; float: left; text-align: center; }
	.copyright ul { display: none;}
}
.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:13px/30px meiryoUI,arial,sans-serif;}
.page-news-list .normal-news a{ float:left; font:16px/30px trajan,meiryoUI,arial,sans-serif;}
.page-news-list a{ padding-left:12px; }
.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: #00294b; border: 1px solid #dcdddd; /*background: #f0f0f0;*/ 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: #00294b; 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: #00294b;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 #dcdddd;border-bottom:1px solid #dcdddd;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:13px/24px trajan,meiryoUI,arial,sans-serif;text-align: center; color: #01294c; }
nav li a:hover {/* background-color: #00294b; 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(255, 255, 255, 1);}
  .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; padding: 10px 0 10px 60px; background-size: contain; background-position: 5% center;}
   .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; }

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


.edit-area { min-height: 500px; margin: 20px 0; }
.edit-area p { overflow:hidden; padding: 1.5%; }
.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: #00294b; border: 1px solid #00294b; }
.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: #00294b; border: 1px solid #00294b; }

@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: 95%; float: left; margin-left: 2.5%; margin-right: 2.5%; }

.form-half { width: 45%; float: left; margin-left: 2.5%; margin-right: 2.5%; }

.form-third { width: 30%; float: left; margin-left: 1.66667%; margin-right: 1.6667%; }

.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: #00294b; border: 1px solid #00294b; }
.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: #00294b; background-color: #fff; border: 1px solid #00294b; }

.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 trajan,meiryoUI,arial,sans-serif; color:#000;word-wrap: break-word;}

.row{ background: #f0f0f0; }

label{ font: bold 16px/24px meiryo,微軟正黑體,arial,sans-serif; color: #00294b; display: block; margin-bottom: 5px; padding-left: 5px; }
::-webkit-input-placeholder { font-family: 微軟正黑體,arial,sans-serif; font-size: 14px; letter-spacing: 1px; color: #c9c5c3; } /* Mozilla Firefox 4 to 18 */
:-moz-placeholder {	font-family: 微軟正黑體,arial,sans-serif;font-size: 14px; letter-spacing: 1px; color: #c9c5c3;} /* Mozilla Firefox 19+ */
::-moz-placeholder { font-family: 微軟正黑體,arial,sans-serif;font-size: 14px; letter-spacing: 1px; color: #c9c5c3;} /* Internet Explorer 10+ */
:-ms-input-placeholder { font-family: 微軟正黑體,arial,sans-serif;font-size: 14px; letter-spacing: 1px; color: #c9c5c3;}	
	
.index-news2{ display: none;}
.copyright strong{ font-weight: normal;}
.copyright b{font-weight: normal;}