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; }
.regular { font-weight: normal; }
.bold { font-weight: bold; }
.italic { font-style: oblique; }
.underline { text-decoration:underline; }
.white { color: #FFFFFF }
.black { color: #222425 }
.gray { color: #505050 }
.red { color: #9A0000 }
.blue { color: #16387C }
.skyblue { color: #00a6f3 }
.brown { color: #B3420B }
.violet { color: #56027E }
.green { color: #197300 }
.pink { color: #EC008C }
.orange { color: #FF6606 }
.yellow { color: #F5ED09 }
.gyellow { color: #febc01 }
.gold { color: #8b7427 }
.lgold { color: #aa7f11 }
.gblack { color: #1a140f }
.glight { color: #6a462c }
.silver { color: #d0d0d0 }
.sgold { color: #c1a56d }
.s8 { font-size: 8px; }
.s10 { font-size: 10px; }
.s12 { font-size: 12px; }
.s14 { font-size: 14px; }
.s16 { font-size: 16px; }
.s18 { font-size: 18px; }
.s20 { font-size: 20px; }
.s22 { font-size: 22px; }
.s24 { font-size: 24px; }
.s26 { font-size: 26px; }
.s28 { font-size: 28px; }
.s30 { font-size: 30px; }
.s32 { font-size: 32px; }
.s35 { font-size: 35px; }
.s38 { font-size: 38px; }
.s40 { font-size: 40px; }
.s42 { font-size: 42px; }
.s48 { font-size: 48px; }
.s50 { font-size: 50px; }
.s56 { font-size: 56px; }
.s58 { font-size: 58px; }
.s60 { font-size: 60px; }
.s62 { font-size: 62px; }
.s68 { font-size: 68px; }
.s70 { font-size: 70px; }
.s72 { font-size: 72px; }
.s76 { font-size: 76px; }
.s80 { font-size: 80px; }
.s90 { font-size: 90px; }
.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 }
.pd-t1 { padding-top: 1px; } .pd-b1 { padding-bottom: 1px; } .pd-l1 { padding-left: 1px; } .pd-r1 { padding-right: 1px; }
.pd-t2 { padding-top: 2px; } .pd-b2 { padding-bottom: 2px; } .pd-l2 { padding-left: 2px; } .pd-r2 { padding-right: 2px; }
.pd-t3 { padding-top: 3px; } .pd-b3 { padding-bottom: 3px; } .pd-l3 { padding-left: 3px; } .pd-r3 { padding-right: 3px; }
.pd-t4 { padding-top: 4px; } .pd-b4 { padding-bottom: 4px; } .pd-l4 { padding-left: 4px; } .pd-r4 { padding-right: 4px; }
.pd-t5 { padding-top: 5px; } .pd-b5 { padding-bottom: 5px; } .pd-l5 { padding-left: 5px; } .pd-r5 { padding-right: 5px; }
.pd-t6 { padding-top: 6px; } .pd-b6 { padding-bottom: 6px; } .pd-l6 { padding-left: 6px; } .pd-r6 { padding-right: 6px; }
.pd-t7 { padding-top: 7px; } .pd-b7 { padding-bottom: 7px; } .pd-l7 { padding-left: 7px; } .pd-r7 { padding-right: 7px; }
.pd-t8 { padding-top: 8px; } .pd-b8 { padding-bottom: 8px; } .pd-l8 { padding-left: 8px; } .pd-r8 { padding-right: 8px; }
.pd-t9 { padding-top: 9px; } .pd-b9 { padding-bottom: 9px; } .pd-l9 { padding-left: 9px; } .pd-r9 { padding-right: 9px; }
.pd-t10 { padding-top: 10px; } .pd-b10 { padding-bottom: 10px; } .pd-l10 { padding-left: 10px; } .pd-r10 { padding-right: 10px; }
.pd-t12 { padding-top: 12px; } .pd-b12 { padding-bottom: 12px; } .pd-l12 { padding-left: 12px; } .pd-r12 { padding-right: 12px; }
.pd-t14 { padding-top: 14px; } .pd-b14 { padding-bottom: 14px; } .pd-l14 { padding-left: 14px; } .pd-r14 { padding-right: 14px; }
.pd-t15 { padding-top: 15px; } .pd-b15 { padding-bottom: 15px; } .pd-l15 { padding-left: 15px; } .pd-r15 { padding-right: 15px; }
.pd-t16 { padding-top: 16px; } .pd-b16 { padding-bottom: 16px; } .pd-l16 { padding-left: 16px; } .pd-r16 { padding-right: 16px; }
.pd-t18 { padding-top: 18px; } .pd-b18 { padding-bottom: 18px; } .pd-l18 { padding-left: 18px; } .pd-r18 { padding-right: 18px; }
.pd-t20 { padding-top: 20px; } .pd-b20 { padding-bottom: 20px; } .pd-l20 { padding-left: 20px; } .pd-r20 { padding-right: 20px; }
.pd-t22 { padding-top: 22px; } .pd-b22 { padding-bottom: 22px; } .pd-l22 { padding-left: 22px; } .pd-r22 { padding-right: 22px; }
.pd-t24 { padding-top: 24px; } .pd-b24 { padding-bottom: 24px; } .pd-l24 { padding-left: 24px; } .pd-r24 { padding-right: 24px; }
.pd-t25 { padding-top: 25px; } .pd-b25 { padding-bottom: 25px; } .pd-l25 { padding-left: 25px; } .pd-r25 { padding-right: 25px; }
.pd-t30 { padding-top: 30px; } .pd-b30 { padding-bottom: 30px; } .pd-l30 { padding-left: 30px; } .pd-r30 { padding-right: 30px; }
.pd-t32 { padding-top: 32px; } .pd-b32 { padding-bottom: 32px; } .pd-l32 { padding-left: 32px; } .pd-r32 { padding-right: 32px; }
.pd-t40 { padding-top: 40px; } .pd-b40 { padding-bottom: 40px; } .pd-l40 { padding-left: 40px; } .pd-r40 { padding-right: 40px; }
.pd-t46 { padding-top: 46px; } .pd-b46 { padding-bottom: 46px; } .pd-l46 { padding-left: 46px; } .pd-r46 { padding-right: 46px; }
.pd-t48 { padding-top: 48px; } .pd-b48 { padding-bottom: 48px; } .pd-l48 { padding-left: 48px; } .pd-r48 { padding-right: 48px; }
.pd-t50 { padding-top: 50px; } .pd-b50 { padding-bottom: 50px; } .pd-l50 { padding-left: 50px; } .pd-r50 { padding-right: 50px; }
.pd-t60 { padding-top: 60px; } .pd-b60 { padding-bottom: 60px; } .pd-l60 { padding-left: 60px; } .pd-r60 { padding-right: 60px; }
.pd-t80 { padding-top: 80px; } .pd-b80 { padding-bottom: 80px; } .pd-l80 { padding-left: 80px; } .pd-r80 { padding-right: 80px; }
.pd-t90 { padding-top: 90px; } .pd-b90 { padding-bottom: 90px; } .pd-l90 { padding-left: 90px; } .pd-r90 { padding-right: 90px; }
.pd-t94 { padding-top: 94px; } .pd-b94 { padding-bottom: 94px; } .pd-l94 { padding-left: 94px; } .pd-r94 { padding-right: 94px; }
.pd-t100 { padding-top: 100px; } .pd-b100 { padding-bottom: 100px; } .pd-l100 { padding-left: 100px; } .pd-r100 { padding-right: 100px; }
.pd-t120 { padding-top: 120px; } .pd-b120 { padding-bottom: 120px; } .pd-l120 { padding-left: 120px; } .pd-r120 { padding-right: 120px; }
.pd-t150 { padding-top: 150px; } .pd-b150 { padding-bottom: 150px; } .pd-l150 { padding-left: 150px; } .pd-r150 { padding-right: 150px; }
.pd-t180 { padding-top: 180px; } .pd-b180 { padding-bottom: 180px; } .pd-l180 { padding-left: 180px; } .pd-r180 { padding-right: 180px; }
.mg-t1 { margin-top: 1px; } .mg-b1 { margin-bottom: 1px; } .mg-l1 { margin-left: 1px; } .mg-r1 { margin-right: 1px; }
.mg-t2 { margin-top: 2px; } .mg-b2 { margin-bottom: 2px; } .mg-l2 { margin-left: 2px; } .mg-r2 { margin-right: 2px; }
.mg-t3 { margin-top: 3px; } .mg-b3 { margin-bottom: 3px; } .mg-l3 { margin-left: 3px; } .mg-r3 { margin-right: 3px; }
.mg-t4 { margin-top: 4px; } .mg-b4 { margin-bottom: 4px; } .mg-l4 { margin-left: 4px; } .mg-r4 { margin-right: 4px; }
.mg-t5 { margin-top: 5px; } .mg-b5 { margin-bottom: 5px; } .mg-l5 { margin-left: 5px; } .mg-r5 { margin-right: 5px; }
.mg-t6 { margin-top: 6px; } .mg-b6 { margin-bottom: 6px; } .mg-l6 { margin-left: 6px; } .mg-r6 { margin-right: 6px; }
.mg-t8 { margin-top: 8px; } .mg-b8 { margin-bottom: 8px; } .mg-l8 { margin-left: 8px; } .mg-r8 { margin-right: 8px; }
.mg-t10 { margin-top: 10px; } .mg-b10 { margin-bottom: 10px; } .mg-l10 { margin-left: 10px; } .mg-r10 { margin-right: 10px; }
.mg-t12 { margin-top: 12px; } .mg-b12 { margin-bottom: 12px; } .mg-l12 { margin-left: 12px; } .mg-r12 { margin-right: 12px; }
.mg-t16 { margin-top: 16px; } .mg-b16 { margin-bottom: 16px; } .mg-l16 { margin-left: 16px; } .mg-r16 { margin-right: 16px; }
.mg-t20 { margin-top: 20px; } .mg-b20 { margin-bottom: 20px; } .mg-l20 { margin-left: 20px; } .mg-r20 { margin-right: 20px; }
.w100 { width: 100%; }
.w96 { width: 96%; } .w95 { width: 95%; }
.w90 { width: 90%; } .w85 { width: 85%; }
.w80 { width: 80%; } .w75 { width: 75%; }
.w70 { width: 70%; } .w65 { width: 65%; }
.w60 { width: 60%; } .w55 { width: 55%; }
.w50 { width: 50%; } .w45 { width: 45%; }
.w40 { width: 40%; } .w35 { width: 35%; }
.w30 { width: 30%; } .w25 { width: 25%; }
.w20 { width: 20%; } .w15 { width: 15%; }
.w10 { width: 10%; } .w5 { width: 5%; }
.lh90 { line-height: 90%; } .lh80 { line-height: 80%; } .lh70 { line-height: 70%; } .lh60 { line-height: 60%; } .lh50 { line-height: 50%; } .lh40 { line-height: 40%; } .lh30 { line-height: 30%; } .lh20 { line-height: 20%; } .lh10 { line-height: 10%; }
.opc90 { opacity: 0.9; } .opc80 { opacity: 0.8; } .opc70 { opacity: 0.7; } .opc60 { opacity: 0.6; } .opc50 { opacity: 0.5; } .opc40 { opacity: 0.4; } .opc30 { opacity: 0.3; } .opc20 { opacity: 0.2; } .opc10 { opacity: 0.1; }
.bd-tsilver { border-top: #bfc2c7 1px solid; } .bd-bsilver { border-bottom: #bfc2c7 1px solid; } .bd-lsilver { border-left: #bfc2c7 1px solid; } .bd-rsilver { border-right: #bfc2c7 1px solid; }
.bd-tdblue { border-top: #505966 1px solid; } .bd-bdblue { border-bottom: #505966 1px solid; } .bd-ldblue { border-left: #505966 1px solid; } .bd-rdblue { border-right: #505966 1px solid; }
.bd-tgray { border-top: #c6c1b9 1px solid; } .bd-bgray { border-bottom: #c6c1b9 1px solid; } .bd-lgray { border-left: #c6c1b9 1px solid; } .bd-rgray { border-right: #c6c1b9 1px solid; }
.dh-tgray { border-top: #c6c1b9 1px dashed; } .dh-bgray { border-bottom: #c6c1b9 1px dashed; } .dh-lgray { border-left: #c6c1b9 1px dashed; } .dh-rgray { border-right: #c6c1b9 1px dashed; }
.dh-tdgray { border-top: #555555 1px dashed; } .dh-bdgray { border-bottom: #555555 1px dashed; } .dh-ldgray { border-left: #555555 1px dashed; } .dh-rdgray { border-right: #555555 1px dashed; }
.bd-brqmenu { border-bottom: #e8eced 1px solid; border-bottom-right-radius: 16px; }
.rd4 { border-radius: 4px; } .rd6 { border-radius: 6px; } .rd8 { border-radius: 8px; } .rd10 { border-radius: 10px; } .rd12 { border-radius: 12px; } .rd14 { border-radius: 14px; }
.rd16 { border-radius: 16px; } .rd18 { border-radius: 18px; } .rd20 { border-radius: 20px; } .rd22 { border-radius: 22px; } .rd24 { border-radius: 24px; } .rd30 { border-radius: 30px; }
.rd-tlr8 { border-top-left-radius: 8px; border-top-right-radius: 8px; }
.rd-tlr12 { border-top-left-radius: 12px; border-top-right-radius: 12px; }
.rd-tlr16 { border-top-left-radius: 16px; border-top-right-radius: 16px; }
.rd-tlr18 { border-top-left-radius: 18px; border-top-right-radius: 18px; }
.rd-tlr20 { border-top-left-radius: 20px; border-top-right-radius: 20px; }
.rd-tlr22 { border-top-left-radius: 22px; border-top-right-radius: 22px; }
.rd-tlr24 { border-top-left-radius: 24px; border-top-right-radius: 24px; }
.rd-blr12 { border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; }
.rd-rtb8 { border-top-right-radius: 8px; border-bottom-right-radius: 8px; }
.rd-rtb12 { border-top-right-radius: 12px; border-bottom-right-radius: 12px; }
.rd-rtb16 { border-top-right-radius: 16px; border-bottom-right-radius: 16px; }
.rd-rtb18 { border-top-right-radius: 18px; border-bottom-right-radius: 18px; }
.rd-rtb20 { border-top-right-radius: 20px; border-bottom-right-radius: 20px; }
.rd-rtb22 { border-top-right-radius: 22px; border-bottom-right-radius: 22px; }
.rd-rtb24 { border-top-right-radius: 24px; border-bottom-right-radius: 24px; }
.animate-fading { animation:fading 10s infinite}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
.animate-opacity { animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1 }}
.animate-top { position:relative;animation:animatetop 0.4s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.animate-left { position:relative;animation:animateleft 0.4s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.animate-right { position:relative;animation:animateright 0.4s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.animate-bottom { position:relative;animation:animatebottom 0.4s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.animate-zoom { animation:animatezoom 0.6s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
.animate-transition { transition: top 0.3s; }
.sx-left { float:left!important } .sx-right { float:right!important }
.row::after {
content: "";
clear: both;
display: table;
}
[class*="col-"] { float: left; width: 100%; }
@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 }