#container{margin-top:150px; overflow:hidden; padding-bottom:250px;}
.red{color:#fc5a5a;}
.area{width:1024px; margin:0 auto;}
.over_hi{overflow: hidden;}

/* s1 */
	.s1_select{width:80%; margin:50px auto 20px; overflow:hidden;}
	.s1_select p{width:25%; float:left; text-align:center; font-size: 20px; font-weight: bold;}
		.s1_select p a{font-size:25px;;}
		.s1_select p a:hover{text-decoration:underline;}

	.s1_content{width:100%;}
		.s1_content ul{width:100%; overflow:hidden;}
		.s1_content ul li{float:left; width:18.4%; margin-right:2%; margin-bottom:2%;}
		.s1_content ul li:nth-child(5n){margin-right:0;}

		.s1_content ul li .img{overflow:hidden; width:100%;}
		.s1_content ul li .img img{width:100%; border:1px solid #999;}
		.s1_content ul li .text{padding:2% 1%; box-sizing:border-box;}
			.s1_content ul li .text strong{display:block; overflow:hidden;font-size:20px; line-height:2em;}
			.s1_content ul li .text strong span{display:block; float:left; width:90%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
			.s1_content ul li .text strong span.red{width:10%; text-align:right; font-size:16px; text-overflow:inherit; white-space:inherit;}
			.s1_content ul li .text span.gray{display:block; color:#999; font-weight:600; font-size:14px;}
			.s1_content ul li .text span.black{font-weight:600; color:#666; font-size:14px;}

		.s1_content ul li a:hover img,.s1_content ul li a:focus  img{transform:scale(1.1); transition:all 0.8s;}


.numArea{width:100%; text-align:center; margin-top:100px;}
	.numArea a{margin:0 15px; font-size:20px; font-weight:bold; color:#666;}
	.numArea a:hover{text-decoration:underline;}

	a.num_this{color:#d56a55;}


/* s1_d */
.s1_d{overflow:hidden; width:80%; margin:0 auto;}
.s1_d .left{float:left; width:45%; text-align:center; border:1px solid #ccc; box-sizing:border-box; margin-right:5%;}
.s1_d .right{float:left; width:50%;}
	.s1_d .right .title{font-size:25px; font-weight:bold; margin-bottom:20px;}
	.s1_d .right .text p{overflow:hidden; line-height:35px;}
	.s1_d .right .text p strong{display:block; float:left; width:20%;}
	.s1_d .right .text p span{display:block; float:left; width:80%;}
	.s1_d .right .text p span input{padding:1%;}
	.s1_d .right .text p.total span{font-size:20px; font-weight:bold;}
	.s1_d .right .text p.total input{float:right; background-color:#16283c; border:none; color:#fff; margin-left:10px; width:100px; height:35px; border:1px solid #16283c;}
	.s1_d .right .text p.total input:hover{background-color:#fff; color:#16283c; transition:all .5s;}
	.s1_d .right .text p.total input.cart{background-color:#fff; color:#16283c;}
	.s1_d .right .text p.total input.cart:hover{background-color:#16283c; color:#fff; transition:all .5s;}

	.s1_d_content{width:80%; margin:0 auto;}
	.s1_d_content div{margin:20px 0;}
		.s1_d_content div .title{font-size:20px; font-weight:bold; margin-top:50px;}
		.s1_d_content div div{background-color:#f1f1f1; padding:2%; box-sizing:border-box; min-height:200px;}


/* s2 */
	h3{font-size:60px; margin-top:50px;}
	.table{width:100%; border-collapse:collapse; margin:50px 0;}
	.table tr{border-bottom:1px solid #5e6b78;}
	.table thead tr{background-color:#f1f1f1;}
	.table th, .table td{padding:1% 1.5%; font-weight:600; text-align: center;}

	.table .title{width:50%; text-align:center;}
	.table td.title{position:relative; text-align:left;}
		.table td.title a{display:block; position:absolute; width:100%; left:0; top:11px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; z-index:0; text-align: center;}

		.table td.title a:hover,.table td.title a:focus{text-decoration:underline;}

	.searchBtn{width:100%; overflow:hidden;}
		.searchBtn div{float:left; width:50%;}
			.searchBtn .search{overflow:hidden;}
			.searchBtn .search input{border:1px solid #5e6b78; padding:1%; width:40%; font-size: 15px;}
			.searchBtn .search input[type="button"]{background-color:#16283c; color:#fff; width:15%; font-size: 15px; height: 30px;}

			.searchBtn .btn a{float:right; width:100px; height:30px; background-color:#16283c; color:#fff; text-align:center; line-height:30px; font-size:14px; display:block; border:1px solid #16283c;}

			.searchBtn .search input[type="button"]:hover{background-color:#fff; color:#16283c; transition:all .5s;}
			.searchBtn .btn a:hover{background-color:#fff; color:#16283c; transition:all .5s;}

	.table4 th,.table4 td{border:1px solid #5e6b78;}
.table4 th{background-color:#f1f1f1; width:10%;}
	.table4 textarea{width:100%; height:300px; overflow-y:scroll; border:none; font-size:14px; line-height:1.8em;}
	.table4 input[type="text"]{width:100%; text-align:left; height:35px; font-size: 16px; border: none;}
	.table4 input[type="password"]{width:98%; text-align:left; height:35px; border: none;}

	.btn{overflow:hidden;}
	.btn a,.btn input{width:200px; height:40px; line-height:40px; border:none; text-align:center; background-color:#16283c; color:#fff; display:block; float:right; margin-left:10px; border-radius: 5px; font-size: 16px;}
	.btn a:hover,.btn input:hover{border:1px solid #16283c; background-color:#fff; color:#16283c; transition:all .5s;}
	.select4{width:100%; height:40px; padding:10px; font-size: 16px; border: none;}

/* s3 */
.s3_box{width:100%; overflow:hidden; margin:100px auto;}
	.s3_box .img{width:40%; float:left;}
		.s3_box .img img{width:80%;}
	.s3_box .text{width:60%; float:left; padding:150px 0;}
	.s3_box .text .title{font-size:25px; margin-bottom:30px; font-weight:bold;}
		/* .s3_box .text form{width:100%;} */
			.s3_box .text div{width:100%; overflow:hidden; padding:20px 0;}
			.s3_box .text div p form{float:left; width:80%; line-height:50px;}
			.s3_box .text div .tt{width:100%; font-size:18px; line-height:40px; font-weight:bold;}
			.s3_box .text div form select{width:38%; height:40px; border:1px solid #16283c; float:left; margin-right:2%; box-sizing:border-box; font-weight: bold; font-size: 16px;}
			.s3_box .text div form input{width:78%; height:40px; border:1px solid #16283c; float:left; margin-right:2%; box-sizing:border-box; padding:1%; font-size: 16px;}
			.s3_box .text div form input[type="button"]{background-color:#16283c; color:#fff; width:20%; float:left; margin-right:0; font-size: 16px;}

	.table1 thead tr{background-color:#a8d26d; border-top:1px solid #5e6b78;}

/* s3_d */
	.s3_wrap{position:relative;}
	.s3_back{position:absolute; right:-30px; top:350px;}
	.s3_back1{position:absolute; left:0; top:50px;}
	.s3_wrap .area{position:relative;}
	.h3{font-size:30px; margin-top:30px; font-weight:bold;}

	.table2{border:1px solid #5e6b78; margin:100px 0; background-color:#fff;}
		.table2 th{border-right:1px solid #5e6b78;}
		.table2 td{text-align:left;}

	.map{margin-bottom:50px;}
	.map img{width:100%;}



/* signup */
.table3{margin:100px 0 50px;}
.table3 th{background-color:#a8d26d; width:33%; text-align: left;}
.table3 caption{text-align:left; font-size:20px; font-weight:bold; margin-bottom:30px;}
.table3 td input[type="text"],.table3 td input[type="password"]{width:100%; border:1px solid #ccc; padding:1% 2%; box-sizing:border-box; font-size:16px; height: 36px;}

.table3 input[type="radio"]{margin-right:10px;}
	.table3 label{margin-right:50px;}

.agree{overflow:hidden;}
.agree span{float:right; cursor:pointer;}
.agree span:hover{text-decoration:underline;}
.agree p{width:100%; background-color:#f1f1f1; height:0; overflow-y:scroll; padding:0; box-sizing:border-box; margin-top:10px; overflow:hidden; font-size:12px; line-height:1.8em;}

.signup input[type="button"]{width:200px; height:40px; background-color:#16283c; color:#fff; border:none; margin:50px auto; display:block; border-radius: 5px; float:none;}
.signup input[type="button"]:hover{border:1px solid #16283c; color:#16283c; background-color:#fff; transition:all .5s;}

.post{width: 19% !important; height: 36px !important; color: #fff !important; background-color: #16283c !important; border: none !important;
	margin: inherit !important;
	display: inherit !important;
	border-radius: inherit !important;
	float: inherit !important; font-size: 15.5px;}


/* login */
.login{width:30%; margin:100px auto; overflow:hidden;}
	.login p{width:100%; margin-bottom:20px; overflow:hidden;}
		.login p label{display:block; float:left; width:31%; line-height:40px; color:#16283c; font-weight:bold;}
		.login p input{display:block; float:left; width:100%; border:1px solid #ccc; box-sizing:border-box; padding:1%; height:40px; border-radius: 5px;}
		.login p.btn{text-align:center;}
		.login p.btn input{line-height:35px; background-color:#16283c; color:#fff; width:60%; margin:0 auto; display:block; float:none;}
	.find_link{text-align:center;}
		.find_link a{margin:0 10px; color: #16283c; font-size: 14px; font-weight: bold;}
		.find_link a:hover{text-decoration:underline;}

/* find */
.find1 p.title,.find2 p.title{font-size:20px; font-weight:bold;}
.find1{width:40%; margin-bottom:100px; overflow:hidden;}
.find2{width:40%;}
	.find1 input[type="radio"]{width:15px;}
	.find2 input[type="radio"]{width:15px;}

.phone{display:none;}

/* my */
.mypage{overflow:hidden;}
.mypage .left{float:left; width:48%; margin-right:4%;}
.mypage .right{width:100%;}
.mypage p.title{font-size:20px; font-weight:bold; margin:50px 0 20px;}
.mypage p.title a{float:right; font-size:16px; font-weight:normal;}
.mypage p.title a:hover{text-decoration:underline;}
.mypage .table{margin:5px 0;}
	.mypage .table td.title{padding:3.5% 1%; position:relative;}
.mypage .table img{width:50px; margin-right:5px;}
.mypage .table5 td{padding:4.5% 1%;}
.mypage .table5 td.title a{line-height:50px;}
.mypage .table tr.none td{height:100px; padding:0;}

.mypage .right .s_title{color:#999; font-size:16px; font-weight:bold;}
.mypage .right .s_title a{float:right; color:#999;}
	.mypage .right .s_title a:hover{text-decoration:underline;}
.myBox{overflow:hidden; margin:30px 0; width:33.3%; /*float:left;*/}
	.myBox li{color:#16283c; line-height:2em; margin-bottom:20px;}
	.myBox li strong{display:block; color:#16283c;}
	.myBox li span{display:block; color:#16283c; font-weight: bold;}

	.link{overflow:hidden; margin-top:50px;}
	.link a{float:right;}
	.link a:hover{text-decoration:underline;}


/* my_re */
.my_re .btn input{margin:0 0 0 10px;}
.my_re .btn input[type="button"]{border:1px solid #16283c; background-color:#fff; color:#16283c;}
.my_re .btn input[type="button"]:hover{background-color:#16283c; color:#fff; transition:all .5s;}

/* cart */
.cart .table th, .cart .table td{padding:0 2%; height:60px;}
.cart .table .title{position:relative;}
.cart .table .title span{position:absolute; top:5px; left:3%; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:50px;}
.cart .table img{width:50px;}
.cart .table td.number input{padding:2%; text-align:center;}
.btn .btn_b{border:1px solid #16283c; color:#16283c; background-color:#fff;}
.btn .btn_b:hover{background-color:#16283c; color:#fff;}

/* order */
.price{overflow:hidden; border-top:1px solid #5e6b78; border-bottom:1px solid #5e6b78;}
	.price li{float:left; width:25%; text-align:center; position:relative; height:50px; line-height:50px;}
		.price li p{border-radius:30px; width:30px; height:30px; background-color:#666; color:#fff; text-align:center; line-height:30px; position:absolute; right:0; top:50%; margin-top:-15px;}
		.price li:last-child{font-size:20px; font-weight:bold;}

.order .table{width:100%; border-top:1px solid #5e6b78;}
	.order .table caption{text-align:left; line-height:50px; font-weight:bold; font-size:20px;}
	.order .table th{background-color:#f1f1f2; text-align:left;}
	.order .table td{text-align:left;}
	.order .table td input{width:100%; height:35px; border:1px solid #ccc; box-sizing:border-box; padding:1%;}

	.order .table tr.address input.post{width:30%; float:left;}
	.order .table tr.address input{margin-bottom:5px;}
	.order .table tr.address input[type="button"]{width:10%;}
	.order .table textarea{border:1px solid #ccc; padding:1%; box-sizing:border-box; font-size:14px; line-height:1.8em; width:100%; height:100px; overflow-y:scroll;}

/* order_1 */
.order_1 .table th{width:15%; background-color:#f1f1f1; text-align:left;}
.order_1 .table td input[type="radio"]{width:15px; height:15px; vertical-align:middle; margin-right:5px;}
.order_1 .table label{margin-right:30px;}
.order_1 .table tr.total td{font-size:20px;}


/* order_1 */
.order_number{width:100%; border:1px solid #aaa; text-align:center; padding:3%; box-sizing:border-box; margin:50px 0;}
	.order_number strong{font-size:20px; display:block; margin-bottom:30px;}
	.order_number span{display:block; line-height:2em; font-size:14px;}


/* my_order */
.filter{overflow:hidden; width:50%; margin:60px 0 0 50%;}
	.filter p{float:left; width:40%; position:relative;}
		.filter p input{width:93%; height:30px; padding:1%; box-sizing:border-box;}
		.filter p img{position:absolute; right:13%; top:5px;}
		.filter p.btn{width:20%; float:right; margin:0;}
			.filter p.btn input{line-height:30px;}

.my_order .table td{width:10%; font-size:14px;}
.my_order .table .title{width:50%;}
	.my_order .table .title a{top:5px; width:100%; line-height:50px;}

	.my_order .m{display:none;}

/* my_order_d */
	.filter .gray{font-size:14px; width:80%; float:left; text-align:right;}
	.order .table1 th{width:10%;}
		.order .center th{text-align:center;}
		.order .center td{text-align:center;}
		.order .center .title{text-align:left;}

/*gallery*/

[class^="s2_4_wrap"]{
	background-color: rgba(0,0,0,0.8);
	position: fixed;
	z-index: 9999;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	display: none;
}

[class^="s2_4_wrap"].on{
      display: block;
}
[class^="close_btn"]{
		padding: 10px 10px;
		position: absolute;
		z-index: 9999;
		top: 0;
		right: 0;
		margin-right: 50px;
		margin-top: 50px;
		cursor: pointer;
}
.s2_4_img{
		padding: 10% 0;
    width: 32%;
    overflow: hidden;
    margin: 0 auto;
}
	.s2_4_img img{width: 100%;}

.g1{cursor: pointer;}
.notice_box{
	float: left;
	padding: 1% 1.5%;
	width: 30%;
}
.notice_box img{
width: 100%;
}

@media (max-width: 767px) {
[class^="close_btn"]{
			padding: 10px 10px;
			position: absolute;
			z-index: 9999;
			top: 0;
			right: 0;
			margin-right: 10px;
			margin-top: 10px;
			cursor: pointer;
	}
	.notice_box{
		float: left;
		padding: 1% 1.5%;
		width: 47%;
	}
	.notice_box img{
	width: 100%;
	}

	.s2_4_img img{width: 100%;}

	.post{width: 100px; margin-bottom: 10px;}
	.myBox{overflow:hidden; margin:30px 0; width:100%; float: none;}
	.s2_4_img{
			padding: 10% 0;
	    width: 80%;
	    overflow: hidden;
	    margin: 0 auto;
	}
}

@media screen and (min-width:1201px) and (max-width:1600px){
	.area{width:90%;}
}







@media screen and (min-width:0px) and (max-width:1200px){
	#container{margin-top:100px; padding-bottom:100px;}
	.area{width:90%; margin:0 auto;}

/* s1 */
	.s1_select{margin:30px auto;}
		.s1_select p a{font-size:16px;}

		.s1_content ul li{float:left; width:49%; margin-right:2%; margin-bottom:5%;}
		.s1_content ul li:nth-child(5n){margin-right:2%;}
		.s1_content ul li:nth-child(2n){margin-right:0;}

			.s1_content ul li .text strong{font-size:14px;}
			.s1_content ul li .text strong span{width:87%;}
			.s1_content ul li .text strong span.red{width:13%; font-size:12px; text-overflow:inherit; white-space:inherit;}
			.s1_content ul li .text span.gray{font-size:12px;}
			.s1_content ul li .text span.black{font-size:12px;}

		.s1_content ul li a:hover img{transform:none;}

.numArea{ margin-top:50px;}
	.numArea a{margin:0 7px; font-size:12px;}


	/* s1_d */
	.s1_d{overflow:hidden; width:100%; margin:0 auto;}
	.s1_d .left{float:left; width:100%; text-align:center; border:1px solid #ccc; box-sizing:border-box; margin-right:0%;}
	.s1_d .right{float:left; width:100%; margin-top:30px;}
		.s1_d .right .title{font-size:16px; font-weight:bold; margin-bottom:20px;}
		.s1_d .right .text p{overflow:hidden; line-height:35px; font-size:12px;}
		.s1_d .right .text p strong{display:block; float:left; width:20%;}
		.s1_d .right .text p span{display:block; float:left; width:80%;}
		.s1_d .right .text p span input{padding:1%;}
		.s1_d .right .text p.total span{font-size:16px; font-weight:bold;}
		.s1_d .right .text p.total input{float:right; background-color:#16283c; border:none; color:#fff; margin-left:10px; width:60px; height:30px; border:1px solid #16283c; font-size:12px;}
		.s1_d .right .text p.total input:hover{background-color:#fff; color:#16283c; transition:all .5s;}
		.s1_d .right .text p.total input.cart{background-color:#fff; color:#16283c;}
		.s1_d .right .text p.total input.cart:hover{background-color:#16283c; color:#fff; transition:all .5s;}

		.s1_d_content{width:100%; margin:0 auto;}
		.s1_d_content div{margin:20px 0;}
			.s1_d_content div .title{font-size:16px; font-weight:bold; margin-top:30px;}
			.s1_d_content div div{background-color:#f1f1f1; padding:2%; box-sizing:border-box; min-height:150px; font-size:12px;}

/* s2 */
	h3{font-size:25px; margin-top:10px;}
	.table{margin:20px 0;}
	.table th, .table td{padding:2% 2%; font-size:12px;}

	.table .title{width:40%;}
	.table td.title a{top:30%; left:5%;}

		.searchBtn div{width:60%;}
		.searchBtn div:last-child{width:53.5%; float: right;}
			.searchBtn .search input{width:100px; height:35px; box-sizing:border-box;}
			.searchBtn .search input[type="button"]{width:50px; height:35px;}

			.searchBtn .btn a{width:80px;}

	.table4 textarea{height:200px;}
	.btn a,.btn input,.btn input[type="button"]{width:120px; height:35px; line-height:35px; margin-left:10px; font-size:12px;}

/* s3 */
.s3_box{width:100%; margin:30px auto 0;}
	.s3_box .img{width:100%; float:none; text-align:center;}
		.s3_box .img img{width:80%;}
	.s3_box .text{width:100%; float:none; padding:50px 0 10px;}
	.s3_box .text .title{font-size:16px; margin-bottom:10px; line-height:1.5em;}

		.s3_box .text form div{width:100%; overflow:hidden; padding:20px 0 0;}
		.s3_box .text form div p{float:left; width:75%;}
		.s3_box .text form div p.tt{width:25%; font-size:12px; line-height:35px;}
		.s3_box .text form div p select{height:35px;}
		.s3_box .text form div p input{height:35px;}

/* s3_d */
.s3_back{right:-30px; top:150px;}
	.s3_back img{width:150px;}
.s3_back1{left:0; top:70px;}
	.s3_back1 img{width:30px;}

.h3{font-size:20px; margin-top:10px;}

.table2{margin:30px 0;}


/* signup */
.table3{margin:30px 0 50px;}
.table3 caption{font-size:16px; margin-bottom:10px;}

.table3 input[type="radio"]{margin-right:5px;}
	.table3 label{margin-right:10px;}

.agree{font-size:12px;}
.agree input{vertical-align:middle;}
.agree span{font-size:12px;}




/* login */
.login{width:100%; margin:50px auto;}
	.login p label{font-size:12px; width:35%;}
	.login p input{font-size:12px; width:100%;}

	.login p.btn input{font-size:12px; height:35px; padding:0;}
.find_link{font-size:12px;}



/* my */
.mypage{overflow:hidden;}
.mypage .left{float:none; width:100%; margin-right:0%;}
.mypage .right{float:none; width:100%;}
.mypage p.title{font-size:16px;  margin:30px 0 10px;}
.mypage p.title a{font-size:12px;}

.mypage .table{margin:5px 0;}
	.mypage .table td.title{padding:3.5% 1%; position:relative;}
.mypage .table img{width:30px; margin-right:5px;}
.mypage .table5 td.title{padding:9% 1%;}
.mypage .table5 td.title a{line-height:30px;}
.mypage .table tr.none td{height:50px; padding:0;}

.mypage .right .s_title{font-size:14px;}
.myBox{margin:30px 0;}
	.myBox li{width:100%; float:none; margin-bottom:10px; font-size:12px;}

	.link{margin-top:30px; font-size:12px;}


/* cart */
.cart .table th, .cart .table td{padding:0 2%; height:45px;}
.cart .table .title{position:relative;}
.cart .table .title span{position:absolute; top:7px; left:5%; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:30px;}
.cart .table img{width:30px;}
.cart .table td.number input{padding:2%;}
.cart .table td.number input[type="text"]{width:33.3%;}


/* order */
.price{overflow:hidden; border-top:1px solid #5e6b78; border-bottom:1px solid #5e6b78; font-size:12px;}
	.price li{float:left; width:50%; text-align:left; position:relative; height:40px; line-height:40px;}
		.price li p{border-radius:30px; width:15px; height:15px; background-color:#666; color:#fff; text-align:center; line-height:15px; position:absolute; right:5%; top:50%; margin-top:-7px;}
		.price li:last-child{font-size:14px; font-weight:bold;}

.order .table{width:100%; border-top:1px solid #5e6b78;}
	.order .table caption{text-align:left; line-height:40px; font-weight:bold; font-size:16px;}
	.order .table th{background-color:#f1f1f2;}
	.order .table td{text-align:left;}
	.order .table td input{width:100%; height:35px; border:1px solid #ccc; box-sizing:border-box; padding:1%; font-size:12px;}

	.order .table tr.address input.post{width:50%;}
	.order .table tr.address input{margin-bottom:5px;}
	.order .table tr.address input[type="button"]{width:50%;}
	.order .table textarea{border:1px solid #ccc; padding:1%; box-sizing:border-box; font-size:14px; line-height:1.8em; width:100%; height:50px; overflow-y:scroll;}

	.order .agree{font-size:12px; margin-bottom:30px;}


/* order_1 */
.order_number{padding:5%; margin:30px 0;}
	.order_number strong{font-size:14px; margin-bottom:10px;}
	.order_number span{font-size:12px;}

/* my_order */
.filter{overflow:hidden; width:100%; margin:30px 0 0 0;}
	.filter p{float:left; width:40%; position:relative;}
		.filter p input{width:90%; height:30px; padding:1%; box-sizing:border-box;}
		.filter p img{position:absolute; right:13%; top:5px;}
		.filter p.btn{width:20%; float:right; margin:0;}
			.filter p.btn input{line-height:30px;}

.my_order .table td{width:10%; font-size:12px;}
.my_order .table .title{width:50%;}
	.my_order .table .title a{top:5px; width:100%; line-height:50px;}

.my_order .pc{display:none;}
.my_order .m{display:block;}
.my_order .m .title a{line-height:30px;}

/* my_order_d */
	.filter p{width:20%;}
	.filter .gray{width:80%; font-size:12px; float:right;}


/* my_order_cancel */
	.order .table1 th{width:10%;}
		.order .center th{text-align:center;}
		.order .center td{text-align:center;}
		.order .center .title{text-align:left;}
}







@media screen and (min-width:481px) and (max-width:1200px){
/* s1 */
	.s1_content ul li{float:left; width:32%; margin-right:2%; margin-bottom:5%;}
	.s1_content ul li:nth-child(5n){margin-right:2%;}
	.s1_content ul li:nth-child(2n){margin-right:2%;}
	.s1_content ul li:nth-child(3n){margin-right:0;}

	.numArea a{margin:0 10px; font-size:14px;}

/* s3 */
.s3_box{width:100%; margin:30px auto 20px;}
	.s3_box .img{width:40%; float:left; text-align:center;}
		.s3_box .img img{width:80%;}
	.s3_box .text{width:60%; float:left; padding:5% 0;}
	.s3_box .text .title{font-size:16px; margin-bottom:10px; line-height:1.5em;}

		.s3_box .text form div{width:100%; overflow:hidden; padding:20px 0 0;}
		.s3_box .text form div p{float:left; width:70%;}
		.s3_box .text form div p.tt{width:30%; font-size:12px; line-height:35px;}
		.s3_box .text form div p select{height:35px;}
		.s3_box .text form div p input{height:35px;}

/* login */
.login{width:70%;}

/* my */
.mypage .table5 td.title{padding:5% 1%;}

}

@media screen and (min-width:768px) and (max-width:1200px){
/* s1 */
	.s1_content ul li{float:left; width:23.5%; margin-right:2%; margin-bottom:3%;}
	.s1_content ul li:nth-child(5n){margin-right:2%;}
	.s1_content ul li:nth-child(2n){margin-right:2%;}
	.s1_content ul li:nth-child(3n){margin-right:2%;}
	.s1_content ul li:nth-child(4n){margin-right:0;}

	.numArea a{margin:0 15px; font-size:16px;}

/* s2 */
	h3{font-size:35px;}
	.table{margin:20px 0;}
	.table th, .table td{padding:10px 2%; font-size:12px;}

	.table .title{width:40%;}
	.table td.title a{top:30%;}

		.searchBtn div{width:60%;}
		.searchBtn div:last-child{width:40%;}
			.searchBtn .search input{width:200px; height:35px; box-sizing:border-box;}
			.searchBtn .search input[type="button"]{width:80px; height:35px;}

			.searchBtn .btn a{width:100px;}

/* s3 */
.s3_box .text{padding:10% 0;}
.s3_box .text .title{font-size:20px;}
	.s3_box .text form div p.tt{font-size:16px;}

/* s3_d */
.s3_back{right:-30px; top:200px;}
	.s3_back img{width:300px;}
.s3_back1{left:0; top:70px;}
	.s3_back1 img{width:80px;}

.h3{font-size:20px; margin-top:10px;}

.table2{margin:50px 0;}

/* login */
.login{width:50%;}

/* my */
.mypage .table td.title{padding:2% 1%;}
.mypage .table5 td.title{padding:2% 1%;}

/* order */
	.price li{float:left; width:25%;}
	.order .table tr.address input.post{width:30%;}
	.order .table tr.address input[type="button"]{width:30%;}

/* my_order */
.my_order .pc{display:block;}
.my_order .pc .title a{line-height:30px;}
.my_order .m{display:none; width:100%;}
}

/*M S*/

@media (max-width: 768px) {
	.pcnone{display: none;}
	.table{margin:20px 0;}
	.table th{width: 31%;}
	.table th, .table td{padding:2% 2%; font-size:12px;}
	.select4{font-size: 12px; width: 100%;}
	.table4 th{width: 12%;}
	.table4 input[type="text"]{font-size: 12px;}

	.table3 td input[type="text"], .table3 td input[type="password"]{font-size: 12px;}
	.post{width: 29% !important; font-size: 12px;}
	.readyOnly{
		outline: none;
		}
	[id^="Frm"]{
		width:73% !important;
	}
	.active-input{
		border:1px solid #e1e1e1 !important;
		width:94% !important;
		padding:0 2%;
	}
		.mBottom{margin-bottom:2%; display: block;}
}

/*T S*/

@media all and (min-width: 768px) and (max-width: 1064px) {
	.mnone{display: none;}

	[id^="Frm"]{
		width:73% !important;
	}
	.active-input{
		border:1px solid #e1e1e1 !important;
		width:94% !important;
		padding:0 2%;
	}
	.mBottom{margin-bottom:2%; display: block;}
}

/*PC S*/

@media all and (min-width: 1065px) {
	.mnone{display: none;}

	[id^="Frm"]{
		width:93% !important;
	}
	.active-input{
		border:1px solid #e1e1e1 !important;
		width:97% !important;
		padding:0 1%;
	}
	.mBottom{margin-bottom:2%; display: block;}
}

[class^="readyOnly"]{
	outline: none;
}
[id^="retouch"],
[id^="noretou"],
[id^="noreto_"],
[id^="reto_"]{
	border:0;
	background-color:rgba(0,0,0,0);
}
#updateBtn, #updateBtn2, #updateBtn3{
	display: inline-block;
	font-size:14px;
	margin-top:2%;
	background-color:rgba(0,0,0,0);
	border: 1px solid #404040;
	padding: 1% 2%;
}