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

body{
	margin:0px;
	padding:0px;
	background:#d5e5f3;
	background: url(../images/patftr.png) repeat right center;
	}
.Clr{clear:both;}
a{
	text-decoration:none !important;
	text-shadow:none !important;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
a:hover{
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
#GlobalHolder{
	
	position: relative;
	}
#NavHolder{
	position: absolute;
	background-color: aliceblue;
	top: 145px;
	left: 0;
	height: 68px;
	width: 100%;
	-webkit-box-shadow: 0px 0px 0px 2px #A0A0A0, 0px 10px 18px -8px #141414,  0px -10px 27px -8px #333, 5px 5px 15px 5px rgba(0,0,0,0); 
	box-shadow: 0px 0px 0px 2px #A0A0A0,  0px 10px 18px -8px #141414,  0px -10px 27px -8px #333, 5px 5px 15px 5px rgba(0,0,0,0);
}
#Wrapper{
	position:relative;
	width:1000px;
	margin:0px auto;
	min-height:150px;
	box-sizing: border-box;
	}
#HeadLine{
	float:right;
	margin:0px;
	width:1000px;
	height:140px;
	background: url(../images/bg.png) no-repeat right center;

	}
#Logo{
	float:left;
	margin:0px 0px 0px 0px;
	padding:65px 0px 0px 110px;
	width:390px;
	height:75px;
	background:url(../images/logo.png) no-repeat left 17px;
	
	text-align:left;
	text-decoration:none;
	}
#Logo h1{
	padding: 0;
	margin: 0;
	color:#333;
	font-family: "Protest Riot", sans-serif;
	font-weight: 400;
	font-size: 32px;
	font-style: normal;
	line-height: 40px;
	text-shadow: -1px -1px 1px rgba(255,255,255,.1), 1px 1px 1px rgba(0,0,0,.5); 

	}
#Logo h2{
	padding: 0;
	margin: 0;
	color:#333;
	font-family: "Commissioner", sans-serif;
	font-weight: 700;
	font-size: 14px;
	font-style: normal;
	line-height: 25px;

	}
.WorldMap{
    opacity: 0;
	position:absolute;
	}
.item_left {
    left:-80px;
	top:260px;
	width:380px;
	height:258px;
	background:url(../images/maplft.png) no-repeat left center;
}
.item_right {
    right:-80px;
	top:269px;
	width:465px;
	height:267px;
	background: url(../images/maprgt.png) no-repeat left center;
}
.item_down{
	width:776px;
	height:314px;
    right:82px;
	top:500px;
	background:url(../images/mapdwn.png) no-repeat left center;
	}
.FormHolder{
	position:relative;
	z-index:999;
	float:right;
	margin:0px 0px 0px 0px;
	width:990px;
	height:78px;
	overflow:hidden;
	}	
.LongForm{
	opacity:0.25;
	border:5px solid #146FDF;
	background:#fff;
	box-shadow:0px 0px 5px 5px #999;
	border-radius: 15px;
	}	
#ClsForm{
	display:none;
	position:absolute;
	bottom:0px;
	left:0px;
	width:990px;
	height:50px;
	background:#eee;
	}
#ClsForm span{
	float:left;
	margin:15px;
	width:20px;
	height:20px;
	background:#fff;
	text-align:center;
	cursor:pointer;
	font:normal 18px/20px "Commissioner", sans-serif;
	}	
.WideTxt{
	float:left;
	width:462px;
	height:50px;
	margin:13px 10px 0px 10px;
	padding:0px 0px 0px 10px;
	border-radius:5px;
	border:1px solid #9ED2E0;
	text-align:left;
	color:#aaa;
	background:#fff url(../images/patnpl.png) no-repeat 97% center;
	
	font:normal 18px/50px "Commissioner", sans-serif;
	}
.WideTxtDest{background-image:url(../images/patnpr.png);}
.WideTxt:focus{border-color: #0865c6;}
.HalfBox{
	float: left;
    margin: 22px 0px 0px 10px;
	width:220px;
	padding-left: 12px;
	height:50px;
	background:#eee;
	text-align:left;
	font:normal 18px/50px "Commissioner", sans-serif;
	color:#666;
	border-radius: 5px;
	}
.HalfBox:nth-of-type(2){margin-right: 10px;}
.SlcBox{
	float:left;
	width:475px;
	height:50px;
	margin:22px 10px 0px 10px;
	padding:0px 0px 0px 10px;
	border-radius:5px;
	border:1px solid #aaa;
	color:#7B7B7B;
	background:#f5f5f5;
	font:normal 18px/50px "Commissioner", sans-serif;
	}
.RdoBox{
	float:right;
	margin:20px 10px;
	}
.DateTxt{
	float:left;
	width:462px;
	height:50px;
	margin:22px 10px 0px 10px;
	padding:0px 0px 0px 10px;
	border-radius:5px;
	border:1px solid #aaa;
	color:#7B7B7B;
	background:#f5f5f5;
	font:normal 18px/50px "Commissioner", sans-serif;
	}

.FormHolder	input[type=date]::-webkit-inner-spin-button { display: none; }
.FormHolder	input[type=date]::-webkit-calendar-picker-indicator {background: url(../images/patcal.png) no-repeat center center; padding: 10px;margin:0 10px 0 0}
.WideBut{
	float:right;
	width:472px;
	height:52px;
	margin:20px 11px 0px 0px;
	padding:0px;
	border:1px solid #126DDD;
	border-radius:5px;
	background:#126DDD;
	color:#fff;
	text-align:center;
	font:normal 18px/50px "Commissioner", sans-serif;
	cursor:pointer;




	-webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
	}
.WideBut:hover{
	background:#0151B4;
	}
#FtrHolder{
	position:fixed;
	bottom:0px;
	left:0px;
	z-index:12;
	background: rgba(0,0,0,0.1);
	height:50px;
	width:100%;
	box-shadow:0px 0px 1px 1px #aaa;
	text-align:center;
	color:#666;
	font:normal 14px/20px  "Commissioner", sans-serif;
	}
/*Result Box*/
.ResultBox{
	float:left;
	margin:0px 0px 120px 0px;
	width:100%;
	border:1px solid #C6C6C5;
	background:#EDEDED;
	border-radius: 5px;
	box-sizing: border-box;
    }
#ResultHead{
	float:left;
	margin:0px 0px 10px 0px;
	width:100%;
	height:120px;
	border-bottom:3px solid #C6C6C5;
	background:#F1F1F1;
	border-radius: 5px 5px 0 0;
	}	
#ResultHead p{
	float:left;
	margin:0px;
	padding:0px 2%;
	width:45.55%;
	border-left:1px dashed #C6C6C5;
	border-bottom:1px dashed #C6C6C5;
	color:#333;
	font:normal 16px/40px "Commissioner", sans-serif;
	}	
#ResultHead p.LtAlgn{
	width:462px;
	border-left:none;
	}	
.ResultLine{
	float:left;
	margin:0px 16px;
	width:970px;
	height:40px;
	border:1px dashed #C6C6C5;
	border-top:none;
	border-right:none;
	background:url(../images/glwt.png) repeat center center;
	}	
.TltRow{
	border-top:1px dashed #C6C6C5;
	background:url(../images/patnav.jpg) repeat-x center center;
	}
.TltRedRow{height:45px;}
.ZebraRow{background-color:#5EACF1;}
.NrwCol{display:none;}
.ResultLine	p{
	position:relative;
	float:left;
	margin:0px;
	padding:0px;
	width:120px;
	height:40px;
	border-right:1px dashed #C6C6C5;
	text-align:center;
	font:normal 18px/40px "Commissioner", sans-serif;
	}
.TltRow p{color:#fff;}
.ResultLine	p a{
	cursor:pointer;
	color:#333;
	text-decoration:none;
	}
.ResultLine	p.WideCol{width:181px;}
.ResultLine	p span{
	display:none;
	position:absolute;
	top:39px;
	left:0px;
	z-index:900;
	width:98%;
	min-height:25px;
	padding:0.5%;
	border:1px dashed #999;
	background:#b9d6eb;
	color:#333;
	text-align:center;
	font:normal 13px/20px "Commissioner", sans-serif;
	}
.ResultLine	p:hover span{display:block;}
.TltRedRow{
	background:#1C83DF ;
	}
.TltRedRow p{
	padding-top:5px;
	}
#PageInLine{
	float:left;
	margin:18px 0px 12px 0px;
	width:990px;
	height:30px;
	text-align:center;
	}
#PageInLine a{
	position:relative;
	top:0px;
	padding:4px 11px 9px;
	margin:0px -8px 0px 0px;
	max-width:28px;
	color:#333;
	text-align:center;
	font:normal 14px/13px "Commissioner", sans-serif;
	background:url(../images/patpgn.png) no-repeat left center;
	}
#PageInLine a.PrvBut , #PageInLine a.NxtBut{
	text-height:-200px;
	padding:5px 9px;
	margin:0px 10px;
	background:url(../images/patnp.png) no-repeat left center;
	}
#PageInLine a.NxtBut{
	background-position:right center;
	}
#PageInLine a.ActiveBut{
	color:#fff;
	z-index:10;
	background-position:right center;
	}
/*Datepicker*/
p.ui-state-hover{
	font:normal 18px "Commissioner", sans-serif;
}
p.ui-widget-header{
	text-align: center;
	font-weight: normal;
}
strong.ui-state-error{
	display: block;
	padding: 3px;
	text-align: center;
}
/*Box Popup*/
.OpenerLink{
	cursor:pointer;
	font-weight: 700;
}
.OpenerScope{
	display:none;
	position:fixed;
	z-index:999;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background:url(../images/glbk.png);
}
.OpenerBox{
	position:absolute;
	top:40%;
	left:0px;
	margin-top:-65px;
	margin-left:0px;
	width:100%;
	height:260px;
	padding:10px 0px;
	border:6px solid #eee;
	border-left:none;
	border-right:none;
	background:#1B78D9 url(../images/glblk.png) repeat;
}
.OpenerBox a{
	text-decoration:none;
	color:#F00;
}
.InnerBox{
    width:450px;
	margin:0px auto;
    height:250px;
	/*border:1px solid #3c3;*/
	}
.ClsBut{
	cursor:pointer;
	position:absolute;
	right:48%;
	bottom:-18px;
	width:30px;
	height:30px;
	background:url(../images/cls.png) no-repeat center center;
}
.DialogBox{
	float:left;
	margin:0px 0px 15px 0px;
	width:450px;
	height:30px;
	border-bottom:1px dashed #fff;
	text-align:center;
	color:#fff;
	font:normal 16px/30px "Commissioner", sans-serif;
	}
.InnerBox span{
	float:left;
	margin:0px 0px 2px 5px;
	width:145px;
	text-align:left;
	color:#fff;
	font:normal 18px/35px "Commissioner", sans-serif;
	}
.TxtBox{
	float:left;
	margin:0px 0px 2px 0px;
	padding:0px 6px 0px 30px;
	width:260px;
	height:40px;
	border:1px solid #3f8bda;
	border-radius:1px;
	background:#0865c6 url(../images/patscr.png) no-repeat 5px center;
	color:#3c3;
	font:normal 18px/35px "Commissioner", sans-serif;
	box-shadow:0px 0px 3px #555 inset;
	}
.NamBox{background-image:url(../images/patnfn.png);}
.CelBox{background-image:url(../images/patmbm.png);}
.EmlBox{background-image:url(../images/patenv.png);}
.ButBox{
	float:left;
	margin:20px 0px 0px 0px;
	width:450px;
	height:40px;
	border-radius:5px;
	border:1px solid #0865C6;
	background:#2089f7;
	text-align:center;
	cursor:pointer;
	color:#fff;
	font:normal 18px/37px "Commissioner", sans-serif;
	}
 @media screen and (max-width:768px){
	#GlobalHolder{background:none;}
	#NavHolder{ display: none;}
	#Wrapper{width:100%;}
	.WorldMap{display:none;}
	#HeadLine{width:100%;height:auto;background-position:127% center;}
	#Logo{width:88%;padding:55px 0 10px 12%;background-position:left center;}
	.FormHolder{background:#fff;width:96%;height:auto !important;box-sizing: border-box;padding:20px 2%;opacity: 1; border:5px solid #146FDF;box-shadow:0px 0px 5px 5px #999;border-radius: 15px;float: none;margin: 0 auto;}
	#ClsForm{display:none;}
	.WideTxt{width:97%;margin:5px 0;}
	#ClsForm{display:none;}
	.HalfBox{width:47%;margin:5px 5px 5px 0;} .HalfBox:nth-of-type(2){margin-right: 0;}
	.SlcBox{width:99%;margin:5px 0;}
	.DateTxt{width:97%;margin:5px 0;}
	.WideBut{width:98%;margin:12px 1% 35px 0;background:#106CD1;}
	.WideBut:hover{background:#333;}
	#FtrHolder{position:static;float:right;width:100%;height:auto;border-top:2px solid #999;}
	.OpenerBox{width:100%;height:auto;top:133px;right:0px;margin:0px;}
	.ClsBut{left:48%;}
	.ResultBox{width: 99%;}
	#ResultHead{width:98%;padding:0px 1%;height:auto;margin:0px;border-right:1px dashed #C6C6C5;}
	#ResultHead p{width:100%;padding:0px;border-left:none;}
	#ResultHead p.LtAlgn{width:100%;border-left:none;}
	.ResultLine{width:49.5%;margin:0px;height:auto;border-bottom:3px solid #2C86DF;}
	.TltRow{background:#126DDD ;border-top:none;}
	.ResultLine p{width:98%;padding:0px 1%;border-bottom:1px dashed #C6C6C5;}
	.ResultLine	p.ThinCol , .ResultLine	p.WideCol{width:98%;}
	.NrwCol{display:block;}
	#PageInLine{width:100%;margin-bottom:25px;}
	}
 @media screen and (max-width: 425px){
		#HeadLine{background-image:none;}	
		#Logo{width: 100%;text-align:center;padding:110px 0 10px 0;background-position:center 1%;}
		.HalfBox{width:44%;margin:5px 0 5px 5px;}
		.InnerBox{box-sizing: border-box;width:94%;margin:0px auto;height:250px;}
		.ButBox{width:98%;margin-left: 1%;}
		.OpenerBox{top:80px;padding: 20px 0;}
		.DialogBox{width:100%;}
		#ResultHead{width:98%; padding: 0 1%;}
	}