/*tl icon*/
.tl{position:fixed;right:0.5%;top:8%;z-index:1000;}

/*fb icon*/
.fb{position:fixed;right:0.5%;top:16%;z-index:1000;}

/*LINE icon*/
.line{position:fixed;right:0.5%;top:24%;z-index:1000;}

/*ig icon*/
.ig{position:fixed;right:0.5%;top:32%;z-index:1000;}



@media only screen and (max-width: 428px) {
  .tl{position:fixed;right:0.5%;top:20%;z-index:1000}
  .fb{position:fixed;right:0.5%;top:28%;z-index:1000;}
  .line{position:fixed;right:0.5%;top:36%;z-index:1000}
  .line{position:fixed;right:0.5%;top:44%;z-index:1000}
}

@media(max-width:428px){
  .tl, .fb , .line, .ig{
    transform:scale(0.8); 
  }
}



/*body*/
.row [class^="col-"] {
  padding:10px;
}


body[data-type="fullpage"]:not(#managehome) #wrap > :not(:last-child) { margin-bottom: 0px; }


/*top*/
.topnavbar .container {
  text-align: justify;
  font-size: 0;
  /*text-align: center;*/  
}

.topnavbar .container::after {
  content: "";
  display: inline-block;
  width: 100%;
}

.topnavbar {
  background-color: transparent;
}


/*nav*/
#nav{
  background:#1a5d87;
  border-radius:25px;
}


#nav ul li a{
   color:#fff;
   padding: 15px 20px 10px;
}


#nav ul li a:hover{
  color:#13b5b1;
}



/*Banner*/
.swiper-container {
  height: auto !important;
}

.swiper-wrapper, .swiper-slide {
  height: 0 !important;
  padding-bottom: calc(700 / 1920 * 100%); /* 注意圖片高度與寬度要去掉單位 */
}

.swiper-slide {
  width: 100% !important;
}



/*about_1*/
#bodyinpage.rwd-collapse.viewmode.default.about-us .fcol.fcol-1{
   background:url(https://static.iyp.tw/409004/files/1bc93449-669b-4520-b34c-87a77490e2cf.png)no-repeat;
   background-position:top 55% center;
   background-size:cover;
   min-height:500px;
}

.speech-bubble {
	position: relative;
	background: #21678c;
	border-radius: .8em;
	padding: 25px;
}

.speech-bubble:after {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	width: 0;
	height: 0;
	border: 20px solid transparent;
	border-right-color: #21678c;
	border-left: 0;
	border-bottom: 0;
	margin-top: -10px;
	margin-left: -20px;
}

.aboutArea .titleBox {
  position: absolute;
  top: -28px;
  left: calc(55% + 30px);
  z-index: 1;
  color: #21678c;
}

.titleBox .enTitle {
    display: inline-block;
    margin-bottom: 12px;
    font-size: 45px;
    line-height: 1;
    color:#21678c;
}

.titleBox .chTitle {
    display: inline-block;
    margin-bottom: 12px;
    font-size: 30px;
    line-height: 1;
    color:#21678c;
}

@media (max-width: 1180px) {
    .titleBox .enTitle {
        font-size: 44px;
    }
}

@media (max-width: 420px) {
    .titleBox .enTitle {
        font-size: 36px;
    }
}

.titleBox .enTitle span {
    -webkit-text-stroke: 1px #21678c;
    color: transparent;
    font-weight: bold;
}


.about .aboutBox {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

@media (max-width: 767px) {
  .about .aboutBox {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.about .aboutBox .articleBox {
  margin-bottom: 50px;
}

@media (max-width: 1180px) {
  .about .aboutBox .articleBox {
    margin-bottom: 20px;
  }
}

@media (max-width: 420px) {
  .about .aboutBox .articleBox {
    margin-bottom: 10px;
  }
}


.about .aboutBox .subTitle {
  margin-bottom: 15px;
  font-size: 16px;
  font-weight: 500;
  color: #21678c;
}


/*about_2*/
#bodyinpage.rwd-collapse.viewmode.default.about-us .fcol.fcol-2{
   background:url(https://static.iyp.tw/409004/files/e7ada2a0-ca42-46cd-84db-9ac6dc903943.png)no-repeat;
   background-position:top 55% left;
   background-size:cover;
   min-height:400px;
}

/*owl*/
.owl-carousel.owl-theme {
  padding: 0 1rem 2rem;
}
.owl-carousel.owl-theme .owl-nav {
  top: 50%;
  margin: 0;
  transform: translateY(-50%);
}
.owl-carousel.owl-theme .owl-dots {
  bottom: 0;
}
.owl-carousel.owl-theme button:focus {
  outline: none;
}
.owl-carousel.owl-theme .owl-nav,
.owl-carousel.owl-theme .owl-dots {
  position: absolute;
  left: 0;
  right: 0;
}
.owl-carousel.owl-theme .owl-nav .owl-prev {
  float: left;
  transform: translateX(-100%);
}
.owl-carousel.owl-theme .owl-nav .owl-next {
  float: right;
  transform: translateX(100%);
}
.owl-carousel.owl-theme .owl-nav .owl-prev:hover,
.owl-carousel.owl-theme .owl-nav .owl-next:hover{
  background: none;
  color: inherit;
}
.owl-carousel.owl-theme .owl-nav .fa{
  font-size: 3em; /*箭頭大小*/
}

.editmode .owl-carousel.owl-loaded {
  display: flex;
  flex-wrap: wrap;
}
.editmode .owl-carousel > div {
  flex: 0 0 25%;
  max-width: 25%;
}

ul.product-list li h3 {
    flex: 1 0 auto;
    max-height: 3.15rem;
    margin: 0.7rem 0;
    font-size: 1.05rem;
    line-height: 1.5;
    color: #444;
    overflow: hidden;
    padding: 0 16px;
}/*改產品格名稱顏色*/


/*about_3~6*/
#bodyinpage.rwd-collapse.viewmode.default.about-us .fcol.fcol-3,
#bodyinpage.rwd-collapse.viewmode.default.about-us .fcol.fcol-4,
#bodyinpage.rwd-collapse.viewmode.default.about-us .fcol.fcol-5,
#bodyinpage.rwd-collapse.viewmode.default.about-us .fcol.fcol-6 {
  display:none;
}



/*h1*/
.h1title {
   color:#023e88;
}

.h1title h1 {
   text-align:center;
}



/*form*/
.mark{background:none;}


/*footer*/
#footer{
   background:#003067;
}

#foot-nav{
   display:none;
}

#foot-nav ul li a {
    color: #fff;
    font-size: 1.06em;
}

#foot-nav {
    clear: both;
    padding: 1em 0;
    border-bottom: 1px solid #fff;
}

#footer {
    color:#fff;
}

#contact-info ul li span {
    color: #fff;
}

#copyright, #copyright a{color:#dcdcdc;}