@charset "utf-8";
            /*@import url(https://fonts.googleapis.com/css?family=Titillium+Web:500);*/
            @import url(https://fonts.googleapis.com/css?family=Titillium+Web);
            @import url(https://fonts.googleapis.com/css?family=Aldrich);
            /* CSS Document */

			html, body{
				background: #010000;
				font-family: 'Titillium Web', sans-serif, '微軟正黑體', Microsoft JhengHei;
				font-size: 22px;
				width: 100%;
			}

			a {
				text-decoration: none;
				color: #0CF;
			}

			h2 {
				font-family:"Aldrich","微軟正黑體",Microsoft JhengHei,"微軟雅黑體",Microsoft YaHei,SimHei,"新細明體", Arial,Verdana,Helvetica,sans-serif;
				color:#ff6400;
				font-size: 48px;
				letter-spacing:2px;	
				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:70px;
				text-shadow: #F60 0px 0px 6px;
				
			} */
			
			p {
				color: #ddd;
				font-size: 20px;
				line-height:32px;
				letter-spacing: 1px;
			}


      .aorus_font{
        font-family:"Aldrich","微軟正黑體",Microsoft JhengHei,"微軟雅黑體",Microsoft YaHei,SimHei,"新細明體", Arial,Verdana,Helvetica,sans-serif;
      }


      .aorus_font_01{
        font-family: 'Titillium Web', sans-serif, '微軟正黑體', Microsoft JhengHei;
      }


        .ytcontainer {

                    padding: 25px;  
            }

            #ytplayer {
                max-width: 1100px;  
                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%; }


			
		



				.cp_content{
					height:400px;
					overflow:hidden;
				}



				.colorwell{
   width: 90%;
  height: 400px;
  position: relative;
  top:-100px;
  float: left;
  margin: 5%;
  padding: 0;
  
}



.fuck{
  background: rgba(255, 55, 0, 1);
  animation: colorchange2 15s linear infinite;
   width: 90%;
  height: 400px;
  position: relative;
  top:-100px;
  float: left;
  margin: 5%;
  padding: 0;
}


.rainbow_es{
  /* background: rgba(255, 255, 90, 1); */
   width: 90%;
  height: 400px;
  position: relative;
  top:-900px;
  float: left;
  margin: 5%;
  padding: 0;
}


.shite{
  animation: colorchange 4.2s linear infinite;
}


.shite1{
  animation: colorchange 2.2s linear infinite;
}


.shite2{
  animation: colorchange_flash 2.5s linear infinite;
}

.shite3{
  animation: colorchange_flash_dual 2s linear infinite;
}





.tab_btn_title{

  font-size:20px;

}

.typewrite{
  color:#ff6400;
  font-size: 50px;
  padding-left:2%;
}


#output {
   color:#ff6400;
  font-size: 50px;
  padding-left:2%;
  
}

#output:empty:before {
  content: '|';
  color:#000;
}







@keyframes colorchange {
    0%   {opacity: 1.0;}
    50% {opacity: 0.4;}
    100% {opacity: 1.0;}
        }

@keyframes colorchange_flash {
    0%   {opacity: 0.0;}
    30%   {opacity: 0.0;}
    32% {opacity: 1.0;}
    68% {opacity: 1.0;}
    70%   {opacity: 0.0;}
    100% {opacity: 0.0;}
        }


@keyframes colorchange_flash_dual {
    0%   {opacity: 0.0;}
    35%   {opacity: 0.0;}
    37% {opacity: 1.0;}
    48% {opacity: 1.0;}
    53%   {opacity: 0.0;}
    58% {opacity: 1.0;}
    69% {opacity: 1.0;}
    71%   {opacity: 0.0;}
    100% {opacity: 0.0;}
        }





@keyframes colorchange2 {
    0% {background: rgba(255, 66, 0, 1);}
    7%{opacity: 0.8;}
    14%{background: rgba(255, 255, 0, 1);}
    21%{opacity: 0.8;}
    28% {background: rgba(0, 255, 0, 1);}
    35%{opacity: 0.8;}
    42% {background: rgba(0, 127, 255, 1);}
    49%{opacity: 0.8;}
    56% {background: rgba(0, 0, 255, 1);}
    63%{opacity: 0.8;}
    70% {background: rgba(139, 0, 255, 1);}
    77%{opacity: 0.8;}
    85% {background: rgba(255, 0, 0, 1);}
    92%{opacity: 0.8;}
    100% {background: rgba(255, 66, 0, 1);}
}



/* aorus es 1/11 */
.side_area div .btn_cooling_01 span{
  font-family:"Aldrich","微軟正黑體",Microsoft JhengHei,"微軟雅黑體",Microsoft YaHei,SimHei,"新細明體", Arial,Verdana,Helvetica,sans-serif;
  letter-spacing: 5px;
  line-height: 15px;
  color: #fff;
  background: rgba(255,100,0,1);
  padding: 1% 1% 1% 2%;
  cursor: pointer;
}

.side_area:hover div .btn_cooling_01 span{
  font-family:"Aldrich","微軟正黑體",Microsoft JhengHei,"微軟雅黑體",Microsoft YaHei,SimHei,"新細明體", Arial,Verdana,Helvetica,sans-serif;
  letter-spacing: 5px;
  line-height: 15px;
  color: #777;
  font-weight: bold;
  background: rgba(255,180,0,1);
  padding: 1% 1% 1% 2%;
  cursor: pointer;
}


.cooling_font{
  font-family:"Aldrich","微軟正黑體",Microsoft JhengHei,"微軟雅黑體",Microsoft YaHei,SimHei,"新細明體", Arial,Verdana,Helvetica,sans-serif;
  letter-spacing: 3px;
}


.cooling_content_font{
font-family: 'Titillium Web', sans-serif, '微軟正黑體', Microsoft JhengHei;

}
   

.feature_button_eason {
  
  width: 30px;
  height: 30px;
  background: #ff6400;

  transform: translate(-50%, -50%) rotate(0deg);
  border-radius: 50%;
  cursor: pointer;
  z-index: 100;
  transition: 0.4s cubic-bezier(0.2, 0.6, 0.3, 1.1);
}

.feature_button_eason_01{
  position: absolute;
  top: 30%;
  left: 25%;
}

.feature_button_eason_02{
  position: absolute;
  top: 50%;
  left: 60%;
}



.feature_button_eason_03{
  position: absolute;
  top: 80%;
  left: 90%;
}


.feature_button_eason:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 2px;
  width: 50%;
  background: white;
}

.feature_button_eason:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 50%;
  width: 2px;
  background: white;
}

.feature_button_eason.clicked {
  transform: translate(-50%, -50%) rotate(360deg);
  background: #ffbb00;
}

.feature_button_eason.clicked:before {
  width: 0;
}


.color_style_hover{
  border-bottom:none;

}

.color_style_hover:hover{
  border-bottom: 2px;
  border-color: #ff6400;
  border-style: solid;

}







@media screen and (min-width: 1601px) {
   

.cp_content{
					height:400px;
					overflow:hidden;
				}


.fuck{
  background: rgba(255, 55, 0, 1);
  animation: colorchange2 15s linear infinite;
   width: 90%;
  height: 800px;
  position: relative;
  top:-700px;
  float: left;
  margin: 5%;
  padding: 0;
}


.colorwell{
   width: 90%;
  height: 800px;
  position: relative;
  top:-700px;
  float: left;
  margin: 5%;
  padding: 0;
  
}

.rainbow_es{
  /* background: rgba(255, 255, 90, 1); */
   width: 90%;
  height: 800px;
  position: relative;
  top:-700px;
  float: left;
  margin: 5%;
  padding: 0;
}


.tab_btn_title{

  font-size:20px;

}


.typewrite{
  color:#ff6400;
  font-size: 40px;
  padding-left:2%;
}


#output {
   color:#ff6400;
  font-size: 40px;
  padding-left:2%;
  
}

h2 {
        
        color:#ff6400;
        font-size: 40px;
        letter-spacing:2px; 
      }





	

    
}


@media screen and (min-width: 1331px) and (max-width: 1600px) {
.cp_content{
          height:500px;
          overflow:hidden;
        }


.fuck{
  background: rgba(255, 55, 0, 1);
  animation: colorchange2 15s linear infinite;
   width: 90%;
  height: 500px;
  position: relative;
  top:-600px;
  float: left;
  margin: 5%;
  padding: 0;
}


.colorwell{
   width: 90%;
  height: 500px;
  position: relative;
  top:-600px;
  float: left;
  margin: 5%;
  padding: 0;
  
}

.rainbow_es{
  /* background: rgba(255, 255, 90, 1); */
   width: 90%;
  height: 500px;
  position: relative;
  top:-600px;
  float: left;
  margin: 5%;
  padding: 0;
}


.tab_btn_title{

  font-size:20px;

}


.typewrite{
  color:#ff6400;
  font-size: 40px;
  padding-left:2%;
}


#output {
   color:#ff6400;
  font-size: 40px;
  padding-left:2%;
  
}

h2 {
        
        color:#ff6400;
        font-size: 35px;
        letter-spacing:2px; 
      }


}




@media screen and (min-width: 1200px) and (max-width: 1330px) {
   

.cp_content{
					height:600px;
					overflow:hidden;
				}


.fuck{
  background: rgba(255, 55, 0, 1);
  animation: colorchange2 15s linear infinite;
   width: 90%;
  height: 500px;
  position: relative;
  top:-600px;
  float: left;
  margin: 5%;
  padding: 0;
}


.colorwell{
   width: 90%;
  height: 500px;
  position: relative;
  top:-600px;
  float: left;
  margin: 5%;
  padding: 0;
  
}


.rainbow_es{
  /* background: rgba(255, 255, 90, 1); */
   width: 90%;
  height: 500px;
  position: relative;
  top:-600px;
  float: left;
  margin: 5%;
  padding: 0;
}



.tab_btn_title{

  font-size:20px;

}

.typewrite{
  color:#ff6400;
  font-size: 40px;
  padding-left:2%;
}


#output {
   color:#ff6400;
  font-size: 40px;
  padding-left:2%;
  
}


h2 {
        
        color:#ff6400;
        font-size: 32px;
        letter-spacing:2px; 
      }






	

    
}



@media screen and (min-width: 1031px) and (max-width: 1199px) {


	.cp_content{
					height:550px;
					overflow:hidden;
				}


	.fuck{
  background: rgba(255, 55, 0, 1);
  animation: colorchange2 15s linear infinite;
   width: 90%;
  height: 450px;
  position: relative;
  top:-550px;
  float: left;
  margin: 5%;
  padding: 0;
}


.colorwell{
   width: 90%;
  height: 450px;
  position: relative;
  top:-550px;
  float: left;
  margin: 5%;
  padding: 0;
  
}

.rainbow_es{
  /* background: rgba(255, 255, 90, 1); */
   width: 90%;
  height: 450px;
  position: relative;
  top:-550px;
  float: left;
  margin: 5%;
  padding: 0;
}


.tab_btn_title{

  font-size:20px;

}

.typewrite{
  color:#ff6400;
  font-size: 40px;
  padding-left:2%;
}


#output {
   color:#ff6400;
  font-size: 40px;
  padding-left:2%;
  
}



h2 {
        color:#ff6400;
        font-size: 25px;
        letter-spacing:2px; 
        /* font-weight:bold; */
        /*text-shadow:#F00 0px 0px 6px;*/
      }
p {
        color: #ddd;
        font-size: 18px;
        line-height:26px;
        letter-spacing: 1px;
      }



   

    
}


@media screen and (min-width: 994px) and (max-width: 1030px) {


	.cp_content{
					height:500px;
					overflow:hidden;
				}


	.fuck{
  background: rgba(255, 55, 0, 1);
  animation: colorchange2 15s linear infinite;
   width: 90%;
  height: 400px;
  position: relative;
  top:-460px;
  float: left;
  margin: 5%;
  padding: 0;
}


.colorwell{
   width: 90%;
  height: 400px;
  position: relative;
  top:-460px;
  float: left;
  margin: 5%;
  padding: 0;
  
}

.rainbow_es{
  /* background: rgba(255, 255, 90, 1); */
   width: 90%;
  height: 400px;
  position: relative;
  top:-460px;
  float: left;
  margin: 5%;
  padding: 0;
}


.tab_btn_title{

  font-size:18px;

}


.typewrite{
  color:#ff6400;
  font-size: 30px;
  padding-left:2%;
}


#output {
   color:#ff6400;
  font-size: 30px;
  padding-left:2%;
  
}



h2 {

        color:#ff6400;
        font-size: 25px;
        letter-spacing:2px; 
        /* font-weight:bold; */
        /*text-shadow:#F00 0px 0px 6px;*/
      }
p {
        color: #ddd;
        font-size: 18px;
        line-height:26px;
        letter-spacing: 1px;

        
      }



   

    
}


@media screen and (min-width: 881px) and (max-width: 993px) {


	.cp_content{
					height:450px;
					overflow:hidden;
				}


	.fuck{
  background: rgba(255, 55, 0, 1);
  animation: colorchange2 15s linear infinite;
   width: 90%;
  height: 400px;
  position: relative;
  top:-450px;
  float: left;
  margin: 5%;
  padding: 0;
}


.colorwell{
   width: 90%;
  height: 400px;
  position: relative;
  top:-450px;
  float: left;
  margin: 5%;
  padding: 0;
  
}


.rainbow_es{
  /* background: rgba(255, 255, 90, 1); */
   width: 90%;
  height: 400px;
  position: relative;
  top:-450px;
  float: left;
  margin: 5%;
  padding: 0;
}


.tab_btn_title{

  font-size:16px;

}

.typewrite{
  color:#ff6400;
  font-size: 30px;
  padding-left:2%;
}


#output {
   color:#ff6400;
  font-size: 30px;
  padding-left:2%;
  
}




h2 {
        color:#ff6400;
        font-size: 25px;
        letter-spacing:2px; 
        /* font-weight:bold; */
        /*text-shadow:#F00 0px 0px 6px;*/
      }
p {
        color: #ddd;
        font-size: 18px;
        line-height:26px;
        letter-spacing: 1px;      
      }

   


    
}


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


	.cp_content{
					height:400px;
					overflow:hidden;
				}


	.fuck{
  background: rgba(255, 55, 0, 1);
  animation: colorchange2 15s linear infinite;
   width: 90%;
  height: 350px;
  position: relative;
  top:-400px;
  float: left;
  margin: 5%;
  padding: 0;
}


.colorwell{
   width: 90%;
  height: 350px;
  position: relative;
  top:-400px;
  float: left;
  margin: 5%;
  padding: 0;
  
}


.rainbow_es{
  /* background: rgba(255, 255, 90, 1); */
   width: 90%;
  height: 350px;
  position: relative;
  top:-400px;
  float: left;
  margin: 5%;
  padding: 0;
}


.tab_btn_title{

  font-size:16px;

}

.typewrite{
  color:#ff6400;
  font-size: 20px;
  padding-left:2%;
}


#output {
   color:#ff6400;
  font-size: 20px;
  padding-left:2%;
  
}





h2 {

        color:#ff6400;
        font-size: 20px;
        letter-spacing:2px; 
        /* font-weight:bold; */
        /*text-shadow:#F00 0px 0px 6px;*/
      }


p {
        color: #ddd;
        font-size: 16px;
        line-height:24px;
        letter-spacing: 1px;

        
      }

   


    
}



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


	.cp_content{
					height:350px;
					overflow:hidden;
				}

	.fuck{
  background: rgba(255, 55, 0, 1);
  animation: colorchange2 15s linear infinite;
   width: 90%;
  height: 300px;
  position: relative;
  top:-350px;
  float: left;
  margin: 5%;
  padding: 0;
}


.colorwell{
   width: 90%;
  height: 300px;
  position: relative;
  top:-350px;
  float: left;
  margin: 5%;
  padding: 0;
  
}


.rainbow_es{
  /* background: rgba(255, 255, 90, 1); */
   width: 90%;
  height: 300px;
  position: relative;
  top:-350px;
  float: left;
  margin: 5%;
  padding: 0;
}



.tab_btn_title{

  font-size:15px;

}



.typewrite{
  color:#ff6400;
  font-size: 20px;
  padding-left:2%;
}


#output {
   color:#ff6400;
  font-size: 20px;
  padding-left:2%;
  
}







	h2 {
				color:#ff6400;
				font-size: 18px;
				letter-spacing:2px;	
				/* font-weight:bold; */
				/*text-shadow:#F00 0px 0px 6px;*/
			}

   

   p {
				color: #ddd;
				font-size: 16px;
				line-height:24px;
				letter-spacing: 1px;

				
			}



    
}



@media screen and (min-width: 581px) and (max-width: 669px) {


	.cp_content{
					height:310px;
					overflow:hidden;
				}

	.fuck{
  background: rgba(255, 55, 0, 1);
  animation: colorchange2 15s linear infinite;
   width: 90%;
  height: 250px;
  position: relative;
  top:-285px;
  float: left;
  margin: 5%;
  padding: 0;
}


.colorwell{
   width: 90%;
  height: 250px;
  position: relative;
  top:-285px;
  float: left;
  margin: 5%;
  padding: 0;
  
}


.rainbow_es{
  /* background: rgba(255, 255, 90, 1); */
   width: 90%;
  height: 250px;
  position: relative;
  top:-285px;
  float: left;
  margin: 5%;
  padding: 0;
}

.tab_btn_title{

  font-size:15px;

}


.typewrite{
  color:#ff6400;
  font-size: 15px;
  padding-left:2%;
}


#output {
   color:#ff6400;
  font-size: 15px;
  padding-left:2%;
  
}





	h2 {
				color:#ff6400;
				font-size: 18px;
				letter-spacing:2px;	
				/* font-weight:bold; */
				/*text-shadow:#F00 0px 0px 6px;*/
			}


   

   p {
				color: #ddd;
				font-size: 16px;
				line-height:24px;
				letter-spacing: 1px;

				
			}



    
}


@media screen and (min-width: 520px) and (max-width: 580px) {


	.cp_content{
					height:270px;
					overflow:hidden;
				}

	.fuck{
  background: rgba(255, 55, 0, 1);
  animation: colorchange2 15s linear infinite;
   width: 90%;
  height: 200px;
  position: relative;
  top:-240px;
  float: left;
  margin: 5%;
  padding: 0;
}


.colorwell{
   width: 90%;
  height: 200px;
  position: relative;
  top:-240px;
  float: left;
  margin: 5%;
  padding: 0;
  
}


.rainbow_es{
  /* background: rgba(255, 255, 90, 1); */
   width: 90%;
  height: 200px;
  position: relative;
  top:-240px;
  float: left;
  margin: 5%;
  padding: 0;
}


.tab_btn_title{

  font-size:15px;

}


.typewrite{
  color:#ff6400;
  font-size: 15px;
  padding-left:2%;
}


#output {
   color:#ff6400;
  font-size: 15px;
  padding-left:2%;
  
}





	h2 {
				color:#ff6400;
				font-size: 18px;
				letter-spacing:2px;	
				/* font-weight:bold; */
				/*text-shadow:#F00 0px 0px 6px;*/
			}



   

   p {
				color: #ddd;
				font-size: 16px;
				line-height:24px;
				letter-spacing: 1px;

				
			}



    
}


@media screen and (min-width: 469px) and (max-width: 519px) {


	.cp_content{
					height:230px;
					overflow:hidden;
				}


	.fuck{
  background: rgba(255, 55, 0, 1);
  animation: colorchange2 15s linear infinite;
   width: 90%;
  height: 180px;
  position: relative;
  top:-215px;
  float: left;
  margin: 5%;
  padding: 0;
}


.colorwell{
   width: 90%;
  height: 180px;
  position: relative;
  top:-215px;
  float: left;
  margin: 5%;
  padding: 0;
  
}

.rainbow_es{
  /* background: rgba(255, 255, 90, 1); */
   width: 90%;
  height: 180px;
  position: relative;
  top:-215px;
  float: left;
  margin: 5%;
  padding: 0;
}


.tab_btn_title{

  font-size:15px;

}


.typewrite{
  color:#ff6400;
  font-size: 15px;
  padding-left:2%;
}



#output {
   color:#ff6400;
  font-size: 15px;
  padding-left:2%;
  
}






	h2 {
				color:#ff6400;
				font-size: 18px;
				letter-spacing:2px;	
				/* font-weight:bold; */
				/*text-shadow:#F00 0px 0px 6px;*/
			}


   

   p {
				color: #ddd;
				font-size: 14px;
				line-height:24px;
				letter-spacing: 1px;

				
			}



    
}


@media screen and (min-width: 420px) and (max-width: 468px) {


	.cp_content{
					height:220px;
					overflow:hidden;
				}


	.fuck{
  background: rgba(255, 55, 0, 1);
  animation: colorchange2 15s linear infinite;
   width: 90%;
  height: 170px;
  position: relative;
  top:-200px;
  float: left;
  margin: 5%;
  padding: 0;
}



.colorwell{
   width: 90%;
  height: 170px;
  position: relative;
  top:-200px;
  float: left;
  margin: 5%;
  padding: 0;
  
}


.rainbow_es{
  /* background: rgba(255, 255, 90, 1); */
   width: 90%;
  height: 170px;
  position: relative;
  top:-200px;
  float: left;
  margin: 5%;
  padding: 0;
}


.tab_btn_title{

  font-size:15px;

}


.typewrite{
  color:#ff6400;
  font-size: 15px;
  padding-left:2%;
}


#output {
   color:#ff6400;
  font-size: 15px;
  padding-left:2%;
  
}






	h2 {
				color:#ff6400;
				font-size: 14px;
				letter-spacing:2px;	
				/* font-weight:bold; */
				/*text-shadow:#F00 0px 0px 6px;*/
			}



   

   p {
				color: #ddd;
				font-size: 14px;
				line-height:24px;
				letter-spacing: 1px;

				
			}



    
}




@media screen and (min-width: 381px) and (max-width: 419px) {


	.cp_content{
					height:190px;
					overflow:hidden;
				}

		.fuck{
  background: rgba(255, 55, 0, 1);
  animation: colorchange2 15s linear infinite;
   width: 80%;
  height: 130px;
  position: relative;
  top:-190px;
  float: left;
  margin: 8%;
  padding: 0;
}


.colorwell{
   width: 80%;
  height: 130px;
  position: relative;
  top:-190px;
  float: left;
  margin: 8%;
  padding: 0;
  
}


.rainbow_es{
  /* background: rgba(255, 255, 90, 1); */
   width: 90%;
  height: 130px;
  position: relative;
  top:-190px;
  float: left;
  margin: 5%;
  padding: 0;
}


.tab_btn_title{

  font-size:15px;

}

.typewrite{
  color:#ff6400;
  font-size: 15px;
  padding-left:2%;
}


#output {
   color:#ff6400;
  font-size: 15px;
  padding-left:2%;
  
}





	h2 {
				color:#ff6400;
				font-size: 12px;
				letter-spacing:2px;	
				/* font-weight:bold; */
				/*text-shadow:#F00 0px 0px 6px;*/
			}






	p {
				color: #ddd;
				font-size: 14px;
				line-height:24px;
				letter-spacing: 1px;

				
			}

    
}



@media screen and (min-width: 341px) and (max-width: 380px) {


	.cp_content{
					height:170px;
					overflow:hidden;
				}

		.fuck{
  background: rgba(255, 55, 0, 1);
  animation: colorchange2 15s linear infinite;
   width: 80%;
  height: 110px;
  position: relative;
  top:-150px;
  float: left;
  margin: 8%;
  padding: 0;
}


.colorwell{
   width: 80%;
  height: 110px;
  position: relative;
  top:-150px;
  float: left;
  margin: 8%;
  padding: 0;
  
}


.rainbow_es{
  /* background: rgba(255, 255, 90, 1); */
   width: 90%;
  height: 120px;
  position: relative;
  top:-150px;
  float: left;
  margin: 5%;
  padding: 0;
}


.tab_btn_title{

  font-size:15px;

}



.typewrite{
  color:#ff6400;
  font-size: 10px;
  padding-left:2%;
}


#output {
   color:#ff6400;
  font-size: 10px;
  padding-left:2%;
  
}







	h2 {
				color:#ff6400;
				font-size: 12px;
				letter-spacing:2px;	
				/* font-weight:bold; */
				/*text-shadow:#F00 0px 0px 6px;*/
			}






	p {
				color: #ddd;
				font-size: 12px;
				line-height:24px;
				letter-spacing: 1px;

				
			}

    
}




@media screen and (max-width: 340px) {


	.cp_content{
					height:140px;
					overflow:hidden;
				}

		.fuck{
  background: rgba(255, 55, 0, 1);
  animation: colorchange2 15s linear infinite;
   width: 80%;
  height: 120px;
  position: relative;
  top:-140px;
  float: left;
  margin: 8%;
  padding: 0;
}


.colorwell{
   width: 80%;
  height: 120px;
  position: relative;
  top:-140px;
  float: left;
  margin: 8%;
  padding: 0;
  
}


.rainbow_es{
  /* background: rgba(255, 255, 90, 1); */
   width: 90%;
  height: 120px;
  position: relative;
  top:-140px;
  float: left;
  margin: 5%;
  padding: 0;
}


.tab_btn_title{

  font-size:15px;

}



.typewrite{
  color:#ff6400;
  font-size: 10px;
  padding-left:2%;
}


#output {
   color:#ff6400;
  font-size: 10px;
  padding-left:2%;
  
}







	h2 {
				color:#ff6400;
				font-size: 12px;
				letter-spacing:2px;	
				/* font-weight:bold; */
				/*text-shadow:#F00 0px 0px 6px;*/
			}






	p {
				color: #ddd;
				font-size: 12px;
				line-height:24px;
				letter-spacing: 1px;

				
			}

    
}