@charset "utf-8";

/* common */
#popup {
	display: none;
	position:absolute;
    top: 80%;
    left: 25%;
    background-color: #f8f8f8;
}


@media (max-width: 700px) {
	#popup {
	    top: 80%;
	    left: 25%;
	}
}

@media (max-width: 600px) {
	#popup {
	    top: 80%;
	    left: 25%;
	}
}

@media (max-width: 400px) {
	#popup {
	    top: 60%;
	    left: 15%;
	}
}

@media (max-width: 300px) {
	#popup {
	    top: 60%;
	    left: 10%;
	}
}



#popup .section {position:relative; overflow:hidden; margin-bottom:20px;}
#popup .section:after {clear:both; content:""; display:block;}
#popup select {height:auto; line-height:auto; padding:1px; border:1px solid #aaa; vertical-align:middle;}



.popup .popup_title {padding:26px 0 13px 20px; border-bottom:1px solid #0b1118; background:#36414e;}
.popup .popup_content {padding:20px 30px; overflow:hidden; text-align: center;}
.popup .popup_content .popup_text {line-height:22px; margin-bottom:10px; color:#555;} 
.popup .popup_content .popup_desc {line-height:22px; padding-left:10px; margin-bottom:15px; color:#555; background:url('../images/popup/bullet_dot.gif') no-repeat 0 8px;}
.popup .popup_content .popup_btn {text-align:center;}
.popup .popup_close {position:absolute; top:18px; right:20px;}

.layer, .layer2, .layer3, .layer4, .layer5, .layer6, .layer7 {position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:100; display:none;}
.layer .bg, .layer2 .bg, .layer3 .bg, .layer4 .bg, .layer5 .bg, .layer6 .bg, .layer7 .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);}
.layer .layerPopup, .layer2 .layerPopup, .layer3 .layerPopup, .layer4 .layerPopup, .layer5 .layerPopup, .layer6 .layerPopup, .layer7 .layerPopup {display:block;}
.layerPopup {position:absolute; top:50%; left:50%; height:auto;  background:#fff; z-index:6; overflow:hidden; display:none;}
.layerPopup .layerPopup_title {padding:26px 0 13px 20px; border-bottom:1px solid #0b1118; background:#36414e;}
.layerPopup .layerPopup_content {padding:20px 30px;}
.layerPopup .layerPopup_content h2 {margin-bottom:15px;} 
.layerPopup .layerPopup_content .layerPopup_list01 {}
.layerPopup .layerPopup_content .layerPopup_list01 li {color:#888; padding:20px 0; line-height:18px; border-top:1px dotted #cfd2d5;}
.layerPopup .layerPopup_content .layerPopup_list01 li:first-child {padding-top:0; border-top:0;}
.layerPopup .layerPopup_content .layerPopup_list01 li strong {font-size:14px; color:#444; padding-bottom:8px; display:block;}
.layerPopup .layerPopup_content .layerPopup_list02 {}
.layerPopup .layerPopup_content .layerPopup_list02 li {color:#888; padding:0 0 40px 10px; line-height:22px; background:url('../images/common/bullet_list.gif') no-repeat 0 -16px;}
.layerPopup .layerPopup_content .layerPopup_list02 li:first-child {padding-top:0;}
.layerPopup .layerPopup_content .layerPopup_list02 li strong {font-size:14px; color:#444; padding-bottom:8px; display:block;}
.layerPopup .layerPopup_content .layerPopup_desc {line-height:22px; padding-left:10px; margin-bottom:15px; color:#444; background:url('../images/common/bullet_list.gif') no-repeat 0 -16px;}
.layerPopup .layerPopup_btn {text-align:center;}
.layerPopup .layerPopup_close {position:absolute; top:20px; right:20px;}
.layerPopup .layerPopup_close .btn_layerClose {width:28px; height:27px; display:inline-block; background:url("../images/common/btn_x.png") no-repeat}
.layerPopup .btn_layerClose span {display:none;}


/* tab */
.tab_menu {padding: 0 0 20px;}
.tab_menu ul {border-bottom:2px solid #33a02b;}
.tab_menu ul:after {clear:both; content:""; display:block;}
.tab_menu ul li {width:126px; float:left; text-align:center; background:#eaeaea;}
.tab_menu ul li.on, .tab_menu ul li:hover {font-weight:bold; letter-spacing:-1px; background:#33a02b;}
.tab_menu li span {width:100%; font-size:11px; padding:7px 0; display:inline-block;}
.tab_menu ul li.on span, .tab_menu ul li:hover span {color:#fff;}


/* table */
.table_popup {width:100%; margin-bottom:20px; border-top:3px solid #555; border-bottom:1px solid #b7b7b9;}
.table_popup th {color:#555; padding:8px 0 10px; border-bottom:1px solid #b7b8be;}
.table_popup td {color:#777; padding:8px 0; border-top:1px solid #ccc;}
.table_popup th, .table_popup td {text-align:center;}
.table_popup td.order_num a {color:#33a248; font-weight:bold; text-decoration:underline;}
.table_popup td.t_left {text-align:left; padding-left:10px;}


/* button */
.btn_popup {display:inline-block; background:url('../image/common/btn_popup.png') no-repeat;}
.btn_popup span {display:none;}
.btn_search {width:50px; height:30px; background-position:0 0; vertical-align:middle;}
.btn_print {width:122px; height:44px; background-position:-149px -170px;}
.btn_popup_register {width:122px; height:44px; background-position:0 -116px;}
.btn_popup_cancel01 {width:74px; height:30px; background-position:0 -54px;}
.btn_popup_cancel02 {width:122px; height:44px; background-position:-83px -54px;}
.btn_popup_modify01 {width:122px; height:44px; background-position:-129px -116px;}
.btn_popup_delete01 {width:74px; height:30px; background-position:-208px 0;}
.btn_popup_delete02 {width:122px; height:44px; background-position:-291px 0;}
.btn_couponRegister  {width:142px; height:44px; background-position:0 -170px;}
.btn_popup_confirm {width:74px; height:30px; background-position:-60px 0;}
.btn_popup_choice {width:54px; height:24px; display:block; margin:0 auto; background-position:-144px 0;}


.btn_close {width:36px; height:37px; background-position:-146px -224px;}
.btn_close02 {width:120px; height:44px; background-position:0 -224px;}





/* print */
.print {width:770px; padding:50px 30px;}
.print h1 {margin-bottom:40px;}
.print h2 {margin-bottom:10px;}


/* delivery */
.delivery  {width:600px;}
.delivery ol {width:430px; padding-left:110px; background:url('../images/common/bg_delivery.gif') no-repeat;}
.delivery li {color:#888; padding:20px 0; line-height:18px; border-top:1px dotted #cfd2d5;}
.delivery li:first-child {padding-top:0; border-top:0;}
.delivery li strong {font-size:14px; color:#444; padding-bottom:8px; display:block;}


/* pay */
.payChange {width:680px;}
.payChange .txt_activeX {color:#33a248; text-decoration:underline; margin-left:20px;}
.card_list {margin-top:20px;}
.card_list li {font-size:11px; margin-bottom:20px;}
.card_list li span {width:118px; height:50px; float:left;}
.card_list li strong {font-size:12px; display:block;}
.order_sum {width:222px; float:left;}
.order_sum dt {text-align:center; padding:14px 0 13px; border:1px solid #242b35; border-radius:5px 5px 0px 0px; background:#28303a;}
.order_sum dd {text-align:center; color:#fff; font-size:16px; padding:25px 0 24px; border:1px solid #3b4151; border-radius:0 0 5px 5px; background:#424859;}
.order_sum dd strong {font-family:'verdana'; font-size:28px; font-weight:bold;}
.order_agree {float:left; padding:6px 20px; color:#666;}
.order_agree p {padding:10px 0;}
.order_agree strong {font-size:14px; color:#444; display:block;}
.order_agree span {font-size:11px; color:#999;}
.order_btn {width:152px; padding:5px 0; float:right;}


/* refund */
.refund {width:600px;}


/* orderCancel */
.orderCancel {width:600px;}
.payment {float:left; width:100px;}
.orderCancel .inp_check {margin:-5px 5px 0 0;}

/* distribution */
.distribution {width:600px;}


/* cashRate */
.cashRate {width:600px;}


/* pass */
.pass {width:300px;}


/* couponReg */
.coupon_reg {}
.coupon_box {text-align:center; padding:30px 0; margin-bottom:20px; border:5px solid #cfd2d6;}
.coupon_box dt, .coupon_box dd {display:inline; vertical-align:top;}
.coupon_box dt img {margin:6px 16px 0 0;}
.coupon_note {margin-top:30px;}
.coupon_note dt {margin-bottom:10px;}
.coupon_note dd {margin-left:7px; color:#777; line-height:20px;}


/* delivery */
.addrChoice  {width:500px;}


/* id check */
.search_box {text-align:center; padding:20px 0; margin-bottom:30px; background:#f5f5f5;}
.search_box input {height:28px; line-height:28px; margin-right:3px;}


/* postcode search */
.postcode {width:450px;}
.ex_text {font-size:11px; line-height:15px; margin-top:10px; display:block;}
.road_name {text-align:left; padding:20px 15px;}
.road_name .search_option {padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #d4d4d4;}
.road_name .search_option strong {display:block;}
.road_name .search_select {width:170px; display:inline-block;}
.road_name .search_select strong {margin-right:10px; display:inline-block;}
.road_name .search_word {margin-top:15px; display:block;}
.road_name .search_word input {margin-left:4px;}


/* order number choice */
.orderNumChoice {width:600px;}


/* login */
.memeberLogin {width:450px;}
.memeberLogin .join_form {width:330px; display:block; overflow:hidden; margin:0 auto;}


/* review */
.review {width:800px;}
.review .inp_radio {margin-right:0;}
.review .review_point, 
.review .review_point span {width:15px; height:16px; display:inline-block; overflow:hidden; background:transparent url('../images/sub/icon_star.gif') no-repeat}
.review .review_point {width:75px; margin-right:12px; vertical-align:top;}
.review .review_point span {background-position:0 -16px; font-size:0; line-height:0; text-indent:-100px; vertical-align:top;}


/* address */
.list_group {width:100%; overflow:hidden; margin-bottom:30px;}
.list_head {overflow:hidden; border-top:3px solid #555; border-bottom:1px solid #b7b8be;}
.list_head div {float:left; font-weight:bold; text-align:center; padding:8px 0;}
.list_tr {position:relative; overflow:hidden; border-bottom:1px solid #ccc;}
.addr_td1 {width:40px;}
.addr_td2 {width:80px;}
.addr_td3 {width:80px;}
.addr_td4 {width:240px;}
.addr_td4.aling_left {width:230px !important; text-align:left !important; padding-left:10px !important;}
.list_group div div {float:left; color:#777; text-align:center; line-height:22px; padding:6px 0;}
.none_data {width:100%; text-align:center;}


/* order number choice */
.orderNumber_td1 {width:110px;}
.orderNumber_td2 {width:240px;}
.orderNumber_td3 {width:100px;}
.orderNumber_td4 {width:90px;}
.orderNumber_td2.aling_left {width:230px !important; text-align:left !important; padding-left:10px !important;}


/* order number choice */
.coupon_td1 {width:70px;}
.coupon_td2 {width:110px;}
.coupon_td3 {width:70px;}
.coupon_td4 {width:70px;}
.coupon_td5 {width:80px;}
.coupon_td6 {width:70px;}
.coupon_td7 {width:70px;}
.coupon_td2.aling_left {width:100px !important; text-align:left !important; padding-left:10px !important;}


/* post code */
.postcode_td1 {width:120px;}
.postcode_td2 {width:270px;}
.postcode_td2.t_left {text-align:left !important;}