.topnavbar {
     background: url(https://static.iyp.tw/5118/files/1a00d9f7-0df5-4178-bb53-3b41587d1035.jpg);
  top:0px;
   position: relative;
   z-index:100;
 width:100%;
  padding: 0;
}
.topnavbar .container {
    padding-top: 0px;
    padding-bottom: 0px;
}



@media only screen and (min-width: 768px){
.topnavbar {
    background-color: rgba(0,0,0,0);
    padding: 0;
}}

#nav {
    background: rgba(0,0,0,0.85);
    border-radius: 30px;
}
#nav .subnav {  background-color: rgba(0,0,0,0.95);}

.name{
   color:#0353C5;
   font-size:16px;
}

.photo_right{
   float:right;
}

.photo_left{
   float:left;
}

.topnavbar .container {
  text-align: justify;
  font-size: 0;
}

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

/* 首頁與內頁共用 */
.swiper-container {
  height: auto !important;
}

.swiper-wrapper, .swiper-slide {
  height: 0 !important;
}

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

/* 首頁 */
#bodyinhome .swiper-wrapper, #bodyinhome .swiper-slide {
  padding-bottom: calc(800 / 1920 * 100%); /* 首頁 banner 大小 */
}

/* 內頁 */
#bodyinpage .swiper-wrapper, #bodyinpage .swiper-slide {
  padding-bottom: calc(500 / 1920 * 100%); /* 內頁 banner 大小 */
}


.fcol .container {    color: #222;    font-size: 15px;}
p { line-height:2;}



.h1title {
    color: #fff;
    background-color: #222;
    border-radius: 30px;
    margin-top: -20px;
}



body.index .fcol-3 {
    background: url(https://static.iyp.tw/5118/files/8ebb6512-76d3-4e2b-8a3c-bff1144b98a5.png)no-repeat bottom;
}

body.index .fcol.fcol-5 {   display:none;}
body.index .fcol.fcol-6 {   display:none;}
body.aindex #footer { margin-top: -40px;}


body.about-us .fcol.fcol-1 {   margin-top: -40px;  }
body.about-us .fcol.fcol-1 {    background: rgba(0,0,0,0.1);}
body.about-us .fcol.fcol-2 {   display:none;}
body.about-us .fcol.fcol-3 {   display:none;}
body.about-us .fcol.fcol-4 {   display:none;}
body.about-us .fcol.fcol-5 {   display:none;}
body.about-us .fcol.fcol-6 {   display:none;}
body.about-us #footer { margin-top: -40px;}



#breadcrumb li {
    padding: 20px 0;
}




body{
background-image : url(https://static.iyp.tw/5118/files/1a00d9f7-0df5-4178-bb53-3b41587d1035.jpg);
background-repeat : repeat; 
background-attachment : fixed;
}




/*圖片*/
.menu [class^="col-"] img:hover {
    border-radius: 8px;
}
.menu [class^="col-"] img {
  transition:0.7s;
  border-radius: 50%;
  border: 1px #dddddd solid;
  padding:6px;
}

.row1 [class^="col-"] img{
  opacity:3;
  transition:0.7s
}
.row1 [class^="col-"] img:hover {
    opacity:0.55;
}


/*按鈕變化*/
.buttons-coll {
  width: 90%;
  margin: 10px auto;
  text-align: center;
}
button1 {
  margin: 20px;
}
.custom-btn {
  padding: 10px 35px;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  background: transparent;
  outline: none !important;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  display: inline-block;
}

.btn-1 {
  border: 2px solid #000;
}
.btn-1:hover {
  background: #444;
  color: #fff;
}
.btn-1:active {
  top: 2px;
}