body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0}
table {border-collapse:collapse;border-spacing:0}
fieldset,img {border:0}
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal}
em{font-style: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:''}
abbr,acronym {border:0}

.clear{clear:both; font-size:0px; height:0px; line-height:0px; visibility:hidden}
.clearfix:after{content:""; display:block; clear: both}
.clearfix{zoom:1}

img{vertical-align:top}
a:link{text-decoration:none; color:#000}
a:visited{text-decoration:none; color:#000}
a:hover{text-decoration:underline; color:#f00}
a:active{text-decoration:none; color:#000}

body{background:#fff}

.wrapper{width:960px; margin:0px auto; clear:both}
.dConL{float:left}
.dConC{float:left}
.dConR{float:right}

#banner img{width:960px; height:150px}

#subNav{background:url(sub_bg01.gif) 0px 0px repeat-x; height:30px; overflow:hidden; margin-top:10px; margin-bottom:10px}
#subNav ul{margin-left:-2px}
#subNav li{background:url(sub_bg01.gif) 0px -201px no-repeat; float:left; padding-left:25px; margin-right:25px; height:30px; line-height:30px; font-size:12px}
#subNav li a,#subNav li a:visited{color:#fff}

#con1{background:url(sub_bg02.gif) 0px 0px repeat-y; margin-bottom:5px}
#con1 .dConL{width:300px; padding:8px 10px 0px; border-top:1px solid #C9DCEA}
.dImg1{width:300px; overflow:hidden; text-align:center; font-size:14px; font-weight:bold; margin-bottom:35px}
.dImg1 img{width:300px; height:200px; margin-bottom:10px}

.dVideo{margin-bottom:30px}
.dTit1{background:url(sub_bg01.gif) 0px -50px repeat-x; height:25px; line-height:25px; overflow:hidden; font-size:12px; margin-bottom:10px}
.dTit1 h4{float:left; display:inline; font-weight:bold; margin-left:12px}
.aMore{background:url(sub_bg01.gif) 0px -251px no-repeat; float:right; margin-right:10px; padding-left:15px}
.aVideo{background:url(sub_bg03.gif) 0px 0px no-repeat; padding:2px 2px 0px; width:296px; display:block; font-size:14px; font-weight:bold; text-align:center; margin-bottom:17px}
.aVideo img{margin-bottom:30px}
.dVideo li{background:url(sub_bg01.gif) 8px -303px no-repeat; font-size:12px; line-height:28px; padding-left:30px}
.dCon1{margin-bottom:15px}
.ul1 li{background:url(sub_bg01.gif) 2px -348px no-repeat; padding-left:9px; font-size:12px; line-height:28px}

#con1 .dConC{width:380px; margin-left:20px}
.pIntro{line-height:30px; font-size:14px; background:url(sub_dot3x1.gif) 0px bottom repeat-x; padding-bottom:14px; margin-bottom:15px; margin-top:-5px}
.pIntro strong{margin-right:1em}
.pIntro a,.pIntro a:visited{margin-left:5px; text-decoration:underline}
.dCon2 h5{font-size:14px; margin-bottom:12px; margin-top:5px; font-weight:bolder}
.dCon2 p{font-size:12px; text-indent:2em; line-height:24px; color:#808080; background:url(sub_dot3x1.gif) 0px bottom repeat-x; padding-bottom:14px; margin-bottom:16px}
.dCon2 p.pE{background:none; padding-bottom:0px; margin-bottom:20px}

.dCon3{margin-bottom:30px}
.dTit2{background:url(sub_bg01.gif) 0px -100px repeat-x; overflow:hidden; height:25px; line-height:25px; font-size:12px; margin-bottom:10px}
.dTit2 h4{float:left; display:inline; font-weight:bold; margin-left:12px}
.ul2 li{background:url(sub_bg01.gif) 3px -348px no-repeat; padding-left:12px; font-size:14px; line-height:30px}

#con1 .dConR{width:200px}
.dTit3{background:url(sub_bg01.gif) 0px -160px repeat-x; overflow:hidden; font-size:12px; margin-bottom:10px}
.dTit3 h4{float:left; padding-right:1em; background:#fff; font-weight:bold}
.dTit3 h4 a,.dTit3 h4 a:visited{color:#2384C8; text-decoration:underline}
.dTit3 h4 a:hover{text-decoration:none}
.dCon4{margin-bottom:30px}
.dCon4 p{line-height:24px; text-indent:2em; font-size:12px}

.dCon5{font-size:12px; text-align:center; font-weight:bold}
.dCon5 img{width:180px; height:80px; display:block; margin:0px auto 8px; border:1px solid #666}
.dCon5 p{text-align:left; text-indent:2em; color:#808080; font-weight:normal; line-height:22px; background:url(sub_dot3x1.gif) 0px bottom repeat-x; padding-bottom:12px; margin:5px auto 7px}

.dLine1{background:url(sub_bg02.gif) -1920px 0px no-repeat; height:1px; line-height:1px; font-size:1px; clear:both}

.dCon6{width:956px; border:1px solid #CADDEB; padding:1px; overflow:hidden; margin-bottom:8px}
.dTit4{background:url(sub_bg01.gif) 0px -100px repeat-x; height:25px; line-height:25px; font-size:12px}
.dTit4 h4{font-weight:bold; float:left; display:inline; margin-left:15px}
.dTit4 .aMore{margin-right:30px}
.ulImg1{float:left; margin:5px 0px 0px -5px; font-size:12px}
.ulImg1 li{float:left; padding:10px 0px 10px 22px; width:167px; text-align:center}
.ulImg1 li img{width:165px; height:110px; border:1px solid #666; display:block; margin-bottom:10px}
.ulImg2{float:left; margin-left:-24px; display:inline; clear:both}
.ulImg2 li{float:left; padding:15px 0px 15px 36px; width:450px}
.ulImg2 li img{float:left; margin-right:12px; width:180px; height:120px; border:1px solid #666}
.ulImg2 li strong{float:left; font-size:14px; font-weight:normal; text-decoration:underline; width:253px; overflow:hidden; margin-bottom:14px}
.ulImg2 li p{float:left; width:253px; line-height:24px; color:#808080; font-size:12px; text-indent:2em}
.ul3{float:left; display:inline; overflow:hidden; margin-left:-86px}
.ul3 li{float:left; display:inline; background:url(sub_bg01.gif) 4px -346px no-repeat; padding-left:12px; width:380px; overflow:hidden; white-space:nowrap; font-size:14px; line-height:30px; margin-left:94px}
#con3 .ul3{padding-bottom:15px; margin-top:10px}
.ulImg3{float:left; margin-left:-25px}
.ulImg3 li{float:left; padding:16px 0px 16px 40px; width:282px}
.ulImg3 li span{text-decoration:underline; display:block; text-align:center; font-size:14px; margin:12px auto 12px}
.ulImg3 li img{width:280px; height:120px; border:1px solid #666}
.ulImg3 li p{font-size:12px; line-height:24px; color:#808080; text-indent:2em}

#conIfile iframe{width:930px; height:400px; margin:10px auto 20px; display:block}

#con5{background:url(sub_bg02.gif) -960px 0px repeat-y}
#con5 .dConL,#con5 .dConR{width:200px; padding:10px 15px 20px; font-size:12px}
#con5 .dTit3 h4{background:#F6F8F8}
.dCon7{margin-bottom:20px}
.ulImg4{margin:0px auto; width:182px}
.ulImg4 li{width:182px; overflow:hidden; text-align:center; padding-bottom:18px}
.ulImg4 li img{width:180px; height:120px; border:1px solid #666; display:block; margin-bottom:10px}
#con5 .dConR .ulImg4{background:url(sub_dot3x1.gif) 0px bottom repeat-x; margin-bottom:10px}
#con5 .dConR .ul1{margin-left:8px}
#con5 .dConC{width:470px; margin-left:16px}
.ul4 li{background:url(sub_bg01.gif) 6px -346px no-repeat; padding-left:14px; overflow:hidden; font-size:14px; line-height:30px; clear:both}
.ul4 li a{float:left}
.ul4 li span{float:right; color:#808080}
#con5 .ul4{margin:10px auto 15px}