a{ text-decoration:none; font-size:12px; font-weight:bold;}
a:link{  font-size:12px; font-weight:normal; text-decoration:none;}
a:hover{   font-size:12px; font-weight:normal; text-decoration:none;}
a:active{   font-size:12px; font-weight:normal; text-decoration:none;}
a:visited{   font-size:12px; font-weight:normal; text-decoration:none;}

table.horoTable{
    border:1px solid black;
    border-collapse:collapse;
}
table.horoTable td th{
    border-collapse:collapse;
    border:1px solid black;

}
.horoTable{
    color: black;
    font-size: 14px;
    text-align: left;
    font-weight: normal;
}
table.horoTable2{

    border-collapse:collapse;
}
table.horoTable2 td th{
    border:1px solid black;   
}

.horoTable2{
    color: black;
    font-size: 12px;
    text-align: left;
    font-weight: normal;
}

.text1 {
    text-align: left;
    font-weight: normal;
}
.textVioB15 {
    font-size: 15px;
    text-align: left;
    color:#9933CC;
    font-weight: bold;
}
.textVioB {
    text-align: left;
    color:#9933CC;
    font-weight: bold;
}
.textPinkB15 {
    font-size: 15px;
    text-align: left;
    color: #FF66FF;
    font-weight: bold;
}
.textPinkB {

    text-align: left;
    color: #FF66FF;
    font-weight: bold;
}
.textPink1B{
    text-align: left;
    color: #FF0066;
    font-weight: bold;
}
.textPink1{
    text-align: left;
    color: #FF0066;
}
.textPink14{
    font-size: 14px;
    text-align: left;
    color: #FF0066;
}
.textGreen{
    color: #009933;
    font-weight:normal;
}
.textGreenB15 {
    font-size: 15px;
    text-align: left;
    color: #009933;
    font-weight: bold;

}
.textGreen14 {
    font-size: 14px;
    text-align: left;
    color: #009933;
    font-weight: normal;

}
.textGreenB {

    text-align: left;
    color: #009933;
    font-weight: bold;

}
.textGreenB2 {
    text-align: left;
    color: #009933;
    font-weight: bold;
    font-size: 14px;
}
.textBlueB15 {
    font-size: 15px;
    text-align: left;
    color: #0033FF;
    font-weight: bold;
}
.textBlueB {
    text-align: left;
    color: #0033FF;
    font-weight: bold;
}
.textBlackB2{
    color: black;
    font-size: 14px;
    font-weight: bold;
}
.textBlack14{
    color: black;
    font-size: 14px;
    text-align: left;
    font-weight: normal;
}
.textBlack15{
    color: black;
    font-size: 15px;
    text-align: left;
    font-weight: normal;
}
.textRedbody {
    color:red;
    font-size:12px;
    font-weight: normal;

}
.textRedB15 {
    color:red;
    font-size:15px;
    font-weight: bold;
}
.textRedB {
    color:red;
    font-size:12px;
    font-weight: bold;
}
.textRedB2 {
    color:red;
    font-size:14px;
    font-weight: bold;
}
.textRed14 {
    color:red;
    font-size:14px;
    font-weight: normal;
    text-align: left;
}
.textPropric{
    color:black;
    font-size:11px;
    font-weight: normal;
    text-align: left;

}
.textOrange {

    color: #FF6633;
    font-weight:normal;
}
.textOrangeB15 {
    font-size:15px;
    font-weight: bold;
    color: #FF6633;
}
.textOrangeB {
    text-align: left;
    color: #FF6633;
    font-weight: bold;
}
.textBlue{
    color: #09C;
    font-weight:normal;
}
.textBlue1B15 {
    font-size:15px;
    text-align: left;
    color: #0070C0;
    font-weight: bold;
}
.textBlue1B {
    text-align: left;
    color: #0070C0;
    font-weight: bold;
}
.textBlue2B{
    color: #0070CD;
    font-weight: bold;
}
.textGreen1B15 {
    font-size: 15px;
    color:#3CC;
    font-weight: bold;
}
.textGreen1B {
    color:#3CC;
    font-weight: bold;
}
.textVio15{
    text-align: left;
    color:#9933CC;
    font-weight:normal;
}
.textVio14{
    color: #9933CC;
    font-size: 14px;
    text-align: left;
    font-weight: normal;
}
.textVio15{

    color: #9933CC;
    font-size: 15px;
    text-align: left;
    font-weight: bold;
}
.textVioB {
    text-align: left;
    color:#9933CC;
    font-weight: bold;
}
.textBrownB{
    color: #E36C0A;
    font-weight: bold;
}
.textBrownB15{
    font-size: 15px;
    color: #E36C0A;
    font-weight: bold;
}
.rewardGift{
    padding-top: 10px;
    padding-bottom: 15px;
    BORDER-BOTTOM: #cccccc 1px dashed; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; 
    margin: 0 auto;
    text-align: left;
    width: 645px;
    height: 100%;
    display:inline-block;
    
}.rewardGift:hover{
    background-color: #EEEEEE;
}
.blog:hover{background-color: #EEEEEE;}

.rewardTextHead{
    padding-left: 10px;
    padding-top: 0px;
    margin-bottom: 10px;
    color: #0070CD;
    text-align: left;
    width:auto;
    height: 100%;
    font-size: 14px;
    font-weight: bold;
}

.rewardPic{
    padding-left: 15px;
    margin: 0 auto;
    width: 200px;
    float: left;
    height: 100%;
    text-align: center;
}
.rewardPic2{
    margin: 0 auto;
    width: 210px;
    float: left;
    height: 100%;
    text-align: center;
}
.rewardPic3{
    padding-left:15px;
    margin: 0 auto;
    width: 180px;
    float: left;
    height: 100%;
    text-align: center;
}.rewardPic4{
    padding-left:15px;
    margin: 0 auto;
    width: 250px;
    float: left;
    height: 100%;
    text-align: center;
}.rewardPic5{
/*    border: 1px solid #ccc; padding: 2px;*/
/*border-style: solid;
border-color: #3366ff;*/
    padding-left:15px;
    margin: 0 auto;
    width: 280px;
    float: left;
    height: 100%;
    text-align: center;
}
.rewardTextBodyB{
    color: #009933;
    text-align: left;
    width:auto;
    height:auto;
}
.rewardTextBody{
    margin: 0 auto;
    color: #009933;
    text-align: left;
    width:auto;
    height: 100px;
}
.rewardTextBody2{
    margin: 0 auto;
    color: #009933;
    text-align: left;
    width:auto;
    height: 70px;
}
.rewardTextBody1{
    margin: 0 auto;
    color: #009933;
    text-align: left;
    width:auto;
}
.rewardLine{
    padding-left:-20px;
    padding-top: 20px;
    margin: 0 auto;
    border-bottom: 2px dotted #0070CD;
    width: 615px;
}
.textBlue3B{
    color: #1C80CB;
    font-size: 13px;
    font-weight: bold;
}
.textBlue3{
    color: #1C80CB;
    font-size: 12px;
}
.spacer10{
    padding-top: 10px;
    margin: 0 auto;
    background-color: #FFFFFF;
    width: 90%;
}
.spacer5{
    padding-top: 5px;
    background-color: #FFFFFF;
    margin: 0 auto;
    width: 90%;
}

table.reward{

    margin: 0 auto;
    text-align: left;
    padding-left: 5px;
    font-weight:  normal;
    width: 95%;
    border: 1px;
    /*  background-color: #CACACA;*/
}
table.reward th { 
    font-weight:bold;
    height: 25px;
    border-bottom:1px solid #CCC;
    border-top:1px solid #CCC;
    background-color: #F2F9FF;
    color: #3C60A4;
}
table.reward td{
    border-bottom:1px;
    width: 32%;
    border: 1px;
    background-color:#EBEBEB;
}
table.reward1 td{
    font-weight:  normal;
    width: 32%;
}

.rightBar{
    width: 78%;
    float: right;
    padding-top: 1px;
    text-align: left;
    font-size: 12px;
}
.LeftBar{
    float:left;
    text-align: left;
}

.quizgame, .cCampaign, .sSubscription, .hHoro1, .hHoro, .lotto{
    /*    padding-top: 10px;*/
    /*    padding-bottom: 5px;*/
    margin: 0 auto;
    width: 780px;
    height: 100%;  
}

.picQuizgame, .picCampaign, .pichHoro1, .picSubscription, .picLotto{
    margin: 0 auto;
    width: 110px;
    float: left;
    height: 100%;
    text-align: center;
}

.picLotto1{
    margin-right: 300px;
    height: 100%;

}
.textQuizgame, .textCampaign, .textSubscription, .texthHoro1, .textHoro, .textLotto{
    font-weight: normal;
    margin: 0 auto;
    text-align: left;
    width:auto;
    height: 100%;
}
.textLotto1{
    padding-left: 20px;
    font-weight: normal;
    text-align: left;
}
.quizLine, .campaignLine, .subscriptionLine, .horoLine{
    padding-top: 30px;
    margin: 0 auto;
    border-bottom: 2px dotted #000000;
    width: 750px;
}
span.promotionOverBG{
    cursor: pointer;
    vertical-align: middle;
    background-color:#E02912; 
    color:#FFFFFF; 
}
span.textCampaign1 {
    font-weight: bold;
    cursor: pointer;
    vertical-align: middle;
    font-weight: normal;
}



/*#tabMenu ,#subDIV-BAR {
    margin:0; 
    padding-top: 5px;
    list-style:none; 
    cursor:pointer;
}*/
#tabMenu1 ,#subDIV-BAR {
    margin:0; 
    padding-top: 5px;
    list-style:none; 
    cursor:pointer;
}
/*.promotionBarBody,.subDIV div.parent {
    display:none; 
}*/
/*.promotionBarBody,.subDIV div.show {
    display:block;
}*/

.mouseover {
    background-color:#E02912; 
    color:#FFFFFF; 
}
.mouseout {
    background:none;
}
.selected {
    cursor: pointer;
    vertical-align: middle;
    background-color:#E02912; 
    color:#FFFFFF; 
}

#reward,#promotion,#linkChange{
    padding: 0px;
    margin: 1px;
}



/*Bar reward ประกาศรางวัลลูกค้า*/
.rewardBarHead2{
    background: url(../../../NContent/images/nCampaign/bar/rewardTop.gif) no-repeat;
    width: 955px;
    height: 32px;
    float:none;
    display: block;
}
.rewardBarHead{
    background: url(../../../NContent/images/nCampaign/bar/reward/top.gif) no-repeat;
    width: 800px;
    height: 32px;
    float:none;
    display: block;
}
.rewardBarHead{
    background: url(../../../NContent/images/nCampaign/bar/reward/top.gif) no-repeat;
    width: 800px;
    height: 32px;
    float:none;
    display: block;
}
.rewardBarBody{
    background: url(../../../NContent/images/nCampaign/bar/reward/middle.gif) repeat-y;
    padding-top: 15px;
    padding-bottom: 3px;
    width: 800px;
    height:auto;
    float:none;
    display: block;
}
.rewardBarBottom{
    background: url(../../../NContent/images/nCampaign/bar/reward/bottom.gif) no-repeat;
    width: 800px;
    height: 15px;
    float:none;
    display: block;
}
/*Bar promotion โปรโมชั่นพิเศษ*/
.promotionBarHead{
    background: url(../../../NContent/images/nCampaign/bar/promotion/top.gif) no-repeat;
    width: 800px;
    height: 32px;
    float:none;
    display: block;
}
.promotionBarBody{
    background: url(../../../NContent/images/nCampaign/bar/promotion/middle.gif) repeat-y;
    padding-top: 15px;
    padding-bottom: 3px;
    width: 800px;
    height:auto;
    float:none;
    display: block;
}
.promotionBottom{
    background: url(../../../NContent/images/nCampaign/bar/promotion/bottom.gif) no-repeat;
    width: 800px;
    height: 15px;
    float:none;
    display: block;
}

/*Bar linkChange แลกลิ้งกับ N-Content*/
.linkChangeBarHead{
    background: url(../../../NContent/images/nCampaign/bar/link/top.gif) no-repeat;
    width: 800px;
    height: 32px;
    float:none;
    display: block;
}
.linkChangeBarBody{
    background: url(../../../NContent/images/nCampaign/bar/link/middle.gif) repeat-y;
    padding-top: 15px;
    padding-bottom: 3px;
    width: 800px;
    height:auto;
    float:none;
    display: block;
}
.linkChangeBarBottom{
    background: url(../../../NContent/images/nCampaign/bar/link/bottom.gif) no-repeat;
    width: 800px;
    height: 15px;
    float:none;
    display: block;
}
.iconGift-dot-pink{
    background: url(../../../NContent/images/nCampaign/dot-pink.gif) no-repeat;
    width: 10px;
    height: 10px;
    float:none;
    display: inline-block;
}
.iconGift-dot-blue{
    background: url(../../../NContent/images/nCampaign/dot-blue.gif) no-repeat;
    width: 9px;
    height: 10px;
    float:none;
    display: inline-block;
}
.iconGift-dot-green{
    background: url(../../../NContent/images/nCampaign/dot-green.gif) no-repeat;
    width: 11px;
    height: 10px;
    float:none;
    display: inline-block;
}
.iconGift-bow{
    background: url(../../../NContent/images/nCampaign/giftbow.jpg) no-repeat;
    width: 16px;
    height: 12px;
    float:none;
    display: inline-block;
}

a.linkBlue{ color:#0033FF; }
a.linkBlue:link{color:#0033FF; }
a.linkBlue:hover{ color:#0033FF;  }
a.linkBlue:active{color: #0033FF; }
a.linkBlue:visited{color: #0033FF; }

a.linkGreen{color:#00B050; text-decoration: underline; font-weight: bold; font-size:13px;}
a.linkGreen:link{color:#00B050; text-decoration: underline; font-weight: bold; font-size:13px;}
a.linkGreen:hover{color: #000000; text-decoration: underline; font-weight: bold; font-size:13px;}
a.linkGreen:active{color:#00B050; text-decoration: underline; font-weight: bold; font-size:13px;}
a.linkGreen:visited{color:#00B050; text-decoration: underline; font-weight: bold;  font-size:13px;}

a.linkPink{color:#FF3399; text-decoration: underline; font-weight: bold; font-size:13px;}
a.linkPink:link{color:#FF3399; text-decoration: underline; font-weight: bold; font-size:13px;}
a.linkPink:hover{color: #000000; text-decoration: underline; font-weight: bold; font-size:13px;}
a.linkPink:active{color:#FF3399; text-decoration: underline; font-weight: bold; font-size:13px;}
a.linkPink:visited{color:#FF3399; text-decoration: underline; font-weight: bold;  font-size:13px;}

a.linkRedB{color:#FFFFFF; text-decoration: none; background-color: #FF0000; font-weight: bold; font-size:13px;}

a.linkRed{color:#000000; text-decoration: none; font-weight: bold; font-size:12px;}
a.linkRed:link{color:#000000; text-decoration: none; font-weight: bold; font-size:12px;}
a.linkRed:hover{color: #FF0000; text-decoration: none; font-weight: bold; font-size:12px;}
a.linkRed:active{color:#000000; text-decoration: none; font-weight: bold; font-size:12px;}
a.linkRed:visited{color:#000000; text-decoration: none; font-weight: bold;  font-size:12px;}


.bg-colorBlue{
    background-color: #CCECFF;
}
.bg-colorBlueB{
    background-color:#09C;
}
.bg-colorVio{
    height: 22px;
    background-color: #CCCCFF;
}
.bg-colorVioB{
    background-color:#9933CC;
}
.bg-colorRed{
    background-color: #EFD3D2;
}
.bg-colorPink{
    height: 22px;
    background-color: #FFCCFF;
}
.bg-colorGreen{
    background-color:#c4ffc4;
}
.bg-colorVio2{
    height: 22px;
    background-color: #F9EDFC;
}

.bg-colorGreen1B{
    background-color: #4BACC6;
}
.bg-colorGreen1{
    height: 22px;
    background-color: #D2EAF1;
}
.bg-colorPink2{
    height: 22px;
    background-color: #FF99CC;
}


.cancelSub {
    color: #000000;
    font-size: 11px;
    font-weight:normal;
}

.textVioHead1{
    color: #93278E;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 15px;
    font-weight: bold;

}
.textgreenHead{
    color: #009933;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 15px;
    font-weight: bold;
    cursor: pointer;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);

}
.textgreenHead:hover{
    font-size: 16px;
    text-shadow: .5px .5px #000000;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}

.textgreenHead.active{
    font-size: 16px;
    text-shadow: .5px .5px #000000;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}
.textVioHead{
    color: #93278E;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 15px;
    font-weight: bold;
    cursor: pointer;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);

}
.textVioHead:hover{
    font-size: 16px;
    text-shadow: .5px .5px #000000;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}

.textVioHead.active{
    font-size: 16px;
    text-shadow: .5px .5px #000000;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}
.textPinkHead{
    color: #ED008E;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 15px;
    font-weight: bold;
    cursor: pointer;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
}
.textPinkHead:hover{
    font-size: 16px;
    text-shadow: .5px .5px #000000;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}
.textPinkHead.active{
    font-size: 16px;
    text-shadow: .5px .5px #000000;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}
.textOragHead{
    color: #F26622;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 15px;
    font-weight: bold;
    cursor: pointer;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
}
.textOragHead:hover{
    font-size: 16px;
    text-shadow: .5px .5px #000000;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}
.textOragHead.active{
    font-size: 16px;
    text-shadow: .5px .5px #000000;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}
.textBlueHead{
    color:#0076A1;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 15px;
    font-weight: bold;
    cursor: pointer;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
}
.textBlueHead:hover{
    font-size: 16px;
    text-shadow: .5px .5px #000000;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}
.textBlueHead.active{
    font-size: 16px;
    text-shadow: .5px .5px #000000;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}

.viewMore{
    line-height: 2.0em;
    cursor: pointer;
    color: #000000;
    text-decoration: underline;
    
}
.viewMore:hover{
    cursor: pointer;
    color: #33CCFF;
    text-decoration: underline;
}
.textHeadGame{
    font-family: Arial,Helvetica,sans-serif;
    display: inline ;
    color: #0272BB; font-size: 18px; font-weight: bold;
}
.textHeadInfo{
    font-family: Arial,Helvetica,sans-serif;
    display: inline ;
    color: #94278E; font-size: 18px; font-weight: bold;
}
.linkChangeBarHead2{
    background: url(../../../NContent/images/nCampaign/bar/linkbar.gif) no-repeat;
    width: 955px;
    height: 32px;
    float:none;
    display: block;
}