body{font-size:16px;line-height:1.8em;box-sizing:border-box;color:#000}img{width:100%}a:hover img{-webkit-transition:all .3s;-o-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;transition:all .3s;transform:scale(1.02)}.sidenav{display:none;position:fixed;z-index:100;top:0;right:0;background-color:#111;overflow-x:hidden;transition:.5s;padding-top:60px}.sidenav a{text-decoration:none;font-size:20px;color:#818181;display:block;transition:.3s;text-align:left;padding:5px 20px;margin-bottom:10px}.sidenav a small{font-size:14px;color:#fcb}.sidenav a:hover{color:#fff}.sidenav .closebtn{position:absolute;top:0;right:10px;font-size:36px}#hambger{display:block;transition:margin-right .5s;padding:15px;box-sizing:border-box;position:relative;padding-top:7px}.mobile_bottom_fix{display:block;width:100%;background-color:#000;height:50px;text-align:center}.mobile_bottom_fix a{color:#fff;display:inline-block;padding:15px;text-decoration:none}.openNav .sidenav{height:100%;width:250px;display:block}.openNav #hambger{margin-left:200px}.openNav .member_icon{display:none}.trigger{margin-top:30px}.trigger a{display:inline-block;padding:5px 20px;border-radius:30px;border:1px solid #000;margin-right:10px}.trigger a:hover{background-color:#000;color:#fff}.btn_change{display:inline-block}.btn_change_new_project{display:none}.btn_change a,.btn_change_mobile a,.btn_change_new_project a{display:inline-block;width:50px;height:50px;background-color:#fed23d;box-sizing:border-box;margin-right:1px;background-repeat:no-repeat;background-size:50%}.btn_change_pre,.btn_change_new_project_pre{background-image:url(https://searchome-aws.hmgcdn.com/images/designerintro/arrow_pre.svg);background-position:right 12px top 17px}.btn_change_next,.btn_change_new_project_next{background-image:url(https://searchome-aws.hmgcdn.com/images/designerintro/arrow_next.svg);background-position:left 12px top 17px}.btn_change a:hover.btn_change_pre,.btn_change_mobile a:hover.btn_change_pre,.btn_change_new_project a:hover.btn_change_new_project_pre{background-position:right 18px top 17px}.btn_change a:hover.btn_change_next,.btn_change_mobile a:hover.btn_change_next,.btn_change_new_project a:hover.btn_change_new_project_next{background-position:left 18px top 17px}.designer_page .arrow-right,.designer_page .arrow-left{display:block;width:30px;height:30px;border-top:2px solid #000;border-left:2px solid #000;position:absolute;top:25px}.designer_page .arrow-left,.designer_page .btn_arrow_pre{transform:rotate(-45deg);left:50%;margin-left:-14vw}.designer_page .arrow-right,.designer_page .btn_arrow_next{transform:rotate(135deg);right:50%;margin-right:-14vw}.designer_page .arrow-left:hover{margin-left:-550px}.designer_page .arrow-right:hover{margin-right:-50px}.designer_page .btn_more{display:block;width:200px;height:45px;background-color:#fed23d;line-height:45px;text-align:center;background-image:url(https://searchome-aws.hmgcdn.com/images/designerintro/arrow_next.svg);background-repeat:no-repeat;background-position:right 15px top 15px;background-size:10%;padding:0 10px;margin-top:20px;font-weight:500}.designer_page .btn_more:hover{background-position:right 5px top 15px}.designer_page .btn_send{display:block;width:250px;height:45px;line-height:45px;text-align:center;border-radius:50px;border:1px solid #000;margin:0 auto;margin-top:40px;font-size:1.25em;font-weight:500}.designer_page .btn_send:hover{background-color:#000;color:#fff}.btn_dot{display:block;text-align:center;margin-top:50px}.btn_dot li{display:inline-block}.btn_dot li a{display:block;width:15px;height:15px;border:3px solid #000;border-radius:100%;margin:20px}.btn_dot li a:hover{background-color:#fed23d;border-color:#fed23d}.btn_dot{position:relative;display:block;text-align:center;margin-top:60px}.btn_dot .comment-bullet{display:inline-block;width:15px;height:15px;border:3px solid #000;border-radius:100%;margin:20px;background:unset}.btn_dot .comment-bullet:hover,.btn_dot .swiper-pagination-bullet-active{background-color:#fed23d;border-color:#fed23d}.header a.designerintro_NowMenu{background-color:#000;color:#fff}.header{display:inline-block;width:100%;padding:0 10px;border-top:5px solid #000;border-bottom:1px solid #000;font-weight:500;text-align:center;box-sizing:border-box;height:55px;position:fixed;top:0;z-index:999;background-color:#fff;overflow:hidden}.designer_pic a{display:inline-block;position:absolute;height:45px;padding-right:10px;left:5px;padding-top:5px;border-right:1px solid #000;z-index:2}.designer_pic span{display:inline-block;width:40px;height:40px;border-radius:100%;overflow:hidden;float:left}.designer_pic em{display:inline-block;line-height:40px;margin-left:10px}.header+div{display:block}.header nav{display:block;line-height:50px;position:relative;left:0}.header nav ul li{display:inline-block}.header nav ul li a{display:block;padding:0 15px}.header nav ul li a:hover{background-color:#000;color:#fff}.header .function{display:flex;position:absolute;top:0}.member_icon{display:inline-block;width:17px;height:37px;padding:0 15px;border-left:1px solid #000;border-right:1px solid #000;padding-top:15px}.header .openNav{display:block}.master_vision{display:flex;justify-content:center;position:relative;margin-top:55px}.vision_img{width:100%;height:0;overflow:hidden;padding-bottom:36%;background-position:center;background-repeat:no-repeat;background-size:cover;text-align:center;font-weight:500}.vision_img:before{display:block;content:"";width:100%;height:0;padding-bottom:36%;background:rgba(0,0,0,.25);position:absolute;top:0;left:0}.vision_img a{display:block;color:#fff;position:absolute;left:0;right:0;margin:auto;bottom:100px}.vision_img p{font-size:1.87em;margin-bottom:20px}.vision_img span{font-size:1.5em}.designer_page .social_media{display:inline-block;position:absolute;right:0;top:70px;color:#fff;z-index:5}.designer_page .social_media span{display:block;-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);font-size:14px}.designer_page .social_media div{display:block;position:absolute;left:30px;top:70px}.designer_page .social_media a{display:block;width:40px;height:40px;border-radius:100%;background:rgba(0,0,0,.4);border:1px solid #fff;padding:6px;box-sizing:border-box;line-height:25px;margin:15px 0;color:#fff;text-align:center;font-size:18px}.designer_page .social_media a:hover{background:rgba(255,255,255,1);color:#000}.medal{display:flex;position:absolute;z-index:5;bottom:10px;right:30px}.medal img{display:block;width:87px;height:80px;margin:0 5px}.designer_page .social_media>div{position:relative;top:40px;width:fit-content}.designer_page .social_media div.more-social-links{position:absolute;left:-52px;top:-15px}.master_video{display:block;position:relative;width:100%;height:0;padding-bottom:56.25%}.master_video iframe{position:absolute;top:0;left:0;width:100%;height:100%}.master_video .social_media{top:120px}.master_video .medal{bottom:50px}.master_video .divYTVideo{position:absolute;top:0;left:0;width:100%;height:100%}.container{display:block;box-sizing:border-box}.container section{margin-top:80px;padding:50px 80px}.container .designer_page h2{display:block;font-size:4.68em;font-weight:600;margin-bottom:60px}.container .join_content_box h2{font-size:1.8em;text-align:center;margin-bottom:40px;font-weight:500}.container .designer_page h2 span{display:inline-block;font-size:16px;writing-mode:vertical-lr;vertical-align:super;margin-right:10px}.container .designer_page h3{font-weight:600}.projects{display:flex;flex-direction:row;justify-content:space-between;font-weight:500;position:relative;flex-wrap:wrap}.main_project{display:block;width:50%;position:relative;z-index:5}.main_project a{width:100%;height:calc(100vw*.45/3*2);position:relative;display:block}.main_project img{position:relative;z-index:5;padding-top:20px;padding-left:20px;box-sizing:border-box;right:0;left:0;top:0;bottom:0;position:absolute;margin:auto;width:auto;max-width:100%;max-height:100%}.main_project:before{display:block;content:"";width:90%;height:0;padding-bottom:60%;background-color:#000;position:absolute;z-index:1}.project_info{width:28%;position:relative}.next_img{display:flex;width:15%;align-items:flex-end}.structure{margin-bottom:10px}.structure span{display:inline-block;font-size:1.62em;font-weight:600}.materials a{display:inline-block;margin-right:10px}.materials a:before{display:inline-block;content:"#"}.switch{display:inline-block;position:absolute;bottom:5px;right:0}.switch span{margin-left:50px}.projects .btn_change{position:absolute;bottom:0;left:0}.new_project{display:flex;max-width:1200px;margin:0 auto;justify-content:space-between;font-weight:600}.new_project .new_project_img img{width:auto;max-height:400px;max-width:100%;display:block}.new_project>div{width:48%}.new_project p{font-size:1.62em}.new_project_container{max-width:1200px}.channel{display:flex;justify-content:space-between;flex-wrap:wrap;background:#fff;background:-moz-linear-gradient(top,rgba(255,255,255,1) 1%,rgba(255,255,255,1) 29%,rgba(255,255,255,1) 29%,rgba(240,240,240,1) 29%);background:-webkit-linear-gradient(top,rgba(255,255,255,1) 1%,rgba(255,255,255,1) 29%,rgba(255,255,255,1) 29%,rgba(240,240,240,1) 29%);background:linear-gradient(to bottom,rgba(255,255,255,1) 1%,rgba(255,255,255,1) 29%,rgba(255,255,255,1) 29%,rgba(240,240,240,1) 29%);padding-bottom:50px}.channel .sub_video h2{display:block;width:100%}.main_video{width:40%}.main_video h3{display:block;width:100%;font-size:1.87em;line-height:1.6em;margin-bottom:10px}.sub_video{display:flex;width:55%;flex-wrap:wrap;justify-content:space-between;margin-top:300px}.sub_video_items{width:47%;overflow:hidden}.video_mode_info{padding:10px;box-sizing:border-box;background-color:#fff;position:relative;top:-6px}.video_mode_info h3{font-size:1.25em;margin-bottom:10px}.video_mode.intro{position:relative;width:100%;height:0;padding-bottom:66.67%;overflow:hidden}.video_mode img,.video_mode.intro img{width:auto;height:100%;position:absolute;top:0;right:0;left:0;margin:auto}.video_mode2{position:relative;width:100%;height:0;padding-bottom:66.67%;overflow:hidden}.video_mode i{display:block;width:100px;height:100px;text-align:center;line-height:100px;border-radius:100%;border:2px solid #fff;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;background-color:rgba(0,0,0,.3);box-sizing:border-box;padding-left:10px;z-index:5;font-size:2em;color:#fff}.video_clip_img i{display:block;width:100px;height:100px;text-align:center;line-height:100px;border-radius:100%;border:2px solid #000;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;background-color:rgba(0,0,0,.3);box-sizing:border-box;padding-left:10px;z-index:5;font-size:2em;color:#fff}a:hover i.shi-play{background-color:#fff;filter:invert(0);border:2px solid #fff}.main_video .video_mode i{width:130px;height:130px;line-height:130px;font-size:2.5em}.sub_video_items:hover .video_mode_info{background-color:#000;color:#fff}.features{display:block;background:#f0f0f0;background:-moz-linear-gradient(top,rgba(240,240,240,1) 41%,rgba(249,249,249,1) 41%,rgba(255,255,255,1) 41%);background:-webkit-linear-gradient(top,rgba(240,240,240,1) 41%,rgba(249,249,249,1) 41%,rgba(255,255,255,1) 41%);background:linear-gradient(to bottom,rgba(240,240,240,1) 41%,rgba(249,249,249,1) 41%,rgba(255,255,255,1) 41%);padding-top:100px}.container section.features{margin-top:0}.container section.features h2 span{vertical-align:inherit}.features_style{display:flex;max-width:1200px;margin:auto;background-color:#fff;box-sizing:border-box;padding:80px 60px 0 60px;justify-content:space-between}.article{width:40%}.article_img{width:53%;margin-top:130px}.text{padding-left:20px;border-left:5px solid #fed23d;margin-left:10px}.text h3{font-size:1.87em;line-height:1.6em;margin-bottom:10px}.article .btn_more{float:right}.article_info{margin-top:20px;font-size:16px}.article_info span.date{padding-right:20px;border-right:1px solid #999}.article_info span.view{padding-left:20px;border-right:0}.awards{background:#fff;background:-moz-linear-gradient(top,rgba(255,255,255,1) 80%,rgba(255,255,255,1) 80%,rgba(30,30,30,1) 80%,rgba(30,30,30,1) 80%);background:-webkit-linear-gradient(top,rgba(255,255,255,1) 80%,rgba(255,255,255,1) 80%,rgba(30,30,30,1) 80%,rgba(30,30,30,1) 80%);background:linear-gradient(to bottom,rgba(255,255,255,1) 80%,rgba(255,255,255,1) 80%,rgba(30,30,30,1) 80%,rgba(30,30,30,1) 80%);text-align:center}.container section.awards h2 span{vertical-align:inherit}.awards_list{display:flex;justify-content:center;align-items:flex-end;flex-wrap:wrap}.awards_list>div{width:22%;text-align:center;margin:0 15px;box-sizing:border-box}.awards_center{margin:auto}.awards_list>div h3{display:block;font-size:3em;font-style:italic;color:#fed23d;font-family:sans-serif;margin-bottom:30px}.awards_list>div li a:hover{display:block;color:#fed23d}.awards_list>div span{display:block;width:1px;height:100px;background-color:#000;margin:0 auto;margin-top:30px;margin-bottom:30px}.awards_list .awards_img a{display:none}.awards_list .awards_img a:first-child{display:block}.reviews{position:relative}.container section.reviews h2{text-align:center}.container section.reviews h2 span{vertical-align:inherit}.medal_list ul li{display:inline-block;width:80px;height:80px;margin:0 10px}.comment_container{max-width:1200px}.comment{display:flex;max-width:1200px;margin:auto;justify-content:space-between}.comment div{display:inline-block;width:33%;height:200px;padding:0 60px;box-sizing:border-box;border-right:1px dotted #000;margin-top:50px}.comment div:before{display:block;content:"";width:45px;height:45px;background-image:url(https://searchome-aws.hmgcdn.com/images/designerintro/marks.png);margin-bottom:20px}.comment div strong{font-size:1.25em;font-weight:600}.comment_less{display:flex;max-width:1200px;margin:auto;justify-content:center}.comment_less div{display:inline-block;width:33%;height:200px;padding:0 60px;box-sizing:border-box;border-right:1px dotted #000;margin-top:50px}.comment_less div:before{display:block;content:"";width:45px;height:45px;background-image:url(https://searchome-aws.hmgcdn.com/images/designerintro/marks.png);margin-bottom:20px}.comment_less div strong{font-size:1.25em;font-weight:600}.ask{display:block;background:#fed23d;background:-moz-linear-gradient(top,rgba(254,210,61,1) 60%,rgba(254,210,61,1) 41%,rgba(255,255,255,1) 60%);background:-webkit-linear-gradient(top,rgba(254,210,61,1) 60%,rgba(254,210,61,1) 41%,rgba(255,255,255,1) 60%);background:linear-gradient(to bottom,rgba(254,210,61,1) 60%,rgba(254,210,61,1) 41%,rgba(255,255,255,1) 60%)}.leave_message{display:flex;max-width:1200px;margin:0 auto;padding:50px 100px;box-sizing:border-box;background-color:#fff;justify-content:space-between;flex-wrap:wrap;margin-top:50px}.container section.ask h2{text-align:center}.container section.ask h2 span{vertical-align:inherit}.form{width:50%}.form .block{display:block;margin-bottom:20px;border-bottom:1px solid #000}input{display:block;width:100%;border:0;box-sizing:border-box;height:45px;line-height:45px;padding:0 10px;color:#333;font-size:1em;-webkit-transition:.18s ease-out;-moz-transition:.18s ease-out;-o-transition:.18s ease-out;transition:.18s ease-out;font-family:"Noto Sans SC Sliced"}:-moz-placeholder{color:#000}::-moz-placeholder{color:#000}:-ms-input-placeholder{color:#000!important}::placeholder{color:#000}select{display:block;width:100%;height:40px;background-color:#fff;color:#333;border:0;border-radius:3px;font-size:1em;padding:5px;font-weight:700}.dropdown{display:block;position:relative}.dropdown:before,.dropdown:after{content:'';position:absolute;z-index:2;top:15px;right:8px;width:0;height:0;border:5px dashed;border-color:#000 transparent;pointer-events:none}.dropdown:before{border-bottom-style:solid;border-top:none}.dropdown:after{margin-top:10px;border-top-style:solid;border-bottom:none}.dropdown select{-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;appearance:none;-ms-appearance:none}.dropdown select#city,.dropdown select#city_code{margin-left:20px}.dropdown select::-ms-expand{display:none}.dropdown option{outline:0;color:#000;font-weight:500}.dropdown-select:focus{z-index:3;width:100%;outline:2px solid #fff;outline:2px solid -webkit-focus-ring-color;outline-offset:-2px}textarea{display:inline-block;border:0;box-sizing:border-box;padding:10px;width:100%;min-height:280px;font-size:1em;font-family:"Noto Sans SC Sliced"}.IsMobile textarea{min-height:150px}.fb,.message{display:block;width:45%}.message{border:1px solid #000}.footer{display:flex;background-color:#17181d;color:#fff;justify-content:center;line-height:40px;position:relative}.footer span{display:block;width:20px;height:20px;margin-top:5px}.recommend_project{display:block;background:-moz-linear-gradient(top,rgba(0,0,0,1) 60%,rgba(0,0,0,1) 41%,rgba(255,255,255,1) 60%);background:-webkit-linear-gradient(top,rgba(0,0,0,1) 60%,rgba(0,0,0,1) 41%,rgba(255,255,255,1) 60%);background:linear-gradient(to bottom,rgba(0,0,0,1) 60%,rgba(0,0,0,1) 41%,rgba(255,255,255,1) 60%);margin-top:0;position:relative;padding:100px 60px;box-sizing:border-box}.new_project_info{display:flex;color:#fff;max-width:1200px;margin:0 auto;position:relative;flex-wrap:wrap}.new_project_info p{display:inline-block;margin-left:20px;color:#fff;line-height:80px}.inner_project .new_project_info .btn_change{position:absolute;right:0}.new_project_view{display:flex;justify-content:space-between;align-items:center;margin-top:50px}.wide01{width:25%}.wide02{width:14%}section.projct_list{margin-top:0}.category{display:block;width:100%;text-align:center;border-top:5px solid #000;border-bottom:1px solid #000}.category ul{border-bottom:1px solid #000}.category ul li{display:inline-block;border-right:1px solid #000}.category ul li:first-child{border-left:1px solid #000}.category ul li a:hover{background-color:#000;color:#fff}.category a{display:inline-block;padding:10px 20px;font-weight:500}.category a span{color:#ffd700}.about_project{display:block;overflow:hidden;margin-top:100px;border-bottom:1px solid #000;padding-bottom:30px}.title{float:left}.title h3{font-size:1.62em}.trigger{margin-top:15px}.pattern{display:inline-block;float:right;margin-top:10px}.about_project .structure span,.about_project .materials span{display:inline-block;font-size:1em;font-weight:normal;font-size:1.25em}.about_project .structure span:before{display:inline-block;content:"、";position:relative;margin-right:5px}.about_project .structure span:first-child:before,.about_project .materials span:first-child:before{display:none}.about_project .materials span:before{display:inline-block;content:"│";position:relative;margin-right:5px}.projct_item_gallery{display:flex;flex-wrap:wrap;width:100%;justify-content:space-between;padding-top:50px;position:relative}.projct_item_gallery a.arrow-left,.projct_item_gallery a.arrow-right{display:none}.wide_img{display:block;width:48%}.wide_img a{display:block;width:100%;height:0;padding-bottom:66.6%;overflow:hidden}.narrow_img{display:block;width:23%;text-align:center}.narrow_img a{display:block;width:100%;height:0;padding-bottom:66.6%;margin-bottom:6%;overflow:hidden}.vertical_img a{display:block;text-align:center;align-items:center;position:relative}.vertical_img a img{display:block;position:absolute;margin:auto;height:100%;width:auto;top:50%;left:50%;transform:translate(-50%,-50%)}.vertical_img a:hover img{height:104%}.project_caption{display:block;position:relative;z-index:9;box-sizing:border-box}.project_caption h4{font-size:1.375em}.project_caption h4,.project_caption h4 a{display:block;text-align:center;margin:auto;font-weight:bolder;color:#fff;line-height:1.4em;padding:0 20px;margin:20px 0}.project_caption span{display:block;text-align:center;margin:0 auto;font:13px;color:#c89863;margin-bottom:10px;padding:0 10px}.project_caption ul{display:block;width:100%;margin:auto;text-align:center;margin-top:15px;padding:0 20px;box-sizing:border-box}.project_caption ul li{display:inline-block;height:14px;line-height:14px;color:#fff;font-size:.875em;padding:0 20px;border-right:1px solid #fff}.project_caption ul li:last-child{border-right:0}.project_caption:after{content:"";display:block;border:35px solid;border-color:transparent transparent transparent #1b1b1c;position:absolute;right:-70px;top:150px}.project_caption:before{content:"";display:block;border:35px solid;border-color:transparent #1b1b1c transparent transparent;position:absolute;left:-70px;top:180px}.recommend_video{display:block;background:-moz-linear-gradient(top,rgba(255,255,255,1) 60%,rgba(255,255,255,1) 41%,rgba(0,0,0,1) 60%);background:-webkit-linear-gradient(top,rgba(255,255,255,1) 60%,rgba(255,255,255,1) 41%,rgba(0,0,0,1) 60%);background:linear-gradient(to bottom,rgba(255,255,255,1) 60%,rgba(255,255,255,1) 41%,rgba(0,0,0,1) 60%)}.recommend_video>div{display:flex;max-width:1200px;margin:0 auto;flex-wrap:wrap;padding:100px 0;box-sizing:border-box}.inner_channel .video_mode{display:block;width:100%;margin:0 auto;margin-top:20px}.recommend_video_desc{display:inline-block;width:55%;margin-left:50px;padding-left:50px;border-left:5px solid #f2e803}.recommend_video h2{padding-top:30px}.recommend_video_desc h3{font-size:1.87em;line-height:1.6em}.container section.video_list{background-color:#000;color:#fff;margin-top:0}.video_list .category,.video_list .category ul,.video_list .category ul li{border-color:#fff}.video_list .category a{color:#fff}.video_list{display:block;margin:0 auto}.video_item{display:flex;max-width:1300px;justify-content:center;margin:0 auto;margin-top:70px}.video_item.padding_left{padding-left:calc((100vw - 1300px)/2)}.video_item.padding_right{padding-right:calc((100vw - 1300px)/2)}.video_item h3{font-size:1.87em;line-height:1.6em}.video_desc{width:48%;margin:100px 30px;text-align:justify}.video_desc a{color:#fff}a.btn_view{display:block;text-align:end;color:#fed23d;text-decoration:underline;margin-top:-25px}a.btn_view i{display:inline-block;margin-left:5px;font-size:1.2em;position:relative;top:2px}a.btn_view i.shi-image{top:0}.master_designer{display:block;max-width:650px;margin:0 auto;background:#fff;background:-moz-linear-gradient(top,#fff 0%,#fff 40%,#fed23d 40%,#fed23d 80%,#fed23d 80%,#fff 80%,#fff 100%);background:-webkit-linear-gradient(top,#fff 0%,#fff 40%,#fed23d 40%,#fed23d 60%,#fed23d 80%,#fff 80%,#fff 100%);background:linear-gradient(to bottom,#fff 0%,#fff 40%,#fed23d 40%,#fed23d 80%,#fed23d 80%,#fff 80%,#fff 100%);padding-top:80px}.master_designer h2{margin-left:110px}.container .master_designer h2 span{vertical-align:inherit}.master_designer div{display:block;max-width:350px;height:350px;margin:0 auto;position:relative}.master_designer div:before{display:block;content:"";width:200px;height:380px;background-color:#000;position:absolute;top:-15px;right:-20px;border:1px solid #000;z-index:1}.master_designer div img{z-index:5;position:relative}.master_designer h3{font-size:1.87em;line-height:1.6em;text-align:center;margin-top:40px}.master_designer h4{font-size:1.25em;text-align:center;font-weight:600}.inner_social_media{display:block;text-align:center;margin-top:30px}.inner_social_media a{display:inline-block;width:40px;height:40px;border-radius:100%;border:1px solid #000;padding:6px;box-sizing:border-box;line-height:25px;margin:15px 0;color:#000;text-align:center;font-size:18px;margin:0 10px}.inner_social_media a:hover{background-color:#000;color:#fff}.container section.about_company{margin-top:0}.condition_list{display:flex;margin:0 auto;max-width:1200px;justify-content:space-between;padding-top:0;padding-bottom:80px;margin-top:0;border-bottom:3px solid #000;flex-wrap:wrap}.condition_list h4{font-weight:600;font-size:1.25em}.condition_list div{width:35%;padding:20px;border-right:1px solid #000;box-sizing:border-box}.condition_list div:first-child{width:21%}.condition_list div:nth-child(3){border:0}.condition_list table th[scope="row"]{width:80px}.condition_list tr{text-align:left}.condition_list div:first-child table th[scope="row"]{width:115px}.team_member{padding:80px 0}.team_member h2{text-align:center}.member_list{display:flex;justify-content:center;flex-wrap:wrap}.member_list div{width:250px;margin:25px 50px;position:relative}.member_list div p{display:block;padding-left:30px;font-size:1.5em;font-weight:600}.member_list div:before{display:block;content:"";height:90%;width:1px;background-color:#000;position:absolute;left:15px;top:50px}.member_list div p span{font-size:16px;display:block;font-weight:normal}.service{display:block;padding:80px 0;box-sizing:border-box;background-color:#f0f0f0}.service h2{display:block;text-align:center;width:100%}.container .service h2 span{vertical-align:inherit}.service_content{display:flex;justify-content:space-between;flex-wrap:wrap;max-width:1200px;margin:0 auto}.question{width:40%}.panel_title{position:relative;padding:20px 0;border-bottom:1px solid #000}.panel_title h5{display:inline-block;font-size:1.25em;font-weight:600}.panel_title i{display:inline-block;position:absolute;right:0;top:25px}.panel_title p{display:none;text-align:justify;margin-top:10px}.related_video{position:relative;width:54%;height:0;padding-bottom:30.4%}.related_video iframe{position:absolute;top:0;left:0;width:100%;height:100%}.container.inner_awards{display:block;background:#fff;background:-moz-linear-gradient(left,#fff 0%,#fff 50%,#f0f0f0 50%,#f0f0f0 100%);background:-webkit-linear-gradient(left,#fff 0%,#fff 50%,#f0f0f0 50%,#f0f0f0 100%);background:linear-gradient(to right,#fff 0%,#fff 50%,#f0f0f0 50%,#f0f0f0 100%);padding:50px}.container.inner_awards section{display:block;max-width:1200px;margin:0 auto}.container.inner_awards h2{margin-bottom:100px}.year_awards_list{display:flex;justify-content:space-between;padding:50px 20px;border-top:1px solid #000;flex-wrap:wrap}.year_awards_list h3{font-size:3.12em;font-style:italic}.award_pojrect_img{width:40%}.year_awards_list ul{width:27%;list-style-type:disc}.year_awards_list ul li a:hover{text-decoration:underline}.experience{display:block;background-color:#fff}.experience h3{font-size:1.25em;margin-left:45px;margin-bottom:20px;margin-top:30px}.experience h3:before{display:inline-block;content:"";width:10%;height:3px;background-color:#000;position:relative;top:-5px;margin-right:8px}.experience em{display:block;margin-left:45px;margin-top:5px}.inner_contact section{display:block;max-width:1200px;margin:0 auto}.container .require h2{text-align:center}.container.inner_contact h2 span{vertical-align:inherit}.location{display:block;background:#fed23d;background:-moz-linear-gradient(top,rgba(254,210,61,1) 75%,rgba(254,210,61,1) 41%,rgba(255,255,255,1) 75%);background:-webkit-linear-gradient(top,rgba(254,210,61,1) 75%,rgba(254,210,61,1) 41%,rgba(255,255,255,1) 75%);background:linear-gradient(to bottom,rgba(254,210,61,1) 75%,rgba(254,210,61,1) 41%,rgba(255,255,255,1) 75%)}.location_title{display:flex;max-width:1200px;margin:0 auto;justify-content:space-around;padding:80px 0 40px 0;flex-wrap:wrap}.contact_link{display:inline-block}.contact_link a{display:inline-block;width:45px;height:45px;padding:10px;box-sizing:border-box;border:1px solid #000;border-radius:100%;margin:10px;text-align:center;line-height:0;font-weight:600;font-size:20px}.contact_link a:hover{background-color:#000;color:#fff}.address{display:block;background-color:#fff;max-width:1200px;padding:50px 80px;position:relative;top:-50px;margin:0 auto;box-sizing:border-box}.address>div{display:flex;flex-wrap:wrap;margin-bottom:30px;border-bottom:1px solid #000;padding-bottom:30px}.address>div>div{width:18%}.address div.mail{width:28%}.address div.add{width:35%}.address div.mail a{text-decoration:underline;font-weight:500}.address div h3{font-size:1.5em;display:block;width:100%;margin-bottom:15px}.address div span{display:block;width:100%;font-size:14px;color:#333}.address div p{font-weight:500}.map{display:block;max-width:1200px;margin:0 auto;margin-top:0;position:relative;top:-50px;height:300px}.inner_article{position:relative}.inner_article h2{position:relative;max-width:1200px;margin:0 auto;position:relative;top:150px}.inner_article h2 span{vertical-align:inherit}.editor_recommend{display:block;width:100%;background:#fed23d;background:-moz-linear-gradient(top,rgba(254,210,61,1) 60%,rgba(254,210,61,1) 41%,rgba(255,255,255,1) 60%);background:-webkit-linear-gradient(top,rgba(254,210,61,1) 60%,rgba(254,210,61,1) 41%,rgba(255,255,255,1) 60%);background:linear-gradient(to bottom,rgba(254,210,61,1) 60%,rgba(254,210,61,1) 41%,rgba(255,255,255,1) 60%);position:relative}.recommend_text{display:flex;max-width:1200px;margin:0 auto;background-color:#fff;box-sizing:border-box;padding:50px 50px 0 50px;justify-content:space-between;margin-top:180px;flex-wrap:wrap}.quick_view{width:37%}.quick_view_img{width:60%;position:relative;top:-180px}.quick_view h3{font-size:2.25em;line-height:1.5em;margin-bottom:10px}.container section.writing_list{display:block;margin-top:0;padding-top:0;position:relative;top:0;max-width:1200px;margin:0 auto}.writing_column{display:flex;flex-wrap:wrap;justify-content:space-between}.writing_mode{width:47%;margin-top:50px}.writing_mode h3{font-size:1.62em;line-height:1.5em}.writing_mode a.btn_view{color:#000}.column_3 .writing_mode{width:30%}.medal_list .reviews_medal{display:flex;justify-content:center;position:relative;flex-wrap:wrap;width:500px}.medal_list .reviews_medal_wrapper{display:flex;position:relative;max-width:500px;margin:0 auto}.medal_list .reviews_medal_wrapper_center{justify-content:center}.medal_list .reviews_medal .reviews_medal_wrapper div{width:80px;height:80px;margin:0 10px}.medal_list .arrow-left{z-index:5}.medal_list .arrow-right{top:-55px;z-index:5}.medal_list .div_arrow-left,.medal_list .div_arrow-right{position:relative}section .btn_check p.designer_checkbox{font-size:15px;line-height:25px;color:#333;text-align:center;margin:20px 0}section .btn_check p.designer_checkbox a{color:#009688}section.ask .msg{display:block}section.ask .message{display:none}section.require .msg{display:none}section.require .message{display:block}section .btn_check{max-width:1200px;margin:0 auto;text-align:center}section.require .finish_msg{color:red;text-align:center}section.ask .form_center{margin:0 auto}.btn_change_mobile{display:inline-block;width:100%;text-align:right;bottom:0;right:0;margin-top:20px}.container section.designercase{display:block;margin-top:0;position:relative;top:0;margin:0 auto;padding:0;width:100%}.video_clip_inner{display:flex;justify-content:flex-start;position:relative;max-width:1200px;margin:0 auto;margin-top:50px;position:relative;flex-wrap:wrap}.video_clip_items{width:23%;position:relative;margin:calc(calc(100%/10)/10)}.video_clip_img{width:100%;height:0;padding-bottom:177%;position:relative;overflow:hidden}.video_clip_items h3{font-size:1.25em;font-weight:500;color:#fff;line-height:1.3em;margin-top:10px}@media screen and (min-width:320px) and (max-width:1280px){.recommend_video{margin-top:30px}.recommend_project{padding:50px 20px;padding-top:80px}.btn_change_new_project{display:block;text-align:center;margin-top:-10px}.awards_list>div{margin:0 10px}}@media screen and (min-width:320px) and (max-width:1150px){.container .designer_page h2{font-size:3.75em;margin-bottom:40px}.container .designer_page h2 span{vertical-align:inherit}.awards h2{margin-bottom:0}.designer_pic a{border-right:0}.header nav{display:none}.master_vision,.master_video{top:-7px}.master_video .social_media{top:120px}.master_video .medal{bottom:50px;right:20px}.container section{padding:30px 20px;margin-top:40px}.medal{right:80px}.vision_img a{bottom:30px}.medal img{width:77px;height:70px}.next_img{display:none}.main_project{width:53%}.main_project a{width:100%;height:calc(100vw*.53/3*2);position:relative;display:block}.project_info{width:40%;height:400px;margin-top:80px}.channel{background:#fff;background:-moz-linear-gradient(top,rgba(255,255,255,1) 1%,rgba(255,255,255,1) 20%,rgba(255,255,255,1) 20%,rgba(240,240,240,1) 20%);background:-webkit-linear-gradient(top,rgba(255,255,255,1) 1%,rgba(255,255,255,1) 20%,rgba(255,255,255,1) 20%,rgba(240,240,240,1) 20%);background:linear-gradient(to bottom,rgba(255,255,255,1) 1%,rgba(255,255,255,1) 20%,rgba(255,255,255,1) 20%,rgba(240,240,240,1) 20%)}.main_video{width:58%}.sub_video{margin-top:200px}.sub_video_items:nth-child(n+3){display:none}.sub_video_items{width:100%}.sub_video{width:37%}.container.inner_project{position:relative;top:-7px}.container section.projct_list{margin-top:0}.category .style a{padding:10px}.title{float:none}.pattern{float:none}.new_project_view div{margin:0}.about_project{text-align:center}.wide01{width:33%}.wide02{width:23%}.about_project{margin-top:50px}.designer_page .projects .project_info .switch{display:none}.new_project .new_project_img img{width:100%;max-height:unset;max-width:unset;display:inherit}.recommend_video>div{padding:40px 20px}.recommend_video_desc{width:53%}.condition_list div:first-child{width:24%}.service{padding:80px 20px;box-sizing:border-box}.container.inner_awards{position:relative;top:-7px;padding:50px 0}.year_awards_list{padding:50px 0}.container.inner_awards h2{margin-bottom:50px}.location{background:#fed23d;background:-moz-linear-gradient(top,rgba(254,210,61,1) 85%,rgba(254,210,61,1) 41%,rgba(255,255,255,1) 85%);background:-webkit-linear-gradient(top,rgba(254,210,61,1) 85%,rgba(254,210,61,1) 41%,rgba(255,255,255,1) 85%);background:linear-gradient(to bottom,rgba(254,210,61,1) 85%,rgba(254,210,61,1) 41%,rgba(255,255,255,1) 85%)}.address{padding:50px 30px;margin:0 20px}.map{margin:0 20px}.editor_recommend{position:relative;top:30px}.editor_recommend h2{padding:0 20px}.recommend_text{padding:20px 20px 0 20px}.medal_list .arrow-left{z-index:5;margin-left:-24vw}.medal_list .arrow-left:hover{margin-left:-450px}.medal_list .arrow-right{z-index:5;margin-right:-24vw}.medal_list .arrow-right:hover{z-index:5;margin-right:-160px}.comment div{width:100%;margin-bottom:20px;margin-top:30px}.comment div:nth-child(3n){border-right:1px dotted #000}.comment{margin-left:-5px}.comment_less div{width:100%;margin-bottom:20px;margin-top:30px}.new_project>div{width:100%}}@media screen and (min-width:320px) and (max-width:1000px){.medal,.master_video .social_media,.master_video .medal{display:none}.vision_img,.vision_img:before{padding-bottom:50%}.main_project{width:100%;margin:0 auto}.project_info{width:100%;margin-top:30px;height:360px}.switch span+span{display:none}.channel{flex-direction:column-reverse}.main_video{width:100%}.sub_video{width:100%;margin:0}.sub_video_items{margin-bottom:50px}.sub_video .video_mode i.shi-play{width:130px;height:130px;line-height:130px;font-size:2.5em}.video_mode_info{background-color:transparent}.video_mode_info h3{font-size:1.87em;line-height:1.5em}.features_style{flex-wrap:wrap;padding:40px 60px}.container section.features{padding-top:80px}.features{background:#f0f0f0;background:-moz-linear-gradient(top,rgba(240,240,240,1) 61%,rgba(249,249,249,1) 61%,rgba(255,255,255,1) 61%);background:-webkit-linear-gradient(top,rgba(240,240,240,1) 61%,rgba(249,249,249,1) 61%,rgba(255,255,255,1) 61%);background:linear-gradient(to bottom,rgba(240,240,240,1) 61%,rgba(249,249,249,1) 61%,rgba(255,255,255,1) 61%)}.article{width:100%}.article_img{width:100%;margin-top:30px}.awards{background:#fff;background:-moz-linear-gradient(top,rgba(255,255,255,1) 90%,rgba(255,255,255,1) 90%,rgba(30,30,30,1) 90%,rgba(30,30,30,1) 80%);background:-webkit-linear-gradient(top,rgba(255,255,255,1) 90%,rgba(255,255,255,1) 90%,rgba(30,30,30,1) 80%,rgba(30,30,30,1) 90%);background:linear-gradient(to bottom,rgba(255,255,255,1) 90%,rgba(255,255,255,1) 90%,rgba(30,30,30,1) 90%,rgba(30,30,30,1) 90%)}.awards_list>div{width:47%;margin-top:50px}.btn_dot{margin-top:20px}.form{width:100%}.fb{width:100%}.wide01{width:35%}.quick_view{width:100%}.quick_view_img{width:100%;top:0;margin-top:20px}.quick_view h3{font-size:1.87em}.inner_article h2{top:50px}.recommend_text{margin:0 20px;margin-top:80px}.container section.writing_list{top:0;margin-top:50px}.writing_mode,.column_3 .writing_mode{margin-top:50px;width:100%}.contact_link{display:inline-block;margin-bottom:50px}}@media screen and (min-width:320px) and (max-width:780px){.designer_page .social_media{display:none}.new_project>div{width:100%;margin-bottom:50px}.new_project .btn_more{float:right}.medal_list ul li{width:auto;height:auto}.medal_list ul li:nth-child(4n){display:none}.arrow-right,.arrow-left{top:60px}.arrow-left{left:0;margin-left:0}.arrow-right{right:0;margin-right:0}.medal_list .reviews_medal{width:500px}.medal_list .reviews_medal_wrapper{max-width:500px}.medal_list .arrow-left{left:50px;margin-left:0;top:25px;z-index:5}.medal_list .arrow-left:hover{margin-left:-10px}.medal_list .arrow-right{right:75px;margin-right:0;top:-55px;z-index:5}.medal_list .arrow-right:hover{margin-right:-10px}.btn_change_new_project{margin-top:20px;text-align:center}.new_project_info h2{margin-bottom:0}.new_project_info p{display:block;width:100%;margin-left:40px}.new_project_view{margin-top:-20px}.about_project .structure span,.about_project .materials span{font-size:1em}.wide_img{width:85%;margin:0 auto;overflow:hidden}.wide_img a{padding-bottom:unset;width:85VW;height:calc((85VW)/3*2)}.wide_img a img{height:100%;width:auto;left:0;right:0;top:0;bottom:0;position:absolute;display:block;margin:0 auto}.narrow_img{display:none}.about_project{border-bottom:0;padding-bottom:0}.projct_item{padding-bottom:50px;margin-bottom:80px;border-bottom:1px solid #000}.projct_item_gallery{padding-top:30px}.projct_item_gallery a.arrow-left,.projct_item_gallery a.arrow-right{display:block;top:50%}.projct_item_gallery a.arrow-left{left:0;margin-left:0}.projct_item_gallery a.arrow-right{right:0;margin-right:0}.main_project a{width:100%;height:calc(97vw/3*2);position:relative;display:block}.recommend_video_desc{width:100%;margin-left:10px;padding-left:20px}.video_desc{margin:0 30px}.video_item h3{font-size:1.62em}.master_designer{padding-top:70px}.condition_list div:first-child{width:100%}.condition_list div{width:100%;border-right:0}.member_list div{width:200px}.question{width:100%}.related_video{width:100%;margin-top:50px;padding-bottom:56.25%}.year_awards_list{display:block}.year_awards_list ul{width:100%;margin-left:20px}.award_pojrect_img{width:100%;margin-top:30px}.experience h3{margin-left:50px}.experience em{margin-left:50px}.message{width:100%;margin-top:30px}.address>div{display:block}.address>div>div,.address div.mail,.address div.add{width:100%}.map{top:-65px}.address div span{margin-top:10px}.writing_list .category ul li{display:block;border:1px solid #000}.category a{display:block}.inner_social_media a{margin:5px 10px}.video_clip_inner{justify-content:space-around}.video_clip_items{width:45%}}@media screen and (min-width:640px) and (max-width:767px){.project_caption{display:block;position:relative;z-index:5;padding-top:50px;box-sizing:border-box}.project_caption h4 a,.project_box_mask section h4{font-size:1em;padding:0 15px;line-height:1.6em;box-sizing:border-box}.project_caption h4{font-size:1.375em}.project_caption ul{display:none}.project_caption:after{display:none}.project_caption:before{display:none}}@media screen and (min-width:415px) and (max-width:639px){.project_caption{padding-top:35px}.project_caption h4{font-size:1em}}@media screen and (max-width:414px){.project_caption{padding-top:30px}.project_caption h4{font-size:1em;padding:0 10px;line-height:1.6em;box-sizing:border-box}.project_caption ul{display:none}.project_caption ul li{padding:0 10px}}@media screen and (min-width:320px) and (max-width:640px){.arrow-right,.arrow-left{top:40px}.new_project_view div{width:100%;margin-top:20px}.new_project_info p{text-align:center;margin-left:0;margin-top:20px}.video_item{flex-wrap:wrap}.video_desc{width:100%;margin:0}.video_item.padding_left{flex-direction:column-reverse}.inner_channel .video_mode{margin:0}.team_member{padding-bottom:0}.member_list{display:block;margin:0 auto}.member_list div{margin:50px auto}.year_awards_list h3{font-size:3.12em}.leave_message{padding:30px 20px}.contact_link{display:block;width:100%;text-align:center;margin-bottom:50px}}@media screen and (min-width:320px) and (max-width:550px){.container .designer_page h2{font-size:3em;line-height:1em}.container .designer_page h2 span{margin-right:0}.vision_img,.vision_img:before{padding-bottom:60%}.vision_img p{margin-bottom:10px;font-size:1.6em}.vision_img span{font-size:1.25em}.video_mode_info h3,.main_video h3,.text h3{font-size:1.6em}.main_video .video_mode i.shi-play,.sub_video .video_mode i.shi-play{width:110px;height:110px;line-height:110px;font-size:2em}.medal_list ul li:nth-child(3n){display:none}.arrow-right,.arrow-left{top:70px}.awards_list>div span{height:50px}.recommend_video>div,.new_project_info,.sub_video,.location_title{display:block}.location_title h2{text-align:center;margin-right:20px}.project_info{height:300px}.new_project_info p{text-align:left}.inner_project .new_project_info .btn_change{bottom:5px}.category .style a{padding:5px 10px}.structure{margin-top:10px}.awards_list>div{width:100%}.recommend_video{background:-moz-linear-gradient(top,rgba(255,255,255,1) 80%,rgba(255,255,255,1) 41%,rgba(0,0,0,1) 80%);background:-webkit-linear-gradient(top,rgba(255,255,255,1) 80%,rgba(255,255,255,1) 41%,rgba(0,0,0,1) 80%);background:linear-gradient(to bottom,rgba(255,255,255,1) 80%,rgba(255,255,255,1) 41%,rgba(0,0,0,1) 80%)}.video_item{margin-top:30px}.features_style{padding:30px}.master_designer h2{margin-left:20px}.master_designer div{width:300px;height:300px}.master_designer div:before{height:330px}.medal_list .reviews_medal{width:120px}.medal_list .reviews_medal_wrapper{max-width:120px}.medal_list .reviews_medal .reviews_medal_wrapper div{width:100px;height:150px}.medal_list .arrow-left{left:30px;margin-left:0;top:30px;z-index:5}.medal_list .arrow-right{right:75px;margin-right:0;top:-120px;z-index:5}.comment_container{max-width:374px}.recommend_video_desc{box-sizing:border-box}.article_info span.date{padding-right:10px}.article_info span.view{padding-left:10px}.video_clip_items{width:80%}}@media screen and (min-width:320px) and (max-width:412px){.arrow-right,.arrow-left{top:50px}.medal_list .reviews_medal .reviews_medal_wrapper div{width:90px;height:150px}.medal_list .arrow-left{left:50px;margin-left:0;top:25px;z-index:5}.medal_list .arrow-right{right:70px;margin-right:0;top:-125px;z-index:5}}@media screen and (min-width:320px) and (max-width:375px){.main_video .video_mode i.shi-play,.sub_video .video_mode i.shi-play{width:100px;height:100px;line-height:100px;font-size:2em}.project_info{height:280px}.trigger a{padding:5px 15px;border-radius:30px}.arrow-right,.arrow-left{top:40px}.category a{padding:10px 15px}.trigger a{margin-bottom:10px}.master_designer div{width:250px;height:250px}.master_designer div:before{height:280px}a.btn_view{margin-top:0}}@media screen and (min-width:360px) and (max-width:360px){.medal_list .reviews_medal{width:110px}.medal_list .reviews_medal_wrapper{max-width:110px}.medal_list .reviews_medal .reviews_medal_wrapper div{width:85px;height:150px}}@media screen and (min-width:320px) and (max-width:320px){.container .designer_page h2{font-size:2.5em}.trigger a{padding:5px 10px}.condition_list div{padding:20px 0}.address{margin:0 20px}.medal_list .reviews_medal{width:100px}.medal_list .reviews_medal_wrapper{max-width:100px}.medal_list .reviews_medal .reviews_medal_wrapper div{width:75px;height:150px}.medal_list .arrow-left{left:20px;margin-left:0;top:20px;z-index:5}.medal_list .arrow-right{right:15px;margin-right:0;top:-130px;z-index:5}}@media screen and (max-width:767px){.footer{padding-bottom:100px;flex-direction:column}.footer p{display:block;width:100%;text-align:center}.footer span{display:none}}