/*
Plugin: jQuery Parallax
Version 1.1.3
Author: Ian Lunn
Twitter: @IanLunn
Author URL: http://www.ianlunn.co.uk/
Plugin URL: http://www.ianlunn.co.uk/plugins/jquery-parallax/

License: http://creativecommons.org/licenses/by-sa/3.0/ (Attribution Share Alike). Please attribute work to Ian Lunn simply by leaving these comments in the source code or if you'd prefer, place a link on your website to http://www.ianlunn.co.uk/.
*/

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

body{
	margin: 0;
	padding: 0;
	font-family:'微軟正黑體';
	background:url(images/bg.jpg) #fee7c7 ;}

div,ul,li,a,p{font-family:'微軟正黑體';}
	
p,ul,li,img{padding:0;margin:0;list-style:none;}

img{border: 0;}
	
a{ text-decoration:none;}

#intro .story{
	position: relative;
}

#intro .story .title{
	width:100%;
	height: auto;
	position: absolute;
	top: 50px;
	}

#intro .story .title img{
	width:90%;
}

h1,h2,h3{display:none;}

#header, #intro, #second{width: 100%;}

/* ====== 主圖 ====== */	
#intro{
	background:url(images/intro_bg.jpg) 50% 0 no-repeat fixed;
	background-size:100% cover; 
	color: white;
	height:500px;
	margin: 0 auto;
	padding: 0;
}

/* ====== 背景圖 ====== */	
#second{
	color: white;
	background:url(images/bg.jpg) #fee7c7 ;
	padding:0px 0 100px 0;	

}
/* 曲線圖背景  */
#fifth{
	height:auto;
	padding:0;
}
#fifth .blue_top{
	margin:-100px auto 0 auto;
	/* background:url(images/top.png) center top no-repeat; */
	}

/* ====== 卡達航空5大優勢 ====== */
.blue_top .story{
	position:relative;
	/* height:100px; */
	overflow:visible;
	}
.story{
	margin: 0 auto;
	max-width:960px;
	}

.p_box{
	display:block;
	padding: 0 10px;
}

.story .float-left, .story .float-right{
	padding: 100px 0 0 0;
	position: relative;
	width: 350px;	
}
.tour-list {
	position: absolute;
	top: -38px;
	left: 46px;
	width: 700px;
 }
.nav2{
	width:873px;
	height:427px;
	overflow:hidden;
	background:url(images/new_top_3.png);}
	
.nav2 p{text-indent:-9999px;}




/* ====== 820px ====== */		
.transit{
	max-width:820px;
	margin: 0 auto;
}


.topic_title span{
	display: none;
}

.topic_title{
	display:block;
	text-align: center;
	}


.topic_title img{
	width: 100%;
	display:block;
	margin: 0 auto;
}


.transit ul{display:block; overflow:hidden;}
	

.transit li {
	width: 100%;
	/* height: 410px; */
	margin: 0px 0px 25px 0px;
	padding-bottom: 28px;
	float: left;
	display: block;
	background: #4d304e;
	}

.transit li img{
	display: block;
	margin: 0 auto;
}

.transit li a{
	display:block;
	margin:0 auto;
	overflow:hidden;
	width:90%;
	padding: 0 7px;
	line-height:35px;
	border-bottom:dashed 1px #666666;
	}
.transit_location{
	display:block;
	width:239px;
	height:183px;
	margin: 0 auto;
	text-indent:-9999px;
	}
	
.location01{
	background:url(images/in-western-europe.jpg);
	background-repeat: no-repeat;
}	
.location02{background:url(images/southern-europe.jpg) ;background-repeat: no-repeat;}
.location03{background:url(images/eastern-europe.jpg);	background-repeat: no-repeat;}	
.location04{background:url(images/nordic.jpg);	background-repeat: no-repeat;}	
.location05{background:url(images/middle-east.jpg) ;	background-repeat: no-repeat;}	
.location06{background:url(images/america.jpg) ;	background-repeat: no-repeat;}	
	
.transit ul li a:last-child{border-bottom:none}
	
.transit ul li a:hover{background-color:#782556;}
	
.transit ul li a .ait_t{font-weight:bold;}
	
.air_t{
	display:block;
	float:left;
	font-size:13px;
	padding-top:2px;
	color:#FFFFFF;
	font-weight:500;
	margin-left:3px;
	margin-left:1px \9;
	}
	
.air_p{
	display:block;
	float:right;
	color:#fef8ba;
	margin-right:3px;
	text-decoration:none;
	}




/* ---- 活動內容區 ---- */
.box {width: 800px; height:150px;}
.box p { font-size:15px; text-decoration:none; line-height:23px; color:#530405; font-weight:bold;margin: 0 0 0 50px;}
.box h4 {font-size:22px; text-decoration:none; line-height:30px; color:#530405; font-weight:bold;margin: 0 0 0 50px;}
.box a{color:#990099; text-decoration:none;}
.box a:hover{text-decoration: underline; color: #FF0000;}

	
/* 文字顏色大小  */

.type_red{color:#FF0004;}
	
.type_bold{font-weight:bold;}
	
.type13{font-size:13px;}

.type17{
	font-size:17px;
	font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	}
	
.price{
	padding:0 2px;
	font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	}
	
.type_underline{
	text-decoration:underline;
	}

	
.more {
	display:block;float:right;margin:0 0px 0 0;padding:0;text-align:right;font-size:0.75em;line-height:30px;
}
.more a:link,  .more a:visited { 
	padding:5px 4px 3px; background:#2A2929; color:#FFFFFF; text-decoration:none}
.more a:hover, .more a:active { text-decoration:underline}


/* 20190430 */


.rapper_box{
	overflow:hidden;
}

div.txtbox{
	display: block !important;
}

.b_left{
	float: left;
	width: 100%;
	margin-right:2%;
}
.b_left img{
	width:auto;
	margin: 0 auto;
	height: auto;
}

.b_right{
	width: 100%;
}

.sale_txt{
	font-size: 15px;
	line-height: 1.5 !important;
	padding-bottom: 10px;
}

.new_title{
	line-height: 1.4 !important;
	padding: 0 0 10px 0 ;
	margin: 0;
	color: #9c005b !important;
	font-size: 20px;
	font-weight: bold;
}
.new_title span{
	display: block;
}

ul.list_info_list {
	font-size: 14px;
}
ul.list_info_list > li{
	display:block !important;
	line-height: 2;
}
ul.list_info_list .list_tt{
	color: #9c005b !important;
}
ul.in_list{
	display: block;
	margin-left: 15px !important;
}
ul.in_list li span{
	color: #9c005b !important;
}

ul.in_list,ul.in_list2,ul.in_list3 {
	display: block;
	clear: both;
	padding-bottom:6px !important;
}

ul.in_list2 li{
	line-height: 1.4;
	margin-bottom: 3px;
	color:#565a5c;
	list-style-type: disc;
	margin-left: 20px;
}

ul.in_list3 li{
	line-height: 1.4;
	list-style-type:decimal;
	margin-left: 20px;
	margin-bottom: 3px;
	color:#565a5c;
}


ul.in_list li{
	line-height: 1.4;
	margin-bottom: 3px;
	text-indent: -49px;
	padding-left: 49px;
	color:#565a5c;
}

ul.in_list li a{
	display:inline !important;
	text-decoration: none !important;
	font-size: 15px !important;
	border: none !important;
	padding: 0 !important;
	background-color:none !important;
	color:#2A2929 !important;
	text-decoration: underline !important;
}

ul.in_list li a:hover{
	color: #9c005b !important;
}



/*表單*/
.tabs-colorful-icons{
    font: bold 1em sans-serif;
    margin: 0;
	width:100%;    
    text-align: center;
	margin-bottom: 30px;
}

/* The tabs */

.tabs-colorful-icons ul{
    list-style: none;
    text-align: left;
    margin: 0;
    padding: 0;
}

.tabs-colorful-icons >ul >li{
    display: inline-block;
	margin-bottom: -1px;
	width:32%;
	text-align: center;
}

.tabs-colorful-icons > ul li a{
display: block;
text-decoration: none;
font-size: 17px;
/* border: 1px solid transparent; */
border-top: 5px solid #cf77aa;
border-bottom: 1px solid #dddddd;
border-radius: 3px 3px 0 0;
padding: 8px 15px 8px 15px;
background-color: #FFFFFF;
color: #cf77aa;
}

.listlink a{
	color: #9c005b ;
}

.tabs-colorful-icons ul li i{
    padding-right: 8px;
}

/*.tabs-colorful-icons .first-tab{
    color: #6e3a14;
}

.tabs-colorful-icons .second-tab{
    color: #5799e4;
}

.tabs-colorful-icons .third-tab{
    color: #5799e4;
}*/

.tabs-colorful-icons .tab-active {
border-color: #ffffff;
border-top: 5px solid #9c005b;
	color: #9c005b;
}

/* The content */

.tabs-colorful-icons .tabs-content-placeholder{
    overflow: hidden;
    border-top: 1px solid #dddddd;
    font-weight: normal;
    background-color: #fff;
    padding: 25px 25px;
    margin: 0 auto;
    text-align: center;
}

.tabs-colorful-icons .tabs-content-placeholder div{
	font-size:0.8em;
    display: none;
}



.tabs-colorful-icons .tabs-content-placeholder div.tab-content-active{
    display: block;
}

.tabs-colorful-icons .tabs-content-placeholder div p{
    color: #565a5c;
    line-height: 2em;
    text-align: left;
    margin:0;
}

.tabs-colorful-icons .tabs-content-placeholder div.rightbox{
	display:block;	   
    margin:0;
}

.tabs-colorful-icons .tabs-content-placeholder div.rightbox p{
	font-size:15px;
    color: #565a5c;
    line-height: 20px;
    text-align: left;
    margin:0;
	margin-bottom: 10px;
}

.tabs-colorful-icons .tabs-content-placeholder div.rightbox p strong{
    line-height: 2em;
	color:#9c005b;
    margin:0;
	clear: both;
display: block;
}

.tabs-colorful-icons .tabs-content-placeholder div img{
    max-width: 100%;
}

/*.tabs-colorful-icons .tabs-content-placeholder div img.sm{
	display:none;
}*/

.rightbox ul {
	
}

.rightbox li {
list-style: disc !important;
line-height: 20px;
font-size: 14px;
padding-left: 14px;
margin-bottom: 10px !important;
color: #565a5c;
background: url(images/list_icon.jpg) no-repeat;
background-position: 3px 7px;
}

.rightbox a {
color: #9c005b;
border-bottom: 1px solid #9c005b;
}

.rightbox a:hover {
color:#530405;
border-bottom: 1px solid #9d005c;
}

.but {
display: block !important;
margin: auto;
text-align: center;
}

.but a {
display: table;
background-color: #9c005b;
margin: auto;
color: #ffffff;
padding: 5px 10px;
font-size: 15px;
border-radius: 5px;
box-shadow: 3px 3px 0px #82004c;
}

.but a:hover {
background-color:#82004c;
}

.sale_price {
display: block !important;
margin: auto;
text-align: center;
}

.sale_price a {
float: right;
display: table;
background-color:#fff6ad;
font-size: 20px;
font-weight: bold;
border-bottom: 0px;
padding: 5px 15px;
color: #565a5c;
}

.sale_price a:hover {
border-bottom: 0px;
color: #565a5c;
background-color: #FFF961;
}

.sale_price span {
font-size: 25px;
color: #9c005b;
font-family: sans-serif;
}


.right_box_title {
	font-size: 20px;
	color: #9c005b;
	font-weight: bold;
}

ul.in_list2 li #listlink a{
	display:inline-block;
	text-decoration: none;
	font-size: 15px !important;
	border:none!important;
	border-top: none!important;
	border-bottom: none!important;
	border-radius: none!important;
	padding: none!important;
	background-color: #FFFFFF!important;
	color: #990099!important;
}


@media only screen and (min-width:560px) {
	.b_left{
		width: 25%;
		float: left;
	}
	.b_right{
		width: 70%;
		float: left;
	}
	
	.tabs-colorful-icons .tabs-content-placeholder div.rightbox{
		display:block;	   
		margin:0;
		float:right;
		width: 65%;
	}

	
.tabs-colorful-icons >ul >li{
    display: inline-block;
	margin-bottom: -1px;
	width:auto;}


}


/*-----平板-----*/
@media only screen and (min-width:768px) {

	#intro .story .title{
		width:571px;
		height:260px;
		margin:30px 0 0 50px;
	}

	.transit li{
		width:48%;
		min-height:440px; 
		margin: 0 1% 20px 1%;
	}
	
	.topic_title img{
		width: 95%;}



}

/*-----電腦版-----*/
@media only screen and (min-width:960px) {
	.transit li{
		width:245px;
		min-height:440px; 
		margin: 0px 20px 25px 0px;
	}

	

	
}