.theFooter .top { background-color:#fff; padding:20px 0 10px } .theFooter .top .cot { height:100% } .theFooter .top .cot h1 { color:#4066b8; font-size:22px; font-weight:700; margin-bottom:20px; text-align:center } .theFooter .top .cot ul { box-sizing:border-box; display:flex; height:100%; padding:6px 0 } .theFooter .top .cot ul li { align-items:center; border-left:1px solid #f1f1f1; display:flex; flex:1; height:100%; justify-content:center } .theFooter .top .cot ul li:last-child { border-right:1px solid #f1f1f1 } .theFooter .top .cot ul li img { height:40px; margin-right:20px; width:40px } .theFooter .top .cot ul li div b { color:#4066b8; font-size:20px; line-height:24px } .theFooter .bot { background-color:#4066b8 } .theFooter .bot .cot { height:100%; padding:30px 0 0 } .theFooter .bot .cot ul { display:flex; height:100%; justify-content:space-between } .theFooter .bot .cot ul li { height:100%; width:280px } .theFooter .bot .cot ul li b { color:#fff; display:block; font-size:20px; font-weight:400; letter-spacing:1px; margin-bottom:10px } .theFooter .bot .cot ul li b.line { border-bottom:1px solid #fff } .theFooter .bot .cot ul li a { color:#fff; display:block; line-height:30px } .theFooter .bot .cot ul li a:hover { text-decoration:underline } .theFooter .bot .cot ul li .review { display:flex; justify-content:flex-start; padding:10px 0 } .theFooter .bot .cot ul.function { padding-top:20px } .theFooter .bot .cot ul.function li dl { display:flex } .theFooter .bot .cot ul.function li dl dd { align-items:center; background-color:#fff; border-radius:6px; display:flex; height:30px; justify-content:center; margin-right:10px; width:56px } .theFooter .bot .cot ul.function li dl dd img { height:12px; width:42px } .theFooter .bot .cot ul.function li .follow { display:flex } .theFooter .bot .cot ul.function li .follow .btn { background-color:#fff; border-radius:15px; box-shadow:0 5px 15px -5px #0000001a; height:36px; line-height:36px; margin-right:16px; overflow:hidden; position:relative; text-align:center; width:36px } .theFooter .bot .cot ul.function li .follow .btn .iconfont { font-size:20px; transform:scale(.8); transition:all .4s cubic-bezier(.31,-.1,.43,1.59) } .theFooter .bot .cot ul.function li .follow .btn:before { content:""; height:120%; left:-110%; position:absolute; top:90%; transform:rotate(45deg); transition:all .4s cubic-bezier(.31,-.1,.43,1.59); width:120% } .theFooter .bot .cot ul.function li .follow .btn .icontwitte { color:#000; font-size:16px; font-weight:700 } .theFooter .bot .cot ul.function li .follow .btn.btn_tuite:before { background-color:#000 } .theFooter .bot .cot ul.function li .follow .btn .iconlinkedin { color:#0077b5 } .theFooter .bot .cot ul.function li .follow .btn.btn_linkedin:before { background-color:#0077b5 } .theFooter .bot .cot ul.function li .follow .btn .iconinstagram { color:#e45496 } .theFooter .bot .cot ul.function li .follow .btn.btn_instagram:before { background-color:#e45496 } .theFooter .bot .cot ul.function li .follow .btn .iconfacebook1 { color:#3c57a0; font-weight:700 } .theFooter .bot .cot ul.function li .follow .btn.btn_facebook:before { background-color:#3c57a0 } .theFooter .bot .cot ul.function li .follow .btn .iconYoutube-fill { color:red; font-size:26px; font-weight:700 } .theFooter .bot .cot ul.function li .follow .btn.btn_youtube:before { background-color:red } .theFooter .bot .cot ul.function li .follow .btn:hover:before { left:-10%; top:-10% } .theFooter .bot .cot ul.function li .follow .btn:hover { text-decoration:unset } .theFooter .bot .cot ul.function li .follow .btn:hover .iconfont { color:#fff; position:relative; transform:scale(1) } .theFooter .bot .cot ul.function li .subscribe { align-items:center; border:1px solid #fff; border-radius:18px; box-sizing:border-box; display:flex; height:36px; justify-content:space-between; overflow:hidden; padding:2px; width:100% } .theFooter .bot .cot ul.function li .subscribe input { background-color:#4066b8; border:none; color:#fff; height:30px; margin:0!important; padding:0 2px 0 10px; width:60% } .theFooter .bot .cot ul.function li .subscribe input::-moz-placeholder { color:#f4f4f4 } .theFooter .bot .cot ul.function li .subscribe input::placeholder { color:#f4f4f4 } .theFooter .bot .cot ul.function li .subscribe button { background-color:#fff; border-radius:17px; color:#4066b8; font-size:13px; height:32px; margin:0!important; padding:0!important; width:30% } .theFooter .bot .cot ul.footIcon { padding:20px 0 } .theFooter .bot .cot ul.footIcon li .certificationBox { align-items:center; display:flex } .theFooter .bot .cot ul.footIcon li .certificationBox .certification { height:60px; margin-right:19px } .theFooter .bot .cot ul.footIcon li .friend-link { margin-top:10px } @media screen and (max-width:1024px) { 
 .theFooter .top { display:none } .theFooter .bot .cot { width:100% } .theFooter .bot .cot ul { flex-direction:column } .theFooter .bot .cot ul li { margin-bottom:20px; padding:0 10px; width:100% } .theFooter .bot .cot ul li b { border-bottom:1px solid #fff; font-size:18px; margin-bottom:10px } .theFooter .bot .cot ul.footIcon { padding-top:0 } .theFooter .bot .cot ul.footIcon li:first-child { display:none } .theFooter .bot .cot ul.footIcon .friend-link img { width:48px } 
 }