﻿/*初始化*/
@font-face{font-family:'Montserrat';src: url('../Font/Montserrat-Light.ttf');}
@font-face{font-family:'Montserrat-Bold';src: url('../Font/Montserrat-Bold.ttf');}
.italicsfont{font-family:'標楷體', sans-serif;}
.efont{font-family:'Montserrat', sans-serif;}
.efont-bold{font-family:'Montserrat-Bold', sans-serif;}
body{font-family:'微軟正黑體', Arial, sans-serif;line-height:normal;animation:body 3s ease-in-out;-webkit-animation:body 3s ease-in-out;-moz-animation:body 3s ease-in-out;-ms-animation:body 3s ease-in-out;-o-animation:body 3s ease-in-out;}
body.active{overflow:hidden;z-index:1;}
@keyframes body{0%{opacity:0;}100%{opacity:1;}}
@-webkit-keyframes body{0%{opacity:0;}100%{opacity:1;}}
@-moz-keyframes body{0%{opacity:0;}100%{opacity:1;}}
@-ms-keyframes body{0%{opacity:0;}100%{opacity:1;}}
@-o-keyframes body{0%{opacity:0;}100%{opacity:1;}}

@media (min-width: 1200px){
    .container{width:1180px;}
}

li{list-style:none;}
img{height:auto;}
a:hover{text-decoration:none;transition-duration:.8s;-webkit-transition-duration:.8s;-moz-transition-duration:.8s;-o-transition-duration:.8s;}
video{object-fit:cover;font-family:'object-fit:cover;';object-position:100% 100%;}

.form-horizontal .control-label{text-align:left;}
.form-btn{margin:10px 0;text-align:center;}

/*字體*/
.font-bold{font-weight:bold;}

/*IOS 影音按鈕*/
*::-webkit-media-controls-panel {display:none !important;-webkit-appearance:none;}
*::--webkit-media-controls-play-button {display:none !important;-webkit-appearance:none;}
*::-webkit-media-controls-start-playback-button {display:none!important;-webkit-appearance: none;}

/*區塊滑動動畫*/
@keyframes BlockHover{0%{bottom:-600px;opacity:0;}100%{bottom:0;opacity:1;}}
@-webkit-keyframes BlockHover{0%{bottom:-600px;opacity:0;}100%{bottom:0;opacity:1;}}
@-moz-keyframes BlockHover{0%{bottom:-600px;opacity:0;}100%{bottom:0;opacity:1;}}
@-ms-keyframes BlockHover{0%{bottom:-600px;opacity:0;}100%{bottom:0;opacity:1;}}
@-o-keyframes BlockHover{0%{bottom:-600px;opacity:0;}100%{bottom:0;opacity:1;}}

/*回頂端*/
.gotop{position:fixed;bottom:5%;right:10px;z-index:9999;display:none;}
.gotop img{width:100%;}

/*分頁*/
.paging{text-align:center;}
.pagination>li>a, .pagination>li>span{color:#948581;}

/*連結*/
.link a{background:#443732;color:#fff;display:inline-block;padding:5px 10px;border-radius:10px;transition-duration:.6s;-webkit-transition-duration:.6s;-moz-transition-duration:.6s;;-o-transition-duration:.6s;}
.link img{width:15px;height:15px;}
.link a:hover{background:#948581;box-shadow:0 0 1px 0 rgba(0, 0, 0, 0.4), 0 0 1px 5px rgba(0, 0, 0, 0.1), 0 0 1px 10px rgba(0, 0, 0, 0.1);transition-duration:.6s;-webkit-transition-duration:.6s;-moz-transition-duration:.6s;;-o-transition-duration:.6s;transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);}

/*表單*/
.form-block{width:100%;display:inline-block;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;text-align:left;margin:5px auto;}
.form-left{float:left;vertical-align:middle;padding:5px;font-size:1.2em;font-weight:normal;}
.form-input{float:left;padding:5px;border-radius:5px;border:#ddd solid 1px;}
.form-textarea{padding:5px;border-radius:5px;border:#ddd solid 1px;}
.form-button{float:left;}
.form-w20{width:20%;}
.form-w25{width:25%;}
.form-w30{width:30%;}
.form-w50{width:50%;}
.form-w80{width:80%;}
.form-w100{width:100%;}

/*表單按鈕*/
.send{background:#443732;color:#fff;padding:6px 20px;border-radius:10px;}
.send:hover{color:#fff;}

/*頁首標題*/
.public-header{text-align:center;}
.public-header samp{display:block;color:#948581;font-size:1.4em;}

/*返回*/
.public-return{display:block;text-align:center;margin:100px auto;}
.public-return a{padding:30px 10px;border-radius:50px;background:#443732;color:#ddd;font-size:1.1em;transition-duration:.6s;-webkit-transition-duration:.6s;-moz-transition-duration:.6s;;-o-transition-duration:.6s;}
.public-return a:hover{box-shadow:0 0 1px 5px rgba(0, 0, 0, 0.4), 0 0 1px 10px rgba(0, 0, 0, 0.1), 0 0 1px 15px rgba(0, 0, 0, 0.1);transition-duration:.6s;-webkit-transition-duration:.6s;-moz-transition-duration:.6s;;-o-transition-duration:.6s;transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);}
.public-return a img{width:25px;height:25px;margin-right:5px;}

/*標題*/
.title{display:inline-block;font-size:1.4em;font-weight:bold;padding-bottom:20px;border-bottom:#382D2A solid 2px;margin:0;letter-spacing:3px;}

/*共用麵包條*/
.public-bread{margin-top:50px;margin-bottom:30px;}
.public-bread p{margin:0;}
.public-bread span{font-size:1.4em;color:#262525;margin:0 10px;}
.public-bread hr{width:60px;/*background:#382D2A;*/background:none;border:none;height:2px;text-align:left;display:inline-block;margin:0;}

/*頁首*/
.header{/*background:url('../Images/header-bg.jpg') no-repeat;width:100%;height:auto;*/position:relative;background-size:cover;background-attachment:fixed;width:100%;height:auto;z-index:20;background:#fff;}
.header-block{position:relative;top:0;left:0;width:100%;}
.header-block .item{width:100%;overflow:hidden;height:auto;}
.header-block .carousel-control .glyphicon{color:rgba(56, 45 ,42 ,.1);background:none;font-size:1em;border:none;}
.header-block .carousel-indicators{z-index:9;}
.header-block .carousel-indicators li{border:#382D2A solid 1px;}
.header-block .carousel-indicators .active{background:#382D2A;}
.header-block .carousel-control .icon-prev:before{content:'\2039';}
.header-block .carousel-control .icon-next:before{content:'\203a';}
.headerindex{height:676px;}
.headermain{height:138px;background:url('../Images/header-bg.jpg') no-repeat;width:100%;background-attachment:fixed;background-position:center top;background-size:cover;}
.header-content{text-align:center;position:absolute;z-index:1;max-width:800px;top:37%;right:30%;left:30%;}
.header-content figure{color:#382D2A;font-weight:bold;}
.header-content figure img{max-width:100%;opacity:1;/*animation:headercontent 2s ease-in-out 2s forwards;-webkit-animation:headercontent 2s ease-in-out 2s forwards;-moz-animation:headercontent 2s ease-in-out 2s forwards;-ms-animation:headercontent 2s ease-in-out 2s forwards;-o-animation:headercontent 2s ease-in-out 2s forwards;*/}
.header-content figure figcaption{margin:20px auto;display:block;font-size:1.5em;opacity:1;font-weight:block;text-shadow:0 0 1px #382D2A, 1px 2px 2px rgba(150, 129, 84, 0.7);/*animation:headercontent 2s ease-in-out 4s forwards;-webkit-opacity:0;animation:headercontent 2s ease-in-out 4s forwards;-moz-opacity:0;animation:headercontent 2s ease-in-out 4s forwards;-ms-opacity:0;animation:headercontent 2s ease-in-out 4s forwards;-o-opacity:0;animation:headercontent 2s ease-in-out 4s forwards;*/}
.header-content figure p{opacity:1;font-size:1.3em;text-shadow:1px 2px 2px rgba(150, 129, 84, 0.7);/*animation:headercontent 2s ease-in-out 6s forwards;-webkit-animation:headercontent 2s ease-in-out 6s forwards;-moz-animation:headercontent 2s ease-in-out 6s forwards;-ms-animation:headercontent 2s ease-in-out 6s forwards;-o-animation:headercontent 2s ease-in-out 6s forwards;*/}
@keyframes headercontent{0%{opacity:0;top:-100%}100%{opacity:1;top:0;}}
@-webkit-keyframes headercontent{0%{opacity:0;top:-100%}100%{opacity:1;top:0;}}
@-moz-keyframes headercontent{0%{opacity:0;top:-100%}100%{opacity:1;top:0;}}
@-ms-keyframes headercontent{0%{opacity:0;top:-100%}100%{opacity:1;top:0;}}
@-o-keyframes headercontent{0%{opacity:0;top:-100%}100%{opacity:1;top:0;}}

/*上版頭*/
.topblock{position:relative;}
.topmenu{position:absolute;height:60px;padding:10px;right:0;z-index:10;}
.topmenu a{display:block;float:left;display:block;padding:0 5px;}
.logo{float:left;margin-top:10px;}
.logo.active{margin-top:0;transition-duration:.3s;-webkit-transition-duration:.3s;-moz-transition-duration:.3s;-o-transition-duration:.3s;}
.logo img{max-width:264px;height:58px;width:264px;}
/*選單*/
.menu-content.active{margin-top:10px;}
.menu-container{max-width:1200px;margin:0 auto;}

.menu{width:100%;position:absolute;background:url('../Images/menu-bg.jpg') no-repeat;height:78px;z-index:10;background-position:center top;background-size:cover;top:60px;}
.menu-block ul{margin:0;}
.menu.active{position:fixed;top:0;}
.menu-nav{float:right;}
.menu-nav li{float:left;padding:28px 20px;margin:0 10px;position:relative;}
.menu-nav li:nth-child(1) > .submenu{left:-20px;}
.menu-nav li.active{padding:16px;}
.menu-nav li a{display:block;font-size:1.2em;color:#392D2B;}
.menu-nav li .glyphicon{display:none;}
.menu-nav li:hover .submenu{display:block;}
/*子選單*/
.submenu{width:160px;display:none;position:absolute;z-index:10;left:-30px;background:#968154;text-align:center;top:78px;}
.submenu::after{content:'▲';position:absolute;left:70px;top:-18px;color:#968154;line-height:100%;font-size:1.6em;z-index:0;}
.submenu.active{top:68px;}
.submenu ul{padding:0;position:relative;z-index:1;}
.submenu li{padding:0;margin:0;width:100%;border-bottom:rgba(255,255,255,0.3) solid 1px;}
.submenu li.active{padding:0;}
.submenu li a{color:#fff;padding:10px;}
.submenu li .glyphicon{display:block;position:absolute;right:5px;top:16px;transform:rotate(180deg);font-size:0.7em;color:#fff;}
.submenu-ico{width:15px;height:15px;display:none;position:absolute;}
.submenu-arrow{width:10px;height:10px;position:absolute;right:5px;top:40%;}
.submenu li a:hover .submenu-ico{display:block;top:15px;animation:submenuico .8s ease-in-out;-webkit-animation:submenuico .8s ease-in-out;-moz-animation:submenuico .8s ease-in-out;-o-animation:submenuico .8s ease-in-out;}
@keyframes submenuico{0%{opacity:0;}100%{opacity:1;}}
@-webkit-keyframes submenuico{0%{opacity:0;}100%{opacity:1;}}
@-moz-keyframes submenuico{0%{opacity:0;}100%{opacity:1;}}
@-ms-keyframes submenuico{0%{opacity:0;}100%{opacity:1;}}
@-o-keyframes submenuico{0%{opacity:0;}100%{opacity:1;}}
.submenu li a:hover{background:#7e6c47;}
.submenu li:hover .subclassmenu{display:block;}
/*子選單分類*/
.subclassmenu{background:rgba(150, 129, 84, 0.7);display:none;position:absolute;width:180px;top:0;right:-180px;}
.subclassmenu li:hover{background:#7e6c47;}
.subclassmenu li:hover .submenu-ico{animation:submenuico .8s ease-in-out;-webkit-animation:submenuico .8s ease-in-out;-moz-animation:submenuico .8s ease-in-out;-o-animation:submenuico .8s ease-in-out;}
.subclassmenu li:hover .subclasssubmenu{display:block;}
/*子分類選單*/
.subclasssubmenu{background:rgba(150, 129, 84, 0.5);display:none;position:absolute;width:180px;top:0;right:-180px;}
.subclassmenu li:hover{background:#7e6c47;}

/*行動版按鈕*/
.header-btn{display:none;height:auto;vertical-align:middle;z-index:30;position:absolute;top:25px;right:15px;color:#948581;}
.header-btn.active{color:#1A1E2C;}
.header-btn .glyphicon {font-size:2em;}

/*內容*/
.content{background:#fff;background-size:cover;background-attachment:fixed;position:relative;z-index:2;}
.content img{width:100%;height:auto;}
.content-block{width:50%;float:left;}
.content-des{margin:45px 94px;}
.content-des-s{margin:50px 40px 5px 140px}
.content-header samp{font-size:1.2em;color:#948581;font-weight:600;display:block;margin-bottom:5px;}
.content-header h2{margin:0;font-size:1.4em;font-weight:bold;color:#262525;}
.content-header hr{width:60px;/*background:#382D2A;*/background:none;border:none;height:2px;text-align:left;display:inline-block;}
.content-text{letter-spacing:1px;}
.content-text p{font-size:1.2em;margin:0;color:#262525;}
.content-text .link{text-align:right;margin-top:10px;margin-right:20px;}
.content-text .link img{width:15px;height:15px;vertical-align:middle;margin-left:5px;}
.content-info{margin:30px;}
.content-info p{font-size:1.2em;color:#262525}

.scroll{height:auto;width:100%;background-attachment:fixed;background-size:cover;position:relative;z-index:2;background:#fff;}

/*最新消息*/
.news{position:relative;height:100%;background:url('../Images/news.gif') no-repeat;width:100%;background-attachment:fixed;background-size:1920px;overflow:hidden;background-position-x:-5px;}
/*.news-video{width:1920px;height:100%;position:fixed;left:-5px;top:0;z-index:-5;}*/
.news-header{/*margin-bottom:100px;*/margin:100px auto;text-align:center;}
.news-content{background:rgba(255,255,255,0.3);width:100%;height:auto;margin:50px auto;padding:50px 0}
.news-block{max-width:900px;margin:0 auto;}
.news-block .carousel-control.left, .news-block .carousel-control.right{background-image:none;}

/*輪播切換*/
.carousel-control .glyphicon{background:rgba(0,0,0,0.5);font-size:1em;width:45px;height:45px;line-height:2.4em;}
.slides-block{max-width:600px;margin:0 auto;}
.slide-content{padding:5px 30px;}
.slide-content h3{font-size:1.2em;color:#1A1E2C;font-weight:600;margin:5px 0;}
.slide-content time{font-size:0.9em;color:#D29F41;margin-bottom:20px;display:block;font-weight:bold;}
.slide-content p{font-size:1.15em;}

/*客製研發*/
.research{background-image:#fff;padding:80px 0;position:relative;background-size:cover;background-attachment:fixed;z-index:1;}
.research figure{text-align:center;}
.research-block{position:absolute;top:20%;left:30%;right:30%;text-align:center;}
.research-block .title{margin-top:20px;}
.research-block-des{margin:50px auto;}
.research-block-des p{margin:10px 0;font-size:1.2em;letter-spacing:1.2px;}

/*服務項目*/
.services{background-image:url('../Images/research.png');z-index:1;background-repeat:no-repeat;margin:50px auto;height:600px;width:800px;}
.services-block{position:absolute;top:10%;left:30%;right:30%;text-align:center;}
.services-block .title{margin-top:20px;}
.services-block-des{margin:50px auto;}
.services-block-des p{margin:10px 0;font-size:1.2em;letter-spacing:1.2px;}
.services-link{font-size:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;}
.services-link-block{display:inline-block;width:50%;text-align:center;position: relative;}
.services-link-block:nth-child(1)::before{content:'';background-image:url('../Images/line.jpg');width:10px;height:152px;position: absolute;left:48.5%;top:-151px;}
.services-link-block:nth-child(2)::after{content:'';background-image:url('../Images/line.jpg');width:10px;height:154px;position: absolute;right:48.5%;bottom:-153px;}
.services-link-block img{text-align:center;}

/*合作案例*/
.case{background:url('../Images/case-bg.jpg') no-repeat;width:100%;height:auto;position:relative;background-attachment:fixed;background-size:cover;}
.case-block{padding:50px 0;text-align:center;}
.case-content{margin-top:50px;text-align:center;padding:0 100px;}
.case-content a{display:block;margin-bottom:20px;}
.case-content figure{max-width:400px;margin:0 auto;overflow:hidden;position:relative;}
.case-content figure img{width:100%;}
.case-content figure:hover .case-content-block{bottom:0;animation:casecontent .3s ease-in-out;-webkit-animation:casecontent .3s ease-in-out;-moz-animation:casecontent .3s ease-in-out;-o-animation:casecontent .3s ease-in-out;}
@keyframes casecontent{0%{bottom:-80%;}100%{bottom:0;}}
@-webkit-keyframes casecontent{0%{bottom:-80%;}100%{bottom:0;}}
@-moz-keyframes casecontent{0%{bottom:-80%;}100%{bottom:0;}}
@-ms-keyframes casecontent{0%{bottom:-80%;}100%{bottom:0;}}
@-o-keyframes casecontent{0%{bottom:-80%;}100%{bottom:0;}}
.case-content figure:hover figcaption{margin-top:80px;}
.case-content figure:hover .case-content-block p{display:block;}
.case-content-block{position:absolute;bottom:-80%;width:100%;height:100%;background:rgba(0,0,0,0.7);}
.case-content-block p{color:#fff;max-width:250px;margin:20px auto;text-align:center;font-size:1.2em;display:none;}
.case-content figure figcaption{font-size:1.4em;color:#fff;padding:15px 0;font-weight:600;}

/*產品資訊*/
.productinfo{background:#fff;padding:50px 0 60px;background-size:cover;background-attachment:fixed;position:relative;z-index:2;}
.productinfo-content{margin:20px auto 40px;text-align:center;max-width:750px;}
.productinfo-block{width:100%;display:flex;flex-flow:row wrap;flex:auto;align-items:center;margin:10px auto;align-content:center;}
.productinfo-block-des{flex-grow:2;height:237px;background:#F3E487;width:36%;
    background:-moz-linear-gradient(left, #CE9C52 0%, #F3E487 70%, #eec676 100%);
    background:-webkit-linear-gradient(left, #CE9C52 0%,#F3E487 70%, #eec676 100%); 
    background:linear-gradient(to right, #CE9C52 0%,#F3E487 70%, #eec676 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#CE9C52', endColorstr='#F3E487',GradientType=1 );}
.productinfo-block-img{flex-grow:8;height:237px;width:64%;}
.productinfo-logo{width:80px;margin-top:20px;margin-left:auto;margin-right:auto;}
.productinfo-logo img{width:100%;}
.formula{background:url('../Images/formula.jpg') no-repeat;}
.footty{background:url('../Images/footty.jpg') no-repeat;}
.nutrientplus{background:url('../Images/nutrientplus.jpg') no-repeat;}
.rosegen{background:url('../Images/rosegen.jpg') no-repeat;}
.productinfo-block-img img{width:100%;}


/*合作洽詢*/
.findus{background:url('../Images/findus-bg.jpg') no-repeat;width:100%;height:auto;padding:15px 0;background-size:cover;background-attachment:fixed;position:relative;z-index:2;}
.findus-block{background:rgba(255,255,255,0.5);padding:40px 0;text-align:center;}
.findus-content{margin-top:40px;padding:0 40px;}
.findus-content p{font-size:1.2em;color:#382D2A;text-align:left;}
.findus-content iframe{width:100%;height:304px;border:none;}

/*頁尾*/
.footer{width:100%;clear:both;position:relative;z-index:2;}
.footer-menu{background:url('../Images/menu-bg.jpg');width:100%;padding:40px 0;}
.footer-menu ul{padding:0;}
.footer-menu li{float:left;width:15.8%;text-align:center;}
.footer-menu li:nth-child(1){text-align:left;width:10%;}
.footer-menu li:nth-child(7){text-align:right;width:10%;}
.footer-menu li a{color:#382D2A;display:block;font-size:1.2em;font-weight:600;padding:5px 20px;border-right:#382D2A solid 1px;}
.footer-menu li:nth-child(1) a{padding-left:0;}
.footer-menu li:nth-child(7) a{border-right:none;padding-right:0;}
.footer-submenu{margin-top:10px;}
.footer-submenu ul{padding:0;}
.footer-submenu li{padding:0 0 5px;float:none;display:block;width:100%;margin:0;text-align:center;}
.footer-submenu li:nth-child(1), .footer-submenu li:nth-child(7){text-align:center;width:100%;}
.footer-submenu li a{border:none;font-size:1em;padding:0;}
.footer-submenu li a:hover{text-decoration:underline;}
.footer-company{padding:30px 0;background:#382D2A;text-align:center;}
.footer-company p, .footer-company samp{color:#fff;font-size:1.2em;}
.footer-company-menu{width:160px;margin:0 auto;display:inline-block;}
.footer-company-menu a{float:left;}
.footer-company-text{clear:both;text-align:right;}
.footer-company-text a{color:#fff;}
.footer-copyright{background:#1D1716;}
.footer-copyright a{color:#fff;}
.footer-copyright p{padding:15px;color:#fff;text-align:center;margin-bottom:0;}

/*麵包條*/
.bread{background:#fff;padding:26px 0;box-shadow:0 0 10px 0 #999;width:100%;position:relative;min-height:72px;max-height:80px;}
.bread-title{float:left;}
.bread-title h1{font-size:1.4em;font-weight:bold;margin:0;}
.bread-tag{float:right;}
.bread-tag a{color:#382D2A;margin:0 5px;}
.bread-tag a:hover{text-decoration:underline;}

/*主版型*/
.main{background:#fff;min-height:300px;}
.main .carousel-control.left, .main .carousel-control.right{background-image:none;}
.main-left{width:65%;float:left;}
.main-left figure img{width:100%;}
.main-right{width:35%;float:right;}
.main-right figure img{width:100%;}
.main-img{margin-bottom:50px;}
.main-info{margin:45px 0 0 45px;}
.main-info p{font-size:1.2em;color:#262525;letter-spacing:1.5px;}
.main-header{margin:50px 166px 0;}
.main-content{padding:20px 50px;}
.main-block{border-bottom:#ddd solid 2px;margin-top:20px;}
.main-block:nth-child(14){border:none;}
.main-content time{color:#262525;font-size:1.4em;font-weight:bold;text-align:left;}
.main-content-p{color:#595757;font-size:1.2em;display:block;margin-bottom:20px;letter-spacing:1.2px;}

/*經營理念*/
.belief{background:url('../Images/aboutus-bg.jpg') no-repeat;width:100%;background-size:cover;margin-top:50px;padding:80px 0;text-align:center;}
.belief-content{margin-top:40px;}
.belief-content p{font-size:1.2em;color:#392C2B;letter-spacing:1.2px;}

/*環境設施*/
.equipment{text-align:center;padding:80px 0;}

/*專利與品質認證*/
.certification{background:url('../Images/certification-bg-1.jpg') no-repeat;width:100%;text-align:center;padding:80px 0;}
.certification-content{margin:30px 30px 60px;}
.certification-content p{font-size:1.2em;color:#595757;letter-spacing:1.2px;}
.certification-content figure img{max-width:100%;}
.certification-img{max-width:600px;margin-top:80px;margin-right:auto;margin-left:auto;text-align:center;}
.certification-img figure{margin-bottom:10px;}
.certification-img .content-header{margin-bottom:30px;text-align:center;}
.certification-tag{padding:10px 0;margin:20px auto;}
.certification-tag h3{display:block;text-align:center;font-size:1.2em;color:#595757;font-size:1.2em;position:relative;}
.certification-tag h3 img{width:20px;height:20px;margin:0 5px;}
.certification-block{text-align:center;margin-top:20px;}
.certification-block figcaption{padding:10px;color:#595757;font-size:1.2em;}
.certification-block div{margin-bottom:20px;}

/*得獎聲明*/
.statement{background:url('../Images/statement-bg.jpg');width:100%;text-align:center;padding:50px 0;}
.statement-content{max-width:800px;text-align:center;margin:50px auto 0;}
.statement-block{float:left;}
.statement-block:nth-child(1){width:65%;}
.statement-block:nth-child(2){width:35%;}

/*品質*/
.quality{background:url('../Images/certification-bg.jpg');width:100%;text-align:center;padding:50px 0;}

/*聯絡我們*/
.contact{margin:50px auto;padding:0 60px;}
.contact-des{color:#B9AA83;font-size:1.2em;font-weight:bold;}
.contact-block{margin-top:50px;color:#443732;}
.contact-block label{font-size:1.2em;font-weight:normal;}
.contact-block p{font-size:1.2em;}
.contact-block .glyphicon{margin-right:10px;font-size:0.8em;vertical-align:middle;}
.contact-block iframe{width:100%;border:none;height:316px;}

/*技術新知*/
.researchpage{max-width:1060px;margin:0 auto;}
.researchpage .public-bread hr{margin-left:10px;}
.researchpage-header{padding-bottom:10px;border-bottom:#DBDBEA solid 1px;margin-bottom:20px;}
.researchpage-header time{font-size:1.1em;color:#948581}
.researchpage-header h1{font-size:1.4em;color:#262525}
.researchpage-content{margin:40px 10px 120px 10px;box-shadow:0 0 30px 0 #CCC6C4;padding:50px 40px;border-radius:5px;}
.researchpage-content p{color:#262525;font-size:1.2em;margin-bottom:0;}
.researchpage-content img{width:100%;}
.researchpage-img{margin-top:80px;padding:0 50px;}
.researchpage-img figure{margin-bottom:50px;}
.researchpage-img img{width:100%;}

/*產品分類*/
.productpage{max-width:1060px;margin:0 auto;min-height:950px;}
.productpage .public-bread span{margin:0;}
.productpage .public-bread hr{margin-left:0;}
.productpage-content{margin-bottom:100px;}
.productpage-content figure{text-align:center;}
.productpage-content figure img{max-width:100%;}
.productpage-content figcaption{font-size:1.4em;text-align:left;padding:5px 0;color:#262525;}
.productpage-content a{text-decoration:none;display:block;cursor:pointer;margin:10px 0;}
.productpage-content a:hover .productpage-bg{animation:productpage .3s ease-in-out;-webkit-animation:productpage .3s ease-in-out;-moz-animation:productpage .3s ease-in-out;-o-animation:productpage .3s ease-in-out;top:0;}
@keyframes productpage{0%{opacity:0;}100%{opacity:1;}}
@-webkit-keyframes productpage{0%{opacity:0;}100%{opacity:1;}}
@-moz-keyframes productpage{0%{opacity:0;}100%{opacity:1;}}
@-ms-keyframes productpage{0%{opacity:0;}100%{opacity:1;}}
@-o-keyframes productpage{0%{opacity:0;}100%{opacity:1;}}
.productpage-content a:hover figcaption{color:#7e6c47;font-weight:block;}
.productpage-content a:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transition:all .3s ease-out .3s;-webkit-transition:all .3s ease-out .3s;-moz-transition:all .3s ease-out .3s;-ms-transition:all .3s ease-out .3s;-o-transition:all .3s ease-out .3s;}
.productpage-des{padding:0;}
.productpage-des h3{font-weight:600;}
.productpage-des img{max-width:100%;}
.productpage-des p{font-size:1.2em;letter-spacing:1px;}
.productpage-text{padding:10px;}
.productpage-block{position:relative;overflow:hidden;}
.productpage-block > img{width:100%;}
.productpage-bg{position:absolute;width:100%;height:100%;background:rgba(0,0,0,0.3);z-index:1;}
.productpage-bg img{width:40px;height:40px;position:absolute;top:45%;bottom:45%;left:43%;right:43%}

/*最新消息列表*/
.newspage{max-width:1060px;margin:0 auto;min-height:850px;padding:30px 0;}
.newspage figure img{width:100%;}
.newspage .public-bread{margin-top:30px;}
.newspage .public-bread span{margin:0;}
.newspage .public-bread hr{margin-left:0;}
.newspage > hr{margin-top:60px;}
.newspage-content{margin:50px auto;box-shadow:0 0 5px 0 #ddd;padding:10px;}
.newspage-content figure img{width:100%;}
.newspage-block{margin-left:10px;position:relative;}
.newspage-block time{color:#948581;font-size:1.1em;}
.newspage-block h3{font-size:1.4em;margin:10px 0;}
.newspage-block p{margin:0;font-size:1.2em;}
.newspage-block .public-return{display:inline-block;position:absolute;margin:0;right:0;top:23%;bottom:23%;}
.newspage-block .public-return a{display:block;padding:30px 14px;font-size:1em;}
.newspage-block .public-return a img{margin-left:5px;margin-right:0;width:20px;height:20px;}

/*Milky Foot*/
.milkyfoot figure{text-align:center;width:100%;}
.milkyfoot figure img{max-width:100%;}
.milkyfoot-content{position:relative;}
.milkyfoot-img{background:#F3F3F5;height:690px;width:100%;margin-top:20px;padding:30px;}
.milkyfoot-img figure{text-align:center;margin-top:30px;}
.milkyfoot-img figure img{max-width:100%;}
.milkyfoot-block{padding-top:500px;min-height:750px;}

/*feoncall*/
.feoncall{text-align:center;}
.feoncall h3{font-size:1.6em;font-weight:bold;margin-bottom:50px;}
.feoncall-title{margin-top:70px;}
.feoncall p{font-size:1.2em;margin-bottom:30px;letter-spacing:1.2px;}
.feoncall figure{margin-bottom:35px;}
.feoncall .figure img{max-width:100%;}
.feoncall-block{background:#ECECFB;padding:40px 0;text-align:center;}
.feoncall-block p{font-size:1.2em;margin-bottom:30px;letter-spacing:1.2px;}
.feoncall-figure{margin-top:70px;}
.feoncall-figure img{max-width:40%;}
.feoncall-list{display:inline-block;width:100%;}
.feoncall-list-block{display:block;float:left;width:18%;margin:0 1%;padding:5px;text-align:center;margin-bottom:20px;cursor:pointer;min-height:200px;}
.feoncall-list-block figure{box-shadow:0 0 0 1px #ddd;}
.feoncall-list-block img{max-width:100%;min-height:144px;}
.feoncall-list-block span{font-size:1.2em;padding:10px 0;display:block;text-align:left;color:#262525}
.feoncall-img{width:100%;height:100%;position:fixed;background:rgba(0,0,0,0.7);z-index:20;padding:100px;top:0;left:0;display:none;}
.feoncall-img .carousel .carousel-control.left, .feoncall-img .carousel .carousel-control.right{background:none;}
.feoncall-img.active{display:block;}
.feoncall-img-header{margin-bottom:80px;position:relative;}
.feoncall-img-header .glyphicon{font-size:1.6em;color:#fff;position:absolute;right:0;}
.feoncall-img-slide{max-width:800px;margin:0 auto;background:#fff;text-align:center;padding:30px 0;}
.feoncall-img-slide figure img{max-width:100%;}

/*品牌介紹*/
.brandpage{margin-bottom:50px;}
.brand{border:#ddd solid 1px;padding:20px;}
.brand h4{font-size:1.2em;font-weight:bold;margin:30px 0;}
.brand p{font-size:1.2em;margin-bottom:0;}
.brand figcaption{font-size:1.4em;font-weight:600;}
.brand figure{text-align:center;}
.brand figure img{max-width:100%;}
.brandpage-block{max-width:1050px;margin:0 auto;}
.brandpage-block .public-bread{text-align:center;}
.brandpage-block .public-bread span{margin:0;padding:0 10px;position:relative;display:block;}
/*.brandpage-block .public-bread span::after{content:'';width:420px;height:2px;background:#382D2A;position:absolute;top:12px;right:5px;}
.brandpage-block .public-bread span::before{content:'';width:420px;height:2px;background:#382D2A;position:absolute;top:12px;left:5px;}*/
.brand-content{width:100%;}
.formula-bg{background:url('../Images/formula-bg.jpg') no-repeat;}
.brand-bg{background:url('../Images/baran-bg.jpg') no-repeat;}
.brand-content figure{text-align:center;margin-bottom:20px;}
.brand-content figure img{max-width:100%;}

/*IE 10+*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    body{animation:none;}

    /*最新消息*/
    .news{overflow:hidden;}
	.news-video{height:auto;margin:auto;min-height:50%;min-width:100%;width:1920px;}
    .news-content{padding:38px 0;}

    /*合作洽詢*/
    .findus-content iframe{height:296px;}

    /*聯絡我們*/
    .contact-block iframe{height:310px;}
}

@media only screen and (max-width:1600px){
    .header-content{left:20%;right:20%;}
}

@media only screen and (max-width:1599px){
    .header-content{left:25%;right:25%;}
}

@media only screen and (max-width:1480px){
    .header-content{left:22%;right:22%;}
    .header-block .item{background-position:50% 50%;background-size:cover;height:auto;}

    /*子分類選單*/
    .subclasssubmenu{left:-180px;background:rgba(150, 129, 84, 1);box-shadow:0 0 10px 0 #fff;}
}


@media only screen and (max-width:1200px){
    .container{width:96%;margin:0 2%;}

    /*選單*/
    .menu-nav{margin-right:20px;}
    .menu-nav li{padding:28px 14px;margin:0;}
    .menu-nav li:nth-child(1) > .submenu{left:-34px;}
    .menu-nav li.active{padding:18px 14px;}
    .logo{margin-left:20px}
    .submenu{left:-50%;}
    .submenu li, .submenu li.active{padding:0;}

    /*最新消息*/
    .news{background-size:cover;background-position:20%;background-attachment:unset;height:620px;}

    /*輪播切換*/
    .slides-block .item figure{text-align:center;}

    /*內容*/
    .content-des{margin:10px 20px;}
    .content-des-s{margin:50px;}

    /*主版型*/
    .main-info{margin:20px 10px 10px;}

    .main-header{margin:50px 140px 0;}

    /*Milky Foot*/
    .milkyfoot-img{padding:0;}
    .milkyfoot-block {padding-top:300px;min-height:auto;}

    /*專利與品質認證*/
    .certification{background-size:cover;}
    /*.certification-tag h3::after{width:40%;}
    .certification-tag h3::before{width:40%;}*/

    /*品牌介紹*/
    /*.brandpage-block .public-bread span::after{width:38%;}
    .brandpage-block .public-bread span::before{width:38%;}*/

    /*feoncall*/
    .feoncall-list-block{min-height:220px;}

    .form-block .form-w20{width:22%;}
    .form-block .form-w30{width:28%;}
    .form-block .form-w80{width:78%;}
}


/* iPhone / mobile webkit */
@media screen and (max-device-width: 1480px) {
    .form-input{-webkit-appearance:none;background:#fff;}
    /*最新消息*/
    .news{background:url('../Images/news.jpg') no-repeat;background-size:cover;background-position-x:15%;}
}

/* iPhone / mobile webkit */
@media screen and (max-device-width: 1024px) {
    .submenu::after{top:-18px;}
}

@media only screen and (max-width:1024px) {
    video{object-position:inherit;}

    /*選單*/
    .submenu li{margin:0;}
    .submenu li, .submenu li.active{padding:0;}

    .header-content{left:10%;right:10%;}

    /*.news{background:url('../Images/news-bg.jpg') no-repeat;height:auto;}*/
    /*最新消息*/
    .news-video{width:100%;}

    .newspage-block time{margin-top:20px;display:block;}
    .newspage-block .public-return a{padding:25px 10px;font-size:1em;border-radius:50px;}
    .newspage-block .public-return a img{width:15px;height:15px;}
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (max-width:966px) {
    .header-video{left:-50%;}
    .news-video{left:-50%;}
}

@media screen and (min-width:967px) and (max-width:1024px)
{
    .news-content{margin:0 auto;padding:10px 0;}
    .research-block{right:20%;left:20%;}
    .findus-content{padding:0 20px;}
}

@media only screen and (max-width:966px) {
    .container{width:95%;margin:0 2.5%;}
    
    html,body{height:100%;}

    .form-left{text-align:left;}

    .scroll{background-attachment:initial;background-size:initial;background:none;}

    /*頁首*/
    .header{overflow:initial;}
    .header.headerindex{height:auto;}
    .header-content{right:5%;left:5%;top:35%;}
    .header-content figure img{max-width:50%;}

    /*logo*/
    .logo{margin:10px 15px;}
    .logo.active{margin:6px auto;}

    /*上版頭*/
    .top{background:#382D2A;}
    .topmenu{float:none;width:100%;text-align:center;position:relative;}
    .topmenu a{width:10%;text-align:center;float:none;display:inline-block;}

    /*選單*/
    .menu{position:relative;top:0;}
    .menu-bg{position:fixed;background:rgba(0,0,0,.3);width:100%;height:100%;display:none;z-index:8;overflow:hidden;top:0;left:0;}
    .menu-bg.show{display:block;height:100vh;}
    .menu-content.active{margin-top:5px;}
    .menu-nav{display:none;margin-top:10px;margin-right:0;}
    .menu-nav.show{display:block;position:absolute;right:0;top:78px;overflow-y:auto;overflow-x:hidden;z-index:3;height:100vh;width:180px;margin-top:0;}
    .menu-nav.active{top:78px;}
    .menu-block{width:180px;right:0;background:#382D2A;box-shadow:0 5px 20px 0 #333;height:200vh;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:auto;position:absolute;}
    .menu-nav ul{padding:0;}
    .menu-nav li{width:100%;margin:0;/*padding:14px 8px;*/padding:0;border-bottom:rgba(255, 255, 255, .3) solid 1px;text-align:center;}
    .menu-nav li a{color:#fff;font-size:1.1em;font-weight:600;display:inline-block;padding:14px 8px;}
    .menu-nav li.active{padding:0;}
    .menu-nav li .glyphicon{display:inline-block;color:#fff;position:absolute;top:0;line-height:49px;padding:0;width:40px;right:0;z-index: 1;border-left:rgba(255,255,255,0.3) solid 1px;pointer-events:visibleFill}
    .menu-nav li:hover span{transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);}
    .menu-nav li:hover .submenu{display:inline;}
    .submenu{padding:0;margin:0;width:100%;position:static;}
    .submenu::after{top:30px;left:40%;right:40%;}
    .submenu.show{display:block};
    .submenu ul{margin:0;padding:0;width:100%;}
    .submenu li{background:#d3c7c2;padding:0;}
    .submenu li a{color:#000;font-weight:normal;display:inline-block;}
    .submenu li .glyphicon{color:#382D2A;top:0;border-left:#ddd solid 1px;}
    .submenu li a:hover{color:initial;background:none;}
    .submenu li a:hover .submenu-ico{display:none;top:0;left:0;animation:none;-webkit-animation:none;-moz-animation:none;-o-animation:none;}
    .submenu li a:hover .glyphicon{transform:rotate(270deg);-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);}
    /*子選單分類*/
    .subclassmenu{position:static;width:100%;overflow-x:hidden;overflow-y:auto;}
    .subclassmenu ul{margin:0;padding:0;}
    .subclassmenu li{background:#dbd1ce;}
    .subclassmenu li:hover{background:none;}
    .subclassmenu li:hover .submenu-ico{animation:none;-webkit-animation:none;-moz-animation:none;-o-animation:none;}

    .header-block .item{height:auto;}

    /*子分類選單*/
    .subclasssubmenu{width:100%;position:static;}
    .subclasssubmenu li{background:#e9e2e0;}

    /*行動裝置按鈕*/
    .header-btn{display:block;right:40px;}

    /*麵包條*/
    .bread-title{margin-left:0;}
    .bread-tag{margin-right:0;}

    /*內容*/
    .content-block{width:100%;float:none;}
    .content-des{margin:50px;}
    .content-text .link{text-align:center;margin-right:0;}

    /*最新消息*/
    .news{background:url('../Images/news.jpg') no-repeat;background-size:cover;background-position-x:15%;}
    .news-header{margin:20px auto;padding:20px 0;}
    .news-header img{max-width:100%;}
    .news-block{width:100%;}
    .news-content{margin:15px auto;padding:30px 0;}

    /*最新消息分類*/
    .newspage-block .public-return{top:0;}

    /*輪播切換*/
    .carousel-inner .item figure{text-align:center;margin-bottom:10px;}
    .carousel-inner .item figure img{max-width:100%;}
    .carousel-inner .item .link{text-align:center;}
    .slides-block{width:100%;}
    .slide-content{padding:0 40px;}
    .slide-content h3, .slide-content time{text-align:center;}

    /*客製研發*/
    .research{height:450px;padding:20px;margin:20px auto;border-image:url('../Images/research.png') 0 0 stretch;-webkit-border-image:url('../Images/research.png') 0 0 stretch;-moz-border-image:url('../Images/research.png') 0 0 stretch;-ms-border-image:url('../Images/research.png') 0 0 stretch;-o-border-image:url('../Images/research.png') 0 0 stretch;}
    .research-block{left:0;right:0;top:16%;}
    .research figure img{display:none;}
    .research-block-des{margin:0 auto;}
    .research .link{margin-top:10px;}

    /*服務項目*/
    .services{background-image:none;height:auto;width:100%;margin:0;}
    .services .services-block{position:relative;margin-top:20px;top:0;left:0;right:0;}
    .services .services-block .content-header hr{display:none;}
    .services-link-block{padding:5%;}
    .services-link-block:nth-child(1)::before{background-image:none;}
    .services-link-block:nth-child(2)::after{background-image:none;}
    .services-link-block img{width:100%;}

    /*合作案例*/
    .case{display:inline-block;}
    .case-block{padding:70px 0;}
    .case-content{margin-top:20px;padding:10px 0;}
    .case-content figure{max-width:auto;}
    .case-content figure img{width:100%;}
    .case-content-block{bottom:-80%;}

    /*產品資訊*/
    .formula{background-position-x:70%;}
    .nutrientplus{background-position-x:10%;}
    .rosegen{background-position-x:15%;}

    /*產品分類*/
    .productpage-bg img{left:45%;}
    .productpage .row .col-xs-12{width:50%;}

    /*合作洽詢*/
    .findus{background-size:cover;}
    .findus-content{padding:0 10px;}

    /*頁尾*/
    .footer-menu{display:none;}
    .footer-menu li{width:50%;float:left;}
    .footer-menu li:nth-child(1), .footer-menu li:nth-child(7){width:50%;text-align:center;}
    .footer-menu li:nth-child(1) a, .footer-menu li:nth-child(7) a{padding:0;}
    .footer-menu li:nth-child(odd) a{border:none;}
    .footer-menu li:nth-child(even) a{border:none;}
    .footer-submenu{width:100%;height:50px;}

    /*主版型*/
    .main-left, .main-right{width:100%;float:none;}
    .main-header{margin:30px 10px 0;}
    .main-content{padding:20px 10px;}

    /*Milky Foot*/
    .milkyfoot-block{padding-top:0;min-height:auto;}
    .milkyfoot-img{min-height:400px;}
    .milkyfoot-img figure img{width:100%;max-width:600px;overflow:hidden;}

    /*專利與品質認證*/
    .content-header{text-align:center;}
    /*.certification-tag h3::after{width:40%;}
    .certification-tag h3::before{width:40%;}*/

    /*品牌介紹*/
    .brand-content{min-height:auto;padding-bottom:0;}
    .brand-bg{background-size:cover;background-position:50% 50%}
    .formula-bg{background-size:cover;background-position:50% 50%}

    /*feoncall*/
    .feoncall-list-block{width:48%;}
    .feoncall-list-block span{text-align:center;}
    .feoncall-img{padding:10px;}
    .feoncall-figure img{max-width:100%;}

    /*表單按鈕*/
    .send{margin-top:20px;}

    /*聯絡我們*/
    .contact{padding:0 20px;}

    /*品牌介紹*/
    /*.brandpage-block .public-bread span::after{width:30%;}
    .brandpage-block .public-bread span::before{width:30%;}*/

    /*表單*/
    .form-w20{width:100%;}
    .form-w25{width:10%;}
    .form-w30{width:100%;}
    .form-w50{width:100%;}
    .form-w80{width:100%;}
    .form-w100{width:100%;}
}

@media only screen and (max-width:480px) {
    /*頁首*/
    .header-content{right:5%;left:5%;}
    .header-video{object-fit:cover;}
    .header-block{}
    .headerindex{height:auto;}

    /*logo*/
    .logo{margin:10px 0;}

    /*上版頭*/
    .topmenu a{width:25%;text-align:center;float:left;display:block;}

    /*最新消息*/
    .news-block{width:100%;}
    .news-video{height:100%;left:20%}

    /*麵包條*/
    .bread{padding:18px 0;}
    .bread-title{float:none;}
    .bread-tag{float:none;}
    .bread-tag a:nth-child(1){margin-left:0;}

   /*行動裝置按鈕*/
    .header-btn{top:33%;right:15px;}

    /*內容*/
    .content-des{margin:40px 0;}

    /*產品資訊*/
    .productinfo{display:inline-block;width:100%;padding:50px 0;}
    .productinfo-block{flex-flow:column wrap;flex:auto;}
    .productinfo-block-des{flex-grow:10;width:100%;}
    .productinfo-block-img{flex-grow:10;order:1;width:100%;}
    /*.productinfo-block{clear:both;height:auto;display:inline-block;width:100%;}
    .productinfo-logo{margin:0 auto;}
    .productinfo-block-des{width:100%;padding:30px 0;}
    .productinfo-block-img{width:100%;}*/
    .formula{background-position-x:95%;}
    .nutrientplus{background-position-x:10%;}
    .rosegen{background-position-x:15%;}

    /*頁尾*/
    .footer-menu li{width:100%;float:left;}
    .footer-menu li:nth-child(1), .footer-menu li:nth-child(7){width:100%;text-align:center;}
    .footer-menu li:nth-child(1) a, .footer-menu li:nth-child(7) a{padding:0;}
    .footer-submenu{height:auto;}

    /*主版型*/
    .main-header{margin:30px auto 0;text-align:center;}
    .main-content{padding:10px 0;}

    /*Milky Foot*/
    .milkyfoot-img{height:auto;}
    .milkyfoot-img figure img{max-width:100%;}

    /*產品分類*/
    .productpage-bg img{top:40%;bottom:40%;width:30px;height:30px;}
    .productpage .row .col-xs-12{width:100%;}

    /*技術新知*/
    .researchpage-content{padding:10px;}
    .researchpage-img{margin-top:20px;padding:0px;}

    /*feoncall*/
    .feoncall-list-block{width:98%;min-height:auto;}
    .feoncall-img{padding:20px 0;}
    .feoncall-img-header{margin-bottom:40px;}

    /*客製研發*/
    .research{border-image:none;-webkit-border-image:none;-moz-border-image:none;-ms-border-image:none;-o-border-image:none;}
    .research-block{top:10%;}


    /*服務項目*/
    .services-link{display:block;}
    .services-link-block{padding:0;width:100%;display:block;padding:5% 20%;}
    .services-link-block:hover{background:transparent;}
    .services-link-block img{width:100%;}

    /*合作案例*/
    .case-content-block{bottom:-78%;}
    .case-content figure:hover figcaption{margin-top:40px;}
    .case-content-block p{margin:10px auto;}

    /*輪播切換*/
    .carousel-inner{bottom:0;}

    /*聯絡我們*/
    .contact{padding:0;}

    /*專利與品質認證*/
    .certification-content{margin:30px 0;}
    /*.certification-tag h3::after{width:30%;}
    .certification-tag h3::before{width:30%;}*/

    /**/
    .main-info{margin:20px 0 10px}

    /*品牌介紹*/
    /*.brandpage-block .public-bread span::after{width:18%;}
    .brandpage-block .public-bread span::before{width:18%;}*/


    .form-block .form-w20{width:100%;}
    .form-block .form-w30{width:100%;}
    .form-block .form-w80{width:100%;}
}

@media all and (orientation:landscape) and (max-width:1200px) {
    /*feoncall*/
    .feoncall-img{padding:10px;overflow-y: auto;overflow-x:hidden;}
    .feoncall-img-header{margin-bottom:20px;}
    .feoncall-img-slide{margin:0 auto;padding:10px 0;}
}

@media all and (orientation:landscape) and (max-width:966px) {
    /*feoncall*/
    .feoncall-img-slide{max-width:540px;}
}

@media all and (orientation:landscape) and (max-width:480px) {
    /*feoncall*/
    .feoncall-img-slide{max-width:300px;}
}