/* I Love Huey
Flowers are best bloomed in the wild,some of those that are groomed rarely blossom.
*/

@import url('https://fonts.googleapis.com/css?family=Fira+Sans+Condensed');
@import url('https://fonts.googleapis.com/css?family=Merriweather');
@import url('https://fonts.googleapis.com/css?family=Lato');
@import url('https://fonts.googleapis.com/css?family=Catamaran:100,200,300,400,500,600,700,800,900');
@import url('https://fonts.googleapis.com/css?family=Muli');
@import url('https://fonts.googleapis.com/css?family=Oswald');
@import url('https://fonts.googleapis.com/css?family=Roboto:400,700');

.num{font-family:'Oswald',sans-serif;}

#ie-mercy{padding:1em 0 2em 0;position:absolute;z-index:10000000;background:#eee;width:100%;}
#ie-mercy h2{margin:0;}
#ie-mercy h2 em{font-size:0.6em;}
#ie-mercy a{border-bottom:2px solid #a50034;}
#ie-mercy span.en{display:block;width:auto;font-size:0.7em;margin-top:0.5em;text-transform:uppercase;}
#ie-mercy span.en a{border:none;}

.desktop,.view-desktop{display:block;width:100%;}
.mobile,.view-mobile{display:none;width:100%;}

@media (min-width:200px) and (max-width:767px){
.desktop{display:none;}
.mobile{display:block;}
}

@media (min-width:200px) and (max-width:1000px){
.view-desktop{display:none;}
.view-mobile{display:block;}
}

html,body{height:100%;}
body{
background:#b60002 url('../imgs/bg1.png') repeat 0 0;
/*
background-position:left bottom;
background:#fa0002;
background:-moz-linear-gradient(top,  #fa0002 0%, #a90003 100%);
background:-webkit-linear-gradient(top,  #fa0002 0%,#a90003 100%); 
background:linear-gradient(to bottom,  #fa0002 0%,#a90003 100%); 
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa0002', endColorstr='#a90003',GradientType=0 );
*/
margin:0;padding:0;border:0;font:16px 'Merriweather',"Hiragino Sans GB","WenQuanYi Micro Hei","Heiti SC","冬青黑",Microsoft YaHei,"微软正黑体",'Microsoft JhengHei','微软雅黑',"宋体",STHeiti,'LiHei Pro','华文黑体','Open Sans',sans-serif,arial,helvetica,Tahoma,'Source Sans Pro',verdana;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;color:#fff;text-rendering:optimizeLegibility!important;-webkit-font-smoothing:antialiased!important;position:relative;transition:all 0.35s ease-in-out;-webkit-transition:all 0.35s ease-in-out;-moz-transition:all 0.35s ease-in-out;-ms-transition:all 0.35s ease-in-out;position:relative;overflow-x:hidden!important;overflow-y:scroll;}
em{font-style:normal;}
a,button{color:#a50034;webkit-transition:all 0.25s;-moz-transition:all 0.25s;-o-transition:all 0.25s;transition:all 0.25s;}
a,a:focus,video,button{outline:0!important;text-decoration:none!important;}
a:hover,a:focus{text-decoration:normal;}
a:hover{text-decoration:none;color:#828282;}
h1,h2,h3,h4,h5{font-weight:bold;font-family:'Merriweather',"Hiragino Sans GB","WenQuanYi Micro Hei","Heiti SC","冬青黑",Microsoft YaHei,"微软正黑体",'Microsoft JhengHei','微软雅黑',"宋体",STHeiti,'LiHei Pro','华文黑体','Open Sans',sans-serif,arial,helvetica,Tahoma,'Source Sans Pro',verdana;}
h1{color:#000;font-size:3em;text-align:center;margin-bottom:1em;}
h1 em{display:block;font-size:0.4em;margin-top:0.6em;font-weight:100;}
h2{color:#fadf00;font-size:3em;font-weight:normal;margin-top:0;padding-top:0;}

@media (min-width:200px) and (max-width:767px){
body{background-size:auto 10%;}
}

#mainNav{text-align:center;margin:0 1em;position:absolute;z-index:100000;padding:0;}
#mainNav .nav li span{font-size:1.3em;font-weight:bold;color:#fff;}
#mainNav i{margin:0 0.5em;line-height:1em;color:#fff;text-align:center;}
#mainNav .navbar-right i{float:left;font-size:1.3em;width:30px;height:30px;padding:0.5em 0 0 0;background:#fadf00;color:#b60002;border-radius:50%;-moz-border-radius:50%;-khtml-border-radius:50%;-webkit-border-radius:50%;}
.navbar-default .navbar-toggle{font-size:1.2em;margin-right:1em;padding:0!important;text-align:center;font-weight:normal;border:none;background:#fadf00;width:40px;height:40px;border-radius:50%;-moz-border-radius:50%;-khtml-border-radius:50%;-webkit-border-radius:50%;
-webkit-animation:swing .5s linear forwards infinite;animation:swing .5s linear forwards infinite;}
.navbar-default .navbar-toggle{margin-top:1em;}
.navbar-default .navbar-toggle i{color:#b60002!important;}
.navbar-default .navbar-toggle:hover i{color:#fff!important;}
.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{background-color:transparent;}
.navbar-default .navbar-collapse,.navbar-default .navbar-form{border:none;}
.navbar-brand{padding:0.5em 1em;}

@media (min-width:200px) and (max-width:768px){
#mainNav .navbar-right i{float:none;}
.navbar-default .navbar-collapse.in{background:#fff;}
.navbar-default .navbar-collapse.in .nav li span{color:#cf0003!important;}
}

.container{text-align:center;width:100%;height:100%;000overflow:hidden;margin:0 auto;padding:0;}
#catchME{width:100%;text-align:center;padding:0;margin:0 auto;0000position:absolute;}
.row,.farm{margin:0!important;padding:0!important;}
.farm{width:100%;}
.icon{margin:0.2em auto!important;}

#lantern{position:absolute;width:90%;margin:0 5%;z-index:0;overflow:hidden;}
#lantern img{width:40%;}
.lantern{margin:0;padding:0;}
.lantern1{-webkit-animation:leftin .8s ease-out 0.5s both;-ms-animation:leftin .8s ease-out 0.5s both;animation:leftin .8s ease-out 0.5s both;}
.lantern2{-webkit-animation:rightin .4s ease-out 0.3s both;-ms-animation:rightin .4s ease-out 0.3s both;animation:rightin .4s ease-out 0.3s both;}

#chickenCoop{position:absolute;z-index:10;width:100%;margin:5% auto;}
#logo{width:400px;height:495px;margin:auto;background:url(../imgs/header.png) no-repeat 0 0;-moz-background-size:100% 100%;-webkit-background-size:100% 100%;background-size:100% 100%;
-webkit-animation:dragTop 1s ease-in-out .5s both;-ms-animation:dragTop 1s ease-in-out .5s both;animation:dragTop 1s ease-in-out .5s both;}
.game-desc{width:60%;margin:3em auto;position:relative;}
.game-desc ol,.game-desc ul{margin:1em auto;padding:1em 0;}
.game-desc li{margin:0.5em auto;text-align:left;z-index:1000000!important;}
.game-desc .btn-info{font-size:1em;padding:0.5em 2em;border:3px solid #fadf00;background:transparent;}

fieldset .game-desc{width:100%;margin:0 auto;text-align:left;}
fieldset checkbox{border:none;}

@media (min-width:768px) and (max-width:900px){
#lantern{width:96%;margin:0 2%;}
#lantern img{width:60%;}

#chickenCoop{width:100%;margin:10% 0;}
#logo{width:400px;height:495px;}
}

@media (min-width:200px) and (max-width:767px){
#lantern{width:96%;margin:0 2%;}
#lantern img{width:60%;}

#chickenCoop{width:100%;margin:10% 0;}
#logo{width:240px;height:297px;}

.game-desc{width:90%;}
}

.chirp{width:100px;height:100px;margin:0 auto;position:relative;z-index:10000;animation:walking .8s steps(10) infinite;-webkit-background-size:auto 100%!important;-moz-background-size:auto 100%!important;background-size:auto 100%!important;-o-background-size:auto 100%!important;}

@keyframes walking{
100%{background-position:-1000px;}
}

.navbar-brand{vertical-align:top;}
.chick-icon{float:left;background:url('../imgs/icon-chick.png') no-repeat left center;width:50px;height:50px;display:inline-block;margin:0 auto;
animation:pendulum .2s steps(10) infinite;-webkit-animation:pendulum 1.2s steps(10) infinite;-moz-animation:pendulum 1.2s steps(10) infinite;
-webkit-animation-delay:4s;animation-delay:4s;-webkit-animation-duration:1.2s;animation-duration:1.2s;border-radius:50%;-moz-border-radius:50%;-khtml-border-radius:50%;-webkit-border-radius:50%;border:5px solid #fff;}
.chick-tease{display:inline-block;font-size:0.8em;color:#fff;margin:10px 0 0 10px;-webkit-animation:swing .5s ease-in-out forwards infinite;animation:swing .5s ease-in-out forwards infinite;-webkit-animation-delay:2s;animation-delay:2s;}

.icon{-webkit-background-size:auto 100%!important;-moz-background-size:auto 100%!important;background-size:auto 100%!important;-o-background-size:auto 100%!important;}

.chick-aircon{background:url('../imgs/chick-aircon.png') no-repeat left center;width:110px;height:130px;margin:0 auto;animation:run .5s steps(10) infinite;}
.chick-herbal{background:url('../imgs/chick-herbal.png') no-repeat left center;width:110px;height:130px;margin:0 auto;animation:run 3s steps(10) infinite;}
.chick-radio{background:url('../imgs/chick-radio.png') no-repeat left center;width:110px;height:130px;margin:0 auto;animation:run 3s steps(10) infinite;}
.chick-run{background:url('../imgs/chick-run.png') no-repeat left center;width:110px;height:130px;margin:0 auto;animation:run .8s steps(10) infinite;}
.chick-spring{background:url('../imgs/chick-spring.png') no-repeat left center;width:110px;height:130px;margin:0 auto;animation:run 3s steps(10) infinite;}
.chick-vaccum{background:url('../imgs/chick-vaccum.png') no-repeat left center;width:110px;height:130px;margin:0 auto;animation:run 1s steps(10) infinite;}
.chick-atm{background:url('../imgs/chick-atm.png') no-repeat left center;width:100px;height:130px;margin:0 auto;animation:spit 1s steps(10) infinite;}
.chick-helicopter{background:url('../imgs/chick-helicopter.png') no-repeat left center;width:100px;height:145px;margin:0 auto;animation:propellor 4s steps(10) infinite;}
.chick-printer{background:url('../imgs/chick-printer.png') no-repeat left center;width:100px;height:145px;margin:0 auto;animation:print 1s steps(10) infinite;}
.chick-tv{background:url('../imgs/chick-tv.png') no-repeat left center;width:150px;height:90px;margin:0 auto;animation:tv-noise 1s steps(10) infinite;}
.chick-washing{background:url('../imgs/chick-washing.png') no-repeat left center;width:100px;height:120px;margin:0 auto;animation:spin .8s steps(18) infinite;}

@keyframes spin{100%{background-position:-1800px;}}
@keyframes run{100%{background-position:-1100px;}}
@keyframes print{100%{background-position:-1000px;}}
@keyframes tv-noise{100%{background-position:-1500px;}}
@keyframes propellor{100%{background-position:-1000px;}}
@keyframes spit{100%{background-position:-1000px;}}
@keyframes pendulum{100%{background-position:-800px;}}

@media (min-width:200px) and (max-width:600px){
.chick-tease{margin:0 0 0 10px;}
.icon{margin-bottom:0.8em!important;}
.chick-washing{width:75px;height:90px;}
.chick-aircon,.chick-herbal,.chick-radio,.chick-run,.chick-spring,.chick-vaccum{width:80px;height:95px;}
.chick-printer,.chick-helicopter{width:80px;height:116px;}
.chick-tv{width:167px;height:100px;}
.chick-atm{width:80px;height:104px;}

@keyframes run{100%{background-position:-804px;}}
@keyframes spin{100%{background-position:-1350px;}}
@keyframes print{100%{background-position:-800px;}}
@keyframes tv-noise{100%{background-position:-1667px;}}
@keyframes propellor{100%{background-position:-800px;}}
@keyframes spit{100%{background-position:-800px;}}
}

.chick-yellow.chick-walk-LR{background:url('../imgs/chick-walk-LR.png') no-repeat left center;}
.chick-yellow.chick-walk-RL{background:url('../imgs/chick-walk-RL.png') no-repeat left center;}
.chick-black.chick-walk-LR{background:url('../imgs/chick-black-walk-LR.png') no-repeat left center;}
.chick-black.chick-walk-RL{background:url('../imgs/chick-black-walk-RL.png') no-repeat left center;}
.chick-black.chick-walk-RL:hover{background:url('../imgs/chick-black-walk-RL-hover.png') no-repeat left center;animation:none;}

.chick-white.chick-walk-LR{background:url('../imgs/chick-white-walk-LR.png') no-repeat left center;}
.chick-white.chick-walk-LR:hover{background:url('../imgs/chick-white-walk-LR-hover.png') no-repeat left center;animation:none;}
.chick-white.chick-walk-RL{background:url('../imgs/chick-white-walk-RL.png') no-repeat left center;}

.duck.duck-walk-LR{background:url('../imgs/duck-walk-LR.png') no-repeat left center;}
.duck.duck-walk-RL{background:url('../imgs/duck-walk-RL.png') no-repeat left center;}
.duck.duck-walk-RL:hover{background:url('../imgs/duck-walk-RL-hover.png') no-repeat left center;animation:none;}




.chicken-run-LR,.ducky-run-LR{left:-110%;position:absolute;display:block;z-index:100;margin:auto;top:0;
-webkit-animation-name:wildchick-LR;animation-name:wildchick-LR;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-delay:4s;animation-delay:4s;-webkit-animation-duration:9s;animation-duration:9s;}
.chicken-run-LR:hover,.ducky-run-LR:hover{-webkit-animation-play-state:paused;animation-play-state:paused;}
.chicken-run-RL,.ducky-run-RL{right:-110%;position:absolute;display:block;z-index:100;margin:auto;top:0;
-webkit-animation-name:wildchick-RL;animation-name:wildchick-RL;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-delay:4s;animation-delay:4s;-webkit-animation-duration:9s;animation-duration:9s;}
.chicken-run-RL:hover,.ducky-run-RL:hover{-webkit-animation-play-state:paused;animation-play-state:paused;}

#chick0{margin:0;right:0;left:-120%;bottom:0;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-duration:30s;animation-duration:30s;-webkit-animation-delay:4s;animation-delay:4s;
animation-name:diagonal-TLBR;animation-iteration-count:5;-webkit-animation-iteration-count:5;
/*-moz-transform:scaleX(-1);-o-transform:scaleX(-1);-webkit-transform:scaleX(-1);transform:scaleX(-1);filter:FlipH;-ms-filter:"FlipH";*/}
#chick----{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;margin-top:60%;-webkit-animation-iteration-count:5;animation-iteration-count:5;-webkit-animation-duration:6s;animation-duration:6s;-webkit-animation-delay:0s;animation-delay:0s;}

#chick1{margin:0;right:0;left:-120%;bottom:0;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-duration:6s;animation-duration:6s;-webkit-animation-delay:5s;animation-delay:5s;
animation-name:diagonal-TRBL;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;}
#chick2{-webkit-animation-timing-function:linear;animation-timing-function:linear;margin-top:50%;-webkit-animation-iteration-count:5;animation-iteration-count:5;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-delay:6s;animation-delay:6s;}
#chick3{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;margin-top:20%;-webkit-animation-duration:10s;animation-duration:10s;-webkit-animation-delay:12s;animation-delay:12s;}
#chick4{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;margin-top:50%;-webkit-animation-duration:6s;animation-duration:6s;-webkit-animation-delay:20s;animation-delay:20s;}
#chick5{-webkit-animation-name:wildchick-LR;animation-name:wildchick-LR;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;margin-top:40%;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-iteration-count:3;animation-iteration-count:3;}
#chick6{margin:0;right:0;left:-120%;bottom:0;-webkit-animation-name:wildchick-LR;animation-name:wildchick-LR;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-duration:20s;animation-duration:20s;-webkit-animation-delay:0s;animation-delay:0s;animation-iteration-count:infinite;animation-name:diagonal-BLTR;}

#duck1{margin:0;right:0;left:-120%;bottom:0;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-duration:20s;animation-duration:20s;-webkit-animation-delay:4s;animation-delay:4s;animation-iteration-count:infinite;
animation-name:diagonal-BRTL;}

@media (min-width:768px) and (max-width:900px){
#chick1{margin-top:0%;}
#chick2{margin-top:90%;}
#chick3{margin-top:60%;}
#chick4{margin-top:70%;}
#chick5{margin-top:80%;}
}

@media (min-width:200px) and (max-width:767px){
.chirp{width:70px;height:70px;}

@keyframes walking{
100%{background-position:-700px;}
}

#chick1{margin-top:0%;}
#chick2{margin-top:50%;}
#chick3{margin-top:60%;}
#chick4{margin-top:70%;}
#chick5{margin-top:80%;}
}



body.shaker{margin:0 auto;}
#intro{float:left;width:100%;}
#shakeIT{margin:0 auto;}
#shakeAGAIN{width:100%;}

#good-fortune{position:absolute;z-index:1000;margin:3em auto;text-align:center;width:100%;text-align:center;}
#good-fortune img{width:100%;}
#good-fortune ul{clear:both;display:block;}
#good-fortune ul,#good-fortune li{margin:0;padding:0;list-style-type:none;}
#good-fortune li{display:inline-block;}
#good-fortune h2{font-weight:bold;-webkit-animation:dragTop .4s ease-out 0.2s both;-ms-animation:dragTop .4s ease-out 0.2s both;animation:dragTop .4s ease-out 0.2s both;}
#good-fortune h2 span{color:#fff;font-weight:normal;}
#good-fortune h3{float:right;font-weight:normal;font-size:2em;text-align:center;margin:0 auto;padding:0.5em 0;display:inline-block;letter-spacing:-0.01em;
border-bottom:3px solid #fff;border-top:3px solid #fff;color:#fff!important;clear:both;white-space:nowrap;text-shadow:4px 4px 0px rgba(60, 160, 180, 0.2);
transform:skew(-20deg) rotate(-16deg) translateZ(0);-webkit-transform:skew(-20deg) rotate(-16deg) translateZ(0);-moz-transform:skew(-20deg) rotate(-16deg) translateZ(0);-ms-transform:skew(-20deg) rotate(-16deg) translateZ(0);}
#good-fortune h3 em{display:block;font-size:1.6em;font-weight:bold;}
#good-fortune li span{display:block;}
#good-fortune li .num{font-size:bold;font-size:1.6em;width:60px;height:60px;padding:0.4em 0;margin:0.1em;display:block;color:#d80002;background:#fff;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}

@media (min-width:200px) and (max-width:600px){
#good-fortune h2 span{font-size:0.8em;}
#good-fortune h2 em{font-size:0.8em;}
#good-fortune h3{float:none;font-size:1.2em;margin:1em auto;font-weight:bold;border-width:6px;width:80%;}
#good-fortune h3 em{font-size:1.4em;}
#good-fortune #lottery-4d h2 em,#good-fortune #lottery-toto h2 em{font-size:1em;display:block;}
#good-fortune li .num{font-size:1em;font-weight:bold;width:36px;height:36px;padding:0.3em 0;margin:0.06em;}
}

.coop-title,.coop-family{margin:0;padding:0;}
.coop-family img{position:absolute;right:0;left:0;margin:auto;text-align:center;}

#shakeIT .coop-title{-webkit-animation:dragTop .3s ease-out .5s both;-ms-animation:dragTop .3s ease-out .5s both;animation:dragTop .3s ease-out .5s both;}
#shakeIT .coop-family{margin-top:5em;}
.coop-family .coop-header{z-index:35;}
.coop-family .coop-hen{z-index:30;}
.coop-family .coop-eggs{z-index:31;top:70%;}
.coop-family .coop-basket{z-index:32;top:100%;}
.coop-family .coop-shell{z-index:34;top:65%;}

.mobile{display:none;}
.desktop{width:80%;margin:auto;clear:both;display:block;}
.desktop .coop-title img{margin:0 0 0 auto;}
.desktop .coop-family{height:300px;}
#shakeIT .desktop .coop-family{left:0;}
.desktop .coop-family a{margin:0;}
.desktop .coop-header{max-width:400px;}
.desktop .coop-hen{max-width:65%;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-animation:swing 3.5s ease-in-out forwards infinite;animation:swing 3.5s ease-in-out forwards infinite;}
.desktop .coop-eggs{max-width:60%;}
.desktop .coop-basket{max-width:70%;}
.desktop .coop-shell{max-width:18%;}

#shakeAGAIN .coop-title{right:0;top:0;margin:0 0 0 5em;width:40%;}
#shakeAGAIN .coop-family{left:0;position:fixed;left:85%;top:75%;width:300px;height:auto;}
#shakeAGAIN .shake-text{width:55%;margin-top:20%;left:-110%;}
#shakeAGAIN .hen-eggs{width:70%;-webkit-transform-origin:-100% 100%;-ms-transform-origin:-100% 100%;transform-origin:-100% 100%;
-webkit-animation: swing 3.5s ease-in-out forwards infinite;
animation: swing 3.5s ease-in-out forwards infinite;
/*-ms-transform:rotate(-25deg);-webkit-transform:rotate(-25deg);transform:rotate(-30deg);*/}

@media (min-width:1101px) and (max-width:1800px){
.coop-family .coop-shell{top:80%;max-width:22%;}
.coop-family .coop-eggs{top:80%;}
.coop-family .coop-basket{top:110%;}
}

@media (min-width:1001px) and (max-width:1100px){
.coop-family .coop-basket{top:95%;}
#shakeAGAIN .coop-family{left:75%;top:70%;}
}

@media (min-width:768px) and (max-width:1000px){
.coop-family{width:80%;}
.desktop .coop-title{right:0;}
.desktop .coop-family{left:0;}
#shakeIT{margin:0 auto;}
#shakeIT .desktop .coop-family{left:0;}
.coop-header{max-width:100%;}
.coop-header.view-mobile{max-width:100%;}
#shakeAGAIN .coop-title{margin:0 auto;width:70%;}
#shakeAGAIN .coop-family{left:65%;top:75%;}
}

#good-fortune .mobile{width:90%;margin:-3em auto 0 auto;}
.mobile .coop-family{height:200px;}
.mobile .coop-header{max-width:70%;margin-top:2em;}
.mobile .coop-hen{max-width:40%;}
.mobile .coop-eggs{max-width:45%;top:120%;}
.mobile .coop-basket{max-width:60%;top:185%;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-animation:swing 3.5s ease-in-out forwards infinite;animation:swing 3.5s ease-in-out forwards infinite;}
.mobile .coop-shell{max-width:22%;top:100%;}

#content{clear:both;}

@media (min-width:200px) and (max-width:767px){
#shakeIT{margin:1em auto;}
.desktop,.tablet{display:none;}
.mobile{display:block;}
#good-fortune{width:100%;}
}


@media (min-width:768px) and (max-width:900px){
#shakeIT .coop-basket{max-width:66%;top:110%;}
#shakeAGAIN{margin:4em auto;}
#shakeAGAIN .shake-text{width:60%;margin-top:20%;left:-140%;}
}

@media (min-width:600px) and (max-width:767px){
#shakeIT{margin:1em auto;}
.mobile .coop-hen{max-width:50%;}
.mobile .coop-eggs{max-width:50%;top:70%;}
.mobile .coop-basket{max-width:66%;top:140%;}
.mobile .coop-shell{max-width:20%;top:70%;}

#shakeAGAIN .coop-title{margin:0 auto;width:80%;}
#shakeAGAIN .coop-family{left:70%;top:75%;width:200px;height:auto;}
#shakeAGAIN .shake-text{width:70%;margin-top:30%;left:-140%;}
#shakeAGAIN .hen-eggs{width:80%;-ms-transform:rotate(-25deg);-webkit-transform:rotate(-25deg);transform:rotate(-30deg);}
}

@media (min-width:200px) and (max-width:599px){
#shakeIT{margin:1em auto;}
#shakeIT .coop-family{margin-top:0;}
.mobile .coop-hen{max-width:50%;}
.mobile .coop-eggs{max-width:50%;top:60%;}
.mobile .coop-basket{max-width:66%;top:80%;}
.mobile .coop-shell{max-width:20%;top:60%;}

#shakeAGAIN{float:left;margin-top:-2em;}
#shakeAGAIN .coop-title{margin:0 auto;width:60%;}
#shakeAGAIN .coop-family{left:55%;top:65%;width:200px;height:auto;}
#shakeAGAIN .shake-text{width:60%;margin-top:45%;left:-140%;}
#shakeAGAIN .hen-eggs{width:70%;-ms-transform:rotate(-25deg);-webkit-transform:rotate(-25deg);transform:rotate(-30deg);}

}

.goodfortune{margin:20% auto;width:100%;clear:both;position:absolute;float:left;}
.goodfortune a{color:#fadf00;}
.goodfortune li{text-align:center;}
.goodfortune .text-right{text-align:center;}
.goodfortune .text-left{text-align:center;padding:0 5px;}
.goodfortune h2{margin-top:0.6em;}
.goodfortune .capsule img{width:auto!important;height:200px!important;display:inline-block;margin-bottom:2em;}
.goodfortune .capsule em{font-size:2.2em;font-weight:normal;width:50px;height:50px;margin:0 0.3em;background:#fadf00;color:#ce1f2e;display:inline-block;border-radius:50%;-moz-border-radius:50%;-khtml-border-radius:50%;-webkit-border-radius:50%;}

.simi-chicken{margin-bottom:0.6em;}

#greetings00 span{display:block;}
#greetings00 .simi-chicken{font-size:0.7em;}
#greetings span.ch{color:#fadf00;font-size:1em;-webkit-animation:bottomin .4s ease-out 0.2s both;-ms-animation:bottomin .4s ease-out 0.2s both;animation:bottomin .4s ease-out 0.2s both;}
#greetings span.en{font-size:0.4em;width:80%;margin:0.4em auto;-webkit-animation:bottomin .4s ease-out 0.2s both;-ms-animation:bottomin .4s ease-out 0.2s both;animation:bottomin .4s ease-out 0.2s both;}


@media (min-width:1001px) and (max-width:1100px){
.goodfortune{margin:15% auto;}
}

@media (min-width:768px) and (max-width:1000px){
.goodfortune{margin:0 auto;}
.goodfortune .capsule img{height:200px!important;}
.goodfortune#giveaway1 .capsule img{height:150px!important;}
#greetings span.en{font-size:0.6em;width:100%;}
}
  
@media (min-width:200px) and (max-width:767px){
#shakeAGAIN{padding:0;}
.goodfortune{margin:20% auto;}
#lottery-4d.goodfortune,#greetings1.goodfortune,#greetings2.goodfortune,#greetings3.goodfortune,#greetings4.goodfortune,#greetings5.goodfortune,#greetings6.goodfortune,#greetings7.goodfortune,#greetings8.goodfortune,#greetings9.goodfortune,#greetings10.goodfortune{margin:20% auto;}

.goodfortune .capsule img{height:100px!important;margin-bottom:0.4em;}
.goodfortune#giveaway1 .capsule img{height:60px!important;}
.goodfortune .capsule em{font-size:1.2em;width:30px;height:30px;}
.goodfortune .text-right{padding:0;}
.goodfortune .text-left{text-align:center;padding:0 5px;}
h2{font-size:1.6em;margin-top:0!important;}
.simi-chicken{margin-bottom:0.1em;}
#greetings span.ch{font-size:0.9em;}
#greetings span.en{font-size:0.4em;width:96%;}
#greetings .simi-chicken{font-size:1em;}
}

.gifts{text-align:center;width:80%;margin:auto;position:relative;}

.sponsor small{color:#fff;}
.sponsor h2{color:#fff;font-size:2em;margin:0 auto 1em auto!important;}
.sponsor .btn{border:4px solid #fadf00;padding:0.4em 2em;margin-bottom:0.6em;color:#fff;clear:both;float:none;font-weight:bold;font-size:1.6em;}
.sponsor .btn:hover{border-color:transparent;background:#fadf00;color:#c90003;}
.sponsor .detail{margin:1em auto;}
.sponsor .detail span{display:block;}

#sponsor{width:100%;margin:6em auto!important;text-align:center!important;}
#sponsor .sponsors{width:90%;padding:2em 1em!important;margin:0 auto!important;float:none!important;background:#fff;border-radius:10px;-moz-border-radius:10px;-khtml-border-radius:10px;-webkit-border-radius:10px;}
#sponsor .sponsors .detail{padding:0;}
#sponsor .sponsors a{height:60px;display:inline-block;vertical-align:middle;margin:auto 1.5em 1em 1.5em!important;-webkit-background-size:auto 100%!important;-moz-background-size:auto 100%!important;background-size:auto 100%!important;-o-background-size:auto 100%!important;} 
#sponsor .sponsors a.sponsor-jurong-point{width:157px;background:url('../imgs/sponsor-jurong-point.png') no-repeat 0 0;}
#sponsor .sponsors a.sponsor-bakerzin{width:145px;height:40px;background:url('../imgs/sponsor-bakerzin.png') no-repeat 0 0;}
#sponsor .sponsors a.sponsor-naturel{width:99px;background:url('../imgs/sponsor-naturel.png') no-repeat 0 0;}
#sponsor .sponsors a.sponsor-bio-home{width:138px;height:40px;background:url('../imgs/sponsor-bio-home.png') no-repeat 0 0;}
#sponsor .sponsors a.sponsor-knife{width:74px;background:url('../imgs/sponsor-knife.png') no-repeat 0 0;}

@media (min-width:1100px) and (max-width:3000px){
#sponsor{width:80%;}
}

@media (min-width:1000px) and (max-width:3000px){
.sponsor{margin-top:10em;}
}

@media (min-width:768px) and (max-width:1000px){
.sponsor h2{font-size:1.4em;}
}

@media (min-width:200px) and (max-width:767px){
.sponsor h2{padding-top:0.4em;margin-bottom:0.4em!important;font-size:1em;}
.sponsor .product{width:90%!important;}
.sponsor .btn{margin-top:0;font-size:1.2em;padding:0.3em 1.5em;}
.sponsor .capsule{padding:0;}
.gifts{width:100%;}
#sponsor .sponsors{width:90%;}
#sponsor .sponsors a{margin:auto 2em 2em 2em!important;} 
}


#TOTONum ul{clear:none;display:inline-block;}

@media (min-width:200px) and (max-width:500px){
#TOTONum ul{clear:both;display:block;margin-bottom:5px;}
}

.capsule{padding:0;margin:0;}
.brightcove-videos{margin:10% auto;}
.brightcove-videos a{color:#fff;}
.brightcove-videos a:focus,.brightcove-videos a:active{font-weight:bold;}
.brightcove-player{width:100%;background:#000;}

.playlist-title span{vertical-align:bottom;}
.playlist-title .cn{font-size:2em;}
.playlist-title .en{display:none;}
.playlist-title .num{display:inline-block;font-size:0.6em;padding:0.4em 0.8em;margin:0 0 0.4em 0.4em;color:#d90002;background:#fadf00;border-radius:20px;-moz-border-radius:20px;-khtml-border-radius:20px;-webkit-border-radius:20px;font-family:"Hiragino Sans GB","WenQuanYi Micro Hei","Heiti SC","冬青黑",Microsoft YaHei,"微软正黑体",'Microsoft JhengHei','微软雅黑',"宋体",STHeiti,'LiHei Pro','华文黑体','Open Sans',sans-serif,arial,helvetica,Tahoma,'Source Sans Pro',verdana;}
.playlist-title .num em{font-family:Roboto;font-weight:700;}

.playlists-container,.playlists-container li{list-style-type:none;margin:0;padding:0;text-align:center;}
.playlists-container{margin:5em auto 1em auto;padding:0 2em 0 0;display:block;}
.playlists-container li{display:block;white-space:nowrap;}
.playlists-container li:nth-child(1){font-size:2em;font-weight:bold;color:#fadf00;}
.playlists-container li:nth-child(1) a{background:none;}
.playlists-container li a{display:block;padding:0.5em 0;margin:2px;border:1px solid #ed1f24;background:#ed1f24;}
.playlists-container li a:hover{background:none;color:#fadf00;border-color:#fadf00;}

.program .capsule{margin:auto!important;}
.program .playlist-title{margin:0 0 1em 0;padding:0;font-weight:normal;text-align:center;}

@media (min-width:200px) and (max-width:767px){
.brightcove-videos{margin:16% auto;}

.playlist-title .cn{font-size:1.2em;}
.playlists-container{margin:1em 1em 2em 1em!important;padding:0;}
.playlists-container li{font-size:0.8em;}
.playlists-container li:nth-child(1){font-size:1.2em;}
.playlists-container li a{padding:0.4em 0;margin:1px;}
}



.giveaway .wrapper{margin:0 auto;padding:5em;width:80%;position:relative;text-align:center;}
.giveaway h2{font-size:2em;font-weight:bold;}
.error h2,.success h2{font-size:1.4em;}
.error h2{color:#dc0002;}
.submit{background:#dc0002;color:#fff;border:none;padding:1em 2em;margin-top:1em;}
.cancel{background:#eee;color:#000;border:none;padding:1em 2em;margin-top:1em;}

@media (min-width:768px) and (max-width:1000px){
.giveaway .wrapper{float:left;margin-top:5em;padding:1em;width:100%;}
.giveaway h2{font-size:1.2em;}
}

@media (min-width:200px) and (max-width:767px){
.giveaway .wrapper{float:left;margin-top:5em;padding:1em;width:100%;}
.giveaway h2{font-size:1.2em;}
}


@media (min-width:200px) and (max-width:767px){
.program .capsule{width:100%;}
}


.swingit{-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-animation:swing 1.5s ease-in-out infinite;animation:swing 1.5s ease-in-out infinite;-webkit-animation-delay:4s;animation-delay:4s;}









footer{width:100%;text-align:center!important;color:#fff;font-size:0.8em;}
footer .container{margin:5em auto!important;}
footer a{color:#ff97ab;}
footer a:hover{color:#fadf00;}