.bgNorepeat2{
	background-image:url(../qn_reg/css/images/body/home/w_company_bg_buttom.gif);
	background-repeat : no-repeat;
}
.doth {
	BACKGROUND-IMAGE: url(../qn_reg/css/img/doth.gif); BACKGROUND-REPEAT: repeat-x
}
.dotv {
	BACKGROUND-IMAGE: url(../qn_reg/css/img/dotv.gif); BACKGROUND-REPEAT: repeat-y
}
/*BODY {
	SCROLLBAR-FACE-COLOR: #F9F7F6; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; SCROLLBAR-SHADOW-COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #ffffff; SCROLLBAR-ARROW-COLOR: #000000; SCROLLBAR-TRACK-COLOR: #e8e8e8; SCROLLBAR-DARKSHADOW-COLOR: #ffffff
}*/
IMG {
	BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px
}
TABLE {
	BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px
}
.bgMenu {
	BACKGROUND-IMAGE: url(../qn_reg/css/img/bg_menuRed.gif); BACKGROUND-REPEAT: repeat
}
.bgNorepeat {
	background-image: url(/images/body/bg.gif); BACKGROUND-REPEAT: no-repeat
}

BODY {
	FONT-SIZE: 12px; COLOR: #666666; FONT-FAMILY: Arial, Helvetica, sans-serif, Zawgyi-One; 
	/* background-attachment: fixed; */
	/*background-image: url(/images/body/bg.gif); */
	/*background-repeat: no-repeat;  
	 background-position: center top;  */
}
TABLE {
	FONT-SIZE: 12px; COLOR: #666666; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif, Zawgyi-One /*ple*/
}
TD {
	FONT-SIZE: 12px; COLOR: #666666; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif, Zawgyi-One
}
.footer {
	FONT-SIZE: 11px; COLOR: #999999; FONT-FAMILY: Arial, Helvetica, sans-serif, Zawgyi-One
}
.small {
	FONT-SIZE: 10px; COLOR: #666666; FONT-FAMILY: Arial, Helvetica, sans-serif, Zawgyi-One
}
.blackH {
	FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif, Zawgyi-One
}

.grey1H {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #333333; FONT-FAMILY: Arial, Helvetica, sans-serif, Zawgyi-One
}
.grey1Para {
	FONT-SIZE: 12px; COLOR: #666666; FONT-FAMILY: Arial, Helvetica, sans-serif, Zawgyi-One; line-height: 11pt;
}
.blue1PositionPage {
	FONT-SIZE: 11px; COLOR: #185B9C; FONT-FAMILY: Arial, Helvetica, sans-serif, Zawgyi-One; line-height: 11pt; FONT-WEIGHT: bold
}
.grey2H {
	FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #666666; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif, Zawgyi-One
}
.grey2 {
	FONT-SIZE: 10px; COLOR: #666666; FONT-FAMILY: Arial, Helvetica, sans-serif, Zawgyi-One; line-height: 11pt;
}
.grey3H {
	FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #999999; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif, Zawgyi-One
}
.grey3 {
	FONT-SIZE: 11px; COLOR: #999999; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif, Zawgyi-One
}
.grey4H {
	FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #cccccc; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif, Zawgyi-One
}
.grey4 {
	FONT-SIZE: 11px; COLOR: #cccccc; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif, Zawgyi-One
}


.redH {
	FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #cc0000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif, Zawgyi-One
}
.reds {
	FONT-SIZE: 11px; COLOR: #cc0000; FONT-FAMILY: Arial, Helvetica, sans-serif, Zawgyi-One
}


.orangeH {
	FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #ff9900; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif, Zawgyi-One
}
.orange {
	FONT-SIZE: 11px; COLOR: #ff9900; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif, Zawgyi-One
}
.blueH {
	FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: #0659A5; FONT-FAMILY: Arial, Helvetica, sans-serif, Zawgyi-One
}
.blue {
	FONT-SIZE: 11px; COLOR: #4093d8; LINE-HEIGHT: 20px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif, Zawgyi-One
}
.blue2 {
	FONT-SIZE: 11px; COLOR: #60a0cc; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif, Zawgyi-One
}
.blueblack {
	FONT-SIZE: 9px; COLOR: #273969; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif, Zawgyi-One
}
.greenH {
	FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #669900; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif, Zawgyi-One
}
.green {
	FONT-SIZE: 11px; COLOR: #669900; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif, Zawgyi-One
}
.yellowH {
	FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #ffcc00; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif, Zawgyi-One
}
.yellow {
	FONT-SIZE: 11px; COLOR: #ffcc00; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif, Zawgyi-One
}
.pinkH {
	FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #ff00cc; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif, Zawgyi-One
}
.pink {
	FONT-SIZE: 11px; COLOR: #ff00cc; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif, Zawgyi-One
}
.purpleH {
	FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #660099; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif, Zawgyi-One
}
.purple {
	FONT-SIZE: 11px; COLOR: #660099; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif, Zawgyi-One
}
.whiteH {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif, Zawgyi-One
}
.white {
	FONT-SIZE: 12px; COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica, sans-serif, Zawgyi-One
}
TR {
	VERTICAL-ALIGN: top
}
IMG {
	BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px
}
INPUT {
	FONT-SIZE: 11px; COLOR: #333333; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif, Zawgyi-One
}
SELECT {
	FONT-SIZE: 11px; COLOR: #333333; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif, Zawgyi-One
}
TEXTAREA {
	FONT-SIZE: 11px; COLOR: #333333; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif, Zawgyi-One
}
.form {
	BORDER-RIGHT: #E4E4E4 1px solid; BORDER-TOP: #E4E4E4 1px solid; BORDER-LEFT: #E4E4E4 1px solid; BORDER-BOTTOM: #E4E4E4 1px solid; FONT-FAMILY: Arial, Helvetica, sans-serif, Zawgyi-One; FONT-SIZE: 9pt; COLOR: #333333
}
.border {
	BORDER-RIGHT: #E4E4E4 1px solid; BORDER-TOP: #E4E4E4 1px solid; BORDER-LEFT: #E4E4E4 1px solid; BORDER-BOTTOM: #E4E4E4 1px solid;
}
.border2 {
	BORDER-RIGHT: #4f8ec1 1px solid; BORDER-TOP: #4f8ec1 1px solid; FONT-SIZE: 11px; BORDER-LEFT: #4f8ec1 1px solid; COLOR: #003366; BORDER-BOTTOM: #4f8ec1 1px solid; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: center
}
.borderTop {
	BORDER-RIGHT: #cccccc 0px solid; BORDER-TOP: #cccccc 1px solid; BORDER-LEFT: #cccccc 0px solid; BORDER-BOTTOM: #cccccc 0px solid
}
.borderBottom {
	BORDER-RIGHT: #cccccc 0px solid; BORDER-TOP: #cccccc 0px solid; BORDER-LEFT: #cccccc 0px solid; BORDER-BOTTOM: #cccccc 1px solid
}
.borderLeft {
	BORDER-RIGHT: #cccccc 0px solid; BORDER-TOP: #cccccc 0px solid; BORDER-LEFT: #cccccc 1px solid; BORDER-BOTTOM: #cccccc 0px solid
}
.borderRight {
	BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 0px solid; BORDER-LEFT: #cccccc 0px solid; BORDER-BOTTOM: #cccccc 0px solid
}
UL {
	/*LIST-STYLE-IMAGE: url(../qn_reg/css/img/bullet_SquareRed2.gif)*/
}
A:link {
	FONT-FAMILY: Arial, Helvetica, sans-serif, Zawgyi-One; FONT-SIZE: 12px; COLOR: #757575; TEXT-DECORATION: none
}
A:visited {
	FONT-FAMILY: Arial, Helvetica, sans-serif, Zawgyi-One; FONT-SIZE: 12px; COLOR: #757575; TEXT-DECORATION: none
}
A:hover {
	FONT-FAMILY: Arial, Helvetica, sans-serif, Zawgyi-One; FONT-SIZE: 12px; COLOR: #B2B2B2; TEXT-DECORATION: none
}
A.Bold:link {
	FONT-FAMILY: Arial, Helvetica, sans-serif, Zawgyi-One; FONT-SIZE: 12px; COLOR: #000000; TEXT-DECORATION: none; FONT-WEIGHT: bold
}
A.Bold:visited {
	FONT-FAMILY: Arial, Helvetica, sans-serif, Zawgyi-One; FONT-SIZE: 12px; COLOR: #000000; TEXT-DECORATION: none ; FONT-WEIGHT: bold
}
A.Bold:hover {
	FONT-FAMILY: Arial, Helvetica, sans-serif, Zawgyi-One; FONT-SIZE: 12px; COLOR: #000000; TEXT-DECORATION: none; FONT-WEIGHT: bold
}

A.greySmallLink:link {
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif, Zawgyi-One; FONT-SIZE: 10px; COLOR: #333333; TEXT-DECORATION: none
}
A.greySmallLink:visited {
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif, Zawgyi-One; FONT-SIZE: 10px; COLOR: #333333; TEXT-DECORATION: none
}
A.greySmallLink:hover {
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif, Zawgyi-One; FONT-SIZE: 10px; COLOR: #7C7C7C; TEXT-DECORATION: none; border-bottom:1px dotted #7C7C7C;
}
A.grey1Link:link {
	FONT-FAMILY: Arial, Helvetica, sans-serif, Zawgyi-One; FONT-SIZE: 11px; FONT-WEIGHT: bold; COLOR: #333333; TEXT-DECORATION: underline;
}
A.grey1Link:visited {
	FONT-FAMILY: Arial, Helvetica, sans-serif, Zawgyi-One; FONT-SIZE: 11px; FONT-WEIGHT: bold; COLOR: #333333; TEXT-DECORATION: underline;
}
A.grey1Link:hover {
	FONT-FAMILY: Arial, Helvetica, sans-serif, Zawgyi-One; FONT-SIZE: 11px; FONT-WEIGHT: bold; COLOR: #333333; TEXT-DECORATION: underline;
}
A.grey2Reds:link {
	FONT-SIZE: 9px; COLOR: #b5b5af; TEXT-DECORATION: none
}
A.grey2Reds:visited {
	FONT-SIZE: 9px; COLOR: #b5b5af; TEXT-DECORATION: none
}
A.grey2Reds:hover {
	FONT-SIZE: 9px; COLOR: #ea2d30; TEXT-DECORATION: none
}
A.grey2Red2:link {
	FONT-SIZE: 11px; COLOR: #666666; TEXT-DECORATION: none
}
A.grey2Red2:visited {
	FONT-SIZE: 11px; COLOR: #666666; TEXT-DECORATION: none
}
A.grey2Red2:hover {
	FONT-SIZE: 11px; COLOR: #ea2d30; TEXT-DECORATION: none
}
A.grey2Red3:link {
	COLOR: #666666; TEXT-DECORATION: none
}
A.grey2Red3:visited {
	COLOR: #666666; TEXT-DECORATION: none
}
A.grey2Red3:hover {
	COLOR: #ea2d30; TEXT-DECORATION: none
}
A.redLink:link {
		FONT-FAMILY: Arial, Helvetica, sans-serif, Zawgyi-One; FONT-SIZE: 11px; COLOR: #C3121D; TEXT-DECORATION: underline;
}
A.redLink:visited {
		FONT-FAMILY: Arial, Helvetica, sans-serif, Zawgyi-One; FONT-SIZE: 11px; COLOR: #C3121D; TEXT-DECORATION: underline;
}
A.redLink:hover {
		FONT-FAMILY: Arial, Helvetica, sans-serif, Zawgyi-One; FONT-SIZE: 11px; COLOR: #C3121D; TEXT-DECORATION: underline;
}
A.white:link {
	FONT-FAMILY: Arial, Helvetica, sans-serif, Zawgyi-One; FONT-SIZE: 11px; COLOR: #ffffff; TEXT-DECORATION: underline;
}
A.white:visited {
	FONT-FAMILY: Arial, Helvetica, sans-serif, Zawgyi-One; FONT-SIZE: 11px; COLOR: #ffffff; TEXT-DECORATION: underline;
}
A.white:hover {
	FONT-FAMILY: Arial, Helvetica, sans-serif, Zawgyi-One; FONT-SIZE: 11px; COLOR: #ffffff; TEXT-DECORATION: underline;
}


A.black:link {
	FONT-FAMILY: Arial, Helvetica, sans-serif, Zawgyi-One; FONT-SIZE: 12px; COLOR: #000000; TEXT-DECORATION: underline;
}
A.black:visited {
	FONT-FAMILY: Arial, Helvetica, sans-serif, Zawgyi-One; FONT-SIZE: 12px; COLOR: #666666; TEXT-DECORATION: underline;
}
A.black:hover {
	FONT-FAMILY: Arial, Helvetica, sans-serif, Zawgyi-One; FONT-SIZE: 12px; COLOR: #000000; TEXT-DECORATION: none;
}





A.blue2whiteMenu:link {
	COLOR: #a6c8f8; LINE-HEIGHT: 15px; TEXT-DECORATION: none
}
A.blue2whiteMenu:visited {
	COLOR: #a6c8f8; LINE-HEIGHT: 15px; TEXT-DECORATION: none
}
A.blue2whiteMenu:hover {
	COLOR: #ffffff; LINE-HEIGHT: 15px; TEXT-DECORATION: none
}
A.blue2RedMenu:link {
	COLOR: #a6c8f8; LINE-HEIGHT: 15px; TEXT-DECORATION: none
}
A.blue2RedMenu:visited {
	COLOR: #a6c8f8; LINE-HEIGHT: 15px; TEXT-DECORATION: none
}
A.blue2RedMenu:hover {
	LINE-HEIGHT: 15px; TEXT-DECORATION: none
}
A.blue2whiteMenuO:link {
	COLOR: #e3fbb5; LINE-HEIGHT: 15px; TEXT-DECORATION: none
}
A.blue2whiteMenuO:visited {
	COLOR: #e3fbb5; LINE-HEIGHT: 15px; TEXT-DECORATION: none
}
A.blue2whiteMenuO:hover {
	COLOR: #e3fbb5; LINE-HEIGHT: 15px; TEXT-DECORATION: none
}
A.white2blueMenuO:link {
	FONT-WEIGHT: bold; COLOR: #000033; TEXT-DECORATION: none
}
A.white2blueMenuO:visited {
	FONT-WEIGHT: bold; COLOR: #000033; TEXT-DECORATION: none
}
A.white2blueMenuO:hover {
	FONT-WEIGHT: bold; COLOR: #000033; TEXT-DECORATION: none
}
A.blue2blueH:link {
	FONT-WEIGHT: bold; COLOR: #518dbf; TEXT-DECORATION: none
}
A.blue2blueH:visited {
	FONT-WEIGHT: bold; COLOR: #518dbf; TEXT-DECORATION: none
}
A.blue2blueH:hover {
	FONT-WEIGHT: bold; COLOR: #666666; TEXT-DECORATION: none
}
A.blue2blue:link {
	FONT-FAMILY: Arial, Helvetica, sans-serif, Zawgyi-One; FONT-SIZE: 11px; COLOR: #185B9C; TEXT-DECORATION: underline
}
A.blue2blue:visited {
	FONT-FAMILY: Arial, Helvetica, sans-serif, Zawgyi-One; FONT-SIZE: 11px; COLOR: #185B9C; TEXT-DECORATION: underline
}
A.blue2blue:hover {
	FONT-FAMILY: Arial, Helvetica, sans-serif, Zawgyi-One; FONT-SIZE: 11px; COLOR: #185B9C; TEXT-DECORATION: underline
}
.date {
	FONT-SIZE: 9px; COLOR: #999999; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif, Zawgyi-One
}

.dot_border {
border:1px dotted #000
}

.note 
{
	background-color:#FFFFAE;
	padding:5px; 
	font-family:Arial, Helvetica, sans-serif, Zawgyi-One; 
	font-size:11px; 
	color:#1F1F1F;
}

.msgImportantAnnouncement {
	background-color: #FFFFAE;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif, Zawgyi-One;
	font-size: 14px;
	color: #1F1F1F;
}

.TNAStyle {
	font-size: 10;
	color: #FF0000;
	font-family: Arial, Helvetica, sans-serif, Zawgyi-One;
}


/* ----------------------------------------- */


/* eStore known CSS - start */


.esblueblack {
	FONT-SIZE: 12px; COLOR: #273969; FONT-FAMILY: Arial, Helvetica, sans-serif, Zawgyi-One;
}
.grey {
	FONT-SIZE: 12px; COLOR: #e5e5e5; FONT-FAMILY: Arial, Helvetica, sans-serif, Zawgyi-One;
}
.darkgrey {
	FONT-SIZE: 12px; COLOR: #555555; FONT-FAMILY: Arial, Helvetica, sans-serif, Zawgyi-One;
}
.darkgrey_14 {
	FONT-SIZE: 14px; COLOR: #555555; FONT-FAMILY: Arial, Helvetica, sans-serif, Zawgyi-One;
}
.black {
	FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif, Zawgyi-One;
}
.blue_underline {
	text-decoration: underline;
	FONT-SIZE: 12px;
	COLOR: blue;
	FONT-FAMILY: Arial, Helvetica, sans-serif, Zawgyi-One;
}
.black_14 {
	FONT-SIZE: 14px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif, Zawgyi-One;
}
.red {
	FONT-SIZE: 12px; COLOR: #cc0000; FONT-FAMILY: Arial, Helvetica, sans-serif, Zawgyi-One;
}
.red_14 {
	FONT-SIZE: 14px; COLOR: #cc0000; FONT-FAMILY: Arial, Helvetica, sans-serif, Zawgyi-One;
}

/* text */
.text_black {
	FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif, Zawgyi-One;
}
.text_black_14 {
	FONT-SIZE: 14px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif, Zawgyi-One;
}
.text_white {
	FONT-SIZE: 12px; COLOR: #FFFFFF; FONT-FAMILY: Arial, Helvetica, sans-serif, Zawgyi-One;
}
.text_white_12 {
    FONT-SIZE: 12px;
    COLOR: #FFFFFF;
    FONT-FAMILY: Arial, Helvetica, sans-serif, Zawgyi-One;
}
.text_white_16 {
    FONT-SIZE: 16px;
    COLOR: #FFFFFF;
    FONT-FAMILY: Arial, Helvetica, sans-serif, Zawgyi-One;
}
.text_white_10 {
	FONT-SIZE: 10px; COLOR: #FFFFFF; FONT-FAMILY: Arial, Helvetica, sans-serif, Zawgyi-One;
}
.text_orange {
	FONT-SIZE: 12px; COLOR: #F88017; FONT-FAMILY: Arial, Helvetica, sans-serif, Zawgyi-One;
}
.text_orange_10 {
	FONT-SIZE: 10px; COLOR: #F88017; FONT-FAMILY: Arial, Helvetica, sans-serif, Zawgyi-One;
}
.text_dark_grey {
	FONT-SIZE: 12px; COLOR: #555555; FONT-FAMILY: Arial, Helvetica, sans-serif, Zawgyi-One;
	WORD-WRAP: break-word; WIDTH: 150px;
}
.text_blue_black {
	FONT-SIZE: 12px; COLOR: #273969; FONT-FAMILY: Arial, Helvetica, sans-serif, Zawgyi-One;
}
.text_blue_14 {
	FONT-SIZE: 14px; COLOR: #0000cc; FONT-FAMILY: Arial, Helvetica, sans-serif, Zawgyi-One;
}
.text_grey {
	FONT-SIZE: 12px; COLOR: #b1b1b1; FONT-FAMILY: Arial, Helvetica, sans-serif, Zawgyi-One; /* e5e5e5 */
}
.text_red {
	FONT-SIZE: 12px; COLOR: #cc0000; FONT-FAMILY: Arial, Helvetica, sans-serif, Zawgyi-One;
}
.text_red_14 {
	FONT-SIZE: 14px; COLOR: #cc0000; FONT-FAMILY: Arial, Helvetica, sans-serif, Zawgyi-One;
}
.text_red_12 {
	FONT-SIZE: 12px;
	COLOR: #cc0000;
	FONT-FAMILY: Arial, Helvetica, sans-serif, Zawgyi-One;
}
.text_red_utf8 {
	FONT-SIZE: 12px;
	COLOR: #cc0000;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
}
.text_dark_grey_10 {
	FONT-SIZE: 10px; COLOR: #555555; FONT-FAMILY: Arial, Helvetica, sans-serif, Zawgyi-One;
	WORD-WRAP: break-word; WIDTH: 150px;
}
.text_grey_11 {
	FONT-SIZE: 11px; COLOR: #b1b1b1; FONT-FAMILY: Arial, Helvetica, sans-serif, Zawgyi-One;
}

.hiding {
    display: none;
}

/* note */
.note_red_11 {
    FONT-WEIGHT: bold; 
	background-color: #FFFFAE;
	padding: 5px; 
	font-family: Arial, Helvetica, sans-serif, Zawgyi-One; 
	font-size: 11px; 
	color: #cc0000;	
}

/* bgcolor */
.bgcolor_dark_blue
{
    BACKGROUND-COLOR: #0659a5;
}
.bgcolor_dark_grey
{
    BACKGROUND-COLOR: #646567; /*#646567;*/
}
.bgcolor_orange
{
    BACKGROUND-COLOR: #ffa928; /* #F88017; */
}
.bgcolor_light_grey
{
    BACKGROUND-COLOR: #efefef;
}
.bgcolor_pink
{
    BACKGROUND-COLOR: #e5c4cb;
}
.bgcolor_blue {
	background-color: #54b76d; /* Old browsers */
	background-color: -moz-linear-gradient(top, #54b76d 0%, #1b7744 100%); /* FF3.6-15 */
	background-color: -webkit-linear-gradient(top, #54b76d 0%,#1b7744 100%); /* Chrome10-25,Safari5.1-6 */
	background-color: linear-gradient(to bottom, #54b76d 0%,#1b7744 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#54b76d', endColorstr='#1b7744',GradientType=0 ); /* IE6-9 */
}
/*17 Aug 2015 - Thongchai : Change GLL Theme */
.bgcolor_green
{
    BACKGROUND-COLOR: #89C439;
}
/*********************************************/

/* border */
.border_grey
{
    border: 1px solid #cccccc;
}
.border_light_grey
{
    border: 1px solid #efefef;
}

.border_light_grey_10
{
    border: 10px solid #efefef;
}

.rpp-notice { color:#666; }
.rpp-notice-title { color: Orange; font-size: 1.4em; font-weight: bold; }
.rpp-notice, .rpp-notice a, .rpp-notice a:hover, .rpp-notice a:visited { font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif, Zawgyi-One; font-size: 1em;}
.rpp-notice a, .rpp-notice a:visited { color: Orange; text-decoration:none; }
.rpp-notice a:hover { text-decoration: underline; }
.rpp-notice ul { list-style-type: disc; padding-left: 15px; }

@keyframes uil-ring-anim {
    0% {
    transform: rotate(0deg);
    }
    100% {
    transform: rotate(360deg);
    }
}
.textCenter 
{
    text-align: center;
    margin: 20% 0 0 0;
}
.NS4STitle {
    color: white;
}
.modal.loading {
    background: rgba(0,0,0,.5);
}
.modal {
    display: none;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}
.modal.loading .uil-ring-css {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -50px 0 0 -50px;
}
.uil-ring-css {
    background: none;
    position: relative;
    width: 100px;
    height: 100px;
}
.uil-ring-css>div {
    position: absolute;
    display: block;
    width: 80px;
    height: 80px;
    top: 10px;
    left: 10px;
    border-radius: 40px;
    box-shadow: 0 3px 0 0 #f36c21;
    -webkit-animation: uil-ring-anim 1s linear infinite;
    animation: uil-ring-anim 1s linear infinite;
}

.container-vdo{ margin:0 auto; max-width:740px; padding:30px 15px; box-sizing:border-box; }
.container-vdo > div{ padding:0 0 20px 0; text-align:center; }
.vdo-player{ width:100%; height:auto; }
.vdo-player > div{ position: relative; padding-bottom: 75%; height: 0px; }
.vdo-player iframe{ position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.btn-group{ padding:20px 0; }
.btn-group > input[type=button]{ border:1px solid #666; border-radius:4px; background:#fff; margin:2px; padding:5px 20px; width:100px; cursor: pointer; }
.btn-group .card { background-color: #CCCCCC;border: 1px solid orange;color: white;padding: 10px 5px;cursor: pointer;width: 200px;display: block;margin: 10px;border-radius: 20px; }
.btn-group .card:hover { background-color: orange; }
.btn-group .card-title { color: Orange;	font-size: 18px; font-weight: bold; text-align: center;	}
iframe.orientation { pointer-events: none; }

.container-row {
	display: flex;
	flex-direction: row;
}
.bg-BV {
	background: #646567;
	padding: 3px;
	color: white;
	font-weight: bold;
}
.bg-RBV {
	background: #4D5AC7;
	padding: 3px;
	color: white;
	font-weight: bold;
}
.bgcolor_red {
	background-color: #FDCCCF;
	padding-left: 20px;
	padding-top: 10px;
}
.bgcolor_yellow {
	background-color: #FFE899;
	padding-left: 20px;
	padding-top: 10px;
}
.bgcolor_lightgreen {
	background-color: #C3EACE;
	padding-left: 20px;
	padding-top: 10px;
}
.text_main_red {
	font-weight: bold;
	color: #A64151;
}
.text_main_yellow {
	font-weight: bold;
	color: #A67628;
}
.text_main_green {
	font-weight: bold;
	color: #196840;
}
.text_sub_red {
	font-size: 10px;
	color: #A64151;
}
.text_sub_yellow {
	font-size: 10px;
	color: #A67628;
}
.text_sub_green {
	font-size: 10px;
	color: #196840;
}
.tb_red {
	border: 1px solid #A64151;
	padding: 5px;
	border-radius: 10px;
	background-color: #FDCCCF;
	color: #A64151;
}
.tb_yellow {
	border: 1px solid #A67628;
	padding: 5px;
	border-radius: 10px;
	background-color: #FFE899;
	color: #A67628;
}
.tb_green {
	border: 1px solid #196840;
	padding: 5px;
	border-radius: 10px;
	background-color: #C3EACE;
	color: #196840;
}
.orange-note {
	background-color: #FFE7D3;
	color: #E16B1E;
	padding: 7px 7px 7px 7px;
	text-align: center;
}
.orange-note p {
	background-color: #FFE7D3;
	color: #E16B1E;
	text-align: center;
}
.orange-note a {
	color: #E16B1E;
	text-decoration: underline;
}
.orange-note button {
	color: white;
	background-color: orange;
}
/* eStore known CSS - end */