@import url(../fonts/font-awesome/font-awesome.min.css);
@import url(../fonts/flaticon/flaticon.css);
@import url(index_header.css);
@import url(index_banner.css);
@import url(index_footer.css);

/*========================================================
                      	 框架
=========================================================*/

.content {
}



/*========================================================
                      	 產品介紹
=========================================================*/

.work-list {
    background: url(../../images/work_bg.jpg) no-repeat center top;
	background-size: cover;
    padding-bottom: 60px;
}
.work-list img {
    width: 100%;
    vertical-align: bottom;
}
.work-list h1 {
    text-align: center;
    font-weight: bold;
    color: #0d68a1;
	margin: 0 0 40px 0;
	background-color: #fff;
	padding-top: 10px;
	padding-bottom: 10px;
}
.work-list h1+p { 
    color: #fff;
	text-align: center;
	font-size: 18px;
	padding: 0 15px;
}

.work-list h2 {
    text-align: center;
	color: #07558f;
	font-size: 24px;
	margin-top: 50px;
	font-weight: bold;
}
.work-list [class *=col-]  {
    padding: 15px;
}
.work-list [class *=col-] img {
    background-color: #fff;
    border: 1px solid #bdbebe;

}
.work-list [class *=col-] p  {
    text-align: center;
}

.work-list .more {
    text-align: center;
	margin-top: 30px;
}
.work-list .more a {
	background-color: #1d6baa;
	border-radius: 20px;
	color: #fff;
	padding: 10px 30px;
	font-size: 20px;
}



/*  尺寸設定 */
@media (min-width: 640px) {
}
@media (min-width: 768px) {
	.work-list .more a {
		padding: 10px 100px;
	}
}
@media (min-width: 992px) {	
}
@media (min-width: 1200px) {
}
@media (min-width: 1600px) {
}
	
	

/*========================================================
                      	 關於我們
=========================================================*/

.about-list {
    background: url(../../images/about_bg.jpg) no-repeat center top;
	background-size: cover;
	padding-top: 100px;
    padding-bottom: 80px;
}
.about-list > div {
	background-color: rgba(30,56,72,0.9);
	text-align: center;
	color: #fff;
	padding: 50px 10%;
}
.about-list > div h1 {
	font-size: 24px;
	color: #d3b436;
	margin-top: 0;
	margin-bottom: 30px;
}

/*  尺寸設定 */
@media (min-width: 640px) {
}
@media (min-width: 768px) {
}
@media (min-width: 992px) {	
	.about-list > div h1 {
		font-size: 32px;
	}
}
@media (min-width: 1200px) {
}
@media (min-width: 1600px) {
}



/*========================================================
                      	 最新消息
=========================================================*/

.news-list {
    background: #dddfe1 url(../../images/news_bg.jpg) no-repeat center bottom;
	background-size: 100% auto;
    padding-bottom: 60px;
	text-align: center;
}
.news-list h1 {
    font-weight: bold;
    color: #fff;
	margin: 0 0 40px 0;
	background-color: #4a83ad;
	padding-top: 10px;
	padding-bottom: 10px;
}
.news-list ul {
    list-style: none;
	margin: 0;
	padding: 0;
}
.news-list ul li a {
	display: block;
    color: #282828;
	border-bottom: 1px solid #a7a8a8;
	padding: 10px;
}
.news-list ul li a:hover {
    color: #ad1f24;
}
.news-list .more {
	margin-top: 30px;
}
.news-list .more a {
	background-color: #272421;
	border-radius: 20px;
	color: #fff;
	padding: 10px 30px;
	font-size: 20px;
}



/*  尺寸設定 */
@media (min-width: 640px) {
}
@media (min-width: 768px) {
	.news-list .more a {
		padding: 10px 100px;
	}
}
@media (min-width: 992px) {	
}
@media (min-width: 1200px) {
}
@media (min-width: 1600px) {
}