@charset "UTF-8";
/* html5 game page */
.h5-main-header{margin-bottom:0;}
.h5-sidebar-right{width:100%;height:600px;}
.h5-demo-sidebar-right{width:100%;min-height: 400px;background: #F7F8FF;}
.h5-explicit-panel-icon{position: relative;text-align: center;box-shadow: 0 1px 1px 2px rgba(0,0,0,0.4);-webkit-box-shadow: 0 1px 1px 2px rgba(0,0,0,0.4);-moz-box-shadow: 0 1px 1px 2px rgba(0,0,0,0.4);border-radius: 1em;overflow: hidden;height: 0;padding-bottom: 68%;}
/*.h5-explicit-panel-icon img{width: 100%; height:auto;}*/
.h5-explicit-panel-icon:hover,.h5-youplayed-game-icon:hover,.h5-hot-game-icon:hover,.h5-recommended-game-icon:hover{opacity: 0.8;box-shadow: 0 1px 1px 2px rgba(0,0,0,0.8);-webkit-box-shadow: 0 1px 1px 2px rgba(0,0,0,0.8);-moz-box-shadow: 0 1px 1px 2px rgba(0,0,0,0.8);}
.h5-category-game-icon .h5gamename, .h5-explicit-panel-icon .h5gamename,.h5-youplayed-game-icon .h5gamename,.h5-hot-game-icon .h5gamename, .h5-recommended-game-icon .h5gamename{filter: alpha(opacity=80);-moz-opacity: 0.80;opacity: 0.80;position: absolute;bottom: 0px;left: 0px;width: 100%;height: auto;color: #FDB50E;background-color: #111111;padding: 5px 0 5px 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.h5-box-title{margin: .3em 0;padding: 0 0 0 1em;font-size: 1.375em;text-transform: uppercase;color: #0065a0;line-height: 1.5;border: 1px solid #D4D4DB;background: #F7F8FF;padding: 8px;}
.h5-demonstration h2{}
.h5-demo-sidebar-right .rating-wrapper {border-bottom: 1px solid #ccc;}
.h5-demo-sidebar-right .game-title{color: #3c3b47;font-size: 22px;line-height: 1.2;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;text-transform: none;}
.sc-loader-header .game-title{color: #fff;font-size: 26px!important;line-height: 60px!important;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;text-transform: none;vertical-align: middle;height: 60px;text-align: center;
margin: 0!important;background: -moz-linear-gradient(to right,rgba(30,87,153,0) 0,rgba(0,0,0,.3) 50%,rgba(125,185,232,0) 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,rgba(30,87,153,0)), color-stop(100%,rgba(125,185,232,0)));background: -webkit-linear-gradient(to right,rgba(30,87,153,0) 0,rgba(0,0,0,.3) 50%,rgba(125,185,232,0) 100%);background: -o-linear-gradient(to right,rgba(30,87,153,0) 0,rgba(0,0,0,.3) 50%,rgba(125,185,232,0) 100%);background: -ms-linear-gradient(to right,rgba(30,87,153,0) 0,rgba(0,0,0,.3) 50%,rgba(125,185,232,0) 100%);background: linear-gradient(to right,rgba(30,87,153,0) 0,rgba(0,0,0,.3) 50%,rgba(125,185,232,0) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EF8521', endColorstr='#EF8521',GradientType=0 );}
.sc-loader-header h1{}
.theme-icon-fullscreen:before { content: '\f10a'; } /* '' */
.theme-icon-reportcantplay:before { content: '\1f4a5'; } /* '' */
.theme-icon-timewait:before { content: '\1f554'; } /* '' */
body.fullscreen{overflow:hidden;}
#h5-exitfullscreen-btn{background: url(../images/delete.png) 0 0px;width: 44px;height: 44px;position: absolute;top: -12px;right: -12px;cursor: pointer;z-index: 1100;}
.box-header{border-bottom: 1px solid #ccc;height:50px;margin: 4px 0;background: #F7F8FF;}
.box-header:before, .box-header:after {content:"";display:table;}
.box-header:after {clear:both;}
.box-header .more {float: right;color: #fff;margin: .3em 0;padding: 8px;}
.h5-box-title2{margin: .3em 0;font-size: 1.375em;text-transform: uppercase;color: #0065a0;padding: 8px;float: left;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;word-break: keep-all;max-width:70%;}
.h5-game-description .game_info{padding-top:5px;}
.h5-youplayed-game-icon{position: relative;text-align: center;margin: 0 auto;box-shadow: 0 1px 1px 2px rgba(0,0,0,0.4);-webkit-box-shadow: 0 1px 1px 2px rgba(0,0,0,0.4);-moz-box-shadow: 0 1px 1px 2px rgba(0,0,0,0.4);border-radius: 1em;overflow: hidden;height: 0;padding-bottom: 98%;}
.h5-youplayed-game-icon img{width:100%;height:auto;}
.h5-hot-game-icon{position: relative;text-align: center;box-shadow: 0 1px 1px 2px rgba(0,0,0,0.4);-webkit-box-shadow: 0 1px 1px 2px rgba(0,0,0,0.4);-moz-box-shadow: 0 1px 1px 2px rgba(0,0,0,0.4);border-radius: 1em;overflow: hidden;height: 0;padding-bottom: 95%;}
.h5-youplayed-placeholder{line-height: 110px;vertical-align: middle;font-size: 30px;color: #aac3e7;}
.h5-recommended-game-icon{width: 100%;height: 150px;position: relative;text-align: center;margin: 0 auto;box-shadow: 0 1px 1px 2px rgba(0,0,0,0.4);-webkit-box-shadow: 0 1px 1px 2px rgba(0,0,0,0.4);-moz-box-shadow: 0 1px 1px 2px rgba(0,0,0,0.4);border-radius: 1em;overflow: hidden;}
.h5-recommended-game-icon img{width: 100%; height:auto;}
.more-button {overflow: hidden;vertical-align: middle;display: inline-block;padding: 0.25em 0.8125em 0.1875em;border: 0;border-bottom: 0.15em solid #d65f00;border-right: 0.1em solid #d65f00;border-radius: .2rem;outline: 0;background-color: #ee6900;color: #fff;font-size: 1em;text-transform: uppercase;text-align: center;text-overflow: ellipsis;transition: background 450ms cubic-bezier(0.23, 1, 0.32, 1),opacity 0.4s ease;white-space: nowrap;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.more-button:hover{background-color: #ff923b;border-bottom: 0.15em solid #ff923b;border-right: 0.1em solid #ff923b;}
.box-body{}
.h5-games-middle-body:after, .hot-box-body:before, .box-body:before, .hot-box-body:after, .box-body:after {content:"";display:table;}
.h5-games-middle-body:after, .hot-box-body:after, .box-body:after {clear:both;}
.box-body-loading{height: 200px;width: 200px;margin: 0 auto;display: none;}
.hot-box-body{}
#h5-you-played-games-body .box-container{width:31%;float:left;margin: 4px 0;margin-left: 1.7%;}
#h5-you-played-games-body .box-container a{display: block;overflow: hidden;text-decoration: none;text-overflow: ellipsis;white-space: nowrap;}
#h5-you-played-games-body .box-container .h5-thumb{height: 100%;position: relative;width: 100%;}
#h5-recommended-games .box-container{margin: 10px 0;}
#h5-hot-games .hot-box-body{}
#h5-you-played-games{overflow: hidden;}
#h5-hot-games .box-container, .h5-games-middle-body .box-container{float:left;margin-left: 1.4%;width: 15%;margin-bottom: 10px;margin-top: 10px;}
.category-box-body .box-container{float:left;margin-left: 1.4%;width: 23%;margin-bottom: 10px;margin-top: 10px;}
.h5-games-middle-body .box-container a, .category-box-body .box-container a{display: block;overflow: hidden;text-decoration: none;text-overflow: ellipsis;white-space: nowrap;}
.h5-games-middle-body .box-container .h5-thumb, .category-box-body .box-container .h5-thumb{height: 100%;position: relative;width: 100%;}
.h5-games-middle-body:after{clear:both;}
#h5-popular-game-container .h5-games-middle-body{}
.h5-category-game-icon{position: relative;text-align: center;box-shadow: 0 1px 1px 2px rgba(0,0,0,0.4);-webkit-box-shadow: 0 1px 1px 2px rgba(0,0,0,0.4);-moz-box-shadow: 0 1px 1px 2px rgba(0,0,0,0.4);border-radius: 1em;overflow: hidden;height: 0;padding-bottom: 95%;}
.h5-category-games{position: inherit;float: left;}
.control-tips-table-cell{display: table-cell;vertical-align: middle;margin: 0;}
.control-tips{display: table;border-top: 2px solid #ffb700;overflow: hidden;background-color: #ffffff;}
.control-tips p{margin:0;}
.control-tips-body{width: 100%;position: relative;padding-left: 10px;padding-right: 74px;word-break: break-word;}
.control-tips-text{max-height: 80px;display: inline-table!important;color: #1f1f1f;font-size: 20px;font-weight: 400;text-transform: uppercase;position: relative;z-index: 10;padding: 0 10px;}
.control-tips-text:before {content: '';background-color: #ffb700;-webkit-transform: skewX(160deg);-ms-transform: skewX(160deg);transform: skewX(160deg);position: absolute;top: 0;bottom: 0;left: -100px;right: 0;z-index: -1;}
.btn-embed-h5game{cursor: pointer;top: 50%;right: 15px;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);color: #ffb700;}
.btn-embed-h5game .embed-text:hover{color: #000;background: #ffb700;}
.btn-embed-h5game .embed-text{font-size: 13px;padding: 4px 16px 4px 5px;white-space: nowrap;position: relative;display: block;border: 1px solid #ffb700;border-radius: 5px;color: #ffb700;text-align: center;text-transform: uppercase;transition: background .3s,color .3s;}
.btn-embed-h5game .embed-text .btn-embed-flag{content: '';pointer-events: none;position: absolute;right: 4px;top: 50%;width: 0;height: 0;border-style: solid;border-width: 7px 4px 0;border-color: #ffb700 transparent transparent transparent;margin-top: -3px;transition: border-color .3s;}
.h5game-embed-bar{background-color: #ffff;width: 100%;margin: 0 auto 0 auto;clear: both;padding: 0px 0 5px 5px;border-top: 2px dotted #ffb700;}
.h5game-embed-bar span{margin-right: 10px;}
.h5game-embed-bar input {height: 30px;width: 100%;margin: 5px 0;line-height: normal;background-color: #fff;color: #9c0202;border: 1px solid #ffcaca;}
#h5game-logo-bar .games-logo-show{float:left;}
#h5game-logo-bar .h5game-gamename{float:right;}
.embed-code-input{ margin: 0 5px; }
.game-collections{background: #f1f7fd;overflow: hidden;}
.game-collections h2{border-left:none !important;border-bottom: 1px solid #d4d4db;font-size: 20px !important;margin: 0 !important;padding:0 !important;}
.game-collections li{margin:5px 0;}
.game-collections-item{float:left;font-size: 18px;margin: 10px;}
.game-requirements-box{height: 120px;overflow: hidden;background: #fff;margin-top: 4px;border-right: 1px solid #ccc;border-left: 1px solid #ccc;}
.game-requirements-box-title h4{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;word-break: keep-all;display: block;font-size: 15px;font-weight: bold;color:#616161;border-bottom: 1px solid #ccc;}
.collapsible {background-color: #777;color: white;cursor: pointer;padding: 18px;width: 100%;border: none;text-align: left;outline: none;font-size: 15px;margin: 1px 0;}
.collapsible-active, .collapsible:hover {background-color: #555;}
.collapsible:after {content: '\002B';color: white;font-weight: bold;float: right;margin-left: 5px;}
.collapsible-active:after {content: "\2212";}
.collapsible-content-deactive {padding: 0 18px;max-height: 0;overflow: hidden;transition: max-height 0.2s ease-out;background-color: #f1f1f1;display: none;}
.collapsible-content-active {padding: 0 5px;overflow: hidden;transition: max-height 0.2s ease-out;background-color: #f1f1f1;display: block;}
.collapsible-content li{margin: 10px 0;font-size: 14px;}
.footer-label-title{color: #50b74a;text-transform: uppercase;}
.h5billboard{overflow: hidden;}