@charset "utf-8";

/* layput */
.wrap {width:500px;background:#e9ecef;}
header {height:45px; background:#d4060b; padding:0 15px; color:#fff; font-size:21px !important; text-align:center; line-height:45px; position:relative; clear:both;}
section {background:#e9ecef; padding:15px 15px 0 15px;}

/* header */
header span {margin-left:15px;}
header img {text-align:right; float:right; position:relative; top:14px;}

/* section */
.w_box {background:#fff; border:1px solid #d2d7db; height:50px; font-size:19px;line-height:50px; padding:0 15px;}
.w_box img {vertical-align:middle; margin-top:-3px;}
.w_box input {background:#c0c4c8; float:right; height:36px; width:250px; margin-top:7px;color:#fff;}
.w_box .w_txt {float:left;}
.w_box .price_inp {color:#fff;font-size:16px;padding:0 10px;}

.w_box02 {background:#fff; border:1px solid #d2d7db; height:50px; font-size:20px;line-height:50px; margin-top:-1px;}
.w_box02 ul.select_amount {display:table; table-layout:fixed; width:100%; color:#272727; background:#f9f9f9;}
.w_box02 ul.select_amount li.select_amount_item {display:table-cell; text-align:center; border-right:1px solid #d2d7db; }
.w_box02 ul.select_amount li.select_amount_item a, .w_box02 ul.select_amount li.select_amount_item a:hover {color:#7e848b; font-size:18px;}

.w_box03 {background:#fff; border:1px solid #d2d7db; height:50px; font-size:18px;line-height:50px; margin-top:10px;}
.w_box03 ul.view_price {display:table; width:100%; table-layout:fixed}
.w_box03 ul.view_price li.price_area {display:table-cell; position:relative; height:30px; padding:10px 15px; font-size:17px; line-height:30px;border-right:1px solid #d2d7db; }
.w_box03 ul.view_price li.price_area .label {line-height:30px; color:#272727; position:absolute; top:0px; right:0px; left:0px; border:0px; padding:10px 15px; font-size:18px; font-weight:400;}
.w_box03 ul.view_price li.price_area span.amount {display:block; text-align:right; color:#7d838a}

.w_box04 {background:#fff; border:1px solid #d2d7db; margin-top:10px;}
.pay_card {padding:0 15px; height:50px; font-size:20px; border-bottom:1px solid #d2d7db; line-height:50px;}
.pay_area {padding:10px 15px;}
.pay_area table {border:none; position:relative; border-width:1px; border-style:solid}
.pay_area table td {width:100%;height:80px;border-color:#d2d7db !important; text-align:center; padding:0; border-collapse:separate;color:#1d1d1d !important;font-size:14px; font-weight:300;background-color:#eff1f2; border-width:1px; border-style:solid; letter-spacing:-1px;}
.pay_area table td.selected {background-color:#fff !important;border-color:#d4060b !important;}
.pay_area table td.selected a {background-color:#fff !important;}

.pay_area table td .cd1 {background-image:url(../images/c_logo01.png); background-position:center 15px;background-color:#eff1f2;background-repeat:no-repeat; width:100%; height:80px; padding:29px 28px}
.pay_area table td .cd1 span {position:relative; top:15px;}

.pay_area table td .cd2 {background-image:url(../images/c_logo02.png); background-position:center 15px;background-color:#eff1f2;background-repeat:no-repeat; width:100%; height:80px; padding:29px 28px}
.pay_area table td .cd2 span {position:relative; top:15px;}

.pay_area table td .cd3 {background-image:url(../images/c_logo03.png); background-position:center 15px;background-color:#eff1f2;background-repeat:no-repeat; width:100%; height:80px; padding:29px 28px}
.pay_area table td .cd3 span {position:relative; top:15px;}

.pay_area table td .cd4 {background-image:url(../images/c_logo04.png); background-position:center 15px;background-color:#eff1f2;background-repeat:no-repeat; width:100%; height:80px; padding:29px 28px}
.pay_area table td .cd4 span {position:relative; top:15px;}

.pay_area table td .cd5 {background-image:url(../images/c_logo05.png); background-position:center 15px;background-color:#eff1f2;background-repeat:no-repeat; width:100%; height:80px; padding:29px 28px}
.pay_area table td .cd5 span {position:relative; top:15px;}

.pay_area table td .cd6 {background-image:url(../images/c_logo06.png); background-position:center 15px;background-color:#eff1f2;background-repeat:no-repeat; width:100%; height:80px; padding:29px 28px}
.pay_area table td .cd6 span {position:relative; top:15px;}

.pay_area table td .cd7 {background-image:url(../images/c_logo07.png); background-position:center 15px;background-color:#eff1f2;background-repeat:no-repeat; width:100%; height:80px; padding:29px 28px}
.pay_area table td .cd7 span {position:relative; top:15px;}

.pay_area table td .cd8 {background-image:url(../images/c_logo08.png); background-position:center 15px;background-color:#eff1f2;background-repeat:no-repeat; width:100%; height:80px; padding:29px 28px}
.pay_area table td .cd8 span {position:relative; top:15px;}

.pay_area table td .cd9 {background-image:url(../images/c_logo09.png); background-position:center 15px;background-color:#eff1f2;background-repeat:no-repeat; width:100%; height:80px; padding:29px 28px}
.pay_area table td .cd9 span {position:relative; top:15px;}

.pay_area table td .cd10 {background-image:url(../images/c_logo10.png); background-position:center 15px;background-color:#eff1f2;background-repeat:no-repeat; width:100%; height:80px; padding:29px 28px}
.pay_area table td .cd10 span {position:relative; top:15px;}

.pay_area table td a, .pay_area table td a:hover {color:#1d1d1d !important;width:100%; height:50px; }

.check_box {display:inline-block; width:25px; height:25px; margin-right:8px; margin-left:15px; margin-top:-7px;}

.btn_section {margin-top:10px; padding:0 15px 25px; }
.btn_section .btn_area {display:table; width:100%; height:50px; background:#d4060b;}
.btn_section .btn_bottom {display:table-cell; height:50px; text-align:center; line-height:50px;}
.btn_section a.btn {display:block; position:relative; font-size:20px; font-weight:400; color:#fff;}
.btn_section img {position:relative; top:-2px;}