@charset "utf-8";
/* 設計師用 RWD版CSS檔 style_rwd.css */
/* 說明：
    可提供設計師在此檔，針對RWD版面進行設計；非RWD版面則不需載此CSS檔。*/

@media (min-width: 1600px) {
	
	  .navbar  .container{
		width:1400px;}
		
		body.home .main .container-fluid{
			width:1600px;}	

	
}

@media (max-width: 1600px) {

	.sec1 .area span.blue{
		line-height:40px;
		font-size:34px;
		}	

    .sec1 .area p{
		line-height:30px;
		}
		
		
	.sec1 .area.area2 .box1{
		padding-top:0px;}	
		
  	body.home .col-md-12.service h4{
		padding:0 20px;}

}

@media (max-width: 1199px) {
    .header .banner .bxslider li {
        height: auto;
    }

    .header .banner .bxslider li img {
        display: block;
    }

    .header .navbar .navbar-nav {
        margin-top: 30px;
        clear: both;
        float: none;
        text-align: center;
    }

    .header .navbar .navbar-nav > li {
        float: none;
        display: inline-block;
    }

    .header .navbar .navbar-header {
        float: none;
    }

    .header .navbar .navbar-brand {
        float: none;
        margin: 23px auto 15px;
    }

    #floating {
        margin-top: -90px;
    }
	
	.area.area2 img,.area.area3 img{
		margin:0 auto;}
	
	.sec1 .area span.blue,.sec1 .area p{
		text-align:center;}
		
    body.contatc .form-control.input_s{
	width:90%;}
	
	
body.home .txt{
	display:block;
	background-color:#FFF;
	margin-top: 100px;
	padding: 20px 51px 42px;
	border-left: 1px solid #9a9a9a;
	}	
	
	
	body.home .col-md-12.service .bulid {
    background: url(../images/all/pic05.jpg) left top no-repeat;
}
	
	body.home .col-md-12.service .bulid h4{
		padding:10px;
		margin-top: 38%;
		}
	
	
	
}

@media (max-width: 991px) {

    .header .navbar .navbar-nav {
        padding: 0;
        margin: 30px -20px 0;
    }

    .content .btn-more {
        top: 12px;
    }

    .side {
        padding-bottom: 20px;
    }

    .side .nav {
        max-width: none;
        margin: 0;
        display: none;
    }

    .side.menu-open .nav {
        display: block;
    }

    .side .nav > li {
        float: none;
        display: inline-block;
        border: 0;
        margin: 0 5px;
        vertical-align: top;
    }

    .side .nav > li + li {
        border: 0;
    }
	
	    body.contatc .form-control.input_s{
	width:100%;}
	
	body.home .citybg .car {
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 999;
    width: 50%;
	display:none;
}



body.home .txt{
    margin-top: 99px;
}
	
	
	body.home .col-md-12.service .col-md-3{
		padding:10px;}
	
	   .footer .siteinfo {
	   padding-left:0px;
}
 
	
	   .footer .footer_logo{
	   margin-top:0px;}
	
		body.artwork .col-md-10.artimg .col-md-3.col-sm-6.col-xs-12{
		margin:10px 0px;
		display:block;}
	
}

@media (max-width: 767px) {
    #floating,
    #floating.fixed {
        top: 40px;
        margin-top: 0;
    }

    #floating .btn-floating {
        display: none;
    }

    #floating ul {
        width: 0;
        overflow: hidden;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    #floating.open ul {
        width: 60px;
    }

    .header .navbar .navbar-header {
        text-align: center;
    }

    .header .navbar .navbar-toggle {
        font-size: 18px;
        color: #38639a;
        letter-spacing: 2px;
        border: none;
        float: none;
        margin: 0 0 20px;
        padding-left: 14px;
    }

    .header .navbar .navbar-toggle:hover {
        background: none;
        color: #888;
    }

    .header .navbar .navbar-nav {
        background: none;
        border-top: 1px solid #dedede;
        margin: 0 -15px;
    }

    .header .navbar .navbar-nav > li {
        display: block;
    }

    .header .navbar .navbar-nav > li + li:before {
        display: none;
    }

    .header .navbar .navbar-nav > li > a {
        width: auto;
        text-align: center;
        border-bottom: 1px solid #dedede;
        padding: 10px;
    }

    .header .navbar .sub-nav {
        text-align: center;
        margin: 10px 0 20px;
        position: static;
    }

    .header .navbar .btn-default {
        color: #333;
    }

    .header .navbar .lang {
        text-align: center;
        display: block;
        margin-top: 0px;
        position: static;
    }

    .header .navbar .lang .btn {
        width: 100%;
        background: none;
        font-size: 14px;
        border: none;
        float: none;
        display: block;
        padding: 8px;
    }

    .header .navbar .lang .btn,
    .header .navbar .lang .btn:active .header .navbar .lang .btn:focus {
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .header .navbar .lang .dropdown-menu {
        text-align: center;
        box-shadow: none;
        float: none;
        position: static;
    }

    .footer {
        padding: 0;
    }

    .footer .sitemap .col-md-6:nth-child(1) {
		display:none;
    }

    .footer .copyright,
    .footer .siteinfo,
    .footer .siteinfo ul {
        display: block;
    }

    .footer .siteinfo ul > li {
        display: block;
    }

    .footer .siteinfo ul > li + li:before {
        display: none;
    }

    .main {
        z-index: auto;
    }

    .side .nav {
        margin-bottom: 20px;
    }

    .side .nav > li {
        float: none;
        display: block;
        margin: 0;
    }

    .side .nav > li + li {
        border-top: 1px solid #ABCFDB;
    }

    .content .list-box .txt-list li.list-header {
        display: none;
    }

    .content .list-box .txt-list li span {
        float: none;
        display: block;
        padding: 0;
    }

    .content .btn-box {
        text-align: center;
    }

    .content .btn-box .page-info select {
        width: 100px;
        display: inline-block;
    }

    .content .btn-box .pager,
    .content .btn-box .page-info {
        float: none;
    }

    .content .btn-box .pager {
        display: block;
    }

    .content .btn-box .pager li {
        margin: 0;
    }

    .content .btn-box .pager li > a {
        width: 100%;
        text-align: center;
        margin: 5px 0 0;
        padding-left: 0;
        padding-right: 0;
    }
	
	
	.banner .bxslider li img {
    width: 100%;
    display: block;
    }
	
	.header .navbar .navbar-nav .lang a{
		border-right:none;}
	
	
	.header .navbar .navbar-nav > li + li > a,.header .navbar .navbar-nav .lang a{
		padding:10px 0px;}	
	
	
	
	.header .navbar .navbar-nav .lang.ch a{
		background-color: #ececec;
		}
	
	
		
.header .navbar .navbar-nav .lang.en a{
	background-color: #f7f7f7;
	}	
	
	
	body.home .citybg{
		height:auto;}
	
	body.home .col-md-12.service .bulid {
    background-size: cover;
}



body.home .col-md-12.service .bulid{
	background:url(../images/all/pic05_s.jpg) center bottom no-repeat;
	height:610px;
	display: block;
	margin: 22px 10px;
	padding: 20px 0px;
	}
	
	
	body.home .col-md-12.service img{
		width:100%;}
   .navbar-nav .open .dropdown-menu{
	   background-color: #14437d;
	   text-align:center;
	}
   
    .yamm .yamm-content{
	   padding: 10px 20px 6px !important;
	}
	body.home .col-md-12.service .bulid h4{
		padding:10px;
		margin-top: 50%;
		font-size:34px;
	}
	body.home .banner .bxslider li img.img_b{
		display:none;
	}

	body.home .banner .bxslider li img.img_s{
		display:block;
	}	
	body.home .col-md-12.service h4{
		padding:0 20px;
		font-size:34px;
	}
	.lineBox {
		position: relative;
		right: 0;
		top: 0;
		margin: 10px auto;
		text-align: center;
	}
  
	
}

@media (max-width: 560px) {
	.banner_title{
		top:20%;}
	
	
	body.home .col-md-12.service h2 {
    text-align: center;
    margin: 0px auto 30px auto;
	}
	
	   .header .navbar .navbar-brand {
    float: none;
    margin: 23px auto 15px;
    width: 90%;
    background-size: contain;
	}
	
	
	.btn-primary{
		width:100%;
		margin:10px 0px;}
		
		
		body.contatc .send {
    margin: 30px auto 40px auto;
    text-align: center;
}
		
	
	}