/*icon*/

.TL{position:fixed;right:0.5%;top: 50%;z-index:1000;transform:scale(0.8);}

.MAIL {position: fixed;right: 0.5%; top:60%;z-index: 1000;transform:scale(0.8);}

.MAP1 {position: fixed; right: 0.5%; top: 70%; z-index: 1000;transform:scale(0.8);}


/*body*/
p{color:#333;}

/*fall*/
/*body[data-type="fullpage"] #nav {
    font-size: 1rem;
    width: 100%;*/
}

/*#header .topnavbar .container {
  padding-left: 20px;
  padding-right: 20px;
  width: 100%;*/
}*/

/*@media(max-width:428px){
#header .topnavbar .container {
    padding-left: 35px;
    padding-right: 0px;
    width: 100%;
  } 
}*/

#footer .container{
  padding-left: 250px;
  padding-right: 250px;
  width: 100%;
}

@media(max-width:1600px){
#footer .container {
  padding-left: 200px;
  padding-right: 200px;
  width: 100%;
 }
} 


@media(max-width:1440px){
#footer .container {
  padding-left: 100px;
  padding-right: 100px;
  width: 100%;
 }
}  


@media(max-width:1440px){
#footer .container {
  padding-left: 40px;
  padding-right: 40px;
  width: 100%;
 }
} 


@media(max-width:767px){
#footer .container {
  padding-left: 20px;
  padding-right: 20px;
  width: 100%;
 }
}  

/*logo*/
@media(max-width:428px){
 #logo a img {
   padding: 0 16px;
 }
}


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


/*回首頁*/
.navbar-nav > li > a {
    color: #fff;
}
.topnavbar {
    background-color: #FFF;
    top:0px;
    position: relative;
    z-index:100;
    width:100%;
    padding: 0;
    border-top: 5px solid #1e50a2;
}
.topnavbar .container {
    text-align: justify;
    font-size: 0;
    padding-top: 0px;
    padding-bottom: 0px;
}
.topnavbar .container::after {
  content: "";
  display: inline-block;
  width: 100%;
}


/*nav*/
#nav ul li a {
    white-space: nowrap;
    color: #444444;
    line-height: 1.3;
    font-weight: normal;
    padding: 10px 18px;
    font-size: 100%;
    border-right: 0px #888 dotted;
    transition:all 0.5s;
}
#nav ul li a:hover{
    background:#337ed9;
    color: #fff;
    border-radius:25px 25px 25px 25px;
}
#nav ul li.current a  {
    background:#ff5b26;
    color: #fff;
    border-radius:25px 25px 25px 25px;
}
#nav ul li .subnav {
 background-color: #efefef;
}
#nav ul li .subnav a {
 background-color: rgba(239, 239, 239,0.8);
      color: #333;
}
#nav ul li .subnav a:hover {
 background-color: #337ed9;
        color: #fff;
}


/*h1*/
.h1title h1{
    color: #6385bb;
    text-align:center;
    text-shadow: 0 3px 3px rgba(44,44,44,0.45);
}

.h1title h1 span{
  display:inline-block;
  font-weight:bold;
}


/*about*/
#bodyinpage.rwd-collapse.viewmode.default.about-us .fcol.fcol-2,
#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{
  background:rgba(255,255,255,0.75);
}


#bodyinpage.rwd-collapse.viewmode.default.about-us .fcol.fcol-4 table{height:350px;}

@media(max-width:428px){
  #bodyinpage.rwd-collapse.viewmode.default.about-us .fcol.fcol-4 table{
    height:50px;
  }
}


#bodyinpage.rwd-collapse.viewmode.default.about-us .fcol.fcol-4 img{
  border:1px solid #333;
  padding:8px;
}


/*about_slogan*/
.sl p {
  text-align:center;
  text-shadow: 0 2px 2px rgba(44,44,44,0.6);
  color:#fff;
}


/*按鈕*/
.serveimg {
   display: block;
   text-align: center;
   width: 100%;
   min-height:100px
   padding-bottom: 100%;
   background: #11b3ff;
   overflow: hidden;
   position: relative;
   border-radius:5px;
   padding:20px 15px;
}
.serveimg:hover {
     display: block;
   text-align: center;
   width: 100%;
   min-height:100px
   padding-bottom: 100%;
   background: #ff8c11;
   overflow: hidden;
   position: relative;
   border-radius:5px;
   padding:20px 15px;
}



/*product*/
.productdetail .detail-spec b {
    font-weight: normal;
    display: inline-block;
    color: #fff;
    margin-bottom: 5px;
    padding: 3px 8px;
    box-shadow: 0 1px 0 #fff;
    background-color: rgba(0,0,0,0.05);
    font-size: 14px;
    text-shadow: none;
}
.productdetail .detail-spec h2 {
    color: #666;
    font-size: 30px;
    line-height: 1.3;
    text-shadow: none;
}
ul.product-list li h3 {
color: #000;
}
ul.product-list li a {
    padding-bottom: 0px;
}
body[data-type="fullpage"] .product-list-div h2 a.show-all {
    color: #000;
    transition-property: left, color;
}

/*
#side ul li a {
    color: #555;
    display: block;
    padding: 10px 20px;
    transition: .3s;
}
*/


.news .fcol .news-list li h3, .news .news.main-content li h3, #news-heading h3 {
    font-size: 1.05rem;
    font-weight: 600;
    line-height: 1.5;
    color: #0238b6;
}


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

input[type="submit"]{
  border: 1px solid #fff;
  background-color: #5b9bd5;
}


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

#foot-nav {
  display:none;
}
#foot-nav ul li a,#foot-nav ul li.current a {
    color: #fff;
}
#footer {
    color: #fff;
}
#contact-info ul li span {
    color: #fff;
}

#footer a {
    color: 
    #fff;
}

#copyright, #copyright a{display:none;}


@media(max-width:428px){
 #footer .container .col-md-4{
     flex: 0 0 100%;
  }
}




/*隱藏 尚無相關訊息資料 字樣 會連基本型產品格一起隱藏*/
div.fcol.fcol-2 {
display: none;
}



/*body*/
#wrap{background:url(https://static.iyp.tw/40131/files/34a13e8a-1c72-44ea-ac22-a44cb6a9274d.png)no-repeat;
  background-position:top center;
  background-attachment:fixed;}

body[data-type="fullpage"] #main-wrap .container {
    background: rgba(255,255,255,0.1);
}