.phone{position:fixed;right:1%;top:45%;z-index:1000}
.line-1{position:fixed;right:1%;top:60%;z-index:1000}
.map{position:fixed;right:1%;top:75%;z-index:1000}



#logo {
  display: block;

}

.topnavbar .container {
  text-align: center;
   padding:0px;
}

/*google文字*/
.font_se {
  font-family: 'Noto Serif TC', serif;
}






/* 首頁與內頁共用 */
.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(750 / 1920 * 100%); /* 首頁 banner 大小 */
}

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

@media only screen and (min-width: 768px){
.topnavbar {
    background-color: #fff;/*頁籤底圖顏色;background-color: rgba(0,0,0,0);透明*/
    position: relative;/*頁籤&banner分開不重疊*/
    padding: 0;/*頁籤間距*/
    box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
    border-bottom-width: 60px;
	border-bottom-style: solid;
	border-bottom-color: #0c0c0c;
    height:175px;
}

a {
    color: #685d51;
}
 
/* 文字放大*/
.container {
    font-size:16px;
  line-height:30px;

}
  
#foot-nav {
    font-size:13px;
}

/*文字*/
.word{
   padding: 5px 30px 5px 30px;
  color: #000;
  background-color: #fff;
    top:200px;
 
    z-index:2;
    width: 80%;
   position:absolute;
   right: 0;
  box-shadow: inset 10px -1px 50px 4px #DEDEDE,-1px 34px 26px -23px #A6A6A6;
-webkit-box-shadow: inset 10px -1px 50px 4px #DEDEDE,-1px 34px 26px -23px #A6A6A6;
-moz-box-shadow: inset 10px -1px 50px 4px #DEDEDE,-1px 34px 26px -23px #A6A6A6;
-o-box-shadow: inset 10px -1px 50px 4px #DEDEDE,-1px 34px 26px -23px #A6A6A6;
}
}


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

#bodyinhome .fcol.fcol-1 {
  background: #f4f4f4;
}

#bodyinhome .fcol.fcol-3 {
   background: #f3f3f3;
}




#bodyinhome .fcol.fcol-5 {
 
}

#bodyinhome .fcol.fcol-4 {
   width: 100%;
   /*background-color: #231a15;*/
  background: url(https://static.iyp.tw/42715/files/69655ced-bf9c-479d-88b1-0c2e57a0fd85.jpg) no-repeat scroll center top transparent; 
   position: relative;
 }



body.about-us .fcol.fcol-2 {
      width: 100%;
   /*background-color: #231a15;*/
  background: url(https://static.iyp.tw/29294/files/aee0219e-9fbf-469a-972b-964e9e3425bc.jpg) no-repeat scroll center top transparent; 
   position: relative;
}

body.about-us .fcol.fcol-3 {
     
}

body.about-us .fcol.fcol-4 {
     
}

body.about-us .fcol.fcol-5 {
     
}

body.about-us .fcol.fcol-3 {
     
}


body.about-us .fcol.fcol-6 {
       background-attachment: fixed; /*fixed固定背景; scroll捲動背景*/
    background-repeat: no-repeat;
    background-position:center;
    background-image: url(https://static.iyp.tw/29294/files/2e7f3753-3d4e-45d3-b3b4-08c190c481f9.jpg);
   background-color: #021420;
}


#nav ul li a {
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: block;
    color: #fff;
    padding: 16px 25px 16px 25px;
    line-height: 1.3;
    transition: .3s;
    font-size:16px;
    white-space: normal;
}

#nav ul li a:hover {
    color: #fff;
    background-color: rgba(255,255,255,0.2);
}

#nav ul li.current a {
    color: #fff;
    background-color: rgba(255,255,255,0.2);
 } 


/*下拉試選單變寬*/
#nav .subnav {
    max-width: 250px;
    width: 250px;
}

#nav .subnav {
    background-color: #1b1b1b;
    text-align: left;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: inherit;
    color: #000;
}


.product-list-div h2 {
    text-shadow: 0 0px 0 #333;
}



ul.product-list li a.focus h3, ul.product-list li a:hover h3 {
    color: #464646;
}
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: #7a7a7a;
    overflow: hidden;
    padding: 0 16px;
}


#footer {
    color: #fff;
}


/*圖形效果----■*/
/*垂直*/
.greyLine {
    position: relative;
    margin: 0 auto;
    height: 5rem;
    width: .0625rem;
    background: #fff;
    display: block;
    margin-bottom: 2rem;
}
.greyLine::after {
    content: '';
    display: block;
    position: absolute;
    height: .625rem;
    width: .625rem;
    background:#fff;
    transform: rotate(45deg);
    bottom: -.625rem;
    left: -.3125rem;
}

/*圖片特效-圖片拉大 雲科當舖*/
.pic{
	width:ˇ340px; 
    height:280px;
    overflow:hidden;
    border:1px solid #ccc;/*邊框樣式（solid直線 dotted點狀線 dashed虛線）*/
    margin-left:auto; /*置中*/
    margin-right:auto;/*置中*/
}
.pic img{transform:scale(1,1);transition: all 1s ease-out;}
.pic img:hover{transform:scale(1.2,1.2);}