@charset "utf-8";
/* 設計師用 RWD版CSS檔 style_rwd.css */
/* 說明：
    可提供設計師在此檔，針對RWD版面進行設計；非RWD版面則不需載此CSS檔。*/
@media (min-width: 1920px) {
	.header .navbar-nav .nav-link,
	.header .navbar-nav a.nav-link{
		font-size:18px;
		letter-spacing:0.05em;
	}
}
@media (min-width: 767px) {
	.container{
		padding-left:0;
		padding-right:0;
	}
}
@media (min-width: 992px) {
    #side1collapse {
        display: block !important;
        height: auto !important;
    }
}
@media (min-width: 1200px) and (max-width: 1399px) {
    body.home .product_bg,
    body.home .content .serivces_bg .title_box01 {
        padding: 30px 50px;
    }
    body.home .content .services_main .title_box01 .word_white {
        width: auto;
    }
    body:not(.home) .main > .container {
        width: 100%;
        max-width: 100%;
        padding: 30px 20px;
    }
	.siteinfo {
		padding-top: 0;
		padding-left: 25px;
	}
}
@media (min-width: 1400px) {
    .header .container {
        max-width: 90%;
        width: 90%;
        border-bottom: none;
        box-shadow: none;
    }
	
}
@media (min-width: 1500px) {
    body:not(.home) .main > .container {
        width: 100%;
        max-width: 100%;
        padding: 0 100px;
    }
}
@media (min-width: 1744px) {
	body.home .content .services_main .services_list {
		padding: 25px 10px 25px 75px;
	}
}
@media (max-width: 1743px) {
	body.home .content .services_main .services_list {
		padding: 25px 10px;
	}
}
@media (max-width: 1680px) {
	body.home .content .space_lbox{
		width:0;
	}
}
@media (max-width: 1450px) {
    body:not(.home) .main > .container {
        width: 100%;
        max-width: 100%;
        padding: 0 50px;
    }
}
@media (max-width: 1199px) {
    body:not(.home) .main > .container {
        width: 100%;
        max-width: 100%;
        padding: 30px 20px;
    }
    .banner {
        padding-top: 70px;
    }
    .navbar > .container {
        display:block;
    }
    .header .navbar .nav {
        margin: 0 auto;
    }
    .header .lang {
        top:30px;
    }
    body.home .product_bg {
        padding:0 50px;
    }
    body.home .content .product_bg {
        margin-top: 50px;
    }
    body.home .content .services_main .title_box01 .word_white {
        width:auto;
    }
    body.home .content .serivces_bg .title_box01 {
        padding: 0 50px;
    }
    .table,
	.table02,
	.table02.t01 {
        width: 1400px;
    }
	.siteinfo {
		padding-top: 0;
		padding-left: 25px;
	}
}

@media (max-width: 991px) {
    .bsnav-mobile .navbar {
        display: block;
    }
    .header .bsnav-mobile .navbar {
        background: rgba(255,255,255,1);
        padding: 10px;
        height: 100%;
    }
    .navbar .navbar-brand {
        width: 265px;
        height: 58px;
    }
    .container {
        max-width:100%;
    }
    .header .lang {
        right: 20px;
    }
    .banner {
        padding-top: 60px;
    }
    body.home .content .serivces_bg .title_box01 {
        padding:0 50px;
    }

    .footer_logobox {
        width: auto;
    }
    .footer_left {
        display: block;
        text-align: center;
    }
    .footer_right {
        text-align:center;
    }
	body.applications .a_item{
		justify-content: center;
		margin-bottom:10px;
	}
	body.applications .a_item .a_pic{
		width:auto;
	}
	body.home .content .services_main{
		padding-top:50px;
	}
    body.home .content .serivces_bg {
        background: #2a95cf url(../png/services_bg.png) no-repeat right top;
    }
	.siteinfo {
		padding-left: 0px;
	}
		
    /*內頁-左選單*/
	.side1 .side-toggle {
		display: block;
		width: 100%;
		text-align: left;
		background: none;
		border-bottom: 1px solid #ddd;
		margin-top: 30px;
	}
	.side1 .toggle-icon {
		float: right;
	}
}
@media (max-width: 767px) {
    .header .lang {
        position:static;
        right:0;
        top:0;
    }
    .dropdown {
        display: block;
    }
    .dropdown .menu {
        margin: 10px auto;
    }
    .header .search-bar {
        right:0;
        margin:10px 0;
    }
    .header .search-bar .search-content {
        width: 100%;
    }
    .header .navbar .small-btn-box {
        position: absolute;
        right: 20px;
        top: 30px;
    }
    .banner {
        padding-top: 40px;
    }
    .bsnav-mobile .navbar .navbar-brand {
        width: 200px;
        height: 44px;
    }
    body.home .content .services_main .services_list{
        padding: 25px 10px;
    }
    body.home .content .services_main .services_list .list_item{
         margin: 10px;
         width: calc(50% - 20px);
         min-width: 0;
         min-height: 0;
    }
    body.home .content .services_main .services_list .list_item .p_t_tw,
    body.home .content .services_main .services_list .list_item .p_t_en {
        font-size: 12px;
        line-height: 1.4em;
    }
	.container {
		padding-left: 0;
		padding-right: 0;
	}
	.form-field {
		width: 50%;
	}
	.form-horizontal .form-group.d-flex{
		display:block !important;
	}
	.control-label {
    	text-align: left;
	}	
	.navbar-nav .minwidth {
		min-width: 100%;
	}	    
    .navbar .navbar-brand {
        width: 223px;
        height: 49px;
    }
}
@media (max-width: 481px) {
    body.home .content .services_main .title_box01 .word_white {
        margin: 20px auto;
    }

	.form-field {
		width: 40%;
	}
}
@media (max-width: 400px) {
	.footer_right .copyright ul li{
		font-size:13px;
	}
	.copyright_box br{
		display:block;
	}
	.footer_right{
		line-height:24px;
	}
}