@charset "utf-8";

	.buy-btn-icon {
    position: absolute;
    top: -30px;
    right: -10px;
    animation-name: action;
    animation-duration: 1s;
    animation-iteration-count: infinite;}


/* Nav */
.item-nav { line-height:22px; margin-bottom:15px; }
.item-nav .page-nav { margin-top:4px; }
@media all and (max-width:460px) {
	.responsive .item-nav .page-nav { display:none; }
}


.div-table td input[type="radio"] {
    position: absolute;
    visibility: hidden;
}
.div-table td input[type="radio"]:checked ~ label {
    color: #FFF;
    background: #000;
    width: 100%;
   /* height: 40px;
    line-height: 40px;*/
    z-index: 9; box-sizing:border-box
}
.div-table td label {
    cursor: pointer;
    display: block;
    width: 100%;
    text-align: center;
    /*height: 40px;*/
    background-color:#EEE;
    border-radius: 10px;
    font-size: 14px;
    padding:5px 0;
    /*line-height: 40px;*/
    box-sizing: border-box;
}
.div-table td>span {
    width: 32%;
    float: left;
    color: #333;
    padding: 0px;
    margin-left: 2%;
	font-weight:bold; z-index: 99;
}
.div-table td.yak{display:flex;}
.div-table td.del-btn>span{width:49%}
.card_wrap{position:absolute}

.change_box{position:relative; clear:both;}
.change_join{font-size:14px; color:#555; margin-bottom:0}
.change_join2{font-size:14px; color:#555; margin-bottom:0}
.change_join3{font-size:14px; color:#555; margin-bottom:0}
.div-table td span:first-child {
    margin-left: 0;
}
.div-table td .card_warp>div {
    float: left;
}
.div-table td .card_btn {
    margin-bottom: 5px;
    position: relative;
    width: 100%;
}
.div-table td .card_btn span {
    float: none;
    width: auto;
    display: block;
}

.card_wrap{display:none}
.card_text{padding-top:45px}
.card_text p{color:#37a09f; font-size:18px; cursor:pointer; margin-bottom:0}
.card_text p i{color:#000; margin-right:5px}
.card-over{position:fixed; width:100%; height:100%; left:0; top:0; background-color:rgba(0,0,0,0.5); display:none; z-index:9999}
.card_pop{position:absolute; width:750px; top:50%; left:50%; transform:translate(-50%,-50%); z-index:99; padding:30px; box-sizing:border-box; background-color:#FFF;  overflow-y:scroll}
.card_pop img{max-width:100%}
.card_pop_close{position:fixed; right:10px; top:10px; cursor:pointer}
.card_pop_close i{font-size:18px}

/* Item Head */
.item-head { padding: 0px; border: 0px currentColor; border-image: none; margin-bottom:30px; width:100%; }
.item-head h1 { font-weight:bold; padding:0 !important; border: 0px currentColor; border-image: none; color: rgb(59, 62, 67); line-height: 30px; font-size: 22px; letter-spacing:-1px; margin:10px 0;  }
.item-head ul.item-buy-btn { padding:0px; margin:0px; list-style:none; overflow:hidden; margin:0px -3px; }
.item-head ul.item-buy-btn li { float:left; width:25%; padding:3px; position:relative }
.item-head .item-image { overflow:hidden; text-align:center}
.item-head .item-image a img { max-width:100%; margin:0 auto; }
.item-head .item-thumb { overflow:hidden; margin-right:-8px; }
.item-head .item-thumb a { display:inline-block; margin-top:8px; margin-right:8px; }
.item-head .item-form th, .item-head .item-form label { font-weight:500; position:relative}
.item-head .item-form th{padding-left: 15px; box-sizing: border-box;}
.item-head .item-form th::after{position:absolute; content: ""; width: 8px; height: 20px; background-color:#000; left: 0; top:50%; margin-top: -10px;}
.item-head .item-tag { margin:0px 0px 10px; padding:0px; color:#888; }
.item-head .item-tag a { color:#888; }
.item-head .item-tag a:hover { color:crimson; }
.phone_com i{color:#999}
.phone_com{color:#999;  margin-bottom:0; font-weight:bold; font-size:14px}
.item_sub_title{color:#333; font-size:20px;}

.new_item_skin{position:relative; margin-top:10px}
.new_item_skin>ul{padding-left:0}
.new_item_skin>ul>li{list-style:none; width:100%; border:3px solid #CCC; border-radius:10px; padding:20px 10px; display:table; margin-bottom:20px; cursor:pointer; color:#CCC}
.new_item_skin>ul>li.select{color:#333; border:3px solid #333}
.new_item_skin>ul>li>div{display:table-cell; vertical-align:middle; font-size:20px; font-weight:900}
.new_item_left{padding-left:25px; box-sizing:border-box; line-height:30px}
.new_item_left i{font-size:28px}
.new_item_left .fa-question-circle{font-size:20px}
.new_item_right{text-align:right; padding-right:25px; box-sizing:border-box}
.item_price_sub{font-size:14px; font-weight:normal; margin-bottom:0}
.item_price{font-size:25px; font-weight:bold}
.item_prcie_title{display:inline-block}
.big_price{border:1px solid #CCC; text-align:center; margin-bottom:0; font-size:12px; line-height:10px; border-radius:5px; font-weight:normal; padding:7px; width:80px }
.new_item_skin>ul>li.select .big_price{border:1px solid #333}
.admin_write{font-size:18px; font-weight:600; padding:10px 0}


.new_item_skin{position:relative; margin-top:10px}
.new_item_skin>ul{padding-left:0}
.new_item_skin>ul>li{list-style:none; width:100%; border:3px solid #CCC; border-radius:10px; padding:20px 10px; display:table; margin-bottom:20px; cursor:pointer; color:#CCC}
.new_item_skin>ul>li.select{color:#333; border:3px solid #22beb6}
.new_item_skin>ul>li>div{display:table-cell; vertical-align:middle; font-size:20px; font-weight:900}
.new_item_left{padding-left:25px; box-sizing:border-box; line-height:30px}
.new_item_skin>ul>li.select i{color:#22beb6}
.new_item_left i{font-size:28px}
.new_item_left .fa-question-circle{font-size:20px}
.new_item_right{text-align:right; padding-right:25px; box-sizing:border-box}
.item_price_sub{font-size:14px; font-weight:normal; margin-bottom:0}
.item_price{font-size:25px; font-weight:bold}
.item_prcie_title{display:inline-block}
.big_price{border:1px solid #CCC; text-align:center; margin-bottom:0; font-size:12px; line-height:10px; border-radius:5px; font-weight:normal; padding:7px; width:80px }
.new_item_skin>ul>li.select .big_price{border:1px solid #22beb6; color:#22beb6}


#it_v_sns {margin:4px 0 15px;padding:0;list-style:none;zoom:1}
#it_v_sns:after {display:block;visibility:hidden;clear:both;content:""}
#it_v_sns li {float:left;margin:0 5px 0 0}

.item_top{position:relative; width:100%; border-bottom:2px solid #000}
.item_top p{text-align:center; font-weight:bold; font-size:25px; padding-top:10px}
.item_top p span{  margin-left:15px;}
.item_top p a{color:#FFF; font-size:14px; background-color:#000; display:inline-block; width:30px; height:30px; line-height:30px; border-radius:30px}


@media all and (max-width:460px) {
	.responsive .item-head h1 { font-size:18px; line-height:24px; }
	.responsive .item-head ul.item-buy-btn li { width:50%; }
}

/* Item View Box */
.item-view-box { text-align:center; }
.item-view-box a { margin:0 10px 15px; width:80px; height:80px; display:inline-block; }
.item-view-box i { background: rgb(245, 245, 245); padding: 20px; border-radius: 50%; width: 80px; height: 80px; text-align: center; color: rgb(143, 143, 143); font-size: 40px; display: inline-block; }
.item-view-box i:hover { background: rgb(0, 0, 0); color: rgb(255, 255, 255); }

/* Item Explan */
.label-item { margin-top:4px; }
.item-explan { margin-bottom:30px; }
.item-explan p { padding:0px; margin:0px; }
.item-explan img { max-width:100%; }
#item-explan img { max-width:100%; }

/* Item Good Box */
.item-good-box { text-align:center; }
.item-good-box span { margin:15px 6px; width:80px; height:80px; display:inline-block; }
.item-good-box a { background: rgb(245, 245, 245); padding: 15px; border-radius: 50%; width: 80px; height: 80px; text-align: center; color: rgb(51, 51, 51); font-size: 22px; line-height:26px; display: inline-block; }
.item-good-box .item-good a:hover { background: rgb(223, 17, 25); color: rgb(255, 255, 255); }
.item-good-box .item-nogood a:hover { background: rgb(0, 0, 0); color: rgb(255, 255, 255); }

/* Item Seller */
.item-seller .img-photo i { background: rgb(245, 245, 245); padding: 16px; border-radius: 50%; width: 80px; height: 80px; text-align: center; color: rgb(143, 143, 143); font-size: 40px; display: inline-block; }
.item-seller .img-photo img { border-radius: 50%; width: 80px !important; height: 80px !important; display:inline-block; }
.item-seller .auth-photo { width:160px; padding-right:15px; }
@media all and (max-width:480px) {
	.responsive .item-seller .auth-photo { float:none; width:100%; padding-right:0px; }
}

/* Relation Items */
#relation-item { overflow:hidden; line-height:20px; margin-bottom:30px; }
#relation-item .txt-normal { letter-spacing:0; }
#relation-item .txt-short { letter-spacing:-1px; padding-right:1px; }
#relation-item .item-row { float:left; }
#relation-item .item-image { position:relative; overflow:hidden; }
#relation-item .item-content { padding-top:10px; margin:0px 4px; text-align:center; }
#relation-item .item-star { text-align:center; overflow:hidden; letter-spacing:-1px; font-size:18px; line-height:20px; height:20px; margin-bottom:4px; }
#relation-item .item-name { overflow:hidden; letter-spacing:-1px; padding-right:1px; text-align:center; font-size:14px; }
#relation-item .item-text { font-size:12px; color:#888; }
#relation-item .item-price { margin-top:4px; line-height:22px; }
#relation-item .item-price b { font-size:16px; display:inline-block; margin:0px 4px; }
#relation-item .item-price b i { font-size:12px; }
#relation-item .item-price strike { color:#888; margin:0px 4px; font-size:14px; display:inline-block; }
#relation-item .item-details { color:#888; margin-top:4px; padding:0px 1px; font-size:13px; text-align:center; }
#relation-item .item-sp { margin:0px 4px; white-space:nowrap; }
#relation-item .item-sp i { margin-right:2px; color:#888; }
#relation-item .item-sns { margin-top:15px; text-align:center; }
#relation-item .item-sns img { width:15%; max-width:34px; border-radius:50%; }

/* Review */
.use-media .div-title-wrap { margin:0px; }
.use-media .media { margin:0px 0px 15px; padding:12px; }
.use-media .media .circle { background: rgb(235,235,235); color:#fff; }
.use-media .media .media-body { padding-left:0px; padding-top:5px; }
.use-media.use-mobile .media .media-body { padding-top:0px; }
.use-media .media .media-info { line-height:20px; padding:0px 0px 4px; }
.use-media .media .media-info .sp { display:inline-block; width:20px; text-align:center; font-size:11px; color:#888; }
.use-media .media .media-desc { padding:0px 0px 4px; }
.use-media .media-content { margin-top:15px; padding:15px 12px 0px; border-top:1px dotted #606060; }
.use-media .media-content p { margin:0px; padding:0px; }
.use-media .media-content img { max-width:100%; }
.use-media .media-btn { margin-top:15px; }
.use-page { margin-bottom:15px; }
.use-page .pagination { margin:0; }

/* Q & A */
.qa-media .div-title-wrap { margin:0px; }
.qa-media .media { margin:0px 0px 15px; padding:12px; }
.qa-media .media .circle { background: rgb(235,235,235); color:#fff; }
.qa-media .media .media-body { padding-left:0px; padding-top:5px; }
.qa-media.qa-mobile .media .media-body { padding-top:0px; }
.qa-media .media .media-info { line-height:20px; padding:0px 0px 4px; }
.qa-media .media .media-info .sp { display:inline-block; width:20px; text-align:center; font-size:11px; color:#888; }
.qa-media .media .media-desc { padding:0px 0px 4px; }
.qa-media .media-content { margin-top:15px; padding:15px 12px 0px; border-top:1px dotted #606060; }
.qa-media .media-content p { margin:0px; padding:0px; }
.qa-media .media-content img { max-width:100%; }
.qa-media .media-btn { margin-top:15px; }
.qa-media .media-ans { padding:15px 12px 0px; }
.qa-media .media-ans p { margin:0px; padding:0px; }
.qa-media .media-ans img { max-width:100%; }
.qa-page { margin-bottom:15px; }
.qa-page .pagination { margin:0; }

/* Comment */
.comment-media { }
.comment-media .photo i { background: rgb(245, 245, 245); padding: 15px; border-radius: 50%; width: 64px; height: 64px; text-align: center; color: rgb(143, 143, 143); font-size: 30px; display: inline-block; }
.comment-media .photo img { border-radius: 50%; width: 64px !important; height: 64px !important; display:inline-block; }
.comment-media.comment-mobile .photo i { padding: 10px; width: 54px; height: 54px; }
.comment-media.comment-mobile .photo img { width: 54px !important; height: 54px !important; }
.comment-media .media { border-top:1px solid #eee; margin:7px 0px; padding:7px 0px 0px; }
.comment-media :first-child.media { border-top:0px; margin-top:0px; padding-top:0px; }
.comment-media h5 { margin:2px 0px; line-height: 22px; }
.comment-media .media .media-body { padding-left:0px; }
.comment-media .media .media-info { margin-left:10px; }
.comment-media .media .media-content { margin-top:8px; }
.comment-media .media .media-btn {	margin-left:4px; }
.comment-page { margin:15px 0px; }
.comment-page .pagination { margin:0; }

#it_vc_opt ol {	margin:0;padding:0;list-style:none;zoom:1; }
#it_vc_opt ol:after { display:block;visibility:hidden;clear:both;content:""; }
#it_vc_opt ol li { float:left;margin:0; }
#it_vc_send_sns ul { margin:0;padding:0;list-style:none;zoom:1; }
#it_vc_send_sns ul:after { display:block;visibility:hidden;clear:both;content:""; }
#it_vc_send_sns ul li { float:left;margin:0 0 0 20px; }
#it_vc_send_sns input {	margin:0 0 0 5px; }
@media all and (max-width:460px) {
	.responsive .comment-btn { text-align:center; }
	.responsive .comment-btn .pull-right { float:none !important; }
}

/* Table Box */
.tbox-head { padding:12px 0px 8px !important; margin:0px 0px 15px; font-weight:bold; border-bottom:1px dotted #606060; background: #fff; }
.tbox-head.no-line { margin:0px; border:0px }
.tbox-body { padding:0px; margin:0px 0px 15px; background: #fff; }
.tbox-body ul { padding:0px; margin:0px; }
.tbox-body ul li { margin-left:15px; }
.tbox-body p { padding:0px; margin:0px; } 
.tbox-body table { width:100%; border-collapse:collapse; padding:0px; margin:0px; border:0px; } 
.tbox-body table.top-border { border-top:2px solid #606060; } 
.tbox-body caption { display:none; }
.tbox-body thead th { text-align:center; padding:8px 12px; border-bottom:0px; color:#fff; background:#606060; white-space:nowrap; line-height:22px;}
.tbox-body tbody th { text-align:left; padding:8px 12px; border-bottom:1px solid #ddd; background:#fafafa; line-height:22px; }
.tbox-body tbody td { padding:8px 10px; border-bottom:1px solid #ddd; line-height:22px;}

@media all and (max-width:767px) {
	.responsive #item-tab .nav-justified li a { border-right:1px solid #ddd; padding:10px 0}
	.responsive #item-tab .nav-justified li:last-child a { border-right:0px; border-bottom:1px solid #ddd; }
}
@media all and (max-width:600px) {
.item_top p{font-size:17px}
.item_bottom_pop{width:360px}

}

/**/
#item-tab{margin-top:30px}
.item-tab-me>li>a{line-height:25px !important}
.div-tab.tabs ul.nav-tabs li{float:left; width:20%}
.div-tab.tabs.trans-top ul.nav-tabs li.active{border-top:1px solid #000000 !important;}
.div-tab.tabs.trans-top ul.nav-tabs li a{font-size:17px}
.div-tab.tabs ul.nav-tabs li a{border-bottom:none}
.item-head .item-thumb {
    overflow: hidden;
    margin-right: -8px; margin-top:30px
}
.item-thumb>ul {
    position: relative;
	width:80%; padding-left:20px;
    margin: 0 auto;
	overflow:hidden
}
.item-thumb>ul>li{list-style:none; float:left; width:33.33%}
.item-thumb input[type="radio"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}
.item-thumb input[type="radio"] {
    color: #F00;
}
.item-thumb input[type="radio"] + label {
    display: inline-block;
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
.item-thumb label {
    display: block;
}
.item-thumb input[type="radio"] + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    text-align: center;
    background: #fafafa;
    border: 1px solid #cacece;
    border-radius: 100%;
    box-shadow: 0px 1px 2px rgb(0 0 0 / 5%), inset 0px -15px 10px -12px rgb(0 0 0 / 5%);
}
.item-thumb input[type="radio"]:checked + label:after {
    content: '';
    position: absolute;
    top: 4px;
    left: 4px;
    width: 10px;
    height: 10px;
    background: #F00;
    border-radius: 100%;
    box-shadow: inset 0px 0px 10px rgb(0 0 0 / 30%);
}

.sns_icon{position:relative; oveflow:hidden; margin-top:10px}
.new_item_skin>ul.sns_icon>li{float:left; width:49%; border:none; padding:0 5px; border-radius:0; font-weight:bold; font-size:16px}
.new_item_skin>ul.sns_icon>li a{display:block; text-align:center}
.new_item_skin>ul.sns_icon>li:hover a{color:#000 !important}
.new_item_skin>ul.sns_icon>li:last-child:hover a{color:#FFF !important}
.new_item_skin>ul.sns_icon>li:first-child{background-color:#fbe200}
.new_item_skin>ul.sns_icon>li:last-child{background-color:#36af44; margin-left:2%}
.new_item_skin>ul.sns_icon>li:last-child a{color:#FFF}
.new_item_skin>ul.sns_icon>li span{ vertical-align:middle}

.item-buy-btn2{display:inline-flex; margin-left:0; width:100%; padding:0 8px}
.item-buy-btn2>li{list-style:none; width:49%; background-color:#df060f; border-radius:5px; height:40px; position:relative}
.item-buy-btn2>li>.buy-btn-icon{position:absolute; top:-30px; right:-10px; animation-name:action; animation-duration:1s; animation-iteration-count:infinite}
.item-buy-btn2>li input[type="button"]{background-color:rgba(0,0,0,0); width:100%; border:none; height:100%; font-weight:bold; color:#FFF; font-size:16px}
.item-buy-btn2>li:last-child{margin-left:2%; background-color:#5ddfde}
.bottom-buy-btn>li{width:32.66%; margin-left:1%}
.bottom-buy-btn>li:first-child{margin-left:0; width:60%}
.bottom-buy-btn>li:nth-child(2){background-color:#f9e000}
.bottom-buy-btn>li:nth-child(2) a{color:#000}
.bottom-buy-btn>li:last-child{margin-left:1%; width:40%}
.bottom-buy-btn>li>a{font-weight:bold; text-align:center; display:block; color:#FFF; line-height:40px; font-size:16px}

.float_table td select{ -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none}
.float_table td select::-ms-expand {display:none}
.select_input{position:relative;}
.select_input::after {
    position: absolute;
    content: "\f107";
    top: 5px;
    font-family: "FontAwesome";
    font-size: 25px;
    line-height: 45px;
    right: 30px;
    z-index: 9;
	pointer-events:none
}
.share_wrap{position:fixed; width:100%; height:100%; background-color:rgba(0,0,0,0.5); left:0; top:0; z-index:9999; display:none}
.share_box{background-color:#FFF; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); padding:30px 100px; width:700px; border-radius:30px}
.share_box h2{font-size:25px; border-bottom:1px solid #333; padding-bottom:10px}
.share_box>ul{overflow:hidden}
.share_box>ul>li{float:left; width:33.33%; padding:15px; box-sizing:border-box}
.share_box>ul>li img{max-width:100%}
.share_box>ul>li p{margin-top:5px; font-size:16px; text-align:center}
.share_close{position:absolute; right:30px; top:30px; cursor:pointer}
.share_close i{font-size:25px; font-weight:normal}
.link_copy{position:relative}
.link_copy input:focus {outline:none;}

.title_bottom .share-list>ul{overflow:hidden; width:250px; margin:30px auto 0}
.title_bottom .share-list>ul>li{float:left; width:33.33%; border-left: 1px solid #CCC; text-align: center;}
.share-list>ul>li:first-child{border-left:none}
.share-list>ul>li img{width:30px}
.price-all{position:absolute; cursor:pointer; background-color: #333; color:#FFF; padding:5px 15px; right: 10px; font-size: 12px; top:10px; border-radius: 5px;}



@media all and (max-width:700px) {
.share_box{width:95%}	
}
@media all and (max-width:600px) {
.item-thumb>ul{padding-left:0}	
.share_box{padding:30px}
.share_box h2{font-size:20px}
}


.first-price p{text-align:right; padding-right:10px; font-size:16px; font-weight:bold}
.first-price p span{margin-left:10px; font-size:25px; text-decoration:line-through}
.phone_img, .phone_price{width:50%; padding:50px}
.phone_price{padding-top:100px}
.tel_delivery{display:block; background-color:#22beb6; color:#FFF !important; width:100%; font-size:20px; font-weight:bold; text-align:center; padding:20px 0; margin-top:20px }
.float_table th{float:left; width:100%; border:none !important; font-size:20px}
.float_table td{clear:both; float:left; width:100%; border:none !important; font-size:18px; font-weight:bold}
.float_table td label{font-size:16px}
.float_table td select{border:1px solid #F00; border-radius:5px; font-weight: 500; font-size:16px; width:100%; background-color:#FFF; text-align-last: center; text-align: center; -ms-text-align-last: center; -moz-text-align-last: center;}

.title_bottom{border-top:1px solid #CCC; padding:20px 0; box-sizing:border-box; margin:0 30px}
.title_bottom p{text-align:center; font-size:18px; font-weight:bold}
.title_bottom ul{display:table; position:relative; margin:15px auto 0}
.title_bottom ul>li{display:table-cell; padding:0 5px}
.title_bottom ul>li input[type="button"]{width:30px; height:30px; border-radius:30px; background-color:#000; border:none}
.title_bottom ul>li.color_check input[type="button"]{border:2px solid #F00}
.item-head h1.item_title{padding-bottom:20px !important}
.share{position:relative; text-align:center;}
.share>p{text-align:center; font-weight:bold; font-size:16px}

.visible-xs{display:none !important}

.quick-banner{position:fixed; bottom:0; width: 100%; left: 0; background-color:#000; z-index: 999; padding: 15px 0; box-sizing: border-box;}
.quick-wrap{position:relative; width:1100px; margin:0 auto; display:table}
.quick-wrap>div{display:table-cell; vertical-align: middle; padding:0 30px; box-sizing: border-box;}
.quick-tel{position:relative; overflow:hidden; border-right:1px solid #5ddfde}
.quick-tel>div{float:left; padding: 5px; box-sizing: border-box;}
.quick-tel .num a{font-size:30px; color: #5ddfde; line-height: 35px; font-weight: bold;}
.quick-tel .num a span{font-size:16px}
.quick-text{font-weight:bold; font-size:18px; color: #FFF;}
.quick-text span{font-size:16px; font-weight: normal;}
.quick-btn>ul{display:table; margin-bottom: 0; margin:0 auto}
.quick-btn>ul>li{display:table-cell; vertical-align: middle; border-left:1px solid #5ddfde; padding:0 20px; box-sizing: border-box; height: 67px;}
.quick-btn>ul>li:first-child{border-left: none;}
.quick-btn>ul>li>a{display:block; width:170px; border-radius: 30px; font-weight:bold;text-align: center; font-size:20px; padding:5px 0;}
.quick-btn>ul>li:first-child>a{background-color:#5ddfde}
.quick-btn>ul>li:last-child>a{background-color:#f8e200}

.div-table td.sup label{border:1px solid #CCC}
.div-table td.sup label p{margin-bottom:0}
.div-table td.sup label p span{color:#000; font-size: 18px;}
.div-table td.sup label{background-color:#EEE; padding:10px 15px; box-sizing: border-box; height:auto; line-height: normal;}
.div-table td.sup label>span{font-weight: normal; font-size: 14px; display:block; text-align: left;}

.div-table td.sup input[type="radio"]:checked ~ label{background-color:#FFF; padding:10px 15px; box-sizing: border-box; color:#000; font-weight:normal; font-size: 14px; border:1px solid #F00; height:auto; line-height: normal;}
.div-table td.sup input[type="radio"]:checked ~ label p span{color:#F00; font-size: 18px;}
.div-table td.sup span{width:100%; margin-left:0;}
.div-table td.sup input[type="radio"]:checked ~ label>p{color:#333; margin-bottom:0}

.div-table td.sup span label .sup-title{display:block; width:100%; text-align: left;}
.div-table td.sup span label .sup-p{position:absolute; padding-right: 15px; box-sizing: border-box; top: 5px; text-align: right; right:0}

.div-table td.sup span:last-child{margin-top:5px}

.sale{position:relative; overflow:hidden}
.sale>li{float:left; margin-left: 2%; cursor:pointer; width:32%; padding:10px 0; border-radius: 5px; text-align: center; background-color:#f4f4f4; font-size: 14px;}
.sale>li>a{display:block}
.sale>li:nth-child(3n+1){margin-left:0}
.sale>li:nth-child(n+4){margin-top:2%}
.sale>li span img{width:28px}

.data-wrap>ul>li:nth-child(n+2){margin-top:5px}
.data-wrap>ul>li i{font-style: normal;font-size: 11px;display: inline-block;border: 1px solid #CCC; text-align: center;line-height: 11px;height: 11px;width: 11px; margin-left: 5px; cursor: pointer;}
.data-wrap>ul>li i span{background-color:#FFF; font-size:13px; line-height: 18px; text-align:left; border:1px solid #CCC; padding:10px; display:none; box-sizing: border-box; position:absolute; top:25px; left: 0; z-index: 99;}
.data-wrap span.price{position:absolute; right: 0; bottom:0;}
.data-wrap span.red{color:#f00}
.data-wrap>p .price{right: 15px;}

.all-price{width:98%; margin:0 auto; border-top: 1px dashed #CCC; padding: 30px 0; box-sizing: border-box;}
.all-price p{text-align:center; font-weight: bold;}
.price-txt span{background-color:#04c9ab; width: 25px; height: 25px; margin-right: 5px; text-align: center; line-height:25px; display:inline-block; border-radius: 100%;}
.price{font-size: 20px; margin-top: 30px;}
.price .red{color:#F00; font-weight:900; font-size: 35px;}
.small-txt{font-size: 12px; color:#555;}

.data-wrap button{background-color:#F00; color:#FFF; font-size: 26px; font-weight: bold; text-align: center; display: block; width: 100%; padding: 20px 0; border-radius: 5px; border:none; width: 98%; margin:20px auto 0;}


.add-close{position:absolute; right: 10px; top: 10px; cursor: pointer;}
.add-close i{font-size: 24px; color:#555}
.add-over{ display:none; position:fixed; width: 100%; height: 100%; background-color:rgba(0,0,0,0.5); left:0; top: 0;z-index: 999999999}
.add-box{background-color:#FFF; max-height:650px; overflow-y: scroll; width: 1250px; margin:0 auto; padding: 50px; box-sizing: border-box; left:50%; top:50%; transform: translate(-50%,-50%); position:absolute; }
.add-box>h2{position:relative; margin:0; font-size: 26px; font-weight: bold; border-bottom: 2px solid #333; padding-bottom: 15px;}
.add-box>h2 span{position:absolute; right: 0; bottom: 10px;}
.add-box .add2-p{font-size: 20px; line-height: normal; padding:20px 20px 20px; margin:0; box-sizing: border-box;}
.add-wrap{position:relative; width: 100%; margin:0 auto; padding: 20px 0; max-height:500px; overflow-y:scroll}
.add-wrap>h3{text-align:center; font-weight: 600; font-size: 40px; padding: 30px 0 0; margin:0}
.add2-list{display:flex; flex-wrap: wrap; padding: 20px;}
.add2-list>li{width:32%; margin-left: 2%;}
.add2-list>li:nth-child(3n+1){margin-left:0}
.add2-list>li:nth-child(n+4){margin-top:3%}
.add2-list>li h3{background-color:#65dddc;width:100%; font-size: 26px; text-align: center; color:#555; border-radius: 30px; margin:0 0 20px 0; padding: 20px 0; }
.add2-list>li .add-con{border:4px solid #f4f4f4; border-radius: 30px;}
.add2-list>li .add-con{padding:0; box-sizing: border-box; overflow:hidden}
.add2-list>li .add-con ul{padding:40px 25px; box-sizing: border-box; height: 180px;}
.add2-list>li .add-con ul>li{font-size: 18px;}
.add2-list>li .add-con ul>li:nth-child(n+2){margin-top:10px}
.add2-list>li p{background-color:#f4f4f4; text-align: center; padding: 20px 0; font-size: 26px; margin:0; font-weight: bold; color:#f00;}
.add2-list>li p span{font-size: 16px; color:#555; font-weight: normal;}

.qa-list{ box-sizing: border-box;}
.qa-list>li:nth-child(n+2){margin-top:30px}
.qa-list h2{font-size: 22px;}
.qa-list p{font-size: 20px; line-height: normal;}
.qa-list p span{color:#206ef0; display:block}

.add-table table{border-top:2px solid #333; width: 100%;}
.add-table h2{font-size: 24px; font-weight: bold; margin-bottom: 10px;}
.add-table table th{padding: 10px; text-align: center; font-weight: 500; box-sizing: border-box; border-bottom:1px solid #CCC; background-color:#f1f2fa; font-size: 18px;}
.add-table table td{text-align: center; padding:30px 20px; box-sizing: border-box; font-size: 18px; border-bottom: 1px solid #CCC;}
.add-table table td.t-left{text-align:left}
.add-table table td + td{border-left: 1px solid #CCC;}

.check{margin-top: 60px;}
.check h2{font-size:26px; font-weight: bold;}
.check p{font-size: 18px; line-height: normal; padding:0 25px; box-sizing: border-box; margin-top: 10px;}

.add6-list li{margin-top:50px}
.add6-list h4{font-size: 24px; font-weight: bold}
.add6-list h4 span{display:block; margin-bottom: 10px; width: 35px; font-weight: 500; height: 35px; color:#FFF; font-size: 18px; line-height: 35px; text-align: center; background-color:#F00; border-radius: 40px;}
.add6-list p{margin-top: 10px; font-size: 18px; line-height: normal;}
.add6-list li p span{font-size: 28px; font-weight:bold}
.add6-list li span.q{color:#f00}
.add6-list li p{margin:0}
.add6-list li li{margin-top:20px}

.add-bot{position:relative; margin-top:50px; border:2px solid #555; width:100%; border-radius: 30px; padding: 50px 0; box-sizing: border-box;}
.add-bot p{text-align: center; font-size: 24px; margin-bottom: 30px; line-height: normal; font-weight: 500;}
.add-bot p span{color:#F00}
.add-bot a{display:block; width:400px; padding: 20px 0; border-radius: 10px; margin:0 auto; font-size: 20px; text-align: center; background-color:#333; color:#FFF}
.add-bot a:last-child{margin-top:10px; background-color:#fdc504; color:#333}
.add-bot a:hover{color:#FFF !important;}
.add-bot a:last-child{color:#333 !important}

.used-top{position:relative; background-color:#f4f4f4; padding: 50px 80px; box-sizing: border-box; border-radius: 30px;}
.used-top p{font-size: 18px; display:block; line-height: normal; margin-bottom: 20px;}
.used-top a{display:inline-block; width: 49%; background-color:#333; color:#FFF !important; text-align: center; padding: 20px 0; border-radius: 10px; font-size: 20px;}
.used-top a:last-child{margin-left:1%; background-color:#fdc504; color:#333 !important}

@media all and (max-width:1300px){
    .add-box{width:96%; padding:50px 20px}
    .add-wrap{width:100%}
    .add-box>p{padding:40px 0 0}
    .add2-list{padding:20px 0}
    .add2-list>li h3{font-size:20px; padding: 15px 0;}
    .add2-list>li .add-con ul{height: 150px; padding:30px 20px}
    .add2-list>li .add-con ul>li{font-size:14px}
    .add2-list>li p{font-size:20px}
    .add2-list>li p span{font-size:14px}
    
}

@media all and (max-width:1100px){
    .quick-wrap{width:96%}
    .quick-wrap>div{padding:0 10px}
    .quick-btn>ul>li>a{font-size:14px; width: 140px;}
    .quick-btn>ul>li{padding:0 10px}
    }
@media all and (max-width:1050px) {
.item_price{font-size:20px}	
.phone_price{padding-top:50px}
.new_item_skin>ul.sns_icon>li{font-size:14px}

.add-wrap{padding:0}
.add-box .add2-p{font-size:16px; padding:20px 0 0}
.add2-list>li{width:49%}
.add2-list>li h3{font-size:16px; padding:10px 0}
.add2-list>li:nth-child(3n+1){margin-left:2%}
.add2-list>li:nth-child(2n+1){margin-left:0}
.add2-list>li:nth-child(n+4){margin-top:0}
.add2-list>li:nth-child(n+3){margin-top:3%}

.qa-list h2{font-size:18px}
.qa-list p{font-size:16px}
.qa-list>li:nth-child(n+2){margin-top:20px}
.add-table{margin-top:50px}
.add-table h2{font-size:20px}
.add-table table th{font-size:16px}
.add-table table td{font-size:14px}
.check{margin-top:30px}
.check h2{font-size:20px}
.check p{font-size:16px; margin-top:10px}

.add-wrap>h3{font-size:30px}
.add6-list h4{font-size:20px}
.add6-list h4 span{width:30px; height:30px; line-height:35px; font-size:16px}
.add6-list li{margin-top:30px}
.add6-list li p span{font-size:22px}
.add6-list p{font-size:16px}
.add-bot p{font-size:20px}

}
@media all and (max-width:950px) {
	.new_item_skin>ul.sns_icon>li{font-size:12px}
.new_item_skin>ul.sns_icon>li span img{width:35px}	
}
@media all and (max-width:910px) {
    .quick-banner{padding:45px 0 5px}
    .quick-wrap>div{ border-right:none; padding: 0;}
    .quick-tel>div{padding:0}
    .icon img{width:25px}
    .quick-tel .num a{font-size:20px; line-height:25px}
    .quick-tel .num a br{display:none}
    .quick-tel .num a span{padding:0 5px}
    .quick-text{position:absolute; top: -40px; left: 0; text-align:center; line-height: 18px;}
    .quick-btn>ul>li{height:auto; padding:0; border:none; width:50%}
    .quick-btn>ul>li:last-child{padding-left:10px}
    .quick-btn>ul>li a{width:150px}
    .quick-wrap>div.quick-tel{width:155px; margin:0 auto}

    .div-title-underbar span{font-size:18px}
    .float_table th{font-size:16px; padding-bottom: 0 !important;}
    .float_table td label{font-size:14px}
    .float_table td select{font-size:14px}
    .item-buy-btn2>li input[type="button"]{font-size:14px}
    .bottom-buy-btn>li>a{font-size:14px}    
    .div-tab.tabs.trans-top ul.nav-tabs li a{font-size:12px}
    .TC_ft .li1 .t2 .cc1{font-size:16px}

    .change_join{font-size:12px;}
.change_join2{font-size:12px;}
.change_join3{font-size:12px;}
.tc_pay_info{font-size:12px}
.data_table th, .data_table td{font-size:14px}
}
@media all and (max-width:850px) {
    .item-head h1{text-align:center}
    .item_sub_title{text-align:center}
.phone_img, .phone_price{width:90%; margin-left:5%}	
.phone_price {padding-top:0}
.admin_write{font-size:16px}
.new_item_skin>ul.sns_icon>li{font-size:14px; padding:5px}

.card_pop{width:95%; padding:15px}

.all-top h2{font-size:20px}
.all-con{padding:10px}
.all-con table th{font-size:12px}
.all-con table td{font-size:12px}

.add-box>p br{display:none}
}
@media all and (max-width:800px){
    .share{display:none}
	
	.add-box{ top:50%; transform:translate(-50%,-50%)}
}
@media all and (max-width:650px){
    .quick-wrap>div{display:block; width: 100%;}
    .quick-btn>ul{width:100%; margin-top:5px}
    .quick-btn>ul>li a{width:100%}
    .quick-text{font-size:14px}
    .quick-text span{font-size:12px}
	.quick-btn>ul>li a img{height:25px}
	
	.qa-list h2{font-size:16px}
	.qa-list p{font-size:14px}
	.add-table h2{font-size:18px}
	.add-table table th{font-size:14px}
	.add-table table td{font-size:12px; padding:30px 10px}
	
	.add-box .add2-p{font-size:14px}
	.add-box .add2-p br{display:none}
	
	.add6-list h4{font-size:18px}
.add6-list p{font-size:14px}

}
@media all and (max-width:600px) {
.phone_img, .phone_price{width:100%; margin-left:0; padding:20px}
.new_item_skin>ul>li>div{font-size:18px}
.new_item_left i{font-size:25px}
.admin_write{font-size:14px}
.bottom-buy-btn .buy-btn-icon{display:none}

.add-box>h2{font-size:20px}
.add2-list>li{width:100%; margin-left:0}
.add2-list>li:nth-child(n+3){margin-top:0}
.add2-list>li:nth-child(n+2){margin-top:5%}
.add-box>h2 span img{width:90px}
.add2-list>li h3{margin:0 0 10px 0}

.add-wrap>h3{font-size:20px}
.add-bot{padding:40px 30px}
.add-bot a{font-size:16px; width:90%; padding:15px 0}
.add-bot p{font-size:16px}
.add-bot p br{display:none}

.check p{padding:0}
}
@media all and (max-width:450px) {
	.item-buy-btn2>li>.buy-btn-icon{animation-name:action2}
	.buy-btn-icon img{width:60px}
	.bottom-buy-wrap{top:0}
}
@keyframes action {
	from{top:-30px}
	50%{top:-32px}
	to{top:-30px}
}
@keyframes action2 {
	from{top:-20px}
	50%{top:-22px}
	to{top:-20px}
}