/** { margin: 0; padding: 0; outline: 0; }*/
/*-webkit-border-radius:0px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    behavior: url('../Styles/PIE.htc');*/
/*-webkit-border-radius:0px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    behavior: url('../Styles/PIE.htc');*/
/*
   background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EEFF99), to(#66EE33));
   background: -webkit-linear-gradient(#eaf1f6, #d6e3ee);
   background: -moz-linear-gradient(#eaf1f6, #d6e3ee);
   background: -ms-linear-gradient(#eaf1f6, #d6e3ee);
   background: -o-linear-gradient(#eaf1f6, #d6e3ee);
   background: linear-gradient(#eaf1f6, #d6e3ee);
   -pie-background: linear-gradient(#eaf1f6, #d6e3ee);
   behavior: url('../Styles/PIE.htc'); 
*/
img {
    max-width: 100%;
}
#wrapper {
    min-width: 1128px;
    overflow: hidden;
}
.container {
    width: 1128px;
    margin: 0 auto;
    position: relative;
}
.h-hotline{
       background: url(../images/icon-1.png) no-repeat left center;
    padding: 10px 0 10px 42px;
}
.h-cart {
     background: url(../images/icon-2.png) no-repeat left center;
    padding: 10px 0 10px 42px
}
.headerLang{
        padding-right: 25px;
            cursor: pointer;
}
#lang img{
    width:30px;
        height: 23px;
}
#lang > li:before{
    position: absolute;
    content: '';
    border-top: 10px solid #000;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    right: -20px;
    bottom: 10px;
}
#flag_index{
    position:relative;
}
.subflag{
    display:none;
    position: absolute;
}
.header .container{
    padding: 20px 0px;
    display:flex;
    justify-content:space-between;
    align-items: center;
    /*border-bottom: 1px solid #cccccc;*/
}
.header{
    color:#929191;
 border-top: 18px solid #005826;
 border-bottom: 1px solid #cccccc;
}
.h-hotline span{
    font-weight:bold;
}
.menu{
    padding: 20px 0;
    background:#f4f4f4;
}
.gnavi{
        display: flex;
    justify-content: flex-start;
    width: 100%;
    position: relative;
}
.gnavi .over.active > a {
    color:#fff;
     background:#005826;
    /*float:left;*/
}
.gnavi .submenu{
    display: none;
    position: absolute;
    top: 37px;
    z-index: 9999;
    background: #f4f4f4;
    padding: 20px 0;
    border-bottom: 2px solid #005826;
}
.gnavi .submenu:before{
    position: absolute;
    top: -7px;
    left: 30px;
    content: '';
    border-bottom: 10px solid #f4f4f4;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;

}
.gnavi > li > a{
    color: #656565;
    position: relative;
    text-transform: uppercase;
        padding: 21px 65px 21px;
    font-weight: bold;
    font-size: 15px;
}
.gnavi > li > a:hover{
    background:#005826;
    color:#fff;
}
.submenu_li{
        padding: 5px 10px;
}
.submenu_li a{
    /*text-transform:uppercase;*/
        color: #656565;
    display: block;
    padding: 5px 5px;
        font-size: 14px;
}
.submenu_li a:hover{
    color:#950002;
}
.sp {
    display: none;
}
.main-slider img{
    width:100%;
    max-width:none;
}
.main-slider .slick-dots{
     text-align: center;
    position: absolute;
    width: 100%;
    bottom: 15px;
 
}
.main-slider .slick-dots li{
    display:inline-block;
        margin: 0 5px;
}
.main-slider .slick-dots button{
    text-indent: -500000px;
    background: none;
    width: 8px;
    height: 8px;
    border: 1px solid #fff;
    border-radius: 50%;
    outline: none;
    cursor: pointer; 
}
.main-slider .slick-dots .slick-active button{
    background:#005826;
    
}
.box1{
    padding: 0px 0;
}
.box1 h3,.box2 h3, .main-cont h3{
    position:relative;
        text-align: center;
    font-size: 24px;
    color: #3e3e3e;
    text-transform: uppercase;
    padding: 25px 0;
        margin-bottom: 25px;
}
.box1 h3 span,.box2 h3 span, .main-cont h3 span{
        /*position: absolute;*/
    width: 100px;
    height: 20px;

    bottom: 0;
    /*left: 45.7%;*/
}
.box1 h3 span:before,.box2 h3 span:before,
.main-cont h3 span:before{
       margin: 14px auto 0;
    width: 50px;
    height: 3px;
    background: #960001;
    content: '';
    display: block;
}
.box1 h3 span:after,.box2 h3 span:after,
.main-cont h3 span:after{
    margin: 5px auto;
    width: 24px;
    height: 3px;
    background: #960001;
    content: '';
    display: block;
}
.b01-list{
        display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.b01-itm-{
    width: calc(100%/4 - 20px);
    border: 1px solid #cdcdcd;
    background: #f7f7f7;
}
.b01-img{
    overflow:hidden;
    cursor:pointer;
}
.b01-img img{
        width: 100%;
    max-width: none;
    transition: all 0.5s ease-in;
}
.b01-img:hover img{
        transform: scale(1.1,1.1);
    opacity: 0.6;
}
.b01-txt{
    padding: 10px 20px;
    border-bottom: 1px solid #cdcdcd;
}
.b01-ttl{
    min-height:34px;
}
.b01-ttl a{
        font-size: 15px;
    font-weight: bold;
    color: #4f4f4f;
    text-transform: uppercase;
}
.b01-ttl a:hover{
    color:#005826;
}
.b01-sub{
    font-size: 13px;
    padding: 9px 0;
    color:#4f4f4f;
    min-height:45px;
}
.b01-rc{
    display:flex;
    text-transform:uppercase;
}
.rc-price{
    justify-content: space-around;
    flex-wrap: wrap;
    display: flex;
    width: 50%;
    text-align: center;
    align-items: center;
    border-right: 1px solid #cdcdcd;
        padding: 7px 0;
    min-height: 55px;
}
.rc-cart{
    width:50%;
    text-align: center;
}
.rc-cart a{
        display: block;
    padding: 10px 0;
    color:#4f4f4f;
}
.rc-cart a:hover{
   text-decoration:underline;
}
.rc-ttl{
        width: 100%;
    font-size: 9px;
    font-weight: bold;
}
.rc-price-old{
    font-size:12px;
    text-decoration:line-through;
    color: #888888;
}
.rc-price-new{
        color: #950002;
    font-weight: bold;
    font-size: 16px;
}
.c-ttl{
       font-size: 9px;
    font-weight: bold;
}
.c-img{
    margin:10px 0;
}
.see-more{
        padding: 9px 0;
    text-align: center;
    width: 100%;
    display: block;
    background: #005826;
    color: #fff;
    font-size: 12px;
    text-transform:uppercase;
}
a:hover.see-more{
    text-decoration:underline;
}
.see-all{
    text-align:center;
    margin: 40px 0;
}
.see-all a{
    display: inline-block;
    padding: 10px 15px;
    background: #3f3f3f;
    color: #fff;
    font-size: 14px;
    text-transform:uppercase;
}
.see-all a:hover{
    text-decoration:underline;
}
.box2{
        padding:0px 0 30px;
    background: #f2f2f2;
}
.box2 .container{
    width:1028px;
}
.box2-list{
    display:flex;
    justify-content:space-between;
    flex-wrap: wrap;
}
.b02-itm{
        width: calc(100%/2 - 36px);
}
.b02-img{
    overflow:hidden;
}
.b02-img img {
    width:100%;
    max-width:none;
    transition: all 0.5s ease-in;
}
.b02-img:hover img{
    transform: scale(1.1,1.1);
    opacity: 0.6;
}
.b02-ttl{
    position:relative;
    font-weight: bold;
    padding: 15px 0;
    font-size: 16px;
}
.b02-ttl a{
    color:#4f4f4f;
}
.b02-ttl a:hover{
    color:#005826;
}
.b02-ttl:after{
    position: absolute;
    content: '';
    background: #015725;
    width: 200px;
    height: 3px;
    display: block;
    bottom: 0;

}
.b02-sub{
    font-size: 13px;
    padding: 15px 0;
    color: #4f4f4f;
}
#footer{
    background:#005826;
    color: #fff;
        line-height: 24px;
}
#footer h3{
    margin-bottom:20px;
    text-transform:uppercase;
}
#footer > .container {
padding: 60px 0;
    display: flex;
    justify-content: space-between;
        flex-wrap: wrap;
}
.f-info{
        width: 45%;
}
.f-news,.f-tk
{
    width:18%;

}
.f-fanpage{
    width:31%;
}
.f-news a{
    color:#fff;
}
.copyright {
    background: #004218;
    color: #fff;
    padding: 10px 0;
    font-style: italic;
}
.copyright .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.copyright a{
    color:yellow;
}
.banner{
    background:url('../images/banner.png') no-repeat;
    background-size:cover;
}
.banner h2{
    font-size: 27px;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
    text-align: center;
    height: 120px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.topic-path {
    padding: 0 0 10px;
    margin: 0px 0 35px;
    border-bottom: 1px solid #acacac;
}
.topic-path li {
    display: inline-block;
    color: #005826;
    text-transform: uppercase;
}
.topic-path a {
    color: #4d4d4d;
    text-decoration: none;
}
.topic-path li:not(:last-child):after {
    content: '/';
    position: relative;
    display: inline-block;
    color: #4d4d4d;
    margin: 0 10px;
}
.img-big{
    margin: 0 0 30px;
    overflow: hidden;
    position: relative;
    width: 48%;
}
.sp-info{
        width: 48%;
    position: relative;
}
.main-pro{
        display: flex;
    justify-content: space-between;
    margin: 0 0 50px;
}
.sp-info h3{
text-transform: uppercase;
    text-align: left;
    font-size: 24px;
    font-weight: bold;
    padding: 0;
    margin: 0 0 10px;
    color: #005826;
    
}
.pro-price {
    font-size: 32px;
    color:#960100;
    border-bottom: 1px solid #b3b3b3;
    padding: 10px 0 10px;
    margin: 10px 0 15px;
    font-weight: bold;
        border-bottom: 1px solid #c3c3c3;
    border-top: 1px solid #c3c3c3;
}
.pro-price span {
    color: #4d4d4d;
    font-size: 16px;
    text-decoration: line-through;
    display: inline-block;
    margin-left: 30px;
}
.info-txt p {
    margin: 0 0 10px;
    font-size: 15px;
    line-height: 24px;
}
.share{
        display: flex;
    justify-content: space-between;
    align-items: center;
}
.ico-share{
background: url(../images/icon-share.png) no-repeat;
    padding: 2px 0 3px 25px;
    font-size: 16px;
}
.pro-addcart{
        display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
        padding: 15px 0;
    margin: 15px 0px;
        border-top: 1px solid #c3c3c3;
}
.pro-addcart select {
    border: 1px solid #b3b3b3;
    border-radius: 4px;
    width: 160px;
    font-size: 14px;
    padding: 15px;
}
select {
    outline: none;
    border: 1px solid #4f75b3;
    padding: 5px 10px;
}
option{
        font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
}
.sp-cart{
        width: calc(100% - 200px);
    margin: 0;
}
.sp-cart a {
    position:relative;
    background: #960100;
    border-radius: 4px;
    display: block;
    text-align: center;
    text-decoration: none;
    color: #fff;
    font-size: 16px;
    padding: 15px;
    transition: all 0.5s ease;
}
.sp-cart a:hover{
    background: #333;
}
.sp-cart a:before{
    position: absolute;
    content: '';
    background: url(../images/icon-3.png) no-repeat;
    height: 30px;
    width: 20px;
    left: 45px;
    top: 10px;
}
.sp-des{
    margin-bottom:60px;
}
ul.tabs {
    margin: 0px;
    padding: 0px;
    list-style: none;
    font-size: 0;
}
ul.tabs li {
    background: #fff;
    color: #005826;
    display: inline-block;
    padding: 10px 40px;
    cursor: pointer;
    border: 1px solid #d9d9d9;
    font-size: 15px;
    text-transform: uppercase;
}
.tab-content {
    background: #fff;
    padding: 30px 40px;
    border: 1px solid #d9d9d9;
    margin-top: -1px;
        line-height: 24px;
}
.main-content{
    background:#f8f8f8;
    padding-top: 25px;
    padding-bottom: 25px;
}
.main-cont {
    background: #fff;
    padding: 30px 0;
}
.main-cont .b01-itm-{
      margin: 0 9px 30px;
}
.main-cont .b01-list{
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
}
.News-list{
        display: flex;
    flex-wrap: wrap;
}
.news-itm{
    width: calc(100%/3 - 20px);
margin: 0 10px 30px;
}
.news-ttl{
        position: relative;
    font-weight: bold;
    padding: 15px 0;
    font-size: 16px;
}
.news-ttl a{
    color: #4f4f4f;
}
.news-date{
    background: url(../images/icon-date.png) no-repeat left center;
    padding: 5px 22px;
    font-style: italic;
}
.content-txt img{
    /*width:auto;
    height:auto;*/
}
.sp-list{
        display: flex;
    flex-wrap: wrap;
}
.sp-list .b01-itm-{
        margin: 0 9px 30px;
}
.page strong {
    padding: 6px 12px !important;
    background: #960001 !important;
    color: #fff !important;
    font-weight: normal !important;
}
.page a {
    color: #fff !important;
    background: #005826 !important;
    border-radius: 0 !important;
    border: none !important;
    padding: 6px 12px !important;
}
.page a:hover{
    background: #960001 !important;
}
.news-read a{
    display: inline-block;
    padding: 10px;
    background: #005826;
    color: #fff;
    margin: 10px 0;
}
.content-ttl{
        font-size: 19px;
    font-weight: 600;
padding-bottom: 15px;
}
.content-txt{
        padding: 0 10px;
            line-height: 24px;
}
.other-ttl h3{
    text-transform:uppercase;
    margin-top:30px;
}
/*CSS NEW*/


*{padding:0;margin:0;}
ul li{list-style-type: none;}
a{text-decoration:none;}
ul{margin:0;padding:0;}
img{border:none;}   
/**/ 
.css_middle{vertical-align:middle;}
/**/
.maximg_content img,.maximg_content iframe,.maximg_content table{max-width:508px !important;}/**/
.maximg_video table tr td iframe,.maximg_video table tr td object{width:244px;} /**/
.maximg_contentProdes img,.maximg_contentProdes iframe,.maximg_contentProdes table{max-width:920px !important;}
/**/
.css_inBlock{display:inline-block;}
.css_tc{text-align:center;}
.css_tr{text-align:right;}
.css_up{text-transform:uppercase;}
.css_b{font-weight:bold;}
.css_i{font-style:italic;}
.css_mt5{margin-top:5px;}
.css_mrb10{margin-bottom:10px;}
.css_ab{position:absolute;}
.css_rel{position:relative;}
/**/
.css_link01,.css_link01 a{color:#005826;}/**/
.css_link02,.css_link02 a{color:#9d0a0e;}/**/
.css_link03,.css_link03 a{color:#ff0403;}
.css_link04,.css_link04 a{color:#FF6600;}
.css_link01 a:hover,.css_link02 a:hover,.css_link03 a:hover,.css_link03 a:hover,.css_link04 a:hover{text-decoration:underline;}
.csslinkdef,.csslinkdef a{color:inherit;}
.csslinkdef a:hover{text-decoration:underline;}
/**/
.css_fl{float:left;}
.css_fr{float:right;}
/*color*/
.cl01{color:#b90100;}/**/
.cl02{color: #858585;}/**/
.cl03{color:#005826;}/**/
.cl04{color: #848484;}
.cl07{color:#00b8f2 !important;}
.cl05{color:#0e467d;}
.cl06{color: #333333;}
.css_clPrice{color:#ff0000;}
.css_clPriceOld{text-decoration: line-through;}
/*hr*/
.css_hrb{border-bottom:1px solid #ccc;}

.css_hr_all
{
    border:2px solid #ccc;
}
.css_hr_bd{border-bottom:1px dashed #ccc;}
.css_hrmnh
{
    background: url('../images/hr_mnh.png') no-repeat center center;
    width:1px;
    height:62px;
}

.css_hr_b2
{
    border-bottom:1px solid #666666;
}
/*btn*/
.css_btnCart
{
    color: #fff;
    height: 18px;
    padding: 4px 7px;
    display: inline-block;
    text-align: center;
    background:#005826;
}
.btn01
{
    -webkit-border-radius:4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    behavior: url('../Styles/PIE.htc');
    background:#575757;
    color:#fff;
    display:inline-block;
    padding:5px;
}
.btn02
{
    -webkit-border-radius:4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    behavior: url('../Styles/PIE.htc');
    background:#0e467d;
    color:#fff;
    display:inline-block;
    padding:5px;
}

/*menu*/
.menuHideHover li:hover ul ul, 
.menuHideHover li:hover ul ul ul,
.menuHideHover li:hover ul ul ul ul {
    display: none;
}

.menuHideHover li:hover ul,
.menuHideHover li li:hover ul,
.menuHideHover li li li:hover ul,
.menuHideHover li li li li:hover ul {
    display: block;
}
/**/
body
{
    background-position: center top;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px; /*position: relative;*/
    background: #fff;
    color: #000;
    background-image: url('../images/bg.png');
    background-repeat: repeat-x;
}
.css_body
{
    width:980px;
    margin:0 auto;
    position:relative;
}
/*Header*/
.css_header
{
    width:100%;
    top:0;
    position:fixed;
    background:#00aeef;
    border-bottom:2px solid #da771d;
    z-index:1000;
}
.css_headerLogo
{
    width:150px;
    float:left;
}
.css_headerContent
{
    margin-left:10px;
    float:left;
    width:710px;
    padding-top:20px;
}
.css_headerLang
{
    padding-top:20px;
    margin-left:10px;
    float:left;
    width:100px;
}
.css_headerLang img
{
    cursor:pointer;
}

/*search*/
.css_boxsearch
{
    -webkit-border-radius:20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    behavior: url('../Styles/PIE.htc');
    background:#fff;
    height:36px;
    width:350px;
    margin:12px 0;
}
.css_txtsearch
{
    border:none;
    height:36px;
    margin-right:4px;
    width:250px;
    display:inline-block;
    vertical-align:top;
    -webkit-border-radius:0 20px 20px 0;
    -moz-border-radius: 0 20px 20px 0;
    border-radius: 0 20px 20px 0;
    behavior: url('../Styles/PIE.htc');
    background:none;
}
.css_search
{
    -webkit-border-radius: 20px 0px 0px 20px;
    -moz-border-radius: 20px 0px 0px 20px;
    border-radius: 20px 0px 0px 20px;
    behavior: url('../Styles/PIE.htc');
    width: 80px;
    height: 36px;
    display: inline-block;
    color: #000;
    font-weight: bold;
    line-height: 36px;
    text-align: center;
    
    background: url('../images/btn_btn.png') repeat-x center top #dad9da;
}
/*menu*/
.css_menu
{ 
   /*width:980px;
   margin:0 auto;
   
   position:relative;*/
   background:#005826;
}

.css_menu ul li
{
    float:left;
    position:relative;
    border-left:1px solid #337951;
    background:#005826;
}
.css_menu ul li a
{
    /*padding:5px 22px;*/
    padding:11px 18px;
    text-decoration: none;
    cursor: pointer;
    display: block;
    /*font-size:15pt;    */
    font-size:11pt;
    color:#fff;
    text-transform:uppercase;
}

.css_menu ul li.selected a,.css_menu ul li a:hover
{

}
/*menu*/
.css_menu ul li ul
{
    top:34px;
    position: absolute;
    z-index: 5000;
    padding:5px;
    left:-5px;
    display:none;
}
.css_menu ul li ul li.submenu_li
{
    float:left;
    margin: 0;
    padding:0px 5px;
    background:#fff;
    width:150px;
    border-left:1px solid #337951;
    border-right:1px solid #337951;
    border-bottom:1px solid #337951;
}
.css_menu ul li ul li.submenu_li a
{
    font-size: 11pt;
    font-weight: 200;
    text-align: left;
    text-transform:none;
    color:#005826;
    padding:5px 5px;
    display:block;
    background:none;
    font-weight:500;
}
.css_menu ul li ul li.submenu_li a:hover
{
    color:#000;
    /*background:#00aeef;*/
}

.css_menu li:hover ul ul, 
.css_menu li:hover ul ul ul,
.css_menu li:hover ul ul ul ul {
    display: none;
}

.css_menu li:hover ul,
.css_menu li li:hover ul,
.css_menu li li li:hover ul,
.css_menu li li li li:hover ul {
    display: block;
}

/*slider*/
#backgroudslider
{
    display:none
}
#controls-wrapper .css_titleSlider
{
    padding:5px 10px;    
    background-position: left bottom;
    background-image: url('../images/hr_desSlider.png');
    background-repeat: no-repeat;
    margin-bottom:5px;
}
#controls-wrapper .css_titleSlider h1
{
    
    font-size: 26pt;
    
}
#controls-wrapper .css_desSlider
{
    font-size:11pt;
    padding:0px 10px 10px 10px;
    max-height:72px;
    overflow:hidden;
}
.css_boxslider
{
    float:left;
    width:670px;
    height:270px;
    overflow:hidden;
    position:relative;
    margin-left:22px;
}
.css_sliderDefaul {position:relative; width:460px; height:405px;}
.css_sliderDefaul img {position:absolute;left:0; top:0;width:460px !important; height:405px !important;}

.css_slider_home
{
    margin-top:4px;
    width:980px;
    height:400px;
    position:relative;
    text-align:center;
    overflow:hidden;
}
.css_videoSlider
{
    float:left;
    width:300px;
    height:250px;
}
.css_videoSlider iframe
{
    max-width:300px !important;
    max-height:250px !important;
}
/*idFooter*/
#idfooter
{
    margin-top:20px;
    padding:5px;
    color:#000;
    border-top:1px solid #ccc;
}
.css_footerLeft
{
    float:left;
    height:46px;
    overflow:hidden;
}
.css_footerLeft a.addthis_button_google_plusone #___plusone_0
{
    width:65px !important;
}
.css_footerLeft  .addthis_button_tweet .twitter-share-button
{
    width:85px !important;
}
.css_footerRight
{
    float:right;
    height:46px;
    /*overflow:hidden;*/
}
/*home*/
.css_mrTopHome
{
    margin-top:10px;
}
.css_homeleft
{
    float:left;
    width:310px;
    height:190px;
    position:relative;
}
.css_homeleft img,.css_homeleft iframe,.css_homeleft object
{
    width:310px !important;
    height:190px !important;
}
.css_BgTitle
{
    position:absolute;
    background-image: url('../images/bgtran_title.png');
    background-repeat: repeat;
    background-position: center center;
    padding:5px;
    width:300px;
    bottom:0;
    text-align:center;
    color:#fff;
    text-transform:uppercase;
    font-size:12pt;
}
.css_mrContentTop{margin-top:15px;}
.css_contentLeft
{
    float:left;
    width:215px;
}
.css_contentCenter
{
    float:left;
    width:528px;
    border:1px solid #ccc;
    margin:0 10px;
    min-height:662px;
}
.css_title_Left
{
    background-image: url('../images/bg_titleLeft.png');
    background-repeat: no-repeat;
    background-position: center center;
    width:183px;
    height:36px;
    color:#fff;
    text-transform:uppercase;
    font-weight:bold;
    line-height:36px;
    padding:0 10px 0 20px;
}
.css_newLeft ul
{
    margin-top:10px;
}
.css_newLeft ul li
{
    list-style-image: url('../images/icon_li.png');
    list-style-position: outside;
    margin-left:25px;
    margin-bottom:8px;
}
.css_newLeft ul li a
{
    color:#000;
}
.css_newLeft ul li a:hover
{
    text-decoration:underline;
}
.css_doitac,.css_doitac marquee
{
    text-align:center;
}
.css_doitac p
{
    margin-bottom:5px;
}
.css_doitac img
{
    text-align:center;
    max-width:183px;
}
.css_boxleft
{
    border:1px solid #ccc;
    margin-bottom:10px;
}
.css_tableLeft
{
    margin-top:10px;
}
.css_tableLeft table
{
    max-width:215px;
}
.css_leftHeight01{height:200px;overflow:hidden;}
.css_title_center
{
    padding:10px;
    background:#005826;
}
.css_title_center h1
{
    text-transform:uppercase;
    font-size:10pt;
    color:#fff;
}
/*News*/
.css_imglist
{border:1px solid #ccc;}
.css_imglist,.css_imglist img
{
    width:120px !important;
    height:100px !important;
    
}
.css_newslistdes
{
    width:376px;
    margin-left:10px;
    height:109px;
    overflow:hidden;
}
.css_newother ul li
{
    list-style-image: url('../images/icon_li.png');
    list-style-position: outside;
    margin-left:20px;
    margin-bottom:5px;
}
/*gallery*/
.css_gallery
{
    float:left;
    width:156px;
    margin:10px;
}
.css_galleryImg
{
    width:154px;
    height:154px;
    border:1px solid #ccc;
}
.css_galleryImg img
{
    width:154px !important;
    height:154px !important;
}
.cssListAlbum tr td{ vertical-align:top;}
/**/
.css_Prolist
{
    float:left;
    width:223px;
    margin:15px 20px 0px 20px;
}
.css_ProlistImg
{
    width:221px;
    height:135px;
    border:1px solid #ccc;
}
.css_ProlistImg img
{
    width:221px !important;
    height:135px !important;
}
.css_detailProLeft
{
    float:left;
    width:270px;
}
.css_detailProLeft img
{
    border:1px solid #ccc !important;
    width:270px;
}
.css_detailProright
{
    float:left;
    margin-left:10px;
    width:228px;
}
.css_titlePro h1
{
    color:#9d0a0e;
    font-size:11pt;
    font-weight:bold;
}
.h-hotline-MB{
    display:none;
}
.h-cart-MB{display:none;}
.logo-MB{display:none;}
.info-maps{

    display:flex;
}
.info-maps > div {
    width:50%;
}

@media (max-width: 768px){
    .img-big{width:100%;}
    .sp-info{width:100%;}
    .main-pro{
        display:block;
    }
.main-content {
    padding: 8% 3%;
    margin-bottom: 20px;
}
    .over > a{
        position:relative;
    }
    .over > a:after {
position: absolute;
    top: 7px;
    right: -20px;
    content: '';
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #fff;
    }
    .gnavi .submenu:before{
        display:none;
    }
    .submenu_li a{
        color:#fff;
    }
    .gnavi .submenu{
        position:relative;
        background:none;
        padding:0;
           top: 0;
           border-bottom:none;
    }
    .f-info,.f-news, .f-tk, .f-fanpage{
    margin-bottom: 40px;
}
    .f-news, .f-tk, .f-fanpage {
    width: 45%;
}
    .b01-itm-{
        width: calc(100%/2 - 20px);
        margin-bottom:40px;
    }
    .box1-item{
    padding:0 30px;
}
    .box2-list{
           padding: 0 30px;
    }
    .box2 .container{
        width:100%;
    }
    #main{
        padding-top:72px;
    }
    .menu{
        position: fixed;
    width: 100%;
    left: 0;
    top: 70px;
    background: rgba(0, 88, 38, 0.74);
    padding: 0;
    display: none;
    text-align: left;
    height: calc(100% - 50px);
    overflow: auto;
    z-index:9999;
    }
    .gnavi{
            flex-wrap: wrap;
    }
    .gnavi > li{
        width:100%;
    padding: 15px 35px;
    border-bottom: 1px solid #fff9;
    }
    .gnavi > li > a{
        color:#fff;
        padding:0;
    }
    .header .container{
        padding:0;
    }
    .logo-MB{display:block;width:80px;}
     .logo{display:none;}
    .h-cart{display:none;}
    .h-cart-MB{display:block;}
    .h-hotline{
        display:none;
    }
    .h-hotline-MB{
    display:block;
}
    #wrapper {
    min-width: 100%;
}
      .container {
        width: 100%;
        padding: 0;
    }
    .sp {
    display: block;
}
   .header {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 999;
    padding: 0;
    background: rgba(255,255,255,0.85);
        border-top: 3px solid #005826;
}
   .h-top > .container {
    padding: 0;
    align-items: center;
}


.h-top > .container {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
    .menu-icon {
    width: 40px;
    height: 35px;
    box-sizing: border-box;
    text-align: center;
    text-transform: uppercase;
    line-height: 1em;
    cursor: pointer;
    color: #fff;
    font-size: 13px;
    z-index: 999;
    background: #005826;
    padding: 0 7px;
    margin-right: 15px;
}
    .menu-icon span {
    display: block;
    margin: 0;
    width: 27px;
    height: 2px;
    background-color: #fff;
    -webkit-transition-duration: 0;
    -moz-transition-duration: 0;
    -ms-transition-duration: 0;
    -o-transition-duration: 0;
    transition-duration: 0;
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    -ms-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s;
    top: 17px;
    left: 0;
    position: relative;
}
    .menu-icon span::after, .menu-icon span::before {
    display: block;
    content: '';
    position: absolute;
    width: 27px;
    height: 2px;
    background-color: #fff;
    -webkit-transition-property: margin, -webkit-transform;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -ms-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-delay: 0.2s, 0;
    -moz-transition-delay: 0.2s, 0;
    -ms-transition-delay: 0.2s, 0;
    -o-transition-delay: 0.2s, 0;
    transition-delay: 0.2s, 0;
}
    .menu-icon span::before {
    margin-top: -8px;
}
    .menu-icon span::after {
    margin-top: 8px;
}
}
@media (max-width:640px){

}
@media (max-width:480px){

}
@media (max-width:425px){
    .info-maps > div {
    width:100%;
}
 
.b01-itm-{
    width:100%;
        margin-bottom: 50px;
}

.b02-itm {
    width: 100%;
        margin-bottom: 30px;
}
.f-info,.f-news, .f-tk, .f-fanpage{
        width: 100%;
    padding: 0 30px;
    margin-bottom: 40px;
}
.copyright{
    padding:10px;
}

}