a, abbr, acronym, address, applet, article, aside, audio, b, blockquote, big, body, center, canvas, caption, cite, code, command, datalist, dd, del, details, dfn, dl, div, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, keygen, label, legend, li, meter, nav, object, ol, output, p, pre, progress, q, s, samp, section, small, span, source, strike, strong, sub, sup, table, tbody, tfoot, thead, th, tr, tdvideo, tt, u, ul, var { background: transparent; font-size: 100%; border: 0; outline: 0; margin: 0; padding: 0 }
@font-face { font-family: 'diavlo'; src: url('../fonts/diavlo_book_ii.eot'); src: url('../fonts/diavlo_book_ii.eot?#iefix') format('embedded-opentype'), url('../fonts/diavlo_book_ii.woff') format('woff'), url('../fonts/diavlo_book_ii.ttf') format('truetype'), url('../fonts/diavlo_book_ii.svg#Sri-TSCRegular') format('svg'); }
body { font-family: Verdana, Geneva, sans-serif; font-size: 12px; width: 100%; background: #dedede; color: #333; }
.container { width: 990px; content: " "; margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; display: table; clear: both; }
header { background: url(../images/header-bg.jpg) repeat-x; height: 101px; }
header .logo { margin: 0 auto; width: 228px; }
header .logo img { margin-top: 16px; }
.banner-waper { border-bottom: 1px solid #1875b1; padding-top: 50px; position: relative; }
.banner-waper:after { content: ""; display: block; width: 100%; height: 0; position: absolute; border-bottom: 1px solid #ecedef; bottom: -2px; left: 0; }
.banner-waper img { margin-bottom: -2px; }
.top-section { padding-top: 30px; padding-bottom: 50px; text-align: center; }
.top-section .login-btn a { text-decoration: none; font-size: 25px; color: #fff; padding: 5px 25px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; box-shadow: 1px 1px 2px #000; text-shadow: 0px 0px 2px #000; background: #22b3e4; /* Old browsers */ background: -moz-linear-gradient(top, #22b3e4 0%, #1177af 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #22b3e4), color-stop(100%, #1177af)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #22b3e4 0%, #1177af 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #22b3e4 0%, #1177af 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #22b3e4 0%, #1177af 100%); /* IE10+ */ background: linear-gradient(to bottom, #22b3e4 0%, #1177af 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#22b3e4', endColorstr='#1177af', GradientType=0 ); /* IE6-9 */
}
.top-section .login-btn a:hover, .top-section .login-btn a:focus { background: #1177af; /* Old browsers */ background: -moz-linear-gradient(top, #1177af 0%, #22b3e4 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1177af), color-stop(100%, #22b3e4)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #1177af 0%, #22b3e4 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #1177af 0%, #22b3e4 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #1177af 0%, #22b3e4 100%); /* IE10+ */ background: linear-gradient(to bottom, #1177af 0%, #22b3e4 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1177af', endColorstr='#22b3e4', GradientType=0 ); /* IE6-9 */
}
.marquee { background: #1875b1; height: 100%; margin: 0; padding: 10px 20px; color: #FFF; overflow: hidden; position: relative; border: 1px solid #000; -webkit-box-shadow: inset 0px 2px 2px rgba(0, 0, 0, .5), 0px 1px 0px rgba(250, 250, 250, .2); box-shadow: inset 0px 2px 2px rgba(0, 0, 0, .5), 0px 1px 0px rgba(250, 250, 250, .2); }
.top-section h1 { font-size: 34px; color: #000; font-weight: normal; font-family: 'diavlo'; padding-top: 50px; }
.top-section h1 label { color: #1272b0; }
.top-section p { padding-top: 15px; line-height: 1.6em; }
.hd-section { background: url(../images/cont-bg.jpg) no-repeat; background-size: cover; padding-top: 40px; padding-bottom: 40px; }
.hd-section h2 { font-size: 24px; font-weight: normal; font-family: 'diavlo'; text-align: center; color: #cce9fc; }
.cont-section { padding-top: 30px; padding-bottom: 30px; background: #ffffff; text-align: center; }
.cont-section p { padding-top: 15px; line-height: 1.6em; }
.cont-section h3 { padding-top: 30px; padding-bottom: 15px; font-size: 18px; font-family: 'diavlo'; }
.cont-section h2 { font-size: 32px; font-weight: normal; font-family: 'diavlo'; text-align: center; color: #1b84a6; text-align: center; padding-top: 30px; }
footer { background: #2a2a2a; padding: 15px 0; clear: both; color: #FFF; }
.continfo-section { border-top: 1px solid #333; background: url(../images/map.jpg) no-repeat; background-size: cover; height: 288px; width: 100%; }
footer label { color: #36b2f9 }
footer .address { float: left; }
footer .phone { float: right; }
footer .footerlinks{ margin:8px 0 0 0; padding:0; list-style:none; display:block;}
footer .footerlinks li{ margin:0; padding:2px 0; list-style:none; display:block;}
footer .footerlinks li span{ color:#36b2f9}
footer .footerlinks li a{ text-decoration:none; color:#FFF;}
@media only screen and (min-width:0px) and ( max-width:768px) {
.container { width: 90%; }
.banner-waper { padding-top: 20px; }
.banner-waper img, .continfo-section .cont-form, .continfo-section .cont-form ul li:last-child, .continfo-section .cont-form ul li .submit { width: 100%; }
.continfo-section { height: 100px; }
footer .address, footer .phone { float: none; text-align: center; line-height: 1.6em; font-size: 11px; }
footer .footerlinks{ margin-bottom:15px;}
}