.phone-1{position:fixed;right:1%;top:30%;z-index:1920}
.e-mail{position:fixed;right:1%;top:45%;z-index:1920}
.google-1{position:fixed;right:1%;top:60%;z-index:1920}



#frame img {
	width:200px;
	height:300px;
}
#frame2 img {
	width:200px;
	height:150px;
}

body {
    background-color: #ffffff;
  	background-image: url(https://static.iyp.tw/5485/files/dddb2722-c307-405c-bac8-bda4b0161fbe.png);
	background-repeat: no-repeat;
	background-position: center bottom;
    background-attachment: fixed;
}

.frame3 {
	background-color: #F0F0F0; /*背景顏色*/ 
	padding: 10px; /*物件內的間距*/
	border: 1px solid #D5D5D5; /*邊框樣式（solid直線 dotted點狀線 dashed虛線）*/
	width: 280px; /*物件寬度*/
    height:250px; /*物件高度*/
　　color: #000000; /*文字顏色*/
    margin-right: 20px; /*物件與物件間的邊界*/
    float:left;  /*left 左.right右*/
    margin-bottom: 10px; /*底部的邊界*/
    text-align:right; /*文字靠右對齊 left 左.right右. center置中*/
}
.frame3 img {
	height: 200px;
	width: 250px;
}


@media only screen and (min-width: 768px){
.topnavbar {
    background-color: #4694d1;/*頁籤底圖顏色;background-color: rgba(0,0,0,0);透明*/
    position: relative;/*頁籤&banner分開不重疊*/
        padding: 0;/*頁籤間距*/
}}

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

.swiper-wrapper, .swiper-slide {
  height: 0 !important;
  padding-bottom: calc(850 / 1920 * 100%); /* 自定響應式圖片高度 */
}

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

/* 內頁各層編輯欄背景*/
body.about-us .fcol.fcol-2 {
   width: 100%;
   background-attachment: scroll; /*fixed固定背景; scroll捲動背景*/
   background-repeat: no-repeat;
   background-position:center right;
   background-size: cover;/*cover圖片剪裁不拉伸壓縮 ; contain不拉伸壓縮.等比縮放)*/
   background-image: url(https://static.iyp.tw/5485/files/8b80b93d-6a05-4343-9f38-2c20c8243f32.jpg);
}


body[data-type="fullpage"] #nav {
    font-size: 1.4rem;/*頁籤文字大小*/
}

#nav ul li a {
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: block;
    color: #000000;/*頁籤文字顏色*/
    padding: 10px 20px;/*頁籤文字間隔;padding:2px 16px 2px 16px;*/
    line-height: 1.3;
    transition: .3s;
}

#nav ul li a:hover  {
    color: #000000;/*頁籤滑過文字顏色*/
}
#nav ul li.current a {
    color: #03004c;/*頁籤按下後文字顏色*/
}

#nav .subnav {
    background-color: #fff;/*次頁籤底色*/
}


/*title文字顏色*/
.h1title {
    color: #007bbb;
}

a {
    color: #0f81d9;/*連結顏色*/
    text-decoration: none;
}

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

.menu .row [class^="col-"] img{
  opacity:3;
  transition:0.7s
}
.menu .row [class^="col-"] img:hover {
    opacity:0.55;
}
.menu .row [class^="col-"] {
  padding:10px;
}