@charset "UTF-8"; @charset "UTF-8"; @charset "utf-8"; @charset "utf-8"; html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0} article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block} body{line-height:1} ol,ul{list-style:none} blockquote,q{quotes:none} blockquote:before,blockquote:after,q:before,q:after{content:none} table{border-collapse:collapse;border-spacing:0} html { -webkit-font-smoothing: antialiased; } body { width: 100%; height: 100%; font: 13px 'SK_Reg', Arial, Tahoma, sans-serif; color: #3e4142; overflow-x: hidden; } @font-face{font-family:thaisanslite_r1;src:url(//www.sagaming350d.com/wp-content/themes/sagame350-v2/css/font/thaisanslite_r1.eot)} @font-face{font-family:thaisanslite_r1;src:url(//www.sagaming350d.com/wp-content/themes/sagame350-v2/css/font/thaisanslite_r1.ttf)} @font-face{font-family:'FontAwesome';src:url(//www.sagaming350d.com/wp-content/themes/sagame350-v2/css/font/fontawesome-webfont.eot?v=4.6.3);src:url(//www.sagaming350d.com/wp-content/themes/sagame350-v2/css/font/fontawesome-webfont.eot?#iefix&v=4.6.3) format('embedded-opentype'),url(//www.sagaming350d.com/wp-content/themes/sagame350-v2/css/font/fontawesome-webfont.woff2?v=4.6.3) format('woff2'),url(//www.sagaming350d.com/wp-content/themes/sagame350-v2/css/font/fontawesome-webfont.woff?v=4.6.3) format('woff'),url(//www.sagaming350d.com/wp-content/themes/sagame350-v2/css/font/fontawesome-webfont.ttf?v=4.6.3) format('truetype'),url(//www.sagaming350d.com/wp-content/themes/sagame350-v2/css/font/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular) format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-bars:before{content:"\f0c9"}.fa-home:before{content:"\f015"}.fa-angle-down:before{content:"\f107"}.fa-chevron-up:before{content:"\f077"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-facebook:before{content:"\f09a"}.fa-twitter:before{content:"\f099"}.fa-youtube:before{content:"\f167"}.fa-google-plus:before{content:"\f0d5"}.fa-times:before{content:"\f00d"}.fa-plus:before{content:"\f067"}.fa-sort-desc:before{content:"\f0dd"}.fa-user-plus:before{content:"\f234"}.fa-check-circle-o:before{content:"\f05d"}.fa-play:before{content:"\f04b"}.fa-phone:before{content:"\f095"}.fa-key:before{content:"\f084"}.fa-user:before{content:"\f007"}.fa-university:before{content:"\f19c"}.fa-credit-card:before{content:"\f09d"}.fa-bullhorn:before{content:"\f0a1"}.fa-indent:before{content:"\f03c"}.fa-outdent:before{content:"\f03b"}.fa-trophy:before{content:"\f091"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-scissors:before{content:"\f0c4"}.fa-gamepad:before{content:"\f11b"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-check:before{content:"\f00c"}.fa-times:before{content:"\f00d"}.fa-sign-out:before{content:"\f08b"} * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } a { color: #333; outline: none; text-decoration: none; } input, textarea { outline: none; } img { max-width: 100%; height: auto; -ms-interpolation-mode:bicubic;vertical-align:middle; } img.alignright{float:right;margin:5px 0 20px 1%;} img.alignnone{margin:5px 1% 20px 0;} img.alignleft{float:left;margin:5px 1% 20px 0;} img.aligncenter{display:block;margin-left:auto;margin-right:auto;} hr{border:0;border-top:1px solid #333;clear:both;height:0;margin:1.250em 0;} a:hover, textarea, textarea:focus { -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .tt_lrt {position: relative;float: left;} .tt_rrt {position: relative;float: right;} .tt_l {float: left;} .tt_r {float: right;} .tt_full {width: 100%;} .tt-cr-f {color: #333;} .tt-cr-bg {background-color: #ccc;} .mt-5 {margin-top: 5px;} .mt-l {margin-left: 7px;} .mt-10 {margin-top: 10px;} .mt-15 {margin-top: 15px;} .mt-20 {margin-top: 20px;} .mb-5 {margin-bottom: 5px;} .mb-10 {margin-bottom: 10px;} .mb-15 {margin-bottom: 15px;} .mb-20 {margin-bottom: 20px;} .pd-5 {padding: 5px;} .pd-10 {padding: 10px;} .pd-15 {padding: 15px;} .logo_m , .tt_from_login_m, .nav_m {display: none;} .tt_head_menu{float:left;width:100%;min-height:40px;top:0px;z-index:1000;position:relative;margin: 0px 0px 0px 0%; } .tt_head_menu ul{float:left;width:100%;margin:0% 0% 0% 0%;text-align: left;} .menu_l .tt_head_menu ul {text-align: right;} .tt_head_menu ul li{display: inline-block;margin:5px -3px 0px 0px;position:relative;} .tt_head_menu ul li.ico-home a {background-image: url(//www.sagaming350d.com/wp-content/themes/sagame350-v2/images/ico-home.png);background-repeat: no-repeat;background-position: 10px center;padding-left: 40px;} .tt_head_menu ul li:last-child {border-right: 0;} .tt_head_menu ul li:hover .fa{color:#F0D27C;} .tt_head_menu ul li .fa{position:absolute;right:8px;top:13px;color:#333;} .tt_head_menu .fa.fa-chevron-down{font-size:12px;} .tt_head_menu ul li strong{font-weight:normal;} .tt_head_menu ul li.menu-item-has-children{padding:0px 20px 0px 0px;} .tt_head_menu ul li.current-menu-item.menu-item-has-children:hover, .tt_head_menu ul li.current-menu-item.menu-item-has-children{} .tt_head_menu ul li a{display: inline-block;color:#000;font-family: thaisanslite_r1;font-size: 22px;line-height: 18px;padding:12px 20px 10px 20px;font-weight: bold;} #tt_th .tt_head_menu ul li a{padding:2px 16px 0px 0px;} .tt_head_menu ul li.menu-item-has-children .fa, .tt_head_menu ul li.menu-item-has-children a{color:#333;} .tt_head_menu ul li.menu-item-has-children:hover , .tt_head_menu ul li, .tt_head_menu ul li:hover{} .tt_head_menu ul li:hover a{color:#fff;background-color:#000;} .tt_head_menu ul li.ico-new a{color:#fff!important; } .tt_head_menu ul li.ico-new:hover a {color:#fff!important;} .tt_head_menu ul li.ico-new {margin:0px -2px 0px -2px;} .tt_head_menu ul li.ico-new:after {background-color:transparent;} .tt_head_menu ul li.ico-new a{color:#fff!important;animation: walk-cyclet2 0.5s steps(5) infinite; -webkit-animation: walk-cyclet2 0.5s steps(5) infinite;} .tt_head_menu.m-mc {display: none;} .tt_head_menu .ico-new a::before { background-image: url(//www.sagaming350d.com/wp-content/themes/sagame350-v2/images/ico-new.png); background-repeat: no-repeat; border-radius: 3px; content: ""; height: 19px; line-height: 13px; position: absolute; right: -5px; top: -12px; width: 30px; } @-webkit-keyframes walk-cycle2 { 0% {opacity:1; } 100% {opacity:0;} } @keyframes walk-cycle2 { 0% {opacity:1; } 100% {opacity:0; } } @-webkit-keyframes walk-cyclet2 { 0% {background-color: #D61A1B; } 100% {background-color: #000;} } @keyframes walk-cyclet2 { 0% {background-color: #D61A1B; } 100% {background-color: #000; } } .m_pc2 .tt_head_menu {min-height: 20px;width:70%;} .m_pc2 .tt_head_menu ul {margin: 5px 0px 5px 0px;} .m_pc2 .tt_head_menu ul li {border-left: 1px solid #414141;} .m_pc2 .tt_head_menu ul li a{display: inline-block;color:#fffdfd;font-family: thaisanslite_r1;font-size: 18px;line-height: 18px;padding:2px 16px 2px 16px;} .tt_head_rt a.link_lg:hover, .m_pc2 .tt_head_menu ul li a:hover {background-color: transparent;color:#ffc704;} .tt_head_rt {text-align: right;} .tt_head_rt a{display: inline-block;} .tt_head_rt a.link_ht{display: inline-block;color:#000;font-family: thaisanslite_r1;font-size: 22px;line-height: 16px;border: 3px solid #000;background: #ffc704;padding:3px 25px 6px 25px;border-radius: 20px;margin-right: 10px;} .tt_head_rt a.link_ht:hover {background: #d33d09;color:#fff;} .tt_head_rt a.link_lg {border-left: 1px solid #414141;color:#fffdfd;font-family: thaisanslite_r1;font-size: 18px;line-height: 18px;padding:2px 10px 2px 10px;} .tt-date {width:20%;margin: 3px 0px 0px 0px;font-size:11px;color:#eee;font-family: thaisanslite_r1;font-size: 18px;line-height: 18px;} .m_pc { z-index: 99999; } .menu_l {float:left;width:38%;min-height: 40px;padding: 0px 40px 0px 0px;} .menu_c {float:left;width:20%;min-height: 40px; position: relative;} .menu_c a {float:left;width:100%;box-shadow: 0 2px 15px #000;text-shadow: 1px 1px 0px #fffcb1;border: 2px solid #b59715;text-align: center; position:absolute;left: 0px;min-height: 50px;top: 2px;font-family: thaisanslite_r1;font-size: 42px;line-height: 38px;font-weight: bold;color: #000;border-radius: 6px; background: rgba(139,75,19,1); background: -moz-linear-gradient(top, rgba(139,75,19,1) 0%, rgba(192,137,54,1) 9%, rgba(193,142,55,1) 19%, rgba(255,250,174,1) 42%, rgba(193,142,55,1) 66%, rgba(125,69,0,1) 83%, rgba(193,142,55,1) 98%, rgba(193,142,55,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(139,75,19,1)), color-stop(9%, rgba(192,137,54,1)), color-stop(19%, rgba(193,142,55,1)), color-stop(42%, rgba(255,250,174,1)), color-stop(66%, rgba(193,142,55,1)), color-stop(83%, rgba(125,69,0,1)), color-stop(98%, rgba(193,142,55,1)), color-stop(100%, rgba(193,142,55,1))); background: -webkit-linear-gradient(top, rgba(139,75,19,1) 0%, rgba(192,137,54,1) 9%, rgba(193,142,55,1) 19%, rgba(255,250,174,1) 42%, rgba(193,142,55,1) 66%, rgba(125,69,0,1) 83%, rgba(193,142,55,1) 98%, rgba(193,142,55,1) 100%); background: -o-linear-gradient(top, rgba(139,75,19,1) 0%, rgba(192,137,54,1) 9%, rgba(193,142,55,1) 19%, rgba(255,250,174,1) 42%, rgba(193,142,55,1) 66%, rgba(125,69,0,1) 83%, rgba(193,142,55,1) 98%, rgba(193,142,55,1) 100%); background: -ms-linear-gradient(top, rgba(139,75,19,1) 0%, rgba(192,137,54,1) 9%, rgba(193,142,55,1) 19%, rgba(255,250,174,1) 42%, rgba(193,142,55,1) 66%, rgba(125,69,0,1) 83%, rgba(193,142,55,1) 98%, rgba(193,142,55,1) 100%); background: linear-gradient(to bottom, rgba(139,75,19,1) 0%, rgba(192,137,54,1) 9%, rgba(193,142,55,1) 19%, rgba(255,250,174,1) 42%, rgba(193,142,55,1) 66%, rgba(125,69,0,1) 83%, rgba(193,142,55,1) 98%, rgba(193,142,55,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8b4b13', endColorstr='#c18e37', GradientType=0 ); } .menu_c a:hover { text-shadow:0px 1px 10px #fff;color:#000;box-shadow:0 2px 45px #fe8127; background: rgba(139,75,19,1); background: -moz-linear-gradient(top, rgba(139,75,19,1) 0%, rgba(192,137,54,1) 4%, rgba(193,142,55,1) 9%, rgba(255,250,174,1) 23%, rgba(255,250,174,1) 41%, rgba(193,142,55,1) 70%, rgba(125,69,0,1) 87%, rgba(46,33,14,1) 96%, rgba(112,73,11,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(139,75,19,1)), color-stop(4%, rgba(192,137,54,1)), color-stop(9%, rgba(193,142,55,1)), color-stop(23%, rgba(255,250,174,1)), color-stop(41%, rgba(255,250,174,1)), color-stop(70%, rgba(193,142,55,1)), color-stop(87%, rgba(125,69,0,1)), color-stop(96%, rgba(46,33,14,1)), color-stop(100%, rgba(112,73,11,1))); background: -webkit-linear-gradient(top, rgba(139,75,19,1) 0%, rgba(192,137,54,1) 4%, rgba(193,142,55,1) 9%, rgba(255,250,174,1) 23%, rgba(255,250,174,1) 41%, rgba(193,142,55,1) 70%, rgba(125,69,0,1) 87%, rgba(46,33,14,1) 96%, rgba(112,73,11,1) 100%); background: -o-linear-gradient(top, rgba(139,75,19,1) 0%, rgba(192,137,54,1) 4%, rgba(193,142,55,1) 9%, rgba(255,250,174,1) 23%, rgba(255,250,174,1) 41%, rgba(193,142,55,1) 70%, rgba(125,69,0,1) 87%, rgba(46,33,14,1) 96%, rgba(112,73,11,1) 100%); background: -ms-linear-gradient(top, rgba(139,75,19,1) 0%, rgba(192,137,54,1) 4%, rgba(193,142,55,1) 9%, rgba(255,250,174,1) 23%, rgba(255,250,174,1) 41%, rgba(193,142,55,1) 70%, rgba(125,69,0,1) 87%, rgba(46,33,14,1) 96%, rgba(112,73,11,1) 100%); background: linear-gradient(to bottom, rgba(139,75,19,1) 0%, rgba(192,137,54,1) 4%, rgba(193,142,55,1) 9%, rgba(255,250,174,1) 23%, rgba(255,250,174,1) 41%, rgba(193,142,55,1) 70%, rgba(125,69,0,1) 87%, rgba(46,33,14,1) 96%, rgba(112,73,11,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8b4b13', endColorstr='#70490b', GradientType=0 ); } .menu_r {float:left;width:42%;min-height: 40px;padding: 0px 0px 0px 40px;} .m_pc2 { padding:5px 0px 5px 0px; background: rgba(0,0,0,1); background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 2%, rgba(54,54,54,1) 81%, rgba(31,31,31,1) 88%, rgba(0,0,0,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,1)), color-stop(2%, rgba(0,0,0,1)), color-stop(81%, rgba(54,54,54,1)), color-stop(88%, rgba(31,31,31,1)), color-stop(100%, rgba(0,0,0,1))); background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 2%, rgba(54,54,54,1) 81%, rgba(31,31,31,1) 88%, rgba(0,0,0,1) 100%); background: -o-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 2%, rgba(54,54,54,1) 81%, rgba(31,31,31,1) 88%, rgba(0,0,0,1) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 2%, rgba(54,54,54,1) 81%, rgba(31,31,31,1) 88%, rgba(0,0,0,1) 100%); background: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 2%, rgba(54,54,54,1) 81%, rgba(31,31,31,1) 88%, rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 ); } .thaitheme_read{width:100%;padding:0px 0px 10px 0px;color:#212529;font-family: thaisanslite_r1;font-size: 22px;line-height: 28px;overflow:hidden;} .thaitheme_read a{color:#212529;} .thaitheme_read a:hover {} .thaitheme_read img{max-width:100%;height:auto;padding:0;} .thaitheme_read strong, [class*="ddtemplate_read"] th{font-weight:700;} .thaitheme_read em, .thaitheme_read address, .thaitheme_read caption, .thaitheme_read cite{font-style:italic;} .thaitheme_read table{display:table;border-spacing:2px;border-collapse:separate;} .thaitheme_read tr{display:table-row;vertical-align:inherit;} .thaitheme_read td{display:table-cell;border-spacing:2px;padding:2px;vertical-align:inherit;text-align:inherit;padding:1px;border-collapse:none;} .thaitheme_read th{display:table-cell;vertical-align:inherit;font-weight:700;padding:1px;border-collapse:none;} .thaitheme_read{line-height:1.5em;} .thaitheme_read p{display:block;margin:0.5em 0;line-height:1.3em;} .thaitheme_read blockquote{width:75%;margin:0% 0% 0% 20%;padding:0.25em 5%;line-height:1.45;position:relative;color:#383838;background:#ececec;} .thaitheme_read blockquote:before{display:block;content:"\201C";font-size:80px;position:absolute;left:-10px;top:-10px;color:#7a7a7a;} .thaitheme_read blockquote cite{color:#999999;font-size:14px;display:block;margin-top:5px;} .thaitheme_read blockquote cite:before{content:"\2014 \2009";} .thaitheme_read address{display:block;font-style:italic;} .thaitheme_read center{display:block;text-align:center;} .thaitheme_read h1{display:block;margin:0.2em 0 0.5em 0;font-family: thaisanslite_r1;font-size: 48px;line-height: 48px;font-weight: bold;} .thaitheme_read h2, .thaitheme_read h3{display:block;margin:0.2em 0 0.5em 0;font-family: thaisanslite_r1;font-family: thaisanslite_r1;font-size: 34px;line-height: 34px;font-weight: bold;} .thaitheme_read h4{display:block;font-weight:700;margin:1.33em 0;} .thaitheme_read h5{display:block;font-size:0.83em;font-weight:700;margin:1.67em 0;} .thaitheme_read h6{display:block;font-size:0.67em;font-weight:700;margin:2.33em 0;} .thaitheme_read ul{display:block;list-style-type:disc;margin:1em 0;padding-left:40px;} .thaitheme_read ol{display:block;list-style-type:decimal;margin:1em 0;padding-left:40px;} .thaitheme_read li{display:list-item;} .thaitheme_read ul li{list-style-type:disc;} .thaitheme_read ol li{list-style-type:decimal;} .thaitheme_read pre, .thaitheme_read code{display:block;font-family:Courier New;white-space:pre;margin:1em 0;} .thaitheme_read iframe {width: 100%;} .thaitheme_read .gallery img{width: 100%;border:0!important;padding:3px 3px 0px 3px!important;margin-bottom: 0px;} .gallery .gallery-item {border: 2px solid #0a0a0a;background-color:#0a0a0a;margin: 0px 0px 0px 0%;padding-bottom: 3px;} .gallery .gallery-item:hover {-webkit-filter: grayscale(100%);filter: grayscale(100%);} #calendar_wrap{float:left;width:100%;border-radius:3px;} .textwidget, #wp-calendar{float:left;width:100%;} #wp-calendar caption{text-align:right;color:#eee;font-size:12px;margin-top:10px;margin-bottom:15px;} #wp-calendar thead{font-size:10px;} #wp-calendar thead th{padding-bottom:10px;} .thaitheme_widget div#calendar_wrap table#wp-calendar thead tr th{color:#eee;} #wp-calendar tbody{color:#000;} #wp-calendar tbody td{background:#ebebeb;border:1px solid #ddd;text-align:center;padding:8px;} #wp-calendar tbody td:hover{background:#fff;} #wp-calendar tbody .pad{background:none;} #wp-calendar tfoot #next{font-size:10px;text-transform:uppercase;text-align:right;} #wp-calendar tfoot #prev{font-size:10px;text-transform:uppercase;padding-top:10px;} .thaitheme_widget{float:left;width:100%;margin:0px 0px 0px 0px;} .thaitheme_widget .title{float:left;width:100%;padding:8px 0% 10px 5%;margin:0px 0px 0px 0px;min-height:15px;font-family: thaisanslite_r1;font-size: 20px;line-height: 18px;color:#000;background-color:#e1e1e1;} .thaitheme_widget .tt-l.tt_full .tt-l.tt_txt_seo {padding: 0px 10px 0px 10px;} .thaitheme_widget .title a {color:#333;cursor:text;} .thaitheme_widget ul{float:left;width:100%;padding:0%;} .thaitheme_widget ul li{float:left;width:100%;color:#ccc;background-image:url(//www.sagaming350d.com/wp-content/themes/sagame350-v2/images/ico-widget.png);padding:5px 0% 5px 25px;border-bottom:1px dotted #999;background-repeat:no-repeat;background-position:left center;} .thaitheme_widget ul li a{color:#ccc;} .thaitheme_widget ul li:hover a{color:#fff;} .thaitheme_widget ul li.menu-item-has-children{background-position:left 10px;} .thaitheme_widget ul li .sub-menu{float:left;width:100%;margin-top:10px;} .thaitheme_widget ul li .sub-menu li{border-bottom:0;border-top:1px solid #ceddf7;} .tt_img_widget{float:left;width:100%;text-align:center;} .thaitheme_widget #searchform{float:left;width:97%;margin-top:0px;padding:3% 3% 3% 0%;} .thaitheme_widget #searchform input#s{width:68%;height:30px;background-color:#f5f5f5;border: 1px solid #FFD727;border-radius: 3px;} .thaitheme_widget #searchform .screen-reader-text{display:none;} .thaitheme_widget form#searchform.searchform input#searchsubmit{float:right;border:0;height:30px;color:#000;background-color:#F4E773;padding:0px 10px 0px 10px;cursor:pointer;font-size:14px;border: 1px solid #FFD727;border-radius: 3px;} .textwidget {float:left;width:100%;} .textwidget span {float:left;width:100%;margin-bottom: 8px;color:#ccc;border-bottom: 1px dotted #999;padding: 0px 0px 5px 0px;} .widget_calendar{float:left;} #toTop{width:45px;height:45px;border-radius:50%;z-index:999999999999999;text-align:center;position:fixed;bottom:60px;right:10px;cursor:pointer;display:none;color:#000;font-size:2em;background-color:#FFF;} #toTop .fa{padding:8px 0px 0px 0px;} #thaitheme-waper{float:left;width:100%;min-height:500px;} .fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style]{width:100% !important;} .tt_btn_open, .tt_btn_close {float: right;width:25px;height: 25px;background-color:#333;margin: 0px 10px 20px 0px;color:#FFF;text-align: center;cursor: pointer;} .tt_btn_close .fa, .tt_btn_open .fa {font-size:18px;line-height:22px;} #topbar.tt_open .tt_img_fixed, .tt_open .tt_btn_close, .tt_btn_open {display: none;} .tt_open .tt_btn_open {display: block;} #topbar{position:fixed;top: 20px;width:195px;z-index:10;right:10px;top:10px;padding:10px 0px 0px 0px;} .tt_img_line {float:left;width:96%;padding: 5px 2% 5px 2%;} .tt_tx_line.top {margin: 10px 0px 0px 0px;} .tt_tx_line {float:left;width:100%;font-size:13px;color:#FFF;text-align: left;margin: 5px 0px 0px 0px;text-align: center;} .tt_btn_open2, .tt_btn_close2 {float: left;width:25px;height: 25px;background-color:#333;margin: 0px 0px 10px 0px;color:#FFF;text-align: center;cursor: pointer;} .tt_btn_close2 .fa, .tt_btn_open2 .fa {font-size:18px;line-height:22px;} #topbar2.tt_open2 .tt_img_fixed2, .tt_open2 .tt_btn_close2, .tt_btn_open2 {display: none;} .tt_open2 .tt_btn_open2 {display: block;} #topbar2{position:fixed;top: 20px;width:95px;z-index:99999999;left:10px;top:195px;padding:10px 0px 0px 0px;-webkit-transition: all .5s ease-in-out 0s; -o-transition: all .5s ease-in-out 0s; -moz-transition: all .5s ease-in-out 0s; transition: all .5s ease-in-out 0s;} .wrapper {width: 100%;max-width: 1080px;margin: 0 auto;} .wrapper-h {width: 100%;max-width: 1220px;margin: 0 auto;} .wrapper-c {width: 100%;max-width: 1000px;margin: 0 auto;} .nav_top {min-height: 15px;margin: 17px 0px 0px 0px;} .logo_pc {width: 40%;min-height: 180px;margin: 2px 0px 3px 0px;} .logo_pc img {width: 100%;} .header { min-height: 122px; position: relative; } .header_bg{float:left;width: 100%; background-image: url(//www.sagaming350d.com/wp-content/themes/sagame350-v2/images/head-sagame350.jpg); min-height: 230px; background-position: center center; background-color:#000; } .tt-social{float:left;width: 100%;min-height:36px;overflow:hidden;top: 0px;z-index: 100;background-color:#702b0f;} .tt_top_nav ul li{float:left;margin:0px 3px 3px 3px;} .tt_top_nav ul li a{color:#000;font-family: thaisanslite_r1;font-size: 16px;line-height: 13px;padding: 0px 6px 2px 6px;border-radius: 3px;} .tt_top_nav ul li a:hover{color:#000;} .banner_h {width: 59%;margin: 60px 1.4% 4px 0px;} #topbar{position:fixed;width:150px;z-index:10;right:10px;top:165px;padding:10px 0px 0px 0px;-webkit-transition: all .5s ease-in-out 0s; -o-transition: all .5s ease-in-out 0s; -moz-transition: all .5s ease-in-out 0s; transition: all .5s ease-in-out 0s;} .tt_img_line{float:left;width:96%;padding:5px 2% 5px 2%;} .tt_tx_line.top{margin:10px 0px 0px 0px;} .tt_tx_line{float:left;width:100%;font-size:13px;color:#FFF;text-align:left;margin:0px 0px 0px 0px;padding:5px 0px 5px 0px;text-align:center;background-color:#57C42E;} .tt_btn_open, .tt_btn_close{float:right;width:25px;height:25px;background-color:#333;margin:0px 0px 10px 0px;color:#FFF;text-align:center;cursor:pointer;} .tt_btn_close .fa, .tt_btn_open .fa{font-size:18px;line-height:22px;} #topbar.tt_open .tt_img_fixed, .tt_open .tt_btn_close, .tt_btn_open{display:none;} .tt_open .tt_btn_open{display:block;} .tt_img_fixed {float:left;} .tt_img_fixed.bt {margin:10px 0px 0px 0px;} .tt_from_login {width:32%;margin: 19px 0% 0px 0px;} .ct_lang {width: 26%;min-height: 57px;margin: 19px 0% 0px 0px;} .tt_lang {float:left;height: 20px;padding: 0px 10px 0px 10px;font-size: 13px;color:#FFF;position: relative;} .use_lang {float: left;width:120px;} .tt_btn_lang{float: right;width:120px;background-color: #FFF;color:#333;line-height: 13px;padding: 0px 5px 0px 10px;border: 1px solid #ccc;position: relative;cursor: pointer;} .tt_btn_lang span.tt_arr {height: 18px;border-left: 1px solid #ddd;padding: 0px 9px 0px 0px;} .tt_btn_lang .tt_tx {width:80px;height: 18px;padding: 3px 0px 0px 0px;} .tt_btn_lang .fa {font-size: 18px;line-height: 13px;} .nav_lang { position:absolute;top: 25px;left: 0px;width:130px;min-height: 30px;background-color: #FFF;z-index: 9999999999999;display: none;} .nav_lang.active {display: block;z-index: 9999999999999;} .nav_lang a {float:left;width:100%;padding: 5px 10px 5px 10px;border-bottom: 1px solid #ddd;color:#333;} .nav_lang a:hover {background-color: #ddd;} .head_from {min-height: 20px;z-index: 10; position: relative;} .arr_right:after{content:"";display:block;height:0;position:absolute;width:0;top:-16px;bottom:0px;border-right:14px solid transparent;border-top:6px solid transparent;border-left:7px solid #3e3e3e;border-bottom:10px solid #3e3e3e;z-index:-1;right:-2px;} .arr_left:after{content:"";display:block;height:0;position:absolute;width:0;top:-16px;bottom:0px;border-right:7px solid #3e3e3e;border-top:6px solid transparent;border-left:14px solid transparent;border-bottom:10px solid #3e3e3e;z-index:-1;left:-2px;} .arr_hl {width:24px;min-height: 48px;background-image: url(//www.sagaming350d.com/wp-content/themes/sagame350-v2/images/arh.png);position:absolute;bottom:-1px;left: -34px;} .sec-center {padding: 10px 21px 10px 21px;border: 2px solid #8093b4; background: #b3c1e6; background: -moz-linear-gradient(top, #b3c1e6 0%, #838eac 49%, #444b5d 100%); background: -webkit-linear-gradient(top, #b3c1e6 0%,#838eac 49%,#444b5d 100%); background: linear-gradient(to bottom, #b3c1e6 0%,#838eac 49%,#444b5d 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3c1e6', endColorstr='#444b5d',GradientType=0 ); } .tt_col_c {width: 32%;margin: 0% 2% 5px 0%;background-color:#fff;border-radius: 0px; -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.16); -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.16); box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.16); } .tt_col_c.last {margin-right: 0;} .tt_col_c h3{position:absolute;float:left;width:100%;background-color: rgba(0, 0, 0, 0.5);left: 0px;bottom: 0px;font-family:thaisanslite_r1;font-size:32px;line-height:32px;padding: 7px 0px 10px 0px;text-align: center;color: #fff;} .tt_col_c .dsc_3x {text-align: center;} .tt_col_c .dsc_3x p {float:left;width:100%;font-size:24px;line-height:24px;font-family:thaisanslite_r1;color: #444;padding: 7px 0px 7px 0px;} .tt_col_c .dsc_3x span {display: inline-block;font-size:20px;line-height:20px;font-family:thaisanslite_r1;color: #fff;padding: 7px 60px 10px 60px;margin-bottom: 20px;font-weight: bold;border-radius: 6px;box-shadow: 0 2px 0 rgba(0,0,0,0.1); background: #ed5e1c; background: -moz-linear-gradient(top, #ed5e1c 0%, #ea4509 24%, #44110a 100%); background: -webkit-linear-gradient(top, #ed5e1c 0%,#ea4509 24%,#44110a 100%); background: linear-gradient(to bottom, #ed5e1c 0%,#ea4509 24%,#44110a 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed5e1c', endColorstr='#44110a',GradientType=0 ); } .tt_col_c:hover .dsc_3x span { background: #ed5e1c; background: -moz-linear-gradient(left, #ed5e1c 0%, #ea4509 24%, #44110a 100%); background: -webkit-linear-gradient(left, #ed5e1c 0%,#ea4509 24%,#44110a 100%); background: linear-gradient(to right, #ed5e1c 0%,#ea4509 24%,#44110a 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed5e1c', endColorstr='#44110a',GradientType=1 ); } .bg {margin-left: 0px; background: rgb(82, 82, 82); background: linear-gradient(0deg, rgba(82, 82, 82, 0) 0%, rgba(255, 255, 255, 1) 20%); -webkit-box-shadow: 0px -20px 20px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px -20px 20px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px -20px 20px 0px rgba(0, 0, 0, 0.2); } .bg2 {margin-left: 0px;background-color: #2b2c26; background-image: url(//www.sagaming350d.com/wp-content/themes/sagame350-v2/images/bg-footer.png); background-repeat: repeat-x; } .tx_sl_bg { background: #d33d09; padding: 5px 0px 5px 0px; } .tt_xsl { float: right;width: 79%; font-family:thaisanslite_r1;background-color:#702b0f;font-size:18px;line-height:24px;color: #e6c687;height: 25px; margin: 0px 0px 0px 0px; padding: 0px 10px 0px 10px; } .head_from_pc {width:100%;min-height: 20px;padding-top: 10px;} .head_ufa {padding: 15px 0px 3px 0px;text-align: center;font-weight: bold;font-size: 22px;color: #000;line-height: 18px;font-family: thaisanslite_r1; } .from_hc {width:100%;} .head_from_pc .tt_from_p, .head_from_pc .tt_from_u {width:100%;float: left;height: 35px;background-color: #eee;margin: 2px 0px 3px 0px;border: 1px solid #ccc;padding: 0px 0px 0px 10px;color: #fff;border-radius: 2px;font-family: thaisanslite_r1;font-size: 18px;} .head_from_pc span, .head_from_pc span {float:left;width:33%;margin-top:0px;font-family: thaisanslite_r1;font-size: 18px;white-space :nowrap;color: #000;} .head_from_pc input::placeholder { color: #555; opacity: 1; } .head_from_pc input:-ms-input-placeholder { color: #555; } .head_from_pc input::-ms-input-placeholder { color: #555; } .head_from_pc strong {float:left;width: 100%;margin:5px 0px 5px 0px;text-align: center;font-family: thaisanslite_r1;font-size: 20px;color: #000;} .head_from_pc .tt_from_lgh {width:100%;padding: 0px 0px 0px 0px;color: #E2E2E2;} .head_from_pc .tt_submit {float:right;border: 0;margin:2px 0px 0px 0px;color: #fff;width:100%;height: 35px;padding: 3px 0px 5px 0px;text-align: center;cursor: pointer;line-height: 18px;border-radius: 2px;font-family: thaisanslite_r1;font-size: 22px;font-weight: bold; background: #7c040b; background: -moz-linear-gradient(top, #7c040b 0%, #eb1623 44%, #b90414 100%); background: -webkit-linear-gradient(top, #7c040b 0%,#eb1623 44%,#b90414 100%); background: linear-gradient(to bottom, #7c040b 0%,#eb1623 44%,#b90414 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7c040b', endColorstr='#b90414',GradientType=0 ); border: 1px solid #000; border-radius: 4px; } @-webkit-keyframes walk-cycle { 0% { background: #ffebb6; background: -moz-linear-gradient(top, #ffebb6 0%, #ab9d7a 35%, #71674e 100%); background: -webkit-linear-gradient(top, #ffebb6 0%,#ab9d7a 35%,#71674e 100%); background: linear-gradient(to bottom, #ffebb6 0%,#ab9d7a 35%,#71674e 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffebb6', endColorstr='#71674e',GradientType=0 ); } 100% { background: #e3d8b8; background: -moz-linear-gradient(top, #e3d8b8 15%, #c1b491 39%, #716245 100%); background: -webkit-linear-gradient(top, #e3d8b8 15%,#c1b491 39%,#716245 100%); background: linear-gradient(to bottom, #e3d8b8 15%,#c1b491 39%,#716245 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3d8b8', endColorstr='#716245',GradientType=0 ); border: 2px solid #FBEECB; } } @keyframes walk-cycle { 0% { background: #ffebb6; background: -moz-linear-gradient(top, #ffebb6 0%, #ab9d7a 35%, #71674e 100%); background: -webkit-linear-gradient(top, #ffebb6 0%,#ab9d7a 35%,#71674e 100%); background: linear-gradient(to bottom, #ffebb6 0%,#ab9d7a 35%,#71674e 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffebb6', endColorstr='#71674e',GradientType=0 ); } 100% { background: #e3d8b8; background: -moz-linear-gradient(top, #e3d8b8 15%, #c1b491 39%, #716245 100%); background: -webkit-linear-gradient(top, #e3d8b8 15%,#c1b491 39%,#716245 100%); background: linear-gradient(to bottom, #e3d8b8 15%,#c1b491 39%,#716245 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3d8b8', endColorstr='#716245',GradientType=0 ); border: 2px solid #FBEECB; } } @-webkit-keyframes walk-cyclet { 0% { background: #ffebb6; background: -moz-linear-gradient(top, #ffebb6 0%, #ab9d7a 35%, #71674e 100%); background: -webkit-linear-gradient(top, #ffebb6 0%,#ab9d7a 35%,#71674e 100%); background: linear-gradient(to bottom, #ffebb6 0%,#ab9d7a 35%,#71674e 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffebb6', endColorstr='#71674e',GradientType=0 ); } 100% { background: #e3d8b8; background: -moz-linear-gradient(top, #e3d8b8 15%, #c1b491 39%, #716245 100%); background: -webkit-linear-gradient(top, #e3d8b8 15%,#c1b491 39%,#716245 100%); background: linear-gradient(to bottom, #e3d8b8 15%,#c1b491 39%,#716245 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3d8b8', endColorstr='#716245',GradientType=0 ); border: 2px solid #FBEECB; } } @keyframes walk-cyclet { 0% { background: #ffebb6; background: -moz-linear-gradient(top, #ffebb6 0%, #ab9d7a 35%, #71674e 100%); background: -webkit-linear-gradient(top, #ffebb6 0%,#ab9d7a 35%,#71674e 100%); background: linear-gradient(to bottom, #ffebb6 0%,#ab9d7a 35%,#71674e 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffebb6', endColorstr='#71674e',GradientType=0 ); } 100% { background: #e3d8b8; background: -moz-linear-gradient(top, #e3d8b8 15%, #c1b491 39%, #716245 100%); background: -webkit-linear-gradient(top, #e3d8b8 15%,#c1b491 39%,#716245 100%); background: linear-gradient(to bottom, #e3d8b8 15%,#c1b491 39%,#716245 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3d8b8', endColorstr='#716245',GradientType=0 ); border: 2px solid #FBEECB; } } .bx_clip iframe{width: 100%!important;} .tt_slide {width: 100%;margin: 0px 0px 0px 0px;overflow: hidden;padding: 0px 0px 0px 0%;} .tt_slide_page {width: 100%;margin: 0px 0px 0px 0px;overflow: hidden;max-height: 244px;} .login_head_m, .nav_mobile {display: none;} .tt_lc {width: 65.9%;min-height: 100px;} .tt_rc {width: 32.7%;min-height: 100px;} .tt_lcx {width: 60%;min-height: 100px;margin: 10px 0px 0px 0px;} .tt_rcx {width: 38%;min-height: 100px;margin: 10px 0px 0px 0px;} .tt_rc .banner_hover {margin: 0px 0px 10px 0px;} .tt_live {width: 21%;margin: 30px 0% 0px 0%; } .tt_live.if_login {width: 22%;cursor: pointer;margin: 70px 0% 10px 0%} .tt_live.if_login .fr2x {padding: 5px 2px 0px 0px;} .tt_live.if_login .fr_ficenter {width: 100%;padding: 0px 2px 5px 5px;border-radius: 5px;} .tt_content {padding: 20px;min-height: 300px;} .left_ct {min-height: 300px;width:67.8%;} .right_ct {min-height: 100px;width:30.2%;} .tt_l.tt_rc .banner_hover.fadeInLeft img {width: 100%;} .c_tx {padding: 10px 15px 0px 15px;} .tt_txt_seo{width:100%;color:#ddd;padding: 0px 0px 0px 10px;border-radius: 7px;font-family: thaisanslite_r1;font-size: 18px;line-height: 18px;overflow:hidden;margin-bottom:10px;margin-top: 0px;} .tt_txt_seo a{color:#333;} .tt_txt_seo a:hover{text-decoration:underline;} .tt_txt_seo img{max-width:100%;height:auto;padding:0;} .tt_txt_seo strong, [class*="ddtemplate_read"] th{font-weight:700;} .tt_txt_seo em, .tt_txt_seo address, .tt_txt_seo caption, .tt_txt_seo cite{font-style:italic;} .tt_txt_seo table{display:table;border-spacing:2px;border-collapse:separate;} .tt_txt_seo tr{display:table-row;vertical-align:inherit;} .tt_txt_seo td{display:table-cell;border-spacing:2px;padding:2px;vertical-align:inherit;text-align:inherit;padding:1px;border-collapse:none;} .tt_txt_seo th{display:table-cell;vertical-align:inherit;font-weight:700;padding:1px;border-collapse:none;} .tt_txt_seo{line-height:1.5em;} .tt_txt_seo p{display:block;margin:0.3em 0;line-height:1.4em;} .tt_txt_seo blockquote{width:75%;margin:0% 0% 0% 20%;padding:0.25em 5%;line-height:1.45;position:relative;color:#383838;background:#ececec;} .tt_txt_seo blockquote:before{display:block;content:"\201C";font-size:80px;position:absolute;left:-10px;top:-10px;color:#7a7a7a;} .tt_txt_seo blockquote cite{color:#999999;font-size:14px;display:block;margin-top:5px;} .tt_txt_seo blockquote cite:before{content:"\2014 \2009";} .tt_txt_seo address{display:block;font-style:italic;} .tt_txt_seo center{display:block;text-align:center;} .tt_txt_seo h1{display:block;font-size:2em;font-weight:700;margin:.67em 0;line-height:1em;} .tt_txt_seo h2{display:block;font-size:1.5em;font-weight:700;margin:.78em 0;line-height:1.55em;} .tt_txt_seo h3{display:block;font-size:1.7em;font-weight:700;margin:0.3em 0;} .tt_txt_seo h4{display:block;font-weight:700;margin:1.33em 0;} .tt_txt_seo h5{display:block;font-size:0.83em;font-weight:700;margin:1.67em 0;} .tt_txt_seo h6{display:block;font-size:0.67em;font-weight:700;margin:2.33em 0;} .tt_txt_seo ul{display:block;list-style-type:disc;margin:1em 0;padding-left:20px;} .tt_txt_seo ol{display:block;list-style-type:decimal;margin:1em 0;padding-left:40px;} .tt_txt_seo li{display:list-item;} .tt_txt_seo ul li{list-style-type:disc;} .tt_txt_seo ol li{list-style-type:decimal;} .tt_txt_seo pre, .tt_txt_seo code{display:block;font-family:Courier New;white-space:pre;margin:1em 0;} .tt_txt_seo #gallery-1 img{border:1px solid #ddd!important;padding:2%!important;} .bg05 {background-image: url(//www.sagaming350d.com/wp-content/themes/sagame350-v2/images/banner-fish.jpg);background-repeat: no-repeat;background-size: cover;width:1000px;height: 350px;position: relative;top: -60px;margin-bottom: -40px;} .tt_txt_seo2{width:40%;color:#fff;padding: 20px 20px 10px 0px;border-radius: 0px;font-family: thaisanslite_r1;font-size: 20px;line-height: 22px;overflow:hidden;margin-bottom:10px;margin-top: 0px;} .tt_txt_seo2 a{color:#fff;} .tt_txt_seo2 a:hover{text-decoration:underline;} .tt_txt_seo2 img{max-width:100%;height:auto;padding:0;} .tt_txt_seo2 strong, [class*="ddtemplate_read"] th{font-weight:700;} .tt_txt_seo2 em, .tt_txt_seo2 address, .tt_txt_seo2 caption, .tt_txt_seo2 cite{font-style:italic;} .tt_txt_seo2 table{display:table;border-spacing:2px;border-collapse:separate;} .tt_txt_seo2 tr{display:table-row;vertical-align:inherit;} .tt_txt_seo2 td{display:table-cell;border-spacing:2px;padding:2px;vertical-align:inherit;text-align:inherit;padding:1px;border-collapse:none;} .tt_txt_seo2 th{display:table-cell;vertical-align:inherit;font-weight:700;padding:1px;border-collapse:none;} .tt_txt_seo2{line-height:1.5em;} .tt_txt_seo2 p{display:block;margin:0.3em 0;line-height:1.4em;} .tt_txt_seo2 blockquote{width:75%;margin:0% 0% 0% 20%;padding:0.25em 5%;line-height:1.45;position:relative;color:#383838;background:#ececec;} .tt_txt_seo2 blockquote:before{display:block;content:"\201C";font-size:80px;position:absolute;left:-10px;top:-10px;color:#7a7a7a;} .tt_txt_seo2 blockquote cite{color:#999999;font-size:14px;display:block;margin-top:5px;} .tt_txt_seo2 blockquote cite:before{content:"\2014 \2009";} .tt_txt_seo2 address{display:block;font-style:italic;} .tt_txt_seo2 center{display:block;text-align:center;} .tt_txt_seo2 h1{display:block;font-size:2em;font-weight:700;margin:.67em 0;line-height:1em;} .tt_txt_seo2 h2{display:block;font-size:1.5em;font-weight:700;margin:.78em 0;line-height:1em;} .tt_txt_seo2 h3{display:block;font-size:1.7em;font-weight:700;margin:0.3em 0 0.4em 0;} .tt_txt_seo2 h4{display:block;font-weight:700;margin:1.33em 0;} .tt_txt_seo2 h5{display:block;font-size:0.83em;font-weight:700;margin:1.67em 0;} .tt_txt_seo2 h6{display:block;font-size:0.67em;font-weight:700;margin:2.33em 0;} .tt_txt_seo2 ul{display:block;list-style-type:disc;margin:1em 0;padding-left:20px;} .tt_txt_seo2 ol{display:block;list-style-type:decimal;margin:1em 0;padding-left:40px;} .tt_txt_seo2 li{display:list-item;} .tt_txt_seo2 ul li{list-style-type:disc;} .tt_txt_seo2 ol li{list-style-type:decimal;} .tt_txt_seo2 pre, .tt_txt_seo2 code{display:block;font-family:Courier New;white-space:pre;margin:1em 0;} .tt_txt_seo2 #gallery-1 img{border:1px solid #ddd!important;padding:2%!important;} .tt_txt_seo03{width:100%;color:#fff;padding: 10px 10px 10px 10px;border-radius: 0px;font-family: thaisanslite_r1;font-size: 20px;line-height: 22px;overflow:hidden;margin-bottom:0px;margin-top: 0px;} .tt_txt_seo03 i {padding-right: 10px;} .tt_txt_seo03 a{color:#eee;} .tt_txt_seo03 a:hover{text-decoration:underline;} .tt_txt_seo03 img{max-width:100%;height:auto;padding:0;} .tt_txt_seo03 strong, [class*="ddtemplate_read"] th{font-weight:700;} .tt_txt_seo03 em, .tt_txt_seo03 address, .tt_txt_seo03 caption, .tt_txt_seo03 cite{font-style:italic;} .tt_txt_seo03 table{display:table;border-spacing:2px;border-collapse:separate;} .tt_txt_seo03 tr{display:table-row;vertical-align:inherit;} .tt_txt_seo03 td{display:table-cell;border-spacing:2px;padding:2px;vertical-align:inherit;text-align:inherit;padding:1px;border-collapse:none;} .tt_txt_seo03 th{display:table-cell;vertical-align:inherit;font-weight:700;padding:1px;border-collapse:none;} .tt_txt_seo03{line-height:1.5em;} .tt_txt_seo03 p{display:block;margin:0.3em 0;line-height:1.4em;} .tt_txt_seo03 blockquote{width:75%;margin:0% 0% 0% 20%;padding:0.25em 5%;line-height:1.45;position:relative;color:#383838;background:#ececec;} .tt_txt_seo03 blockquote:before{display:block;content:"\201C";font-size:80px;position:absolute;left:-10px;top:-10px;color:#7a7a7a;} .tt_txt_seo03 blockquote cite{color:#999999;font-size:14px;display:block;margin-top:5px;} .tt_txt_seo03 blockquote cite:before{content:"\2014 \2009";} .tt_txt_seo03 address{display:block;font-style:italic;} .tt_txt_seo03 center{display:block;text-align:center;} .tt_txt_seo03 h1{display:block;font-size:2em;font-weight:700;margin:.67em 0;line-height:1em;} .tt_txt_seo03 h2{display:block;font-size:1.5em;font-weight:700;margin:.78em 0;line-height:1em;} .tt_txt_seo03 h3{display:block;font-size:1.7em;font-weight:700;margin:0.3em 0 0.4em 0;} .tt_txt_seo03 h4{display:block;font-weight:700;margin:1.33em 0;} .tt_txt_seo03 h5{display:block;font-size:0.83em;font-weight:700;margin:1.67em 0;} .tt_txt_seo03 h6{display:block;font-size:0.67em;font-weight:700;margin:2.33em 0;} .tt_txt_seo03 ul{display:block;list-style-type:disc;margin:1em 0;padding-left:20px;} .tt_txt_seo03 ol{display:block;list-style-type:decimal;margin:1em 0;padding-left:40px;} .tt_txt_seo03 li{display:list-item;} .tt_txt_seo03 ul li{list-style-type:disc;} .tt_txt_seo03 ol li{list-style-type:decimal;} .tt_txt_seo03 pre, .tt_txt_seo03 code{display:block;font-family:Courier New;white-space:pre;margin:1em 0;} .tt_txt_seo03 #gallery-1 img{border:1px solid #ddd!important;padding:2%!important;} .ifr_vdo iframe{width:100%!important;} .bar_f {height: 10px;margin: 0px 0px 10px 0px; background: #7c6d4e; background: -moz-linear-gradient(top, #7c6d4e 0%, #958865 35%, #c3b67f 100%); background: -webkit-linear-gradient(top, #7c6d4e 0%,#958865 35%,#c3b67f 100%); background: linear-gradient(to bottom, #7c6d4e 0%,#958865 35%,#c3b67f 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7c6d4e', endColorstr='#c3b67f',GradientType=0 ); } .bar {min-height: 33px;margin: 10px 0px 0px 0px;text-align: center;padding: 3px 0px 3px 0px; background: #181c1a; background: -moz-radial-gradient(center, ellipse cover, #181c1a 19%, #000000 100%); background: -webkit-radial-gradient(center, ellipse cover, #181c1a 19%,#000000 100%); background: radial-gradient(ellipse at center, #181c1a 19%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#181c1a', endColorstr='#000000',GradientType=1 ); } .footer_social {height: 24px;text-align: center;margin: 15px 0px 0px 0px;} .footer {min-height: 100px;padding: 0px 0px 50px 0px;} .footer_ct {position:relative;line-height: 20px;font-family:thaisanslite_r1;font-size:18px;} .footer_l {float:left;width:50%;background-color: #eb4b0e;min-height: 118px;} .footer_r {float:left;width:50%;background-color: #000;min-height: 118px;position:relative;} .footer_c {float:left;width:9%;position:absolute;left: 0px;top: -20px;right: 0px;margin: 0px auto;min-height: 80px;z-index:10;} .footer_r:after{content:"";display:block;height:0;position:absolute;width:0;top:0px;bottom:0px;border-right:40px solid transparent;border-top:0px solid transparent;border-left:40px solid #eb4b0e;border-bottom:100px solid #eb4b0e;z-index:9;left:0px;} .footer_l1x {text-align: right;} .logo_ft {display: inline-block;max-width: 200px;} .footer_t1x {display: inline-block;max-width: 350px;width:100%;text-align: left;color: #fff;padding: 0px 0px 0px 20px;} .footer_t1x span{color: #ffd104;float:left;width:100%;} .footer_t2x {display: inline-block;max-width: 370px;width:100%;text-align: left;color: #fff;padding: 15px 0px 0px 100px;} .menu_footer {} .menu_footer ul{float:left;width:100%;margin:20px 0% 0% 0%;text-align: center;} .menu_footer ul li{display: inline-block;margin:0px -4px 0px 0px;position:relative;} .menu_footer ul li a{display: inline-block;color:#000;line-height: 18px;font-family:thaisanslite_r1;font-size:18px;padding:5px 14px 5px 14px;font-weight: bold;} .menu_footer ul li:last-child:after{width:0px;} .copyright_footer {width:32%;text-align: left;font-family: thaisanslite_r1;font-size: 18px;line-height: 16px;color: #fff;padding: 35px 0px 10px 0px;} .copyright_footer a {color: #fff;} .c_footer {width:30%;font-family: thaisanslite_r1;font-size: 20px;line-height: 20px;color: #fff;padding: 35px 0px 10px 50px;} .banner_footer {background-color: #FFF;} .bg_h {width:265px;height: 148px;position:absolute;top: 0px;left: 46.2%;z-index: 0;background-image: url(//www.sagaming350d.com/wp-content/themes/sagame350-v2/images/bg-h.png);background-repeat: no-repeat;} .copyright_footer .img_line {width:110px;} .menu_list {width: 22%;margin: 3% 2% 15px 1.5%;} .menu_list.last {margin: 3% 0% 15px 1.5%;} .menu_list ul li a {float:left;width:100%;color: #000;font-family: thaisanslite_r1;font-size: 18px;line-height: 18px;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;} .menu_list ul li:last-child a{border-bottom:0;} .menu_list ul li a:before{content:"► ";margin-right: 3px;text-decoration: none;font-size: 12px;line-height: 18px;} .top_menu ul li a:hover, .menu_footer ul li a:hover{color: #fff;} .menu_list ul li a:hover {color: #fff;padding: 0px 0px 0px 7px;} .menu_list span{float:left;width:100%;color: #000;font-family: thaisanslite_r1;font-size: 28px;line-height: 28px;margin: 0px 0px 20px 0px;font-weight: bold;white-space :nowrap;} .menu_list.first, .menu_list.center{width: 19%;margin: 3% 1% 15px 1.5%;} .top_menu ul{float:left;width:100%;margin:0% 0% 0% 0%;text-align: right;} .top_menu ul li{display: inline-block;margin:0px 0px 0px 0px;position:relative;} .top_menu ul li a{display: inline-block;color:#ddd;font-size:13px;padding:5px 0px 5px 14px;} .banner_hover {overflow: hidden;} .register {min-height: 300px;background-color: #08111B;margin: 0px 0px 15px 0px;padding: 5px;} .tt_fb {min-height: 100px;margin: 0px 0px 15px 0px;} .tt_col {width:48.8%;margin: 0px 0px 15px 0px;} .banner_stb {margin: 0px 0px 15px 0px;background-color: #08111B;position: relative;} .tt_text {margin: 0px 0px 15px 0px;border: 1px solid #BFC0C4;padding: 15px;background-color: #08111B;} .right_ct .banner_hover {border: 1px solid #BFC0C4;} .banner_hover .tt_img_hover { position:absolute;left: -100%;top: 0px;opacity:0;} .banner_hover:hover .tt_img_hover{left: 0px;opacity:1;-webkit-filter: grayscale(100%);filter: grayscale(100%);} .menu_list ul li a, .banner_hover .tt_img_hover, .banner_hover {-webkit-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s;} .banner_hover.eff2 {position: relative;overflow: hidden;} .banner_hoverx {overflow: hidden; position: relative;} .banner_hoverx .tt_img_hover { position:absolute;left: 0%;top: 0px;opacity:0;} .banner_hoverx:hover .tt_img_hover{left: 0px;opacity:1;-webkit-filter: grayscale(0%);filter: grayscale(0%);} .banner_hoverx .tt_img_hover, .banner_hoverx {-webkit-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s;} .banner_hoverx.eff2 {position: relative;overflow: hidden;} figure { position: relative; } figure::before { position: absolute; top: 0; left: -100%; z-index: 2; display: block; content: ''; width: 50%; height: 100%; background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); } .thaitheme1x:hover figure::before, figure:hover::before { -webkit-animation: shine 1.50s; animation: shine 1.50s; } @-webkit-keyframes shine { 100% { left: 125%; } } @keyframes shine { 100% { left: 125%; } } .banner_bank {margin: 0px 0px 15px 0px;background-color: #08111B;position: relative;} .tt_text .thaitheme_read {padding:0px 0px 0px 0px;color: #ccc;} .tt_home_bank {width: 100%;position:absolute;left: 0px;top: 10px;} .tt_home_bank a {float: right;width: 116px;height: 100px;margin: 8px 0px 0px 0px;} .tt_home_bank a:hover {opacity:0.8; } .tt_home_bank a.tt_kc { margin-right: 10px;} .tt_home_bank a img {width: 100%;} .tt_news {min-height: 300px;margin: 0px 0px 15px 0px;overflow: hidden;padding:2px 2px 15px 2px;position: relative;border-radius: 3px;} .tt_news h2 {background-color: #F5F5F5;padding:5px 30px 5px 30px;color: #333;font-size: 20px;display: inline-block;border-radius: 5px 5px 0px 0px;} .tt_head_news {width: 100%;background-color: #050E1F;padding:10px 0px 0px 10px;border-radius: 3px 3px 0px 0px;} .post-hl {width: 43%;background-color: #020A19;margin: 10px 0px 0px 10px;} .post-hl .title {width: 100%;padding:10px;} .post-hl .title h3 {color: #FFF;font-size: 16px;} .post-hl .title p {color: #ccc;max-height: 54px;overflow: hidden;margin: 10px 0px 0px 0px;line-height: 20px;} .post-hl:hover {background-color: #000;} .post-sm {width: 51%;margin: 10px 2% 5px 10px;} .post-sm .tt_img{width: 30%;} .post-sm .title{width: 68%;padding:0px 10px 10px 10px;} .post-sm .title h3 {color: #555;font-size: 14px;text-shadow: 1px 1px 0 #FFF;} .more_news {position:absolute;top: 17px;right: 15px;background-color: #eee;border-radius: 3px;padding: 5px 10px 5px 10px;line-height: 13px;} .more_news:hover {background-color: #FFF;} .post-sm:hover h3{color: #000;} .tt_from_box.tt_hide{display:none;} .overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:996;opacity:0;visibility:hidden;} .overlay.active{visibility:visible;opacity:1;background:rgba(0, 0, 0, 0.7);} .wpcf7-form{padding:0px;} .tt_from_list{float:left;width:97%;margin:0px 0% 10px 0px;} .tt_from_title{float:left;width:30%;text-align:right;color:#333;margin-bottom:5px;} .tt_from_submit, .tt_from_box{float:right;width:65%;} .tt_from_submit{text-align:left;float:left;width:100%;margin:5px 0px 0px 0px;height:43px;overflow:hidden;} .tt_from_box select.wpcf7-form-control, .tt_from_box textarea.wpcf7-textarea, .tt_from_box input.wpcf7-text{width:100%;border:0;padding:4px 10px 4px 10px;background-color:#fff;color:#000;border:1px solid #888;border-radius:3px;} .tt_from_box select.wpcf7-form-control{color:#555;} .tt_from_submit input.wpcf7-submit{ background-color:#960103; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; border:0; color:#fff; border:2px solid #ccc; display:inline-block;cursor:pointer;margin:0px 3.5% 10px 0px;font-family: thaisanslite_r1;font-size: 20px;line-height: 20px;font-weight:bold;padding:5px 35px 7px 35px;float:left; } .thaitheme_read .tt_from_submit input.wpcf7-submit{float: right;} .tt_from_submit input.wpcf7-submit:hover{ background-color:#660404; } .thaitheme_widget .tt_from_submit input.wpcf7-submit{ -moz-box-shadow:inset 0px 1px 0px 0px #ffffff; -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff; box-shadow:inset 0px 1px 0px 0px #ffffff; background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9)); background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%); background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%); background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%); background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%); background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0); background-color:#f9f9f9; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; border:1px solid #dcdcdc; color:#17213A; text-shadow:0px 1px 0px #ffffff; display:inline-block;cursor:pointer;width:100%;margin:0px 3.5% 10px 0px;line-height: 16px;font-family:thaisanslite_r1;font-size:18px;padding:5px 35px;float:left; } .thaitheme_widget .tt_from_submit input.wpcf7-submit:hover{ background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9)); background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%); background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%); background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%); background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%); background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0); background-color:#e9e9e9; } .wpcf7 form .wpcf7-response-output{position:fixed;top:30%;width:400px;min-height:50px;background-color:#FFF;left:0px;right:0px;margin:0px auto;z-index:999999;padding:20px;} .wpcf7-response-output{color:#333;text-align:center;font-size:14px;} .wpcf7-response-output.wpcf7-display-none.wpcf7-mail-sent-ok{color:#398f14;} .wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors{color:#FF0000;border:2px solid #FF0000!important;} .wpcf7-not-valid-tip{float:left;width:100%;} .teble_us{width:60%;margin:40px auto 40px auto;} .list_user{color:#FFF602;font-size:16px;margin:10px 0px 0px 0px;} .name_list{color:#eee;} .help_list{color:#eee;text-align:center;margin:20px 0px 20px 0px;} .wpcf7 form .wpcf7-response-output:after{top:-10px;z-index:99999;content:"x";display:block;height:24px;right:-10px;position:absolute;width:25px;background-color:#FF0000;color:#FFF;cursor:pointer;border-radius:5px;font-size:18px;} span.wpcf7-not-valid-tip{} .title_from{text-align:left;font-size:16px;color:#fff;margin:0px 0px 20px 0px;padding:10px 0px 10px 20px;background-color:#AD0310;} .title_from h3{line-height:20px;margin:0px!important;padding:0px;} .wpcf7-form{float:left;width:100%;padding:0px 0px 10px 0px;margin-bottom:10px;background-color:#eee;} .title_from.mt-20-20{margin:20px 0px 20px 0px;} .tt_tab3, .tt_tab2, .tt_tab1{float:left;cursor:pointer;padding:5px 0px 5px 0px;text-align:center;width:33.333333%;line-height: 16px;font-family:thaisanslite_r1;font-size:18px;font-weight:bold;position:relative; -moz-box-shadow: -4px 0 0 rgba(0, 0, 0, .2); -webkit-box-shadow: -4px 0 0 rgba(0, 0, 0, .2); box-shadow: -4px 0 0 rgba(0, 0, 0, .2); background: #eee; background: -moz-linear-gradient(220deg, transparent 10px, #eee 10px); background: -webkit-linear-gradient(220deg, transparent 10px, #eee 10px); background: -ms-linear-gradient(220deg, transparent 10px, #eee 10px); background: -o-linear-gradient(220deg, transparent 10px, #eee 10px); background: linear-gradient(220deg, transparent 10px, #eee 10px); color: #000; } .tt_tab1:hover, .tt_tab2:hover, .tt_tab3:hover{ background: #ddd; background: -moz-linear-gradient(220deg, transparent 10px, #ddd 10px); background: -webkit-linear-gradient(220deg, transparent 10px, #ddd 10px); background: -ms-linear-gradient(220deg, transparent 10px, #ddd 10px); background: -o-linear-gradient(220deg, transparent 10px, #ddd 10px); background: linear-gradient(220deg, transparent 10px, #ddd 10px); } .tt_tab1.active, .tt_tab2.active, .tt_tab3.active{color:#fff; background: #960103; background: -moz-linear-gradient(220deg, transparent 10px, #960103 10px); background: -webkit-linear-gradient(220deg, transparent 10px, #960103 10px); background: -ms-linear-gradient(220deg, transparent 10px, #960103 10px); background: -o-linear-gradient(220deg, transparent 10px, #960103 10px); background: linear-gradient(220deg, transparent 10px, #960103 10px); } .tt_ct_tab1.active, .tt_ct_tab2.active, .tt_ct_tab3.active{display:block;} .tt_ct_tab1 , .tt_ct_tab2, .tt_ct_tab3{float:left;width:100%;padding:0% 0% 0% 0%;display:none;} .tt-nav-hide, .thaitheme_widget .tt_from_title, .thaitheme_widget .title_from{display:none;} .thaitheme_widget .wpcf7-form{padding:5px 7px 0px 7px; margin-bottom: 0px; background-color: #000;border: 1px solid #777; } .thaitheme_widget .tt_from_box{float:left;width:100%;} .thaitheme_widget .tt_from_list{float:left;width:100%;margin:0px 0% 4px 0px;} .thaitheme_widget .tt_from_submit{height:40px;} .tt_from_box input.wpcf7-text.wpcf7-not-valid{border:1px solid #f00;} .thaitheme_widget span.wpcf7-not-valid-tip {display: none!important;} .bd_clip {border: 1px solid #747879;overflow: hidden;} .tt_h_re {background-color: #FFF;padding:5px 30px 5px 30px;margin-bottom: 5px;color: #333;font-size: 20px;border-left: 5px solid #ff9900;} .register {min-height: 300px;margin: 0px 0px 15px 0px;padding: 10px;background-color: #0C1B38;} .tt_h_re {width: 100%;} .from_sm {margin: 10px 0px 0px 0px;} .tt_full .tags {border-top: 1px solid #ccc;padding: 15px 0px 20px 0px;color: #000;font-family: thaisanslite_r1;font-size: 18px;line-height: 18px;} .tt_full .tags a {display: inline-block;background-color: #ae8c42;color: #000;padding: 3px 10px 3px 10px;margin-bottom: 5px;font-family: thaisanslite_r1;font-size: 16px;line-height: 16px;border-radius: 3px;} .tt_full .tags .title {margin-right: 10px;} .tt_full .tags a:hover {background-color: #222;color: #fff;} .title_page h1 , .title_page h2 {color: #fff;font-size: 38px;line-height: 38px;font-family:thaisanslite_r1;font-weight: bold;} .title_page a {color: #fff;} .title_page {margin-bottom: 0px;margin-top: 0px;background-color: #000; background-image: url(//www.sagaming350d.com/wp-content/themes/sagame350-v2/images/bg-p.jpg); padding: 5px 20px 10px 20px; border-radius: 5px 5px 0px 0px; border: 1px solid #2c2a2a; border-top: 3px solid #2c2a2a; text-align: center; } .p_gl {position: relative;top: -100px;border-radius: 5px 5px 0px 0px;} .home .title_page {margin-top: 0px;margin-bottom: 0px;} .page-numbers{text-align:center;border-top: 1px solid #222;padding:0px 0px 0px 0px;margin:30px 0px 30px 0px;} .page-numbers ul{list-style:none;margin:0;padding:0;text-align:center;} .page-numbers li{margin-right:-5px;display:inline;} .page-numbers.dots, .page-numbers a{padding:6px 15px 5px 15px;display:inline-block;text-decoration:none;color:#333;margin:0px 0px 5px 0px;font-size:16px;border:1px solid #000;background-color:#FFF;} .page-numbers a:hover, .page-numbers a:focus{color:#FFF;background-color:#DE091C;} .page-numbers.current{padding:10px 20px;display:inline-block;text-decoration:none;border:1px solid #000;font-size:16px;color:#FFF;background-color:#DE091C;} .tt_pagination ul >*:first-child span , .prev.page-numbers{border-radius:5px 0px 0px 5px;padding:6px 15px 5px 15px;line-height:20px;} .tt_pagination ul >*:last-child span , .next.page-numbers{border-radius:0px 5px 5px 0px;padding:6px 15px 5px 15px;line-height:20px;} .page-404 {float:left;width:100%;margin:40px 0px 40px 0px;font-size:16px;color:#FFF;text-align:center;} .tt_label {color:#FFF;margin:0px 5px 0px 0px;} .tt_from_lg {width:100%;margin-right:10px;} .tt_from_lg .tt_from_u , .tt_from_lg .tt_from_p {color:#555;width:38%;margin:0px 5px 0px 0px;padding: 0px 0px 0px 5px;border: 1px solid #999;height: 20px;font-size: 12px;background-color: #FFF;} .tt_from_lg .tt_captcha {color:#555;width:45px;margin:0px 0px 0px 0px;padding: 0px 0px 0px 5px;border: 0;height: 20px;font-size: 11px;background-color: #FFF;} .captcha_img {width:45px;height: 20px;margin:0px 0px 0px 5px;font-size: 12px;background-color: #0B2D6C;color: #FFF;text-align: center;line-height: 20px;overflow: hidden;} .captcha_img img {margin-top: 5px;margin-left: -7px;} .tt_submit {border: 0;width:60px;height: 20px;text-align: center;font-size: 12px;color: #fff;cursor: pointer;line-height: 21px;border-radius: 2px; } .tt_submit:hover {opacity:0.8;} .top_bank {padding-top: 15px;} .tt-social-head{float:right;width:275px;margin-top: 2px;margin-bottom: 3px;} .social-sharing{font-family:"HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;} .social-sharing *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .social-sharing a{display:inline-block;color:#fff;border-radius:2px;margin:0px 0px 0px 5px;height:14px;line-height:10px;text-decoration:none;font-weight:normal;} .social-sharing a:hover{color:#fff;} .social-sharing span{display:inline-block;vertical-align:top;height:14px;line-height:14px;font-size:11px;} .social-sharing .icon{padding:0 5px 0 10px;} .social-sharing .icon:before{line-height:22px;} .social-sharing.is-large a{height:44px;line-height:44px;} .social-sharing.is-large a span{height:44px;line-height:44px;font-size:18px;} .social-sharing.is-large a .icon{padding:0 10px 0 18px;} .social-sharing.is-large a .icon:before{line-height:44px;} .share-title{font-size:12px;padding-right:10px;} .is-large .share-title{padding-right:16px;} .share-facebook{background-color:#3b5998;} .share-facebook:hover{background-color:#2d4373;} .share-twitter{background-color:#00aced;} .share-twitter:hover{background-color:#0087ba;} .share-google{background-color:#dd4b39;} .share-google:hover{background-color:#c23321;} .share-count{position:relative;background-color:#fff;padding:0 8px;margin-right:-2px;font-size:14px;line-height:20px;color:#333;border-radius:0 2px 2px 0;border:1px solid #ececec;opacity:1;-webkit-transition:opacity 0.2s ease-in;-moz-transition:opacity 0.2s ease-in;-o-transition:opacity 0.2s ease-in;transition:opacity 0.2s ease-in;} .share-count.is-loaded{opacity:1;} .share-count:before, .share-count:after{content:'';display:block;position:absolute;top:50%;margin-top:-6px;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:6px solid;} .share-count:before{left:-6px;border-right-color:#ececec;} .share-count:after{left:-5px;border-right-color:#fff;} a:hover .share-count{background-color:whitesmoke;} a:hover .share-count:after{border-right-color:whitesmoke;} .is-large .share-count{font-size:18px;padding:0 14px;} .social-sharing.is-clean a{background-color:#fff;border:1px solid #ececec;color:#333;height:30px;line-height:30px;} .social-sharing.is-clean a span{height:30px;line-height:30px;font-size:13px;} .social-sharing.is-clean a:hover{background-color:#ececec;} .social-sharing.is-clean a:hover .share-count{background-color:#fff;} .social-sharing.is-clean a:hover .share-count:after{border-right-color:#fff;} .social-sharing.is-clean a .share-title{font-weight:normal;} .social-sharing.is-clean .share-count{top:-1px;} .social-sharing.is-clean .icon-facebook{color:#3b5998;} .social-sharing.is-clean .icon-twitter{color:#00aced;} .social-sharing.is-clean .icon-google{color:#dd4b39;} .list_game {width: 29.1%;margin: 10px 0px 15px 3.1%;} .list_game h3 {text-align: center; color: #ccc;margin: 10px 0px 0px 0px;font-weight: bold;} .list_game:hover h3 { color: #C8B970;} .list_game:hover img { -webkit-filter: grayscale(100%); filter: grayscale(100%); } a.more{margin:15px 0px 0px 0px;font-family: thaisanslite_r1;font-size: 18px;line-height: 18px;color:#ddd;} .post-sm2x{width:49.2%;margin:10px 1.5% 0px 0%;position:relative;overflow:hidden;background-color:#111;border: 1px solid #000;} .post-sm2x h3{height:50px;font-family: thaisanslite_r1;font-size: 18px;line-height: 20px;color:#ddd;margin-bottom: 10px;padding:10px 20px 10px 20px;overflow:hidden;font-weight: bold;} .post-sm3xx .tt_l.img, .post-sm2x .tt_l.img {position:relative;overflow:hidden;} .post-sm2x.tt2x{margin:10px 0% 5px 0%;} .post-sm3xx img, .post-sm2x img{float: left;width:100%;-webkit-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;} .post-sm3xx:hover img, .post-sm2x:hover img{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2);} .post-sm3xx {width: 32%;margin: 10px 2% 0px 0%;background-color:#111;border: 1px solid #000;} .post-sm3xx h3 {font-family: thaisanslite_r1;font-size: 18px;line-height: 20px;color:#ddd;padding:8px 10px 15px 10px;overflow: hidden;max-height: 50px;margin-bottom: 5px;} .post-sm3xx.tt3x, .post-sm3xx.tt5x {margin: 10px 0% 0px 0%;} .post-sm3xx:hover {background-color:#000;} .post-sm3xx:hover h3 , .post-sm2x:hover h3 {color:#caac66;} .tt_list.sbo{float:left;width:100%;margin-top:0px;margin-bottom:10px;padding: 0px 10px 0px 0px;background-color:#111;border: 1px solid #000;} .tt_list.sbo .tt_img{float:left;width:25%;} .tt_list.sbo .tt_img img{float:left;width:100%;max-width:100%;height:auto;} .tt_list.sbo:hover .tt_dsc h3{text-decoration:underline;} .tt_list.sbo:hover .tt_dsc{} .tt_list.sbo .tt_dsc{float:right;width:72%;font-size:14px;line-height:20px;} .tt_list.sbo .tt_dsc h3{float:left;width:100%;color:#c8b980;margin-top:10px;font-family: thaisanslite_r1;font-size: 20px;line-height: 22px;} .tt_list.sbo .tt_dsc p{float:left;width:100%;overflow:hidden;color:#ddd;max-height:61px;font-family: thaisanslite_r1;font-size: 18px;line-height: 20px;margin-top:5px;margin-bottom:7px;} .tt_list.sbo:hover{background-color:#232222;} .social_footer {min-height: 40px;text-align: center;margin-top:0px;} .social_fb, .social_line {display: inline-block;padding: 10px 0px 0px 50px;font-size: 14px;color: #ddd;min-height: 40px;background-repeat: no-repeat;background-position: 8px center;} .social_line{background-image: url(//www.sagaming350d.com/wp-content/themes/sagame350-v2/images/ico-line.png);} .social_fb {background-image: url(//www.sagaming350d.com/wp-content/themes/sagame350-v2/images/ico-fb.png);} .hied_pc {text-align: center;} .tt_ag_bt {margin-bottom:15px;} .thaitheme_widget .fb_pc, .thaitheme_widget .tt-l.tt_txt_seo {margin-bottom: 10px;border: 1px solid #655C55;} .tt_home_bx {width:49%;overflow: hidden; } .bx_clip {background-color:#000;border: 1px solid #696A6C;overflow: hidden;} .tt_clip {border: 2px solid #7C7C7C;background-color:#000;overflow: hidden;} .tt_home_bx-r {width:49%;overflow: hidden;} .ct_bank {position: relative;} .tt_bank_btn {width:18%;min-height: 90px;margin: 0% 1% 0% 0%;display: inline-block;} .link_bank {width: 100%;position:absolute;right: 0;bottom: 20px;z-index: 1100;text-align: left ;} .head_phone {float:left;width: 100%;display:none;border-bottom: 3px solid #000;} .h-line {float:left;width: 50%;min-height: 70px;} .h-phone {float:left;width: 50%;min-height: 70px;border-left: 1px solid #959595;} .h-line a {display: block;width: 100%;min-height: 70px;background-image: url(//www.sagaming350d.com/wp-content/themes/sagame350-v2/images/ico-line-h.png);background-position: center center;background-repeat: no-repeat;} .h-phone a {display: block;width: 100%;min-height: 70px;background-image: url(//www.sagaming350d.com/wp-content/themes/sagame350-v2/images/ico-phone.png);background-position: center center;background-repeat: no-repeat;} .h-line , .h-phone { background: #f9f9f9; background: -moz-linear-gradient(top, #f9f9f9 17%, #cccccc 100%); background: -webkit-linear-gradient(top, #f9f9f9 17%,#cccccc 100%); background: linear-gradient(to bottom, #f9f9f9 17%,#cccccc 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#cccccc',GradientType=0 ); } .mcx {display: none;} .bg_txsl {background-color:#fff;padding: 5px 10px 5px 10px;margin: 0px 0px 10px 0px;font-family: thaisanslite_r1;font-size: 18px;line-height: 18px;} .tt_list_game {float: left;width: 32%;margin: 0px 0% 15px 2%;background-color: #151515;} .tt_list_game .tt_img {float: left;width: 100%;} .tt_list_game h3 {float: left;width: 100%;margin: 5px 0px 5px 0px;padding: 0px 10px 0px 10px;font-family:thaisanslite_r1;font-size:18px;line-height:19px;color:#ccc;text-align: center;font-weight: bold;text-transform: uppercase;overflow: hidden;height: 40px;} .tt_list_game:hover h3 {color:#EAC76E;} .tt_list_game.sport3 {margin: 0px 0% 15px 0%;} .tt_list_game.hhl.sport1 {margin: 0px 0% 15px 0%;} .sc_n .tt_list_game h3 {font-weight: bold;text-align: left;} .tt_list_game.hhl {width: 49%;} .tt_list_game.hhl img {width: 100%;} .tt_head_sec{width:100%;margin:0px 0px 0px 0px;background-color:#eee;} .tt_title_sc{padding:0px 15px 0px 0px;font-size:22px;color:#000;background-color: #eee;} .tt_title_sc a{font-size:26px;line-height:30px;color:#000;} .tt_title_sc h1, .tt_title_sc h2 {border-left: 5px solid #AC8021;padding:5px 15px 5px 15px;font-family:thaisanslite_r1;font-size:26px;line-height:26px;font-weight: bold;} a.more{float: right;margin:10px 0px 0px 0px;color:#eee;font-family:thaisanslite_r1;font-size:18px;line-height:18px;} .modal {display: none; position: fixed; z-index: 999999; padding-top: 10%; left: 0; top: 0; width: 100%; height: 100%;overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.9);} .modal-content {position: relative; margin: auto;padding: 0;width: 50%;max-width: 600px;-webkit-animation-name: animatetop;-webkit-animation-duration: 0.4s; animation-name: animatetop;animation-duration: 0.4s;border: 2px solid #BEA44D;} @-webkit-keyframes animatetop { from {top:-300px; opacity:0} to {top:0; opacity:1} } @keyframes animatetop { from {top:-300px; opacity:0} to {top:0; opacity:1} } .closex {float: right; color: #000; font-size: 28px; font-weight: bold;width: 30px;height: 30px;margin: -15px -15px 0px 0px;line-height: 30px;text-align: center;background-color: #BEA44D; border-radius: 50%;position:absolute;right: 0px;} .closex:hover, .closex:focus {color: #C2081C; text-decoration: none;cursor: pointer;} @media screen and (max-width:980px){.modal-content {width: 100%;}.closex {margin: -15px 15px 0px 0px;}.modal {padding-top: 15%;}} .tt-fxpc {position:fixed;top:0;z-index: 1500;width:100%;float: left;} .fixpc {margin-top: 170px;} .bnj {float: left;width: 100%;text-align: center;padding: 0px 0px 0px 0px;} .bnj img {max-width: 130px;} .head_mc {display: none;} .head_mc .h-linem {float: left;width: 100%;background-color: #01b901;text-align: center;height: 40px;} .head_mc .h-linem img{display: inline-block;width: 140px;} .head_mc .h-phonem {float: left;width: 100%;} .h-linem.last {border-left: 1px solid #fff;background-color: #32c8c7;} .tt_head_menu.mc-m {display: none;} .tt_num_head {float:left;width: 100%;text-align: center;background-color:#e1bd55;color:#000;font-weight: bold;padding: 5px 0px 5px 0px;border-bottom: 2px solid #000;} .tt_td {float:left;width: 100%;border-top: 1px solid #fff;} .thaitheme_table {float:left;width: 100%;text-align: center;margin: 5px 0px 10px 0px;} .thaitheme_table .tt_num_1x {float:left;width: 50%;padding: 5px 0px 5px 0px;background-color:#edcb67;color:#000;font-weight: bold;} .thaitheme_table .tt_num_2x {float:left;width: 50%;padding: 5px 0px 5px 0px;border-left: 1px solid #425468;background-color:#edcb67;color:#000;font-weight: bold;} .thaitheme_table .tt_num1x {float:left;width: 50%;padding: 0px 0px 7px 0px;background-color:#fff;height: 30px;font-weight: bold;color:#000;border-bottom: 1px solid #425468;} .thaitheme_table .tt_num2x {float:left;width: 50%;padding: 0px 0px 7px 0px;background-color:#fff;border-left: 1px solid #425468;height: 30px;color:#000;border-bottom: 1px solid #425468;} .thaitheme_table .tt_num_1x3 {float:left;width: 33.333%;padding: 5px 0px 5px 0px;background-color:#edcb67;color:#000;font-weight: bold;} .thaitheme_table .tt_num_2x3 {float:left;width: 33.333%;padding: 5px 0px 5px 0px;border-left: 1px solid #425468;background-color:#edcb67;color:#000;font-weight: bold;} .thaitheme_table .tt_num_3x3 {float:left;width: 33.333%;padding: 5px 0px 5px 0px;border-left: 1px solid #425468;background-color:#edcb67;color:#000;font-weight: bold;} .thaitheme_table .tt_num1x3 {float:left;width: 33.333%;padding: 0px 0px 7px 0px;background-color:#fff;height: 30px;font-weight: bold;color:#000;border-bottom: 1px solid #425468;} .thaitheme_table .tt_num2x3 {float:left;width: 33.333%;padding: 0px 0px 7px 0px;background-color:#fff;border-left: 1px solid #425468;height: 30px;color:#000;border-bottom: 1px solid #425468;} .thaitheme_table .tt_num3x3 {float:left;width: 33.333%;padding: 0px 0px 7px 0px;background-color:#fff;border-left: 1px solid #425468;height: 30px;color:#000;border-bottom: 1px solid #425468;} .thaitheme_table .tt_numtx2, .thaitheme_table .tt_numtx {float:left;width: 100%;text-align: center;background-color:#fff;color:#ef1212;} .thaitheme_table .tt_numtx2{padding: 0px 0px 3px 0px;} .arbg {height:15px;margin: 5px 0px 0px 0px; background: #eeeeee; background: -moz-linear-gradient(top, #eeeeee 0%, #eeeeee 100%); background: -webkit-linear-gradient(top, #eeeeee 0%,#eeeeee 100%); background: linear-gradient(to bottom, #eeeeee 0%,#eeeeee 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee',GradientType=0 ); border-top: 1px solid #747879; } .line_bbt {background-color:#57c42e;color:#fff!important;padding: 2px 10px 4px 10px;line-height:16px;display: inline-block;border-radius: 3px;} .line_bbt span {color:#fff!important;} .tt-line-phone span {float: left;width: 100%;text-align: center;color:#fff;padding: 15px 10px 0px 0px;font-family: thaisanslite_r1;font-size: 24px;line-height: 18px;} .tt-line-phone {float: left;width: 25%;margin: 65px 0px 0px 0px;text-align: center;} .tx-phone {color:#FEED47;font-weight: bold;} .tx-li {color:#09d201;font-weight: bold;} .tt-line-phone img {width: 34px;} .tt-line-phone img.img_line {width: 165px;} .bg_ssl {background-color: #cbc0a2;background-image: url(//www.sagaming350d.com/wp-content/themes/sagame350-v2/images/bg-slide.jpg);background-repeat: no-repeat;background-position: center center;background-size: cover;position: relative;} .bgsl {padding: 70px 0px 0px 0px;} .bg01 {padding: 0px 0px 30px 0px; background-image: url(//www.sagaming350d.com/wp-content/themes/sagame350-v2/images/bg-slider.png);background-repeat: no-repeat;background-position: center top;background-repeat: no-repeat; height: 550px; } .h_tx {float: left;width: 100%;font-family: thaisanslite_r1;font-weight: bold;color:#000;font-size: 30px;line-height: 30px;padding: 10px 15px 10px 15px; background: #caae62; background: -moz-linear-gradient(left, #caae62 0%, #eae0a5 21%, #f9f7c6 49%, #ecd68d 80%, #c19b50 100%); background: -webkit-linear-gradient(left, #caae62 0%,#eae0a5 21%,#f9f7c6 49%,#ecd68d 80%,#c19b50 100%); background: linear-gradient(to right, #caae62 0%,#eae0a5 21%,#f9f7c6 49%,#ecd68d 80%,#c19b50 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#caae62', endColorstr='#c19b50',GradientType=1 ); } .u_test { float: left; border-radius: 7px; padding: 10px 20px 10px 20px; border: 1px solid #7c653a; text-align: left; background: #ba943e; background: -moz-linear-gradient(left, #ba943e 0%, #dbc684 21%, #f1e1a2 49%, #e7ca7a 80%, #b28b42 100%); background: -webkit-linear-gradient(left, #ba943e 0%,#dbc684 21%,#f1e1a2 49%,#e7ca7a 80%,#b28b42 100%); background: linear-gradient(to right, #ba943e 0%,#dbc684 21%,#f1e1a2 49%,#e7ca7a 80%,#b28b42 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ba943e', endColorstr='#b28b42',GradientType=1 ); } .u_bx {width: 48%;} .u_h1 {float: left;font-family: thaisanslite_r1;color:#000;font-size: 30px;font-weight: bold;line-height: 30px;margin: 0px 0px 5px 0px;border-bottom: 1px solid #e8b328;padding: 0px 0px 15px 0px;} .u_test span {float: left;font-weight: bold;width: 100%;font-family: thaisanslite_r1;color:#000;font-size: 22px;line-height: 22px;margin: 0px 0px 5px 0px;font-weight: bold;} .bg02 {padding: 15px 15px 15px 15px;background-color:#000000;min-height: 300px;border: 1px solid #987c4a;border-radius: 5px;position: relative;top: -100px;} .bg07 {padding: 15px 15px 15px 15px;background-color:#000000;min-height: 200px;border: 1px solid #987c4a;border-radius: 0px;position: relative;top: -60px;margin-bottom: 20px;} .bg03{background-color:#171717;min-height: 300px;border: 1px solid #987c4a;position: relative;top: -80px;border-radius: 5px;} .bg04 {position: relative;top: -60px;border-radius: 5px;margin-bottom: 40px;} .bg06 {background-color:#1e1e1e;min-height: 100px;border: 1px solid #987c4a;margin-bottom: 20px;border-radius: 5px;position: relative;top: -60px;margin-bottom: -40px;} .ct_bg03 {float: left;width: 90%;border: 1px solid #694d23;margin: 25px 0% 25px 5%;overflow: hidden;border-radius: 7px;background-color:#000;} .head_bg03 {float: left;width: 100%;text-align: center;font-weight: bold;color:#000;font-family: thaisanslite_r1;font-size: 30px;line-height: 30px;padding: 5px 0px 7px 0px; background: #caae62; background: -moz-linear-gradient(left, #caae62 0%, #eae0a5 21%, #f9f7c6 49%, #ecd68d 80%, #c19b50 100%); background: -webkit-linear-gradient(left, #caae62 0%,#eae0a5 21%,#f9f7c6 49%,#ecd68d 80%,#c19b50 100%); background: linear-gradient(to right, #caae62 0%,#eae0a5 21%,#f9f7c6 49%,#ecd68d 80%,#c19b50 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#caae62', endColorstr='#c19b50',GradientType=1 ); } .bg_txgame {padding: 15px 10px 15px 10px;} .dsc_sl {position:absolute;right: 0px;top: 8%;width: 45%;min-height: 250px;z-index: 1000;} .tt_slide {position: relative;} .step1 span {float: left;font-family: thaisanslite_r1;padding: 0px 10px 0px 0px;font-size: 22px;line-height: 22px;font-weight: bold;color:#000;} .step1 {width: 100%;padding: 13px 0px 7px 20px;} .step1 img {width: 20px;padding: 0px 0px 0px 0px;} .step1 a {font-family: thaisanslite_r1;font-size: 22px;line-height: 22px;font-weight: bold;} .tt_number {width: 17%;height: 22px;} .tt_number span {display: inline-block;margin-top: 5px;width: 45px;height: 45px;font-family: thaisanslite_r1;font-size: 38px;line-height: 38px;font-weight: bold;text-align: center;background-color:#fff;color:#000;border-radius: 50%; -webkit-box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 0.43); -moz-box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 0.43); box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 0.43); } .tt_rst {width: 80%;} .step1 .tx-li {color:#166f2c;font-weight: bold;} .step1 .tx-phone {color:#c01d12;font-weight: bold;} .step2 {float: left;width: 100%;padding: 8% 0px 7px 20px;} .step3 {float: left;width: 100%;padding: 7.5% 0px 7px 20px;} .tt_rst .r1x {font-family: thaisanslite_r1;font-size: 22px;line-height: 22px;font-weight: bold;color:#000;} .tt_rst .r1x strong {color:#c01d12;} .tt_rst .r2x {font-family: thaisanslite_r1;font-size: 18px;line-height: 18px;color:#000;margin-top: 5px;} .step4 {float: left;width: 100%;z-index: 999999;position:absolute;bottom: 0px;} .step4 a{float: left;width: 100%;height: 120px;} .tt_ul {float: left;width: 84px;text-align: left;} .tt_ur {float: right;width: 64%;text-align: left;} .tt_uc {float: left;width: 10px;} .img_mc {display: none;} @media screen and (max-width:960px){ .step2 {padding: 6% 0px 7px 20px;} .step1 span, .tt_rst .r1x, .step1 a {font-size: 20px;line-height: 20px;white-space :nowrap;} } @media screen and (max-width:900px){ .tt_number {width: 14%;height: 22px;} .step2 {padding: 5% 0px 7px 20px;} .step3 {padding: 6.5% 0px 7px 20px;} } @media screen and (max-width:855px){ .step1 img {width: 15px;} .step1 span, .tt_rst .r1x, .step1 a {font-size: 18px;line-height: 20px;} .step1 {padding: 10px 0px 7px 20px;} .step2 {padding: 9% 0px 7px 20px;} .step3 {padding: 6% 0px 7px 20px;} .tt_rst .r2x {font-size: 16px;line-height: 16px;margin-top: 0px;} } @media screen and (max-width:768px){ .step1 {padding: 10px 0px 7px 20px;} .step2 {padding: 8% 0px 7px 20px;} .step3 {padding: 6% 0px 7px 20px;} } @media screen and (max-width:728px){ .step1 span{display: none;} .tt_rst .r1x, .step1 a {font-size: 16px;line-height: 16px;} .step1 {padding: 10px 0px 7px 20px;} .step2 {padding: 8% 0px 7px 20px;} .step3 {padding: 6% 0px 7px 20px;} } @media screen and (max-width:650px){ .step1 {padding: 5px 0px 7px 10px;} .step2 {padding: 7% 0px 7px 10px;} .step3 {padding: 6% 0px 7px 10px;} } @media screen and (max-width:620px){ .tt_rst .r2x {font-size: 14px;line-height: 14px;margin-top: 0px;} .step2 , .step3 {padding: 5% 0px 7px 10px;} } @media screen and (max-width:540px){ .step1 span{display: none;} .tt_rst .r1x, .step1 a {font-size: 14px;line-height: 14px;} .tt_rst .r2x {font-size: 12px;line-height: 12px;margin-top: 0px;white-space :nowrap;} .step2 , .step3 {padding: 5% 0px 7px 10px;} } @media screen and (max-width:485px){ .dsc_sl {top: 3%;} .step1 {padding: 5px 0px 7px 0px;} .step2 {padding: 7% 0px 7px 0px;} .step3 {padding: 6% 0px 7px 0px;} .step1 img, .tt_clouds-front, .tt_clouds-front2, .tt_clouds-front3, .img_pc {display: none;} .img_mc {display: block;} .step4 a {height: 40px;} .tt_rst .r1x, .step1 a {font-size: 12px;line-height: 13px;} } @media screen and (max-width:415px){ .dsc_sl {top: 1%;} .step2 {padding: 5% 0px 7px 0px;} .step3 {padding: 3% 0px 7px 0px;} } @media screen and (max-width:385px){ .step2 {padding: 6% 0px 0px 0px;} .step3 {padding: 5% 0px 0px 0px;} .step2 .r2x {display: none;} } @media screen and (max-width:360px){ .step1 {padding: 2px 0px 7px 0px;} .step2 {padding: 5% 0px 0px 0px;} .step3 {padding: 5% 0px 0px 0px;} } @media screen and (max-width:340px){ .step3 {padding: 4% 0px 0px 0px;} } @media screen and (max-width:320px){ .step3 .tt_rst .r1x {font-size: 11px;line-height: 14px;} .step2 {padding: 4% 0px 0px 0px;} .step3 {padding: 2.5% 0px 0px 0px;} .tt_rst .r2x {font-size: 11px;line-height: 12px;margin-top: 0px;} } .post-sm44xx {width: 23.7%;margin: 1% 0% 0% 1%;position: relative;text-align: center;border: 2px solid #000;overflow: hidden;background-color: #333;} .post-sm44xx img {width: 100%;} .post-sm44xx .btn_play_g {display: none;background: linear-gradient(90deg, rgba(177, 9, 4, 1) 0%, rgba(242, 23, 1, 1) 100%);font-family: thaisanslite_r1;color:#fff;font-size: 18px;line-height: 18px;padding: 5px 10px 5px 10px;position:absolute;top: 40%;margin: 0px auto;left: 0px;right: 0px;z-index: 12;} .post-sm44xx:hover .btn_play_g, .post-sm44xx:hover .ov_play {display: block;} .ov_play {display: none;position:absolute;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);z-index: 10;top: 0px;} .btmc {margin-bottom: 1.5%;} .post-sm44xx h3 {float: left;width: 100%;font-family: thaisanslite_r1;color:#fff;font-size: 20px;line-height: 20px;padding: 6px 10px 8px 10px;text-align: center;text-transform: uppercase;} .post-sm44xx:hover {background-color: #bb984a;} .post-sm44xx:hover h3{color: #000;} .post-gslot {width: 23.7%;margin: 1% 0% 0% 1%;position: relative;text-align: center;border: 2px solid #000;border-radius: 3px;overflow: hidden;} .post-gslot img {width: 100%;} .post-gslot .btn_play_g {display: none;background: linear-gradient(90deg, rgba(177, 9, 4, 1) 0%, rgba(242, 23, 1, 1) 100%);font-family: thaisanslite_r1;color:#fff;font-size: 18px;line-height: 18px;padding: 5px 10px 5px 10px;position:absolute;top: 36%;margin: 0px auto;left: 0px;right: 0px;z-index: 12;} .post-gslot:hover .btn_play_g, .post-gslot:hover .ov_play {display: block;} .ov_play {display: none;position:absolute;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);z-index: 10;top: 0px;} .btmc {margin-bottom: 2%;} .post-sm44b {width: 23.7%;margin: 1% 0% 0% 1%;position: relative;overflow: hidden;} .post-sm44b img {width: 100%;} .btmc {margin-bottom: 1.5%;} .post-sm44b h3 {float: left;width: 100%;font-family: thaisanslite_r1;color:#fff;font-size: 20px;line-height: 20px;padding: 6px 0px 10px 0px;text-align: left;text-transform: uppercase;} .post-sm44b:hover h3{color: #bb984a;} .owl-carousel { display: none; width: 100%; margin-bottom: 0px; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; -moz-backface-visibility: hidden; } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel .owl-item img { display: block; width: 100%; } .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel.owl-refresh .owl-item { visibility: hidden; } .owl-carousel.owl-drag .owl-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-grab { cursor: move; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } .no-js .owl-carousel { display: block; } .owl-carousel .animated { animation-duration: 1000ms; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { animation-name: fadeOut; } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .owl-height { transition: height 500ms ease-in-out; } .t_sl {position: relative;} .owl-theme .owl-nav { margin-top: 0px; text-align: center; -webkit-tap-highlight-color: transparent; position:absolute; width: 100%; top: 35%; } .owl-carousel .owl-nav .owl-prev{ position:absolute;left: 1%; } .owl-carousel .owl-nav .owl-next{position:absolute;right: 1%; } .owl-theme .owl-nav [class*='owl-'] { color: #fff; font-size: 52px; margin: 5px; padding: 4px 7px; display: inline-block; cursor: pointer; border-radius: 3px; } .owl-theme .owl-nav [class*='owl-']:hover { background: #090A0F; color: #FFF; text-decoration: none; } .owl-theme .owl-nav .disabled { opacity: 0.5; cursor: default; } .owl-theme .owl-nav.disabled + .owl-dots { margin-top: 0px; } .owl-theme .owl-dots { text-align: center; -webkit-tap-highlight-color: transparent; position:absolute; bottom: -10px; width: 100%; z-index: 100; } .owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1; *display: inline; } .owl-theme .owl-dots .owl-dot span { width: 10px; height: 3px; margin: 0px 2px; background: #fff; display: block; -webkit-backface-visibility: visible; transition: opacity 200ms ease; } .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #f00; } .tt_clouds-front { background-image: url(//www.sagaming350d.com/wp-content/themes/sagame350-v2/images/clouds-front.png); position: absolute; background-position: -500px -380px; left: 0; bottom: 0; z-index: 99999; height: 130px; width: 300%; -webkit-animation: cloud_two 65s linear infinite; -moz-animation: cloud_two 65s linear infinite; -o-animation: cloud_two 65s linear infinite; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0) } @-webkit-keyframes cloud_two { 0% { left: -100% } 100% { left: -200% } } .tt_clouds-front2 { background-image: url(//www.sagaming350d.com/wp-content/themes/sagame350-v2/images/clouds-front.png); position: absolute; background-position: -200px -350px; left: 0; bottom: 0; z-index: 99999; height: 130px; width: 300%; -webkit-animation: cloud_tree 40s linear infinite; -moz-animation: cloud_tree 40s linear infinite; -o-animation: cloud_tree 40s linear infinite; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0) } @-webkit-keyframes cloud_tree { 0% { left: 0 } 100% { left: -400% } } .tt_clouds-front3 { background-image: url(//www.sagaming350d.com/wp-content/themes/sagame350-v2/images/clouds-front.png); position: absolute; background-position: -200px -350px; left: 0; bottom: 0; z-index: 99999; height: 130px; width: 300%; -webkit-animation: cloud_tree 70s linear infinite; -moz-animation: cloud_tree 70s linear infinite; -o-animation: cloud_tree 70s linear infinite; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0) } @-webkit-keyframes cloud_tree { 0% { left: 0 } 100% { left: -400% } } .u_bx a{ float: left; margin: 5px 0px 0px 0px; text-align: center;font-weight: bold;color:#fff;font-family: thaisanslite_r1;font-size: 18px;line-height: 18px;padding: 5px 0px 7px 0px; width: 100%; background: #5c0a06; background: -moz-linear-gradient(left, #5c0a06 0%, #940a06 28%, #e70a06 52%, #b20a06 74%, #5c0a06 100%); background: -webkit-linear-gradient(left, #5c0a06 0%,#940a06 28%,#e70a06 52%,#b20a06 74%,#5c0a06 100%); background: linear-gradient(to right, #5c0a06 0%,#940a06 28%,#e70a06 52%,#b20a06 74%,#5c0a06 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5c0a06', endColorstr='#5c0a06',GradientType=1 ); } .fr_login { min-height: 50px; padding: 10px 10px 10px 10px; margin: 0px 0px 20px 0px; width: 100%; } .fr_center {width: 70%;min-height: 50px;margin: 0px auto;} .fr_input {width: 70%;} .fr_submit {width: 28%;} .tt_fr {width: 100%;height: 35px;border: 1px solid #ccc;background-color: #f5f5f5;padding: 0px 0px 0px 10px;margin: 5px 0px 0px 0px;border-radius: 5px;font-family: thaisanslite_r1;font-size: 18px;line-height: 18px;} .fr_submit {text-align: center;height: 75px;font-weight: bold;margin: 5px 0px 0px 0px;color:#fff;font-family: thaisanslite_r1;border-radius: 5px;font-size: 26px;line-height: 38px;cursor: pointer; background: #7c040b; background: -moz-linear-gradient(top, #7c040b 0%, #eb1623 44%, #b90414 100%); background: -webkit-linear-gradient(top, #7c040b 0%,#eb1623 44%,#b90414 100%); background: linear-gradient(to bottom, #7c040b 0%,#eb1623 44%,#b90414 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7c040b', endColorstr='#b90414',GradientType=0 ); border:0; } .fr_submit:hover {background-color: #df1f1f;} .fr_link a{color: #f5f5f5;display: inline-block;} .fr_link {text-align: right;font-family: thaisanslite_r1;font-size: 18px;line-height: 18px;color: #f5f5f5;margin: 10px 0px 0px 0px;} .center {text-align: center;} .fr_ficenter {display: inline-block;width: 70%;min-height: 10px;margin: 0px auto;border-radius: 0px 0px 10px 10px;padding: 0px 0px 10px 0px;border: 1px solid #ccc;} .fr2x {width: 100%;min-height: 50px;padding: 10px 10px 0px 10px; } .fr_name {font-family: thaisanslite_r1;font-size: 20px;line-height: 20px;color: #000;text-align: center;font-weight: bold;margin-top: 5px;} .fr_name span{color: #000;} .fr_link_l a {display: inline-block; width: 46%;padding: 5px 0px 5px 0px;font-family: thaisanslite_r1;color: #000;font-size: 18px;line-height: 16px;border: 1px solid #ebe5f3;margin: 0% 1% 0% 1%;} .fr_link_l {text-align: center;margin: 15px 0px 0px 0px;} .fr_link_l a:hover {background-color: #760001;} .fr_link_r a:hover {background-color: #d7ac36;} .fr_link_r a {display: inline-block; width: 47%;padding: 5px 0px 8px 0px;font-family: thaisanslite_r1;color: #000;font-size: 20px;line-height: 18px;border: 2px solid #ac5118;margin: 0% 1% 0% 1%;background-color: #ddc070;} .fr_link_r {text-align: center;margin: 0px 0px 0px 0px;} .fr_all {text-align: center;padding: 20px 10px 20px 10px;width: 100%;border-radius: 5px;margin: 15px 0% 0% 0%;font-family: thaisanslite_r1;color: #fff;font-size: 40px;line-height: 48px; background: linear-gradient(90deg, rgb(50, 50, 50) 0%, rgb(125, 125, 125) 100%); } .fr_bkb {padding: 20px 10px 20px 10px;text-align: center;border: 1px solid #ccc;border-radius: 5px;margin: 10px 0px 0px 0px;font-family: thaisanslite_r1;color: #000;font-size: 18px;line-height: 18px;font-weight: bold;} .fr_all span {display: inline-block;padding: 2px 10px 8px 10px;color: #fff;line-height: 16px; } .b_link_game {color:#fff;font-family: thaisanslite_r1;border-radius: 5px;font-size: 26px;margin: 10px 0px 0px 0px;padding: 15px 10px 15px 10px;line-height: 24px;cursor: pointer; text-align: center; background: #7c040b; background: -moz-linear-gradient(top, #7c040b 0%, #eb1623 44%, #b90414 100%); background: -webkit-linear-gradient(top, #7c040b 0%,#eb1623 44%,#b90414 100%); background: linear-gradient(to bottom, #7c040b 0%,#eb1623 44%,#b90414 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7c040b', endColorstr='#b90414',GradientType=0 ); border:0;} .b_link_game a {color:#fff;} .b_logout_game {color:#fff;font-family: thaisanslite_r1;border-radius: 5px;font-size: 26px;margin: 10px 0px 0px 0px;padding: 10px 10px 10px 10px;line-height: 20px;cursor: pointer; text-align: center; background: #7c040b; background: -moz-linear-gradient(top, #7c040b 0%, #eb1623 44%, #b90414 100%); background: -webkit-linear-gradient(top, #7c040b 0%,#eb1623 44%,#b90414 100%); background: linear-gradient(to bottom, #7c040b 0%,#eb1623 44%,#b90414 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7c040b', endColorstr='#b90414',GradientType=0 ); border:0;} .b_logout_game a {color:#fff;} .b_logout_game a i {font-size: 18px;} .user-box img{float: left;width: 10%;} .user-box h3 {float: left;width: 70%;padding: 8px 0px 0px 0px;} .user-box { background-color: #3b3e46;background: linear-gradient(90deg, rgb(50, 50, 50) 0%, rgb(125, 125, 125) 100%);color: #fff;font-family: thaisanslite_r1;font-size: 20px;line-height: 20px;height: 42px;} .fr_link_lx a{margin: 10px 0px 0px 0px;padding: 15px 10px 15px 10px;float: left;width: 33.333%;color:#fff;font-family: thaisanslite_r1;font-size: 26px;background: linear-gradient(90deg, rgb(70, 70, 70) 0%, rgb(51, 51, 51) 100%);} .fr_link_lx a:first-child {border-radius: 5px 0px 0px 5px;} .fr_link_lx a:last-child {border-radius: 0px 5px 5px 0px;} .fr_link_lx a:hover {opacity:0.8;} .fr_link_lx a span {float: left;width: 100%;line-height: 20px;} .fr_link_lx a i {font-size: 36px;} .fr_link_2x a{float: left;width: 50%;background: linear-gradient(90deg, rgba(182,182,182,1) 0%, rgba(122,122,122,1) 100%);color: #000;font-family: thaisanslite_r1;font-size: 20px;line-height: 20px;padding: 15px 10px 18px 10px;margin: 10px 0px 0px 0px;} .fr_link_2x a:first-child {border-radius: 5px 0px 0px 5px;} .fr_link_2x a:last-child {border-radius: 0px 5px 5px 0px;} .fr_link_2x a:hover {opacity:0.8;} .fr_link_2x a i {font-size: 14px;} .fr_link_2xx a{float: left;width: 50%;background: linear-gradient(90deg, rgb(93, 93, 93) 0%, rgb(105, 105, 105) 100%);color: #fff;font-family: thaisanslite_r1;font-size: 20px;line-height: 20px;height: 55px;padding: 15px 10px 15px 10px;margin: 10px 0px 0px 0px;} .fr_link_2xx a:first-child {border-radius: 5px 0px 0px 5px;} .fr_link_2xx a:last-child {border-radius: 0px 5px 5px 0px;} .fr_link_2xx a:hover {opacity:0.8;} .fr_link_2xxx a{float: left;height: 55px;width: 50%;color: #fff;font-family: thaisanslite_r1;font-size: 20px;line-height: 20px;padding: 15px 10px 18px 10px;margin: 10px 0px 0px 0px;} .fr_link_2xxx a:first-child {border-radius: 5px 0px 0px 5px;background: linear-gradient(90deg, rgba(190,24,24,1) 0%, rgba(147,34,34,1) 100%);} .fr_link_2xxx a:last-child {border-radius: 0px 5px 5px 0px;background: linear-gradient(90deg, rgba(118,32,134,1) 0%, rgba(43,6,83,1) 100%);} .fr_link_2xxx a:hover {opacity:0.9;} .fr_link_2xxc a{float: left;width: 100%;color: #fff;font-family: thaisanslite_r1;font-size: 20px;line-height: 20px;padding: 15px 10px 18px 10px;margin: 10px 0px 0px 0px;background: linear-gradient(to right, #f83600, #fe8c00);border-radius: 5px;} .fr_link_2xx img {width: 20px;} .fr_link_2xx a i {font-size: 14px;} .fr_link_2xxx a i {font-size: 14px;} button.btn-danger {color: #fff;font-family: thaisanslite_r1;padding: 10px 15px 10px 15px;font-size: 20px!important;line-height: 20px;color:#ffffff;background: linear-gradient(to bottom,rgb(68, 147, 130) 0%, rgb(28, 73, 63) 100%);border: 1px solid #fff;border-radius: 5px;cursor: pointer;} button#send-mail {color: #fff;font-family: thaisanslite_r1;padding: 10px 15px 10px 15px;font-size: 20px;line-height: 20px;color:#ffffff;background: linear-gradient(to bottom,rgb(68, 147, 130) 0%, rgb(28, 73, 63) 100%);border: 1px solid #fff;border-radius: 5px;cursor: pointer;} button.btn-success {color: #fff;font-family: thaisanslite_r1;padding: 10px 15px 10px 15px;font-size: 20px!important;line-height: 20px;color:#ffffff;background: linear-gradient(to bottom, #7c040b 0%,#eb1623 44%,#b90414 100%);border: 1px solid #fff;border-radius: 5px;cursor: pointer;} button.btn-danger.btn2c {color: #fff;font-family: thaisanslite_r1;padding: 10px 15px 10px 15px;font-size: 20px!important;line-height: 20px;color:#ffffff;background: linear-gradient(to bottom, #7c040b 0%,#eb1623 44%,#b90414 100%);border: 1px solid #fff;border-radius: 5px;cursor: pointer;} .fr_sec2c {text-align: center;} .deposit-head h2 {float: left;width: 100%;text-align: center;font-family: thaisanslite_r1;font-size: 38px;line-height: 38px;color: #2d0254;font-weight: bold;} .deposit-head h3{float: left;width: 100%;text-align: center;color:#ffffff;font-family: thaisanslite_r1;font-size: 30px;line-height: 30px;border-radius: 15px;background-color:#ff002a;padding: 3px 0px 5px 0px;margin: 20px 0px 10px 0px;} .bank-box { float: left;width: 100%;border-radius: 15px;padding: 10px;margin: 0px 0px 20px 0px;text-align: center;} .scb-box { background-color: #017f20;} .bank-acc-info {float: left;width: 100%;text-align: center;} .bank-acc-info .w50 {float: left; width: 50%;font-family: thaisanslite_r1;font-size: 18px;line-height: 18px;} .bank-acc-info .w50 p{font-family: thaisanslite_r1;font-size: 38px;line-height: 38px;color: #000;font-weight: bold;} .bank-acc-info .w50.bdr {border-right: 1px solid #ccc;} .yt_page {width: 49%;} .select_m {width: 20%;font-family: thaisanslite_r1;font-size: 18px;line-height: 18px;padding: 3px 15px 3px 15px;} button.btn-copy {float: left;width: 100%;text-align: center;color:#ffffff;border: 0;background: linear-gradient(90deg, rgb(68, 147, 130) 0%, rgb(28, 73, 63) 100%);font-family: thaisanslite_r1;font-size: 20px;line-height: 20px;font-weight: bold;padding: 10px 0px 10px 0px;margin: 20px 0px 10px 0px;border-radius: 15px !important;} .danger-a a {font-family: thaisanslite_r1;font-size: 18px;line-height: 18px;float: left;width: 100%;text-align: center; color: #FF002A ;} .alertText {font-family: thaisanslite_r1;font-size: 38px;line-height: 38px;float: left;width: 100%;text-align: center; color: #a10a09 ;margin: 20px 0px 10px 0px;} a.btn-copy {float: left;width: 100%;text-align: center;color:#ffffff;border: 0;background: linear-gradient(90deg, rgb(68, 147, 130) 0%, rgb(28, 73, 63) 100%);font-family: thaisanslite_r1;font-size: 20px;line-height: 20px;font-weight: bold;padding: 10px 0px 10px 0px;margin: 10px 0px 10px 0px;border-radius: 15px !important;} .mount-credit {float: left; width: 49%;padding: 5px 10px 8px 10px;font-family: thaisanslite_r1;font-size: 22px;line-height: 22px;border: 1px solid #ccc;margin: 20px 0px 10px 0px;text-align: center;border-radius: 10px;font-weight: bold;} .must-turn {float: right; width: 49%;padding: 5px 10px 8px 10px;font-family: thaisanslite_r1;font-size: 22px;line-height: 22px;border: 1px solid #ccc;margin: 20px 0px 10px 0px;text-align: center;border-radius: 10px;font-weight: bold;} .now-turn {float: right; width: 100%;padding: 5px 10px 8px 10px;font-family: thaisanslite_r1;font-size: 22px;line-height: 22px;border: 1px solid #ccc;margin: 0px 0px 10px 0px;text-align: center;border-radius: 10px;font-weight: bold;} .number-h {color:#d30f92;} .tbl table { float: left; width: 100%; border-collapse: collapse; border-spacing: 1px; font-family: thaisanslite_r1;font-size: 22px;line-height: 22px; margin: 20px 0px 10px 0px; } .tbl table tr th { background-color: #fff; color: #000!important; border: 1px solid #000; text-align: center; font-size: 18px;line-height: 18px; padding: 5px 5px 5px 5px; } .tbl table tbody.table_h tr th { background-color: #bb984a; padding: 10px 5px 10px 5px;font-size: 20px;line-height: 20px;} .tbl table tr td { vertical-align: middle; } .tbl table tr td li { margin: 5px; font-weight: 200; width: 130px } .tbl table tr td a { color: #000!important; } .tb_hd table.table tbody.table_h tr { background-color: #bb984a; padding: 10px 5px 10px 5px;font-size: 20px;line-height: 20px;} .tb_hd table.table tbody.table_h tr td {padding: 10px 5px 10px 5px; color: #000!important;border: 1px solid #000;} .tx_hd {float: left;width: 100%;text-align: center;color:#ffffff;font-family: thaisanslite_r1;border: 1px solid #000;font-size: 30px;line-height: 30px;background-color:#000;padding: 3px 0px 5px 0px;margin: 20px 0px 0px 0px;} .table {float: left;width: 100%; max-width: 100%;} .table .thead-light {border-collapse: collapse;border-spacing: 1px;background-color: #e9ecef; color: #000 ; font-family: thaisanslite_r1;font-size: 22px;line-height: 26px;} .table tbody {background-color: #fff;font-family: thaisanslite_r1;font-size: 18px;line-height: 26px;text-align: center;border: 1px solid #ccc;} .table tbody td {border-left: 1px solid #ccc;} .depositList {float: left;width: 100%;} .depositList .w50 {float: left; width: 50%;font-family: thaisanslite_r1;font-size: 18px;line-height: 18px;text-align: center;margin: 20px 0px 20px 0px;} .depositList .w50 .feefree {color: #dc3545;} .depositList .w50 .timerange {color: #28a745;} .user-bank-info table.table thead.thead-light tr th {padding: 10px 0px 10px 0px!important;} @media screen and (max-width:800px){ .bank-acc-info .w50 {width: 100%;margin: 10px 0px 10px 0px;} .bank-acc-info .w50.bdr {border: 0;} .depositList .w50 {width: 100%;margin: 10px 0px 0px 0px;} .table tbody td {padding: 10px!important;line-height: 18px!important;} } @media screen and (max-width:480px){ .fr_link_2xx a {min-height: 75px;} } .fr_h1 {text-align: center;color:#000;font-family: thaisanslite_r1;font-size: 22px;line-height: 22px;border-bottom: 2px solid #681111;padding: 0px 0px 10px 0px;} .fr_tx1 {text-align: center;color:#000;font-family: thaisanslite_r1;font-size: 30px;line-height: 32px;margin: 15px 0px 5px 0px;} .fr_tx1 span {color:#efc436;font-weight: bold;} .fr_bk {margin: 20px 0px 0px 0px;border-top: 2px solid #3c0707;} .fr_tx2 {color:#000;font-family: thaisanslite_r1;font-size: 20px;line-height: 22px;margin: 0px 0px 0px 0px;} .tt_bkb {width: 100%;height: 40px;border: 2px solid #651818;background-color: #fff;padding: 0px 0px 0px 10px;margin: 5px 0px 0px 0px;border-radius: 5px;font-family: thaisanslite_r1;font-size: 18px;line-height: 18px;} .fr_sc {width: 85%;height: 40px;border: 1px solid #ccc;background-color: #fff;} .tt_bk {width: 85%;height: 40px;border: 0;background-color: #fff;padding: 0px 0px 0px 10px;margin: 0px 0px 0px 0px;font-family: thaisanslite_r1;font-size: 18px;line-height: 16px;} .fr_sec {width: 100%;height: 40px;border: 1px solid #ccc;background-color: #fff;padding: 0px 0px 0px 0px;margin: 0px 0px 10px 0px;border-radius: 5px;font-family: thaisanslite_r1;font-size: 18px;line-height: 18px;overflow: hidden;} .fr_submit_bk {width: 100%;text-align: center;height: 55px;font-weight: bold;margin: 0px 0px 15px 0px;color:#fff;font-family: thaisanslite_r1;border-radius: 5px;font-size: 26px;line-height: 48px;border: 0;cursor: pointer; background: #7c040b; background: -moz-linear-gradient(top, #7c040b 0%, #eb1623 44%, #b90414 100%); background: -webkit-linear-gradient(top, #7c040b 0%,#eb1623 44%,#b90414 100%); background: linear-gradient(to bottom, #7c040b 0%,#eb1623 44%,#b90414 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7c040b', endColorstr='#b90414',GradientType=0 ); } .fr_submit_bk:hover { opacity:0.8; } .fr_sec_tx {text-align: center;color:#ebe5f3;font-family: thaisanslite_r1;font-size: 18px;line-height: 18px;padding: 10px 10px 10px 10px;color:#721c24;background-color:#f8d7da;border: 1px solid #f5c6cb;margin: 0px 0px 10px 0px;} .fr_tx2x {border-bottom: 1px solid #ccc;border-radius: 0px;padding: 5px 0px 0px 0px;border-right: 1px solid #ccc;} .fr_tx3 {text-align: center;color:#ebe5f3;font-family: thaisanslite_r1;font-size: 22px;line-height: 22px;margin: 15px 0px 5px 0px;} .fr_tx4 {text-align: center;color:#ebe5f3;font-family: thaisanslite_r1;font-size: 18px;line-height: 18px;margin: 5px 0px 25px 0px;border-bottom: 2px solid #3c0707;padding: 0px 0px 15px 0px;} .fr_tx5 {color:#ebe5f3;font-family: thaisanslite_r1;font-size: 16px;line-height: 16px;margin: 15px 0px 10px 0px;padding: 0px 0px 0px 0px;} .fr_tx2x {width: 15%;color:#000;text-align: center;height: 40px;background-color: #e9ecef;font-family: thaisanslite_r1;font-size: 20px;line-height: 28px;margin: 0px 0px 0px 0px;text-align:center;} .fr_re {margin: 20px 0px 0px 0px;} .fix_footer {position:fixed;bottom: 0px;left: 0px;z-index: 99999999;width: 100%;min-height: 50px;border-top: 2px solid #453919;text-align: center; background: rgb(243,206,115); background: -moz-linear-gradient(top, rgba(243,206,115,1) 0%, rgba(198,163,82,1) 41%, rgba(141,107,44,1) 100%); background: -webkit-linear-gradient(top, rgba(243,206,115,1) 0%,rgba(198,163,82,1) 41%,rgba(141,107,44,1) 100%); background: linear-gradient(to bottom, rgba(243,206,115,1) 0%,rgba(198,163,82,1) 41%,rgba(141,107,44,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3ce73', endColorstr='#8d6b2c',GradientType=0 ); } .fix_footer a {display: inline-block;color:#000;margin-left: -3px;font-family: thaisanslite_r1;font-weight: bold;font-size: 22px;line-height: 28px;padding: 8px 50px 8px 50px;border-right: 2px solid #453919;} .fix_footer a:last-child {border-right: 0;} .link_ico {display: inline-block;height: 28px;margin-right: -3px;width: 28px;background-image: url(//www.sagaming350d.com/wp-content/themes/sagame350-v2/images/icon-s.png);overflow: hidden;background-repeat: no-repeat;} .fix_footer strong {display: inline-block;top: -5px;position: relative;} .ico_1 {background-position: -71px 6px;} .ico_2 {background-position: -93px 6px;} .ico_3 {background-position: -152px 6px;} .ico_4 {background-position: -180px 6px;} .ico_5 {background-position: -204px 6px;} .fix_footer a:hover{ background: #766418; background: -moz-linear-gradient(left, #766418 0%, #bba75e 50%, #bda55f 100%); background: -webkit-linear-gradient(left, #766418 0%,#bba75e 50%,#bda55f 100%); background: linear-gradient(to right, #766418 0%,#bba75e 50%,#bda55f 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#766418', endColorstr='#bda55f',GradientType=1 ); } .footer_tx {background-color: #222;color:#fff;font-family: thaisanslite_r1;font-size: 18px;line-height: 18px;padding: 8px 10px 8px 10px;text-align: center;} .footer_cx {color:#fff;font-family: thaisanslite_r1;font-size: 18px;line-height: 18px;padding: 10px 0px 20px 0px; background: #070707; background: -moz-linear-gradient(left, #070707 0%, #070707 50%, #070707 100%); background: -webkit-linear-gradient(left, #070707 0%,#070707 50%,#070707 100%); background: linear-gradient(to right, #070707 0%,#070707 50%,#070707 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#070707', endColorstr='#070707',GradientType=1 ); } .footer_logo {width: 25%;} @media screen and (max-width:980px){ .fix_footer a {float: left;width: 20%;font-family: thaisanslite_r1;font-size: 18px;line-height: 18px;padding: 8px 0px 10px 0px;text-align: center;margin-left: 0px;} } @media screen and (max-width:620px){ .fr_ficenter, .fr_center {width: 95%;} .fr_input{width: 100%;} .fr_submit {width: 100%;height: 45px;} .fr_link {text-align: center;} .fr2x {width: 100%;padding: 10px 10px 0px 10px;} .fix_footer a strong {width: 100%;margin: 5px 0px 5px 0px;} .fix_footer a.last {display: none;} .fix_footer a {padding: 3px 0px 10px 0px;width: 25%;} .footer {padding: 0px 0px 50px 0px;} .bg_ssl {overflow: hidden;} } .casino-page {background-image: url(//www.sagaming350d.com/wp-content/themes/sagame350-v2/images/sl1.jpg);background-repeat: no-repeat;background-size: cover;min-height: 500px;background-position: center center;} .txh1 {font-family: thaisanslite_r1;font-size: 46px;line-height:48px;text-align: center;color:#fff;margin: 3.5% 0% 5% 0%;font-weight: bold;} .ct1x {position: relative;} .ct1x_l {width: 80%;min-height: 300px;} .ct1x_c {width: 25%;min-height: 150px;position:absolute;right: 0px;left: 19%;bottom: -100px;z-index: 100;} .ct1x_r {width: 32%;min-height: 300px;position:absolute;right: 0px;z-index: 10;} .txh2 {font-family: thaisanslite_r1;font-size: 30px;line-height:38px;text-align: center;color:#fff;margin: 8% 0% 15px 0%;font-weight: bold;} .txh3 {font-family: thaisanslite_r1;font-size: 30px;line-height:38px;text-align: center;color:#fff;margin: 0% 0% 15px 0%;font-weight: bold;} .sl_phone {padding: 0px 40px 0px 40px;} .bg_sl_phone {background-image: url(//www.sagaming350d.com/wp-content/themes/sagame350-v2/images/bg-slide-phone.png);background-repeat: no-repeat;background-size: cover;float: left;width:100%;height: auto;background-position: center center;display: table-cell;background-size: 100%;} .bd_sl_phone {width: 53%;margin: 8.5% 9% 4.5% 0%;} .txh4 {text-align: center;color:#fff;font-family: thaisanslite_r1;font-size: 26px;line-height:28px;margin: 1.5% 0px 4% 0px;} .txh4 span {display: inline-block;margin-right: 10%;} .txh4 span img {display: inline-block;margin-right: 10px;} .txh5 {font-family: thaisanslite_r1;font-size: 40px;line-height:40px;text-align: center;color:#000;margin: 3% 0% 25px 0%;font-weight: bold;} .banner_h1 {margin: 3% 0% 2% 0%;} .slot-page {background-image: url(//www.sagaming350d.com/wp-content/themes/sagame350-v2/images/bg-slot.jpg);background-repeat: no-repeat;background-position: top center;background-color: #000;} .slot_p {background-color: rgba(0, 0, 0, 0.8);padding: 20px 20px 0px 20px;margin: 5% 0% 0% 0%;border-radius: 10px;} .title_slot_p h1{float: left;width:100%;text-align: center;color:#fff;font-family: thaisanslite_r1;font-size:48px;line-height:48px;padding: 0px 0px 20px 0px;} .slot-page .ct1x_c {float: left;width:100%;position: relative;left: 0px;bottom: 0px;text-align: center;min-height: 50px;top: -40px;} .slot-page .ct1x_c img {width:50%;display: inline-block;} .slot-page .ct1x_r {float: left;width:100%;position: relative;left: 0px;bottom: 0px;text-align: center;min-height: 50px;top: -40px;} .slot-page .ct1x_r .btn-casino {float: none;display: inline-block;} .btn-casino{ float: left;width:100%;max-width:320px; border-radius: 6px; padding: 5px 0px 15px 0px ;margin: 8px 5%;cursor: pointer; font-family: thaisanslite_r1;font-size: 46px;line-height:40px;text-align: center;text-shadow:0 1px 3px rgba(0, 0, 0, 0.46); box-shadow:0 3px 30px rgba(0, 0, 0, 0.7); background: rgba(163,230,55,1); background: -moz-linear-gradient(top, rgba(163,230,55,1) 0%, rgba(81,168,15,1) 59%, rgba(36,99,0,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(163,230,55,1)), color-stop(59%, rgba(81,168,15,1)), color-stop(100%, rgba(36,99,0,1))); background: -webkit-linear-gradient(top, rgba(163,230,55,1) 0%, rgba(81,168,15,1) 59%, rgba(36,99,0,1) 100%); background: -o-linear-gradient(top, rgba(163,230,55,1) 0%, rgba(81,168,15,1) 59%, rgba(36,99,0,1) 100%); background: -ms-linear-gradient(top, rgba(163,230,55,1) 0%, rgba(81,168,15,1) 59%, rgba(36,99,0,1) 100%); background: linear-gradient(to bottom, rgba(163,230,55,1) 0%, rgba(81,168,15,1) 59%, rgba(36,99,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a3e637', endColorstr='#246300', GradientType=0 ); -webkit-animation: color-change 0.3s infinite; -moz-animation: color-change 0.3s infinite; -o-animation: color-change 0.3s infinite; -ms-animation: color-change 0.3s infinite; animation: color-change 0.3s infinite; -webkit-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; } .home .btn-casino {padding: 15px 0px 15px 0px ;} .btn-casino:hover {transform:translate(0px,-7px);} @-webkit-keyframes color-change { 0% { color: #fff; } 50% { color: #ffd000; } 100% { color: #fff; } } @-moz-keyframes color-change { 0% { color: #fff; } 50% { color: #ffd000; } 100% { color: #fff; } } @-ms-keyframes color-change { 0% { color: #fff; } 50% { color: #ffd000; } 100% { color: #fff; } } @-o-keyframes color-change { 0% { color: #fff; } 50% { color: #ffd000; } 100% { color: #fff; } } @keyframes color-change { 0% { color: #fff; } 50% { color: #ffd000; } 100% { color: #fff; } } .ct1x_c img{-moz-animation:moveup 2s ease-in-out infinite;-webkit-animation:moveup 2s ease-in-out infinite;-o-animation:moveup 2s ease-in-out infinite;animation:moveup 2s ease-in-out infinite;} @keyframes moveup{0{transform:translate(0px,0px);} 50%{transform:translate(0px,-25px);} 100%{transform:translate(0px,0px);} } @-moz-keyframes moveup{0{-moz-transform:translate(0px,0px);} 50%{-moz-transform:translate(0px,-25px);} 100%{-moz-transform:translate(0px,0px);} } @-webkit-keyframes moveup{0{-webkit-transform:translate(0px,0px);} 50%{-webkit-transform:translate(0px,-25px);} 100%{-webkit-transform:translate(0px,0px);} } @-o-keyframes moveup{0{-o-transform:translate(0px,0px);} 50%{-o-transform:translate(0px,-25px);} 100%{-o-transform:translate(0px,0px);} } .slot-cen{margin-top:-10%;-webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-filter:contrast(80%);filter:contrast(80%);-webkit-filter:brightness(80%);filter:brightness(80%);} .slot-intro:hover .slot-cen{-webkit-filter:contrast(120%);filter:contrast(120%);-webkit-filter:brightness(110%);filter:brightness(110%);} .slot-content{text-align:center;min-height:600px;background:#f4f4f4;width:100%;margin:0 auto;padding:30px;} .game-slot{display:grid;text-align:center;grid-gap:30px;grid-template-columns:1fr 1fr 1fr 1fr;align-items:center; width:100%;max-width:1200px;margin:10px auto 30px;padding:2%;} .slot-box{display:grid;width:100%;min-height:200px;border-radius:30px 30px 8px 8px;grid-template-columns:1fr; grid-template-areas:"slot-cover""slot-info""slot-btn";box-shadow:0 10px 30px rgba(0, 0, 0, 0.03);align-items:start; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;position:relative; background: rgb(243,206,115); background: -moz-linear-gradient(top, rgba(243,206,115,1) 0%, rgba(198,163,82,1) 41%, rgba(141,107,44,1) 100%); background: -webkit-linear-gradient(top, rgba(243,206,115,1) 0%,rgba(198,163,82,1) 41%,rgba(141,107,44,1) 100%); background: linear-gradient(to bottom, rgba(243,206,115,1) 0%,rgba(198,163,82,1) 41%,rgba(141,107,44,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3ce73', endColorstr='#8d6b2c',GradientType=0 ); } .slot-cover{z-index:70;display:grid;grid-area:slot-cover;background:none;grid-template-columns:100%; grid-template-areas:"sl-cv-bg""sl-chr";position: relative;align-items:start;} .sl-cv-bg{z-index:71;grid-area:sl-cv-bg;grid-row: 1/2;border-radius:30px 30px 0 0;overflow:hidden;} .sl-chr{z-index:72;grid-area:sl-chr;grid-row: 1/2;position: absolute;top:-20px; -webkit-transition: all .3s ease-out; transition: all .3s ease-out;} .slot-box:hover .sl-chr{position: absolute;top:-45px;} .slot-info{z-index:73;grid-area:slot-info;padding:10px 20px 20px;grid-row: 2/3;margin-top:-15%;border-radius: 0 0 8px 8px; background: rgb(243,206,115); background: -moz-linear-gradient(top, rgba(243,206,115,1) 0%, rgba(198,163,82,1) 41%, rgba(141,107,44,1) 100%); background: -webkit-linear-gradient(top, rgba(243,206,115,1) 0%,rgba(198,163,82,1) 41%,rgba(141,107,44,1) 100%); background: linear-gradient(to bottom, rgba(243,206,115,1) 0%,rgba(198,163,82,1) 41%,rgba(141,107,44,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3ce73', endColorstr='#8d6b2c',GradientType=0 ); } .sl-logo{z-index:75;margin-top:-20%;margin-bottom: -5%;} .slot-btn{z-index:74;grid-area:slot-btn;display:grid;margin-top:-10%;padding:10px 10px 20px;grid-row: 2/3;background:#fff;width:100%;opacity:0; border-radius: 0 0 7px 7px;-webkit-transition: all .5s ease-out; transition: all .5s ease-out;align-items:end;} .slot-box:hover .slot-btn{opacity:1;} .slot-box:hover{box-shadow:0 -10px 40px rgba(0, 0, 0, 0.2);} .slot-box:hover .sl-chr{-webkit-filter:contrast(120%);filter:contrast(120%);-webkit-filter:brightness(130%);filter:brightness(130%);} .tx-name-slot{font-family: thaisanslite_r1;font-size: 18px;line-height: 18px;color:#444;} .tx-slot{font-family: thaisanslite_r1;font-size: 18px;line-height: 18px;color:#000;overflow: hidden;max-height: 39px;} .slot-eff{-webkit-transition: all .3s ease-out; transition: all .3s ease-out; -webkit-filter:contrast(80%);filter:contrast(80%); -webkit-filter:brightness(200%);filter:brightness(200%); -webkit-filter: grayscale(100%);filter: grayscale(100%); } .slot-box:hover .slot-eff{ -webkit-filter:contrast(110%);filter:contrast(110%); -webkit-filter:brightness(115%);filter:brightness(115%); -webkit-filter: grayscale(0%);filter: grayscale(0%); } .new{z-index:76;display:table-cell;position:absolute;right:0;bottom:0;width:60%;height:60%;overflow:hidden;pointer-events: none;} .tx-new{padding:5px 40px;text-align:center;font-size:0.8em;font-family:'Teko', sans-serif;color:#fff;background:#c50000; -ms-transform: rotate(-40deg);-webkit-transform: rotate(-40deg);transform: rotate(-40deg); position:absolute;bottom:4px;right:-60%;width:150%;box-shadow:2px 2px 6px rgba(0, 0, 0, 0.4); } button.btn-game{ cursor: pointer; font-family: thaisanslite_r1;font-size: 22px;line-height: 18px;border: 0;color:#fff;padding: 2px 20px 5px 20px;margin-top: 10px; box-shadow:0 2px 0 rgba(0,0,0,0.1); background: rgba(189,0,0,1); background: -moz-linear-gradient(top, rgba(189,0,0,1) 0%, rgba(189,0,0,1) 12%, rgba(120,0,0,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(189,0,0,1)), color-stop(12%, rgba(189,0,0,1)), color-stop(100%, rgba(120,0,0,1))); background: -webkit-linear-gradient(top, rgba(189,0,0,1) 0%, rgba(189,0,0,1) 12%, rgba(120,0,0,1) 100%); background: -o-linear-gradient(top, rgba(189,0,0,1) 0%, rgba(189,0,0,1) 12%, rgba(120,0,0,1) 100%); background: -ms-linear-gradient(top, rgba(189,0,0,1) 0%, rgba(189,0,0,1) 12%, rgba(120,0,0,1) 100%); background: linear-gradient(to bottom, rgba(189,0,0,1) 0%, rgba(189,0,0,1) 12%, rgba(120,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bd0000', endColorstr='#780000', GradientType=0 ); } button.btn-game:hover{box-shadow:0 3px 1px rgba(0,0,0,0.3); background: rgba(240,0,0,1); background: -moz-linear-gradient(top, rgba(240,0,0,1) 0%, rgba(240,0,0,1) 12%, rgba(196,0,0,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(240,0,0,1)), color-stop(12%, rgba(240,0,0,1)), color-stop(100%, rgba(196,0,0,1))); background: -webkit-linear-gradient(top, rgba(240,0,0,1) 0%, rgba(240,0,0,1) 12%, rgba(196,0,0,1) 100%); background: -o-linear-gradient(top, rgba(240,0,0,1) 0%, rgba(240,0,0,1) 12%, rgba(196,0,0,1) 100%); background: -ms-linear-gradient(top, rgba(240,0,0,1) 0%, rgba(240,0,0,1) 12%, rgba(196,0,0,1) 100%); background: linear-gradient(to bottom, rgba(240,0,0,1) 0%, rgba(240,0,0,1) 12%, rgba(196,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f00000', endColorstr='#c40000', GradientType=0 ); } .owl-item.active { -webkit-animation-name: hvr-buzz-out; animation-name: hvr-buzz-out; -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } @-webkit-keyframes hvr-buzz-out { 10% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 20% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 30% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 40% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 50% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 60% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 70% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 80% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 90% { -webkit-transform: translateX(1px) rotate(0); transform: translateX(1px) rotate(0); } 100% { -webkit-transform: translateX(-1px) rotate(0); transform: translateX(-1px) rotate(0); } } @keyframes hvr-buzz-out { 10% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 20% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 30% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 40% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 50% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 60% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 70% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 80% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 90% { -webkit-transform: translateX(1px) rotate(0); transform: translateX(1px) rotate(0); } 100% { -webkit-transform: translateX(-1px) rotate(0); transform: translateX(-1px) rotate(0); } } .title_pagexl h3 {color: #bfa42a;font-size: 32px;line-height: 32px;font-family:thaisanslite_r1;font-weight: bold;background-color: #000;background-image: url(//www.sagaming350d.com/wp-content/themes/sagame350-v2/images/bg-p.jpg);border-radius: 5px 5px 0px 0px;padding: 8px 20px 12px 20px;border: 1px solid #2c2a2a;border-top: 3px solid #2c2a2a;text-align: center;} .title_pagexl h1 , .title_pagexl h2 {color: #bfa42a;font-size: 36px;line-height: 36px;font-family:thaisanslite_r1;font-weight: bold;background-color: #000;background-image: url(//www.sagaming350d.com/wp-content/themes/sagame350-v2/images/bg-p.jpg);border-radius: 5px 5px 0px 0px;padding: 8px 20px 12px 20px;border: 1px solid #2c2a2a;border-top: 3px solid #2c2a2a;text-align: center;} .title_pagexl a {color: #bfa42a;} .title_pagexl {margin-bottom: 0px;margin-top: 0px; } .videoWrapper { position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; } .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .title_pagex h1 , .title_pagex h2 {color: #fff;font-size: 28px;line-height: 28px;font-family:Mitr;font-weight: bold;} .title_pagex a {color: #fff;} .title_pagex {margin-bottom: 0px;margin-top: 0px;background-color: #000; background-image: url(//www.sagaming350d.com/wp-content/themes/sagame350-v2/images/bg-p.jpg?v=1.0); padding: 5px 20px 5px 20px; border-radius: 5px 5px 0px 0px; border: 1px solid #2c2a2a; border-top: 3px solid #2c2a2a; text-align: center; } .tt_re_fr {display: none;float: left;width:100%;text-align: center;font-size: 18px;line-height: 18px;font-family:Mitr;font-weight: bold;margin: 7px 0px 0px 0px;background: linear-gradient(90deg, rgba(177, 9, 4, 1) 0%, rgba(242, 23, 1, 1) 100%);border-radius: 2px;} .tt_re_fr a {float: left;width:100%;color: #fff;padding: 15px 0px 15px 0px;} .jp_ct {position: relative;font-size: 30px;margin-bottom: -15px;text-align: center;} .jp_time {float: right;position: relative;margin-top: -127px;margin-right: 310px;z-index: 1000;} .jp_img {text-align: center;} .jp_img img {width:90%;} .page-template-deposit .p_gl , .page-template-hd .p_gl , .page-template-hw .p_gl , .page-template-affiliate .p_gl , .page-template-withdrawal .p_gl , .page-template-login .p_gl {margin-bottom: 0px;margin-top: 10px;} .page-template-withdrawal .bg{background-color: #1e003b !important ;padding: 20px;} .page-template-deposit .fr_login {padding: 10px 20px 40px 20px;} .body_c {background-color: #fff;padding: 5px 15px 15px 15px;border-radius: 10px;} .page-template-deposit .bg, .page-template-affiliate .bg, .page-template-hw .bg, .page-template-hd .bg{background-color: #1e003b !important ;padding: 20px;} .page-template-register .p_gl{margin-top: 10px;} .page-template-register .p_slide, .page-template-login .p_slide, .page-template-hd .p_slide, .page-template-hw .p_slide, .page-template-affiliate .p_slide, .page-template-withdrawal .p_slide, .page-template-deposit .p_slide{display: none;} .page-template-login .bg_p {background-color: #1e003b;padding: 20px;} .page-template-register .fr_login {background-color: transparent;padding: 0px 20px 40px 20px;margin-top: 0px;} .page-template-register .bg_p_login {margin-bottom: 0px; background-color: #24003e; } .page-template-affiliate .fr_sec2c {width: 100%;text-align: center;} .lg.btn-copy{float: left;margin: 0px 0px 10px 0px;width: 100%;text-align: center;background: linear-gradient(to bottom, #cec9cf 0%,#e0e0e0 47%,#f5f5f5 100%);border-radius: 15px !important;border: 1px solid #ccc;padding: 5px 10px 5px 10px;} @media screen and (max-width:800px){ .page-template-deposit .bg, .page-template-affiliate .bg, .page-template-hw .bg, .page-template-hd .bg{padding: 10px;} .page-template-hw .body_c {padding: 15px 15px 15px 15px;} .fr_tx2x {width: 35%;font-size: 18px;} .tt_bk {width: 65%;} } .fr_amount{color: #fff ; font-size: 42px;line-height: 50px;font-family: Arial, Helvetica, sans-serif;} .fr_amtx {color: #e9e7e7 ; font-size: 26px;} #fr_login_user_form {margin-bottom: 0px;} .bsec1 {background-color: #000;padding: 10px 10px 10px 10px;margin-bottom: 0px;} .gp1, .gp2, .gp3, .gp4, .grup1, .grup2, .grup3, .grup4 {display: none;} .gp1.active, .gp2.active, .gp3.active, .gp4.active {display: block;} .gp1, .gp2, .gp3, .gp4{margin-bottom: 20px;} .gr_btn {text-align: center;margin-bottom: 10px;padding: 0px 0px 0px 0px;background-color: #000;margin-bottom: 20px;border-radius: 10px;} .grup_b {display: inline-block;color:#fff;margin: 0px 0px -8px 0px;overflow: hidden;font-family: thaisanslite_r1;font-size: 20px;font-weight: bold;cursor: pointer; padding: 10px 0% 10px 0%;width:15%;} .grup_b span {float: left;width:100%;} .grup_b img {max-width:80px;} .grup_b.active img {filter: brightness(160%);} .grup_b.active {background-color: #cc0000;} .list_bn {margin-bottom: 10px;text-align: center;} @media screen and (max-width:980px){ .grup_b img {max-width:60px;} .grup_b {float: left;width:25%;font-size: 12px;} } .bg_xg {padding: 5px 13px 8px 13px;} .title_page.tx_center h2 {float: left;width:100%;font-size: 26px;line-height: 28px;} .hx_slot {font-family: thaisanslite_r1;font-size: 42px;line-height: 46px;text-align: center;color:#fff;font-weight: bold;margin: 18px 0px 10px 0px; background: #f5f6f6; background: -moz-linear-gradient(top, #f5f6f6 0%, #dbdce2 21%, #b8bac6 49%, #dddfe3 80%, #f5f6f6 100%); background: -webkit-linear-gradient(top, #f5f6f6 0%,#dbdce2 21%,#b8bac6 49%,#dddfe3 80%,#f5f6f6 100%); background: linear-gradient(to bottom, #f5f6f6 0%,#dbdce2 21%,#b8bac6 49%,#dddfe3 80%,#f5f6f6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f6f6', endColorstr='#f5f6f6',GradientType=0 ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .ar_gx {margin: 10px 0px 10px 0px;height: 2px;background-image: url(//www.sagaming350d.com/wp-content/themes/sagame350-v2/images/animate.gif?v=1.0);background-position: center center;} .ct_home {padding: 0px;margin-bottom: 0px; } .tt_g4x {float:left;width: 23.85%;margin: 10px 1.5% 5px 0%;border-radius: 0px;position: relative;overflow: hidden; -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.16); -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.16); box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.16); } .tt_g4x.last {margin-right: 0;} .tt_g3b {float:left;width: 32.3%;margin: 10px 1.5% 5px 0%;background-color: #000;border: 1px solid #222;border-radius: 0px;position: relative;overflow: hidden; -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.16); -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.16); box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.16); } .tt_g3b h3 {color:#fff;float: left;width: 100%;text-align: center;margin: -3px 0px 5px 0px;} .tt_g3b.last {margin-right: 0;} .tt_g3b:hover h3 {color:#bf7cff;} .mt_game {margin-top: 20px;} @media screen and (max-width:480px){ .tt_g4x {width:49%;margin-top: 0px;margin-right: 2%!important;} .tt_g4x.last2x {margin-right: 0px!important;} .tt_g3b {} .tt_g3b.last2x {} .hx_slot {font-size: 24px;line-height: 28px;margin-bottom: 0px;text-align: left;} .g_ct {padding: 5px;} .bg_xg {padding: 10px 10px 8px 10px;} .mt_game {margin-top: 0px;} } .tt_bxl {width:66.5%;} .tt_bxr {width:32.5%;border: 1px solid #222;overflow: hidden;background-color: #000;} .tt_bxr iframe{width:100%!important;} .tt_p3x1 {float: left;width: 100%;margin: 0px 0px 10px 0px; border-bottom: 1px dashed #444;padding: 0px 0px 10px 0px;} .tt_p3x1 h3 {float: left;width: 100%;font-family: 'Prompt', sans-serif;color:#b3985a;font-size:22px;line-height:22px;overflow: hidden;font-weight: bold; text-overflow: ellipsis; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical;} .tt_p3x1 p {float: left;width: 100%;font-family: 'Prompt', sans-serif;color:#777;font-size:18px;line-height:20px;overflow: hidden;margin:10px 0px 0px 0px; text-overflow: ellipsis; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical;} .tt_p3x1 .tt_img {float: left;width: 30%;} .tt_p3x1 .tt_desc {float: right;width: 67%;} .tt_p3x1.tt2b, .tt_p3x1.tt1b {float: left;width: 49%; border-bottom: 0;padding: 0px 0px 10px 0px;} .tt_p3x1.tt1b {margin: 0px 2% 4% 0px;} .tt_p3x1.tt2b {margin: 0px 0px 4% 0px;} .tt_p3x1.tt1b .tt_img, .tt_p3x1.tt2b .tt_img {float: left;width: 100%;} .tt_p3x1.tt1b .tt_desc, .tt_p3x1.tt2b .tt_desc {float: left;width: 100%;margin:10px 0px 0px 0px;} .b_link {position: relative;z-index: 1000;} .tt_h_link {width: 100%;} .link_bk {width: 24%;min-height: 100px;margin:31px 0px 0px 0px;} .link_logo {width: 38%;min-height: 150px;} .link_line {width: 36%;min-height: 150px;} .register_ft {width: 55%;} .fr_repage{width: 43%;padding: 30px 0px 0px 20px;text-align: center;} .fr_login.register_ft .fr_center {width: 100%;} .fr_submit_bk i.fa-user-plus {font-size:15px;} .fr_repage iframe {width: 100%!important;margin-bottom: -8px;} .re_bg {background: #1e003b !important;} .img_pro {float: left;width: 55%;} .info_pro {float: right;width: 42%;} .bg_pro {font-size:16px;line-height:16px;padding: 10px 0px 10px 0px;color: #e81404;border-radius: 5px;margin-top: 10px;} .list_pro {float: left;width: 100%;margin-bottom: 15px!important;} .tt_bt_line {float: left;width: 100%;text-align: center;margin: 20px 0px 20px 0px;} .tt_bt_line img {display: inline-block;width: 100%;max-width: 600px;} .fr_ficenter.fr_l {float: left;width: 55%;} .fr_login.if_login {padding: 10px 10px 10px 10px;} .fr_r {float: right;width: 43%;text-align: center;padding: 20% 10px 0px 0px;} .fr_rb, .purple-circle-button.active {display: none;} .fr_rb.active {display: block;} .purple-circle-button { box-shadow: 2px 6px 0 2px rgba(0, 0, 0, 0.26); border: 0; font-size: 32px; line-height: 30px; font-family: Mitr; color: #ffffff; background: linear-gradient(to bottom, rgb(173, 89, 255) 0%, rgb(110, 0, 212) 100%); margin: auto; border-radius: 50%; height: 200px; width: 200px; cursor: pointer; position: relative; } .purple-circle-button i{ font-size: 40px; margin-top: 10px; } .purple-circle-button:hover { box-shadow: 2px 4px 0 2px rgba(0, 0, 0, 0.35); color:#ffffff; background: linear-gradient(to bottom, rgb(159, 68, 249) 0%, rgb(90, 6, 169) 100%); text-decoration: none; } @media screen and (min-width:1800px){ .tt_txt_seo2 {padding: 0px 0px 0px 0px;} } @media screen and (min-width:1024px){ } @media screen and (max-width:1050px){ } @media screen and (max-width:1024px){ #topbar2, #topbar {display: none;} .wrapper {padding: 0px 15px 0px 15px;} } @media screen and (max-width:980px){ .menu_footer ul li:after{width:0px;} .tt_slide_page {max-height: 230px;} .tt_from_login {margin: 20px 0% 0px 0px;} .tt_slide {margin: 0px 0px 0px 0px;} .live_bx, .pcx {display: none;} .mcx {display: block;} .bg2 { padding: 20px 0px 0px 0px; background-image: none; background: #ba943e; background: -moz-linear-gradient(left, #ba943e 0%, #dbc684 21%, #f1e1a2 49%, #e7ca7a 80%, #b28b42 100%); background: -webkit-linear-gradient(left, #ba943e 0%,#dbc684 21%,#f1e1a2 49%,#e7ca7a 80%,#b28b42 100%); background: linear-gradient(to right, #ba943e 0%,#dbc684 21%,#f1e1a2 49%,#e7ca7a 80%,#b28b42 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ba943e', endColorstr='#b28b42',GradientType=1 ); } .tt_txt_seo2 {padding: 0px 0px 0px 0px;} .head_mc {display: block;} .h-linem img {max-width: 180px;} } @media screen and (max-width:960px){ .tt_from_login {width:100%;margin: 5px 0% 0px 0px;padding: 15px 20px 15px 20px; background: rgb(219,219,219); background: -moz-linear-gradient(top, rgba(219,219,219,1) 0%, rgba(198,198,198,1) 100%); background: -webkit-linear-gradient(top, rgba(219,219,219,1) 0%,rgba(198,198,198,1) 100%); background: linear-gradient(to bottom, rgba(219,219,219,1) 0%,rgba(198,198,198,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbdb', endColorstr='#c6c6c6',GradientType=0 ); } .tt_head_menu{float:left;width:100%;margin: 24px 0px 0px 2.2%;} .tt_from_lg .tt_from_u , .tt_from_lg .tt_from_p {color:#555;width:40%;margin:0px 5px 0px 0px;padding: 10px 0px 10px 5px;border: 1px solid #ccc;height: 40px;font-size: 14px;background-color: #FFF;} .tt_from_lg {width:80%;} .tt_submit {border: 0;width:15%;height: 40px;text-align: center;font-size: 16px;color: #fff;cursor: pointer;line-height: 40px;} .tt_btn_lang{padding: 10px 5px 10px 10px;} .head_phone {display:block;} .tt-social{margin-top: 0px;} .tt-fxpc {position: relative;} .fixpc {margin-top: 0px;} .step3 {} } @media screen and (max-width:800px){ .header {margin: 0px 0px 0px 0px;} .tt_from_login_m, .nav_m {display: block;} .wrapper {padding: 0px 0px 0px 0px;overflow: hidden;} .post-sm {width: 50%;} .post-hl {width: 100%;background-color: transparent;margin: 10px 0px 0px 10px;} .post-hl:hover {background-color:transparent;} .post-sm .tt_img, .post-hl .tt_img{width: 25%;} .post-hl .title p {display: none;} .post-sm {float: left;width: 100%;margin: 5px 0% 5px 10px;} .post-hl .title, .post-sm .title{float: right;width: 73%;padding:0px 10px 10px 10px;} .post-hl .title h3 {color: #000;} .post-sm .title h3 {font-size: 16px;color: #000;} .nav_lang { width:120px;} .banner_stb img, .banner_bank img, .banner_hover img, .right_ct, .left_ct {width: 100%;} .wrapper_c {overflow: hidden;} .tt_fb {display: none;} .right_ct .banner_hover {width: 33.3333%;} .tt_content {padding: 10px 10px 5px 10px;} .tt_slide {padding: 0px;width: 100%;} .tt_live {float: left;width: 100%;margin: 0px 0% 0px 0%;border: 0;padding: 15px;} .nav_m {min-height: 45px;position:fixed;top: 0px;left: 0px;z-index: 1000;border-bottom: 2px solid #000;background-color:#FFF;} .nav_m a {float: left;width: 100%;text-align: center;} .nav-toggle { position:absolute;left: 0px;top: 0px;height: 45px; width: 56px;font-size: 24px;color: #000;cursor: pointer;text-align: center;} .nav-toggle strong {font-size: 12px;top: 27px;position:absolute;left: 10px;} .user-toggle { position:absolute;right: 0px;top:0px;height: 45px; width: 56px;font-size: 24px;color: #000;cursor: pointer;text-align: center;} .user-toggle strong {font-size: 12px;top: 27px;position:absolute;left: 5px;} .nav_top {margin-top: 30px;} .tt_head_menu ul li.hied_pc, .owl-theme.owl-loaded .owl-controls .owl-dots{display: none!important;} .logo_m {display: block;float: left;width: 100%;text-align: center; background: #f97d1d; background: -moz-linear-gradient(top, #f97d1d 0%, #44110a 100%); background: -webkit-linear-gradient(top, #f97d1d 0%,#44110a 100%); background: linear-gradient(to bottom, #f97d1d 0%,#44110a 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f97d1d', endColorstr='#44110a',GradientType=0 ); } .tt_head_menu{width:100%;margin: 0px;} .tt_head_menu ul li.mc_m, .logo_pc, .tt_head_menu ul li:after{display: none;} .tt_head_menu ul{left:0px;padding:0px;z-index:9999;width:100%;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;} .tt_head_menu ul li{display: block;float:left;width:33.3333%;padding:7px 0px 7px 0px;border-right: 1px solid #916f2f;border-bottom: 1px solid #916f2f;margin:0px 0px 0px 0px; background: rgb(243,206,115); background: -moz-linear-gradient(top, rgba(243,206,115,1) 0%, rgba(198,163,82,1) 41%, rgba(141,107,44,1) 100%); background: -webkit-linear-gradient(top, rgba(243,206,115,1) 0%,rgba(198,163,82,1) 41%,rgba(141,107,44,1) 100%); background: linear-gradient(to bottom, rgba(243,206,115,1) 0%,rgba(198,163,82,1) 41%,rgba(141,107,44,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3ce73', endColorstr='#8d6b2c',GradientType=0 ); } .tt_head_menu ul li a{float:left;width:100%;line-height:22px;color:#000;font-size: 20px;text-shadow: none;text-align: center;padding:5px 0px 5px 0px;font-weight: bold;white-space :nowrap;} .tt_head_menu ul li:hover a, .tt_head_menu ul li.current-menu-item a, .tt_head_menu ul li:hover a{color:#000;} .tt_head_menu ul li:hover a{background-color:transparent !important;} .tt_head_menu ul li.ico-new {margin:0px;} .tt_head_menu ul li.ico-new:hover a, .tt_head_menu ul li.ico-new a{color:#000!important;animation: none; -webkit-animation: none;} .head_from_pc .tt_from_p, .head_from_pc .tt_from_u {background-color: #fff;} .head_from_pc input::placeholder { color: #777; opacity: 1; } .tt_live.if_login .fr_ficenter {border-radius: 0px;} .tt_live.if_login {border-radius: 0px;margin: 0px 0px -3px 0px;padding: 0px 0px 0px 0px;} .head_from_pc input:-ms-input-placeholder { color: #777; } .head_from_pc input::-ms-input-placeholder { color: #777; } .tt_head_menu {min-height: 10px;} .nav_menu {width: 100%;margin: 0px;} .tt_from_login {float:left;width:100%;padding: 10px 10px 0px 10px;} .ct_lang {float:left;width:100%;padding: 10px 10px 10px 10px;margin: 0px 0px 0px 0px;} .menu_list.first, .menu_list.center, .menu_list {width: 32%;margin: 0% 0% 15px 1%;min-height: 180px;} .menu_list.first ul li a, .menu_list.center ul li a {width:100%;} .use_lang, .tt_btn_lang{float: left;width:100%;font-size: 16px;} .tt_btn_lang .tt_tx {width:95%;height: 18px;} .nav_lang { width:100%;top: 40px;font-size: 16px;border: 1px solid #ddd;} .nav_lang a {padding: 15px 10px 15px 10px;} .banner_h{display: none;} .tt_from_lg {width:100%;margin-right:0px;} .tt_from_lg .tt_from_u, .tt_from_lg .tt_from_p{float:left;margin: 5px 0px 0px 0px;width:100%;height: 40px;padding: 10px 0px 10px 0px;font-size: 14px;background-color:#FFF;text-align: center;border: 1px solid #ccc;} .tt_from_lg .tt_captcha{float:left;margin: 15px 0px 0px 0%;width:60%;height: 40px;padding: 10px 0px 10px 0px;font-size: 14px;background-color:#f2f2f2;text-align: center;border: 2px solid #eee;} .captcha_img{float:left;margin: 15px 0px 0px 3%;width:37%;height: 40px;font-size: 28px;line-height:40px;} .captcha_img img {margin-top: 10px;} .tt_submit {width:100%;margin: 15px 0px 15px 0px;padding: 5px 0px 5px 0px;height: auto;font-size: 18px;-moz-box-shadow:inset 0px 1px 0px 0px #fff6af;} .ct_bank img{width:100%;} .tt_from_login.active{display: block;margin: 0px auto;width:60%;position:fixed;left: 0px;right: 0px;top: 20%;z-index: 1000;border-radius: 10px; background: #efefef; background: -moz-linear-gradient(top, #efefef 0%, #c6c6c6 100%); background: -webkit-linear-gradient(top, #efefef 0%,#c6c6c6 100%); background: linear-gradient(to bottom, #efefef 0%,#c6c6c6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#c6c6c6',GradientType=0 ); } .tt_xsl {background:#000;} .header {min-height: 60px; background: #eee; } .bgsl {padding: 10px 0px 0px 0px;} .tt_label {float:left;margin: 10px 0px 0px 0px;font-size: 16px;color:#333;} .fb_box, .social-sharing {display: none;} .head_from {padding: 15px 15px 15px 15px;} .logo_pc{width:100%;text-align: center;margin-bottom: 10px;} .login_head_m {display: block;} .nav_mobile {float: left;width:100%;display: block;} .nav_mobile ul li {float: left;width:25%;color:#333;border-right: 1px solid #ccc;padding: 8px 0px 8px 0px;text-align: center;} .menu_list span {color:#000;font-size: 16px;border-right: 0;padding: 8px 0px 8px 0px;text-align: center;background:#bf9b50;} .bar {margin: 30px 0px 0px 0px;} .tt_from_box select.wpcf7-form-control, .tt_from_box textarea.wpcf7-textarea, .tt_from_box input.wpcf7-text{padding:7px 10px 7px 10px;background:#f9f9f9;} .tt_tab3, .tt_tab2, .tt_tab1{padding:8px 0px 8px 0px;} .tt-date, .footer_c, .m_pc, .m_pc2, .tt-social, .tt_head_menu.m_pc, .tt_clip { display: none; } .tt_submit { background: #960103; } .head_from_pc {padding-top: 0px;} .bx_clip video {width:100%;height: auto;} .tt_xsl, .tt_live.if_login, .from_hc{width:100%;float: left;} .tt_head_menu.m-mc {display: block;} .tx_sl_bg {padding: 0px 0px 0px 0px;} .head_from_pc .tt_from_p, .head_from_pc .tt_from_u {width:100%;float: left;height: 45px;text-align: center;margin-bottom: 5px;} .head_from_pc .tt_submit {float:right;width:100%;height: 45px; } .tt-line-phone {display: none;} .ct_bg03 {width: 100%;margin: 0;} .footer_r, .footer_l{float: left;width: 100%;} .footer_r::after {display: none;} .tt-line-phone span{float: left;width: 100%;} .tt_lcx , .tt_rcx{width: 100%;} .bar {background-image: none; background: #c09c51;} .footer_t2x {text-align: center;max-width: 100%;padding: 15px 20px 0px 20px;} .u_test span {font-size: 18px;} .tt_ul {width: 65px;} .tt_ur {float: left;width: 45px;} #toTop{bottom:80px;} .slot-page .ct1x_c, .ct1x_c, .ct1x_l, .ct1x_r {float: left;width: 100%;position: relative;} .btn-casino {max-width: 90%;} .txh2 {padding: 0px 20px 0px 20px;margin: 0% 0% 15px 0%;} .ct1x_c img {max-width: 100px;} .ct1x_c {bottom: 0px;margin-top: -100px;min-height: 50px;} .txh1 {padding: 0px 20px 20px 20px;min-height: 50px;} .ct1x_r {margin-top: 0px;margin-bottom: 20px;min-height: 50px;} .txh4 span {float: left;width: 50%;margin-left: 40%;text-align: left;} .bg03, .bg02 {top: 0px;border-radius: 0px;} .bg05, .bg04 {top: 0px;border-radius: 0px;margin-bottom: 0px;} .bg01 {padding: 0px 0px 0px 0px;height: auto;} .casino-page {min-height: 200px;} .slot-page .ct1x_c {margin-top: 0px;} .slot-page .ct1x_c img {max-width: 100%;} .slot_p {margin: 0% 0% 0% 0%;border-radius: 0px;} .slot-box .slot-btn {opacity:1;margin-top: 0%;} .tx-slot {display: none;} .slot-box {min-height: 210px;} .copyright_footer {width: 100%;text-align: center;} .c_footer {width: 100%;text-align: center;} .footer_logo {width: 100%;text-align: center;} .footer_logo img {width: 200px;} .bg05 {background-image: none;background-color: #000;height: auto;width: 100%;} .tt_txt_seo2 {width: 100%;padding: 15px;} .p_gl {top: 0px;border-radius: 0px;} .title_page {border-radius: 0px;} } @media screen and (max-width:620px){ .tt_list.sbo .tt_img {width:40%;} .tt_list.sbo .tt_dsc {width:57%;} .wpcf7 form .wpcf7-response-output{width:90%;left:0px;right:0px;} .tt_full.fp .wpcf7{float:left;width:100%;} .tt_full.fp #wpcf7-f81-p12-o2.wpcf7 {margin: 50px 0px 50px 0px;} .tt_lc {width: 100%;min-height: 10px;} .tt_rc {float: left;width: 100%;min-height: 100px;padding: 0% 0% 0% 0%;} .tt_slide_page {margin: 10px 0px 0px 0px;} .tt_full .wpcf7{width:100%;} .thaitheme_read{padding:0px 0px 20px 0px;} .tt_r.tt_rc {margin-top: 0px;} .fb_pc {display: none;} .owl-theme .owl-nav { bottom: 65%;} .logo_ft {max-width: 100%;} .footer_l1x {text-align: center;} .footer_t1x {max-width: 100%;width: 100%;padding: 0px 20px 20px 20px;text-align: center;} .logo_ft img {max-width: 200px;} .game-slot{grid-template-columns: 1fr 1fr;padding: 5% 10px 5% 10px;grid-gap:20px;} .post-gslot{width: 32%;} .post-sm44xx {width: 48.5%;} .post-sm44b {width: 47%;margin: 3% 0% 10px 2%;} .post-sm44b h3 {float: left;width: 100%;height: 45px;overflow: hidden;} .user-box img {width: 13.5%;} } @media screen and (max-width:584px){ .head_from {padding: 10px;} .tt_from_login.active{width:80%;} .tt_btn_lang .tt_tx {width:90%;} } @media screen and (max-width:480px){ .sec-center {padding: 10px 10px 0px 10px;} .right_ct .banner_hover {width: 100%;} .tt_full.nav_m img {width: 60%;margin-top: 6px;} .tt_col_a , .tt_col_c {width: 30.5%;margin: 0px 0% 10px 2%;} .tt_col_b, .tt_col_d{width: 49%;margin: 0px 0px 10px 0px;} .menu_list.gcm , .menu_list.last, .menu_list.first, .menu_list.center, .menu_list {width: 94.4%;margin: 0% 0% 25px 2.9%;min-height: 0px;} .menu_list span{font-size:22px;} .tt_rc {float: left;width: 100%;padding: 0% 0% 0% 0%;margin-top: 0px;} .tt_from_login.active{width:90%;} .head_phone.mn, .tt_ag_bt.mc, .tt_home_bx.bx_clip, .post-sm3xx.tt5x, .post-sm3xx.tt6x, .tt-date, .tt_list.sbo .tt_dsc p, .post-sm3xx.tt5x{display: none;} .head_from_m {max-width: 300px;} .post-sm3xx {width: 49%;} .post-sm3xx.tt4x, .post-sm3xx.tt2x {margin-right: 0px;} .tt_col_c {width: 30.5%;margin: 0px 0% 10px 2%;} .tt_col_c img {width: 100%;} .tt_home_bx {width:100%;margin: 0px 0px 10px 0px;} .post-sm3xx.tt3x {margin: 10px 2% 0px 0%;} .owl-theme .owl-nav { top: 15%; } .fr_link_lx a {font-size: 18px;padding: 10px 0px 10px 0px;} .tt_full.mcx {margin-bottom: 10px;} .txh4 span {float: left;width: 80%;margin-left: 20%;text-align: left;} .txh1, .txh2, .txh3 {font-size:22px;line-height: 22px;} .mcxx {padding: 0px 0px 0px 0px;} .txh5 {font-size:32px;line-height: 32px;padding: 0px 20px 0px 20px;} .user-box h3 {padding: 0px 0px 0px 0px;} .fr_link_2xxx a {padding: 10px 10px 18px 10px;} } @media screen and (max-width:384px){ .tt_col_a , .tt_col_b {width: 100%;margin: 0px 0% 10px 0px;} .tt_rc {float: left;width: 100%;padding: 0% 0% 0% 0%;} .tt_full .tt_live.banner_hover, .tt_slide {float: left;width: 100%;} .copyright_footer {margin-top: 0px;} .nav_mobile ul li {font-size: 12px;white-space :nowrap;} .list_game {width: 45.5%;margin: 10px 2% 15px 2%;} .tt_head_menu ul li a{padding:0px;} .slot-box {min-height: 180px;} .user-box img {width: 25%;} } @media screen and (max-width:378px){ } @media screen and (max-width:361px){ } @media screen and (max-width:320px){ .owl-theme .owl-nav { top: 6%; } .head_from_m {max-width: 270px;} } .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}.animated.bounceIn,.animated.bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s}.animated.flipOutX,.animated.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounce{0%,20%,53%,80%,100%{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,20%,53%,80%,100%{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,0.75,1);transform:scale3d(1.25,0.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,0.85,1);transform:scale3d(1.15,0.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,0.75,1);transform:scale3d(1.25,0.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,0.85,1);transform:scale3d(1.15,0.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}@keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes tada{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none;transform:none}}@keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none;transform:none}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{11.1%{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-0.78125deg) skewY(-0.78125deg);transform:skewX(-0.78125deg) skewY(-0.78125deg)}77.7%{-webkit-transform:skewX(0.390625deg) skewY(0.390625deg);transform:skewX(0.390625deg) skewY(0.390625deg)}88.8%{-webkit-transform:skewX(-0.1953125deg) skewY(-0.1953125deg);transform:skewX(-0.1953125deg) skewY(-0.1953125deg)}100%{-webkit-transform:none;transform:none}}@keyframes jello{11.1%{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-0.78125deg) skewY(-0.78125deg);transform:skewX(-0.78125deg) skewY(-0.78125deg)}77.7%{-webkit-transform:skewX(0.390625deg) skewY(0.390625deg);transform:skewX(0.390625deg) skewY(0.390625deg)}88.8%{-webkit-transform:skewX(-0.1953125deg) skewY(-0.1953125deg);transform:skewX(-0.1953125deg) skewY(-0.1953125deg)}100%{-webkit-transform:none;transform:none}}.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,100%{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,100%{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,100%{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInDown{0%,60%,75%,90%,100%{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,100%{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{0%,60%,75%,90%,100%{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,100%{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInRight{0%,60%,75%,90%,100%{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,100%{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInUp{0%,60%,75%,90%,100%{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;transform:none;opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}@keyframes rollOut{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp} [class^='imghvr-'], [class*=' imghvr-'] { position: relative; display: inline-block; margin: 0; max-width: 100%; background-color: rgba(0, 0, 0, 0); color: #fff; overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transform: translateZ(0); transform: translateZ(0); } [class^='imghvr-'] > img, [class*=' imghvr-'] > img { vertical-align: top; max-width: 100%; } [class^='imghvr-'] figcaption, [class*=' imghvr-'] figcaption { background-color: rgba(0, 0, 0, 0); padding: 0px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; color: #ffffff; } [class^='imghvr-'] figcaption h1, [class^='imghvr-'] figcaption h2, [class^='imghvr-'] figcaption h3, [class^='imghvr-'] figcaption h4, [class^='imghvr-'] figcaption h5, [class^='imghvr-'] figcaption h6, [class*=' imghvr-'] figcaption h1, [class*=' imghvr-'] figcaption h2, [class*=' imghvr-'] figcaption h3, [class*=' imghvr-'] figcaption h4, [class*=' imghvr-'] figcaption h5, [class*=' imghvr-'] figcaption h6 { color: #ffffff; } [class^='imghvr-'] a, [class*=' imghvr-'] a { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; } [class^='imghvr-'], [class*=' imghvr-'], [class^='imghvr-']:before, [class^='imghvr-']:after, [class*=' imghvr-']:before, [class*=' imghvr-']:after, [class^='imghvr-'] *, [class*=' imghvr-'] *, [class^='imghvr-'] *:before, [class^='imghvr-'] *:after, [class*=' imghvr-'] *:before, [class*=' imghvr-'] *:after { box-sizing: border-box; transition: all .35s ease; } [class^='imghvr-fade'] figcaption, [class*=' imghvr-fade'] figcaption { opacity: 0; } [class^='imghvr-fade']:hover figcaption, [class*=' imghvr-fade']:hover figcaption { opacity: 1; } [class^='imghvr-fade']:hover > img, [class^='imghvr-fade']:hover figcaption, [class*=' imghvr-fade']:hover > img, [class*=' imghvr-fade']:hover figcaption { -webkit-transform: translate(0, 0); transform: translate(0, 0); } .imghvr-fade-in-up figcaption { -webkit-transform: translate(0, 15%); transform: translate(0, 15%); } .imghvr-fade-in-down figcaption { -webkit-transform: translate(0, -15%); transform: translate(0, -15%); } .imghvr-fade-in-left figcaption { -webkit-transform: translate(-15%, 0); transform: translate(-15%, 0); } .imghvr-fade-in-right figcaption { -webkit-transform: translate(15%, 0); transform: translate(15%, 0); } [class^='imghvr-push-']:hover figcaption, [class*=' imghvr-push-']:hover figcaption { -webkit-transform: translate(0, 0); transform: translate(0, 0); } .imghvr-push-up figcaption { -webkit-transform: translateY(100%); transform: translateY(100%); } .imghvr-push-up:hover > img { -webkit-transform: translateY(-100%); transform: translateY(-100%); } .imghvr-push-down figcaption { -webkit-transform: translateY(-100%); transform: translateY(-100%); } .imghvr-push-down:hover > img { -webkit-transform: translateY(100%); transform: translateY(100%); } .imghvr-push-left figcaption { -webkit-transform: translateX(100%); transform: translateX(100%); } .imghvr-push-left:hover > img { -webkit-transform: translateX(-100%); transform: translateX(-100%); } .imghvr-push-right figcaption { -webkit-transform: translateX(-100%); transform: translateX(-100%); } .imghvr-push-right:hover > img { -webkit-transform: translateX(100%); transform: translateX(100%); } [class^='imghvr-slide-']:hover figcaption, [class*=' imghvr-slide-']:hover figcaption { -webkit-transform: translate(0, 0); transform: translate(0, 0); } .imghvr-slide-up figcaption { -webkit-transform: translateY(100%); transform: translateY(100%); } .imghvr-slide-down figcaption { -webkit-transform: translateY(-100%); transform: translateY(-100%); } .imghvr-slide-left figcaption { -webkit-transform: translateX(100%); transform: translateX(100%); } .imghvr-slide-right figcaption { -webkit-transform: translateX(-100%); transform: translateX(-100%); } .imghvr-slide-top-left figcaption { -webkit-transform: translate(-100%, -100%); transform: translate(-100%, -100%); } .imghvr-slide-top-right figcaption { -webkit-transform: translate(100%, -100%); transform: translate(100%, -100%); } .imghvr-slide-bottom-left figcaption { -webkit-transform: translate(-100%, 100%); transform: translate(-100%, 100%); } .imghvr-slide-bottom-right figcaption { -webkit-transform: translate(100%, 100%); transform: translate(100%, 100%); } [class^='imghvr-reveal-']:before, [class*=' imghvr-reveal-']:before { position: absolute; top: 0; bottom: 0; left: 0; right: 0; content: ''; background-color: #135796; } [class^='imghvr-reveal-'] figcaption, [class*=' imghvr-reveal-'] figcaption { opacity: 0; } [class^='imghvr-reveal-']:hover:before, [class*=' imghvr-reveal-']:hover:before { -webkit-transform: translate(0, 0); transform: translate(0, 0); } [class^='imghvr-reveal-']:hover figcaption, [class*=' imghvr-reveal-']:hover figcaption { opacity: 1; transition-delay: 0.21s; } .imghvr-reveal-up:before { -webkit-transform: translateY(100%); transform: translateY(100%); } .imghvr-reveal-down:before { -webkit-transform: translateY(-100%); transform: translateY(-100%); } .imghvr-reveal-left:before { -webkit-transform: translateX(100%); transform: translateX(100%); } .imghvr-reveal-right:before { -webkit-transform: translateX(-100%); transform: translateX(-100%); } .imghvr-reveal-top-left:before { -webkit-transform: translate(-100%, -100%); transform: translate(-100%, -100%); } .imghvr-reveal-top-right:before { -webkit-transform: translate(100%, -100%); transform: translate(100%, -100%); } .imghvr-reveal-bottom-left:before { -webkit-transform: translate(-100%, 100%); transform: translate(-100%, 100%); } .imghvr-reveal-bottom-right:before { -webkit-transform: translate(100%, 100%); transform: translate(100%, 100%); } [class^='imghvr-hinge-'], [class*=' imghvr-hinge-'] { -webkit-perspective: 50em; perspective: 50em; } [class^='imghvr-hinge-'] figcaption, [class*=' imghvr-hinge-'] figcaption { opacity: 0; z-index: 1; } [class^='imghvr-hinge-']:hover img, [class*=' imghvr-hinge-']:hover img { opacity: 0; } [class^='imghvr-hinge-']:hover figcaption, [class*=' imghvr-hinge-']:hover figcaption { opacity: 1; transition-delay: 0.21s; } .imghvr-hinge-up img { -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; } .imghvr-hinge-up figcaption { -webkit-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; } .imghvr-hinge-up:hover > img { -webkit-transform: rotateX(-90deg); transform: rotateX(-90deg); } .imghvr-hinge-up:hover figcaption { -webkit-transform: rotateX(0); transform: rotateX(0); } .imghvr-hinge-down img { -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; } .imghvr-hinge-down figcaption { -webkit-transform: rotateX(-90deg); transform: rotateX(-90deg); -webkit-transform-origin: 50% -50%; transform-origin: 50% -50%; } .imghvr-hinge-down:hover > img { -webkit-transform: rotateX(90deg); transform: rotateX(90deg); opacity: 0; } .imghvr-hinge-down:hover figcaption { -webkit-transform: rotateX(0); transform: rotateX(0); } .imghvr-hinge-left img { -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; } .imghvr-hinge-left figcaption { -webkit-transform: rotateY(-90deg); transform: rotateY(-90deg); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; } .imghvr-hinge-left:hover > img { -webkit-transform: rotateY(90deg); transform: rotateY(90deg); } .imghvr-hinge-left:hover figcaption { -webkit-transform: rotateY(0); transform: rotateY(0); } .imghvr-hinge-right img { -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; } .imghvr-hinge-right figcaption { -webkit-transform: rotateY(90deg); transform: rotateY(90deg); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; } .imghvr-hinge-right:hover > img { -webkit-transform: rotateY(-90deg); transform: rotateY(-90deg); } .imghvr-hinge-right:hover figcaption { -webkit-transform: rotateY(0); transform: rotateY(0); } [class^='imghvr-flip-'], [class*=' imghvr-flip-'] { -webkit-perspective: 50em; perspective: 50em; } [class^='imghvr-flip-'] img, [class*=' imghvr-flip-'] img { -webkit-backface-visibility: hidden; backface-visibility: hidden; } [class^='imghvr-flip-'] figcaption, [class*=' imghvr-flip-'] figcaption { opacity: 0; } [class^='imghvr-flip-']:hover > img, [class*=' imghvr-flip-']:hover > img { opacity: 0; } [class^='imghvr-flip-']:hover figcaption, [class*=' imghvr-flip-']:hover figcaption { opacity: 1; transition-delay: 0.14s; -webkit-filter: grayscale(80%);filter: grayscale(80%); } .imghvr-flip-horiz figcaption { -webkit-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; } .imghvr-flip-horiz:hover img { -webkit-transform: rotateX(-180deg); transform: rotateX(-180deg); } .imghvr-flip-horiz:hover figcaption { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); } .imghvr-flip-vert figcaption { -webkit-transform: rotateY(90deg); transform: rotateY(90deg); -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; } .imghvr-flip-vert:hover > img { -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); } .imghvr-flip-vert:hover figcaption { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } .imghvr-flip-diag-1 figcaption { -webkit-transform: rotate3d(1, -1, 0, 100deg); transform: rotate3d(1, -1, 0, 100deg); } .imghvr-flip-diag-1:hover > img { -webkit-transform: rotate3d(-1, 1, 0, 100deg); transform: rotate3d(-1, 1, 0, 100deg); } .imghvr-flip-diag-1:hover figcaption { -webkit-transform: rotate3d(0, 0, 0, 0deg); transform: rotate3d(0, 0, 0, 0deg); } .imghvr-flip-diag-2 {} .imghvr-flip-diag-2 figcaption { -webkit-transform: rotate3d(1, 1, 0, 100deg); transform: rotate3d(1, 1, 0, 100deg); } .imghvr-flip-diag-2:hover > img { -webkit-transform: rotate3d(-1, -1, 0, 100deg); transform: rotate3d(-1, -1, 0, 100deg); } .imghvr-flip-diag-2:hover figcaption { -webkit-transform: rotate3d(0, 0, 0, 0deg); transform: rotate3d(0, 0, 0, 0deg); } [class^='imghvr-shutter-out-']:before, [class*=' imghvr-shutter-out-']:before { background-color: #a8080c; position: absolute; content: ''; transition-delay: 0.105s; } [class^='imghvr-shutter-out-'] figcaption, [class*=' imghvr-shutter-out-'] figcaption { opacity: 0; transition-delay: 0s; } [class^='imghvr-shutter-out-']:hover:before, [class*=' imghvr-shutter-out-']:hover:before { transition-delay: 0s; } [class^='imghvr-shutter-out-']:hover figcaption, [class*=' imghvr-shutter-out-']:hover figcaption { opacity: 1; transition-delay: 0.105s; } .imghvr-shutter-out-horiz:before { left: 50%; right: 50%; top: 0; bottom: 0; } .imghvr-shutter-out-horiz:hover:before { left: 0; right: 0; } .imghvr-shutter-out-vert:before { top: 50%; bottom: 50%; left: 0; right: 0; } .imghvr-shutter-out-vert:hover:before { top: 0; bottom: 0; } .imghvr-shutter-out-diag-1:before { top: 50%; bottom: 50%; left: -35%; right: -35%; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .imghvr-shutter-out-diag-1:hover:before { top: -35%; bottom: -35%; } .imghvr-shutter-out-diag-2:before { top: 50%; bottom: 50%; left: -35%; right: -35%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .imghvr-shutter-out-diag-2:hover:before { top: -35%; bottom: -35%; } [class^='imghvr-shutter-in-']:after, [class^='imghvr-shutter-in-']:before, [class*=' imghvr-shutter-in-']:after, [class*=' imghvr-shutter-in-']:before { background: #135796; position: absolute; content: ''; } [class^='imghvr-shutter-in-']:after, [class*=' imghvr-shutter-in-']:after { top: 0; left: 0; } [class^='imghvr-shutter-in-']:before, [class*=' imghvr-shutter-in-']:before { right: 0; bottom: 0; } [class^='imghvr-shutter-in-'] figcaption, [class*=' imghvr-shutter-in-'] figcaption { opacity: 0; z-index: 1; } [class^='imghvr-shutter-in-']:hover figcaption, [class*=' imghvr-shutter-in-']:hover figcaption { opacity: 1; transition-delay: 0.21s; } .imghvr-shutter-in-horiz:after, .imghvr-shutter-in-horiz:before { width: 0; height: 100%; } .imghvr-shutter-in-horiz:hover:after, .imghvr-shutter-in-horiz:hover:before { width: 50%; } .imghvr-shutter-in-vert:after, .imghvr-shutter-in-vert:before { height: 0; width: 100%; } .imghvr-shutter-in-vert:hover:after, .imghvr-shutter-in-vert:hover:before { height: 50%; } .imghvr-shutter-in-out-horiz:after, .imghvr-shutter-in-out-horiz:before { width: 0; height: 100%; opacity: 0.75; } .imghvr-shutter-in-out-horiz:hover:after, .imghvr-shutter-in-out-horiz:hover:before { width: 100%; } .imghvr-shutter-in-out-vert:after, .imghvr-shutter-in-out-vert:before { height: 0; width: 100%; opacity: 0.75; } .imghvr-shutter-in-out-vert:hover:after, .imghvr-shutter-in-out-vert:hover:before { height: 100%; } .imghvr-shutter-in-out-diag-1:after, .imghvr-shutter-in-out-diag-1:before { width: 200%; height: 200%; transition: all 0.6s ease; opacity: 0.75; } .imghvr-shutter-in-out-diag-1:after { -webkit-transform: skew(-45deg) translateX(-150%); transform: skew(-45deg) translateX(-150%); } .imghvr-shutter-in-out-diag-1:before { -webkit-transform: skew(-45deg) translateX(150%); transform: skew(-45deg) translateX(150%); } .imghvr-shutter-in-out-diag-1:hover:after { -webkit-transform: skew(-45deg) translateX(-50%); transform: skew(-45deg) translateX(-50%); } .imghvr-shutter-in-out-diag-1:hover:before { -webkit-transform: skew(-45deg) translateX(50%); transform: skew(-45deg) translateX(50%); } .imghvr-shutter-in-out-diag-2:after, .imghvr-shutter-in-out-diag-2:before { width: 200%; height: 200%; transition: all 0.6s ease; opacity: 0.75; } .imghvr-shutter-in-out-diag-2:after { -webkit-transform: skew(45deg) translateX(-100%); transform: skew(45deg) translateX(-100%); } .imghvr-shutter-in-out-diag-2:before { -webkit-transform: skew(45deg) translateX(100%); transform: skew(45deg) translateX(100%); } .imghvr-shutter-in-out-diag-2:hover:after { -webkit-transform: skew(45deg) translateX(0%); transform: skew(45deg) translateX(0%); } .imghvr-shutter-in-out-diag-2:hover:before { -webkit-transform: skew(45deg) translateX(0%); transform: skew(45deg) translateX(0%); } [class^='imghvr-fold'], [class*=' imghvr-fold'] { -webkit-perspective: 50em; perspective: 50em; } [class^='imghvr-fold'] img, [class*=' imghvr-fold'] img { -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; } [class^='imghvr-fold'] figcaption, [class*=' imghvr-fold'] figcaption { z-index: 1; opacity: 0; } [class^='imghvr-fold']:hover > img, [class*=' imghvr-fold']:hover > img { opacity: 0; transition-delay: 0; } [class^='imghvr-fold']:hover figcaption, [class*=' imghvr-fold']:hover figcaption { -webkit-transform: rotateX(0) translate3d(0, 0%, 0) scale(1); transform: rotateX(0) translate3d(0, 0%, 0) scale(1); opacity: 1; transition-delay: 0.11s; -webkit-filter: grayscale(80%);filter: grayscale(80%); } .imghvr-fold-up > img { -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; } .imghvr-fold-up figcaption { -webkit-transform: rotateX(-90deg) translate3d(0%, -50%, 0) scale(0.6); transform: rotateX(-90deg) translate3d(0%, -50%, 0) scale(0.6); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; } .imghvr-fold-up:hover > img { -webkit-transform: rotateX(90deg) scale(0.6) translateY(50%); transform: rotateX(90deg) scale(0.6) translateY(50%); } .imghvr-fold-down > img { -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; } .imghvr-fold-down figcaption { -webkit-transform: rotateX(90deg) translate3d(0%, 50%, 0) scale(0.6); transform: rotateX(90deg) translate3d(0%, 50%, 0) scale(0.6); -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; } .imghvr-fold-down:hover > img { -webkit-transform: rotateX(-90deg) scale(0.6) translateY(-50%); transform: rotateX(-90deg) scale(0.6) translateY(-50%); } .imghvr-fold-left > img { -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; } .imghvr-fold-left figcaption { -webkit-transform: rotateY(90deg) translate3d(-50%, 0%, 0) scale(0.6); transform: rotateY(90deg) translate3d(-50%, 0%, 0) scale(0.6); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; } .imghvr-fold-left:hover > img { -webkit-transform: rotateY(-90deg) scale(0.6) translateX(50%); transform: rotateY(-90deg) scale(0.6) translateX(50%); } .imghvr-fold-right > img { -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; } .imghvr-fold-right figcaption { -webkit-transform: rotateY(-90deg) translate3d(50%, 0%, 0) scale(0.6); transform: rotateY(-90deg) translate3d(50%, 0%, 0) scale(0.6); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; } .imghvr-fold-right:hover > img { -webkit-transform: rotateY(90deg) scale(0.6) translateX(-50%); transform: rotateY(90deg) scale(0.6) translateX(-50%); } .imghvr-zoom-in figcaption { opacity: 0; -webkit-transform: scale(0.5); transform: scale(0.5); } .imghvr-zoom-in:hover figcaption { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } [class^='imghvr-zoom-out'] figcaption, [class*=' imghvr-zoom-out'] figcaption { -webkit-transform: scale(0.5); transform: scale(0.5); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; opacity: 0; } [class^='imghvr-zoom-out']:hover figcaption, [class^='imghvr-zoom-out'].hover figcaption, [class*=' imghvr-zoom-out']:hover figcaption, [class*=' imghvr-zoom-out'].hover figcaption { -webkit-transform: scale(1); transform: scale(1); opacity: 1; transition-delay: 0.35s; } .imghvr-zoom-out:hover > img { -webkit-transform: scale(0.5); transform: scale(0.5); opacity: 0; } .imghvr-zoom-out-up:hover > img, .imghvr-zoom-out-up.hover > img { -webkit-animation: imghvr-zoom-out-up 0.4025s linear; animation: imghvr-zoom-out-up 0.4025s linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } @-webkit-keyframes imghvr-zoom-out-up { 50% { -webkit-transform: scale(0.8) translateY(0%); transform: scale(0.8) translateY(0%); opacity: 0.5; } 100% { -webkit-transform: scale(0.8) translateY(-150%); transform: scale(0.8) translateY(-150%); opacity: 0.5; } } @keyframes imghvr-zoom-out-up { 50% { -webkit-transform: scale(0.8) translateY(0%); transform: scale(0.8) translateY(0%); opacity: 0.5; } 100% { -webkit-transform: scale(0.8) translateY(-150%); transform: scale(0.8) translateY(-150%); opacity: 0.5; } } .imghvr-zoom-out-down:hover > img, .imghvr-zoom-out-down.hover > img { -webkit-animation: imghvr-zoom-out-down 0.4025s linear; animation: imghvr-zoom-out-down 0.4025s linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } @-webkit-keyframes imghvr-zoom-out-down { 50% { -webkit-transform: scale(0.8) translateY(0%); transform: scale(0.8) translateY(0%); opacity: 0.5; } 100% { -webkit-transform: scale(0.8) translateY(150%); transform: scale(0.8) translateY(150%); opacity: 0.5; } } @keyframes imghvr-zoom-out-down { 50% { -webkit-transform: scale(0.8) translateY(0%); transform: scale(0.8) translateY(0%); opacity: 0.5; } 100% { -webkit-transform: scale(0.8) translateY(150%); transform: scale(0.8) translateY(150%); opacity: 0.5; } } .imghvr-zoom-out-left:hover > img, .imghvr-zoom-out-left.hover > img { -webkit-animation: imghvr-zoom-out-left 0.4025s linear; animation: imghvr-zoom-out-left 0.4025s linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } @-webkit-keyframes imghvr-zoom-out-left { 50% { -webkit-transform: scale(0.8) translateX(0%); transform: scale(0.8) translateX(0%); opacity: 0.5; } 100% { -webkit-transform: scale(0.8) translateX(-150%); transform: scale(0.8) translateX(-150%); opacity: 0.5; } } @keyframes imghvr-zoom-out-left { 50% { -webkit-transform: scale(0.8) translateX(0%); transform: scale(0.8) translateX(0%); opacity: 0.5; } 100% { -webkit-transform: scale(0.8) translateX(-150%); transform: scale(0.8) translateX(-150%); opacity: 0.5; } } .imghvr-zoom-out-right:hover > img, .imghvr-zoom-out-right.hover > img { -webkit-animation: imghvr-zoom-out-right 0.4025s linear; animation: imghvr-zoom-out-right 0.4025s linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } @-webkit-keyframes imghvr-zoom-out-right { 50% { -webkit-transform: scale(0.8) translateX(0%); transform: scale(0.8) translateX(0%); opacity: 0.5; } 100% { -webkit-transform: scale(0.8) translateX(150%); transform: scale(0.8) translateX(150%); opacity: 0.5; } } @keyframes imghvr-zoom-out-right { 50% { -webkit-transform: scale(0.8) translateX(0%); transform: scale(0.8) translateX(0%); opacity: 0.5; } 100% { -webkit-transform: scale(0.8) translateX(150%); transform: scale(0.8) translateX(150%); opacity: 0.5; } } .imghvr-zoom-out-flip-horiz { -webkit-perspective: 50em; perspective: 50em; } .imghvr-zoom-out-flip-horiz figcaption { opacity: 0; -webkit-transform: rotateX(90deg) translateY(-100%) scale(0.5); transform: rotateX(90deg) translateY(-100%) scale(0.5); } .imghvr-zoom-out-flip-horiz:hover > img, .imghvr-zoom-out-flip-horiz.hover > img { -webkit-transform: rotateX(-100deg) translateY(50%) scale(0.5); transform: rotateX(-100deg) translateY(50%) scale(0.5); opacity: 0; transition-delay: 0; } .imghvr-zoom-out-flip-horiz:hover figcaption, .imghvr-zoom-out-flip-horiz.hover figcaption { -webkit-transform: rotateX(0) translateY(0%) scale(1); transform: rotateX(0) translateY(0%) scale(1); opacity: 1; transition-delay: 0.35s; } .imghvr-zoom-out-flip-vert { -webkit-perspective: 50em; perspective: 50em; } .imghvr-zoom-out-flip-vert figcaption { opacity: 0; -webkit-transform: rotateY(90deg) translate(50%, 0) scale(0.5); transform: rotateY(90deg) translate(50%, 0) scale(0.5); } .imghvr-zoom-out-flip-vert:hover > img, .imghvr-zoom-out-flip-vert.hover > img { -webkit-transform: rotateY(-100deg) translateX(50%) scale(0.5); transform: rotateY(-100deg) translateX(50%) scale(0.5); opacity: 0; transition-delay: 0; } .imghvr-zoom-out-flip-vert:hover figcaption, .imghvr-zoom-out-flip-vert.hover figcaption { -webkit-transform: rotateY(0) translate(0, 0) scale(1); transform: rotateY(0) translate(0, 0) scale(1); opacity: 1; transition-delay: 0.35s; } .imghvr-blur figcaption { opacity: 0; } .imghvr-blur:hover > img { -webkit-filter: blur(30px); filter: blur(30px); -webkit-transform: scale(1.2); transform: scale(1.2); opacity: 0; } .imghvr-blur:hover figcaption { opacity: 1; transition-delay: 0.21s; }