/* CSS Document */
body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,form,img,dl,dt,dd,table,th,td,blockquote,fieldset,div,strong,label,em,img{margin:0;padding:0;border:0;}
ul,ol,li{list-style:none;}
input,button{margin:0;font-size:12px;vertical-align:middle;}
body{font-size:12px;font-family:Arial, Helvetica, sans-serif; color:#333; margin:0 auto; background:#f8f8f8; }
table{border-collapse:collapse;border-spacing:0;}

a{color:#333;text-decoration:none;}
a:hover{color:#c00; text-decoration:underline;}


/* grid.css */
.box-163css{width:950px;height:320px;margin:auto;}

#main_image {text-align: center;position:relative;height:220px;}
#main_image_round{position: absolute;z-index: 2;left: 0px;top: 0px;	right: 0px;	bottom: 0px;}
#news_area {padding-bottom: 7px;padding-top: 0px;}

/*main image selector*/
#bannerlink img {position:absolute; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; width: 950px; height: 320px;}
#bannerlink {left:0;position:absolute;top:0;}

#main_image_selector{position:absolute;z-index:5;width:280px;height:20px;padding:10px;left: 210px;top: 280px;}
#selector_container{float: right;}
#main_image_selector a span{height:27px;}
#main_image_selector a:link,#main_image_selector a:visited{display:block;float:left;width: 15px;height:20px;padding-top:1px;}
#main_image_selector a:hover{width: 15px;height:20px;}
#main_image_selector a.currnt_image{width: 20px;height:20px;}

/*main image director*/
#main_image_go_left,#main_image_go_right{ position:absolute; z-index:20; width:33px;}
#main_image_go_left a,#main_image_go_right a{ display:block; padding-top:135px;opacity:0.7;filter:Alpha(Opacity=70);}
#main_image_go_left a:hover,#main_image_go_right a:hover{opacity:1;filter:Alpha(Opacity=100);}
#main_image_go_left a{ height:270px;}
#main_image_go_right a{ height:230px;}
#main_image_go_left{ left:1px; height:476px}
#main_image_go_right{right:1px;height:436px}
#main_image_go_left{ left:1px; height:476px}
#main_image_go_right{right:1px;height:436px}

@media screen and (max-width: 978px) {
	#main_image {
		text-align: left;
		height: 100%;
	}

	.box-163css {
		width: 100%;
	}

	#bannerlink img {
		width: 142%;
		height: auto;
		-moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
	}

	#bannerlink {
		width: 100%;
    height: 100%;
		overflow: hidden;
	}

	#mainpic {
		display: none;
	}

	#main_image_selector {
		width: auto;
		top: auto;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
	}

	#main_image_go_left {
		left: 4px;
	}
	#main_image_go_right {
		right: 4px;
	}

	#main_image_go_left,
	#main_image_go_right {
		display: block !important;
		width: 20px;
		height: auto;
		top: 50%;
		transform: translateY(-50%);
	}

	#main_image_go_left a,
	#main_image_go_right a {
		padding-top: 0;
		height: auto;
	}

	#main_image_go_left img,
	#main_image_go_right img {
		width: 100%;
	}
}