/*==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;}



/*

* {font-family:'新細明體',arial;letter-spacing:3px;}

*/

/*banner 高度 (當螢幕 >768px，ex PC、NB)*/

body { font-size:15px}
@media (min-width: 768px) {    			  
							.h 			{height:220px;min-height:220px;}   			  /*設定內頁banner高： height 及 min-height 皆需設定*/
							.h-index	{height:600px;min-height:600px;}   			  /*設定首頁banner高： height 及 min-height 皆需設定*/
							}



/* NavBar ===========================================================================*/
.navbar-nav { margin:5px 0 0 0 }
header{background:rgba(255,255,255,0.8);}

.navbar_menu	{float:right;}

.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;}



@media (max-width: 768px){	.toplink {float:none;} 

							.navbar-brand{max-width:190px;padding:2px}

							.navbar-default  {background:#fff;}  /*小螢幕時 navbar 選單背景色*/

							.navbar_menu	{float:none; text-align: center;}

							.navbar-nav > li > a{padding:10px;}			

							.Bbox_full_top  .navbar-collapse {max-height:100%; overflow:display;}  /*下拉選單最大高度*/	



							}



@media (min-width: 990px){

							.navbar-nav > li > a{padding:15px 12px;}

						}

@media (min-width: 768px){.toplink {float: right;}}	

@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:#012956; margin:0 5px 0 0;padding:2px 5px;}



a.goog-te-menu-value span{font-family:'微軟正黑體','Microsoft JhengHei';}





/*==Footer==========================================================================*/

footer{background:none; padding: 10px;margin-top: 100px;}

footer *{color:#999;}

.copybar {background: none;}

.copybar *{color:#999;}



/*==滑入效果 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;

}



/*==關於我們==========================================================================*/

.com_pic1 img { width:50%;float:left; margin:0 20px 20px 0px}





/*==最新消息==========================================================================*/

.ArticleMain img{max-width:100%; height:auto;}

.ArticleMain {margin-bottom: 50px;}





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



.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}



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

.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}



@media (min-width: 768px){

.Bbox_in_3c > div > div{

    float: left;

    width: 33%;

}

}



.idex_1 a.thumbnail {height: 150px;}

.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;}



@media (max-width: 768px){

.Index_bottom_link > div > div {width:33.3333%;margin-bottom: 20px}

.Index_bottom_link a.thumbnail.idex_5{height:200px;}









/*==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}

 }