﻿#footer { width: 100%; height: auto; overflow: hidden; background-color: #111; }
#footer .footer-nav { width: 100%; height: auto; overflow: hidden; padding: 0px 8% 0px 8%; color: #eee; font-size: 14px; text-align: center; }
#footer .footer-nav .nav { width: 100%; height: 168px; overflow: hidden; display: block; line-height: 168px; }
#footer .footer-nav .nav span { width: 14.285%; height: 100%; overflow: hidden; display: block; line-height: 90px; float: left; color: #eee; font-size: 14px; }
#footer .footer-nav .nav a { height: 100%; overflow: hidden; display: block; line-height: 168px;  color: #eee; font-size: 14px; }
#footer .footer-nav .text1 { width: 100%; height: 88px; overflow: hidden; font-size: 30px; font-weight: bold; line-height: 88px; }
#footer .footer-nav .text2 { width: 100%; height: 48px; overflow: hidden; font-size: 18px; line-height: 48px; }
#footer .footer-nav .subscribe { width: 560px; height: 38px; overflow: hidden; margin: 38px auto 100px auto; }
#footer .footer-nav .subscribe .text { width: 377px; height: 100%; overflow: hidden; border: none; background: none; background-color: #eee; padding: 0px 12px; display: block; font-size: 14px; color: #000; float: left; border-radius: 24px; }
#footer .footer-nav .subscribe .btn-subscribe { width: 170px; height: 100%; overflow: hidden; font-size: 14px; font-weight: normal; text-transform: uppercase; color: #fff; text-align: center; border: none; display: block; float: left; padding: 0px 12px; cursor: pointer; outline: none; border-radius: 24px; margin-left: 12px; }
#footer .footer-nav .subscribe .btn-subscribe:disabled { cursor: no-drop; }
#footer .footer-detail { width: 84%; height: 150px; overflow: hidden; margin: 0px auto; padding: 0px 300px; background-color: #111; text-align: center; color: #a2a2a2; font-size: 14px; line-height: 150px; position: relative; }
#footer .footer-detail .img { position: absolute; top: 55px; left: 0px; }
#footer .footer-detail .footerShare { width: auto; max-width: 300px; overflow: hidden; position: absolute; top: 55px; right: 0px; }
#footer .footer-detail .footerShare img { float: left; margin-left: 32px; }
#footer #Cookie { width: 78%; position: fixed; top: 0; height: 88px; line-height: 88px; text-align: center; min-width: 1234px; max-width: 1300px; background: url(/Areas/Web/Images/v1.0/Img/CookieBg.jpg); border: 1px solid #ccc; right: 3%; z-index: 1001; display: none }
#footer #Cookie a { color: #b40f51 }
#footer #Cookie button { cursor: pointer; height: 32px; width: 146px; outline: none; border: none; border-radius: 24px; margin-left: 16px; font-size: 12px; color: #fff; }

/*Contack Us*/
#footer .footer-nav .windowContactus { width: 789px; height: 388px; overflow: hidden; background-color: #eaeaea; padding: 12px 40px; text-align: left; position: absolute; top: 90px; left: 50%; z-index: 10; margin: 0px 0px 0px -394.5px; border-radius: 10px; display: none; }
#footer .footer-nav .windowContactus .close { width: 28px; height: 28px; overflow: hidden; display: block; line-height: 26px; color: #999; font-size: 24px; cursor: pointer; position: absolute; top: 10px; right: 6px; text-align: center; }
#footer .footer-nav .windowContactus .titile { width: 100%; height: 60px; overflow: hidden; display: block; line-height: 60px; color: #2b2f38; font-size: 30px; font-weight: bold; padding-right: 42px; }
#footer .footer-nav .windowContactus form { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 24px; }
#footer .footer-nav .windowContactus .left { width: 42%; height: 100%; overflow: hidden; float: left; }
#footer .footer-nav .windowContactus .left .line { width: 100%; height: 64px; overflow: hidden; position: relative; margin-bottom: 15px; }
#footer .footer-nav .windowContactus .left .line input[type=text] { width: 100%; height: 24px; overflow: hidden; background: none; border: none; border-bottom: 1px solid #d1d2d3; color: #2b2f38; }
#footer .footer-nav .windowContactus .left .line input[type=text]::-webkit-input-placeholder { color: #7b7b7b; }
#footer .footer-nav .windowContactus .left .line input[type=text]:focus { border-bottom: 1px solid #2b2f38; }
#footer .footer-nav .windowContactus .left .line .prompt { width: 100%; height: 38px; overflow: hidden; background-color: #eee; line-height: 38px; color: #e50020; padding: 0px 3px; display: none; }
#footer .footer-nav .windowContactus .right { width: 44%; height: 100%; overflow: hidden; float: right; }
#footer .footer-nav .windowContactus .right .multiSelect { width: 100%; height: auto; overflow: hidden; }
#footer .footer-nav .windowContactus .right .multiSelect div { width: 50%; height: auto; overflow: hidden; float: left; line-height: 18px; margin-bottom: 12px; }
#footer .footer-nav .windowContactus .right .multiSelect div label { color: #000; }
#footer .footer-nav .windowContactus .right .multiSelect div input[type=radio] { width: 14px; height: 14px; overflow: hidden; float: left; margin-right: 8px; margin-top: 2px; }
#footer .footer-nav .windowContactus .right textarea { width: 100%; height: 120px; overflow: hidden; margin: 6px auto; line-height: 24px; border: 1px solid #d1d2d3; padding: 12px; display: block; resize: none; outline: none; background: none; border-radius: 4px; }
#footer .footer-nav .windowContactus .right .submit { min-width: 80px; width: 100%; height: 32px; overflow: hidden; color: #fff; font-size: 12px; cursor: pointer; border-radius: 24px; outline: none; background: linear-gradient(to right,#b40f51,#f84654); border: none; display: block; text-align: center; line-height: 32px; margin-top: 44px; }
