/* ==reset css== */
*{margin:0;padding:0;} 
table{border-collapse:collapse;border-spacing:0;} 
fieldset,img{border:0;} 
address,caption,cite,code,dfn,em,th,var,i{font-style:normal;font-weight:normal;} 
ol,ul {list-style:none;} 
caption,th {text-align:left;} 
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight: normal;} 
q:before,q:after{content:'';}
html,body{ width: 100%; height: 100%; font-size: 12px; font-family: Arial, SimSun; }
body{ color: #636363; text-align: center; background: #EFF4F5; }
div, td { word-wrap: break-word; word-break: break-all; }

/* ==IE hack== */
.clearline{ clear:both;}
.hackbox{ display: table; }

/* ==link== */
a{ text-decoration: none; }
a:hover{ text-decoration: underline; }

/* ==wapper== */
.container{ width: 950px; margin: 0 auto; background-color:#537187;}
.confix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }

/* ==header== */
.header_topic{ background: #537187; width: 930px; padding: 0 10px; }
.header_topic ul{ list-style: none; }
.header_topic li{ float: left; color: white; }
.header_topic li a{ color: white; }
.header_topic li a:hover{ color: #F60; }
.header_topic ul.left li{ border-right: 1px solid white; margin: 10px 0 0 10px; display: inline; }
.header_topic ul.left li.img{ border: none; margin-top: 0; }
.header_topic ul.left li.end{ border: none; }
.header_topic ul.right{ float: right; line-height: 33px; }

/* ==foot== */
.foot_topic{ background: #537187; width: 930px; padding: 20px 10px; line-height: 30px; color: white; }
.foot_topic a{ color: white; }
.foot_topic a:hover{ color: #f60; }

/* ==topic_bg== */
.topic_bg{ width: 950px; float: left; overflow: hidden; }
.bg01{ background: url(../i/media_01.jpg) no-repeat; height: 145px; }
.bg02{ background: url(../i/media_02.jpg) no-repeat; height: 97px; }
.bg03{ background: url(../i/media_03.jpg) no-repeat; height: 119px; }
.bg04{ background: url(../i/media_04.jpg) no-repeat; height: 495px; }
.bg05{ background: url(../i/media_05.jpg) no-repeat; height: 125px; }

.bg03 h2{ width: 670px; float: left; text-align: left; font-size: 14px; font-weight: bolder; margin: 5px 0 0 150px; display: inline; line-height: 1.7; color: #2B619E; }
.bg04 h2{ width: 670px; float: left; text-align: left; color: #816D1D; margin: 5px 0 0 150px; display: inline; }
.bg04 dl{ width: 670px; float: left; margin: 10px 0 0 150px; display: inline; text-align: left; }
.bg04 dd{ width: 670px; float: left; margin-top: 5px; line-height: 25px; }
.bg04 dd span{ float: left; width: 60px; }
.bg04 dd em{ float: left; }
.bg04 dd input, .bg04 dd img, .bg04 dd select{ vertical-align: middle; }
.bg04 dt{ width: 400px; float: left; text-align: center; margin-top: 10px; }