.awards_designer_container div{box-sizing: border-box;}
section img{width: 100%;}
.videobox {    position: relative;    width: 100%;    height: 0;    padding-bottom: 56.25%; margin-top:-110px}
.videobox iframe {    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;}
.sidebar{z-index:1000;}


.video_desc{display: block; width: 100%;height:50%; position: absolute;z-index: 10;
background: linear-gradient(to top,  rgba(0,0,0,0.9) 0%,rgba(0,0,0,0) 100%);bottom: 0px; }

.video_desc p{display: block; text-align: center;color: #fff;font-size:2.25em;  height:100px;position: absolute;  top:0px;  right: 0;  bottom: 0;  left: 0;  margin: auto;font-family: 'Noto Serif TC';letter-spacing:.6em; padding: 0 20px;}
.video_desc p span{display: block; font-family: 'Noto Serif TC';letter-spacing:0em;font-size:16px;margin-top: 10px;}

.solo_designer , .news{display: block;background: linear-gradient(45deg,  rgba(8,35,44,1) 0%,rgba(29,61,69,1) 50%,rgba(0,24,33,1) 100%);padding:80px 100px;    position: relative;
    z-index: 10;
}

section h2{	font-size: 3em;   font-family: Times New Roman;line-height: 1.2em;}

.designer_info{display: block; max-width: 1200px; margin: 0 auto; text-align:center;position: relative;color:#9e8a7e;}
.designer_info h3{font-size: 2.25em; font-weight:600;line-height: 1.4em;margin-top:110px; }
.designer_info em{font-size: 1.25em;font-weight:600;}
.designer_info p{color: #e3dedc; width:55%;margin: 0 auto;margin-top: 20px;}

.topic_pre_catch {display: block;writing-mode:vertical-rl;position: absolute;top:25px;left:-10px; color: #9e8a7e;}

.designer_pic{display: block; width:300px; height:300px;margin: 0 auto;margin-top: 50px;position: relative;border-top-right-radius: 25px;border-bottom-left-radius:25px; overflow: hidden;}
.designer_pic:hover{border-radius: 25px;}
.designer_pic a:hover img{transform: scale(1.05);}
.designer_info h3:before{display: block;content: ""; width: 1px;height:150px; background-color: #9e8a7e;position: absolute;left: 50%;top:280px;}
.thin_line{display: block; width:100%; height:1px; background-color:#9e8a7e;}

.recommend_awards_case{display:flex; max-width: 1200px; margin: 0 auto;justify-content:space-between;color: #e3dedc;margin-top: 80px;flex-wrap: wrap;}
.recommend_awards_case>div{width:30%;background-color: #191919; }
.recommend_awards_case>div:hover img{transform: scale(1.05);-webkit-transition: all .3s;    -o-transition: all .3s;    -moz-transition: all .3s;    -ms-transition: all .3s;    transition: all .3s;}
.about_awards_info{display: block; background-color: #191919;padding: 20px;}
.about_awards_info span{display:block;font-size: 1.62em; font-family: Times New Roman;padding-bottom:10px; border-bottom: 1px solid  #e3dedc;margin-bottom: 15px;}
.about_awards_info p{ font-weight: 500;}
.awards_img{position: relative;width: 100%;height: 0;padding-bottom: 66.6%;overflow: hidden;}
.awards_img a{display: block;}
.awards_img a img{display: block;max-width: 100%;max-height: 100%;position: absolute;top: 0;right: 0;left: 0;margin: auto;width:100%;}

/*Title's Css*/
.awards_winners{display: block;margin: auto;background-color: #e3dedb;padding: 80px 20px;}
.awards_winners h2{display: block;text-align: center;}
/*end*/
/*InsideSwiper's Css*/
.name_list{display: flex; justify-content: space-evenly; max-width: 1125px;margin: 0 auto;position: relative;flex-wrap: wrap;height: 100%;}
.swiper-slide>div{margin:0;padding:0 50px;}
.name_list h3,.name_list em{font-size: 1.25em;font-weight:600;}
.name_list .designer_pic{margin-bottom:10px;}
/*end*/
/*View's Css*/
.name_list .link{display:flex;margin-top: 10px;font-weight: 500;  }
.name_list .link:hover{margin-left: 5px;}
.swiper-slide>div span{display:inline-block; width: 25px; height: 25px; background-color: #000; border-radius: 100%; line-height: 25px; text-align: center;margin-right: 5px;}
.swiper-slide>div i{display: inline-block;width: 8px;height: 8px;border-width: 1px 1px 0 0;border-style: solid;	border-color:#fff;margin: 10px;transform: rotate(45deg);position: relative;top:-2px;left:-4px;}
/*end*/
/*Arrow's Css*/
.name_list .arrow{display:block;width:0px;height:0px;border-width: 1px 1px 0 0;border-style: solid;	border-color:transparent transparent #000 #000;margin: 10px;transform: rotate(45deg);position:absolute;padding:1.5rem;top:50%;}
.name_list .arrow.arrow-left{left: -25px;}
.name_list .arrow.arrow-right{transform: rotate(-135deg);right: -50px;}
/*end*/


.news h2{color: #9e8a7e; display: block;text-align: center;}
.news_row{display: flex; max-width: 1200px; margin: 0 auto; justify-content:space-between;margin-top: 50px;flex-wrap: wrap;}
.news_row>div{width: 30%;}
.news_row>div a{color:#e3dedc;}
.news_row>div a h3{font-size: 1.25em; font-weight: 500;line-height: 1.5em;margin-bottom:10px;}

.news_row>div a:hover img{transform: scale(1.05);}
.news_row>div .awards_img{overflow: hidden;}

.our_service{background-color: #bfb2aa;color: #041d27;}
.requir_box{display: flex;max-width: 1200px;margin: 0 auto; justify-content:space-between; padding:80px;flex-wrap: wrap;}
.form {width:40%;}
.form  h2{ border-bottom: 1px solid #041d27;margin-bottom:20px;}
.form .block{display: block; margin-top:30px;}
.form img{width: 100%;}
.photo{width:52%;}
.btn_black{ display: block; width: 100%; height: 50px;line-height:50px; background-color:#041d27; color: #fff; border-radius: 50px;text-align: center;margin-top: 40px;font-size: 1.25em;font-weight: 600;cursor:pointer}
/*------input樣式------*/
.block>label{display: block;width: 100%; font-weight: 500;color:#041d27;}
.block>input{width:100%; border:1px solid #041d27;border-radius: 5px; box-sizing: border-box;height: 40px; line-height: 45px; padding:0 10px; color:#000; 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";background-color:#bfb2aa;}
:-moz-placeholder {color: #041d27; }
::-moz-placeholder { color: #041d27;}
:-ms-input-placeholder {color:#041d27 !important;}
::placeholder { color: #041d27;}
.block>input:hover , .block>select:hover , .block>textarea:hover{  box-shadow: 0px 0px 8px 5px rgba(0,0,0,.1);-webkit-box-shadow: 0px 0px 8px 5px rgba(0,0,0,.1);-moz-box-shadow: 0px 0px 8px 5px rgba(0,0,0,.1);-o-box-shadow: 0px 0px 8px 5px rgba(0,0,0,.1);	-ms-box-shadow: 0px 0px 8px 5px rgba(0,0,0,.1);outline: none;background-color:#041d27; color: #fff;}
#code{display: flex;width:45%;float: left;margin-right: 20px;}
.block>textarea {width:100%;height:200px; padding: 10px;box-sizing: border-box;font-family:"Noto Sans SC Sliced";border-radius: 5px;border:1px solid #041d27;background-color:#bfb2aa;font-size: 16px;}

/*------內頁------*/
.prize_container{display: block;background: linear-gradient(45deg,  rgba(8,35,44,1) 0%,rgba(29,61,69,1) 50%,rgba(0,24,33,1) 100%);padding: 80px 100px;}
.prize{position: relative;max-width: 1000px;margin: 0 auto;}
.about_winner_info{display:flex;flex-wrap: wrap;justify-content:space-around;}
.about_winner_info>div{ width:10%;}
.about_winner_info .topic h2{display: inline-block;position: absolute; color: #9e8a7e;font-size:2em;writing-mode:vertical-rl;height: 460px; }
.about_winner_info div.prize_img{width: 420px; height: 420px;position: relative;}
.about_winner_info div.prize_img a{display: block; width: 420px; height: 420px;border-top-right-radius: 25px;border-bottom-left-radius:25px;margin-top: 40px;position: relative;overflow: hidden;}
.about_winner_info div.prize_img a:hover{border-radius: 25px;}
.about_winner_info div.prize_img:before{display: block;content: ""; width: 100%; height: 1px; background-color: #9e8a7e;position:absolute;top:0px; }
.about_winner_info div.about{width:30%;margin-top:30px;}
.about_winner_info h3{font-size: 2.25em;font-weight: 600;line-height: 1.4em;color: #9e8a7e;}
.about_winner_info em{font-size: 1.25em;font-weight: 600;color: #9e8a7e;}
.about_winner_info p{color: #e3dedc;margin-top: 10px;}

.prize_container .recommend_awards_case{max-width: 100%;margin-top:150px;justify-content:flex-start;}
.prize_container .recommend_awards_case > div{width: calc((100vw - 385px) /3);margin:30px 28px;}
.years {background-color: #a19083;padding: 0px 10px;font-family: Times New Roman;font-size: 1.62em;font-style: italic;}
.prize_container .about_awards_info{display: flex;justify-content:space-between;}
.prize_container .about_awards_info p{display: block; width:65%;font-size: 1.25em;word-wrap: break-word;}
.prize_logo{display: block; width: 80px; height:80px;}
.prize_logo img{width: 100%;}


@media(max-width:1760px){
	.name_list .arrow.arrow-left{left: -30px;}
	.name_list .arrow.arrow-right{transform: rotate(-135deg);right: -30px;}
}

@media (min-width:320px) and (max-width:1100px){/*ipadair*/
	.name_list .designer_pic{width: 250px; height: 250px;}	
	.name_list{display: flex; justify-content: space-evenly; max-width: 1100px;margin: 0 auto;position: relative;flex-wrap: wrap;height: 100%;}
	.swiper-slide{width:400px;margin-left:0px;}
	.name_list .arrow.arrow-left{left: 0;}
	.name_list .arrow.arrow-right{transform: rotate(-135deg);right: 0;}
	.recommend_awards_case {justify-content: space-around;}
	.prize_container{width:auto;}
}
@media (max-height:600px) and (max-width:1100px){
	.name_list .designer_pic{width: 250px; height: 250px;}	
	.name_list{display: flex; justify-content: space-evenly; max-width: 1100px;margin: 0 auto;position: relative;flex-wrap: wrap;height: 100%;}
	.swiper-slide{width:400px;margin-left:0px;}
	.swiper-slide>div{margin:0;padding:0 360px;}
	.name_list .arrow.arrow-left{left: -30px;}
	.name_list .arrow.arrow-right{transform: rotate(-135deg);right: -30px;}
	.recommend_awards_case {justify-content: space-around;}
}
@media (max-height:600px) and (max-width:1024px){/*NestHub*/
	.name_list .designer_pic{width: 250px; height: 250px;}	
	.name_list{display: flex; justify-content: space-evenly; max-width: 900px;margin: 0 auto;position: relative;flex-wrap: wrap;height: 100%;}
	.swiper-slide{width:400px;margin-left:0px;}
	.swiper-slide>div{margin:0 -20px;padding:0 40px;}
	.name_list .arrow.arrow-left{left: -30px;}
	.name_list .arrow.arrow-right{transform: rotate(-135deg);right: -30px;}
	
}
@media (max-width:1024px) and (height:1366px){
	/*1024 tablet*/
	.name_list #tablet{display: flex; justify-content: space-evenly; max-width: 900px;margin: 0 auto;position: relative;flex-wrap: wrap;height: 100%;}
	.swiper-slide>div{margin:60px 0;padding:0 40px;}
	.name_list .arrow.arrow-left {left: -10px;}
	.name_list .arrow.arrow-right {transform: rotate(-135deg);right: -10px;}
}
@media (min-width:320px) and (max-width:1024px){
	.prize_container .recommend_awards_case {margin-top: 30px;}
	.prize_container .recommend_awards_case>div{width:100%;margin-top: 30px;}	
	.recommend_awards_case {margin-top: 30px;}
	.recommend_awards_case>div{width:100%;margin-top: 30px;}
}
@media (min-width:320px) and (max-width:920px){
	.video_desc p{font-size: 2em;}
	.name_list .designer_pic{width:300px; height:300px;}
	.designer_info p{width:80%;}
	.swiper-slide>div{width:50%;text-align: center;padding:0 35px;}
	.name_list .link{justify-content: center;}
	.news_row , .requir_box{justify-content: center;}
	.news_row>div{width: 100%;margin-bottom:50px;}
	.form {width:80%;}
	.photo{display: none;}	
	.swiper-slide{margin-left: 0px;justify-content: center;display: flex;width: 100%;}
	.about_winner_info{justify-content:space-evenly;}
	.prize_container .recommend_awards_case>div{width:100%;}	
	.prize_container .recommend_awards_case{margin-top:50px;}
	.about_winner_info div.about{width:100%;margin-top:80px;text-align: center; }
	.about_winner_info div.prize_img{width:500px; height:500px;}
	.about_winner_info div.prize_img a{width: 500px; height:500px;}
	.name_list {padding-bottom: 10px;}
}

@media (min-width:320px) and (max-width:768px){/*ipadmini*/
	.video_desc p{letter-spacing: .2em;font-size: 1.87em;}
	.recommend_awards_case>div , .news_row>div , .designer_info p , .form{width:100%;}	
	.news_row>div{width:80%}
	section h2{font-size: 2.25em;}
	.about_winner_info div{ width:15%;}
	.about_winner_info div.prize_img{width: 380px; height:380px;}
	.about_winner_info div.prize_img a{width: 380px; height:380px;}
	.name_list {display: flex;justify-content: center; /* 水平居中 */align-items: center; /* 垂直居中 */}
	.swiper-slide{margin-left:0px;}
	.name_list .arrow.arrow-right {transform: rotate(-135deg);right: 0;}
	.name_list .arrow.arrow-left {left: 0;}
	.topic_pre_catch {left: -90px;}
	.videobox {    position: relative;    width: 100%;    height: 0;    padding-bottom: 56.25%; margin-top:-55px}
}
@media (min-width:320px) and (max-width:570px){/*iphoneSE*/
	.video_desc p{display: none;}
	.video_desc p span{font-size: 14px;margin-top: 0;}
	.designer_info p{width: 100%;}
	.designer_pic , .name_list .designer_pic{width: 200px; height: 200px;}
	.designer_info h3:before{top:200px;}
	.swiper-slide>div{width:80%;}
	.about_winner_info div.prize_img{width: 260px; height:260px;}
	.about_winner_info div.prize_img a{width:260px; height:260px;}
	.about_winner_info .topic h2{font-size:1.5em;}
	.solo_designer , .news , .requir_box , .prize_container{padding:80px 20px;}
	.prize_logo{display: block; width: 70px; height:70px;}
	.prize_container .about_awards_info p{font-size: 1em;}
	
}

@media (min-width:320px) and (max-width:375px){
	.designer_pic{margin-top: 30px;}
	.topic_pre_catch , .about_winner_info .topic{display: none;}	
	.about_winner_info div.prize_img{width: 250px; height:250px;}
	.about_winner_info div.prize_img a{width:250px; height:250px;}
	.about_winner_info div.about{margin-top:80px; }
	.prize_logo{display: block; width:60px; height:60px;}
	.prize_container .about_awards_info{padding: 10px;}

}

@media (min-width:320px) and (max-width:320px){
	.name_list .arrow{padding: 1em;}
	.name_list .designer_pic{width: 160px; height:160px;}
}

@media (min-width: 1280px) {
	.name_list{display: flex; justify-content: space-evenly; max-width: 1140px;margin: 0 auto;position: relative;flex-wrap: wrap;height: 100%;}
	.name_list .arrow.arrow-left {left: -30px;}
	.swiper-slide > div {margin: 0;padding: 0 50px;}
}
@media (max-height:1024px ) and (max-width:768px){
	.name_list {padding-bottom: 10px;}
}
@media (height:1024px ) and (width:768px) {
	.name_list {padding-bottom: 10px;}
}
@media (height:720px ) and (width:540px) {
	.name_list {padding-bottom: 10px;}
}