    @charset "utf-8";
            @import url(https://fonts.googleapis.com/css?family=Titillium+Web:500);
            /* CSS Document */

			html, body{
				background: #010000;
				font-family: 'Titillium Web', sans-serif, '微軟正黑體', Microsoft JhengHei;
				font-family: 'Titillium Web', '微軟正黑體' !important;/*Firefox hack*/
				font-size: 22px;
				width: 100%;
			}

			a {
				text-decoration: none;
				color: #0CF;
			}

			h2 {
				padding-left: 5%;
				padding-top: 10%;
				color:#E94709;
				font-size: 30px;
				letter-spacing:2px;	
				width: 90%;
				font-weight:bold;
				/*text-shadow:#F00 0px 0px 6px;*/
			}
			h3{ 
			    position:relative;
				margin-top:-5%;
				padding-bottom:3%;
				text-align:center;
				font-size: 40px;
				color: #FFF;
				font-weight:700px;
				text-shadow: #F60 0px 0px 6px;
				
			}
			
			p {
				margin-top:1%;
				padding-top: 1%;
				padding-left:1%;
				margin-left:5%;
				padding-bottom:1%;	
				color: #ccc;
				font-size: 18px;
				line-height:28px;
				width: 90%;
				letter-spacing: 1px;

				
			}

			span{
				color: #ccc;
				font-size: 16px;
				line-height:22px;
				letter-spacing: 1px;
			}


			
			.ytcontainer {

					padding: 25px;	
			}

			#ytplayer {
				max-width: 1280px;	
				margin: 0 auto;
			}


            #ytplayer1 {
                max-width: 960px;  
                margin: 0 auto;
            }

			.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } 

			.embed-container iframe, .embed-container object, .embed-container .embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
			
			.content_01{
                background-image:url(../img/light.jpg);
                background-repeat:no-repeat;
                background-size:100%;
                
            }
			


			/*test*/
  

			 .callOutDecimals {
			  display:block;
			  position: relative;
			  left:70%;
			  top:-200px;
			  letter-spacing: 3px;
			  overflow: hidden;
			  font-size: 75px;
			  color: #FFF;
			  font-family: Impact;
			  text-shadow: 0px 0px 5px #ffdab3,  0px 0px 5px #ffdab3;
			 
			}
			
			.littlex {
			  color: #fff;
			  opacity:.9;
			  font-size: 50px;
			  letter-spacing:2px;
			  font-family: Impact;
			}

			.rowcontent{
				padding-top:30px;

			}


			





@media screen and (min-width: 1200px) {
    .contentleft{
    	padding-top:7%;
    	padding-left:10%;
    }

    .contentright{
    	padding-top:7%;
    	padding-right:10%;

    }

    .imgleft{

    }
	
	.imgright{
		padding-top:10%;
	}

	span{
				color: #ccc;
				font-size: 16px;
				line-height:22px;
				letter-spacing: 1px;
			}

    
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
    .contentleft{
    	padding-top:4%;
    	padding-left:5%;
    }  

     .contentright{
     	padding-top:6%;
     	padding-right:5%;

    }

    .imgleft{

    }
	
	.imgright{
		padding-top:15%;
	}


	span{
				color: #ccc;
				font-size: 16px;
				line-height:22px;
				letter-spacing: 1px;
			}

    
}


@media screen and (min-width: 768px) and (max-width: 992px) {
    .contentleft{
    	padding-top:4%;
    	padding-left:5%;
    }  

     .contentright{
     	padding-top:6%;
     	padding-right:5%;

    }

    .imgleft{

    }
	
	.imgright{
		padding-top:20%;
	}

	span{
				color: #ccc;
				font-size: 14px;
				line-height:22px;
				letter-spacing: 1px;
			}

    
}

@media screen and (max-width: 768px) {
    .contentleft{
    	padding-top:0%;
    	padding-left:0%;
    }   

     .contentright{
     	padding-top:0%;
     	padding-right:0%;

    }

    .imgleft{

    }
	
	.imgright{
		padding-top:20px;
	}

	.closer{
		position:relative;
		top:-30px;
	}

	
	.closer1{
		position:relative;
		top:-40px;
	}

	.closer2{
		position:relative;
		top:-50px;
	}

	.closer3{
		position:relative;
		top:-60px;
	}

	.closer4{
		position:relative;
		top:-70px;
	}

	.closer5{
		position:relative;
		top:-80px;
	}

	.closer6{
		position:relative;
		top:-90px;
	}

	span{
				color: #ccc;
				font-size: 12px;
				line-height:16px;
				letter-spacing: 0px;
			}
    
}

