@charset "utf-8";

/* Reset */
body {font-family: 'Noto Sans';color:#1a1a1a;letter-spacing:-0.5px;overflow-x:hidden;-webkit-text-size-adjust:none}
body,th,td,input,select,textarea,button {font-family:'Noto Sans';font-size:12px;color:#1a1a1a;} 
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,b,strong,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0;font-family:'Noto Sans','San-Serif';color:#1a1a1a;}
fieldset,img {border:0 none}
dl,ul,ol,menu,li {list-style:none}
blockquote, q {quotes:none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
input,select,textarea,button {font-size:100%;vertical-align:middle}
button {border:0 none;background-color:transparent;cursor:pointer}
table {border-collapse:collapse;border-spacing:0}
input[type='text'],input[type='password'],input[type='tel'],input[type='email'],input[type='submit'],input[type='search'] {-webkit-appearance:none; border-radius:0;line-height:1;}
input:checked[type='checkbox'] {background-color:#666; -webkit-appearance:checkbox}
button,input[type='button'],input[type='submit'],input[type='reset'],input[type='file'] {-webkit-appearance:button; border-radius:0}
input[type='search']::-webkit-search-cancel-button {-webkit-appearance:none}
 
a {display:inherit;color:#1a1a1a;text-decoration:none}
a:active, a:hover {text-decoration:none}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal;}
caption {position:absolute;left:-999em;z-inext:-1;height:0;overflow:hidden;}
img {max-width:100%;height:auto;vertical-align:top;}
hr, legend, caption,.hidden{position:absolute;left:-9999px;top:0;overflow:hidden;line-height:0.1%;font-size:0.1%;width:0.1%;height:0.1%;}
/* skip navi */
#skip-navi dl { position:absolute;}
#skip-navi dt {position:absolute; top:-10000px;}
#skip-navi dd a {position:absolute; display:block; width:200px; left:180px; text-align:center; top:-10000px; z-index:999; font-size:14px;}
#skip-navi dd a:hover, 
#skip-navi dd a:focus, 
#skip-navi dd a:active{ position:absolute; top:5px; padding:8px 0 3px 0; font-weight:bold; color:#fff; background:#1d60a7;}
select {}
select:before {display:inline-block;width:20%;}



@font-face{
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  src: url(../font/NotoSans-DemiLight.eot);
  src: url(../font/NotoSans-DemiLight.eot?#iefix) format('embedded-opentype'),
         url(../font/Notos.woff) format('woff');
}

.item_intro , .pop_pantone .cnt {
scrollbar-highlight-color:#FFFFFF; 
scrollbar-3dlight-color:#f3f3f3; 
scrollbar-face-color:#fff; 
scrollbar-shadow-color:#f3f3f3; 
scrollbar-darkshadow-color:white; 
scrollbar-track-color:#eee; 
scrollbar-arrow-color:#eee;
}

.item_intro::-webkit-scrollbar ,  .pop_pantone .cnt::-webkit-scrollbar , .layercontents .color_detail .txt_wrap::-webkit-scrollbar{
	-webkit-appearance: none;
}
.item_intro::-webkit-scrollbar:vertical ,  .pop_pantone .cnt::-webkit-scrollbar:vertical , .layercontents .color_detail .txt_wrap::-webkit-scrollbar:vertical{
	width: 14px;
}
.item_intro::-webkit-scrollbar:horizontal ,  .pop_pantone .cnt::-webkit-scrollbar:horizontal , .layercontents .color_detail .txt_wrap::-webkit-scrollbar:horizontal{
	height: 14px;
}
.item_intro::-webkit-scrollbar-thumb ,  .pop_pantone .cnt::-webkit-scrollbar-thumb , .layercontents .color_detail .txt_wrap::-webkit-scrollbar-thumb{
	background-color: rgba(255, 255, 255, 1);
	border: 1px solid #f3f3f3;
}
.item_intro::-webkit-scrollbar-track , .pop_pantone .cnt::-webkit-scrollbar-track , .layercontents .color_detail .txt_wrap::-webkit-scrollbar-track{
	background-color: #eee; 
}

#nowloading {position:fixed; top:0; left:0; width:100%; height:100%; opacity:0.6; filter:alpha(opacity=60); background:#000; z-index:100;}
#nowloading>p {position:absolute; top:50%; left:50%; margin:-16px 0 0 -16px;}

.wrapper{}
.wcontents{width:1000px;margin:40px auto 0 auto;padding-bottom:89px;}
.title_wrap{position:relative;}
.title_wrap .main_link{position:absolute;left:0;top:0;z-index:100;}
.title_wrap .direct_link{overflow:hidden;position:absolute;right:0;top:13px;z-index:100;}
.title_wrap .direct_link li{float:left; padding-left:13px;}
.title_wrap .direct_link li a{display:inline-block;font-size:14px;color:#323232;font-family:'Noto Sans';padding-left:25px;background:url("../images/img_header_top02.jpg") no-repeat 0 3px;}
.title_wrap .direct_link li.first{width:83px; background:url("../images/img_header_topbg.gif") no-repeat right 3px;}
.title_wrap .direct_link li.first a{padding-left:22px;background:url("../images/img_header_top01.jpg") no-repeat 0 0;}
.content_box{position:relative;}
.select_area{overflow:hidden;position:relative;margin:52px 0 0 0;background:url("../images/img_select_area_bg.gif") no-repeat 500px 0;}
.select_area.type2{background:url("../images/img_select_area_bg02.gif") repeat-y 500px 59px;}
.select_area.type3{background:url("../images/img_select_area_bg02.gif") repeat-y 500px 37px;}
.select_area .menu_tit{display:inline-block;margin-bottom:36px;font-size:22px;font-weight:500;color:#111;font-family:'Noto Sans';}
.select_area .left_select{width:500px;float:left;text-align:center;padding-bottom:0;}
.select_area .btn_link{display:block;text-align:center;width:191px;margin:46px auto 0 auto;padding:6px 0;border:1px solid #000;}
.select_area .btn_link span{display:inline-block;font-size:15px;color:#333;padding:0 16px 0 0;font-family:'Noto Sans';background:url("../images/img_btn_myskin_bg.gif") no-repeat 100% 6px;}
.select_area .right_select{width:500px;float:right;text-align:center;}
.select_area .right_select .menu_tit{display:inline-block;margin-bottom:36px;font-size:22px;color:#111;font-family:'Noto Sans';}
.select_area .num_input{display:block;width:190px;height:36px;margin:46px 0 0 147px;padding-left:15px;line-height:36px;font-size:13px;color:#6a6c74;border:0;border-top:1px solid #e1e1e1;border-left:1px solid #e1e1e1;background:#f2f2f2;font-family:'Noto Sans';}/* 151211 */
.select_area .num_input::-webkit-input-placeholder{color:#6a6c74;font-family: 'Noto Sans';}
.select_area .num_input::-moz-input-placeholder{color:#6a6c74;font-family: 'Noto Sans';}
.select_area .num_input::-ms-input-placeholder{color:#6a6c74;font-family: 'Noto Sans';}
.select_area .or{position:absolute;left:480px;top:226px;}
.question{text-align:center;}
.question > span{display:block;font-size:22px;color:#1a1a1a;font-family:'Noto Sans';}
.question .sub_tit{display:block;margin:6px 0 0 0;font-size:16px;color:#333;font-family:'Noto Sans';}
.question > p{font-size:22px;color:#333;letter-spacing:-1px;font-family:'Noto Sans';}
.question > p strong{font-size:22px;color:#000;font-family:'Noto Sans';}
.question > strong{letter-spacing:3px;font-size:24px;color:#1a1a1a;font-family:'Noto Sans';}
.question > strong span{display:inline-block;margin-left:5px;letter-spacing:-1px;font-size:16px;color:#333;font-weight:normal;font-family:'Noto Sans';}
.select_list{width:410px;margin:100px auto 0 auto;padding-bottom:40px;}
.select_list li{display:inline-block;margin-left:10px;}
.select_list li:first-child{;margin-left:0;}
.select_list li a{display:inline-block;width:128px;height:128px;text-align:center;vertical-align:middle;font-size:20px;line-height:128px;color:#0c0c0c;background:url("../images/img_select_list_off.jpg") no-repeat 0 0;transition:all 0.4s ease-in-out;}
.select_list li a span{display:inline-block;vertical-align:middle;line-height:1.2em;font-size:17px;color:#0c0c0c;font-family:'Noto Sans';}
.select_list li a.on , .select_list li a:hover{background:url("../images/img_select_list_on.jpg") no-repeat 0 0;}
.product_img , .color_img{text-align:center;}
.product_img .img_box , .color_img .img_box{display:inline-block;text-align:center;margin:20px 0;width:300px;height:300px;}
.product_img  .img_box img , .color_img .img_box img{text-align:center;width:100%;}
.product_img .img_box{display:inline-block;text-align:center;margin:20px 0;width:300px;height:300px;}
.product_img .img_box img{}
.color_img img{}
.product_img .product_name span , .color_img .color_name span{font-size:16px; color:#4c4c4c;font-family:'Noto Sans';}
.color_img{text-align:center;}

.right_select .product_banner  .slides a{padding:0 0 0 0;}
.right_select .product_banner  .slides span{padding:0px 0 0 0}

.product_banner{position:relative;overflow:hidden;width:437px;height:180px;margin:20px auto 0 auto;}
.product_banner .flexslider{width:380px;height:148px;margin:0 auto 0 auto;}
.product_banner .flex-viewport{border-left:1px solid #fff;}
.product_banner li{width:111px;padding:0 5px;}
.product_banner li:first-child{background:none;}
.product_banner li a{position:relative;display:inline-block;text-align:center;width:105px;padding:10px 0;}
.product_banner li a > img{width:105px;height:105px;}
.product_banner li a span{display:inline-block;overflow:hidden;height:30px;margin:5px 0 0 0;text-align:center;width:111px;font-size:13px;color:#4c4c4c;letter-spacing:-1px;line-height:14px;font-family:'Noto Sans';}
.product_banner li .banner_selected{display:none;position:absolute;left:50%;top:28%;width:30px;height:30px;z-index:100;margin:0 0 0 -15px;background:url("../images/img_skin_selected.png") no-repeat 0 0;}
.product_banner li .on .banner_selected{display:block;}
.flex-control-nav{position:absolute;left:50%;top:150px;overflow:hidden;margin:17px 0 0 -24px;}
.flex-control-nav li{float:left;width:7px;margin-left:0;}
.flex-control-nav li:first-child{margin-left:0px;}
.flex-control-nav li a{display:inline-block;text-indent:-9999px;width:11px;height:4px;background:url("../images/img_pager_off.gif") no-repeat 0 0;cursor:pointer;}
.flex-control-nav li a.flex-active{width:7px;height:7px;background:url("../images/img_pager_on.gif") no-repeat 0 0;}
.flex-direction-nav .flex-nav-prev{overflow:hidden;width:28px;height:146px;}
.flex-direction-nav .flex-nav-prev a{position:absolute;left:7px;top:58px;overflow:hidden;display:block;width:9px;height:13px;text-indent:-9999px;background:url("../images/img_banner_btn.png") no-repeat 0 -150px;z-index:10;}
.flex-direction-nav .flex-nav-next a{position:absolute;right:7px;top:58px;overflow:hidden;display:block;width:9px;height:13px;text-indent:-9999px;background:url("../images/img_banner_btn.png") no-repeat 0 -50px;z-index:10;}

.result_box{padding:0 0 0 0;background:url("../images/img_result_face.jpg") no-repeat 0 135px;}
.result_txt{padding:53px 0 0 0;font-size:22px;color:#111;text-align:center;font-family:'Noto Sans';}
.result_txt .colorname{display:inline-block;vertical-align:middle;padding:6px 8px 7px 8px; font-size:28px;line-height:28px;color:#111;text-align:center;background:#f1d4c0;font-family:'Noto Sans';padding:6px 8px 7px 8px \0/IE8 ;}
.result_txt span img{vertical-align:bottom;}
.skin_box{min-height:500px;_height:500px;padding-left:318px;}
.skin_box:after{clear:both;content:"";display:block;}
.skin_box .skin_color{float:left;width:111px;margin:146px 0 0 0;padding:5px 5px 47px 5px;border:1px solid #e4e4e4;}
.skin_box .skin_color span{display:block;margin-left:5px;font-size:18px;color:#1a1a1a;font-family:"Arial";}
.skin_box .skin_color .color_box{width:110px;height:116px;margin-left:0;}
.skin_box .skin_color .colorNum {margin-top:3px; font-weight:bold;}
.skin_box .skin_detail{float:right;width:476px;margin:0 16px 0 0;}
.skin_box .skin_detail strong{font-size:28px;color:#111;font-family:'Noto Sans';}
.skin_box .skin_detail strong + p{margin-top:10px;}
.skin_box .skin_detail p{margin:25px 0 0 0;font-size:15px;color:#333;line-height:1.7em;font-family:'Noto Sans';}
.skin_box .skin_detail .mean{font-size:17px;color:#000;font-family:'Noto Sans';}
.skin_box .skin_detail .text_tip{display:inline-block;padding:19px 5px 2px 25px;border-bottom:1px solid #d3d3d3;font-size:14px;color:#666;background:url("../images/img_face_txtbg.jpg") no-repeat 3px 21px;font-family:'Noto Sans';}
.skin_box .skin_detail .text_tip span{font-size:14px;color:#000;font-family:'Noto Sans';}

.color_select{overflow:hidden;margin:107px 0 0 -10px;padding-bottom:100px;}
.color_select li{position:relative;float:left;text-align:center;width:158px;margin-left:10px;}
.color_select li a{display:block;}
.color_select strong{display:block;margin:49px 0 9px 0;font-size:20px;color:#111;font-weight:normal;font-family:'Noto Sans';}
.color_select span{display:block;margin:0 0 47px 0;font-size:16px;color:#3d3d3d;line-height:1.2em;}
.color_select li a:hover , .color_select li a.on{opacity:0.5;filter: alpha(opacity=50);-ms-filter:"progid:DXimageTransform.Microsoft.Alpha(Opacity=50)";}

.paging_btn{text-align:center;margin:183px 0 0 0;}
.paging_btn a{overflow:hidden;display:inline-block;width:142px;height:28px;font-size:22px;color:#393939;font-family:'Noto Sans';}
.paging_btn span{vertical-align:middle;overflow:hidden;display:inline-block;width:28px;height:28px;}

.paging_btn .arrow_left span{display:inline-block;width:28px;float:left;}
.paging_btn .arrow_left img{margin-top:-50px;}
.paging_btn .arrow_left.off{font-size:18px;color:#c4c4c4;font-weight:normal;}
.paging_btn .arrow_left.off img{margin-top:-100px;}
.paging_btn .arrow_right{background:url("../images/img_paging_btnbg.gif") no-repeat 0 8px;}
.paging_btn .arrow_right span{float:right;}
.paging_btn .arrow_right.off{font-size:18px;color:#c4c4c4;font-weight:normal;}
.paging_btn .arrow_right.off img{margin-top:-150px;}

.skin_tit{text-align:center;margin:24px 0 0 0;font-size:22px;color:#333;font-family:'Noto Sans';}
.skin_tit span{color:#000;font-family:'Noto Sans';font-weight:bold;}
.skin_txt{text-align:center;margin:10px 0 20px;font-size:16px;color:#333;font-family:'Noto Sans';}

.indicate_box{;margin:30px 0;}
.indicate_box span{display:inline-block;padding:10px;font-size:18px;line-height:18px;color:#000;background:#f1d4c0;font-family:'Noto Sans';}
.indicate_box a{display:inline-block;}


.product_sort{clear:both;margin:50px 0 0 1px;}
.product_sort .product_title{padding:0 0 0 0;}
.product_sort .product_title > a > img{width:330px;height:330px;}
.product_sort > li{overflow:hidden;margin-bottom:60px;text-align:center;}
.product_sort > li .product_box{float:left;width:332px;border-left:1px solid #e9e9e9;}
.product_sort > li .num{display:inline-block;width:40px;font-size:32px;color:#1a1a1a;}
.product_sort > li .sub_txt{display:block;text-align:center;height:52px;margin:20px 66px 0 66px;font-size:16px;line-height:1.2em;color:#2b2b2b;font-family:'Noto Sans';}
.product_sort .small_sort{width:324px;}
.product_sort .small_sort li{overflow:hidden;text-align:center;}
.product_sort .small_sort li:first-child{border-top:0;}
.product_sort .small_sort li .sort_box{float:left;width:106px;margin-right:-1px;}
.product_sort .small_sort li .sort_box:first-child + .sort_box{width:108px;}
.product_sort .small_sort li .sort_box span{display:block;height:30px;margin:0 0 8px 0;line-height:1.2em;}
.product_sort .small_sort li .sort_box .sort_img{position:relative;width:102px;height:102px;padding:15px 0 0 0;margin:0 0 0 0;}
.product_sort .small_sort li .sort_box .sort_img img{width:75px;height:75px;}
.favorite{overflow:hidden;display:inline-block;width:100%;height:14px;padding:5px 0;}
.favorite img{margin-top:-50px;}
.favorite.on img{margin-top:0px;}

.skin_layer{width:840px;padding:15px;margin:0 auto;border:1px solid #ececec; *zoom:1;}
.skin_layer:after {content:''; clear:both; display:block;}
.skin_layer .step1{float:left;width:40%;text-align:center;}
.skin_layer .step2{float:left;width:40%;text-align:center;}
.skin_layer .link_box2{float:left;width:80%;}
.skin_layer .link_all{float:left;width:20%;}
.skin_layer .steptit{display:block;margin-bottom:11px;padding:6px 0 3px;min-height:21px;font-size:14px;color:#000;font-family:'Noto Sans';}
.skin_layer .link_box{overflow:hidden; text-align:center;}
.skin_layer .link_box a{display:inline-block;margin:0 5%;width:85px;background:url("../images/img_skin_selectbg.jpg") no-repeat 50% 0;vertical-align:top;}
.skin_layer .link_box a.on , .skin_layer .link_box a:hover{background-position: 50% -100px;}
.skin_layer .link_box a .link_img{overflow:hidden;display:inline-block;width:68px;height:68px;padding:0; }
.skin_layer .link_box a .link_img img{padding:10px 0 0 0;width:45px;height:45px;}
.skin_layer .link_box a .link_img + span{padding-top:10px;background:#fff;line-height:1.2em;}
.skin_layer .link_box a > span{display:block;padding:20px 0 0 0;font-size:13px;color:#000;font-family:'Noto Sans';}
.skin_layer .skin_arrow{position:absolute;right:84px;top:-8px;z-index:110;}
.skin_layer .link_all a {background-image:url("../images/img_skin_selectbg2.jpg");}

.listSort {text-align:center; background:url(../images/line.gif) 0 center repeat-x;}
.listSort span {display:inline-block; padding:10px; font-size:24px; color:#555; background:#fff;}
 
.expression_box{overflow:hidden;margin:59px 0 0 0;padding:8px 0 10px 26px;border-top:1px solid #0e0e0e;border-bottom:1px solid #0e0e0e;background:#fbf6f2;}
.expression_box > strong{display:inline-block;;float:left;width:305px;padding:40px 0 0 0;font-size:20px;letter-spacing:-1px;color:#000;}
.expression_box ul{overflow:hidden;}
.expression_box ul li{float:left;text-align:center;margin:0 0 0 30px;padding:0 0 0 28px;background:url("../images/img_expression_bg.gif") no-repeat 0 13px;}
.expression_box ul li:first-child{margin-left:0;}
.expression_box ul li > strong{display:inline-block;vertical-align:top;padding:9px 0 0 0;font-size:16px;color:#000;}
.expression_box ul li > .select_box{display:inline-block;width:120px;height:120px;}
.expression_box ul li > .select_box + .select_box{margin-left:5px;}
.expression_box ul li > .select_box a{display:block;height:120px;}
.expression_box ul li > .select_box.on{background:url("../images/img_round_bg.jpg") no-repeat 0 0;}
.expression_box ul li > .select_box span{display:block;padding:58px 0 0 0;font-weight:bold;}
.expression_box ul li > .select_box span.select01{background:url("../images/img_select01.png") no-repeat 50% 30px;}
.expression_box ul li > .select_box span.select02{background:url("../images/img_select02.png") no-repeat 50% 30px;}
.expression_box ul li > .select_box span.select03{background:url("../images/img_select03.png") no-repeat 50% 30px;}
.expression_box ul li > .select_box span.select04{background:url("../images/img_select04.png") no-repeat 50% 30px;}

.btn_go{display:inline-block;vertical-align:top;margin:3px 0 0 5px;padding:0 17px 0 26px;border:1px solid #262626;font-weight:bold;font-size:15px;letter-spacing:-1px;color:#333;line-height:2em;}
.btn_go span img{padding-left:3px;margin-top:-3px;vertical-align:middle;}


.btn_wrap{text-align:center;margin:74px 0 0 0;}
.btn_wrap a{margin:0 0 0 7px;}
.btn_wrap a:first-child{margin:0 0 0 0px;}
.btn_wrap .prev{display:inline-block;width:235px;height:45px;line-height:45px;padding:0 0 0 0;background:url("../images/img_btn_prev_left.gif") no-repeat 0 0;}
.btn_wrap .prev span{display:inline-block;width:229px;height:45px;line-height:45px;padding:0 0 0 6px;font-size:18px;color:#393939;background:url("../images/img_btn_prev_right.gif") no-repeat 100% 0;}
.btn_wrap .next{display:inline-block;width:235px;height:45px;line-height:45px;padding:0 0 0 0;background:url("../images/img_btn_next_left.gif") no-repeat 0 0;}
.btn_wrap .next span{display:inline-block;width:235px;height:45px;line-height:45px;padding:0 0 0 0;margin-left:-5px;font-size:18px;color:#393939;background:url("../images/img_btn_next_right.gif") no-repeat 100% 0;}
.select_area.type2 + .btn_wrap{margin:95px 0 0 0;}

.layer_wrap{width:100%;height:100%;z-index:800;}
.layer_wrap.on{}
.layer_wrap.on .dimm{display:block;}
.layer_wrap.on .layercontents{display:block;}
.dimm{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:0.5;filter: alpha(opacity=50);-ms-filter:"progid:DXimageTransform.Microsoft.Alpha(Opacity=50)";z-index:900;*zoom:1;}
.dimm02{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fff;opacity:0;filter: alpha(opacity=0);-ms-filter:"progid:DXimageTransform.Microsoft.Alpha(Opacity=0)";z-index:10;*zoom:1;}
.layercontents{display:none;overflow:hidden;position:absolute;left:50%;top:300px;width:776px;margin-left:-390px;color:#414141;border:2px solid #000;z-index:999;background:#fff;}
.layercontents .color_sort{float:left;width:112px;margin:70px 57px 0 49px;padding:5px 5px 36px 5px;border:1px solid #e4e4e4;}
.layercontents .color_detail{float:left;width:515px;height:355px;margin:60px 0 80px 0;}
.layercontents .color_detail .txt_wrap{overflow-y:auto;height:355px;}
.layercontents .color_detail strong{font-size:26px;color:#1a1a1a;letter-spacing:2px;}
.layercontents .color_detail p{margin:25px 0 0 0;font-size:15px;color:#333;line-height:1.7em;font-family: 'Noto Sans';}
.layercontents .color_detail p.sub_strong{margin:0;font-size:17px;color:#000;font-family:'Noto Sans';}
.layercontents .color_detail p.sub_strong + p{margin:0;}
.layer_close{position:absolute;right:29px;top:25px;z-index:1000;}
.color_sort{float:left;width:111px;margin:99px 0 0 0;padding:5px 5px 47px 5px;border:1px solid #e4e4e4;}
.color_sort span{display:block;margin-left:5px;font-size:18px;color:#1a1a1a;font-family:"Arial";}
.color_sort .color_box{width:110px;height:116px;margin-left:0;}


.sort_layer{width:496px;}
.sort_layer .sort_contents{display:none;position:absolute;left:50%;top:300px;/* width:506px; */padding:41px 25px 29px 25px;margin:0 0 0 -250px;border:2px solid #515151;background:#fff;z-index:1000;}
.sort_layer .sort_contents .color_title{display:inline-block;margin:0 0 0 10px;font-size:20px;color:#000;font-family: 'Noto Sans';}
.sort_view{overflow:hidden;margin:30px 0 0 10px;}
.sort_view li{float:left;width:250px;min-height:180px;text-align:center;margin:25px 0 0 0;background:url("../images/img_sort_layerbg.gif") repeat-y 0 0;}
.sort_view li:first-child{background:none;}
.sort_view li:first-child + li{width:200px;padding:0 0 0 36px;}
.sort_view li .sort_image{display:block;}
.sort_view li .sort_image img{width:120px;}
.sort_view li .sort_name{display:block;text-align:left;margin:-25px 0 20px 0;font-size:16px;color:#000;font-family:'Noto Sans';}
.sort_view li:first-child + li .sort_image img{width:200px;}
.sort_layer .layer_hide, .sort_layer .layer_hidePop{position:absolute;right:29px;top:25px;z-index:1001;}
.sort_layer.on .dimm{display:block;}
.sort_layer.on .sort_contents{display:block;}
.sort_layer.on .sort_contents.b_pop{width:726px;}
.texture_wrap{overflow:hidden;}
.texture_wrap .color_image{float:left;width:300px;}
.texture_wrap .color_image img{width:300px;height:300px;}
.texture_wrap .cost_detail{float:left;width:280px;padding:36px 0 0 0;text-align:left;}
.texture_wrap .cost_detail .color_title{font-size:20px;line-height:1.2em;color:#000;font-weight:bold;font-family:'Noto Sans';}
.texture_wrap .cost_detail p{margin:19px 0 17px 10px;font-size:14px;line-height:1.3em;color:#333;font-family:'Noto Sans';}
.texture_wrap .cost_detail .cost_area{padding:0 0 7px 10px;}
.texture_wrap .color_num{display:inline-block;margin-right:20px;font-size:14px;color:#000;font-weight:bold;}
.texture_wrap .color_num em{display:inline-block;margin-right:6px;font-size:16px;color:#000;font-weight:bold;}
.texture_wrap .cost_num{display:inline-block;font-size:22px;color:#000;font-weight:bold;}

#prdLayer .sort_contents {width:600px; margin:-100px 0 0 -300px;}
.product-info {float:right; width:100%; padding-top:10px; margin-top:10px; border-top:1px solid #eaeaea;}
.product-info .color-option-box .color-choice {width:230px;}
.product-info .color-option-box .color-choice .color-item {margin:0 4px 0 0;}
.product-info .color-option-box .color-choice .color-item .img-area {height:30px;}
.product-info .color-option-box .color-choice .text2 {margin:10px 0 0;}
.product-info .volume-price {margin-top:15px;}
.product-info .volume-price .volume-box {width:85px;}
.product-info .volume-price .price-box {width:142px; margin-top:3px;}
.product-info .volume-price .title {font-size:14px;}

.expArea {margin:50px -25px -29px; padding:40px; background:#f8f8f8;}
.expArea h3 {font-size:12px; padding:10px 0; margin-bottom:20px; color:#4c4c4c; text-align:center; background:#efedf0; text-transform:uppercase;}
.expArea .subtxt {font-size:16px; text-align:center;}
.expArea .listHead {margin:20px 0; text-align:center;}
.expArea .listHead a {display:inline-block; padding-left:10px; margin:0 5px; color:#a5a5a5; font-size:14px; background:url(../images/img_paging_btnbg.gif) 0 center no-repeat;}
.expArea .listHead a.on {color:#000;}
.expArea .listHead a:first-child {background:none;}
.expArea .listCont {*zoom:1; text-align:center; margin-top:10px;}
.expArea .listCont:after {content:''; display:block; clear:both;}
.expArea .listCont .box {position:relative; display:inline-block; vertical-align:top; width:125px; min-height:250px; padding:25px; /* padding:25px 25px 55px; */ margin:0 5px; text-align:center; background:#fff;}
.expArea .listCont .box .product-info {float:none; padding-top:10px;}
.expArea .listCont .box .product-info:after {content:''; display:block; clear:both;}
.expArea .listCont .box .product-info .color-option-box .color-choice {float:none; width:100%;}
.expArea .listCont .box .product-info .color-option-box .color-choice .color-list {margin-left:0;}
.expArea .listCont .box .product-info .color-option-box .color-choice .color-item {padding-top:0; margin:0 3px 2px;}
.expArea .listCont .box .product-info .color-option-box .color-choice .text2 {margin-top:7px; font-size:12px;}
.expArea .listCont .prdImg {}
.expArea .listCont .prdTit {display:block; margin-top:5px;}
.expArea .listCont .prdTit>b {display:block;}
.expArea .listCont .prdCont {position:absolute; bottom:25px; left:25px;}
.expArea .listCont .btn {display:inline-block; padding:5px 10px; text-align:center; margin-left:5px; color:#fff; background:#333; vertical-align:middle;}
.expArea .listCont .none {padding:30px 0;text-align:center;font-size:15px;}

.eyebook_title{margin:0 10px 16px 10px;}
.eyebook_title .eye_tit{display:inline-block;width:100%;margin:6px 0 0 0;font-size:22px;color:#000;}
.eyebook_title .eye_tit .eye_subtit{display:block;width:100%;margin:0 0 0 0;font-size:16px;color:#333;}
.eyebook{overflow:hidden;}
.eyebook .eye_view{float:left;width:360px;}
.eyebook .eye_view .eye_tit{display:inline-block;width:100%;margin:6px 0 23px 0;font-size:22px;color:#000;}
.eyebook .eye_view .eye_tit .eye_subtit{display:block;margin:0 0 0 0;font-size:16px;color:#333;}
.eyebook .eye_select{float:left;width:330px;margin:0 0 0 20px;}
.eyebook .eye_select .eye_tit02{display:inline-block;margin:6px 0 24px 0;font-size:16px;color:#333;}
.eyebook .eye_img{display:block;text-align:center;width:360px;margin:0 0 0 0;}
.eyebook .eye_img img{width:300px;vertical-align:middle;}
.eyebook .eye_view .eye_img img{width:265px;margin:-40px 0 -40px 0;}
.makeup_tit{display:block;margin:24px 10px 8px 10px;font-size:16px;color:#000;font-weight:bold;}
.makeup_img{width:700px;margin:0 0 0 10px;;text-align:center;margin-bottom:10px;}
.makeup_img img{}

/* face */
.face_box{padding:11px 0 0 0;}
.face_box:after{clear:both;content:"";display:block;}
.face_txt{text-align:center;margin:18px 0 0 0;font-size:22px;color:#333;font-family:'Noto Sans';}
.face_txt span{font-weight:bold;font-size:21px;letter-spacing:-1px;color:#000;font-family:'Noto Sans';}
.face_subtxt{text-align:center;margin:3px 0 0 0;font-size:14px;color:#404040;font-family:'Noto Sans';}
.face_subtxt span{display:inline-block;padding:0 0 0 20px;background:url("../images/img_face_txtbg.jpg") no-repeat 0 3px;font-family:'Noto Sans';}

.item_box{float:left;width:450px;border-bottom:1px solid #e0e0e0;}
.item_box > li > a{display:block;padding:9px 0 8px 8px;font-size:14px;color:#000;border-top:1px solid #e0e0e0;font-family:'Noto Sans';background:url("../images/img_face_togglebg.jpg") no-repeat 430px 14px;}
.item_box > li > a.on{background:url("../images/img_face_togglebg.jpg") no-repeat 430px -36px;}
.item_intro{display:none;overflow-y:auto;height:auto;max-height:520px;}
.item_intro .itemwrap{}
.item_contents{padding:19px 0 28px 7px;border-top:1px solid #e0e0e0;}
.item_contents .item_tit{font-size:14px;color:#1b1b1b;font-family:'Noto Sans';}
.item_page{text-align:left;margin-left:340px;}
.item_page .before{margin-right:5px;}
.item_page .next{margin-left:5px;}
.item_page a{display:inline-block;vertical-align:middle;color:#afafaf;}
.item_page a img{vertical-align:middle;}
.item_page .page_num{display:inline-block;text-align:center;}
.item_page .page_num a{display:inline-block;width:12px;font-family:'Noto Sans';}
.item_page .page_num a:hover , .item_page .page_num a.on{color:#000;}
.item_wrap{height:161px;margin:10px 0 0 0;}
.item_wrap .represent_img{display:block;text-align:center;float:left;width:130px;height:130px;}
.item_wrap .represent_img img{width:100%;;}
.face_list{float:left;width:270px;margin-left:20px;}
.face_list li{float:left;width:90px;}
.face_list li a{display:block;}
.face_list li a span{display:block;}
.face_list li a .like{text-align:left;height:16px;}
.face_list li a .sort_img{position:relative;text-align:center;margin:5px 0 0 0;display:block;width:70px;}
.face_list li a .sort_txt{overflow:hidden;height:50px;text-align:center;width:70px;margin:10px 0 0 0;font-size:11px;line-height:14px;color:#2c2c2c;}
.face_list li .basket{overflow:hidden;text-align:left;width:71px;height:21px;margin:5px 0 0 0;font-size:0;text-indent:-9999em;font-family:'Noto Sans';}
.face_list li .basket img{margin-top:-50px;}
.face_list li .on.basket img{margin-top:0px;}
.face_area{position:relative;float:right;width:470px;z-index:100;margin-top:-20px;}
.color{display:inline-block;text-align:center;padding:7px 7px 2px 7px;font-size:14px;line-height:14px;color:#000;background:#f1d4c0;font-family:'Noto Sans';padding:5px 7px 4px 7px \0/IE8 ;}
.share_link{float:none; text-align:center; margin-top:30px;}
.share_link a{display:inline-block;text-align:center;width:40px;margin:0 3px;}
.share_box{overflow:hidden;margin:26px 0 0 0;}
.face_visual{position:relative;margin:6px 0 0 0;background:url("../images/img_face01.png") no-repeat 0 0;z-index:50;}
.face_visual .droparea{position:absolute;left:0;top:0;text-align:center;padding:199px 0 0 0;width:409px;height:323px;background:url("../images/img_droparea_bg.png") repeat 0 0;}
.face_visual .droparea.off{background:none;}
.face_visual .droparea.off .drop_img{display:none;}
.face_area .btnArea {text-align:center; margin-top:20px;}
.face_area .btnArea .btn {display:inline-block; width:168px; height:40px; line-height:40px; text-align:center; color:#fff; font-size:15px; background:#000;}
.change_img{width:409px;height:522px;position:absolute;left:0;top:0;z-index:100;}
.change_img .ch_img{position:absolute;left:0;top:0;z-index:100;}
.selected_list{overflow:hidden;padding:560px 0 0 20px; margin-left:0;}
.selected_list li{position:relative;text-align:center;float:left;width:90px;}
.selected_list li a{position:relative;display:block;text-align:center;padding:0 0 0 0;background:url("../images/img_face_thumbg.gif") no-repeat 0 50%;}
.selected_list li a > img{width:63px;height:63px;}
.selected_list li .face_layer{display:none;text-align:center;position:absolute;top:-70px;top:-76px \0/IE8 ;border:1px solid #cfcfcf;width:347px;padding:10px 0;font-family:'Noto Sans';background:#fff;z-index:100;}
.selected_list li .face_layer .new_ico{display:inline-block;vertical-align:middle;margin-right:7px;width:38px;height:16px;font-size:0;text-indent:-9999em;background:url("../images/img_thum_new.gif") repeat 0 0;}
.selected_list li .face_layer strong{font-size:16px;color:#000;font-family:'Noto Sans';}
.selected_list li a .layer_arr{display:none;width:90px;position:absolute;left:0;top:-7px;z-index:120;}
.selected_list li a.on .layer_arr{display:block;}
.selected_list li:first-child a{background:none;}
.selected_list li a span{display:block;text-align:center;width:90px;}

.selected_list li.none a .layer_arr{display:none !important;}
.selected_list li.none .face_layer{display:none !important;}
.face_btn{margin-top:20px;text-align:left;}
.face_btn a{overflow:hidden;display:inline-block;width:200px;padding:0 0 0 0;font-size:16px;line-height:45px;color:#393939;font-family:'Noto Sans';}
.face_btn a{margin:0 0 0 7px;}
.face_btn a:first-child{margin:0 0 0 0px;}
.face_btn .coupon{display:inline-block;width:175px;padding-left:50px;background:url("../images/img_btn_next_left2.gif") no-repeat 0 0;}
.face_btn .coupon span{display:inline-block;width:165px;padding:0;background:url("../images/img_btn_prev_right2.gif") no-repeat 100% 0;}
.face_btn .coupon em{display:inline-block;vertical-align:middle;width:39px;height:17px;background:url("../images/img_btn_couponbg.gif") no-repeat 0 0px;}
.face_btn .in_basket{display:inline-block;width:175px;padding-left:45px;background:url("../images/img_btn_next_left2.gif") no-repeat 0 0;}
.face_btn .in_basket span{display:inline-block;width:170px;padding:0;background:url("../images/img_btn_prev_right2.gif") no-repeat 100% 0;}
.face_btn .in_basket em{display:inline-block;vertical-align:middle;width:34px;height:17px;background:url("../images/img_btn_basketbg.gif") no-repeat 0 0px;}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	.result_txt .colorname{padding:6px 8px 7px 8px;}
	.btn_wrap a{padding:6px 0 7px 0;}
	/* .indicate_box span{padding:5px 5px 3px 5px;} */
	.color{padding:5px 7px 4px 7px;}
}

.move{z-index:1000;}
.move.ui-draggable-dragging{opacity:0.5;filter: alpha(opacity=50);-ms-filter:"progid:DXimageTransform.Microsoft.Alpha(Opacity=50)";z-index:1000;*zoom:1;cursor:pointer;}

.scrollbtn{position:fixed;left:80%;top:850px;width:41px;}
.scrollbtn a{display:block;}
.no_item{text-align:center;margin:45px 0 0 0;padding:152px 0 180px 0;border-top:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;}
.no_item p{padding:77px 0 0 0;font-size:18px;color:#000;background:url("../images/img_noitem_bg.gif") no-repeat 50% 0;}



/* gpad css */
.head_box{position:relative;margin:50px 54px 0 74px;}
.head_box .logo{position:absolute;left:0;top:11px;z-index:10;}
.head_box h1{text-align:center;padding:10px 0 0 0;font-size:37px;letter-spacing:-1px;color:#111;font-weight:normal;font-family:'Noto Sans';}
.head_box h1 .color_area{display:inline-block;margin:0 10px 0 0;padding:15px;height:30px;line-height:30px;font-weight:bold;background:#f1d4c0;}
.step04 .color_area{margin:0 0 0 -30px;}
.head_box h1 .color_area a{font-size:33px;}
.head_box h1 .color_area .arrow_bg{display:inline-block;vertical-align:middle;padding-left:15px;width:10px;height:20px;background:url("../images/pad/img_selected_colorbg.png") no-repeat;background-position:100% 0;}
.head_box h1 .dot_start{display:inline-block;vertical-align:top;padding:20px 0 0 0;}
.head_box h1 .dot_end{display:inline-block;vertical-align:top;padding:20px 0 0 0;}
.head_box .functionbox {position:absolute;right:0;top:11px;height:60px;text-align:left;}
.head_box .functionbox a{display:inline-block;float:left;padding:0 0 0 0;background:url("../images/pad/img_pad_functionbg.png") no-repeat 0 12px;}
.head_box .functionbox a:first-child{background:none;}
.head_box .functionbox .cluster{height:50px;margin:0px 23px 0 0;background:none;}
.head_box .functionbox .back{overflow:hidden;padding:6px 17px 0 0;height:38px;background:none;}
.head_box .functionbox .back.off img{margin-top:-100px;}
.head_box .functionbox .list_view{overflow:hidden;padding:9px 0 0 24px;height:32px;}
.colormap{text-align:center;margin-top:40px;}
.arrow_area{}
.arrow_area a{position:absolute;top:70%;overflow:hidden;display:inline-block;width:52px;height:98px;z-index:100;}
.arrow_area a.pad_prev{left:64px;}
.arrow_area a.pad_prev.off{left:64px;}
.arrow_area a.pad_prev.off img{margin-top:0px;}
.arrow_area a.pad_prev img{margin-top:-200px}
.arrow_area a.pad_next{right:64px;}
.arrow_area a.pad_next.off img{margin-top:-200px}
.color_explainbox{overflow:hidden;width:1520px;margin:150px auto 0 auto;}
.color_explainbox .face_bg{float:left;width:122px;height:618px;padding-left:452px;background:url("../images/pad/img_pad_face.jpg") no-repeat 0 0;}
.color_explainbox .face_bg .color_num{display:inline-block;width:184px;margin:50px 0 0 0;padding:5px;border:1px solid #d1d1d1;}
.color_explainbox .face_bg .color_num img{width:100%;}
.color_explainbox .face_bg .bg_wrap{padding:5px 5px 53px 5px;border:1px solid #e4e4e4;}
.color_explainbox .face_bg .color_bg{display:block;width:110px;height:116px;}
.explain_area{float:right;width:770px;max-height:600px;overflow-y:auto;margin:0 0 0 50px;}
.explain_area strong{display:block;margin:0 0 11px 0;font-size:46px;font-family:'Noto Sans';}
.explain_area .sub_sentence{margin-bottom:0;font-size:28px;color:#000;font-weight:bold;font-family:'Noto Sans';}
.explain_area p{margin:0 0 19px 0;font-size:28px;color:#333;font-family:'Noto Sans';}
.expression_list{overflow:hidden;width:1450px;margin:190px auto 0 auto;}
.expression_list li{float:left;width:205px;margin-left:40px;}
.expression_list li:first-child{margin-left:0;}
.expression_list li a{text-align:center;display:block;}
.expression_list li a.on{opacity:0.5;filter: alpha(opacity=50);-ms-filter:"progid:DXimageTransform.Microsoft.Alpha(Opacity=50)";}
.expression_list li a span{display:block;margin:80px 0 0 0;text-align:center;font-size:32px;letter-spacing:-1px;color:#111;font-family:'Noto Sans';}

.pop_wrap {display:none;position:absolute;left:50%;top:200px;z-index:910;width:495px;margin-left:-247px;background:#fff;border:2px solid #000;}
.pop_wrap.pop_pantone {top:220px !important;}
.pop_container {padding:18px 18px 50px 18px;}
.pop_header {padding:40px 0 20px 0;font-size:40px;color:#111;font-weight:bold;font-family:'Noto Sans',Arial;line-height:24px;text-align:left;}
.pop_header .s_tit {display:inline-block;padding:30px 0 0 0;height:20px;margin-left:48px;font-size:30px;color:#333;line-height:16px;vertical-align:middle;}
.pop_header2 {padding:7px 0 35px 0;font-size:40px;color:#111;font-weight:bold;font-family:'Noto Sans',Arial;line-height:24px;text-align:left;}
.pop_header2 .s_tit {display:inline-block;height:20px;margin-left:48px;font-size:30px;color:#333;font-weight:normal;line-height:16px;vertical-align:middle;}
.pop_content {position:relative;}
.pop_content:after {content:'';clear:both;display:block;}
.pop_content .cnt {}
.pop_content .cnt > p {margin:0px 60px 38px 0;font-size:24px;color:#333;font-family:'Noto Sans',Arial;}
.pop_content .cnt > p:first-child {margin:13px 0 0 0;}
.pop_content .cnt > p b {font-size:24px;color:#000;font-family:'Noto Sans',Arial;}
.pop_content .tit {padding:0 0 15px 0;font-size:28px;color:#000;font-weight:bold;font-family:'Noto Sans',Arial;}
.pop_content .txt {margin-bottom:20px;font-size:26px;color:#333;line-height:1.2em;}
.pop_content > .img {float:left;display:inline-block;width:400px;text-align:center;overflow:hidden;margin:0 auto;padding:40px 0 0 0;}
.pop_content > .img img {width:300px;}
.pop_content .cnt_wrap {float:left;display:inline-block;width:423px;}
.pop_content .info {margin:23px 0 22px 0;}
.pop_content .info .color {display:inline-block;margin:9px 42px 0 0;padding:0;background:0;font-size:28px;color:#000;font-weight:bold;vertical-align:middle;font-family:'Noto Sans',Arial;line-height:31px;}
.pop_content .info .price {display:inline-block;font-size:34px;color:#000;font-weight:bold;vertical-align:middle;font-family:'Noto Sans',Arial;}
.btn_pop_clse {display:inline-block;position:absolute;right:29px;top:29px;z-index:0;width:41px;height:41px;background:url('../images/btn_pop_clse.png') no-repeat 0 0;background-size:41px auto;}
.pop_detail1 .pop_header {display:inline-block;position:absolute;right:89px;top:70px;z-index:0;font-size:34px;line-height:1.2em;width:423px;}
.pop_detail1 .cnt_wrap {padding:142px 0 0 25px;text-align:left;}
.pop_wrap .cnt_wrap2 {margin:30px 0 0 0;float:left;display:inline-block;width:376px;padding:0 44px 0 25px;border-right:1px solid #eaeaea;text-align:left;}
.pop_wrap .cnt_wrap2 + .cnt_wrap2 {padding:0 25px 0 44px;border-right:0;}
.pop_wrap .cnt_wrap2 .img {width:100%;text-align:center;margin:10px 0 0 0;}
.pop_wrap .cnt_wrap2 .img img{width:250px;}
.pop_wrap .cnt_wrap2 + .cnt_wrap2 .img img{width:100%;}
.pop_wrap .cnt_wrap2 .tit {height:40px;text-align:left;font-size:28px;color:#000;font-family:'Noto Sans',Arial;}
.pop_wrap .cnt_wrap3 {display:block;padding:40px 0 0 0;text-align:left;}
.pop_wrap .cnt_wrap3:first-child {padding:0;}
.pop_pantone {width:1085px;margin-left:-542px;}
.pop_pantone .pop_header {padding-left:274px;}
.pop_pantone .pop_content {padding-left:274px;}
.pop_pantone .pantone4 {margin-bottom:15px;}
.pop_pantone .cnt {width:700px;height:470px;overflow:auto;}
.pantone4 {display:inline-block;position:absolute;left:23px;top:-48px;z-index:0;width:170px;padding:3px 4px 78px 3px;border:1px solid #e9e9e9;}
.pantone4:after {content:'';clear:both;display:block;}
.pantone4 .txt_pantone {display:block;width:159px;}
.pantone4 .txt_pantone img {width:100%;}
.pantone4 .pt_color {display:block;height:165px;overflow:hidden;}

.padwrap .introCont {clear:both; margin:107px 0 100px; text-align:center;}
.padwrap .storeChoice {padding:150px 0 50px;}
.padwrap .storeChoice h3 {font-size:40px; margin-bottom:70px;}
.padwrap .storeChoice ul {margin-left:-100px;}
.padwrap .storeChoice li {font-size:32px; margin-bottom:30px;}
.padwrap .storeChoice li label {display:inline-block; padding-right:60px; vertical-align:middle;}
.padwrap .storeChoice li select {display:inline-block; width:555px; height:95px; padding:25px; vertical-align:middle; background:#fff url(../images/pad/btn_select.png) no-repeat 100% 50%; -webkit-appearance:none; -moz-appearance:none; appearance:none; border-radius:0px;}

.btnArea {padding-top:80px; text-align:center;}
.padwrap .btnType1 {display:inline-block; text-align:center; font-size:32px; background:url(../images/pad/btn_left.png) 0 0 no-repeat;}
.padwrap .btnType1 span {display:inline-block; padding:17px 65px 17px 0; margin-left:65px; min-width:160px; background:url(../images/pad/btn_right.png) right 0 no-repeat;}
.padwrap .btnType1 span.type2 {min-width:275px; background-image:url(../images/pad/btn_right2.png);}
.padwrap .saveBtn {padding-top:0;}
.padwrap .saveBtn .btnType1 span {min-width:275px;}

.padwrap{-webkit-tap-highlight-color: rgba(0,0,0,0);}
.padwrap .listSort {margin:3% 0;}
.pad_contents .product_sort{clear:both;width:1622px;margin:107px auto 0 auto;}
.pad_contents .product_sort .product_title{padding:0 0 0 0;}
.pad_contents .product_sort > li{overflow:hidden;margin:120px 0 0 0;text-align:center;}
.pad_contents .product_sort > li .product_box{float:left;width:540px;border-left:1px solid #e9e9e9;}
.pad_contents .product_sort > li .num{display:inline-block;width:40px;font-size:32px;color:#1a1a1a;}
.pad_contents .product_sort > li .sub_txt{display:inline-block;text-align:center;width:420px;height:52px;margin:30px 0 0 0;font-size:30px;line-height:1.2em;color:#2b2b2b;font-family:'Noto Sans';}
.pad_contents .product_sort > li:first-child{margin-top:0;}
.pad_contents .product_sort .small_sort{margin:35px 0 0 0;width:540px;}
.pad_contents .product_sort .small_sort li{overflow:hidden;text-align:center;margin:0 0.5%;}
.pad_contents .product_sort .small_sort li:first-child{border-top:0;}
.pad_contents .product_sort .small_sort li .sort_box{float:left;width:33%;margin:0 auto;}
.pad_contents .product_sort .small_sort li .sort_box:first-child + .sort_box{width:167px;text-align:center;}
.pad_contents .product_sort .small_sort li .sort_box span{display:block;height:60px;margin:40px 0 20px 0;padding:0 10px;font-size:19px;line-height:22px;font-family:'Noto Sans';}
.pad_contents .product_sort .small_sort li .sort_box .sort_img{position:relative;padding:15px 0 0 0;margin:0 auto;}
.pad_contents .product_sort .small_sort li .sort_box .sort_img img{width:150px;height:auto;}

/* .padwrap .skin_layer{top:70px;}
.padwrap .skin_layer .skin_arrow{position:absolute;left:65%;top:-8px;z-index:110;} */
.padwrap .pop_container {padding:74px 18px 55px 46px;}
.pop_detail1{width:984px;margin-left:-492px;margin-top:-200px;}
.pop_detail2{width:980px;margin-left:-490px;}
.pop_detail3{width:984px;margin-left:-492px;}
.pop_detail4{width:980px;margin-left:-490px;}
.pop_wrap.pop_detail4 .cnt_wrap2 {border-right:0;}
.pop_wrap.pop_detail4 .cnt_wrap2 + .cnt_wrap2{border-left:1px solid #eaeaea}
.padwrap .product-info .color-option-box {*zoom:1;}
.padwrap .product-info .color-option-box:after {content:''; display:block; clear:both;}
.padwrap .product-info .color-option-box dt {float:left; width:20%; font-size:26px;}
.padwrap .product-info .color-option-box dd {float:left; width:80%;}
.padwrap .product-info .color-option-box .color-choice .color-item .img-area {height:50px;}
.padwrap .product-info .color-option-box .color-list {*zoom:1;}
.padwrap .product-info .color-option-box .color-list:after {content:''; display:block; clear:both;}
.padwrap .product-info .color-option-box .color-list li {float:left; border:2px solid #fff; margin-right:3px; cursor:pointer;}
.padwrap .product-info .color-option-box .color-list li.on {border:2px solid #000;}
.padwrap .product-info .color-option-box .color-choice .text2 {font-size:26px;}
.padwrap .expArea {margin:50px -18px -55px -46px;}
.padwrap .expArea h3 {font-size:20px; color:#4c4c4c;}
.padwrap .expArea .subtxt {font-size:26px; padding:10px 0;}
.padwrap .expArea .listHead a {font-size:22px; padding-left:20px;  margin:0 10px;}
.padwrap .expArea .listCont .box {width:225px; margin:0 10px; min-height:400px;}
.padwrap .expArea .listCont .prdTit {font-size:20px; color:#4c4c4c;}
.padwrap .expArea .listCont .prdTit b {display:block; font-size:22px;}
.padwrap .expArea .listCont .box .product-info .color-option-box .color-choice .text2 {font-size:20px;}
.padwrap .expArea .product-info .color-option-box .color-choice .color-item {margin:0 6px 3px !important;}
.padwrap .expArea .product-info .color-option-box .color-choice .color-item .img-area {height:40px;}
.padwrap .expArea .listCont .none {font-size:20px;}

.page_down{display:none;position:fixed;left:50%;top:50%;width:236px;height:165px;text-align:center;margin:-118px 0 0 -82px;padding:71px 0 0 0;background:url("../images/pad/img_pad_page_transfer.png") repeat-x 0 0;z-index:100;}
.page_down span{display:inline-block;text-align:center;font-size:30px; line-height:1.2em;color:#2b2b2b;color:#2b2b2b;font-family:'Noto Sans';}
.page_down.on{display:block;}
.page_up{display:none;position:fixed;left:50%;top:50%;width:236px;height:165px;text-align:center;margin:-118px 0 0 -82px;padding:95px 0 0 0;background:url("../images/pad/img_pad_pageup_transfer.png") repeat-x 0 0;z-index:100;}
.page_up span{display:inline-block;text-align:center;font-size:30px; line-height:1.2em;color:#2b2b2b;color:#2b2b2b;font-family:'Noto Sans';}
.page_up.on{display:block;}

#sort_layer04 .sort_contents{width:726px;margin:0 0 0 -390px;}
.padwrap .subtit {text-align:center; margin:50px auto 30px; font-size:30px;}
.padwrap .skin_layer {width:1350px;padding:30px 15px;border:1px solid #dadada;z-index:500;background:#fff;}
.padwrap .skin_layer:after {content:''; display:block; clear:both;}
.padwrap .skin_layer .step1, .padwrap .skin_layer .step2{float:left;width:40%;text-align:center;}
.padwrap .skin_layer .step1 {border-right:1px solid #dadada;}
.padwrap .skin_layer .steptit{display:block;text-align:center;margin-bottom:16px;padding:14px 0 11px 21px;font-size:22px;color:#000;font-weight:bold;font-family:'Noto Sans';}
.padwrap .skin_layer .link_box a{display:inline-block;width:150px;margin:0;padding:0 5%;background:url("../images/img_skin_selectbg02.png") no-repeat 50% -150px;}
.padwrap .skin_layer .link_box a.on{background-position: 50% 0;}
.padwrap .skin_layer .link_box a .link_img{overflow:hidden;display:inline-block;width:116px;height:116px;padding:0 0 0 0;}
.padwrap .skin_layer .link_box a .link_img img{width:90px;height:90px;}
.padwrap .skin_layer .link_box a .link_img + span{background:#fff;}
.padwrap .skin_layer .link_box a > span{display:block;padding:20px 0 0 0;font-size:22px;line-height:1.2em;color:#000;font-family:'Noto Sans';}
.padwrap .skin_layer .link_box{overflow:hidden;margin:5px 0;}
.padwrap .skin_layer .link_box a.select05 {border:0;background-image:url("../images/img_skin_selectbg02_2.png");}
.padwrap .skin_layer .link_box2 a {border-left:1px solid #dadada;}
.padwrap .skin_layer .link_box2 a:first-child {border-left:0;}
.padwrap .skin_layer .link_all {border-left:1px solid #dadada; width:19.5%}
.padwrap .color_explainbox .face_bg .color_bg{display:block;width:185px;height:190px;}
.padwrap .color_explainbox .face_bg{float:left;width:auto;height:618px;padding:155px 0 0 452px;background:url("../images/pad/img_pad_face.jpg") no-repeat 0 0;}
.padwrap .no_item{border:0;}
.padwrap .no_item p{padding:144px 0 0 0;font-size:32px;color:#000;background:url("../images/pad/img_noitem_padbg.gif") no-repeat 50% 0;}
.color_viewbox{overflow:hidden;}
.color_viewbox .viewbox01{float:left;width:430px;margin-right:38px;}
.color_viewbox .viewbox01 span{display:block;text-align:left;margin-bottom:35px;font-size:38px;letter-spacing:-0.5px;font-weight:bold;color:#000;}
.color_viewbox .viewbox02{float:left;width:430px;}
.color_viewbox .viewbox02 span{display:block;padding:7px 0 0 0;margin:0 0 39px -40px;text-align:left;font-size:30px;letter-spacing:-0.5px;font-weight:bold;color:#333;}
.color_viewbox .view_img{width:430px;}
.color_viewbox .view_img img{width:100%;}
.color_viewbox .viewbox01 .view_img img{width:383px;margin:-60px 0 -60px 0;}
.color_tit{margin-bottom:35px;}
.color_tit .color_tit01{display:block;text-align:left;font-size:38px;font-weight:bold;color:#000;}
.color_tit .color_tit01 .color_subtit{display:block;text-align:left;font-size:30px;font-weight:bold;color:#333;}

.step {margin:30px 0;}
.step>p {height:65px; overflow:hidden;}
.step>p.step1 img {margin-top:0;}
.step>p.step2 img {margin-top:-65px;}
.step>p.step3 img {margin-top:-130px;}
.step>p.step4 img {margin-top:-195px;}
.step>p.step5 img {margin-top:-260px;}