project-totopia/w-demo.com_capture/html_sources/유저1/user_충전하기_files/inputMoney.css
2019-07-21 06:39:16 +09:00

158 lines
2.7 KiB
CSS

@CHARSET "UTF-8";
.titleBox{
position: absolute;
width: 1000px;
height: 83px;
top: 0px;
margin: 0 auto;
background: url('cssImg/tit_bg.gif');
}
.inputMoneyInfoBox{
position: absolute;
width: 886px;
height: 171px;
top: 100px;
left:57px;
background: url('cssImg/messageInfo.png');
}
.inputMoneyFormBox{
position: absolute;
width: 944px;
height: 170px;
top: 280px;
left:28px;
background: #221f1f;
border-top: 1px solid #070606;
border-left: 1px solid #191717;
border-right: 1px solid #535050;
border-bottom: 1px solid #535050;
}
.inputMoneyFormBoxLeft{
position: absolute;
width:201px;
height: 125px;
top:15px;
left:30px;
background: url('cssImg/money01_02.gif');
}
.inputMoneyFormBoxRight{
position: absolute;
width:680px;
height: 150px;
top:10px;
left:250px;
}
.txt {
color: #222222;
font-size: 1.2em;
outline: medium none;
height:31px;
width: 183px;
}
.money_tl{
}
.money_tl li {
float: left;
cursor:pointer;
width:32%;
height:36px;
margin-right:1%;
margin-bottom:10px;
line-height:36px;
text-align:center;
font-weight:600;
font-size:16px;
color:#fff;
border-radius:3px;
background:none;
border:1px solid #fff;
}
.money_tl li:hover{
background-image: -webkit-linear-gradient( 0deg, rgb(7, 177, 78) 0%, rgb(48, 148, 94) 100%);
background-image: -moz-linear-gradient( 0deg, rgb(7, 177, 78) 0%, rgb(48, 148, 94) 100%);
background-image: -ms-linear-gradient( 0deg, rgb(7, 177, 78) 0%, rgb(48, 148, 94) 100%);
background-image: -o-linear-gradient( 0deg, rgb(7, 177, 78) 0%, rgb(48, 148, 94) 100%);
background-image: linear-gradient( 0deg, rgb(7, 177, 78) 0%, rgb(48, 148, 94) 100%);
box-shadow:0 0 2px 1px rgba(0,0,0,0.75 );
}
.money_tl li:active{
box-shadow:0 0 3px 3px rgba(39,167,221,0.75 );
}
.bank_btn{
background:#d51f21;
color:#fff;
line-height:24px;
height:28px;
border-radius:5px;
width:80px;
border:1px solid #333;
}
.money_input_area{
position:relative;
width:100%;
height:580px;
background:url(../images/images/imageView_money.jpg) no-repeat;
background-size:108% 94%;
background-color:#000;
}
.form_money_area{
position:absolute;
right:90px;
top:10px;
width:400px;
padding:15px;
background-color:#000;
}
.form_money_area .ko-title{
color: #fff;
font-size: 20px;
font-weight: 900;
line-height: 24px;
}
.bank_infor{
margin:10px 0;
}
.btn-menu{
position:absolute;
left:0;
width:100%;
}
.btn-menu .btn-store-find{
background: rgba(144,115,84,0.95);
}
.btn-menu .btn-naver-reser {
background: rgba(177,10,17,0.95);
}
.btn-menu > ul > li {
float: left;
width: 50%;
}
.btn-menu > ul > li > a {
display: block;
padding: 30px 0 26px 0;
color: #fff;
font-size: 16px;
line-height: 22px;
text-align: center;
}