body,html{color:#333;font-family:Arial, sans-serif;font-size:14px; line-height: 1.4em;}figure{margin:0px;padding:0px;position:relative}a, a:hover, a:focus{color:#0254fe;} h1, h2, h3, h4, h5, h6, .title-headdline{font-style: normal; font-weight: 300; font-size: 1.4em;  line-height: 1.2em;} body iframe, .fb_iframe_widget >span{max-width:100% !important}h1{font-size:26px;} body{margin-left:auto;margin-right:auto;display:block;top:0px !important;background:#FFF;position: relative; min-height: 100%; overflow-x: hidden;} body:after{clear:both;content:"";}.relative{position:relative;} #wrapper{clear:both; max-width: 1200px; margin: 0px auto; background: #FFF; box-shadow: 0px 0px 60px -20px #5b5b5b;} #wrapper:after{content:"";clear:both;display:block;} .text-left{text-align:left !important;}.relative{position:relative;} select[disabled=disabled],input[disabled=disabled]{background-color:#EBEBE4}.block{display:block}.float_right{float:right;}.float_left{float:left;} table{border-width:1px;border-spacing:0px;border-style:none;border-color:gray;border-collapse:collapse;font-size:12px;width:100%;} th{background:#ddd;color:#222;padding:10px;text-align:left;border:1px solid #ccc;}td{padding:10px;border:1px solid #ccc;}tr:nth-child(2n){background:#eaeaea;} .table>h2, .table>h1{color:#800000;font-size:2em} .table>table{margin:10px auto;display:table;border-collapse:collapse;border-spacing:0px;border-color:gray;border:1px solid #666} .table>table tr td{border:1px solid #DDD;padding:5px 10px}.table>table tr th{border:1px solid #DDD;padding:5px 10px;background-color:#F5F5F5}.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style]{width:100% !important} .table-red tr:nth-child(2n){background:#ff0000;color:#FFF;}.table-red th, .table-red td{border-color:#F00 !important;} .border-none table, .border-none table th, .border-none table td, .border-none table tr{border-collapse:collapse;border-spacing:0px;border:none !important;background:none !important;} .padding-bs-0{padding-left:0px;padding-right:0px;margin-left:auto;margin-right:auto} .padding-bs-left{padding-right:0px}.mod_newsreader img, .ce_text img, #footer img, .img-reponsive img, figure img{max-width:100% !important;height:auto !important} .invisible{display:none !important}  #main{margin-bottom:0px;}#main > .inside:after{clear:both;content:"";display:block} .img-border{display:inline-block;margin-left:-4px;float:inherit;text-align:center;}.img-border img{border:1px solid #E8E8E8;} .overflow{overflow:hidden !important;display:block;position:relative;} #header .logo{padding-top: 0px; padding-bottom: 0px;position:relative; z-index:1} #header .logo a{position: relative;}  .form-newletter input[type=email], .form-newletter input[type=submit]{height: 40px; padding: 10px; margin: 5px 0px; width: 100%;} .form-newletter .formbody > div{display: inline-block; vertical-align: top;} .form-newletter .formbody div.input-contact{width: calc(100% - 103px);} .form-newletter .formbody div.button-submit{display: inline-block; vertical-align: top; width: 100px;} .form-newletter input[type=email]{ background: #FFF; color: #000; border: 1px solid #FFF;} .form-newletter input[type=submit]{ border: 1px solid #b20c00; background: #b20c00; color: #FFF; text-transform: uppercase;}  .view-download figure{display: block; position: relative; z-index: 1; padding-bottom: 30px; margin-bottom: 15px; } .view-download figcaption{display: block; margin-top: 10px;} .view-download figure a:after{ content: "Download"; position: absolute; bottom: 0px; width: 120px; left: calc(50% - 60px); padding: 3px 0px 3px 0px; background: #DE8801; color: #fff; z-index: 5; } .view-download figure a:hover:after{background: #d81515;} #container{ margin-bottom: 10px;} #container:after, #header:after{clear:both;content:"";display:block;} .slick-dots{display:none !important;} .div-padding-top{display: block; padding-top: 40px; } .div-partner{display: block; padding-top: 40px; padding-bottom: 40px; } .slider-home{display:block;margin-bottom:0px;font-size:18px; padding:5px; border:1px solid #CCC; margin-top: 10px; margin-bottom: 10px;} #footer{padding-bottom:0px; } #footer:after{clear:both;content:"";display:block} #footer .footer-address{padding-bottom:10px;} #footer .footer-address h1, #footer .footer-address h2, #footer .footer-address h3{margin-top:0px} #footer .block-footer p{padding:0px;margin:0px 0px;line-height:1.2em;} #footer .copyright, #footer .copyright a{color:#7c7c7c;font-size:12px;} #footer .copyright p{margin:0px;padding:10px 0px;} #footer.fixbottom{position:absolute;bottom:0px;width:100%;} #footer .footer-copyright{background:#efefef;} .footer-icon{padding: 5px 0px 10px 0; position: relative; display: block;background: #d70e00 url("/files/system/img/general/bg-footer.jpg") center center no-repeat; background-size: cover;  } .footer-icon *{color:#FFF;} .footer-icon .dl-icon:before{ margin-right: 5px; display: inline-block;} .border-about-us a{ display: inline-block; padding: 10px 20px; border: 1px solid #fff; color: #fff; font-size: 14px; background: #F00; margin-top:15px;} .border-about-us a:hover{ text-decoration: none;}  .break-line{border-top:1px solid #E6D600;border-bottom:1px solid #FFF9AA;margin-top:15px;} #top-link-block{bottom:70px;right:20px;position:fixed;z-index:900;opacity:0} #top-link-block > a{background:url("/files/system/img/general/Back-Top.png") center top no-repeat;padding-top:30px;width:55px;display:block;text-align:center;text-indent:1000px;  transform: scale(0.5);} .background-bre{background:none; padding:5px 0px;} .menu-brebrum{display:block;padding-top:0px;padding-bottom:0px;} .menu-brebrum span{display:inline-block;padding:1px;color:#d6d6d6;text-transform:uppercase;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;font-size:1.5em;} .menu-brebrum ul{list-style:none;margin:0px;padding:0px;} .menu-brebrum ul li{ display: inline; white-space: normal; font-size: 1em; padding: 5px 0px;} .menu-brebrum ul li:after{content:"\00bb";display:inline-block;padding-left:10px;padding-right:10px} .menu-brebrum ul li.last:after{display:none} .menu-brebrum ul li a, .menu-brebrum ul li{color:#969696} #left, #right{vertical-align:top;} #left>.inside, #right>.inside{position:relative;float:left;width:100%} #left>.inside:after, #right>.inside:after{content:"";display:block;clear:both} .block-menu{ display: block; position: relative; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 5px solid #eaeaea;  box-shadow: 0px 3px 0px 1px #eaeaea;  background: url("/files/system/img/general/bg-left.jpg") center center no-repeat; background-size: contain;} #left .bg-none, #right .bg-none{box-shadow:none;padding:0px;border:none} #left>.inside img, #right>.inside img, .block-menu img{max-width:100% !important;height:auto !important} #left .block-menu > h1, .block-menu > h2{display: block; position: relative; line-height: 1.2em; font-size: 1em; text-transform: uppercase; margin: -1px -1px 10px -1px; color: #fff; font-weight: bold; padding: 16px 0px 10px 10px; text-align: left; background: #FFF url("/files/system/img/general/bg-title-left.png") center center no-repeat; background-size:100% 100%;} .block-menu > h2 span{display:block;} .block-menu > div{padding-left:10px;padding-right:10px} .block-menu > .marquee-wrap{ margin-left: 5px !important; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px;} .fb_iframe_widget{display:block !important} .fb_iframe_widget iframe{max-width:100% !important;display:block;margin:0px auto; top:0px;} .fb_iframe_widget >span{width:100%} .background-none{background:none !important;border:none !important;box-shadow:none;} .block-menu.empty-none{border:none !important;box-shadow:none !important;background:none !important;padding-bottom:0px !important;} .padding-none{padding:0px !important;} .block-menu.block-ads img{display:block;margin:0px auto 5px auto} .block-video{display:block;position:relative;margin-bottom:0px;padding-bottom:10px;} .block-menu select, .block-video select{display:block;width:100%;margin:5px auto 0px auto;border:1px solid #DDD;height:34px;color:#000;} .block-menu iframe, .block-video iframe{max-width:100% !important;display:block;margin:0px auto;} .link-website-select option{padding:2px;text-align:center;} .contact-online-div .content-main .rows>div.icon-full .info{color:#949494;} .contact-online-div .content-main .hotline .title{color:#EF0000;padding-right:5px} .pagination{display:block;clear:both;} .pagination > p{display:none;} .pagination ul{list-style:none;padding:0px;margin:10px 0px;text-align:center; border-top:3px double #e2e2e2;} .pagination ul li{display:inline-block;white-space:normal;padding:5px} .pagination ul li a, .pagination ul li span{display:block;padding:2px 7px;background:none;color:#000;} .pagination ul li span, .pagination ul li a:hover{background:#c90d00;color:#FFF;}  .skiptranslate {display: none !important;}  .background-header{ background: #0254fe; z-index: 1000; position: relative;} .hotline-top{display: block; padding:42px 0px 15px 0px; color:#000;}  #wrapper .hidden-wrapper{display: none;} .hotline-menu{ font-size: 1.5em; line-height: 30px; color: #ff602d; padding-right: 15px;} .hotline-menu b{color: #424242;}  .icon-search{position: relative;  margin-top: 8px;} .icon-search .block-absolute-search > div div{position: relative;} .block-search{margin-top: 0px;position: relative;} .block-search div{display: block;margin: 0px; padding:0px;vertical-align: top} .block-search input[type=text]{ vertical-align: top;height: 46px;width: 100%;color:#000;border: 1px solid #5e1800;outline: none !important;background: #FFF;padding-left: 10px;padding-right: 10px;} .block-search input[type=submit]{position: relative;vertical-align: top;text-indent: 1000px; display: inline-block;width:46px; height:46px; position: absolute;top:0px;right:0px; border:none;margin: 0px; padding:0px;line-height: 30px;background:#ff0000 url("/files/system/img/general/search-icon.png") center center no-repeat;margin-left: -30px; margin-top: 0px;}  .icon-search .block-absolute-search{display: none; opacity: 0; -webkit-transition: -webkit-transform 0.4s ease; -ms-transition: -ms-transform 0.4s ease; transition: transform 0.4s ease; position: fixed; z-index: 9999; margin:0px !important;background: rgba(0, 0, 0, 0.85);left:0px;  color: #FFF; top:0px; width:100%; height: 100%;} .icon-search .block-absolute-search.active{display: block; opacity: 1;} .icon-search .block-absolute-search > div{position: fixed; margin:0px !important;left:0px; top:0px; width:100%; height: 100%;display: -webkit-box !important; display: -moz-box !important; display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; -webkit-flex-direction: row !important; -ms-flex-direction: row !important; flex-direction: row !important; -webkit-flex-wrap: wrap !important; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; -webkit-box-pack: center !important; -moz-box-pack: center !important; -webkit-justify-content: center !important; -ms-flex-pack: center !important; justify-content: center !important; -webkit-box-align: center !important; -moz-box-align: center !important; -webkit-align-items: center !important; -ms-flex-align: center !important; align-items: center !important;} .icon-search .block-absolute-search form{width: 90%; max-width: 500px; display: block;} .icon-search .block-absolute-search .close-search{position: fixed; top:15px; right: 45px;z-index: 9999;cursor: pointer;} .icon-search > span{  font-size: 1.6em; color: #FFF; cursor: pointer; height: 25px; width: 25px; line-height: 24px; text-align: center;}  #header .block-languages{vertical-align: top;} .block-languages{display: block;margin-top: 0px;position: relative;z-index: 802; } .block-languages h2{display: inline-block;margin: 0px;padding-right: 10px;font-size: 1em;font-weight: bold;vertical-align: top;padding-top: 8px;} .block-languages ul{display: inline-block;margin: 0px; padding: 0px; vertical-align: top; overflow: hidden; } .block-languages ul li{display: inline-block;white-space: nowrap; vertical-align: top;} .block-languages ul li a, #header .block-languages ul li span{padding-left:37px;display:block;font-size: 12px;height:20px;line-height: 22px;margin:10px 0px 10px 10px; color:#FFF;text-align: left;text-indent:-1000px;padding-left:30px;} .block-languages ul li .lang-vi{background: url("/files/system/img/general/flag_vi.png") left center no-repeat;background-size: 32px 20px;} .block-languages ul li .lang-cn{background: url("/files/system/img/general/flag_cn.png") left center no-repeat;background-size: 32px 20px;}  .tab-keys-config{display: block;} .tab-keys-config a{ background: #3700de; display: inline-block; padding: 0px 5px; line-height: 25px; color: #fff; padding-right: 15px; margin-bottom: 5px; margin-right: 5px; position: relative;} .tab-keys-config a:hover{text-decoration: none; color:#FF0;} .tab-keys-config a:before{content: ''; height: 0px; width: 0px; position: absolute; top: 0px; left: -10px; border-top: 13px solid transparent; border-bottom: 12px solid transparent; border-right: 10px solid #3700de;} .tab-keys-config a:after{ content: ''; height: 0px; width: 0px; position: absolute; top: 0px; right: 0px; border-top: 13px solid transparent; border-bottom: 12px solid transparent; border-right: 10px solid #fff;}  .form-contact-div, .form-person-div{padding-top:0px;padding-bottom:20px} .form-contact-div form{display:block;clear:both;} .form-contact-div form > div >div{display:block;position:relative;padding:5px 5px;vertical-align:top} .form-contact-div form > div >.submit_container{display:block;text-align:right;margin-right:2%} .form-contact-div form > div >div>label.input-contact{display:inline-block;width:30%;padding-right:2%;vertical-align:top;text-align:right;position:relative;padding-top:10px; font-weight: normal;} .form-contact-div form > div >div>input.input-contact, .form-contact-div > form > div >div>textarea.input-contact{display:inline-block;width:66%;padding-left:1%;padding-right:1%;padding-top:5px;padding-bottom:5px;border:1px solid #C5C5C5;color:#000 !important;background:#FFF;} .form-contact-div form > div >div>.captcha_text{display:block;color:#AB0202;background-color:#F1F1F1;margin-right:2%;padding:10px;margin-left:30%;margin-top:5px} .form-contact-div form > div >div input.submit{background:#e8e8e8;border:1px solid #e0dfdf;padding:10px 30px;color:#000;} .form-contact-div form > div >div input.submit:hover{background:#fb1c0c;border-color:#fb1c0c;color:#FFF;} .form-contact-div form > div >div >label.input-contact .mandatory{color:#F00;display:inline-block;white-space:normal;padding-left:5px;position:absolute;} .form-contact-div form > div >div p.error{color:#F00;position:absolute;right:5%;} .form-contact-div form > div >div .filedQuestion{display:inline-block;width:67%;} .form-contact-div form > div >div .filedQuestion p.error{position:relative;right:inherit;top:0px;} .form-contact-div form > div >div .filedQuestion img{margin-bottom:5px;width:200px;height:54px;} .form-contact-div form > div >div .filedQuestion input.input-contact{margin:0px 5px;width:calc(100% - 215px);height:54px;vertical-align:top;border:1px solid #C5C5C5;color:#000 !important;background:#FFF;} .form-contact-div .btn{margin-top:15px;min-width:150px;font-size:1.2em;text-transform:uppercase;background:#0077e0;color:#FFF;border:1px solid #FFF;box-shadow:3px 3px 2px 0px #d6d6d6;} .form-contact-div abbr{color:#F00;} .str_wrap{overflow:hidden;zoom:1;position:relative;-moz-user-select:none;-khtml-user-select:none;user-select:none;white-space:nowrap} .str_move{white-space:nowrap;position:absolute;top:0;left:0;cursor:move} .str_move_clone{display:inline-block;display:inline;zoom:1;vertical-align:top;position:absolute;left:100%;top:0} .str_vertical .str_move_clone{left:0;top:100%} .str_down .str_move_clone{left:0;bottom:100%} .str_vertical .str_move, .str_down .str_move{white-space:normal;width:100%} .str_static .str_move, .no_drag .str_move, .noStop .str_move{cursor:inherit} .str_wrap img{max-width:none !important} .ads-banner-scroll{top:0px;position:absolute;display:block;z-index:100;padding-top:35px;} .teaser-company .ce_text{margin-bottom:15px;} .teaser-company .ce_text h1{margin:0px;padding:0px;font-size:1.3em;font-weight:bold;margin-bottom:10px;color:#FF0000;} .teaser-company .ce_text > h2, .form-contact-div > h2{display:block;margin-top:0px;font-weight:normal; font-size: 1.5em;} .form-contact-div > h2{margin-top: 20px; border-bottom: 1px solid #e4e4e4; padding-bottom: 5px; color: #fb1c0c;} .teaser-company .ce_text > h2 span, .form-contact-div > h2 span{background:#ff0000;padding:8px 12px;color:#FFF;margin-top:0px;font-weight:normal; display: inline-block; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;} .mod_article .pdf_link{text-align:right; padding-bottom: 15px;} .reader-news .pdf_link{position:relative;right:15px;} .reader-news .back{display:block;} .reader-news .back a{text-align:center;display:inline-block;color:#FFF;padding:4px 10px;text-transform:uppercase;font-weight:normal;background::;border:none;} .reader-news .reader-2column .content-teaser-text > h1{font-size:1.2em;font-weight:bold;} .news-related{display:block;} .news-related .content{display:block;clear:both;} .gallery-list{display:block;position:relative;margin-bottom:15px;} .gallery-list > h2, .gallery-list > h1{font-size:2em;margin:15px 0px;padding:0px;color:#ff0000;} .gallery-list ul{list-style:none;margin:0px;padding:0px;} .gallery-list ul li{float:inherit !important;display:inline-block;vertical-align:top;margin-bottom:10px;padding:0px 5px;} .gallery-list ul li a{position: relative;display: block;} .gallery-list ul li a:hover{text-decoration: none;} .gallery-list ul li a span{ display: block; padding: 10px 0px;  font-weight: bold;  color: #1a6ba0;} .gallery-list ul li a{overflow:hidden;position: relative;display: block;} .gallery-list ul li a:before, .gallery-list ul li a:after{-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;} .gallery-list ul li a:before{ content:"";opacity: 0; width: 100%; height: 100%;position: absolute; left:0px; top:0px; background-color: rgba(77, 159, 211, 0.33);} .gallery-list ul li a:after{width: 30px; opacity: 0;height: 30px;position: absolute; font-family: "fontdl"; content: "\E837"; text-align: center; line-height: 30px; color:#FFF; top:calc(50% - 15px); left:calc(50% - 15px); z-index: 3; font-size: 25px;} .gallery-list ul li a:hover:before, .gallery-list ul li a:hover:after{opacity: 1;} .headline-maximage .link, .headline-maximage .control-image{display:none;} #footer h2.title-headdline, h2.title-headdline, h1.title-headdline, .list-news-scroll > h2, .list-news-teaser > h2, .list-news-scroll h2.headline, .list-products > h1, .list-products > h2, .list-products > .child > h2{ display: block; font-size: 2em; color: #fb1c0c; font-weight: bold; position: relative; margin-bottom: 10px; line-height: 1.4em; overflow: hidden; z-index: 1; margin-top: 0px; text-transform: uppercase; padding-left:50px;} #footer h2.title-headdline:before, h2.title-headdline:before, h1.title-headdline:before, .list-news-scroll > h2:before, .list-news-teaser > h2:before, .list-news-scroll h2.headline:before, .list-products > h1:before, .list-products > h2:before, .list-products > .child > h2:before{content: ""; background: url("/files/system/img/general/title-left.png") center center no-repeat; width: 36px; height: 45px; position: absolute; left:0px; top: 0px;} h2.title-headdline > span, h1.title-headdline span, #footer h2.title-headdline span, h2.title-headdline span, h1.title-headdline span, .list-news-scroll > h2 span, .list-news-teaser > h2 span, .list-news-scroll h2.headline span, .list-products > h1 span, .list-products > h2 span, .list-products > .child > h2 span{ position: relative; padding: 0px 0px 5px 0px;border-bottom: 3px double #CCC; display: block;}  h2.title-headdline > span b{color:#191919;} .bg-red{ color: #FFF !important; padding: 10px 5px 10px 40px !important; font-size: 1.2em !important;background: url("/files/system/img/general/bg-ttile-main.png") center center no-repeat; background-size:100% 100%;} .bg-red:before{background: url("/files/system/img/general/icon-left.png") center 9px no-repeat !important; } .bg-red span{padding:0px !important; border:none !important;} .csticky .logo img{max-height: 50px;} .button-social{margin-top:3px;vertical-align:top;} .button-social > h2{margin-top:0px;} .button-social b{font-size:0.9em;color:#FFF} .button-social p{margin:0px;} .button-social a{margin-left:-3px; padding: 10px 10px 1px 0px; font-size: 2.2em;display:inline-block;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;-ms-transition:all 1s ease;transition:all 1s ease;} .button-social a:last-child{border:none;} .button-social a:hover{color:#F00;text-decoration:none;} .col-md-inline:after, .col-lg-inline:after, .col-sm-inline:after, .col-xxs-inline:after{content: ""; clear: both; display: block;}  .tags-content{display: block;} .tags-content b{display: inline-block;margin-right: 15px;} .tags-content a{ background: #e61818;display: inline-block;padding: 0px 5px;line-height: 25px;color: #fff;padding-right: 15px;margin-bottom: 5px;margin-right: 5px;position: relative;} .tags-content a:hover{text-decoration: none;color:#FFF;} .tags-content a:before{content: '';height: 0px;width: 0px;position: absolute;top: 0px;left: -10px;border-top: 13px solid transparent;border-bottom: 12px solid transparent;border-right: 10px solid #e61818;} .tags-content a:after{ content: '';height: 0px;width: 0px;position: absolute;top: 0px;right: 0px;border-top: 13px solid transparent;border-bottom: 12px solid transparent;border-right: 10px solid #fff;}  @media screen and (min-width:768px){ .background-menu{display: block; padding-bottom: 1px; position: static;} .align-right{text-align:right;} .inline-block{white-space:normal;display:inline-block;vertical-align:top;} .col-sm-center{text-align:center !important;} .col-sm-left{text-align:left !important;} .col-sm-right{text-align:right !important;} .col-sm-inline{display:inline-block !important;vertical-align:top !important;white-space:normal;float:none !important; margin-left: -2px;} .col-sm-align-center{vertical-align: middle !important;} .col-sm-block{display:block !important;} .col-sm-no-padding-left{padding-left:0px !important;} .col-sm-no-padding-right{padding-right:0px !important;} .col-sm-no-padding{padding-left:0px !important;padding-right:0px !important;} #header .more-inside-header > div{vertical-align:top} #header .block-languages{position:relative;z-index:100;text-align:center;padding-top:7px;padding-left:5px;margin-right:10px;} .block-languages ul li a, #header .block-languages ul li span{margin:2px 0px 0px 5px;text-indent:-1000px;padding-left:30px;} .more-inside-right > .more-inside{padding:5px 0px 5px 0px;} #header .block-search{margin-bottom: 0px;vertical-align: top;display: block;margin-top: 3px;} .copyright{line-height:16px;vertical-align:top;} .copyright b{font-size:0.9em;color:#3C3800} .copyright a{padding-left:5px;font-size:0.9em;color:#FFFFFF} #header .icon_header a{padding:0px 5px;} .video-block{margin-bottom:25px;} .video-block.last{margin-bottom:0px;} .container-slider .ws-title{display:block;width:100%;padding-top:0px;margin-left:auto;margin-right:auto;background:rgba(0, 0, 0, 0.470588);} .container-slider .ws-title >span{width:100%;line-height:1em;background:none;text-align:center;color:#FFF;font-size:3em;} .container-slider .ws-title >div{margin-top:0px;font-size:1.5em;line-height:1em;background:none;color:#CCC;width:100%;text-align:center;} .block-menu-control{padding-bottom: 0px;  } .block-menu-control nav{margin-bottom: 0px;} .block-menu-control ul{list-style: none} .block-menu > h2 span:before{content: ''; margin-right: 10px;  background: url("/files/system/img/general/icon-left.png") center center no-repeat; display: inline-block; vertical-align: top; width: 15px; height: 20px;  margin-top: -3px;} .block-menu-control ul.level_1{ margin: 0px;padding:0px;list-style: none;} .block-menu-control ul.level_1 li{position: relative;} .block-menu-control ul.level_1 ul{background: #0254fe;padding:0px;list-style: none;display: block;z-index: -1;opacity: 0;position: absolute;margin-left: 97%;width: 100%;left:0px;top:0px;-webkit-transition: all 0.5s ease-in-out;  -moz-transition: all 0.3s ease-in-out;  -o-transition: all 0.3s ease-in-out;  transition: all 0.3s ease-in-out;} .block-menu-control ul.level_1 li:hover>ul{opacity: 1;margin-left: 100%;z-index: 1000;} .block-menu-control ul.level_1 li a{position: relative;display: block;padding:8px 5px; background: #0254fe; font-size: 1em; padding-left:30px;border-bottom: 1px solid #0048de; color: #FFF;} .block-menu-control ul.level_1>li>a, .block-menu-control nav > ul>li>span{color:#FFF;padding-left:40px;font-weight: normal;position: relative; padding-top: 9px; padding-bottom: 9px; margin-bottom: 5px; text-transform: uppercase; background:#FFF url("/files/system/img/general/bg-li-a.png") center center no-repeat; background-size:100% 100%; border:none !important;} .block-menu-control ul.level_1>li>a:before, .block-menu-control nav > ul>li>span:before{ display:none !important;} .block-menu-control ul.level_1>li>a i, .block-menu-control nav > ul>li>span i{padding:0px 10px 0px 0px;min-width: 30px;} .block-menu-control ul.level_1>li ul a:before, .block-menu-control nav > ul>li ul span:before{content: "\25b6";display: block;position: absolute; left: 13px; font-size: 10px; top: 8px;} .block-menu-control ul.level_1 li.last>a{border-bottom: none;box-shadow: none;} .block-menu-control ul.level_1 li a:hover, .block-menu-control ul.level_1 li a.active{text-decoration: none; background:#3000c3 !important;} .block-menu-control ul.level_1>li>a:hover, .block-menu-control ul.level_1>li>a.active, .block-menu-control nav > ul>li>span{background:#FFF url("/files/system/img/general/bg-li-a-hover.png") center center no-repeat !important;} .thong-ke-truy-cap .content-main{display: block; max-width: 300px; margin: 0px auto; } .thong-ke-truy-cap .content-main > div{display: block;text-align: left;margin: 3px 0px;} .thong-ke-truy-cap .content-main > div >div{display: inline-block} .thong-ke-truy-cap .content-main > div >.title{min-width: 120px; padding-left:25px; font-size: 0.9em;background: url("/files/system/img/general/icon-statistic.png") left top no-repeat} .thong-ke-truy-cap .content-main > div >.value{min-width: 0px} .thong-ke-truy-cap .content-main > div.visitor_useronline > .title{background-position: 0px -2px} .thong-ke-truy-cap .content-main > div.visitor_visitstoday > .title{background-position: 0px -42px} .thong-ke-truy-cap .content-main > div.visitor_visitstotal > .title{background-position: 0px -82px} .thong-ke-truy-cap .content-main > div.visitor_hitstoday > .title{background-position: 0px -122px} .thong-ke-truy-cap .content-main > div.visitor_hitstotal > .title{background-position: 0px -162px} } @media screen and (min-width:992px){.padding-top-md-15{padding-top:15px} .col-md-center{text-align:center !important;} .col-md-left{text-align:left !important;} .col-md-right{text-align:right !important;} .col-md-inline{display:inline-block !important;float:none !important;white-space:normal;float:none !important;} .col-md-block{display:block !important;} .col-md-no-padding-left{padding-left:0px;} .col-md-no-padding-right{padding-right:0px;} .col-md-no-padding{padding-left:0px !important;padding-right:0px !important;} #header .slider-header.rsts-skin-default .rsts-caption{width:45%} .col-md-no-padding-left{padding-left:0px;} .col-md-no-padding-right{padding-right:0px;} } @media screen and (max-width:992px) and (min-width:768px){.padding-top-sm-15{padding-top:15px} .col-sm-center{text-align:center;} .col-sm-only-no-padding-left{padding-left:0px;} .col-sm-only-no-padding-right{padding-right:0px;} .menu-brebrum{position:relative;} .header-hotline{font-size:1em;} .form-contact-div > form > div >div p.error, .form-person-div form > div >div > div p.error{color:#F00;position:absolute;right:5%;top:-10px} .header-translate{text-align:left;padding-left:15px} } @media screen and (max-width:1250px){.ads-banner-scroll{display:none} } @media screen and (min-width:1200px){.col-lg-center{text-align:center !important;} .col-lg-left{text-align:left !important;} .col-lg-right{text-align:right !important;} .col-lg-inline{display:inline-block !important;float:none !important;white-space:normal;float:none !important;} .col-lg-block{display:block !important;} .col-lg-no-padding-left{padding-left:0px !important;} .col-lg-no-padding-right{padding-right:0px !important;} .col-lg-no-padding{padding-left:0px !important;padding-right:0px !important;} .col-lg-padding-left{padding-left:15px !important;} .col-lg-padding-right{padding-right:15px !important;} .col-lg-20{width: 20%;} .col-lg-80{width: 80%;} .col-lg-pull-80{right: 80%;} .col-lg-push-20{left: 20%;} } @media screen and (max-width:767px){ .teaser-company .ce_text > h2{margin-top:10px;} #footer{padding-bottom:0px;} #header .bg-header > div{background:none} .padding-top-xs-15{padding-top:15px} .col-xs-center{text-align:center !important;} .col-xs-left{text-align:left !important;} .col-xs-right{text-align:right !important;} .col-xs-inline{display:inline-block !important;float:none !important;white-space:normal;float:none !important;vertical-align: top;} .col-xs-block{display:block !important;} .col-xs-no-padding-left{padding-left:0px;} .col-xs-no-padding-right{padding-right:0px;} .col-xs-no-padding{padding-left:0px !important;padding-right:0px !important;} #footer .copyright{padding:0px 15px;} .slick-prev, .slick-next{display:none !important;} #left, #right{box-shadow:none;margin-top:0px;margin-bottom:10px} #left>.inside, #right>.inside{float:inherit} #footer .form-newletter{padding:4px 15px;}  .header-translate{padding-top:5px;padding-bottom:10px;text-align:center;padding-left:0px} .header-translate > div{display:inline-block} .goog-te-menu-frame{width:100% !important} .xs-margin-bottom{margin-bottom: 15px;} .icon-search {position: absolute; margin-top: 15px; left: 10px; z-index: 100;} .border-top-menu{ border-top: 1px solid #8a8a8a; box-shadow: 0px 1px 0px 0px #c1c0c0; margin-bottom: 10px;} .hotline-top{padding:3px 0px;} .hotline-top p{padding: 0px;} #header .block-languages{position: absolute; top: 8px; left: 50px;} .suntory-alo-phone{ background-color: transparent; cursor: pointer; height: 120px; position: fixed; transition: visibility 0.5s ease 0s; width: 120px; z-index: 200000 !important;} .suntory-alo-ph-circle{animation: 1.2s ease-in-out 0s normal none infinite running suntory-alo-circle-anim; background-color: transparent; border: 2px solid rgba(30, 30, 30, 0.4); border-radius: 100%; height: 100px; left: 0px; opacity: 0.1; position: absolute; top: 0px; transform-origin: 50% 50% 0; transition: all 0.5s ease 0s; width: 100px;} .suntory-alo-phone.suntory-alo-green .suntory-alo-ph-circle{border-color: #fe0018; opacity: 1;} .suntory-alo-ph-circle-fill{animation: 2.3s ease-in-out 0s normal none infinite running suntory-alo-circle-fill-anim; border: 2px solid transparent; border-radius: 100%; height: 70px; left: 15px; position: absolute; top: 15px; transform-origin: 50% 50% 0; transition: all 0.5s ease 0s; width: 70px;} .suntory-alo-phone.suntory-alo-green .suntory-alo-ph-circle-fill{background-color: rgba(0, 175, 242, 0.9);} .suntory-alo-ph-img-circle{animation: 1s ease-in-out 0s normal none infinite running suntory-alo-circle-img-anim; text-align: center; border: 2px solid transparent; border-radius: 100%; height: 50px; left: 25px; opacity: 0.7; position: absolute; top: 25px; transform-origin: 50% 50% 0; width: 50px;} .suntory-alo-phone.suntory-alo-green .suntory-alo-ph-img-circle{ background-color: #fe0018; } .suntory-alo-ph-img-circle i{animation: 1s ease-in-out 0s normal none infinite running suntory-alo-circle-img-anim; font-size: 30px; line-height: 50px; padding-left: 0px; color: #fff;} @keyframes suntory-alo-circle-anim {0% {opacity: 0.1; transform: rotate(0deg) scale(0.5) skew(1deg); } 30% {opacity: 0.5; transform: rotate(0deg) scale(0.7) skew(1deg); } 100% {opacity: 0.6; transform: rotate(0deg) scale(1) skew(1deg); } } @keyframes suntory-alo-circle-img-anim {0% {transform: rotate(0deg) scale(1) skew(1deg); } 10% {transform: rotate(-25deg) scale(1) skew(1deg); } 20% {transform: rotate(25deg) scale(1) skew(1deg); } 30% {transform: rotate(-25deg) scale(1) skew(1deg); } 40% {transform: rotate(25deg) scale(1) skew(1deg); } 50% {transform: rotate(0deg) scale(1) skew(1deg); } 100% {transform: rotate(0deg) scale(1) skew(1deg); } } @keyframes suntory-alo-circle-fill-anim {0% {opacity: 0.2; transform: rotate(0deg) scale(0.7) skew(1deg); } 50% {opacity: 0.2; transform: rotate(0deg) scale(1) skew(1deg); } 100% {opacity: 0.2; transform: rotate(0deg) scale(0.7) skew(1deg); } } } @media screen and (max-width:640px){ #footer h2.title-headdline, h2.title-headdline, h1.title-headdline, .list-news-scroll > h2, .list-news-teaser > h2, .list-news-scroll h2.headline, .list-products > h1, .list-products > h2, .list-products > .child > h2{font-size: 1.4em; margin-top: 10px; padding-left: 0px;} #footer h2.title-headdline:before, h2.title-headdline:before, h1.title-headdline:before, .list-news-scroll > h2:before, .list-news-teaser > h2:before, .list-news-scroll h2.headline:before, .list-products > h1:before, .list-products > h2:before, .list-products > .child > h2:before{display: none;} .col-xxs-center{text-align:center !important;} .col-xxs-left{text-align:left !important;} .col-xxs-right{text-align:right !important;} .col-xxs-inline{display:inline-block !important;float:none !important;vertical-align:top;} .col-xxs-block{display:block !important;} .hidden-xxs{display:none !important;} #top-link-block{display:none !important;} .copyright{font-size:0.9em;} .news-reader-product .layout_full .headline-image > .image_container_div{margin:10px;float:inherit} .news-reader-product .layout_full .headline-image > .image_container_div figure img{height:auto !important;max-width:100% !important} .list-news-scroll .headline a.more{float:inherit;display:block;text-align:left;margin-top:10px} .form-contact-div > h2, .form-person-div > h2{font-size:1.2em;margin-top:10px;} .form-contact-div > form > div >.submit_container, .form-person-div > form > div >.submit_container{display:block;text-align:right;margin-right:2%} .form-contact-div > form > div >div>label.input-contact, .form-person-div form > div >div > div label{display:block;padding-right:2%;width:98%;text-align:left;} .form-contact-div > form > div >div>input.input-contact, .form-contact-div > form > div >div>textarea.input-contact, .form-person-div form > div >div > div input.text, .form-person-div form > div >div > div select{display:block;width:98%;padding-left:0.5%;padding-right:0.5%} .form-contact-div > form > div >div>.captcha_text{display:block;color:#AB0202;background-color:#F1F1F1;margin-right:2%;padding:10px;margin-left:0%;margin-top:5px;width:98%} .form-contact-div > form > div >div p.error, .form-person-div form > div >div > div p.error{position:relative;right:0px;top:inherit} .form-contact-div form > div >div .filedQuestion{display:block;width:auto;} .pgwSlider .ps-caption b{font-size:1.2em} .menu-brebrum span{font-size:2em;} .menu-brebrum ul li{font-size: 1em;} .hotline-menu{font-size: 1.3em; padding-top: 1px;} }
.more-inside-menu{display: block;padding-top:1px; } .nav-header a.active{background:none} .nav-header{ background: none; border: none; min-height: auto; margin:0px;} .nav-header li>ul{left:100%;margin-top:-1px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px;border-radius:0 6px 6px 6px;top:0} .nav-header .navbar-brand{display:none;} @media screen and (min-width:768px){ 	.nav-header .hidden-sm-menu{display:none !important;} 	.csticky{text-align: center; }   .background-header, .csticky{background:url("/files/system/img/general/bg-menu.png") left top repeat-x; background-size:auto 100%; } 	.csticky .icon-search{margin-top: 12px;} } @media screen and (min-width:992px){ 	.nav-header ul.level_1{padding:0px;margin:0px;} 	.nav-header .navbar{min-height:inherit;margin:0px;} 	.nav-header ul.level_1 li{position:relative;} 	.nav-header ul.level_1 >li{padding:0px;margin:0px;display:inline-block;margin-left:-3px;} 	.nav-header ul.level_1 >li:after{content:""; position: absolute; display: block; top:30%; bottom:30%; right:1px; width: 0px; border-left: 1px solid #0045d5; border-right: 1px solid #2f73ff;} 	.nav-header ul.level_1 >li.last:after{display: none;} 	.nav-header ul.level_1 >li.first{margin-left:0px;} 	.nav-header ul.level_1 >li.last{background:none;padding-right:0px;box-shadow:none;} 	.nav-header .invisible{display:none !important} 	.nav-header ul.level_1 a{z-index:11;padding:7px;color:#000;font-size:1em;display:block;} 	.nav-header ul.level_1 li li a{background:#FFF;margin-bottom:0px;border-bottom:1px solid #EEE; -webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;} 	.nav-header ul.level_1>li>a, .nav-header ul.level_1>li>span{color: #FFF; background: none; z-index: 101; padding: 10px 0px 10px 10px; text-transform: uppercase; font-weight: normal; position: relative; font-size: 1em;} 	.nav-header ul.level_1 li>ul a{padding-top:6px;padding-bottom:6px;min-width:150px;} 	.nav-header ul.level_1 a.active, .nav-header ul.level_1 span.active, .nav-header ul.level_1 a:hover, .nav-header ul.level_1 a:focus, .nav-header ul.level_1 a.active, .nav-header .open>a, .nav-header .open>a:focus, .nav-header .open>a:hover, .nav-header ul.level_1 > li:hover >a{background:#fb1c0c;text-decoration:none;color:#FFF;} 	.nav-header ul.level_1 ul a.active, .nav-header ul.level_1 ul span.active, .nav-header ul.level_1 ul a:hover, .nav-header ul.level_1 ul a:focus, .nav-header ul.level_1 ul a.active, .nav-header ul.level_1 ul .open>a, .nav-header ul.level_1 ul .open>a:focus, .nav-header ul.level_1 ul .open>a:hover{background:#fb1c0c;text-decoration:none;color:#FFF;} 	.nav-header ul.level_1 > li > a.active, .icon-home .nav-header ul.level_1 > li > .icon-home{text-decoration:none;background: #fb1c0c;color:#FFF !important;} 	.nav-header ul.level_1 > li > a:after, .nav-header .nav-header ul.level_1 > li > span:after{opacity: 0;position: absolute; bottom:0px; left:0px; right: 0px; height:1px; background: #0a005f; content:"";  z-index: 2;} 	.nav-header ul.level_1 > li > a.active:after, .nav-header ul.level_1 > li > span:after, .nav-header ul.level_1 > li > a:hover:after, .nav-header ul.level_1 > li:hover > a:after{opacity: 1;} 	.nav-header ul.level_1> li > a.icon-home, .nav-header ul.level_1> li > span.icon-home{text-indent:-9999px;text-align:left;width:50px;position:relative;} 	.nav-header ul.level_1> li > a.icon-home:before, .nav-header ul.level_1> li > span.icon-home:before{font-family: "fontdl";content:"\E81C";font-size:1.5em;text-align:center;text-indent:0px;height:100%;width:100%;padding:0px;position:absolute;left:0px;top:0px;display:-webkit-box !important;display:-moz-box !important;display:-ms-flexbox !important;display:-webkit-flex !important;display:flex !important;-webkit-flex-direction:row !important;-ms-flex-direction:row !important;flex-direction:row !important;-webkit-flex-wrap:wrap !important;-ms-flex-wrap:wrap !important;flex-wrap:wrap !important;-webkit-box-pack:center !important;-moz-box-pack:center !important;-webkit-justify-content:center !important;-ms-flex-pack:center !important;justify-content:center !important;-webkit-box-align:center !important;-moz-box-align:center !important;-webkit-align-items:center !important;-ms-flex-align:center !important;align-items:center !important;} 	.nav-header .navbar-brand{display:none} 	.nav-header .navbar-collapse{padding-left:0px;padding-right:0px} 	.nav-header li>ul{background-color:inherit;left:0px; top:0px; opacity: 0; z-index: -9999;position:absolute;display:block;padding:0px;list-style:none;border:none;box-shadow:none;box-shadow:1px 1px 3px -2px #000;margin-bottom:0px;padding-bottom:0px; -webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out; -moz-transform: scale(0); -webkit-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0);} 	.nav-header li:hover > ul{display:block;z-index: 9999; opacity: 1; margin-top:0px;padding-top:0px; -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1);} 	.nav-header ul.level_1 ul>li:hover ul{top:0px; left:100%;} 	.nav-header ul.level_1>li:hover>ul{top:100%;left:1px;} 	.nav-header ul.level_1 ul li{position:relative} 	.nav-header .caret-icon{margin-left:0px; font-size: 10px;} 	.nav-header ul.level_1 >li > a .caret-icon, .nav-header ul.level_1 >li > span .caret-icon{display: inline-block; vertical-align: top;} 	.nav-header .icon-tree{display:none;} 	.nav-header li.hidden-sm-menu-child{display:none !important;} 	.nav-header .hidden-md-menu{display:none;} } @media screen and (max-width:992px) and (min-width:768px){ 	.nav-header .navbar-toggle{ display: inline-block; margin: 10px 10px 10px 0px; float: inherit; background: none; border-color: #ffffff; padding: 5px 20px; color: #ffffff; background: none !important;} 	.nav-header .navbar-collapse{display:none !important;position:absolute;min-width:500px;text-align:left;top:99%; z-index: 9999;} 	.nav-header .navbar-collapse.in{display:block !important;background:none;padding:0px;margin-bottom:15px;} 	.nav-header .navbar-header{float:left;display:block;position:relative;} 	.csticky .nav-header .navbar-toggle{margin-top: 10px;} 	.background-top > div{padding: 5px 15px;} 	.nav-header ul a{color: #000; background: #FFF; border-bottom: 1px solid #e2e2e2; position: relative;} 	.nav-header ul span, .nav-header ul a.active, .nav-header ul a:hover{ background: #ff0000; color: #FFF; border-color: #ff0000;} 	.nav-header ul a.dropdown-toggle, .nav-header ul span.dropdown-toggle{padding-right:50px !important;} 	.nav-header .open>a, .nav-header .open>a:focus, .nav-header .open>a:hover{background:#ff0000;color:#FFF;border-color:#ff0000;} 	.nav-header .dropdown-menu{position:relative;left:0px;width:100%;padding:0px;float:inherit;margin:0px;border:none;margin-bottom:0px;background:none;} 	.nav-header ul.level_1>li>a, .nav-header ul.level_1>li>span{padding-right:7px;padding-left:7px;text-transform:none; } 	.nav-header ul.level_1 ul a, .nav-header ul.level_1 ul span{padding:10px;} 	.nav-header .dropdown-submenu>.dropdown-menu{left:0px;margin-left:0px;} 	.nav-header .caret-icon{position:absolute;right:0px;width:40px;text-align:center;height:100%;z-index:1;background:rgba(202, 202, 202, 0.19);top:0px;display:-webkit-box !important;display:-moz-box !important;display:-ms-flexbox !important;display:-webkit-flex !important;display:flex !important;-webkit-flex-direction:row !important;-ms-flex-direction:row !important;flex-direction:row !important;-webkit-flex-wrap:wrap !important;-ms-flex-wrap:wrap !important;flex-wrap:wrap !important;-webkit-box-pack:center !important;-moz-box-pack:center !important;-webkit-justify-content:center !important;-ms-flex-pack:center !important;justify-content:center !important;-webkit-box-align:center !important;-moz-box-align:center !important;-webkit-align-items:center !important;-ms-flex-align:center !important;align-items:center !important;} 	.nav-header .navbar-collapse.in{left:0px;} } @media screen and (max-width:1200px) and (min-width:992px){ 	.nav-header ul.level_1>li>a, .nav-header ul.level_1>li>span{padding-left: 9px; padding-right: 9px;  font-size: 1em; text-transform: none;} } @media screen and (min-width:1200px){ 	.nav-header ul.level_1>li>a, .nav-header ul.level_1>li>span{padding-left:15px;padding-right:15px;} 	.nav-header .hidden-lg-menu{display:none !important;} } @media screen and (max-width:767px){ 	.nav-header{border:none;background:none;margin-bottom:5px;margin-top:5px;text-align:left; padding:0px;} 	.nav-header .navbar-collapse, .nav-header .navbar-form{margin-bottom:0px;padding-top:10px;border:none;margin-right:0px;margin-left:0px;} 	.nav-header .navbar-toggle{background:  url("/files/system/img/general/resp_menu_btn.png") left top no-repeat; background-size: 48px 48px; border-color: transparent; color: #FFF; position: relative; width: 48px; height: 48px; padding: 0px; text-indent: -99999px; margin: 0px; margin-left: 5px; margin-right: 10px;} 	.nav-header .navbar-toggle span{display:none;} 	.nav-header .navbar-toggle:focus, .nav-header .navbar-toggle:hover{background-color: inherit;box-shadow:none} 	.nav-header a.active, .nav-header li>a:focus, .nav-header li>a:hover, .nav-header .open>a, .nav-header .open>a:focus, .nav-header .open>a:hover{background:#F00;color:#FFF;} 	.nav-header .navbar-toggle .icon-bar{background:#FFF} 	.nav-header .navbar-header{margin-right:0px;margin-left:0px} 	.nav-header .dropdown-menu{display:none;left:0px;background:none;border:none;position:relative;float:inherit} 	.nav-header .open >.dropdown-menu{display:block;} 	.nav-header .dropdown-submenu>.dropdown-menu{left:0px;margin-top:0px;margin-left:5px;top:auto;} 	.nav-header .caret-icon{width:30px;height:30px;vertical-align:middle;position:absolute;right:0px;display:block;line-height:34px;text-align:center;font-size:1.2em;bottom:1px;color:#000;} 	.nav-header .icon-tree{display:none;} 	.nav-header li{position:relative !important; border-bottom: 1px solid #2067fb;} 	.nav-header li.last{border:none; box-shadow: none;} 	.nav-header li a{position:relative !important;background:none;color:#FFF;margin-bottom:1px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;padding:7px 10px;font-size:1em;} 	.nav-header .dropdown-submenu a, .nav-header .dropdown-menu a{white-space:normal;background:none;} }