/* design-page styles */
body{margin: 0;}
#design-page{
	position:relative;
	overflow: hidden;
	padding: 0 8px;
}
#design-page .design-title{
	margin:0 -8px 16px;
	position: relative;
	color:#fff;
	height: 45px;
	font-size:11px;
	line-height:13px;
	padding: 9px 8px;
	background:url(/common/smart/design/img/design_page/title_bg.gif) repeat-x;
	background-size: auto 45px;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
#design-page .sub-design-title{
	margin:0 0 10px;
	color:#fff;
	font-size:12px;
	line-height:30px;
	padding:0 8px;
	background:#59af26;
}
#design-page .mb14{margin:0 -8px 14px !important;}
#design-page .mb45{margin-bottom: 45px !important;}
#design-page .mb36{margin-bottom: 36px !important;}
#design-page .btn{
	display: block;
	position: relative;
	width: 285px;
	height: 45px;
	font-size: 15px;
	line-height: 45px;
	font-weight: bold;
	color: #fff;
	padding: 0 22px 0 22px;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	-moz-border-radius:5px;
	-webkit-border-radius:15px;
	border-radius:5px;
	background: #ff9000;
	text-decoration: none;
	margin: 0 auto 24px;
}
#design-page .btn:before{
	content: '';
	/*
position: absolute;
	left: 22px;
	bottom: 3px;
*/
	display:inline-block;
	vertical-align:top;
	margin:-4px 10px 0 0;
	width: 42px;
	height: 45px;
	background: url('/common/smart/design/img/design_page/design-item.png') no-repeat;
	background-size: 42px 45px;
	overflow: hidden;
}
#design-page .btn:after{
	content: '';
	position: absolute;
	right: 7px;
	top: 50%;
	width: 13px;
	height: 20px;
	background: url('/common/smart/design/img/design_page/design-arrow.png') no-repeat;
	background-size: auto 20px;
	overflow: hidden;
	margin-top: -10px;
}
.design-banner{
	overflow: hidden;
	position: relative;
}
.design-banner img{
	display: block;
	width: 100%;
}
#design-page .hiden-text{
	position: absolute;
	left: -9999px;
}
.design-section01{
	overflow: hidden;
}
.design-section01 p{
	margin: 0 0 10px;
	font-size: 11px;
	line-height: 14px;
	color: #161616;
	text-align: center;
}
.design-section01-box{
	background: #ffe8e8;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	padding: 8px 8px 0;
	position: relative;
	margin-bottom: 14px;
	overflow: hidden;
}
.design-section01-box img{
	position: absolute;
	top: 4px;
	right: 1px;
	width: 122px;
}
.design-section01-box h3{
	margin: 0 0 5px;
	color: #ea0000;
	font-size: 12px;
	line-height: 14px;
}
.design-section01-box p{
	margin: 0 0 10px;
	color: #000;
	font-size: 10px;
	line-height: 12px;
	text-align: left;
}
.design-section01-box p span{
	display: block;
	font-size: 8px;
	line-height: 10px;
	margin-top: 4px;
}
.design-section01 h2{
	overflow: hidden;
	text-indent: -9999px;
	background: url('/common/smart/design/img/design_page/design-text.png') no-repeat 50%;
	background-size: auto 12px;
	height: 13px;
	margin: 0 0 15px;
}
.design-section02{overflow: hidden;}
.design-section03{overflow: hidden;}
.design-section03 p{
	margin: 0 0 20px;
	font-size: 12px;
	line-height: 16px;
	color: #161616;
}
#design-page .swiper-container {
	border: 1px solid #b4b4b4;
	background: #fff;
	overflow: hidden;
	padding: 9px 11px;
}
#design-page .swiper-container h3{
	margin: 0;
	font-size: 10px;
	line-height: 12px;
	font-weight:bold;
	color: #191919;
	min-height:52px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	align-items: center;
}
#design-page .swiper-slide .image{
	background: #efefef;
	overflow:hidden;
}
#design-page .swiper-slide img{
	display: block;
	max-width: 100%;
	width: 100%;
}
#design-page .swiper-button-prev{
	background: url('/common/smart/design/img/design_page/swiper-button-prev.png') no-repeat;
	background-size: 18px;
	width: 18px;
	height: 18px;
	overflow: hidden;
	text-indent: -9999px;
	margin-top: -9px;
	left: 3px;
}
#design-page .swiper-button-next{
	background: url('/common/smart/design/img/design_page/swiper-button-next.png') no-repeat;
	background-size: 18px;
	width: 18px;
	height: 18px;
	overflow: hidden;
	text-indent: -9999px;
	margin-top: -9px;
	right: 3px;
}
#design-page .swiper-gallery{
	overflow: hidden;
	position: relative;
	padding-bottom: 16px;
	margin-bottom: 34px;
}
#design-page .swiper-pagination{
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	line-height: 6px;
}
#design-page .swiper-pagination-bullet{
	width: 6px;
	height: 6px;
	background: #bfbfbf;
	margin: 0 2px;
}
#design-page .swiper-pagination-bullet-active{background: #5a5a5a;}
/* design-page styles end */
/* 08.06.2017 update */
.design-section01-box h3{font-weight:bold !important;}
.surface-box{
	overflow:hidden;
	border:1px solid #ffa0a0;
	margin:9px 0 6px;
	background:#fff;
	padding:6px 12px 6px 6px;
}
.surface-box strong{
	display:block;
	padding-left:16px;
	font-size:12px;
	line-height:16px;
	font-weight:bold;
	color:#000;
	position:relative;
	margin-bottom:8px;
}
.surface-box strong:after{
	content:'?';
	position:absolute;
	top:0;
	left:0;
	width:16px;
	height:16px;
	font-size:9px;
	line-height:16px;
	font-weight:bold;
	color:#fff;
	text-align:center;
	background:#00c0ff;
	-moz-border-radius:16px;
	-webkit-border-radius:16px;
	border-radius:16px;
}
.surface-box p{
	font-size:10px;
	line-height:12px;
	color:#000;
	margin:0;
	width:100%;
}
.production-example-block{
	overflow:hidden;

}
.production-example-block p{
	margin:0 0 16px;
	font-size:10px;
	line-height:14px;
	color:#000;
}
.production-example-box{
	overflow:hidden;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-around;
	-moz-justify-content: space-around;
	-ms-justify-content: space-around;
	justify-content: space-around;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin:0 0 10px -8px;
}
.production-example-box a{
	display:block;
	border:1px solid #e2e2e2;
	width:calc(50% - 10px);
	height:auto !important;
	margin:0 0 8px 8px;
	position:relative;
}
.production-example-box a:after{
	content:'';
	position:absolute;
	bottom:3px;
	right:3px;
	width:16px;
	height:16px;
	background: url('/common/design/user/img/design_page/zoom-icon.png') no-repeat;
	background-size:16px;
}
.production-example-box a img{
	display:block;
	width:100%;
	height:auto !important;
}
.production-example-block p{
	font-size:14px;
	line-height:20px;
	color:#000;
	margin:0 0 24px;
}
.lb-data .lb-close{
	background: url('/common/design/user/img/design_page/close.png') no-repeat !important;
}
.lightbox .lb-image{
	width:100% !important;
	height:auto !important;
	border:0 !important;
}
.lb-outerContainer{
	width:98% !important;
	max-width:640px !important;
}
/* 14.06.2017 update */
#design-page .btn.add-d:after{
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	right:14px;
}
.production-example-holder{
	overflow:hidden;
	background: url('/common/design/user/img/design_page/bg-production-example-holder.jpg');
	background-size:50%;
	margin-bottom:15px;
	padding:0 8px;
}
.production-example-holder p{
	margin:12px 0;
	color:#161616;
	font-size:10px;
	line-height:12px;
}
.production-example-frame{
	overflow:hidden;
}
.production-example-frame img{
	display:block;
	width:100%;
}
.btn-blue-k{
	display:block;
	text-align:center;
	border:0;
	font-size:12px;
	line-height:24px;
	font-weight:bold;
	color:#fff !important;
	text-decoration:none;
	-moz-border-radius:9px;
	-webkit-border-radius:9px;
	border-radius:9px;
	background: #00b7ea;
	background: -moz-linear-gradient(left, #00b7ea 0%, #009ec4 100%);
	background: -webkit-linear-gradient(left, #00b7ea 0%,#009ec4 100%);
	background: linear-gradient(to right, #00b7ea 0%,#009ec4 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b7ea', endColorstr='#009ec4',GradientType=1 );
	margin:8px 0;
}

.table-price-list{
	overflow:auto !important;
	height:auto !important;
	max-height:175px;
}
.table-price-list table{
	margin:0;
	display:none;
}
.table-price-list table#myTable01{display:block;}

.table-price-list table tr.even th:last-child{border-right:0 !important;}
.table-price-list table tr td:last-child{border-right:0 !important;}


.table-price-list table th{
	vertical-align:middle !important;
}
.table-price-list{border-width:1px !important;}
.table-price-list table th:first-child{border-left:0 !important}

.table-price-list table tr:first-child th{border-top:0 !important;}
.table-price-list table tr:first-child th:last-child{border-left:0 !important}

.table-price-list table tbody tr:last-child th{border-bottom:0 !important;}
.table-price-list table tr:last-child td{border-bottom:0 !important;}

.design-consultation-block{
	overflow:hidden;
}
.design-consultation-block p{
	font-size:11px;
	line-height:14px;
	color:#161616;
	margin:0 0 5px;
}



.design-consultation-frame{
	overflow:hidden;
	border:1px solid #e6e6e6;
	background:#f8f8f8;
	margin-bottom:12px;
	padding:8px;
}
.design-consultation-frame .single-title{
	overflow:hidden;
}
.design-consultation-frame .images{
	background:#fff;
	border:1px solid #e5e5e5;
	height:125px;
	overflow:hidden;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	align-items: center;
	margin-bottom:5px;
}
.design-consultation-frame .images img{
	display:block;
	max-width:100% !important;
	max-height:90px !important;
}
.design-consultation-frame .design-campaign-list{
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden;
}
.design-consultation-frame .design-campaign-list{
	margin: 0;
	padding: 0;
	list-style: none;
}
.design-consultation-frame .design-campaign-list li{
	display: block;
	border: 2px solid #1794d4;
	overflow: hidden;
	background:#fff;
}
.design-consultation-frame .design-campaign-list li + li{
	margin-top: 10px;
}
.design-consultation-frame .design-campaign-list li strong{
	font-size: 13px;
	line-height: 33px;
	color: #fff;
	text-align: center;
	background-color: #1794d4;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	align-items: center;
}
.design-consultation-frame .design-campaign-list li strong span{
	display:block;
	text-align:left;
}
.design-consultation-frame .design-campaign-list li .item-block,
.design-consultation-frame .design-campaign-list li .color-block{
	overflow: hidden;
	padding: 8px 6px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 0;
	line-height: 0;
	width:100%;
}
.design-consultation-frame .design-campaign-list li .item-block small,
.design-consultation-frame .design-campaign-list li .color-block small{
	display: inline-block;
	vertical-align: top;
	font-size: 12px;
	line-height: 30px;
	color: #373737;
	letter-spacing: -1px;
	overflow: hidden;
	margin-right: 5px;
}
.design-consultation-frame .design-campaign-list li .item-block .btn-info,
.design-consultation-frame .design-campaign-list li .color-block .btn-info-color{
	float: right;
	width: 101px;
}
/* item-slider */
.design-consultation-frame .design-campaign-list li .item-slider{
	overflow:hidden;
	position:relative;
}
.design-consultation-frame .design-campaign-list li .item-slider .item-slider-block{
	display: inline-block;
	vertical-align: top;
	padding: 0 4px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	outline: none;
}
/*
.design-consultation-frame .design-campaign-list li .slick-active .img{
	border: 1px solid #000;
}
*/
.design-consultation-frame .design-campaign-list li .item-slider .slick-prev, .slick-next {
	position: absolute;
	top: 50%;
	display: block;
	width: 11px;
	height: 15px;
	padding: 0;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	cursor: pointer;
	color: transparent;
	border: none;
	outline: none;
	background: transparent;
	opacity: 0.8;
	-webkit-transition: opacity .3s;
	-o-transition: opacity .3s;
	transition: opacity .3s;
	z-index: 20;
}
.design-consultation-frame .design-campaign-list li .item-slider .slick-prev{
	background: url(/common/design/user/img/free-design-campaign/iconset-slider-arrow.png) no-repeat;
	background-position: 0 0;
	left: 10px;
}
.design-consultation-frame .design-campaign-list li .item-slider .slick-next{
	background: url(/common/design/user/img/free-design-campaign/iconset-slider-arrow.png) no-repeat;
	background-position: -13px 0;
	right: 10px;
}
.design-consultation-frame .slick-slider{
	margin:0 !important;
	width:100%;
	padding:8px 24px;
}
.design-consultation-frame .slick-slider button{
	margin:0;
}
.design-consultation-frame .slick-slider button:before{display:none;}
.design-consultation-frame .design-campaign-list li .item-slider .img{
	width: 46px;
	height: 42px;
	border: 1px solid transparent;
	line-height: 42px;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: opacity .3s;
	-o-transition: opacity .3s;
	transition: opacity .3s;
}
.design-consultation-frame .design-campaign-list li .item-slider input{display:none;}
.design-consultation-frame .design-campaign-list li .item-slider input:checked + .img{border:1px solid #000;}
.design-consultation-frame .design-campaign-list li .item-slider .img img{
	display: inline-block;
	vertical-align: middle;
	max-width: 100%;
	max-height: 100%;
}
.design-consultation-frame .design-campaign-list li .item-block form{
	display: block;
	font-size: 0;
	line-height: 0;
	margin: 0 -10px;
	text-align: center;
}
.design-consultation-frame .design-campaign-list li .item-block .radio{
	display: inline-block;
	vertical-align: top;
	padding: 0 2px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.design-consultation-frame .design-campaign-list li .item-block input[type="radio"]{
	display: none;
}
.design-consultation-frame .design-campaign-list li .item-block input[type="radio"] + label{
	display: inline-block;
	vertical-align: middle;
	font-size: 13px;
	line-height: 32px;
	color: #000;
	font-weight: 600;
	width: 35px;
	height: 35px;
	cursor: pointer;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border: 2px solid #ededed;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.design-consultation-frame .design-campaign-list li .item-block input[type="radio"] + label:hover{
	border: 2px solid #999;
}
.design-consultation-frame .design-campaign-list li .item-block input[type="radio"]:checked + label{
	border: 2px solid #000;
	background: #000;
	color: #fff;
}
.design-consultation-frame .design-campaign-list li .item-block input[type="radio"] + label,
.design-consultation-frame .design-campaign-list li .item-block input[type="radio"]:checked + label{
	-webkit-transition: all .3s linear;
	-o-transition: all .3s linear;
	-moz-transition: all .3s linear;
	transition: all .3s linear;
}
.design-consultation-frame .design-campaign-list .btn-info,
.design-consultation-frame .design-campaign-list .btn-info-color {
	display: inline-block;
	vertical-align: top;
	font-size: 11px;
	line-height: 28px;
	font-weight:bold;
	text-align: center;
	padding: 0 10px;
	border-radius: 0;
	border: 2px solid transparent;
	text-decoration: none;
	background-color: #fff;
	color: #000;
	outline: 0;
	white-space: nowrap;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	-o-transition: all .3s linear;
	-moz-transition: all .3s;
	transition: all .3s;
}
.design-consultation-frame .design-campaign-list .btn-like{
	border: 2px solid #efefef;
	width: 59px;
	height: 56px;
	background: url(/common/design/user/img/free-design-campaign/ico-button-like.png) 50% 50% no-repeat;
	-webkit-background-size: 16px auto;
	background-size: 16px auto;
}
.design-consultation-frame .design-campaign-list .btn-like:hover{
	background-color: #efefef;
	border: 2px solid #e6e3e3;
}
.design-consultation-frame .design-campaign-list .btn-like:active,
.design-consultation-frame .design-campaign-list .btn-like:focus{
	background: url(/common/design/user/img/free-design-campaign/ico-button-like-active.png) 50% 50% no-repeat;
	-webkit-background-size: 16px auto;
	background-size: 16px auto;
	border: 2px solid #e6e3e3;
}
.design-consultation-frame .design-campaign-list .btn-primary{
	background: #e70000;
	color: #fff;
	padding: 17px 20px;
	min-width: 245px;
}
.design-consultation-frame .design-campaign-list .btn-primary:hover,
.design-consultation-frame .design-campaign-list .btn-primary:active,
.design-consultation-frame .design-campaign-list .btn-primary:focus{
	background: #dc1b1b;
}
.design-consultation-frame .design-campaign-list .btn-info,
.design-consultation-frame .design-campaign-list .btn-info-color{
	background: #febf01;
	color: #fff;
}
.design-consultation-frame .design-campaign-list .btn-info:hover,
.design-consultation-frame .design-campaign-list .btn-info:active,
.design-consultation-frame .design-campaign-list .btn-info:focus,
.design-consultation-frame .design-campaign-list .btn-info-color:hover,
.design-consultation-frame .design-campaign-list .btn-info-color:active,
.design-consultation-frame .design-campaign-list .btn-info-color:focus{
	background: #ffe38d;
	color: #555;
	border: 2px solid #febf01;
}
.design-consultation-frame .frame{
	overflow:hidden;
	width:100%;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	height:20px;
	font-size:16px;
	line-height:20px;
	height:40px;
	color:#000;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	align-items: center;

	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
}
.design-consultation-frame .frame input{
	width:38px;
	border:1px solid #afafaf;
	background:#fff;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	display:block;
	text-align:right;
	padding:4px 8px;
	font-size:16px;
	line-height:18px;
	font-weight:bold;
	color:#000;
}
.design-consultation-frame .frame span{
	display:inline-block;
	margin:4px 4px 0;
	font-size:16px;
	line-height:18px;
	font-weight:bold;
	color:#000;
}
.design-consultation-frame .design-campaign-list li{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;

	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.design-consultation-frame .design-campaign-list li strong{
	width:100%;
	display:block;
}
.design-part-box{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
}
.design-part-box label{
	display:block;
	width:31px;
	margin-left:6px;
	overflow:hidden;
	cursor:pointer;
}
.design-part-box label span{
	display:block;
	text-align:center;
	color:#1b1b1b;
	font-size:9px;
	line-height:11px;
	font-weight:bold;
	margin-top:4px;
}
.design-part-box label img{
	display:block;
	width:29px;
	height:29px;
	border:1px solid #e5e5e5;
}
.design-part-box label:first-child{margin:0;}
.design-part-box label input{display:none;}
.design-part-box label input:checked + img{border:1px solid #000;}
.design-consultation-frame .design-campaign-list li .item-block.add{padding:5px 6px 0;}
.design-consultation-frame h4{
	font-size:16px;
	line-height:20px;
	color:#1b1b1b;
	font-weight:bold;
	margin:0 0 6px;
}
.design-consultation-frame .wrap-frame{
	overflow:hidden;
}
.design-consultation-frame .wrap-frame .comment-t{
	display:block;
	background:#fff;
	border:1px solid #e6e6e6;
	-moz-border-radius:9px;
	-webkit-border-radius:9px;
	border-radius:9px;
	overflow:hidden;
	margin-bottom:4px;
}
.design-consultation-frame .wrap-frame .comment-t textarea{
	display:block;
	background:#fff;
	border:0;
	width:100%;
	height:93px;
	padding:6px;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	overflow:hidden;
	overflow-y:auto;
	resize:none;
	font-size:10px;
	line-height:14px;
	font-weight:bold;
	color:#1b1b1b;
	outline:none;
}
.design-consultation-frame .wrap-frame .r{
	overflow:hidden;
	width:248px;
	padding-left:2px;
}
.design-consultation-frame .wrap-frame .r p{
	margin:0 0 8px;
	font-size:10px;
	line-height:14px;
	color:#000;
	font-weight:bold;
}
.design-consultation-frame .wrap-frame .int-def{
	display:block;
	vertical-align:top;
	border:1px solid #d2d2d2;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	width:133px;
	background: #ffffff;
	font-size:10px;
	line-height:20px;
	color:#000;
	overflow:hidden;
	position:relative;
	text-align:center;
background: -moz-linear-gradient(top, #ffffff 0%, #f0f0f0 100%);
background: -webkit-linear-gradient(top, #ffffff 0%,#f0f0f0 100%);
background: linear-gradient(to bottom, #ffffff 0%,#f0f0f0 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=0 );
margin-bottom:2px;
}
.design-consultation-frame .wrap-frame .int-def a,
.design-consultation-frame .wrap-frame .int-def input{
	display:block;
	border:0;
	background:none;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	width:100%;
	height:27px;
	padding:0;
	margin:0;
	font-size:10px;
	line-height:20px;
	cursor:pointer;
}
.design-consultation-frame .wrap-frame .int-def:hover{
	box-shadow:0 0 2px 2px rgba(0, 0, 0, 0.3);
}
.design-consultation-frame .wrap-frame .int-def input[type="file"]{
	display:block;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	opacity:0;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	cursor:pointer !important;
	width:300px;
}
.design-consultation-frame .btn-black-k{
	display:block;
	margin:16px auto 0;
	border-bottom:2px solid #161616;
	color:#161616;
	background:#414243;
	text-align:center;
	width:278px;
	font-size:14px;
	line-height:36px;
	font-weight:bold;
	color:#fff;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	position:relative;
	width:182px;
}
.design-consultation-frame .btn-black-k.add{
	background:#31ae00;
	border-bottom-color:#247e00;
}
.design-consultation-frame .btn-black-k:hover{opacity:0.8;}
.design-consultation-frame .btn-black-k:before{
	content:'';
	display:inline-block;
	vertical-align:middle;
	margin:-3px 8px 0 0;
	width:13px;
	height:13px;
	background: url(/common/design/user/img/design_page/icon-i-011.png) 50% no-repeat;
	background-size:13px;
}
.design-consultation-frame .btn-black-k.add:before{
	background: url(/common/design/user/img/design_page/icon-i-012.png) 50% no-repeat;
	background-size:13px;
}
input,
textarea{outline:none !important;}
.design-consultation-block h3{
	font-size:12px;
	line-height:14px;
	font-weight:bold;
	color:#1b1b1b;
	margin:0 0 10px;
}
.customer-information-block{
	overflow:hidden;
	margin-bottom:18px;
}
.customer-information-block .input-block{
	overflow:hidden;
	margin-top:11px;
}
.customer-information-block .input-block label{
	display:block;
	margin-bottom:3px;
	font-size:10px;
	line-height:16px;
	font-weight:bold;
	color:#1b1b1b;
}
.customer-information-block .input-block label span{
	display:inline-block;
	vertical-align:top;
	background:#e60012;
	width:30px;
	text-align:center;
	line-height:16px;
	color:#fff;
	font-size:9px;
	margin-left:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}
.customer-information-block .input-block input{
	display:block;
	width:100%;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	background:#fff;
	border:1px solid #afafaf;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	font-size:12px;
	line-height:14px;
	color:#000;
	padding:7px 4px;
}
.btn-red-k{
	display:block;
	margin:0 auto;
	margin:20px auto;
	background:#e60000;
	border-bottom:2px solid #a70018;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	overflow:hidden;
	position:relative;
	width:182px;
}
.btn-red-k input,
.btn-red-k a{
	display:block;
	border:0;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	padding:0;
	margin:0;
	background:none;
	text-align:center;
	font-size:14px;
	line-height:37px;
	height:37px;
	overflow:hidden;
	font-weight:bold;
	text-decoration:none;
	color:#fff !important;
	cursor:pointer;
}

/* update 16.08.2017 */
.design-campaign-block{
	display: block;
	overflow: hidden;
	background: #fff;
	padding-top: 12px;
	box-sizing: border-box;
	margin-bottom: 40px;
	font-size: 14px;
	line-height: 20px;
}
.design-campaign-block p{
	margin: 0 0 12px;
	color: #232323;
}

.design-consultation-frame .btn-black-k{
	width: auto;
	max-width: 375px;
}
.design-campaign-block h4{
	font-size: 12px;
	line-height: 16px;
	color: #1b1b1b;
	font-weight: bold;
	margin: 0 0 6px;
}
.design-campaign-block .box{
	margin-top: 20px;
}
.design-campaign-block .wrap-frame{
	overflow: hidden;
}
.design-campaign-block .wrap-frame .comment-t{
	display:block;
	background:#fff;
	border:1px solid #e6e6e6;
	-moz-border-radius:9px;
	-webkit-border-radius:9px;
	border-radius:9px;
	width: 100%;
	height:95px;
	overflow:hidden;
	box-sizing: border-box;
}
.design-campaign-block .wrap-frame .comment-t textarea{
	display:block;
	background:#fff;
	border:0;
	width: 100%;
	height:95px;
	padding:6px 7px;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	overflow:hidden;
	overflow-y:auto;
	resize:none;
	font-size:10px;
	line-height:14px;
	color:#1b1b1b;
	outline:none;
	box-sizing: border-box;
}

.design-campaign-block .form-file{
	background-color: #f1f1f1;
	overflow: hidden;
	padding: 6px;
	box-sizing: border-box;
}
.design-campaign-block .form-file + .form-file{
	margin-top: 5px;
}
.design-campaign-block .form-file label {
	float: left;
	margin: 0;
	display: inline-block;
	vertical-align: top;
	font-size: 11px;
	line-height: 16px;
	font-weight: 500;
}
.design-campaign-block .int-def{
	display:block;
	vertical-align:top;
	-webkit-border-radius:3px;
	border-radius:3px;
	width:95px;
	margin: 0 auto;
	font-size:10px;
	line-height:18px;
	overflow:hidden;
	position:relative;
	text-align:center;
	cursor:pointer;
	border:1px solid #d2d2d2;
	color:#000;
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 0%, #f0f0f0 100%);
	background: -webkit-linear-gradient(top, #ffffff 0%,#f0f0f0 100%);
	background: linear-gradient(to bottom, #ffffff 0%,#f0f0f0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=0 );
	-webkit-transition: box-shadow 0.3s;
	transition: box-shadow 0.3s;
}
.design-campaign-block .int-def a,
.design-campaign-block .int-def input{
	display:block;
	border:0;
	background:none;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	width:100%;
	height:27px;
	padding:0;
	margin:0;
	font-size:10px;
	line-height:18px;
	cursor:pointer !important;
}
.design-campaign-block .int-def:hover{
	box-shadow:0 0 2px 2px rgba(0, 0, 0, 0.3);
}

.design-campaign-block .form-file .file{
	display: none;
}
.design-campaign-block .form-file .holder-input{
	overflow: visible;
}
.design-campaign-block .form-file .form-control{
	border: 0;
	display: inline-block;
	vertical-align: top;
	font-size: 8px;
	line-height: 14px;
	font-weight: 400;
	width: 100%;
	background: 0;
	padding: 5px;
	cursor: default;
	box-sizing: border-box;
}
.design-campaign-block .btn-group{
	float: right;
}
.design-campaign-block .btn-group a + a{
	margin-left: 4px;
}
.design-campaign-block .btn-group .btn-black-k{
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin: 0;
	border: 1px solid transparent;
	color: #fff;
	background: #414243;
	text-align: center;
	width: auto;
	min-width: 50px;
	font-size: 10px;
	line-height: 18px;
	font-weight: bold;
	color: #fff;
	letter-spacing: 0.5px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 0 5px;
	box-sizing: border-box;
	cursor: pointer;
	outline: none;
	-webkit-transition: background 0.3s;
	transition: background 0.3s;
}
.design-campaign-block .btn-group .btn-black-k:hover,
.design-campaign-block .btn-group .btn-black-k:focus,
.design-campaign-block .btn-group .btn-black-k:active{
	background: #1b1b1b;
}
.design-campaign-block .btn-group .btn-black-k.add{
	background: #31ae00;
}
.design-campaign-block .btn-group .btn-black-k.add:hover,
.design-campaign-block .btn-group .btn-black-k.add:focus,
.design-campaign-block .btn-group .btn-black-k.add:active{
	background: #2e9a03;
}
/* shirt-price-list */
.shirt-price-list form{
	display: block;
	overflow: hidden;
	font-size: 0;
	line-height: 0;
	margin-bottom: 14px;
}
.shirt-price-list form p{
	float: none;
	font-size: 12px;
	line-height: 32px;
	color: #000;
}
.shirt-price-list label{
	display: inline-block;
	vertical-align: top;
	font-size: 12px;
	line-height: 32px;
	color: #000;
	margin-right: 10px;
}
.shirt-price-list .select-block{
	position: relative;
	display: inline-block;
	vertical-align: top;
	font-size: 12px;
	line-height: 18px;
	color: #555;
	height: 30px;
	min-width: 195px;
	border: 1px solid #f2f2f2;
	background: #f9f9f9;
	margin-bottom: 14px;
}
.shirt-price-list .select-block .ico{
	position: absolute;
	top: 0;
	right: 0;
	width: 15px;
	height: 100%;
	background: #e5e5e5;
	text-align: center;
	line-height: 30px;
}
.shirt-price-list .select-block .ico img{
	vertical-align: middle;
	max-width: 100%;
	max-height: 100%;
}
.shirt-price-list .select-block select{
	position: relative;
	border: 0;
	background-color: transparent;
	padding: 5px 16px 5px 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	z-index: 10;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.shirt-price-list .select-block select::-ms-expand{
	display: none;
}

.shirt-price-list .link{
	display: block;
	text-align: center;
	margin-bottom: 55px;
}
.shirt-price-list .btn-link{
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
	line-height: 18px;
	color: #000;
	font-weight: bold;
	text-decoration: none;
}
.shirt-price-list .btn-link:hover{
	text-decoration: underline;
}




.table-price-list{
	position: relative;
	display: block;
	height: 288px;
	table-layout: fixed;
	border-collapse: collapse;
	margin: 0 auto 40px;
	overflow: hidden;
	border: 1px solid #b5b5b5;
	border-width:0 1px 1px 0;
}
.table-price-list table{width: 100%;}
.table-price-list tbody{
	display: table-row-group;
	overflow: auto;
}
.table-price-list tr{
	display: table-row;
	table-layout: fixed;
	height: 25px;
	font-size: 9px;
	line-height: 14px;
	color: #2f2f2f;
	background: #fff;
}
.table-price-list tr td span{
	display: block;
	text-align: left;
}
.table-price-list th, .table-price-list td{
	vertical-align: middle;
	padding: 5px;
	text-align: left;
	border-collapse: collapse;
	border: 1px solid #b5b5b5;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.table-price-list thead th{
	background: #f0f0f0;
	white-space: nowrap;
	padding: 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.table-price-list tbody th{
	vertical-align: bottom;
}
.table-price-list .fht-tbody .fht-table .odd th:first-child{
	opacity: 1;
	border-top: 0;
}
.table-price-list .fht-tbody .fht-table tr th:first-child{
	border-bottom: 0;
}

.table-price-list .fht-table tr:last-child td{border-bottom:0 !important;}
.table-price-list .fht-fixed-column .fht-thead{z-index:10;}

.table-price-list thead th:nth-child(1),
.table-price-list tbody th:nth-child(1){
	width: 120px !important;
	min-width: 120px;
	max-width: 120px;
}
.table-price-list thead th:nth-child(2),
.table-price-list tbody th:nth-child(2){
	width: 55px !important;
	min-width: 55px;
	max-width: 55px;
}
.table-price-list thead th:nth-child(3),
.table-price-list tbody th:nth-child(3){
	width: 46px !important;
	min-width: 46px;
	max-width: 46px;
}
.table-price-list thead th:nth-child(4),
.table-price-list tbody th:nth-child(4){
	width: 84px !important;
	min-width: 84px;
	max-width: 84px;
}
.table-price-list thead th:nth-child(5),
.table-price-list tbody th:nth-child(5){
	width: 83px !important;
	min-width: 83px;
	max-width: 83px;
}
.table-price-list thead th:nth-child(6),
.table-price-list tbody th:nth-child(6){
	width: 76px !important;
	min-width: 76px;
	max-width: 76px;
}
.table-price-list tbody td:nth-child(2){
	width: 55px !important;
	min-width: 55px;
	max-width: 55px;
}
.table-price-list tbody td:nth-child(3){
	width: 46px !important;
	min-width: 46px;
	max-width: 46px;
}
.table-price-list tbody td:nth-child(4){
	width: 84px !important;
	min-width: 84px;
	max-width: 84px;
}
.table-price-list tbody td:nth-child(5){
	width: 83px !important;
	min-width: 83px;
	max-width: 83px;
}
.table-price-list tbody td:nth-child(6){
	width: 76px !important;
	min-width: 76px;
	max-width: 76px;
}
.fht-table-wrapper,
.fht-table-wrapper .fht-thead,
.fht-table-wrapper .fht-tfoot,
.fht-table-wrapper .fht-fixed-column .fht-tbody,
.fht-table-wrapper .fht-fixed-body .fht-tbody,
.fht-table-wrapper .fht-tbody{
	overflow: hidden;
	position: relative;
}
.fht-table-wrapper .fht-fixed-body .fht-tbody,
.fht-table-wrapper .fht-tbody{
	overflow: auto;
}
.fht-table-wrapper .fht-table .fht-cell{
	overflow: hidden;
	height: 1px;
}
.fht-table-wrapper .fht-fixed-column,
.fht-table-wrapper .fht-fixed-body{
	top: 0;
	left: 0;
	position: absolute;
}
.fht-table-wrapper .fht-fixed-column{
	z-index: 1;
}
.design-consultation-frame .design-campaign-list li .item-block.item-size{
	white-space:nowrap;
	overflow-x:auto;
	-webkit-overflow-scrolling: touch;
	padding:8px 6px 0;
	height:58px;
}
.design-consultation-frame .btn-black-k{
	width:320px;
}

/*Designenq updated 19.02.2019*/

.radio-buttons{
	background-color: #fff;
}

.radio-buttons .container {
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 5vh;
}

.radio-buttons .list {
	display: flex;
	justify-content: space-between;
	width: 100%;
}

.radio-buttons .list__item {
	position: relative;
	width: 42%;
	padding: 10px;
	text-align: center;
	background-color: #00a2ff;
	border-radius: 10px;
	cursor: pointer;
	margin: 0;
	opacity: 0.5;
}
.radio-buttons .list__item:hover > .label::before {
	border: 0.5rem solid #0068a3;
}

.radio-buttons .radio-btn {
	position: absolute;
	opacity: 0;
	visibility: hidden;
}
.radio-buttons .radio-btn:checked + .label::before {
	margin-right: 2rem;
	border: 0.5rem solid #0068a3;
	background: #fff;
}

.radio-buttons .radio-btn:checked + .list__item, .radio-buttons .list__item:hover {
	opacity: 1;
}

.radio-buttons .label {
	position: relative;
	padding: 0.75rem 0;
	font-size: 10px;
	line-height: 20px;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	cursor: pointer;
	transition: all 0.25s linear;
	margin-left: 30px;
}

.radio-buttons .label::before {
	box-sizing: border-box;
	display: inline-block;
	content: "";
	height: 20px;
	width: 20px;
	background-color: #fff;
	border: 3px solid #0068a3;
	margin-right: 0.625rem;
	border-radius: 50%;
	transition: all 0.25s linear;
	position: absolute;
	top: 50%;
	left: -26px;
	transform: translateY(-50%);
}
.radio-buttons .label::after{
	display: inline-block;
	content: "";
	height: 8px;
	width: 8px;
	background-color: #00a2ff;
	border-radius: 50%;
	position: absolute;
	left: -20px;
	top: 50%;
	transform: translateY(-50%);
}

/*END Designenq*/

.img-flex{
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.img-flex img.img-flex-item{
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 8px;
}
.new-red-title{
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	text-align: left;
	color: #ea0000;
	margin-bottom: 5px;
}
.new-p{
	font-size: 10px;
	line-height: 12px;
	font-weight: bold;
	text-align: left;
	color: #000;
}
.ancor-link{
	width: 100%;
	padding: 10px 0;
	margin: 15px auto 40px;
}
.ancor-link .btn-new{
	position: relative;
	padding-left: 10px;
	display: block;
	border: 0;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding: 0;
	margin: 0;
	background: none;
	text-align: center;
	font-size: 14px;
	line-height: 20px;
	height: 20px;
	overflow: hidden;
	font-weight: bold;
	text-decoration: none;
	color: #fff !important;
	cursor: pointer;
}
.ancor-link .btn-new:before{
	position: absolute;
	content: '';
	left: 50px;
	top: 50%;
	transform: translateY(-50%);
	width: 20px;
	height: 20px;
	background: url('/common/design/user/img/design_page/arrow-down.png') no-repeat;
	background-size: contain;
}

#footer{
	overflow:hidden;
	background:#ea0000;
	padding:0 14px;
	border-bottom:1px solid #fff;
}
#footer .wrap{
	overflow:hidden;
	border-bottom:1px solid #fff;
	padding:14px 0 11px;
	margin-bottom:6px;
}

.col-link{
	display:block;
	overflow:hidden;
	font-size:10px;
	line-height:13px;
	color:#fff;
}
.col-link span{
	display:block;
	overflow:hidden;
	font-size:20px;
	line-height:22px;
	font-weight:bold;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	margin-top:5px;
}
.footer-nav{
	overflow:hidden;
	margin-bottom:5px;
}
.footer-nav li{
	float:left;
	width:50%;
}
.footer-nav a{
	display:block;
	font-size:10px;
	line-height:24px;
	color:#fff;
	font-weight:bold;
}

#design-page .design-title-designq {
	display: flex;
	align-items: center;
}

.topicpath-designq {
	margin: 5px 0 !important;
}

.design-part-box-sp label {
  width: 60px;
}

.design-part-box-sp label img {
  width: 40px;
  height: 40px;
  margin: auto;
  padding: 5px;
}

.design-part-box-sp label span {
  font-size: 11px;
  margin-bottom: 8px;
}

.design-section01-box-ct {
    padding-bottom: 8px;
}

.design-section01-box-ct img {
    top: auto;
}

.image-banner-designq-ct {
    position: relative;
    height: 250px;
}

.image-banner-designq-ct img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}