body {
	font-family: Arial, Helvetica, sans-serif;
}
.tooltip {
	display: block !important;
}

h2 {
	font-size: 18px;
	font-weight: 400;
}

.x_panel {
	position: relative;
	width: 100%;
	margin-bottom: 10px;
	padding: 10px 17px;
	display: inline-block;
	background: #fff;
	border: 1px solid #E6E9ED;
	-webkit-column-break-inside: avoid;
	-moz-column-break-inside: avoid;
	column-break-inside: avoid;
	opacity: 1;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	-webkit-transition: all .2s ease;
	-ms-transition: all .2s ease;
	transition: all .2s ease;
}
.x_panel_li{ margin: 20px 0; padding: 0; border: none; }
@media (max-width: 768px){
	.x_panel_li{ margin-top: 0px; padding-top: 0 !important; background: none;}
}
.x_title {
	padding: 1px 5px 0px;
}

.x_title .filter {
	width: 40%;
	float: right;
}

.x_title h2 {
	margin: 5px 0 6px;
	float: left;
	display: block;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	color: #9a0000;
}

.x_title h2 small {
	margin-left: 10px;
}

.x_title span {
	color: #BDBDBD;
}

.x_content {
	padding: 0 5px 6px;
	position: relative;
	width: 100%;
	float: left;
	clear: both;
	margin-top: 5px;
}
.x_content p{ margin-bottom: 5px;}
.x_content h4 {
	font-size: 16px;
	font-weight: 500;
}


.tile_count {
	margin-bottom: 20px;
	margin-top: 20px;
}

.tile_count div:first-child .left {
	border: 0;
}

.tile_count .tile_stats_count {
	border-left: 0px solid #333;
	padding: 0;
}

.tile_stats_count .left {
	width: 15%;
	float: left;
	height: 65px;
	border-left: 2px solid #ADB2B5;
	margin-top: 10px;
}

.tile_stats_count .right {
	padding-left: 10px;
	height: 100%;
	text-overflow: ellipsis;
	overflow: hidden;
}

.tile_stats_count .right span {
	text-overflow: ellipsis;
	white-space: nowrap;
}
@media (max-width: 375px){
	.tile_stats_count .right{ font-size: 12px;}
}

.tile_stats_count .count {
	color: #9a0000;
	font-size: 40px;
	line-height: 47px;
	font-weight: 600;
}

.tile_stats_count .count small {
	font-size: 20px;
	line-height: 20px;
	font-weight: 600;
}

@media (max-width: 987px){
	.tile_stats_count .count { font-size:26px;}
}

/***** *****/

a{
	text-decoration:none;
}

header{
	border-bottom:1px solid #DDDDDD;
	margin-bottom:30px;
	background:#9A0000;

}


.navbar-default{
	background:none;
	border:none;
    margin-bottom: 12px;
}

.navbar-default .navbar-nav>li>a{
	color:#FFFFFF;
}

.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus{
	color:#F5F5F5;
}

@media (min-width: 768px){
	.navbar-nav{
		padding-top:20px;
	}

	.navbar-default .navbar-nav>li>a{
		border:1px solid #e47c61;
		padding:10px 12px;
		margin-right:5px;
		font-size:16px;
	}
}


.navbar-brand{
	height:auto;
	padding:10px 0px 0px 0px;
	margin:0px;
}

footer{
	border-top:1px solid #D0D0D0;
	padding:20px 0px 0px 50px;
	text-align:center;
}

.resultlinks{
	padding:30px;
	text-align:center;
}
@media (max-width: 768px){
	.col-lg-offset-1 .navbar-toggle{ margin-top: 30px;}
	footer{padding: 20px 10px 0px 10px;}
   .resultlinks{
	  padding:15px 10px;
	   margin-top:10px;
   } 
}
.img-responsive{
	display:block;
	max-width:100%;
	width:100%\9;
	height:auto
}

.navbar-brand{
	height:auto;
	width:145px;
}

.blue{
	color:#9A0000;
}

.green{
	color:#09F;
}

.red{
	color:#9a0000;
}

.spacer{
	padding:10px;
}

.alert.alert-warning{
	background:#fff500;
	padding:50px;
	font-weight:800;
}

.blueword{
	color:#0a62a9;
}
.x_content_data .col-sm-4:last-child{ padding-right: 0;}
@media (max-width: 768px){
	.body_data{ background: #f8f8f8;}
	.x_content_data hr{ border: none; margin: 14px 0;}
	.x_content_data .col-lg-10{ padding-left: 10px; padding-right: 10px;}
	header{ margin-bottom: 20px;}
	h1.blueword{ font-size: 30px;}
	.tile_stats_count{width: 50%;float: left; padding-left: 0px; padding-right: 0px;}
	.tile_stats_count .left{ width: 10px;}
	.tile_stats_count .right{ padding-left: 5px;}
	.x_content_data .col-sm-4{ width: 33.3333%; float: left;}
	.x_panel{ padding-bottom: 0; margin-bottom: 20px; padding-top: 17px; padding-right: 10px;}
	.x_panel .spacer{ font-size: 16px; padding: 5px 0;}
	.tile_stats_count .spacer{ font-size: 14px; padding:0;}
	.x_title{ padding-left: 0;}
	.x_content{ padding-left: 0;}
}
@media (max-width: 375px){
	.tile_stats_count .spacer{ font-size: 12px;}
}

.visit-map{
	display:none;
}

.navbar-default .navbar-toggle .icon-bar{
	background:#FFFFFF;
}

.tile_stats_count{
	padding-bottom:25px;
}

@media (min-width: 768px){
	.tile_stats_count{
		padding-bottom:0px;
	}
}

.resultlinks .btn{
	display:block;
	margin-bottom:5px;
}

.resultlinks .btn-lg{
	border-radius:0px;
}

@media (min-width: 768px){
	.resultlinks .btn{
		display:inline-block;
		margin:0px;
	}

	.resultlinks .btn-lg{
		border-radius:6px;
	}

}


/* Visit Map */

.wordbreak{ word-break:break-all;}

#fenbupic{
	color:#023E7C;
	line-height:22px;
	text-align:center;
}

#fenbupic .dq{
	background:#af2421;
	line-height:42px;
}

#fenbupic .dq:hover{
	background:red;
}

#fenbupic a{
	display:block;
	color:#fff;
	text-decoration:none;
	line-height:22px;
	text-align:center;
}


#germany,#poland,#indonesia,#finland,#russia,#china,#korea,#chile,#japan,#united,#france,#spain,#canada,#unitedmei,#portugal,#switzerland,#italic,#brazil,#argentina,#uae,#india,#thailand,#malagsia,#vietnarn,#morocco,#mexico,#iran,#australian,#south-africa,#netherlands,#turkey{
	border:1px solid #CB0003;
	background:#fff;
	display:inline-block;
	margin:5px;
	line-height:42px;
	width:110px;
	height:42px;
	font-size: 12px;
}

@media (min-width: 768px){

	#fenbupic{background:url(../images/etw_group_202414.png) center center no-repeat;width:800px;height:350px;margin:10px auto;position:relative;color:#023e7c;font-size:12px;text-align:center;}

	#germany,#poland,#indonesia,#finland,#russia,#korea,#japan,#chile,#united,#france,#spain,#canada,#unitedmei,#portugal,#chile,#switzerland,#italic,#brazil,#argentina,#uae,#turkey,#india,#thailand,#malagsia,#vietnarn,#morocco,#mexico,#iran,#australian,#south-africa,#netherlands
	{
		width: 78px;
		line-height: 22px;
		border: 1px solid #0E7CAD;
		position: absolute;
		background: #fff;
		height:23px;
		margin:0px;
		padding-top:0px;

	}
#germany{width:75px;top:22px;left:233px;}
#poland{width:78px;top:90px;left:700px;}
#indonesia{width:78px;top:292px;left:700px;}
#thailand{width:78px;top:142px;left:562px;}
#finland{width:78px;top:127px;left:700px;}
#russia{width:90px;top:292px;left:131px;}
#china{width:78px;top:14px;left:364px;}
#korea{width:88px;top:252px;left:20px;}
#japan{width:88px;top:292px;left:20px;}
#united{width:78px;top:22px;left:700px;}
#france{width:78px;top:56px;left:700px;}
#spain{width:85px;top:22px;left:321px;}
#canada{width:88px;top:68px;left:20px;}
#unitedmei{width:88px;top:22px;left:20px;}
#portugal{width:85px;top:22px;left:418px;}
#chile{width:88px;top:142px;left:20px;}
#switzerland{width:78px;top:215px;left:21px;}
#italic{width:85px;top:22px;left:515px;}
#netherlands{width:75px;top:22px;left:613px;}
#brazil{width:88px;top:180px;left:20px;}
#argentina{width:84px;top:292px;left:596px;}
#uae{width:88px;top:214px;left:20px;}
#turkey{width:84px;top:292px;left:366px;}
#thailand{width:78px;top:196px;left:700px;}
#india{width:78px;top:226px;left:700px;}
#iran{width:78px;top:260px;left:700px;}
#malagsia{width:107px;top:292px;left:470px;}
#vietnarn{width:107px;top:292px;left:241px;}
#morocco{width:78px;top:124px;left:553px;}
#mexico{width:88px;top:105px;left:20px;}
#south-africa{width:78px;top:162px;left:700px;}
#australian{width:97px;top:22px;left:122px;}


	#fenbupic .dq{
		background:#af2421;
		line-height:21px;
		color:#fff;
	}
	#germany a,#poland a,#indonesia a,#finland a,#russia a,#china a,#korea a,#japan a,#united a,#france a,#spain a,#unitedmei a,#portugal a,#switzerland a,#italic a,#brazil a,#argentina a,#uae a,#turkey a,#malagsia a,#thailand a,#vietnarn a,#morocco a,#canada a,#india a,#mexico a,#chile a,#australian a,#south-africa a,#netherlands a{display:block;color:#023E7C;line-height:22px;text-align:center;font-family:Arial, Helvetica, sans-serif;font-size:12px;}

	#germany a:hover,#poland a:hover,#indonesia a:hover,#finland a:hover,#russia a:hover,#china a:hover,#korea a:hover,#japan a:hover,#united a:hover,#france a:hover,#spain a:hover,#unitedmei a:hover,#portugal a:hover,#switzerland a:hover,#italic a:hover,#brazil a:hover,#argentina a:hover,#uae a:hover,#turkey a:hover,#malagsia a:hover,#thailand a:hover,#vietnarn a:hover,#morocco a:hover,#canada a:hover,#india a:hover,#mexico a:hover,#chile a:hover,#australian a:hover,#south-africa a:hover,#netherlands a:hover{background:#0E7CAD;color:#fff;}

}

a{ cursor: pointer;}
/*��ʾ�͵�������ʽ*/
.popover{max-width:248px;min-width:248px;}
#popOverBox{ font-size:12px; color:#666; line-height:16px; font-weight: normal;}
.reveal-modal-bg{position:fixed;height:100%;width:100%;background:#000;filter:alpha(opacity=40);-moz-opacity:.4;-khtml-opacity:.4;opacity:.4;z-index:10000;top:0;left:0;display: block; cursor: pointer;}
.reveal-modal{display:none;position:fixed !important;position:absolute;width:auto;max-width:300px;height:auto;overflow:hidden;background:#f2f2f2;position:absolute;z-index:10001;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;outline:0;-moz-box-shadow:0 3px 3px rgba(0,0,0,0.5);-webkit-box-shadow:0 3px 3px rgba(0,0,0,0.5);box-shadow:0 3px 3px rgba(0,0,0,0.5);background-clip:padding-box;font-size:14px;line-height:26px;color:#000;}
.reveal-modal h1{background:#9A0000;color:#FFF;margin:0;padding:10px;font-size:14px;text-align:center}
.reveal-modal .close-reveal-modal{font-size:22px;line-height:.5;position:absolute;top:12px;right:6px;color:#aaa;text-shadow:0 -1px 1px rbga(0,0,0,.6);cursor:pointer}
.reveal-modal .close-reveal-modal:hover{color:#fff; text-decoration:none}
.form-horizontal{ padding-top: 10px;}
.form-horizontal .controlgroup{width:240px;border-top:1px solid #fff;border-bottom:1px solid #e5e4e4;margin-bottom:0}
.form-horizontal .controlgroup:last-child{border-bottom:0}
.form-horizontal .controlgroup .conleft{width:80px;float:left;text-align:left;padding:10px 2px 7px 15px;*padding:13px 2px 7px 15px}
.form-horizontal .controlgroup .controls{padding:10px 0}
.form-horizontal .controlgroup .conright{padding:8px 5px 8px 10px;_padding:8px 5px 8px 3px;*padding:8px 5px 8px 3px}
.form-horizontal .controlgroup input{border:1px #ededed solid; line-height: 30px; height: 30px; width: 96%; padding: 0 2%;}
.form-horizontal .controlgroup input:hover{ border:1px #8bc1ec solid; }
.controlgroupbtncircle{ text-align: right; float: right; color: #9A0000; font-weight: bold; background: none; border: none; padding: 6px 10px 10px 0px;}

.controlgrouppopoverclose{ text-align: right; float: right; font-size: 20px; cursor: pointer;}


/*11-24���*/

.nav-second{margin:10px 0 30px 0;}
.nav-second .title{font-size:16px;text-align:center;border-bottom:1px solid #eee;}
.nav-second .short-text{font-size:12px;padding:15px; }
.shortinfo{height: 52px; overflow: hidden; margin-bottom: 5px;}
.moreinfo{margin: 0 auto;color: #0a62a9; text-align: center; cursor: pointer; line-height: 14px;}
.moreinfo i{ width: 100%; clear: both;}
.moreinfo:hover{ color: #c00;}
.spanleft{ float: left; width: 7%;}
.spanright{ float: left; width: 92%;}

.col-sm-4{ padding-left: 0px; padding-right: 5px;}
@media(max-width:767px){
	.nav-second{height:auto;margin: 10px 0;}
}
.resultlinks .btn-primary{background-color: #0a62a9;border-color: #0a62a9;}
@media(max-width:767px){
	.resultlinks .btn-lg{ padding: 14px; margin-bottom: 16px;font-size: 16px;}
}
.x_content_data .button {
	display:block;
	margin: 0;
	padding:10px 0;
	text-decoration: none;
	text-align: center;
	color: #fff;
	white-space: nowrap;
	cursor: pointer;
	outline: none;
	background-color: #0a62a9;
	border-radius: 6px;
	font-size: 18px;
	/* IE hacks */
	zoom: 1;
	*display: inline;
}
.button:hover,
.button:focus,
.button:active,
.button.active {
	background-color: #286090;
    border-color: #204d74;
	color:#fff;
	text-decoration: none;
}

.clear{  clear: both;}
.center{ width:100%; margin:0 auto;padding-top:3px;}
.center .title{ font-size:26px;padding-top:15px; color:#c00; width:100%; text-align:center;}

.center > .ttitle{ font-size:1em; padding-bottom: 3px;}
.center > .table{ width:32.5%; float:left;border-collapse:separate; margin-right:1%; border-bottom:1px #666 solid;border-left:1px #666 solid;}
.center > .tblast{ margin-right:0px;}
.center > .table tr.tb{ background:#efe210; font-size: 1em;}
.center > .table tr.tb td{ text-align:center;}
.center > .table tr td{line-height:19px;border-top:1px #666 solid;border-right:1px #666 solid;}
.center > .table tr td.td1{text-align:left; padding-left:7px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.center > .table tr td.td2{text-align:right; padding-right:7px;}
@media(max-width:991px){
	.center > .table tr td.td1{ max-width: 110px;}
}
@media(max-width:768px){
	.x_content_data .button{ font-size: 16px;}
	.center > .table{ width:49%; margin-bottom: 10px;}
}
@media(max-width:576px){
	.center > .table{ width:100%;margin-bottom: 10px;}
}
.center > .table1{ width: 100%;}
.center > .table1 td{ padding-left: 10px;}
.center > .table1 a{ color: #333;}
.center .info .blue{color:#1f7fd9;}
.info ul{margin-top: 20px; padding-left:0;}
.info ul li{ list-style:none; padding-left:0; font-size:0.9em; padding-bottom:7px; color:#333;}

.center .info > .kouh{ padding-left:55px; padding-top: 10px; font-size:0.9em;}
.center .info > .kouh span{ padding-left:76px;}
.center .info > .kouh .red{color:#c00; padding-left:0px;}
.ctyloading{width:100%;text-align: center; margin: 0 auto;}
.ctyloading img{ width: 40px;}
.chevron-up{ width: 100%; cursor: pointer; margin: 0 auto;text-align:center; padding-top: 15px;}
.chevron-up i{ font-size: 36px; color: #999;margin-top:25px;}
.chevron-up i:hover{color: #333;}

/*
 .viewinfo{ cursor: pointer;}
*/
#chart_title{ width: 100%; font-size: 26px; text-align: center;}
#chartdiv{width:100%;height:480px;font-size:11px; margin: 20px 0;}
@media only screen and (max-width: 767.98px) {
	#chartdiv {height:420px;margin:0;}
	#chart_title{font-size: 22px;}
}
@media only screen and (max-width: 575.98px) {
	#chartdiv {height:380px;}
}
@media only screen and (max-width: 460px) {
	#chartdiv {height:300px;}
}
@media only screen and (max-width: 420px) {
	#chartdiv {height:280px;}
}
@media only screen and (max-width: 375px) {
	#chartdiv {height:250px;}
}

.viewinfo{cursor: pointer;}