﻿#wrapper .logo { margin: 10px 0; width: 100%; display: inline-block; }

    #wrapper .logo img { max-width: 100%; }

.clsTopDownload { margin: 0; padding: 0; }

.clsDownloadGame { width: 280px; margin-left: 18px; }
    .clsDownloadGame a { display: block; background: url('../images/btndownloadgame.gif'); background-size: 100% 100%; padding: 68px 0; margin: 0; }
.clsRegister { width: 140px; height: 56px; float: left;  margin-left: 18px; }
    .clsRegister a { display: block; color: white;
    font-size: 16px;
    font-weight: bold;
	text-align: center;
    text-transform: uppercase; background: url('../img/icon-ch-play.png') no-repeat 0px center #181a21; background-size: 100% 100%; border: 2px solid #f8a927; padding: 10px 0; margin: 0; }
        .clsRegister a:hover { color: blue; }
		
.clsPayment { width: 140px; height: 56px; float: right;  margin-right: 11px; }
    .clsPayment a { display: block; color: white;
    font-size: 16px;
    font-weight: bold;
	text-align: center;
    text-transform: uppercase; background: url('../img/icon-ch-play.png') no-repeat 0px center #181a21; background-size: 100% 100%; border: 2px solid #f8a927; padding: 10px 0; margin: 0; }
        .clsPayment a:hover { color: blue; }
/*		
.clsPayment { width: 140px; float: left; }
    .clsPayment a { display: block; background: url('../images/lnkTopDownload.png') no-repeat; background-position: -140px -135px; padding: 28px 0; margin: 0; }
        .clsPayment a:hover { background-position: -140px -328px; }
*/

#wrapper .mainContent { background-color: #f7f1dd/*#f0e3ca*/; }

/* Begin TAB */
.clsTab { margin: -27px -10px 0 10px; border: none !important; }
.rtsLevel, .rtsLevel1, .rtsTop, .rtsHorizontal { border: none !important; }
    .rtsLevel1 ul { margin: 0; padding: 0 !important; border: none !important; }
.rtsUL { border: none !important; }
.rtsLevel1 ul li { margin-right: 10px; padding: 0 !important; border: none !important; }
.rtsLink { margin: 0; padding: 3px 10px !important; font-weight: bold; color: black; border: none !important; }
.tab { background-color: #bbb09b; text-align: center; vertical-align: middle; border-top-left-radius: 3px; border-top-right-radius: 3px; border: solid 1px #f0e3ca; color: #cccccc; }
.selectedTab, .hoveredTab { background-color: #f0e3ca; color: #333333; }

/* End TAB */
/* Begin Tab Sect */
.clsTabSect .rtsLevel { border: solid 4px #ffffff; border-bottom: none; padding-left: 63px; padding-top: 1px; background: url('../images/10Sects.png') left no-repeat #780c00; }
    .clsTabSect .rtsLevel li.rtsLI { width: 58px; text-align: center; margin: 0 !important; }
        .clsTabSect .rtsLevel li.rtsLI .rtsLink { border-radius: 0; font-weight: normal; font-size: small; color: white; }
            .clsTabSect .rtsLevel li.rtsLI .rtsLink .rtsImg { width: 44px; height: 65px; margin-top: 3px; margin-bottom: 5px; border: solid 1px black; }
    .clsTabSect .rtsLevel li.rtsSelected .rtsLink { color: #333333; }
        .clsTabSect .rtsLevel li.rtsSelected .rtsLink .rtsImg { border: solid 1px red; }
    .clsTabSect .rtsLevel li.rtsHovered .rtsLink { background-color: white; color: #333333; }
        .clsTabSect .rtsLevel li.rtsHovered .rtsLink .rtsImg { border: solid 1px red; }
.clsPageViewSect { border: solid 1px #780c00; border-top: none; background-color: white; height: 320px; position: relative; }
    /* End Tab Sect*/
    .clsPageViewSect .SectCnt { position: absolute; top: 10px; left: 10px; width: 40%; line-height: 23px; max-height: 320px; }
        .clsPageViewSect .SectCnt .SectCntTitle { font-weight: bold; background: url('../images/dot.png') left no-repeat; padding-left: 10px; font-size: large; text-transform: uppercase; }
    .clsPageViewSect .thieu-lam { background: url('../images/content-thieulam.jpg') right no-repeat; height: 320px; }
    .clsPageViewSect .thien-vuong { background: url('../images/content-thienvuong.jpg') right no-repeat; height: 320px; }
    .clsPageViewSect .duong-mon { background: url('../images/content-duongmon.jpg') right no-repeat; height: 320px; }
    .clsPageViewSect .ngu-doc { background: url('../images/content-ngudoc.jpg') right no-repeat; height: 320px; }
    .clsPageViewSect .nga-mi { background: url('../images/content-ngami.jpg') right no-repeat; height: 320px; }
    .clsPageViewSect .thuy-yen { background: url('../images/content-thuyyen.jpg') right no-repeat; height: 320px; }
    .clsPageViewSect .cai-bang { background: url('../images/content-caibang.jpg') right no-repeat; height: 320px; }
    .clsPageViewSect .thien-nhan { background: url('../images/content-thiennhan.jpg') right no-repeat; height: 320px; }
    .clsPageViewSect .vo-dang { background: url('../images/content-vodang.jpg') right no-repeat; height: 320px; }
    .clsPageViewSect .con-lon { background: url('../images/content-conlon.jpg') right no-repeat; height: 320px; }


.clsNewsHome { }
    .clsNewsHome ul { margin: 0; padding: 0; }
        .clsNewsHome ul li.Last { list-style: none; }
            .clsNewsHome ul li.Last a.New { display: block; background: url('../images/iconh.png') no-repeat left; font-weight: bold; padding: 5px 0 0 25px; text-decoration: none; color: #333333; }
            .clsNewsHome ul li.Last a.Hot { display: block; background: url('../images/iconh.png') no-repeat left; padding: 5px 0 5px 25px; text-decoration: none; color: #333333; }
            .clsNewsHome ul li.Last a.Hot { border-bottom: solid 1px #e0cdb5; }
                .clsNewsHome ul li.Last a.Hot:hover, .clsNewsHome ul li.Last a.New:hover { color: red; }
                .clsNewsHome ul li.Last a.Hot span.Date, .clsNewsHome ul li.Last a.New span.Date { float: right; font-weight: normal; font-size: small; color: #999999; }

.clsShortNews { position: relative; padding: 0; height: 65px; border-bottom: solid 1px #e0cdb5; overflow: hidden; }
    /*.clsShortNews p { margin: 0; padding: 0; position: absolute; left: 100px; height: 61px; overflow: hidden; }*/
    .clsShortNews p { margin: 0; padding: 0; height: 61px; overflow: hidden; }
    /*.clsShortNews .Images { position: absolute; left: 25px; }*/
    .clsShortNews .Images { margin-left: 25px; float: left; margin-right: 5px; }
        .clsShortNews .Images img { border: solid 1px #cccccc; }
.clsNewsHomeViewMore { clear: both; text-align: right; padding-top: 5px; }
    .clsNewsHomeViewMore a { color: #4a0500; text-decoration: none; font-weight: bold; }
        .clsNewsHomeViewMore a:hover { color: red; }

.rightSide { background-color: #f1e6d1/*#e0d4be*/; }
.clsBanner { }

#wrapper .jumbotron .RadButton { float: right; margin-top: .667em; font-size: .5em; }
