﻿.clean{ clear:both;}
.lf{ float:left;}
.samebox{ width:960px; margin:0 auto;}
center{display: block;text-align: -webkit-center;}
/*----------------top上標  -------------------*/
#topbox{ width:960px; margin:0 auto; margin-bottom: 0px;}
ul.topnav{
	width: 780px;
	float: right;  /*background-color:#666;height:33px;*/
	font-family: "微軟正黑體";
	font-size: 13px;
}
.topnav li{ float:left; padding:2px 4px; color:#FFF; line-height:30px;}
.topnav li a{ text-decoration:none; color:#FFF;}
.topnav li a:hover{ text-decoration:underline; color:#FFF;}
li.service{margin-right:20px; margin-top:-3px;}
li.community{margin-top:3px; margin:3px 2px 0 0; border:0;}
li.firstimg{margin-left:12px;}
.mainnav{ margin-top:15px;}
ul.mainmenu{ width:695px; float:left;padding-left:0px; margin-top:40px;}
.mainmenu li{float:left; border:0;}
li.group a{ display:block; float:left; border:0; background:url(/eWeb_newamazing/images/stable/topnav_01.jpg) no-repeat; width:112px; height:40px;  }
li.group a:hover{ background-position:-112px 0;}
li.domestic a{ display:block;float:left; border:0; background:url(/eWeb_newamazing/images/stable/topnav_02.jpg) no-repeat; width:117px; height:40px; }
li.domestic a:hover{ background-position:-117px 0; }
li.flights a{display:block;float:left; border:0; background:url(/eWeb_newamazing/images/stable/topnav_03.jpg) no-repeat; width:121px; height:40px; }
li.flights a:hover{background-position:-121px 0;}
li.freetour a{display:block; float:left; border:0; background:url(/eWeb_newamazing/images/stable/topnav_06.jpg) no-repeat; width:146px; height:40px;}
li.freetour a:hover{background-position:-146px 0;}
li.unique a{display:block; float:left; border:0; background:url(/eWeb_newamazing/images/stable/topnav_05.jpg) no-repeat; width:114px; height:40px; }
li.unique a:hover{background-position:-114px 0; }
li.rgbtnbg{background:url(/eWeb_newamazing/images/stable/topnav_la.jpg) no-repeat; width:44px; height:40px; float:left; border:0;}
/*----------------tail下標  -------------------*/
h1{ color:#eb6100; font-family:微軟正黑體; font-size:15px; }
#tailmain{position: relative; width:960px; margin:0 auto; padding-top:10px;}
#tailmain ul {width:100%;margin:0;padding:0;display:table;}
#tailmain ul li {margin:0;padding:0 10px 0 0; float:left;}
#tailmain ul li a {color: #666;}
#tailmain ul li img {height: 25px; vertical-align: top;}
.tailbox{ /*background: url(/eWeb_newamazing/images/stable/tail_bg.jpg) no-repeat;*/ background:#FFF; height:102px; width:920px;margin:0 auto; /*margin-top:20px;*/ padding:25px 20px; box-sizing: content-box;}
.underlf{ float:left; margin-left:15px; font-family:新細明體-ExtB; line-height:22px;}
.underlf h1{ color:#eb6100; font-family:微軟正黑體; font-size:16px; text-align: left;line-height: 24px;}
.underlf title{ color:#eb6100; font-family:微軟正黑體; font-size:16px; text-align: left;line-height: 24px;}
.underlf h2{ color:#666; font-size:13px;text-align: left;line-height: 24px; }
.tail_small{ color:#eb6100; font-family:微軟正黑體; font-size:12px; margin-left:12px; }
.Company Name{ color:#eb6100; font-family:微軟正黑體; font-size:15px; }
.footer_icon{position: absolute;left: 35px;bottom: 5px;}
/*---------------- left 左側欄位  -------------------*/
#lfbox{ width:240px; margin-right:25px;margin-right:12px \9; }
.titlebg{text-align:left; background:url(/eWeb_newamazing/images/stable/lfbg_title.jpg) no-repeat; width:240px; height:40px; padding:5px 10px; font-family:微軟正黑體; color:#313131; font-size:18px; line-height:30px;font-weight: bold; }
.sub-title{font-family:Verdana; color:#666; font-size:13px; margin-left:3px;font-weight:100;}
.title-height{margin-top:20px;}
ul.trlist{ width:225px; padding:0px 5px 10px 10px;}
ul.trlist li{text-align:left; background:url(/eWeb_newamazing/images/movable/local_icon.png) no-repeat center left; float:left; width:90px;  line-height:26px; padding:0 0 0 20px; font-family:微軟正黑體; font-size:15px; color:#666;}
ul.trlist li a{color:#666; text-decoration:none;}
ul.trlist li a:hover{color:#eb6100; text-decoration:none;}
ul.down{ width:100%; padding:0px 5px 0px 10px;}
ul.down li{line-height:28px; padding:0 0 0 20px; font-family:微軟正黑體; font-size:15px; color:#666;}
ul.down li a{color:#666; text-decoration:none;}
ul.down li a:hover{color:#eb6100; text-decoration:none;}
/*---------------- main 中間欄位_促銷專區  -------------------*/
.majorbox{ width:695px; float:left;}
.salebk{ background: url(/eWeb_newamazing/images/stable/sale_bk.jpg) repeat-x; width:695px; height:40px; font-family:微軟正黑體; margin-bottom:10px;}
.salebk p{ float:left; color:#FFF; font-weight:bold; font-size:18px; margin-left:10px; margin-top:10px;}
.subsale{font-family:Verdana; color:#eae8e8; font-size:13px; margin-left:3px;font-weight:100;}
.salebox{ width:225px;font-family:微軟正黑體; float:left;}
.salebox-ct{ width:225px; float:left; margin:0 10px;font-family:微軟正黑體;}
.saletext{ color:#666; font-size:13px; line-height:18px; margin-top:3px;}
.saletext a{ color:#666; text-decoration:none;}
.saletext a:hover{ color:#eb6100; text-decoration:underline;}
/*---------------- main 中間欄位_精選專區  -------------------*/
.chicebox{ width:695px; margin-top:45px; position:relative;}
.award{ position:absolute; left:0; top:-18px;}
.chice01{ width:320px; border:#CCC 1px solid; padding:10px 9px; margin-right:7px; float:left; margin-top:15px;}
.chice02{ width:320px; border:#CCC 1px solid; padding:10px 9px; margin-left:8px;float:left;margin-top:15px;}
.chice_bg{text-align:left; background:url(/eWeb_newamazing/images/stable/choice_bg.jpg) no-repeat; font-family:微軟正黑體; width:320px; height:20px; padding:8px 0px 5px 40px; color:#333; font-weight:bold; font-size:16px;}
.suben{color:#666; font-weight:100; font-family:Verdana; font-size:13px;}
ul.chice-content{ margin-top:6px;}
.chice-content li{text-align:left; background:url(/eWeb_newamazing/images/movable/choice_listicon.jpg) no-repeat top left;line-height:20px; border-bottom:#F90 1px dashed; width:300px; font-family:微軟正黑體; font-size:14px;  padding:3px 0 3px 20px;}
.chice-content li a{ text-decoration:none; color:#535353;}
.chice-content li a:hover{ text-decoration:none; color:#000;}
/* ------------- 主題旅遊 ----------------- */
.travelbule_bk{ background:url(/eWeb_newamazing/images/stable/themebk.jpg) no-repeat; width:730px; height:145px; margin:10px 0;padding: 15px 20px 15px 210px; }
/*---------------- 大圖輪播style  -------------------*/
.changepic{ width:960px; margin:10px auto; }
/* Showcase
-------------*/
#awOnePageButton .view-slide
{
	display: none;
}
/* This class is removed after the showcase is loaded */
/* Assign the correct showcase height to prevent loading jumps in IE */
.showcase-load
{
	height: 250px; /* Same as showcase javascript option */
	overflow: hidden;
}
/* Container when content is shown as one page */
.showcase-onepage
{
	/**/
}
/* Container when content is shown in slider */
.showcase
{
	position: relative;
	margin: auto;
}
	.showcase-content-container
	{
		background-color: #000;
	}

	/* Navigation arrows */
	.showcase-arrow-previous, .showcase-arrow-next
	{
		position: absolute;
		background: url('/eWeb_newamazing/images/movable/arrows.png');
		width: 33px;
		height: 33px;
		top: 220px;
		cursor: pointer;
	}

	.showcase-arrow-previous
	{
		left: 10px;
		top: 165px;
		z-index: 9999;
	}

	.showcase-arrow-previous:hover
	{
		background-position: 0px -34px;
	}

	.showcase-arrow-next
	{
		right: -56px; right: 10px;
		top: 165px;z-index: 9999;
		background-position: -34px 0;
	}

	.showcase-arrow-next:hover
	{
		background-position: -34px -34px;
	}

	/* Content */
	.showcase-content
	{
		background-color: #000;
		text-align: center;
	}

		.showcase-content-wrapper
		{
			text-align: center;
			height: 250px;
			width: 960px;
			display: table-cell;
			vertical-align: middle;
		}

		/* Styling the tooltips
		.showcase-plus-anchor
		{
			background-image: url('/eWeb_newamazing/images/movable/plus.png');
			background-repeat: no-repeat;
		}

		.showcase-plus-anchor:hover
		{
			background-position: -32px 0;
		}

		div.showcase-tooltip
		{
			background-color: #fff;
			color: #000;
			text-align: left;
			padding: 5px 8px;
			background-image: url(../images/white-opacity-80.png);
		}*/

		/* Styling the caption */
		.showcase-caption
		{
			color: #000;
			padding: 8px 15px;
			text-align: left;
			position: absolute;
			bottom: 10px; left: 10px; right: 10px;
			display: none;
			background-image: url(/eWeb_newamazing/images/movable/white-opacity-80.png);
		}

	.showcase-onepage .showcase-content
	{
		margin-bottom: 10px;
	}

	/* Button Wrapper */
	.showcase-button-wrapper
	{
		clear: both;
		margin-top: 10px;
		text-align: center;
		z-index: 9999;
		position: absolute; top: 320px; left: 450px;
	}

		.showcase-button-wrapper span
		{
			background: url(/eWeb_newamazing/images/movable/dot-white.png) no-repeat;
			width:14px; height:14px;
			margin-right: 3px;
			padding: 0px 5px 0px 5px;
			cursor: pointer;
			font-size: 1px;
			color:#FFF;
			border:none;
		}

		.showcase-button-wrapper span.active
		{
			background: url(/eWeb_newamazing/images/movable/dot-org.png) no-repeat;
			width:14px; height:14px;
			color:#F60;
			font-size: 1px;
		}

	/* Thumbnails */
	.showcase-thumbnail-container /* Used for backgrounds, no other styling!!! */
	{
		background-color: #000;
	}

	.showcase-thumbnail-wrapper
	{
		overflow: hidden;
	}

		.showcase-thumbnail
		{
			width: 120px;
			height: 90px;
			cursor: pointer;
			border: solid 1px #333;
			position: relative;
		}

			.showcase-thumbnail-caption
			{
				position: absolute;
				bottom: 2px;
				padding-left: 10px;
				padding-bottom: 5px;
			}

			.showcase-thumbnail-content
			{
				padding: 10px;
				text-align: center;
				padding-top: 25px;
			}

			.showcase-thumbnail-cover
			{
				background-image: url(/eWeb_newamazing/images/movable/black-opacity-40.png);
				position: absolute;
				top: 0; bottom: 0; left: 0; right: 0;
			}

		.showcase-thumbnail:hover
		{
			border: solid 1px #999;
		}

			.showcase-thumbnail:hover .showcase-thumbnail-cover
			{
				display: none;
			}

		.showcase-thumbnail.active
		{
			border: solid 1px #999;
		}

			.showcase-thumbnail.active .showcase-thumbnail-cover
			{
				display: none;
			}

	.showcase-thumbnail-wrapper-horizontal
	{
		padding: 10px;
	}

		.showcase-thumbnail-wrapper-horizontal .showcase-thumbnail
		{
			margin-right: 10px;
			width: 116px;
		}

	.showcase-thumbnail-wrapper-vertical
	{
		padding: 10px;
	}

		.showcase-thumbnail-wrapper-vertical .showcase-thumbnail
		{
			margin-bottom: 10px;
		}

	.showcase-thumbnail-button-backward,
	.showcase-thumbnail-button-forward
	{
		padding: 7px;
		cursor: pointer;
	}

	.showcase-thumbnail-button-backward
	{
		padding-bottom: 0px;
		padding-right: 0px;
	}

		.showcase-thumbnail-button-backward .showcase-thumbnail-vertical,
		.showcase-thumbnail-button-forward .showcase-thumbnail-vertical,
		.showcase-thumbnail-button-forward .showcase-thumbnail-horizontal,
		.showcase-thumbnail-button-backward .showcase-thumbnail-horizontal
		{
			background-image: url(/eWeb_newamazing/images/movable/arrows-small.png);
			background-repeat: no-repeat;
			display: block;
			width: 17px;
			height: 17px;
		}

		.showcase-thumbnail-button-backward .showcase-thumbnail-vertical
		{
			background-position: 0 -51px;
			margin-left: 55px;
		}
		.showcase-thumbnail-button-backward:hover .showcase-thumbnail-vertical
		{
			background-position: -17px -51px;
		}

		.showcase-thumbnail-button-forward .showcase-thumbnail-vertical
		{
			background-position: 0 -34px;
			margin-left: 55px;
		}
		.showcase-thumbnail-button-forward:hover .showcase-thumbnail-vertical
		{
			background-position: -17px -34px;
		}

		.showcase-thumbnail-button-backward .showcase-thumbnail-horizontal
		{
			background-position: 0 -17px;
			margin-top: 40px;
			margin-bottom: 40px;
		}
		.showcase-thumbnail-button-backward:hover .showcase-thumbnail-horizontal
		{
			background-position: -17px -17px;
		}

		.showcase-thumbnail-button-forward .showcase-thumbnail-horizontal
		{
			background-position: 0 0;
			margin-top: 40px;
			margin-bottom: 40px;
		}
		.showcase-thumbnail-button-forward:hover .showcase-thumbnail-horizontal
		{
			background-position: -17px 0;
		}

		/* Hide button text */
		.showcase-thumbnail-button-forward span span,
		.showcase-thumbnail-button-backward span span
		{
			display: none;
		}

/* Clear (used for horizontal thumbnails)
-------------------------------------------*/
.clear
{
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
	float: none;
}
/** RWD NEW CSS **/
.sub_nav {display: table; float: right; width: 80%; text-align: right; padding: 10px 0;}
.sub_nav li {display: inline-block;}
.sub_nav li a {color: #FFF; padding: 0 10px;}
.navbar-inverse {display: block; float: right; padding: 0;}
.navbar-inverse .navbar-header .block-title a {display: block; height: initial;}
.navbar-inverse .navbar-header .block-title img {width: 80%;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.breadcrumb {margin-top: 20px;}
.gizle .navbar-inverse .navbar-header h2.block-title a {padding-bottom: 0;}
.gizle .navbar-inverse .navbar-header .block-title img {width: 60%; padding-top: 40px;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}

/* right */
.idx a.right {background-position: 0; clear:right;margin-right: 0px;position:absolute;right:0px;}
.idx a.right:hover {background-position: 0px 0px;}
.idx a.right:active { background-position:0px 0px; }
/* left */
.idx a.left { margin-left: 0px; position:absolute;left:0px;z-index:10; }
.idx a.left:hover  {background-position: 0px 0;}
.idx a.left:active { background-position: 0px 0; }
.module_content .module_title {display: table; text-align: center;}
.module_content .module_title h3 {display: table; color: #FFF; margin: 10px auto 40px; padding: 10px 50px; background: rgba(0, 130, 205, 0.8);}
.module_content .module_item {margin-bottom: 20px;}
.module_content .module_item a {display: block;}
.module_content .module_item a .module_img {position: relative; overflow: hidden; background: #000; height: 240px;}
.module_content .module_item a .module_img img {width: 100%; position: relative; top: 0; left: 0; z-index: 1; -webkit-transition: all 0.8s linear; -moz-transition: all 0.8s linear; transition: all 0.8s linear;}
.module_content .module_item a .module_img:hover img {width: 101%; opacity: 0.5; -webkit-transition: all 0.8s linear; -moz-transition: all 0.8s linear; transition: all 0.8s linear; -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1);}
.module_content .module_item a .module_img:before {content: "\f0c1"; font: normal normal normal 36px/1 FontAwesome; display: inline-block; vertical-align: middle; height: 100%; color: #b4a582; position: absolute; left: 50%; top: 48%; z-index: 5; margin-left: -50px; opacity: 0; -webkit-transition: all 1.5s ease 0s; -moz-transition: all 1.5s ease 0s; -o-transition: all 1.5s ease 0s; -ms-transition: all 1.5s ease 0s; transition: all 1.5s ease 0s;}
.module_content .module_item a:hover .module_img:before {opacity: 1; margin-left: -24px; -webkit-transition: all 1.5s ease 0s; -moz-transition: all 1.5s ease 0s; -o-transition: all 1.5s ease 0s; -ms-transition: all 1.5s ease 0s; transition: all 1.5s ease 0s;}
.module_content .module_item a .module_img:after {content: ""; display: inline-block; background: transparent; height: 100%; width: 100%; position: absolute; top: 0;left: 0; -webkit-transition: all 1.5s ease 0s; -moz-transition: all 1.5s ease 0s; -o-transition: all 1.5s ease 0s; -ms-transition: all 1.5s ease 0s; transition: all 1.5s ease 0s;}
.module_content .module_item a:hover .module_img:after {background: rgba(0,0,0,.8); -webkit-transition: all 1.5s ease 0s; -moz-transition: all 1.5s ease 0s; -o-transition: all 1.5s ease 0s; -ms-transition: all 1.5s ease 0s; transition: all 1.5s ease 0s;}
.module_content .module_item .module_text {background: #b4a582;}
.module_content .module_item .module_text h4 {color: #FFF; margin: 0; padding: 10px 15px; line-height: 30px;}
.module_group h2 {font-size: 32px; font-weight: bold; text-align: center; margin-top: 60px; line-height: 45px;}
.module_group h2.hot_title {margin-top: 0;}
.module_group h4 {text-align: center; color: #666; margin-bottom: 20px; line-height: 25px;}
.module_group .module_item .thumbnail {padding: 0; border-radius: 0; position: relative; border: 0;}
.module_group .module_item .thumbnail > a {display: block; border: solid 1px #bcc6d1;}
.module_group .module_item .thumbnail > a:hover .caption h3 {color: #ec6c2a;}
.module_group .module_item .thumbnail > a .caption h3 {font-size: 20px; margin-top: 0px; color: #626262;}
.module_group .module_item .thumbnail > a .caption p {height: 40px; font-size: 16px; color: #999; text-align: justify; margin-bottom: 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.module_group .module_item .thumbnail > a .caption h5 {font-size: 16px; color: #d0021b;}
.module_group .module_item .thumbnail > a:hover {border-bottom: 3px solid #ec6c2a;}
.module_group .module_item .thumbnail .favorite_box {display: block; width: 100%; position: absolute; bottom: 0; padding: 20px;}
.module_group .module_item .thumbnail .favorite_box .track {width: 50%; display: block; float: left; color: #999; cursor: pointer;}
.module_group .module_item .thumbnail .favorite_box .track img {margin: 0 5px 0 0; display: initial;}
.module_group .module_item .thumbnail .favorite_box a {width: 50%; display: block; float: left; color: #999;}
.module_group .module_item .thumbnail .favorite_box a:nth-child(2) {text-align: right;}
.module_group .module_item .thumbnail .favorite_box a img {margin: 0 5px 0 0; display: initial;}
.module_group.featured_topics .module_item .thumbnail {height: 335px; position: relative; margin-bottom: 30px;width: 100%;}
.module_group.featured_topics .module_item .thumbnail .category_marku {position: absolute; left: 15px; top: 10px; z-index: 101; color: #FFF; background: rgba(0, 0, 0, 0.6); padding: 2px 6px;}
.module_group.featured_topics .module_item .thumbnail > a {height: 335px;width: 100%;}
.module_group.featured_topics .module_item .thumbnail > a .caption {padding: 20px;}
.module_group.featured_topics .module_item .thumbnail > a img {width: 100%;}
.module_group.popular_service .module_item .thumbnail {height: 298px; margin-bottom: 30px;}
.module_group.popular_service .module_item .thumbnail > a {height: 298x;}
.module_group.popular_service .module_item .thumbnail > a .caption {padding: 16px 20px; text-align: center;}
.module_group.popular_service .module_item .thumbnail > a .caption h3 {line-height: 28px; margin-bottom: 0;}
.module_group.popular_service .module_item .thumbnail > a img {width: 100%;}
.module_group .module_item .module_slide {border: 1px solid #bcc6d1;}
.module_group .module_item .module_slide .tab-content .tab-pane img {width: 100%;}
.module_group .module_item .module_slide .nav-tabs {border: none;}
/*.module_group .module_item .module_slide .nav-tabs > li {width: 25%;}*/
.module_group .module_item .module_slide .nav-tabs > li > a {font-size: 20px; border: none; margin: 0; padding: 16px 11.14px; text-align: center; color: #626262;}
.module_group .module_item .module_slide .nav-tabs > li.active > a, .module_group .module_item .module_slide .nav-tabs > li.active > a:hover, .module_group .module_item .module_slide .nav-tabs > li.active > a:focus {background-color: transparent; color: #ec6c2a;}
/*.module_group .module_item .module_slide .nav-tabs > li.active {width: 45%;}
.module_group .module_item .module_slide .nav-tabs > li.active a {text-align: left;}*/
.module_group .module_item .module_slide .nav-tabs > li:nth-child(1) {}
.module_group .module_item .module_slide .nav-tabs > li:nth-child(1) a {text-align: left;}*
.module_group .module_item .module_slide .nav-tabs > li > a:hover {background-color: transparent;}
.other_group.featured_topics .other_item h4 {border-bottom: 5px solid #F60; padding: 10px;}
.other_group.featured_topics .other_item h4 a {color: #333;}
.other_group.featured_topics .other_item h4 a:hover {color: #F60;}
.other_group.featured_topics .other_item ul.down li {line-height: 30px; position: relative; padding-left: 30px;}
.other_group.featured_topics .other_item ul.down li a {font-size: 16px; color: #333;}
.other_group.featured_topics .other_item ul.down li a:hover {color: #F60;}
.other_group.featured_topics .other_item ul.down li a i {margin-right: 5px; color: #666; position: absolute; top: 7px; left: 0px;}
.other_group.featured_topics .other_item ul.card li {line-height: 30px; position: relative; padding-left: 30px;}
.other_group.featured_topics .other_item ul.card li a {font-size: 16px; color: #333;}
.other_group.featured_topics .other_item ul.card li a:hover {color: #F60;}
.other_group.featured_topics .other_item ul.card li a img {position: absolute; top: 7px; left: 0px;}
@media (max-width: 767px) {
ul.down {width: 100%; padding: 0;}
ul.down li {padding: 0;}
}
