*:focus { outline: none; } /* 크롬파란테두리삭제 */ .div {font-size:0;line-height:0;} .div > * {display:inline-block !important;vertical-align:top;} .w100 { max-width:100%; } .display{ display:none !important;;} .zoom{-webkit-transition:-webkit-transform 0.5s ease-in-out;transition:transform 0.5s ease-in-out;-webkit-transform:scale(1);transform:scale(1); } .zoom:hover{-webkit-transform: scale(1.05);transform: scale(1.05);backface-visibility: hidden;} .box { -webkit-box-sizing:border-box;-khtml-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box; } .clear{content:" ";display:block;clear:both; } .upper,.upper * {text-transform:uppercase;} .mov03 {-webkit-transition:all 0.3s;-khtml-transition:all 0.3s ease;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s; } .mov05 {-webkit-transition:all 0.5s;-khtml-transition:all 0.5s ease;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.7s;transition:all 0.5s;} .mov07 {-webkit-transition:all 0.7s;-khtml-transition:all 0.7s ease;-moz-transition:all 0.7s;-ms-transition:all 0.7s;-o-transition:all 0.7s;transition:all 0.7s;} .mov10 {-webkit-transition:all 1.0s;-khtml-transition:all 1.0s ease;-moz-transition:all 1.0s;-ms-transition:all 1.0s;-o-transition:all 1.0s;transition:all 1.0s;} .mov30 {-webkit-transition:all 3.0s;-khtml-transition:all 3.0s ease;-moz-transition:all 3.0s;-ms-transition:all 3.0s;-o-transition:all 3.0s;transition:all 3.0s;} .mov50 {-webkit-transition:all 5.0s;-khtml-transition:all 5.0s ease;-moz-transition:all 5.0s;-ms-transition:all 5.0s;-o-transition:all 5.0s;transition:all 5.0s;} .movt5:hover { -webkit-transform:translateY(-5px);transform: translateY(-5px); } .movt10:hover { -webkit-transform:translateY(-10px);transform: translateY(-10px); } /* 애니메이션 */ .fadeIn {transition:all 1s ease;opacity:0;} .fadeInUp {transition:all 1s ease;opacity:0;transform:translateY(30px);} .fadeInDown {transition:all 1s ease;opacity:0;transform:translateY(-30px);} .fadeInLeft {transition:all 1s ease;opacity:0;transform:translateX(-30px); } .fadeInRight {transition:all 1s ease;opacity:0;transform:translateX(30px);} .animate {transform:translateY(0px);transform:translateX(0px);opacity:1;} /* ============= 상단토글배너 =============== */ .toggle_box .toggle_banner {margin:0px;width:100%; text-align:center;overflow:hidden; display:none; z-index:99; } .toggle_box .btnarea-open { position:relative; width:100% ; margin: 0 auto ;height:0px; z-index:99; border:0px solid #FF0000} .toggle_box .btnarea-closed { position:relative; width:100% ; margin: 0 auto ; height:0px;z-index:99;} .toggle_box .btnarea-open .openbtn { width:24px;height:43px; top:5px; left:30px !important; position:absolute;} /* 열기버튼위치 */ .toggle_box .btnarea-closed .closebtn { width:24px;height:43px; top:-50px; left:30px !important; position:absolute; } /* 닫기버튼위치 */ .toggle_box .closebtn {cursor:pointer;margin:0 auto;position:relative;} .toggle_box .openbtn {display:none;cursor:pointer;margin:0 auto;position:relative;} .toggle_box .img_bg { width:100%; } .toggle_box .img_bg a { display:block; } .toggle_box .tmslide .toggle_banner_img { padding:0; margin:0; display:block; width:100%; } .toggle_box .tmslide .img_bg { padding:0; margin:0; list-style:none; width:100%; } .toggle_box .nav { position:relative;top:0px;width:0px;height:0px;z-index:3;margin:0 auto;} .toggle_box .prev {position:absolute;cursor:pointer;margin:0 auto;display:block;} .toggle_box .next { position:absolute;cursor:pointer;margin:0 auto;display:block;} .toggle_box .nav {} .toggle_box .openbtntxt { display:none; } .toggle_box .closebtntxt { display:none; } .toggle_box .prevtxt {display:none;} .toggle_box .nexttxt {display:none;} .toggle_box_top .toggle_banner { height:60px; } .toggle_box_top .tmslide .img_bg { height:60px; } .toggle_box_top .prev { top:5px; left:650px;} .toggle_box_top .next { top:50px; left:650px;} .toggle_box_top .prev {opacity:0.7; width:15px; height:10px; background:url(../../wizdesign/img/btn_up.png); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .toggle_box_top .next {opacity:0.7; width:15px; height:10px; background:url(../../wizdesign/img/btn_down.png); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .toggle_box_top .prev:hover {opacity:1; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .toggle_box_top .next:hover { opacity:1; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} /* ============= 상단영역 =============== */ #header { position:relative; margin:0 auto; border-bottom:1px solid #F6F6F6; z-index:5; width:100%; } #header .top-inner-box.fixed {width:100%; position:fixed; margin:0 auto; top:0px; background:rgba(255,255,255,0.97); height:40px; border-bottom:1px solid ##ddd; z-index:6} #header .top-inner-box {width:100%; margin:0 auto; /* background:rgba(255,255,255,0.97); */ z-index:6; border-bottom:1px solid #ddd;} #header .top-inner { width:1300px;margin:0 auto; height:40px; padding:0; } #header .top-inner ul.top-inner-left {float:left;text-align:center } #header .top-inner ul.top-inner-left > li { float:left;position:relative;margin-left:15px;white-space:nowrap } #header .top-inner ul.top-inner-left > li > a{ font-size:11px;line-height:40px;color:#666;letter-spacing:0.5px;white-space:nowrap } #header .top-inner ul.top-inner-left > li.add { font-size:11px;line-height:40px;color:#666;letter-spacing:0.5px;white-space:nowrap } #header .top-inner ul.top-inner-left > li.board > a {color:#333; letter-spacing:0.5px } #header .top-inner ul.top-inner-left > li:hover > a{ color:#333; font-weight:bold;} #header .top-inner ul.top-inner-left > li.home{ width:50px;background-color:rgba(55,55,55,0.9);margin-right:16px } #header .top-inner ul.top-inner-left > li.home:hover{background-color:rgba(55,55,55,0.7);} #header .top-inner ul.top-inner-left > li.home a {color:#fff;display:block } #header .top-inner ul.top-inner-left > li.home i { font-size:25px; line-height:40px; } #header .top-inner ul.top-inner-left > li:first-child { position:absolute; height:0;margin-left:0;overflow:hidden;-o-transition:height 0.3s 0.3s ease;-ms-transition:height 0.3s 0.3s ease;-moz-transition:height 0.3s 0.3s ease;-webkit-transition:height 0.3s 0.3s ease;transition:height 0.3s 0.3s ease;} #header .top-inner-box.fixed ul.top-inner-left > li:first-child {height:40px;-o-transition:height 0.3s 0.6s ease;-ms-transition:height 0.3s 0.6s ease;-moz-transition:height 0.3s 0.6s ease;-webkit-transition:height 0.3s 0.6s ease;transition:height 0.3s 0.6s ease;} #header .top-inner ul.top-inner-left > li:nth-child(2){margin-left:0;-o-transition:margin-left 0.3s 0.6s ease;-ms-transition:margin-left 0.3s 0.6s ease;-moz-transition:margin-left 0.3s 0.6s ease;-webkit-transition:margin-left 0.3s 0.6s ease;transition:margin-left 0.3s 0.6s ease;} #header .top-inner-box.fixed ul.top-inner-left > li:nth-child(2) {margin-left:70px;-o-transition: margin-left 0.3s 0.3s ease;-ms-transition:margin-left 0.3s 0.3s ease;-moz-transition:margin-left 0.3s 0.3s ease;-webkit-transition:margin-left 0.3s 0.3s ease;transition:margin-left 0.3s 0.3s ease;} #header .top-inner ul.top-inner-left > li:before {float:left;display:block;content:""; width:1px;height:9px;background:#d7d7d7;margin-top:16px;margin-left:-6px;margin-right:10px } #header .top-inner ul.top-inner-left > .add:before { float:left;display:block;content:""; width:0px;height:9px;background:#d7d7d7;margin-top:16px;margin-left:-6px;margin-right:10px } #header .top-inner ul.top-inner-left li i{ font-size:13px;line-height:40px;margin:0 5px 0 0;} #header .top-inner ul.top-inner-left > li.board:after{content:""; display:none; } #header .top-inner ul.top-inner-left > li.board:hover:after{display:block } #header .top-inner ul.top-inner-left > li.board:hover ul.-ly {display:block } #header .top-inner ul.top-inner-left > li.board ul.-ly {display:none; } #header .top-inner ul.top-inner-left > li.board ul.-ly li { min-width:100px;text-align:left; border-top:1px solid #eee; } #header .top-inner ul.top-inner-left > li.board ul.-ly li:first-child{border-top:0px solid #ddd;} #header .top-inner ul.top-inner-left > li.board ul.-ly li a {display:block;font-size:11px;line-height:30px;padding:0 13px;color:#999} #header .top-inner ul.top-inner-left > li.board ul.-ly li:hover a{background:#efefef } #header .top-inner .top-inner-right {float:right;text-align:center ; } #header .top-inner .top-inner-right li { float:left; position:relative; margin-right:15px; white-space:nowrap ; } #header .top-inner .top-inner-right li a { font-size:11px; line-height:42px; color:#333; letter-spacing:0.5px;white-space:nowrap } #header .top-inner .top-inner-right li.join a { color:#333; font-weight:bold; letter-spacing:0.5px } #header .top-inner .top-inner-right li:hover > a{ color:#333; font-weight:bold; } #header .top-inner .top-inner-right li .count1 {margin:0 0 0 3px;padding:3px 5px;background:#777;border-radius:4px;text-align:center;color:#fff;font-size:10px;font-weight:400;} #header .top-inner .top-inner-right ul > li:before { float:left;display:block;content:""; width:1px;height:9px;background:#d7d7d7;margin-top:16px;margin-left:-6px;margin-right:10px } #header .top-inner .top-inner-right .log:before { float:left;display:block;content:""; width:0px;height:9px;background:#d7d7d7;margin-top:16px;margin-left:-6px;margin-right:10px } #header .top-inner .top-inner-right li.myshop > a { color:#333; letter-spacing:0.5px } #header .top-inner .top-inner-right li.myshop:after{ content:""; display:none; } #header .top-inner .top-inner-right li.myshop:hover:after{display:block ;} #header .top-inner .top-inner-right li.myshop:hover ul.-ly {display:block; } #header .top-inner .top-inner-right li.myshop ul.-ly { display:none;} #header .top-inner .top-inner-right li.myshop ul.-ly li:before { width:0px;} #header .top-inner .top-inner-right li.myshop ul.-ly li { min-width:100px;text-align:left; border-top:1px solid #eee; margin-right:0px;} #header .top-inner .top-inner-right li.myshop ul.-ly li:first-child{border-top:0px solid #ddd;} #header .top-inner .top-inner-right li.myshop ul.-ly li a {display:block;font-size:11px;line-height:30px;padding:0 13px;color:#999; } #header .top-inner .top-inner-right li.myshop ul.-ly li:hover a{background:#efefef; } /* 레이어메뉴 */ .-ly {position:absolute;top:40px;left:50%; margin-left:-50px; padding:5px; border:1px solid #eee; background-color:rgba(255,255,255,0.95);z-index:90 ; } .-ly:after, .-ly:before { bottom: 100%;left: 50%; border: solid transparent;content: " ";height: 0;width: 0; position: absolute;pointer-events: none;} .-ly:after {border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; border-width: 5px;margin-left: -5px;} .-ly:before {border-color: rgba(221, 221, 221, 0);border-bottom-color: #dddddd; border-width: 6px;margin-left: -6px;} /* 포인트무비 */ #header .top-inner .top-inner-right li.join { position:relative; } #header .top-inner .top-inner-right li.join .pointBox {position:absolute;z-index:90;top:22px; left:50%;-o-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-webkit-transform:translate(-50%,0);transform:translate(-50%,0); } #header .top-inner .top-inner-right li.join .pointBox > i{ display:block;color:#666;font-size:20px } #header .top-inner .top-inner-right li.join .pointBox > span{ margin:-9px 0 0 0;display:block;padding:1px 10px;background:#666;border-radius:5px;font-size:10px;line-height:18px;color:#fff;letter-spacing:0.5px } #header .top-inner .top-inner-right li.join .pointBox { -o-animation:animate-pointBox 0.7s linear infinite;-ms-animation:animate-pointBox 0.7s linear infinite;-moz-animation:animate-pointBox 0.7s linear infinite;-webkit-animation:animate-pointBox 0.7s linear infinite;animation:animate-pointBox 0.7s linear infinite;} @-o-keyframes animate-pointBox{50%{margin-top:4px }} @-ms-keyframes animate-pointBox{50%{margin-top:4px }} @-moz-keyframes animate-pointBox{50%{margin-top:4px }} @-webkit-keyframes animate-pointBox{50%{margin-top:4px }} @keyframes animate-pointBox{50%{margin-top:4px }} #header-inner { position:relative; /* background:#fff; */ width:100%; } /* ============= 주메뉴영역 =============== */ #header #hd_Allbox.fixed {width:100%; position:fixed; margin:0 auto; background:rgba(255,255,255,.97);box-shadow:0 3px 4px rgba(0,0,0,0.15); border-top:0px solid #eee; border-bottom:1px solid #eee; top:40px;} #header #hd_Allbox {width:100%; margin:0 auto; /* background:rgba(255,255,255,.97); */ box-shadow:none; border-top:1px solid rgba(0,0,0,.08); border-bottom:1px solid rgba(0,0,0,.08);transition:box-shadow 1s ease;-webkit-transition:box-shadow 1s ease; } #hd_Allbox { width:100%; margin:0 auto; height:50px; border:0px solid #FF9696; position:relative; filter:alpha(opacity=100); opacity:1; } #hd_menu { position:relative; width:1300px; margin:0 auto; height:50px; } #hd_menu .allmenu { width:50px;height:50px ; float:left; display:table-cell; position:relative;} #hd_menu .btn-allmenu { display:block; position:absolute;top:12px;left:13px;-o-transition:background 0.15s 0.0s ease-in-out;-ms-transition:background 0.15s 0.0s ease-in-out;-moz-transition:background 0.15s 0.0s ease-in-out;-webkit-transition:background 0.15s 0.0s ease-in-out;transition:background 0.15s 0.0s ease-in-out;} #hd_menu .allmenu:hover { color:#fff; background:#333;-o-transition:background 0.15s 0.0s ease-in-out;-ms-transition:background 0.15s 0.0s ease-in-out;-moz-transition:background 0.15s 0.0s ease-in-out;-webkit-transition:background 0.15s 0.0s ease-in-out;transition:background 0.15s 0.0s ease-in-out;} #hd_menu .allmenu:hover .btn-allmenu { display:block; color:#fff; -o-transition:background 0.15s 0.0s ease-in-out;-ms-transition:background 0.15s 0.0s ease-in-out;-moz-transition:background 0.15s 0.0s ease-in-out;-webkit-transition:background 0.15s 0.0s ease-in-out;transition:background 0.15s 0.0s ease-in-out;} .all_Wrap { float:left; width:50px;height:50px; position:relative; border-right:1px solid rgba(0,0,0,.08);border-left:1px solid rgba(0,0,0,.08);cursor:pointer;font-size:0;transition-delay:.05s;-webkit-transition-delay:.05s; } .all_btn {position:absolute;top:18px; left:15px; width:20px;height:17px;overflow:visible;cursor:pointer;-webkit-transition:all 400ms ease-out 0ms;-moz-transition:all 400ms ease-out 0ms;-o-transition:all 400ms ease-out 0ms;transition:all 400ms ease-out 0ms;} .all_btn .line {position:absolute;background-color:#666;overflow:hidden;width:20px;height:2px;left:0;-webkit-transition:all 400ms ease-out 0ms;-moz-transition:all 400ms ease-out 0ms;-o-transition:all 400ms ease-out 0ms;transition:all 400ms ease-out 0ms;} .all_btn .line:nth-child(1) {top:0;left:0;animation-delay:0.33s;} .all_btn .line:nth-child(2) {top:6px;left:0;animation-delay:0s; } .all_btn .line:nth-child(3) {top:12px;left:0;animhd_menuation-delay:0.66s;} .all_Wrap.clicked { background:rgba(255,255,255,.97); } .all_Wrap.clicked .all_btn .line:nth-child(1) {-webkit-transform:translateY(6px) rotate(45deg);transform:translateY(6px) rotate(45deg);-webkit-transition:all 400ms ease-out 0ms;-moz-transition:all 400ms ease-out 0ms;-o-transition:all 400ms ease-out 0ms;transition:all 400ms ease-out 0ms;width:20px;} .all_Wrap.clicked .all_btn .line:nth-child(2) {opacity:0;-webkit-transition:all 400ms ease-out 0ms;-moz-transition:all 400ms ease-out 0ms;-o-transition:all 400ms ease-out 0ms;transition:all 400ms ease-out 0ms;width:13px;} .all_Wrap.clicked .all_btn .line:nth-child(3) {-webkit-transform:translateY(-6px) rotate(-45deg);transform:translateY(-6px) rotate(-45deg);-webkit-transition:all 400ms ease-out 0ms;-moz-transition:all 400ms ease-out 0ms;-o-transition:all 400ms ease-out 0ms;transition:all 400ms ease-out 0ms;width:20px;} /* 전체메뉴 */ #hd_menu #allMenu { position:absolute; width:1300px; top:50px;left:0; display:none; background-color:rgba(255,255,255,1); border:1px solid rgba(0,0,0,.08); text-align:left;z-index:99; } #allMenu .allLeft { float:left; width:70%; border-right:1px #eee solid; padding:35px 0px; vertical-align:top; text-transform:uppercase; max-height:400px; } #allMenu .allLeft .mCSB_inside > .mCSB_container{padding-right:1%} /* 중분류카테고리 */ .allLeft_inner .cate2 .cate3 { position:absolute; z-index:9; left:50%; transform:translateX(40%); width: 150px !important;border-radius:4px;border:1px solid #eaeaea;background:rgba(255,255,255,0) !important; padding: 5px; top:0px; visibility:hidden; opacity:1; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;} .allLeft_inner .cate2 li:hover .cate3 { top:0px;opacity:1; visibility:visible; background:rgba(255,255,255,1) !important; } .allLeft_inner .cate2 > ul.cate3 { background-color:rgba(25,25,25,0.8) !important; padding: 5px 0px; width: 200px !important; } .allLeft_inner .cate2 > li:hover > ul.cate3 > li { display:block; margin: 0px; background:rgba(255,255,255,1) !important; } .allLeft_inner .cate2 > ul.cate3 > li > a { display: block;width:100%;color: #bdbdbd;line-height: 24px;font-size: 10px; text-align: center; font-weight:600; } .allLeft_inner .cate2 > ul.cate3 > li:hover > a { color:#fff; background-color:rgba(0,0,0,0.5);} #allMenu .allRight { width:30%; margin-left:-1px;padding-left:1.1%; background:#fff; display:table-cell; vertical-align:top; padding:35px 0px; float:left;text-transform:uppercase; } #allMenu .allRight a {color:#666;} #allMenu .allRight a:hover{ color:#fff; background:#b1b1b1;} #allMenu .allRight .all_board_li h2{color:#222;font-size:11px;padding:6px 5px;line-height:16px;height:auto;margin-bottom:6px;font-weight:500;display:block;border-bottom:1px #eaeaea solid;} #allMenu .allRight .all_board_inner .all_board_li {margin:0 5% 30px;width:39.5%;display:inline-block;zoom:1;*display:inline;vertical-align:top;} #allMenu .allRight .all_cs_center .all_board_li{margin:0 5% 20px;width:90%;} #allMenu .allRight .all_board_li .cs_tel_inner{padding-left:6px;font-size:11px;color:#555;line-height:160%;} #allMenu .allRight .all_board_li .cs_tel_inner .cs_tel{font-family:Oswald;font-size:15px;color:#333;padding:5px 0 6px;} #allMenu .allRight .all_board_li .cs_tel_inner .cs_time{ font-size:11px;color:#333;padding:5px 0 6px;} #allMenu .allRight .all_bank_center .all_board_li{margin:0 5% 20px;width:90%;} #allMenu .allRight .all_board_li .cs_bank_inner {padding-left:6px;font-size:11px;color:#555;line-height:160%;} #allMenu .allRight .all_board_li .cs_bank_inner .cs_bank{font-family:Oswald;font-size:13px;color:#333;padding:5px 0 6px;} #allMenu .allRight .all_board_li .cs_bank_inner .cs_bank{ font-size:11px;color:#333;padding:5px 0 6px;} #hd_menu .hd_left { float:left; border:0px #000 solid; width:1148px; text-align:center;} /* 카테고리 */ .category { box-sizing:border-box; font-size:0; line-height:0; } .category li { position:relative; display:inline-block; border:0px solid #000; } .category li > a { display:block; color:#333; letter-spacing:0; line-height:50px; font-size:13px; font-family: 'Montserrat','나눔고딕',"Nanum Gothic"; font-weight:400; } /* 메뉴간격 */ .category li:hover > a {color:#9c9c9c; } .category li:last-child > a { margin-right:0;} /* 2중분류카테고리 */ .category .sub-category { visibility:hidden; opacity:0; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s; } .category > li:hover .sub-category { top:50px;opacity:1; visibility:visible; } .category .sub-category > ul { border:0px solid #eee; background-color:rgba(255,255,255,0.95); width: 130px; border-radius:0px;} .category .sub-category > ul > li { display:block; margin: 0px; } .category .sub-category > ul > li > a { display: block; color: #666; line-height: 30px; font-size: 11px; padding:0 10px; text-align: left; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s; } .category .sub-category > ul > li:hover > a { color:#fff; background:#b1b1b1; border-radius:3px; } /* 레이어화살표*/ .-ly1 { position:absolute;top:55px;left:50%; transform:translateX(-50%); padding:5px; border:1px solid #eee; background-color:rgba(255,255,255,0.95);z-index:90 ; } .-ly1:after, .-ly1:before { bottom: 100%;left: 50%; border: solid transparent;content: " "; height: 0;width: 0; position: absolute;pointer-events: none; } .-ly1:after {border-color: rgba(255, 255, 255, 0); border-bottom-color: #fff; border-width: 5px;margin-left: -5px;} .-ly1:before {border-color: rgba(221, 221, 221, 0);border-bottom-color: #dddddd; border-width: 6px;margin-left: -6px;} .category .sub-category li { position:relative; width:100%; text-align: left !important;} .category .sub-category li > i { position:absolute; z-index:9; right:0px;top:8px; color:#999; font-size:12px; } .category .sub-category a { display:block; position:relative; padding:4px 5px;line-height:18px; border-radius:3px; -webkit-border-radius:3px;display:block;white-space:normal; background:rgba(255,255,255,0);-webkit-transition:background 200ms linear;transition:background 200ms linear;} .category .sub-category li:hover > a:hover{ color:#333; background:#ebebeb; } .category .sub-category li:hover > i { color:#fff; } /* 3중분류카테고리 */ .category .sub-category .sub-category2 { position:absolute; z-index:9; left:50%; transform:translateX(50%); width: 130px !important;border-radius:0px;border:1px solid #eaeaea;background:rgba(255,255,255,0) !important; padding: 5px; top:0px; visibility:hidden; opacity:1; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;} .category .sub-category li:hover .sub-category2 { top:0px;opacity:1; visibility:visible; background:rgba(255,255,255,1) !important; } .category .sub-category2 > ul > li > a { display: block; color: #666; line-height: 30px; font-size: 11px; padding:0 10px; text-align: left; } .category .sub-category2 > ul > li:hover > a { color:#fff; background:#b1b1b1; border-radius:3px; } #hd_menu .time { float:right; border-left:1px #eee solid; border-right:1px #eee solid; width:100px; line-height:50px; height:50px;text-align:center; font-weight:bold; background-color:rgba(255,255,255,0.95);} #hd_menu .time i { font-size: 14px; margin-top:5px; margin-right:5px; } #hd_menu .time:hover { background:#333; color:#fff } #hd_menu .time:hover a { display:block; color:#fff ; line-height:50px; }