@import "global.css";

html.fixed {height:100%;}
html.fixed body {height:100%; overflow:hidden;}

html,body {width: 100%; height: 100%; background-color:#ffffff;}

/*#wrap {width:640px; min-height:100%; margin: 0 auto; position:relative; border-left: solid 1px #eeeeee; border-right: solid 1px #eeeeee; background-color:#fff;}*/
#wrap {width:100%; margin: 0 auto; position:relative; background-color:#fff;}

#header {position:fixed; left:0px; top:0px; z-index:100;  width: 100%; height: 57px; transition: top 0.2s linear;}
#header.hide {top:-58px;}
#header .bg {position:absolute; left:0px; top:0px; display:block; width: 100%; height: 100%; background-color:#ed1846; transition: all 0.2s linear; opacity:0.4;}
#header.top .bg {opacity:1;}
#header .logo {display:inline-block; position:absolute; left:50%; top:20px; margin-left: -80px;}
#header .logo img {width: 160px;}

#header .my_profile_box {display:inline-block; position:absolute; left:14px; top:11px; }
#header .my_profile {display:inline-block; width: 35px; height: 35px; overflow:hidden;
	-moz-border-radius: 35px;
	-webkit-border-radius: 35px;
	border-radius: 35px;
}
#header .my_profile img {width: 100%; }
#header .my_profile_box .alert_counter {position:absolute; left:25px; bottom:-2px; display:inline-block; height: 16px; line-height:16px;  padding: 0 5px; font-size:8px; color:#fff; font-weight:100;  border-radius: 14px; background-color:#ed1846; text-align:center;  transition: all 0.2s linear;}
#header.top .my_profile_box .alert_counter {background-color:#fff; color:#ed1846;}

#container.main {padding-bottom: 57px; }

.main_section1 {position:relative; width: 100%; }
.main_section1 .today_slider {width: 100%; height: auto; position:relative; overflow:hidden; }
.main_section1 .today_slider ul {width: 9999px; }
.main_section1 .today_slider ul li {float: left; width: 100%; height: auto; }
.main_section1 .today_slider ul li img {width: 100%; }
.main_section1 .today_slider ul li a {display:block; position:relative; }
.main_section1 .today_slider ul li a .comment_box {position:absolute; left:0px; bottom:10%; padding: 0 27px; display:block; width: 100%; box-sizing: border-box;}
.main_section1 .today_slider ul li a .comment_box .s_tit {display:inline-block; height: 18px; padding: 0 10px; background-color:#fff; border-radius: 27px; font-size:11px; line-height:18px; color:#000; font-weight:700; margin-bottom: 10px; }
.main_section1 .today_slider ul li a .comment_box .s_com {display:block; font-size:26px; line-height:30px; color:#fff; font-weight:700; }

.main_section1 .swiper-pagination {position:absolute; left:0px; bottom:20px; width:100%; padding: 0 27px;  text-align:center; box-sizing: border-box;}
.main_section1 .swiper-pagination-bullet {float: left; display:inline-block; width:5px; height:5px; padding-right: 1px; cursor:pointer; box-sizing: border-box;}
.main_section1 .swiper-pagination-bullet em {display:block; width: 100%; height: 5px; background-color:#fff; vertical-align:top; opacity:0.5; box-sizing: border-box;}
.main_section1 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active em {opacity:1;}

.main_section1 .swiper-pagination.page1 .swiper-pagination-bullet {width: 100%; }
.main_section1 .swiper-pagination.page2 .swiper-pagination-bullet {width: 50%; }
.main_section1 .swiper-pagination.page3 .swiper-pagination-bullet {width: 33.33%; }
.main_section1 .swiper-pagination.page4 .swiper-pagination-bullet {width: 25%; }
.main_section1 .swiper-pagination.page5 .swiper-pagination-bullet {width: 20%; }
.main_section1 .swiper-pagination.page6 .swiper-pagination-bullet {width: 16.66%; }
.main_section1 .swiper-pagination.page7 .swiper-pagination-bullet {width: 14.28%; }
.main_section1 .swiper-pagination.page8 .swiper-pagination-bullet {width: 12.5%; }
.main_section1 .swiper-pagination.page9 .swiper-pagination-bullet {width: 11.11%; }
.main_section1 .swiper-pagination.page10 .swiper-pagination-bullet {width: 10%; }

.main_section2 {position:relative; width: 100%; }
.main_section2 .benefit_slider {width: 100%; padding: 27px 27px 20px 27px;  height: auto; position:relative; overflow:hidden; box-sizing: border-box;}
.main_section2 .benefit_slider ul {width: 9999px; }
.main_section2 .benefit_slider ul li {float: left; width: 158px; height: 130px; padding-left: 10px; }
.main_section2 .benefit_slider ul li:first-child {padding-left: 0px; }
.main_section2 .benefit_slider ul li a {display:block; }
.main_section2 .benefit_slider ul li img {width: 158px;}
.main_section2 .benefit_slider ul li .benefit_title {display:block; width: 100%; padding-top: 7px;  text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-weight:500; font-size:12px; color:#000; line-height:14px; }
.main_section2 .benefit_slider ul li .benefit_explain {display:block; width: 100%; padding-top: 3px;  text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-weight:100; font-size:11px; color:#888888; line-height:14px; }


.article_list .article_btn_area {text-align:center; padding-top: 18px; padding-bottom: 34px; }
.article_list .article_btn_area a {display:inline-block; width: 30px; height: 30px; margin: 0 6px;}
.article_list .article_btn_area a.btn_like {background:url(../images/icon_ideas1_1.png) center center no-repeat; background-size: 23px auto;}
.article_list .article_btn_area a.btn_like.on {background:url(../images/icon_ideas1_1_on.png) center center no-repeat; background-size: 23px auto;}
.article_list .article_btn_area a.btn_reply {background:url(../images/icon_ideas1_2.png) center center no-repeat; background-size: 23px auto;}
.article_list .article_btn_area a.btn_share {background:url(../images/icon_ideas1_3.png) center center no-repeat; background-size: 22px auto;}

.article_list .article_box {padding: 0 17px; padding-bottom: 20px;  }

.article_list .article_like_view_area {padding-bottom: 8px; padding-top: 8px;  width: 100%; overflow:hidden; }
.article_list .article_like_view_area a.like {float: left; font-weight:700; color:#000; font-size:10px; line-height:12px; }
.article_list .article_like_view_area a.view {float: right; color:#949ba1; font-size:10px; line-height:12px; font-weight:300; }

.article_list .article_content {font-size:12px; line-height:16px; color:#000; padding-bottom: 10px; padding-top: 12px; }

.article_list .article_tags {padding-bottom: 14px; line-height:16px; border-bottom: solid 1px #eeeeee;}
.article_list .article_tags a {display:inline-block; font-size:12px; line-height:16px; color:#0073d5; vertical-align:top; }

.article_list .article_comments_list {line-height:13px; }
.article_list .article_comments_list ul {}
.article_list .article_comments_list ul li {position:relative; font-size:10px; line-height:14px; color:#000; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; width: 100%;  box-sizing: border-box; padding-right: 36px; }
.article_list .article_comments_list ul li.open {overflow:visible; white-space:inherit; text-overflow:initial; padding-right: 0px; }
.article_list .article_comments_list ul li strong {font-weight:700; }
.article_list .article_comments_list ul li .more {position:absolute; right:0px; top:0px; color:#aaaeb2; display:inline-block; margin-left: 5px;}
.article_list .article_comments_list ul li.open .more {display:none; }

#bottom_menu {width: 100%; height: 57px; overflow:hidden; position:fixed; left:0px; bottom:0px; z-index:100; }
#bottom_menu .btn_write {float: left; width:50%; height: 57px; background:url(../images/bg_main2.png) 0 0 repeat; text-align:center; }
#bottom_menu .btn_write span {display:inline-block; color:#fff; font-weight:300; padding: 34px 0 0 0; font-size:12px; line-height:14px; background:url(../images/ico_consult.png) center 8px no-repeat; background-size: 20px auto;}
#bottom_menu .btn_picture {float: left; width:50%; height: 57px; background:url(../images/bg_main3.png) 0 0 repeat; text-align:center;  }
#bottom_menu .btn_picture span {display:inline-block; color:#fff; font-weight:300; padding: 34px 0 0 0; font-size:12px; line-height:14px; background:url(../images/ico_take_pic.png) center 8px no-repeat; background-size: 26px auto;}


.like_list_wrap {width: 640px; height: 100%; position:fixed; left:50%; top:0px; z-index:150; margin-left: -320px; padding-top: 41px; background-color:#fff; box-sizing: border-box; overflow-y:auto; }
.like_list_wrap .like_top_area {position:fixed; left:50%; top:0px; z-index:50; margin-left: -320px; width: 640px; height: 40px; background-color:#fff; border-bottom: solid 1px #d2d2d2;}
.like_list_wrap .like_top_area .title {font-size:14px; text-align:center; line-height:40px; color:#000; font-weight:bold; }
.like_list_wrap .like_top_area .btn_close {position:absolute; left:0px; top:0px; display:inline-block; width: 40px; height: 40px; background:url(../images/btn_close1.png) center center no-repeat; background-size: 16px 16px;}
.like_list_wrap .like_list {}
.like_list_wrap .like_list li {width: 100%; border-bottom: solid 1px #f1f1f1;}
.like_list_wrap .like_list li a {display:block; height: 44px; padding-left: 49px; font-size:12px; line-height:44px;  color:#000; font-weight:700; position:relative;}
.like_list_wrap .like_list .profile_img {position:absolute; left:14px; top:8px; display:inline-block; width: 27px; height: 27px; overflow:hidden; border-radius: 27px;}
.like_list_wrap .like_list .profile_img img {width: 100%; }
.like_list_wrap .like_list .arrow {position:absolute; right:14px; top:0px; display:inline-block; width: 10px; height: 44px; background:url(../images/ico_arrow1.png) center center no-repeat; background-size: 6px auto;}
.like_list_wrap .comment_write_wrap {width: 640px; padding: 10px 46px 10px 55px; margin-left: -320px; position:fixed; left:50%; bottom:0px; z-index:80;  background-color:#fff; box-sizing: border-box; border-top: solid 1px #ececec;
	transition: all 0.3s ease-out;
}
.like_list_wrap .comment_write_wrap .mem_img {display:inline-block; width: 35px; height: 35px; position:absolute; left:13px; bottom:10px; overflow:hidden; border-radius: 35px;}
.like_list_wrap .comment_write_wrap .mem_img img {width: 100%; }
.like_list_wrap .comment_write_wrap .comment_textarea {height: 35px; width: 100%; padding: 0 13px;  box-sizing: border-box; font-size:12px; line-height:33px; color:#333333; border-radius: 35px; border: solid 1px #dddddd; vertical-align:top;
	transition: all 0.3s ease-out;
}
.like_list_wrap .comment_write_wrap .submit {position:absolute; right:0px; bottom:15px; width: 42px; height: 32px;  background-color:transparent; border: solid 0px #fff; color:#ed1846; font-size:13px;
	transition: all 0.3s ease-out;
}

.like_list_wrap .comment_write_wrap.open {padding-right: 46px; }
.like_list_wrap .comment_write_wrap.open .comment_textarea {height: 80px; padding: 10px 13px; line-height:18px; border-radius: 20px; }
.like_list_wrap .comment_write_wrap.open .submit {right:0; }

.tag_list_wrap {width: 640px; border-left: solid 1px #eeeeee; border-right: solid 1px #eeeeee; background-color:#fff; margin: 0 auto; position:relative; padding-top: 41px; }
.tag_list_wrap .tag_list_area {position:fixed; left:50%; top:0px; margin-left: -320px; z-index:50; width: 640px; height: 40px; background-color:#fff; border-bottom: solid 1px #d2d2d2;}
.tag_list_wrap .tag_list_area .title {font-size:14px; text-align:center; line-height:40px; color:#000; font-weight:bold; }
.tag_list_wrap .tag_list_area .btn_back {position:absolute; left:0px; top:0px; display:inline-block; width: 40px; height: 40px; background:url(../images/ico_arrow2.png) center center no-repeat; background-size: 10px auto;}
.tag_list_wrap .tag_total {height: 34px; line-height:34px; padding-left: 14px; font-size:12px; color:#888888;}
.tag_list_wrap .tag_total strong {color:#000; font-weight:700; }
.tag_list_wrap .tag_list {width: 100%; overflow:hidden; position:relative;}
.tag_list_wrap .tag_list li {float: left; width: 33.33%; position:relative; border-bottom: solid 1px #fff;}
.tag_list_wrap .tag_list li .back_panel {width: 100%; }
.tag_list_wrap .tag_list li a {position:absolute; left:0px; top:0px; display:block; width: 100%; height: 100%;  border-left: solid 1px #fff; box-sizing: border-box; overflow:hidden; }
.tag_list_wrap .tag_list li a.left_none_border {border-left: solid 0px #fff; }
.tag_list_wrap .tag_list li a img {height: 100%; }
.tag_list_wrap .tag_list .btn_add {background:url(../images/btn_add_tag.png) center center no-repeat; background-size: 60px 60px;}
.tag_list_wrap .tag_list .btn_add input[type="file"] {position:absolute; left:0px; top:0px; width: 100%; height: 100%; display:inline-block; opacity:0;}

.comment_list_wrap {width: 640px; height: 100%; position:fixed; left:50%; top:0px; z-index:150; margin-left: -320px; padding-top: 41px; background-color:#fff; box-sizing: border-box; overflow-y:auto; }
.comment_list_wrap .comment_list_area {position:fixed; left:50%; top:0px; z-index:50; margin-left: -320px; width: 640px; height: 40px; background-color:#fff; border-bottom: solid 1px #d2d2d2;}
.comment_list_wrap .comment_list_area .title {font-size:14px; text-align:center; line-height:40px; color:#000; font-weight:bold; }
.comment_list_wrap .comment_list_area .btn_back {position:absolute; left:0px; top:0px; display:inline-block; width: 40px; height: 40px; background:url(../images/ico_arrow2.png) center center no-repeat; background-size: 10px auto;}
.comment_list_wrap .comment_total {height: 34px; line-height:34px; padding-left: 14px; font-size:12px; color:#888888; position:relative; border-bottom: solid 1px #ececec;}
.comment_list_wrap .comment_total .like_total {color:#000; font-weight:700; }
.comment_list_wrap .comment_total .comment_total {position:absolute; right:0; top:0; line-height:34px; color:#949ba1; padding-right: 14px; }
.comment_list_wrap .comment_list {width: 100%; position:relative; padding-top: 14px; }
.comment_list_wrap .comment_list li {position:relative; padding-bottom: 14px; padding-left: 55px; padding-right: 17px; font-size:12px; line-height:16px; color:#333333;}
.comment_list_wrap .comment_list li .mem_img {display:inline-block; width: 35px; height: 35px; position:absolute; left:13px; top:0px; overflow:hidden; border-radius: 35px;}
.comment_list_wrap .comment_list li .mem_img img {width: 100%; }
.comment_list_wrap .comment_list li .mem_id {color:#000; font-weight:700; }
.comment_list_wrap .comment_list li .comment_date {padding-top: 3px; color:#999999; font-weight:100; }
.comment_list_wrap .comment_list li .comment_date a {padding-right: 8px; color:#f97c96; font-weight:300; }

.comment_list_wrap .comment_write_wrap {width: 640px; padding: 10px 46px 10px 55px;  position:fixed; left:50%; bottom:0px; margin-left: -320px; z-index:80;  background-color:#fff; box-sizing: border-box; border-top: solid 1px #ececec;
	transition: all 0.3s ease-out;
}
.comment_list_wrap .comment_write_wrap .mem_img {display:inline-block; width: 35px; height: 35px; position:absolute; left:13px; bottom:10px; overflow:hidden; border-radius: 35px;}
.comment_list_wrap .comment_write_wrap .mem_img img {width: 100%; }
.comment_list_wrap .comment_write_wrap .comment_textarea {height: 35px; width: 100%; padding: 0 13px;  box-sizing: border-box; font-size:12px; line-height:33px; color:#333333; border-radius: 35px; border: solid 1px #dddddd; vertical-align:top;
	transition: all 0.3s ease-out;
}
.comment_list_wrap .comment_write_wrap .submit {position:absolute; right:0; bottom:15px; width: 42px; height: 32px;  background-color:transparent; border: solid 0px #fff; color:#ed1846; font-size:13px;
	transition: all 0.3s ease-out;
}

.comment_list_wrap .comment_write_wrap.open {padding-right: 46px; }
.comment_list_wrap .comment_write_wrap.open .comment_textarea {height: 80px; padding: 10px 13px; line-height:18px; border-radius: 20px; }
.comment_list_wrap .comment_write_wrap.open .submit {right:0; }

.feed_image_wrap {width: 640px; height: 100%; margin: 0 auto; position:relative; }
.feed_image_wrap .btn_back {position:absolute; left:0px; top:0px; z-index:20;  display:inline-block; width: 40px; height: 40px; background:url(../images/ico_arrow3.png) center center no-repeat; background-size: 9px auto;}
.feed_image_wrap .feed_image_viewer {width: 100%; height: 100%; position:relative; background-color:#000; overflow:hidden; }
.feed_image_wrap .feed_image_viewer ul {width: 9999px; height: 100%; }
.feed_image_wrap .feed_image_viewer ul li {float: left; width: 100%; height: 100%; position:relative; overflow:hidden; }
.feed_image_wrap .feed_image_viewer ul li .zoom {width: 100%; height: 100%;}
.feed_image_wrap .btn_prev {position:absolute; left:0px; top:50%; margin-top: -20px; z-index:20;  display:inline-block; width: 40px; height: 40px; background:url(../images/ico_arrow4_left.png) center center no-repeat; background-size: 15px auto;}
.feed_image_wrap .btn_next {position:absolute; right:0px; top:50%; margin-top: -20px; z-index:20;  display:inline-block; width: 40px; height: 40px; background:url(../images/ico_arrow4_right.png) center center no-repeat; background-size: 15px auto;}

.feed_image_wrap .btn_prev.hide {opacity:0}
.feed_image_wrap .btn_next.hide {opacity:0}

.feed_detail_wrap {min-height:100%; width: 640px; border-left: solid 1px #eeeeee; border-right: solid 1px #eeeeee; background-color:#fff; margin: 0 auto; padding-top: 41px; position:relative; }
.feed_detail_wrap .feed_detail_area {position:fixed; left:50%; top:0px; z-index:50; margin-left: -320px; width: 640px; height: 40px; background-color:#fff; border-bottom: solid 1px #d2d2d2; box-sizing: border-box; padding: 0 40px 0 36px; }
.feed_detail_wrap .feed_detail_area .title {font-size:14px; text-align:center; line-height:40px; color:#000; font-weight:bold; }
.feed_detail_wrap .feed_detail_area .btn_back {position:absolute; left:0px; top:0px; display:inline-block; width: 40px; height: 40px; background:url(../images/ico_arrow2.png) center center no-repeat; background-size: 10px auto;}

.feed_detail_wrap .feed_detail_area .btn_etc {position:absolute; right:0px; top:0px; display:block; width: 40px; height: 40px; text-align:center; }
.feed_detail_wrap .feed_detail_area .btn_etc .round {margin: 0 1.5px; margin-top: 15px; display:inline-block; vertical-align:middle; width: 4px; height: 4px; background-color:#444444; border-radius: 4px;}

.feed_detail_wrap .feed_profile_area {position:relative; width: 100%; height: 40px; border-top: solid 1px #f6f6f6; }
.feed_detail_wrap .feed_profile_area .profile {display:block; position:relative; top:4px; padding-left: 38px; box-sizing: border-box; text-overflow:ellipsis; white-space:nowrap;}
.feed_detail_wrap .feed_profile_area .profile .profile_img {position:absolute; left:0px; top:0px; display:inline-block; width: 30px; height: 30px; overflow:hidden; border-radius: 30px;}
.feed_detail_wrap .feed_profile_area .profile .profile_img img {width: 100%; }
.feed_detail_wrap .feed_profile_area .profile .profile_id {display:block; width: 100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-weight:500; font-size:12px; color:#000; line-height:16px; }
.feed_detail_wrap .feed_profile_area .profile .profile_explain {display:block; width: 100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-weight:100; font-size:11px; color:#888888; line-height:14px; }
.feed_detail_wrap .feed_profile_area .profile .profile_explain .p_name {color:#000;}


.feed_detail_wrap .article_image_area_type1 {width: 100%; position:relative; }
.feed_detail_wrap .article_image_area_type1 .article_image_slider {}

.feed_detail_wrap .article_image_area_type1 .article_image_slider {width: 100%; height: auto; position:relative; overflow:hidden;}
.feed_detail_wrap .article_image_area_type1 .article_image_slider ul {width: 9999px; }
.feed_detail_wrap .article_image_area_type1 .article_image_slider ul li {float: left; width: 100%; height: auto; position:relative; }
.feed_detail_wrap .article_image_area_type1 .article_image_slider ul li .img {width: 100%; }

.feed_detail_wrap .ankle_box {position:absolute; display:inline-block; }
.feed_detail_wrap .comment_box {display:none; position:absolute; left:10px; top:10px; z-index:10;  width: 95px;  padding: 10px 13px; font-size:11px; color:#fff; line-height:14px; background:url(../images/blank2.png) center center repeat; font-weight:100;  border-radius: 4px;}
.feed_detail_wrap .comment_box .comment_close {position:absolute; left:-9px; top:-9px; display:inline-block; width: 21px; height: 21px; background:url(../images/btn_close2.png) center center no-repeat; background-size: 21px 21px;}

.feed_detail_wrap .comment_box.position_left_top {}
.feed_detail_wrap .comment_box.position_left_top .comment_close {left:-10px;  top:-10px;}

.feed_detail_wrap .comment_box.position_left_bottom {top:auto; bottom:-10px}
.feed_detail_wrap .comment_box.position_left_bottom .comment_close {top:auto; bottom:-10px}

.feed_detail_wrap .comment_box.position_right_top {right:-10px; left:auto;}
.feed_detail_wrap .comment_box.position_right_top .comment_close {left:auto; right:-11px; top:-10px;}

.feed_detail_wrap .comment_box.position_right_bottom {right:-10px; left:auto; top:auto; bottom:-10px}
.feed_detail_wrap .comment_box.position_right_bottom .comment_close {left:auto; top:auto; right:-11px;  bottom:-11px}

.feed_detail_wrap .ankle_box.open .comment_box {display:inline-block; z-index:15; }
.feed_detail_wrap .ankle_box.open .ankle {display:none; }

.feed_detail_wrap .ankle {width: 17px; height: 17px; position:relative; }
.feed_detail_wrap .ankle .bg_round {display:inline-block; background-color:#ff0048; width: 35px; height: 35px; position:absolute; left:-7px; top:-7px; border-radius: 27px; opacity:0.4;}
.feed_detail_wrap .ankle .ankle_round {display:block; position:relative; z-index:5;  width: 17px; height: 21px; padding-left: 4px; border-radius: 21px; background-color:#ff0048;}
.feed_detail_wrap .ankle .ankle_round .round {display:inline-block; margin: 0 1px; margin-top: 9px; vertical-align:top; width: 2px; height: 2px; background-color:#fff; border-radius: 3px;}

.feed_detail_wrap .article_image_area_type1 .swiper-pagination {position:absolute; left:0px; bottom:13px; width:100%; padding: 0 27px;  text-align:center; box-sizing: border-box;}
.feed_detail_wrap .article_image_area_type1 .swiper-pagination-bullet {float: left; display:inline-block; width:5px; height:5px; padding-right: 1px; cursor:pointer; box-sizing: border-box;}
.feed_detail_wrap .article_image_area_type1 .swiper-pagination-bullet em {display:block; width: 100%; height: 5px; background-color:#fff; vertical-align:top; opacity:0.5; box-sizing: border-box;}
.feed_detail_wrap .article_image_area_type1 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active em {opacity:1;}

.feed_detail_wrap .article_image_area_type1 .swiper-pagination.page1 .swiper-pagination-bullet {width: 100%; }
.feed_detail_wrap .article_image_area_type1 .swiper-pagination.page2 .swiper-pagination-bullet {width: 50%; }
.feed_detail_wrap .article_image_area_type1 .swiper-pagination.page3 .swiper-pagination-bullet {width: 33.33%; }
.feed_detail_wrap .article_image_area_type1 .swiper-pagination.page4 .swiper-pagination-bullet {width: 25%; }
.feed_detail_wrap .article_image_area_type1 .swiper-pagination.page5 .swiper-pagination-bullet {width: 20%; }
.feed_detail_wrap .article_image_area_type1 .swiper-pagination.page6 .swiper-pagination-bullet {width: 16.66%; }
.feed_detail_wrap .article_image_area_type1 .swiper-pagination.page7 .swiper-pagination-bullet {width: 14.28%; }
.feed_detail_wrap .article_image_area_type1 .swiper-pagination.page8 .swiper-pagination-bullet {width: 12.5%; }
.feed_detail_wrap .article_image_area_type1 .swiper-pagination.page9 .swiper-pagination-bullet {width: 11.11%; }
.feed_detail_wrap .article_image_area_type1 .swiper-pagination.page10 .swiper-pagination-bullet {width: 10%; }

.feed_detail_wrap .article_image_area_type2 {width: 100%; position:relative; }
.feed_detail_wrap .article_image_area_type2 img {width: 100%;}

.feed_detail_wrap .article_btn_area {text-align:center; padding-bottom: 20px; padding-top: 20px; }
.feed_detail_wrap .article_btn_area.pt0 {padding-top: 0; }
.feed_detail_wrap .article_btn_area a {margin: 0 10px;}
.feed_detail_wrap .article_btn_area a img {width: 26px; height: 26px; }
.feed_detail_wrap .article_btn_area a.btn_like {display:inline-block; }
.feed_detail_wrap .article_btn_area a.btn_like.on {background:url(../images/ico_like_on.png) 0 0 no-repeat; background-size: 26px 26px;}
.feed_detail_wrap .article_btn_area a.btn_like.on img {opacity:0;}

.feed_detail_wrap .article_box {padding: 0 13px; }

.feed_detail_wrap .article_like_view_area {padding-bottom: 8px; padding-top: 8px;  width: 100%; overflow:hidden; }
.feed_detail_wrap .article_like_view_area a.like {float: left; font-weight:700; color:#000; font-size:10px; line-height:12px; }
.feed_detail_wrap .article_like_view_area a.view {float: right; color:#949ba1; font-size:10px; line-height:12px; }

.feed_detail_wrap .article_content {font-size:12px; line-height:16px; color:#000; padding-bottom: 10px; padding-top: 12px; }

.feed_detail_wrap .article_tags {padding-bottom: 14px; line-height:16px; border-bottom: solid 1px #eeeeee;}
.feed_detail_wrap .article_tags a {display:inline-block; font-size:12px; line-height:16px; color:#0073d5; vertical-align:top; }

.feed_detail_wrap .article_comments_list {line-height:13px; }
.feed_detail_wrap .article_comments_list ul {}
.feed_detail_wrap .article_comments_list ul li {position:relative; font-size:10px; line-height:14px; color:#000; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; width: 100%;  box-sizing: border-box; padding-right: 36px; }
.feed_detail_wrap .article_comments_list ul li.open {overflow:visible; white-space:inherit; text-overflow:initial; padding-right: 0px; }
.feed_detail_wrap .article_comments_list ul li strong {font-weight:700; }
.feed_detail_wrap .article_comments_list ul li .more {position:absolute; right:0px; top:0px; color:#aaaeb2; display:inline-block; margin-left: 5px;}
.feed_detail_wrap .article_comments_list ul li.open .more {display:none; }

.pic_list_wrap {min-height:100%; width: 640px; border-left: solid 1px #eeeeee; border-right: solid 1px #eeeeee; background-color:#fff; margin: 0 auto;  position:relative; padding-top: 41px;}
.pic_list_wrap .pic_list_area {position:fixed; left:50%; top:0px; z-index:50; margin-left: -320px; width: 640px; height: 40px; background-color:#fff; border-bottom: solid 1px #d2d2d2;}
.pic_list_wrap .pic_list_area .title {font-size:14px; text-align:center; line-height:40px; color:#000; font-weight:bold; }
.pic_list_wrap .pic_list_area .btn_back {position:absolute; left:0px; top:0px; display:inline-block; width: 40px; height: 40px; background:url(../images/ico_arrow2.png) center center no-repeat; background-size: 10px auto;}
.pic_list_wrap .pic_list_area .btn_next_step {position:absolute; right:0px; top:0px; display:inline-block; padding: 0 10px;  height: 40px; font-size:12px; line-height:40px; color:#ed1846;}
.pic_list_wrap .pic_list {width: 100%; overflow:hidden; position:relative;  }
.pic_list_wrap .pic_list li {float: left; width: 33.33%; position:relative; border-bottom: solid 1px #fff; cursor:pointer;}
.pic_list_wrap .pic_list li .back_panel {width: 100%; }
.pic_list_wrap .pic_list li a {position:absolute; left:0px; top:0px; display:block; width: 100%; height: 100%;  border-left: solid 1px #fff; box-sizing: border-box; overflow:hidden; background-color:#ed1846;}
.pic_list_wrap .pic_list li a.left_none_border {border-left: solid 0px #fff; }
.pic_list_wrap .pic_list li a img {height: 100%; }
.pic_list_wrap .pic_list li .pic_icon {display:inline-block; width: 22px; height: 22px; position:absolute; right:6px; bottom:6px; z-index:5;  background:url(../images/ico_pic1.png) center center no-repeat; background-size: 22px auto;}
.pic_list_wrap .pic_list li.selected a img {opacity:0.7}
.pic_list_wrap .pic_list li.selected .pic_icon {background:url(../images/ico_pic2.png) center center no-repeat; background-size: 22px auto;}

.photo_talk_wrap {min-height:100%; width: 640px; border-left: solid 1px #eeeeee; border-right: solid 1px #eeeeee; background-color:#fff; margin: 0 auto;  position:relative; padding-top: 41px;}
.photo_talk_wrap .tag_write {width: 640px; border-left: solid 1px #eeeeee; border-right: solid 1px #eeeeee; background-color:#fff; margin: 0 auto;  position:relative; padding-top: 41px;}
.photo_talk_wrap .photo_talk_area {position:fixed; left:50%; top:0px; z-index:50; margin-left: -320px; width: 640px; height: 40px; background-color:#fff; border-bottom: solid 1px #d2d2d2;}
.photo_talk_wrap .photo_talk_area .title {font-size:14px; text-align:center; line-height:40px; color:#000; font-weight:bold; }
.photo_talk_wrap .photo_talk_area .btn_back {position:absolute; left:0px; top:0px; display:inline-block; width: 40px; height: 40px; background:url(../images/ico_arrow2.png) center center no-repeat; background-size: 10px auto;}
.photo_talk_wrap .photo_talk_area .btn_next_step {position:absolute; right:0px; top:0px; display:inline-block; padding: 0 10px;  height: 40px; font-size:12px; line-height:40px; color:#ed1846;}
.photo_talk_wrap .photo_comment {height: 38px; line-height:38px; font-size:11px; color:#888888; padding: 0 13px 0 35px; border-bottom: solid 1px #edebe9; background:url(../images/ico_photo.gif) 14px center no-repeat; background-size: 14px auto;}
.photo_talk_wrap .photo_comment strong {color:#000; font-weight:700; }

.photo_talk_wrap .photo_list {width: 100%;  position:relative; }
.photo_talk_wrap .photo_list li {width: 100%; margin-bottom: 8px; position:relative; }
.photo_talk_wrap .photo_list li img {width: 100%; }

.photo_talk_wrap .photo_list .ankle {width: 17px; height: 17px; position:absolute;}
.photo_talk_wrap .photo_list .ankle .bg_round {display:inline-block; background-color:#ff0048; width: 35px; height: 35px; position:absolute; left:-7px; top:-7px; border-radius: 27px; opacity:0.4;}
.photo_talk_wrap .photo_list .ankle .ankle_round {display:block; position:relative; z-index:5;  width: 17px; height: 21px; padding-left: 4px; border-radius: 21px; background-color:#ff0048;}
.photo_talk_wrap .photo_list .ankle .ankle_round .round {display:inline-block; margin: 0 1px; margin-top: 9px; vertical-align:top; width: 2px; height: 2px; background-color:#fff; border-radius: 3px;}

.photo_talk_wrap .photo_write_list {width: 100%; overflow:hidden; position:relative;  }
.photo_talk_wrap .photo_write_list li {float: left; width: 33.33%; position:relative; border-bottom: solid 1px #fff;}
.photo_talk_wrap .photo_write_list li .back_panel {width: 100%; }
.photo_talk_wrap .photo_write_list li .img_box {position:absolute; left:0px; top:0px; display:block; width: 100%; height: 100%;  border-left: solid 1px #fff; box-sizing: border-box; overflow:hidden;}
.photo_talk_wrap .photo_write_list li .img_box.left_none_border {border-left: solid 0px #fff; }
.photo_talk_wrap .photo_write_list li .img_box img {height: 100%; }
.photo_talk_wrap .photo_write_list li .btn_delete {display:inline-block; width: 22px; height: 22px; position:absolute; right:6px; bottom:6px; z-index:5;  background:url(../images/ico_pic3.png) center center no-repeat; background-size: 22px auto;}
.photo_talk_wrap .photo_write_list .btn_add {background:url(../images/btn_add_tag.png) center center no-repeat; background-size: 60px 60px;}
.photo_talk_wrap .photo_write_list .btn_add input[type="file"] {position:absolute; left:0px; top:0px; width: 100%; height: 100%; display:inline-block; opacity:0;}

.photo_talk_wrap .photo_profile_area {position:relative; width: 100%; height: 50px; border-top: solid 1px #f6f6f6; }
.photo_talk_wrap .photo_profile_area .profile {display:inline-block; position:absolute; left:14px; top:8px; }
.photo_talk_wrap .photo_profile_area .profile .profile_img {display:inline-block; width: 35px; height: 35px; overflow:hidden; border-radius: 35px;}
.photo_talk_wrap .photo_profile_area .profile .profile_img img {width: 100%; }
.photo_talk_wrap .photo_profile_area .profile .profile_id {position:absolute; left:42px; top:8px; display:block; width: 200px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-weight:500; font-size:12px; color:#000; line-height:16px; }

.photo_talk_wrap .explain_box textarea {width: 100%; height: 45px; font-size:12px; line-height:16px; color:#000; border: solid 0px #fff; padding: 13px; border-bottom: solid 1px #e1e1e1;}

.photo_talk_wrap .btn_tab_list {display:block; padding: 13px 35px 13px 14px; font-size:12px; line-height:18px; color:#000; border-bottom: solid 1px #e1e1e1; position:relative; }
.photo_talk_wrap .btn_tab_list .arrow {position:absolute; right:14px; top:50%; width: 6px; height: 10px; margin-top: -5px; background:url(../images/ico_arrow1.png) center center no-repeat; background-size: 6px auto;}
.photo_talk_wrap .btn_tab_list .result {color:#0073d5; }

.photo_talk_wrap .btn_location {display:block; padding: 13px 35px 13px 14px; font-size:12px; line-height:18px; color:#000; border-bottom: solid 1px #e1e1e1; position:relative; }
.photo_talk_wrap .btn_location .arrow {position:absolute; right:14px; top:50%; width: 6px; height: 10px; margin-top: -5px; background:url(../images/ico_arrow1.png) center center no-repeat; background-size: 6px auto;}
.photo_talk_wrap .btn_location .result {display:inline-block; padding-left: 15px; background:url(../images/ico_location.png) left center no-repeat; background-size: 10px auto;}

.photo_talk_tag_wrap {min-height:100%; width: 640px; border-left: solid 1px #eeeeee; border-right: solid 1px #eeeeee; background-color:#fff; margin: 0 auto;  position:relative; padding-top: 41px; }
/*.photo_talk_tag_wrap {min-height:100%; width: 640px; border-left: solid 1px #eeeeee; border-right: solid 1px #eeeeee; background-color:#fff;  position:relative; padding-top: 41px; margin-top: -130px}*/
.photo_talk_tag_wrap .photo_talk_tag_area {position:fixed; left:50%; top:0px; z-index:50; margin-left: -320px; width: 640px; height: 40px; background-color:#fff; border-bottom: solid 1px #d2d2d2;}
.photo_talk_tag_wrap .photo_talk_tag_area .title {font-size:14px; text-align:center; line-height:40px; color:#000; font-weight:bold; }
.photo_talk_tag_wrap .photo_talk_tag_area .btn_close {position:absolute; left:0px; top:0px; display:inline-block; width: 40px; height: 40px; background:url(../images/btn_close1.png) center center no-repeat; background-size: 16px auto;}
.photo_talk_tag_wrap .photo_talk_tag_area .btn_next_step {position:absolute; right:0px; top:0px; display:inline-block; padding: 0 10px;  height: 40px; font-size:12px; line-height:40px; color:#ed1846;}

.photo_talk_tag_wrap .photo_tag_write_box {position:relative; border-bottom: solid 8px #f2f2f2;}
.photo_talk_tag_wrap .photo_tag_write_box .inbox {position:relative; width: 100%; }
.photo_talk_tag_wrap .photo_tag_write_box textarea {width: 100%; height: 50px; font-size:13px; line-height:18px; color:#000; border: solid 0px #fff; padding: 16px 45px 16px 16px; vertical-align:top; }
.photo_talk_tag_wrap .photo_tag_write_box .btn_all_delete {display:inline-block; position:absolute; right:14px; top:50%; margin-top: -8px; width: 16px; height: 16px; background:url(../images/btn_close3.png) center center no-repeat; background-size: 16px auto;}
.photo_talk_tag_wrap .photo_tag_write_box .tag_dose_list {padding: 0 14px 12px 14px; }
.photo_talk_tag_wrap .photo_tag_write_box .tag_dose_list span {display:inline-block; padding: 0 0 0 7px;  font-size:11px; line-height:20px; font-weight:100; color:#0074d9; background-color:#deebf6; border-radius: 2px; margin-bottom: 2px; }
.photo_talk_tag_wrap .photo_tag_write_box .tag_dose_list span .btn_delete {display:inline-block; height: 20px; width: 20px; background:url(../images/btn_close5.gif) center center no-repeat; background-size: 7px 7px;}

.photo_talk_tag_wrap .tag_list {padding: 0 14px; }
.photo_talk_tag_wrap .tag_list li {border-bottom: solid 1px #eeeeee;}
.photo_talk_tag_wrap .tag_list li a {display:block; padding: 15px 0; font-size:11px; line-height:14px; color:#282828;}

.photo_talk_location_wrap {min-height:100%; width: 640px; border-left: solid 1px #eeeeee; border-right: solid 1px #eeeeee; background-color:#fff; margin: 0 auto;  position:relative; padding-top: 41px;}
.photo_talk_location_wrap .photo_talk_area {position:fixed; left:50%; top:0px; z-index:50; margin-left: -320px; width: 640px; height: 40px; background-color:#fff; border-bottom: solid 1px #d2d2d2;}
.photo_talk_location_wrap .photo_talk_area .title {font-size:14px; text-align:center; line-height:40px; color:#000; font-weight:bold; }
.photo_talk_location_wrap .photo_talk_area .btn_close {position:absolute; left:0px; top:0px; display:inline-block; width: 40px; height: 40px; background:url(../images/btn_close1.png) center center no-repeat; background-size: 16px auto;}
.photo_talk_location_wrap .photo_talk_area .btn_next_step {position:absolute; right:0px; top:0px; display:inline-block; padding: 0 10px;  height: 40px; font-size:12px; line-height:40px; color:#ed1846;}

.photo_talk_location_wrap .photo_location_write_box {position:relative;}
.photo_talk_location_wrap .photo_location_write_box input[type="text"] {width: 100%; height: 50px; font-size:13px; line-height:18px; color:#000; border: solid 0px #fff; padding: 16px 45px 16px 16px; }
.photo_talk_location_wrap .photo_location_write_box .btn_all_delete {display:inline-block; position:absolute; right:14px; top:50%; margin-top: -8px; width: 16px; height: 16px; background:url(../images/btn_close3.png) center center no-repeat; background-size: 16px auto;}

.photo_talk_location_wrap .location_list {padding: 0 14px; }
.photo_talk_location_wrap .location_list li {border-bottom: solid 1px #eeeeee;}
.photo_talk_location_wrap .location_list li a {display:block; padding: 12px 0; font-size:11px; line-height:18px; color:#949ba1;}
.photo_talk_location_wrap .location_list li a strong {display:block; font-weight:normal; font-size:12px; color:#282828;}

.photo_talk_location_wrap .photo_currect_location a {display:block; height: 34px; padding-left: 35px; font-size:11px; line-height:34px; color:#f26f83; background:url(../images/ico_current_location.gif) 13px center no-repeat; background-size: 14px 14px; background-color:#f2f2f2;}

.login_resister_wrap {min-height:100%; width: 640px; border-left: solid 1px #eeeeee; border-right: solid 1px #eeeeee; background-color:#fff; margin: 0 auto; }
.login_resister_wrap .login_title_type1 {padding: 30px 20px; font-size:12px; line-height:18px; color:#333333; border-bottom: solid 8px #f2f2f2;}
.login_resister_wrap .login_title_type1 .title {font-size:18px; line-height:22px; color:#000; font-weight:700; margin-bottom: 10px; }

.resister_box {}
.resister_box li {border-bottom: solid 1px #e5e5e5;}
.resister_box li.b_none {border-bottom: solid 0px #e5e5e5;}
.resister_box .resi_mail {height: 50px; position:relative; }
.resister_box .resi_mail input {display:block; width: 100%; height: 50px; padding-left: 45px; padding-right: 42px; box-sizing: border-box; font-size:13px; line-height:50px; color:#333333; background:url(../images/ico_mail_off.png) 20px center no-repeat; background-size: 15px auto; border: solid 0px #fff;}
.resister_box .resi_mail.on input {background:url(../images/ico_mail_on.png) 20px center no-repeat; background-size: 15px auto;}
.resister_box .resi_mail input:focus {background:url(../images/ico_mail_on.png) 20px center no-repeat; background-size: 15px auto;}
.resister_box .resi_mail .btn_delete {position:absolute; right:14px; top:50%; margin-top: -8px; display:none; width: 16px; height: 16px; background:url(../images/btn_close3.png) 0 0 no-repeat; background-size: 16px 16px; }
.resister_box .resi_mail.on .btn_delete {display:inline-block; }

.resister_box .resi_profile {height: 50px; position:relative; }
.resister_box .resi_profile input {display:block; width: 100%; height: 50px; padding-left: 45px; padding-right: 42px;   box-sizing: border-box; font-size:13px; line-height:50px; color:#333333; background:url(../images/ico_profile_off.png) 20px center no-repeat; background-size: 15px auto; border: solid 0px #fff;}
.resister_box .resi_profile.on  input {background:url(../images/ico_profile_on.png) 20px center no-repeat; background-size: 15px auto;}
.resister_box .resi_profile input:focus {background:url(../images/ico_profile_on.png) 20px center no-repeat; background-size: 15px auto;}
.resister_box .resi_profile .btn_delete {position:absolute; right:14px; top:50%; margin-top: -8px; display:none; width: 16px; height: 16px; background:url(../images/btn_close3.png) 0 0 no-repeat; background-size: 16px 16px; }
.resister_box .resi_profile.on .btn_delete {display:inline-block; }

.resister_box .resi_phone {height: 50px; position:relative; }
.resister_box .resi_phone input {display:block; width: 100%; height: 50px; padding-left: 45px; padding-right: 42px;   box-sizing: border-box; font-size:13px; line-height:50px; color:#333333; background:url(../images/ico_phone_off.png) 23px center no-repeat; background-size: 10px auto; border: solid 0px #fff;}
.resister_box .resi_phone.on  input {background:url(../images/ico_phone_on.png) 23px center no-repeat; background-size: 10px auto;}
.resister_box .resi_phone input:focus {background:url(../images/ico_phone_on.png) 23px center no-repeat; background-size: 10px auto;}
.resister_box .resi_phone .btn_delete {position:absolute; right:14px; top:50%; margin-top: -8px; display:none; width: 16px; height: 16px; background:url(../images/btn_close3.png) 0 0 no-repeat; background-size: 16px 16px; }
.resister_box .resi_phone.on .btn_delete {display:inline-block; }

.resister_box .resi_password {height: 50px; position:relative; }
.resister_box .resi_password input {display:block; width: 100%; height: 50px; padding-left: 45px; padding-right: 42px; box-sizing: border-box; font-size:13px; line-height:50px; color:#333333; background:url(../images/ico_pass1_off.png) 20px center no-repeat; background-size: 12px auto; border: solid 0px #fff;}
.resister_box .resi_password.on  input {background:url(../images/ico_pass1_on.png) 20px center no-repeat; background-size: 12px auto;}
.resister_box .resi_password input:focus {background:url(../images/ico_pass1_on.png) 20px center no-repeat; background-size: 12px auto;}
.resister_box .resi_password .btn_delete {position:absolute; right:14px; top:50%; margin-top: -8px; display:none; width: 16px; height: 16px; background:url(../images/btn_close3.png) 0 0 no-repeat; background-size: 16px 16px; }
.resister_box .resi_password.on .btn_delete {display:inline-block; }

.resister_box .resi_password_chk {height: 50px; position:relative; }
.resister_box .resi_password_chk input {display:block; width: 100%; height: 50px; padding-left: 45px; padding-right: 42px;   box-sizing: border-box; font-size:13px; line-height:50px; color:#333333; background:url(../images/ico_pass2_off.png) 20px center no-repeat; background-size: 16px auto; border: solid 0px #fff;}
.resister_box .resi_password_chk.on  input {background:url(../images/ico_pass2_on.png) 20px center no-repeat; background-size: 16px auto;}
.resister_box .resi_password_chk input:focus {background:url(../images/ico_pass2_on.png) 20px center no-repeat; background-size: 16px auto;}
.resister_box .resi_password_chk .btn_delete {position:absolute; right:14px; top:50%; margin-top: -8px; display:none; width: 16px; height: 16px; background:url(../images/btn_close3.png) 0 0 no-repeat; background-size: 16px 16px; }
.resister_box .resi_password_chk.on .btn_delete {display:inline-block; }

.resister_box .resi_text {padding: 0 20px; height: 50px; font-size:13px; line-height:50px; color:#333333;}
.resister_box .resi_select {display:block; padding: 0 20px; height: 50px; font-size:13px; line-height:50px; color:#333333; box-sizing: border-box; border: solid 0px #fff;}
.resi_select_2 { display:block; padding: 0 20px; height: 50px; font-size:13px; line-height:50px; color:#333333; box-sizing: border-box; border: solid 0px #fff; }
.resister_box .resi_choice {padding: 0 20px; height: 50px; font-size:13px; line-height:50px; color:#333333; position:relative; }
.resister_box .resi_choice .btn_box {position:absolute; right:14px; top:11px; overflow:hidden; width: 130px; }
.resister_box .resi_choice .btn_box a {display:inline-block; float: left; width: 65px; height: 27px; font-size:11px; line-height:27px; color:#a2a2a2; background-color:#ececec; text-align:center; border-radius: 0 4px 4px 0; }
.resister_box .resi_choice .btn_box a:first-child {border-radius: 4px 0 0 4px;}
.resister_box .resi_choice .btn_box a.on {color:#fff; background-color:#ed1846;}

.login_resister_wrap .bottom_area {padding: 25px 20px 20px 20px; }
.login_resister_wrap .bottom_area .submit {display:block; width: 100%; height: 43px; background-color:#fff; border: solid 1px #c7c7c7; font-size:14px; line-height:41px; color:#999999; border-radius: 6px; box-sizing: border-box; }
.login_resister_wrap .bottom_area .submit.on {background-color:#ed1846;  border: solid 1px #ed1846; color:#fff;}
.login_resister_wrap .bottom_area .market_agree_txt { padding-top: 18px; padding-bottom: 10px;  font-size:10px; line-height:14px; color:#858585; font-weight:100; }
.login_resister_wrap .bottom_area .market_agree_txt span {color:#f47691;}

.login_resister_wrap .login_title_type2 {padding:  0px 20px 30px 20px; font-size:12px; line-height:18px; color:#333333; border-bottom: solid 8px #f2f2f2;}
.login_resister_wrap .login_title_type2 .logo {padding-top: 25px; padding-bottom: 38px; text-align:center; }
.login_resister_wrap .login_title_type2 .logo img {width: 174px;}
.login_resister_wrap .login_title_type2 .title {font-size:18px; line-height:22px; color:#000; font-weight:700; margin-bottom: 10px; }
.login_resister_wrap .error_box {text-align:center; padding-top: 10px; }
.login_resister_wrap .error_box span {display:inline-block; padding-left: 14px; font-size:11px; line-height:12px; color:#ed1846; background:url(../images/ico_warning.png) 0 center no-repeat; background-size: 11px auto;}

.login_resister_wrap .password_comment {padding-top: 14px; font-size:11px; line-height:12px; color:#333333; text-align:center; }
.login_resister_wrap .password_comment span {color:#ed1846;}

.login_resister_complete {min-height:100%; width: 640px; border-left: solid 1px #eeeeee; border-right: solid 1px #eeeeee; background-color:#fff; margin: 0 auto; background:url(../images/bg_account.gif) 0 0 no-repeat; background-size: 100% auto; position:relative; }
.login_resister_complete .logo {position:absolute; left:0px; top:25px; text-align:center; width: 100%; }
.login_resister_complete .logo img {width: 174px;}
.login_resister_complete .comment_box {position:absolute; left:0px; top:289px; width: 100%; text-align:center; font-size:12px; line-height:18px; color:#333333; }
.login_resister_complete .comment_box .title {font-size:18px; line-height:22px; color:#000; font-weight:700; margin-bottom: 10px; }
.login_resister_complete .submit {position:absolute; left:50%; top:390px; margin-left: -140px; display:block; width: 280px; height: 43px; background-color:#ed1846;  border: solid 1px #ed1846; color:#fff; font-size:14px; line-height:41px; border-radius: 6px; box-sizing: border-box; text-align:center; }
.login_resister_complete .icon {display:block; width: 100%;  position:absolute; left:0; top:160px; text-align:center; }
.login_resister_complete .icon img {width: 0; position:relative; top:0;
	-webkit-animation: icon1 1s ease-in-out 1s infinite alternate;
	animation: icon1 1s ease-in-out 1s infinite alternate;
}
@-webkit-keyframes icon1 {
	0%    {top:0}
	100%  {top:-20px}
}

.request_wrap {width: 100%; min-height: 100%; position:fixed; top:0px; z-index:140; padding-top: 41px; margin: 0 auto; }
.request_wrap .popup_opacity { width: 100%;min-height: 100%;position: fixed;top: 0px;z-index: 150; background-color: #000;box-sizing: border-box;margin: 0 auto;opacity: 0.7; }
.request_wrap form {top: 90px; width: 640px;margin: 0 auto; background-color: #fff; z-index: 200; position: relative;}
.request_wrap .request_top_area {top: 95px; position:fixed; left:50%; z-index:200; margin-left: -320px; width: 640px; height: 40px; background-color:#fff; border-bottom: solid 1px #d2d2d2;}
.request_wrap .request_top_area .title {font-size:14px; text-align:center; line-height:40px; color:#000; font-weight:bold; }
.request_wrap .request_top_area .btn_close {position:absolute; left:0px; top:0px; display:inline-block; width: 40px; height: 40px; background:url(../images/btn_close1.png) center center no-repeat; background-size: 16px 16px;}
.request_wrap .request_top_area .btn_next_step {position:absolute; right:0px; top:0px; display:inline-block; padding: 0 10px;  height: 40px; font-size:12px; line-height:40px; color:#ed1846;}

.request_wrap .request_profile_area {position:relative; width: 100%; height: 50px; border-bottom: solid 1px #e5e5e5;}
.request_wrap .request_profile_area .profile {display:inline-block; position:absolute; left:14px; top:8px; }
.request_wrap .request_profile_area .profile .profile_img {display:inline-block; width: 35px; height: 35px; overflow:hidden; border-radius: 35px;}
.request_wrap .request_profile_area .profile .profile_img img {width: 100%; }
.request_wrap .request_profile_area .profile .profile_id {position:absolute; left:42px; top:8px; display:block; width: 200px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-weight:500; font-size:12px; color:#000; line-height:16px; }

.request_wrap .sub_title {padding: 0 18px; height: 38px; background-color:#f2f2f2; font-size:12px; color:#808080; line-height:38px; font-weight:500; }
.request_wrap .comment_box {padding: 20px; height: 170px;  border: solid 0px #fff; font-size:12px; line-height:18px; color:#282828; box-sizing: border-box;}

.request_wrap .request_complete1 {border-bottom: solid 8px #f2f2f2; padding-bottom: 28px; width: 640px; margin: 0 auto; background-color: #fff; margin-top: 80px; position: relative; z-index: 190}
.request_wrap .request_complete1 .complete_title {padding-top: 34px; font-size:15px; line-height:18px; color:#000; font-weight:700;  text-align:center; position:relative; z-index:5; }

.request_wrap .icon {display:block; height: 126px;  width: 100%; text-align:center; }
.request_wrap .icon img {width: 0px; position:relative; top:0;
	-webkit-animation: icon2 1s ease-in-out 1s infinite alternate;
	animation: icon2 1s ease-in-out 1s infinite alternate;
}
@-webkit-keyframes icon2 {
	0%    {top:0}
	100%  {top:10px}
}

.request_wrap .complete_comment1 {text-align:center; font-size:12px; line-height:18px; color:#333333;}
.request_wrap .complete_comment1 strong {font-weight:700; }
.request_wrap .complete_comment1 .col {color:#ed1846;}
.request_wrap .complete_comment2 {text-align:center; font-size:11px; line-height:18px; color:#808080; padding-top: 5px; padding-bottom: 14px; }
.request_wrap .request_infor {margin: 0 auto; display:block; width: 240px; padding: 10px 15px; background-color:#f8f8f8; text-align:center; font-size:11px; line-height:18px; color:#808080;}
.request_wrap .request_infor strong {display:inline-block; padding-left: 13px; background:url(../images/ico_call.png) 0 center no-repeat; background-size: 8px 8px; color: #000; font-weight:700; }
.request_wrap .request_complete2 {padding-bottom: 64px; width: 640px; margin: 0 auto; background-color: #fff; position: relative; z-index: 190}
.request_wrap .request_complete2 .profile {display:block; width: 100%; height: 50px;  position:relative;}
.request_wrap .request_complete2 .profile .profile_img {position:absolute; left:14px; top:8px; display:inline-block; width: 35px; height: 35px; overflow:hidden; border-radius: 35px;}
.request_wrap .request_complete2 .profile .profile_img img {width: 100%; }
.request_wrap .request_complete2 .profile .profile_id {position:absolute; left:56px; top:16px; display:block; width: 200px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-weight:500; font-size:12px; color:#000; line-height:16px; }
.request_wrap .request_complete2 table {}
.request_wrap .request_complete2 table .col_size1 {width:80px}
.request_wrap .request_complete2 table th {padding: 6px 0 6px 18px; font-size:11px; line-height:16px; color:#a0a0a0; font-weight:500; text-align:left; vertical-align:top; }
.request_wrap .request_complete2 table td {padding: 6px 18px 6px 0; font-size:11px; line-height:16px; color:#000000; text-align:left; }
.request_wrap .btn_main {display: none; position:fixed; left:50%; bottom:0px; z-index:50; width: 640px; margin-left: -320px;}
.request_wrap .btn_main a {display:block;  height: 24px; padding-top: 33px; font-size:12px; line-height:16px; color:#fff; font-weight:700; text-align:center; background:url(../images/logo_request.gif) center 9px no-repeat; background-size: 26px auto; background-color:#ff2663;}

.request_wrap .error_box {text-align:center; padding-top: 10px; }
.request_wrap .error_box span {display:inline-block; padding-left: 14px; font-size:11px; line-height:12px; color:#ed1846; background:url(../images/ico_warning.png) 0 center no-repeat; background-size: 11px auto;}

.setting_wrap {width: 640px; border: 1px solid #e1e1e1; min-height:100%; position:relative; padding-top: 41px; background-color:#fff; margin: 0 auto; }
.setting_wrap .setting_top_area {position:fixed; top:0px; z-index:50; width: 640px; height: 40px; background-color:#fff; border-bottom: solid 1px #d2d2d2;}
.setting_wrap .setting_top_area .title {font-size:14px; text-align:center; line-height:40px; color:#000; font-weight:bold; }
.setting_wrap .setting_top_area .btn_back { position:absolute; left:0px; top:0px; width: 40px; height: 40px; background:url(../images/ico_arrow2.png) center center no-repeat; background-size: 10px auto;}
.setting_wrap .setting_top_area .btn_next_step {position:absolute; right:0px; top:0px; display:inline-block; padding: 0 10px;  height: 40px; font-size:12px; line-height:40px; color:#ed1846;}
.setting_wrap .sub_title {padding-left: 17px; background-color:#f2f2f2; font-size:12px; line-height:26px; color:#808080;}
.setting_wrap .setting_menu {width: 100%; }
.setting_wrap .setting_menu li {width: 100%; border-bottom: solid 1px #e1e1e1; }
.setting_wrap .setting_menu li.b_none {border-bottom: solid 0px #fff;}
.setting_wrap .setting_menu li a {display:block; padding: 13px 35px 13px 14px; font-size:13px; line-height:18px; color:#000; position:relative; }
.setting_wrap .setting_menu li a .arrow {position:absolute; right:14px; top:50%; width: 6px; height: 10px; margin-top: -5px; background:url(../images/ico_arrow1.png) center center no-repeat; background-size: 6px auto;}
.setting_wrap .logout_box {padding: 28px 22px; }
.setting_wrap .logout_box a {display:block; height: 40px;  border: solid 1px #c7c7c7; background-color:#fff; border-radius: 6px; font-size:12px; line-height:40px; font-weight:500; color:#ed1846; text-align:center; }
.setting_wrap .error_box {text-align:center; padding-top: 10px; padding-bottom: 12px; }
.setting_wrap .error_box span {display:inline-block; padding-left: 14px; font-size:11px; line-height:12px; color:#ed1846; background:url(../images/ico_warning.png) 0 center no-repeat; background-size: 11px auto;}
.setting_wrap .password_comment {padding-top: 14px; font-size:11px; line-height:12px; color:#333333; text-align:center; }
.setting_wrap .password_comment span {color:#ed1846;}

.setting_wrap .setting_profile_area {position:relative; width: 100%; height: 57px; border-bottom: solid 1px #e5e5e5; box-sizing: border-box; padding-left: 55px; }
.setting_wrap .setting_profile_area .profile {display:inline-block; position:absolute; left:14px; top:11px; }
.setting_wrap .setting_profile_area .profile .profile_img {display:inline-block; width: 35px; height: 35px; overflow:hidden; border-radius: 35px; background:url(../images/bg_default_profile.png) center center no-repeat; background-size: 100% auto;}
.setting_wrap .setting_profile_area .profile .profile_img img {width: 100%; }
.setting_wrap .setting_profile_area .profile .icon {position:absolute; left:23px; top:20px; display:inline-block; width: 17px; height: 17px; background:url(../images/ico_pic4.png) 0 0 no-repeat; background-size: 17px 17px;}

.setting_wrap .setting_profile_area .profile_name {height: 56px; position:relative;}
.setting_wrap .setting_profile_area .profile_name input {display:block; width: 100%; height: 56px; padding-left: 5px; padding-right: 13px; box-sizing: border-box; font-size:12px; line-height:56px; color:#000; border: solid 0px #fff; vertical-align:top; }
.setting_wrap .setting_profile_area .profile_name .btn_delete {position:absolute; right:14px; top:50%; margin-top: -8px; display:none; width: 16px; height: 16px; background:url(../images/btn_close3.png) 0 0 no-repeat; background-size: 16px 16px; }
.setting_wrap .setting_profile_area .profile_name.on .btn_delete {display:inline-block; }

.setting_wrap .profile_comment_box .comment_title {padding-left: 20px; padding-top: 20px;  font-size:13px; line-height:16px; color:#333;}
.setting_wrap .profile_comment_box textarea {padding: 20px; height: 170px;  border: solid 0px #fff; font-size:12px; line-height:18px; color:#282828; box-sizing: border-box;}

.setting_wrap .setting_language_list {}
.setting_wrap .setting_language_list li {padding-left: 48px; position:relative; border-bottom: solid 1px #ececec;}
.setting_wrap .setting_language_list li input[type="radio"] {position:absolute; left:15px; top:18px; }
.setting_wrap .setting_language_list li label {display:block; height: 50px; padding-left: 35px; font-size:13px; line-height:50px; color:#282828;}
.setting_wrap .setting_language_list li .lang_vietnam {background:url(../images/img_lang1.jpg) 0 center no-repeat; background-size: 24px auto;}
.setting_wrap .setting_language_list li .lang_english {background:url(../images/img_lang2.jpg) 0 center no-repeat; background-size: 24px auto;}
.setting_wrap .setting_language_list li .lang_korean {background:url(../images/img_lang3.jpg) 0 center no-repeat; background-size: 24px auto;}


.login_wrap {width: 100%; min-height: 100%; padding-bottom: 30px; position:relative; background:url(../images/bg_login_pc.jpg) 0 0 no-repeat; background-size: 100% auto; box-sizing: border-box; border-left: solid 1px #eeeeee; border-right: solid 1px #eeeeee; margin: 0 auto;}
.login_wrap .logo {padding: 80px 0 80px 0; text-align:center; vertical-align:top; line-height:0px; }
.login_wrap .logo img {width: 198px; vertical-align:top; }
.login_wrap .language_list {font-size:12px; line-height:18px; color:#dedede; text-align:center; font-weight:100; margin-bottom: 33px; }
.login_wrap .language_list a {display:inline-block; margin: 0 8px; vertical-align:top; padding-bottom: 2px; }
.login_wrap .language_list a.on {color:#fff; font-weight:500; border-bottom: solid 2px #fff;}

.login_wrap .login_case_list {width: 266px; margin: 0 auto;}
.login_wrap .login_case_list li {width: 100%; margin-top: 7px; }
.login_wrap .login_case_list li a {display:block; height: 42px; font-size:12px; line-height:42px; text-align:center;  color:#fff; border: solid 1px #fff; border-radius: 4px; background:url(../images/bg_login_blank1.png) 0 0 repeat; }
.login_wrap .login_case_list li a.phone span {display:inline-block; padding-left: 23px; background:url(../images/img_login2.png) 0 center no-repeat; background-size: 12px auto;}
.login_wrap .login_case_list li a.facebook span {display:inline-block; padding-left: 20px; background:url(../images/img_login3.png) 0 center no-repeat; background-size: 10px auto;}
.login_wrap .login_case_list li a.google span {display:inline-block; padding-left: 25px; background:url(../images/img_login4.png) 0 center no-repeat; background-size: 15px auto;}

.login_wrap .or_sec {padding: 23px 0; font-size:11px; line-height:12px; color:#a59ea0; text-align:center; position:relative; }
.login_wrap .or_sec .l_line {position:absolute; left:50%; top:50%; margin-left: -78px; width: 66px; height: 1px; background-color:#fff; opacity:0.6}
.login_wrap .or_sec .r_line {position:absolute; left:50%; top:50%; margin-left: 12px; width: 66px; height: 1px; background-color:#fff; opacity:0.6}

.login_wrap .login_resister_box {}

.login_wrap .login_resister_box ul {width: 266px; margin: 0 auto; position:relative; border-radius: 4px; border: solid 1px #fff; margin-bottom: 14px; }
.login_wrap .login_resister_box li {background:url(../images/bg_login_blank1.png) 0 0 repeat; }
.login_wrap .login_resister_box .resi_mail {height: 42px; position:relative; border-bottom: solid 1px #fff;}
.login_wrap .login_resister_box .resi_mail input {display:block; width: 100%; height: 42px; padding-left: 45px; padding-right: 42px; box-sizing: border-box; font-size:12px; line-height:42px; color:#fff; background:url(../images/img_login5.png) 17px center no-repeat; background-size: 15px auto; border: solid 0px #fff;}
.login_wrap .login_resister_box .resi_mail .btn_delete {position:absolute; right:14px; top:50%; margin-top: -8px; display:none; width: 16px; height: 16px; background:url(../images/btn_close4.png) 0 0 no-repeat; background-size: 16px 16px; }
.login_wrap .login_resister_box .resi_mail.on .btn_delete {display:inline-block; }

.login_wrap .login_resister_box .resi_password {height: 42px; position:relative; }
.login_wrap .login_resister_box .resi_password input {display:block; width: 100%; height: 42px; padding-left: 45px; padding-right: 42px; box-sizing: border-box; font-size:12px; line-height:42px; color:#fff; background:url(../images/img_login6.png) 19px center no-repeat; background-size: 12px auto; border: solid 0px #fff;}
.login_wrap .login_resister_box .resi_password .btn_delete {position:absolute; right:14px; top:50%; margin-top: -8px; display:none; width: 16px; height: 16px; background:url(../images/btn_close4.png) 0 0 no-repeat; background-size: 16px 16px; }
.login_wrap .login_resister_box .resi_password.on .btn_delete {display:inline-block; }

.login_wrap .login_resister_box .error_box {display:none; text-align:center; line-height:13px; margin-bottom: 10px; }
.login_wrap .login_resister_box .error_box span {display:inline-block; padding-left: 14px; font-size:11px; line-height:13px; color:#ff9eb4; background:url(../images/ico_warning2.png) 0 center no-repeat; background-size: 11px auto; font-weight:100; }

.login_wrap .login_resister_box.error .error_box {display:block; }
.login_wrap .login_resister_box.error ul {border: solid 1px #ff88a3;}
.login_wrap .login_resister_box.error li {background:url(../images/bg_login_blank2.png) 0 0 repeat; }
.login_wrap .login_resister_box.error .resi_mail {border-bottom: solid 1px #ff88a3;}

.login_wrap .login_etc {width: 266px; margin: 0 auto; margin-bottom: 25px; position:relative;  line-height:14px; }
.login_wrap .login_etc .cus_checkbox label {color:#c8c8c8; font-weight:100; }
.login_wrap .login_etc .find_password {position:absolute; right:0px; top:0px; font-size:11px; color:#c8c8c8; line-height:14px; font-weight:100; }

.login_wrap .btn_login {width: 266px; margin: 0 auto; margin-bottom:16px; }
.login_wrap .btn_login input[type="submit"] {display:block; border: solid 0px #fff; width: 100%; height: 42px; text-align:center; font-size:14px; line-height:42px; color:#fff; background:url(../images/bg_login_blank3.png) 0 0 repeat;  border-radius: 4px; }
.login_wrap .btn_login a {display:block; border: solid 0px #fff; width: 100%; height: 42px; text-align:center; font-size:14px; line-height:42px; color:#fff; background:url(../images/bg_login_blank3.png) 0 0 repeat;  border-radius: 4px; }

.login_wrap .resister_comment {color:#c8c8c8; font-size:12px; line-height:16px; text-align:center; font-weight:100; width: 264px;
    margin: 0 auto;
    height: 40px;
    line-height: 40px;
    border-radius: 4px; border: 1px solid #ce1c44; }
.login_wrap .resister_comment a {color:#ff88a3;}

.provision_wrap {width: 640px; min-height:100%; border-left: solid 1px #eeeeee; border-right: solid 1px #eeeeee; background-color:#fff; margin: 0 auto; position:relative; padding-top: 41px;}
.provision_wrap .provision_top_area {position:fixed; left:50%; top:0px; margin-left: -320px; z-index:50; width: 640px; height: 40px; background-color:#fff; border-bottom: solid 1px #d2d2d2;}
.provision_wrap .provision_top_area .title {font-size:14px; text-align:center; line-height:40px; color:#000; font-weight:bold; }
.provision_wrap .provision_top_area .btn_back {position:absolute; left:0px; top:0px; display:inline-block; width: 40px; height: 40px; background:url(../images/ico_arrow2.png) center center no-repeat; background-size: 10px auto;}
.provision_wrap .provision_box {font-size:13px; line-height:18px; color:#303030; padding: 20px 17px; }
.provision_wrap .title1 {font-size:18px; line-height:22px; color:#000000;}
.provision_wrap .title2 {font-size:16px; line-height:20px; color:#282828;}
.provision_wrap .title3 {font-size:14px; line-height:20px; color:#282828;}
.provision_wrap .txt_box1 {padding-left: 20px; position:relative; }
.provision_wrap .txt_box1 .num {position:absolute; left:0px; top:0px; }


.service_wrap {width: 640px; min-height:100%; border-left: solid 1px #eeeeee; border-right: solid 1px #eeeeee; background-color:#fff; margin: 0 auto;  position:relative; padding-top: 41px;}
.service_wrap .service_top_area {position:fixed; left:50%; top:0px; margin-left: -320px; z-index:50; width: 640px; height: 40px; background-color:#fff; border-bottom: solid 1px #d2d2d2;}
.service_wrap .service_top_area .title {font-size:14px; text-align:center; line-height:40px; color:#000; font-weight:bold; }
.service_wrap .service_top_area .btn_back {position:absolute; left:0px; top:0px; display:inline-block; width: 40px; height: 40px; background:url(../images/ico_arrow2.png) center center no-repeat; background-size: 10px auto;}
.service_wrap .service_comment {width: 100%; position:relative; }
.service_wrap .service_comment img {width: 100%; }
.service_wrap .service_comment .comment {position:absolute; right:0px; bottom:0px; padding: 20px; font-size:18px; line-height:34px; color:#fff; text-align:right; font-weight:100; }
.service_wrap .service_comment .comment span {display:inline-block; background-color:#ef2f58; vertical-align:0; padding: 0 5px; line-height:28px; }
.service_wrap .service_infor {padding: 15px 18px; }
.service_wrap .service_infor table {}
.service_wrap .service_infor table .col1 {width: 110px; }
.service_wrap .service_infor table .col2 {}
.service_wrap .service_infor table th {text-align:left; font-size:12px; line-height:26px; color:#a0a0a0; font-weight:700; vertical-align:top; }
.service_wrap .service_infor table td {text-align:left; font-size:12px; line-height:26px; color:#000000;}
.service_wrap .service_infor table td a {color:#e3214b; display:inline-block; margin-left: 5px;}


.using_wrap {width: 100%; position:relative; }
.using_wrap .using_intro {width:100%; margin:  0 auto; margin-bottom: 0; height: 300px; position:relative; background:url(../images/bg_using_new.png) center center no-repeat; background-size: 100% auto; top: 95px;}
.using_wrap .using_intro .logo {width: 100%; text-align:center; padding: 40px 0 24px 0; }
.using_wrap .using_intro .logo img {width: 70px; }
.using_wrap .using_intro .using_comment { width: 1170px; margin: 0 auto; }
.using_wrap .using_intro .using_comment .line { width: 30px; height: 0px; border: 2.5px solid #ffffff; margin-top: 120px; margin-left: 35px;}
.using_wrap .using_intro .comment1 {padding-left: 35px; text-transform: uppercase; font-size:36px; line-height:45px; color:#ffffff; font-family: 'NotoSans-Regular'; top: 100px; position: relative; width: 700px;}
.using_wrap .using_intro .comment1 span { width: 100%; float: left; }
.using_wrap .using_intro .comment2 {padding-top: 8px; font-size:11px; line-height:18px; color:#d7d1ce; text-align:center; font-weight:100; }


.using_wrap .menu_list { width: 1140px; margin: 100px auto; margin-bottom: 0; height: 80px; line-height: 78px; font-size:18px; text-align:center; border-bottom: 5px solid #eff1f5; font-family: 'NotoSans-Regular';}
.using_wrap .menu_list a {font-size: 18px; display:inline-block; width: 100%; vertical-align:top; padding-bottom: 2px; color:#888888; text-transform: uppercase;}
.using_wrap .menu_list a.on {color:#ff2663; font-weight:700; border-bottom: solid 5px #ff2663;}
.using_wrap .menu_list li { width: 285px; float: left; }

.using_wrap .menu_contents {width: 100%; margin: 0 auto; }
.using_wrap .about_content {width: 1140px; margin: 0 auto; margin-top: 100px; }
.using_wrap .menu_contents .conts_box {width: 100%; position:relative; padding-bottom: 57px; }

.using_wrap .service_list_box {width: 100%; position:relative; float: left;}
.using_wrap .service_list_box .s_line {height: 85%; width: 1px; background-color:#e0e0e0; position:absolute; left:53px; top:0px; }
.using_wrap .service_list {margin: 0 20px; padding-bottom: 30px;  position:relative; border-bottom: solid 1px #e0e0e0;}
.using_wrap .service_list li {padding-left: 85px; padding-bottom: 20px; font-size:11px; line-height:15px; color:#808080; font-weight:100; }
.using_wrap .service_list li .num {font-weight:700; color:#ff2663; display:block; padding-bottom: 2px; }
.using_wrap .service_list li .title {font-size:12px; font-weight:500; color:#000000; padding-bottom: 3px; }
.using_wrap .service_list li .title strong {font-weight:700; display:block; }
.using_wrap .service_list li.s1 {background:url(../images/img_using1_1.png) 0 0 no-repeat; background-size: 68px auto;}
.using_wrap .service_list li.s2 {background:url(../images/img_using1_2.png) 0 0 no-repeat; background-size: 68px auto;}
.using_wrap .service_list li.s3 {background:url(../images/img_using1_3.png) 0 0 no-repeat; background-size: 68px auto;}
.using_wrap .service_list li.s4 {background:url(../images/img_using1_4.png) 0 0 no-repeat; background-size: 68px auto;}
.using_wrap .service_list li.s5 {background:url(../images/img_using1_5.png) 0 0 no-repeat; background-size: 68px auto;}

.using_wrap .service_list_box .title {margin-left: -4px; line-height: 20px; margin: 60px 0 40px 0; font-size: 30px; color: #000; font-family: 'NotoSans-Regular'; text-transform: uppercase;}
.using_wrap .service_list_box .title img { width: 30px; height: auto; right: -4px; position: relative;}
.using_wrap .service_list_box .content div { width: 60%; float: left; }
.using_wrap .service_list_box .content div h2{ font-family: 'NotoSans-Regular'; font-size: 18px; color: #000000; margin-bottom: 20px; }
.using_wrap .service_list_box .content div p{ font-family: 'NotoSans-Regular'; font-size: 16px; color: #848b9f; margin-bottom: 20px; margin-right: 20px;}
.using_wrap .service_list_box .content span { width: 40%; float: left; }
.using_wrap .service_list_box .content span img { width: 466px; margin-top: 30px; }
.using_wrap .service_list_box .content span img.imgillust { margin-top: 0px; }
.using_wrap .service_list_box .successfull { width: 100%; float: left; font-size: 18px; font-family: 'NotoSans-Regular'; color: #000000; }
.using_wrap .service_list_box .content_person { float: left; width: 100%; margin-bottom: 40px;}
.using_wrap .service_list_box .content_person h2 { width: 100%; float: left; margin-top: 60px; color: #000000; line-height: 20px; font-size: 24px; font-family: 'NotoSans-Regular'; text-transform: uppercase; }
.using_wrap .service_list_box .content_person h2 span { width: 4px; height: 20px; border: 1px solid #ff2663; background-color: #ff2663; margin-right: 10px;}
.using_wrap .service_list_box .content_person div { width: 56%; float: left;  margin-top: 30px; }
.using_wrap .service_list_box .content_person span img { width: 480px; height: 360px; }
.using_wrap .service_list_box .content_person span { width: 44%; float: left; }

.using_wrap .our_server { width: 100%; background-color: #f3f4f7; float: left; }
.using_wrap .our_server .in_ourservice { width: 1140px; margin: 0 auto; }
.using_wrap .in_ourservice .title {line-height: 20px; margin-top: 35px; color: #000000; font-size: 24px; font-family: 'NotoSans-Regular'; text-transform: uppercase; }
.using_wrap .in_ourservice .title span {float: left; width: 4px; height: 20px; border: 1px solid #ff2663; background-color: #ff2663; margin-right: 10px;}
.using_wrap .in_ourservice .content { margin-top: 25px; }
.using_wrap .in_ourservice .content h3 { font-family: 'NotoSans-Regular'; font-size: 16px; color: #000000;}
.using_wrap .in_ourservice .content h3.tit_core { text-align: center; line-height: 40px;}
.using_wrap .in_ourservice .content p { font-family: 'NotoSans-Regular'; font-size: 16px; color: #848b9f; margin-bottom: 20px; }
.using_wrap .core_value .content p { margin-bottom: 0px; line-height: 35px;}

.using_wrap .proceduce {  }
.using_wrap .content_proceduce { padding-top: 40px; position: relative; z-index: 2; width: 1140px; margin: 0 auto; top: 90px;}
.using_wrap .proceduce .bg_image { }
.using_wrap .proceduce .bg_image img.img_bg { width: 100%; position: relative; height: 1300px;}
.using_wrap .content_proceduce .title { margin-left: -4px; line-height: 20px; font-size: 30px; color: #ffffff; font-family: 'NotoSans-Regular'; text-transform: uppercase;}
.using_wrap .content_proceduce .title img { width: 30px; height: auto; right: -4px; position: relative;}
.using_wrap .content_proceduce .div_left { position: absolute; width: 50%; left: 0; top: 100px;}
.using_wrap .content_proceduce .div_left div {width: 50%; text-align: right; float: left;}
.using_wrap .content_proceduce .div_left div li {color: #ffffff; font-size: 15px; font-family: 'NotoSans-Regular'; padding: 110px 0px 120px 50px;}
#wrap.vi .using_wrap .content_proceduce .div_left div li {padding: 100px 0px 120px 50px;}
.using_wrap .content_proceduce .div_left ul {width: 50%; text-align: center; float: left; z-index: 40; position: relative; }
.using_wrap .content_proceduce .div_left ul li { color: #000; padding: 65px 45px 80px 55px; height: 180px; }
.using_wrap .content_proceduce .div_left ul li h1{ font-size: 30px; font-family: 'NotoSans-Regular'; color: #111111; }
.using_wrap .content_proceduce .div_left ul li p{ font-size: 15px; font-family: 'NotoSans-Regular'; color: #111111; }
.using_wrap .content_proceduce .div_center { position: absolute; left: 25%; top: 120px;}
.using_wrap .content_proceduce .div_center img { position: absolute; }
.using_wrap .content_proceduce .div_right { position: absolute; width: 50%; right: 0; top: 250px;}
.using_wrap .content_proceduce .div_right div {width: 50%; float: right;}
.using_wrap .content_proceduce .div_right div li {padding: 125px 40px 112px 10px; color: #ffffff; font-size: 15px; font-family: 'NotoSans-Regular';}
.using_wrap .content_proceduce .div_right ul {width: 50%; text-align: center; float: left; z-index: 40; position: relative; }
.using_wrap .content_proceduce .div_right ul li { color: #000; padding: 72px 45px 80px 55px; height: 180px;}
.using_wrap .content_proceduce .div_right ul li h1{ font-size: 30px; font-family: 'NotoSans-Regular'; color: #111111; }
.using_wrap .content_proceduce .div_right ul li p{ font-size: 15px; font-family: 'NotoSans-Regular'; color: #111111; }
.using_wrap .content_proceduce .div_proceduce ul li img { padding: 5px 0; }
.using_wrap .service_comment {padding: 25px 0; font-size:14px; line-height:20px; color:#000000; font-weight:700; }
.using_wrap .service_comment span {color:#ef2f58;}
.using_wrap .service_comment.border {margin: 0 27px; border-top: solid 1px #d6d6d6;}
#wrap.vi .using_wrap .content_proceduce .div_right div li { height: 130px; padding: 210px 40px 135px 10px}
#wrap.vi .using_wrap .content_proceduce .div_right div li.first_t4 { height: 120px; padding: 115px 40px 111px 10px;}
#wrap.ko .using_wrap .content_proceduce .div_right div li { padding: 135px 40px 140px 10px; }
#wrap.ko .using_wrap .content_proceduce .div_left div li { padding: 130px 0px 155px 50px; }
.margin_fiv_left {margin-top: 150px;}
.using_wrap .special_offers { padding-bottom: 40px; }
.using_wrap .special_offers .title {margin: 60px 0 20px 0; margin-left: 4px; line-height: 20px; font-size: 30px; color: #000000; font-family: 'NotoSans-Regular'; text-transform: uppercase;}
.using_wrap .special_offers .title img { width: 30px; height: auto; right: -4px; position: relative;}
.using_wrap .special_offers .special { width: 1170px; margin: 0 auto; }
.using_wrap .special_offers .content { width: 23.9%; height: 305px; margin: 20px 35px; padding: 35px 20px 30px; border-radius: 20px; background-color: #ffffff; float: left;}
.using_wrap .special_offers .content h2 { font-family: 'NotoSans-Regular'; font-size: 24px; color: #000000; line-height: 1.2; margin-bottom: 30px;}
.using_wrap .special_offers .content .bot_cont p { width: 65%; float: left; font-family: 'NotoSans-Regular'; font-size: 14px; color: #848b9f; }
.using_wrap .special_offers .content .bot_cont img { width: 35%; float: left; }

/*slide*/
.slider_homepage { width: 1000px; margin: 0 auto;}
.slider_homepage .title {margin: 60px 0 20px 0; margin-left: 4px; line-height: 20px; font-size: 30px; color: #000000; font-family: 'NotoSans-Regular'; text-transform: uppercase;}
.slider_homepage .title img { width: 30px; height: auto; right: -4px; position: relative;}
.slider_homepage .special { width: 1170px; margin: 0 auto; }
.slider_homepage .content { width: 23.9%; height: 250px; margin-right: 10px; margin-left: 10px; padding: 35px 20px 30px; border-radius: 20px; background-color: #ffffff; float: left;}
.slider_homepage .content h2 { font-family: 'NotoSans-Regular'; font-size: 20px; color: #000000; line-height: 1.2; margin-bottom: 30px;}
.slider_homepage .content .bot_cont p { width: 65%; float: left; font-family: 'NotoSans-Regular'; font-size: 14px; color: #848b9f; }
.slider_homepage .content .bot_cont img { width: 35%; float: left; position: relative; right: -8px;}
.slider_homepage .slick-prev{left: -60px;}
.slider_homepage .slick-next{right: -60px;}
.slider_homepage .slick-prev:before {content: url(../images/ico_arrow_slideleft_nonehover.png);}
.slider_homepage .slick-next:before {content: url(../images/ico_arrow_slideright_nonehover.png);}
.slider_homepage .slick-prev,.slider_homepage .slick-next{ width: 40px; height: 70px; top: 46%;}

.using_wrap .website_guide .bg_image img.img_bg { width: 100%; position: relative; height: 1040px;}
.using_wrap .website_guide .content h2 {text-align: center; color: #ffffff; font-size: 36px; font-family: 'NotoSans-Regular'; }
.using_wrap .website_guide .content p {text-align: center; color: #ffffff; font-size: 24px; font-family: 'NotoSans-Regular'; }
.using_wrap .website_guide .content { position: absolute;  text-align: center; padding: 55px 0;}
.using_wrap .website_guide .content div.line { width: 60px; height: 0; border: 2.5px solid #fff; margin: 25px auto; }

.website_guide .bot_img { height: 460px; background-color: #fff; }
.website_guide .tab_content {  z-index: 100; padding: 0 56px; }
.website_guide .bot_img img { width: 100%;}
.website_guide .IMG3 {  position: absolute; top: 38%; left: 0; z-index: -5;}
.website_guide ul.tabs{ margin: 0px; padding: 0px; list-style: none; margin-bottom: 32px;}
.website_guide ul.tabs li{ width: 20%; font-size: 30px; font-family: 'NotoSans-Regular'; background: none; color: #ffffff; display: inline-block; padding: 10px 15px; cursor: pointer; }
.website_guide ul.tabs li h3 { font-size: 30px; }
.website_guide ul.tabs li span{ color: #ff268e; }
.website_guide ul.tabs li p{ color: #ffffff; font-size: 24px; font-family: 'NotoSans-Regular';}
.website_guide ul.tabs li.current{ background: #d1164b; color: #ffffff; }
.website_guide ul.tabs li.current span{ color: #ffffff; }
.website_guide ul.tabs li.current p{ color: #ffffff; }
.website_guide .tab-content{ display: none; background: #ededed; margin-top: 55px; }
.website_guide .tab-content.current{ display: inherit; }
.website_guide .tab_content div img { width: 100%;}



.using_wrap .btn_consult {position:fixed; bottom:0px; z-index:50; width: 100%;}
.using_wrap .btn_consult a {display:block;  height: 24px; padding-top: 33px; font-size:12px; line-height:16px; color:#fff; font-weight:700; text-align:center; background:url(../images/ico_consult.png) center 7px no-repeat; background-size: 21px auto; background-color:#ff2663;}

.using_wrap .benefit_title {height: 2px; margin-top: 40px; background-color:#ef2f58; position:relative; width: 100%; text-align:center; }
.using_wrap .benefit_title.mt68 {margin-top: 68px;}
.using_wrap .benefit_title span {position:relative; top:-26px; display:inline-block; padding: 7px 15px; font-size:14px; color:#fff; line-height:20px; background-color:#ef2f58; vertical-align:top; font-weight:100; }
.using_wrap .benefit_title span strong {font-weight:500; }

.using_wrap .benefit_list1 {background-color:#f5f5f5; padding-top: 48px; padding-bottom: 15px;}
.using_wrap .benefit_list1 li {margin-bottom: 13px; }
.using_wrap .benefit_list1 li .in_box {background-color:#fff; min-height:54px; font-size:11px; line-height:16px; color:#808080;}
.using_wrap .benefit_list1 li .in_box strong {font-size:12px; line-height:18px; color:#000000;display:block; padding-bottom: 3px; }
.using_wrap .benefit_list1 .left {padding-right: 28px; }
.using_wrap .benefit_list1 .left .in_box {padding: 20px 20px 20px 90px; border-radius: 0 6px 6px 0; border: solid 1px #ececec; border-left: solid 0px #fff;}
.using_wrap .benefit_list1 .right {padding-left: 28px; }
.using_wrap .benefit_list1 .right .in_box {padding: 20px 30px 20px 90px; border-radius: 6px 0 0 6px; border: solid 1px #ececec; border-right: solid 0px #fff;}
.using_wrap .benefit_list1 .ty1 .in_box {background:url(../images/img_using2_1.png) 20px center no-repeat; background-size: 60px auto; background-color:#fff;}
.using_wrap .benefit_list1 .ty2 .in_box {background:url(../images/img_using2_2.png) 20px center no-repeat; background-size: 60px auto; background-color:#fff;}
.using_wrap .benefit_list1 .ty3 .in_box {background:url(../images/img_using2_3.png) 20px center no-repeat; background-size: 60px auto; background-color:#fff;}
.using_wrap .benefit_list1 .ty4 .in_box {background:url(../images/img_using2_4.png) 20px center no-repeat; background-size: 60px auto; background-color:#fff;}
.using_wrap .benefit_list1 .ty5 .in_box {background:url(../images/img_using2_5.png) 20px center no-repeat; background-size: 60px auto; background-color:#fff;}
.using_wrap .benefit_list1 .ty6 .in_box {background:url(../images/img_using2_6.png) 20px center no-repeat; background-size: 60px auto; background-color:#fff;}

.using_wrap .benefit_list2 {background-color:#f5f5f5; padding: 47px 13px 38px 13px; overflow:hidden; }
.using_wrap .benefit_list2 .wid {width: 50%; }
.using_wrap .benefit_list2 td {background-color:#fff; padding: 80px 20px 20px 20px; font-size:11px; line-height:16px; color:#808080; text-align:center; }
.using_wrap .benefit_list2 td strong {font-size:12px; line-height:18px; color:#000000;display:block; padding-bottom: 3px; }
.using_wrap .benefit_list2 td.ty1 {background:url(../images/img_using3_1.png) center 20px no-repeat; background-size: 60px auto; background-color:#fff;}
.using_wrap .benefit_list2 td.ty2 {background:url(../images/img_using3_2.png) center 20px no-repeat; background-size: 60px auto; background-color:#fff;}
.using_wrap .benefit_list2 td.ty3 {background:url(../images/img_using3_3.png) center 20px no-repeat; background-size: 60px auto; background-color:#fff;}
.using_wrap .benefit_list2 td.ty4 {background:url(../images/img_using3_4.png) center 20px no-repeat; background-size: 60px auto; background-color:#fff;}

.using_wrap .using_explain_box {width: 100%; position:relative; height: 700px; }
.using_wrap .using_explain_box .bg {position:absolute; left:0px; top:0px; width: 100%; height: 430px; background:url(../images/img_using4.jpg) center top no-repeat; background-size: 100% auto;}
.using_wrap .using_explain_box .title_area {padding-top: 50px; padding-bottom: 30px;  text-align:center; position:relative; font-size:14px; line-height:18px;  color:#dddbdb; font-weight:100; }
.using_wrap .using_explain_box .title_area .tit {font-size:20px; line-height:26px; color:#fff; padding-bottom: 8px; font-weight:700; }
.using_wrap .using_explain_box .title_area .line {display:block; width: 36px; height: 4px; background-color:#fff; margin: 0 auto;}
.using_wrap .using_explain_box .exp_btns {padding: 0 14px; position:relative; }
.using_wrap .using_explain_box .exp_btns .wid {width: 25%; }
.using_wrap .using_explain_box .exp_btns table {border-spacing: 1px; border-collapse:separate}
.using_wrap .using_explain_box .exp_btns td {cursor:pointer; vertical-align:top; background:url(../images/blank4.png) 0 0 repeat; }
.using_wrap .using_explain_box .exp_btns td.on {background:url(../images/bg_main2.png) 0 0 repeat; }
.using_wrap .using_explain_box .exp_btns a {padding: 5px; display:block; font-size:10px; color:#cccaca; line-height:14px; font-weight:100; }
.using_wrap .using_explain_box .exp_btns a .t_tit {font-weight:300; color:#fff; line-height:14px; display:block; padding-bottom: 3px; }
.using_wrap .using_explain_box .exp_btns a .t_tit strong {font-weight:500; color:#ff628e;}

.using_wrap .using_explain_box .exp_btns td.on .t_tit strong {font-weight:500; color:#fff;}

.using_wrap .exp_slider {width: 100%; height: auto; position:relative; overflow:hidden; padding-top: 35px; }
.using_wrap .exp_slider ul {width: 9999px; }
.using_wrap .exp_slider ul li {float: left; width: 100%; height: 425px;}
.using_wrap .exp_slider ul li.ty1 {background:url(../images/img_using5_1.png) center top no-repeat; background-size: 182px auto;}
.using_wrap .exp_slider ul li.ty2 {background:url(../images/img_using5_2.png) center top no-repeat; background-size: 182px auto;}
.using_wrap .exp_slider ul li.ty3 {background:url(../images/img_using5_3.png) center top no-repeat; background-size: 182px auto;}
.using_wrap .exp_slider ul li.ty4 {background:url(../images/img_using5_4.png) center top no-repeat; background-size: 182px auto;}

.profile_view_wrap {min-height:100%; width: 640px; border-left: solid 1px #eeeeee; border-right: solid 1px #eeeeee; background-color:#fff; margin: 0 auto; padding-bottom: 57px; }
.profile_view_wrap .pv_top_area {position:fixed; left:50%; top:0px; z-index:10; width: 640px; margin-left: -320px; height: 40px; transition: all 0.2s linear;}
.profile_view_wrap .pv_top_area.top {background-color:#fff; border-bottom: solid 1px #d2d2d2; }

.profile_view_wrap .btn_back {position:absolute; left:0px; top:0px; z-index:10; display:inline-block; width: 40px; height: 40px; background:url(../images/ico_arrow2.png) center center no-repeat; background-size: 10px auto;}
.profile_view_wrap .btn_setting {position:absolute; right:50px; top:0px; z-index:10; display:inline-block; width: 40px; height: 40px; background:url(../images/ico_setting.png) center center no-repeat; background-size: 20px auto;}
.profile_view_wrap .btn_alert {position:absolute; right:14px; top:0px; z-index:10; display:inline-block; width: 40px; height: 40px; background:url(../images/ico_bell.png) center center no-repeat; background-size: 17px auto;}
.profile_view_wrap .btn_alert .alert_counter {position:absolute; left:23px; bottom:5px; display:inline-block; height: 16px; line-height:16px;  padding: 0 5px; font-size:8px; color:#fff; font-weight:100;  border-radius: 14px; background-color:#ed1846; text-align:center;  transition: all 0.2s linear;}

.profile_view_wrap .pv_detail_area {position:relative; width: 100%; padding-top: 100px; padding-bottom: 35px;  border-bottom: solid 8px #f2f2f2;}
.profile_view_wrap .pv_detail_area.bg1 {background:url(../images/bg_pv1.png) left top no-repeat; background-size: 100% auto;}
.profile_view_wrap .pv_detail_area.bg2 {background:url(../images/bg_pv2.png) left top no-repeat; background-size: 100% auto;}
.profile_view_wrap .pv_detail_area.bg3 {background:url(../images/bg_pv3.png) left top no-repeat; background-size: 100% auto;}
.profile_view_wrap .pv_detail_area.bg4 {background:url(../images/bg_pv4.png) left top no-repeat; background-size: 100% auto;}
.profile_view_wrap .pv_detail_area.bg5 {background:url(../images/bg_pv5.png) left top no-repeat; background-size: 100% auto;}
.profile_view_wrap .pv_detail_area.bg6 {background:url(../images/bg_pv6.png) left top no-repeat; background-size: 100% auto;}
.profile_view_wrap .pv_detail_area.bg7 {background:url(../images/bg_pv7.png) left top no-repeat; background-size: 100% auto;}
.profile_view_wrap .pv_detail_area.bg8 {background:url(../images/bg_pv8.png) left top no-repeat; background-size: 100% auto;}

.profile_view_wrap .pv_detail_area .pv_logo {position:absolute; left:50%; top:40px; margin-left: -49px; display:inline-block; width: 97px; height: 72px;  background:url(../images/img_pro1.png) 0 0 no-repeat; background-size: 97px auto;}
.profile_view_wrap .pv_detail_area .pv_img {width: 67px; height: 67px; margin: 0 auto; margin-bottom: 15px;  border: solid 1px #dbdfe0; border-radius: 80px;}
.profile_view_wrap .pv_detail_area .pv_img img {width: 100%; border-radius: 80px;}
.profile_view_wrap .pv_detail_area .btn_modify {position:absolute; left:50%; top:140px; margin-left: 50px; border: solid 1px #dcdcdc; display:inline-block; padding: 0 8px 0 22px; font-size:11px; line-height:20px; color:#808080; background:url(../images/ico_modify.png) 9px center no-repeat; background-size: 11px auto; background-color:#fff; border-radius: 4px;}
.profile_view_wrap .pv_detail_area .pv_main_comment {text-align:center; padding: 0 13px 5px 13px; font-size:15px; line-height:18px; color:#282828; font-weight:100; }
.profile_view_wrap .pv_detail_area .pv_main_comment strong {font-weight:500; color:#000;}
.profile_view_wrap .pv_detail_area .pv_infor {font-size:12px; line-height:16px; color:#a0a0a0; font-weight:100; text-align:center; padding: 0 13px 18px 13px;}
.profile_view_wrap .pv_detail_area .pv_infor span {padding: 0 8px; display:inline-block; background:url(../images/line1.gif) 0 center no-repeat; background-size: 1px 9px;}
.profile_view_wrap .pv_detail_area .pv_infor .facebook {display:inline-block; padding-left: 16px; padding-right: 8px;  background:url(../images/ico_facebook.gif) 0 center no-repeat; background-size: 12px auto;}
.profile_view_wrap .pv_detail_area .pv_infor .google {display:inline-block; padding-left: 16px; padding-right: 8px;  background:url(../images/ico_google.png) 0 center no-repeat; background-size: 12px auto;}
.profile_view_wrap .pv_detail_area .pv_infor .phone {display:inline-block; padding-left: 16px; padding-right: 8px;  background:url(../images/ico_phone.png) 0 center no-repeat; background-size: 9px auto;}
.profile_view_wrap .pv_detail_area .line {width: 25px; height: 2px; background-color:#000; margin: 0 auto;}
.profile_view_wrap .pv_detail_area .pv_etc {font-size:12px; line-height:18px; color:#000000; text-align:center; padding: 12px 13px 0 13px;}
.profile_view_wrap .pv_detail_area .pv_etc a {color:#007ee9;}

.profile_view_wrap .article_total {height: 34px; line-height:34px; padding-left: 14px; font-size:12px; color:#888888; border-bottom: solid 1px #d7d7dd;}
.profile_view_wrap .article_total strong {color:#000; font-weight:700; }

.profile_view_wrap .menu_list {padding:20px 0; text-align:center;}
.profile_view_wrap .menu_list ul {display:inline-block; overflow:hidden;}
.profile_view_wrap .menu_list li {width:130px; float:left; border-bottom:solid 1px #d3d3d3; position:relative;}
.profile_view_wrap .menu_list li.on a {font-weight:700; color:#000;}
.profile_view_wrap .menu_list li.on:before {content:""; display:block; width:100%; height:2px; background-color:#ed1846; position:absolute; left:0px; bottom:-1px;}
.profile_view_wrap .menu_list li a {display:block; color:#d5d5d5; font-size:13px; line-height:40px;}
.profile_view_wrap .menu_list li a span.ea {display:inline-block; height:20px; line-height:20px; padding:0 5px; border-radius:10px; color:#fff; background-color:#d5d5d5; font-weight:200;}
.profile_view_wrap .menu_list li.on a span.ea {background-color:#e28297;}
.profile_view_wrap .menu_list li a span.ea:before {display:inline-block;}

.profile_ideas_list_wrap {}
.profile_ideas_list_wrap .img_masonry_list {padding: 0 14px; }
.profile_ideas_list_wrap .img_masonry_list ul {width: 100%; overflow:hidden;}
.profile_ideas_list_wrap .img_masonry_list li {float: left; position:relative;  width: 50%; box-sizing: border-box; padding: 0 3px; margin-bottom: 6px; }
.profile_ideas_list_wrap .img_masonry_list li a {display:block; }
.profile_ideas_list_wrap .img_masonry_list li a img {width: 100%; border-radius: 12px;}
.profile_ideas_list_wrap .img_masonry_list li .btn_delete {position:absolute; right:3px; top:0px; display:inline-block; width: 25px; height: 25px; background:url(../images/ico_profile_delete.png) center center no-repeat; background-size: 11px 11px;}
.profile_ideas_list_wrap .counter_area {padding: 15px 17px; line-height:23px; font-size:11px; color:#888888; font-weight:300; position:relative; }
.profile_ideas_list_wrap .counter_area strong {font-weight:700; color:#000;}
.profile_ideas_list_wrap .counter_area .btn_modify {display:inline-block; position:absolute; right:17px; top:50%; height: 23px;  margin-top: -11px; box-sizing: border-box; line-height:21px; font-size:10px; color:#090909; padding: 0 13px; font-weight:300; background-color:#fff; border: solid 1px #9b9b9b; border-radius: 30px;}

.profile_ideas_list {padding: 0 14px 40px 14px; overflow:hidden; position:relative; }
.profile_ideas_list ul {width: 100%; overflow:hidden; }
.profile_ideas_list ul li {float: left; width: 50%; box-sizing: border-box; padding: 0 3px;}
.profile_ideas_list ul li a {display:block; width: 100%; position:relative; }
.profile_ideas_list ul li a .port_img {display:block; position:relative; overflow:hidden; border-radius: 8px; margin-bottom: 8px; }
.profile_ideas_list ul li a .port_img img {width: 100%; }
.profile_ideas_list ul li a .port_img .img1 {display:block; position:absolute; left:0px; top:0px; width: 50%; overflow:hidden;  box-sizing: border-box; border-right: solid 1px #fff;}
.profile_ideas_list ul li a .port_img .img1 .imgs {position:absolute; left:0px; top:0px; }
.profile_ideas_list ul li a .port_img .img2 {display:block; position:absolute; right:0px; top:0px; width: 50%; overflow:hidden;  box-sizing: border-box; border-left: solid 1px #fff;}
.profile_ideas_list ul li a .port_img .img2 .imgs {position:absolute; left:0px; top:0px; }
.profile_ideas_list ul li a .port_img .img3 {display:block; position:absolute; left:0px; bottom:0px; width: 50%; overflow:hidden;  box-sizing: border-box; border-right: solid 1px #fff;}
.profile_ideas_list ul li a .port_img .img3 .imgs {position:absolute; left:0px; top:0px; }
.profile_ideas_list ul li a .port_img .img4 {display:block; position:absolute; right:0px; bottom:0px; width: 50%; overflow:hidden;  box-sizing: border-box; border-left: solid 1px #fff;}
.profile_ideas_list ul li a .port_img .img4 .imgs {position:absolute; left:0px; top:0px; }
.profile_ideas_list ul li a .infor_box {display:block; height: 70px; padding: 0 10px; }
.profile_ideas_list ul li a .port_name {font-size:12px; line-height:15px; color:#282828; display:block; margin-bottom: 3px; font-weight:500; }
.profile_ideas_list ul li a .port_infor {font-size:11px; line-height:13px; color:#999999; display:block; font-weight:300; }
.profile_ideas_list ul li .btn_plus_idea {display:block; border-radius: 8px; overflow:hidden; box-sizing: border-box; border: solid 1px #eaeaea; background:url(../images/ico_profile_plus.png) center center no-repeat; background-size: 51px 51px; background-color:#f6f6f6;}
.profile_ideas_list ul li .btn_plus_idea img {width: 100%; }

.profile_ideas_nothing1 {padding: 150px 20px 45px 20px; font-size:12px; line-height:18px; color:#282828; text-align:center; font-weight:700; background:url(../images/ico_profile_none1.png) center 30px no-repeat; background-size: 121px auto;}
.profile_ideas_nothing2 {padding: 150px 20px 45px 20px; font-size:12px; line-height:18px; color:#282828; text-align:center; font-weight:700; background:url(../images/ico_profile_none2.png) center 30px no-repeat; background-size: 121px auto;}
.profile_ideas_nothing3 {padding: 150px 20px 45px 20px; font-size:12px; line-height:18px; color:#282828; text-align:center; font-weight:700; background:url(../images/ico_profile_none1.png) center 30px no-repeat; background-size: 121px auto;}
.profile_ideas_nothing3 .btn_box {text-align:center; padding-top: 25px; }
.profile_ideas_nothing3 .btn_box a {display:inline-block; width: 105px; height: 34px; background-color:#eb1646; font-size:11px; line-height:34px; color:#fff; border-radius: 34px;  margin: 0 2px; font-weight:300; }

.article_nothing {padding: 150px 20px 45px 20px; font-size:12px; line-height:18px; color:#969696; text-align:center; background:url(../images/ico_article_nothing2.png) center 30px no-repeat; background-size: 130px auto;}
.article_nothing.other {background:url(../images/ico_article_nothing1.png) center 30px no-repeat;  background-size: 130px auto;}

.alert_list_wrap {width: 640px; height: 100%; position:fixed; left:50%; top:0px; margin-left: -320px; z-index:150;  padding-top: 41px; background-color:#fff; box-sizing: border-box; overflow-y:auto; }
.alert_list_wrap .alert_list_area {position:fixed; left:50%; top:0px; z-index:50; margin-left: -320px; width: 640px; height: 40px; background-color:#fff; border-bottom: solid 1px #d2d2d2;}
.alert_list_wrap .alert_list_area .title {font-size:14px; text-align:center; line-height:40px; color:#000; font-weight:bold; }
.alert_list_wrap .alert_list_area .btn_close {position:absolute; left:0px; top:0px; display:inline-block; width: 40px; height: 40px; background:url(../images/btn_close1.png) center center no-repeat; background-size: 16px 16px;}
.alert_list_wrap .alert_list {width: 100%; position:relative;}
.alert_list_wrap .alert_list li {position:relative; padding: 10px 17px 10px 55px; font-size:12px; line-height:16px; color:#333333; border-bottom: solid 1px #e0e0e0;}
.alert_list_wrap .alert_list li.new {background-color:#fff3f6;}
.alert_list_wrap .alert_list li .mem_img {display:inline-block; width: 35px; height: 35px; position:absolute; left:13px; top:9px; overflow:hidden; border-radius: 35px;}
.alert_list_wrap .alert_list li .mem_img img {width: 100%; }
.alert_list_wrap .alert_list li .mem_id {color:#000; font-weight:700; }
.alert_list_wrap .alert_list li .comment_date {padding-top: 2px; color:#999999; font-weight:100; font-size:11px; }
.alert_list_wrap .alert_nothing {width: 100%; height: 100%; position:absolute; left:0px; top:0px; background-color:#f2f2f2;}
.alert_list_wrap .alert_nothing .comment {height: 35px; width: 100%; padding-top: 105px;  position:absolute; left:0px; top:50%; margin-top: -70px; background:url(../images/ico_alert_nothing.png) center 0 no-repeat; background-size: 100px auto;  font-size:12px; line-height:18px; color:#969696; text-align:center;}

.error_wrap {display:table; width:100%; height:100%; position:fixed; left:0px; top:0px; z-index:350; background-color:#f2f2f2;}
.error_wrap .outer_pop_box {display:table-cell; text-align:center; vertical-align:middle;}
.error_wrap .inner_pop_box {width: 100%; display:inline-block; position:relative; z-index:10; }
.error_wrap .error_box1 {padding: 105px 20px 0 20px; background:url(../images/ico_error1.png) center 0 no-repeat; background-size: 120px auto; font-size:12px; line-height:18px; color:#a2a2a2; text-align:center; position:relative; top:-10px}
.error_wrap .error_box1 .title {font-size:14px; line-height:20px; color:#000000; font-weight:700; padding-bottom: 4px; }
.error_wrap .error_box1 .btn_confirm {display:inline-block; width: 136px; height: 34px; background-color:#eb1646; font-size:11px; line-height:34px; color:#fff; border-radius: 34px;}
.error_wrap .error_box2 {padding: 105px 20px 0 20px; background:url(../images/ico_error2.png) center 0 no-repeat; background-size: 120px auto; font-size:12px; line-height:18px; color:#a2a2a2; text-align:center; position:relative; top:-10px}
.error_wrap .error_box2 .title {font-size:14px; line-height:20px; color:#000000; font-weight:700; padding-bottom: 4px; }
.error_wrap .error_box2 .btn_confirm {display:inline-block; width: 106px; height: 34px; background-color:#eb1646; font-size:11px; line-height:34px; color:#fff; border-radius: 34px; margin: 0 2px;}
.error_wrap .error_box3 {padding: 105px 20px 0 20px; background:url(../images/ico_error3.png) center 0 no-repeat; background-size: 120px auto; font-size:12px; line-height:18px; color:#a2a2a2; text-align:center; position:relative; top:-10px}
.error_wrap .error_box3 .title {font-size:14px; line-height:20px; color:#000000; font-weight:700; padding-bottom: 4px; }
.error_wrap .error_box3 .btn_confirm {display:inline-block; width: 106px; height: 34px; background-color:#eb1646; font-size:11px; line-height:34px; color:#fff; border-radius: 34px;  margin: 0 2px;}
.error_wrap .error_box4 {padding: 105px 20px 0 20px; background:url(../images/ico_error4.png) center 0 no-repeat; background-size: 120px auto; font-size:12px; line-height:18px; color:#a2a2a2; text-align:center; position:relative; top:-10px}
.error_wrap .error_box4 .title {font-size:14px; line-height:20px; color:#000000; font-weight:700; padding-bottom: 4px; }
.error_wrap .error_box4 .btn_confirm {display:inline-block; width: 106px; height: 34px; background-color:#eb1646; font-size:11px; line-height:34px; color:#fff; border-radius: 34px;  margin: 0 2px;}
.error_wrap .error_box5 {padding: 105px 20px 0 20px; background:url(../images/ico_error5.png) center 0 no-repeat; background-size: 120px auto; font-size:12px; line-height:18px; color:#a2a2a2; text-align:center; position:relative; top:-10px}
.error_wrap .error_box5 .title {font-size:14px; line-height:20px; color:#000000; font-weight:700; padding-bottom: 4px; }
.error_wrap .error_box5 .btn_confirm {display:inline-block; width: 106px; height: 34px; background-color:#eb1646; font-size:11px; line-height:34px; color:#fff; border-radius: 34px;  margin: 0 2px;}


/* main_new */
#header_new {white-space: nowrap; position:absolute; left:0px; top:0px; z-index:100; width: 100%; height: 30px; background-color:rgba(0.0,0.0,0.0,0.4);}
.top #header_new.header_detail {width: 100%; position:fixed;}
#header_new .title {font-size: 12px; display:inline-block; position:absolute; left:20px; top:15px; line-height:5px; color: #9f9f9f; font-family: 'NotoSans-Regular';}
#header_new .logo {display:inline-block; position:absolute; left:17px; top:0px; line-height:0px; }
#header_new .logo a {display:inline-block; height: 54px; position:relative; }
#header_new .logo img {width: 123px; position:relative; top:20px;}
#header_new .btn_instargram {display: none; position:absolute; right:210px; top:6px; display:inline-block; width: 25px; height: 22px; padding-left: 28px;background:url(../images/ic_instagram_tn.png) 5px center no-repeat; background-size: 18px auto;font-size:12px; line-height:22px; color:#9f9f9f; font-family: 'NotoSans-Regular';}
#header_new .btn_facebook {position:absolute; right:205px; top:6px; display:inline-block; width: 25px; height: 22px; padding-left: 28px;background:url(../images/ic_facebook_tn.png) 5px center no-repeat; background-size: 18px auto;font-size:12px; line-height:22px; color:#9f9f9f; font-family: 'NotoSans-Regular';}
#header_new .btn_phone{position:absolute; right:410px; top:7px; display:inline-block; width: 25px; height: 22px; padding-left: 28px;background:url(../images/ic_phone_tn.png) 5px center no-repeat; background-size: 18px auto;font-size:20px; line-height:22px; color:#9f9f9f; font-family: 'NotoSans-Regular';}
#header_new .line{position:absolute; right:278px; top:5px; display:inline-block; width: 1px; height: 22px; background-size: 15px auto;font-size:16px; line-height:22px; color:#9f9f9f;}
#header_new .line2{position:absolute; right:156px; top:5px; display:inline-block; width: 1px; height: 22px; background-size: 15px auto;font-size:16px; line-height:22px; color:#9f9f9f;}
#header_new .btn_member {position:absolute; right:80px; top:6px; display:inline-block; width: 32px; height: 22px;  padding-left: 28px;background:url(../images/ico_new_main6.png) 5px center no-repeat; background-size: 18px auto;font-size:12px; line-height:22px; color:#ffffff; font-family: 'NotoSans-Regular';}
#header_new .btn_language {position:absolute; right:17px; top:5px; display:inline-block; width: 25px; height: 22px; padding-left: 26px; border: solid 1px #ffffff; border-radius: 22px; background:url(../images/ico_new_main7.png) 6px center no-repeat ; background-size: 15px auto; font-size:12px; line-height:22px; color:#ffffff; font-family: 'NotoSans-Regular';}
#header_new .btn_profile {width: 26px; height: 26px; position:absolute; right:96px; top:4px; }
#header_new .btn_profile img {width: 100%; border-radius: 26px;}
#header_new .btn_profile span {position:absolute; left:18px; bottom:-1px; display:inline-block; height: 15px; padding: 0 4px; color:#fff; font-size:9px; line-height:13px; vertical-align:top; border-radius: 26px; box-shadow: 0px 0px 1px rgba(0,0,0,0.4); font-weight:300; }
#header_new.active { background: #fff; border-bottom: 1px solid #f2f2f2;}
#header_new.active .title  { color: #000;}
#header_new.active a  { color: #3e3e3e;}
#header_new.active .btn_facebook { background:url(../images/ic_facebook_tn_black.png) 5px center no-repeat; }
#header_new.active .btn_phone { background:url(../images/ic_phone_tn_black.png) 5px center no-repeat; }
#header_new.active .btn_member { background:url(../images/ico_new_main6_black.png) 5px center no-repeat; background-size: 18px auto;}
#header_new.active .btn_language { border: solid 1px #3e3e3e; background:url(../images/ico_new_main7_black.png) 5px center no-repeat; background-size: 18px auto;}
#header_new.active .btn_profile { border: 1px solid #3e3e3e; border-radius: 50px;}

.header_detail_new { background-color: #ed1b50 !important; color: #ffffff !important; }
.header_detail_new .title { color: #ffffff !important;}
.header_detail_new .btn_instargram { display: none !important; background:url(../images/ic_instagram.png) 5px center no-repeat !important; color:#ffffff !important;}
.header_detail_new .btn_facebook {background:url(../images/ic_facebook.png) 5px center no-repeat !important; color:#ffffff !important;}
.header_detail_new .btn_phone{background:url(../images/ic_phone.png) 5px center no-repeat !important; color:#ffffff !important;}
.header_detail_new .line{ color:#fff !important;}
.header_detail_new .line2{ color:#fff !important;}

#header_menu_new {white-space: nowrap;width: 100%; position:absolute; left:0px; top:35px; z-index:100; background-color:transparent; height: 60px; }
.top #header_menu_new.header_menu_detail  {width: 100%; position:fixed; top:35px; transition: top 0.2s linear;}
.top.hide #header_menu_new  {top:35px;transition: top 0.2s linear; border-bottom: 1px solid #c5c8d0; -webkit-box-shadow: 1px 0px 1px 1px #ccc;-moz-box-shadow: 1px 0px 1px 1px #ccc; box-shadow: 1px 0px 1px 1px #ccc;}
#header_menu_new a { font-size: 16px; line-height:28px; font-family: 'NotoSans-Regular'; height: 44px; color:#fff;}
#header_menu_new .logo {display:inline-block; position:absolute; left:17px; top:0px; line-height:0px; }
#header_menu_new .logo a {display:inline-block; height: 54px; position:relative; }
#header_menu_new .logo img {width: 200px; position:relative; top:20px; left: 5px;}
/*#header_menu_new .btn_home { white-space: nowrap;position:absolute; right:600px; top:15px; display:inline-block; }
#header_menu_new .btn_portfolio {position:absolute; right: 475px; top:15px; display:inline-block; }
#header_menu_new .btn_partners {position:absolute; right: 360px; top:15px; display:inline-block; }
#header_menu_new .btn_magazine {position:absolute; right:245px; top:15px; display:inline-block; }*/
#header_menu_new .btn_home { white-space: nowrap;position:absolute; right:550px; top:15px; display:inline-block; }
#header_menu_new .btn_portfolio {position:absolute; right: 425px; top:15px; display:inline-block; }
#header_menu_new .btn_partners {position:absolute; right: 310px; top:15px; display:inline-block; }
#header_menu_new .btn_magazine {position:absolute; right:196px; top:15px; display:inline-block; }

#wrap.vi #header_menu_new .btn_home { white-space: nowrap;position:absolute; right:465px; top:15px; display:inline-block; }
#wrap.vi #header_menu_new .btn_portfolio {position:absolute; right: 388px; top:15px; display:inline-block; }
#wrap.vi #header_menu_new .btn_partners {position:absolute; right: 300px; top:15px; display:inline-block; }
#wrap.vi #header_menu_new .btn_magazine {position:absolute; right:196px; top:15px; display:inline-block; }

#header_menu_new .btn_quote {text-align: center;position:absolute; right:20px; top:15px; display:inline-block; width: 140px; height: 30px; border: solid 1px #ed1b50; border-radius: 22px; background:#ed1b50; }
#header_menu_new .btn_prepartner {text-align: center;position:absolute; right:20px; top:15px; display:inline-block; width: 140px; height: 30px; border: solid 1px #ed1b50; border-radius: 22px; background:#ed1b50; }
#header_menu_new .btn_ideas {display: none; text-align: center;position:absolute; right:166px; top:15px; text-transform: uppercase;}
#header_menu_new .cuslogo { display: none; }
#header_menu_new.active { background: #fff; height: 60px;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
}
#header_menu_new.active a { color: #000;}
#header_menu_new.active .btn_quote { color: #fff; }
#header_menu_new.active .btn_prepartner { color: #fff; }
#header_menu_new.active .cuslogo { display: block; }

#header_menu_new a.activebor{ border-bottom: 1px solid #c5c8d0; }
#header_menu_new.active a.activebor { border-bottom: 1px solid #000000;}
#header_menu_new .logo a.activebor{ border-bottom: none; }

#header_menu_new_c {background-color: #fff; height: 60px; white-space: nowrap;width: 100%; position:absolute; left:0px; top:35px; z-index:100; -webkit-box-shadow: 1px 0px 1px 1px #ccc; -moz-box-shadow: 1px 0px 1px 1px #ccc; box-shadow: 1px 0px 1px 1px #ccc; }
.top #header_menu_new_c.header_menu_detail  {width: 100%; position:fixed; top:35px; transition: top 0.2s linear;}
.top.hide #header_menu_new_c  {top:35px;transition: top 0.2s linear;}
#header_menu_new_c .logo {display:inline-block; position:absolute; left:17px; top:0px; line-height:0px; }
#header_menu_new_c .logo a {display:inline-block; height: 54px; position:relative; }
#header_menu_new_c a { font-size: 16px; line-height:28px; font-family: 'NotoSans-Regular'; height: 44px; color:#ed1b50;}
#header_menu_new_c .logo img {width: 200px; position:relative; top:20px; left: 5px;}
/*co tab Ideas se mo lai*/
/*#header_menu_new_c .btn_home { white-space: nowrap;position:absolute; right:600px; top:15px; display:inline-block; }
#header_menu_new_c .btn_portfolio {position:absolute; right: 475px; top:15px; display:inline-block; }
#header_menu_new_c .btn_partners {position:absolute; right: 360px; top:15px; display:inline-block; }
#header_menu_new_c .btn_magazine {position:absolute; right:245px; top:15px; display:inline-block; }*/
#header_menu_new_c .btn_home { white-space: nowrap;position:absolute; right:550px; top:15px; display:inline-block; }
#header_menu_new_c .btn_portfolio {position:absolute; right: 425px; top:15px; display:inline-block; }
#header_menu_new_c .btn_partners {position:absolute; right: 310px; top:15px; display:inline-block; }
#header_menu_new_c .btn_magazine {position:absolute; right:196px; top:15px; display:inline-block; }

#wrap.vi #header_menu_new_c .btn_home { white-space: nowrap;position:absolute; right:465px; top:15px; display:inline-block; }
#wrap.vi #header_menu_new_c .btn_portfolio {position:absolute; right: 388px; top:15px; display:inline-block; }
#wrap.vi #header_menu_new_c .btn_partners {position:absolute; right: 300px; top:15px; display:inline-block; }
#wrap.vi #header_menu_new_c .btn_magazine {position:absolute; right:196px; top:15px; display:inline-block; }

#header_menu_new_c .btn_quote {text-align: center;position:absolute; right:20px; top:15px; display:inline-block; width: 140px; height: 30px; border: solid 1px #ed1b50; border-radius: 22px; color:#ffffff;background:#ed1b50;}
#header_menu_new_c .btn_ideas {display: none; text-align: center;position:absolute; right:166px; top:15px; text-transform: uppercase;}
#header_menu_new_c a.activebor{ border-bottom: 1px solid #ed1b50; }

#header_menu {width: 100%; position:absolute; left:0px; top:48px; z-index:100; }
.top #header_menu  {display: none; left:50%; width: 640px; margin-left: -320px; position:fixed; top:0; transition: top 0.2s linear;}
.top.hide #header_menu  {top:-50px; transition: top 0.2s linear;}
#header_menu .menu_slider {width: 100%; overflow:hidden;}
/*#header_menu ul {width: 9999px; overflow:hidden; background:url(../images/dotted1.gif) left bottom repeat-x; }*/
#header_menu ul {width: 850px; overflow:hidden; float: right; }
#header_menu ul li {float: left; display:inline-block; width: auto;}
#header_menu ul li a {display:inline-block; padding: 0 15px; height: 37px; border-bottom: solid 3px transparent; font-weight:300; font-size:19px; line-height:37px; color:#a1a6b0;}
/*#header_menu ul li.on a {color:#000; border-bottom: solid 3px #f00037; font-weight:700; }*/
#header_menu ul li.on a {color:#000; font-weight:700; }

/*#container.main_new {padding-top: 88px; }*/
#container.main_new {padding-top: 50px; }
#container.port_new {padding-bottom: 57px; padding-top: 54px; }
#container.simple_new {width: 640px; padding-bottom: 57px; padding-top: 40px; }
#container.short_new {padding-bottom: 57px; padding-top: 40px; }

.banner_main_top { width: 100%; top: 33%; }
.banner_main_top .banner_img { position: relative; }
.banner_main_top .banner_img .img { width: 100%; height: 500px;}
.banner_main_top .banner_img .banner_content { position: absolute; z-index: 50; width: 100%; margin: 0 auto; text-align: center; top: 33%; color: #ffffff;}
.banner_main_top .banner_img .banner_content .line_hight { width: 30px; margin: 0 auto; height: 2px; border-bottom: 4px solid #ffffff; margin-top: 20px;}
.banner_main_top .banner_img .banner_content .text { font-size: 26px; margin-top: 20px; margin-bottom: 10px;}
.banner_main_top .banner_img .banner_content p { font-weight: 300; font-size: 14px; color: #949393;}
.banner_main_top .banner_img .banner_content .button { padding: 8px 20px; background-color: #ed1b50; width: 220px; margin: 0 auto; border-radius: 40px;}
.banner_main_top .banner_img .banner_content .txt2 { margin-bottom: 40px; }

.request_wrap .request_top_area_complete {top: 95px;}
@media only screen and (max-width: 1366px){
	.banner_main_top .banner_img .img { width: 100%; height: 420px; }
	.banner_main_top .banner_img .banner_content .line_hight{ margin-top: 15px; }
	.banner_main_top .banner_img .banner_content .text { font-size: 20px; margin-top: 15px; }
	.banner_main_top .banner_img .banner_content p { font-weight: 300; font-size: 13px;}
	.request_wrap form {top: 50px; }
	.request_wrap .request_top_area_complete {top: 0 !important;}
	.request_wrap .request_top_area {top: 50px;}
	.request_wrap .request_complete1 { margin-top: 0}
	.request_wrap .request_complete1 { padding-bottom: 20px; }
	.request_wrap .request_complete1 .complete_title {padding-top: 15px; }
	.using_wrap .using_intro { top: 50px;}
	.using_wrap .using_intro .comment1 {padding-left: 35px; font-size: 30px; line-height: 40px; top: 90px; width: 600px;}
	.using_wrap .using_intro .using_comment .line { border: 2px solid #ffffff; margin-top: 105px;}
	.using_wrap .menu_list { margin: 10px auto;}
	.using_wrap .about_content { margin-top: 0px; }
}


.main_new_section1 {position:relative; width: 100%; }
.main_new_section1 .main_banner_slider {width: 100%; height: auto; position:relative; overflow:hidden; }
.main_new_section1 .main_banner_slider ul {width: 9999px; }
.main_new_section1 .main_banner_slider ul li {float: left; width: 100%; height: auto; position:relative; }
.main_new_section1 .main_banner_slider ul li img {width: 100%; height: auto;}
.main_new_section1 .main_banner_slider ul li .comment_box {position:absolute; left:0; top:7%; padding: 0 17px; }
.main_new_section1 .main_banner_slider ul li .com1 {display:block; font-size:24px; line-height:26px; color:#000000; font-weight:300; padding-bottom: 5px; padding-top: 12px; }
.main_new_section1 .main_banner_slider ul li .com1 span {font-weight:700; }
.main_new_section1 .main_banner_slider ul li .com2 {display:block; font-size:17px; line-height:20px; color:#a1a6b0; font-weight:300; opacity:0.7; padding-top: 5px;}
.main_new_section1 .main_banner_slider ul li .btn_consult {position:absolute; left:50%; bottom:47px; margin-left: -160px; display:inline-block; width: 320px; height: 44px; text-align:center; font-size:15px; line-height:42px; color:#fff; font-weight:700; border-radius: 50px; box-shadow: -1px 2px 5px rgba(0,0,0,0.1); box-sizing: border-box; background-color:#f00037;}
.main_new_section1 .swiper-pagination {position:absolute; left:0px; bottom:21px; width:100%; text-align:center; line-height:0px; }
.main_new_section1 .swiper-pagination-bullet {margin: 0 3px;display:inline-block; width:6px; height:6px; cursor:pointer; box-sizing: border-box; border-radius: 22px;  background-color:#f00037; vertical-align:top; transition: all 0.2s linear; opacity:0.5;}
.main_new_section1 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {width: 17px; opacity:1;}

/*background:url(../images/img_new_main3.png) center top no-repeat; backgroup of main_new_section2*/
.main_title_shadow {box-shadow: 0px -15px 100px -46px #111; z-index: 50;}
.bg_benifix { width: 100%; background-size: auto 100%; background-color:#f3f4f7;}
.main_new_section2 {position:relative; height: 420px; width: 1170px; margin: 0 auto;}
.main_new_section2 .sec_conts_box {width: 100%; position:relative; margin: 0 auto; padding-top: 38px; padding-bottom: 17px; box-sizing: border-box; text-align:center; }
.main_new_section2 .more_text { position: absolute; right: 0; top: 45px; font-size: 14px; color: #000; padding: 2px 12px;; border-radius: 15px; border: 1px solid #000; text-align: center;}
.main_new_section2 .sec_conts_box .txt_sub {text-align:center; padding-bottom: 20px; }
.main_new_section2 .sec_conts_box .txt_sub span {display:inline-block; padding-bottom: 7px; font-size:24px; font-family: 'NotoSans-Regular'; color:#000000; text-transform: uppercase;}
.main_new_section2 .sec_conts_box .btn_more {padding-right: 12px; display:inline-block; font-size:11px; line-height:14px; font-weight:700; color:#41495f; background:url(../images/ico_new_main10.png) right center no-repeat; background-size: 6px auto;}
.main_new_section2 .benefit_slider { width: 1000px; margin: 0 auto; overflow:hidden; position:relative; }
.main_new_section2 .benefit_slider ul {width: 9999px; overflow:hidden; height: 205px; }
.main_new_section2 .benefit_slider ul li {float: left; width: 263px; height: 190px; padding: 25px 18px 0 18px; background-color:#ffffff; border-radius: 10px; box-shadow: -1px 2px 15px rgba(0,0,0,0.2); box-sizing: border-box;}
.main_new_section2 .benefit_slider ul li.ty {padding-top: 62px; }
.main_new_section2 .benefit_slider ul li .benefit_title {font-size:24px; line-height:26px; color:#000; padding-bottom: 7px; font-family: 'NotoSans-Regular'; }
.main_new_section2 .benefit_slider ul li .benefit_explain {font-size:14px; line-height:18px; color:#808080; letter-spacing:-0.05em; font-family: 'NotoSans-Regular'; width: 58%; margin-top: 15px; float: left; }
.main_new_section2 .benefit_slider ul li .benefit_img{ background-size: 80px auto; margin: 0 auto; text-align: center;  width: 35%; margin-top: 5px; margin-left: 15px;}
/*.main_new_section2 .benefit_slider ul li.part1 {background:url(../images/img_new_main6_1.jpg) 200px 65px no-repeat #fff; background-size: 80px auto;}
.main_new_section2 .benefit_slider ul li.part2 {background:url(../images/img_new_main6_2.jpg) 200px 65px no-repeat #fff; background-size: 80px auto;}
.main_new_section2 .benefit_slider ul li.part3 {background:url(../images/img_new_main6_3.jpg) 200px 65px no-repeat #fff; background-size: 80px auto;}
.main_new_section2 .benefit_slider ul li.part4 {background:url(../images/img_new_main6_4.jpg) 200px 65px no-repeat #fff; background-size: 80px auto;}
.main_new_section2 .benefit_slider ul li.part5 {background:url(../images/img_new_main6_5.jpg) 200px 65px no-repeat #fff; background-size: 80px auto;}
.main_new_section2 .benefit_slider ul li.part6 {background:url(../images/img_new_main6_6.jpg) 200px 65px no-repeat #fff; background-size: 80px auto;}*/
.main_new_section2 .swiper-pagination {width:100%; text-align:center; line-height:0px; }
.main_new_section2 .swiper-pagination-bullet {margin: 0 3px;display:inline-block; width:6px; height:6px; cursor:pointer; box-sizing: border-box; border-radius: 22px;  background-color:#000; vertical-align:top; opacity:0.3; transition: all 0.2s linear;}
.main_new_section2 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {opacity:0.5; width: 17px; }

.main_our_service { width: 100%; min-height: 460px; background-color: #f3f4f7;}
.main_our_service .bg_ourservice img { width: 100%; height: 650px; position: absolute;}
.main_our_service .content_service { width: 1170px; margin: 0 auto; text-align: center; color: #fff; padding: 30px 20px 0 20px; position: relative;}
.main_our_service .content_service .title {font-family: 'NotoSans-Regular'; font-size: 36px; font-weight: bold; }
.main_our_service .content_service .description { font-family: 'NotoSans-Regular'; font-size: 24px; font-weight: 300; text-transform: uppercase; }
.main_our_service .content_service .image_text { width: 1000px; margin: 0 auto; margin-top: 30px; float: left; margin-left: 90px;}
.main_our_service .content_service .image_text img { float: left; float: left; margin: 0 26px; }
.main_our_service .content_service .image_text div { float: left; width: 50%; text-align: left;}
.main_our_service .content_service .image_text p { font-family: 'NotoSans-Regular'; margin-bottom: 10px; font-size: 15px;}

.main_new_title_area {width: 1170px; position:relative; box-sizing: border-box; padding: 0 17px 22px 17px; margin-top: 40px; margin: 0 auto;}
.main_new_title_area .border_title img {width: 280px; height: auto; margin: 0 36.8%; position: absolute;}
.main_new_title_area .title {display:inline-block; padding: 6px 25px; line-height:26px; font-size:24px; color:#000; font-family: 'NotoSans-Regular'; margin: 0 36.8%; padding-bottom: 20px; padding-top: 15px; width: 250px; text-align: center; }
/*.main_new_title_area .btn_more {display:inline-block; position:absolute; right:17px; top:7px; font-size:11px; line-height:16px; color:#c4b2bd; font-weight:700; padding-right: 10px; background:url(../images/ico_new_main8.png) right center no-repeat; background-size: 6px auto;}*/
.main_new_title_area .btn_more {display:inline-block; position:absolute; right:10px; top:40px; font-size:14px; line-height:16px; color:#090b0f; font-family: 'NotoSans-Regular'; padding-right: 13px; background:url(../images/iconfinder_icon.png) right center no-repeat; background-size: 10px auto; text-transform: uppercase;}
.main_new_title_area .goPortfolio { top:65px !important; }

.main_portfolio_list {padding: 0 14px 0px 14px; overflow:hidden; position:relative; width: 1170px; margin: 0 auto; text-align: center; }
.main_portfolio_list ul {width: 100%; overflow:hidden; }
.main_portfolio_list ul li {float: left; width: 50%; box-sizing: border-box; padding: 0 4px; width: 33.3%;}
.main_portfolio_list ul li a {display:block; width: 100%; position:relative; }
.main_portfolio_list ul li a .port_img {display:block; position:relative; overflow:hidden; border-radius: 8px; margin-bottom: 8px; }
.main_portfolio_list ul li a .port_img img {width: 100%; height: 220px;}
.main_portfolio_list ul li a .port_img .img {position:absolute; left:0px; top:0px; }
.main_portfolio_list ul li a .infor_box {display:block; height: 80px; padding: 0 10px; }
.main_portfolio_list ul li a .port_name {font-size:18px; line-height:20px; color:#282828; display:block; margin-bottom: 10px; font-family: 'NotoSans-Regular'; }
.main_portfolio_list ul li a .port_infor {font-size:14px; line-height:13px; color:#999999; display:block; font-family: 'NotoSans-Regular'; }

.main_new_section3 {position:relative; background: #000 url('../images/bg_main_proc.jpg') no-repeat center; width: 100%; margin: 0 auto; height: 760px;}
/*.main_new_section3 .btn_more {display:inline-block; position:relative; top: -25px; font-size:13px; line-height:16px; color:#fff; font-weight:300; padding-right: 10px; background:url(../images/ico_new_main8.png) right center no-repeat; background-size: 6px auto;}*/
.main_new_section3 .btn_more { float: right;display:inline-block; position:relative; top: -25px; font-size:13px; line-height:16px; color:#fff; font-weight:300; padding: 3px 10px; border: 1px solid #fff; border-radius: 15px;}
.main_new_section3 .title {text-align: center; padding: 55px 0 0px 0; font-size:36px; line-height:16px; color:#fff; font-family: 'NotoSans-Regular'; }
.main_new_section3 .title strong {color:#fff; font-weight:700; }
.main_new_section3 .headtop { width: 1170px; margin: 0 auto; }
.main_new_section3 .service_list_box {width: 1170px; margin: 0 auto; position:relative; box-sizing: border-box; padding: 60px 14px; border-radius: 10px;}
.main_new_section3 .service_list_box .s_line {height: 85%; width: 1px; background-color:#e0e0e0; position:absolute; left:44px; top:7%; }
.main_new_section3 .service_list { position:relative; width: 43%; float: left; padding-right: 32px; bottom: -50px;}
.main_new_section3 .customers{ padding-left: 32px; width: 43%; padding-right: 0; position: relative; bottom: -125px;}
.main_new_section3 .service_list li {float: right; padding-left: 85px; height: 90px; font-size:11px; line-height:20px; color:#808080; font-weight:100; width: 74%;}
.main_new_section3 .service_list .changetext span { position: relative; top: -8px; right: -16px; }
.main_new_section3 .customers li { float: left; }
.main_new_section3 .customers .changetext { float: left; padding-left: 0px; width: 100% }
.main_new_section3 .customers .changetext strong.num { float: left; position: relative; right: 21px;}
.main_new_section3 .customers .changetext .stitle { float: left; width: 68%;}
.main_new_section3 .customers .changetext span { right: 67px; }
.main_new_section3 .customers .changetext img { width: 52px; position: relative; float: right; right: 38px; }
.main_new_section3 .service_list li.opacity { background-color: #000; opacity: 0.6; border-radius: 50px; width: 83%;}
.main_new_section3 .customers li.opacity { padding-left: 0; width: 100%;}
.main_new_section3 .service_list li.changetext { height: 60px; position: relative; top: -74px; }
.main_new_section3 .service_list li:first-child {margin-top: 0px;}
.main_new_section3 .service_list li .num { font-weight:700; color:#fff; display:block; padding-bottom: 2px; padding-top: 20px; float: right; font-size: 36px; position: relative; right: -30px;}
.main_new_section3 .service_list li .stitle {font-size:16px; font-family: 'NotoSans-Regular'; color:#fff; padding-bottom: 3px; margin-top: 18px; float: right;}
.main_new_section3 .service_list li .stitle strong {font-weight:700; display:block; }
.main_new_section3 .service_list li.s2 .stitle { margin-top: 18px; }
.main_new_section3 .service_list li.s3 .stitle { margin-top: 18px; }
#wrap.en .main_new_section3 .service_list li.s2 .stitle { margin-top: 6px; }
#wrap.en .main_new_section3 .service_list li.s3 .stitle { margin-top: 6px; }
#wrap.en .main_new_section3 .service_list li.s2 .stitle p{text-align: right; font-family: 'NotoSans-Regular';}
#wrap.en .main_new_section3 .service_list li.s3 .stitle p{text-align: right; font-family: 'NotoSans-Regular';}
#wrap.en .main_new_section3 .service_list li.s6 .stitle { margin-top: 10px; }
.main_new_section3 .service_list li.s2 .s2title { margin-top: 0px; width: 80%; line-height: 23px; text-align: right;}
.main_new_section3 .line {float: left; }
.main_new_section3 .line img {width: 95px; }
.main_new_section3 .service_list li.s1 {background:url(../images/ic_ser1.png) 0 0 no-repeat; background-size: 52px auto;}
.main_new_section3 .service_list li.s2 {background:url(../images/ic_ser2.png) 0 0 no-repeat; background-size: 52px auto; top: -70px;}
.main_new_section3 .service_list li.s3 {background:url(../images/ic_ser3.png) 0 0 no-repeat; background-size: 52px auto; top: -70px;}
/*.main_new_section3 .service_list li.s4 { margin-top: 15px; }
.main_new_section3 .service_list li.s5 { margin-top: 15px; }
.main_new_section3 .service_list li.s6 {  }*/


.main_portfolio_bg { background-color: #f3f4f7; width: 100%; padding-top: 30px;}
.main_partners_list {position:relative; min-height: 420px; background-color: #f3f4f7; }
.main_portfolio_bg .main_new_title_area .border_title img {margin: 0 36%;}
.main_portfolio_bg .main_new_title_area .title {margin: 0 36%;}
.main_partners_list ul {width: 1170px; margin: 0 auto; }
.main_partners_list ul li {width: 23.2%; float: left; padding-bottom: 8px; background-color: #fff; margin: 0 10px; border-radius: 10px;}
.main_partners_list ul li a {display:block; position:relative; height: auto; }
.main_partners_list ul li a .part_img {display:block; left:0px; top:0px; overflow:hidden; border-top-left-radius: 8px; border-top-right-radius: 8px; width: 100%; height: auto;  }
.main_partners_list ul li a .part_img img {width: 100%; }
.main_partners_list ul li a .part_img .img {position:absolute; left:0px; top:0px; }
.main_partners_list ul li a .part_name {font-size:18px; line-height:15px; color:#000; display:block; font-family: 'NotoSans-Regular'; text-overflow:ellipsis; white-space:nowrap; width: 90%; overflow:hidden; padding: 8px 10px; }
.main_partners_list ul li a .part_infor {width: 90%; display:inline-block; vertical-align:top; padding: 0 10px;}
.main_partners_list ul li a .part_infor .in_box {width: 100%; float: left; display:block; box-sizing: border-box; padding-left: 0px; font-size:14px; line-height:20px; color:#9f9f9f; font-family: 'NotoSans-Regular'; }
.main_partners_list ul li a .part_infor .in_box:first-child {border-right: none; padding-left: 0px; }
.main_partners_list ul li a .part_infor .in_box em {display:none; font-size:10px; line-height:14px; color:#aeaeae; font-weight:100; }
.main_partners_list ul li a .part_conts {display:block; font-size:11px; line-height:18px; color:#505050; padding-top: 6px; font-weight:300; }

.main_news_wrap {padding: 0 17px; width: 1170px; margin: 0 auto;}
.main_news_wrap .title {padding-top: 30px; padding-bottom: 30px; font-size:36px; line-height:50px; color:#000000; font-family: 'NotoSans-Regular'; text-align: center;}
.main_news_wrap .main_news_list {width: 100%; padding-bottom: 50px; }
.main_news_wrap .main_news_list li {padding-bottom: 10px; }
.main_news_wrap .main_news_list li a {display:block; border-radius: 8px; padding:15px; position:relative; }
.main_news_wrap .main_news_list li a .news_title {padding-top: 4px; font-size:24px; line-height:35px; color:#282828; padding-bottom: 8px; font-family: 'NotoSans-Regular'; display:block; }
.main_news_wrap .main_news_list li a .news_sub_title {font-size:14px; line-height:24px; color:#282828; padding-bottom: 6px; display:block; font-family: 'NotoSans-Regular'; }
.main_news_wrap .main_news_list li a .news_mark {position:absolute; right:15px; top:15px; }
.main_news_wrap .main_news_list .slider li .wrap_logo .news_mark img {width: 100%; padding-top: 30%; margin: 0 auto;}
.main_news_wrap .main_news_list li a .news_conts {display:block;font-size:14px; line-height:24px; color:#9f9f9f; font-family: 'NotoSans-Regular'; }
.main_news_wrap .main_news_list li .wrap_more {border-radius: 0; padding: 0;  width: 76px; float: left; font-size: 12px; color: #ff9bb2; margin-top: -8px; }
.main_news_wrap .main_news_list li .wrap_more img {float: right; width: 8px;height: 11px; margin-top: 4px;}
.main_news_wrap .main_news_list .slider {padding: 0 50px;}
.main_news_wrap .main_news_list .slider li .wrap_logo {width: 140px; height: 140px; border: 1px solid #ddd; float: left; text-align: center; margin: 30px 17px 30px 17px;}
.main_news_wrap .main_news_list .slider .slick-prev{left: 0;}
.main_news_wrap .main_news_list .slider .slick-next{right: 0;}
.main_news_wrap .main_news_list .slider .slick-prev:before {content: url(../images/ico_arrow_slideleft_nonehover.png);}
.main_news_wrap .main_news_list .slider .slick-next:before {content: url(../images/ico_arrow_slideright_nonehover.png);}
.main_news_wrap .main_news_list .slider .slick-prev,.main_news_wrap .main_news_list .slider .slick-next{ width: 40px; height: 80px; top: 46%;}

.main_footer_wrap {position:relative; background-color: #464646; float: left; width: 100%;}
.main_footer_wrap .logo {position:absolute; display:inline-block; width: 80px; height: 80px; background:url(../images/logo_foter_white.png) center center no-repeat; background-size: 80px 80px;}
.main_footer_wrap .title {padding-top: 110px; padding-bottom: 5px; font-size:15px; line-height:20px; color:#ffffff; font-weight:700; font-family: 'NotoSans-Regular'; }
.main_footer_wrap .txt_box1 {font-size:11px; line-height:17px; color:#41495f; font-weight:700; }
.main_footer_wrap .txt_box1 span {color:#f00037;}
.main_footer_wrap .txt_box2 {font-size:11px; line-height:17px; color:#41495f; font-weight:700; }
.main_footer_wrap .txt_box2 p {padding-bottom: 3px; font-size:11px; line-height:17px; color:#41495f; font-weight:700;}
.main_footer_wrap .txt_box2 a {color:#f00037;}
.main_footer_wrap .ceo {  }
.main_footer_wrap .address {padding-top: 5px; font-size:11px; line-height:17px; font-weight:300; }
.main_footer_wrap .copy {padding-top: 25px; font-size:11px; line-height:17px; color:#41495f; font-weight:700; text-align:center; }
.main_footer_wrap .menu_footer_wrap{background-color: #c91a45; text-align: center; margin: 0 auto;}
.main_footer_wrap .menu_footer_wrap span {margin: 15px;}
.main_footer_wrap .menu_footer_wrap span a {color: #ffffff; font-size: 12px; padding: 15px 0; line-height: 2.7; font-family: 'NotoSans-Light';}
.main_footer_wrap .content { width: 1170px; margin: 0 auto; color: #ffffff; padding: 35px 15px; min-height: 150px; }
.main_footer_wrap .content .content_wrap { width: 50%; float: left;}
.main_footer_wrap .content .wrap_right div {  font-size: 14px; }
.main_footer_wrap .content .wrap_right .text_bot { margin-bottom: 18px; }
.main_footer_wrap .content .content_wrap p { font-size: 12px; font-family: 'NotoSans-Light';}
.main_footer_wrap .content .wrap_right { text-align: right; }
.main_footer_wrap .content .wrap_right h2 { padding-bottom: 10px; border-bottom: 1px solid #909090;width: 210px; font-size: 30px; margin-left: 64%; font-weight: 700; }
.main_footer_wrap .content .wrap_right .runtime_right{ margin-top: 15px; }
.footer_main { width: 100%; float: left; margin: 0 auto; }

#main_bottom_wrap { display: none; position:fixed; left:50%; bottom:0px; z-index:100; width: 640px; height: 45px;margin-left: -320px; background-color:#fff; border-top: solid 1px #e8e8e8;}
#main_bottom_wrap ul {width: 100%; overflow:hidden; }
#main_bottom_wrap ul li {width: 25%; float: left; }
#main_bottom_wrap ul li a {display:block; height: 45px; }
#main_bottom_wrap ul li a.btn1 {background:url(../images/ico_new_main1.png) center center no-repeat; background-size: 21px auto;}
#main_bottom_wrap ul li a.btn2 {background:url(../images/ico_new_main2.png) center center no-repeat; background-size: 15px auto;}
#main_bottom_wrap ul li a.btn3 {background:url(../images/ico_new_main3.png) center center no-repeat; background-size: 25px auto;}
#main_bottom_wrap ul li a.btn4 {background:url(../images/ico_new_main4.png) center center no-repeat; background-size: 21px auto;}

#main_bottom_wrap ul li.on a.btn1 {background:url(../images/ico_new_main1_on.png) center center no-repeat; background-size: 21px auto;}
#main_bottom_wrap ul li.on a.btn2 {background:url(../images/ico_new_main2_on.png) center center no-repeat; background-size: 15px auto;}
#main_bottom_wrap ul li.on a.btn3 {background:url(../images/ico_new_main3_on.png) center center no-repeat; background-size: 25px auto;}
#main_bottom_wrap ul li.on a.btn4 {background:url(../images/ico_new_main4_on.png) center center no-repeat; background-size: 21px auto;}

#btn_top {position:fixed; overflow:hidden; right:20px; bottom:20px; z-index:100; display:inline-block; width: 35px; height: 35px; background:url(../images/ico_new_main5.png) center center no-repeat; background-size: 100% auto; transition: all 0.2s linear; transform: scale(0, 0);}
.top #btn_top { transform: scale(1, 1);}

.portfolio_wrap { width: 1170px; margin: 0 auto; position:relative; background:url(../images/bg_portfolio1.png) 123% 20px no-repeat; background-size: 190px auto;}
.portfolio_wrap .portfolio_top_section {padding: 70px 20px 0 25px; width: 1170px; margin: 0 auto;}
.portfolio_wrap .portfolio_top_section .title_sub {margin-bottom: 13px; display:inline-block; line-height:20px; padding: 0 7px; background-color:#282828; font-weight:300; color:#fff; font-size:10px; }
.portfolio_wrap .portfolio_top_section .title {width: 100%; display:block; margin-bottom: 30px; display:inline-block; line-height:27px; font-weight:500; color:#000; font-size:21px; }
.portfolio_wrap .portfolio_top_section .title strong {font-weight:700; }
.portfolio_wrap .condition_box {width: 1170px; margin: 0 auto; overflow:hidden; box-sizing: border-box; padding: 0 25px 36px 25px; }
.portfolio_wrap .condition_box div {width: 50%; float: left; box-sizing: border-box; padding: 0 3px 6px 3px; }
.portfolio_wrap .condition_box div select {padding: 0 10px; display:block; height: 40px; border: solid 1px #dddddd; box-sizing: border-box; background:url(../images/ico_select1.png) right center no-repeat; background-size: 20px auto; background-color:#fff; font-size:12px; color:#282828; }
.portfolio_wrap .condition_box div select:focus {border: solid 1px #000;}
.portfolio_wrap .portfolio_counter {text-align:center; font-size:16px; color:#000; line-height:20px; position:relative; padding-bottom: 16px; font-weight:500; margin-bottom: 20px; }
.portfolio_wrap .portfolio_counter strong {font-weight:700; color:#e3254e;}
.portfolio_wrap .portfolio_counter .line {display:inline-block; position:absolute; left:50%; bottom:0; margin-left: -12.5px; width: 25px; height: 3px; background-color:#000;}
.portfolio_wrap .portfolio_list {padding: 0 17px 30px 17px; }
.portfolio_wrap .portfolio_list > li.none {padding-top:110px !important; text-align:center; background:url(../images/ico_partners_02.png) center top no-repeat; background-size:121px auto;}
.portfolio_wrap .portfolio_list > li.none {margin-bottom:10px; font-size:12px; color:#282828; margin: 0 auto; width: 100%; padding: 12px 0px;}
.portfolio_wrap .portfolio_list > li.none strong {font-weight:700;}
.portfolio_wrap .portfolio_list li {width: 31%; float: left; min-height: 350px; padding: 12px;}
/*.portfolio_wrap .portfolio_list li:first-child {padding-top: 0px; }*/
.portfolio_wrap .portfolio_list li .img_box {width: 100%; display:block; position:relative; overflow:hidden; border-radius: 10px;}
.portfolio_wrap .portfolio_list li .img_box img {width: 100%; }
.portfolio_wrap .portfolio_list li .img_box .img1 {display:block; position:absolute; left:0px; top:0px; width: 66.66%; }
.portfolio_wrap .portfolio_list li .img_box .img1 a {position:absolute; left:0px; top:0px; width: 100%; height: 100%; }
.portfolio_wrap .portfolio_list li .img_box .img2 {display:block; position:absolute; right:0px; top:0px; height: 50%; overflow:hidden; box-sizing: border-box; border-left: solid 2px #fff; }
.portfolio_wrap .portfolio_list li .img_box .img2 img {width: auto; height: 100%;}
.portfolio_wrap .portfolio_list li .img_box .img2 a {position:absolute; left:0px; top:0px; width: 100%; height: 100%; }
.portfolio_wrap .portfolio_list li .img_box .img2 .line {position:absolute; left:0px; bottom:0px; width: 100%; height: 2px; background-color:#fff;}
.portfolio_wrap .portfolio_list li .img_box .img3 {display:block; position:absolute; right:0px; bottom:0px; height: 50%; overflow:hidden; box-sizing: border-box; border-left: solid 2px #fff; }
.portfolio_wrap .portfolio_list li .img_box .img3 .imgs {position:absolute; left:0px; top:0px;  width: 100%; height: 100%; }
.portfolio_wrap .portfolio_list li .img_box .img3 img {width: auto; height: 100%;}
.portfolio_wrap .portfolio_list li .img_box .img3 .cover {position:relative; z-index:5; }
.portfolio_wrap .portfolio_list li .img_box .img3 .total {width: 100%; display:block; position:absolute; left:0px; top:50%; margin-top: -14px; z-index:7;  line-height:24px; text-align:center; color:#fff; font-size:23px; font-weight:500; }
.portfolio_wrap .infor_box {padding: 12px 5px 0 5px; font-size:11px; line-height:16px; color:#5a5a5a; font-weight:200; }
.portfolio_wrap .infor_box .p_title {font-size:14px; font-weight:500; line-height:18px; color:#282828; padding-bottom: 2px; }
.portfolio_wrap .tag_infor_box {padding: 10px 5px 0 5px;}
.portfolio_wrap .tag_infor_box span {display:inline-block; height: 21px; line-height:21px; font-size:11px; color:#e2afaf; padding: 0 7px; border: solid 1px #e2afaf; border-radius: 25px; background-color:#fff ;}

.portfolio_view_wrap {width: 1170px; margin: 0 auto; padding-top: 70px;}
.portfolio_view_wrap .section1 {padding: 0 17px; position:relative; }
.portfolio_view_wrap .section1 .title {font-size:23px; line-height:32px; color:#282828; font-weight:500; padding: 15px 60px 15px 0; }
.portfolio_view_wrap .section1 .tags {padding-bottom: 25px;  border-bottom: solid 1px #eaeaea;}
.portfolio_view_wrap .section1 .tags a {margin-right: 2px; display:inline-block; height: 21px; line-height:21px; font-size:11px; color:#e2afaf; padding: 0 7px; border: solid 1px #e2afaf; border-radius: 25px; background-color:#fff ;}
.portfolio_view_wrap .section1 .right_area {position:absolute; right:40px; top:50%; margin-top: -50px; width: 45px; height: 100px; }
.portfolio_view_wrap .section1 .right_area .btn_like {display:block; width: 100%; height: 16px; padding-left: 50px;  background:url(../images/ico_port1.png) center 0 no-repeat; background-size: 19px auto; font-size:10px; line-height:18px; color:#7e7e7e; text-align:center; margin-bottom: 20px; }
.portfolio_view_wrap .section1 .right_area .btn_like.on {color:#282828;  background:url(../images/ico_port2.png) center 0 no-repeat; background-size: 19px auto;}
.portfolio_view_wrap .section1 .right_area .btn_share {display:block; width: 100%; height: 20px; padding-left: 50px;  background:url(../images/ico_port3.png) center 0 no-repeat; background-size: 19px auto; font-size:10px; line-height:18px; color:#7e7e7e; text-align:center; }

.portfolio_view_wrap .section2 {padding: 16px 17px 13px 17px; position:relative; }
.portfolio_view_wrap .section2 .write_infor {position:relative; padding-left: 40px; margin-bottom: 5px;  font-size:14px; line-height:32px; color:#282828; font-weight:700; }
.portfolio_view_wrap .section2 .write_infor .img_box {width: 32px; height: 32px; overflow:hidden; position:absolute; left:0px; top:0px; display:block; }
.portfolio_view_wrap .section2 .write_infor .img_box img {width: 100%; border-radius: 40px;}
.portfolio_view_wrap .section2 .conts_infor {font-size:12px; line-height:18px; color:#505050; overflow:hidden; height: 108px; margin-bottom: 10px; }
.portfolio_view_wrap .section2.open .conts_infor {height: auto; }
.portfolio_view_wrap .section2 .btn_opener {display:inline-block; padding-right: 11px; background:url(../images/ico_port8.png) right center no-repeat; background-size: 7px auto; font-size:12px; color:#99a0b2; line-height:14px; font-weight:300; }
.portfolio_view_wrap .section2 .btn_opener .ty1 {display:none; }
.portfolio_view_wrap .section2 .btn_opener .ty2 {display:inline-block;  }
.portfolio_view_wrap .section2.open .btn_opener {display:inline-block; padding-right: 11px; background:url(../images/ico_port7.png) right center no-repeat; background-size: 7px auto; }
.portfolio_view_wrap .section2.open .btn_opener .ty1 {display:inline-block;  }
.portfolio_view_wrap .section2.open .btn_opener .ty2 {display:none;  }

.portfolio_view_wrap .section3 {position:relative; }
.portfolio_view_wrap .section3 ul {}
/*.portfolio_view_wrap .section3 ul {-webkit-column-count: 2; -moz-column-count: 2;column-count: 2;}*/
.portfolio_view_wrap .section3 ul li .gradiant {width: 100%; height: 95px;  position:absolute; left:0px; bottom:0px; background:url(../images/bg_portfolio2.png) right center repeat-x; background-size: 320px 95px; border-radius: 8px;}
.portfolio_view_wrap .section3 ul li {margin: 7px; position:relative; width: 48.5%; float: left; border-radius: 8px; background-color: #222222;}
.portfolio_view_wrap .section3 ul li img {width: 568px; border-radius: 8px; height: 360px; object-fit: scale-down;}
.portfolio_view_wrap .section3 ul li .tags {position:absolute; left:17px; bottom:15px; padding-right: 73px; line-height:18px; }
.portfolio_view_wrap .section3 ul li .tags a {font-size:12px; line-height:18px; font-weight:300; color:#fff; display:inline-block; margin-right: 3px;}
.portfolio_view_wrap .section3 .btn_img_like {position:absolute; right:17px; bottom:19px; display:inline-block; width: 19px; height: 26px; background:url(../images/ico_port5.png) 0 0 no-repeat; background-size: 19px 26px;}
/*.portfolio_view_wrap .section3 .btn_img_like.on {background:url(../images/ico_port4.png) 0 0 no-repeat; background-size: 20px 31px;}*/

.portfolio_view_wrap .section4 {padding: 15px 17px 0 17px; position:relative; width: 100%; float: left;}
.portfolio_view_wrap .section4 .tit {font-size:11px; line-height:14px; color:#999999; font-weight:700; margin-bottom: 14px; }
.portfolio_view_wrap .section4 .infor_list {border-bottom: solid 1px #eaeaea;}
.portfolio_view_wrap .section4 .infor_list li {padding-left: 27px; padding-bottom: 20px; font-size:14px; line-height:18px; color:#555555; position:relative; }
.portfolio_view_wrap .section4 .infor_list li .tit_sub {font-size:13px; line-height:16px; color:#000; display:block; font-weight:700; margin-bottom: 4px; }
.portfolio_view_wrap .section4 .infor_list li.ty1 {background:url(../images/ico_port6_1.png) 0 0 no-repeat; background-size: 20px 20px;}
.portfolio_view_wrap .section4 .infor_list li.ty2 {background:url(../images/ico_port6_2.png) 0 0 no-repeat; background-size: 20px 20px;}
.portfolio_view_wrap .section4 .infor_list li.ty3 {background:url(../images/ico_port6_3.png) 0 0 no-repeat; background-size: 20px 20px;}
.portfolio_view_wrap .section4 .infor_list li.ty4 {background:url(../images/ico_port6_4.png) 0 0 no-repeat; background-size: 20px 20px;}
.portfolio_view_wrap .section4 .infor_list li.ty5 {background:url(../images/ico_port6_5.png) 0 0 no-repeat; background-size: 20px 20px;}
.portfolio_view_wrap .section4 .infor_list li.ty6 {background:url(../images/ico_port6_6.png) 0 0 no-repeat; background-size: 20px 20px;}
.portfolio_view_wrap .section4 .infor_list li.ty7 {background:url(../images/ico_port6_7.png) 0 0 no-repeat; background-size: 20px 20px;}
.portfolio_view_wrap .section4 .price {font-size:19px; line-height:21px; color:#000000; font-weight:700;}
.portfolio_view_wrap .section4 .price span {font-weight:bold; color:#666; font-size:11px; }

.portfolio_title_area {position:relative; box-sizing: border-box; padding: 6px 0 18px 0; margin: 0 17px; border-top: solid 3px #000; width: 100%; float: left;}
.portfolio_title_area .title {display:inline-block; line-height:26px; font-size:16px; color:#282828; font-weight:700;}
.portfolio_title_area .btn_more {display:inline-block; position:absolute; right:0px; top:14px; font-size:11px; line-height:16px; color:#c4b2bd; font-weight:700; padding-right: 10px; background:url(../images/ico_new_main8.png) right center no-repeat; background-size: 6px auto;}

#detail_bottom_wrap {display: none; position:fixed; bottom:0px; z-index:100; height: 50px; width: 100%; box-sizing: border-box; padding-left: 50px; }
#detail_bottom_wrap .btn_phone {display:block; width: 50px; height: 50px; position:absolute; left:0px; bottom:0px; background:url(../images/blank8.png) 0 0 repeat; }
#detail_bottom_wrap .btn_phone span {display:block; width: 50px; height: 50px; background:url(../images/ico_port9.png) center center no-repeat; background-size: 23px 23px;}
#detail_bottom_wrap .btn_consult {display:block; width: 100%;  height: 50px; background:url(../images/blank7.png) 0 0 repeat; text-align:center; }
#detail_bottom_wrap .btn_consult span {display:inline-block; height: 50px; font-size:14px; line-height:50px; color:#fff; font-weight:300; padding-left: 30px; background:url(../images/ico_port10.png) 0 center no-repeat; background-size: 20px auto;}

.partners_wrap { position:relative; background:url(../images/bg_partners1.png) 123% 20px no-repeat; background-size: 205px auto; width: 1170px; margin: 0 auto;}
.partners_wrap .partners_top_section {padding: 70px 17px 0 17px;}
.partners_wrap .partners_top_section .title_sub {margin-bottom: 13px; display:inline-block; line-height:20px; padding: 0 7px; background-color:#282828; font-weight:300; color:#fff; font-size:10px; }
.partners_wrap .partners_top_section .title {width: 100%; display:block; margin-bottom: 30px; display:inline-block; line-height:27px; font-weight:500; color:#000; font-size:21px; }
.partners_wrap .partners_top_section .title strong {font-weight:700;}
.partners_wrap .condition_box {width: 100%; overflow:hidden; box-sizing: border-box; padding: 0 14px 15px 14px;}
.partners_wrap .condition_box div {width: 50%; float: left; box-sizing: border-box; padding: 0 3px 6px 3px;}
.partners_wrap .condition_box div select {padding: 0 10px; display:block; height: 40px; border: solid 1px #dddddd; box-sizing: border-box; background:url(../images/ico_select1.png) right center no-repeat; background-size: 20px auto; background-color:#fff; font-size:12px; color:#282828; }
.partners_wrap .condition_box div select:focus {border: solid 1px #000;}
.partners_wrap .partners_list {padding:0 10px 30px 10px;}
.partners_wrap .partners_list > li {width:31.5%; float: left; padding:10px; min-height: 250px;}
.partners_wrap .partners_list > li:first-child { border-top:solid 0px #fff;}
.partners_wrap .partners_list > li.none { min-height: 350px; width: 100%; padding-left: 0; padding-right: 0; padding-top:110px; text-align:center; background:url(../images/ico_partners_01.png) center top no-repeat; background-size:121px auto;}
.partners_wrap .partners_list > li.none .txt_01 {margin-bottom:10px; font-size:12px; color:#282828;}
.partners_wrap .partners_list > li.none .txt_01 strong {font-weight:700;}
.partners_wrap .partners_list > li.none .txt_02 {font-size:10px; color:#282828; opacity:0.5;}
.partners_wrap .partners_list li .part_name {font-size:15px; color:#282828; font-weight:700;}
.partners_wrap .partners_list li .part_infor {margin-bottom:15px; font-size:12px; color:#999; overflow:hidden;}
.partners_wrap .partners_list li .part_infor span {display:inline-block; float:left; width: 100%;}
.partners_wrap .partners_list li .part_infor span:first-child {padding-right:11px; margin-right:10px; position:relative;}
.partners_wrap .partners_list li .part_infor span:first-child:before {content:""; display:block; width:1px; height:10px; background-color:white; position:absolute; right:0px; top:5px;}
.partners_wrap .partners_list li .part_img {width:103%; margin-bottom:15px; overflow:hidden; }
.partners_wrap .partners_list li .part_img li {float:left; width:31%; padding-right:2%; position:relative;}
.partners_wrap .partners_list li .part_img li div {box-sizing: border-box; border: solid 1px #eaeaea; display:block; position:relative; overflow:hidden; border-radius:10px; background:url(../images/ico_partners_03.png) center center no-repeat #f6f6f6; background-size: 25px auto;}
.partners_wrap .partners_list li .part_img li div img {width:100%;}
.partners_wrap .partners_list li .part_img li div .img {position:absolute; left:0px; top:0px; }
.partners_wrap .partners_list li .part_conts {margin-bottom:5px; font-size:12px; line-height:15px; color:#505050; letter-spacing:-0.02em;}
.partners_wrap .partners_list li .btn_more {display:inline-block; font-size:11px; line-height:16px; color:#f1a0b2; font-weight:700; padding-right:10px; background:url(../images/ico_01.png) right center no-repeat; background-size: 6px auto;}

.partners_view_wrap {position:relative; width: 1170px; margin: 0 auto;}
.partners_view_wrap .partners_view_top_section {width:96%; margin: 0 auto; position:relative;}
.partners_view_wrap .partners_view_top_section img {width:100%;}
.partners_view_wrap .partners_view_top_section .part_name {color:#fff; font-size:16px; position:absolute; left:20px; bottom:15px;}
.partners_view_wrap .menu_list {padding:20px 0; text-align:center;}
.partners_view_wrap .menu_list ul {display:inline-block; overflow:hidden;}
.partners_view_wrap .menu_list li {width:120px; float:left; border-bottom:solid 1px #d3d3d3; position:relative;}
.partners_view_wrap .menu_list li.on a {font-weight:700; color:#000;}
.partners_view_wrap .menu_list li.on:before {content:""; display:block; width:100%; height:2px; background-color:#ed1846; position:absolute; left:0px; bottom:-1px;}
.partners_view_wrap .menu_list li a {display:block; color:#d5d5d5; font-size:13px; line-height:40px;}
.partners_view_wrap .menu_list li a span.ea {display:inline-block; height:20px; line-height:20px; padding:0 5px; border-radius:10px; color:#fff; background-color:#b5b5b5; font-weight:200;}
.partners_view_wrap .menu_list li.on a span.ea {background-color:#e28297;}
.partners_view_wrap .menu_list li a span.ea:before {content:"+"; display:inline-block;}
.partners_view_wrap .conts_box {padding:0 15px;}
.partners_view_wrap .part_infor {padding-bottom:25px; margin-bottom:25px; border-bottom:solid 1px #e5e5e5;}
.partners_view_wrap .part_infor tbody tr {height:25px;}
.partners_view_wrap .part_infor tbody th {font-size:12px; color:#999; text-align:left;}
.partners_view_wrap .part_infor tbody td {font-size:12px; color:#000; text-align:left;}
.partners_view_wrap .part_conts {padding-bottom:50px; font-size:13px; line-height:17px; color:#282828;}
.partners_view_wrap .part_conts.none {opacity:0.4;}
.partners_view_wrap .partners_view_list {padding:0 0 30px; float: left;}
.partners_view_wrap .partners_view_list > li.none {padding-top:110px !important; text-align:center; background:url(../images/ico_partners_02.png) center top no-repeat; background-size:121px auto;}
.partners_view_wrap .partners_view_list > li.none {margin-bottom:10px; font-size:12px; color:#282828;}
.partners_view_wrap .partners_view_list > li.none strong {font-weight:700;}
.partners_view_wrap .partners_view_list > li {padding-top:27px; width: 31.5%; float: left; padding: 10px; min-height: 350px;}
/*.partners_view_wrap .partners_view_list > li:first-child {padding-top:0px;}*/
.partners_view_wrap .partners_view_list li .img_box {width: 100%; display:block; position:relative; overflow:hidden; border-radius: 10px;}
.partners_view_wrap .partners_view_list li .img_box img {width: 100%; }
.partners_view_wrap .partners_view_list li .img_box .img1 {position:absolute; left:0px; top:0px; width: 66.66%; }
.partners_view_wrap .partners_view_list li .img_box .img2 {position:absolute; right:0px; top:0px; height: 50%; overflow:hidden; box-sizing: border-box; border-left: solid 2px #fff; }
.partners_view_wrap .partners_view_list li .img_box .img2 img {width: auto; height: 100%;}
.partners_view_wrap .partners_view_list li .img_box .img2 .port_img {position:absolute; left:0px; top:0px; width: 100%; height: auto; }
.partners_view_wrap .partners_view_list li .img_box .img2 .line {position:absolute; left:0px; bottom:0px; width: 100%; height: 2px; background-color:#fff;}
.partners_view_wrap .partners_view_list li .img_box .img3 {position:absolute; right:0px; bottom:0px; height: 50%; overflow:hidden; box-sizing: border-box; border-left: solid 2px #fff; }
.partners_view_wrap .partners_view_list li .img_box .img3 img {width: auto; height: 100%;}
.partners_view_wrap .partners_view_list li .img_box .img3 .port_img {position:absolute; left:0px; top:0px; width: 100%; height: auto; }
.partners_view_wrap .partners_view_list li .img_box .img3 .cover {position:relative; z-index:5; }
.partners_view_wrap .partners_view_list li .img_box .img3 .total {width: 100%; display:block; position:absolute; left:0px; top:50%; margin-top: -14px; z-index:7; line-height:24px; text-align:center; color:#fff; font-size:23px; font-weight:500; }
.partners_view_wrap .infor_box {padding: 12px 5px 0 5px; font-size:11px; line-height:16px; color:#5a5a5a; font-weight:200; }
.partners_view_wrap .infor_box .p_title {font-size:14px; font-weight:500; line-height:18px; color:#282828; padding-bottom: 2px; }
.partners_view_wrap .tag_infor_box {padding: 10px 5px 0 5px;}
.partners_view_wrap .tag_infor_box span {display:inline-block; height: 21px; line-height:21px; font-size:11px; color:#e2afaf; padding: 0 7px; border: solid 1px #e2afaf; border-radius: 25px; background-color:#fff ;}

.trend_wrap { position:relative; background:url(../images/bg_trend1.png) center 60px no-repeat; background-size: 253px auto; width: 60%; margin: 0 auto;}
.trend_wrap .trend_top_section {padding: 70px 17px 0 17px;}
.trend_wrap .trend_top_section .title_sub {margin-bottom: 13px; display:inline-block; line-height:20px; padding: 0 7px; background-color:#282828; font-weight:300; color:#fff; font-size:10px; }
.trend_wrap .trend_top_section .title {width: 100%; display:block; margin-bottom: 30px; display:inline-block; line-height:27px; font-weight:500; color:#000; font-size:21px; }
.trend_wrap .trend_top_section .title strong {font-weight:700;}
.trend_wrap .condition_box {width: 1170px; margin: 0 auto; overflow:hidden; box-sizing: border-box; padding: 0 14px 36px 14px; }
.trend_wrap .condition_box div {width: 50%; float: left; box-sizing: border-box; padding: 0 3px 6px 3px; }
.trend_wrap .condition_box div select {padding: 0 10px; display:block; height: 40px; border: solid 1px #dddddd; box-sizing: border-box; background:url(../images/ico_select1.png) right center no-repeat; background-size: 20px auto; background-color:#fff; font-size:12px; color:#282828; }
.trend_wrap .condition_box div select:focus {border: solid 1px #000;}
.trend_wrap .trend_list > li {width:100%; padding:20px 0;}
.trend_wrap .trend_list > li:first-child {padding:0 0 20px 0;}
.trend_wrap .trend_list .img img {width:100%;}
.duannoibat .trend_wrap .trend_list > li {width:50%; float:left;padding:0px 0;margin-bottom: 15px;}

.duannoibat .trend_wrap .trend_list .img img {width:100%;}
.trend_wrap .trend_list .trend_cont {padding:20px 25px 0 25px; position:relative;}
.trend_wrap .trend_list .trend_cont .like_box {margin-bottom:15px;}
.trend_wrap .trend_list .trend_cont .like_box span {display:inline-block; padding-left:18px; margin-right:10px; font-size:10px; line-height:18px; color:#404040;}
.trend_wrap .trend_list .trend_cont .like_box span.like {background:url(../images/ico_like_01.png) 0 center no-repeat; background-size:14px auto;}
.trend_wrap .trend_list .trend_cont .like_box span.share {background:url(../images/ico_share_01.png) 0 center no-repeat; background-size:14px auto;}
.trend_wrap .trend_list .trend_cont .name {margin-bottom:10px; padding-top: 10px;font-size:21px; line-height:30px; color:#000; font-weight:500; letter-spacing:-0.02em;}
.trend_wrap .trend_list .trend_cont .cont {margin-bottom:15px; font-size:12px; line-height:17px; color:#414141; letter-spacing:-0.02em;}
.trend_wrap .trend_list .trend_cont .line {display:block; width:100%; padding-left:100px; box-sizing:border-box; height:2px; position:absolute; bottom:12px; right:0px;}
.trend_wrap .trend_list .trend_cont .line span {display:block; width:100%; height:2px; background-color:#000;}
.trend_wrap .trend_list .btn_more {display:inline-block; font-size:11px; line-height:16px; color:#f66f7a; font-weight:700; padding-right:10px; background:url(../images/ico_01.png) right center no-repeat; background-size: 6px auto;}

.trend_view_wrap {position:relative; width: 60%; margin: 0 auto;}
.trend_view_wrap .trend_view_top_section img {width:100%;}
.trend_view_wrap .section1 {min-height:120px; padding: 0 17px; position:relative; }
.trend_view_wrap .section1 .title {font-size:23px; line-height:32px; color:#282828; font-weight:500; padding:25px 45px 25px 0; letter-spacing:-0.02em;}
.trend_view_wrap .section1 .right_area {position:absolute; right:40px; top:50%; margin-top:-40px; width: 45px; height: 100px; }
.trend_view_wrap .section1 .right_area .btn_like {display:block; width: 100%; height: 16px; padding-left: 36px;  background:url(../images/ico_port1.png) center 0 no-repeat; background-size: 19px auto; font-size:10px; line-height:12px; color:#7e7e7e; text-align:center; margin-bottom: 20px; }
.trend_view_wrap .section1 .right_area .btn_like.on {color:#282828;  background:url(../images/ico_port2.png) center 0 no-repeat; background-size: 19px auto;}
.trend_view_wrap .section1 .right_area .btn_share {display:block; width: 100%; height: 20px; padding-left: 36px;  background:url(../images/ico_port3.png) center 0 no-repeat; background-size: 19px auto; font-size:10px; line-height:18px; color:#7e7e7e; text-align:center; }
.trend_view_wrap .section2 {padding:0 0 16px; margin:0 17px; position:relative; border-bottom:solid 1px #eaeaea;}
.trend_view_wrap .section2 .write_infor {position:relative; padding-left: 40px; margin-bottom:7px; font-size:14px; line-height:32px; color:#282828; font-weight:700; }
.trend_view_wrap .section2 .write_infor .img_box {width: 32px; height: 32px; overflow:hidden; position:absolute; left:0px; top:0px; display:block; }
.trend_view_wrap .section2 .write_infor .img_box img {width: 100%; border-radius: 40px;}
.trend_view_wrap .section2 .write_infor .name {display:block; width:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-weight:700; font-size:14px; color:#282828; line-height:17px; letter-spacing:-0.02em;}
.trend_view_wrap .section2 .write_infor .date {display:block; width:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-weight:100; font-size:11px; color:#000; line-height:14px; letter-spacing:-0.02em; opacity:0.5;}
.trend_view_wrap .section2 .conts_infor {font-size:12px; line-height:18px; color:#505050; overflow:hidden; margin-bottom:10px; letter-spacing:-0.02em;}
.trend_view_wrap .section3 {background:url(../images/bg_trend2.png) right center no-repeat; background-size:114px auto;}
.trend_view_wrap .section3 .inner_box {padding:20px 0 30px; margin:0 17px; border-bottom:solid 3px #000;}
.trend_view_wrap .section3 .copy1 {margin-bottom:5px; font-size:19px; color:#000; line-height:25px; letter-spacing:-0.02em;}
.trend_view_wrap .section3 .copy2 {margin-bottom:10px; font-size:21px; color:#000; line-height:22px; font-weight:700; letter-spacing:-0.02em;}
.trend_view_wrap .section3 .copy3 {margin-bottom:20px; font-size:11px; color:#000; opacity:0.6; letter-spacing:-0.02em; padding-bottom: 30px;}
.trend_view_wrap .section3 .btn_area {text-align:center;}
.trend_view_wrap .section3 .btn_area a {display:inline-block; width:245px; height:45px; text-align:center; line-height:45px; border:solid 1px #000; background-color:#fff; color:#dc2f3f; font-size:14px; border-radius:45px; font-weight:500; letter-spacing:-0.02em;}
.trend_view_wrap .section4 {padding:10px 17px 50px; position:relative;}
.trend_view_wrap .section4 .copy1 {margin-bottom:20px; font-size:16px; color:#282828; font-weight:700;}
.trend_view_wrap .section4 .btn_area a {display:block; height:35px; line-height:35px; font-size:14px; color:#282828; position:relative; text-indent:5px; font-weight:500;}
.trend_view_wrap .section4 .btn_area a .arrow {position:absolute; right:14px; top:50%; width: 6px; height: 10px; margin-top: -5px; background:url(../images/ico_arrow1.png) center center no-repeat; background-size: 6px auto;}

.ideas_wrap { padding-top: 50px; background:url(../images/bg_ideas.png) center 0  no-repeat; background-size: 800px auto; width: 60%; margin: 0 auto;}
.ideas_wrap.bg_none {background:none; }
.ideas_wrap .ideas_top {padding: 25px 17px 52px 17px; position:relative; }
.ideas_wrap .ideas_top .title {font-size:26px; line-height:30px; color:#000000; font-weight:200; margin-bottom: 17px;  }
.ideas_wrap .ideas_top .title strong {font-weight:700; }
.ideas_wrap .ideas_top p {font-size:11px; font-weight:300; line-height:14px; color:#828282;}

.ideas_wrap.bg_none  .ideas_box:first-child .ideas_profile_area {border-top: solid 0px #dddddf;}

.ideas_wrap .ideas_profile_area {position:relative; width: 100%; height: 50px; border-top: solid 1px #dddddf;}
.ideas_wrap .ideas_profile_area .profile {display:block; position:relative; top:4px; padding-left: 56px; padding-top: 5px; box-sizing: border-box; text-overflow:ellipsis; white-space:nowrap; }
.ideas_wrap .ideas_profile_area .profile .profile_img {position:absolute; left:17px; top:3px; display:inline-block; width: 33px; height: 33px; overflow:hidden; border-radius: 33px; border: solid 1px #cccccb;}
.ideas_wrap .ideas_profile_area .profile .profile_img img {width: 100%; }
.ideas_wrap .ideas_profile_area .profile .profile_id {display:block; width: 100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-weight:500; font-size:12px; color:#000; line-height:16px; }
.ideas_wrap .ideas_profile_area .profile .profile_explain {display:block; width: 100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-weight:100; font-size:11px; color:#888888; line-height:16px; }
.ideas_wrap .ideas_profile_area .profile .profile_explain .p_name {color:#000;}

.ideas_wrap .ideas_profile_area .btn_etc {position:absolute; right:5px; top:0px; display:block; width: 50px; height: 50px; text-align:center; }
.ideas_wrap .ideas_profile_area .btn_etc .round {margin: 0 1.5px; margin-top: 23px; display:inline-block; vertical-align:middle; width: 4px; height: 4px; background-color:#444444; border-radius: 4px;}

.ideas_wrap .ideas_box {}

.ideas_wrap .ideas_like_view_area {padding: 8px 17px; width: 100%; overflow:hidden; box-sizing: border-box;}
.ideas_wrap .ideas_like_view_area a.like {float: left; font-weight:700; color:#000; font-size:10px; line-height:12px; font-weight:700; }
.ideas_wrap .ideas_like_view_area a.view {float: right; color:#949ba1; font-size:10px; line-height:12px; font-weight:200; }

.ideas_wrap .ideas_content {padding: 0 17px; font-size:12px; line-height:16px; color:#000; padding-bottom: 10px; padding-top: 12px; font-weight:300; }

.ideas_wrap .ideas_tags {margin: 0 17px; padding-bottom: 14px; line-height:16px; border-bottom: solid 1px #eeeeee;}
.ideas_wrap .ideas_tags a {display:inline-block; font-size:12px; line-height:16px; color:#0073d5; vertical-align:top; font-weight:300; }

.ideas_wrap .ideas_comments_list {padding: 0 17px; line-height:13px; }
.ideas_wrap .ideas_comments_list ul {}
.ideas_wrap .ideas_comments_list ul li {position:relative; font-size:10px; line-height:14px; color:#000; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; width: 100%;  box-sizing: border-box; padding-right: 36px; font-weight:300; }
.ideas_wrap .ideas_comments_list ul li.open {overflow:visible; white-space:inherit; text-overflow:initial; padding-right: 0px; }
.ideas_wrap .ideas_comments_list ul li strong {font-weight:700; }
.ideas_wrap .ideas_comments_list ul li .more {position:absolute; right:0px; top:0px; color:#aaaeb2; display:inline-block; margin-left: 5px;}
.ideas_wrap .ideas_comments_list ul li.open .more {display:none; }

.ideas_wrap .ideas_btn_area {text-align:center; padding-top: 18px; padding-bottom: 34px; }
.ideas_wrap .ideas_btn_area a {display:inline-block; width: 30px; height: 30px; margin: 0 6px;}
.ideas_wrap .ideas_btn_area a.btn_like {background:url(../images/icon_ideas1_1.png) center center no-repeat; background-size: 23px auto;}
.ideas_wrap .ideas_btn_area a.btn_like.on {background:url(../images/icon_ideas1_1_on.png) center center no-repeat; background-size: 23px auto;}
.ideas_wrap .ideas_btn_area a.btn_reply {background:url(../images/icon_ideas1_2.png) center center no-repeat; background-size: 23px auto;}
.ideas_wrap .ideas_btn_area a.btn_share {background:url(../images/icon_ideas1_3.png) center center no-repeat; background-size: 22px auto;}

.ideas_wrap .ideas_img_type1 img {width: 100%; }

.ideas_wrap .ideas_img_type2_vertical a {display:block; position:relative; overflow:hidden; }
.ideas_wrap .ideas_img_type2_vertical a:first-child {margin-bottom: 4px; }
.ideas_wrap .ideas_img_type2_vertical img {width: 100%; }
.ideas_wrap .ideas_img_type2_vertical .img {position:absolute; left:0px; top:0px; }

.ideas_wrap .ideas_img_type2_horizontal {width: 100%; overflow:hidden; }
.ideas_wrap .ideas_img_type2_horizontal a {float: left; width: 50%; display:block; position:relative; overflow:hidden; box-sizing: border-box; border-left: solid 2px #fff;}
.ideas_wrap .ideas_img_type2_horizontal a:first-child { border-left: solid 0px #fff;  border-right: solid 2px #fff;}
.ideas_wrap .ideas_img_type2_horizontal img {width: 100%; }
.ideas_wrap .ideas_img_type2_horizontal .img {position:absolute; left:0px; top:0px; }

.ideas_wrap .ideas_img_type3_vertical {width: 100%; overflow:hidden; }
.ideas_wrap .ideas_img_type3_vertical a {float: left; display:block; position:relative; overflow:hidden; box-sizing: border-box;}
.ideas_wrap .ideas_img_type3_vertical a.sec1 {width: 100%; margin-bottom: 4px; }
.ideas_wrap .ideas_img_type3_vertical a.sec2 {width: 50%; border-right: solid 2px #fff;}
.ideas_wrap .ideas_img_type3_vertical a.sec3 {width: 50%; border-left: solid 2px #fff;}
.ideas_wrap .ideas_img_type3_vertical img {width: 100%; }

.ideas_wrap .ideas_img_type3_horizontal {width: 100%; overflow:hidden; }
.ideas_wrap .ideas_img_type3_horizontal a {float: left; display:block; position:relative; overflow:hidden; box-sizing: border-box;}
.ideas_wrap .ideas_img_type3_horizontal a.sec1 {width: 50%; border-right: solid 2px #fff;}
.ideas_wrap .ideas_img_type3_horizontal a.sec2 {width: 50%; border-left: solid 2px #fff; border-bottom: solid 2px #fff;}
.ideas_wrap .ideas_img_type3_horizontal a.sec3 {width: 50%; border-left: solid 2px #fff; border-top: solid 2px #fff;}
.ideas_wrap .ideas_img_type3_horizontal img {width: 100%; }

.ideas_wrap .ideas_img_type4_vertical {width: 100%; overflow:hidden; position:relative; }
.ideas_wrap .ideas_img_type4_vertical a {float: left; display:block; position:relative; overflow:hidden; box-sizing: border-box;}
.ideas_wrap .ideas_img_type4_vertical a.sec1 {width: 100%; margin-bottom: 4px; }
.ideas_wrap .ideas_img_type4_vertical a.sec2 {width: 33.33%; border-right: solid 2px #fff;}
.ideas_wrap .ideas_img_type4_vertical a.sec3 {width: 33.33%; border-left: solid 2px #fff; border-right: solid 2px #fff;}
.ideas_wrap .ideas_img_type4_vertical a.sec4 {width: 33.33%; border-left: solid 2px #fff; position:relative; }
.ideas_wrap .ideas_img_type4_vertical a.sec4 .total {width: 100%; display:block; position:absolute; left:0px; top:50%; margin-top: -14px; z-index:7;  line-height:24px; text-align:center; color:#fff; font-size:23px; font-weight:500; }
.ideas_wrap .ideas_img_type4_vertical img {width: 100%; }
.ideas_wrap .ideas_img_type4_vertical .line {width: 100%; height: 4px; background-color:#fff; position:absolute; left:0px; bottom:0px; }

.ideas_wrap .ideas_img_type4_horizontal {width: 100%; overflow:hidden; position:relative; }
.ideas_wrap .ideas_img_type4_horizontal a {float: left; display:block; position:relative; overflow:hidden; box-sizing: border-box;}
.ideas_wrap .ideas_img_type4_horizontal a.sec1 {width: 66.66%; border-right: solid 2px #fff;}
.ideas_wrap .ideas_img_type4_horizontal a.sec2 {width: 33.33%; border-left: solid 2px #fff; border-bottom: solid 4px #fff;}
.ideas_wrap .ideas_img_type4_horizontal a.sec3 {width: 33.33%; border-left: solid 2px #fff; border-bottom: solid 4px #fff;}
.ideas_wrap .ideas_img_type4_horizontal a.sec4 {width: 33.33%; border-left: solid 2px #fff; position:relative; }
.ideas_wrap .ideas_img_type4_horizontal a.sec4 .total {width: 100%; display:block; position:absolute; left:0px; top:50%; margin-top: -14px; z-index:7;  line-height:24px; text-align:center; color:#fff; font-size:23px; font-weight:500; }
.ideas_wrap .ideas_img_type4_horizontal img {width: 100%; }
.ideas_wrap .ideas_img_type4_horizontal .line {width: 100%; height: 4px; background-color:#fff; position:absolute; left:0px; bottom:0px; }

#btn_ideas {position:fixed; overflow:hidden; left:56%; bottom: 20px; margin-left: 252px; z-index:100; display:inline-block; border-radius: 50px; width: 48px; height: 48px; border: solid 1px #eb2c41; background:url(../images/icon_ideas2.png) center center no-repeat #fff; background-size: 26px auto; transition: all 0.2s linear;  box-shadow: 0px 2px 5px rgba(0,0,0,0.2); }
#btn_ideas2 {position:fixed; overflow:hidden; left:50%; bottom:17px; margin-left: 252px; z-index:100; display:inline-block; border-radius: 50px; width: 48px; height: 48px; border: solid 1px #eb2c41; background:url(../images/ico_ideas4.png) center center no-repeat #fff; background-size: 20px auto; box-shadow: 0px 2px 5px rgba(0,0,0,0.2); }

#simple_top_area {position:absolute; left:0px; top:0px; z-index:50; width: 100%; height: 40px; background-color:#fff; border-bottom: solid 1px #eaeaea;}
#simple_top_area.posi_top {top:0;}
/*.top #simple_top_area  {width: 640px; left:50%; margin-left: -320px; position:fixed; top:0; transition: top 0.2s linear;}
.top.hide #simple_top_area  {top:-50px; transition: top 0.2s linear;}*/
#simple_top_area .title {width: 640px; font-size:14px; text-align:center; line-height:40px; color:#000; font-weight:700; }
#simple_top_area .btn_back {position:absolute; left:0px; top:0px; display:inline-block; width: 40px; height: 40px; background:url(../images/ico_top_area1.png) center center no-repeat; background-size: 9px auto;}
#simple_top_area .btn_close {position:absolute; left:0px; top:0px; display:inline-block; width: 40px; height: 40px; background:url(../images/ico_top_area2.png) center center no-repeat; background-size: 12px auto;}

.idea_book_maker {padding: 0 17px; }
.idea_book_maker .txt_area {padding-top: 25px; padding-bottom: 20px; font-size:12px; line-height:18px; color:#282828; font-weight:300; }
.idea_book_maker .txt_area strong {font-weight:700; }
.idea_book_maker .save_idea_box {position:relative; padding-left: 130px; padding-top: 20px; height: 85px; }
.idea_book_maker .save_idea_box select {padding: 0 10px; border: solid 1px #d8d8d8; height: 40px;  box-sizing: border-box; font-size:12px; line-height:38px; color:#282828; background:url(../images/ico_select1.png) right center no-repeat; background-size: 20px auto; background-color:#fff;}
.idea_book_maker .save_idea_box .img_box {position:absolute; left:0px; top:0px; width: 110px; height: 110px; overflow:hidden; border-radius: 10px;}
.idea_book_maker .save_idea_box .img_box img {width: 100%; }
.idea_book_maker input[type="text"] {border: solid 0px #fff;border-bottom: solid 2px #000000; width: 100%; padding: 0; font-size:12px; line-height:40px; height: 40px; color:#282828;}
.idea_book_maker .btn_box {width: 100%; padding-top: 12px; }
.idea_book_maker .btn_box .btn_cancel {display:inline-block; width: 28%; height: 28px; border: solid 1px #cccccc; background-color:#fff; font-size:11px; line-height:28px; text-align:center; color:#282828; font-weight:300; border-radius: 50px;}
.idea_book_maker .btn_box .btn_save {display:inline-block; width: 68%; height: 28px; border: solid 1px #dc2f3f; background-color:#dc2f3f; font-size:11px; line-height:28px; text-align:center; color:#fff; font-weight:300; border-radius: 50px;}

.tag_list_new_wrap {}
.tag_list_new_wrap .menu_list {padding:20px 0; text-align:center;}
.tag_list_new_wrap .menu_list ul {display:inline-block; overflow:hidden;}
.tag_list_new_wrap .menu_list li {width:115px; float:left; border-bottom:solid 1px #d3d3d3; position:relative;}
.tag_list_new_wrap .menu_list li.on a {font-weight:700; color:#000;}
.tag_list_new_wrap .menu_list li.on:before {content:""; display:block; width:100%; height:2px; background-color:#ed1846; position:absolute; left:0px; bottom:-1px;}
.tag_list_new_wrap .menu_list li a {display:block; color:#d5d5d5; font-size:13px; line-height:40px;}
.tag_list_new_wrap .menu_list li a span.ea {display:inline-block; height:20px; line-height:20px; padding:0 5px; border-radius:10px; color:#fff; background-color:#d5d5d5; font-weight:200;}
.tag_list_new_wrap .menu_list li.on a span.ea {background-color:#e28297;}
.tag_list_new_wrap .menu_list li a span.ea:before {content:"+"; display:inline-block;}
.tag_list_new_wrap .img_masonry_list {padding: 0 14px; }
.tag_list_new_wrap .img_masonry_list ul {width: 100%; overflow:hidden;}
.tag_list_new_wrap .img_masonry_list li {float: left; width: 50%; box-sizing: border-box; padding: 0 3px; margin-bottom: 6px; }
.tag_list_new_wrap .img_masonry_list li a {display:block; }
.tag_list_new_wrap .img_masonry_list li a img {width: 100%; border-radius: 12px;}
.tag_list_new_wrap .list_none {display:block; margin: 60px 0 100px 0;background:url(../images/ico_tag_list_none.png) center top no-repeat; background-size: 121px auto; font-size:12px; line-height:18px; color:#282828; padding-top: 110px; font-weight:700; text-align:center; }

.ideas_detail_wrap {padding-top: 105px; position:relative; width: 60%; margin: 0 auto;}
.ideas_detail_wrap .ideas_detail_area {position:absolute; left:0px; top:54px; z-index:50; width: 100%; height: 51px; background-color:#fff; border-bottom: solid 1px #eaeaea; box-sizing: border-box; padding: 0 40px 0 38px; }
.sub_top .ideas_detail_wrap .ideas_detail_area {width: 640px; left:50%; margin-left: -320px; position:fixed; top:0; }
.sub_top.hide .ideas_detail_wrap .ideas_detail_area  {top:-54px; transition: top 0.2s linear;}
.ideas_detail_wrap .ideas_detail_area .title {font-size:14px; text-align:center; line-height:50px; color:#000; font-weight:bold; }
.ideas_detail_wrap .ideas_detail_area .btn_back {position:absolute; left:0px; top:0px; z-index:5;  display:inline-block; width: 45px; height: 50px; background:url(../images/ico_top_area1.png) center center no-repeat; background-size: 9px auto;}
.ideas_detail_wrap .ideas_detail_area .btn_etc {position:absolute; right:4px; top:0px; display:block; width: 50px; height: 50px; text-align:center; }
.ideas_detail_wrap .ideas_detail_area .btn_etc .round {margin: 0 1.5px; margin-top: 22px; display:inline-block; vertical-align:middle; width: 4px; height: 4px; background-color:#444444; border-radius: 4px;}

.ideas_detail_wrap .ideas_profile_area {position:relative; width: 100%; height: 50px; }
.ideas_detail_wrap .ideas_profile_area .profile {display:block; position:relative; top:0px; padding-top: 9px;  padding-left: 39px; box-sizing: border-box; text-overflow:ellipsis; white-space:nowrap;}
.ideas_detail_wrap .ideas_profile_area .profile .profile_img {position:absolute; left:0px; top:7px; display:inline-block; width: 33px; height: 33px; overflow:hidden; border-radius: 40px; border: solid 1px #c9c9c9;}
.ideas_detail_wrap .ideas_profile_area .profile .profile_img img {width: 100%; }
.ideas_detail_wrap .ideas_profile_area .profile .profile_id {display:block; width: 100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-weight:500; font-size:12px; color:#000; line-height:18px; }
.ideas_detail_wrap .ideas_profile_area .profile .profile_explain {display:block; width: 100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-weight:100; font-size:11px; color:#888888; line-height:14px; }
.ideas_detail_wrap .ideas_profile_area .profile .profile_explain .p_name {color:#000;}

.ideas_detail_wrap .ankle_box {position:absolute; display:inline-block; }
.ideas_detail_wrap .comment_box {display:none; position:absolute; left:10px; top:10px; z-index:10;  width: 95px;  padding: 10px 13px; font-size:11px; color:#fff; line-height:14px; background:url(../images/blank2.png) center center repeat; font-weight:100;  border-radius: 4px;}
.ideas_detail_wrap .comment_box .comment_close {position:absolute; left:-9px; top:-9px; display:inline-block; width: 22px; height: 26px; background:url(../images/ico_ideas3.png) 0 0 no-repeat; background-size: 22px 26px;}

.ideas_detail_wrap .comment_box.position_left_top {}
.ideas_detail_wrap .comment_box.position_left_top .comment_close {left:-10px;  top:-10px;}

.ideas_detail_wrap .comment_box.position_left_bottom {top:auto; bottom:-16px; left:9px;}
.ideas_detail_wrap .comment_box.position_left_bottom .comment_close {top:auto; bottom:-10px}

.ideas_detail_wrap .comment_box.position_right_top {right:-10px; left:auto;}
.ideas_detail_wrap .comment_box.position_right_top .comment_close {left:auto; right:-11px; top:-10px;}

.ideas_detail_wrap .comment_box.position_right_bottom {right:-10px; left:auto; top:auto; bottom:-15px}
.ideas_detail_wrap .comment_box.position_right_bottom .comment_close {left:auto; top:auto; right:-12px;  bottom:-11px}

.ideas_detail_wrap .ankle_box.open .comment_box {display:inline-block; z-index:15; }
.ideas_detail_wrap .ankle_box.open .ankle {display:none; }

.ideas_detail_wrap .ankle {display:block; width: 22px; height: 26px; position:relative; background:url(../images/ico_ideas2.png) 0 0 no-repeat; background-size: 22px 26px;}

.ideas_detail_wrap .article_image_area {width: 100%; position:relative; }
.ideas_detail_wrap .article_image_area img {width: 100%;}

.ideas_detail_wrap .ideas_btn_area {text-align:center; padding-top: 18px; padding-bottom: 32px; }
.ideas_detail_wrap .ideas_btn_area a {display:inline-block; width: 30px; height: 30px; margin: 0 6px;}
.ideas_detail_wrap .ideas_btn_area a.btn_like {background:url(../images/icon_ideas1_1.png) center center no-repeat; background-size: 23px auto;}
.ideas_detail_wrap .ideas_btn_area a.btn_like.on {background:url(../images/icon_ideas1_1_on.png) center center no-repeat; background-size: 23px auto;}
.ideas_detail_wrap .ideas_btn_area a.btn_reply {background:url(../images/icon_ideas1_2.png) center center no-repeat; background-size: 23px auto;}
.ideas_detail_wrap .ideas_btn_area a.btn_share {background:url(../images/icon_ideas1_3.png) center center no-repeat; background-size: 22px auto;}
.ideas_detail_wrap .ideas_btn_area a.btn_ideas {background:url(../images/ico_ideas1.png) center center no-repeat; background-size: 19px auto;}

.ideas_detail_wrap .article_box {padding: 0 17px; }

.ideas_detail_wrap .article_like_view_area {padding-bottom: 8px; padding-top: 8px;  width: 100%; overflow:hidden; }
.ideas_detail_wrap .article_like_view_area a.like {float: left; font-weight:700; color:#000; font-size:10px; line-height:12px; font-weight:700; }
.ideas_detail_wrap .article_like_view_area a.view {float: right; color:#949ba1; font-size:10px; line-height:12px; font-weight:300; }

.ideas_detail_wrap .article_content {font-size:12px; line-height:16px; color:#000; padding-bottom: 10px; padding-top: 12px; font-weight:300; }

.ideas_detail_wrap .article_tags {padding-bottom: 14px; line-height:16px; border-bottom: solid 1px #eeeeee;}
.ideas_detail_wrap .article_tags a {display:inline-block; font-size:12px; line-height:16px; color:#0073d5; vertical-align:top; font-weight:300; }

.ideas_detail_wrap .article_comments_list {line-height:13px; }
.ideas_detail_wrap .article_comments_list ul {}
.ideas_detail_wrap .article_comments_list ul li {position:relative; font-size:10px; line-height:14px; font-weight:300;  color:#000; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; width: 100%;  box-sizing: border-box; padding-right: 36px; }
.ideas_detail_wrap .article_comments_list ul li.open {overflow:visible; white-space:inherit; text-overflow:initial; padding-right: 0px; }
.ideas_detail_wrap .article_comments_list ul li strong {font-weight:700; }
.ideas_detail_wrap .article_comments_list ul li .more {position:absolute; right:0px; top:0px; color:#aaaeb2; display:inline-block; margin-left: 5px; font-weight:300; }
.ideas_detail_wrap .article_comments_list ul li.open .more {display:none; }

.profile_view_wrap .menu_list.menu3 li {width:95px;}
.profile_view_wrap .menu_list.menu3 li a {padding:10px 0; line-height:22px;}
.profile_view_wrap .menu_list.menu3 li a .name {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.quotation_cont > div {margin-top:70px;}
.quotation_cont > div:first-child {margin-top:0px;}
.quotation_cont .title_01 {padding:0 17px; position:relative;}
.quotation_cont .title_01 .right_area {position:absolute; right:17px; top:24px;}
.quotation_cont > div:first-child .title_01 .right_area {top:5px;}
.quotation_cont .title_01 .right_area a {display:inline-block; height:20px; padding:0 10px 0 25px; line-height:20px; font-size:10px; color:#ed1846; border-radius:20px;}
.quotation_cont .title_01 .right_area .btn_01 {color:#4bdb85; border:solid 1px #4bdb85; background:url(../images/ico_03.png) 12px center no-repeat; background-size:7px auto;}
.quotation_cont .title_01 .right_area .btn_02 {color:#ed1846; border:solid 1px #ed1846; background:url(../images/ico_04.png) 12px center no-repeat; background-size:7px auto;}
.quotation_cont .title_01 .right_area .btn_03 {color:#bbbdc5; border:solid 1px #bbbdc5; background:url(../images/ico_05.png) 12px center no-repeat; background-size:7px auto;}
.quotation_cont .title_01 .date {margin-bottom:5px; padding-top:12px; font-size:22px; color:#000; font-weight:700; border-top:solid 4px #000;}
.quotation_cont > div:first-child .title_01 .date {padding-top:0; border-top:solid 0px #fff;}
.quotation_cont .title_01 .txt {font-size:13px; line-height:18px; color:#545454;}
.quotation_cont .title_02 {padding:10px 17px 20px 17px; text-align:center;}
.quotation_cont .title_02 .txt_01 {margin-bottom:10px; font-size:19px; line-height:22px; color:#000; font-weight:700; text-align:left;}
.quotation_cont .title_02 .txt_02 {margin-bottom:25px; font-size:13px; line-height:18px; color:#545454; text-align:left;}
.quotation_cont .title_02 .btn_01 {display:inline-block; height:47px; padding:0 30px; line-height:47px; font-size:14px; color:#dc2f3f; border:solid 2px #000; font-weight:500; border-radius:47px;}
.quotation_cont .step_list {border-bottom:solid 1px #eaeaea;}
.quotation_cont .step_list > ul > li:first-child > a {border-top:solid 0px #fff;}
.quotation_cont .step_list > ul > li > a {display:block; padding:25px 17px; position:relative; border-top:solid 1px #eaeaea;}
.quotation_cont .step_list > ul > li > a:after {display:block; content:""; width:15px; height:9px; background:url(../images/ico_02.png) 0 bottom no-repeat; background-size:15px auto; position:absolute; right:17px; top:45px;}
.quotation_cont .step_list > ul > li.active > a:after {background-position:0 0;}
.quotation_cont .step_list > ul > li > a span.step {display:inline-block; height:18px;  padding:0 5px; line-height:18px; border-radius:3px; font-size:9px; font-weight:700;}
.quotation_cont .step_list > ul > li > a span.name {display:block; color:#000; font-size:19px; font-weight:500;}
.quotation_cont .step_list > ul > li.complete > a span.step {color:#fff; background-color:#7d9e8a;}
.quotation_cont .step_list > ul > li.ing > a span.step {width:54px; color:#ffd0df; background:url(../images/ico_08.png) 0 0 no-repeat; background-size:54px 18px;}
.quotation_cont .step_list > ul > li .step_cont {display:none; padding-left:55px; background-color:#f5f5f5;}
.quotation_cont .step_list > ul > li .step_cont .inner_box {padding:30px 17px 30px 17px; border-left:solid 1px #c8c8c8;}
.quotation_cont .step_list > ul > li .step_cont .inner_box > ul > li {padding:15px; margin-top:14px; border-radius:5px; background-color:#fff; position:relative; border:solid 1px #eaeaea;}
.quotation_cont .step_list > ul > li .step_cont .inner_box > ul > li:first-child {margin-top:0px;}
.quotation_cont .step_list > ul > li .step_cont .inner_box > ul > li:after {display:block; content:""; width:11px; height:24px; background:url(../images/ico_07.png) 0 0 no-repeat; background-size:11px auto; position:absolute; left:-11px; top:0px;}
.quotation_cont .step_list > ul > li .step_cont .inner_box > ul > li:before {display:block; content:""; width:8px; height:8px; background-color:#000; border-radius:8px; position:absolute; left:-22px; top:13px;}
.quotation_cont .step_list > ul > li .step_cont .inner_box > ul > li .date {font-size:11px; color:#989898; font-weight:700;}
.quotation_cont .step_list > ul > li .step_cont .inner_box > ul > li .tit {font-size:14px; color:#000;}
.quotation_cont .step_list > ul > li .step_cont .inner_box > ul > li .txt_01 {font-size:10px; color:#000; opacity:0.6;}
.quotation_cont .step_list > ul > li .step_cont .inner_box > ul > li .txt_02 {margin:15px 0; font-size:12px; line-height:16px; color:#282828;}
.quotation_cont .step_list > ul > li .step_cont .inner_box > ul > li .right_area {position:absolute; right:15px; top:15px;}
.quotation_cont .step_list > ul > li .step_cont .inner_box > ul > li .right_area a {display:inline-block; font-size:10px;}
.quotation_cont .step_list > ul > li .step_cont .inner_box > ul > li .right_area a.btn_01 {padding-left:15px; color:#4bdb85; background:url(../images/ico_03.png) 0 center no-repeat; background-size:10px auto;}
.quotation_cont .step_list > ul > li .step_cont .inner_box > ul > li .right_area a.btn_02 {padding-left:10px; color:#ed1846; font-size:10px; background:url(../images/ico_04.png) 0 center no-repeat; background-size:7px auto;}
.quotation_cont .step_list > ul > li .step_cont .inner_box > ul > li .right_area a.btn_03 {padding-left:10px; color:#bbbdc5; font-size:10px; background:url(../images/ico_05.png) 0 center no-repeat; background-size:7px auto;}
.quotation_cont .step_list > ul > li.active .step_cont {display:block;}
.quotation_cont .step_list > ul > li.off a {color:#bababa;}
.quotation_cont .step_list > ul > li.off a span.step {border:solid 1px #bababa;}
.quotation_cont .step_list > ul > li.off a span.name {color:#bababa;}
.quotation_cont .step_list > ul > li.off > a:after {opacity:0.3;}
.quotation_cont .step_list > ul > li .step_cont .profile_list {margin-top:15px; padding:0 7px;}
.quotation_cont .step_list > ul > li .step_cont .profile_list ul li {position:relative; padding-left:45px; margin-top:7px; font-size:12px; line-height:34px; color:#282828; font-weight:700;}
.quotation_cont .step_list > ul > li .step_cont .profile_list ul li:first-child {margin-top:0px;}
.quotation_cont .step_list > ul > li .step_cont .profile_list ul li span.img_box {width:34px; height:34px; overflow:hidden; position:absolute; left:0px; top:0px; display:block;}
.quotation_cont .step_list > ul > li .step_cont .profile_list ul li span.img_box img {width:100%; border-radius:34px;}
.quotation_cont .step_list > ul > li .step_cont .profile_list ul li span.name {display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.quotation_cont .step_list > ul > li .step_cont .down_list {margin-top:15px;}
.quotation_cont .step_list > ul > li .step_cont .down_list ul li {margin-top:9px;}
.quotation_cont .step_list > ul > li .step_cont .down_list ul li:first-child {margin-top:0px;}
.quotation_cont .step_list > ul > li .step_cont .down_list ul li a {display:block; padding:10px 30px 10px 15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; border-radius:3px; font-size:12px; color:#3a414e; border:solid 1px #adb3bf; position:relative;}
.quotation_cont .step_list > ul > li .step_cont .down_list ul li a:after {display:block; content:""; width:14px; height:13px; background:url(../images/ico_06.png) 0 0 no-repeat; background-size:14px 13px; position:absolute; right:15px; top:13px;}
.quotation_cont .step_list > ul > li .step_cont .photo_list {margin-top:15px;}
.quotation_cont .step_list > ul > li .step_cont .photo_list ul {width:100%; overflow:hidden;}
.quotation_cont .step_list > ul > li .step_cont .photo_list ul li {float:left; width:50%; box-sizing:border-box; padding:0 3px;}
.quotation_cont .step_list > ul > li .step_cont .photo_list ul li div {display:block; overflow:hidden; border-radius:8px; margin-bottom:8px; position:relative;}
.quotation_cont .step_list > ul > li .step_cont .photo_list ul li div img {width:100%;}
.quotation_cont .step_list > ul > li .step_cont .photo_list ul li div .img {position:absolute; left:0px; top:0px;}

/*popup*/
.popup_excep_share {display:table; width:100%; height:100%; position:fixed; left:0px; top:0px; z-index:350;}
.popup_excep_share .bg {width:100%; height:100%; position:absolute; left:0px; top:0px; background-color:#000; opacity:0.6;}
.popup_excep_share .outer_pop_box {display:table-cell; text-align:center; vertical-align:middle;}
.popup_excep_share .inner_pop_box {width: 258px; display:inline-block; position:relative; z-index:10; background-color:#fff; text-align:left; overflow:hidden; border-radius: 8px;}
.popup_excep_share .btn_close {position:absolute; right:0px; top:0px; display:inline-block; width: 40px; height: 40px; background:url(../images/btn_close1.png) center center no-repeat; background-size: 12px 12px;}
.popup_excep_share .title {height: 40px; line-height:40px; font-size:13px; font-weight:700; color:#000; text-align:center; }
.popup_excep_share .share_list {}
.popup_excep_share .share_list li {border-top: solid 1px #e4e4e4;}
.popup_excep_share .share_list li a {display:block; height: 43px;  padding-left: 48px; font-size:13px; line-height:43px;  color:#000; }
.popup_excep_share .share_list li a.icon1 {background:url(../images/ico_popup_share1.gif) 16px center no-repeat; background-size: 23px auto;}
.popup_excep_share .share_list li a.icon2 {background:url(../images/ico_popup_share2.gif) 16px center no-repeat; background-size: 23px auto;}
.popup_excep_share .share_list li a.icon3 {background:url(../images/ico_popup_share3.gif) 16px center no-repeat; background-size: 23px auto;}
.popup_excep_share .share_list li a.icon4 {background:url(../images/ico_popup_share4.gif) 16px center no-repeat; background-size: 23px auto;}
.popup_excep_share .share_list li a.icon5 {background:url(../images/ico_popup_share5.gif) 16px center no-repeat; background-size: 23px auto;}
.popup_excep_share .share_list li a.icon6 {background:url(../images/ico_popup_share6.gif) 16px center no-repeat; background-size: 23px auto;}

.popup_excep_report {display:table; width:100%; height:100%; position:fixed; left:0px; top:0px; z-index:350;}
.popup_excep_report .bg {width:100%; height:100%; position:absolute; left:0px; top:0px; background-color:#000; opacity:0.6;}
.popup_excep_report .outer_pop_box {display:table-cell; text-align:center; vertical-align:middle;}
.popup_excep_report .inner_pop_box {width: 258px; display:inline-block; position:relative; z-index:10; background-color:#fff; text-align:left; overflow:hidden; border-radius: 8px;}
.popup_excep_report .title_box {padding: 20px 0; text-align:center; font-size:11px; line-height:14px; color:#666666;}
.popup_excep_report .title_box .title {font-size:13px; line-height:16px;  font-weight:700; color:#000; text-align:center; margin-bottom: 5px; }
.popup_excep_report .opinion_list {}
.popup_excep_report .opinion_list li {border-top: solid 1px #e9e9e9;}
.popup_excep_report .opinion_list li a {display:block; height: 38px; font-size:12px; line-height:38px;  color:#282828; text-align:center; font-weight:100; }
.popup_excep_report .btn_close {display:block;  height: 38px; border-top: solid 1px #c0c0c0; font-size:12px; line-height:38px;  color:#282828; text-align:center;}

.popup_excep_report {display:table; width:100%; height:100%; position:fixed; left:0px; top:0px; z-index:350;}
.popup_excep_report .bg {width:100%; height:100%; position:absolute; left:0px; top:0px; background-color:#000; opacity:0.6;}
.popup_excep_report .outer_pop_box {display:table-cell; text-align:center; vertical-align:middle;}
.popup_excep_report .inner_pop_box {width: 258px; display:inline-block; position:relative; z-index:10; background-color:#fff; text-align:left; overflow:hidden; border-radius: 8px;}
.popup_excep_report .title_box {padding: 20px 0; text-align:center; font-size:11px; line-height:14px; color:#666666;}
.popup_excep_report .title_box .title {font-size:13px; line-height:16px;  font-weight:700; color:#000; text-align:center; margin-bottom: 5px; }
.popup_excep_report .opinion_list {}
.popup_excep_report .opinion_list li {border-top: solid 1px #e9e9e9;}
.popup_excep_report .opinion_list li a {display:block; height: 38px; font-size:12px; line-height:38px;  color:#282828; text-align:center; }
.popup_excep_report .btn_close {display:block;  height: 38px; border-top: solid 1px #c0c0c0; font-size:12px; line-height:38px;  color:#282828; text-align:center;}

.popup_article_menu {display:table; width:100%; height:100%; position:fixed; left:0px; top:0px; z-index:350;}
.popup_article_menu .bg {width:100%; height:100%; position:absolute; left:0px; top:0px; background-color:#000; opacity:0.6;}
.popup_article_menu .outer_pop_box {display:table-cell; text-align:center; vertical-align:middle;}
.popup_article_menu .inner_pop_box {width: 228px; display:inline-block; position:relative; z-index:10; background-color:#fff; text-align:left; overflow:hidden; border-radius: 8px;}
.popup_article_menu .menu_list {}
.popup_article_menu .menu_list li {border-top: solid 1px #e9e9e9;}
.popup_article_menu .menu_list li a {display:block; height: 44px; font-size:12px; line-height:44px;  color:#282828; text-align:center; }
.popup_article_menu .btn_close {display:block;  height: 44px; border-top: solid 1px #e9e9e9; font-size:12px; line-height:44px;  color:#282828; text-align:center;}

.popup_alert_confirm_type1 {display:table; width:100%; height:100%; position:fixed; left:0px; top:0px; z-index:350;}
.popup_alert_confirm_type1 .bg {width:100%; height:100%; position:absolute; left:0px; top:0px; background-color:#000; opacity:0.6;}
.popup_alert_confirm_type1 .outer_pop_box {display:table-cell; text-align:center; vertical-align:middle;}
.popup_alert_confirm_type1 .inner_pop_box {width: 228px; display:inline-block; position:relative; z-index:10; background-color:#fff; text-align:left; overflow:hidden; border-radius: 8px;}
.popup_alert_confirm_type1 .confirm_message_in_box {display:table; width: 100%; min-height:93px; padding: 20px 20px;  box-sizing: border-box;}
.popup_alert_confirm_type1 .confirm_message_in_box .out_box {display:table-cell; text-align:center; vertical-align:middle; font-size:13px; line-height:16px; color:#282828;}
.popup_alert_confirm_type1 .btn_confirm {display:block;  height: 38px; border-top: solid 1px #e9e9e9; font-size:12px; line-height:38px;  color:#ed1846; text-align:center; font-weight:500; }

.popup_alert_confirm_type2 {display:table; width:100%; height:100%; position:fixed; left:0px; top:0px; z-index:350;}
.popup_alert_confirm_type2 .bg {width:100%; height:100%; position:absolute; left:0px; top:0px; background-color:#000; opacity:0.6;}
.popup_alert_confirm_type2 .outer_pop_box {display:table-cell; text-align:center; vertical-align:middle;}
.popup_alert_confirm_type2 .inner_pop_box {width: 228px; display:inline-block; position:relative; z-index:10; background-color:#fff; text-align:left; overflow:hidden; border-radius: 8px;}
.popup_alert_confirm_type2 .confirm_message_in_box {display:table; width: 100%; min-height:93px; padding: 20px 20px;  box-sizing: border-box;}
.popup_alert_confirm_type2 .confirm_message_in_box .out_box {display:table-cell; text-align:center; vertical-align:middle; font-size:13px; line-height:16px; color:#282828;}
.popup_alert_confirm_type2 .btn_box {width: 100%; overflow:hidden; border-top: solid 1px #e9e9e9;}
.popup_alert_confirm_type2 .btn_cancel {float: left; width: 50%; display:block; height: 38px; border-right: solid 1px #e9e9e9; font-size:12px; line-height:38px;  color:#656565; text-align:center; font-weight:500; box-sizing: border-box;}
.popup_alert_confirm_type2 .btn_confirm {float: left; width: 50%; display:block; height: 38px; font-size:12px; line-height:38px;  color:#ed1846; text-align:center; font-weight:500; }

.popup_photo_talk_save {display:table; width:100%; height:100%; position:fixed; left:0px; top:0px; z-index:350;}
.popup_photo_talk_save .bg {width:100%; height:100%; position:absolute; left:0px; top:0px; background-color:#000; opacity:0;}
.popup_photo_talk_save .outer_pop_box {display:table-cell; text-align:center; vertical-align:middle;}
.popup_photo_talk_save .inner_pop_box {width: 245px; display:inline-block; position:relative; z-index:10; background-color:#fff; text-align:left; overflow:hidden; border-radius: 8px;}
.popup_photo_talk_save .btn_close {position:absolute; right:0px; top:0px; display:inline-block; width: 40px; height: 40px; background:url(../images/btn_close1.png) center center no-repeat; background-size: 12px 12px;}
.popup_photo_talk_save .title {height: 40px; line-height:40px; font-size:13px; font-weight:700; color:#000; text-align:center; border-bottom: solid 1px #dfdedd;}
.popup_photo_talk_save .textarea_box {width: 100%; height: 95px; position:relative; }
.popup_photo_talk_save .textarea_box label {position:absolute; left:0px; top:0px; width: 100%; height: 95px; padding: 15px; box-sizing: border-box; font-size:11px; line-height:16px; color:#b0afc1; }
.popup_photo_talk_save .textarea_box textarea {position:relative; width: 100%; border: solid 0px #fff; height: 95px; padding: 15px; font-size:11px; line-height:16px; color:#000; box-sizing: border-box; background-color:transparent; resize:none;}
.popup_photo_talk_save .btn_confirm {display:block;  height: 38px; font-size:12px; line-height:38px; border-top: solid 1px #dddddd;  color:#ed1846; text-align:center; font-weight:500; background-color:#fff;}

.popup_photo_talk_modify {display:table; width:100%; height:100%; position:fixed; left:0px; top:0px; z-index:350;}
.popup_photo_talk_modify .bg {width:100%; height:100%; position:absolute; left:0px; top:0px; background-color:#000; opacity:0;}
.popup_photo_talk_modify .outer_pop_box {display:table-cell; text-align:center; vertical-align:middle;}
.popup_photo_talk_modify .inner_pop_box {width: 245px; display:inline-block; position:relative; z-index:10; background-color:#fff; text-align:left; overflow:hidden; border-radius: 8px;}
.popup_photo_talk_modify .btn_close {position:absolute; right:0px; top:0px; display:inline-block; width: 40px; height: 40px; background:url(../images/btn_close1.png) center center no-repeat; background-size: 12px 12px;}
.popup_photo_talk_modify .title {height: 40px; line-height:40px; font-size:13px; font-weight:700; color:#000; text-align:center; border-bottom: solid 1px #dfdedd;}
.popup_photo_talk_modify textarea {width: 100%; border: solid 0px #fff; height: 95px; padding: 15px; font-size:11px; line-height:14px; color:#000;}
.popup_photo_talk_modify .btn_box {width: 100%; overflow:hidden; }
.popup_photo_talk_modify .btn_cancel {float: left; width: 50%; display:block; height: 38px; border-right: solid 1px #dddddd; border-top: solid 1px #dddddd; font-size:12px; line-height:38px;  color:#656565; text-align:center; font-weight:500; box-sizing: border-box; background-color:#fff;}
.popup_photo_talk_modify .btn_confirm {float: left; width: 50%; display:block; height: 38px; border-top: solid 1px #dddddd; font-size:12px; line-height:38px;  color:#ed1846; text-align:center; font-weight:500; background-color:#fff;}

.toast_popup {position:fixed; left:50%; bottom:35px; z-index:600; margin-left: -320px; width: 640px; box-sizing: border-box; padding: 0 27px; }
.toast_popup div {margin: 0 auto; padding: 6px 20px; font-size:12px; line-height:18px; color:#fff; text-align:center; font-weight:100; border-radius: 60px; background:url(../images/blank2.png) 0 0 repeat; }

.popup_ideabook_maker {display:table; width:100%; height:100%; position:fixed; left:0px; top:0px; z-index:350;}
.popup_ideabook_maker .bg {width:100%; height:100%; position:absolute; left:0px; top:0px; background-color:#000; opacity:0.5;}
.popup_ideabook_maker .outer_pop_box {display:table-cell; text-align:center; vertical-align:middle;}
.popup_ideabook_maker .inner_pop_box {width: 245px; display:inline-block; position:relative; z-index:10; background-color:#fff; text-align:left; overflow:hidden; border-radius: 8px;}
.popup_ideabook_maker .btn_close {position:absolute; right:0px; top:0px; display:inline-block; width: 40px; height: 40px; background:url(../images/btn_close1.png) center center no-repeat; background-size: 12px 12px;}
.popup_ideabook_maker .title {height: 40px; line-height:40px; font-size:13px; font-weight:700; color:#000; text-align:center; border-bottom: solid 1px #dfdedd;}
.popup_ideabook_maker .btn_box {width: 100%; overflow:hidden; }
.popup_ideabook_maker .btn_cancel {float: left; width: 50%; display:block; height: 38px; border-right: solid 1px #dddddd; border-top: solid 1px #dddddd; font-size:12px; line-height:38px;  color:#656565; text-align:center; font-weight:500; box-sizing: border-box; background-color:#fff;}
.popup_ideabook_maker .btn_confirm {float: left; width: 50%; display:block; height: 38px; border-top: solid 1px #dddddd; font-size:12px; line-height:38px;  color:#ed1846; text-align:center; font-weight:500; background-color:#fff;}
.popup_ideabook_maker .conts_box {padding: 33px 17px 23px 17px; }
.popup_ideabook_maker .conts_box input[type="text"] {border: solid 0px #fff; border-bottom: solid 2px #000000; height: 38px; line-height:38px; font-size:14px; font-weight:300; padding: 0;  color:#000;}
.popup_ideabook_maker .conts_box p {font-size:10px; line-height:12px; color:#666666; text-align:center; font-weight:300; padding-top: 20px; }

.popup_ideabook_modify {display:table; width:100%; height:100%; position:fixed; left:0px; top:0px; z-index:350;}
.popup_ideabook_modify .bg {width:100%; height:100%; position:absolute; left:0px; top:0px; background-color:#000; opacity:0.5;}
.popup_ideabook_modify .outer_pop_box {display:table-cell; text-align:center; vertical-align:middle;}
.popup_ideabook_modify .inner_pop_box {width: 245px; display:inline-block; position:relative; z-index:10; background-color:#fff; text-align:left; overflow:hidden; border-radius: 8px;}
.popup_ideabook_modify .btn_close {position:absolute; right:0px; top:0px; display:inline-block; width: 40px; height: 40px; background:url(../images/btn_close1.png) center center no-repeat; background-size: 12px 12px;}
.popup_ideabook_modify .title {height: 40px; line-height:40px; font-size:13px; font-weight:700; color:#000; text-align:center; border-bottom: solid 1px #dfdedd;}
.popup_ideabook_modify .btn_box {width: 100%; overflow:hidden; }
.popup_ideabook_modify .btn_cancel {float: left; width: 50%; display:block; height: 38px; border-right: solid 1px #dddddd; border-top: solid 1px #dddddd; font-size:12px; line-height:38px;  color:#656565; text-align:center; font-weight:500; box-sizing: border-box; background-color:#fff;}
.popup_ideabook_modify .btn_confirm {float: left; width: 50%; display:block; height: 38px; border-top: solid 1px #dddddd; font-size:12px; line-height:38px;  color:#ed1846; text-align:center; font-weight:500; background-color:#fff;}
.popup_ideabook_modify .conts_box {padding: 24px 17px 27px 17px; }
.popup_ideabook_modify .conts_box input[type="text"] {border: solid 0px #fff; border-bottom: solid 2px #000000; height: 34px; line-height:32px; font-size:14px; font-weight:300; padding: 0; color:#000;}
.popup_ideabook_modify .conts_box .txt1 {padding-bottom: 5px; font-size:11px; line-height:13px; color:#000000; font-weight:300; }
.popup_ideabook_modify .conts_box .txt2 {padding-bottom: 33px; padding-top: 8px; font-size:10px; line-height:13px; color:#7f7f7f; font-weight:300; }
.popup_ideabook_modify .conts_box .txt3 {padding-bottom: 8px; font-size:11px; line-height:13px; color:#000000; font-weight:300; }
.popup_ideabook_modify .conts_box .txt4 {padding-bottom: 16px; font-size:10px; line-height:13px; color:#666666; font-weight:300; letter-spacing:-0.05em; }
.popup_ideabook_modify .conts_box .btn_delete {display:block; height: 36px; line-height:36px; text-align:center; border: solid 1px #9b9b9b; background-color:#fff; overflow:hidden; border-radius: 50px; font-size:12px; color:#000; font-weight:500; }


/* 상단 공통 언어 팝업 추가 181023 */
.popup_language {display:table; width:100%; height:100%; position:fixed; left:0px; top:0px; z-index:350;}
.popup_language .bg {width:100%; height:100%; position:absolute; left:0px; top:0px; background-color:#000; opacity:0.6;}
.popup_language .outer_pop_box {display:table-cell; text-align:center; vertical-align:middle;}
.popup_language .inner_pop_box {width: 258px; display:inline-block; position:relative; z-index:10; background-color:#fff; text-align:left; overflow:hidden; border-radius: 8px;}
.popup_language .title {height: 40px; line-height:40px; font-size:13px; font-weight:700; color:#000; text-align:center; border-bottom: solid 1px #dfdedd;}
.popup_language .btn_close {position:absolute; right:0px; top:0px; display:inline-block; width: 40px; height: 40px; background:url(../images/btn_close1.png) center center no-repeat; background-size: 12px 12px;}

.popup_language .language_list li {padding-left: 48px; position:relative; border-bottom: solid 1px #e0e0e0;}
.popup_language .language_list li input[type="radio"] {position:absolute; left:15px; top:18px; }
.popup_language .language_list li label {display:block; height: 50px; padding-left: 35px; font-size:13px; line-height:50px; color:#282828;}
.popup_language .language_list li .lang_vietnam {background:url(../images/img_lang1.jpg) 0 center no-repeat; background-size: 24px auto;}
.popup_language .language_list li .lang_english {background:url(../images/img_lang2.jpg) 0 center no-repeat; background-size: 24px auto;}
.popup_language .language_list li .lang_korean {background:url(../images/img_lang3.jpg) 0 center no-repeat; background-size: 24px auto;}


/* í¬í† í†¡ placeholder ìˆ˜ì • 추가건 181010 start */
.popup_photo_talk_modify .textarea_box {width: 100%; height: 95px; position:relative; }
.popup_photo_talk_modify .textarea_box label {position:absolute; left:0px; top:0px; width: 100%; height: 95px; padding: 15px; box-sizing: border-box; font-size:11px; line-height:16px; color:#b0afc1; }
.popup_photo_talk_modify .textarea_box textarea {position:relative; width: 100%; border: solid 0px #fff; height: 95px; padding: 15px; font-size:11px; line-height:16px; color:#000; box-sizing: border-box; background-color:transparent; resize:none;}
.popup_photo_talk_modify .btn_confirm {display:block;  height: 38px; font-size:12px; line-height:38px; border-top: solid 1px #dddddd;  color:#ed1846; text-align:center; font-weight:500; background-color:#fff;}
/* í¬í† í†¡ placeholder ìˆ˜ì • 추가건 181010 end */

.toast_popup {position:fixed; left:50%; bottom:35px; z-index:600; margin-left: -320px; width: 640px; box-sizing: border-box; padding: 0 27px; }
.toast_popup div {margin: 0 auto; padding: 6px 20px; font-size:12px; line-height:18px; color:#fff; text-align:center; font-weight:100; border-radius: 60px; background:url(../images/blank2.png) 0 0 repeat; }


.comment_list_wrap .reply_id{ color : #1d89f7; }
.comment_list_wrap .comment_list li{ word-break: break-all; }
.photo_talk_tag_wrap .photo_tag_write_box .tag_dose_list span{ margin-left: 2px; }
input:focus{ outline-style:none;}
textarea:focus{ outline-style:none;}


/* 백그라운드 */
/*.loadingBg {width:100%; height:100%; position:absolute; left:0px; top:0px; background-color:#000; opacity:0.6;z-index: 999}
.loadingBar .bg_loading, .loadingBar .loading_ico{position:absolute;z-index: 999;top:50%;left:50%;margin-left: -45px;margin-top: -45px;}
.loadingBar img{width: 90px;}
.loadingBar{position: fixed;height: 100%;width: 100%;top:0;left:0;z-index: 999;display: none;}*/


/* í¬í† í†¡ 작성 팝업 */
.popup_alert_confirm_type4 {display:table; width:100%; height:100%; position:fixed; left:0px; top:0px; z-index:350;}
.popup_alert_confirm_type4 .bg {width:100%; height:100%; position:absolute; left:0px; top:0px; background-color:#000; opacity:0.6;}
.popup_alert_confirm_type4 .outer_pop_box {display:table-cell; text-align:center; vertical-align:middle;}
.popup_alert_confirm_type4 .inner_pop_box {width: 228px; display:inline-block; position:relative; z-index:10; background-color:#fff; text-align:left; overflow:hidden; border-radius: 8px;}
.popup_alert_confirm_type4 .confirm_message_in_box {display:table; width: 100%; min-height:93px; padding: 20px 20px;  box-sizing: border-box;}
.popup_alert_confirm_type4 .confirm_message_in_box .out_box {display:table-cell; text-align:center; vertical-align:middle; font-size:13px; line-height:16px; color:#282828;}
.popup_alert_confirm_type4 .btn_box {width: 100%; overflow:hidden; border-top: solid 1px #e9e9e9;}
.popup_alert_confirm_type4 .btn_cancel {float: left; width: 50%; display:block; height: 38px; border-right: solid 1px #e9e9e9; font-size:12px; line-height:38px;  color:#656565; text-align:center; font-weight:500; box-sizing: border-box;}
.popup_alert_confirm_type4 .btn_confirm {float: left; width: 50%; display:block; height: 38px; font-size:12px; line-height:38px;  color:#ed1846; text-align:center; font-weight:500; }

.partners_view_wrap .partners_view_list li .img_box .img1 a {position:absolute; left:0px; top:0px; width: 100%; height: 100%; }
.partners_view_wrap .partners_view_list li .img_box .img2 {display:block; position:absolute; right:0px; top:0px; height: 50%; overflow:hidden; box-sizing: border-box; border-left: solid 2px #fff; }
.partners_view_wrap .partners_view_list li .img_box .img2 img {width: auto; height: 100%;}
.partners_view_wrap .partners_view_list li .img_box .img2 a {position:absolute; left:0px; top:0px; width: 100%; height: 100%; }
.partners_view_wrap .partners_view_list li .img_box .img2 .line {position:absolute; left:0px; bottom:0px; width: 100%; height: 2px; background-color:#fff;}
.partners_view_wrap .partners_view_list li .img_box .img3 {display:block; position:absolute; right:0px; bottom:0px; height: 50%; overflow:hidden; box-sizing: border-box; border-left: solid 2px #fff; }
.partners_view_wrap .partners_view_list li .img_box .img3 .imgs {position:absolute; left:0px; top:0px;  width: 100%; height: 100%; }
.partners_view_wrap .partners_view_list li .img_box .img3 img {width: auto; height: 100%;}
.partners_view_wrap .partners_view_list li .img_box .img3 .cover {position:relative; z-index:5; }
.partners_view_wrap .partners_view_list li .img_box .img3 .total {width: 100%; display:block; position:absolute; left:0px; top:50%; margin-top: -14px; z-index:7;  line-height:24px; text-align:center; color:#fff; font-size:23px; font-weight:500; }


/* 매거진 */
.trend_view_wrap .conts_infor b, .trend_view_wrap .conts_info strong{font-weight: bold}

.top.hide #header_menu{
	top: -51px;
}

#header_new{
	height: 30px;
}


/*tthieu start edit css*/
.portfolio_view_wrap .section3 ul li{
	max-width: 900px;
	width: 900px;
	overflow: hidden;
	margin: 10px auto;
	float: none;
}
.portfolio_view_wrap .section3 ul li img {
	width: 100%;
	border-radius: unset;
	height: unset;
	object-fit: unset;
}
.banner_main_top,
#header_menu_new,
.main_our_service .bg_ourservice img,
.main_footer_wrap,
#header_new{
	min-width: 1190px;
}
.banner_main_top{
	overflow: hidden;
}
.banner_main_top .banner_img .img,
.main_our_service .bg_ourservice img{
	width: unset;
	height: unset;
	position: relative;
}
.banner_main_top .banner_img{
	background-color: #302313;
}
.banner_main_top .banner_img .custom-banner-img{
	background: #21120f url('../images/ban_main_t.jpg') no-repeat center;
	height: 500px;
}
.main_our_service .bg_ourservice{
	background: #464646 no-repeat center;
	border-top: 10px solid #0b1829;
	position: absolute;
	overflow: hidden;
	width: 100%;
	height: 760px;
	min-width: 1190px;
}
b{
	font-family: 'NotoSans-Bold' !important;
}
.request_wrap .request_top_area .btn_next_step{
	color: #ffffff;
	background-color: #ed1846;
	font-size: 15px;
	font-family: 'NotoSans-Regular';
}
.request_wrap .request_top_area .title{
	font-size: 20px;
}
.resister_box .resi_mail input,
.request_wrap .sub_title,
.resister_box .resi_phone input,
.resister_box .resi_profile input,
.resister_box .resi_select,
.resi_select_2{
	font-size: 15px;
}

.trend_view_wrap .section2 .conts_infor a {
	font-weight: bold;
	color:#0000EE;
	text-decoration: underline;
	padding: 0 3px;

}
.conts_infor ul{
	padding: 0;
	margin: 0 0 10px 25px;
	list-style: inherit;
}
.conts_infor li{
	list-style: inherit;
}
.conts_infor ol{
	padding: 0;
	margin: 0 0 10px 25px;
	list-style: decimal;
}
.main_new_section1 .banner_content{
	position: absolute;
	z-index: 50;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	top: 33%;
	color: #ffffff;
}
.main_new_section1 .banner_content .button {
	padding: 8px 20px;
	background-color: #ed1b50;
	width: 220px;
	margin: 0 auto;
	border-radius: 40px;
}
.main_new_section1 .banner_content .text {
	font-size: 20px;
	margin-top: 15px;
	margin-bottom: 10px;
}
.main_new_section1 .banner_content .txt2 {
	margin-bottom: 40px;
	color: #949393;
}
 .banner_content .line_hight {
	 width: 30px;
	 height: 2px;
	 border-bottom: 4px solid #ffffff;
	 margin:20px auto 0 auto !important;
}
div#tpopup{
	width:540px;
	height: 670px;
}
#tpopup .main_popup div.footer {
	text-align: initial;
	padding: 0 20px;
}
#tpopup .main_popup div.footer span.close-text{
	margin-left: 3px;
}
#tpopup .main_popup div.footer span.close-note-text{
	float: right;
}
#header_new .btn_phone{
	right: 410px;
}
#header_new .line {
	right: 280px;
}
#header_new .btn_facebook {
	position: absolute;
	right:210px
}
#header_new .line2 {
	right: 170px
}
#header_new .btn_member {
	right: 90px;
}
#header_new .btn_language {
	right: 20px;
	width: 25px;
	height: 25px;
	padding-left: 30px;
	line-height: 25px;
	border: none;
	border-radius: unset;
	background-size: 20px auto !important;
}
#header_new.active .btn_language{
	border:none;
}
.partners_wrap .partners_list::after{
	content: '';
	display: block;
	clear: both;
}
/* Start test for banner image*/
.main_new_section1 .main_banner_slider ul li {
	height: 360px;
}
/* End test for banner image*/

/* start new css for home page */
.th-header-content {
	width: 1144px;
	margin: 0 auto;
}
.th-header{
	background-color: #ffffff;
	z-index: 9999;
	width: 100%;
	position: fixed;
	box-shadow: 0 3px 6px -2px #00000030;
}
.left-menu-header{
	float: left;
}
.right-menu-header{
	float: right;
}
.left-menu-header li,
.right-menu-header li{
	display: inline-block;
}
.th-header-content img{
	vertical-align: sub;
	width: 170px;
	padding-top: 12px;
}
.th-header-content a.btn_home,
.th-header-content a.btn_portfolio,
.th-header-content a.btn_partners,
.th-header-content a.btn_magazine{
	font-size: 18px;
	font-family: NotoSans-Regular;
	color:#000000;
	text-transform: uppercase;
	margin-left: 40px;
}
#th_new_header{
	position: relative;
	line-height: 70px;
	height: 70px;
	    padding-top: 15px;
}
#th_new_header a.btn_quote{
	padding: unset;
}
#th_new_header a.btn_prepartner{
	padding: unset;
}
#th_new_header .btn_language {
	right: 20px;
	width: 25px;
	height: 25px;
	padding-left: 30px;
	line-height: 25px;
	border: none;
	border-radius: unset;
	background-size: 20px auto !important;
}
#th_new_header .btn_quote{
	text-align: center;
	right: 20px;
	top: 15px;
	display: inline-block;
	width: 120px;
	height: 30px;
	border: solid 1px #ed1b50;
	border-radius: 22px;
	background: #ed1b50;
}
#th_new_header .btn_prepartner{
	text-align: center;
	right: 20px;
	top: 15px;
	display: inline-block;
	width: 120px;
	height: 30px;
	border: solid 1px #ed1b50;
	border-radius: 22px;
	background: #ed1b50;
}
#th_new_header .btn_member,
#th_new_header .btn_register,
#th_new_header .btn_language,
#th_new_header .line,
#th_new_header .line2{
	color:#000000;
	font-family: NotoSans-Regular;
	font-size: 18px;
	text-transform: uppercase;
	line-height: 70px;

}
#th_new_header .line,
#th_new_header .line2{
	padding: 0 12px;
	color:#c5c8d0;
}
#th_new_header .btn_language{
	padding-right: 20px;
}
#th_new_header .btn_quote{
	color:#ffffff;
	line-height: 2;
	vertical-align: middle;
}
#th_new_header .btn_prepartner{
	color:#ffffff;
	line-height: 2;
	vertical-align: middle;
}
div.th_portfolio_sub_menu{
	position: absolute;
	left: 290px;
	z-index: 999;
	background-color: #ffffff;
	text-align: center;
	display: none;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	box-shadow: 0 3px 6px -2px #00000030;
	min-width: 248px;
}
div.th_portfolio_sub_menu ul li{
	display: block;
	line-height: 2;
	padding:15px;
}
.th-header-content li.left-menu-item:hover > a {
	color:#ed1b50;
}
li#li-portfolio-item:hover .th_portfolio_sub_menu{
	display:block;
}
div.th_portfolio_sub_menu ul.th_portfolio_sub_menu_list li:nth-child(2n+2){
	background-color:#f3f4f7 ;
}
div.th_portfolio_sub_menu ul.th_portfolio_sub_menu_list li a{
	color:#000000;
	font-size: 16px;
	font-family: NotoSans-Regular;
}
div.th_portfolio_sub_menu ul.th_portfolio_sub_menu_list li:hover > a{
	color:#ed1b50;
}

div.info_fixed{
	position: fixed;
	z-index:110;
	top:135px;
	right: 0;
	width: 170px;
	background-color: #ffffff;
	border-bottom-left-radius: 5px;
	border-top-left-radius: 5px;
	border: 1px solid #ddd;
	border-right: 0px;
	font-size: 13px;
	text-align: center;
	overflow: hidden;
	box-shadow: 0 2px 6px -2px #0000001a;
}
div.info_fixed div.hot_line,
div.info_fixed div.facebook_page,
div.info_fixed div.button-quick-menu {
	padding: 10px 0;
	border-bottom: 1px solid #eee;
}
div.info_fixed div.hot_line img,
div.info_fixed div.facebook_page img,
div.info_fixed div.go_to_top img{
	width: 15px;
	height: 15px;
	margin-top: 2px;
	/*vertical-align: middle;*/
}
div.info_fixed div.go_to_top{
	cursor: pointer;
	padding: 10px 0;
	background-color: #f3f4f7;
}
div.info_fixed div.hot_line span,
div.info_fixed div.facebook_page span{
	padding-left: 5px;
	color:#000000;
	font-family: NotoSans-Light;
	font-size: 14px;
	line-height: 15px;
}
div.info_fixed div.hot_line div#number_hotline,
div.info_fixed div.facebook_page div#facebook_page_link{
	font-size: 16px;
	font-family: 'NotoSans-Regular';
	color:#ed1b50;
}
div.info_fixed div.hot_line div#time_open{
	font-size: 14px;
	font-family: NotoSans-Light;
	color:#000000;
}

div.info_fixed div.go_to_top span{
	font-family: NotoSans-Light;
	color:#000000;
	text-transform: uppercase;
	padding-left: 5px;
}
div.benefit_list div.benefit_list_content{
	width: 1144px;
	margin: 0 auto;
	padding: 20px 0;
}
div.benefit_list div.benefit_list_content ul.ul_benefit_content li.benefit_item{
	display: inline-block;
	width: 155px;
	padding-right: 15px;
	vertical-align: middle;
}
div.benefit_list div.benefit_list_content ul.ul_benefit_content li.benefit_item div.benefit_img_item{
	float: left;
}
div.benefit_list div.benefit_list_content ul.ul_benefit_content li.benefit_item div.benefit_text_item {
	float: right;
	width: calc(100% - 60px);
}
div.benefit_list div.benefit_list_content ul.ul_benefit_content li.benefit_item div.benefit_text_item p {
	font-family: NotoSans-Regular;
	font-size: 13px;
	color: #949ba1;
	text-transform: uppercase;
	margin-top: 3px;
}
div.benefit_list div.benefit_list_content ul.ul_benefit_content li.benefit_item:nth-child(6),
div.benefit_list div.benefit_list_content ul.ul_benefit_content li.benefit_item:nth-child(4) {
	padding-left: 10px;
}
div.benefit_list div.benefit_list_content ul.ul_benefit_content li.benefit_item:last-child{
	width: 80px;
	padding: 0px;
	text-align: center;
}
div.benefit-text-btn{
	font-size: 14px;
	font-family: NotoSans-Regular;
	color:#ffffff;
	background-color: #040a2c;
	padding: 4.5px 10px;
	border-radius: 30px;
}
div.th_main_new_title_area{
	box-shadow: unset;
	background-color: #f3f4f7;
	width: 100%;
	min-width: 1144px;
}
div.th_main_new_title_area .title{
	display: block;
	margin: 0 auto;
	font-weight: 100;
	text-transform: uppercase;
	font-size: 24px;
	width: auto;
}
div.th_main_portfolio_list{
	 width:100%;
	 background-color:#f3f4f7 ;
	 padding:0 0 55px 0;
 }
div.th_main_portfolio_list_content{
	width: 1144px;
	padding:0;
	margin: 0 auto;
}
div.th_main_portfolio_list ul li {
	padding: 0;
	width: 360px;
}
div.main_portfolio_list ul li a .port_img img{
	height: 225px;
}
div.th_main_portfolio_list ul#mainPortfolio li:nth-child(3n+1){
	margin-right: 15px;
}
div.th_main_portfolio_list ul#mainPortfolio li:nth-child(3n+2){
	 margin-left: 15px;
	 margin-right: 15px;
}
div.th_main_portfolio_list ul#mainPortfolio li:nth-child(3n+3){
	margin-left: 15px;
}
div.th_main_portfolio_list ul li a .port_name{
	text-transform: uppercase;
}
div.th_main_portfolio_list ul li a .port_img{
	border-radius: unset;
}

div.th_main_our_service{
	min-height: unset;
}
div.th_main_our_service .bg_ourservice {
	border-top: none;
	height: 428px;
}
div.th_main_our_service .content_service{
	width: 1144px;
	padding: 50px 0;
	overflow: hidden;
}
div.th_main_our_service .content_service .video-service-item{
	width: 572px;
	float: left;
}
div.th_main_our_service .content_service .text_service-item{
	width: 572px;
	float: right;
}
div.th_main_our_service .content_service .text_service-item .title,
div.th_main_our_service .content_service .text_service-item .description,
div.th_main_our_service .content_service .text_service-item p{
	padding-left: 25px;
	text-align: left;
}
div.th_main_our_service .content_service .text_service-item .title{
	font-size: 30px;
}
div.th_main_our_service .content_service .text_service-item .description{
	font-family: NotoSans-Light;
	font-size: 24px;
	padding-bottom:10px;
}
div.th_main_our_service .content_service .text_service-item p{
	font-size: 16px;
	font-family: NotoSans-Regular;
}
div.th_main_new_magazine{
	padding-bottom: 70px;
}
div.th_main_new_magazine_title{
	width: 1144px;
	margin: 0 auto;
	box-shadow: unset;

}
.video-service-item iframe{
	max-width: 100%;
	height: 280px;
}
div.th_main_new_magazine_title .title{
	font-size: 24px;
    padding-top: 30px;

	font-family: 'NotoSans-Regular';
	width: fit-content;
	margin: 0 auto;
	text-transform: uppercase;
	display: block;
}
div.th_main_new_magazine{
	width: 1144px;
	margin: 0 auto;
}
div.th_main_new_magazine .trend_wrap{
	background: unset;
	width: 100%;
}
div.th_main_new_magazine .trend_wrap ul li div.img{
	float: left;
	width:360px;
	max-height:240px;
	overflow: hidden;
}
div.th_main_new_magazine .trend_wrap ul li div.trend_cont{
	width: calc(100% - 360px);
	float: left;
	padding: 0;
}
div.th_main_new_magazine .trend_wrap ul li div.like_box,
div.th_main_new_magazine .trend_wrap ul li p.name,
div.th_main_new_magazine .trend_wrap ul li p.cont,
div.th_main_new_magazine .trend_wrap ul li div.line,
div.th_main_new_magazine .trend_wrap ul li a.btn_more{
	padding-left:30px ;
}
div.th_main_new_magazine .trend_wrap ul li p.name{
	font-size: 24px;
	color:#000000;
	font-family: 'NotoSans-Regular';
}
div.th_main_new_magazine .trend_wrap ul li p.cont{
	font-size: 16px !important;
	color:#949ba1 !important;
	font-family: NotoSans-Regular;
	line-height: 25px;
}
div.th_main_new_magazine .trend_wrap .trend_list .trend_cont .like_box span.like{
	padding-top: 4px;
	background-size: 22px;
	padding-left: 25px;
	font-size: 20px;
	color:#aaaaaa;
	font-family: NotoSans-Regular;
	cursor:pointer;
}
div.th_main_new_magazine .trend_wrap .trend_list .trend_cont .like_box span.share {
	background-size: 22px auto;
	padding-top: 4px;
	color: #aaaaaa;
	font-size: 20px;
	font-family: NotoSans-Regular;
	padding-left: 25px;
	cursor: pointer;
}
div.th_main_new_magazine .trend_wrap .trend_list .trend_cont .like_box span.like.on,
div.th_main_new_magazine .trend_wrap .trend_list .trend_cont .like_box span.share.on{
	color:#282828;
}
div.th_main_new_magazine .trend_wrap .trend_list .btn_more {
	font-size: 14px;
	color:#ff6477;
	background: url(../images/ico_01.png) right no-repeat;
	background-size: 7px auto;
}

div.th_main_new_magazine div.magazine_see_more,
div.th_main_portfolio_list_content div.portfolio_see_more {
	padding: 20px 0;
	border: 1px solid #dddddd;
	font-family: NotoSans-Regular;
	font-size: 16px;
	text-transform: uppercase;
	color:#ff6477;
	background: url('../images/ico_arrow_slideright.png') no-repeat 99% center;
	background-size: 9px;
	text-align: center;
	margin-top: 40px;
}

div.th_main_portfolio_bg  .partners .title {
	display: block;
	margin: 0 auto;
	/*font-weight: 800;*/
	text-transform: uppercase;
	font-size: 24px;
	width: auto;
}
div.th_main_partners_list div.th_main_partners_list_content{
	width: 1144px;
	margin: 0 auto;
}
div.th_main_partners_list div.th_main_partners_list_content ul#mainPartners:after{
	display: block;
	clear: both;
	content:"";
}
div.th_main_partners_list div.th_main_partners_list_content ul#mainPartners li{
	margin: 0;
	width: 260px;
	padding-bottom: unset;
}
div.th_main_partners_list div.th_main_partners_list_content ul#mainPartners li{
	margin-left:10px;
	margin-right: 10px;
}
div.th_main_partners_list div.th_main_partners_list_content ul#mainPartners li:nth-child(1){
	margin-right: 10px;
	margin-left: 20px;
}
div.th_main_partners_list div.th_main_partners_list_content ul#mainPartners li:nth-child(4){
	margin-left: 10px;
	margin-right: 20px;
}
div.th_main_partners_list ul li{
	border-radius: unset !important;
}
div.th_main_partners_list ul li a .part_img{
	border-radius: unset !important;
}
div.th_main_partners_list ul li a div.partners_clone_content{
	-webkit-box-shadow: 0 0 100px #dddddd;
	-moz-box-shadow: 0px 1px 2px rgb(221,221,221);
	-webkit-box-shadow: 0px 1px 2px rgb(221,221,221);
	box-shadow: 0px 1px 2px rgb(221,221,221);
}
div.th_main_new_section3{
	padding-top: 55px;
	background: url(../images/bg_saubuoc.png) no-repeat center 0;
	height: 500px;
	min-width: 1144px;
	background-color: #000;
}
div.th_main_new_section3 .headtop .title{
	padding: 0 !important;
	line-height: 36px;
}
div.th_main_new_section3 .headtop .btn_more{
	float: none;
	top:unset;
	margin-top: 20px;
}
div.th_main_new_section3 div.see_more_content{
	text-align: center;
}
div.th_main_new_section3 .service_list_box{
	width:1144px;
	margin: 0 auto;
	padding: 60px 0;
}
div.th_main_new_section3 .service_list_box .service_list{
	bottom: unset;
	width: 100%;
	float: none;
	padding-right: 0;
}
div.th_main_new_section3 .service_list_box .service_list li{
	display: block;
	float: left;
	padding-left: unset;
	height:auto;
}
div.th_main_new_section3 .service_list_box .service_list li:nth-child(odd){
	 width: 150px;
 }
div.th_main_new_section3 .service_list_box .service_list li:nth-child(even){
	width: 48.8px;
	position: relative;
}
div.th_main_new_section3 .service_list_box .service_list li:nth-child(even) img{
	width: 100%;
	height: 150px;
}
div.th_main_new_section3 .service_list_box .service_list li div.service_list_item_content{
	padding-top: 20px;
	text-align: center;
	color:#dddddd;
}
div.th_main_new_section3 .service_list_box .service_list li div.service_list_item_content .num_step{
	margin-bottom: 20px;
}
div.th_main_new_section3 .service_list_box .service_list li div.service_list_item_content .text_num_step{
	font-size: 18px;
	font-family: 'NotoSans-Regular';
}
div.th_main_new_section3 .service_list_box .service_list li div.service_list_item_content .no_num_step{
	font-size: 30px;
	font-family: 'NotoSans-Regular';
}
div.th_main_new_section3 .service_list_box .service_list li div.service_list_item_content .title_num_step{
	font-size: 18px;
	line-height: 30px;
	font-family: NotoSans-Light;
}
div.th_main_news_wrap{
	width: 1144px;
	margin: 0 auto;
	padding: 70px 0 85px 0;
}
div.th_main_news_wrap ul.main_news_list{
	padding-bottom: 0;
}
div.th_main_news_wrap .main_news_list .slider li .main_news_wrap_item_content{
	float: right;
	width: calc(100% - 160px);
}
div.th_main_news_wrap .main_news_list .slider li .main_news_wrap_item_content a{
	padding:15px 0;
}
div.th_main_news_wrap .main_news_list .slider li .main_news_wrap_item_content span.news_title{
	width: 100%;
}
div.th_main_news_wrap .main_news_list .slider li .main_news_wrap_item_content a.wrap_more{
	font-size: 14px;
	font-weight: 700;
	color: #ff6477;
	padding: 0 10px 0 0;
	background: url(../images/ico_01.png) right 6px no-repeat;
	background-size: 7px auto;
	width: auto !important;
}
div.th_main_news_wrap .main_news_list .slider li .wrap_logo{
	width: 120px;
	height: 120px;
}
div.th_main_news_wrap .main_news_list li a .news_conts{
	width: 100%;
}
div.th_main_news_wrap .main_news_list li a .news_sub_title,
div.th_main_news_wrap .main_news_list li a .news_conts{
	color:#949ba1;
	font-size: 16px;
	line-height: 1.5;
	font-family: NotoSans-Regular;
}
div.th_main_news_wrap .main_news_wrap .main_news_list li .wrap_more{
	color:#ff6477;
}
div.th_main_footer_wrap .content {
	width: 1144px;
	padding: 15px 0 !important;
}
div.th_main_footer_wrap .content .content_wrap{
	padding-left: 15px;
	width: calc(30% - 15px);
}
div.th_main_footer_wrap .content .content_wrap.wrap_right{
	padding-left: 0;
	padding-right: 15px;
	width: calc(30% - 15px);
}
div.th_main_footer_wrap .menu_footer_wrap{
	background-color: #363636;
}
div.th_main_footer_wrap .title{
	padding-top: 95px;
}
div.th_main_footer_wrap .high_light_throught{
	width: 215px;
	float: right;
	margin: 30px 0 15px 0;
}
div.th_main_footer_wrap .high_light_throught hr{
	display: block;
	border: 1px solid #f26085;
	position: relative;
	left: 0;
	top: 0;
}
#th_new_header .right-menu-item a.btn_profile img{
	max-width: 26px;
	border-radius: 50%;
	vertical-align: middle;
}
div.th_main_new_section1,
div.th_main_portfolio_list,
div.th_main_footer_wrap,
div.th_main_our_service,
div.th_main_our_service .bg_ourservice,v
.th_main_partners_list,
.th_main_portfolio_bg,
.benefit_list,
#container,
#wrap,
.th-header
{
	min-width: 1144px;
}
ul#banenrList li.swiper-slide a {
	width: 100%;
	height: 100%;
}

div.info_fixed div.button-quick-menu a.btn_quote{
	text-align: center;
	right: 20px;
	top: 15px;
	display: inline-block;
	width: 150px;
	height: 35px;
	line-height:35px;
	border-radius: 22px;
	background: #ed1b50;
	font-family: 'NotoSans-Regular';
	color:#ffffff;
}

div.info_fixed div.button-quick-menu a.btn_prepartner{
	text-align: center;
	right: 20px;
	top: 15px;
	display: inline-block;
	width: 150px;
	border-radius: 22px;
	background: #3b3e48;
	color: #ffffff;
	height: 35px;
	line-height: 35px;
	margin-top: 5px;
	font-family: 'NotoSans-Regular';
}
div.th_main_new_section1 {
	padding-top:70px;
}
div.th_main_new_section1 .main_banner_slider ul{
	width: auto;
}
div.info_fixed div.button-quick-menu div#request_partner_part_1,
div.info_fixed div.button-quick-menu div#free_quotation_part_1{
	padding-left: 5px;
	color: #000000;
	font-family: NotoSans-Light;
	font-size: 14px;
	line-height: 15px;
}
div.info_fixed div.button-quick-menu div#request_partner_part_2,
div.info_fixed div.button-quick-menu div#free_quotation_part_2{
	font-size: 16px;
	font-family: 'NotoSans-Regular';
	font-weight: 700;
	color: #ed1b50;
}
li.left-menu-item.activebor a {
	color:#ed1b50;
}
div.th_partner_sub_menu{
	position: absolute;
	display: none;
	line-height: 2;
	z-index: 999;
	background-color: #ffffff;
	text-align: center;
	box-shadow: 0 3px 6px -2px #00000030;
	min-width: 180px;
}
div.th_partner_sub_menu ul li{
	display: block;
	line-height: 2;
	padding: 15px;
}
div.th_partner_sub_menu ul.th_partner_sub_menu_list li:nth-child(2n+2) {
	background-color: #f3f4f7;
}
div.th_partner_sub_menu ul.th_partner_sub_menu_list li:nth-child(2n+2) {
	background-color: #f3f4f7;
}
div.th_partner_sub_menu ul.th_partner_sub_menu_list li a{
	color: #000000;
	font-size: 16px;
	font-family: NotoSans-Regular;
}
div.th_partner_sub_menu ul.th_partner_sub_menu_list li a:hover{
	color: #ef1846;
}
li.left-menu-item.btn_partners:hover .th_partner_sub_menu{
	display:block;
}
/* magazine */

div.th_magazine_sub_menu{
	position: absolute;
	display: none;
	line-height: 2;
	z-index: 999;
	background-color: #ffffff;
	text-align: center;
	box-shadow: 0 3px 6px -2px #00000030;
	min-width: 180px;
}
div.th_magazine_sub_menu ul li{
	display: block;
	line-height: 2;
	padding: 15px;
}
div.th_magazine_sub_menu ul.th_magazine_sub_menu_list li:nth-child(2n+2) {
	background-color: #f3f4f7;
}
div.th_magazine_sub_menu ul.th_magazine_sub_menu_list li:nth-child(2n+2) {
	background-color: #f3f4f7;
}
div.th_magazine_sub_menu ul.th_magazine_sub_menu_list li a{
	color: #000000;
	font-size: 16px;
	font-family: NotoSans-Regular;
}
div.th_magazine_sub_menu ul.th_magazine_sub_menu_list li a:hover{
	color: #ef1846;
}
li.left-menu-item.btn_magazine:hover .th_magazine_sub_menu{
	display:block;
}

div.th_partner_container,
div.th_quote_container{
	padding-top: 70px;
}
div.th_partner_container div.th_partner_banner{
	background: #f3f4f7 url(../images/partner_banner_1.png) no-repeat center center ;
	height: 300px;
}
div.th_quote_container div.th_quote_banner{
	background: #f3f4f7 url(../images/quote_banner_1.png) no-repeat center center ;
	height: 187px;
}
div.th_partner_container div.text_partner_form,
div.th_quote_container div.text_partner_form{
	color:#000000;
	font-size: 18px;
	font-family: 'NotoSans-Regular';
	text-align: center;
	height: 60px;
	line-height: 60px;

}
div.th_quote_container div.text_partner_form{
	font-style: italic;
}
div.th_partner_container div.partner_registation_form,
div.th_quote_container div.partner_registation_form{
	background-color:#f3f4f7 ;
	padding: 30px 0;
}
div.th_partner_container div.partner_registation_form form#registpartnerFrm,
div.th_quote_container div.partner_registation_form form#estimateFrm{
	width: 1044px;
	margin: 0 auto;
	border:1px solid #c5c8d0;
	box-shadow: 0 3px 6px -2px #dfdfe2;
	padding: 50px;
	background-color: #ffffff;
}

div.quote_comment1 {
	padding-top: 9px;
    text-align: center;
    height: 50px;
    width: 42%;
    background-color: #ed1846;
    color: #fff;
    font-size: 20px;
    font-family: 'NotoSans-Regular';
}
div.quote_comment2 {
	margin-top: 10px;
	opacity: 0.7;
    padding-top: 9px;
    text-align: center;
    height: 72px;
    width: 42%;
    background-color: #7b7072;
    color: #fff;
    font-size: 18px;
    font-family: 'NotoSans-Regular';
}
.partner_registation_intro {
	width:100%; 
	margin:  0 auto; 
	margin-bottom: 0; 
	height: 200px; 
	position:relative;
	top: 90px;
}

.partner_registation_intro .partner_registation_comment {
	width: 1144px; 
	margin: 0 auto;
}
.partner_registation_intro .partner_registation_comment .line {
	width: 40px; 
	height: 0px; 
	border: 2.5px solid #000;
	margin-top: 25px; 
	margin-left: 2px;
}

.partner_registation_intro .partner_registation_comment .quote_line {
	width: 40px; 
	height: 0px; 
	border: 2.5px solid white;
	margin-top: 10px; 
	margin-left: 2px;
}
.partner_registation_intro .partner_registation_comment .comment1 {
	text-transform: uppercase; 
	font-size:30px; 
	line-height:30px; 
	color:#000; 
	font-family: 'NotoSans-Regular'; 
	position: relative; 
	width: 700px;
}

.partner_registation_intro .partner_registation_comment .comment2 {
	padding-top: 22px;
	text-transform: uppercase; 
	font-size:18px;
	line-height:25px; 
	color:#000;
	font-weight:100; 
}
.partner_registation_intro .partner_registation_comment .comment2 span { 
	width: 100%; 
	float: left;
}

.registration_box li,
.registration_box_1 li,
.quote_resister_box li 
{
	margin-bottom:20px;
	border: none;
}

.quote_float
{
	float: left;
	width: 47%;
}

.quote_float_left 
{
	margin-right: 56px;
}
.registration_box li label,
.registration_box_1 li label,
.registration_box_2 li label,
.quote_resister_box li label 
{
	font-size:18px; 
	font-family: 'NotoSans-Regular';
	color:#000;
}

.registration_box li span,
.registration_box_1 li span,
.quote_resister_box li span 
{
	font-size:15px; 
	font-family: 'NotoSans-Regular';
	color:red;
}

.registration_box li input {
	width: 100%; 
	height: 58px; 
	padding: 0px 25px;
	margin-top:10px;
	box-sizing: border-box; 
	font-size:16px; 
	line-height:50px; 
	color:#333333; 
	border: solid 1px #c5c8d0;
}

.registration_box_2 li textarea
{
	margin-top:10px;
	margin-bottom: 45px;
	width: 100%; 
	height: 200px;
	padding: 20px 25px;
	font-size:16px; 
}

.registration_box_2 li button {
	margin-bottom: 5px;
	height: 60px;
	width: 100%; 
	background-color: #c5c8d0;
	color: #fff;
	font-size:22px;
	font-family: 'NotoSans-Regular';
	border-radius: 30px;
	border:none;
}

.quote_resister_box li button {
	margin: 0 30%;
	height: 60px;
	width: 40%; 
	background-color: #ed1846;
	color: #fff;
	font-size:22px;
	font-family: 'NotoSans-Regular';
	border-radius: 30px;
	border:none;
}
.registration_box_1 li {
	float: left;
	width: 510px; 
}
.registration_box_1 li:first-child {
	margin-right: 20px;
} 

.registration_box_1 li select,
.registration_box_1 li input,
.quote_resister_box li select,
.quote_resister_box li input {
	margin-top:10px;
	padding:  0px 25px;
	height: 58px; 
	font-size:16px; 
	line-height:50px; 
	color:#333333;
	border: solid 1px #c5c8d0;
}

.registration_box_1 li select,
.quote_resister_box li select{
	background: url(../images/ico_select1.png) right center no-repeat;
}

div.th-magazine-readmore-container hr{
	width: calc(100% - 120px);
	position: relative;
	left: unset;
	right: unset;
	top: unset;
	height: 1px;
	float: right;
	background-color: #ebebeb;
	line-height: 21px;
	margin-top: 7.5px;
}
div.th_thankyou_container{
	background-color: #f3f4f7;
	padding: 50px 0 ;
}
div.th_thankyou_container div.th_thankyou_content{
	width: 1144px;
	margin: 0 auto;
	background-color: #ffffff;
	padding: 60px 0;
}
div.th_thankyou_container div.th_thankyou_content div.thank_icon_content{
	margin: 50px auto 60px auto;
	width: 164px;
	border-radius: 50%;
	overflow: hidden;
	box-shadow: rgba(0,0,0,0.15) 0 0 110px;
}
div.th_thankyou_container div.th_thankyou_content div.thankyou_text{
	text-align: center;
}
div.th_thankyou_container div.th_thankyou_content div.thankyou_text p.thankyou_text1{
	color:red;
	font-size: 36px;
	font-family: 'NotoSans-Regular';
}
h1.thanhyou_line{
	height: 2px;
    background-color: red;
    margin: 0 35%;
    margin-bottom: 15px;
}
div.th_thankyou_container div.th_thankyou_content div.thankyou_text p.thankyou_text2{
	color:#000000;
	font-size: 18px;
	font-family: 'NotoSans-Regular';
}
div.th_thankyou_container div.th_thankyou_content div.thankyou_text p.thankyou_text3{
	color:#000000;
	font-size: 18px;
	font-family: 'NotoSans-Regular';
	margin: 2% 25%;
    padding: 15px;
    background-color: #f3f4f7;
}
table#tb_thankyou{
	width: 700px;
	margin: 55px auto;
	table-layout: fixed;
}
table#tb_thankyou td,table#tb_thankyou th {
	border: 1px solid #ddd;
	padding: 8px;
}
table#tb_thankyou tr td:nth-child(odd){
	text-align: center;
	width: 200px ;
	border-right: none;
	background-color:#f3f4f7 ;
	font-size: 18px;
	color:#000000;
	font-family: 'NotoSans-Regular';
}
table#tb_thankyou tr td:nth-child(even){
	border-left: none;
	font-size: 18px;
	color:#000000;
	font-family: 'NotoSans-Regular';
	padding-left: 22px;
}
div.th_thankyou_container div.th_thankyou_content a.home_link{
	display: block;
	width: 340px;
	height: 65px;
	margin: 0 auto;
	background-color:#ed1b50 ;
	color:#ffffff;
	font-size: 24px;
	font-family: 'NotoSans-Regular';
	line-height: 65px;
	text-align: center;
	border-radius: 40px;
}
/* end new css for home page */

/* Start css for landing page */
div.th_landing_page .th_landing_page_header{
	background: url(../images/landing/lp_background.jpg) no-repeat center center ;
	height: 1288px;
}
div.th_landing_page_header_content{
	width: 900px;
	margin: 0 auto;
	height: 1288px;
	position: relative;
}
div.th_landing_page_header_logo{
	position: absolute;
	right: 0;
	top: 35px;
}
div.th_landing_page_header_content div.th_landing_page_header_slogan{
	background: url(../images/landing/lp_slogan_background.png) no-repeat center top;
	padding: 300px 80px 0 80px;
}
div.th_landing_page_header_content div.th_landing_page_header_slogan .text_slogan_1{
	font-size: 60px;
	color:#f01946;
	font-family: 'NotoSans-Regular';
	text-align: center;
	text-shadow: 3px 0 0 #fff, -3px 0 0 #fff, 0 3px 0 #fff, 0 -3px 0 #fff, 2px 2px #fff, -2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff;
	text-transform: uppercase;
}
div.th_landing_page_header_content div.th_landing_page_header_slogan .text_slogan_2{
	margin-top: 45px ;
	font-family: 'NotoSans-Regular';
	font-size: 23px;
	color: white;
	text-align: center;
	text-transform: uppercase;
}
div.th_landing_page_header_content div.th_landing_page_header_slogan_1{
	padding: 70px 54px;
	position: relative;
	min-height: 280px;
}
div.th_landing_page_header_content div.th_landing_page_header_slogan_1 div.part_1 div.item_part:nth-child(odd){
	width: 230px;
	height:140px;
	background-color: #ffffff;
	border-radius: 20px;
	text-align: center;
}
div.th_landing_page_header_content div.th_landing_page_header_slogan_1 div.part_1 div.item_part,
div.th_landing_page_header_content div.th_landing_page_header_slogan_1 div.part_2 div.item_part{
	float: left;
	height: 140px;
	display: flex;
	justify-content: center; /* align horizontal */
	align-items: center;
	flex-direction: column;
}
div.th_landing_page_header_content div.th_landing_page_header_slogan_1 div.part_2 div.item_part{
	height: 170px;
}
div.th_landing_page_header_content div.th_landing_page_header_slogan_1 div.part_1 div.item_part:nth-child(3) img{
	vertical-align: middle;
}
div.th_landing_page_header_content div.th_landing_page_header_slogan_1 div.part_1 div.item_part:nth-child(1),
div.th_landing_page_header_content div.th_landing_page_header_slogan_1 div.part_1 div.item_part:nth-child(5){
	color:#192030;
	font-size: 30px;
	font-family: 'NotoSans-Regular';
	text-transform: uppercase;
}
div.th_landing_page_header_content div.th_landing_page_header_slogan_1 div.part_2{
	padding: 0 65px;
	position: absolute;
	top:190px;
}
div.th_landing_page_header_content div.th_landing_page_header_slogan_1 div.part_2 div.item_part:nth-child(odd){
	width: 160px;
	height: 160px;
	background-color: #192030;
	border: 5px solid #ffffff;
	border-radius: 50%;
}
div.th_landing_page_header_content div.th_landing_page_header_slogan_1 div.part_2 div.item_part:nth-child(odd){
	font-family: NotoSans-Light;
	color:#ffffff;
	font-size: 20px;
	text-transform: uppercase;
}
div.th_landing_page_header_content div.th_landing_page_header_slogan_1 div.part_2 div.item_part:nth-child(odd) p{
	font-family: 'NotoSans-Regular';
	color:#ffffff;
	font-size: 20px;
	text-transform: uppercase;
}
div.th_landing_page_header_content div.th_landing_page_header_slogan_1 div.part_2 div.item_part:nth-child(even){
	width: 77px;
}
div.th_button_container div.th_button_go_homepage{
	font-family: 'NotoSans-Regular';
	color: #f01946;
	font-size: 30px;
	background: #ffffff url(../images/landing/next_ic.png) no-repeat 95% center;
	text-align: center;
	text-transform: uppercase;
	padding: 20px 0;
}
div.th_button_container a.btn_quote,
div.th_button_container a.btn_prepartner{
	display: block;
	float: left;
	width: 50%;
}
div.th_button_container a.btn_quote div.th_button_estimates{
	font-family: 'NotoSans-Regular';
	color: #ffffff;
	font-size: 24px;
	background: #eb0035;
	text-align: center;
	text-transform: uppercase;
	padding: 20px 0;
}
div.th_button_container a.btn_prepartner div.th_button_prepartners{
	font-family: 'NotoSans-Regular';
	color: #ffffff;
	font-size: 24px;
	background: #192030;
	text-align: center;
	text-transform: uppercase;
	padding: 20px 0;
}
div.th_landing_page_body{
	width: 880px;
	border: 10px solid #eb0035;
	margin: 0 auto;
}
div.th_landing_page_body div.th_landing_page_solutions{
	background: url(../images/landing/lp_solutions_banner.png) no-repeat center top;
	height: 510px;
	padding-top: 30px;
}
div.th_landing_page_body div.th_landing_page_solutions .title .text1{
	width: 760px;
	background-color: #ffffff;
	font-family: NotoSans-Light;
	color:#111111;
	font-size: 30px;
	text-align: center;
	margin: 0 auto;
	padding: 15px 0;
	text-transform: uppercase;
}
div.th_landing_page_body div.th_landing_page_solutions .title .text2{
	width: 290px;
	color:#ffffff;
	background-color:#181817 ;
	font-size: 40px;
	font-family: 'NotoSans-Regular';
	margin: 0 auto;
	text-align: center;
}
div.th_landing_page_body div.th_landing_page_solutions .contents{
	padding: 75px 170px 0 230px;
}
div.th_landing_page_body div.th_landing_page_solutions .contents .solution-item img{
	margin-right: 13px;
	float: left;
}
div.th_landing_page_body div.th_landing_page_solutions .contents .solution-item div.solutions_text{
	font-family: NotoSans-Regular;
	font-size: 18px;
	color:#595959;
	float: left;
	width: calc(100% - 40px);
}
div.th_landing_page_body div.th_landing_page_solutions .contents .solution-item:nth-child(4) div.solutions_text{
	width: calc(100% - 110px);
}
div.th_landing_page_body div.th_landing_page_solutions .contents .solution-item:nth-child(5) div.solutions_text{
	width: calc(100% - 120px);
}

.th_landing_page_workflow{
	margin-top: 60px;
}
.th_landing_page_workflow .title .text1{
	text-align: center;
	position: relative;
	text-transform: uppercase;
}
.th_landing_page_workflow .title .text1 .line_throught{
	position: absolute;
	height: 27px;
	border-bottom: 1px solid #000000;
	top:0;
	left:0;
	width:100%;
	z-index: 1;
}
.th_landing_page_workflow .title .text1 .content_title{
	width: 675px;
	margin: 0 auto;
	position: relative;
	z-index: 2;
	background-color: white;
}
.th_landing_page_workflow .title .text1 #name{
	font-size: 36px;
	font-family: 'NotoSans-Regular';
	color:#f01946;
}
.th_landing_page_workflow .title .text1 #summary{
	font-size: 36px;
	font-family: 'NotoSans-Regular';
	color:#111111;
}
.th_landing_page_workflow .title .text2{
	color:#111111;
	font-family: 'NotoSans-Regular';
	font-size: 36px;
	text-align: center;
	text-transform: uppercase;
}
.th_landing_page_workflow .body{
	padding: 45px 0 75px 0;
}
.th_landing_page_workflow .body .workflow_item{
	margin-bottom: 15px;
}
.th_landing_page_workflow .body .workflow_item .workflow_item_img{
	width: 240px;
	text-align: center;
	float: left;
}
.th_landing_page_workflow .body .workflow_item .workflow_item_img p{
	font-size: 24px;
	font-family: 'NotoSans-Regular';
	color:#f01946;
	text-transform: uppercase;
}
.th_landing_page_workflow .body .workflow_item .workflow_item_text{
	width: calc(100% - 280px);
	float: left;
	padding-top:25px;
}
.th_landing_page_workflow .body .workflow_item .workflow_item_text .text1{
	font-size:26px;
	color:#111111;
	font-family: 'NotoSans-Regular';
	margin-bottom: 10px;
}
.th_landing_page_workflow .body .workflow_item .workflow_item_text .text2{
	font-size: 20px;
	color:#777777;
	font-family: NotoSans-Regular;
}
.th_landing_page_wcus {
	background: url(../images/landing/lp_wcus_bg.png) no-repeat center top;
	height: 887px;
}
.th_landing_page_wcus .title{
	text-align: center;
	text-transform: uppercase;
	font-size: 36px;
	font-family: 'NotoSans-Regular';
	padding: 40px 0;
}
.th_landing_page_wcus .title .text1{
	color:#ffc1ce;
}
.th_landing_page_wcus .title .text2{
	color:#ffffff;
}
.th_landing_page_wcus .body{
	background: url(../images/landing/lp_wcus_bg2.png) no-repeat center top;
	margin: 0 auto;
	padding: 40px 60px;
}
.th_landing_page_wcus .body .th_wcus_item{
	width: 33%;
	float: left;
	text-align: center;
	margin-bottom: 45px;
}
.th_landing_page_wcus .body .th_wcus_item .th_wcus_item_img{
	width: 113px;
	height: 113px;
	border-radius: 50%;
	margin: 0 auto 5px auto;
}
.th_landing_page_wcus .body .th_wcus_item .title{
	font-size: 24px;
	color:#000000;
	font-family: 'NotoSans-Regular';
	padding: 0;
	text-transform: inherit;
	line-height: 30px;
}
.th_landing_page_wcus .body .th_wcus_item .description{
	font-size: 20px;
	line-height: 24px;
	color:#55555b;
	font-family: NotoSans-Regular;
	padding:0 10px;
}
.th_landing_page_body .th_button_container .btn_quote,
.th_landing_page_body .th_button_container .btn_prepartner{
	width: 100%;
}
.th_landing_page_body .th_button_container .btn_quote .th_button_estimates{
	background: #eb0035 url(../images/landing/white_next_ic.png) no-repeat 95% center;
}
.th_landing_page_body .th_button_container .btn_prepartner .th_button_prepartners{
	background: #192030 url(../images/landing/white_next_ic.png) no-repeat 95% center;
}
.th_landing_page_contact_now{
	padding: 70px 0 60px 0;
	text-align: center;
}
.th_landing_page_contact_now .title{
	text-transform: uppercase;
	color:#192030;
	font-family: 'NotoSans-Regular';
	font-size: 40px;
	letter-spacing: -3px;
}
.th_landing_page_contact_now .hot_line{
	color:#eb0035;
	font-size: 60px;
	font-family: 'NotoSans-Regular';

}
.th_landing_page_contact_now .hot_line img{
	vertical-align: sub;
}
.th_landing_page_contact_now .working_time .wkt_text1{
	font-size: 30px;
	color:#828691;
	font-family: 'NotoSans-Regular';
}
.th_landing_page_contact_now .working_time .wkt_text2 {
	font-size: 30px;
	font-family: NotoSans-Regular;
	color: #828691;
}
.th_landing_page_footer{
	padding: 40px 0;
	text-align: center;
	background-color: #9f0d2b ;
	width: 900px;
	margin: 0 auto;
}
.th_landing_page_footer .address {
	font-size: 16px;
	color:#ffa8ba;
	font-family: NotoSans-Regular;
}
.th_landing_page_footer .copy_right{
	font-size: 16px;
	color:#eb5171;
	font-family: NotoSans-Regular;
}
.th_landing_page_workflow .body .workflow_item:nth-child(2) .workflow_item_text,
.th_landing_page_workflow .body .workflow_item:nth-child(3) .workflow_item_text,
.th_landing_page_workflow .body .workflow_item:nth-child(4) .workflow_item_text{
	padding-top: 55px;
}
/* End css for landing page */
* {box-sizing: border-box}
            body {font-family: Verdana, sans-serif; margin:0}
            .mySlides {width: 522px;float: left;display: block;}
            img {vertical-align: middle;}
            
            /* Slideshow container */
            .slideshow-container {
              position: relative;
              margin: auto;
              width: 1144px;padding: 70px 0 310px 0;margin: 0 auto;
            }
            
            /* Next & previous buttons */
            .prev, .next {
              cursor: pointer;
              position: absolute;
              top: 50%;
              width: auto;
              padding: 16px;
              margin-top: -22px;
              color: black;
              font-weight: bold;
              font-size: 18px;
              transition: 0.6s ease;
              border-radius: 0 3px 3px 0;
              user-select: none;
            }
            
            /* Position the "next button" to the right */
            .next {
              right: 0;
              border-radius: 3px 0 0 3px;
            }
            .prev {
              left: 0;
              border-radius: 3px 0 0 3px;
            }
            /* On hover, add a black background color with a little bit see-through */
            .prev:hover, .next:hover {
              background-color: rgba(0,0,0,0.8);
            }
            .review_more {
                font-size: 14px;font-weight: 700;color: #ff6477 !important; padding: 0 10px 0 0;
                background: url(../images/ico_01.png) right 6px no-repeat;background-size: 7px auto; width: auto !important;
            }
            .slide_review {
                float: right; width: calc(100% - 160px);
            }
            .show_review {
                padding: 0 50px;
            }
            .content_review {
                color: black ; font-size: 18px; line-height: 1.5;font-family: NotoSans-Regular;display: block;
				margin-bottom: 10px;
				font-style: italic;
				text-align: justify;
            }
            
            .name_review {
                color: #62717d; font-size: 16px; line-height: 1.5;font-family: NotoSans-Regular;
            }
            .logo_review {
                width: 126px; height: 126px;border: 1px solid #ed1b50;float: left;text-align: center;margin: 50px 17px 30px 17px;
                border-radius: 50%;
            }
            .image_review {
                width: 120px;
                height: 120px;
                border-radius: 50%;
                margin: 2px;
            }
            .start_review {
                text-align: center; margin: 10px;
            }
            /* Caption text */
            .text {
              color: #f2f2f2;
              font-size: 15px;
              padding: 8px 12px;
              position: absolute;
              bottom: 8px;
              width: 100%;
              text-align: center;
            }
            
            /* Number text (1/3 etc) */
            .numbertext {
              color: #f2f2f2;
              font-size: 12px;
              padding: 8px 12px;
              position: absolute;
              top: 0;
            }

            .checked {
                color: #ffff00;
            }
            .fa-star:before {
    
    font-size: 20px;
}
           
            .active, .dot:hover {
              background-color: #717171;
            }
            
            /* Fading animation */
            .fade {
              -webkit-animation-name: fade;
              -webkit-animation-duration: 1.5s;
              animation-name: fade;
              animation-duration: 1.5s;
            }
            
            @-webkit-keyframes fade {
              from {opacity: .4} 
              to {opacity: 1}
            }
            
            @keyframes fade {
              from {opacity: .4} 
              to {opacity: 1}
            }
            
@media (max-width: 767px) {
	.duannoibat .trend_wrap .trend_list > li {width:100%; float:left;padding:0px 0;margin-bottom: 15px;}


	.main_our_service .bg_ourservice {
    background: #46464600 no-repeat center;
}
	.main_new_section1 .main_banner_slider ul li img {

    height: 150px;
}

div.th_main_new_title_area .title {

    font-size: 26px;
   
}

	.main_new_section1 .main_banner_slider ul li{
		height: auto;
	}
	div.benefit_list div.benefit_list_content{
		overflow: hidden;
	}
	div.benefit_list div.benefit_list_content{
		padding-bottom: 0;
	}
	.pt30{
		padding-top: 20px!important;
	}
	div.th_main_portfolio_list_content{
		width: 100%;
	}
	div.th_main_portfolio_list ul li {
      padding-left: 0px;
      padding-right: 0px;
    width: 100%;
}
div.th_main_portfolio_list ul#mainPortfolio li:nth-child(3n+2){
	margin-left: 0;
	margin-right: 0;
}
div.th_main_portfolio_list ul#mainPortfolio li:nth-child(3n+3){
	margin-left: 0;
}
div.th_main_our_service .content_service .video-service-item{
	width: 100%;
}
div.th_main_our_service .content_service .text_service-item{
	width: 100%;
}
div.th_main_our_service .content_service .text_service-item .description {
    font-family: NotoSans-Light;
    font-size: 20px;
    color: #000;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
}
div.th_main_our_service .content_service .text_service-item p {
    font-size: 16px;
    text-align: justify;
    padding-right: 15px;
    color: #000;
    font-family: NotoSans-Regular;
}
div.th_main_new_magazine_title .title {
    font-size: 25px;
    }
    div.th_main_new_magazine .trend_wrap ul li div.trend_cont {
    width: 100%;
}
div.th_main_portfolio_bg .partners .title{
	font-size: 25px;
}
.main_new_title_area .title {
    display: inline-block;
    padding: 1px 10px;
    line-height: 26px;
    font-size: 24px;
    color: #000;
    font-family: 'NotoSans-Regular';
    margin: 0 36.8%;
    padding-bottom: 20px;
    padding-top: 0px;
    width: 250px;
    text-align: center;
}
div.th_main_partners_list div.th_main_partners_list_content ul#mainPartners li {
   margin-left: 0!important;
   margin-right: 0!important;

    width: 25%;
}
div.th_main_partners_list ul li a .part_img{
	background-size: 100%!important;
}
.main_partners_list {
    position: relative;
    min-height: auto;

    }
.main_new_title_area {
 
    padding: 0 17px 0px 17px;
    margin-top: 40px;
    margin: 0 auto;
}
div.main_portfolio_list ul li a .port_img img {
    height: auto;
}
.main_portfolio_list ul li a .port_name {
    font-size: 14px;
}
div.th_main_our_service .content_service .text_service-item .title{
	padding-left: 0;
	text-align:center;
	color: #000;
}
div.th_main_our_service .content_service .text_service-item .title {
    font-size: 24px;    font-weight: normal;
}
.main_partners_list ul li a .part_img {
 
    width: 50%;
 margin:0 auto;
}
div.th_main_partners_list ul li a div.partners_clone_content {
    width: 50%;
 box-shadow: 0px 0px 0px rgb(221,221,221);
    float: left;
}

	div.benefit_list div.benefit_list_content ul.ul_benefit_content li.benefit_item{
		display: block;
		width: 50%;
		float: left;
		padding-right: 0;
		    height: 60px;
		    padding-left: 10px;
	}
	div.th_main_new_section1{
		padding-top: 0;
	}
div.th_main_new_title_area{
	min-width: 100%;
}
div.benefit_list div.benefit_list_content {
    width: 100%;display: none;

}
div.th_main_new_magazine_title{
	width: 100%;
}
div.th_main_new_section1, div.th_main_portfolio_list, div.th_main_footer_wrap, div.th_main_our_service, div.th_main_our_service .bg_ourservice, v .th_main_partners_list, .th_main_portfolio_bg, .benefit_list, #container, #wrap, .th-header {
    min-width: 100%;
}

div.th_main_new_magazine .trend_wrap ul li div.img {
    width: 100%;
}
div.th_main_our_service .content_service{
	width: 100%;
}
div.th_main_new_magazine{
	width: 100%;
}
.main_new_title_area{
	width: 100%;
}
.main_new_section3 .headtop{
	width: 100%;
}
.main_partners_list ul {
  	width: 100%;
    }

    div.th_main_partners_list div.th_main_partners_list_content {
      	width: 100%;
}
div.th_main_new_section3 {
    padding-top: 25px;
    background: url(../images/bg_saubuoc.png) no-repeat center 0;
    height: 540px;
    min-width: 1144px;
    background-color: #000;
    padding-bottom: 25px;
}
.slide_review {
    float: none;padding: 0 0px;
    width: 100%;
}
.slideshow-container {
 
    padding: 0px 0 310px 0;
    
}
.logo_review {
       width: 100%;
    height: 126px;
       border: none;
    float: left;
    text-align: center;
    margin: 20px 17px 15px 0px;
    border-radius: 50%;
}
.content_wrap span.logo img{
	width: 111px!important;
}
div.th_main_footer_wrap .content .content_wrap.wrap_right {
    padding-left: 15px;
    padding-right: 15px;
}
.main_footer_wrap .content .content_wrap {
    width: 100%;
    float: left;
}
div.th_main_footer_wrap .title {
    padding-top: 75px;
}
.main_footer_wrap .content .wrap_right {
    text-align: left;
}
div.th_main_footer_wrap .high_light_throught {
    width: 215px;    margin: 0px 0 0px 0;
    float: left;
    }
    div.th_main_footer_wrap .content .content_wrap{
    	width: 100%;
    }
div.th_main_footer_wrap .content .content_wrap.wrap_right{
	width: 100%;
}
div.th_main_new_section3 .service_list_box .service_list li:nth-child(even) img{
	display: none;
}
div.th_main_new_section3 .service_list_box .service_list li:nth-child(odd) {
    width: 32%;
}
div.th_main_new_section3 .service_list_box {
    padding: 0px 0;
}
div.th_main_new_section3 {
    min-width: 100%;
}
ul.service_list li{
	text-align:center;
}
ul.service_list li img{
	max-width: 72%;
}
div.th_main_new_section3 .service_list_box {
    width: 100%;
}

.slideshow-container{
	width: 100%;
}
.mySlides{
		width: 100%;
}
div.th_main_footer_wrap .content {
    width: 100%;
}
div.th_main_news_wrap {
 width: 100%;
    }
    .using_wrap .using_intro .using_comment{width: 100%;}
    .using_wrap .about_content{
    	width:100%;
    }
    .using_wrap .our_server .in_ourservice{
    	width: 100%;
    }
    .using_wrap .using_intro .comment1{
    	width: 100%;
    }
.using_wrap .using_intro {
    width: 100%;
    margin: 0 auto;
    margin-bottom: 0;
    height: auto;
    position: relative;
    background: url(../images/bg_using_new.png) center center no-repeat;
    background-size: cover;
    top: 0;
}

.using_wrap .using_intro .comment1{
	top:40px;
}
.using_wrap .our_server {
    padding-left: 15px;
    padding-right: 15px;
}
.portfolio_wrap{
	width: 100%;
}
.portfolio_wrap .portfolio_top_section{
	width: 100%;
	    padding: 10px 10px 10px 10px;
}
#container.main_new {
    padding-top: 20px;
}
.portfolio_wrap .portfolio_list li {
    width: 100%;
}
#container.port_new{
	padding-top: 0;
}
.portfolio_view_wrap{
	width: 100%;
	padding-top: 0;
	}
.portfolio_view_wrap .section3 ul li{
	width: 100%;
}
.main_portfolio_list{
	width: 100%;
}

div.main_portfolio_list ul li a .port_img img {
    /*height: auto;*/
}
.main_portfolio_list ul li a .infor_box {
    display: block;
    height: auto;
    padding: 0 10px;
    padding-bottom: 15px;
}
.main_portfolio_list ul li a .port_infor {

    line-height: 20px;
    }
.partner_registation_intro .partner_registation_comment{
	width: 100%;
}
div.th_partner_container div.partner_registation_form form#registpartnerFrm, div.th_quote_container div.partner_registation_form form#estimateFrm{
	width: 100%;
}
div.th_partner_container, div.th_quote_container{
	padding-top: 0;
}
div.quote_comment1 {
    height: 50px;
    width: 100%;
}
div.quote_comment2 {
    width: 100%;
}

div.th_partner_container div.text_partner_form, div.th_quote_container div.text_partner_form {
    color: #000000;
    font-size: 18px;
    font-family: 'NotoSans-Regular';
    text-align: center;
    height: auto;
    padding-top: 10px;
    line-height: 26px;
    padding-bottom: 10px;
}
div.th_partner_container div.partner_registation_form form#registpartnerFrm, div.th_quote_container div.partner_registation_form form#estimateFrm{
	padding:15px;
}
.quote_float {
    float: left;
    width: 100%;
}
.trend_wrap{
	width: 100%;
}
.trend_wrap .trend_top_section {
    padding: 0px 17px 0 17px;
}

}
/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .prev, .next,.text {font-size: 11px}
}
/*tthieu end edit css*/