@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);


/*========================================================
                      	 標題設定
=========================================================*/

h1.title {
    text-align: center;
    font-weight: normal;
	font-size: 28px;
}


/*  尺寸設定 */
@media (min-width: 768px) {
	h1.title {
		font-size: 32px;
	}
}
@media (min-width: 992px) {	
	h1.title {
		font-size: 32px;
	}
}
@media (min-width: 1200px) {
	h1.title {
		font-size: 36px;
	}
}
@media (min-width: 1600px) {
	h1.title {
		font-size: 40px;
	}
}


/*========================================================
                      	 熱銷商品
=========================================================*/

.products-list {
    background: url(../../images/products_bg.jpg) no-repeat center top;
    background-size: cover;
    padding-bottom: 60px;
}
.products-list img {
    width: 100%;
    vertical-align: bottom;
}
.products-list h1 {
    color: #fff;
	margin: 30px 0 50px;
	padding-bottom: 20px;
	border-bottom: 1px solid #fff;
}

.products-list [class *="col-"] dl {
    background-color: #fff;
}
.products-list [class *="col-"] dl dd {
    padding: 10px 15px;
}
.products-list [class *="col-"] dl dd h2 {
    text-align: center;
	color: #016d95;
	font-size: 24px;
	font-weight: bold;
	padding: 0 0 20px 0;
	margin: 20px 0 10px 0;
	border-bottom: 1px solid #3d79ca;
}
.products-list [class *="col-"] p  {
	margin: 10px;
	font-size: 16px;
	color: #252525;
	
}

/* more */
.products-list .more {
    text-align: center;
	margin-top: 30px;
}
.products-list .more a {
	display: block;
	background-color: #3d79ca;
	color: #fff;
	padding: 10px 40px;
	font-size: 18px;
}




/*========================================================
                      	 新聞中心
=========================================================*/

.news-list {
    background: url(../../images/news_bg.jpg) no-repeat center top;
    background-size: cover;
	padding-top: 40px;
	padding-bottom: 80px;
}
.news-list h1 {
    color: #444444;
	margin: 0 0 40px;
}

.nav-tabs {
    border-bottom: 1px solid #999;
}
.nav-tabs li {
	width: 25%;
	text-align: center;
	background-color: #e3dac5;
}
.nav-tabs li:nth-of-type(1) {
	background-color: #27ad4d;
}
.nav-tabs li:nth-of-type(2) {
	background-color: #128db7;
}
.nav-tabs li:nth-of-type(3) {
	background-color: #9656a1;
}
.nav-tabs li:nth-of-type(4) {
	background-color: #a18456;
}
.nav-tabs li a {
	display: block;
	font-size: 16px;
	border-radius: 0;
	color: #fff;
}
.nav-tabs li.active {
	color: #333;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
	display: block;
    border-bottom-color: transparent;
	color: #333;
	background-color: #e3e3e3;
}
.nav-tabs > li > a {
    margin-right: 0;
}
.nav > li > a:hover, .nav > li > a:focus {
	display: block;
    text-decoration: none;
	color: #333;
    background-color: #b7b7b7;
}


.tab-content {
	background-color: #e3e3e3;
	border-top-color: transparent;
	padding: 40px 40px 10px 40px;
}

.tab-content dl {
	overflow: hidden;
}
.tab-content dl dt {
	width: 30%;
	float: left;
	margin-right: 20px;
}
.tab-content dl dt img {
	width: 100%;
	vertical-align: bottom;
	margin-top: 4px;
}
.tab-content dl dd {
	overflow: hidden;
}
.tab-content dl dd ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.tab-content dl dd ul li {
	border-bottom: 1px dashed #768c96;
	padding: 15px;
}
.tab-content dl dd ul li:first-of-type {
	padding-top: 0;
}
.tab-content dl dd ul li:last-of-type {
	border-bottom: none;
}
.tab-content dl dd ul li a {
	color: #4d4d4d;
}
.tab-content dl dd ul li a span {
	color: #004392;
	font-weight: bold;
	margin-right: 10px;
}

.tab-content .more {
	text-align: right;
}
.tab-content .more a {
	font-weight: bold;
}
.tab-content .more a:hover{
	color: #C50003;
}


/*  尺寸設定 */
@media (max-width: 479px) {
	.tab-content {
		padding: 40px 20px 10px 20px;
	}
	.tab-content dl dd ul li a span {
		display: block;
	}
}
@media (max-width: 639px) {
	.nav-tabs li {
		width: 100%;
		margin-bottom: 5px;
	}
	.nav-tabs {
		margin-bottom: 20px;
		border-bottom: none;
	}
}
@media (max-width: 992px) {
	.tab-content dl dt {
		display: none;
	}
}
@media (min-width: 768px) {
	.nav-tabs li a {
		font-size: 20px;
	}
}
@media (min-width: 1600px) {
	.tab-content dl dd ul li:first-of-type {
		padding-top: 15px;
	}
}


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


.about-list [class *="col-"] {
	padding: 40px 10% 60px;
	color: #333;
}
.about-list [class *="col-"] p {
    font-size: 18px;
}
.about-list [class *="col-"]:nth-of-type(1) {
    background: url(../../images/about_bg1.jpg) no-repeat left top;
    background-size: cover;
}
.about-list [class *="col-"]:nth-of-type(2) {
    background: url(../../images/about_bg3.jpg) no-repeat left top;
    background-size: cover;
}
.about-list [class *="col-"]:nth-of-type(3) {
    background: url(../../images/about_bg8.jpg) no-repeat right top;
    background-size: cover;
}
.about-list [class *="col-"] .more a {
    display: inline-block;
	color: #fff;
	background-color: #d9730e;
	padding: 3px 70px;
}
.about-list [class *="col-"]:nth-of-type(1) .more {
    text-align: left;
}
.about-list [class *="col-"]:nth-of-type(2) .more {
    text-align: left;
}


/*  尺寸設定 */
@media (min-width: 992px) {
	.about-list [class *="col-"] {
		padding: 60px 5%;
	}
	.about-list [class *="col-"]:nth-of-type(2) .more {
		text-align: right;
	}
	.about-list [class *="col-"] .more a {
		padding: 3px 100px;
	}
}





/*========================================================
                         圖片效果
=========================================================*/

a.figure {
	display: block;
	position: relative;
	}

a.figure:hover:before {
    opacity: 0.3;
    -webkit-transform: scale(1);
    transform: scale(1);
}
a.figure:before {
    position: absolute;
    top: 6px;
    bottom: 6px;
    left: 6px;
    right: 6px;
    content: '';
    display: inline-block;
    background-color: #fff;
    opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    transition: .3s;
}