﻿@charset "utf-8";

#ZoomContent .indiviLi{ margin: 15px 0px; padding: 0px; background-color: #fff; border-width:0px;}
#ZoomContent .indiviLi_worldIndex{ margin-bottom: 15px; padding: 0px; background-color: #fff; }
.Continent { width: 55%; float: left; padding: 0 20px;}
.ContinentImg { float:right; }
.Continent h2 { margin: 0px;}
.Continent .info { margin: 10px 3px; text-align: justify;}
.Continent .country { width:100%;}

.divCountryTopImg { margin-bottom:10px;}
.divCountryTopImg img { width:100%;height:auto;}

.mapCountry { margin:20px 0 20px 20px;}/*左侧地图*/

.tourList { overflow:hidden; zoom:1; margin-bottom:20px;}
.tourList dl { padding: 15px 0 15px 30px; border-bottom: 1px solid #d1d1d1;}
.tourList dl div.colTourCode { float:left; width:15%;}	
.tourList dl div.colDetail { float:left; width: 75%;}	
.tourList dl div.colPrice { float:right; width:10%; color:#C10000;}	
.tourList dl:first-child, .tourList .dl-head { background: #f2f2f2; border-bottom: 0px; }
.tourList dl:first-child div,.tourList .dl-head div {color: #9e9e9e;}


.div_unitInfo { padding: 10px; background: #f2f2f2; border: 1px solid #d1d1d1; margin-bottom: 10px;}





.worldImg { width: 100%; }
.worldImg-ul { width: 960px; margin:0px auto;}
.worldImg-ul li {
	list-style: none;
	float: left;
	margin: 10px;
	width: 300px !important;
	height: 300px;
	overflow: hidden;
	position: relative;
	
	padding: 0px !important;
	text-align: left !important;
}
.worldImg-ul li a:hover {
	color: #fff;
	text-decoration: none;
}
.worldImg-ul li img {
	width: 100%;
	height: 100%;
	display: block;
}
    .worldImg-ul li .bgTitle {
        position: absolute;
        bottom: 0;
        left: 0;
        text-indent: 15px;
        width: 100%;
        height: 40px;
        line-height: 40px;
        background: url(https://data.agatetravel.com/images/v1/background/bg-black-40.png);
        color: #fff;
    }
.worldImg-ul li .bgTitle h2 {
	font-size: 18px !important;
	font-weight: normal;
	display: inline;
	
	background: none !important;
	text-shadow: none !important;
	color: #fff !important;
	line-height: 40px !important;
	padding: 0px !important;
}
.worldImg-ul li .bgTitle span {
	float: right;
	margin-right: 10px;
	font-size: 14px;
	line-height: 24px;
	text-decoration: none;
	margin: 8px;
	background-color: #409cd1;
	padding: 0px 15px;
}

.worldState { width:900px; margin: 0px auto; }
.worldStateTitle { color: #00a2ff; font-size: 26px;}
.worldState ul { overflow: hidden; zoom: 1; padding-bottom: 15px; }
.worldState ul li { float: left; width: 20%; padding: 15px 0px 0px 15px; }
.worldState ul li a { color: #000000; text-decoration: none;}
.worldState li a:hover{ color:#00a2ff; text-decoration: underline; }


.worldLi li{ float:left;}

.worldLi ul{ overflow:hidden; zoom:1; padding-bottom:15px;}
.worldLi ul li {
    float: left;
    width: 22%;
    border: 1px solid #d1d1d1;
    border-radius: 3px;
    margin: 5px;
    padding: 6px 0px;
    text-align: center;}
.worldLi ul li a{ text-decoration: none;}
.worldLi .conTitle{margin:0 0 0 35px;}





.embaList{ padding:30px;background:#f3f3f3; margin:5px 0;}


.anchor {
    background: url("https://data.agatetravel.com/images/background/bgp020.png") repeat-x scroll 0 0 transparent;
    height: 60PX;
    padding: 0 10px;
    position: relative;
}

.anchor a { border-bottom: 5px solid #E6E4DD; display: inline-block;margin: 0 5px;padding: 20px 7px 12px; text-decoration: none;}

.anchor a:hover{ border-bottom:5px solid #CEA83B; color:#CEA83B;}
.anchor span { border-bottom: 5px solid #E6E4DD; display: inline-block;margin: 0 5px;padding: 20px 7px 12px; text-decoration: none;}

.worldLi p{ text-align:justify;}
.tourLists dl{  float:left;width:700px; margin:10px 20px; }
.box2{ 
	overflow:hidden; zoom:1;background:#f3f3f3;padding-left:30px; margin-bottom:0px;
}
.tourLists .box2 dt {
    background: url("https://data.agatetravel.com/images/icon/icon002.gif") no-repeat scroll 0 4px transparent;
    text-indent: 15px;
    width: 400px;
}

@media screen  and (max-width: 1024px){
	.worldState { width: 100%; }
	.Continent { width: 40%;}
	.worldLi ul li { width:29%;}
}
@media screen  and (max-width: 770px){
	.Continent { width:45%; padding:0px;} 
	.tourList dl { padding: 15px;}
}
@media screen  and (max-width: 640px){
	.worldState ul li { width: 22%; padding: 8px 5px; }
}
@media screen and (max-width:568px){
	.worldState ul li { width: 30%; }
}
@media screen and (max-width:480px){
	.worldState ul li { width: 45%; }	
}
@media screen  and (max-width: 425px){
	.Continent {width:100%;}
	.ContinentImg, .ContinentImg img {width:100%;}
	 
	.worldLi ul li {width:29%;}
	.tourList dl div.colDetail { width:60%; margin:0px 20px;}
}
@media screen  and (max-width: 375px){
	
}
