﻿@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');
*, *:before, *:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: none; }
.left {float:left;}
.right {float:right;}
.clearfix:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.fx {-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.hidden {display: none;} 
html, body {height: 100%;} 
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote {margin:0;padding:0;} 
fieldset, img {border:0;}
ol, ul {list-style:none;}
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
img {max-width: 100%;display: block;-webkit-backface-visibility: hidden; -ms-transform: translateZ(0);-webkit-transform: translateZ(0); transform: translateZ(0);} 
img.ctrImg {display: block; margin: auto;}
h1 {font-size: 35px;margin: 0;}
h2 {font-size: 1.8em;margin: 0;}
p {line-height: 1.8; margin: 0;}
.tc p, .sc p {letter-spacing: 1px;}
.zh h1, .zh h3, .zh p, .zh a, .zh small {letter-spacing: .5px; }
.ltsp0 {letter-spacing: 0;}
small {font-size: .75rem;}
a {text-decoration: none;}
div {position:relative; -webkit-overflow-scrolling: touch;}
.line-clamp {display: block; display : -webkit-box; -webkit-box-orient : vertical; position: relative; line-height: 1.2; overflow: hidden; text-overflow: ellipsis; padding: 0 !important; }
.line-clamp:after {content: ''; text-align : right; bottom: 0; right: 0; width: 25%; display : block; position: absolute; height: calc(1em * 1.2); background : linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 75%); }
@supports (-webkit-line-clamp: 1) {.line-clamp:after {display : none !important; } }
.line-clamp-1 {-webkit-line-clamp : 1; max-height : calc(1em * 1.2 * 1); }
.line-clamp-2 {-webkit-line-clamp : 2; max-height : calc(1em * 1.2 * 2); }
.line-clamp-3 {-webkit-line-clamp : 3; max-height : calc(1em * 1.2 * 3); }
.line-clamp-4 {-webkit-line-clamp : 4; max-height : calc(1em * 1.2 * 4); }
.row1,.row2,.row3 {text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;white-space:normal;}
.row1 {-webkit-line-clamp:1;}
.row2 {-webkit-line-clamp:2;}
.row3 {-webkit-line-clamp:3;}
.alignCtr {margin: auto; width: 90%;}
.noScroll {overflow: hidden;}
.txtCtr {text-align: center;}
.absFull {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.absC {position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto;}
.noPmargin > p {margin: 0;}
.mbl {display: none!important;}
.lity{z-index:99999999;position:fixed;top:0;right:0;bottom:0;left:0;white-space:nowrap;background:#000;background:rgba(0,0,0,0.5);outline:none!important;opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease} .lity.lity-opened{opacity:1} .lity.lity-closed{opacity:0} .lity *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} 
.lity-wrap{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;text-align:center;outline:none!important;overflow: auto;} 
.lity-wrap:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-0.25em} 
.lity-loader{z-index:9991;color:#fff;position:absolute;top:50%;margin-top:-0.8em;width:100%;text-align:center;font-size:14px;opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease} .lity-loading .lity-loader{opacity:1} .lity-container{z-index:9992;position:relative;text-align:left;vertical-align:middle;display:inline-block;white-space:normal;max-width:100%;max-height:100%;outline:none!important} .lity-content{z-index:9993;width:100%;-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform .3s ease;-o-transition:-o-transform .3s ease;transition:transform .3s ease; position: relative; } .lity-loading .lity-content,.lity-closed .lity-content{-webkit-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8)} 
.lity-close{z-index:9994;width:45px;height:45px;position:fixed;right:3%; top: 2%; margin:auto; -webkit-appearance:none;cursor:pointer;text-decoration:none;text-align:center;padding:0;color:#ffffff;font-style:normal;font-size:45px;font-family:Arial,Baskerville,monospace;line-height:45px;border:0;outline:0;-webkit-box-shadow:none; border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;background-color: rgba(0,0,0,0.8); } 
.lity-close::-moz-focus-inner{border:0;padding:0} 
.lity-image img{max-width:100%;display:block;line-height:0;border:0} .lity-iframe .lity-container{width:100%;max-width:100%;}
.lity-iframe-container{width:100%;height:100%;padding-top:100vh;overflow:auto;pointer-events:auto;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-overflow-scrolling:touch} 
.lity-iframe-container:before, .lity-iframe-container:after {display: block; content: ""; width: 80px; height: 80px; background: black; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; border-radius: 50%; opacity: 0.6; -webkit-animation: sk-bounce 2s infinite ease-in-out; animation: sk-bounce 2s infinite ease-in-out; z-index: -1;}
.lity-iframe-container:before {background-color: #005f29; -webkit-animation-delay: -1s; animation-delay: -1s; }
.lity-iframe-container:after {background-color: #bf3300; }
@-webkit-keyframes sk-bounce {0%, 100% {-webkit-transform: scale(0); } 50% {-webkit-transform: scale(1); } }
@keyframes sk-bounce {0%, 100% {transform: scale(0); -webkit-transform: scale(0); } 50% {transform: scale(1); -webkit-transform: scale(1); } }
.lity-iframe-container iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;-webkit-box-shadow:0 0 8px rgba(0,0,0,0.6);box-shadow:0 0 8px rgba(0,0,0,0.6);background:none;} .lity-hide{display:none}
html.lity-active, .lity-active body {overflow: hidden;}

@keyframes float1 {
  0% {transform: translateY(0)}
  to {transform: translateY(min(.8163265306vw + 6.9387755102px,20px))}
}
@keyframes float2 {
  0% {transform: translate(0) scale(1)}
  to {transform: translate(min(.4081632653vw + 3.4693877551px,10px),-5px) scale(1.03)}
}
@keyframes float3 {
  0% {transform: translate(0) rotate(0)}
  to {transform: translate(min(.8163265306vw + 6.9387755102px,20px),min(.4081632653vw + 3.4693877551px,10px)) rotate(-3deg)}
}

span.nobreak, i.nobreak {white-space: nowrap; }
html, body {font-size: 14px;}
body {margin:0px; font-family: Noto Sans TC, Arial,"Microsoft YaHei", "Microsoft JhengHei", "Source Han Sans","PingFangHK","Heiti TC",Verdana,sans-serif;background-color:#FFF;position:relative;height:100%;min-width: 1260px;}

.contain1200 {max-width: 1200px;margin: auto;}
@media only screen and (min-width: 1500px) {
  .contain1200 {max-width:80rem;}
}

@media screen and ( max-width:80rem) {
 
}

@media (min-width: 48em) {
  .mbl {display: none!important;}
  .dkt {display: block!important;}
}

@media screen and ( max-width: 48em) {
  html, body {font-size: 10px;}
  body {min-width:0;}
  .mbl {display: block!important;}
  .dkt {display: none!important;}

}  

@media screen and ( max-width: 40em) {
	small {font-size: 0.9rem;}
}

@media (max-width: 20em) {
    
}


/*HEADER*/
.caret {display: inline-block;width: 0;height: 0;margin-left: 2px;vertical-align: middle;border-top: 4px solid;border-right: 4px solid transparent;border-left: 4px solid transparent;}
@font-face {
  font-family: icomoon;
  src: url(../font/icomoon.eot?ee7fk8);
  src: url(../font/icomoon.eot?ee7fk8#iefix) format("embedded-opentype"), url(../font/icomoon.ttf?ee7fk8) format("truetype"), url(../font/icomoon.woff?ee7fk8) format("woff"), url(../font/icomoon.svg?ee7fk8#icomoon) format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
[class*=" icon-"],
[class^="icon-"] {
  font-family: icomoon !important;
  speak: none;
  font-style: normal;
  font-weight: 700;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-google:before {content: "\e900";}
.icon-facebook:before {content: "\ea90";}
.icon-twitter:before {content: "\ea96";}
.icon-youtube:before {content: "\ea9d";}
.icon-instagram:before {content: "\ea92";}
.icon-chevron-thin-left:before {content: "\e902";}
.icon-chevron-thin-right:before {content: "\e901";}
#headerNew > .inner { background-color: #fff; padding: 2rem 1rem 1.25rem; border-bottom: 1px solid #eee;}
#headerNew .maxWidth { max-width: 75rem;margin: auto;}
#headerNew .row .column:last-child {text-align: right;}
#headerNew .openrice-logo {display: inline-block;}
#headerNew .openrice-logo > img { height: 40px; display: inline-block; padding-right:5px;}
#headerNew .campaignLogo img {display: inline-block; vertical-align: middle; max-height: 55px;}
#headerNew .tncBtn {color: #725747; font-size: 1rem; font-weight: 600; border: 1px solid; line-height: 1.6; padding: 0 .85rem 2px; margin-left: 1.5rem; display: inline-block; border-radius: 2rem;}

@media only screen and (min-width: 93.75rem) {
  #headerNew .maxWidth {max-width:75rem;}
}

@media screen and ( max-width:80rem) {
  #headerNew .maxWidth {max-width:70rem;}
  #headerNew .openrice-logo > img {height: 35px;}
}

@media only screen and (min-width: 40rem) {
  #headerNew .campaignLogo img {margin-left: 2rem;}
}

@media (max-width: 40rem) {
  .zh h1, .zh h3, .zh p, .zh a, .zh small {letter-spacing: 0px;}
  #headerNew > .inner {padding: 1rem;}
  #headerNew .row .column:last-child {text-align: center;}
  #headerNew .openrice-logo {margin-top: 5px;}
  #headerNew .openrice-logo > img { height: 24px;}
  #headerNew .campaignLogo {float: right;}
  #headerNew .campaignLogo img {max-height: 35px;}
}

@media (max-width:20em) {
  #headerNew > .inner {padding: 15px 4px; border-bottom: 1px solid #eee;}}
  span.nobreak {white-space: nowrap;
}

@media only screen and (max-width: 40em) {
  .mbo {display: block;} .dko {display: none!important;}
}
  

.footerWrap .footerTop {background-color: #000; padding: 30px 4%; position: relative;}
.footTopTxt {color: #fff; max-width: 41rem;}
.footTopTxt p {font-weight: 600; margin-bottom: 5px; font-size: 1.1rem;}
.footTopTxt small {font-size: 0.8rem;}
.footTopSocialGroup {text-align: right;}
.footTopSocialGroup .foot-social {display: inline-block; vertical-align: middle; margin: 0 5px; }
.footTopSocialGroup .foot-social.ig {background: url(../img/icons/instagram.svg) no-repeat center center; width: 20px; height: 20px;}
.footTopSocialGroup .foot-social.yt {background: url(../img/icons/youtube.svg) no-repeat center center; width: 20px; height: 20px;}
.footTopSocialGroup .foot-social.fb {background: url(../img/icons/facebook.svg) no-repeat center center; width: 20px; height: 20px;}
.footerCR {color: #fff; margin-top: 5px; text-align: right;}
.footerCR > span {display: inline-block; vertical-align: middle;}
.footerCR > span.copyright-text {font-size: .7rem; margin-left: 5px;}
#backtopBtn {position: absolute; z-index: 60; left: 0;right: 0; margin: auto; top: -20px;width: 41px;height: 41px;background: url(https://www.openrice.com/info/global/img/backtopArr.png) no-repeat center center / contain;cursor: pointer;}

@media only screen and (min-width: 769px) {
  footer {position: relative; bottom: 0;width: 100%;}
}
@media only screen and (max-width: 640px) {
  .footTopTxt {text-align: center;}
  .footTopSocialGroup {text-align: center; margin-top: 20px;}
  .footerCR {text-align: center;}
  .footerCR > span#OR_FOOT_logo {max-width: 15px; vertical-align: top;}
  .footerCR .mRowDrop {display: block;}
  #backtopBtn{width: 30px; }
}
@media (max-width: 360px) {.footerCR > span {font-size: 9px;}}



.swiper-container {width: 100%;height: 100%;}
.swiper-button-prev, .swiper-button-next { background-color: #000000; border-radius: 50%; width: 50px; height: 50px;}
.swiper-button-prev:after, .swiper-button-next:after {color: #fff; font-size: 20px;}
.swiper-button-prev {left: -50px;}
.swiper-button-next {right: -50px;}


@media (max-width: 480px) {
   
}