.overlay{position:fixed;background:#003d7e;top:0;left:0;width:50%;height:0;opacity:0;visibility:hidden;-webkit-transition:opacity .35s,visibility .35s,height .35s;transition:opacity .35s,visibility .35s,height .35s;overflow:hidden;z-index:99}.overlay a{display:inline-block;position:relative;text-align:center;color:#FF5252;text-decoration:none;font-size:20px;overflow:hidden;top:5px}.overlay a:after{content:'';position:absolute;background:#003d7e;height:2px;width:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);left:50%;bottom:0;-webkit-transition:.35s ease;transition:.35s ease}.overlay a:hover:after,.overlay a:focus:after,.overlay a:active:after{width:100%}.button_container{position:fixed;height:27px;width:30px;cursor:pointer;z-index:100;-webkit-transition:opacity .25s ease;transition:opacity .25s ease;z-index:999;display:none}.button_container:hover{opacity:.7}.button_container.active .top{-webkit-transform:translateY(11px) translateX(0) rotate(45deg);transform:translateY(11px) translateX(0) rotate(45deg);background:#FFF}.button_container.active .middle{opacity:0;background:#FFF}.button_container.active .bottom{-webkit-transform:translateY(-11px) translateX(0) rotate(-45deg);transform:translateY(-11px) translateX(0) rotate(-45deg);background:#FFF}.button_container span{background:#efefef;border:none;height:2px;width:100%;position:absolute;top:0;left:0;-webkit-transition:all .35s ease;transition:all .35s ease;cursor:pointer}.button_container span:nth-of-type(2){top:11px}.button_container span:nth-of-type(3){top:22px}.overlay.open{opacity:1;visibility:visible;height:100%}.overlay.open li{-webkit-animation:fadeInRight .5s ease forwards;animation:fadeInRight .5s ease forwards;-webkit-animation-delay:.35s;animation-delay:.35s}.overlay.open li:nth-of-type(2){-webkit-animation-delay:.4s;animation-delay:.4s}.overlay.open li:nth-of-type(3){-webkit-animation-delay:.45s;animation-delay:.45s}.overlay.open li:nth-of-type(4){-webkit-animation-delay:.5s;animation-delay:.5s}.overlay nav{position:relative;height:50%;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:32px;font-family:'微軟正黑體';font-weight:400;text-align:center}.overlay ul{list-style:none;padding:0;margin:0 auto;display:inline-block;position:relative;height:100%}.overlay ul li{display:block;min-height:58px;position:relative;opacity:0}.overlay ul li a{display:block;position:relative;color:#FFF;text-decoration:none;overflow:hidden}.overlay ul li a:hover:after,.overlay ul li a:focus:after,.overlay ul li a:active:after{width:100%}.overlay ul li a:after{content:'';position:absolute;bottom:0;left:50%;width:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);height:3px;background:#FFF;-webkit-transition:.35s;transition:.35s}@-webkit-keyframes fadeInRight{0%{opacity:0;left:20%}100%{opacity:1;left:0}}@keyframes fadeInRight{0%{opacity:0;left:20%}100%{opacity:1;left:0}}.scroll-down{height:60px;width:36px;border:1px solid rgba(255,255,255,1);left:50%;bottom:36px;border-radius:99em;margin-left:-17px}.scroll-down i{width:8px;height:8px;background-color:#fff;border-radius:99em;display:inline-block}.scroll-down a{background:url(../img/down.png) no-repeat center 36px;height:60px;width:36px;display:inline-block;position:relative;top:-20px;left:-1px;animation:ghostUpdown 1s infinite alternate;-webkit-animation:ghostUpdown 1s infinite alternate}.scroll-down{text-align:center;position:absolute}@keyframes ghostUpdown{from{margin-top:10px}to{margin-top:0}}@-webkit-keyframes ghostUpdown{from{margin-top:10px}to{margin-top:0}}html,body{max-width:100%;height:100%;font-family:'微軟正黑體',Arial,Helvetica,sans-serif;overflow-x:hidden}.carousel,.item,.active{height:100%}a,a:active,a:focus,a:hover{outline:none;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out}a:force{outline:none}h1,h2,h3,h4,h5,h6{margin:0 0 15px;letter-spacing:1px}.carousel-inner{height:100%}.carousel-control{display:none}.fill{width:100%;height:100%;background-position:center;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover}.pc{display:none!important}.logo{position:absolute;top:0;left:70px;width:140px;height:174px;z-index:99}#navbar{position:absolute;top:26px;right:70px;width:688px;line-height:26px;z-index:99}ul.menubox{margin:0;padding:0}ul.menubox li{position:relative;display:inline-block}ul.menubox a{position:relative;font-size:1.125em;color:#fefefe;padding:10px 15px;letter-spacing:1.5px;box-sizing:border-box}ul.menubox a:hover{color:#ccad6e;text-decoration:none}ul.menubox a:after{content:"";width:0;height:2px;background:#ccad6e;opacity:0;transition:all .4s ease;position:absolute;top:100%;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}ul.menubox a:hover:after{width:60px;opacity:1}.social{position:absolute;top:0;right:0;margin:0}.social a{width:26px;height:26px;line-height:26px;display:inline-block;text-align:center;background:#fefefe;margin:0 8px;padding:0;border-radius:99em;font-size:18px;color:#003664}#menu{background-color:#333;position:fixed;top:-50px;width:100%;display:block;transition:top .3s}#menu a{float:left;display:block;color:#f2f2f2;text-align:center;padding:15px;text-decoration:none;font-size:17px}#menu a:hover{background-color:#ddd;color:#000}#menubox{position:fixed;top:-80px;width:100%;height:80px;display:block;background-color:#003664;transition:top 1.2s;z-index:999}.setbox{position:fixed;top:0;left:0}#menubox ul{float:right;padding:0 50px 0 0}#menubox ul li{display:inline-block}#menubox ul a{position:relative;font-size:1.125em;color:#fefefe;line-height:80px;padding:27px 8px;margin:0 10px}#menubox ul a:hover{color:#ccad6e;text-decoration:none}#menubox ul a:after{content:"";width:0;height:2px;background:#ccad6e;opacity:0;transition:all .4s ease;position:absolute;top:100%;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}#menubox ul a:hover:after{width:60px;opacity:1}#menubox ul a.follow:hover:after{width:0px;opacity:1}#menubox .home{width:80px;line-height:80px;margin-left:32px;text-align:center;display:inline-block}#menubox a.follow{width:26px;height:26px;line-height:26px;display:inline-block;text-align:center;color:#003664;background:#fefefe;padding:0;margin:0 8px;border-radius:99em}.navbar-brand{display:none}.navbar-nav{float:none;text-align:center;width:100%}.navbar-inverse{background:rgba(51,51,51,.9);border-color:#C9BC9C;border-width:0 0 3px;margin-bottom:0;min-height:80px}.navbar-nav>li{float:none;width:18%;display:inline-block}.navbar-nav>li a{padding:25px 0;font-size:18px;color:#fff!important}.navbar-nav> .mobile a{padding:0}.nav>li>a>img{margin-top:-15px;width:80%}.navbar-nav>li span{width:100%;display:block;line-height:100%;font-size:11px;color:#C9BC9C!important}.dropdown-menu{left:50%;min-width:180px;background-color:#333;text-align:center;padding:0;margin:5px 0 0 -90px}.dropdown-menu li{border-bottom:1px solid #2a2a2a}.dropdown-menu a{padding:15px 0!important;font-size:15px!important}.dropdown-menu a:hover{background:#C9BC9C!important}section{position:relative;height:100vh;min-height:768px;background:#fff}section h2{text-align:center}p.last{margin:0 0 36px!important}.title h3{font-size:4em;color:#003D7E}.title p{font-size:2em;line-height:80%;color:#fff}.fb-comments,.fb-comments iframe[style]{width:100%!important}.fb_iframe_widget,.fb_iframe_widget span,.fb_iframe_widget span iframe[style]{width:100%!important}.video{height:100vh}.subjectbox{position:absolute;top:0;width:100%;height:100%;background:rgba(1,1,1,.7)}.subjectbox img{vertical-align:middle;position:relative;top:45%;left:50%;margin:-140px 0 0 -490px}.btn-circle{position:absolute;top:66%;left:50%;margin-left:-33px;width:66px;height:66px;border:2px solid #fff;border-radius:100%!important;font-size:24px;color:#fff;-webkit-transition:background .3s ease-in-out;-moz-transition:background .3s ease-in-out;transition:background .3s ease-in-out;z-index:50;text-align:center;line-height:62px}.btn-circle:hover{color:#c9bc9c}.about{position:relative;width:100%;min-height:825px;max-width:100%;padding:158px 0 0;background:url(../img/about_bg.jpg) no-repeat center center;background-size:cover;overflow:hidden}.about .container{position:relative;z-index:90}.about .txtbox{max-width:646px;margin:0 auto;padding:48px 0 0;text-align:left}.about .txtbox h3{margin:0 0 10px;font-size:1.5em;color:#003D7E;font-weight:700}.about .txtbox p{font-size:1.125em;line-height:1.8em;color:#4c4949;text-align:justify}.about .item{position:relative;z-index:9}.nav-pills>li:last-child{float:right}.about .nav-pills{max-width: 646px;margin: 0 auto}.nav-pills>li>a{border-radius:0;padding:10px 30px;color:#d5b779;background-color:#003764}.nav-pills>li.active{display:none;}.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover{color:#fff;background-color:#337ab7}.about .img-box{margin-top:26px}.about .img-box img{width:100%;height:auto}.move-left{position:relative;bottom:0;left:-800px;animation:rich-L_ 2.2s;-moz-animation:rich-L_ 2.2s;-webkit-animation:rich-L_ 2.2s;animation-iteration-count:1;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;animation-delay:0}@keyframes rich-L_{from{bottom:0;left:-800px;opacity:0}to{bottom:0;left:-160px;opacity:1}}@-moz-keyframes rich-L_{from{bottom:0;left:-800px;opacity:0}to{bottom:0;left:-160px;opacity:1}}@-webkit-keyframes rich-L_{from{bottom:0;left:-800px;opacity:0}to{bottom:0;left:-160px;opacity:1}}.move-chicken{position:relative;bottom:0;left:-200px;animation:rich-C_ 4s;-moz-animation:rich-C_ 4s;-webkit-animation:rich-C_ 4s;animation-iteration-count:1;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;animation-delay:0}@keyframes rich-C_{from{bottom:0;left:-200px;opacity:0}to{bottom:0;left:0;opacity:1}}@-moz-keyframes rich-C_{from{bottom:0;left:-200px;opacity:0}to{bottom:0;left:0;opacity:1}}@-webkit-keyframes rich-C_{from{bottom:0;left:-200px;opacity:0}to{bottom:0;left:0;opacity:1}}.move-right{position:relative;bottom:0;right:-1000px;animation:rich-R_ 3.2s;-moz-animation:rich-R_ 3.2s;-webkit-animation:rich-R_ 3.2s;animation-iteration-count:1;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;animation-delay:1s}@keyframes rich-R_{from{bottom:0;right:-1000px;opacity:0}to{bottom:0;right:-130px;opacity:1}}@-moz-keyframes rich-R_{from{bottom:0;right:-1000px;opacity:0}to{bottom:0;right:-130px;opacity:1}}@-webkit-keyframes rich-R_{from{bottom:0;right:-1000px;opacity:0}to{bottom:0;right:-130px;opacity:1}}.about .rich-left{position:absolute;left:-220px;bottom:0;background:url(../img/rice-left.png) no-repeat center bottom;height:50vh;width:50vw;background-size:contain;z-index:1}.about .rich-right{position:absolute;right:-1375px;bottom:0;background:url(../img/rice-right.png) no-repeat center bottom;height:50vh;width:50vw;background-size:contain;z-index:1}.chicken{position:absolute;left:0;bottom:0;background:url(../img/chicken.png) no-repeat left bottom;height:50vh;width:20vw;background-size:contain}.products{padding:158px 0 100px;height:auto;background:url(../img/unig02-image.jpg) repeat fixed center center;background-size:cover}.products .container-fluid{padding:0;margin:0}.products .row{max-width:1170px;margin:0 auto;padding:20px 0}.products h3{position:relative;color:#40210f;font-size:36px;margin:0 0 30px;padding:0 0 30px}.products h3::before{content:'';position:absolute;top:100%;width:98px;height:2px;display:block;background:#40210f}.products p{color:#604c3f;font-size:1.125em;line-height:1.8;text-align:justify}.products .input-group{max-width:168px}.products .center{margin-bottom:15px}.products .quantity{margin-bottom:15px}.products .number{font-size:21px;color:#003d7e;padding-right:26px}.products .amount{color:#946134;font-size:36px}.products input.order{position:absolute;bottom:50px;right:50px;background:#003664 url(../img/arrow-right.png) no-repeat 85% center;background-size:8px;color:#fff;line-height:40px;width:168px;border:none;margin-bottom:26px}.products a.how{background:url(../img/icon-how.png) no-repeat;height:50px;width:126px;position:absolute;left:0;top:20%;z-index:50}.owl-carousel{padding:50px 0}.owl-carousel .owl-item img{height:auto}.owl-theme .owl-nav [class*=owl-]{width:46px;line-height:46px;padding:0;color:#FFF;font-size:14px;display:inline-block;cursor:pointer;border-radius:99em;text-indent:-9999px}.owl-theme .owl-nav{position:absolute;top:50%;left:-75px;width:1290px;margin:-23px 0 0}.owl-prev{float:left;background:#003664 url(../img/arrow-left.svg) no-repeat center center!important}.owl-next{float:right;background:#003664 url(../img/arrow-right.svg) no-repeat center center!important}.owl-dots{display:none}.products .item{display:table;overflow:hidden}.products .item > div{display:table-cell;float:none}.products .img-box{padding:0}.products .txtbox{background-color:#d5b779;padding:88px 50px;vertical-align:top}.news{position:relative;padding:158px 0 0;color:#fff;background:#144070}.news h2{margin:0 0 30px}.news .container-fluid{position:relative;z-index:2}.imgArea{position:absolute;right:0;bottom:0;width:88vw;height:50vh;background:url(../img/news_bg.png) no-repeat right 26px;transform:translateX(500px);background-size:contain;opacity:0;z-index:1}.imgAreaopen{opacity:1;transform:translateX(50px)!important;transition:transform 2s}.news .row{padding:0 10%}.news .img-box{margin:0 15px 0 0}.news .txt-box{float:left}.news h3{font-size:1.125em;color:#d5b679}.news p{font-size:.925em;color:#c9caca}.news span{width:100%;font-size:.925em;color:#c9caca}.media-area{margin:26px 0}.media-area h5{text-align:center;line-height:26px;margin:15px 0;font-size:1.2em}.video-box{float:left;width:60%;padding:0 15px 30px;margin:0 0 21px}.video-box .img-box{float:left;width:30%}.video-box .img-box img{width:100%;height:auto}.video-box .txt-box{float:left;width:65%;padding-left:30px}.video-box a{font-size:1.25em;color:#fff}.video-box a:hover{text-decoration:none}.contact{background-color:#fff;padding:158px 0 0;height:auto}.contact .container{position:relative}.contact .row{max-width:1170px;margin:0 auto;padding:0 0 60px}.contact .title{float:right;margin-bottom:36px}.contact .title p{color:#B28146}.contact h3,.contact h4{color:#003D7E}.contact h4{font-size:21px;font-weight:700}.contact .info p{margin:0}#map-area{float:left;width:100%;height:289px;border:2px solid #003D7E;margin:50px 0}#map-area iframe{width:100%;height:285px}.social-box a{font-size:26px;color:#003D7E;margin-right:15px}.contact .form-group{float:left;width:100%;margin:0 0 8px}.contact .form-group label{text-align:center;line-height:30px;color:#003664;margin:0}.contact .form-group .form-control{height:auto;line-height:28px;border-radius:0;background:#dcdddd}.contact .form-group .txt{padding:0}.contact .btn-box{float:left;width:100%;text-align:right;margin:30px 0 0}.contact .btn-box input{background:#d5b779;line-height:40px!important;height:40px!important;width:46%!important;max-width:88px;margin:0 1%;text-decoration:none;display:inline-block;border-radius:6px;border-style:none;text-align:center}.contact .btn-box input.style01{background:#d5b779;color:#003664}.contact .btn-box input.style02{background:#003664;color:#d5b779}.contact .form-box,.contact .infobox{float:left}.contact .infobox{padding:30px 0 0 80px}.contact .infobox p{position:relative;margin:0 0 5px;color:#003664}.contact .infobox p.last{padding:0 0 30px}.contact .infobox p.last::before{content:'';position:absolute;top:100%;width:176px;height:2px;display:block;background:#777575}footer{position:relative;padding:60px 0;background:#003664;color:#fefefe}footer h4{color:#d5b679;margin:20px 0}footer p.style01{margin:20px 0}footer p,footer .linkbox{float:left;width:100%}footer img{display:inline-block}footer .f-logo{margin-right:40px}footer a{color:#fefefe}footer a:hover{color:#fefefe;text-decoration:none}footer .infobox{padding:0 0 0 50px}footer .infobox::before{content:'';position:absolute;top:20px;left:0;width:1px;height:111px;display:block;background:#d5b679}footer .linkbox a{position:relative;display:inline-block;width:46px;line-height:46px;text-align:center;margin:0;padding:0;border-radius:99em;font-size:26px;color:#fff;transition:all .4s ease}footer .linkbox a svg,footer .linkbox a img{position:relative;z-index:1}footer .linkbox a img{top:2px}footer .linkbox a::before{content:'';position:absolute;display:block;top:0;bottom:0;left:0;right:0;transition:all .5s ease-out;border-radius:50%;background-color:#d5b679;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}footer .linkbox a:hover::before{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}@media (min-width: 769px) and (max-width: 1440px){section{padding:100px 0!important}section h2 img{width:336px;height:auto}.subjectbox img{width:760px;margin:-140px 0 0 -380px}.imgArea{width:66vw}.news .row{padding:0 5%}}@media (min-width: 769px) and (max-width: 1024px){.owl-theme .owl-nav{top:45%;width:105%;left:-25px;margin:0}.news .row{padding:0 25px}.video-box{width:660px}.video-box .img-box{width:30%}.video-box .img-box img{width:100%;height:auto}.video-box .txt-box{width:65%}.video-box p{font-size:15px}.news span{float:left;font-size:12px}}@media (max-width: 768px){#navbar,#menubox,.owl-theme .owl-nav,.rich-left,.rich-right,.chicken,footer p img,footer p.style01{display:none}.pc{display:block!important}#navbar{position:fixed;width:100%;z-index:99}.block{position:fixed;top:0!important;left:0!important;width:100%;height:100vh;display:block!important;z-index:50;cursor:pointer}.logo{position:fixed;width:100%;height:58px;display:block!important;left:0;margin:0;background:#003664 url(../img/navbar-logo.png) no-repeat 15px center;background-size:40%}.logo a{width:50%;height:58px;display:block}.logo img{display:none}.button_container{height:30px!important;top:15px;right:15px;display:block}ul.menubox{float:left;margin:108px 0 0;text-align:center}ul.menubox li{width:100%;line-height:40px}ul.menubox a{display:block;padding:8px 15px}.social{float:left;width:100%;position:static;padding:25px 0;text-align:center}.subjectbox img{width:100%;height:auto;top:50%;left:auto;margin-left:0;padding:0 15px}.btn-circle{top:58%}.scroll-down{bottom:10%}.pc{display:block!important}.mobile{display:none!important}#big-video-image{background-size:cover}section{height:auto;min-height:inherit}section h2 img{width:60%;height:auto}.overlay{width:100%}.about{background-size:cover;padding-top:88px}.about .item{max-width:100%;min-width:100%}.about .nav-pills>li{width:49.5%}.about .txt{float:left;padding:25px 25px 0;margin-bottom:36px}.title{width:100%;padding:0}.title h3,.title p{font-size:3em}#map-area{width:100%;margin-bottom:36px}.form-group{padding:0}.social-box{margin-bottom:36px}.form-box{padding:0}.products{padding:88px 0 0}.products .item > div{width:100%;display:block}.products input.order{position:initial;margin:25px 0 0}.products a.how{top:25%}.news{padding:88px 0 128px}.news .row{padding:0 15px}.video-box{float:left;width:100%;padding:15px 0}.video-box .img-box{width:100%;margin:0 0 20px}.video-box .img-box img{width:100%;height:auto}.video-box .txt-box{width:100%;padding:0}.news p{font-size:15px}.contact{padding:88px 0 0}.contact .infobox{padding:30px 15px 0}.contact .form-group label{text-align:left;line-height:inherit;border:none;margin:0;padding:6px 12px}.contact .form-group .form-control{border:1px solid #c9c9ca}.contact .btn-box{text-align:left;padding:0}footer{position:relative;margin:20px 0 0;padding:30px 0}footer h4{margin:0 0 15px}footer h4,footer p{text-align:center}footer span{width:100%;display:block;line-height:5px}footer .f-logo{display:block;margin:0 0 20px}footer .f-logo img{display:inline-block}footer .infobox{padding:0}footer .infobox::before{width:0;height:0}footer .linkbox{text-align:center;margin:15px 0}footer .linkbox a{width:30px;height:50px}footer .copyright{display:block!important}footer .copyright a{font-size:13px;color:#50789a}}