#news { position: absolute; top: 10%; left: 10%; width: 80%; max-width: 800px; margin: 0 auto; height: 80%; background: transparent url(../../../../../src/img/body_bg/bg.png) repeat; box-shadow: 0 0 30px #000000; overflow: auto; }

	#news .topic { width: 100%; min-height: 100px; margin: 0 0 40px 0; position: relative; }
        #news .topic .bg { position: absolute; top: 30px; left: 30px; width: 40px; height: 0; border: 30px solid #0D7039; border-right: 15px solid transparent; }
        #news .topic h2.date { position: absolute; top: 40px; left: 30px; width: 75px; height: 60px; color: #ffffff; font-size: 16px; line-height: 20px; text-align: center; }

		#news .topic .content { display: block; margin: 0 0 0 120px; padding: 30px 0 20px 0; position: relative; }
            #news .topic .content h1.title { display: block; font-size: 24px; line-height: 25px; max-height: 25px; color: #ffffff; text-decoration: none; overflow: hidden; }
            #news .topic .content p.text { display: block; font-size: 11px; color: #ffffff; text-decoration: none; max-height: 100px; line-height: 20px; overflow: hidden; margin: 5px 0 0 0; }
            #news .topic .content a { position: absolute; bottom: 0; right: 30px; font-size: 11px; color: #ffffff; text-decoration: none; }
            #news .topic .content a:hover { text-decoration: underline; }