@charset "utf-8";
@import url("https://www.mygame.in.th/resources/plugins/font-awesome/css/font-awesome.css");
@import url("https://www.mygame.in.th/resources/plugins/animatecss-master/animate.css");

.wrapheader .fl{float:left}
.wrapheader .rel{position:relative}
.wrapheader .abs{position:absolute}
.wrapheader .auto{margin:0 auto}
.wrapheader a{color:#9a9a9a;text-decoration:none;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s}
.wrapheader a:hover,.wrapheader a:focus{color:#343434;text-decoration:none}
.wrapheader{width:100%;border-style:solid;border-width:5px 0;border-top-color:#9cc100;border-bottom-color:#b1b1b1;background-color:#FFF}
.wrapheader .container{margin:0 auto;width:1004px;height:76px}
.wrapheader .left-mygame{float:left}
.wrapheader .logomygame{width:171px;height:76px;margin-right:37px;background:url(https://www.mygame.in.th/resources/images/headini3/img-logo-mygame.png) 0 0 no-repeat;position:relative}
.wrapheader .right-mygame{float:right}
.wrapheader .container .text{width:238px;height:39px;background:url(https://www.mygame.in.th/resources/images/headini3/img-text-mygame.png) 0 0 no-repeat;margin-left:208px}
.wrapheader .container .btn-reg{width:89px;height:24px;margin-right:10px;margin-top:2px;background:url(https://www.mygame.in.th/resources/images/headini3/btn-mygame.png) 0 0 no-repeat;float:left}
.wrapheader .container .btn-login{width:89px;height:24px;margin-right:50px;margin-top:2px;background:url(https://www.mygame.in.th/resources/images/headini3/btn-mygame.png) -89px 0 no-repeat;float:left}
.wrapheader .container .neme-visa{height:33px;float:left}
.wrapheader .container .neme-visa .fa-cog{height:24px;float:left;line-height:24px;color:#717171;font-size:24px;margin-right:0}
.wrapheader .nav > li.no-bg{background:none!important}
.wrapheader .nav > li > a.set{padding-left:0;padding-right:0;padding-bottom:0;height:33px;margin-right:25px}
.wrapheader .nav > li > a.set .fa-cog{font-size:24px;line-height:21px;float:left;margin-right:12px;margin-top:-2px}
.wrapheader .nav > li > a.set .fa-cog:hover{-webkit-animation:fa-spin 3s infinite linear;animation:fa-spin 3s infinite linear}
.wrapheader .nav > li > a.set i{padding-left:0}
.wrapheader .container .neme-visa .visa-id-h{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font:13px/20px Tahoma,Geneva,sans-serif;color:#9a9a9a;width:180px}
.wrapheader .container .neme-visa .visa-id-h i{font-size:18px}
.wrapheader .nav .none{display:none!important}
.wrapheader .container .btn-elympic{width:151px;height:24px;margin-top:2px;margin-left:19px;background:url(https://www.mygame.in.th/resources/images/headini3/btn-mygame.png) -178px 0 no-repeat}
.wrapheader .btn-reg,.wrapheader .btn-login,.wrapheader .btn-elympic,.wrapheader .container .logomygame{cursor:pointer}
.wrapheader .nav{margin-bottom:0;padding-left:0;list-style:none}
.wrapheader .nav > li{position:relative;display:block;background:url(https://www.mygame.in.th/resources/images/headini3/line-right.png) right 0 no-repeat}
.wrapheader .nav > li > a{position:relative;display:block;padding:4px 12px 13px;cursor:pointer}
.wrapheader .nav > li:hover{color:#4D5766}
.wrapheader .navbar-nav{float:left;margin:0}
.wrapheader li{float:left}
.wrapheader li > a{font-size:13px;line-height:20px;font-weight:700;font-family:Tahoma,Geneva,sans-serif}
.wrapheader li > a > i{font-size:14px;line-height:20px;color:#9cc100;font-weight:700;padding-left:5px}
.wrapheader li > a > i.angle-down{font-size:14px;line-height:20px;color:#9cc100;font-weight:700;padding-left:5px;padding-right:5px;margin-left:4px;background:url(https://www.mygame.in.th/resources/images/headini3/angle-down.jpg) 0 6px no-repeat}
.wrapheader .allgamebar,.wrapheader .servicebar{position:absolute;width:100%;top:86px;display:none;z-index:10;border-style:solid;border-width:10px 0 7px;border-top-color:#343434;border-bottom-color:#343434;background-color:#747474}
.wrapheader .allgamemygame,.wrapheader .service{width:1000px;margin:0 auto;overflow:hidden;border-style:solid;border-width:0 2px;border-left-color:#878787;border-right-color:#525252}
.wrapheader .allgamemygame .col,.wrapheader .service .col{border-style:solid;border-width:0 2px;border-left-color:#525252;border-right-color:#878787;float:left;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s}
.wrapheader .service .col img{cursor:pointer}
.wrapheader .service .col:hover{background:#878787}
.wrapheader .allgamemygame .mmo,.web{width:196px}
.wrapheader .allgamemygame .casual,.wrapheader .service .sv{width:196px}
.wrapheader .allgamemygame .col .text-h{padding:0; margin:12px 0 0 29px;}
.wrapheader .allgamemygame .col .text-h .line{height:2px;background-color:#d3d3d3;border-style:solid;border-width:1px 0 0;border-top-color:#9a9a9a;display:inline-block;margin-left:13px;vertical-align:middle}
.wrapheader .allgamemygame .col .text-h .mmo{width:67px}
.wrapheader .allgamemygame .col .text-h .cas{width:77px}
.wrapheader .allgamemygame .col .text-h .web{width:48px}
.wrapheader .allgamemygame .col .box-thumb{width:198px;float:left;overflow:hidden}
.wrapheader .allgamemygame .col .border-thumb{width:140px;border:1px solid #343434;margin:0 auto;margin-bottom:24px;background:#17bde2}
.wrapheader .allgamemygame .col .border-thumb .thumb{width:138px;height:83px;border:1px solid #9b9b9b;overflow:hidden;cursor:pointer;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s}
.wrapheader .allgamemygame .col .border-thumb .thumb:hover{border:1px solid #525252;opacity:.5}
.wrapheader .allgamemygame .col ul{margin-left:-2px;margin-right:-2px}
.wrapheader .allgamemygame .col li{width:196px;height:25px;border-style:solid;border-width:1px 2px;float:left;cursor:pointer;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;background-color:#686868;border-color:#4d4d4d #858585 #818181 #505050}
.wrapheader .allgamemygame .col li:hover{background:#878787}
.wrapheader .allgamemygame .col li.null{cursor:default;background-color:#686868}
.wrapheader .allgamemygame .col li h1{font:12px/25px Tahoma,Geneva,sans-serif;color:silver;padding-left:17px;width:140px;float:left}
.wrapheader .allgamemygame .col li h2{float:left;font:12px/25px Tahoma,Geneva,sans-serif;width:38px;color:#343434}
.set-mygame{background:#eaeaea}
.set-mygame .link-set{color:#525252;border-bottom:1px solid #b1b1b1;font:13px/30px Tahoma,Geneva,sans-serif;padding-left:20px;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s}
.set-mygame .link-set:hover{background:#fff;color:#20b1d9;padding-left:25px}
.set-mygame .link-set i{width:18px}

/*i3play*/
.wrapheader .allgamemygame .col.i3play{width:396px;background:#fff}
.wrapheader .allgamemygame .col .text-h .i3play{width:279px}
.wrapheader .allgamemygame .col.i3play li{background:#ff7e20;border-color:#C60 #FC9 #FC9 #C60}
.wrapheader .allgamemygame .col.i3play li.null:hover{cursor:default;background-color:#ff7e20}
.wrapheader .allgamemygame .col.i3play li:hover{background:#ff6c00}
.wrapheader .allgamemygame .col.i3play{border-left-color:#C60;border-right-color:#FC9}
.wrapheader .allgamemygame .col.i3play .text-h{color:#C60}
.wrapheader .allgamemygame .col.i3play li h1{color:#FFF}
.wrapheader .allgamemygame .col.i3play .border-thumb{background:#ffdbac}