/*==Banner Slid Setting==============================================================================*/



/*首頁*//*banner輪播區塊內的文字*/

#banner-slid-01 .show1 .txtbox1 {color:#fff;background:rgba(0,0,0,0.5);top:30%;left:18%;padding:30px;min-height:initial;height:initial; display:none}
#banner-slid-01 .show2 .txtbox2 {color:#fff;background:rgba(0,0,0,0.5);bottom:30%;right:20%;padding:30px;min-height:initial;height:initial;}
#banner-slid-01 .show3 .txtbox3 {color:#fff;background:rgba(0,0,0,0.5);top:30%;left:20%;padding:30px;min-height:initial;height:initial;}


.h [class*="txtbox"]{display: none;}

body { color:#333 !important;font-size:15px; } a {color:#333 ;}
body img {max-width:100%; max-height:100%}
@media (min-width: 768px) {
							.h 			{height:450px;min-height:450px;margin-top: 0}   			  /*設定內頁banner高： height 及 min-height 皆需設定*/
							.h-index	{height:600px;min-height:600px;}   			  /*設定首頁banner高： height 及 min-height 皆需設定*/

							}

@media (max-width: 768px) { 
	.h,.h-index{margin-top:90px;}     
	body{margin-top: 80px}
}                      

@media (max-width: 420px){
	body {margin-top: 120px}
}



/* NavBar ===========================================================================*/

header{background:rgba(255,255,255,0.9);}
.navbar_menu    {float:right;}
.navbar-default .navbar-nav > li.otherlink > a:hover,
.navbar-default .navbar-nav > li.dropdown > a:hover{background: none;color:#000;}
.navbar-default {border:0;}  					  /*navbar 框線*/
.navbar-default {background: none}	/*navbar 主選單背景色*/
.navbar-brand   {/*width: 100%; height: auto;max-width: 100%;*/padding:0;}
.navbar-nav > li > a{line-height:inherit; margin-top:10px}
@media (max-width: 768px){	.toplink {float:none;} 
							.navbar-brand{padding:2px}
							.navbar-default  {background:#fff;}  /*小螢幕時 navbar 選單背景色*/
							.navbar_menu	{float:none; text-align: center;}
							.navbar-nav > li > a{padding:10px; text-align: center;}	
                            .navbar-default .navbar-nav .open .dropdown-menu > li > a {text-align: center;}		
                            .Bbox_full_top  .navbar-collapse {max-height:100%;height: 415px; overflow-y:auto;}  /*下拉選單最大高度*/  
                            .navbar-default .navbar-nav > li.otherlink {display:inline-block;}
                            .navbar-default .navbar-nav .open .dropdown-menu > li > a {padding:10px 0}
                            .navbar-nav > li > a {margin-top:0;}
							}

@media (min-width: 990px){
							.navbar-nav > li > a{padding:15px 12px;}
						}

@media (min-width: 768px){.toplink {float: right;}} 
@media (max-width: 420px){
    .navbar-brand{width:100%;}
    .navbar-brand img{display: inline-block;text-align: center;}
    .navbar-default .navbar-toggle {float: none;margin:0;}
    .h,.h-index{height:150px;min-height:150px;margin-top:125px;}
    }	

@media (min-width: 200px){.toplink>li {float: left;}}

.inline li { margin:0 0 5px 0;border-bottom:1px dotted #ccc;}
.inline li small { color:#fff; font-size:10px;background:#0632a1; margin:0 5px 0 0;padding:2px 5px;}
a.goog-te-menu-value span{font-family:'微軟正黑體','Microsoft JhengHei';}

/*==Footer==========================================================================*/
.Bbox_full  { margin:0}
footer{ color:#333;background:none; padding: 10px;margin-top: 100px;}
footer *{color:#333;}
.foot { padding:20px 0 0 0;border-top:1px solid #ccc;}

.copybar {background: none;}
.copybar *{color:#999;}

 /* ------------- 通用樣式 ------------- */
.center { text-align:center}
.both { clear: both;}
.absolute { position: absolute;}
.border_1-e { border:1px solid #eee;padding:10px 15px}
.border_1-d { border:1px solid #ddd;padding:10px 15px}
.border_1-9 { border:1px solid #999; padding:10px 15px}
.margin_20-0 { margin:20px 0; display:table}
.padding_0 { padding:0 !important}
/* ------------- 組件樣式 ------------- */
.Rbox {border: 1px solid #CCC;padding: 10px 5px;}
.btn-primary { color:#fff; font-size:15px; margin:10px 0;
padding:5px 30px !important; border:0px}


/*==首頁新聞區========================================================================*/
.IndexNewsArea{}
.IndexNewsArea .IndexNewsArea_Item {}
.IndexNewsArea .IndexNewsArea_Item > div {}
.IndexNewsArea .IndexNewsArea_Item > div > div {padding: 0; }
.IndexNewsArea .IndexNewsArea_Item > div > div:nth-child(2){padding-left:10px}
.IndexNewsArea .IndexNewsArea_Item a.thumbnail{padding: 0; width: 100%;}
.IndexNewsArea .IndexNewsArea_Item h5{color: #000;margin:3px 0;}
.title-c {  font-size:20px !important; }
.deco_1 {background:url(../images/title.png) no-repeat;padding:0 0 0 22px}


/*==關於我們==========================================================================*/
.m_com{display:block;padding:5px 20px;text-align:justify;}
.m_com img { max-width: 100%; margin: 20px 0;border-radius: 10px;}
.m_com p{ font-size:15px; line-height:24px;display:block;padding:0 0 10px 0;}
.m_com h1{ color:#030; font-size:20px; font-weight:bold}
.m_com h2{ color:#039; font-size:18px; font-weight:bold}
.m_com h3{ color:#06C; font-size:17px; font-weight:bold}
.m_com font { color:#f00}

.com_picL {float:left; margin:0 20px 30px 0px !important;border-radius: 10px;}
.com_picR {float:right; margin:0 0 30px 20px  !important;border-radius: 10px;}
@media (max-width: 520px){
.com_picL,.com_picR { width:100%; display:block; margin:0 0px 20px 0px}
 }

.picx3 { display: table; margin: 20px 0 15px 0; border:px solid #f90}
.picx3 img{ width:33.3%;float:left; border-right:10px solid #fff}
@media (max-width: 600px){.picx3 img{ width:100%; margin:10px auto} }


/*==最新消息==========================================================================*/
.ArticleMain img{max-width:100%; height:auto; color: #F60}
.ArticleMain {margin-bottom: 50px;}

/*==左選單========================================================================*/

.list-unstyled { margin:0 0 0 20px}
.list-unstyled li { line-height:32px; padding:5px 0 0px 0;border-bottom:1px solid #eee}
.checklist {_border:1px solid #000}


/*==product========================================================================*/
@media (max-width: 992px){
.prodlist { width:100% !important}
.pro_detail { width:100% !important}
}

@media (min-width: 768px){

.Bbox_in_3c > div > div{
    float: left;
    width: 33%;
}
}
.idex_1 a.thumbnail {height: 120px;}
.idex_4  .IndexNewsArea_Item {margin-left:15px;}


@media screen and (min-width: 768px) and (max-width: 991px) {
.idex_1 { width:50% !important}
.idex_2 { width:50% !important}
.idex_3 { width:100% !important}

/*.idex_4 { text-align:center;width:400px !important; margin:auto}

.idex_4 img{ width:400px !important; }*/

.idex_4 > .IndexNewsArea_Item > div > div {float: left}
.idex_4 > .IndexNewsArea_Item > div > div:first-child {width:30%;}
.idex_4 > .IndexNewsArea_Item > div > div:last-child {width:70%;}

}



a.thumbnail.idex_5 {position: relative;margin-bottom:20px;}
a.thumbnail.idex_5 img {height:100%;max-width:none;}
.Index_bottom_link > div > div a{background: #fff;padding:0;/*padding-bottom: 65%;*/padding-bottom: 22%;height: auto !important}

@media (max-width: 768px){

.Index_bottom_link > div > div {width:100%;padding:0 25%;margin-bottom: 20px}
.Index_bottom_link > div > div a{height: auto !important}
.Index_bottom_link a.thumbnail.idex_5{height:200px;}

} /*原本沒有}，20240227 補入，不知道會不會影響到下方code*/
/*==video============================================================================*/
@media (max-width: 768px){	
.video .albumlist .thumbnail {height: 250px;}
.idex_5 { width:100%;height: 250px!important}
}

@media (max-width: 520px){
.com_pic1 img { width:100%; display:block; margin:0 0px 20px 0px}
 }
 
 
 /*==滑入效果 hoverEffect====================================================================*/

/* hoverEffect_01 淡入淡出圓角10px */
.hoverEffect_01 a:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 90;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
}



.hoverEffect_01 a:hover:before {

    opacity: 1;
    background: rgba(255,255,255,0);
    border-radius:10px;

}
.hoverEffect_01 a:hover:after {
    background: rgba(255,255,255,0.4);border-radius:10px;    
}

/* 文字輪播(需搭配JS) */

.marquee-scroll {       
    width: 100%;
    height: 50px;
    overflow: hidden;
    position: relative;
}

.marquee-scroll ul {
    position: absolute;
    padding-left:0;
    list-style: none;
}

.marquee-scroll li {
    height: 50px;
    -webkit-transition: top .8s ease;
    transition: top .8s ease;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
}



/* 2024-02-27 #1625 產品列表 */
@media (min-width: 1200px) {
    .prodlist .Bbox_in_3c > div:first-child {
        display: flex;
        flex-wrap: wrap;
    }
}