@charset "utf-8";
/*reset--------------------------------------------------*/

body,#main { background-color:#fff; color:#333; font-size: 90%;}
header#header  { border-bottom:1px solid #fff; }

#tgs #main,
#tgs #main .inner { width:100%; }

header.head { padding-top:18px; width:970px; margin:0 auto;  background-color:#fff; }

#tgs p {line-height:150%; }

#tgs #main h1{ margin:0; padding:0; }
#tgs #main h2 { }

#tgs #main .cont { width: 970px; margin: 0 auto; background-color:#fff;}

#tgs .detail{ width:100%; }

a:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=80)";  /* ie 8 */
	-moz-opacity:0.8;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.8;              /* Safari 1.x */
	zoom:1;	
}

#tgs #main .info{ width:970px; overflow: hidden;}
#tgs #main .info .infoleft{ width:400px; float:left;}
#tgs #main .info .inforight{ width:555px; float:right; }

#tgs #main .info .infoleft table{ width:400px; font-size: 95%;}



@media screen and (orientation:portrait) {
html.touch #tgs #header { width:1100px;}
html.touch #body           { width:1100px;}
html.touch #tgs #footer { width:1100px;}
html.touch #main .inner    { padding:0;}
html.touch #tgs #main   { width:1100px; }
html.touch #tgs header.head { width: 88%; margin:0 auto; }

html.touch .inner header,html.touch section,html.touch div.cont { width:800px; margin:0 auto;}

}