body{
margin:0px;
font-family:arial;
font:arial;
text-align:justify;
}
.header{
background-image:url(images/head_bg.jpg);
height:113px;
border-bottom:1px #FFFFFF solid;
}
.wrap{
width:1100px;
margin:0 auto;
overflow:hidden;
}
.top{
height:20px;
background-color:#d7d7d7;
}
.logo{
width:310px;
padding:10px 5px;
float:left;
}
.menu{
width:710px;
float:right;
margin-top:50px;
font-family:myFirstFont;
font-size:22px;
}
.page{
background-image:url(images/page_bg.jpg);
overflow:hidden;
}
.flash{
background-color:#FFFFFF;
padding:8px;
margin-top:10px;
}
.news_box{
width:295px;
float:left;
padding:7px;
margin-right:10px;
background-color:#0360A5;
color:#FFFFFF;
font-family:boxtitle;
font:arial;
font-size:24px;
text-shadow: 1px 0px #666666;
font-weight:bold;
}
.news_cont{
width:310px;
float:left;
margin-right:10px;
background-color:#0360A5;
color:#FFFFFF;
font-family:arial;
font:arial;
font-size:12px;
height:295px;

}
.wel_box{
width:392px;
float:left;
padding:7px;
margin-right:10px;
background-color:#8d8c8c;
color:#FFFFFF;
font-family:boxtitle;
font:arial;
font-size:24px;
text-shadow: 1px 0px #666666;
font-weight:bold;
}
.wel_cont{
width:392px;
float:left;
padding:7px;
margin-right:10px;
background-color:#8d8c8c;
color:#FFFFFF;
font-family:arial;
font:arial;
font-size:12px;
height:285px;
}
.comp_box{
width:340px;
float:right;
padding:8px;
background-color:#bbbaba;
color:#FFFFFF;
font-family:boxtitle;
font:arial;
font-size:24px;
text-shadow: 1px 0px #666666;
font-weight:bold;
}
.comp_cont{
width:350px;
float:right;
background-color:#bbbaba;
color:#FFFFFF;
font-family:arial;
font:arial;
font-size:12px;
height:295px;
}
.box{
width:310px;
float:left;
margin-right:10px;
background-color:#666666;
}

.box1{
width:310px;
float:right;
background-color:#666666;
}
.com_name{
padding:5px;
color:#FFFFFF;
font-size:14px;
height:29px;
text-decoration:none;
}
.com_name a{

color:#FFFFFF;
font-size:14px;
height:29px;
text-decoration:none;
}
.com_name a:hover{

color:#FFFFFF;
font-size:14px;
height:29px;
text-decoration:none;
}
.slider{
background-image:url(images/slid.jpg);
height:70px;
padding-left:3px;
border:1px #CCCCCC solid;
padding-top:10px;
}
.slider1{
background-image:url(images/slid.jpg);
height:85px;
border:1px #CCCCCC solid;
}
.foot{
background-color:#e3e3e3;
height:100px;
margin-top:10px;
}
.foot_wrap{
width:1100px;
margin:0 auto;
border-top:5px #999999 solid;
margin-top:4px;
}
.txt1{
color:#666666;
font-size:12px;
}
.read{
font-size:13px;
color:#FFFFFF;
text-decoration:none;
}
.read a{
font-size:13px;
color:#FFFFFF;
text-decoration:none;
}
.read a:hover{
font-size:13px;
color:#FFFFFF;
text-decoration:underline;
}
.bod{
height:10px;
background-color:#efefef;
}
@font-face
{
font-family: myFirstFont;
src: url('MyriadPro-Cond.otf'); /* IE9 */
}

.img_tit_box{
width:30%;
float:left;
padding:7px;
margin-right:10px;
background-color:#ffffff;
color:#666666;
font-family:arial;
font-size:16px;
font:arial;
height:186px;
font-weight:bold;
letter-spacing:-1px;
}

.img_tit{
width:340px;
padding:7px;
margin-right:18px;
float:left;
background-color:#ffffff;
color:#666666;
font-family:boxtitle;
font:arial;
font-size:24px;
text-shadow: 1px 0px #999999;
text-align:center;
letter-spacing:-1px;
}

.img_tit a{
width:295px;
text-decoration:none;
float:left;
background-color:#ffffff;
color:#666666;
font-family:boxtitle;
font:arial;
font-size:24px;
text-shadow: 1px 0px #999999;
text-align:center;
letter-spacing:-1px;
display:block;
}
.img_tit a:hover{
width:295px;
text-decoration:none;
float:left;
background-color:#ffffff;
color:#666666;
font-family:boxtitle;
font:arial;
font-size:24px;
text-shadow: 1px 0px #999999;
text-align:center;
letter-spacing:-1px;
}
.img_tit1{
width:350px;
float:right;
background-color:#ffffff;
color:#666666;
font-family:boxtitle;
line-height:16px;
font-size:24px;
text-shadow: 1px 0px #999999;
text-align:center;
letter-spacing:-1px;
}
.img_tit1 a{
width:300px;
float:right;
padding:10px 6px 2px 6px;
background-color:#ffffff;
color:#666666;
font-family:boxtitle;
line-height:16px;
font-size:24px;
text-shadow: 1px 0px #999999;
text-align:center;
height:27px;
letter-spacing:-1px;
text-decoration:none;
}
.img_tit1 a:hover{
width:300px;
text-decoration:none;
float:right;
background-color:#ffffff;
color:#666666;
font-family:boxtitle;
line-height:16px;
font-size:24px;
text-shadow: 1px 0px #999999;
text-align:center;
height:27px;
letter-spacing:-1px;
}

.img_tit2{
width:295px;
float:right;
padding:10px 6px 2px 6px;
background-color:#ffffff;
color:#666666;
font-family:boxtitle;
line-height:16px;
font-size:24px;
text-shadow: 1px 0px #999999;
text-align:center;
height:27px;
letter-spacing:-1px;
}
.img_tit2_box{
width:295px;
float:right;
padding:7px;
background-color:#ffffff;
color:#666666;
font-family:arial;
font-size:14px;
color:#333333;
line-height:16px;
height:186px;
text-shadow: 1px 0px #999999;
text-align:center;
letter-spacing:-1px;
}
@font-face
{
font-family: boxtitle;
src: url('BNKGOTHL.TTF'),
     url('BNKGOTHL.TTF'); /* IE9 */
}

.imp_box{
width:293px;
float:left;
padding:7px;
margin-right:10px;
background-color:#FFFFFF;
font-family:boxtitle;
border:1px #CCCCCC solid;
font-size:25px;
letter-spacing:-1px;
color:#333333; !important

}
.imp_box1{
width:294px;
float:right;
padding:7px;
background-color:#FFFFFF;
font-family:boxtitle;
border:1px #CCCCCC solid;
font-size:25px;
letter-spacing:-1px;
color:#333333; !important
}
.box_con{
border:1px #CCCCCC solid;
padding:5px;
font-family:arial;
font-size:14px;
color:#333333; !important
}
.ft{
font-size:11px;
color:#666666;
text-decoration:none;
}
.ft a{
font-size:11px;
color:#666666;
text-decoration:none;
}
.ft a:hover{
font-size:11px;
color:#666666;
text-decoration:none;
}
.top_log{
font-size:12px;
color:#333333;
text-decoration:none;
}
.top_log a{
font-size:12px;
color:#333333;
text-decoration:none;
}
.top_log a:hover{
font-size:12px;
color:#333333;
text-decoration:underline;
}

      #suggestPost
      {
        background:transparent url(suggest-post.png) no-repeat scroll 0px 0px;
        
        left:0;
        position:fixed;
        top:150px;
        width:40px;
      }
      #suggestPost:hover
      {
        background-position:-41px 0px;
      }
      #suggestPost a
      {
        display:block;padding:2px 0px 2px 0px;
        width:30px;
      }
	  
.lnk{
color:#006699;
text-decoration:none;
}
.lnk a{
color:#006699;
text-decoration:none;
}
.lnk a:hover{
color:#006699;
text-decoration:underline;
}
.title3{
color:#666666;
font-family:boxtitle;
font:arial;
font-size:24px;
text-shadow: 1px 0px #999999;
background-color:#FFFFFF;
letter-spacing:-1PX;
padding:4px;
}
.title4{
font-family:boxtitle;
font:arial;
font-size:24px;
color:#FFFFFF;
background-color:#333333;
letter-spacing:-1PX;
padding:4px;
}
.left_box{
width:465px;
float:left;
}

.right_box{
width:465px;
float:right;
}
.content{
background-color:#FFFFFF;
margin-top:5px;
overflow:hidden;
}
.bod1{
border:1px #EEEEEE solid;
}
.appl_page{
width:650px;
float:right;
margin-right:7px;
background-color:#FFFFFF;
overflow:hidden;
padding:5px 5px 5px 10px;
line-height:20px;
font-size:13px;
color:#666666;
border-left:1px #CCCCCC dotted;
}
.txt{
line-height:20px;
font-size:13px;
color:#666666;
}
.img{
float:left;
margin:10px;
}
.img1{
float:right;
margin:10px;
}
.org{
font-family:verdana;
font-size:14px;
color:#FF6600;
}
.org1{
font-family:verdana;
font-size:12px;
color:#FF6600;
}
.tab{
background-image:url(images/tab.jpg);
height:28px;
width:200px;
border:1px #CCCCCC solid;
}
.tab1{
width:200px;
border:1px #CCCCCC solid;
}
.btn{
background-color:#ff9c00;
width:80px;
padding:4px;
color:#FFFFFF;
border:1px #db8702 solid;	
}
.btn1{
background-color:#ff9c00;
width:100px;
padding:4px;
color:#FFFFFF;
border:1px #db8702 solid;	
}
.red{
color:#990000;
font-size:12px;
}
.sml_wht{
font-size:12px;
color:#FFFFFF;
text-decoration:none;
}
.sml_wht a{
font-size:12px;
color:#FFFFFF;
text-decoration:none;
}
.sml_wht a:hover{
font-size:12px;
color:#FFFFFF;
text-decoration:none;
}
.new_txt{
font-size:14px;
color:#FFFFFF;
}
.red_sml{
color:#990000;
font-size:12px;
text-decoration:none;
}
.red_sml a{
color:#990000;
font-size:12px;
text-decoration:none;
}
.red_sml a:hover{
color:#990000;
font-size:12px;
text-decoration:underline;
}

@media only screen
and (min-width : 320px)
and (max-width : 640px) {
.wrap{
width:90%;
margin:0 auto;
}
.foot_wrap{
width:90%;
border-top:5px #999999 solid;
margin-top:4px;
}
.header{
background-image:url(images/head_bg.jpg);
border-bottom:1px #FFFFFF solid;
height:100%;
}
.top{
height:20px;
background-color:#d7d7d7;
overflow:hidden;
}
.logo{
width:98%;
padding:10px 5px;
float:none;
text-align:center;
}
.menu{
width:98%;
float:none;
margin-top:0px;
font-size:22px;
}
.news_box{
width:100% !important;
float:none;
padding:7px;
margin-right:0px;
background-color:#0360A5;
color:#FFFFFF;
font-family:boxtitle;
font:arial;
font-size:24px;
text-shadow: 1px 0px #666666;
font-weight:bold;
}
.news_cont{
width:100% !important;
float:none;
margin-right:0px;
background-color:#0360A5;
color:#FFFFFF;
font-family:arial;
font:arial;
font-size:12px;
height:295px;

}
.wel_box{
width:98%;
float:none;
padding:7px;
margin-right:10px;
background-color:#8d8c8c;
color:#FFFFFF;
font-family:boxtitle;
font:arial;
font-size:24px;
text-shadow: 1px 0px #666666;
font-weight:bold;
}
.wel_cont{
width:98%;
float:none;
padding:7px;
margin-right:0px;
background-color:#8d8c8c;
color:#FFFFFF;
font-family:arial;
font:arial;
font-size:12px;
height:285px;
}
.comp_box{
width:98%;
float:none;
padding:8px;
background-color:#bbbaba;
color:#FFFFFF;
font-family:boxtitle;
font:arial;
font-size:24px;
text-shadow: 1px 0px #666666;
font-weight:bold;
}
.comp_cont{
width:100%;
float:none;
background-color:#bbbaba;
color:#FFFFFF;
font-family:arial;
font:arial;
font-size:12px;
height:auto;
}
.box{
width:95%;
float:none;
margin-right:0px;
background-color:#666666;
}

.box1{
width:95%;
float:none;
background-color:#666666;
}
}
@media only screen
and (min-width : 641px)
and (max-width : 1000px) {
.wrap{
width:100%;
margin:0 auto;
}
.foot_wrap{
width:90%;
border-top:5px #999999 solid;
margin-top:4px;
}
.header{
background-image:url(images/head_bg.jpg);
border-bottom:1px #FFFFFF solid;
height:100%;
}
.top{
height:20px;
background-color:#d7d7d7;
overflow:hidden;
}
.logo{
width:98%;
padding:10px 5px;
float:none;
text-align:center;
}
.menu{
width:98%;
float:none;
margin-top:0px;
font-size:22px;
}
.news_box{
width:100% !important;
float:none;
padding:7px;
margin-right:0px;
background-color:#0360A5;
color:#FFFFFF;
font-family:boxtitle;
font:arial;
font-size:24px;
text-shadow: 1px 0px #666666;
font-weight:bold;
}
.news_cont{
width:100% !important;
float:none;
margin-right:0px;
background-color:#0360A5;
color:#FFFFFF;
font-family:arial;
font:arial;
font-size:12px;
height:295px;

}
.wel_box{
width:98%;
float:none;
padding:7px;
margin-right:10px;
background-color:#8d8c8c;
color:#FFFFFF;
font-family:boxtitle;
font:arial;
font-size:24px;
text-shadow: 1px 0px #666666;
font-weight:bold;
}
.wel_cont{
width:98%;
float:none;
padding:7px;
margin-right:0px;
background-color:#8d8c8c;
color:#FFFFFF;
font-family:arial;
font:arial;
font-size:12px;
height:285px;
}
.comp_box{
width:98%;
float:none;
padding:8px;
background-color:#bbbaba;
color:#FFFFFF;
font-family:boxtitle;
font:arial;
font-size:24px;
text-shadow: 1px 0px #666666;
font-weight:bold;
}
.comp_cont{
width:100%;
float:none;
background-color:#bbbaba;
color:#FFFFFF;
font-family:arial;
font:arial;
font-size:12px;
height:auto;
}
.box{
width:95%;
float:none;
margin-right:0px;
background-color:#666666;
}

.box1{
width:95%;
float:none;
background-color:#666666;
}
}