@charset "utf-8";
/* CSS Document */
@import url(reset.css);  
@import url(font-awesome.min.css);  
@import url(jquery-ui.css);  


body{width:100%; font-size:1em; margin:0; padding:0; font-family: Arial, Helvetica, sans-serif, "微軟正黑體"; -webkit-text-size-adjust: none; -webkit-font-smoothing: antialiased;}
html, body{height:100%; margin:0;}
.full{width:100%; height:100%; overflow:hidden;}
.blod{font-weight:bold;}
#scrollUp {
	bottom: 20px;
	right: 20px;
	background: #555;
	color: #fff;
	font-size: 12px;
	font-family: sans-serif;
	text-decoration: none;
	opacity: .9;
	padding: 10px 20px;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	-webkit-transition: background 200ms linear;
	-moz-transition: background 200ms linear;
	transition: background 200ms linear;
}
#scrollUp:hover {background: #000;}

#container{width:100%;height:100%;}
header{width:100%; padding:30px; position:fixed; top:0; z-index:10;
  background: -webkit-linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0)); 
  background: -o-linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0)); 
  background: -moz-linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0)); 
  background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0));}

header h1{font-size:0.75em; color:#fff; position:absolute; top:0; right:0; padding:1% 4%; text-shadow:0 0 3px #555;}
header .logo{margin-left:2%; float:left; max-width:240px;}
header .logo img{width:100%;}
header .menu{float:right; color:#fff; padding-top:50px; padding-left:50px;}
header .menu .menu_padding{padding-right:90px;}
header .menu a{display:inline-block; color:#fff; font-size:1.2em; text-shadow:0 0 3px #555;}
header .menu .social_icon{padding:0 15px;}
/* header transitions */
header,
header h1,
header .menu,
header .logo img {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
header.cbp-af-header-shrink {padding:15px;}
header.cbp-af-header-shrink h1{padding:1% 1.5%;}
header.cbp-af-header-shrink .menu{padding-top:40px;}
header.cbp-af-header-shrink .logo{max-width:160px;}
/* three circles */
.menu a.menu_padding {
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	transition: color 0.3s;
	position: relative;
	display: inline-block;
	text-decoration: none;
	text-transform: uppercase;
}

.menu a.menu_padding::before {
	position: absolute;
	top: 100%;
	left: 22%;
	color: transparent;
	content: '•';
	text-shadow: 0 0 transparent;
	font-size: 1.2em;
	-webkit-transition: text-shadow 0.3s, color 0.3s;
	-moz-transition: text-shadow 0.3s, color 0.3s;
	transition: text-shadow 0.3s, color 0.3s;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%);
	pointer-events: none;
}

.menu a.menu_padding:hover::before,
.menu a.menu_padding:focus::before {
	color: #fff;
	text-shadow: 10px 0 #fff, -10px 0 #fff;
}

.menu a.menu_padding:focus {
	color: #fff;
}

/*mobilemenu*/
.menu_button{display:none;}
.overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index:99;
	background: rgba(0,174,255,0.9);
}
.overlay .overlay-close {
	width: 80px;
	height: 80px;
	position: absolute;
	right: 20px;
	top: 20px;
	overflow: hidden;
	border: none;
	background: url(../images/cross.png) no-repeat center center;
	text-indent: 200%;
	color: transparent;
	outline: none;
	z-index: 100;
}
.overlay nav {
	text-align: center;
	position: relative;
	top: 50%;
	height: 60%;
	font-size: 1.7em;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.overlay ul {
	list-style: none;
	padding: 0;
	margin: 0 auto;
	display: inline-block;
	height: 100%;
	position: relative;
}

.overlay ul li {
	display: block;
	height: 20%;
	min-height: 54px;
}

.overlay ul li a {
	font-weight: 300;
	display: block;
	color: #fff;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
}

.overlay ul li a:hover,
.overlay ul li a:focus {
	color: #e3fcb1;
}
.overlay-hugeinc {
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity 0.5s, visibility 0s 0.5s;
	transition: opacity 0.5s, visibility 0s 0.5s;
}

.overlay-hugeinc.open {
	opacity: 1;
	visibility: visible;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
}

.overlay-hugeinc nav {
	-webkit-perspective: 1200px;
	perspective: 1200px;
}

.overlay-hugeinc nav ul {
	opacity: 0.4;
	-webkit-transform: translateY(-25%) rotateX(35deg);
	transform: translateY(-25%) rotateX(35deg);
	-webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
	transition: transform 0.5s, opacity 0.5s;
}

.overlay-hugeinc.open nav ul {
	opacity: 1;
	-webkit-transform: rotateX(0deg);
	transform: rotateX(0deg);
}

.overlay-hugeinc.close nav ul {
	-webkit-transform: translateY(25%) rotateX(-35deg);
	transform: translateY(25%) rotateX(-35deg);
}


/*選單控制*/
.searchArea{
	position:absolute; 
	bottom:0; 
	width:100%; 
	z-index:5; 
	border-bottom:1px solid #dbdbdb; 
	overflow:hidden;
	}

.tabs {
	position: relative; 
	overflow: hidden; 
	margin: 0 auto; 
	width: 100%;
	}
.tabs nav {text-align: center;}
.tabs nav ul {
position: relative;
display: -ms-flexbox;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: flex;
margin: 0 auto;
max-width: 1400px;
-ms-box-orient: horizontal;
-ms-box-pack: center;
-webkit-flex-flow: row wrap;
-moz-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.tabs nav ul li {
position: relative;
z-index: 1;
display: block;
margin: 0;
text-align: center;
-webkit-flex: 1;
-moz-flex: 1;
-ms-flex: 1;
flex: 1;
max-width:188px;
}



.tabs nav a {
position: relative;
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
line-height: 2.8em;
font-size:1.6em;

/* 按鈕 */
margin: 0 2px;background: #FF8204; color: #fff; transition: background-color 0.2s, color 0.2s; }
.tabs nav li.tab-current a {background-color: #fff;	color: #000;}
.tabs nav ul li a:hover,
.tabs nav a:focus {outline: none; color: #000;}
.content-wrap {position: relative; background:#fff;}
.content-wrap section {
display: none;
margin: 0 auto;
padding: 1em;
max-width: 1400px;
height:50px; /* 首頁標籤高度 */
}



.content-wrap .content-current {display: block;}
.search_div{float:left; padding:0 10px;}
.search_tit{display:block; margin-bottom:5px;}
.search_country{width:30%;}
.search_date{width:60%;}
.search_btn{width:10%;}
.search_btn .button{background:#FF8204; padding:10px; color:#fff; border:none; outline:none; width:100%; margin-top:28px;}
.search_box{background:#f0f0f0; padding:10px; border:none; outline:none; width:100%;}
.search_date .search_box{width:47%; margin-right:2%; padding:13px; background:url() no-repeat right #f0f0f0;}

/*search effect*/
.s-overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index:99;
	background: rgba(0, 0, 0, 0.9);
}
.s-overlay .s-overlay-close {
	width: 80px;
	height: 80px;
	position: absolute;
	right: 20px;
	top: 20px;
	overflow: hidden;
	border: none;
	background: url(../images/cross.png) no-repeat center center;
	text-indent: 200%;
	color: transparent;
	outline: none;
	z-index: 100;
}
.s-overlay-corner {
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translateY(0px) translateX(100px);
	transform: translateY(0px) translateX(100px);
	-webkit-transition: opacity 0.5s, -webkit-transform 0.5s, visibility 0s 0.5s;
	transition: opacity 0.5s, transform 0.5s, visibility 0s 0.5s;
}

.s-overlay-corner.open {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateY(0%);
	transform: translateY(0%);
	-webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
	transition: opacity 0.5s, transform 0.5s;
}

/*footer*/
footer{width:100%; background:#fff; text-align:center;}
.footer_summury{padding:40px 30px; color:#777; line-height:30px;}
.footer_summury .foot_social{font-size:1.5em;}
.footer_summury .foot_social a{background:#afafaf; color:#f8f8f8; display:inline-block; text-align:center; margin:0 10px; border-radius:50%; width:50px; height:50px; transition:all ease 0.5s;}
.footer_summury .foot_social a i{line-height:50px;}
.footer_summury .foot_social a:hover{background:#777;}
.footer_summury .foot_nav{ margin:20px; font-size:1.3em; }
.footer_summury .foot_nav a{display:inline-block; margin:0 15px; color:#4d4d4d;}
.footer_summury .foot_nav a:hover{color:#00a2ff;}
.footer_summury p span{display:block;}
.copyright{width:100%; background:#003858; color:#fff; padding:10px 20px; font-size:0.8em; text-align:left;}
.copyright span{margin-left:20px; float:right;}
.copyright a{color:#fff;}

@media only screen 
and (max-width : 1400px) {
header .logo{margin-left:3%;}
header .menu{padding-left:30px;}
header .menu .menu_padding{padding-right:60px;}
}

@media only screen 
and (max-width : 1200px) {
header .logo{margin-left:1%;}
header .logo img{width:200px;}
header .menu{padding-left:0px;}
header .menu .menu_padding{padding-right:40px; font-size:98%;}
.search_country{width:30%;}
.search_date{width:55%;}
.search_btn{width:15%;}
}

@media only screen 
and (max-width : 990px) {
header{padding:10px;}
header .logo img{width:180px;}
header .menu{ display:none;}
header h1{padding:0 1%;}
.menu_button{display:block; float:right; color:#fff; font-size:1.8em; margin:1em 0.5em; text-shadow:0 0 3px #555;}
.noshow{display:none;}
}

@media only screen 
and (max-width : 768px) {
.noshow{display:block;}
header.cbp-af-header-shrink {padding:5px;}
header.cbp-af-header-shrink .logo img{width:150px;}
.menu_button{ margin-bottom:0;}
.searchArea{position:static; max-width:90%; margin:15% auto;}
.tabs nav ul li {max-width:none;}
.tabs nav a{margin:0;}
.content-wrap section {height:auto; }
.search_div{float:none;}
.search_country, .search_date, .search_btn{width:100%;}
.search_tit{margin:10px 0;}
.search_date .search_box{width:48%; margin-right:0%;}
.search_date .search_box:last-child{float:right;}
.footer_summury{font-size:0.9em; line-height:25px;}
.footer_summury .foot_nav{ margin:20px 0;}
.footer_summury .foot_nav a{display:inline-block; padding:0 10px; margin:0;}
.footer_summury p span{display:inline;}
.footer_summury p span:first-child{display:block;}
}

@media only screen 
and (max-width : 480px) {
header .logo img{width:150px;}
header.cbp-af-header-shrink .logo img{width:100px;}
.menu_button{font-size:1.5em; margin-top:20px;}
.search_box{font-size:0.75em;}
.search_date .search_box{width:100%; margin-right:0%; margin-bottom:5px}
}