@media screen and ( min-width:1px ) and ( max-width:960px ){

		.width { width:100%; position:relative; }

		#header { height:250px; }
		#header * { text-transform:uppercase; }
		#header:after { position:absolute; opacity:1; bottom:0; }
		#header > ul		   { *display:inline-block;_width /**/:100%;padding-left:0;padding-right:0; }
		#header > ul > .left   { position:absolute; top:120px; float:left;position:relative;left:0;width:50%;margin-right:0; display:block; }
		#header > ul > .right  { position:absolute; top:120px; float:left;position:relative;left:auto; right:0;width:50%;margin-left:0; display:block; }
		#header > ul > .center { position:absolute; top:0; left:0; float:left;width:100%; display:inline-block; vertical-align:top; }

		#header .-logobtn { padding:40px 0 0 0; }

		#header .-headbox { display:table; width:100%; height:90px; }
		#header .-headbox > ul { display:table-cell; vertical-align:middle; font-size:0; }
		#header > ul > li.left:hover + li + li { opacity:0.1; }

		#header > ul > .left .-headbox > ul > li,
		#header > ul > .right .-headbox > ul > li { width:50%; }

		#header .-headbox > ul > li > h3 { font-size:12px; padding:15px 0 15px 0; }
		#header .-headbox > ul > li > ul > li > ul > li > a { padding:4px 5px; }
		#header .-headbox > ul > li > ul > li > a { font-size:9px; }
		#header .-headbox > ul > li > ul > li > a { background:rgba(0,0,0,0.5); }

		#header-cover { display:none; }

		#header .-headbox > ul > li:before { top:-20px; opacity:0; }
		#header .-headbox > ul > li.on:before, #header .-headbox > ul > li:hover:before { height:20px; margin:0; opacity:1; }
		#header .-headbox > ul > li.open > ul, #header .-headbox > ul > li:hover > ul { z-index:999; }

		.flexslider-index .slides img {
			-webkit-transform : scale3d(2,2,1) !important;
			 -khtml-transform : scale3d(2,2,1) !important;
			   -moz-transform : scale3d(2,2,1) !important;
				-ms-transform : scale3d(2,2,1) !important;
				 -o-transform : scale3d(2,2,1) !important;
					transform : scale3d(2,2,1) !important;
		}
		#content.index-content { min-height:1px; }

		.-rtbadge {
			width: 70px;
			height: 70px;
			top: 0;
			right: 0;
			z-index: 4;
			position: absolute;
			background-size:70px 70px;
			background-image: url(/_ui/image/badge.png);
		}

		.flexslider-index .player { display:none; }


		#content { padding:0; }

		#article {}
		#article > ul		   { _display:inline-block;width:100%; }
		#article > ul > .left  { float:none;width:100%;margin-right:0; min-height:0; }
		#article > ul > .right { margin-left:0; padding:40px 10px 10px 10px; }

		#subcategory { margin:-30px 10px 10px 10px; }


		#subcategory .connect1 { left:-10px; right:auto; margin-top:100px; }
		#subcategory .connect2 { left:-10px; right:auto; margin-top:100px; }
		#subcategory .connect3 { left:-10px; right:auto; margin-top:100px; }
		#subcategory .connect4 { left:-10px; right:auto; margin-top:100px; }
		#subcategory .connect5 { left:-10px; right:auto; margin-top:100px; }

		.center-all { padding:0 30px 50px 30px; }
		.-subject { padding-right:50px; }


		#footer > ul		  { _display:inline-block;_width /**/:100%; position:relative; }
		#footer > ul > .left  { display:block; float:none;width:100%;margin-right:0; }
		#footer > ul > .right { margin-left:0; }

		#footer > ul > .left { padding:0 30px 40px 30px; }
		#footer > ul > .right { padding:30px; border-top:1px solid rgba(255,255,255,0.1); }

		#footer .-footer-copyright { margin:0; padding:0 30px 0 30px; }

		#footer .-footer-left .-footer-social:after { margin:10px 0 15px 0; }
		#footer .-footer-right .-footer-company > h3:after { margin: 10px 0 15px 0; }

		#backfix.tiny, #backfix.tiny > ul, #backfix.tiny > ul > li { height:100px; }
		#backfix > ul > li:after { padding:0 30px; }

	}