.wrapper{ display: block; max-width:1200px; margin: 0 auto;box-sizing: border-box; margin-bottom:50px;overflow: hidden;}
.wrapper h2 , .design_topic h2 , .new_in h2 , .designer_personal_review h2{display:block; font-size:1.8em; line-height:2em; font-weight:500;}
.scale{transform:scale(1.07);-moz-transition: all .3s;-ms-transition: all .3s;transition: all .3s;}

/*---------風格空間搜尋---------*/
.library_items_select , .library_select_style{display: block; max-width:2000px;position:relative;/*top:90px;*/ overflow: hidden; }
.select_space ul{ width: 100%;  overflow: hidden;}
.select_space ul li {display: inline-block; width:25%;height: 223px; float:left;/*padding-bottom: 16.6%;*/ overflow:hidden; position: relative;}
.select_space_img{display:block; width: 100%;  /*padding-bottom:66.4%;*/position: relative;}
.select_space_img img{ width: 100%;}
.select_space ul li:hover .select_space_img{transform:scale(1.07);-moz-transition: all .3s;-ms-transition: all .3s;transition: all .3s;}
.select_space ul li a{display:block; width: 100%; height:0; padding-bottom:66.4%;  background: rgba(0,0,0,.4);color: #fff;text-align: center;position: absolute;top: 0 ;left: 0; z-index: 3;}
.select_space ul li a h2{display:block; font-size:2.6em; line-height: 1.6em; font-weight:400;padding-top:20%;}
.select_space ul li a i{ display:none; width: 40px; height: 40px; margin: 0 auto; font-size:2em;}
.select_space ul li:hover a{ background: rgba(0,0,0,.6);-moz-transition: all .3s;-ms-transition: all .3s;transition: all .3s;  }
.select_space ul li:hover a span{ display: none;}
.select_space ul li:hover i{ display: block; }
.library_select_style{margin-bottom:150px;}
.select_space .arrow { margin-top: -70px;}

/*---------色彩空間搜尋---------*/
.library_colors{ display: block;position: relative;text-align: center; padding-top: 60px } 
.select_colors{ display: block; margin: 20px 0;}
.select_colors li{ display: inline-block;width: 30px; height: 30px; border-radius: 50%;margin:0 5px;border:5px solid #fff;}
.select_colors li .Red{background-color:#d33333;}
.select_colors li .Orange{background-color:#ffb11b;}
.select_colors li .Yellow{background-color:#fbe251;}
.select_colors li .Green{background-color:#1b813e;}
.select_colors li .Blue{background-color:#1866a8;}
.select_colors li .Purple{background-color:#77428d;}
.select_colors li .Black{background-color:#1a1a1a;}
.select_colors li .White{background-color:#f5f5f5;}
.select_colors li .Gray{ background-color: #bbbbbb;}
.select_colors li a{display: block;width: 30px; height: 30px; border-radius: 50%; background-color:#333;}
.select_colors li:hover, .select_colors li.Selected{border:5px solid #d3d3d3;}
.search_colors_results ul li { display: inline-block; width: 33.33%;float: left;height: 0; padding-bottom:22.22%;overflow: hidden; }
.search_colors_results ul li a{display: inline-block; width: 100%;float: left;height: 0; padding-bottom:66.7%;}
.colors_results_img img{ width: 100%;}
.search_colors_results ul li:hover a{transform:scale(1.07);-moz-transition: all .3s;-ms-transition: all .3s;transition: all .3s;}

/*---------設計專題---------*/
.design_topic{ background-color:#efefef; padding: 20px 0; box-sizing: border-box;position: relative;overflow: hidden;padding-bottom: 50px;}
.design_topic_wrapper{max-width: 1300px;text-align: center;margin: 0 auto;overflow: hidden;}
.design_topic_wrapper ul li{height: 320px;}
.design_topic_wrapper li:first-child{ margin-left:0;}
.design_topic_wrapper li:last-child{margin-right:0;}
.design_topic_wrapper li:nth-child(even){ margin-top:45px;}
.topic_box{ display:block; /*width:21%;*/margin: 20px 0;float: left; overflow:hidden;}
.topic_box a{display:inline-block; width:100%;}
.topic_img{width:273px; max-height:182px; height:auto;/*height: 0; padding-bottom:66.2%;*/ overflow:hidden;}
.topic_img img{ width: 100%;}
.topic_box a:hover .topic_img{transform:scale(1.07);-moz-transition: all .3s;-ms-transition: all .3s;transition: all .3s;}
.topic_box a h3{font-size: 1.2em; font-weight: 400;margin-top: 10px;}
.topic_box a:hover h3{ color: #00776c;}
.topic_box a span{display: block; font-weight: 500;margin-top:5px; color: #009688;}
.design_topic .btn_plus{ position: absolute;right: 0; bottom: 0;}
.design_topic .bx-wrapper .bx-viewport {
    left: 0;
    background: #efefef;
}
.design_topic .bx-wrapper .bx-controls {
    display:none;
}

/*----------策展專題----------*/
.curatorial{ display: block;position: relative;text-align: center;margin-top:70px;}
.curatorial h2{ padding: 0 20px; box-sizing: border-box; line-height: 1.6em; margin-bottom: 20px;}
.curatorial ul{display: block; margin-top: 50px;text-align: center; overflow: hidden; margin: 0 auto; margin-top:20px;}
.curatorial ul li{ /*display:block;width:33.3%;float: left;*/ margin: 0; padding: 0; width:1200px;  }
/*.curatorial ul li:nth-child(odd){ margin-top:12%; }*/
.curatorial ul li div{/*display:block; width:100%; height:0px;padding-bottom:66.7%; overflow: hidden;margin-top: -1px;*/ display: inline-block; float: left; margin: 0; padding: 0;}
.curatorial ul li div:first-child, .curatorial ul li div:nth-child(3) { margin-top: 150px; }
.curatorial ul li div:nth-child(5) { margin-top: -150px; }
.curatorial ul li div:nth-child(7) { margin-top: -150px; margin-left: 399px; }
.curatorial ul li div a{display:block;/*width:100%; height:0px;padding-bottom:66.7%;*/ margin: 0; padding: 0; width: 399px; height: 266px; overflow:hidden; }
.curatorial ul li div a img{ width: 100%;}
.curatorial ul li div a:hover{transform:scale(1.07);-moz-transition: all .3s;-ms-transition: all .3s;transition: all .3s;}
.curatorial .btn_plus{position: absolute;right: 0; bottom: 0;}
.curatorial .bx-wrapper .bx-viewport { left: 0; }
.curatorial .bx-wrapper .bx-controls { display:none; }

/*---------最夯案例---------*/
.new_in{text-align: center;display: block; max-width:2000px; overflow:hidden;position:relative; z-index:2; text-align:center; margin-top:100px;}
.new_in .new_in_full_img{display: block; width:100vw; height:500px; background-position: 50% center; background-repeat: no-repeat; position: relative;z-index:3;margin-top:20px;  background-size: cover;}
.new_in_info{ display: block; width: 400px;height: 400px; position: absolute; top:130px;right: 50%; margin-right: -510px; background-color: #fff;z-index:4; box-shadow: 0px 0px  20px rgba(0,0,0,.7);}
.new_in_img{ display: block; width: 400px; height: 267px; overflow: hidden;}
.new_in_img a{ display: block; width: 400px; height: 267px;overflow: hidden; }
.new_in_img a:hover{transform:scale(1.07);-moz-transition: al .3s;-ms-transition: all .3s;transition: all .3s;}
.new_in_img a img{width: 100%; }
.new_in_info h3 {font-size: 1.4em;font-weight: 500;}
.new_in_info h3 , .new_in_info i{display: block;  padding: 0 20px; box-sizing: border-box; line-height: 1.6em;}
.new_in_info h3 a:hover{ color:#009688; }
.new_in_info i a:hover{color:#000;}

.new_in .arrow{box-shadow: 1px -1px 0 1px #333 inset;  -webkit-box-shadow: 2px -2px #333 inset; }
.new_in .arrow:hover{box-shadow: 2px -2px 0 2px #333 inset;  -webkit-box-shadow: 4px -4px #333 inset;}
/*.new_in .arrow-left{left:50%; margin-left:0px;}
.new_in .arrow-right{right:50%; margin-right:-620px; }*/

.new_in .new_in_info .bx-wrapper .bx-viewport{left:0}
.new_in_info .arrow-left{left: -28%;top: 42%;margin-left: 0px;}
.new_in_info .arrow-right{right: 133%;margin-right: -643px;top: 42%;}


/*---------設計師策展個人REVIEW---------*/
.social_g{
    overflow:hidden;
    max-width:380px;
    min-width:320px;    
	margin:0 auto;
    margin-bottom: 20px;
    padding-top:20px;
}
.designer_curatorial{display: block;  position: relative; /*top:90px;*/ background-color:#eee; padding-bottom: 50px;}
.designer_personal_review{ display: block; /*background:linear-gradient(90deg, #eee 60%,  #282828 40%); 
background: -moz-linear-gradient(90deg, #eee 60%,  #282828 40%);background: -webkit-linear-gradient(90deg, #eee 60%,  #282828 40%);*/ padding:40px 0;text-align: center; overflow: hidden;}
.review_pic{ display: block; width: 200px; height: 200px; border-radius: 50%; margin:0 auto; overflow: hidden;box-shadow:0px 0px 6px 3px rgba(20%,20%,40%,0.2); margin-top: 20px; }
.review_pic a{display: block; width: 200px; height: 200px; border-radius: 50%;}
.review_pic a:hover{transform:scale(1.07);-moz-transition: all .3s;-ms-transition: all .3s;transition: all .3s;}
.review_pic a img{width: 100%;}
.designer_personal_review h2~a{ display: inline-block; padding: 5px 20px;margin: 10px;  border:1px solid #333;font-weight:400;}
.designer_personal_review h2~a:hover{ color:#fff;   background-color: #009688;border-color: #009688; }
/*.social_area{display: block;width: 100%;    padding-top: 50px;text-align: center;}*/
.designer_curatorial .social_g .fb_base { margin-top:25px;}
.designer_curatorial .social_g .line_base { display:inline-block; float:left; margin-left:7px;margin-top: 4px;}

/*---------策展banner---------*/
.curatorial_content .wrapper{display: block;  position:relative; background-color: #fff;  padding: 30px; box-sizing: border-box;box-shadow:0px 0px 6px 1px rgba(20%,20%,40%,0.1);}
.curatorial_content_banner{ display: inline-block; max-width:48%; height:207px;  overflow: hidden;float: left}
.curatorial_content_banner img{ width: 100%;}
.curatorial_content_description{ display:inline-block; width: 52%; padding:0 40px; box-sizing: border-box;}
.curatorial_content_description h2{ margin-bottom: 10px; line-height: 1.6em;}
.curatorial_content_description a{ display: block; }
.curatorial_content_description a:hover h2{ color:#009688; }
.curatorial_content_description a:hover p{ color: #000;}
.curatorial_content_description a + a{ text-decoration: underline; font-size: 16px; float: right; }
    .curatorial_content_description a + a:hover { background-color: transparent; color: #009688; }

/*---------圖片策展列表---------*/
.theme{ display: block; background-image: url(/images/LibCuration/theme.png);max-width:820px; height: 100px;margin: 0 auto; background-size: contain;background-repeat: no-repeat;margin-bottom: 10px;}
.pic_curatorial ul { display:table; margin: 0 auto; overflow: hidden;margin-top:30px;text-align: center;}
.pic_curatorial ul li{ display: inline-block;  position: relative;}
.pic_curatorial ul li a{display:block; padding: 5px 15px; box-sizing: border-box;font-size:20px; line-height:30px;font-size: 1.2em; font-weight: 400; }
.pic_curatorial ul li a:before{ content: ""; display: block; width: 1px; height: 20px; background-color:#424242; position: absolute; left:0px; top:12px;}
.pic_curatorial ul li:first-child a:before{display:none;}
.pic_curatorial ul li a:hover, .pic_curatorial ul li.ItemSelected a{ background-color:#009688; color: #fff;}

.pic_list{ display: inline-block; width:23%; float: left; margin:20px 12px 0 12px;  height: 235px; overflow:hidden;}
.pic_curatorial_img{ /*display: block; width: 100%;height:0; padding-bottom:66.5%;*/overflow: hidden;}
.pic_curatorial_img a{ display: block; width: 100%; height:0; padding-bottom:66.5%; position:relative; background-color:#ccc; overflow: hidden;}
.pic_curatorial_img a:hover{transform:scale(1.07);-moz-transition: all .3s;-ms-transition: all .3s;transition: all .3s;}
.pic_curatorial_img a img{/*width: 100%;*/    position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; width: auto; height: 100%;}
/*.pic_curatorial_img { position: relative; float: left; width: 276px; height: 184px; text-align: center; overflow: hidden; margin-right: 2.6%; margin-bottom: 2.6%; }
.pic_curatorial_img a { display: block; width: 100%; height: auto; }
.pic_curatorial_img a img {  position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; width: auto; height: 100%; }*/
.pic_list_margin_left{margin-left: 0;}



/*---------箭頭---------*/
.arrow {  position: absolute;  padding: 3rem; box-shadow: 1px -1px 0 1px #fff inset;  -webkit-box-shadow: 2px -2px #fff inset;  border: solid transparent;  border-width: 0 0 2rem 2rem;  transition: 0.2s;  z-index: 5;top: 50%;  margin-top:-40px;  }
.arrow:hover {  box-shadow: 2px -2px 0 2px #fff inset;  -webkit-box-shadow: 4px -4px #fff inset;}
.arrow-right {  transform: rotate(225deg); right: 0; margin-right: 0px;}
.arrow-left {  transform: rotate(45deg);left: 0;}

/*----------dotdotdot---------*/
.dotdotdot{text-align: center;} 
.dotdotdot a{ display:inline-block; width:10px; height:10px; border-radius:100%; background-color:#999; margin: 0 5px;}
.dotdotdot a:hover{background-color:#000;}

/*----------more按鈕---------*/
.btn_plus a{ display: block; width:150px; height:40px; line-height: 40px; text-align: center;background-color:#333;color: #fff; font-size: 14px;}
.btn_plus a:hover{background-color:#009688;}

/*----------輪播箭頭----------*/
.btn_pagination { display: inline-block;margin-top: 20px;  }
.btn_pagination a{display: inline-block; padding: 5px; box-sizing: border-box; width:30px; height: 30px; font-size: 1.3em; border:1px solid #333; color: #333; margin:  0 5px;text-align: center; cursor:pointer;}
.btn_pagination a:hover{ background-color: #333; color:#fff;}


footer{ position: relative;}

.media_group li{background-color: #eee}


@media screen and (max-width: 1024px) {
    
 /*---------風格空間搜尋---------*/
/*.library_items_select , .library_select_style{top:50px; }*/
.select_space ul li {height: 170px}
.select_space ul li a h2{ font-size:2em; padding-top:18%;}
.library_items_select .arrow , .library_select_style .arrow {   padding: 1.5rem; }
.library_select_style{margin-bottom:100px;}
.select_space .arrow { margin-top:-40px;}
    
/*---------設計專題---------*/
/*.design_topic_wrapper li:first-child{ margin-left:20px;}
.topic_box{ margin: 20px; }*/   
.topic_img{width:215px; max-height:143.33px; height:auto;}

/*---------策展專題---------*/
.curatorial ul li div:first-child, .curatorial ul li div:nth-child(3) { margin-top: 80px; }
.curatorial ul li div:nth-child(5) { margin-top: -80px; }
.curatorial ul li div:nth-child(7) { margin-top: -80px; margin-left: 256px; }
.curatorial ul li div a{width: 256px; height: 170.67px;  }

/*---------最夯案例---------*/
.new_in_info{  margin-right: -400px; }
.new_in .arrow-left{    left: 0;margin-left: -100px;}
.new_in .arrow-right{right:0; margin-right:-100px; }

/*---------設計師策展個人REVIEW---------*/
.social_g .google_share_2013 {display:none;}
.social_g .fb_like_2013 {margin-right: 10px !important; line-height:20px;  margin-top: 20px;margin-left: 10px; }
/*.designer_curatorial{ top:50px;}*/
    
/*---------圖片策展列表---------*/
.pic_curatorial ul {margin-top:0px;}
.pic_list{ display: inline-block; width:23%; float: left; margin:20px 0 0 20px;}
.pic_list_margin_left{margin-left:10px;}
    
}



@media screen and (min-width:640px) and (max-width:768px) { 

/*---------風格空間搜尋---------*/    
.select_space ul li {height: 127px}
.select_space ul li a h2{ font-size:2em; padding-top:5%;}
.select_space ul li a span{ display:none;}
.select_space ul li a i{ display: block;font-size:1.5em; }
.select_space .arrow{ padding:1rem;}
.select_space .arrow { margin-top:-35px;}
.select_space .arrow-right { right:-3%;}
.select_space .arrow-left{left:-3%;}   

/*---------設計專題---------*/
/*.design_topic_wrapper{ padding: 0 10px;box-sizing: border-box;}
.design_topic_wrapper li:first-child{ margin-left:0px;}
.topic_box{ width:23%;margin:20px 9px; }*/
.design_topic .btn_plus{ position: absolute;left: 0; }
   
/*----------策展專題----------*/   
.curatorial .btn_plus{position:absolute;left: 0; bottom:-70px; } 
    
/*---------最夯案例---------*/
.new_in{ margin-top:130px;}
.new_in_info{  margin-right: -200px; }
.new_in .arrow-left{left:50%; margin-left:-300px;}
.new_in .arrow-right{right:50%; margin-right:-300px}
 
/*---------策展banner---------*/
.curatorial_content .wrapper{ padding:20px;}
.curatorial_content_banner{ height:135px;}
.curatorial_content_banner img{ width: 100%;}
.curatorial_content_description{ padding:0 20px;}
.curatorial_content_description a p{ display:none; }
    
    
/*---------圖片策展列表---------*/
.theme{ height:90px;}
.pic_curatorial ul {margin-top:0px;}
.pic_list{ display: inline-block; width:22%; float: left; margin:20px 0 0 15px;height: 165px;}
.pic_list_margin_left{margin-left:15px;}

.btn_plus a{ width:33.3%;margin: 0 auto;}
    
}

@media screen and (max-width:767px) {
.topic_img{width:240px; max-height:160px; height:auto;}

.curatorial .bx-wrapper ul li div { display:none; margin-top:0; margin-left:0;}
.curatorial .bx-wrapper ul li div:first-child{ display:block;  }
.curatorial .bx-wrapper ul li div a{ width: 100%; height: calc( 100% / 3 * 2);  }
}

@media screen and (max-width: 640px) {
 
/*---------設計專題---------*/
.topic_box{margin:20px 8px; }   

/*---------圖片策展列表---------*/
.theme{background-image: url(/images/LibCuration/theme320.png);width:320px;}
.pic_list{ width:22%; margin: 20px 0 0 15px;height: auto}
.pic_list_margin_left{margin-left:10px;}   

/*---------策展banner---------*/    
.curatorial_content_banner{ height:110px;}

.social_g .google_share_2013 {display:none;}
    /*SNS_Share more*/
    /*剩FB、google、line、加號、收藏*/
    .media_open {display:inline-block;}
    .m_google, .w_pocket, .w_pin, .w_twitter, .w_plurk, .w_sina {display:none;}
    .w_google {display:inline-block;}
    .sns_content{width:100%;float:right;}
    .social_g .fb_like_2013 {margin-right: 10px !important; line-height:20px;   margin-top: 20px;margin-left: 10px; }
    
}


@media screen and (min-width:320px) and (max-width:480px) {
.designer_curatorial .social_g{ margin-bottom: 0;max-width:320px;} 
.wrapper h2 , .design_topic h2 , .new_in h2 , .designer_personal_review h2{font-size:1.6em;}    
    
/*---------風格空間搜尋---------*/ 
.select_space ul li {width:100%; height: 250px }
/*.select_space ul li:nth-child(n+2){ display: none;}*/
.select_space ul li a h2{ font-size:2.6em;}
.select_space .arrow { margin-top: -60px;  padding: 2rem;}    
    
/*---------設計專題---------*/
/*.design_topic_wrapper li:nth-child(n+2){ display: none;}
.topic_box{ width:100%; margin:0px; margin: 0 auto;}
.design_topic_wrapper li:first-child{ display: block; margin-left:0px;}
.design_topic_wrapper {width:90%;  text-align: center; margin: 0 auto;}*/
.topic_box{ margin:0px; margin: 0 auto;}

.topic_img{width:320px; max-height: 213.33px; height: auto;}
.design_topic_wrapper li:nth-child(even) {
    margin-top:0;
}

/*----------策展專題----------*/
/*.curatorial ul li{width:90%;float:none;margin: 0 auto;}
.curatorial ul li div:nth-child(n+2){ display: none;}
.curatorial ul li:nth-child(n+2){ display: none;}*/
.curatorial .btn_plus{position: relative;}
    
/*---------最夯案例---------*/
.new_in{margin-top:0px;}
.new_in .new_in_full_img{ opacity: 0; }
.new_in_info{width:90%; position:absolute; top:60px;right:5%; margin-right:0px; margin: 0 auto;height:auto;padding-bottom: 20px; box-shadow: 0px 0px  20px rgba(0,0,0,.2);}
.new_in_img{ width:100%; height: 0; padding-bottom: 67%; overflow: hidden;}
.new_in_img a{ width:100%;padding-bottom: 66.6%;height: 0;}
.new_in .arrow{display: none; }
    

    
/*---------設計師策展個人REVIEW---------*/
.review_pic{  width: 180px; height: 180px; }
.review_pic a{ width: 180px; height: 180px; }
    
/*---------策展banner---------*/
.curatorial_content .wrapper{ padding: 15px;}
.curatorial_content_banner{ max-width:100%; height:170px; }
.curatorial_content_description{ width:100%; padding:0; }
    
    

/*---------圖片策展列表---------*/
.pic_curatorial div{display: block; margin: 0 auto; margin-top: 20px; } 
.pic_list{ display: inline-block; width:90%; float: none;text-align: center;height: auto}    
    
/*----------more按鈕---------*/
.btn_plus a{  width:90%;  margin: 30px auto 50px auto; }
.design_topic .btn_plus{ position:relative;}

}

@media screen and (max-width:414px) {
    .curatorial_content_banner{  height:140px; } 
    .designer_curatorial .social_g .fb_base{margin-top: 5px} 
    .social_g .google_share_2013 {display:none;}
    .book_mark_2013{display:none;}
    .social_g .pin_image_2013 {width:40px !important; margin-right: 10px !important;}
    /*剩FB、line、加號*/
    .media_open {display:inline-block;}
    .w_google, .w_pocket, .w_pin, .w_twitter, .w_plurk, .w_sina {display:none;}
    .sns_content{width:100%;float:right;}
    .social_g .fb_like_2013 {margin-right: 5px !important; line-height:20px;   margin-top: 20px;margin-left: 5px; }
    .media_bookmark{ display:none;}}
@media screen and (max-width:375px) {.curatorial_content_banner{  height:125px; }  }

@media screen and (max-width:320px) {
.select_space ul li {height: 212px}
.select_space .arrow { margin-top:-45px;}    
.curatorial ul{margin-top:00px;}
}

.CurationMarketingWrapper .btn_pagination a:hover.shi-angle-left, .CurationMarketingWrapper .btn_pagination a:hover.shi-angle-right {
    filter: invert(100%);
    border: 1px solid #fff;
    background-color: #fff;
}