/*@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
    IE10-specific styles go here   
   margin: 0 auto;
} */
html, body {
    background: url(http://www.n-content.com/NContent2011/images/background_stripes.gif); 
    width:1000px; 
    /*    margin-left: 5%;*/
    margin: 0 auto;
    height: auto;
    font-family: Tahoma;
    font-size :12px;
    font-weight:  normal;
    behavior: url(http://www.n-content.com/NContent2011/PIE/PIE.htc);
    display: block;
}

@font-face
{
    font-family: PSLxText;
    src: url('http://www.n-content.com/NContent2011/font/PSLxText.ttf'),
        url('http://www.n-content.com/NContent2011/font/PSLxText Bold.ttf'),
        url('http://www.n-content.com/NContent2011/font/PSLxText BoldItalic.ttf'),
        url('http://www.n-content.com/NContent2011/font/PSLxText Italic.ttf');
}
.contentArea-index{
    background-color: #FFFFFF;
    width:1000px;
    display: inline-block;
    height: auto;
    margin: 0 auto;
    position: relative;
}
.listText1552{
    background-color: #fff;
}
.contentArea-index1{
    background-color: #FFFFFF;
    width:1000px;
    display: block;
    height: 100%;
    margin: 0 auto;
}
.contentDetail{
    background-color: #FFFFFF;
    width:955px;
    display: block;
    /*    min-height: 570px;*/
    height: 100%;
    margin: 0 auto;
}
.text-service{
    margin-left:  180px;
    font-weight: normal;
}
.mobliesupport{
    background:url(http://www.n-content.com/NContent2011/images/template/main/howto/mobilesupport-new.jpg) no-repeat;
    width: 111px;
    height:25px;
    display: block;
    float: right;
    margin-right: 35px;
}
.section {
    MARGIN: 0px auto; WIDTH: 1000px; OVERFLOW: hidden
}
.cleardiv {
    CLEAR: both
}
.body_main {
    MARGIN: 0px auto; WIDTH: 1000px
}
IMG.png {
    BEHAVIOR: url(http://www.n-content.com/NContent2011/images/template/main/menu/category/PIE.htc)
}
P ,H1, H2, H3 ,H4, H5, FORM, UL, LI{
    PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px;
}
A {
    TEXT-DECORATION: none
}
a:hover {
    TEXT-DECORATION: underline
}
a img {
    BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; BORDER-TOP: 0px; BORDER-RIGHT: 0px
}
a {
    OUTLINE-STYLE: none; OUTLINE-COLOR: invert; OUTLINE-WIDTH: medium
}
a:link {
    OUTLINE-STYLE: none; OUTLINE-COLOR: invert; OUTLINE-WIDTH: medium
}
a:hover {
    OUTLINE-STYLE: none; OUTLINE-COLOR: invert; OUTLINE-WIDTH: medium
}
a:visited {
    OUTLINE-STYLE: none; OUTLINE-COLOR: invert; OUTLINE-WIDTH: medium
}
ul {
    LIST-STYLE-TYPE: none; LIST-STYLE-IMAGE: none
}
li {
    LIST-STYLE-TYPE: none; LIST-STYLE-IMAGE: none
}

/*************begin head****************/
/*#head{
     MARGIN: 0px auto; WIDTH: 1000px; height: 350px; background: #FFFFFF;
    MARGIN: 0px auto; WIDTH: 1000px; height: 125px; background: #FFFFFF;
}
#head > .header{
    PADDING-TOP: 0px; 
    padding-bottom: 0px;
}*/
div.contact{
    float: right;
}
div.contact a.contactL:hover{
    filter:alpha(opacity=90);
    -moz-opacity:.90;opacity:.90;
}
#logoNcontent{
    vertical-align: top;
    width:197px;
    height:85px;
    display:block;
    float: left;
    background: url(http://www.n-content.com/NContent2011/images/template/main/logo/n-content.png) no-repeat;
}
div #logoNcontent:hover{
    filter:alpha(opacity=85);
    -moz-opacity:.85;opacity:.85;
}
#logoMcheer{
    vertical-align: top;
    width:197px;
    height:85px;
    display:block;
    float: left;
    background: url(http://www.n-content.com/NContent2011/images/template/main/logo/m-cheer.png) no-repeat;
}
div #logoMcheer:hover{
    filter:alpha(opacity=85);
    -moz-opacity:.85;opacity:.85;
}
img.imgLink{
    border:0;
    cursor: pointer;
}
.text-pink{color: #ed0090;}
.text-bluedrak{color:blue}
.text-bluesolf{color:#0172BC;}
.text-blank{color: black}
.text-green{color:green}
.text-red{color: red}
.text-orange{color:orange}
.text-violate{color:violet}
.text-violatedrak{color:#682A82;}
.text-brown{color:brown;}
.text-greensolf{color: #75A333;}

/*banner header slide*/
#gallery-wrap{text-align: center;overflow: hidden; width: 950px; height: 220px; position: relative; }/*margin-left: 40px;*/
#gallery{position: relative;left: 0; top: 0;}/*position: relative; */
#gallery li{float: left; margin: 9px 9px 9px 9px; background: #EBEBEB; height: 210px;filter:alpha(opacity=100);opacity:1.0;}/*margin: 9px 9px 9px 9px;*/
#gallery li:hover{
    filter:alpha(opacity=90);
    opacity:0.9;
    background: #D6D4D4;
    box-shadow: 0px 5px 5px #999;
    -moz-box-shadow: 0px 0px 20px #999; /* Firefox */
    -webkit-box-shadow: 0px 0px 20px #999; /* Safari, Chrome */
    border-radius:3px 3px 3px 3px;
    -moz-border-radius: 3px; /* Firefox */
    -webkit-border-radius: 3px; /* Safari, Chrome */
    BEHAVIOR: url(http://www.n-content.com/NContent2011/images/index/menu/category/PIE.htc)
}
#gallery li p{font: bold 13px Tahoma;}
#gallery li a img{border: 0px solid #40331b; height: 147px; width: 220px;}
#gallery li a:hover{text-decoration: none;}
#gallery-controls{margin: 0 auto; width: 1000px; position: relative; margin: 0 auto;}
#gallery-prev{
    background: url(http://www.n-content.com/NContent2011/images/arrow-left.gif) no-repeat;
    float: left; 
    margin-top: -120px;
    margin-left: -22px;
    cursor: pointer;
    width: 29px;
    height: 32px;
    filter:alpha(opacity=60);
    opacity:0.3;
}
#gallery-prev:hover{
    filter:alpha(opacity=100);
    opacity:1.0;
}
#gallery-next{
    background: url(http://www.n-content.com/NContent2011/images/arrow-right.gif) no-repeat;
    float: right; 
    cursor: pointer;
    width: 29px;
    height: 32px;
    margin-top: -120px;
    margin-right: 20px;
    filter:alpha(opacity=30);
    opacity:0.3;
}
#gallery-next:hover{
    filter:alpha(opacity=100);
    opacity:1.0;
}
.prev-slide:hover{
    float: right; 
    cursor: pointer;
    width: 30px;
    height: 30px;
    margin-right: 5px;
}
.next-slide:hover{
    float: right; 
    cursor: pointer;
    width: 30px;
    height: 30px;
    margin-right: 5px;
}
/*end banner header slide*/

/*tab menu head*/
#tab{
    width: 1000px;
    height: 45px;
    margin: 0 auto;
    display: inline-block;
}
#tab .tabMenu{
    margin: 0 auto;
    width: 1000px;
    display: inline-block;
    background-color: #2B6AB4;
    height: 37px;
    margin-left: -1px;
    padding-left: 3px;
    vertical-align: middle;
}
.botton-home{
    background: url(http://www.n-content.com/NContent2011/images/index/menu/m-home1.gif) no-repeat;
    width: 82px;
    height: 37px;
    display: inline-block;
}
.botton-home:hover {
    background: url(http://www.n-content.com/NContent2011/images/index/menu/m-home2.gif) no-repeat;
}
.botton-home:active {
    background: url(http://www.n-content.com/NContent2011/images/index/menu/m-home2.gif) no-repeat;
}
.botton-horo{
    background: url(http://www.n-content.com/NContent2011/images/index/menu/m-horo1.gif) no-repeat;
    width: 82px;
    height: 37px;
    display: inline-block;
}
.botton-horo:hover{
    background: url(http://www.n-content.com/NContent2011/images/index/menu/m-horo2.gif) no-repeat;
}
.botton-horo:active{
    background: url(http://www.n-content.com/NContent2011/images/index/menu/m-horo2.gif) no-repeat;
}
.botton-lotto{
    background: url(http://www.n-content.com/NContent2011/images/index/menu/m-lotto1.gif) no-repeat;
    width: 82px;
    height: 37px;
    display: inline-block;
}
.botton-lotto:hover{
    background: url(http://www.n-content.com/NContent2011/images/index/menu/m-lotto2.gif) no-repeat;
}
.botton-lotto:active{
    background: url(http://www.n-content.com/NContent2011/images/index/menu/m-lotto2.gif) no-repeat;
}
.botton-promotion{
    background: url(http://www.n-content.com/NContent2011/images/index/menu/m-promotion1.gif) no-repeat;
    width: 82px;
    height: 37px;
    display: inline-block;
}
.botton-promotion:hover{
    background: url(http://www.n-content.com/NContent2011/images/index/menu/m-promotion2.gif) no-repeat;
}
.botton-promotion:active{
    background: url(http://www.n-content.com/NContent2011/images/index/menu/m-promotion2.gif) no-repeat;
}
.botton-quiz{
    background: url(http://www.n-content.com/NContent2011/images/index/menu/m-quiz1.gif) no-repeat;    
    width: 82px;
    height: 37px;
    display: inline-block;
}
.botton-quiz:hover {
    background: url(http://www.n-content.com/NContent2011/images/index/menu/m-quiz2.gif) no-repeat;
}
.botton-quiz:active {
    background: url(http://www.n-content.com/NContent2011/images/index/menu/m-quiz2.gif) no-repeat;
}
.botton-song{
    background: url(http://www.n-content.com/NContent2011/images/index/menu/m-music1.gif) no-repeat;    
    width: 82px;
    height: 37px;
    display: inline-block;
}
.botton-song:hover {
    background: url(http://www.n-content.com/NContent2011/images/index/menu/m-music2.gif) no-repeat;
}
.botton-song:active {
    background: url(http://www.n-content.com/NContent2011/images/index/menu/m-music2.gif) no-repeat;
}
.botton-graphic {
    background: url(http://www.n-content.com/NContent2011/images/index/menu/m-graphic1.gif) no-repeat;
    width: 82px;
    height: 37px;
    display: inline-block;
}
.botton-graphic:hover {
    background: url(http://www.n-content.com/NContent2011/images/index/menu/m-graphic2.gif) no-repeat;
}
.botton-graphic:active{
    background: url(http://www.n-content.com/NContent2011/images/index/menu/m-graphic2.gif) no-repeat;
}

.botton-game {
    background: url(http://www.n-content.com/NContent2011/images/index/menu/m-game1.gif) no-repeat;
    width: 82px;
    height: 37px;
    display: inline-block;
}
.botton-game:hover {
    background: url(http://www.n-content.com/NContent2011/images/index/menu/m-game2.gif) no-repeat;
}
.botton-game:active {
    background: url(http://www.n-content.com/NContent2011/images/index/menu/m-game2.gif) no-repeat;
}
.botton-activity {
    background: url(http://www.n-content.com/NContent2011/images/index/menu/m-activity1.gif) no-repeat;
    width: 82px;
    height: 37px;
    display: inline-block;
}
.botton-activity:hover {
    background: url(http://www.n-content.com/NContent2011/images/index/menu/m-activity2.gif) no-repeat;
}
.botton-activity:active {
    background: url(http://www.n-content.com/NContent2011/images/index/menu/m-activity2.gif) no-repeat;
}
.botton-reward {
    background: url(http://www.n-content.com/NContent2011/images/index/menu/m-winner1.gif) no-repeat;
    width: 82px;
    height: 37px;
    display: inline-block;
}
.botton-reward:hover {
    background: url(http://www.n-content.com/NContent2011/images/index/menu/m-winner2.gif) no-repeat;
}
.botton-reward:active {
    background: url(http://www.n-content.com/NContent2011/images/index/menu/m-winner2.gif) no-repeat;
}
/*end tab menu head*/
.botton-checklotto {
    background: url(http://www.n-content.com/NContent2011/images/index/menu/bottomLotto.gif) no-repeat;
    float: right;
    width: 128px;
    height: 39px;
    margin-top: -1px;
    display: inherit;
    opacity: 1;
}
.botton-checklotto:hover {
    opacity: 0.9;
}
/*************end head****************/

/*slide hiligth music and sticker*/
#sliderFrame {position:relative;width:330px;margin: 0 auto;}

#slider ,#slider2 {
    width:330px;height:270px;/* Make it the same size as your images */
    background:#fff url("http://www.n-content.com/NContent2011/images/index/loading.gif") no-repeat 50% 50%;
    position:relative;
    margin:0 auto; /*this makes the image slider center-aligned. Remove this line if you want to align the whole slider to the left side*/
    box-shadow: 0px 1px 5px #999999;
}
#slider img {
    position:absolute;
    border:none;
    display:none;
}
#slider2 img {
    position:absolute;
    border:none;
    display:none;
}
/* the link style (if an image is wrapped in a link) */
#slider a.imgLink {
    z-index:2;
    display:none;position:absolute;
    top:0px;left:0px;border:0;padding:0;margin:0;
    width:100%;height:100%;
}
#slider2 a.imgLink {
    z-index:2;
    display:none;position:absolute;
    top:0px;left:0px;border:0;padding:0;margin:0;
    width:100%;height:100%;
}
div.mc-caption {
    font: bold 14px Tahoma;
    color:#EEE;
    z-index:4;
    padding:10px 0;/*Adding a padding-left or padding-right here will make the caption area wider than its background. Sometimes you may need to define its width again here to keep it the same width as its background area (div.mc-caption-bg).*/
    text-align:center;
}
div.mc-caption a {
    color:#FB0;
}
div.mc-caption a:hover {
    color:#DA0;
}
/* ------ built-in navigation bullets wrapper ------*/
div.navBulletsWrapper  {
    top:280px; left:120px; /* Its position is relative to the #slider */
    width:150px;
    background:none;
    padding-left:20px;
    position:relative;
    z-index:5;
    cursor:pointer;
}
/* each bullet */
div.navBulletsWrapper div 
{
    width:11px; height:11px;
    background:transparent url("http://www.n-content.com/NContent2011/images/index/bullet.png") no-repeat 0 0;
    float:left;overflow:hidden;vertical-align:middle;cursor:pointer;
    margin-right:5px;/* distance between each bullet*/
    _position:relative;/*IE6 hack*/
}
div.navBulletsWrapper div.active {background-position:0 -11px;}

/* --------- Others ------- */
#slider ,#slider2
{
    transform: translate3d(0,0,0);
    -ms-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    -o-transform:translate3d(0,0,0);
}
/*end slide hiligth music and sticker*/

div.mc-caption-bg,div.mc-caption-bg2,div.mc-caption-bgSub,div.mc-caption-bgSub2 {
    position:absolute;
    width:100%;
    height:auto;
    padding:0;
    left:0px; /*if the caption needs to be aligned from right, specify by right instead of left. i.e. right:20px;*/
    bottom:0px;/*if the caption needs to be aligned from top, specify by top instead of bottom. i.e. top:150px;*/
    z-index:3;
    overflow:hidden;
    font-size: 0;
}
div.mc-caption-bg {
    background-color:#01576E;
}
div.mc-caption-bgSub {

    background-color:#E90089;
}
div .headHilight{
    font-family:PSLxText;
    margin-left: 5px;
    vertical-align: top;
    font-size: 38px;
    font-weight: bold;
    text-align: left;
    /*    margin-top: -10px;*/
}
div.headHilight span.textMusic{}

div.headHilight span.textSticker{}

div.linkMoreIndex {
    font: bold 14px Tahoma;
    line-height: 18px;
    cursor: pointer;
}
a div.linkMoreIndex span.textMusic{float: right;margin-top: 1px; margin-right: 15px;text-decoration: underline;}
a div.linkMoreIndex span.textMusic:hover{font-size: 15px;text-decoration: underline;}

a div.linkMoreIndex span.textSticker{float: right;margin-top: 1px; margin-right: 15px;text-decoration: underline;}
a div.linkMoreIndex span.textSticker:hover{font-size: 15px;text-decoration: underline;}

a div.linkMoreIndex span.textQuiz{float: right;margin-top: 1px; margin-right: 15px;font-weight: bold;text-decoration: underline;}
a div.linkMoreIndex span.textQuiz:hover{font-size: 15px;}

a div.linkMoreIndex span.textLotto-Link{float: right;margin-top: 1px; margin-right: 15px;font-weight: bold;text-decoration: underline;}
a div.linkMoreIndex span.textLotto-Link:hover{font-size: 15px;}

a div.linkMoreIndex span.textHoro{float: right;margin-top: 1px; margin-right: 15px;font-weight: bold;font-weight: bold;text-decoration: underline;}
a div.linkMoreIndex span.textHoro:hover{font-size: 15px;}


.textbox{
    font: bold 12px Tahoma;
    line-height: 25px;
    color: #FFFFFF;
    width: 100px;
    height: auto;
    filter:alpha(opacity=70);
    -moz-opacity:.70;opacity:.70;
    background: #000000;
    margin-top: -27px;
}
.textbox:hover{
    color: yellow;
}
.textbox2{
    font: bold 12px Tahoma;
    line-height: 25px;
    color: #FFFFFF;
    width: 100px;
    height: auto;
    filter:alpha(opacity=70);
    -moz-opacity:.70;opacity:.70;
    background: #000000;
    margin-top: -25px;
}
.textbox2:hover{
    color: yellow;
}
div.textboxSub{
    font: bold 15px Tahoma;
    line-height: 40px;
    color: #FFFFFF;
    width: 290px;
    height: auto;
    filter:alpha(opacity=60);
    opacity:0.8;
    text-align: center;
    margin-top: -42px;
    margin-left: 12.5px;
}
.bgOpacityQuiz{background: #F26523;}

.bgOpacityLotto{background: #75A333;}

.bgOpacityHoro{background: #411084;}

div.textboxSub p.bgOpacityQuiz{}

#boxItem{
    display: inline-block; padding: 11px 9px;cursor: pointer;
}
.picItem{
    box-shadow: 0px 1px 5px #999999;
    background: #EEFF99;
}
.picItem:hover{
    box-shadow: 0px 5px 20px #999;
    -moz-box-shadow: 0px 0px 20px #999; /* Firefox */
    -webkit-box-shadow: 0px 0px 20px #999; /* Safari, Chrome */
    border-radius:3px 3px 3px 3px;
    -moz-border-radius: 3px; /* Firefox */
    -webkit-border-radius: 3px; /* Safari, Chrome */
    BEHAVIOR: url(http://www.n-content.com/NContent2011/images/index/menu/category/PIE.htc)
}
div.boxSub{
    display: inline-block;
    font: bold 15px Tahoma;
}
div.boxSub:hover{
    box-shadow: 0px 1px 3px #000000;
}

div.textHeadSub{font: bold 15px PSLxText;width: 315px; height: 40px; color: #FFFFFF; font-size: 32px; margin-left:10px;}

div.textHeadSub div.bgOpacityQuiz{}

div.textHeadSub div.bgOpacityLotto{}

div.textHeadSub div.bgOpacityHoro{}

.boxPicSubH{
    text-align: center; margin-top: 10px;
}
.boxPicSubL{
    /*    box-shadow: 0px 1px 5px #999999;*/
    background: #FFFFFF; width: 92%; height: 110px; display: inline-block; margin-left: 13px; margin-top: 10px;margin-bottom: 8px;
}
.picSubL{
    display: inline-block;
    margin: 0 auto;
    float: left;
    text-align: center;
    padding: 5px 5px;
}

.bgQuiz,.bgHoro{
    vertical-align: top;
    width: 315px; height: 380px; display: inline-block;
    background: #EBEBEB;
}
.bgLotto{
    vertical-align: top;
    width: 315px; height: 380px; display: inline-block;
    background: #CCCCCC;
}
.textUSSDred16{
    /* text-shadow: 1px 1px #999;*/
    font: bold 16px Tahoma;
    color: red;
}
.textUSSDred15{
    /* text-shadow: 1px 1px #999;*/
    font: bold 15px Tahoma;
    color: red;
}
.textUSSDblack16{
    /* text-shadow: 1px 1px #999;*/
    font: bold 16px Tahoma;
    color: black;
}
.textUSSDblack15{
    /* text-shadow: 1px 1px #999;*/
    font: bold 15px Tahoma;
    color: black;
}
.textUSSDblack{
    /* text-shadow: 1px 1px #999;*/
    font-size: 17px;
    font-weight: bold;
    color: black;
}
.textUSS23{
    /*    text-shadow: 1px 1px #999;*/
    font-size: 15px;
    font-weight: bold;
}
.textMusic{color: #102B92;}

.textSticker{color: #E90089;}

.textLotto{color: #75A333;}

.textLotto-Link{color: #000000;}

.textFooter-Link{font-size: 14px; font-weight: bold;text-decoration: underline;}
.textFooter-Link:hover{font-size: 15px;}

.textQuiz{color: #F26523;}

.textHoro{color: #411084;}

#footer {
    MARGIN: 0px auto; WIDTH: 1000px; vertical-align: bottom;
}
#footer > .foot {
    POSITION: relative;
    height: 130px;
    BACKGROUND: #EBEBEB;  
    PADDING-TOP: 8px; 
    padding-bottom: 8px;
    /*    box-shadow: 0 -50px 50px rgba(0, 0, 0, 0.1) inset*/
}
#footer > .foot DIV.sitemap {
    MARGIN: 5px 15px 20px; 
    WIDTH: 210px;
    DISPLAY: inline-block; 
    FLOAT: left;
}
#footer > .foot DIV.sitemap H4 {
    /*BORDER-BOTTOM: #cccccc 1px dashed; PADDING-BOTTOM: 5px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 5px*/
    color: #0172BC; 
    PADDING-LEFT: 0px; 
    PADDING-RIGHT: 0px; 
    font: bold 20px PSLxText; 
}
#footer > .foot DIV.sitemap UL {
    WIDTH: 210px;
    DISPLAY:inline-block ; 
    FLOAT: left; 
    line-height: 1.2em;
}
#footer > .foot DIV.sitemap UL LI {
    PADDING-BOTTOM: 0px; 
    PADDING-LEFT: 0px; 
    WIDTH: 105px; 
    PADDING-RIGHT: 0px; 
    FLOAT: left; 
    PADDING-TOP: 2px;
}
#footer > .foot DIV.sitemap UL LI A {
    font-weight: bold;
    PADDING-BOTTOM: 0px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    DISPLAY: block;
    COLOR: #4d4d4d;
    PADDING-TOP: 3px;
    -webkit-transition: padding linear .3s;
    -moz-transition: padding linear .3s;
    -o-transition: padding linear .3s;
    -ms-transition: padding linear .3s
}
#footer > .foot DIV.sitemap UL LI A:hover {
    PADDING-LEFT: 5px;
    text-shadow: 1px 2px #FFFFFF;
}
#footer > .foot DIV.sitemap UL LI A:before {
    /*    CONTENT: ". "*/
}
#footer > .foot DIV.service {
    margin-top: 5px;
    WIDTH: 330px;
    DISPLAY: inline-block;
    FLOAT: left;
}
#footer > .foot DIV.service H4 {
    color: #0172BC;
    font: bold 20px PSLxText;
    PADDING-LEFT: 0px; 
    WIDTH: 340px; 
    PADDING-RIGHT: 0px; 
    FLOAT: left; 
}
#footer > .foot DIV.service UL { 
    display: inline-block; 
    WIDTH: 340px;
    PADDING-TOP: 5px; 
    FLOAT: left
}
#footer > .foot DIV.service UL LI {
    WIDTH: 170px; 
    DISPLAY:inline-block; 
    FLOAT: left; 
    line-height: 1.2em;
}
#footer > .foot DIV.service UL LI > A {
    font-weight: bold;
    PADDING-BOTTOM: 3px; 
    PADDING-LEFT: 3px; 
    PADDING-RIGHT: 0px; 
    DISPLAY: inline-block; 
    COLOR: #4d4d4d; 
    MARGIN-RIGHT: 5px; 
    PADDING-TOP: 3px
}
#footer > .foot DIV.service UL LI > A:before {
    /*    CONTENT: ". "*/
}
#footer > .foot DIV.service UL LI > A:hover {
    PADDING-LEFT: 5px; 
    text-shadow: 1px 2px #FFFFFF;
}
#footer > .aside {
    line-height: 20px;
    padding-top: 8px;
    padding-bottom: 8px;
    BACKGROUND: #000; 
    color: #FFF;
    text-align: center;
    box-shadow: 0 -10px 20px rgba(0, 0, 0, 0.6) inset
}
.picPlaystore{
    width:194px;
    height:106px;
    float: left;
    background: url(http://www.n-content.com/NContent2011/images/index/picPlaystore.jpg) no-repeat;
}
.picGooglePlay{
    width:206px;
    height:106px;
    float: left;
    background: url(http://www.n-content.com/NContent2011/images/index/picGooglePlay.jpg) no-repeat;
}

.picMail{display:inline-block; float: right; margin-top: -25px; margin-right: 15px;
         filter:alpha(opacity=80);
         -moz-opacity:.80;opacity:.80;
}
.picMail:hover{
    filter:alpha(opacity=100);
    -moz-opacity:1.0;opacity:1.0;
}

.textPink{
    color: #FF66FF;
}
.textPink15{
    color: #FF66FF;
    font-size: 15px;
}
.textPink15B{
    color: #FF66FF;
    font-size: 15px;
    font-weight: bold;
}
.textBlue{
    color: #00AFE7;
}

.textBlue1{
    color: #00AFE7;
    font-size: 12px;
}
.textRed{
    color: #F00;
}
.textRedB{
    color: #F00;
    font-weight: bold;
}
.textRed15{
    font-size: 15px;
    color: #F00;
    font-weight: normal;
}
.textGreen{
    color: #158000;
}
.textGreen15{
    color: #158000;
    font-size: 15px;
}
.textGreenB{
    color: #158000;
    font-weight: bold;
}
.content-small-left{
    float: left;
    width: 390px; 
    margin: 0 auto;
    margin-top: 50px;
    background-color: #FFFFFF;
}
.more-index{
    text-align: right; 
    margin-bottom: -25px;
}
.area-content-left{
    background-color: #ffffff;
    float: left;
    width: 633px; 
    height: auto;
    margin: 0 auto;
    display: block;
}
.area-content-right{
    background-color: #ffffff;
    height: auto;
    float: right;
    width: 310px;
    margin: 0 auto;
}
.spacer10{
    padding-top: 10px;
    background-color: #FFFFFF;
    width: 100%;
}
.spacer5{
    padding-top: 5px;
    background-color: #FFFFFF;
    width: 100%;
}
.spacer-10{
    padding-top: 10px;
    background-color: #FFFFFF;
    width: 100%;
}
table#contentform{
    width: 1000px;
    background-color: #FFFFFF;
    height: 100%;
    border-spacing: 0;
    border: 0;
    border-width:0px;
    vertical-align: top;
}
.bar-musicIndex {
    background: url(http://www.n-content.com/NContent2011/images/template/main/bar/bar-musicIndex.gif) no-repeat;
    width: 960px;
    height: 33px;
    margin: 0 auto;
    display: block;
}
.bar-gameMore {
    background: url(http://www.n-content.com/NContent2011/images/template/main/bar/bar-gameMore.gif) no-repeat;
    width: 955px;
    height: 33px;
    margin: 0 auto;
    display: block;
}
.bar-appMore {
    background: url(http://www.n-content.com/NContent2011/images/template/main/bar/bar-appMore.gif) no-repeat;
    width: 955px;
    height: 33px;
    margin: 0 auto;
    display: block;
}
.appText {
    background: url(http://www.n-content.com/NContent2011/images/index/app/appText.gif) no-repeat;
    margin-left:  570px;
    width: 282px;
    height: 42px;
    text-align: right;
    margin-top:  30px;
}
.appCamerach3 {
    background: url(http://www.n-content.com/NContent2011/images/index/app/appCamerach3.png) no-repeat;
    width: 65px;
    height: 65px;
    display: inline-block;
    filter:alpha(opacity=100);
    -moz-opacity:1.0;opacity:1.0;
}
.appCamerach3:hover{
    filter:alpha(opacity=90);
    -moz-opacity:1.0;opacity:0.9;  
}
.appMagazinech3 {
    background: url(http://www.n-content.com/NContent2011/images/index/app/appMagazinech3.png) no-repeat;
    width: 65px;
    height: 65px;
    display: inline-block;
    filter:alpha(opacity=100);
    -moz-opacity:1.0;opacity:1.0;
}
.appMagazinech3:hover{
    filter:alpha(opacity=90);
    -moz-opacity:1.0;opacity:0.9;  
}
.appKrobkruakao3 {
    background: url(http://www.n-content.com/NContent2011/images/index/app/krobkruakao3.png) no-repeat;
    width: 65px;
    height: 65px;
    display: inline-block;
    filter:alpha(opacity=100);
    -moz-opacity:1.0;opacity:1.0;
}
.appKrobkruakao3:hover{
    filter:alpha(opacity=90);
    -moz-opacity:1.0;opacity:0.9;  
}
.appLottery {
    background: url(http://www.n-content.com/NContent2011/images/index/app/appLottery.png) no-repeat;
    width: 65px;
    height: 65px;
    display: inline-block; 
    filter:alpha(opacity=100);
    -moz-opacity:1.0;opacity:1.0;
}
.appLottery:hover{
    filter:alpha(opacity=90);
    -moz-opacity:1.0;opacity:0.9;  
}
.appKitty {
    background: url(http://www.n-content.com/NContent2011/images/index/app/appKitty.png) no-repeat;
    width: 65px;
    height: 65px;
    display: inline-block; 
    filter:alpha(opacity=100);
    -moz-opacity:1.0;opacity:1.0; 
}
.picbbWorld{
    width:193px;
    height:63px;
    float: left;
    background: url(http://www.n-content.com/NContent2011/images/index/BBWorld-193x63.gif) no-repeat;
}
.picGooglePlay{
    width:193px;
    height:63px;
    float: left;
    background: url(http://www.n-content.com/NContent2011/images/index/GooglePlay-193x63.gif) no-repeat;
}

.appKitty:hover,.picbbWorld:hover,.picGooglePlay:hover{
    filter:alpha(opacity=90);
    -moz-opacity:1.0;opacity:0.9;  
}