/* CSS Document */

/* ---------------------首頁 ---------------------*/
#header {
	background-image: url(../images/index/TitleBr.jpg);
	background-position: center;
	overflow: hidden;
	margin-bottom: 0px;
	margin-top: 50px;
}
#header, #header .container {
	height: 550px;
}
#header {
	padding-top: 0px;
}
#header h1 {
	font-size: 36px;
	font-family: 'Lato', sans-serif;
	font-weight: lighter;
	font-style: normal;
	color: rgb(0, 111, 107);
	text-transform: uppercase;
	margin-top: 30px;
}
#header p {
	margin-top: 28px;
	font-size: 18px;
	font-family: 'Lato', sans-serif;
	color: rgb(74, 161, 151);
	line-height: 1.2;
	width: 100%;
	max-width: 400px;
	font-weight: 300;
}
#header .container {
	display: block;
	position: relative;
}
#header #mpic {
	position: absolute;
	right: 0;
	bottom: -25%;
	width: 100%;
	max-width: 780px;
	z-index: 1;
}
#header #mpic img {
	width: 100%
}
#header #header_txt{
	position: absolute;
	z-index: 2;
}
/*-----------index part(product )----------------*/
#prolist {
	position: relative;
    height: 308px;
	border: 1px rgba(198,198,198,1.00) solid;
	padding: 0 !important;
	overflow: hidden;
	margin-top: 15px;
	text-align: center;
}
#prolist a {
	position: absolute;
    bottom: 0px;
	background-color: #f7f7f7;
	padding: 10px;
	margin-top: 15px;
	width: 100%;
	display: block;
	color: #333;
}
#prolist a:hover {
	background-color: rgba(204,220,224,1.00);
}
/*-----------index part(news )----------------*/

#news_part {
	margin: 15px 0 0 0;
	background-color: #64adb6;
	height: 550px;
	position: relative;
	color: #fff;
	line-height: 28px;
	font-size: 16px;
}
#news_part h1, #contact_part h1 {
	font-family: 'Lato', sans-serif;
	font-weight: 100;
	font-size: 48px;
}
#news_part > img {
	width: 85%;
	max-width: 763px;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
}
#news_part > div {
	z-index: 10;
	position: relative;
}
#news_part > div > div > div {
	padding-top: 20px;
}
#news_part a, #news_part small {
	color: #c1ebf0;
	font-family: 36px;
}
/*-----------index part(contact )----------------*/
#contact_part {
	background-color: #f6f6f6;
	margin: 0;
	line-height: 28px;
	font-size: 16px;
}
#contact_part .container .row {
	margin: 30px 0
}
#contact_part iframe {
	margin-top: 18px;
}
#contact_part h1 {
	margin-bottom: 30px;
}
#index_contact_from {
	padding: 8px 0 0 0
}
#index_contact_from form {
	padding: 8px 0 0 0;
	border-top: 1px #ddd solid
}


/* ------------------------------------------------------------------------------------- */
/* 超小螢幕設備（手機，小於 768px） */
/* 沒有媒體查詢，因為這在 Bootstrap 3 是預設的。 */

/* 小螢幕設備（平板，768px（含）以上） */
@media (min-width: 768px) {
	#header #mpic {
	width: 50%;
	bottom: -50%;
	}

#header, #header .container {
	height: 350px;
	}
#news_part > img {
	width: 35%;
	
}
#news_part {
	height: 350px;
}
}

/* 中螢幕設備（一般桌面，992px（含）以上） */
@media (min-width: 992px) {

}

/* 大螢幕設備（大型桌面，1200px（含）以上） */
@media (min-width: 1200px) {

#header, #header .container {
	height: 550px;
	}

#header h1 {
	margin-top: 50px;
}

#header {
	margin-top: 0px;
	margin-bottom: 60px;
}
#news_part > div > div > div {
	padding-top: 120px;
}
#news_part > img {
	width: 85%;
	
}
#news_part {
	height: 550px;
}
#index_contact_from {
	padding: 120px 0 0 0
}
#index_contact_from form {
	padding: 0 0 0 15px;
	border-left: 1px #ddd solid;
	border-top: 0px;
}	
	
#header h1 {
	margin-top: 120px;
}
#header #mpic {
	width: 100%;
}
}