#gotop {
    display: none;
    position: fixed;
    right: 20px;
    bottom: 20px;    
    padding: 10px 15px;    
    font-size: 20px;
    background: #777;
    color: white;
    cursor: pointer;
}



a {
    color: #264d92;
    text-decoration: none;
}
body {
    background-color: #fff;
    color: #000;
    font-size: 16px;
    margin: 0;
}
.swiper-container {
    height: auto !important;
}
.swiper-wrapper, .swiper-slide {
  height: 0 !important;
  padding-bottom: calc(800 / 1920 * 100%); /* 注意圖片高度與寬度要去掉單位 */
}
.swiper-slide {
  width: 100% !important;
}
div.fcol.fcol {
  line-height:2em;
}
#wrap {
  background:url(https://static.iyp.tw/409441/files/a4cef299-4ec0-4bdf-8361-2e9253b24147.jpg)no-repeat;
background-position:top center;
  background-size:cover;
  background-attachment:fixed;
}
#bodyinpage.about-us .fcol.fcol-3, .fcol.fcol-4 {
  background:url(https://static.iyp.tw/409441/files/beefcb47-5eea-4345-9da2-078c447b4928.jpg)no-repeat;
background-position:top center;
  background-size:cover;
  background-attachment:fixed;
      color: #fff;
}
.fcol.fcol-5, .fcol.fcol-6 {
    display:none;
}





/*回首頁*/
.navbar-nav > li > a {
    color: #fff;
}

.topnavbar {
    background:url(https://static.iyp.tw/409441/files/e90aef03-03e7-457d-bc2a-8d3c2a1251e4.jpg)no-repeat;
    background:#013058;  
background-position:top center;
  background-size:cover;
    height: 100px;
}
@media screen and (max-width: 414px) { 
.topnavbar {
      height: auto;
}
} 
.topnavbar .container {
    padding-top: 0px;
    padding-bottom: 0px;
}
#logo h1 {
    height: 70px;
}
#nav ul li a {
    white-space: nowrap;
    color: #ffffff;
    line-height: 1.3;
    font-weight: normal;
    padding: 10px 20px;
    font-size: 100%;
    border-right: 0px #888 dotted;
    transition:all 0.5s;
}
#nav ul li a:hover{
    background:#264d92;
    color: #fff;
}
#nav ul li.current a  {
    background:#264d92;
    color: #fff;  
}
#nav .subnav {
    background-color: rgba(75,75,75,0.55);
} 
#nav ul .subnav li a {
    background-color: rgba(75, 75, 75,0.85);
    color: #fff;
}
#nav ul li .subnav a span {
    display: inline-block;
}
#nav li.has-subnav ul li a {
    color: #fff;
}





.h1title {
    color: #264d92;
    font-size: 2rem;
    font-weight: normal;
  border-bottom:1px #264d92 solid;
}






/*圖片*/
.row [class^="col-"] img{
  opacity:3;
    transition:0.7s
}
.row [class^="col-"] {
  padding:10px;
}
.picc {
  overflow:hidden;
}
.picc img:hover {
  transform:scale(1.25);
}



.block {
    display: block;
    text-align: center;
    width: 100%;
    height:auto;
    padding-bottom:auto;
    padding: 5%;
    background: #12609d;
   overflow: hidden;
   position: relative;
    transition:all 0.5s;
  border-radius: 50px;
}
.block:hover {
    transform:scale(1.2);
      background:#01b0f1;
}
.block2 {
    display: block;
    text-align: center;
    width: 100%;
    height:auto;
    padding-bottom:auto;
    padding: 5%;
    background: #62d4ff;
   overflow: hidden;
   position: relative;
    transition:all 0.5s;
}
.block2:hover {
    transform:scale(1.2);
      background:#212c9e;
}





body[data-type="fullpage"] .main {
    min-height: 0px;
}



/*產品格*/
ul.product-list li .desc {
    display: block;
    min-height: 1.2rem;
    max-height: 2.4rem;
    margin-bottom: auto;
    font-size: .8rem;
    line-height: 1.5;
    word-break: break-word;
    color: #666;
    overflow: hidden;
    padding: 0 16px;
    display: none;
}/*隱藏詳細介紹*/
ul.product-list li a.focus h3, ul.product-list li a:hover h3 {
    color: #000;
}
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: #444;
    overflow: hidden;
    padding: 0 16px;
}/*改產品格名稱顏色*/





#side h1, #side h2, #side h3, #side h4, #side h5, #side h6 {
    padding: 10px 20px;
    color: #000;
}
#side ul li a {
    color: #000;
    display: block;
    padding: 10px 20px;
    transition: .3s;
    border-bottom: 1px #ccc solid;
}
#side ul li.current > div a {
    color: #fff;
      background-color: #264d92;
}
.product-list-div h2 a {
    color: #000;
    text-decoration: none;
    display: inline-block;
}
.product-list-div h2 {
    margin-bottom: 10px;
    border-bottom: 1px solid #fff;
    text-shadow: 0 0px 0 #fff;
}
body[data-type="fullpage"] .product-list-div h2 a.show-all {
    color: #000;
    transition-property: left, color;
}
ul.product-list li .money-icon {
    color: #000;
    font-size: 95%;
    margin-right: 8px;
    margin-left: 16px;
    text-shadow: 0 0px 0 rgba(255,255,255,0.7);
}
ul.product-list li a {
    display: flex;
    flex-flow: column;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    text-decoration: none;
    cursor: pointer;
    padding-bottom: 16px;
    color: #000;
    border: 1px solid #ddd;
    border-radius: 3px;
    background-color: #fff;
    transition-property: color, box-shadow;
}





#footer {
  margin-top:-45px;
    color: #fff;
    background-color: #264d92;
    line-height:2em;
}
#foot-nav {
    clear: both;
    padding: 1em 0;
    border-bottom: 1px solid #fff;
  display:none;
}
#foot-nav ul li a {
    color: #fff;
    font-size: 1em;
}
.contact-row {
    padding: 0em 0 1em;
    line-height: 1.6;
}
#contact-info ul li span {
    color: #fff;
}
#footer a {
    color: #fff;
}
.contact-row h5 {
    color: #fff;
    padding: .5em 0 1em;
    width: 100%;
    font-size: 16px;
}
#footer-service {
    clear: both;
    padding-bottom: 1em;
    min-height: 20px;
    font-size: .9em;
    overflow: hidden;
}



#bodyinpage.rwd-collapse.viewmode.default.about-us .fcol.fcol-2{
	background:url(https://static.iyp.tw/409312/files/46d800e4-a26f-4431-9584-94caebedf690.jpg)no-repeat;
    background-size:cover;
}

.step1-box{
	background:url(https://static.iyp.tw/409441/files/9146c213-8860-4339-b357-61186944b9af.jpg)no-repeat;
	margin:0px;
  	padding:0px;
    background-size:cover;
	height:250px;
	font-family:'Noto Sans TC';
	font-weight:400;
	font-size:14px;
 	color:#FFF;
	transition: 0.3s;
}
.step2-box{
	background:url(https://static.iyp.tw/409441/files/d3d2b219-31a4-49bf-8a87-773677cb2ddf.jpg)no-repeat;
	margin:0px;
  	padding:0px;
    background-size:cover;
	height:250px;
	font-family:'Noto Sans TC';
	font-weight:400;
	font-size:14px;
 	color:#FFF;
	transition: 0.3s;
}
.step3-box{
	background:url(https://static.iyp.tw/409441/files/b2d91c9e-0f5b-4ea1-b15f-d1742262f2ae.jpg)no-repeat;
	margin:0px;
  	padding:0px;
    background-size:cover;
	height:250px;
	font-family:'Noto Sans TC';
	font-weight:400;
	font-size:14px;
 	color:#FFF;
	transition: 0.3s;
}
.step4-box{
	background:url(https://static.iyp.tw/409441/files/72897ce5-abfd-4996-96be-ba9689482871.jpg)no-repeat;
	margin:0px;
  	padding:0px;
    background-size:cover;
	height:250px;
	font-family:'Noto Sans TC';
	font-weight:400;
	font-size:14px;
 	color:#FFF;
	transition: 0.3s;
}
.step5-box{
	background:url(https://static.iyp.tw/409441/files/49cabfa6-00a4-4071-ad96-b3d78222ff26.jpg)no-repeat;
	margin:0px;
  	padding:0px;
    background-size:cover;
	height:250px;
	font-family:'Noto Sans TC';
	font-weight:400;
	font-size:14px;
 	color:#FFF;
	transition: 0.3s;
}
.step6-box{
	background:url(https://static.iyp.tw/409441/files/3c122293-2fa5-4443-9b40-ae60893766c0.jpg)no-repeat;
	margin:0px;
  	padding:0px;
    background-size:cover;
	height:250px;
	font-family:'Noto Sans TC';
	font-weight:400;
	font-size:14px;
 	color:#FFF;
	transition: 0.3s;
}
.step7-box{
	background:url(https://static.iyp.tw/409441/files/cdf510a2-8439-4ad9-a143-30af3528f791.jpg)no-repeat;
	margin:0px;
  	padding:0px;
    background-size:cover;
	height:250px;
	font-family:'Noto Sans TC';
	font-weight:400;
	font-size:14px;
 	color:#FFF;
	transition: 0.3s;
}
.step8-box{
	background:url(https://static.iyp.tw/409441/files/583082f1-5296-4820-8c1c-6af2fcf7fd96.jpg)no-repeat;
	margin:0px;
  	padding:0px;
    background-size:cover;
	height:250px;
	font-family:'Noto Sans TC';
	font-weight:400;
	font-size:14px;
 	color:#FFF;
	transition: 0.3s;
}

.step1-box:hover{
	transform: scale(1.2);
}
.step2-box:hover{
	transform: scale(1.2);
}
.step3-box:hover{
	transform: scale(1.2);
}
.step4-box:hover{
	transform: scale(1.2);
}
.step5-box:hover{
	transform: scale(1.2);
}
.step6-box:hover{
	transform: scale(1.2);
}
.step7-box:hover{
	transform: scale(1.2);
}
.step8-box:hover{
	transform: scale(1.2);
}
@media(max-width:580px){
.step-box{
	height:200px;
}}

.align-items-end p{
	text-shadow: #000 1px 0 10px;
}

	
@media(max-width:580px){
.arrow-turn{
	margin-top:35px;
	-ms-transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
	transform:rotate(90deg);
}}

/*icon*/

.TL {position: fixed; right: 0.5%; top: 20%; z-index: 1000;transform:scale(0.8);}
.MAIL {position: fixed; right: 0.5%; top: 30%; z-index: 1000;transform:scale(0.8);}