@charset "utf-8";

#container.full	{}
#container.full > .titleWrap	{display:none;}
#container.full #contentsWrap	{padding:0; height: calc(100vh - 81px);}

/* 0328 카메라 리스트 연결 상태에 따른 변화 */
[con="DisCon"] {opacity: 0.6; cursor: not-allowed !important; pointer-events: none !important; background: #aaa !important;}

/* 0323 영상검색 */
#contentList > tbody > tr > td:nth-child(4) {font-weight: bold; }


/* 카메라에 input number 그거 화살표 없애기 */
input[type="number"]::-webkit-outer-spin-button
input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none;}


/* �����ȭ */
.cameraBox { /*width:100%;*/ height:100%; display:flex;justify-content:center;/*align-items:center;*/padding:10px;}
.cameraBox > p	{font-size:18px; line-height:1.8; text-align:center; margin:auto;}
.cameraBox > ul	{display:flex; flex-wrap:wrap; justify-content:center; align-content:center;}
.cameraBox > ul.camera1pt	{width: 100%;} /* 1개 */
.cameraBox > ul.camera2pt	{width: 100%;} /* 2개 */
.cameraBox > ul.camera3pt	{width: 100%;} /* 3~4개 */
.cameraBox > ul.camera4pt	{width: 100%;} /* 5~6개 */
.cameraBox > ul.camera5pt	{width: 100%;} /* 7~9개 */
.cameraBox > ul.camera12	{width: 100%; height: 100%; position: absolute; top:155px} /* 10~12개 */
.cameraBox > ul.camera15	{width: 100%; height: 100%; position: absolute; top:295px} /* 13~15개 */
.cameraBox > ul.camera18	{width: 100%; height: 100%; position: absolute; top:435px} /* 16~18개 */
.cameraBox > ul.camera21	{width: 100%; height: 100%; position: absolute; top:575px} /* 19~21개 */
.cameraBox > ul.camera24	{width: 100%; height: 100%; position: absolute; top:715px} /* 22~24개 */

.cameraBox > ul > li	{display:flex;}
.cameraBox > ul > li .videocontents	{position:relative; background:#000; color:#ffffff;}
.cameraBox > ul > li:nth-of-type(even)	{margin-left:10px;}
.cameraBox > ul > li:nth-of-type(n+3)	{margin-top:10px;}
.cameraBox > ul.camera1pt li	{width:1488px;}
.cameraBox > ul.camera2pt li	{width:calc(50% + -5px); height:532px}
.cameraBox > ul.camera3pt li	{width:calc(39% + -5px); height:calc(50% + -5px)}
.cameraBox > ul.camera4pt li	{width:calc(33% + -12px); height:calc(42% + -5px)}
.cameraBox > ul.camera5pt li	{width:calc(27% + -31px); height:calc(33% + -5px)}
/* .cameraBox > ul.camera1pt li	{width:1561px;} */
/* .cameraBox > ul.camera2pt li	{width:945px;} */
/* .cameraBox > ul.camera3pt li	{width:772px;} */
/* .cameraBox > ul.camera4pt li	{width:506px;} */


/* .camera1pt li .videocontents {height:878px;} */
.camera1pt li .videocontents {height:836px;}
.camera2pt li .videocontents {height:532px;}
.camera3pt li .videocontents {height:calc(100%);}
.camera4pt li .videocontents {height:calc(100%);}
.camera4pt {align-content: flex-start;}
.camera4pt > li	{margin: 0px 0px 10px 10px !important;}
.camera4pt > li:nth-of-type(3n+1)	{margin-left:0px !important;}
.camera5pt {align-content: flex-start;}
.camera5pt > li	{margin: 0px 0px 10px 10px !important;}
.camera5pt > li:nth-of-type(3n+1)	{margin-left:0px !important;}
.camera5pt li .videocontents {height:calc(100%);}

/* .camera4pt > li:nth-of-type(3n+2)	{margin-bottom:0px !important;} */
/* .camera4pt > li:nth-of-type(n+4)	{margin-top:0px !important;} */
/* .camera3pt li .videocontents {height:434px;} */

.cameraBox .videobox	{position:relative; width:100%; height:100%;}

.cameraBox > ul[class*="camera"] + p	{display:none;}

.videocontents .jwplayer {height: 100% !important}

@media screen and (min-height: 1079px){
	.cameraBox > ul > li:nth-child(n+3)	{/*margin-top:24px;*/}
	.cameraBox > ul > li	{/*margin:0 !important;*/}
/* 	.cameraBox > ul.camera1pt li	{width:1920px;} */
/* 	.cameraBox > ul.camera2pt li	{width:955px} */
/* 	.cameraBox > ul.camera3pt li	{width:946px;} */
/* 	.cameraBox > ul.camera4pt li	{width:615px;} */
	.cameraBox > ul.camera1pt li	{width:100%;}
	.cameraBox > ul.camera2pt li	{width:calc(50% + -5px); height:532px}
	.cameraBox > ul.camera3pt li	{width:calc(50% + -6px); height:calc(50% + -5px)}
	.cameraBox > ul.camera4pt li	{width:calc(33% + -5px); height:calc(34% + -5px)}
	.cameraBox > ul.camera5pt li	{width:calc(33% + -5px); height:calc(33% + -5px)}

	.camera1pt li .videocontents {height:1080px;}
	.camera2pt li .videocontents {height:537px;}
	.camera3pt li .videocontents {height:calc(100%);}	
	.camera4pt li .videocontents {height:calc(100%);}
	.camera5pt li .videocontents {height:calc(100%);}
	
	.cameraBox > ul.camera12	{width: 100%; height: 100%; position: absolute; top:179px} /* 10~12개 */
	.cameraBox > ul.camera15	{width: 100%; height: 100%; position: absolute; top:361px} /* 13~15개 */
	.cameraBox > ul.camera18	{width: 100%; height: 100%; position: absolute; top:543px} /* 16~18개 */
	.cameraBox > ul.camera21	{width: 100%; height: 100%; position: absolute; top:725px} /* 19~21개 */
	.cameraBox > ul.camera24	{width: 100%; height: 100%; position: absolute; top:907px} /* 22~24개 */
		
/* 	.camera1pt li .videocontents {height:1080px;} */
/* 	.camera2pt li .videocontents {height:537px;} */
/* 	.camera3pt li .videocontents {height:532px;} */
/* 	.camera4pt li .videocontents {height:352px;} */
/* 	.camera5pt li .videocontents {height:352px;} */
	
/* 	#headerWrap,#footerWrap	{display:none;} */
	#container.full #contentsWrap	{height:100vh !important; }
	#container.full #contentsWrap #contents.video	{/*background:#111;*/}
	button.fullScreen	{bottom:74px; background-image:url(../../images/common/btn_fullscreen_off.png)}
	a.addMedia	{bottom:74px;}
	.cameraBox	{padding:0;}
	.cameraBox > p	{color:#aaa}
		
}


.videobox .videohead {position:absolute; top:0; left:0; width:100%; z-index:1;  height:40px;  opacity:.2; }
.videobox:hover .videohead	{background:url(../../images/contents/cameratop.png) no-repeat 50% 0; background-size:100% 40px; opacity:1;}

.video-js .vjs-big-play-button	{top:calc(50% - 20px) !important; left:calc(50% - 20px) !important;}
.vjs-error .vjs-error-display:before	{top:calc(50% - 20px) !important;}
.video-js .vjs-modal-dialog	{height:calc(100% - 40px) !important; top:40px !important;}

.videobox .videohead .videotitle {float:left; padding-left:20px; width:49%; line-height:40px; height:40px; color:#fff; font-size:15px;}
.videobox .videohead .videoicons {float:right; padding:0 10px; margin:0; text-align:right; width:49%; }

.videobox .player.cannvas	{opacity:.2; position:absolute; z-index:1; right:20px; top:60px; width:48px; height:48px; border-radius:4px; background:#5a79ba url(../../images/contents/btn_canvas.png) no-repeat 50% 50%;}
.videobox:hover .player.cannvas	{opacity:1;}
.videobox .player.cannvas:hover	{/*background-color:#d3222a;*/}
.videobox .player.cannvas.popUp	{opacity:.2; position:absolute; z-index:1; left:40px; top:60px; width:48px; height:48px; border-radius:4px; background:#5a79ba url(../../images/contents/btn_canvas.png) no-repeat 50% 50%;}
.videobox:hover .player.cannvas.popUp	{opacity:1;}
.videobox .player.cannvas.popUp:hover	{/*background-color:#d3222a;*/}


.videobox .videohead .videotitle { width : 245px; padding-left : 10px; }
.videobox .videohead .videotitle .rec_status{ float : left; margin-right:10px;}
.videobox .videohead .videotitle .rec_status img { vertical-align: middle; }
.videobox .videohead .videoicons {/* width : 50px; */}
.videobox .videohead .videotitle .ui-selectmenu-button.ui-button {margin-bottom : 3px;}


.videoicons	{height:40px; display:flex; justify-content:flex-end; align-items:center;}
.videoicons .speedWrap	{margin-right:10px;}
.videoicons .speedWrap button	{width:32px; height:32px;}
.videoicons .speedWrap button.down	{background:url(../../images/contents/btn_left.png) no-repeat 50% 50%;}
.videoicons .speedWrap button.up	{background:url(../../images/contents/btn_right.png) no-repeat 50% 50%;}
.videoicons .speedWrap input[type="text"]{width:32px; height:32px; text-align:Center; border:none;}

.videobox .videohead .videoicons > img	{cursor:pointer;margin-left:10px;}
.videoicons button + button	{margin-left:4px;}
.videoicons .player-btn {height : 33px;
	min-width: 35px;
	border: 1px solid;
	color: #f9f9f9;
	font-weight: bold;
}


.videoicons .player-btn.disable {
	color: gray;
}

.videoicons .player-btn.on {
	color: #d50000;
}

.videoicons .player-btn.on.player-btn-dvr {
	color: #22cd22;
}

/*	canvas	*/
#wrapper.canvasopen	{}
#wrapper.canvasopen button.fullScreen, #wrapper.canvasopen a.addMedia, #wrapper.canvasopen #lnbWrap.video,#wrapper.canvasopen .videohead,#wrapper.canvasopen .player.cannvas {display:none;}
#wrapper.canvasopen .canvasContainer	{display:block;}
.canvasContainer	{display:none; position:fixed; z-index:10001; width:100vw; height:100vh; top:0; left:0;}
#wrapper.canvasopen .canvasContainer	{display:block;}

.canvasContainer .canvasWrap	{position:relative; width:100%; height:calc(100% - 80px); margin-top:56px;}
@media screen and (min-height: 1079px){
	.canvasContainer .canvasWrap	{height:100vh; margin-top:0;}
}

.canvasContainer .canvasMenuWrap	{display:flex;position:absolute; z-index:4; /* top:20px; */ bottom:20px; right:20px; background:rgba(255,255,255,.8); border-radius:4px; border:1px solid rgba(0,0,0,.1); padding:10px; height:74px; }
.canvasContainer .canvasMenuWrap ul	{display:flex;}
.canvasContainer .canvasMenuWrap > ul > li + li	{margin-left:10px;}

.canvasContainer .canvasMenuWrap ul li ul	{display:none; margin-top:-295px;}
.canvasContainer .canvasMenuWrap ul li.color ul 	{display:none; margin-top:-353px;}
.canvasContainer .canvasMenuWrap ul li ul li + li	{margin-top:5px;}
.canvasContainer .canvasMenuWrap ul li p.open + ul	{display:block;}

.canvasContainer .canvasMenuWrap p, .canvasContainer .canvasMenuWrap a	{font-size:0; cursor:pointer; line-height:0; vertical-align:top; width:52px; height:52px; background-image:url(../../images/contents/ico_canvas.png); background-repeat:no-repeat; background-color:#000;}
.canvasContainer .canvasMenuWrap ul li > p,.canvasContainer .canvasMenuWrap ul li > a	{border-radius:50%; border:1px solid #ccc; background-color:#fff;}
.canvasContainer .canvasMenuWrap ul li > p:hover	{background-color:#337ab7; border-color:#337ab7;}
.canvasContainer .canvasMenuWrap ul li.on a	{background-color:#5bc0de; border-color:#5bc0de;}
.canvasContainer .canvasMenuWrap .figure > p	{background-position:0 0;}
.canvasContainer .canvasMenuWrap .figure > p:hover	{background-position:-100px -100px;}

.canvasContainer .canvasMenuWrap .figure .grid a	{background-position:-150px -100px;}
.canvasContainer .canvasMenuWrap .figure .quadrangle a	{background-position:-50px 0;}
.canvasContainer .canvasMenuWrap .figure .circle a	{background-position:-100px 0;}
.canvasContainer .canvasMenuWrap .figure .line a	{background-position:-150px 0;}
.canvasContainer .canvasMenuWrap .figure .quadrangle.on a	{background-position:-50px -50px;}
.canvasContainer .canvasMenuWrap .figure .circle.on a	{background-position:-100px -50px;}
.canvasContainer .canvasMenuWrap .figure .line.on a	{background-position:-150px -50px;}


.canvasContainer .canvasMenuWrap .color > p	{background-position:0 -50px;}
.canvasContainer .canvasMenuWrap .color a	{position:relative; background-image:none;}
.canvasContainer .canvasMenuWrap .color a:before	{content:""; border-radius:50%; position:absolute; top:10px; left:10px; width:30px; height:30px;}
.canvasContainer .canvasMenuWrap .color li.on a:before	{border:2px solid #fff; top:8px; left:8px;}
.canvasContainer .canvasMenuWrap .color .blue a:before	{background-color:#0000ff;}
.canvasContainer .canvasMenuWrap .color .red a:before	{background-color:#ff0000;}
.canvasContainer .canvasMenuWrap .color .green a:before	{background-color:#00ff00;}
.canvasContainer .canvasMenuWrap .color .black a:before	{background-color:#000;}
.canvasContainer .canvasMenuWrap .color .skiblue a:before	{background-color:#00ccff;}
								
								
.canvasContainer .canvasMenuWrap .width > p	{background-position:0 -100px;}
.canvasContainer .canvasMenuWrap .width > p:hover	{background-position:-50px -100px;}
.canvasContainer .canvasMenuWrap .width a	{position:relative; background-image:none;}
.canvasContainer .canvasMenuWrap .width a:before	{content:""; position:absolute; left:10px; width:30px; background-color:#ccc;}
.canvasContainer .canvasMenuWrap .width li.on a:before	{background-color:#fff;}
.canvasContainer .canvasMenuWrap .width .thin a:before	{height:2px; top:calc(50% - 1px);}
.canvasContainer .canvasMenuWrap .width .normal a:before	{height:4px; top:calc(50% - 2px);}
.canvasContainer .canvasMenuWrap .width .bold a:before	{height:8px; top:calc(50% - 4px);}
								
.canvasContainer .canvasMenuWrap .eraser > a	{background-position:0 -150px;}
.canvasContainer .canvasMenuWrap .eraser.on > a	{background-position:-50px -150px;}
.canvasContainer .canvasMenuWrap .reset > p	{background-position:0 -200px;}																
.canvasContainer .canvasMenuWrap .reset > p:hover	{background-position:-50px -200px;}	
.canvasContainer .canvasMenuWrap .close	{margin-left:20px; background-position:1px -249px; background-color:transparent;}


/* LIST */
.list_type1 {width:100%; border-top:2px solid #6b6b6b; border-bottom:1px solid #6b6b6b; border-collapse:collapse; border-spacing:0; table-layout:fixed;}
.list_type1 thead tr th {padding:17px 0 15px; font-weight:bold; color:#3e3e3e; text-align:center; vertical-align:middle; border-bottom:1px solid #6b6b6b; background:#fbfbfb;}
.list_type1 tbody tr td {height:19px; padding:14px 5px 13px; color:#3e3e3e; vertical-align:middle; border-top:1px solid #e4e4e4;}



table.write_type1 { width:100%; background:#fff; border:0; border-top:2px solid #4887d1; border-bottom:1px solid #6b6b6b; border-right:1px hidden #fff; border-collapse:collapse; table-layout:fixed;}
table.write_type1 h1{padding-bottom:10px; font-weight: bolder; letter-spacing: -1px; font-size: 18px;}
table.write_type1 tbody.tc td { text-align:center}
table.write_type1 th { text-align:left; background:#f5f5f5; vertical-align:middle; border-bottom:1px solid #e4e4e4; color:#3e3e3e; font-weight:bold; padding-left:50px;}
table.write_type1 td { text-align:left; padding:10px 5px 10px; border-bottom:1px solid #e4e4e4; border-width:0 0 1px 0; color:#747474;}
table.write_type1 td .ui-datepicker-trigger{margin-top:-3px}

input[type="text"] { }
input[type="text"].type_1 {width:200px; border:solid 1px #dbdbdb; padding:7px 10px;}
input[type="text"].type_2 {width:100%; border:solid 1px #dbdbdb; padding:8px 10px ;}
input[type="password"].type_2 {width:100%; border:solid 1px #dbdbdb; padding:6px 10px;}

textarea.ta_type_1 {border:solid 1px #dbdbdb; padding:5px 10px; width:100%; height:50px;} 
select.td { border:solid 1px #dbdbdb; padding:8px 10px ; width:100%;}
#lnbWrap.video #cameraBtn	{display:none;}
#lnbWrap.video #canvasTest	{display:none;}
#lnbWrap.video.menuopen #canvasTest {display:block; flex:1; overflow-y:auto;}
#lnbWrap.video.menuopen #cameraBtn {display:block; flex:1; overflow-y:auto;}
.btnbox {/*min-height:50px;*/ width:282px;margin:15px auto; display:flex; justify-content:space-between; flex-wrap:wrap;}
.btnbox .btn_typeA { /*display:inline-block; */ margin:5px; background:#4887d1; min-width:100px; line-height:48px; height:50px; font-size:15px; text-align:center; color:#fff; border-radius:4px; font-weight:bold;}
.btnbox .btn_typeA.t3.ex{width:131px}
.btnbox .btn_typeA.t1 { background:#00a8cc;}
.btnbox .btn_typeA.t2 { background:#878787;}
.btnbox .btn_typeA.t2.ex{width:49%}
.btnbox .btn_typeA.t3 { background:#d3222a;}

.btnbox .btn_typeA.t3.ex.on{background:#00297c}
.btnbox .btn_typeA.t3.video{height:45px}
.btnbox .btn_typeA.t3.ex2{width:100%}
.btnbox .btn_typeA.t3.ex3{width:49%}
.btnbox .btn_typeA.t4 { background:#7c7662;}



.btnbox .btn_typeB { background:#5d5d5d; width:106px; line-height:37px; font-size:13px; text-align:center; }

.btn_typeA a, .btn_typeB a, .btn_typeC a, .btn_typeD a {color:#fff;}



/*	btnWrap	*/
a.btn	{width:130px; height:40px; line-height:38px; text-align:center; border-radius:4px; border:1px solid #ccc; background:#fff; color:#666; font-size:14px; font-weight:bold;}
a.btn.reset	{}
a.btn.write	{border-color:#5bc0de; background-color:#5bc0de; color:#fff;}
a.btn.search	{border-color:#337ab7; background-color:#337ab7; color:#fff;}
a.btn.edit	{border-color:#5cb85c; background-color:#5cb85c; color:#fff;}
a.btn.delete	{border-color:#d9534f; background-color:#d9534f; color:#fff;}
.btnWrap	{display:flex; align-items:center; justify-content:space-between;}



.datepickerBox	{position:relative;}

.datepickerBox.ex {overflow:hidden; width:350px}
.datepickerBox p { margin-bottom:10px;}
.datepickerBox label { }
.datepickerBox input.inputTxt { }
.datepickerBox input.inputTxt.ex { width:350px;}

.datepickerBox .ui-datepicker-trigger { position:absolute; bottom:16px; right:10px; cursor:pointer;}

/* popupWindow */
.popupheader {background:#5a79ba url(../../images/contents/poptitlebg.png) no-repeat 50% 0; height:40px; line-height:40px; height:40px; color:#fff; font-size:15px; text-align:center;}
.popupcontents {padding:30px; }
.popupclose {position:absolute; top:3px; right:15px;}



/* TAB */
/* .tabTypeA 2�� */
.tabTypeA {overflow:hidden; margin-bottom:30px; }
.tabTypeA > li {float:left; box-sizing: border-box; border:1px solid #ddd; border-left:none}
.tabTypeA > li:first-child {margin-left:0; border-left:1px solid #ddd}
.tabTypeA > li > a {display:block; padding:0 17px;  height:45px; line-height:45px; ; font-weight:bold; color:#666; text-align:center; text-decoration:none; background:#fff;}
.tabTypeA > li.on > a, .tabTypeA > li > a:hover {color:#fff; background:#ff6800;}


.tabTypeA.twoRows li .vertical {height:43px;}
.tabTypeA.twoRows li a {line-height:18px;}

/* .tabTypeB 3�� */
.tabTypeB {overflow:hidden; margin-bottom:30px;}
.tabTypeB > li {float:left; width:33%; box-sizing: border-box; border-left:1px solid #fff;}
.tabTypeB > li:first-child {margin-left:0; width:34%}
.tabTypeB > li:nth-child(3n+1) { border:none; width:34%}
.tabTypeB > li > a {display:block; height:50px; line-height:50px; ; font-weight:bold; color:#fff; text-align:center; text-decoration:none; background:#a6a6a6;}
.tabTypeB > li.on > a, .tabTypeB > li > a:hover {color:#fff; background:#09a9bb; }


/* .tabTypeC 4�� */
.tabWrap{ position: relative; border-bottom: 5px solid #4887d1; margin-top:50px}
.tabW{  margin: 0; padding: 0; min-height: 50px;}
.tabTypeC { list-style: none; float: left;  margin: 0 0 0 0px; padding: 0;}
.tabTypeC > li { float: left; margin: 0 0px 0 0;  padding: 0; background: transparent; text-align: justify; width: 195px;}
.tabTypeC > li:first-child {margin-left:0;}
.tabTypeC > li:nth-child(4n+1) { border:none; }
.tabTypeC > li > a { font-weight: bold;    background: #dddfe1;  display: inline-block;  color: #333;  font-size: 16px;  line-height: 50px; height: 50px;   text-align: center;  margin: 0; width: 100%;}
.tabTypeC > li:first-child > a {}
.tabTypeC > li.on > a{ border-bottom: none;  display: inline-block; color: #fff;  background: #4887d1; line-height: 50px; height: 50px;}
.tabTypeC > li{margin:0 3px}
.tabTypeC > li:first-child{margin-left:0;}
.tabTypeC > li:last-child{margin-right:0; width:198px}
.tabTypeC > li.on:last-child{margin-right:0}


/* TAB Content */
/* .tabContentTypeA */
.tabContentTypeA { position:absolute; z-index:2;}
.tabContentTypeA > li {float:left; box-sizing: border-box; border:2px solid #cecece; margin-left:3px; border-bottom:#09a9bb; background:#fff;}
.tabContentTypeA > li:first-child {margin-left:0;}
.tabContentTypeA > li > a {display:block; height:38px; padding:0 45px;line-height:38px; ; font-weight:bold; color:#666; text-align:center; text-decoration:none;}
.tabContentTypeA > li.on > a {color:#000; height:40px;  }
.tabContentTypeA > li > a:hover {color:#000;   }
.tabContentTypeA > li.on {border:2px solid #09a9bb;  border-bottom:none;}

.tabContentTypeAbox {position:relative; z-index:1; border:2px solid #09a9bb; padding:40px 50px; top:40px; margin:0 0 80px;}


/*�Ұ�*/
#info_01, #info_02, #info_03{margin-top:50px}

.infoWrap.ex{border-bottom:1px solid #6b6b6b; margin-bottom:35px; padding-bottom:0px}
.infoWrap{border-bottom:1px solid #6b6b6b; margin-bottom:35px; padding-bottom:65px}
.infoWrap h3{font-size:32px; text-align:center; padding-bottom:50px}
.infoWrap h3.ex{padding-bottom:0px}
.infoWrap .tip{font-size:14px; color:#666; margin-left:135px }
/* ie10�̻� select�ڽ� ȭ��ǥ ������ ���� */
select::-ms-expand{opacity:0}


.S_btn{text-align: center;background:#6b5c52; width: 100%;  color: #fff !important; font-weight: bolder; padding: 15px 0; margin-top:20px; -webkit-appearance: none; -webkit-border-radius: 0; }
.G_btn{text-align: center;background:#666; width: 100%;  color: #fff !important; font-weight: bolder; padding: 15px 0; margin-top:20px; -webkit-appearance: none; -webkit-border-radius: 0;}

.sns_btn_O{display:inline-block; padding:0 10px; min-width:40px; text-align:center; height:27px; line-height:27px; color:#fff !important; background:#ff6800; border:1px solid #e45d00;-webkit-appearance: none; -webkit-border-radius: 0;}
.sns_btn_G{display:inline-block; padding:0 10px; min-width:40px; text-align:center; height:27px; line-height:27px; color:#fff !important; background:#555; border:1px solid #000; -webkit-appearance: none; -webkit-border-radius: 0;}
.sns_btn_G2{display:inline-block; padding:0 10px; min-width:40px; text-align:center; height:27px; line-height:27px; color:#fff !important; background:#666; border:1px solid #555; -webkit-appearance: none; -webkit-border-radius: 0;}
.sns_btn_R{display:inline-block; padding:0 10px; min-width:40px; text-align:center; height:27px; line-height:27px; color:#fff !important; background:#ff4200; border:1px solid #e63c00; -webkit-appearance: none; -webkit-border-radius: 0;}

input + .sns_btn_G{margin-left:10px}
input + .sns_btn_G2{margin-left:10px}
.sns_btn_G2 + .sns_btn_G2{margin-left:5px}



.btn_right{position: absolute; top: 50px; right: 0;}

/*���*/
.loginWrap{width:600px; margin:190px auto 150px;}
.loginWrap h1 .img_logo{margin:auto; width:168px;; height:50px; display: block;}

.login_input { position: relative; }
.login_input .tit {border:0; -webkit-appearance: none; position: absolute; font-size:18px; right: 0; top: 0; width: 140px; height: 110px; background:#4887d1 !important; color: #fff; text-align: center;}
.login_input .tit2 {border:0; -webkit-appearance: none; position: absolute; font-size:18px; right: 0; top: 0; width: 140px; height: 171px; background:#4887d1 !important; color: #fff; text-align: center;}
.login_input .inp { overflow: hidden; padding-right: 12%;}
.login_input .inp label{float:left;width:20%; font-size: 16px; font-weight: bold; color: #555; line-height:50px; }
.login_input .inp input {float:left; width:65%; height:50px; border:1px solid #c0c0c0; margin:0 0 10px 0 ; padding-left:15px;box-sizing: border-box; font-size: 16px;}
.login_input .inp select {float:left; width:65%; height:50px; border:1px solid #c0c0c0; margin:0 0 10px 0 ; padding-left:15px;box-sizing: border-box; font-size: 16px;}

.login_input .result  { font-size:28px; text-align:center; padding-bottom:30px;}
.login_input .result .fitxt { color:#bf1419;}

.thum .ui-jqgrid tr.jqgrow td{height:78px !important}
.ui-jqgrid tr.jqgrow td{height:53px !important}

/*.ui-widget.ui-widget-content{z-index: 999999 !important;}*/

.ui-jqgrid .ui-jqgrid-pager{height:40px !important;}
.ui-jqgrid .ui-jqgrid-toppager .ui-pager-control, .ui-jqgrid .ui-jqgrid-pager .ui-pager-control{height:40px !important;}
.ui-datepicker{width:350px !important;}

.playbtn a{vertical-align: top;}