.topnavbar .container {text-align: center;}
/*nav*/
/*頁籤底拉寬*/
#header .topnavbar .container {
    padding-left: 60px;
    padding-right: 60px;
    width: 100%;
}
@media only screen and (min-width: 768px){
.topnavbar {  
  background-color: #f7f7f7; opacity 25.0%;/*頁籤底圖顏色;background-color: rgba(70,77,74,1);透明*/
    box-shadow: 0px 0px 25px 0px #0000003d;
    position: relative;/*頁籤&banner分開不重疊*/
    padding:0;/*頁籤間距*/
    width:100%;
}}
.swiper-pagination-bullet {background-color: #f5ca7f;
}


/*手機LOGO背景*/
#header {
    background-color: #ffffff;
}

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

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

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


/*最新消息文字顏色*/
a {color: #46413e;}
.news .fcol .news-list li a:hover, .news .news.main-content li a:hover {color: #f09b73;}


/*side無顯示*/
.fcol-side {
    display: none;
} 

.h1title {color: #a69992; text-align: center; border-bottom:1px solid #dddddd;}
.plastic .h1title {color: rgba(237,237,237,0); text-align: center; border-bottom:1px solid #dddddd;}
.workflows .h1title {color: rgba(237,237,237,0); text-align: center; border-bottom:1px solid #dddddd;}
.performance .h1title {color: rgba(237,237,237,0); text-align: center; border-bottom:1px solid #dddddd;}
.belime .h1title {color: rgba(237,237,237,0); text-align: center; border-bottom:1px solid #dddddd;}




/* 網頁背景 */
#bodyinhome .fcol-2 {
    background: #444 url(https://static.iyp.tw/14012/files/f17293c5-6696-4a3c-81bb-f5033b3c1cce.jpg)no-repeat center;
    background-attachment: fixed;
}
#bodyinhome .fcol-4 {background-color:#ede5e4
}  
body.about-us{
background-image : url(https://static.iyp.tw/14012/files/aeba4e5e-2c35-49dc-9024-750556454bf5.png);
background-repeat : repeat; 
background-attachment : fixed;
}
body.about-us .fcol.fcol-2 {background-color:rgba(237,237,237,0.6);}
body.about-us .fcol.fcol-1 {background-color:#ffffff;}
body.plastic .fcol.fcol-4 {background-color:#c9a061;}
body.plastic .fcol.fcol-5 {background-image : url(https://static.iyp.tw/14012/files/2a70a8d8-f777-4e51-94c7-37bd3e5166ad.png);
background-repeat :no-repeat;background-position:right top;}
body.plastic .fcol.fcol-6 {background-image : url(https://static.iyp.tw/14012/files/bec5d085-bb03-46d2-9c45-5200141efd64.png);
background-repeat :no-repeat;background-position:left bottom;}
body.plastic .fcol.fcol-1 {background-image : url(https://static.iyp.tw/14012/files/e2966e21-24c4-4b91-8f3b-e8b48015cfd8.png);
background-repeat :no-repeat;background-position:right bottom;}
body.plastic .fcol.fcol-2 {background-image : url(https://static.iyp.tw/14012/files/dfeb5dc2-b714-4cbe-be16-66aa109e6d7a.png);
background-repeat :no-repeat;background-attachment: fixed;}
body.plastic .fcol.fcol-3 {background-color:#ffffff;}

body.plastic {background-color:#ffffff;
}

body.belime .fcol.fcol-1 {background-color:#f5f5f5;;}
body.belime .fcol.fcol-3 {
background-image : url(https://static.iyp.tw/14012/files/aeba4e5e-2c35-49dc-9024-750556454bf5.png);
background-repeat : repeat; 
background-attachment : fixed;
}
body.build .fcol.fcol-3 {background-color:#f2f2f2;}
body.quality{
background-image : url(https://static.iyp.tw/14012/files/aeba4e5e-2c35-49dc-9024-750556454bf5.png);
background-repeat : repeat; 
background-attachment : fixed;
}
body.quality .fcol.fcol-1 {background-color:rgba(255,255,255,0.9);}
body.quality .fcol.fcol-2 {background-color:rgba(237,237,237,0.6);}
body.quality .fcol.fcol-3 {
background-image : url(https://static.iyp.tw/14012/files/755f1fc3-03a3-47d5-8199-bcb40ef73111.jpg);
background-repeat : repeat; 
background-attachment : fixed;
}
body.produce .fcol.fcol-3 {
background-image : url(https://static.iyp.tw/14012/files/aeba4e5e-2c35-49dc-9024-750556454bf5.png);
background-repeat : repeat; 
background-attachment : fixed;
}



/* 導覽 */
#nav ul li.current a {color: #e8b96f;}
#nav ul li a{color: #75645a; }
#nav ul li a:hover {color: #e8b96f;}

#nav .subnav{background-color: rgba(255, 255, 255, 0.9);}
#nav ul li .subnav a {color:#807470;}
#nav ul li .subnav a:hover {background: rgba(212, 200, 200, 0.5);}


.rk_imgblock1 figure {
	width: 100%;
	position:relative; 
  overflow:hidden;
	display:inline-block;
  margin:5px;
	transition:all .5s;
}

/*倍力美板表格樣式*/
table.tabbelime caption {
   padding:10px;
  background-color:#d4cac1;
}


table.tabbelime tbody td {
  padding:5px 5px;
  color:#555;
  background-color:#ffffff;
  
}

table.dcf thead th {
  padding:5px 0px;
  color:#fff;
  background-color:#7c8a78;
}

/*倍力美板用途圖片影子動畫*/

.beuse1{
    box-shadow: 0 0 0px 0px rgba(51, 51, 51, 0.3);
  transition: 0.3s;
}
.beuse1:hover {
    box-shadow: 0 3px 15px 3px rgba(120, 120, 120, 0.3);
}
.beuse2{
    box-shadow: 0 0 0px 0px rgba(51, 51, 51, 0.3);
  transition: 0.3s;
}
.beuse2:hover {
    box-shadow: 0 3px 15px 3px rgba(120, 120, 120, 0.3);
}
.beuse3{
    box-shadow: 0 0 0px 0px rgba(51, 51, 51, 0.2);
  transition: 0.3s;
}
.beuse3:hover {
    box-shadow: 0 3px 15px 3px rgba(120, 120, 120, 0.3);
}
.beuse4{
    box-shadow: 0 0 0px 0px rgba(51, 51, 51, 0.3);
  transition: 0.3s;
}
.beuse4:hover {
    box-shadow: 0 3px 15px 3px rgba(120, 120, 120, 0.3);
}

/*經典圖樣影子動畫*/

.mat1{
    box-shadow: 0 0 0px 0px rgba(51, 51, 51, 0.3);
  transition: 0.3s;
}
.mat1:hover {
    box-shadow: 0 3px 15px 1px rgba(120, 120, 120, 0.5);
}
.mat2{
    box-shadow: 0 0 0px 0px rgba(51, 51, 51, 0.3);
  transition: 0.3s;
}
.mat2:hover {
    box-shadow: 0 3px 15px 1px rgba(120, 120, 120, 0.5);
}
.mat3{
    box-shadow: 0 0 0px 0px rgba(51, 51, 51, 0.2);
  transition: 0.3s;
}
.mat3:hover {
    box-shadow: 0 3px 15px 1px rgba(120, 120, 120, 0.5);
}
.mat4{
    box-shadow: 0 0 0px 0px rgba(51, 51, 51, 0.3);
  transition: 0.3s;
}
.mat4:hover {
    box-shadow: 0 3px 15px 1px rgba(120, 120, 120, 0.5);
}




/*美的IN台灣*/
.videobox {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}

.videobox iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.videobox embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*DM-PDF檔*/
.pdfv iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height:950px;
}

.pdfview iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height:950px;
}

/*DM按鈕圖示*/
.dmpic:hover{ transform: scale(1.01);opacity:0.5;transition: 0.2s;
}
.dmpic-2:hover{ transform: scale(1.01);opacity:0.5;transition: 0.2s;
}
.dmpic-3:hover{ transform: scale(1.01);opacity:0.5;transition: 0.2s;
}

/*搗擺實績換圖動畫*/
.wood{opacity:1;transition: 0.3s;}
.wood:hover{transform: scale(1.03);opacity:0.8;transition: 0.5s;}
.stone{opacity:1;transition: 0.3s;}
.stone:hover{transform: scale(1.03);opacity:0.8;transition: 0.5s;}
.flower{opacity:1;transition: 0.3s;}
.flower:hover{transform: scale(1.03);opacity:0.8;transition: 0.5s;}
.sketch{opacity:1;transition: 0.3s;}
.sketch:hover{transform: scale(1.03);opacity:0.8;transition: 0.5s;}
.child{opacity:1;transition: 0.3s;}
.child:hover{transform: scale(1.03);opacity:0.8;transition: 0.5s;}
.purecolor{opacity:1;transition: 0.3s;}
.purecolor:hover{transform: scale(1.03);opacity:0.8;transition: 0.5s;}

/*工作團隊按鈕圖示*/
.set{ transform: scale(1)opacity:1;transition: 0.3s;}

.set:hover{ transform: scale(1.1);opacity:0.5;transition: 0.5s;
}
.cut{opacity:1;transition: 0.3s;}
.cut:hover{ transform: scale(1.1);opacity:0.5;transition: 0.5s;
}
.print{opacity:1;transition: 0.3s;}
.print:hover{ transform: scale(1.1);opacity:0.5;transition: 0.5s;
}
.sales{opacity:1;transition: 0.3s;}
.sales:hover{ transform: scale(1.1);opacity:0.5;transition: 0.5s;
}
.design{opacity:1;transition: 0.3s;}
.design:hover{ transform: scale(1.1);opacity:0.5;transition: 0.5s;
}
.after{opacity:1;transition: 0.3s;}
.after:hover{ transform: scale(1.1);opacity:0.5;transition: 0.5s;
}


.ic1{opacity:1;transition: 0.3s;}
.ic1:hover{transform: scale(1.07);opacity:0.9;transition: 0.3s;}
.ic2{opacity:1;transition: 0.3s;}
.ic2:hover{transform: scale(1.07);opacity:0.9;transition: 0.3s;}
.ic3{opacity:1;transition: 0.3s;}
.ic3:hover{transform: scale(1.07);opacity:0.9;transition: 0.3s;}
.ic4{opacity:1;transition: 0.3s;}
.ic4:hover{transform: scale(1.07);opacity:0.9;transition: 0.3s;}
.ic5{opacity:1;transition: 0.3s;}
.ic5:hover{transform: scale(1.07);opacity:0.9;transition: 0.3s;}
.ic6{opacity:1;transition: 0.3s;}
.ic6:hover{transform: scale(1.07);opacity:0.9;transition: 0.3s;}
.ic7{opacity:1;transition: 0.3s;}
.ic7:hover{transform: scale(1.07);opacity:0.9;transition: 0.3s;}
.ic8{opacity:1;transition: 0.3s;}
.ic8:hover{transform: scale(1.07);opacity:0.9;transition: 0.3s;}




/*證書按鈕圖示動畫*/

.prove1:hover{position:relative;bottom:8px;opacity:1;transition: 5s;}
.prove2:hover{position:relative;bottom:8px;opacity:1;transition: 5s;}
.prove3:hover{position:relative;bottom:8px;opacity:1;transition: 5s;}
.prove4:hover{position:relative;bottom:8px;opacity:1;transition: 5s;}
.prove5:hover{position:relative;bottom:8px;opacity:1;transition: 5s;}
.prove6:hover{position:relative;bottom:8px;opacity:1;transition: 5s;}
.prove7:hover{position:relative;bottom:8px;opacity:1;transition: 5s;}
.prove8:hover{position:relative;bottom:8px;opacity:1;transition: 5s;}
.prove9:hover{position:relative;bottom:8px;opacity:1;transition: 5s;}
.prove10:hover{position:relative;bottom:8px;opacity:1;transition: 5s;}
.prove11:hover{position:relative;bottom:8px;opacity:1;transition: 5s;}
.prove12:hover{position:relative;bottom:8px;opacity:1;transition: 5s;}
.prove1{
    box-shadow: 0 0 0px 0px rgba(51, 51, 51, 0.3);
  transition: 0.3s;
}

/*按鈕變化*/
.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 #000000;
}
.btn-1:hover {
  background: #000000;
  color: #ffffff;
}
.btn-1:active {
  top: 2px;
}

.custom-btn2 {
  padding: 10px 35px;
  font-family: "Roboto", sans-serif;
  font-weight: 600;
  background: transparent;
  outline: none !important;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  display: inline-block;
}
.btn-2 {
  border: 2px solid #d19f49;
  color: #966e29;
  background: #e0e0e0;
}
.btn-2:hover {
  background: #d19f49;
  color: #ffffff;
}
.btn-2:active {
  top: 2px;
}




#footer {
    color: #fbfbfb;
    background-color: #121212;
    width:100%;
}