/* Reset ====================================================================*/
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-kerning: auto; }
/* CSS Document */
body { font-family:'Noto Sans TC', 'Gayathri',sans-serif, Microsoft JhengHei; overflow-x:hidden; margin:0; padding:0; color: #333; }
h1 {  font-size:2.35rem; font-weight: 500; color: #333; }
h2 { font-size: 2.6em; font-weight: 400; color: #000; margin: 5% auto; }
h3, h4 { font-size: 1.25em; font-weight: 400; }
h5, h6 { font-size: 1.125em; font-weight: 400 }
h1, h2, h3, h4, h5, h6 { display: block; margin: 0.5rem auto;   line-height: 1em; }
p { color: #50576c; line-height: 1.65rem; margin-bottom: 30px; }
a { color:#0070c9; text-decoration: none; -moz-transition: color 0.25s ease, opacity 0.25s ease; -o-transition: color 0.25s ease, opacity 0.25s ease; -webkit-transition: color 0.25s ease, opacity 0.25s ease; transition: color 0.25s ease, opacity 0.25s ease }
a:hover, a:focus {  color: #111; text-decoration: none; outline: none;  transition: color .5s, background .5s;  -webkit-transition: color .5s, background .5s; -o-transition: color .5s, background .5s;}
img { max-width: 100%; height: auto; vertical-align: bottom; }
a img { border: none; }
article a {  }
strong { font-weight: 700; }
article, section { }
input, select, textarea { margin: 1% auto; padding: 1%; font-size: .85em; line-height: 1.5em; outline: none; box-sizing: border-box; font-family: 'Noto Sans TC','Arial',  Microsoft JhengHei, Lucida Sans Unicode, sans-serif}
/* Default ====================================================================*/
.wrap {width: 100%; max-width: 1360px; margin: 0 auto; display: block; }
.container {margin:0; padding-top: 80px;  width: 100%; display:block;}
.table_scroll { overflow-x: auto; }
.mobile { display: none; }

/* Basic ======================================================================*/
.title {  margin-bottom: 50px; position: relative; font-weight: 400; font-size:1.75rem;  text-align: center; }
.title:after { content: ''; display: block;  width: 100px;  height: 2px; background: #fff;  position: absolute;  bottom: -10px; left: calc(50% - 50px); }
.title span { color: #3e79ea; }

/**title style*/
.title-wrap{  width: 100%;  margin: 0 auto 9% auto;  display:flex; justify-content: center; align-items: center; flex-direction: column; position: relative; z-index: 9; }
.title-1 {  width: 100%;  display:flex;  justify-content: center;  margin: 2% auto 0 auto;  padding-bottom: 20px;  font-size: 2rem; color:#343d4e; font-weight:500;text-align:center; background:url(../images/index/title.jpg) no-repeat center bottom; background-size: 300px auto;  }
.title-wrap span{ width: 100%; display: flex;  justify-content: center; align-items: center; color: #9e9a9a; font-size: .9rem; font-weight: 400;} 
.title-wrap p{ width: 100%; margin-top: 10px; display: flex; justify-content: center; color:#9e9580; font-size: .875rem; font-weight: 400; } 

.subtitle {    font-weight:100;margin: 45px 0px; color:#3e79ea;text-align: center; font-size: 18px;     }
.text-center { text-align: center }
.color-white{color:#fff;}
.color-blue{ color: #0070c9;}
.color-red{color:#ff6440;}
.color-yellow{color:#ffc90b;}

/* Banner =====================================================================*/
.banner {position: relative; z-index: 0; width:90%; height: auto; display: flex; flex-wrap: wrap;  margin:20px auto; overflow: hidden; border-radius:15px;  }
.banner img{ width: 100%; max-width: 100%; height: auto;border-radius:15px;}
@media only screen and (max-width: 768px) {
 h1 {  font-size:1.35rem;  }
.banner { width:98%; height: auto; margin:0px auto; }
}
.slogan { display: flex;  flex-wrap:wrap;  position: absolute; width: 50%; left:50%; margin: 20% auto auto auto;  z-index: 99;  transition: 0.6s ; text-shadow: 0px 3px 5px rgba(0,0,0,.2);  }
.slogan h1,.slogan h2,.slogan h3,.slogan p{width: 100%; display: block;   }
.slogan p{ margin-bottom: 20px;}
.slogan .fontBig { font-size: 52px; font-weight: 700;    }
.slogan .fontMin { font-size: 32px; font-weight: 700;  }
.slogan .fontSml { font-size: 22px;  }
.slogan .blue { color: #3e79ea; }
.slogan .bothLine { display: flex; justify-content: center; align-items: center; }
.slogan .bothLine:before, .slogan .bothLine:after { content: ''; background: #0EDC94; width: 25px; height: 1px; }
.slogan .bothLine:before { margin-right: 30px; }
.slogan .bothLine:after { margin-left: 30px; }

/* About ======================================================================*/
.idx-about .wrap { max-width: 1360px; padding: 40px 20px; display: flex;  flex-wrap:wrap;   background:url("../images/index/about-bg.jpg") no-repeat left top; background-size:40% auto; }
.half{ display: flex; justify-content: center; align-content: center; align-items: center; max-width: 49%; margin: 0px auto; }
.half p{font-size:0.95rem; line-height:1.75rem; }
 
/* item ======================================================================*/
.item-box{display: flex; flex-wrap: wrap;  width: 100%; max-width: 1360px; margin: 1% auto;}
.item{display: flex; flex-wrap: wrap; flex-direction: row; width: 100%;  margin: 1% auto; justify-content: space-between;}
.item li{width: calc(100%/4 - 20px); margin: 10px; padding:10px 5px;  display: flex; flex-wrap: wrap; justify-content: flex-start; align-content: center; align-items: center; border-radius: 10px; background-size:35% auto; transition: all 0.5s ease 0s; }
.item li a {display: flex; flex-wrap: wrap; justify-content: flex-start;  flex-direction: column; width: 76%; margin: 10px 15px;  }
.item li:hover {  transform: scale(.98) ;box-shadow: 0px 3px 5px rgba(0,0,0,.5) ; -webkit-filter: hue-rotate(90deg); /* Safari */filter: hue-rotate(90deg); }
.item li a h3{ display: flex; margin:20px 0px 10px 0px; color: #000;  font-size:1.5rem;font-weight:400;  line-height: 1.75rem; text-shadow: 0px 1px rgba(255,255,255,.3); }

.item li a h3.h3_1{ display: flex; margin:20px 0px 10px 0px; color: #000;  
  font-size:1.1rem;font-weight:400;  
  line-height: 1.75rem; text-shadow: 0px 1px rgba(255,255,255,.3); }

  .item li a h3.h3_2{ font-size: 1.1rem;
    margin: -10px 0px 10px 0px; }

.item li a p{display: flex;  width: 80%; margin-bottom: 10px; color: #fff;  font-size:0.875rem; font-weight:400; line-height: 1.35rem; text-shadow: 1px 1px rgba(0,0,0,.3);  }
@media only screen and (max-width: 999px) {
 .item-box{ margin: 0 auto;}
 .item li{width: calc(100%/2 - 10px); margin:5px; padding: 5px;  border-radius:5px;  transition: all 0.5s ease 0s; }
 .item li a { width: 100%; margin:5px 10px;  }
.item li a h3{font-size:1rem;}
.item li a h3.h3_1{font-size:1rem;}
.item li a h3.h3_2{font-size:1rem;}
 .item li a p{ width: 100%;   }
}
/* icon ======================================================================*/
.item-1{ background: url("../images/icon/item-1.svg") no-repeat right 5px #a0bde7;  }
.item-2{ background: url("../images/icon/item-4.svg") no-repeat right 5px #74bff8;  }
.item-3{ background: url("../images/icon/item-8.svg") no-repeat right 5px #99b8ff;  }
.item-4{ background: url("../images/icon/item-7.svg") no-repeat right 5px #8ecff0;  }
.item-5{ background: url("../images/icon/item-5.svg") no-repeat right 5px #fac8c8;  }
.item-6{ background: url("../images/icon/item-2.svg") no-repeat right 5px #ff99bd;  }
.item-7{ background: url("../images/icon/item-6.svg") no-repeat right 5px #ed94c6;  }
.item-8{ background: url("../images/icon/item-3.svg") no-repeat right 5px #ecbfca;  }

/* service ======================================================================*/
.service{width: 100%; display: flex; flex-wrap: wrap; justify-content: center;align-content: center; flex-direction: column; margin: auto; padding:40px 0px; background: url("../images/index/idx-about-bg.jpg") no-repeat center top; background-size: cover;}
.service .title{ width: 100%; display: flex; margin-top: 20px; color: #fff; align-items: center; align-content: center;}
i.nav-notice{ display: inline-flex; width:32px; height: 32px; padding-top:10px;  padding-left:25px; background: url("../images/icon/nav-7.svg") no-repeat center 0px; filter: brightness(0) invert(1); }
.service ul{width: 100%; max-width: 1160px; display: flex; flex-wrap: wrap; align-content: center;margin: auto; }
.service ul li{width: calc(100%/3 - 20px); margin:5px; padding:10px 5px;  font-size: 1.15rem; line-height: 1; font-weight: 400; color: #fff; display: flex; flex-wrap: wrap; justify-content: flex-start; align-content: center; align-items: center; transition: all 0.5s ease 0s;}
.service ul li i{padding-right: 5px;}
.service .btnbox{ display: flex; justify-content: center; width: 100%; margin: 5% auto;}

@media (max-width:768px) {
 .service ul li{width: 100%; margin:5px; padding:10px 5px;  }   
}

/* Products ===================================================================*/
.date{width: 100%; display: flex; flex-wrap: wrap; justify-content: center;align-content: center; flex-direction: column; margin: auto; padding:90px 0px; background:#f7f7f7; }
/*table*/
.inquiry-table { width: 100%; max-width: 1160px; min-width: 650px; margin:5% auto; display: table;border-collapse: collapse; border: solid 10px #fff; background: rgba(255,255,255,.5); box-shadow: 1px 3px 8px rgba(102,102,102,.5);  font-family:'Gayathri',Arial, sans-serif;font-size: 17px;}
.inquiry-table th { font-size: 16px; line-height: 3em; color: #fff; border: 1px solid #4d90d7; border-right: 3px solid #FFF; text-align: center; text-shadow: none; background: #4d90d7; }
.inquiry-table td { border: 1px solid #a9b2cd; box-shadow: 0 1px 0 0 rgba(255, 255, 255, .9); color: #4b4b4b; line-height: 3em; text-align: center;  font-weight: 700;vertical-align: middle;
  padding-top: 5px;width: 70px;}
.inquiry-table tr td:first-of-type { text-align: center; /*background: #fff;*/ vertical-align: middle;/*border: 1px solid #a9b2cd;*/  }
/* .inquiry-table tr:nth-child(even) { background:  #e7edfb; }
.inquiry-table tr:nth-child(odd) { background:#fff; } */
.inquiry_bg_blue{background:  #e7edfb;}
.inquiry_bg_white{background:  #fff;}
.inquiry_bg_green{background:  #E2EFDA;}
.inquiry_bg_grey{background:  #f8f8f8;}
.inquiry_bg_yellow{background:  #FFF2CC;}
.inquiry_bg_switch{display: none;}
.border_bottom {border-bottom: 4px solid #fff;}
.inquiry-table p{font-weight:700; margin-bottom: 0px; letter-spacing: 2px;}
.notify{text-align: center;font-weight: bold;margin-bottom: -2.5%;font-size: 2.35rem;line-height: 1em;}
@media only screen and (max-width: 1200px) {
	.notify{margin-bottom: 0;}
 }
@media only screen and (max-width: 768px) {
	.notify{font-size: 1.35rem;}
 }
 @media only screen and (max-width: 475px) {
     .inquiry-table{min-width:1150px;}
     .inquiry-table td {width:100px;}
 }
.Outpatient_time {background: #f7f7f7;text-align: center;padding: 50px 5px 1% 5px;}
/* @media only screen and (max-width: 767px) {
.inquiry-table { width: 100%!important; margin: auto ; }
.inquiry-table td:first-child { padding: 5px 5px 5px 10px; background: #FFF; color: #f47001; width: 100%!important; }
.inquiry-table table, .inquiry-table thead, .inquiry-table tbody, .inquiry-table th, .inquiry-table td, .inquiry-table tr { display: block; }
.inquiry-table th { display: none; }
.inquiry-table tr { border: 1px solid #ccc; }
.inquiry-table td { border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 50% !important; white-space: normal; text-align: center; }
.inquiry-table tr td span:first-of-type { width: 90%; text-align: right; float: none; }
.inquiry-table tr td span:nth-child(2) { width: 8%; text-align: left; padding-left: 2%; float: none; }
.inquiry-table td:before { position: absolute; top: 6px; left: 6px; width: 45% !important; padding-right: 10px; white-space: nowrap; text-align: left; font-weight: bold; }
.inquiry-table td:before { content: attr(data-title); }
} */

/*.wrp-categories 
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.wrp-categories{ position: relative; padding:20px 15px ;   }
.news-box{width: 100%; max-width: 1360px; margin: auto auto 5% auto;  }
.news { width:100%;  max-width: 1360px; margin:10px auto;  padding:20px 0px; display: flex;  flex-wrap: wrap;   }
.news li { width:80%; height: auto;   display: flex; margin: 0px 15px;  padding:10px;  background: #fff;transition: all 0.4s ease-in-out;  -webkit-transition: all 0.4s ease-in-out;  -moz-transition: all 0.4s ease-in-out; box-shadow: 0px 5px 5px rgba(0,0,0,.5); }
.news li:hover{ transform: scale(.98) ; background:#f5f0e9; border: solid 1px #c19e57; box-shadow: 0px 5px 8px rgba(0,0,0,.1) }
.news li figure img{ max-width: 100%; transition: all 0.4s ease-in-out;  -webkit-transition: all 0.4s ease-in-out;  -moz-transition: all 0.4s ease-in-out;}
.news li a h3 { display: flex;margin-top: 10px;padding-left: 20px; font-size: 1rem; font-weight:700; line-height: 1.6; color: #0d5197; }
.news a p{ margin:10px auto; min-height:70px;font-size: 0.85rem; line-height: 1.45rem;  text-align: center;  overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 3;  -webkit-box-orient: vertical;  }
.news span.time{ display:block; width:auto!important; max-width:80%; padding-left: 20px;padding-top:5px; margin:5px 0px 0px 0px; color:#555; font-size:.75rem; font-weight: 400; line-height: 1;}
.news span.time i{ margin-top:-3px;  margin-right: 10px;}
.news-wrap{width: 100%; flex-wrap: wrap; display: flex;  } 
.news-title{width: 20%; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; align-content: center; align-items: center;}
.news-box-right{width: 80%; display: flex; flex-wrap: wrap; justify-content: space-between; }

.Now-mobile {display: none;}
.fix-pic { position: relative; padding-top: 80%; }
.fix-pic figure { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: flex; justify-content:center; align-items: center; overflow: hidden; }
.fix-pic img { width: auto !important; height: auto !important; max-width: 100% !important; max-height: 100% !important; }
.table_scroll { overflow-x: auto; margin: auto; padding: 0px 0px 10px; background: #f7f7f7; }

/* Application ================================================================*/
.application {   padding: 99px 0 0 0 ; background: linear-gradient( rgba(43,182,211,0), rgba(43,182,211,0) ), url(../images/idx-application-bg.jpg)  center center  no-repeat; background-attachment: inherit; background-size: cover;overflow: hidden;}
.application .title { color:#fff;}
.application-list {  display: flex; flex-wrap: wrap; width: 100%;  }
.application-list li.flex-2 {  flex-grow: 0;  flex-shrink: 0;  flex-basis: 66.666%;  }
.application-list li.flex-2 img{width: 100%;  overflow: hidden; }
.application-list li{display: flex; flex: 0 0 33.3333%; margin:0px; max-height: 300px;  justify-content: center; align-items: flex-start; position: relative; overflow: hidden;  color: #fff;text-align: center; transition: all 0.55s ease; background: #212121;}
.application-list li img{ width: 100%; height: auto; transition: all 0.55s ease;}
.application-list li:hover img{ opacity: 0.5;}
.application-list li .box-content{padding: 5px 10px 10px; position: absolute;bottom: 25px; right: 25px;}
.application-list li .box-content:before,.application-list li .box-content:after{content: ""; width: 767px; height: 2px;  position: absolute;  background: #fff; -webkit-transition: all 0.55s ease; transition: all 0.55s ease;}
.application-list li .box-content:before{  top: 0; left: 0; -webkit-transform: translateX(100%); transform: translateX(100%);}
.application-list li .box-content:after{  bottom: 0; right: 0; -webkit-transform: translateX(-100%);  transform: translateX(-100%);}
.application-list li .box-content-inner:before,.application-list li .box-content-inner:after{ content: "";  width: 2px;  height: 767px; position: absolute; background: #fff;  -webkit-transition: all 0.55s ease;  transition: all 0.55s ease;}
.application-list li .box-content-inner:before{  top: 0;  left: 0;  -webkit-transform: translateY(100%); transform: translateY(100%);}
.application-list li .box-content-inner:after{ bottom: 0; right: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%);}
.application-list li:hover .box-content:before,.application-list li:hover .box-content:after,.application-list li:hover .box-content-inner:before,.application-list li:hover .box-content-inner:after{  -webkit-transform: translate(0, 0); transform: translate(0, 0);}
.application-list li:hover .box-content:before,.application-list li:hover .box-content:after{ -webkit-transition-delay: 0.15s; transition-delay: 0.15s;}
.application-list li h3{  font-size: 24px; font-weight: 400;  margin: 0; color: #fff;}
.application-list li .post{  display: block;padding: 5px 10px; font-size: 16px; line-height: 1; font-weight: 700; color: #434343;  background: #fff;}

.news-btnbox { width: 100%; margin:  0  auto; display: flex; justify-content: center; }

/* Button ======================================================================*/
.animate, .btn, .btn-border:before, .btn-border:after { -webkit-transition: all 0.3s; transition: all 0.3s; }
.btn { display: inline-block; line-height:1em; margin:8px 4px; padding:8px 15px; font-size: 15px; position: relative; opacity: .999; border-radius: 4px; }
.btn i{ margin-right:5px;}
.btn-idxnews { padding: 10px 40px; color: #3e79ea; background-color: transparent; border: solid 1px #3e79ea; border-radius:5px;  font-size: 15px; transition: 0.2s;}
.btn-idxnews:hover {border-color: #3e79ea; background: #3e79ea; color: #fff; 	transition: 0.3s;}
.btn-submit {  color: #fff; background: #D95225; padding: 10px 60px; }
.btn-submit:hover { box-shadow: 0 0 10px #333 inset; }
.btn-reset {  color: #fff; background: #6B6B6B; padding: 10px 60px; }
.btn-reset:hover { box-shadow: 0 0 10px #333 inset; }
.btn-delete { color: #fff; font-size: 15px; line-height: 15px; background: #7A7A7A; padding: 9px 35px; border-radius: 50px; }
.btn-delete:ho

ver { background: #333; box-shadow: 0 0 10px #000 inset; }
.btn-inquiry {  display: inline-block; width: 75px; text-align: center; color: #fff; font-size: 15px; line-height: 15px; background: #D95225; padding: 7px 20px 7px 15px; border-radius: 50px; }
.btn-inquiry:before { content: '\f075'; display: inline-block; font-family: FontAwesome; font-size: 12px; padding: 1px 4px; margin-right: 5px; }
.btn-inquiry:hover { background: #666; box-shadow: 0 0 5px #333 inset; }
.btn-back {  display: inline-block; width: 75px; text-align: center; color: #fff; font-size: 15px; line-height: 15px; background: #4C4C4C; padding: 7px 20px; border-radius: 50px; }
.btn-back:before { content: '\f104'; font-family: FontAwesome; font-size: 12px; border-radius: 100%; border: 1px solid #fff; padding: 1px 4px; margin-right: 5px; }
.btn-back:hover { background: #666; box-shadow: 0 0 5px #333 inset; }
.btn-newsback { color: #fff; font-size: 15px; line-height: 15px; background: #D95225; padding: 7px 30px; border-radius: 50px; }
.btn-newsback:before { content: '\f104'; font-family: FontAwesome; font-size: 12px; border-radius: 100%; border: 1px solid #fff; padding: 1px 4px; margin-right: 8px; }
.btn-newsback:hover { background: #666; box-shadow: 0 0 5px #333 inset; }

.btn-add { color: #fff;  font-weight: 400; background-color: #0070c9;  background: linear-gradient(#42a1ec,#0070c9); border:solid 1px #07c ;}
.btn-add:hover {color: #fff;  background: #42a1ec;   background: linear-gradient(#0070c9,#42a1ec); box-shadow: 0px 1px 6px #42a1ec; }
.btn-border { background-color: transparent; border: 2px solid  #999; color: #999; font-weight: 500; }
.btn-border:before, .btn-border:after { content: ''; border-style: solid; border-color: #50a1ff; color: #50a1ff; position: absolute; z-index: 5; border-radius: 3px; box-sizing: content-box; }
.btn-border:before { width: 0; height: 100%; border-width: 2px 0 2px 0; top: -2px; left: 0; -webkit-transition-delay: 0.05s; transition-delay: 0.05s; }
.btn-border:after { width: 100%; height: 0; border-width: 0 2px 0 2px; top: 0; left: -2px; }
.btn-border:hover { color: #50a1ff; background-color: transparent; box-shadow: 0px 1px 6px #42a1ec;}
.btn-border:hover:before { width: 100%; }
.btn-border:hover:after { height: 100%; }

.btn-more { color: #fff;  padding:15px 30px!important; font-size: 1.15rem;   font-weight: 400; }
.btn-more:hover { color: #fdbe0f;   }
/*.btn-more:after { content: "";  position: absolute; width: 10px; height: 10px; border-top: 1px solid #fff; border-left: 1px solid #fff; vertical-align: middle; transform: rotate(135deg); display: block; right: 22px;  top: 0; bottom: 0;  margin: auto; }
*/.btn-more:before { font-size: 1.5rem;  font-family: FontAwesome; content: '\f138'; position: absolute; left: 0px;   color: #fff;}

.btn-readmore {color: #333; font-size: 0.875rem; }
a.btn-readmore { margin-top: 16px; padding:5px 15px;   color: #fff;  border:solid 1px #fff;  border-radius:15px; }
a.btn-readmore:hover{ background: #fdbe0f; color: #fff; border:solid 1px #fdbe0f;}

.btn-more-bk, .btn-more-bk:visited { color:#0070c9;  padding:15px 30px!important; font-size: 1.15rem;   font-weight: 400; }
.btn-more-bk:hover { color: #fdbe0f;   }
/*.btn-more:after { content: "";  position: absolute; width: 10px; height: 10px; border-top: 1px solid #fff; border-left: 1px solid #fff; vertical-align: middle; transform: rotate(135deg); display: block; right: 22px;  top: 0; bottom: 0;  margin: auto; }
*/.btn-more-bk:before { font-size: 1.5rem;  font-family: FontAwesome; content: '\f138'; position: absolute; left: 0px;   color:#0d5197;}


@media only screen and (max-width: 1024px) { 
.idx-about .wrap, .idx-products .wrap{ padding:20px 5% 0px 5%; }
.Now{display: none;}
.Now-mobile {
	display: block;
    position: fixed;
    top: 17%;
    right: 0;
    width: 55px;
    height: 60px;
    background: #0067D5;
    color: #FFF;
    padding: 5px 10px;
    font-size: 16px;
    border-radius: 10px 0 0 10px;
    line-height: 1.5;
}	
}
@media only screen and (max-width: 992px) {
.half{  max-width:100%; display: block; }
.application-list li{ flex: 0 0 48%;  padding: 0;  margin-bottom: 30px; }
.application-list li.flex-2 {  flex-basis: 48%;  }
ul.news li { margin-bottom: 30px; }
}
@media only screen and (max-width: 767px) {
 	
.slides{width: 100%;  min-height:540px;   }
.visual-img { width: 100%; max-width: 80%; margin:60% auto auto auto;  }
.slogan {  width:90%; left:10%; margin:30% auto auto auto;  z-index: 99;   }
}


@media only screen and (max-width: 480px) { 

  .slogan h1 { padding-top: 30px; }
  .slogan .fontBig { font-size: 30px; line-height: 30px; }
  .slogan .fontMin { font-size: 20px; line-height: 20px; }
  .slogan .fontSml { font-size: 12px; line-height: 12px; }
  .application-list li{ flex: 0 0 96%;margin-bottom: 10px; }
  .application-list li.flex-2 {  flex-basis: 96%;  }
	  ul.news li .time{ width: 20%;font-size:16px;}
  ul.news li .content .title{ width: 65%; font-size:1rem; }

}
@media only screen and (max-width: 425px) { 
 .btn-submit, .btn-reset { padding: 10px 30px; } 
}
@media only screen and (max-width: 375px) { 
  .slogan .fontBig { font-size: 20px; line-height: 20px; }
  .slogan .fontMin { font-size: 16px; line-height: 16px; }
  .slogan .fontSml { font-size: 12px; line-height: 12px; }
  .title { font-size: 1.35rem;  }

}