.site-wrap { min-height: 100%; min-width: 100%; background-color: white; position: relative; top: 0; bottom: 100%; right: 0; z-index: 1; overflow: hidden; }
.FrontMaster { width: 100%; background-color: #FFF; margin: 0px; padding: 68px 0 0; position: relative; }

.SideMenu { height: 100%; width: 0; position: fixed; z-index: 101; top: 0; right: 0; background-color: #f0f0f0; transition: 0.5s; padding: 0; box-shadow: 2px 2px 5px #555; overflow-x: hidden; }
    .SideMenu .closebtn { float: right; display: block; height: 22px; width: 22px; line-height: 0; text-align: center; cursor: pointer; margin: 4px 0; background: url(../TakraOnlineWebsite/Images/Icon/icon-delete.svg) no-repeat left top; font-size: 0; }
        .SideMenu .closebtn:hover { background-position: left bottom; }
.SideMenuRow { border-bottom: solid 1px #231f20; color: #000; padding: 10px 0; line-height: 30px; float: left; width: 270px; margin: 0 25px; }
.SideMenuWishlist { border-bottom: solid 1px #231f20; color: #000; float: left; width: 270px; margin: 0 25px; line-height: 30px; }
.SideMenuResponsive { float: left; width: 270px; margin: 0 25px 20px; }
.SideMenu.Active { width: 0; overflow-y: auto; z-index: 9999 !important; }
.LanguageSection { float: left; margin-top: 4px; }
.HeaderMenuNormal { border-bottom: solid 1px #eee; background-color: rgba(255,255,255,0.8); min-height: 68px; z-index: 3; padding: 8px 0 0; font-family: ThaiSansNeueBold; width: 100%; position: fixed; top: 0; transition: all 0.5s ease-in-out; }
    .HeaderMenuNormal .row { padding: 0 10px; }
.DarkTone .HeaderMenuNormal { border-bottom: solid 1px #242424; background-color: rgba(0,0,0,0.8); transition: all 0.5s ease-in-out; }
.HeaderMenu { margin: 0; padding: 0; position: relative; }
    .HeaderMenu ul { list-style: none; padding: 0; margin: 0; }
        .HeaderMenu ul li { display: inline-block; padding: 0; position: relative; }
            .HeaderMenu ul li a.HyperLink { padding: 8px 20px; line-height: 30px; text-align: center; vertical-align: middle; display: block; text-decoration: none; float: left; font-size: 18px; }
                .HeaderMenu ul li a.HyperLink:hover, .HeaderMenu ul li:hover a.ContentMenuNavListStaticMenuItem { background-color: #403166; color: #fff; }
            .HeaderMenu ul li:first-child a { padding: 8px 10px; }
.HeaderImageLogoDiv { width: 220px; height: 50px; float: left; background: url(../TakraOnlineWebsite/Images/Icon/logo.svg) no-repeat left top; background-size: auto 48px; }
    .HeaderImageLogoDiv .HeaderLogo a { display: block; background: url(../TakraOnlineWebsite/Images/Icon/logo-hover.svg) no-repeat left top; width: 220px; height: 50px; background-size: auto 48px; transition: all 0.2s ease; }
.DarkTone .HeaderImageLogoDiv { background-image: url(../TakraOnlineWebsite/Images/Icon/logo-light.svg); }
.MenuRight { float: right; }
div.phone-contact { float: left; padding-right: 10px; font-size: 24px; line-height: 50px; border-right: solid 1px #cecfd0; }
    div.phone-contact .phone-contact-label { float: left; margin-right: 10px; font-family: ThaiSansNeueBlack,ThaiSansNeueBold; font-size: 24px; }
.phone-contact a { font-size: 24px; line-height: 50px; }
.DarkTone div.phone-contact { color: #fff; }
    .DarkTone div.phone-contact .phone-contact-label { color: #fff; }
.DarkTone .phone-contact a { color: #fff; }
    .DarkTone .phone-contact a:hover { color: #73C0FF; }
ul.footer-link-social li.phone-contact { line-height: 30px; font-family: ThaiSansNeue; font-size: 30px; clear: left; margin-bottom: 10px; width: 100%; border: 0; color: #fff; margin-left: 0; padding-left: 0; }
.navigation ul.footer-link-social span.phone-contact { line-height: 30px; color: #fff; font-family: ThaiSansNeueBold; margin-bottom: 10px; border: 0; margin-left: 0; padding-left: 0; }
.phone-free-signup { display: none; float: left; padding: 0 8px; border-right: 1px solid #cecfd0; text-align: center; }
    .phone-free-signup a.HyperLink { font-size: 16px; color: #fff; height: 50px; line-height: 48px !important; padding: 6px 8px; font-family: ThaiSansNeueBold; background-color: #01ace0; }
.nav-container .menu li .HeaderMenuNavItemLeft,
.nav-container .menu li .HeaderMenuNavItemRight { float: left; height: 58px; }
div.login-menu { float: left; }
    div.login-menu .nav-container ul.menu li { min-height: 50px; }
    div.login-menu .top-bar ul > li:not(.name):hover { background-color: transparent; line-height: 50px !important; height: 58px; }
    div.login-menu .nav-container ul.menu li a.HyperLink { font-size: 22px; text-align: center; line-height: 50px !important; height: 58px; background: url(../TakraOnlineWebsite/Images/Icon/icon-user.svg) no-repeat 10px center; padding-left: 35px; }
        div.login-menu .nav-container ul.menu li a.HyperLink:hover { color: #4286f5; background-color: transparent; }
.nav-container { position: relative; z-index: 1500; font-family: ThaiSansNeueBold; }
    .nav-container .top-bar { background-color: transparent; margin: 0; min-height: 50px; }
    .nav-container ul { padding: 0; margin: 0; float: right; }
        .nav-container ul.menu li { float: left; display: inline; position: static !important; margin: 0; min-height: 58px; }
            .nav-container ul.menu li:last-child { margin: 0; }
    .nav-container .menu li a.HyperLink { font-size: 24px; text-decoration: none; text-align: center; height: 58px; padding: 0 20px; line-height: 50px !important; color: #000; display: block; position: relative; z-index: 0; font-family: ThaiSansNeueBold; cursor: pointer; }
        .nav-container .menu li a.HyperLink img { display: none; }
        .nav-container .menu li a.HyperLink img { display: none; }
        .nav-container .menu li a.HyperLink:hover { position: relative; z-index: 999; color: #357FD3; display: block; }
    .nav-container .menu li.menu-hide-small a.HyperLink:hover { position: relative; z-index: 999; color: #fff; background-color: #357fd3; transition: background 0.5s ease-out; }
    .nav-container ul.menu li a.HyperLink:hover .CategoryPanel { display: block; z-index: 998; margin-top: 0; animation: toggleclass 0.75s; -moz-animation: toggleclass 0.75s; /* Firefox */ -webkit-animation: toggleclass 0.75s; /* Safari and Chrome */ -o-animation: toggleclass 0.75s; /* Opera */ }
.DarkTone .nav-container .menu li a.HyperLink { color: #fff; }
    .DarkTone .nav-container .menu li a.HyperLink:hover { color: #fff; }
.nav-container { position: relative; z-index: 1500; }
    .nav-container table { border: 0; }
    .nav-container ul { padding: 0px; margin: 0; }
        .nav-container ul.menu li { float: left; display: inline; position: static !important; margin: 0; }
    .nav-container .menu li a.HyperLink img { display: none; }
    .nav-container .menu li a.HyperLink:hover { position: relative; z-index: 999; }
    .nav-container ul.menu li .CategoryPanel { float: left; position: absolute; left: 0px; top: 58px; display: none; background-color: #ececec; text-transform: none; padding: 4px 0 10px; font-family: ThaiSansNeue; }
        .nav-container ul.menu li .CategoryPanel tbody { background-color: unset; }
    .nav-container ul.menu li a.HyperLink:hover .CategoryPanel { display: block; z-index: 998; margin-top: 1px; text-transform: none; width: auto; }
    .nav-container ul.menu li.menu-hide-large { display: none; }
.top-bar ul.title-area { display: none; }
div.highlight-menu { background-color: #4286f5; height: 50px; float: left; }
    div.highlight-menu .HeaderMenuNavItemLeft { }
    div.highlight-menu a.HyperLink:hover { color: #fff; background-color: #357fd3; transition: background 0.5s ease-out; }
    div.highlight-menu a.HyperLink { font-size: 21px; color: #fff; height: 50px; line-height: 48px !important; padding: 0 16px; font-family: ThaiSansNeueBold; background-color: #01ace0; display: block; }
.TopBlack div.highlight-menu a.HyperLink { background-color: #303030; }
    .TopBlack div.highlight-menu a.HyperLink:hover { background-color: #505050; color: #fcd50c; }
.TopNavy div.highlight-menu a.HyperLink { background-color: #303030; }
    .TopNavy div.highlight-menu a.HyperLink:hover { background-color: #505050; color: #fcd50c; }
.HeaderMenuToggle { display: none; float: left; }
    .HeaderMenuToggle .menu-label { color: #000; line-height: inherit; }
.HeaderMenuToggleLink { background: url(../TakraOnlineWebsite/Images/Icon/icon-menu.svg) no-repeat left top; width: 30px; height: 25px; display: block; float: left; }
    .HeaderMenuToggleLink:hover { background-position: right top; }
.DarkTone .HeaderMenuToggleLink { background-image: url(../TakraOnlineWebsite/Images/Icon/icon-light-menu.svg); }
.DarkTone .HeaderMenuToggle .menu-label { color: #fff; }
.menu-label { float: left; line-height: 50px; margin-right: 7px; color: #fff; }
.CategoryNavTabMenu { margin: 0; width: 100%; }
.CategoryNavTabMenu { margin: 0 25px 0 0; width: auto; float: right; }
.LeafSubCategoryDataList { float: left; width: 210px; }
    .LeafSubCategoryDataList.LongMenu { width: 230px; }
    .LeafSubCategoryDataList.ShortMenu { width: 180px; }
    .LeafSubCategoryDataList td { vertical-align: top; padding: 0 12px; }
        .LeafSubCategoryDataList td:hover { background-color: #357FD3; }
    .LeafSubCategoryDataList .SubParentLinkDiv { text-align: left; float: left; width: 100%; }
    .LeafSubCategoryDataList .SubParentLink { color: #454545 !important; font-size: 20px !important; text-decoration: none; display: block; padding: 0 10px; line-height: 22px !important; border-bottom: solid 1px #d6d6d6; }
    .LeafSubCategoryDataList.LongMenu .SubParentLink, .LeafSubCategoryDataList.ShortMenu .SubParentLink { height: auto; line-height: 24px !important; min-height: 24px; padding: 8px; text-transform: capitalize; text-decoration: none; }
    .LeafSubCategoryDataList.ShortMenu .SubCategoryListStyle { min-width: 0px; }
    .LeafSubCategoryDataList.ShortMenu .SubCategoryListStyle { min-width: 0px; }
    .LeafSubCategoryDataList .SubParentLink:hover { color: #fff !important; border-bottom: solid 1px #254AC3; text-decoration: none; }
    .LeafSubCategoryDataList .SubCategoryItemData { padding-bottom: 0px; }
.DarkTone .LeafSubCategoryDataList td:hover { background-color: #73C0FF; }
.SubCategoryDataList .SubCategoryItemData { padding-bottom: 20px; }
.SubCategoryListStyle { min-width: 210px; height: 100%; }
.SubCategoryDataList .SubParentLinkDiv { text-align: left; float: left; width: 100%; padding-bottom: 8px; }

.LayoutFooter { width: inherit; background-color: #f0f0f0; color: #fff; padding: 65px 0 20px; border-top: solid 1px #fff; }
    .LayoutFooter ul.footer-link-social { border: none; margin-top: 10px; }
        .LayoutFooter ul.footer-link-social .common-button { margin-top: 25px; margin-right: 0; }
.LayoutFooterLicense .row { position: relative; }
.LayoutFooterLicense .Certificate-banners { float: left; left: -10px; position: absolute; }
    .LayoutFooterLicense .Certificate-banners img { max-height: 50px; }
.LayoutFooterLicenseLogo { background-color: #080413; width: 100%; padding: 12px 0; text-align: center; }
    .LayoutFooterLicenseLogo .tk-logo { display: inline-block; width: 180px; position: relative; }
        .LayoutFooterLicenseLogo .tk-logo a { background: url(../TakraOnlineWebsite/Images/web2017/Background/logo.svg) no-repeat left top/auto 40px; height: 50px; display: block; text-decoration: none; }
        .LayoutFooterLicenseLogo .tk-logo .lic-copyright { font-family: ThaiSansNeue; font-size: 12px; color: #fff; position: absolute; bottom: 0; left: 45px; line-height: 20px; }
.footer-columns-left { width: 40%; float: left; padding-right: 15px; }
.footer-columns-common { width: 25%; display: inline-block; margin-bottom: 15px; padding-right: 10px; vertical-align: top; }
.titletext-footer { font-size: 18px; line-height: 25px; text-transform: uppercase; color: #000; padding: 0 0 5px; font-family: Prompt-Bold; padding: 0; width: 100%; }
.content-footer { padding: 0; line-height: 24px; color: #504f4f; font-size: 14px; }
    .content-footer ul { clear: left; list-style: none; margin: 0; line-height: 24px; padding: 10px 0 0; }
        .content-footer ul li { line-height: 24px; }
    .content-footer a:hover { text-decoration: underline; }
.footer-columns-service-partner { width: 100%; display: inline-block; margin-bottom: 15px; padding-right: 0; float: none !important; vertical-align: top; }
.footer-columns-myaccount { margin-bottom: 15px; }
.footer-columns-service, .footer-columns-partner { width: 100%; clear: left; float: left; margin-bottom: 15px; }
.footer-columns-right { width: 60%; float: right; padding-right: 15px; }
.footer-columns-followus { width: 50%; float: left; margin-bottom: 15px; padding-right: 15px; }
.footer-columns-social { width: 100%; float: left; margin-bottom: 15px; clear: left; }
.footer-facebook-likebox { float: right; }
    .footer-facebook-likebox .SideBannerRight { width: 100%; }
.SocialLink { clear: left; margin: 10px auto 0; display: block; height: 40px; }
    .SocialLink a { float: left; margin: 5px 4px 5px 0; font-weight: normal; vertical-align: middle; line-height: 0; font-size: 0; text-decoration: none; width: 30px; height: 30px; background-position: left top; background-repeat: no-repeat; background-size: 30px auto; }
        .SocialLink a:hover { background-position: bottom left; }
.LineID { background-image: url(../TakraOnlineWebsite/Images/Icon/icon-line.svg); }
.FacebookID { background-image: url(../TakraOnlineWebsite/Images/Icon/icon-facebook.svg); }
.InstagramID { background-image: url(../TakraOnlineWebsite/Images/Icon/icon-instagram.svg); }
.GoogleID { background-image: url(../TakraOnlineWebsite/Images/Icon/icon-google.svg); }
.TwitterID { background-image: url(../TakraOnlineWebsite/Images/Icon/icon-twitter.svg); }
.YoutubeID { background-image: url(../TakraOnlineWebsite/Images/Icon/icon-youtube.svg); }
.footer-columns-dbdregister { width: 100%; float: left; margin: 15px 0; clear: left; }
.footer-columns-newsletter { width: 100%; float: left; margin-bottom: 15px; clear: left; }
.footer-columns-blog { width: 50%; float: left; margin-bottom: 15px; }
.kb-hub-title { clear: left; float: left; width: 100%; min-height: 60px; background: url(../TakraOnlineWebsite/Images/web2018/background/kb-hub-title.svg) no-repeat left top; margin-top: 10px; }
.kb-hub-button { clear: left; float: left; width: 100%; margin: 10px 0; }
    .kb-hub-button a { z-index: 0; transition: background 0.5s ease-out; line-height: 30px; min-height: 36px; text-decoration: none; color: #fff; font-family: Prompt-Medium; padding: 5px 25px; font-size: 14px; width: 210px !important; }
        .kb-hub-button a:hover { text-decoration: none; color: #fff; }
.kb-hub-label { clear: left; float: left; width: 100%; font-size: 13px; line-height: 20px; }

.sticky-contact-tool { position: fixed; bottom: 0; z-index: 100; width: 100%; }
.sticky-contact-toolMobile { position: fixed; cursor: pointer; z-index: 100; }
    .sticky-contact-toolMobile .PhoneBalloon { width: 45px; height: 45px; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; background: #FF5E5E url(../TakraOnlineWebsite/Images/button/sticky-call.svg) no-repeat center center; position: inherit; bottom: 160px; right: 10px; margin-bottom: 10px; }
    .sticky-contact-toolMobile .MessengerBalloon { width: 45px; height: 45px; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; background: url(../TakraOnlineWebsite/Images/button/FbChat.png) no-repeat center center; position: inherit; bottom: 260px; right: 10px; margin-bottom: 10px; }
    .sticky-contact-toolMobile .LineBalloon { width: 45px; height: 45px; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; background: #3ace01 url(../TakraOnlineWebsite/Images/button/sticky-chat.svg) no-repeat center center; position: inherit; bottom: 110px; right: 10px; margin-bottom: 10px; }
    .sticky-contact-toolMobile .ZendeskBalloon { width: 45px; height: 45px; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; background: #1D73C5 url(../TakraOnlineWebsite/Images/button/sticky-zendesk.svg) no-repeat center center; position: inherit; bottom: 116px; right: 10px; margin-bottom: 10px; }
.sticky-balloon { position: fixed; cursor: pointer; z-index: 100; }
    .sticky-balloon .ChatBalloon { display: none; width: 60px; height: 60px; background: url(../TakraOnlineWebsite/Images/button/chat-balloon.svg) no-repeat center center; position: inherit; bottom: 180px; right: 10px; margin-bottom: 10px; }
    .sticky-balloon .PhoneBalloon { display: none; width: 60px; height: 60px; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; background: #4286f5 url(../TakraOnlineWebsite/Images/button/sticky-call.svg) no-repeat center center; position: inherit; bottom: 180px; right: 10px; margin-bottom: 10px; }
        .sticky-balloon .PhoneBalloon.Double { bottom: 250px; }
.messengerIcon { width: 50px; position: fixed; bottom: -5px; right: 100px; cursor: pointer; z-index: 99999; }
.lineIcon { width: 50px; position: fixed; bottom: -5px; right: 50px; cursor: pointer; z-index: 99999; }
.zendeskIcon { width: 50px; position: fixed; bottom: -5px; right: 150px; cursor: pointer; z-index: 99999; }
.phone-free-signup { display: none; float: left; padding: 0 8px; border-right: 1px solid #cecfd0; text-align: center; }
    .phone-free-signup a.HyperLink { font-size: 16px; color: #fff; height: 50px; line-height: 48px !important; padding: 6px 8px; font-family: ThaiSansNeueBold; background-color: #01ace0; }

.lineSideIcon { width: 45px; height: 45px; position: fixed; bottom: 120px; right: 10px; cursor: pointer; z-index: 3; background-color: #00b900; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; }
/* Blog Category Box Begin */
.sticky-share { position: fixed; bottom: 0; z-index: 100; width: 100%; display: none; }
    .sticky-share a { display: block; float: left; font-size: 0; height: 50px; border-top: solid 1px #cccccc; }
        .sticky-share a, .sticky-share a:hover { color: #ffffff; }
    .sticky-share .Facebook { background-color: #3c5b9a; }
    .sticky-share .Twitter { background-color: #1da0f1; }
    .sticky-share .Line { background-color: #36b419; }
    .sticky-share .GPlus { background-color: #e55e48; }
    .sticky-share .fb { background-image: url(../TakraOnlineWebsite/Images/button/sticky-share-facebook.svg); background-repeat: no-repeat; background-position-x: left; background-position-y: center; padding-left: 23px; display: table; margin: auto; }
    .sticky-share .tw { background-image: url(../TakraOnlineWebsite/Images/button/sticky-share-twitter.svg); background-repeat: no-repeat; background-position-x: left; background-position-y: center; padding-left: 32px; display: table; margin: auto; }
    .sticky-share .ln { background-image: url(../TakraOnlineWebsite/Images/button/sticky-share-line.svg); background-repeat: no-repeat; background-position-x: left; background-position-y: center; padding-left: 38px; display: table; margin: auto; }
    .sticky-share .gp { background-image: url(../TakraOnlineWebsite/Images/button/sticky-share-gplus.svg); background-repeat: no-repeat; background-position-x: left; background-position-y: center; padding-left: 41px; display: table; margin: auto; }
    .sticky-share .text1 { font-size: 16px; line-height: 50px; margin: auto; height: 50px; }
    .sticky-share.fouritem a { width: 25%; }
    .sticky-share.threeitem a { width: 33.33%; }
    .sticky-share.twoitem a { width: 50%; }
    .sticky-share.oneitem a { width: 100%; }
    .sticky-share.fouritem .text1 { font-size: 0; line-height: 0; padding: 0; width: 100%; background-position: center center; }

.balloon-share { position: fixed; z-index: 100; display: none; background: url(../TakraOnlineWebsite/Images/button/share-icon.svg) no-repeat center center; width: 30px; height: 30px; bottom: 72px; left: 18px; }
    .balloon-share .Facebook { width: 40px; height: 40px; background: url(../TakraOnlineWebsite/Images/button/balloon-share-fb.svg) no-repeat center center; position: inherit; bottom: 30px; }
    .balloon-share .Twitter { width: 40px; height: 40px; background: url(../TakraOnlineWebsite/Images/button/balloon-share-tw.svg) no-repeat center center; position: inherit; bottom: 30px; }
    .balloon-share .Line { width: 40px; height: 40px; background: url(../TakraOnlineWebsite/Images/button/balloon-share-line.svg) no-repeat center center; position: inherit; bottom: 30px; }
    .balloon-share .GPlus { width: 40px; height: 40px; background: url(../TakraOnlineWebsite/Images/button/balloon-share-gplus.svg) no-repeat center center; position: inherit; bottom: 30px; }
    .balloon-share .forth-pos { left: 153px; }
    .balloon-share .third-pos { left: 108px; }
    .balloon-share .second-pos { left: 63px; }
    .balloon-share .first-pos { left: 18px; }
/* Blog Category Box End */
.LayoutFooterLicense .row { position: relative; }
.LayoutFooterLicense .Certificate-banners { float: left; left: -10px; position: absolute; }
    .LayoutFooterLicense .Certificate-banners img { max-height: 50px; }
.LayoutFooterLicense .btn-group { position: absolute; width: 100%; z-index: 2; }
.LayoutFooterLicense a.BtnGoTopLink { float: left; width: 70px; height: 70px; position: relative; top: -30px; left: 50%; transform: translateX(-50%); background: #e1e1e1 url(../TakraOnlineWebsite/Images/web2015/Button/footer-go-top.png) no-repeat center top; background-position-y: 16px; border-radius: 100%; }
    .LayoutFooterLicense a.BtnGoTopLink p { width: 200px; position: absolute; float: left; left: 50%; transform: translateX(-50%); bottom: -10px; font-family: ThaiSansNeue; font-size: 18px; text-align: center; }
    .LayoutFooterLicense a.BtnGoTopLink:hover { color: #3d5afe; }
.LayoutFooterLicense { background-color: #e1e1e1; line-height: 33px; width: inherit; color: #24252a; border-top: solid 1px #b2b2b3; padding: 0 0 10px; font-size: 12px; border: none; height: 58px; }
    .LayoutFooterLicense .row { text-align: center; position: relative; }
    .LayoutFooterLicense a, .LayoutFooterLicense a:hover { color: #24252a; text-decoration: none; }
.FooterLicenseDiv { display: inline-block; }
.logofooter { width: 145px; height: 33px; display: inline-block; position: relative; top: 10px; background-image: url(../TakraOnlineWebsite/Images/Icon/Logo-TakraOnline.svg); background-repeat: no-repeat; background-size: 100% auto; }
.GoToTopDiv { position: fixed; bottom: 70px; right: 10px; width: 40px; height: 40px; z-index: 100; }
.LinkToTop { display: block; border-radius: 30px; -webkit-box-shadow: 1px 1px 10px 0px rgba(180, 180, 180, 0.8); -moz-box-shadow: 1px 1px 10px 0px rgba(180, 180, 180, 0.8); box-shadow: 1px 1px 10px 0px rgba(180, 180, 180, 0.8); }
.HeaderLogo { display: block; float: left; clear: left; margin: 0; width: 200px; }
.SideMenuRow { border-bottom: solid 1px #231f20; color: #000; padding: 10px 0; line-height: 30px; float: left; width: 270px; margin: 0 25px; }
.nav-title { font-family: ThaiSansNeueBlack; color: #000; font-size: 24px; line-height: 1.5; }
.nav-item { width: 100%; }
    .nav-item a { display: block; padding: 0; font-size: 20px; line-height: 24px; text-decoration: none; transition: color 0.2s; font-family: ThaiSansNeue; margin: 10px auto; }
ul.footer-link-social { margin: 0; padding: 0 0 10px; list-style-type: none; border-bottom: solid 1px #747679; clear: left; float: left; width: 100%; }
.nav-item.logo { position: relative; margin: 0; }
    .nav-item.logo a { background: url(../TakraOnlineWebsite/Images/Icon/Logo-TakraOnline.svg) no-repeat center top/auto 40px; height: 50px; display: block; text-decoration: none; }
.footer-link-social .nav-title { font-size: 27px; line-height: 30px; margin-bottom: 15px; }
ul.footer-link-social li.footer-social { color: #fff; float: left; width: 100%; }
.lic-copyright { font-family: Prompt-Regular; font-size: 10px; color: #454545; line-height: 20px; text-align: center; }
.nav-list { list-style: none; padding-bottom: 10px; border-bottom: solid 1px #747679; clear: left; float: left; width: 100%; margin: 0 0 10px; }
    .nav-list.first .nav-item a { font-family: ThaiSansNeueBold; font-size: 22px; }
    .nav-list.last { border-bottom: 0; padding-top: 20px; }
    .nav-list .license { color: #454545; font-size: 12px; line-height: 18px; clear: left; padding-left: 0; font-family: Prompt-Regular; }
        .nav-list .license a { color: #357FD3; font-size: 17px; text-transform: none; line-height: 1; }
.SideMenuResponsive > ul > .common-button { display: block; }
.content-footer > .btn-update { margin: 10px auto; float: left; clear: both; }
.common-button { clear: left; float: left; width: 100%; }

.BtnStyle2, .BtnStyle4, .AddToCartContinue, .ViewDetail { background-color: #333; color: #fff; }
.BtnStyle1, .BtnStyle2, .BtnStyle3, .BtnStyle4, .BtnLink, .AddToCartContinue, .AddCart, .ViewDetail { display: block; float: left; font-size: 20px; line-height: 36px !important; margin: 0px 5px 2px 0; padding: 3px 15px; text-decoration: none; vertical-align: middle; text-align: center; transition: background 0.2s ease-out; width: 270px; padding: 8px 20px !important; height: auto !important; }
    .BtnStyle1:hover, .BtnStyle2:hover { color: #fff; background-color: #357fd3; }
.signup-popup-background { height: 100%; background: rgba(0,0,0,0.9); }
.signup-popup-panel .input-row { clear: left; float: left; width: 100%; min-height: 40px; margin: 10px auto; text-align: left; }
.signup-popup-panel input[type="text"] { border: solid 1px #4e4242; padding: 0 8px; font-size: 24px; font-family: ThaiSansNeue; color: #888; height: 50px; z-index: 1; background-color: #f0f0f0; margin: 0 !important; }
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea { background-color: white; color: #202020; font-family: inherit; border: 1px solid #c2c2c2; padding: 3px; height: 35px; width: 100%; -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; -o-transition: all 0.15s linear; transition: all 0.15s linear; font-family: CSPraJad; font-size: 16px; }
.signup-popup-panel .input-row { text-align: left; }
    .signup-popup-panel .input-row .validator-style { font-family: CSPraJad; font-size: 15px; line-height: 20px; float: left; margin-top: 5px; }
.validator-style { color: #ff0000; }
.signup-popup-panel .input-row .button-signup { letter-spacing: 1px; color: #fff; height: 50px; line-height: 36px; text-align: center; background-color: #4286f5; transition: background 0.5s ease-out; padding: 0 30px; border: solid 1px #357FD3; font-size: 24px; font-family: ThaiSansNeue; cursor: pointer; float: right; width: 100%; }
.signup-popup-panel { width: 400px; margin: auto; clear: left; float: left; }
    .signup-popup-panel .close { background: url(../TakraOnlineWebsite/Images/Icon/icon-delete2.svg) no-repeat left top; height: 22px; width: 22px; cursor: pointer; display: block; float: right; }
        .signup-popup-panel .close:hover { background-position: left bottom; }
    .signup-popup-panel .title { color: #fff; text-align: center; }
    .signup-popup-panel .input-row.title .title { line-height: 1; font-weight: bold; clear: left; float: left; width: 100%; margin-bottom: 0; }
    .signup-popup-panel .input-row.title .sub-title { line-height: 1; margin: 10px auto; clear: left; float: left; width: 100%; }
.BtnStyle2:hover, .BtnLink:hover, .BtnStyle4:hover, .AddToCartContinue:hover, .ViewDetail:hover { color: #fff; background-color: #357fd3; }

.CatalogBreadcrumbDiv, .ContentMenuSitemapDiv { width: 100%; padding: 13px 0; font-size: 14px; background-color: #fafafa; border-bottom: 1px solid #eee; text-align: center; }
.CatalogBreadcrumb { color: #4286f5; font-weight: normal; font-size: 14px; line-height: 20px; }
.CatalogBreadcrumbPathSeparatorStyle { color: #888; padding: 0 5px; }

/*#region Header SalePage*/
.FrontMaster { width: 100%; background-color: #FFF; margin: 0px; padding: 68px 0 0; position: relative; }
.FrontMasterBottom { clear: both; width: inherit; }
.DefaultMaster .FrontMasterTop { width: inherit; position: fixed; z-index: 2000; top: 0; }
.FrontMasterMiddle { width: 100%; margin: 0 auto; }
.FrontMasterBottom { clear: both; width: inherit; }
.MainDiv, .ContentMainDiv, .ProductMainDiv, .DefaultMainDiv, .AccountMainDiv { background-color: #FFF; padding: 20px 0; position: relative; min-height: 320px; }
.DefaultMainDiv { padding-top: 3px; }
.NoMargin { margin: 0 auto; }
.NoPadding { padding: 0 inherit; }

.site-wrap { min-height: 100%; min-width: 100%; background-color: white; position: relative; top: 0; bottom: 100%; right: 0; z-index: 1; overflow: hidden; }

.adword-header { padding-top: 5px; min-height: 58px; z-index: 2; }
    .adword-header .col { margin-left: 100px; margin-right: 100px; padding-right: 100px; padding-top: 5px; }
    .adword-header .logo a { background: url(../TakraOnlineWebsite/Images/web2017/Background/logo.svg) no-repeat left center; background-size: auto 40px; float: left; position: relative; width: 200px; height: 44px; }
    .adword-header .HeaderContact { margin: 8px 0; }
.AdwordsMaster { position: absolute; width: 100%; z-index: 9999; }
    .AdwordsMaster .adword-header { background: rgba(112,1,147,0); transition: 0.25s background linear; }
        .AdwordsMaster .adword-header.heavy { background: #272e37; }
    .AdwordsMaster .header-sticky .adword-header { background: rgba(51,47,121,0.8); }
    .AdwordsMaster .adword-header .row { padding: 0 10px; }
    .AdwordsMaster .adword-header.ads2019 { background: #216be4; }
.sticky-wrapper { clear: left; }
    .sticky-wrapper.header-sticky .adword-header.ads2019 { background: rgba(33,107,228,0.8); }
.header-title-sticky { font-family: Prompt-Bold; }
.HeaderContact { float: right; margin: 15px 0 10px; line-height: 30px; font-family: Prompt-Regular; font-size: 20px; }
    .HeaderContact > div { float: left; margin-left: 15px; color: #fff; }
    .HeaderContact a:hover { color: #fff; }
.HeaderContactTel { font-size: 20px; font-family: Prompt-Regular; }
    .HeaderContactTel a { background: url(../TakraOnlineWebsite/Images/web2017/icon/icon-phone.png) no-repeat left center; padding: 0 0 0 35px; color: #fff; font-family: Prompt-Regular; font-size: 20px; }
.HeaderContactFB a { background: url(../TakraOnlineWebsite/Images/Web2017/Button/FbChat.png) no-repeat left top; color: #fff; padding: 0 0 0 35px; height: 30px; line-height: 24px; display: block; background-size: contain; }
.HeaderContactLine a { background: url(../TakraOnlineWebsite/Images/web2017/icon/header-icon-line.png) no-repeat left top; color: #fff; padding: 0 0 0 35px; height: 30px; line-height: 24px; display: block; }
    .HeaderContactLine a:hover { background-position: left bottom; }
/*#endregion Header SalePage*/

/*#region Footer SalePage*/
.floatfooter-panel { position: fixed; bottom: 0; left: 0; right: 0; background-color: white; z-index: 9999; }
    .floatfooter-panel a { width: 33.33%; float: left; text-align: center; height: 60px; padding: 0; }
.sticky-bottom-tel { background-color: #FF8E01; }
.sticky-bottom-line { background-color: #36B419; }
.sticky-bottom-fb { background-color: #007FFF; }
.floatfooter-panel a img { max-height: 60px; }
.bg-salepage-get-discount-footer .bg-pro1900-ads-7 { background: #333b46 url(../TakraOnlineWebsite/Images/web2018/icon/tk-footer-logo.png) no-repeat center center; clear: left; float: left; width: 100%; height: 68px; }
.bg-pro1900-ads-7 a { display: block; height: 68px; width: 100%; }
/*#endregion Footer SalePage*/

/*#region Form SalePage*/
.SeminarFormDiv { background-color: #f2f1f7; padding: 25px 0 40px; clear: left; float: left; width: 100%; font-family: ThaiSansNeueBold; text-align: center; }
    .SeminarFormDiv .title1 { color: #1237ad; font-size: 48px; clear: left; float: left; width: 100%; }
        .SeminarFormDiv .title1 .big-font { font-size: 60px; }
    .SeminarFormDiv .title2 { color: #111; font-size: 24px; clear: left; float: left; width: 100%; line-height: 40px; margin-bottom: 40px; }
    .SeminarFormDiv .title3 { color: #111; font-size: 30px; clear: left; float: left; width: 100%; line-height: 40px; margin: 20px 0; }
.SeminarFormPanel { clear: left; display: table; width: 400px; margin: 15px auto; }
.SeminarForm { color: #8d8e90; font-size: 21px; font-family: Prompt-Regular; width: 100%; float: left; clear: left; margin: 0 0 18px; text-align: left; }
input[type="text"].SeminarFormTextBox { width: 100%; height: 60px; padding: 10px; line-height: 40px; color: #2a2a2a; font-size: 21px; border: solid 1px #bbb; background-color: #fdfdfd; font-family: Prompt-Regular; margin: 0; }
    input[type="text"].SeminarFormTextBox:focus { border: solid 1px #0161b1; background-color: #fff; color: #333; }
.SeminarFormButton { clear: left; float: left; width: 100%; }
    .SeminarFormButton a { background-color: #357FD3; font-family: ThaiSansNeueBold; color: #fdf512; padding: 10px 0; line-height: 40px; transition: all 0.5s ease-out; width: 100%; display: block; }
        .SeminarFormButton a:hover { background-color: #132088; color: #ffe900; }
.CommonTextBox { border: solid 1px #c2c2c2; }
.CommonValidatorText { color: #ff0000 !important; font-size: 13px; font-family: Prompt-Regular; line-height: 1.5; }
    .CommonValidatorText img { margin-bottom: 2px; }
.CommonValidateDiv { width: 90%; background: none; color: #246bb7; margin-bottom: 3px; margin-top: 1px; padding-top: 1px; }
.ContactUsValidate { width: 100%; }
.ContactUsValidateLong { width: 100%; }
/*#endregion Form SalePage*/
.SeminarFormFormPanel { width: 100%; max-width: 400px; float: left; clear: both; left: 50%; transform: translateX(-50%); position: relative; }
.SeminarForm { color: #8d8e90; font-size: 21px; width: 100%; float: left; clear: left; margin: 0 0 18px; text-align: left; }
    .SeminarForm .SeminarFormTextBox { width: 100%; max-width: 400px; color: #000; }
.SeminarFormButton { width: 100%; max-width: 400px; float: none; margin: 0; text-align: center; }
input[type="text"].SeminarFormTextBox { width: 100%; height: 60px; padding: 10px; line-height: 40px; color: #000; font-size: 21px; border: solid 1px #bbb; background-color: #fdfdfd; margin: 0; }
.SeminarForm.Option select { margin: 0; }
.SeminarForm.Option .OptionGroupDetails select { width: 100%; max-width: 400px; height: 60px; font-size: 21px; color: #000; line-height: 40px; }

.nav-list.prompt > li.nav-title { font-family: Prompt-Medium !important; font-size: 18px; }
.nav-list.prompt > li.nav-item a { font-family: Prompt-Regular !important; font-size: 16px; }
.nav-title.prompt { font-family: Prompt-Medium !important; font-size: 18px; }

/* AddToCart Notification Begin */
.ModalBackground { background-color: #fff; filter: alpha(opacity=80); opacity: 0.8; z-index: 9; }
.AddToCartPanel { width: 520px; text-align: left; background-color: #fff; border-top: 0; -webkit-box-shadow: 0px 0px 10px 0px #555; box-shadow: 0px 0px 10px 0px #555; padding: 15px; border-collapse: separate; z-index: 11; font-size: 16px; }
    .AddToCartPanel a.close { background-color: #333; border: 2px solid #333; border-radius: 15px; color: #FFFFFF; font-weight: bolder; height: 30px; padding: 2px 5px 5px 5px; position: absolute; line-height: 20px; font-weight: bold; right: -13px; text-align: center; text-decoration: none; top: -15px; width: 30px; font-size: 16px; }
    .AddToCartPanel .close:hover { color: #f00; }
.AddToCartCheckoutLink { float: right; }
.AddToCartName { text-align: left; float: left; width: 44%; text-decoration: none; }
.AddToCartBottom { display: table; width: 100%; padding: 10px 0 0; }
.AddToCartDetail { clear: left; float: left; width: 100%; padding: 15px 0; border-top: 1px dashed #ddd; border-bottom: 1px dashed #ddd; }
.AddToCartTitle { font-size: 18px; clear: left; float: left; width: 100%; padding: 5px 0 10px; font-weight: bold; }
.AddToCartNameLink { text-decoration: none; }
    .AddToCartNameLink .ProductName { clear: left; float: left; line-height: 24px; font-weight: bold; }
    .AddToCartNameLink .OptionName { clear: left; text-align: left; line-height: 18px; color: #555; font-size: 15px; }
.AddToCartImage { float: left; text-align: left; width: 18%; height: 80px; overflow: hidden; padding-right: 5px; }
    .AddToCartImage img { max-width: 60px; width: auto !important; width: 60px; }
.AddToCartPrice { float: left; width: 36%; margin-left: 1%; }
.AddToCartPanel .CommonLabel { clear: left; float: left; width: 34%; border-bottom: dotted 1px #ccc; color: #555; margin-right: 1%; margin-bottom: 8px; line-height: 26px; }
.AddToCartPanel .CommonValue { float: left; width: 65%; font-weight: normal; margin-bottom: 8px; line-height: 26px; }
.AddToCartPanel .PiceValue { float: left; width: 65%; margin-bottom: 8px; line-height: 26px; font-weight: bold; }
.AddToCartPanel a.AddCart { width: 40%; float: right; text-transform: uppercase; font-weight: bold; background-color: #2665ad; color: #fff; font-size: 18px; line-height: 28px !important; }
    .AddToCartPanel a.AddCart:hover { background-color: #357fd3; }
.AddToCartContinueButton { clear: left; float: left; width: 40%; }
.AddToCartPanel .AddToCartContinue { width: 100%; font-size: 18px; line-height: 28px !important; }
/* AddToCart Notification End */

/* Content*/
.Clear { clear: both; height: 0px; line-height: 0px; font-size: 0px; margin: 0 !important; padding: 0 !important; }
.CatalogBreadcrumbDiv .row .columns, .ContentMenuSitemapDiv .row .columns { line-height: 20px; padding: 7px 20px; width: auto; float: none; display: table; margin: auto; }
.ContentMenuSitemapPanel { clear: left; color: #333333; font-size: 14px; line-height: 20px; font-family: Prompt; font-weight: 400; }
a.sitemap-link { float: left; font-family: Prompt; font-weight: 400; color: #333333; }
    a.sitemap-link:hover { color: #357FD3; }
span.sitemap-seperator { width: 25px; display: block; float: left; color: #333333; font-size: 14px; line-height: 20px; text-align: center; }
span.sitemap-leaf { float: left; padding: 0; color: #357FD3; }

.SidebarTop { width: 100%; padding: 10px 0 5px 20px; margin-top: 14px; }
.SidebarRight { padding: 20px 0 20px 20px; border-bottom: solid 2px #d6d6d6; }
.CategoryNavNormalList a, .DepartmentNavNormalList a, .ManufacturerNavNormalList a { padding: 8px 5px 8px 0; padding-left: 0px; width: 100%; vertical-align: middle; display: block; text-decoration: none; white-space: normal; text-align: left; cursor: pointer; font-size: 18px; line-height: 1.5; }
.ContentMenuNavList .SidebarTop { border-bottom: solid 2px #D6D6D6; }
.CatalogBreadcrumbDiv, .ContentMenuSitemapDiv { width: 100%; padding: 8px 0; font-family: Prompt-Regular; background-color: #fafafa; border-bottom: 1px solid #eee; }
.SidebarTopTitle { color: #000; font-size: 24px; font-family: Prompt-Regular; line-height: 1.5; }
.CommonPageTopTitle { font-size: 30px; line-height: 1.5; font-family: Prompt-Medium; }
.CommonPage, .CommonLoginPage, .ContentLayout { width: 100%; margin: 10px auto; clear: left; float: left; }
.CommonPageTop, .CommonLoginPageTop, .ContentLayoutTop, .PromotionItem .SidebarTop { width: 100%; vertical-align: middle; border-bottom: solid 2px #d6d6d6; padding: 5px 0; text-align: center; }
.CommonPageRight, .CommonLoginPageRight, .ContentLayoutRight { padding: 20px 0 0; padding-top: 25px; float: left; width: 100%; line-height: 30px; }
.BtnStyle1, .WishListContinueImageButton, .CheckoutCompleteBackLinkDiv .ShoppingCartContinueShopping, .DirectPaymentSaleImageButton, .AddCart, .BtnStyle2.GiftCouponDetailButton { color: #fff; background-color: #4286f5; }
.BtnStyle1, .BtnStyle2, .BtnStyle3, .BtnStyle4, .BtnLink, .AddToCartContinue, .AddCart, .ViewDetail { display: block; float: left; font-size: 20px; line-height: 36px !important; margin: 0px 5px 2px 0; padding: 3px 15px; text-decoration: none; vertical-align: middle; text-align: center; transition: background 0.2s ease-out; font-family: Prompt; font-weight: 300; width: 290px; padding: 8px 20px !important; height: auto !important; }
.CategoryNavNormalList td, .DepartmentNavNormalList td, .ManufacturerNavNormalList td { width: 100%; padding: 0 0 0 30px; padding-left: 30px; border-bottom: solid 1px #e1e1e2; margin-bottom: 0; }
.ContentMenuItem .CommonPageRight { padding-top: 25px; }
.ContentMenuNavList .CategoryNavNormalList td { padding-left: 0; }
table.CategoryNavNormalList thead, table.CategoryNavNormalList tbody, table.CategoryNavNormalList tfoot { background-color: unset; border: none; }
.countContent { clear: left; float: right; line-height: 26px !important; text-align: right; position: absolute; top: 3px; right: 0; font-family: Prompt-Regular; font-size: 16px; width: auto !important; padding: 6px 15px !important; }
.ContentMenuNavList .CategoryNavNormalList a { background: url("../TakraOnlineWebsite/Images/Bullet/accountbullet.png") no-repeat 5px 16px; padding-left: 25px; }
[class*="column"] + [class*="column"]:last-child { float: right; }
ul.root li.parent { line-height: 20px; margin: 0; padding: 0; clear: left; float: left; width: 100%; position: relative; }
    ul.root li.parent > a.root-link { border-bottom: solid 1px #eee; font-size: 24px; line-height: 1.5; padding: 5px 0; margin-bottom: 15px; }
ul.root { list-style: none; margin: 0; padding: 0; }
ul.root-1 { clear: left; float: left; list-style: none; line-height: 20px; margin: 0 0 15px 30px; padding: 0; }
    ul.root-1 li.child { line-height: 20px; margin: 0; padding: 0; clear: left; float: left; width: 100%; }
ul a.leaf-link { display: block; background: url(../TakraOnlineWebsite/Images/Bullet/icon-page.gif) no-repeat left 8px; padding: 5px 0 5px 30px; line-height: 1.5; font-family: Prompt; font-size: 18px; font-weight: 300; }
ul a.root-link { display: block; padding: 0; }
ul.root li.leaf { line-height: 1.5; margin: 0; padding: 0; clear: left; float: left; width: 100%; position: relative; }
ul.root-1 a.root-link { line-height: 1.5; margin-bottom: 0; padding: 5px 0; }
.ContentLayout ul { list-style-type: none; margin: 10px 0 15px 10px; padding: 0; }
    .ContentLayout ul li { background: url("../TakraOnlineWebsite/Images/Web2017/Bullet/bullet5.gif") no-repeat scroll left 14px; padding-left: 15px; margin: 8px 0 0; }
/* End Content*/

/* Blog */
.BlogFrontMaster { width: 100%; background-color: #FFF; margin: 0px; padding: 68px 0 0; position: relative; }
.BlogList { width: 100%; margin: 20px 0; clear: left; float: left; }
.BlogListTop { width: 100%; line-height: 40px; vertical-align: middle; text-align: center; border-bottom: solid 1px #d6d6d6; text-align: center; margin: 0 auto; clear: left; float: left; padding: 5px 0; }
    .BlogListTop .BlogDetailsTopTitle { color: #000; font-size: 30px; line-height: 1.5; font-family: Prompt-Medium; }
.BlogListRight { padding: 5px 0; }
.BlogListModernizePageControlPanel { right: 0; top: 35px; position: absolute; }
.BlogListDefaultItemPerPage { float: left; font-size: 12px; line-height: 30px; }
    .BlogListDefaultItemPerPage select { float: left; margin-right: 10px; margin-top: 2px; width: 40px; background-color: #f4f4f4; }
.BlogListDefaultItemPerPage { font-size: 12px; line-height: 30px; }
    .BlogListDefaultItemPerPage .OptionControlTitle { float: left; margin-right: 10px; }
    .BlogListDefaultItemPerPage select { float: left; margin-right: 10px; margin-top: 2px; width: 46px; height: 26px; padding: 0 20px 0 5px; background-color: #f4f4f4; }
    .BlogListDefaultItemPerPage select { font-size: 12px; border: solid 1px #c2c2c2; color: #000; font-family: Prompt; font-weight: 300; }
.BlogListModernize { width: 100%; clear: left; float: left; position: relative; }
.BlogListItemImage { width: 100%; margin-bottom: 10px; min-height: 100%; max-height: 285px; }
    .BlogListItemImage img { width: 100%; height: 100%; max-height: 285px; }
.BlogListItem { margin: 20px 0 20px 0.5%; width: 32.25%; display: inline-block; vertical-align: top; padding-bottom: 20px; }
.BlogListItemName { clear: left; float: left; width: 100%; line-height: 1.2; font-size: 20px; text-align: left; }
.BlogListItemDate { clear: left; float: left; width: 100%; font-size: 14px; line-height: 20px; color: #6a6a6a; margin-top: 28px; }
.BlogListItemDate { font-size: 14px; line-height: 20px; color: #6a6a6a; font-family: Prompt; font-weight: 300; }
.BlogListViewMore { clear: both; float: left; width: 100%; text-align: center; margin: 40px auto; font-family: Prompt-Regular; font-size: 20px; text-transform: uppercase; }
    .BlogListViewMore .ViewMoreLink span { background: url(../TakraOnlineWebsite/Images/button/viewmore-plus.png) no-repeat right top; height: 18px; line-height: 18px; display: inline-block; padding-right: 25px; }
    .BlogListViewMore .ViewMoreLink:hover { border: solid 1px #357fd3; color: #ffffff; background-color: #357fd3; }
        .BlogListViewMore .ViewMoreLink:hover span { background-position: right bottom; }

table.BlogNavNormalList thead, table.BlogNavNormalList tbody, table.BlogNavNormalList tfoot { background-color: unset; border: none; }
.BlogDetailInfo { float: left; width: 36%; padding-right: 10px; }
.BlogDetailCategory { clear: left; float: left; margin-bottom: 15px; }
    .BlogDetailCategory a { float: left; background-color: #333; padding: 8px 18px; font-size: 16px; line-height: 1.5; font-family: Prompt-Medium; text-transform: uppercase; color: #fff; }
        .BlogDetailCategory a:hover { background-color: #357fd3; color: #fff; }
.BlogDetails { width: 100%; margin: 20px auto 10px; }
.BlogDetailTitle { clear: left; float: left; width: 100%; font-size: 24px; line-height: 1.2; font-family: Prompt-Medium; text-transform: uppercase; }
.BlogDetailsDefaultPublisherDiv { clear: left; float: left; width: 100%; margin-top: 60px; font-size: 16px; font-family: Prompt; font-weight: 300; }
.BlogDetailsTop { width: 100%; min-height: 40px; line-height: 30px; vertical-align: middle; text-align: left; border-bottom: solid 1px #6a6a6a; display: none; }
.BlogDetailsTopTitle { color: #333; font-size: 18px; line-height: 30px; }
table.BlogFormView { margin: 0; }
    table.BlogFormView tbody th, table.BlogFormView tbody td { padding: 0; }
.BlogPublisher { color: #357FD3; }
.BlogDetailsImage { float: right; width: 60%; text-align: right;}

.BlogDetailsDefaultBlogContentDiv { clear: both; float: left; font-size: 16px; line-height: 24px; margin: 10px 0; width: 100%; border-top: solid 4px #f3f2f2; padding-top: 35px; font-family: 'Sarabun', sans-serif; }
    .BlogDetailsDefaultBlogContentDiv strong, .BlogDetailsDefaultBlogContentDiv b { font-family: Prompt; font-weight: 600; }
    .BlogDetailsDefaultBlogContentDiv sub, .BlogDetailsDefaultBlogContentDiv sup { line-height: 1.2; }
.BlogDetailsFooterContentDiv { clear: both; float: left; font-size: 16px; line-height: 24px; margin: 10px 0; width: 100%; padding-top: 5px; font-family: Prompt-Regular; }
    .BlogDetailsFooterContentDiv strong, .BlogDetailsFooterContentDiv b { font-family: Prompt; font-weight: 600; }
.BlogDetailsFooterLineButtonDiv { width: 100%; clear: left; float: left; margin: 0; }
.BlogDetailsFooterLineQRDiv { width: 100%; clear: left; float: left; margin: 0 0 10px; }
.BlogDetailsDefaultTagsCategoryDiv { clear: left; float: left; width: 65%; color: #357fd3; line-height: 24px; margin: 10px 0; }
.BlogDetailsSocialButton { float: right; margin: 10px 0; }
.BlogDetailsFacebookDiv { display: inline-flex;}
.SearchBox { width: 100%; margin-bottom: 0; clear: left; }
    .SearchBox .SidebarTop { border-top: solid 2px #6a6a6a; padding: 0; }
.BlogFrontMaster .SidebarTop { margin-top: 0; text-align: center; }
.SidebarTopImgLeft, .SidebarTopImgRight, .SidebarBottom { display: none; }
.SidebarTopTitle { color: #000; font-size: 24px; font-family: Prompt-Regular; line-height: 35px; }
.SearchBox .SidebarLeft { padding: 10px 0 20px 0; width: 100%; border-bottom: solid 2px #6a6a6a; float: left; clear: left; }
.SearchBox .SidebarRight { padding: 0; border: 0; }
input[type="text"].SearchBoxTextBox { z-index: 1; width: 75% !important; border: solid 2px #a1a1a1; border-right-color: rgb(161, 161, 161); border-right-style: solid; border-right-width: 2px; border-right: none; font-size: 16px; height: 36px; line-height: 36px; float: left; margin-bottom: 5px; padding: 0 10px; font-family: Prompt; }
.SearchBox .BtnStyle3 { width: 25%; margin: 0; padding: 0; height: 36px !important; background: #000 url(../TakraonlineWebsite/Images/Icon/icon-search-blog.png) no-repeat center center; font-size: 0; line-height: 0; }
.BlogNavList { width: 100%; clear: left; float: left; }
.BlogSideImageTopDiv { border-top: solid 2px #6a6a6a; padding-top: 20px; }
.BlogSideLikeboxDiv .BlogSidebarTop { border-top: solid 2px #6a6a6a; }
.BlogSideLikebox { padding: 20px 0; display: table; margin: auto; }
.BlogSidebarTop { min-height: 34px; border-bottom: solid 2px #6a6a6a; width: 100%; text-align: center; padding: 10px 0; }
.RecentPost .BlogSidebarRight { padding: 20px 0 10px; }
.BlogSidebarRight { padding: 20px; border-bottom: solid 2px #6a6a6a; }
.BlogNavNormalList { width: 100%; }
.RecentPost .BlogNavNormalListLink { border-top: solid 2px #dfdfe0; padding: 0 0 10px; }
.TitleRecentPost { width: 50%; float: right; margin-top: 10px; }
.RecentPost .BlogNavNormalListLink a { padding: 0; line-height: 1.2; background: none; font-size: 16px; }
.BlogNavNormalListLink a { padding: 5px 0px 5px 20px; width: 100%; vertical-align: middle; display: block; text-decoration: none; white-space: normal; font-size: 18px; line-height: 1; text-align: left; background: url(../TakraonlineWebsite/Images/Bullet/bullet3.gif) no-repeat left 12px; }
.RecentPost .ImageRecentPost { float: left; width: 50%; height: 100%; padding-right: 8px; position: relative; }
    .RecentPost .ImageRecentPost img { max-height: 100%; display: initial; }
.BlogNavList a img { margin: auto; margin-bottom: auto; margin-bottom: 5px; display: block; }
.DateRecentPost { width: 50%; float: right; font-size: 13px; color: #868688; line-height: 14px; margin-top: 20px; clear: right; font-family: Prompt; font-weight: 300; }
.BlogSidebarTopImgLeft, .BlogSidebarTopImgRight, .BlogSidebarBottom { display: none; }
.BlogSidebarTopTitle { font-family: Prompt-Regular; font-size: 24px; }
.BlogNavNormalListLink { vertical-align: middle; border: none; padding: 0; }
.BlogNavNormalListMoreLink { text-align: right; padding: 4px 5px 0; display: none; }
.ArchiveBox .BlogSidebarRight { border: 0; }
.BlogDetailsFooterContentDiv p { font-size: 18px; }
.BlogDetailsDefaultTagsPanel { text-align: left; width: 100%; clear: left; float: left; line-height: 1.2; font-size: 16px; }
.BlogDetailsDefaultTagsDiv, .BlogDetailsDefaultCatDiv { display: inline-block; }
.BlogDetailsRight { padding: 0 0 20px; padding-top: 0px; /*border-bottom: solid 1px #bbbaba;*/ }
.BlogDetailsBottom { display: none; }
.balloon-share { position: fixed; z-index: 100; display: none; background: url(../TakraonlineWebsite/Images/button/share-icon.svg) no-repeat center center; width: 30px; height: 30px; bottom: 72px; left: 18px; }
    .balloon-share .Facebook { width: 40px; height: 40px; background: url(../TakraonlineWebsite/Images/button/balloon-share-fb.svg) no-repeat center center; position: inherit; bottom: 30px; }
    .balloon-share .first-pos { left: 18px; }
/* End Blog*/
.banner-control.template-banner { text-align: center; }

/*cookie box*/
.cookie-box { background: #fff; border-radius: 2px; box-shadow: 0 17px 17px rgb(0 0 0 / 15%), 0 27px 55px rgb(0 0 0 / 30%); font-size: 14px; margin: 24px; max-height: calc(100% - 48px); max-width: calc(100% - 48px); overflow: auto; padding: 8px; position: fixed; z-index: 99999; right: 60px; bottom: 30px; }
.cookie-box-contents { color: #757575; padding: 16px; }
.cookie-box-buttons { text-align: right; }
.cookie-button { color: #454545; padding: 8px; margin: 0 8px; border: 0; border-radius: 2px; display: inline-block; font-weight: 700; font-size: 16px; min-width: 56px; outline: 0; overflow: hidden; text-align: center; text-decoration: none; text-transform: uppercase; transition: background-color 0.2s; vertical-align: middle; white-space: nowrap; }

.FeaturesMainDiv { position: relative; z-index: 0;}