body{color:#333;font-size:15px;word-break:break-word;font-family:arial,"文泉驛正黑","WenQuanYi Zen Hei","Heiti TC","微軟正黑體","Microsoft JhengHei";}
img { max-width:100% !important;vertical-align: middle;}
*{transition: none;-webkit-transition:none;outline:none}




.showpc{}
.showmb{display: none}
@media (max-width:768px){
    .showpc{display: none;}
    .showmb{display: block;}
}



/*mobile menu*/

    #googleTransLate a:hover { background:none !important}

    .navmenu_collapse.top               {background: #fff;}
    .navmenu_collapse.top .hamburger a  {border-style:solid;border-width:1px;border-color:#99CC00;background: #99CC00}
    .navmenu_collapse.top .hamburger a i{width: 20px;height: 1px;background: #fff;}

    .navmenu_collapse .menu_main ul            {background: rgba(0,0,0,.15)}
    .navmenu_collapse .menu_main li            {border-bottom:1px solid rgba(0,0,0,.20)} 
    .navmenu_collapse .menu_main li a          {color:#fff;} 
    .navmenu_collapse .menu_main li.active>a   {color:#99CC00;}
    .navmenu_collapse .menu_main li a:hover , 
    .navmenu_collapse .menu_main li a:focus , 
    .navmenu_collapse .menu_main li a:active   {background:rgba(255,255,255,.5);color:#000;}

    .navmenu_collapse .menu_lang               {background:#000}
    .navmenu_collapse .menu_lang li            {border-right:1px solid rgba(255,255,255,.5);} 
    .navmenu_collapse .menu_lang li a          {color:#fff;} 
    .navmenu_collapse .menu_lang li.active a   {background: #ccc;color:#99CC00;}
    .navmenu_collapse .menu_lang li a:hover , 
    .navmenu_collapse .menu_lang li a:focus , 
    .navmenu_collapse .menu_lang li a:active   {background: #ddd;color:#000;}

    .navmenu_collapse .menu_others li a:not(.goog-te-menu-value)    {color:#fff;} 

    @media (max-width: 992px){
        .navmenu_collapse.top .logo a img{height:100px;padding:1em;}
        
    }




/*pc menu*/
    body{margin-top: 125px;}
    header{background-color: #FFF;padding:0;}
    .headermenu{display: flex; -webkit-display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap;justify-content: space-between;-webkit-justify-content: space-between; align-items: center;-webkit-align-items:center; width: 100%; max-width: 1144px; margin: 0 auto; }
    .headermenu{height: 130px;}
    /*.headermenu menu{position: relative;padding: 0;margin: 0;top: 16px;left:0}*/
    .headermenu menu ul{font-size: 0;padding: 0;margin:0}
    .headermenu menu ul li + li{margin-left: 35px;}
    .headermenu menu ul li,
    .headermenu menu ul li a{position: relative;font-size: 16px; display: inline-block; list-style: none;text-align: center;line-height: 1;}
    .headermenu menu ul li a > span{display: block; width: 100%;}
    .headermenu menu ul li a > .cn{color:#000;font-weight: 900;margin-bottom: 5px;}
    .headermenu menu ul li a > .en{color:#005d26;/*color:#99CC00;*/ font-size: 11px; font-family: 'Arial',sans-serif,serif;}
    .headermenu menu ul li.active > a > .cn,
    .headermenu menu ul li:hover > a > .cn {color:#C30D23;}
    .headermenu menu ul li.active:before,
    .headermenu menu ul li:hover:before{position: absolute;content: '';bottom:100%; left: 50%;transform: translate(-50%, -5px);-webkit-transform: translate(-50%, -5px); background-image: url('../images/menuhover.png');width: 28px;height: 29px;}

    
    @media screen and (max-width: 1200px){
        .headermenu{padding:0 2em;}
    }
    @media screen and (max-width: 1100px){
        .headermenu menu ul li + li{margin-left: 15px;}
    }
    @media screen and (max-width: 992px){
        body{margin-top: 50px;}
        .headermenu {display: none}
    }




/*banner*/
    .banner{box-shadow: none; -webkit-box-shadow: none;}
    .banner .slidcontrol .slick-next i,
    .banner .slidcontrol .slick-prev i{position: relative;z-index: 1}
    .banner .slidcontrol .slick-next:after,
    .banner .slidcontrol .slick-prev:after{content:'';position:absolute;z-index: 0; width:50px;height:50px;;background: #e60012;border-radius: 100%;top:50%;left:50%;transform: translate(-50%,-50%);}

    /*scrollDown*/
    .banner:not(.indexBanner) .scrollDown {display: none}  /*只在首頁顯示*/
    .scrollDown             {position: absolute;z-index: 100;bottom:10%;left:50%;transform: translateX(-50%);display: inline-block;}
    .scrollDown img         {height: auto;min-height: 0}
    .scrollDown:hover       {background:url(../images/scrolldown-hover.png)no-repeat center center;}
    .scrollDown:hover img   {opacity: 0}
    @media (max-width:992px){.scrollDown{display: none}}







/*footer*/
    footer {padding:60px 1em;padding-bottom:30px;background: url(../images/footer-bg.jpg)no-repeat center center/cover,#261E0C}
    footer * {text-align: center;color:#fff;margin:0;}
    footer .footerLink {padding:30px 0;}
    footer .footerLink a{padding:5px;display: inline-block;}
    footer .copyright ,
    footer .copyright *{color:#C9BC9C;}
    footer .copyright a{padding-left:1em;}
    footer .copyright a:hover{color:#99CC00;}
    
    @media (min-width: 769px){
    	footer .info br{display: none}
    }

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








/*blockTitle*/
    .blockTitle .ch {font-size:50px;color:#613C21;}
    .blockTitle .en {font-size:22px;color:#999999;font-family:'Times New Roman';padding-left:10px;}
    @media (max-width: 768px){
        .blockTitle  {margin-bottom: 1em;}
        .blockTitle .ch {font-size:30px;}
        .blockTitle .en {font-size:16px;}
    }




/*gotop*/
    #gotop{
        background: #e60012;
        font-size:10px;
        z-index: 100
    }




/*fix <768 banner dot hide */
    @media (max-width: 768px){
        .slick-dots, .carousel-indicators {display: none} 
    }







/*==首頁新聞區========================================================================*/


    .indexNewsBlock                    {padding:5%;background: url(../images/index_news_bg.jpg) no-repeat left bottom}
    .indexNewsBlock .blockContent      {padding-left: 50%;display: inline-block;width:100%;}
    .indexNewsBlock .newsList          {width: 550px;max-width:100%;display: inline-block;}
    .indexNewsBlock .newsList ul       {margin:0;padding:0;list-style: none;width:100%;margin-bottom: 40px;display: inline-block;}
    .indexNewsBlock .blockTitle        {display: inline-block;width: 100%;margin-bottom: 40px;}
    .indexNewsBlock .blockTitle        {background: url(../images/index_news_title_bg.png) no-repeat left bottom; line-height:50px;}

    .indexNewsBlock .newsItem          {margin-bottom: 10px}
    .indexNewsBlock .newsItem *        {line-height: 1;margin:0;}
    .indexNewsBlock .newsItem>a        {vertical-align: middle;}
    .indexNewsBlock .newsItem>a:hover span {color:#99CC00;}
    .indexNewsBlock .newsItem:before   {content:'';display:inline-block;width:8px;height: 1em;background: url(../images/index_news_icon.png)no-repeat center left;vertical-align: middle;}
    .indexNewsBlock .newsDate          {font-size:15px;color:#999999;font-family:arial;font-weight: normal;padding-left:.5em;padding-right:.5em;display: inline-block;vertical-align: middle; }
    .indexNewsBlock .newsTitle         {color:#000;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;width: 80%;display: inline-block;vertical-align: middle; }
    .indexNewsBlock .more              {display: block;text-align: center;}
    .indexNewsBlock .more:hover        {opacity: .8}

    
    @media (max-width: 1200px){
        .indexNewsBlock .blockContent   {padding-left: 50%;}
        .indexNewsBlock {background-position-x:-200px; }
    }
    @media (max-width: 992px){
        .indexNewsBlock   {background: none;}
        .indexNewsBlock .blockContent{padding:1em;margin:0 auto;display: block;width: 100%;} 
        .indexNewsBlock .newsList {width: 100%;} 
    }
    @media (max-width: 768px){
        .indexNewsBlock .newsTitle{width: 100%;white-space: normal;line-height: 1.5;} 
        .indexNewsBlock .newsItem{margin-bottom: 1em;}
    }







/*==首頁品牌========================================================================*/

    .indexBrandBlock {text-align: center;padding:5%;}
    .indexBrandBlock {background: url(../images/index_brand.jpg)no-repeat center center /cover;}
    .indexBrandBlock .blockContent   {padding:30px 0;}
    .indexBrandBlock .blockTitle     {display: inline-block;width: 100%;max-width:500px;margin-bottom: 40px;text-align:left;}
    .indexBrandBlock .blockTitle     {background: url(../images/index_brand_title_bg.png) no-repeat left bottom; line-height:50px;}
    .indexBrandBlock .blockTitle .ch {color:#fff;}
    .indexBrandBlock .blockTitle .en {color:#613C21;}

    .indexBrandBlock .blockContent .item {padding:20px 3%;display: inline-block;}
    .indexBrandBlock .blockContent .item img{width: 250px}
    @media (max-width: 1100px){
    	.indexBrandBlock .blockContent .item {width:30%;}
    	.indexBrandBlock .blockContent .item img{width:100%;}

    }

    @media (max-width: 768px){
    	.indexBrandBlock .blockContent .item {width:100%;}
    	.indexBrandBlock .blockContent .item img{width: 150px;}
    }






/* 頁面選單*/
    .pageMenu .Bbox_1c {width:100% !important;padding-left:5%;padding-right:5%;}
    .pageMenu {background: #e60012;text-align: center;padding:1em;}
    .pageMenu ul{margin:0;padding:0;list-style:none;display: inline-block;text-align: center;}
    .pageMenu .item{display: inline-block;text-align: center;}
    .pageMenu a{display: inline-block;padding:10px 1em;width:130px;}
    .pageMenu a{font-size:16px;color:#fff;}
    .pageMenu .active a,
    .pageMenu a:hover{background: url(../images/pro_menuhover.png)no-repeat center center/100% auto}
    @media (max-width: 992px){.pageMenu{display:none}}








/* 內容區塊  */


    .mainBlock                                     {padding:5%;}
    .mainBlock .blockContent                       {display:block;width:1160px;max-width:100%;margin:0 auto;padding:3%;padding-top:80px;position: relative;z-index: 1}
    .mainBlock .blockContent>*                     {position: relative;z-index: 1}
    .mainBlock .blockContent:before                {content:'';position: absolute;top:1em;bottom:1em;left:1em;right:1em;z-index: 0}
    .mainBlock .blockContent:after                 {content:'';position: absolute;width:86px;height:86px;top:-43px;left:50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);}
    .mainBlock .blockContent [class*="Bbox_"]>div  {margin-left:0;margin-right:0;}
        


    .mainBlock                      {background:url(../images/content_bg.jpg)no-repeat top center,#5a791b;background-attachment: fixed;}
    .mainBlock .blockContent        {background:url(../images/content_bg2.png)no-repeat top right,#fff;border-radius: 25px;box-shadow: 0 0 40px rgba(0,0,0,.3);-webkit-box-shadow: 0 0 40px rgba(0,0,0,.3)}
    .mainBlock.news .blockContent   {background:url(../images/news_bg.png)no-repeat top right,#fff;}
    .mainBlock .blockContent:before {background:none;border-radius: 25px;border:1px dashed #FF9900;}
    .mainBlock .blockContent:after  {background:url(../images/content_icon.png)no-repeat center center;}
    
    .mainBlock .blockTitle      {}
    .mainBlock .blockTitle span {display: inline-block;padding:0 10px;line-height: 1.3;padding-bottom: .5em}

    .mainBlock .blockTitle      {font-size:26px;color: #666666;text-align: center;line-height:2;}
    .mainBlock .blockTitle span {color:#666666;background: url(../images/title_bg.png)repeat-x center bottom }

    @media (max-width:768px){
        .mainBlock *                    {max-width: 100%}
        .mainBlock .blockContent {padding-left:5%;padding-right:5%;}
        .mainBlock .blockContent:before {display: none}
        .mainBlock .blockTitle {font-size:20px;margin-top:0;}
        .mainBlock .blockTitle span{padding:0;padding-bottom: 1em}
        .mainBlock.news .blockContent {background: #fff}
    }
    

    /*form*/
        .blockForm                        {display: table}
        .blockForm .item                  {margin-bottom: 1em}

        /*form element*/
        .blockForm .groupTitle            {margin:1em 0;margin-top:2em;}
        .blockForm .itemTitle             {min-width:200px;max-width: 100%;}
        .blockForm textarea,
        .blockForm select,
        .blockForm input                  {display:inline-block;margin:5px;vertical-align: middle;min-width:200px;max-width:100%; }
        .blockForm input[type="radio"],
        .blockForm input[type="checkbox"] {width:auto;min-width: 0}
        .blockForm select,
        .blockForm textarea,
        .blockForm input                  {border-radius:10px;border:1px solid #CCCCCC;padding:2px 1em;}
        .blockForm select                 {padding:6px 1em;}
        .blockForm .must:before           {content:'*';color:#C30D23;padding-right:.5em;font-size: 30px; line-height: 1;}

        /*form element style*/
        input[type="file"]     {border:0;}
        .btn,
        .btn:focus,
        .btn:active,
        .btn:hover,
        button:active,
        button:focus,
        button:hover,
        button                 {background:url(../images/btn_bg.png)no-repeat center center/96% 88%;border:1px dashed #ccc;border-radius:10px;min-width:150px;}
        .btn:focus,
        .btn:active,
        .btn:hover,
        button:active,
        button:focus,
        button:hover           {opacity: .9;border-color:#FF9900;background-color: transparent;outline: 0 !important;}



        /*form font*/
        .blockForm .groupTitle   {font-size: 18px;color:#FF9900;font-weight: bold}
        .blockForm label         {font-size: 16px;font-weight: normal;}
        .blockForm .itemTitle    {font-size: 16px;font-weight: normal;padding-right: 1em;color:#666;}
        .blockForm .itemTitle b  {font-size: 18px;line-height: 3;color:#000;}
        .blockForm p             {font-size: 16px;color:#666666;}
        .blockForm .notice       {color:#C30D23;}
        


        @media (max-width:768px){
            .blockForm                        {padding:1em;}
            .blockForm label,
            .blockForm .itemTitle             {width:100%;padding-right: 0}
            .blockForm select,
            .blockForm input                  {margin-left:0;width:100%;min-width: 0}
            .blockForm input[type="radio"],
            .blockForm input[type="checkbox"] {width:auto;}
            
            .blockForm .groupTitle {margin:1em 0;}

        }


/*contact*/

    .contactForm .itemTitle {vertical-align: top;width:100%;}
    .contactForm .item{width:50%;display: inline-block;float:left;padding:0 1em;}
    .contactForm .item.onerow{width:100%;}
    .contactForm select,
    .contactForm input:not(.captcha) {width:100%;}
    .contactForm textarea {width:100%;height:10em;}
    @media (max-width: 768px){
        .contactForm .item{width:100%;padding: 0}
    }


/*faq*/
    .panel-group {padding-top:3%;}
    .panel-group .panel {border-radius: 10px;overflow: hidden;}
    .panel-default > .panel-heading {background:url(../images/btn_bg.png)no-repeat center center / cover;color:#fff; }






/*news list*/
    .mainBlock .newsItem .itemImg img{border-radius: 10px}
    .mainBlock .newsItem+.newsItem{margin-top:2em;}
    .mainBlock .newsItem+div[class*="col"] {width:100%;float:left;}
    @media (max-width: 768px){
        .newsItem .itemImg     {width: 100% !important;margin-bottom: 1em}
        .newsItem .itemImg+div {width: 100% !important;}
    }
    @media (min-width: 768px){
        [class*="Bbox_sin_1c_2cL3"] {
            float: left;
            width: 100%;
        }
        
    }

/*news detail*/
    .newsTitle.blockTitle {text-align: left;margin-bottom:1em}
    .newsTitle.blockTitle span {text-align: left;width:100%;}





/*location*/
.locationTable {border:1px solid #ccc;border-radius: 10px;margin:5px;}
.locationTable th,
.locationTable td{padding:.5em 1em;}
.locationTable th+th{border-left:1px solid #ccc;}
.locationTable td{border-top:1px solid #ccc;}
.locationTable td+td{border-left:1px solid #ccc;}
.locationTable th{color: #FF9900; font-weight: bold; }

.locationTable .icon-location {margin-left:1em;width:20px;}

@media (max-width: 768px){
    .locationTable                 {margin:1em;border:0;}
    .locationTable tr              {display: block;border:1px solid #ccc;border-radius: 10px;margin-bottom:2em;}    
    .locationTable tr:first-child  {display: none}
    .locationTable td:first-child  {color: #FF9900; font-weight: bold; }
    .locationTable td              {display: block;border:0;}
    .locationTable td+td           {border:0;}

}

.locationForm {margin:2em 0;width: 100%}








/*article css*/
.articleBlock                  {max-width: 100%;width:840px;margin:auto;}
.articleBlock .title           {font-family: arial,"文泉驛正黑","WenQuanYi Zen Hei","Heiti TC","微軟正黑體","Microsoft JhengHei";}
.articleBlock .title           {font-size:24px;color:#FF6600;font-weight: bold; border:0;background: url(../images/page-title-bg.png)no-repeat left center/100% 100%;padding-left:30px;padding-right:70px;line-height: 1.8;display: inline-block;margin:10px 0;}
.articleBlock .title.style2    {background: url(../images/page-list-icon.png)no-repeat left center;padding-right:1em;margin:0;}
.articleBlock .txt             {font-size:16px;color:#613C21;padding-left:50px;display: inline-block;width: 100%}
.articleBlock .txt b,
.articleBlock .txt strong      {color:#C30D23;}
.articleBlock .txt .bigTxt     {color:#613C21;font-size:22px;line-height: 1;display: inline-block;width: 100%}
.articleBlock .img             {margin:20px 0;display: inline-block;width: 100%}
.articleBlock .img img         {margin:5px 0;}
.articleBlock table.txt        {margin-bottom: 30px}
.articleBlock table.txt th     {font-size:26px;color:#E60012;font-weight: normal;padding-right:10px;line-height: 1;vertical-align:top;width:110px;}
.articleBlock table.txt td     {vertical-align:top;color:#000;}
.articleBlock table.txt th img {padding-right:10px;vertical-align: middle; }
.articleBlock ul.txt           {margin:0;margin-bottom: 30px;list-style: none;}
.articleBlock ul.txt           {color:#005D26;font-size:18px;}
.articleBlock ul.txt span      {color:#999999;font-size:16px;display: inline-block;width: 100%}
.articleBlock .typeLR          {display: table;margin:30px auto;padding-left:0;padding-right:0;}
.articleBlock .typeLR .txt     {padding-left:0;padding-right:0;display: block}
.articleBlock .typeLR .item    {display: flex;display:-webkit-flex;margin:1em;}
.articleBlock .typeLR .item>div{padding:1em;display: inline-block;vertical-align:top;}



@media (min-width:900px){
    .articleBlock .typeLR          {max-width: 100%;width:810px;}
    .articleBlock .typeLR .item>div:nth-child(1){flex:5;-webkit-flex:5;padding:1em 0;}
    .articleBlock .typeLR .item>div:nth-child(2){flex:7;-webkit-flex:7;padding-left:50px;}
    .articleBlock .typeLR .item:nth-child(even)>div:nth-child(1){order:2;-webkit-order:2;}
    .articleBlock .typeLR .item:nth-child(even)>div:nth-child(2){order:1;-webkit-order:1;padding-left:1em;padding-right:50px;}
}
@media (max-width:900px){
    .articleBlock .typeLR .item>div{width: 50%;} 
}

@media (max-width:768px){

    .articleBlock .typeLR .item    {flex-direction: column;-webkit-flex-direction: column;} 
    .articleBlock .typeLR .item>div{width: 100%;} 
    
    a.zoom            {display: inline-block;position: relative;padding-bottom: 40px}
    a.zoom:after      {content:"\e003";position: absolute;width:30px;height:30px;bottom:0;right:0; background: rgba(0,0,0,.3);z-index: 1;    font-family: 'Glyphicons Halflings';line-height: 30px;color:#fff;}
    a.zoom img        {position: relative;z-index: 0}

    .articleBlock .title:not(.style2)  {padding-left:10px;padding-right:30px;}
    
    .articleBlock .txt    {padding-left:10px;padding-right:10px;}

    .articleBlock .txt,
    .articleBlock .txt *,    
    .articleBlock ul.txt span  {font-size:14px;}

    .articleBlock .title ,
    .articleBlock .txt .bigTxt,
    .articleBlock table.txt th {font-size:18px;}

    .articleBlock table.txt th ,
    .articleBlock table.txt td {display: inline-block;width: 100%}
}


@media (max-width:440px){
     .articleBlock .txt br{display: none}   
}