@import "https://fonts.googleapis.com/css?family=Cormorant+Upright:300,400,500,600,700|Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i|Roboto+Condensed:300,300i,400,400i,700,700i|Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i"; body{font-family:Roboto,Arial,sans-serif} .clear{clear:both} .warning-message { padding: 77px !important; text-align: center; font-size: 19px; } .btn-customer-message { width: 100%; position: absolute; top: -33px; background: #469600; color: #fff; font-size: 15px; padding: 5px 0; font-weight: 700; border-radius: 5px 5px 0 0; text-align: left; } .col-md-75.col-sm-12.pull-left .container{width:100%!important} .col-md-9 .container{width:100%!important} .text-uppercase{text-transform:none} textarea{font-family:Roboto,Arial,sans-serif} ul{list-style:none;padding:0;margin:0} input,button{outline:none;border:none} .red{color:red!important} .yellow{color:#ff0!important} .bold{font-weight:700!important} .border_none{border:none!important} a,a:visited,a:hover,a:focus{text-decoration:none} img{vertical-align:middle} img,iframe{max-width:100%;border:none} .mgt0{margin-top:0!important} .mgt10{margin-top:10px!important} .container{background:#fff;padding: 0px;} #box_content_inner .container .post_static {background: #fff;padding: 10px;margin-bottom: 20px;} section#content {background: #f9f9f9;} header .container .carousel {margin: 0px;width: 1170px;margin: 0 auto;} .layer{position:absolute} .slider{position:relative;overflow:hidden} .company_name{color: #30562b;margin-top:6px;text-transform: uppercase;font-weight: 700;font-size: 15px;} header{position:relative;z-index:9;width: 1170px;margin: 0 auto;} header .container {width: 100%;} .header_top .container{background: #ffffff;padding: 10px;width: 1170px;margin: 0 auto;} .header_top{/* padding:9px 0 */border-bottom: 1px solid #aaa;} #header_top_info{float:right;color: #33672b;padding:2px 0;} #header_top_info li{display:inline-block;padding:0 12px;font-size:13px;color:#5e5d5d} #header_top_info li a{color: #33672b;font-size: 16px;} #header_top_info li:first-child i{font-size: 16px;} #header_top_info li:first-child span{font-size: 15px;color: #33672b;} #header_top_info li i{margin-right:14px;color: #33672b;font-size: 15px;vertical-align:middle;} #header_top_info li img{margin-right:14px} #header_top_info li span{vertical-align:middle;font-size:14px} #header_top_info li strong{font-size:18px;font-weight:400;color:#cf0a00;vertical-align:middle} #header_top_info li strong a{color: #33672b;font-size: 17px;} .header_logo_search_cart{padding: 5px 0;background: #ffffff;} .header_logo_search_cart .container{/* background: #3f3939; */padding: 10px;width: 1170px;margin: 0 auto;} .header_logo_search_cart .col-sm-3{ width: 19%; -webkit-animation: scale-up-hor-center 2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both; animation: scale-up-hor-center 2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both; } @-webkit-keyframes scale-up-hor-center{0%{-webkit-transform:scaleX(.4);transform:scaleX(.4)}100%{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes scale-up-hor-center{0%{-webkit-transform:scaleX(.4);transform:scaleX(.4)}100%{-webkit-transform:scaleX(1);transform:scaleX(1)}} .header_logo_search_cart .col-sm-9 {width: 40%;} .header_logo_search_cart .col-sm-7{width: 57%;} .header_logo_search_cart .col-sm-2{width:20%} .company_logo_img{max-height:60px} .shadow_logo{text-shadow:4px 3px 0 #fff,6px 4px 0 rgba(0,0,0,0.15)} .text1_logo{font-size:54px;margin:0;line-height:100%;color:#0E5841;} select.form-control.pull-left{background: #ed9a1e;border:none;border-bottom:none;padding: 14px 0 15px 5px;color:#fff;font-size:13px;font-weight:700;width: 33%;height:fit-content;} input.form-control {background: #ececec;padding: 22px 8px;border: 1px solid #ed9a1e;border-radius: 0px 5px 5px 0px !important;} .group_search i{color:#2c3d8d;font-size:18px} .text2_logo{font-size:18px;color:#222;margin:0;} .group_search{margin-top: 10px;MARGIN-LEFT: 480PX;width:100%;} .group_search input{border-radius:0;color:#6e6e6e} .group_search select{background:#f3f3f3;width:30%!important;cursor:pointer} .group_search div{width:70%} .group_search #keyword{padding-left:30px;padding-right:45px} .group_search #keyword::-webkit-input-placeholder{font-style:italic;color:#b7b7b7} .group_search #keyword::-moz-placeholder{font-style:italic;color:#b7b7b7} .group_search #keyword:-ms-input-placeholder{font-style:italic;color:#b7b7b7} .group_search #keyword:-moz-placeholder{font-style:italic;color:#b7b7b7} .header_cart{padding-right:20px;margin-top: 30px;} .s_cart{width:50px;height:50px;background: #ed9a1e;border-radius:50%;line-height:50px;} .s_cart i{font-size:19px;color: #ffffff;vertical-align:middle;} .txt_cart{margin-left:10px} .txt_cart p{margin-bottom:0} .txt_cart > p > a{color: #33672b;} .txt_cart p:first-child{margin-top:6px} .txt_cart p:last-child{color: #33672b;font-size:18px;} #btn_search{position:absolute;top: 7px;right:10px;z-index:9;font-size:16px;font-size:13px;color:#2a2a2a;border-radius:0;border:none;outline:none;background:transparent;padding:6px 12px;} .group_search i{color: #33672b;} #btn_search:hover{background:#fff} #carousel-slider .carousel-indicators li{margin:0 3px;vertical-align:middle} #carousel-slider .carousel-indicators li:not(.active){background-color:rgba(255,255,255,0.5);border:none;width:15px;height:15px} #carousel-slider .carousel-indicators li.active{width:20px;height:20px;position:relative;background-color:rgba(255,255,255,0)} #carousel-slider .carousel-indicators li.active:before{content:"";position:absolute;top:5px;left:5px;width:8px;height:8px;background:#fff;border-radius:50%} #carousel-slider .carousel-inner>.item>a>img{width:100%} #carousel-slider .carousel-indicators{z-index:1} .main_menu{height:100%;/* background: #201501; */border-bottom: 1px solid #ed9a1e;border-top: 1px solid #ed9a1e;} .main_menu .container{/* background: #4a8103; *//* border-bottom: 3px solid rgba(0,0,0,0.1); */width: 1170px;margin: 0 auto;} .category_menu{background:#1b6faa;color:#f31be9;position:relative;height:40px;line-height:40px;cursor:pointer} .category_menu i{position:absolute;font-size:19px;top:12px;left:22px} .category_menu span{font-size:18px} .box_main_menu{position:relative} #category_menu{width:23.1%;position:relative} .categories-list-box{position:absolute;top:40px;width:100%;background:#fff;border:1px solid #dcdcdc;z-index:1000;display:none;overflow:hidden} #category_menu:hover .categories-list-box{display:block} .categories-list-box ul > li{border-bottom:1px solid #dcdcdc} .categories-list-box ul > li:last-child{border:none} .categories-list-box ul > li > a{padding:7px 10px 8px;display:block;position:relative;color:#525252;font-size:13px} .categories-list-box ul > li.active > a{color:#0E5841} .categories-list-box ul > li > a span{vertical-align:middle} .categories-list-box ul > li > a span.glyphicon{position:absolute;right:7px;top:50%;margin-top:-5px;color:#cfcfcf;font-size:10px} .categories-list-box ul > li > a > img{margin-right:10px;width:22px} .categories-list-box ul > li > a > i{margin-right:5px;font-size:9px;vertical-align:middle;color:#b20505} .categories-list-box ul > li:hover > a,.categories-list-box ul > li:hover > a > i{color:#0E5841} #box_left_element,#box_right_element{/* background:#fff */} .menu-vertical { margin-bottom: 20px; } #box_left_element .categories-list-box,#box_right_element .categories-list-box{position:static;display:block} .main_menu_nav{line-height: 45px;} .main_menu_nav ul li{float:left;position:relative} .main_menu_nav ul li a{display:block;padding: 0 9px;color: #f31be9;font-weight:700;font-size: 16px;position:relative;text-transform: uppercase;font-family: Roboto,Arial,sans-serif;font-weight: 500;-webkit-transition: all 0.25s ease-out;-moz-transition: all 0.25s ease-out;-ms-transition: all 0.25s ease-out;-o-transition: all 0.25s ease-out;transition: all 0.25s ease-out;} .main_menu_nav ul li a > i{font-size:20px;vertical-align:middle} .main_menu_nav ul li a span{margin-left:5px} .main_menu_nav ul li a.active,.main_menu_nav ul li:hover > a,.main_menu_nav ul li a:focus{color: #ffffff;background: #469600;/* background: url(/uploads/377/article_home/409/mn-1.png) no-repeat scroll center center; */} .main_menu_nav li > ul{display:none;position:absolute;top: 46px;left:0;width:200px;background: #325701;z-index:10000;line-height:100%;font-size:12px;box-shadow:-1px 1px 3px 0 #565353;} .main_menu_nav li > ul > li{float:none} .main_menu_nav li > ul > li:last-child a{border:none} .main_menu_nav li > ul > li > a{color: #ffffff;display:block;padding:12px 10px;border-bottom:1px solid #dcdcdc;font-size:13px;font-weight:400;white-space:nowrap;overflow:hidden;background: #ed9a1e;} .main_menu_nav li > ul > li > a:hover {background:#ffffff;color:#201500} .main_menu_nav li:hover > ul{display:block} .main_menu_nav li > ul > li > ul{display:none;position:absolute;top:0;left:200px;width:200px;background:#0E5841;z-index:10000;line-height:100%;font-size:12px;box-shadow:-1px 1px 3px 0 #565353} .main_menu_nav li > ul > li:hover ul{display:block} .main_menu_nav li > ul > li > ul > li > ul{display:none;position:absolute;top:0;left:200px;width:200px;background:#0E5841;z-index:10000;line-height:100%;font-size:12px;box-shadow:-1px 1px 3px 0 #565353} .main_menu_nav li > ul > li > ul >li:hover ul{display:block} #statistics{padding:15px 0} .box_statistic{border-right:1px solid #ddd} .img_statistic{width:40px;margin-top:2px} .img_statistic > span{font-size:36px;color:#d33c3c} .txt_statistic{width:calc(100% - 40px);color:#636363;font-weight:700} .txt_statistic p{margin-bottom:0} .txt_statistic p:last-child{color:#d54747;font-size:18px;font-weight:400} #list_product_hot{margin:25px 0} .box_product_hot{width:25%;height:195px;position:relative} .box_product_hot img{width:100%} div.bginfo{display:block;overflow:hidden;-ms-opacity:0;opacity:0;background:rgba(0,0,0,0);width:100%;height:100%;padding:10px;line-height:1.8em;color:#fff;position:absolute;top:0;left:0;z-index:99;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;-ms-transition:all .5s ease;transition:all .5s ease;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter:alpha(opacity=0);text-align:justify} div.bginfo:hover{background:rgba(0,0,0,.5);-ms-opacity:1;opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter:alpha(opacity=100);-khtml-opacity:1} #list_product_hot > .container > div:nth-child(odd) > div:nth-child(even) div.bginfo:hover{background:rgba(223,141,24,.7)} #list_product_hot > .container > div:nth-child(even) > div:nth-child(odd) div.bginfo:hover{background:rgba(223,141,24,.7)} div.bginfo_pr{display:block;overflow:hidden;-ms-opacity:0;opacity:0;background:rgba(0,0,0,0);width:100%;height:100%;padding:10px;line-height:1.8em;color:#fff;position:absolute;top:0;left:0;z-index:99;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;-ms-transition:all .5s ease;transition:all .5s ease;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter:alpha(opacity=0);text-align:justify} div.bginfo_pr:hover{background:rgba(180,19,19,.5);-ms-opacity:1;opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter:alpha(opacity=100);-khtml-opacity:1} .box_add_to_cart_pr{display:table;width:100%;height:100%} .add_to_cart_pr{display:table-cell;vertical-align:middle} .add_to_cart_pr > span{width:48px;height:48px;line-height:48px;border-radius:50%;background:#df2929;color:#fff;font-size:24px;display:inline-block} .label_percent{background:#0E5841;border-radius:50%;top:16px;left:21px;width:40px;height:40px;line-height:40px;text-align:center;color:#fff;font-size:12px} .add_to_cart{color:#fff;width:96px;height:22px;right:23px;bottom:14px} .add_to_cart i{font-size:24px;margin-right:6px} .box_product_hot_name{display:table;width:100%;height:100%} .box_product_hot_name_info{display:table-cell;vertical-align:middle;color:#fff;padding-left:19%;line-height:18px} .hot_pr_name{font-weight:700} .new_price{font-size:16px} .old_price{font-size:12px;text-decoration:line-through} .new_company_txt{font-size:24px;color:#0E5841;font-weight:700} .box_new_company{margin-top:15px;padding: 15px 0 7px;background: #ebebeb82;} .box_new_company .container{background:#ebebeb!important} #box_logo_company{padding:0 25px} .name_company{padding:8px 10px 0} .name_company > a{color:#535353} .logo_company{display:inline-block;vertical-align:top;width:100%;position:relative;background:#fff} .box_img_partner{width: 156px !important;height: 156px !important;position:relative;margin:auto;} .box_img_partner img{position:absolute;bottom:0;left:0;right:0;top:0;margin:auto;max-width:100%;max-height:100%;width:auto!important} div.box_logo_company.owl-theme .owl-dots .owl-dot span{width:11px;height:11px;margin:5px 2px 0;background:#fff;border:1px solid #0E5841;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px} div.box_logo_company.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#0E5841} .box_logo_company.owl-theme .owl-nav .owl-prev{position:absolute;top:50%;left:0;padding:0;font-family:FontAwesome;background:transparent;color: #0000005c;font-size:50px;margin:0;margin-top:-35.5px;} .box_logo_company.owl-theme .owl-nav .owl-prev:before{content:"\f104"} .box_logo_company.owl-theme .owl-nav .owl-next{position:absolute;top:50%;right:0;padding:0;font-family:FontAwesome;background:transparent;color: #0000005c;font-size:50px;margin:0;margin-top:-35.5px;} .box_logo_company.owl-theme .owl-nav .owl-next:before{content:"\f105"} .box_product_hot_index{background:#fff;padding-bottom:20px;margin-bottom: 20px;width: 1170px;margin: auto;padding-top: 20px;} .col-md-3 { width: 20%; } .container #col-left-3 { width: 25%; } .box_product_home_categtory { margin-bottom: 20px; } .title{padding-bottom: 0px;/* border-bottom:1px solid #eee; */position:relative;line-height: 40px;background: #fff;color: #333;font-size: 14px;/* border-bottom: 3px solid #f6841f; */font-weight: 700;padding-left: 10px;text-transform: uppercase;/* border-top: 3px solid #18817c; */padding-top: 0px !important;margin-bottom: 0px;text-align: center;} .title h1,.title h2{margin:0;line-height:30px;color:#0E5841;padding-left:12px;border-left:3px solid #0E5841;font-weight:700;font-size:16px;text-transform:uppercase} .title h1 a,.title h2 a{color:#0E5841} .view_all_product{color:#fff;position:absolute;top:0;right:0;padding:0 10px;line-height:30px;text-transform:uppercase;font-size:12px;background:#0E5841} .view_all_product:hover{color:#fff} .title_bar{padding-top:5px;padding-bottom:9px;border-bottom:1px solid #eee;position:relative} .container #banner_33254 .title_bar.txt_web_color {display: none;} .title_bar h1,.title_bar h2{margin:0;line-height:40px;color: #3f3939;padding-left:12px;border-left: 3px solid #f49103;font-weight:700;font-size:18px;text-transform:uppercase;border-bottom: 1px solid #ed9a1e; border-right: 3px solid #ed9a1e;border-top: 1px solid #ed9a1e;TEXT-ALIGN: center;BACKGROUND: #f7f4f4;} #box_content_index{margin-top:15px} .box_left_index{padding-bottom:25px} .title_left{line-height:39px;background:#0E5841;font-weight:700;color:#fff;margin-bottom:1px} .title_left_red{background:#c13d3d} .title_left_blue{background:#439c35} .list_cate_index{color:#797474fc} .list_cate_index a{color:#797474fc;padding:0 15px} .list_cate_index a:first-child{padding-left:0} .box_category_index{padding:8px 0 15px} .list_product_index{margin-top:15px} .box_product{margin-top:15px;border:1px solid #ebebeb;padding:10px} .box_product > a{display:inline-block;vertical-align:top;width:100%;position:relative} p.price_percent{margin:0;position:absolute;top:15px;right:15px;width:34px;height:34px;line-height:34px;text-align:center;color:#fff;font-size:13px;border-radius:50%;background:#da2929;display:block} .box_product_img{width:242.5px;height:242.5px;position:relative;margin:auto} #page2 .box_product_img{width:203px;height:203px} #page3 .box_product_img,#page4 .box_product_img{width:240px;height:240px} .box_product_img img{position:absolute;bottom:0;left:0;right:0;top:0;margin:auto;max-width:100%;max-height:100%;width:auto!important} .box_product_img:hover img{transform:scale(1.1);transition:all .5s;opacity:.95} .box_product_name{margin-top:10px;margin-bottom:3px;height:40px} .box_product_name a{color:#282828;display:block;font-size: 14px;height: 40px;TEXT-ALIGN: center;text-overflow: ellipsis;overflow: hidden;font-weight: 500;} .product_price_new{font-size: 15px;color:#ff4a4a;font-weight: 500;} .product_price_old{font-size:14px;color:#9e9e9e;text-decoration:line-through;height:20px;font-weight: 500;} .box_product_price_cart{display:flex;margin-top:7px;width:100%;height:40px} .box_product_price{width: 70%;color:#388e3c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:16px;text-align:left;} .box_product_price_cart p{margin-bottom:0;line-height:20px} .box_product_price .product_price{margin-top:10px} .price_v1_old{font-size:14px;color:#9e9e9e;text-decoration:line-through} .price_v1{font-size:16px;color:#d50000} .btn_cart{width: 30%;} span.btn.btn-warning.add-to-cart { font-size: 12px; font-weight: 700; } .btn_cart span{float:right;height:34px;line-height:35px;cursor:pointer;border-radius:4px;border:none;outline:none;text-transform:uppercase;font-size:14px;background: #469600;color: #ffffff;text-align:center;padding:0 10px;margin-top:3px;} .btn_cart i{display:none;float:right;font-size:30px;color: #da2929;margin-top:5px;cursor:pointer;} .list_product_index.owl-theme .owl-nav [class*=owl-]{width:18px;height:13px;text-indent:-9999px;margin:5px 10px;background:none} .list_product_index.owl-theme .owl-nav .owl-prev{background:url(../images/arrow_left.png) no-repeat} .list_product_index.owl-theme .owl-nav .owl-next{background:url(../images/arrow_right.png) no-repeat} #box_category_news{padding:20px 0} .title_news_cate{margin-bottom:20px} .title_news_cate a{font-size:16px;color:#3f3f3f;font-weight:700} .content_news_cate .media{margin-top:17px;height:100px} .content_news_cate .media-left{padding-right:14px} .content_news_cate .media-left img{max-width:none;width:100px} .content_news_cate .media-heading a{color:#434343} .content_news_cate .media-body{position:relative} .content_news_cate .media-body .btn{font-size:12px;padding:4px 7px;background:#f49103;position:absolute;left:0;bottom:0} .content_news_cate .media-body .btn i{font-size:8px;margin-left:5px} .btn_view_all_news_cate{font-size:12px;color:#0E5841;border-color:#0E5841;margin-top:30px} .btn_view_all_news_cate:hover,.btn_view_all_news_cate:focus{background:#fff!important;border-color:#0E5841!important;color:#0E5841!important} #kandan_takeo{padding:45px 0;background:#f5f4f4} #kandan_takeo .tab-content{margin-bottom:20px} .title_kandan_takeo{font-weight:700;font-size:24px} .title_kandan_takeo a{color:#3f3f3f} #kandan_tab{display:inline-block;margin:30px 0;font-size:12px;border-bottom:0} #kandan_tab.nav-tabs>li{margin-bottom:0} #kandan_tab li a{color:#434343;border-radius:0;border:1px solid #d8d8d8;background:#fff;margin-right:20px;padding:10px 21px} #kandan_tab li.active a{color:#fff;background:#0E5841;border:1px solid #0E5841} .box_kanda_takeo{margin-bottom:10px} .box_kanda_takeo_img{padding:11px;background:#fff;border:1px solid #ebebeb} .box_kanda_takeo_img img{width:100%} .box_kanda_takeo_name{margin:10px 0} .box_kanda_takeo_name a{color:#434343} .box_kanda_takeo a.btn{font-size:12px;padding:4px 7px;background:#f49103} .box_kanda_takeo a.btn.btn i{font-size:8px;margin-left:5px} .news_index{padding:10px 0 20px;border-top:8px solid #f6f6f6;background:#fff} .news_index .container{background:#fff!important} .news_index .container-fluid .col-sm-12 {width: 50%;} .title_news_index{margin-bottom:10px} .title_news_index a{color:#3f3f3f;font-size:24px;position:relative;font-weight:700} .title_news_index a:before{position:absolute;content:"";top:10px;left:-180px;width:162px;height:1px;background:#5e86e6} .title_news_index a:after{position:absolute;content:"";top:10px;right:-180px;width:162px;height:1px;background:#5e86e6} #box_content_inner .container-fluid .col-sm-12 {width:50%} #box_content_inner .container-fluid .media-calendar-box { display: none; } #box_content_inner .container-fluid .media-content { width: 100%; } .media_news.media{margin-top:17px;height:130px;border:1px solid #dadada} .media_news .media-left{padding-right:7px} .media_news .media-left > a{display:inline-block;vertical-align:top;width:100%;position:relative} .media_news .media-left .box_media_img{width:182px;height:128px;position:relative;margin:auto} .media_news .media-left .box_media_img img{/*position:absolute*/;bottom:0;left:0;right:0;top:0;margin:auto;max-width:100%;max-height:100%;width:auto!important} .media_news .media-heading a{color:#535353;font-weight:700;/* height:37px; */display:block;font-size: 14px;} .media_news .media-body{padding:10px 0} .media_news .media-calendar{width:89px} .media-content{width: calc(100% - 89px);padding-left:8px;} .media-calendar-date{font-size: 26px;color:#0E5841;border-bottom:1px solid #0E5841;line-height:100%;padding-bottom:6px;} .media-calendar-month{font-size:16px;color:#0E5841;padding-top:8px} .media-calendar-box{padding-top:20px;/* display: none; */} .media_news .media-summary{font-size:13px;color:#707070;height:54px} .btn_view_all_news{font-size:12px;color:#ffad00;border-color:#ffad00;margin-top:30px} .btn_view_all_news:hover,.btn_view_all_news:focus{background:#fff!important;border-color:#ffad00!important;color:#ffad00!important} .box_page{background:#fff;padding-bottom:20px;/* width: 1170px; */margin: auto;} #page1 .box_post{padding-top:15px;background:#fff} .box_post{background:#fff} .fb-comment-area{background:#fff} footer{background:#0E5841;margin: 0px;margin: 0 auto;} .sidebar-above-footer .block-subscribe-footer .block-content .newsletter-content .newsletter-submit {color: #fff;} .btn-primary {background: #ffff;} .sidebar-above-footer .col-lg-3 {width: 25%;float: left;} .sidebar-above-footer .col-lg-9 {width: 75%;} #frm_newsletter input.form-control { padding: 0px; border: 0px; } .footer_middle .container,.footer_bottom .container{background: #ffffff00;} .footer_middle .container .col-md-5{width:50%} .footer_middle .container .col-md-4{width: 32%;} .footer_middle .container .col-md-3{width: 18%;float:right;} .banner_partner{padding-top:10px;/* border-top:8px solid #f6f6f6; */background:#fff;} .banner_partner .container{background:transparent!important} #footer_top{padding:15px 0;background:#0071bb;color:#fff} #frm_newsletter label{font-size:16px;margin-right:30px} .box_input_newsletter{display:inline-block;padding:2px;border:1px solid #fff} #inputEmailNewsletter{background:none;border:none;color:#fff;font-style:italic;font-size:13px;padding:7px 12px} #inputEmailNewsletter::-webkit-input-placeholder{color:#fff} #inputEmailNewsletter::-moz-placeholder{color:#fff} #inputEmailNewsletter:-ms-input-placeholder{color:#fff} #inputEmailNewsletter:-moz-placeholder{color:#fff} #btn_newsletter{font-size:13px;color:#2a2a2a;padding:7px 18px;border-radius:0} .social_icon ul li{display:inline-block;padding:0 5px} .social_icon ul li:last-child{padding-right:0} .footer_middle{padding: 20px 0 10px;background: #F7F4F4;} .title_footer{position:relative;padding:0 0 18px} footer.bar_web_bgr #_footer_top_33022 .col-md-3.hidden-xs.hidden-sm a { color: #201500; } .title_footer:before{content:"";position:absolute;bottom:0;left:0;width:21px;height:3px;background: #F7F4F4;} .title_footer h4{font-size:16px;color: #FA00FF;margin:0;font-weight:700;} .content_footer_middle{margin-top:25px} .content_company_info ul li{padding:4px 0;width:100%;color:#F00F6B} .content_company_info ul li div{font-size:13px} .content_company_info ul li span{vertical-align:middle;padding-left:20px;color: #F00F6B;} .content_company_info ul li i{font-size:12px;color: #F00F6B;vertical-align:middle;} .content_company_info ul li a{color: #F00F6B;display: contents;} .footer_category a{display:block;color: #F00F6B;padding:4px 0;position:relative;} a.phone_ct{font-size:22px;color:#F00F6B!important;font-weight:700;vertical-align:middle} a.phone_ct:hover{color:#F00F6B} #copyright{width:90%;font-size:13px;color:#FA00FF;margin:0;margin-top:10px} #copyright a{color:#F00F6B} #company_category ul{width:50%} #company_category ul li,#company_fanpage ul li{padding:5px 0;width:100%} #company_category ul li a,#company_fanpage ul li a{color:#F00F6B;position:relative;display:block;} #company_category ul li a:hover,#company_fanpage ul li a:hover{color:#f69b0d} #company_category ul li a:hover:before,#company_fanpage ul li a:hover:before{content:'';position:absolute;left:0;top:7px;left:-11px;width:5px;height:5px;border-radius:50%;background:#ff8b00} #company_fanpage{margin-top:20px} .footer_bottom{border-top:1px solid #F00F6B;padding-top:20px;padding-bottom:10px;background: #444444;} .content_footer_bottom{padding:9px 0;color:#F00F6B;height:52px} .content_footer_bottom_border{border-right:1px dashed #fff} .content_footer_bottom i{font-size:35px;vertical-align:middle} .content_footer_bottom span{vertical-align:middle;padding-left:4px} .content_footer_bottom a{color:#F00F6B;font-size:18px;padding-left:10px} .content_footer_bottom i.icon-phone{font-size:30px} .content_footer_bottom i.icon-chat{font-size:34px} .price_require{padding-left:0!important} #website_link{background:#F00F6B;position:relative} #website_link select{background:transparent;box-shadow:none;border:none;height:32px} #website_link .array_select_link{top:3px;right:3px;width:25px;height:26px;background: #201500;color: #F00F6B;} #website_link .array_select_link span{margin-top:6px;margin-left:0} .box_access_online {background:#fff;} .user_online{color:#fff} .user_online ul{padding-top:3px} .user_online ul li{padding-top:5px;font-size:14px} .user_online ul li:first-child{padding:0} .user_online ul li label{width:160px;font-weight:400;font-size:13px} .user_online ul li label:hover{box-shadow:none} .user_online ul li:first-child label{font-size:14px} .user_online ul li .box_number b{padding:0 3px;border:1px solid #fff;margin-right:1px;font-weight:400} .breadcrumb{background:#f6f6f6;font-size:13px;padding:10.5px 15px;margin-bottom:0} .breadcrumb>li+li:before{content:"\e250";font-family:'Glyphicons Halflings';color:#737373;font-size:9px;padding:0 10px} .breadcrumb>li>a{color:#777} .breadcrumb>.active{color:#0E5841} .header_inner{box-shadow:none} .box_left_element,.box_right_element{margin-bottom:20px} .title_bar_left,.title_bar_right,.title_bar_center{ /* height: 40px; */ /* line-height: 40px; */ background: #f7f4f4; /* color: #fff; */ /* font-size: 14px; */ /* border-bottom: 1px solid #aaa; */ /* font-weight: 700; */ /* padding-left: 10px; */ /* text-transform: uppercase; */ /* border-top: 1px solid #aaa; */ display: inline-block; position: relative; /* padding: 0 15px; */ width: 100%; } #box_left_element .title_bar_left, #box_left_element .title_bar_right.bar_web_bgr.text-uppercase {height: 40px;line-height: 40px;background: #ed9a1e;color: #fff;font-size: 14px;border-bottom: 1px solid #aaa;font-weight: 700;padding-left: 10px;text-transform: uppercase;/* border-top: 1px solid #aaa; */display: inline-block;position: relative;padding: 0 15px;width: 100%;text-align: center;} .box_list_product .row { margin-right: 0px; margin-left: 0px; } .box_list_product .col-md-4 {width: 25%;} .title_bar_center h1,.title_bar_center h2,.title_bar_center h3{margin-top:0;margin-bottom:0;padding:0;line-height:40px;border-left: 3px solid #f49103;border-right: 3px solid #ed9a1e;color: #469600;font-size: 16px;text-align: center;font-weight: 700;text-transform: uppercase;font-family: Arial; border-bottom: 1px solid #ed9a1e;border-top: 1px solid #ed9a1e;} .title_bar_center h1 a,.title_bar_center h2 a,.title_bar_center h3 a{color: #f31be9;display:block;} .title_bar_center h2:after {content: "";z-index: 10;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid #ed9a1e;width: 0;height: 0;content: "";position: absolute;bottom: -10px;left: calc(50% - 10px);color: #000;} .box_fanpage_lr {padding: 5px;border: 1px solid #ebebeb;background: #fff;} .product_sale_left{padding:0 10px 20px;border:1px solid #ebebeb;background: #fff;} .product_sale_left .media{margin-top:15px;height: 75px;} .product_sale_left .media-left{padding-right:10px} .product_sale_left .media-left img{max-width:none;width:90px;height: 75px;object-fit: cover;} .product_sale_left .media-heading a{color:#434343;display:block} .product_sale_left .media-body{position:relative} .product_sale_left .media-body .product_price{position:absolute;left:0;bottom:0;width:100%} #box_statistic_left{background:#f4f4f4;padding:5px 18px} #box_statistic_left .img_statistic{width:80px} #box_statistic_left .img_statistic > span{padding-left:10px} #box_statistic_left .txt_statistic{width:calc(100% - 80px)} #box_statistic_left .box_statistic{padding:20px 0;border-right:0;border-bottom:1px solid #ddd} .banner_category{padding:10px 0} .sort_product select{width:auto;display:inline-block;margin-left:13px;color:#777;font-size:13px;border-radius:0;height:30px;border:1px solid #dcdcdc;cursor:pointer} .sort_product label{color:#777;font-size:13px} .title_cate_product{font-weight:700;font-size:18px} .title_cate_product span{margin-left:25px;font-size:13px;color:#777;font-weight:400} .box_pagination{margin-top:20px} #breadcrumb_full{background:#f6f6f6} #breadcrumb_full .breadcrumb{margin:0;padding-left:0} .title_category{font-size:24px;color:#2f2f2f;padding-bottom:5px;margin-top:15px} .title_category i{font-size:28px;color:#ff8600;margin-right:10px} .title_category i,.title_category span{vertical-align:middle} .title_category_line{width:53px;height:2px;background:#0E5841;margin:auto} .list_category_child{margin:10px 0 25px} .category_bar a{display:block;border:1px solid #dcdcdc;height:35px;line-height:35px;padding:0 30px;color:#434343;margin-top:10px;position:relative;white-space:nowrap;text-overflow:ellipsis} .category_bar a:before{position:absolute;content:"";top:-1px;left:-1px;width:5px;height:35px;background:#0E5841} .category_bar a:hover,.category_bar.active a{background:#f49103;color:#fff;border-color:#f49103} #cloud-zoom-big{left:15px!important} .product-view .product-img-box{margin-bottom:10px;position:relative} .product-view .product-img-box .product-image{margin:0 0 13px} .product-view .new-label{font-size:10px;color:#000;text-transform:uppercase;padding:0;text-align:center;display:block;position:absolute;top:10px;z-index:10000;font-weight:400;line-height:normal;width:45px;height:45px;line-height:45px;margin-top:1px;margin-left:10px;background:#fcec94;border-radius:30px} .product-view .sale-label{font-size:10px;color:#fff;background:#d12631;text-transform:uppercase;padding:0;text-align:center;display:block;position:absolute;top:0;z-index:10000;font-weight:400;line-height:normal;border-radius:30px;width:45px;height:45px;line-height:45px;margin-top:5px;margin-left:10px} .product-view{margin:10px auto auto;position:relative;z-index:0} .product-collateral .box-collateral{margin:0 0 15px} .product-essential .product-image.no-gallery{margin-left:auto} .product-essential .product-image img{height:auto;width:100%} .product-essential .button-viewall{position:absolute;left:5px;bottom:5px;text-indent:-999em;z-index:9999} .custom-cart{display:inline-block;width:100%;margin:20px 0} .product-view .product-shop .add-to-box button.button.btn-cart span{background:none;margin-left:5px;font-size:20px;font-weight:300} .product-view .product-options-bottom button.button.btn-cart span{background:none;margin-left:5px} .product-view .product-shop{margin-top:0;position:relative} .product-view .product-name{font-size:24px;font-weight:700;color:#434343;padding-bottom:12px} .product-view .product-description{padding:5px 0;border-bottom:1px solid #ddd} .product-view .product-name h1{font-size:20px;margin:0 0 2px;text-align:left;line-height:1.2em;font-weight:700;color:#434343} #bizweb-product-reviews{padding-bottom:10px} .product-view .short-description{padding-bottom:5px;font-size:13px} .product-view .short-description h2{font-size:11px;text-transform:uppercase;color:#333;margin-bottom:5px;font-weight:700} .product-view .product-shop .add-to-box{padding:0;overflow:hidden;text-align:center;margin:1px 0 0;float:left;width:100%} .product-options-bottom .add-to-cart{border-bottom:1px solid #ddd;border-top:1px solid #ddd;display:inline-block;float:left;margin:0;padding:6px 0 20px;position:relative;width:100%} .add-to-box .add-to-cart{display:inline-block;float:left;margin:0;position:relative;width:100%} .product-view .product-shop .add-to-box a:hover{text-decoration:none} .product-view .product-shop .add-to-box .btn-cart{background:#eadaa3;color:#23170e;text-shadow:none;padding:10px 20px;margin-top:0;font-weight:300;transition:color 300ms ease-in-out 0s,background-color 300ms ease-in-out 0s,background-position 300ms ease-in-out 0;margin-left:0;border:none;font-size:20px;display:inline-block;float:left} .product-view .product-shop .add-to-box .btn-cart:hover{background:#23170e;text-shadow:none;color:#fff} .product-view .product-shop .product-options-bottom .btn-cart{background:#26C395;color:#fff;font-size:16px;text-shadow:none;padding:10px 20px;float:left;margin-top:0;font-weight:400;transition:color 300ms ease-in-out 0s,background-color 300ms ease-in-out 0s,background-position 300ms ease-in-out 0;margin-left:10px;border:none} .product-view .product-shop .product-options-bottom .btn-cart:hover{background:#000;text-shadow:none;color:#fff} .product-view .product-shop button.button.btn-cart:before{content:"\f07a";font-family:'FontAwesome';margin-right:10px} .product-view .product-shop .add-to-box .icon-basket{margin-right:5px} .product-view .product-shop ul.add-to-links{margin:0;padding:0;margin-top:0;display:inline-block} .product-view .product-shop .add-to-links li{display:inline-block;padding:0 7px 0 2px} .product-view .product-shop .add-to-links li .separator{display:none} .product-view .product-shop .add-to-links .link-wishlist:before{content:"\f004";font-family:FontAwesome;font-size:14px} .product-view .product-shop .add-to-links .link-wishlist{color:#666;height:40px;margin-right:5px;padding:12px 0;text-align:center;transition:color 300ms ease-in-out 0s,background-color 300ms ease-in-out 0s,background-position 300ms ease-in-out 0;width:40px;text-transform:uppercase;font-size:11px} .product-view .product-shop .add-to-links .link-wishlist:hover{padding:12px 0;height:40px;width:40px;color:#26C395;text-align:center} .product-view .product-shop .add-to-links .link-compare:before{content:"\f012";font-family:FontAwesome;font-size:15px} .product-view .product-shop .add-to-links .link-compare{color:#666;height:30px;padding:4px 5px 6px;text-align:center;transition:color 300ms ease-in-out 0s,background-color 300ms ease-in-out 0s,background-position 300ms ease-in-out 0;line-height:30px;background-color:#fff;border:none;width:auto} .product-view .product-shop .add-to-links .link-compare:hover{color:#26C395;text-align:center;padding:4px 5px 6px;height:30px;line-height:30px;background:none} .product-view .product-shop ul.add-to-links a{padding:0;margin:0} .email-addto-box{display:inline-block;margin-top:10px} .email-friend{font-size:12px;margin-right:0;margin-left:0;margin-top:8px;display:inline-block} .email-friend a:before{content:"\f0e0";font-family:FontAwesome;font-size:14px;margin-right:7px} .email-friend a{padding:13px 13px 12px;height:42px;width:42px;color:#666;text-align:center;transition:color 300ms ease-in-out 0s,background-color 300ms ease-in-out 0s,background-position 300ms ease-in-out 0;text-transform:uppercase} .email-friend a:hover{color:#26C395;text-align:center} .product-view .product-shop .ratings{padding:5px 0;margin:15px 0 0} .product-view .product-shop .ratings .rating-links{margin-bottom:12px;display:inline} .product-view .product-shop .no-rating{padding:12px 0;margin:15px 0 0} .product-view .product-shop .price-box{border-bottom:1px solid #ddd;display:block;margin:0 0 10px;padding:0 0 5px} .product-view .product-shop .grouped-items-table .price-box{border-bottom:0 solid #ddd;margin:0;padding:0} .product-view .product-shop .price-box .old-price{margin-top:5px;display:block} .product-view .product-shop .special-price{display:block;margin:5px 0;padding:0} .product-view .product-shop .old-price .price{font-size:14px;color:#585858;font-weight:400} .product-view .product-shop .add-to-box .add-to-cart label{display:block;float:left;margin-bottom:5px;text-align:left;text-transform:none;margin-right:8px} .product-view .product-shop .price{font-size:25px;color:#23170e} .product-rate ul{width:90px} .product-rate ul li{width:18px} .product-rate span{color:#6e6e6e;padding-left:15px} .product-rate ul,.product-rate span{vertical-align:middle} .summary-box{color:#6e6e6e} .add-to-cart .qty{padding:0 5px 1px;height:41px;border:1px #ddd solid;text-align:center;margin-right:5px;width:80px} .add-to-cart .qty,.qty-holder .qty{background-color:#FFF;border:1px solid #E0E0E0} .custom button.items-count{border:none;clear:both;color:#999;font-size:10px;line-height:normal;padding:12px 14px 9px 16px;text-align:center;line-height:18px} .custom button.items-count.increase{margin-right:4px} .custom button.items-count{background-color:#f5f5f5;border:1px #eaeaea solid;transition:color 300ms ease-in-out 0s,background-color 300ms ease-in-out 0s,background-position 300ms ease-in-out 0} .custom button.items-count:hover{background-color:#26C395;border:1px #26C395 solid;color:#fff} .product_info{margin-top:10px} .product_info li{padding:5px 0;width:100%;padding-left:22px;position:relative} .product_info li:before{position:absolute;top:9px;left:0;content:"\e250";font-family:'Glyphicons Halflings';color:#f3775f;font-size:9px} .product_info li > span{padding-left:20px;color:#505050} .product_info li:first-child > span > a{font-size:16px;color:#f37259;font-weight:700} .btn_view_address{color:#f7941d;font-weight:700;border-color:#f7941d;font-size:12px;padding:3px 8px} .btn_view_address:visited,.btn_view_address:hover,.btn_view_address:focus{color:#f7941d;border-color:#f7941d;background:#fff} .product_info li .price_detail{font-weight:700;font-size:30px;color:#0E5841;position:relative;display:inline-block;width:calc(100% - 30px)} .product_info li:nth-child(3) label,.product_info li:nth-child(5) label{vertical-align:top} .product_info li .form-control-static{width: 55px;padding-left:12px;padding-right:12px;border:1px solid #e5e5e5;height:40px;vertical-align:top;} .product_info li button{border-radius:0;padding: 0 10px;background:#f49103;height:40px;} .product_info li button i{font-size:21px;vertical-align:middle} .product_info li button span{font-size:18px;font-weight:700;padding-left:13px;vertical-align:middle;line-height:40px} .box_product_detail_price{position:absolute;top:-17px;left:10px} .box_product_detail_price .product_price_old{float:left;margin-right:15px;font-size:18px} .box_product_detail_price .product_price_new{float:left;font-size:18px} #box_product_info{padding:5px} .share_face{margin-top:15px} .social_pr_detail{margin-top:20px;padding-left:10px} .social_pr_detail a{color:#b7b4b3;font-size:21px;padding:9px;margin:0 5px} .social_pr_detail a:hover{color:#f37259;border-bottom:1px solid #f37259} .box_product_detail{margin-top:20px} #pr_detail_tab{background:#f6f6f6;border:1px solid #e5e5e5} #pr_detail_tab.nav-tabs>li{margin-bottom:0} #pr_detail_tab.nav-tabs>li:before{position:absolute;content:"";width:2px;height:13px;background:#0E5841;top:15px;right:-1px} #pr_detail_tab.nav-tabs>li>a{color:#3b3b3b;padding:10px 30px;margin:0;border:none} #pr_detail_tab.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{background:none;border:none;color:#0E5841} #pr_detail_tab.nav-tabs>li:last-child:before{position:static} #pr_detail_content.tab-content{padding:15px 20px;color:#5e5e5e} #pr_detail_content.tab-content .tab-pane ul{font-size:13px} #pr_detail_content.tab-content .tab-pane ul li{padding-bottom:10px;position:relative;padding-left:22px} #pr_detail_content.tab-content .tab-pane ul li:before{content:"";position:absolute;top:4px;left:2px;width:5px;height:5px;background:#f59d21;border-radius:50%} #pr_detail_content.tab-content .tab-pane img{margin:20px 0} .box_right_element .title_bar_right.bar_web_bgr.text-uppercase {} .department_info{padding:10px 17px 20px;background: #ffffff;border: 1px solid #e8e8e8;} .department_name a{display:block;margin-right:8px;margin-bottom:10px} .department_name span a{color: #18817c;font-weight:700;text-align: center;font-size: 13px;} .department_address ul{padding:5px 4px 0} .department_address ul li{padding:5px 0} .department_address ul li span{vertical-align:middle;padding-left:13px;width:calc(100% - 13px);color: #f8981d;} .department_address ul li span a{color: #f8981d;} .department_address ul li i{font-size:13px;color: #17807c;width:13px;margin-top:4px;} .department_address ul li i.fa.pull-left{margin-right:0} #product_care{margin:30px 0 20px} .title_pr_care{color:#0E5841;font-weight:700;font-size:16px;position:relative} .title_pr_care span{position:relative;z-index:1;background:#fff;padding-right:8px} .title_pr_care p{position:absolute;content:"";top:9px;width:100%;height:1px;background:#d2d2d2} .list_product_care{margin-top:25px} .list_product_care.owl-theme .owl-nav [class*=owl-]{width:12px;height:39px;text-indent:-9999px;margin:0;background:none;position:absolute;top:86px;left:-25px} .list_product_care.owl-theme .owl-nav .owl-prev{background:url(../images/arrow_red_left.png) no-repeat} .list_product_care.owl-theme .owl-nav .owl-next{background:url(../images/arrow_red_right.png) no-repeat;left:auto;right:-25px} #box_content_inner_news{margin-top:30px} .box_cate_news{padding:2px 10px;border:1px solid #ebebeb} .box_cate_news ul li{padding:6px 0;width:100%;border-bottom:1px solid #b4e3f1} .box_cate_news ul li:last-child{border:none} .box_cate_news ul li a{font-weight:700;font-size:13px;color:#454545;padding-left:23px;position:relative} .box_cate_news ul li a:before{content:"\e250";position:absolute;top:2px;left:3px;font-family:'Glyphicons Halflings';color:#ef3050;font-size:9px} .box_document{padding:5px 10px;border:1px solid #ebebeb} .box_document ul li{padding:14px 0;width:100%;border-bottom:1px solid #e5e5e5} .box_document ul li:last-child{border:none} .box_document ul li a{font-size:14px;color:#1567b3;position:relative;float:right;width:calc(100% - 16px)} .box_document ul li a:before{content:"";position:absolute;left:-16px;top:7px;width:4px;height:4px;border-radius:50%;background:#f40eed} .view_more_document{margin:20px 0 10px;font-size:13px;color:#e75757} .view_more_document i{padding-left:8px;font-size:10px} .title_news{font-weight:700;color:#4d5152;font-size:16px;padding-bottom:7px;position:relative} .title_news:before{position:absolute;left:0;bottom:2px;content:"";width:100%;height:2px;background:#11c1f0} .box_news_page{border:1px solid #ededed;margin-top:20px} .ag_news_first_news{padding:13px 0 30px 13px} .ag_news_first_news h3{margin:14px 0 10px;font-size:18px;font-weight:700} .ag_news_first_news h3 a{color:#565252} .ag_news_first_news p{font-size:14px;color:#7c7c7c} .ag_news_first_news h3 i{font-size:11px;color:#999;font-weight:400} #first_pg_news{border-right:1px solid #ededed} .ag_news_right{padding:13px 13px 0 0} .ag_news_right .media{padding:10px 0;border-bottom:1px solid #dfdfdf;margin-top:0} .ag_news_right .media:first-child{padding-top:0} .ag_news_right .media:last-child{border:none} .ag_news_right .media-left{padding-right:14px} .ag_news_right .media-left img{max-width:none;width:103px} .ag_news_right .media-heading a{color:#565252;font-size:13px;font-weight:700} .ag_news_right .media-body{position:relative} .ag_news_right .media-body .news_summary_right{font-size:13px;color:#767676;position:absolute;left:0;bottom:0} .ag_news_right .media-heading i{font-size:11px;color:#999;font-weight:400;padding-left:10px} .news_grid{padding:10px;border:1px solid #e3e3e3;margin-top:20px} .news_grid_photo{display:inline-block;vertical-align:top;width:100%;position:relative} .box_img_news{width:240px;height:160px;position:relative;margin:auto} .box_img_news img{position:absolute;bottom:0;left:0;right:0;top:0;margin:auto;max-width:100%;max-height:100%;width:auto!important} .news_grid h4{font-weight:700;font-size:14px;line-height:1.35;height:35px} .news_grid h4 a{color:#272727} .news_grid p{font-size:13px;color:#7c7c7c;height:54px} .news_grid .news_grid_date_view i{color:#999;font-size:13px} #enterprise_page{margin-top:25px} #list_all_enterprise{padding:45px 0} .item_logo_company{margin:15px 0;border:1px solid #ebebeb} .item_logo_company .item_logo_company{padding:0} .item_logo_company .name_company{padding:8px 12px} #enterprise_info{margin-top:40px} .enterprise_info_img_logo{border:1px solid #ebebeb} .enterprise_info{width:61%} .enterprise_info_img{width:58%;padding:6px;border-right:1px solid #ebebeb} .enterprise_info_logo{width:42%} .enterprise_info_logo img{margin-top:29px} .enterprise_info_logo h4{padding:18px 16px 0;font-weight:700;font-size:14px;color:#eb5b2e} .enterprise_info_element{width:38%} .enterprise_info_element ul li{padding:7px 0;color:#4e4e4e} .enterprise_info_element ul li:first-child{padding-top:0} .enterprise_info_element ul li div{width:33px;height:33px;line-height:33px;background:#f49103} .enterprise_info_element ul li span{vertical-align:middle;padding-left:17px;width:calc(100% - 50px);line-height:33px} .enterprise_info_element ul li span a{color:#4e4e4e} .enterprise_info_element ul li span a.enterprise_tel{color:#f37259;font-size:24px} .enterprise_info_element ul li i{font-size:14px;color:#fff} .enterprise_info_element ul li i.fa-globe{font-size:18px} .enterprise_info_element ul li i.fa.pull-left{margin-right:0} .entersprise_number{margin-top:13px;padding:15px;font-size:16px;color:#6a6a6a;border-radius:4px;border:1px solid #f7941d;display:inline-block} .entersprise_number span{padding-left:36px;font-weight:700;color:#f37259;font-size:18px} .enterprise_about{padding:45px 45px 30px;border:1px solid #ebebeb;margin-bottom:35px;margin-top:30px} .title_enterprise_about{font-size:24px;font-weight:700;color:#414141} #box_content_inner .container #col-left-3 { float: left; width: 25%; } div#box_content_inner .container .col-md-3{width:25%;float: right;} div#box_content_inner .container .col-md-9{width:75%;float: left;} .content_enterprise_about{margin-top:20px} .box_cate_product{padding:2px 10px;border:1px solid #ebebeb;background: #fff;} .box_cate_product ul li{padding:7px 0;width:100%;border-bottom:1px solid #e8e8e8} .box_cate_product ul li:last-child{border:none} .box_cate_product ul li a{font-size:13px;color:#525252;padding-left:23px;position:relative;display:block} .box_cate_product ul li a:before{content:"\e250";position:absolute;top:5px;left:3px;font-family:'Glyphicons Halflings';color:#f49103;font-size:9px} .box_category_inner, .news_index{padding-top:10px;width: 1170px;margin: 0 auto;} #box_content_inner > .container > .row{padding:20px 0;background: #ffffff;/* margin-right: 0; *//* margin-left: 0; */} section#content_product_detail { margin-top: 18px; width: 1170px; margin: auto; margin-top: 10px; } section#content_product_index{width:1170px;margin:AUTO} section#content_product_index .col-md-3{display:none} section#content_product_index .col-md-9{width:100%} section#content_news_menu, section#content_news_menu, section#content_news_detail, section#content_video_index, section#content_contact_index,section#content_cart_index { width: 1170px; margin: auto; margin-top: 10px; } section#content {background: #ffffff;width: 100%;margin: auto;padding-top: 10px;} #box_content_inner .container #col-left-2{width:21%;float:left} #box_content_inner .container .col-md-75{width:58%;} #box_content_inner .container .col-md-25{width:21%;float:right} .banner_static_elm{margin-bottom:20px;background: #fff;padding: 5px;} .post_static{padding: 0;/* border: 1px solid #d4d4d4; */border-top: 0px;} .gioi-thieu-nha-hang {display: -webkit-flex;display: -ms-flexbox;display: flex;width: 865px;flex-wrap: wrap;margin: 0 auto;background: #ffffff;padding: 10px;border: 1px solid #dbdbdb;margin-bottom: 10px;-webkit-box-shadow: 0 8px 6px -6px #fdfdfd;-moz-box-shadow: 0 8px 6px -6px #000;box-shadow: 0 8px 6px -6px #fdfdfd;} .bg-gioithieu {padding: 10px 5px;background: #ffffff;border-radius: 170px 0px 200px 0px;position: relative;margin-top: -150px;} .gioi-thieu.contact-01 {width: 60%;padding: 8px;} .gioi-thieu.contact-02 {width: 40%;} .content-gioi-thieu h2 {font-size: 16px;color: #3f3939;} .content-gioi-thieu a {background: #ffd700;padding: 5px 7px;color: #3f3939;font-size: 19px;margin-left: 5px;font-weight: bold;} .content-gioi-thieu a:hover {background: #3f3939;color: #fff;} .box_product_photo_view{border:1px solid #ddd;padding:6px;-webkit-box-shadow:0 0 10px #ddd;-moz-box-shadow:0 0 10px #ddd;box-shadow:0 0 10px #ddd;position:relative} .product_photo_img_link{display:inline-block;vertical-align:top;width:100%;position:relative} .product_photo_img{width:100%;position:relative;margin:auto} #page1 .product_photo_img{height:541px} #page2 .product_photo_img{height:338px} #page3 .product_photo_img,#page4 .product_photo_img{height:395px} .product_photo_img img{position:absolute;bottom:0;left:0;right:0;top:0;margin:auto;max-width:100%;max-height:100%;width:auto!important} .zoom_icon{position:absolute;background:url(../images/zoom.gif) no-repeat;margin:20px;width:14px;height:14px;left:0;bottom:0;cursor:pointer} .box_product_photo_view:hover .zoom_icon{display:none} .img_pr_thumbnail{margin-top:15px} .img_pr_thumbnail ul li{background:#fff;border:1px solid #ddd;margin:0 8px 8px 0;padding:3px;float:left;opacity:.4} .img_pr_thumbnail ul li.pr_photo_active{webkit-box-shadow:0 0 10px #ddd;-moz-box-shadow:0 0 10px #ddd;box-shadow:0 0 10px #ddd;opacity:1} .product_thumb_img_link{display:inline-block;vertical-align:top;width:100%;position:relative} .product_thumb_img{width:120px;height:120px;position:relative;margin:auto} .product_thumb_img img{position:absolute;bottom:0;left:0;right:0;top:0;margin:auto;max-width:100%;max-height:100%;width:auto!important} #etalage li.etalage_zoom_area{z-index:99;display:none!important} #etalage img{max-width:none!important} #etalage .etalage_magnifier{background:none;border:0;cursor:pointer;border:none!important} .etalage_zoom_preview{max-width:none!important;opacity:1!important} .cart-table td .product-image{display:block;width:150px;text-align:center} .cart .page-title .checkout-types li{margin:0 0 5px} .cart .title-buttons .checkout-types{float:right} .cart .title-buttons .checkout-types li{float:left;margin:0 0 5px 5px} .cart .checkout-types .paypal-or{margin:0 8px;line-height:2.3} .cart .totals .checkout-types .paypal-or{clear:both;display:block;padding:8px 55px 0 0;line-height:1;font-size:11px} .cart-table th{padding:2px 10px} .cart-table td{padding:10px;vertical-align:middle} .cart-table .item-msg{margin:5px 0;font-size:11px;font-weight:400;color:#df280a} .cart-table tfoot td button.button{background:none} .cart-table tfoot td button.button span{font-size:14px;color:#fff;float:right;margin:5px 12px 12px 0;padding:7px 12px;background:#27a247;border-bottom:2px solid green} .cart-table .btn-continue{float:left} .cart-table .btn-update,.cart-table .btn-empty{float:right} .cart-table .btn-update{margin-left:10px} .cart-table .item-options{margin:0;padding:5px 0 0} .cart-table .product-name{padding-left:20px;margin:0;font-size:14px;text-align:left} .cart-table .product-name a{color:#333} .cart-table .cart-price{font-size:15px} .cart-table input.qty{padding:5px;color:#444443;width:5em!important;background:none;border:1px solid #f2f2f2} .data-table{width:100%} .data-table th{padding:6px 10px;font-weight:400} .data-table td{padding:6px 0} .data-table td.sum_cart{padding:10px 0 15px;text-align:center;color:#333;font-size:14px} .data-table thead th{font-weight:700;border-right:1px solid #f2f2f2;border-bottom:1px solid #f2f2f2;padding:10px;white-space:nowrap;vertical-align:middle;text-align:center;text-transform:capitalize} .data-table thead th.wrap{white-space:normal} .data-table thead th a,.data-table thead th a:hover{color:#fff} .data-table thead th .tax-flag{font-size:11px;white-space:nowrap} .data-table tfoot td{padding-top:1px;padding-bottom:1px;border-bottom:0} .data-table tfoot strong{font-size:16px;font-weight:400} .data-table tbody th,.data-table tbody td{border-bottom:1px solid #f2f2f2;border-right:1px solid #f2f2f2;text-align:center} .data-table tbody.odd tr{background:#f8f7f5!important} .data-table tbody.even tr{background:#f6f6f6!important} .data-table tbody.odd tr td,.data-table tbody.even tr td{border-bottom:0} .data-table tbody.odd tr.border td,.data-table tbody.even tr.border td{border-bottom:1px solid #d9dde3} .data-table tbody td .option-label{font-weight:400;font-style:italic} .data-table tbody td .option-value{padding-left:10px} .form-checkout{margin-top:15px} .form-checkout label{font-weight:400} form .alert{margin-bottom:0;padding:10px} .title_cate{padding-bottom:9px;border-bottom:1px solid #eee;position:relative} .box_btn_cart{margin-top:15px} .button-green{position:relative;display:inline-block} .button-green .group-icon{position:absolute;top:0;left:0;background-color:#0E5841;padding:10px;display:inline-block;color:#fff;width:36px;height:36px;text-align:center} .button-green .group-title{background:#0E5841;padding:10px 20px;text-transform:uppercase;color:#fff;position:relative;height:36px;margin-left:36px;display:inline-block;font-weight:700;-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out} .button-red{position:relative;display:inline-block} .button-right .group-icon{right:0;left:auto} .button-right .group-title{margin-left:0;margin-right:36px} .button-red .group-title{background:#b30506;padding:10px 20px;text-transform:uppercase;color:#fff;position:relative;height:36px;margin-left:36px;display:inline-block;font-weight:700;-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out} .button-red .group-icon{position:absolute;top:0;left:0;background-color:#c00;padding:10px;display:inline-block;color:#fff;width:36px;height:36px;text-align:center} .input_qty{border:1px solid #ccc;width:80%;height:34px;text-align:center;padding:2px} #box_cart_inner{margin-top:15px} #shopping-cart-table thead{background-color:#f5f5f5} .node-content{margin-top:10px;padding:5px} p.time{font-size:12px;margin-top:10px;color:#333;font-style:italic} .block-related-news{margin-top:15px} .block-related-news .header{border-bottom:1px solid #d0d0d0;margin-bottom:10px} .block-related-news .header > h1.title,.block-related-news .header > h2.title{font-weight:600;font-size:16px;color:#272727;text-transform:uppercase;border-bottom:2px #0E5841 solid;display:inline-block;padding-bottom:6px;margin:0} .block-related-news .header > h1.title a,.block-related-news .header > h2.title a{color:#272727} .list-news{list-style:none;margin:0 0 15px;padding:0} .list-news li{display:block} .block-related-news .list-news li > a{font-size:14px} .list-news li a{color:#6a6a6a;padding-left:13px;position:relative;display:block} .list-news li a:before{content:"";position:absolute;left:0;top:7px;width:5px;height:5px;background-color:#0E5841} .item_video{position:relative;text-align:center} .item_video .play{position:absolute;top:50%;left:50%;margin-top:-21px;margin-left:-21px;width:42px;height:42px;z-index:1;background:url(../images/btn_play.png) no-repeat} .info_video{background:#0E5841;padding:5px;color:#fff;font-size:13px} .info_video a{color:#fff;margin-bottom:5px;display:block;width:100%;font-size:14px} .item_list_video{margin:15px 0} .info_video_index{margin:5px 0} .info_video_index a{color:#272727;font-size:15px;font-weight:500} .info_clip{margin:5px 0} .info_clip a{color:#000;font-size:14px;font-weight:500;height:37px} .carousel { position: relative; margin-bottom: 20px; } .carousel-inner>.item>a>img,.carousel-inner>.item>img{margin:auto;width: 100%;/* height: 300px; *//* object-fit: cover; */} .box_login_adm .text-success{padding:0 10px 10px} .box_login_adm .container{background:transparent} .box_login_adm .text-danger{margin-bottom:10px} .box_inline_element{padding:15px 0} footer .box_login_adm .text-success{color:#fff} footer .box_login_adm .text-success a{color:#fff} .footer_content{color:#fff;line-height:25px} .footer_3{padding-top:15px;border-top:1px solid #fff} .footer_3 .container{background:transparent} .footer_3 .social_icon{padding-top:28px} #content_company_info_contact{padding-bottom:10px} #content_company_info_contact ul li{padding:4px 0;width:100%;color:#333} #content_company_info_contact ul li div{font-size:13px} #content_company_info_contact ul li span{vertical-align:middle;padding-left:10px} #content_company_info_contact ul li i{font-size:12px;color:#f49103;vertical-align:middle} #content_company_info_contact ul li a{color:#333} .box-category{padding:5px 0;border: 1px solid #e8e8e8;background: #f7f4f4;} .box-category ul{list-style:none;margin:0;padding:0 10px} .box-category > ul > li{display:block;position:relative;margin:0} .box-category > ul > li.last{display:block;position:relative;box-shadow:0 0 0 #dbebf9,0 0 0 #FFF} .box-category > ul > li:first-child{border-top:0} .box-category .subDropdown{top:8px;right:0;position:absolute;cursor:pointer;font-size:10px} .box-category .subDropdown:hover{opacity:.9} .box-category .subDropdown.plus:before{font-family:'Glyphicons Halflings';content:"\002b"} .box-category .subDropdown.minus:before{font-family:'Glyphicons Halflings';content:"\2212"} .box-category ul li a{display:block;font-weight:600;padding:8px 0} .box-category ul li a span,.box-category ul li a i{vertical-align:middle} .box-category ul li.double a{display:inline-block;margin:0} .box-category ul li{position:relative} .box-category > ul li{border-top: 1px solid #d6d6d6;} .box-category > ul > li > a{color:#525252;text-transform:none;display:block;font-size:13px} .box-category > ul > li > a > span{padding-left:6px} .box-category > ul > li ul{display:none;padding-bottom:0;padding-left:0;padding-right:0} .box-category > ul > li > ul li{padding:0} .box-category > ul > li a.active{font-weight:500} .box-category > ul > li > a.active{color:#1b1009;margin-bottom:0} .box-category > ul > li > a.active:hover{color:#5b5b5b;margin-bottom:0} .box-category > ul > li a.active + ul{display:block} .box-category a:hover{text-decoration:none;color:#1b1009} .box-category > ul > li ul > li > a{font-weight:500;border-bottom:0 solid #EAEAEA;font-size:12px;margin:0;padding:10px;text-decoration:none;color:#1b1009;transition:color 300ms ease-in-out 0s,background-color 300ms ease-in-out 0s,background-position 300ms ease-in-out 0} .box-category > ul > li ul > li > a > span{padding-left:6px} .box-category > ul > li ul > li ul > li > a{font-weight:400;text-decoration:none;font-size:13px;padding:10px 16px;border-bottom:0 solid #EAEAEA} .box-category > ul > li ul > li ul > li > a > span,.box-category > ul > li ul > li ul > li a > i{vertical-align:middle} .box-category > ul > li ul > li ul > li > a > i{font-size:6px} .box-category > ul > li ul > li ul > li > a:hover{color:#1b1009} .box-category > ul > li ul > li > a:hover{color:#1b1009} .phonering-alo-phone{position:fixed;visibility:hidden;background-color:transparent;width:200px;height:200px;cursor:pointer;z-index:200000!important;right:150px;bottom:-50px;left:-50px;display:block;-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);transition:visibility .5s} .phonering-alo-phone.phonering-alo-show{visibility:visible} .phonering-alo-phone.phonering-alo-static{opacity:.6} .phonering-alo-phone.phonering-alo-hover,.phonering-alo-phone:hover{opacity:1} .phonering-alo-ph-circle{width:180px;height:180px;top:-10px;left:20px;position:absolute;background-color:transparent;border-radius:100%;border:2px solid rgba(30,30,30,0.4);-webkit-animation:phonering-alo-circle-anim 1.2s infinite ease-in-out;animation:phonering-alo-circle-anim 1.2s infinite ease-in-out;transition:all .5s;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%} .phonering-alo-phone.phonering-alo-active .phonering-alo-ph-circle{-webkit-animation:phonering-alo-circle-anim 1.1s infinite ease-in-out!important;animation:phonering-alo-circle-anim 1.1s infinite ease-in-out!important} .phonering-alo-phone.phonering-alo-static .phonering-alo-ph-circle{-webkit-animation:phonering-alo-circle-anim 2.2s infinite ease-in-out!important;animation:phonering-alo-circle-anim 2.2s infinite ease-in-out!important} .phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-circle,.phonering-alo-phone:hover .phonering-alo-ph-circle{border-color:#00aff2;opacity:.5} .phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-circle,.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-circle{border-color:#ec1d25;opacity:.5} .phonering-alo-phone.phonering-alo-green .phonering-alo-ph-circle{border-color:#00aff2;opacity:.5} .phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-circle,.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-circle{border-color:#ccc;opacity:.5} .phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-circle{border-color:#75eb50;opacity:.5} .phonering-alo-ph-circle-fill{width:120px;height:120px;top:20px;left:50px;position:absolute;background-color:#000;border-radius:100%;border:2px solid transparent;-webkit-animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;transition:all .5s;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%} .phonering-alo-phone.phonering-alo-active .phonering-alo-ph-circle-fill{-webkit-animation:phonering-alo-circle-fill-anim 1.7s infinite ease-in-out!important;animation:phonering-alo-circle-fill-anim 1.7s infinite ease-in-out!important} .phonering-alo-phone.phonering-alo-static .phonering-alo-ph-circle-fill{-webkit-animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out!important;animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out!important;opacity:0!important} .phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-circle-fill,.phonering-alo-phone:hover .phonering-alo-ph-circle-fill{background-color:rgba(39,45,107,0.5);opacity:.75!important} .phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-circle-fill,.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-circle-fill{background-color:rgba(39,45,107,0.5);opacity:.75!important} .phonering-alo-phone.phonering-alo-green .phonering-alo-ph-circle-fill{background-color:rgba(0,175,242,0.5)} .phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-circle-fill,.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-circle-fill{background-color:rgba(204,204,204,0.5);opacity:.75!important} .phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-circle-fill{background-color:rgba(117,235,80,0.5);opacity:.75!important} .phonering-alo-ph-img-circle{width:80px;height:80px;top:40px;left:70px;position:absolute;background:rgba(30,30,30,0.1) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAABNmlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjarY6xSsNQFEDPi6LiUCsEcXB4kygotupgxqQtRRCs1SHJ1qShSmkSXl7VfoSjWwcXd7/AyVFwUPwC/0Bx6uAQIYODCJ7p3MPlcsGo2HWnYZRhEGvVbjrS9Xw5+8QMUwDQCbPUbrUOAOIkjvjB5ysC4HnTrjsN/sZ8mCoNTIDtbpSFICpA/0KnGsQYMIN+qkHcAaY6addAPAClXu4vQCnI/Q0oKdfzQXwAZs/1fDDmADPIfQUwdXSpAWpJOlJnvVMtq5ZlSbubBJE8HmU6GmRyPw4TlSaqo6MukP8HwGK+2G46cq1qWXvr/DOu58vc3o8QgFh6LFpBOFTn3yqMnd/n4sZ4GQ5vYXpStN0ruNmAheuirVahvAX34y/Axk/96FpPYgAAACBjSFJNAAB6JQAAgIMAAPn/AACA6AAAUggAARVYAAA6lwAAF2/XWh+QAAAB/ElEQVR42uya7W3CMBCG31QM4A1aNggTlG6QbpBMkHYC1AloJ4BOABuEDcgGtBOETnD9c1ERCH/lwxeaV8oPFGP86Hy+DxMREW5Bd7gRjSDSNGn4/RiAOvm8C0ZCRD5PSkQVXSr1nK/xE3mcWimA1ZV3JYBZCIO4giQANoYxMwYS6+xKY4lT5dJPreWZY+uspqSCKPYN27GJVBDXheVSQe494ksiEWTuMXcu1dld9SARxDX1OAJ4lgjy4zDnFsC076A4adEiRwAZg4hOUSpNoCsBPDGM+HqkNGynYBCuILuWj+dgWysGsNe8nwL4GsrW0m2fxZBq9rW0rNcX5MOQ9eZD8JFahcG5g/iKT671alGAYQggpYWvpEPYWrU/HDTOfeRIX0q2SL3QN4tGhZJukVobQyXYWw7WtLDKDIuM+ZSzscyCE9PCy5IttCvnZNaeiGLNHKuz8ZVh/MXTVu/1xQKmIqLEAuJ0fNo3iG5B51oSkeKnsBi/4bG9gYB/lCytU5G9DryFW+3Gm+JLwU7ehbJrwTjq4DJU8bHcVbEV9dXXqqP6uqO5e2/QZRYJpqu2IUAA4B3tXvx8hgKp05QZW6dJqrLTNkB6vrRURLRwPHqtYgkC3cLWQAcDQGGKH13FER/NATzi786+BPDNjm1dMkfjn2pGkBHkf4D8DgBJDuDHx9BN+gAAAABJRU5ErkJggg==) no-repeat center center;border-radius:100%;border:2px solid transparent;-webkit-animation:phonering-alo-circle-img-anim 1s infinite ease-in-out;animation:phonering-alo-circle-img-anim 1s infinite ease-in-out;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%} .phonering-alo-phone.phonering-alo-active .phonering-alo-ph-img-circle{-webkit-animation:phonering-alo-circle-img-anim 1s infinite ease-in-out!important;animation:phonering-alo-circle-img-anim 1s infinite ease-in-out!important} .phonering-alo-phone.phonering-alo-static .phonering-alo-ph-img-circle{-webkit-animation:phonering-alo-circle-img-anim 0 infinite ease-in-out!important;animation:phonering-alo-circle-img-anim 0 infinite ease-in-out!important} .phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-img-circle,.phonering-alo-phone:hover .phonering-alo-ph-img-circle{background-color:#00aff2} .phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-img-circle,.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-img-circle{background-color:#990B14} .phonering-alo-phone.phonering-alo-green .phonering-alo-ph-img-circle{background-color:#e60f1e} .phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-img-circle,.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-img-circle{background-color:#ccc} .phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-img-circle{background-color:#75eb50} @-webkit-keyframes phonering-alo-circle-anim { 0%{-webkit-transform:rotate(0) scale(.5) skew(1deg);-webkit-opacity:.1} 30%{-webkit-transform:rotate(0) scale(.7) skew(1deg);-webkit-opacity:.5} 100%{-webkit-transform:rotate(0) scale(1) skew(1deg);-webkit-opacity:.1} } @-webkit-keyframes phonering-alo-circle-fill-anim { 0%{-webkit-transform:rotate(0) scale(.7) skew(1deg);opacity:.2} 50%{-webkit-transform:rotate(0) scale(1) skew(1deg);opacity:.2} 100%{-webkit-transform:rotate(0) scale(.7) skew(1deg);opacity:.2} } @-webkit-keyframes phonering-alo-circle-img-anim { 0%{-webkit-transform:rotate(0) scale(1) skew(1deg)} 10%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)} 20%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)} 30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)} 40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)} 50%{-webkit-transform:rotate(0) scale(1) skew(1deg)} 100%{-webkit-transform:rotate(0) scale(1) skew(1deg)} } @-webkit-keyframes phonering-alo-circle-anim { 0%{-webkit-transform:rotate(0) scale(.5) skew(1deg);transform:rotate(0) scale(.5) skew(1deg);opacity:.1} 30%{-webkit-transform:rotate(0) scale(.7) skew(1deg);transform:rotate(0) scale(.7) skew(1deg);opacity:.5} 100%{-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg);opacity:.1} } @keyframes phonering-alo-circle-anim { 0%{-webkit-transform:rotate(0) scale(.5) skew(1deg);transform:rotate(0) scale(.5) skew(1deg);opacity:.1} 30%{-webkit-transform:rotate(0) scale(.7) skew(1deg);transform:rotate(0) scale(.7) skew(1deg);opacity:.5} 100%{-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg);opacity:.1} } @-webkit-keyframes phonering-alo-circle-fill-anim { 0%{-webkit-transform:rotate(0) scale(.7) skew(1deg);transform:rotate(0) scale(.7) skew(1deg);opacity:.2} 50%{-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg);opacity:.2} 100%{-webkit-transform:rotate(0) scale(.7) skew(1deg);transform:rotate(0) scale(.7) skew(1deg);opacity:.2} } @keyframes phonering-alo-circle-fill-anim { 0%{-webkit-transform:rotate(0) scale(.7) skew(1deg);transform:rotate(0) scale(.7) skew(1deg);opacity:.2} 50%{-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg);opacity:.2} 100%{-webkit-transform:rotate(0) scale(.7) skew(1deg);transform:rotate(0) scale(.7) skew(1deg);opacity:.2} } @-webkit-keyframes phonering-alo-circle-img-anim { 0%{-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg)} 10%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg);transform:rotate(-25deg) scale(1) skew(1deg)} 20%{-webkit-transform:rotate(25deg) scale(1) skew(1deg);transform:rotate(25deg) scale(1) skew(1deg)} 30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg);transform:rotate(-25deg) scale(1) skew(1deg)} 40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg);transform:rotate(25deg) scale(1) skew(1deg)} 50%{-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg)} 100%{-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg)} } @keyframes phonering-alo-circle-img-anim { 0%{-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg)} 10%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg);transform:rotate(-25deg) scale(1) skew(1deg)} 20%{-webkit-transform:rotate(25deg) scale(1) skew(1deg);transform:rotate(25deg) scale(1) skew(1deg)} 30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg);transform:rotate(-25deg) scale(1) skew(1deg)} 40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg);transform:rotate(25deg) scale(1) skew(1deg)} 50%{-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg)} 100%{-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg)} } @media (min-width: 768px) { .price > .panel-body{padding:0 30px} } @media (min-width: 801px) and (max-width: 991px) { .col-md-3 {width:25%;float:left} .col-md-9 {width:75%; float:right;} .container{width: 1170px;} .col-sm-12{width:50%;} .col-sm-4{width: 20%;} .header_logo_search_cart .container {width:100%;} .main_menu .container{width:100%} .header_top .container{width:100%;} .box_page{width: 100%;} .box_category_inner, .content_main, .news_index{width: 100%;} .footer.bar_web_bgr .col-sm-12 {width:50%} .text1_logo {font-size:30px} #box_content_inner > .container > .row {padding:10px 10px} .hidden-sm {display: block!important;} #header_mobile {display: none !important;} .sidebar-above-footer .col-lg-3 {width: 20%;} .sidebar-above-footer .col-lg-9 {width: 70%;} #box_content_inner .container-fluid .col-sm-12 { width: 100%; } .sidebar-above-footer .col-lg-9 {width: 80%;} .box_list_product .col-md-4 {width: 25%;} .box_right_element .title_bar_right.bar_web_bgr.text-uppercase {font-size:12px} .gioi-thieu-nha-hang {width:100%} .content-gioi-thieu a {font-size:12px} section#content {width:100%;} .box_product_hot_index {width:100%;} section#content_product_detail {width:100%;} section#content_product_index{width:100%} section#content_news_menu {width:100%;} section#content_news_detail {width: 100%;} section#content_video_index {width: 100%;} section#content_contact_index,section#content_cart_index { width: 100%;} } @media (min-width: 1024px) and (max-width: 1366px) { section#content_product_detail, section#content_news_menu, section#content_news_detail, section#content_video_index, section#content_contact_index, section#content_product_index{width:100%;margin:AUTO;margin-top: 10px;} section#content_product_index .col-md-3, section#content_product_detail .col-md-3, section#content_news_menu .col-md-3, section#content_news_detail .col-md-3, section#content_video_index .col-md-3, section#content_contact_index col-md-3 {width: 25%;float:right;} section#content_product_index .col-md-9, section#content_product_detail .col-md-9, section#content_news_menu .col-md-9, section#content_news_detail .col-md-9, section#content_video_index .col-md-9, section#content_contact_index col-md-9 {width: 75%;float:left;} .support-menuright .HNL-col-xs-12 {width:100%;} .container{width: 100%;} .main_menu .container {width:100%} .header_logo_search_cart .container {width:100%;} .header_top .container{width:100%;} .footer_bottom .container {width:100%;} .footer_middle .container {width:100%;} .sidebar-above-footer .container{width:100%;} .section-content{width:100%;} .box_product_hot_index{width:100%;} .box_category_inner, .news_index {width:100%} .box_product_hot_index .box_list_product,section#content_cart_index { width: 100%;} {width:100%} .box_product_hot_index .box_list_product .col-sm-4{width:20%;} } @media (min-width: 992px) { .col-md-25{width: 21%;} .col-md-75{width:58%} .col-md-25,.col-md-75{padding-right:10px;padding-left:10px;min-height:1px;} .price .panel-footer{padding:20px 40px} #box_register_service{width:868px;margin:auto} #reg_service_content{padding-bottom:24px 12px} #inputEmailNewsletter{width:370px} #website_necessary_title{width:503px;margin:auto} #content_website_necessary{width:952px;margin:auto;margin-top:30px} .book_tkw{margin-top:65px} #list_website_necessary{position:relative;margin-left:-35px} #design_procedure_title{width:336px;margin:auto} #project_require{padding:20px 0 25px} } @media (min-width: 1024px) { .label_percent{top:6px;left:20px} } @media (min-width: 1200px) { .col_left_index{width:23.2%} .col_right_index{width:76%;float:right} li.moreview_thumb_active{left:140px!important} #page2 .container{/* width: 1170px; */padding:0;margin:0 auto;} } section#content .container {width: 1170px;} @media (max-width: 1199px) { #box_menu{width:100%} } @media (max-width: 1024px) { #header_top_info li:first-child{padding-right:12px;padding-left:0} #statistics{padding-bottom:0} #list_product_hot{margin-top:10px} .box_product_hot_name_info{padding-left:5%} .content_company_info ul li span{padding-left:8px} } @media (max-width: 991px) { .box_product_hot{width:50%} #box_logo_company{padding:0} #kandan_takeo{padding:25px 0} .btn_view_all_news_cate{margin-top:10px} .user_online{margin-top:10px} .company_name{font-size:12px} #header_top_info li{padding:0 5px} #header_top_info li i{margin-right:10px} #header_middle{padding:15px 0} .main_menu_nav ul li a{padding: 0 14px;} .news_cate_index{margin-bottom:20px} .title_news{margin-top:20px} .ag_news_right{padding:13px} .enterprise_info{width:100%} .enterprise_info_element{width:100%;margin-top:20px} .box_cate_product{margin-bottom:20px} .box_list_product{margin:0;padding: 0 10px;} .btn_cart span{display:none} .btn_cart i{display:block} } @media (max-width: 800px) { .main_menu_nav ul li a{padding:0 3px} } @media (max-width: 767px) { .col-ss-12{width: 50%;} .logo-header a img{height:60px} #header_mobile{padding:5px 0;/* background: #fff; */} #header_mobile .container {background: #ffffff;} .mm-toggle-wrap {color: #000000;margin-top:5px;} .header_cart{padding:0} .mm-toggle-wrap{display:inline;cursor:pointer;} .mm-toggle {margin-left:5px;} #header_mobile .col-xs-7 {margin-top: 5px;} .text1_logo {font-size:30px} .text2_logo {font-size:12px;} .form_search_index{margin:0;padding:0} .s_cart{margin:auto;position:relative;margin-top: -20px;/* display: none; */} .s_cart .item_count{position:absolute;top:0;right:-5px;width:20px;height:20px;line-height:20px;background: #a9a9a9;color: #3f3939;font-size:12px;border-radius:50%;} .info_footer_middle{margin-bottom:10px} .user_online{padding-bottom:10px;width: 100%;} .enterprise_info_img{width:100%} .enterprise_info_logo{width:100%} div#box_content_inner .container .col-md-3{width:100%;float:left} #box_content_inner .container #col-left-3 {float: left; width: 100%;} div#box_content_inner .container .col-md-9{width:100%;float:right;padding-right: 15px;padding-left: 15px;} #box_content_inner .container #col-left-2{width:100%;float:left} #box_content_inner .container .col-md-75{width:100%;} #box_content_inner .container .col-md-25{width:100%;float:right} #box_content_inner > .container > .row{padding: 0;} .footer_middle .container .col-md-5{width:100%;padding-left:20px;} .footer_middle .container .col-md-4{width: 100%;padding-left:20px;} .footer_middle .container .col-md-3{width: 18%;float:right;padding-left:20px;} #box_content_inner .container-fluid .col-sm-12 {width:100%;padding: 0 5px;} .sidebar-above-footer .col-lg-9 {width: 100%;} .carousel {margin: 0 5px;} .box_list_product .col-md-4{width: 50%;padding: 0 5px;} #box_content_inner .carousel {margin: 0px;} footer {margin:0 5px} .box_product_name a {font-size:13px;height: 40px;text-overflow: ellipsis;overflow: hidden;} .box_list_product .col-md-4 {width: 50%;} .gioi-thieu-nha-hang {width: 100%;} .bg-gioithieu {padding: 10px 5px;background: #ffffff;border-radius: 170px 0px 200px 0px;position: relative;margin-top: -150px;} .gioi-thieu.contact-01 {width: 100%;padding: 8px;} .gioi-thieu.contact-02 {width: 100%;} .content-gioi-thieu a {font-size: 12px;font-weight:bold;} .header_logo_search_cart .container {width:100%;} .main_menu .container{width:100%} .header_top .container{width:100%;} .box_page{width: 100%;} .box_category_inner, .content_main, .news_index{width: 100%;} .title_bar_left,.title_bar_right,.title_bar_center{width:100%} .news_index .container-fluid .col-sm-12{width:100%} section#content {width:100%;} .col-md-3 {width:100%;} .col-md-9 {width:100%;} .box_product_hot_index {width:100%;} section#content_product_detail {width:100%;} section#content_product_index{width:100%} section#content_news_menu {width:100%;} section#content_news_detail {width: 100%;} section#content_video_index {width: 100%;} section#content_contact_index,section#content_cart_index { width: 100%;} header {width: 100%} section#content .container {width: 100%} header .container .carousel{width: 100%} .container #col-left-3 { width: 100%; } } @media (max-width: 600px) { .media-calendar{display:none} .media-content{width:100%} } @media (max-width: 480px) { .col-ss-12{width: 50%;} .col-ss-6{width:50%} #website_link{margin-bottom:10px} .label_percent{top:5px;left:5px} .carousel {margin: 0 5px;} #box_content_inner .carousel {margin: 0 0px;} footer {margin: 0px;} } @media (max-width: 420px) { .col-sss-12{width:100%} .box_product_hot{width:100%} .logo_bct{float:left!important;margin-top:10px} .logo-header a img{height:auto} } @media (max-width: 380px) { .media_news.media{height:auto} .media_news .media-left{padding-right:0;padding-bottom:10px;width:100%;display:block} .media_news .media-left img{width:100%} .media_news .media-body{display:block;width:100%;padding:0 10px} .media_news .media-summary{height:auto} .media-content{padding-left:0} .social_icon ul li{padding:0} }