@charset "utf-8";

body{
	background:url(/res/image/bg01.gif) top left repeat-x;
	}
#HGROUP{
	min-height:80px;
	}

.headerInfo dl{
	width:910px;
	margin:20px auto 0 auto;
	font-size:112.2%;
	color:#ff0000;
	background:#fff;
	border:1px solid #ff0000;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:11px 0 11px 10px;
	}
.headerInfo dt{
	font-weight:bold;
	float:left;
	}
.headerInfo dd{
	float:left;
	padding-left:20px;
	}
.headerInfo dd a{
	color:#ff0000;
	}




.mainvidcover{
	height:462px;
	position:relative;
	}

/* main vid */
.openingBlock{
	background:url(/res/image/openingbg01.jpg) top left no-repeat;
	width:959px;
	height:462px;
	margin:0 auto;
	text-align:center;
	filter: alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
	}
.openingBlock .openingtxt1{
	padding-top:116px;
	filter: alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
	}
.openingBlock .openingtxt2{
	padding-top:42px;
	filter: alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
	}
.flowPanel{
	position:absolute;
	height:462px;
	top:18px;
	left:0;
	filter: alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
	display:none;
	}
.flowPanel .mainpanelcover{
	position:absolute;
	top:0px;
	left:92px;
	}
.flowPanel .mainpanel{
	position:absolute;
	top:0px;
	left:0;
	}
.flowPanel .mainpanel li{
	position:absolute;
	top:0px;
	left:0px;
	width:776px;
	height:332px;
	}
.flowPanel .mainpanel li a.frm{
	display:block;
	background:url("/res/image/frm.png") top left no-repeat;
	width:776px;
	height:332px;
	padding:6px 0 0 0;
	text-align:center;
	position:relative;
	}
.flowPanel .mainpanel li a.frm .whitecover{
	position:absolute;
	top:0px;
	left:0px;
	}
.flowPanel .subpanelcover{
	position:absolute;
	top:342px;
	left:0;
	width:960px;
	height:85px;
	overflow:hidden;
	}
.flowPanel .leftbtn{
	position:absolute;
	top:19px;
	left:0;
	}

.flowPanel .rightbtn{
	position:absolute;
	top:19px;
	left:906px;
	}
.flowPanel .subpanelout{
	position:absolute;
	top:0;
	left:59px;
	width:839px;
	height:85px;
	overflow:hidden;
	}
.flowPanel .subpanel{
	position:absolute;
	top:0px;
	left:0px;
	width:15000px;
	}
.flowPanel .subpanel li{
	position:absolute;
	top:9px;
	left:0px;
	}
.flowPanel .subpanel li a{
	display:block;
	background:#ffffff;
	padding:3px;
	position:relative;
	}
.flowPanel .subpanel li a .currentimg{
	position:absolute;
	top:-9px;
	left:0px;
	}
.flowPanel .currentImg{
	position:absolute;
	top:0px;
	left:399px;
	}



.nhpanel{
	position:relative;
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
	}
.nhpanel .nhpanel1{
	position:absolute;
	top:0;
	left:0;
	}
.nhpanel .nhpanel2{
	position:absolute;
	top:0;
	left:228px;
	}
.nhpanel .nhpanel3{
	position:absolute;
	top:0;
	left:414px;
	}
.nhpanel .nhpanel4{
	position:absolute;
	top:0;
	left:600px;
	}
.nhpanel .nhpanel5{
	position:absolute;
	top:172px;
	left:228px;
	}
.nhpanel .nhpanel6{
	position:absolute;
	top:172px;
	left:414px;
	}
.nhpanel .nhpanel7{
	position:absolute;
	top:172px;
	left:600px;
	}
.nhpanel img{
	position:absolute;
	top:0;
	left:0;
	}

.submainpanel a.frm{
	display:block;
	background:url("/res/image/frm.png") top left no-repeat;
	width:776px;
	height:326px;
	padding:6px 0 0 0;
	margin:17px auto 0 auto;
	text-align:center;
	position:relative;
	}
.submainpanel .nhpanel{
	display:block;
	width:776px;
	height:326px;
	padding:6px 0 0 0;
	margin:17px auto 0 auto;
	text-align:center;
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
	}

.topcontents{
	width:959px;
	background:#fff url(/res/image/bg02.gif) top left no-repeat;
	padding-top:10px;
	margin:0 auto;
	}

.topcontents .col1{
	float:left;
	width:221px;
	padding:0 0 0 13px;
	}
.topcontents .col1 li{
	margin-top:10px;
	text-align:center;
	position:relative;
	}
.topcontents .col1 li:first-child{
	margin-top:0;
	}
.topcontents .col1 li a img,
.topcontents .col2 li a img,
.topcontents .col3 li a img{
	position:absolute;
	top:0px;
	left:0px;
	}

.topcontents .col2{
	float:left;
	width:220px;
	padding:0 0 0 15px;
	}
.topcontents .col2 li{
	margin-top:10px;
	text-align:center;
	position:relative;
	}
.topcontents .col2 li:first-child{
	margin-top:0;
	}

.topcontents .col3{
	float:left;
	width:221px;
	padding:0 0 0 14px;
	}
.topcontents .col3 li{
	margin-top:10px;
	text-align:center;
	position:relative;
	}
.topcontents .col3 li:first-child{
	margin-top:0;
	}

.topcontents .col4{
	float:left;
	width:215px;
	padding:10px 0 0 20px;
	}

.topcontents .col4 .unit01{
	background:url(/res/image/bg03.gif) bottom left no-repeat;
	}
.topcontents .col4 .unit01 a{
	background:url(/shared/image/icon_tri_red.gif) 0 0.3em no-repeat;
	display:block;
	padding:0 0 0 14px;
	}
.topcontents .col4 .unit01 ul{
	padding:0 15px 15px 15px;
	}
.topcontents .col4 .unit01 ul li{
	margin-top:13px;
	}

.topcontents .col4 .unit02{
	margin-top:20px;
	background:url(/res/image/bg03.gif) bottom left no-repeat;
	}
.topcontents .col4 .unit02 .btns li{
	float:left;
	}
.topcontents .col4 .unit02 .btns li.btn01{
	width:108px;
	}
.topcontents .col4 .unit02 .btns li.btn02{
	width:107px;
	}
.topcontents .col4 .unit02 .txt{
	padding:0 15px 15px 15px;
	}
.topcontents .col4 .unit02 .txt dl{
	margin-top:13px !important;
	}
.topcontents .col4 .unit02 .txt dl dd{
	margin-top:3px;
	}
.topcontents .col4 .unit02 .listlink{
	padding:15px 0 17px 0;
	text-align:center;
	border-top:1px solid #ccc;
	}
.irnews{
	display:none;
	}

.topcontents .col4 .unit03{
	margin-top:20px;
	background:url(/res/image/bg03.gif) bottom left no-repeat;
	}
.topcontents .col4 .unit03 ul{
	padding:0 15px 15px 15px;
	}
.topcontents .col4 .unit03 ul li{
	margin-top:13px;
	}
.topcontents .col4 .unit03 ul li dt{
	font-weight:bold;
	}
.topcontents .col4 .unit03 ul li dd{
	margin-top:3px;
	}
.topcontents .col4 .unit03 .listlink{
	padding:15px 0 17px 0;
	text-align:center;
	border-top:1px solid #ccc;
	}

/* print css */
@media print {
	.mainvidcover {
		display:none;
	}
	body{
		overflow:visible !important;
	}
	.topcontents{
		position:static !important;
	}
	.topcontents .col1{
		position:static !important;
	}
	.topcontents .col1 img{
		position:static !important;
	}
	.topcontents .col2{
		position:static !important;
	}
	.topcontents .col2 img{
		position:static !important;
	}
	.topcontents .col3{
		position:static !important;
	}
	.topcontents .col3 img{
		position:static !important;
	}
}








/********** clear-fix  ***********/
.topcontents .col4 .unit02 .btns:after,
.topcontents:after{
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
	}
.topcontents .col4 .unit02 .btns,
.topcontents{
	zoom: 1;
	}