/* --------------------- xs尺寸設定 大於320 --------------------- */

@media (min-width: 320px) {
	.navbar-header .navbar-brand {
		margin-top: 10px;
	}
	.service-list dd ul {
		font-size: 20px;
	}
	.navsub{
		display: none;
	}
	
}
/* --------------------- xs尺寸設定 大於640 --------------------- */

@media (min-width: 640px) {
	.navbar-nav li:nth-child(1) {
		display:none;
	}

	/*最新消息News*/
	.news dl dt {
		width: 25%;
		float: left;
		margin: 0 2% 0 0;
		margin-top: 5px;
		border-right: 1px solid #cccccc;
		border-bottom: none;
	}
	.news dl dt .yearmonth {
		color: #afafaf;
    font-size: 16px;
    letter-spacing: 2px;
    padding-bottom: 30px;
	}
	.news dl dt .day {
		color: #4b4b4b;
		font-size: 48px;
		display: block;
	}
	.news dl dt .day:before {
		display: none;
	}
	.news dl dd{
		padding-left: 10px;
	}

	
}


/* --------------------- sm尺寸設定 大於768 --------------------- */

@media (min-width: 768px) {
	body {
		padding-top: 90px;
	}
	.navbar-fixed {
		padding-top: 20px;
		height: 90px;
		border-bottom: none;
	}
	.navbar-header .navbar-brand {
		margin-top: 4px;
	}
	.navbar-default .navbar-nav > li > a {
		font-size: 14px;	
		padding: 0 15px;
		line-height: 70px;
	}
	.navbar-text {
		display: block;
	}
	.language {
		display: none;
		}
		
	/* 頁面下拉時的變化設定 */
	header.shrink {
		height: 80px;
	}
	header.shrink .navbar-brand {
		background: url(../../images/logo_2.png) no-repeat left ;
		width: 219px;
		height: 58px;
	}
	header.shrink .navbar {
		height: 80px;
		margin-top: -5px;
	}
	header.shrink .navbar-nav {
		margin: 10px 15px 0 0;
	}
	header.shrink .navbar-nav > li > a {
		/*line-height: 37px;*/
	}
	
  .banner-l {
        display: block;
    }
  .banner-m {
        display: none;
    }

	
	.address_info h1 {
		text-align: left;
	}
	.address_info .add {
		padding: 0 90px 0 0;
		margin: 0 60px 0 0;
		display: inline-block;
	}
	.address_info .add:after {
		content: "";
		position: absolute;
		right: 0;
		top: 0px;
		z-index: 9;
		width: 15px;
		height: 151px;
		background: url(../../images/footer_bg2.png) repeat-x center top;
	}
	.address_info .add dt {
		text-align: left;
	}
	.address_info .add h2 {
		text-align: left;
	}
	.address_info .add p {
		text-align: left;
	}
	.address_info .share {
		display: inline-block;
		text-align: left;
	}
	.copy {
		font-size: 18px;
	}
	
	.storeList .Txt{
	width:55%;	
	}
	.storeList .Img{
		display: block;
	}
	/* 左側選單 */
	.navsub {
		display: block;
	}
	.navsub-select {
		display: none;
		}
	/* 內頁框架 */	
	.content-box {
		background: url(../images/back_container.jpg) repeat-y center top;
		background-size: 100% 100%;
	}	
	.content-main {
		padding: 0 30px 40px;
	}
	.content-main h1.title {
		/*margin: 0 0 10px 0;*/
	}	
	
	
	.about-bg1 .container .info{
		font-size: 18px;
	}
	/*.product-info p{
		font-size: 18px;
		}*/
	.pic{
		font-size: 28px;
		font-weight: bold;
		padding: 5px 0 15px 0;
		}	
	/*最新消息News*/
	.news-list [class *=col-] {
		border: none;
		margin: 0;
	}
	/*產品介紹圖片尺寸*/
	.product_pic img{
	width: 70%;
	display: block;
	margin: 0 auto;
}
		
}


/* --------------------- md尺寸設定 大於992 --------------------- */

@media (min-width: 992px) {
	.navbar-default .navbar-nav > li > a {
		font-size: 18px;
		padding: 0 25px;
	}
	.main-content .col {
		float: none;
		width: auto;
		padding: 20px 0;
		margin-bottom: 30px;
	}
	.footer-list .contact:after{
		content: "";
		position: absolute;
		right: 70px;
		top: 50px;
		z-index: 9;
		width: 1px;
		height: 150px;
		background-color: #CCC;
	}
	.address_map {
		display: none;
	}
	/* 最新消息News */
	/*.news dl dt {
		width: 30%;
	}*/
	/*.news dl dt .yearmonth {
		  color: #afafaf;
		font-size: 16px;
		letter-spacing: 2px;
		padding-bottom: 30px;
		}
	.news dl dt .day {
	color: #4b4b4b;
    font-size: 48px;
	}*/

}


/* --------------------- lg尺寸設定 大於1200 -------------------- */

@media (min-width: 1200px) {
    body {
        padding-top: 105px;
    }
	.navbar-box h1{
		display: block;
	}

	.navbar-header .navbar-brand {
		background: url(../../images/logo.png) no-repeat left center;
		width: 269px;
		height: 59px;
	}	
	.navbar-default .navbar-nav > li > a {
		font-size: 19px;
		padding: 0 36px 10px;
	}	
	
	/*設定index_box1後的分隔線*/
	.index-list .index_box1:after{
		content: "";
		position: absolute;
		right: 0;
		top: 70px;
		width:15px;
		height:151px;
		z-index: 9;
		background:url(../../images/footer_bg2.png) no-repeat top center;
	}
	/*最新消息News*/
	.news dl dt {
		width: 20%;
	}

	
	.copy {
		font-size: 22px;
	}
}

/* --------------------- bg尺寸設定 大於1600 -------------------- */

@media (min-width: 1600px) {
.navbar-default .navbar-nav > li > a {
	font-size: 20px;
	padding: 0 35px;
}	
}

/* --------------------- md尺寸設定 介於320至1300 --------------------- */
@media (max-width: 1300px) and (min-width: 320px) {
	.footer-list .contact:after{ display:none;}
	.product-list li {
			width: 40%;
	}
/* --------------------- md尺寸設定 介於320至992 --------------------- */
@media (max-width: 992px) and (min-width: 320px) {
	.container .company_content{ background:#FFF;}
	.company_content p{ width:100%;}
	.footer-list .info{ display:none;}
	header.shrink .navbar-brand {margin-top: 10px;}
}
