@charset "utf-8";@import url("../font-awesome/css/font-awesome.min.css");@import url("horeca.css");@import url("sustain.css");html{-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:#f4f4f3;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
@charset "utf-8";@import url("../font-awesome/css/font-awesome.min.css");@import url("horeca.css");@import url("sustain.css");html{-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:#f4f4f3;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
#wrap{border-bottom:2px solid #555 !important}
.z-index{z-index:-1 !important}
.chef .box_btn{height:100px;}
body{margin:0;padding:0;font-family:tahoma;font-size:15px;color:#555;}
img{border:0}
.slidepage{position:relative;margin:0;width:100%;height:700px;}
.box_footer{position:absolute;bottom:0;}
a{color:#555;text-decoration:none;outline:none;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
a:hover{text-decoration:none;outline:none;color:#ec1d23}
a.no_hover{text-decoration:none;cursor:default}
.logostudent{width:100%;float:left;}
.logostudent ul{float:left;margin:0;padding:0;}
.logostudent ul li{width:8%;float:left;list-style:none;}
.logostudent ul li img{width:100%;float:left;}
#Wrapper{margin:0;padding:0;width:100%;position:relative}
#Header{margin:0;padding:0;width:100%;}
#Container{margin:90px 0 0 0;padding:0 0 60px 0;width:100%;position:relative}
#wrap{border-bottom:2px solid #ed1c24;background:#fff;width:100%;position:fixed;top:0 !important;z-index:100;}
.HeaderFix{border-bottom:1px solid #ccc}
.HeaderFix_border{background:#fff;width:100%;position:fixed;top:0;z-index:100;}
.content{max-width:1180px;margin:0 auto;width:96%;position:relative;}
.paddingshow{padding:80px 0 50px 0;}
.box-im368{width:368px;margin:0 auto 20px auto;}
.logo{margin:10px 0;text-align:left;float:left;width: 100px}
.flag{float:right;padding-bottom:10px;}
.clear{clear:both;}
h1,h2,h3{font-family:'DBOzoneXMedium' !important;font-weight:normal;}
h3.txtintro{font-size:24px;color:#fff;margin:0 0 6px 0;text-shadow:1px 1px 1px #000}
h3.txtintro a{color:#fff !important;}
h3.txtintro a:hover{color:#ed1c22;}
#section0{height:auto !important}
#section1{background:#fcfcfc;padding:0;height:700px !important}
#section2{background:#f6f6f6;height:700px !important}
#section3{height:auto !important}
#section4{height:auto !important;}
#section5{height:auto !important;}
#section6{height:auto !important;}
#section7{height:auto !important;}
#section6 .mainBanner{margin-top:0}
.loading, #Loading { display:none}
.menu li { cursor:pointer}
h1.index { margin:0; padding:0; height:0; color:#fff}
.box-face{float:right;margin-top:0;}
#news_position{padding:40px 0 0 0}
.header_right{width:1040px;float:right;margin-left:0;}
.menu{margin:0 0 0 0;padding-left:30px;text-align:right;float:right}
.menu ul{margin:0;padding:0}
.menu ul li{margin:0;padding:0;font-family:'DBOzoneXMedium';font-size:23px;line-height:22px;text-transform:uppercase;list-style:none;display:block;float:left;}
.menu ul li a{color:#444444;text-decoration:none;padding:15px 0 0 30px;display:block;float:left;}
.menu ul li a.language{color:#f00;padding-left:40px;}
.menu ul li a:hover{color:#ec1d23;}
.menu ul li.active, .menu ul li.active a{color:#ec1d23;}
.menu ul li a.selectMN{color:#ec1d23;}
#nav{margin:0 0 0 0;padding-left:30px;text-align:right;float:right}
#nav ul{margin:0;padding:0}
#nav ul li{margin:0;padding:0;font-family:'DBOzoneXMedium';font-size:23px;line-height:22px;text-transform:uppercase;list-style:none;display:block;float:left;}
#nav ul li a{color:#444444;text-decoration:none;padding:15px 0 0 30px;display:block;float:left;}
#nav ul li a:hover{color:#ed1c22;}
#nav ul li.current, #nav ul li.current a{color:#ed1c22;}
#nav ul li a.current{color:#ed1c22;}
.menu_top{margin:10px 0 0 0;padding-left:0;text-align:right;}
.menu_top ul{margin:0;padding:0}
.menu_top ul li{margin:0;padding:0;font-family:'DBOzoneXMedium';font-size:22px;line-height:22px;text-transform:uppercase;list-style:none;display:inline-block;}
.menu_top ul li a{color:#444444;text-decoration:none;padding:0 0 0 0;display:block;float:left;}
.welcome{float:right;margin:6px 20px 0 0;font-size:20px !important;line-height:18px;color:#555;font-family:'DBOzoneXMedium';}
.welcome i{font-size:14px;color:#555;margin:0 5px 0 0}
.welcome span{color:#fff;margin-right:10px;background:#ed1c24;padding:2px 6px;border-radius:3px;}
.welcome a{margin:0 !important;padding:0 !important;display:inline-block;}
.welcome a:hover i{color:#ed1c24}
.line_menu{height:32px;border-left:1px solid #e3e3e3;width:1px;margin:10px 0 10px 20px;}
a.icon_menu{color:#f00 !important;}
a.icon_menu i{display:block;float:left;margin:-1px 7px 0 0;font-style:32px;}
.menu_btm{width:100%;text-align:center;}
.box_mn_btn{margin:0 auto;padding:0;}
.box_mn_btn .div_line{float:left;width:16.6%;font-family:'DBOzoneXMedium';font-size:20px;line-height:20px;}
.box_mn_btn .div_line:hover, .box_mn_btn .div_line a:hover{display:block;color:#ec1d23;text-decoration:none;}
.box_mn_btn .div_line a{color:#555;padding:10px 0;display:block;}
.box_mn_btn img{width:32px;display:block;margin:auto}
.box_mn_img{-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:table-cell block;;vertical-align:middle;margin:0 auto 10px auto;background:#b3b3b3;border-radius:18px;padding:2px 0;text-align:center;width:49px;height:47px;}
.div_line:hover .box_mn_img{background:#ec1d23;color:#ec1d23}
.div_line:hover a{color:#ec1d23;}
#box_index{margin:40px 0 20px -35px}
.box_index{width:135px;float:left;text-align:center;border:1px solid #ccc;border-radius:7px;margin:20px 0 20px 25px}
.box_index img{width:100%;border-radius:7px;padding:2px;}
.box_index.last{width:195px;float:left;}
.box_index:hover{border:1px solid #ec1d23;background:#ec1d23;color:#ec1d23}
.mainBanner{text-align:center;width:100%;height:450px;max-width:1366px;margin:90px auto 0 auto;padding-bottom:0;}
.mainBanner img{width:100%;max-width:1280px;margin:0 auto}
#Home{margin:0 0 0 0;padding-top:90px;position:relative}
#Promotion{margin:0 0 0 0;padding-top:100px;height:760px;padding-bottom:40px;min-height:100%;position:relative;background:#fcfcfc}
.makroMail_info{width:60%;float:left;}
.content-page{height:100%;width:100%;z-index:999;position:absolute;}
.makroMail_login{margin:0 20px 30px 20px;}
.makroMail_login .bar_login{margin-bottom:20px}
.makroMail_login .bar_login h3{font-family:'DBOzoneXMedium';font-size:36px;line-height:36px;color:#555555;}
.makroMail_login .bar_login img{display:block;margin-right:15px;margin-bottom:-8px}
.makroMail_login .btn{margin-right:10px;width:32%;font-size:22px;font-family:'DBOzoneXMedium';line-height:22px;}
.remark{color:#ec1e24}
.icon_new{position:absolute;top:-6px;right:-4px}
.icon_new_index{position:absolute;top:115px;right:-4px;z-index:2}
ul.field_code{margin:0 0 30px 0;padding:0;}
ul.field_code li{list-style:none;display:inline-block;margin:0 1px 0 0}
ul.field_code li.space_input{padding:0 0;}
ul.field_code li input{width:30px;border:1px solid #ccc;padding:3px 4px;text-align:center;}
ul.field_code li.code input{width:60px}
#Member{margin:0 0 0 0;padding-top:100px;padding-bottom:40px;min-height:100%;height:760px;position:relative;background:#f6f6f6;}
.box_message_all h1{font-size:45px;line-height:42px;color:#555;font-family:'DBOzoneXMedium';margin-top:20px;}
.box_message_all h1 span{font-size:45px;line-height:42px;color:#ec1e24;font-family:'DBOzoneXMedium';}
.box_message_all h1 span span{display:block;margin:16px 0;font-size:54px;color:#555;font-family:'DBOzoneXMedium';}
.box_message_all h1 p{font-size:26px;font-family:'DBOzoneXMedium';font-weight:normal;line-height:28px;}
.box_message_all h2{font-size:35px;line-height:32px;color:#555;font-family:'DBOzoneXMedium';margin-top:10px;}
.box_message_all h2 span{font-size:35px;line-height:32px;color:#ec1e24;font-family:'DBOzoneXMedium';}
.box_message_all h2 span span{display:block;margin:16px 0;font-size:54px;color:#555;font-family:'DBOzoneXMedium';}
.box_message_all h2 p{font-size:26px;font-family:'DBOzoneXMedium';font-weight:normal;line-height:28px;}
.box_message_all h3{font-size:28px;line-height:28px;color:#ec1e24;margin:20px 0 15px 0;padding:0}
.box_message_all h3 span{color:#555;font-size:22px;}
.box_message_all h3.txt_regis{font-size:36px;line-height:42px;color:#ec1e24;text-align:center;}
.box_message_all h3.txt_event{font-size:40px;line-height:44px;color:#555;text-align:center;}
.box_message_all h2.txt_regis{font-size:36px;line-height:57px;margin-top:20px;color:#ec1e24;text-align:center;}
.box_message_all h2.txt_regis span{font-size:46px;color:#555;display:block;}
.member:hover h3.txt_regis span{color:#ec1e24}
.box_message_all h3.txt_regis span{font-size:46px;color:#555;display:block;}
.box_message_all h2.txthead_news{font-size:22px;line-height:18px;color:#555;margin:25px 0 20px 0;font-family:'DBOzoneXMedium';}
.box_message_all h2.txthead_news.red{color:#ec1e24;}
.box_message_all h3.txthead_news{font-size:22px;line-height:18px;color:#555;margin:25px 0 20px 0;font-family:'DBOzoneXMedium';}
.box_message_all h3.txthead_news.red{color:#ec1e24;}
.box_message_all h4{font-family:'DBOzoneXMedium';font-size:24px;line-height:22px;color:#ec1e24;margin:0 0 10px 0;padding:0}
.box_message_all h4.txt_branch{font-size:20px;line-height:22px}
.box_message_all h4.txt_career{margin-top:3px;font-size:26px;line-height:26px;color:#555}
.box_message_all h4.txt_career span{font-size:38px;color:#ec1e24;}
.box_message_all span.newbranch{color:#ec1e24}
.img-icon-news{padding:4px 6px;background:#ec1e24;border-radius:10px;margin-right:10px;margin-bottom:-4px}
.img-icon-news img{width:18px}
.img-all{margin:25px 0;}
.fixH_headnews{height:60px;}
.img-broder-radius{border-radius:0 0 4px 4px}
.img-broder-radius-all{border-radius:4px}
.img-broder-radius-btm{border-radius:4px 4px 0 0}
.img_100 img{width:100%;}
.box_message_all .txtfomat{font-size:35px;line-height:36px;color:#555;font-family:'DBOzoneXMedium' !important;margin-top:20px;}
.box_message_all .txtfomat span{display:block;font-size:35px;color:#ec1e24;font-family:'DBOzoneXMedium';}
.box_message_all.caption_index{font-size:25px;line-height:27px;color:#555;font-family:'DBOzoneXMedium' !important;}
.box_message_all.caption_index h3 p{margin:0;padding:0;font-family:'DBOzoneXMedium' !important;color:#ec1e24;font-size:28px;line-height:26px;}
.box_message_all.caption_index h3 p span{font-size:36px;}
span.num{display:inline-block;width:40px;text-align:center;height:40px;color:#fff;background:#ec1e24;border-radius:100%;padding:6px;margin:0 10px 20px 0;float:left;}
span.txt{float:left;padding-top:6px;display:inline-block;}
.box_message_all ol.txtmember_re{margin:0 0 20px 20px !important;padding:0 !important;}
.box_message_all h1.txtShohuay{font-size:35px;line-height:35px;color:#555;font-family:'DBOzoneXMedium' !important;margin-top:0;}
.box_message_all h1.txtShohuay span{font-size:35px;line-height:35px;color:#ec1e24;font-family:'DBOzoneXMedium';}
.box_message_all h2.txtShohuay{font-size:35px;line-height:35px;color:#555;font-family:'DBOzoneXMedium' !important;margin-top:0;}
.box_message_all h2.txtShohuay span{font-size:35px;line-height:35px;color:#ec1e24;font-family:'DBOzoneXMedium';}
.box_message_all h3.txtShohuay{font-size:30px;line-height:30px;color:#ec1e24;font-family:'DBOzoneXMedium';}
.box_message_all .caption_sho{font-size:25px;line-height:24px;color:#555;font-family:'DBOzoneXMedium' !important;margin-top:20px;}
.box_message_all ol{margin:30px 0;padding:0 0 0 30px}
.box_message_all ol li span{color:#ec1e24;font-size:16px;}
.m_top{margin-top:20px !important;}
.box_message_all h3.txt_regis img{margin-bottom:10px;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:0.5s;transition-duration:0.5s;}
.box_message_all:hover h3.txt_regis img{-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-transition-timing-function:cubic-bezier(0.47, 2.02, 0.31, -0.36);transition-timing-function:cubic-bezier(0.47, 2.02, 0.31, -0.36);}
.box_message_all ul.listproduct{margin-left:10px !important;}
.box_message_all h2.txtKhow{font-size:26px;line-height:30px;color:#555;font-family:'DBOzoneXMedium' !important;margin-top:0;margin-bottom:30px;}
.box_message_all h2.txtKhow span{font-size:45px;line-height:48px;color:#ec1e24;font-family:'DBOzoneXMedium';}
.fontDB{font-size:26px;line-height:30px;color:#ec1e24 !important;font-family:'DBOzoneXMedium' !important;}
.fontDB.gray{color:#555 !important}
.box_vision_show{position:relative;background:#fff;border:1px solid #ccc;padding:30px;float:left;width:360px;margin:20px 10px 0 20px;min-height:120px;font-family:'DBOzoneXMedium' !important;font-size:25px;line-height:28px}
.icon_number{position:absolute;top:-13px;left:-13px;}
.coming_show_event{padding:80px 0;text-align:center;}
.padding_right img{border:1px solid #ccc;border-radius:6px;}
.padding_right{padding-right:30px;}
.padding_bottom{padding-bottom:30px;}
ol.benefit{margin:0;padding:0;background:#f5f5f5;padding:20px;color:#555;}
ol.benefit li{margin:0;padding:10px;list-style:none;border-bottom:1px solid #ccc;}
.mail_detail{padding:20px 0;}
.mail_detail i{color:#ec1e24;}
.mail_detail span{font-weight:bold;}
.mail_show{width:1005px;margin:20px auto;text-align:center;}
.line_branch{border-bottom:1px solid #ccc;margin:10px 0;}
ul.branch_type{margin:0 0 30px 15px;padding:0;}
ul.branch_type li{list-style:none;display:block;float:left;margin:0 5px 0 0;padding:0;}
ul.branch_type li a{border-radius:6px;background:#ccc;margin:0 5px 0 0;padding:6px 20px;float:left;display:block;color:#fff;font-family:'DBOzoneXMedium';font-size:24px;}
ul.branch_type li a.type_branch{background:#ec1e24;color:#fff; cursor:pointer}
ul.branch_type li a:hover{background:#ec1e24;color:#fff}
.box_mail{width:50%;margin:0;padding:0;}
button{-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out;font-weight:normal;}
.all_branch{padding:8px 10px !important;font-family:'DBOzoneXMedium';font-size:22px !important;font-size:22px !important;}
a.btn-default, button.btn-default{border:1px solid #ec1e24;font-weight:normal;background:#ec1e24;color:#fff;margin:0 0 0 0;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
a.btn-default img, button.btn-default img, a.btn-default span{margin-right:4px;margin-top:-1px;-webkit-transform:translateZ(0);width:28px;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:0.5s;transition-duration:0.5s;}
a.btn-default:hover, button.btn-default:hover{background:#ec1e24;color:#fff !important;}
a.btn-default:hover img, a.btn-default:hover span{-webkit-transform:scale(1.2);transform:scale(1.2);-webkit-transition-timing-function:cubic-bezier(0.47, 2.02, 0.31, -0.36);transition-timing-function:cubic-bezier(0.47, 2.02, 0.31, -0.36);}
a.btn-gray, button.btn-gray{color:#fff;background-color:#b3b3b3;border-color:#b3b3b3;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
a.btn-gray i{color:#fff;margin-right:5px;}
a.btn-gray:hover i{color:#fff;}
a.btn-gray img, button.btn-gray img{margin-right:7px;margin-top:-1px;}
a.btn-gray:hover, button.btn-gray:hover{color:#fff;background-color:#ec1e24;border-color:#ec1e24;}
.fontFace{font-family:'DBOzoneXMedium';font-size:22px !important;}
a.btn-map, button.btn-map{width:62%;margin-bottom:8px;font-family:'DBOzoneXMedium';font-size:24px;color:#fff;background-color:#b3b3b3;border-color:#b3b3b3;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
a.btn-map img, button.btn-map img{margin-right:7px;margin-top:-1px;}
a.btn-map:hover, button.btn-map:hover{color:#fff;background-color:#ec1e24;border-color:#ec1e24;}
a.btn-map img{-webkit-transform:translateZ(0);width:28px;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:0.5s;transition-duration:0.5s;}
a.btn-map:hover img{-webkit-transform:scale(1.2);transform:scale(1.2);-webkit-transition-timing-function:cubic-bezier(0.47, 2.02, 0.31, -0.36);transition-timing-function:cubic-bezier(0.47, 2.02, 0.31, -0.36);}
a.btn-event{width:100%;margin:0 0 8px 0;font-family:'DBOzoneXMedium';font-size:24px;color:#fff;background-color:#b3b3b3;border-color:#b3b3b3;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
a.btn-event:hover{color:#fff;background-color:#ec1e24;border-color:#ec1e24;}
a.btn-facebook{float:left;display:block;border:1px solid #103480;font-weight:normal;background:#3d5b99;color:#fff;margin:0 4px 0 0;padding:4px 6px;border-radius:4px;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
a.btn-facebook i{margin-right:2px;margin-top:-1px;-webkit-transform:translateZ(0);width:15px;font-size:18px;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:0.5s;transition-duration:0.5s;}
a.btn-send{float:left;display:block;border:1px solid #ec1e24;font-weight:normal;background:#ec1e24;color:#fff;margin:0 4px 0 0;padding:4px 6px;border-radius:4px;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
a.btn-send i{margin-right:2px;margin-top:-1px;-webkit-transform:translateZ(0);width:15px;font-size:18px;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:0.5s;transition-duration:0.5s;}
.box_btn{margin:20px 0 20px 0}
.box_btn_evet{margin:20px}
.box_btn_hr{margin:20px 0 0 0}
.member_policy{position:relative;margin:20px 0;border:1px solid #ccc;border-radius:6px;padding:20px 30px 20px 30px;background:#fff;}
.no-pad{padding:0;margin-bottom:0}
.member_policy:hover{border:1px solid #ec1e24;color:#ec1e24}
.member_policy:hover a{color:#ec1e24}
.member_policy a:hover{color:#ec1e24}
a:hover h3.txt_regis span{color:#ec1e24}
.member_event{overflow:hidden;position:relative;margin:20px 0;border:1px solid #ccc;border-radius:6px;padding:0 0 20px 0;background:#fff;}
.member_event .no-pad{padding:0;margin-bottom:0}
.thumbnail .caption h3{font-size:22px;margin:0;line-height:20px}
.thumbnail .caption p span{font-style:italic;display:block;margin:6px 0 0 0}
.thumbnail .caption strong{display:block;margin-bottom:6px;font-size:16px;}
.thumbnail .caption a.btn{width:100%}
.thumbnail .caption a.preview i{font-size:18px;}
#News{margin:0 0 0 0;padding-top:100px;padding-bottom:40px;min-height:100%;position:relative;background:#fff;}
.News{margin-top:0;margin-bottom:20px}
.News_list{height:400px;overflow:hidden;margin:0 0 15px 0;border:1px solid #ccc;border-radius:6px;padding:20px 0 10px 0;background:#fff;}
.News_list img{width:100%;}
.News_list:hover{border:1px solid #ec1e24}
.News_list_event:hover{border:1px solid #ec1e24}
.News_list_event{overflow:hidden;margin:0 0 25px 0;border:1px solid #ccc;border-radius:6px;padding:0 0 0 0;background:#fff;}
.News_list_event h4.topic_event{font-family:'DBOzoneXMedium';font-size:24px;padding:20px;text-align:center;color:#ec1e24;line-height:18px;}
.News_list_event img{width:100%;border:1px solid #ccc;border-radius:0 0 6px 6px;}
.News_list p.txtdate_news{font-size:26px;line-height:20px;margin-bottom:10px;padding:0;font-family:'DBOzoneXMedium';color:#ec1e24;text-align:center;}
h1.txtdate_news{font-size:24px;line-height:24px;margin-bottom:10px;padding:0;font-family:'DBOzoneXMedium';color:#ec1e24;}
.News_list .caption_news{padding:10px 20px;}
.News_list h2.topic_news{font-family:tahoma !important;color:#ec1e24;font-size:14px;line-height:18px;font-weight:bold;}
.News .btn{width:100%;font-family:'DBOzoneXMedium';font-size:22px;line-height:22px;padding-top:12px}
.News_list a{color:#555;text-decoration:none}
.News_list a:hover{text-decoration:none;color:#ec1e24}
.box_gallery{margin:0 0 20px 0;padding:0 0 20px 0;border-bottom:1px solid #ccc;}
.box_gallery ul{margin:0;padding:0;}
.box_gallery ul li{margin-right:30px;float:left;list-style:none;font-family:'DBOzoneXMedium';font-size:24px}
.box_gallery ul li span{color:#fff;text-align:center;margin-right:10px;font-size:18px;display:block;background:#ec1e24;padding:10px;border-radius:4px;}
.box_vdo{text-align:center;}
.box_vdo iframe{width:900px;margin:0 auto}
.text-news-detail{margin-bottom:0;padding-bottom:0}
#Shohuay{margin:0 0 0 0;padding-top:90px;padding-bottom:0;min-height:630px;position:relative;background:#fff;}
.bgShohuay{position:relative;width:100%;background:url(../images/Banner_sho.jpg) no-repeat top center;height:420px;}
.bgShohuay_caption{position:absolute;background:#fff;top:50%;left:50%;margin-top:-50px;margin-left:-100px;padding:30px 50px;border-radius:6px;}
.bgShohuay_caption h2{font-size:38px;line-height:28px;color:#ec1e24;font-family:'DBOzoneXMedium' !important;margin-top:0;}
.Shohuay_SubMn{padding:0 0 20px 0;}
.Shohuay_SubMn img{margin-right:15px;}
.Shohuay_SubMn h2{font-family:'DBOzoneXMedium';font-size:25px;line-height:22px;color:#555;margin:0 0 0 0;padding:0;}
.space-top{margin-top:25px}
.Shohuay_SubMn a{color:#555;}
.Shohuay_SubMn a:hover h2{color:#ec1e24}
.Shohuay_SubMn a img{-webkit-transform:translateZ(0);width:70px;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:0.5s;transition-duration:0.5s;}
.Shohuay_SubMn a:hover img{-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-transition-timing-function:cubic-bezier(0.47, 2.02, 0.31, -0.36);transition-timing-function:cubic-bezier(0.47, 2.02, 0.31, -0.36);}
.offset-label{margin-left:-30px}
.offset-label2{margin-left:-20px}
#Investor{margin:0 0 0 0;padding-top:90px;padding-bottom:0;min-height:770px;position:relative;background:#fff;}
.bg_msg{background:url(../images/bg_msg.jpg) no-repeat bottom center;}
.box_popup{padding:40px 40px 80px 40px}
.box_popup h2{text-align:center;font-size:28px;line-height:28px;color:#555;font-family:'DBOzoneXMedium' !important;margin-top:0;}
.box_popup h2 span{color:#ec1e24;font-size:32px;}
.banner_footer{margin:30px 0;}
.banner_footer img{width:100%;}
.bgIR{position:relative;width:100%;background:url(../images/banner_ir.jpg) no-repeat top center;height:321px;}
.box_number{height:40px;width:40px !important;vertical-align:middle;display:table-cell;border-radius:12px;margin:0 10px 10px 0;background:#ec1e24;color:#fff;font-family:'DBOzoneXMedium';font-size:28px;text-align:center;}
.box_board td{padding-top:10px;}
.box_financial{margin:20px 0 0 0;background:url(../images/logo_makro_cover_financial.jpg) no-repeat top center;padding:130px 0px 0px 0px;overflow:hidden;border:1px solid #ccc;border-radius:8px;}
.box_financial h3{padding:0 0 20px 0;font-family:'DBOzoneXMedium' !important;font-size:28px;line-height:26px;text-align:center;min-height:140px;}
.btn-download{background:#b3b3b3;padding:13px 0;text-align:center;color:#fff;font-family:'DBOzoneXMedium' !important;font-size:24px;}
.btn-download img{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:0.5s;transition-duration:0.5s;}
.box_financial:hover .btn-download img{-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-transition-timing-function:cubic-bezier(0.47, 2.02, 0.31, -0.36);transition-timing-function:cubic-bezier(0.47, 2.02, 0.31, -0.36);}
.box_financial:hover .btn-download{background:#ec1e24}
.box_detail_year{font-family:'DBOzoneXMedium';font-size:20px;line-height:22px;min-height:450px;margin:20px 0 0 0;border-radius:8px;border:1px solid #ccc;background:#fcfcfc;padding:0 20px 20px 20px;}
.annual{margin:20px 0 0 0;padding:0;background:none}
.annual_cover img{width:100%;}
.box_detail_year ul{margin:10px 20px;padding:0;}
.box_detail_year ul li{margin-left:0;background:url(../images/icon/bullet_sitemap.png) no-repeat top left;padding:0 0 10px 10px;list-style:none;}
.table_invest{margin:20px 0;}
.table_invest .tdhead{border-bottom:none;background:#ec1e24;color:#fff;padding:8px 0;font-family:'DBOzoneXMedium';font-size:25px;text-align:center;}
.table_invest table tbody tr td{padding:12px 18px}
.table_invest tbody tr:nth-of-type(odd){background-color:#f9f9f9;}
.bgContentShohuay{margin-top:20px;background:#f7f7f7;padding:20px 0 40px 0}
.boxKhow{min-height:300px;background:#fff;border-radius:8px;margin-bottom:30px;}
.boxKhow div{border-radius:8px 8px 0 0;font-size:30px;line-height:30px;color:#fff;font-family:'DBOzoneXMedium' !important;font-weight:normal;padding:20px;margin:0;background:#ec1e24;}
.boxKhow ul{margin-top:20px;margin-bottom:20px;padding-bottom:20px;}
.boxMem{min-height:300px;background:#f5f5f5;border-radius:8px;margin-bottom:30px;}
.boxMem div{min-height:110px;text-align:center;border-radius:8px 8px 0 0;font-size:25px;line-height:25px;color:#fff;font-family:'DBOzoneXMedium' !important;font-weight:normal;padding:20px;margin:0;background:#ec1e24;}
.boxMem ul{margin-right:20px;margin-top:20px;margin-bottom:20px;padding-bottom:20px;}
.txtfield{width:90px;display:block;text-align:right;float:left;padding:18px 10px 0 0;font-family:'DBOzoneXMedium';font-size:22px;line-height:30px;}
.select-style{float:left;width:300px;padding:0;margin:0 15px 0 0;border:1px solid #ccc;border-radius:4px;overflow:hidden;background-color:#fff;background:#fff url("../images/icon_select.png") no-repeat 100% 50%;}
.select-style select{padding:9px 12px;width:100%;border:none;box-shadow:none;font-family:'DBOzoneXMedium' !important;font-size:22px;background-color:transparent;background-image:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.select-style select:focus{outline:none;}
.position-field{float:left;width:90px;text-align:right;padding:7px 7px 0 0}
.position-select{width:230px;float:left;}
.position-select-field{float:left;width:220px;padding:0;margin:0 15px 0 0;border:1px solid #ccc;border-radius:4px;overflow:hidden;background-color:#fff;background:#fff url("../images/icon_select.png") no-repeat 100% 50%;}
.position-select-field select{padding:9px 12px;width:100%;border:none;box-shadow:none;font-family:'DBOzoneXMedium' !important;font-size:22px;background-color:transparent;background-image:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.position-select-field select:focus{outline:none;}
.select-style-brand{float:left;width:100%;padding:0;margin:0 15px 0 0;border:1px solid #ccc;border-radius:4px;overflow:hidden;background-color:#fff;background:#fff url("../images/icon_select.png") no-repeat 100% 50%;}
.select-style-brand select{padding:9px 12px;width:100%;border:none;box-shadow:none;font-family:'DBOzoneXMedium' !important;font-size:22px;background-color:transparent;background-image:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.select-style-brand select:focus{outline:none;}
.shoIdea{margin:30px 0;}
.shoIdea ul{margin:0;padding:0;}
.shoIdea ul li{text-align:center;margin:0 0 30px 0;padding:0;list-style:none;width:24%;float:left;}
.shoIdea ul li img{margin-bottom:20px;}
.shoIdea ul li p{font-family:'DBOzoneXMedium';font-size:26px;line-height:30px;color:#555}
.shoIdea ul li:hover p{color:#ec1e24}
.shoIdea ul li a p{color:#555}
.shoIdea ul li a:hover p{color:#ec1e24}
.horecaMenu{margin:30px 0;}
.horecaMenu ul{margin:0;padding:0;}
.horecaMenu ul li{text-align:left;list-style:none;margin-bottom:40px;}
.horecaMenu ul li img{margin-bottom:10px;width:100%;border-radius:6px;}
.horecaMenu ul li p{font-family:'DBOzoneXMedium';font-size:22px;line-height:22px;color:#555}
.horecaMenu ul li:hover p{color:#ec1e24}
.horecaMenu ul li a p{color:#555;margin-bottom:0;min-height:80px;}
.horecaMenu ul li a .biv{min-height:200px;}
.horecaMenu ul li a:hover p{color:#ec1e24}
.more_income{margin-bottom:30px;}
.more_income_detail{background:#fff;border-radius:6px;border:1px solid #ccc;padding:0 20px 20px 20px;}
.more_income_detail.pad_top{padding:20px;margin-bottom:30px;}
.box-article{margin:0 0 70px 0;padding:0;}
.box-article h1{margin:0;padding:0 0 25px 0;font-size:36px;line-height:32px;color:#ec1e24}
.box-article h2{margin:0;padding:0 0 15px 0;font-size:28px;line-height:26px;color:#555}
.box-article h3{margin:0;padding:0 0 15px 0;font-size:28px;line-height:26px;color:#555}
.box-Quote{text-align:center;margin:0 0 30px 0}
.box-Quote h2{font-family:'DBOzoneXMedium';font-size:32px !important;line-height:38px;color:#ec1e24}
.box-Quote p{font-family:'DBOzoneXMedium';font-size:32px !important;line-height:38px;color:#ec1e24}
.box-left{float:left;width:49%;margin-bottom:30px}
.box-right{float:right;width:49%;margin-bottom:30px}
.box-left img , .box-right img{width:100%;border-radius:6px;}
.box-center{margin-bottom:30px;}
.box-center img{width:100%;max-width:800px;display:block;margin:0 auto;border-radius:6px;}
.box-right iframe , .box-left iframe , .box-center iframe{width:100%;height:350px}
div.txtchef{margin:0;padding:0;}
.tbl_manage{}
.tbl_manage .checkbox{padding:0;margin:0;}
.tbl_manage .img-preview img{width:100%;}
.tbl_manage .img-preview{width:150px;}
.tbl_manage thead{text-align:center;background:#cc232b;color:#fff;font-family:'DBOzoneXMedium';font-size:22px;line-height:30px;}
.tbl_manage thead th{text-align:center;}
.tbl_manage td{text-align:center;}
.tbl_manage .text_date{width:140px}
.tbl_manage .txtbold{text-align:left;background:#c4c4c4;color:#fff;font-family:'DBOzoneXMedium';font-size:24px;line-height:24px;}
.lang{font-size:18px;}
.board{margin-top:40px;}
.board_img{margin-bottom:20px;background:#fff;border:1px solid #ccc;border-radius:6px}
.board_img:hover{border:1px solid #cc232b;}
.board_img img{width:100%;border-radius:6px 6px 0 0;}
.board_img p{min-height:90px;padding:15px;font-family:'DBOzoneXMedium';font-weight:normal;font-size:22px;line-height:22px;color:#cc232b}
.board_img p span{font-size:18px;line-height:18px;color:#555;display:block;font-family:'DBOzoneXMedium';}
.modal-board{width:970px !important;}
.tbl_manage.tbl_borad td{text-align:left}
.bgProduct{position:relative;width:100%;background:url(../images/banner_product.jpg) no-repeat top center;height:420px;}
.box_pro{text-align:center;margin:30px 0 0 0}
.bgHoreca{position:relative;width:100%;background:url(../images/banner_horeca.jpg) no-repeat top center;height:420px;}
.bgHR{text-align:center;position:relative;width:100%;}
.bgHR img{width:100%;max-width:1366px;margin:0 auto;}
.bgHR img a{display:block;margin:0 auto}
#event{margin:0 0 0 0;padding-top:20px;padding-bottom:0;position:relative;background:#f6f6f6;}
.event{width:60%;margin:20px auto}
span.font{font-family:'DBOzoneXMedium';font-size:25px;line-height:27px;color:#555;}
.banner_slide{width:900px;margin:0 auto}
#Footer{border-top:1px solid #ccc;padding:30px 0 30px 0;}
#sitemap{}
.sitemap{width:30%;float:left;text-align:left;margin-left:20px;}
ul.sitemap_list{margin:0 0 0 20px;padding:0;}
ul.sitemap_list li{margin:0;padding:0;list-style:none;}
.sitemap h4{font-family:'DBOzoneXMedium';font-size:22px;color:#ec1e24;line-height:22px;margin:0 0 10px 0;padding:0;}
.sitemap ul{margin:0 0 20px 0;color:#555;padding:0 0 0 10px;font-family:'DBOzoneXMedium';font-size:20px;line-height:22px;}
.sitemap ul li a{color:#555;text-decoration:none;}
.sitemap ul li{background:url(../images/icon/bullet_sitemap.png) no-repeat top left;padding:0 0 0 10px;list-style:none;}
.sitemap ul li a:hover{color:#ec1e24}
.txt_call{font-family:'DBOzoneXMedium';font-size:26px;text-align:center;line-height:26px;color:#555;}
.txt_call p{font-size:40px;color:#ec1e24;line-height:28px}
.txt_call p i{font-size:28px;}
.sitemap h4 a{color:#ec1e24}
.txt_call div{font-size:25px;line-height:26px;}
.txt_call div span{color:#ec1e24;l}
.border-footer{border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding-top:30px;margin-bottom:30px;padding-bottom:30px;margin-top:30px;}
.copy{text-align:center;font-size:12px;padding:0 20px;}
#AboutMakro{margin:0 0 0 0;padding-top:90px;padding-bottom:0;min-height:100%;position:relative;background:#fff;}
.bgAbout{position:relative;width:100%;background:url(../images/banner_about.jpg) no-repeat top center;height:420px;}
.img-vision{margin:40px 0;}
.img-vision img{margin:0 auto;display:block;}
#bannerHeader{display:none;width:100%;position:relative;padding:20px 0;background:#fbfbfb}
h2.txtheader{font-family:'DBOzoneXMedium';font-size:42px;line-height:42px;color:#555;padding:0;}
#barHeader{border-bottom:1px solid #bfbfbf !important;margin-bottom:0}
.submenu-8{width:12.5%;margin-right:0 !important}
.submenu{margin:0 20px 0 0;padding:0;float:left;display:block;position:relative;}
.submenu-9{width:11.1%;margin-right:0 !important}
.submenu a{padding:20px 0;display:block;font-family:'DBOzoneXMedium';font-size:20px;line-height:18px;color:#555;position:relative;}
.submenu a:hover{text-decoration:none;color:#ee1c27}
.submenu a .box_submn_img img{max-height:100%;max-width:100%;width:auto;height:auto;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:0.5s;transition-duration:0.5s;padding:4px}
.submenu a .box_submn_img{position:relative;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:block;vertical-align:middle;float:left;background:#b3b3b3;border-radius:12px;padding:3px 0;text-align:center;width:34px;height:32px;margin-right:10px;}
.submenu a:hover .box_submn_img{background:#ec1d23;color:#ec1d23}
.submenu a:hover{color:#ec1d23;}
.submenu a:hover img{-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-transition-timing-function:cubic-bezier(0.47, 2.02, 0.31, -0.36);transition-timing-function:cubic-bezier(0.47, 2.02, 0.31, -0.36);}
.submenu>a>.box_text{display:block;vertical-align:middle;float:left;position:relative;padding:0;height:32px;}
.submenu>a>.box_text span{display:block;margin:8px 0 0 0}
.submenu a.selectSubMn .box_submn_img{background:#ec1d23;}
.submenu a.selectSubMn .box_text{color:#ec1d23;}
.submenu:hover .dropdown{display:block;}
.dropdown{background:#fff;z-index:1000;display:none;position:absolute !important;top:65px;left:0;background:url(../images/icon/arrow_dropdown.png) no-repeat top left;padding:8px 0;}
.dropdown-border{background:#fff;border:1px solid #ccc;border-top:0;width:100%;padding:15px 0;width:350px !important;}
ul.submenu_dropdown{margin:0;padding:0}
ul.submenu_dropdown li{float:none;margin:0;padding:0;list-style:none;border-bottom:1px solid #ccc;display:block !important;}
ul.submenu_dropdown li a{float:none;display:block !important;width:100% !important;padding:10px 15px !important;}
ul.submenu_dropdown li a:hover{background:#ec1d23;color:#fff !important}
ul.submenu_dropdown li:last-child{border-bottom:none}
.submenu:hover .box_submn_img{background:#ec1d23}
.submenu:hover .box_text{color:#ec1d23}
.nav{text-align:right;padding-bottom:40px;color:#ec1d23;padding-top:20px;}
.nav a{color:#555;text-decoration:none;}
#pagination{width:36%;margin:50px auto 0 auto;text-align:center;}
.bgContact{background:url(../images/bgcontact.gif) repeat-y top center;width:100%;padding-bottom:60px;}
.bgContact_hr{background:url(../images/bgcontact_hr.gif) repeat-y top center;width:100%;padding-bottom:60px;}
.bgContact_regis{background:url(../images/bgcontact_rigis.gif) repeat-y top center;width:100%;padding-bottom:60px;}
.contact_address{width:450px}
.caption_member{width:80%}
.contact_address h3{color:#555;margin:0 0 10px 0}
.contact_address p{margin:0 0 20px 0;width:70%}
.contact_address td.tel{color:#ec1d23;font-size:14px;}
.contact_address td.tel a{color:#ec1d23;font-size:14px;}
.contact_address td.tel span{background:#ec1d23;border-radius:100%;padding:7px;color:#fff;display:block;margin:0 10px 10px 0}
.btn_all_branch{margin:0 0 20px 0;text-align:center;width:66%;}
.btn_all_branch a{background:#ec1d23;padding:10px 0;text-align:center;color:#fff;font-family:'DBOzoneXMedium';font-size:26px;line-height:26px;width:100%;border-radius:6px;display:block;}
.btn_all_branch span{display:inline-block;margin:0 10px 0 0;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:0.5s;transition-duration:0.5s;}
.btn_all_branch a:hover{color:#fff;text-decoration:none;}
.btn_all_branch a:focus{color:#fff;text-decoration:none;}
.btn_all_branch:hover span{-webkit-transform:scale(1.2);transform:scale(1.2);-webkit-transition-timing-function:cubic-bezier(0.47, 2.02, 0.31, -0.36);transition-timing-function:cubic-bezier(0.47, 2.02, 0.31, -0.36);}
.contact_img_branch{margin:0 0 20px 0}
.contact_form{width:100%}
.contact_form h3{margin:0 0 20px 0}
.contact_form span{color:#f00;font-size:13px}
.barPopup{background:#ec1d23;border-radius:6px 6px 0 0}
.barPopup h4{color:#fff;font-family:'DBOzoneXMedium';font-size:26px;line-height:26px;}
.modal-title img{width:30px;}
ul.listBranch{margin:10px 0 0 0;padding:0 0 0 0}
ul.listBranch li{list-style:none;padding:0 0 5px 0}
.img-popup-map img{width:100%;max-width:750px;}
.img-popup-map iframe{width:100%;max-width:800px;border:none;min-height:450px}
.contact-page{background:url(../images/bgcontact.gif) repeat-y top center;margin:0 0 0 0;height:1460px;}
#Career{margin:0 0 0 0;padding-top:90px;padding-bottom:40px;min-height:100%;position:relative;background:#fff;}
.bgCareer{background:#f5f5f5;width:100%;padding-bottom:60px;padding-top:30px;min-height:240px;}
.bgZone{background:#f5f5f5;width:100%;padding-bottom:60px;padding-top:10px;min-height:240px;}
.bgMail{background:#f5f5f5;width:100%;padding-bottom:10px;padding-top:10px;}
.barSearch{background:#fff;padding:20px 0;margin-bottom:0}
.barSearch .margin-left{margin-right:-60px}
.careerList{background:#fff;border-radius:6px;padding:20px;}
.careerList ul{margin:0;padding:0;}
.careerList ul li{margin:0;padding:3px 0 3px 4px;list-style:none;font-size:22px;font-family:'DBOzoneXMedium';line-height:22px;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out;cursor:pointer;}
.careerList ul li span.bullet{font-size:10px;margin-right:5px;padding-top:5px;display:block;float:left;color:#ec1d23;}
.careerList ul li span.text_position{display:block;float:left;width:90%}
.careerList ul li:hover{background:#f5f5f5}
.careerList ul li.selectPosition{background:#ec1d23;color:#fff}
.careerList ul li.selectPosition a{background:#ec1d23;color:#fff}
.careerList ul li.selectPosition a span.bullet{color:#fff}
.careerList ul li.selectPosition span{color:#fff}
.careerDetail{background:#fff;padding:20px;border-radius:6px;}
.careerDetail p{margin:20px 0}
.careerDetail h3{margin:0 0 20px 0}
#pagination_career{width:100%;margin:20px auto 0 auto}
label.text-topic-form{font-size:16px;margin:15px 0;}
.careerDetail table td{padding:3px;}
.box_regis_left{width:80%}
.box_langding_left{width:90%}
#Loading{position:fixed;_position:absolute;height:100%;width:100%;top:0;right:0;background:#111;opacity:0.4;z-index:100;}
.loading{z-index:200;font-size:14px;position:fixed;top:50%;width:100%;text-align:center;color:#fff;}
.loading span{border-radius:10px;background:#111;padding:30px;}
.boxmail{width:40%;float:left}
.box-form{width:800px;}
.box-cover-left{float:left;width:200px;margin:0 0 0 0}
.box-cover-right{float:left;width:800px;}
.box-cover-right ul{margin:0;padding:0;}
.box-cover-right ul li{margin:0 20px 20px 0;padding:0;list-style:none;float:left;display:block;width:112px;height:112px;color:#fff;}
.box-cover-right ul li a{padding:10px;font-family:'DBOzoneXMedium';border-radius:16px;font-size:26px;line-height:28px;width:112px;height:112px;display:table-cell;vertical-align:middle;text-align:center;color:#fff;}
.location{color:#69c4b7 !important;}
.select{color:#f9c419 !important;}
.price{color:#ff1181 !important;}
.layout{color:#e24b7d !important;}
.decorate{color:#3ab44b !important;}
.promote{color:#8660a7 !important;}
.stock{color:#29b5e8 !important;}
.different{color:#eb2129 !important;}
.box-cover-right ul li a:hover{color:#111;}
.box-cover-right ul li a.selectMRA{color:#111;}
.img-100 img{width:100%;}
.img-80{width:80%;margin:0 auto}
.img-80 img{width:100%;}
.msg{padding-top:60px;}
#head_mobile{display:none !important;}
#head_pc{display:block;}
.cd-main-header{display:none}
.hide-mobile{display:block;}
#barHeader{display:block;}
#Home_mobile{display:none}
#menu_mobile{display:none}
#contact_mobile{display:none;}
.banner_head{display:none}
h2.txt_head_mobile{display:none;color:#ed1c22;font-size:22px;font-family:'DBOzoneXMedium' !important;font-weight:normal;}
.icon-submn{display:none}
.mainBanner{display:block;}
#banner_mobile{display:none}
.txt_call{text-align:center;}
.box_event_inner{width:80%;margin:0 auto}
#facebook_pc{display:block;}
#facebook_mobile{display:none;}
.remark-table{display:none}
#show-pc-only{display:block;}
#show-mobile-only{display:none}
.seven-cols .col-md-1,
.seven-cols .col-sm-1,
.seven-cols .col-lg-1{width:14.285714285714285714285714285714%;*width:14.285714285714285714285714285714%;}
.open-time{font-size:20px !important;line-height:20px !important;padding-bottom:10px;}
.Conworkshop{margin:0 0 50px 0;padding:20px 20px 20px 0;border:1px #c1c1c1 solid;}
.workshopgall{margin:0;padding:0;}
.workshopgall h1{font-family:'DBOzoneXMedium';font-size:24px;line-height:24px;}
.workshopHead{font-family:'DBOzoneXMedium';font-size:35px !important;line-height:35px;color:#ec1e24;}
.workshopgall ul{margin:0;padding:0;}
.workshopgall ul li{width:18%;padding:0;margin:2% 0 0 2%;float:left;display:block;list-style:none;}
.workshopgall ul li img{width:100%}
/**/.Boxbtninsertion{margin:20px 0 0 0;padding:0;}
.btninsertion{padding:7px 20px;margin:0 auto;width:30%;background:#eb1c22;border-radius:10px;color:#FFF !important;font-size:22px;text-align:center;}
.btninsertion a{padding:7px 20px;margin:0 auto;width:30%;background:#eb1c22;border-radius:10px;color:#FFF !important;font-size:22px;text-align:center;}
.divchallengeL{width:45%;float:left;}
.divchallengeR{width:45%;float:right;}
.btnchallenge{padding:30px 0;margin:0 auto;width:100%}
.btnchallenge_L{float:left;padding:7px 20px;margin:0 20px 0 0;background:#eb1c22;border-radius:10px;color:#FFF !important;font-family:'DBOzoneXMedium';font-size:24px;text-align:center;}
.btnchallenge_L a{color:#FFF;}
.btnchallenge_L a:hover{color:#000 !important;}
.btnchallenge_R{float:right;padding:7px 20px;margin:0;background:#eb1c22;border-radius:10px;color:#FFF !important;font-family:'DBOzoneXMedium';font-size:24px;text-align:center;}
.btnchallenge_R a{color:#FFF;}
.btnchallenge_R a:hover{color:#000 !important;}
.youtube iframe{margin:0;padding:0;text-align:center;width:80% !important;height:450px;}
.showhuayconL{width:48%;float:left;}
.showhuayconR{width:48%;float:right;}
.marginauto{margin:0 auto !important;text-align:center;}
.box_btn_L{text-align:center;padding:7px 20px;margin:20px auto;width:70%;background:#eb1c22;border-radius:10px;font-family:'DBOzoneXMedium';font-size:24px;}
.box_btn_L a{color:#FFF;}
.box_btn_L a:hover{color:#000 !important;}
.workshop1dec{margin:0;padding:0;}
.workshop1dec h1{font-family:'DBOzoneXMedium';font-size:24px;line-height:24px;}
.workshop1dec ul{margin:0;padding:0;}
.workshop1dec ul li{width:23%;padding:0;margin:2% 0 0 2%;float:left;display:block;list-style:none;}
.workshop1dec ul li img{width:100%}
/**/.chat-block{position:fixed;right:6%;bottom:0;z-index:99;}
.chat-block .btn-chat{font-family:'DBOzoneXMedium';font-size:17px !important;height:45px;background-color:#198f19;color:#fff;position:relative;padding:13px;padding-left:60px;border:none;border-radius:3px 3px 0 0;margin:0;overflow:hidden;outline:none !important;}
.chat-block .btn-chat span{color:#fcff00;}
.chat-block .btn-chat span.chat-icon{background-color:#00c300;position:absolute;left:0;top:0;padding:5px;border-top-left-radius:5px;}
.chat-block #advice{background:#FFF;}
.chat-block #advice img{margin:0 auto;}
.box_message_horeca{font-size:22px;font-family:'DBOzoneXMedium';font-weight:normal;line-height:26px;color:#555;padding-bottom:50px !important;}
.box_message_horeca span{color:#ec1e24;font-size:28px;line-height:38px;}
.box_message_horeca h1{font-size:42px !important;font-family:'DBOzoneXMedium';font-weight:normal;line-height:42px;color:#ec1e24;text-align:center;}
.box_message_horeca h1 span{font-size:30px;line-height:30px;}
.box_message_horeca h2.txtact{font-size:36px !important;font-family:'DBOzoneXMedium';font-weight:normal;line-height:30px;color:#ec1e24 !important;text-align:center;margin-bottom:30px !important;padding-bottom:0 !important}
ul.horeca{margin:0 0 20px 7%;padding:0;}
ul.horeca li{padding:10px 0 0 0;}
.DivBoxWhistle{width:32%;padding:15px 20px;margin:50px 0 0 0;text-align:center;background-color:#ec1d23;color:#FFFFFF;font-family:'DBOzoneXMedium';font-size:26px;line-height:26px;border-radius:6px;}
.DivBoxWhistle a, .DivBoxWhistle a:hover{text-align:center;background-color:#ec1d23;color:#FFFFFF;font-family:'DBOzoneXMedium';font-size:22px;line-height:26px;}
.ConWhistle h1{color:#ec1e24 !important;font-family:'DBOzoneXMedium';font-size:26px;line-height:26px;padding-bottom:10px;}
.TableWhistle{margin:0;padding:0;width:100%;}
.TableWhistleL{float:left;padding:0 0 15px 0;width:10%;}
.TableWhistleR{float:right;width:90%}
.TableWhistleR p{margin:20px 0 0 0;}
.DivJadhai{text-align:center}
.DivJadhai ul{width:100%;padding:20px 0 20px 0 !important;margin:0 auto;}
.DivJadhai li{width:20%;padding:15px 20px;margin:0 10px;text-align:center;background-color:#ec1d23;color:#FFFFFF;font-family:'DBOzoneXMedium';font-size:26px;line-height:26px;border-radius:6px;display:inline-block;}
.DivJadhai li a, .DivJadhai li a:hover{text-align:center;background-color:#ec1d23;color:#FFFFFF;font-family:'DBOzoneXMedium';font-size:26px;line-height:26px;}
/**/.Past_act{height:400px;overflow:hidden;margin:0 0 10px 0;border:1px solid #ccc;border-radius:6px;padding:0;background:#fff;}
.Past_act img{width:100%;}
.captionpast{padding:10px 20px 0 20px;}
.captionpast p{font-family:'DBOzoneXMedium';color:#ec1e24;text-align:right;font-size:20px;padding-top:10px;}
.Divpast{padding-right:15px;overflow:hidden;}
.Divpast img{width:100%;margin:0 0 10px;}
/**/.HorecaChaLeft{width:40% !important;float:left;padding:0;margin:0;}
.HorecaChaLeft h1{font-size:30px !important;font-family:'DBOzoneXMedium';font-weight:normal;line-height:30px;color:#ec1e24 !important;padding-bottom:15px;margin:0;text-align:left !important;}
.HorecaChaLeft h2{font-size:30px !important;font-family:'DBOzoneXMedium';font-weight:normal;line-height:30px;color:#000 !important;padding-bottom:15px;margin:0;text-align:left !important;}
.HorecaChaR{width:50% !important;float:right;padding:0;margin:0;}
.HorecaChaR img{width:100% !important;}
.VdoHoreca{margin:0 auto;padding:0;text-align:center;}
.VDOsize{width:100%;height:350px;}
.HorecaGallery{padding:50px 0 0 0;}
.HorecaGallery h1{font-size:30px !important;font-family:'DBOzoneXMedium';font-weight:normal;line-height:30px;color:#ec1e24 !important;padding:25px 0 10px 0;border-top:1px solid #999;text-align:left;}
.imgGalleryHo a{margin-bottom:5px !important;display:inline-block;}
.SeeNext{float:right;width:100%;text-align:right;font-size:22px;margin-top:30px;}
ul.month{margin:20px 0 15px 0;padding:0;}
ul.month li{list-style:none;display:block;float:left;margin:0 5px 5px 0;padding:0;}
ul.month li a{border-radius:6px;background:#ccc;margin:0 0 0 0;padding:6px 15px;float:left;display:block;color:#fff;font-family:'DBOzoneXMedium';font-size:23px;}
ul.month li a.select_month{background:#ec1e24;}
.tbl_manage{overflow:auto}
.clear-3{clear:both}
.fontFace.font28{font-size:28px !important}
.box-leftchef{float:left;width:49%;margin-bottom:40px}
.box-rightchef{float:right;width:51%;margin-bottom:40px}
.box-left img , .box-right img{width:100%;border-radius:6px;}
.box_popupchef{padding:30px 30px 10px 30px;width:100%;min-height:360px;}
/**/@media screen and (min-width:980px) and (max-width:1179px){.header_right{width:800px;}
#nav ul li a{padding-left:15px}
#nav ul li{margin:0;padding:0;font-family:'DBOzoneXMedium';font-size:20px;line-height:22px;text-transform:uppercase;list-style:none;display:block;float:left;}
#box_index{margin:40px 0 20px -25px}
.box_index{width:130px;margin:20px 0 0 25px}
.box_index.last{width:190px;float:left;}
.mainBanner{height:auto}
.News_list{height:450px;}
.box_message_all h3.txthead_news{font-size:18px;}
.box_message_all h2.txthead_news{font-size:18px;}
.img-all img{width:100%;}
.msg{padding-top:180px;}
.submenu.submenu-9 a{font-size:15px}
.DivJadhai ul{width:100% !important;}
.DivJadhai li{width:30% !important;}


/**/}
@media screen and (max-width:1280px){.fadeInUp{animation-name:none}
}
@media screen and (max-width:1100px){#section0,#section1,#section2,#section3,#section4,#section5,#section6,#section7{height:auto !important}
	.DivBoxWhistle a, .DivBoxWhistle a:hover{font-size: 18px}	
.menu{margin:0 0 0 0;padding-left:0;text-align:right;float:right}
.menu ul li a{color:#444444;text-decoration:none;padding:15px 0 0 15px;display:block;float:left;}
.menu ul li{font-size:20px}
.box_message_all h3.txtShohuay{font-size:24px;line-height:24px;color:#ec1e24;font-family:'DBOzoneXMedium';}
.Conworkshop{margin:0 0 50px 0;padding:20px 20px 20px 0;border:1px #c1c1c1 solid;}
.workshopgall{margin:0;padding:0;}
.workshopgall h1{font-family:'DBOzoneXMedium';font-size:24px;line-height:24px;}
.workshopHead{font-family:'DBOzoneXMedium';font-size:32px !important;line-height:32px;color:#ec1e24;padding-left:10px;}
.workshopgall ul{margin:0;padding:0;}
.workshopgall ul li{width:18%;padding:0;margin:2% 0 0 2%;float:left;display:block;list-style:none;}
.workshopgall ul li img{width:100%}
.board_img{min-height:300px;}
.box_financial h3{font-size:26px;line-height:26px;}
.header_right{width:800px;}
.form-group .col-md-3, .form-group .col-md-9{width:100% !important;text-align:left !important;margin-bottom:6px;}
.form-group .col-sm-offset-3{margin-left:0 !important}
.form-group .col-md-2{width:100% !important;text-align:left !important;margin-bottom:6px;}
.all_branch{margin-top:40px !important;}
.bgContact{background:url(../images/bgcontact1024.gif) repeat-y top center;}
#Contact{background:url(../images/bgcontact1024.gif) repeat-y top center;}
.box_message_all h2{font-size:34px;line-height:32px;}
.box_message_all h2 span{font-size:30px;line-height:30px;}
.box_message_all h1{font-size:34px;line-height:32px;}
.box_message_all h1 span{font-size:30px;line-height:30px;}
.box_message_all.caption_index h3 p span{font-size:30px;line-height:30px;}
.box_message_all.caption_index{font-size:22px;line-height:24px;}
.box_message_all h3.txt_regis span, ,.box_message_all h2.txt_regis span{font-size:40px;line-height:32px;}
.box_message_all h3.txt_regis,.box_message_all h2.txt_regis{font-size:32px;line-height:30px;}
.box_message_all h3 a{color: #ec1e24;}
.box_message_all .txtfomat{font-size:30px;line-height:30px;}
.box_message_all .txtfomat span{display:block;font-size:30px;}
.box_message_all h2.txtKhow{font-size:26px;line-height:28px;}
.box_message_all h2.txtKhow span{font-size:34px;line-height:36px;}
.boxKhow div{font-size:26px;line-height:28px;}
.box_message_all h2.txtShohuay{font-size:34px;line-height:32px;}
.box_message_all h2.txtShohuay span{font-size:34px;line-height:32px;}
ul.field_code li.code input{width:40px;}
a.btn-map, button.btn-map{width:80%;}
#show_branch2 img{width:100%;}
.caption_member{width:100%;}
.box_number{margin-right:10px;}
.btn-download{font-size:18px;}
.all_branch{margin-top:10px}
.icon_new_index{top:95px}
#Home{height:600px}
#AboutMakro{height:630px;}
#Investor{min-height:700px;}
#Career{height:600px;}
.txt_call{font-size:22px;}
#News{height:750px}
.slidepage{position:static !important}
.modal-lg{width:96% !important}
.box_btn_L{text-align:center;padding:7px 20px;margin:20px auto;width:100%;background:#eb1c22;border-radius:10px;font-family:'DBOzoneXMedium';font-size:24px;}
.box_btn_L a{color:#FFF;}
.box_btn_L a:hover{color:#000 !important;}
.DivBoxWhistle{width:35%;}
}
@media screen and (max-width:979px){#popupContact img{width:100%!important;height:100% !important}
.DivBoxWhistle {width: 47%;}
#popupContact{left:0 !important}
.form-horizontal .control-label{text-align:left !important}
.mainBanner{margin-top:0}
.text_cg h1{font-size:27px !important;padding:6px;}
#section2, #section3 , #section4 , #section5, #section7{display:none;}
.DivJadhai ul{width:90% !important;padding:40px 0 40px 20px !important;margin:0 auto;}
.DivJadhai li{width:30% !important;padding:15px;margin:0 20px 0 0;text-align:center;background-color:#ec1d23;color:#FFFFFF;font-family:'DBOzoneXMedium';font-size:26px;line-height:26px;border-radius:6px;float:left;display:inline-block;}
.DivJadhai li a, .DivJadhai li a:hover{text-align:center;background-color:#ec1d23;color:#FFFFFF;font-family:'DBOzoneXMedium';font-size:26px;line-height:26px;}
/**/.youtube iframe{margin:0;padding:0;text-align:center;width:100% !important;height:450px;}
.divchallengeL{width:100%}
.divchallengeR{width:100%}
.btnchallenge{padding:30px 0;margin:0 auto;width:40%}
.box-cover-left{float:left;width:25%;margin:0 0 0 0}
.box-cover-left img{width:90%}
.box-cover-right{float:left;width:75%;}
#wrap{display:none;}
#head_mobile{display:block !important;}
.head_mobile{border-bottom:1px solid #ed1c24;padding:5px 0;width:100%;background:#fff;}
.content{margin:0 auto;width:94%;position:relative;}
#head_pc{display:none;}
#Footer .col-md-3{width:100% !important;text-align:center;margin-top:20px}
#Footer .col-md-9{width:50% !important;}
#Footer .col-md-4{width:50% !important;text-align:center;}
#Footer .col-md-5{width:100% !important;text-align:center;margin-top:20px}
#facebook_pc{display:none}
#facebook_mobile{display:block;}
.mainBanner{text-align:center;width:100%;height:auto !important;}
#Home{margin:0 0 0 0;padding-top:0;position:relative}
#Home_mobile{display:block;}
#box_index{margin:20px 0 20px -25px}
.box_index{width:29%;margin:20px 0 0 25px}
.box_index.last{width:29%;float:left;padding:16px 0}
.box_index:hover{border:1px solid #ec1d23;background:#fff;color:#ec1d23}
.cd-main-content{display:block;}
.cd-main-header{display:block}
a.iconNav{padding:5px 0;margin:15px 10px 0 0;color:#ed1c24;display:block;float:right;font-family:'DBOzoneXMedium';font-size:30px;}
a.iconNav:hover{cursor:pointer;}
a.iconNav i{font-size:28px;display:block;float:left;margin:4px 5px 0 0}
#menu_mobile{border-left:1px solid #f5f5f5;color:#555;z-index:9999;top:0;display:block;background:#fff;height:100vh;width:280px;overflow:auto;position:fixed;right:-300px;}
#menu_mobile ul{margin:10px 20px;padding:0;}
#menu_mobile ul li{color:#555;list-style:none;padding:10px 0;border-bottom:1px solid #ccc;}
#menu_mobile ul li a{display:block;width:100%;font-family:'DBOzoneXMedium';font-size:22px;line-height:22px;color:#555;text-decoration:none;}
#Promotion{padding:20px 0;}
.col-md-4, .col-xs-4{width:100% !important}
.col-md-8{width:100% !important}
#Career{padding:0 0}
#Member{display:none;}
#News{display:none;}
#AboutMakro{display:none;}
#Investor{display:none;}
#sitemap{display:none}
#contact_mobile{display:block;font-family:'DBOzoneXMedium';font-size:30px;}
.banner_head{margin-bottom:10px;display:block;}
.banner_head img{width:100%;}
#barHeader{display:none;border-bottom:none !important}
#Container{margin:0 0 0 0;padding:0 0 60px 0;width:100%;}
.padding_right img{width:100%;}
#Footer{border-top:none;padding:0;}
#Container{padding-bottom:20px}
.News .col-md-3{width:50% !important;}
.text-center{text-align:left !important;}
.icon_new_index{top:94px;}
.Shohuay_SubMn .col-md-4{width:50% !important}
.Shohuay_SubMn .col-md-3{width:50%}
.bgShohuay{display:none;}
.bgHoreca, .bgProduct{display:none;}
h2.txt_head_mobile{display:block;color:#ed1c22;font-size:30px;line-height:30px;font-family:'DBOzoneXMedium';font-weight:normal;}
.icon-submn{display:block;width:50px;text-align:center;position:absolute;right:0;color:#ed1c22;font-size:34px;top:-10px;}
.submenu{border-bottom:1px solid #ccc;width:100%}
.submenu a{padding:10px 0;}
.submenu-8{width:100%;margin-right:0 !important}
.submenu-9{width:100%;margin-right:0 !important}
.nav{font-size:11px;background:#f5f5f5;padding:5px;margin-bottom:20px !important;}
.col-md-5{width:100% !important;}
.col-md-7{width:100% !important;padding-right:0}
.banner_footer .col-md-7{width:58% !important;}
.banner_footer .col-md-5{width:42% !important;}
.careerDetail{padding-left:0;padding-right:0}
.bgContact{background:none;padding-bottom:0;}
.col-md-3{width:50% !important}
.img-all img{width:100%;}
.img-vision img{width:60%;}
.hide-br{display:none;}
.submenu>a>.box_text{width:80%;margin-top:8px;}
.submenu>a>.box_text span{display:block;margin:0 0 0 0}
.submenu:hover .dropdown{display:block;}
.dropdown{background:#fff;z-index:1000;display:block;position:relative !important;top:0;left:0;background:none;padding:0;}
.dropdown-border{background:#f5f5f5;border:none;border-top:0;width:100%;padding:15px 0;width:100% !important;}
ul.submenu_dropdown{margin:0 40px;padding:0}
ul.submenu_dropdown li{float:none;margin:0;padding:0;list-style:none;border-bottom:1px solid #ccc;display:block !important;}
ul.submenu_dropdown li a{padding:13px 0 !important;}
ul.submenu_dropdown li a:hover{background:none;color:#555 !important}
.board{margin-top:30px;}
.modal-board{width:97% !important;}
.box_number{background:none;color:#555;background:none;width:30px !important}
.table_invest{width:100%;overflow:auto;overflow:scroll;-webkit-overflow-scrolling:touch;}
.table_invest strong{display:block;width:130px;}
.table_form{width:100%;overflow:auto;overflow:scroll;-webkit-overflow-scrolling:touch;}
.box_financial{padding:0 0 0 0}
.box_financial h3{font-size:30px;line-height:30px;}
.select-style{width:100%;margin-bottom:10px !important;}
.select-style select{width:100%;margin-bottom:0 !important;}
.position-select-field{margin-bottom:10px !important;}
.txtfield{text-align:left;}
.pull-right{padding-right:15px}
.col-md-6.a_report{width:100% !important}
.contact_address{width:100% !important}
.shoIdea ul li{width:32%;}
.more_income .col-md-2{width:35% !important;}
.more_income .col-md-10{width:65% !important;}
.offset-label{margin-left:0 !important}
.contact_img_branch img{width:100%}
.horecaMenu{min-height:400px;}
.horecaMenu .col-md-2{width:33% !important;}
.horecaMenu .col-md-3{width:50% !important;min-height:310px;}
.banner_slide{width:100%;}
.box_vdo iframe{width:100%;margin:0 auto}
.btn_all_branch{width:100%;}
.careerDetail .col-md-8{width:50% !important;}
h3.text-right{text-align:left;}
.box_btn_hr{margin:20px 0 0 20px}
a.btn-facebook{margin-bottom:10px;}
a.btn-send{margin-bottom:10px;}
.careerDetail{padding-right:20px;}
.bgContact{background:none;}
.bgContact_hr{background:none;}
.bgContact_regis{background:none;}
#banner_mobile{display:block !important;}
.flexslider_hr img{width:100%;}
#Home{display:none !important;}
#Contact{display:none !important;}
.home_pc{display:none !important;}
.slidepage{position:static !important}
#Promotion{height:auto !important;}
#Career{height:auto !important;}
.bgHR{display:none;}
#facebook_mobile{display:block;}
#Footer .text-left{text-align:center !important;}
.col-md-4.event{width:50% !important;}
.col-md-4-1.event{width:20%;margin:0 45px;}
.txt_call{font-size:24px;}
.seven-cols .col-md-1{width:50% !important;margin-bottom:20px;padding-bottom:20px}
#show-pc-only{display:none;}
#show-mobile-only{display:block;}
.thumbnail img{height:auto !important;}
#section6 .hr_padding{padding-top:20px !important}
.hr_padding{padding-top:0 !important}
#pagination{width:70%}
#flex-mobile-hr.flexslider{margin-bottom:10px !important;}
}
@media screen and (max-width:768px){.contact_form{margin-top:60px}
.form-control{width:96%}
.shoIdea ul li p{height:70px;}
#content_position{padding:40px 0;}
.HorecaChaLeft{width:100% !important;float:unset;}
.HorecaChaLeft h1{font-size:22px !important;line-height:22px;}
.HorecaChaLeft h2{font-size:22px !important;line-height:22px;}
.HorecaChaR{width:100% !important;float:unset;}
.HorecaChaR img{width:100% !important;padding-top:20px;}
.HorecaGallery{padding:20px 0 0 0;}
/**/a.btn-send, a.btn-facebook{float:left;width:100%}
.btnchallenge{padding:30px 0;margin:0 auto;width:60%}
.box-cover-left{float:left;width:25%;margin:0 0 0 0}
.box-cover-right{float:left;width:75%;}
.box-cover-right ul li{margin:0 2% 2% 0;width:110px;height:110px;color:#fff;}
.box-cover-right ul li a{padding:10px;font-family:'DBOzoneXMedium';border-radius:16px;font-size:24px;line-height:22px;width:110px;height:110px;}
.img-100-mobile{width:90%;margin:0 auto}
.showhuayconL{width:100%;padding-bottom:20px;}
.showhuayconR{width:100%;}
}
@media screen and (max-width:736px){.col-sm-12{width:100% !important}
.box-btn {padding-left: 75px;}
.box-btn li {width: 31%;}
.all_branch{margin-top:10px !important}
.clear-3{display:none}
.shoIdea ul li{width:46%;margin:0 2%;margin-bottom:30px;}
.shoIdea ul li p{font-size:22px;line-height:24px}
.shoIdea ul li img{width:100%}
.box-Quote p br{display:none}
.box-Quote h2 br{display:none}
.box-Quote h2, .box-Quote p{font-family:'DBOzoneXMedium';font-size:26px !important;line-height:28px;color:#ec1e24}
.box-left{float:none;width:100%;margin-bottom:30px}
.box-right{float:none;width:100%;margin-bottom:30px}
.box-center img{width:100%;max-width:800px;display:block;margin:0 auto;}
.tbl_manage table a.btn-send{width:100%}
}
@media screen and (max-width:667px){.logostudent ul li{width:20%}
.box_message_horeca span{line-height:22px}
.box_message_horeca h2.txtact{font-size:30px !important;text-align:left;}
.icon_new_index img{width:80px}
.DivJadhai ul{width:100% !important;padding:20px 0 20px 20px !important;margin:0 auto;}
.DivJadhai li{width:30% !important;padding:15px;margin:0 20px 0 0;text-align:center;background-color:#ec1d23;color:#FFFFFF;font-family:'DBOzoneXMedium';font-size:20px;line-height:20px;border-radius:6px;float:left;display:inline-block;}
.DivJadhai li a, .DivJadhai li a:hover{text-align:center;background-color:#ec1d23;color:#FFFFFF;font-family:'DBOzoneXMedium';font-size:20px;line-height:20px;}
/**/.TableWhistleL{float:left;padding:0 0 15px 0;width:20%;}
.TableWhistleR{float:right;width:80%}
.Conworkshop{margin:0 0 50px 0;padding:20px 20px 20px 0;border:1px #c1c1c1 solid;}
.workshopgall{margin:0;padding:0;}
.workshopgall h1{font-family:'DBOzoneXMedium';font-size:20px;line-height:20px;}
.workshopgall ul{margin:0;padding:0;}
.workshopgall ul li{width:100%;padding:0;margin:2% 0 0 2%;float:left;display:block;list-style:none;}
.workshopgall ul li img{width:100%}
.workshopHead{font-family:'DBOzoneXMedium';font-size:26px !important;line-height:26px;color:#ec1e24;padding-left:10px;}
/**/.box-cover-right ul li{margin:0 2% 2% 0;width:100px;height:100px;color:#fff;}
.box-cover-right ul li a{padding:5px;font-family:'DBOzoneXMedium';border-radius:16px;font-size:24px;line-height:22px;width:100px;height:100px;}
.careerDetail .col-md-8{width:100% !important;}
.logo{width:150px;}
.logo img{width:100%;}
.box_index{width:29%;margin:20px 0 0 20px}
.box_index.last{width:29%;float:left;padding:13px 0}
.banner_footer .col-md-7{float:none;width:100%;margin:0 auto 10px auto}
.banner_footer .col-md-5{float:none;width:100%;margin:0 auto}
.hide-mobile{display:none}
#Footer{border-top:1px solid #fff;padding:10px 0 20px 0;}
#Banner{display:none}
#Footer .col-md-9{width:100% !important;padding-right:0 !important}
#Footer .col-md-4{width:100% !important;text-align:center;padding-right:0 !important;overflow:auto}
#Footer .text-left{text-align:center;}
.box_message_all h2{font-size:30px;line-height:30px;}
.box_message_all h2 span{font-size:30px;line-height:30px;}
.box_message_all.caption_index h3 p span{font-size:20px;line-height:22px;}
.box_message_all.caption_index{font-size:20px;line-height:22px;}
.box_message_all h2.txt_regis{font-size:22px;line-height:20px;}
.box_message_all h2.txt_regis span{font-size:30px;line-height:28px;}
.box_message_all h3.txt_regis{font-size:22px;line-height:20px;}
.box_message_all h3.txt_regis span{font-size:30px;line-height:28px;}
.box_message_all .txtfomat{font-size:20px;line-height:20px;}
.box_message_all .txtfomat span{display:block;font-size:20px;}
.box_message_all h2.txtKhow{font-size:22px;line-height:22px;}
.box_message_all h2.txtKhow span{font-size:24px;line-height:22px;}
.boxKhow div{font-size:22px;line-height:22px;}
.box_message_all h2.txtShohuay{font-size:26px;line-height:26px;}
.box_message_all h2.txtShohuay span{font-size:26px;line-height:26px;}
.box_message_all h3.txt_event{font-size:24px !important;line-height:24px;}
span.num{font-size:22px;padding-top:10px}
.box_message_all h3.txt_regis img{width:30px;height:auto !important;}
.banner_footer{margin-bottom:0}
.icon_new_index{top:80px}
.col-md-1{width:100% !important;margin-bottom:20px;border-bottom:1px solid #ccc;padding-bottom:20px}
ul.branch_type li a{padding:5px 10px;}
.boxMem{min-height:auto;}
.boxMem div{min-height:auto;}
#pagination{width:100%}
.News{margin-top:0;margin-bottom:10px}
.News .col-md-3{width:50% !important;margin-bottom:30px;}
.col-md-6{width:100% !important;padding-right:0}
.col-md-8 .col-md-6{width:50% !important;}
.col-md-6 .col-md-6{width:50% !important;}
.banner_footer .col-md-7{width:100% !important;}
.banner_footer .col-md-5{width:100% !important;}
.box_gallery{margin-top:20px;}
.pull-right{width:94%;margin:0 auto !important;padding-right:0;float:none !important;}
.txtfield{text-align:left;}
.boxKhow{min-height:auto;background:#fff;border-radius:8px;margin-bottom:10px;}
.horecaMenu .col-md-3{width:50% !important;min-height:260px;}
.more_income_detail .col-md-9{width:100% !important}
.makroMail_login .bar_login h3{font-size:22px;line-height:22px}
.makroMail_login{margin:0 0 10px 0}
ul.field_code li input{margin-bottom:10px;}
.position-select-field{width:100% !important;margin-bottom:10px !important;}
.position-select-field select{width:100%!important;}
.box_popup{padding:10px 10px 30px 10px}
.box_popup img{width:100%;}
.box_event_inner{width:96%;}
.box_event_inner .col-md-6{width:50% !important;}
#makromail_object .icon_new_index img{width:90px;height:auto !important;}
#catalog_object .icon_new_index img{width:90px;height:auto !important;}
.News_list .caption_news{padding:10px 10px;}
.News_list p.txtdate_news, h1.txtdate_news{font-size:24px;}
.News_list_event h4.topic_event{font-size:18px;line-height:20px;padding:6px}
}
@media screen and (max-width:533px){.form-control{width:94% !important}
ul.field_code li.code input, ul.field_code li input{width:40px !important}
.Shohuay_SubMn .col-md-4{width:100% !important}
.horecaMenu .col-md-2{width:50% !important}
.DivJadhai ul{width:60% !important;padding:20px 0 0 0 !important;margin:0 auto !important;}
.DivJadhai li{float:none !important;width:100% !important;padding:15px;margin:10px 0;text-align:center;background-color:#ec1d23;color:#FFFFFF;font-family:'DBOzoneXMedium';font-size:20px;line-height:20px;border-radius:6px;}
/**/.btnchallenge{padding:30px 0;margin:0 auto;width:100%}
.box-cover-left{float:left;width:30%;margin:0 0 20px 0}
.box-cover-right{float:left;width:100%;}
.DivBoxWhistle{width:95%;}
}
@media screen and (max-width:480px){.tbl_manage.workshop-tbl table{width:850px}
.tbl_manage.workshop-tbl .table{max-width:unset !important}
.box-cover-right ul li{margin:0 1% 1% 0;width:80px;height:80px;color:#fff;}
.box-cover-right ul li a{padding:5px;font-family:'DBOzoneXMedium';border-radius:16px;font-size:20px;line-height:18px;width:80px;height:80px;}
.txtShohuay br{display:none}
.Shohuay_SubMn h2{font-size:22px;line-height:20px;}
.txt_call span{color:#eb1618;display:block;}
.txt_call img{margin:0 auto 20px auto}
.txt_call{text-align:center;}
#Footer .col-md-4 .text-center{text-align:center !important;}
#Footer .col-md-4 img{margin:0 auto 20px auto !important}
#Footer .col-md-3{width:100% !important;text-align:center;margin-top:0}
#box_index{margin:40px 0 20px -18px}
.box_index{margin:0 0 15px 18px}
.box_index.last{padding:10px 0}
.seven-cols .col-md-1{width:100% !important}
.Shohuay_SubMn a img{width:50px !important}
#makromail_object .member_policy img{height:218px !important}
#catalog_object .member_policy img{height:218px !important}
#makromail_object .icon_new_index img{width:80px;height:auto !important}
#catalog_object .icon_new_index img{width:80px;height:auto !important;}
.img-icon-news{display:none}
.brife_hide{display:none}
.News_list{height:280px;}
a.btn-event img{display:none}
a.btn-event{padding:3px;font-size:16px;text-align:center;}
.box_btn_evet{margin:5px;}
.icon_new{width:90px}
.thumbnail .caption h3{line-height:20px;font-size:20px}
.img-80{width:100%}
}
.show-on-mobile{display:none;}
h2.txtname-chef{font-size:26px !important;line-height:27px;color:#ed1c24 !important;font-family:'DBOzoneXMedium';margin:0 0 5px 0;padding:0;}
p.txtred{font-size:26px !important;line-height:normal;color:#ec1e24 !important;font-family:'DBOzoneXMedium';margin:0;padding:0 0 20px 0 !important;}
@media screen and (max-width:440px){.col-md-3{width:100% !important}
#box_index{margin:40px 0 10px -13px}
.box_index{margin:0 0 10px 13px}
.box_index.last{padding:10px 0}
.show-on-mobile{display:block;}
}
@media screen and (max-width:418px){#box_index{margin:40px 0 10px -10px}
.box_index{margin:0 0 10px 10px}
.box_index.last{padding:10px 0}
.col-md-4.event{width:50% !important;}
}
@media screen and (max-width:380px){.row{margin-right:0 !important;}
.box-right iframe , .box-left iframe , .box-center iframe{width:100%;height:100%}
.TableWhistleL{float:left;padding:0 0 25px 0;width:25%;}
.TableWhistleR{float:right;width:67%}
.TableWhistleR p{margin:20px 0 0 0;}
.btnchallenge_L{float:left;padding:7px 20px;margin:0 10px 0 0;background:#eb1c22;border-radius:10px;color:#FFF !important;font-family:'DBOzoneXMedium';font-size:20px;text-align:center;}
.btnchallenge_L a{color:#FFF;}
.btnchallenge_L a:hover{color:#000 !important;}
.btnchallenge_R{float:right;padding:7px 20px;margin:0;background:#eb1c22;border-radius:10px;color:#FFF !important;font-family:'DBOzoneXMedium';font-size:20px;text-align:center;}
.btnchallenge_R a{color:#FFF;}
.btnchallenge_R a:hover{color:#000 !important;}
.workshopHead{font-family:'DBOzoneXMedium';font-size:26px !important;line-height:26px;color:#ec1e24;padding-left:10px;}
/**/.pull-right{width:94%;margin:0 auto !important;padding-left:5px;padding-right:0;float:none !important;}
.col-md-6{width:100% !important;padding-right:0 !important;}
.logo{width:150px;}
.logo img{width:100%;}
#box_index{margin:40px 0 20px -15px}
.box_index{width:28%;margin:20px 0 0 15px}
.box_index.last{width:28%;float:left;padding:8px 0}
.txt_call img{width:90%;margin:0 auto}
.txt_call span{color:#eb1618}
.col-md-4, .col-xs-4{width:100% !important;padding-right:0 !important}
.col-md-8{width:100% !important;padding-right:0 !important}
.modal-board{width:95% !important;}
.modal-board td{display:block;width:100%;}
.shoIdea ul li{width:70%;float:none;margin:0 auto 20px auto}
.shoIdea ul li img{width:100% !important;}
.more_income .col-md-2{width:100% !important;padding-right:0 !important}
.more_income .col-md-10{width:100% !important;padding-right:0 !important}
.horecaMenu li{min-height:280px;}
.horecaMenu .col-md-3{width:100% !important;min-height:300px;}
.img_logo img{width:100%;}
.makroMail_login .btn{width:44%;}
.Shohuay_SubMn .col-md-3{width:48%;}
.Shohuay_SubMn h2{font-size:20px;line-height:18px;}
.Shohuay_SubMn a img{width:45px !important}
.remark-table{font-size:11px;color:#444;padding-bottom:10px;display:block !important;}
.img-vision img{width:80%;}
#makromail_object .member_policy img{height:auto !important}
#catalog_object .member_policy img{height:auto !important}
#makromail_object .icon_new_index img{width:90px;height:auto !important}
#catalog_object .icon_new_index img{width:90px;height:auto !important;}
.box_message_all h3.txt_regis{font-size:20px}
.box_message_all h3.txt_regis span{font-size:28px;}
.box_message_all h3.txt_regis img{width:26px;margin-bottom:5px}
.News .col-md-3{padding-right:0}
.News_list{height:280px;}
.Shohuay_SubMn a img{width:35px !important}
.vegetarian{background:url(../horeca_idea/images/BG-01.jpg);}
a.btn-send, a.btn-facebook{float:right;width:100%}
.horecaMenu ul li a .biv{min-height:unset !important;padding-bottom:20px;border-bottom:#f5f5f5 1px solid}
div.txtchef{margin:0 0 40px 0;padding:0;}
}
@media screen and (max-width:320px){.Conworkshop{margin:0 0 50px 0;padding:20px 20px 20px 0;border:1px #c1c1c1 solid;}
.workshopgall{margin:0;padding:0;}
.workshopgall h1{font-family:'DBOzoneXMedium';font-size:20px;line-height:20px;}
.workshopgall ul{margin:0;padding:0;}
.workshopgall ul li{width:100% !important;padding:0;margin:2% 0 0 2%;float:left;display:block;list-style:none !important;}
.workshopgall ul li img{width:100%}
.workshopHead{font-family:'DBOzoneXMedium';font-size:26px !important;line-height:26px;color:#ec1e24;padding-left:10px;}
/**/#makromail_object .member_policy img{height:auto !important}
#catalog_object .member_policy img{height:auto !important}
#makromail_object .icon_new_index img{width:90px;height:auto !important}
#catalog_object .icon_new_index img{width:90px;height:auto !important;}
.icon_new{width:65px}
.thumbnail{min-height:330px;margin-bottom:0;}
#list-hotitem .thumbnail{min-height:250px !important;}
.box-cover-right ul li{margin:0 2% 2% 0;width:65px;height:65px;color:#fff;}
.box-cover-right ul li a{padding:5px;font-family:'DBOzoneXMedium';border-radius:16px;font-size:18px;line-height:16px;width:65px;height:65px;}
.bgContentShohuay .col-md-9{width:100% !important;}
}
@media (max-width:800px){.box_popupchef{padding:20px 20px 40px 20px;width:100%;background-size:cover;}
.img-broder-radius-all{border-radius:4px;width:100%;}
.box-leftchef{float:left;width:100%;margin-bottom:40px;}
.box-rightchef{float:right;width:100%;}
.box_btn{margin:17px 0 -23px 0 !important;}
}
@media screen and (max-width:680px){.box_popupchef{padding:20px 20px 40px 20px;width:100%;background-size:cover;}
.img-broder-radius-all{border-radius:4px;width:100%;}
.box_btn{margin:14px 0 -24px 0;}
.box-leftchef{float:left;width:100%;margin-bottom:40px;}
.box-rightchef{float:right;width:100%;}
}
.submn{margin:0;padding:0}
.submn ul{margin:0;padding:0}
.submn ul li{margin:0;padding:0;list-style:none;border-bottom:1px solid #e1e1e1;font-family:'DBOzoneXMedium';font-size:20px;line-height:22px}
.submn ul li a{color:#555;display:block;padding:10px 10px 10px 10px;color:#343434}
.submn ul li a span{width:24px;text-align:center;display:block;float:left;height:24px}
.submn ul li a.selectSubmn{display:block;background:#f71026 !important;color:#fff !important;border-radius:6px!important}
.submn ul li a:hover{color:#f71026;}
.submn ul li a:hover span{color:#f71026;}
.submn ul li a.selectSubmn span.plus{display:none}
.submn ul li a.selectSubmn span.hide{display:block}
.submn ul li a span.hide{display:none}
.submn ul li ul{margin:20px 0;padding:0;}
.submn ul li ul li{margin:0;padding:0;border-bottom:none !important;list-style:none;background:url(../images/bullet_mn.png) no-repeat top left;font-family:tahoma;font-size:14px;line-height:18px;}
.submn ul li ul li a{color:#111;padding:6px 0 6px 42px !important}
.submn ul li ul li:hover{color:#f71026;background:url(../images/bullet_mn_over.png) no-repeat top left;}
.submn ul li ul li:hover a{color:#f71026}
.submn ul li ul li.selectSubCate{color:#f71026;background:url(../images/bullet_mn_over.png) no-repeat top left;}
.submn ul li ul li.selectSubCate a{color:#f7102;}
.submn ul li ul li ul{margin:10px 0 10px 15px;padding:0;}
.submn ul li ul li ul li{margin:0;padding:0;border-bottom:none !important;list-style:none;background:url(../images/bullet_mn.png) no-repeat top left;font-family:tahoma;font-size:14px;}
.submn ul li ul li ul li a{color:#111 !important;padding:6px 0 6px 42px !important}
.submn ul li ul li ul li:hover{color:#f71026;background:url(../images/bullet_mn_over.png) no-repeat top left;}
.submn ul li ul li ul li:hover a{color:#f71026}
.submn ul li ul li ul li.selectSubType{color:#f71026 !important;background:url(../images/bullet_mn_over.png) no-repeat top left;}
.submn ul li ul li ul li.selectSubType a{color:#f71026 !important;text-decoration:underline}
.col_left{width:35%;max-width:282px;float:left;}
.col_right{width:73%;max-width:920px;float:left;margin:0 0 40px 33px;}
.showw1024{display:block;}
.hidew1024{display:none;}
@media (max-width:800px){.show1024{display:none;}
.hide1024{display:none;}
.showw1024{display:none;}
.hidew1024{display:inline;}
.show-text-mobile{display:block;color:#f00}
.hide-text-mobile{display:none;}
.col_right{width:62%!important;}
}
.select-style_cg{float:left;width:300px;padding:0;margin:0 15px 0 0;border:1px solid #ccc;border-radius:4px;overflow:hidden;background-color:#fff;background:#fff url("../images/icon_select.png") no-repeat 100% 50%;}
.select-style_cg select{padding:9px 12px;width:100%;border:none;box-shadow:none;font-family:'DBOzoneXMedium' !important;font-size:22px;background-color:transparent;background-image:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.select-style_cg select:focus{outline:none;}
.text_cg{font-family:'DBOzoneXMedium';font-size:35px;color:red;}
@media screen and (max-width:1024px){.col_right{width:66%!important;}
}
@media screen and (max-width:800px){.col_right{width:92%!important;}
.select-style_cg{width:500px!important;}
}
@media screen and (max-width:414px){.position-select{width:100%}
.select-style_cg{width:380px!important;}
.col_right{width:82% !important;}
.box-im368{width:100%;}
.img-bord-mess{display:none;}
}
@media screen and (max-width:375px){.horecaMenu li.col-md-4{padding-left:0 !important}
#list-hotitem .col-sm-6.col-md-3{padding-right:0 !important}
.select-style_cg{width:353px!important;}
.col_right{width:80%!important;}
}
@media screen and (max-width:320px){.select-style_cg{width:290px!important;}
.col_right{width:80%!important;}
.modal-body{padding:10px !important}
}
.button{width:265px;padding:15px 3px;margin:20px 0 0 0;text-align:center;background-color:#ec1d23;color:#FFFFFF;font-family:'DBOzoneXMedium';font-size:20px;line-height:26px;border-radius:6px;border:none;}
.button3{background-color:#f44336;}
.no_data{color:red;padding:100px 3px 200px 3px;font-size:24px;text-align:center;font-family:'DBOzoneXMedium';margin-bottom:-150px;}