@charset "utf-8"; /* CSS Document */ #page_all_articles{ min-height:350px; } #page_all_articles .mainContent, #page_all_articles .sideContent, #page_all_articles .footContent, #page_all_articles .title, #page_all_articles .subtitle, #page_all_articles .events, #page_all_articles .events .shows, #page_all_articles .description{ display:inline; float:left; } #page_all_articles .mainContent{ min-height:500px; width: 720px; margin-left:30px; } #page_all_articles .sideContent{ min-height:500px; width: 260px; margin-left:55px; } #page_all_articles .footContent{ min-height:300px; width: 100%; margin: 60px 30px 30px 30px; } #page_all_articles .title, #page_all_articles .title p{ text-align:left; font-size:30px; line-height:50px; font-weight: 500; width:100%; margin:0 0 10px 0; } #page_all_articles .subtitle, #page_all_articles .subtitle p{ text-align:left; font-size:20px; line-height:38px; width:100%; margin:0 0 20px 0; } #page_all_articles .subtitle .lang{ font-size:16px; } #page_all_articles .description table td{ font-size:18px; line-height:30px; vertical-align: text-top; } #page_all_articles .description, #page_all_articles .description p{ text-align:left; font-size:18px; line-height:30px; margin:0 0 20px 0; width:100%; } #page_all_articles .description .tag{ font-size:16px; line-height:22px; margin-top: -12px; } #page_all_articles .description .subtitle, #page_all_articles .description .subtitle p{ font-size:20px; line-height:38px; font-weight: 700; } #page_all_articles .events{ width:100%; text-align: left; } #page_all_articles .events .shows{ cursor: default; width:30%; margin-right: 3%; margin-bottom: 50px; opacity: 1.0; -webkit-transition: opacity .2s ease-out; -moz-transition: opacity .2s ease-out; -ms-transition: opacity .2s ease-out; -o-transition: opacity .2s ease-out; transition: opacity .2s ease-out; } #page_all_articles .events .shows:hover{ cursor: pointer; opacity: 0.5; -webkit-transition: opacity .15s ease-in; -moz-transition: opacity .15s ease-in; -ms-transition: opacity .15s ease-in; -o-transition: opacity .15s ease-in; transition: opacity .15s ease-in; } #page_all_articles .events .tag{ width:100%; background-color: #ffffff; text-align: center; padding: 12px 0 12px 0; min-height: 120px; } #page_all_articles .events .tag .name{ display: inline-block; width:90%; text-align: left; margin-bottom: 5px; font-size: 18px; } #page_all_articles .events .tag .date{ display: inline-block; width:90%; text-align: left; margin-bottom: 6px; font-size: 13px; color: #999999; } #page_all_articles .events .tag .sign{ font-size: 16px; } #page_all_articles .events .tag .price{ display: inline-block; width:90%; text-align: left; font-size: 20px; font-weight: 600; color: #027b56; } #page_all_articles .events .shows .imgContainer{ width: 100%; height: 310px; overflow:hidden; } #page_all_articles .events .shows img{ display:block; width: 100%; } #page_all_articles .title img, #page_all_articles .subtitle img, #page_all_articles .description img{ width:100%; } #page_all_articles .space{ height: 60px; } #page_all_articles .footContent .title, #page_all_articles .sideContent .title{ display: inline-block; text-align:left; font-size:20px; font-weight: 500; width:100%; margin:0 0 15px 0; } #page_all_articles .footContent .icon_sales_soldout, #page_all_articles .sideContent .icon_sales_soldout{ font-size:14px; line-height:22px; font-weight:500; color: #BD55E4; border: 1px solid #BD55E4; /*width: 60px;*/ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 0px 0px 0px 0px; text-align:center; text-decoration:none; /*text-shadow: -1px -1px 0 rgba(0,0,0,0.2);*/ background-color: #ffffff; padding: 4px 5px 2px 5px; display:inline-block; } #index_all_articles .shows, #page_all_articles .sideContent .shows{ display: inline-block; cursor: default; opacity: 1.0; -webkit-transition: opacity .2s ease-out; -moz-transition: opacity .2s ease-out; -ms-transition: opacity .2s ease-out; -o-transition: opacity .2s ease-out; transition: opacity .2s ease-out; margin-bottom: 30px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.02), 0 6px 20px 0 rgba(0, 0, 0, 0.01); } #index_all_articles .shows{ width: 234px; margin-left: 25px; } #index_all_articles .shows:hover, #page_all_articles .sideContent .shows:hover{ cursor: pointer; opacity: 0.5; -webkit-transition: opacity .15s ease-in; -moz-transition: opacity .15s ease-in; -ms-transition: opacity .15s ease-in; -o-transition: opacity .15s ease-in; transition: opacity .15s ease-in; } #index_all_articles .shows .imgContainer, #page_all_articles .sideContent .shows .imgContainer{ width: 100%; height: 126px; overflow:hidden; -webkit-border-top-left-radius: 10px; -moz-border-top-left-radius: 10px; border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-top-right-radius: 10px; border-top-right-radius: 10px; } #index_all_articles .shows img, #page_all_articles .sideContent .shows img{ display:block; width: 100%; } #index_all_articles .shows .tag, #page_all_articles .sideContent .shows .tag{ padding: 10px 12px 10px 10px; text-align:left; font-size:16px; line-height: 22px; background-color: #ffffff; -webkit-border-bottom-left-radius: 10px; -moz-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px; } #page_all_articles .footContent .items{ display: inline-block; width: 100%; } #page_all_articles .footContent .items .shows{ margin:0; opacity: 1.0; -webkit-transition: opacity .2s ease-out; -moz-transition: opacity .2s ease-out; -ms-transition: opacity .2s ease-out; -o-transition: opacity .2s ease-out; transition: opacity .2s ease-out; } #page_all_articles .footContent .items .shows:hover{ cursor: pointer; opacity: 0.5; -webkit-transition: opacity .15s ease-in; -moz-transition: opacity .15s ease-in; -ms-transition: opacity .15s ease-in; -o-transition: opacity .15s ease-in; transition: opacity .15s ease-in; } #page_all_articles .footContent .items .project_box{ display:inline; float:left; width:318px; height:202px; background-color:#FFF; border:1px solid #E4E4E4; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -moz-box-shadow: 0 0 1px 1px #EEEEEE; -webkit-box-shadow: 0 0 1px 1px #EEEEEE; box-shadow: 0 0 1px 1px #EEEEEE; margin-right: 18px; } #page_all_articles .footContent .items .project_box:last-child{ margin-right: 0; } #page_all_articles .footContent .items img{ width: auto; } #page_all_articles .footContent .items .project_box .highlight_img{ -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; width:143px !important; height: 200px !important; text-align: center !important; -webkit-border-radius: 6px 0 0 6px; -moz-border-radius: 6px 0 0 6px; border-radius: 6px 0 0 6px; position:absolute; z-index:2; } #page_all_articles .footContent .items .project_box .highlight_img_bg{ width:143px; height: 200px; position:absolute; z-index:1; } #page_all_articles .footContent .items .project_box .highlight_img_bg .loading{ width:100%; text-align:center; margin-top: 80px; } #page_all_articles .footContent .items .project_box .highlight_img_bg .loading img{ display:inline-block; } #page_all_articles .footContent .items .project_box .project_details{ display:inline-table; height:150px; margin-left:138px; } #page_all_articles .footContent .items .project_box .project_details .separate{ border-top: 1px solid #EEEEEE; margin-bottom: 20px; width: 100%; } #page_all_articles .footContent .items .project_box .project_details .headline{ padding:15px 10px 8px 15px; font-size:18px; color:#404D57; } #page_all_articles .footContent .items .project_box .project_details .date img, #page_all_articles .footContent .items .project_box .project_details .location img{ float:left; margin-right:5px; } #page_all_articles .footContent .items .project_box .project_details .location{ margin:0 15px 5px 15px; color:#31AD9D; font-size:12px; line-height:18px; } #page_all_articles .footContent .items .project_box .project_details .date{ margin:0 15px 0 15px; color:#646464; font-size:12px; line-height:18px; } #page_all_articles .facebook-responsive { overflow:hidden; padding-bottom:56.25%; position:relative; height:0; } #page_all_articles .facebook-responsive iframe { left:0; top:0; height:100%; width:100%; position:absolute; }