@import url('https://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
 

 
   h1 {padding: 100px 0; font-weight: 400; text-align: center;}
 
   .main {margin: 0 auto; width: 100%; margin:70px 0 0 0}
   .content {background: #fff; color: #373737;}
   .content > div {display: none; padding: 20px 0 5px; font-weight:300; color:#333; font-size:16px; font-family: 'Kanit', sans-serif;  line-height:26px;}
 
   input {display: none;}
   label {display: inline-block; font-weight: 600; text-align: center; font-family: 'Kanit', sans-serif;    padding:8px}
   label:hover {color: #404040; cursor: pointer;}
   input:checked + label {background: #cd0420; color: #fff;}
 
   #tab1:checked ~ .content #content1,
   #tab2:checked ~ .content #content2,
   #tab3:checked ~ .content #content3,
   #tab4:checked ~ .content #content4 {
     display: block;
	 border:1px solid #dddddd;
	 padding:25px;
   }
 
   @media screen and (max-width: 400px) { label {padding: 15px 10px;} }
font-family: 'Open Sans', sans-serif;