@charset "utf-8";

body {font-family:Arial,Verdana, Helvetica, sans-serif;font-size:14px;background: #ffffff  top center no-repeat;color:#000;line-height: 22px;}

#content {min-height: 400px;}
a{text-decoration: none;color:#\H
  ef8918;}
a:hover {text-decoration: none;}
a,input,button {outline: none!important;}
.blue {color:#3b64a3!important;}
.editor {overflow: hidden;}
.editor img {display: inline-block;max-width: 100%!important;height: auto!important;}
.editor iframe {max-width: 100%;}
.editor table {max-width: 100%!important;}
.header-content {position: relative;}

.top-line { width: 100%; height: 4px; background: url(../images/top-line.png) no-repeat;   }

.fackbook img { height: 24px; }
@media(min-width: 768px) {
.fackbook img { height: auto; }
}

.login {background-color:#c21820; padding:15px 10px 6px 14px; text-align:center; font-size:12px; color:#fff !important; font-weight:bold; border-radius: 0 0 8px 8px;}
@media(min-width: 768px) {
.login {background-color:#c21820; padding:15px 20px 8px 23px; text-align:center; font-size:18px; color:#fff !important; font-weight:bold; border-radius: 0 0 8px 8px;}
}

.box-logo {float:left;margin:15px 15px 15px 15px;}
.header-right {float:right;min-height: 20px;}

/* Back to top */
#back-to-top {position: fixed;bottom:9%;text-transform: uppercase;display: none;}
#back-to-top .inner {position: relative;padding-top:32px;cursor: pointer;color:#3b64a3;}
#back-to-top .inner:after {
  border: 12px solid transparent;
  border-bottom: 16px solid #3b64a3;
  width: 0;
  height: 0;
  position: absolute;
  bottom: 0;
  content: '';
  left:50%;
  top:0;
  margin-left:-6px;  
}



@media(min-width: 1300px) {
  .box-logo {width: 25%;}
  .header-right {width: 75%;}  
}
@media(min-width: 1200px) and (max-width: 1299px) {
  .box-logo {width: 34%;}
  .header-right {width: 66%;}  
  .box-menu {bottom:6%;} 
}

@media(min-width: 992px) and (max-width: 1199px) {
  .box-logo {width: 30%;}
  .header-right {width: 70%;} 
  .box-logo {margin-bottom: 45px;} 
  .box-menu {bottom: 0%!important;}  

}

@media(min-width: 768px) and (max-width: 991px) {
  .box-logo {width: 50%;}
  .header-right {width: 50%;}  
}

@media(max-width: 767px) {
  .box-logo {width: 50%;}
  .header-right {width: 50%;}  
}



@media(min-width: 1200px) and (max-width: 1400px) {
  .home-banner .img{width: 70%;}
}






.box-language a {color:#000000;margin:0 3px;}
.box-language a:hover, .box-language a.active {color:#3b64a3;} 




/*nav*/
.box-menu {float: right;}
.box-menu li {position: relative; margin-left:2px;}
/*.box-menu > ul > li {background: url(../images/menu-line.png) no-repeat left center;}*/
.box-menu > ul > li a:hover, .box-menu > ul > li a.active {background-color: #173218; color:#fff ;}
.box-menu > ul > li:first-child {background: none;}
.box-menu > ul > li a {color: #494949; display: block; font-size: 14px; padding: 0 5px;}
.box-menu > ul > li > a {padding:40px 20px 20px 20px;text-transform: uppercase;font-weight: bold; font-size: 14px;color:black;}
.box-menu > ul > li.dropdown:after {
  /* border: 8px solid transparent;
  border-top: 8px solid #c7c7c7; */
  width: 0;
  height: 0;
  position: absolute;
  bottom: 0;
  content: '';
  left:50%;
  margin-left:-4px;
}
/*.box-menu > ul > li:last-child > a {padding-right: 0;}*/
.box-menu > ul {padding:0 10px;margin:0;}
.box-menu > ul > li {text-align:center;float:left;position: relative;/* transition:all 0.6s;-moz-transition:all 0.6s;-webkit-transition:all 0.6s; */}
.box-menu > ul > li.active > a, .box-menu > ul > li.selected > a, .box-menu > ul > li:hover > a {color:#fff; background-color: #173218;}

.box-menu > ul > li > ul {position: absolute;top:85%;left:0;padding-top:9px;/* display:none; */z-index: 99999;
     opacity: 0;
     pointer-events: none;
filter: alpha(opacity=0); 
  -webkit-transform: translateY(10px);
  -moz-transform: translateY(10px);
  transform: translateY(10px);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out; 
}
.box-menu > ul > li ul li {background-color:#fff;text-align: left;padding:0 15px;}
.box-menu > ul > li ul li a {min-width: 140px;white-space:nowrap;border-bottom: 1px solid #e0e0e0;padding:8px 4px;/* color:#fff; */}
.box-menu > ul > li ul li:last-child a {border-bottom: none;}
.box-menu > ul > li ul li a:hover {color:#f08200;}
.box-menu > ul > li.selected > ul {/* display: block; */
        opacity: 1;
        filter: alpha(opacity=100);
        pointer-events: auto;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        transform: translateY(0px);
}


/* mobile menu */
.st-menu {background-color:#c21820!important;}
.mobile-menu-btn {float:right;margin-top:20px;}
.menu-mobile {font-family: 'Century Gothic';}
.menu-mobile .menu-mobile-title {height: 36px;position: relative;}
.menu-mobile .button-close-menu{position: absolute;right:8px;top:8px;color:#fff;cursor: pointer;}
.menu-mobile .button-close-menu:hover {color:#01719c;}
.menu-mobile .button-close-menu i {font-size: 20px;}
.menu-mobile .mobile-more {display: inline-block;width: 18px;height: 18px;position: absolute;top:12px;right:8px;font-size: 18px;color:#fff;cursor: pointer;text-align: center;
  -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out; 
}
.menu-mobile ul li.mobile-sub-open > .mobile-more {transform:rotate(180deg);}
.menu-mobile .mobile-more i{font-size: 18px;}
.menu-mobile .menu-mobile-content > li .dropdown-menu {position: static;}
.menu-mobile .menu-mobile-content > li >a{text-transform: uppercase;}
.menu-mobile .mobile-dropdown-menu {margin-left:0!important;padding:0;display: none;}
.menu-mobile .mobile-sub-open > .mobile-dropdown-menu {display: block;}
.menu-mobile .mobile-dropdown-menu a {padding-left: 30px;text-decoration: none;}
.menu-mobile .mobile-dropdown-menu ul a{padding-left:50px;}
.menu-mobile .mobile-dropdown-menu ul ul a{padding-left:70px;}
.menu-mobile a:link, .menu-mobile a:visited, .menu-mobile a:hover, .menu-mobile a:active {text-decoration: none;}
.menu-mobile ul li li, .menu-mobile .see-all, .menu-mobile ul ul ul ul > li {background: #234f91;}
.menu-mobile ul li:hover, .menu-mobile ul li.mobile-sub-open {
  background: rgba(0,0,0,0.1);
  box-shadow: inset 0 -1px rgba(0,0,0,0);
  color: #fff;
} 
/* .menu-mobile ul li li:hover,.menu-mobile ul li li:visited,.menu-mobile ul li li:active, .menu-mobile .see-all:hover {
  background: #6c9045;
  box-shadow: inset 0 -1px rgba(0,0,0,0);
  color: #fff;
}  */
.menu-mobile ul ul ul > li {
  background: #6c9045;
}


.btn-ud {
  color: #fff!important;
  background-color: #f08200;
  padding:5px 20px;
  border-radius: 0;
}
.btn-ud:focus,
.btn-ud.focus {
  color: #fff;
  background-color: #d17100;}
.btn-ud:hover {
  color: #fff;
  background-color: #d17100;
}
.btn-ud:active,
.btn-ud.active,
.open > .dropdown-toggle.btn-ud {
  color: #fff;
  background-color: #d17100;
}
.btn-ud:active:hover,
.btn-ud.active:hover,
.open > .dropdown-toggle.btn-ud:hover,
.btn-ud:active:focus,
.btn-ud.active:focus,
.open > .dropdown-toggle.btn-ud:focus,
.btn-ud:active.focus,
.btn-ud.active.focus,
.open > .dropdown-toggle.btn-ud.focus {
  color: #fff;
  background-color: #d17100;
}
.btn-ud:active,
.btn-ud.active,
.open > .dropdown-toggle.btn-ud {
  background-image: none;
}
.btn-ud.disabled,
.btn-ud[disabled],
fieldset[disabled] .btn-ud,
.btn-ud.disabled:hover,
.btn-ud[disabled]:hover,
fieldset[disabled] .btn-ud:hover,
.btn-ud.disabled:focus,
.btn-ud[disabled]:focus,
fieldset[disabled] .btn-ud:focus,
.btn-ud.disabled.focus,
.btn-ud[disabled].focus,
fieldset[disabled] .btn-ud.focus,
.btn-ud.disabled:active,
.btn-ud[disabled]:active,
fieldset[disabled] .btn-ud:active,
.btn-ud.disabled.active,
.btn-ud[disabled].active,
fieldset[disabled] .btn-ud.active {
  background-color: #d17100;
}

.btn-bar {padding:4px 10px!important;}

.text-upper {text-transform: uppercase;}
.common-line {height: 7px;width: 102px;display: inline-block;}
.button-more {font-size:18px;text-decoration: underline;font-weight: bold;}
.mar-top-35 {margin-top:35px;}
.mar-top-30 {margin-top:30px;}
.mar-top-20 {margin-bottom: 20px;}
.mar-top-25 {margin-bottom: 25px;}
.mar-top-30 {margin-bottom: 30px;}
.common-h2 {font-weight: bold;text-transform: uppercase;font-size: 24px;border-left:15px solid #3b64a3;color:#000000;padding-left:16px;}

.footer {;text-align: right;color:#000; line-height: 50px; }
.home-line {height: 12px;background: url(../images/line.png) no-repeat right ;margin-top: 30px;}

.common-title {font-size: 24px;color:#f08200;border-left:8px solid #3b64a3;font-weight: bold;padding-left:12px;margin:0 0 15px 0; display:inline-block;  }

.slideshow {max-height:1920px;overflow: hidden; margin: 0 auto; max-width: 1920px; margin-left:-15px; margin-right: -15px; margin-top:;}
.banner {max-height: 675px;overflow: hidden; margin: 0 auto; max-width: 1170px; margin-left:-15px; margin-right: -15px; }box-logo

/* home top */
.ud-row {margin-left:-8px;margin-right:-8px;}
.ud-row .col-sm-1,.ud-row .col-sm-2,.ud-row .col-sm-3,.ud-row .col-sm-4,.ud-row .col-sm-5,.ud-row .col-sm-6,.ud-row .col-sm-7,.ud-row .col-sm-8,.ud-grid-gutter-width .col-sm-9.ud-row .col-sm-10,.ud-row .col-sm-12 {
  padding-left:8px;padding-right:8px;padding-bottom: 15px;
}

.home-top .banner-list {margin:30px 15px;}
@media(min-width: 768px) {
.home-top .banner-list {margin:-50px 15px;}
}
.home-top img {margin:0 auto;}
.home-top .ht-item .info {background: #3b64a3;color:#fff;padding:5% 7% 2%;}
.home-top .ht-item .info .content {min-height: 86px;}
.home-top .ht-item .info h2 {margin:0 0 15px 0;text-transform: uppercase;font-size: 24px;font-weight: bold;}
.home-top .ht-item img {display: inline-block;width: 100%;}


/* Home About */
.home-about {background-image: url(../images/about-bg.png);background-repeat: no-repeat;background-position: center center;background-size:cover;padding:30px;min-height: 306px;}
.home-about h2 {margin:0 0 20px 0;font-size: 24px;font-weight: bold;color:#3b64a3;}
.home-about .ha-line {height: 1px;width: 100px;background: #959595;}
.home-about .content {width: 60%;margin:20px 0;}
.home-about .more {margin-top:10px;font-size: 15px;text-transform: uppercase;}
@media(min-width: 768px) and (max-width: 991px) {
  .home-about .content {width: 80%;}
}
@media(max-width: 767px) {
  .home-about .content {width: 100%;}
}


.home-top .home-box { margin: 80px 20px; }
.home-top .home-box .about-title h2 { background:#bb1516 url(../images/ab-title-bg.png) top right no-repeat; border-radius: 10px 10px 0 0; font-size:20px; font-weight: bold; color:#fff; padding: 10px  0px 25px 25px; margin-bottom: 0px; }
.home-top .about-main,.home-top .fengshui-main { background: url(../images/ab-main-bg.png) top repeat-x ; border-radius: 10px 10px 0 0;  margin-top:-15px; padding: 30px 30px 0px 30px; }
.home-top .about-main,.home-top .fengshui-main p { font-size: 16px; font-weight: bold; }

/* .home-top .job-main { margin-left:15px;margin-right:15px;}
.home-top .job-title h2 { background:#bb1516 ; border-radius: 10px 10px 0 0; font-size:20px; font-weight: bold; color:#fff; padding: 10px  0px 12px 25px; margin-bottom: 0px; }
.home-top .job-main-box { background: url(../images/ab-main-bg.png) -50px repeat-x ; border-radius: 10px 10px 0 0;  padding: 15px 15px 15px 20px; }
.home-top .job-main img { background-color : #000 ;opacity:0 ; filter:alpha(opacity=0) ; }
.home-top .job-main img:hover { background-color : #000 ; opacity:0.4 ; filter:alpha(opacity=40) ;  } */


/*這部分是鼠標hover圖片時有陰影覆蓋*/
.image-wrap {
  /* position: relative; */
  overflow: hidden;
  cursor: pointer;
 /*  margin-bottom:30px; */
}
.image-wrap img {
  width: 100%;  
}
.image-wrap  .hover-wrap {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0;
  filter: alpha(opacity=0);
}
.image-wrap:hover .hover-wrap,
.image-wrap.active .hover-wrap {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
transition: all 0.5s linear;
}
.image-wrap .hover-wrap .overlay-text-thumb {
  position: absolute;
  width: 100%;
  height: 32px;
  top: 50%;
  margin: -16px 0 0 0;
  color: #FFFFFF;
  font-size: 20px;
  font-weight: 300;
  line-height: 32px;
  text-transform: uppercase;
  text-align: center;
  opacity: 1;
  filter: alpha(opacity=100);
}
.box-box { width:100%; height:100%; display:table;}
.box-box .z-box {  text-align:center; vertical-align:middle; display:table-cell; background-color:RGBA(0, 0, 0, 0.5);font-weight: bold; color: #fff; font-size: 24px;}
/*這部分是鼠標hover圖片時有陰影覆蓋*/


.home-top .job-main-box p { font-size: 14px; font-weight: bold;  }
@media(min-width: 768px) {
.home-top .job-main-box p { font-size: 16px; font-weight: bold;  }
}

.main {padding-top:35px;}
@media(min-width: 768px) {
  .main-row > .col-sm-9{padding-left:4px;}
}



/* Top Banner */
.top-banner {position: relative;}
.heading-title {position: absolute;top:44%;text-transform: uppercase;color:#fff;font-size:48px;font-weight: normal;}
@media(min-width: 768px) and (max-width: 991px) {
  .heading-title {font-size:38px;top:41%;}
}
@media(max-width: 767px) {
  .heading-title {font-size: 22px;top:32%;}
}


/* Left Menu */
.left-menu {background: #3b64a3;}
.left-menu a {color:#fff; }
.left-menu ul {padding:2px 0;}
.left-menu li {margin:0 auto;border-bottom: 1px solid #6081b4;width: 92%;}
.left-menu li:last-child {border-bottom: none;}
.left-menu li a {display: block;padding:9px 6px;width: 109%;margin-top:4px;margin-bottom: 4px;margin-left:-7%;padding-left:9%;}
.left-menu li a:hover, .left-menu li.active a {background: #f08200;}







.table-thead thead{background: #3b64a3;}
.table-thead tbody tr:nth-child(2n-1){background:#e5e5e5;}
.table-thead thead tr th{padding-top: 20px; padding-bottom: 20px; padding-left:5%;}
.table-thead tbody tr td{padding-top: 20px; padding-bottom: 20px;padding-left:5%}





/*home stock*/
.home-stock {min-height: 310px;background: #003791 url(../images/stock-bg.png) repeat-x left bottom;padding:18px;color:#fff;}
.home-stock a {color:#fff;}
.home-stock .title {font-size: 22px;color:#8cecff;line-height: 24px;font-weight: bold;margin-bottom: 15px;padding-top:4px;}
.home-stock .squotes {font-size: 16px;}
.home-stock .box-price {margin-bottom: 14px;margin-top:18px;}
.home-stock .price {font-size: 32px;font-weight: bold;}
.home-stock .date {font-size: 12px;}
.home-stock .up-down {color:#4d9d34;font-size: 18px;}
.home-stock .up-down img {vertical-align: middle;}
.home-stock .info {margin-top:15px;font-size: 16px;}
.home-stock .info li {margin-bottom: 4px;}
.home-stock .delay {text-align: right;margin-top:-32px;}



/* Photo Gallery */
.box-gallery {width: 100%;max-width: 970px;margin:0 auto;}
.gallery-slider .flex-direction-nav a {width: 50px;height: 68px;background-color:rgba(0,0,0,0.8);text-indent: -9999px;opacity: 0.7;margin-top:-34px;display: block;}
.gallery-slider .flex-direction-nav .flex-prev{left:0!important;background-image: url(../images/gallery-b-prev.png);background-repeat:no-repeat;background-position: center center;}
.gallery-slider .flex-direction-nav .flex-next{right:0!important;background-image: url(../images/gallery-b-next.png);background-repeat:no-repeat;background-position: center center;text-indent: 9999px!important;}
.gallery-slider .flex-direction-nav a:before{content: ''!important;}


.gallery-carousel .flex-direction-nav a {width: 22px;height: 26px;text-indent: -9999px;opacity: 1!important;margin-top:-13px;}
.gallery-carousel .flex-direction-nav .flex-prev{left:-34px!important;background-image: url(../images/gallery-s-prev.png);background-repeat:no-repeat;background-position: center center;}
.gallery-carousel .flex-direction-nav .flex-next{right:-34px!important;background-image: url(../images/gallery-s-next.png);background-repeat:no-repeat;background-position: center center;text-indent: 5000px;}
.gallery-carousel .flex-direction-nav a:before{content: ''!important;}
.gallery-carousel img {cursor: pointer;}

@media(max-width: 767px) {
  .gallery-carousel .flex-direction-nav .flex-prev {left:0!important;}
  .gallery-carousel .flex-direction-nav .flex-next {right:0!important;}
}



/* fengshui */

.fengshui-main .fs-list-box {background:#efefef url(../images/fs-list-bg.png) ; padding: 12px 10px 20px 10px; margin-bottom: 20px;}
.fengshui-main .fs-list-box h3 { font-size: 20px; font-weight: bold;  margin-top: 15px;}
.fengshui-main .fs-list li { margin-bottom: 3px; }
.fengshui-main .fs-list .tel {  background: url(../images/tel.png) left  no-repeat; padding-left:25px; }
.fengshui-main .fs-list .mail {  background: url(../images/mail.png) left  no-repeat; padding-left:25px; }
.fengshui-main .fs-list .chat {  background: url(../images/chat.png) left  no-repeat; padding-left:25px; }
.fengshui-main .view-buttom a { background-color: #c21820; padding: 5px 12px 5px 15px; border-radius: 8px; color: #fff; }

.fengshui-main .search-bar { background-color: #898989;  padding: 8px 18px; margin-bottom: 20px; }




.banner1 { background: url(../images/banner.png) no-repeat;line-height: 124px; font-size:32px; color: #173218; }

.banner1 span { color: #cc0000; }

.product li { color: black; border-style: none none solid none; border-color: red; font-style: black ; /* text-align: center; */ margin-left: 0; padding: 5px 0px; padding-left: 25%}


.productlist { background: url(../images/bbb.png) no-repeat; font-size:24px; color: #173218; line-height: 55px; }


/*這部分是鼠標hover圖片時有陰影覆蓋*/
.image-wrap {
  /* position: relative; */
  overflow: hidden;
  cursor: pointer;
  padding: 3px 12px 3px 12px;
   margin-bottom:30px; 

}
.brand-box{
  position:relative;
  box-shadow: 0px 0px 6px #aaa;
}
.image-wrap img {
  width: 100%;  
}
.image-wrap  .hover-wrap {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0;
  filter: alpha(opacity=0);
  top:0%;
  left:0%;
}
.image-wrap:hover .hover-wrap,
.image-wrap.active .hover-wrap {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
transition: all 0.5s linear;
}
.image-wrap .hover-wrap .overlay-text-thumb {
  position: absolute;
  width: 100%;
  height: 32px;
  top: 50%;
  margin: -16px 0 0 0;
  color: #FFFFFF;
  font-size: 20px;
  font-weight: 300;
  line-height: 32px;
  text-transform: uppercase;
  text-align: center;
  opacity: 1;
  filter: alpha(opacity=100);
}
.box-box { width:100%; height:100%; display:table; }
.box-box .z-box {  text-align:center; vertical-align: middle; display:table-cell; background-color: RGBA(214, 51, 51, 0.5); font-weight: bold; color: #fff; font-size: 16px;}
/*這部分是鼠標hover圖片時有陰影覆蓋*/



.shead-hk {
  background: #e5e5e5  url(../images/hkbg.png) left no-repeat;
    min-height: 130px;
  padding-bottom:5px;
}
.shead-kw {
  /* background: #e5e5e5 url(../images/kwbg.png) left no-repeat; */
    min-height: 130px;
  padding-bottom:5px;
}
.shead-nt {
  background: #e5e5e5  url(../images/ntbg.png) left no-repeat;
    min-height: 130px;
  padding-bottom:5px;
}

.shead-hk h1,.shead-kw h1,.shead-nt h1 { margin-top:40px; padding-top:10px; padding-left:30px; color:#FFF;text-shadow: 2px 2px 1px #000;}

.newsinner h1 { text-align: center; color: #003300; font-size: 24px; }
.newsinner h2 { text-align: center; color: #b3b4b3; font-size: 18px;}
@media(min-width: 992px){
.newsinner h3 {  color: #656565; font-size: 20px; padding-left: 150px; padding-right: 150px}
}
@media(max-width: 992px){
.newsinner h3 {  color: #656565; font-size: 20px; }
}
@media(min-width:992px){
 .news_det{
      margin-bottom:80px;
} 
}


.newsinner .back { color: #fff; background-color: #cc0000; margin-left: 50%;}
.newsinner .botton { color: #fff; background-color: #cc0000; margin-left: 50%;}

.thumbnail{
  padding:0px!important;
  border: 0px solid #ddd!important; 
}
@media(max-width:768px){
.banner_info{
  position:absolute;top:20%; font-size:20px; color:#fff; text-align:center;font-weight:bold;line-height:32px;width: 100%
}
}


@media(min-width:992px){
.banner_info{
  position:absolute;top:20%; font-size:28px; color:#fff; text-align:center;font-weight:bold;line-height:32px;width: 100%
}
.banner_desc{
  position:absolute;top:65%; left:39%; color:#fff; text-align:center; background-color:#e01c1a; border:1px solid #e01c1a;padding:3px 20px; font-size:12px;
}
.banner_indesc{
   position:absolute;top:65%; left:31%; color:#fff; text-align:center; background-color:#173218; border:1px solid #173218;padding:3px 20px; font-size:12px;
}
}
@media(max-width: 767px){
  .banner_desc{
  position:absolute;top:65%; left:36%; color:#fff; text-align:center; background-color:#e01c1a; border:1px solid #e01c1a;padding:3px 20px; font-size:12px;
}
.banner_indesc{
   position:absolute;top:65%; left:28%; color:#fff; text-align:center; background-color:#173218; border:1px solid #173218;padding:3px 20px; font-size:12px;
}
}
@media(min-width: 767px) and (max-width: 992px){
  .banner_desc{
  position:absolute;top:65%; left:43%; color:#fff; text-align:center; background-color:#e01c1a; border:1px solid #e01c1a;padding:3px 20px; font-size:12px;
}
.banner_indesc{
   position:absolute;top:65%; left:38%; color:#fff; text-align:center; background-color:#173218; border:1px solid #173218;padding:3px 20px; font-size:12px;
}
}

@media(min-width:767px)and(max-width: 992px;){
  .banner_custom{
  position:absolute;top:20%; font-size:30px!important; color:#fff; text-align:center;font-weight:bold;line-height:52px!important;width: 100%
}
}
.branches_info{
    padding-right: 2px;
    padding-left: 2px;
}
@media(min-width:1024px){

.new_more{

  margin-top:10%; 
}
}
@media(max-width:768px){
.moblie-lang{
  display:none!important;
}
}

@media(min-width:768px){
  .moblie_info{display:none!important;}
}
.panel_line{
        border: 0px solid transparent;
}
.pagination >li{
  padding-left: 0%;

}
.pagination >li span{
  
  background: red!important;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #337ab7;
    border-color: #fff;
}
@media(min-width:992px){
.bran_info{
    text-align:left;
 }
 .shead_info h1{
  font-size: 36px;
}
}
@media(max-width:992px){
.bran_info{
    text-align:center;
 }
.bran_info li a{
  color:#fff;
  font-size: 24px;
  line-height: 24px;
}
.shead_info h1{
  font-size: 28px;
}
}
.more-btn{
  max-width: 105px;
  color: #fff;
  background: #e54a35;
  padding: 5px 15px;
  text-align: center;
}
.news-detail .more-btn{
 margin: 0px auto;
}