/*	--------------------------------------------------
	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: 501;
		display: none;
		top: 0;
		left: 0; 
		}
	
	.reveal-modal {
		visibility: hidden;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
		width:1422px;
		height:800px;
		background: #fff;
		position: absolute;
		z-index: 502;
		/*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);*/
		}

	.frame {width:1422px; height:760px;}

	.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: 13px;
		right: 17px;
		color: #aaa;
		text-shadow: 0 -1px 1px rbga(0,0,0,.6);
		font-weight: bold;
		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;
		} 
	/*
		
	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::-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}