#TopSlide,.TopSlide_inner{width:980px;margin:auto;position:relative}.button:focus,a.coverTopSlide .button:focus{outline:0}#TopSlide{background:#f3f3f4;background:-moz-linear-gradient(left,rgba(243,243,244,1) 0,rgba(243,243,244,1) 70%,rgba(205,32,39,1) 71%,rgba(205,32,39,1) 100%);background:-webkit-linear-gradient(left,rgba(243,243,244,1) 0,rgba(243,243,244,1) 70%,rgba(205,32,39,1) 71%,rgba(205,32,39,1) 100%);background:linear-gradient(to right,rgba(243,243,244,1) 0,rgba(243,243,244,1) 70%,rgba(205,32,39,1) 71%,rgba(205,32,39,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f4', endColorstr='#cd2027', GradientType=1);overflow:hidden}.TopSlide_inner{height:300px}.flower{background:url(//www.siamphone.com/images/cover_banner/songkran/songkran_flower.png) right top no-repeat;width:38px;height:38px;position:absolute;right:10px;bottom:10px;background-size:100%}.TopSlide_inner .flower{-webkit-animation:propellor_left 5s linear infinite;animation:propellor_left 5s linear infinite}@-webkit-keyframes propellor_left{100%{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}}@keyframes propellor_left{100%{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}}a.coverTopSlide .button{position:absolute;z-index:1;bottom:12px;right:117px;color:rgba(255,255,255,.8);font-family:Roboto;display:block;padding:0 7px 2px;vertical-align:top;line-height:21px;text-align:center;border:1px solid rgba(255,255,255,.55);font-size:15px;font-weight:300;background:0 0}#newArrival .button,#newArrival p{font-family:roboto}a.coverTopSlide .button>span{vertical-align:top}.button,.button>span{vertical-align:middle}a.coverTopSlide .button--nina{overflow:hidden;-webkit-transition:background-color .3s;transition:background-color .3s}a.coverTopSlide .button--nina.button--inverted{background:#fff;color:#c00}a.coverTopSlide .button--nina>span{display:inline-block;padding:0;opacity:0;color:#fff;-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0);-webkit-transition:-webkit-transform .3s,opacity .3s;transition:transform .3s,opacity .3s;-webkit-transition-timing-function:cubic-bezier(.75,0,.125,1);transition-timing-function:cubic-bezier(.75,0,.125,1)}.button--nina>span,a.coverTopSlide .button--nina::before{-webkit-transition:-webkit-transform .3s,opacity .3s;padding:0}a.coverTopSlide .button--nina::before{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;transition:transform .3s,opacity .3s;-webkit-transition-timing-function:cubic-bezier(.75,0,.125,1);transition-timing-function:cubic-bezier(.75,0,.125,1)}a.coverTopSlide:hover .button--nina{background-color:transparent;color:#fff;border:1px solid #fff}a.coverTopSlide:hover .button--nina::before{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}a.coverTopSlide:hover .button--nina>span{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}a.coverTopSlide:hover .button--nina>span:nth-child(1){-webkit-transition-delay:45ms;transition-delay:45ms}a.coverTopSlide:hover .button--nina>span:nth-child(2){-webkit-transition-delay:90ms;transition-delay:90ms}a.coverTopSlide:hover .button--nina>span:nth-child(3){-webkit-transition-delay:135ms;transition-delay:135ms}a.coverTopSlide:hover .button--nina>span:nth-child(4){-webkit-transition-delay:.18s;transition-delay:.18s}a.coverTopSlide:hover .button--nina>span:nth-child(5){-webkit-transition-delay:225ms;transition-delay:225ms}a.coverTopSlide:hover .button--nina>span:nth-child(6){-webkit-transition-delay:.27s;transition-delay:.27s}a.coverTopSlide:hover .button--nina>span:nth-child(7){-webkit-transition-delay:315ms;transition-delay:315ms}a.coverTopSlide:hover .button--nina>span:nth-child(8){-webkit-transition-delay:.36s;transition-delay:.36s}a.coverTopSlide:hover .button--nina>span:nth-child(9){-webkit-transition-delay:405ms;transition-delay:405ms}a.coverTopSlide:hover .button--nina>span:nth-child(10){-webkit-transition-delay:.45s;transition-delay:.45s}a.coverTopSlide:hover .button--nina>span:nth-child(11){-webkit-transition-delay:495ms;transition-delay:495ms}a.coverTopSlide:hover .button--nina>span:nth-child(12){-webkit-transition-delay:.54s;transition-delay:.54s}a.coverTopSlide:hover .button--nina>span:nth-child(13){-webkit-transition-delay:585ms;transition-delay:585ms}a.coverTopSlide:hover .button--nina>span:nth-child(14){-webkit-transition-delay:.63s;transition-delay:.63s}a.coverTopSlide:hover .button--nina>span:nth-child(15){-webkit-transition-delay:675ms;transition-delay:675ms}a.coverTopSlide:hover .button--nina>span:nth-child(16){-webkit-transition-delay:.72s;transition-delay:.72s}a.coverTopSlide:hover .button--nina>span:nth-child(17){-webkit-transition-delay:765ms;transition-delay:765ms}a.coverTopSlide:hover .button--nina>span:nth-child(18){-webkit-transition-delay:.81s;transition-delay:.81s}a.coverTopSlide:hover .button--nina>span:nth-child(19){-webkit-transition-delay:855ms;transition-delay:855ms}a.coverTopSlide:hover .button--nina>span:nth-child(20){-webkit-transition-delay:.9s;transition-delay:.9s}.flags{z-index:10;position:absolute;right:-80px;top:0;width:662px;height:58px;background:url(//www.siamphone.com/images/cover_banner/songkran/songkran_flag.png) right top no-repeat;background-size:404%}.apple_watch,.iphonebg,.motoM,.samsungA,.water_splash{z-index:9;position:absolute}@-webkit-keyframes flags{0%{background-position-x:0}100%{background-position-x:-3444px}}@keyframes flags{0%{background-position-x:0}100%{background-position-x:-3444px}}.samsungA{width:112px;height:155px;left:12%;top:30px;background:url(//www.siamphone.com/images/cover_banner/songkran/samsungA.png) right top no-repeat;background-size:100%;-webkit-animation:samsungA 3s linear infinite;animation:samsungA 3s linear infinite}@keyframes samsungA{0%,100%{top:30px}50%{top:50px}}@-webkit-keyframes samsungA{0%,100%{top:30px}50%{top:50px}}.motoM{width:63px;height:120px;left:46.5%;top:25%;background:url(//www.siamphone.com/images/cover_banner/songkran/motoM.png) right top no-repeat;background-size:100%;-webkit-animation:motoM 4s linear infinite;animation:motoM 4s linear infinite}@keyframes motoM{0%,100%{top:25%}50%{top:28%}}@-webkit-keyframes motoM{0%,100%{top:25%}50%{top:28%}}.iphonebg{width:105px;height:155px;left:22.4%;top:32%;background:url(//www.siamphone.com/images/cover_banner/songkran/iphone.png) right top no-repeat;background-size:100%;-webkit-animation:iphone 5s linear infinite;animation:iphone 5s linear infinite}@keyframes iphone{50%{top:35%}100%{top:32%}}@-webkit-keyframes iphone{50%{top:35%}100%{top:32%}}.apple_watch{width:79px;height:82px;left:4%;top:43%;background:url(//www.siamphone.com/images/cover_banner/songkran/apple_watch.png) right top no-repeat;background-size:100%;-webkit-animation:apple_watch 7s linear infinite;animation:apple_watch 7s ease infinite}@keyframes apple_watch{0%,100%{left:4%}50%{left:5%}}@-webkit-keyframes apple_watch{0%,100%{left:4%}50%{left:5%}}.water_splash{width:980px;height:300px;top:0;left:0;background:url(//www.siamphone.com/images/cover_banner/songkran/water_splash.png) right top no-repeat;background-size:100%}@-webkit-keyframes water_splash{0%,100%{left:0}50%{left:-1%}}@keyframes water_splash{0%,100%{left:0}50%{left:-1%}}.water_gun{position:absolute;width:168px;left:39%;bottom:2%;height:98px;z-index:99;background:url(//www.siamphone.com/images/cover_banner/songkran/water_gun.png) no-repeat;background-size:100%}.songkran_head{position:absolute;top:50px;left:599px}.songkran_head .songkran_head_bg{width:366px;height:161px;position:absolute;z-index:9;top:0;left:0;background:url(//www.siamphone.com/images/cover_banner/songkran/banner_headsongkran.png);background-size:100%}.songkran_head .songkran_head_sud{width:82px;height:70px;z-index:9;background:url(//www.siamphone.com/images/cover_banner/songkran/sud.gif);background-size:100%;position:absolute;top:90px;left:280px}#newArrival{text-align:center;margin:0;padding:0;display:block;height:308px;background:url(https://www.siamphone.com/images/cover_banner/banner_newyear2018.png) center no-repeat #f1f1f1;background-size: 1000px 308px;margin-top:35px;margin-bottom:20px;}#newArrival a{display:block;width:1000px;height:333px;margin:0 auto;position:relative}.button{margin:0;border:none;position:relative;z-index:1;-webkit-backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;background:#c00;color:#fff;display:none}.button--nina{color:#fff;overflow:hidden;border-radius:2px;-o-border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;background:-moz-linear-gradient(left,rgba(255,197,63,.7) 0,rgba(255,165,42,.76) 21%,rgba(253,120,25,1) 100%);background:-webkit-linear-gradient(left,rgba(255,197,63,.7) 0,rgba(255,165,42,.76) 21%,rgba(253,120,25,1) 100%);background:linear-gradient(to right,rgba(255,197,63,.7) 0,rgba(255,165,42,.76) 21%,rgba(253,120,25,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3ffc53f', endColorstr='#fd7819', GradientType=1);box-shadow:6px 4px 10px rgba(0,0,0,.2);-o-box-shadow:6px 4px 10px rgba(0,0,0,.2);-moz-box-shadow:6px 4px 10px rgba(0,0,0,.2);-webkit-box-shadow:6px 4px 10px rgba(0,0,0,.2);-webkit-transition:background-color .3s;transition:background-color .3s}.button--nina.button--inverted{background:#fff;color:#c00}.button--nina>span{display:inline-block;opacity:0;color:#fff;-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0);transition:transform .3s,opacity .3s;-webkit-transition-timing-function:cubic-bezier(.75,0,.125,1);transition-timing-function:cubic-bezier(.75,0,.125,1)}.button--nina::before{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;padding:0;-webkit-transition:-webkit-transform .3s,opacity .3s;transition:transform .3s,opacity .3s;-webkit-transition-timing-function:cubic-bezier(.75,0,.125,1);transition-timing-function:cubic-bezier(.75,0,.125,1)}.button--nina:hover{background-color:#f17a05}.button--nina:hover::before{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.button--nina:hover>span{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.button--nina:hover>span:nth-child(1){-webkit-transition-delay:45ms;transition-delay:45ms}.button--nina:hover>span:nth-child(2){-webkit-transition-delay:90ms;transition-delay:90ms}.button--nina:hover>span:nth-child(3){-webkit-transition-delay:135ms;transition-delay:135ms}.button--nina:hover>span:nth-child(4){-webkit-transition-delay:.18s;transition-delay:.18s}.button--nina:hover>span:nth-child(5){-webkit-transition-delay:225ms;transition-delay:225ms}.button--nina:hover>span:nth-child(6){-webkit-transition-delay:.27s;transition-delay:.27s}.button--nina:hover>span:nth-child(7){-webkit-transition-delay:315ms;transition-delay:315ms}#newArrival .button{background: #cc0000;position: absolute;top: 16.6%;left: 26.3%;padding: 0;width: 142px;height: 50px;font-size: 24px;line-height: 50px;font-weight: 400;border-radius: 4px;cursor: pointer;display: block;-webkit-transform: rotate(-45deg);}#newArrival p{position:absolute;color: rgb(231, 231, 231);bottom: 10%;left: 12%;font-size: 14px;font-style: italic;/* top: 22%;left: 37%;-webkit-transform: rotate(-45deg); */}