@import url(../fonts/stylesheet.css);
@charset "utf-8";
/* CSS Document */

.main{padding:2% 12% 2% 12%;}
.main h3{font-size:22px; font-weight:bold;}
body{
	background-color:#FFF;
	font-family:Rockwell;
    font-size:14px;
	}

#topl img{ width:40%;}
#topr a {
    color:black;
	text-decoration:none;
	font-size:20px;
	}
#topr a:hover {color:#CB2028;}	
#topl{float:left; width: 100%;}
#topr{float:left; width: 100%; }
#issue_head{font-size:25px; color:#000; font-family:Impact; width:100%;}

#toplinks{width:100%; float:left; margin-top:2%;}
#toplinks ul li{ list-style:none; float:none; margin-left:5%; margin-right:5%; border-bottom:2px solid #333; padding:1%; background-color:#F00;}
#toplinks ul li:last-child {border-bottom:none;}
#toplinks ul li a{ color:#000; text-decoration:none; font-size:14px;}	
#toplinks li a:hover{color:#CB2028;}
#sociallink{width:100%;}
#sociallink ul li{ float:left; list-style:none; margin-right:1%; margin-left:1%;font-size:14px; }
/*#sociallink ul li i{font-size:14px; }*/
#line_border{border-bottom:2px solid #F0F0F0;}
#backg{margin-top:1%; background-color:#F0F0F0;height:350px;}
#backg h1{font-family:Hobo Std; color:#736864; font-size:16px;}
 /*#backg{height:350px;}*/
 #backg_left img{width:100%; float:left;}
 #backg_right h2 {color:#736864; font-size:16px; font-family:Myriad;}
  #backg_right p{color:#736864; font-size:14px; font-family:Myriad;}
  #backg_left{width:100%; float:left;}
   #backg_right{width:100%; float:left;}
   	#head1{float:left; width:100%;}
	#le img{ width:40%;}
/* submit form*/
/*.cnt_rightbox{
    border: 1px solid #c4c4c4; 
    height: 20px; 
    width:300px; 
    font-size: 13px; 
    padding: 4px 4px 4px 4px; 
    border-radius: 4px; 
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 
    box-shadow: 0px 0px 8px #d9d9d9; 
    -moz-box-shadow: 0px 0px 8px #d9d9d9; 
    -webkit-box-shadow: 0px 0px 8px #d9d9d9; 
} 
 
.cnt_rightbox:focus { 
    outline: none; 
    border: 1px solid #7bc1f7; 
    box-shadow: 0px 0px 8px #7bc1f7; 
    -moz-box-shadow: 0px 0px 8px #7bc1f7; 
    -webkit-box-shadow: 0px 0px 8px #7bc1f7; 
}
#cnt_rightbox_textarea{
	
    height: 100px; 
    width: 300px; 
}
#cnt_rightbox_list{    height: 30px; 
    width: 300px; 
}
.cnt_right ul li{list-style:none; margin-bottom:3%;}
.radius8{
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	-o-border-radius:8px;
	}*/
/* submit form*/			
	#head1 h1{font-size:18px;}	#footer li{list-style:none;}	#footer{padding:2% 12% 2% 12%; background: #EEEEEE; text-align:right; font-size:12px;}#footer li a{ color:#426F9C;}#footer li a:hover{ text-decoration:underline;}
	#sociallink span a { margin-right:2%;
	}.p2h{font-family: 'candy_scriptregular';}
	#re p a{color:#CB2028; font-family:'Times New Roman', Times, serif; font-weight:lighter; font-size:20px;}
#re p a:hover{ text-decoration:underline;}	
/*api*/
#api_top	{background-color:#CB2027; padding-top:2%; color:#FFF; height:50px;}#api_top	h3{font-size:18px;}#api_head{float:left; width:100%;  margin-bottom:2%;}#api_head h1{font-size:16px;}

/*api*/#sociallink span a img{width:6%;}	
 @media only screen and (min-width: 481px) {
	 #backg{height:340px;}
	 #backg_left img{width:70%; float:left;}
	  #backg_left{width:100%; float:left; }
	   #backg_right{width:100%; float:left;}
	  #backg_right h2 {font-size:18px; }
	  	#head1{float:left;width:70%;}
			
#topl{float:left; width: 50%;}
#topr{float:left; width: 50%; padding-top:3%; }
#issue_head{font-size:40px;}

#sociallink{float:left; width:58%; margin-right:2%;}#head1 h1{font-size:24px;}#footer li{list-style:none; float:left; margin-right:2%;} #footer{height:20px; }
/*api*/
#api_top	{height:35px; padding-top:5%;}#api_head{width:50%; }
/*api*/
#sociallink span a img{width:5%;}
 }
 
 @media only screen and (min-width: 769px) {
		 #backg{height:214px;}
		 #backg_left{width:35%; float:left;}
		 #backg_left img{width:70%; float:left;}
		 #backg_right{width:65%; float:left;}
		 	  #backg_right h2 {font-size:21px; }
		#head1{ float:left;width:70%;}
		#topl{float:left; width: 40%;}
#topr{float:left; width: 40%; padding-top:3%; padding-left:20%;}
#issue_head{font-size:40px;}

#sociallink{float:left; width:38%; padding-left:25%; margin-right:2%;}
#head1 h1{font-size:26px;} #le{float:left; width:30%;} #re{float:left; width:70%;}#footer li{list-style:none; float:left; margin-right:2%;}#footer{height:10px; }
/*api*/
#api_top	{height:30px;padding-top:2%;}#api_head{width:50%; } #api_head h1{font-size:24px;}
/*api*/
#sociallink span a img{width:4%;}
		}