@charset "utf-8";

/* layout */
.sunny_inner{width:1300px;margin:0 auto;}

#sunny_header{height:478px;}
#sunny_header .sunny_inner{overflow:hidden;}
#sunny_header .h_left{float:left;}
#sunny_header .h_right{float:right;}

#sunny_header .topban_area{height:100px;background:#393939 url("../images/bg_toparea.jpg") no-repeat center 0;text-align:center;}

#sunny_header .utill_area{height:50px;background:#212121;}
#sunny_header .utill_area .h_left{background:url("../images/line_gnbm.png") repeat-y 0 0;}
#sunny_header .utill_area .h_left a{float:left;color:#fff;height:50px;line-height:50px;padding:0 22px 0 20px;background:url("../images/line_gnbm.png") repeat-y right 0;transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}
#sunny_header .utill_area .h_left a:hover{color:#ffc000;transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}

#sunny_header .utill_area a img.ico{display:inline-block;vertical-align:top;padding:17px 5px 0 0;}

#sunny_header .utill_area .h_right{background:url("../images/line_gnbm.png") repeat-y right 0;}
#sunny_header .utill_area .h_right a{font-size:11px;float:left;color:#fff;height:50px;line-height:50px;transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}
#sunny_header .utill_area .h_right a:hover{color:#ffc000;transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}
#sunny_header .utill_area .h_right span.line{float:left;height:50px;line-height:50px;color:#fff;padding:0 5px;}
#sunny_header .utill_area .h_right .btn_cart{font-size:12px;padding:0 20px 0 22px;margin-left:19px;background:url("../images/line_gnbm.png") repeat-y 0 0;}

#sunny_header .header_top{}
#sunny_header .header_top .sunny_inner{position:relative;height:187px;}
#sunny_header .header_top .h_left{padding-top:68px;}
#sunny_header .header_top .h_left .sear{position:relative;width:209px;height:48px;border:1px solid #e4e3e0;background:#f8f8f7;}
#sunny_header .header_top .h_left .sear .MS_search_word{padding:0 15px;border:none;background:none;width:147px;height:48px;line-height:48px;}
#sunny_header .header_top .h_left .sear a{position:absolute;left:178px;top:13px;width:18px;}
#sunny_header .header_top .logo{position:absolute;left:50%;top:50px;margin-left:-105px;}
#sunny_header .header_top .logo h1{}
#sunny_header .header_top .h_right{width:262px;height:70px;overflow:hidden;padding-top:53px;}
#sunny_header .header_top .h_right .flexslider{position:relative;width:194px;height:70px;margin:0 auto;}
#sunny_header .header_top .h_right .flex-prev{position:absolute;left:-32px;top:50%;margin-top:-6px;width:7px;height:12px;background:url("../images/btn_topleft.png") no-repeat 0 0;text-indent:-9999em;}
#sunny_header .header_top .h_right .flex-next{position:absolute;right:-32px;top:50%;margin-top:-6px;width:7px;height:12px;background:url("../images/btn_topright.png") no-repeat 0 0;text-indent:-9999em;}
#sunny_header .header_top .h_right .flex-control-nav{display:none;}



.sunny_category{position:relative;width:100%;height:141px;z-index:9;}
.sunny_category.fixed{position:fixed;left:0;top:0;z-index:999;}

.gnb_outer{min-width:1300px;padding-top:4px;background:url('../images/line_gnb.png') repeat-x center 0;}
.gnb_m1{position:relative;border-bottom:1px solid #e4e3e0;background:url('../images/bg_cate.png') repeat 0 0;z-index:2;}
.gnb_m1 > ul{width:1300px;margin:0 auto;overflow:hidden;}
.gnb_m1 .allmenu {float:left;width:144px;padding:0;} 
.gnb_m1 > ul > li{float:left; padding-left:30px;} 
.gnb_m1 > ul > li > a{display:block;font-size:15px;height:66px;padding-right:28px;line-height:66px;background:url("../images/line_gnbm1.png") no-repeat right center;text-align:center;letter-spacing:-1px;transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}
.gnb_m1 > ul > li > a:hover{color:#ffc000;transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}

.gnb_m1 > ul > li.allmenu{width:147px;background:#f8f8f7 url('../images/ico_allmenu.png') no-repeat 28px 26px;cursor:pointer;}
.gnb_m1 > ul > li.allmenu > span{display:block;font-size:15px;height:66px;line-height:66px;padding-left:60px;text-align:left;border-left:1px solid #e4e3e0;border-right:1px solid #e4e3e0;background:none;}
.gnb_m1 > ul > li.allmenu > span.active{color:#ffc000;}

.gnb_m1 .allmenu_area{display:none;position:absolute;width:1297px;/*height:223px;*/left:50%;top:66px;margin-left:-650px;border:1px solid #e4e3e0;background:url('../images/bg_allmenu.png') repeat 0 0;opacity:0;filter: alpha(opacity=0);}
.gnb_m1 .allmenu_area .btn_close{position:absolute;left:0;top:0;display:block;width:25px;height:25px;padding:5px;background:#ffc000;}
.gnb_m1 .allmenu_area .btn_close img{width:100%;}


.gnb_m2{position:relative;background:url("../images/bg_gnbm2.png") repeat-x 0 0;z-index:1;}
.gnb_m2 > ul{width:1300px;height:70px;margin:0 auto;font-size:0;letter-spacing:-5px;background:url("../images/line_gnbm.png") repeat-y right 0;}
.gnb_m2 > ul > li{font-size:12px;letter-spacing:0;display:inline-block;vertical-align:top;*display:inline;zoom:1;width:216px;}
.gnb_m2 > ul > li.cate1{width:218px;}
.gnb_m2 > ul > li.cate6{width:217px;}
.gnb_m2 > ul > li.cate6 ul{border-right:1px solid #e4e3e0;}
.gnb_m2 > ul > li.cate7{display:none;}

.gnb_m2 > ul > li > a{display:block;color:#fff;font-size:16px;height:70px;line-height:70px;text-align:center;letter-spacing:-1px;background:url("../images/line_gnbm.png") repeat-y 0 0;transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}
.gnb_m2 > ul > li > a:hover{color:#ffc000;transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}
.gnb_m2 > ul > li > a.active{color:#ffc000;transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}

.gnb_m2 > ul > li > ul{display:none;height:250px;padding:20px 0 0 26px;opacity:0;filter:alpha(opacity=0);border-bottom:1px solid #e4e3e0;background:url('../images/bg_submenu.png') repeat-y 0 0;}
.gnb_m2 > ul > li > ul li{}
.gnb_m2 > ul > li > ul li a{display:block;font-size:13px;line-height:28px;color:#7a7a7a;transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}
.gnb_m2 > ul > li > ul li a:hover{color:#ffc000;transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}

.gnb_m2 > ul > li.cate7 > ul{border-right:1px solid #e4e3e0;}



/** 사이드위아래버튼 **/
.side_btn{width:30px;height:auto;text-align:center;position:fixed;bottom:25px;right:25px;z-index:99;}
.side_btn .inner {width:100%;height:auto;overflow: hidden; }
.side_btn .inner img{display:block;width:30px;height:30px;margin-bottom:1px;}


#contentWrapper{padding-top:70px;}
#contentWrapper.main{padding-top:0;}
#content{width:1300px;margin:0 auto;padding:0 0 100px;}


.fnotice_area{padding:70px 0;}
.fnotice_area .sunny_inner{overflow:hidden;}
.fnotice_area .box{position:relative;float:left;width:32.3%;margin-right:1%;border-top:4px solid #4d4d4d;}
.fnotice_area .box.last{margin-right:0;}
.fnotice_area .box .btn_qna{display:inline-block;position:absolute;top:12px;right:22px;color:#6a6a6a;background:#f1f1f1;height:25px;line-height:25px;padding:0 10px;border-radius:15px;-ms-border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;letter-spacing:-1px;}

.fnotice_area .box dl{height:209px;border:1px solid #e4e3e0;border-top:0;}
.fnotice_area .box.last dl{float:left;width:50%;box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.fnotice_area .box.last dl:first-child{border-right:0;}

.fnotice_area .box dt{font-size:16px;height:51px;line-height:49px;color:#272c2f;border-bottom:1px solid #e4e3e0;padding-left:19px;letter-spacing:-1px;font-weight:700;text-transform:uppercase;}
.fnotice_area .box.last dt{font-family:'Loto', sans-serif;line-height:54px;letter-spacing:0;margin-bottom:38px;}
.fnotice_area .box dt .btn_bmore{display:inline-block;font-family:'Loto', sans-serif;color:#a2a2a2;font-size:11px;line-height:52px;text-transform:uppercase;padding-left:10px;letter-spacing:0;vertical-align:top;}

.fnotice_area .box dd{padding-left:19px;}

.fnotice_area .box .num1{font-size:23px;line-height:21px;color:#333;font-weight:bold;margin-bottom:10px;}

.fnotice_area .box .num2{color:#333;font-size:13px;line-height:14px;margin-bottom:13px;}
.fnotice_area .box .num2 span{display:inline-block;font-size:14px;padding-left:5px;font-weight:bold;}

.fnotice_area .box .txt1{line-height:18px;color:#4d4d4d;}
.fnotice_area .box .txt2{color:#959594;padding-top:10px;}

.fnotice_area .box ul{padding-top:15px;}
.fnotice_area .box li{line-height:25px;}
.fnotice_area .box li a{color:#959594;}
.fnotice_area .box li a:hover,a:focus{color:#f5c63a;}

.fban_area{height:400px;background-image:url("../images/bg_footban.jpg");background-size:cover;background-position:center top;text-align:center;}
.fban_area .sunny_inner{padding-top:106px;}

#sunny_footer{}
#sunny_footer .sunny_inner{overflow:hidden;}

.footer_area1{padding:53px 0 50px;}
.footer_area1 dl{}
.footer_area1 dt{margin-bottom:13px;}
.footer_area1 dt img{width:180px;}
.footer_area1 dd{color:#a2a2a2;line-height:20px;}
.footer_area1 dd a{color:#a2a2a2;}
.footer_area1 dd span{display:inline-block;padding-right:16px;}

.footer_area2{height:480px;background:#f9f9f9;}
.footer_area2 .sunny_inner{padding:100px 0 0;}
.footer_area2 dl{overflow:hidden;}
.footer_area2 dt{float:right;width:109px;}
.footer_area2 dd{float:left;width:1100px;}
.footer_area2 dd .tit{font-size:19px;color:#333;margin-bottom:10px;letter-spacing:-1px;}
.footer_area2 dd .tit .num{display:inline-block;color:#f5c63a;font-size:19px;padding-right:5px;font-weight:bold;letter-spacing:0;}
.footer_area2 dd .txt{font-size:15px;color:#999;line-height:20px;padding-bottom:36px;letter-spacing:-1px;}

.footer_copyright{min-width:1300px;position:relative;color:#d9d9d9;font-size:12px;padding:35px 0;letter-spacing:0.5px;}
.footer_copyright .sunny_inner{width:800px;overflow:hidden;}
.footer_copyright .f_left{position:absolute;left:50px;top:40px;}
.footer_copyright .f_list{float:left;}
.footer_copyright .f_list li{float:left;padding:0 10px;background:url("../images/footer_line.gif") no-repeat 0 8px;}
.footer_copyright .f_list li:first-child{padding-left:0;background:none;}
.footer_copyright .f_list li a{font-family:'Lato',sans-serif;font-size:11px;color:#a2a2a2;height:23px;line-height:23px;text-transform:uppercase;letter-spacing:0;}
.footer_copyright .f_ban{float:left;}
.footer_copyright .f_ban li{float:left;color:#a2a2a2;padding:0 10px;line-height:23px;background:url("../images/footer_line.gif") no-repeat 0 8px;letter-spacing:0;}
.footer_copyright .f_ban li.w1{width:127px;}
.footer_copyright .f_ban li.w2{width:114px;}
.footer_copyright .f_ban li.w3{width:125px;}
.footer_copyright .f_ban li img{display:inline-block;margin:0 5px;}

.footer_copyright .f_right{position:absolute;right:50px;top:40px;text-transform:uppercase;}
.footer_copyright .f_right a{font-family:'Lato',sans-serif;font-size:11px;color:#d9d9d9;}

/* main */
.title_main{width:1275px;padding:12px 0 7px 19px;border-left:4px solid #ffc000;margin:0 auto 40px;}
.title_main h2{font-size:32px;line-height:40px;color:#333;letter-spacing:-2px;font-weight:300;}
.title_main h2 span{display:block;font-family:'Lato',sans-serif;font-size:13px;line-height:13px;font-weight:bold;text-transform:uppercase;letter-spacing:0;margin-bottom:5px;}
.title_main2{text-align:center;padding-top:43px;background:url("../images/line_tit.png") no-repeat center 0;margin-bottom:70px;}
.title_main2 h2{font-size:24px;line-height:24px;color:#333;letter-spacing:-2px;font-weight:300;}
.title_main2 h2 span{display:block;font-family:'Lato',sans-serif;font-size:34px;line-height:34px;font-weight:bold;text-transform:uppercase;letter-spacing:0;margin-top:10px;}

.mainvisual_area{width:1300px;margin:0 auto;padding:40px 0 70px;overflow:hidden;}
.mainvisual_box{float:left;width:970px;height:650px;border:1px solid #fff;overflow:hidden;z-index:1;}
.mainvisual_box .swiper-pagination{text-align:right;-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none;-webkit-transform:none;-ms-transform:none;-o-transform:none;transform:none;}
.mainvisual_box .swiper-container-horizontal .swiper-pagination{padding:0 25px 0 0;bottom:27px;}
.mainvisual_box .swiper-container-horizontal .swiper-pagination .swiper-pagination-bullet{margin:0 3px}
.mainvisual_box #f2s-rolling-container1 .swiper-pagination-bullet{display:inline-block;width:12px;height:12px;background:url("../images/ico_off.png") no-repeat 0 0;background-color:none;opacity:1;filter: alpha(opacity=100);}
.mainvisual_box #f2s-rolling-container1 .swiper-pagination-bullet-active{background:url("../images/ico_on.png") no-repeat 0 0;}

.mvban_box{float:right;width:312px;}

.mvban_box ul{}
.mvban_box li:first-child{margin-bottom:18px;}
.mvban_box dl{position:relative;width:310px;height:315px;background:#212121;border:1px solid #fff;transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}
.mvban_box dl:hover{border:1px solid #ffc000;transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}
.mvban_box dt{font-size:22px;color:#fff;padding:0 0 0 29px;letter-spacing:-2px;}
.mvban_box dd.img{}
.mvban_box dd.txt{color:#8d8d8d;padding:36px 0 7px 29px;}
.mvban_box dd.btn_go{position:absolute;top:255px;right:30px;font-family:'Lato',sans-serif;font-size:15px;color:#ffc000;font-weight:bold;}
.mvban_box dd.btn_go span{border-bottom:1px solid #ffc000;}


.products_area{padding:70px 0 20px;background:#f7f7f5;}
.products_area.bg1{background:#fff;}
.products_area.bg2{background:none;padding:0;}
.products_area .inner{width:1300px;margin:0 auto;}
.products_area ul{width:1320px;margin-left:-20px;font-size:0;letter-spacing:-5px;overflow:hidden;}
.products_area li{font-size:12px;letter-spacing:0;display:inline-block;vertical-align:top;*display:inline;zoom:1;width:310px;margin:0 0 60px 20px;}
.products_area li .img{position:relative;margin-bottom:19px;}
.products_area li .img .ico_best{position:absolute;bottom:17px;left:-2px;display:inline-block;font-family:'Lato',sans-serif;font-size:17px;color:#000;width:86px;height:39px;line-height:39px;background:url("../images/bg_bestico.png") no-repeat 0 0;font-weight:700;}
.products_area li .img .ico_best span{display:inline-block;padding-left:14px;}
.products_area li .img img{width:308px;height:308px;border:1px solid #e4e3e0;}
.products_area li dl{}
.products_area li dt{overflow:hidden;border-bottom:1px solid #e4e3e0;padding-bottom:16px;margin-bottom:15px;}
.products_area li dt span{vertical-align:top;}
.products_area li dt span.tit{float:left;width:220px;color:#333;font-size:16px;line-height:22px;letter-spacing:-1px;}
.products_area li dt span.ico_tax{float:right;width:80px;height:22px;}
.products_area li dd.txt{font-size:13px;line-height:21px;color:#666;margin-bottom:15px;letter-spacing:-1px;}
.products_area li .price{position:relative;font-family:'Loto',sans-serif;font-size:16px;color:#a79271;}
.products_area li .ico{font-family:'Loto',sans-serif;position:absolute;right:0;top:-20px;text-transform:uppercase;}
.products_area li .ico span{display:inline-block;color:#b06e57;padding:0 10px;height:30px;line-height:30px;border-left:1px solid #f1f1f1;border-right:1px solid #f1f1f1;font-weight:400;}
.products_area li .icon{margin-top:5px;}
.products_area li .price_discount{color:#999;padding-right:5px;}
.products_area li .discount_icon{}
.products_area li .price_consumer{font-size:15px;color:#999;padding-right:5px;}


.mainintro_area{padding-top:70px;}
.mainintro_area ul{overflow:hidden;width:1300px;margin:0 auto;}
.mainintro_area li{float:left;margin-left:17px;}
.mainintro_area li:first-child{margin-left:0;}
.mainintro_area dl{position:relative;width:420px;height:428px;background:#212121;border:1px solid #fff;transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}
.mainintro_area dl:hover{border:1px solid #ffc000;transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}
.mainintro_area dt{font-size:22px;color:#fff;padding:0 0 0 39px;letter-spacing:-2px;}
.mainintro_area dd.img{position:absolute;bottom:0;left:0;}
.mainintro_area dd.txt{color:#8d8d8d;padding:60px 0 7px 39px;background:url("../images/line_titintro.png") no-repeat 39px 40px;}


.mnotice_area{padding:70px 0;}
.mnotice_area .sunny_inner{overflow:hidden;}
.mnotice_area .box{position:relative;float:left;width:310px;margin-right:20px;border-top:4px solid #4d4d4d;}
.mnotice_area .box.last{margin-right:0;}
.mnotice_area .box .btn_bmore{display:inline-block;position:absolute;top:0;right:22px;font-family:'Loto', sans-serif;color:#a2a2a2;font-size:11px;line-height:52px;text-transform:uppercase;padding-left:10px;letter-spacing:0;vertical-align:top;}

.mnotice_area .box dl{height:308px;height:195px;border:1px solid #e4e3e0;border-top:0;}

.mnotice_area .box dt{font-size:16px;height:51px;line-height:49px;color:#272c2f;border-bottom:1px solid #e4e3e0;padding-left:19px;letter-spacing:-1px;font-weight:700;text-transform:uppercase;}
.mnotice_area .box.last dt{margin-bottom:30px;}

.mnotice_area .box dd{padding-left:19px;}
.mnotice_area .box dd.rollbox{padding-top:13px;}
.mnotice_area .box dd.rollbox ul{padding-top:0;}

.mnotice_area .box .num1{font-size:24px;line-height:21px;color:#333;font-weight:bold;padding-top:34px;margin-bottom:13px;}

.mnotice_area .box .num2{color:#333;font-size:15px;line-height:16px;margin-bottom:10px;}
.mnotice_area .box .num2 span{display:inline-block;font-size:16px;padding-left:5px;font-weight:bold;letter-spacing:2px;}

.mnotice_area .box .txt1{font-size:14px;line-height:22px;color:#393939;}
.mnotice_area .box .txt2{font-size:13px;color:#959594;padding-top:10px;}

.mnotice_area .box ul{padding-top:13px;}
.mnotice_area .box li{color:#959594;line-height:23px;}
.mnotice_area .box li a{color:#959594;}
.mnotice_area .box li a:hover,a:focus{color:#f5c63a;}

.mnotice_area .box .flexslider2 .flex-viewport{height:120px !important;}

.mnotice_area .box .flexslider2 .flex-control-nav{display:none;}
.mnotice_area .box .flexslider2 .flex-direction-nav{display:none;}

.bestcoll_area{padding:70px 0;}
.bestcoll_area .tab{overflow:hidden;margin-bottom:20px;}
.bestcoll_area .tab li{float:left;width:25%;}
.bestcoll_area .tab li.first span{border-left:1px solid #e1e0e1;}
.bestcoll_area .tab li span{color:#a2a2a2;font-size:19px;display:block;height:78px;line-height:77px;text-align:center;border:1px solid #e1e0e1;border-left:1px solid #fff;background:#f8f8f7;letter-spacing:-1px;cursor:pointer;}
.bestcoll_area .tab li.active{}
.bestcoll_area .tab li.active span{font-size:23px;color:#f5c63a;border:1px solid #000;background:#000;}
.bestcoll_area .panel_area{display:none;height:450px;}
.bestcoll_area .panel_area.active{display:block;}
.bestcoll_area .panel_area .products_area{padding:0;background:none;}

.peoples_area{padding:70px 0;background:#f8f8f7;}
.peoples_area .inner{width:1300px;margin:0 auto;}
.peoples_area .inner ul{overflow:hidden;padding-bottom:10px;}
.peoples_area .inner li{float:left;width:312px;margin-left:17px;}
.peoples_area .inner li:first-child{margin-left:0;}
.peoples_area .inner dl{border:1px solid #ececec;height:655px;background:#fff;box-shadow: 0 2px 4px #eee;transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}
.peoples_area .inner dl:hover{border:1px solid #ffc000;transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}
.peoples_area .inner dt{font-family:'Nanum Myeongjo', serif;position:relative;font-size:18px;line-height:26px;color:#272c2f;padding:45px 0 30px 25px;font-style:italic;letter-spacing:-2px;}
.peoples_area .inner dt span{position:absolute;left:25px;top:0;display:block;font-size:24px;line-height:24px;color:#a79271;}
.peoples_area .inner dt span.t1{top:33px;}
.peoples_area .inner dt span.t2{top:128px;}
.peoples_area .inner dd{line-height:22px;color:#959594;padding:0 0 0 25px;letter-spacing:-1px;}
.peoples_area .inner dd.img{padding:0;}
.peoples_area .inner dd.btn{position:relative;display:inline-block;height:31px;line-height:31px;color:#212121;background:#f5c63a;padding:0 35px 0 15px;border-radius:15px;-ms-border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;margin:25px 0 0 25px;}
.peoples_area .inner dd.btn span{position:absolute;right:15px;top:-1px;}

.our_area{height:530px;padding:70px 0;background:#1a1a1a;}
.our_area .title_main2{text-align:center;padding-top:43px;background:url("../images/line_tit.png") no-repeat center 0;margin-bottom:70px;}
.our_area .title_main2 h2{font-size:24px;line-height:24px;color:#fff;letter-spacing:-2px;font-weight:300;}
.our_area .title_main2 h2 span{display:block;font-family:'Lato',sans-serif;font-size:34px;line-height:34px;font-weight:bold;text-transform:uppercase;letter-spacing:0;margin-top:10px;}
.our_area .our_inner{position:relative;height:400px;}
.our_area .slide {overflow:hidden;}
.our_area .slide li{float:left;width:240px !important;height:400px !important;margin-right:30px;}
.our_area .slide a{display:inline-block;vertical-align:top;*display:inline;zoom:1}
.our_area .slide img{display:inline-block;width:240px;height:240px;}
.our_area .slide_area{position:absolute;left:0;top:0;width:100%;height:400px;}
.our_area .slide_area .bx-wrapper{max-width:100% !important;margin:0 0 0 70px !important;}
.our_area .btn_slide{display:block;position:absolute;width:70px;height:312px;padding-top:107px;top:0;z-index:50;background-color:#1a1a1a;text-align:center;outline:none;}
.our_area .btn_slide.prev{left:0px;}
.our_area .btn_slide.next{right:0px;}

.our_area dl{text-align:center;}
.our_area dt{margin-bottom:20px;padding-top:30px;}
.our_area dt span{font-family:'Lato',sans-serif;font-size:13px;line-height:13px;color:#a79271;text-transform:uppercase;border-bottom:1px solid #a79271;font-weight:bold;}
.our_area dd.txt{font-size:17px;line-height:22px;color:#fff;letter-spacing:-1px;}
.our_area dd.img img{}


.mdelivery_area{padding:70px 0;background:#f8f8f7;}
.mdelivery_area h2{width:1300px;margin:0 auto;height:222px;padding-top:98px;background:url("../images/bg_mdelivery.jpg") no-repeat 0 0;text-align:center;margin-bottom:40px;}
.mdelivery_area .inner{width:1300px;margin:0 auto;overflow:hidden;}
.mdelivery_area .inner ul{width:1400px;overflow:hidden;}
.mdelivery_area .inner li{float:left;width:252px;height:334px;margin-right:9px;}
.mdelivery_area .inner li a{transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}
.mdelivery_area .inner li a:hover{transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}
.mdelivery_area .inner li a > img{width:250px;height:250px;}
.mdelivery_area .inner li span{display:block;padding:12px 0 0;text-align:center;}
.mdelivery_area .inner .btn_more{position:relative;font-size:18px;color:#212121;display:block;width:205px;height:55px;line-height:55px;padding-left:36px;background:#f5c63a;border-radius:30px;-ms-border-radius:30px;-moz-border-radius:30px;-webkit-border-radius:30px;margin:0 auto;}
.mdelivery_area .inner .btn_more span{position:absolute;right:38px;top:-1px;}


.comprv_area{width:1300px;position:relative;}
.comprv_area .bimg{width:1036px;height:655px;margin-bottom:20px;}

.comprv_area ul{overflow:hidden;}
.comprv_area li{float:left;position:relative;width:244px;height:205px;margin-left:20px;overflow:hidden;}
.comprv_area li span{position:absolute;bottom:0;left:0;display:block;width:100%;height:45px;line-height:45px;text-align:center;color:#fff;font-size:15px;background:url("/design/ycommerce/skin1/images/page/bg_comthumb.png") repeat 0 0;letter-spacing:-1px;}
.comprv_area li img{width:264px;height:205px;margin-left:-9px;}
.comprv_area li.simg4{margin-left:0;}

.comprv_area .thumb{float:none;margin:0;position:absolute;right:0;}
.comprv_area .thumb.simg1{top:0;}
.comprv_area .thumb.simg2{top:225px;}
.comprv_area .thumb.simg3{top:450px;}