@charset "UTF-8";





.section{margin-top:60px;}
.section:after{content:""; display:block; clear:both}
.section.gray-bg{background:#f0f0f0;padding:10px 0px;}
.section.line-btm{border-bottom:1px solid #d8d8d8; }



@media (max-width: 1367px) {
}
@media (max-width: 1240px) {
.section{margin-top:50px;}
.section.gray-bg{padding:50px 0px;}
}
@media (max-width: 1099px) {
.section{margin-top:40px;}
.section.gray-bg{padding:40px 0px;}
}
@media (max-width: 992px) {
}
@media (max-width: 768px) {
.section{margin-top:30px;}
.section.gray-bg{padding:30px 0px;}
}
@media (max-width: 480px) {
.section{margin-top:20px;}
.section.gray-bg{padding:20px 0px;}
}



/* ---------------------------------- */
/* Intro Banner
------------------------------------- */
.intro-banner {position: relative; margin-top:120px;}
.intro-banner .container {z-index: 100;position: relative;}
@media (max-width: 1800px) {
.intro-banner {margin-top:100px;}
}
@media (max-width: 1367px) {
.intro-banner {margin-top:70px;}
}

/* ---------------------------------- */
/* Testimonials
------------------------------------- */
.testimonial-box {background: transparent; color: #888;position: relative;box-shadow: none;transition: 0.4s;cursor: grab;text-align: center;transform: scale(1);}
.testimonial-box .banner{display: block;width: 100%;padding:0; text-align: center;margin: 0 auto;}
.testimonial-carousel .slick-slide {margin:0px;opacity: 1;transition: 0.4s;pointer-events: all;}
.testimonial-carousel .slick-slide.slick-active {opacity: 1; filter: none; pointer-events: all;}
.testim  onial-carousel .slick-slide.slick-active .testimonial-box {transform: scale(1);}
.testimonial-carousel .slick-slide.slick-active .testimonial-box:before {opacity: 1;}
.testimonial-carousel .slick-slide.slick-active .testimonial-box {background: #transparent;}
.testimonial-carousel .slick-next { right: 0px; }
.testimonial-carousel .slick-prev { left: 0px; }
.testimonial-carousel .slick-next,
.testimonial-carousel .slick-prev { margin-top: 0px; }
.testimonial-carousel .slick-dots{position:absolute; bottom:0px; left:0px; width:100%; z-index:9}
.testimonial-carousel .slick-dots li{top:30px}

.full-width-carousel-fix .default-slick-carousel.slick-initialized .hotdeal,
.full-width-carousel-fix .blog-carousel.slick-initialized .blog-compact-item-container {
	margin: 15px;transform: scale(1);opacity: 0;pointer-events: none;transition: 0.4s;}

.full-width-carousel-fix .default-slick-carousel.slick-initialized .slick-slide.slick-active.hotdeal,
.full-width-carousel-fix .blog-carousel.slick-initialized .slick-slide.slick-active.blog-compact-item-container {
	transform: scale(1);opacity: 1;pointer-events: all; }



@media (max-width: 1367px) {
.testimonial-carousel .slick-dots li{top:30px}
}
@media (max-width: 992px) {
.testimonial-carousel .slick-dots li{top:20px}
}
@media (max-width: 480px) {
.testimonial-carousel .slick-dots li{width: 10px;
    height: 10px;top:15px}
.testimonial-carousel .slick-dots li:after { display: block;height: 8px;width: 8px;}
}
/* ---------------------------------- */
/* main-btn-area
------------------------------------- */
.main-btn-area{position:Relative; margin-bottom:0px; }
.main-btn-area:after{content:""; display:block; clear:both}
.main-btn-area ul{margin:0 ; display: flex;justify-content: space-between;flex-wrap: wrap;}
.main-btn-area ul li{float:left; width:16%;}
.main-btn-area ul li a{display:flex; align-items: center; justify-content:center; border-radius:5px; height:100%;color:#333; position:relative; top:0px;padding:5px 10px;border: 1px solid #ddd;}
.main-btn-area ul li a .inner{display:flex; align-items: center;flex-direction: column;}
.main-btn-area ul li a .inner p{margin:0px; font-weight:bold; font-size:16px;}
.main-btn-area ul li a img{vertical-align:top; display:block; float:left; margin-right:0px; width: 70px}
/*.main-btn-area ul li:nth-child(1) a{background:#fff9f9}
.main-btn-area ul li:nth-child(2) a{background:#fffcf7}
.main-btn-area ul li:nth-child(3) a{background:#fafbff}
.main-btn-area ul li:nth-child(4) a{background:#f9fff7}
.main-btn-area ul li:nth-child(5) a{position:relative; background:#f7ffff;}*/
.main-btn-area ul li a:hover{top:-10px;}

@media (max-width: 1367px) {
.main-btn-area ul li a .inner p{font-size:16px;}
}
@media (max-width: 1240px) {
/*.main-btn-area ul li a{ height:90px;}*/
.main-btn-area ul li a .inner p{font-size:14px;}
.main-btn-area ul li:nth-child(5) a:after{bottom:0; right:-20px; background-size:70%;}
}

@media (max-width: 992px) {
}

@media (max-width:1099px) {
.main-btn-area ul li{width:49%;}

.main-btn-area ul li a img{ float:left;}
.main-btn-area ul li a .inner {padding:5px 0px}
.main-btn-area ul li:nth-child(3),.main-btn-area ul li:nth-child(4),.main-btn-area ul li:nth-child(5),.main-btn-area ul li:nth-child(6){padding-top:10px}
.main-btn-area ul li:nth-child(5) a:after{top:0px; max-width:120px; opacity:0.35;}
}

@media (max-width: 300px) {
.main-btn-area ul{margin:0 -2px;}
.main-btn-area ul li{ padding:0px 2px}
.main-btn-area ul li a {padding-left:10px}
.main-btn-area ul li a img{height:30px;  float:left; /* margin-right:2px; */}
.main-btn-area ul li a .inner {padding:5px 0px}
.main-btn-area ul li a .inner p{line-height:30px; text-align:left;font-size:13px;}
.main-btn-area ul li:nth-child(3),.main-btn-area ul li:nth-child(4){padding-top:4px}
}


/* ---------------------------------- */
/* mainCon01
------------------------------------- */
.mainCon01{margin:0px 0px;}
.mainCon01:after{content:""; display:block; clear:both;}
.mainCon01 .innerBox{float:left; width:49.5%; padding:0px 0px;}
.mainCon01 .innerBox:nth-child(2){
    margin-left: 1%;
}

/* ---------------------------------- */
/* nodata-area
------------------------------------- */
.nodata-area{height:260px; border-radius:5px; background:#f5f4f3;padding:20px 30px;position:relative }
.nodata-area .title{font-size:20px; color:#000; font-weight:bold; height:38px;font-family: 'Noto Sans Kr'}
.nodata-list{margin:0px -5px;}
.nodata-list .list-con{float:left; width:50%; padding:0px 5px;}
.nodata-list .list-con .img-box{display:block;height:183px; border-radius:5px; overflow:hidden; position:relative}
.nodata-list .list-con .img-box img{position:absolute; top:50%; transform:translateY(-50%); width:100%; min-height:100%;}
.nodata-list .list-con .img-box p{position:absolute;bottom:0px; left:0px; width:100%; background:rgba(0,0,0,.5); color:#fff; margin:0px;padding:10px 10px;overflow:hidden;  text-overflow:ellipsis;white-space:nowrap; }
.nodata-area .more{position:absolute; top:20px; right:30px; color:#000;font-size:20px;}
.nodata-area .slick-next { right: -8px; }
.nodata-area .slick-prev { left: -8px; }
/* ---------------------------------- */
/* icomenu-area
------------------------------------- */
.icomenu-area{height:260px; border-radius:5px; border:1px solid #dddddd}
.icomenu-area ul{overflow:hidden; width:100%; height:100%;}
.icomenu-area ul li{float:left; width:25%; height:50%; border-right:1px solid #ddd; border-bottom:1px solid #ddd;background-color: #f4f4f4}
.icomenu-area ul li a{display:block; color:#333;height:100%; text-align:center; font-size:15px;padding-top:20px;}
.icomenu-area ul li a .img-box{height:51px;margin-bottom:15px}
.icomenu-area ul li a img{display:block; margin:0 auto}
.icomenu-area ul li:nth-child(4),.icomenu-area ul li:nth-child(8){ border-right:0px solid #ddd; }
.icomenu-area ul li:nth-child(5),.icomenu-area ul li:nth-child(6),.icomenu-area ul li:nth-child(7),.icomenu-area ul li:nth-child(8){border-bottom:0px solid #ddd;}
@media (max-width: 1367px) {
}
@media (max-width: 1240px) {
.nodata-area{height:250px; }
.nodata-list .list-con .img-box{height:143px; }
.icomenu-area ul li a{font-size:14px;padding-top:20px;}
.icomenu-area{height:250px; }
.icomenu-area ul li a .img-box{margin-bottom:10px}
}
@media (max-width: 1099px) {
}
@media (max-width: 992px) {
.nodata-area{height:auto; overflow: hidden;}
.nodata-area .title{font-size:16px;font-weight:300;height:35px;}
.mainCon01 .innerBox{float:left; width:100%; padding:0px 0px;}
.icomenu-area{margin-top:10px}
.icomenu-area ul li a{ padding-top:23px;}
.mainCon01 .innerBox:nth-child(2){
    margin: 0;
}
}
@media (max-width: 768px) {
.nodata-area{padding:20px;overflow: hidden;}
.nodata-list .list-con .img-box{height:100px; }
.nodata-list .list-con .img-box p{padding:5px;font-size:13px}
.nodata-area .more{ top:20px; right:20px; }
.nodata-area .slick-next { right: -10px; }
.nodata-area .slick-prev { left: -10px; }
.icomenu-area{height:200px; }
.icomenu-area ul li a .img-box{height:35px;margin-bottom:5px}
.icomenu-area ul li a img{height:100%}
.icomenu-area ul li a{ padding-top:20px;}
}
@media (max-width: 480px) {
.nodata-list .list-con .img-box p{padding:5px;font-size:11px}
.icomenu-area ul li a .img-box{height:30px;margin-bottom:5px}
.icomenu-area ul li a{font-size:12px;padding-top:15px;}
.icomenu-area ul li a span{display:block; line-height:10px}
}
@media (max-width: 300px) {
.nodata-area{padding:10px;}
.nodata-area .slick-next { right: -18px; }
.nodata-area .slick-prev { left: -18px; }
}

/* ---------------------------------- */
/* middle-area
------------------------------------- */
.middle-area{position:Relative; background: #f4f4f4;padding:10px 0} 
.middle-area .middle-bgleft {height:100%;  }
.middle-area .middle-bgright{height:100%;   }
.middle-con{margin:0px 0px;padding:0px 0px;}
.middle-con:after{content:""; display:block; clear:both;}
.middle-con .inner-box{float:left; width:49.5%;padding:0px 0px;}
.middle-con .inner-box:nth-child(2){ width:24.5%;height:193px; border:1px solid #ccc;padding-top:10px;background:rgba(255, 255, 255, .5);margin-left:1% }
.middle-con .inner-box:nth-child(3){ width:24%;height:193px; background:#fae100; margin-left:2%;padding-top:10px;margin-left:1% }
.middle-con .inner-box .title{font-size:20px; color:#333; font-weight:bold; height:28px;font-family: 'Noto Sans Kr';text-align: center;}
.middle-con table{
	width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
    height: 193px;
}
.middle-con table tbody tr th, .middle-con table tbody tr td {
    border: 1px solid #cccccc;
    text-align: center;
    color: #555555;
    font-size: 13px;
    padding: 12px 0;
    vertical-align: middle;
}
 .middle-con table tbody tr td {
    background:rgba(255, 255, 255, .5);
 }
.middle-con table tbody tr th {
    background:rgba(249, 249, 249, .5);
    font-weight: bold;
}
.middle-con table tbody tr td > span {
    width:12px;
    height:12px;
    display:inline-block;
    font-size: 0;
    border-radius: 50%;
    vertical-align: middle;
}
.middle-con table tbody tr td .type1 {
    background:#cf6776;
}
.middle-con table tbody tr td .type2 {
    background:#cfa353;
}

.trk-search {margin:0px -5px;margin-top: 10px}
.trk-search li{float:left; width:50%;padding:0px 5px}
.trk-search li a{display:block; background:#e5e5e5; border-radius:5px; text-align:Center; color:#333; font-weight: bold; font-size:15px; line-height:40px;}
.trk-search li a img{vertical-align:middle; margin-right:5px;}

.schedule{overflow:hidden;padding-top:8px}
.schedule .fl{color:#333; font-size:15px;}
.schedule strong{color:#e00000; font-size:20px;}
.schedule .fr a{display:block; width:84px; height:24px; background:#e00000; color:#fff; line-height:24px; font-size:13px; text-align:center; border-radius:50px;margin-top:2px; overflow:hidden}

.time{overflow:hidden;padding:20px }
.time li{ width:40%; font-size:14px; color:#666; line-height:20px;font-weight: bold;margin-top: 10px}
.time li img{float:left; vertical-align:top;position:Relative; top:3px; margin-right:10px}
.time li span{display:block;}
.middle-con .inner-box .time li span{ display:inline; }
@media (max-width: 1367px) {
.middle-area .middle-bgleft,.middle-area .middle-bgright {background:none}
.middle-con{padding:20px 0px 20px;}
.time li{width:60%; }
}
@media (max-width: 1240px) {
.middle-con{padding:30px 0px 60px;}
.middle-con{margin:0px -10px;}
.middle-con .inner-box{padding:0px 10px;}

}
@media (max-width: 1099px) {
.middle-area{background: #f4f4f4}
}
@media (max-width: 992px) {
.middle-con{margin:0px;}
.middle-con .inner-box,.middle-con {padding:0px; width: 100%}
.middle-con .inner-box:nth-child(2),.middle-con .inner-box:nth-child(3){
    width: 49.5% !important;margin-top: 5px;
}
.middle-con .inner-box:nth-child(2){margin-left:0 !important;}
.middle-con .inner-box:nth-child(3){margin-left: 1%;}
.middle-con .inner-box .title{font-size:16px;font-weight:500;height:35px;}
.trk-search li{width:100%;}
.trk-search li:nth-child(1){margin-bottom:5px}
.schedule .fr {float:left; margin-top:15px}
.schedule strong{color:#e00000; font-size:23px;}
.time li{width:100%;height:35px; line-height:35px}
.time li:nth-child(1){margin-bottom:10px}
.time li img{width:27px}
.middle-con .inner-box .time li span{display:inline-block;}
}
@media (max-width: 768px) {
.middle-con{margin:0px;}
.middle-con .inner-box{padding:0px 0px;}
.schedule{padding-top:0px}
.schedule .fl{color:#333; font-size:13px;}
.schedule strong{color:#e00000; font-size:20px;display:block}
.schedule .fr {float:left; margin-top:8px}
.trk-search li a{font-size:13px}
}
@media (max-width: 480px) {
.middle-area{ background: #f4f4f4;} 
.middle-con .inner-box{width:100%;}
.middle-con .inner-box:nth-child(1){padding-bottom:0px; margin-bottom:10px;margin-top: 0px}
.middle-con .inner-box:nth-child(2){padding-bottom:0px;  margin-bottom:0px;width: 100% !important;height: auto;margin-left: 0}
.middle-con .inner-box:nth-child(3){height: auto; width: 100% !important;margin: 0;margin-top: 10px;margin-bottom: 10px;padding-bottom: 10px}
.trk-search li{width:50%;}
.trk-search li:nth-child(1){margin-bottom:0px}
.middle-con{padding:0px;margin:0;}
.schedule strong{display:inline-block}
.schedule .fr {float:right; margin-top:3px}
.time{padding:0 20px}
.time li{width:50%;}
.time li:nth-child(1){margin-bottom:0px}
}

@media (max-width: 300px) {
.schedule .fr {float:left; margin-top:3px}
.time li{width:100%;}
.time li:nth-child(1){margin-bottom:10px}
}


/* ---------------------------------- */
/* boad-area
------------------------------------- */
.boad-area{margin:0px;}
.boad-area .inner-box{float:left; width:49.5%;padding:0px 0px;border-radius:5px;border:1px solid #fff;}
.boad-area .inner-box:nth-child(2){
    margin-left: 1%;
}
.boad-area .inner-box.iW{ width:20% }
.notice{}
.notice .title{padding:10px 15px 0px; font-size:20px; color:#333;font-family: 'Noto Sans Kr';background: #fff}
.notice .title a{font-size:20px; color:#333;font-family: 'Noto Sans Kr'}
.notice .list-box{border-radius:0px; background:#fff;padding:7px 10px;position:relative; height:200px; overflow:hidden}
.notice .list-con{background:url(/images/chinaone/Image/Main/dot.png) bottom left repeat-x;padding:8px 0px}
.notice .list-con:last-child{background:none}
.notice .list-con a{display:block; color:#333}
.notice .list-con a strong{display:inline;overflow:hidden;  text-overflow:ellipsis;white-space:nowrap; width:100%; font-size:14px; font-weight: normal;}
.notice .list-con a strong span{display:inline-block; background:#9b9b9b; border-radius:10px; color:#fff; font-size:13px; font-weight:500; padding:0px 10px 2px; line-height:16px; margin-right:5px}
.notice .list-con a .txtCon{margin:7px 0px;overflow:hidden;  text-overflow:ellipsis;white-space:nowrap; width:100%; font-size:15px;}
.notice .list-con a .txtCon p{margin:0px; font-size:15px}
.notice .list-con a .date{font-size:12px; color:#acacac; display:inline; float:right;}

.faq{}
.faq .title{padding:10px 15px 0px; font-size:20px; color:#333;font-family: 'Noto Sans Kr';background: #fff}
.faq .title a{font-size:20px; color:#333;font-family: 'Noto Sans Kr'}
.faq .list-box{border-radius:0px; background:#fff; border:0px solid #ddd;padding:7px 10px;position:relative; height:200px; overflow:hidden}
.faq .list-con{background:url(/images/chinaone/Image/Main/dot.png) bottom left repeat-x;padding:8px 0px}
.faq .list-con:last-child{background:none}
.faq .list-con a{display:block; color:#333}
.faq .list-con a p{margin:0px;overflow:hidden;  text-overflow:ellipsis;white-space:nowrap; width:100%; font-size:14px;}
.faq .list-con a p span{display:inline-block; background:#9b9b9b; border-radius:10px; color:#fff; font-size:13px; font-weight:500; padding:0px 10px; line-height:18px; margin-right:5px}
.csCenter-area .inner-box:nth-child(2){margin: 0 2%}
@media (max-width: 1367px) {
}
@media (max-width: 1240px) {
}

@media (max-width: 992px) {
.notice .title,.faq .title{font-size:16px;font-weight:500;padding:15px 30px 20px;}
}
@media (max-width: 1099px) {
.faq{ }
	.boad-area .inner-box.iW{ width:100% }

.boad-area .inner-box{float:left; width:100%;}
.boad-area .inner-box:nth-child(2){
    margin: 0;margin-top: 10px;
}
.notice .title,.faq .title{ padding:15px 20px 20px;}
.notice .list-box,.faq .list-box{padding:4px 20px;height:auto;}
.notice .list-con{padding:10px 0px; }
.notice .list-con a strong{ font-size:15px;}
.notice .list-con a .txtCon{font-size:13px;margin:5px 0px;}
.notice .list-con a .txtCon p{margin:0px; font-size:13px}
.notice .list-con a .date{ display:none; }
.faq .list-con{padding:10px 0px}
.faq .list-con a p{font-size:13px;}
.faq .list-box{height:auto;}
}
@media (max-width: 480px) {
}


  
.csCenter-area{overflow:hidden}
.csCenter-area .inner-box{float:left; width:32%;padding:10px; height:160px;border-radius: 5px}
/*.csCenter-area .inner-box:first-child{background:url(/images/chinaone/Image/main/red1.png) left bottom no-repeat}
.csCenter-area .inner-box:last-child{border:0px;background:url(/images/chinaone/Image/main/red2.png) top right no-repeat; }*/
.csCenter-area  .title{font-size:20px; color:#333; font-weight:bold; height:35px;font-family: 'Noto Sans Kr'}


.mny{height:165px; font-size:15px; line-height:25px;padding-left:65px; background:url(/images/chinaone/Image/product_sw_cny_icon_sheet.png?5) 0px -5px no-repeat;background-size: 60px 60px;}
.mny strong{color:#e00000}

.bank p{margin:0px;}
.bank .bankinfo{display: flex; align-items: center;overflow:hidden; font-size:20px; font-weight:bold; color:#333;padding-bottom:5px;}
.bank .bankinfo img{float:left; margin-right:10px; vertical-align:top}
.bank .txt{font-size:12px; line-height:14px;color: #e00000;font-weight: bold;}


.cs{font-size:15px;}
.cs .phone{padding-left:65px; background:url(/images/chinaone/Image/product_sw_service_icon_sheet.png?5) 0px -5px no-repeat; margin-bottom:0px;background-size: 60px 60px;height: 60px}
.cs .phone strong{display:block; color:#e00000; font-size:20px; line-height: 25px;margin-top: 5px}
.cs .time{padding:0;padding-left:65px;}
.cs .time p{font-size:13px; line-height:18px;margin:0px;}

@media (max-width: 1367px) {
.mny{ font-size:13px; }
.bank .bankinfo{font-size:17px;padding-bottom: 0; }
.cs .time p{font-size:11px; }
}
@media (max-width: 1240px) {
.bank .bankinfo{align-items: flex-start;     flex-direction: column;}
.cs .phone strong{font-size:14px;}
}
@media (max-width: 1099px) {
}
@media (max-width: 992px) {
.csCenter-area  .title{font-size:16px;font-weight:500;height:35px;}
.csCenter-area .inner-box{float:left; width:49.5%;}
.csCenter-area .inner-box:nth-child(2){border-right:0px;margin:0;margin-left: 1%;}
.csCenter-area .inner-box:last-child{width:100%; border-top:1px solid #ddd;height:auto;margin-top: 5px;}
.cs .phone,.cs .time{float:left; width:50%;}
.cs .phone strong{font-size:16px;}
}
@media (max-width: 768px) {
.mny{height:110px; }
.csCenter-area .inner-box{float:left; width:100%;height:auto;padding:20px;margin: 0}
.csCenter-area .inner-box:nth-child(1){ border-right:0px solid #ddd;}
.csCenter-area .inner-box:nth-child(2){margin:10px 0}
.cs .phone,.cs .time{float:left; width:100%;}
}
@media (max-width: 490px) {

.bank .bankinfo{line-height:20px; font-size:15px}
.bank .bankinfo img{height:20px}
}
@media (max-width: 300px) {
.csCenter-area .inner-box{padding:10px}
.mny{background-size:25%; font-size:12px; line-height:18px;height:70px; }
}


.shop-area{}
.shop-area .title{font-size:20px; color:#333; font-weight:bold; height:38px;font-family: 'Noto Sans Kr'; text-align:center}
.shop-area .title span{color:#e00000;}
.shop-list{margin:0px -10px;}
.shop-list:after{content:""; display:block; clear:both;}
.shop-list .shop-con{float:left; width:20%; padding:0px 10px;}
.shop-list .shop-con a{display:block; background:#fff; border-radius:5px; overflow:hidden; text-align:center; color:#333;padding:10px 0px 10px;}
.shop-list .shop-con a img{display:block; margin:0 auto 5px;}

.shop-area .slick-next { right: -6px; }
.shop-area .slick-prev { left: -6px; }

@media (max-width: 992px) {
.shop-area  .title{font-size:16px;font-weight:500;height:35px;}
.shop-list{margin:0px -5px;}
.shop-list .shop-con{ padding:0px 5px;}
.shop-list .shop-con a{padding:15px 0px 10px;}
.shop-list .shop-con a img{height:25px}
}
@media (max-width: 768px) {
}
@media (max-width: 480px) {
}


/* ---------------------------------- */
/* hotdeal - Grid Layout
------------------------------------- */
.hotdeals-area{margin:0px -10px;position:relative}
.hotdeal-title{padding-top:40px; margin-bottom:15px; padding-left:10px;}
.hotdeals-container { display: flex;flex-wrap: wrap;width: calc(100% + 20px);}
.hotdeal { display: flex; flex-direction: column;  justify-content: center;  margin:0px 10px;  width: calc(100% * (1/2) - 20px); border-radius: 4px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.0);  background-color: #fff;  transition: 0.3s;  position: relative;  cursor: default; border:1px solid #d8d8d8;}
.hotdeal:hover { box-shadow: 0 2px 18px rgba(0,0,0,0.14); transform: translateY(-4px); }
.hotdeal-overview {text-align: center;padding:25px 25px 0px;flex-grow: 1;display: flex;flex-wrap: wrap;align-items: center;}
.hotdeal-overview-inner {flex: 1;}
.hotdeal-overview .hotdeal-avatar {/*width: 110px;*/margin: 0 auto;position: relative;}
.hotdeal-overview .hotdeal-avatar img {width: 100%;border-radius: 4px;cursor: pointer;}
.hotdeal-overview .hotdeal-avatar .verified-badge {position: absolute;bottom: 0;right: 0;}
.hotdeal-name {margin-top: 10px; line-height:25px;}
.hotdeal-rating {margin-top: 5px;margin-bottom: -10px;}
.hotdeal-name h4,.hotdeal-name h4 a {font-size: 16px;font-weight: 600;color: #333;cursor: pointer;}
.hotdeal-name img.flag {height: 15px;border-radius: 3px;position: relative;top: -1px;display: inline-block;box-shadow: 0 0 3px rgba(0,0,0,0.2);margin-left: 4px;cursor: default}
.hotdeal-name span {color: #888;}
.hotdeal-details {padding:0px;flex-grow: 0;}
.hotdeals-grid-layout .hotdeal-details { border-radius: 0 0 4px 4px; }
.hotdeals-grid-layout .hotdeal-details a.button {display: block;text-align: center;width: 100% !important;transition: 0.3s;box-shadow: 0 4px 12px rgba(102,103,107,0.1);}
.hotdeal-details a.button:hover {box-shadow: 0 4px 12px rgba(102,103,107,0.2);}
.hotdeal-details-list ul {list-style: none;padding: 0;display:table; margin:0 auto;font-size: 14.7px;}
.hotdeal-details-list ul li {display: inline-block;margin-right: 10px;line-height: 23px;color: #808080;margin-bottom: 15px;}
.hotdeal-details-list ul li:last-child {margin-right: 0;}
.hotdeal-details-list ul li span{font-size: 14px; text-decoration: line-through;}
.hotdeal-details-list ul li strong {display: block;color: #333;}
.hotdeal-details-list ul li strong i {position: relative;top: 1px;margin-right: -1px;margin-left: -2px;}
.hotdeals-area .slick-dots{position:absolute; top:-53px; right:10px;}
.hotdeals-area .slick-next,.hotdeals-area .slick-prev{top:-30px;}
.hotdeals-area .slick-next{right:10px;}
.hotdeals-area .slick-prev{left:1120px;}

/* Media Queiers for hotdeals List */
@media (max-width: 1366px) {
	.freelances-grid-layout .hotdeal-overview .hotdeal-avatar { width: 100px; }
}

@media (max-width: 768px) {
	.hotdeals-grid-layout.hotdeals-container { width: 100%; }
	.hotdeal {width: 50%; }
}

/* Full Page Media Queiers for hotdeals List */
@media (max-width: 2560px) {
	.full-page-container .hotdeal { width: calc(100% * (1/4) - 30px); }
}

@media (max-width: 1920px) {
	.full-page-container .hotdeal { width: calc(100% * (1/3) - 30px); }
}

@media (max-width: 1366px) {
	.full-page-container .hotdeal { width: calc(100% * (1/2) - 30px); }
}

@media (max-width: 1099px) {
	.full-page-container .hotdeals-container { width: 100%; }
	.full-page-container .hotdeal { width: 100%; margin-right: 0; }
}


/* ---------------------------------- */
/* bs-step
------------------------------------- */
.bs-step{padding-left:156px; position:relative; margin-bottom:40px;}
.bs-step .title{position:absolute; top:0px;left:0px;}
.bs-step .title h3{font-size:18px; width:140px;}
.bs-step ul{width: auto;white-space: nowrap;overflow-x: auto; -webkit-overflow-scrolling: touch;}
.bs-step  ul li{display: inline-block; width:93px; text-align:center; margin-right:38px;position:Relative;}
.bs-step  ul li:last-child{margin-right:0px;}
.bs-step  ul li p{font-size:15px; margin:0px; line-height:20px;}
.bs-step  ul li:after{content:">"; position:absolute; top:37px; right:-27px;color:#adadad}
.bs-step  ul li:last-child:after{display:none;}

@media (max-width: 1367px) {
.bs-step  ul li{margin-right:15px;}
.bs-step  ul li:after{ right:-15px;}
}
@media (max-width: 1240px) {
.bs-step{padding-left:0px;}
.bs-step .title{position:relative; }
.bs-step .title h3{text-align:center; margin-bottom:10px;width:100%;}
.bs-step  ul li{margin-right:22px;}
.bs-step  ul li:after{ top:32px;right:-18px;}
}
@media (max-width: 995px) {
.bs-step  ul li{width:80px;}
}


.main-con-03{display: flex;flex-wrap: wrap; margin:0px -20px; padding-bottom:40px;}
.main-con-03 .con-box{flex:1;align-content: center;display: flex;flex-direction: column;margin: 0;transition: 0.35s; padding:0px 20px; height:210px}
.review{height:100%; background:#fff; overflow:hidden;padding:30px;border:1px solid #d8d8d8;position:relative; }
.review h3{font-size:18px; height:40px;}
.review a.img-box{display:block;width:164px;height:104px; float:left; margin-right:15px; overflow:hidden}
.review .text{position:relative; top:4px;}
.review .text, .review .text p{line-height:22px; font-size:15px;}
.review .text p{height:40px; overflow:hidden}
.review a.more{position:absolute; top:30px; right:30px;color:#acacac; font-size:20px; }
.review a.more:hover{color:#1190cd}


.mny-exch{height:100%; background:#fff; overflow:hidden;position:relative;border-bottom:1px solid #d8d8d8;}
.mny-exch h3{text-align:center;font-size:18px; height:92px; line-height:27px;position:relative; background:url(/images/chinaone/Image/main/mn-ico.png) center 65px no-repeat;border:1px solid #d8d8d8;
padding-top:30px; padding-bottom:15px; border-bottom:0px;}
.mny-exch h3 img{position:absolute; margin-left:-35px;}
.mny-exch table{border-top:1px solid #d8d8d8;width:100%;border-collapse:collapse;}
.mny-exch table th{width:50%; text-align:center; background:#fcfcfc;border:1px solid #d8d8d8;}
.mny-exch table td{border:1px solid #d8d8d8; text-align:center; height:87px;padding:0px; }
.mny-exch table td img{position:Relative; top:8px;padding-right:3px;}


.cs-center{height:100%; background:#fff; overflow:hidden;padding:30px 0px;border:1px solid #d8d8d8;position:relative;}
.cs-center h3{font-size:18px; height:40px;text-align:center;position:relative;}
.cs-center h3 img{position:absolute; margin-left:-35px;}
.cs-center .tel{text-align:center; font-size:25px; color:#1190cd;font-family: verdana !important; font-weight:bold; padding-bottom:10px;}
.cs-center  p{font-size:15px; line-height:20px;text-align:center;letter-spacing:-1px;margin:0px;}
.cs-center .bank{text-align:center;font-family: verdana !important;font-weight:bold;}
.cs-center .bank img{position:relative; top:4px;padding-right:3px;}


@media (max-width: 1240px) {
/*.main-con-02 .con-box {flex: 0 0 33.3%;}*/
.main-con-03 .con-box{flex: 0 0 50%;}
.main-con-03 .con-box.full{ flex: 0 0 100%; margin-top:40px;}
}

@media (max-width: 768px) {
.main-con-03{padding-bottom:20px;}
.main-con-03 .con-box,.main-con-03 .con-box.full { flex: 0 0 100%; padding:5px 20px; margin-top:0px;}
.mny-exch table td{ height:77px;}
}

/* ---------------------------------- */
/* Icon Boxes
------------------------------------- */
.icon-box {
	text-align: center;
	margin-top: 45px;
	position: relative;
}

.icon-box-circle {
	background-color: #fff;
	width: 50%;
	height: 60px;
	z-index: 100;
	margin: 0 auto;
	display: inline-block;
	position: relative;
	margin-bottom: 35px;
}

.icon-box-circle-inner {
	font-size: 72px;
	color: #ccc;
	position: relative;
	width: 60px;
	margin: 0 auto;
	display: inline-block;
}

.icon-box-check {
	background-color: #66676b;
	width: 30px;
	height: 30px;
	line-height: 32px;
	font-size: 18px;
	border-radius: 50%;
	margin: 0 auto;
	position: relative;
	z-index: 100;
	animation: circle-box-anim 2s infinite;
	transition: 0.4s;
	color: #fff;
	font-weight: 500;
	position: absolute;
	bottom: -3px;
	right: -10px;
	animation: checkAnim 2s infinite;
	box-shadow: 0 0 0 5px rgba(102,103,107,0.1);
}

@keyframes checkAnim {
	0%,100% {
		box-shadow: 0 0 0 5px rgba(102,103,107,0.15);
	}
	50% {
		box-shadow: 0 0 0 8px rgba(102,103,107,0.15);
	}
}

.icon-box span {
	color: #666;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 500;
}

.icon-box h4 {
	margin: 4px 0;
	line-height: 26px;
}

.icon-box h3 {
	margin: 4px 0;
	line-height: 26px;
	font-size: 22px;
	font-weight: 500;
}

.icon-box p {
	margin: 0;
	margin-top: 25px;
	font-style: 16px;
	padding: 0 10px;
	color: #808080;
}

.icon-box.with-line:before {
	content: "";
	height: 1px;
	width: 100%;
	position: absolute;
	left: 50%;
	top: 40px;
	background: #e9e9e9;
	display: block;
	z-index: 9;
}

@media (max-width: 992px) {
	.icon-box.with-line:before { display: none; }
}







/* ---------------------------------- */
/* Text Banner
------------------------------------- */
.photo-section {
	background-size: cover;
	background-position: 50%;
	display: block;
	position: relative;
}

.photo-section:before {
	content: "";
	width: 100%;
	height: 100%;
	background-color: #333;
	opacity: 0.65;
	display: block;
	position: absolute;
	top: 0;
}

/* Styles for info banner with parallax */
.text-content {
	background: transparent;
	padding: 110px 0px;
	font-weight: 500;
	z-index: 99;
	position: relative;
}

.text-content.white-font,
.text-content h1,
.text-content h2,
.text-content h3,
.text-content h4,
.text-content h5,
.text-content.white-font h1,
.text-content.white-font h2,
.text-content.white-font h3,
.text-content.white-font h4,
.text-content.white-font h5 {
	color: #fff;
}

.text-content a.button {
	font-size: 16px;
	box-shadow: 0 3px 8px rgba(0,0,0,0.1);
}

.text-content p {
	font-size: 18px;
	font-weight: 300;
	line-height: 31px;
	opacity: 0.85;
}

.text-content h2 {
	margin-bottom: 23px;
	line-height: 46px;
	font-size: 34px;
	font-weight: 500;
}

.top-1 { position: relative; top: -1px; }
.top-0 { position: relative; }


@media (max-width: 992px) {
	.text-content {
		padding: 80px 0;
	}

	.text-content h2 {
		margin-bottom: 20px;
		line-height: 40px;
		font-size: 30px;
		font-weight: 500;
	}
}


/* ---------------------------------- */
/* Counters
------------------------------------- */
.counters-container	{
	display: flex;
	flex-wrap: wrap;
}

.single-counter {
	flex: 1;
	text-align: center;
	position: relative;
	border-right: 1px solid #e0e0e0;
	margin-top: 80px;
}

.single-counter:last-child {
	border-right: 0;
}

.single-counter i {
	font-size: 64px;
	color: #ccc;
	position: absolute;
	top: -20px;
	transform: translateY(-100%);
	left: 0;
	right: 0;
}

.single-counter h3 {
	font-size: 36px;
	font-weight: 600;
	color: #66676b;
	margin-bottom: 7px;
}

.single-counter .counter-title {
    color: #888;
    padding-top: 0;
    display: inline-block;
    border-radius: 4px;
    font-size: 18px;
}

/* Media Queries for Counters */
@media (max-width: 992px) {
	.single-counter {
		flex: 1 1 50%;
		margin-bottom: 30px;
	}
	.single-counter:nth-child(2) {
		border: none;
	}
	.counters-container { margin-bottom: -30px; }
}

/* Media Queries for Counters */
@media (max-width: 768px) {
	.single-counter {
		flex: 1 1 100%;
		border: none;
		border-bottom: 1px solid #e0e0e0;
		padding-bottom: 30px;
	}
	.single-counter:nth-child(2) {
		border-bottom: 1px solid #e0e0e0;
	}
	.single-counter:last-child { margin-bottom: -15px; border-bottom: none; }
	.counters-container { margin-bottom: -30px; }
}


/* ---------------------------------- */
/* Countdown
------------------------------------- */
.countdown {
	border-radius: 4px;
	width: 100%;
	display: block;
	text-align: center;
	font-size: 18px;
	line-height: 28px;
	padding: 14px;
}

.countdown.green {
	background-color: #e7f8ec;
	color: #289c41;  
}

.countdown.yellow {
	background-color: #fbf6dd;
	color: #a18d29;
}



/* ---------------------------------- */
/* Popup
------------------------------------- */
.main-popLayer{display:block;}
.layer-popup{position:fixed;top:0px;left:0px; width:100%; height:auto; z-index:1000; background:rgba(0,0,0,0.7); display:flex;flex-wrap: wrap; flex-direction: column; /*¼öÁ÷ Á¤·Ä*/ align-items: center; justify-content: center;}
.layer-popup .main-popup-box{position:relative; } /*background:#fff; padding:5px;*/
.layer-popup .popup-title{background:#4d5980; overflow:hidden;display: flex;}
.layer-popup .popup-title a{ display:block ; float:left; padding:5px; color:#fff; flex: 1; text-align:center;line-height:20px; }
.layer-popup .popup-title a.active{ color:#ebf812;}
.layer-popup .popup-img p{margin:0px;}
.layer-popup .popup-x{position:absolute; top:-30px; right:-30px}
.layer-popup .popup-x a{display:block; width:30px; height:30px; line-height:30px; text-align:center;font-weight:bold; font-size:30px; color:#fff}
.layer-popup .NotOpen{position:absolute; top:0px; left:50%; margin-left:-75px}
.layer-popup .NotOpen{font-size:12px; display:block; width:150px; height:30px; line-height:30px; text-align:center; border-radius:15px; background:#4d5980; color:#fff}

.mobile-pop{display:none;}
.main-popup{position:fixed;top:0px;left:0px; width:100%; height:100%; z-index:1000; background:rgba(0,0,0,0.7); display:flex;flex-wrap: wrap; flex-direction: column; /*¼öÁ÷ Á¤·Ä*/ align-items: center; justify-content: center;}/**/
.main-popup .main-popup-box{background:#fff; position:relative; padding:5px;}
.main-popup .layer-popup-con{}
.main-popup .popup-title{background:#4d5980; overflow:hidden;display: flex;}
.main-popup .popup-title a{ display:block ; float:left; padding:5px; color:#fff; flex: 1; text-align:center;line-height:20px; }
.main-popup .popup-title a.active{ color:#ebf812;}
.main-popup .popup-img p{margin:0px;}
.main-popup .Mpopup-x{position:absolute; top:-30px; right:-30px}
.main-popup .Mpopup-x a{display:block; width:30px; height:30px; line-height:30px; text-align:center;font-weight:bold; font-size:30px; color:#fff}
.main-popup .NotOpenM{position:absolute; bottom:-50px; left:50%; margin-left:-75px}
.main-popup .NotOpenM{font-size:12px; display:block; width:150px; height:30px; line-height:30px; text-align:center; border-radius:15px; background:#4d5980; color:#fff}

@media(max-width:768px){
.main-popLayer{display:none;}
.mobile-pop{display:block;}
.main-popup .main-popup-box{max-width: 500px;margin:15px;}
.main-popup .popup-title a{ padding:10px 5px; }
.main-popup .Mpopup-x{right:0px}
}

/*ÅÇ*/
.popup_tab ul{display:flex; flex-direction:row; flex-wrap:wrap; height:100%;background:#333; }
.popup_tab ul li{flex:1; align-self:center;text-align:center; display:block; border-left:1px solid #fff} 
.popup_tab ul li:first-child{border-left:0px;}
.popup_tab ul li a{color:#fff; display:block; font-size:12px; line-height:1.25em; padding:5px;}
.popup_tab ul li.active a{color:#fed135}

/*·¹À̾î*/
.layer-popup{background:none; display:block;}
.layer-popup-con{position:absolute; background:#fff; min-width:200px; min-height:100px;}
.layer-inner{/*height:100%;*/ max-height:700px; overflow-y:auto;}
.layer-inner img{display:block;}
.layer-popup-con p{padding: 0 10px;}
.layer-popup .popup-x{position:absolute; top:0px; right:0px; background:#333}
.layer-popup .NotOpen{position:relative; width:100%; left:0px; bottom:0px; margin-left:0px; border-radius:0px; background:#eee; color:#333}
.layer-popup .NotOpenM{position:relative; width:100%; left:0px; bottom:0px; margin-left:0px; border-radius:0px; background:#eee; color:#333}

.mPop-inner{max-height:500px; overflow-y:auto;}

/* -------------------------------------------------------------- */
/* 05. Scripts Styles
----------------------------------------------------------------- */

/* ---------------------------------- */
/* Slick Slider
------------------------------------- */
/* Slider */
.slick-slider {position: relative; display: block; box-sizing: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {position: relative; display: block;overflow: hidden;margin: 0; padding: 0;}
.slick-list:focus {outline: none;}
.slick-list.dragging {cursor: pointer; cursor: hand;}
.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
.slick-track { position: relative; top: 0; left: 0;display: block;margin-left: auto;margin-right: auto;}
.slick-track:before,
.slick-track:after {display: table;content: '';}
.slick-track:after {clear: both;}
.slick-loading .slick-track {visibility: hidden;}
.slick-slide { display: none; float: left;height: 100%;min-height: 1px;}
[dir='rtl'] .slick-slide {float: right;}
.slick-slide img {display: block;}
.slick-slide.slick-loading img {isplay: none;}
.slick-slide.dragging img {pointer-events: none;}
.slick-initialized .slick-slide {display: block;}
.slick-loading .slick-slide {visibility: hidden;}
.slick-vertical .slick-slide { display: block;height: auto;border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}

/* Slider */
/*.slick-loading .slick-list {
    background: #fff url('./ajax-loader.gif') center center no-repeat;
}
*/

/* Arrows */
.slick-prev,
.slick-next {font-size: 0 !important; line-height: 0; position: absolute;  top: 50%; display: block;padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%);
    transform: translate(0, -50%); cursor: pointer; border: none; outline: none;  background-color: #333; border-radius: 30px; width: 28px; height: 28px;display: block;
    top: calc(50% 0px); transform: translateY(-50%);transition: 0.3s;  box-shadow: 0 3px 12px rgba(0,0,0,0.15);  z-index: 10;}
.slick-prev:hover,
.slick-next:hover {color: transparent;outline: none;background: #000;}
.slick-prev:hover:before,
.slick-next:hover:before {opacity: 1;}
.slick-prev.slick-disabled,
.slick-next.slick-disabled {pointer-events: none;cursor: default;background-color: #e8e8e8;box-shadow: none;}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {color: #808080;}
.slick-prev:before,
.slick-next:before {font-family: "Feather-Icons"; font-size: 20px;line-height: 1;opacity: 1;transition: 0.3s;position: relative;color: #fff;}
.slick-prev { left: -85px; }
.slick-prev:before {  content: '\e92f'; left: -1px; }
.slick-next {  right: -85px; }
.slick-next:before { content: '\e930'; right: -1px; }
/* Dots */
.slick-dots {margin: 0 auto;padding: 0;text-align: center;}
.slick-dots li {position: relative; display: inline-block;padding: 0; margin: 0 3px;cursor: pointer;}
.slick-dots li {font-size: 0; line-height: 0; cursor: pointer; color: transparent;border: 0;position: relative;outline: none;display: inline-block;width: 15px;
	height: 15px;margin: 0 3px;opacity: 1;border-radius: 50%;line-height: 0;box-shadow: inset 0 0 0 2px #c0c0c0;transition: all 0.3s;}
.slick-dots li.slick-active {box-shadow: inset 0 0 0 6px #c0c0c0;transition: all 0.3s;}
.slick-dots li:after { display: block;height: 13px;width: 13px;content: "";position: absolute;top: 1px;left: 1px;background-color: transparent;
	border-radius: 50%;transition: all 0.3s;opacity: 0;background-color: #c0c0c0;}
.slick-dots li.slick-active:after {opacity: 1;}

/* Reset */
.slick-slide { display: none; outline: none; }
.slick-initialized .slick-slide { display: block; }
.default-slick-carousel .slick-carousel-item { margin: 0px; }
.default-slick-carousel {height: auto;width: calc(100% + 0px);left: 0px;}
.default-slick-carousel,
.testimonial-carousel,
.logo-carousel,
.blog-carousel { display: none; }
.default-slick-carousel.slick-initialized,
.testimonial-carousel.slick-initialized,
.logo-carousel.slick-initialized,
.blog-carousel.slick-initialized { display: block; }

/* Custom */
.default-slick-carousel .freelancer { margin: 15px; width: 30%; }
.default-slick-carousel.slick-initialized .freelancer { width: auto; }
.default-slick-carousel .freelancer-details-list ul li { margin-right: 22px; }
.default-slick-carousel .freelancer-details-list ul li:last-child { margin-right: 0px; }

.default-slick-carousel .freelancer:hover {box-shadow: 0 2px 12px rgba(0,0,0,0.12);transform: translateY(0px);}

@media (min-width: 1367px) and (max-width: 1440px) {
	.slick-prev { left: -65px; }
	.slick-next {  right: -65px; }
}

@media (max-width: 1290px) {
	.slick-prev { left: -10px; }
	.slick-next {  right: -10px; }
}

@media (max-width: 1090px) {
	.slick-prev { left: 40px; }
	.slick-next {  right: 40px; }
}

.full-width-carousel-fix { overflow: hidden; }
.full-width-carousel-fix .slick-list { overflow: visible; }
 /* 轮播图容器样式 */
        .carousel {
            width: 100%;
            height: auto;
            overflow: hidden;
            position: relative;
            margin: 0 auto;
           
        }
        /* 图片和文字列表样式 */
        .carousel .slides {
            display: flex;
            transition: transform 0.5s ease-in-out;
        }
        /* 单张幻灯片样式 */
        .carousel .slide {
            width: 100%;
            /* height: 360px; */
            flex-shrink: 0;
            position: relative;
        }
        /* 图片样式 */
        .carousel .slide img {
            width: 100%;
            height: 100%;
            margin: 0 auto;
           
        }
        /* 文字样式 */
        .carousel .slide .text {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            color: white;
            padding: 10px;
            text-align: center;
            font-size: 32px;
            height: 100%;
		    display: flex;
		    align-items: center;
		    justify-content: center;
		    font-weight:bold;}
       
        .carousel .pagination {
            position: absolute;
            bottom: 10px;
            left: 50%;
            transform: translateX(-50%);
            display: flex;
            gap: 5px;
        }
        /* 分页器小圆点样式 */
        .carousel .pagination .dot {
            width: 10px;
            height: 10px;
            background-color: #ccc;
            border-radius: 50%;
            cursor: pointer;
        }
        /* 当前分页器小圆点样式 */
        .carousel .pagination .dot.active {
            background-color: #333;
        }
        /* 导航按钮样式 */
        .carousel .nav-button {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            background-color: rgba(0, 0, 0, 0.5);
            color: white;
            border: none;
            padding: 10px;
            cursor: pointer;
        }
        /* 上一张按钮 */
        .carousel .prev {
            left: 10px;
        }
        /* 下一张按钮 */
        .carousel .next {
            right: 10px;
        }
.navContainer{width: 100%;height: 52px;background: #202831;}

@media (max-width: 1099px) {
	 .carousel{
	 	/* height: 120px; */
	 }
	.carousel .slide {
		/* height: 120px; */
	}
}