@charset "UTF-8";


@media only screen and (max-width: 768px) {	
/*main =============================== */
.title{
}
.title span{
	color:#2B8FCC;
	margin-right:3px;
	font-size:16px;
}
.title h1{
	font-size:16px;
	font-weight:normal;
}
.sub{
	margin:10px 0px;
}
.sub h2{
	color:#2B8FCC;
	font-size:15px;
	font-weight:normal;
}


/* w_list =============================== */
#content{
}
#content .main .contbox{
	padding:0; 
}
#content .main{
	box-sizing:border-box;
	padding: 1em;
	background:#f4f4f4;
}
#content .main .cont .w_list{
}
#content .main .cont .w_list .box{
	
	width:100%;
	box-sizing:border-box;
	background:#fff;
	padding:5px;
	position:relative;
}
#content .main .cont .w_list ul{
}
#content .main .cont .w_list ul li{
	margin-bottom:15px;
}
#content .main .cont .w_list .box a:link{
	position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    text-indent:-999px;
}
#content .main .cont .w_list .box a:hover{
	background:#fff;
	opacity:0.3;
}
#content .main .cont .w_list table{
	width:100%;
}
#content .main .cont .w_list th{
	font-weight:normal;
	text-align:left;
	padding:0px 0px 10px 0px;
	font-size:12px;
}
#content .main .cont .w_list td{
	padding-right:10px;
}
#content .main .cont .w_list .thw_f1{
	width:20%;
}
#content .main .cont .w_list .thw_f2{
	width:15%;
}
#content .main .cont .w_list .thw_f3{
	width:15%;
}
#content .main .cont .w_list .thw_f4{
	width:50%;
}

#content .main .cont .w_list .tw_f1{
	width:20%;
}
#content .main .cont .w_list .tw_f2{
	width:15%;
}
#content .main .cont .w_list .tw_f3{
	width:15%;
}
#content .main .cont .w_list .tw_f4{
	width:50%;
}


#content .main .cont .w_list .thw_o1{
	width:10%;
}
#content .main .cont .w_list .thw_o2{
	width:10%;
}
#content .main .cont .w_list .thw_o3{
	width:20%;
}
#content .main .cont .w_list .thw_o4{
	width:20%;
}
#content .main .cont .w_list .thw_o5{
	width:20%;
}
#content .main .cont .w_list .thw_o6{
	width:20%;
}

#content .main .cont .w_list .tw_o1{
	width:10%;
}
#content .main .cont .w_list .tw_o2{
	width:10%;
}
#content .main .cont .w_list .tw_o3{
	width:20%;
}
#content .main .cont .w_list .tw_o4{
	width:20%;
}
#content .main .cont .w_list .tw_o5{
	width:20%;
}
#content .main .cont .w_list .tw_o6{
	width:20%;
}















	#content .main .contbox .resp_clearfix:after {
		content: ".";
		display: block;
		clear: both;
		height: 0;
		visibility: hidden;
	}
	
	#content .main .contbox .resp_clearfix {
		min-height: 1px;
	}

	#content .main .contbox .resp_w5 { width: 5%; }
	#content .main .contbox .resp_w10 { width: 10%; }
	#content .main .contbox .resp_w15 { width: 15%; }
	#content .main .contbox .resp_w20 { width: 20%; }
	#content .main .contbox .resp_w22 { width: 22%; }
	#content .main .contbox .resp_w24 { width: 24%; }
	#content .main .contbox .resp_w25 { width: 25%; }
	#content .main .contbox .resp_w30 { width: 30%; }
	#content .main .contbox .resp_w35 { width: 35%; }
	#content .main .contbox .resp_w32 { width: 32%; }
	#content .main .contbox .resp_w40 { width: 40%; }
	#content .main .contbox .resp_w45 { width: 45%; }
	#content .main .contbox .resp_w49 { width: 49%; }
	#content .main .contbox .resp_w50 { width: 50% !important; }
	#content .main .contbox .resp_w60 { width: 60%; }
	#content .main .contbox .resp_w70 { width: 70%; }
	#content .main .contbox .resp_w80 { width: 80%; }
	#content .main .contbox .resp_w90 { width: 90%; }
	#content .main .contbox .resp_w100 { width: 100%; }
	
	#content .main .contbox .resp_m_o0 { margin-top: 0; }
	#content .main .contbox .resp_m_o10 { margin-top: 10px; }
	#content .main .contbox .resp_m_o20 { margin-top: 20px; }
	#content .main .contbox .resp_m_o30 { margin-top: 30px; }
	#content .main .contbox .resp_m_o40 { margin-top: 40px; }
	
	#content .main .contbox .resp_m_l0 { margin-left: 0; }
	#content .main .contbox .resp_m_l1 { margin-left: 1%; }
	#content .main .contbox .resp_m_l2 { margin-left: 2%; }
	#content .main .contbox .resp_m_l4 { margin-left: 4%; }
	
	#content .main .contbox .resp_m_r0 { margin-right: 0; }
	#content .main .contbox .resp_m_r1 { margin-right: 1%; }
	#content .main .contbox .resp_m_r2 { margin-right: 2%; }
	#content .main .contbox .resp_m_r4 { margin-right: 4%; }
	
	#content .main .contbox .resp_m_u5 { margin-bottom: 5px; }
	#content .main .contbox .resp_m_u10 { margin-bottom: 10px; }
	#content .main .contbox .resp_m_u20 { margin-bottom: 20px; }
	#content .main .contbox .resp_m_u30 { margin-bottom: 30px; }
	#content .main .contbox .resp_m_u40 { margin-bottom: 40px; }
	#content .main .contbox .resp_m_u50 { margin-bottom: 50px; }
	#content .main .contbox .resp_m_u60 { margin-bottom: 60px; }
	#content .main .contbox .resp_m_u80 { margin-bottom: 80px; }
	
	#content .main .contbox .resp_tc {	text-align: center;}
	#content .main .contbox .resp_tl {	text-align: left;}
	#content .main .contbox .resp_tr {	text-align: right;}
	
	#content .main .contbox .resp_fl { float: left;}
	#content .main .contbox .resp_fr { float: right;}	
	#content .main .contbox .resp_fl.none { float: none;}
	#content .main .contbox .resp_fr.none { float: none;}	
	
	
	
	
	#login_box .resp_w45 { width: 45%; }







#content .main .contbox table.deco-tb.form {
		/* font-size: 86%; */
		width: 100%;
		border: none;
	}
		
	#content .main .contbox .form div.selectWrap {
	}
	
	#content .main .contbox table.deco-tb.form input,
	#content .main .contbox table.deco-tb.form textarea {
		box-sizing: border-box;
	}
	
	
	
	#content .main .contbox table.deco-tb.form label {
	}
	
	#content .main .contbox table.deco-tb.form label input {
		width: auto;
	}	
		
	
	#content .main .contbox table.deco-tb.form th {
		/* min-width: 40px; */
		display: block;
		width: 100%;
		box-sizing: border-box;
		border: none;
		padding: 1em 0 0;
		margin: 0 0 0.5em;
	}	
	
	#content .main .contbox table.deco-tb.form td {
		display: block;
		padding: 0 0 1em;
		margin: 0 0 0.5em;
	}

	#content .main .contbox table.deco-tb.form .btn.delivery{
		background: #f47200;
		color: #fff;
		width:100%
	}
	#content .main .contbox table.deco-tb.form .btn.delivery_gray{
		background:#d8d8d8;
		color: #fff;
		width:100%
	}
	
	
	#content .main .contbox table.deco-tb-inside.form {
		width: 100%;
		border: none;
	}
	#content .main .contbox table.deco-tb-inside.form th {
		width: 100%;
		border: none;
		padding: 0;
		margin: 0;
	}	
	#content .main .contbox table.deco-tb-inside.form td {
		padding: 0;
		margin: 0;
		border: none;
	}



#content div.side {
		display: none;
	}


	#content div.main {
		margin: 0;
		float: none;
	}
	
	#content .main .contbox {
		background: #f4f4f4;
		margin-left: 0;
		
		box-sizing: border-box;
		width: 100%;
	}

	#content .main .contbox div.list {
		max-width: 100%;
		min-width: 100%;
		position: relative;
	}
	
	#content .main .contbox div.list div.today {
		float: none;
	}
	
	#content .main .contbox div.list div.remaining {
		float: none;
	}
	
	#content .main .contbox div.list div.tags {
		margin-bottom: 1em;
	}
	
	#content .main .contbox div.list div.tags div.tag {
		margin: 0 1em 1em 0;
	}
	
	#content .main .contbox div.list div.stop {
		background: #e2e2e2 none repeat scroll 0 0;
		border: medium none;
		padding: 1em;
		position: relative;
		right: 0;
		top: 0;
		transform: none;
	}
	
	
	
	#content .main .contbox div.search {
		max-width: 100%;
		min-width: 100%;
	}
	
	#content .main .contbox div.search form {
    	float: none;
	}
	
	#content .main .contbox div.search form input {
		width: 80%;
	}
	
	#content .main .contbox div.search form button.btn {
		width: 20%;
	}
	
	
	#content .main .contbox div.itemWrap {
		max-width: 100%;
		min-width: 100%;
	}
	
	
	#content .main .contbox div.item div.data {
		float: none;
		min-height: 50px;
		width: 100%;
	}
	
	#content .main .contbox div.row {
    	display: block;
	}
	
	#content .main .contbox div.table .col {
		display: block;
		padding-right: 0;
		margin-bottom: 0.5em;
	}
	
	
	#content .main .contbox div.item div.btns {
		max-width: 250px;
		min-height: 50px;
		width: 100%;
	}
	
	
	
	
	
	
	
	#content .main .contbox .tableLayoutWrap {
		max-width: 100%;
		min-width: 100%;
	}
	
	#content .main .contbox div.extraBox {
		height: 110px;
		max-width: 100%;
		min-width: 100%;
		position: relative;
	}
	
	
	#content .main .contbox .tableLayoutWrap {
		max-width: 100%;
		min-width: 100%;
	}
	
	#content .main .contbox table.deco-tb thead {
		display: none;
	}
	
	#content .main .contbox table.deco-tb  td::before {
		background: #fff7ee none repeat scroll 0 0;
		content: attr(data-text) "";
		display: block;
		font-weight: bold;
		position: relative;
		margin-bottom: 1em;
	}
	
	/* table.deco-tb.list */
    #content .main .contbox table.deco-tb.list tr {
        border: 1px solid #ccc;
        margin-bottom: 2em;
        padding: 1em;
        display: block;
    }

    #content .main .contbox table.deco-tb.list  td::before {
        padding: 0.5em;
    }

    #content .main .contbox table.deco-tb.list td {
        border: none;
        padding: 0 0 1em;
        margin: 0;
    }
	
    /* table.deco-tb-inside.list */
    #content .main .contbox table.deco-tb-inside.list tr {
        border: none;
        margin-bottom: 0.5;
        padding: 1em;
    }

    #content .main .contbox table.deco-tb-inside.list  td::before {
        padding: 0;
    }

    #content .main .contbox table.deco-tb-inside.list td {
        border: none;
        padding: 0;
        margin: 0;
    }

	#content .main .contbox table.deco-tb-s thead {
		display: none;
	}
	
	#content .main .contbox table.deco-tb-s  td::before {
		background: #fff7ee none repeat scroll 0 0;
		content: attr(data-text) "";
		display: block;
		font-weight: bold;
		position: relative;
		margin-bottom: 1em;
	}
	

#content .main .contbox .tableLayout {
	width:100%;
}





/* review_box =============================== */
#content .main .contbox .cont .review_box{
	width:100%;
	box-sizing:border-box;
	font-size:13px;
}

#content .main .contbox .cont .review_box .box{
	width:100%;
	display:block;
}
#content .main .contbox .cont .review_box .box .date{
	width:100%;
	display:block;
}
#content .main .contbox .cont .review_box .box .rev{
	width:100%;
	display:block;
}

#content .main .contbox .cont .review_box .box .rev .name{
	width:100%;
	display:block;
	margin-bottom:10px;
}
#content .main .contbox .cont .review_box .box .rev .star{
	width:100%;
	display:block;
}
#content .main .contbox .cont .review_box .box .rev .evaluation{
	width:100%;
	display:block;
}




/* detail-box =============================== */
#content .main .cont .w_list_set{
	width:100%;
	box-sizing:border-box;
	padding:10px;
}
#content .main .contbox .cont{
	width:100%;
	box-sizing:border-box;
}
#content .main .contbox .cont .left{
	width:100%;
	display:block;
	box-sizing:border-box;
	margin-bottom:50px;
}
#content .main .contbox .cont .right{
	width:100%;
	display:block;
	box-sizing:border-box;
}
.mr14{
	margin-right:0px;
}

#content .main .contbox .cont .detail-box{
	width:100%;
	box-sizing:border-box;
	border:1px solid #c6c6c6;
	padding:10px;
	background:#fff;
	margin-bottom:14px;
	font-size:14px;
}





#content .main .contbox .date-box .year{
	width:80px;
	float:left;
	margin-right:1%;
}
#content .main .contbox .date-box .month{
	width:80px;
	float:left;
	margin-right:1%;
}
#content .main .contbox .date-box .day{
	width:80px;
	float:left;
}

#content .main .contbox .form div.selectWrap_d {
	width:80px;
	position: relative;
	height: 38px;
	display: inline-block;
	margin-right:2px;
}

#content .main .contbox .form div.selectWrap_d::after {
	border-right: 1px solid #555;
    border-top: 1px solid #555;
    content: "";
    display: block;
    height: 5px;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translate(0px, -50%) rotate(135deg);
    transition: all 0.2s ease-in-out 0s;
    width: 5px;
}


}






}




/* detail-gas-sales-amounts =============================== */
.form-gas-sale-edit .form-sale-month-edit {
	float: left;
}

.form-gas-sale-confirm .form-sale-month-confirm {
	float: left;
}

.form-gas-sale-edit .title-sale-month-edit {
	float: left;
	width: 45px;
	padding-top: 8px;
	height: 28px;
	text-align: right;
}

.form-gas-sale-confirm .title-sale-month-confirm {
	float: left;
	width: 45px;
	padding-top: 8px;
	height: 28px;
	text-align: right;
}

.form-gas-sale-edit .form-input-gas-sale-edit {
	float: left;
	width: 100px;
	margin-left: 10px;
}

.form-input-gas-sale-edit .error-input-sale {
	border: 1px solid #ff100a !important;
}


.form-gas-sale-confirm .form-input-gas-sale-confirm {
	float: left;
	width: 80px;
	padding-top: 8px;
	margin-left: 10px;
}

.form-gas-sale-edit {
	width: 1046px;
	margin-left: -10px;
	display: inline-block;
}

.form-gas-sale-confirm {
	width: 900px;
	margin-left: -10px;
	display: inline-block;
}

.form-gas-sale-edit .form-sale-month-edit {
	float: left;
	height: 36px;
	padding: 0;
	width: 155px;
	margin-bottom: 15px;
}

.form-gas-sale-confirm .form-sale-month-confirm {
	float: left;
	height: 36px;
	padding: 0;
	width: 145px;
	margin-bottom: 12px;
	font-size: 12px;
}

@media all and (max-width: 1620px) {
	.form-gas-sale-edit {
		width: 800px;
	}
}

@media all and (max-width: 1400px) {
	.form-gas-sale-edit {
		width: 600px;
	}

	.form-gas-sale-confirm {
		width: 600px;
	}
}

@media all and (max-width: 1050px) {
	.form-gas-sale-edit {
		width: 400px;
	}

	.form-gas-sale-confirm {
		width: 400px;
	}
}

@media all and (max-width: 777px) {
	.form-gas-sale-edit {
		width: 414px;
	}

	.form-gas-sale-confirm {
		width: 414px;
	}
}

/* ./detail-gas-sales-amounts =============================== */