@import url(http://fonts.googleapis.com/css?family=Francois+One);@import url(http://fonts.googleapis.com/css?family=Oswald);

body{background:url(../images/body.jpg) left top repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#5b5b5b; line-height:22px}

*{margin:0; padding:0;}
p, ul, li, h1, h2, h3, h4, h5, h6{margin:0; padding:0;}
img, a{border:none; padding:0; margin:0}
:focus{outline:none;}
a{color:#ff3c00; outline:none; font-weight:bold; text-decoration:none}
a:hover{text-decoration:none; color:#00a980}
.fleft{float:left; padding-right:10px}
.fright{float:right;}
.clear{clear:both;}
.nobg{background-image:none !important;}
.nobrdr{border:none !important;}
h1, h2, h3, h4, h5, h6{font-family:'Oswald', Arial, Helvetica, sans-serif;}
h2{color:#3399dc; font-family:'Oswald', Arial, Helvetica, sans-serif; font-weight:normal; padding-bottom: 10px;}
h3{font-size:16px; font-weight:normal; color:#000; padding-top: 10px}
hr{color:#dfdfdf; background-color:#dfdfdf; height:1px; border:none; margin:10px 0}


.main{width:980px; margin:0 auto;}

.header{width:980px; float:left; display:inline-block; background:url(../images/logo_bg.jpg) top left no-repeat;}
.header .logo{float:left; display:block; padding:36px 0 0 15px}
.header .logo img:hover{opacity:0.8; filter:alpha(opacity=80)}
.header .nm_ttl{float:left; display:inline-block; padding:32px 0 23px 15px}
.header .nav{float:right; display:inline-block; text-align: right; width: 797px;}
.header .nav ul{float:right;}
.header .nav ul li{list-style:none; float:left; display:inline-block; color:#fff; font-size:14px; font-weight:normal;}
.header .nav ul li a{text-decoration:none; color:#fff; padding:0 10px; font-size:14px; font-weight:normal;}
.header .nav ul li a:hover{color:#000;}
.header .nav2{float:right; display:inline-block; clear:both; padding: 0 0 10px; text-align: right; width: 840px;}
.header .nav2 ul{float:right}
.header .nav2 ul li{list-style:none; float:left; display:inline-block; color:#006ec6; font-size:14px;  font-weight:normal;}
.header .nav2 ul li a{text-decoration:none; color:#006ec6; padding:0 10px; font-size:14px; font-weight:normal;}
.header .nav2 ul li a:hover{color:#ff3d01;}

.header .banner{width:980px; float:left; display:inline-block; background:url(../images/banner_bg.png) top center no-repeat;}
.header .banner img{padding:4px 7px;}

.container{width:980px; float:left; display:inline-block; padding:25px 0}
.container .content{width:640px; min-height:565px; float:left; display:inline-block; padding:0 40px 0 0; border-right:solid 1px #dfdfdf}
.container .content h1{font-size:24px; color:#ff3c00; font-family:'Oswald', Arial, Helvetica, sans-serif; font-weight:normal}
.container .content p{padding:0 0 10px 0;}
.container .content .txt{padding:20px 0; text-align:justify;}
.container .content .txt ul{margin:0; padding:0 0 0 20px}
.container .content .txt ol{margin:0; padding:0 0 0 20px}
.container .content .txt ul li{list-style:square; padding:5px 0;}
.container .content .txt ol li{padding:5px 0;}

.container .right_div{width:270px; float:right; display:inline-block;}
.container .right_div .news{width:270px; float:left; display:inline-block; border-bottom:solid 1px #dfdfdf; padding-bottom:10px; margin-bottom:10px}
.container .dwld1{background:url(../images/dwld_bg1.jpg) top right no-repeat; width:248px; height:64px; float:left; display:inline-block; margin-bottom:10px; text-align:center; padding:15px 10px; font-family:'Oswald', Arial, Helvetica, sans-serif; font-weight:normal; color:#019d55; font-size:16px}
.container .dwld1 span{color:#444444; font-size:20px;}
.container .dwld2{background:url(../images/dwld_bg2.jpg) top right no-repeat; width:248px; height:75px; float:left; display:inline-block; font-family:'Oswald', Arial, Helvetica, sans-serif; font-weight:normal; font-size:20px; text-align:center; padding:25px 0 0 20px}
.container .right_div img:hover{opacity:0.8; filter:alpha(opacity=80)}

.footer{width:100%; float:left; display:inline-block; background:url(../images/footer_bg.jpg) top left repeat; padding:20px 0; border-top:solid 6px #0db98f}
.footer .ft_nav{float:left; width:500px; display:inline-block; color:#fff; font-size:12px;}
.footer .ft_nav a{color:#fff; font-weight:normal}
.footer .ft_nav a:hover{color:#0db98f;}

.footer .followus{float:left; width:200px; display:inline-block;}
.footer .followus img:hover{opacity:0.5; filter:alpha(opacity=50)}

.footer .design{float:right; width:200px; color:#CCC}

.container .content .txt table{border:solid 1px #EAEAEA; border-left:none; margin-top:20px}
.container .content .txt table th{border-left:solid 1px #EAEAEA; padding:5px; color:#00B1F2; font-size:14px}
.container .content .txt table td{border:solid 1px #EAEAEA; border-bottom:none; border-right:none; padding:5px}
.container .content .txt table td{text-align:left;}

.container .content .txt ol.rules{}
.container .content .txt ol.rules li{font-weight:bold; color:#000;}
.container .content .txt ol.rules li a{font-family:'Oswald', Arial, Helvetica, sans-serif; font-weight:normal; color:#000; text-decoration:none; font-size:14px}
.container .content .txt ol.rules li a:hover{text-decoration:underline;}

.scrollup{
    width:40px;
    height:40px;
    opacity:0.3;
    position:fixed;
    bottom:50px;
    right:100px;
    display:none;
    text-indent:-9999px;
    background: url(../images/icon_top.png) no-repeat;
}