@charset "utf-8";	
/* 載入 */
@media screen and (max-width:1420px) {	
/*index_banners*/
.index_banners ul li a {	/*圖片有內容介限1420px*/
	padding-bottom: 35%;
}
}
@media screen and (max-width:1200px) {	
/*header-menu*/
.main-menu > ul > li > a {
	padding-left:10px;
	padding-right:10px;
}
}

@media screen and (max-width:991px) {
/*header-menu*/
header #logo{
	padding-top:5px;
	padding-bottom:15px;
	display: block;
}
#social_footer p {
	text-align:center;
}
/**/
.container .timeline > li:nth-child(2n+1) {
	height:auto;
	min-height: 200px;
}
/*about*/
.aboutBox .about_pic2 {
	margin-top:3%;
}
a#close_in {
        display: block;
        position: absolute;
        right: 15px;
        top: 10px;
        width: 20px;
        height: 20px
    }
    #close_in i {
        color: #000!important;
        font-size: 24px;
    }




}



@media screen and (max-width:677px) { /*中繼*/
/*index_banners - 圈圈變小*/
.index_banners .bx-wrapper .bx-pager,
.index_banners .bx-wrapper .bx-controls-auto {
	bottom: 10px;
}
.index_banners .bx-wrapper .bx-pager.bx-default-pager a {
	width: 8px;
	height: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}
/*index_banners*/
.index_banners ul li a {	/*圖片有內容介限1420px*/
	padding-bottom: 45%;
}
/*nav*/
header .main-menu {
    min-width: 300px;
	width: 70%;
}
}


@media screen and (max-width:497px) {   /*手機*/
/*index_banners*/
/*左右按鈕移除*/
.index_banners .bx-controls-direction {
	display:none;	
}
/*nav*/
.np-toggle-switch {
        top: 10px;
    }
}