/* Khung giới thiệu game */
.single-games-page {margin-top:350px;box-shadow:0px 0px 5px 0px #141e31}

.game-frame {width:100%;display:inline-block;margin:0px 0px 50px 0px;position:relative}
.game-frame .playnow-button {text-align:center;position:absolute;top:10px;right:61px;width:180px;height:62px;background:url(https://s3.cloud.cmctelecom.vn/2game-vn/pictures/acp/icons/playnow_button.png) top no-repeat}
.game-frame .playnow-button:hover {background:url(https://s3.cloud.cmctelecom.vn/2game-vn/pictures/acp/icons/playnow_button.png) bottom no-repeat}
.game-frame .thumb {width:200px;height:200px;float:left;margin-right:20px;box-sizing:border-box;border:1px solid #555}
.game-frame h1 {color:#c71b28;font-weight:bold;text-transform:uppercase;margin:1px 0px 15px 0px}
.game-frame p {margin-bottom:5px}
.game-frame .trangchu {display:inline-block;width:150px;text-align:center;padding:6px;font-weight:500;color:#fff;background:#c71b28;text-transform:uppercase;box-sizing:border-box;border:1px solid #c71b28;margin:13px 0px 15px 0px;line-height:1em}
.game-frame .choingay {display:inline-block;width:150px;text-align:center;padding:6px;font-weight:500;color:#fff;background:#2f3d5a;text-transform:uppercase;box-sizing:border-box;border:1px solid #2f3d5a;margin:13px 0px 15px 0px;line-height:1em}
.game-frame .trangchu:hover, .game-frame .choingay:hover {text-decoration:underline;}
.game-frame .browser-recommended {margin-top: 12px;display: inline-block;font-size: 90%;font-style: italic;float:left;margin-right:5px}
.game-frame .browser-icon {width:20px;height:20px;margin-top:9px;float:left;margin-right:5px}
.game-frame .chrome-icon {background:url(../images/chrome-icon.png)}
.game-frame .firefox-icon {background:url(../images/firefox-icon.png)}
.game-frame .opera-icon {background:url(../images/opera-icon.png)}
.game-frame .coccoc-icon {background:url(../images/coccoc-icon.png)}
.game-frame .puffin-icon {background:url(../images/puffin-icon.png)}
.game-frame .vote-frame {width:300px;height:98px;position:absolute;bottom:10px;right:0px;border:1px solid #dedede;box-sizing:border-box}
.game-frame .vote-frame .title {color:#c71b28;margin:0px;text-align:center;padding:10px 0}
.game-frame .vote-frame .vote-container {width:240px;margin:0px auto}

.game-trailer {width:51%;padding:10px;box-sizing:border-box;border:1px solid #dedede;float:left;position:relative;font-size:0px;line-height:1em}
.game-trailer iframe {width:100%; height:265px;}
.game-trailer .trailer-wrapper {width:100%;height: auto;position:relative;box-sizing:border-box}
.game-trailer .trailer-wrapper img {width:100%;height:270px}
.game-trailer .trailer-bg {width:100%;height: auto;position:absolute;top:0px;background:url(https://s3.cloud.cmctelecom.vn/2game-vn/pictures/acp/icons/play-icon-homepage-inframe.png) center no-repeat}
.game-trailer .trailer-wrapper:hover .trailer-bg {background:rgba(0,0,0,.6) url(https://s3.cloud.cmctelecom.vn/2game-vn/pictures/acp/icons/play-icon-homepage-inframe.png) center no-repeat}
.game-trailer .title, .game-intro .title, .slider-game-images .title {font-weight: bold;color: #c71b28;font-size: 23px;text-transform: uppercase;margin-bottom: 15px;position: absolute;margin:-32px 0px 0px 5px;background-color: #ffffff;padding: 0px 10px;line-height:1em}

.game-intro {width:48%;padding:10px;box-sizing:border-box;border:1px solid #dedede;text-align:justify;float:right;height:314px;position:relative}
.game-intro #intro-container {width:100%;height: 100%;overflow:hidden}
.game-intro #view-more {padding: 5px 10px;border: 1px solid #dedede;background: #efefef;color: #c71b28;position: relative;bottom: -8px;margin: 0px auto;display: block;text-align: center;text-transform: uppercase;width: 60px;font-size: 13px;line-height:1em}
.game-intro #view-less {padding: 5px 10px;border: 1px solid #dedede;background: #efefef;color: #c71b28;position: relative;bottom: -33px;margin: 0px auto;text-align: center;text-transform: uppercase;width: 30px;font-size: 13px;display:block;line-height:1em}
.game-intro #view-more:hover, .game-intro #view-less:hover {background:#c71b28;color:#fff}
.fr{float: right;}
a:hover{text-decoration:none !important;}
.slider-game-images {width:100%;padding:10px;box-sizing:border-box;border:1px solid #dedede;float:left;position:relative;margin:40px 0px}
.slider-game-images .jcarousel1 {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.slider-game-images .jcarousel1 ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.slider-game-images .jcarousel1 li {
    width: 200px;
    float: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	height: auto;
	border-right:1px solid #f5f5f5;
}

.slider-game-images .jcarousel1 li:last-child {border-right:0px}

.slider-game-images .jcarousel1 img {
    display: block;
    width: 100%;
    height: 118px !important;
}

/** Carousel Pagination **/

.slider-game-images .jcarousel1-pagination {
    position: absolute;
    bottom: -28px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    margin: 0;
}

.slider-game-images .jcarousel1-pagination a {
    text-decoration: none;
    display: inline-block;

    font-size: 11px;
    height: 12px;
    width: 12px;
    line-height: 12px;

    background: #efefef;
    color: #4E443C;
    border-radius: 10px;
    text-indent: -9999px;

    margin-right: 7px;


    -webkit-box-shadow: 0 0 2px #4E443C;
    -moz-box-shadow: 0 0 2px #4E443C;
    box-shadow: 0 0 2px #4E443C;
}

.slider-game-images .jcarousel1-pagination a.active {
    background: #c71b28;
    color: #fff;
    opacity: 1;
	border:2px solid #efefef;
}

/* Các mục cho trang tin tức */
.social-block {padding: 4px 10px 5px 10px;background-color: #efefef;border: 1px solid #dedede;margin: 15px 0px 0px 0px;overflow:hidden}
.social-block b {color: #c71b28;margin-right: 8px;margin-top: 4px;font-size:14px}
.social-block .fb-like {margin:3px 5px 0px 0px;height:20px;overflow:hidden}
.comment-frame {width:100%;padding:10px;box-sizing:border-box;border:1px solid #dedede;position:relative;margin:40px 0px 0px 0px}
.comment-frame .title {font-weight: bold;color: #c71b28;font-size: 23px;text-transform: uppercase;margin-bottom: 15px;position: absolute;margin:-32px 0px 0px 5px;background-color: #f5f5f5;padding: 0px 10px;}

/* Định dạng trang tin tức */
.news-block {width:100%;float:left;background:#efefef;border:1px solid #dedede;margin-bottom:10px;padding:10px;box-sizing:border-box}
.news-block img {width:300px;height:160px;float:left;border:1px solid #dedede;box-sizing:border-box;margin-right:15px}
.news-block h3 {line-height:1.3em;font-weight:bold;padding-top:5px}
.news-block p {}

/* Định dạng tag */
.tag-zone {width:100%;display:inline-block;margin:20px 0px 0px 0px}
.tag-item {padding: 2px 5px;border: 1px solid #c71b28;display: inline-block;font-size:90%;margin-bottom:4px}
.tag-item:hover {background:#c71b28;color:#fff;text-decoration:none !important}

/* Pagenavi */
.pagenavi-wrap {display:inline-block;margin-top:30px;width:100%}
.pagenavi-wrap .intro {font-weight:500;margin-right:5px}
.page-numbers{/*margin:10px 2px 0px 2px;*/padding:1px 8px 1px 8px;text-decoration:none;background:#fff;color:#222c41;border:1px solid #222c41;box-sizing:border-box;}
.page-numbers:hover{background:#222c41; color:#fff;text-decoration:none}
.page-current, .page-current:hover{color:#fff; background:#222c41;}

/* Trang danh sách game */

/* Slider game hot */
.game-hot-slider {width: 100%;float: left;margin:0px 0px 40px 0px;padding-bottom:30px;border-bottom:1px solid #dedede;}
.game-hot-slider .jcarousel2-wrapper {
position:relative
}

.game-hot-slider .jcarousel2 {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding: 0px 50px;
    box-sizing: border-box;
}

.game-hot-slider .jcarousel2 ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.game-hot-slider .jcarousel2 li {
    width: 200px;
    float: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	height:100%
}

.game-hot-slider .jcarousel2 img {
    display: block;
    width: 400px;
    height: 230px !important;
	float:left;
	margin-right:25px;
	border:1px solid #555;
	box-sizing:border-box;
}

.game-hot-slider .jcarousel2 h3 {
	font-weight:bold;
	color:#c71b28;
	
	text-transform:uppercase;
	margin:15px 0;
}

.game-hot-slider .jcarousel2 a:hover h3 {text-decoration:underline}

/** Carousel Controls **/

.game-hot-slider .jcarousel2-control-prev,
.game-hot-slider .jcarousel2-control-next {
    position: absolute;
    top: 50%;
    margin-top: -20px;
    width: 30px;
    height: 30px;
    text-align: center;
    color: #ef989e;
    text-decoration: none;
    font: 65px/25px Helvetica, Arial, sans-serif;
}

.game-hot-slider .jcarousel2-control-prev {
    left: 0px;
}

.game-hot-slider .jcarousel2-control-next {
    right: 0px;
}

.game-hot-slider .jcarousel2-control-prev:hover,
.game-hot-slider .jcarousel2-control-next:hover {color:#c71b28}

/** Carousel Pagination **/

.game-hot-slider .jcarousel2-pagination {
    position: absolute;
    bottom: -38px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    margin: 0;
}

.game-hot-slider .jcarousel2-pagination a {
    text-decoration: none;
    display: inline-block;

    font-size: 11px;
    height: 12px;
    width: 12px;
    line-height: 12px;

    background: #efefef;
    color: #4E443C;
    border-radius: 10px;
    text-indent: -9999px;

    margin-right: 7px;


    -webkit-box-shadow: 0 0 2px #4E443C;
    -moz-box-shadow: 0 0 2px #4E443C;
    box-shadow: 0 0 2px #4E443C;
}

.game-hot-slider .jcarousel2-pagination a.active {
    background: #c71b28;
    color: #fff;
    opacity: 1;
	border:2px solid #efefef;
}

.game-hot-slider p {margin-bottom:5px;}
.game-hot-slider .trangchu {display:inline-block;width:150px;text-align:center;padding:6px;font-weight:500;color:#fff;background:#c71b28;text-transform:uppercase;box-sizing:border-box;border:1px solid #c71b28;margin:13px 0px 15px 0px;line-height:1em}
.game-hot-slider .choingay {display:inline-block;width:150px;text-align:center;padding:6px;font-weight:500;color:#fff;background:#00bbb3;text-transform:uppercase;box-sizing:border-box;border:1px solid #00bbb3;margin:13px 0px 15px 0px;line-height:1em}
.game-hot-slider .trangchu:hover, .game-hot-slider .choingay:hover {text-decoration:underline;}
.game-hot-slider .intro-text {width:350px;margin-left:425px;line-height:1.3em;font-size:92%;color:#777}
.game-hot-slider .intro-text .view-more {color:#c71b28;}
.game-hot-slider .intro-text .view-more:hover {text-decoration:underline}

/* Danh sách game */
.ds-game {width: 100%;display: inline-block;margin: 30px 0px 0px 0px;border: 1px solid #dedede;box-sizing: border-box;padding: 20px;}
.ds-game h1 {text-transform: uppercase;font-size: 26px;text-align: center;width: 200px;margin-bottom: 30px;font-weight: bold;color: #222c41;background: #f5f5f5;margin: -34px auto 20px auto;}
.ds-game .item-wrapper {width:33.33%;float:left;box-sizing:border-box;padding:15px 20px 20px 20px;}
.ds-game .item-wrapper .item {width:100%;padding:5px;border:1px solid #dedede;float:left;box-sizing:border-box;background:#f3f4f4;position:relative}
.ds-game .item-wrapper .item a {float:left}
.ds-game .item-wrapper .item .thumb {width:100%;height:150px;float:left;position:relative;box-sizing:border-box;border:1px solid #555}
.ds-game .item-wrapper .item  h3 {font-weight: bold;font-size: 17px;display: inline-block;width: 100%;box-sizing: border-box;margin: 10px 0px 5px 7px;}
.ds-game .item-wrapper .item:hover h3 {color:#c71b28}
.ds-game .item-wrapper .item .genre {float: left;color: #444;font-size: 15px;margin: 4px 0px 0px 7px;clear:both}
.ds-game .item-wrapper .item .choingay {float: right;background: #1ba509;font-size: 13px;padding:4px 7px;color:#fff;text-transform: uppercase;line-height:1em}
.ds-game .item-wrapper .item .choingay:hover {background:#c71b28;color:#fff}
.ds-game .item-wrapper .item .hot-icon {background: url(https://s3.cloud.cmctelecom.vn/2game-vn/pictures/acp/icons/icon-game-hot.png) no-repeat;float: left;height: 39px;left: 5px;position: absolute;top: 5px;width: 47px;}
.ds-game .item-wrapper .item .play-button {position:absolute;right:5px;bottom:5px;float:right}

.ds-game .pagenavi-wrap {text-align:center}
/* 2 block trái phải trên trang chủ */
.mid-wrapper {width:100%;display:inline-block}
.gamelist {width:100%;float:left;margin-bottom:40px}
.gamelist .block-title {font-weight: bold;color: #c71b28;font-size: 23px;text-transform: uppercase;margin-bottom: 15px;position: absolute;margin-top: -11px;margin-left: 20px;background-color: #ffffff; border:none !important;padding: 0px 10px;}
.block-news .block-title {font-weight: bold;color: #c71b28;font-size: 23px;text-transform: uppercase;margin-bottom: 15px;position: absolute;margin:-48px 0px 0px 5px;background-color: #ffffff;padding: 0px 10px;}
.block-server .block-title {font-weight: normal;color: #fff;font-size: 16px;text-transform: uppercase;margin-bottom: 15px;position: absolute;margin: -50px 0px 0px 5px;background-color: #c71b28;padding: 7px 15px;}
.block-title {font-weight:bold;color:#c71b28;text-transform:uppercase;margin-bottom:15px}
.block-server {width:38%;float:left;box-sizing:border-box;border:1px solid #dedede;padding:35px 15px 10px 15px;background:#eaeaea}
.block-news {width:100%;float:left;box-sizing:border-box;border:1px solid #dedede;padding:35px 10px 10px 10px;}

.mobile-button {position:absolute;right:0px;top:-5px;width:300px;height:85px;text-align:center}
.mobile-button span {display:inline-block}
.mobile-button span span {display:block;margin-bottom:5px}
.mobile-button .ios {background:url(../images/ios-icon.png) top left no-repeat;width:60px;height:60px;float:left;margin-right:10px}
.mobile-button .android {background:url(../images/android-icon.png) top left no-repeat;width:60px;height:60px;float:left;margin-right:10px}
.mobile-button .windowsphone {background:url(../images/wp-icon.png) top left no-repeat;width:60px;height:60px;float:left}
.mobile-button .ios:hover,.mobile-button .android:hover,.mobile-button .windowsphone:hover  {border-radius:50%}
/* Khung game liên quan cho trang trong */
.related-game-wrapper {width:70%;float:left;padding:10px;box-sizing:border-box;border-right:1px solid #dedede;height:300px}
.related-game-wrapper .heading {font-weight:bold;color:#c71b28;text-transform:uppercase;margin:0px 0px 9px 0px;float:left;background:url(https://s3.cloud.cmctelecom.vn/2game-vn/pictures/acp/icons/related-game-icon.png) left no-repeat;padding:3px 0px 0px 35px}
.related-game-wrapper .view-more {float: right;margin-top: 6px;}
.related-game-wrapper .related-game-content {width:100%;float:left;padding-top:6px}
.related-game-wrapper .related-game-content .item {width: 20%;height: 115px;padding:5px;box-sizing:border-box;float: left;margin-bottom: 10px;list-style: none;text-align:center}
.related-game-wrapper .related-game-content .item img {width:70px;height:70px;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;border:1px solid #666;box-sizing:border-box}
.related-game-wrapper .related-game-content .item h3 {margin-top: 0;line-height:1.1em;font-size:15px}
.related-game-wrapper .related-game-content .item a:hover h3 {text-decoration:underline;color:initial}
/* Khung đăng nhập */
.loginform-single-page .home-top .heading {font-weight:bold;color:#555;text-transform:uppercase;margin:20px 0px;float:left}
.loginform-single-page .home-top ul li {margin-bottom:20px}
.loginform-single-page .home-top input {width: 100%;height: 40px;padding-left: 10px;font-size: 16px;outline: none;color: #4f4f4f;box-sizing: border-box;}
.loginform-single-page .home-top .login {width: 100%;background: #1f83dd;border: 1px solid #1271c6;outline: none;cursor: pointer;color: #fff;text-transform: uppercase;text-align: center;display: none;padding: 16px 0px;margin-bottom:25px}
.loginform-single-page .home-top .login:hover {background:#1967ae}
.loginform-single-page .home-top .register {width: 100%;background:#1ba509;border: 1px solid #168308;outline: none;cursor: pointer;color: #fff;text-transform: uppercase;text-align: center;display: none;padding: 16px 0px;}
.loginform-single-page .home-top .register:hover {background:#157e09}
.loginform-single-page .home-top .other-login {margin:25px 5px 0px 0px;float:left}
.loginform-single-page .home-top img {margin:23px 0px 0px 0px;width:20px}
.loginform-single-page .home-top .user-info {width:100%;float:left}
.loginform-single-page .home-top .user-info span {font-size:18px}
.loginform-single-page .home-top #info-manage {float:left;margin:20px 0px 10px 0px;width:100%;padding:10px 0;text-align:center;background:#1ba509;color:#fff;border:1px solid #168308;text-transform:uppercase;display:none}
.loginform-single-page .home-top #info-manage:hover {background:#157e09}
.loginform-single-page .home-top #btnNapXu {float:left;margin:10px 0px 10px 0px;width:100%;padding:10px 0;text-align:center;background:#c71b28;color:#fff;border:1px solid #a31822;text-transform:uppercase;display:none}
.loginform-single-page .home-top #btnNapXu:hover {background:#9e1722}
.loginform-single-page .home-top .logout {float:left;margin:10px 0px 10px 0px;width:100%;padding:10px 0;text-align:center;background:#444;color:#fff;border:1px solid #333;text-transform:uppercase;display:none}
.loginform-single-page .home-top .logout:hover {background:#222}

.loginform-single-page .giftcode-frame .heading {font-weight:bold;color:#c71b28;text-transform:uppercase;margin:0px 0px 9px 0px;float:left;background:url(https://s3.cloud.cmctelecom.vn/2game-vn/pictures/acp/icons/giftcode-icon-homepage.png) left no-repeat;padding:3px 0px 0px 26px}
.loginform-single-page .giftcode-frame .view-more {float:right;margin-top:6px}
.loginform-single-page .giftcode-frame ul {float:left;width:100%;}
.loginform-single-page .giftcode-frame ul li {margin-left: -3px !important;list-style:none;padding:5px 0;border-bottom:1px dotted #ccc;height:60px;position:relative;overflow:hidden; padding:0}
.loginform-single-page .giftcode-frame img {width:50px;height:50px;float:left;margin-right:10px;border:1px solid #777;box-sizing:border-box;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%}
.loginform-single-page .giftcode-frame h3 {font-size: 14px;margin: 5px 0;overflow: hidden;width: 160px;height: 51px;line-height: 1.3em;display: table-cell;vertical-align: middle;}
.loginform-single-page .giftcode-frame .getcode {padding: 3px 12px;text-align: center;font-size: 90%;position: absolute;right: 0;top: 19px;color: #fff;background: #1ba509;border: 1px solid #168308;line-height:1em}
.loginform-single-page .giftcode-frame .getcode:hover {background:#157e09}

.loginform-single-page .jcarousel img {height:300px !important;border-left:1px solid #dedede;border-right:1px solid #dedede;box-sizing:border-box}
/* Loginform cho trang trong */
.loginform-single-page {width:100%;display:inline-block;border:1px solid #dedede;margin:40px 0px 0px 0px;box-sizing:border-box}
.loginform-single-page .home-top {width:240px;height:300px;margin:0px;padding:20px;box-sizing:border-box;float:left;border:0px;background:#eaeaea}
.loginform-single-page .event-frame {width:422px;height:300px;background:#ccc;float:left;margin:0px;border:0px;box-sizing:border-box}
.loginform-single-page .giftcode-frame {width:30%;height:300px;float:right;margin:0px;box-sizing:border-box;background:#eaeaea;padding:10px;border:0px}
/* Block tin tức */
.block-news ul li {margin-left: 1px !important;list-style: none;width:45%;height:100px;margin-bottom:10px;border-bottom:1px dotted #dedede;padding:10px 0 10px 0 !important;overflow:hidden; background:none;}
.block-news ul li a {float:left;width:100%;height:100%}
.block-news ul li:hover h3 {text-decoration:underline}
.block-news ul li img {width:150px;height:auto;margin-right:10px;float:left;box-sizing: border-box;border: 1px solid #dedede;padding:2px; position:static}
.block-news ul li h3 {margin-top: 1px !important;color:#444;padding-top:5px;line-height:1.2em;margin-bottom:7px;height:auto;overflow:hidden; font-weight:normal;text-transform: none;font-size:15px}
.block-news ul li time {color:#a6a6a6;}
.block-news .view-more {width:100%;text-align:right;}

.td-main-content-wrap, .td-category-grid {
    background: none !important;
}
.content-area {
    background-color: #fff;
	padding:12px;
}