* {
	margin:0;
	padding:0;
	
}

body {
	font-family:'Lato',Arial, Helvetica, sans-serif;
	font-size:14px;
     background: url(../images/bg.jpg) top center repeat;	
}

/* slightly enhanced, universal clearfix hack */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }

.clearfix { display: block; }
/* close commented backslash hack */

a:active
{
outline: none;
}

a:focus
{
-moz-outline-style: none;
outline: none;
}

a {
text-decoration:none;

}

.wrapper{
}

.header{
     height: 100px;
     line-height: 100px;
     background:rgba(21,18,24, 0.5);
}

.head_nav{
     width: 1390px;
     margin: 0px auto;
     height: 100px;
     position: relative;
}

.head_left img{
     display: block;
     width: 270px;
     height: 60px;
     position: absolute;
     top: 50%;
     margin-top: -30px;
}

.head_left{
     float: left;
}


.head_right{
     float: right;
     position: relative;
}

.head_right ul{
     float: right;
}

.head_right a img{
     float: left;
     padding-top: 30px;
     padding-right: 20px;
}

.head_right ul li{
     float: left;
}

.head_right ul li a{
     color: #fff;
     display: block;
     font-size: 16px;
     text-align: center;
     text-transform: uppercase;
     width: 113px;
}

.content{
     width: 1080px;
     margin: 90px auto 90px; 
}

.cont_top h1{
     color: #fff;
     font-size: 28px;
     margin-bottom: 20px;
}

.cont_top p.line{
     width: 80px;
     height: 1px;
     background: #fff;
     margin: 20px 0;
}

.cont_top p{
     color: #fff;
     font-size: 16px;
     margin-bottom: 10px;
     letter-spacing: 1px;
}

.cont_top p span{
     color: #a6a52e;
}

.cont_min{
     width: 1000px;
     margin: 50px auto 0;
     background: #fff;
     padding: 40px;
}

.min_left{
     float: left;
}

.cont_min h3, .other_left h3, .prizes h3{
     color: #000;
     font-size: 20px;
     letter-spacing: 2px;
}

.line2{
     width: 34px;
     height: 1px;
     background: #a6a52e;
     margin-top: 20px;
}

.min_tit{
     margin: 30px 0 60px;
}

.min_tit p{
     font-size: 30px;
     margin-bottom: 20px;
     color: #000;
     text-transform: uppercase;
     letter-spacing: 2px;
}

.ssion_table{
     width: 500px;
     height: 75px;
     line-height: 75px;
     border-top:1px solid #e5e5e5; 
     border-bottom:1px solid #e5e5e5; 
}
.ssion_table p{
     float: left;
     font-size: 14px;
     text-transform: uppercase;
     color: 000;
     letter-spacing: 1px;
}

.ssion_line{
     width: 334px;
     height: 75px;
     line-height: 75px;
     border-right: 1px solid #e5e5e5;
}

.ssion_width{
     width: 165px;
     text-align: center;
}

.ssion_width a{
     color: #000;
}

.ssion_p{
     margin-bottom: 40px;
}

.ssion_p p{
     margin-top: 40px;
     line-height: 25px;
     letter-spacing: 1px;
     width: 500px;
}

.btm{
     color: #a6a52e;
     border-bottom: 1px solid #a6a52e;
     letter-spacing: 2px;
     width: 100px;
     height: 20px;
     line-height: 20px;
     display: block;
     margin-bottom: 50px;
}

.min_right{
     float: right;
}

.min_right img{
     padding-top: 44px;
}

.pic_box{
     width: 325px;
     height: 316px;
     background: url(../images/pic.jpg) no-repeat center;
}

.pic_bg{
     background: rgba(0,0,0, 0.8);
     width: 100%;
     height: 100%;
     text-align: center;
     color: #fff;
     position: relative;
}

.text_area{
     width: 230px;
     height: 150px;
     position: absolute;
     top: 50%;
     left: 50%;
     margin-top: -75px;
     margin-left: -115px;

}

.line3{
     width: 30px;
     height: 1px;
     background: #fff;
     margin: 10px auto 20px;
}

.pic_bg h3{
     font-size: 16px;
     color: #fff;
}

.pic_bg p{
     color: #fff;
     letter-spacing: 2px;
     line-height: 25px;
}

.pic_box .pic_bg{
     display: none;
}

.pic_box:hover .pic_bg{
     display: block;
}

.main{
     margin-top: 40px;
}

.main ul{
     margin-right: -22px;
     overflow: hidden;
}


.main ul li{
     float: left;
     margin-right:14px;
}

.other_comm{
     width: 1000px;
     background: #f5f2ed;
     padding: 70px 40px;
     margin: 0px auto;
}

.people{
     margin-bottom: 70px;
}

.people img{
     margin: 20px 0;
}
.people span{
     display: block;
}

.other_left{
     float: left;
}

.add_left{
     float: left;
     margin: 70px 0px 0 70px;
}

.other_right{
     float: right;
     width: 300px;
}

.num{
     text-align: left;
     width: 250px;
     margin: 40px auto;
}

.num ul li{
     margin-bottom: 10px;
}

.other_right p{
     width: 300px;
}

.top_item{
     width: 450px;
     margin: 0px auto 50px;

}

.top_item ul li{
     float: left;
     margin-right: 134px;
}


.top_item ul li a{
     color: #588a26;
     text-decoration: underline;
}

.prizes{
     width: 1000px;
     padding: 40px;
     background: #fff7e9;
     margin: 0px auto; 
}
.title_h3{
     letter-spacing: 2px;
     font-weight: bold;
     text-transform: uppercase;
     margin-bottom: 40px;
}

.prizes table{
     width: 100%;
}

.prizes table tr{
     height: 70px;
     line-height: 70px;
     border-bottom: 1px solid #dcdcdc;
}

.prizes table td{
     padding-left: 40px;
     border-left: 1px solid #dcdcdc;
     letter-spacing: 1px;
}

.prizes table .re_width{
     width: 40%;
     padding-left: 0px;
     border-left: none;
}

.prizes h3{
     margin-bottom: 0px;
}

.entry .prizes{
     background: #fff;
}


.entry .prizes table td{
     width: 33.3%;
}

.online a{
     padding: 10px 30px;
     border: 2px solid #ffbf4e;
     border-radius: 5px;
     color: #ffbf4e;
     letter-spacing: 1px;
     font-size: 16px;
     text-transform: uppercase;

} 

.online {
     margin-top: 50px;
}

.online button {
    padding: 10px 30px;
    border: 2px solid #ffbf4e;
    border-radius: 5px;
    color: #ffbf4e;
    letter-spacing: 1px;
    font-size: 16px;
    text-transform: uppercase;
    outline: none;
    cursor: pointer;
    background: #fff;
}


.top_title{
     color: #000;
     font-size: 14px;
     letter-spacing: 2px;
}

.top_img{
     margin-top: 30px;
}

.form_area{
     padding: 30px;
     background: #f2f7f8;
     margin: 40px 0px;

}

.form_area .form_text{
     font-size: 19px;
     color: #333333;
     letter-spacing: 1px;
     margin-bottom: 30px;
}

.off p{
     color: #5eb1c1;
     font-size: 50px;
}

.off p span{
     color: #03748f;
}

.form_area table{
     width: 100%;
}

.form_area table td{
     width: 33.3%;
}


.form_area table tr{
     height: 70px;
     line-height: 70px;
     border-bottom: 1px solid #dcdcdc;
}

.form_area table td{
     padding-left: 40px;
     border-left: 1px solid #dcdcdc;
     letter-spacing: 1px;
}

.form_area table td p{
     line-height: 25px;
}



.form_area table td span{
     display: block;
}

.form_area .re_width{
     width: 40%;
     padding-left: 0px;
     border-left: none;
}

.text_box{
     width: 85px;
     height: 30px;
     line-height: 30px;
     background: #fff;
     border: 1px solid #fff;
     text-align: center;
     outline: none;
     overflow: hidden;
}

.text_box2{
     width: 400px;
     height: 30px;
     line-height: 30px;
     background: #fff;
     border: 1px solid #fff;
     text-align: left;
     outline: none;
     overflow: hidden;
     padding-left: 10px;
     margin-bottom: 30px;
}

.question input{
     vertical-align: middle;
     margin-right: 10px;
}

.form_area .question p{
     margin-bottom: 20px;
     font-size: 14px;
}

.question .text_box{
     width: 340px;
     text-align: left;
     padding-left: 10px;
     margin-left: 10px;
}

.choose{
     display: block;
     margin-bottom: 20px;
}

.form_left{
     float: left;
}

.form_left option , .form_right option{
     color: #545454;
}

.form_left label ,.form_right label, .form_area label{
     display: block;
     margin-bottom: 10px;
     color: #545454;
     text-transform: uppercase;
}

.form_right{
     float: right;
}

.sub{
     height: 55px;
     color: #fff;
     background: #088faf;
     line-height: 55px;
     text-align: center;
     margin-top: 20px;
     margin-bottom: 20px;
}

.sub_box{
     height: 450px;
     background: url(../images/logo2.jpg) no-repeat;
     text-align: center;
     padding-top:100px; 
}


.sub_box p{
     font-size: 19px;
     color: #545454;
     margin-bottom: 30px;

}

.sub_box p span{
     color: #088faf;
}

.sub_box .online{
     margin-top: 100px;
}

.note p{
     letter-spacing: 1px;
     margin-bottom: 20px;
}

.note ul{
     margin-left: 30px;
}

.note ul li{
     margin-bottom: 10px;
     color: #088faf;
     list-style-type: decimal;
}

.upload_btm{
     width: 72px;
     outline: none;
     margin: 0px 10px;
}
.upload_area{
     margin-top: 30px;

}

.upload_area p{
     margin-bottom: 20px;
     text-transform: uppercase;
}

.upload_area p span{
     text-transform: none;
}


.sub_btm{
     width: 150px;
     height: 40px;
     line-height: 40px;
     color: #fff;
     text-align: center;
     outline: none;
     background: rgba(0,91,113, 0.8);
     border: 1px solid #088faf;
     cursor: pointer;
     font-size: 16px;
     margin-bottom: 40px;vertical-align: 3px;
     border-radius: 4px;
}

.sub_btm:hover{
     background: rgba(0,91,113, 0.7);
}

.form_area .sub3 table td{
     width: 25%;
}

.choose img{
     line-height: 35px;
}


.form_area .sub3 .choose input{
     margin-top: -20px;
}

.form_area .sub3 .question .form_text{
     font-size: 19px;
}

.form_area .sub3 .choose{
     margin: 20px 0 30px;
}


.form_area .card label{
     display: inline-block;
     width: 210px;
     letter-spacing: 1px;
     margin-bottom: 0px;
}

.form_area .card{
     margin-top: 20px;
     margin-left: 20px;
}

.form_area .card td{
     padding-left:0px;
     border-left: none;
     width: 25%;
     height: 30px;
     line-height: 30px;

}

.form_area .card tr{
     border: none;
     height: 30px;
     line-height: 30px;
     margin-bottom: 40px;
     display: block;
}

.form_area .card input{
     width: 270px;
     height: 28px;
     outline: none;
     padding-left: 10px;
     background: #fff;
     border: 1px solid #fff;
}

.form_area .card .card_width{
     width: 20%;
}

.form_area .card .re_card-wd{
     width: 80%;
}

.form_area .card img{
     margin-left: 10px;
}


.pre{
     margin-top: 20px;
}


.pre h3{
     font-size: 16px;
     font-weight: bold;
     float: left;
}

.pre span{
     width: 864px;
     height: 1px;
     background: #000;
     float: left;
     margin-top: 10px;
     margin-left: 20px;
}


.box_area{
     width: 300px;
}

.pre_box{
     margin-top: 20px;
}

.pre_box ul{
     margin-right: -50px;
     overflow: hidden;
}

.pre_box li{
     float: left;
     margin-right: 50px;
}

.pre_box h4{
     margin: 20px 0;
     font-weight: bold;
     font-size: 14px;
     text-transform: uppercase;
     letter-spacing: 1px;
}

.pre_box p{
     line-height: 20px;
     margin-bottom: 10px;
     letter-spacing: 1px;
}

.pf_list td{
     width: 21.6%;
     padding: 20px 0px;
}

.pf_list tr{
     border-bottom: 1px solid #d0d0d0;
     padding-bottom: 20px;
}

.pf_list a{
     color: #545454;
     text-decoration: underline;
}


.re_card-wd .card_left{
     float: left;
}


.re_card-wd img{
     float: left;
}

.drowdown{
     width: 730px;
     padding: 20px 30px;
     background: rgba(0,0,0, 0.9);
     display: none;
     z-index: 9999;
     position: absolute;
     top: 110px;
     right: 0px;
}


.login label{
     color: #fff;
     height: 30px;
     line-height: 30px;
     display: block;
     letter-spacing: 1px;
     text-transform: uppercase;
}


.login{
     padding-bottom: 20px;
     border-bottom: 1px solid #444146;
     width: 330px;
}


.login input{
     width: 320px;
     border-radius: 2px;
}

.login button{
     padding: 10px 30px;
     text-align: center;
     color: #fff;
     display: block;
     outline: none;
     background: rgba(0,0,0, 0.5);
     border: 1px solid #fff;
     text-transform: uppercase;
     cursor: pointer;
}

.login button:hover{
     background: rgba(68,65,70, 0.5);
}

.down_left{
     width: 320px;
     padding-right:40px; 
     border-right: 1px solid #444146;
     float: left;
}


.down_right{
     float: right;
}

.down_close{
         float: left;
	     margin: 10px 0px 0px 310px;
}

.login p{
     color: #fff;
     line-height: 25px;
     text-transform: uppercase;
     margin-bottom: 20px;
}

.down_right .login button{
     margin-top: 6px;
}

#loginButton{
     cursor: pointer;
}


/*-------------------------
     The main page elements
--------------------------*/

div.control-area{
     font: bold 14px 'Raleway',sans-serif;
     margin: 40px auto 0;
     background-color: #f3f3f3;
     padding: 20px;
     border-radius: 5px;
     width: 400px;
     color:#888;
}

div.control-area a{
     display: inline-block;
     cursor: pointer;
     margin: 7px auto;
     background-color: #fdfdfd;
     border-radius: 2px;
     padding: 8px 10px;
     font-size: 13px;
     text-transform: uppercase;
}

div.control-area a:hover{
     background-color: #fff;
     box-shadow:0 1px 1px #dfdfdf;
}


/*-------------------------
     The buttons
--------------------------*/


.progress-button{
     display: inline-block;
     font-size:16px;
     color:#fff !important;
     text-decoration: none !important;
     width: 150px;
     height: 40px;
     line-height: 40px;
     overflow: hidden;
     position:relative;
     box-shadow:0 1px 1px #ccc;
     border-radius:2px;
     text-align: center;
     background-color: #088faf;
     background-image:-webkit-linear-gradient(top, #088faf, #088faf);
     background-image:-moz-linear-gradient(top, #088faf, #088faf);
     background-image:linear-gradient(top, #088faf, #088faf);
}

/*   Hide the original text of the button. Then the loading or finished
     text will be shown in the :after element above it. */

.progress-button.in-progress,
.progress-button.finished{
     color:transparent !important;
}

.progress-button.in-progress:after,
.progress-button.finished:after{
     position: absolute;
     z-index: 2;
     width: 100%;
     height: 100%;
     text-align: center;
     top: 0;
     padding-top: inherit;
     color: #fff !important;
     left: 0;
}

/*   If the .in-progress class is set on the button, show the
     contents of the data-loading attribute on the butotn */

.progress-button.in-progress:after{
     content:attr(data-loading);
}

/* The same goes for the .finished class */

.progress-button.finished:after{
     content:attr(data-finished);
}

/* The colorful bar that grows depending on the progress */

.progress-button .tz-bar{
     background-color:#66992d;
     height:3px;
     bottom:0;
     left:0;
     width:0;
     position:absolute;
     z-index:1;

     border-radius:0 0 2px 2px;

     -webkit-transition: width 0.5s, height 0.5s;
     -moz-transition: width 0.5s, height 0.5s;
     transition: width 0.5s, height 0.5s;
}

/* The bar can be either horizontal, or vertical */

.progress-button .tz-bar.background-horizontal{
     height:100%;
     border-radius:2px;
}

.progress-button .tz-bar.background-vertical{
     height:0;
     top:0;
     width:100%;
     border-radius:2px;
}


/*----------------------------
     Color themes
-----------------------------*/


.progress-button.red{
     background-color: #e6537d;
     background-image:-webkit-linear-gradient(top, #e6537d, #df5179);
     background-image:-moz-linear-gradient(top, #e6537d, #df5179);
     background-image:linear-gradient(top, #e6537d, #df5179);
}

.progress-button.red .tz-bar{
     background-color:#6876b4;
}


.progress-button.green{
     background-color: #64c896;
     background-image:-webkit-linear-gradient(top, #64c896, #5fbd8e);
     background-image:-moz-linear-gradient(top, #64c896, #5fbd8e);
     background-image:linear-gradient(top, #64c896, #5fbd8e);
}

.progress-button.green .tz-bar{
     background-color:#9e81d6;
}



.button {
    padding: 10px 30px;
    text-align: center;
    color: #fff;
    display: block;
    outline: none;
    background: rgba(0,0,0, 0.5);
    border: 1px solid #fff;
    text-transform: uppercase;
    cursor: pointer;
}

.but{
    padding: 10px 30px;
    border: 2px solid #ffbf4e;
    border-radius: 5px;
    color: #ffbf4e;
    letter-spacing: 1px;
    font-size: 16px;
    text-transform: uppercase;
    outline: none;
    cursor: pointer;
    background: #fff;
}