@charset "utf-8";
/* CSS Document */

header .downBox{
	width:100%;
	position:absolute;
	top:50px;
	left:0;
	z-index:999;}

/***三格基本資料***/
.profileArea{
	clear:both;
	padding:50px 0;
	background:url(../images/bg_main.jpg);}

.profile{
	margin:0 -15px;}

.profile > div{
	float:left;
	width:33.33%;
	padding:0 15px;}

.profile h2{
	position:relative;
	padding-bottom:20px;}

.profile h2 em{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:normal;
	color:#563163;
	text-decoration:underline;
	text-transform:uppercase;}

.profile h2 strong{
	font-family:"微軟正黑體", "LiHei Pro", "新細明體", sans-serif;
	font-size:16px;
	font-weight:normal;
	color:#352f3a;}

.profile a.more{
	float:right;
	margin-top:15px;
	padding:5px 7px;
	background:#75527f;
	font-size:12px;
	color:#FFF;
	text-transform:uppercase;}

.profile a.more:hover{
	background:#5f306c;}

/*關於我們*/
.aboutBox{}

.aboutBox .Img{
	margin-bottom:7px;}

.aboutBox .Img img{
	display:block;
	max-width:100%;}

.aboutBox p{
	overflow:hidden;
	font-size:13px;
	color:#525252;
	line-height:1.8;}

/*map*/
#gmap_s{
	width:100%;
	height:190px;
	box-shadow:2px 2px 5px #e1e1e1;}

/*純文字最新消息*/
.newsBox{}

.newsBox ul{}

.newsBox ul li .Img{
	float:left;
	width:130px;
	box-shadow:2px 2px 5px #e1e1e1;
	
	overflow:hidden;
	margin-right:10px;}

.newsBox ul li .Img img{
	display:block;
	height:100%;}

.newsBox ul li .Txt{
	overflow:hidden;}

.newsBox ul li .Txt h3 a{
	font-size:15px;
	font-family:"微軟正黑體", "LiHei Pro", "新細明體", sans-serif;
	color:#096ddd;
	
	width:100%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;}

.newsBox ul li .Txt h3:hover{
	text-decoration:underline;}

.newsBox ul li .Txt p{
	padding-top:5px;
	font-size:13px;
	color:#525252;
	line-height:1.8;}

/***推薦商品***/
.feathureArea{
	background:url(../images/home/bg_product.jpg) no-repeat;
	background-size:cover;
	padding:50px 0;}

.feathureArea ul{}

.feathureArea ul li{
	padding:0 10px;}

.feathureArea ul li .item{
	display:block;
	position:relative;
	overflow:hidden;
	box-shadow:0 2px 3px #CCC;}

.feathureArea ul li .Img{}

.feathureArea ul li .Img img{
	display:block;
	width:100%;
	
	-webkit-transform:scale(1.05);
	-moz-transform:scale(1.05);
	-o-transform:scale(1.05);
	transform:scale(1.05);
	
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-o-transition:all 0.4s ease;
	transition:all 0.4s ease;}

.feathureArea ul li .item:hover img{
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-o-transform:scale(1);
	transform:scale(1);}

.feathureArea ul li .Txt{
	opacity:0;
	position:absolute;
	width:100%;
	height:100%;
	background:rgba(55,65,85,0.7);
	top:0;
	left:0;
	
	-webkit-transition:all 0.6s ease;
	-moz-transition:all 0.6s ease;
	-o-transition:all 0.6s ease;
	transition:all 0.6s ease;}

.feathureArea ul li .item:hover .Txt{
	opacity:1;}

.feathureArea ul li h3{
	text-align:center;
	font-family:"微軟正黑體", "LiHei Pro", "新細明體", sans-serif;
	color:#FFF;
	
	position:absolute;
	bottom:30px;
	left:0;
	width:100%;}

.feathureArea ul li h3 strong{
	display:block;
	font-weight:normal;
	font-size:24px;}

.feathureArea ul li h3 p{
	margin-top:5px;
	font-size:14px;}

.feathureArea ul li .more{
	padding:10px 25px;
	border:1px solid #FFF;
	font-size:18px;
	color:#FFF;
	text-transform:uppercase;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-20px;
	margin-left:-60px;}

/*廣告*/
.adArea{
	background:url(../images/bg_main.jpg);
	padding:50px 0;}

.adArea h4{
	display:none;}

.adArea img{
	width:100%;}

/*revolution*/
.tp-banner-container {
	width:100%;
	position:relative;
	padding:0;}
 
.tp-banner{
	width:100%;
	position:relative;}

.tp-caption{
	font-family:"微軟正黑體", "LiHei Pro", "新細明體", sans-serif;}

.tp-bannertimer{
	background:#008080 !important;}

.tp-banner .en{
	font-family:Arial, Helvetica, sans-serif;
	font-size:45px;
	font-style:italic;
	font-weight:normal;
	color:#FFF;}

.tp-banner .ch{
	font-size:25px;
	font-weight:normal;
	color:#FFF;}

@media (max-width: 767px){
	
	header .downBox{
		position:static;}
			
	.profileArea{}
	
	.profile{
		margin:0;}
	
	.profile > div{
		padding:20px 0;
		float:none;
		width:100%;}
	
	.profile > div:first-child{
		margin-top:0;}
		
	.newsBox{}
	
	.aboutBox{}
	
	.newsBox ul{
		margin:0;}
	
	.newsBox ul li{
		float:none;
		width:100%;
		padding:0;}
	
	.mapBox{
		float:none;
		width:100%;}
	
	.adBox{}
	
	.feathureArea ul{
		margin: 0;}
	
	.feathureArea ul li.col-4{
		float:none;
		width:100%;
		padding:20px;}
	
	.tp-banner .en, .tp-banner .ch{
		font-size:15px !important;}
}

@media (max-width: 500px){
	.tp-caption span{
		font-size:15px !important;}
}

@media (max-width: 360px){
}