/*	--------------------------------------------------
	Reveal Modals
	-------------------------------------------------- */

.modal_box li {list-style:none; float:left;}
.modal_txt {padding-left:15px; width:345px; text-align:left;overflow:hidden}
.modal_tit {font-size:18px; color:#000; font-weight:bold; }
.modal_table {border-top:1px solid #ddd; width:660px; height:190px; margin-top:12px;}
.modal_table2 {border-top:1px solid #ddd; width:660px; height:190px; margin-top:12px;}
.modal_table_box {width:430px; margin:auto;  margin-top:40px;}
.modal_ta_tit {font-size:13px; color:#595959; font-weight:bold; padding-bottom:10px;}
.modal_input {border:1px solid #c1c1c1; width:270px; height:32px; line-height:32px; padding-left:10px; margin-top:8px; font-size:13px; color:#595959; font-weight:bold;}
.modal_btn {display:block; background:#eb1235; width:100px; height:76px; line-height:76px; text-align:center; color:#fff !important; font-weight:bold; font-size:15px;}
.modal_mem {margin-top:20px; padding-top:20px; width:590px; line-height:29px; font-size:13px; font-weight:500; color:#595959; margin:auto; text-align:center; border-top:1px solid #ddd; }
.modal_mem2 {margin-top:20px; padding-top:20px; width:660px; line-height:29px; font-size:13px; font-weight:500; color:#595959; margin:auto; text-align:center; /*border-top:1px solid #ddd; */}
.modal_mem_btn {display:block; float:left; margin-left:15px; background:#1f1f1f; width:100px; height:29px; line-height:29px; text-align:center; color:#fff !important; font-weight:bold; font-size:13px;}
.modal_mem_btn2 {display:block; margin:auto; background:#f15a21; width:140px; height:45px; line-height:45px; text-align:center; color:#fff !important; font-weight:bold; font-size:15px; border-radius:5px;}

.modal_ul_list  {height:57px; line-height:57px; width:660px; padding-left:4px; border-bottom:1px solid #ddd;}
.btn0702_3 {float:left; padding-left:5px;}
.btn0702_col1 {background:#fb718a; height:33px; line-height:33px; width:54px; display:block; text-align:center; color:#fff !important; font-weight:bold; font-size:14px; border-radius:3px;}
.btn0702_col2 {background:#9e9e9e; height:33px; line-height:33px; width:54px; display:block; text-align:center; color:#fff !important; font-weight:bold; font-size:14px; border-radius:3px;}
	
.w100 {width:110px;}
.w70 {width:81px;}

	.reveal-modal-bg {
		position: fixed;
		height: 100%;
		width: 100%;
		background: #000;
		opacity:.7;
		filter:alpha(opacity=70);
		z-index: 9999;
		display: none;
		top: 0;
		left: 0;
		}
	
	.reveal-modal {
		visibility: hidden;
		top: 30px !important;
		left: 0;
		right: 0;
		/* margin-left: -50%; */
		width: 1342px;
		height: 890px;
		/* background: #4d4d4d; */
		margin: 0 auto;
		position: fixed;
		z-index: 99999;
		padding:30px;
		/*padding: 30px 40px 34px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-box-shadow: 0 0 10px rgba(0,0,0,.4);*/
		}

	iframe#view {width: 1280px;height: 840px;}
	
	.tit_area {display: none;line-height:50px;padding-bottom:20px;}
	.tit_area:after { clear:both; display:block; content:""; zoom:1 }
	.tit_area .subject { font-size:1.8rem; float:left; }
	.tit_area .info { font-size:1.2rem; color:#777; float:right; }

	.reveal-modal2 {
		visibility: hidden;
		top: 100px; 
		left: 30%;
		margin-left: -300px;
		width: 780px;
		height:600px;
		border:3px solid #333333;
		background: #fff;
		position: absolute;
		z-index: 501;
		/*padding: 30px 40px 34px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-box-shadow: 0 0 10px rgba(0,0,0,.4);*/
		}
		
	.reveal-modal.small 		{ width: 200px; margin-left: -140px;}
	.reveal-modal.medium 	{ width: 400px; margin-left: -240px;}
	.reveal-modal.large 		{ width: 600px; margin-left: -340px;}
	.reveal-modal.xlarge 		{ width: 800px; margin-left: -440px;}
	
	.reveal-modal .close-reveal-modal {
		position: absolute;
		top: 0px;
		right: 60px;
		font-size: 38px;
		color: #fff;
		text-shadow: 0 -1px 1px rbga(0,0,0,.6);
		font-weight: 100;
		cursor: pointer;
		} 
    .reveal-modal .close-reveal-modal:hover{text-decoration:none;color:#ccc}
	.reveal-modal2 .close-reveal-modal {
		position: absolute;
		top: 13px;
		right: 17px;
		color: #aaa;
		text-shadow: 0 -1px 1px rbga(0,0,0,.6);
		font-weight: bold;
		cursor: pointer;
		} 
	/*
		
	NOTES
	
	Close button entity is ×
	
	Example markup
	
	<div id="myModal" class="reveal-modal">
		<h2>Awesome. I have it.</h2>
		<p class="lead">Your couch.  I it's mine.</p>
		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ultrices aliquet placerat. Duis pulvinar orci et nisi euismod vitae tempus lorem consectetur. Duis at magna quis turpis mattis venenatis eget id diam. </p>
		<a class="close-reveal-modal">&#215;</a>
	</div>
	
	*/




ol,ul { list-style:none; }
input[type=text] {border:1px solid #c1c1c1; }
input[type=button] {cursor:pointer}
button {border:0 none;cursor:pointer; background:none; margin:0; padding:0;vertical-align:middle}
button span {position:relative; left:0; top:0;vertical-align:middle}
button.close{position: absolute;top: -20px;right: -20px;color:#fff;text-shadow:none;font-size: 36px;font-weight: 100;opacity: 1;}
button::-moz-focus-inner {border:0; padding:0}

.selectBox_han {display:inline-block; position:relative; z-index:200; vertical-align:middle;}
.selectBox_han .selectValue {float:left}
.selectBox_han .selectValue .ibtn {z-index:10 /* 15 */ }
.selectBox_han:after {display:block; content:""; clear:both}
.selectBox_han ul {width:100%; max-height:230px; overflow:auto; border:1px solid #f58426; position:absolute; left:-1px; top:-1px; z-index:10;display:none}
.selectBox_han ul li {/*padding:8px 8px;*/ border-top:1px solid #c1c1c1; background:#fff;}
.selectBox_han ul li button {display:block; width:100%; height:100%; text-align:left}
.selectBox_han ul li:first-child {border:0 none}
.selectBox_han ul li:hover {background:#f5f5f5}
.selectBox_han ul li:hover button {color:#f58426}
.selectBox_han ul li span {background:none; padding:0}
.selectBox_han ul.gray {border:1px solid #c1c1c1 !important;}

.selectBox_han ul {scrollbar-3dLight-Color: #efefef; scrollbar-arrow-color: #dfdfdf; scrollbar-base-color: #efefef; scrollbar-Face-Color: #dfdfdf; scrollbar-Track-Color: #efefef; scrollbar-DarkShadow-Color: #efefef; scrollbar-Highlight-Color: #efefef; scrollbar-Shadow-Color: #efefef}
/* Chrome, Safari¿ë ½ºÅ©·Ñ ¹Ù */
.selectBox_han ul::-webkit-scrollbar {width: 8px; height: 8px; border: 3px solid #fff; }
.selectBox_han ul::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display: block; height: 10px;}
.selectBox_han ul::-webkit-scrollbar-track {background: #efefef; -webkit-border-radius: 10px; border-radius:10px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.2)}
.selectBox_han ul::-webkit-scrollbar-thumb {height: 50px; width: 50px; background: rgba(0,0,0,.2); -webkit-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.1)}

.selectValue {display:inline-block; height:32px; margin-right:6px; border:1px solid #c1c1c1; position:relative; z-index:10; vertical-align:middle; background-color:#fff}
tr .selectValue,.pageCustom .selectValue,.confirmBox .selectValue {margin:0 7px}
.loginUnit .selectValue {margin:0}
tr .selectValue:first-child {margin-left:0}
.selectValue span {display:block; padding-left:10px; padding-right:10px; height:100%; border:0 none}
.selectValue span input[type=text], .selectValue span input[type=password] {display:inline-block; font-size:13px; width:100%; border:0 none; vertical-align:top; padding:7px 0; color:#666}
.selectValue span input[type=tel] {display:inline-block; font-size:13px; line-height:16px; width:100%; border:0 none; vertical-align:top; margin-top:9px; color:#666}
.ibtn {width:33px; height:32px; position:absolute; right:0; top:0; background:transparent url(/img/ico_btn.png) no-repeat left top}


@media (max-width:767px) {
.modal_box li {list-style:none;float: none;}
.modal_txt {padding-left:15px; width:345px; text-align:left;overflow:hidden}
.modal_tit {font-size:18px; color:#000; font-weight:bold; }
.modal_table {border-top:1px solid #ddd; width:660px; height:190px; margin-top:12px;}
.modal_table2 {border-top:1px solid #ddd; width:660px; height:190px; margin-top:12px;}
.modal_table_box {width:430px; margin:auto;  margin-top:40px;}
.modal_ta_tit {font-size:13px; color:#595959; font-weight:bold; padding-bottom:10px;}
.modal_input {border:1px solid #c1c1c1; width:270px; height:32px; line-height:32px; padding-left:10px; margin-top:8px; font-size:13px; color:#595959; font-weight:bold;}
.modal_btn {display:block; background:#eb1235; width:100px; height:76px; line-height:76px; text-align:center; color:#fff !important; font-weight:bold; font-size:15px;}
.modal_mem {margin-top:20px; padding-top:20px; width:590px; line-height:29px; font-size:13px; font-weight:500; color:#595959; margin:auto; text-align:center; border-top:1px solid #ddd; }
.modal_mem2 {margin-top:20px; padding-top:20px; width:660px; line-height:29px; font-size:13px; font-weight:500; color:#595959; margin:auto; text-align:center; /*border-top:1px solid #ddd; */}
.modal_mem_btn {display:block; float:left; margin-left:15px; background:#1f1f1f; width:100px; height:29px; line-height:29px; text-align:center; color:#fff !important; font-weight:bold; font-size:13px;}
.modal_mem_btn2 {display:block; margin:auto; background:#f15a21; width:140px; height:45px; line-height:45px; text-align:center; color:#fff !important; font-weight:bold; font-size:15px; border-radius:5px;}

.modal_ul_list  {height:57px; line-height:57px; width:660px; padding-left:4px; border-bottom:1px solid #ddd;}
.btn0702_3 {float:left; padding-left:5px;}
.btn0702_col1 {background:#fb718a; height:33px; line-height:33px; width:54px; display:block; text-align:center; color:#fff !important; font-weight:bold; font-size:14px; border-radius:3px;}
.btn0702_col2 {background:#9e9e9e; height:33px; line-height:33px; width:54px; display:block; text-align:center; color:#fff !important; font-weight:bold; font-size:14px; border-radius:3px;}
	
.w100 {width:110px;}
.w70 {width:81px;}



	.reveal-modal-bg {
		position: fixed;
		height: 100%;
		width: 100%;
		background: #000;
		opacity:.7;
		filter:alpha(opacity=70);
		z-index: 9999;
		display: none;
		top: 0;
		left: 0;
		}
	
	.reveal-modal {
		visibility: hidden;
		top: 100px !important;
		left: 51%;
		margin-left: -51%;
		width: 100%;
		height: 370px;
		/* background: #4d4d4d; */
		position: fixed;
		z-index: 99999;
		padding: 10px;
		/*padding: 30px 40px 34px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-box-shadow: 0 0 10px rgba(0,0,0,.4);*/
		}
    .modal_box{width:100%}
	iframe#view {width: 100%;height: 400px;/* min-width: 360px; */}
	
	.tit_area {display: none;line-height:50px;padding-bottom:20px;}
	.tit_area:after { clear:both; display:block; content:""; zoom:1 }
	.tit_area .subject { font-size:1.8rem; float:left; }
	.tit_area .info { font-size:1.2rem; color:#777; float:right; }

	.reveal-modal2 {
		visibility: hidden;
		top: 100px; 
		left: 30%;
		margin-left: -300px;
		width: 780px;
		height:600px;
		border:3px solid #333333;
		background: #fff;
		position: absolute;
		z-index: 501;
		/*padding: 30px 40px 34px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-box-shadow: 0 0 10px rgba(0,0,0,.4);*/
		}
		
	.reveal-modal.small 		{ width: 200px; margin-left: -140px;}
	.reveal-modal.medium 	{ width: 400px; margin-left: -240px;}
	.reveal-modal.large 		{ width: 600px; margin-left: -340px;}
	.reveal-modal.xlarge 		{ width: 800px; margin-left: -440px;}
	
	.reveal-modal .close-reveal-modal {
		position: absolute;
		top: -10px;
		right: 10px;
		font-size: 38px;
		color: #fff;
		text-shadow: 0 -1px 1px rbga(0,0,0,.6);
		font-weight: 100;
		cursor: pointer;
		} 

	.reveal-modal2 .close-reveal-modal {
		position: absolute;
		top: 13px;
		right: 17px;
		color: #aaa;
		text-shadow: 0 -1px 1px rbga(0,0,0,.6);
		font-weight: bold;
		cursor: pointer;
		} 

}