@charset "utf-8";

										/* universal*/
										html{ font-size:10px}
									
									
									  	#fileupload{ display:none}
									 	.input_label{ cursor:pointer}
									 
									 	.bar_frame{ font-size:0px}
									 	.bar{ display:inline-block; width:auto}
									 
										 .column{
											float:left;
											
											text-align:center;
											
											box-sizing:border-box;
											-moz-box-sizing: border-box;
										
										}
										
									
										
									/*alignment*/
										.xlleft{ text-align:left}
										.xlright{ text-align:right}	
										.xlcenter{ text-align:center}
									 
									 /*depend scr_size*/
									    
										.xlhide	{ display:none}
										.xlshow	{display:block}
										.xlshowi	{ display:inline-block}
									 
									 /*column class*/
									 	.xl1		{ width:8.33% }
										.xl2		{ width:16.66% }
										.xl3		{ width:25% }
										.xl4		{ width:33.33% }
										.xl5		{ width:41.66% }
										.xl6		{ width:50% }
										.xl7		{ width:58.33% }
										.xl8		{ width:66.66% }
										.xl9		{ width:75% }
										.xl10		{ width:83.33% }
										.xl11		{ width:91.66% }
										.xl12		{ width:100% }
										.xl20		{ width:20% }
										.xlinline		{ width:auto }
										
									 /*forms*/
									 .f-element{ padding-top:15px}
									 .f-label{ text-align:left; font-size:12px; padding-bottom:3px; color:#333}
									 .f-field{ color:#555; background-color:transparent; border:1px rgba(0,0,0,.2) solid; padding:0.5rem; font-size:1.2rem; height:2.6rem; letter-spacing:.1rem; width:100%}
									 textarea{font-family:Arial, Helvetica, sans-serif}
									 
									 /*ovals*/
									  .xlcircle{
											-webkit-border-radius: 100%;
											-moz-border-radius: 100%;
											border-radius: 100%;
										}
										
									/*btns*/
									.btn{ text-decoration:none; display:inline-block; cursor:pointer; color:#fff; font-size:12px; text-align:center;  letter-spacing:1px; background-color:#FC0; padding:12px 20px; border:0px #fff solid;
	
										-webkit-border-radius: 2px;
										-moz-border-radius: 2px;
										border-radius: 2px;
										
										transition: 			background-color .5s;
										-webkit-transition: 	background-color .5s;
										-moz-transition: 		background-color .5s;
										-o-transition: 			background-color .5s;
										-ms-transition: 		background-color .5s;
									
									}
									
									.btn:hover{ background-color:#F90; color:#FFF; }
									
									/*modal*/
									.f-curtain{
                                        position:fixed;
                                        top:0px;
										left:0px;
                                        background-color:rgba(0,0,0,.9);
                                        width:100%;
                                        height:100%;
                                        /*display:none;*/
                                        /*pointer-events:none;*/
                                        
                                        background-position:center;
                                        background-repeat:no-repeat;
                                        z-index:2000;
                                        
                                        
                                        
                                        -webkit-transition: opacity 1s;
                                        -moz-transition: opacity 1s;
                                        -o-transition: opacity 1s;
                                        -ms-transition: opacity 1s;
                                        transition: opacity 1s;
    
                                    }
									
									.f-curtain-content{
                                        pointer-events:auto;
                                        background-color:#FFF;
                                        padding:0px;
                                        position:absolute;
                                        top:10%;
                                        max-height:80%;
                                        left:10%;
                                        width:80%;
                                        overflow-y:auto; 
                                    }
									
									.f-curtain-content.half-content{
                                        
                                        left:30%;
                                        width:40%;
                                       
                                    }
									
									.f-curtain-content-header{background-color:#eee; color:#333}
                                    .f-curtain-content-footer{background-color:#eee; color:#333}
									 
									 @media only screen and (max-width:750px){
										 
										 /*alignment*/
										.lleft{ text-align:left}
										.lright{ text-align:right}	
										.lcenter{ text-align:center}
										 
										 .lhide		{ display:none}
										 .lshow		{display:block}
										 .lshowi	{ display:inline-block}
										 
										 .l1		{ width:8.33% }
										 .l2		{ width:16.66% }
										 .l3		{ width:25% }
										 .l4		{ width:33.33% }
										 .l5		{ width:41.66% }
										 .l6		{ width:50% }
										 .l7		{ width:58.33% }
										 .l8		{ width:66.66% }
										 .l9		{ width:75% }
										 .l10		{ width:83.33% }
										 .l11		{ width:91.66% }
										 .l12		{ width:100% }
										 .l20		{ width:20% }
										 
										 /*forms*/
										 .f-element{ padding-top:15px}
										 .f-label{ text-align:left; font-size:12px; padding-bottom:3px; color:#333}
										 .f-field{ font-size:1.6rem; height:3rem; width:100%}
										 textarea{font-family:Arial, Helvetica, sans-serif}
										 
										 /*modal*/
										 .f-curtain-content{
											pointer-events:auto;
											background-color:#FFF;
											padding:0px;
											position:absolute;
											top:0%;
											max-height:100%;
											left:0%;
											width:100%;
											overflow-y:auto; 
										}
										
										.f-curtain-content.half-content{
											
											left:10%;
											width:80%;
											top:10%;
											max-height:80%;
										   
										}
										 
									 }