/*************************************************************
    Canh Cam - the best Web Solutions Provider - http://www.canhcam.vn
    156 Nguyen Van Thu, District 1, Ho Chi Minh City, Viet Nam.
    Phone: (+84) 8 38238364 – Fax: (+84) 8 38238365 - Email: info@canhcam.vn
    Facebook: https://www.facebook.com/canhcam.vn
*************************************************************/
@font-face {
    font-family: 'myriadpro-boldcond-webfont';
    src: url('fonts/myriadpro-boldcond-webfont.eot');
    src: url('fonts/myriadpro-boldcond-webfont.eot?#iefix') format('embedded-opentype'),
          url('fonts/myriadpro-boldcond-webfont.woff') format('woff'),
          url('fonts/myriadpro-boldcond-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
a{color: #333;}
body.canhcam{font-family:'Open Sans',Arial, Tahoma;font-weight: 400;font-size: 14px;color: #333;-webkit-text-size-adjust: none;}
.clearfix{width:100%;clear:both;}
.opacity:hover {filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity: 0.7;opacity: 0.7;}
.trainsion {-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.underline:hover {text-decoration: underline;}
.bg_hover:hover {background: #333;}
.img_bg:hover {background: url(images/blue_75.png);}
.blue:hover {color: #0064b0;}
.black:hover {color: #000;}

/* HEADER */
header {background: url(images/header.png) no-repeat bottom center;height: 75px;padding-top: 6px;}
.header_right {padding-top: 10px;}
.header_top_r {float: right;margin-bottom: 8px;}
.search {height:16px;padding:3px 5px;float:left;background: url(images/search_bg.png) no-repeat;width: 155px;margin-right: 10px;}
.search input[type='text'] {background:none;border:none;height:16px;line-height:16px;width:115px;float:left;color:#0064b0;font-size:12px;padding: 0 0 0 7px;}
.search input[type='submit'] {background: url(images/btn_search.png) no-repeat left center;border:none;width:17px;height:16px;float:right;text-indent:-9999px;margin-right: 3px;}
.socical {float: left;padding-top: 2px;}
.socical a {color: #fff;font-size: 18px;padding: 0 5px;border-left: 1px solid #fff;display: inline-block;height: 16px;line-height: 16px;}
.socical a:first-child {border-left: none;}
.socical a:hover {color: #000;}
.lang {float: left;margin-left: 10px;}
.wrap_nav {clear: both;margin-left: 35px;}

/*menu*/
ul.topmenu>li {float: left;height: 25px;padding: 0 12px;border: 1px solid transparent;line-height: 27px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;position: relative;background:url(images/li_bg.png) no-repeat left;margin: 0 1px;}
ul.topmenu>li:first-child , ul.topmenu>li:hover , ul.topmenu>li.active {background: none;}
ul.topmenu>li>a {color: #fff;font-size: 14px;font-weight: 700;text-transform: uppercase;white-space: nowrap;}
ul.topmenu>li:hover , ul.topmenu>li.active {background: url(images/menu_a.png) repeat-x;border: 1px solid #0b76bb;}
ul.topmenu>li:hover>a , ul.topmenu>li.active>a {color: #005595;}
.arrow-menu {background: url(images/menu_select.png) no-repeat left;width: 9px;height: 5px;display: inline-block;margin-left: 5px;position: absolute;top: 12px;right: 1px;}
ul.topmenu>li:hover >.arrow-menu , ul.topmenu>li.active>.arrow-menu {background-position: right;}
ul.topmenu>li.prd_li3 {position: inherit;padding-right: 17px;}
ul.topmenu>li.prd_li3>a {display: block;height: 35px;}
ul.topmenu>li.prd_li3>.arrow-menu {top: -38px;left: 74px;position: relative;}

ul.submenu {display: none;position: absolute;top: 23px;left: -1px;width: 190px;background: #cbe4f2;z-index: 101;border: 1px solid #0b76bb;border-top: none;padding: 10px 0 7px;-webkit-border-radius: 0 5px 5px 5px;-moz-border-radius: 0 5px 5px 5px;border-radius: 0 5px 5px 5px;}
ul.submenu>li {display: block;}
ul.submenu>li>a {font-size: 13px;color: #333;padding: 1px 10px;border-top: 1px solid #fff;display: block;}
ul.submenu>li:first-child>a {border-top: none;}
ul.submenu>li>a:hover , ul.submenu>li>a.active {color: #005595;background: #f0f0f0;}
ul.topmenu>li:hover ul.submenu , ul.topmenu>li:hover .submenu_icon {display: block;}

.menu_prd_wrap {border: 1px solid #0065b0;position: absolute;top: 74px;left: -390px;padding: 25px 15px;width: 1130px;background: #fff;z-index: 105;z-index: 105;-webkit-border-radius: 0 0 10px 10px;-moz-border-radius: 0 0 10px 10px;border-radius: 0 0 10px 10px;display: none;}
.menu_prd_wrap.active {display: block;}
ul.menu_prd>li {float: left;width: 31%;margin-left: 3%;}
ul.menu_prd>li:first-child , ul.menu_prd>li:nth-child(3n+1) {margin-left: 0;}
ul.menu_prd>li>a {background: url(images/prd_submenu_bg.png) no-repeat bottom left;color: #333;font-size: 14px;padding: 0 0 5px;display: block;font-weight: 700;}

ul.submenu_prd {margin: 15px 0;}
ul.submenu_prd>li {display: block;position: relative;padding: 5px 0 7px;border-bottom: 1px dotted #e2e2e2;}
ul.submenu_prd>li>a {color: #005595;font-size: 14px;display: block;text-transform: uppercase;}
ul.submenu_prd>li>a.active {color: #000;}
ul.submenu_prd>li>a>img {margin-right: 6px;}

/*Banner*/
.homepage .ie6 {overflow: hidden;}
.shadow {background: url(images/shadow_banner.png) no-repeat;display: block;height: 35px;}
.sl-wrap {position: relative;}
.sl-wrap .at-slider {display: block;}
.sl-wrap .at-slider a {display: block;height: 515px}
/*.slide-item {width: 100%;height: 100%;display: none;text-align: center;position: absolute;}
.slide-item .container {position: relative;height: 100%;}
.slide-item .container .sub {position: absolute;right: 0;top: 50px; color: #333;font-size: 23px;text-transform: uppercase;display: block;}
.slide-item .container .sub h3 {font-size: 48px;color: #0064b0;font-weight: 700;margin-bottom: -10px;}*/

.bottom_sl{margin-top: 10px;text-align: center;background: url(images/shadow_sl_h.png) no-repeat bottom center;padding-bottom: 5px;}
.slnav a{margin:0 5px 0 0;display: block;position: relative;cursor: pointer;width: 17px;height: 17px;background: url(images/nav_icon.png) no-repeat right;display: inline-block;text-indent: -9999px;}
.slnav a.selected, .slnav a:hover{background-position: left;}

/*Popup right*/
.popup_right {position: fixed;right: 0;bottom: 0;z-index: 9999;}
.popup_html {border-top: 30px solid #ddd;display:none;}
.close_video {position: absolute;right: 10px;top: 2px;font-size: 20px;color: #0064b0;cursor: pointer;}
.minium_video {position: absolute;left: 10px;top: 4px;font-size: 20px;color: #0064b0;cursor: pointer;}
/*Service banner*/
.service_banner {background: url(images/bl45_bg.png);padding: 6px 0;position: relative;margin: -148px 0 60px;z-index: 99;cursor: pointer;}
.btn_service {background: url(images/btn_service.png) no-repeat;width: 13px;height: 21px;display: block;position: absolute;z-index: 99;top: 40%;}
.sv_prev {background-position: 0 0;left: -15px;}
.sv_prev:hover {background-position: -13px 0;}
.sv_next {background-position: -26px 0;right: -5px;}
.sv_next:hover {background-position: -39px 0;}
.sl_service a{float: left;margin-left: 5px;max-width: 180px;}
.sl_service a img {height: 100px;}
.service_banner .ActionMenu {top: 125px;}

/*Choose home*/
.choose h2 , .new h2 , .guide h2 {font-size: 18px;text-transform: uppercase;text-align: center;color: #0064b0;font-weight: 400;}
.bg_choose , .bg_new {background: url(images/home_bg.jpg);padding: 5px;-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;height: 160px;}
.bg_choose a {float: left;max-width: 125px;border-left: 1px solid #fff;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.bg_choose a:first-child {border-left: none;}
.bg_choose a:hover {filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity: 0.7;opacity: 0.7;}

/*Guide*/
.guide_item {z-index: 9;}
.guide_img {display: block;max-height: 160px;}
.guide_item h3 {position: absolute;bottom: 0;padding: 5px 1%;width: 98.5%;max-width:248px;font-size: 14px;font-weight: 400;background: url(images/blue_75.png);display: block;margin-bottom: 0;text-align: center;}
.guide_item h3 a {color: #fff;}
.bg_new .btn_imgdt {top: 31%;}
.bg_new .imgdt_prev {left: 5px;}
.bg_new .imgdt_next {right: 5px;}

/*new home*/
.img-news {float: left;width: 215px;position: relative;}
.info-news {float: left;width: 330px;background: #f0f0f0;height: 159px;}
.item-info-news {padding: 7px 15px 8px;position: relative;}
.arrow_new {display: block;background: url(images/arrow2.png) no-repeat;width: 7px;height: 15px;position: absolute;left: -7px;top: 20px;visibility: hidden;}
.item-info-news:hover .arrow_new , .item-info-news.active .arrow_new {visibility: visible;}
.item-info-news:hover , .item-info-news.active {background: #fff;}
.date_new {color: #999;font-size: 13px;padding-right: 7px;display: inline-block;height: 10px;line-height: 10px;margin-right: 7px;border-right: 1px solid #0064b0;}

/* RIGHT COL */
.right_nav {margin-bottom: 50px;}
.title_menu , .tags h2.module-title {color: #364a61;font-size: 20px;border-bottom: 3px solid #ddd;padding-bottom: 3px;float: left;font-weight: 700;margin-bottom: 25px;}
ul.right_nav_wrap>li {display: block;padding: 9px 0;border-bottom: 1px solid #e2e2e2;position: relative;}
ul.right_nav_wrap>li>a {background: url(images/right_menu_prd.png) no-repeat left;color: #333;font-size: 14px;display: block;padding-left: 26px;}
ul.right_nav_wrap>li>a.active , ul.right_nav_wrap>li.active>a {color: #0064b0;}
.arrow-rightmenu {background: url(images/right_menu_icon.png) no-repeat right;width: 17px;height: 16px;position: absolute;right: 0;top: 11px;cursor: pointer;}
ul.right_nav_wrap>li.active>.arrow-rightmenu {background-position: left;}
ul.sub_rightmenu {display: none;padding: 10px 0;}
ul.sub_rightmenu>li>a {padding: 5px 0 5px 27px;color: #666;display: block;}
ul.sub_rightmenu>li>a:hover, ul.sub_rightmenu>li>a.active {background: #f3f3f3;color: #000;}
ul.right_nav_wrap>li.active >ul.sub_rightmenu {display: block;}

/*Tags*/
.tags_html {clear: both;}
.tags_html a {font-size: 12px;color: #666;padding: 5px 10px;border: 1px solid #ccc;margin: 0 7px 7px 0;}
.tags_html a:hover {border-color: #364a61;color: #364a61;}

/* FOOTER */
footer{padding: 27px 0 0;clear:both;background: url(images/footer_bg.png) no-repeat center top;min-height: 30px;}
ul.footer_menu li {display: inline-block;margin-bottom: 10px;}
ul.footer_menu li a {display: block;height: 11px;line-height: 10px;border-left: 1px solid #999;color: #999;padding:0 2px 0 5px;font-size: 12px;}
ul.footer_menu li:first-child a {padding: 0;border-left: none;}
ul.footer_menu li a:hover , ul.footer_menu li a.active {color: #fff;}
.info-f{text-align: right;color: #999;font-size: 11px;}
.info-f a{color: #fff;}

.edit-link {color: red !important;margin-left: 10px;}

/*Top Content*/
.content {padding-bottom: 15px;}
.banner_wrap {background: url(images/banner_bg.png) repeat-x top center;text-align: right;min-height: 228px;margin-bottom: 50px;}
.top_content {margin: -210px 0 130px;position: relative;z-index: 100;}
.homepage .top_content {display: none;}
.name_title {color: #0064b0;font-size: 36px;padding-bottom: 3px;border-bottom: 1px solid #0064b0;float: left;}
.title_page {color: #333;font-size: 18px;font-weight: 700;margin-bottom: 15px;}
.title_page span {width: 20px;height: 20px;background: #0065b0;margin-right: 10px;display: inline-block;position: relative;top: 3px;}

/*About us*/
.about_us .faq-item {border: none;padding: 0;}
.about_us .question {background: none !important;color: #333;font-size: 18px;font-weight: 700;text-transform: uppercase;padding: 0 0 2px;border-bottom: 1px solid #e5e5e5;margin-bottom: 20px;}
.about_us .question>i {background: url(images/faq_icon.png) no-repeat left;width: 20px;height: 20px;margin-right: 7px;position: relative;top: 2px;display: inline-block;}
.about_us .faq-item.active .question>i {background-position: right;}
.about_us .answer {padding: 0 0 10px 27px;color: #333;}
.about_us .answer ul li {background: url(images/about_li.jpg) no-repeat left 6px;list-style: none;padding-left: 13px;padding-bottom: 5px;border-bottom: 1px dotted #d0d0d0;margin-bottom: 7px;}
.about_us .answer strong {/*display: block;*/}
.about_us .answer ol {display: inline-block;}

/*Job*/
.newsedit-subtitle {display: block !important;}
.job_intro {color: #666;font-size: 14px;margin-bottom: 13px;}
.job_item table {border: 1px solid #ccc;}
.job_item table tr th {background: #0065b0;border-left: 1px solid #ccc;border-bottom: 1px solid #ccc;color: #fff;font-weight: bold;padding: 10px 7px;text-align: center;}
.job_item table tr th.col2 {text-align: left;}
.job_item table tr {background: #fff;}
.job_item table tr:nth-child(2n+1) {background: #f7f7f7;}
.job_item table tr td {color: #333;font-size: 12px;text-align: center;border-left: 1px solid #ccc;border-bottom: 1px solid #ccc;padding: 7px;}
.job_item table tr td.col1 {width: 30px;}
.job_item table tr td.col2 {width: 58%;text-transform: uppercase;text-align: left;}
.job_item table tr td.col3 , .job_item table tr td.col4 {width: 13%;}
.job_item table tr td.col5 {width: 10%;}
.job_item table tr td.col5 a {color: #0064b0;}

.apply_bg {margin-bottom: 20px;}
.apply_bg a , .apply-frm .frm-row .frm-btn input[type=submit] {background: #0064b0;padding: 5px 7px;color: #fff;border: none;}
.apply_bg a:hover , .apply-frm .frm-row .frm-btn input[type=submit]:hover {background: #979797;}

.apply-frm .col-right .left {width: 300px;}
.apply-frm h4 {font-size: 14px;}
.apply-frm .frm-row label {font-size: 13px;font-weight: normal;}


/*Service*/
.service_menu {margin-bottom: 20px;}
.service_menu .title_page {text-transform: uppercase;}
ul.sub_service {padding-top: 20px;}
ul.sub_service>li {background: url(images/about_li.jpg) no-repeat left 7px; padding-left: 10px;margin-bottom: 7px;}
ul.sub_service>li>a {font-size: 14px;color: #0064b0;}
.service_des {color: #333;padding-top: 20px;}
.viewmore {color: #0064b0;margin-left: 3px;font-size: 12px;}

/*FAQ*/
.faq_title {color: #333;font-size: 24px;margin-bottom: 15px;text-transform: uppercase;}
.faq-item{padding:10px 0 10px 10px;border-top:1px dashed #e5e5e5;clear: both;}
.question{color: #4d84bd;font-size: 14px;background: url(images/faq_icon2.png) no-repeat 0 6px;padding-left: 15px;line-height: 18px;cursor:pointer;}
.faq-item.active .question {font-weight: bold;line-height: 22px;background: url(images/faq_icon2_a.png) no-repeat 0 6px;color: #0064b0;}
.answer{padding:13px 0 0 15px;display:none;font-size:14px;color:#666;line-height: 20px;}
.frame-question{background:#f0f2f7;padding:8px 10px;color: #666;font-size: 16px;border: 1px solid #e3e8f3;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;float: left;}
.text-info span {margin-right: 5px;}
.frame-question a {color: #333;}
.frame-question a:hover {text-decoration: underline;}
.txt-error {position: absolute;right: 8px;top: 6px;background: url(images/edtError.png) no-repeat;width: 14px;height: 14px;display: block;text-indent: -9999px;float: left;}
.wrap-contact .frm-row.ct-button .frm-btn input[type=submit] , .email-subject .frm-btn input[type=submit] {background: #0065b0;padding: 5px 20px;color: #fff;border: none;}
.wrap-contact .frm-row.ct-button .frm-btn input[type=submit]:hover , .email-subject .frm-btn input[type=submit]:hover {background: #333;}

/*Contact*/
.wrap-contact .frm-row {border: 1px solid #ccc;padding: 5px 3%;width: 94%;margin-bottom: 7px;-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;}
.wrap-contact .frm-row label {color: #333;font-size: 12px;line-height: 20px;width: 30%;font-weight: normal;}
.required {color: red;}
.wrap-contact .frm-row input[type=text] , .wrap-contact .frm-row textarea {border: none;background: none;width: 64%;}
.wrap-contact .frm-row.ct-toaddress label {display: none;}
.wrap-contact .frm-row.ct-toaddress select {border: none;padding: 0;width: 100%;color: #333;}

.wrap-contact .frm-row.ct-message {clear: both;}
.wrap-contact .frm-row.ct-message textarea {height: 130px;}
.wrap-contact .txterror {color: red !important;}

.wrap-contact .frm-row.ct-captcha {height: 22px;padding: 5px 3%;}
.wrap-contact .frm-row.ct-captcha label {width: 150px;}
.wrap-contact .frm-row.ct-captcha .left {position: relative;margin: 8px 0 0 0;height: 100px;clear: both;}
.rcRefreshImage {background: url(images/refest_capcha.png) no-repeat;width: 23px;height: 21px;font-size: 0;position: absolute;z-index: 99;right: -40px;top: 50px;}

.wrap-contact .ct-captcha #ctl00_mainContent_ctl03_captcha_CaptchaTextBox {position: absolute;z-index: 99;top: -27px;left: 135px;width: 105px;font-size: 13px;}
.wrap-contact #ctl00_mainContent_ctl03_captcha_ctl00 {display: block;padding: 8px 0;color: red;}

.wrap-contact .frm-row.ct-button {border: none;padding: 0;}

.map_item {cursor: pointer;position: inherit;}
.map_desc {font-size: 12px;border-bottom: 1px solid #fff;position: relative;padding: 10px;margin-right: -13px;}
.map_item:hover .map_desc , .map_item.active .map_desc {background: #f1f1f1;border-bottom-color: #0065b0;}
.map_desc h3 {color: #333;font-size: 12px;text-transform: uppercase;font-weight: 700;}
.icon_map {background: url(images/icon_map.png) no-repeat;width: 14px;height: 14px;position: absolute;bottom: 0;right: 0;display: none;}
.map_item:hover .icon_map , .map_item.active .icon_map {display: block;}
.map_iframe {position: absolute;right: 0;width: 100%;top: 0;max-width: 560px;border: 1px solid #0065b0;}
.map_add {display: none;}
.map_item.active .map_add {display: block;position: inherit;}

.title_contact .module-title {color: #333;font-weight: 700;text-transform: uppercase;margin-bottom: 20px;background: url(images/bg_blue.jpg) no-repeat left;padding-left: 30px;}
.note_contact {font-size: 13px;color: #666;}

.contact_form {margin-top: -25%;}

/*News*/
.news_item {margin-bottom: 15px;}
.news_img {display: block;position: relative;}
.news_img>span {background: url(images/arrow_news.png) no-repeat;display: block;width: 20px;height: 9px;position: absolute;bottom: -1px;left: 13px;}
.news_desc {border: 1px solid #ebebeb;padding: 20px 13px;border-top: none;}
.news_desc h3 , .newslist_item h3 {font-size: 14px;font-weight: 700;height: 35px;}
.news_desc h3 a , .newslist_item h3 a {color: #222;}
.news_date {color: #01acf0;font-size: 12px;}

.newsdt_title {color: #333;font-size: 18px;font-weight: 700;text-transform: uppercase;margin-bottom: 25px;}
.newstext {margin-bottom: 30px;}
.news_other h4 {color: #0064b0;font-size: 14px;margin-bottom: 17px;font-weight: 700;}
.news_other ul li {list-style: none;margin-bottom: 7px;background: url(images/newsother_li.jpg) no-repeat left 9px;padding-left: 10px;}
.news_other ul li span.date_other {display: inline-block;height: 10px;border-right: 1px solid #999;padding-right: 7px;margin-right: 4px;color: #999;font-size: 12px;line-height: 10px;}
.news_other ul li a {color: #0064b0;font-size: 13px;}

/*News list*/
.newslist_item {padding-bottom: 15px;margin-bottom: 15px;border-bottom: 1px solid #d4d4d4;}
.news_img_list {float: left;margin-right: 20px;max-width: 190px;}
.newslist_item h3 {margin-bottom: 3px;}
.newslist_item .news_date {display: block;margin-bottom: 10px;}
.newslist_desc {color: #666;}

/* TABS */
.tab-nav{width: 8%;float: left;z-index: 99;background: url(images/first-tab.png) right top no-repeat;position: relative;}
.tab-nav ul{list-style:none;margin:0;padding:0;}
.tab-nav ul li{margin-bottom: 1px;width: 100%;}
.tab-nav ul li:first-child {padding-top: 15px;}
.tab-nav ul li a{padding: 20px 12% 20px 0; text-decoration: none; cursor:pointer;font-size:20px;color:#0064b0;display:block;font-weight: bold;position:relative;z-index:20;background: url(images/bg-tab.png) 99% center no-repeat;width: 87.4%;}
.tab-nav ul li a.active,.tab-nav ul li a:hover{color:#d0172d;background: url(images/bg-tab-active.png) 99% center no-repeat;}
.tab-nav ul li:first-child a{border-radius: 5px 0 0 0}
.tab-nav ul li:last-child a{border-radius: 0 0 0 5px}
.tab-contents{padding:0px 0 0 2.5%;float: left;background: url(images/bg-gioithieu.jpg) left repeat-y;width: 88%;margin-left: -18px;margin-top: 5px;min-height: 960px;}
.tab-container{margin-bottom:10px;}
.tab-content{display:none;padding: 0 0 0 25px;}
.tab-content:first-child{display:block;}

.history .tab-nav ul li a{line-height: 22px;}

/*Product*/
ul.right_nav_wrap>li.icon_prdmenu1>a {background: url(/Data/Sites/1/media/menu_icon/prd_icon1.png) no-repeat left;}
ul.right_nav_wrap>li.icon_prdmenu2>a {background: url(/Data/Sites/1/media/menu_icon/prd_icon2.png) no-repeat left;}
ul.right_nav_wrap>li.icon_prdmenu3>a {background: url(/Data/Sites/1/media/menu_icon/prd_icon3.png) no-repeat left;}

ul.sub_product {padding-top: 20px;}
ul.sub_product>li {padding-bottom: 5px;border-bottom: 1px dotted #ccc;margin-bottom: 7px;}

.prd_item {margin-bottom: 50px;}
.img_prd {display: block;padding: 3px;border: 1px solid #ebebeb;margin-bottom: 20px;}
.img_prd:hover {border-color: #0064b0;}
.prd_desc h2 {font-size: 16px;font-weight: 700;margin-bottom: 3px;}
.prd_desc h2 a {color: #0064b0;}
.code {color: #666;font-size: 14px;}
.code span {margin-right: 3px;}
.iconnews {position: absolute;right: 14px;top: -2px;background: url(images/new.png) no-repeat;width: 74px;height: 33px;display: block;}
.en-us .iconnews {background: url(images/en_new.png) no-repeat;}

.prddt_title {text-transform: uppercase;font-weight: 700;color: #333;}
.prddt_wrap .code {margin-bottom: 15px;}
.prddtimg_content {border: 1px solid #ddd;}
.btn_imgdt {position: absolute;cursor: pointer;display: block;top: 40%;z-index: 99;color: #979797;font-size: 40px;}
.btn_imgdt:hover {color: #0064b0;}
.imgdt_prev , .otherdt_prev {left: 0;}
.imgdt_next , .otherdt_next {right: 0;}

.prddt_img , .prddt_content {margin-bottom: 30px;max-height: 555px;overflow: hidden;}
.prddt_info {height: 514px;overflow-y: auto;color: #666;}
.prddt_info h2 {color: #005ca5;font-size: 14px;font-weight: 700;margin-bottom: 10px;}
.pricedt {margin: 20px 0;border-top: 3px solid #ddd;padding-top: 20px;color: #015da5;font-size: 14px;}
.pricedt span {color: #595959;}
.pricedt a {cursor: text;color: #015da5;font-size: 20px;}
.prddt_content .utilities-bar {margin-bottom: 0;}

.prdother_wrap .btn_imgdt {top: 27%;}
.prd_other h3 {color: #333;font-size: 18px;font-weight: 700;text-transform: uppercase;background: url(images/prd_submenu_bg.png) no-repeat bottom left;padding-bottom: 20px;}
.prd_item_other {float: left;width: 260px;margin: 0 18px;}
.caroufredsel_wrapper .prd_item_other {margin: 0 22px;}
.prd_item_other:first-child {margin-left: 0;}

.fillter_wrap {margin: -52px 0 20px;}
.filer_bg {background: url(images/center_icon.png) repeat-x top;padding-top: 10px;height: 45px;}
.filer_bg h1 {font-size: 14px;font-weight: 700;color: #fff;text-transform: uppercase;float: left;margin-right: 10px;line-height: 26px;}
.brand_filter , .type_filter {margin-right: 7px;padding: 3px 5px;}
.finder {background: url(images/btn_button.png) repeat-x;height: 26px;line-height: 26px;color: #fff;text-transform: uppercase;padding: 0 20px;border: none;}
.left_fillter {background: url(images/left_icon.png) no-repeat;width: 95px;height: 51px;position: absolute;display: block;left: -95px;top: 0;}
.right_fillter {background: url(images/right_icon.png) no-repeat;width: 85px;height: 51px;position: absolute;display: block;right: -85px;top: 0;}

/*Video*/
.video-item{min-height:284px; margin-bottom:25px}
.video-item a{color:#333;display:block;position:relative}
.video-item a .title{padding-top:10px;display:block}
.video-item a .icon{position:absolute;width:54px;height:54px;top:34%;left:40%;background:url(images/video_icon.png) no-repeat center;z-index:300}
.video-item img{border:1px solid #ccc;padding: 3px;box-shadow: 5px 4px 3px #DBDBD9;}
.video-item a:hover img{border-color: #0064b0;}
#videoPlayer_wrapper{margin-bottom:20px}

/* photo */
.gallery-item {margin-bottom: 25px;}
.cb-gallery {font-size: 14px;position: relative;color: #333;display: block;}
.cb-gallery img {padding: 3px;border: 1px solid #ccc;text-align: center;box-shadow: 5px 4px 3px #DBDBD9;width: 96%;max-height: 145px;}
.cb-gallery:hover {border-color: #0064b0;}
.cb-gallery .title {display: block;margin-top: 10px;height: 95px;}
.photo-icon{background: url(images/photo_icon.png) no-repeat center;position: absolute;z-index: 200;top: 21%;left: 36%;width: 61px;height: 50px;}

/* AT PHOTO SLIDER */
.atphoto-wrap{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 4000;display: none;background: url(images/bg75.png);}
.at-closebtn{position: absolute;right: -24px;top: -18px;width: 44px;height: 34px;background: url(images/atimg_sprite.png) no-repeat 0 0;z-index: 200;cursor: pointer;}
.at-nextimg,.at-previmg{background-image: url(images/atimg_sprite.png);position: absolute;top: 40%;width: 40px;height: 36px;z-index: 300;cursor: pointer;}
.at-nextimg{right: 20px;background-position: 0 -70px;}
.at-previmg{left: 20px;background-position: 0 -34px;}
.at-thumb {overflow:hidden;margin:0 auto;}
.at-main-wrap{margin: 0 auto; position: relative;z-index: 300;}

.at-thumb-wrap{position: absolute;bottom: 0;width: 100%;z-index: 301;}
.at-thumb{width: 100%;margin: 0 auto; overflow: hidden;}
.at-thumb ul{width: 99999px;}
.at-thumb li a{display: block;border: 1px solid #333;cursor: pointer;opacity: 0.7;filter:alpha(opacity=70)}
.at-thumb li a.active,.at-thumb li a:hover{opacity: 1;filter:none}
.at-thumb li a.active{border: 1px solid #fff;}

.at-mainimg{background:#fff;display: block;margin: 0 auto; position: relative;width: auto;padding: 0 !important;border: 3px solid #fff;}
.at-mainimg img{width: 100%;height: 100%;}

.at-imgsl{position: absolute;left: 3px;top: 3px;z-index: 5;display: none;}
.at-imgsl img{width: 100%;height: 100%;}

.thumnav{margin: 0 auto;position: relative;}
.at-thumb-next,.at-thumb-prev{width: 40px;height: 36px;display: block;cursor: pointer;position: absolute;z-index: 500;background-image: url(images/atimg_sprite.png);top: 20%;}
.at-thumb-next{right: -40px;background-position: 0 -70px;}
.at-thumb-prev{left: -40px;background-position: 0 -34px;}

.at-loading{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 10;display: none;}

.at-title-wrap {color:#fff; padding:5px 0px; text-align:center; width:100%;}

/* BREADCRUM */
.breadcrum {color: #333;display: block;font-size: 12px;height: 20px;clear: both;}
.breadcrum a{color:#333;padding: 0 5px;text-transform: uppercase;white-space: nowrap;}
.breadcrum li.separate {padding: 0 3px;font-size: 12px;}
.breadcrum .active , .breadcrum a:hover {color: #005595;}

/* UTILITIES BAR */
.utilities-bar{clear: both;margin-bottom: 25px;height: 22px;border-top: 1px solid #ebebeb;border-bottom: 1px solid #ebebeb;padding: 8px 0;}
.utilities-bar ul{margin:0;list-style:none;padding:0}
.utilities-bar li{float:left;margin-right: 7px;}
.utilities-bar a{display:block;font-size:11px;color:#434343;}
.utilities-bar a span{display:inline-block;padding:3px 0 3px 30px;height:14px;}
.utilities-bar a.print,.utilities-bar a.email{padding-right:10px;border-top:0;margin-left:5px;position:relative;top:5px;}
.utilities-bar li.email a span{background:url("images/utility.png") no-repeat 4px 0;border: 1px solid #ccc;display: block;float: left;height: 14px;width: 70px;line-height: 14px;}
.utilities-bar a:hover span , .utilities-bar li a:hover span{text-decoration:underline}
.utilities-bar li.facebook a {background: url(images/face_share.jpg) no-repeat;width: 63px;height: 22px;}
.utilities-bar li.googleplus {width: 61px;}
.utilities-bar li.Tweet {width: 80px;}

/* PAGE */
.pages{padding: 15px 0 0 0; text-align:right;clear: both;margin-bottom: 15px;}
.pages a.ModulePager, .pages span , .pages a.ModulePager,  .pages span {color:#6e6e6e;width: 20px;height: 20px;line-height: 20px;font-size: 13px;background: #eee;text-align: center;border: none;}
.pages span.SelectedPage ,.pages a:hover , .searchresults .pages span.SelectedPage , .searchresults .pages a:hover {color:#fff !important;background: #0065b0 !important;border: none !important;}
.pages .PageInfo , .pages .FirstPage , .pages .LastPage , .pages .BackPage , .pages .NextPage{display: none;}

.pages.newsdetailpager {margin-right: 15px;}
.pages.productdetailpager{display: none;}

/*SITE MAP*/
.sitemappage .middle-fullwidth {background: #fff;margin: 15px;padding: 15px 0;}
.sitemappage h2.heading-title , .searchresults .search-page h2 {color: #d4001b;font-size: 26px;text-transform: uppercase;margin-bottom: 0;}
.sitemap-heading {padding: 7px 0 0;}
.sitemappage .sitemap {padding: 0}
.sitemap ul.sm-main {margin-left: 0;}
.sitemap ul.sm-main >li {width: 24%;}
.sitemap ul.sm-main >li:first-child {width: 18%;}
.sitemappage .sitemap ul.sm-main > li > a {background: url(images/i_folder_new.jpg) no-repeat left;padding-left: 25px;color: #d4001b;font-weight: 400;}
.sitemappage .sitemap ul.sm-main li li a {color: #333;}

/*SEARCH PAGE*/
.searchresults .top-content {display: none;}
.searchresults .middle-fullwidth {margin: 15px 0;}
.searchresults .search-page-top {background: #F6F6F6;padding: 13px 13px 10px;margin-bottom: 10px;}
.searchresults .search-page {padding: 0;margin-top: 0;}
.searchresults .searchresultlist li h3 {font-weight: normal;color: #d4001b;}
.searchresults .searchresultlist li h3 a {color: #d4001b;}
.searchresults .searchduration {display: none;}
.productsearchresults .wrap_content {padding: 0;}

#toTop { z-index:5001;font-size: 11px;background: url(images/top.png) no-repeat;width: 52px;height: 52px;position: fixed;right: 1%;bottom: 10%;text-indent: -9999px;}
body.dialogpage #toTop {display: none !important;}
.menu-mask {position: fixed;z-index: 99;left: 0;top: 0;bottom: 0;right: 0;display: none;}

/*Ebrochure*/
.ebrochure-control {margin: 0 auto;}
#respond_book {position: relative;z-index: 900;width: 100%;height: 100%;}
.ebrochure-wrap nav ul {margin-bottom: 20px;text-align: center;}
.ebrochure-wrap nav li:first-child {border-left: 0 none;}
.ebrochure-wrap nav li {list-style: none;display: inline-block;margin-bottom: 4px;}
.ebrochure-wrap nav a {display: block;padding: 10px 20px;background: #979797;white-space: nowrap;color: #fff;font-size: 22px;}

.ebrochure-wrap nav a:hover {background-color: #0064b0;}
.ebrochure-wrap nav a:active,
.ebrochure-wrap nav a:hover,
.ebrochure-wrap nav a {
  outline: none;
}

.ebrochure-other-wrap {margin-top: 20px;}
.other-book {margin-bottom: 20px;}
.other-book:hover , .other-book.active {filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;}

.wowbook{position:relative;zoom:1;height: 500px;}
.wowbook-page{zoom:1}
.wowbook-page-content{position:absolute;overflow:hidden;zoom:1}
.wowbook-loading .wowbook-page-content{background-image:url(images/loading.gif);background-position:50% 50%;background-repeat:no-repeat}
img.wowbook-lazy{height:100%;left:0;position:absolute;top:0;width:100%}
.wowbook-handle{cursor:pointer;height:100%;position:absolute;top:0;width:50px;z-index:10000;-webkit-transform:translate3d(0px,0px,10000px)}
.wowbook-handle.wowbook-disabled{display:none}
.wowbook-unselectable{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}
.wowbook-page-content.wowbook-double-page{padding:0}
.wowbook-shadow-clipper{position:absolute;overflow:hidden;z-index:999;zoom:1;-webkit-backface-visibility:hidden}
.wowbook-shadow-container{display:none;position:absolute;z-index:999;zoom:1}
.wowbook-shadow-internal{background:url(images/shadow_internal_fold.png) repeat-y;height:500px;width:200px;position:absolute;zoom:1;-webkit-backface-visibility:hidden}
.wowbook-shadow-fold{background:url(images/shadow_fold.png) right top repeat-y;height:500px;width:100px;position:absolute;zoom:1;-webkit-backface-visibility:hidden}
.wowbook-shadow-fold-flipped{background-image:url(images/shadow_fold_flip_h.png)}
.wowbook-fold-gradient{background:url(images/fold_gradient.png) right top repeat-y;height:500px;width:125px;position:absolute;top:0;zoom:1;-webkit-backface-visibility:hidden}
.wowbook-fold-gradient-flipped{background-image:url(images/fold_gradient_flip_h.png)}
.wowbook-fold-gradient-container{position:absolute;z-index:1001}
.wowbook-gutter-shadow{height:100%;width:40px;position:absolute;top:0}
.wowbook-left .wowbook-gutter-shadow{background:url(images/gutter_shadow_left.png) right top repeat-y;right:0;width:70px}
.wowbook-right .wowbook-gutter-shadow{background:url(images/gutter_shadow_right.png) right top repeat-y;left:0}
.wowbook-hard-page-shadow{background:#888;position:absolute;top:0;z-index:999}
.wowbook-page-number{bottom:0;padding-bottom:.3em;position:absolute}
.wowbook-left .wowbook-page-number{left:0;padding-left:.5em}
.wowbook-right .wowbook-page-number{right:0;padding-right:.5em}
.wowbook-book-shadow{-moz-box-shadow:0 0 7px #666;-ms-box-shadow:0 0 7px #666;-webkit-box-shadow:0 0 7px #666;-o-box-shadow:0 0 7px #666;box-shadow:0 0 7px #666}
.wowbook-hard-page-shadow{background:#888;box-shadow:0 0 2px 0 #666;background:rgba(96,96,96,0.5);position:absolute;top:0;z-index:999}
.wowbook-thumbnails{background:none;left:0;top:0;position:absolute;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;image-rendering:optimizeQuality;z-index:10000}
.wowbook-thumbnails .wowbook-clipper{overflow:hidden;position:relative}
.wowbook-thumbnails ul{position:relative;margin:0;padding:0}
.wowbook-thumbnails .wowbook-button{background:none no-repeat 50% 50% #333;cursor:pointer;left:0;position:absolute;top:0}
.wowbook-thumbnail{cursor:pointer;display:inline-block;*display:inline;zoom:1;overflow:hidden;position:relative;vertical-align:top}
.wowbook-thumbnail .wowbook-page-content{position:relative}
.wowbook-thumbnail.wowbook-right{margin-right:1em}
.wowbook-overlay{left:0;height:100%;position:absolute;top:0;width:100%;z-index:100000}
.wowbook-horizontal.wowbook-thumbnails{width:100%}
.wowbook-horizontal.wowbook-thumbnails .wowbook-clipper{height:100%;position:relative;margin:0 30px}
.wowbook-horizontal.wowbook-thumbnails ul{display:inline-block;*display:inline;*zoom:1;white-space:nowrap}
.wowbook-horizontal.wowbook-thumbnails .wowbook-button{width:30px;height:100%;background:url(images/arrow_left.png)}
.wowbook-horizontal.wowbook-thumbnails .wowbook-next.wowbook-button{left:auto;right:0;background:url(images/arrow_right.png)}
.wowbook-horizontal .wowbook-thumbnail{white-space:normal;*white-space:nowrap}
.wowbook-horizontal .wowbook-thumbnail .wowbook-page-content{*white-space:normal}
.wowbook-vertical.wowbook-thumbnails{display:inline-block;height:100%}
.wowbook-vertical.wowbook-thumbnails .wowbook-clipper{position:absolute;top:30px;bottom:30px}
.wowbook-vertical.wowbook-thumbnails .wowbook-button{height:30px;width:100%;background:url(images/arrow_up.png)}
.wowbook-vertical.wowbook-thumbnails .wowbook-next.wowbook-button{bottom:0;top:auto;background-image:url(arrow_down.png)}
.wowbook-vertical .wowbook-thumbnail.wowbook-right{margin-right:0}
.wowbook-vertical .wowbook-thumbnail:first-child{margin-left:50%}
.wowbook-draggable{cursor:hand;cursor:grab;cursor:-moz-grab;cursor:-webkit-grab}
.wowbook-draggable.wowbook-dragging{cursor:grabbing;cursor:-moz-grabbing;cursor:-webkit-grabbing}



@media (max-width: 767px) {
header {background: none;height: auto;padding-top: 0;position: relative;z-index: 300;}
.logo {margin: 7px 0 10px;}
.header_right {background: #0064b0;height: 40px;padding: 7px 0;position: relative;}
.header_top_r {margin-right: 7px;}
.search {background: #b9d2e5;width: 110px;-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;}
.search input[type='text'] {width: 70px;}

.main_nav , .email , .left_fillter , .right_fillter {display: none;}
.icon-mobile {background: url(images/mobile_menu_icon.png) no-repeat;width: 48px;height: 30px;display: block;cursor: pointer;position: absolute;left: 5px;top: 5px;}
.icon-mobile.active {opacity: 0.7;}
.main_nav {position: absolute;left: 0;top: 40px;width: 230px;background: #0064b0;}
ul.topmenu>li {display: block;float: none;margin: 0;padding: 0;background: none;height: auto;line-height: 20px;border: none;}
ul.topmenu>li>a {border-bottom: 1px solid #fff;display: block;color: #fff;padding: 7px 10px;font-weight: normal;font-size: 13px;}
ul.topmenu>li>a.active , ul.topmenu>li>a:hover {background: #fff;color: #0064b0;}
ul.topmenu>li.active , ul.topmenu>li:hover {background: none;border: none;}
ul.topmenu>li.prd_li3 {padding-right: 0;position: relative;}
ul.topmenu>li.prd_li3>a{height: auto;}

.arrow-menu , .arrow-menu:hover , ul.topmenu>li.prd_li3>.arrow-menu , ul.topmenu>li:hover >.arrow-menu {width: 40px;height: 34px;position: absolute;top: 0px;right: 0;background: url(images/mobile_arrow_menu.png) no-repeat left;left: auto;z-index: 99;}
.arrow-menu.active , ul.topmenu>li.prd_li3>.arrow-menu.active {background-position: right;}

ul.submenu {background: #302F2F;top: 0;left: 0;width: auto;position: relative;padding: 0;}
ul.submenu>li>a {font-size: 13px;color: #fff;padding: 6px 15px;border-top: 1px solid #fff;display: block;text-align: right;}
ul.submenu>li>a.active , ul.submenu>li>a:hover {background: none;color: #fff;}
ul.topmenu>li.active > ul.submenu {display: block;}
ul.topmenu>li:hover ul.submenu {display: none;}

.menu_prd_wrap {position: relative;top: 0;left: 0;border: none;padding: 10px 3%;width: 94%;}
ul.menu_prd>li {width: 100%;margin: 0 0 10px;}
ul.submenu_prd>li>a {font-size: 11px;}
ul.submenu_prd>li>a>img {width: 30%;margin-right: 4px;}
.sl-wrap .at-slider a {height: 210px;background-size: 154% auto !important;}
.service_banner {margin: 20px 0;}
/*.sl-wrap .at-slider {height: 146px;}
.slide-item {background-size: 163% auto !important;}
.service_banner {margin: 20px 0;}*/
.sv_prev {left: 15px;}
.sv_next {right: 15px;}

.bg_choose, .bg_new {height: auto;text-align: center;margin-bottom: 20px;padding: 10px;}
.bg_choose a {float: none;display: inline-block;margin: 0 3%;max-width: 43%;border-left: none;padding: 5px 0;}

.guide_item {text-align: center;}
.guide_item h3 {max-width: 100%;}

.img-news {width: 100%;float: none;margin: 5px 0 10px;}
.info-news {height: auto;width: 100%;}

footer {height: auto;background: #1c1c1c;padding: 15px 0;}
ul.footer_menu , .info-f {text-align: center;}

.banner_wrap {min-height: 100%;margin-bottom: 10px;}
.top_content {margin: 0 0 10px;}
.name_title {font-size: 22px;}
.middle-fullwidth {margin: 0 15px;}
.about_us .answer {padding: 0;}
.about_us .question {font-size: 14px;}

.news_item {border-bottom: 1px solid #ddd;}
.news_img {float: left;max-width: 37%;margin-right: 15px;}
.news_desc {border-bottom: none;padding: 0 10px 15px;}
.news_desc h3, .newslist_item h3 {height: auto;font-size: 13px;}
.newsdt_title {font-size: 14px;}

.servicemenu {margin: 0 -15px;}
.service_menu {margin-bottom: 25px;}

.breadcrum ul>li {margin-bottom: 5px;}

.wrap-FAQ {margin-bottom: 25px;}

.map_add , .otherdt_prev , .otherdt_next , .mobile_hide {display: none !important;}
.note_contact , .service_menu {margin-bottom: 20px;}
.map_wrap {margin: 0 -15px 20px;}

.productmenu {margin: 0 -15px;}
.prd_item {margin-bottom: 10px;}
.img_prd {float: left;margin-right: 15px;width: 35%;max-width: 300px;margin-bottom: 0;}
.prd_desc {padding-top: 15px;}
.prd_item_other {float: none;width: 100%;margin: 0 0 10px 0;}

.cb-gallery img {max-height: 100%;}
.cb-gallery .title {height: auto;}
.photo-icon {top: 32%;}

.video-item {min-height: 100%}
.video-item:nth-child(2n+1) {clear: both;}

.job_item table tr td.col2 {line-height: 1.6em;}

.contact_form , .fillter_wrap {margin-top: 0;}
.filer_bg {background: none;height: auto;margin: 0 -15px;padding: 10px 0;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;}
.filer_bg h1 {float: none;color: #0064b0;}
.brand_filter, .type_filter {margin-bottom: 10px;}

.center-rightmargin {margin-bottom: 20px;}
.right-content {clear: both;}

.prd_desc h2 {font-size: 14px;}
.img_prddt {display: block;max-width: 400px;}

.history {padding-left: 0;padding-right: 0;}
.tab-nav {width: 23%;}
.tab-nav ul li a {padding: 50px 50% 50px 0;width: 50%;font-size: 14px;}
.tab-contents {width: 79%;}
}

@media (max-width: 335px) {
.sl-wrap .at-slider a {height: 130px;}
.col-xs-6 {width:100%;}
}

@media (max-width: 380px) {
.sl-wrap .at-slider a {height: 145px;}
.col-xs-6 {width:100%;}
}

@media (min-width: 768px) and (max-width: 991px) {
.sitelogo>a>img , .img-news , .item-info-news:last-child , .btn_imgdt {display: none;}
header {background: url(images/tablet_header_bg.png) no-repeat left bottom;}
.sitelogo>a {background: url(images/tablet_logo.png) no-repeat;display: block;width: 86px;height: 55px;}
.wrap_nav {margin-left: 27px;}
ul.topmenu>li {padding: 0 9px;background: none;margin: 0;}
ul.topmenu>li>a {font-weight: 400;font-size: 11px;}
ul.topmenu>li.prd_li3>.arrow-menu {left: 60px;}
.arrow-menu {right: 0;}
.sl-wrap .at-slider , .sl-wrap .at-slider a {height: 302px;}
.sl-wrap .at-slider a {background-size: 145% auto !important;}
/*.slide-item {background-size: 170% auto !important;}*/
.sv_next {right: 15px;}
.sv_prev {left: 15px;}
.bg_choose, .bg_new {height: 133px;}
.bg_choose a {max-width: 49.5%;}
.info-news {width: 100%;height: 100%;}
.item-info-news {font-size: 13px;padding: 6px 8px;}
.guide_img {width: 100%;display: block;max-width: 210px;max-height: 133px;}
.guide_item h3 {max-width: 189px;bottom: -5px;padding: 5px 1%;width: 98%;}
footer {background: #161616;height: auto;padding: 10px 0;}
.info-f , ul.footer_menu {text-align: center;}
.menu_prd_wrap {left: -134px;width: 736px;padding: 15px;}
ul.submenu_prd>li>a {font-size: 11px;}
.banner_wrap {min-height: 162px;}
.top_content {margin: -165px 0px 60px;}
.name_title {font-size: 32px;}
.title_page {height: 30px;}
.title_page span {float: left;}
ul.sub_service>li>a , .service_des {font-size: 13px;}
ul.sub_product>li {font-size: 13px;}
.product_detail .top_content {margin: -165px 0px 90px;}
.product-detail-page.product_detail .top_content {margin: -165px 0px 60px;}
.product_detail .ie6 , .ebrochure .ie6 {overflow: hidden;}
.prd_desc h2 {font-size: 14px;}
.img_prddt {display: block;max-width: 343px;}
.prddt_wrap {margin: 0 15px;}
.prddt_info {height: 286px;margin-bottom: 20px;}
.prd_item_other {width: 23%;margin: 0 1%;}
.utilities-bar li {margin-right: 4px;}
.note_contact , .map_wrap {margin-bottom: 20px;}
.contact_form {margin-top: 60px;}
.wrap-contact .frm-row label {width: 13%;}
.wrap-contact .frm-row input[type=text], .wrap-contact .frm-row textarea {width: 82%;}
.news_desc h3, .newslist_item h3 {height: auto;}
.gallery-item:nth-child(2n) , .video-item:nth-child(2n) , .prd_item:nth-child(2n) {clear: both;}
.cb-gallery .title {height: auto;}
.tab-nav {width: 11%;}
.tab-contents {width: 83%;}
.tab-nav ul li a {font-size: 16px;}
}

@media (min-width: 992px) and (max-width: 1199px) {
.wrap_nav {margin-left: 15px;}
ul.topmenu>li {padding: 0 10px;}
ul.topmenu>li>a {font-size: 11px;}
ul.topmenu>li.prd_li3>.arrow-menu {left: 62px;top: -37px;}
.menu_prd_wrap {left: -349px;width: 990px;padding: 15px;}

.choose h2, .new h2, .guide h2 {font-size: 16px;}
.bg_choose, .bg_new {height: 128px;}
.bg_choose a {max-width: 49.5%;}
.img-news {width: 39%;}
.info-news {width: 61%;height: 133px;}
.item-info-news {font-size: 13px;padding: 4px 10px 3px;}

.guide_item {max-width: 205px;}
.guide_item h3 {bottom: -3px;max-width: 195px;}

.banner_wrap {min-height: 213px;}
.top_content {margin: -180px 0 85px;}

.about_us .answer ol {display: inherit;}
.answer span>img {margin-right: 45px;}
.guide_item h3{max-width: 199px;}
.title_page {font-size: 15px;}
.guide_img {max-height: 130px;}
.sl-wrap .at-slider a {height: 330px;background-size: 120% auto !important;}
}

@media (min-width: 1200px) and (max-width: 1380px) {
.contact_form {margin-top: -37%;}
}

.attachfile2 {display:none;}

.leftpopup {
    bottom: 0px;
    float: right;
    max-height: 200px;
    position: fixed;
    right: 10px;
    width: 70px;
    z-index: 900;
	border-radius:6px;
	right:14px;
	padding:6px;
	display:none;
	background-color:#0064b0;

}
.leftpopup > a.lnkleftpp {

    background: none repeat scroll 0 0 #0064b0;
    border-radius: 8px 8px 0 0;
    bottom: 0;
    color: #fff;
    padding: 2px 15px;
    position: absolute;
    right: 0;
	width:70px;
}

.wrap01 .contact_form {margin-top: 0px;}

.he-thong {
padding-bottom: 30px
}

.he-thong iframe {
width: 100%;
max-width: 100%;
height: 100%
}

.he-thong #map_canvas {
height: 770px
}

.he-thong .search-location {
padding: 20px;
background: #0064b0
}

.he-thong .search-location h3 {
margin-bottom: 5px;
color: #fff;
font-size: 18px;
font-weight: 600
}

.he-thong .select-group {
position: relative
}

.he-thong .select-group .mdi {
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
position: absolute;
top: 50%;
right: 5px;
transform: translateY(-50%);
color: #ff7c3f
}

.he-thong .select-group+.select-group {
margin-top: 5px
}

.he-thong .select-group input,
.he-thong .select-group select {
width: 100%;
height: 35px;
padding-left: 5px;
border: 1px solid #707070;

color: #707070;
font-size: 14px
}

.he-thong .select-group input {
padding-right: 25px
}

.he-thong #list {
max-height: 585px;
padding: 0 5px;
overflow-y: auto;
list-style: none
}

.he-thong #list::-webkit-scrollbar {
width: 8px;
background: #ebebeb
}

.he-thong #list::-webkit-scrollbar-thumb {
background: #0064b0
}

.he-thong #list li {
-webkit-transition: all .3s;
-o-transition: .3s all;
padding: 20px 12px;
border-bottom: 1px solid #ebebeb;
cursor: pointer;
transition: all .3s
}

.he-thong #list li .name {
color: #333;
font-size: 15px;
font-weight: 600
}

.he-thong #list li .address,
.he-thong #list li .email,
.he-thong #list li .phone {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 8px;
color: #666;
font-size: 14px
}

.he-thong #list li .address .mdi,
.he-thong #list li .email .mdi,
.he-thong #list li .phone .mdi {
margin-right: 5px
}

.he-thong #list li.active,
.he-thong #list li:hover {
-webkit-transition: all .3s;
-o-transition: .3s all;
-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
border: 0;
background-color: #f5f5f5;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
transition: all .3s
}

.he-thong .find_address {
padding: 15px 10px
}

.he-thong .find_address .row+.row {
margin-top: 10px
}

.he-thong .find_address input,
.he-thong .find_address table {
width: 100%
}

.he-thong .find_address .get-dir-button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 10px
}

.he-thong .find_address .get-dir-button a {
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex: 0 0 50%;
align-items: center;
justify-content: center;
background: #333;
color: #fff
}

.he-thong .find_address input[type=text] {
height: 35px;
padding-left: 5px;
font-size: 14px
}

.he-thong .find_address input[type=submit] {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
height: 35px;
border: 0;
background-image: -webkit-gradient(linear, left top, right top, from(#e2ab49), to(#eacc96));
background-image: -webkit-linear-gradient(left, #e2ab49, #eacc96);
background-image: -o-linear-gradient(left, #e2ab49, #eacc96);
background-image: linear-gradient(90deg, #e2ab49, #eacc96);
color: #fff
}
.he-thong .select-group input{
  padding-right: 0;
  width: 98%;
}
.he-thong #list{
    margin: 0;
    padding: 0;
    margin-top: 10px;
}
.he-thong #list li.clinic_list{
  padding:10px 15px;background:#fff;border-bottom:1px solid #e6e6e6;color:#666;line-height:1.7;cursor:pointer;-webkit-transition:all,.5s;-khtml-transition:all,.5s;-moz-transition:all,.5s;-ms-transition:all,.5s;-o-transition:all,.5s;transition:all,.5s;font-size:.8125rem;
}
.he-thong #list li.clinic_list:hover{
    background: #e8f2fd;
}

.he-thong #list li.clinic_list strong{font-size:.875rem;text-transform:uppercase;}
.he-thong #list li.clinic_list:hover{background:#e8f2fd;}
.he-thong #list li.clinic_list .number{display:none;}
.he-thong #list li.clinic_list a{color:#666;}
.he-thong #list li.clinic_list a:hover{color:#be1d2d;}
.he-thong #map {
    height: 100%;
    margin-right: -30px;
}
.he-thong #results{
    background: #fff;
    border-top: 1px solid #e6e6e6;
    overflow: auto;
    height: calc(600px - 179px);
}