/*---外觀設定---*/
.red{color:#ff0000;}
.seo{text-indent: 100%;overflow: hidden;height: 0;white-space: nowrap;}
body{font-size: 16px; box-sizing: border-box; color: #000;line-height: 1.8em;/*overflow:scroll;*/ overflow-y: scroll;}
header{display: block; width: 100%;border-bottom: 1px solid #dedede; height: 80px;box-sizing: border-box;position: fixed; top:0; z-index:100; background-color:#fff;}
a{display: block; text-decoration: none;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.03);}
h2{font-size:2.5em;font-weight: 600;margin-bottom:50px;text-align: center;line-height: 1.6em;}
h3{font-weight: 600;} 
section{display: block; max-width: 1200px;margin: 0 auto;position: relative; padding:70px 20px;box-sizing: border-box;}
.newest_list,.newest_article,.review_box,.vote_project_view{ display: block; max-width: 1200px;  margin: 0 auto;  box-sizing: border-box; }

/*---外觀設定---*/
.logo{display:block; width: 280px; height: 70px;margin: 5px;}
.language{display: inline-block;margin: 0 30px; }
.language a{display:inline-block; padding:0 8px; border-right: 1px solid #000;position: relative;top:5px;}
.function_right{display:flex;position: absolute;right: 0;top:25px;height:40px;}
.join{display: block;width: 35px; height: 35px;margin-right:1em;}
.IsMobile .join{position: fixed;  right: 60px;}
.sidelang.change_language a { width: auto; display: inline-block; padding: 0 30px; }
.language a.selected{text-decoration:underline;}

/*---首頁計時器---*/
.countdown{display:inherit; margin-right:1em;}
.Time_title {
    font-size: 1.125em;
    float: left;
    margin-right: 10px;
	color: #000;
   line-height:30px;
}
.countdown .bloc-time {
    float: left;
    margin-right: 45px;
    text-align: center;
}
.countdown .count-title {
    position: absolute;
    font: normal 0.8em "Lato";
	color: #000;
	font-weight: bold;
    top: 15px;
	margin-left: 2px;
    
}
.countdown .figure {
    position: relative;
    float: left;
    height: 30px;
    width: 25px;
    margin-right: 5px;
    background-color: #1f1f1f;
    border-radius: 3px;
   -moz-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.5), inset 2px 4px 0 0 rgba(255, 255, 255, 0.08);
    -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.5), inset 2px 4px 0 0 rgba(255, 255, 255, 0.08);
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.5), inset 2px 4px 0 0 rgba(255, 255, 255, 0.08);
}
.countdown .figure .bottom-back {
    z-index: 2;
    top: 0;
    height: 50%;
    overflow: hidden;
    background-color: #f7f7f7;
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
}
.countdown .figure .top, .countdown .figure .top-back {
    height: 50%;
    overflow: hidden;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.countdown .figure .top {
    z-index: 3;
    background-color: #000;
    transform-origin: 50% 100%;
    -webkit-transform-origin: 50% 100%;
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
    -moz-transform: perspective(200px);
    -ms-transform: perspective(200px);
    -webkit-transform: perspective(200px);
    transform: perspective(200px);
}
.countdown .figure > span {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
	font: normal 1.4em/30px "Lato";
    font-weight: 500;
    color: #fff;
}
.countdown .figure .top-back {
    z-index: 4;
    bottom: 0;
    background-color: #fff;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -moz-transform: perspective(200px) rotateX(180deg);
    -ms-transform: perspective(200px) rotateX(180deg);
    -webkit-transform: perspective(200px) rotateX(180deg);
    transform: perspective(200px) rotateX(180deg);
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
}
.countdown .figure .bottom {
    z-index: 1;
}

.countdown .figure:last-child {
    margin-right: 0;
}
.countdown .bloc-time {
    float: left;
    margin-right: 20px;
    text-align: center;
}
.countdown .bloc-time:last-child {
    margin-right: 0;
}

/*---漢堡選單----*/
.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index:100;
  top: 0;
  right: 0;
  background-color: #111;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 40px; 
}

.sidenav a {
  padding: 5px 0px 10px 30px;
  text-decoration: none;
  font-size: 20px;
  color: #818181;
  display: block;
  transition: 0.3s;
  line-height: 1em;
}

.sidenav a small{ font-size:14px; color:#ffccbb;}
.sidenav a:hover {  color: #fff;}
.sidenav .closebtn {  position: absolute;  top: 0;  right: 25px;  font-size: 36px; margin-left: 50px;}

/*---漢堡ICON----*/
.IsWeb #hambger {  display:none;}
#hambger {  display:block;  transition: margin-right .5s;  padding: 16px;  box-sizing: border-box;  position: relative;  top:-13px;}

.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; }

/*---nav----*/
nav{display:block;width: 100%;text-align: center;height:60px; z-index: 99; position:fixed;  top: 80px; background-color: #fff;}
nav ul li{display: inline-block;margin:0 20px;line-height:60px;}
nav ul li a{display: block;font-size: 1.25em;}
nav ol li{display: inline-block;margin:0 20px;line-height:60px;}
nav ol li a{display: block;font-size: 1.25em;}

/*---另開視窗----*/
.windows{display:none; width:170px;position: absolute;right:0;top:55px;padding:20px 20px 10px 20px;box-sizing: border-box;z-index:10;border:1px solid #000;background-color: #fff;}
.windows a{margin-top: 0;margin-bottom:10px;}
.OpenLoginPanel .windows{display:block;}

.wrapper header + nav + div, .wrapper header + nav + section, .wrapper header + nav + form section.register {
    display: block;
    margin-top: 140px;
}
 
/*---主視覺----*/
.main_visual{ display: block; position: relative;width: 100%;height: 0;padding-bottom:36%;z-index: 1;    }
.slide_img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;}
.slide_img img{ width: 100%;}

/*.dot{display:block;width: 100%; position: absolute;bottom:15px;text-align:center;z-index: 9;}
.dot a{ display: inline-block; width: 10px; height:10px; border-radius: 100%;border:1px solid #333;margin: 0 15px;box-shadow: 0px 0px 7px rgb(0 0 0 / 50%);}
.dot a:hover{background-color: #fff; border-color: #fff;}*/

.bigimage .swiper-pagination{display:block;width: 100%; position: absolute;bottom:15px;text-align:center;z-index: 9;}
.bigimage .swiper-pagination span{ display: inline-block; width: 10px; height:10px; border-radius: 100%;border:1px solid #333;margin: 0 15px;box-shadow: 0px 0px 7px rgb(0 0 0 / 50%); background: unset; opacity: unset;}
.bigimage .swiper-pagination span:hover, .bigimage .swiper-pagination span.swiper-pagination-bullet-active {
        background-color: #fff;
        border-color: #fff;
    }
.bigimage .swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 30px;
}
.bigimage .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0 15px;}

.social_media{display: inline-block; position: absolute;right:10px; top:10px; color: #fff;z-index: 5;z-index: 9;}
.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;}
.social_media a:hover{background: rgba(255,255,255,1);color: #000;}

/*---NEWS----*/
.news{display: flex;justify-content: space-around;flex-wrap: wrap; position:unset;margin:0 20px;}
.news_container div img{box-shadow: 0px 0px 7px rgb(0 0 0 / 30%); margin-bottom: 15px;}
/*.news_container{width:22%;}*/
.news_container span{display: block; font-size: 14px; text-align: right;color: #666;}

.btn_arrow_pre ,.btn_arrow_next{  display: block;  width: 50px;  height: 50px;  border-top: 2px solid #000;  border-left: 2px solid #000;position:absolute;top: 50%;z-index:5;cursor:pointer;}
.news .btn_arrow_next{ transform: rotate(135deg);right:-10px;}
.news .btn_arrow_pre{ transform: rotate(-45deg);left:-10px;}
.news .btn_arrow_next:hover{ right:-15px;}
.news .btn_arrow_pre:hover { left:-15px;}


/* 按鈕樣式 */
.inner_btn{text-align: center;}
.inner_btn a{display:inline-block; width: 250px; height: 50px; text-align: center; line-height: 50px; text-decoration: none; font-size: 18px; font-weight: 500;background-color:#b7a375;margin: 0 25px;border-radius: 30px;font-size: 20px;color: #fff;    margin-top: 30px; border-color:#fff;
}
.inner_btn a:hover{background-color: #847656; }


/*---about tinta----*/
.rule{display: flex; flex-wrap: wrap;justify-content:space-between;}
/*.list_of_points:nth-child(3){border-right: 0;}*/
.list_of_points{width: 33%; box-sizing: border-box; border-right: 1px solid #000;margin-top:40px;padding:0 30px; } 
.list_of_points span{display: block; font-size:4em;font-weight:bold;font-family:sans-serif;font-style: italic;position:relative;top:-30px;text-align: end;}
.list_of_points span:before{display: inline-block; content: "";width:67%; height: 1px;background-color: #000;position: absolute;left: 0;top:10px;}
.list_of_points h3{font-size: 1.6em;margin-bottom: 10px;margin-top: 30px;}
.list_of_points a{display: block;text-align: end;color:#b72c2c;margin-top: 10px;text-decoration:underline;}
.list_of_points p{text-align: justify; } 

/*---廣告欄位----*/
.ad{display: block; max-width: 1200px; height:100px; border:1px solid #000;margin:0 auto;margin-top: 80px;margin-bottom: 80px;text-align: center;}

/*---TINTA WINNER----*/
.last_year_winner{display: flex;flex-wrap: wrap;flex-direction: row;}
.winner_list{width: 30%;font-weight: 500;margin: 0 19px;}
.winner_list p{font-size: 1.25em; color: #c2a84d;margin:5px 0;}
.winner_list em{display: block; margin-bottom: 10px;}
.designer_info{display:flex;justify-content: space-between;padding:20px 0;border-top: 1px solid #000;line-height: 50px;}
.designer_info span{display:inline-block; width:50px; height:50px; border-radius: 100%;overflow: hidden;}

.btn{display: block; width: 250px; height:45px; border-radius: 50px;margin: 0 auto;  border:1px solid #000;text-align: center; line-height: 45px;margin-top: 50px;}
.btn:hover{background-color: #000; color: #fff;}

.project_img {
    display: block;
    position: relative;
    background-color: #eee;
    outline: 5px solid #fff;
    clear: both;
    width: 348px;
    height: 232px;
    overflow: hidden;
}
    .project_img img {
        right: 0;
        left: 0;
        top: 0;
        bottom: 0;
        position: absolute;
        margin: auto;
        width: auto;
        height: 100%;
        max-width: 348px;
    }

/*---designer_of_year----*/
.designer_of_year {
    display: block;
    background-color: #a8925f;
    margin-top: 80px;
    color: #fff;
}
.queue_box{display: flex;justify-content: center;flex-wrap: wrap;}
.queue{width: 20%;padding: 20px;box-sizing: border-box; border:1px solid #fff; border-radius: 10px;margin:0 30px;  }
.queue div{display: block; width: 150px; height: 150px; border-radius: 100%; overflow:hidden;text-align: center;margin: 0 auto;margin-bottom: 20px;}
.queue h3{font-size: 1.3em; color: #fff;}
.queue h4{color: #fff;font-weight: 500;}
.queue .more{display: block; text-align: end;text-decoration: underline; color:#fff;}
.queue:hover {background-color: #fff;}
.queue:hover h3 , .queue:hover h4 , .queue:hover .more{color:#000;}

/*---主辦單位----*/
.organizer{margin-top: 30px;}
.organizer h2{padding-bottom:40px; border-bottom: 1px dotted #bcbcbc;}
.unit{display: flex;justify-content: center;position:unset; align-items:center;flex-wrap: wrap;width: calc(100% - 150px);}
.organizer .unit a img{width:180px; margin: 0 auto; display:inherit;}
.organizer .unit .swiper-wrapper { align-items: center; }
/*.unit a{margin: 0 20px;}*/
.unit .btn_arrow_next{ transform: rotate(135deg);}
.unit .btn_arrow_pre { transform: rotate(-45deg);}	
.unit .btn_arrow_next , .unit .btn_arrow_pre{top: unset;}
.unit .btn_arrow_next{right:0;}
.unit .btn_arrow_pre{left:0;}
.unit .btn_arrow_next:hover{ right:-5px;}
.unit .btn_arrow_pre:hover { left:-5px;}
.wrapper .organizer {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 100px;
}
.wrapper section.organizer.organizer_first {
    padding-top: 70px;
    margin-top: 30px;
}

.unit.NoCarousel { width: auto; }
.unit.NoCarousel a { margin: 0 20px; }

.content  a.btn{ display: block;width: 280px;height: 50px;border: 1px solid #f4744b;line-height: 50px;text-align: center;text-decoration: none;font-size:20px;margin: 0 auto;margin-top: 30px;margin-bottom: 20px; color:#f4744b; cursor:pointer;border-radius: 50px;background-color:#f4744b;color: #fff; }
.content  a.btn:hover {background-color: #000;color: #fff;border-color: #000;}

.descript h3{text-align: left;margin-bottom: 10px;margin-top: 50px;font-size: 1.5em;}
.descript ul {list-style-type: disc;list-style-position: outside;margin-left: 20px;}
.descript ol {list-style-type: disc;list-style-position: outside;margin-left: 20px;}
.descript .note{color:#b90b0b;}
.descript h2{display: block;  font-size: 2.5em;font-weight: 600;margin-bottom: 50px;text-align: center;line-height: 1.6em;}

/*---報名相關----*/
.question_box{display:flex;margin: 40px 0;text-align: left;}
.question_box span{display:block;width:60px;font-size: 1.25em;font-weight:600; }
.question_box div{width:94%;}
.QnA h4{display:block; font-size: 1.25em;font-weight:600; text-align: left;}
.descript strong{display: block; margin-top: 15px;font-weight:600;}
.QnA p{display: block;}
.QnA h3{ padding-top:50px; border-top: 1px dotted #d6d6d6;}

/*---評審陣容 獎項表格----*/
.medals_list{max-width: 900px;text-align: center;margin-top: 30px;}
.medals_list tr:nth-child(even){background-color:#fff;}
.medals_list tr:nth-child(odd){background-color:#e4e4e4;}
.medals_list td{border-right: 1px solid #dbdbdb;vertical-align:middle;}
.medals_list td span{display: block;}
.medals_list td:nth-child(3){width: 20%; border-right: 0;}

/*---獲獎服務----*/
.service_img{display: block; width: 100%;height: 0; padding-bottom:40%; color: #000;background-repeat: no-repeat;background-size:cover;background-position:50% center;position: relative; }

.service_img div{display: block;position: absolute;  top: 0;  right: 0;  bottom: 0;  left: 0;  margin: auto; width:30%;  background-color:rgba(255,255,255,.5);padding:40px;height:38%;   box-sizing: border-box;border-radius: 5px;}
.service_img h2{margin-bottom: 20px;}

.method{display: flex; flex-wrap: wrap;}
.method>p{font-size: 1.25em;font-weight: 500; line-height: 2em; padding: 20px;text-align: left;}
.method div{width:30%; padding: 25px; box-sizing: border-box; margin:19px;background-color:#b7a375;color: #fff;border-radius: 5px;}
.method div span{font-size:3em;font-weight: 600;padding-bottom:5px; border-bottom: 1px solid #fff;}
.descript h3{margin-top:40px;}

.related_img{max-width: 1200px;margin: 0 auto;margin-bottom: 50px;}

/*---footer----*/
.copyright{display: block;width: 100%;  font-size: 12px; background-color: #000; color: #fff; text-align: center;position:relative;padding:15px; box-sizing: border-box;}
.conatct_us{display: flex;justify-content: center;margin:20px 0;}
.conatct_us a{ width: 30px; height: 30px; border-radius: 100%; background-color: #fff;margin:0 10px;}

/*----歷年作品搜吾----*/
.more_search{display: flex; justify-content: space-between; background-color:#e4e4e4;padding: 20px;box-sizing: border-box; border-radius: 5px;flex-wrap: wrap;}
.more_search .block{display:flex; width:48%;flex-wrap: wrap;margin-bottom:0 ;}
.more_search .send_option{ width:50%;margin: auto;}
.search_function a.aSearch{display:block; text-align: end;position: relative;padding-right: 20px;}
.search_function a.aSearch span {display: block;position: absolute;z-index: 2;top: 0px;right:0px;width: 0;height: 0;border: 8px dashed;border-color: #000 transparent;pointer-events: none;outline: #000;margin-top: 10px;border-top-style: solid;border-bottom: none;}
.search_function .more_search em{display: block; text-align: center;width: 100%; margin-top:20px;font-size: 20px; font-weight: 600;color:#b90b0b;font-style: italic;}
.search_function .more_search .send_option a{text-align: center;padding-right: 0;}

/*----加入微信公众号----*/
.conatct_wechat{text-align: center;font-size: 20px;}
.conatct_wechat img{width:40%;}

/*最新消息列表*/
.newest_list ul {
    width: 850px;
    margin: 0 auto;
}

.newest_list li a {
    display: block;
    text-decoration: none;
    overflow: hidden;
    padding: 15px;
    border-bottom: 1px dotted #323030;
    line-height: 1.6em;
}

h2.newest_title:hover {
    color: #f4744b;
}

.newest_list li a span {
    display: inline-block;
    width: 150px;
    height: 100px;
    float: left;
    margin-right: 20px;
}

    .newest_list li a span img {
        display: block;
        width: 150px;
        height: 100px;
    }

.date {
    display: block;
    color: #666;
    font-size: 13px;
}

h2.newest_title {
    display: block;
    font-size: 18px;
    color: #000;
    text-align: left;
    padding-top: 0px;
    line-height: 1.4em;
    margin-bottom:0;
}

.newest_list li a p {
    color: #000;
    font-size: 14px;
}

.newest_list + .page_view {
    width: 850px;
    margin: 0 auto;
}

/*頁碼*/
.page_view {
    display: block;
    text-align: center;
}

    .page_view ul li {
        display: inline-block;
    }

        .page_view ul li a {
            display: block;
            text-decoration: none;
            color: #fff;
            padding: 0 10px;
            border-radius: 50%;
        }

a.page_view_icon {
    display: inline-block;
    text-decoration: none;
    color: #fff;
    padding: 0 10px;
    border-radius: 50%;
}

/*分頁 Begin*/
.page_view_inner {
    height: 30px;
    text-align: center;
    display: block;
    justify-content: center;
}

    .page_view_inner a {
        margin: auto 3px;
        padding: 0;
        height: 30px;
        width: 30px;
        text-align: center;
        color: #000;
        line-height: 30px;
        font-size: 16px;
        text-decoration: none;
        display: inline-block;
        box-sizing: border-box;
        border-radius: 50%;
        margin: 0 10px;
    }

        .page_view_inner a.page_view_icon {
            margin: 0 10px;
            height: 30px;
            text-align: center;
            color: #000;
            line-height: 30px;
            font-size: 16px;
            text-decoration: none;
            display: inline-block;
            padding:0;
        }

    .page_view_inner .currentNum {
        margin: 0 10px;
        padding: 0;
        border: 0px currentColor;
        height: 30px;
        text-align: center;
        color: #fff;
        line-height: 30px;
        width: 30px;
        font-size: 16px;
        text-decoration: none;
        display: inline-block;
        box-sizing: border-box;
        background-color: #b7a375;
        border-radius: 50%;
    }

    .page_view_inner a[disabled=disabled] {
        color: #000;
    }

    .page_view_inner a:hover {
        background-color: #847656;
    }
    .page_view_inner a.page_view_icon:hover {
        background-color: #847656;
        color: #fff;
    }
.centerPage {
    text-align: center;
}

.page_view_inner .page_allResult {
    margin: auto;
    padding: 0px 8px;
    height: 30px;
    text-align: center;
    color: #000;
    line-height: 30px;
    font-size: 16px;
    float: right;
    display: inline-block;
}
/*分頁 End*/

/*最新消息內頁 begin*/
.page_view ul li a:hover {
    background-color: #d0431e;
    border-radius: 50%;
}

.newest_article h2 {
    font-size: 22px;
    line-height: 1.8em;
}

.newest_article h3 {
    line-height: 2em;
    color: #5f67cf;
    margin-top: 30px;
}

.newest_article p {
    font-size: 16px;
}
.editor_imgDescription {
    font-size: 14px;
}

.newest_article span {
    /*width: 900px;
    height: 600px;*/
    margin: 0 auto;
    margin-top: 20px;
}

.newest_article p a {
    color: #996600;
    text-decoration: none;
    display:unset;
}
.newest_article strong {
    font-weight: bolder;
}

.newest_article em {
    text-decoration: underline;
    color: #009e96;
}

.newest_article span img {
    display: block;
    width: 900px;
    height: 600px;
    margin: 0 auto;
}

.newest_article .editor_video {
    position: relative;
    padding-bottom: 54.25%;
}

    .newest_article .editor_video iframe {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        width: 900px !important;
        height: calc(900px / 16 * 9) !important;
        margin: 0 auto;
    }

.div_btn {
    display: block;
    overflow: hidden;
    margin: 0;
    text-align: center;
    margin-bottom: 50px;
}

    .div_btn a.btn {
        display: inline-block;
        margin: 20px;
    }

.winner_list table {
    width: 100%;
    font-size: 14px;
    margin-bottom: 40px;
    margin-top: 10px;
}

    .winner_list table th {
        font-size: 14px;
        padding: 5px 0;
    }

        .winner_list table th[scope="col"] {
            background-color: #5f67cf;
        }

    .winner_list table tr:nth-child(odd) {
        background-color: #1a1a1a;
    }

    .winner_list table tr:nth-child(even) {
        background-color: #262626;
    }

    .winner_list table th:nth-child(even) {
        border-right: 1px solid #0d0d0d;
        border-left: 1px solid #0d0d0d;
    }

    .winner_list table th:nth-child(4) {
        border-right: 0;
        border-left: 1px solid #0d0d0d;
    }

    .winner_list table th:nth-child(odd) {
        width: 15%;
    }

    .winner_list table th:nth-child(3) {
        width: 30%;
    }

/*最新消息內頁 end*/

/*線上展覽 begin*/
/*歷屆回顧*/
.review_box {
    display: block;
    position: relative;
    overflow: auto;
    overflow-y: hidden;
    overflow-x: hidden;
    padding-top:70px;
}

    .review_box h2 {
        display: block;
        font-size: 2.5em;
        text-align: center;
        font-weight: 600;
        padding-top: 50px;
        line-height: 1.6em;
        color: #000;
        margin: 0 auto;
        background-color: transparent;
        position: relative;
        z-index: 5;
    }

.Carousel_ReviewBox {
    display: block;
    width: 800px;
    margin: 0 auto;
    text-align: center;
    z-index: 1;
    position: absolute;
    left: 50%;
    margin-left: -400px;
    height: 48px;
    padding-top: 40px;
}
.img_full .btn_arrow_next{ transform: rotate(135deg);right:10px;}
.img_full .btn_arrow_pre{ transform: rotate(-45deg);left:10px;}
.img_full .btn_arrow_next:hover{ right:15px;}
.img_full .btn_arrow_pre:hover { left:15px;}

.img_full div.swiper-slide.IsAfter:after {
    display: block;
    position: absolute;
    content: 'AFTER';
    color: #fff;
    bottom: 0.5em;
    background-color: rgba(3,3,3,.25);
    margin: 5px;
    padding: 3px 8px;
}
.img_full div.swiper-slide.IsBefore:after {
    display: block;
    position: absolute;
    content: 'BEFORE';
    color: #fff;
    bottom: 0.5em;
    background-color: rgba(3,3,3,.25);
    margin: 5px;
    padding: 3px 8px;
}

.Carousel_ReviewBox .btn_arrow_pre ,.Carousel_ReviewBox .btn_arrow_next{  width: 20px;  height: 20px;  }
.Carousel_ReviewBox .btn_arrow_next{ transform: rotate(135deg);right:5px;}
.Carousel_ReviewBox .btn_arrow_pre{ transform: rotate(-45deg);left:5px;}
/*歷屆回顧-類別*/
.review_years li {
    display: inline-block;
    margin-right: 20px;
}

.review_years li a, .review_kinds li a, .review_list ul li a {
    text-decoration: none;
    font-size: 16px;
    color: #000;
}

    .review_years li a:hover, .review_years li a:focus, .review_years .review_years_selected a, .active a {
        /*color: #fff;*/
        color: #b7a375;
        font-size: 18px;
    }

.review_kinds {
    display: block;
    text-align: center;
    margin-top: 100px;
}

    .review_kinds li {
        display: inline-block;
        margin: 15px 10px;
    }

        .review_kinds li a {
            display: block;
            color: #000;
            width: 170px;
            border: 1px solid #000;
            border-radius: 30px;
            height: 40px;
            line-height: 40px;
        }
            .review_kinds li a.li_en {
                padding: 10px 15px;
                display: block;
                color: #000;
                width: auto;
            }


                .review_kinds li a:hover, .review_kinds li a:focus, .review_kinds .review_kinds_selected a, .review_kinds .review_kinds_selected_en a, .review_kinds li a.li_en:hover {
                    /* border-bottom: 2px solid #ff3530; */
                    border: 1px solid #000;
                    background-color: #000;
                    color: #fff;
                }

.tabs_active .review_years .arrow_pre, .review_years .arrow_next {
    display: inline-block;
    width: 20px;
    height: 20px;
    font-size: 20px;
}

/*歷屆回顧-條列*/
.review_list ul {
    display: block;
    overflow: hidden;
    margin-bottom: 80px;
    margin-left: 100px;
}

    .review_list ul li {
        display: block;
        width: 400px;
        height: 220px;
        float: left;
        box-sizing: border-box;
        position: relative;
        margin-right: 140px;
        margin-top: 70px;
    }

        .review_list ul li:nth-child(2n) {
            margin-right: 0px;
        }

.review_list_img {
    display: block;
    width: 160px;
    height: 300px;
    float: left;
    margin-right: 20px;
}

    .review_list_img img {
        display: block;
        width: 160px;
        height: 160px;
        border-radius: 50%;
        margin: 0 auto;
    }

.review_list_info {
    display: block;
    line-height: 1.6em;
}

    .review_list_info h3 {
        width: 100%;
        font-size: 22px;
        font-weight: bold;
        line-height: 1.4em;
        color: #b7a375;
    }

    .review_list_info h4 {
        width: 100%;
        font-size: 16px;
        color: #000;
    }

    .review_list_info i, .review_list_info p {
        display: block;
        color: #000;
        margin-top: 10px;
        word-break: break-all;
    }

        .review_list_info i:before {
            display: block;
            /*content: "作品名稱 /";*/
            margin-right: 10px;
            color: #666;
        }

        .review_list_info i span {
            display: block;
            color: #666;
        }

        .review_list_info p:before {
            display: block;
            /*content: "作品說明 /";*/
            margin-right: 10px;
            color: #666;
        }

        .review_list_info p span {
            display: block;
            color: #666;
        }

.review_list ul li a {
    display: block;
    width: 100px;
    text-align: center;
    padding: 5px;
    color: #fff;
    background-color: #000;
    margin: 0 auto;
    margin-top: 20px;
    float: right;
    position: absolute;
    right: 0;
    bottom: 0;
    border-radius: 5px;
}

    .review_list ul li a:hover {
        background-color: #b7a375;
        color: #fff;
    }
/*英文語系的線上展覽寬度放寬*/
.language2 .review_list ul li a {
    width: 150px;
}
/* 歷屆回顧-下載網址*/
.review_download {
    text-align: center;
}

    .review_download a.btn {
        display: inline-block;
    }

        .review_download a.btn:nth-child(even) {
            margin-left: 30px;
        }

/*歷屆回顧-內頁*/
.review {
    width: 100%;
    margin-top: 30px;
    display: flex;
    justify-content: center;
}

    .review .review_list_info {
        width: 60%;
        margin-bottom: 30px;
    }

    .review .review_list_img {
        height: 250px;
    }

    .review .fb_box {
        position: absolute;
        right: 0;
        top: 70px;
    }

.history_reivew_video {
    display: block;
    width: 900px;
    margin: 0 auto;
    margin-bottom: 50px;
    margin-top: 30px;
}

    .history_reivew_video img {
        width: 900px;
    }

.scene {
    height: 200px;
}
/* 線上展覽 & 歷屆回顧 & 投票 的 作品瀏覽*/
.vote_project_view {
    display: block;
}

    .vote_project_view .img_full .swiper-slide {
        max-height: 640px;
        height: calc(100vw*.9/3*2);
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .vote_project_view .img_full .swiper-slide img {
            height: 100%;
            width:auto;
/*            max-width: 90%;*/
        }
    /*輪播的分頁*/
    .vote_project_view .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
        position: relative;
        top: 3px;
    }
/* 線上展覽 & 歷屆回顧 & 投票 的 縮圖*/
.vote_project_view .swiper-container-thumbs .swiper-slide img {
    width: 100%
}

.vote_project_view .swiper-container-thumbs {
    height: 113px;
    padding: 10px 0;
}

    .vote_project_view .swiper-container-thumbs .swiper-slide {
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        cursor: pointer;
    }

    .vote_project_view .swiper-container-thumbs .bgImage {
        height: 100%;
        background-color: rgba(16, 11, 10, 0.4);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
    }

    .vote_project_view .swiper-container-thumbs .swiper-slide {
        opacity: .3;
    }

    .vote_project_view .swiper-container-thumbs .swiper-slide-thumb-active {
        opacity: 1;
    }
/*線上展覽 end*/

/*評審頁*/
.person_box{display:flex; justify-content:flex-start;flex-wrap: wrap;}
.person_box>div{display: block; width:20%;margin:30px 28px; position:relative;}
.person_box>div img{ display: block;width: 80%; margin: 0 auto;margin-bottom: 20px;border-radius: 100%; -moz-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.3), inset 2px 4px 0 0 rgba(255, 255, 255, 0.08);
    -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.3), inset 2px 4px 0 0 rgba(255, 255, 255, 0.08);
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.3), inset 2px 4px 0 0 rgba(255, 255, 255, 0.08);}
.person_box>div h3{display: block; font-size:1.5em;text-align: center;margin-bottom: 15px;color: #000;}
.person_box>div ul li{list-style-type:disc; list-style-position: outside;margin-left:0px;}
.descript .person_box ul{ list-style-position: inside; padding-left: 20px; margin-left:0;}

/*---展開下拉收起箭頭----------------*/
.arrowed{margin-top:.5em;}
.arrowed a div {display:block;position:absolute;margin:0 auto;left:45%;}
.arrowed a div.arrow-1 {display:block;height: 15px; width: 15px;	border: 1px solid #000;	border-width: 2px 0 0 2px;	transform: rotate(45deg);}
.ulLimitMaxHeight + .arrowed a div.arrow-1 {display: block;	height: 15px; width: 15px;	border: 1px solid #000;	border-width: 0 2px 2px 0;	transform: rotate(45deg);}
/*.arrowed a div.arrow-2 {display:block;height: 15px; width: 15px;	border: 1px solid #000;	border-width: 2px 0 0 2px;	transform: rotate(45deg);}
.arrowed a:hover div.arrow-1 , .arrowed a:hover div.arrow-2{border-color:#000; } */

/*RWD BEGIN*/
@media (min-width:320px) and (max-width:1700px) {  
    .service_img div{ width:42%; height:60%; }

}

@media (min-width:320px) and (max-width:1200px) {  
.news{justify-content:center;}
.news_container{width:22%;/*margin:10px;*/}
.list_of_points span:before{width:60%; }
.arrow-right , .arrow-left{  width: 40px;  height: 40px;}
.arrow-right,.unit .btn_arrow_next,.news .btn_arrow_next{ transform: rotate(135deg);right:10px;}
.arrow-left,.unit .btn_arrow_pre,.news .btn_arrow_pre { transform: rotate(-45deg);left:10px;}	
.arrow-right:hover,.unit .btn_arrow_next:hover,.news .btn_arrow_next:hover{ right:10px;}
.arrow-left:hover,.unit .btn_arrow_pre:hover,.news .btn_arrow_pre:hover  { left:10px;}
.winner_list{margin: 0 16px;}
.ad{display: none;}
.queue{width:26%;}
/*.unit_items:nth-child(4n+1){display: none;}*/
.service_img div{height:65%; }	
.method div{margin: 16px;}
.service_img_en div{height: 80%;}
}

@media (min-width:320px) and (max-width:1024px) { 
    nav{display:none;}
    .medals_list{text-align: left;}
    .medals_list td:nth-child(3){width:auto;}
    .service_img div{ width: 65%;}	
	.person_box{justify-content: center;}
    .person_box>div{ width:40%;} 
}

@media (min-width:320px) and (max-width:950px) { 
section{padding: 30px 20px;}
.countdown{display:none;}
nav{display:none;}
.wrapper header + nav + div.content{ margin-top:80px; }
.news_container{width:28%;/*margin:10px;*/}
/*.news_container:nth-child(4){display:none;}*/
.list_of_points{padding: 0 20px;}
.list_of_points span{font-size: 3em;}
.list_of_points h3{margin-top: 0px;}
.winner_list{width: 45%;}
.queue{margin:0 15px;width: 28%;}
/*.unit_items:nth-child(3n+1){display: none;}*/
.descript {text-align: justify;padding-bottom: 50px;}	

.medals_list td:nth-child(3){width: 100%;}
.medals_list td:before {min-width:20%;}
.medals_list td{border-right:0;}
.medals_list td span{display:inline-block;}
.medals_list td[data-title="Prize"]	span{display: block;margin-left:20%;}
.QnA p{margin-left: 0;}
	
.service_img{padding-bottom:70%;}	
.service_img_en div{height: 70%;}
.method {justify-content: space-between;}
.method div{width: 45%;}

.newest_list ul,.newest_list + .page_view{width:100%;}
h2.newest_title{overflow:hidden;}
.newest_list li a p{display:none;}
.page_view_inner{display:flex; height:40px;}
 .page_view_inner .currentNum { height: 40px; line-height: 40px; width: 40px; }
 .page_view_inner a.page_view_icon{ height: 40px; line-height: 40px; }
 .page_view_inner a{ width: 40px; }
    .newest_article{padding:20px;}
        .newest_article table{width:100% !important; word-break: break-all;}
        .newest_article span img{width:100%;height:auto;}
        .newest_article table td { border: 1px solid #000; padding: 3px; }
    .vote_project_view .swiper-container-thumbs{display:none}
    .Carousel_ReviewBox{ width: 100%; left: 0; margin-left: 0;}
    .review_kinds li{margin:8px 4px;}
    .review { flex-direction: column; padding: 20px; box-sizing: border-box;}
    .review_list { margin-top: 50px; }
    .review_list ul.exhibition{display: flex; flex-direction: column; justify-content: center; margin-left: 0;}
    .review_list ul li{ display: flex; width: 100%; float: unset; height: auto; margin-right: 0; margin-top: 0; flex-direction: column; justify-content: center; margin-bottom: 50px;}
    .review .review_list_img { float: unset; margin-right: 0; width: 100%; height:unset;}
    .review .review_list_info { width: 90%; margin: 0 auto; }
    .review_list_info h3,.review_list_info h4 { text-align:center;}
    .review_list .review_list_img { width: 100%; height: auto; margin-bottom: 10px;}
    .review_list_info i { text-align: center; }
    .review_list ul li a { position: inherit; }
}

@media (min-width:320px) and (max-width:640px) { 
section{padding-bottom: 0;}
.language{display: none;}
.queue{width:100%;}
/*.news_container:nth-child(2n+1){display:none;}*/
.news_container{width:90%;}
.social_media{display: none;}
.list_of_points{width:100%;margin-bottom:50px;border-right: 0;} 
.list_of_points span{font-size: 4em;}	
.list_of_points span:before{width:80%; }
.winner_list{width: 100%;margin:20px;}
.queue{width: 60%;margin-bottom: 50px;}
/*.unit_items:nth-child(4n+1){display: none;}*/
.method div{width:48%;margin:15px 0;}
.descript h3{font-size: 1.25em;}
.service_img_en div{height: 85%;}
}

@media (min-width:320px) and (max-width:540px) { 
h2 , .descript h2{font-size:1.8em;}
.list_of_points span:before{width:70%; }
/*.unit_items:nth-child(5n+1){display: none;}*/
.service_img{padding-bottom:100%;}	
.service_img div{height:70%;}
.service_img_en div{ width: 80%; height: 80%;}
.method div{width: 100%;}
.medals_list td[data-title="獎勵"] span{display: block;margin-left:20%;}
.person_box>div{ width:70%;} 
}

@media (min-width:320px) and (max-width:414px) { 
.arrow-right, .arrow-left{width: 30px; height: 30px;}
.logo img{width:70%;margin-top:10px;margin-left: 5px; }
.queue{width:80%;}
.service_img div{width:80%;height: 80%; }
.service_img_en div{ width:90%; height:90%;}

}

@media (min-width:320px) and (max-width:375px) { 
.language{display: none;}
.list_of_points span:before{width:60%; }
/*.unit_items:nth-child(2n+1){display: none;}*/
.service_img div{width:90%;height:75%;padding: 15px; }
.service_img_en div{ width:90%; height:90%;}
.medals_list td[data-title="Award"]	span{display: block;margin-left:20%;}

}

@media (min-width:320px) and (max-width:320px){
    .service_img div{height:85%; }
    .service_img_en div{ width:100%; height:100%;border-radius: 0;}
    .medals_list td:before {min-width:23%;}
    .medals_list td[data-title="Prize"]	span , .medals_list td[data-title="Award"]	span{margin-left:23%;}
    .medals_list td[data-title="獎勵"] span{margin-left:23%;}
}
/*RWD END*/