/*!
 * Bootstrap v3.3.6 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 *//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
#gotop{
       display: none;
	   position: fixed;
       right: 0px;
       bottom: 0px;
       padding: 0px 0px;
       font-size: 20px;
       color: white;
       cursor: pointer;
}
html{
	height:100%
}
html, body {
	font-size:12px;
	font-family:"Open Sans", serif;
	margin:0;
	padding:0;
	color:#aaa;
}
body {
	background-image:url(../../../activity/art-activity/images/bg-2014.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center center;
	background-size: cover;
	height:100%;
}
#head{
	height: 100%;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center center;
	background-size: contain;
	background-color: rgba(255,255,255,0.4);
}

.txt{
	color: #999;
	position: absolute;
	bottom: 1%;
	text-align: center;
	width: 100%;
	font-family: "微軟正黑體";
	font-size: 0.6em;
	display: inline-block;
}
.container{
	margin:0 7vw
}

.view {
	width: 300px;
	height: 300px;
	float: left;
	overflow: hidden;
	position: relative;
	text-align: center;
	cursor: pointer;
	border-radius:100vw;
	margin:2em 0em 2em 0em ;
}
.view .mask, .view .content {
	width: 300px;
	height: 300px;
	position: absolute;
	overflow: hidden;
	border-radius:100vw;
	box-shadow: 2px 2px 5px rgba(20%,20%,40%,0.5);
}
.view img {
   display: block;
   position: relative;
}
.third-effect .mask {
   opacity: 0;
   overflow:visible;
   -moz-box-sizing:border-box;
   -webkit-box-sizing:border-box;
   box-sizing:border-box;
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
   background:rgba(200,200,200, 0.4);
}
.third-effect a.info{
   position:relative;
   opacity: 0;
   -webkit-transition: opacity 0.5s 0s ease-in-out;
   -moz-transition: opacity 0.5s 0s ease-in-out;
   -o-transition: opacity 0.5s 0s ease-in-out;
   -ms-transition: opacity 0.5s 0s ease-in-out;
   transition: opacity 0.5s 0s ease-in-out;
}
.third-effect:hover .mask {
   opacity: 1;
	box-shadow: 2px 2px 5px rgba(20%,20%,40%,0.5);
}
.third-effect:hover {
	opacity:1;
	-moz-transition-delay: 0.3s;
	-webkit-transition-delay: 0.3s;
	-o-transition-delay: 0.3s;
	-ms-transition-delay: 0.3s;
	transition-delay: 0.3s;
	box-shadow: 3px 3px 5px rgba(20%,20%,40%,0.5);
}
.title{
	text-align:center;
	font-size:4vh;
	font-family: "微軟正黑體";
	color:#fff;
	line-height:90vh;
}
.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{
	position:relative;
	min-height:1px;
	margin:0 auto;
	
}

@media (min-width:750px){
.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{
	float:left;		
	margin:0 auto;
}
.col-xs-12{
	width:100%
}
.col-xs-11{
	width:91.66666667%
}
.col-xs-10{
	width:83.33333333%
}
.col-xs-9{
	width:75%
}
.col-xs-8{
	width:66.66666667%
}
.col-xs-7{
	width:58.33333333%
}
.col-xs-6{
	width:50%
}
.col-xs-5{
	width:41.66666667%
}
.col-xs-4{
	width:33.33333333%
}
.col-xs-3{
	width:25%
}
.col-xs-bottom-3{
	width:25%
}

.col-xs-2{
	width:16.66666667%
}
.col-xs-1{
	width:8.33333333%
}
.col-xs-pull-12{
	right:100%
}
.col-xs-pull-11{
	right:91.66666667%
}
.col-xs-pull-10{
	right:83.33333333%
}
.col-xs-pull-9{
	right:75%
}
.col-xs-pull-8{
	right:66.66666667%
}
.col-xs-pull-7{
	right:58.33333333%
}
.col-xs-pull-6{
	right:50%
}
.col-xs-pull-5{
	right:41.66666667%
}
.col-xs-pull-4{
	right:33.33333333%
}
.col-xs-pull-3{
	right:25%
}
.col-xs-pull-2{
	right:16.66666667%
}
.col-xs-pull-1{
	right:8.33333333%
}
.col-xs-pull-0{
	right:auto
}
.col-xs-push-12{
	left:100%
}
.col-xs-push-11{
	left:91.66666667%
}
.col-xs-push-10{
	left:83.33333333%
}
.col-xs-push-9{
	left:75%
}
.col-xs-push-8{
	left:66.66666667%
}
.col-xs-push-7{
	left:58.33333333%
}
.col-xs-push-6{
	left:50%
}
.col-xs-push-5{
	left:41.66666667%
}
.col-xs-push-4{
	left:33.33333333%
}
.col-xs-push-3{
	left:25%
}
.col-xs-push-2{
	left:16.66666667%
}
.col-xs-push-1{
	left:8.33333333%
}
.col-xs-push-0{
	left:auto
}
.col-xs-offset-12{
	margin-left:100%
}
.col-xs-offset-11{
	margin-left:91.66666667%
}
.col-xs-offset-10{
	margin-left:83.33333333%
}
.col-xs-offset-9{
	margin-left:75%
}
.col-xs-offset-8{
	margin-left:66.66666667%
}
.col-xs-offset-7{
	margin-left:58.33333333%
}
.col-xs-offset-6{
	margin-left:50%
}
.col-xs-offset-5{
	margin-left:41.66666667%
}
.col-xs-offset-4{
	margin-left:33.33333333%
}
.col-xs-offset-3{
	margin-left:25%
}
.col-xs-offset-2{
	margin-left:16.66666667%
}
.col-xs-offset-1{
	margin-left:8.33333333%
}
.col-xs-offset-0{
	margin-left:0
}

}
@media (min-width:1223px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{
	float:left;
	margin:0 auto;
}
.col-sm-12{
	width:100%
}
.col-sm-11{
	width:91.66666667%
}
.col-sm-10{
	width:83.33333333%
}
.col-sm-9{
	width:75%
}
.col-sm-8{
	width:66.66666667%
}
.col-sm-7{
	width:58.33333333%
}
.col-sm-6{
	width:50%
}
.col-sm-5{
	width:41.66666667%
}
.col-sm-4
{
	width:33.33333333%
}
.col-sm-3{
	width:25%
}

.col-sm-2{
	width:16.66666667%
}
.col-sm-1{
	width:8.33333333%
}
.col-sm-pull-12{
	right:100%
}
.col-sm-pull-11{
	right:91.66666667%
}
.col-sm-pull-10{
	right:83.33333333%
}
.col-sm-pull-9{
	right:75%
}
.col-sm-pull-8{
	right:66.66666667%
}
.col-sm-pull-7{
	right:58.33333333%
}
.col-sm-pull-6{
	right:50%
}
.col-sm-pull-5{
	right:41.66666667%
}
.col-sm-pull-4{
	right:33.33333333%
}
.col-sm-pull-3{
	right:25%
}
.col-sm-pull-2{
	right:16.66666667%
}
.col-sm-pull-1{
	right:8.33333333%
}
.col-sm-pull-0{
	right:auto
}
.col-sm-push-12{
	left:100%
}
.col-sm-push-11{
	left:91.66666667%
}
.col-sm-push-10{
	left:83.33333333%
}
.col-sm-push-9{
	left:75%
}
.col-sm-push-8{
	left:66.66666667%
}
.col-sm-push-7{
	left:58.33333333%
}
.col-sm-push-6{
	left:50%
}
.col-sm-push-5{
	left:41.66666667%
}
.col-sm-push-4{
	left:33.33333333%
}
.col-sm-push-3{
	left:25%
}
.col-sm-push-2{
	left:16.66666667%
}
.col-sm-push-1{
	left:8.33333333%
}
.col-sm-push-0{
	left:auto
}
.col-sm-offset-12{
	margin-left:100%
}
.col-sm-offset-11{
	margin-left:91.66666667%
}
.col-sm-offset-10{
	margin-left:83.33333333%
}
.col-sm-offset-9{
	margin-left:75%
}
.col-sm-offset-8{
	margin-left:66.66666667%
}
.col-sm-offset-7{
	margin-left:58.33333333%
}
.col-sm-offset-6{
	margin-left:50%
	argin-left:33.33333333%
}
.col-sm-offset-3{
	margin-left:25%
}
.col-sm-offset-2{
	margin-left:16.66666667%
}
.col-sm-offset-1{
	jmargin-left:8.33333333%
}
.col-sm-offset-0{
	margin-left:0
}

}

@media (min-width:1550px){
.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{
	float:left;
	margin:0 auto;
}
.col-md-12{
	width:100%
}
.col-md-11{
	width:91.66666667%
}
.col-md-10{
	width:83.33333333%
}
.col-md-9{
	width:75%
}
.col-md-8{
	width:66.66666667%
}
.col-md-7{
	width:58.33333333%
}
.col-md-6{
	width:50%
}
.col-md-5{
	width:41.66666667%
}
.col-md-4{
	width: 33.3333%;
	height: auto !important;
	height: 1000px;
}
.col-md-3{
	width:25%
}
.col-md-bottom-3{
	width:25%
}

.col-md-2{
	width:16.66666667%
}
.col-md-1{
	width:8.33333333%
}
}
.col-md-pull-12{
	right:100%
}
.col-md-pull-11{
	right:91.66666667%
}
.col-md-pull-10{
	right:83.33333333%
}
.col-md-pull-9{
	right:75%
}
.col-md-pull-8{
	right:66.66666667%
}
.col-md-pull-7{
	right:58.33333333%
}
.col-md-pull-6{
	right:50%
}
.col-md-pull-5{
	right:41.66666667%
}
.col-md-pull-4{
	right:33.33333333%;
}
.col-md-pull-3{
	right:25%
}
.col-md-pull-2{
	right:16.66666667%
}
.col-md-pull-1{
	right:8.33333333%
}
.col-md-pull-0{
	right:auto
}
.col-md-push-12{
	left:100%
}
.col-md-push-11{
	left:91.66666667%
}
.col-md-push-10{
	left:83.33333333%
}
.col-md-push-9{
	left:75%
}
.col-md-push-8{
	left:66.66666667%
}
.col-md-push-7{
	left:58.33333333%
}
.col-md-push-6{
	left:50%
}
.col-md-push-5{
	left:41.66666667%
}
.col-md-push-4{
	left:33.33333333%
}
.col-md-push-3{
	left:25%
}
.col-md-push-2{
	left:16.66666667%
}
.col-md-push-1{
	left:8.33333333%
}
.col-md-push-0{
	left:auto
}
.col-md-offset-12{
	margin-left:100%
}
.col-md-offset-11{
	margin-left:91.66666667%
}
.col-md-offset-10{
	margin-left:83.33333333%
}
.col-md-offset-9{
	margin-left:75%
}
.col-md-offset-8{
	margin-left:66.66666667%
}
.col-md-offset-7{
	margin-left:58.33333333%
}
.col-md-offset-6{
	margin-left:50%
}
.col-md-offset-5{
	margin-left:41.66666667%
}
.col-md-offset-4{
	margin-left:33.33333333%
}
.col-md-offset-3{
	margin-left:25%
}
.col-md-offset-2{
	margin-left:16.66666667%
}
.col-md-offset-1{
	margin-left:8.33333333%
}
.col-md-offset-0{
	margin-left:0
}


}
@media (min-width:1820px){
	.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{
		float:left;
		margin:0 auto;
}
.col-lg-12{
	width:100%
}
.col-lg-11{
	width:91.66666667%
}
.col-lg-10{
	width:83.33333333%
}
.col-lg-9{
	width:75%
}
.col-lg-8{
	width:66.66666667%
}
.col-lg-7{
	width:58.33333333%
}
.col-lg-6{
	width:50%
}
.col-lg-5{
	width:41.66666667%
}
.col-lg-4{
	width:33.33333333%
}
.col-lg-3{
	width:25%
}
.col-lg-bottom-3{
	width:25%
}

.col-lg-2{
	width:16.66666667%
}
.col-lg-1{
	width:8.33333333%
}
.col-lg-pull-12{
	right:100%
}
.col-lg-pull-11{
	right:91.66666667%
}
.col-lg-pull-10{
	right:83.33333333%
}
.col-lg-pull-9{
	right:75%
}
.col-lg-pull-8{
	right:66.66666667%
}
.col-lg-pull-7{
	right:58.33333333%
}
.col-lg-pull-6{
	right:50%
}
.col-lg-pull-5{
	right:41.66666667%
}
.col-lg-pull-4{
	right:33.33333333%
}
.col-lg-pull-3{
	right:25%
}
.col-lg-pull-2{
	right:16.66666667%
}
.col-lg-pull-1{
	right:8.33333333%
}
.col-lg-pull-0{
	right:auto
}
.col-lg-push-12{
	left:100%
}
.col-lg-push-11{
	left:91.66666667%
}
.col-lg-push-10{
	left:83.33333333%
}
.col-lg-push-9{
	left:75%
}
.col-lg-push-8{
	left:66.66666667%
}
.col-lg-push-7{
	left:58.33333333%
}
.col-lg-push-6{
	left:50%
}
.col-lg-push-5{
	left:41.66666667%
}
.col-lg-push-4{
	left:33.33333333%
}
.col-lg-push-3{
	left:25%
}
.col-lg-push-2{
	left:16.66666667%
}
.col-lg-push-1{
	left:8.33333333%
}
.col-lg-push-0{
	left:auto
}
.col-lg-offset-12{
	margin-left:100%
}
.col-lg-offset-11{
	margin-left:91.66666667%
}
.col-lg-offset-10{
	margin-left:83.33333333%
}
.col-lg-offset-9{
	margin-left:75%
}
.col-lg-offset-8{
	margin-left:66.66666667%
}
.col-lg-offset-7{
	margin-left:58.33333333%
}
.col-lg-offset-6{
	margin-left:50%
}
.col-lg-offset-5{
	margin-left:41.66666667%
}
.col-lg-offset-4{
	margin-left:33.33333333%
}
.col-lg-offset-3{
	margin-left:25%
}
.col-lg-offset-2{
	margin-left:16.66666667%
}
.col-lg-offset-1{
	margin-left:8.33333333%
}
.col-lg-offset-0{
	margin-left:0
}
}