html { box-sizing:border-box }*,*:before,*:after{ box-sizing:inherit }
html { -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%} body { margin:0 }
footer,nav,section { display:block; }
header { display:block; top:0px; width:100%; max-width: 1152px; margin: auto; }
mainframe { display:block; width:100%; max-width: 1152px; margin: auto; }
overlay { display:none; position:fixed!important; top:0px; left:0px; right:0px; bottom:0px; width:100%;height:100%; background-color:rgba(0,0,0,0.5); z-index:88888; cursor:pointer; }
sidenav { display: none; position: fixed!important; z-index: 99999; top: 0; left: 0; width: 250; height: 100%; background-color: #FFFFFF; overflow-x: hidden; transition: 0.5s; }

.Tahoma						{ font-family: 'Tahoma',Tahoma,Sans-Serif,MS Sans Serif; }
.BrowalliaUPC			{ font-family: 'BrowalliaUPC',BrowalliaUPC,Tahoma,Sans-Serif,MS Sans Serif; }
.Superspace				{ font-family: 'Superspace','LardPhrao',Tahoma,Sans-Serif,MS Sans Serif; }
.LardPhrao					{ font-family: 'LardPhrao','Superspace',Tahoma,Sans-Serif,MS Sans Serif; }
.ThaiSanslite				{ font-family: 'ThaiSanslite','Superspace',Tahoma,Sans-Serif,MS Sans Serif; }
.PatPongEd				{ font-family: 'PatPongExtend','Tahoma',Tahoma,Sans-Serif,MS Sans Serif; }
.CharmAU					{ font-family: 'CharmAU','Charmonman',Tahoma,Sans-Serif,MS Sans Serif; }
.Charmonman				{ font-family: 'Charmonman','CharmonmanBold',Tahoma,Sans-Serif,MS Sans Serif; }
.CharmonmanBold	{ font-family: 'CharmonmanBold','Charmonman',Tahoma,Sans-Serif,MS Sans Serif; }
.MonTaNa					{ font-family: 'MonTaNa','Tahoma',Tahoma,Sans-Serif,MS Sans Serif; }
.Cologne						{ font-family: 'Cologne','Tahoma',Tahoma,Sans-Serif,MS Sans Serif; }
.MaTiChon					{ font-family: 'MaTiChon','Tahoma',Tahoma,Sans-Serif,MS Sans Serif; }
.ThaiRat						{ font-family: 'ThaiRat','Tahoma',Tahoma,Sans-Serif,MS Sans Serif; }
.PreeCha						{ font-family: 'PreeCha','Tahoma',Tahoma,Sans-Serif,MS Sans Serif; }

html			{ font-family: 'Tahoma',Tahoma,Sans-Serif,MS Sans Serif; }
body			{ font-family: 'Tahoma',Tahoma,Sans-Serif,MS Sans Serif; font-style: normal; text-decoration: none; font-size: 16px; color: #222425 }
a:link, a:active, a:visited { font-family: font-family: 'Tahoma',Tahoma,Sans-Serif,MS Sans Serif;  color: #16387C; text-decoration:underline; font-size: 16px }
a:hover { font-family: font-family: 'Tahoma',Tahoma,Sans-Serif,MS Sans Serif;  color: #16387C; text-decoration:underline; font-size: 16px }

@media (min-width:769px) { 
h1				{ font-family: 'LardPhrao','Superspace',Tahoma,Sans-Serif,MS Sans Serif; font-weight: normal; font-size: 72px; padding: 0px; margin: 0px; color: #8b7427; line-height: 80%; }
h2				{ font-family: 'LardPhrao','Superspace',Tahoma,Sans-Serif,MS Sans Serif; font-weight: normal; font-size: 74px; padding: 0px; margin: 0px; color: #8b7427; }
h3				{ font-family: 'LardPhrao','Superspace',Tahoma,Sans-Serif,MS Sans Serif; font-weight: bold; font-size: 64px; padding: 0px; margin: 0px; color: #8b7427; }

.xs00			{ font-size: 24px; }
.s00			{ font-size: 28px; }
.m00			{ font-size: 32px; }
.l00				{ font-size: 40px; }
.xl00			{ font-size: 74px; }
.xxl00			{ font-size: 74px; }

  .col-d1 { width: 8.33%; }
  .col-d2 { width: 16.66%; }
  .col-d3 { width: 25%; }
  .col-d4 { width: 33.33%; }
  .col-d5 { width: 41.66%; }
  .col-d6 { width: 50%; }
  .col-d7 { width: 58.33%; }
  .col-d8 { width: 66.66%; }
  .col-d9 { width: 75%; }
  .col-d10 { width: 83.33%; }
  .col-d11 { width: 91.66%; }
  .col-d12 { width: 100%; }

.fbn-alg { text-align: right; }
.dhide { display:none!important }
@media (min-width:1281px) { 
.pd { padding-left: 35px; padding-right: 35px; }
.pdm { padding-left: 25px; padding-right: 25px; }
.pdl { padding-left: 35px; }
.pdr { padding-right: 35px; }
.dlhide { display:none!important }
.col-orcpart		{ width: 68%; float:left!important; padding-right: 35px; }
.col-orcpart2	{ width: 32%; float:left!important; }

  .col-dl1 { width: 8.33%; }
  .col-dl2 { width: 16.66%; }
  .col-dl3 { width: 25%; }
  .col-dl4 { width: 33.33%; }
  .col-dl5 { width: 41.66%; }
  .col-dl6 { width: 50%; }
  .col-dl7 { width: 58.33%; }
  .col-dl8 { width: 66.66%; }
  .col-dl9 { width: 75%; }
  .col-dl10 { width: 83.33%; }
  .col-dl11 { width: 91.66%; }
  .col-dl12 { width: 100%; }
}
@media (max-width:1280px) and (min-width:1025px) { 
.pd { padding-left: 30px; padding-right: 30px; }
.pdm { padding-left: 20px; padding-right: 20px; }
.pdl { padding-left: 30px; }
.pdr { padding-right: 30px; }
.dmhide { display:none!important }
.col-orcpart		{ width: 64%; float:left!important; padding-right: 30px; }
.col-orcpart2	{ width: 36%; float:left!important; }

  .col-dm1 { width: 8.33%; }
  .col-dm2 { width: 16.66%; }
  .col-dm3 { width: 25%; }
  .col-dm4 { width: 33.33%; }
  .col-dm5 { width: 41.66%; }
  .col-dm6 { width: 50%; }
  .col-dm7 { width: 58.33%; }
  .col-dm8 { width: 66.66%; }
  .col-dm9 { width: 75%; }
  .col-dm10 { width: 83.33%; }
  .col-dm11 { width: 91.66%; }
  .col-dm12 { width: 100%; }
}
@media (max-width:1024px) and (min-width:769px) { 
.pd { padding-left: 25px; padding-right: 25px; }
.pdm { padding-left: 15px; padding-right: 15px; }
.pdl { padding-left: 25px; }
.pdr { padding-right: 25px; }
.dshide { display:none!important }
.col-orcpart		{ width: 100%; float:left!important; }
.col-orcpart2	{ width: 100%; float:left!important; }

  .col-ds1 { width: 8.33%; }
  .col-ds2 { width: 16.66%; }
  .col-ds3 { width: 25%; }
  .col-ds4 { width: 33.33%; }
  .col-ds5 { width: 41.66%; }
  .col-ds6 { width: 50%; }
  .col-ds7 { width: 58.33%; }
  .col-ds8 { width: 66.66%; }
  .col-ds9 { width: 75%; }
  .col-ds10 { width: 83.33%; }
  .col-ds11 { width: 91.66%; }
  .col-ds12 { width: 100%; }
}
}


@media (max-width:768px){
h2				{ font-family: 'LardPhrao','Superspace',Tahoma,Sans-Serif,MS Sans Serif; font-weight: normal; font-size: 74px; padding: 0px; margin: 0px; color: #8b7427; }
h3				{ font-family: 'LardPhrao','Superspace',Tahoma,Sans-Serif,MS Sans Serif; font-weight: bold; font-size: 64px; padding: 0px; margin: 0px; color: #8b7427; }

.xs00			{ font-size: 24px; }
.s00			{ font-size: 28px; }
.m00			{ font-size: 32px; }
.l00				{ font-size: 40px; }
.xl00			{ font-size: 74px; }
.xxl00			{ font-size: 74px; }

  .col-p1 { width: 8.33%; }
  .col-p2 { width: 16.66%; }
  .col-p3 { width: 25%; }
  .col-p4 { width: 33.33%; }
  .col-p5 { width: 41.66%; }
  .col-p6 { width: 50%; }
  .col-p7 { width: 58.33%; }
  .col-p8 { width: 66.66%; }
  .col-p9 { width: 75%; }
  .col-p10 { width: 83.33%; }
  .col-p11 { width: 91.66%; }
  .col-p12 { width: 100%; }

.phide { display:none!important }
@media (max-width:768px) and (min-width:641px) { 
h1				{ font-family: 'LardPhrao','Superspace',Tahoma,Sans-Serif,MS Sans Serif; font-weight: normal; font-size: 68px; padding: 0px; margin: 0px; color: #8b7427; line-height: 80%; }

.pd { padding-left: 20px; padding-right: 20px; }
.pdm { padding-left: 10px; padding-right: 10px; }
.pdl { padding-left: 20px; }
.pdr { padding-right: 20px; }
.plhide { display:none!important }
.col-orcpart		{ width: 100%; float:left!important; }
.col-orcpart2	{ width: 100%; float:left!important; }
.fbn-alg { text-align: right; }

  .col-pl1 { width: 8.33%; }
  .col-pl2 { width: 16.66%; }
  .col-pl3 { width: 25%; }
  .col-pl4 { width: 33.33%; }
  .col-pl5 { width: 41.66%; }
  .col-pl6 { width: 50%; }
  .col-pl7 { width: 58.33%; }
  .col-pl8 { width: 66.66%; }
  .col-pl9 { width: 75%; }
  .col-pl10 { width: 83.33%; }
  .col-pl11 { width: 91.66%; }
  .col-pl12 { width: 100%; }
}
@media (max-width:640px) and (min-width:481px) { 
h1				{ font-family: 'LardPhrao','Superspace',Tahoma,Sans-Serif,MS Sans Serif; font-weight: normal; font-size: 62px; padding: 0px; margin: 0px; color: #8b7427; line-height: 80%; }

.pd { padding-left: 15px; padding-right: 15px; }
.pdm { padding-left: 5px; padding-right: 5px; }
.pdl { padding-left: 15px; }
.pdr { padding-right: 15px; }
.pmhide { display:none!important }
.col-orcpart		{ width: 100%; float:left!important; }
.col-orcpart2	{ width: 100%; float:left!important; }
.fbn-alg { text-align: center; }

  .col-pm1 { width: 8.33%; }
  .col-pm2 { width: 16.66%; }
  .col-pm3 { width: 25%; }
  .col-pm4 { width: 33.33%; }
  .col-pm5 { width: 41.66%; }
  .col-pm6 { width: 50%; }
  .col-pm7 { width: 58.33%; }
  .col-pm8 { width: 66.66%; }
  .col-pm9 { width: 75%; }
  .col-pm10 { width: 83.33%; }
  .col-pm11 { width: 91.66%; }
  .col-pm12 { width: 100%; }
}
@media (max-width:480px) { 
h1				{ font-family: 'LardPhrao','Superspace',Tahoma,Sans-Serif,MS Sans Serif; font-weight: normal; font-size: 58px; padding: 0px; margin: 0px; color: #8b7427; line-height: 80%; }

.pd { padding-left: 10px; padding-right: 10px; }
.pdm { padding-left: 0px; padding-right: 0px; }
.pdl { padding-left: 10px; }
.pdr { padding-right: 10px; }
.pshide { display:none!important }
.col-orcpart		{ width: 100%; float:left!important; }
.col-orcpart2	{ width: 100%; float:left!important; }
.fbn-alg { text-align: center; }

  .col-ps1 { width: 8.33%; }
  .col-ps2 { width: 16.66%; }
  .col-ps3 { width: 25%; }
  .col-ps4 { width: 33.33%; }
  .col-ps5 { width: 41.66%; }
  .col-ps6 { width: 50%; }
  .col-ps7 { width: 58.33%; }
  .col-ps8 { width: 66.66%; }
  .col-ps9 { width: 75%; }
  .col-ps10 { width: 83.33%; }
  .col-ps11 { width: 91.66%; }
  .col-ps12 { width: 100%; }
}
}

.sx-image{max-width:100%;height:auto}img{vertical-align:middle}a{color:inherit}
.alg-left{text-align:left!important}.alg-right{text-align:right!important}.alg-justify{text-align:justify!important}.alg-center{text-align:center!important}

a.crystal-link:link, a.crystal-link:active, a.crystal-link:visited { font-family: 'Tahoma',Tahoma; color: #162133; text-decoration:none; font-size: 14px; }
a.crystal-link:hover { font-family: 'Tahoma',Tahoma; color: #162133; text-decoration:none; font-size: 14px; }
a.tab-silver:link, a.tab-silver:active, a.tab-silver:visited { display: inline-block; background-color: transparent; width: 100%; font-family: 'Tahoma',Tahoma; text-decoration:none; font-size: 16px }
a.tab-silver:hover { display: inline-block; background-color: #f1f4f5; width: 100%; font-family: 'Tahoma',Tahoma; text-decoration:none; font-size: 16px }
.mwarning	{ color: #4e3a01; text-decoration:none; background-color: #ffb604; padding: 2px 8px 4px 8px; font-size: 12px; }

a.gylink16:link, a.gylink16:active, a.gylink16:visited { font-family: 'Superspace','ThaiSanslite',Tahoma, Sans-Serif, MS Sans Serif; color: #FFFFFF; text-decoration:none; font-size: 16px }
a.gylink16:hover { font-family: 'Superspace','ThaiSanslite',Tahoma, Sans-Serif, MS Sans Serif; color: #febc01; text-decoration:none; font-size: 16px }
a.gblink16:link, a.gblink16:active, a.gblink16:visited { font-family: 'Superspace','ThaiSanslite',Tahoma, Sans-Serif, MS Sans Serif; color: #FFFFFF; text-decoration:none; font-size: 16px }
a.gblink16:hover { font-family: 'Superspace','ThaiSanslite',Tahoma, Sans-Serif, MS Sans Serif; color: #00bff3; text-decoration:none; font-size: 16px }
a.gylink18:link, a.gylink18:active, a.gylink18:visited { font-family: 'Superspace','ThaiSanslite',Tahoma, Sans-Serif, MS Sans Serif; color: #FFFFFF; text-decoration:none; font-size: 18px }
a.gylink18:hover { font-family: 'Superspace','ThaiSanslite',Tahoma, Sans-Serif, MS Sans Serif; color: #febc01; text-decoration:none; font-size: 18px }
a.gblink18:link, a.gblink18:active, a.gblink18:visited { font-family: 'Superspace','ThaiSanslite',Tahoma, Sans-Serif, MS Sans Serif; color: #FFFFFF; text-decoration:none; font-size: 18px }
a.gblink18:hover { font-family: 'Superspace','ThaiSanslite',Tahoma, Sans-Serif, MS Sans Serif; color: #00bff3; text-decoration:none; font-size: 18px }
a.gblink162:link, a.gblink162:active, a.gblink162:visited { font-family: 'ThaiSanslite',Tahoma, Sans-Serif, MS Sans Serif; color: #e1e1e1; text-decoration:none; font-size: 20px }
a.gblink162:hover { font-family: 'ThaiSanslite',Tahoma, Sans-Serif, MS Sans Serif; color: #00bff3; text-decoration:none; font-size: 20px }

a.black-ul14:link, a.black-ul14:active, a.black-ul14:visited { font-family: 'Tahoma',Tahoma; color: #222425; text-decoration:underline; font-size: 14px }
a.black-ul14:hover { font-family: 'Tahoma',Tahoma; color: #222425; text-decoration:underline; font-size: 14px }
a.black-ul16:link, a.black-ul16:active, a.black-ul16:visited { font-family: 'Tahoma',Tahoma; color: #222425; text-decoration:underline; font-size: 16px }
a.black-ul16:hover { font-family: 'Tahoma',Tahoma; color: #222425; text-decoration:underline; font-size: 16px }
a.white-ul14:link, a.white-ul14:active, a.white-ul14:visited { font-family: 'Tahoma',Tahoma; color: #FFFFFF; text-decoration:underline; font-size: 14px }
a.white-ul14:hover { font-family: 'Tahoma',Tahoma; color: #FFFFFF; text-decoration:underline; font-size: 14px }
a.white-ul16:link, a.white-ul16:active, a.white-ul16:visited { font-family: 'Tahoma',Tahoma; color: #FFFFFF; text-decoration:underline; font-size: 16px }
a.white-ul16:hover { font-family: 'Tahoma',Tahoma; color: #FFFFFF; text-decoration:underline; font-size: 16px }
a.blue-nl12:link, a.blue-nl12:active, a.blue-nl12:visited {  font-family: 'Tahoma',Tahoma; color: #16387C; text-decoration:none; font-size: 12px }
a.blue-nl12:hover { font-family: 'Tahoma',Tahoma;color: #16387C; text-decoration:underline; font-size: 12px }
a.blue-ul12:link, a.blue-ul12:active, a.blue-ul12:visited { font-family: 'Tahoma',Tahoma; color: #16387C; text-decoration:underline; font-size: 12px }
a.blue-ul12:hover { font-family: 'Tahoma',Tahoma; color: #16387C; text-decoration:underline; font-size: 12px }
a.blue-nl14:link, a.blue-nl14:active, a.blue-nl14:visited {  font-family: 'Tahoma',Tahoma; color: #16387C; text-decoration:none; font-size: 14px }
a.blue-nl14:hover { font-family: 'Tahoma',Tahoma;color: #16387C; text-decoration:underline; font-size: 14px }
a.blue-ul14:link, a.blue-ul14:active, a.blue-ul14:visited { font-family: 'Tahoma',Tahoma; color: #16387C; text-decoration:underline; font-size: 14px }
a.blue-ul14:hover { font-family: 'Tahoma',Tahoma; color: #16387C; text-decoration:underline; font-size: 14px }
a.blue-bl14:link, a.blue-bl14:active, a.blue-bl14:visited { font-family: 'Tahoma',Tahoma; color: #16387C; font-weight: bold; text-decoration:none; font-size: 14px }
a.blue-bl14:hover { font-family: 'Tahoma',Tahoma; color: #16387C; font-weight: bold; text-decoration:underline; font-size: 14px }
a.blue-nl16:link, a.blue-nl16:active, a.blue-nl16:visited { font-family: 'Tahoma',Tahoma; color: #16387C; text-decoration:none; font-size: 16px }
a.blue-nl16:hover { font-family: 'Tahoma',Tahoma; color: #16387C; text-decoration:underline; font-size: 16px }
a.blue-ul16:link, a.blue-ul16:active, a.blue-ul16:visited { font-family: 'Tahoma',Tahoma; color: #16387C; text-decoration:underline; font-size: 16px }
a.blue-ul16:hover { font-family: 'Tahoma',Tahoma; color: #16387C; text-decoration:underline; font-size: 16px }
a.blue-nl18:link, a.blue-nl18:active, a.blue-nl18:visited { font-family: 'Tahoma',Tahoma; color: #16387C; text-decoration:none; font-size: 18px }
a.blue-nl18:hover { font-family: 'Tahoma',Tahoma; color: #16387C; text-decoration:underline; font-size: 18px }
a.blue-ul18:link, a.blue-ul18:active, a.blue-ul18:visited { font-family: 'Tahoma',Tahoma; color: #16387C; text-decoration:underline; font-size: 18px }
a.blue-ul18:hover { font-family: 'Tahoma',Tahoma; color: #16387C; text-decoration:underline; font-size: 18px }
a.blue-bl16:link, a.blue-bl16:active, a.blue-bl16:visited { font-family: 'Tahoma',Tahoma; color: #16387C; font-weight: bold; text-decoration:none; font-size: 16px }
a.blue-bl16:hover { font-family: 'Tahoma',Tahoma; color: #16387C; font-weight: bold; text-decoration:underline; font-size: 16px }
a.brown-nl14:link, a.brown-nl14:active, a.brown-nl14:visited { font-family: 'Tahoma',Tahoma; color: #B3420B; text-decoration:none; font-size: 14px }
a.brown-nl14:hover { font-family: 'Tahoma',Tahoma; color: #B3420B; text-decoration:underline; font-size: 14px }
a.brown-ul14:link, a.brown-ul14:active, a.brown-ul14:visited { font-family: 'Tahoma',Tahoma; color: #B3420B; text-decoration:underline; font-size: 14px }
a.brown-ul14:hover { font-family: 'Tahoma',Tahoma; color: #B3420B; text-decoration:underline; font-size: 14px }
a.brown-nl16:link, a.brown-nl16:active, a.brown-nl16:visited { font-family: 'Tahoma',Tahoma; color: #B3420B; text-decoration:none; font-size: 16px }
a.brown-nl16:hover { font-family: 'Tahoma',Tahoma; color: #B3420B; text-decoration:underline; font-size: 16px }
a.brown-ul16:link, a.brown-ul16:active, a.brown-ul16:visited { font-family: 'Tahoma',Tahoma; color: #B3420B; text-decoration:underline; font-size: 16px }
a.brown-ul16:hover { font-family: 'Tahoma',Tahoma; color: #B3420B; text-decoration:underline; font-size: 16px }

a.gray2y-nl14:link, a.gray2y-nl14:active, a.gray2y-nl14:visited { font-family: 'Tahoma',Tahoma; color: #d8d8d8; text-decoration:none; font-size: 14px }
a.gray2y-nl14:hover { font-family: 'Tahoma',Tahoma; color: #febc01; text-decoration:none; font-size: 14px }
a.gray2y-ul14:link, a.gray2y-ul14:active, a.gray2y-ul14:visited { font-family: 'Tahoma',Tahoma; color: #d8d8d8; text-decoration:underline; font-size: 14px }
a.gray2y-ul14:hover { font-family: 'Tahoma',Tahoma; color: #febc01; text-decoration:underline; font-size: 14px }
a.blue2r_nl14:link, a.blue2r_nl14:active, a.blue2r_nl14:visited { font-family: 'Tahoma',Tahoma; color: #16387C; text-decoration:none; font-size: 14px }
a.blue2r_nl14:hover { font-family: 'Tahoma',Tahoma; color: #9A0000; text-decoration:none; font-size: 14px }
a.white2y-nl14:link, a.white2y-nl14:active, a.white2y-nl14:visited { font-family: 'Tahoma',Tahoma; color: #FFFFFF; text-decoration:none; font-size: 14px }
a.white2y-nl14:hover { font-family: 'Tahoma',Tahoma; color: #febc01; text-decoration:none; font-size: 14px }
a.white2y-ul14:link, a.white2y-ul14:active, a.white2y-ul14:visited { font-family: 'Tahoma',Tahoma; color: #FFFFFF; text-decoration:underline; font-size: 14px }
a.white2y-ul14:hover { font-family: 'Tahoma',Tahoma; color: #febc01; text-decoration:underline; font-size: 14px }
a.white2y-nl16:link, a.white2y-nl16:active, a.white2y-nl16:visited { font-family: 'Tahoma',Tahoma; color: #FFFFFF; text-decoration:none; font-size: 16px }
a.white2y-nl16:hover { font-family: 'Tahoma',Tahoma; color: #febc01; text-decoration:none; font-size: 16px }

a.white2g-nl20:link, a.white2g-nl20:active, a.white2g-nl20:visited { font-family: 'Superspace','Tahoma',Tahoma; color: #ebebeb; text-decoration:none; font-size: 20px }
a.white2g-nl20:hover { font-family: 'Superspace','Tahoma',Tahoma; color: #febc01; text-decoration:none; font-size: 20px }
a.gray2g-nl14:link, a.gray2g-nl14:active, a.gray2g-nl14:visited { font-family: 'Tahoma',Tahoma; color: #d8d8d8; text-decoration:none; font-size: 14px }
a.gray2g-nl14:hover { font-family: 'Tahoma',Tahoma; color: #febc01; text-decoration:none; font-size: 14px }
a.silver2g-nl14:link, a.silver2g-nl14:active, a.silver2g-nl14:visited { font-family: 'Tahoma',Tahoma; color: #464646; text-decoration:none; font-size: 14px }
a.silver2g-nl14:hover { font-family: 'Tahoma',Tahoma; color: #ad830b; text-decoration:none; font-size: 14px }

a.pg-orange:link, a.pg-orange:active, a.pg-orange:visited { color: #c44906; text-decoration:none; background-color: #fbb656; padding-left: 4px; padding-right: 4px; padding-top: 6px; padding-bottom: 8px; font-size: 18px }
a.pg-orange:hover { color: #FFFFFF; text-decoration:none; background-color: #ee8c04; padding-left: 4px; padding-right: 4px; padding-top: 6px; padding-bottom: 8px; font-size: 18px }
.pg-open  { color: #FFFFFF; text-decoration:none; background-color: #dc6829;  padding-left: 4px; padding-right: 4px; padding-top: 6px; padding-bottom: 8px; font-size: 18px }

a.white_tab:link, a.white_tab:active, a.white_tab:visited { display:inline-block; color: #162133; text-decoration:none; background-color: #FFFFFF; padding-left: 18px; padding-right: 18px; padding-top: 6px; padding-bottom: 8px; border-radius: 24px; }
a.white_tab:hover { display:inline-block; color: #FFFFFF; text-decoration:none; background-color: #162133; padding-left: 18px; padding-right: 18px; padding-top: 6px; padding-bottom: 8px; border-radius: 24px; }
a.logo-qmenu:link, a.logo-qmenu:active, a.logo-qmenu:visited { display: inline-block; background-color: transparent; padding: 4px 10px 4px 10px; height:100%; }
a.logo-qmenu:hover { display: inline-block; background-color: transparent; padding: 4px 10px 4px 10px; height:100%; }

a.earth-emi22:link, a.earth-emi22:active, a.earth-emi22:visited { display: inline-block; background-color: transparent; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; height:100%; }
a.earth-emi22:hover { display: inline-block; background-color: #eb6f2c; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; height:100%; }
a.earth-emi24:link, a.earth-emi24:active, a.earth-emi24:visited { display: inline-block; background-color: transparent; padding-left: 10px; padding-right: 10px; padding-top: 9px; padding-bottom: 9px; height:100%; }
a.earth-emi24:hover { display: inline-block; background-color: #eb6f2c; padding-left: 10px; padding-right: 10px; padding-top: 9px; padding-bottom: 9px; height:100%; }
a.earth-eml18:link, a.earth-eml18:active, a.earth-eml18:visited { display: inline-block; background-color: transparent; padding-left: 10px; padding-right: 10px; padding-top: 8px; padding-bottom: 8px; height:100%; font-family: 'Superspace','ThaiSanslite',Tahoma, Sans-Serif, MS Sans Serif; color: #FFFFFF; text-decoration:none; font-size: 18px; }
a.earth-eml18:hover { display: inline-block; background-color: #eb6f2c; padding-left: 10px; padding-right: 10px; padding-top: 8px; padding-bottom: 8px; height:100%;  font-family: 'Superspace','ThaiSanslite',Tahoma, Sans-Serif, MS Sans Serif; color: #FFFFFF; text-decoration:none; font-size: 18px; }
a.air-emi22:link, a.air-emi22:active, a.air-emi22:visited { display: inline-block; background-color: transparent; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; height:100%; }
a.air-emi22:hover { display: inline-block; background-color: #039185; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; height:100%; }
a.air-emi24:link, a.air-emi24:active, a.air-emi24:visited { display: inline-block; background-color: transparent; padding-left: 10px; padding-right: 10px; padding-top: 9px; padding-bottom: 9px; height:100%; }
a.air-emi24:hover { display: inline-block; background-color: #039185; padding-left: 10px; padding-right: 10px; padding-top: 9px; padding-bottom: 9px; height:100%; }
a.air-eml18:link, a.air-eml18:active, a.air-eml18:visited { display: inline-block; background-color: transparent; padding-left: 10px; padding-right: 10px; padding-top: 8px; padding-bottom: 8px; height:100%; font-family: 'Superspace','ThaiSanslite',Tahoma, Sans-Serif, MS Sans Serif; color: #FFFFFF; text-decoration:none; font-size: 18px; }
a.air-eml18:hover { display: inline-block; background-color: #039185; padding-left: 10px; padding-right: 10px; padding-top: 8px; padding-bottom: 8px; height:100%;  font-family: 'Superspace','ThaiSanslite',Tahoma, Sans-Serif, MS Sans Serif; color: #FFFFFF; text-decoration:none; font-size: 18px; }
a.water-emi22:link, a.water-emi22:active, a.water-emi22:visited { display: inline-block; background-color: transparent; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; height:100%; }
a.water-emi22:hover { display: inline-block; background-color: #2caae6; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; height:100%; }
a.water-emi24:link, a.water-emi24:active, a.water-emi24:visited { display: inline-block; background-color: transparent; padding-left: 10px; padding-right: 10px; padding-top: 9px; padding-bottom: 9px; height:100%; }
a.water-emi24:hover { display: inline-block; background-color: #2caae6; padding-left: 10px; padding-right: 10px; padding-top: 9px; padding-bottom: 9px; height:100%; }
a.water-eml18:link, a.water-eml18:active, a.water-eml18:visited { display: inline-block; background-color: transparent; padding-left: 10px; padding-right: 10px; padding-top: 8px; padding-bottom: 8px; height:100%; font-family: 'Superspace','ThaiSanslite',Tahoma, Sans-Serif, MS Sans Serif; color: #FFFFFF; text-decoration:none; font-size: 18px; }
a.water-eml18:hover { display: inline-block; background-color: #2caae6; padding-left: 10px; padding-right: 10px; padding-top: 8px; padding-bottom: 8px; height:100%;  font-family: 'Superspace','ThaiSanslite',Tahoma, Sans-Serif, MS Sans Serif; color: #FFFFFF; text-decoration:none; font-size: 18px; }
a.fire-emi22:link, a.fire-emi22:active, a.fire-emi22:visited { display: inline-block; background-color: transparent; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; height:100%; }
a.fire-emi22:hover { display: inline-block; background-color: #d31346; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; height:100%; }
a.fire-emi24:link, a.fire-emi24:active, a.fire-emi24:visited { display: inline-block; background-color: transparent; padding-left: 10px; padding-right: 10px; padding-top: 9px; padding-bottom: 9px; height:100%; }
a.fire-emi24:hover { display: inline-block; background-color: #d31346; padding-left: 10px; padding-right: 10px; padding-top: 9px; padding-bottom: 9px; height:100%; }
a.fire-eml18:link, a.fire-eml18:active, a.fire-eml18:visited { display: inline-block; background-color: transparent; padding-left: 10px; padding-right: 10px; padding-top: 8px; padding-bottom: 8px; height:100%; font-family: 'Superspace','ThaiSanslite',Tahoma, Sans-Serif, MS Sans Serif; color: #FFFFFF; text-decoration:none; font-size: 18px; }
a.fire-eml18:hover { display: inline-block; background-color: #d31346; padding-left: 10px; padding-right: 10px; padding-top: 8px; padding-bottom: 8px; height:100%;  font-family: 'Superspace','ThaiSanslite',Tahoma, Sans-Serif, MS Sans Serif; color: #FFFFFF; text-decoration:none; font-size: 18px; }

a.earth-bl14:link, a.earth-bl14:active, a.earth-bl14:visited { display: inline-block; background-color: #283243; padding: 6px 8px 6px 8px; border-radius: 25px; font-family: 'Tahoma',Tahoma; color: #FFFFFF; text-decoration:none; font-size: 14px }
a.earth-bl14:hover { display: inline-block; background-color: #eb6f2c; padding: 6px 8px 6px 8px; border-radius: 25px; font-family: 'Tahoma',Tahoma; color: #FFFFFF; text-decoration:none; font-size: 14px }
a.air-bl14:link, a.air-bl14:active, a.air-bl14:visited { display: inline-block; background-color: #283243; padding: 6px 8px 6px 8px; border-radius: 25px; font-family: 'Tahoma',Tahoma; color: #FFFFFF; text-decoration:none; font-size: 14px }
a.air-bl14:hover { display: inline-block; background-color: #039185; padding: 6px 8px 6px 8px; border-radius: 25px; font-family: 'Tahoma',Tahoma; color: #FFFFFF; text-decoration:none; font-size: 14px }
a.water-bl14:link, a.water-bl14:active, a.water-bl14:visited { display: inline-block; background-color: #283243; padding: 6px 8px 6px 8px; border-radius: 25px; font-family: 'Tahoma',Tahoma; color: #FFFFFF; text-decoration:none; font-size: 14px }
a.water-bl14:hover { display: inline-block; background-color: #2caae6; padding: 6px 8px 6px 8px; border-radius: 25px; font-family: 'Tahoma',Tahoma; color: #FFFFFF; text-decoration:none; font-size: 14px }
a.fire-bl14:link, a.fire-bl14:active, a.fire-bl14:visited { display: inline-block; background-color: #283243; padding: 6px 8px 6px 8px; border-radius: 25px; font-family: 'Tahoma',Tahoma; color: #FFFFFF; text-decoration:none; font-size: 14px }
a.fire-bl14:hover { display: inline-block; background-color: #d31346; padding: 6px 8px 6px 8px; border-radius: 25px; font-family: 'Tahoma',Tahoma; color: #FFFFFF; text-decoration:none; font-size: 14px }

a.earth-txtl14:link, a.earth-txtl14:active, a.earth-txtl14:visited { display: inline-block; background-color: #283243; padding: 4px 16px 6px 16px; border-radius: 25px; font-family: 'Tahoma',Tahoma; color: #FFFFFF; text-decoration:none; font-size: 14px }
a.earth-txtl14:hover { display: inline-block; background-color: #eb6f2c; padding: 4px 16px 6px 16px; border-radius: 25px; font-family: 'Tahoma',Tahoma; color: #FFFFFF; text-decoration:none; font-size: 14px }
a.air-txtl14:link, a.air-txtl14:active, a.air-txtl14:visited { display: inline-block; background-color: #283243; padding: 4px 16px 6px 16px; border-radius: 25px; font-family: 'Tahoma',Tahoma; color: #FFFFFF; text-decoration:none; font-size: 14px }
a.air-txtl14:hover { display: inline-block; background-color: #039185; padding: 4px 16px 6px 16px; border-radius: 25px; font-family: 'Tahoma',Tahoma; color: #FFFFFF; text-decoration:none; font-size: 14px }
a.water-txtl14:link, a.water-txtl14:active, a.water-txtl14:visited { display: inline-block; background-color: #283243; padding: 4px 16px 6px 16px; border-radius: 25px; font-family: 'Tahoma',Tahoma; color: #FFFFFF; text-decoration:none; font-size: 14px }
a.water-txtl14:hover { display: inline-block; background-color: #2caae6; padding: 4px 16px 6px 16px; border-radius: 25px; font-family: 'Tahoma',Tahoma; color: #FFFFFF; text-decoration:none; font-size: 14px }
a.fire-txtl14:link, a.fire-txtl14:active, a.fire-txtl14:visited { display: inline-block; background-color: #283243; padding: 4px 16px 6px 16px; border-radius: 25px; font-family: 'Tahoma',Tahoma; color: #FFFFFF; text-decoration:none; font-size: 14px }
a.fire-txtl14:hover { display: inline-block; background-color: #d31346; padding: 4px 16px 6px 16px; border-radius: 25px; font-family: 'Tahoma',Tahoma; color: #FFFFFF; text-decoration:none; font-size: 14px }

.cearth	{ color: #eb6f2c; text-decoration:none; background-color: #eb6f2c; padding-left: 2px; padding-right: 3px; padding-top: 6px; padding-bottom: 8px; font-size: 16px }
.cair	    { color: #039185; text-decoration:none; background-color: #039185; padding-left: 2px; padding-right: 3px; padding-top: 6px; padding-bottom: 8px; font-size: 16px }
.cwater	{ color: #2caae6; text-decoration:none; background-color: #2caae6; padding-left: 2px; padding-right: 3px; padding-top: 6px; padding-bottom: 8px; font-size: 16px }
.cfire	    { color: #d31346; text-decoration:none; background-color: #d31346; padding-left: 2px; padding-right: 3px; padding-top: 6px; padding-bottom: 8px; font-size: 16px }

a.gray2b_tbl14:link, a.gray2b_tbl14:active, a.gray2b_tbl14:visited { font-family: 'Tahoma',Tahoma; color: #16387C; text-decoration:none; background-color: #dfdfdf; padding-left: 6px; padding-right: 6px; padding-top: 2px; padding-bottom: 4px; font-size: 14px }
a.gray2b_tbl14:hover { font-family: 'Tahoma',Tahoma; color: #FFFFFF; text-decoration:none; background-color: #1892d1; padding-left: 6px; padding-right: 6px; padding-top: 2px; padding-bottom: 4px; font-size: 14px }
a.gray2v_tbl14:link, a.gray2v_tbl14:active, a.gray2v_tbl14:visited { font-family: 'Tahoma',Tahoma; color: #16387C; text-decoration:none; background-color: #dfdfdf; padding-left: 6px; padding-right: 6px; padding-top: 2px; padding-bottom: 4px; font-size: 14px }
a.gray2v_tbl14:hover { font-family: 'Tahoma',Tahoma; color: #FFFFFF; text-decoration:none; background-color: #92278f; padding-left: 6px; padding-right: 6px; padding-top: 2px; padding-bottom: 4px; font-size: 14px }
a.gray2p_tbl14:link, a.gray2p_tbl14:active, a.gray2p_tbl14:visited { font-family: 'Tahoma',Tahoma; color: #16387C; text-decoration:none; background-color: #dfdfdf; padding-left: 6px; padding-right: 6px; padding-top: 2px; padding-bottom: 4px; font-size: 14px }
a.gray2p_tbl14:hover { font-family: 'Tahoma',Tahoma; color: #FFFFFF; text-decoration:none; background-color: #db449d; padding-left: 6px; padding-right: 6px; padding-top: 2px; padding-bottom: 4px; font-size: 14px }
a.green_tb6l14:link, a.green_tb6l14:active, a.green_tb6l14:visited { display: block; width:90%; max-width:108px; background-color: #269903; border-radius: 6px; font-family: 'ThaiSanslite'; color: #FFFFFF; text-decoration:none; text-align: center; font-size: 16px }
a.green_tb6l14:hover { display: block; width:90%; max-width:108px; background-color: #158803; border-radius: 6px; font-family: 'ThaiSanslite'; color: #FFFFFF; text-decoration:none; text-align: center; font-size: 16px }
a.gray2y_tb24l30:link, a.gray2y_tb24l30:active, a.gray2y_tb24l30:visited { display: block; width:100%; padding-top: 10px; padding-bottom: 10px; background-color: #dfdfdf; border-radius: 24px; font-family: 'ThaiSanslite'; color: #16387c; text-decoration:none; text-align: center; font-size: 30px }
a.gray2y_tb24l30:hover { display: block; width:100%; padding-top: 10px; padding-bottom: 10px; background-color: #f2cd21; border-radius: 24px; font-family: 'ThaiSanslite'; color: #16387c; text-decoration:none; text-align: center; font-size: 30px }
a.gray_tb8l24:link, a.gray_tb8l24:active, a.gray_tb8l24:visited { display: block; width:100%; padding-left: 20px; padding-top: 10px; padding-bottom: 10px; background-color: #dfdfdf; border-radius: 8px; font-family: 'PatPongExtend'; color: #16387c; text-decoration:none; text-align: left; font-size: 24px; background-image: url("http://localhost/thaiorc.com/horoscope/rsx/template/xcharm/images/chinesechess.png"); background-repeat: no-repeat; background-position: center right; }
a.gray_tb8l24:hover { display: block; width:100%; padding-left: 20px; padding-top: 10px; padding-bottom: 10px; background-color: #cccccc; border-radius: 8px; font-family: 'PatPongExtend'; color: #16387c; text-decoration:none; text-align: left; font-size: 24px; background-image: url("http://localhost/thaiorc.com/horoscope/rsx/template/xcharm/images/chinesechess.png"); background-repeat: no-repeat; background-position: center right; }
a.gray_tbl14:link, a.gray_tbl14:active, a.gray_tbl14:visited { display: block; width:100%; padding-top: 8px; padding-bottom: 8px; background-color: #dfdfdf; font-family: 'Tahoma',Tahoma; color: #16387c; text-decoration:none; text-align: center; font-size: 14px; }
a.gray_tbl14:hover { display: block; width:100%; padding-top: 8px; padding-bottom: 8px; background-color: #cccccc; font-family: 'Tahoma',Tahoma; color: #16387c; text-decoration:none; text-align: center; font-size: 14px; }
a.gray2v_tb16l24:link, a.gray2v_tb16l24:active, a.gray2v_tb16l24:visited { display: block; width:90%; max-width:200px; padding-top: 6px; padding-bottom: 10px; background-color: #4c4c4c; border-radius: 16px; font-family: 'ThaiSanslite'; color: #FFFFFF; text-decoration:none; text-align: center; font-size: 24px }
a.gray2v_tb16l24:hover { display: block; width:90%; max-width:200px; padding-top: 6px; padding-bottom: 10px; background-color: #554b86; border-radius: 16px; font-family: 'ThaiSanslite'; color: #FFFFFF; text-decoration:none; text-align: center; font-size: 24px }
a.white_tb6l14:link, a.white_tb6l14:active, a.white_tb6l14:visited { display: block; width:90%; max-width:120px; padding-top: 6px; padding-bottom: 8px; background-color: #162133; border: #FFFFFF 1px solid; border-radius: 24px; font-family: 'Superspace','ThaiSanslite',Tahoma, Sans-Serif, MS Sans Serif; color: #FFFFFF; text-decoration:none; text-align: center; font-size: 16px }
a.white_tb6l14:hover { display: block; width:90%; max-width:120px; padding-top: 6px; padding-bottom: 8px; background-color: #162133; border: #FFFFFF 1px solid; border-radius: 24px; font-family: 'Superspace','ThaiSanslite',Tahoma, Sans-Serif, MS Sans Serif; color: #FFFFFF; text-decoration:none; text-align: center; font-size: 16px }