
    /*---------Control:Search---------*/
#Control-Seach {margin-top:28px;padding-right: 15px;}
#Search { margin-top: 0 }
.Search { margin-top: 13px; display: inline-block; float: right; margin-right: 5px }
.searchBar, .searchBar input { width: 100% }
.searchBar input { font-size: 12px; background: #fff; border-color: #0059b5; border-width: 1px 0 1px 1px; height: 40px; padding-bottom: 0; padding-top: 0; border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; -webkit-border-radius: 0 0 0 0; float: left }
.searchBar input:focus { box-shadow: none; color: #000; border-color: #0059b5 }
.searchBar > a { height: 40px; width: 40px; position: absolute; right: 0; border: 1px solid #0059b5; border-left: none; z-index: 1; margin-left: -1px; border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; -ms-border-radius: 0 0 0 0; -o-border-radius: 0 0 0 0; -webkit-border-radius: 0 0 0 0 }
.searchBar > a:after { content: "\f002"; font-family: FontAwesome; position: absolute; left: 0; top: 5px; height: 100%; width: 100%; color: #0059b5; text-align: center; font-size: 20px }
.searchBar { background-color: #fff; position: relative }
.form-control::-moz-placeholder, .searchBar input, .form-control::-webkit-placeholder, .searchBar input {
    color:#999;
    font-size:12px
}
/*---------Control:Header-Hotline---------*/
#Control-Header-Hotline {margin-top:28px;padding-left:15px;}
#Header-Hotline { height: 40px; line-height: 40px; overflow: hidden; white-space: nowrap; background:#0059b5}
#Header-Hotline a { color: #fff; text-transform: uppercase; position: relative; padding-left: 55px; font-size: 22px; font-weight: 700; text-shadow:0 1px 0 #232323;}
#Header-Hotline a:before { content: "\f095"; font-family: FontAwesome; color: #fff; font-size: 30px; position: absolute; top: 50%; left: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); width: 45px; text-align: center; height: 40px; background: rgba(0,0,0,0.2) }
/*---------Control:News-Slider---------*/
.News-Slider {}
.News-Slider #carousel-news-slider {width:100% !important;}
.News-Slider .carousel-entry .carousel-caption, .widget_news-slider .carousel-entry .carousel-caption {
    bottom: 10px;
    left: 0;
    margin-right: 0;
    padding: 0 20px;
    right: 0;
    text-align: left;
}
.News-Slider .carousel-entry .carousel-caption a, .widget_news-slider .carousel-entry .carousel-caption a {
    color: #ffffff;
}
.News-Slider .carousel-title-indicators, .widget_news-slider .carousel-title-indicators {
    height:92%;
    list-style: outside none none;
    margin: 0;
    max-height: 92%;
    overflow-y: none;
    padding: 0;

}
.News-Slider .carousel-title-indicators li, .widget_news-slider .carousel-title-indicators li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    color: #555555;
    cursor: pointer;
    padding: 8px 20px;font-size:13px;
}
.News-Slider .carousel-title-indicators li.active, .widget_news-slider .carousel-title-indicators li.active {
    background: rgba(255, 255, 255, 0.1);
    color: #ffffff;
    position: relative;
}
.News-Slider .carousel-title-indicators li.active::before, .widget_news-slider .carousel-title-indicators li.active::before {
    background: #0059b5;
    bottom: -1px;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    top: -1px;
    width: 5px;
}
.News-Slider .carousel-indicators, .widget_news-slider .carousel-indicators {
    bottom: -3px;display:none;
}

.News-Slider .news-ticker-wrap, .widget_news-ticker .news-ticker-wrap {
    height: 34px;
    overflow-y: hidden;
}
.News-Slider ul, .widget_news-ticker ul {
    color: #777777;
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.News-Slider ul:hover, .widget_news-ticker ul:hover {
    animation-play-state: paused;
}
.News-Slider li, .widget_news-ticker li {
    line-height: 1.3;
}
.News-Slider a, .widget_news-ticker a {
    color: #000000;
    margin-right: 5px;
    text-decoration: none;
}
.News-Slider a:hover, .widget_news-ticker a:hover, .News-Slider a:focus, .widget_news-ticker a:focus {
    color: #0059b5;
}
.News-Slider .widget-title, .widget_news-slider .widget-title {
    border-bottom:1px solid rgba(255, 255, 255, 0.2);
    border-top: 0 none;
    color: #ffffff;
    margin: 0;
    text-align: center;
    display: block;
    text-transform: uppercase;
    padding: 8px 0;
}
.News-Slider .carousel-inner, .widget_news-slider .carousel-inner {
    height: 400px;
    width: 635px;
    z-index: 1;
}
.News-Slider .carousel-inner img, .widget_news-slider .carousel-inner img {
    max-width: 100%;
    width: auto;
}
.News-Slider .carousel-navigation, .widget_news-slider .carousel-navigation {
    background: #000000;
    bottom: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 250px;
    z-index: 2;
}
.News-Slider .carousel-entry, .widget_news-slider .carousel-entry {
    max-height: 400px; height:400px;
    position: relative;
}
.News-Slider .carousel-entry::after, .widget_news-slider .carousel-entry::after {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0px, #000000 100%);
    background-repeat: repeat-x;
    bottom: 0;
    content: "";
    display: block;
    height: 50%;
    left: 0;
    position: absolute;
    right: 0;
}
.News-Slider .carousel-entry .entry-meta, .widget_news-slider .carousel-entry .entry-meta {
    font-size: 11px;
    text-transform: uppercase;
}
.News-Slider .carousel-entry .entry-meta > span, .widget_news-slider .carousel-entry .entry-meta > span {
    margin-right: 10px;
}
.News-Slider .carousel-entry .entry-meta > span i, .widget_news-slider .carousel-entry .entry-meta > span i {
    margin-right: 2px;
}
.News-Slider .carousel-entry .entry-content, .widget_news-slider .carousel-entry .entry-content, .News-Slider .carousel-entry .entry-excerpt, .widget_news-slider .carousel-entry .entry-excerpt {
    color: #999999;
    margin-bottom: 10px;
    max-height: 60px;
    overflow: hidden;
}
.News-Slider .carousel-entry .cat-links, .widget_news-slider .carousel-entry .cat-links {
    background: #0059b5;
    color: #ffffff;
    left: 0;
    padding: 5px 15px;
    position: absolute;
    top: 0;
}
.News-Slider .carousel-entry .cat-links a, .widget_news-slider .carousel-entry .cat-links a {
    color: #ffffff;
    font-size: 11px;
    text-transform: uppercase;
}
.News-Slider .carousel-entry .entry-title, .widget_news-slider .carousel-entry .entry-title {
    font-size: 36px;
    margin: 10px 0;
}
/*---------Control:Menu-Branch---------*/
/*Title*/
.block-heading { height: 50px; }
.block-heading-dark { background: #232323; }
.block-heading .name { border-radius: 3px 0 0 3px; display: inline-block; line-height: 50px; }
.block-heading .name, .block-heading .name a { color: #ffffff; display: block; font-weight: 700; margin: 0 auto; overflow: hidden; text-align: center; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; }

/*End*/
#Control-Menu-Branch {}
.Menu-Branch { padding:5px;margin: 0;display: none;border:1px solid rgba(0,0,0,.3);}
.Menu-Branch li { list-style: none; text-align: center; list-style: none }
.Menu-Branch li { height: 65px; position: relative; border: 1px solid transparent; position: relative; width: 20%; float: left}
.Menu-Branch li a { display: table; width: 100%; height: 100%}
.Menu-Branch li:before { height: 90%; width: 95%; background: transparent; position: absolute; top: 3px; left: 3px; right: 5px; bottom: 5px; content: ""; border: 1px solid transparent }
.Menu-Branch li:hover:before { border-color: #DA251C }
.Menu-Branch li img { left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; max-width: 80% !important}
/*desaturate*/
.Menu-Branch li img {
    -webkit-filter: grayscale(1);
    -webkit-filter: grayscale(100%);
    filter: gray;
    filter: grayscale(100%);
    filter: url(/Image/style-image/desaturate.svg#greyscale);
}
.Menu-Branch li:hover img{
    filter: none;
    filter: grayscale(0);
    -webkit-filter: grayscale(0);
}
.Menu-Branch li a:hover { background: none}
.Menu-Branch .owl-nav { right: 10px; top: -25px; }
/*---------Control:Widget-Product-Hot---------*/
.Widget-Product-Hot {margin-top:20px;}
.Widget-Product-Hot .media-middle { padding: 0 10px }
.Widget-Product-Hot figure {padding: 0;text-align: center;}
.Widget-Product-Hot .item > a { display: block; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #ddd; transition: all 300ms ease 100ms; -moz-transition: all 300ms ease 100ms; -webkit-transition: all 300ms ease 100ms; }
.Widget-Product-Hot .item:last-child > a { border-bottom: none; padding-bottom:0;margin-bottom:0; }
.Widget-Product-Hot .item .assetText {padding-left:10px;}
.Widget-Product-Hot .NewsName { margin-bottom: 5px }
.Widget-Product-Hot .NewsName h4 { font-size: 14px; display: block; line-height: 1.4; font-weight: 500;margin:0; }
.Widget-Product-Hot .NewsNameGroup { font-weight: 700; font-size: 12px; color: #0059b5 }
.Widget-Product-Hot .ProductPriceNew { font-size: 15px; color: #0059b5 }
.Widget-Product-Hot .item:hover > a .NewsName h4 { color: #0059b5 }
/*---------Control:Widget-Latest-News---------*/
.Widget-Product-Hot {margin-top:20px;}
.Widget-Product-Hot .media-middle { padding: 0 10px }
.Widget-Latest-News figure { padding: 0 }
.Widget-Latest-News .item > a { display: block; padding-bottom: 10px; margin-bottom: 10px;margin-top: 10px;font-weight: bold; border-bottom: 1px solid #ddd; transition: all 300ms ease 100ms; -moz-transition: all 300ms ease 100ms; -webkit-transition: all 300ms ease 100ms; }
/*.Widget-Latest-News .item:last-child > a { border-bottom: none; padding-bottom:0;margin-bottom:0; }*/
.Widget-Latest-News .item .assetText {padding-left:10px;}
.Widget-Latest-News .NewsName { margin-bottom: 5px }
.Widget-Latest-News .NewsName h4 { font-size: 14px; display: block; line-height: 1.4; font-weight: 500;margin:0; }
.Widget-Latest-News .NewsNameGroup { font-weight: 700; font-size: 12px; color: #0059b5 }
.Widget-Latest-News .item:hover > a .NewsName h4 { color: #0059b5 }
/*---------Control:Home-Video---------*/
#Home-Video { display: none; margin-top: 0 }
.Home-Video-Item { padding-left: 5px; padding-right: 5px }
.Home-Video-Item .NewsName {font-size: 14px; text-align: justify; line-height: 1.3}
/*navigation Home-Video-2 */
.Home-Video .owl-controls { position: absolute; top: 40%; right: 0; width: 100% }
.Home-Video .owl-prev, .Home-Video .owl-next { height: 30px; position: absolute; top: 50%; width: 30px; z-index: 10000; color: transparent; margin-top: -25px; background: rgba(255,255,255,0.8); border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0 }
.Home-Video .owl-prev:after, .Home-Video .owl-next:before { font-family: FontAwesome; color: #000; font-size: 24px; height: 30px; width: 30px; position: absolute; top: 0; left: 0; text-align: center; line-height: 30px }
.Home-Video .owl-prev:after { content: "\f104" }
.Home-Video .owl-next:before { content: "\f105" }
.Home-Video .owl-prev { left: 0; position: absolute }
.Home-Video .owl-next { right: 0; position: absolute }
