/*phone icon*/
.phone{position:fixed;right:0px;top:80%;z-index:1920}
.column.left{
  display:none;
}

.topnavbar .container {
  text-align: center;
  /*background-color: #64aee0;*/
}

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

#logo {
  display: block;
}

body {
    background: url(https://static.iyp.tw/39737/files/7785e156-812f-4fb8-a954-512e1cee160b.jpg) right ;/*底圖*/
    background-color: #fff;/*背景底色*/
}


@media only screen and (min-width: 768px){
.topnavbar {
    background: url(https://static.iyp.tw/39737/files/dc1f88ce-1b9b-430d-bc83-9e3020d6edcc.png);/*底圖*/
    background-color: #64aee0;/*頁籤底圖顏色;background-color: rgba(0,0,0,0);透明*/
    position: relative;/*頁籤&banner分開不重疊*/
    height: 150px;/*頁籤底圖高度*/
    padding: 0;/*頁籤間距*/
}}

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

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

#nav ul li a:hover  {
    color: #ffe57a;/*頁籤滑過文字顏色*/
    background: rgba(20, 140, 194, 0.7);/*頁籤滑過色塊底*/
    border-radius: 20px;/*頁籤滑過色塊圓角*/
    border-top-right-radius: 5px;/*頁籤滑過色塊右上圓角角度*/
    border-bottom-left-radius: 5px;/*頁籤滑過色塊左下圓角角度*/
}
#nav ul li.current a {
    color: #ffe57a;/*頁籤按下後文字顏色*/
}

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

ul.product-list li a {
    color: #2276d2;/*產品格文字顏色*/
    background-color: #ddd;/*產品格底色*/
}
ul.product-list li a:hover {
    color: #2276d2;/*產品格滑過文字顏色*/
}


/*title文字顏色*/
.h1title {
    color: #148cc2;
}

a {
    color: #148cc2;/*連結顏色*/
    text-decoration: none;
}
a:hover {
    color: #64aee0;/*連結顏色*/
    text-decoration: none;
}

.swiper-container {
  height: auto !important; /* 將容器預設的高拿掉 */
}

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

.swiper-slide {
  width: 100% !important; /* 強制圖片寬度隨容器變更 */
}


#frame img {
	height: 165px;
	width: 280px;
	background-color: #F0F0F0; /*背景顏色*/ 
	padding: 4px; /*物件內的間距*/
	border: 1px solid #D5D5D5; /*邊框樣式（solid直線 dotted點狀線 dashed虛線）*/
    border-radius: 10px;/*圓角*/  
}
#frame2 img {
	height: 300px;
	width: 500px;
	background-color: #F0F0F0; /*背景顏色*/ 
	padding: 0px; /*物件內的間距*/
	border: 1px solid #D5D5D5; /*邊框樣式（solid直線 dotted點狀線 dashed虛線）*/
    border-radius: 20px;/*圓角*/  
}
#ser-line {
    background: #ccc;/*分隔線顏色*/
    width: 180px;/*分隔線長度*/
    height: 3px;/*分隔線高度*/
    display: block;
    margin: 1em auto 1em;/*間距*/
}

/* 首頁各層編輯欄背景*/
#bodyinhome .fcol.fcol-6 {
   width: 100%;
   background: url(https://static.iyp.tw/39737/files/d87eb51b-6be8-4df9-b0e7-150b8f2c2aa4.png)no-repeat center top;/*底圖*/
}

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