@charset "UTF-8";
@font-face {
    font-family: 'thaisans';
    src: url("../fonts/thaisans/thaisansneue-regular-webfont.eot") format("embedded-opentype"), url("../fonts/thaisans/thaisansneue-regular-webfont.woff") format("woff"), url("../fonts/thaisans/thaisansneue-regular-webfont.ttf") format("truetype"), url("../fonts/thaisans/thaisansneue-regular-webfont.svg#thaisans") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'thaisans-bold';
    src: url("../fonts/thaisans/thaisansneue-bold-webfont.eot") format("embedded-opentype"), url("../fonts/thaisans/thaisansneue-bold-webfont.woff") format("woff"), url("../fonts/thaisans/thaisansneue-bold-webfont.ttf") format("truetype"), url("../fonts/thaisans/thaisansneue-bold-webfont.svg#thaisansneue-bold-webfont") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'thaisans-light';
    src: url("../fonts/thaisans/thaisansneue-light-webfont.eot") format("embedded-opentype"), url("../fonts/thaisans/thaisansneue-light-webfont.woff") format("woff"), url("../fonts/thaisans/thaisansneue-light-webfont.ttf") format("truetype"), url("../fonts/thaisans/thaisansneue-light-webfont.svg#thaisansneue-light-webfont") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'thaisans';
    src: url("../fonts/thaisans/thaisansneue-italic-webfont.eot") format("embedded-opentype"), url("../fonts/thaisans/thaisansneue-italic-webfont.woff") format("woff"), url("../fonts/thaisans/thaisansneue-italic-webfont.ttf") format("truetype"), url("../fonts/thaisans/thaisansneue-italic-webfont.svg#thaisansneue-italic-webfont") format("svg");
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'prajad';
    src: url("../fonts/prajad/csprajad-webfont.eot") format("embedded-opentype"), url("../fonts/prajad/csprajad-webfont.woff") format("woff"), url("../fonts/prajad/csprajad-webfont.ttf") format("truetype"), url("../fonts/prajad/csprajad-webfont.svg#csprajad-webfont") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'THSarabunNew';
    src: url("../fonts/THSarabunNew.eot") format("embedded-opentype"), url("../fonts/THSarabunNew.woff") format("woff"), url("../fonts/THSarabunNew.ttf") format("truetype"), url("../fonts/THSarabunNew.svg#csprajad-webfont") format("svg");
    font-weight: normal;
    font-style: normal;
}

p,
h1,
h2,
h3,
h4 {
    margin: auto;
}

strong {
    font-family: 'THSarabunNew';
    font-weight: bold;
    font-size: 20px;
}

header {
    width: 100%;
    padding: 10px 0;
}

header .headleft {
    float: left;
    width: 30%;
}

header .headleft .logo {
    margin-top: 10px;
}

header .headright {
    float: left;
    width: 70%;
}

header .headright .shorthead {
    float: left;
    width: 100%;
    text-align: right;
}

header .headright .shorthead .member {
    display: inline-block;
    position: relative;
    padding: 0 10px;
}

header .headright .shorthead .member a {
    margin: 0 5px;
    line-height: 45px;
    font-family: 'thaisans';
    font-size: 18px;
    line-height: 34px;
    color: #000000;
}

header .headright .shorthead .member a:hover {
    color: #00A7DC;
}

header .headright .shorthead .cart {
    display: inline-block;
    position: relative;
    padding: 0 10px;
}

header .headright .shorthead .cart .viewcart {
    position: relative;
}

header .headright .shorthead .cart .viewcart a {
    color: #000;
    font-size: 14px;
    margin: 0 5px;
    line-height: 45px;
    font-family: 'thaisans';
    font-size: 18px;
    line-height: 34px;
    color: #000;
}

header .headright .shorthead .cart .viewcart a:hover {
    color: #00A7DC;
}

header .headright .shorthead .cart .viewcart a span {
    padding: 0 0 5px 0;
}

header .headright .shorthead .cart .viewcart .explaincart {
    position: absolute;
    top: 30px;
    background: rgba(255, 255, 255, 0.95);
    left: 0;
    width: 350px;
    border: 1px solid #f0f0f0;
    visibility: hidden;
    opacity: 0;
    z-index: 100;
}

header .headright .shorthead .cart .viewcart .explaincart table {
    width: 100%;
}

header .headright .shorthead .cart .viewcart .explaincart table thead {
    background: #f0f0f0;
}

header .headright .shorthead .cart .viewcart .explaincart table thead th {
    padding: 10px 10px;
    font-size: 14px;
    font-weight: bold;
    line-height: 24px;
}

header .headright .shorthead .cart .viewcart .explaincart table thead td {
    padding: 0 10px;
    line-height: 30px;
}

header .headright .shorthead .cart .viewcart .explaincart table thead td img {
    width: 100%;
}

header .headright .shorthead .cart .viewcart .explaincart table tbody td img {
    max-width: 100px;
}

header .headright .shorthead .cart .viewcart:hover .explaincart {
    visibility: visible;
    opacity: 1;
}

header .headright .shorthead .quotation {
    display: inline-block;
    position: relative;
    padding: 0 10px;
}

header .headright .shorthead .quotation a {
    color: #000;
    font-size: 14px;
    margin: 0 5px;
    line-height: 45px;
    font-family: 'thaisans';
    font-size: 18px;
    line-height: 34px;
    color: #000000;
}

header .headright .shorthead .quotation a:hover {
    color: #00A7DC;
}

header .headright .shorthead .ftsize {
    display: inline-block;
    position: relative;
    padding: 0 10px;
}

header .headright .shorthead .ftsize a {
    color: #000;
    font-size: 14px;
    margin: 0 5px;
    line-height: 45px;
    font-family: 'thaisans';
    font-size: 18px;
    line-height: 34px;
    color: #000000;
}

header .headright .shorthead .ftsize a.sm {
    font-size: 16px;
}

header .headright .shorthead .ftsize a.md {
    font-size: 20px;
}

header .headright .shorthead .ftsize a.lg {
    font-size: 24px;
}

header .headright .shorthead .ftsize a:hover {
    color: #00A7DC;
}

header .headright .shorthead .lang {
    display: inline-block;
    position: relative;
    padding: 0 10px;
}

header .headright .shorthead .lang .input-field {
    margin: 0;
}

header .headright .shorthead .lang .input-field .select-wrapper .select-dropdown {
    font-family: 'thaisans';
    font-size: 18px;
    line-height: 34px;
    color: #000000;
    border-bottom: none;
    width: 60px;
    height: auto;
    margin: 0;
}

header .headright .shorthead .socialtop {
    display: inline-block;
    position: relative;
    padding: 0 10px;
}

header .headright .shorthead .socialtop a i {
    font-size: 20px;
    color: #013264;
    line-height: 32px;
}

header .headright .shorthead .socialtop a img {
    height: 18px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

header .headright .shorthead .socialtop.frontsocial {
    top: 3px;
    padding-right: 0;
}

header .headright .shorthead .socialtop.frontsocial:after {
    display: none;
}

header .headright .shorthead .search {
    display: inline-block;
    position: relative;
    padding: 0 10px;
}

header .headright .shorthead .search a {
    color: #000;
    font-size: 14px;
    line-height: 45px;
}

header .headright .shorthead .search a:hover {
    color: #00A7DC;
}

header .headright .shorthead>div:after {
    content: "";
    display: block;
    height: 20px;
    width: 1px;
    background: #eaeaea;
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 1;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}

header .headright .mainmenu {
    float: left;
    width: 100%;
    text-align: right;
}

header .headright .mainmenu nav {
    background: transparent;
    border: none;
    -moz-box-shadow: none;
    box-shadow: none;
    height: auto;
    line-height: auto;
}

header .headright .mainmenu nav ul {
    float: right;
}

header .headright .mainmenu nav ul li {
    margin-left: 5px;
}

header .headright .mainmenu nav ul li a {
    font-family: 'thaisans-bold';
    font-size: 24px;
    line-height: 40px;
    color: #000000;
}

header .headright .mainmenu nav ul li a:hover {
    background: transparent;
    color: #00A7DC;
}

section {
    width: 100%;
    float: left;
}

section#breadcrumb {
    padding: 10px 0;
    background: #edf6f5;
}

section#breadcrumb li {
    display: inline-block;
    margin: 0px;
}

section#breadcrumb li a {
    font-family: 'thaisans';
    font-size: 18px;
    line-height: 26px;
    color: #000000;
}

section#breadcrumb li:after {
    content: "/";
    font-family: 'thaisans';
    font-size: 18px;
    line-height: 26px;
    color: #000000;
    margin: 0 10px;
}

section#breadcrumb li:last-child a {
    color: #00A7DC;
}

section#breadcrumb li:last-child:after {
    visibility: hidden;
}

footer {
    background: url(../images/bg-footer.jpg) #02a1cb no-repeat top;
    width: 100%;
    padding-top: 170px;
    overflow: hidden;
}

footer .topfoot {
    width: 100%;
    text-align: center;
    margin-bottom: 40px;
}

footer .topfoot .client {
    float: left;
    width: 100%;
    text-align: center;
    margin: 40px 0;
}

footer .topfoot .client .hclient {
    float: left;
    width: 100%;
}

footer .topfoot .client .hclient h4 {
    font-family: 'thaisans-bold';
    font-size: 24px;
    line-height: 30px;
    color: #000000;
}

footer .topfoot .client .listclient {
    float: left;
    width: 100%;
    margin: 20px 0;
    display: table;
}

footer .topfoot .client .listclient a {
    display: table-cell;
}

footer .topfoot .client .listclient a img {
    max-height: 50px;
}

footer .topfoot .midfoot {
    float: left;
    width: 100%;
    margin: 10px 0;
    padding-bottom: 20px;
    border-bottom: 1px solid #30cdf6;
    position: relative;
}

footer .topfoot .midfoot .franchise {
    float: left;
    width: 55%;
    padding-right: 20px;
}

footer .topfoot .midfoot .franchise .hfranchise {
    margin-bottom: 20px;
}

footer .topfoot .midfoot .franchise .hfranchise h4 {
    font-family: 'thaisans';
    font-size: 24px;
    line-height: 30px;
    color: #ffffff;
}

footer .topfoot .midfoot .franchise .bfranchise {
    float: left;
    width: 100%;
}

footer .topfoot .midfoot .franchise .bfranchise .listfranchise {
    border: 1px solid #fff;
    -moz-border-radius: 5px;
    border-radius: 5px;
    float: left;
    width: 60%;
}

footer .topfoot .midfoot .franchise .bfranchise .listfranchise .selectdealer {
    float: left;
    width: 85%;
}

footer .topfoot .midfoot .franchise .bfranchise .listfranchise .selectdealer .select-wrapper .caret {
    font-size: 16px;
    margin-right: 10px;
}

footer .topfoot .midfoot .franchise .bfranchise .listfranchise .selectdealer .select-wrapper .select-dropdown {
    margin: auto;
    border-bottom: 0;
    padding-left: 10px;
    color: #fff;
    padding-right: 10px;
}

footer .topfoot .midfoot .franchise .bfranchise .listfranchise .buttondealer {
    float: left;
    width: 15%;
}

footer .topfoot .midfoot .franchise .bfranchise .listfranchise .buttondealer button {
    background: transparent;
    border: none;
    outline: none;
    height: 45px;
    border-left: 1px solid #fff;
    width: 100%;
    text-align: center;
}

footer .topfoot .midfoot .franchise .bfranchise .listfranchise .buttondealer button i {
    font-size: 24px;
    color: #ffffff;
    line-height: 40px;
}

footer .topfoot .midfoot .franchise .bfranchise .regisfranchise {
    float: left;
    width: 35%;
    margin-left: 5%;
}

footer .topfoot .midfoot .franchise .bfranchise .regisfranchise a {
    background: #0a2d6f;
    font-family: 'thaisans';
    font-size: 24px;
    line-height: 45px;
    color: #ffffff;
    padding: 0 20px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    height: 45px;
    display: block;
}

footer .topfoot .midfoot .app {
    float: left;
    width: 45%;
    padding-left: 20px;
    margin-top: 30px;
}

footer .topfoot .midfoot .app .iconapp {
    float: left;
    width: 20%;
}

footer .topfoot .midfoot .app .iconapp img {
    -moz-border-radius: 10px;
    border-radius: 10px;
}

footer .topfoot .midfoot .app .detailapp {
    float: left;
    width: 80%;
    text-align: left;
    padding-left: 10px;
}

footer .topfoot .midfoot .app .detailapp .nameapp {
    float: left;
    width: 100%;
}

footer .topfoot .midfoot .app .detailapp .nameapp p {
    font-family: 'thaisans-bold';
    font-size: 24px;
    line-height: 20px;
    color: #ffffff;
    text-transform: uppercase;
}

footer .topfoot .midfoot .app .detailapp .downloadapp {
    float: left;
    width: 100%;
}

footer .topfoot .midfoot .app .detailapp .downloadapp .titledownloadapp {
    float: left;
    width: 100%;
    margin-bottom: 5px;
}

footer .topfoot .midfoot .app .detailapp .downloadapp .titledownloadapp p {
    font-family: 'thaisans';
    font-size: 16px;
    line-height: 20px;
    color: #0a2d6f;
}

footer .topfoot .midfoot .app .detailapp .downloadapp .listapp {
    float: left;
    width: 100%;
}

footer .topfoot .midfoot .app .detailapp .downloadapp .listapp a {
    display: inline-block;
    margin-right: 10px;
    background: #000;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
}

footer .topfoot .footermenu {
    float: left;
    width: 100%;
    margin: 10px 0;
}

footer .topfoot .footermenu .location {
    float: left;
    width: 40%;
}

footer .topfoot .footermenu .location .nameldo {
    float: left;
    width: 100%;
    text-align: left;
}

footer .topfoot .footermenu .location .nameldo h4 {
    font-family: 'thaisans-bold';
    font-size: 30px;
    line-height: 30px;
    color: #0a2d6f;
}

footer .topfoot .footermenu .location .nameldo p {
    font-family: 'thaisans';
    font-size: 18px;
    line-height: 26px;
    color: #ffffff;
}

footer .topfoot .footermenu .location .con {
    float: left;
    width: 100%;
    text-align: left;
    margin: 5px 0 0;
}

footer .topfoot .footermenu .location .con .iconcon {
    display: inline-block;
    background: #0a2d6f;
    text-align: center;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 30px;
}

footer .topfoot .footermenu .location .con .iconcon i {
    font-size: 16px;
    line-height: 30px;
    color: #fff;
}

footer .topfoot .footermenu .location .con .desccon {
    display: inline-block;
    margin-left: 5px;
}

footer .topfoot .footermenu .location .con .desccon a {
    font-family: 'thaisans';
    font-size: 18px;
    line-height: 30px;
    color: #ffffff;
}

footer .topfoot .footermenu .location .con.tel i {
    font-size: 20px;
}

footer .topfoot .footermenu .linkfoot {
    float: left;
    width: 30%;
    text-align: left;
}

footer .topfoot .footermenu .linkfoot ul li:first-child {
    font-size: 22px;
}

footer .topfoot .footermenu .linkfoot ul li:first-child a {
    font-size: 24px;
    color: #0a2d6f;
}

footer .topfoot .footermenu .linkfoot ul li a {
    font-family: 'thaisans';
    font-size: 18px;
    line-height: 30px;
    color: #ffffff;
}

footer .topfoot .footquicklink {
    float: left;
    width: 100%;
    text-align: left;
    margin-top: 10px;
}

footer .topfoot .footquicklink .follow {
    float: left;
    width: 40%;
}

footer .topfoot .footquicklink .follow .titlefollow {
    float: left;
    margin-top: 5px;
}

footer .topfoot .footquicklink .follow .titlefollow h3 {
    font-family: 'thaisans-bold';
    font-size: 26px;
    line-height: 26px;
    color: #0a2d6f;
}

footer .topfoot .footquicklink .follow .linkfollow {
    float: left;
    margin-left: 20px;
}

footer .topfoot .footquicklink .follow .linkfollow a {
    display: inline-block;
    width: 36px;
    height: 36px;
    background: #0a2d6f;
    -moz-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    margin-right: 10px;
}

footer .topfoot .footquicklink .follow .linkfollow a i {
    color: #00A7DC;
    font-size: 18px;
    line-height: 36px;
}

footer .topfoot .footquicklink .quicklink {
    float: left;
    width: 60%;
}

footer .topfoot .footquicklink .quicklink a {
    font-family: 'thaisans';
    font-size: 18px;
    line-height: 30px;
    color: #ffffff;
    display: inline-block;
    margin-right: 20px;
}

footer .topfoot .footquicklink .quicklink a:after {
    content: "|";
    font-family: 'thaisans';
    font-size: 18px;
    line-height: 30px;
    color: #ffffff;
    margin-left: 20px;
}

footer .topfoot .footquicklink .quicklink a:last-child:after {
    content: "";
}

footer .mver {
    display: none;
}

footer .botfoot {
    float: left;
    width: 100%;
    text-align: center;
    padding: 10px 0;
    background: #0a2d6f;
}

footer .botfoot .copyright p {
    font-family: 'thaisans';
    font-size: 18px;
    line-height: 30px;
    color: #ffffff;
}

label.error {
    border: none !important;
    font-family: 'thaisans-bold';
    font-size: 14px;
    line-height: inherit;
    color: red;
    -webkit-transform: translateY(0) !important;
    -moz-transform: translateY(0) !important;
    transform: translateY(0) !important;
    font-weight: 400;
    position: absolute;
    z-index: 1;
    top: 40px;
}

form.total {
    width: 100px;
    display: inline-block;
    margin: 20px 0;
}

form.total .quantity {
    position: relative;
    height: 40px;
    overflow: hidden;
}

form.total input[type=number]::-webkit-inner-spin-button,
form.total input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

form.total input[type=number] {
    -moz-appearance: textfield;
}

form.total .quantity input {
    width: 100%;
    height: 40px;
    line-height: 1.65;
    float: left;
    display: block;
    padding: 0;
    margin: 0;
    padding-left: 0;
    text-align: center;
    padding-right: 20px;
    border: 1px solid #eee;
    font-family: 'thaisans';
    font-size: 18px;
    line-height: 26px;
    color: #0a2b6b;
}

form.total .quantity input:focus {
    outline: 0;
}

form.total .quantity-nav {
    float: left;
    position: relative;
    height: 38px;
}

form.total .quantity-button {
    position: relative;
    cursor: pointer;
    border-left: 1px solid #eee;
    width: 20px;
    text-align: center;
    color: #333;
    font-size: 13px;
    font-family: "Trebuchet MS", Helvetica, sans-serif !important;
    line-height: 1.7;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

form.total .quantity-button.quantity-up {
    position: absolute;
    height: 50%;
    top: 0;
    border-bottom: 1px solid #eee;
}

form.total .quantity-button.quantity-down {
    position: absolute;
    bottom: -1px;
    height: 50%;
}

form.total .input-field {
    margin-top: 0;
}

section#news {
    background: #fbfbfb;
    padding-bottom: 200px;
}

section#news .highlight {
    float: left;
    width: 100%;
    padding: 30px 10px 20px;
    background: #fff;
    margin-bottom: 20px;
}

section#news .highlight .titlenews {
    margin-bottom: 20px;
}

section#news .highlight .titlenews h3 {
    font-family: 'thaisans-bold';
    font-size: 54px;
    line-height: 60px;
    color: #0a2b6b;
}

section#news .highlight .recommend {
    float: left;
    width: 60%;
}

section#news .highlight .recommend .grouprecom {
    width: 100%;
    float: left;
}

section#news .highlight .recommend .grouprecom .listrecom {
    width: 100%;
    float: left;
    position: relative;
}

section#news .highlight .recommend .grouprecom .listrecom .imgnew {
    float: left;
    width: 100%;
}

section#news .highlight .recommend .grouprecom .listrecom .imgnew a img {
    width: 100%;
    -moz-border-radius: 5px;
    border-radius: 5px;
    position: relative;
}

section#news .highlight .recommend .grouprecom .listrecom .imgnew a:after {
    content: "";
    background: url(../images/corner.png) no-repeat bottom right;
    width: 50px;
    height: 60px;
    position: absolute;
    bottom: 0px;
    right: 0;
    z-index: 2;
}

section#news .highlight .recommend .grouprecom .listrecom .descnew {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px 20px 30px;
    background: rgba(255, 255, 255, 0.8);
    z-index: 1;
}

section#news .highlight .recommend .grouprecom .listrecom .descnew a h3 {
    font-family: 'thaisans-bold';
    font-size: 26px;
    line-height: 30px;
    color: #0a2b6b;
}

section#news .highlight .recommend .grouprecom .listrecom .descnew p {
    font-family: 'thaisans';
    font-size: 18px;
    line-height: 26px;
    color: #0a2b6b;
}

section#news .highlight .whatnews {
    float: left;
    width: 40%;
    padding-left: 20px;
}

section#news .highlight .whatnews .titlewhatnews {
    width: 100%;
    float: left;
    margin-bottom: 10px;
}

section#news .highlight .whatnews .titlewhatnews h3 {
    text-transform: uppercase;
    font-family: 'thaisans-bold';
    font-size: 34px;
    line-height: 40px;
    color: #0a2b6b;
}

section#news .highlight .whatnews .groupwhatnews {
    float: left;
    width: 100%;
}

section#news .highlight .whatnews .groupwhatnews .listwhatnews {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

section#news .highlight .whatnews .groupwhatnews .listwhatnews .img {
    float: left;
    width: 40%;
    padding-right: 20px;
}

section#news .highlight .whatnews .groupwhatnews .listwhatnews .img a {
    position: relative;
    display: block;
}

section#news .highlight .whatnews .groupwhatnews .listwhatnews .img a img {
    width: 100%;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

section#news .highlight .whatnews .groupwhatnews .listwhatnews .img a:after {
    content: "";
    background: url(../images/corner.png) no-repeat bottom right;
    -moz-background-size: contain;
    background-size: contain;
    width: 25px;
    height: 30px;
    position: absolute;
    bottom: 0px;
    right: 0;
    z-index: 2;
}

section#news .highlight .whatnews .groupwhatnews .listwhatnews .descwhatnews {
    float: left;
    width: 60%;
}

section#news .highlight .whatnews .groupwhatnews .listwhatnews .descwhatnews .titlenews {
    width: 100%;
    float: left;
    margin-bottom: 10px;
}

section#news .highlight .whatnews .groupwhatnews .listwhatnews .descwhatnews .titlenews a h3 {
    font-family: 'thaisans-bold';
    font-size: 26px;
    line-height: 30px;
    color: #0a2b6b;
}

section#news .highlight .whatnews .groupwhatnews .listwhatnews .descwhatnews .desc {
    width: 100%;
    float: left;
}

section#news .highlight .whatnews .groupwhatnews .listwhatnews .descwhatnews .desc .time i {
    font-size: 14px;
    color: #aaa;
}

section#news .highlight .whatnews .groupwhatnews .listwhatnews .descwhatnews .desc .time p {
    font-family: 'thaisans';
    font-size: 18px;
    line-height: 30px;
    color: #aaa;
}

section#news .highlight .whatnews .groupwhatnews .listwhatnews .descwhatnews .desc .detail {
    margin-top: 5px;
}

section#news .highlight .whatnews .groupwhatnews .listwhatnews .descwhatnews .desc .detail p {
    font-family: prajad;
    font-size: 16px;
    line-height: 20px;
    color: #474748;
}

section#news .latestnews {
    float: left;
    width: 100%;
    padding: 0 20px 20px;
    background: #fff;
}

section#news .latestnews .tablatest {
    padding-top: 20px;
    position: relative;
}

section#news .latestnews .tablatest .blogtab ul.tabs {
    background: transparent;
    border-bottom: 1px solid #cbcbcb;
    overflow: visible;
}

section#news .latestnews .tablatest .blogtab ul.tabs li a {
    position: relative;
    overflow: visible;
    font-family: 'thaisans-bold';
    font-size: 26px;
    line-height: 30px;
    color: #0a2b6b;
}

section#news .latestnews .tablatest .blogtab ul.tabs li a.active {
    border-bottom: none;
}

section#news .latestnews .tablatest .blogtab ul.tabs li a.active:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 13px solid #cbcbcb;
    position: absolute;
    bottom: -13px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1;
}

section#news .latestnews .tablatest .blogtab ul.tabs li a.active:before {
    content: "";
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 13px solid #fbfbfb;
    position: absolute;
    bottom: -12px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 2;
}

section#news .latestnews .tablatest .blogtab ul.tabs .indicator {
    background: transparent;
    position: relative;
}

section#news .latestnews .tablatest .blogtab .viewmb {
    display: none;
}

section#news .latestnews .tablatest .viewnsort {
    position: absolute;
    top: 10px;
    right: 0;
}

section#news .latestnews .tablatest .viewnsort .viewport {
    float: left;
}

section#news .latestnews .tablatest .viewnsort .viewport a {
    display: block;
    float: left;
    margin: 0;
    padding: 7px 5px 3px;
    background: #fff;
    border: 1px solid #dedede;
    height: 34px;
    width: 34px;
    text-align: center;
}

section#news .latestnews .tablatest .viewnsort .viewport a svg {
    max-height: 20px;
    width: 20px;
}

section#news .latestnews .tablatest .viewnsort .viewport a:last-child {
    border-left: none;
}

section#news .latestnews .tablatest .viewnsort .viewport a.active svg {
    fill: #f00;
}

section#news .latestnews .tablatest .viewnsort .sorting {
    float: left;
    padding: 5px 10px;
    border: 1px solid #dedede;
    height: 34px;
    border-left: 0;
}

section#news .latestnews .tablatest .viewnsort .sorting .label {
    float: left;
    border-right: 1px solid #aeaeae;
    padding-right: 10px;
}

section#news .latestnews .tablatest .viewnsort .sorting .label p {
    font-family: 'thaisans';
    font-size: 18px;
    line-height: 26px;
    color: #0a2b6b;
}

section#news .latestnews .tablatest .viewnsort .sorting .selectsort {
    float: left;
    padding-left: 10px;
}

section#news .latestnews .tablatest .viewnsort .sorting .selectsort .select-wrapper .select-dropdown {
    font-family: 'thaisans';
    font-size: 18px;
    line-height: 26px;
    color: #0a2b6b;
    border-bottom: none;
    width: 60px;
    height: auto;
    margin: 0;
}

section#news .latestnews .grouplastestnews {
    float: left;
    width: 100%;
    padding-top: 20px;
}

section#news .latestnews .grouplastestnews .listlastestnews {
    float: left;
    width: 100%;
    padding: 15px 0;
    border-bottom: 1px solid #dedede;
}

section#news .latestnews .grouplastestnews .listlastestnews .img {
    float: left;
    width: 20%;
    padding-right: 10px;
}

section#news .latestnews .grouplastestnews .listlastestnews .img a {
    position: relative;
    display: block;
}

section#news .latestnews .grouplastestnews .listlastestnews .img a img {
    width: 100%;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

section#news .latestnews .grouplastestnews .listlastestnews .img a:after {
    content: "";
    background: url(../images/corner.png) no-repeat bottom right;
    -moz-background-size: contain;
    background-size: contain;
    width: 50px;
    height: 60px;
    position: absolute;
    bottom: 0px;
    right: 0;
    z-index: 2;
}

section#news .latestnews .grouplastestnews .listlastestnews .desclastestnews {
    float: left;
    width: 80%;
    padding-left: 10px;
}

section#news .latestnews .grouplastestnews .listlastestnews .desclastestnews .titlenews {
    float: left;
    width: 100%;
    margin-bottom: 0px;
}

section#news .latestnews .grouplastestnews .listlastestnews .desclastestnews .titlenews a h3 {
    font-family: 'thaisans-bold';
    font-size: 26px;
    line-height: 30px;
    color: #0a2b6b;
}

section#news .latestnews .grouplastestnews .listlastestnews .desclastestnews .desc {
    width: 100%;
    float: left;
}

section#news .latestnews .grouplastestnews .listlastestnews .desclastestnews .desc .time {
    margin-bottom: 10px;
}

section#news .latestnews .grouplastestnews .listlastestnews .desclastestnews .desc .time p {
    font-family: 'thaisans';
    font-size: 18px;
    line-height: 30px;
    color: #aaa;
}

section#news .latestnews .grouplastestnews .listlastestnews .desclastestnews .desc .detail {
    margin-top: 5px;
}

section#news .latestnews .grouplastestnews .listlastestnews .desclastestnews .desc .detail p {
    font-family: prajad;
    font-size: 16px;
    line-height: 20px;
    color: #474748;
}

section#newsdetail {
    padding: 0px 0 40px;
    background: #fbfbfb;
}

section#newsdetail .row {
    background: #fff;
    padding: 0 20px;
}

section#newsdetail .newsdetail {
    padding-top: 50px;
    background: #fff;
    padding-bottom: 100px;
}

section#newsdetail .newsdetail .titlenews {
    float: left;
    margin-bottom: 10px;
    width: 100%;
}

section#newsdetail .newsdetail .titlenews h3 {
    font-family: 'thaisans-bold';
    font-size: 42px;
    line-height: 48px;
    color: #0a2b6b;
}

section#newsdetail .newsdetail .titlenews .desctitle {
    padding-bottom: 5px;
    border-bottom: 1px dotted #aaa;
    margin-top: 10px;
}

section#newsdetail .newsdetail .titlenews .desctitle i {
    font-size: 14px;
    color: #aaa;
    display: inline-block;
}

section#newsdetail .newsdetail .titlenews .desctitle p {
    font-family: 'thaisans';
    font-size: 18px;
    line-height: 30px;
    color: #aaa;
    display: inline-block;
}
section#newsdetail .newsdetail .titlenews .desctitle .datetime-view {
    float: left;
}
section#newsdetail .newsdetail .titlenews .desctitle .view_count{
    float: left;
    padding-left: 15px;
}
section#newsdetail .newsdetail .titlenews .desctitle .view_count .nshare{
    color: black;
    font-weight: 700;
}


section#newsdetail .newsdetail .subtitlenews {
    margin: 10px 0;
    float: left;
    width: 100%;
}

section#newsdetail .newsdetail .subtitlenews .share .countshare {
    float: left;
}

section#newsdetail .newsdetail .subtitlenews .share .countshare p.nshare {
    font-family: 'thaisans-bold';
    font-size: 46px;
    line-height: 30px;
    color: #0a2b6b;
}

section#newsdetail .newsdetail .subtitlenews .share .countshare p.descshare {
    font-family: 'thaisans';
    font-size: 21px;
    line-height: 20px;
    color: #aaa;
}

section#newsdetail .newsdetail .subtitlenews .share #shareIcons {
    float: right;
}

section#newsdetail .newsdetail .subtitlenews .share #shareIcons .jssocials-share-link {
    -moz-border-radius: 50%;
    border-radius: 50%;
}

section#newsdetail .newsdetail .descriptionnews {
    margin: 10px 0;
    float: left;
    width: 100%;
}

section#newsdetail .newsdetail .descriptionnews .imghighlight {
    float: left;
    margin: 10px 0;
    width: 100%;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

section#newsdetail .newsdetail .descriptionnews .imghighlight img {
    width: 100%;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

section#newsdetail .newsdetail .descriptionnews .contentnews {
    float: left;
    margin: 30px 0 10px 0;
    width: 100%;
}

section#newsdetail .newsdetail .descriptionnews .contentnews p {
    font-family: prajad;
    font-size: 16px;
    line-height: 30px;
    color: #474748;
}

section#newsdetail .bloglastestpost {
    padding-left: 20px;
    padding-top: 50px;
}

section#newsdetail .bloglastestpost .titlelastestpost {
    margin-bottom: 10px;
    float: left;
    width: 100%;
}

section#newsdetail .bloglastestpost .lastestpost {
    float: left;
    width: 100%;
}

section#newsdetail .bloglastestpost .lastestpost .listlastest {
    float: left;
    width: 100%;
    margin: 10px 0;
}

section#newsdetail .bloglastestpost .lastestpost .listlastest .imglastest {
    margin-bottom: 10px;
    float: left;
    width: 40%;
}

section#newsdetail .bloglastestpost .lastestpost .listlastest .imglastest img {
    width: 100%;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

section#newsdetail .bloglastestpost .lastestpost .listlastest .contentlastest {
    width: 60%;
    float: left;
    padding-left: 10px;
}

section#newsdetail .bloglastestpost .lastestpost .listlastest .contentlastest .titlecontent h3 {
    font-family: 'thaisans-bold';
    font-size: 26px;
    line-height: 30px;
    color: #0a2b6b;
}

section#newsdetail .bloglastestpost .lastestpost .listlastest .contentlastest .titlecontent p {
    font-family: 'thaisans';
    font-size: 18px;
    line-height: 30px;
    color: #aaa;
}

section#newsdetail .bloglastestpost .lastestpost .listlastest .contentlastest .descriptioncontent p {
    font-family: prajad;
    font-size: 16px;
    line-height: 20px;
    color: #474748;
}

section#productrelate {
    background: #edf6f5;
    padding: 40px 0;
}

section#productrelate .titleproductrelate {
    margin-bottom: 10px;
}

section#productrelate .productrelate {
    width: 100%;
    float: left;
    margin: 10px 0;
}

section#productrelate .productrelate .tag {
    float: left;
    width: 100%;
    text-align: left;
    margin: 10px 0;
}

section#productrelate .productrelate .tag img {
    width: auto;
}

section#productrelate .productrelate .itemproduct {
    float: left;
    width: 100%;
}

section#productrelate .productrelate .itemproduct .listproduct .imgproduct {
    text-align: center;
}

section#productrelate .productrelate .itemproduct .listproduct .imgproduct img {
    width: auto;
}

section#productrelate .productrelate .itemproduct .listproduct .logoproduct {
    text-align: center;
    margin: 10px 0;
}

section#productrelate .productrelate .itemproduct .listproduct .logoproduct img {
    width: auto;
}

section#productrelate .productrelate .itemproduct .listproduct .descproduct p {
    font-family: prajad;
    font-size: 16px;
    line-height: 20px;
    color: #474748;
}

section#aicrelate {
    padding: 40px 0 200px;
}

section#aicrelate .titleaicrelate {
    margin-bottom: 10px;
}

section#aicrelate .aicrelate {
    width: 100%;
    float: left;
    margin: 10px 0;
}

section#aicrelate .aicrelate .listaicrelate .imgaic {
    margin-bottom: 10px;
}

section#aicrelate .aicrelate .listaicrelate .imgaic img {
    width: 100%;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

section#aicrelate .aicrelate .listaicrelate .contentaic .img a img {
    -moz-border-radius: 5px;
    border-radius: 5px;
}

section#aicrelate .aicrelate .listaicrelate .contentaic .titlecontent h3 {
    font-family: 'thaisans-bold';
    font-size: 26px;
    line-height: 30px;
    color: #0a2b6b;
}

section#aicrelate .aicrelate .listaicrelate .contentaic .titlecontent p {
    font-family: 'thaisans';
    font-size: 18px;
    line-height: 30px;
    color: #aaa;
}

section#aicrelate .aicrelate .listaicrelate .contentaic .descriptioncontent p {
    font-family: prajad;
    font-size: 16px;
    line-height: 20px;
    color: #474748;
}

section#banner {
    position: relative;
    overflow: hidden;
}

section#banner .slide .slick-list img {
    max-width: 100vw;
    float: left;
}

section#banner .slide .slider {
    width: 100%;
    margin: 100px auto;
}

section#banner .slide .slick-slide {
    margin: 0px 0px;
    float: left;
}

section#banner .slide .slick-dots {
    text-align: center;
    bottom: 0;
    position: absolute;
    left: 0px;
    width: 100%;
}

section#banner .slide .slick-dots li {
    display: inline-block;
}

section#banner .slide .slick-dots li button {
    color: transparent;
    position: relative;
    background: transparent;
    border: none;
    outline: none;
}

section#banner .slide .slick-dots li button:before {
    font-family: 'slick';
    font-size: 10px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .25;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

section#banner .slide .slick-dots li.slick-active button {
    background: transparent;
    border: none;
    outline: none;
}

section#banner .slide .slick-dots li.slick-active button:before {
    opacity: 1;
}

section#industry {
    padding: 20px 0;
    text-align: center;
    background: #f3f3f3;
}

section#industry .titleblog {
    text-align: center;
    margin: 20px auto;
    float: left;
    width: 100%;
}

section#industry .grouplineproduct {
    margin: 20px auto;
    overflow: hidden;
    float: left;
    width: 100%;
}

section#industry .grouplineproduct .listind {
    margin: 10px 0;
}

section#industry .grouplineproduct .listind .imgind {
    position: relative;
}

section#industry .grouplineproduct .listind .imgind img {
    width: 100%;
}

section#industry .grouplineproduct .listind .imgind .iconind {
    position: absolute;
    bottom: -40px;
    background: #fff;
    border: 3px solid #00b0e0;
    width: 80px;
    height: 80px;
    left: 50%;
    margin-left: -40px;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
}

section#industry .grouplineproduct .listind .contentind {
    padding: 50px 0;
    background: #fff;
    -moz-border-radius-bottomright: 40px;
    border-bottom-right-radius: 40px;
}

section#industry .grouplineproduct .listind .contentind .typeind h3 {
    font-family: 'thaisans-bold';
    font-size: 34px;
    line-height: 40px;
    color: #0a2b6b;
}

section#industry .grouplineproduct .listind .contentind .typeind p {
    font-family: prajad;
    font-size: 16px;
    line-height: 20px;
    color: #474748;
}

section#aic {
    background-color: #b9e3dc;
    background: url(images/linear_bg_2.png);
    background-repeat: repeat-x;
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#b9e3dc));
    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #b9e3dc, #ffffff);
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #b9e3dc, #ffffff);
    /* IE 10 */
    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #b9e3dc, #ffffff);
    padding: 20px 0 0;
}

section#aic .titleblog {
    text-align: center;
    margin: 20px auto;
    float: left;
    width: 100%;
}

section#aic .groupaic .listaic .contentaic .img img {
    width: 100%;
}

section#aic .groupaic .listaic .contentaic .desclastestnews .titlenews a h3 {
    font-family: 'thaisans-bold';
    font-size: 26px;
    line-height: 30px;
    color: #0a2b6b;
}

section#aic .groupaic .listaic .contentaic .desclastestnews .desc .time p {
    font-family: 'thaisans';
    font-size: 18px;
    line-height: 30px;
    color: #aaa;
}

section#aic .groupaic .listaic .contentaic .desclastestnews .desc .detail {
    display: none;
}

section#aic .groupaic .listaic .contentaic .desclastestnews .desc .detail p {
    font-family: prajad;
    font-size: 16px;
    line-height: 20px;
    color: #474748;
}

section#aic .groupaic .listaic:first-child .detail {
    display: block !important;
}

section#prohome {
    padding: 200px 0 20px 0;
    background: url(../images/bgwater.png) no-repeat top center;
}

section#prohome .titleblog {
    text-align: center;
    margin: 20px auto;
    float: left;
    width: 100%;
}

section#prohome .blogpro .classpro .blogclasspro {
    text-align: center;
}

section#prohome .blogpro .classpro .blogclasspro .listclasspro {
    margin: 10px 0;
}

section#prnews .titleblog {
    text-align: left;
    margin: 20px auto;
    float: left;
    width: 100%;
}

section#prnews .prnews .listprnews {
    margin: 10px 0;
}

section#prnews .prnews .listprnews .imgpr img {
    width: 100%;
}

section#prnews .prnews .listprnews .contentpr .titlecontent h3 {
    font-family: 'thaisans-bold';
    font-size: 26px;
    line-height: 30px;
    color: #0a2b6b;
}

section#prnews .prnews .listprnews .contentpr .titlecontent p {
    font-family: 'thaisans';
    font-size: 18px;
    line-height: 26px;
    color: #0a2b6b;
}

section#prnews .prnews .listprnews .contentpr .descriptioncontent p {
    font-family: prajad;
    font-size: 16px;
    line-height: 20px;
    color: #474748;
}

section#annual .titleblog {
    text-align: center;
    margin: 20px auto;
    float: left;
    width: 100%;
}

section#annual .annual .liannual .listannual .contentannual .titlecontent h3 {
    font-family: 'thaisans-bold';
    font-size: 26px;
    line-height: 30px;
    color: #0a2b6b;
}

section#annual .annual .liannual .listannual .contentannual .titlecontent p {
    font-family: 'thaisans';
    font-size: 18px;
    line-height: 30px;
    color: #aaa;
}

section#annual .imgpoll img {
    width: 100%;
}

section#ceotalk .titleblog {
    text-align: center;
    margin: 20px auto;
    float: left;
    width: 100%;
}

section#ceotalk .talk .desctalk {
    float: left;
    width: 70%;
}

section#ceotalk .talk .personceo {
    float: left;
    width: 30%;
}

section#ceotalk .talk .personceo img {
    width: 100%;
}

section#inner {
    padding-top: 50px;
    background: #f9f9f9;
}

section#inner.product .titlepage {
    margin: 20px 0;
}

section#inner.product .titlepage h3 {
    font-family: 'thaisans-bold';
    font-size: 54px;
    line-height: 60px;
    color: #0a2b6b;
}

section#inner.member .mainprofile {
    padding: 10px;
    background: #fff;
}

section#inner.member .mainprofile .detailuser .imguser {
    width: 20%;
    float: left;
    padding-right: 50px;
}

section#inner.member .mainprofile .detailuser .imguser img {
    width: 100%;
}

section#inner.member .mainprofile .detailuser .profileuser {
    width: 80%;
    float: left;
}

section#inner.member .mainorder .headmemorder {
    float: left;
    width: 100%;
}

.titleblog h3 {
    font-family: 'thaisans-bold';
    font-size: 54px;
    line-height: 60px;
    color: #0a2b6b;
}

.titleblog p {
    font-family: prajad;
    font-size: 16px;
    line-height: 20px;
    color: #474748;
}

.titlesection h3 {
    font-family: 'thaisans-bold';
    font-size: 34px;
    line-height: 40px;
    color: #0a2b6b;
}

.mycart {
    background: #fbfbfb;
}

.mycart .container {
    padding: 30px 20px 250px;
    background: #fff;
    overflow: hidden;
}

.mycart .titlecart {
    margin-bottom: 20px;
    font-family: 'thaisans-bold';
    font-size: 26px;
    line-height: 26px;
    color: #0a2b6b;
}

.mycart .titlecart h3 {
    font-family: 'thaisans-bold';
    font-size: 54px;
    line-height: 60px;
    color: #0a2b6b;
}

.mycart .titlecart span {
    font-size: 18px;
    color: #0a2b6b;
}

.mycart .shopitem {
    width: 100%;
    float: left;
}

.mycart .shopitem tr {
    border-bottom: 1px solid #ddd;
}

.mycart .shopitem td {
    font-family: 'thaisans-bold';
    font-size: 23px;
    line-height: 31px;
    color: #0a2b6b;
}

.mycart .shopitem thead {
    background: #f5f6f8;
}

.mycart .shopitem thead td {
    font-family: 'thaisans-bold';
    font-size: 24px;
    line-height: 26px;
    color: #0a2b6b;
    text-align: left;
    padding-left: 20px;
}

.mycart .shopitem tfoot td {
    color: #808080;
}

.mycart .product {
    display: table;
}

.mycart .product .pic {
    width: 150px;
    float: left;
}

.mycart .product .pic img {
    width: 100%;
}

.mycart .product .tex {
    width: auto;
    display: table-cell;
    vertical-align: middle;
    font-family: 'thaisans-bold';
    font-size: 24px;
    line-height: 26px;
    color: #474748;
    font-weight: 700;
    padding-left: 15px;
}

.mycart .product .tex .des {
    font-family: 'thaisans';
    font-size: 18px;
    line-height: 26px;
    color: #808080;
}

.mycart .price {
    font-family: 'thaisans';
    font-size: 18px;
    line-height: 26px;
    color: #0a2b6b;
}

.mycart .select {
    width: 100px;
    margin: 0;
}

.mycart .select input {
    height: 40px;
    text-align: right;
    border: 1px solid #000;
    position: relative;
    margin-bottom: 0;
    padding-right: 35px;
}

.mycart .select:after {
    content: "QTY";
    position: absolute;
    top: 10px;
    left: 10px;
    color: #ddd;
}

.mycart a.delete {
    width: 40px;
    background: #ed1c24;
    padding: 0 10px;
    color: white;
    -moz-box-shadow: none;
    box-shadow: none;
    float: right;
}

.mycart a.delete:hover {
    background: #d00d15;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.mycart .total {
    font-family: 'thaisans-bold';
    font-size: 26px;
    line-height: 30px;
    color: #0a2b6b;
    text-align: right;
}

.mycart .total span {
    color: #808080;
    text-transform: uppercase;
}

.mycart .total img {
    vertical-align: baseline;
}

.mycart .coupon span {
    color: #000;
}

.mycart .btnstep {
    float: right;
}

.mycart .btnstep a {
    width: auto;
    height: 40px;
    border: 1px solid #0a2b6b;
    margin-left: 10px;
    padding: 0 20px;
    background-color: white;
    font-family: 'thaisans';
    font-size: 18px;
    line-height: 35px;
    color: #0a2b6b;
}

.mycart .btnstep a.checkout {
    background-color: #0a2b6b;
    color: white;
}

.mycart .btnstep a:hover {
    background: #133e91;
    color: white;
}

.mycart .nobor {
    border-bottom: none !important;
}

.checkout {
    padding-top: 30px;
    padding-bottom: 200px;
}

.checkout #havelogin {
    margin: 30px 0;
}

.checkout .headtitle {
    font-family: 'thaisans-bold';
    font-size: 34px;
    line-height: 30px;
    color: #0a2b6b;
}

.checkout .areabox {
    width: 100%;
    float: left;
    padding: 0 15px 15px;
    border: 1px solid #ebebeb;
    font-family: 'thaisans';
    font-size: 18px;
    line-height: 26px;
    color: #0a2b6b;
}

.checkout .areabox b {
    font-weight: 400;
}

.checkout .user_input span {
    width: 100%;
    float: left;
    margin: 3px 0;
    color: red;
}

.checkout .user_input span.fullname {
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 5px;
}

.checkout .user_input span.shipping {
    color: #0a2b6b;
}

.checkout .titlecart {
    width: 100%;
    float: left;
    margin-bottom: 20px;
}

.checkout .titlecart a {
    float: right;
    font-size: 12px;
    color: #474748;
    position: relative;
    top: 2px;
}

.checkout .titlecart a:hover {
    color: #0a2b6b;
}

.checkout .titstep {
    width: 100%;
    float: left;
    background: #dfdfdf;
    position: relative;
    font-family: 'thaisans';
    font-size: 18px;
    line-height: 26px;
    color: #000000;
    font-weight: 400;
    padding: 10px 10px 10px 50px;
}

.checkout .titstep span {
    padding: 2px 8px;
    color: white;
    background: #0a2b6b;
    position: absolute;
    top: 7px;
    left: 15px;
}

.checkout .titstep a.edit {
    float: right;
    color: #0a2b6b !important;
}

.checkout .titlebox {
    margin: 20px 0;
    font-family: 'thaisans';
    font-size: 18px;
    line-height: 26px;
    color: #000000;
    font-weight: 700;
}

.checkout .titlebox span {
    width: 100%;
    float: left;
    font-family: 'thaisans';
    font-size: 18px;
    line-height: 26px;
    color: #000000;
    font-weight: 700;
}

.checkout .checklogin {
    width: 90%;
    margin: auto;
    position: relative;
    right: 15px;
}

.checkout a.forgotpass {
    position: absolute;
    top: 10px;
    right: 20px;
    z-index: 10;
}

.checkout .regislink {
    margin-top: 7px;
    font-family: 'thaisans';
    font-size: 18px;
    line-height: 18px;
    color: #000;
}

.checkout .regislink a {
    position: relative;
}

.checkout .regislink a:after {
    content: "";
    width: 0%;
    height: 1px;
    position: absolute;
    background: #0a2b6b;
    bottom: -2px;
    left: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    color: #00A7DC;
}

.checkout .regislink a:hover:after {
    width: 100%;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.checkout button {
    width: 100%;
    height: 40px;
    background-color: #0a2b6b;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    text-transform: capitalize;
}

.checkout button#btnlogin {
    width: 50%;
    float: right;
    margin-bottom: 10px;
}

.checkout button:hover,
.checkout button:focus {
    background-color: #133e91;
}

.checkout button.pass {
    display: none;
}

.checkout .guest {
    width: 320px;
}

.checkout .row {
    margin-bottom: 0;
}

.checkout .line {
    width: 95%;
    height: 1px;
    float: left;
    margin: 20px 10px 0;
    background: #ddd;
}

.checkout .etc {
    color: red;
    font-size: 12px;
}

.checkout a.ship {
    width: 100%;
    float: left;
    /* height: 65px; */
    padding: 10px;
    margin-right: 15px;
    border: 1px solid #ddd;
    position: relative;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    margin-bottom:15px;
}

.checkout a.ship img {
    width: auto;
}

.checkout a.ship:last-child {
    margin-right: 0;
}

.checkout a.ship.active {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
    border-color: #0a2b6b;
}

.checkout .shippingcost {
    color: #000;
    font-weight: 400;
    margin: 30px 0 0;
}

.checkout .shippingcost span {
    color: #0a2b6b;
    margin-left: 10px;
    font-size: 20px;
}

.checkout table.ordersummary {
    color: #000;
}

.checkout table.ordersummary tr {
    border-bottom: 1px solid #ddd;
}

.checkout table.ordersummary .product {
    display: table;
}

.checkout table.ordersummary .product .pic {
    width: 100px;
    float: left;
}

.checkout table.ordersummary .product .pic img {
    width: 100%;
}

.checkout table.ordersummary .product .name {
    display: table-cell;
    vertical-align: middle;
}

.checkout table.ordersummary .price {
    float: right;
}

.checkout table.ordersummary .price .total,
.checkout table.ordersummary .price .price {
    width: auto;
    float: left;
}

.checkout table.ordersummary .price .total:after {
    content: "x";
    position: relative;
    margin: 0 5px;
}

.checkout table.ordersummary .coupon {
    color: #0a2b6b;
    float: right;
}

.checkout table.ordersummary tfoot {
    color: #0a2b6b;
    font-size: 20px;
}

.checkout table.ordersummary tfoot tr:last-child {
    border-bottom: none;
}

.checkout .disabled .titstep,
.checkout .disabled .titlebox,
.checkout .disabled label span,
.checkout .disabled label b,
.checkout .disabled a {
    color: #a1a4a5 !important;
}

.checkout .disabled .titstep span {
    background: #d5d5d5;
}

.checkout button {
    font-family: 'thaisans';
    font-size: 20px;
    line-height: 20px;
    color: white;
}

.checkout label,
.checkout label.active {
    position: relative;
    width: 100%;
    text-align: left;
    top: 0;
    left: 0 !important;
    font-family: 'thaisans';
    font-size: 18px;
    line-height: 18px;
    color: #000;
}

.checkout label.error {
    color: red;
    top: unset;
    padding: 0 0.75rem;
    font-size: 14px;
    position: absolute;
    left: 10px;
    bottom: 0;
}

.checkout input,
.checkout textarea {
    font-family: 'thaisans';
    font-size: 20px;
    line-height: 20px;
    color: #000;
    border: 1px solid #dfdfdf !important;
    padding: 0 10px !important;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.checkout input.error,
.checkout textarea.error {
    border-color: red !important;
}

.checkout .select-wrapper span.caret {
    right: 10px;
}

.checkout .input-check span {
    font-family: 'thaisans';
    font-size: 20px;
    line-height: 20px;
    color: #000;
}

.confirmshop {
    width: 600px;
    overflow: hidden;
    height: auto !important;
    top: 30% !important;
}

.confirmshop .modal-content {
    width: 100%;
    float: left;
    background: white;
    text-align: center;
    font-family: 'thaisans-bold';
    font-size: 30px;
    line-height: 35px;
    color: #0a2b6b;
    font-weight: 400 !important;
    padding: 50px;
    font-weight: 100;
}

.confirmshop .modal-content .btnstep {
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 30px;
}

.confirmshop .modal-content .btnstep a.btn {
    font-family: 'thaisans-bold';
    font-size: 18px;
    line-height: 35px;
    color: white;
    background: #0a2b6b;
    border: 1px solid #0a2b6b;
    margin: 0 10px;
}

.confirmshop .modal-content .btnstep a.btn.border {
    background: transparent;
    color: #0a2b6b;
}

.payresult {
    height: 100vh;
    background: gray;
    position: relative;
}

.payresult .box {
    width: 900px;
    position: absolute;
    top: 45%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin: 0;
    background: white;
    padding: 60px 0;
    text-align: center;
}

.payresult .box img {
    width: 230px;
}

.payresult .box h1,
.payresult .box p {
    width: 100%;
    float: left;
}

.payresult .box h1 {
    margin: 40px 0 20px;
    font-family: 'thaisans-bold';
    font-size: 54px;
    line-height: 60px;
    color: #000;
}

.payresult .box p {
    font-family: 'thaisans-bold';
    font-size: 24px;
    line-height: 24px;
    color: #000;
}

.payresult .box p span {
    color: #00A7DC;
}

.payresult .box .rowbtn {
    margin: 50px 0 0;
}

.payresult .box a.btn {
    font-family: 'thaisans-bold';
    font-size: 18px;
    line-height: 35px;
    color: white;
    background: #0a2b6b;
    border: 1px solid #0a2b6b;
    margin-left: 20px;
}

.payresult .box a.btn:hover {
    background: #133e91;
    border-color: #133e91;
}

.payresult .box a.btn.home {
    background: transparent;
    margin-left: 0;
    color: #0a2b6b;
}

.payresult .box a.btn.home:hover {
    background: #133e91;
    color: white;
}

.payresult .box.failed h1 {
    color: red;
}

.payresult .box.failed a.btn {
    border-color: red;
    color: red;
}

.payresult .box.failed a.btn:hover {
    background: red;
}

.memberprofile .titleuser {
    margin-bottom: 20px;
}

.memberprofile .titleuser h3 {
    font-family: 'thaisans-bold';
    font-size: 46px;
    line-height: 40px;
    color: #0a2b6b;
}

.memberprofile .label {
    font-family: 'thaisans';
    font-size: 18px;
    line-height: 26px;
    color: #0a2b6b;
}

.memberprofile .groupedit {
    float: left;
    width: 100%;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
}

.memberprofile .groupedit .hgroupedit {
    margin-bottom: 10px;
}

.memberprofile .groupedit .hgroupedit h3 {
    font-family: 'thaisans-bold';
    font-size: 26px;
    line-height: 30px;
    color: #0a2b6b;
}

.memberprofile .groupedit .hgroupedit h3 span {
    width: 30px;
    height: 30px;
    text-align: center;
    font-family: 'thaisans-bold';
    font-size: 22px;
    line-height: 30px;
    color: #fff;
    display: inline-block;
    background: #0a2b6b;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.memberprofile .groupedit .listedit .listform {
    margin-bottom: 5px;
}

.memberprofile .groupedit .listedit .listform .label p {
    font-family: 'thaisans-bold';
    font-size: 20px;
    line-height: 26px;
    color: #0a2b6b;
}

.memberprofile .groupedit .listedit .listform .form .rowbill {
    font-family: 'thaisans-bold';
    font-size: 20px;
}

.memberprofile .groupedit .listedit .listform .form .rowbill span {
    font-size: 20px;
    color: #000;
}

.memberprofile .groupedit .listedit .listform .form .rowbill b {
    font-size: 20px;
    color: #000;
}

.memberprofile .groupedit .listedit .listform .form input {
    margin-bottom: 0;
    border: 1px solid #d0d0d0;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 0 10px;
}

.memberprofile .groupedit .listedit .listform .form .caret {
    right: 10px;
}

.memberprofile .groupedit .listedit .listform .form textarea {
    height: 100px;
    margin-bottom: 0;
    border: 1px solid #d0d0d0;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 10px;
    resize: none;
}

.memberprofile .groupedit .listedit .listform .form.upload input {
    padding: 10px;
    height: 45px;
    width: 100%;
}

.memberprofile .groupedit .listedit .listform .form .rowbill {
    margin: 10px 0px;
}

.memberprofile .groupedit .listedit .listform .form .rowbill label span.bnak-icon {
    display: inline-block;
}

.memberprofile .groupedit .listedit .listform .form .rowbill label span.bnak-icon img {
    display: inline-block;
}

.memberprofile .groupedit .listedit .listform .form .rowbill label b {
    display: inline-block;
}

.memberprofile .groupedit .listedit .listform .form.uploadfile {
    float: left;
    margin-top: 20px;
    width: 100%;
}

.memberprofile .groupedit .listedit .listform .form.uploadfile input {
    background: #589B02;
    display: block;
    padding: 0 20px;
    line-height: 30px;
    font-family: 'thaisans-bold';
    font-size: 19px;
    line-height: 35px;
    color: #ffffff;
    -moz-border-radius: 3px;
    border-radius: 3px;
    position: relative;
    z-index: 6;
    text-align: center;
    width: 100%;
}

.memberprofile .groupedit .listedit .listform .form.uploadfile input:hover {
    background: #417203;
}

.memberprofile .groupedit.nobot {
    border-bottom: none;
}

.memberprofile .buttonform {
    width: auto;
    float: right;
}

.memberprofile .buttonform button {
    background: #0a2b6b;
    border: 1px solid #0a2b6b;
    font-family: 'thaisans-bold';
    font-size: 18px;
    line-height: 35px;
    color: white;
    margin-left: 15px;
    padding: 0 20px;
    height: 45px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.memberprofile .buttonform button.btnreset {
    color: #133e91;
    background: white;
}

.memberprofile .buttonform button:hover {
    background: #133e91;
    color: white;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.memberprofile .rightsec {
    border-left: 1px solid #ddd;
    padding: 0 0 0 20px;
}

.memberprofile .groupusermenu {
    width: 100%;
    float: left;
    min-height: 50vh;
}

.memberprofile .groupusermenu .imguser {
    width: 80px;
    float: left;
}

.memberprofile .groupusermenu .imguser img {
    width: 100%;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.memberprofile .groupusermenu .nameprofile {
    width: -moz-calc(100% - 80px);
    width: calc(100% - 80px);
    float: left;
    padding-left: 15px;
}

.memberprofile .user {
    width: 100%;
    float: left;
    border-bottom: 1px solid #dfdfdf;
    padding-bottom: 15px;
    margin-bottom: 10px;
}

.memberprofile .user .nameuser {
    margin-top: -10px;
}

.memberprofile .user .nameuser h3 {
    font-family: 'thaisans-bold';
    font-size: 38px;
    line-height: 40px;
    color: #000;
}

.memberprofile .user .statususer p {
    font-family: 'thaisans';
    font-size: 18px;
    line-height: 26px;
    color: #000;
}

.memberprofile .user .btnuser a {
    background: #ABC713;
    display: inline-block;
    padding: 0 20px;
    line-height: 30px;
    font-family: 'thaisans-bold';
    font-size: 16px;
    line-height: 25px;
    color: #ffffff;
    -moz-border-radius: 3px;
    border-radius: 3px;
    position: relative;
    z-index: 6;
}

.memberprofile .user .btnuser a:hover {
    background: #27B0E1;
}

.memberprofile .navuser {
    width: 100%;
    float: left;
}

.memberprofile .navuser a {
    width: 100%;
    float: left;
    position: relative;
    padding-left: 15px;
    font-family: 'thaisans-bold';
    font-size: 22px;
    line-height: 30px;
    color: #333;
}

.memberprofile .navuser a:before {
    content: "";
    width: 5px;
    height: 5px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #0a2b6b;
    position: absolute;
    top: 13px;
    left: 0;
}

.memberprofile a:hover {
    color: #133e91;
}

.memberprofile .listorder {
    width: 100%;
    float: left;
    margin-bottom: 30px;
}

.memberprofile .listorder .imgorder {
    width: 130px;
    float: left;
}

.memberprofile .listorder .info_order {
    width: -moz-calc(100% - 130px);
    width: calc(100% - 130px);
    float: left;
}

.memberprofile .listorder .info_order .ordercode {
    width: 100%;
    text-align: left;
    margin-bottom: 10px;
}

.memberprofile .listorder .info_order .ordercode h3 {
    font-family: 'thaisans-bold';
    font-size: 26px;
    line-height: 26px;
    color: #000;
}

.memberprofile .listorder .info_order .priceorder,
.memberprofile .listorder .info_order .btnorder {
    width: 20%;
    float: left;
    padding-right: 10px;
}

.memberprofile .listorder .info_order .qty {
    width: 100px;
    float: left;
}

.memberprofile .listorder .info_order .qty .hqty p {
    font-family: 'thaisans-bold';
    font-size: 18px;
    line-height: 26px;
    color: #000000;
}

.memberprofile .listorder .info_order .qty .dqty {
    text-indent: 10px;
}

.memberprofile .listorder .info_order .hpriceorder p {
    font-family: 'thaisans-bold';
    font-size: 18px;
    line-height: 26px;
    color: #000000;
}

.memberprofile .listorder .info_order .listitemorder p:first-child {
    font-family: 'thaisans-bold';
    font-size: 18px;
    line-height: 26px;
    color: #000000;
}

.memberprofile .listorder .info_order .descriptionorder {
    width: 250px;
    float: left;
}

.memberprofile .listorder .info_order .statusorder a {
    width: auto;
    float: left;
    background: transparent;
    border: 1px solid #f8d117;
    font-family: 'thaisans';
    font-size: 18px;
    line-height: 30px;
    color: #f8d117;
    -moz-border-radius: 7px;
    border-radius: 7px;
    padding: 0 10px;
    margin-top: 10px;
    text-align: center;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.memberprofile .listorder .info_order .btnorder {
    width: 30%;
}

.memberprofile .listorder .info_order .btnorder .orderdetail,
.memberprofile .listorder .info_order .btnorder .deleteorder {
    width: 50%;
    float: left;
}

.memberprofile .listorder .info_order .btnorder a {
    width: 100%;
    float: left;
    background: #0a2b6b;
    border: 1px solid #0a2b6b;
    font-family: 'thaisans';
    font-size: 18px;
    line-height: 40px;
    color: white;
    height: 40px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    text-align: center;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.memberprofile .listorder .info_order .btnorder a.btndeleteorder {
    color: #133e91;
    background: white;
    margin-left: 10px;
}

.memberprofile .listorder .info_order .btnorder a:hover {
    background: #133e91;
    color: white;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.memberprofile .listorder .info_order p {
    font-family: 'thaisans';
    font-size: 18px;
    line-height: 26px;
    color: #000000;
}

.cartmob {
    display: none;
}

#loginform,
#corploginform {
    max-height: 70%;
    width: 70%;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-border-radius-bottomright: 40px;
    border-bottom-right-radius: 40px;
}

#loginform .modal-content,
#corploginform .modal-content {
    padding: 0;
}

#loginform .modal-content section,
#corploginform .modal-content section {
    width: 40%;
    float: left;
    position: relative;
    padding: 20px;
}

#loginform .modal-content section.login .arealogin .closeicon,
#corploginform .modal-content section.login .arealogin .closeicon {
    position: absolute;
    top: 20px;
    right: 20px;
}

#loginform .modal-content section.login .arealogin .closeicon a img,
#corploginform .modal-content section.login .arealogin .closeicon a img {
    width: 25px;
}

#loginform .modal-content section.login .arealogin .logo,
#corploginform .modal-content section.login .arealogin .logo {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

#loginform .modal-content section.login .arealogin .logo img,
#corploginform .modal-content section.login .arealogin .logo img {
    width: 100%;
    max-width: 200px;
}

#loginform .modal-content section.login .arealogin .titlelogin,
#corploginform .modal-content section.login .arealogin .titlelogin {
    float: left;
    width: 100%;
    margin: 20px 0 0px;
}

#loginform .modal-content section.login .arealogin .titlelogin h3,
#corploginform .modal-content section.login .arealogin .titlelogin h3 {
    font-family: 'thaisans-bold';
    font-size: 36px;
    line-height: 40px;
    color: #0a2b6b;
}

#loginform .modal-content section.login .arealogin .formlogin,
#corploginform .modal-content section.login .arealogin .formlogin {
    float: left;
    width: 100%;
}

#loginform .modal-content section.login .arealogin .formlogin .inputlogin .label p,
#corploginform .modal-content section.login .arealogin .formlogin .inputlogin .label p {
    font-family: 'thaisans';
    font-size: 18px;
    line-height: 30px;
    color: #aaa;
}

#loginform .modal-content section.login .arealogin .formlogin .inputlogin .input input,
#corploginform .modal-content section.login .arealogin .formlogin .inputlogin .input input {
    margin-bottom: 0;
    border: 1px solid #d0d0d0;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 0 10px;
}

#loginform .modal-content section.login .arealogin .formlogin .forgotpassword,
#corploginform .modal-content section.login .arealogin .formlogin .corpforgotpassword {
    float: left;
    width: 100%;
    margin-top: 10px;
    text-align: center;
}

#loginform .modal-content section.login .arealogin .formlogin .forgotpassword a p,
#corploginform .modal-content section.login .arealogin .formlogin .corpforgotpassword a p {
    font-family: 'thaisans-bold';
    font-size: 20px;
    line-height: 32px;
    color: #0a2b6b;
    text-align: center;
}

#loginform .modal-content section.login .arealogin .formlogin .btnlogin,
#corploginform .modal-content section.login .arealogin .formlogin .btnlogin {
    float: left;
    width: 100%;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
}

#loginform .modal-content section.login .arealogin .formlogin .btnlogin button,
#corploginform .modal-content section.login .arealogin .formlogin .btnlogin button {
    display: inline-block;
    padding: 0 20px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
    font-family: 'thaisans-bold';
    font-size: 20px;
    line-height: 32px;
    color: #fff;
    width: 100%;
    margin-top: 10px;
    background: #00B1DC;
}

#loginform .modal-content section.login .arealogin .formlogin .btnlogin button:hover,
#corploginform .modal-content section.login .arealogin .formlogin .btnlogin button:hover {
    background: #0a2b6b;
    color: #fff;
}

#loginform .modal-content .cover,
#corploginform .modal-content .cover {
    width: 60%;
    float: left;
    background: #0D2864;
}

#loginform .modal-content .cover img,
#corploginform .modal-content .cover img {
    width: 100%;
}

#forgotform,
#corpforgotform {
    max-height: 70%;
    width: 70%;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-border-radius-bottomright: 40px;
    border-bottom-right-radius: 40px;
}

#forgotform .modal-content,
#corpforgotform .modal-content {
    padding: 0;
}

#forgotform .modal-content section,
#corpforgotform .modal-content section {
    width: 40%;
    float: left;
    position: relative;
    padding: 20px;
}

#forgotform .modal-content section.forgotpassword .arealogin .closeicon,
#corpforgotform .modal-content section.forgotpassword .arealogin .closeicon {
    position: absolute;
    top: 20px;
    right: 20px;
}

#forgotform .modal-content section.forgotpassword .arealogin .closeicon a img,
#corpforgotform .modal-content section.forgotpassword .arealogin .closeicon a img {
    width: 25px;
}

#forgotform .modal-content section.forgotpassword .arealogin .logo,
#corpforgotform .modal-content section.forgotpassword .arealogin .logo {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

#forgotform .modal-content section.forgotpassword .arealogin .logo img,
#corpforgotform .modal-content section.forgotpassword .arealogin .logo img {
    width: 100%;
    max-width: 200px;
}

#forgotform .modal-content section.forgotpassword .arealogin .titlelogin,
#corpforgotform .modal-content section.forgotpassword .arealogin .titlelogin {
    float: left;
    width: 100%;
    margin: 20px 0 0px;
}

#forgotform .modal-content section.forgotpassword .arealogin .titlelogin h3,
#corpforgotform .modal-content section.forgotpassword .arealogin .titlelogin h3 {
    font-family: 'thaisans-bold';
    font-size: 36px;
    line-height: 40px;
    color: #0a2b6b;
}

#forgotform .modal-content section.forgotpassword .arealogin .formlogin,
#corpforgotform .modal-content section.forgotpassword .arealogin .formlogin {
    float: left;
    width: 100%;
}

#forgotform .modal-content section.forgotpassword .arealogin .formlogin .inputlogin .label p,
#corpforgotform .modal-content section.forgotpassword .arealogin .formlogin .inputlogin .label p {
    font-family: 'thaisans';
    font-size: 18px;
    line-height: 30px;
    color: #aaa;
}

#forgotform .modal-content section.forgotpassword .arealogin .formlogin .inputlogin .input input,
#corpforgotform .modal-content section.forgotpassword .arealogin .formlogin .inputlogin .input input {
    margin-bottom: 0;
    border: 1px solid #d0d0d0;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 0 10px;
}

#forgotform .modal-content section.forgotpassword .arealogin .formlogin .forgotpassword,
#corpforgotform .modal-content section.forgotpassword .arealogin .formlogin .forgotpassword {
    float: left;
    width: 100%;
    margin-top: 10px;
    text-align: center;
}

#forgotform .modal-content section.forgotpassword .arealogin .formlogin .forgotpassword a p,
#corpforgotform .modal-content section.forgotpassword .arealogin .formlogin .forgotpassword a p {
    font-family: 'thaisans-bold';
    font-size: 20px;
    line-height: 32px;
    color: #0a2b6b;
    text-align: center;
}

#forgotform .modal-content section.forgotpassword .arealogin .formlogin .btnlogin,
#corpforgotform .modal-content section.forgotpassword .arealogin .formlogin .btnlogin {
    float: left;
    width: 100%;
}

#forgotform .modal-content section.forgotpassword .arealogin .formlogin .btnlogin button,
#corpforgotform .modal-content section.forgotpassword .arealogin .formlogin .btnlogin button {
    display: inline-block;
    padding: 0 20px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
    font-family: 'thaisans-bold';
    font-size: 20px;
    line-height: 32px;
    color: #fff;
    width: 100%;
    margin-top: 10px;
    background: #00B1DC;
}

#forgotform .modal-content section.forgotpassword .arealogin .formlogin .btnlogin button:hover,
#corpforgotform .modal-content section.forgotpassword .arealogin .formlogin .btnlogin button:hover {
    background: #0a2b6b;
    color: #fff;
}

#forgotform .modal-content .cover,
#corpforgotform .modal-content .cover {
    width: 60%;
    float: left;
    background: #0D2864;
}

#forgotform .modal-content .cover img,
#corpforgotform .modal-content .cover img {
    width: 100%;
}

section#banner .slide a img {
    width: 100%;
}

section#searchinner {
    padding: 50px 0 150px;
}

section#searchinner .formsearch {
    position: relative;
}

section#searchinner .formsearch input {
    padding: 0 40px;
    font-family: 'thaisans';
    font-size: 30px;
    line-height: 40px;
    color: #0a2b6b;
}

section#searchinner .formsearch .fixform {
    position: absolute;
    top: 0px;
    left: 0;
    font-size: 20px;
    line-height: 40px;
}

section#searchinner .formsearch button {
    border: none;
    outline: none;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #d0d0d0;
    position: absolute;
    top: 10px;
    right: 0;
    display: none;
}

section#searchinner .formsearch button i {
    color: #fff;
}

section#searchinner .typecatesearch {
    border-bottom: 1px solid #d0d0d0;
    padding: 0 10px 10px;
    float: left;
    width: 100%;
}

section#searchinner .typecatesearch .listcatesearch {
    display: inline-block;
    margin-right: 10px;
}

section#searchinner .typecatesearch .listcatesearch .listsearch {
    font-family: 'thaisans-bold';
    font-size: 22px;
    line-height: 36px;
    color: #d0d0d0;
}

section#searchinner .typecatesearch .listcatesearch .listsearch.active {
    color: #0a2b6b;
}

section#searchinner .resultproduct {
    float: left;
    width: 100%;
    margin: 20px 0;
    padding-bottom: 40px;
    border-bottom: 1px solid #ddd;
}

section#searchinner .resultproduct .titlepage {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

section#searchinner .resultproduct .titlepage h3 {
    font-family: 'thaisans-bold';
    font-size: 46px;
    line-height: 40px;
    color: #0a2b6b;
}

section#searchinner .resultproduct .groupresultproduct .listclasspro {
    text-align: center;
}

section#searchinner .resultproduct .groupresultproduct .listclasspro .logoproduct {
    margin: 20px 0 10px;
}

section#searchinner .resultproduct .groupresultproduct .listclasspro .logoproduct a p {
    padding: 0 5px;
}

section#searchinner .resultproduct .groupresultproduct .listclasspro .logoproduct a p.name-product {
    font-family: 'thaisans-bold';
    font-size: 26px;
    line-height: 30px;
    color: #0a2b6b;
}

section#searchinner .resultproduct .groupresultproduct .listclasspro .descproduct {
    margin: 10px 0;
    height: 60px;
}

section#searchinner .resultproduct .groupresultproduct .listclasspro .button {
    width: 40%;
    margin: auto;
    position: relative;
}

section#searchinner .resultproduct .groupresultproduct .listclasspro .button a {
    width: 100%;
    background: #ABC713;
    display: block;
    padding: 0 20px;
    line-height: 30px;
    font-family: prajad;
    font-size: 16px;
    line-height: 30px;
    color: #ffffff;
    -moz-border-radius: 3px;
    border-radius: 3px;
    position: relative;
    z-index: 6;
}

section#searchinner .resultproduct .groupresultproduct .listclasspro .button a:hover {
    background: #27B0E1;
}

section#searchinner .resultproduct .groupresultproduct .viewallsearch {
    float: left;
    width: 100%;
    margin-top: 20px;
    text-align: center;
}

section#searchinner .resultproduct .groupresultproduct .viewallsearch a {
    font-family: 'thaisans';
    font-size: 20px;
    line-height: 34px;
    color: #fff;
    background: #27B0E1;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: 40%;
    text-align: center;
    display: inline-block;
}

section#searchinner .resultproduct .groupresultproduct .viewallsearch a:hover {
    background: #0c7ba2;
}

section#searchinner .resultproduct .groupresultnews {
    float: left;
    width: 100%;
    margin: 10px 0;
}

section#searchinner .resultproduct .groupresultnews .listresultnews {
    float: left;
    width: 50%;
    margin: 10px 0;
}

section#searchinner .resultproduct .groupresultnews .listresultnews .imgresultnews {
    float: left;
    width: 30%;
}

section#searchinner .resultproduct .groupresultnews .listresultnews .imgresultnews img {
    width: 100%;
}

section#searchinner .resultproduct .groupresultnews .listresultnews .contentresultnews {
    float: left;
    width: 70%;
    padding-left: 10px;
}

section#searchinner .resultproduct .groupresultnews .listresultnews .contentresultnews .titlenews {
    float: left;
    width: 100%;
}

section#searchinner .resultproduct .groupresultnews .listresultnews .contentresultnews .titlenews h3 {
    font-family: 'thaisans-bold';
    font-size: 22px;
    line-height: 30px;
    color: #0a2b6b;
}

section#searchinner .resultproduct .groupresultnews .listresultnews .contentresultnews .titlenews p {
    font-family: 'thaisans';
    font-size: 18px;
    line-height: 30px;
    color: #aaa;
}

section#searchinner .resultproduct .groupresultnews .listresultnews .contentresultnews .descnews {
    float: left;
    width: 100%;
    margin-bottom: 5px;
}

section#searchinner .resultproduct .groupresultnews .listresultnews .contentresultnews .descnews p {
    font-family: prajad;
    font-size: 16px;
    line-height: 20px;
    color: #474748;
}

section#searchinner .resultproduct .groupresultnews .viewallsearch {
    float: left;
    width: 100%;
    margin-top: 20px;
    text-align: center;
}

section#searchinner .resultproduct .groupresultnews .viewallsearch a {
    font-family: 'thaisans';
    font-size: 20px;
    line-height: 34px;
    color: #fff;
    background: #27B0E1;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: 40%;
    text-align: center;
    display: inline-block;
}

section#searchinner .resultproduct .groupresultnews .viewallsearch a:hover {
    background: #0c7ba2;
}

section#search {
    background: white;
    position: fixed;
    width: 100vw;
    height: 100vh;
    z-index: 1000;
    display: none;
}

section#search .areasearch {
    position: relative;
    width: 100%;
    padding: 150px 20vh;
}

section#search .areasearch .topicsearch {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

section#search .areasearch .topicsearch h3 {
    font-family: 'thaisans';
    font-size: 46px;
    line-height: 52px;
    color: #333;
    text-align: center;
}

section#search .areasearch .formsearch {
    float: left;
    width: 100%;
    margin: 10px 0;
    position: relative;
    width: 100%;
    height: 40px;
}

section#search .areasearch .formsearch input {
    padding: 0 40px;
    line-height: 40px;
    font-family: 'thaisans';
    font-size: 26px;
    line-height: 40px;
    color: #333;
    border: 1px solid #ddd;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

section#search .areasearch .formsearch .fixform {
    position: absolute;
    top: 2px;
    left: 15px;
    font-size: 20px;
    line-height: 40px;
}

section#search .areasearch .formsearch button {
    background: #ADAFAE;
    -moz-border-radius: 50%;
    border-radius: 50%;
    height: 24px;
    width: 24px;
    text-align: center;
    position: absolute;
    top: 10px;
    right: 10px;
    border: none;
    outline: none;
    display: none;
}

section#search .areasearch .formsearch button i {
    font-size: 14px;
    line-height: 22px;
    color: #fff;
}

section#search .areasearch .buttonsearch {
    float: left;
    width: 100%;
    margin: 20px 0;
    text-align: center;
}

section#search .areasearch .buttonsearch button {
    display: inline-block;
    width: 200px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: none;
    outline: none;
    font-family: 'thaisans';
    font-size: 26px;
    line-height: 40px;
    color: #fff;
    text-align: center;
    margin: 0 5px;
}

section#search .areasearch .buttonsearch button.btnsearch {
    background: #24DAFB;
}

section#search .areasearch .buttonsearch button.btnsearch.resetbtn {
    background: #ADAFAE;
}

section#popup {
    background: rgba(0, 0, 0, 0.8);
    position: fixed;
    width: 100vw;
    height: 100vh;
    z-index: 1000;
    top: 0;
    left: 0;
}

section#popup .areapopup {
    position: relative;
    width: 100%;
    height: 100%;
}

section#popup .areapopup .imgpopup {
    -webkit-transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    left: 50%;
    top: 50px;
    position: absolute;
    border: 3px solid #fff;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

section#popup .areapopup .imgpopup .closepopup {
    position: absolute;
    top: -15px;
    right: -15px;
    width: 30px;
    height: 30px;
    background: #000;
    text-align: center;
    line-height: 26px;
    font-size: 20px;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 2px solid #fff;
}

section#popup .areapopup .imgpopup .closepopup i {
    color: #fff;
}

section#industry {
    padding: 40px 0;
}

section#industry .grouplineproduct .listind .imgind a img {
    width: 100%;
}

section#industry .grouplineproduct .listind .imgind .iconind {
    text-align: center;
}

section#industry .grouplineproduct .listind .imgind .iconind a img {
    height: 40px;
    margin: 20px 0;
    width: auto;
}

section#industry .grouplineproduct .listind .contentind {
    height: 200px;
    padding-left: 15px;
    padding-right: 15px;
}

section#industry .grouplineproduct .listind .contentind .typeind a h3 {
    max-height: 80px;
    overflow: hidden;
}

section#aic {
    padding: 40px 0;
}

section#aic .groupaic {
    padding: 10px 0;
    float: left;
    width: 100%;
}

section#aic .groupaic .listaic {
    margin-top: 5px;
    margin-bottom: 5px;
}

section#aic .groupaic .listaic .contentaic .img a img {
    -moz-border-radius: 5px;
    border-radius: 5px;
}

section#aic .groupaic .listaic.listsmall .contentaic .img a img {
    max-height: 200px;
}

section#aic .groupaic .listaic .contentaic .desclastestnews {
    margin-top: 10px;
}

section#aic .groupaic .listaic .contentaic .desclastestnews .desc .time p {
    font-family: 'thaisans';
    font-size: 18px;
    line-height: 30px;
    color: #aaa;
}

section#aic .groupaic .listaic .contentaic .desclastestnews .desc .detail {
    margin-top: 10px;
}

section#aic .groupaic .listaic:first-child .contentaic .desclastestnews {
    margin-top: 10px;
}

section#aic .groupaic .listaic:first-child .contentaic .desclastestnews .desc .time p {
    font-family: 'thaisans';
    font-size: 18px;
    line-height: 30px;
    color: #aaa;
}

section#prohome {
    padding: 200px 0 40px 0;
}

section#prohome .blogpro {
    float: left;
    margin: 10px;
}

section#prohome .blogpro .classpro .blogclasspro .listclasspro {
    margin: 0;
    padding: 10px;
}

section#prohome .blogpro .classpro .blogclasspro .listclasspro .logoproduct {
    margin: 20px 0 10px;
}

section#prohome .blogpro .classpro .blogclasspro .listclasspro .logoproduct a p {
    padding: 0 5px;
}

section#prohome .blogpro .classpro .blogclasspro .listclasspro .logoproduct a p.name-product {
    font-family: 'thaisans-bold';
    font-size: 26px;
    line-height: 30px;
    color: #0a2b6b;
}

section#prohome .blogpro .classpro .blogclasspro .listclasspro .descproduct {
    margin: 10px 0;
    height: 60px;
}

section#prohome .blogpro .classpro .blogclasspro .listclasspro .button {
    width: 40%;
    margin: auto;
    position: relative;
}

section#prohome .blogpro .classpro .blogclasspro .listclasspro .button a {
    width: 100%;
    background: #ABC713;
    display: block;
    padding: 0 20px;
    line-height: 30px;
    font-family: prajad;
    font-size: 16px;
    line-height: 30px;
    color: #ffffff;
    -moz-border-radius: 3px;
    border-radius: 3px;
    position: relative;
    z-index: 6;
}

section#prohome .blogpro .classpro .blogclasspro .listclasspro .button a:hover {
    background: #27B0E1;
}

section#prohome .blogpro .classpro .blogclasspro .listclasspro:hover {
    background: #fff;
    border: 1px solid #d0d0d0;
}

section#prohome .blogpro .classpro .blogclasspro .listclasspro:nth-child(4n+1) {
    clear: both;
}

section#prnews {
    padding: 40px 0;
}

section#prnews .prnews {
    margin: 0px 0;
    max-height: 650px;
    height: 630px;
}

section#prnews .prnews .listprnews {
    padding: 10px 0 20px;
    border-bottom: 1px solid #f0f0f0;
}

section#prnews .prnews .listprnews .imgpr a {
    width: 100%;
    height: 100px;
    display: block;
    -moz-background-size: contain;
    background-size: contain;
}

section#prnews .prnews .listprnews .imgpr a img {
    -moz-border-radius: 5px;
    border-radius: 5px;
}

section#prnews .prnews .listprnews .contentpr .titlecontent p {
    margin: 5px 0;
    font-family: 'thaisans';
    font-size: 18px;
    line-height: 30px;
    color: #aaa;
}

section#prnews .prnews .listprnews .contentpr .titlecontent p .tagcate {
    padding: 0 10px;
    background: #27B0E1;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    margin-left: 10px;
}

section#prnews .morepr {
    width: 100%;
    margin: 20px auto;
    text-align: center;
}

section#prnews .morepr a {
    width: 30%;
    background: #ABC713;
    display: block;
    padding: 0 20px;
    font-family: prajad;
    font-size: 16px;
    line-height: 40px;
    color: #ffffff;
    -moz-border-radius: 3px;
    border-radius: 3px;
    position: relative;
    z-index: 6;
    margin: auto;
}

section#prnews .morepr a:hover {
    background: #27B0E1;
}

section#annual {
    background: #F0FCFA;
    padding: 40px 0 100px;
}

section#annual .annual {
    margin: 10px 0;
}

section#annual .annual ul li {
    list-style-type: disc;
    padding: 0px 40px 0px 0;
}

section#annual .annual ul li .listannual {
    padding: 10px 0;
    border-bottom: 1px solid #f0f0f0;
}

section#annual .annual ul li:nth-child(3) {
    clear: both;
}

section#annual .morepr {
    width: 100%;
    float: left;
    text-align: center;
    margin: auto;
    margin-top: 10px;
}

section#annual .morepr a {
    width: 200px;
    background: #ABC713;
    display: block;
    padding: 0 20px;
    font-family: prajad;
    font-size: 16px;
    line-height: 40px;
    color: #ffffff;
    -moz-border-radius: 3px;
    border-radius: 3px;
    position: relative;
    z-index: 6;
    margin: auto;
}

section#annual .morepr a:hover {
    background: #27B0E1;
}

section#ceotalk {
    padding-top: 40px;
    padding-bottom: 0px;
    position: relative;
    z-index: 1;
}

section#ceotalk .blogtalk {
    margin: 10px 0;
    float: left;
    width: 100%;
}

section#ceotalk .blogtalk .talk .desctalk {
    width: 60%;
    float: left;
}

section#ceotalk .blogtalk .talk .desctalk .quote {
    width: 80%;
    margin: auto;
    padding: 50px 0;
    text-align: center;
}

section#ceotalk .blogtalk .talk .desctalk .quote p {
    font-family: 'thaisans';
    font-size: 26px;
    line-height: 26px;
    color: #0a2b6b;
    position: relative;
}

section#ceotalk .blogtalk .talk .desctalk .quote p:before {
    content: '';
    position: absolute;
    top: -40px;
    left: 50%;
    margin-left: -15px;
    background: url(../images/quotein.jpg) no-repeat top center;
    width: 30px;
    height: 30px;
}

section#ceotalk .blogtalk .talk .desctalk .quote p:after {
    content: '';
    position: absolute;
    bottom: -40px;
    left: 50%;
    margin-left: -15px;
    background: url(../images/quoteout.jpg) no-repeat top center;
    width: 30px;
    height: 30px;
}

section#ceotalk .blogtalk .talk .desctalk .ceo {
    width: 80%;
    margin: auto;
    text-align: center;
}

section#ceotalk .blogtalk .talk .desctalk .ceo h3 {
    font-family: 'thaisans-bold';
    font-size: 30px;
    line-height: 30px;
    color: #0a2b6b;
}

section#ceotalk .blogtalk .talk .desctalk .ceo p {
    font-family: 'thaisans';
    font-size: 20px;
    line-height: 30px;
    color: #333;
}

section#ceotalk .blogtalk .talk .personceo {
    width: 40%;
    float: left;
}

section#inner {
    padding-bottom: 250px;
}

section#inner.contact .groupcontact {
    position: relative;
}

section#inner.contact .groupcontact .titlepage {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

section#inner.contact .groupcontact .titlepage h3 {
    font-family: 'thaisans-bold';
    font-size: 46px;
    line-height: 40px;
    color: #0a2b6b;
}

section#inner.contact .maincontact .formcontact {
    float: left;
    width: 50%;
    margin-top: 10px;
    padding-right: 20px;
}

section#inner.contact .maincontact .formcontact .input-field {
    margin-top: 20px;
}

section#inner.contact .maincontact .formcontact .input-field:first-child label {
    top: 0;
    left: 0px;
}

section#inner.contact .maincontact .formcontact .input-field label {
    left: 10px;
}

section#inner.contact .maincontact .formcontact .input-field label.active {
    -webkit-transform: translateY(-150%);
    -moz-transform: translateY(-150%);
    transform: translateY(-150%);
    left: 0px;
}

section#inner.contact .maincontact .formcontact .input-field textarea {
    height: 200px;
    margin-bottom: 0;
    border: 1px solid #d0d0d0;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 0 10px;
    resize: none;
}

section#inner.contact .maincontact .formcontact input {
    margin-bottom: 0;
    border: 1px solid #d0d0d0;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 0 10px;
}

section#inner.contact .maincontact .formcontact .caret {
    right: 10px;
}

section#inner.contact .maincontact .formcontact .buttonform {
    width: 100%;
    text-align: right;
    margin-top: 10px;
}

section#inner.contact .maincontact .formcontact .buttonform button {
    width: 50%;
}

section#inner.contact .maincontact .location {
    float: left;
    width: 50%;
    margin-top: 10px;
    padding-left: 20px;
}

section#inner.contact .maincontact .location .infocorp {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

section#inner.contact .maincontact .location .infocorp h3 {
    font-family: 'thaisans-bold';
    font-size: 31px;
    line-height: 35px;
    color: #0a2b6b;
}

section#inner.contact .maincontact .location .infocorp p {
    font-family: prajad;
    font-size: 16px;
    line-height: 20px;
    color: #474748;
    margin-top: 10px;
}

section#inner.contact .maincontact .location .con {
    float: left;
    width: 100%;
    margin-bottom: 5px;
}

section#inner.contact .maincontact .location .con .iconcon {
    float: left;
    width: 36px;
    height: 36px;
    background: #0a2b6b;
    text-align: center;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

section#inner.contact .maincontact .location .con .iconcon i {
    font-size: 18px;
    line-height: 36px;
    color: #fff;
}

section#inner.contact .maincontact .location .con .desccon {
    float: left;
    margin-left: 10px;
}

section#inner.contact .maincontact .location .con .desccon a {
    font-family: 'thaisans-bold';
    font-size: 20px;
    line-height: 36px;
    color: #0a2b6b;
}

section#inner.contact .maincontact .location .con.tel .iconcon i {
    font-size: 24px;
}

section#inner.contact .maincontact .location .con.hotline .frontcontact {
    float: left;
}

section#inner.contact .maincontact .location .con.hotline .frontcontact h3 {
    font-family: 'thaisans-bold';
    font-size: 26px;
    line-height: 30px;
    color: #0a2b6b;
}

section#inner.contact .maincontact .location .con.hotline .backcontact {
    float: left;
    margin-left: 10px;
}

section#inner.contact .maincontact .location .con.hotline .backcontact p {
    font-family: 'thaisans';
    font-size: 26px;
    line-height: 30px;
    color: #0a2b6b;
}

section#inner.contact .maincontact .location .con.groupcon {
    padding: 15px 0 10px;
    border-top: 1px solid #ddd;
    margin-top: 20px;
}

section#inner.contact .maincontact .location .con.groupcon .halfcon {
    float: left;
    width: 48%;
    padding: 0 20px 0;
    background: -webkit-linear-gradient(top left, #00B1DC, #046395);
    background: -moz-linear-gradient(top left, #00B1DC, #046395);
    background: linear-gradient(to bottom right, #00B1DC, #046395);
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-right: 2%;
}

section#inner.contact .maincontact .location .con.groupcon .halfcon .icon {
    float: left;
}

section#inner.contact .maincontact .location .con.groupcon .halfcon .icon i {
    font-size: 40px;
    color: #fff;
    line-height: 55px;
}

section#inner.contact .maincontact .location .con.groupcon .halfcon .desc {
    float: left;
    text-align: left;
    padding-left: 20px;
    margin-top: 5px;
}

section#inner.contact .maincontact .location .con.groupcon .halfcon .desc p.hdesccon {
    font-family: 'thaisans-bold';
    font-size: 20px;
    line-height: 22px;
    color: #eaeaea;
}

section#inner.contact .maincontact .location .con.groupcon .halfcon .desc p.ddesccon {
    font-family: 'thaisans-bold';
    font-size: 21px;
    line-height: 20px;
    color: #fff;
}

section#inner.contact .maincontact .location .con.groupcon .halfcon:last-child {
    margin-left: 2%;
    margin-right: 0;
}

section#inner.contact .maincontact .location .map a {
    display: none;
}

section#inner.newsinner .groupusermenu .user {
    margin-top: 10px;
}

section#inner.newsinner .groupusermenu .user .nameprofile .btnuser h1 {
    font-family: 'thaisans-bold';
    font-size: 26px;
    line-height: 30px;
    color: #0a2b6b;
}

section#inner.newsinner .groupusermenu .navuser {
    margin-top: 5px;
}

section#inner.newsinner .groupusermenu .navuser .navedit {
    padding-left: 20px;
    position: relative;
}

section#inner.newsinner .groupusermenu .navuser .navedit a {
    font-family: 'thaisans';
    font-size: 20px;
    line-height: 30px;
    color: #aaa;
    font-family: 'THSarabunNew';
}

section#inner.newsinner .groupusermenu .navuser .navedit a.active {
    color: #000;
}

section#inner.newsinner .groupusermenu .navuser .navedit a.active:before {
    content: "";
    background: #00B1DC;
    width: 3px;
    height: 20px;
    position: absolute;
    top: 5px;
    left: 0;
}

section#inner.newsinner .groupusermenu .navuser .navedit a:hover {
    color: #0a2b6b;
}

section#inner.newsinner .aboutnews {
    position: relative;
}

section#inner.newsinner .aboutnews .titlepage {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

section#inner.newsinner .aboutnews .titlepage h3 {
    font-family: 'thaisans-bold';
    font-size: 46px;
    line-height: 40px;
    color: #0a2b6b;
}

section#inner.newsinner .aboutnews .mainnews .groupselect {
    position: absolute;
    top: 0;
    right: 0;
}

section#inner.newsinner .aboutnews .mainnews .groupselect input {
    margin-bottom: 0;
    border: 1px solid #d0d0d0;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 0 10px;
}

section#inner.newsinner .aboutnews .mainnews .groupselect .caret {
    right: 10px;
}

section#inner.newsinner .aboutnews .mainnews .groupnews {
    margin-top: 20px;
    float: left;
}

section#inner.newsinner .aboutnews .mainnews .groupnews .listnews {
    float: left;
    width: 100%;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
}

section#inner.newsinner .aboutnews .mainnews .groupnews .listnews .imgnews {
    position: relative;
}

section#inner.newsinner .aboutnews .mainnews .groupnews .listnews .imgnews img {
    -moz-border-radius: 5px;
    border-radius: 5px;
}

section#inner.newsinner .aboutnews .mainnews .groupnews .listnews .imgnews .fblike {
    position: absolute;
    bottom: 5px;
    right: 1px;
    z-index: 10;
}

section#inner.newsinner .aboutnews .mainnews .groupnews .listnews .contentnews .titlecontent {
    float: left;
    margin-bottom: 10px;
    width: 100%;
}

section#inner.newsinner .aboutnews .mainnews .groupnews .listnews .contentnews .titlecontent a h3 {
    font-family: 'thaisans-bold';
    font-size: 26px;
    line-height: 30px;
    color: #0a2b6b;
}

section#inner.newsinner .aboutnews .mainnews .groupnews .listnews .contentnews .titlecontent a h3 .hfaqs {
    font-size: 20px;
    color: #fff;
    line-height: 26px;
    width: 26px;
    background: #00B1DC;
    float: left;
    text-align: center;
    margin-right: 10px;
}

section#inner.newsinner .aboutnews .mainnews .groupnews .listnews .contentnews .titlecontent p i {
    font-size: 14px;
    color: #aaa;
}

section#inner.newsinner .aboutnews .mainnews .groupnews .listnews .contentnews .titlecontent p.datetime {
    font-family: 'thaisans';
    font-size: 18px;
    line-height: 30px;
    color: #aaa;
}

section#inner.newsinner .aboutnews .mainnews .groupnews .listnews .contentnews .descriptioncontent {
    float: left;
    width: 100%;
}

section#inner.newsinner .aboutnews .mainnews .groupnews .listnews .contentnews .descriptioncontent p {
    font-family: prajad;
    font-size: 16px;
    line-height: 30px;
    color: #474748;
}

section#inner.newsinner .aboutnews .mainnews .groupnews .listnews .contentnews .descriptioncontent p .hfaqs {
    font-size: 14px;
    color: #fff;
    line-height: 26px;
    width: 26px;
    background: #00B1DC;
    float: left;
    text-align: center;
    margin-right: 10px;
}

section#inner.newsinner .aboutnews .mainnews .groupnews .listnews .contentnews .morecontent {
    float: left;
    width: 100%;
    text-align: right;
}

section#inner.newsinner .aboutnews .mainnews .groupnews .listnews .contentnews .morecontent a {
    font-family: 'thaisans-bold';
    font-size: 20px;
    line-height: 30px;
    color: #00B1DC;
}

section#inner.newsinner .aboutnews .mainnews .groupnews .listnews .contentnews .morecontent a:hover {
    color: #0a2b6b;
}

section#inner.newsinner .aboutnews .maincontent .awards .listawards {
    float: left;
    width: 49%;
    margin-right: 1%;
    padding: 10px 10px 20px;
    background: #fff;
}

section#inner.newsinner .aboutnews .maincontent .awards .listawards .iconaward {
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
}

section#inner.newsinner .aboutnews .maincontent .awards .listawards .descaward {
    float: left;
    width: 100%;
    margin: 10px 0;
}

section#inner.newsinner .aboutnews .maincontent .awards .listawards .descaward p {
    font-family: prajad;
    font-size: 16px;
    line-height: 25px;
    color: #333;
    margin-top: 10px;
}

section#inner.newsinner .aboutnews .maincontent .awards .listawards .descaward p.bcontent {
    font-family: 'thaisans-bold';
    font-size: 22px;
    line-height: 30px;
    color: #0a2b6b;
    margin-top: 20px;
}

section#inner.newsinner .aboutnews .maincontent .awards .listawards .imgaward {
    float: left;
    width: 100%;
    margin: 10px 0;
}

section#inner.newsinner .aboutnews .maincontent .awards .listawards .imgaward img {
    -moz-border-radius: 5px;
    border-radius: 5px;
}

section#inner.newsinner .aboutnews .maincontent .awards .listawards:last-child {
    margin-left: 1%;
    margin-right: 0;
}

section#inner.newsinner .aboutnews .maincontent .history p {
    font-family: prajad;
    font-size: 16px;
    line-height: 30px;
    color: #333;
}

section#inner.newsinner .aboutnews .maincontent .history p strong {
    font-weight: bold;
    font-size: 18px;
}

section#inner.newsinner .aboutnews .maincontent .history ul {
    font-family: prajad;
    font-size: 16px;
    line-height: 30px;
    color: #333;
}

section#inner.newsinner .aboutnews .maincontent .history ul li {}

section#inner.newsinner .aboutnews .maincontent .history ol {
    margin-bottom: 20px;
    margin-left: 40px;
}

section#inner.newsinner .aboutnews .maincontent .history ol li {
    list-style: decimal;
    font-family: prajad;
    font-size: 16px;
    line-height: 30px;
    color: #333;
}

section#inner.newsinner .aboutnews .maincontent .history p.bcontent {
    font-family: 'thaisans-bold';
    font-size: 22px;
    line-height: 30px;
    color: #0a2b6b;
    margin-top: 20px;
}

section#inner.newsinner .aboutnews .maincontent .history .imgcontent {
    margin: 20px 0;
    text-align: center;
}

section#inner.newsinner .aboutnews .maincontent .history .imgcontent img {
    width: 100%;
}

section#inner.newsinner .aboutnews .maincontent .logo .grouphislogo {
    text-align: center;
}

section#inner.newsinner .aboutnews .maincontent .logo .grouphislogo .listlogo {
    display: inline-block;
    margin: 0 10px;
}

section#inner.newsinner .aboutnews .maincontent .logo .grouphislogo .listlogo .imglogo {
    margin-bottom: 10px;
}

section#inner.newsinner .aboutnews .maincontent .logo .grouphislogo .listlogo .desclogo {
    margin: 10px 0;
}

section#inner.newsinner .aboutnews .maincontent .logo .grouphislogo .listlogo .desclogo p {
    font-family: 'thaisans-bold';
    font-size: 21px;
    line-height: 30px;
    color: #0a2b6b;
}

section#inner.newsinner .aboutnews .maincontent .historyceo .groupceo {
    text-align: left;
    margin-top: 10px;
}

section#inner.newsinner .aboutnews .maincontent .historyceo .groupceo .listhisceo {
    display: inline-block;
    width: 50%;
    float: left;
    margin: 5px 0;
}

section#inner.newsinner .aboutnews .maincontent .historyceo .groupceo .listhisceo .imgceo {
    float: left;
}

section#inner.newsinner .aboutnews .maincontent .historyceo .groupceo .listhisceo .imgceo img {
    height: 100%;
}

section#inner.newsinner .aboutnews .maincontent .historyceo .groupceo .listhisceo .nameceo {
    float: left;
    padding: 50px 0 50px 10px;
}

section#inner.newsinner .aboutnews .maincontent .historyceo .groupceo .listhisceo .nameceo p.name {
    font-family: prajad;
    font-size: 18px;
    line-height: 30px;
    color: #333;
}

section#inner.newsinner .aboutnews .maincontent .historyceo .groupceo .listhisceo .nameceo p.position {
    font-family: 'thaisans-bold';
    font-size: 19px;
    line-height: 30px;
    color: #333;
}

section#inner.newsinner .aboutnews .maincontent .historyceo .groupceo .listhisceo:nth-child(2n+1) {
    clear: both;
}

section#inner.newsinner .aboutnews .maincontent .groupdownload {
    float: left;
    width: 100%;
}

section#inner.newsinner .aboutnews .maincontent .groupdownload .download {
    float: left;
    width: 100%;
}

section#inner.newsinner .aboutnews .maincontent .groupdownload .download .listdownload {
    margin-top: 10px;
    float: left;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
    padding-right: 10px;
    clear: both;
    width: 100%;
}

section#inner.newsinner .aboutnews .maincontent .groupdownload .download .listdownload.nobot {
    border: none;
}

section#inner.newsinner .aboutnews .maincontent .groupdownload .download .listdownload.nobot .filedesc {
    margin-top: 5px;
}

section#inner.newsinner .aboutnews .maincontent .groupdownload .download .listdownload.nobot .filedesc .filename p {
    font-family: 'thaisans-bold';
    font-size: 19px;
    line-height: 20px;
    color: #333;
}

section#inner.newsinner .aboutnews .maincontent .groupdownload .download .listdownload .icondownload {
    text-align: center;
    float: left;
    width: 10%;
    max-width: 40px;
}

section#inner.newsinner .aboutnews .maincontent .groupdownload .download .listdownload .icondownload a {
    width: 36px;
    text-align: center;
    height: 36px;
    border: 2px solid #808080;
    -moz-border-radius: 50%;
    border-radius: 50%;
    float: left;
    margin-top: 10px;
    display: block;
}

section#inner.newsinner .aboutnews .maincontent .groupdownload .download .listdownload .icondownload a i {
    color: #808080;
    font-size: 20px;
    line-height: 36px;
}

section#inner.newsinner .aboutnews .maincontent .groupdownload .download .listdownload .icondownload a:hover {
    border-color: #0a2b6b;
}

section#inner.newsinner .aboutnews .maincontent .groupdownload .download .listdownload .icondownload a:hover i {
    color: #0a2b6b;
}

section#inner.newsinner .aboutnews .maincontent .groupdownload .download .listdownload .filedesc {
    float: left;
    padding-left: 20px;
    width: 90%;
}

section#inner.newsinner .aboutnews .maincontent .groupdownload .download .listdownload .filedesc .filename p {
    font-family: prajad;
    font-size: 16px;
    line-height: 25px;
    color: #333;
}

section#inner.newsinner .aboutnews .maincontent .groupdownload .download .listdownload .filedesc .linkdownload a p {
    font-family: 'thaisans-bold';
    font-size: 19px;
    line-height: 30px;
    color: #aaa;
}

section#inner.newsinner .aboutnews .maincontent .groupdownload .download .listdownload .filedesc .linkdownload a:hover p {
    color: #0a2b6b;
}

section#inner.newsinner .aboutnews .maincontent .groupdownload .download.half {
    width: 50%;
    padding: 0 10px;
}

section#inner.newsinner .aboutnews .maincontent .groupdownload .download.half .listdownload {
    margin-top: 10px;
    float: left;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
    padding-right: 10px;
    clear: both;
    width: 100%;
}

section#inner.newsinner .aboutnews .maincontent .groupdownload .download.half .listdownload .icondownload {
    text-align: center;
    float: left;
}

section#inner.newsinner .aboutnews .maincontent .groupdownload .download.half .listdownload .icondownload a {
    width: 36px;
    text-align: center;
    height: 36px;
    border: 2px solid #808080;
    -moz-border-radius: 50%;
    border-radius: 50%;
    float: left;
    margin-top: 10px;
    display: block;
}

section#inner.newsinner .aboutnews .maincontent .groupdownload .download.half .listdownload .icondownload a i {
    color: #808080;
    font-size: 20px;
    line-height: 36px;
}

section#inner.newsinner .aboutnews .maincontent .groupdownload .download.half .listdownload .icondownload a:hover {
    border-color: #0a2b6b;
}

section#inner.newsinner .aboutnews .maincontent .groupdownload .download.half .listdownload .icondownload a:hover i {
    color: #0a2b6b;
}

section#inner.newsinner .aboutnews .maincontent .groupdownload .download.half .listdownload .filedesc {
    float: left;
    padding-left: 20px;
}

section#inner.newsinner .aboutnews .maincontent .groupdownload .download.half .listdownload .filedesc .filename p {
    font-family: prajad;
    font-size: 16px;
    line-height: 25px;
    color: #333;
}

section#inner.newsinner .aboutnews .maincontent .groupdownload .download.half .listdownload .filedesc .linkdownload a p {
    font-family: 'thaisans-bold';
    font-size: 19px;
    line-height: 30px;
    color: #aaa;
}

section#inner.newsinner .aboutnews .maincontent .groupdownload .download.half .listdownload .filedesc .linkdownload a:hover p {
    color: #0a2b6b;
}

section#inner.newsinner .aboutnews .maincontent .groupdownload .download.full {
    width: 100%;
    margin-top: 10px;
}

section#inner.newsinner .aboutnews .maincontent .groupdownload .download.full .listdownload {
    margin-top: 10px;
    float: left;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
    width: 100%;
    clear: none;
}

section#inner.newsinner .aboutnews .maincontent .groupdownload .download.full .listdownload .icondownload {
    text-align: center;
    float: left;
    width: 10%;
}

section#inner.newsinner .aboutnews .maincontent .groupdownload .download.full .listdownload .icondownload a {
    width: 36px;
    text-align: center;
    height: 36px;
    border: 2px solid #808080;
    -moz-border-radius: 50%;
    border-radius: 50%;
    float: left;
    margin-top: 10px;
    display: block;
}

section#inner.newsinner .aboutnews .maincontent .groupdownload .download.full .listdownload .icondownload a i {
    color: #808080;
    font-size: 20px;
    line-height: 36px;
}

section#inner.newsinner .aboutnews .maincontent .groupdownload .download.full .listdownload .icondownload a:hover {
    border-color: #0a2b6b;
}

section#inner.newsinner .aboutnews .maincontent .groupdownload .download.full .listdownload .icondownload a:hover i {
    color: #0a2b6b;
}

section#inner.newsinner .aboutnews .maincontent .groupdownload .download.full .listdownload .filedesc {
    float: left;
    padding-left: 20px;
    width: 90%;
}

section#inner.newsinner .aboutnews .maincontent .groupdownload .download.full .listdownload .filedesc .filename p {
    font-family: 'thaisans-bold';
    font-size: 19px;
    line-height: 20px;
    color: #333;
}

section#inner.newsinner .aboutnews .maincontent .groupdownload .download.full .listdownload .filedesc .linkdownload a p {
    font-family: 'thaisans-bold';
    font-size: 19px;
    line-height: 30px;
    color: #aaa;
}

section#inner.newsinner .aboutnews .maincontent .groupdownload .download.full .listdownload .filedesc .linkdownload a:hover p {
    color: #0a2b6b;
}

section#inner.newsinner .aboutnews .maincontent .groupdownload .download.full .listdownload.nobot {
    border: none;
}

section#inner.newsinner .aboutnews .maincontent .groupdownload .download.full .listdownload.nobot .filedesc {
    margin-top: 5px;
}

section#inner.newsinner .aboutnews .maincontent .groupdownload .download.full .listdownload.nobot .filedesc .filename p {
    font-family: 'thaisans-bold';
    font-size: 19px;
    line-height: 20px;
    color: #333;
}

section#inner.newsinner .aboutnews .maincontent .groupdownload .download.full .listdownload .icondownload {
    text-align: center;
    float: left;
}

section#inner.newsinner .aboutnews .maincontent .groupdownload .download.full .listdownload .icondownload a {
    width: 36px;
    text-align: center;
    height: 36px;
    border: 2px solid #808080;
    -moz-border-radius: 50%;
    border-radius: 50%;
    float: left;
    margin-top: 10px;
    display: block;
}

section#inner.newsinner .aboutnews .maincontent .groupdownload .download.full .listdownload .icondownload a i {
    color: #808080;
    font-size: 20px;
    line-height: 36px;
}

section#inner.newsinner .aboutnews .maincontent .groupdownload .download.full .listdownload .icondownload a:hover {
    border-color: #0a2b6b;
}

section#inner.newsinner .aboutnews .maincontent .groupdownload .download.full .listdownload .icondownload a:hover i {
    color: #0a2b6b;
}

section#inner.newsinner .aboutnews .maincontent .groupdownload .download.full .listdownload .filedesc {
    float: left;
    padding-left: 20px;
}

section#inner.newsinner .aboutnews .maincontent .groupdownload .download.full .listdownload .filedesc .linkdownload a p {
    font-family: 'thaisans-bold';
    font-size: 19px;
    line-height: 30px;
    color: #aaa;
}

section#inner.newsinner .aboutnews .maincontent .groupdownload .download.full .listdownload .filedesc .linkdownload a:hover p {
    color: #0a2b6b;
}

section#inner.newsinner .aboutnews .maincontent .groupreport {
    float: left;
    width: 100%;
}

section#inner.newsinner .aboutnews .maincontent .groupreport .report .listreport {
    width: 25%;
    float: left;
    padding: 0 10px;
    margin: 10px 0 20px;
}

section#inner.newsinner .aboutnews .maincontent .groupreport .report .listreport a {
    text-align: center;
    display: block;
    cursor: pointer;
}

section#inner.newsinner .aboutnews .maincontent .groupreport .report .listreport a .coverreport {
    height: 290px;
    cursor: pointer;
}

section#inner.newsinner .aboutnews .maincontent .groupreport .report .listreport a .coverreport img {
    -moz-box-shadow: 0 0 20px #E8E8E8;
    box-shadow: 0 0 20px #E8E8E8;
}

section#inner.newsinner .aboutnews .maincontent .groupreport .report .listreport a .namereport {
    margin-top: 10px;
    cursor: pointer;
}

section#inner.newsinner .aboutnews .maincontent .groupreport .report .listreport a .namereport h3 {
    font-family: 'thaisans-bold';
    font-size: 20px;
    line-height: 30px;
    color: #333;
}

section#inner.newsinner .aboutnews .maincontent .groupreport .report .listreport:nth-child(4n+1) {
    clear: both;
}

section#inner.newsinner .aboutnews .maincontent .hpath {
    margin: 20px 0 5px;
    float: left;
    width: 100%;
}

section#inner.newsinner .aboutnews .maincontent .hpath.notop {
    margin-top: 0;
}

section#inner.newsinner .aboutnews .maincontent .hpath h3 {
    font-family: 'thaisans-bold';
    font-size: 26px;
    line-height: 30px;
    color: #0a2b6b;
}

section#inner.newsinner .aboutnews .maincontent .hpath h3 span {
    font-family: 'thaisans';
    font-size: 26px;
    line-height: 30px;
    color: #0a2b6b;
}

section#inner.product {
    padding: 20px 0 300px;
}

section#inner.product .filter {
    float: left;
    /*width: 50%;*/
}

section#inner.product .filter .listfilter {
    float: left;
    margin-right: 20px;
}

section#inner.product .filter .listfilter .label {
    float: left;
    margin-right: 10px;
    margin-top: 10px;
}

section#inner.product .filter .listfilter .label p {
    font-family: 'thaisans';
    font-size: 22px;
    line-height: 26px;
    color: #808080;
}

section#inner.product .filter .listfilter .form {
    float: left;
}

section#inner.product .filter .listfilter .form input {
    margin-bottom: 0;
    border: 1px solid #d0d0d0;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 0 10px;
}

section#inner.product .filter .listfilter .form .caret {
    right: 10px;
}

section#inner.product .laypage {
    float: right;
    width: 50%;
}

section#inner.product .laypage .viewport {
    float: right;
    margin-left: 20px;
}

section#inner.product .laypage .viewport .label {
    float: right;
    margin-right: 10px;
    margin-top: 10px;
}

section#inner.product .laypage .viewport .label p {
    font-family: 'thaisans';
    font-size: 22px;
    line-height: 26px;
    color: #808080;
}

section#inner.product .laypage .viewport .option {
    float: right;
}

section#inner.product .laypage .viewport .option input {
    margin-bottom: 0;
    border: 1px solid #d0d0d0;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 0 10px;
}

section#inner.product .laypage .viewport .option .caret {
    right: 10px;
}

section#inner.product .grouppro {
    margin-top: 10px;
    float: left;
    width: 100%;
}

section#inner.product .grouppro .listclasspro {
    margin: 10px 0;
    padding: 10px;
}

section#inner.product .grouppro .listclasspro .imgproduct {
    text-align: center;
}

section#inner.product .grouppro .listclasspro .logoproduct {
    margin: 20px 0 10px;
    text-align: center;
}

section#inner.product .grouppro .listclasspro .logoproduct a p {
    padding: 0 5px;
}

section#inner.product .grouppro .listclasspro .logoproduct a p.name-product {
    font-family: 'thaisans-bold';
    font-size: 26px;
    line-height: 30px;
    color: #0a2b6b;
}

section#inner.product .grouppro .listclasspro .descproduct {
    margin: 10px 0;
    text-align: center;
    height: 90px;
}

section#inner.product .grouppro .listclasspro .button {
    width: 40%;
    margin: auto;
    position: relative;
    text-align: center;
}

section#inner.product .grouppro .listclasspro .button a {
    width: 100%;
    background: #ABC713;
    display: block;
    padding: 0 20px;
    line-height: 30px;
    font-family: prajad;
    font-size: 16px;
    line-height: 30px;
    color: #ffffff;
    -moz-border-radius: 3px;
    border-radius: 3px;
    position: relative;
    z-index: 6;
}

section#inner.product .grouppro .listclasspro .button a:hover {
    background: #27B0E1;
}

section#inner.product .grouppro .listclasspro:hover {
    background: #fff;
}

section#inner.product .paging {
    text-align: center;
    float: left;
    width: 100%;
}

section#inner.product .paging ul {
    float: none;
    margin-top: 30px;
}

section#inner.product .paging ul li.active {
    background: #0097C4;
}

section#inner.productdetail .container {
    background: #fff;
}

section#inner.productdetail .grouptab {
    border-top: 10px solid #f9f9f9;
}

section#inner.productdetail .grouptab .blogtabsspec ul .tab a {
    font-family: 'thaisans-bold';
    font-size: 22px;
    line-height: 48px;
    color: #0a2b6b;
    display: inline-block;
    width: 50%;
}

section#inner.productdetail .grouptab .blogtabsspec ul .indicator {
    background: #0a2b6b;
}

section#inner.productdetail .grouptab .groupproductspec .explaintab {
    padding: 20px 40px;
    float: left;
    width: 100%;
}

section#inner.productdetail .imgproduct {
    padding-right: 20px;
    padding-bottom: 50px;
}

section#inner.productdetail .imgproduct .maining {
    width: 100%;
    background: #fff;
    text-align: center;
}

section#inner.productdetail .imgproduct .maining img {
    width: 80%;
}

section#inner.productdetail .imgproduct .thumbnail {
    width: 100%;
    margin-top: 10px;
    text-align: center;
}

section#inner.productdetail .imgproduct .thumbnail a {
    width: 15%;
    margin-right: 5px;
    display: inline-block;
}

section#inner.productdetail .imgproduct .thumbnail a img {
    width: 100%;
}

section#inner.productdetail .nameproduct {
    padding-top: 10px;
    padding-right: 50px;
}

section#inner.productdetail .nameproduct .name {
    width: 100%;
    margin: 10px 0;
    float: left;
}

section#inner.productdetail .nameproduct .name h3 {
    font-family: 'thaisans-bold';
    font-size: 46px;
    line-height: 30px;
    color: #0a2b6b;
}

section#inner.productdetail .nameproduct .catname {
    float: left;
    width: 100%;
    margin-bottom: 5px;
}

section#inner.productdetail .nameproduct .catname p {
    display: inline-block;
    float: left;
}

section#inner.productdetail .nameproduct .catname p.fdetail {
    font-family: 'thaisans-bold';
    font-size: 16px;
    line-height: 26px;
    color: #666;
    width: 20%;
}

section#inner.productdetail .nameproduct .catname p.ldetail {
    font-family: 'thaisans-bold';
    font-size: 20px;
    line-height: 26px;
    color: #0a2b6b;
    width: 80%;
}

section#inner.productdetail .nameproduct .price {
    width: 100%;
    margin: 10px 0;
    float: left;
}

section#inner.productdetail .nameproduct .price p {
    font-family: 'thaisans';
    font-size: 20px;
    line-height: 30px;
    color: #808080;
    display: inline-block;
}

section#inner.productdetail .nameproduct .price p span {
    display: inline-block;
    width: auto;
    font-family: 'thaisans-bold';
    font-size: 36px;
    line-height: 30px;
    color: #0a2b6b;
    margin-right: 10px;
}

section#inner.productdetail .nameproduct .descproduct {
    width: 100%;
    margin: 10px 0;
    float: left;
}

section#inner.productdetail .nameproduct .descproduct h3 {
    font-family: 'thaisans-bold';
    font-size: 26px;
    line-height: 30px;
    color: #0a2b6b;
    margin-bottom: 10px;
}

section#inner.productdetail .nameproduct .descproduct p {
    font-family: 'thaisans';
    font-size: 20px;
    line-height: 30px;
    color: #333;
}

section#inner.productdetail .nameproduct .formorder {
    width: 100%;
    margin: 10px 0;
    float: left;
}

section#inner.productdetail .nameproduct .formorder .model {
    width: 70%;
    margin: 10px 0;
    float: left;
    padding-right: 10px;
}

section#inner.productdetail .nameproduct .formorder .model .labelinput p {
    font-family: 'thaisans-bold';
    font-size: 26px;
    line-height: 30px;
    color: #0a2b6b;
}

section#inner.productdetail .nameproduct .formorder .model .forminput input {
    margin-bottom: 0;
    border: 1px solid #d0d0d0;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 0 10px;
}

section#inner.productdetail .nameproduct .formorder .model .forminput .caret {
    right: 10px;
}

section#inner.productdetail .nameproduct .formorder .quantity {
    width: 30%;
    margin: 10px 0;
    float: left;
    padding-left: 10px;
}

section#inner.productdetail .nameproduct .formorder .quantity .labelinput p {
    font-family: 'thaisans-bold';
    font-size: 26px;
    line-height: 30px;
    color: #0a2b6b;
}

section#inner.productdetail .nameproduct .formorder .quantity .forminput input {
    margin-bottom: 0;
    border: 1px solid #d0d0d0;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 0 10px;
}

section#inner.productdetail .nameproduct .formorder .quantity .forminput .caret {
    right: 10px;
}

section#inner.productdetail .nameproduct .formorder .buttonorder {
    width: 50%;
    margin: 10px 0;
    float: left;
    padding-right: 10px;
}

section#inner.productdetail .nameproduct .formorder .buttonorder a {
    background: #29b1e0;
    color: #fff;
    width: 100%;
    font-family: 'thaisans';
    font-size: 26px;
    line-height: 36px;
    color: #fff;
    display: inline-block;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: none;
    box-shadow: none;
}

section#inner.productdetail .nameproduct .formorder .buttonorder a:hover {
    background: #075671;
}

section#inner.productdetail .nameproduct .formorder .subdescpro {
    width: 100%;
    margin: 10px 0;
    float: left;
}

section#inner.productdetail .nameproduct .formorder .subdescpro p {
    font-family: 'thaisans-bold';
    font-size: 26px;
    line-height: 30px;
    color: #0a2b6b;
}

section#inner.productdetail .blogprorelate {
    overflow: hidden;
    margin-top: 50px;
    border-top: 10px solid #f9f9f9;
    background: #f9f9f9;
}

section#inner.productdetail .blogprorelate .topicprorelate {
    margin-bottom: 0px;
    padding: 20px 0px 10px;
}

section#inner.productdetail .blogprorelate .topicprorelate h3 {
    font-family: 'thaisans-bold';
    font-size: 36px;
    line-height: 40px;
    color: #0a2b6b;
}

section#inner.productdetail .blogprorelate .grouplistproductrelate {
    width: 100%;
    background: #f9f9f9;
    padding-top: 10px;
}

section#inner.productdetail .blogprorelate .listprorelate {
    text-align: center;
    padding-bottom: 10px;
}

section#inner.productdetail .blogprorelate .listprorelate .imgproduct {
    padding: 0px;
}

section#inner.productdetail .blogprorelate .listprorelate .logoproduct {
    margin: 20px 0 10px;
}

section#inner.productdetail .blogprorelate .listprorelate .logoproduct a p {
    padding: 0 5px;
}

section#inner.productdetail .blogprorelate .listprorelate .logoproduct a p.name-product {
    font-family: 'thaisans-bold';
    font-size: 26px;
    line-height: 30px;
    color: #0a2b6b;
}

section#inner.productdetail .blogprorelate .listprorelate .descproduct {
    margin: 10px 0;
}

section#inner.productdetail .blogprorelate .listprorelate .descproduct p {
    font-family: prajad;
    font-size: 16px;
    line-height: 20px;
    color: #474748;
}

section#inner.productdetail .blogprorelate .listprorelate .button {
    width: 40%;
    margin: auto;
    position: relative;
}

section#inner.productdetail .blogprorelate .listprorelate .button a {
    width: 100%;
    background: #ABC713;
    display: block;
    padding: 0 20px;
    line-height: 30px;
    font-family: prajad;
    font-size: 16px;
    line-height: 30px;
    color: #ffffff;
    -moz-border-radius: 3px;
    border-radius: 3px;
    position: relative;
    z-index: 6;
}

section#inner.productdetail .blogprorelate .listprorelate .button a:hover {
    background: #27B0E1;
}

section#inner.productdetail .blogprorelate .listprorelate:hover {
    background: #fff;
    border: 1px solid #d0d0d0;
}

section#inner.register .titlepage {
    margin: 10px 0;
}

section#inner.register .titlepage h3 {
    font-family: 'thaisans-bold';
    font-size: 46px;
    line-height: 50px;
    color: #0a2b6b;
}

section#inner.register .typemem {
    margin: 10px 0;
}

section#inner.register .typemem .titletype {
    padding-bottom: 10px;
}

section#inner.register .typemem .titletype h3 {
    font-family: 'thaisans-bold';
    font-size: 26px;
    line-height: 30px;
    color: #0a2b6b;
}

section#inner.register .typemem .listtype {
    display: inline-block;
    margin-right: 10px;
}

section#inner.register .typemem .listtype input {
    display: none;
}

section#inner.register .typemem .listtype input:checked+label {
    color: #fff;
    background: #00A2C8;
}

section#inner.register .typemem .listtype label {
    padding-left: 0;
    font-family: 'thaisans';
    font-size: 22px;
    line-height: 45px;
    color: #0a2b6b;
    padding: 0 20px;
    background: #f0f0f0;
    height: auto;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

section#inner.register .typemem .listtype label:before {
    display: none;
}

section#inner.register .typemem .listtype label:after {
    display: none;
}

section#inner.register .formregis {
    margin: 20px 0;
}

section#inner.register .formregis.general {
    float: left;
    width: 100%;
}

section#inner.register .formregis.general .headformregis {
    margin-bottom: 20px;
}

section#inner.register .formregis.general .headformregis h3 {
    font-family: 'thaisans-bold';
    font-size: 31px;
    line-height: 35px;
    color: #0a2b6b;
}

section#inner.register .formregis.general .listform {
    margin-top: 0px;
}

section#inner.register .formregis.general .listform .label p {
    font-family: 'thaisans';
    font-size: 22px;
    line-height: 26px;
    color: #0a2b6b;
}

section#inner.register .formregis.general .listform .form .caret {
    right: 10px;
}

section#inner.register .formregis.general .listform .form input {
    border: 1px solid #d0d0d0;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 0 10px;
}

section#inner.register .formregis.general .listbuttonform {
    text-align: right;
    margin-top: 10px;
}

section#inner.register .formregis.general .listbuttonform .buttonform {
    display: inline-block;
    margin: 0 0 0 10px;
}

section#inner.register .formregis.general .listbuttonform .buttonform button {
    padding: 0 20px;
    color: #fff;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-family: 'thaisans-bold';
    font-size: 20px;
    line-height: 24px;
    color: #fff;
    line-height: 40px;
}

section#inner.register .formregis.general .listbuttonform .buttonform button.btnsubmit {
    background: #A9C644;
}

section#inner.register .formregis.general .listbuttonform .buttonform button.btnsubmit:hover {
    background: #00A2C8;
}

section#inner.register .formregis.general .listbuttonform .buttonform button.btnreset {
    background: #808080;
}

section#inner.register .formregis.general .listbuttonform .buttonform button.btnreset:hover {
    background: #4a4a4a;
}

section#inner.register .formregis.corp {
    float: left;
    width: 100%;
    display: none;
}

section#inner.register .formregis.corp .headformregis {
    margin-bottom: 10px;
}

section#inner.register .formregis.corp .headformregis h3 {
    font-family: 'thaisans-bold';
    font-size: 31px;
    line-height: 35px;
    color: #0a2b6b;
}

section#inner.register .formregis.corp .inforform {
    float: left;
    padding: 0 10px;
}

section#inner.register .formregis.corp .inforform .headinfor {
    margin-top: 10px;
    margin-bottom: 10px;
}

section#inner.register .formregis.corp .inforform .headinfor h3 {
    font-family: 'thaisans-bold';
    font-size: 26px;
    line-height: 30px;
    color: #0a2b6b;
}

section#inner.register .formregis.corp .inforform .listinfor {
    margin-top: 10px;
    margin-bottom: 10px;
}

section#inner.register .formregis.corp .inforform .listinfor ul li {
    list-style-position: inside;
    list-style-type: disc;
    margin: 5px 0 10px;
}

section#inner.register .formregis.corp .inforform .listinfor ul li.num p {
    display: inline-block;
    font-family: prajad;
    font-size: 16px;
    line-height: 20px;
    color: #474748;
}

section#inner.register .formregis.corp .inforform .listinfor ul li.num p.downloadlist {
    margin: 0 5px;
}

section#inner.register .formregis.corp .inforform .listinfor ul li.num p.downloadlist a {
    padding: 0px 15px;
    font-family: 'thaisans-bold';
    font-size: 14px;
    line-height: 16px;
    color: #fff;
    background: #00A2C8;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

section#inner.register .formregis.corp .inforform .listinfor ul li.num p.downloadlist a:hover {
    background: #072F6A;
}

section#inner.register .formregis.corp .inforform .listinfor ul li.num p.downloadlist:first-child {
    margin-left: 10px;
}

section#inner.register .formregis.corp .inforform .listinfor ul li.notice {
    list-style: none;
    margin: 10px 0;
}

section#inner.register .formregis.corp .inforform .listinfor ul li.notice p {
    font-family: prajad;
    font-size: 16px;
    line-height: 30px;
    color: #474748;
}

section#inner.register .formregis.corp .inforform .listinfor ul li.notice p span {
    font-family: 'thaisans-bold';
    font-size: 26px;
    line-height: 30px;
    color: #0a2b6b;
    margin-top: 10px;
    display: inline-block;
}

section#inner.register .formregis.corp .inforform .listinfor ul li.number {
    font-family: prajad;
    font-size: 16px;
    line-height: 20px;
    color: #474748;
}

section#inner.register .formregis.corp .inforform .listinfor ul li.number p {
    font-family: prajad;
    font-size: 16px;
    line-height: 20px;
    color: #474748;
}

section#inner.register .formregis.corp .inforform .listinfor .example {
    margin-top: 10px;
    margin-bottom: 10px;
}

section#inner.register .formregis.corp .inforform .listinfor .example h3 {
    font-family: 'thaisans-bold';
    font-size: 26px;
    line-height: 30px;
    color: #0a2b6b;
    margin-bottom: 10px;
}

section#inner.register .formregis.corp .inforform .listinfor .example p {
    font-family: prajad;
    font-size: 16px;
    line-height: 30px;
    color: #474748;
}

section#inner.member .mainprofile {
    overflow: hidden;
    margin-bottom: 10px;
}

section#inner.member .mainprofile .detailuser .imguser {
    text-align: right;
    padding-right: 20px;
    width: 15%;
}

section#inner.member .mainprofile .detailuser .imguser img {
    width: 100%;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

section#inner.member .mainprofile .detailuser .profileuser {
    width: 85%;
}

section#inner.member .mainprofile .detailuser .profileuser .nameuser p {
    font-family: 'thaisans-bold';
    font-size: 46px;
    line-height: 50px;
    color: #0a2b6b;
}

section#inner.member .mainprofile .detailuser .profileuser .positionuser p {
    font-family: 'thaisans';
    font-size: 26px;
    line-height: 30px;
    color: #0a2b6b;
}

section#inner.member .mainprofile .detailuser .profileuser .address {
    margin: 5px 0 10px;
}

section#inner.member .mainprofile .detailuser .profileuser .address p {
    font-family: prajad;
    font-size: 16px;
    line-height: 30px;
    color: #474748;
}

section#inner.member .mainprofile .detailuser .profileuser .btnmember a {
    display: inline-block;
    padding: 0 20px;
    color: #fff;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-family: 'thaisans-bold';
    font-size: 20px;
    line-height: 24px;
    color: #fff;
    line-height: 36px;
    background: #00A2C8;
    margin-right: 10px;
}

section#inner.member .mainprofile .detailuser .profileuser .btnmember a:hover {
    background: #072F6A;
}

section#inner.member .mainorder {
    margin-top: 10px;
    overflow: hidden;
}

section#inner.member .mainorder .headmemorder {
    margin: 10px 0;
}

section#inner.member .mainorder .headmemorder .titlememorder {
    margin-bottom: 10px;
    float: left;
}

section#inner.member .mainorder .headmemorder .titlememorder h3 {
    font-family: 'thaisans-bold';
    font-size: 46px;
    line-height: 50px;
    color: #0a2b6b;
}

section#inner.member .mainorder .headmemorder .paging {
    float: right;
    margin-top: 10px;
}

section#inner.member .mainorder .headmemorder .paging p {
    font-family: 'thaisans';
    font-size: 26px;
    line-height: 30px;
    color: #0a2b6b;
}

section#inner.member .mainorder .headmemorder .viewmore {
    float: left;
    width: 100%;
    text-align: center;
}

section#inner.member .mainorder .headmemorder .viewmore a {
    background: #00A2C8;
    color: #fff;
    width: 100%;
    font-family: 'thaisans';
    font-size: 26px;
    line-height: 36px;
    color: #fff;
    display: inline-block;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

section#inner.member .mainorder .headmemorder .viewmore a:hover {
    background: #072F6A;
}

section#inner.member .mainorder .grouporder {
    margin: 10px 0;
    padding: 10px 0;
    background: #fff;
    float: left;
}

section#inner.member .mainorder .grouporder .listorder {
    width: 100%;
    float: left;
    padding: 10px 0px 20px;
    background: #fff;
    border-bottom: 1px solid #ddd;
}

section#inner.member .mainorder .grouporder .listorder .imgorder {
    padding: 0px 10px;
    width: 15%;
    float: left;
}

section#inner.member .mainorder .grouporder .listorder .imgorder img {
    width: 100%;
}

section#inner.member .mainorder .grouporder .listorder .groupordernumber {
    width: 85%;
    float: left;
}

section#inner.member .mainorder .grouporder .listorder .groupordernumber .hordernumber {
    float: left;
    width: 100%;
    position: relative;
}

section#inner.member .mainorder .grouporder .listorder .groupordernumber .hordernumber .ordercode {
    float: left;
}

section#inner.member .mainorder .grouporder .listorder .groupordernumber .hordernumber .ordercode h3 {
    font-family: 'thaisans-bold';
    font-size: 36px;
    line-height: 50px;
    color: #0a2b6b;
}

section#inner.member .mainorder .grouporder .listorder .groupordernumber .hordernumber .ordercode h3:before {
    content: "Order Id:";
    font-size: 24px;
    color: #333;
}

section#inner.member .mainorder .grouporder .listorder .groupordernumber .hordernumber .statusorder {
    float: left;
    margin-left: 10px;
    margin-top: 13px;
}

section#inner.member .mainorder .grouporder .listorder .groupordernumber .hordernumber .statusorder a {
    display: inline-block;
    background: #F19400;
    padding: 0 10px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-family: 'thaisans-bold';
    font-size: 12px;
    line-height: 18px;
    color: #fff;
}

section#inner.member .mainorder .grouporder .listorder .groupordernumber .trackingnum {
    float: left;
    width: 100%;
    margin-bottom: 5px;
}

section#inner.member .mainorder .grouporder .listorder .groupordernumber .trackingnum p {
    font-family: 'thaisans-bold';
    font-size: 20px;
    line-height: 30px;
    color: #0a2b6b;
}

section#inner.member .mainorder .grouporder .listorder .groupordernumber .trackingnum p span {
    font-family: 'thaisans';
    font-size: 20px;
    line-height: 30px;
    color: #333;
}

section#inner.member .mainorder .grouporder .listorder .groupordernumber .listitemorder p {
    color: #808080;
    line-height: 24px;
}

section#inner.member .mainorder .grouporder .listorder .groupordernumber .listitemorder p:first-child {
    font-family: 'thaisans-bold';
    font-size: 20px;
    line-height: 26px;
    color: #333;
    margin-bottom: 5px;
}

section#inner.member .mainorder .grouporder .listorder .groupordernumber .descriptionorder {
    float: left;
    width: 55%;
}

section#inner.member .mainorder .grouporder .listorder .groupordernumber .qty {
    float: left;
    width: 15%;
}

section#inner.member .mainorder .grouporder .listorder .groupordernumber .qty .hqty p {
    font-family: 'thaisans-bold';
    font-size: 20px;
    line-height: 26px;
    color: #333;
    margin-bottom: 5px;
}

section#inner.member .mainorder .grouporder .listorder .groupordernumber .priceorder {
    float: left;
    width: 15%;
}

section#inner.member .mainorder .grouporder .listorder .groupordernumber .priceorder .hpriceorder p {
    font-family: 'thaisans-bold';
    font-size: 20px;
    line-height: 26px;
    color: #333;
    margin-bottom: 5px;
}

section#inner.member .mainorder .grouporder .listorder .groupordernumber .btnorder {
    float: left;
    width: 15%;
    padding-right: 10px;
}

section#inner.member .mainorder .grouporder .listorder .groupordernumber .btnorder .orderdetail {
    float: left;
    width: 100%;
    margin-bottom: 5px;
}

section#inner.member .mainorder .grouporder .listorder .groupordernumber .btnorder .orderdetail a {
    width: 100%;
    background: #589B02;
    display: block;
    padding: 0 10px;
    line-height: 30px;
    font-family: 'thaisans-bold';
    font-size: 19px;
    line-height: 30px;
    color: #ffffff;
    -moz-border-radius: 3px;
    border-radius: 3px;
    position: relative;
    z-index: 6;
    text-align: center;
}

section#inner.member .mainorder .grouporder .listorder .groupordernumber .btnorder .orderdetail a:hover {
    background: #4D8701;
}

section#inner.member .mainorder .grouporder .listorder .groupordernumber .btnorder .deleteorder {
    float: left;
    width: 100%;
    margin-bottom: 5px;
}

section#inner.member .mainorder .grouporder .listorder .groupordernumber .btnorder .deleteorder a {
    width: 100%;
    background: #B90909;
    display: block;
    padding: 0 20px;
    line-height: 30px;
    font-family: 'thaisans-bold';
    font-size: 19px;
    line-height: 30px;
    color: #ffffff;
    -moz-border-radius: 3px;
    border-radius: 3px;
    position: relative;
    z-index: 6;
    text-align: center;
}

section#inner.member .mainorder .grouporder .listorder .groupordernumber .btnorder .deleteorder a:hover {
    background: #980707;
}

section#inner.memberprofile .groupgallery {
    float: left;
    width: 100%;
    margin-top: 10px;
}

section#inner.memberprofile .groupgallery ul li {
    display: inline-block;
    width: 22%;
    margin: 10px 1%;
}

section#inner.memberprofile .groupgallery ul li img {
    width: 100%;
}

section#inner.memberprofile .grouporder {
    margin: 10px 0;
    padding: 10px 0;
    background: transparent;
    float: left;
}

section#inner.memberprofile .grouporder .listorder {
    width: 100%;
    float: left;
    padding: 10px 0px 20px;
    background: #fff;
    border-bottom: 1px solid #ddd;
}

section#inner.memberprofile .grouporder .listorder .imgorder {
    padding: 0px 10px;
    width: 15%;
    float: left;
}

section#inner.memberprofile .grouporder .listorder .imgorder img {
    width: 100%;
}

section#inner.memberprofile .grouporder .listorder .groupordernumber {
    width: 85%;
    float: left;
}

section#inner.memberprofile .grouporder .listorder .groupordernumber .hordernumber {
    float: left;
    width: 100%;
}

section#inner.memberprofile .grouporder .listorder .groupordernumber .hordernumber .ordercode {
    float: left;
}

section#inner.memberprofile .grouporder .listorder .groupordernumber .hordernumber .ordercode h3 {
    font-family: 'thaisans-bold';
    font-size: 36px;
    line-height: 50px;
    color: #0a2b6b;
}

section#inner.memberprofile .grouporder .listorder .groupordernumber .hordernumber .ordercode h3:before {
    content: "Order Id:";
    font-size: 24px;
    color: #333;
}

section#inner.memberprofile .grouporder .listorder .groupordernumber .hordernumber .statusorder {
    float: left;
    margin-left: 10px;
    margin-top: 13px;
}

section#inner.memberprofile .grouporder .listorder .groupordernumber .hordernumber .statusorder a {
    display: inline-block;
    background: #F19400;
    padding: 0 10px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-family: 'thaisans-bold';
    font-size: 12px;
    line-height: 18px;
    color: #fff;
}

section#inner.memberprofile .grouporder .listorder .groupordernumber .listitemorder p {
    color: #808080;
    line-height: 24px;
    font-size: 12px;
}

section#inner.memberprofile .grouporder .listorder .groupordernumber .listitemorder p:first-child {
    font-family: 'thaisans-bold';
    font-size: 20px;
    line-height: 26px;
    color: #333;
    margin-bottom: 5px;
}

section#inner.memberprofile .grouporder .listorder .groupordernumber .trackingnum {
    float: left;
    width: 100%;
    margin-bottom: 5px;
}

section#inner.memberprofile .grouporder .listorder .groupordernumber .trackingnum p {
    font-family: 'thaisans-bold';
    font-size: 20px;
    line-height: 30px;
    color: #0a2b6b;
}

section#inner.memberprofile .grouporder .listorder .groupordernumber .trackingnum p span {
    font-family: 'thaisans';
    font-size: 20px;
    line-height: 30px;
    color: #333;
}

section#inner.memberprofile .grouporder .listorder .groupordernumber .descriptionorder {
    float: left;
    width: 50%;
    padding-right: 10px;
}

section#inner.memberprofile .grouporder .listorder .groupordernumber .qty {
    float: left;
    width: 15%;
}

section#inner.memberprofile .grouporder .listorder .groupordernumber .qty .hqty p {
    font-family: 'thaisans-bold';
    font-size: 20px;
    line-height: 26px;
    color: #333;
    margin-bottom: 5px;
}

section#inner.memberprofile .grouporder .listorder .groupordernumber .priceorder {
    float: left;
    width: 15%;
}

section#inner.memberprofile .grouporder .listorder .groupordernumber .priceorder .hpriceorder p {
    font-family: 'thaisans-bold';
    font-size: 20px;
    line-height: 26px;
    color: #333;
    margin-bottom: 5px;
}

section#inner.memberprofile .grouporder .listorder .groupordernumber .btnorder {
    float: left;
    width: 20%;
    padding-right: 10px;
}

section#inner.memberprofile .grouporder .listorder .groupordernumber .btnorder .orderdetail {
    float: left;
    width: 100%;
    margin-bottom: 5px;
}

section#inner.memberprofile .grouporder .listorder .groupordernumber .btnorder .orderdetail a {
    width: 100%;
    background: #589B02;
    display: block;
    padding: 0 20px;
    line-height: 30px;
    font-family: 'thaisans-bold';
    font-size: 16px;
    line-height: 30px;
    color: #ffffff;
    -moz-border-radius: 3px;
    border-radius: 3px;
    position: relative;
    z-index: 6;
    text-align: center;
}

section#inner.memberprofile .grouporder .listorder .groupordernumber .btnorder .orderdetail a:hover {
    background: #4D8701;
}

section#inner.memberprofile .grouporder .listorder .groupordernumber .btnorder .deleteorder {
    float: left;
    width: 100%;
    margin-bottom: 5px;
}

section#inner.memberprofile .grouporder .listorder .groupordernumber .btnorder .deleteorder a {
    width: 100%;
    background: #B90909;
    display: block;
    padding: 0 20px;
    line-height: 30px;
    font-family: 'thaisans-bold';
    font-size: 16px;
    line-height: 30px;
    color: #ffffff;
    -moz-border-radius: 3px;
    border-radius: 3px;
    position: relative;
    z-index: 6;
    text-align: center;
}

section#inner.memberprofile .grouporder .listorder .groupordernumber .btnorder .deleteorder a:hover {
    background: #980707;
}

section#inner.memberprofile .blogorderdesc {
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
}

section#inner.memberprofile .blogorderdesc .roworder {
    float: left;
    width: 100%;
    padding: 10px 0;
    border-bottom: 1px solid #ddd;
}

section#inner.memberprofile .blogorderdesc .roworder .orderid {
    float: left;
    width: 100%;
}

section#inner.memberprofile .blogorderdesc .roworder .orderid .ordernumber {
    float: left;
    width: 100%;
}

section#inner.memberprofile .blogorderdesc .roworder .orderid .ordernumber .frontorder {
    float: left;
}

section#inner.memberprofile .blogorderdesc .roworder .orderid .ordernumber .frontorder p {
    font-family: 'thaisans';
    font-size: 26px;
    line-height: 30px;
    color: #0a2b6b;
}

section#inner.memberprofile .blogorderdesc .roworder .orderid .ordernumber .lastorder {
    float: left;
    margin-left: 10px;
}

section#inner.memberprofile .blogorderdesc .roworder .orderid .ordernumber .lastorder p {
    font-family: 'thaisans-bold';
    font-size: 26px;
    line-height: 30px;
    color: #0a2b6b;
}

section#inner.memberprofile .blogorderdesc .roworder .orderid .ordertime {
    float: left;
    width: 100%;
    margin-top: 5px;
}

section#inner.memberprofile .blogorderdesc .roworder .orderid .ordertime .frontorder {
    float: left;
}

section#inner.memberprofile .blogorderdesc .roworder .orderid .ordertime .frontorder p {
    font-family: 'thaisans-bold';
    font-size: 20px;
    line-height: 24px;
    color: #333;
}

section#inner.memberprofile .blogorderdesc .roworder .orderid .ordertime .lastorder {
    float: left;
    margin-left: 10px;
}

section#inner.memberprofile .blogorderdesc .roworder .orderid .ordertime .lastorder p {
    font-family: 'thaisans';
    font-size: 22px;
    line-height: 24px;
    color: #333;
}

section#inner.memberprofile .blogorderdesc .tableorder {
    float: left;
    width: 100%;
    border-bottom: 1px solid #ddd;
}

section#inner.memberprofile .blogorderdesc .tableorder .tableorderstatus {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    margin-top: 10px;
}

section#inner.memberprofile .blogorderdesc .tableorder .tableorderstatus tr th {
    padding: 0 0 10px 0;
    width: 20%;
    vertical-align: top;
}

section#inner.memberprofile .blogorderdesc .tableorder .tableorderstatus tr th p {
    font-family: 'thaisans-bold';
    font-size: 18px;
    line-height: 24px;
    color: #333;
}

section#inner.memberprofile .blogorderdesc .tableorder .tableorderstatus tr td {
    padding: 0 0 10px 0;
    width: 80%;
}

section#inner.memberprofile .blogorderdesc .tableorder .tableorderstatus tr td img {
    display: inline-block;
}

section#inner.memberprofile .blogorderdesc .tableorder .tableorderstatus tr td p {
    display: inline-block;
    font-family: 'thaisans';
    font-size: 18px;
    line-height: 24px;
    color: #333;
}

section#inner.memberprofile .blogorderdesc .tableorder .tableorderstatus tr td p.mainaddressshipping {
    display: block;
    font-family: 'thaisans';
    font-size: 24px;
    line-height: 30px;
    color: #333;
}

section#inner.memberprofile .blogorderdesc .tableorder .tableorderstatus tr td p.detailaddressshipping {
    display: block;
}

section#inner.memberprofile .blogorderdesc .tableorder .tablelistorder thead {
    background: #ddd;
}

section#inner.memberprofile .blogorderdesc .tableorder .tablelistorder thead tr th {
    font-family: 'thaisans-bold';
    font-size: 24px;
    line-height: 26px;
    color: #0a2b6b;
    text-align: left;
    padding-left: 10px;
}

section#inner.memberprofile .blogorderdesc .tableorder .tablelistorder tbody {
    background: #fff;
}

section#inner.memberprofile .blogorderdesc .tableorder .tablelistorder tbody tr {
    border-bottom: 1px solid #ddd;
}

section#inner.memberprofile .blogorderdesc .tableorder .tablelistorder tbody tr td {
    padding: 10px 10px 0;
    vertical-align: top;
}

section#inner.memberprofile .blogorderdesc .tableorder .tablelistorder tbody tr td .imgproorder {
    float: left;
    width: 17%;
}

section#inner.memberprofile .blogorderdesc .tableorder .tablelistorder tbody tr td .imgproorder img {
    width: 100%;
}

section#inner.memberprofile .blogorderdesc .tableorder .tablelistorder tbody tr td .descproorder {
    float: left;
    width: 83%;
    padding-left: 10px;
    padding-top: 0px;
}

section#inner.memberprofile .blogorderdesc .tableorder .tablelistorder tbody tr td .descproorder p.toporder {
    font-family: 'thaisans-bold';
    font-size: 22px;
    line-height: 28px;
    color: #0a2b6b;
}

section#inner.memberprofile .blogorderdesc .tableorder .tablelistorder tbody tr td .descproorder p.suporder {
    font-family: prajad;
    font-size: 14px;
    line-height: 26px;
    color: #474748;
}

section#inner.memberprofile .blogorderdesc .tableorder .tablelistorder tbody tr td p {
    font-family: 'thaisans-bold';
    font-size: 20px;
    line-height: 26px;
    color: #0a2b6b;
}

section#inner.memberprofile .blogorderdesc .tableorder .tablelistorder tbody tr td p.suporder {
    font-family: 'thaisans-bold';
    font-size: 20px;
    line-height: 26px;
    color: #0a2b6b;
}

section#inner.memberprofile .blogorderdesc .tableorder .tablelistorder tfoot {
    background: #fff;
    border-bottom: 2px solid #ddd;
}

section#inner.memberprofile .blogorderdesc .tableorder .tablelistorder tfoot tr td {
    padding: 10px 10px;
    font-family: 'thaisans';
    font-size: 20px;
    line-height: 26px;
    color: #0a2b6b;
}

section#inner.memberprofile .blogorderdesc .tableorder .tablelistorder tfoot tr td p {
    font-family: 'thaisans-bold';
    font-size: 20px;
    line-height: 26px;
    color: #0a2b6b;
}

section#inner.memberprofile .blogorderdesc .tablebutton {
    float: left;
    width: 100%;
    margin: 10px 0;
    text-align: right;
}

section#inner.memberprofile .blogorderdesc .tablebutton .btnorder a {
    display: inline-block;
    text-align: center;
}

section#inner.memberprofile .blogorderdesc .tablebutton .btnorder a.btndelete {
    display: inline-block;
    padding: 0 20px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
    font-family: 'thaisans-bold';
    font-size: 20px;
    line-height: 32px;
    color: #fff;
    margin-top: 10px;
    background: #D70000;
}

section#inner.memberprofile .blogorderdesc .tablebutton .btnorder a.btndelete:hover {
    background: #B70000;
    color: #fff;
}

section#inner.memberprofile .blogorderdesc .tablebutton .btnorder a.btnpayorder {
    background: #00A2C8;
    color: #fff;
    padding: 0 20px;
    font-family: 'thaisans-bold';
    font-size: 20px;
    line-height: 32px;
    color: #fff;
    display: inline-block;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

section#inner.memberprofile .blogorderdesc .tablebutton .btnorder a.btnpayorder:hover {
    background: #072F6A;
}

footer {
    background: #02a1cc;
    position: relative;
    z-index: 100;
    float: left;
    width: 100%;
    overflow: visible;
    padding: 0;
}

footer .topfoot .client {
    float: left;
    width: 100%;
    text-align: center;
    margin: -10px 0 50px;
    position: relative;
}

footer:before {
    content: "";
    width: 100%;
    height: 400px;
    background: url(../images/bg-footer.png) no-repeat top center;
    position: absolute;
    top: -220px;
    left: 0;
}

ul:not(.browser-default) li {
    list-style-type: initial;
    font-family: 'THSarabunNew';
    font-size: 20px;
    margin-left: 0;
    list-style-type: none;
}

header ul:not(.browser-default) li {
    list-style-type: none;
}

footer ul:not(.browser-default) li {
    list-style-type: none;
}

section#inner.newsinner .aboutnews .maincontent .groupreport .report .listreport a .coverreport {
    height: auto;
    min-height: 290px;
}

section#inner.newsinner .aboutnews .maincontent .groupreport .report .listreport a .coverreport img {
    width: 100%;
}

@media (max-width: 640px) {
    .app-llc{
        display: none;
    }
    section#breadcrumb {
        display: none;
    }
    .container {
        width: 95%;
    }
    header {
        padding: 0;
    }
    header nav .nav-wrapper a.brand-logo {
        padding: 0px 0;
        float: left;
        left: 10px;
        -webkit-transform: none;
        -moz-transform: none;
        transform: none;
    }
    header nav .nav-wrapper a.brand-logo img {
        width: auto;
        height: 40px;
    }
    header nav .button-collapse {
        float: right;
    }
    header .headright {
        display: none;
    }
    header .headleft {
        width: 180px;
    }
    header .headleft .logo {
        width: 100%;
        margin-top: 7px;
    }
    header .headleft .logo img {
        width: 100%;
    }
    header .button_container {
        width: 35px;
        height: 27px;
        top: 18px;
        right: 10px;
        position: absolute;
        z-index: 1000;
        cursor: pointer;
        -webkit-transition: opacity .25s ease;
        -moz-transition: opacity .25s ease;
        transition: opacity .25s ease;
    }
    header .button_container.active .top {
        -webkit-transform: translateY(11px) translateX(0) rotate(45deg);
        -moz-transform: translateY(11px) translateX(0) rotate(45deg);
        transform: translateY(11px) translateX(0) rotate(45deg);
        background: #00A7DC;
    }
    header .button_container.active .middle {
        opacity: 0;
        background: white;
    }
    header .button_container.active .bottom {
        -webkit-transform: translateY(-11px) translateX(0) rotate(-45deg);
        -moz-transform: translateY(-11px) translateX(0) rotate(-45deg);
        transform: translateY(-11px) translateX(0) rotate(-45deg);
        background: #00A7DC;
    }
    header .button_container span {
        background: #00A7DC;
        width: 100%;
        height: 4px;
        border: none;
        -moz-border-radius: 5px;
        border-radius: 5px;
        cursor: pointer;
        position: absolute;
        top: 0;
        left: 0;
        -webkit-transition: all .35s ease;
        -moz-transition: all .35s ease;
        transition: all .35s ease;
    }
    header .button_container span:nth-of-type(2) {
        top: 11px;
    }
    header .button_container span:nth-of-type(3) {
        top: 22px;
    }
    @-webkit-keyframes fadeInRight {
        0% {
            opacity: 0;
            left: 20%;
        }
        100% {
            opacity: 1;
            left: 0;
        }
    }
    @-moz-keyframes fadeInRight {
        0% {
            opacity: 0;
            left: 20%;
        }
        100% {
            opacity: 1;
            left: 0;
        }
    }
    @keyframes fadeInRight {
        0% {
            opacity: 0;
            left: 20%;
        }
        100% {
            opacity: 1;
            left: 0;
        }
    }
    header #sidenav-overlay {
        background-color: black;
    }
    section#toper {
        height: 60px;
        background: white;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 100;
        -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
        box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
    }
    section#news {
        background: #fff;
    }
    section#news .highlight {
        padding: 0;
        margin-bottom: 0px;
    }
    section#news .highlight .recommend {
        width: 100%;
    }
    section#news .highlight .recommend .grouprecom .listrecom .imgnew a img {
        -moz-border-radius: 5px;
        border-radius: 5px;
    }
    section#news .highlight .recommend .grouprecom .listrecom .imgnew a:after {
        width: 25px;
        height: 30px;
        -moz-background-size: contain;
        background-size: contain;
    }
    section#news .highlight .recommend .grouprecom .listrecom .descnew {
        padding: 10px;
    }
    section#news .highlight .whatnews {
        width: 100%;
        padding: 0;
        margin-top: 20px;
    }
    section#news .highlight .whatnews .groupwhatnews .listwhatnews .img {
        width: 50%;
    }
    section#news .highlight .whatnews .groupwhatnews .listwhatnews .descwhatnews {
        width: 50%;
    }
    section#news .latestnews .tablatest {
        border-bottom: 1px solid #eaeaea;
        width: 100%;
        float: left;
        padding-top: 10px;
    }
    section#news .latestnews .tablatest .blogtab {
        float: left;
        width: 50%;
    }
    section#news .latestnews .tablatest .blogtab ul.tabs {
        display: none;
    }
    section#news .latestnews .tablatest .blogtab .viewmb {
        display: block;
        width: 100%;
    }
    section#news .latestnews .tablatest .blogtab .viewmb input {
        border: none;
        margin: 0;
    }
    section#news .latestnews .tablatest .viewnsort {
        width: 50%;
        float: right;
        position: relative;
        top: inherit;
        text-align: right;
    }
    section#news .latestnews .tablatest .viewnsort .viewport {
        float: right;
    }
    section#news .latestnews .tablatest .viewnsort .sorting {
        display: none;
    }
    section#news .latestnews .grouplastestnews {
        padding-top: 10px;
    }
    section#news .latestnews .grouplastestnews .listlastestnews .img {
        width: 50%;
        padding-right: 20px;
    }
    section#news .latestnews .grouplastestnews .listlastestnews .img a:after {
        width: 25px;
        height: 30px;
        -moz-background-size: contain;
        background-size: contain;
    }
    section#news .latestnews .grouplastestnews .listlastestnews .desclastestnews {
        width: 50%;
        padding: 0;
    }
    footer {
        background: url(../images/mob/footer.jpg) #02a1cb no-repeat top;
        padding-top: 50px;
        margin-top: 30px;
    }
    footer:before {
        display: none;
    }
    footer .pver.topfoot .client {
        display: none;
    }
    footer .pver.topfoot .midfoot .app {
        display: none;
    }
    footer .pver.topfoot .midfoot .franchise {
        width: 100%;
        padding: 0;
    }
    footer .pver.topfoot .midfoot .franchise .hfranchise h4 {
        font-family: 'thaisans-bold';
    }
    footer .pver.topfoot .midfoot .franchise .listfranchise {
        width: 100%;
        margin: 0;
    }
    footer .pver.topfoot .midfoot .franchise .regisfranchise {
        width: 100%;
        margin: 10px 0;
    }
    footer .pver.topfoot .footermenu {
        padding: 0 10px;
    }
    footer .pver.topfoot .footermenu .location {
        width: 100%;
    }
    footer .pver.topfoot .footermenu .location .nameldo h4 {
        font-size: 32px;
        margin-bottom: 5px;
    }
    footer .pver.topfoot .footermenu .location .nameldo p {
        font-size: 20px;
    }
    footer .pver.topfoot .footermenu .location .con .desccon a {
        font-size: 20px;
    }
    footer .pver.topfoot .footermenu .linkfoot {
        display: none;
    }
    footer .pver.topfoot .footquicklink {
        width: 100%;
    }
    footer .pver.topfoot .footquicklink .follow {
        width: 100%;
        margin-bottom: 20px;
        padding: 0 10px;
    }
    footer .pver.topfoot .footquicklink .quicklink {
        display: none;
    }
    footer .pver.topfoot .footquicklink .app {
        width: 100%;
        margin-top: 20px;
        border-top: 1px solid #29C7F5;
        padding: 20px 10px 0;
        overflow: hidden;
    }
    footer .pver.topfoot .footquicklink .app.mver {
        display: block;
    }
    footer .pver.topfoot .footquicklink .app.mver .iconapp {
        float: left;
        width: 25%;
    }
    footer .pver.topfoot .footquicklink .app.mver .iconapp img {
        -moz-border-radius: 10px;
        border-radius: 10px;
        width: 100%;
    }
    footer .pver.topfoot .footquicklink .app.mver .detailapp {
        float: left;
        width: 75%;
        text-align: left;
        padding-left: 10px;
    }
    footer .pver.topfoot .footquicklink .app.mver .detailapp .nameapp {
        float: left;
        width: 100%;
    }
    footer .pver.topfoot .footquicklink .app.mver .detailapp .nameapp p {
        font-family: 'thaisans-bold';
        font-size: 24px;
        line-height: 20px;
        color: #ffffff;
        text-transform: uppercase;
    }
    footer .pver.topfoot .footquicklink .app.mver .detailapp .downloadapp {
        float: left;
        width: 100%;
    }
    footer .pver.topfoot .footquicklink .app.mver .detailapp .downloadapp .titledownloadapp {
        float: left;
        width: 100%;
        margin-bottom: 5px;
    }
    footer .pver.topfoot .footquicklink .app.mver .detailapp .downloadapp .titledownloadapp p {
        font-family: 'thaisans';
        font-size: 16px;
        line-height: 20px;
        color: #0a2d6f;
    }
    footer .pver.topfoot .footquicklink .app.mver .detailapp .downloadapp .listapp {
        float: left;
        width: 100%;
    }
    footer .pver.topfoot .footquicklink .app.mver .detailapp .downloadapp .listapp a {
        display: inline-block;
        margin-right: 5px;
        background: #000;
        -moz-border-radius: 5px;
        border-radius: 5px;
        overflow: hidden;
    }
    footer .pver.topfoot .footquicklink .app.mver .detailapp .downloadapp .listapp a img {
        max-height: 32px;
    }
    section#banner {
        width: 100%;
        overflow: hidden;
    }
    section#banner .slick-slide img {
        width: 100%;
    }
    section#prnews .prnews {
        height: auto;
        max-height: unset;
    }
    section#prnews .prnews .listprnews .imgpr a {
        height: auto;
    }
    section#prnews .morepr a {
        width: 150px;
    }
    section#annual .annual ul {
        padding-left: 30px;
    }
    section#annual .annual ul li {
        padding: 0;
    }
    section#ceotalk .talk {
        padding: 10px 20px;
    }
    section#ceotalk .talk:last-child {
        padding-bottom: 100px;
    }
    footer:before {
        height: 260px;
    }
    section#aic {
        overflow: hidden;
    }
    .mycart {
        padding-top: 80px;
    }
    .mycart .container {
        padding: 20px 10px 250px;
    }
    .mycart .totalorder {
        padding: 0;
    }
    .mycart .titlecart {
        position: relative;
    }
    .mycart .titlecart a.back {
        font-family: 'thaisans';
        font-size: 18px;
        line-height: 18px;
        color: #00A7DC;
        font-weight: 400;
        position: absolute;
        top: 5px;
        right: 10px;
    }
    .mycart .product {
        display: table;
    }
    .mycart .product .pic {
        width: 50px;
    }
    .mycart .product .tex {
        width: 100%;
    }
    .mycart .product .tex .price_mobile {
        width: 100%;
        float: left;
    }
    .mycart a.remove {
        font-family: 'thaisans';
        font-size: 18px;
        line-height: 18px;
        color: #00A7DC;
        text-transform: uppercase;
        float: right;
        margin-top: 10px;
        display: none;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
    .mycart a.remove.on {
        display: block;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
    form.total {
        float: right;
        margin: 0;
    }
    form.total .quantity {
        width: 90px;
        overflow: unset;
        float: right;
    }
    form.total input[type=number]::-webkit-inner-spin-button,
    form.total input[type=number]::-webkit-outer-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }
    form.total input[type=number] {
        -moz-appearance: textfield;
    }
    form.total .quantity input {
        width: 30px;
        height: 42px;
        line-height: 1.65;
        margin: auto;
        display: block;
        padding: 0;
        padding-left: 0;
        text-align: center;
        border: transparent;
        position: relative;
        z-index: 1;
        font-family: 'Roboto', sans-serif;
        font-size: 20px !important;
        font-weight: 400;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        transform: translateX(-50%);
        left: 50%;
    }
    form.total .quantity input:disabled {
        color: #222;
    }
    form.total .quantity input:focus {
        outline: 0;
    }
    form.total .quantity-nav {
        float: left;
        position: absolute;
        height: 42px;
        width: 100%;
        top: 7px;
    }
    form.total .quantity-button {
        height: 30px !important;
        position: relative;
        cursor: pointer;
        border: 1px solid #dfdfdf;
        width: 30px;
        height: 30px;
        top: 0;
        text-align: center;
        color: #333;
        font-size: 16px;
        font-family: "Trebuchet MS", Helvetica, sans-serif !important;
        line-height: 1.7;
        -webkit-transform: translateX(0) !important;
        -moz-transform: translateX(0) !important;
        transform: translateX(0) !important;
    }
    form.total .quantity-button.quantity-up {
        position: absolute;
        right: 0;
    }
    form.total .quantity-button.quantity-down {
        position: absolute;
    }
    form.total .input-field {
        margin-top: 0;
    }
    .fixbot {
        width: 100%;
        background: white;
        position: fixed;
        border-top: 1px solid #dfdfdf;
        bottom: 0;
        z-index: 200;
    }
    .fixbot .total {
        width: 100%;
        float: left;
        padding: 5px 15px;
        display: table;
        font-family: 'thaisans';
        font-size: 20px;
        line-height: 20px;
        color: #0a2b6b;
    }
    .fixbot .total .totalitem {
        width: auto;
        display: table-cell;
        vertical-align: middle;
    }
    .fixbot .total .totalprice {
        font-weight: 400;
        width: auto;
        float: right;
    }
    .fixbot .rowbtn {
        width: 100%;
        float: left;
    }
    .fixbot .rowbtn a , .fixbot .rowbtn button {
        width: 50%;
        float: left;
        height: 50px;
        -moz-border-radius: 0;
        border-radius: 0;
        line-height: 48px !important;
        -moz-box-shadow: none;
        box-shadow: none;
        font-family: 'thaisans';
        font-size: 24px;
        line-height: 24px;
        color: white;
    }
    .fixbot .rowbtn a.shopmore {
        color: #0a2d6f;
        background: white;
        border-top: 1px solid #dfdfdf;
    }
    .fixbot .rowbtn button.checkout {
        padding: 0;
        background: #0a2d6f;
        border-top: 1px solid #0a2d6f;
    }

    .fixbot .rowbtn a.checkout{
        padding: 0;
        background: #0a2d6f;
        border-top: 1px solid #0a2d6f;
    }
    .fixbot .rowbtn a.outstock {
        background: red;
        border: 1px solid red;
    }
    .fixbot .rowbtn a.buy {
        width: 100%;
    }
    .fixbot .rowbox {
        padding-bottom: 5px;
    }
    .fixbot .view {
        float: left;
    }
    .fixbot .view span {
        font-size: 20px;
    }
    .fixbot .shear {
        float: right;
    }
    .fixbot .shear a {
        width: 30px;
        float: left;
        margin-left: 10px;
    }
    .fixbot .shear a img {
        width: 100%;
    }
    .fixbot .shear a:first-child {
        margin-left: 0;
    }
    .checkout {
        padding-top: 80px;
        overflow: hidden;
    }
    .checkout .headtitle {
        margin-bottom: 10px;
    }
    .checkout .areabox {
        padding: 10px 0;
    }
    .checkout .titlebox {
        margin: 10px 0 0;
    }
    .checkout .regislink {
        float: right;
        margin: 10px 0 20px;
    }
    .checkout .regislink a {
        margin: 0;
        margin-left: 10px;
    }
    .checkout button {
        padding-top: 0;
        padding-bottom: 0;
    }
    .checkout button#btnlogin {
        width: 100%;
        margin-bottom: 20px;
    }
    .checkout .input-field {
        margin-top: 0;
    }
    .checkout .rowbox {
        width: 100%;
        float: left;
        margin-bottom: 20px;
    }
    .checkout a.ship {
        /* max-width: 47%; */
        height: auto;
        margin: 0;
    }
    .checkout a.ship:first-child {
        margin-right: 15px;
    }
    .checkout .shippingcost {
        margin: 20px 0;
        font-family: 'thaisans';
        font-size: 18px;
        line-height: 18px;
        color: #000;
    }
    .checkout .title {
        margin: 10px 0;
        font-family: 'thaisans';
        font-size: 18px;
        line-height: 18px;
        color: #000;
    }
    .checkout .titstep span {
        width: 30px;
        height: 30px;
        text-align: center;
    }
    .checkout .titstep span i {
        font-size: 14px;
    }
    .checkout .titstep p {
        width: auto;
        float: left;
    }
    .checkout .titstep a {
        float: right;
    }
    .checkout #havelogin {
        margin-bottom: 0;
    }
    .checkout .roworder {
        display: table;
        padding-bottom: 10px;
    }
    .checkout .textleft {
        width: auto;
        float: left;
        display: table;
    }
    .checkout .textleft .pic {
        width: 80px;
        text-align: center;
        float: left;
    }
    .checkout .textleft .pic img {
        width: auto;
        max-height: 80px;
        display: inline-block;
    }
    .checkout .textleft .name {
        display: table-cell;
        vertical-align: middle;
        font-family: 'thaisans';
        font-size: 20px;
        line-height: 20px;
        color: #000;
    }
    .checkout .textright {
        width: 40%;
        display: table-cell;
        vertical-align: middle;
    }
    .checkout .textright .price {
        font-weight: 400;
        font-family: 'thaisans-bold';
        font-size: 20px;
        line-height: 20px;
        color: #000;
    }
    .checkout .textright .qty,
    .checkout .textright .price {
        width: 100%;
        text-align: right;
        float: right;
    }
    .checkout .textright .qty {
        font-family: 'thaisans';
        font-size: 20px;
        line-height: 20px;
        color: #000;
    }
    .checkout .textright .qty:before {
        content: "Qty: ";
        position: relative;
        margin: 0 5px;
    }
    .checkout .text {
        width: 50%;
        float: left;
    }
    .checkout .rowtotal {
        border-top: 1px solid #dfdfdf;
        padding: 10px;
        font-family: 'thaisans';
        font-size: 20px;
        line-height: 20px;
        color: #000;
    }
    .checkout .rowtotal.summary {
        padding-bottom: 0;
    }
    .checkout .totalprice {
        float: right;
    }
    .checkout a.forgotpass {
        top: 35px;
    }
    .checkout .showbox {
        font-family: 'thaisans';
        font-size: 20px;
        line-height: 20px;
        color: #000;
    }
    .checkout .input-check {
        margin: 10px 0;
    }
    section#inner.member .mainprofile .detailuser .imguser {
        width: 80px;
    }
    section#inner.member .mainprofile .detailuser .profileuser {
        width: -moz-calc(100% - 80px);
        width: calc(100% - 80px);
    }
    section#inner.member .mainprofile .detailuser .profileuser .nameuser p {
        font-size: 30px;
        line-height: 30px;
    }
    section#inner.member .mainprofile .btnmember {
        width: 100%;
        float: left;
        text-align: center;
        margin-top: 15px;
    }
    section#inner.member .mainprofile .btnmember a {
        width: 48%;
        background: #ddd;
        float: left;
        padding: 10px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        font-family: 'thaisans-bold';
        font-size: 20px;
        line-height: 20px;
        color: #474748;
    }
    section#inner.member .mainprofile .btnmember a:last-child {
        float: right;
    }
    section#inner.memberprofile {
        background: white;
        padding-bottom: 0;
        padding-top: 0;
    }
    section#inner.memberprofile .groupusermenu {
        min-height: unset;
    }
    section#inner.memberprofile .profile {
        background: #f9f9f9;
        padding: 20px 0 0;
    }
    section#inner.memberprofile .user {
        margin-bottom: 0;
        padding: 0 20px 20px;
    }
    section#inner.memberprofile .navuser {
        width: 100%;
        white-space: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        padding: 5px 0;
        border-bottom: 1px solid #dfdfdf;
        background: white;
    }
    section#inner.memberprofile .navuser .navedit {
        display: inline-block;
        padding: 5px 20px;
        position: relative;
        vertical-align: middle;
    }
    section#inner.memberprofile .navuser .navedit a {
        padding-left: 0;
    }
    section#inner.memberprofile .navuser .navedit a:before {
        display: none;
    }
    section#inner.memberprofile .navuser .navedit:before {
        content: "|";
        position: absolute;
        top: 9px;
        right: -4px;
        color: #474748;
    }
    section#inner.memberprofile .navuser .navedit:last-child:before {
        display: none;
    }
    section#inner.memberprofile .titleuser h3 {
        font-size: 34px;
    }
    section#inner.memberprofile .menuuser {
        margin-top: 20px;
    }
    section#inner.memberprofile .buttonform {
        width: 50%;
        padding: 0 5px;
    }
    section#inner.memberprofile .buttonform button {
        width: 100%;
        margin: 0;
    }
    section#inner.memberprofile .buttonform:first-child {
        padding-right: 0;
    }
    section#inner.memberprofile .buttonform:last-child {
        padding-left: 0;
    }
    section#inner.memberprofile .mainorder {
        padding: 0;
    }
    section#inner.memberprofile .grouporder {
        width: 100%;
        margin-top: 0;
        padding-top: 0;
    }
    section#inner.memberprofile .grouporder .listorder {
        padding: 0;
        border: 1px solid #dfdfdf;
        -moz-border-radius: 3px;
        border-radius: 3px;
        padding-top: 10px;
    }
    section#inner.memberprofile .grouporder .listorder .imgorder {
        width: 80px;
        text-align: center;
    }
    section#inner.memberprofile .grouporder .listorder .imgorder img {
        display: inline-block;
        width: auto;
        max-height: 80px;
        max-width: 100%;
    }
    section#inner.memberprofile .grouporder .listorder .qty {
        width: 100%;
        float: left;
        padding: 10px;
    }
    section#inner.memberprofile .grouporder .listorder .qty .hqty {
        float: left;
    }
    section#inner.memberprofile .grouporder .listorder .qty .dqty {
        float: right;
    }
    section#inner.memberprofile .grouporder .listorder .priceorder {
        width: 100%;
        float: left;
        border-top: 1px solid #dfdfdf;
        border-bottom: 1px solid #dfdfdf;
        padding: 10px;
    }
    section#inner.memberprofile .grouporder .listorder .priceorder .hpriceorder {
        float: left;
    }
    section#inner.memberprofile .grouporder .listorder .priceorder .dpriceorder {
        float: right;
        font-family: 'thaisans-bold';
        font-size: 30px;
        line-height: 30px;
        color: #000;
    }
    section#inner.memberprofile .grouporder .listorder .btnorder {
        width: 100%;
        float: left;
        padding: 10px;
        white-space: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
    }
    section#inner.memberprofile .grouporder .listorder .btnorder .orderdetail,
    section#inner.memberprofile .grouporder .listorder .btnorder .deleteorder {
        width: auto;
        margin-right: 10px;
        display: inline-block;
    }
    section#inner.memberprofile .grouporder .listorder .btnorder .orderdetail a,
    section#inner.memberprofile .grouporder .listorder .btnorder .deleteorder a {
        width: 100%;
        float: left;
        background: white;
        padding: 10px;
        text-align: center;
        -moz-border-radius: 3px;
        border-radius: 3px;
        border: 1px solid #0a2d6f;
        font-family: 'thaisans';
        font-size: 20px;
        line-height: 20px;
        color: #0a2d6f;
    }
    section#inner.memberprofile .grouporder .listorder .btnorder .deleteorder {
        margin-right: 0;
    }
    section#inner.memberprofile .descriptionorder {
        width: -moz-calc(100% - 80px);
        width: calc(100% - 80px);
        float: left;
    }
    section#inner.memberprofile .descriptionorder .ordercode h3 {
        font-family: 'thaisans-bold';
        font-size: 26px;
        line-height: 26px;
        color: #474748;
    }
    section#inner.register {
        padding-top: 0;
    }
    section#inner.register .arealist {
        white-space: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
    }
    section#inner.register .formregis.general .listbuttonform .buttonform {
        width: 50%;
        float: left;
        margin: 0;
        padding: 0 5px;
    }
    section#inner.register .formregis.general .listbuttonform .buttonform button {
        width: 100%;
    }
}

@media (max-width: 380px) {
    section#prnews .prnews .listprnews .imgpr,
    section#prnews .prnews .listprnews .contentpr {
        width: 100%;
    }
    section#prnews .prnews .listprnews .contentpr {
        margin-top: 10px;
    }
}

@media (max-width: 640px) {
    #loginform .modal-content section {
        width: 100%;
    }
    header section#toper .headleft .logo img {
        max-width: 170px;
    }
    .cartmob {
        position: absolute;
        top: 10px;
        right: 60px;
        width: 35px;
        height: 35px;
        display: block;
    }
    .cartmob i {
        font-size: 26px;
        line-height: 35px;
        color: #000;
    }
    .cartmob span {
        width: 20px;
        height: 20px;
        -moz-border-radius: 50%;
        border-radius: 50%;
        background: #0091E1;
        color: #fff;
        line-height: 20px;
        font-size: 14px;
        text-align: center;
        display: inline-block;
        position: absolute;
        bottom: 0;
        right: 0;
    }
    .side-nav {
        background: #eaeaea;
    }
    .side-nav .groupmenumob {
        float: left;
        width: 100%;
        padding: 0px;
    }
    .side-nav .groupmenumob .member {
        float: left;
        width: 100%;
        padding: 20px 10px 10px;
        border-bottom: 1px solid #eaeaea;
        background: #fff;
    }
    .side-nav .groupmenumob .member .displayuser {
        float: left;
        width: 30%;
    }
    .side-nav .groupmenumob .member .displayuser img {
        width: 100%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        max-height: 72px;
        max-width: 72px;
    }
    .side-nav .groupmenumob .member .profileuser {
        float: left;
        width: 70%;
        padding-left: 10px;
    }
    .side-nav .groupmenumob .member .profileuser .name {
        float: left;
        width: 100%;
        margin-bottom: 5px;
    }
    .side-nav .groupmenumob .member .profileuser .name h3 {
        font-family: 'thaisans-bold';
        font-size: 22px;
        line-height: 36px;
        color: #333;
    }
    .side-nav .groupmenumob .member .profileuser .managebtn {
        float: left;
        width: 100%;
    }
    .side-nav .groupmenumob .member .profileuser .managebtn a {
        display: inline-block;
        padding: 0;
        height: auto;
        font-family: 'thaisans-bold';
        font-size: 18px;
        line-height: 28px;
        color: #333;
    }
    .side-nav .groupmenumob .member .profileuser .managebtn a:first-child:after {
        content: "|";
        margin: 0 10px;
        font-size: 22px;
        line-height: 28px;
        color: #d0d0d0;
    }

    .side-nav .groupmenumob .member .profileuser .managebtn .nobor a:first-child:after {
        content: "|";
        margin: 0 10px;
        font-size: 22px;
        line-height: 28px;
        color: #fff;
    }
    .side-nav .groupmenumob .member .profileuser .managebtn a:hover {
        background: #fff;
    }
    .side-nav .groupmenumob .searchform {
        float: left;
        width: 100%;
        padding: 10px;
        border-bottom: 1px solid #ddd;
    }
    .side-nav .groupmenumob .searchform .formmob {
        position: relative;
    }
    .side-nav .groupmenumob .searchform .formmob input {
        padding: 0 30px;
        line-height: 40px;
        font-family: 'thaisans';
        font-size: 18px;
        line-height: 40px;
        color: #333;
        border: transparent;
        -moz-border-radius: 5px;
        border-radius: 5px;
        margin-bottom: 0;
        background: #fff;
        text-align: center;
    }
    .side-nav .groupmenumob .searchform .formmob .fixform {
        position: absolute;
        top: 2px;
        left: 15px;
        font-size: 20px;
        line-height: 40px;
        display: none;
    }
    .side-nav .groupmenumob .searchform .formmob button {
        background: transparent;
        text-align: center;
        position: absolute;
        top: 6px;
        right: 5px;
        border: none;
        outline: none;
    }
    .side-nav .groupmenumob .searchform .formmob button i {
        font-size: 16px;
        line-height: 26px;
        color: #333;
    }
    .side-nav .groupmenumob .listmenumob {
        float: left;
        width: 100%;
        padding: 0px;
        border-bottom: 1px solid #eaeaea;
        background: #fff;
    }
    .side-nav .groupmenumob .listmenumob .headnavmob {
        float: left;
        width: 100%;
        margin-bottom: 10px;
        padding: 10px 25px 0;
        margin-top: 10px;
    }
    .side-nav .groupmenumob .listmenumob .headnavmob h3 {
        font-family: 'thaisans-bold';
        font-size: 16px;
        line-height: 30px;
        color: #d0d0d0;
        height: auto;
        margin-bottom: 0;
    }
    .side-nav .groupmenumob .listmenumob .navmob {
        float: left;
        width: 100%;
    }
    .side-nav .groupmenumob .listmenumob .navmob li {
        list-style: none;
        margin-left: 0px;
        padding: 10px;
    }
    .side-nav .groupmenumob .listmenumob .navmob li a {
        font-family: 'thaisans-bold';
        font-size: 22px;
        line-height: 30px;
        color: #333;
        height: auto;
    }
    .side-nav .groupmenumob .listmenumob .navmob li a i {
        margin-right: 10px;
        width: 30px;
        height: 30px;
        background: inline-block;
        color: #333;
        font-size: 20px;
        line-height: 30px;
    }
    .side-nav .groupmenumob .listmenumob .navmob li a:hover {
        background: transparent;
    }
    .side-nav .groupmenumob .listmenumob .navmob li .subnavmob {
        padding-left: 0px;
    }
    .side-nav .groupmenumob .listmenumob .navmob li .subnavmob li a i {
        font-size: 8px;
        text-align: center;
    }
    .side-nav .groupmenumob .listmenumob .navmob li .subnavmob li:last-child {
        padding-bottom: 0px;
    }
    .side-nav .groupmenumob .listmenumob .navmob li.active {
        background: #fff;
        position: relative;
    }
    .side-nav .groupmenumob .listmenumob .navmob li.active a {
        color: #0a2b6b;
    }
    .side-nav .groupmenumob .listmenumob .navmob li.active:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 3px;
        height: 100%;
        background: #0a2b6b;
        z-index: 100;
    }
    .jssocials-shares .jssocials-share-link {
        padding: 0.5em;
    }
    .jssocials-shares .jssocials-share-logo {
        font-size: 1.2em;
    }
    .groupgallery {
        float: left;
        width: 100%;
        margin-top: 10px;
    }
    .groupgallery ul li {
        display: inline-block;
        width: 30%;
        margin: 5px 1%;
    }
    .groupgallery ul li img {
        width: 100%;
    }
    .groupgallery.activity ul li {
        text-align: center;
        background: #f0f0f0;
    }
    .groupgallery.activity ul li img {
        max-height: 60px;
    }
    .groupgallery.activity ul li img.active {
        max-height: inherit;
    }
    section#searchinner {
        padding: 50px 0 150px;
    }
    section#searchinner .formsearch {
        position: relative;
    }
    section#searchinner .formsearch input {
        padding: 0 40px;
        font-family: 'thaisans';
        font-size: 30px;
        line-height: 40px;
        color: #0a2b6b;
    }
    section#searchinner .formsearch .fixform {
        position: absolute;
        top: 0px;
        left: 0;
        font-size: 20px;
        line-height: 40px;
    }
    section#searchinner .formsearch button {
        border: none;
        outline: none;
        -moz-border-radius: 50%;
        border-radius: 50%;
        background: #d0d0d0;
        position: absolute;
        top: 10px;
        right: 0;
        display: none;
    }
    section#searchinner .formsearch button i {
        color: #fff;
    }
    section#searchinner .typecatesearch {
        border-bottom: 1px solid #d0d0d0;
        padding: 0 10px 10px;
        float: left;
        width: 100%;
    }
    section#searchinner .typecatesearch .listcatesearch {
        display: inline-block;
        margin-right: 10px;
    }
    section#searchinner .typecatesearch .listcatesearch .listsearch {
        font-family: 'thaisans-bold';
        font-size: 22px;
        line-height: 36px;
        color: #d0d0d0;
    }
    section#searchinner .typecatesearch .listcatesearch .listsearch.active {
        color: #0a2b6b;
    }
    section#searchinner .resultproduct {
        float: left;
        width: 100%;
        margin: 20px 0;
        padding-bottom: 40px;
        border-bottom: 1px solid #ddd;
    }
    section#searchinner .resultproduct .titlepage {
        float: left;
        width: 100%;
        margin-bottom: 20px;
    }
    section#searchinner .resultproduct .titlepage h3 {
        font-family: 'thaisans-bold';
        font-size: 46px;
        line-height: 40px;
        color: #0a2b6b;
    }
    section#searchinner .resultproduct .groupresultproduct .listclasspro {
        text-align: center;
    }
    section#searchinner .resultproduct .groupresultproduct .listclasspro .logoproduct {
        margin: 20px 0 10px;
    }
    section#searchinner .resultproduct .groupresultproduct .listclasspro .logoproduct a p {
        padding: 0 5px;
    }
    section#searchinner .resultproduct .groupresultproduct .listclasspro .logoproduct a p.name-product {
        font-family: 'thaisans-bold';
        font-size: 26px;
        line-height: 30px;
        color: #0a2b6b;
    }
    section#searchinner .resultproduct .groupresultproduct .listclasspro .descproduct {
        margin: 10px 0;
        height: 60px;
    }
    section#searchinner .resultproduct .groupresultproduct .listclasspro .button {
        width: 40%;
        margin: auto;
        position: relative;
    }
    section#searchinner .resultproduct .groupresultproduct .listclasspro .button a {
        width: 100%;
        background: #ABC713;
        display: block;
        padding: 0 20px;
        line-height: 30px;
        font-family: prajad;
        font-size: 16px;
        line-height: 30px;
        color: #ffffff;
        -moz-border-radius: 3px;
        border-radius: 3px;
        position: relative;
        z-index: 6;
    }
    section#searchinner .resultproduct .groupresultproduct .listclasspro .button a:hover {
        background: #27B0E1;
    }
    section#searchinner .resultproduct .groupresultproduct .viewallsearch {
        float: left;
        width: 100%;
        margin-top: 20px;
        text-align: center;
    }
    section#searchinner .resultproduct .groupresultproduct .viewallsearch a {
        font-family: 'thaisans';
        font-size: 20px;
        line-height: 34px;
        color: #fff;
        background: #27B0E1;
        -moz-border-radius: 3px;
        border-radius: 3px;
        width: 40%;
        text-align: center;
        display: inline-block;
    }
    section#searchinner .resultproduct .groupresultproduct .viewallsearch a:hover {
        background: #0c7ba2;
    }
    section#searchinner .resultproduct .groupresultnews {
        float: left;
        width: 100%;
        margin: 10px 0;
    }
    section#searchinner .resultproduct .groupresultnews .listresultnews {
        float: left;
        width: 100%;
        margin: 10px 0;
        padding: 0 5px;
    }
    section#searchinner .resultproduct .groupresultnews .listresultnews .imgresultnews {
        float: left;
        width: 30%;
    }
    section#searchinner .resultproduct .groupresultnews .listresultnews .imgresultnews img {
        width: 100%;
    }
    section#searchinner .resultproduct .groupresultnews .listresultnews .contentresultnews {
        float: left;
        width: 70%;
        padding-left: 10px;
    }
    section#searchinner .resultproduct .groupresultnews .listresultnews .contentresultnews .titlenews {
        float: left;
        width: 100%;
    }
    section#searchinner .resultproduct .groupresultnews .listresultnews .contentresultnews .titlenews h3 {
        font-family: 'thaisans-bold';
        font-size: 22px;
        line-height: 30px;
        color: #0a2b6b;
    }
    section#searchinner .resultproduct .groupresultnews .listresultnews .contentresultnews .titlenews p {
        font-family: 'thaisans';
        font-size: 18px;
        line-height: 30px;
        color: #aaa;
    }
    section#searchinner .resultproduct .groupresultnews .listresultnews .contentresultnews .descnews {
        float: left;
        width: 100%;
        margin-bottom: 5px;
    }
    section#searchinner .resultproduct .groupresultnews .listresultnews .contentresultnews .descnews p {
        font-family: prajad;
        font-size: 16px;
        line-height: 20px;
        color: #474748;
        display: none;
    }
    section#searchinner .resultproduct .groupresultnews .viewallsearch {
        float: left;
        width: 100%;
        margin-top: 20px;
        text-align: center;
    }
    section#searchinner .resultproduct .groupresultnews .viewallsearch a {
        font-family: 'thaisans';
        font-size: 20px;
        line-height: 34px;
        color: #fff;
        background: #27B0E1;
        -moz-border-radius: 3px;
        border-radius: 3px;
        width: 40%;
        text-align: center;
        display: inline-block;
    }
    section#searchinner .resultproduct .groupresultnews .viewallsearch a:hover {
        background: #0c7ba2;
    }
    section#inner {
        padding-top: 60px;
    }
    section#inner.memberprofile .groupgallery {
        float: left;
        width: 100%;
        margin-top: 10px;
    }
    section#inner.memberprofile .groupgallery ul li {
        display: inline-block;
        width: 22%;
        margin: 10px 1%;
    }
    section#inner.memberprofile .groupgallery ul li img {
        width: 100%;
    }
    section#inner.memberprofile .grouporder {
        margin: 0 0 10px 0;
        padding: 10px 0;
        background: #fff;
        float: left;
    }
    section#inner.memberprofile .grouporder .listorder {
        width: 100%;
        float: left;
        padding: 10px 0px 20px;
        background: #fff;
        border-bottom: 1px solid #ddd;
    }
    section#inner.memberprofile .grouporder .listorder .imgorder {
        width: 15%;
        float: left;
    }
    section#inner.memberprofile .grouporder .listorder .imgorder img {
        width: 100%;
    }
    section#inner.memberprofile .grouporder .listorder .groupordernumber {
        width: 85%;
        float: left;
    }
    section#inner.memberprofile .grouporder .listorder .groupordernumber .hordernumber {
        float: left;
        width: 100%;
        position: relative;
    }
    section#inner.memberprofile .grouporder .listorder .groupordernumber .hordernumber .ordercode {
        float: left;
    }
    section#inner.memberprofile .grouporder .listorder .groupordernumber .hordernumber .ordercode h3 {
        font-family: 'thaisans-bold';
        font-size: 32px;
        line-height: 40px;
        color: #0a2b6b;
    }
    section#inner.memberprofile .grouporder .listorder .groupordernumber .hordernumber .ordercode h3:before {
        content: "Order Id:";
        font-size: 24px;
        color: #333;
    }
    section#inner.memberprofile .grouporder .listorder .groupordernumber .hordernumber .statusorder {
        float: left;
        margin-left: 10px;
        margin-top: 8px;
    }
    section#inner.memberprofile .grouporder .listorder .groupordernumber .hordernumber .statusorder a {
        display: inline-block;
        background: #F19400;
        padding: 0 10px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        font-family: 'thaisans-bold';
        font-size: 12px;
        line-height: 18px;
        color: #fff;
    }
    section#inner.memberprofile .grouporder .listorder .groupordernumber .trackingnum {
        float: left;
        width: 100%;
        margin-bottom: 5px;
    }
    section#inner.memberprofile .grouporder .listorder .groupordernumber .trackingnum p {
        font-family: 'thaisans-bold';
        font-size: 20px;
        line-height: 30px;
        color: #0a2b6b;
    }
    section#inner.memberprofile .grouporder .listorder .groupordernumber .trackingnum p span {
        font-family: 'thaisans';
        font-size: 20px;
        line-height: 30px;
        color: #333;
    }
    section#inner.memberprofile .grouporder .listorder .groupdetailorder {
        float: left;
        width: 100%;
        padding-left: 0px;
        margin-top: 10px;
    }
    section#inner.memberprofile .grouporder .listorder .groupdetailorder .listitemorder p {
        color: #808080;
        line-height: 24px;
    }
    section#inner.memberprofile .grouporder .listorder .groupdetailorder .listitemorder p:first-child {
        font-family: 'thaisans-bold';
        font-size: 20px;
        line-height: 26px;
        color: #333;
        margin-bottom: 5px;
    }
    section#inner.memberprofile .grouporder .listorder .groupdetailorder .listitemorder p.listproduct:before {
        content: "- ";
    }
    section#inner.memberprofile .grouporder .listorder .groupdetailorder .descriptionorder {
        float: left;
        width: 100%;
        padding: 0 20px;
    }
    section#inner.memberprofile .grouporder .listorder .groupdetailorder .qty {
        float: left;
        width: 100%;
        padding: 10px 20px 0;
        margin: 10px 0 5px 0;
        border-top: 1px solid #f0f0f0;
    }
    section#inner.memberprofile .grouporder .listorder .groupdetailorder .qty .hqty {
        float: left;
    }
    section#inner.memberprofile .grouporder .listorder .groupdetailorder .qty .hqty p {
        font-family: 'thaisans-bold';
        font-size: 20px;
        line-height: 26px;
        color: #333;
        margin-bottom: 5px;
    }
    section#inner.memberprofile .grouporder .listorder .groupdetailorder .qty .dqty {
        float: right;
    }
    section#inner.memberprofile .grouporder .listorder .groupdetailorder .qty .dqty p {
        font-family: 'thaisans';
        font-size: 20px;
        line-height: 26px;
        color: #333;
        margin-bottom: 5px;
    }
    section#inner.memberprofile .grouporder .listorder .groupdetailorder .priceorder {
        float: left;
        width: 100%;
        padding: 10px 20px;
    }
    section#inner.memberprofile .grouporder .listorder .groupdetailorder .priceorder .hpriceorder {
        float: left;
    }
    section#inner.memberprofile .grouporder .listorder .groupdetailorder .priceorder .hpriceorder p {
        font-family: 'thaisans-bold';
        font-size: 20px;
        line-height: 26px;
        color: #333;
        margin-bottom: 5px;
    }
    section#inner.memberprofile .grouporder .listorder .groupdetailorder .priceorder .dpriceorder {
        float: right;
    }
    section#inner.memberprofile .grouporder .listorder .groupdetailorder .priceorder .dpriceorder p {
        font-family: 'thaisans';
        font-size: 20px;
        line-height: 26px;
        color: #333;
        margin-bottom: 5px;
    }
    section#inner.memberprofile .grouporder .listorder .groupdetailorder .btnorder {
        float: left;
        width: 100%;
        padding-right: 10px;
        margin-top: 10px;
    }
    section#inner.memberprofile .grouporder .listorder .groupdetailorder .btnorder .orderdetail {
        float: inherit;
        width: auto;
        margin-bottom: 5px;
        display: inline-block;
        margin: 0 5px 5px;
    }
    section#inner.memberprofile .grouporder .listorder .groupdetailorder .btnorder .orderdetail a {
        width: 100%;
        background: #589B02;
        display: block;
        padding: 0 20px;
        line-height: 30px;
        font-family: 'thaisans-bold';
        font-size: 16px;
        line-height: 30px;
        color: #ffffff;
        -moz-border-radius: 3px;
        border-radius: 3px;
        position: relative;
        z-index: 6;
        text-align: center;
        border: none;
    }
    section#inner.memberprofile .grouporder .listorder .groupdetailorder .btnorder .orderdetail a:hover {
        background: #4D8701;
    }
    section#inner.memberprofile .grouporder .listorder .groupdetailorder .btnorder .deleteorder {
        float: inherit;
        width: auto;
        margin-bottom: 5px;
        display: inline-block;
        margin: 0 5px 5px;
    }
    section#inner.memberprofile .grouporder .listorder .groupdetailorder .btnorder .deleteorder a {
        width: 100%;
        background: #B90909;
        display: block;
        padding: 0 20px;
        line-height: 30px;
        font-family: 'thaisans-bold';
        font-size: 16px;
        line-height: 30px;
        color: #ffffff;
        -moz-border-radius: 3px;
        border-radius: 3px;
        position: relative;
        z-index: 6;
        text-align: center;
        border: none;
    }
    section#inner.memberprofile .grouporder .listorder .groupdetailorder .btnorder .deleteorder a:hover {
        background: #980707;
    }
    section#inner.memberprofile .blogorderdesc {
        float: left;
        width: 100%;
        margin: 0 0 10px 0;
    }
    section#inner.memberprofile .blogorderdesc .roworder {
        float: left;
        width: 100%;
        padding: 10px 0;
        border-bottom: 1px solid #ddd;
    }
    section#inner.memberprofile .blogorderdesc .roworder .orderid {
        float: left;
        width: 100%;
    }
    section#inner.memberprofile .blogorderdesc .roworder .orderid .ordernumber {
        float: left;
        width: 100%;
    }
    section#inner.memberprofile .blogorderdesc .roworder .orderid .ordernumber .frontorder {
        float: left;
    }
    section#inner.memberprofile .blogorderdesc .roworder .orderid .ordernumber .frontorder p {
        font-family: 'thaisans';
        font-size: 26px;
        line-height: 30px;
        color: #0a2b6b;
    }
    section#inner.memberprofile .blogorderdesc .roworder .orderid .ordernumber .lastorder {
        float: left;
        margin-left: 10px;
    }
    section#inner.memberprofile .blogorderdesc .roworder .orderid .ordernumber .lastorder p {
        font-family: 'thaisans-bold';
        font-size: 26px;
        line-height: 30px;
        color: #0a2b6b;
    }
    section#inner.memberprofile .blogorderdesc .roworder .orderid .ordertime {
        float: left;
        width: 100%;
        margin-top: 5px;
    }
    section#inner.memberprofile .blogorderdesc .roworder .orderid .ordertime .frontorder {
        float: left;
    }
    section#inner.memberprofile .blogorderdesc .roworder .orderid .ordertime .frontorder p {
        font-family: 'thaisans-bold';
        font-size: 20px;
        line-height: 24px;
        color: #333;
    }
    section#inner.memberprofile .blogorderdesc .roworder .orderid .ordertime .lastorder {
        float: left;
        margin-left: 10px;
    }
    section#inner.memberprofile .blogorderdesc .roworder .orderid .ordertime .lastorder p {
        font-family: 'thaisans';
        font-size: 22px;
        line-height: 24px;
        color: #333;
    }
    section#inner.memberprofile .blogorderdesc .tableorder {
        float: left;
        width: 100%;
        border-bottom: 1px solid #ddd;
    }
    section#inner.memberprofile .blogorderdesc .tableorder .tableorderstatus {
        float: left;
        width: 100%;
        margin-bottom: 10px;
        margin-top: 10px;
    }
    section#inner.memberprofile .blogorderdesc .tableorder .tableorderstatus tr th {
        padding: 0 0 10px 0;
        width: 30%;
        vertical-align: top;
    }
    section#inner.memberprofile .blogorderdesc .tableorder .tableorderstatus tr th p {
        font-family: 'thaisans-bold';
        font-size: 18px;
        line-height: 24px;
        color: #333;
    }
    section#inner.memberprofile .blogorderdesc .tableorder .tableorderstatus tr td {
        padding: 0 0 10px 0;
        width: 70%;
        padding-left: 20px;
    }
    section#inner.memberprofile .blogorderdesc .tableorder .tableorderstatus tr td img {
        display: inline-block;
    }
    section#inner.memberprofile .blogorderdesc .tableorder .tableorderstatus tr td p {
        display: inline-block;
        font-family: 'thaisans';
        font-size: 18px;
        line-height: 24px;
        color: #333;
    }
    section#inner.memberprofile .blogorderdesc .tableorder .tableorderstatus tr td p.mainaddressshipping {
        display: block;
        font-family: 'thaisans';
        font-size: 24px;
        line-height: 30px;
        color: #333;
    }
    section#inner.memberprofile .blogorderdesc .tableorder .tableorderstatus tr td p.detailaddressshipping {
        display: block;
    }
    section#inner.memberprofile .blogorderdesc .tableorder .tablelistorder thead {
        background: #ddd;
    }
    section#inner.memberprofile .blogorderdesc .tableorder .tablelistorder thead tr th {
        font-family: 'thaisans-bold';
        font-size: 24px;
        line-height: 26px;
        color: #0a2b6b;
        text-align: left;
        padding-left: 10px;
    }
    section#inner.memberprofile .blogorderdesc .tableorder .tablelistorder tbody {
        background: #fff;
    }
    section#inner.memberprofile .blogorderdesc .tableorder .tablelistorder tbody tr {
        border-bottom: 1px solid #ddd;
    }
    section#inner.memberprofile .blogorderdesc .tableorder .tablelistorder tbody tr td {
        padding: 10px 10px 0;
        vertical-align: top;
    }
    section#inner.memberprofile .blogorderdesc .tableorder .tablelistorder tbody tr td .imgproorder {
        float: left;
        width: 17%;
    }
    section#inner.memberprofile .blogorderdesc .tableorder .tablelistorder tbody tr td .imgproorder img {
        width: 100%;
    }
    section#inner.memberprofile .blogorderdesc .tableorder .tablelistorder tbody tr td .descproorder {
        float: left;
        width: 83%;
        padding-left: 10px;
        padding-top: 0px;
    }
    section#inner.memberprofile .blogorderdesc .tableorder .tablelistorder tbody tr td .descproorder p.toporder {
        font-family: 'thaisans-bold';
        font-size: 22px;
        line-height: 28px;
        color: #0a2b6b;
    }
    section#inner.memberprofile .blogorderdesc .tableorder .tablelistorder tbody tr td .descproorder p.suporder {
        font-family: prajad;
        font-size: 14px;
        line-height: 26px;
        color: #474748;
    }
    section#inner.memberprofile .blogorderdesc .tableorder .tablelistorder tbody tr td p {
        font-family: 'thaisans-bold';
        font-size: 20px;
        line-height: 26px;
        color: #0a2b6b;
    }
    section#inner.memberprofile .blogorderdesc .tableorder .tablelistorder tbody tr td p.suporder {
        font-family: 'thaisans-bold';
        font-size: 20px;
        line-height: 26px;
        color: #0a2b6b;
    }
    section#inner.memberprofile .blogorderdesc .tableorder .tablelistorder tfoot {
        background: #fff;
        border-bottom: 2px solid #ddd;
    }
    section#inner.memberprofile .blogorderdesc .tableorder .tablelistorder tfoot tr td {
        padding: 10px 10px;
        font-family: 'thaisans';
        font-size: 20px;
        line-height: 26px;
        color: #0a2b6b;
    }
    section#inner.memberprofile .blogorderdesc .tableorder .tablelistorder tfoot tr td p {
        font-family: 'thaisans-bold';
        font-size: 20px;
        line-height: 26px;
        color: #0a2b6b;
    }
    section#inner.memberprofile .blogorderdesc .tablebutton {
        float: left;
        width: 100%;
        margin: 10px 0;
        text-align: right;
    }
    section#inner.memberprofile .blogorderdesc .tablebutton .btnorder a {
        display: inline-block;
        text-align: center;
    }
    section#inner.memberprofile .blogorderdesc .tablebutton .btnorder a.btndelete {
        display: inline-block;
        padding: 0 20px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        text-align: center;
        font-family: 'thaisans-bold';
        font-size: 20px;
        line-height: 32px;
        color: #fff;
        margin-top: 10px;
        background: #D70000;
    }
    section#inner.memberprofile .blogorderdesc .tablebutton .btnorder a.btndelete:hover {
        background: #B70000;
        color: #fff;
    }
    section#inner.memberprofile .blogorderdesc .tablebutton .btnorder a.btnpayorder {
        background: #00A2C8;
        color: #fff;
        padding: 0 20px;
        font-family: 'thaisans-bold';
        font-size: 20px;
        line-height: 32px;
        color: #fff;
        display: inline-block;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }
    section#inner.memberprofile .blogorderdesc .tablebutton .btnorder a.btnpayorder:hover {
        background: #072F6A;
    }
    section#inner.member {
        padding-top: 20px;
    }
    section#inner.member .mainprofile {
        overflow: hidden;
        margin-bottom: 10px;
        border-bottom: 3px solid #f0f0f0;
    }
    section#inner.member .mainprofile .detailuser {
        float: left;
        width: 100%;
        text-align: center;
    }
    section#inner.member .mainprofile .detailuser .imguser {
        margin: auto;
        width: 100%;
        height: 128px;
        float: inherit;
        padding: 0;
        display: inline-block;
        text-align: center;
    }
    section#inner.member .mainprofile .detailuser .imguser img {
        width: 128px;
        -moz-border-radius: 100%;
        border-radius: 100%;
    }
    section#inner.member .mainprofile .detailuser .profileuser {
        width: 100%;
        display: inline-block;
        text-align: center;
        margin: 10px auto;
    }
    section#inner.member .mainprofile .detailuser .profileuser .nameuser p {
        font-family: 'thaisans-bold';
        font-size: 36px;
        line-height: 40px;
        color: #0a2b6b;
    }
    section#inner.member .mainprofile .detailuser .profileuser .positionuser p {
        font-family: 'thaisans';
        font-size: 26px;
        line-height: 30px;
        color: #0a2b6b;
    }
    section#inner.member .mainprofile .detailuser .profileuser .address {
        margin: 5px 0 10px;
    }
    section#inner.member .mainprofile .detailuser .profileuser .address p {
        font-family: prajad;
        font-size: 16px;
        line-height: 30px;
        color: #474748;
    }
    section#inner.member .mainprofile .detailuser .profileuser .btnmember {
        text-align: center;
    }
    section#inner.member .mainprofile .detailuser .profileuser .btnmember a {
        display: inline-block;
        padding: 0 20px;
        color: #fff;
        -moz-border-radius: 3px;
        border-radius: 3px;
        font-family: 'thaisans-bold';
        font-size: 20px;
        line-height: 24px;
        color: #fff;
        line-height: 36px;
        background: #00A2C8;
        margin: 0 5px;
        width: auto;
        float: inherit;
    }
    section#inner.member .mainprofile .detailuser .profileuser .btnmember a:hover {
        background: #072F6A;
    }
    section#inner.member .mainorder {
        margin-top: 10px;
        overflow: hidden;
    }
    section#inner.member .mainorder .headmemorder {
        margin: 10px 0 0;
    }
    section#inner.member .mainorder .headmemorder .titlememorder {
        margin-bottom: 0px;
        float: left;
    }
    section#inner.member .mainorder .headmemorder .titlememorder h3 {
        font-family: 'thaisans-bold';
        font-size: 46px;
        line-height: 50px;
        color: #0a2b6b;
    }
    section#inner.member .mainorder .headmemorder .paging {
        float: right;
        margin-top: 10px;
    }
    section#inner.member .mainorder .headmemorder .paging p {
        font-family: 'thaisans';
        font-size: 26px;
        line-height: 30px;
        color: #0a2b6b;
    }
    section#inner.member .mainorder .headmemorder .viewmore {
        float: left;
        width: 100%;
        text-align: center;
    }
    section#inner.member .mainorder .headmemorder .viewmore a {
        background: #00A2C8;
        color: #fff;
        width: 100%;
        font-family: 'thaisans';
        font-size: 26px;
        line-height: 36px;
        color: #fff;
        display: inline-block;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }
    section#inner.member .mainorder .headmemorder .viewmore a:hover {
        background: #072F6A;
    }
    section#inner.member .mainorder .grouporder {
        margin: 0 0 10px 0;
        padding: 10px 0;
        background: #fff;
        float: left;
    }
    section#inner.member .mainorder .grouporder .listorder {
        width: 100%;
        float: left;
        padding: 10px 0px 20px;
        background: #fff;
        border-bottom: 1px solid #ddd;
    }
    section#inner.member .mainorder .grouporder .listorder .imgorder {
        width: 15%;
        float: left;
    }
    section#inner.member .mainorder .grouporder .listorder .imgorder img {
        width: 100%;
    }
    section#inner.member .mainorder .grouporder .listorder .groupordernumber {
        width: 85%;
        float: left;
    }
    section#inner.member .mainorder .grouporder .listorder .groupordernumber .hordernumber {
        float: left;
        width: 100%;
        position: relative;
    }
    section#inner.member .mainorder .grouporder .listorder .groupordernumber .hordernumber .ordercode {
        float: left;
    }
    section#inner.member .mainorder .grouporder .listorder .groupordernumber .hordernumber .ordercode h3 {
        font-family: 'thaisans-bold';
        font-size: 32px;
        line-height: 40px;
        color: #0a2b6b;
    }
    section#inner.member .mainorder .grouporder .listorder .groupordernumber .hordernumber .ordercode h3:before {
        content: "Order Id:";
        font-size: 24px;
        color: #333;
    }
    section#inner.member .mainorder .grouporder .listorder .groupordernumber .hordernumber .statusorder {
        float: left;
        margin-left: 10px;
        margin-top: 8px;
    }
    section#inner.member .mainorder .grouporder .listorder .groupordernumber .hordernumber .statusorder a {
        display: inline-block;
        background: #F19400;
        padding: 0 10px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        font-family: 'thaisans-bold';
        font-size: 12px;
        line-height: 18px;
        color: #fff;
    }
    section#inner.member .mainorder .grouporder .listorder .groupordernumber .trackingnum {
        float: left;
        width: 100%;
        margin-bottom: 5px;
    }
    section#inner.member .mainorder .grouporder .listorder .groupordernumber .trackingnum p {
        font-family: 'thaisans-bold';
        font-size: 20px;
        line-height: 30px;
        color: #0a2b6b;
    }
    section#inner.member .mainorder .grouporder .listorder .groupordernumber .trackingnum p span {
        font-family: 'thaisans';
        font-size: 20px;
        line-height: 30px;
        color: #333;
    }
    section#inner.member .mainorder .grouporder .listorder .groupdetailorder {
        float: left;
        width: 100%;
        padding-left: 20px;
        margin-top: 10px;
    }
    section#inner.member .mainorder .grouporder .listorder .groupdetailorder .listitemorder p {
        color: #808080;
        line-height: 24px;
    }
    section#inner.member .mainorder .grouporder .listorder .groupdetailorder .listitemorder p:first-child {
        font-family: 'thaisans-bold';
        font-size: 20px;
        line-height: 26px;
        color: #333;
        margin-bottom: 5px;
    }
    section#inner.member .mainorder .grouporder .listorder .groupdetailorder .listitemorder p.listproduct:before {
        content: "- ";
    }
    section#inner.member .mainorder .grouporder .listorder .groupdetailorder .descriptionorder {
        float: left;
        width: 100%;
    }
    section#inner.member .mainorder .grouporder .listorder .groupdetailorder .qty {
        float: left;
        width: 100%;
    }
    section#inner.member .mainorder .grouporder .listorder .groupdetailorder .qty .hqty {
        float: left;
    }
    section#inner.member .mainorder .grouporder .listorder .groupdetailorder .qty .hqty p {
        font-family: 'thaisans-bold';
        font-size: 20px;
        line-height: 26px;
        color: #333;
        margin-bottom: 5px;
    }
    section#inner.member .mainorder .grouporder .listorder .groupdetailorder .qty .dqty {
        float: right;
    }
    section#inner.member .mainorder .grouporder .listorder .groupdetailorder .qty .dqty p {
        font-family: 'thaisans';
        font-size: 20px;
        line-height: 26px;
        color: #333;
        margin-bottom: 5px;
    }
    section#inner.member .mainorder .grouporder .listorder .groupdetailorder .priceorder {
        float: left;
        width: 100%;
    }
    section#inner.member .mainorder .grouporder .listorder .groupdetailorder .priceorder .hpriceorder {
        float: left;
    }
    section#inner.member .mainorder .grouporder .listorder .groupdetailorder .priceorder .hpriceorder p {
        font-family: 'thaisans-bold';
        font-size: 20px;
        line-height: 26px;
        color: #333;
        margin-bottom: 5px;
    }
    section#inner.member .mainorder .grouporder .listorder .groupdetailorder .priceorder .dpriceorder {
        float: right;
    }
    section#inner.member .mainorder .grouporder .listorder .groupdetailorder .priceorder .dpriceorder p {
        font-family: 'thaisans';
        font-size: 20px;
        line-height: 26px;
        color: #333;
        margin-bottom: 5px;
    }
    section#inner.member .mainorder .grouporder .listorder .groupdetailorder .btnorder {
        float: left;
        width: 100%;
        padding-right: 10px;
        margin-top: 20px;
    }
    section#inner.member .mainorder .grouporder .listorder .groupdetailorder .btnorder .orderdetail {
        float: inherit;
        width: auto;
        margin-bottom: 5px;
        display: inline-block;
        margin: 0 5px 5px;
    }
    section#inner.member .mainorder .grouporder .listorder .groupdetailorder .btnorder .orderdetail a {
        width: 100%;
        background: #589B02;
        display: block;
        padding: 0 20px;
        line-height: 30px;
        font-family: 'thaisans-bold';
        font-size: 16px;
        line-height: 30px;
        color: #ffffff;
        -moz-border-radius: 3px;
        border-radius: 3px;
        position: relative;
        z-index: 6;
        text-align: center;
    }
    section#inner.member .mainorder .grouporder .listorder .groupdetailorder .btnorder .orderdetail a:hover {
        background: #4D8701;
    }
    section#inner.member .mainorder .grouporder .listorder .groupdetailorder .btnorder .deleteorder {
        float: inherit;
        width: auto;
        margin-bottom: 5px;
        display: inline-block;
        margin: 0 5px 5px;
    }
    section#inner.member .mainorder .grouporder .listorder .groupdetailorder .btnorder .deleteorder a {
        width: 100%;
        background: #B90909;
        display: block;
        padding: 0 20px;
        line-height: 30px;
        font-family: 'thaisans-bold';
        font-size: 16px;
        line-height: 30px;
        color: #ffffff;
        -moz-border-radius: 3px;
        border-radius: 3px;
        position: relative;
        z-index: 6;
        text-align: center;
    }
    section#inner.member .mainorder .grouporder .listorder .groupdetailorder .btnorder .deleteorder a:hover {
        background: #980707;
    }
    section#inner.contact {
        padding-bottom: 0;
    }
    section#inner.contact .groupcontact {
        position: relative;
    }
    section#inner.contact .groupcontact .titlepage {
        float: left;
        width: 100%;
        margin-bottom: 20px;
    }
    section#inner.contact .groupcontact .titlepage h3 {
        font-family: 'thaisans-bold';
        font-size: 46px;
        line-height: 40px;
        color: #0a2b6b;
    }
    section#inner.contact .maincontact .formcontact {
        float: left;
        width: 100%;
        margin-top: 10px;
        padding-right: 0px;
    }
    section#inner.contact .maincontact .formcontact .input-field {
        margin-top: 20px;
    }
    section#inner.contact .maincontact .formcontact .input-field:first-child label {
        top: 0;
        left: 0px;
    }
    section#inner.contact .maincontact .formcontact .input-field label {
        left: 10px;
    }
    section#inner.contact .maincontact .formcontact .input-field label.active {
        -webkit-transform: translateY(-150%);
        -moz-transform: translateY(-150%);
        transform: translateY(-150%);
        left: 0px;
    }
    section#inner.contact .maincontact .formcontact .input-field textarea {
        height: 200px;
        margin-bottom: 0;
        border: 1px solid #d0d0d0;
        -moz-border-radius: 3px;
        border-radius: 3px;
        padding: 0 10px;
        resize: none;
    }
    section#inner.contact .maincontact .formcontact input {
        margin-bottom: 0;
        border: 1px solid #d0d0d0;
        -moz-border-radius: 3px;
        border-radius: 3px;
        padding: 0 10px;
    }
    section#inner.contact .maincontact .formcontact .caret {
        right: 10px;
    }
    section#inner.contact .maincontact .formcontact .buttonform {
        width: 100%;
        text-align: right;
        margin-top: 10px;
    }
    section#inner.contact .maincontact .formcontact .buttonform button {
        width: 50%;
    }
    section#inner.contact .maincontact .location {
        float: left;
        width: 100%;
        margin-top: 10px;
        padding-left: 0px;
    }
    section#inner.contact .maincontact .location .infocorp {
        float: left;
        width: 100%;
        margin-bottom: 10px;
    }
    section#inner.contact .maincontact .location .infocorp h3 {
        font-family: 'thaisans-bold';
        font-size: 31px;
        line-height: 35px;
        color: #0a2b6b;
    }
    section#inner.contact .maincontact .location .infocorp p {
        font-family: prajad;
        font-size: 16px;
        line-height: 20px;
        color: #474748;
        margin-top: 10px;
    }
    section#inner.contact .maincontact .location .con {
        float: left;
        width: 100%;
        margin-bottom: 5px;
    }
    section#inner.contact .maincontact .location .con .iconcon {
        float: left;
        width: 36px;
        height: 36px;
        background: #0a2b6b;
        text-align: center;
        -moz-border-radius: 50%;
        border-radius: 50%;
    }
    section#inner.contact .maincontact .location .con .iconcon i {
        font-size: 18px;
        line-height: 36px;
        color: #fff;
    }
    section#inner.contact .maincontact .location .con .desccon {
        float: left;
        margin-left: 10px;
    }
    section#inner.contact .maincontact .location .con .desccon a {
        font-family: 'thaisans-bold';
        font-size: 20px;
        line-height: 36px;
        color: #0a2b6b;
    }
    section#inner.contact .maincontact .location .con.tel .iconcon i {
        font-size: 24px;
    }
    section#inner.contact .maincontact .location .con.hotline .frontcontact {
        float: left;
    }
    section#inner.contact .maincontact .location .con.hotline .frontcontact h3 {
        font-family: 'thaisans-bold';
        font-size: 26px;
        line-height: 30px;
        color: #0a2b6b;
    }
    section#inner.contact .maincontact .location .con.hotline .backcontact {
        float: left;
        margin-left: 10px;
    }
    section#inner.contact .maincontact .location .con.hotline .backcontact p {
        font-family: 'thaisans';
        font-size: 26px;
        line-height: 30px;
        color: #0a2b6b;
    }
    section#inner.contact .maincontact .location .con.groupcon {
        padding: 15px 0 10px;
        border-top: 1px solid #ddd;
        margin-top: 20px;
    }
    section#inner.contact .maincontact .location .con.groupcon .halfcon {
        float: left;
        width: 100%;
        padding: 0 20px 0;
        background: -webkit-linear-gradient(top left, #00B1DC, #046395);
        background: -moz-linear-gradient(top left, #00B1DC, #046395);
        background: linear-gradient(to bottom right, #00B1DC, #046395);
        -moz-border-radius: 3px;
        border-radius: 3px;
    }
    section#inner.contact .maincontact .location .con.groupcon .halfcon .icon {
        float: left;
    }
    section#inner.contact .maincontact .location .con.groupcon .halfcon .icon i {
        font-size: 40px;
        color: #fff;
        line-height: 55px;
    }
    section#inner.contact .maincontact .location .con.groupcon .halfcon .desc {
        float: left;
        text-align: left;
        padding-left: 20px;
        margin-top: 5px;
    }
    section#inner.contact .maincontact .location .con.groupcon .halfcon .desc p.hdesccon {
        font-family: 'thaisans-bold';
        font-size: 20px;
        line-height: 22px;
        color: #eaeaea;
    }
    section#inner.contact .maincontact .location .con.groupcon .halfcon .desc p.ddesccon {
        font-family: 'thaisans-bold';
        font-size: 21px;
        line-height: 20px;
        color: #fff;
    }
    section#inner.contact .maincontact .location .con.groupcon .halfcon:last-child {
        margin-left: 0;
        margin-right: 0;
        margin: 10px 0;
    }
    section#inner.contact .maincontact .location .map a {
        display: none;
    }
    section#inner.newsinner {
        padding-bottom: 0;
    }
    section#inner.newsinner .backsession {
        float: left;
        width: 100%;
        padding: 10px 10px 0;
    }
    section#inner.newsinner .backsession .contentback {
        float: left;
        width: 100%;
        text-align: left;
        margin-top: 20px;
    }
    section#inner.newsinner .backsession .contentback a {
        display: inline-block;
        position: relative;
        font-family: 'thaisans';
        font-size: 20px;
        line-height: 36px;
        color: #808080;
        padding-top: 5px;
    }
    section#inner.newsinner .backsession .contentback a:before {
        content: "";
        top: 0;
        left: 0;
        width: 20px;
        height: 2px;
        background: #808080;
        position: absolute;
    }
    section#inner.newsinner .grouphead {
        padding: 10px 0;
        float: left;
        width: 100%;
        background: #fff;
    }
    section#inner.newsinner .grouphead .headingpage h3 {
        font-family: 'thaisans-bold';
        font-size: 36px;
        line-height: 44px;
        color: #0a2b6b;
    }
    section#inner.newsinner .groupnavpage {
        padding: 10px 0 0;
        float: left;
        width: 100%;
        background: #f0f0f0;
        position: relative;
        overflow: hidden;
    }
    section#inner.newsinner .groupnavpage .navpage {
        width: auto;
        padding: 0px;
        overflow: auto;
        white-space: nowrap;
    }
    section#inner.newsinner .groupnavpage .navpage a {
        display: inline-block;
        margin-right: 20px;
        position: relative;
        font-family: 'thaisans-bold';
        font-size: 20px;
        line-height: 40px;
        color: #888b91;
        padding: 0 10px 10px;
    }
    section#inner.newsinner .groupnavpage .navpage a.active {
        color: #0a2b6b;
    }
    section#inner.newsinner .groupnavpage .navpage a.active:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 3px;
        background: #0a2b6b;
    }
    section#inner.newsinner .groupitem {
        padding: 20px 0;
        float: left;
        width: 100%;
        background: #fff;
    }
    section#inner.newsinner .groupitem .titleitem {
        float: left;
        width: 100%;
        position: relative;
        margin-bottom: 20px;
    }
    section#inner.newsinner .groupitem .titleitem h3 {
        font-family: 'thaisans-bold';
        font-size: 28px;
        line-height: 36px;
        color: #0a2b6b;
    }
    section#inner.newsinner .groupitem .bodypage .detailnews p {
        font-family: prajad;
        font-size: 16px;
        line-height: 24px;
        color: #333;
    }
    section#inner.newsinner .groupitem .bodypage .groupnews .listnews {
        float: left;
        width: 100%;
        margin-bottom: 10px;
        padding-bottom: 10px;
        border-bottom: 1px solid #d0d0d0;
    }
    section#inner.newsinner .groupitem .bodypage .groupnews .listnews .imgnews {
        float: left;
        width: 25%;
    }
    section#inner.newsinner .groupitem .bodypage .groupnews .listnews .imgnews img {
        -moz-border-radius: 3px;
        border-radius: 3px;
        width: 100%;
    }
    section#inner.newsinner .groupitem .bodypage .groupnews .listnews .contentnews {
        float: left;
        width: 75%;
        padding: 0 10px 0 20px;
    }
    section#inner.newsinner .groupitem .bodypage .groupnews .listnews .contentnews .titlenews {
        width: 100%;
        margin-bottom: 5px;
        float: left;
    }
    section#inner.newsinner .groupitem .bodypage .groupnews .listnews .contentnews .titlenews a h3 {
        font-family: 'thaisans-bold';
        font-size: 22px;
        line-height: 26px;
        color: #0a2b6b;
    }
    section#inner.newsinner .groupitem .bodypage .groupnews .listnews .contentnews .titlenews a h3 .hfaqs {
        font-size: 20px;
        color: #fff;
        line-height: 26px;
        width: 26px;
        background: #00B1DC;
        float: left;
        text-align: center;
        margin-right: 10px;
    }
    section#inner.newsinner .groupitem .bodypage .groupnews .listnews .contentnews .subtitlenews {
        width: 100%;
        float: left;
    }
    section#inner.newsinner .groupitem .bodypage .groupnews .listnews .contentnews .subtitlenews p {
        font-family: prajad;
        font-size: 14px;
        line-height: 24px;
        color: #ddd;
    }
    section#inner.newsinner .groupitem .bodypage .groupnews .listnews .contentnews .subtitlenews p i {
        font-size: 18px;
        margin-right: 5px;
    }
    section#inner.newsinner .groupitem .bodypage .groupnews .listnews .contentnews .titlecontent {
        float: left;
        margin-bottom: 10px;
        width: 100%;
    }
    section#inner.newsinner .groupitem .bodypage .groupnews .listnews .contentnews .titlecontent a h3 {
        font-family: 'thaisans-bold';
        font-size: 26px;
        line-height: 30px;
        color: #0a2b6b;
    }
    section#inner.newsinner .groupitem .bodypage .groupnews .listnews .contentnews .titlecontent a h3 .hfaqs {
        font-size: 20px;
        color: #fff;
        line-height: 26px;
        width: 26px;
        background: #00B1DC;
        float: left;
        text-align: center;
        margin-right: 10px;
    }
    section#inner.newsinner .groupitem .bodypage .groupnews .listnews .contentnews .titlecontent p i {
        font-size: 14px;
        color: #aaa;
    }
    section#inner.newsinner .groupitem .bodypage .groupnews .listnews .contentnews .titlecontent p.datetime {
        font-family: 'thaisans';
        font-size: 18px;
        line-height: 30px;
        color: #aaa;
    }
    section#inner.newsinner .groupitem .bodypage .groupnews .listnews .contentnews .descriptioncontent {
        float: left;
        width: 100%;
    }
    section#inner.newsinner .groupitem .bodypage .groupnews .listnews .contentnews .descriptioncontent p {
        font-family: prajad;
        font-size: 16px;
        line-height: 30px;
        color: #474748;
    }
    section#inner.newsinner .groupitem .bodypage .groupnews .listnews .contentnews .descriptioncontent p .hfaqs {
        font-size: 14px;
        color: #fff;
        line-height: 26px;
        width: 26px;
        background: #00B1DC;
        float: left;
        text-align: center;
        margin-right: 10px;
    }
    section#inner.newsinner .groupitem .bodypage .groupnews .listnews .contentnews .morecontent {
        float: left;
        width: 100%;
        text-align: right;
    }
    section#inner.newsinner .groupitem .bodypage .groupnews .listnews .contentnews .morecontent a {
        font-family: 'thaisans-bold';
        font-size: 20px;
        line-height: 30px;
        color: #00B1DC;
    }
    section#inner.newsinner .groupitem .bodypage .groupnews .listnews .contentnews .morecontent a:hover {
        color: #0a2b6b;
    }
    section#inner.newsinner .groupitem .bodypage .groupnews .listnews.fullviews .contentnews {
        width: 100%;
    }
    section#inner.newsinner .groupitem .bodyabout .maincontent .awards .listawards {
        float: left;
        width: 100%;
        padding: 20px 10px 10px;
        background: #fff;
        border-bottom: 1px solid #d0d0d0;
    }
    section#inner.newsinner .groupitem .bodyabout .maincontent .awards .listawards .iconaward {
        float: left;
        width: 100%;
        text-align: center;
        margin-bottom: 10px;
    }
    section#inner.newsinner .groupitem .bodyabout .maincontent .awards .listawards .descaward {
        float: left;
        width: 100%;
        margin: 10px 0;
    }
    section#inner.newsinner .groupitem .bodyabout .maincontent .awards .listawards .descaward p {
        font-family: prajad;
        font-size: 16px;
        line-height: 25px;
        color: #333;
        margin-top: 10px;
    }
    section#inner.newsinner .groupitem .bodyabout .maincontent .awards .listawards .descaward p.bcontent {
        font-family: 'thaisans-bold';
        font-size: 22px;
        line-height: 30px;
        color: #0a2b6b;
        margin-top: 20px;
    }
    section#inner.newsinner .groupitem .bodyabout .maincontent .awards .listawards .imgaward {
        float: left;
        width: 100%;
        margin: 10px 0;
    }
    section#inner.newsinner .groupitem .bodyabout .maincontent .awards .listawards .imgaward img {
        -moz-border-radius: 5px;
        border-radius: 5px;
        width: 100%;
    }
    section#inner.newsinner .groupitem .bodyabout .maincontent .history p {
        font-family: prajad;
        font-size: 16px;
        line-height: 30px;
        color: #333;
    }
    section#inner.newsinner .groupitem .bodyabout .maincontent .history p.bcontent {
        font-family: 'thaisans-bold';
        font-size: 22px;
        line-height: 30px;
        color: #0a2b6b;
        margin-top: 20px;
    }
    section#inner.newsinner .groupitem .bodyabout .maincontent .history .imgcontent {
        margin: 20px 0;
        text-align: center;
    }
    section#inner.newsinner .groupitem .bodyabout .maincontent .history .imgcontent img {
        width: 100%;
    }
    section#inner.newsinner .groupitem .bodyabout .maincontent .logo .grouphislogo {
        text-align: center;
    }
    section#inner.newsinner .groupitem .bodyabout .maincontent .logo .grouphislogo .listlogo {
        display: inline-block;
        margin: 0 10px;
    }
    section#inner.newsinner .groupitem .bodyabout .maincontent .logo .grouphislogo .listlogo .imglogo {
        margin-bottom: 10px;
    }
    section#inner.newsinner .groupitem .bodyabout .maincontent .logo .grouphislogo .listlogo .desclogo {
        margin: 10px 0;
    }
    section#inner.newsinner .groupitem .bodyabout .maincontent .logo .grouphislogo .listlogo .desclogo p {
        font-family: 'thaisans-bold';
        font-size: 21px;
        line-height: 30px;
        color: #0a2b6b;
    }
    section#inner.newsinner .groupitem .bodyabout .maincontent .historyceo .groupceo {
        text-align: left;
        margin-top: 10px;
    }
    section#inner.newsinner .groupitem .bodyabout .maincontent .historyceo .groupceo .listhisceo {
        display: inline-block;
        width: 50%;
        float: left;
        margin: 5px 0;
        padding: 0 5px;
    }
    section#inner.newsinner .groupitem .bodyabout .maincontent .historyceo .groupceo .listhisceo .imgceo {
        float: left;
    }
    section#inner.newsinner .groupitem .bodyabout .maincontent .historyceo .groupceo .listhisceo .imgceo img {
        height: 100%;
    }
    section#inner.newsinner .groupitem .bodyabout .maincontent .historyceo .groupceo .listhisceo .nameceo {
        float: left;
        padding: 0 0 10px;
    }
    section#inner.newsinner .groupitem .bodyabout .maincontent .historyceo .groupceo .listhisceo .nameceo p.name {
        font-family: prajad;
        font-size: 16px;
        line-height: 30px;
        color: #333;
    }
    section#inner.newsinner .groupitem .bodyabout .maincontent .historyceo .groupceo .listhisceo .nameceo p.position {
        font-family: 'thaisans-bold';
        font-size: 18px;
        line-height: 30px;
        color: #333;
    }
    section#inner.newsinner .groupitem .bodyabout .maincontent .historyceo .groupceo .listhisceo:nth-child(2n+1) {
        clear: both;
    }
    section#inner.newsinner .groupitem .bodyabout .maincontent .groupdownload {
        float: left;
        width: 100%;
    }
    section#inner.newsinner .groupitem .bodyabout .maincontent .groupdownload .download {
        float: left;
        width: 100%;
    }
    section#inner.newsinner .groupitem .bodyabout .maincontent .groupdownload .download .listdownload {
        margin-top: 10px;
        float: left;
        padding-bottom: 10px;
        border-bottom: 1px solid #ddd;
        padding-right: 10px;
        clear: both;
        width: 100%;
    }
    section#inner.newsinner .groupitem .bodyabout .maincontent .groupdownload .download .listdownload.nobot {
        border: none;
    }
    section#inner.newsinner .groupitem .bodyabout .maincontent .groupdownload .download .listdownload.nobot .filedesc {
        margin-top: 5px;
    }
    section#inner.newsinner .groupitem .bodyabout .maincontent .groupdownload .download .listdownload.nobot .filedesc .filename p {
        font-family: 'thaisans-bold';
        font-size: 19px;
        line-height: 20px;
        color: #333;
    }
    section#inner.newsinner .groupitem .bodyabout .maincontent .groupdownload .download .listdownload .icondownload {
        text-align: center;
        float: left;
        width: 10%;
        max-width: 40px;
    }
    section#inner.newsinner .groupitem .bodyabout .maincontent .groupdownload .download .listdownload .icondownload a {
        width: 36px;
        text-align: center;
        height: 36px;
        border: 2px solid #808080;
        -moz-border-radius: 50%;
        border-radius: 50%;
        float: left;
        margin-top: 10px;
        display: block;
    }
    section#inner.newsinner .groupitem .bodyabout .maincontent .groupdownload .download .listdownload .icondownload a i {
        color: #808080;
        font-size: 20px;
        line-height: 36px;
    }
    section#inner.newsinner .groupitem .bodyabout .maincontent .groupdownload .download .listdownload .icondownload a:hover {
        border-color: #0a2b6b;
    }
    section#inner.newsinner .groupitem .bodyabout .maincontent .groupdownload .download .listdownload .icondownload a:hover i {
        color: #0a2b6b;
    }
    section#inner.newsinner .groupitem .bodyabout .maincontent .groupdownload .download .listdownload .filedesc {
        float: left;
        padding-left: 20px;
        width: 90%;
    }
    section#inner.newsinner .groupitem .bodyabout .maincontent .groupdownload .download .listdownload .filedesc .filename p {
        font-family: prajad;
        font-size: 16px;
        line-height: 25px;
        color: #333;
    }
    section#inner.newsinner .groupitem .bodyabout .maincontent .groupdownload .download .listdownload .filedesc .linkdownload a p {
        font-family: 'thaisans-bold';
        font-size: 19px;
        line-height: 30px;
        color: #aaa;
    }
    section#inner.newsinner .groupitem .bodyabout .maincontent .groupdownload .download .listdownload .filedesc .linkdownload a:hover p {
        color: #0a2b6b;
    }
    section#inner.newsinner .groupitem .bodyabout .maincontent .groupdownload .download.half {
        width: 50%;
        padding: 0 10px;
    }
    section#inner.newsinner .groupitem .bodyabout .maincontent .groupdownload .download.half .listdownload {
        margin-top: 10px;
        float: left;
        padding-bottom: 10px;
        border-bottom: 1px solid #ddd;
        padding-right: 10px;
        clear: both;
        width: 100%;
    }
    section#inner.newsinner .groupitem .bodyabout .maincontent .groupdownload .download.half .listdownload .icondownload {
        text-align: center;
        float: left;
    }
    section#inner.newsinner .groupitem .bodyabout .maincontent .groupdownload .download.half .listdownload .icondownload a {
        width: 36px;
        text-align: center;
        height: 36px;
        border: 2px solid #808080;
        -moz-border-radius: 50%;
        border-radius: 50%;
        float: left;
        margin-top: 10px;
        display: block;
    }
    section#inner.newsinner .groupitem .bodyabout .maincontent .groupdownload .download.half .listdownload .icondownload a i {
        color: #808080;
        font-size: 20px;
        line-height: 36px;
    }
    section#inner.newsinner .groupitem .bodyabout .maincontent .groupdownload .download.half .listdownload .icondownload a:hover {
        border-color: #0a2b6b;
    }
    section#inner.newsinner .groupitem .bodyabout .maincontent .groupdownload .download.half .listdownload .icondownload a:hover i {
        color: #0a2b6b;
    }
    section#inner.newsinner .groupitem .bodyabout .maincontent .groupdownload .download.half .listdownload .filedesc {
        float: left;
        padding-left: 20px;
    }
    section#inner.newsinner .groupitem .bodyabout .maincontent .groupdownload .download.half .listdownload .filedesc .filename p {
        font-family: prajad;
        font-size: 16px;
        line-height: 25px;
        color: #333;
    }
    section#inner.newsinner .groupitem .bodyabout .maincontent .groupdownload .download.half .listdownload .filedesc .linkdownload a p {
        font-family: 'thaisans-bold';
        font-size: 19px;
        line-height: 30px;
        color: #aaa;
    }
    section#inner.newsinner .groupitem .bodyabout .maincontent .groupdownload .download.half .listdownload .filedesc .linkdownload a:hover p {
        color: #0a2b6b;
    }
    section#inner.newsinner .groupitem .bodyabout .maincontent .groupdownload .download.full {
        width: 100%;
        margin-top: 10px;
    }
    section#inner.newsinner .groupitem .bodyabout .maincontent .groupdownload .download.full .listdownload {
        margin-top: 10px;
        float: left;
        padding-bottom: 10px;
        border-bottom: 1px solid #ddd;
        width: 100%;
        clear: none;
    }
    section#inner.newsinner .groupitem .bodyabout .maincontent .groupdownload .download.full .listdownload .icondownload {
        text-align: center;
        float: left;
        width: 10%;
    }
    section#inner.newsinner .groupitem .bodyabout .maincontent .groupdownload .download.full .listdownload .icondownload a {
        width: 36px;
        text-align: center;
        height: 36px;
        border: 2px solid #808080;
        -moz-border-radius: 50%;
        border-radius: 50%;
        float: left;
        margin-top: 10px;
        display: block;
    }
    section#inner.newsinner .groupitem .bodyabout .maincontent .groupdownload .download.full .listdownload .icondownload a i {
        color: #808080;
        font-size: 20px;
        line-height: 36px;
    }
    section#inner.newsinner .groupitem .bodyabout .maincontent .groupdownload .download.full .listdownload .icondownload a:hover {
        border-color: #0a2b6b;
    }
    section#inner.newsinner .groupitem .bodyabout .maincontent .groupdownload .download.full .listdownload .icondownload a:hover i {
        color: #0a2b6b;
    }
    section#inner.newsinner .groupitem .bodyabout .maincontent .groupdownload .download.full .listdownload .filedesc {
        float: left;
        padding-left: 20px;
        width: 90%;
    }
    section#inner.newsinner .groupitem .bodyabout .maincontent .groupdownload .download.full .listdownload .filedesc .filename p {
        font-family: 'thaisans-bold';
        font-size: 19px;
        line-height: 20px;
        color: #333;
    }
    section#inner.newsinner .groupitem .bodyabout .maincontent .groupdownload .download.full .listdownload .filedesc .linkdownload a p {
        font-family: 'thaisans-bold';
        font-size: 19px;
        line-height: 30px;
        color: #aaa;
    }
    section#inner.newsinner .groupitem .bodyabout .maincontent .groupdownload .download.full .listdownload .filedesc .linkdownload a:hover p {
        color: #0a2b6b;
    }
    section#inner.newsinner .groupitem .bodyabout .maincontent .groupdownload .download.full .listdownload.nobot {
        border: none;
    }
    section#inner.newsinner .groupitem .bodyabout .maincontent .groupdownload .download.full .listdownload.nobot .filedesc {
        margin-top: 5px;
    }
    section#inner.newsinner .groupitem .bodyabout .maincontent .groupdownload .download.full .listdownload.nobot .filedesc .filename p {
        font-family: 'thaisans-bold';
        font-size: 19px;
        line-height: 20px;
        color: #333;
    }
    section#inner.newsinner .groupitem .bodyabout .maincontent .groupdownload .download.full .listdownload .icondownload {
        text-align: center;
        float: left;
    }
    section#inner.newsinner .groupitem .bodyabout .maincontent .groupdownload .download.full .listdownload .icondownload a {
        width: 36px;
        text-align: center;
        height: 36px;
        border: 2px solid #808080;
        -moz-border-radius: 50%;
        border-radius: 50%;
        float: left;
        margin-top: 10px;
        display: block;
    }
    section#inner.newsinner .groupitem .bodyabout .maincontent .groupdownload .download.full .listdownload .icondownload a i {
        color: #808080;
        font-size: 20px;
        line-height: 36px;
    }
    section#inner.newsinner .groupitem .bodyabout .maincontent .groupdownload .download.full .listdownload .icondownload a:hover {
        border-color: #0a2b6b;
    }
    section#inner.newsinner .groupitem .bodyabout .maincontent .groupdownload .download.full .listdownload .icondownload a:hover i {
        color: #0a2b6b;
    }
    section#inner.newsinner .groupitem .bodyabout .maincontent .groupdownload .download.full .listdownload .filedesc {
        float: left;
        padding-left: 20px;
    }
    section#inner.newsinner .groupitem .bodyabout .maincontent .groupdownload .download.full .listdownload .filedesc .linkdownload a p {
        font-family: 'thaisans-bold';
        font-size: 19px;
        line-height: 30px;
        color: #aaa;
    }
    section#inner.newsinner .groupitem .bodyabout .maincontent .groupdownload .download.full .listdownload .filedesc .linkdownload a:hover p {
        color: #0a2b6b;
    }
    section#inner.newsinner .groupitem .bodyabout .maincontent .groupreport {
        float: left;
        width: 100%;
    }
    section#inner.newsinner .groupitem .bodyabout .maincontent .groupreport .report .listreport {
        width: 50%;
        float: left;
        padding: 0 10px;
        margin: 10px 0 20px;
    }
    section#inner.newsinner .groupitem .bodyabout .maincontent .groupreport .report .listreport a {
        text-align: center;
        display: block;
        cursor: pointer;
    }
    section#inner.newsinner .groupitem .bodyabout .maincontent .groupreport .report .listreport a .coverreport {
        height: 230px;
        cursor: pointer;
    }
    section#inner.newsinner .groupitem .bodyabout .maincontent .groupreport .report .listreport a .coverreport img {
        -moz-box-shadow: 0 0 20px #E8E8E8;
        box-shadow: 0 0 20px #E8E8E8;
        width: 100%;
    }
    section#inner.newsinner .groupitem .bodyabout .maincontent .groupreport .report .listreport a .namereport {
        margin-top: 10px;
        cursor: pointer;
    }
    section#inner.newsinner .groupitem .bodyabout .maincontent .groupreport .report .listreport a .namereport h3 {
        font-family: 'thaisans-bold';
        font-size: 20px;
        line-height: 30px;
        color: #333;
    }
    section#inner.newsinner .groupitem .bodyabout .maincontent .groupreport .report .listreport:nth-child(4n+1) {
        clear: both;
    }
    section#inner.newsinner .groupitem .bodyabout .maincontent .hpath {
        margin: 20px 0 5px;
        float: left;
        width: 100%;
    }
    section#inner.newsinner .groupitem .bodyabout .maincontent .hpath.notop {
        margin-top: 0;
    }
    section#inner.newsinner .groupitem .bodyabout .maincontent .hpath h3 {
        font-family: 'thaisans-bold';
        font-size: 26px;
        line-height: 30px;
        color: #0a2b6b;
    }
    section#inner.newsinner .groupitem .bodyabout .maincontent .hpath h3 span {
        font-family: 'thaisans';
        font-size: 26px;
        line-height: 30px;
        color: #0a2b6b;
    }
    section#breadcrumb {
        margin-top: 60px;
    }
    section#newsdetail .newsdetail {
        padding-top: 20px;
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 20px;
    }
    section#newsdetail .newsdetail .titlenews {
        margin-bottom: 0;
    }
    section#newsdetail .newsdetail .titlenews h3 {
        font-size: 36px;
    }
    section#newsdetail .newsdetail .titlenews .desctitle {
        margin-top: 0;
    }
    section#newsdetail .bloglastestpost {
        padding-right: 0;
        padding: 0;
    }
    section#newsdetail .bloglastestpost .lastestpost .listlastest .imglastest {
        width: 100%;
    }
    section#newsdetail .bloglastestpost .lastestpost .listlastest .contentlastest {
        width: 100%;
    }
    section#aicrelate .aicrelate .listaicrelate {
        margin-bottom: 10px;
    }
    section#aicrelate .aicrelate .listaicrelate:nth-child(2n+1) {
        clear: both;
    }
    section#banner {
        margin: 60px 0 0;
    }
    section#banner .slide .slick-list img {
        max-width: 100vw;
        float: left;
    }
    section#banner .slide .slider {
        width: 100%;
        margin: 100px auto;
    }
    section#banner .slide .slick-slide {
        margin: 0px 0px;
    }
    section#banner .slide .slick-dots {
        text-align: center;
    }
    section#banner .slide .slick-dots li {
        display: inline-block;
    }
    section#banner .slide .slick-dots li button {
        color: transparent;
        position: relative;
    }
    section#banner .slide .slick-dots li button:before {
        font-family: 'slick';
        font-size: 10px;
        line-height: 20px;
        position: absolute;
        top: 0;
        left: 0;
        width: 20px;
        height: 20px;
        content: '•';
        text-align: center;
        opacity: .25;
        color: black;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    section#banner .slide .slick-dots li.slick-active button {
        background: transparent;
        border: none;
        outline: none;
    }
    section#banner .slide .slick-dots li.slick-active button:before {
        opacity: 1;
    }
    section#industry {
        padding: 20px 0;
    }
    section#industry .titleblog {
        margin: 0 auto;
    }
    section#industry .titleblog h3 {
        margin-bottom: 20px;
        font-size: 36px;
        height: 42px;
    }
    section#industry .grouplineproduct .listind .contentind {
        height: auto;
        -moz-border-radius-bottomright: 20px;
        border-bottom-right-radius: 20px;
    }
    section#aic {
        padding-bottom: 0;
    }
    section#aic .titleblog {
        margin: 0 auto;
    }
    section#aic .titleblog h3 {
        margin-bottom: 20px;
        font-size: 36px;
        height: 42px;
    }
    section#aic .groupaic {
        padding-top: 40px;
    }
    section#aic .groupaic .listaic .contentaic .desclastestnews {
        width: 100%;
        float: left;
    }
    section#aic .groupaic .slick-list {
        width: 90%;
    }
    section#aic .groupaic .slick-list img {
        max-width: 100vw;
        float: left;
    }
    section#aic .groupaic .slider {
        width: 100%;
        margin: 100px auto;
    }
    section#aic .groupaic .slick-slide {
        margin: 0px 0px;
    }
    section#aic .groupaic .slick-dots {
        text-align: center;
        float: left;
        width: 100%;
    }
    section#aic .groupaic .slick-dots li {
        display: inline-block;
    }
    section#aic .groupaic .slick-dots li button {
        color: transparent;
        position: relative;
    }
    section#aic .groupaic .slick-dots li button:before {
        font-family: 'slick';
        font-size: 10px;
        line-height: 20px;
        position: absolute;
        top: 0;
        left: 0;
        width: 20px;
        height: 20px;
        content: '•';
        text-align: center;
        opacity: .25;
        color: black;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    section#aic .groupaic .slick-dots li.slick-active button {
        background: transparent;
        border: none;
        outline: none;
    }
    section#aic .groupaic .slick-dots li.slick-active button:before {
        opacity: 1;
    }
    section#prohome .titleblog {
        margin: 0 auto;
    }
    section#prohome .titleblog h3 {
        margin-bottom: 20px;
        font-size: 36px;
        height: 42px;
    }
    section#prohome .blogpro .classpro .blogclasspro .listclasspro {
        padding: 10px 5px;
    }
    section#prohome .blogpro .classpro .blogclasspro .listclasspro .logoproduct {
        height: 60px;
        margin-bottom: 0;
    }
    section#prohome .blogpro .classpro .blogclasspro .listclasspro .logoproduct a p.name-product {
        font-size: 20px;
        line-height: 26px;
    }
    section#prohome .blogpro .classpro .blogclasspro .listclasspro .descproduct {
        height: 80px;
        overflow: hidden;
        margin-top: 0;
    }
    section#prohome .blogpro .classpro .blogclasspro .listclasspro .button {
        width: 90%;
    }
    section#prohome .blogpro .classpro .blogclasspro .listclasspro:hover {
        background: transparent;
        border: none;
    }
    section#prnews {
        padding-top: 0px;
    }
    section#prnews .titleblog {
        margin: 0 auto;
        text-align: center;
    }
    section#prnews .titleblog h3 {
        margin-bottom: 20px;
        font-size: 36px;
        height: 42px;
    }
    section#prnews .prnews {
        margin-top: 20px;
    }
    section#prnews .prnews .listprnews {
        margin: 10px 0 20px;
        padding: 0px;
    }
    section#prnews .prnews .listprnews .imgpr {
        width: 30%;
        float: left;
    }
    section#prnews .prnews .listprnews .imgpr img {
        -moz-border-radius: 3px;
        border-radius: 3px;
    }
    section#prnews .prnews .listprnews .contentpr {
        width: 70%;
        float: left;
        margin-top: 0;
        padding: 0 0 0 10px;
    }
    section#prnews .prnews .listprnews .contentpr .titlecontent h3 {
        font-size: 20px;
        line-height: 26px;
    }
    section#prnews .prnews .listprnews .contentpr .titlecontent p {
        font-size: 14px;
    }
    section#prnews #event {
        margin-top: 20px;
    }
    section#annual .titleblog {
        margin: 0 auto;
        text-align: center;
    }
    section#annual .titleblog h3 {
        margin-bottom: 20px;
        font-size: 36px;
        height: 42px;
    }
    section#annual .annual .liannual .listannual .contentannual .titlecontent h3 {
        font-size: 20px;
        line-height: 26px;
    }
    section#annual .annual .liannual .listannual .contentannual .titlecontent p {
        font-size: 14px;
    }
    section#ceotalk {
        padding: 20px 0 0;
    }
    section#ceotalk .titleblog {
        margin: 0 auto 30px;
        text-align: center;
    }
    section#ceotalk .titleblog h3 {
        margin-bottom: 20px;
        font-size: 36px;
        height: 42px;
    }
    section#ceotalk .talk {
        position: relative;
        margin: 10px 0;
    }
    section#ceotalk .talk .desctalk {
        float: left;
        width: 70%;
        position: relative;
        z-index: 10;
    }
    section#ceotalk .talk .desctalk .quote {
        padding-bottom: 40px;
    }
    section#ceotalk .talk .desctalk .quote p {
        font-family: 'thaisans';
        font-size: 18px;
        line-height: 24px;
        color: #0a2b6b;
        position: relative;
    }
    section#ceotalk .talk .desctalk .quote p:before {
        content: '';
        position: absolute;
        top: -20px;
        left: 0px;
        background: url(../images/quotein.jpg) no-repeat top center;
        width: 20px;
        height: 20px;
        -moz-background-size: contain;
        background-size: contain;
    }
    section#ceotalk .talk .desctalk .quote p:after {
        content: '';
        position: absolute;
        bottom: -25px;
        left: 0px;
        background: url(../images/quoteout.jpg) no-repeat top center;
        width: 20px;
        height: 20px;
        -moz-background-size: contain;
        background-size: contain;
    }
    section#ceotalk .talk .desctalk .ceo h3 {
        font-family: 'thaisans-bold';
        font-size: 20px;
        line-height: 26px;
        color: #0a2b6b;
    }
    section#ceotalk .talk .desctalk .ceo p {
        font-family: prajad;
        font-size: 14px;
        line-height: 20px;
        color: #474748;
    }
    section#ceotalk .talk .personceo {
        position: absolute;
        right: 10px;
        bottom: 0;
        width: 35%;
        z-index: 5;
    }
    section#ceotalk .talk .personceo img {
        width: 100%;
    }
    section#ceotalk .talk:last-child {
        padding-bottom: 0;
        margin-top: 30px;
    }
    section#ceotalk .talk:last-child .desctalk {
        float: right;
        width: 60%;
        position: relative;
        z-index: 10;
    }
    section#ceotalk .talk:last-child .desctalk .quote {
        padding-bottom: 40px;
    }
    section#ceotalk .talk:last-child .desctalk .quote p {
        font-family: 'thaisans';
        font-size: 18px;
        line-height: 24px;
        color: #0a2b6b;
        position: relative;
    }
    section#ceotalk .talk:last-child .desctalk .quote p:before {
        content: '';
        position: absolute;
        top: -20px;
        left: 0px;
        background: url(../images/quotein.jpg) no-repeat top center;
        width: 20px;
        height: 20px;
        -moz-background-size: contain;
        background-size: contain;
    }
    section#ceotalk .talk:last-child .desctalk .quote p:after {
        content: '';
        position: absolute;
        bottom: -25px;
        left: 0px;
        background: url(../images/quoteout.jpg) no-repeat top center;
        width: 20px;
        height: 20px;
        -moz-background-size: contain;
        background-size: contain;
    }
    section#ceotalk .talk:last-child .desctalk .ceo h3 {
        font-family: 'thaisans-bold';
        font-size: 20px;
        line-height: 26px;
        color: #0a2b6b;
    }
    section#ceotalk .talk:last-child .desctalk .ceo p {
        font-family: prajad;
        font-size: 14px;
        line-height: 20px;
        color: #474748;
    }
    section#ceotalk .talk:last-child .personceo {
        position: absolute;
        left: 10px;
        bottom: 0;
        width: 35%;
        z-index: 5;
    }
    section#ceotalk .talk:last-child .personceo img {
        width: 100%;
    }
    section#breadcrumb {
        margin-top: 60px;
        display: block;
    }
    section#news {
        padding-bottom: 50px;
    }
    section#news .highlight .recommend .grouprecom {
        background: #fafafa;
        padding-top: 20px;
        padding-bottom: 20px;
        overflow: hidden;
    }
    section#news .highlight .recommend .grouprecom .titlewhatnews {
        padding: 0 10px 10px;
    }
    section#news .highlight .recommend .grouprecom .titlewhatnews h3 {
        font-family: 'thaisans-bold';
        font-size: 36px;
        line-height: 42px;
        color: #0a2b6b;
    }
    section#news .highlight .recommend .grouprecom .listrecom .imgnew {
        float: left;
    }
    section#news .highlight .recommend .grouprecom .listrecom .imgnew a img {
        -moz-border-radius: 3px;
        border-radius: 3px;
    }
    section#news .highlight .recommend .grouprecom .listrecom .imgnew a:after {
        display: none;
    }
    section#news .highlight .recommend .grouprecom .listrecom .descnew {
        position: relative;
        bottom: inherit;
        left: inherit;
        background: #fff;
        float: left;
        padding: 10px;
    }
    section#news .highlight .recommend .grouprecom .listrecom .descnew h3 {
        font-size: 20px;
        line-height: 26px;
    }
    section#news .highlight .recommend .grouprecom .listrecom .descnew p.time {
        font-size: 14px;
        color: #aaa;
    }
    section#news .highlight .recommend .grouprecom .listrecom .descnew p.desc {
        font-family: 'thaisans';
        font-size: 18px;
        line-height: 24px;
        color: #333;
        height: 75px;
    }
    section#news .highlight .recommend .grouprecom .recomslick {
        float: left;
        width: 100%;
    }
    section#news .highlight .recommend .grouprecom .recomslick .slick-list {
        width: 90%;
    }
    section#news .highlight .recommend .grouprecom .recomslick .slick-list img {
        max-width: 100vw;
        float: left;
    }
    section#news .highlight .recommend .grouprecom .recomslick .slider {
        width: 100%;
        margin: 100px auto;
    }
    section#news .highlight .recommend .grouprecom .recomslick .slick-slide {
        margin: 0px 0px;
    }
    section#news .highlight .recommend .grouprecom .recomslick .slick-dots {
        text-align: center;
        float: left;
        width: 100%;
    }
    section#news .highlight .recommend .grouprecom .recomslick .slick-dots li {
        display: inline-block;
    }
    section#news .highlight .recommend .grouprecom .recomslick .slick-dots li button {
        color: transparent;
        position: relative;
    }
    section#news .highlight .recommend .grouprecom .recomslick .slick-dots li button:before {
        font-family: 'slick';
        font-size: 10px;
        line-height: 20px;
        position: absolute;
        top: 0;
        left: 0;
        width: 20px;
        height: 20px;
        content: '•';
        text-align: center;
        opacity: .25;
        color: black;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    section#news .highlight .recommend .grouprecom .recomslick .slick-dots li.slick-active button {
        background: transparent;
        border: none;
        outline: none;
    }
    section#news .highlight .recommend .grouprecom .recomslick .slick-dots li.slick-active button:before {
        opacity: 1;
    }
    section#news .highlight .whatnews {
        margin-top: 10px;
    }
    section#news .highlight .whatnews .titlewhatnews {
        border-bottom: 1px solid #ddd;
        margin-bottom: 20px;
    }
    section#news .highlight .whatnews .titlewhatnews h3 {
        margin-bottom: 0px;
        font-size: 36px;
        height: 42px;
    }
    section#news .highlight .whatnews .groupwhatnews .listwhatnews .img {
        width: 30%;
        padding-right: 10px;
    }
    section#news .highlight .whatnews .groupwhatnews .listwhatnews .img a:after {
        display: none;
    }
    section#news .highlight .whatnews .groupwhatnews .listwhatnews .descwhatnews {
        width: 70%;
    }
    section#news .highlight .whatnews .groupwhatnews .listwhatnews .descwhatnews .titlenews {
        margin-bottom: 0;
    }
    section#news .highlight .whatnews .groupwhatnews .listwhatnews .descwhatnews .titlenews h3 {
        font-size: 20px;
        line-height: 26px;
    }
    section#news .highlight .whatnews .groupwhatnews .listwhatnews .descwhatnews .desc .time p {
        font-size: 14px;
        color: #aaa;
    }
    section#news .highlight .whatnews .groupwhatnews .listwhatnews .descwhatnews .desc .detail {
        margin-top: 0;
    }
    section#news .highlight .whatnews .groupwhatnews .listwhatnews .descwhatnews .desc .detail p {
        font-family: 'thaisans';
        font-size: 18px;
        line-height: 24px;
        color: #333;
    }
    section#news .latestnews {
        padding: 0;
    }
    section#news .latestnews .tablatest {
        display: none;
    }
    section#news .latestnews .grouplastestnews {
        padding: 0;
    }
    section#news .latestnews .grouplastestnews .listlastestnews {
        padding: 0;
        border: none;
        margin-bottom: 20px;
    }
    section#news .latestnews .grouplastestnews .listlastestnews .img {
        width: 30%;
        padding-right: 10px;
    }
    section#news .latestnews .grouplastestnews .listlastestnews .img a:after {
        display: none;
    }
    section#news .latestnews .grouplastestnews .listlastestnews .desclastestnews {
        width: 70%;
    }
    section#news .latestnews .grouplastestnews .listlastestnews .desclastestnews .titlenews {
        margin-bottom: 0;
    }
    section#news .latestnews .grouplastestnews .listlastestnews .desclastestnews .titlenews h3 {
        font-size: 20px;
        line-height: 26px;
    }
    section#news .latestnews .grouplastestnews .listlastestnews .desclastestnews .desc .time {
        margin: 0;
    }
    section#news .latestnews .grouplastestnews .listlastestnews .desclastestnews .desc .time p {
        font-size: 14px;
        color: #aaa;
    }
    section#news .latestnews .grouplastestnews .listlastestnews .desclastestnews .desc .detail {
        margin-top: 0;
    }
    section#news .latestnews .grouplastestnews .listlastestnews .desclastestnews .desc .detail p {
        font-family: 'thaisans';
        font-size: 18px;
        line-height: 24px;
        color: #333;
    }
    section#inner {
        background: #fff;
    }
    section#inner.product {
        padding-bottom: 20px;
        padding-top: 0px;
    }
    section#inner.product .titlepage {
        padding: 20px 10px;
        background: #fafafa;
        margin: 0;
        position: relative;
    }
    section#inner.product .titlepage h3 {
        font-family: 'thaisans-bold';
        font-size: 41px;
        line-height: 30px;
        color: #0a2b6b;
    }
    section#inner.product .titlepage .buttonfilter {
        position: absolute;
        top: 20px;
        right: 10px;
    }
    section#inner.product .titlepage .buttonfilter a {
        display: inline-block;
        padding: 0 20px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        text-align: center;
        font-family: 'thaisans-bold';
        font-size: 20px;
        line-height: 32px;
        color: #333;
    }
    section#inner.product .titlepage .buttonfilter a.active {
        background: #0a2b6b;
        color: #fff;
    }
    section#inner.product .floatbottomscreeen {
        position: fixed;
        top: 0;
        left: 0;
        padding: 0;
        background: rgba(0, 0, 0, 0.6);
        z-index: 10000;
        height: 100vh;
        width: 100vw;
        display: none;
    }
    section#inner.product .floatbottomscreeen .controlfilter {
        position: fixed;
        bottom: -200px;
        left: 0;
        background: #fff;
        padding: 0 10px 0px;
        -webkit-transition: bottom 300ms;
        -moz-transition: bottom 300ms;
        transition: bottom 300ms;
    }
    section#inner.product .floatbottomscreeen .controlfilter .filter {
        width: 100%;
        display: block;
    }
    section#inner.product .floatbottomscreeen .controlfilter .filter .listfilter {
        float: left;
        width: 50%;
        margin: 0;
        padding-right: 10px;
    }
    section#inner.product .floatbottomscreeen .controlfilter .filter .listfilter .label p {
        font-family: 'thaisans-bold';
        font-size: 18px;
        line-height: 26px;
        color: #0a2b6b;
    }
    section#inner.product .floatbottomscreeen .controlfilter .filter .listfilter:last-child {
        padding-right: 0;
        padding-left: 10px;
    }
    section#inner.product .floatbottomscreeen .controlfilter .control {
        float: left;
        width: 100%;
        margin: 10px 0;
        padding: 0 0px;
        text-align: center;
    }
    section#inner.product .floatbottomscreeen .controlfilter .control button {
        display: inline-block;
        background: #0a2b6b;
        width: 100%;
        font-family: 'thaisans-bold';
        font-size: 24px;
        line-height: 50px;
        color: #fff;
        -moz-border-radius: 3px;
        border-radius: 3px;
        text-transform: uppercase;
    }
    section#inner.product .floatbottomscreeen .controlfilter.show {
        bottom: 0;
        -webkit-transition: bottom 300ms;
        -moz-transition: bottom 300ms;
        transition: bottom 300ms;
    }
    section#inner.product .laypage {
        display: none;
    }
    section#inner.product .grouppro {
        background: #fff;
    }
    section#inner.product .grouppro .listclasspro {
        margin: 0;
    }
    section#inner.product .grouppro .listclasspro:hover {
        background: transparent;
    }
    section#inner.product .grouppro .listclasspro .logoproduct {
        text-align: center;
        margin-bottom: 0px;
        margin-top: 10px;
        height: 60px;
    }
    section#inner.product .grouppro .listclasspro .logoproduct a p.name-product {
        font-size: 20px;
        line-height: 26px;
    }
    section#inner.product .grouppro .listclasspro .descriptionproduct {
        margin: 0px 0 10px;
        height: 40px;
        text-align: center;
        height: 80px;
    }
    section#inner.product .grouppro .listclasspro .descproduct {
        height: 40px;
    }
    section#inner.product .grouppro .listclasspro .descproduct p.p_industry {
        display: none;
    }
    section#inner.product .grouppro .listclasspro .descproduct p.p_category {
        display: none;
    }
    section#inner.product .grouppro .listclasspro .button {
        width: 100% !important;
    }
    section#inner.product .grouppro .listclasspro .button a {
        font-family: 'thaisans-bold';
        font-size: 20px;
        line-height: 36px;
        color: #fff;
    }
    section#inner.productdetail {
        padding-top: 0px;
        padding-bottom: 20px;
    }
    section#inner.productdetail .imgproduct {
        padding: 0 0px;
        height: 60vh;
        text-align: center;
        position: relative;
        float: left;
        width: 100%;
        overflow: hidden;
        padding-bottom: 5vh;
    }
    section#inner.productdetail .imgproduct .groupproduct {
        height: 55vh;
        margin: auto;
    }
    section#inner.productdetail .imgproduct .groupproduct .listaic .contentaic .desclastestnews {
        width: 100%;
        float: left;
    }
    section#inner.productdetail .imgproduct .groupproduct .slick-list {
        width: 100%;
    }
    section#inner.productdetail .imgproduct .groupproduct .slick-list img {
        max-width: 100vw;
        float: left;
    }
    section#inner.productdetail .imgproduct .groupproduct .slider {
        width: 100%;
        margin: 100px auto;
    }
    section#inner.productdetail .imgproduct .groupproduct .slick-slide {
        margin: 0px 0px;
    }
    section#inner.productdetail .imgproduct .groupproduct .slick-dots {
        text-align: center;
        float: left;
        width: 100%;
        position: absolute;
        bottom: 0;
        z-index: 10;
    }
    section#inner.productdetail .imgproduct .groupproduct .slick-dots li {
        display: inline-block;
    }
    section#inner.productdetail .imgproduct .groupproduct .slick-dots li button {
        color: transparent;
        position: relative;
        text-align: center;
        background: none;
        outline: none;
        border: none;
    }
    section#inner.productdetail .imgproduct .groupproduct .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        width: 30px;
        height: 30px;
        content: '•';
        font-size: 30px;
        line-height: 30px;
        text-align: center;
        opacity: .25;
        color: black;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    section#inner.productdetail .imgproduct .groupproduct .slick-dots li.slick-active button {
        background: transparent;
        border: none;
        outline: none;
    }
    section#inner.productdetail .imgproduct .groupproduct .slick-dots li.slick-active button:before {
        opacity: 1;
    }
    section#inner.productdetail .nameproduct {
        float: left;
        margin: 20px 0 0;
        padding: 10px 20px 10px;
        width: 100%;
        border-top: 1px solid #f0f0f0;
        border-bottom: 1px solid #f0f0f0;
    }
    section#inner.productdetail .nameproduct .name {
        float: left;
        width: 100%;
        margin-bottom: 0;
        margin-top: 0;
        padding: 10px 0;
    }
    section#inner.productdetail .nameproduct .name h3#p_name {
        font-family: 'thaisans-bold';
        font-size: 46px;
        line-height: 44px;
        color: #0a2b6b;
    }
    section#inner.productdetail .nameproduct .name p {
        font-family: 'thaisans-bold';
        font-size: 20px;
        line-height: 26px;
        color: #808080;
    }
    section#inner.productdetail .nameproduct .price {
        margin: 0px 0 0;
    }
    section#inner.productdetail .nameproduct .price p {
        display: inline-block;
    }
    section#inner.productdetail .nameproduct .price p.txtprice {
        font-family: 'thaisans-bold';
        font-size: 36px;
        line-height: 40px;
        color: #0a2b6b;
    }
    section#inner.productdetail .nameproduct .price p.descprice {
        font-family: 'thaisans';
        font-size: 18px;
        line-height: 40px;
        color: #808080;
    }
    section#inner.productdetail .descproductdetail {
        padding: 20px 20px 10px;
        float: left;
        width: 100%;
        border-bottom: 1px solid #f0f0f0;
    }
    section#inner.productdetail .descproductdetail h3 {
        font-family: 'thaisans-bold';
        font-size: 24px;
        line-height: 28px;
        color: #0a2b6b;
        margin-bottom: 5px;
    }
    section#inner.productdetail .descproductdetail p {
        font-family: 'thaisans';
        font-size: 18px;
        line-height: 28px;
        color: #333;
    }
    section#inner.productdetail .descproductdetail li {
        font-family: 'prajad' !important;
        font-size: 16px;
    }
    section#inner.productdetail .catepro {
        float: left;
        width: 100%;
    }
    section#inner.productdetail .catepro .listcatepro {
        padding: 10px 20px 10px;
        float: left;
        width: 100%;
        border-bottom: 1px solid #f0f0f0;
    }
    section#inner.productdetail .catepro .listcatepro .fcatepro {
        float: left;
        width: 100%;
        font-family: 'thaisans-bold';
        font-size: 24px;
        line-height: 28px;
        color: #0a2b6b;
    }
    section#inner.productdetail .catepro .listcatepro .lcatepro {
        float: left;
        width: 100%;
        font-family: 'thaisans';
        font-size: 18px;
        line-height: 40px;
        color: #808080;
    }
    section#inner.productdetail .blogprorelate {
        background: transparent;
        margin: 0;
        padding: 10px;
    }
    section#inner.productdetail .blogprorelate .topicprorelate h3 {
        font-size: 32px;
        line-height: 40px;
    }
    section#inner.productdetail .blogprorelate .groupprorelate .listprorelate .logoproductrelate {
        text-align: center;
        margin-bottom: 0px;
        margin-top: 10px;
        height: 60px;
    }
    section#inner.productdetail .blogprorelate .groupprorelate .listprorelate .logoproductrelate a p.name-product {
        font-family: 'thaisans-bold';
        font-size: 20px;
        line-height: 26px;
        color: #0a2b6b;
    }
    section#inner.productdetail .blogprorelate .groupprorelate .listprorelate .descriptionproductrelate {
        margin: 0px 0 10px;
        height: 40px;
        text-align: center;
        height: 80px;
    }
    section#inner.productdetail .blogprorelate .groupprorelate .listprorelate .button {
        width: 100% !important;
        float: left;
    }
    section#inner.productdetail .blogprorelate .groupprorelate .listprorelate .button a {
        font-family: 'thaisans-bold';
        font-size: 20px;
        line-height: 36px;
        color: #fff;
    }
    section#inner.productdetail .ordercart {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        z-index: 10000;
        background: rgba(0, 0, 0, 0.7);
        display: none;
    }
    section#inner.productdetail .ordercart .areacart {
        position: absolute;
        bottom: 0;
        left: 0;
        background: #fff;
        width: 100%;
    }
    section#inner.productdetail .ordercart .areacart .model {
        padding: 10px;
        float: left;
        width: 100%;
    }
    section#inner.productdetail .ordercart .areacart .model .labelinput {
        float: left;
        width: 100%;
        margin-bottom: 5px;
    }
    section#inner.productdetail .ordercart .areacart .model .labelinput p {
        font-family: 'thaisans-bold';
        font-size: 20px;
        line-height: 26px;
        color: #0a2b6b;
    }
    section#inner.productdetail .ordercart .areacart .model .forminput {
        float: left;
        width: 100%;
    }
    section#inner.productdetail .ordercart .areacart .model .forminput input {
        margin-bottom: 0;
        border: 1px solid #d0d0d0;
        -moz-border-radius: 3px;
        border-radius: 3px;
        padding: 0 10px;
    }
    section#inner.productdetail .ordercart .areacart .model .forminput .caret {
        right: 10px;
    }
    section#inner.productdetail .ordercart .areacart .buttonorder {
        width: 100%;
        background: #fff;
        padding: 10px;
        border-top: 1px solid #f0f0f0;
        -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
        float: left;
    }
    section#inner.productdetail .ordercart .areacart .buttonorder .addtocart {
        background: #A9C644;
        font-family: 'thaisans-bold';
        font-size: 26px;
        line-height: 50px;
        color: #fff;
        text-align: center;
        width: 100%;
        display: block;
        -moz-border-radius: 3px;
        border-radius: 3px;
        position: relative;
        z-index: 1000;
        height: auto;
    }
    footer {
        position: relative;
        margin-top: 0;
    }
    .btncart {
        position: fixed;
        bottom: 0;
        width: 100%;
        left: 0;
        z-index: 10000;
        background: rgba(255, 255, 255, 0.9);
        padding: 10px;
        border-top: 1px solid #f0f0f0;
        -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    }
    .btncart .addcart {
        background: #A9C644;
        font-family: 'thaisans-bold';
        font-size: 26px;
        line-height: 50px;
        color: #fff;
        text-align: center;
        width: 100%;
        display: block;
        -moz-border-radius: 3px;
        border-radius: 3px;
        position: relative;
        z-index: 1000;
    }
}

.newsdetail img {
    width: 100%;
    max-width: 100%;
}


.mycart .btnstep button {
    width: auto;
    height: 40px;
    border: 1px solid #0a2b6b;
    margin-left: 10px;
    padding: 0 20px;
    background-color: white;
    font-family: 'thaisans';
    font-size: 18px;
    line-height: 35px;
    color: #0a2b6b;
    background-color: #0a2b6b;
    color: white;
}

.agreements_txt{
    width:100%;
    height:200px;
    margin-top:20px;
    overflow: scroll;
}

.agreements_txt ol{
    margin-left:10px;
}
.agreements_txt ol li{
    font-family: 'thaisans';
    list-style: decimal;
    list-style-position: outside;
    font-size:18px;
    margin-left:10px;
    color:#000;
}

section#inner.productdetail .nameproduct  .halfcon {
    float: left;
    width: 320px;
    padding: 0 20px 0;
    background: -webkit-linear-gradient(top left, #00B1DC, #046395);
    background: -moz-linear-gradient(top left, #00B1DC, #046395);
    background: linear-gradient(to bottom right, #00B1DC, #046395);
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: 2% 0 0 2%;
}
section#inner.productdetail .nameproduct  .halfcon .icon {
    float: left;
    margin-right: 2%;
}
section#inner.productdetail .nameproduct  .halfcon .icon i {
    font-size: 40px;
    color: #fff;
    line-height: 55px;
}
section#inner.productdetail .nameproduct  .halfcon .desc {
    float: left;
    text-align: left;
    padding-left: 20px;
    margin-top: 5px;
}
section#inner.productdetail .nameproduct  .halfcon .desc p.ddesccon {
    font-family: 'thaisans-bold';
    font-size: 21px;
    line-height: 20px;
    color: #fff;
    width: 100%;
}
section#inner.productdetail .nameproduct  .halfcon .desc p.hdesccon {
    font-family: 'thaisans-bold';
    font-size: 20px;
    line-height: 22px;
    color: #eaeaea;
}

section#inner.productdetail .nameproduct  .halfcon a {
    color: white;
}
.app-llc{
    margin-top: 10px;
}

.app-llc img{
    padding: 5px;
}