@import 'https://fonts.googleapis.com/css?family=Noto+Sans+Thai:700,regular'; #imPage { display: -ms-grid; display: grid; -ms-grid-columns: minmax(0, 1fr) 1000px 150px minmax(0, 1fr); grid-template-columns: minmax(0, 1fr) 1000px 150px minmax(0, 1fr); -ms-grid-rows: 192px auto 600px; grid-template-rows: 192px auto 600px; } #imHeader { display: block; -ms-grid-column: 1; -ms-grid-column-span: 4; grid-column: 1 / 5; -ms-grid-row: 1; -ms-grid-row-span: 1; grid-row: 1 / 2; } #imFooter { display: block; -ms-grid-column: 2; -ms-grid-column-span: 2; grid-column: 2 / 4; -ms-grid-row: 3; -ms-grid-row-span: 1; grid-row: 3 / 4; } #imSideBar { display: block; -ms-grid-column: 3; -ms-grid-column-span: 1; grid-column: 3 / 4; -ms-grid-row: 2; -ms-grid-row-span: 1; grid-row: 2 / 3; } #imContent { display: block; -ms-grid-column: 1; -ms-grid-column-span: 4; grid-column: 1 / 5; -ms-grid-row: 2; -ms-grid-row-span: 1; grid-row: 2 / 3; } #imContentGraphics { display: block; -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; -ms-grid-row: 2; -ms-grid-row-span: 1; grid-row: 2 / 3; } @media (max-width: 1149px) and (min-width: 720px) { #imPage { display: -ms-grid; display: grid; -ms-grid-columns: minmax(0, 1fr) 720px minmax(0, 1fr); grid-template-columns: minmax(0, 1fr) 720px minmax(0, 1fr); -ms-grid-rows: 200px auto 600px; grid-template-rows: 200px auto 600px; } #imHeader { display: block; -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; -ms-grid-row: 1; -ms-grid-row-span: 1; grid-row: 1 / 2; } #imFooter { display: block; -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; -ms-grid-row: 3; -ms-grid-row-span: 1; grid-row: 3 / 4; } #imSideBar { display: none; } #imContent { display: block; -ms-grid-column: 1; -ms-grid-column-span: 3; grid-column: 1 / 4; -ms-grid-row: 2; -ms-grid-row-span: 1; grid-row: 2 / 3; } #imContentGraphics { display: block; -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; -ms-grid-row: 2; -ms-grid-row-span: 1; grid-row: 2 / 3; } } @media (max-width: 719px) and (min-width: 480px) { #imPage { display: -ms-grid; display: grid; -ms-grid-columns: minmax(0, 1fr) 480px minmax(0, 1fr); grid-template-columns: minmax(0, 1fr) 480px minmax(0, 1fr); -ms-grid-rows: 200px auto 600px; grid-template-rows: 200px auto 600px; } #imHeader { display: block; -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; -ms-grid-row: 1; -ms-grid-row-span: 1; grid-row: 1 / 2; } #imFooter { display: block; -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; -ms-grid-row: 3; -ms-grid-row-span: 1; grid-row: 3 / 4; } #imSideBar { display: none; } #imContent { display: block; -ms-grid-column: 1; -ms-grid-column-span: 3; grid-column: 1 / 4; -ms-grid-row: 2; -ms-grid-row-span: 1; grid-row: 2 / 3; } #imContentGraphics { display: block; -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; -ms-grid-row: 2; -ms-grid-row-span: 1; grid-row: 2 / 3; } } @media (max-width: 479px) { #imPage { display: -ms-grid; display: grid; -ms-grid-columns: 0 minmax(0, 1fr) 0; grid-template-columns: 0 minmax(0, 1fr) 0; -ms-grid-rows: 200px auto 600px; grid-template-rows: 200px auto 600px; } #imHeader { display: block; -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; -ms-grid-row: 1; -ms-grid-row-span: 1; grid-row: 1 / 2; } #imFooter { display: block; -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; -ms-grid-row: 3; -ms-grid-row-span: 1; grid-row: 3 / 4; } #imSideBar { display: none; } #imContent { display: block; -ms-grid-column: 1; -ms-grid-column-span: 3; grid-column: 1 / 4; -ms-grid-row: 2; -ms-grid-row-span: 1; grid-row: 2 / 3; } #imContentGraphics { display: block; -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; -ms-grid-row: 2; -ms-grid-row-span: 1; grid-row: 2 / 3; } } #imContent { display: -ms-grid; display: grid; -ms-grid-columns: minmax(0, 1fr) 6.75px 6.75px 6.75px 6.75px 6.75px 6.75px 6.75px 6.75px 6.75px 6.75px 6.75px 6.75px 6.75px 6.75px 6.75px 6.75px 6.75px 6.75px 6.75px 6.75px 6.75px 6.75px 6.75px 6.75px 6.75px 6.75px 6.75px 6.75px 6.75px 6.75px 6.75px 6.75px 6.75px 6.75px 6.75px 6.75px 6.75px 6.75px 6.75px 6.75px 6.75px 6.75px 6.75px 6.75px 6.75px 6.75px 6.75px 6.75px 6.833px 6.833px 6.833px 6.833px 6.833px 6.833px 6.833px 6.833px 6.833px 6.833px 6.833px 6.833px 6.833px 6.833px 6.833px 6.833px 6.833px 6.833px 6.833px 6.833px 6.833px 6.833px 6.833px 6.833px 6.833px 6.833px 6.833px 6.833px 6.833px 6.833px 6.833px 6.833px 6.833px 6.833px 6.833px 6.833px 6.833px 6.833px 6.833px 6.833px 6.833px 6.833px 6.833px 6.833px 6.833px 6.833px 6.833px 6.833px 6.833px 6.833px 6.833px 6.833px 6.833px 6.833px 6.833px 6.833px 6.833px 6.833px 6.833px 6.833px 6.917px 6.917px 6.917px 6.917px 6.917px 6.917px 6.917px 6.917px 6.917px 6.917px 6.917px 6.917px 6.917px 6.917px 6.917px 6.917px 6.917px 6.917px 6.917px 6.917px 6.917px 6.917px 6.917px 6.917px 6.917px 6.917px 6.917px 6.917px 6.917px 6.917px 6.917px 6.917px 6.917px 6.917px 6.917px 6.917px 150px minmax(0, 1fr); grid-template-columns: minmax(0, 1fr) 6.75px 6.75px 6.75px 6.75px 6.75px 6.75px 6.75px 6.75px 6.75px 6.75px 6.75px 6.75px 6.75px 6.75px 6.75px 6.75px 6.75px 6.75px 6.75px 6.75px 6.75px 6.75px 6.75px 6.75px 6.75px 6.75px 6.75px 6.75px 6.75px 6.75px 6.75px 6.75px 6.75px 6.75px 6.75px 6.75px 6.75px 6.75px 6.75px 6.75px 6.75px 6.75px 6.75px 6.75px 6.75px 6.75px 6.75px 6.75px 6.833px 6.833px 6.833px 6.833px 6.833px 6.833px 6.833px 6.833px 6.833px 6.833px 6.833px 6.833px 6.833px 6.833px 6.833px 6.833px 6.833px 6.833px 6.833px 6.833px 6.833px 6.833px 6.833px 6.833px 6.833px 6.833px 6.833px 6.833px 6.833px 6.833px 6.833px 6.833px 6.833px 6.833px 6.833px 6.833px 6.833px 6.833px 6.833px 6.833px 6.833px 6.833px 6.833px 6.833px 6.833px 6.833px 6.833px 6.833px 6.833px 6.833px 6.833px 6.833px 6.833px 6.833px 6.833px 6.833px 6.833px 6.833px 6.833px 6.833px 6.917px 6.917px 6.917px 6.917px 6.917px 6.917px 6.917px 6.917px 6.917px 6.917px 6.917px 6.917px 6.917px 6.917px 6.917px 6.917px 6.917px 6.917px 6.917px 6.917px 6.917px 6.917px 6.917px 6.917px 6.917px 6.917px 6.917px 6.917px 6.917px 6.917px 6.917px 6.917px 6.917px 6.917px 6.917px 6.917px 150px minmax(0, 1fr); -ms-grid-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto; grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto; } #imGoToCont { display: block; -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; -ms-grid-row: 1; -ms-grid-row-span: 1; grid-row: 1 / 2; } #imContent > header { display: block; -ms-grid-column: 2; -ms-grid-column-span: 144; grid-column: 2 / 146; -ms-grid-row: 1; -ms-grid-row-span: 1; grid-row: 1 / 2; } #imCell_1 { display: -ms-grid; display: grid; -ms-grid-column: 2; -ms-grid-column-span: 144; grid-column: 2 / 146; -ms-grid-row: 2; -ms-grid-row-span: 1; grid-row: 2 / 3; } #imCell_2 { display: -ms-grid; display: grid; -ms-grid-column: 2; -ms-grid-column-span: 72; grid-column: 2 / 74; -ms-grid-row: 3; -ms-grid-row-span: 5; grid-row: 3 / 8; } #imCell_4 { display: -ms-grid; display: grid; -ms-grid-column: 74; -ms-grid-column-span: 72; grid-column: 74 / 146; -ms-grid-row: 3; -ms-grid-row-span: 5; grid-row: 3 / 8; } #imCell_7 { display: -ms-grid; display: grid; -ms-grid-column: 2; -ms-grid-column-span: 48; grid-column: 2 / 50; -ms-grid-row: 8; -ms-grid-row-span: 7; grid-row: 8 / 15; } #imCell_3 { display: -ms-grid; display: grid; -ms-grid-column: 50; -ms-grid-column-span: 96; grid-column: 50 / 146; -ms-grid-row: 8; -ms-grid-row-span: 7; grid-row: 8 / 15; } #imCell_10 { display: -ms-grid; display: grid; -ms-grid-column: 2; -ms-grid-column-span: 96; grid-column: 2 / 98; -ms-grid-row: 15; -ms-grid-row-span: 1; grid-row: 15 / 16; } #imCell_5 { display: -ms-grid; display: grid; -ms-grid-column: 2; -ms-grid-column-span: 144; grid-column: 2 / 146; -ms-grid-row: 16; -ms-grid-row-span: 2; grid-row: 16 / 18; } #imCell_6 { display: -ms-grid; display: grid; -ms-grid-column: 2; -ms-grid-column-span: 144; grid-column: 2 / 146; -ms-grid-row: 18; -ms-grid-row-span: 3; grid-row: 18 / 21; } #imCell_8 { display: -ms-grid; display: grid; -ms-grid-column: 2; -ms-grid-column-span: 72; grid-column: 2 / 74; -ms-grid-row: 21; -ms-grid-row-span: 1; grid-row: 21 / 22; } #imCell_9 { display: -ms-grid; display: grid; -ms-grid-column: 74; -ms-grid-column-span: 72; grid-column: 74 / 146; -ms-grid-row: 21; -ms-grid-row-span: 1; grid-row: 21 / 22; } #imPageRow_1 { display: block; -ms-grid-column: 2; -ms-grid-column-span: 144; grid-column: 2 / 146; -ms-grid-row: 2; -ms-grid-row-span: 1; grid-row: 2 / 3; } #imPageRow_2 { display: block; -ms-grid-column: 2; -ms-grid-column-span: 144; grid-column: 2 / 146; -ms-grid-row: 3; -ms-grid-row-span: 5; grid-row: 3 / 8; } #imPageRow_3 { display: block; -ms-grid-column: 2; -ms-grid-column-span: 144; grid-column: 2 / 146; -ms-grid-row: 8; -ms-grid-row-span: 7; grid-row: 8 / 15; } #imPageRow_4 { display: block; -ms-grid-column: 2; -ms-grid-column-span: 144; grid-column: 2 / 146; -ms-grid-row: 15; -ms-grid-row-span: 3; grid-row: 15 / 18; } #imPageRow_5 { display: block; -ms-grid-column: 2; -ms-grid-column-span: 144; grid-column: 2 / 146; -ms-grid-row: 18; -ms-grid-row-span: 3; grid-row: 18 / 21; } #imPageRow_6 { display: block; -ms-grid-column: 2; -ms-grid-column-span: 144; grid-column: 2 / 146; -ms-grid-row: 21; -ms-grid-row-span: 1; grid-row: 21 / 22; } #imPageRow_7 { display: none; } #imPageRow_8 { display: none; } #imPageRow_9 { display: none; } #imPageRow_10 { display: none; } #imPageRow_11 { display: none; } #imPageRow_12 { display: none; } #imPageRow_13 { display: none; } #imPageRow_14 { display: none; } #imPageRow_15 { display: none; } #imPageRow_16 { display: none; } #imPageRow_17 { display: none; } #imPageRow_18 { display: none; } #imPageRow_19 { display: none; } @media (max-width: 1149px) and (min-width: 720px) { #imContent { display: -ms-grid; display: grid; -ms-grid-columns: minmax(0, 1fr) 4.833px 4.833px 4.833px 4.833px 4.833px 4.833px 4.833px 4.833px 4.833px 4.833px 4.833px 4.833px 4.833px 4.833px 4.833px 4.833px 4.833px 4.833px 4.833px 4.833px 4.833px 4.833px 4.833px 4.833px 4.833px 4.833px 4.833px 4.833px 4.833px 4.833px 4.833px 4.833px 4.833px 4.833px 4.833px 4.833px 4.833px 4.833px 4.833px 4.833px 4.833px 4.833px 4.833px 4.833px 4.833px 4.833px 4.833px 4.833px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px minmax(0, 1fr); grid-template-columns: minmax(0, 1fr) 4.833px 4.833px 4.833px 4.833px 4.833px 4.833px 4.833px 4.833px 4.833px 4.833px 4.833px 4.833px 4.833px 4.833px 4.833px 4.833px 4.833px 4.833px 4.833px 4.833px 4.833px 4.833px 4.833px 4.833px 4.833px 4.833px 4.833px 4.833px 4.833px 4.833px 4.833px 4.833px 4.833px 4.833px 4.833px 4.833px 4.833px 4.833px 4.833px 4.833px 4.833px 4.833px 4.833px 4.833px 4.833px 4.833px 4.833px 4.833px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 4.917px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px minmax(0, 1fr); -ms-grid-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto; grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto; } #imGoToCont { display: block; -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; -ms-grid-row: 1; -ms-grid-row-span: 1; grid-row: 1 / 2; } #imContent > header { display: block; -ms-grid-column: 2; -ms-grid-column-span: 144; grid-column: 2 / 146; -ms-grid-row: 1; -ms-grid-row-span: 1; grid-row: 1 / 2; } #imCell_1 { display: -ms-grid; display: grid; -ms-grid-column: 2; -ms-grid-column-span: 144; grid-column: 2 / 146; -ms-grid-row: 2; -ms-grid-row-span: 1; grid-row: 2 / 3; } #imCell_2 { display: -ms-grid; display: grid; -ms-grid-column: 2; -ms-grid-column-span: 72; grid-column: 2 / 74; -ms-grid-row: 3; -ms-grid-row-span: 5; grid-row: 3 / 8; } #imCell_4 { display: -ms-grid; display: grid; -ms-grid-column: 74; -ms-grid-column-span: 72; grid-column: 74 / 146; -ms-grid-row: 3; -ms-grid-row-span: 5; grid-row: 3 / 8; } #imCell_7 { display: -ms-grid; display: grid; -ms-grid-column: 2; -ms-grid-column-span: 48; grid-column: 2 / 50; -ms-grid-row: 8; -ms-grid-row-span: 7; grid-row: 8 / 15; } #imCell_3 { display: -ms-grid; display: grid; -ms-grid-column: 50; -ms-grid-column-span: 96; grid-column: 50 / 146; -ms-grid-row: 8; -ms-grid-row-span: 7; grid-row: 8 / 15; } #imCell_10 { display: -ms-grid; display: grid; -ms-grid-column: 2; -ms-grid-column-span: 96; grid-column: 2 / 98; -ms-grid-row: 15; -ms-grid-row-span: 1; grid-row: 15 / 16; } #imCell_5 { display: -ms-grid; display: grid; -ms-grid-column: 2; -ms-grid-column-span: 144; grid-column: 2 / 146; -ms-grid-row: 16; -ms-grid-row-span: 2; grid-row: 16 / 18; } #imCell_6 { display: -ms-grid; display: grid; -ms-grid-column: 2; -ms-grid-column-span: 144; grid-column: 2 / 146; -ms-grid-row: 18; -ms-grid-row-span: 3; grid-row: 18 / 21; } #imCell_8 { display: -ms-grid; display: grid; -ms-grid-column: 2; -ms-grid-column-span: 72; grid-column: 2 / 74; -ms-grid-row: 21; -ms-grid-row-span: 1; grid-row: 21 / 22; } #imCell_9 { display: -ms-grid; display: grid; -ms-grid-column: 74; -ms-grid-column-span: 72; grid-column: 74 / 146; -ms-grid-row: 21; -ms-grid-row-span: 1; grid-row: 21 / 22; } #imPageRow_1 { display: block; -ms-grid-column: 2; -ms-grid-column-span: 144; grid-column: 2 / 146; -ms-grid-row: 2; -ms-grid-row-span: 1; grid-row: 2 / 3; } #imPageRow_2 { display: block; -ms-grid-column: 2; -ms-grid-column-span: 144; grid-column: 2 / 146; -ms-grid-row: 3; -ms-grid-row-span: 5; grid-row: 3 / 8; } #imPageRow_3 { display: block; -ms-grid-column: 2; -ms-grid-column-span: 144; grid-column: 2 / 146; -ms-grid-row: 8; -ms-grid-row-span: 7; grid-row: 8 / 15; } #imPageRow_4 { display: block; -ms-grid-column: 2; -ms-grid-column-span: 144; grid-column: 2 / 146; -ms-grid-row: 15; -ms-grid-row-span: 3; grid-row: 15 / 18; } #imPageRow_5 { display: block; -ms-grid-column: 2; -ms-grid-column-span: 144; grid-column: 2 / 146; -ms-grid-row: 18; -ms-grid-row-span: 3; grid-row: 18 / 21; } #imPageRow_6 { display: block; -ms-grid-column: 2; -ms-grid-column-span: 144; grid-column: 2 / 146; -ms-grid-row: 21; -ms-grid-row-span: 1; grid-row: 21 / 22; } #imPageRow_7 { display: none; } #imPageRow_8 { display: none; } #imPageRow_9 { display: none; } #imPageRow_10 { display: none; } #imPageRow_11 { display: none; } #imPageRow_12 { display: none; } #imPageRow_13 { display: none; } #imPageRow_14 { display: none; } #imPageRow_15 { display: none; } #imPageRow_16 { display: none; } #imPageRow_17 { display: none; } #imPageRow_18 { display: none; } #imPageRow_19 { display: none; } } @media (max-width: 719px) and (min-width: 480px) { #imContent { display: -ms-grid; display: grid; -ms-grid-columns: minmax(0, 1fr) 3.167px 3.167px 3.167px 3.167px 3.167px 3.167px 3.167px 3.167px 3.167px 3.167px 3.167px 3.167px 3.167px 3.167px 3.167px 3.167px 3.167px 3.167px 3.167px 3.167px 3.167px 3.167px 3.167px 3.167px 3.167px 3.167px 3.167px 3.167px 3.167px 3.167px 3.167px 3.167px 3.167px 3.167px 3.167px 3.167px 3.167px 3.167px 3.167px 3.167px 3.167px 3.167px 3.167px 3.167px 3.167px 3.167px 3.167px 3.167px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px minmax(0, 1fr); grid-template-columns: minmax(0, 1fr) 3.167px 3.167px 3.167px 3.167px 3.167px 3.167px 3.167px 3.167px 3.167px 3.167px 3.167px 3.167px 3.167px 3.167px 3.167px 3.167px 3.167px 3.167px 3.167px 3.167px 3.167px 3.167px 3.167px 3.167px 3.167px 3.167px 3.167px 3.167px 3.167px 3.167px 3.167px 3.167px 3.167px 3.167px 3.167px 3.167px 3.167px 3.167px 3.167px 3.167px 3.167px 3.167px 3.167px 3.167px 3.167px 3.167px 3.167px 3.167px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px 3.25px minmax(0, 1fr); -ms-grid-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto; grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto; } #imGoToCont { display: block; -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; -ms-grid-row: 1; -ms-grid-row-span: 1; grid-row: 1 / 2; } #imContent > header { display: block; -ms-grid-column: 2; -ms-grid-column-span: 144; grid-column: 2 / 146; -ms-grid-row: 1; -ms-grid-row-span: 1; grid-row: 1 / 2; } #imCell_1 { display: -ms-grid; display: grid; -ms-grid-column: 2; -ms-grid-column-span: 144; grid-column: 2 / 146; -ms-grid-row: 2; -ms-grid-row-span: 1; grid-row: 2 / 3; } #imCell_2 { display: -ms-grid; display: grid; -ms-grid-column: 2; -ms-grid-column-span: 72; grid-column: 2 / 74; -ms-grid-row: 3; -ms-grid-row-span: 5; grid-row: 3 / 8; } #imCell_4 { display: -ms-grid; display: grid; -ms-grid-column: 74; -ms-grid-column-span: 72; grid-column: 74 / 146; -ms-grid-row: 3; -ms-grid-row-span: 5; grid-row: 3 / 8; } #imCell_7 { display: -ms-grid; display: grid; -ms-grid-column: 2; -ms-grid-column-span: 48; grid-column: 2 / 50; -ms-grid-row: 8; -ms-grid-row-span: 7; grid-row: 8 / 15; } #imCell_3 { display: -ms-grid; display: grid; -ms-grid-column: 50; -ms-grid-column-span: 96; grid-column: 50 / 146; -ms-grid-row: 8; -ms-grid-row-span: 7; grid-row: 8 / 15; } #imCell_10 { display: -ms-grid; display: grid; -ms-grid-column: 2; -ms-grid-column-span: 96; grid-column: 2 / 98; -ms-grid-row: 15; -ms-grid-row-span: 1; grid-row: 15 / 16; } #imCell_5 { display: -ms-grid; display: grid; -ms-grid-column: 2; -ms-grid-column-span: 144; grid-column: 2 / 146; -ms-grid-row: 16; -ms-grid-row-span: 2; grid-row: 16 / 18; } #imCell_6 { display: -ms-grid; display: grid; -ms-grid-column: 2; -ms-grid-column-span: 144; grid-column: 2 / 146; -ms-grid-row: 18; -ms-grid-row-span: 3; grid-row: 18 / 21; } #imCell_8 { display: -ms-grid; display: grid; -ms-grid-column: 2; -ms-grid-column-span: 72; grid-column: 2 / 74; -ms-grid-row: 21; -ms-grid-row-span: 1; grid-row: 21 / 22; } #imCell_9 { display: -ms-grid; display: grid; -ms-grid-column: 74; -ms-grid-column-span: 72; grid-column: 74 / 146; -ms-grid-row: 21; -ms-grid-row-span: 1; grid-row: 21 / 22; } #imPageRow_1 { display: block; -ms-grid-column: 2; -ms-grid-column-span: 144; grid-column: 2 / 146; -ms-grid-row: 2; -ms-grid-row-span: 1; grid-row: 2 / 3; } #imPageRow_2 { display: block; -ms-grid-column: 2; -ms-grid-column-span: 144; grid-column: 2 / 146; -ms-grid-row: 3; -ms-grid-row-span: 5; grid-row: 3 / 8; } #imPageRow_3 { display: block; -ms-grid-column: 2; -ms-grid-column-span: 144; grid-column: 2 / 146; -ms-grid-row: 8; -ms-grid-row-span: 7; grid-row: 8 / 15; } #imPageRow_4 { display: block; -ms-grid-column: 2; -ms-grid-column-span: 144; grid-column: 2 / 146; -ms-grid-row: 15; -ms-grid-row-span: 3; grid-row: 15 / 18; } #imPageRow_5 { display: block; -ms-grid-column: 2; -ms-grid-column-span: 144; grid-column: 2 / 146; -ms-grid-row: 18; -ms-grid-row-span: 3; grid-row: 18 / 21; } #imPageRow_6 { display: block; -ms-grid-column: 2; -ms-grid-column-span: 144; grid-column: 2 / 146; -ms-grid-row: 21; -ms-grid-row-span: 1; grid-row: 21 / 22; } #imPageRow_7 { display: none; } #imPageRow_8 { display: none; } #imPageRow_9 { display: none; } #imPageRow_10 { display: none; } #imPageRow_11 { display: none; } #imPageRow_12 { display: none; } #imPageRow_13 { display: none; } #imPageRow_14 { display: none; } #imPageRow_15 { display: none; } #imPageRow_16 { display: none; } #imPageRow_17 { display: none; } #imPageRow_18 { display: none; } #imPageRow_19 { display: none; } } @media (max-width: 479px) { #imContent { display: -ms-grid; display: grid; -ms-grid-columns: 0 minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) 0; grid-template-columns: 0 minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) 0; -ms-grid-rows: auto auto auto auto auto auto auto auto auto auto auto; grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto; } #imGoToCont { display: block; -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; -ms-grid-row: 1; -ms-grid-row-span: 1; grid-row: 1 / 2; } #imContent > header { display: block; -ms-grid-column: 2; -ms-grid-column-span: 144; grid-column: 2 / 146; -ms-grid-row: 1; -ms-grid-row-span: 1; grid-row: 1 / 2; } #imCell_1 { display: -ms-grid; display: grid; -ms-grid-column: 2; -ms-grid-column-span: 144; grid-column: 2 / 146; -ms-grid-row: 2; -ms-grid-row-span: 1; grid-row: 2 / 3; } #imCell_2 { display: -ms-grid; display: grid; -ms-grid-column: 2; -ms-grid-column-span: 144; grid-column: 2 / 146; -ms-grid-row: 3; -ms-grid-row-span: 1; grid-row: 3 / 4; } #imCell_4 { display: -ms-grid; display: grid; -ms-grid-column: 2; -ms-grid-column-span: 144; grid-column: 2 / 146; -ms-grid-row: 4; -ms-grid-row-span: 1; grid-row: 4 / 5; } #imCell_3 { display: -ms-grid; display: grid; -ms-grid-column: 2; -ms-grid-column-span: 144; grid-column: 2 / 146; -ms-grid-row: 5; -ms-grid-row-span: 1; grid-row: 5 / 6; } #imCell_7 { display: -ms-grid; display: grid; -ms-grid-column: 2; -ms-grid-column-span: 144; grid-column: 2 / 146; -ms-grid-row: 6; -ms-grid-row-span: 1; grid-row: 6 / 7; } #imCell_10 { display: -ms-grid; display: grid; -ms-grid-column: 2; -ms-grid-column-span: 144; grid-column: 2 / 146; -ms-grid-row: 7; -ms-grid-row-span: 1; grid-row: 7 / 8; } #imCell_5 { display: -ms-grid; display: grid; -ms-grid-column: 2; -ms-grid-column-span: 144; grid-column: 2 / 146; -ms-grid-row: 8; -ms-grid-row-span: 1; grid-row: 8 / 9; } #imCell_6 { display: -ms-grid; display: grid; -ms-grid-column: 2; -ms-grid-column-span: 144; grid-column: 2 / 146; -ms-grid-row: 9; -ms-grid-row-span: 1; grid-row: 9 / 10; } #imCell_8 { display: -ms-grid; display: grid; -ms-grid-column: 2; -ms-grid-column-span: 144; grid-column: 2 / 146; -ms-grid-row: 10; -ms-grid-row-span: 1; grid-row: 10 / 11; } #imCell_9 { display: -ms-grid; display: grid; -ms-grid-column: 2; -ms-grid-column-span: 144; grid-column: 2 / 146; -ms-grid-row: 11; -ms-grid-row-span: 1; grid-row: 11 / 12; } #imPageRow_1 { display: block; -ms-grid-column: 2; -ms-grid-column-span: 144; grid-column: 2 / 146; -ms-grid-row: 2; -ms-grid-row-span: 1; grid-row: 2 / 3; } #imPageRow_2 { display: block; -ms-grid-column: 2; -ms-grid-column-span: 144; grid-column: 2 / 146; -ms-grid-row: 3; -ms-grid-row-span: 2; grid-row: 3 / 5; } #imPageRow_3 { display: block; -ms-grid-column: 2; -ms-grid-column-span: 144; grid-column: 2 / 146; -ms-grid-row: 5; -ms-grid-row-span: 2; grid-row: 5 / 7; } #imPageRow_4 { display: block; -ms-grid-column: 2; -ms-grid-column-span: 144; grid-column: 2 / 146; -ms-grid-row: 7; -ms-grid-row-span: 2; grid-row: 7 / 9; } #imPageRow_5 { display: block; -ms-grid-column: 2; -ms-grid-column-span: 144; grid-column: 2 / 146; -ms-grid-row: 9; -ms-grid-row-span: 1; grid-row: 9 / 10; } #imPageRow_6 { display: block; -ms-grid-column: 2; -ms-grid-column-span: 144; grid-column: 2 / 146; -ms-grid-row: 10; -ms-grid-row-span: 2; grid-row: 10 / 12; } #imPageRow_7 { display: none; } #imPageRow_8 { display: none; } #imPageRow_9 { display: none; } #imPageRow_10 { display: none; } #imPageRow_11 { display: none; } #imPageRow_12 { display: none; } #imPageRow_13 { display: none; } #imPageRow_14 { display: none; } #imPageRow_15 { display: none; } #imPageRow_16 { display: none; } #imPageRow_17 { display: none; } #imPageRow_18 { display: none; } #imPageRow_19 { display: none; } } h2#imPgTitle { position: relative; float: left; } #imBreadcrumb { position: relative; float: left; } #imHeader_imCell_10 { -ms-grid-columns: 100%; grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHeader_imObjectSearch_10 { position: relative; -ms-grid-row-align: start; align-self: start; -ms-grid-column-align: center; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imHeader_imCellStyleGraphics_10 { position: absolute; top: 0px; bottom: 0px; background-color: transparent; } #imHeader_imCellStyleBorders_10 { position: absolute; top: 0px; bottom: 0px; } input#imHeader_imObjectSearch_10_field[type=text] { box-sizing: border-box; line-height: 14px; height: 22px; font: normal normal normal 8pt Noto Sans Thai; color: rgba(0, 0, 0, 1); background-color: rgba(255, 255, 255, 1); padding: 3px 3px 3px 22px; margin: 0; vertical-align: middle; border-style: solid; border-width: 1px 1px 1px 1px; border-color: rgba(0, 0, 0, 1) rgba(0, 0, 0, 1) rgba(0, 0, 0, 1) rgba(0, 0, 0, 1); border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; outline: none; box-shadow: none;} input#imHeader_imObjectSearch_10_field[type=text]::placeholder { color: rgba(0, 0, 0, 0.7);} #imHeader_imObjectSearch_10_button { box-sizing: border-box; font: normal normal normal 8pt Noto Sans Thai; line-height: 14px; height: 22px; color: rgba(0, 0, 0, 1); background-color: rgba(211, 211, 211, 1); padding: 3px 3px 3px 3px; vertical-align: middle; cursor: pointer; border-style: solid; border-width: 1px 1px 1px 1px; border-color: rgba(0, 0, 0, 1) rgba(0, 0, 0, 1) rgba(0, 0, 0, 1) rgba(0, 0, 0, 1); border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; outline: none; } #imHeader_imObjectSearch_10_field { background-image: url('../search/icon.png'); background-repeat: no-repeat; background-size: 16px 16px; } #imHeader_imCell_11 { -ms-grid-columns: 100%; grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHeader_imObjectImage_11 { position: relative; -ms-grid-row-align: start; align-self: start; -ms-grid-column-align: center; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imHeader_imCellStyleGraphics_11 { position: absolute; top: 0px; bottom: 0px; background-color: transparent; } #imHeader_imCellStyleBorders_11 { position: absolute; top: 0px; bottom: 0px; } #imHeader_imObjectImage_11 { vertical-align: top; margin: 0 auto; } #imHeader_imObjectImage_11 #imHeader_imObjectImage_11_container img { width: 100%; vertical-align: top; }#imHeader_imCell_12 { -ms-grid-columns: 100%; grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHeader_imMenuObject_12 { position: relative; -ms-grid-row-align: start; align-self: start; -ms-grid-column-align: center; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 103; } #imHeader_imCellStyleGraphics_12 { position: absolute; top: 0px; bottom: 0px; background-color: transparent; } #imHeader_imCellStyleBorders_12 { position: absolute; top: 0px; bottom: 0px; } .label-wrapper .menu-item-icon { max-height: 100%; position: absolute; top: 0; bottom: 0; left: 3px; margin: auto; z-index: 0; } .im-menu-opened #imStickyBarContainer, .im-menu-opened #imPageToTop { visibility: hidden !important; } #imFooter_imCell_18 { -ms-grid-columns: 100%; grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imFooter_imTextObject_18 { position: relative; -ms-grid-row-align: start; align-self: start; -ms-grid-column-align: center; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imFooter_imCellStyleGraphics_18 { position: absolute; top: 0px; bottom: 0px; background-color: transparent; } #imFooter_imCellStyleBorders_18 { position: absolute; top: 0px; bottom: 0px; } #imFooter_imTextObject_18 { width: 100%; } #imFooter_imTextObject_18 { font-style: normal; font-weight: normal; line-height: 28px; } #imFooter_imTextObject_18_tab0 div { line-height: 28px; } #imFooter_imTextObject_18_tab0 .imHeading1 { line-height: 56px; } #imFooter_imTextObject_18_tab0 .imHeading2 { line-height: 42px; } #imFooter_imTextObject_18_tab0 .imHeading3 { line-height: 32px; } #imFooter_imTextObject_18_tab0 .imHeading4 { line-height: 28px; } #imFooter_imTextObject_18_tab0 .imHeading5 { line-height: 24px; } #imFooter_imTextObject_18_tab0 .imHeading6 { line-height: 18px; } #imFooter_imTextObject_18_tab0 ul { list-style: disc; margin: 0; padding: 0; overflow: hidden; } #imFooter_imTextObject_18_tab0 ul ul { list-style: square; padding: 0 0 0 20px; } #imFooter_imTextObject_18_tab0 ul ul ul { list-style: circle; } #imFooter_imTextObject_18_tab0 ul li { margin: 0 0 0 22px; padding: 0px; } #imFooter_imTextObject_18_tab0 ol { list-style: decimal; margin: 0; padding: 0; } #imFooter_imTextObject_18_tab0 ol ol { list-style: lower-alpha; padding: 0 0 0 20px; } #imFooter_imTextObject_18_tab0 ol li { margin: 0 0 0 22px; padding: 0px; } #imFooter_imTextObject_18_tab0 blockquote { margin: 0 0 0 15px; padding: 0; border: none; } #imFooter_imTextObject_18_tab0 table { border: none; padding: 0; border-collapse: collapse; } #imFooter_imTextObject_18_tab0 table td { border: 1px solid black; word-wrap: break-word; padding: 4px 3px 4px 3px; margin: 0; vertical-align: middle; } #imFooter_imTextObject_18_tab0 p { margin: 0; padding: 0; } #imFooter_imTextObject_18_tab0 .inline-block { display: inline-block; } #imFooter_imTextObject_18_tab0 sup { vertical-align: super; font-size: smaller; } #imFooter_imTextObject_18_tab0 sub { vertical-align: sub; font-size: smaller; } #imFooter_imTextObject_18_tab0 img { border: none; margin: 0; vertical-align: text-bottom;} #imFooter_imTextObject_18_tab0 .fleft { float: left; vertical-align: baseline;} #imFooter_imTextObject_18_tab0 .fright { float: right; vertical-align: baseline;} #imFooter_imTextObject_18_tab0 img.fleft { margin-right: 15px; } #imFooter_imTextObject_18_tab0 img.fright { margin-left: 15px; } #imFooter_imTextObject_18_tab0 .imTALeft { text-align: left; } #imFooter_imTextObject_18_tab0 .imTARight { text-align: right; } #imFooter_imTextObject_18_tab0 .imTACenter { text-align: center; } #imFooter_imTextObject_18_tab0 .imTAJustify { text-align: justify; } #imFooter_imTextObject_18_tab0 .imUl { text-decoration: underline; } #imFooter_imTextObject_18_tab0 .imStrike { text-decoration: line-through; } #imFooter_imTextObject_18_tab0 .imUlStrike { text-decoration: underline line-through; } #imFooter_imTextObject_18_tab0 .imVt { vertical-align: top; } #imFooter_imTextObject_18_tab0 .imVc { vertical-align: middle; } #imFooter_imTextObject_18_tab0 .imVb { vertical-align: bottom; } #imFooter_imTextObject_18_tab0 hr { border-width: 1px 0 0 0; border-style: solid; } #imFooter_imTextObject_18_tab0 .fs14lh1-5 { vertical-align: baseline; font-size: 14pt; line-height: 28px; } #imFooter_imTextObject_18_tab0 .cf1 { color: rgb(255, 255, 255); } #imFooter_imTextObject_18 .text-container {width: 100%;}#imFooter_imTextObject_18 .text-container {margin: 0 auto; position: relative;overflow: hidden; display: -ms-grid; display: grid; -ms-grid-template-rows: 1fr; grid-template-rows: 1fr; -ms-grid-template-columns: 1fr; grid-template-columns: 1fr; background-color: rgba(255, 255, 255, 1); border-style: solid;border-color: rgba(169, 169, 169, 1); } #imFooter_imTextObject_18 .text-container .grid-prop.current-tab {z-index: 1; opacity: 1; } #imFooter_imTextObject_18 .text-container .grid-prop {-ms-grid-column: 1; -ms-grid-row: 1; grid-area: 1 / 1 / 2 / 2; opacity: 0; box-sizing: border-box; position: relative; } #imFooter_imTextObject_18 .text-container .text-tab-content.detach {position: absolute; top: 0; left: 0; width: 100%; display: none; } #imFooter_imCell_1 { -ms-grid-columns: 100%; grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imFooter_imTextObject_01 { position: relative; -ms-grid-row-align: start; align-self: start; -ms-grid-column-align: center; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imFooter_imCellStyleGraphics_1 { position: absolute; top: 0px; bottom: 0px; background-color: transparent; } #imFooter_imCellStyleBorders_1 { position: absolute; top: 0px; bottom: 0px; } #imFooter_imTextObject_01 { width: 100%; } #imFooter_imTextObject_01 { font-style: normal; font-weight: normal; line-height: 28px; } #imFooter_imTextObject_01_tab0 div { line-height: 28px; } #imFooter_imTextObject_01_tab0 .imHeading1 { line-height: 56px; } #imFooter_imTextObject_01_tab0 .imHeading2 { line-height: 42px; } #imFooter_imTextObject_01_tab0 .imHeading3 { line-height: 32px; } #imFooter_imTextObject_01_tab0 .imHeading4 { line-height: 28px; } #imFooter_imTextObject_01_tab0 .imHeading5 { line-height: 24px; } #imFooter_imTextObject_01_tab0 .imHeading6 { line-height: 18px; } #imFooter_imTextObject_01_tab0 ul { list-style: disc; margin: 0; padding: 0; overflow: hidden; } #imFooter_imTextObject_01_tab0 ul ul { list-style: square; padding: 0 0 0 20px; } #imFooter_imTextObject_01_tab0 ul ul ul { list-style: circle; } #imFooter_imTextObject_01_tab0 ul li { margin: 0 0 0 22px; padding: 0px; } #imFooter_imTextObject_01_tab0 ol { list-style: decimal; margin: 0; padding: 0; } #imFooter_imTextObject_01_tab0 ol ol { list-style: lower-alpha; padding: 0 0 0 20px; } #imFooter_imTextObject_01_tab0 ol li { margin: 0 0 0 22px; padding: 0px; } #imFooter_imTextObject_01_tab0 blockquote { margin: 0 0 0 15px; padding: 0; border: none; } #imFooter_imTextObject_01_tab0 table { border: none; padding: 0; border-collapse: collapse; } #imFooter_imTextObject_01_tab0 table td { border: 1px solid black; word-wrap: break-word; padding: 4px 3px 4px 3px; margin: 0; vertical-align: middle; } #imFooter_imTextObject_01_tab0 p { margin: 0; padding: 0; } #imFooter_imTextObject_01_tab0 .inline-block { display: inline-block; } #imFooter_imTextObject_01_tab0 sup { vertical-align: super; font-size: smaller; } #imFooter_imTextObject_01_tab0 sub { vertical-align: sub; font-size: smaller; } #imFooter_imTextObject_01_tab0 img { border: none; margin: 0; vertical-align: text-bottom;} #imFooter_imTextObject_01_tab0 .fleft { float: left; vertical-align: baseline;} #imFooter_imTextObject_01_tab0 .fright { float: right; vertical-align: baseline;} #imFooter_imTextObject_01_tab0 img.fleft { margin-right: 15px; } #imFooter_imTextObject_01_tab0 img.fright { margin-left: 15px; } #imFooter_imTextObject_01_tab0 .imTALeft { text-align: left; } #imFooter_imTextObject_01_tab0 .imTARight { text-align: right; } #imFooter_imTextObject_01_tab0 .imTACenter { text-align: center; } #imFooter_imTextObject_01_tab0 .imTAJustify { text-align: justify; } #imFooter_imTextObject_01_tab0 .imUl { text-decoration: underline; } #imFooter_imTextObject_01_tab0 .imStrike { text-decoration: line-through; } #imFooter_imTextObject_01_tab0 .imUlStrike { text-decoration: underline line-through; } #imFooter_imTextObject_01_tab0 .imVt { vertical-align: top; } #imFooter_imTextObject_01_tab0 .imVc { vertical-align: middle; } #imFooter_imTextObject_01_tab0 .imVb { vertical-align: bottom; } #imFooter_imTextObject_01_tab0 hr { border-width: 1px 0 0 0; border-style: solid; } #imFooter_imTextObject_01_tab0 .fs20 { vertical-align: baseline; font-size: 20pt;line-height: 33px; } #imFooter_imTextObject_01 .text-container {width: 100%;}#imFooter_imTextObject_01 .text-container {margin: 0 auto; position: relative;overflow: hidden; display: -ms-grid; display: grid; -ms-grid-template-rows: 1fr; grid-template-rows: 1fr; -ms-grid-template-columns: 1fr; grid-template-columns: 1fr; background-color: rgba(255, 255, 255, 1); border-style: solid;border-color: rgba(169, 169, 169, 1); } #imFooter_imTextObject_01 .text-container .grid-prop.current-tab {z-index: 1; opacity: 1; } #imFooter_imTextObject_01 .text-container .grid-prop {-ms-grid-column: 1; -ms-grid-row: 1; grid-area: 1 / 1 / 2 / 2; opacity: 0; box-sizing: border-box; position: relative; } #imFooter_imTextObject_01 .text-container .text-tab-content.detach {position: absolute; top: 0; left: 0; width: 100%; display: none; } #imFooter_imCell_13 { -ms-grid-columns: 100%; grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imFooter_imTextObject_13 { position: relative; -ms-grid-row-align: start; align-self: start; -ms-grid-column-align: center; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imFooter_imCellStyleGraphics_13 { position: absolute; top: 0px; bottom: 0px; background-color: transparent; } #imFooter_imCellStyleBorders_13 { position: absolute; top: 0px; bottom: 0px; } #imFooter_imTextObject_13 { width: 100%; } #imFooter_imTextObject_13 { font-style: normal; font-weight: normal; line-height: 28px; } #imFooter_imTextObject_13_tab0 div { line-height: 28px; } #imFooter_imTextObject_13_tab0 .imHeading1 { line-height: 56px; } #imFooter_imTextObject_13_tab0 .imHeading2 { line-height: 42px; } #imFooter_imTextObject_13_tab0 .imHeading3 { line-height: 32px; } #imFooter_imTextObject_13_tab0 .imHeading4 { line-height: 28px; } #imFooter_imTextObject_13_tab0 .imHeading5 { line-height: 24px; } #imFooter_imTextObject_13_tab0 .imHeading6 { line-height: 18px; } #imFooter_imTextObject_13_tab0 ul { list-style: disc; margin: 0; padding: 0; overflow: hidden; } #imFooter_imTextObject_13_tab0 ul ul { list-style: square; padding: 0 0 0 20px; } #imFooter_imTextObject_13_tab0 ul ul ul { list-style: circle; } #imFooter_imTextObject_13_tab0 ul li { margin: 0 0 0 22px; padding: 0px; } #imFooter_imTextObject_13_tab0 ol { list-style: decimal; margin: 0; padding: 0; } #imFooter_imTextObject_13_tab0 ol ol { list-style: lower-alpha; padding: 0 0 0 20px; } #imFooter_imTextObject_13_tab0 ol li { margin: 0 0 0 22px; padding: 0px; } #imFooter_imTextObject_13_tab0 blockquote { margin: 0 0 0 15px; padding: 0; border: none; } #imFooter_imTextObject_13_tab0 table { border: none; padding: 0; border-collapse: collapse; } #imFooter_imTextObject_13_tab0 table td { border: 1px solid black; word-wrap: break-word; padding: 4px 3px 4px 3px; margin: 0; vertical-align: middle; } #imFooter_imTextObject_13_tab0 p { margin: 0; padding: 0; } #imFooter_imTextObject_13_tab0 .inline-block { display: inline-block; } #imFooter_imTextObject_13_tab0 sup { vertical-align: super; font-size: smaller; } #imFooter_imTextObject_13_tab0 sub { vertical-align: sub; font-size: smaller; } #imFooter_imTextObject_13_tab0 img { border: none; margin: 0; vertical-align: text-bottom;} #imFooter_imTextObject_13_tab0 .fleft { float: left; vertical-align: baseline;} #imFooter_imTextObject_13_tab0 .fright { float: right; vertical-align: baseline;} #imFooter_imTextObject_13_tab0 img.fleft { margin-right: 15px; } #imFooter_imTextObject_13_tab0 img.fright { margin-left: 15px; } #imFooter_imTextObject_13_tab0 .imTALeft { text-align: left; } #imFooter_imTextObject_13_tab0 .imTARight { text-align: right; } #imFooter_imTextObject_13_tab0 .imTACenter { text-align: center; } #imFooter_imTextObject_13_tab0 .imTAJustify { text-align: justify; } #imFooter_imTextObject_13_tab0 .imUl { text-decoration: underline; } #imFooter_imTextObject_13_tab0 .imStrike { text-decoration: line-through; } #imFooter_imTextObject_13_tab0 .imUlStrike { text-decoration: underline line-through; } #imFooter_imTextObject_13_tab0 .imVt { vertical-align: top; } #imFooter_imTextObject_13_tab0 .imVc { vertical-align: middle; } #imFooter_imTextObject_13_tab0 .imVb { vertical-align: bottom; } #imFooter_imTextObject_13_tab0 hr { border-width: 1px 0 0 0; border-style: solid; } #imFooter_imTextObject_13_tab0 .fs12lh1-5 { vertical-align: baseline; font-size: 12pt; line-height: 24px; } #imFooter_imTextObject_13_tab0 .cf1 { color: rgb(255, 255, 255); } #imFooter_imTextObject_13 .text-container {width: 100%;}#imFooter_imTextObject_13 .text-container {margin: 0 auto; position: relative;overflow: hidden; display: -ms-grid; display: grid; -ms-grid-template-rows: 1fr; grid-template-rows: 1fr; -ms-grid-template-columns: 1fr; grid-template-columns: 1fr; background-color: rgba(255, 255, 255, 1); border-style: solid;border-color: rgba(169, 169, 169, 1); } #imFooter_imTextObject_13 .text-container .grid-prop.current-tab {z-index: 1; opacity: 1; } #imFooter_imTextObject_13 .text-container .grid-prop {-ms-grid-column: 1; -ms-grid-row: 1; grid-area: 1 / 1 / 2 / 2; opacity: 0; box-sizing: border-box; position: relative; } #imFooter_imTextObject_13 .text-container .text-tab-content.detach {position: absolute; top: 0; left: 0; width: 100%; display: none; } #imFooter_imCell_14 { -ms-grid-columns: 100%; grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imFooter_pluginAppObj_14 { position: relative; -ms-grid-row-align: start; align-self: start; -ms-grid-column-align: center; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imFooter_imCellStyleGraphics_14 { position: absolute; top: 0px; bottom: 0px; background-color: transparent; } #imFooter_imCellStyleBorders_14 { position: absolute; top: 0px; bottom: 0px; } #imFooter_imCell_19 { -ms-grid-columns: 100%; grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imFooter_imObjectImage_19 { position: relative; -ms-grid-row-align: start; align-self: start; -ms-grid-column-align: center; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imFooter_imCellStyleGraphics_19 { position: absolute; top: 0px; bottom: 0px; background-color: transparent; } #imFooter_imCellStyleBorders_19 { position: absolute; top: 0px; bottom: 0px; } #imFooter_imObjectImage_19 { vertical-align: top; margin: 0 auto; } #imFooter_imObjectImage_19 #imFooter_imObjectImage_19_container img { width: 100%; vertical-align: top; }#imSideBar_imCell_1 { -ms-grid-columns: 100%; grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imSideBar_imMenuObject_01 { position: relative; -ms-grid-row-align: start; align-self: start; -ms-grid-column-align: center; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 103; } #imSideBar_imCellStyleGraphics_1 { position: absolute; top: 0px; bottom: 0px; background-color: transparent; } #imSideBar_imCellStyleBorders_1 { position: absolute; top: 0px; bottom: 0px; } .label-wrapper .menu-item-icon { max-height: 100%; position: absolute; top: 0; bottom: 0; left: 3px; margin: auto; z-index: 0; } .im-menu-opened #imStickyBarContainer, .im-menu-opened #imPageToTop { visibility: hidden !important; } #imStickyBar_imCell_1 { -ms-grid-columns: 100%; grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imStickyBar_imMenuObject_01 { position: relative; -ms-grid-row-align: start; align-self: start; -ms-grid-column-align: center; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 103; } #imStickyBar_imCellStyleGraphics_1 { position: absolute; top: 0px; bottom: 0px; background-color: transparent; } #imStickyBar_imCellStyleBorders_1 { position: absolute; top: 0px; bottom: 0px; } .label-wrapper .menu-item-icon { max-height: 100%; position: absolute; top: 0; bottom: 0; left: 3px; margin: auto; z-index: 0; } .im-menu-opened #imStickyBarContainer, .im-menu-opened #imPageToTop { visibility: hidden !important; } #imStickyBar_imCell_2 { -ms-grid-columns: 100%; grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imStickyBar_imObjectImage_02 { position: relative; -ms-grid-row-align: start; align-self: start; -ms-grid-column-align: center; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imStickyBar_imCellStyleGraphics_2 { position: absolute; top: 0px; bottom: 0px; background-color: transparent; } #imStickyBar_imCellStyleBorders_2 { position: absolute; top: 0px; bottom: 0px; } #imStickyBar_imObjectImage_02 { vertical-align: top; font-size: 0; margin: 0 auto; } #imStickyBar_imObjectImage_02 #imStickyBar_imObjectImage_02_container img { width: 100%; vertical-align: top; }.imPageRow { position: relative; } #imCell_1 { -ms-grid-columns: 100%; grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imObjectTitle_18_01 { position: relative; -ms-grid-row-align: start; align-self: start; -ms-grid-column-align: center; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_1 { position: absolute; top: 3px; bottom: 3px; background-color: transparent; } #imCellStyleBorders_1 { position: absolute; top: 3px; bottom: 3px; } #imObjectTitle_18_01 {margin: 0; text-align: center;} #imObjectTitle_18_01_text {font: normal normal bold 36pt 'Noto Sans Thai'; padding: 5px 5px 5px 5px; background-color: transparent; position: relative; display: inline-block; } #imObjectTitle_18_01_text, #imObjectTitle_18_01_text a { color: rgba(0, 64, 255, 1); word-wrap: break-word; max-width: 100%;} #imObjectTitle_18_01_text a{ text-decoration: none; } #imCell_2 { -ms-grid-columns: 100%; grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imObjectImage_18_02 { position: relative; -ms-grid-row-align: start; align-self: start; -ms-grid-column-align: center; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_2 { position: absolute; top: 3px; bottom: 3px; background-color: transparent; } #imCellStyleBorders_2 { position: absolute; top: 3px; bottom: 3px; } #imObjectImage_18_02 #imObjectImage_18_02_container { width: 476px; max-width: 100%; } #imObjectImage_18_02 { vertical-align: top; margin: 0 auto; } #imObjectImage_18_02 #imObjectImage_18_02_container img { width: 100%; vertical-align: top; }#imCell_4 { -ms-grid-columns: 100%; grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imTextObject_18_04 { position: relative; -ms-grid-row-align: start; align-self: start; -ms-grid-column-align: center; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_4 { position: absolute; top: 3px; bottom: 3px; background-color: transparent; } #imCellStyleBorders_4 { position: absolute; top: 3px; bottom: 3px; } #imTextObject_18_04 { width: 100%; } #imTextObject_18_04 { font-style: normal; font-weight: normal; line-height: 28px; } #imTextObject_18_04_tab0 div { line-height: 28px; } #imTextObject_18_04_tab0 .imHeading1 { line-height: 56px; } #imTextObject_18_04_tab0 .imHeading2 { line-height: 42px; } #imTextObject_18_04_tab0 .imHeading3 { line-height: 32px; } #imTextObject_18_04_tab0 .imHeading4 { line-height: 28px; } #imTextObject_18_04_tab0 .imHeading5 { line-height: 24px; } #imTextObject_18_04_tab0 .imHeading6 { line-height: 18px; } #imTextObject_18_04_tab0 ul { list-style: disc; margin: 0; padding: 0; overflow: hidden; } #imTextObject_18_04_tab0 ul ul { list-style: square; padding: 0 0 0 20px; } #imTextObject_18_04_tab0 ul ul ul { list-style: circle; } #imTextObject_18_04_tab0 ul li { margin: 0 0 0 22px; padding: 0px; } #imTextObject_18_04_tab0 ol { list-style: decimal; margin: 0; padding: 0; } #imTextObject_18_04_tab0 ol ol { list-style: lower-alpha; padding: 0 0 0 20px; } #imTextObject_18_04_tab0 ol li { margin: 0 0 0 22px; padding: 0px; } #imTextObject_18_04_tab0 blockquote { margin: 0 0 0 15px; padding: 0; border: none; } #imTextObject_18_04_tab0 table { border: none; padding: 0; border-collapse: collapse; } #imTextObject_18_04_tab0 table td { border: 1px solid black; word-wrap: break-word; padding: 4px 3px 4px 3px; margin: 0; vertical-align: middle; } #imTextObject_18_04_tab0 p { margin: 0; padding: 0; } #imTextObject_18_04_tab0 .inline-block { display: inline-block; } #imTextObject_18_04_tab0 sup { vertical-align: super; font-size: smaller; } #imTextObject_18_04_tab0 sub { vertical-align: sub; font-size: smaller; } #imTextObject_18_04_tab0 img { border: none; margin: 0; vertical-align: text-bottom;} #imTextObject_18_04_tab0 .fleft { float: left; vertical-align: baseline;} #imTextObject_18_04_tab0 .fright { float: right; vertical-align: baseline;} #imTextObject_18_04_tab0 img.fleft { margin-right: 15px; } #imTextObject_18_04_tab0 img.fright { margin-left: 15px; } #imTextObject_18_04_tab0 .imTALeft { text-align: left; } #imTextObject_18_04_tab0 .imTARight { text-align: right; } #imTextObject_18_04_tab0 .imTACenter { text-align: center; } #imTextObject_18_04_tab0 .imTAJustify { text-align: justify; } #imTextObject_18_04_tab0 .imUl { text-decoration: underline; } #imTextObject_18_04_tab0 .imStrike { text-decoration: line-through; } #imTextObject_18_04_tab0 .imUlStrike { text-decoration: underline line-through; } #imTextObject_18_04_tab0 .imVt { vertical-align: top; } #imTextObject_18_04_tab0 .imVc { vertical-align: middle; } #imTextObject_18_04_tab0 .imVb { vertical-align: bottom; } #imTextObject_18_04_tab0 hr { border-width: 1px 0 0 0; border-style: solid; } #imTextObject_18_04_tab0 .fs28lh1-5 { vertical-align: baseline; font-size: 28pt; line-height: 56px; } #imTextObject_18_04_tab0 .cf1 { color: rgb(255, 0, 191); } #imTextObject_18_04_tab0 .fs26lh1-5 { vertical-align: baseline; font-size: 26pt; line-height: 52px; } #imTextObject_18_04_tab0 .cf2 { color: rgb(0, 48, 191); } #imTextObject_18_04_tab0 .fs18lh1-5 { vertical-align: baseline; font-size: 18pt; line-height: 36px; } #imTextObject_18_04_tab0 .cb1 { background-color: rgb(255, 191, 239); } #imTextObject_18_04_tab0 .fs14lh1-5 { vertical-align: baseline; font-size: 14pt; line-height: 28px; } #imTextObject_18_04 .text-container {width: 100%;}#imTextObject_18_04 .text-container {margin: 0 auto; position: relative;overflow: hidden; display: -ms-grid; display: grid; -ms-grid-template-rows: 1fr; grid-template-rows: 1fr; -ms-grid-template-columns: 1fr; grid-template-columns: 1fr; background-color: rgba(255, 255, 255, 1); border-style: solid;border-color: rgba(169, 169, 169, 1); } #imTextObject_18_04 .text-container .grid-prop.current-tab {z-index: 1; opacity: 1; } #imTextObject_18_04 .text-container .grid-prop {-ms-grid-column: 1; -ms-grid-row: 1; grid-area: 1 / 1 / 2 / 2; opacity: 0; box-sizing: border-box; position: relative; } #imTextObject_18_04 .text-container .text-tab-content.detach {position: absolute; top: 0; left: 0; width: 100%; display: none; } #imCell_3 { -ms-grid-columns: 100%; grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imObjectGallery_18_03 { position: relative; -ms-grid-row-align: start; align-self: start; -ms-grid-column-align: center; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_3 { position: absolute; top: 3px; bottom: 3px; background-color: transparent; } #imCellStyleBorders_3 { position: absolute; top: 3px; bottom: 3px; } #imObjectGallery_18_03 { width: 100%; max-width: 100%; } #imObjectGallery_18_03 { overflow: hidden; } #imObjectGallery_18_03 > div { margin: 0 auto; } #imObjectGallery_18_03 a:link, #imContent #imObjectGallery_18_03 a:hover, #imContent #imObjectGallery_18_03 a:visited, #imContent #imObjectGallery_18_03 a:active { border: none; background-color: transparent; text-decoration: none; } #imCell_7 { -ms-grid-columns: 100%; grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_18_07 { position: relative; -ms-grid-row-align: start; align-self: start; -ms-grid-column-align: center; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_7 { position: absolute; top: 3px; bottom: 3px; background-color: transparent; } #imCellStyleBorders_7 { position: absolute; top: 3px; bottom: 3px; } #imCell_10 { -ms-grid-columns: 100%; grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imObjectImage_18_10 { position: relative; -ms-grid-row-align: start; align-self: start; -ms-grid-column-align: center; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_10 { position: absolute; top: 3px; bottom: 3px; background-color: transparent; } #imCellStyleBorders_10 { position: absolute; top: 3px; bottom: 3px; } #imObjectImage_18_10 #imObjectImage_18_10_container { width: 640px; max-width: 100%; } #imObjectImage_18_10 { vertical-align: top; margin: 0 auto; } #imObjectImage_18_10 #imObjectImage_18_10_container img { width: 100%; vertical-align: top; }#imCell_5 { -ms-grid-columns: 100%; grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imProductList_18_05 { position: relative; -ms-grid-row-align: start; align-self: start; -ms-grid-column-align: center; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_5 { position: absolute; top: 3px; bottom: 3px; background-color: transparent; } #imCellStyleBorders_5 { position: absolute; top: 3px; bottom: 3px; } #imProductList_18_05 { width: 100%; } #imProductList_18_05 .imProductListCard { float: left; position: relative; box-sizing: border-box; height: 150px; background-color: rgba(255, 255, 255, 1); border-style: solid; border-width: 1px 1px 1px 1px; border-color: rgba(128, 128, 128, 1) rgba(128, 128, 128, 1) rgba(128, 128, 128, 1) rgba(128, 128, 128, 1); border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; text-align: left; line-height: 1.2; } #imProductList_18_05 .imProductListSeparator { margin: 0 8px 0 8px; border-bottom: 1px solid rgba(169, 169, 169, 1); } #imProductList_18_05 .imProductListName a { color: rgba(0, 0, 0, 1); text-decoration: none; } #imProductList_18_05 .imProductListImage { margin: 0px 0px 0px 0px; background-position: center center; background-repeat: no-repeat; background-size: contain; cursor: pointer; } #imProductList_18_05 select { border: 1px solid rgba(169, 169, 169, 1); display: inline-block; line-height: 24px; height: 24px; font: normal normal normal 9pt 'Noto Sans Thai'; color: rgba(169, 169, 169, 1); text-decoration: none; } #imProductList_18_05 .product-available-quantity { display: inline-block; } #imProductList_18_05 .imProductListName { padding: 8px 8px 0 8px; font-family: Noto Sans Thai; font-size: 12pt; font-style: normal; font-weight: normal; color: rgba(0, 0, 0, 1); overflow: hidden; } #imProductList_18_05 .imProductListName a { color: rgba(0, 0, 0, 1); text-decoration: none; } #imProductList_18_05 .imProductListCategory { padding: 5px 8px 0 8px; font-family: Noto Sans Thai; font-size: 9pt; font-style: normal; font-weight: normal; color: rgba(169, 169, 169, 1); overflow: hidden; } #imProductList_18_05 .imProductListDescription { padding: 7px 8px 5px 8px; font-family: Noto Sans Thai; font-size: 9pt; font-style: normal; font-weight: normal; color: rgba(0, 0, 0, 1); overflow: auto; } #imProductList_18_05 .imProductListAvailability { padding: 5px 8px 5px 8px; font-family: Noto Sans Thai; font-size: 9pt; font-style: normal; font-weight: normal; color: rgba(169, 169, 169, 1); overflow: hidden; } #imProductList_18_05 .imProductListPrice { padding: 5px 0 8px 8px; font-family: Noto Sans Thai; font-size: 9pt; font-style: normal; font-weight: normal; color: rgba(169, 169, 169, 1); overflow: hidden; } #imProductList_18_05 .imProductListOptions { padding: 5px 8px 5px 8px; font-family: Noto Sans Thai; font-size: 9pt; font-style: normal; font-weight: normal; color: rgba(169, 169, 169, 1); overflow: hidden; } #imProductList_18_05 .imProductListQtyDiscount { padding: 5px 8px 5px 8px; font-family: Noto Sans Thai; font-size: 9pt; font-style: normal; font-weight: normal; color: rgba(169, 169, 169, 1); overflow: hidden; } #imProductList_18_05 input.imProductListQty { border-radius: 0px; box-shadow: none; margin: 5px 5px 8px 5px; max-width: 3em; padding: 2px 0 2px 5px; border: 1px solid rgba(169, 169, 169, 1); background-color: rgba(255, 255, 255, 1); font: normal normal normal 9pt 'Noto Sans Thai'; color: rgba(169, 169, 169, 1); text-decoration: none; ; text-align: left; overflow: hidden; } #imProductList_18_05 .imProductListButton { margin: 5px 8px 8px 0; border-style: solid; border-width: 0px 0px 0px 0px; border-color: transparent transparent transparent transparent; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; padding: 5px 5px; background-color: rgba(50, 205, 50, 1); font-family: Noto Sans Thai; font-size: 9pt; font-style: normal; font-weight: normal; color: rgba(255, 255, 255, 1); cursor: pointer; overflow: hidden; } #imProductList_18_05 .imProductListCard { display: grid; display: -ms-grid; grid-template-columns: 50% 1fr auto; -ms-grid-columns: 50% 1fr auto auto; grid-template-rows: auto auto 1fr auto; -ms-grid-rows: auto auto 1fr auto auto auto auto auto; } #imProductList_18_05 .imProductListImage { grid-column: 1 / 2; -ms-grid-column: 1; grid-row: 1 / 9; -ms-grid-row: 1; -ms-grid-row-span: 8; } #imProductList_18_05 .imProductListName { grid-column: 2 / 5; -ms-grid-column: 2; -ms-grid-column-span: 3; grid-row: 1 / 2; -ms-grid-row: 1; } #imProductList_18_05 .imProductListCategory { grid-column: 2 / 5; -ms-grid-column: 2; -ms-grid-column-span: 3; grid-row: 2 / 3; -ms-grid-row: 2; } #imProductList_18_05 .imProductListDescription { grid-column: 2 / 5; -ms-grid-column: 2; -ms-grid-column-span: 3; grid-row: 3 / 4; -ms-grid-row: 3; } #imProductList_18_05 .imProductListSeparator { grid-column: 2 / 5; -ms-grid-column: 2; -ms-grid-column-span: 3; grid-row: 4 / 5; -ms-grid-row: 4; } #imProductList_18_05 .imProductListAvailability { grid-column: 2 / 5; -ms-grid-column: 2; -ms-grid-column-span: 3; grid-row: 5 / 6; -ms-grid-row: 5; } #imProductList_18_05 .imProductListPrice { grid-column: 2 / 3; -ms-grid-column: 2; grid-row: 8 / 9; -ms-grid-row: 8; align-self: safe center; -ms-grid-row-align: center; } #imProductList_18_05 .imProductListOptions { grid-column: 2 / 5; -ms-grid-column: 2; -ms-grid-column-span: 3; grid-row: 7 / 8; -ms-grid-row: 7; } #imProductList_18_05 .imProductListQty { grid-column: 3 / 4; -ms-grid-column: 3; grid-row: 8 / 9; -ms-grid-row: 8; align-self: safe center; -ms-grid-row-align: center; } #imProductList_18_05 .imProductListQtyDiscount { grid-column: 2 / 5; -ms-grid-column: 2; -ms-grid-column-span: 3; grid-row: 6 / 7; -ms-grid-row: 6; } #imProductList_18_05 .imProductListButton { grid-column: 4 / 5; -ms-grid-column: 4; grid-row: 8 / 9; -ms-grid-row: 8; align-self: safe center; -ms-grid-row-align: center; } #imCell_6 { -ms-grid-columns: 100%; grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imHTMLObject_18_06 { position: relative; -ms-grid-row-align: start; align-self: start; -ms-grid-column-align: center; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_6 { position: absolute; top: 3px; bottom: 3px; background-color: transparent; } #imCellStyleBorders_6 { position: absolute; top: 3px; bottom: 3px; } Toyota Fortuner Android Installation

Toyota Fortuner Android Installation Guide

Introduction

This guide will walk you through the steps to install an Android system in a Toyota Fortuner.

Requirements

Installation Steps

  1. Open the dashboard panel.
  2. Remove the old system (if any).
  3. Fit the Android system in the slot.
  4. Connect the necessary cables.
  5. Test the system to ensure it's functioning correctly.
#imCell_8 { -ms-grid-columns: 100%; grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imObjectImage_18_08 { position: relative; -ms-grid-row-align: start; align-self: start; -ms-grid-column-align: center; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_8 { position: absolute; top: 3px; bottom: 3px; background-color: transparent; } #imCellStyleBorders_8 { position: absolute; top: 3px; bottom: 3px; } #imObjectImage_18_08 #imObjectImage_18_08_container { width: 337px; max-width: 100%; } #imObjectImage_18_08 { vertical-align: top; margin: 0 auto; } #imObjectImage_18_08 #imObjectImage_18_08_container img { width: 100%; vertical-align: top; }#imCell_9 { -ms-grid-columns: 100%; grid-template-columns: 100%; position: relative; box-sizing: border-box; } #imObjectImage_18_09 { position: relative; -ms-grid-row-align: start; align-self: start; -ms-grid-column-align: center; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; } #imCellStyleGraphics_9 { position: absolute; top: 3px; bottom: 3px; background-color: transparent; } #imCellStyleBorders_9 { position: absolute; top: 3px; bottom: 3px; } #imObjectImage_18_09 #imObjectImage_18_09_container { width: 337px; max-width: 100%; } #imObjectImage_18_09 { vertical-align: top; margin: 0 auto; } #imObjectImage_18_09 #imObjectImage_18_09_container img { width: 100%; vertical-align: top; }@media (min-width: 1150px) { #imContent { padding-left: 5px; padding-right:5px; } .imPageRow { margin-left: -5px; margin-right: -5px; } #imPgTitle { width: 969px; margin-left: 6px; margin-right: 6px; } #imBreadcrumb { width: 969px; margin-left: 6px; margin-right: 6px; } #imCell_1 { padding-top: 3px; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; } #imCell_1 { -ms-grid-rows: 100%; grid-template-rows: 100%; } #imObjectTitle_18_01 { padding-top: 3px; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; } #imCellStyleGraphics_1 { left: 3px; right: 3px; } #imCellStyleBorders_1 { left: 3px; right: 3px; border-top: 0; border-bottom: 0; border-left: 0; border-right: 0; } #imObjectTitle_18_01{ text-shadow: -1px -1px 0px rgba(64, 128, 255, 1), -1px 1px 0px rgba(64, 128, 255, 1), 1px -1px 0px rgba(64, 128, 255, 1), 1px 1px 0px rgba(64, 128, 255, 1), -2px -2px 3px rgba(0, 64, 255, 1), -2px 2px 3px rgba(0, 64, 255, 1), 2px -2px 3px rgba(0, 64, 255, 1), 2px 2px 3px rgba(0, 64, 255, 1)}#imObjectTitle_18_01 { width: 100%; } #imObjectTitle_18_01_text { margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px; } #imCell_2 { padding-top: 3px; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; } #imCell_2 { -ms-grid-rows: 100%; grid-template-rows: 100%; } #imObjectImage_18_02 { padding-top: 3px; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; } #imCellStyleGraphics_2 { left: 3px; right: 3px; } #imCellStyleBorders_2 { left: 3px; right: 3px; border-top: 0; border-bottom: 0; border-left: 0; border-right: 0; } #imCell_4 { padding-top: 3px; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; } #imCell_4 { -ms-grid-rows: 100%; grid-template-rows: 100%; } #imTextObject_18_04 { padding-top: 3px; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; } #imCellStyleGraphics_4 { left: 3px; right: 3px; } #imCellStyleBorders_4 { left: 3px; right: 3px; border-top: 0; border-bottom: 0; border-left: 0; border-right: 0; } #imTextObject_18_04 .text-container {border-width: 0 1px 1px 1px;box-sizing: border-box;width: 100%;} #imCell_3 { padding-top: 3px; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; } #imCell_3 { -ms-grid-rows: 100%; grid-template-rows: 100%; } #imObjectGallery_18_03 { padding-top: 3px; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; } #imCellStyleGraphics_3 { left: 3px; right: 3px; } #imCellStyleBorders_3 { left: 3px; right: 3px; border-top: 0; border-bottom: 0; border-left: 0; border-right: 0; } #imCell_7 { padding-top: 3px; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; } #imCell_7 { -ms-grid-rows: 100%; grid-template-rows: 100%; } #imHTMLObject_18_07 { padding-top: 3px; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; } #imCellStyleGraphics_7 { left: 3px; right: 3px; } #imCellStyleBorders_7 { left: 3px; right: 3px; border-top: 0; border-bottom: 0; border-left: 0; border-right: 0; } #imCell_10 { padding-top: 3px; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; } #imCell_10 { -ms-grid-rows: 100%; grid-template-rows: 100%; } #imObjectImage_18_10 { padding-top: 3px; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; } #imCellStyleGraphics_10 { left: 3px; right: 3px; } #imCellStyleBorders_10 { left: 3px; right: 3px; border-top: 0; border-bottom: 0; border-left: 0; border-right: 0; } #imCell_5 { padding-top: 3px; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; } #imCell_5 { -ms-grid-rows: 100%; grid-template-rows: 100%; } #imProductList_18_05 { padding-top: 3px; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; } #imCellStyleGraphics_5 { left: 3px; right: 3px; } #imCellStyleBorders_5 { left: 3px; right: 3px; border-top: 0; border-bottom: 0; border-left: 0; border-right: 0; } #imProductList_18_05 .imProductListCard { width: calc(50% - 8px); margin: 8px 8px 0 0; } #imProductList_18_05 .imProductListCard:nth-of-type(2n) { width: 50%; margin-right: 0; } #imProductList_18_05 .imProductListCard:nth-of-type(-n+2) { margin-top: 0; } #imCell_6 { padding-top: 3px; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; } #imCell_6 { -ms-grid-rows: 100%; grid-template-rows: 100%; } #imHTMLObject_18_06 { padding-top: 3px; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; } #imCellStyleGraphics_6 { left: 3px; right: 3px; } #imCellStyleBorders_6 { left: 3px; right: 3px; border-top: 0; border-bottom: 0; border-left: 0; border-right: 0; } #imCell_8 { padding-top: 3px; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; } #imCell_8 { -ms-grid-rows: 100%; grid-template-rows: 100%; } #imObjectImage_18_08 { padding-top: 3px; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; } #imCellStyleGraphics_8 { left: 3px; right: 3px; } #imCellStyleBorders_8 { left: 3px; right: 3px; border-top: 0; border-bottom: 0; border-left: 0; border-right: 0; } #imCell_9 { padding-top: 3px; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; } #imCell_9 { -ms-grid-rows: 100%; grid-template-rows: 100%; } #imObjectImage_18_09 { padding-top: 3px; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; } #imCellStyleGraphics_9 { left: 3px; right: 3px; } #imCellStyleBorders_9 { left: 3px; right: 3px; border-top: 0; border-bottom: 0; border-left: 0; border-right: 0; } } @media (max-width: 1149px) and (min-width: 720px) { #imContent { padding-left: 5px; padding-right:5px; } .imPageRow { margin-left: -5px; margin-right: -5px; } #imPgTitle { width: 693px; margin-left: 6px; margin-right: 6px; } #imBreadcrumb { width: 693px; margin-left: 6px; margin-right: 6px; } #imCell_1 { padding-top: 3px; padding-bottom: 3px; padding-left: 2px; padding-right: 2px; } #imCell_1 { -ms-grid-rows: 100%; grid-template-rows: 100%; } #imObjectTitle_18_01 { padding-top: 3px; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; } #imCellStyleGraphics_1 { left: 2px; right: 2px; } #imCellStyleBorders_1 { left: 2px; right: 2px; border-top: 0; border-bottom: 0; border-left: 0; border-right: 0; } #imObjectTitle_18_01{ text-shadow: -1px -1px 0px rgba(64, 128, 255, 1), -1px 1px 0px rgba(64, 128, 255, 1), 1px -1px 0px rgba(64, 128, 255, 1), 1px 1px 0px rgba(64, 128, 255, 1), -2px -2px 3px rgba(0, 64, 255, 1), -2px 2px 3px rgba(0, 64, 255, 1), 2px -2px 3px rgba(0, 64, 255, 1), 2px 2px 3px rgba(0, 64, 255, 1)}#imObjectTitle_18_01 { width: 100%; } #imObjectTitle_18_01_text { margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px; } #imCell_2 { padding-top: 3px; padding-bottom: 3px; padding-left: 2px; padding-right: 2px; } #imCell_2 { -ms-grid-rows: 100%; grid-template-rows: 100%; } #imObjectImage_18_02 { padding-top: 3px; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; } #imCellStyleGraphics_2 { left: 2px; right: 2px; } #imCellStyleBorders_2 { left: 2px; right: 2px; border-top: 0; border-bottom: 0; border-left: 0; border-right: 0; } #imCell_4 { padding-top: 3px; padding-bottom: 3px; padding-left: 2px; padding-right: 2px; } #imCell_4 { -ms-grid-rows: 100%; grid-template-rows: 100%; } #imTextObject_18_04 { padding-top: 3px; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; } #imCellStyleGraphics_4 { left: 2px; right: 2px; } #imCellStyleBorders_4 { left: 2px; right: 2px; border-top: 0; border-bottom: 0; border-left: 0; border-right: 0; } #imTextObject_18_04 .text-container {border-width: 0 1px 1px 1px;box-sizing: border-box;width: 100%;} #imCell_3 { padding-top: 3px; padding-bottom: 3px; padding-left: 2px; padding-right: 2px; } #imCell_3 { -ms-grid-rows: 100%; grid-template-rows: 100%; } #imObjectGallery_18_03 { padding-top: 3px; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; } #imCellStyleGraphics_3 { left: 2px; right: 2px; } #imCellStyleBorders_3 { left: 2px; right: 2px; border-top: 0; border-bottom: 0; border-left: 0; border-right: 0; } #imCell_7 { padding-top: 3px; padding-bottom: 3px; padding-left: 2px; padding-right: 2px; } #imCell_7 { -ms-grid-rows: 100%; grid-template-rows: 100%; } #imHTMLObject_18_07 { padding-top: 3px; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; } #imCellStyleGraphics_7 { left: 2px; right: 2px; } #imCellStyleBorders_7 { left: 2px; right: 2px; border-top: 0; border-bottom: 0; border-left: 0; border-right: 0; } #imCell_10 { padding-top: 3px; padding-bottom: 3px; padding-left: 2px; padding-right: 2px; } #imCell_10 { -ms-grid-rows: 100%; grid-template-rows: 100%; } #imObjectImage_18_10 { padding-top: 3px; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; } #imCellStyleGraphics_10 { left: 2px; right: 2px; } #imCellStyleBorders_10 { left: 2px; right: 2px; border-top: 0; border-bottom: 0; border-left: 0; border-right: 0; } #imCell_5 { padding-top: 3px; padding-bottom: 3px; padding-left: 2px; padding-right: 2px; } #imCell_5 { -ms-grid-rows: 100%; grid-template-rows: 100%; } #imProductList_18_05 { padding-top: 3px; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; } #imCellStyleGraphics_5 { left: 2px; right: 2px; } #imCellStyleBorders_5 { left: 2px; right: 2px; border-top: 0; border-bottom: 0; border-left: 0; border-right: 0; } #imProductList_18_05 .imProductListCard { width: calc(50% - 8px); margin: 8px 8px 0 0; } #imProductList_18_05 .imProductListCard:nth-of-type(2n) { width: 50%; margin-right: 0; } #imProductList_18_05 .imProductListCard:nth-of-type(-n+2) { margin-top: 0; } #imCell_6 { padding-top: 3px; padding-bottom: 3px; padding-left: 2px; padding-right: 2px; } #imCell_6 { -ms-grid-rows: 100%; grid-template-rows: 100%; } #imHTMLObject_18_06 { padding-top: 3px; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; } #imCellStyleGraphics_6 { left: 2px; right: 2px; } #imCellStyleBorders_6 { left: 2px; right: 2px; border-top: 0; border-bottom: 0; border-left: 0; border-right: 0; } #imCell_8 { padding-top: 3px; padding-bottom: 3px; padding-left: 2px; padding-right: 2px; } #imCell_8 { -ms-grid-rows: 100%; grid-template-rows: 100%; } #imObjectImage_18_08 { padding-top: 3px; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; } #imCellStyleGraphics_8 { left: 2px; right: 2px; } #imCellStyleBorders_8 { left: 2px; right: 2px; border-top: 0; border-bottom: 0; border-left: 0; border-right: 0; } #imCell_9 { padding-top: 3px; padding-bottom: 3px; padding-left: 2px; padding-right: 2px; } #imCell_9 { -ms-grid-rows: 100%; grid-template-rows: 100%; } #imObjectImage_18_09 { padding-top: 3px; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; } #imCellStyleGraphics_9 { left: 2px; right: 2px; } #imCellStyleBorders_9 { left: 2px; right: 2px; border-top: 0; border-bottom: 0; border-left: 0; border-right: 0; } } @media (max-width: 719px) and (min-width: 480px) { #imContent { padding-left: 5px; padding-right:5px; } .imPageRow { margin-left: -5px; margin-right: -5px; } #imPgTitle { width: 450px; margin-left: 6px; margin-right: 6px; } #imBreadcrumb { width: 450px; margin-left: 6px; margin-right: 6px; } #imCell_1 { padding-top: 3px; padding-bottom: 3px; padding-left: 1px; padding-right: 1px; } #imCell_1 { -ms-grid-rows: 100%; grid-template-rows: 100%; } #imObjectTitle_18_01 { padding-top: 3px; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; } #imCellStyleGraphics_1 { left: 1px; right: 1px; } #imCellStyleBorders_1 { left: 1px; right: 1px; border-top: 0; border-bottom: 0; border-left: 0; border-right: 0; } #imObjectTitle_18_01{ text-shadow: -1px -1px 0px rgba(64, 128, 255, 1), -1px 1px 0px rgba(64, 128, 255, 1), 1px -1px 0px rgba(64, 128, 255, 1), 1px 1px 0px rgba(64, 128, 255, 1), -2px -2px 3px rgba(0, 64, 255, 1), -2px 2px 3px rgba(0, 64, 255, 1), 2px -2px 3px rgba(0, 64, 255, 1), 2px 2px 3px rgba(0, 64, 255, 1)}#imObjectTitle_18_01 { width: 100%; } #imObjectTitle_18_01_text { margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px; } #imCell_2 { padding-top: 3px; padding-bottom: 3px; padding-left: 1px; padding-right: 1px; } #imCell_2 { -ms-grid-rows: 100%; grid-template-rows: 100%; } #imObjectImage_18_02 { padding-top: 3px; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; } #imCellStyleGraphics_2 { left: 1px; right: 1px; } #imCellStyleBorders_2 { left: 1px; right: 1px; border-top: 0; border-bottom: 0; border-left: 0; border-right: 0; } #imCell_4 { padding-top: 3px; padding-bottom: 3px; padding-left: 1px; padding-right: 1px; } #imCell_4 { -ms-grid-rows: 100%; grid-template-rows: 100%; } #imTextObject_18_04 { padding-top: 3px; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; } #imCellStyleGraphics_4 { left: 1px; right: 1px; } #imCellStyleBorders_4 { left: 1px; right: 1px; border-top: 0; border-bottom: 0; border-left: 0; border-right: 0; } #imTextObject_18_04 .text-container {border-width: 0 1px 1px 1px;box-sizing: border-box;width: 100%;} #imCell_3 { padding-top: 3px; padding-bottom: 3px; padding-left: 1px; padding-right: 1px; } #imCell_3 { -ms-grid-rows: 100%; grid-template-rows: 100%; } #imObjectGallery_18_03 { padding-top: 3px; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; } #imCellStyleGraphics_3 { left: 1px; right: 1px; } #imCellStyleBorders_3 { left: 1px; right: 1px; border-top: 0; border-bottom: 0; border-left: 0; border-right: 0; } #imCell_7 { padding-top: 3px; padding-bottom: 3px; padding-left: 1px; padding-right: 1px; } #imCell_7 { -ms-grid-rows: 100%; grid-template-rows: 100%; } #imHTMLObject_18_07 { padding-top: 3px; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; } #imCellStyleGraphics_7 { left: 1px; right: 1px; } #imCellStyleBorders_7 { left: 1px; right: 1px; border-top: 0; border-bottom: 0; border-left: 0; border-right: 0; } #imCell_10 { padding-top: 3px; padding-bottom: 3px; padding-left: 1px; padding-right: 1px; } #imCell_10 { -ms-grid-rows: 100%; grid-template-rows: 100%; } #imObjectImage_18_10 { padding-top: 3px; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; } #imCellStyleGraphics_10 { left: 1px; right: 1px; } #imCellStyleBorders_10 { left: 1px; right: 1px; border-top: 0; border-bottom: 0; border-left: 0; border-right: 0; } #imCell_5 { padding-top: 3px; padding-bottom: 3px; padding-left: 1px; padding-right: 1px; } #imCell_5 { -ms-grid-rows: 100%; grid-template-rows: 100%; } #imProductList_18_05 { padding-top: 3px; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; } #imCellStyleGraphics_5 { left: 1px; right: 1px; } #imCellStyleBorders_5 { left: 1px; right: 1px; border-top: 0; border-bottom: 0; border-left: 0; border-right: 0; } #imProductList_18_05 .imProductListCard { width: 100%; margin-top: 8px; } #imProductList_18_05 .imProductListCard:first-of-type { margin-top: 0; } #imCell_6 { padding-top: 3px; padding-bottom: 3px; padding-left: 1px; padding-right: 1px; } #imCell_6 { -ms-grid-rows: 100%; grid-template-rows: 100%; } #imHTMLObject_18_06 { padding-top: 3px; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; } #imCellStyleGraphics_6 { left: 1px; right: 1px; } #imCellStyleBorders_6 { left: 1px; right: 1px; border-top: 0; border-bottom: 0; border-left: 0; border-right: 0; } #imCell_8 { padding-top: 3px; padding-bottom: 3px; padding-left: 1px; padding-right: 1px; } #imCell_8 { -ms-grid-rows: 100%; grid-template-rows: 100%; } #imObjectImage_18_08 { padding-top: 3px; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; } #imCellStyleGraphics_8 { left: 1px; right: 1px; } #imCellStyleBorders_8 { left: 1px; right: 1px; border-top: 0; border-bottom: 0; border-left: 0; border-right: 0; } #imCell_9 { padding-top: 3px; padding-bottom: 3px; padding-left: 1px; padding-right: 1px; } #imCell_9 { -ms-grid-rows: 100%; grid-template-rows: 100%; } #imObjectImage_18_09 { padding-top: 3px; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; } #imCellStyleGraphics_9 { left: 1px; right: 1px; } #imCellStyleBorders_9 { left: 1px; right: 1px; border-top: 0; border-bottom: 0; border-left: 0; border-right: 0; } } @media (max-width: 479px) { #imContent { padding-left: 5px; padding-right:5px; } .imPageRow { margin-left: -5px; margin-right: -5px; } #imPgTitle { width: 100%; margin-left: 0px; margin-right: 0px; } #imBreadcrumb { width: 100%; margin-left: 0px; margin-right: 0px; } #imCell_1 { padding-top: 3px; padding-bottom: 3px; padding-left: 5px; padding-right: 5px; } #imObjectTitle_18_01 { padding-top: 3px; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; } #imCell_1 { -ms-grid-rows: 100%; grid-template-rows: 100%; } #imCellStyleGraphics_1 { top: 3px; bottom: 3px; left: 5px; right: 5px; box-sizing: border-box; } #imObjectTitle_18_01{ text-shadow: -1px -1px 0px rgba(64, 128, 255, 1), -1px 1px 0px rgba(64, 128, 255, 1), 1px -1px 0px rgba(64, 128, 255, 1), 1px 1px 0px rgba(64, 128, 255, 1), -2px -2px 3px rgba(0, 64, 255, 1), -2px 2px 3px rgba(0, 64, 255, 1), 2px -2px 3px rgba(0, 64, 255, 1), 2px 2px 3px rgba(0, 64, 255, 1)}#imObjectTitle_18_01 { width: 100%; } #imObjectTitle_18_01_text { margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px; } #imCell_2 { padding-top: 3px; padding-bottom: 3px; padding-left: 5px; padding-right: 5px; } #imObjectImage_18_02 { padding-top: 3px; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; } #imCell_2 { -ms-grid-rows: 100%; grid-template-rows: 100%; } #imCellStyleGraphics_2 { top: 3px; bottom: 3px; left: 5px; right: 5px; box-sizing: border-box; } #imCell_4 { padding-top: 3px; padding-bottom: 3px; padding-left: 5px; padding-right: 5px; } #imTextObject_18_04 { padding-top: 3px; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; } #imCell_4 { -ms-grid-rows: 100%; grid-template-rows: 100%; } #imCellStyleGraphics_4 { top: 3px; bottom: 3px; left: 5px; right: 5px; box-sizing: border-box; } #imTextObject_18_04 .text-container {border-width: 0 1px 1px 1px;box-sizing: border-box;width: 100%;} #imCell_3 { padding-top: 3px; padding-bottom: 3px; padding-left: 5px; padding-right: 5px; } #imObjectGallery_18_03 { padding-top: 3px; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; } #imCell_3 { -ms-grid-rows: 100%; grid-template-rows: 100%; } #imCellStyleGraphics_3 { top: 3px; bottom: 3px; left: 5px; right: 5px; box-sizing: border-box; } #imCell_7 { padding-top: 3px; padding-bottom: 3px; padding-left: 5px; padding-right: 5px; } #imHTMLObject_18_07 { padding-top: 3px; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; } #imCell_7 { -ms-grid-rows: 100%; grid-template-rows: 100%; } #imCellStyleGraphics_7 { top: 3px; bottom: 3px; left: 5px; right: 5px; box-sizing: border-box; } #imCell_10 { padding-top: 3px; padding-bottom: 3px; padding-left: 5px; padding-right: 5px; } #imObjectImage_18_10 { padding-top: 3px; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; } #imCell_10 { -ms-grid-rows: 100%; grid-template-rows: 100%; } #imCellStyleGraphics_10 { top: 3px; bottom: 3px; left: 5px; right: 5px; box-sizing: border-box; } #imCell_5 { padding-top: 3px; padding-bottom: 3px; padding-left: 5px; padding-right: 5px; } #imProductList_18_05 { padding-top: 3px; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; } #imCell_5 { -ms-grid-rows: 100%; grid-template-rows: 100%; } #imCellStyleGraphics_5 { top: 3px; bottom: 3px; left: 5px; right: 5px; box-sizing: border-box; } #imProductList_18_05 .imProductListCard { width: 100%; margin-top: 8px; } #imProductList_18_05 .imProductListCard:first-of-type { margin-top: 0; } #imCell_6 { padding-top: 3px; padding-bottom: 3px; padding-left: 5px; padding-right: 5px; } #imHTMLObject_18_06 { padding-top: 3px; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; } #imCell_6 { -ms-grid-rows: 100%; grid-template-rows: 100%; } #imCellStyleGraphics_6 { top: 3px; bottom: 3px; left: 5px; right: 5px; box-sizing: border-box; } #imCell_8 { padding-top: 3px; padding-bottom: 3px; padding-left: 5px; padding-right: 5px; } #imObjectImage_18_08 { padding-top: 3px; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; } #imCell_8 { -ms-grid-rows: 100%; grid-template-rows: 100%; } #imCellStyleGraphics_8 { top: 3px; bottom: 3px; left: 5px; right: 5px; box-sizing: border-box; } #imCell_9 { padding-top: 3px; padding-bottom: 3px; padding-left: 5px; padding-right: 5px; } #imObjectImage_18_09 { padding-top: 3px; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; } #imCell_9 { -ms-grid-rows: 100%; grid-template-rows: 100%; } #imCellStyleGraphics_9 { top: 3px; bottom: 3px; left: 5px; right: 5px; box-sizing: border-box; } } @media (min-width: 1150px) { #imHeader_imObjectSearch_10_wrapper { position: absolute; top: 160px; left: 700px; width: 200px; height: 22px; text-align: center; z-index: 1002; overflow: hidden; } #imHeader_imCell_10 { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } #imHeader_imCell_10 { -ms-grid-rows: 100%; grid-template-rows: 100%; } #imHeader_imObjectSearch_10 { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } #imHeader_imCellStyleGraphics_10 { left: 0px; right: 0px; } #imHeader_imCellStyleBorders_10 { left: 0px; right: 0px; border-top: 0; border-bottom: 0; border-left: 0; border-right: 0; } #imHeader_imObjectSearch_10_button { width: 39px; } input#imHeader_imObjectSearch_10_field[type=text] { width: 158px; margin-right: 3px; } #imHeader_imObjectSearch_10_field { background-position: 3px center; } #imHeader_imObjectImage_11_wrapper { display: none; } #imHeader_imObjectImage_11_wrapper img {-webkit-clip-path: inset(0 0 24.242% 0);clip-path: inset(0 0 24.242% 0);}#imHeader_imCell_11 { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } #imHeader_imCell_11 { -ms-grid-rows: 100%; grid-template-rows: 100%; } #imHeader_imObjectImage_11 { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } #imHeader_imCellStyleGraphics_11 { left: 0px; right: 0px; } #imHeader_imCellStyleBorders_11 { left: 0px; right: 0px; border-top: 0; border-bottom: 0; border-left: 0; border-right: 0; } #imHeader_imMenuObject_12_wrapper { display: none; } #imHeader_imCell_12 { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } #imHeader_imCell_12 { -ms-grid-rows: 100%; grid-template-rows: 100%; } #imHeader_imMenuObject_12 { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } #imHeader_imCellStyleGraphics_12 { left: 0px; right: 0px; } #imHeader_imCellStyleBorders_12 { left: 0px; right: 0px; border-top: 0; border-bottom: 0; border-left: 0; border-right: 0; } /* Main menu background */ #imHeader_imMenuObject_12_container { border-style: solid; border-width: 0px 0px 0px 0px; border-color: transparent transparent transparent transparent; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; width: 100%; box-sizing: border-box; background-color: transparent; padding: 0px 0px 0px 0px; display: inline-table;} #imHeader_imMenuObject_12_container > ul:after {content: '';display: table;clear: both; } /* Main menu button size and position */ #imHeader_imMenuObject_12_container > ul > li {position: relative;margin-left: 2px; margin-top: 0px; display: inline-block; vertical-align: top; } #imHeader_imMenuObject_12_container > ul > li > .label-wrapper, #imHeader_imMenuObject_12_container > ul > li > div > .label-wrapper { display: block; overflow: hidden; width: 130px; height: 30px; padding: 0 5px 0 5px; border-width: 0px 0px 0px 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;} #imHeader_imMenuObject_12 .hamburger-button {cursor: pointer; width: 30px; height: 30px; display: inline-block; vertical-align: top; padding: 0; border-width: 0px 0px 0px 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;} #imHeader_imMenuObject_12 .hamburger-bar { margin: 3px auto; width: 65%; height: 3px; background-color: rgba(37, 58, 88, 1); } #imHeader_imMenuObject_12 .label-inner-wrapper, #imHeader_imMenuObject_12 .hamburger-button > div { display: table; width: 100%; height: 100%; position: relative; z-index: 1; } #imHeader_imMenuObject_12_container > ul > li .label, #imHeader_imMenuObject_12 .hamburger-button > div > div { display: table-cell; vertical-align: middle; } /* Main menu default button style */ #imHeader_imMenuObject_12_container > ul > li > .label-wrapper {background-color: transparent;background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imHeader_imMenuObject_12_container > ul > li > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 11pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(37, 58, 88, 1);font-weight: normal;} /* Hamburger button style */ #imHeader_imMenuObject_12 .hamburger-button {background-color: transparent;background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imHeader_imMenuObject_12 .hamburger-button .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 11pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(37, 58, 88, 1);font-weight: normal;} /* Main menu current button style */ #imHeader_imMenuObject_12_container > ul > .imMnMnCurrent > .label-wrapper {background-color: rgba(86, 126, 182, 1);background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imHeader_imMenuObject_12_container > ul > .imMnMnCurrent > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 11pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(255, 255, 255, 1);font-weight: normal;} /* Main menu hover button style */ #imHeader_imMenuObject_12_container > ul > li.imPage:hover > .label-wrapper {background-color: rgba(86, 126, 182, 1);background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imHeader_imMenuObject_12_container > ul > li.imPage:hover > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 11pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(255, 255, 255, 1);font-weight: normal;} #imHeader_imMenuObject_12_container > ul > li.imLevel:hover > .label-wrapper {background-color: rgba(86, 126, 182, 1);background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imHeader_imMenuObject_12_container > ul > li.imLevel:hover > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 11pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(255, 255, 255, 1);font-weight: normal;} /* Main menu separator button style */ #imHeader_imMenuObject_12_container > ul > .imMnMnSeparator > .label-wrapper {background-color: transparent;background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imHeader_imMenuObject_12_container > ul > .imMnMnSeparator > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 11pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(37, 58, 88, 1);font-weight: normal;} #imHeader_imMenuObject_12 .imLevel { cursor: default; } #imHeader_imMenuObject_12 { text-align: left;} #imHeader_imMenuObject_12 .hidden { display: none; } #imHeader_imMenuObject_12-menu-opened { overflow: visible; z-index: 10402; } #imHeader_imMenuObject_12-menu-opened ul ul { display: none; /*margin-bottom: 1px;*/ } #imHeader_imMenuObject_12-menu-opened li > div { display: none; } #imHeader_imMenuObject_12-menu-opened #imHeader_imMenuObject_12_container-menu-opened div > ul { display: block; } #imHeader_imMenuObject_12-menu-opened #imHeader_imMenuObject_12_container-menu-opened > ul { position: absolute; left: 0; right: auto; top: 40px; background-color: rgba(211, 211, 211, 1); overflow-x: hidden; overflow-y: auto; height: calc(100% - 40px) } #imHeader_imMenuObject_12-menu-opened .hamburger-menu-close-button { display: block; font-family: Arial; font-size: 30px; text-align: right; padding: 5px 10px; color: rgba(255, 255, 255, 1); } #imHeader_imMenuObject_12-menu-opened .hamburger-menu-close-button span { cursor: pointer; } #imHeader_imMenuObject_12-menu-opened { position:fixed; top: 0; bottom: 0; left: 0; width: 160px; border-style: solid; border-width: 0px 0px 0px 0px; border-color: transparent transparent transparent transparent; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;; } #imPageExtContainer:after{ position: fixed; top: 0; right: 0; width: 0; height: 0; content: ''; opacity: 0; transition: opacity 1000ms; z-index: 10401;} .menu-imHeader_imMenuObject_12-opened #imPageExtContainer:after{ width: 100%; height: 100%; background-color: rgba(0, 0, 0, 1); opacity: 0.5;} .menu-imHeader_imMenuObject_12-towards-closing #imPageExtContainer:after { width: 100%; height: 100%; background-color: transparent; opacity: 0.5; transition: background-color 1000ms linear, opacity;} #imHeader_imMenuObject_12 .hidden { display: none; } /* Responsive menu button size and position */ #imHeader_imMenuObject_12-menu-opened li {position: relative;margin-bottom: 0px; display: inline-block; vertical-align: top; } #imHeader_imMenuObject_12-menu-opened li:last-child {margin-bottom: 0;} #imHeader_imMenuObject_12-menu-opened .label-wrapper { display: block; overflow: hidden; position: relative; width: 150px; height: 26px; padding: 0 5px 0 5px; } #imHeader_imMenuObject_12-menu-opened .label-inner-wrapper { display: table; width: 100%; height: 100%; z-index: 1; position: relative; } #imHeader_imMenuObject_12-menu-opened .label { display: table-cell; vertical-align: middle; } #imHeader_imMenuObject_12-menu-opened .hamburger-menu-background { position: absolute;display: block;top: 0;bottom: 0;width: 160px;left: 0; right: auto;background-color: rgba(211, 211, 211, 1);transition: left 500ms, right 500ms, opacity 500ms;-webkit-transition: left 500ms, right 500ms, opacity 500ms;} /* Responsive menu default button style */ #imHeader_imMenuObject_12-menu-opened ul > li > .label-wrapper {background-color: rgba(211, 211, 211, 1);background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imHeader_imMenuObject_12-menu-opened ul > li > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 9pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(255, 255, 255, 1);font-weight: normal;} #imHeader_imMenuObject_12-menu-opened ul ul > li > .label-wrapper {background-color: rgba(191, 191, 191, 1);background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imHeader_imMenuObject_12-menu-opened ul ul > li > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 9pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(255, 255, 255, 1);font-weight: normal;} #imHeader_imMenuObject_12-menu-opened ul ul ul > li > .label-wrapper {background-color: rgba(171, 171, 171, 1);background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imHeader_imMenuObject_12-menu-opened ul ul ul > li > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 9pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(255, 255, 255, 1);font-weight: normal;} #imHeader_imMenuObject_12-menu-opened ul ul ul ul > li > .label-wrapper {background-color: rgba(151, 151, 151, 1);background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imHeader_imMenuObject_12-menu-opened ul ul ul ul > li > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 9pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(255, 255, 255, 1);font-weight: normal;} /* Responsive menu hover button style */ #imHeader_imMenuObject_12-menu-opened ul > li:hover > .label-wrapper {background-color: rgba(211, 211, 211, 1);background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imHeader_imMenuObject_12-menu-opened ul > li:hover > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 9pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(255, 255, 255, 1);font-weight: normal;} /* Responsive menu current button style */ #imHeader_imMenuObject_12-menu-opened #imHeader_imMenuObject_12_container-menu-opened > ul > .imMnMnCurrent > .label-wrapper {background-color: rgba(211, 211, 211, 1);background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imHeader_imMenuObject_12-menu-opened #imHeader_imMenuObject_12_container-menu-opened > ul > .imMnMnCurrent > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 9pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(255, 255, 255, 1);font-weight: normal;} #imHeader_imMenuObject_12-menu-opened .imMnMnCurrent > ul > .imMnMnCurrent > .label-wrapper {background-color: rgba(211, 211, 211, 1);background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imHeader_imMenuObject_12-menu-opened .imMnMnCurrent > ul > .imMnMnCurrent > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 9pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(255, 255, 255, 1);font-weight: normal;} /* Responsive menu separator button style */ #imHeader_imMenuObject_12-menu-opened ul > .imMnMnSeparator > .label-wrapper {background-color: rgba(211, 211, 211, 1);background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imHeader_imMenuObject_12-menu-opened ul > .imMnMnSeparator > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 9pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(255, 255, 255, 1);font-weight: normal;} /* Responsive menu separation line style */ #imHeader_imMenuObject_12-menu-opened { transform: translate3d(-160px, 0 ,0); transition: transform 1000ms; -webkit-transition: transform 1000ms;} #imHeader_imMenuObject_12-menu-opened.animated { transform: translate3d(0, 0, 0);} } @media (max-width: 1149px) and (min-width: 720px) { #imHeader_imObjectSearch_10_wrapper { position: absolute; top: 170px; left: 510px; width: 200px; height: 22px; text-align: center; z-index: 1002; overflow: hidden; } #imHeader_imCell_10 { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } #imHeader_imCell_10 { -ms-grid-rows: 100%; grid-template-rows: 100%; } #imHeader_imObjectSearch_10 { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } #imHeader_imCellStyleGraphics_10 { left: 0px; right: 0px; } #imHeader_imCellStyleBorders_10 { left: 0px; right: 0px; border-top: 0; border-bottom: 0; border-left: 0; border-right: 0; } #imHeader_imObjectSearch_10_button { width: 39px; } input#imHeader_imObjectSearch_10_field[type=text] { width: 158px; margin-right: 3px; } #imHeader_imObjectSearch_10_field { background-position: 3px center; } #imHeader_imObjectImage_11_wrapper { position: absolute; top: 20px; left: 10px; width: 350px; height: 100px; text-align: center; z-index: 1003; overflow: hidden; } #imHeader_imObjectImage_11_wrapper img {-webkit-clip-path: inset(0 0 24.242% 0);clip-path: inset(0 0 24.242% 0);}#imHeader_imCell_11 { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } #imHeader_imCell_11 { -ms-grid-rows: 100%; grid-template-rows: 100%; } #imHeader_imObjectImage_11 { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } #imHeader_imCellStyleGraphics_11 { left: 0px; right: 0px; } #imHeader_imCellStyleBorders_11 { left: 0px; right: 0px; border-top: 0; border-bottom: 0; border-left: 0; border-right: 0; } #imHeader_imMenuObject_12_wrapper { position: absolute; top: 140px; left: 0px; width: 62px; height: 60px; text-align: center; z-index: 1004; } #imHeader_imCell_12 { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } #imHeader_imCell_12 { -ms-grid-rows: 100%; grid-template-rows: 100%; } #imHeader_imMenuObject_12 { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } #imHeader_imCellStyleGraphics_12 { left: 0px; right: 0px; } #imHeader_imCellStyleBorders_12 { left: 0px; right: 0px; border-top: 0; border-bottom: 0; border-left: 0; border-right: 0; } /* Main menu background */ #imHeader_imMenuObject_12_container { border-style: solid; border-width: 0px 0px 0px 0px; border-color: transparent transparent transparent transparent; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; width: 100%; box-sizing: border-box; background-color: transparent; padding: 0px 0px 0px 0px; display: inline-table;} #imHeader_imMenuObject_12_container > ul:after {content: '';display: table;clear: both; } /* Main menu button size and position */ #imHeader_imMenuObject_12_container > ul > li {position: relative;margin-left: 2px; margin-top: 0px; display: inline-block; vertical-align: top; } #imHeader_imMenuObject_12_container > ul > li > .label-wrapper, #imHeader_imMenuObject_12_container > ul > li > div > .label-wrapper { display: block; overflow: hidden; width: 130px; height: 30px; padding: 0 5px 0 5px; border-width: 0px 0px 0px 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;} #imHeader_imMenuObject_12 .hamburger-button {cursor: pointer; width: 30px; height: 30px; display: inline-block; vertical-align: top; padding: 0; border-width: 0px 0px 0px 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;} #imHeader_imMenuObject_12 .hamburger-bar { margin: 3px auto; width: 65%; height: 3px; background-color: rgba(37, 58, 88, 1); } #imHeader_imMenuObject_12 .label-inner-wrapper, #imHeader_imMenuObject_12 .hamburger-button > div { display: table; width: 100%; height: 100%; position: relative; z-index: 1; } #imHeader_imMenuObject_12_container > ul > li .label, #imHeader_imMenuObject_12 .hamburger-button > div > div { display: table-cell; vertical-align: middle; } /* Main menu default button style */ #imHeader_imMenuObject_12_container > ul > li > .label-wrapper {background-color: transparent;background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imHeader_imMenuObject_12_container > ul > li > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 11pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(37, 58, 88, 1);font-weight: normal;} /* Hamburger button style */ #imHeader_imMenuObject_12 .hamburger-button {background-color: transparent;background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imHeader_imMenuObject_12 .hamburger-button .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 11pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(37, 58, 88, 1);font-weight: normal;} /* Main menu current button style */ #imHeader_imMenuObject_12_container > ul > .imMnMnCurrent > .label-wrapper {background-color: rgba(86, 126, 182, 1);background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imHeader_imMenuObject_12_container > ul > .imMnMnCurrent > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 11pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(255, 255, 255, 1);font-weight: normal;} /* Main menu hover button style */ #imHeader_imMenuObject_12_container > ul > li.imPage:hover > .label-wrapper {background-color: rgba(86, 126, 182, 1);background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imHeader_imMenuObject_12_container > ul > li.imPage:hover > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 11pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(255, 255, 255, 1);font-weight: normal;} #imHeader_imMenuObject_12_container > ul > li.imLevel:hover > .label-wrapper {background-color: rgba(86, 126, 182, 1);background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imHeader_imMenuObject_12_container > ul > li.imLevel:hover > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 11pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(255, 255, 255, 1);font-weight: normal;} /* Main menu separator button style */ #imHeader_imMenuObject_12_container > ul > .imMnMnSeparator > .label-wrapper {background-color: transparent;background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imHeader_imMenuObject_12_container > ul > .imMnMnSeparator > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 11pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(37, 58, 88, 1);font-weight: normal;} #imHeader_imMenuObject_12 .imLevel { cursor: default; } #imHeader_imMenuObject_12 { text-align: left;} #imHeader_imMenuObject_12 .hidden { display: none; } #imHeader_imMenuObject_12-menu-opened { overflow: visible; z-index: 10402; } #imHeader_imMenuObject_12-menu-opened ul ul { display: none; /*margin-bottom: 1px;*/ } #imHeader_imMenuObject_12-menu-opened li > div { display: none; } #imHeader_imMenuObject_12-menu-opened #imHeader_imMenuObject_12_container-menu-opened div > ul { display: block; } #imHeader_imMenuObject_12-menu-opened #imHeader_imMenuObject_12_container-menu-opened > ul { position: absolute; left: 0; right: auto; top: 40px; background-color: rgba(211, 211, 211, 1); overflow-x: hidden; overflow-y: auto; height: calc(100% - 40px) } #imHeader_imMenuObject_12-menu-opened .hamburger-menu-close-button { display: block; font-family: Arial; font-size: 30px; text-align: right; padding: 5px 10px; color: rgba(255, 255, 255, 1); } #imHeader_imMenuObject_12-menu-opened .hamburger-menu-close-button span { cursor: pointer; } #imHeader_imMenuObject_12-menu-opened { position:fixed; top: 0; bottom: 0; left: 0; width: 160px; border-style: solid; border-width: 0px 0px 0px 0px; border-color: transparent transparent transparent transparent; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;; } #imPageExtContainer:after{ position: fixed; top: 0; right: 0; width: 0; height: 0; content: ''; opacity: 0; transition: opacity 1000ms; z-index: 10401;} .menu-imHeader_imMenuObject_12-opened #imPageExtContainer:after{ width: 100%; height: 100%; background-color: rgba(0, 0, 0, 1); opacity: 0.5;} .menu-imHeader_imMenuObject_12-towards-closing #imPageExtContainer:after { width: 100%; height: 100%; background-color: transparent; opacity: 0.5; transition: background-color 1000ms linear, opacity;} #imHeader_imMenuObject_12 .hidden { display: none; } /* Responsive menu button size and position */ #imHeader_imMenuObject_12-menu-opened li {position: relative;margin-bottom: 0px; display: inline-block; vertical-align: top; } #imHeader_imMenuObject_12-menu-opened li:last-child {margin-bottom: 0;} #imHeader_imMenuObject_12-menu-opened .label-wrapper { display: block; overflow: hidden; position: relative; width: 150px; height: 26px; padding: 0 5px 0 5px; } #imHeader_imMenuObject_12-menu-opened .label-inner-wrapper { display: table; width: 100%; height: 100%; z-index: 1; position: relative; } #imHeader_imMenuObject_12-menu-opened .label { display: table-cell; vertical-align: middle; } #imHeader_imMenuObject_12-menu-opened .hamburger-menu-background { position: absolute;display: block;top: 0;bottom: 0;width: 160px;left: 0; right: auto;background-color: rgba(211, 211, 211, 1);transition: left 500ms, right 500ms, opacity 500ms;-webkit-transition: left 500ms, right 500ms, opacity 500ms;} /* Responsive menu default button style */ #imHeader_imMenuObject_12-menu-opened ul > li > .label-wrapper {background-color: rgba(211, 211, 211, 1);background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imHeader_imMenuObject_12-menu-opened ul > li > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 9pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(255, 255, 255, 1);font-weight: normal;} #imHeader_imMenuObject_12-menu-opened ul ul > li > .label-wrapper {background-color: rgba(191, 191, 191, 1);background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imHeader_imMenuObject_12-menu-opened ul ul > li > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 9pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(255, 255, 255, 1);font-weight: normal;} #imHeader_imMenuObject_12-menu-opened ul ul ul > li > .label-wrapper {background-color: rgba(171, 171, 171, 1);background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imHeader_imMenuObject_12-menu-opened ul ul ul > li > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 9pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(255, 255, 255, 1);font-weight: normal;} #imHeader_imMenuObject_12-menu-opened ul ul ul ul > li > .label-wrapper {background-color: rgba(151, 151, 151, 1);background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imHeader_imMenuObject_12-menu-opened ul ul ul ul > li > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 9pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(255, 255, 255, 1);font-weight: normal;} /* Responsive menu hover button style */ #imHeader_imMenuObject_12-menu-opened ul > li:hover > .label-wrapper {background-color: rgba(211, 211, 211, 1);background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imHeader_imMenuObject_12-menu-opened ul > li:hover > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 9pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(255, 255, 255, 1);font-weight: normal;} /* Responsive menu current button style */ #imHeader_imMenuObject_12-menu-opened #imHeader_imMenuObject_12_container-menu-opened > ul > .imMnMnCurrent > .label-wrapper {background-color: rgba(211, 211, 211, 1);background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imHeader_imMenuObject_12-menu-opened #imHeader_imMenuObject_12_container-menu-opened > ul > .imMnMnCurrent > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 9pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(255, 255, 255, 1);font-weight: normal;} #imHeader_imMenuObject_12-menu-opened .imMnMnCurrent > ul > .imMnMnCurrent > .label-wrapper {background-color: rgba(211, 211, 211, 1);background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imHeader_imMenuObject_12-menu-opened .imMnMnCurrent > ul > .imMnMnCurrent > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 9pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(255, 255, 255, 1);font-weight: normal;} /* Responsive menu separator button style */ #imHeader_imMenuObject_12-menu-opened ul > .imMnMnSeparator > .label-wrapper {background-color: rgba(211, 211, 211, 1);background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imHeader_imMenuObject_12-menu-opened ul > .imMnMnSeparator > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 9pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(255, 255, 255, 1);font-weight: normal;} /* Responsive menu separation line style */ #imHeader_imMenuObject_12-menu-opened { transform: translate3d(-160px, 0 ,0); transition: transform 1000ms; -webkit-transition: transform 1000ms;} #imHeader_imMenuObject_12-menu-opened.animated { transform: translate3d(0, 0, 0);} } @media (max-width: 719px) and (min-width: 480px) { #imHeader_imObjectSearch_10_wrapper { position: absolute; top: 170px; left: 270px; width: 200px; height: 22px; text-align: center; z-index: 1002; overflow: hidden; } #imHeader_imCell_10 { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } #imHeader_imCell_10 { -ms-grid-rows: 100%; grid-template-rows: 100%; } #imHeader_imObjectSearch_10 { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } #imHeader_imCellStyleGraphics_10 { left: 0px; right: 0px; } #imHeader_imCellStyleBorders_10 { left: 0px; right: 0px; border-top: 0; border-bottom: 0; border-left: 0; border-right: 0; } #imHeader_imObjectSearch_10_button { width: 39px; } input#imHeader_imObjectSearch_10_field[type=text] { width: 158px; margin-right: 3px; } #imHeader_imObjectSearch_10_field { background-position: 3px center; } #imHeader_imObjectImage_11_wrapper { position: absolute; top: 20px; left: 10px; width: 350px; height: 100px; text-align: center; z-index: 1003; overflow: hidden; } #imHeader_imObjectImage_11_wrapper img {-webkit-clip-path: inset(0 0 24.242% 0);clip-path: inset(0 0 24.242% 0);}#imHeader_imCell_11 { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } #imHeader_imCell_11 { -ms-grid-rows: 100%; grid-template-rows: 100%; } #imHeader_imObjectImage_11 { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } #imHeader_imCellStyleGraphics_11 { left: 0px; right: 0px; } #imHeader_imCellStyleBorders_11 { left: 0px; right: 0px; border-top: 0; border-bottom: 0; border-left: 0; border-right: 0; } #imHeader_imMenuObject_12_wrapper { position: absolute; top: 140px; left: 0px; width: 62px; height: 60px; text-align: center; z-index: 1004; } #imHeader_imCell_12 { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } #imHeader_imCell_12 { -ms-grid-rows: 100%; grid-template-rows: 100%; } #imHeader_imMenuObject_12 { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } #imHeader_imCellStyleGraphics_12 { left: 0px; right: 0px; } #imHeader_imCellStyleBorders_12 { left: 0px; right: 0px; border-top: 0; border-bottom: 0; border-left: 0; border-right: 0; } /* Main menu background */ #imHeader_imMenuObject_12_container { border-style: solid; border-width: 0px 0px 0px 0px; border-color: transparent transparent transparent transparent; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; width: 100%; box-sizing: border-box; background-color: transparent; padding: 0px 0px 0px 0px; display: inline-table;} #imHeader_imMenuObject_12_container > ul:after {content: '';display: table;clear: both; } /* Main menu button size and position */ #imHeader_imMenuObject_12_container > ul > li {position: relative;margin-left: 2px; margin-top: 0px; display: inline-block; vertical-align: top; } #imHeader_imMenuObject_12_container > ul > li > .label-wrapper, #imHeader_imMenuObject_12_container > ul > li > div > .label-wrapper { display: block; overflow: hidden; width: 130px; height: 30px; padding: 0 5px 0 5px; border-width: 0px 0px 0px 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;} #imHeader_imMenuObject_12 .hamburger-button {cursor: pointer; width: 30px; height: 30px; display: inline-block; vertical-align: top; padding: 0; border-width: 0px 0px 0px 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;} #imHeader_imMenuObject_12 .hamburger-bar { margin: 3px auto; width: 65%; height: 3px; background-color: rgba(37, 58, 88, 1); } #imHeader_imMenuObject_12 .label-inner-wrapper, #imHeader_imMenuObject_12 .hamburger-button > div { display: table; width: 100%; height: 100%; position: relative; z-index: 1; } #imHeader_imMenuObject_12_container > ul > li .label, #imHeader_imMenuObject_12 .hamburger-button > div > div { display: table-cell; vertical-align: middle; } /* Main menu default button style */ #imHeader_imMenuObject_12_container > ul > li > .label-wrapper {background-color: transparent;background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imHeader_imMenuObject_12_container > ul > li > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 11pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(37, 58, 88, 1);font-weight: normal;} /* Hamburger button style */ #imHeader_imMenuObject_12 .hamburger-button {background-color: transparent;background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imHeader_imMenuObject_12 .hamburger-button .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 11pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(37, 58, 88, 1);font-weight: normal;} /* Main menu current button style */ #imHeader_imMenuObject_12_container > ul > .imMnMnCurrent > .label-wrapper {background-color: rgba(86, 126, 182, 1);background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imHeader_imMenuObject_12_container > ul > .imMnMnCurrent > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 11pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(255, 255, 255, 1);font-weight: normal;} /* Main menu hover button style */ #imHeader_imMenuObject_12_container > ul > li.imPage:hover > .label-wrapper {background-color: rgba(86, 126, 182, 1);background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imHeader_imMenuObject_12_container > ul > li.imPage:hover > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 11pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(255, 255, 255, 1);font-weight: normal;} #imHeader_imMenuObject_12_container > ul > li.imLevel:hover > .label-wrapper {background-color: rgba(86, 126, 182, 1);background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imHeader_imMenuObject_12_container > ul > li.imLevel:hover > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 11pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(255, 255, 255, 1);font-weight: normal;} /* Main menu separator button style */ #imHeader_imMenuObject_12_container > ul > .imMnMnSeparator > .label-wrapper {background-color: transparent;background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imHeader_imMenuObject_12_container > ul > .imMnMnSeparator > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 11pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(37, 58, 88, 1);font-weight: normal;} #imHeader_imMenuObject_12 .imLevel { cursor: default; } #imHeader_imMenuObject_12 { text-align: left;} #imHeader_imMenuObject_12 .hidden { display: none; } #imHeader_imMenuObject_12-menu-opened { overflow: visible; z-index: 10402; } #imHeader_imMenuObject_12-menu-opened ul ul { display: none; /*margin-bottom: 1px;*/ } #imHeader_imMenuObject_12-menu-opened li > div { display: none; } #imHeader_imMenuObject_12-menu-opened #imHeader_imMenuObject_12_container-menu-opened div > ul { display: block; } #imHeader_imMenuObject_12-menu-opened #imHeader_imMenuObject_12_container-menu-opened > ul { position: absolute; left: 0; right: auto; top: 40px; background-color: rgba(211, 211, 211, 1); overflow-x: hidden; overflow-y: auto; height: calc(100% - 40px) } #imHeader_imMenuObject_12-menu-opened .hamburger-menu-close-button { display: block; font-family: Arial; font-size: 30px; text-align: right; padding: 5px 10px; color: rgba(255, 255, 255, 1); } #imHeader_imMenuObject_12-menu-opened .hamburger-menu-close-button span { cursor: pointer; } #imHeader_imMenuObject_12-menu-opened { position:fixed; top: 0; bottom: 0; left: 0; width: 160px; border-style: solid; border-width: 0px 0px 0px 0px; border-color: transparent transparent transparent transparent; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;; } #imPageExtContainer:after{ position: fixed; top: 0; right: 0; width: 0; height: 0; content: ''; opacity: 0; transition: opacity 1000ms; z-index: 10401;} .menu-imHeader_imMenuObject_12-opened #imPageExtContainer:after{ width: 100%; height: 100%; background-color: rgba(0, 0, 0, 1); opacity: 0.5;} .menu-imHeader_imMenuObject_12-towards-closing #imPageExtContainer:after { width: 100%; height: 100%; background-color: transparent; opacity: 0.5; transition: background-color 1000ms linear, opacity;} #imHeader_imMenuObject_12 .hidden { display: none; } /* Responsive menu button size and position */ #imHeader_imMenuObject_12-menu-opened li {position: relative;margin-bottom: 0px; display: inline-block; vertical-align: top; } #imHeader_imMenuObject_12-menu-opened li:last-child {margin-bottom: 0;} #imHeader_imMenuObject_12-menu-opened .label-wrapper { display: block; overflow: hidden; position: relative; width: 150px; height: 26px; padding: 0 5px 0 5px; } #imHeader_imMenuObject_12-menu-opened .label-inner-wrapper { display: table; width: 100%; height: 100%; z-index: 1; position: relative; } #imHeader_imMenuObject_12-menu-opened .label { display: table-cell; vertical-align: middle; } #imHeader_imMenuObject_12-menu-opened .hamburger-menu-background { position: absolute;display: block;top: 0;bottom: 0;width: 160px;left: 0; right: auto;background-color: rgba(211, 211, 211, 1);transition: left 500ms, right 500ms, opacity 500ms;-webkit-transition: left 500ms, right 500ms, opacity 500ms;} /* Responsive menu default button style */ #imHeader_imMenuObject_12-menu-opened ul > li > .label-wrapper {background-color: rgba(211, 211, 211, 1);background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imHeader_imMenuObject_12-menu-opened ul > li > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 9pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(255, 255, 255, 1);font-weight: normal;} #imHeader_imMenuObject_12-menu-opened ul ul > li > .label-wrapper {background-color: rgba(191, 191, 191, 1);background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imHeader_imMenuObject_12-menu-opened ul ul > li > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 9pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(255, 255, 255, 1);font-weight: normal;} #imHeader_imMenuObject_12-menu-opened ul ul ul > li > .label-wrapper {background-color: rgba(171, 171, 171, 1);background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imHeader_imMenuObject_12-menu-opened ul ul ul > li > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 9pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(255, 255, 255, 1);font-weight: normal;} #imHeader_imMenuObject_12-menu-opened ul ul ul ul > li > .label-wrapper {background-color: rgba(151, 151, 151, 1);background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imHeader_imMenuObject_12-menu-opened ul ul ul ul > li > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 9pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(255, 255, 255, 1);font-weight: normal;} /* Responsive menu hover button style */ #imHeader_imMenuObject_12-menu-opened ul > li:hover > .label-wrapper {background-color: rgba(211, 211, 211, 1);background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imHeader_imMenuObject_12-menu-opened ul > li:hover > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 9pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(255, 255, 255, 1);font-weight: normal;} /* Responsive menu current button style */ #imHeader_imMenuObject_12-menu-opened #imHeader_imMenuObject_12_container-menu-opened > ul > .imMnMnCurrent > .label-wrapper {background-color: rgba(211, 211, 211, 1);background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imHeader_imMenuObject_12-menu-opened #imHeader_imMenuObject_12_container-menu-opened > ul > .imMnMnCurrent > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 9pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(255, 255, 255, 1);font-weight: normal;} #imHeader_imMenuObject_12-menu-opened .imMnMnCurrent > ul > .imMnMnCurrent > .label-wrapper {background-color: rgba(211, 211, 211, 1);background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imHeader_imMenuObject_12-menu-opened .imMnMnCurrent > ul > .imMnMnCurrent > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 9pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(255, 255, 255, 1);font-weight: normal;} /* Responsive menu separator button style */ #imHeader_imMenuObject_12-menu-opened ul > .imMnMnSeparator > .label-wrapper {background-color: rgba(211, 211, 211, 1);background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imHeader_imMenuObject_12-menu-opened ul > .imMnMnSeparator > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 9pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(255, 255, 255, 1);font-weight: normal;} /* Responsive menu separation line style */ #imHeader_imMenuObject_12-menu-opened { transform: translate3d(-160px, 0 ,0); transition: transform 1000ms; -webkit-transition: transform 1000ms;} #imHeader_imMenuObject_12-menu-opened.animated { transform: translate3d(0, 0, 0);} } @media (max-width: 479px) { #imHeader_imObjectSearch_10_wrapper { position: absolute; top: 170px; left: 110px; width: 200px; height: 22px; text-align: center; z-index: 1002; overflow: hidden; } #imHeader_imCell_10 { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } #imHeader_imObjectSearch_10 { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } #imHeader_imCell_10 { -ms-grid-rows: 100%; grid-template-rows: 100%; } #imHeader_imCellStyleGraphics_10 { top: 0px; bottom: 0px; left: 0px; right: 0px; box-sizing: border-box; } #imHeader_imObjectSearch_10_button { width: 39px; } input#imHeader_imObjectSearch_10_field[type=text] { width: 158px; margin-right: 3px; } #imHeader_imObjectSearch_10_field { background-position: 3px center; } #imHeader_imObjectImage_11_wrapper { position: absolute; top: 10px; left: 10px; width: 300px; height: 100px; text-align: center; z-index: 1003; overflow: hidden; } #imHeader_imObjectImage_11_wrapper img {-webkit-clip-path: inset(0 0 11.504% 0);clip-path: inset(0 0 11.504% 0);}#imHeader_imCell_11 { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } #imHeader_imObjectImage_11 { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } #imHeader_imCell_11 { -ms-grid-rows: 100%; grid-template-rows: 100%; } #imHeader_imCellStyleGraphics_11 { top: 0px; bottom: 0px; left: 0px; right: 0px; box-sizing: border-box; } #imHeader_imMenuObject_12_wrapper { position: absolute; top: 140px; left: 0px; width: 62px; height: 60px; text-align: center; z-index: 1004; } #imHeader_imCell_12 { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } #imHeader_imMenuObject_12 { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } #imHeader_imCell_12 { -ms-grid-rows: 100%; grid-template-rows: 100%; } #imHeader_imCellStyleGraphics_12 { top: 0px; bottom: 0px; left: 0px; right: 0px; box-sizing: border-box; } /* Main menu background */ #imHeader_imMenuObject_12_container { border-style: solid; border-width: 0px 0px 0px 0px; border-color: transparent transparent transparent transparent; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; width: 100%; box-sizing: border-box; background-color: transparent; padding: 0px 0px 0px 0px; display: inline-table;} #imHeader_imMenuObject_12_container > ul:after {content: '';display: table;clear: both; } /* Main menu button size and position */ #imHeader_imMenuObject_12_container > ul > li {position: relative;margin-left: 2px; margin-top: 0px; display: inline-block; vertical-align: top; } #imHeader_imMenuObject_12_container > ul > li > .label-wrapper, #imHeader_imMenuObject_12_container > ul > li > div > .label-wrapper { display: block; overflow: hidden; width: 130px; height: 30px; padding: 0 5px 0 5px; border-width: 0px 0px 0px 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;} #imHeader_imMenuObject_12 .hamburger-button {cursor: pointer; width: 30px; height: 30px; display: inline-block; vertical-align: top; padding: 0; border-width: 0px 0px 0px 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;} #imHeader_imMenuObject_12 .hamburger-bar { margin: 3px auto; width: 65%; height: 3px; background-color: rgba(37, 58, 88, 1); } #imHeader_imMenuObject_12 .label-inner-wrapper, #imHeader_imMenuObject_12 .hamburger-button > div { display: table; width: 100%; height: 100%; position: relative; z-index: 1; } #imHeader_imMenuObject_12_container > ul > li .label, #imHeader_imMenuObject_12 .hamburger-button > div > div { display: table-cell; vertical-align: middle; } /* Main menu default button style */ #imHeader_imMenuObject_12_container > ul > li > .label-wrapper {background-color: transparent;background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imHeader_imMenuObject_12_container > ul > li > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 11pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(37, 58, 88, 1);font-weight: normal;} /* Hamburger button style */ #imHeader_imMenuObject_12 .hamburger-button {background-color: transparent;background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imHeader_imMenuObject_12 .hamburger-button .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 11pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(37, 58, 88, 1);font-weight: normal;} /* Main menu current button style */ #imHeader_imMenuObject_12_container > ul > .imMnMnCurrent > .label-wrapper {background-color: rgba(86, 126, 182, 1);background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imHeader_imMenuObject_12_container > ul > .imMnMnCurrent > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 11pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(255, 255, 255, 1);font-weight: normal;} /* Main menu hover button style */ #imHeader_imMenuObject_12_container > ul > li.imPage:hover > .label-wrapper {background-color: rgba(86, 126, 182, 1);background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imHeader_imMenuObject_12_container > ul > li.imPage:hover > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 11pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(255, 255, 255, 1);font-weight: normal;} #imHeader_imMenuObject_12_container > ul > li.imLevel:hover > .label-wrapper {background-color: rgba(86, 126, 182, 1);background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imHeader_imMenuObject_12_container > ul > li.imLevel:hover > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 11pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(255, 255, 255, 1);font-weight: normal;} /* Main menu separator button style */ #imHeader_imMenuObject_12_container > ul > .imMnMnSeparator > .label-wrapper {background-color: transparent;background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imHeader_imMenuObject_12_container > ul > .imMnMnSeparator > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 11pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(37, 58, 88, 1);font-weight: normal;} #imHeader_imMenuObject_12 .imLevel { cursor: default; } #imHeader_imMenuObject_12 { text-align: left;} #imHeader_imMenuObject_12 .hidden { display: none; } #imHeader_imMenuObject_12-menu-opened { overflow: visible; z-index: 10402; } #imHeader_imMenuObject_12-menu-opened ul ul { display: none; /*margin-bottom: 1px;*/ } #imHeader_imMenuObject_12-menu-opened li > div { display: none; } #imHeader_imMenuObject_12-menu-opened #imHeader_imMenuObject_12_container-menu-opened div > ul { display: block; } #imHeader_imMenuObject_12-menu-opened #imHeader_imMenuObject_12_container-menu-opened > ul { position: absolute; left: 0; right: auto; top: 40px; background-color: rgba(211, 211, 211, 1); overflow-x: hidden; overflow-y: auto; height: calc(100% - 40px) } #imHeader_imMenuObject_12-menu-opened .hamburger-menu-close-button { display: block; font-family: Arial; font-size: 30px; text-align: right; padding: 5px 10px; color: rgba(255, 255, 255, 1); } #imHeader_imMenuObject_12-menu-opened .hamburger-menu-close-button span { cursor: pointer; } #imHeader_imMenuObject_12-menu-opened { position:fixed; top: 0; bottom: 0; left: 0; width: 160px; border-style: solid; border-width: 0px 0px 0px 0px; border-color: transparent transparent transparent transparent; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;; } #imPageExtContainer:after{ position: fixed; top: 0; right: 0; width: 0; height: 0; content: ''; opacity: 0; transition: opacity 1000ms; z-index: 10401;} .menu-imHeader_imMenuObject_12-opened #imPageExtContainer:after{ width: 100%; height: 100%; background-color: rgba(0, 0, 0, 1); opacity: 0.5;} .menu-imHeader_imMenuObject_12-towards-closing #imPageExtContainer:after { width: 100%; height: 100%; background-color: transparent; opacity: 0.5; transition: background-color 1000ms linear, opacity;} #imHeader_imMenuObject_12 .hidden { display: none; } /* Responsive menu button size and position */ #imHeader_imMenuObject_12-menu-opened li {position: relative;margin-bottom: 0px; display: inline-block; vertical-align: top; } #imHeader_imMenuObject_12-menu-opened li:last-child {margin-bottom: 0;} #imHeader_imMenuObject_12-menu-opened .label-wrapper { display: block; overflow: hidden; position: relative; width: 150px; height: 26px; padding: 0 5px 0 5px; } #imHeader_imMenuObject_12-menu-opened .label-inner-wrapper { display: table; width: 100%; height: 100%; z-index: 1; position: relative; } #imHeader_imMenuObject_12-menu-opened .label { display: table-cell; vertical-align: middle; } #imHeader_imMenuObject_12-menu-opened .hamburger-menu-background { position: absolute;display: block;top: 0;bottom: 0;width: 160px;left: 0; right: auto;background-color: rgba(211, 211, 211, 1);transition: left 500ms, right 500ms, opacity 500ms;-webkit-transition: left 500ms, right 500ms, opacity 500ms;} /* Responsive menu default button style */ #imHeader_imMenuObject_12-menu-opened ul > li > .label-wrapper {background-color: rgba(211, 211, 211, 1);background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imHeader_imMenuObject_12-menu-opened ul > li > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 9pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(255, 255, 255, 1);font-weight: normal;} #imHeader_imMenuObject_12-menu-opened ul ul > li > .label-wrapper {background-color: rgba(191, 191, 191, 1);background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imHeader_imMenuObject_12-menu-opened ul ul > li > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 9pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(255, 255, 255, 1);font-weight: normal;} #imHeader_imMenuObject_12-menu-opened ul ul ul > li > .label-wrapper {background-color: rgba(171, 171, 171, 1);background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imHeader_imMenuObject_12-menu-opened ul ul ul > li > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 9pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(255, 255, 255, 1);font-weight: normal;} #imHeader_imMenuObject_12-menu-opened ul ul ul ul > li > .label-wrapper {background-color: rgba(151, 151, 151, 1);background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imHeader_imMenuObject_12-menu-opened ul ul ul ul > li > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 9pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(255, 255, 255, 1);font-weight: normal;} /* Responsive menu hover button style */ #imHeader_imMenuObject_12-menu-opened ul > li:hover > .label-wrapper {background-color: rgba(211, 211, 211, 1);background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imHeader_imMenuObject_12-menu-opened ul > li:hover > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 9pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(255, 255, 255, 1);font-weight: normal;} /* Responsive menu current button style */ #imHeader_imMenuObject_12-menu-opened #imHeader_imMenuObject_12_container-menu-opened > ul > .imMnMnCurrent > .label-wrapper {background-color: rgba(211, 211, 211, 1);background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imHeader_imMenuObject_12-menu-opened #imHeader_imMenuObject_12_container-menu-opened > ul > .imMnMnCurrent > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 9pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(255, 255, 255, 1);font-weight: normal;} #imHeader_imMenuObject_12-menu-opened .imMnMnCurrent > ul > .imMnMnCurrent > .label-wrapper {background-color: rgba(211, 211, 211, 1);background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imHeader_imMenuObject_12-menu-opened .imMnMnCurrent > ul > .imMnMnCurrent > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 9pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(255, 255, 255, 1);font-weight: normal;} /* Responsive menu separator button style */ #imHeader_imMenuObject_12-menu-opened ul > .imMnMnSeparator > .label-wrapper {background-color: rgba(211, 211, 211, 1);background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imHeader_imMenuObject_12-menu-opened ul > .imMnMnSeparator > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 9pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(255, 255, 255, 1);font-weight: normal;} /* Responsive menu separation line style */ #imHeader_imMenuObject_12-menu-opened { transform: translate3d(-160px, 0 ,0); transition: transform 1000ms; -webkit-transition: transform 1000ms;} #imHeader_imMenuObject_12-menu-opened.animated { transform: translate3d(0, 0, 0);} } @media (min-width: 1150px) { #imFooter_imTextObject_18_wrapper { position: absolute; top: 360px; left: 20px; width: 1099px; height: 83px; text-align: center; z-index: 1005; overflow: hidden; } #imFooter_imCell_18 { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } #imFooter_imCell_18 { -ms-grid-rows: 100%; grid-template-rows: 100%; } #imFooter_imTextObject_18 { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } #imFooter_imCellStyleGraphics_18 { left: 0px; right: 0px; } #imFooter_imCellStyleBorders_18 { left: 0px; right: 0px; border-top: 0; border-bottom: 0; border-left: 0; border-right: 0; } #imFooter_imTextObject_18 .text-container {border-width: 0 1px 1px 1px;box-sizing: border-box;width: 100%;} #imFooter_imTextObject_01_wrapper { position: absolute; top: 100px; left: 890px; width: 227px; height: 198px; text-align: center; z-index: 1002; overflow: hidden; } #imFooter_imCell_1 { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } #imFooter_imCell_1 { -ms-grid-rows: 100%; grid-template-rows: 100%; } #imFooter_imTextObject_01 { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } #imFooter_imCellStyleGraphics_1 { left: 0px; right: 0px; } #imFooter_imCellStyleBorders_1 { left: 0px; right: 0px; border-top: 0; border-bottom: 0; border-left: 0; border-right: 0; } #imFooter_imTextObject_01 .text-container {border-width: 0 1px 1px 1px;box-sizing: border-box;width: 100%;} #imFooter_imTextObject_13_wrapper { position: absolute; top: 90px; left: 30px; width: 693px; height: 186px; text-align: center; z-index: 1003; overflow: hidden; } #imFooter_imCell_13 { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } #imFooter_imCell_13 { -ms-grid-rows: 100%; grid-template-rows: 100%; } #imFooter_imTextObject_13 { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } #imFooter_imCellStyleGraphics_13 { left: 0px; right: 0px; } #imFooter_imCellStyleBorders_13 { left: 0px; right: 0px; border-top: 0; border-bottom: 0; border-left: 0; border-right: 0; } #imFooter_imTextObject_13 .text-container {border-width: 0 1px 1px 1px;box-sizing: border-box;width: 100%;} #imFooter_pluginAppObj_14_wrapper { position: absolute; top: 500px; left: 780px; width: 342px; height: 88px; text-align: center; z-index: 1004; } #imFooter_imCell_14 { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } #imFooter_imCell_14 { -ms-grid-rows: 100%; grid-template-rows: 100%; } #imFooter_pluginAppObj_14 { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } #imFooter_imCellStyleGraphics_14 { left: 0px; right: 0px; } #imFooter_imCellStyleBorders_14 { left: 0px; right: 0px; border-top: 0; border-bottom: 0; border-left: 0; border-right: 0; } #imFooter_imObjectImage_19_wrapper { position: absolute; top: 480px; left: 30px; width: 350px; height: 100px; text-align: center; z-index: 1006; overflow: hidden; } #imFooter_imObjectImage_19_wrapper img {-webkit-clip-path: inset(0 0 24.242% 0);clip-path: inset(0 0 24.242% 0);}#imFooter_imCell_19 { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } #imFooter_imCell_19 { -ms-grid-rows: 100%; grid-template-rows: 100%; } #imFooter_imObjectImage_19 { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } #imFooter_imCellStyleGraphics_19 { left: 0px; right: 0px; } #imFooter_imCellStyleBorders_19 { left: 0px; right: 0px; border-top: 0; border-bottom: 0; border-left: 0; border-right: 0; } } @media (max-width: 1149px) and (min-width: 720px) { #imFooter_imTextObject_18_wrapper { position: absolute; top: 349px; left: 24px; width: 684px; height: 186px; text-align: center; z-index: 1005; overflow: hidden; } #imFooter_imCell_18 { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } #imFooter_imCell_18 { -ms-grid-rows: 100%; grid-template-rows: 100%; } #imFooter_imTextObject_18 { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } #imFooter_imCellStyleGraphics_18 { left: 0px; right: 0px; } #imFooter_imCellStyleBorders_18 { left: 0px; right: 0px; border-top: 0; border-bottom: 0; border-left: 0; border-right: 0; } #imFooter_imTextObject_18 .text-container {border-width: 0 1px 1px 1px;box-sizing: border-box;width: 100%;} #imFooter_imTextObject_01_wrapper { position: absolute; top: 104px; left: 550px; width: 150px; height: 187px; text-align: center; z-index: 1002; overflow: hidden; } #imFooter_imCell_1 { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } #imFooter_imCell_1 { -ms-grid-rows: 100%; grid-template-rows: 100%; } #imFooter_imTextObject_01 { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } #imFooter_imCellStyleGraphics_1 { left: 0px; right: 0px; } #imFooter_imCellStyleBorders_1 { left: 0px; right: 0px; border-top: 0; border-bottom: 0; border-left: 0; border-right: 0; } #imFooter_imTextObject_01 .text-container {border-width: 0 1px 1px 1px;box-sizing: border-box;width: 100%;} #imFooter_imTextObject_13_wrapper { position: absolute; top: 104px; left: 20px; width: 314px; height: 186px; text-align: center; z-index: 1003; overflow: hidden; } #imFooter_imCell_13 { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } #imFooter_imCell_13 { -ms-grid-rows: 100%; grid-template-rows: 100%; } #imFooter_imTextObject_13 { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } #imFooter_imCellStyleGraphics_13 { left: 0px; right: 0px; } #imFooter_imCellStyleBorders_13 { left: 0px; right: 0px; border-top: 0; border-bottom: 0; border-left: 0; border-right: 0; } #imFooter_imTextObject_13 .text-container {border-width: 0 1px 1px 1px;box-sizing: border-box;width: 100%;} #imFooter_pluginAppObj_14_wrapper { position: absolute; top: 533px; left: 388px; width: 329px; height: 60px; text-align: center; z-index: 1004; } #imFooter_imCell_14 { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } #imFooter_imCell_14 { -ms-grid-rows: 100%; grid-template-rows: 100%; } #imFooter_pluginAppObj_14 { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } #imFooter_imCellStyleGraphics_14 { left: 0px; right: 0px; } #imFooter_imCellStyleBorders_14 { left: 0px; right: 0px; border-top: 0; border-bottom: 0; border-left: 0; border-right: 0; } #imFooter_imObjectImage_19_wrapper { position: absolute; top: 480px; left: 30px; width: 350px; height: 100px; text-align: center; z-index: 1006; overflow: hidden; } #imFooter_imObjectImage_19_wrapper img {-webkit-clip-path: inset(0 0 24.242% 0);clip-path: inset(0 0 24.242% 0);}#imFooter_imCell_19 { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } #imFooter_imCell_19 { -ms-grid-rows: 100%; grid-template-rows: 100%; } #imFooter_imObjectImage_19 { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } #imFooter_imCellStyleGraphics_19 { left: 0px; right: 0px; } #imFooter_imCellStyleBorders_19 { left: 0px; right: 0px; border-top: 0; border-bottom: 0; border-left: 0; border-right: 0; } } @media (max-width: 719px) and (min-width: 480px) { #imFooter_imTextObject_18_wrapper { position: absolute; top: 349px; left: 23px; width: 442px; height: 186px; text-align: center; z-index: 1005; overflow: hidden; } #imFooter_imCell_18 { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } #imFooter_imCell_18 { -ms-grid-rows: 100%; grid-template-rows: 100%; } #imFooter_imTextObject_18 { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } #imFooter_imCellStyleGraphics_18 { left: 0px; right: 0px; } #imFooter_imCellStyleBorders_18 { left: 0px; right: 0px; border-top: 0; border-bottom: 0; border-left: 0; border-right: 0; } #imFooter_imTextObject_18 .text-container {border-width: 0 1px 1px 1px;box-sizing: border-box;width: 100%;} #imFooter_imTextObject_01_wrapper { position: absolute; top: 38px; left: 310px; width: 150px; height: 187px; text-align: center; z-index: 1002; overflow: hidden; } #imFooter_imCell_1 { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } #imFooter_imCell_1 { -ms-grid-rows: 100%; grid-template-rows: 100%; } #imFooter_imTextObject_01 { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } #imFooter_imCellStyleGraphics_1 { left: 0px; right: 0px; } #imFooter_imCellStyleBorders_1 { left: 0px; right: 0px; border-top: 0; border-bottom: 0; border-left: 0; border-right: 0; } #imFooter_imTextObject_01 .text-container {border-width: 0 1px 1px 1px;box-sizing: border-box;width: 100%;} #imFooter_imTextObject_13_wrapper { position: absolute; top: 38px; left: 24px; width: 243px; height: 202px; text-align: center; z-index: 1003; overflow: hidden; } #imFooter_imCell_13 { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } #imFooter_imCell_13 { -ms-grid-rows: 100%; grid-template-rows: 100%; } #imFooter_imTextObject_13 { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } #imFooter_imCellStyleGraphics_13 { left: 0px; right: 0px; } #imFooter_imCellStyleBorders_13 { left: 0px; right: 0px; border-top: 0; border-bottom: 0; border-left: 0; border-right: 0; } #imFooter_imTextObject_13 .text-container {border-width: 0 1px 1px 1px;box-sizing: border-box;width: 100%;} #imFooter_pluginAppObj_14_wrapper { position: absolute; top: 276px; left: 161px; width: 302px; height: 88px; text-align: center; z-index: 1004; } #imFooter_imCell_14 { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } #imFooter_imCell_14 { -ms-grid-rows: 100%; grid-template-rows: 100%; } #imFooter_pluginAppObj_14 { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } #imFooter_imCellStyleGraphics_14 { left: 0px; right: 0px; } #imFooter_imCellStyleBorders_14 { left: 0px; right: 0px; border-top: 0; border-bottom: 0; border-left: 0; border-right: 0; } #imFooter_imObjectImage_19_wrapper { position: absolute; top: 480px; left: 30px; width: 350px; height: 100px; text-align: center; z-index: 1006; overflow: hidden; } #imFooter_imObjectImage_19_wrapper img {-webkit-clip-path: inset(0 0 24.242% 0);clip-path: inset(0 0 24.242% 0);}#imFooter_imCell_19 { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } #imFooter_imCell_19 { -ms-grid-rows: 100%; grid-template-rows: 100%; } #imFooter_imObjectImage_19 { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } #imFooter_imCellStyleGraphics_19 { left: 0px; right: 0px; } #imFooter_imCellStyleBorders_19 { left: 0px; right: 0px; border-top: 0; border-bottom: 0; border-left: 0; border-right: 0; } } @media (max-width: 479px) { #imFooter_imTextObject_18_wrapper { position: absolute; top: 298px; left: 12px; width: 297px; height: 253px; text-align: center; z-index: 1002; overflow: hidden; } #imFooter_imCell_18 { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } #imFooter_imTextObject_18 { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } #imFooter_imCell_18 { -ms-grid-rows: 100%; grid-template-rows: 100%; } #imFooter_imCellStyleGraphics_18 { top: 0px; bottom: 0px; left: 0px; right: 0px; box-sizing: border-box; } #imFooter_imTextObject_18 .text-container {border-width: 0 1px 1px 1px;box-sizing: border-box;width: 100%;} #imFooter_imTextObject_01_wrapper { position: absolute; top: 89px; left: 162px; width: 150px; height: 187px; text-align: center; z-index: 1003; overflow: hidden; } #imFooter_imCell_1 { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } #imFooter_imTextObject_01 { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } #imFooter_imCell_1 { -ms-grid-rows: 100%; grid-template-rows: 100%; } #imFooter_imCellStyleGraphics_1 { top: 0px; bottom: 0px; left: 0px; right: 0px; box-sizing: border-box; } #imFooter_imTextObject_01 .text-container {border-width: 0 1px 1px 1px;box-sizing: border-box;width: 100%;} #imFooter_imTextObject_13_wrapper { display: none; } #imFooter_imCell_13 { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } #imFooter_imTextObject_13 { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } #imFooter_imCell_13 { -ms-grid-rows: 100%; grid-template-rows: 100%; } #imFooter_imCellStyleGraphics_13 { top: 0px; bottom: 0px; left: 0px; right: 0px; box-sizing: border-box; } #imFooter_imTextObject_13 .text-container {border-width: 0 1px 1px 1px;box-sizing: border-box;width: 100%;} #imFooter_pluginAppObj_14_wrapper { position: absolute; top: 10px; left: 9px; width: 301px; height: 66px; text-align: center; z-index: 1005; } #imFooter_imCell_14 { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } #imFooter_pluginAppObj_14 { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } #imFooter_imCell_14 { -ms-grid-rows: 100%; grid-template-rows: 100%; } #imFooter_imCellStyleGraphics_14 { top: 0px; bottom: 0px; left: 0px; right: 0px; box-sizing: border-box; } #imFooter_imObjectImage_19_wrapper { position: absolute; top: 480px; left: 30px; width: 350px; height: 100px; text-align: center; z-index: 1006; overflow: hidden; } #imFooter_imObjectImage_19_wrapper img {-webkit-clip-path: inset(0 0 24.242% 0);clip-path: inset(0 0 24.242% 0);}#imFooter_imCell_19 { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } #imFooter_imObjectImage_19 { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } #imFooter_imCell_19 { -ms-grid-rows: 100%; grid-template-rows: 100%; } #imFooter_imCellStyleGraphics_19 { top: 0px; bottom: 0px; left: 0px; right: 0px; box-sizing: border-box; } } @media (min-width: 1150px) { #imSideBar_imMenuObject_01_wrapper { position: absolute; top: 0px; left: 0px; width: 152px; height: 280px; text-align: center; z-index: 1002; } #imSideBar_imCell_1 { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } #imSideBar_imCell_1 { -ms-grid-rows: 100%; grid-template-rows: 100%; } #imSideBar_imMenuObject_01 { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } #imSideBar_imCellStyleGraphics_1 { left: 0px; right: 0px; } #imSideBar_imCellStyleBorders_1 { left: 0px; right: 0px; border-top: 0; border-bottom: 0; border-left: 0; border-right: 0; } /* Main menu background */ #imSideBar_imMenuObject_01_container { border-style: solid; border-width: 0px 0px 0px 0px; border-color: transparent transparent transparent transparent; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; width: 100%; box-sizing: border-box; background-color: transparent; padding: 0px 0px 0px 0px; display: inline-table;} #imSideBar_imMenuObject_01_container > ul:after {content: '';display: table;clear: both; } /* Main menu button size and position */ #imSideBar_imMenuObject_01_container > ul > li {position: relative;margin-left: 2px; margin-top: 0px; display: inline-block; vertical-align: top; } #imSideBar_imMenuObject_01_container > ul > li > .label-wrapper, #imSideBar_imMenuObject_01_container > ul > li > div > .label-wrapper { display: block; overflow: hidden; width: 130px; height: 30px; padding: 0 5px 0 5px; border-width: 0px 0px 0px 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;} #imSideBar_imMenuObject_01 .hamburger-button {cursor: pointer; width: 30px; height: 30px; display: inline-block; vertical-align: top; padding: 0; border-width: 0px 0px 0px 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;} #imSideBar_imMenuObject_01 .hamburger-bar { margin: 3px auto; width: 65%; height: 3px; background-color: rgba(0, 48, 191, 1); } #imSideBar_imMenuObject_01 .label-inner-wrapper, #imSideBar_imMenuObject_01 .hamburger-button > div { display: table; width: 100%; height: 100%; position: relative; z-index: 1; } #imSideBar_imMenuObject_01_container > ul > li .label, #imSideBar_imMenuObject_01 .hamburger-button > div > div { display: table-cell; vertical-align: middle; } /* Main menu default button style */ #imSideBar_imMenuObject_01_container > ul > li > .label-wrapper {background-color: transparent;background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imSideBar_imMenuObject_01_container > ul > li > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 11pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(0, 48, 191, 1);font-weight: normal;} /* Hamburger button style */ #imSideBar_imMenuObject_01 .hamburger-button {background-color: transparent;background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imSideBar_imMenuObject_01 .hamburger-button .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 11pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(0, 48, 191, 1);font-weight: normal;} /* Main menu current button style */ #imSideBar_imMenuObject_01_container > ul > .imMnMnCurrent > .label-wrapper {background-color: rgba(0, 48, 191, 1);background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imSideBar_imMenuObject_01_container > ul > .imMnMnCurrent > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 11pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(255, 255, 255, 1);font-weight: normal;} /* Main menu hover button style */ #imSideBar_imMenuObject_01_container > ul > li.imPage:hover > .label-wrapper {background-color: rgba(0, 48, 191, 1);background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imSideBar_imMenuObject_01_container > ul > li.imPage:hover > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 11pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(255, 255, 255, 1);font-weight: normal;} #imSideBar_imMenuObject_01_container > ul > li.imLevel:hover > .label-wrapper {background-color: rgba(0, 48, 191, 1);background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imSideBar_imMenuObject_01_container > ul > li.imLevel:hover > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 11pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(255, 255, 255, 1);font-weight: normal;} /* Main menu separator button style */ #imSideBar_imMenuObject_01_container > ul > .imMnMnSeparator > .label-wrapper {background-color: transparent;background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imSideBar_imMenuObject_01_container > ul > .imMnMnSeparator > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 11pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(0, 48, 191, 1);font-weight: normal;} #imSideBar_imMenuObject_01 .imLevel { cursor: default; } #imSideBar_imMenuObject_01 { text-align: left;} /* Level menu background */ #imSideBar_imMenuObject_01 .multiple-column, #imSideBar_imMenuObject_01 .multiple-column ul ul { border-style: solid; border-width: 0px 0px 0px 0px; border-color: transparent transparent transparent transparent; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; background-color: transparent; } /* Level menu button size and position */ #imSideBar_imMenuObject_01 ul ul li {position: relative;margin-bottom: 0px; display: inline-block; vertical-align: top; } /* Multiple column menu buttons position */ #imSideBar_imMenuObject_01 .multiple-column > ul {max-width: 170px;} #imSideBar_imMenuObject_01 ul ul li:last-child {margin-bottom: 0;} #imSideBar_imMenuObject_01 ul ul .label-wrapper { display: block; overflow: hidden; width: 154px; height: 34px; padding: 0 8px 0 8px; } #imSideBar_imMenuObject_01 ul ul .label { display: table-cell; vertical-align: middle; } /* Level menu default button style */ #imSideBar_imMenuObject_01 ul ul .label-wrapper {background-color: rgba(255, 255, 255, 1);background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imSideBar_imMenuObject_01 ul ul .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 10pt;font-style: normal;text-decoration: none;text-align: left; color: rgba(0, 48, 191, 1);font-weight: normal;} /* Level menu hover button style */ #imSideBar_imMenuObject_01 ul ul li.imLevel:hover > .label-wrapper {background-color: rgba(176, 209, 255, 1);background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imSideBar_imMenuObject_01 ul ul li.imLevel:hover > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 10pt;font-style: normal;text-decoration: none;text-align: left; color: rgba(37, 58, 88, 1);font-weight: normal;} #imSideBar_imMenuObject_01 ul ul li.imPage:hover > .label-wrapper {background-color: rgba(176, 209, 255, 1);background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imSideBar_imMenuObject_01 ul ul li.imPage:hover > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 10pt;font-style: normal;text-decoration: none;text-align: left; color: rgba(37, 58, 88, 1);font-weight: normal;} /* Level menu separator button style */ #imSideBar_imMenuObject_01 ul ul .imMnMnSeparator > .label-wrapper {background-color: rgba(211, 211, 211, 1);background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imSideBar_imMenuObject_01 ul ul .imMnMnSeparator > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 10pt;font-style: normal;text-decoration: none;text-align: left; color: rgba(169, 169, 169, 1);font-weight: bold;} /* Level menu separation line style */ /* Level menu current button style */ #imSideBar_imMenuObject_01 .imMnMnCurrent > div.multiple-column > ul > .imMnMnCurrent > .label-wrapper {background-color: rgba(176, 209, 255, 1);background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imSideBar_imMenuObject_01 .imMnMnCurrent > div.multiple-column > ul > .imMnMnCurrent > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 10pt;font-style: normal;text-decoration: none;text-align: left; color: rgba(37, 58, 88, 1);font-weight: normal;} #imSideBar_imMenuObject_01 ul ul { z-index: 2; }/* Level menu show/hide directives */ #imSideBar_imMenuObject_01 .multiple-column {position: absolute; z-index: 2;left: 0;} #imSideBar_imMenuObject_01 .multiple-column > ul {position: static; display: inline-block;vertical-align: top;} #imSideBar_imMenuObject_01 .multiple-column > ul > li {display: block;} #imSideBar_imMenuObject_01_container > ul > li > ul {position: absolute; top: 30px; } #imSideBar_imMenuObject_01_container > ul > li > ul.open-bottom { left: 0; } #imSideBar_imMenuObject_01_container > ul > li > ul.open-left { right: 140px; } #imSideBar_imMenuObject_01_container > ul > li > ul.open-right { left: 140px; } #imSideBar_imMenuObject_01_container > ul > li > ul ul, #imSideBar_imMenuObject_01_container .multiple-column > ul > li ul {position: absolute; top: 0; } #imSideBar_imMenuObject_01_container > ul > li > ul ul.open-left, #imSideBar_imMenuObject_01_container .multiple-column > ul > li ul.open-left{ right: 170px; } #imSideBar_imMenuObject_01_container > ul > li > ul ul.open-right, #imSideBar_imMenuObject_01_container .multiple-column > ul > li ul.open-right{ left: 170px; } #imSideBar_imMenuObject_01 ul > li > ul, #imSideBar_imMenuObject_01 .multiple-column { display: none; } #imSideBar_imMenuObject_01_container > ul > li:nth-child(1n+1) { margin-left: 0; clear: left; } #imSideBar_imMenuObject_01_container > ul > li:nth-child(n+2) { margin-top: 2px; } #imSideBar_imMenuObject_01-menu-opened { display: none; } #imSideBar_imMenuObject_01 .hamburger-component { display: none; } #imSideBar_pluginAppObj_02_wrapper { position: absolute; top: 280px; left: 0px; width: 150px; height: 250px; text-align: center; z-index: 1003; overflow: hidden; } } @media (max-width: 1149px) and (min-width: 720px) { #imSideBar_imMenuObject_01_wrapper { position: absolute; top: 0px; left: 0px; width: 152px; height: 280px; text-align: center; z-index: 1002; } #imSideBar_imCell_1 { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } #imSideBar_imCell_1 { -ms-grid-rows: 100%; grid-template-rows: 100%; } #imSideBar_imMenuObject_01 { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } #imSideBar_imCellStyleGraphics_1 { left: 0px; right: 0px; } #imSideBar_imCellStyleBorders_1 { left: 0px; right: 0px; border-top: 0; border-bottom: 0; border-left: 0; border-right: 0; } /* Main menu background */ #imSideBar_imMenuObject_01_container { border-style: solid; border-width: 0px 0px 0px 0px; border-color: transparent transparent transparent transparent; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; width: 100%; box-sizing: border-box; background-color: transparent; padding: 0px 0px 0px 0px; display: inline-table;} #imSideBar_imMenuObject_01_container > ul:after {content: '';display: table;clear: both; } /* Main menu button size and position */ #imSideBar_imMenuObject_01_container > ul > li {position: relative;margin-left: 2px; margin-top: 0px; display: inline-block; vertical-align: top; } #imSideBar_imMenuObject_01_container > ul > li > .label-wrapper, #imSideBar_imMenuObject_01_container > ul > li > div > .label-wrapper { display: block; overflow: hidden; width: 130px; height: 30px; padding: 0 5px 0 5px; border-width: 0px 0px 0px 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;} #imSideBar_imMenuObject_01 .hamburger-button {cursor: pointer; width: 30px; height: 30px; display: inline-block; vertical-align: top; padding: 0; border-width: 0px 0px 0px 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;} #imSideBar_imMenuObject_01 .hamburger-bar { margin: 3px auto; width: 65%; height: 3px; background-color: rgba(0, 48, 191, 1); } #imSideBar_imMenuObject_01 .label-inner-wrapper, #imSideBar_imMenuObject_01 .hamburger-button > div { display: table; width: 100%; height: 100%; position: relative; z-index: 1; } #imSideBar_imMenuObject_01_container > ul > li .label, #imSideBar_imMenuObject_01 .hamburger-button > div > div { display: table-cell; vertical-align: middle; } /* Main menu default button style */ #imSideBar_imMenuObject_01_container > ul > li > .label-wrapper {background-color: transparent;background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imSideBar_imMenuObject_01_container > ul > li > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 11pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(0, 48, 191, 1);font-weight: normal;} /* Hamburger button style */ #imSideBar_imMenuObject_01 .hamburger-button {background-color: transparent;background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imSideBar_imMenuObject_01 .hamburger-button .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 11pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(0, 48, 191, 1);font-weight: normal;} /* Main menu current button style */ #imSideBar_imMenuObject_01_container > ul > .imMnMnCurrent > .label-wrapper {background-color: rgba(0, 48, 191, 1);background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imSideBar_imMenuObject_01_container > ul > .imMnMnCurrent > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 11pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(255, 255, 255, 1);font-weight: normal;} /* Main menu hover button style */ #imSideBar_imMenuObject_01_container > ul > li.imPage:hover > .label-wrapper {background-color: rgba(0, 48, 191, 1);background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imSideBar_imMenuObject_01_container > ul > li.imPage:hover > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 11pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(255, 255, 255, 1);font-weight: normal;} #imSideBar_imMenuObject_01_container > ul > li.imLevel:hover > .label-wrapper {background-color: rgba(0, 48, 191, 1);background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imSideBar_imMenuObject_01_container > ul > li.imLevel:hover > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 11pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(255, 255, 255, 1);font-weight: normal;} /* Main menu separator button style */ #imSideBar_imMenuObject_01_container > ul > .imMnMnSeparator > .label-wrapper {background-color: transparent;background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imSideBar_imMenuObject_01_container > ul > .imMnMnSeparator > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 11pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(0, 48, 191, 1);font-weight: normal;} #imSideBar_imMenuObject_01 .imLevel { cursor: default; } #imSideBar_imMenuObject_01 { text-align: left;} /* Level menu background */ #imSideBar_imMenuObject_01 .multiple-column, #imSideBar_imMenuObject_01 .multiple-column ul ul { border-style: solid; border-width: 0px 0px 0px 0px; border-color: transparent transparent transparent transparent; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; background-color: transparent; } /* Level menu button size and position */ #imSideBar_imMenuObject_01 ul ul li {position: relative;margin-bottom: 0px; display: inline-block; vertical-align: top; } /* Multiple column menu buttons position */ #imSideBar_imMenuObject_01 .multiple-column > ul {max-width: 170px;} #imSideBar_imMenuObject_01 ul ul li:last-child {margin-bottom: 0;} #imSideBar_imMenuObject_01 ul ul .label-wrapper { display: block; overflow: hidden; width: 154px; height: 34px; padding: 0 8px 0 8px; } #imSideBar_imMenuObject_01 ul ul .label { display: table-cell; vertical-align: middle; } /* Level menu default button style */ #imSideBar_imMenuObject_01 ul ul .label-wrapper {background-color: rgba(255, 255, 255, 1);background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imSideBar_imMenuObject_01 ul ul .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 10pt;font-style: normal;text-decoration: none;text-align: left; color: rgba(0, 48, 191, 1);font-weight: normal;} /* Level menu hover button style */ #imSideBar_imMenuObject_01 ul ul li.imLevel:hover > .label-wrapper {background-color: rgba(176, 209, 255, 1);background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imSideBar_imMenuObject_01 ul ul li.imLevel:hover > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 10pt;font-style: normal;text-decoration: none;text-align: left; color: rgba(37, 58, 88, 1);font-weight: normal;} #imSideBar_imMenuObject_01 ul ul li.imPage:hover > .label-wrapper {background-color: rgba(176, 209, 255, 1);background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imSideBar_imMenuObject_01 ul ul li.imPage:hover > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 10pt;font-style: normal;text-decoration: none;text-align: left; color: rgba(37, 58, 88, 1);font-weight: normal;} /* Level menu separator button style */ #imSideBar_imMenuObject_01 ul ul .imMnMnSeparator > .label-wrapper {background-color: rgba(211, 211, 211, 1);background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imSideBar_imMenuObject_01 ul ul .imMnMnSeparator > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 10pt;font-style: normal;text-decoration: none;text-align: left; color: rgba(169, 169, 169, 1);font-weight: bold;} /* Level menu separation line style */ /* Level menu current button style */ #imSideBar_imMenuObject_01 .imMnMnCurrent > div.multiple-column > ul > .imMnMnCurrent > .label-wrapper {background-color: rgba(176, 209, 255, 1);background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imSideBar_imMenuObject_01 .imMnMnCurrent > div.multiple-column > ul > .imMnMnCurrent > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 10pt;font-style: normal;text-decoration: none;text-align: left; color: rgba(37, 58, 88, 1);font-weight: normal;} #imSideBar_imMenuObject_01 ul ul { z-index: 2; }/* Level menu show/hide directives */ #imSideBar_imMenuObject_01 .multiple-column {position: absolute; z-index: 2;left: 0;} #imSideBar_imMenuObject_01 .multiple-column > ul {position: static; display: inline-block;vertical-align: top;} #imSideBar_imMenuObject_01 .multiple-column > ul > li {display: block;} #imSideBar_imMenuObject_01_container > ul > li > ul {position: absolute; top: 30px; } #imSideBar_imMenuObject_01_container > ul > li > ul.open-bottom { left: 0; } #imSideBar_imMenuObject_01_container > ul > li > ul.open-left { right: 140px; } #imSideBar_imMenuObject_01_container > ul > li > ul.open-right { left: 140px; } #imSideBar_imMenuObject_01_container > ul > li > ul ul, #imSideBar_imMenuObject_01_container .multiple-column > ul > li ul {position: absolute; top: 0; } #imSideBar_imMenuObject_01_container > ul > li > ul ul.open-left, #imSideBar_imMenuObject_01_container .multiple-column > ul > li ul.open-left{ right: 170px; } #imSideBar_imMenuObject_01_container > ul > li > ul ul.open-right, #imSideBar_imMenuObject_01_container .multiple-column > ul > li ul.open-right{ left: 170px; } #imSideBar_imMenuObject_01 ul > li > ul, #imSideBar_imMenuObject_01 .multiple-column { display: none; } #imSideBar_imMenuObject_01_container > ul > li:nth-child(1n+1) { margin-left: 0; clear: left; } #imSideBar_imMenuObject_01_container > ul > li:nth-child(n+2) { margin-top: 2px; } #imSideBar_imMenuObject_01-menu-opened { display: none; } #imSideBar_imMenuObject_01 .hamburger-component { display: none; } #imSideBar_pluginAppObj_02_wrapper { position: absolute; top: 280px; left: 0px; width: 150px; height: 250px; text-align: center; z-index: 1003; overflow: hidden; } } @media (max-width: 719px) and (min-width: 480px) { #imSideBar_imMenuObject_01_wrapper { position: absolute; top: 0px; left: 0px; width: 152px; height: 280px; text-align: center; z-index: 1002; } #imSideBar_imCell_1 { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } #imSideBar_imCell_1 { -ms-grid-rows: 100%; grid-template-rows: 100%; } #imSideBar_imMenuObject_01 { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } #imSideBar_imCellStyleGraphics_1 { left: 0px; right: 0px; } #imSideBar_imCellStyleBorders_1 { left: 0px; right: 0px; border-top: 0; border-bottom: 0; border-left: 0; border-right: 0; } /* Main menu background */ #imSideBar_imMenuObject_01_container { border-style: solid; border-width: 0px 0px 0px 0px; border-color: transparent transparent transparent transparent; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; width: 100%; box-sizing: border-box; background-color: transparent; padding: 0px 0px 0px 0px; display: inline-table;} #imSideBar_imMenuObject_01_container > ul:after {content: '';display: table;clear: both; } /* Main menu button size and position */ #imSideBar_imMenuObject_01_container > ul > li {position: relative;margin-left: 2px; margin-top: 0px; display: inline-block; vertical-align: top; } #imSideBar_imMenuObject_01_container > ul > li > .label-wrapper, #imSideBar_imMenuObject_01_container > ul > li > div > .label-wrapper { display: block; overflow: hidden; width: 130px; height: 30px; padding: 0 5px 0 5px; border-width: 0px 0px 0px 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;} #imSideBar_imMenuObject_01 .hamburger-button {cursor: pointer; width: 30px; height: 30px; display: inline-block; vertical-align: top; padding: 0; border-width: 0px 0px 0px 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;} #imSideBar_imMenuObject_01 .hamburger-bar { margin: 3px auto; width: 65%; height: 3px; background-color: rgba(0, 48, 191, 1); } #imSideBar_imMenuObject_01 .label-inner-wrapper, #imSideBar_imMenuObject_01 .hamburger-button > div { display: table; width: 100%; height: 100%; position: relative; z-index: 1; } #imSideBar_imMenuObject_01_container > ul > li .label, #imSideBar_imMenuObject_01 .hamburger-button > div > div { display: table-cell; vertical-align: middle; } /* Main menu default button style */ #imSideBar_imMenuObject_01_container > ul > li > .label-wrapper {background-color: transparent;background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imSideBar_imMenuObject_01_container > ul > li > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 11pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(0, 48, 191, 1);font-weight: normal;} /* Hamburger button style */ #imSideBar_imMenuObject_01 .hamburger-button {background-color: transparent;background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imSideBar_imMenuObject_01 .hamburger-button .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 11pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(0, 48, 191, 1);font-weight: normal;} /* Main menu current button style */ #imSideBar_imMenuObject_01_container > ul > .imMnMnCurrent > .label-wrapper {background-color: rgba(0, 48, 191, 1);background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imSideBar_imMenuObject_01_container > ul > .imMnMnCurrent > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 11pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(255, 255, 255, 1);font-weight: normal;} /* Main menu hover button style */ #imSideBar_imMenuObject_01_container > ul > li.imPage:hover > .label-wrapper {background-color: rgba(0, 48, 191, 1);background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imSideBar_imMenuObject_01_container > ul > li.imPage:hover > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 11pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(255, 255, 255, 1);font-weight: normal;} #imSideBar_imMenuObject_01_container > ul > li.imLevel:hover > .label-wrapper {background-color: rgba(0, 48, 191, 1);background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imSideBar_imMenuObject_01_container > ul > li.imLevel:hover > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 11pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(255, 255, 255, 1);font-weight: normal;} /* Main menu separator button style */ #imSideBar_imMenuObject_01_container > ul > .imMnMnSeparator > .label-wrapper {background-color: transparent;background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imSideBar_imMenuObject_01_container > ul > .imMnMnSeparator > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 11pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(0, 48, 191, 1);font-weight: normal;} #imSideBar_imMenuObject_01 .imLevel { cursor: default; } #imSideBar_imMenuObject_01 { text-align: left;} /* Level menu background */ #imSideBar_imMenuObject_01 .multiple-column, #imSideBar_imMenuObject_01 .multiple-column ul ul { border-style: solid; border-width: 0px 0px 0px 0px; border-color: transparent transparent transparent transparent; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; background-color: transparent; } /* Level menu button size and position */ #imSideBar_imMenuObject_01 ul ul li {position: relative;margin-bottom: 0px; display: inline-block; vertical-align: top; } /* Multiple column menu buttons position */ #imSideBar_imMenuObject_01 .multiple-column > ul {max-width: 170px;} #imSideBar_imMenuObject_01 ul ul li:last-child {margin-bottom: 0;} #imSideBar_imMenuObject_01 ul ul .label-wrapper { display: block; overflow: hidden; width: 154px; height: 34px; padding: 0 8px 0 8px; } #imSideBar_imMenuObject_01 ul ul .label { display: table-cell; vertical-align: middle; } /* Level menu default button style */ #imSideBar_imMenuObject_01 ul ul .label-wrapper {background-color: rgba(255, 255, 255, 1);background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imSideBar_imMenuObject_01 ul ul .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 10pt;font-style: normal;text-decoration: none;text-align: left; color: rgba(0, 48, 191, 1);font-weight: normal;} /* Level menu hover button style */ #imSideBar_imMenuObject_01 ul ul li.imLevel:hover > .label-wrapper {background-color: rgba(176, 209, 255, 1);background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imSideBar_imMenuObject_01 ul ul li.imLevel:hover > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 10pt;font-style: normal;text-decoration: none;text-align: left; color: rgba(37, 58, 88, 1);font-weight: normal;} #imSideBar_imMenuObject_01 ul ul li.imPage:hover > .label-wrapper {background-color: rgba(176, 209, 255, 1);background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imSideBar_imMenuObject_01 ul ul li.imPage:hover > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 10pt;font-style: normal;text-decoration: none;text-align: left; color: rgba(37, 58, 88, 1);font-weight: normal;} /* Level menu separator button style */ #imSideBar_imMenuObject_01 ul ul .imMnMnSeparator > .label-wrapper {background-color: rgba(211, 211, 211, 1);background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imSideBar_imMenuObject_01 ul ul .imMnMnSeparator > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 10pt;font-style: normal;text-decoration: none;text-align: left; color: rgba(169, 169, 169, 1);font-weight: bold;} /* Level menu separation line style */ /* Level menu current button style */ #imSideBar_imMenuObject_01 .imMnMnCurrent > div.multiple-column > ul > .imMnMnCurrent > .label-wrapper {background-color: rgba(176, 209, 255, 1);background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imSideBar_imMenuObject_01 .imMnMnCurrent > div.multiple-column > ul > .imMnMnCurrent > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 10pt;font-style: normal;text-decoration: none;text-align: left; color: rgba(37, 58, 88, 1);font-weight: normal;} #imSideBar_imMenuObject_01 ul ul { z-index: 2; }/* Level menu show/hide directives */ #imSideBar_imMenuObject_01 .multiple-column {position: absolute; z-index: 2;left: 0;} #imSideBar_imMenuObject_01 .multiple-column > ul {position: static; display: inline-block;vertical-align: top;} #imSideBar_imMenuObject_01 .multiple-column > ul > li {display: block;} #imSideBar_imMenuObject_01_container > ul > li > ul {position: absolute; top: 30px; } #imSideBar_imMenuObject_01_container > ul > li > ul.open-bottom { left: 0; } #imSideBar_imMenuObject_01_container > ul > li > ul.open-left { right: 140px; } #imSideBar_imMenuObject_01_container > ul > li > ul.open-right { left: 140px; } #imSideBar_imMenuObject_01_container > ul > li > ul ul, #imSideBar_imMenuObject_01_container .multiple-column > ul > li ul {position: absolute; top: 0; } #imSideBar_imMenuObject_01_container > ul > li > ul ul.open-left, #imSideBar_imMenuObject_01_container .multiple-column > ul > li ul.open-left{ right: 170px; } #imSideBar_imMenuObject_01_container > ul > li > ul ul.open-right, #imSideBar_imMenuObject_01_container .multiple-column > ul > li ul.open-right{ left: 170px; } #imSideBar_imMenuObject_01 ul > li > ul, #imSideBar_imMenuObject_01 .multiple-column { display: none; } #imSideBar_imMenuObject_01_container > ul > li:nth-child(1n+1) { margin-left: 0; clear: left; } #imSideBar_imMenuObject_01_container > ul > li:nth-child(n+2) { margin-top: 2px; } #imSideBar_imMenuObject_01-menu-opened { display: none; } #imSideBar_imMenuObject_01 .hamburger-component { display: none; } #imSideBar_pluginAppObj_02_wrapper { position: absolute; top: 280px; left: 0px; width: 150px; height: 250px; text-align: center; z-index: 1003; overflow: hidden; } } @media (max-width: 479px) { #imSideBar_imMenuObject_01_wrapper { position: absolute; top: 0px; left: 0px; width: 152px; height: 280px; text-align: center; z-index: 1002; } #imSideBar_imCell_1 { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } #imSideBar_imMenuObject_01 { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } #imSideBar_imCell_1 { -ms-grid-rows: 100%; grid-template-rows: 100%; } #imSideBar_imCellStyleGraphics_1 { top: 0px; bottom: 0px; left: 0px; right: 0px; box-sizing: border-box; } /* Main menu background */ #imSideBar_imMenuObject_01_container { border-style: solid; border-width: 0px 0px 0px 0px; border-color: transparent transparent transparent transparent; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; width: 100%; box-sizing: border-box; background-color: transparent; padding: 0px 0px 0px 0px; display: inline-table;} #imSideBar_imMenuObject_01_container > ul:after {content: '';display: table;clear: both; } /* Main menu button size and position */ #imSideBar_imMenuObject_01_container > ul > li {position: relative;margin-left: 2px; margin-top: 0px; display: inline-block; vertical-align: top; } #imSideBar_imMenuObject_01_container > ul > li > .label-wrapper, #imSideBar_imMenuObject_01_container > ul > li > div > .label-wrapper { display: block; overflow: hidden; width: 130px; height: 30px; padding: 0 5px 0 5px; border-width: 0px 0px 0px 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;} #imSideBar_imMenuObject_01 .hamburger-button {cursor: pointer; width: 30px; height: 30px; display: inline-block; vertical-align: top; padding: 0; border-width: 0px 0px 0px 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;} #imSideBar_imMenuObject_01 .hamburger-bar { margin: 3px auto; width: 65%; height: 3px; background-color: rgba(0, 48, 191, 1); } #imSideBar_imMenuObject_01 .label-inner-wrapper, #imSideBar_imMenuObject_01 .hamburger-button > div { display: table; width: 100%; height: 100%; position: relative; z-index: 1; } #imSideBar_imMenuObject_01_container > ul > li .label, #imSideBar_imMenuObject_01 .hamburger-button > div > div { display: table-cell; vertical-align: middle; } /* Main menu default button style */ #imSideBar_imMenuObject_01_container > ul > li > .label-wrapper {background-color: transparent;background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imSideBar_imMenuObject_01_container > ul > li > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 11pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(0, 48, 191, 1);font-weight: normal;} /* Hamburger button style */ #imSideBar_imMenuObject_01 .hamburger-button {background-color: transparent;background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imSideBar_imMenuObject_01 .hamburger-button .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 11pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(0, 48, 191, 1);font-weight: normal;} /* Main menu current button style */ #imSideBar_imMenuObject_01_container > ul > .imMnMnCurrent > .label-wrapper {background-color: rgba(0, 48, 191, 1);background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imSideBar_imMenuObject_01_container > ul > .imMnMnCurrent > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 11pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(255, 255, 255, 1);font-weight: normal;} /* Main menu hover button style */ #imSideBar_imMenuObject_01_container > ul > li.imPage:hover > .label-wrapper {background-color: rgba(0, 48, 191, 1);background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imSideBar_imMenuObject_01_container > ul > li.imPage:hover > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 11pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(255, 255, 255, 1);font-weight: normal;} #imSideBar_imMenuObject_01_container > ul > li.imLevel:hover > .label-wrapper {background-color: rgba(0, 48, 191, 1);background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imSideBar_imMenuObject_01_container > ul > li.imLevel:hover > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 11pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(255, 255, 255, 1);font-weight: normal;} /* Main menu separator button style */ #imSideBar_imMenuObject_01_container > ul > .imMnMnSeparator > .label-wrapper {background-color: transparent;background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imSideBar_imMenuObject_01_container > ul > .imMnMnSeparator > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 11pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(0, 48, 191, 1);font-weight: normal;} #imSideBar_imMenuObject_01 .imLevel { cursor: default; } #imSideBar_imMenuObject_01 { text-align: left;} /* Level menu background */ #imSideBar_imMenuObject_01 .multiple-column, #imSideBar_imMenuObject_01 .multiple-column ul ul { border-style: solid; border-width: 0px 0px 0px 0px; border-color: transparent transparent transparent transparent; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; background-color: transparent; } /* Level menu button size and position */ #imSideBar_imMenuObject_01 ul ul li {position: relative;margin-bottom: 0px; display: inline-block; vertical-align: top; } /* Multiple column menu buttons position */ #imSideBar_imMenuObject_01 .multiple-column > ul {max-width: 170px;} #imSideBar_imMenuObject_01 ul ul li:last-child {margin-bottom: 0;} #imSideBar_imMenuObject_01 ul ul .label-wrapper { display: block; overflow: hidden; width: 154px; height: 34px; padding: 0 8px 0 8px; } #imSideBar_imMenuObject_01 ul ul .label { display: table-cell; vertical-align: middle; } /* Level menu default button style */ #imSideBar_imMenuObject_01 ul ul .label-wrapper {background-color: rgba(255, 255, 255, 1);background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imSideBar_imMenuObject_01 ul ul .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 10pt;font-style: normal;text-decoration: none;text-align: left; color: rgba(0, 48, 191, 1);font-weight: normal;} /* Level menu hover button style */ #imSideBar_imMenuObject_01 ul ul li.imLevel:hover > .label-wrapper {background-color: rgba(176, 209, 255, 1);background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imSideBar_imMenuObject_01 ul ul li.imLevel:hover > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 10pt;font-style: normal;text-decoration: none;text-align: left; color: rgba(37, 58, 88, 1);font-weight: normal;} #imSideBar_imMenuObject_01 ul ul li.imPage:hover > .label-wrapper {background-color: rgba(176, 209, 255, 1);background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imSideBar_imMenuObject_01 ul ul li.imPage:hover > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 10pt;font-style: normal;text-decoration: none;text-align: left; color: rgba(37, 58, 88, 1);font-weight: normal;} /* Level menu separator button style */ #imSideBar_imMenuObject_01 ul ul .imMnMnSeparator > .label-wrapper {background-color: rgba(211, 211, 211, 1);background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imSideBar_imMenuObject_01 ul ul .imMnMnSeparator > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 10pt;font-style: normal;text-decoration: none;text-align: left; color: rgba(169, 169, 169, 1);font-weight: bold;} /* Level menu separation line style */ /* Level menu current button style */ #imSideBar_imMenuObject_01 .imMnMnCurrent > div.multiple-column > ul > .imMnMnCurrent > .label-wrapper {background-color: rgba(176, 209, 255, 1);background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imSideBar_imMenuObject_01 .imMnMnCurrent > div.multiple-column > ul > .imMnMnCurrent > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 10pt;font-style: normal;text-decoration: none;text-align: left; color: rgba(37, 58, 88, 1);font-weight: normal;} #imSideBar_imMenuObject_01 ul ul { z-index: 2; }/* Level menu show/hide directives */ #imSideBar_imMenuObject_01 .multiple-column {position: absolute; z-index: 2;left: 0;} #imSideBar_imMenuObject_01 .multiple-column > ul {position: static; display: inline-block;vertical-align: top;} #imSideBar_imMenuObject_01 .multiple-column > ul > li {display: block;} #imSideBar_imMenuObject_01_container > ul > li > ul {position: absolute; top: 30px; } #imSideBar_imMenuObject_01_container > ul > li > ul.open-bottom { left: 0; } #imSideBar_imMenuObject_01_container > ul > li > ul.open-left { right: 140px; } #imSideBar_imMenuObject_01_container > ul > li > ul.open-right { left: 140px; } #imSideBar_imMenuObject_01_container > ul > li > ul ul, #imSideBar_imMenuObject_01_container .multiple-column > ul > li ul {position: absolute; top: 0; } #imSideBar_imMenuObject_01_container > ul > li > ul ul.open-left, #imSideBar_imMenuObject_01_container .multiple-column > ul > li ul.open-left{ right: 170px; } #imSideBar_imMenuObject_01_container > ul > li > ul ul.open-right, #imSideBar_imMenuObject_01_container .multiple-column > ul > li ul.open-right{ left: 170px; } #imSideBar_imMenuObject_01 ul > li > ul, #imSideBar_imMenuObject_01 .multiple-column { display: none; } #imSideBar_imMenuObject_01_container > ul > li:nth-child(1n+1) { margin-left: 0; clear: left; } #imSideBar_imMenuObject_01_container > ul > li:nth-child(n+2) { margin-top: 2px; } #imSideBar_imMenuObject_01-menu-opened { display: none; } #imSideBar_imMenuObject_01 .hamburger-component { display: none; } #imSideBar_pluginAppObj_02_wrapper { position: absolute; top: 280px; left: 0px; width: 150px; height: 250px; text-align: center; z-index: 1003; overflow: hidden; } } @media (min-width: 1150px) { #imStickyBar_imMenuObject_01_wrapper { position: absolute; top: 0px; left: 0px; width: 60px; height: 60px; text-align: center; z-index: 1002; } #imStickyBar_imCell_1 { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } #imStickyBar_imCell_1 { -ms-grid-rows: 100%; grid-template-rows: 100%; } #imStickyBar_imMenuObject_01 { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } #imStickyBar_imCellStyleGraphics_1 { left: 0px; right: 0px; } #imStickyBar_imCellStyleBorders_1 { left: 0px; right: 0px; border-top: 0; border-bottom: 0; border-left: 0; border-right: 0; } /* Main menu background */ #imStickyBar_imMenuObject_01_container { border-style: solid; border-width: 0px 0px 0px 0px; border-color: transparent transparent transparent transparent; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; width: 100%; box-sizing: border-box; background-color: rgba(10, 101, 148, 1); padding: 0px 0px 0px 0px; display: inline-table;} #imStickyBar_imMenuObject_01_container > ul:after {content: '';display: table;clear: both; } /* Main menu button size and position */ #imStickyBar_imMenuObject_01_container > ul > li {position: relative;margin-left: 0px; margin-top: 0px; display: inline-block; vertical-align: top; } #imStickyBar_imMenuObject_01_container > ul > li > .label-wrapper, #imStickyBar_imMenuObject_01_container > ul > li > div > .label-wrapper { display: block; overflow: hidden; width: 100px; height: 60px; padding: 0 20px 0 20px; border-width: 0px 0px 0px 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;} #imStickyBar_imMenuObject_01 .hamburger-button {cursor: pointer; width: 60px; height: 60px; display: inline-block; vertical-align: top; padding: 0; border-width: 0px 0px 0px 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;} #imStickyBar_imMenuObject_01 .hamburger-bar { margin: 6px auto; width: 65%; height: 6px; background-color: rgba(255, 255, 255, 1); } #imStickyBar_imMenuObject_01 .label-inner-wrapper, #imStickyBar_imMenuObject_01 .hamburger-button > div { display: table; width: 100%; height: 100%; position: relative; z-index: 1; } #imStickyBar_imMenuObject_01_container > ul > li .label, #imStickyBar_imMenuObject_01 .hamburger-button > div > div { display: table-cell; vertical-align: middle; } /* Main menu default button style */ #imStickyBar_imMenuObject_01_container > ul > li > .label-wrapper {background-color: transparent;background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imStickyBar_imMenuObject_01_container > ul > li > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 11pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(255, 255, 255, 1);font-weight: normal;} /* Hamburger button style */ #imStickyBar_imMenuObject_01 .hamburger-button {background-color: transparent;background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imStickyBar_imMenuObject_01 .hamburger-button .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 11pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(255, 255, 255, 1);font-weight: normal;} /* Main menu current button style */ #imStickyBar_imMenuObject_01_container > ul > .imMnMnCurrent > .label-wrapper {background-color: rgba(37, 58, 88, 1);background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imStickyBar_imMenuObject_01_container > ul > .imMnMnCurrent > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 11pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(255, 255, 255, 1);font-weight: normal;} /* Main menu hover button style */ #imStickyBar_imMenuObject_01_container > ul > li.imPage:hover > .label-wrapper {background-color: rgba(255, 191, 0, 1);background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imStickyBar_imMenuObject_01_container > ul > li.imPage:hover > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 11pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(10, 101, 148, 1);font-weight: normal;} #imStickyBar_imMenuObject_01_container > ul > li.imLevel:hover > .label-wrapper {background-color: rgba(255, 191, 0, 1);background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imStickyBar_imMenuObject_01_container > ul > li.imLevel:hover > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 11pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(10, 101, 148, 1);font-weight: normal;} /* Main menu separator button style */ #imStickyBar_imMenuObject_01_container > ul > .imMnMnSeparator > .label-wrapper {background-color: rgba(64, 64, 64, 1);background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imStickyBar_imMenuObject_01_container > ul > .imMnMnSeparator > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 11pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(255, 255, 255, 1);font-weight: normal;} #imStickyBar_imMenuObject_01 .imLevel { cursor: default; } #imStickyBar_imMenuObject_01 { text-align: left;} #imStickyBar_imMenuObject_01 .hidden { display: none; } #imStickyBar_imMenuObject_01-menu-opened { overflow: visible; z-index: 10402; } #imStickyBar_imMenuObject_01-menu-opened ul ul { display: none; /*margin-bottom: 1px;*/ } #imStickyBar_imMenuObject_01-menu-opened li > div { display: none; } #imStickyBar_imMenuObject_01-menu-opened #imStickyBar_imMenuObject_01_container-menu-opened div > ul { display: block; } #imStickyBar_imMenuObject_01-menu-opened #imStickyBar_imMenuObject_01_container-menu-opened > ul { position: absolute; left: 0; right: auto; top: 40px; background-color: rgba(10, 101, 148, 1); overflow-x: hidden; overflow-y: auto; height: calc(100% - 40px) } #imStickyBar_imMenuObject_01-menu-opened .hamburger-menu-close-button { display: block; font-family: Arial; font-size: 30px; text-align: right; padding: 5px 10px; color: rgba(255, 255, 255, 1); } #imStickyBar_imMenuObject_01-menu-opened .hamburger-menu-close-button span { cursor: pointer; } #imStickyBar_imMenuObject_01-menu-opened { position:fixed; top: 0; bottom: 0; left: 0; width: 160px; border-style: solid; border-width: 0px 0px 0px 0px; border-color: transparent transparent transparent transparent; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;; } #imPageExtContainer:after{ position: fixed; top: 0; right: 0; width: 0; height: 0; content: ''; opacity: 0; transition: opacity 1000ms; z-index: 10401;} .menu-imStickyBar_imMenuObject_01-opened #imPageExtContainer:after{ width: 100%; height: 100%; background-color: rgba(0, 0, 0, 1); opacity: 0.5;} .menu-imStickyBar_imMenuObject_01-towards-closing #imPageExtContainer:after { width: 100%; height: 100%; background-color: transparent; opacity: 0.5; transition: background-color 1000ms linear, opacity;} #imStickyBar_imMenuObject_01 .hidden { display: none; } /* Responsive menu button size and position */ #imStickyBar_imMenuObject_01-menu-opened li {position: relative;margin-bottom: 0px; display: inline-block; vertical-align: top; } #imStickyBar_imMenuObject_01-menu-opened li:last-child {margin-bottom: 0;} #imStickyBar_imMenuObject_01-menu-opened .label-wrapper { display: block; overflow: hidden; position: relative; width: 140px; height: 38px; padding: 0 10px 0 10px; } #imStickyBar_imMenuObject_01-menu-opened .label-inner-wrapper { display: table; width: 100%; height: 100%; z-index: 1; position: relative; } #imStickyBar_imMenuObject_01-menu-opened .label { display: table-cell; vertical-align: middle; } #imStickyBar_imMenuObject_01-menu-opened .hamburger-menu-background { position: absolute;display: block;top: 0;bottom: 0;width: 160px;left: 0; right: auto;background-color: rgba(10, 101, 148, 1);transition: left 500ms, right 500ms, opacity 500ms;-webkit-transition: left 500ms, right 500ms, opacity 500ms;} /* Responsive menu default button style */ #imStickyBar_imMenuObject_01-menu-opened ul > li > .label-wrapper {background-color: transparent;background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imStickyBar_imMenuObject_01-menu-opened ul > li > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 16pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(255, 255, 255, 1);font-weight: normal;} #imStickyBar_imMenuObject_01-menu-opened ul ul > li > .label-wrapper {background-color: transparent;background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imStickyBar_imMenuObject_01-menu-opened ul ul > li > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 16pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(255, 255, 255, 1);font-weight: normal;} #imStickyBar_imMenuObject_01-menu-opened ul ul ul > li > .label-wrapper {background-color: transparent;background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imStickyBar_imMenuObject_01-menu-opened ul ul ul > li > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 16pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(255, 255, 255, 1);font-weight: normal;} #imStickyBar_imMenuObject_01-menu-opened ul ul ul ul > li > .label-wrapper {background-color: transparent;background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imStickyBar_imMenuObject_01-menu-opened ul ul ul ul > li > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 16pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(255, 255, 255, 1);font-weight: normal;} /* Responsive menu hover button style */ #imStickyBar_imMenuObject_01-menu-opened ul > li:hover > .label-wrapper {background-color: rgba(255, 191, 0, 1);background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imStickyBar_imMenuObject_01-menu-opened ul > li:hover > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 16pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(0, 32, 128, 1);font-weight: normal;} /* Responsive menu current button style */ #imStickyBar_imMenuObject_01-menu-opened #imStickyBar_imMenuObject_01_container-menu-opened > ul > .imMnMnCurrent > .label-wrapper {background-color: rgba(211, 211, 211, 1);background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imStickyBar_imMenuObject_01-menu-opened #imStickyBar_imMenuObject_01_container-menu-opened > ul > .imMnMnCurrent > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 16pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(255, 255, 255, 1);font-weight: normal;} #imStickyBar_imMenuObject_01-menu-opened .imMnMnCurrent > ul > .imMnMnCurrent > .label-wrapper {background-color: rgba(211, 211, 211, 1);background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imStickyBar_imMenuObject_01-menu-opened .imMnMnCurrent > ul > .imMnMnCurrent > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 16pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(255, 255, 255, 1);font-weight: normal;} /* Responsive menu separator button style */ #imStickyBar_imMenuObject_01-menu-opened ul > .imMnMnSeparator > .label-wrapper {background-color: rgba(64, 64, 64, 1);background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imStickyBar_imMenuObject_01-menu-opened ul > .imMnMnSeparator > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 16pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(255, 255, 255, 1);font-weight: normal;} /* Responsive menu separation line style */ #imStickyBar_imMenuObject_01-menu-opened { transform: translate3d(-160px, 0 ,0); transition: transform 1000ms; -webkit-transition: transform 1000ms;} #imStickyBar_imMenuObject_01-menu-opened.animated { transform: translate3d(0, 0, 0);} #imStickyBar_imObjectImage_02_wrapper { position: absolute; top: 0px; left: 60px; width: 260px; height: 60px; text-align: center; z-index: 1003; overflow: hidden; } #imStickyBar_imObjectImage_02_wrapper img {-webkit-clip-path: inset(0 0 38.776% 0);clip-path: inset(0 0 38.776% 0);}#imStickyBar_imCell_2 { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } #imStickyBar_imCell_2 { -ms-grid-rows: 100%; grid-template-rows: 100%; } #imStickyBar_imObjectImage_02 { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } #imStickyBar_imCellStyleGraphics_2 { left: 0px; right: 0px; } #imStickyBar_imCellStyleBorders_2 { left: 0px; right: 0px; border-top: 0; border-bottom: 0; border-left: 0; border-right: 0; } } @media (max-width: 1149px) and (min-width: 720px) { #imStickyBar_imMenuObject_01_wrapper { position: absolute; top: 0px; left: 0px; width: 60px; height: 60px; text-align: center; z-index: 1002; } #imStickyBar_imCell_1 { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } #imStickyBar_imCell_1 { -ms-grid-rows: 100%; grid-template-rows: 100%; } #imStickyBar_imMenuObject_01 { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } #imStickyBar_imCellStyleGraphics_1 { left: 0px; right: 0px; } #imStickyBar_imCellStyleBorders_1 { left: 0px; right: 0px; border-top: 0; border-bottom: 0; border-left: 0; border-right: 0; } /* Main menu background */ #imStickyBar_imMenuObject_01_container { border-style: solid; border-width: 0px 0px 0px 0px; border-color: transparent transparent transparent transparent; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; width: 100%; box-sizing: border-box; background-color: rgba(10, 101, 148, 1); padding: 0px 0px 0px 0px; display: inline-table;} #imStickyBar_imMenuObject_01_container > ul:after {content: '';display: table;clear: both; } /* Main menu button size and position */ #imStickyBar_imMenuObject_01_container > ul > li {position: relative;margin-left: 0px; margin-top: 0px; display: inline-block; vertical-align: top; } #imStickyBar_imMenuObject_01_container > ul > li > .label-wrapper, #imStickyBar_imMenuObject_01_container > ul > li > div > .label-wrapper { display: block; overflow: hidden; width: 100px; height: 60px; padding: 0 20px 0 20px; border-width: 0px 0px 0px 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;} #imStickyBar_imMenuObject_01 .hamburger-button {cursor: pointer; width: 60px; height: 60px; display: inline-block; vertical-align: top; padding: 0; border-width: 0px 0px 0px 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;} #imStickyBar_imMenuObject_01 .hamburger-bar { margin: 6px auto; width: 65%; height: 6px; background-color: rgba(255, 255, 255, 1); } #imStickyBar_imMenuObject_01 .label-inner-wrapper, #imStickyBar_imMenuObject_01 .hamburger-button > div { display: table; width: 100%; height: 100%; position: relative; z-index: 1; } #imStickyBar_imMenuObject_01_container > ul > li .label, #imStickyBar_imMenuObject_01 .hamburger-button > div > div { display: table-cell; vertical-align: middle; } /* Main menu default button style */ #imStickyBar_imMenuObject_01_container > ul > li > .label-wrapper {background-color: transparent;background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imStickyBar_imMenuObject_01_container > ul > li > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 11pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(255, 255, 255, 1);font-weight: normal;} /* Hamburger button style */ #imStickyBar_imMenuObject_01 .hamburger-button {background-color: transparent;background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imStickyBar_imMenuObject_01 .hamburger-button .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 11pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(255, 255, 255, 1);font-weight: normal;} /* Main menu current button style */ #imStickyBar_imMenuObject_01_container > ul > .imMnMnCurrent > .label-wrapper {background-color: rgba(37, 58, 88, 1);background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imStickyBar_imMenuObject_01_container > ul > .imMnMnCurrent > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 11pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(255, 255, 255, 1);font-weight: normal;} /* Main menu hover button style */ #imStickyBar_imMenuObject_01_container > ul > li.imPage:hover > .label-wrapper {background-color: rgba(255, 191, 0, 1);background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imStickyBar_imMenuObject_01_container > ul > li.imPage:hover > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 11pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(10, 101, 148, 1);font-weight: normal;} #imStickyBar_imMenuObject_01_container > ul > li.imLevel:hover > .label-wrapper {background-color: rgba(255, 191, 0, 1);background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imStickyBar_imMenuObject_01_container > ul > li.imLevel:hover > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 11pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(10, 101, 148, 1);font-weight: normal;} /* Main menu separator button style */ #imStickyBar_imMenuObject_01_container > ul > .imMnMnSeparator > .label-wrapper {background-color: rgba(64, 64, 64, 1);background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imStickyBar_imMenuObject_01_container > ul > .imMnMnSeparator > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 11pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(255, 255, 255, 1);font-weight: normal;} #imStickyBar_imMenuObject_01 .imLevel { cursor: default; } #imStickyBar_imMenuObject_01 { text-align: left;} #imStickyBar_imMenuObject_01 .hidden { display: none; } #imStickyBar_imMenuObject_01-menu-opened { overflow: visible; z-index: 10402; } #imStickyBar_imMenuObject_01-menu-opened ul ul { display: none; /*margin-bottom: 1px;*/ } #imStickyBar_imMenuObject_01-menu-opened li > div { display: none; } #imStickyBar_imMenuObject_01-menu-opened #imStickyBar_imMenuObject_01_container-menu-opened div > ul { display: block; } #imStickyBar_imMenuObject_01-menu-opened #imStickyBar_imMenuObject_01_container-menu-opened > ul { position: absolute; left: 0; right: auto; top: 40px; background-color: rgba(10, 101, 148, 1); overflow-x: hidden; overflow-y: auto; height: calc(100% - 40px) } #imStickyBar_imMenuObject_01-menu-opened .hamburger-menu-close-button { display: block; font-family: Arial; font-size: 30px; text-align: right; padding: 5px 10px; color: rgba(255, 255, 255, 1); } #imStickyBar_imMenuObject_01-menu-opened .hamburger-menu-close-button span { cursor: pointer; } #imStickyBar_imMenuObject_01-menu-opened { position:fixed; top: 0; bottom: 0; left: 0; width: 160px; border-style: solid; border-width: 0px 0px 0px 0px; border-color: transparent transparent transparent transparent; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;; } #imPageExtContainer:after{ position: fixed; top: 0; right: 0; width: 0; height: 0; content: ''; opacity: 0; transition: opacity 1000ms; z-index: 10401;} .menu-imStickyBar_imMenuObject_01-opened #imPageExtContainer:after{ width: 100%; height: 100%; background-color: rgba(0, 0, 0, 1); opacity: 0.5;} .menu-imStickyBar_imMenuObject_01-towards-closing #imPageExtContainer:after { width: 100%; height: 100%; background-color: transparent; opacity: 0.5; transition: background-color 1000ms linear, opacity;} #imStickyBar_imMenuObject_01 .hidden { display: none; } /* Responsive menu button size and position */ #imStickyBar_imMenuObject_01-menu-opened li {position: relative;margin-bottom: 0px; display: inline-block; vertical-align: top; } #imStickyBar_imMenuObject_01-menu-opened li:last-child {margin-bottom: 0;} #imStickyBar_imMenuObject_01-menu-opened .label-wrapper { display: block; overflow: hidden; position: relative; width: 140px; height: 38px; padding: 0 10px 0 10px; } #imStickyBar_imMenuObject_01-menu-opened .label-inner-wrapper { display: table; width: 100%; height: 100%; z-index: 1; position: relative; } #imStickyBar_imMenuObject_01-menu-opened .label { display: table-cell; vertical-align: middle; } #imStickyBar_imMenuObject_01-menu-opened .hamburger-menu-background { position: absolute;display: block;top: 0;bottom: 0;width: 160px;left: 0; right: auto;background-color: rgba(10, 101, 148, 1);transition: left 500ms, right 500ms, opacity 500ms;-webkit-transition: left 500ms, right 500ms, opacity 500ms;} /* Responsive menu default button style */ #imStickyBar_imMenuObject_01-menu-opened ul > li > .label-wrapper {background-color: transparent;background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imStickyBar_imMenuObject_01-menu-opened ul > li > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 16pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(255, 255, 255, 1);font-weight: normal;} #imStickyBar_imMenuObject_01-menu-opened ul ul > li > .label-wrapper {background-color: transparent;background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imStickyBar_imMenuObject_01-menu-opened ul ul > li > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 16pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(255, 255, 255, 1);font-weight: normal;} #imStickyBar_imMenuObject_01-menu-opened ul ul ul > li > .label-wrapper {background-color: transparent;background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imStickyBar_imMenuObject_01-menu-opened ul ul ul > li > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 16pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(255, 255, 255, 1);font-weight: normal;} #imStickyBar_imMenuObject_01-menu-opened ul ul ul ul > li > .label-wrapper {background-color: transparent;background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imStickyBar_imMenuObject_01-menu-opened ul ul ul ul > li > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 16pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(255, 255, 255, 1);font-weight: normal;} /* Responsive menu hover button style */ #imStickyBar_imMenuObject_01-menu-opened ul > li:hover > .label-wrapper {background-color: rgba(255, 191, 0, 1);background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imStickyBar_imMenuObject_01-menu-opened ul > li:hover > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 16pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(0, 32, 128, 1);font-weight: normal;} /* Responsive menu current button style */ #imStickyBar_imMenuObject_01-menu-opened #imStickyBar_imMenuObject_01_container-menu-opened > ul > .imMnMnCurrent > .label-wrapper {background-color: rgba(211, 211, 211, 1);background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imStickyBar_imMenuObject_01-menu-opened #imStickyBar_imMenuObject_01_container-menu-opened > ul > .imMnMnCurrent > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 16pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(255, 255, 255, 1);font-weight: normal;} #imStickyBar_imMenuObject_01-menu-opened .imMnMnCurrent > ul > .imMnMnCurrent > .label-wrapper {background-color: rgba(211, 211, 211, 1);background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imStickyBar_imMenuObject_01-menu-opened .imMnMnCurrent > ul > .imMnMnCurrent > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 16pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(255, 255, 255, 1);font-weight: normal;} /* Responsive menu separator button style */ #imStickyBar_imMenuObject_01-menu-opened ul > .imMnMnSeparator > .label-wrapper {background-color: rgba(64, 64, 64, 1);background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imStickyBar_imMenuObject_01-menu-opened ul > .imMnMnSeparator > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 16pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(255, 255, 255, 1);font-weight: normal;} /* Responsive menu separation line style */ #imStickyBar_imMenuObject_01-menu-opened { transform: translate3d(-160px, 0 ,0); transition: transform 1000ms; -webkit-transition: transform 1000ms;} #imStickyBar_imMenuObject_01-menu-opened.animated { transform: translate3d(0, 0, 0);} #imStickyBar_imObjectImage_02_wrapper { position: absolute; top: 0px; left: 60px; width: 260px; height: 60px; text-align: center; z-index: 1003; overflow: hidden; } #imStickyBar_imObjectImage_02_wrapper img {-webkit-clip-path: inset(0 0 38.776% 0);clip-path: inset(0 0 38.776% 0);}#imStickyBar_imCell_2 { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } #imStickyBar_imCell_2 { -ms-grid-rows: 100%; grid-template-rows: 100%; } #imStickyBar_imObjectImage_02 { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } #imStickyBar_imCellStyleGraphics_2 { left: 0px; right: 0px; } #imStickyBar_imCellStyleBorders_2 { left: 0px; right: 0px; border-top: 0; border-bottom: 0; border-left: 0; border-right: 0; } } @media (max-width: 719px) and (min-width: 480px) { #imStickyBar_imMenuObject_01_wrapper { position: absolute; top: 0px; left: 0px; width: 60px; height: 60px; text-align: center; z-index: 1002; } #imStickyBar_imCell_1 { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } #imStickyBar_imCell_1 { -ms-grid-rows: 100%; grid-template-rows: 100%; } #imStickyBar_imMenuObject_01 { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } #imStickyBar_imCellStyleGraphics_1 { left: 0px; right: 0px; } #imStickyBar_imCellStyleBorders_1 { left: 0px; right: 0px; border-top: 0; border-bottom: 0; border-left: 0; border-right: 0; } /* Main menu background */ #imStickyBar_imMenuObject_01_container { border-style: solid; border-width: 0px 0px 0px 0px; border-color: transparent transparent transparent transparent; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; width: 100%; box-sizing: border-box; background-color: rgba(10, 101, 148, 1); padding: 0px 0px 0px 0px; display: inline-table;} #imStickyBar_imMenuObject_01_container > ul:after {content: '';display: table;clear: both; } /* Main menu button size and position */ #imStickyBar_imMenuObject_01_container > ul > li {position: relative;margin-left: 0px; margin-top: 0px; display: inline-block; vertical-align: top; } #imStickyBar_imMenuObject_01_container > ul > li > .label-wrapper, #imStickyBar_imMenuObject_01_container > ul > li > div > .label-wrapper { display: block; overflow: hidden; width: 100px; height: 60px; padding: 0 20px 0 20px; border-width: 0px 0px 0px 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;} #imStickyBar_imMenuObject_01 .hamburger-button {cursor: pointer; width: 60px; height: 60px; display: inline-block; vertical-align: top; padding: 0; border-width: 0px 0px 0px 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;} #imStickyBar_imMenuObject_01 .hamburger-bar { margin: 6px auto; width: 65%; height: 6px; background-color: rgba(255, 255, 255, 1); } #imStickyBar_imMenuObject_01 .label-inner-wrapper, #imStickyBar_imMenuObject_01 .hamburger-button > div { display: table; width: 100%; height: 100%; position: relative; z-index: 1; } #imStickyBar_imMenuObject_01_container > ul > li .label, #imStickyBar_imMenuObject_01 .hamburger-button > div > div { display: table-cell; vertical-align: middle; } /* Main menu default button style */ #imStickyBar_imMenuObject_01_container > ul > li > .label-wrapper {background-color: transparent;background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imStickyBar_imMenuObject_01_container > ul > li > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 11pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(255, 255, 255, 1);font-weight: normal;} /* Hamburger button style */ #imStickyBar_imMenuObject_01 .hamburger-button {background-color: transparent;background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imStickyBar_imMenuObject_01 .hamburger-button .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 11pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(255, 255, 255, 1);font-weight: normal;} /* Main menu current button style */ #imStickyBar_imMenuObject_01_container > ul > .imMnMnCurrent > .label-wrapper {background-color: rgba(37, 58, 88, 1);background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imStickyBar_imMenuObject_01_container > ul > .imMnMnCurrent > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 11pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(255, 255, 255, 1);font-weight: normal;} /* Main menu hover button style */ #imStickyBar_imMenuObject_01_container > ul > li.imPage:hover > .label-wrapper {background-color: rgba(255, 191, 0, 1);background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imStickyBar_imMenuObject_01_container > ul > li.imPage:hover > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 11pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(10, 101, 148, 1);font-weight: normal;} #imStickyBar_imMenuObject_01_container > ul > li.imLevel:hover > .label-wrapper {background-color: rgba(255, 191, 0, 1);background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imStickyBar_imMenuObject_01_container > ul > li.imLevel:hover > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 11pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(10, 101, 148, 1);font-weight: normal;} /* Main menu separator button style */ #imStickyBar_imMenuObject_01_container > ul > .imMnMnSeparator > .label-wrapper {background-color: rgba(64, 64, 64, 1);background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imStickyBar_imMenuObject_01_container > ul > .imMnMnSeparator > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 11pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(255, 255, 255, 1);font-weight: normal;} #imStickyBar_imMenuObject_01 .imLevel { cursor: default; } #imStickyBar_imMenuObject_01 { text-align: left;} #imStickyBar_imMenuObject_01 .hidden { display: none; } #imStickyBar_imMenuObject_01-menu-opened { overflow: visible; z-index: 10402; } #imStickyBar_imMenuObject_01-menu-opened ul ul { display: none; /*margin-bottom: 1px;*/ } #imStickyBar_imMenuObject_01-menu-opened li > div { display: none; } #imStickyBar_imMenuObject_01-menu-opened #imStickyBar_imMenuObject_01_container-menu-opened div > ul { display: block; } #imStickyBar_imMenuObject_01-menu-opened #imStickyBar_imMenuObject_01_container-menu-opened > ul { position: absolute; left: 0; right: auto; top: 40px; background-color: rgba(10, 101, 148, 1); overflow-x: hidden; overflow-y: auto; height: calc(100% - 40px) } #imStickyBar_imMenuObject_01-menu-opened .hamburger-menu-close-button { display: block; font-family: Arial; font-size: 30px; text-align: right; padding: 5px 10px; color: rgba(255, 255, 255, 1); } #imStickyBar_imMenuObject_01-menu-opened .hamburger-menu-close-button span { cursor: pointer; } #imStickyBar_imMenuObject_01-menu-opened { position:fixed; top: 0; bottom: 0; left: 0; width: 160px; border-style: solid; border-width: 0px 0px 0px 0px; border-color: transparent transparent transparent transparent; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;; } #imPageExtContainer:after{ position: fixed; top: 0; right: 0; width: 0; height: 0; content: ''; opacity: 0; transition: opacity 1000ms; z-index: 10401;} .menu-imStickyBar_imMenuObject_01-opened #imPageExtContainer:after{ width: 100%; height: 100%; background-color: rgba(0, 0, 0, 1); opacity: 0.5;} .menu-imStickyBar_imMenuObject_01-towards-closing #imPageExtContainer:after { width: 100%; height: 100%; background-color: transparent; opacity: 0.5; transition: background-color 1000ms linear, opacity;} #imStickyBar_imMenuObject_01 .hidden { display: none; } /* Responsive menu button size and position */ #imStickyBar_imMenuObject_01-menu-opened li {position: relative;margin-bottom: 0px; display: inline-block; vertical-align: top; } #imStickyBar_imMenuObject_01-menu-opened li:last-child {margin-bottom: 0;} #imStickyBar_imMenuObject_01-menu-opened .label-wrapper { display: block; overflow: hidden; position: relative; width: 140px; height: 38px; padding: 0 10px 0 10px; } #imStickyBar_imMenuObject_01-menu-opened .label-inner-wrapper { display: table; width: 100%; height: 100%; z-index: 1; position: relative; } #imStickyBar_imMenuObject_01-menu-opened .label { display: table-cell; vertical-align: middle; } #imStickyBar_imMenuObject_01-menu-opened .hamburger-menu-background { position: absolute;display: block;top: 0;bottom: 0;width: 160px;left: 0; right: auto;background-color: rgba(10, 101, 148, 1);transition: left 500ms, right 500ms, opacity 500ms;-webkit-transition: left 500ms, right 500ms, opacity 500ms;} /* Responsive menu default button style */ #imStickyBar_imMenuObject_01-menu-opened ul > li > .label-wrapper {background-color: transparent;background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imStickyBar_imMenuObject_01-menu-opened ul > li > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 16pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(255, 255, 255, 1);font-weight: normal;} #imStickyBar_imMenuObject_01-menu-opened ul ul > li > .label-wrapper {background-color: transparent;background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imStickyBar_imMenuObject_01-menu-opened ul ul > li > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 16pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(255, 255, 255, 1);font-weight: normal;} #imStickyBar_imMenuObject_01-menu-opened ul ul ul > li > .label-wrapper {background-color: transparent;background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imStickyBar_imMenuObject_01-menu-opened ul ul ul > li > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 16pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(255, 255, 255, 1);font-weight: normal;} #imStickyBar_imMenuObject_01-menu-opened ul ul ul ul > li > .label-wrapper {background-color: transparent;background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imStickyBar_imMenuObject_01-menu-opened ul ul ul ul > li > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 16pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(255, 255, 255, 1);font-weight: normal;} /* Responsive menu hover button style */ #imStickyBar_imMenuObject_01-menu-opened ul > li:hover > .label-wrapper {background-color: rgba(255, 191, 0, 1);background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imStickyBar_imMenuObject_01-menu-opened ul > li:hover > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 16pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(0, 32, 128, 1);font-weight: normal;} /* Responsive menu current button style */ #imStickyBar_imMenuObject_01-menu-opened #imStickyBar_imMenuObject_01_container-menu-opened > ul > .imMnMnCurrent > .label-wrapper {background-color: rgba(211, 211, 211, 1);background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imStickyBar_imMenuObject_01-menu-opened #imStickyBar_imMenuObject_01_container-menu-opened > ul > .imMnMnCurrent > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 16pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(255, 255, 255, 1);font-weight: normal;} #imStickyBar_imMenuObject_01-menu-opened .imMnMnCurrent > ul > .imMnMnCurrent > .label-wrapper {background-color: rgba(211, 211, 211, 1);background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imStickyBar_imMenuObject_01-menu-opened .imMnMnCurrent > ul > .imMnMnCurrent > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 16pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(255, 255, 255, 1);font-weight: normal;} /* Responsive menu separator button style */ #imStickyBar_imMenuObject_01-menu-opened ul > .imMnMnSeparator > .label-wrapper {background-color: rgba(64, 64, 64, 1);background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imStickyBar_imMenuObject_01-menu-opened ul > .imMnMnSeparator > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 16pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(255, 255, 255, 1);font-weight: normal;} /* Responsive menu separation line style */ #imStickyBar_imMenuObject_01-menu-opened { transform: translate3d(-160px, 0 ,0); transition: transform 1000ms; -webkit-transition: transform 1000ms;} #imStickyBar_imMenuObject_01-menu-opened.animated { transform: translate3d(0, 0, 0);} #imStickyBar_imObjectImage_02_wrapper { position: absolute; top: 0px; left: 60px; width: 260px; height: 60px; text-align: center; z-index: 1003; overflow: hidden; } #imStickyBar_imObjectImage_02_wrapper img {-webkit-clip-path: inset(0 0 38.776% 0);clip-path: inset(0 0 38.776% 0);}#imStickyBar_imCell_2 { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } #imStickyBar_imCell_2 { -ms-grid-rows: 100%; grid-template-rows: 100%; } #imStickyBar_imObjectImage_02 { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } #imStickyBar_imCellStyleGraphics_2 { left: 0px; right: 0px; } #imStickyBar_imCellStyleBorders_2 { left: 0px; right: 0px; border-top: 0; border-bottom: 0; border-left: 0; border-right: 0; } } @media (max-width: 479px) { #imStickyBar_imMenuObject_01_wrapper { position: absolute; top: 0px; left: 0px; width: 60px; height: 60px; text-align: center; z-index: 1002; } #imStickyBar_imCell_1 { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } #imStickyBar_imMenuObject_01 { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } #imStickyBar_imCell_1 { -ms-grid-rows: 100%; grid-template-rows: 100%; } #imStickyBar_imCellStyleGraphics_1 { top: 0px; bottom: 0px; left: 0px; right: 0px; box-sizing: border-box; } /* Main menu background */ #imStickyBar_imMenuObject_01_container { border-style: solid; border-width: 0px 0px 0px 0px; border-color: transparent transparent transparent transparent; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; width: 100%; box-sizing: border-box; background-color: rgba(10, 101, 148, 1); padding: 0px 0px 0px 0px; display: inline-table;} #imStickyBar_imMenuObject_01_container > ul:after {content: '';display: table;clear: both; } /* Main menu button size and position */ #imStickyBar_imMenuObject_01_container > ul > li {position: relative;margin-left: 0px; margin-top: 0px; display: inline-block; vertical-align: top; } #imStickyBar_imMenuObject_01_container > ul > li > .label-wrapper, #imStickyBar_imMenuObject_01_container > ul > li > div > .label-wrapper { display: block; overflow: hidden; width: 100px; height: 60px; padding: 0 20px 0 20px; border-width: 0px 0px 0px 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;} #imStickyBar_imMenuObject_01 .hamburger-button {cursor: pointer; width: 60px; height: 60px; display: inline-block; vertical-align: top; padding: 0; border-width: 0px 0px 0px 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;} #imStickyBar_imMenuObject_01 .hamburger-bar { margin: 6px auto; width: 65%; height: 6px; background-color: rgba(255, 255, 255, 1); } #imStickyBar_imMenuObject_01 .label-inner-wrapper, #imStickyBar_imMenuObject_01 .hamburger-button > div { display: table; width: 100%; height: 100%; position: relative; z-index: 1; } #imStickyBar_imMenuObject_01_container > ul > li .label, #imStickyBar_imMenuObject_01 .hamburger-button > div > div { display: table-cell; vertical-align: middle; } /* Main menu default button style */ #imStickyBar_imMenuObject_01_container > ul > li > .label-wrapper {background-color: transparent;background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imStickyBar_imMenuObject_01_container > ul > li > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 11pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(255, 255, 255, 1);font-weight: normal;} /* Hamburger button style */ #imStickyBar_imMenuObject_01 .hamburger-button {background-color: transparent;background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imStickyBar_imMenuObject_01 .hamburger-button .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 11pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(255, 255, 255, 1);font-weight: normal;} /* Main menu current button style */ #imStickyBar_imMenuObject_01_container > ul > .imMnMnCurrent > .label-wrapper {background-color: rgba(37, 58, 88, 1);background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imStickyBar_imMenuObject_01_container > ul > .imMnMnCurrent > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 11pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(255, 255, 255, 1);font-weight: normal;} /* Main menu hover button style */ #imStickyBar_imMenuObject_01_container > ul > li.imPage:hover > .label-wrapper {background-color: rgba(255, 191, 0, 1);background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imStickyBar_imMenuObject_01_container > ul > li.imPage:hover > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 11pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(10, 101, 148, 1);font-weight: normal;} #imStickyBar_imMenuObject_01_container > ul > li.imLevel:hover > .label-wrapper {background-color: rgba(255, 191, 0, 1);background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imStickyBar_imMenuObject_01_container > ul > li.imLevel:hover > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 11pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(10, 101, 148, 1);font-weight: normal;} /* Main menu separator button style */ #imStickyBar_imMenuObject_01_container > ul > .imMnMnSeparator > .label-wrapper {background-color: rgba(64, 64, 64, 1);background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imStickyBar_imMenuObject_01_container > ul > .imMnMnSeparator > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 11pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(255, 255, 255, 1);font-weight: normal;} #imStickyBar_imMenuObject_01 .imLevel { cursor: default; } #imStickyBar_imMenuObject_01 { text-align: left;} #imStickyBar_imMenuObject_01 .hidden { display: none; } #imStickyBar_imMenuObject_01-menu-opened { overflow: visible; z-index: 10402; } #imStickyBar_imMenuObject_01-menu-opened ul ul { display: none; /*margin-bottom: 1px;*/ } #imStickyBar_imMenuObject_01-menu-opened li > div { display: none; } #imStickyBar_imMenuObject_01-menu-opened #imStickyBar_imMenuObject_01_container-menu-opened div > ul { display: block; } #imStickyBar_imMenuObject_01-menu-opened #imStickyBar_imMenuObject_01_container-menu-opened > ul { position: absolute; left: 0; right: auto; top: 40px; background-color: rgba(10, 101, 148, 1); overflow-x: hidden; overflow-y: auto; height: calc(100% - 40px) } #imStickyBar_imMenuObject_01-menu-opened .hamburger-menu-close-button { display: block; font-family: Arial; font-size: 30px; text-align: right; padding: 5px 10px; color: rgba(255, 255, 255, 1); } #imStickyBar_imMenuObject_01-menu-opened .hamburger-menu-close-button span { cursor: pointer; } #imStickyBar_imMenuObject_01-menu-opened { position:fixed; top: 0; bottom: 0; left: 0; width: 160px; border-style: solid; border-width: 0px 0px 0px 0px; border-color: transparent transparent transparent transparent; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;; } #imPageExtContainer:after{ position: fixed; top: 0; right: 0; width: 0; height: 0; content: ''; opacity: 0; transition: opacity 1000ms; z-index: 10401;} .menu-imStickyBar_imMenuObject_01-opened #imPageExtContainer:after{ width: 100%; height: 100%; background-color: rgba(0, 0, 0, 1); opacity: 0.5;} .menu-imStickyBar_imMenuObject_01-towards-closing #imPageExtContainer:after { width: 100%; height: 100%; background-color: transparent; opacity: 0.5; transition: background-color 1000ms linear, opacity;} #imStickyBar_imMenuObject_01 .hidden { display: none; } /* Responsive menu button size and position */ #imStickyBar_imMenuObject_01-menu-opened li {position: relative;margin-bottom: 0px; display: inline-block; vertical-align: top; } #imStickyBar_imMenuObject_01-menu-opened li:last-child {margin-bottom: 0;} #imStickyBar_imMenuObject_01-menu-opened .label-wrapper { display: block; overflow: hidden; position: relative; width: 140px; height: 38px; padding: 0 10px 0 10px; } #imStickyBar_imMenuObject_01-menu-opened .label-inner-wrapper { display: table; width: 100%; height: 100%; z-index: 1; position: relative; } #imStickyBar_imMenuObject_01-menu-opened .label { display: table-cell; vertical-align: middle; } #imStickyBar_imMenuObject_01-menu-opened .hamburger-menu-background { position: absolute;display: block;top: 0;bottom: 0;width: 160px;left: 0; right: auto;background-color: rgba(10, 101, 148, 1);transition: left 500ms, right 500ms, opacity 500ms;-webkit-transition: left 500ms, right 500ms, opacity 500ms;} /* Responsive menu default button style */ #imStickyBar_imMenuObject_01-menu-opened ul > li > .label-wrapper {background-color: transparent;background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imStickyBar_imMenuObject_01-menu-opened ul > li > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 16pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(255, 255, 255, 1);font-weight: normal;} #imStickyBar_imMenuObject_01-menu-opened ul ul > li > .label-wrapper {background-color: transparent;background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imStickyBar_imMenuObject_01-menu-opened ul ul > li > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 16pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(255, 255, 255, 1);font-weight: normal;} #imStickyBar_imMenuObject_01-menu-opened ul ul ul > li > .label-wrapper {background-color: transparent;background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imStickyBar_imMenuObject_01-menu-opened ul ul ul > li > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 16pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(255, 255, 255, 1);font-weight: normal;} #imStickyBar_imMenuObject_01-menu-opened ul ul ul ul > li > .label-wrapper {background-color: transparent;background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imStickyBar_imMenuObject_01-menu-opened ul ul ul ul > li > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 16pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(255, 255, 255, 1);font-weight: normal;} /* Responsive menu hover button style */ #imStickyBar_imMenuObject_01-menu-opened ul > li:hover > .label-wrapper {background-color: rgba(255, 191, 0, 1);background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imStickyBar_imMenuObject_01-menu-opened ul > li:hover > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 16pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(0, 32, 128, 1);font-weight: normal;} /* Responsive menu current button style */ #imStickyBar_imMenuObject_01-menu-opened #imStickyBar_imMenuObject_01_container-menu-opened > ul > .imMnMnCurrent > .label-wrapper {background-color: rgba(211, 211, 211, 1);background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imStickyBar_imMenuObject_01-menu-opened #imStickyBar_imMenuObject_01_container-menu-opened > ul > .imMnMnCurrent > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 16pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(255, 255, 255, 1);font-weight: normal;} #imStickyBar_imMenuObject_01-menu-opened .imMnMnCurrent > ul > .imMnMnCurrent > .label-wrapper {background-color: rgba(211, 211, 211, 1);background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imStickyBar_imMenuObject_01-menu-opened .imMnMnCurrent > ul > .imMnMnCurrent > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 16pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(255, 255, 255, 1);font-weight: normal;} /* Responsive menu separator button style */ #imStickyBar_imMenuObject_01-menu-opened ul > .imMnMnSeparator > .label-wrapper {background-color: rgba(64, 64, 64, 1);background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; } #imStickyBar_imMenuObject_01-menu-opened ul > .imMnMnSeparator > .label-wrapper .label {width: 100%;height: 100%;font-family: 'Noto Sans Thai';font-size: 16pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(255, 255, 255, 1);font-weight: normal;} /* Responsive menu separation line style */ #imStickyBar_imMenuObject_01-menu-opened { transform: translate3d(-160px, 0 ,0); transition: transform 1000ms; -webkit-transition: transform 1000ms;} #imStickyBar_imMenuObject_01-menu-opened.animated { transform: translate3d(0, 0, 0);} #imStickyBar_imObjectImage_02_wrapper { position: absolute; top: 0px; left: 60px; width: 260px; height: 60px; text-align: center; z-index: 1003; overflow: hidden; } #imStickyBar_imObjectImage_02_wrapper img {-webkit-clip-path: inset(0 0 38.776% 0);clip-path: inset(0 0 38.776% 0);}#imStickyBar_imCell_2 { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } #imStickyBar_imObjectImage_02 { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } #imStickyBar_imCell_2 { -ms-grid-rows: 100%; grid-template-rows: 100%; } #imStickyBar_imCellStyleGraphics_2 { top: 0px; bottom: 0px; left: 0px; right: 0px; box-sizing: border-box; } } #imPage.without-id_animation-in-progress { overflow: hidden }