/*
 * w339-1 fubondirect - iweb51_style09
 * http://www.fubondirect.com.tw/
 * Copyright 2015, TANK
 * 
 * 
 * 2015 / 10 / 28
 */

/* + adWrap
*----------------------------------------------------------------------------*/
.wrapper .adWrap {
	overflow: hidden;
	padding: 40px 0;
	background: url(../../images/09/index/img-adBg.png) no-repeat center 0;
}

.wrapper .adWrap h3 ,
.wrapper .adWrap h4 {
	margin: 10px 0;
	text-align: center;
	font-size: 30px;
}

.wrapper .adWrap h4 {
	font-size: 18px;
}

.wrapper .adWrap h3 strong ,
.wrapper .adWrap h4 strong {
	color: #ed1b23;
}

.wrapper .adWrap ul {
	overflow: hidden;
	margin: 30px 0;
}

.wrapper .adWrap ul li {
	float: left;
	margin: 0 9px;
}


/* + adWrap
*----------------------------------------------------------------------------*/
.wrapper .adWrap {
	overflow: hidden;
	padding: 40px 0;
	background: url(../../images/09/index/img-adBg.png) no-repeat center 0;
}


/* + adWrap
*----------------------------------------------------------------------------*/
.wrapper .linkWrap {
	overflow: hidden;
}

.wrapper .linkWrap img {
	animation-name: bounceIn;
	-webkit-animation-name: bounceIn;
	-webkit-animation-duration: 1.5s;
}


/* + Introduction
*----------------------------------------------------------------------------*/
.wrapper .Introduction {
	overflow: hidden;
	margin: 30px 0 50px;
}

.wrapper .Introduction .productInfo {
	overflow: hidden;
	position: relative;
}

.wrapper .Introduction .productInfo a.prev ,
.wrapper .Introduction .productInfo a.next {
	position: absolute;
	width: 42px;
	height: 42px;
	background: url(../../images/09/index/icon-arrow.png) no-repeat 0 0;
	top: 45%;
	display: block;
	text-indent: -9999px;
	z-index: 9999;
}

.wrapper .Introduction .productInfo a.prev {
	left: 0;
}

.wrapper .Introduction .productInfo a.next {
	background-position: -42px 0;
	right: 0;
}

.wrapper .Introduction .productInfo .IntroductionList ul {
	overflow: hidden;
}

.wrapper .Introduction .productInfo .IntroductionList ul li {
	float: left;
}

.wrapper .Introduction .productInfo .IntroductionList ul li .photo {
	overflow: hidden;
	margin: 0 auto;
	width: 360px;
	height: 260px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.wrapper .Introduction .productInfo .IntroductionList ul li .photo img {
	width: 90%;
	height: 90%;
}

.wrapper .Introduction .productInfo .IntroductionList ul li h3 {
	margin: 5px 0;
	text-align: center;
}

.wrapper .Introduction .productInfo .IntroductionList ul li h3 a {
	font-size: 20px;
}

.wrapper .Introduction .productInfo .IntroductionList ul li p {
	padding: 0 20px;
	font-size: 14px;
	line-height: 170%;
}


/* + newsWrap
*----------------------------------------------------------------------------*/
.wrapper .newsWrap {
	overflow: hidden;
}

.wrapper .newsWrap #newsList ,
.wrapper .newsWrap #g-map {
	float: left;
	animation-name: fadeInLeftBig;
	-webkit-animation-name: fadeInLeftBig;
	-webkit-animation-duration: 1.5s;
}

.wrapper .newsWrap #newsList h2 {
	margin-bottom: 20px;
}

.wrapper .newsWrap #newsList h2 a {
	font-size: 24px;
}

.wrapper .newsWrap #newsList h2 a strong ,
.wrapper .newsWrap #newsList .newsItem ul li h3 a {
	font-weight: normal;
	color: #FF0004;
}

.wrapper .newsWrap #newsList .newsItem ul li {
	width: 90%;
}
.wrapper .newsWrap #newsList .newsItem ul li h3 {
	margin: 10px 0;
}

.wrapper .newsWrap #newsList .newsItem ul li p {
	line-height: 170%;
}

.wrapper .newsWrap #newsList .newsItem ul li p a.more {
	float: right;
	color: #FF0004;
}

.wrapper .newsWrap #g-map {
	animation-name: fadeInRightBig;
	-webkit-animation-name: fadeInRightBig;
}

.wrapper .newsWrap #g-map iframe {
	width: 100%;
}
.wrapper .newsWrap #newsList .newsItem ul li .photo, .wrapper .newsWrap #newsList .newsItem ul li .info {
    overflow: hidden;
    margin: 10px 0;
    float: left;
}


/**********適應性**********/
/************************/
@media only screen and (max-width: 640px) {
	.wrapper .adWrap ul li {
		float:none;
		text-align:center;
		margin:0 auto;
	}
}
@media only screen and (min-width: 320px) {
	.wrapper .adWrap ul li {
		width: 65%;
	}
	.wrapper .Introduction .productInfo .IntroductionList ul li ,
	.wrapper .newsWrap #newsList ,
	.wrapper .newsWrap #g-map {
		width: 100%;
	}
	.wrapper .newsWrap #newsList .newsItem ul li .photo {
    height: 150px;
	}
	.wrapper .Introduction .productInfo .IntroductionList ul li, 
	.wrapper .newsWrap #newsList, .wrapper .newsWrap #g-map, 	
	.wrapper .newsWrap #newsList .newsItem ul li .photo, 
	.wrapper .newsWrap #newsList .newsItem ul li .info {
    width: 100%;
	}
}

@media only screen and (min-width: 640px) {
	.wrapper .adWrap ul li {
		width: 29%;
	}
	.wrapper .Introduction .productInfo .IntroductionList ul li {
		width: 50%;
	}
	.wrapper .newsWrap #newsList .newsItem ul li .photo {
    height: 200px;
	}
}

@media only screen and (min-width: 960px) {
	.wrapper .adWrap ul li {
		width: 23%;
	}
	.wrapper .Introduction .productInfo .IntroductionList ul li {
		width: 33%;
	}
	.wrapper .newsWrap #newsList ,
	.wrapper .newsWrap .fb-wrap {
		width: 48% !important;
		overflow:hidden;
	}
	.wrapper .newsWrap #g-map iframe {
		height: 240px;
	}
	.wrapper .newsWrap #newsList .newsItem ul li .photo {
    height: 110px;
	}
	.wrapper .newsWrap #newsList .newsItem ul li .info {
    width: 60%;
	}
	.wrapper .Introduction .productInfo .IntroductionList ul li, .wrapper .newsWrap #newsList .newsItem ul li .photo {
    width: 33%;
	}
	.wrapper .newsWrap #newsList .newsItem ul li .photo img {
		width: 90%;
	}
}