* {
	margin:0;
	padding:0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

html,
body {
	overflow:auto;
    background:#fff;
}

#TaiwanGreen {
	width:100%;
	min-width:320px;
	max-width:1920px;
	height:auto;
	margin:0 auto;
	overflow:hidden;
    font-family:Arial, "文泉驛正黑", "WenQuanYi Zen Hei", "儷黑 Pro", "LiHei Pro", "微軟正黑體", "Microsoft JhengHei", sans-serif;
    font-size:14px;
    line-height:1.5;
	/*background:url(web.jpg) no-repeat;
	background-size:100%;*/
}

#TaiwanGreen a{
	text-decoration:none;
}

#TaiwanGreen img {
	width:100%;
}

#TaiwanGreen h1 {
	text-indent:-9999px;
	height:0;
}

#TaiwanGreen a .circle{
	width:13%;
	max-width:200px;
	height:auto;
	position:fixed;
	right:0%;
	bottom:25%;
}

#TaiwanGreen a:hover .circle{
	animation:line 0.65s infinite;
}
@keyframes line{
	0%{transform:scale(1); opacity:1;}
	35%{transform:scale(1.05); opacity:1;}
	100%{transform:scale(1); opacity:1;}
}

/* ==================== 主視覺 ==================== */

#TaiwanGreen .header {
	width:100%;
	height:auto;
    background:url(https://t1.besttour.com.tw/e_web/art/2022/01.jpg) no-repeat;
	background-size:100%;
}

#TaiwanGreen .header ul{
	display:flex;
	justify-content:center;
	align-items:start;	
	width:100%;
	list-style:none;
	padding-top:78.5%;
}
#TaiwanGreen .header ul li{
	border-right:2px solid #187913;
}
#TaiwanGreen .header ul li:last-child{
	border-right:0
}
#TaiwanGreen .header ul li a{
	font-size:47px;
	color:#187913;
	padding:0 22px;
}
#TaiwanGreen .header ul li a:hover{
	text-decoration:underline;
}

#TaiwanGreen .header h2{
	font-size:72px;
	font-weight:300;
	margin-top:3.5%;
	text-align: center;
}
#TaiwanGreen .header p{
	font-size:35px;
	text-align:justify;
	width:60%;
	margin:2.5% auto 0 auto;
	padding-bottom:50px;
}

/* ==================== 國家介紹 ==================== */
#TaiwanGreen .center{
	width:100%;
	height:auto;
	background:url('02.jpg') repeat-y;
	background-size:100%;
	text-align:center;
}

#TaiwanGreen .center img.box{
	width:60%;
}

#TaiwanGreen .center h3{
	font-size:70px;
	font-weight:100;
	margin:6% auto 2% auto;
}

/* -- tour -- */
#TaiwanGreen .center .tour a{
	width:58%;
	height:auto;
	border-radius:10px;
	background:#fff;
	border:1px solid #c9a762;
	box-shadow:10px 10px #c9a762;
	padding:1.8%;
	text-align:left;
	display:flex;
	margin:0 auto 3% auto;
}

#TaiwanGreen .center .tour a img{
	width:34%;
	max-width:355px;
}

#TaiwanGreen .center .tour a .txt{
	width:auto;
	padding:1.5% 3%;
}
#TaiwanGreen .center .tour a .txt .title{
	font-size:30px;
	font-weight:600;
	color:#43966e;
	line-height:1.7;
	text-align:justify;
}
#TaiwanGreen .center .tour a .txt p{
	font-size:24px;
	color:#a87e28;
	line-height:1.5;
	margin-top:2.5%;
	padding-top:3.5%;
	border-top:1px solid #a87e28;
}
#TaiwanGreen .center .tour a .txt .price{	
	font-family:Verdana, Geneva, Tahoma, sans-serif;
	font-size:46px;
	font-weight:600;
	color:#b9903d;
	text-align:right;
	margin-top:18%
}
#TaiwanGreen .center .tour a .txt .price span{
	font-size:24px;
	font-weight:100;
	color:#666;
}

#TaiwanGreen .center .tour a:hover img{
	animation:tour_img 1s ease;
}
@keyframes tour_img{
	0%{transform:scale(1); opacity:1;}
	40%{transform:scale(1.05); opacity:0.3;}
	100%{transform:scale(1); opacity:1;}
}
#TaiwanGreen .center .tour a:hover .txt .title{
	color:#187913
}

#TaiwanGreen .footer{
	/*display:inline-block;*/
	width:100%;
	height:300px;
	max-height:1159px;
	background:url("footer.jpg") no-repeat;
	background-position:bottom;
	background-size:100%;
	padding-bottom:30%;
	margin-top:5%
}

#TaiwanGreen .footer .button{
	width:30%;
	border-radius:10px;
	background:#fff;
	border:1px solid #c9a762;
	box-shadow:10px 10px #c9a762;
	margin:0 auto;
}

#TaiwanGreen .footer .button a{
	font-size:36px;
	font-weight:600;
	line-height:2.5;
	color:#43966e;
}

#TaiwanGreen .footer .button:hover{
	animation:ButtonAction 0.5s infinite;
}

@keyframes ButtonAction{
	0%{transform:scale(1,1)}
	50%{transform:scale(1.025,1.025)}
	100%{transform:scale(1,1)}
}

@media screen and (max-width: 1280px) {
	#TaiwanGreen .header ul li a{font-size:30px;}
	#TaiwanGreen .header h2{font-size:50px;}
	#TaiwanGreen .header p{font-size:23px;padding-bottom:30px}
	#TaiwanGreen .center h3{font-size:45px;}

	#TaiwanGreen .center .tour a .txt .title{font-size:20px;}
	#TaiwanGreen .center .tour a .txt p{font-size:16px;}
	#TaiwanGreen .center .tour a .txt .price{font-size:32px;}
	#TaiwanGreen .center .tour a .txt .price span{font-size:18px;}

	#TaiwanGreen .footer .button{width:40%;}
	#TaiwanGreen .footer .button a{font-size:28px;line-height:2.5;}
}
@media screen and (max-width: 1080px) {
	#TaiwanGreen .header h2{font-size:40px;}
	#TaiwanGreen .header p{font-size:20px;}
	#TaiwanGreen .center h3{font-size:38px;}

	#TaiwanGreen .center .tour a .txt .title{line-height:1.5;}
	#TaiwanGreen .center .tour a .txt p{font-size:14px;}
	#TaiwanGreen .center .tour a .txt .price{font-size:28px;}
	#TaiwanGreen .center .tour a .txt .price span{font-size:14px;}
}

@media screen and (max-width: 828px) {
	#TaiwanGreen .header ul li a{font-size:22px;padding:0 10px}
	#TaiwanGreen .header h2{font-size:30px;font-weight:600;}
	#TaiwanGreen .header p{padding-bottom:20px;}
	#TaiwanGreen .center h3{font-size:30px;font-weight:600;}

	#TaiwanGreen .center .tour a {width:70%;}
	#TaiwanGreen .center .tour a .txt p{font-size:16px;}	

	#TaiwanGreen .footer .button{width:50%;}
	#TaiwanGreen .footer .button a{font-size:24px;}
}

@media screen and (max-width:640px) {
	#TaiwanGreen .header ul{padding-top:75%;}
	#TaiwanGreen .header ul li a{font-size:0px;}
	#TaiwanGreen .header ul li{border-right:0;}
	#TaiwanGreen .header h2{margin-top:0}
	#TaiwanGreen .header p{font-size:14px;}
	#TaiwanGreen .center h3{font-size:30px;font-weight:300;}
	#TaiwanGreen .center .tour a{margin:0 auto 8% auto}
	#TaiwanGreen .center .tour a .txt p{display:none;}
}

@media screen and (max-width: 414px) {
	#TaiwanGreen .header h2{font-size:16px;}
	#TaiwanGreen .header p{font-size:11px;}
	#TaiwanGreen .center img.box{width:85%}
	#TaiwanGreen .center h3{font-size:36px;}

	#TaiwanGreen .center .tour a {width:70%;display:block;padding:5%;margin:5% auto 15% auto}
	#TaiwanGreen .center .tour a img{width:100%;}		

	#TaiwanGreen .footer .button{width:70%;}
	#TaiwanGreen .footer .button a{font-size:20px;}
}

@media screen and (max-width: 375px) {
	#TaiwanGreen .center .tour a {width:80%;}
	#TaiwanGreen .footer .button{width:80%;}
}

@media screen and (max-width: 320px) {
}